lew-ui 2.6.36 → 2.7.1

package/dist/index.mjs

@@ -21928,7 +21928,9 @@ const _sfc_main$i = /* @__PURE__ */ defineComponent({
     };
     const hasPartialSelection = computed(() => {
       const selectedRowsMap = state.selectedRowsMap;
-      return state.dataSource.some((row) => selectedRowsMap[row[props2.rowKey]]);
+      return state.dataSource.some(
+        (row) => selectedRowsMap[row[props2.rowKey]]
+      );
     });
     const updateAllCheckedState = () => {
       const checkedKeys = keys(pickBy(state.selectedRowsMap, Boolean));
@@ -21986,18 +21988,25 @@ const _sfc_main$i = /* @__PURE__ */ defineComponent({
       if (column.sortable) {
         tdClass.push("lew-table-td-sortable");
       }
+      const xMap = {
+        start: "start",
+        left: "start",
+        center: "center",
+        right: "end",
+        end: "end"
+      };
       const tdStyle = {
         display: "flex",
         flexDirection: "column",
         width: any2px(column.width),
         justifyContent: "center",
-        alignItems: column.x || "start"
+        alignItems: xMap[column.x] || "start"
       };
       const titleSpanStyle = {
         padding: getPadding.value,
         display: "flex",
         alignItems: "center",
-        justifyContent: column.x,
+        justifyContent: xMap[column.x],
         width: any2px(column.width),
         height: "100%",
         boxSizing: "border-box"
@@ -22260,7 +22269,11 @@ const _sfc_main$i = /* @__PURE__ */ defineComponent({
         return h("span", {}, { default: () => String(customContent) });
       } catch (e) {
         console.error("Error in customRender:", e);
-        return h("span", {}, { default: () => showTextAndEmpty(row[column.field]) });
+        return h(
+          "span",
+          {},
+          { default: () => showTextAndEmpty(row[column.field]) }
+        );
       }
     };
     const initDragState = () => {
@@ -22356,7 +22369,8 @@ const _sfc_main$i = /* @__PURE__ */ defineComponent({
     };
     const updateDragTarget = (mouseY) => {
       state.lastMouseY = mouseY;
-      if (!state.dragRowId || Object.keys(state.trPositionsMap).length === 0) return;
+      if (!state.dragRowId || Object.keys(state.trPositionsMap).length === 0)
+        return;
       const dragDistance = Math.abs(state.initialDragY - mouseY);
       const minDragDistance = 5;
       if (dragDistance < minDragDistance) {
@@ -24884,6 +24898,79 @@ const _sfc_main$8 = /* @__PURE__ */ defineComponent({
     const visible = useModel(__props2, "visible");
     const modalBodyRef = ref(null);
     const modalId = `lew-modal-${getUniqueId()}`;
+    const recomputeTrigger = ref(0);
+    const isTopModal = computed(() => {
+      var _a;
+      recomputeTrigger.value;
+      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 == null ? void 0 : modalEl.parentElement;
+      if (!modalContainer) {
+        return false;
+      }
+      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 && ((_a = openModals[openModals.length - 1]) == null ? void 0 : _a.id) === modalId;
+    });
+    const forceRecomputeTopModal = () => {
+      recomputeTrigger.value++;
+    };
+    watch(
+      modalBodyRef,
+      async (newVal) => {
+        if (newVal && visible.value) {
+          await nextTick();
+          forceRecomputeTopModal();
+        }
+      },
+      { immediate: true }
+    );
+    watch(visible, async (newVal) => {
+      await nextTick();
+      forceRecomputeTopModal();
+      if (newVal) {
+        startGlobalCheck();
+      } else {
+        stopGlobalCheck();
+      }
+    });
+    let globalCheckTimer = null;
+    const startGlobalCheck = () => {
+      if (globalCheckTimer) {
+        clearInterval(globalCheckTimer);
+      }
+      globalCheckTimer = setInterval(() => {
+        if (visible.value) {
+          forceRecomputeTopModal();
+        }
+      }, 100);
+    };
+    const stopGlobalCheck = () => {
+      if (globalCheckTimer) {
+        clearInterval(globalCheckTimer);
+        globalCheckTimer = null;
+      }
+    };
+    onMounted(() => {
+      if (visible.value) {
+        startGlobalCheck();
+      }
+    });
+    onUnmounted(() => {
+      stopGlobalCheck();
+    });
     onClickOutside(modalBodyRef, (e) => {
       if (visible.value && props2.closeOnClickOverlay) {
         const { parentElement } = e == null ? void 0 : e.target;
@@ -24905,18 +24992,10 @@ const _sfc_main$8 = /* @__PURE__ */ defineComponent({
     };
     if (props2.closeByEsc) {
       watch(Escape, (v) => {
-        var _a, _b;
-        if (!visible.value || !v) {
+        if (!visible.value || !v || !isTopModal.value) {
           return;
         }
-        const dialogEl = document.getElementById("lew-dialog");
-        const modalEl = document.getElementById(modalId);
-        const hasDialog = dialogEl && dialogEl.children.length > 0;
-        const isOpenModal = Array.from(((_a = modalEl == null ? void 0 : modalEl.parentElement) == null ? void 0 : _a.childNodes) ?? []).filter((e) => e instanceof Element).filter((e) => e.children.length > 0);
-        const topModal = ((_b = isOpenModal[isOpenModal.length - 1]) == null ? void 0 : _b.id) === modalId && modalEl;
-        if (!hasDialog && topModal) {
-          visible.value = false;
-        }
+        visible.value = false;
       });
     }
     return (_ctx, _cache) => {
@@ -24945,7 +25024,7 @@ const _sfc_main$8 = /* @__PURE__ */ defineComponent({
                 createElementVNode("div", {
                   ref_key: "modalBodyRef",
                   ref: modalBodyRef,
-                  style: normalizeStyle(unref(getModalStyle)),
+                  style: normalizeStyle(getModalStyle.value),
                   class: "lew-modal-body"
                 }, [
                   _ctx.$slots.header ? (openBlock(), createElementBlock("div", _hoisted_1$7, [
@@ -25023,7 +25102,7 @@ const _sfc_main$8 = /* @__PURE__ */ defineComponent({
     };
   }
 });
-const LewModal = /* @__PURE__ */ _export_sfc(_sfc_main$8, [["__scopeId", "data-v-4daf6b01"]]);
+const LewModal = /* @__PURE__ */ _export_sfc(_sfc_main$8, [["__scopeId", "data-v-2e8c7911"]]);
 const popokButtonProps = {
   type: {
     type: String,
@@ -25580,6 +25659,79 @@ const _sfc_main$5 = /* @__PURE__ */ defineComponent({
     const props2 = __props2;
     const drawerBodyRef = ref(null);
     const drawerId = `lew-drawer-${getUniqueId()}`;
+    const recomputeTrigger = ref(0);
+    const isTopDrawer = computed(() => {
+      var _a;
+      recomputeTrigger.value;
+      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 == null ? void 0 : drawerEl.parentElement;
+      if (!drawerContainer) {
+        return false;
+      }
+      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 && ((_a = openDrawers[openDrawers.length - 1]) == null ? void 0 : _a.id) === drawerId;
+    });
+    const forceRecomputeTopDrawer = () => {
+      recomputeTrigger.value++;
+    };
+    watch(
+      drawerBodyRef,
+      async (newVal) => {
+        if (newVal && visible.value) {
+          await nextTick();
+          forceRecomputeTopDrawer();
+        }
+      },
+      { immediate: true }
+    );
+    watch(visible, async (newVal) => {
+      await nextTick();
+      forceRecomputeTopDrawer();
+      if (newVal) {
+        startGlobalCheck();
+      } else {
+        stopGlobalCheck();
+      }
+    });
+    let globalCheckTimer = null;
+    const startGlobalCheck = () => {
+      if (globalCheckTimer) {
+        clearInterval(globalCheckTimer);
+      }
+      globalCheckTimer = setInterval(() => {
+        if (visible.value) {
+          forceRecomputeTopDrawer();
+        }
+      }, 100);
+    };
+    const stopGlobalCheck = () => {
+      if (globalCheckTimer) {
+        clearInterval(globalCheckTimer);
+        globalCheckTimer = null;
+      }
+    };
+    onMounted(() => {
+      if (visible.value) {
+        startGlobalCheck();
+      }
+    });
+    onUnmounted(() => {
+      stopGlobalCheck();
+    });
     onClickOutside(drawerBodyRef, (e) => {
       if (visible.value && props2.closeOnClickOverlay) {
         const { parentElement } = e == null ? void 0 : e.target;
@@ -25590,18 +25742,10 @@ const _sfc_main$5 = /* @__PURE__ */ defineComponent({
     });
     if (props2.closeByEsc) {
       watch(Escape, (v) => {
-        var _a, _b;
-        if (!visible.value || !v) {
+        if (!visible.value || !v || !isTopDrawer.value) {
           return;
         }
-        const dialogEl = document.getElementById("lew-dialog");
-        const drawerEl = document.getElementById(drawerId);
-        const hasDialog = dialogEl && dialogEl.children.length > 0;
-        const isOpenDrawer = Array.from(((_a = drawerEl == null ? void 0 : drawerEl.parentElement) == null ? void 0 : _a.childNodes) ?? []).filter((e) => e instanceof Element).filter((e) => e.children.length > 0);
-        const topDrawer = ((_b = isOpenDrawer[isOpenDrawer.length - 1]) == null ? void 0 : _b.id) === drawerId && drawerEl;
-        if (!hasDialog && topDrawer) {
-          visible.value = false;
-        }
+        visible.value = false;
       });
     }
     const getStyle = (position, width, height) => {
@@ -25625,7 +25769,7 @@ const _sfc_main$5 = /* @__PURE__ */ defineComponent({
     return (_ctx, _cache) => {
       return openBlock(), createBlock(Teleport, { to: "#lew-drawer" }, [
         createElementVNode("div", {
-          class: "lew-modal-container",
+          class: "lew-drawer-container",
           id: drawerId
         }, [
           createVNode(Transition, { name: "lew-drawer-mask" }, {
@@ -26726,6 +26870,7 @@ const dialogProps = {
   transformOrigin: {
     type: String,
     default: "0 0",
+    hidden: true,
     description: "对话框变换原点（内部使用，无需手动设置）"
   }
 };
@@ -32458,15 +32603,27 @@ const en = {
     duplicate: "Tag already exists, please input a new tag"
   },
   select: {
-    placeholder: "Please select"
+    placeholder: "Please select",
+    resultCount: "{num} results",
+    noResult: "No results",
+    searchPlaceholder: "Enter search keywords"
   },
   selectMultiple: {
-    placeholder: "Please select"
+    placeholder: "Please select",
+    resultCount: "{num} results",
+    noResult: "No results",
+    searchPlaceholder: "Enter search keywords"
   },
   cascader: {
     placeholder: "Please select",
     closeText: "Close",
-    okText: "OK"
+    okText: "OK",
+    noResult: "No results"
+  },
+  tree: {
+    resultCount: "{num} results",
+    noResult: "No results",
+    searchPlaceholder: "Enter search keywords"
   },
   textarea: {
     placeholder: "Please input"
@@ -32650,15 +32807,27 @@ const ja = {
     duplicate: "同じタグが既に存在します。別のタグを入力してください"
   },
   select: {
-    placeholder: "選択してください"
+    placeholder: "選択してください",
+    resultCount: "合計{num}件の結果",
+    noResult: "結果なし",
+    searchPlaceholder: "検索キーワードを入力"
   },
   selectMultiple: {
-    placeholder: "選択してください"
+    placeholder: "選択してください",
+    resultCount: "合計{num}件の結果",
+    noResult: "結果なし",
+    searchPlaceholder: "検索キーワードを入力"
   },
   cascader: {
     placeholder: "選択してください",
     closeText: "閉じる",
-    okText: "確定"
+    okText: "確定",
+    noResult: "結果なし"
+  },
+  tree: {
+    resultCount: "合計{num}件の結果",
+    noResult: "結果なし",
+    searchPlaceholder: "検索キーワードを入力"
   },
   textarea: {
     placeholder: "入力してください"
@@ -32740,15 +32909,27 @@ const ko = {
     duplicate: "동일한 태그가 이미 존재합니다. 다른 태그를 입력해주세요"
   },
   select: {
-    placeholder: "선택해주세요"
+    placeholder: "선택해주세요",
+    resultCount: "총 {num}개의 결과",
+    noResult: "결과 없음",
+    searchPlaceholder: "검색 키워드 입력"
   },
   selectMultiple: {
-    placeholder: "선택해주세요"
+    placeholder: "선택해주세요",
+    resultCount: "총 {num}개의 결과",
+    noResult: "결과 없음",
+    searchPlaceholder: "검색 키워드 입력"
   },
   cascader: {
     placeholder: "선택해주세요",
     closeText: "닫기",
-    okText: "확인"
+    okText: "확인",
+    noResult: "결과 없음"
+  },
+  tree: {
+    resultCount: "총 {num}개의 결과",
+    noResult: "결과 없음",
+    searchPlaceholder: "검색 키워드 입력"
   },
   textarea: {
     placeholder: "입력해주세요"
@@ -32830,15 +33011,27 @@ const fr = {
     duplicate: "Cette étiquette existe déjà, veuillez en saisir une nouvelle"
   },
   select: {
-    placeholder: "Veuillez sélectionner"
+    placeholder: "Veuillez sélectionner",
+    resultCount: "{num} résultats",
+    noResult: "Aucun résultat",
+    searchPlaceholder: "Entrez les mots-clés de recherche"
   },
   selectMultiple: {
-    placeholder: "Veuillez sélectionner"
+    placeholder: "Veuillez sélectionner",
+    resultCount: "{num} résultats",
+    noResult: "Aucun résultat",
+    searchPlaceholder: "Entrez les mots-clés de recherche"
   },
   cascader: {
     placeholder: "Veuillez sélectionner",
     closeText: "Fermer",
-    okText: "OK"
+    okText: "OK",
+    noResult: "Aucun résultat"
+  },
+  tree: {
+    resultCount: "{num} résultats",
+    noResult: "Aucun résultat",
+    searchPlaceholder: "Entrez les mots-clés de recherche"
   },
   textarea: {
     placeholder: "Veuillez saisir"
@@ -32920,15 +33113,27 @@ const it = {
     duplicate: "Questo tag esiste già, inserisci un nuovo tag"
   },
   select: {
-    placeholder: "Seleziona"
+    placeholder: "Seleziona",
+    resultCount: "{num} risultati",
+    noResult: "Nessun risultato",
+    searchPlaceholder: "Inserisci parole chiave"
   },
   selectMultiple: {
-    placeholder: "Seleziona"
+    placeholder: "Seleziona",
+    resultCount: "{num} risultati",
+    noResult: "Nessun risultato",
+    searchPlaceholder: "Inserisci parole chiave"
   },
   cascader: {
     placeholder: "Seleziona",
     closeText: "Chiudi",
-    okText: "OK"
+    okText: "OK",
+    noResult: "Nessun risultato"
+  },
+  tree: {
+    resultCount: "{num} risultati",
+    noResult: "Nessun risultato",
+    searchPlaceholder: "Inserisci parole chiave"
   },
   textarea: {
     placeholder: "Inserisci"
@@ -33010,15 +33215,27 @@ const es = {
     duplicate: "Esta etiqueta ya existe, por favor introduzca una nueva"
   },
   select: {
-    placeholder: "Por favor, seleccione"
+    placeholder: "Por favor, seleccione",
+    resultCount: "{num} resultados",
+    noResult: "Sin resultados",
+    searchPlaceholder: "Introduzca palabras clave"
   },
   selectMultiple: {
-    placeholder: "Por favor, seleccione"
+    placeholder: "Por favor, seleccione",
+    resultCount: "{num} resultados",
+    noResult: "Sin resultados",
+    searchPlaceholder: "Introduzca palabras clave"
   },
   cascader: {
     placeholder: "Por favor, seleccione",
     closeText: "Cerrar",
-    okText: "Aceptar"
+    okText: "Aceptar",
+    noResult: "Sin resultados"
+  },
+  tree: {
+    resultCount: "{num} resultados",
+    noResult: "Sin resultados",
+    searchPlaceholder: "Introduzca palabras clave"
   },
   textarea: {
     placeholder: "Por favor, introduzca"
@@ -33100,15 +33317,27 @@ const de = {
     duplicate: "Dieser Tag existiert bereits, bitte geben Sie einen neuen Tag ein"
   },
   select: {
-    placeholder: "Bitte auswählen"
+    placeholder: "Bitte auswählen",
+    resultCount: "{num} Ergebnisse",
+    noResult: "Keine Ergebnisse",
+    searchPlaceholder: "Suchbegriffe eingeben"
   },
   selectMultiple: {
-    placeholder: "Bitte auswählen"
+    placeholder: "Bitte auswählen",
+    resultCount: "{num} Ergebnisse",
+    noResult: "Keine Ergebnisse",
+    searchPlaceholder: "Suchbegriffe eingeben"
   },
   cascader: {
     placeholder: "Bitte auswählen",
     closeText: "Schließen",
-    okText: "OK"
+    okText: "OK",
+    noResult: "Keine Ergebnisse"
+  },
+  tree: {
+    resultCount: "{num} Ergebnisse",
+    noResult: "Keine Ergebnisse",
+    searchPlaceholder: "Suchbegriffe eingeben"
   },
   textarea: {
     placeholder: "Bitte eingeben"
@@ -33190,15 +33419,27 @@ const pt = {
     duplicate: "Esta tag já existe, por favor digite uma nova tag"
   },
   select: {
-    placeholder: "Por favor, selecione"
+    placeholder: "Por favor, selecione",
+    resultCount: "{num} resultados",
+    noResult: "Sem resultados",
+    searchPlaceholder: "Digite os termos de pesquisa"
   },
   selectMultiple: {
-    placeholder: "Por favor, selecione"
+    placeholder: "Por favor, selecione",
+    resultCount: "{num} resultados",
+    noResult: "Sem resultados",
+    searchPlaceholder: "Digite os termos de pesquisa"
   },
   cascader: {
     placeholder: "Por favor, selecione",
     closeText: "Fechar",
-    okText: "OK"
+    okText: "OK",
+    noResult: "Sem resultados"
+  },
+  tree: {
+    resultCount: "{num} resultados",
+    noResult: "Sem resultados",
+    searchPlaceholder: "Digite os termos de pesquisa"
   },
   textarea: {
     placeholder: "Por favor, digite"