fix: sku问题修改 (#2034)

* fix: popover

* fix: 代码回退

* feat: 文档修改

* feat: 修改Imagepreview

* feat: imagepreview文案修改

* feat: noticebar文案修改

* fix: noticebar小程序不能运行问题修改

* feat: 组件文档修改picker

* docs: 文案修改

* docs: countdown

* feat: image

* docs: 文本修改

* fix: imagepreview

* docs: 单位修改

* docs: 文档修噶

* docs: actionsheet文档修改

* docs: 文档修改

* fix: drag使用公共函数

* docs: 文案更新

* feat: 文档修改

* feat: 文案修改

* feat: picker文案修改

* feat: picker

* feat: 文案修改

* fix: 多余Props删除

* feat: 文档修改

* feat: docs修改

* fix: picker修改

* feat: comment修改

* feat: 文案修改

* feat: 评论修改

* feat: 评论修改

* feat: 评论修改

* feat: popover文档修改

* feat: sku修改

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

@@ -1,6 +1,7 @@
 <template>
   <view class="nut-sku-header">
-    <image class="nut-sku-header-img" :src="goods.imagePath" />
+    <image class="nut-sku-header-img" :src="goods.imagePath" v-if="ENV != ENV_TYPE.WEB" />
+    <img class="nut-sku-header-img" :src="goods.imagePath" v-else />
     <view class="nut-sku-header-right">
       <template v-if="getSlots('sku-header-price')">
         <slot name="sku-header-price"></slot>
@@ -17,10 +18,11 @@
   </view>
 </template>
 <script lang="ts">
-import { ref, watch, onMounted } from 'vue';
+import { reactive, toRefs } from 'vue';
 import Price from '../../price/index.taro.vue';
 import { createComponent } from '@/packages/utils/create';
-const { componentName, create, translate } = createComponent('sku-header');
+import Taro from '@tarojs/taro';
+const { create, translate } = createComponent('sku-header');
 
 export default create({
   props: {
@@ -36,9 +38,15 @@ export default create({
   setup(props: any, { emit, slots }) {
     const getSlots = (name: string) => slots[name];
 
+    const state = reactive({
+      ENV: Taro.getEnv(),
+      ENV_TYPE: Taro.ENV_TYPE
+    });
+
     return {
       getSlots,
-      translate
+      translate,
+      ...toRefs(state)
     };
   }
 });

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

@@ -1,6 +1,6 @@
 <template>
   <view class="nut-sku-operate" v-if="btnOptions.length > 0">
-    <view class="nut-sku-operate-desc" v-if="btnExtraText" v-html="btnExtraText"></view>
+    <view class="nut-sku-operate-desc" v-if="btnExtraText">{{ btnExtraText }}</view>
 
     <slot name="operate-btn"></slot>
 

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

@@ -34,12 +34,7 @@
           :stepperTitle="stepperTitle || translate('buyNumber')"
           :stepperMax="stepperMax"
           :stepperMin="stepperMin"
-          :purchased="purchased"
-          :showSaleLimit="showSaleLimit"
-          :showSaleLowest="showSaleLowest"
-          :saleLowestText="saleLowestText"
-          :saleLimitText="saleLimitText"
-          :purchasedText="purchasedText"
+          :stepperExtraText="stepperExtraText"
           @add="add"
           @reduce="reduce"
           @changeStepper="changeStepper"
@@ -49,15 +44,18 @@
         <slot name="sku-stepper-bottom"></slot>
       </view>
 
-      <slot name="sku-operate"></slot>
       <sku-operate
-        v-if="!getSlots('sku-operate')"
+        :btnExtraText="btnExtraText"
         :btnOptions="btnOptions"
         :buyText="buyText || translate('buyNow')"
         :addCartText="addCartText || translate('addToCart')"
         :confirmText="confirmText || translate('confirm')"
         @clickBtnOperate="clickBtnOperate"
-      ></sku-operate>
+      >
+        <template #operate-btn v-if="getSlots('sku-operate')">
+          <slot name="sku-operate"></slot>
+        </template>
+      </sku-operate>
     </view>
   </nut-popup>
 </template>
@@ -88,12 +86,6 @@ export default create({
       default: {}
     },
 
-    // 是否显示限购文案
-    showSaleLimit: {
-      type: Boolean,
-      default: false
-    },
-
     // stepper 最大值
     stepperMax: {
       type: [Number, String],
@@ -105,17 +97,6 @@ export default create({
       type: [Number, String],
       default: 1
     },
-    // 已购数量
-    purchased: {
-      type: [Number, String],
-      default: 0
-    },
-
-    // 是否显示起购文案
-    showSaleLowest: {
-      type: Boolean,
-      default: false
-    },
 
     // 底部按钮配置  confirm cart  buy
     btnOptions: {
@@ -129,22 +110,15 @@ export default create({
       default: ''
     },
 
-    // 起购文案提示
-    saleLowestText: {
-      type: [Function, Boolean],
-      default: false
-    },
-
-    // 限购文案提示
-    saleLimitText: {
+    // stepper 前面文案
+    stepperExtraText: {
       type: [Function, Boolean],
       default: false
     },
 
-    // 已购文案提示
-    purchasedText: {
-      type: [Function, Boolean],
-      default: false
+    btnExtraText: {
+      type: String,
+      default: ''
     },
 
     // 立即购买文案