lew-ui 2.7.76 → 2.7.77

package/dist/index.js

@@ -6943,7 +6943,7 @@ const _sfc_main$17 = /* @__PURE__ */ defineComponent({
     };
   }
 });
-const LewDescItem = /* @__PURE__ */ _export_sfc(_sfc_main$17, [["__scopeId", "data-v-4f89faa6"]]);
+const LewDescItem = /* @__PURE__ */ _export_sfc(_sfc_main$17, [["__scopeId", "data-v-f36ef12d"]]);
 const _sfc_main$16 = /* @__PURE__ */ defineComponent({
   __name: "LewDesc",
   props: descProps,
@@ -8410,7 +8410,7 @@ const _hoisted_2$A = { class: "lew-table-header" };
 const _hoisted_3$t = { class: "lew-table-tr" };
 const _hoisted_4$l = { class: "lew-table-main" };
 const _hoisted_5$g = { class: "lew-table-tr" };
-const _hoisted_6$b = { class: "lew-table-tr" };
+const _hoisted_6$a = { class: "lew-table-tr" };
 const _hoisted_7$8 = {
   key: 0,
   class: "lew-table-empty"
@@ -8724,7 +8724,9 @@ const _sfc_main$12 = /* @__PURE__ */ defineComponent({
     }
     function updateAllCheckedState() {
       const checkedKeys = keys(pickBy(selectionState.selectedRowsMap, Boolean));
-      const allDataKeys = dataState.dataSource.map((row) => String(row[_rowKey]));
+      const allDataKeys = dataState.dataSource.map(
+        (row) => String(row[_rowKey])
+      );
       const uncheckedKeys = difference(allDataKeys, checkedKeys);
       selectionState.isAllChecked = isEmpty(uncheckedKeys) && props.multiple && props.checkable && checkedKeys.length > 0;
     }
@@ -8758,7 +8760,10 @@ const _sfc_main$12 = /* @__PURE__ */ defineComponent({
         return;
       const rowKey = row[_rowKey];
       const isFocused = focusState.focusedRowsMap[rowKey];
-      focusState.focusedRowsMap = { ...focusState.focusedRowsMap, [rowKey]: !isFocused };
+      focusState.focusedRowsMap = {
+        ...focusState.focusedRowsMap,
+        [rowKey]: !isFocused
+      };
     }
     function handleRowClick(row) {
       if (props.checkable) {
@@ -8849,7 +8854,9 @@ const _sfc_main$12 = /* @__PURE__ */ defineComponent({
           column.children?.length > 0 ? h(
             "div",
             { class: "lew-table-td-group", style: { display: "flex" } },
-            column.children.map((child) => readerHeaderTd({ column: child }))
+            column.children.map(
+              (child) => readerHeaderTd({ column: child })
+            )
           ) : null
         ]
       );
@@ -9032,7 +9039,10 @@ const _sfc_main$12 = /* @__PURE__ */ defineComponent({
       dragState.showTooltip = false;
       dragState.isDragging = false;
     }
-    const throttledTooltipUpdate = throttle(updateTooltipPosition, TOOLTIP_THROTTLE_DELAY);
+    const throttledTooltipUpdate = throttle(
+      updateTooltipPosition,
+      TOOLTIP_THROTTLE_DELAY
+    );
     function dragStart(event, row, index2) {
       if (!props.sortable)
         return;
@@ -9273,9 +9283,13 @@ const _sfc_main$12 = /* @__PURE__ */ defineComponent({
         computeTableRowHeight();
       }
     }, ROW_HEIGHT_THROTTLE_DELAY);
-    watch([trRefMap, fixedLeftTrRefMap, fixedRightTrRefMap], throttledRowHeightCompute, {
-      deep: true
-    });
+    watch(
+      [trRefMap, fixedLeftTrRefMap, fixedRightTrRefMap],
+      throttledRowHeightCompute,
+      {
+        deep: true
+      }
+    );
     watch(
       () => props.size,
       () => {
@@ -9409,7 +9423,7 @@ const _sfc_main$12 = /* @__PURE__ */ defineComponent({
               ref: fixedRightRef,
               class: "lew-table-fixed-right"
             }, [
-              createElementVNode("div", _hoisted_6$b, [
+              createElementVNode("div", _hoisted_6$a, [
                 (openBlock(true), createElementBlock(Fragment, null, renderList(unref(headerColumns).right, (column) => {
                   return openBlock(), createBlock(readerHeaderTd, {
                     key: column.field,
@@ -9673,6 +9687,135 @@ function useEventListener(target, event, callback) {
   onMounted(() => target.addEventListener(event, callback, true));
   onUnmounted(() => target.removeEventListener(event, callback, true));
 }
+class PopupManager {
+  /** 基础 z-index，从 2001 开始 */
+  static BASE_Z_INDEX = 2001;
+  /** 当前 z-index 计数器 */
+  currentZIndex = PopupManager.BASE_Z_INDEX;
+  /** 弹出层栈，按打开顺序排列，最后一个是最顶层 */
+  stack = [];
+  /** 是否已初始化 ESC 监听 */
+  escInitialized = false;
+  /**
+   * 注册弹出层，返回分配的 z-index
+   * @param id 唯一标识
+   * @param type 类型
+   * @param close 关闭回调
+   * @returns 分配的 z-index
+   */
+  register(id, type, close) {
+    const existingIndex = this.stack.findIndex((p) => p.id === id);
+    if (existingIndex !== -1) {
+      return this.stack[existingIndex].zIndex;
+    }
+    const zIndex = this.currentZIndex++;
+    this.stack.push({ id, type, zIndex, close });
+    return zIndex;
+  }
+  /**
+   * 注销弹出层
+   * @param id 唯一标识
+   */
+  unregister(id) {
+    const index2 = this.stack.findIndex((p) => p.id === id);
+    if (index2 !== -1) {
+      this.stack.splice(index2, 1);
+    }
+  }
+  /**
+   * 关闭最顶层弹出层
+   * @returns 是否成功关闭
+   */
+  closeTop() {
+    if (this.stack.length === 0) {
+      return false;
+    }
+    const topPopup = this.stack[this.stack.length - 1];
+    topPopup.close();
+    return true;
+  }
+  /**
+   * 检查是否是最顶层弹出层
+   * @param id 唯一标识
+   * @returns 是否是最顶层
+   */
+  isTop(id) {
+    if (this.stack.length === 0) {
+      return false;
+    }
+    return this.stack[this.stack.length - 1].id === id;
+  }
+  /**
+   * 获取当前栈的长度
+   * @returns 栈长度
+   */
+  getStackLength() {
+    return this.stack.length;
+  }
+  /**
+   * 获取指定弹出层的信息
+   * @param id 唯一标识
+   * @returns 弹出层信息或 undefined
+   */
+  getPopup(id) {
+    return this.stack.find((p) => p.id === id);
+  }
+  /**
+   * 初始化全局 ESC 监听（内部使用）
+   */
+  initEscListener(escape2) {
+    if (this.escInitialized) {
+      return;
+    }
+    this.escInitialized = true;
+    watch(escape2, (pressed) => {
+      if (pressed && this.stack.length > 0) {
+        this.closeTop();
+      }
+    });
+  }
+}
+const popupManager = new PopupManager();
+function usePopupManager(options) {
+  const { id, type, visible, closeByEsc = false, onClose } = options;
+  const zIndex = ref(0);
+  const close = () => {
+    visible.value = false;
+    onClose?.();
+  };
+  watch(
+    visible,
+    (newVal) => {
+      if (newVal) {
+        zIndex.value = popupManager.register(id, type, close);
+      } else {
+        popupManager.unregister(id);
+      }
+    },
+    { immediate: true }
+  );
+  if (closeByEsc) {
+    const { Escape } = useMagicKeys();
+    watch(Escape, (pressed) => {
+      if (pressed && visible.value && popupManager.isTop(id)) {
+        close();
+      }
+    });
+  }
+  onUnmounted(() => {
+    popupManager.unregister(id);
+  });
+  return {
+    /** 响应式 z-index */
+    zIndex,
+    /** 检查是否是最顶层 */
+    isTop: () => popupManager.isTop(id),
+    /** 关闭方法 */
+    close,
+    /** 获取当前栈长度 */
+    getStackLength: () => popupManager.getStackLength()
+  };
+}
 function useTreeSelection() {
   const tree = ref([]);
   const parentMap = /* @__PURE__ */ new Map();
@@ -10794,7 +10937,7 @@ const _sfc_main$$ = /* @__PURE__ */ defineComponent({
     };
   }
 });
-const LewAlert = /* @__PURE__ */ _export_sfc(_sfc_main$$, [["__scopeId", "data-v-8a27d2f9"]]);
+const LewAlert = /* @__PURE__ */ _export_sfc(_sfc_main$$, [["__scopeId", "data-v-239398fa"]]);
 const drawerEmits = {
   close: () => true
 };
@@ -10941,9 +11084,14 @@ const drawerProps = {
       propName: "hideCloseButton"
     })
   },
+  /**
+   * z-index 层级
+   * 默认值 2001 表示使用全局弹出层管理器自动分配层级（从 2001 开始递增）
+   * 如果手动设置其他值，则使用用户指定的值（不推荐，可能导致层级冲突）
+   */
   zIndex: {
     type: Number,
-    default: 1001,
+    default: 2001,
     validator: validators.nonNegativeInteger({
       componentName: "LewDrawer",
       propName: "zIndex"
@@ -10970,37 +11118,26 @@ const _sfc_main$Z = /* @__PURE__ */ defineComponent({
   setup(__props, { emit: __emit }) {
     const props = __props;
     const emit = __emit;
-    const { Escape } = useMagicKeys();
     useDOMCreate("lew-drawer");
     const visible = useModel(__props, "visible");
     const drawerBodyRef = ref(null);
     const drawerId = `lew-drawer-${getUniqueId()}`;
     const slots = useSlots();
-    function checkIsTopDrawer() {
-      if (!visible.value) {
-        return false;
-      }
-      const drawerEl = document.getElementById(drawerId);
-      if (!drawerEl) {
-        return false;
-      }
-      const dialogEl = document.getElementById("lew-dialog");
-      const hasDialog = dialogEl && dialogEl.children.length > 0;
-      if (hasDialog) {
-        return false;
-      }
-      const drawerContainer = drawerEl?.parentElement;
-      if (!drawerContainer) {
-        return false;
+    const { zIndex: managedZIndex, isTop } = usePopupManager({
+      id: drawerId,
+      type: "drawer",
+      visible,
+      closeByEsc: props.closeByEsc,
+      onClose: () => emit("close")
+    });
+    const actualZIndex = computed(() => {
+      if (props.zIndex !== 2001) {
+        return props.zIndex;
       }
-      const openDrawers = Array.from(drawerContainer.childNodes).filter((e) => e instanceof Element).filter((e) => e.children.length > 0).filter((e) => {
-        const drawerBody = e.querySelector(".lew-drawer-body");
-        return drawerBody && drawerBody.classList.contains("lew-drawer-body-show");
-      });
-      return openDrawers.length > 0 && openDrawers[openDrawers.length - 1]?.id === drawerId;
-    }
+      return managedZIndex.value || props.zIndex;
+    });
     const drawerStyle = computed(() => {
-      const { position, width, height, zIndex } = props;
+      const { position, width, height } = props;
       const styleParts = [];
       switch (position) {
         case "left":
@@ -11017,16 +11154,13 @@ const _sfc_main$Z = /* @__PURE__ */ defineComponent({
           styleParts.push("width:30%");
           styleParts.push("height:100%");
       }
-      styleParts.push(`z-index:${zIndex}`);
+      styleParts.push(`z-index:${actualZIndex.value}`);
       return styleParts.join(";");
     });
     const drawerBodyClass = computed(() => {
-      return [
-        object2class("lew-drawer-body", {
-          position: props.position
-        }),
-        visible.value ? "lew-drawer-body-show" : ""
-      ].filter(Boolean).join(" ");
+      return object2class("lew-drawer-body", {
+        position: props.position
+      });
     });
     function handleClose() {
       visible.value = false;
@@ -11036,7 +11170,7 @@ const _sfc_main$Z = /* @__PURE__ */ defineComponent({
       await nextTick();
     });
     onClickOutside(drawerBodyRef, (e) => {
-      if (visible.value && props.closeOnClickOverlay) {
+      if (visible.value && props.closeOnClickOverlay && isTop()) {
         const target = e?.target;
         const parentElement = target?.parentElement;
         if (parentElement?.id === drawerId) {
@@ -11044,14 +11178,6 @@ const _sfc_main$Z = /* @__PURE__ */ defineComponent({
         }
       }
     });
-    if (props.closeByEsc) {
-      watch(Escape, (v) => {
-        if (!visible.value || !v || !checkIsTopDrawer()) {
-          return;
-        }
-        visible.value = false;
-      });
-    }
     return (_ctx, _cache) => {
       return openBlock(), createBlock(Teleport, { to: "#lew-drawer" }, [
         createElementVNode("div", {
@@ -11062,73 +11188,82 @@ const _sfc_main$Z = /* @__PURE__ */ defineComponent({
             default: withCtx(() => [
               visible.value ? (openBlock(), createElementBlock("div", {
                 key: 0,
-                style: normalizeStyle({ zIndex: props.zIndex }),
+                style: normalizeStyle({ zIndex: unref(actualZIndex) }),
                 class: "lew-drawer-mask"
               }, null, 4)) : createCommentVNode("", true)
             ]),
             _: 1
           }),
-          createElementVNode("div", {
-            ref_key: "drawerBodyRef",
-            ref: drawerBodyRef,
-            style: normalizeStyle(unref(drawerStyle)),
-            class: normalizeClass(["lew-drawer-body", unref(drawerBodyClass)])
-          }, [
-            unref(slots).header ? (openBlock(), createElementBlock("div", _hoisted_1$L, [
-              renderSlot(_ctx.$slots, "header")
-            ])) : props.title ? (openBlock(), createBlock(unref(LewFlex), {
-              key: 1,
-              mode: "between",
-              y: "center",
-              class: "lew-drawer-header"
-            }, {
-              default: withCtx(() => [
-                createElementVNode("div", _hoisted_2$y, toDisplayString$1(props.title), 1),
-                createVNode(CloseButton, {
-                  size: "large",
-                  color: "gray",
-                  round: "",
-                  class: "lew-drawer-icon-close",
-                  onClick: handleClose
-                })
-              ]),
-              _: 1
-            })) : createCommentVNode("", true),
-            createElementVNode("div", _hoisted_3$r, [
-              renderSlot(_ctx.$slots, "default")
+          createVNode(Transition, {
+            name: `lew-drawer-${props.position}`
+          }, {
+            default: withCtx(() => [
+              visible.value ? (openBlock(), createElementBlock("div", {
+                key: 0,
+                ref_key: "drawerBodyRef",
+                ref: drawerBodyRef,
+                style: normalizeStyle(unref(drawerStyle)),
+                class: normalizeClass(["lew-drawer-body", unref(drawerBodyClass)])
+              }, [
+                unref(slots).header ? (openBlock(), createElementBlock("div", _hoisted_1$L, [
+                  renderSlot(_ctx.$slots, "header", {}, void 0, true)
+                ])) : props.title ? (openBlock(), createBlock(unref(LewFlex), {
+                  key: 1,
+                  mode: "between",
+                  y: "center",
+                  class: "lew-drawer-header"
+                }, {
+                  default: withCtx(() => [
+                    createElementVNode("div", _hoisted_2$y, toDisplayString$1(props.title), 1),
+                    createVNode(CloseButton, {
+                      size: "large",
+                      color: "gray",
+                      round: "",
+                      class: "lew-drawer-icon-close",
+                      onClick: handleClose
+                    })
+                  ]),
+                  _: 1
+                })) : createCommentVNode("", true),
+                createElementVNode("div", _hoisted_3$r, [
+                  renderSlot(_ctx.$slots, "default", {}, void 0, true)
+                ]),
+                unref(slots).footer ? (openBlock(), createElementBlock("div", _hoisted_4$j, [
+                  renderSlot(_ctx.$slots, "footer", {}, void 0, true)
+                ])) : !props.hideFooter ? (openBlock(), createBlock(unref(LewFlex), {
+                  key: 3,
+                  x: "end",
+                  y: "center",
+                  class: "lew-drawer-footer"
+                }, {
+                  default: withCtx(() => [
+                    !props.hideCloseButton ? (openBlock(), createBlock(unref(LewButton), normalizeProps(mergeProps({ key: 0 }, {
+                      size: "small",
+                      text: unref(locale).t("drawer.closeText"),
+                      type: "light",
+                      color: "normal",
+                      request: handleClose,
+                      ...props.closeButtonProps
+                    })), null, 16)) : createCommentVNode("", true),
+                    !props.hideOkButton ? (openBlock(), createBlock(unref(LewButton), normalizeProps(mergeProps({ key: 1 }, {
+                      size: "small",
+                      text: unref(locale).t("drawer.okText"),
+                      color: "primary",
+                      ...props.okButtonProps
+                    })), null, 16)) : createCommentVNode("", true)
+                  ]),
+                  _: 1
+                })) : createCommentVNode("", true)
+              ], 6)) : createCommentVNode("", true)
             ]),
-            unref(slots).footer ? (openBlock(), createElementBlock("div", _hoisted_4$j, [
-              renderSlot(_ctx.$slots, "footer")
-            ])) : !props.hideFooter ? (openBlock(), createBlock(unref(LewFlex), {
-              key: 3,
-              x: "end",
-              y: "center",
-              class: "lew-drawer-footer"
-            }, {
-              default: withCtx(() => [
-                !props.hideCloseButton ? (openBlock(), createBlock(unref(LewButton), normalizeProps(mergeProps({ key: 0 }, {
-                  size: "small",
-                  text: unref(locale).t("drawer.closeText"),
-                  type: "light",
-                  color: "normal",
-                  request: handleClose,
-                  ...props.closeButtonProps
-                })), null, 16)) : createCommentVNode("", true),
-                !props.hideOkButton ? (openBlock(), createBlock(unref(LewButton), normalizeProps(mergeProps({ key: 1 }, {
-                  size: "small",
-                  text: unref(locale).t("drawer.okText"),
-                  color: "primary",
-                  ...props.okButtonProps
-                })), null, 16)) : createCommentVNode("", true)
-              ]),
-              _: 1
-            })) : createCommentVNode("", true)
-          ], 6)
+            _: 3
+          }, 8, ["name"])
         ])
       ]);
     };
   }
 });
+const LewDrawer = /* @__PURE__ */ _export_sfc(_sfc_main$Z, [["__scopeId", "data-v-951b4654"]]);
 const drawerModel = {
   visible: {
     type: Boolean,
@@ -11335,9 +11470,14 @@ const modalProps = {
       propName: "hideCloseButton"
     })
   },
+  /**
+   * z-index 层级
+   * 默认值 2001 表示使用全局弹出层管理器自动分配层级（从 2001 开始递增）
+   * 如果手动设置其他值，则使用用户指定的值（不推荐，可能导致层级冲突）
+   */
   zIndex: {
     type: Number,
-    default: 1001,
+    default: 2001,
     validator: validators.nonNegativeInteger({
       componentName: "LewModal",
       propName: "zIndex"
@@ -11363,35 +11503,24 @@ const _sfc_main$X = /* @__PURE__ */ defineComponent({
   setup(__props, { emit: __emit }) {
     const props = __props;
     const emit = __emit;
-    const { Escape } = useMagicKeys();
     useDOMCreate("lew-modal");
     const visible = useModel(__props, "visible");
     const modalBodyRef = ref(null);
     const modalId = `lew-modal-${getUniqueId()}`;
     const slots = useSlots();
-    function checkIsTopModal() {
-      if (!visible.value) {
-        return false;
-      }
-      const modalEl = document.getElementById(modalId);
-      if (!modalEl) {
-        return false;
-      }
-      const dialogEl = document.getElementById("lew-dialog");
-      const hasDialog = dialogEl && dialogEl.children.length > 0;
-      if (hasDialog) {
-        return false;
-      }
-      const modalContainer = modalEl?.parentElement;
-      if (!modalContainer) {
-        return false;
+    const { zIndex: managedZIndex, isTop } = usePopupManager({
+      id: modalId,
+      type: "modal",
+      visible,
+      closeByEsc: props.closeByEsc,
+      onClose: () => emit("close")
+    });
+    const actualZIndex = computed(() => {
+      if (props.zIndex !== 2001) {
+        return props.zIndex;
       }
-      const openModals = Array.from(modalContainer.childNodes).filter((e) => e instanceof Element).filter((e) => e.children.length > 0).filter((e) => {
-        const modalBody = e.querySelector(".lew-modal");
-        return modalBody && modalBody.style.display !== "none";
-      });
-      return openModals.length > 0 && openModals[openModals.length - 1]?.id === modalId;
-    }
+      return managedZIndex.value || props.zIndex;
+    });
     const modalStyle = computed(() => {
       const { width, top: top2 } = props;
       return {
@@ -11410,21 +11539,13 @@ const _sfc_main$X = /* @__PURE__ */ defineComponent({
       await nextTick();
     });
     onClickOutside(modalBodyRef, (e) => {
-      if (visible.value && props.closeOnClickOverlay) {
+      if (visible.value && props.closeOnClickOverlay && isTop()) {
         const { parentElement } = e?.target;
         if (parentElement?.id === modalId) {
           visible.value = false;
         }
       }
     });
-    if (props.closeByEsc) {
-      watch(Escape, (v) => {
-        if (!visible.value || !v || !checkIsTopModal()) {
-          return;
-        }
-        visible.value = false;
-      });
-    }
     return (_ctx, _cache) => {
       return openBlock(), createBlock(Teleport, { to: "#lew-modal" }, [
         createElementVNode("div", {
@@ -11435,7 +11556,7 @@ const _sfc_main$X = /* @__PURE__ */ defineComponent({
             default: withCtx(() => [
               visible.value ? (openBlock(), createElementBlock("div", {
                 key: 0,
-                style: normalizeStyle({ zIndex: props.zIndex }),
+                style: normalizeStyle({ zIndex: unref(actualZIndex) }),
                 class: "lew-modal-mask"
               }, null, 4)) : createCommentVNode("", true)
             ]),
@@ -11445,7 +11566,7 @@ const _sfc_main$X = /* @__PURE__ */ defineComponent({
             default: withCtx(() => [
               visible.value ? (openBlock(), createElementBlock("div", {
                 key: 0,
-                style: normalizeStyle({ zIndex: props.zIndex }),
+                style: normalizeStyle({ zIndex: unref(actualZIndex) }),
                 class: "lew-modal"
               }, [
                 createElementVNode("div", {
@@ -11518,7 +11639,7 @@ const _sfc_main$X = /* @__PURE__ */ defineComponent({
     };
   }
 });
-const LewModal = /* @__PURE__ */ _export_sfc(_sfc_main$X, [["__scopeId", "data-v-11d5b596"]]);
+const LewModal = /* @__PURE__ */ _export_sfc(_sfc_main$X, [["__scopeId", "data-v-dea5a6a4"]]);
 const modalModel = {
   visible: {
     type: Boolean,
@@ -17830,7 +17951,7 @@ const _hoisted_2$r = { class: "lew-date-control-left" };
 const _hoisted_3$m = { class: "cur-date" };
 const _hoisted_4$g = { class: "lew-date-control-right" };
 const _hoisted_5$d = { class: "lew-date-box" };
-const _hoisted_6$a = { class: "lew-date-num" };
+const _hoisted_6$9 = { class: "lew-date-num" };
 const _hoisted_7$7 = ["onClick"];
 const _hoisted_8$6 = {
   key: 0,
@@ -18021,7 +18142,7 @@ const _sfc_main$O = /* @__PURE__ */ defineComponent({
               key: `h${index2}`,
               class: "lew-date-item lew-date-item-unselect"
             }, [
-              createElementVNode("div", _hoisted_6$a, toDisplayString$1(item), 1)
+              createElementVNode("div", _hoisted_6$9, toDisplayString$1(item), 1)
             ]);
           }), 128)),
           (openBlock(true), createElementBlock(Fragment, null, renderList(unref(dateData), (item, index2) => {
@@ -18047,7 +18168,7 @@ const _hoisted_2$q = { class: "cur-time" };
 const _hoisted_3$l = { class: "lew-time-container" };
 const _hoisted_4$f = { class: "lew-time-column" };
 const _hoisted_5$c = ["data-value", "onClick"];
-const _hoisted_6$9 = ["data-text"];
+const _hoisted_6$8 = ["data-text"];
 const _hoisted_7$6 = { class: "lew-time-column" };
 const _hoisted_8$5 = ["data-value", "onClick"];
 const _hoisted_9$5 = ["data-text"];
@@ -18371,7 +18492,7 @@ const _sfc_main$N = /* @__PURE__ */ defineComponent({
                   createElementVNode("div", {
                     class: "lew-time-value",
                     "data-text": hour.label
-                  }, toDisplayString$1(hour.label), 9, _hoisted_6$9)
+                  }, toDisplayString$1(hour.label), 9, _hoisted_6$8)
                 ], 8, _hoisted_5$c);
               }), 128)),
               _cache[11] || (_cache[11] = createElementVNode("div", { class: "lew-time-padding" }, null, -1))
@@ -18464,7 +18585,7 @@ const _hoisted_2$p = { class: "lew-datetime-content" };
 const _hoisted_3$k = { class: "lew-datetime-panel lew-datetime-date-panel" };
 const _hoisted_4$e = { class: "lew-datetime-panel lew-datetime-time-panel" };
 const _hoisted_5$b = { class: "lew-datetime-actions" };
-const _hoisted_6$8 = { class: "lew-datetime-actions-left" };
+const _hoisted_6$7 = { class: "lew-datetime-actions-left" };
 const _hoisted_7$5 = { class: "lew-datetime-actions-right" };
 const _sfc_main$M = /* @__PURE__ */ defineComponent({
   __name: "LewDateTime",
@@ -18558,7 +18679,7 @@ const _sfc_main$M = /* @__PURE__ */ defineComponent({
           ])
         ]),
         createElementVNode("div", _hoisted_5$b, [
-          createElementVNode("div", _hoisted_6$8, [
+          createElementVNode("div", _hoisted_6$7, [
             createVNode(unref(LewButton), {
               type: "light",
               color: "gray",
@@ -18607,7 +18728,7 @@ const _hoisted_2$o = { class: "lew-month-control-left" };
 const _hoisted_3$j = { class: "cur-year" };
 const _hoisted_4$d = { class: "lew-month-control-right" };
 const _hoisted_5$a = { class: "lew-month-list" };
-const _hoisted_6$7 = ["onClick"];
+const _hoisted_6$6 = ["onClick"];
 const _hoisted_7$4 = { class: "lew-month-label" };
 const _hoisted_8$4 = {
   key: 0,
@@ -18739,7 +18860,7 @@ const _sfc_main$L = /* @__PURE__ */ defineComponent({
                 unref(checkCurrentMonth)(month.value) ? (openBlock(), createElementBlock("i", _hoisted_8$4)) : createCommentVNode("", true),
                 createElementVNode("div", _hoisted_9$4, toDisplayString$1(month.label), 1)
               ])
-            ], 10, _hoisted_6$7);
+            ], 10, _hoisted_6$6);
           }), 128))
         ])
       ]);
@@ -18752,7 +18873,7 @@ const _hoisted_2$n = { class: "lew-quarter-control-left" };
 const _hoisted_3$i = { class: "cur-year" };
 const _hoisted_4$c = { class: "lew-quarter-control-right" };
 const _hoisted_5$9 = { class: "lew-quarter-list" };
-const _hoisted_6$6 = ["onClick"];
+const _hoisted_6$5 = ["onClick"];
 const _hoisted_7$3 = { class: "lew-quarter-label" };
 const _hoisted_8$3 = {
   key: 0,
@@ -18880,7 +19001,7 @@ const _sfc_main$K = /* @__PURE__ */ defineComponent({
                   createElementVNode("div", _hoisted_11$2, toDisplayString$1(item.months), 1)
                 ])
               ])
-            ], 10, _hoisted_6$6);
+            ], 10, _hoisted_6$5);
           }), 128))
         ])
       ]);
@@ -18893,7 +19014,7 @@ const _hoisted_2$m = { class: "lew-year-control-left" };
 const _hoisted_3$h = { class: "cur-decade" };
 const _hoisted_4$b = { class: "lew-year-control-right" };
 const _hoisted_5$8 = { class: "lew-year-list" };
-const _hoisted_6$5 = ["onClick"];
+const _hoisted_6$4 = ["onClick"];
 const _hoisted_7$2 = { class: "lew-year-label" };
 const _hoisted_8$2 = {
   key: 0,
@@ -19020,7 +19141,7 @@ const _sfc_main$J = /* @__PURE__ */ defineComponent({
                 unref(checkCurrentYear)(year) ? (openBlock(), createElementBlock("i", _hoisted_8$2)) : createCommentVNode("", true),
                 createElementVNode("div", _hoisted_9$2, toDisplayString$1(year), 1)
               ])
-            ], 10, _hoisted_6$5);
+            ], 10, _hoisted_6$4);
           }), 128))
         ])
       ]);
@@ -19553,7 +19674,7 @@ const _hoisted_2$k = { class: "lew-date" };
 const _hoisted_3$f = { class: "lew-date-control-left" };
 const _hoisted_4$a = { class: "cur-date" };
 const _hoisted_5$7 = { class: "lew-date-control-right" };
-const _hoisted_6$4 = { class: "lew-date-box" };
+const _hoisted_6$3 = { class: "lew-date-box" };
 const _hoisted_7$1 = { class: "lew-date-num" };
 const _hoisted_8$1 = ["onClick", "onMouseenter"];
 const _hoisted_9$1 = {
@@ -19898,7 +20019,7 @@ const _sfc_main$G = /* @__PURE__ */ defineComponent({
             ]),
             _: 1
           }),
-          createElementVNode("div", _hoisted_6$4, [
+          createElementVNode("div", _hoisted_6$3, [
             (openBlock(true), createElementBlock(Fragment, null, renderList(unref(headDate), (item, index2) => {
               return openBlock(), createElementBlock("div", {
                 key: `h${index2}`,
@@ -20036,7 +20157,7 @@ const _hoisted_5$6 = {
   key: 2,
   class: "lew-date-range-picker-placeholder"
 };
-const _hoisted_6$3 = {
+const _hoisted_6$2 = {
   key: 3,
   class: "lew-date-range-picker-dateValue lew-date-range-picker-end"
 };
@@ -20178,7 +20299,7 @@ const _sfc_main$F = /* @__PURE__ */ defineComponent({
                       type: "minus"
                     })
                   ]),
-                  !modelValue.value?.end ? (openBlock(), createElementBlock("div", _hoisted_5$6, toDisplayString$1(_ctx.placeholderEnd ? _ctx.placeholderEnd : unref(locale).t("dateRangePicker.placeholderEnd")), 1)) : (openBlock(), createElementBlock("div", _hoisted_6$3, toDisplayString$1(modelValue.value.end), 1)),
+                  !modelValue.value?.end ? (openBlock(), createElementBlock("div", _hoisted_5$6, toDisplayString$1(_ctx.placeholderEnd ? _ctx.placeholderEnd : unref(locale).t("dateRangePicker.placeholderEnd")), 1)) : (openBlock(), createElementBlock("div", _hoisted_6$2, toDisplayString$1(modelValue.value.end), 1)),
                   createVNode(CommonIcon, {
                     class: normalizeClass(["lew-date-range-picker-icon-calendar", {
                       "lew-date-range-picker-icon-calendar-hide": unref(checkClear)
@@ -21846,29 +21967,30 @@ const _sfc_main$E = /* @__PURE__ */ defineComponent({
     const formSchema = inject("formSchema", ref(null));
     const formData = inject("formData", ref({}));
     const asMap = {
-      input: LewInput,
-      textarea: LewTextarea,
+      "input": LewInput,
+      "textarea": LewTextarea,
       "input-tag": LewInputTag,
       "checkbox-group": LewCheckboxGroup,
       "radio-group": LewRadioGroup,
-      checkbox: LewCheckbox,
-      select: LewSelect,
+      "checkbox": LewCheckbox,
+      "select": LewSelect,
       "date-picker": LewDatePicker,
       "date-range-picker": LewDateRangePicker,
-      tabs: LewTabs,
-      cascader: LewCascader,
-      switch: LewSwitch,
-      button: LewButton,
-      upload: LewUpload,
+      "tabs": LewTabs,
+      "cascader": LewCascader,
+      "switch": LewSwitch,
+      "button": LewButton,
+      "upload": LewUpload,
       "input-number": LewInputNumber,
-      slider: LewSlider,
+      "slider": LewSlider,
       "slider-range": LewSliderRange,
       "color-picker": LewColorPicker,
-      rate: LewRate,
+      "rate": LewRate,
       "tree-select": LewTreeSelect
     };
     const app = getCurrentInstance()?.appContext.app;
-    if (app && !app.directive("tooltip")) app.use(LewTooltip);
+    if (app && !app.directive("tooltip"))
+      app.use(LewTooltip);
     const getFormItemClassNames = computed(
       () => object2class("lew-form-item", {
         direction: props.direction,
@@ -22059,7 +22181,7 @@ const _sfc_main$E = /* @__PURE__ */ defineComponent({
     };
   }
 });
-const LewFormItem = /* @__PURE__ */ _export_sfc(_sfc_main$E, [["__scopeId", "data-v-51ac2032"]]);
+const LewFormItem = /* @__PURE__ */ _export_sfc(_sfc_main$E, [["__scopeId", "data-v-6cbd2f5c"]]);
 const _sfc_main$D = /* @__PURE__ */ defineComponent({
   __name: "LewForm",
   props: formProps,
@@ -22504,7 +22626,7 @@ const _hoisted_4$8 = {
   class: "lew-input-prefixes-select"
 };
 const _hoisted_5$5 = ["disabled", "placeholder", "type", "readonly", "maxlength"];
-const _hoisted_6$2 = {
+const _hoisted_6$1 = {
   key: 0,
   class: "lew-input-auto-width"
 };
@@ -22809,7 +22931,7 @@ const _sfc_main$C = /* @__PURE__ */ defineComponent({
           }, null, 44, _hoisted_5$5), [
             [vModelDynamic, modelValue.value]
           ]),
-          _ctx.autoWidth ? (openBlock(), createElementBlock("label", _hoisted_6$2, toDisplayString$1(modelValue.value), 1)) : createCommentVNode("", true),
+          _ctx.autoWidth ? (openBlock(), createElementBlock("label", _hoisted_6$1, toDisplayString$1(modelValue.value), 1)) : createCommentVNode("", true),
           _ctx.autoWidth && _ctx.clearable ? (openBlock(), createElementBlock("label", _hoisted_7)) : createCommentVNode("", true),
           unref(showCloseIcon) || unref(showPasswordIcon) || unref(showCopyIcon) || modelValue.value && _ctx.showCount ? (openBlock(), createElementBlock("div", _hoisted_8, [
             modelValue.value && _ctx.showCount ? (openBlock(), createElementBlock("div", {
@@ -23842,7 +23964,8 @@ const _sfc_main$y = /* @__PURE__ */ defineComponent({
       originalKeydownHandler = document.onkeydown;
       document.onkeydown = function(event) {
         const keyCode = event.key || event.code;
-        if (!isInputActive.value && selectedTagIndex.value < 0) return;
+        if (!isInputActive.value && selectedTagIndex.value < 0)
+          return;
         const tagsLength = (modelValue.value || []).length;
         if (selectedTagIndex.value >= 0) {
           handleSelectedTagKeydown(event, keyCode, tagsLength);
@@ -23912,7 +24035,8 @@ const _sfc_main$y = /* @__PURE__ */ defineComponent({
       }
     }
     function startEditingSelectedTag() {
-      if (selectedTagIndex.value < 0 || props.readonly || props.disabled) return;
+      if (selectedTagIndex.value < 0 || props.readonly || props.disabled)
+        return;
       const index2 = selectedTagIndex.value;
       editingIndex.value = index2;
       selectedTagIndex.value = -1;
@@ -23924,7 +24048,8 @@ const _sfc_main$y = /* @__PURE__ */ defineComponent({
       });
     }
     function deleteSelectedTag() {
-      if (selectedTagIndex.value < 0) return;
+      if (selectedTagIndex.value < 0)
+        return;
       const index2 = selectedTagIndex.value;
       const tagsLength = (modelValue.value || []).length;
       delTag(index2);
@@ -23943,8 +24068,10 @@ const _sfc_main$y = /* @__PURE__ */ defineComponent({
       }
     }
     function openInput() {
-      if (editingIndex.value >= 0) return;
-      if (isInputActive.value || props.disabled || props.readonly) return;
+      if (editingIndex.value >= 0)
+        return;
+      if (isInputActive.value || props.disabled || props.readonly)
+        return;
       if (props.maxLength > 0 && Array.isArray(modelValue.value) && modelValue.value.length >= props.maxLength) {
         LewMessage.warning(
           locale.t("inputTag.maxLength", { maxLength: props.maxLength })
@@ -23960,13 +24087,15 @@ const _sfc_main$y = /* @__PURE__ */ defineComponent({
       attachKeydownListener();
     }
     function tryAddTag() {
-      if (!inputValue.value || inputValue.value.trim() === "") return false;
+      if (!inputValue.value || inputValue.value.trim() === "")
+        return false;
       addTag();
       return true;
     }
     function addTag() {
       const _value = Array.isArray(modelValue.value) ? [...modelValue.value] : [];
-      if (!inputValue.value || inputValue.value.trim() === "") return;
+      if (!inputValue.value || inputValue.value.trim() === "")
+        return;
       if (props.maxLength > 0 && _value.length >= props.maxLength) {
         inputValue.value = "";
         isInputActive.value = false;
@@ -24000,7 +24129,8 @@ const _sfc_main$y = /* @__PURE__ */ defineComponent({
       emit("remove", removedTag, index2);
     }
     function handleTagChange(index2, newValue) {
-      if (!Array.isArray(modelValue.value)) return;
+      if (!Array.isArray(modelValue.value))
+        return;
       const trimmedValue = newValue.trim();
       if (!trimmedValue) {
         delTag(index2);
@@ -24037,7 +24167,8 @@ const _sfc_main$y = /* @__PURE__ */ defineComponent({
       }, 150);
     }
     function onFocus() {
-      if (props.disabled || props.readonly) return;
+      if (props.disabled || props.readonly)
+        return;
       isInputActive.value = true;
       selectedTagIndex.value = -1;
       attachKeydownListener();
@@ -24140,7 +24271,7 @@ const _sfc_main$y = /* @__PURE__ */ defineComponent({
     };
   }
 });
-const LewInputTag = /* @__PURE__ */ _export_sfc(_sfc_main$y, [["__scopeId", "data-v-551b32c0"]]);
+const LewInputTag = /* @__PURE__ */ _export_sfc(_sfc_main$y, [["__scopeId", "data-v-6b3f0bcf"]]);
 const radioEmits = {
   change: () => true
 };
@@ -24792,7 +24923,7 @@ const _hoisted_2$f = {
 const _hoisted_3$c = ["onClick"];
 const _hoisted_4$7 = ["title"];
 const _hoisted_5$4 = ["onClick"];
-const _hoisted_6$1 = ["title"];
+const _hoisted_6 = ["title"];
 const SELECT_WIDTH_TOLERANCE = 40;
 const VIRTUAL_LIST_THRESHOLD = 30;
 const _sfc_main$u = /* @__PURE__ */ defineComponent({
@@ -25356,7 +25487,7 @@ const _sfc_main$u = /* @__PURE__ */ defineComponent({
                         createElementVNode("div", {
                           class: normalizeClass(["lew-select-label", { "is-group": item.isGroup }]),
                           title: unref(getOptionText)(item)
-                        }, toDisplayString$1(unref(getOptionText)(item)), 11, _hoisted_6$1),
+                        }, toDisplayString$1(unref(getOptionText)(item)), 11, _hoisted_6),
                         unref(shouldShowCheckIcon)(item.value) ? (openBlock(), createBlock(CommonIcon, {
                           key: 1,
                           class: "lew-icon-check",
@@ -30244,8 +30375,7 @@ const _sfc_main$b = /* @__PURE__ */ defineComponent({
       () => parseDimension(props.dropdownThreshold || 0)
     );
     const visibleOptions = computed(() => {
-      if (!props.options)
-        return [];
+      if (!props.options) return [];
       if (threshold.value <= 0) {
         return props.options;
       }
@@ -30287,11 +30417,11 @@ const _sfc_main$b = /* @__PURE__ */ defineComponent({
               unref(isValidComponent)(option.customRender) ? (openBlock(), createBlock(_sfc_main$18, {
                 key: 0,
                 "render-fn": option.customRender,
-                onClick: (event) => handleOptionClick(option, event)
+                onClick: withModifiers((event) => handleOptionClick(option, event), ["stop"])
               }, null, 8, ["render-fn", "onClick"])) : (openBlock(), createElementBlock("div", {
                 key: 1,
                 class: "lew-action-box-item",
-                onClick: (event) => handleOptionClick(option, event)
+                onClick: withModifiers((event) => handleOptionClick(option, event), ["stop"])
               }, [
                 option.icon && !props.iconOnly ? (openBlock(), createBlock(_sfc_main$18, {
                   key: 0,
@@ -30312,7 +30442,9 @@ const _sfc_main$b = /* @__PURE__ */ defineComponent({
           }), 128)),
           unref(dropdownOptions).length > 0 ? (openBlock(), createBlock(unref(_sfc_main$7), {
             key: 0,
-            options: unref(dropdownOptions)
+            options: unref(dropdownOptions),
+            onClick: _cache[0] || (_cache[0] = withModifiers(() => {
+            }, ["stop"]))
           }, {
             default: withCtx(() => [
               createElementVNode("div", _hoisted_3$6, [
@@ -30335,7 +30467,7 @@ const _sfc_main$b = /* @__PURE__ */ defineComponent({
     };
   }
 });
-const LewActionBox = /* @__PURE__ */ _export_sfc(_sfc_main$b, [["__scopeId", "data-v-81ae1218"]]);
+const LewActionBox = /* @__PURE__ */ _export_sfc(_sfc_main$b, [["__scopeId", "data-v-95e9bab2"]]);
 const backTopEmits = {};
 const backTopProps = {
   right: {
@@ -31735,7 +31867,7 @@ const components = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.definePr
   LewDateRangePicker,
   LewDesc,
   LewDescItem,
-  LewDrawer: _sfc_main$Z,
+  LewDrawer,
   LewDropdown: _sfc_main$7,
   LewEmpty,
   LewExpand,
@@ -32165,17 +32297,13 @@ const dialogProps = {
   }
 };
 const _hoisted_1$1 = {
-  key: 0,
-  class: "lew-dialog-mask"
-};
-const _hoisted_2$1 = {
   key: 0,
   class: "lew-dialog-box-left"
 };
-const _hoisted_3$1 = { class: "lew-dialog-box-right" };
-const _hoisted_4$1 = { class: "lew-dialog-box-right-header" };
-const _hoisted_5$1 = { class: "lew-dialog-box-right-main" };
-const _hoisted_6 = { class: "lew-dialog-box-footer" };
+const _hoisted_2$1 = { class: "lew-dialog-box-right" };
+const _hoisted_3$1 = { class: "lew-dialog-box-right-header" };
+const _hoisted_4$1 = { class: "lew-dialog-box-right-main" };
+const _hoisted_5$1 = { class: "lew-dialog-box-footer" };
 const _sfc_main$2 = /* @__PURE__ */ defineComponent({
   __name: "LewDialog",
   props: dialogProps,
@@ -32185,12 +32313,21 @@ const _sfc_main$2 = /* @__PURE__ */ defineComponent({
     const emit = __emit;
     const { Escape } = useMagicKeys();
     useDOMCreate("lew-dialog");
+    const dialogId = `lew-dialog-${getUniqueId()}`;
     const visible = ref(false);
     const okLoading = ref(false);
     const cancelLoading = ref(false);
     const okRef = ref();
+    const { zIndex: managedZIndex, isTop } = usePopupManager({
+      id: dialogId,
+      type: "modal",
+      // Dialog 本质上是一种 Modal
+      visible,
+      closeByEsc: props.closeByEsc,
+      onClose: () => emit("close")
+    });
     function maskClick() {
-      if (props.closeOnClickOverlay) {
+      if (props.closeOnClickOverlay && isTop()) {
         visible.value = false;
       }
     }
@@ -32222,7 +32359,7 @@ const _sfc_main$2 = /* @__PURE__ */ defineComponent({
     const cancel = () => handleAction("cancel");
     if (props.closeByEsc) {
       watch(Escape, (v) => {
-        if (v && visible.value) {
+        if (v && visible.value && isTop()) {
           visible.value = false;
         }
       });
@@ -32230,6 +32367,7 @@ const _sfc_main$2 = /* @__PURE__ */ defineComponent({
     return (_ctx, _cache) => {
       return openBlock(), createBlock(Teleport, { to: "#lew-dialog" }, [
         createElementVNode("div", {
+          id: dialogId,
           class: "lew-dialog-container",
           style: normalizeStyle({
             "--lew-dialog-transform-origin": _ctx.transformOrigin
@@ -32237,7 +32375,11 @@ const _sfc_main$2 = /* @__PURE__ */ defineComponent({
         }, [
           createVNode(Transition, { name: "lew-dialog-mask" }, {
             default: withCtx(() => [
-              unref(visible) ? (openBlock(), createElementBlock("div", _hoisted_1$1)) : createCommentVNode("", true)
+              unref(visible) ? (openBlock(), createElementBlock("div", {
+                key: 0,
+                class: "lew-dialog-mask",
+                style: normalizeStyle({ zIndex: unref(managedZIndex) })
+              }, null, 4)) : createCommentVNode("", true)
             ]),
             _: 1
           }),
@@ -32246,6 +32388,7 @@ const _sfc_main$2 = /* @__PURE__ */ defineComponent({
               unref(visible) ? (openBlock(), createElementBlock("div", {
                 key: 0,
                 class: "lew-dialog",
+                style: normalizeStyle({ zIndex: unref(managedZIndex) }),
                 onClick: maskClick
               }, [
                 createVNode(unref(LewFlex), {
@@ -32258,7 +32401,7 @@ const _sfc_main$2 = /* @__PURE__ */ defineComponent({
                   default: withCtx(() => [
                     createVNode(unref(LewFlex), { y: "start" }, {
                       default: withCtx(() => [
-                        !_ctx.hideIcon ? (openBlock(), createElementBlock("div", _hoisted_2$1, [
+                        !_ctx.hideIcon ? (openBlock(), createElementBlock("div", _hoisted_1$1, [
                           !_ctx.icon ? (openBlock(), createBlock(CommonIcon, {
                             key: 0,
                             type: _ctx.type,
@@ -32268,18 +32411,18 @@ const _sfc_main$2 = /* @__PURE__ */ defineComponent({
                             "render-fn": _ctx.icon
                           }, null, 8, ["render-fn"]))
                         ])) : createCommentVNode("", true),
-                        createElementVNode("div", _hoisted_3$1, [
-                          createElementVNode("div", _hoisted_4$1, [
+                        createElementVNode("div", _hoisted_2$1, [
+                          createElementVNode("div", _hoisted_3$1, [
                             createVNode(_sfc_main$18, { "render-fn": _ctx.title }, null, 8, ["render-fn"])
                           ]),
-                          createElementVNode("div", _hoisted_5$1, [
+                          createElementVNode("div", _hoisted_4$1, [
                             createVNode(_sfc_main$18, { "render-fn": _ctx.content }, null, 8, ["render-fn"])
                           ])
                         ])
                       ]),
                       _: 1
                     }),
-                    createElementVNode("div", _hoisted_6, [
+                    createElementVNode("div", _hoisted_5$1, [
                       createVNode(unref(LewButton), {
                         text: _ctx.cancelText || unref(locale).t("dialog.cancelText"),
                         color: "gray",
@@ -32302,7 +32445,7 @@ const _sfc_main$2 = /* @__PURE__ */ defineComponent({
                   ]),
                   _: 1
                 })
-              ])) : createCommentVNode("", true)
+              ], 4)) : createCommentVNode("", true)
             ]),
             _: 1
           })
@@ -32311,7 +32454,7 @@ const _sfc_main$2 = /* @__PURE__ */ defineComponent({
     };
   }
 });
-const _LewDialog = /* @__PURE__ */ _export_sfc(_sfc_main$2, [["__scopeId", "data-v-796fe870"]]);
+const _LewDialog = /* @__PURE__ */ _export_sfc(_sfc_main$2, [["__scopeId", "data-v-6b2f4835"]]);
 const { x, y } = useMouse();
 function createDialog(type) {
   return (options) => dialog(type, options);
@@ -32642,7 +32785,8 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
         timers.delete(id);
       }
       const index2 = notifications.value.findIndex((item) => item.id === id);
-      if (index2 === -1) return;
+      if (index2 === -1)
+        return;
       notifications.value.splice(index2, 1);
       updateContainerWidth();
       if (notifications.value.length === 0) {
@@ -39413,7 +39557,7 @@ export {
   LewDesc,
   LewDescItem,
   LewDialog,
-  _sfc_main$Z as LewDrawer,
+  LewDrawer,
   _sfc_main$7 as LewDropdown,
   LewEmpty,
   LewExpand,