@varlet/ui 3.3.8 → 3.3.10

package/highlight/web-types.en-US.json

@@ -1,7 +1,7 @@
 {
   "$schema": "https://raw.githubusercontent.com/JetBrains/web-types/master/schema/web-types.json",
   "framework": "vue",
-  "version": "3.3.8",
+  "version": "3.3.10",
   "name": "VARLET",
   "contributions": {
     "html": {
@@ -5317,6 +5317,15 @@
                 "type": "boolean",
                 "kind": "expression"
               }
+            },
+            {
+              "name": "z-index",
+              "description": "The zIndex of element",
+              "default": "-",
+              "value": {
+                "type": "number",
+                "kind": "expression"
+              }
             }
           ],
           "events": [

package/highlight/web-types.zh-CN.json

@@ -1,7 +1,7 @@
 {
   "$schema": "https://raw.githubusercontent.com/JetBrains/web-types/master/schema/web-types.json",
   "framework": "vue",
-  "version": "3.3.8",
+  "version": "3.3.10",
   "name": "VARLET",
   "contributions": {
     "html": {
@@ -5476,6 +5476,15 @@
                 "type": "boolean",
                 "kind": "expression"
               }
+            },
+            {
+              "name": "z-index",
+              "description": "元素 z-index",
+              "default": "-",
+              "value": {
+                "type": "number",
+                "kind": "expression"
+              }
             }
           ],
           "events": [

package/lib/varlet.cjs.js

@@ -1013,6 +1013,7 @@ const props$1h = {
     type: Boolean,
     default: true
   },
+  zIndex: Number,
   safeArea: Boolean,
   safeAreaTop: Boolean,
   teleport: {
@@ -1188,7 +1189,7 @@ const {
   n: n$1p,
   classes: classes$1a
 } = createNamespace("popup");
-var stdin_default$5V = defineComponent({
+var stdin_default$5V = vue.defineComponent({
   name: name$1i,
   inheritAttrs: false,
   props: props$1h,
@@ -1200,9 +1201,13 @@ var stdin_default$5V = defineComponent({
     const {
       zIndex
     } = useZIndex(() => props2.show, 3);
+    const normalizedZIndex = vue.computed(() => {
+      var _a;
+      return (_a = props2.zIndex) != null ? _a : zIndex.value;
+    });
     const {
       onStackTop
-    } = useStack(() => props2.show, zIndex);
+    } = useStack(() => props2.show, normalizedZIndex);
     const {
       disabled
     } = useTeleport();
@@ -1210,11 +1215,11 @@ var stdin_default$5V = defineComponent({
       bindPopupItems
     } = usePopupItems();
     useLock(() => props2.show, () => props2.lockScroll);
-    watch(() => props2.show, (newValue) => {
+    vue.watch(() => props2.show, (newValue) => {
       newValue ? call(props2.onOpen) : call(props2.onClose);
     });
     bindPopupItems({
-      show: computed(() => props2.show)
+      show: vue.computed(() => props2.show)
     });
     useEventListener(() => window, "keydown", handleKeydown);
     useRouteListener(() => call(props2.onRouteChange));
@@ -1237,7 +1242,7 @@ var stdin_default$5V = defineComponent({
       return vue.createVNode("div", {
         "class": classes$1a(n$1p("overlay"), overlayClass),
         "style": __spreadValues$u({
-          zIndex: zIndex.value - 1
+          zIndex: normalizedZIndex.value - 1
         }, overlayStyle),
         "onClick": hidePopup
       }, null);
@@ -1246,14 +1251,14 @@ var stdin_default$5V = defineComponent({
       return vue.withDirectives(vue.createVNode("div", vue.mergeProps({
         "class": classes$1a(n$1p("content"), n$1p(`--${props2.position}`), [props2.defaultStyle, n$1p("--content-background-color")], [props2.defaultStyle, n$1p("$-elevation--3")], [props2.safeArea, n$1p("--safe-area")], [props2.safeAreaTop, n$1p("--safe-area-top")]),
         "style": {
-          zIndex: zIndex.value
+          zIndex: normalizedZIndex.value
         },
         "role": "dialog",
         "aria-modal": "true"
       }, attrs), [rendered.value && call(slots.default)]), [[vue.vShow, props2.show]]);
     }
     function renderPopup() {
-      return vue.createVNode(Transition, {
+      return vue.createVNode(vue.Transition, {
         "name": n$1p("$-fade"),
         "onAfterEnter": props2.onOpened,
         "onAfterLeave": props2.onClosed
@@ -1261,9 +1266,9 @@ var stdin_default$5V = defineComponent({
         default: () => [vue.withDirectives(vue.createVNode("div", {
           "class": classes$1a(n$1p("$--box"), n$1p(), [!props2.overlay, n$1p("--pointer-events-none")]),
           "style": {
-            zIndex: zIndex.value - 2
+            zIndex: normalizedZIndex.value - 2
           }
-        }, [props2.overlay && renderOverlay(), vue.createVNode(Transition, {
+        }, [props2.overlay && renderOverlay(), vue.createVNode(vue.Transition, {
           "name": props2.transition || n$1p(`$-pop-${props2.position}`)
         }, {
           default: () => [renderContent()]
@@ -1286,7 +1291,7 @@ var stdin_default$5V = defineComponent({
         teleport
       } = props2;
       if (teleport) {
-        return vue.createVNode(Teleport, {
+        return vue.createVNode(vue.Teleport, {
           "to": teleport,
           "disabled": disabled.value
         }, {
@@ -18455,7 +18460,7 @@ const {
   name: name$r,
   n: n$u
 } = createNamespace("overlay");
-var stdin_default$40 = defineComponent({
+var stdin_default$40 = vue.defineComponent({
   name: name$r,
   inheritAttrs: false,
   props: props$r,
@@ -18500,7 +18505,7 @@ var stdin_default$40 = defineComponent({
       }), [call(slots.default)]);
     }
     function renderTransitionOverlay() {
-      return vue.createVNode(Transition, {
+      return vue.createVNode(vue.Transition, {
         "name": n$u("--fade")
       }, {
         default: () => [props2.show && renderOverlay()]
@@ -18511,7 +18516,7 @@ var stdin_default$40 = defineComponent({
         teleport
       } = props2;
       if (teleport) {
-        return vue.createVNode(Teleport, {
+        return vue.createVNode(vue.Teleport, {
           "to": teleport,
           "disabled": disabled.value
         }, {
@@ -23219,7 +23224,7 @@ const {
 function getSize(size, isInternalSize2) {
   return isInternalSize2 ? [`var(--space-size-${size}-y)`, `var(--space-size-${size}-x)`] : isArray(size) ? size.map(toSizeUnit) : [toSizeUnit(size), toSizeUnit(size)];
 }
-var stdin_default$3r = defineComponent({
+var stdin_default$3r = vue.defineComponent({
   name: name$c,
   props: props$c,
   setup(props2, {
@@ -29109,7 +29114,7 @@ withInstall(stdin_default$1);
 withPropsDefaultsSetter(stdin_default$1, props);
 const _WatermarkComponent = stdin_default$1;
 var stdin_default = stdin_default$1;
-const version = "3.3.8";
+const version = "3.3.10";
 function install(app) {
   stdin_default$5G.install && app.use(stdin_default$5G);
   stdin_default$5E.install && app.use(stdin_default$5E);

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@varlet/ui",
-  "version": "3.3.8",
+  "version": "3.3.10",
   "description": "A material like components library",
   "main": "lib/varlet.cjs.js",
   "module": "es/index.mjs",
@@ -48,9 +48,9 @@
     "@popperjs/core": "^2.11.6",
     "dayjs": "^1.10.4",
     "decimal.js": "^10.2.1",
-    "@varlet/icons": "3.3.8",
-    "@varlet/use": "3.3.8",
-    "@varlet/shared": "3.3.8"
+    "@varlet/icons": "3.3.10",
+    "@varlet/shared": "3.3.10",
+    "@varlet/use": "3.3.10"
   },
   "devDependencies": {
     "@vue/runtime-core": "3.4.21",
@@ -64,9 +64,9 @@
     "typescript": "^5.1.5",
     "vue": "3.4.21",
     "vue-router": "4.2.0",
-    "@varlet/ui": "3.3.8",
-    "@varlet/cli": "3.3.8",
-    "@varlet/touch-emulator": "3.3.8"
+    "@varlet/cli": "3.3.10",
+    "@varlet/ui": "3.3.10",
+    "@varlet/touch-emulator": "3.3.10"
   },
   "scripts": {
     "dev": "varlet-cli dev",

package/types/popup.d.ts

@@ -17,6 +17,7 @@ export interface PopupProps extends BasicAttributes {
   defaultStyle?: boolean
   safeArea?: boolean
   safeAreaTop?: boolean
+  zIndex?: number
   teleport?: TeleportProps['to'] | false
   onOpen?: ListenerProp<() => void>
   onOpened?: ListenerProp<() => void>