chore: i18n

ly525
1 parent 025bfddc
Showing 7 changed files with 28 additions and 17 deletions
front-end/h5/package.json
front-end/h5/src/components/core/editor/right-panel/background.js
front-end/h5/src/components/core/editor/right-panel/props.js
front-end/h5/src/components/core/plugins/lbp-background.js
front-end/h5/src/locales/lang/en-US.js
front-end/h5/src/locales/lang/zh-CN.js
front-end/h5/yarn.lock
@@ -18,7 +18,7 @@
     "@luban-h5/lbc-button": "^0.0.3",
     "@luban-h5/lbp-slide": "^0.0.7",
     "@luban-h5/lbs-text-align": "^0.0.5",
-    "@luban-h5/plugin-common-props": "0.2.7",
+    "@luban-h5/plugin-common-props": "0.2.8",
     "animate.css": "^3.7.2",
     "ant-design-vue": "^1.3.14",
     "core-js": "^2.6.5",
@@ -28,7 +28,8 @@ export default {
     return (
       <div>
         <a-collapse expand-icon-position="right">
-          <a-collapse-panel key="1" header="H5模式">
+          {/* #!zh: H5模式 */}
+          <a-collapse-panel key="1" header={this.$t('editor.editPanel.common.pageMode')}>
             <RenderWorkMode />
           </a-collapse-panel>
         </a-collapse>
 import Vue from 'vue'
 import { mapState, mapActions } from 'vuex'
 import BoxModelEditor from './box-model'
+import langMixin from 'core/mixins/i18n'
 import { getVM, getComponentsForPropsEditor } from '@/utils/element'
 import 'core/styles/props-config-panel.scss'
  
 export default {
   name: 'RightPanelProps',
+  mixins: [langMixin],
   components: {
     BoxModelEditor
   },
@@ -114,7 +116,7 @@ export default {
       const formItemData = {
         props: {
           ...formItemLayout,
-          label: item.label,
+          label: item[`${this.currentLang}-label`] || item.label,
           ...item.layout
         }
       }
@@ -176,7 +178,8 @@ export default {
       return (
         <div>
           <a-collapse bordered={true} expand-icon-position="right">
-            <a-collapse-panel key="1" header="通用样式">
+            {/* #!zh: 通用样式 */}
+            <a-collapse-panel key="1" header={this.$t('editor.editPanel.common.commonStyle')}>
               {/* left,top,width,height编辑 只有在选中编辑组件的时候显示 */}
                 {
                   this.stateEditingElement ? this.renderEditorPositionConfig(h) : ''
@@ -184,7 +187,8 @@ export default {
               {/* margin、padding编辑 */}
               <BoxModelEditor />
             </a-collapse-panel>
-            <a-collapse-panel key="2" header="属性设置">
+            {/* #!zh: 属性设置 */}
+            <a-collapse-panel key="2" header={this.$t('editor.editPanel.common.ConfigProps')}>
               <a-form
                 ref="form"
                 size="mini"
@@ -14,12 +14,12 @@ import { renderWaterMark } from &#39;@/utils/dom-helper&#39;
 export default {
   name: 'lbp-background',
   props: {
-    imgSrc: PropTypes.image({ label: '背景图' }),
-    backgroundColor: PropTypes.color({ label: '背景色', defaultValue: 'rgba(255, 255, 255, 0.2)' }),
-    waterMarkText: PropTypes.string({ label: '水印文字', defaultValue: '水印文字' }),
-    waterMarkFontSize: PropTypes.number({ label: '水印文字大小(px)', defaultValue: 16 }),
-    waterMarkRotate: PropTypes.number({ label: '水印旋转角度', defaultValue: 10 }),
-    waterMarkColor: PropTypes.color({ label: '水印文字颜色', defaultValue: 'rgba(184, 184, 184, 0.2)' })
+    imgSrc: PropTypes.image({ label: '背景图', 'en-US-label': 'BgImage' }),
+    backgroundColor: PropTypes.color({ label: '背景色', 'en-US-label': 'BgColor', defaultValue: 'rgba(255, 255, 255, 0.2)' }),
+    waterMarkText: PropTypes.string({ label: '水印文字', 'en-US-label': 'BgColor', defaultValue: '水印文字' }),
+    waterMarkFontSize: PropTypes.number({ label: '水印文字大小(px)', 'en-US-label': 'WaterMaskSize', defaultValue: 16 }),
+    waterMarkRotate: PropTypes.number({ label: '水印旋转角度', 'en-US-label': 'WaterMaskRotate', defaultValue: 10 }),
+    waterMarkColor: PropTypes.color({ label: '水印文字颜色', 'en-US-label': 'WaterMaskColor', defaultValue: 'rgba(184, 184, 184, 0.2)' })
   },
   methods: {
     renderWaterMark () {
@@ -97,7 +97,10 @@ export default {
         title: 'Animation {index}'
       },
       common: {
-        empty: 'Select an element first please!'
+        empty: 'Select an element first please!',
+        ConfigProps: 'Props',
+        commonStyle: 'CommonStyle',
+        pageMode: 'PageMode'
       }
     },
     tip: {
@@ -106,7 +106,10 @@ export default {
         title: 'Animation {index}'
       },
       common: {
-        empty: 'Select an element first please!'
+        empty: 'Select an element first please!',
+        ConfigProps: '属性设置',
+        commonStyle: '通用样式',
+        pageMode: '页面模式'
       }
     },
     tip: {
@@ -840,10 +840,10 @@
     core-js "^3.3.2"
     vue "^2.6.10"
  
-"@luban-h5/plugin-common-props@0.2.7":
-  version "0.2.7"
-  resolved "https://registry.npmjs.org/@luban-h5/plugin-common-props/-/plugin-common-props-0.2.7.tgz#098cb71c789a527f8b50a2b613c9b28d959f5ab2"
-  integrity sha512-Kf+HogjJVQy9Mp/c36X6m8VNF56rme/RkRwnLVdtTG1c0rTcPdn9iE+2gCP641DDN9ifGj5Y6T+wfVyTaOTDaw==
+"@luban-h5/plugin-common-props@0.2.8":
+  version "0.2.8"
+  resolved "https://registry.npm.taobao.org/@luban-h5/plugin-common-props/download/@luban-h5/plugin-common-props-0.2.8.tgz#a8ce6d8c445ef65a1c9147a61c5d5b049217f38f"
+  integrity sha1-qM5tjERe9lockUemHF1bBJIX848=
  
 "@luban-h5/plugin-common-props@^0.0.1":
   version "0.0.1"