chore: add international components sku

src/packages/__VUE/sku/components/SkuHeader.vue

@@ -11,7 +11,7 @@
         <slot name="sku-header-extra"></slot>
       </template>
       <view class="nut-sku-header-right-extra" v-if="goods.skuId && !getSlots('sku-header-extra')"
-        >商品编号：{{ goods.skuId }}</view
+        >{{ translate('skuId') }}&nbsp;:&nbsp;{{ goods.skuId }}</view
       >
     </view>
   </view>
@@ -20,7 +20,7 @@
 import { ref, watch, onMounted } from 'vue';
 
 import { createComponent } from '../../../utils/create';
-const { componentName, create } = createComponent('sku-header');
+const { componentName, create, translate } = createComponent('sku-header');
 
 export default create({
   props: {
@@ -35,7 +35,8 @@ export default create({
     const getSlots = (name: string) => slots[name];
 
     return {
-      getSlots
+      getSlots,
+      translate
     };
   }
 });

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

@@ -31,7 +31,7 @@
         <sku-stepper
           v-if="!getSlots('sku-stepper')"
           :goods="goods"
-          :stepperTitle="stepperTitle"
+          :stepperTitle="stepperTitle || translate('buyNumber')"
           :stepperMax="stepperMax"
           :stepperMin="stepperMin"
           :purchased="purchased"
@@ -53,9 +53,9 @@
       <sku-operate
         v-if="!getSlots('sku-operate')"
         :btnOptions="btnOptions"
-        :buyText="buyText"
-        :addCartText="addCartText"
-        :confirmText="confirmText"
+        :buyText="buyText || translate('buyNow')"
+        :addCartText="addCartText || translate('addToCard')"
+        :confirmText="confirmText || translate('confirm')"
         @clickBtnOperate="clickBtnOperate"
       ></sku-operate>
     </view>
@@ -68,7 +68,7 @@ import SkuSelect from './components/SkuSelect.vue';
 import SkuStepper from './components/SkuStepper.vue';
 import SkuOperate from './components/SkuOperate.vue';
 import { createComponent } from '../../utils/create';
-const { componentName, create } = createComponent('sku');
+const { componentName, create, translate } = createComponent('sku');
 
 export default create({
   props: {
@@ -125,7 +125,7 @@ export default create({
     // 数量选择左侧文案
     stepperTitle: {
       type: String,
-      default: '购买数量'
+      default: ''
     },
 
     // 起购文案提示
@@ -149,19 +149,19 @@ export default create({
     // 立即购买文案
     buyText: {
       type: String,
-      default: '立即购买'
+      default: ''
     },
 
     // 加入购物车文案
     addCartText: {
       type: String,
-      default: '加入购物车'
+      default: ''
     },
 
     // 确定文案
     confirmText: {
       type: String,
-      default: '确定'
+      default: ''
     }
   },
   emits: [
@@ -271,7 +271,8 @@ export default create({
       clickBtnOperate,
       add,
       reduce,
-      getSlots
+      getSlots,
+      translate
     };
   }
 });

src/packages/__VUE/sku/index.vue

@@ -33,7 +33,7 @@
         <sku-stepper
           v-if="!getSlots('sku-stepper')"
           :goods="goods"
-          :stepperTitle="stepperTitle"
+          :stepperTitle="stepperTitle || translate('buyNumber')"
           :stepperMax="stepperMax"
           :stepperMin="stepperMin"
           :stepperExtraText="stepperExtraText"
@@ -49,9 +49,9 @@
       <sku-operate
         :btnOptions="btnOptions"
         :btnExtraText="btnExtraText"
-        :buyText="buyText"
-        :addCartText="addCartText"
-        :confirmText="confirmText"
+        :buyText="buyText || translate('buyNow')"
+        :addCartText="addCartText || translate('addToCard')"
+        :confirmText="confirmText || translate('confirm')"
         @clickBtnOperate="clickBtnOperate"
       >
         <template #operate-btn v-if="getSlots('sku-operate')">
@@ -69,7 +69,7 @@ import SkuStepper from './components/SkuStepper.vue';
 import SkuOperate from './components/SkuOperate.vue';
 import { createComponent } from '../../utils/create';
 import { popupProps } from '../popup/index.vue';
-const { componentName, create } = createComponent('sku');
+const { componentName, create, translate } = createComponent('sku');
 
 export default create({
   props: {
@@ -106,7 +106,7 @@ export default create({
     // 数量选择左侧文案
     stepperTitle: {
       type: String,
-      default: '购买数量'
+      default: ''
     },
 
     // stepper 前面文案
@@ -123,19 +123,19 @@ export default create({
     // 立即购买文案
     buyText: {
       type: String,
-      default: '立即购买'
+      default: ''
     },
 
     // 加入购物车文案
     addCartText: {
       type: String,
-      default: '加入购物车'
+      default: ''
     },
 
     // 确定文案
     confirmText: {
       type: String,
-      default: '确定'
+      default: ''
     }
   },
   emits: [
@@ -250,7 +250,8 @@ export default create({
       clickBtnOperate,
       add,
       reduce,
-      getSlots
+      getSlots,
+      translate
     };
   }
 });

src/packages/locale/lang/baseLang.ts

@@ -62,4 +62,12 @@ export interface BaseLang {
   timeselect: {
     pickupTime: string;
   };
+  sku: {
+    buyNow: string;
+    buyNumber: string;
+    addToCard: string;
+  };
+  skuheader: {
+    skuId: string;
+  };
 }

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

@@ -62,6 +62,14 @@ const lang: BaseLang = {
   },
   timeselect: {
     pickupTime: 'Pickup Time'
+  },
+  sku: {
+    buyNow: 'Buy Now',
+    buyNumber: 'Buy Number',
+    addToCard: 'Add to Card'
+  },
+  skuheader: {
+    skuId: 'Sku Number'
   }
 };
 export default lang;

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

@@ -62,6 +62,14 @@ const lang: BaseLang = {
   },
   timeselect: {
     pickupTime: '取件时间'
+  },
+  sku: {
+    buyNow: '立即购买',
+    buyNumber: '购买数量',
+    addToCard: '加入购物车'
+  },
+  skuheader: {
+    skuId: '商品编号'
   }
 };
 export default lang;