@dazhicheng/ui 1.6.4 → 1.6.6

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

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

package/dist/components/tt-modal/src/components/ModalWrapper.vue.d.ts

@@ -1,3 +1,5 @@
+/** 可用内容高度 = 容器高 - 顶距 - 头 - 底栏 - 底边距 */
+declare function updateRealHeight(): void;
 declare function onScrollBottom(): void;
 declare function __VLS_template(): {
     attrs: Partial<{}>;
@@ -11,6 +13,11 @@ declare function __VLS_template(): {
 };
 type __VLS_TemplateResult = ReturnType<typeof __VLS_template>;
 declare const __VLS_component: import('vue').DefineComponent<import('vue').ExtractPropTypes<{
+    /** 区域遮罩：高度相对挂载容器，不再按整屏 vh */
+    contained: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
     testId: any;
     visible: {
         type: BooleanConstructor;
@@ -43,7 +50,6 @@ declare const __VLS_component: import('vue').DefineComponent<import('vue').Extra
         type: BooleanConstructor;
         default: boolean;
     };
-} & {
     loading: {
         type: BooleanConstructor;
         default: boolean;
@@ -97,10 +103,16 @@ declare const __VLS_component: import('vue').DefineComponent<import('vue').Extra
     };
 }>, {
     onScrollBottom: typeof onScrollBottom;
+    setModalHeight: typeof updateRealHeight;
     elm: import('vue').Ref<any, any>;
 }, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {
     "is-scroll": (...args: any[]) => void;
 }, string, import('vue').PublicProps, Readonly<import('vue').ExtractPropTypes<{
+    /** 区域遮罩：高度相对挂载容器，不再按整屏 vh */
+    contained: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
     testId: any;
     visible: {
         type: BooleanConstructor;
@@ -133,7 +145,6 @@ declare const __VLS_component: import('vue').DefineComponent<import('vue').Extra
         type: BooleanConstructor;
         default: boolean;
     };
-} & {
     loading: {
         type: BooleanConstructor;
         default: boolean;
@@ -200,6 +211,7 @@ declare const __VLS_component: import('vue').DefineComponent<import('vue').Extra
     fullscreen: boolean;
     testId: any;
     modal: boolean;
+    contained: boolean;
     cancelText: string;
     okText: string;
     resizer: boolean;