@dazhicheng/ui 1.6.20 → 1.6.22

package/dist/components/tt-modal/index.d.ts

@@ -914,6 +914,7 @@ export declare const RenderModal: import('../../../../utils/src').SFCWithInstall
 })> & Record<string, any>;
 export { useModalRender, showTtModal } from './src/hooks/useModalRender';
 export { setupModal, useShowModal } from './src';
+export { ttModal, openTtModal, closeTtModal, closeAllTtModal, type OpenTtModalOptions, } from './src/utils/modal-service';
 export * from './src/typing';
 export declare const TtModal: import('../../../../utils/src').SFCWithInstall<{
     new (...args: any[]): import('vue').CreateComponentPublicInstanceWithMixins<Readonly<import('vue').ExtractPropTypes<{

package/dist/components/tt-modal/index.js

@@ -18,9 +18,14 @@ import t from "./src/RenderModal.vue.js";
 import "@tanstack/vue-store";
 import "vue-router";
 import "@vueuse/core";
-const r = o(t), b = r;
+import { closeAllTtModal as j, closeTtModal as k, openTtModal as q, ttModal as v } from "./src/utils/modal-service.js";
+const r = o(t), R = r;
 export {
   r as RenderModal,
-  b as TtModal,
-  r as default
+  R as TtModal,
+  j as closeAllTtModal,
+  k as closeTtModal,
+  r as default,
+  q as openTtModal,
+  v as ttModal
 };

package/dist/components/tt-modal/src/RenderModal.vue.js

@@ -1,13 +1,13 @@
-import { defineComponent as Re, ref as O, useAttrs as _e, useSlots as xe, getCurrentInstance as ze, computed as f, unref as o, watch as ee, reactive as je, nextTick as w, provide as Ne, onMounted as He, onDeactivated as Ue, onActivated as qe, onUnmounted as Ke, withDirectives as Ye, createElementBlock as Je, openBlock as Qe, createVNode as S, mergeProps as oe, h as Xe, createSlots as D, withCtx as c, normalizeClass as Ze, renderSlot as b, renderList as L, normalizeProps as V, guardReactiveProps as E, createElementVNode as Ge } from "vue";
-import { TtIcon as We } from "../../tt-icon/index.js";
+import { defineComponent as Ue, ref as T, useAttrs as qe, useSlots as Ke, getCurrentInstance as Ye, computed as f, unref as o, watch as ie, reactive as Je, nextTick as L, provide as Qe, onMounted as Xe, onDeactivated as Ge, onActivated as We, onUnmounted as eo, withDirectives as oo, createElementBlock as to, openBlock as lo, createVNode as I, mergeProps as re, h as so, createSlots as E, withCtx as c, normalizeClass as io, renderSlot as g, renderList as V, normalizeProps as _, guardReactiveProps as z, createElementVNode as ro } from "vue";
+import { TtIcon as no } from "../../tt-icon/index.js";
 import "../../../node_modules/.pnpm/vue-types@5.1.3_vue@3.5.21_typescript@5.9.3_/node_modules/vue-types/shim/index.modern.js";
-import { useDesign as eo } from "../../../packages/hooks/src/useDesign.js";
-import { usePriorityValues as oo, getPriorityValues as to } from "../../../packages/hooks/src/usePriorityValue.js";
+import { useDesign as ao } from "../../../packages/hooks/src/useDesign.js";
+import { usePriorityValues as uo, getPriorityValues as po } from "../../../packages/hooks/src/usePriorityValue.js";
 import "axios";
-import { dialogProps as te, ElDialog as so } from "element-plus";
+import { dialogProps as ne, useZIndex as co, ElDialog as fo } from "element-plus";
 import "dayjs";
 import "numeral";
-import { generateTestId as R, toKebabCase as ro } from "../../../packages/utils/src/testid-helper.js";
+import { generateTestId as R, toKebabCase as mo } from "../../../packages/utils/src/testid-helper.js";
 import "xe-utils";
 import "dayjs/plugin/utc";
 import "dayjs/plugin/timezone";
@@ -16,24 +16,27 @@ import "../../../node_modules/.pnpm/crypto-js@4.2.0/node_modules/crypto-js/aes.j
 import "../../../node_modules/.pnpm/crypto-js@4.2.0/node_modules/crypto-js/enc-utf8.js";
 import "../../../node_modules/.pnpm/crypto-js@4.2.0/node_modules/crypto-js/mode-ecb.js";
 import "../../../node_modules/.pnpm/crypto-js@4.2.0/node_modules/crypto-js/pad-pkcs7.js";
-import { omit as se, pick as _ } from "lodash-es";
+import { omit as ae, pick as j } from "lodash-es";
 import "vue-router";
-import io from "../../../directives/dialog-resize/index.js";
-import { useStore as lo } from "@tanstack/vue-store";
-import no from "./components/ModalFooter.vue.js";
-import ao from "./components/ModalHeader.vue.js";
-import uo from "./components/ModalWrapper.vue.js";
-import { basicProps as po } from "./props.js";
-import { ModalApi as co } from "./utils/modal-api.js";
-import { resolveModalTarget as fo, MODAL_OVERLAY_CONTAINED_CLASS as x, ensureContainedOverlayStyle as mo, applyContainedOverlayInline as z, watchOverlayThenSuspend as re, suspendOverlayByUid as go, resumeOverlayByUid as vo } from "./utils/resolve-modal-target.js";
-import { pushModal as ie, removeModal as j } from "./utils/modal-stack.js";
-import bo from "../../../assets/svg/close.svg.js";
-const ho = ["aria-tt-id", "data-testid"], To = ["data-testid"], Zo = /* @__PURE__ */ Re({
+import vo from "../../../directives/dialog-resize/index.js";
+import { useStore as go } from "@tanstack/vue-store";
+import bo from "./components/ModalFooter.vue.js";
+import Co from "./components/ModalHeader.vue.js";
+import To from "./components/ModalWrapper.vue.js";
+import { basicProps as ho } from "./props.js";
+import { ModalApi as ko } from "./utils/modal-api.js";
+import { resolveModalTarget as de, MODAL_OVERLAY_CLASS as yo, MODAL_OVERLAY_CONTAINED_CLASS as H, findTopOpenModalOverlayHost as Oo, ensureContainedOverlayStyle as Bo, applyContainedOverlayInline as N, watchOverlayThenSuspend as ue, suspendOverlayByUid as Po, resumeOverlayByUid as So } from "./utils/resolve-modal-target.js";
+import { allocateModalZIndex as Io } from "./utils/modal-z-index.js";
+import { getClientDocument as Mo } from "./utils/modal-scope.js";
+import { pushModal as pe, removeModal as Z } from "./utils/modal-stack.js";
+import { emitModalCloseTransitionEnd as Ao } from "./utils/modal-close-transition.js";
+import $o from "../../../assets/svg/close.svg.js";
+const Do = ["aria-tt-id", "data-testid"], Fo = ["data-testid"], ft = /* @__PURE__ */ Ue({
   name: "TtModal",
   __name: "RenderModal",
   props: {
-    ...te,
-    ...po,
+    ...ne,
+    ...ho,
     /** modalApi */
     modalApi: {
       type: Object,
@@ -41,253 +44,264 @@ const ho = ["aria-tt-id", "data-testid"], To = ["data-testid"], Zo = /* @__PURE_
     }
   },
   emits: ["visible-change", "register", "update:visible"],
-  setup(le, { expose: ne, emit: ae }) {
-    var W;
-    const d = le, M = ae, T = O(), { prefixCls: de } = eo("modal"), p = _e(), ue = xe(), t = ze(), N = O(!1);
-    let l = d.modalApi;
-    if (!l) {
+  setup(ce, { expose: fe, emit: me }) {
+    var le;
+    const d = ce, M = me, h = T(), { prefixCls: ve } = ao("modal"), p = qe(), ge = Ke(), t = Ye(), U = T(!1), q = T(), A = T(), be = co();
+    let r = d.modalApi;
+    if (!r) {
       const e = d.okButtonProps ? {
         ...d.okButtonProps,
         disabledTip: Array.isArray(d.okButtonProps.disabledTip) ? d.okButtonProps.disabledTip : d.okButtonProps.disabledTip ? [d.okButtonProps.disabledTip] : void 0
-      } : void 0, s = {
+      } : void 0, l = {
         ...d,
         okButtonProps: e
       };
-      l = new co(s), l.useStore = (i) => {
-        const r = i ?? ((n) => n);
-        return lo(l.store, r);
+      r = new ko(l), r.useStore = (i) => {
+        const s = i ?? ((n) => n);
+        return go(r.store, s);
       };
     }
-    const m = (W = l.useStore) == null ? void 0 : W.call(l), {
-      visible: h,
-      title: H,
-      width: U,
-      size: q,
-      fullscreen: pe,
-      resizer: ce,
-      top: fe,
-      isBottom: K,
-      draggable: me,
-      showCancelBtn: ge,
-      okText: ve,
-      cancelText: be,
-      okButtonProps: y,
-      cancelButtonProps: he,
-      confirmLoading: Te,
-      cancelLoading: Ce,
-      showOkBtn: ke,
-      loading: Y,
-      height: ye,
-      showFooter: J,
-      loadingTip: Be,
-      ...Pe
-    } = oo(d, m), Oe = f(() => {
+    const m = (le = r.useStore) == null ? void 0 : le.call(r), {
+      visible: b,
+      title: K,
+      width: Y,
+      size: J,
+      fullscreen: Ce,
+      resizer: Te,
+      top: he,
+      isBottom: Q,
+      draggable: ke,
+      showCancelBtn: ye,
+      okText: Oe,
+      cancelText: Be,
+      okButtonProps: B,
+      cancelButtonProps: Pe,
+      confirmLoading: Se,
+      cancelLoading: Ie,
+      showOkBtn: Me,
+      loading: X,
+      height: Ae,
+      showFooter: G,
+      loadingTip: $e,
+      ...De
+    } = uo(d, m), Fe = f(() => {
       const e = {
         mini: "448px",
         small: "592px",
         medium: "876px"
       };
-      return o(U) ? o(U) : e[o(q)] ? e[o(q)] : "500px";
-    }), I = f(() => {
-      const e = to(Pe), s = se(p, ["onVisibleChange", "onClose", "onClosed", "onOk", "onReceiveSharedData"]), r = {
-        ..._(e, Object.keys(te)),
-        ...s
-      }, n = r.appendToBody === !0 || r["append-to-body"] === !0 || r["append-to-body"] === "", u = r.appendTo && r.appendTo !== "body" ? r.appendTo : void 0, v = !n && !u ? fo() : null, F = !!v, Ve = n || !u && !v, Ee = F || o(K) ? "40px" : "15vh";
+      return o(Y) ? o(Y) : e[o(J)] ? e[o(J)] : "500px";
+    }), $ = f(() => {
+      var se;
+      const e = po(De), l = ae(p, ["onVisibleChange", "onClose", "onClosed", "onOk", "onReceiveSharedData"]), s = {
+        ...j(e, Object.keys(ne)),
+        ...l
+      }, n = s.appendToBody === !0 || s["append-to-body"] === !0 || s["append-to-body"] === "", u = s.appendTo && s.appendTo !== "body" ? s.appendTo : void 0, O = !n && !u, w = O ? A.value : void 0;
+      let C = null;
+      w ? C = w === ((se = Mo()) == null ? void 0 : se.body) ? null : w : O && (C = de());
+      const x = !!C, Ne = n || !u && !C, Ze = x || o(Q) ? "40px" : "15vh";
       return {
-        ...r,
-        modelValue: o(h),
-        width: o(Oe),
+        ...s,
+        modelValue: o(b),
+        width: o(Fe),
         destroyOnClose: !0,
         // 默认 false；可通过 modalProps.closeOnClickModal 开启点击遮罩关闭
         closeOnClickModal: e.closeOnClickModal ?? !1,
         // 禁用 element-plus 原生 ESC 关闭，改由 modal-stack 统一管理：
         // 1. 多弹窗时逐个关闭；2. 表单聚焦时 ESC 不关闭弹窗
         closeOnPressEscape: !1,
-        top: o(fe) ?? Ee,
+        top: o(he) ?? Ze,
         fullscreen: !1,
         draggable: !1,
-        appendToBody: Ve,
-        ...u ? { appendTo: u } : v ? { appendTo: v } : { appendTo: "body" },
+        // 外部显式指定优先；否则用打开时申请到的层级，element-plus 自己的 nextZIndex 不参与决策
+        zIndex: s.zIndex ?? q.value,
+        appendToBody: Ne,
+        ...u ? { appendTo: u } : C ? { appendTo: C } : { appendTo: "body" },
         // 区域遮罩不锁整页滚动，避免侧栏能点却滚不动
-        lockScroll: F ? r.lockScroll ?? !1 : r.lockScroll ?? !0,
+        lockScroll: x ? s.lockScroll ?? !1 : s.lockScroll ?? !0,
         modalClass: [
-          r.modalClass || e.modalClass || "",
+          s.modalClass || e.modalClass || "",
+          yo,
           `tt-id-${t == null ? void 0 : t.uid}`,
-          F ? x : ""
+          x ? H : ""
         ].filter(Boolean).join(" ")
       };
-    }), Se = f(() => {
-      var s;
-      return String(((s = I.value) == null ? void 0 : s.modalClass) || "").includes(x);
-    }), Me = f(() => ({
-      showCancelBtn: o(ge),
-      okText: o(ve),
-      cancelText: o(be),
-      okButtonProps: o(y),
-      cancelButtonProps: o(he),
-      confirmLoading: o(Te),
-      cancelLoading: o(Ce),
-      showOkBtn: o(ke)
-    })), Q = f(() => {
+    }), we = f(() => {
+      var l;
+      return String(((l = $.value) == null ? void 0 : l.modalClass) || "").includes(H);
+    }), xe = f(() => ({
+      showCancelBtn: o(ye),
+      okText: o(Oe),
+      cancelText: o(Be),
+      okButtonProps: o(B),
+      cancelButtonProps: o(Pe),
+      confirmLoading: o(Se),
+      cancelLoading: o(Ie),
+      showOkBtn: o(Me)
+    })), W = f(() => {
       var n, u;
-      const e = (n = o(y)) == null ? void 0 : n.disabled, s = o(Y), i = (u = o(y)) == null ? void 0 : u.disabledTip, r = Array.isArray(i) ? i : i ? [i] : [];
-      return e || s ? [!0, r] : [!1, []];
+      const e = (n = o(B)) == null ? void 0 : n.disabled, l = o(X), i = (u = o(B)) == null ? void 0 : u.disabledTip, s = Array.isArray(i) ? i : i ? [i] : [];
+      return e || l ? [!0, s] : [!1, []];
     });
-    ee(
+    ie(
       () => {
         var e;
         return (e = m.value) == null ? void 0 : e.visible;
       },
       (e) => {
-        var s;
-        e !== h.value && (M("visible-change", !!e), M("update:visible", !!e)), t && ((s = C.emitVisible) == null || s.call(C, !!e, t == null ? void 0 : t.uid)), t != null && t.uid && (e ? (Le(), g.value || ie({ uid: t.uid, close: () => l.onClosed() }), mo(), w(() => {
-          (t == null ? void 0 : t.uid) != null && (z(t.uid), g.value && (a == null || a(), a = re(t.uid)), requestAnimationFrame(() => {
-            (t == null ? void 0 : t.uid) != null && (z(t.uid), g.value && go(t.uid));
+        var l;
+        e && (A.value = Oo(t == null ? void 0 : t.uid, de()) ?? void 0, q.value = Io(be)), e !== b.value && (M("visible-change", !!e), M("update:visible", !!e)), t && ((l = k.emitVisible) == null || l.call(k, !!e, t == null ? void 0 : t.uid)), t != null && t.uid && (e ? (He(), v.value || pe({ uid: t.uid, close: () => r.onClosed() }), Bo(), L(() => {
+          (t == null ? void 0 : t.uid) != null && (N(t.uid), v.value && (a == null || a(), a = ue(t.uid)), requestAnimationFrame(() => {
+            (t == null ? void 0 : t.uid) != null && (N(t.uid), v.value && Po(t.uid));
           }));
-        })) : (X(), j(t.uid))), e || l.changeOkLoading(!1);
+        })) : (ee(), Z(t.uid))), e || r.changeOkLoading(!1);
       },
       {
         immediate: !1
       }
-    ), ee(
-      () => o(h),
+    ), ie(
+      () => o(b),
       (e) => {
-        var s;
-        e !== ((s = m.value) == null ? void 0 : s.visible) && l.setState({ visible: e }), e || l.changeOkLoading(!1);
+        var l;
+        e !== ((l = m.value) == null ? void 0 : l.visible) && r.setState({ visible: e }), e || r.changeOkLoading(!1);
       },
       {
         immediate: !1
       }
     );
-    function Ie(e) {
-      N.value = e;
+    function Le(e) {
+      U.value = e;
     }
-    function $e() {
-      document.querySelectorAll(".el-select__popper").forEach((s) => {
-        s.style.display !== "none" && (s.style.display = "none");
+    function Ee() {
+      Ao(r);
+    }
+    function Ve() {
+      document.querySelectorAll(".el-select__popper").forEach((l) => {
+        l.style.display !== "none" && (l.style.display = "none");
       });
     }
-    function $(e) {
+    function D(e) {
       return e.toLowerCase().includes("modal") ? e : `modal-${e}`;
     }
-    function Ae() {
+    function _e() {
       const e = p["data-testid"] || p.dataTestid || p.testId || p["test-id"];
       return e && typeof e == "string" ? e : void 0;
     }
-    const B = f(() => {
+    const P = f(() => {
       var n;
       const e = (n = m.value) == null ? void 0 : n.testId;
       if (e)
-        return $(e);
-      const s = d.testId;
-      if (s)
-        return $(s);
-      const i = Ae();
+        return D(e);
+      const l = d.testId;
+      if (l)
+        return D(l);
+      const i = _e();
       if (i)
-        return $(i);
-      const r = o(H);
-      return r && typeof r == "string" && r.trim() ? R("modal", ro(r)) : t != null && t.uid ? `modal-${t.uid}` : "modal";
-    }), Fe = f(() => R(B.value, "footer")), we = f(() => R(B.value, "body"));
-    Ne("modalIdContext", B);
-    const C = je({
-      setModalProps: l.setState,
+        return D(i);
+      const s = o(K);
+      return s && typeof s == "string" && s.trim() ? R("modal", mo(s)) : t != null && t.uid ? `modal-${t.uid}` : "modal";
+    }), ze = f(() => R(P.value, "footer")), Re = f(() => R(P.value, "body"));
+    Qe("modalIdContext", P);
+    const k = Je({
+      setModalProps: r.setState,
       emitVisible: void 0,
       redoModalHeight: () => {
-        w(() => {
-          o(T) && o(T).setModalHeight();
+        L(() => {
+          o(h) && o(h).setModalHeight();
         });
       },
       scrollToBottom: () => {
         var e;
-        o(T) && ((e = o(T)) == null || e.onScrollBottom());
+        o(h) && ((e = o(h)) == null || e.onScrollBottom());
       }
     });
-    t && M("register", C, `${t == null ? void 0 : t.uid}`);
-    const g = O(!1), P = O(null);
-    let a, k;
-    function A() {
-      var s;
-      return String(((s = I.value) == null ? void 0 : s.modalClass) || "").includes(x);
+    t && M("register", k, `${t == null ? void 0 : t.uid}`);
+    const v = T(!1), S = T(null);
+    let a, y;
+    function F() {
+      var l;
+      return String(((l = $.value) == null ? void 0 : l.modalClass) || "").includes(H);
     }
-    function De() {
-      var s, i;
+    function je() {
+      var l, i;
       const e = t == null ? void 0 : t.appContext.config.globalProperties.$router;
-      return ((i = (s = e == null ? void 0 : e.currentRoute) == null ? void 0 : s.value) == null ? void 0 : i.path) ?? null;
+      return ((i = (l = e == null ? void 0 : e.currentRoute) == null ? void 0 : l.value) == null ? void 0 : i.path) ?? null;
     }
-    function Le() {
-      if (!A()) {
-        P.value = null;
+    function He() {
+      if (!F()) {
+        S.value = null;
         return;
       }
-      P.value = De();
+      S.value = je();
     }
-    function X() {
-      a == null || a(), a = void 0, g.value = !1, P.value = null;
+    function ee() {
+      a == null || a(), a = void 0, v.value = !1, S.value = null;
     }
-    function Z() {
+    function oe() {
       var i;
       const e = t == null ? void 0 : t.uid;
-      e == null || !(o(h) || (i = m.value) != null && i.visible) || !A() || (g.value = !0, a == null || a(), a = re(e), j(e));
+      e == null || !(o(b) || (i = m.value) != null && i.visible) || !F() || (v.value = !0, a == null || a(), a = ue(e), Z(e));
     }
-    function G() {
+    function te() {
       var i;
       const e = t == null ? void 0 : t.uid;
-      e == null || !g.value || (a == null || a(), a = void 0, g.value = !1, !!!(o(h) || (i = m.value) != null && i.visible)) || (vo(e), ie({ uid: e, close: () => l.onClosed() }), w(() => z(e)));
+      e == null || !v.value || (a == null || a(), a = void 0, v.value = !1, !!!(o(b) || (i = m.value) != null && i.visible)) || (So(e), pe({ uid: e, close: () => r.onClosed() }), L(() => N(e)));
     }
-    return He(() => {
-      const e = _(p, ["onVisibleChange", "onClosed", "onOk"]);
-      l.mount(
+    return Xe(() => {
+      const e = j(p, ["onVisibleChange", "onClosed", "onOk"]);
+      r.mount(
         {
           ...e,
           onClosed: e.onClosed || p.onCancel || p.onClose
         },
-        C
+        k
       );
-      const s = t == null ? void 0 : t.appContext.config.globalProperties.$router;
-      s != null && s.afterEach && (k = s.afterEach((i, r) => {
-        var v;
-        if (!(i != null && i.path) || i.path === (r == null ? void 0 : r.path) || !A() || !!!(o(h) || (v = m.value) != null && v.visible)) return;
-        const u = P.value;
-        u && (i.path !== u ? Z() : G());
+      const l = t == null ? void 0 : t.appContext.config.globalProperties.$router;
+      l != null && l.afterEach && (y = l.afterEach((i, s) => {
+        var O;
+        if (!(i != null && i.path) || i.path === (s == null ? void 0 : s.path) || !F() || !!!(o(b) || (O = m.value) != null && O.visible)) return;
+        const u = S.value;
+        u && (i.path !== u ? oe() : te());
       }));
-    }), Ue(() => {
-      Z();
-    }), qe(() => {
-      G();
-    }), Ke(() => {
-      X(), k == null || k(), k = void 0, t != null && t.uid && j(t.uid);
-    }), ne({
-      modalApi: l
-    }), (e, s) => {
+    }), Ge(() => {
+      oe();
+    }), We(() => {
+      te();
+    }), eo(() => {
+      ee(), y == null || y(), y = void 0, A.value = void 0, t != null && t.uid && Z(t.uid);
+    }), fe({
+      modalApi: r
+    }), (e, l) => {
       var i;
-      return Ye((Qe(), Je("div", {
+      return oo((lo(), to("div", {
         "aria-tt-id": `tt-id-${(i = o(t)) == null ? void 0 : i.uid}`,
-        "data-testid": B.value
+        "data-testid": P.value
       }, [
-        S(o(so), oe(I.value, {
-          class: ["tt-ui-modal", o(de)],
-          "before-close": o(l).onClosed,
-          "close-icon": () => Xe(o(We), {
+        I(o(fo), re($.value, {
+          class: ["tt-ui-modal", o(ve)],
+          "before-close": o(r).onClosed,
+          onClosed: Ee,
+          "close-icon": () => so(o(no), {
             size: 16,
-            icon: o(bo),
+            icon: o($o),
             isCustomSvg: !0
           })
-        }), D({
+        }), E({
           default: c(() => [
-            S(uo, {
+            I(To, {
               ref_key: "modalWrapperRef",
-              ref: T,
-              "is-bottom": o(K),
-              height: o(ye),
-              loading: o(Y),
-              "loading-tip": o(Be),
-              contained: Se.value,
-              class: Ze({ "pb-2!": !o(J) }),
-              "data-testid": we.value,
-              onIsScroll: Ie
+              ref: h,
+              "is-bottom": o(Q),
+              height: o(Ae),
+              loading: o(X),
+              "loading-tip": o($e),
+              contained: we.value,
+              class: io({ "pb-2!": !o(G) }),
+              "data-testid": Re.value,
+              onIsScroll: Le
             }, {
               default: c(() => [
-                b(e.$slots, "default")
+                g(e.$slots, "default")
               ]),
               _: 3
             }, 8, ["is-bottom", "height", "loading", "loading-tip", "contained", "class", "data-testid"])
@@ -297,63 +311,63 @@ const ho = ["aria-tt-id", "data-testid"], To = ["data-testid"], Zo = /* @__PURE_
           e.$slots.header ? {
             name: "header",
             fn: c(() => [
-              b(e.$slots, "header")
+              g(e.$slots, "header")
             ]),
             key: "1"
           } : {
             name: "header",
             fn: c(() => [
-              S(ao, {
-                title: o(H),
-                onMousedown: $e
-              }, D({
+              I(Co, {
+                title: o(K),
+                onMousedown: Ve
+              }, E({
                 titleToolbar: c(() => [
-                  b(e.$slots, "titleToolbar")
+                  g(e.$slots, "titleToolbar")
                 ]),
                 _: 2
               }, [
-                L(Object.keys(e.$slots), (r) => ({
-                  name: r,
+                V(Object.keys(e.$slots), (s) => ({
+                  name: s,
                   fn: c((n) => [
-                    b(e.$slots, r, V(E(n || {})))
+                    g(e.$slots, s, _(z(n || {})))
                   ])
                 }))
               ]), 1032, ["title"])
             ]),
             key: "0"
           },
-          o(ue).footer || o(J) ? {
+          o(ge).footer || o(G) ? {
             name: "footer",
             fn: c(() => [
-              b(e.$slots, "footer", {}, () => [
-                Ge("div", { "data-testid": Fe.value }, [
-                  S(no, oe(Me.value, {
+              g(e.$slots, "footer", {}, () => [
+                ro("div", { "data-testid": ze.value }, [
+                  I(bo, re(xe.value, {
                     class: "footer",
-                    style: { borderTop: N.value ? "1px solid var(--tt-modal-footer-border-color)" : "none" },
+                    style: { borderTop: U.value ? "1px solid var(--tt-modal-footer-border-color)" : "none" },
                     "ok-button-props": {
-                      ...o(y),
-                      disabledTip: Q.value[1],
-                      disabled: Q.value[0]
+                      ...o(B),
+                      disabledTip: W.value[1],
+                      disabled: W.value[0]
                     },
-                    onFooterok: o(l).onOk,
-                    onCancel: o(l).onClosed
-                  }), D({ _: 2 }, [
-                    L(Object.keys(
-                      o(_)(e.$slots, ["beforeFooter", "insertFooter", "centerFooter", "appendFooter"])
-                    ), (r) => ({
-                      name: r,
+                    onFooterok: o(r).onOk,
+                    onCancel: o(r).onClosed
+                  }), E({ _: 2 }, [
+                    V(Object.keys(
+                      o(j)(e.$slots, ["beforeFooter", "insertFooter", "centerFooter", "appendFooter"])
+                    ), (s) => ({
+                      name: s,
                       fn: c((n) => [
-                        b(e.$slots, r, V(E({ ...n || {} })))
+                        g(e.$slots, s, _(z({ ...n || {} })))
                       ])
                     }))
                   ]), 1040, ["style", "ok-button-props", "onFooterok", "onCancel"])
-                ], 8, To)
+                ], 8, Fo)
               ])
             ]),
             key: "2"
           } : void 0,
-          L(Object.keys(
-            o(se)(e.$slots, [
+          V(Object.keys(
+            o(ae)(e.$slots, [
               "default",
               "titleToolbar",
               "header",
@@ -363,18 +377,18 @@ const ho = ["aria-tt-id", "data-testid"], To = ["data-testid"], Zo = /* @__PURE_
               "centerFooter",
               "appendFooter"
             ])
-          ), (r) => ({
-            name: r,
+          ), (s) => ({
+            name: s,
             fn: c((n) => [
-              b(e.$slots, r, V(E(n || {})))
+              g(e.$slots, s, _(z(n || {})))
             ])
           }))
         ]), 1040, ["class", "before-close", "close-icon"])
-      ], 8, ho)), [
-        [o(io), {
-          draggable: o(me),
-          fullscreen: o(pe),
-          resizer: o(ce),
+      ], 8, Do)), [
+        [o(vo), {
+          draggable: o(ke),
+          fullscreen: o(Ce),
+          resizer: o(Te),
           resizeChange: o(p).resizeChange
         }]
       ]);
@@ -382,5 +396,5 @@ const ho = ["aria-tt-id", "data-testid"], To = ["data-testid"], Zo = /* @__PURE_
   }
 });
 export {
-  Zo as default
+  ft as default
 };