@dazhicheng/ui 1.5.198 → 1.5.201

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

@@ -0,0 +1,310 @@
+import { defineComponent as he, ref as x, useAttrs as ke, useSlots as ve, getCurrentInstance as Te, computed as u, unref as o, watch as R, reactive as Ce, provide as ye, nextTick as Be, onMounted as Pe, onUnmounted as $e, withDirectives as Ie, createElementBlock as Oe, openBlock as Me, createVNode as k, mergeProps as j, h as Se, createSlots as y, withCtx as c, normalizeClass as we, renderSlot as p, renderList as B, normalizeProps as P, guardReactiveProps as $, createElementVNode as Fe } from "vue";
+import { TtIcon as Ve } from "@dazhicheng-ui/components/tt-icon";
+import { useDesign as De, usePriorityValues as ze, getPriorityValues as Ae } from "@dazhicheng/hooks";
+import Le from "@dazhicheng-ui/directives/dialog-resize";
+import { generateTestId as I, toKebabCase as _e } from "@dazhicheng/utils";
+import { useStore as xe } from "@tanstack/vue-store";
+import { dialogProps as E, ElDialog as Re } from "element-plus";
+import { omit as H, pick as O } from "lodash-es";
+import je from "./components/ModalFooter.vue.js";
+import Ee from "./components/ModalHeader.vue.js";
+import He from "./components/ModalWrapper.vue.js";
+import { basicProps as We } from "./props.js";
+import { ModalApi as Ne } from "./utils/modal-api.js";
+import { pushModal as qe, removeModal as W } from "./utils/modal-stack.js";
+import Ge from "../../../assets/svg/close.svg.js";
+const Ke = ["aria-tt-id", "data-testid"], Ue = ["data-testid"], uo = /* @__PURE__ */ he({
+  name: "TtModal",
+  __name: "RenderModal",
+  props: {
+    ...E,
+    ...We,
+    /** modalApi */
+    modalApi: {
+      type: Object,
+      default: void 0
+    }
+  },
+  emits: ["visible-change", "register", "update:visible"],
+  setup(N, { expose: q, emit: G }) {
+    var L;
+    const n = N, v = G, f = x(), { prefixCls: K } = De("modal"), d = ke(), U = ve(), t = Te(), M = x(!1);
+    let a = n.modalApi;
+    if (!a) {
+      const e = n.okButtonProps ? {
+        ...n.okButtonProps,
+        disabledTip: Array.isArray(n.okButtonProps.disabledTip) ? n.okButtonProps.disabledTip : n.okButtonProps.disabledTip ? [n.okButtonProps.disabledTip] : void 0
+      } : void 0, s = {
+        ...n,
+        okButtonProps: e
+      };
+      a = new Ne(s), a.useStore = (i) => {
+        const r = i ?? ((l) => l);
+        return xe(a.store, r);
+      };
+    }
+    const g = (L = a.useStore) == null ? void 0 : L.call(a), {
+      visible: T,
+      title: S,
+      width: w,
+      size: F,
+      fullscreen: J,
+      resizer: Q,
+      top: X,
+      isBottom: V,
+      draggable: Y,
+      showCancelBtn: Z,
+      okText: ee,
+      cancelText: oe,
+      okButtonProps: b,
+      cancelButtonProps: te,
+      confirmLoading: se,
+      cancelLoading: re,
+      showOkBtn: ae,
+      loading: D,
+      height: ie,
+      showFooter: z,
+      loadingTip: le,
+      ...ne
+    } = ze(n, g), de = u(() => {
+      const e = {
+        mini: "448px",
+        small: "592px",
+        medium: "876px"
+      };
+      return o(w) ? o(w) : e[o(F)] ? e[o(F)] : "500px";
+    }), ce = u(() => {
+      const e = Ae(ne), s = H(d, ["onVisibleChange", "onClose", "onClosed", "onOk", "onReceiveSharedData"]);
+      return {
+        appendToBody: !0,
+        ...O(e, Object.keys(E)),
+        ...s,
+        modelValue: o(T),
+        width: o(de),
+        destroyOnClose: !0,
+        closeOnClickModal: !1,
+        // 禁用 element-plus 原生 ESC 关闭，改由 modal-stack 统一管理：
+        // 1. 多弹窗时逐个关闭；2. 表单聚焦时 ESC 不关闭弹窗
+        closeOnPressEscape: !1,
+        top: o(X) ?? o(V) ? "40px" : "15vh",
+        fullscreen: !1,
+        draggable: !1,
+        modalClass: `${e.modalClass || ""} tt-id-${t == null ? void 0 : t.uid}`
+      };
+    }), ue = u(() => ({
+      showCancelBtn: o(Z),
+      okText: o(ee),
+      cancelText: o(oe),
+      okButtonProps: o(b),
+      cancelButtonProps: o(te),
+      confirmLoading: o(se),
+      cancelLoading: o(re),
+      showOkBtn: o(ae)
+    })), A = u(() => {
+      var l, _;
+      const e = (l = o(b)) == null ? void 0 : l.disabled, s = o(D), i = (_ = o(b)) == null ? void 0 : _.disabledTip, r = Array.isArray(i) ? i : i ? [i] : [];
+      return e || s ? [!0, r] : [!1, []];
+    });
+    R(
+      () => {
+        var e;
+        return (e = g.value) == null ? void 0 : e.visible;
+      },
+      (e) => {
+        var s;
+        e !== T.value && (v("visible-change", !!e), v("update:visible", !!e)), t && ((s = m.emitVisible) == null || s.call(m, !!e, t == null ? void 0 : t.uid)), t != null && t.uid && (e ? qe({ uid: t.uid, close: () => a.onClosed() }) : W(t.uid)), e || a.changeOkLoading(!1);
+      },
+      {
+        immediate: !1
+      }
+    ), R(
+      () => o(T),
+      (e) => {
+        var s;
+        e !== ((s = g.value) == null ? void 0 : s.visible) && a.setState({ visible: e }), e || a.changeOkLoading(!1);
+      },
+      {
+        immediate: !1
+      }
+    );
+    function pe(e) {
+      M.value = e;
+    }
+    function fe() {
+      document.querySelectorAll(".el-select__popper").forEach((s) => {
+        s.style.display !== "none" && (s.style.display = "none");
+      });
+    }
+    function C(e) {
+      return e.toLowerCase().includes("modal") ? e : `modal-${e}`;
+    }
+    function me() {
+      const e = d["data-testid"] || d.dataTestid || d.testId || d["test-id"];
+      return e && typeof e == "string" ? e : void 0;
+    }
+    const h = u(() => {
+      var l;
+      const e = (l = g.value) == null ? void 0 : l.testId;
+      if (e)
+        return C(e);
+      const s = n.testId;
+      if (s)
+        return C(s);
+      const i = me();
+      if (i)
+        return C(i);
+      const r = o(S);
+      return r && typeof r == "string" && r.trim() ? I("modal", _e(r)) : t != null && t.uid ? `modal-${t.uid}` : "modal";
+    }), ge = u(() => I(h.value, "footer")), be = u(() => I(h.value, "body"));
+    ye("modalIdContext", h);
+    const m = Ce({
+      setModalProps: a.setState,
+      emitVisible: void 0,
+      redoModalHeight: () => {
+        Be(() => {
+          o(f) && o(f).setModalHeight();
+        });
+      },
+      scrollToBottom: () => {
+        var e;
+        o(f) && ((e = o(f)) == null || e.onScrollBottom());
+      }
+    });
+    return t && v("register", m, `${t == null ? void 0 : t.uid}`), Pe(() => {
+      const e = O(d, ["onVisibleChange", "onClosed", "onOk"]);
+      a.mount(
+        {
+          ...e,
+          onClosed: e.onClosed || d.onCancel || d.onClose
+        },
+        m
+      );
+    }), $e(() => {
+      t != null && t.uid && W(t.uid);
+    }), q({
+      modalApi: a
+    }), (e, s) => {
+      var i;
+      return Ie((Me(), Oe("div", {
+        "aria-tt-id": `tt-id-${(i = o(t)) == null ? void 0 : i.uid}`,
+        "data-testid": h.value
+      }, [
+        k(o(Re), j(ce.value, {
+          class: ["tt-ui-modal", o(K)],
+          "before-close": o(a).onClosed,
+          "close-icon": () => Se(o(Ve), {
+            size: 16,
+            icon: o(Ge),
+            isCustomSvg: !0
+          })
+        }), y({
+          default: c(() => [
+            k(He, {
+              ref_key: "modalWrapperRef",
+              ref: f,
+              "is-bottom": o(V),
+              height: o(ie),
+              loading: o(D),
+              "loading-tip": o(le),
+              class: we({ "pb-2!": !o(z) }),
+              "data-testid": be.value,
+              onIsScroll: pe
+            }, {
+              default: c(() => [
+                p(e.$slots, "default")
+              ]),
+              _: 3
+            }, 8, ["is-bottom", "height", "loading", "loading-tip", "class", "data-testid"])
+          ]),
+          _: 2
+        }, [
+          e.$slots.header ? {
+            name: "header",
+            fn: c(() => [
+              p(e.$slots, "header")
+            ]),
+            key: "1"
+          } : {
+            name: "header",
+            fn: c(() => [
+              k(Ee, {
+                title: o(S),
+                onMousedown: fe
+              }, y({
+                titleToolbar: c(() => [
+                  p(e.$slots, "titleToolbar")
+                ]),
+                _: 2
+              }, [
+                B(Object.keys(e.$slots), (r) => ({
+                  name: r,
+                  fn: c((l) => [
+                    p(e.$slots, r, P($(l || {})))
+                  ])
+                }))
+              ]), 1032, ["title"])
+            ]),
+            key: "0"
+          },
+          o(U).footer || o(z) ? {
+            name: "footer",
+            fn: c(() => [
+              p(e.$slots, "footer", {}, () => [
+                Fe("div", { "data-testid": ge.value }, [
+                  k(je, j(ue.value, {
+                    class: "footer",
+                    style: { borderTop: M.value ? "1px solid var(--tt-modal-footer-border-color)" : "none" },
+                    "ok-button-props": {
+                      ...o(b),
+                      disabledTip: A.value[1],
+                      disabled: A.value[0]
+                    },
+                    onFooterok: o(a).onOk,
+                    onCancel: o(a).onClosed
+                  }), y({ _: 2 }, [
+                    B(Object.keys(
+                      o(O)(e.$slots, ["beforeFooter", "insertFooter", "centerFooter", "appendFooter"])
+                    ), (r) => ({
+                      name: r,
+                      fn: c((l) => [
+                        p(e.$slots, r, P($({ ...l || {} })))
+                      ])
+                    }))
+                  ]), 1040, ["style", "ok-button-props", "onFooterok", "onCancel"])
+                ], 8, Ue)
+              ])
+            ]),
+            key: "2"
+          } : void 0,
+          B(Object.keys(
+            o(H)(e.$slots, [
+              "default",
+              "titleToolbar",
+              "header",
+              "footer",
+              "beforeFooter",
+              "insertFooter",
+              "centerFooter",
+              "appendFooter"
+            ])
+          ), (r) => ({
+            name: r,
+            fn: c((l) => [
+              p(e.$slots, r, P($(l || {})))
+            ])
+          }))
+        ]), 1040, ["class", "before-close", "close-icon"])
+      ], 8, Ke)), [
+        [o(Le), {
+          draggable: o(Y),
+          fullscreen: o(J),
+          resizer: o(Q),
+          resizeChange: o(d).resizeChange
+        }]
+      ]);
+    };
+  }
+});
+export {
+  uo as default
+};

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

@@ -0,0 +1,5 @@
+import o from "./RenderModal.vue.js";
+/* empty css                 */
+export {
+  o as default
+};

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

@@ -0,0 +1,7 @@
+import o from "./ModalFooter.vue2.js";
+/* empty css                 */
+import a from "../../../../_virtual/_plugin-vue_export-helper.js";
+const p = /* @__PURE__ */ a(o, [["__scopeId", "data-v-a36a5c1a"]]);
+export {
+  p as default
+};

package/dist/components/tt-modal/src/components/ModalFooter.vue2.js

@@ -0,0 +1,74 @@
+import { defineComponent as h, inject as v, computed as r, unref as t, createElementBlock as b, openBlock as n, createElementVNode as F, createVNode as P, renderSlot as o, withCtx as a, createBlock as s, createCommentVNode as l, mergeProps as d, withModifiers as c, createTextVNode as p, toDisplayString as m } from "vue";
+import { TtButton as u } from "../../../tt-button/index.js";
+import { generateTestId as f } from "@dazhicheng/utils";
+import { ElSpace as w } from "element-plus";
+import { pick as y } from "lodash-es";
+import { basicProps as I } from "../props.js";
+const $ = { class: "flex" }, L = { class: "flex-1" }, D = /* @__PURE__ */ h({
+  name: "TtModalFooter",
+  __name: "ModalFooter",
+  props: y(I, [
+    "showCancelBtn",
+    "okText",
+    "cancelText",
+    "okButtonProps",
+    "cancelButtonProps",
+    "confirmLoading",
+    "cancelLoading",
+    "showOkBtn"
+  ]),
+  emits: ["cancel"],
+  setup(N, { emit: k }) {
+    const B = k, i = v("modalIdContext", ""), T = r(() => f(t(i), "btn-confirm")), g = r(() => f(t(i), "btn-cancel"));
+    function C(e) {
+      B("cancel", e);
+    }
+    return (e, V) => (n(), b("div", $, [
+      F("div", L, [
+        o(e.$slots, "beforeFooter", {}, void 0, !0)
+      ]),
+      P(t(w), {
+        size: 12,
+        class: "flex items-center justify-end"
+      }, {
+        default: a(() => [
+          o(e.$slots, "insertFooter", {}, void 0, !0),
+          e.showCancelBtn ? (n(), s(t(u), d({
+            key: 0,
+            loading: e.cancelLoading
+          }, e.cancelButtonProps, {
+            title: e.cancelText,
+            "data-testid": g.value,
+            onClick: c(C, ["stop"])
+          }), {
+            default: a(() => [
+              p(m(e.cancelText), 1)
+            ]),
+            _: 1
+          }, 16, ["loading", "title", "data-testid"])) : l("", !0),
+          o(e.$slots, "centerFooter", {}, void 0, !0),
+          e.showOkBtn ? (n(), s(t(u), d({
+            key: 1,
+            "disabled-tip": e.okButtonProps.disabledTip,
+            type: "primary"
+          }, e.okButtonProps, {
+            loading: e.confirmLoading,
+            title: e.okText,
+            "data-testid": T.value,
+            onClick: c(e.$attrs.onFooterok, ["stop"])
+          }), {
+            default: a(() => [
+              p(m(e.okText), 1)
+            ]),
+            _: 1
+          }, 16, ["disabled-tip", "loading", "title", "data-testid", "onClick"])) : l("", !0),
+          o(e.$slots, "appendFooter", {}, void 0, !0)
+        ]),
+        _: 3
+      })
+    ]));
+  }
+});
+export {
+  D as default
+};

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

@@ -0,0 +1,7 @@
+import o from "./ModalHeader.vue2.js";
+/* empty css                 */
+import r from "../../../../_virtual/_plugin-vue_export-helper.js";
+const e = /* @__PURE__ */ r(o, [["__scopeId", "data-v-79fd9031"]]);
+export {
+  e as default
+};

package/dist/components/tt-modal/src/components/ModalHeader.vue2.js

@@ -0,0 +1,22 @@
+import { defineComponent as s, createElementBlock as l, openBlock as a, normalizeClass as n, unref as i, createTextVNode as p, renderSlot as t, toDisplayString as d } from "vue";
+import { propTypes as m, useDesign as c } from "@dazhicheng/hooks";
+const v = /* @__PURE__ */ s({
+  __name: "ModalHeader",
+  props: {
+    /** 标题 */
+    title: m.string
+  },
+  setup(o) {
+    const { prefixCls: r } = c("modal-header");
+    return (e, u) => (a(), l("div", {
+      class: n(i(r))
+    }, [
+      p(d(e.$slots.title ? "" : o.title) + " ", 1),
+      t(e.$slots, "titleToolbar", {}, void 0, !0),
+      t(e.$slots, "appendHeader", {}, void 0, !0)
+    ], 2));
+  }
+});
+export {
+  v as default
+};

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

@@ -0,0 +1,48 @@
+import { defineComponent as d, ref as s, computed as g, watch as x, unref as o, onMounted as w, nextTick as v, withDirectives as S, createElementBlock as _, openBlock as k, normalizeClass as y, normalizeStyle as B, renderSlot as C } from "vue";
+import { useDesign as H, useIsScroll as T } from "@dazhicheng/hooks";
+import { vLoading as $ } from "element-plus";
+import { basicProps as b } from "../props.js";
+const E = /* @__PURE__ */ d({
+  name: "TtWrapper",
+  __name: "ModalWrapper",
+  props: b,
+  emits: ["is-scroll"],
+  setup(n, { expose: i, emit: l }) {
+    const t = n, p = l, a = s(window.innerHeight * 0.7), { prefixCls: c } = H("modal-wrapper"), e = s(), m = g(() => ({
+      // minHeight: `${props.minHeight}px`,
+      maxHeight: t.isBottom ? "calc(100vh - 60px - 44px - 33px)" : `${t.height || a.value}px`,
+      height: t.height > 0 ? `${t.height}px !important` : "auto"
+      // overflow: 'auto',
+      // padding: '12px 16px',
+    }));
+    function f() {
+      o(e) && o(e).scrollTo(0, 1e6);
+    }
+    const { hasScrollbar: h, update: u } = T();
+    return x(
+      () => o(h),
+      (r) => {
+        p("is-scroll", r);
+      }
+    ), w(() => {
+      v(() => {
+        u(e);
+      });
+    }), i({
+      onScrollBottom: f,
+      elm: e
+    }), (r, z) => S((k(), _("div", {
+      ref_key: "wrapperRef",
+      ref: e,
+      style: B(m.value),
+      class: y([o(c)])
+    }, [
+      C(r.$slots, "default")
+    ], 6)), [
+      [o($), r.loading]
+    ]);
+  }
+});
+export {
+  E as default
+};

package/dist/components/tt-modal/src/components/ModalWrapper.vue2.js

@@ -0,0 +1,4 @@
+import f from "./ModalWrapper.vue.js";
+export {
+  f as default
+};

package/dist/components/tt-modal/src/hooks/useModalRender.js

@@ -0,0 +1,131 @@
+import { useStore as y } from "@tanstack/vue-store";
+import { reactive as x, ref as T, defineComponent as p, provide as _, nextTick as v, h as u, inject as S, onMounted as g, watch as k, render as h } from "vue";
+import { RouterView as E } from "vue-router";
+import O from "../RenderModal.vue.js";
+/* empty css                  */
+import { ModalApi as b } from "../utils/modal-api.js";
+const P = Symbol("Tt_MODAL_INJECT"), R = {};
+function D(r = {}, a = P) {
+  var l;
+  const { connectedComponent: d } = r;
+  if (d) {
+    const t = x({}), o = T(!0);
+    return [p(
+      (m, { attrs: A, slots: C }) => (_(a, {
+        extendApi(w) {
+          Object.setPrototypeOf(t, w);
+        },
+        options: r,
+        async reCreateModal() {
+          o.value = !1, await v(), o.value = !0;
+        }
+      }), V(t, {
+        ...m,
+        ...A,
+        ...C
+      }), () => u(
+        o.value ? d : "div",
+        {
+          ...m,
+          ...A
+        },
+        C
+      )),
+      {
+        name: "TtModal",
+        inheritAttrs: !1
+      }
+    ), t];
+  }
+  const n = S(a, {}), e = {
+    ...R,
+    ...n.options,
+    ...r
+  };
+  e.onVisibleChange = (t) => {
+    var o, c, m;
+    (o = r.onVisibleChange) == null || o.call(r, t), (m = (c = n.options) == null ? void 0 : c.onVisibleChange) == null || m.call(c, t);
+  };
+  const s = e.onClosed;
+  e.onClosed = () => {
+    var t;
+    s == null || s(), e.destroyOnClose && ((t = n.reCreateDrawer) == null || t.call(n));
+  };
+  const f = new b(e), i = f;
+  i.useStore = (t) => y(f.store, t);
+  const M = p(
+    (t, { attrs: o, slots: c }) => () => u(
+      O,
+      {
+        ...t,
+        ...o,
+        modalApi: i
+      },
+      c
+    ),
+    {
+      name: "TtModal",
+      inheritAttrs: !1
+    }
+  );
+  return (l = n.extendApi) == null || l.call(n, i), [M, i];
+}
+function F(r, a, d) {
+  const n = new b(d), e = n;
+  e.useStore = (l) => y(n.store, l);
+  const s = document.createElement("div");
+  document.body.appendChild(s);
+  const f = p(
+    (l, { slots: t }) => (g(() => {
+      d && e.setModalProps(d), e.openModal();
+    }), k(
+      () => {
+        var o;
+        return (o = e.getVisible) == null ? void 0 : o.value;
+      },
+      (o) => {
+        o || (h(null, s), s.remove());
+      }
+    ), () => u(
+      O,
+      {
+        ...l,
+        modalApi: e
+      },
+      t
+    )),
+    {
+      name: "TtModal",
+      inheritAttrs: !1
+    }
+  ), i = u(a, {}), M = u(
+    E,
+    {},
+    () => u(
+      f,
+      {
+        ...d
+      },
+      {
+        default: () => i
+      }
+    )
+  );
+  return M.appContext = r._context, h(M, s), e;
+}
+async function V(r, a) {
+  var e;
+  if (!a || Object.keys(a).length === 0)
+    return;
+  await v();
+  const d = (e = r == null ? void 0 : r.store) == null ? void 0 : e.state;
+  if (!d)
+    return;
+  const n = new Set(Object.keys(d));
+  for (const s of Object.keys(a))
+    n.has(s) && ["class"].includes(s);
+}
+export {
+  F as showTtModal,
+  D as useModalRender
+};

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

@@ -0,0 +1,17 @@
+import { inject as s } from "vue";
+import { showTtModal as M } from "./hooks/useModalRender.js";
+const t = Symbol("SHOW_MODAL");
+function a(o) {
+  const r = (n, e) => M(o, n, e);
+  o.provide(t, r);
+}
+function i() {
+  const o = s(t);
+  if (!o)
+    throw new Error("[TtModal]: useShowModal() 需要先调用 setupModal(app) 进行注册");
+  return o;
+}
+export {
+  a as setupModal,
+  i as useShowModal
+};