@dazhicheng/ui 1.5.199 → 1.5.202

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

@@ -0,0 +1,75 @@
+import { propTypes as e } from "@dazhicheng/hooks";
+import { GlobalConfig as t } from "../../../hooks/useSetup.js";
+const o = {
+  /** 测试标识 */
+  testId: e.string,
+  /** 是否显示 */
+  visible: { type: Boolean },
+  /** 标题 */
+  title: e.string.def(""),
+  /** 取消按钮文本 */
+  cancelText: { type: String, default: "取消" },
+  /** 确定按钮文本 */
+  okText: { type: String, default: "确定" },
+  /** 最小高度 */
+  minHeight: e.number.def(192),
+  /** 高度 */
+  height: e.number,
+  /** 是否滚动到顶 */
+  scrollTop: { type: Boolean, default: !0 },
+  /** 取消前的函数 */
+  closeFunc: Function,
+  /** 是否允许拖拽 */
+  draggable: { type: Boolean, default: !0 },
+  /** 是否允许放大 */
+  fullscreen: { type: Boolean, default: !1 },
+  /** 是否允许自定义大小 */
+  resizer: { type: Boolean, default: !1 }
+}, n = Object.assign({}, o, {
+  /** 弹窗的loading */
+  loading: { type: Boolean, default: !1 },
+  /** 弹窗的loading提示 */
+  loadingTip: { type: String },
+  /** 是否显示footer */
+  showFooter: { type: Boolean, default: !0 },
+  /** 是否显示取消按钮 */
+  showCancelBtn: { type: Boolean, default: !0 },
+  /** 是否显示确定按钮 */
+  showOkBtn: { type: Boolean, default: !0 },
+  /** 是否显示确定按钮loading */
+  confirmLoading: { type: Boolean },
+  /** 是否显示取消按钮loading */
+  cancelLoading: { type: Boolean },
+  /** 宽度 */
+  width: [String, Number],
+  /** 弹窗距离顶部的距离需要带px单位 */
+  top: { type: String },
+  /** 弹大小 */
+  size: {
+    type: String,
+    default: "small"
+  },
+  /** 确定按钮的样式 */
+  okButtonProps: {
+    type: Object,
+    default: {
+      type: "primary"
+    }
+  },
+  /** 取消按钮的样式 */
+  cancelButtonProps: {
+    type: Object,
+    default: {}
+  },
+  /** 是否贴住底部 */
+  isBottom: { type: Boolean, default: !1 },
+  /** 是否显示modal */
+  modal: {
+    type: Boolean,
+    default: () => t.showMask
+  }
+});
+export {
+  n as basicProps,
+  o as modalProps
+};

package/dist/components/tt-modal/src/utils/modal-api.js

@@ -0,0 +1,200 @@
+var v = Object.defineProperty;
+var b = (o, t, e) => t in o ? v(o, t, { enumerable: !0, configurable: !0, writable: !0, value: e }) : o[t] = e;
+var i = (o, t, e) => b(o, typeof t != "symbol" ? t + "" : t, e);
+import { mergeWithArrayOverride as u, bindMethods as S, isElement as w, isFunction as n } from "@dazhicheng/utils";
+import { Store as C } from "@tanstack/vue-store";
+import { useDebounceFn as k } from "@vueuse/core";
+import { computed as y } from "vue";
+import { GlobalConfig as D } from "../../../../hooks/useSetup.js";
+class x {
+  /** 构造函数，初始化弹窗的API接口和状态 */
+  constructor(t = {}) {
+    /** 共享数据对象，用于在组件间传递数据 */
+    i(this, "sharedData", {
+      payload: {}
+    });
+    /** 状态存储对象，使用Store管理弹窗的各种状态 */
+    i(this, "store");
+    /** 弹窗的API接口，用于处理外部事件 */
+    i(this, "api");
+    /** 弹窗的当前状态，使用Partial<ModalRenderState>类型 */
+    i(this, "state");
+    /** 弹窗的实例方法，用于处理弹窗的各种操作 */
+    i(this, "methods");
+    /**
+     * 确认操作
+     */
+    i(this, "onOk", k(async () => {
+      var t, e;
+      try {
+        this.changeOkLoading(!0), this.api.onOk && await ((e = (t = this.api).onOk) == null ? void 0 : e.call(t));
+      } catch (s) {
+        throw new Error(s);
+      } finally {
+        this.changeOkLoading(!1);
+      }
+    }, 100));
+    /**
+     * 获取弹窗的可见状态
+     * @returns 弹窗的可见状态
+     */
+    i(this, "getVisible", y(() => this.state.visible));
+    const {
+      connectedComponent: e,
+      onVisibleChange: s,
+      onClose: a,
+      onClosed: r,
+      onOk: f,
+      onReceiveSharedData: m,
+      ...g
+    } = t, p = {
+      visible: !1,
+      title: "",
+      cancelText: "取消",
+      okText: "确定",
+      minHeight: 192,
+      height: void 0,
+      scrollTop: !0,
+      closeFunc: void 0,
+      draggable: !0,
+      fullscreen: !1,
+      resizer: !1,
+      loading: !1,
+      loadingTip: "",
+      showFooter: !0,
+      showCancelBtn: !0,
+      showOkBtn: !0,
+      confirmLoading: !1,
+      cancelLoading: !1,
+      width: void 0,
+      top: void 0,
+      size: "small",
+      okButtonProps: {
+        type: "primary"
+      },
+      cancelButtonProps: {},
+      isBottom: !1,
+      resizeChange: void 0,
+      modal: D.showMask
+    };
+    this.store = new C(u(g, p), {
+      onUpdate: () => {
+        var h, c, d;
+        const l = this.store.state;
+        this.state = l, l.visible !== ((h = this.state) == null ? void 0 : h.visible) && ((d = (c = this.api).onVisibleChange) == null || d.call(c, !!l.visible));
+      }
+    }), this.state = this.store.state, this.api = { onVisibleChange: s, onClose: a, onClosed: r, onOk: f, onReceiveSharedData: m }, S(this);
+  }
+  /**
+   * 挂载弹窗实例和API接口
+   * @param api - 外部传入的API接口
+   * @param methods - 外部传入的实例方法
+   */
+  mount(t, e) {
+    this.api = u(t, this.api), this.methods = e;
+  }
+  /**
+   * 关闭弹窗
+   */
+  async close() {
+    var a, r;
+    const t = document.querySelector('.viewer-container[aria-modal="true"]');
+    if (w(t))
+      return;
+    const { closeFunc: e } = this.state;
+    let s = !0;
+    e && n(e) && (s = await e()), this.setState({ visible: !s }), (r = (a = this.api).onClosed) == null || r.call(a);
+  }
+  /**
+   * 取消操作
+   */
+  onClosed() {
+    var t, e;
+    this.api.onClose ? (e = (t = this.api).onClose) == null || e.call(t) : this.close();
+  }
+  /**
+   * 获取共享数据
+   * @returns 共享数据对象
+   */
+  getData() {
+    var t;
+    return ((t = this.sharedData) == null ? void 0 : t.payload) ?? {};
+  }
+  /**
+   * 设置弹窗的状态
+   * @param stateOrFn - 状态对象或状态函数
+   * @returns 当前实例
+   */
+  setState(t) {
+    return n(t) ? this.store.setState(t) : this.store.setState((e) => ({ ...e, ...t })), this;
+  }
+  /**
+   * 打开弹窗
+   * @param visible - 是否可见
+   * @param data - 共享数据
+   */
+  openModal(t = !0, e) {
+    this.setState({ visible: t }), this.setData(e);
+  }
+  /**
+   * 设置弹窗的属性
+   * @param props - 属性对象
+   * @returns 当前实例
+   */
+  async setModalProps(t) {
+    if (this.setState(t), Reflect.has(t, "visible"))
+      if (!t.visible && this.state.closeFunc && n(this.state.closeFunc)) {
+        let e = !0;
+        e = await this.state.closeFunc(), this.setState({ visible: !e });
+      } else
+        this.setState({ visible: !t.visible });
+  }
+  /**
+   * 设置弹窗的加载状态
+   * @param loading - 是否加载中
+   * @returns 当前实例
+   */
+  changeLoading(t = !0) {
+    return this.setState({ loading: t });
+  }
+  /**
+   * 设置确认按钮的加载状态
+   * @param loading - 是否加载中
+   * @returns 当前实例
+   */
+  changeOkLoading(t = !0) {
+    return this.setState({ confirmLoading: t });
+  }
+  /**
+   * 设置共享数据
+   * @param payload - 共享数据
+   * @returns 当前实例
+   */
+  setData(t) {
+    var e, s;
+    return this.sharedData.payload = t, (s = (e = this.api).onReceiveSharedData) == null || s.call(e, t), this;
+  }
+  /**
+   * 关闭弹窗
+   */
+  closeModal() {
+    this.setState({ visible: !1 });
+  }
+  /**
+   * 重置弹窗高度
+   */
+  redoModalHeight() {
+    var t, e;
+    (e = (t = this.methods) == null ? void 0 : t.redoModalHeight) == null || e.call(t);
+  }
+  /**
+   * 滚动到底部
+   */
+  scrollToBottom() {
+    var t, e;
+    (e = (t = this.methods) == null ? void 0 : t.scrollToBottom) == null || e.call(t);
+  }
+}
+export {
+  x as ModalApi
+};

package/dist/components/tt-modal/src/utils/modal-stack.js

@@ -0,0 +1,28 @@
+const n = [];
+let r = !1;
+function u(e) {
+  if (!e || !(e instanceof HTMLElement)) return !1;
+  const t = e.tagName;
+  return !!(t === "INPUT" || t === "TEXTAREA" || t === "SELECT" || e.isContentEditable || e.closest(
+    ".el-select, .el-select-v2, .el-cascader, .el-date-editor, .el-time-picker, .el-color-picker, .el-input, .el-textarea, .el-autocomplete, .el-input-number, .el-mention"
+  ));
+}
+function i(e) {
+  if (e.key !== "Escape" && e.key !== "Esc" || n.length === 0) return;
+  const t = e.target ?? document.activeElement;
+  if (u(t))
+    return;
+  const o = n[n.length - 1];
+  o && (e.stopPropagation(), o.close());
+}
+function l(e) {
+  c(e.uid), n.push(e), !r && typeof document < "u" && (document.addEventListener("keydown", i), r = !0);
+}
+function c(e) {
+  const t = n.findIndex((o) => o.uid === e);
+  t !== -1 && n.splice(t, 1), n.length === 0 && r && typeof document < "u" && (document.removeEventListener("keydown", i), r = !1);
+}
+export {
+  l as pushModal,
+  c as removeModal
+};

package/dist/components/tt-modal-form/hooks/useModalFormSlot.js

@@ -0,0 +1,22 @@
+import { computed as l } from "vue";
+function u(o) {
+  const n = l(() => Object.keys(o).map((r) => r.startsWith("modal-") ? r : null).filter(Boolean));
+  function e(t) {
+    var r;
+    return t ? ((r = t == null ? void 0 : t.replace) == null ? void 0 : r.call(t, /modal-/, "")) ?? "" : "";
+  }
+  const a = l(() => Object.keys(o).map((r) => r.startsWith("form-") ? r : null).filter(Boolean));
+  function s(t) {
+    var r;
+    return t ? ((r = t == null ? void 0 : t.replace) == null ? void 0 : r.call(t, /form-/, "")) ?? "" : "";
+  }
+  return {
+    getFormSlotKeys: a,
+    getModalSlotKeys: n,
+    replaceModalSlotKey: e,
+    replaceFormSlotKey: s
+  };
+}
+export {
+  u as useModalFormSlot
+};

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

@@ -0,0 +1,201 @@
+import { defineComponent as G, useSlots as H, ref as K, computed as F, toValue as J, nextTick as y, watch as Q, createBlock as C, openBlock as M, unref as d, createSlots as B, withCtx as A, renderSlot as h, createVNode as W, renderList as P, normalizeProps as S, guardReactiveProps as b, createCommentVNode as X } from "vue";
+import { isFunction as c } from "@dazhicheng/utils";
+import { ElCheckbox as Y, ElMessage as V } from "element-plus";
+import "../tt-select/index.js";
+import "../tt-panel-select/index.js";
+import "../tt-upload/index.js";
+import "../tt-api-component/index.js";
+import "vee-validate";
+import { useForm as Z } from "../tt-form/src/useForm.js";
+import "zod";
+import { get as ee } from "lodash-es";
+import "dayjs";
+import "dayjs/plugin/timezone";
+import "@tanstack/vue-store";
+import "es-toolkit/compat";
+import "../tt-form/src/shared/zod-defaults.js";
+import "../tt-nav-anchor/index.js";
+import "@dazhicheng/hooks";
+import "../tt-icon/index.js";
+import "../tt-form/src/components/Slot.js";
+import "../tt-form-item-error-tooltip/index.js";
+import "@vueuse/core";
+/* empty css                                      */
+import "../tt-form/src/form/RenderContent.vue.js";
+import "../tt-form/src/form-render/FormFieldContact.js";
+/* empty css                                         */
+/* empty css                                      */
+import "../tt-modal/index.js";
+import { useModalFormSlot as oe } from "./hooks/useModalFormSlot.js";
+import { useModalRender as te } from "../tt-modal/src/hooks/useModalRender.js";
+const De = /* @__PURE__ */ G({
+  name: "TtModalForm",
+  __name: "index",
+  props: {
+    model: {},
+    addApi: {},
+    editApi: {},
+    infoApi: {},
+    infoApiBefore: {},
+    infoApiAfter: {},
+    saveApiBefore: {},
+    infoDataKey: {},
+    infoApiIdKey: { default: "id" },
+    infoApiParams: { default: () => ({}) },
+    apiParams: { default: () => ({}) },
+    formProps: { default: () => ({}) },
+    isContinuousChecked: { type: Boolean, default: !1 },
+    dataField: { default: "" },
+    modalProps: {},
+    getFormApi: {},
+    getModalApi: {},
+    checkedOptions: { default: () => ({}) }
+  },
+  emits: ["submit", "fetch", "getinfo"],
+  setup(I, { emit: O }) {
+    var k, w;
+    const o = I, m = O, D = H(), f = K(), s = K(!1), { getFormSlotKeys: L, getModalSlotKeys: E, replaceFormSlotKey: R, replaceModalSlotKey: _ } = oe(D), x = F(() => E.value.filter(Boolean)), T = F(() => L.value.filter(Boolean)), [$, l] = Z({
+      showDefaultActions: !1,
+      ...J(o.formProps)
+    }), [z, a] = te({
+      ...o.modalProps,
+      onReceiveSharedData: async (e) => {
+        if (!e) {
+          f.value = void 0;
+          return;
+        }
+        if (e.schemas && l.setState({ schema: e.schemas }), e != null && e.title && a.setModalProps({ title: e.title }), f.value = e[o.infoApiIdKey], e != null && e[o.infoApiIdKey]) {
+          const i = o.infoApi;
+          if (!c(i)) {
+            v(e);
+            return;
+          }
+          a.changeLoading(!0);
+          try {
+            const t = {
+              ...o.infoApiParams,
+              [o.infoApiIdKey]: e[o.infoApiIdKey]
+            }, n = c(o.infoApiBefore) ? await o.infoApiBefore(t) : t, r = await i(n), p = o.dataField ? ee(r, o.dataField) : r, u = c(o.infoApiAfter) ? await o.infoApiAfter(p) : p;
+            g(u), m("getinfo", u), await y(), await l.resetForm({ values: u });
+          } finally {
+            a.changeLoading(!1);
+          }
+        } else
+          v(e);
+      },
+      async onOk() {
+        await q();
+      }
+    });
+    function v(e) {
+      const i = e[o.infoDataKey || ""] || {};
+      g(i), y(() => {
+        l.resetForm({ values: i });
+      });
+    }
+    function g(e) {
+      const i = Object.keys(o.checkedOptions || {});
+      i.length && i.forEach((t) => {
+        var u;
+        const n = (u = o.checkedOptions) == null ? void 0 : u[t];
+        if (!Array.isArray(n) || n.length === 0)
+          return;
+        const [r, p] = n.length === 1 ? [n[0], n[0]] : n;
+        !r || !p || (e[t] = {
+          label: e[r],
+          value: e[p]
+        });
+      });
+    }
+    async function N() {
+      const e = await l.getValues(), { apiParams: i } = o;
+      let t = {
+        ...e,
+        ...i
+      };
+      return t = c(o.saveApiBefore) ? await o.saveApiBefore(t) : t, { reqParams: t, formValue: e };
+    }
+    async function j(e, i) {
+      const { editApi: t } = o;
+      !t || !c(t) || (e[o.infoApiIdKey] = f.value, await t(e, i.files), V.success("修改成功"), m("submit", {
+        ...e,
+        continuousChecked: s.value
+      }), a.closeModal());
+    }
+    async function U(e, i) {
+      const { addApi: t } = o;
+      !t || !c(t) || (await t(e, i.files), V.success("新增成功"), m("submit", {
+        ...e,
+        continuousChecked: s.value
+      }), (!s.value || !o.isContinuousChecked) && a.closeModal());
+    }
+    async function q() {
+      a.changeOkLoading(!0);
+      try {
+        const { valid: e } = await l.validate();
+        if (!e) return;
+        const { reqParams: i, formValue: t } = await N();
+        if (!i)
+          return;
+        const { addApi: n, editApi: r } = o;
+        if (!n && !r) {
+          m("submit", {
+            ...i,
+            [o.infoApiIdKey]: f.value,
+            continuousChecked: s.value
+          });
+          return;
+        }
+        f.value ? await j(i, t) : await U(i, t);
+      } finally {
+        a.changeOkLoading(!1);
+      }
+    }
+    return (k = o.getFormApi) == null || k.call(o, l), (w = o.getModalApi) == null || w.call(o, a), Q(
+      () => {
+        var e;
+        return (e = a.getVisible) == null ? void 0 : e.value;
+      },
+      async (e) => {
+        if (e) {
+          await y();
+          const i = await l.getValues();
+          m("fetch", i);
+        } else
+          s.value = !1;
+      }
+    ), (e, i) => (M(), C(d(z), null, B({
+      insertFooter: A(() => [
+        o.isContinuousChecked && !f.value ? (M(), C(d(Y), {
+          key: 0,
+          modelValue: s.value,
+          "onUpdate:modelValue": i[0] || (i[0] = (t) => s.value = t),
+          label: "连续添加",
+          size: "small"
+        }, null, 8, ["modelValue"])) : X("", !0)
+      ]),
+      default: A(() => [
+        h(e.$slots, "BasicMsgTop"),
+        W(d($), null, B({ _: 2 }, [
+          P(T.value, (t) => ({
+            name: d(R)(t),
+            fn: A((n) => [
+              h(e.$slots, t, S(b(n)))
+            ])
+          }))
+        ]), 1024)
+      ]),
+      _: 2
+    }, [
+      P(x.value, (t) => ({
+        name: d(_)(t),
+        fn: A((n) => [
+          h(e.$slots, t, S(b(n)))
+        ])
+      }))
+    ]), 1024));
+  }
+});
+export {
+  De as default
+};

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

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

package/dist/components/tt-modal-form/useModalForm.js

@@ -0,0 +1,30 @@
+import { ref as t, defineComponent as p, h as l } from "vue";
+import d from "./index.vue.js";
+function A(e) {
+  const r = t(), n = t();
+  function m(o) {
+    r.value = o;
+  }
+  function i(o) {
+    n.value = o;
+  }
+  return [p(
+    (o, { attrs: a, slots: f }) => () => l(
+      d,
+      {
+        ...e,
+        ...a,
+        getFormApi: m,
+        getModalApi: i
+      },
+      f
+    ),
+    {
+      name: "TtModalFormRender",
+      inheritAttrs: !1
+    }
+  ), { formApi: r, modalApi: n }];
+}
+export {
+  A as useModalForm
+};

package/dist/components/tt-nav-anchor/index.js

@@ -0,0 +1,8 @@
+import { withInstall as t } from "@dazhicheng/utils";
+import o from "./src/TtNavAnchor.vue.js";
+/* empty css                     */
+const i = t(o);
+export {
+  i as TtNavAnchor,
+  i as default
+};