@dazhicheng/ui 1.5.199 → 1.5.202

package/dist/components/tt-table/src/TableForm.vue.js

@@ -0,0 +1,356 @@
+import { defineComponent as Me, useSlots as Ee, ref as Oe, computed as f, toValue as v, getCurrentInstance as Ae, unref as a, onMounted as U, watch as O, onUnmounted as _e, createElementBlock as q, openBlock as G, normalizeClass as B, createCommentVNode as ke, createElementVNode as Re, createVNode as A, renderSlot as g, createSlots as J, renderList as Q, withCtx as M, normalizeProps as X, guardReactiveProps as Y, mergeProps as Z, toHandlers as $e, nextTick as Be } from "vue";
+import "../../tt-button/index.js";
+import "../../tt-checkbox/index.js";
+import "../../tt-empty/index.js";
+import { extractResourceFromApi as Ve, generateTestId as _, kebabToCamelCase as Le, mergeWithArrayOverride as xe, isFunction as Ke } from "@dazhicheng/utils";
+import "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 je } from "../../tt-form/src/useForm.js";
+import "zod";
+import { omit as ze } from "lodash-es";
+import "dayjs";
+import "dayjs/plugin/timezone";
+import { useStore as De } from "@tanstack/vue-store";
+import "es-toolkit/compat";
+import "../../tt-form/src/shared/zod-defaults.js";
+import "../../tt-nav-anchor/index.js";
+import { useDesign as Ne, useDebounceFn as V } from "@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-image/index.js";
+import "../../tt-drawer/index.js";
+import "../../tt-modal/index.js";
+import "../../tt-text/index.js";
+import "../../../directives/disabled-tip/index.js";
+import { GlobalConfig as He } from "../../../hooks/useSetup.js";
+import "../../tt-log/index.js";
+/* empty css                            */
+/* empty css                                    */
+/* empty css                 */
+/* empty css                            */
+/* empty css                        */
+import "../../tt-loading/index.js";
+import "../index.js";
+import "vue-router";
+import "numeral";
+import We from "xe-utils";
+import Ue from "./components/TableColumnModal.vue2.js";
+/* empty css                                */
+import { provideFormActionTestIds as qe } from "./utils/context.js";
+import Ge from "./components/TableToobalTools.vue.js";
+import { basicTableEmits as ee } from "./emits.js";
+import Je from "./Table.vue.js";
+/* empty css           */
+import { createTableFormContext as Qe } from "./hooks/useTableContext.js";
+import { useTableForm as Xe } from "./hooks/useTableForm.js";
+import { useCustomColumns as Ye } from "./hooks/useCustomColumns.js";
+import { useTableSlot as Ze } from "./hooks/useTableSlot.js";
+import { tableFormProps as et } from "./props.js";
+import { getDefaultState as tt } from "./utils/table-api.js";
+import { TableFormApi as ot } from "./utils/table-form-api.js";
+const st = ["data-testid"], rt = ["data-testid"], co = /* @__PURE__ */ Me({
+  name: "TtTableForm",
+  __name: "TableForm",
+  props: et,
+  emits: [
+    "register",
+    "update:table-data",
+    "columns-setting",
+    "change-row-height",
+    "export",
+    "import",
+    "set-columns",
+    ...ee
+  ],
+  setup(te, { expose: oe, emit: se }) {
+    var N, H, W;
+    const p = te, T = se, L = Ee(), { prefixCls: k } = Ne("table-form"), w = Oe();
+    let t = p.tableFormApi;
+    if (!t) {
+      t = new ot(p);
+      const e = t;
+      e.useStore = (o) => De(t.store, o), t = e;
+    }
+    const R = (N = t == null ? void 0 : t.useStore) == null ? void 0 : N.call(t), C = f(() => {
+      var o;
+      if (p.testId) return p.testId;
+      const e = (o = v(R)) == null ? void 0 : o.table;
+      return e != null && e.api ? Ve(e.api) : "table";
+    }), re = f(() => _(C.value, "tableform")), ae = f(() => _(C.value, "search-form-header")), ie = f(() => _(C.value, "search-btn-query")), le = f(() => _(C.value, "search-btn-reset")), ne = f(() => ({
+      submit: ie.value,
+      reset: le.value
+    }));
+    qe(ne);
+    const x = {}, u = Ae(), S = f(() => v(R)), { getFormSlotKeysFunc: me, getTableSlotKeysFunc: pe, replaceTableSlotKey: ue, replaceFormSlotKey: ce } = Ze(), {
+      tableData: de,
+      getFormProps: $,
+      getTableProps: c,
+      getTableToolProps: be,
+      handleSearchInfoChange: K
+    } = Xe(
+      S,
+      t.tableApi.reload,
+      t.tableApi.getLoading,
+      t.tableApi.getPagination,
+      T
+    ), { run: fe } = V(
+      async () => {
+        const e = await s.getValues();
+        await s.resetForm(e, { force: !0 });
+        const o = await s.getValues();
+        s.setLatestSubmissionValues(o), (await (s == null ? void 0 : s.validate())).valid && K(o);
+      },
+      200,
+      { leading: !0 }
+    ), { run: ge } = V(
+      async (e) => {
+        await t.grid.clearFilter(), await K(e);
+      },
+      200,
+      { leading: !0 }
+    ), [he, s] = je({
+      ...v($),
+      handleSubmit: ge,
+      handleReset: fe,
+      submitOnEnter: !0,
+      submitButtonOptions: {
+        content: (H = He.form) == null ? void 0 : H.submitTitle
+      },
+      showCollapseButton: !0,
+      collapsed: !0,
+      collapseTriggerResize: !0
+    }), { initCustomSetting: Ce, saveColumns: Se } = Ye({
+      getTableProps: c,
+      tableMethods: t.tableApi,
+      getProps: S
+    }), j = async () => {
+      await Be(), t.tableApi && t.tableApi.redoHeight();
+    };
+    ee.forEach((e) => {
+      const o = We.camelCase(e);
+      x[o] = (...r) => T(e, ...r);
+    });
+    const ve = {
+      ...x
+    };
+    function Te(e) {
+      t.setState((o) => o.table ? (o.table.getSyncSlotComponent = p.table.getSyncSlotComponent, xe(
+        {
+          ...e,
+          table: {
+            ...tt(),
+            ...e.table
+          }
+        },
+        o
+      )) : {}), e.table && t.tableApi.setState(e.table), e.form && (s == null || s.setState(e.form));
+    }
+    const { run: we } = V(
+      async (e) => {
+        s.isMounted && a(S).useSearchForm ? s.validate().then(async (o) => {
+          if (o.valid) {
+            const r = await s.getValues();
+            await t.tableApi.reload({
+              ...e,
+              searchInfo: {
+                ...e == null ? void 0 : e.searchInfo,
+                ...r
+              }
+            });
+          }
+        }) : t.tableApi.reload({
+          ...e,
+          searchInfo: {
+            ...e == null ? void 0 : e.searchInfo
+          }
+        });
+      },
+      200,
+      { leading: !0 }
+    ), E = {
+      tableMethods: t.tableApi,
+      formMethods: s,
+      setTableProps: t.tableApi.setState,
+      setFormProps: s.setState,
+      setProps: Te,
+      reload: we,
+      selectedKeys: f(() => v(t.tableApi.selectedKeys))
+    };
+    async function ye() {
+      const { tableRefreshBefore: e } = S.value;
+      e && Ke(e) && await e(), E.reload();
+    }
+    async function Fe(e) {
+      var d, m;
+      const o = ((m = (d = S.value) == null ? void 0 : d.table) == null ? void 0 : m.columns) || [], r = new Map(o.map((n) => [n.field, n])), l = e.checkedModel.map((n) => r.get(n)).filter(Boolean);
+      if (e.isExport) {
+        T("export", e.checkedModel, e.modalApi);
+        return;
+      }
+      e.modalApi.setModalProps({
+        confirmLoading: !0
+      }), c.value.useHttpCache && await Se(JSON.stringify(e.checkedModel)), t.tableApi.setTableColumns(l), e.modalApi.setModalProps({
+        confirmLoading: !1
+      }), e.modalApi.closeModal(), T("set-columns", l);
+    }
+    function z(e = !1) {
+      var m, n, h, b, y, F, P, I;
+      const { notSetColumnField: o, columns: r } = a(c), l = (b = (h = (n = ((m = t.tableApi.getTableInstance()) == null ? void 0 : m.getTableColumn()) || []) == null ? void 0 : n.visibleColumn) == null ? void 0 : h.map((i) => i.field)) == null ? void 0 : b.filter(Boolean), d = ((F = (y = a(r)) == null ? void 0 : y.filter((i) => i.visible === !0 || i.visible === void 0)) == null ? void 0 : F.map((i) => i.field)) || [];
+      (P = w.value) == null || P.openModal({
+        columns: v(r) || [],
+        displayFields: e ? d : l,
+        disabledColumnField: o || []
+      }), (I = w.value) == null || I.setModalProps({
+        title: "列设置"
+      });
+    }
+    function D(e = !1) {
+      var m, n, h, b, y, F, P, I;
+      const { notSetColumnField: o, columns: r } = a(c), l = (b = (h = (n = ((m = t.tableApi.getTableInstance()) == null ? void 0 : m.getTableColumn()) || []) == null ? void 0 : n.visibleColumn) == null ? void 0 : h.map((i) => i.field)) == null ? void 0 : b.filter(Boolean), d = ((F = (y = a(r)) == null ? void 0 : y.filter((i) => i.visible === !0 || i.visible === void 0)) == null ? void 0 : F.map((i) => i.field)) || [];
+      (P = w.value) == null || P.openModal({
+        columns: v(r) || [],
+        displayFields: e ? d : l,
+        disabledColumnField: o || [],
+        isExport: !0
+      }), (I = w.value) == null || I.setModalProps({
+        title: "自定义导出"
+      });
+    }
+    Qe({ formInstance: s }), U(() => {
+      u && T("register", E, u == null ? void 0 : u.uid), setTimeout(() => {
+        Ce();
+      }, 16);
+    }), O(
+      () => t.tableApi.getLoading.value,
+      () => {
+        s && s.setState({
+          submitButtonOptions: { loading: t.tableApi.getLoading.value }
+        });
+      },
+      { immediate: (W = R.value.table) == null ? void 0 : W.immediate }
+    ), O(
+      () => $.value,
+      (e) => {
+        s && (s == null || s.setState(e));
+      },
+      { deep: !0 }
+    ), O(
+      () => c.value,
+      (e) => {
+        var o;
+        t != null && t.tableApi && ((o = t == null ? void 0 : t.tableApi) == null || o.setState(e));
+      },
+      { deep: !0 }
+    ), window.addEventListener("resize", j), U(() => {
+      t == null || t.mount(E, s), s == null || s.setState($.value);
+    });
+    function Pe(e) {
+      return Object.fromEntries(Object.entries(e).filter(([o]) => !o.startsWith("on")));
+    }
+    function Ie(e, o) {
+      return Object.fromEntries(Object.keys(e).map((r) => [r, o[r]]));
+    }
+    return O(
+      () => ze(p, ["tableFormApi"]),
+      () => {
+        var m;
+        const e = {}, o = ((m = u == null ? void 0 : u.vnode) == null ? void 0 : m.props) || {}, r = new Set(Object.keys(p));
+        for (const [n, h] of Object.entries(o)) {
+          const b = Le(n);
+          r.has(b) && (e[b] = h);
+        }
+        const l = Pe(e), d = Ie(l, p);
+        t.setState(d);
+      },
+      { deep: !0 }
+    ), _e(() => {
+      t == null || t.unmount(), window.removeEventListener("resize", j);
+    }), oe({ ...E, instance: u }), (e, o) => (G(), q("div", {
+      class: B(a(k)),
+      "data-testid": re.value
+    }, [
+      S.value.useSearchForm ? (G(), q("div", {
+        key: 0,
+        class: B(`${a(k)}-header`),
+        "data-testid": ae.value
+      }, [
+        A(a(he), {
+          "test-id": `${C.value}-search-form`
+        }, J({ _: 2 }, [
+          Q(a(me)(a(L)), (r) => ({
+            name: a(ce)(r),
+            fn: M((l) => [
+              g(e.$slots, r, X(Y(l || {})))
+            ])
+          }))
+        ]), 1032, ["test-id"]),
+        g(e.$slots, "header-down")
+      ], 10, rt)) : ke("", !0),
+      Re("div", {
+        class: B({
+          [`${a(k)}-wrapper`]: !0,
+          "pt-(--tt-base-padding)!": !0,
+          "pb-(--tt-base-padding)!": !a(c).showPager
+        })
+      }, [
+        g(e.$slots, "table-top"),
+        A(Je, Z(a(c), {
+          data: a(de),
+          "table-row-id": e.tableRowId,
+          "table-id": C.value,
+          "form-api": a(s),
+          "table-api": a(t).tableApi
+        }, $e(ve)), J({ _: 2 }, [
+          Q(a(pe)(a(L)), (r) => ({
+            name: a(ue)(r),
+            fn: M((l) => [
+              g(e.$slots, r, X(Y(l || {})))
+            ])
+          })),
+          a(c).showToolbar ? {
+            name: "toolbar_tools",
+            fn: M(() => [
+              A(Ge, Z(a(be), {
+                onOnRefresh: ye,
+                onOnExport: D,
+                onOnColumnsSetting: z
+              }), {
+                "toolbar-left": M(() => [
+                  g(e.$slots, "t-toolbar_tools-left")
+                ]),
+                "toolbar-right": M(() => [
+                  g(e.$slots, "t-toolbar_tools-right")
+                ]),
+                _: 3
+              }, 16),
+              g(e.$slots, "t-toolbar_tools")
+            ]),
+            key: "0"
+          } : void 0
+        ]), 1040, ["data", "table-row-id", "table-id", "form-api", "table-api"]),
+        g(e.$slots, "table-bottom")
+      ], 2),
+      A(Ue, {
+        ref_key: "tableColumnModalRef",
+        ref: w,
+        "open-export": D,
+        "open-column": z,
+        onOnSubmit: Fe
+      }, null, 512)
+    ], 10, st));
+  }
+});
+export {
+  co as default
+};

package/dist/components/tt-table/src/TableForm.vue2.js

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

package/dist/components/tt-table/src/componentMap.js

@@ -0,0 +1,4 @@
+const n = /* @__PURE__ */ new Map();
+export {
+  n as componentMap
+};

package/dist/components/tt-table/src/components/RowContext.js

@@ -0,0 +1,24 @@
+import { defineComponent as n, provide as t, computed as p } from "vue";
+const d = Symbol("rowIndex"), u = n({
+  name: "RowContext",
+  props: {
+    /** 当前行索引 */
+    rowIndex: {
+      type: Number,
+      required: !0
+    }
+  },
+  setup(r, { slots: e }) {
+    return t(
+      d,
+      p(() => r.rowIndex)
+    ), () => {
+      var o;
+      return (o = e.default) == null ? void 0 : o.call(e);
+    };
+  }
+});
+export {
+  d as ROW_INDEX_KEY,
+  u as RowContext
+};

package/dist/components/tt-table/src/components/TableAction.vue.js

@@ -0,0 +1,222 @@
+import { defineComponent as q, useAttrs as G, ref as x, inject as _, computed as a, unref as r, toRaw as S, h as J, createElementBlock as s, openBlock as i, normalizeClass as h, createVNode as k, createBlock as c, createCommentVNode as u, withCtx as p, Fragment as f, renderList as A, renderSlot as Q, withDirectives as F, mergeProps as Z, normalizeStyle as W, toDisplayString as E, createElementVNode as ee, withModifiers as te, createSlots as oe, createTextVNode as re } from "vue";
+import { propTypes as v, useDesign as ne } from "@dazhicheng/hooks";
+import { calcWordsWidth as le, isBoolean as ie, isFunction as se, generateTestId as M, toKebabCase as P, isArray as de, isObject as ae } from "@dazhicheng/utils";
+import { TtButton as C } from "../../../tt-button/index.js";
+import { TtIcon as I } from "../../../tt-icon/index.js";
+import R from "../../../../directives/disabled-tip/index.js";
+import { ElDivider as ue, ElSpace as pe, ElPopover as ce } from "element-plus";
+import fe from "../../../../assets/svg/action_more.svg.js";
+import { ROW_INDEX_KEY as me } from "./RowContext.js";
+const ve = { key: 1 }, be = ["onClick"], Be = /* @__PURE__ */ q({
+  name: "TtTableAction",
+  __name: "TableAction",
+  props: {
+    /** 操作项 */
+    actions: {
+      type: Array,
+      default: () => []
+    },
+    /** 当前行索引（从0开始，用于生成唯一 testid） */
+    rowIndex: {
+      type: Number,
+      default: void 0
+    },
+    /** vxe-table 插槽上下文对象（包含 $rowIndex 等参数） */
+    slotContext: {
+      type: Object,
+      default: void 0
+    },
+    /** 是否分割线 */
+    // divider: propTypes.bool.def(true),
+    /** 是否清除冒泡 */
+    stopButtonPropagation: v.bool.def(!1),
+    /** 显示buttton的个数 默认是2 */
+    showBtnNums: v.number.def(3),
+    /** 弹出框的宽度 */
+    popoverWidth: v.number.def(27),
+    /** 是否自动换行 */
+    wrap: v.bool.def(!0)
+  },
+  setup(T) {
+    const n = T, b = G(), { prefixCls: B } = ne("table-action"), m = x(!1), D = _(
+      "tableIdContext",
+      a(() => "")
+    ), j = _(me, void 0), z = a(() => {
+      if (n.rowIndex !== void 0 && n.rowIndex !== null)
+        return n.rowIndex;
+      const t = r(j);
+      if (t != null)
+        return t;
+      if (n.slotContext && n.slotContext.$rowIndex !== void 0)
+        return n.slotContext.$rowIndex;
+      if (b.$rowIndex !== void 0 && b.$rowIndex !== null)
+        return b.$rowIndex;
+    });
+    function y(t) {
+      const o = r(D), e = z.value;
+      return e != null ? M(o, "action", `row${e}`, P(t)) : M(o, "action", P(t));
+    }
+    function $(t) {
+      const o = t.ifShow;
+      let e = !0;
+      return ie(o) && (e = o), se(o) && (e = o(t)), e;
+    }
+    const V = a(() => (S(n.actions) || []).filter((t) => $(t)).slice(0, n.showBtnNums)), g = a(() => (S(n.actions) || []).filter((t) => $(t)).slice(n.showBtnNums)), O = a(() => r(g).length > 0), U = a(() => "left flex items-center"), K = a(() => {
+      const t = document.getElementsByTagName("body")[0], o = window.getComputedStyle(t).fontFamily, e = g.value.map((d) => le(d.label, "12px", o) + 22), l = Math.max(...e);
+      return l > n.popoverWidth ? l : n.popoverWidth;
+    });
+    function N(t, o) {
+      const e = t;
+      return de(e) && e.length > 0 ? e.some((l) => !!(l != null && l.condition)) : ae(e) ? !!e.condition : !!o;
+    }
+    function H(t) {
+      if (!n.stopButtonPropagation) return;
+      t.composedPath().find((l) => {
+        var d;
+        return ((d = l.tagName) == null ? void 0 : d.toUpperCase()) === "BUTTON";
+      }) && t.stopPropagation();
+    }
+    const L = J(ue, {
+      direction: "vertical",
+      style: { fontSize: "12px", margin: "0 6px" }
+    });
+    function X(t) {
+      m.value = !0, w.value = t.target && t.target.getBoundingClientRect();
+    }
+    const w = x({
+      top: 0,
+      left: 0,
+      bottom: 0,
+      right: 0
+    }), Y = x({
+      getBoundingClientRect() {
+        return w.value;
+      }
+    });
+    return (t, o) => (i(), s("div", {
+      class: h([r(B), U.value]),
+      onClick: H
+    }, [
+      k(r(pe), {
+        size: 0,
+        spacer: r(L),
+        wrap: T.wrap
+      }, {
+        default: p(() => [
+          (i(!0), s(f, null, A(V.value, (e, l) => (i(), s(f, {
+            key: `${l}-${e.label}`
+          }, [
+            e.slot ? Q(t.$slots, e.slot, Z({
+              key: 0,
+              ref_for: !0
+            }, e)) : F((i(), c(r(C), {
+              key: 1,
+              link: "",
+              type: e.type || "primary",
+              disabled: N(e.disabledTip, e.disabled),
+              style: W({ color: e.color, visibility: e.isTextHide ? "hidden" : "visible" }),
+              loading: e.loading,
+              "data-index": l,
+              "data-testid": y(e.label || ""),
+              onClick: e.onClick
+            }, {
+              default: p(() => [
+                e.iconFont ? (i(), s(f, { key: 0 }, [
+                  e.iconFont ? (i(), c(r(I), {
+                    key: 0,
+                    "icon-font": e.iconFont,
+                    class: h({ "mr-1": !!e.label })
+                  }, null, 8, ["icon-font", "class"])) : u("", !0)
+                ], 64)) : u("", !0),
+                e.label ? (i(), s("span", ve, E(e.label), 1)) : u("", !0)
+              ]),
+              _: 2
+            }, 1032, ["type", "disabled", "style", "loading", "data-index", "data-testid", "onClick"])), [
+              [r(R), e.disabledTip]
+            ])
+          ], 64))), 128)),
+          O.value ? (i(), c(r(C), {
+            key: 0,
+            link: "",
+            type: "primary",
+            "data-testid": y("more")
+          }, {
+            default: p(() => [
+              ee("span", {
+                onMouseover: te(X, ["stop"]),
+                onMouseleave: o[0] || (o[0] = (e) => m.value = !1)
+              }, [
+                k(r(I), {
+                  icon: r(fe),
+                  "is-custom-svg": "",
+                  size: 14
+                }, null, 8, ["icon"])
+              ], 32)
+            ]),
+            _: 1
+          }, 8, ["data-testid"])) : u("", !0)
+        ]),
+        _: 3
+      }, 8, ["spacer", "wrap"]),
+      w.value.left ? (i(), c(r(ce), {
+        key: 0,
+        visible: m.value,
+        "onUpdate:visible": o[1] || (o[1] = (e) => m.value = e),
+        trigger: "hover",
+        placement: "bottom",
+        width: K.value,
+        offset: 8,
+        "hide-after": 0,
+        "virtual-ref": Y.value,
+        "virtual-triggering": "",
+        "popper-class": `${r(B)}-popover-class`,
+        "popper-style": {
+          padding: "6px 0px",
+          minWidth: "60px"
+        }
+      }, {
+        default: p(() => [
+          (i(!0), s(f, null, A(g.value, (e, l) => (i(), s("div", {
+            key: `${l}-${e.label}`,
+            onClick: () => {
+              var d;
+              !e.disabled && ((d = e.onClick) == null || d.call(e));
+            }
+          }, [
+            F((i(), c(r(C), {
+              link: "",
+              disabled: N(e.disabledTip, e.disabled),
+              type: e.type || "primary",
+              style: W({ color: e.color }),
+              "data-testid": y(e.label || "")
+            }, oe({
+              default: p(() => [
+                e.label ? (i(), s(f, { key: 0 }, [
+                  re(E(e.label), 1)
+                ], 64)) : u("", !0)
+              ]),
+              _: 2
+            }, [
+              e.iconFont ? {
+                name: "icon",
+                fn: p(() => [
+                  k(r(I), {
+                    "icon-font": e.iconFont,
+                    class: h({ "mr-1": !!e.label })
+                  }, null, 8, ["icon-font", "class"])
+                ]),
+                key: "0"
+              } : void 0
+            ]), 1032, ["disabled", "type", "style", "data-testid"])), [
+              [r(R), e.disabledTip]
+            ])
+          ], 8, be))), 128))
+        ]),
+        _: 1
+      }, 8, ["visible", "width", "virtual-ref", "popper-class"])) : u("", !0)
+    ], 2));
+  }
+});
+export {
+  Be as default
+};

package/dist/components/tt-table/src/components/TableAction.vue2.js

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