@dazhicheng/ui 1.6.49 → 1.6.51

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

@@ -1,13 +1,13 @@
-import { defineComponent as je, useSlots as Ne, getCurrentInstance as We, ref as ie, shallowReactive as Ge, onScopeDispose as se, computed as g, unref as o, shallowRef as Je, toRaw as O, watch as C, toValue as h, onMounted as qe, nextTick as ne, createElementBlock as le, openBlock as B, normalizeClass as H, createCommentVNode as me, createElementVNode as Qe, createBlock as Ue, createVNode as R, renderSlot as c, createSlots as L, renderList as ue, withCtx as w, normalizeProps as pe, guardReactiveProps as ce, mergeProps as z, toHandlers as Xe, isRef as Ye } from "vue";
+import { defineComponent as je, useSlots as Ne, getCurrentInstance as We, ref as se, shallowReactive as Ge, onScopeDispose as ie, computed as b, unref as o, shallowRef as Je, toRaw as A, watch as C, toValue as g, onMounted as qe, nextTick as ne, createElementBlock as le, openBlock as x, normalizeClass as k, createCommentVNode as me, createElementVNode as Qe, createBlock as Ue, createVNode as E, renderSlot as p, createSlots as B, renderList as ue, withCtx as h, normalizeProps as ce, guardReactiveProps as pe, mergeProps as H, toHandlers as Xe, isRef as Ye } from "vue";
 import "../../tt-button/index.js";
 import "../../tt-checkbox/index.js";
 import "../../tt-empty/index.js";
 import "axios";
 import { ElMessage as Ze } from "element-plus";
-import { isFunction as j, isObject as et } from "../../../packages/utils/src/is.js";
+import { isFunction as L, isObject as et } from "../../../packages/utils/src/is.js";
 import "dayjs";
 import "numeral";
-import { extractResourceFromApi as tt, generateTestId as D } from "../../../packages/utils/src/testid-helper.js";
+import { extractResourceFromApi as tt, generateTestId as O } from "../../../packages/utils/src/testid-helper.js";
 import "xe-utils";
 import "dayjs/plugin/utc";
 import "dayjs/plugin/timezone";
@@ -34,8 +34,8 @@ import "es-toolkit/compat";
 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.34_typescript@5.9.3_/node_modules/vue-types/shim/index.modern.js";
-import { useDesign as it } from "../../../packages/hooks/src/useDesign.js";
-import { useDebounceFn as A } from "../../../packages/hooks/src/useDebounce.js";
+import { useDesign as st } from "../../../packages/hooks/src/useDesign.js";
+import { useDebounceFn as F } from "../../../packages/hooks/src/useDebounce.js";
 import "vue-router";
 import "../../tt-icon/index.js";
 import "../../tt-form/src/components/Slot.js";
@@ -53,7 +53,8 @@ import "../../tt-text/index.js";
 import "../../../directives/disabled-tip/index.js";
 import { GlobalConfig as fe } from "../../../hooks/useSetup.js";
 import "../../tt-log/index.js";
-import { TtCustomExportModal as st } from "../../tt-custom-export-modal/index.js";
+import { TtCustomExportModal as it } from "../../tt-custom-export-modal/index.js";
+import "../../tt-custom-export-panel/index.js";
 /* empty css                            */
 /* empty css                                    */
 /* empty css                 */
@@ -69,8 +70,8 @@ import nt from "./components/TableColumnModal.vue2.js";
 import lt from "./components/TableToolbarTools.vue.js";
 import { basicTableEmits as mt } from "./emits.js";
 import { useColumnPersistence as ut } from "./hooks/useColumnPersistence.js";
-import { createTableFormContext as pt } from "./hooks/useTableContext.js";
-import { useTableForm as ct } from "./hooks/useTableForm.js";
+import { createTableFormContext as ct } from "./hooks/useTableContext.js";
+import { useTableForm as pt } from "./hooks/useTableForm.js";
 import { useSyncProps as ft } from "./hooks/useSyncProps.js";
 import { tableFormProps as dt } from "./props.js";
 import bt from "./Table.vue.js";
@@ -78,7 +79,7 @@ import bt from "./Table.vue.js";
 import { forwardedEventEntries as gt } from "./table-mutation-events.js";
 import { TableFormApi as ht } from "./utils/table-form-api.js";
 import { provideFormActionTestIds as wt } from "./utils/context.js";
-const St = ["data-testid"], Ct = ["data-testid"], qo = /* @__PURE__ */ je({
+const St = ["data-testid"], Ct = ["data-testid"], Qo = /* @__PURE__ */ je({
   name: "TtTableForm",
   __name: "TableForm",
   props: dt,
@@ -92,337 +93,340 @@ const St = ["data-testid"], Ct = ["data-testid"], qo = /* @__PURE__ */ je({
     ...mt
   ],
   setup(be, { expose: ge, emit: he }) {
-    var oe, re, ae;
-    const n = be, M = he, _ = Ne(), S = We(), { prefixCls: $ } = it("table-form");
-    function N() {
+    var te, oe, re;
+    const l = be, v = he, R = Ne(), w = We(), { prefixCls: D } = st("table-form");
+    function z() {
       var e;
-      return Object.hasOwn(((e = S == null ? void 0 : S.vnode) == null ? void 0 : e.props) || {}, "table");
+      return Object.hasOwn(((e = w == null ? void 0 : w.vnode) == null ? void 0 : e.props) || {}, "table");
     }
-    const I = ie(), W = ie();
-    let r = n.tableFormApi;
-    r || (r = new ht(n), r.useStore = (e) => at(r.store, e));
-    const G = Ge({});
-    function J() {
-      Object.assign(G, O(r.store.state) || {});
+    const _ = se(), j = se();
+    let r = l.tableFormApi;
+    r || (r = new ht(l), r.useStore = (e) => at(r.store, e));
+    const N = Ge({});
+    function W() {
+      Object.assign(N, A(r.store.state) || {});
     }
-    J(), se(r.store.subscribe(J));
-    const f = g(() => G), y = g(() => {
+    W(), ie(r.store.subscribe(W));
+    const f = b(() => N), y = b(() => {
       var t;
-      if (n.testId) return n.testId;
+      if (l.testId) return l.testId;
       const e = (t = o(f).table) == null ? void 0 : t.api;
       return e ? tt(e) : "table";
-    }), we = g(() => D(o(y), "tableform")), Se = g(() => D(o(y), "search-form-header"));
+    }), we = b(() => O(o(y), "tableform")), Se = b(() => O(o(y), "search-form-header"));
     wt(
-      g(() => ({
-        submit: D(o(y), "search-btn-query"),
-        reset: D(o(y), "search-btn-reset")
+      b(() => ({
+        submit: O(o(y), "search-btn-query"),
+        reset: O(o(y), "search-btn-reset")
       }))
     );
-    const { getSlotKeys: Ce, replaceSlotKey: ye } = de("form-"), { getSlotKeys: Te, replaceSlotKey: ve } = de("t-"), { getFormProps: V, getTableProps: l, getTableToolProps: q, submitSearchQuery: Q } = ct(
+    const { getSlotKeys: Ce, replaceSlotKey: ye } = de("form-"), { getSlotKeys: Te, replaceSlotKey: Fe } = de("t-"), { getFormProps: $, getTableProps: m, getTableToolProps: G, submitSearchQuery: J } = pt(
       f,
       r.tableApi.reload,
       r.tableApi.getLoading,
       r.tableApi.getPagination
-    ), U = Je([]), Fe = g(() => (n.table, !N() || !n.table ? !1 : (n.table.data, Object.hasOwn(O(n.table), "data"))));
-    let x = () => {
+    ), q = Je([]), ve = b(() => (l.table, !z() || !l.table ? !1 : (l.table.data, Object.hasOwn(A(l.table), "data"))));
+    let K = () => {
     };
-    function Ae(e) {
-      x(), x = C(
-        () => h(e),
+    function Me(e) {
+      K(), K = C(
+        () => g(e),
         (t) => {
-          U.value = t || [];
+          q.value = t || [];
         },
         { immediate: !0, deep: Ye(e) ? !1 : 1 }
       );
     }
-    function Me() {
-      if (n.table)
-        return n.table.data, O(n.table).data;
+    function Pe() {
+      if (l.table)
+        return l.table.data, A(l.table).data;
     }
-    C(Me, (e) => Ae(e), { immediate: !0 });
-    async function Pe() {
+    C(Pe, (e) => Me(e), { immediate: !0 });
+    async function Ae() {
       await r.tableApi.reloadData([]), r.tableApi.setPagination({ total: 0 });
     }
     async function Ee() {
       return !o(f).useSearchForm || !a.isMounted ? {} : await a.getValues();
     }
-    let K = !1;
-    async function P(e, t) {
-      const { tableSearchBefore: i } = o(f);
-      if (!j(i)) return !0;
-      if (K) return !1;
-      K = !0;
-      let s;
+    let I = !1;
+    async function M(e, t) {
+      const { tableSearchBefore: s } = o(f);
+      if (!L(s)) return !0;
+      if (I) return !1;
+      I = !0;
+      let i;
       try {
-        s = await i(t || await Ee(), e);
+        i = await s(t || await Ee(), e);
       } catch {
         return !1;
       } finally {
-        K = !1;
+        I = !1;
       }
-      if (b) return !1;
-      const { canSearch: m, clearData: d } = et(s) ? s : { canSearch: s, clearData: !1 };
-      return d && await Pe(), m !== !1;
+      if (d) return !1;
+      const { canSearch: n, clearData: u } = et(i) ? i : { canSearch: i, clearData: !1 };
+      return u && await Ae(), n !== !1;
     }
     async function Oe() {
-      return await P("page");
+      return await M("page");
     }
-    const { run: Re } = A(
+    const { run: Re } = F(
       async () => {
         const e = await a.getValues();
         await a.resetForm(e, { force: !0 });
         const t = await a.getValues();
-        a.setLatestSubmissionValues(t), (await a.validate()).valid && await P("reset", t) && await Q(t);
+        a.setLatestSubmissionValues(t), (await a.validate()).valid && await M("reset", t) && await J(t);
       },
       200,
       { leading: !0 }
-    ), { run: De } = A(
+    ), { run: De } = F(
       async (e) => {
         const t = e;
-        await P("submit", t) && (await r.grid.clearFilter(), await Q(t));
+        await M("submit", t) && (await r.grid.clearFilter(), await J(t));
       },
       200,
       { leading: !0 }
     ), [_e, a] = rt({
-      ...h(V),
+      ...g($),
       handleSubmit: De,
       handleReset: Re,
       submitOnEnter: !0,
       submitButtonOptions: {
-        content: (oe = fe.form) == null ? void 0 : oe.submitTitle
+        content: (te = fe.form) == null ? void 0 : te.submitTitle
       },
       showCollapseButton: !0,
       collapsed: !0,
       collapseTriggerResize: !0,
       collapsedRows: 3
-    }), { restoreColumns: $e, saveColumns: X } = ut({
-      getTableProps: l,
+    }), { restoreColumns: $e, saveColumns: Q } = ut({
+      getTableProps: m,
       getProps: f,
       tableMethods: r.tableApi
     });
-    let b = !1;
+    let d = !1;
     const T = {};
     gt.forEach(([e, t]) => {
-      T[t] = (...i) => M(e, ...i);
+      T[t] = (...s) => v(e, ...s);
     });
-    const { run: Ie } = A(async () => {
-      if (b || !o(l).useHttpCache) return;
+    const { run: Ke } = F(async () => {
+      if (d || !o(m).useHttpCache) return;
       const e = (r.tableApi.getTableColumns() || []).map((t) => t.field).filter(Boolean);
-      e.length && await X(JSON.stringify(e));
+      e.length && await Q(JSON.stringify(e));
     }, 300);
-    function Ve(e) {
+    function Ie(e) {
       var t;
-      (t = T.columnDragend) == null || t.call(T, e), Ie();
+      (t = T.columnDragend) == null || t.call(T, e), Ke();
     }
-    const xe = g(() => ({ ...T, columnDragend: Ve }));
-    function Ke(e) {
+    const Ve = b(() => ({ ...T, columnDragend: Ie }));
+    function xe(e) {
       r.setState((t) => t.table ? ot(e, t) : {}), e.table && r.tableApi.setState(e.table), e.form && (a == null || a.setState(e.form));
     }
-    const { run: ke } = A(
+    const { run: ke } = F(
       async (e) => {
         if (a.isMounted && o(f).useSearchForm) {
           if (!(await a.validate()).valid) return;
-          const i = await a.getValues();
-          await r.tableApi.reload({ ...e, searchInfo: { ...e == null ? void 0 : e.searchInfo, ...i } });
+          const s = await a.getValues();
+          await r.tableApi.reload({ ...e, searchInfo: { ...e == null ? void 0 : e.searchInfo, ...s } });
           return;
         }
         await r.tableApi.reload({ ...e, searchInfo: { ...e == null ? void 0 : e.searchInfo } });
       },
       200,
       { leading: !0 }
-    ), E = {
+    ), P = {
       tableMethods: r.tableApi,
       formMethods: a,
       setTableProps: r.tableApi.setState,
       setFormProps: a.setState,
-      setProps: Ke,
+      setProps: xe,
       reload: ke,
-      selectedKeys: g(() => h(r.tableApi.selectedKeys))
+      selectedKeys: b(() => g(r.tableApi.selectedKeys))
     };
     async function Be() {
-      if (!await P("refresh")) return;
+      if (!await M("refresh")) return;
       const { tableRefreshBefore: e } = o(f);
-      j(e) && await e(), E.reload();
+      L(e) && await e(), P.reload();
     }
-    let k = { width: window.innerWidth, height: window.innerHeight };
-    const { run: Y } = A(async () => {
-      var s, m;
-      if (await ne(), b) return;
-      const { innerWidth: e, innerHeight: t } = window, i = e !== k.width || t !== k.height;
-      if (k = { width: e, height: t }, !i) {
-        if (!o(l).autoHeight) return;
-        (s = r.tableApi) == null || s.redoHeight(!1);
+    let V = { width: window.innerWidth, height: window.innerHeight };
+    const { run: U } = F(async () => {
+      var i, n;
+      if (await ne(), d) return;
+      const { innerWidth: e, innerHeight: t } = window, s = e !== V.width || t !== V.height;
+      if (V = { width: e, height: t }, !s) {
+        if (!o(m).autoHeight) return;
+        (i = r.tableApi) == null || i.redoHeight(!1);
         return;
       }
-      (m = r.tableApi) == null || m.redoHeight();
+      (n = r.tableApi) == null || n.redoHeight();
     }, 100);
     async function He(e) {
-      var m, d;
-      if (b) return;
-      const t = h((d = (m = o(f)) == null ? void 0 : m.table) == null ? void 0 : d.columns) || [], i = new Map(t.map((p) => [p.field, p])), s = e.checkedModel.map((p) => i.get(p)).filter(Boolean);
+      var n, u;
+      if (d) return;
+      const t = g((u = (n = o(f)) == null ? void 0 : n.table) == null ? void 0 : u.columns) || [], s = new Map(t.map((c) => [c.field, c])), i = e.checkedModel.map((c) => s.get(c)).filter(Boolean);
       if (e.isExport) {
-        M("export", e.checkedModel, e.modalApi);
+        v("export", e.checkedModel, e.modalApi);
         return;
       }
       e.modalApi.setModalProps({ confirmLoading: !0 });
       try {
-        if (o(l).useHttpCache && await X(JSON.stringify(e.checkedModel)), b) return;
-        r.tableApi.setTableColumns(s), e.modalApi.closeModal(), M("set-columns", s);
+        if (o(m).useHttpCache && await Q(JSON.stringify(e.checkedModel)), d) return;
+        r.tableApi.setTableColumns(i), e.modalApi.closeModal(), v("set-columns", i);
       } finally {
-        b || e.modalApi.setModalProps({ confirmLoading: !1 });
+        d || e.modalApi.setModalProps({ confirmLoading: !1 });
       }
     }
-    function Z(e, t = !1) {
-      var p, v, F;
-      const { notSetColumnField: i, columns: s } = o(l), m = ((((p = r.tableApi.getTableInstance()) == null ? void 0 : p.getTableColumn()) || {}).visibleColumn || []).map((u) => u.field).filter(Boolean), d = (h(s) || []).filter((u) => u.visible === !0 || u.visible === void 0).map((u) => u.field);
-      (v = I.value) == null || v.openModal({
-        columns: (h(s) || []).filter((u) => u.visible !== !1),
-        displayFields: t ? d : m,
-        disabledColumnField: i || [],
+    function X(e, t = !1) {
+      var c, ae;
+      const { notSetColumnField: s, columns: i } = o(m), n = Y(), u = (g(i) || []).filter((S) => S.visible === !0 || S.visible === void 0).map((S) => S.field);
+      (c = _.value) == null || c.openModal({
+        columns: (g(i) || []).filter((S) => S.visible !== !1),
+        displayFields: t ? u : n,
+        disabledColumnField: s || [],
         isExport: e
-      }), (F = I.value) == null || F.setModalProps({ title: e ? "自定义导出" : "列设置" });
+      }), (ae = _.value) == null || ae.setModalProps({ title: e ? "自定义导出" : "列设置" });
     }
-    function ee(e = !1) {
-      Z(!1, e);
+    function Y() {
+      var n;
+      const { columnFieldSource: e = "visible" } = o(m), t = (n = r.tableApi.getTableInstance()) == null ? void 0 : n.getTableColumn();
+      return (t ? t[e === "collect" ? "collectColumn" : "visibleColumn"] : []).map((u) => u.field).filter((u) => !!u);
+    }
+    function Z(e = !1) {
+      X(!1, e);
     }
-    function te(e = !1) {
-      Z(!0, e);
+    function ee(e = !1) {
+      X(!0, e);
     }
     function Le() {
-      var s, m;
-      const { customExportConfig: e } = o(l), t = (s = fe.table) == null ? void 0 : s.columnsKey, i = (e == null ? void 0 : e.businessCode) ?? (j(t) ? t() : t);
-      if (!i) {
+      var i, n;
+      const { customExportConfig: e } = o(m), t = (i = fe.table) == null ? void 0 : i.columnsKey, s = (e == null ? void 0 : e.businessCode) ?? (L(t) ? t() : t);
+      if (!s) {
         Ze.warning("请配置自定义导出的 businessCode 或 GlobalConfig.table.columnsKey");
         return;
       }
-      (m = W.value) == null || m.open({
-        businessCode: i,
+      (n = j.value) == null || n.open({
+        businessCode: s,
         listColumns: () => {
-          var v, F;
-          const d = (v = o(l).customExportConfig) == null ? void 0 : v.listColumns;
-          if (d) return h(d);
-          const p = (F = r.tableApi.getTableInstance()) == null ? void 0 : F.getTableColumn().visibleColumn;
-          return p ? p.map((u) => u.field).filter((u) => !!u) : [];
+          var c;
+          const u = (c = o(m).customExportConfig) == null ? void 0 : c.listColumns;
+          return u ? g(u) : Y();
         }
       });
     }
     function ze() {
-      const e = n.table;
-      if (!N() || !e) return;
+      const e = l.table;
+      if (!z() || !e) return;
       const t = {};
-      return Object.keys(O(e)).forEach((i) => {
-        i !== "data" && Object.assign(t, { [i]: e[i] });
+      return Object.keys(A(e)).forEach((s) => {
+        s !== "data" && Object.assign(t, { [s]: e[s] });
       }), t;
     }
-    return ft(n, r.setState, ["tableFormApi", "table"]), C(
+    return ft(l, r.setState, ["tableFormApi", "table"]), C(
       ze,
       (e) => {
         e && r.setState({ table: e });
       },
       { deep: !0, immediate: !0 }
-    ), pt({ formInstance: a }), C(
+    ), ct({ formInstance: a }), C(
       () => r.tableApi.getLoading.value,
       (e) => {
         a == null || a.setState({ submitButtonOptions: { loading: e } });
       },
-      { immediate: (ae = (re = r.store.state) == null ? void 0 : re.table) == null ? void 0 : ae.immediate }
-    ), C(V, (e) => a == null ? void 0 : a.setState(e)), C(l, (e) => {
+      { immediate: (re = (oe = r.store.state) == null ? void 0 : oe.table) == null ? void 0 : re.immediate }
+    ), C($, (e) => a == null ? void 0 : a.setState(e)), C(m, (e) => {
       var t;
       return (t = r.tableApi) == null ? void 0 : t.setState(e);
     }), qe(() => {
-      S && M("register", E, S.uid), r.mount(E, a), a == null || a.setState(o(V)), ne(() => {
-        b || $e();
-      }), window.addEventListener("resize", Y);
-    }), se(() => {
-      b = !0, x(), r == null || r.unmount(), window.removeEventListener("resize", Y);
-    }), ge({ ...E, instance: S }), (e, t) => (B(), le("div", {
-      class: H(o($)),
+      w && v("register", P, w.uid), r.mount(P, a), a == null || a.setState(o($)), ne(() => {
+        d || $e();
+      }), window.addEventListener("resize", U);
+    }), ie(() => {
+      d = !0, K(), r == null || r.unmount(), window.removeEventListener("resize", U);
+    }), ge({ ...P, instance: w }), (e, t) => (x(), le("div", {
+      class: k(o(D)),
       "data-testid": we.value
     }, [
-      f.value.useSearchForm ? (B(), le("div", {
+      f.value.useSearchForm ? (x(), le("div", {
         key: 0,
-        class: H(`${o($)}-header`),
+        class: k(`${o(D)}-header`),
         "data-testid": Se.value
       }, [
-        R(o(_e), {
+        E(o(_e), {
           "test-id": `${y.value}-search-form`
-        }, L({ _: 2 }, [
-          ue(o(Ce)(o(_)), (i) => ({
-            name: o(ye)(i),
-            fn: w((s) => [
-              c(e.$slots, i, pe(ce(s || {})))
+        }, B({ _: 2 }, [
+          ue(o(Ce)(o(R)), (s) => ({
+            name: o(ye)(s),
+            fn: h((i) => [
+              p(e.$slots, s, ce(pe(i || {})))
             ])
           }))
         ]), 1032, ["test-id"]),
-        c(e.$slots, "header-down")
+        p(e.$slots, "header-down")
       ], 10, Ct)) : me("", !0),
       Qe("div", {
-        class: H({
-          [`${o($)}-wrapper`]: !0,
+        class: k({
+          [`${o(D)}-wrapper`]: !0,
           "pt-(--tt-base-padding)!": !0,
-          "pb-(--tt-base-padding)!": !o(l).showPager
+          "pb-(--tt-base-padding)!": !o(m).showPager
         })
       }, [
-        c(e.$slots, "table-top"),
-        R(bt, z({
-          ...o(l),
-          ...Fe.value ? { data: U.value } : {},
+        p(e.$slots, "table-top"),
+        E(bt, H({
+          ...o(m),
+          ...ve.value ? { data: q.value } : {},
           beforePageChange: Oe
         }, {
           "form-api": o(a),
           "table-api": o(r).tableApi
-        }, Xe(xe.value)), L({ _: 2 }, [
-          ue(o(Te)(o(_)), (i) => ({
-            name: o(ve)(i),
-            fn: w((s) => [
-              c(e.$slots, i, pe(ce(s || {})))
+        }, Xe(Ve.value)), B({ _: 2 }, [
+          ue(o(Te)(o(R)), (s) => ({
+            name: o(Fe)(s),
+            fn: h((i) => [
+              p(e.$slots, s, ce(pe(i || {})))
             ])
           })),
-          o(l).showToolbar ? {
+          o(m).showToolbar ? {
             name: "toolbar_tools",
-            fn: w(() => [
-              R(lt, z(o(q), {
+            fn: h(() => [
+              E(lt, H(o(G), {
                 onOnRefresh: Be,
-                onOnExport: te,
+                onOnExport: ee,
                 onOnCustomExport: Le,
-                onOnColumnsSetting: ee
+                onOnColumnsSetting: Z
               }), {
-                "toolbar-left": w(() => [
-                  c(e.$slots, "t-toolbar_tools-left")
+                "toolbar-left": h(() => [
+                  p(e.$slots, "t-toolbar_tools-left")
                 ]),
-                "toolbar-right": w(() => [
-                  c(e.$slots, "t-toolbar_tools-right")
+                "toolbar-right": h(() => [
+                  p(e.$slots, "t-toolbar_tools-right")
                 ]),
                 _: 3
               }, 16),
-              c(e.$slots, "t-toolbar_tools")
+              p(e.$slots, "t-toolbar_tools")
             ]),
             key: "0"
           } : void 0
         ]), 1040, ["form-api", "table-api"]),
-        c(e.$slots, "table-bottom")
+        p(e.$slots, "table-bottom")
       ], 2),
-      o(q).showCustomExport ? (B(), Ue(o(st), z({
+      o(G).showCustomExport ? (x(), Ue(o(it), H({
         key: 1,
         ref_key: "customExportModalRef",
-        ref: W
-      }, o(l).customExportConfig), null, 16)) : me("", !0),
-      R(nt, {
+        ref: j
+      }, o(m).customExportConfig), null, 16)) : me("", !0),
+      E(nt, {
         ref_key: "columnModalRef",
-        ref: I,
-        "open-export": te,
-        "open-column": ee,
+        ref: _,
+        "open-export": ee,
+        "open-column": Z,
         onOnSubmit: He
-      }, L({
-        beforeFooter: w(() => [
-          c(e.$slots, "t-column-modal-before-footer")
+      }, B({
+        beforeFooter: h(() => [
+          p(e.$slots, "t-column-modal-before-footer")
         ]),
         _: 2
       }, [
-        o(_)["t-column-modal-title"] ? {
+        o(R)["t-column-modal-title"] ? {
           name: "title",
-          fn: w(() => [
-            c(e.$slots, "t-column-modal-title")
+          fn: h(() => [
+            p(e.$slots, "t-column-modal-title")
           ]),
           key: "0"
         } : void 0
@@ -431,5 +435,5 @@ const St = ["data-testid"], Ct = ["data-testid"], qo = /* @__PURE__ */ je({
   }
 });
 export {
-  qo as default
+  Qo as default
 };

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

@@ -0,0 +1,12 @@
+type __VLS_Props = {
+    /** 按钮提示和无障碍名称。 */
+    label?: string;
+};
+declare const _default: import('vue').DefineComponent<__VLS_Props, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {
+    click: () => any;
+}, string, import('vue').PublicProps, Readonly<__VLS_Props> & Readonly<{
+    onClick?: (() => any) | undefined;
+}>, {
+    label: string;
+}, {}, {}, {}, string, import('vue').ComponentProvideOptions, false, {}, any>;
+export default _default;

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

@@ -0,0 +1,44 @@
+import { defineComponent as i, createBlock as m, openBlock as p, unref as t, withCtx as l, createVNode as n } from "vue";
+import { TtButton as s } from "../../../tt-button/index.js";
+import { TtIcon as f } from "../../../tt-icon/index.js";
+import u from "../../../../assets/svg/download.svg.js";
+import { ElTooltip as b } from "element-plus";
+const w = /* @__PURE__ */ i({
+  name: "TtTableExportButton",
+  __name: "TableExportButton",
+  props: {
+    label: { default: "自定义导出" }
+  },
+  emits: ["click"],
+  setup(a, { emit: r }) {
+    const o = a, c = r;
+    return (d, e) => (p(), m(t(b), {
+      class: "box-item",
+      effect: "dark",
+      content: o.label,
+      placement: "top",
+      "show-after": 200
+    }, {
+      default: l(() => [
+        n(t(s), {
+          class: "icon-table-btn",
+          "aria-label": o.label,
+          onClick: e[0] || (e[0] = (k) => c("click"))
+        }, {
+          default: l(() => [
+            n(t(f), {
+              icon: t(u),
+              size: 16,
+              "is-custom-svg": ""
+            }, null, 8, ["icon"])
+          ]),
+          _: 1
+        }, 8, ["aria-label"])
+      ]),
+      _: 1
+    }, 8, ["content"]));
+  }
+});
+export {
+  w as default
+};

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

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