feat: popup 关联组件增加 z-index 属性 (#2632)

jd-opensource · Nov 2, 2023 · f38cd65 · f38cd65
1 parent 896e4bf
commit f38cd65
Show file tree

Hide file tree

Showing 9 changed files with 21 additions and 11 deletions.
diff --git a/src/packages/__VUE/actionsheet/index.taro.vue b/src/packages/__VUE/actionsheet/index.taro.vue
@@ -6,6 +6,7 @@
     :close-on-click-overlay="closeAbled"
     :lock-scroll="lockScroll"
     :catch-move="lockScroll"
+    :z-index="zIndex"
     @click-overlay="close"
   >
     <view :class="classes">

diff --git a/src/packages/__VUE/actionsheet/index.vue b/src/packages/__VUE/actionsheet/index.vue
@@ -5,6 +5,7 @@
     round
     :close-on-click-overlay="closeAbled"
     :lock-scroll="lockScroll"
+    :z-index="zIndex"
     @click-overlay="close"
   >
     <view :class="classes">

diff --git a/src/packages/__VUE/address/index.taro.vue b/src/packages/__VUE/address/index.taro.vue
@@ -5,6 +5,7 @@
     :lock-scroll="lockScroll"
     :catch-move="lockScroll"
     :round="round"
+    :z-index="zIndex"
     @close="close"
     @click-overlay="clickOverlay"
     @open="closeWay = 'self'"

diff --git a/src/packages/__VUE/address/index.vue b/src/packages/__VUE/address/index.vue
@@ -6,6 +6,7 @@
     :round="round"
     :teleport-disable="teleportDisable"
     :teleport="teleport"
+    :z-index="zIndex"
     @close="close"
     @click-overlay="clickOverlay"
     @open="closeWay = 'self'"

diff --git a/src/packages/__VUE/cascader/index.taro.vue b/src/packages/__VUE/cascader/index.taro.vue
@@ -11,6 +11,7 @@
       :close-icon-position="closeIconPosition"
       :lock-scroll="lockScroll"
       :catch-move="lockScroll"
+      :z-index="zIndex"
     >
       <template v-if="title">
         <view class="nut-cascader__bar" v-html="title"></view>

diff --git a/src/packages/__VUE/cascader/index.vue b/src/packages/__VUE/cascader/index.vue
@@ -8,6 +8,7 @@
       :closeable="closeable"
       :destroy-on-close="false"
       :close-icon-position="closeIconPosition"
+      :z-index="zIndex"
     >
       <template v-if="title">
         <view class="nut-cascader__bar" v-html="title"></view>

diff --git a/src/packages/__VUE/dialog/index.taro.vue b/src/packages/__VUE/dialog/index.taro.vue
@@ -10,6 +10,7 @@
     :overlay-style="overlayStyle"
     :style="popStyle"
     round
+    :z-index="zIndex"
     @click-overlay="onClickOverlay"
     @click-close-icon="closed"
   >

diff --git a/src/packages/__VUE/dialog/index.vue b/src/packages/__VUE/dialog/index.vue
@@ -9,6 +9,7 @@
     :overlay-style="overlayStyle"
     :style="popStyle"
     round
+    :z-index="zIndex"
     @click-overlay="onClickOverlay"
     @click-close-icon="closed"
   >

diff --git a/src/packages/__VUE/sku/index.vue b/src/packages/__VUE/sku/index.vue
@@ -6,8 +6,7 @@
     round
     style="height: 75%"
     :lock-scroll="lockScroll"
-    :teleport-disable="teleportDisable"
-    :teleport="teleport"
+    :catch-move="lockScroll"
     @click-close-icon="closePopup('icon')"
     @click-overlay="closePopup('overlay')"
     @close="closePopup('close')"
@@ -48,8 +47,8 @@
       </view>
 
       <sku-operate
-        :btn-options="btnOptions"
         :btn-extra-text="btnExtraText"
+        :btn-options="btnOptions"
         :buy-text="buyText || translate('buyNow')"
         :add-cart-text="addCartText || translate('addToCart')"
         :confirm-text="confirmText || translate('confirm')"
@@ -63,19 +62,21 @@
   </nut-popup>
 </template>
 <script lang="ts">
-import { ref, watch, onMounted, PropType } from 'vue';
+import { ref, watch, PropType } from 'vue';
 import SkuHeader from './components/SkuHeader.vue';
 import SkuSelect from './components/SkuSelect.vue';
 import SkuStepper from './components/SkuStepper.vue';
 import SkuOperate from './components/SkuOperate.vue';
-import { createComponent } from '@/packages/utils/create';
-import { popupProps } from '../popup/props';
 import Popup from '../popup/index.vue';
+import { createComponent } from '@/packages/utils/create';
 const { create, translate } = createComponent('sku');
 
 export default create({
   props: {
-    ...popupProps,
+    visible: {
+      type: Boolean,
+      default: false
+    },
 
     sku: {
       type: Array,
@@ -138,6 +139,11 @@ export default create({
     confirmText: {
       type: String,
       default: ''
+    },
+
+    lockScroll: {
+      type: Boolean,
+      default: true
     }
   },
   emits: [
@@ -182,10 +188,6 @@ export default create({
       }
     );
 
-    onMounted(() => {
-      // console.log('更新参数');
-    });
-
     const getSlots = (name: string) => slots[name];
 
     // 商品规格 sku 选择