add: 添加多语

packages/webview/locales/en.json

@@ -88,10 +88,24 @@
     "search": "Search",
     "searchPdf": "Search PDF",
     "page": "Page", 
+    "whichPage": ["Page", ""], 
     "previousPhrase": "Find the previous occurrence of the phrase",
     "nextPhrase": "Find the next occurrence of the phrase",
     "results": "Results",
-    "noResults": "No results"
+    "noResults": "No results",
+
+    "marked": "Marked",
+    "unmarked": "Unmarked",
+    "accepted": "Accepted",
+    "rejected": "Rejected",
+    "cancelled": "Cancelled",
+    "completed": "Completed",
+    "none": "None",
+    "edit": "Edit",
+    "delete": "Delete",
+    "replyPlaceholder": "Reply or add thoughts",
+    "reply": "Reply",
+    "confirm": "Confirm"
   },
 
   "pageModePanel": {

packages/webview/locales/zh-CN.json

@@ -80,7 +80,7 @@
     "layers": "图层",
     "noLayers": "无图层",
 
-    "annotations": "注释",
+    "annotations": "注释列表",
     "noAnnotations": "没有注释",
     "importAnnotations": "导入注释",
     "exportAnnotations": "导出注释",
@@ -88,10 +88,24 @@
     "search": "搜索",
     "searchPdf": "搜索PDF",
     "page": "页码", 
+    "whichPage": ["第", "页"], 
     "previousPhrase": "查看上一个结果",
     "nextPhrase": "查看下一个结果",
     "results": "结果",
-    "noResults": "无搜索结果"
+    "noResults": "无搜索结果",
+
+    "marked": "已标记",
+    "unmarked": "未标记",
+    "accepted": "已接受",
+    "rejected": "已拒绝",
+    "cancelled": "已取消",
+    "completed": "已完成",
+    "none": "无",
+    "edit": "编辑",
+    "delete": "删除",
+    "replyPlaceholder": "回复",
+    "reply": "保存",
+    "confirm": "保存"
   },
 
   "pageModePanel": {

packages/webview/src/components/AnnotationContainer/AnnotationContent.vue

@@ -4,7 +4,7 @@
       <div v-for="(pageAnnotations, pageNumber) in annotationsContainers.annotations">
         <template v-if="pageAnnotations.pageAnnotationsCount > 0">
           <div class="page-title">
-            <span>{{ $t('leftPanel.page') }} {{ pageNumber * 1 + 1 }}</span>
+            <span>{{ $t('leftPanel.whichPage[0]') }}{{ pageNumber * 1 + 1 }}{{ $t('leftPanel.whichPage[1]') }}</span>
             <span>{{ pageAnnotations.pageAnnotationsCount }}</span>
           </div>
           <template v-for="(item, index) in pageAnnotations.annotations">
@@ -34,16 +34,16 @@
                   <template #trigger>
                     <div class="mark-box" :class="{ 'marked': item.markedAnnotState === 'MARKED' || item.markedAnnotState?.state === 'MARKED' }" @click.stop="setMarkedState(item)"></div>
                   </template>
-                  <span>Marked</span>
+                  <span>{{ item.markedAnnotState === 'MARKED' || item.markedAnnotState?.state === 'MARKED' ? $t('leftPanel.marked') : $t('leftPanel.unmarked') }}</span>
                 </n-popover>
               </div>
 
               <div class="item-reply" v-if="selectedAnnot && selectedAnnot.name === item.name && (showReplyInput || item.replies?.length)">
                 <div v-if="showReplyInput">
-                  <textarea placeholder="Reply or add thoughts" v-model="replyText" class="annotReplyInput"></textarea>
+                  <textarea :placeholder="$t('leftPanel.replyPlaceholder')" v-model="replyText" class="annotReplyInput"></textarea>
                   <div class="buttons">
-                    <span @click.stop="cancel">Cancel</span>
-                    <button :class="{ 'active': replyText, disabled: !replyText }" @click="addReply">Reply</button>
+                    <span @click.stop="cancel">{{ $t('cancel') }}</span>
+                    <button :class="{ 'active': replyText, disabled: !replyText }" @click="addReply">{{ $t('leftPanel.reply') }}</button>
                   </div>
                 </div>
 
@@ -62,8 +62,8 @@
                       <div class="content" v-if="editing && reply.name === selectedReply?.name">
                         <textarea v-model="editingReplyText" class="replyEditInput"></textarea>
                         <div class="buttons">
-                          <span @click="cancelEdit">Cancel</span>
-                          <button :class="[editingReplyText && editingReplyText !== reply.contents ? 'active' : 'disabled']" @click="editReply">Confirm</button>
+                          <span @click="cancelEdit">{{ $t('cancel') }}</span>
+                          <button :class="[editingReplyText && editingReplyText !== reply.contents ? 'active' : 'disabled']" @click="editReply">{{ $t('leftPanel.confirm') }}</button>
                         </div>
                       </div>
                       <div class="content" v-else>{{ reply.contents }}</div>
@@ -85,8 +85,8 @@
                   @clickoutside="onOutsideReplyPopover"
                 >
                   <div class="drop-down">
-                    <div class="drop-item" @click="editReply">Edit</div>
-                    <div class="drop-item" @click="deleteReply">Delete</div>
+                    <div class="drop-item" @click="editReply">{{ $t('leftPanel.edit') }}</div>
+                    <div class="drop-item" @click="deleteReply">{{ $t('leftPanel.delete') }}</div>
                   </div>
                 </n-popover>
               </div>
@@ -113,11 +113,11 @@
                     </Button>
                   </template>
                   <div class="drop-down">
-                    <div class="drop-item" @click="setReviewState(item, 'ACCEPTED')"><Accepted />Accepted</div>
-                    <div class="drop-item" @click="setReviewState(item, 'REJECTED')"><Rejected />Rejected</div>
-                    <div class="drop-item" @click="setReviewState(item, 'CANCELLED')"><Cancelled />Cancelled</div>
-                    <div class="drop-item" @click="setReviewState(item, 'COMPLETED')"><Completed />Completed</div>
-                    <div class="drop-item" @click="setReviewState(item, 'NONE')"><None />None</div>
+                    <div class="drop-item" @click="setReviewState(item, 'ACCEPTED')"><Accepted />{{ $t('leftPanel.accepted') }}</div>
+                    <div class="drop-item" @click="setReviewState(item, 'REJECTED')"><Rejected />{{ $t('leftPanel.rejected') }}</div>
+                    <div class="drop-item" @click="setReviewState(item, 'CANCELLED')"><Cancelled />{{ $t('leftPanel.cancelled') }}</div>
+                    <div class="drop-item" @click="setReviewState(item, 'COMPLETED')"><Completed />{{ $t('leftPanel.completed') }}</div>
+                    <div class="drop-item" @click="setReviewState(item, 'NONE')"><None />{{ $t('leftPanel.none') }}</div>
                   </div>
                 </n-popover>
                 <div class="re">
@@ -249,7 +249,6 @@ const handleReplyPopoverShow = (e, reply) => {
 // 标记状态
 const setMarkedState = (annotation) => {
   let data
-  debugger
   if (annotation.markedAnnotState) {
     data = {
       type: 'edit',