@dazhicheng/ui 1.5.198 → 1.5.201

package/dist/components/tt-drawer/src/components/DrawerFooter.vue3.js

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

package/dist/components/tt-drawer/src/components/DrawerHeader.vue.js

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

package/dist/components/tt-drawer/src/components/DrawerHeader.vue2.js

@@ -0,0 +1,21 @@
+import { defineComponent as n, createElementBlock as a, openBlock as s, normalizeClass as o, unref as l, createElementVNode as i, toDisplayString as p } from "vue";
+import { propTypes as m, useDesign as c } from "@dazhicheng/hooks";
+const _ = /* @__PURE__ */ n({
+  name: "DrawerHeader",
+  __name: "DrawerHeader",
+  props: {
+    /** 标题 */
+    title: m.string
+  },
+  setup(e) {
+    const { prefixCls: r } = c("drawer-header");
+    return (t, d) => (s(), a("div", {
+      class: o(l(r))
+    }, [
+      i("span", null, p(t.$slots.title ? "" : e.title), 1)
+    ], 2));
+  }
+});
+export {
+  _ as default
+};

package/dist/components/tt-drawer/src/hooks/useDrawerRender.js

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

package/dist/components/tt-drawer/src/hooks/useResizable.js

@@ -0,0 +1,98 @@
+import { ref as l, defineComponent as D, h as f, watch as M } from "vue";
+function Y(d, p, v) {
+  const o = l(!1), u = l(!1), a = l(0), n = l(0), e = l(), s = l();
+  function m(t) {
+    t.stopPropagation(), t.preventDefault(), o.value = !0;
+    const { clientX: i } = t;
+    if (!e.value) return;
+    const b = e.value.clientWidth, x = e.value.style.transition;
+    e.value.style.transition = "none", document.onmousemove = z, document.onmouseup = function() {
+      document.onmousemove = null, document.onmouseup = null, u.value = !1, o.value = !1, e.value && (e.value.style.transition = x);
+    };
+    function z(r) {
+      r.stopPropagation(), r.preventDefault();
+      const y = r.clientX - i;
+      n.value = b - y, n.value <= 20 ? n.value = 20 : n.value >= window.innerWidth && (n.value = window.innerWidth), a.value = r.clientY > window.innerHeight ? window.innerHeight : r.clientY, requestAnimationFrame(() => {
+        if (c(), o.value)
+          if (v)
+            v({
+              size: `${n.value}px`
+            });
+          else {
+            if (!e.value) return;
+            e.value.style.width = `${n.value}px`;
+          }
+      });
+    }
+  }
+  function w(t) {
+    u.value = !0, a.value = t.clientY, !o.value && (document.onmousemove = function(i) {
+      a.value = i.clientY > window.innerHeight ? window.innerHeight : i.clientY, requestAnimationFrame(() => {
+        c();
+      });
+    });
+  }
+  function h(t) {
+    o.value || (u.value = !1, document.onmousemove = null);
+  }
+  function c() {
+    s.value && (s.value.textContent = `width: ${n.value}px`);
+  }
+  const g = D(
+    () => () => f(
+      "div",
+      {
+        class: "drag-line",
+        onMouseover: w,
+        onMouseleave: h,
+        onMousedown: m,
+        style: {
+          position: "absolute",
+          top: "0",
+          left: "0",
+          width: "10px",
+          height: "100%",
+          cursor: "w-resize",
+          borderLeft: u.value ? "2px solid #2779ff" : "none"
+        }
+      },
+      [
+        f("div", {
+          class: "drag-line-tip",
+          style: {
+            position: "absolute",
+            top: `${a.value < 0 ? 0 : a.value}px`,
+            left: "0px",
+            background: "#2779ff",
+            color: "#fff",
+            display: u.value ? "block" : "none",
+            whiteSpace: "nowrap",
+            zIndex: "9999",
+            padding: "4px 5px"
+          }
+        })
+      ]
+    ),
+    {
+      inheritAttrs: !1,
+      name: "ResizableBar"
+    }
+  );
+  return M(
+    () => p.value,
+    (t) => {
+      t && setTimeout(() => {
+        var i;
+        e.value = document.querySelector(`#${d}`), e.value && (n.value = e.value.clientWidth, s.value = (i = e.value) == null ? void 0 : i.querySelector(".drag-line-tip"));
+      }, 200);
+    }
+  ), [
+    g,
+    {
+      isDragging: o
+    }
+  ];
+}
+export {
+  Y as useDrawerResizable
+};

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

@@ -0,0 +1,17 @@
+import { inject as n } from "vue";
+import { showTtDrawer as s } from "./hooks/useDrawerRender.js";
+const o = Symbol("SHOW_DRAWER");
+function i(r) {
+  const e = (t, w) => s(r, t, w);
+  r.provide(o, e);
+}
+function u() {
+  const r = n(o);
+  if (!r)
+    throw new Error("[TtDrawer]: useShowDrawer() 需要先调用 setupDrawer(app) 进行注册");
+  return r;
+}
+export {
+  i as setupDrawer,
+  u as useShowDrawer
+};

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

@@ -0,0 +1,72 @@
+import { propTypes as o } from "@dazhicheng/hooks";
+import { GlobalConfig as e } from "@dazhicheng-ui/hooks/useSetup";
+const t = {
+  /** 确定抽屉的loading */
+  confirmLoading: o.bool.def(!1),
+  /** 是否显示取消按钮 */
+  showCancelBtn: o.bool.def(!0),
+  /** 取消按钮的props */
+  cancelButtonProps: {
+    type: Object,
+    default: {}
+  },
+  /** 取消按钮的文本 */
+  cancelText: o.string.def("取消"),
+  /** 是否显示确定按钮 */
+  showOkBtn: o.bool.def(!0),
+  /** 确定按钮的props */
+  okButtonProps: {
+    type: Object,
+    default: {
+      type: "primary"
+    }
+  },
+  /** 确定按钮的文本 */
+  okText: o.string.def("确认"),
+  /** 确定按钮的类型 */
+  okType: o.string.def("primary"),
+  /** 是否显示footer */
+  showFooter: o.bool,
+  /** footer高度 */
+  footerHeight: {
+    type: [String, Number],
+    default: 44
+  },
+  height: o.string.def("56px"),
+  size: o.string.def("30%")
+}, r = {
+  /** class */
+  class: o.string.def(""),
+  /** 标题 */
+  title: o.string.def(""),
+  /** 测试标识 */
+  testId: o.string,
+  /** loading文本 */
+  loadingText: o.string,
+  /** 显示 */
+  visible: o.bool.def(!1),
+  /** 显示loading */
+  loading: o.bool.def(!1),
+  /** 是否点击遮罩关闭弹窗 */
+  maskClosable: o.bool.def(!0),
+  /** 是否关闭销毁组件 */
+  destroyOnClose: { type: Boolean },
+  /** 取消前事件 */
+  closeFunc: {
+    type: Function
+  },
+  /** 取消前是否显示确认弹窗 */
+  showConfirm: o.bool.def(!1),
+  /** 确认弹窗文本内容 */
+  confirmContent: o.string.def(e.confirmContent || ""),
+  /** 是否显示modal */
+  modal: {
+    type: Boolean,
+    default: () => e.showMask
+  },
+  ...t
+};
+export {
+  r as basicProps,
+  t as footerProps
+};

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 "@dazhicheng-ui/hooks/useSetup";
+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 "@dazhicheng-ui/assets/img/empty_images/no_data.png";
+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,65 @@
+import { isEmpty as o } from "@dazhicheng/utils";
+import { setupForm as i } from "./src/config.js";
+import { COMPONENT_MAP as X } 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 "@dazhicheng-ui/components/tt-button";
+import "@dazhicheng-ui/assets/svg/arrowLineDown.svg?raw";
+import "@dazhicheng-ui/assets/svg/arrowUp.svg?raw";
+import "@dazhicheng-ui/components/tt-icon";
+/* empty css                                   */
+/* empty css                               */
+import "./src/components/Slot.js";
+import "@dazhicheng-ui/components/tt-form-item-error-tooltip";
+import "@dazhicheng-ui/assets/img/FormItemWarning.jpeg?inline";
+import "element-plus";
+/* empty css                             */
+import "./src/form/RenderContent.vue.js";
+import "@vee-validate/zod";
+import "@dazhicheng-ui/assets/svg/help.svg?raw";
+import "@dazhicheng-ui/components/tt-text";
+import "./src/form-render/FormFieldContact.js";
+/* empty css                         */
+/* empty css              */
+import "@dazhicheng-ui/components/tt-nav-anchor";
+import "@dazhicheng-ui/assets/svg/arrowDown.svg?raw";
+import "@dazhicheng-ui/assets/svg/arrowSUp.svg?raw";
+/* empty css                                */
+/* empty css                             */
+function L(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 Q(t) {
+  p.setComponents({ ...t });
+}
+export {
+  X as COMPONENT_MAP,
+  Q as addComponent,
+  L 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 "@dazhicheng-ui/assets/svg/arrowLineDown.svg?raw";
+import w from "@dazhicheng-ui/assets/svg/arrowUp.svg?raw";
+import _ from "@dazhicheng-ui/components/tt-icon";
+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
+};