@dazhicheng/ui 1.5.199 → 1.5.202

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

@@ -0,0 +1,191 @@
+var g = Object.defineProperty;
+var C = (o, t, e) => t in o ? g(o, t, { enumerable: !0, configurable: !0, writable: !0, value: e }) : o[t] = e;
+var i = (o, t, e) => C(o, typeof t != "symbol" ? t + "" : t, e);
+import { mergeWithArrayOverride as d, bindMethods as D, isElement as S, isFunction as m } from "@dazhicheng/utils";
+import { ElMessageBox as b } from "element-plus";
+import { GlobalConfig as v } from "../../../../hooks/useSetup.js";
+import { Store as y } from "@tanstack/vue-store";
+import { useDebounceFn as k } from "@vueuse/core";
+import { computed as x } from "vue";
+class E {
+  /** 构造函数，初始化抽屉的API接口和状态 */
+  constructor(t = {}) {
+    /** el-drawer 实例的引用 */
+    i(this, "drawerRef", null);
+    /** 共享数据对象，用于在组件间传递数据 */
+    i(this, "sharedData", {
+      payload: {}
+    });
+    /** 状态存储对象，使用Store管理抽屉的各种状态 */
+    i(this, "store");
+    /** 抽屉的API接口，用于处理外部事件 */
+    i(this, "api");
+    /** 抽屉的当前状态，使用Partial<TtDrawerProps>类型 */
+    i(this, "state");
+    /**
+     * 确认操作
+     */
+    i(this, "onOk", k(async () => {
+      var t, e;
+      try {
+        this.setDrawerProps({ confirmLoading: !0 }), this.api.onOk && await ((e = (t = this.api).onOk) == null ? void 0 : e.call(t));
+      } catch (s) {
+        throw new Error(s);
+      } finally {
+        this.setDrawerProps({ confirmLoading: !1 });
+      }
+    }, 100));
+    /**
+     * 获取抽屉的可见状态
+     * @returns 抽屉的可见状态
+     */
+    i(this, "getVisible", x(() => this.state.visible));
+    const {
+      connectedComponent: e,
+      onOk: s,
+      onClose: a,
+      onClosed: r,
+      onVisibleChange: n,
+      onReceiveSharedData: l,
+      ...c
+    } = t, w = {
+      confirmLoading: !1,
+      showCancelBtn: !0,
+      cancelButtonProps: {},
+      cancelText: "取消",
+      showOkBtn: !0,
+      okButtonProps: {
+        type: "primary"
+      },
+      okText: "确定",
+      showFooter: !0,
+      footerHeight: 50,
+      size: "30%",
+      title: "",
+      class: "",
+      loadingText: "数据加载中...",
+      visible: !1,
+      loading: !1,
+      maskClosable: !0,
+      destroyOnClose: !1,
+      closeFunc: void 0,
+      showConfirm: !1,
+      modal: v.showMask
+    };
+    this.store = new y(d(c, w), {
+      onUpdate: () => {
+        var f, p, u;
+        const h = this.store.state;
+        h.visible === ((f = this.state) == null ? void 0 : f.visible) ? this.state = h : (this.state = h, (u = (p = this.api).onVisibleChange) == null || u.call(p, h.visible || !1));
+      }
+    }), this.state = this.store.state, this.api = {
+      onOk: s,
+      onClose: a,
+      onClosed: r,
+      onVisibleChange: n,
+      onReceiveSharedData: l
+    }, D(this);
+  }
+  /**
+   * 关闭抽屉
+   * @description 关闭抽屉时会调用 closeFunc 钩子函数，如果 onBeforeClose 返回 false，则不关闭弹窗
+   */
+  async close() {
+    const t = document.querySelector('.viewer-container[aria-modal="true"]');
+    if (S(t))
+      return;
+    const { closeFunc: e, confirmContent: s } = this.state, a = async () => {
+      var n, l;
+      let r = !0;
+      e && m(e) && (r = await e()), this.setState((c) => ({ ...c, visible: !r })), (l = (n = this.api).onClosed) == null || l.call(n);
+    };
+    this.state.showConfirm ? b.confirm(s, "温馨提示", {
+      confirmButtonText: "确定",
+      cancelButtonText: "取消",
+      type: "warning"
+    }).then(() => {
+      a();
+    }) : a();
+  }
+  /**
+   * 挂载抽屉实例和API接口
+   * @param drawerRef - el-drawer 实例
+   * @param api - 外部传入的API接口
+   */
+  mount(t, e = {}) {
+    this.api = d(e, this.api), this.drawerRef = t;
+  }
+  /**
+   * 获取共享数据
+   * @returns 共享数据对象
+   */
+  getData() {
+    var t;
+    return ((t = this.sharedData) == null ? void 0 : t.payload) ?? {};
+  }
+  /**
+   * 取消操作
+   */
+  onClosed() {
+    var t, e;
+    this.api.onClose ? (e = (t = this.api).onClose) == null || e.call(t) : this.close();
+  }
+  /**
+   * 设置抽屉的状态
+   * @param stateOrFn - 状态对象或状态函数
+   * @returns 当前实例
+   */
+  setState(t) {
+    return m(t) ? this.store.setState(t) : this.store.setState((e) => ({ ...e, ...t })), this;
+  }
+  /**
+   * 设置抽屉的属性
+   * @param props - 属性对象
+   * @returns 当前实例
+   */
+  setDrawerProps(t) {
+    return this.setState(t);
+  }
+  /**
+   * 设置抽屉的加载状态
+   * @param loading - 是否加载中
+   * @returns 当前实例
+   */
+  changeLoading(t = !0) {
+    return this.setState({ loading: t });
+  }
+  /**
+   * 设置确认按钮的加载状态
+   * @param loading - 是否加载中
+   * @returns 当前实例
+   */
+  changeOkLoading(t = !0) {
+    return this.setState({ confirmLoading: t });
+  }
+  /**
+   * 打开抽屉
+   * @param visible - 是否可见
+   * @param data - 共享数据
+   */
+  openDrawer(t = !0, e) {
+    this.setState({ visible: t }), this.setData(e);
+  }
+  /**
+   * 设置共享数据
+   * @param payload - 共享数据
+   * @returns 当前实例
+   */
+  setData(t) {
+    var e, s;
+    return this.sharedData.payload = t, (s = (e = this.api).onReceiveSharedData) == null || s.call(e, t), this;
+  }
+  /**
+   * 关闭抽屉
+   */
+  closeDrawer() {
+    this.setState({ visible: !1 });
+  }
+}
+export {
+  E as DrawerApi
+};

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

@@ -0,0 +1,34 @@
+import { defineComponent as p, ref as g, createVNode as a, mergeProps as f, renderSlot as c } from "vue";
+import { withInstall as u } from "@dazhicheng/utils";
+import { emptyProps as y, ElEmpty as E, ElImage as d } from "element-plus";
+import { omit as l } from "lodash-es";
+import I from "../../assets/img/empty_images/no_data.png.js";
+const b = u(/* @__PURE__ */ p({
+  name: "TtEmpty",
+  props: y,
+  slots: Object,
+  setup(m, {
+    expose: i,
+    slots: e
+  }) {
+    const n = l(e, ["image"]), t = g(), r = m.image || e.image;
+    return i({
+      elemptyRef: t
+    }), () => a(E, f(m, {
+      image: r ? m.image : "",
+      ref: t
+    }), {
+      image: () => {
+        var o;
+        return r ? (o = e.image) == null ? void 0 : o.call(e) : c(e, "image", {}, () => [a(d, {
+          src: I
+        }, null)]);
+      },
+      ...n
+    });
+  }
+}));
+export {
+  b as TtEmpty,
+  b as default
+};

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

@@ -0,0 +1,59 @@
+import { isEmpty as o } from "@dazhicheng/utils";
+import { setupForm as i } from "./src/config.js";
+import { COMPONENT_MAP as J } from "./src/config.js";
+import { globalShareState as p } from "./src/shared/global-state.js";
+import "vue";
+import "@tanstack/vue-store";
+import "dayjs";
+import "dayjs/plugin/timezone";
+import "lodash-es";
+import "es-toolkit/compat";
+import "vee-validate";
+import * as M from "zod";
+import "./src/shared/zod-defaults.js";
+import "@dazhicheng/hooks";
+import "@vueuse/core";
+import "../tt-button/index.js";
+import "../tt-icon/index.js";
+/* empty css                                   */
+/* empty css                               */
+import "./src/components/Slot.js";
+import "../tt-form-item-error-tooltip/index.js";
+import "element-plus";
+/* empty css                             */
+import "./src/form/RenderContent.vue.js";
+import "@vee-validate/zod";
+import "../tt-text/index.js";
+import "./src/form-render/FormFieldContact.js";
+/* empty css                         */
+/* empty css              */
+import "../tt-nav-anchor/index.js";
+/* empty css                                */
+/* empty css                             */
+function D(t, m) {
+  i({
+    config: {
+      //  vue组件库默认都是 modelValue
+      baseModelPropName: "modelValue",
+      // 一些组件是 v-model:checked 或者 v-model:fileList
+      modelPropNameMap: {
+        ...m
+      }
+    },
+    defineRules: {
+      required: (r, e, n) => o(r) || typeof r == "string" && r.trim().length === 0 ? "请输入" : !0,
+      // 选择项目必填国际化适配
+      selectRequired: (r) => o(r) ? "请选择" : !0,
+      ...t
+    }
+  });
+}
+function G(t) {
+  p.setComponents({ ...t });
+}
+export {
+  J as COMPONENT_MAP,
+  G as addComponent,
+  D as setConfig,
+  M as z
+};

package/dist/components/tt-form/src/components/ExpandableArrow.vue2.js

@@ -0,0 +1,38 @@
+import { defineComponent as i, mergeModels as m, useModel as c, createElementBlock as d, openBlock as p, normalizeClass as u, unref as o, renderSlot as r, createElementVNode as n, createVNode as f } from "vue";
+import { clnm as v } from "@dazhicheng/utils";
+import x from "../../../../assets/svg/arrowLineDown.svg.js";
+import w from "../../../../assets/svg/arrowUp.svg.js";
+import { TtIcon as _ } from "../../../tt-icon/index.js";
+const V = { class: "ml-1 flex items-center cursor-pointer" }, E = { class: "tt-expandable-arrow__icon flex h-[20px] w-[20px] items-center justify-center rounded-full" }, b = /* @__PURE__ */ i({
+  __name: "ExpandableArrow",
+  props: /* @__PURE__ */ m({
+    class: {}
+  }, {
+    modelValue: { default: !1, type: Boolean },
+    modelModifiers: {}
+  }),
+  emits: ["update:modelValue"],
+  setup(l) {
+    const a = l, e = c(l, "modelValue");
+    return (t, s) => (p(), d("div", {
+      class: u(o(v)("flex items-center h-[28px]", a.class)),
+      onClick: s[0] || (s[0] = (h) => e.value = !e.value)
+    }, [
+      r(t.$slots, "default", { isExpanded: e.value }),
+      n("div", V, [
+        r(t.$slots, "icon", {}, () => [
+          n("div", E, [
+            f(o(_), {
+              icon: e.value ? o(x) : o(w),
+              size: 12,
+              "is-custom-svg": ""
+            }, null, 8, ["icon"])
+          ])
+        ])
+      ])
+    ], 2));
+  }
+});
+export {
+  b as default
+};

package/dist/components/tt-form/src/components/ExpandableArrow.vue3.js

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

package/dist/components/tt-form/src/components/FormActions.vue2.js

@@ -0,0 +1,177 @@
+import { defineComponent as O, useModel as _, useAttrs as E, computed as d, unref as o, ref as L, watch as M, onMounted as W, createElementBlock as C, openBlock as l, normalizeClass as I, createCommentVNode as u, renderSlot as f, createBlock as v, Fragment as x, resolveDynamicComponent as b, mergeProps as g, withCtx as k, createTextVNode as B, toDisplayString as R, toRaw as F, nextTick as H } from "vue";
+import { triggerWindowResize as U, clnm as q, isFunction as G } from "@dazhicheng/utils";
+import { TtButton as V } from "../../../tt-button/index.js";
+import { useDesign as J } from "@dazhicheng/hooks";
+import K from "./ExpandableArrow.vue2.js";
+/* empty css                    */
+import { injectFormProps as Q } from "../useFormContext.js";
+const ne = /* @__PURE__ */ O({
+  __name: "FormActions",
+  props: {
+    modelValue: { default: !1, type: Boolean },
+    modelModifiers: {}
+  },
+  emits: ["update:modelValue"],
+  setup(S, { expose: $ }) {
+    const [n, j] = Q(), c = _(S, "modelValue"), { prefixCls: A } = J("form-submit-btn"), D = E(), h = d(() => ({
+      content: "重置",
+      show: !0,
+      ...o(n).resetButtonOptions
+    })), i = d(() => ({
+      content: "查询",
+      show: !0,
+      ...o(n).submitButtonOptions
+    })), m = L(!1), T = d(() => o(n).showCollapseButton && m.value);
+    async function w(e) {
+      var r;
+      e == null || e.preventDefault(), e == null || e.stopPropagation();
+      const t = o(n);
+      if (!t.formApi)
+        return;
+      const { valid: a } = await t.formApi.validate();
+      if (!a)
+        return;
+      const s = F(await t.formApi.getValues()) ?? {};
+      await ((r = t.handleSubmit) == null ? void 0 : r.call(t, s));
+    }
+    async function P(e) {
+      var s, r;
+      e == null || e.preventDefault(), e == null || e.stopPropagation();
+      const t = o(n), a = F(await ((s = t.formApi) == null ? void 0 : s.getValues())) ?? {};
+      G(t.handleReset) ? await ((r = t.handleReset) == null ? void 0 : r.call(t, a)) : j.resetForm({}, { force: !0 });
+    }
+    function p() {
+      c.value = !0, m.value = !1;
+    }
+    async function z() {
+      if (!o(n).showCollapseButton) {
+        p();
+        return;
+      }
+      await H();
+      const e = D["wrapper-ref"];
+      if (!e) {
+        p();
+        return;
+      }
+      const t = Array.from(e.children);
+      if (t.length <= 1) {
+        p();
+        return;
+      }
+      let a = !1;
+      const s = /* @__PURE__ */ new Set();
+      if (c.value) {
+        for (const r of t)
+          if (r.getBoundingClientRect().top === 0) {
+            a = !0;
+            continue;
+          }
+        a ? m.value = !0 : p();
+      } else {
+        for (const r of t) {
+          const y = r.getBoundingClientRect();
+          y.top !== 0 && s.add(y.top);
+        }
+        s.size === 1 ? p() : m.value = !0;
+      }
+    }
+    M(
+      () => c.value,
+      () => {
+        o(n).collapseTriggerResize && U();
+      }
+    );
+    const N = d(() => {
+      const e = o(n), t = e.actionLayout || "rowEnd", a = e.actionPosition || "right", s = [
+        "flex",
+        "items-center",
+        "gap-3",
+        e.compact ? "pb-[8px]" : "pb-(--form-valid-error-nocompact-padding-bottom)",
+        e.layout === "vertical" ? "self-end" : "self-center",
+        e.layout === "inline" ? "" : "w-full",
+        e.actionWrapperClass
+      ];
+      switch (t) {
+        case "newLine": {
+          s.push("col-span-full");
+          break;
+        }
+        case "rowEnd": {
+          s.push("col-[-2/-1]");
+          break;
+        }
+      }
+      switch (a) {
+        case "center": {
+          s.push("justify-center");
+          break;
+        }
+        case "left": {
+          s.push("justify-start");
+          break;
+        }
+        default: {
+          s.push("justify-end");
+          break;
+        }
+      }
+      return s.join(" ");
+    });
+    return W(() => {
+      setTimeout(() => {
+        o(n).showCollapseButton && z();
+      }, 200);
+    }), $({
+      handleReset: P,
+      handleSubmit: w
+    }), (e, t) => (l(), C("div", {
+      class: I(o(q)(N.value))
+    }, [
+      o(n).actionButtonsReverse ? (l(), C(x, { key: 0 }, [
+        f(e.$slots, "submit-before"),
+        i.value.show ? (l(), v(b(o(V)), g({ key: 0 }, i.value, {
+          class: o(A),
+          type: "primary",
+          onClick: w
+        }), {
+          default: k(() => [
+            B(R(i.value.content), 1)
+          ]),
+          _: 1
+        }, 16, ["class"])) : u("", !0)
+      ], 64)) : u("", !0),
+      f(e.$slots, "reset-before"),
+      h.value.show ? (l(), v(b(o(V)), g({ key: 1 }, h.value, { onClick: P }), {
+        default: k(() => [
+          B(R(h.value.content), 1)
+        ]),
+        _: 1
+      }, 16)) : u("", !0),
+      o(n).actionButtonsReverse ? u("", !0) : (l(), C(x, { key: 2 }, [
+        f(e.$slots, "submit-before"),
+        i.value.show ? (l(), v(b(o(V)), g({
+          key: 0,
+          type: "primary",
+          class: o(A)
+        }, i.value, { onClick: w }), {
+          default: k(() => [
+            B(R(i.value.content), 1)
+          ]),
+          _: 1
+        }, 16, ["class"])) : u("", !0)
+      ], 64)),
+      f(e.$slots, "expand-before"),
+      T.value ? (l(), v(K, {
+        key: 3,
+        "model-value": c.value,
+        "onUpdate:modelValue": t[0] || (t[0] = (a) => c.value = a),
+        class: "ml-[-0.3em]"
+      }, null, 8, ["model-value"])) : u("", !0),
+      f(e.$slots, "expand-after")
+    ], 2));
+  }
+});
+export {
+  ne as default
+};

package/dist/components/tt-form/src/components/FormActions.vue3.js

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

package/dist/components/tt-form/src/components/FormElInput.vue.js

@@ -0,0 +1,80 @@
+import { defineComponent as g, useAttrs as C, useSlots as h, useTemplateRef as k, computed as s, createBlock as w, openBlock as y, unref as r, mergeProps as P, createSlots as T, renderList as A, withCtx as B, renderSlot as E, normalizeProps as I, guardReactiveProps as V } from "vue";
+import { ElInput as F } from "element-plus";
+const D = /* @__PURE__ */ g({
+  inheritAttrs: !1,
+  __name: "FormElInput",
+  props: {
+    form: {}
+  },
+  setup(L, { expose: a }) {
+    const u = C(), l = h(), t = k("inputRef"), i = s(() => {
+      var e;
+      return (e = t.value) == null ? void 0 : e.input;
+    }), c = s(() => {
+      var e;
+      return (e = t.value) == null ? void 0 : e.textarea;
+    }), p = s(() => {
+      var e;
+      return (e = t.value) == null ? void 0 : e.ref;
+    }), f = s(() => {
+      var e;
+      return (e = t.value) == null ? void 0 : e.textareaStyle;
+    }), m = s(() => {
+      var e;
+      return (e = t.value) == null ? void 0 : e.autosize;
+    }), v = s(() => {
+      var e;
+      return (e = t.value) == null ? void 0 : e.isComposing;
+    }), _ = s(() => {
+      var e;
+      return (e = t.value) == null ? void 0 : e.passwordVisible;
+    });
+    function x() {
+      var e;
+      (e = t.value) == null || e.focus();
+    }
+    function d() {
+      var e;
+      (e = t.value) == null || e.blur();
+    }
+    function z() {
+      var e;
+      (e = t.value) == null || e.select();
+    }
+    function R(e) {
+      var o;
+      (o = t.value) == null || o.clear(e);
+    }
+    function S() {
+      var e;
+      (e = t.value) == null || e.resizeTextarea();
+    }
+    return a({
+      input: i,
+      textarea: c,
+      ref: p,
+      textareaStyle: f,
+      autosize: m,
+      isComposing: v,
+      passwordVisible: _,
+      focus: x,
+      blur: d,
+      select: z,
+      clear: R,
+      resizeTextarea: S
+    }), (e, o) => (y(), w(r(F), P({
+      ref_key: "inputRef",
+      ref: t
+    }, r(u)), T({ _: 2 }, [
+      A(r(l), ($, n) => ({
+        name: n,
+        fn: B((b) => [
+          E(e.$slots, n, I(V(b || {})))
+        ])
+      }))
+    ]), 1040));
+  }
+});
+export {
+  D as default
+};

package/dist/components/tt-form/src/components/FormElInput.vue2.js

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

package/dist/components/tt-form/src/components/Slot.js

@@ -0,0 +1,28 @@
+import { defineComponent as g, Comment as i, mergeProps as d, cloneVNode as x, Fragment as P } from "vue";
+function l(n) {
+  return n ? n.flatMap((r) => r.type === P ? l(r.children) : [r]) : [];
+}
+const y = g({
+  name: "PrimitiveSlot",
+  inheritAttrs: !1,
+  setup(n, { attrs: r, slots: f }) {
+    return () => {
+      var a, c;
+      if (!f.default) return null;
+      const p = l(f.default()), o = p.findIndex((s) => s.type !== i);
+      if (o === -1) return p;
+      const e = p[o];
+      (a = e == null ? void 0 : e.props) == null || delete a.ref;
+      const u = e != null && e.props ? d(r, e == null ? void 0 : e.props) : r;
+      r.class && ((c = e == null ? void 0 : e.props) != null && c.class) && delete e.props.class;
+      const t = x(e, u);
+      for (const s in u)
+        s.startsWith("on") && (t.props || (t.props = {}), t.props[s] = u[s]);
+      return p.length === 1 ? t : (p[o] = t, p);
+    };
+  }
+});
+export {
+  y as Slot,
+  l as renderSlotFragments
+};

package/dist/components/tt-form/src/config.js

@@ -0,0 +1,57 @@
+import { ElColorPicker as d, ElCascader as f, ElUpload as u, ElTreeSelect as O, ElTimePicker as N, ElSwitch as P, ElSelectV2 as M, ElSelect as b, ElRadioGroup as C, ElRadio as _, ElInputNumber as T, ElDatePicker as k, ElCheckboxGroup as S, ElCheckboxButton as h, ElCheckbox as A } from "element-plus";
+import { TtSelect as L } from "../../tt-select/index.js";
+import { TtPanelSelect as R } from "../../tt-panel-select/index.js";
+import { TtUpload as y } from "../../tt-upload/index.js";
+import { TtApiComponent as D } from "../../tt-api-component/index.js";
+import { globalShareState as F } from "./shared/global-state.js";
+import { defineRule as I } from "vee-validate";
+import U from "./components/FormElInput.vue.js";
+const p = "modelValue", x = {}, V = {
+  TtSelect: L,
+  TtUpload: y,
+  ElCheckbox: A,
+  ElCheckboxButton: h,
+  ElCheckboxGroup: S,
+  ElDatePicker: k,
+  ElInput: U,
+  ElInputNumber: T,
+  ElRadio: _,
+  ElRadioGroup: C,
+  ElSelect: b,
+  ElSelectV2: M,
+  ElSwitch: P,
+  ElTimePicker: N,
+  ElTreeSelect: O,
+  ElUpload: u,
+  ElCascader: f,
+  ElColorPicker: d,
+  TtApiComponent: D,
+  TtPanelSelect: R
+}, c = {
+  ElUpload: "fileList"
+};
+function H(s) {
+  const { config: e, defineRules: l } = s, {
+    disabledOnChangeListener: a = !0,
+    disabledOnInputListener: i = !0,
+    emptyStateValue: E = void 0
+  } = e || {};
+  if (Object.assign(x, {
+    disabledOnChangeListener: a,
+    disabledOnInputListener: i,
+    emptyStateValue: E
+  }), l)
+    for (const o of Object.keys(l))
+      I(o, l[o]);
+  const n = (e == null ? void 0 : e.baseModelPropName) ?? p, r = e == null ? void 0 : e.modelPropNameMap, m = F.getComponents();
+  for (const o of Object.keys(m)) {
+    const t = o;
+    V[t] = m[o], n !== p && (c[t] = n), r && r[t] && (c[t] = r[t]);
+  }
+}
+export {
+  c as COMPONENT_BIND_EVENT_MAP,
+  V as COMPONENT_MAP,
+  x as DEFAULT_FORM_COMMON_CONFIG,
+  H as setupForm
+};