chore: add international components signature

src/packages/__VUE/signature/index.taro.vue

@@ -14,15 +14,15 @@
         @touchleave="leaveEventHandler"
       ></canvas>
     </div>
-    <nut-button class="nut-signature-btn" type="default" @click="clear()">重签</nut-button>
-    <nut-button class="nut-signature-btn" type="primary" @click="confirm()">确认</nut-button>
+    <nut-button class="nut-signature-btn" type="default" @click="clear()">{{ translate('reSign') }}</nut-button>
+    <nut-button class="nut-signature-btn" type="primary" @click="confirm()">{{ translate('confirm') }}</nut-button>
   </div>
 </template>
 <script lang="ts">
 import Taro from '@tarojs/taro';
 import { ref, reactive, onMounted, computed } from 'vue';
 import { createComponent } from '../../utils/create';
-const { componentName, create } = createComponent('signature');
+const { componentName, create, translate } = createComponent('signature');
 
 export default create({
   props: {
@@ -44,7 +44,7 @@ export default create({
     },
     unSupportTpl: {
       type: String,
-      default: '对不起，当前浏览器不支持Canvas，无法使用本控件！'
+      default: ''
     }
   },
   components: {},
@@ -151,7 +151,8 @@ export default create({
       startEventHandler,
       moveEventHandler,
       endEventHandler,
-      leaveEventHandler
+      leaveEventHandler,
+      translate
     };
   }
 });

src/packages/__VUE/signature/index.vue

@@ -2,17 +2,17 @@
   <div :class="classes">
     <div class="nut-signature-inner" ref="wrap">
       <canvas ref="canvas" :height="canvasHeight" :width="canvasWidth" v-if="() => isCanvasSupported()"></canvas>
-      <p class="nut-signature-unsopport" v-else>{{ unSupportTpl }}</p>
+      <p class="nut-signature-unsopport" v-else>{{ unSupportTpl || translate('unSupportTpl') }}</p>
     </div>
 
-    <nut-button class="nut-signature-btn" type="default" @click="clear()">重签</nut-button>
-    <nut-button class="nut-signature-btn" type="primary" @click="confirm()">确认</nut-button>
+    <nut-button class="nut-signature-btn" type="default" @click="clear()">{{ translate('reSign') }}</nut-button>
+    <nut-button class="nut-signature-btn" type="primary" @click="confirm()">{{ translate('confirm') }}</nut-button>
   </div>
 </template>
 <script lang="ts">
 import { ref, reactive, onMounted, computed, toRefs } from 'vue';
 import { createComponent } from '../../utils/create';
-const { componentName, create } = createComponent('signature');
+const { componentName, create, translate } = createComponent('signature');
 
 export default create({
   props: {
@@ -34,7 +34,7 @@ export default create({
     },
     unSupportTpl: {
       type: String,
-      default: '对不起，当前浏览器不支持Canvas，无法使用本控件！'
+      default: ''
     }
   },
   components: {},
@@ -136,7 +136,7 @@ export default create({
       }
     });
 
-    return { ...toRefs(state), canvas, wrap, isCanvasSupported, confirm, clear, classes };
+    return { ...toRefs(state), canvas, wrap, isCanvasSupported, confirm, clear, classes, translate };
   }
 });
 </script>

src/packages/locale/index.ts

@@ -2,7 +2,7 @@ import { ref, reactive } from 'vue';
 import lang from './lang/zh-CN';
 import defaultLang from './lang/zh-CN';
 import enUSLang from './lang/en-US';
-const currentLang = ref('zh-CN');
+const currentLang = ref('en-US');
 
 type lang = Record<string, any>;
 const langs = reactive<lang>({

src/packages/locale/lang/baseLang.ts

@@ -50,4 +50,8 @@ export interface BaseLang {
     deliveryTo: string;
     chooseAnotherAddress: string;
   };
+  signature: {
+    reSign: string;
+    unSupportTpl: string;
+  };
 }

src/packages/locale/lang/en-US.ts

@@ -50,6 +50,10 @@ const lang: BaseLang = {
     selectRegion: 'Select Region',
     deliveryTo: 'Delivery To',
     chooseAnotherAddress: 'Choose Another Address'
+  },
+  signature: {
+    reSign: 're-sign',
+    unSupportTpl: `Sorry, the current browser doesn't support canvas, so we can't use this control!`
   }
 };
 export default lang;

src/packages/locale/lang/zh-CN.ts

@@ -50,6 +50,10 @@ const lang: BaseLang = {
     selectRegion: '请选择所在地区',
     deliveryTo: '配送至',
     chooseAnotherAddress: '选择其他地址'
+  },
+  signature: {
+    reSign: '重签',
+    unSupportTpl: '对不起，当前浏览器不支持Canvas，无法使用本控件！'
   }
 };
 export default lang;