@dazhicheng/ui 1.5.223 → 1.5.224

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

@@ -1,13 +1,13 @@
-import { defineComponent as Ae, useSlots as Ee, ref as Oe, computed as f, toValue as E, getCurrentInstance as _e, onMounted as q, watch as O, onUnmounted as ke, createElementBlock as G, openBlock as J, normalizeClass as V, unref as s, createCommentVNode as Re, createElementVNode as $e, createVNode as _, renderSlot as g, createSlots as Q, renderList as X, withCtx as M, normalizeProps as Y, guardReactiveProps as Z, mergeProps as ee, toHandlers as Be, nextTick as Ve } from "vue";
+import { defineComponent as Ae, useSlots as Ee, ref as Oe, computed as g, toValue as E, getCurrentInstance as $e, onMounted as G, watch as O, onUnmounted as ke, createElementBlock as J, openBlock as Q, normalizeClass as L, unref as s, createCommentVNode as Re, createElementVNode as _e, createVNode as $, renderSlot as p, createSlots as K, renderList as X, withCtx as C, normalizeProps as Y, guardReactiveProps as Z, mergeProps as ee, toHandlers as Be, nextTick as Ve } from "vue";
 import "../../tt-button/index.js";
 import "../../tt-checkbox/index.js";
 import "../../tt-empty/index.js";
 import { kebabToCamelCase as Le } from "../../../packages/utils/src/string.js";
 import "axios";
 import "element-plus";
-import { isFunction as xe } from "../../../packages/utils/src/is.js";
-import { extractResourceFromApi as Ke, generateTestId as k } from "../../../packages/utils/src/testid-helper.js";
-import je from "xe-utils";
+import { isFunction as Ke } from "../../../packages/utils/src/is.js";
+import { extractResourceFromApi as je, generateTestId as k } from "../../../packages/utils/src/testid-helper.js";
+import xe from "xe-utils";
 import "dayjs";
 import "dayjs/plugin/utc";
 import "dayjs/plugin/timezone";
@@ -33,7 +33,7 @@ import "../../tt-form/src/shared/zod-defaults.js";
 import "../../tt-nav-anchor/index.js";
 import "../../../node_modules/.pnpm/vue-types@5.1.3_vue@3.5.21_typescript@5.9.3_/node_modules/vue-types/shim/index.modern.js";
 import { useDesign as We } from "../../../packages/hooks/src/useDesign.js";
-import { useDebounceFn as L } from "../../../packages/hooks/src/useDebounce.js";
+import { useDebounceFn as j } from "../../../packages/hooks/src/useDebounce.js";
 import "../../tt-icon/index.js";
 import "../../tt-form/src/components/Slot.js";
 import "../../tt-form-item-error-tooltip/index.js";
@@ -88,78 +88,78 @@ const st = ["data-testid"], at = ["data-testid"], Ao = /* @__PURE__ */ Ae({
     ...te
   ],
   setup(oe, { expose: re, emit: se }) {
-    var H, W, U;
-    const p = oe, S = se, x = Ee(), { prefixCls: R } = We("table-form"), T = Oe();
-    let t = p.tableFormApi;
+    var W, U, q;
+    const u = oe, T = se, R = Ee(), { prefixCls: _ } = We("table-form"), y = Oe();
+    let t = u.tableFormApi;
     if (!t) {
-      t = new rt(p);
+      t = new rt(u);
       const e = t;
       e.useStore = (o) => He(t.store, o), t = e;
     }
-    const $ = (H = t == null ? void 0 : t.useStore) == null ? void 0 : H.call(t), C = f(() => {
+    const B = (W = t == null ? void 0 : t.useStore) == null ? void 0 : W.call(t), v = g(() => {
       var o;
-      if (p.testId) return p.testId;
-      const e = (o = E($)) == null ? void 0 : o.table;
-      return e != null && e.api ? Ke(e.api) : "table";
-    }), ae = f(() => k(C.value, "tableform")), ie = f(() => k(C.value, "search-form-header")), le = f(() => k(C.value, "search-btn-query")), ne = f(() => k(C.value, "search-btn-reset")), me = f(() => ({
+      if (u.testId) return u.testId;
+      const e = (o = E(B)) == null ? void 0 : o.table;
+      return e != null && e.api ? je(e.api) : "table";
+    }), ae = g(() => k(v.value, "tableform")), ie = g(() => k(v.value, "search-form-header")), le = g(() => k(v.value, "search-btn-query")), ne = g(() => k(v.value, "search-btn-reset")), me = g(() => ({
       submit: le.value,
       reset: ne.value
     }));
     Ge(me);
-    const K = {}, u = _e(), v = f(() => E($)), { getFormSlotKeysFunc: pe, getTableSlotKeysFunc: ue, replaceTableSlotKey: ce, replaceFormSlotKey: de } = et(), {
-      tableData: be,
-      getFormProps: B,
-      getTableProps: c,
-      getTableToolProps: fe,
-      handleSearchInfoChange: j
+    const x = {}, c = $e(), S = g(() => E(B)), { getFormSlotKeysFunc: pe, getTableSlotKeysFunc: ue, replaceTableSlotKey: ce, replaceFormSlotKey: de } = et(), {
+      tableData: fe,
+      getFormProps: V,
+      getTableProps: d,
+      getTableToolProps: be,
+      handleSearchInfoChange: z
     } = Ye(
-      v,
+      S,
       t.tableApi.reload,
       t.tableApi.getLoading,
       t.tableApi.getPagination,
-      S
-    ), { run: ge } = L(
+      T
+    ), { run: ge } = j(
       async () => {
         const e = await r.getValues();
         await r.resetForm(e, { force: !0 });
         const o = await r.getValues();
-        r.setLatestSubmissionValues(o), (await (r == null ? void 0 : r.validate())).valid && j(o);
+        r.setLatestSubmissionValues(o), (await (r == null ? void 0 : r.validate())).valid && z(o);
       },
       200,
       { leading: !0 }
-    ), { run: he } = L(
+    ), { run: he } = j(
       async (e) => {
-        await t.grid.clearFilter(), await j(e);
+        await t.grid.clearFilter(), await z(e);
       },
       200,
       { leading: !0 }
     ), [Ce, r] = Ne({
-      ...E(B),
+      ...E(V),
       handleSubmit: he,
       handleReset: ge,
       submitOnEnter: !0,
       submitButtonOptions: {
-        content: (W = Ue.form) == null ? void 0 : W.submitTitle
+        content: (U = Ue.form) == null ? void 0 : U.submitTitle
       },
       showCollapseButton: !0,
       collapsed: !0,
       collapseTriggerResize: !0
     }), { initCustomSetting: ve, saveColumns: Se } = Ze({
-      getTableProps: c,
+      getTableProps: d,
       tableMethods: t.tableApi,
-      getProps: v
-    }), z = async () => {
+      getProps: S
+    }), D = async () => {
       await Ve(), t.tableApi && t.tableApi.redoHeight();
     };
     te.forEach((e) => {
-      const o = je.camelCase(e);
-      K[o] = (...a) => S(e, ...a);
+      const o = xe.camelCase(e);
+      x[o] = (...a) => T(e, ...a);
     });
     const Te = {
-      ...K
+      ...x
     };
-    function we(e) {
-      t.setState((o) => o.table ? (o.table.getSyncSlotComponent = p.table.getSyncSlotComponent, ze(
+    function ye(e) {
+      t.setState((o) => o.table ? (o.table.getSyncSlotComponent = u.table.getSyncSlotComponent, ze(
         {
           ...e,
           table: {
@@ -170,9 +170,9 @@ const st = ["data-testid"], at = ["data-testid"], Ao = /* @__PURE__ */ Ae({
         o
       )) : {}), e.table && t.tableApi.setState(e.table), e.form && (r == null || r.setState(e.form));
     }
-    const { run: ye } = L(
+    const { run: we } = j(
       async (e) => {
-        r.isMounted && s(v).useSearchForm ? r.validate().then(async (o) => {
+        r.isMounted && s(S).useSearchForm ? r.validate().then(async (o) => {
           if (o.valid) {
             const a = await r.getValues();
             await t.tableApi.reload({
@@ -197,56 +197,56 @@ const st = ["data-testid"], at = ["data-testid"], Ao = /* @__PURE__ */ Ae({
       formMethods: r,
       setTableProps: t.tableApi.setState,
       setFormProps: r.setState,
-      setProps: we,
-      reload: ye,
-      selectedKeys: f(() => E(t.tableApi.selectedKeys))
+      setProps: ye,
+      reload: we,
+      selectedKeys: g(() => E(t.tableApi.selectedKeys))
     };
     async function Fe() {
-      const { tableRefreshBefore: e } = v.value;
-      e && xe(e) && await e(), A.reload();
+      const { tableRefreshBefore: e } = S.value;
+      e && Ke(e) && await e(), A.reload();
     }
     async function Pe(e) {
-      var d, m;
-      const o = ((m = (d = v.value) == null ? void 0 : d.table) == null ? void 0 : m.columns) || [], a = new Map(o.map((n) => [n.field, n])), l = e.checkedModel.map((n) => a.get(n)).filter(Boolean);
+      var f, m;
+      const o = ((m = (f = S.value) == null ? void 0 : f.table) == null ? void 0 : m.columns) || [], a = new Map(o.map((n) => [n.field, n])), l = e.checkedModel.map((n) => a.get(n)).filter(Boolean);
       if (e.isExport) {
-        S("export", e.checkedModel, e.modalApi);
+        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({
+      }), d.value.useHttpCache && await Se(JSON.stringify(e.checkedModel)), t.tableApi.setTableColumns(l), e.modalApi.setModalProps({
         confirmLoading: !1
-      }), e.modalApi.closeModal(), S("set-columns", l);
+      }), e.modalApi.closeModal(), T("set-columns", l);
     }
-    function D(e = !1) {
-      var m, n, h, b, w, y, F, P, I;
-      const { notSetColumnField: o, columns: a } = s(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 = ((y = (w = s(a)) == null ? void 0 : w.filter((i) => i.visible === !0 || i.visible === void 0)) == null ? void 0 : y.map((i) => i.field)) || [];
-      (P = T.value) == null || P.openModal({
-        columns: (((F = t.tableApi) == null ? void 0 : F.getTableColumns()) || []).filter(
+    function N(e = !1) {
+      var m, n, h, b, w, F, P, I, M;
+      const { notSetColumnField: o, columns: a } = s(d), 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), f = ((F = (w = s(a)) == null ? void 0 : w.filter((i) => i.visible === !0 || i.visible === void 0)) == null ? void 0 : F.map((i) => i.field)) || [];
+      (I = y.value) == null || I.openModal({
+        columns: (((P = t.tableApi) == null ? void 0 : P.getTableColumns()) || []).filter(
           (i) => i.visible !== !1
         ),
-        displayFields: e ? d : l,
+        displayFields: e ? f : l,
         disabledColumnField: o || []
-      }), (I = T.value) == null || I.setModalProps({
+      }), (M = y.value) == null || M.setModalProps({
         title: "列设置"
       });
     }
-    function N(e = !1) {
-      var m, n, h, b, w, y, F, P, I;
-      const { notSetColumnField: o, columns: a } = s(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 = ((y = (w = s(a)) == null ? void 0 : w.filter((i) => i.visible === !0 || i.visible === void 0)) == null ? void 0 : y.map((i) => i.field)) || [];
-      (P = T.value) == null || P.openModal({
-        columns: (((F = t.tableApi) == null ? void 0 : F.getTableColumns()) || []).filter(
+    function H(e = !1) {
+      var m, n, h, b, w, F, P, I, M;
+      const { notSetColumnField: o, columns: a } = s(d), 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), f = ((F = (w = s(a)) == null ? void 0 : w.filter((i) => i.visible === !0 || i.visible === void 0)) == null ? void 0 : F.map((i) => i.field)) || [];
+      (I = y.value) == null || I.openModal({
+        columns: (((P = t.tableApi) == null ? void 0 : P.getTableColumns()) || []).filter(
           (i) => i.visible !== !1
         ),
-        displayFields: e ? d : l,
+        displayFields: e ? f : l,
         disabledColumnField: o || [],
         isExport: !0
-      }), (I = T.value) == null || I.setModalProps({
+      }), (M = y.value) == null || M.setModalProps({
         title: "自定义导出"
       });
     }
-    Xe({ formInstance: r }), q(() => {
-      u && S("register", A, u == null ? void 0 : u.uid), setTimeout(() => {
+    Xe({ formInstance: r }), G(() => {
+      c && T("register", A, c == null ? void 0 : c.uid), setTimeout(() => {
         ve();
       }, 16);
     }), O(
@@ -256,22 +256,22 @@ const st = ["data-testid"], at = ["data-testid"], Ao = /* @__PURE__ */ Ae({
           submitButtonOptions: { loading: t.tableApi.getLoading.value }
         });
       },
-      { immediate: (U = $.value.table) == null ? void 0 : U.immediate }
+      { immediate: (q = B.value.table) == null ? void 0 : q.immediate }
     ), O(
-      () => B.value,
+      () => V.value,
       (e) => {
         r && (r == null || r.setState(e));
       },
       { deep: !0 }
     ), O(
-      () => c.value,
+      () => d.value,
       (e) => {
         var o;
         t != null && t.tableApi && ((o = t == null ? void 0 : t.tableApi) == null || o.setState(e));
       },
       { deep: !0 }
-    ), window.addEventListener("resize", z), q(() => {
-      t == null || t.mount(A, r), r == null || r.setState(B.value);
+    ), window.addEventListener("resize", D), G(() => {
+      t == null || t.mount(A, r), r == null || r.setState(V.value);
     });
     function Ie(e) {
       return Object.fromEntries(Object.entries(e).filter(([o]) => !o.startsWith("on")));
@@ -280,92 +280,105 @@ const st = ["data-testid"], at = ["data-testid"], Ao = /* @__PURE__ */ Ae({
       return Object.fromEntries(Object.keys(e).map((a) => [a, o[a]]));
     }
     return O(
-      () => De(p, ["tableFormApi"]),
+      () => De(u, ["tableFormApi"]),
       () => {
         var m;
-        const e = {}, o = ((m = u == null ? void 0 : u.vnode) == null ? void 0 : m.props) || {}, a = new Set(Object.keys(p));
+        const e = {}, o = ((m = c == null ? void 0 : c.vnode) == null ? void 0 : m.props) || {}, a = new Set(Object.keys(u));
         for (const [n, h] of Object.entries(o)) {
           const b = Le(n);
           a.has(b) && (e[b] = h);
         }
-        const l = Ie(e), d = Me(l, p);
-        t.setState(d);
+        const l = Ie(e), f = Me(l, u);
+        t.setState(f);
       },
       { deep: !0 }
     ), ke(() => {
-      t == null || t.unmount(), window.removeEventListener("resize", z);
-    }), re({ ...A, instance: u }), (e, o) => (J(), G("div", {
-      class: V(s(R)),
+      t == null || t.unmount(), window.removeEventListener("resize", D);
+    }), re({ ...A, instance: c }), (e, o) => (Q(), J("div", {
+      class: L(s(_)),
       "data-testid": ae.value
     }, [
-      v.value.useSearchForm ? (J(), G("div", {
+      S.value.useSearchForm ? (Q(), J("div", {
         key: 0,
-        class: V(`${s(R)}-header`),
+        class: L(`${s(_)}-header`),
         "data-testid": ie.value
       }, [
-        _(s(Ce), {
-          "test-id": `${C.value}-search-form`
-        }, Q({ _: 2 }, [
-          X(s(pe)(s(x)), (a) => ({
+        $(s(Ce), {
+          "test-id": `${v.value}-search-form`
+        }, K({ _: 2 }, [
+          X(s(pe)(s(R)), (a) => ({
             name: s(de)(a),
-            fn: M((l) => [
-              g(e.$slots, a, Y(Z(l || {})))
+            fn: C((l) => [
+              p(e.$slots, a, Y(Z(l || {})))
             ])
           }))
         ]), 1032, ["test-id"]),
-        g(e.$slots, "header-down")
+        p(e.$slots, "header-down")
       ], 10, at)) : Re("", !0),
-      $e("div", {
-        class: V({
-          [`${s(R)}-wrapper`]: !0,
+      _e("div", {
+        class: L({
+          [`${s(_)}-wrapper`]: !0,
           "pt-(--tt-base-padding)!": !0,
-          "pb-(--tt-base-padding)!": !s(c).showPager
+          "pb-(--tt-base-padding)!": !s(d).showPager
         })
       }, [
-        g(e.$slots, "table-top"),
-        _(Qe, ee(s(c), {
-          data: s(be),
+        p(e.$slots, "table-top"),
+        $(Qe, ee(s(d), {
+          data: s(fe),
           "table-row-id": e.tableRowId,
-          "table-id": C.value,
+          "table-id": v.value,
           "form-api": s(r),
           "table-api": s(t).tableApi
-        }, Be(Te)), Q({ _: 2 }, [
-          X(s(ue)(s(x)), (a) => ({
+        }, Be(Te)), K({ _: 2 }, [
+          X(s(ue)(s(R)), (a) => ({
             name: s(ce)(a),
-            fn: M((l) => [
-              g(e.$slots, a, Y(Z(l || {})))
+            fn: C((l) => [
+              p(e.$slots, a, Y(Z(l || {})))
             ])
           })),
-          s(c).showToolbar ? {
+          s(d).showToolbar ? {
             name: "toolbar_tools",
-            fn: M(() => [
-              _(Je, ee(s(fe), {
+            fn: C(() => [
+              $(Je, ee(s(be), {
                 onOnRefresh: Fe,
-                onOnExport: N,
-                onOnColumnsSetting: D
+                onOnExport: H,
+                onOnColumnsSetting: N
               }), {
-                "toolbar-left": M(() => [
-                  g(e.$slots, "t-toolbar_tools-left")
+                "toolbar-left": C(() => [
+                  p(e.$slots, "t-toolbar_tools-left")
                 ]),
-                "toolbar-right": M(() => [
-                  g(e.$slots, "t-toolbar_tools-right")
+                "toolbar-right": C(() => [
+                  p(e.$slots, "t-toolbar_tools-right")
                 ]),
                 _: 3
               }, 16),
-              g(e.$slots, "t-toolbar_tools")
+              p(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")
+        p(e.$slots, "table-bottom")
       ], 2),
-      _(qe, {
+      $(qe, {
         ref_key: "tableColumnModalRef",
-        ref: T,
-        "open-export": N,
-        "open-column": D,
+        ref: y,
+        "open-export": H,
+        "open-column": N,
         onOnSubmit: Pe
-      }, null, 512)
+      }, K({
+        beforeFooter: C(() => [
+          p(e.$slots, "t-column-modal-before-footer")
+        ]),
+        _: 2
+      }, [
+        s(R)["t-column-modal-title"] ? {
+          name: "title",
+          fn: C(() => [
+            p(e.$slots, "t-column-modal-title")
+          ]),
+          key: "0"
+        } : void 0
+      ]), 1536)
     ], 10, st));
   }
 });

package/dist/components/tt-table/src/components/TableColumnModal.vue.d.ts

@@ -13,7 +13,19 @@ type __VLS_Props = {
 };
 /** @param params - 列数据、默认展示字段、禁用字段 */
 declare function openModal({ columns, displayFields, disabledColumnField, isExport }: OpenModalParams): void;
-declare const _default: import('vue').DefineComponent<__VLS_Props, {
+declare function __VLS_template(): {
+    attrs: Partial<{}>;
+    slots: {
+        title?(_: {}): any;
+        beforeFooter?(_: {}): any;
+    };
+    refs: {
+        contentRef: HTMLDivElement;
+    };
+    rootEl: any;
+};
+type __VLS_TemplateResult = ReturnType<typeof __VLS_template>;
+declare const __VLS_component: import('vue').DefineComponent<__VLS_Props, {
     handleSubmit: () => void;
     openModal: typeof openModal;
     setModalProps(modalProps: ModalRenderState): void;
@@ -34,4 +46,10 @@ declare const _default: import('vue').DefineComponent<__VLS_Props, {
 }>, {}, {}, {}, {}, string, import('vue').ComponentProvideOptions, false, {
     contentRef: HTMLDivElement;
 }, any>;
+declare const _default: __VLS_WithTemplateSlots<typeof __VLS_component, __VLS_TemplateResult["slots"]>;
 export default _default;
+type __VLS_WithTemplateSlots<T, S> = T & {
+    new (): {
+        $slots: S;
+    };
+};