@dazhicheng/ui 1.6.38 → 1.6.40

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

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