添加中文文案

packages/webview/locales/en.json

@@ -48,7 +48,12 @@
     "download": "Download",
     "flatten" : "Save as Flattened PDF",
     "print" : "Print",
-    "language": "Language"
+    "language": "Language",
+
+    "addText": "Add Text",
+    "addImage": "Add Image",
+    "undo": "Undo",
+    "redo": "Redo"
   },
 
   "nextPage": "Next",
@@ -116,10 +121,6 @@
 
     "appearance": "Appearance",
     "backgroundColor": "Background Color",
-    "regular": "Regular",
-    "oblique": "Oblique",
-    "bold": "Bold",
-    "boldOblique": "Bold Oblique",
 
     "preferences": "Preferences",
     "alignment": "Alignment",
@@ -189,6 +190,10 @@
   "color": "Color",
   "opacity": "Opacity",
   "font": "Font",
+  "regular": "Regular",
+  "oblique": "Oblique",
+  "bold": "Bold",
+  "boldOblique": "Bold Oblique",
 
   "compare": {
     "startCompare": "Start to Compare",
@@ -242,5 +247,23 @@
     "printSetting": "Print Setting",
     "printOldFile": "Print the comparison result of the old file",
     "printNewFile": "Print the comparison result of the new file"
+  },
+
+  "editorPanel": {
+    "textProp": "Text Properties",
+    "fontColor": "Font Color",
+    "textStyle": "Text Style",
+
+    "imageProp": "Image Properties",
+    "rotate": "Rotate",
+    "rotateLeft": "Rotate Left",
+    "rotateRight": "Rotate Right",
+    "flip": "Flip",
+    "flipHorizontal": "Flip horizontal",
+    "flipVertical": "Flip vertical",
+    "tools": "Tools",
+    "replace": "Replace",
+    "export": "Export",
+    "crop": "Crop"
   }
 }

packages/webview/locales/zh-CN.json

@@ -14,7 +14,7 @@
     "signatures": "签名",
     "security": "安全",
     "compare": "文档对比",
-    "editor": "Content Editor",
+    "editor": "内容编辑器",
 
     "note": "便签",
     "highlight": "高亮",
@@ -48,7 +48,12 @@
     "download": "下载",
     "flatten" : "展平后下载",
     "print" : "打印",
-    "language": "语言"
+    "language": "语言",
+
+    "addText": "添加文字",
+    "addImage": "添加图片",
+    "undo": "撤销",
+    "redo": "重做"
   },
 
   "nextPage": "下一页",
@@ -116,10 +121,6 @@
 
     "appearance": "外观",
     "backgroundColor": "背景色",
-    "regular": "常规",
-    "oblique": "斜体",
-    "bold": "粗体",
-    "boldOblique": "粗斜体",
 
     "preferences": "选项",
     "alignment": "文本对齐",
@@ -189,6 +190,10 @@
   "color": "颜色",
   "opacity": "不透明度",
   "font": "字体",
+  "regular": "常规",
+  "oblique": "斜体",
+  "bold": "粗体",
+  "boldOblique": "粗斜体",
 
   "compare": {
     "startCompare": "开始对比",
@@ -242,5 +247,23 @@
     "printSetting": "打印文件选择",
     "printOldFile": "打印旧文档的对比结果文件",
     "printNewFile": "打印新文档的对比结果文件"
+  },
+
+  "editorPanel": {
+    "textProp": "文字属性",
+    "fontColor": "文字颜色",
+    "textStyle": "文字样式",
+
+    "imageProp": "图片属性",
+    "rotate": "旋转",
+    "rotateLeft": "左旋转",
+    "rotateRight": "右旋转",
+    "flip": "翻转",
+    "flipHorizontal": "水平翻转",
+    "flipVertical": "垂直翻转",
+    "tools": "工具",
+    "replace": "替换",
+    "export": "导出",
+    "crop": "裁剪"
   }
 }

packages/webview/src/components/EditTextPanel/EditTextPanel.vue

@@ -1,9 +1,9 @@
 <template>
   <div class="edit-panel" :class="{ closed: !isOpen }">
-    <div class="title">Text Properties</div>
+    <div class="title">{{ $t('editorPanel.textProp') }}</div>
     <div class="edit-container">
       <div class="color">
-        <div class="color-title">Color</div>
+        <div class="color-title">{{ $t('color') }}</div>
         <div class="colors-container">
           <!-- <span class="cell-container">
             <span class="cell-outer" :class="{ active: property.color === '#FFFFFF' }" @click="setActiveToolColor('#FFFFFF')">
@@ -28,7 +28,7 @@
         </div>
       </div>
       <div class="opacity">
-        <div class="opacity-title">Opacity</div>
+        <div class="opacity-title">{{ $t('opacity') }}</div>
         <div class="width-tool">
           <n-slider v-model:value="property.opacity" :tooltip="false" :step="1" :max="100" :min="0" class="width-slider">
             <template #thumb>
@@ -48,7 +48,7 @@
         </div>
       </div>
       <div class="text">
-        <div class="text-title">Text Style</div>
+        <div class="text-title">{{ $t('editorPanel.textStyle') }}</div>
         <select v-model="property.fontFamily" class="text-family">
           <option value="Helvetica">Helvetica</option>
           <option value="Courier">Courier</option>
@@ -56,19 +56,19 @@
         </select>
         <div class="content-block">
           <select v-model="property.fontStyle" class="font-family-select">
-            <option value="0">Regular</option>
-            <option value="1">Bold</option>
-            <option value="3">BoldOblique</option>
-            <option value="2">Oblique</option>
+            <option value="0">{{ $t('regular') }}</option>
+            <option value="1">{{ $t('bold') }}</option>
+            <option value="3">{{ $t('boldOblique') }}</option>
+            <option value="2">{{ $t('oblique') }}</option>
           </select>
           <select v-model="property.fontSize" class="font-size-select">
             <option :value="property.fontSize" style="display: none;">{{ property.fontSize }}</option>
-            <option value="12">12</option>
-            <option value="14">14</option>
-            <option value="16">16</option>
-            <option value="20">20</option>
-            <option value="24">24</option>
-            <option value="28">28</option>
+            <option value="12">12 pt</option>
+            <option value="14">14 pt</option>
+            <option value="16">16 pt</option>
+            <option value="20">20 pt</option>
+            <option value="24">24 pt</option>
+            <option value="28">28 pt</option>
           </select>
         </div>
         <div class="text-align">

packages/webview/src/components/EditToolbar/EditToolBar.vue

@@ -1,16 +1,16 @@
 <template>
   <div class="edit-tool">  
     <Button class="operate" :class="{ active: activeTool === 'addText' }" @click="changeActiveTool('addText')" title="Add Text">
-      <AddText /> Add Text
+      <AddText />{{ $t('header.addText') }}
     </Button>
     <Button class="operate" :class="{ active: activeTool === 'addImage' }" @click="changeActiveTool('addImage')" title="Add Image">
-      <AddImage />Add Image
+      <AddImage />{{ $t('header.addImage') }}
     </Button>
     <div class="divider pc"></div>
-    <Button class="history" title="back">
+    <Button class="history" :title="$t('header.undo')">
       <EditBack />
     </Button>
-    <Button class="history" title="go">
+    <Button class="history" :title="$t('header.redo')">
       <EditGo />
     </Button>
   </div>

packages/webview/src/components/RightPanel/RightPanel.vue

@@ -89,10 +89,10 @@
           <div class="content-block">
             <div class="text-style">
               <select v-model="property.fontStyle" class="font-family-select">
-                <option value="normal">{{ $t('rightPanel.regular') }}</option>
-                <option value="bold">{{ $t('rightPanel.bold') }}</option>
-                <option value="italic">{{ $t('rightPanel.oblique') }}</option>
-                <option value="boldItalic">{{ $t('rightPanel.boldOblique') }}</option>
+                <option value="normal">{{ $t('regular') }}</option>
+                <option value="bold">{{ $t('bold') }}</option>
+                <option value="italic">{{ $t('oblique') }}</option>
+                <option value="boldItalic">{{ $t('boldOblique') }}</option>
               </select>
               <select v-model="property.fontSize" class="font-size-select">
                 <option value="12">12</option>