feat: ✨ Curtain 幕帘组件支持设置 z-index

Author: Moonofweisheng

docs/component/curtain.md

@@ -107,7 +107,8 @@ function handleClose() {
 | to | 幕帘图片点击链接 | string | - | - | - |
 | close-position | 关闭按钮位置 | string | inset / top / bottom / top-left / top-right / bottom-left / bottom-right | inset | - |
 | close-on-click-modal | 点击遮罩是否关闭 | boolean | - | false | - |
-| hide-when-close | 是否当关闭时将弹出层隐藏（display: none) | boolean | - | true | - |
+| hide-when-close | 是否当关闭时将弹出层隐藏（display: none） | boolean | - | true | - |
+| z-index | 设置层级 | number | - | 10 | $LOWEST_VERSION$ |
 
 ## Events
 

src/uni_modules/wot-design-uni/components/wd-curtain/types.ts

@@ -1,5 +1,5 @@
 import type { ExtractPropTypes } from 'vue'
-import { baseProps, makeBooleanProp, makeStringProp } from '../common/props'
+import { baseProps, makeBooleanProp, makeNumberProp, makeStringProp } from '../common/props'
 
 export type ClosePosition = 'inset' | 'top' | 'bottom' | 'top-left' | 'top-right' | 'bottom-left' | 'bottom-right'
 
@@ -32,7 +32,13 @@ export const curtainProps = {
   /**
    * 是否当关闭时将弹出层隐藏（display: none)
    */
-  hideWhenClose: makeBooleanProp(true)
+  hideWhenClose: makeBooleanProp(true),
+  /**
+   * 设置层级
+   * 类型：number
+   * 默认值：10
+   */
+  zIndex: makeNumberProp(10)
 }
 
 export type CurtainProps = ExtractPropTypes<typeof curtainProps>

src/uni_modules/wot-design-uni/components/wd-curtain/wd-curtain.vue

@@ -6,6 +6,7 @@
       position="center"
       :close-on-click-modal="closeOnClickModal"
       :hide-when-close="hideWhenClose"
+      :z-index="zIndex"
       @before-enter="beforeenter"
       @enter="enter"
       @after-enter="afterenter"