@done-coding/admin-core 0.1.1-alpha.2 → 0.1.1-alpha.3

package/es/components/table/TableMain.vue.mjs

@@ -1,7 +1,7 @@
 import o from "./TableMain.vue2.mjs";
 /* empty css                */
 import t from "../../_virtual/_plugin-vue_export-helper.mjs";
-const p = /* @__PURE__ */ t(o, [["__scopeId", "data-v-643017c3"]]);
+const m = /* @__PURE__ */ t(o, [["__scopeId", "data-v-f0f7753c"]]);
 export {
-  p as default
+  m as default
 };

package/es/components/table/TableMain.vue2.mjs

@@ -1,19 +1,20 @@
-import { ElTable as ue, ElTableColumn as fe, ElEmpty as ge, ElPagination as pe } from "element-plus/es";
+import { ElTable as pe, ElTableColumn as ge, ElEmpty as ce, ElPagination as de } from "element-plus/es";
 import "element-plus/es/components/base/style/css";
 import "element-plus/es/components/pagination/style/css";
 import "element-plus/es/components/table/style/css";
 import "element-plus/es/components/empty/style/css";
 import "element-plus/es/components/table-column/style/css";
-import { defineComponent as de, useCssVars as ce, useModel as he, useAttrs as me, ref as g, shallowRef as ve, inject as ye, computed as d, onMounted as be, onActivated as Ce, watch as c, openBlock as l, createElementBlock as y, unref as s, createBlock as b, withCtx as C, createVNode as R, mergeProps as p, createCommentVNode as Se, Fragment as E, renderList as _e, createSlots as Ee, renderSlot as V, resolveDynamicComponent as $, createTextVNode as P, toDisplayString as Y, withDirectives as Te, createElementVNode as we, isRef as F, vShow as xe, mergeModels as G } from "vue";
+import { defineComponent as me, useCssVars as he, useModel as ve, useAttrs as ye, ref as u, computed as g, shallowRef as be, inject as Ce, onMounted as Se, onActivated as _e, watch as d, openBlock as s, createElementBlock as y, unref as n, createBlock as b, withCtx as C, createVNode as I, mergeProps as c, createCommentVNode as Ee, Fragment as T, renderList as xe, createSlots as Te, renderSlot as $, resolveDynamicComponent as Y, createTextVNode as R, toDisplayString as q, withDirectives as we, createElementVNode as Pe, isRef as F, vShow as Ie, mergeModels as G } from "vue";
 import U from "lodash/cloneDeep";
-import q from "lodash/omit";
-import D from "lodash/set";
-import W from "lodash/get";
-import Ie from "./TableToolbar.vue.mjs";
-import Re from "../display/WatchSize.vue.mjs";
-import { BODY_CONTENT_VIEWPORT_HEIGHT as Pe } from "../../inject/key.mjs";
-import { APP_API_LIST_MODEL_KEY_CONFIG as T } from "../../config/list-model.mjs";
-const Oe = { class: "table-main" }, ze = { class: "table-main-pagination" }, Ue = /* @__PURE__ */ de({
+import D from "lodash/omit";
+import W from "lodash/set";
+import Z from "lodash/get";
+import Re from "./TableToolbar.vue.mjs";
+import ke from "../display/WatchSize.vue.mjs";
+import { pickExportColumns as ze } from "../../utils/export.mjs";
+import { BODY_CONTENT_VIEWPORT_HEIGHT as He } from "../../inject/key.mjs";
+import { APP_API_LIST_MODEL_KEY_CONFIG as w } from "../../config/list-model.mjs";
+const Ne = { class: "table-main" }, Oe = { class: "table-main-pagination" }, Ze = /* @__PURE__ */ me({
   __name: "TableMain",
   props: /* @__PURE__ */ G({
     showPager: { type: Boolean, default: !0 },
@@ -37,180 +38,197 @@ const Oe = { class: "table-main" }, ze = { class: "table-main-pagination" }, Ue
     isAutoRefreshModifiers: {}
   }),
   emits: /* @__PURE__ */ G(["pageChange", "pageSizeChange", "dataChange", "loadingChange", "pageInfoChange"], ["update:isAutoRefresh"]),
-  setup(u, { expose: Z, emit: Q }) {
-    ce((e) => ({
-      v4c03ff8f: e.headerColor
+  setup(f, { expose: Q, emit: X }) {
+    he((e) => ({
+      v16a9ca77: e.headerColor
     }));
-    const a = u, h = Q, O = he(u, "isAutoRefresh"), X = me(), w = g([]), x = g(0), i = g(0), o = g(1), m = g(!1), I = g(!1), z = g(0), ee = (e) => {
-      z.value = e;
-    }, H = ve(), te = ye(
-      Pe,
+    const o = f, m = X, k = ve(f, "isAutoRefresh"), ee = ye(), S = u([]), _ = u(0), i = u(0), l = u(1), h = u(!1), P = u(!1), z = u([]), te = g(() => ({
+      columns: ze(o.columns),
+      selectedList: z.value,
+      currentPageList: S.value,
+      api: o.api,
+      query: o.query || {},
+      total: _.value,
+      hasSelection: o.columns.some((e) => e.type === "selection")
+    })), H = u(0), oe = (e) => {
+      H.value = e;
+    }, N = be(), re = Ce(
+      He,
       500
-    ), N = d(() => a.showPager ? 35 : 0), k = d(() => {
-      var n, _;
-      if (a.showToolbar === !1) return !1;
-      const e = (n = a.toolbar) == null ? void 0 : n.leftFeatures, t = (_ = a.toolbar) == null ? void 0 : _.rightFeatures;
+    ), O = g(() => o.showPager ? 35 : 0), A = g(() => {
+      var a, x;
+      if (o.showToolbar === !1) return !1;
+      const e = (a = o.toolbar) == null ? void 0 : a.leftFeatures, t = (x = o.toolbar) == null ? void 0 : x.rightFeatures;
       return e === void 0 || e.length > 0 || t === void 0 || t.length > 0;
-    }), A = d(
-      () => k.value ? z.value : 0
-    ), re = d(() => {
-      const { maxHeight: e, refine: t } = a;
+    }), L = g(
+      () => A.value ? H.value : 0
+    ), ae = g(() => {
+      const { maxHeight: e, refine: t } = o;
       return e ? Math.max(
-        e - N.value - A.value,
+        e - O.value - L.value,
         200
       ) : t ? Math.max(
-        te.value - N.value - A.value - a.refineReduceHeight,
+        re.value - O.value - L.value - o.refineReduceHeight,
         200
       ) : void 0;
-    }), S = d(() => {
-      const e = U(a.query || {});
-      return D(e, T.PAGE_SIZE_KEY, i.value), D(
+    }), E = g(() => {
+      const e = U(o.query || {});
+      return W(e, w.PAGE_SIZE_KEY, i.value), W(
         e,
-        T.CURRENT_PAGE_KEY,
-        o.value
+        w.CURRENT_PAGE_KEY,
+        l.value
       ), e;
-    }), ae = d(() => ({
-      ...a.tableProps,
-      ...X
-    })), K = (e, t = !0) => {
-      const n = JSON.stringify(e) === JSON.stringify(S.value);
-      return !n && t && console.warn(
+    }), ne = g(() => {
+      var t;
+      const e = (t = o.tableProps) == null ? void 0 : t.onSelectionChange;
+      return {
+        ...o.tableProps,
+        ...ee,
+        /** 合并内部选中存储与外部 onSelectionChange */
+        onSelectionChange: (a) => {
+          z.value = a, e == null || e(a);
+        }
+      };
+    }), K = (e, t = !0) => {
+      const a = JSON.stringify(e) === JSON.stringify(E.value);
+      return !a && t && console.warn(
         `同一地方 并发请求 参数冰花 当前不是最新的参数 丢弃结果 ${JSON.stringify(
           e
-        )} => ${JSON.stringify(S.value)}`
-      ), n;
+        )} => ${JSON.stringify(E.value)}`
+      ), a;
     }, j = (e = !1) => {
       if (!i.value) return;
-      m.value ? console.warn("请求并发") : m.value = !0, e || (I.value = !0);
-      const t = U(S.value);
-      return a.api(t).then((n) => {
-        K(t, !1) && (w.value = W(
-          n,
-          T.LIST_KEY
-        ), x.value = W(
-          n,
-          T.TOTAL_KEY
-        ), h("pageInfoChange", {
+      h.value ? console.warn("请求并发") : h.value = !0, e || (P.value = !0);
+      const t = U(E.value);
+      return o.api(t).then((a) => {
+        K(t, !1) && (S.value = Z(
+          a,
+          w.LIST_KEY
+        ), _.value = Z(
+          a,
+          w.TOTAL_KEY
+        ), m("pageInfoChange", {
           pageSize: i.value,
-          currentPage: o.value,
-          total: x.value
+          currentPage: l.value,
+          total: _.value
         }));
       }).finally(() => {
-        K(t) && (m.value = !1, I.value = !1);
+        K(t) && (h.value = !1, P.value = !1);
       });
     }, B = async (e = !1) => {
       var t;
       return (t = j(e)) == null ? void 0 : t.catch(() => {
       });
-    }, oe = async (e = !1) => {
-      if (o.value === 1)
+    }, le = async (e = !1) => {
+      if (l.value === 1)
         return B(e);
-      o.value = 1;
-    }, ne = (e) => e, v = {
+      l.value = 1;
+    }, se = (e) => e, v = {
       refresh: B,
-      reload: oe,
-      getTableInstance: () => H.value
-    }, L = (e, t = []) => ({
-      ...q(e, ["render", "headerRender"].concat(t)),
-      injectInfo: a.injectInfo || {},
+      reload: le,
+      getTableInstance: () => N.value
+    }, M = (e, t = []) => ({
+      ...D(e, ["render", "headerRender"].concat(t)),
+      injectInfo: o.injectInfo || {},
       exposeInfo: v
-    }), M = (e) => ({
-      ...q(e, ["render", "headerRender"]),
-      injectInfo: a.injectInfo || {},
+    }), J = (e) => ({
+      ...D(e, ["render", "headerRender"]),
+      injectInfo: o.injectInfo || {},
       exposeInfo: v
     });
-    Z(v);
-    const le = (e) => {
-      i.value = e, o.value = 1;
-    }, J = (e) => !e || e === "expand";
-    return be(() => {
-      i.value = a.pageSizeInit, Ce(() => {
+    Q(v);
+    const ie = (e) => {
+      i.value = e, l.value = 1;
+    }, V = (e) => !e || e === "expand";
+    return Se(() => {
+      i.value = o.pageSizeInit, _e(() => {
         v.refresh();
       });
-    }), c(w, (e) => {
-      h("dataChange", e);
-    }), c(
-      () => a.query,
+    }), d(S, (e) => {
+      m("dataChange", e);
+    }), d(
+      () => o.query,
       (e, t) => {
-        JSON.stringify(e) !== JSON.stringify(t) && (o.value = 1);
+        JSON.stringify(e) !== JSON.stringify(t) && (l.value = 1);
       }
-    ), c(
-      S,
+    ), d(
+      E,
       (e, t) => {
         JSON.stringify(e) !== JSON.stringify(t) && j();
       },
       {
         immediate: !0
       }
-    ), c(I, (e) => {
-      h("loadingChange", e);
-    }), c(i, (e) => {
-      h("pageSizeChange", e);
-    }), c(o, (e) => {
-      h("pageChange", e);
+    ), d(P, (e) => {
+      m("loadingChange", e);
+    }), d(i, (e) => {
+      m("pageSizeChange", e);
+    }), d(l, (e) => {
+      m("pageChange", e);
     }), (e, t) => {
-      const n = fe, _ = ge, se = ue, ie = pe;
-      return l(), y("div", Oe, [
-        s(k) ? (l(), b(s(Re), {
+      const a = ge, x = ce, ue = pe, fe = de;
+      return s(), y("div", Ne, [
+        n(A) ? (s(), b(n(ke), {
           key: 0,
-          onHeightChange: ee
+          onHeightChange: oe
         }, {
           default: C(() => [
-            R(Ie, p({
-              "is-auto-refresh": O.value,
-              "onUpdate:isAutoRefresh": t[0] || (t[0] = (r) => O.value = r),
+            I(Re, c({
+              "is-auto-refresh": k.value,
+              "onUpdate:isAutoRefresh": t[0] || (t[0] = (r) => k.value = r),
               tableExpose: v,
-              loading: s(m)
-            }, a.toolbar), null, 16, ["is-auto-refresh", "loading"])
+              loading: n(h),
+              exportContext: n(te)
+            }, o.toolbar), null, 16, ["is-auto-refresh", "loading", "exportContext"])
           ]),
           _: 1
-        })) : Se("", !0),
-        R(se, p({
+        })) : Ee("", !0),
+        I(ue, c({
           ref_key: "elTable",
-          ref: H,
+          ref: N,
           class: "table-main-table",
           stripe: "",
           border: "",
           highlightCurrentRow: ""
-        }, s(ae), {
-          maxHeight: s(re),
-          data: s(w),
-          rowKey: ne(u.rowKey)
+        }, n(ne), {
+          maxHeight: n(ae),
+          data: n(S),
+          rowKey: se(f.rowKey)
         }), {
           empty: C(() => [
-            s(m) ? (l(), y(E, { key: 0 }, [
-              P("加载中...")
-            ], 64)) : (l(), b(_, { key: 1 }))
+            n(h) ? (s(), y(T, { key: 0 }, [
+              R("加载中...")
+            ], 64)) : (s(), b(x, { key: 1 }))
           ]),
           default: C(() => [
-            (l(!0), y(E, null, _e(u.columns, (r) => (l(), b(n, p({
+            (s(!0), y(T, null, xe(f.columns, (r) => (s(), b(a, c({
               key: r.columnKey || r.prop
-            }, { ref_for: !0 }, r), Ee({ _: 2 }, [
-              J(r.type) ? {
+            }, { ref_for: !0 }, r), Te({ _: 2 }, [
+              V(r.type) ? {
                 name: "default",
-                fn: C((f) => [
-                  V(e.$slots, r.prop, p({ ref_for: !0 }, L(f)), () => [
-                    r.render ? (l(), b($(r.render), p({
+                fn: C((p) => [
+                  $(e.$slots, r.prop, c({ ref_for: !0 }, M(p)), () => [
+                    r.render ? (s(), b(Y(r.render), c({
                       key: 0,
                       ref_for: !0
-                    }, L(f, ["$index"]), {
-                      _index: f.$index
-                    }), null, 16, ["_index"])) : (l(), y(E, { key: 1 }, [
-                      P(Y(f.row[r.prop]), 1)
+                    }, M(p, ["$index"]), {
+                      _index: p.$index
+                    }), null, 16, ["_index"])) : (s(), y(T, { key: 1 }, [
+                      R(q(p.row[r.prop]), 1)
                     ], 64))
                   ], !0)
                 ]),
                 key: "0"
               } : void 0,
-              J(r.type) ? {
+              V(r.type) ? {
                 name: "header",
-                fn: C((f) => [
-                  V(e.$slots, `header-${r.prop}`, p({ ref_for: !0 }, M(f)), () => [
-                    r.headerRender ? (l(), b($(r.headerRender), p({
+                fn: C((p) => [
+                  $(e.$slots, `header-${r.prop}`, c({ ref_for: !0 }, J(p)), () => [
+                    r.headerRender ? (s(), b(Y(r.headerRender), c({
                       key: 0,
                       ref_for: !0
-                    }, M(f)), null, 16)) : (l(), y(E, { key: 1 }, [
-                      P(Y(r.label), 1)
+                    }, J(p)), null, 16)) : (s(), y(T, { key: 1 }, [
+                      R(q(r.label), 1)
                     ], 64))
                   ], !0)
                 ]),
@@ -220,26 +238,26 @@ const Oe = { class: "table-main" }, ze = { class: "table-main-pagination" }, Ue
           ]),
           _: 3
         }, 16, ["maxHeight", "data", "rowKey"]),
-        Te(we("div", ze, [
-          R(ie, {
-            "current-page": s(o),
-            "onUpdate:currentPage": t[1] || (t[1] = (r) => F(o) ? o.value = r : null),
-            "page-size": s(i),
+        we(Pe("div", Oe, [
+          I(fe, {
+            "current-page": n(l),
+            "onUpdate:currentPage": t[1] || (t[1] = (r) => F(l) ? l.value = r : null),
+            "page-size": n(i),
             "onUpdate:pageSize": t[2] || (t[2] = (r) => F(i) ? i.value = r : null),
-            "page-sizes": u.pageSizeOptions,
+            "page-sizes": f.pageSizeOptions,
             size: "small",
             background: "",
-            layout: u.pageLayout,
-            total: s(x),
-            onSizeChange: le
+            layout: f.pageLayout,
+            total: n(_),
+            onSizeChange: ie
           }, null, 8, ["current-page", "page-size", "page-sizes", "layout", "total"])
         ], 512), [
-          [xe, u.showPager]
+          [Ie, f.showPager]
         ])
       ]);
     };
   }
 });
 export {
-  Ue as default
+  Ze as default
 };

package/es/components/table/TableToolbar.vue.mjs

@@ -1,7 +1,7 @@
 import o from "./TableToolbar.vue2.mjs";
 /* empty css                   */
-import a from "../../_virtual/_plugin-vue_export-helper.mjs";
-const m = /* @__PURE__ */ a(o, [["__scopeId", "data-v-60e049ad"]]);
+import r from "../../_virtual/_plugin-vue_export-helper.mjs";
+const p = /* @__PURE__ */ r(o, [["__scopeId", "data-v-760501d0"]]);
 export {
-  m as default
+  p as default
 };

package/es/components/table/TableToolbar.vue2.mjs

@@ -1,75 +1,126 @@
-import { ElDropdown as k, ElButton as B, ElIcon as D, ElDropdownMenu as I, ElDropdownItem as V } from "element-plus/es";
+import { ElDropdown as _, ElButton as D, ElIcon as V, ElDropdownMenu as T, ElDropdownItem as $ } from "element-plus/es";
 import "element-plus/es/components/base/style/css";
 import "element-plus/es/components/dropdown/style/css";
 import "element-plus/es/components/dropdown-menu/style/css";
 import "element-plus/es/components/dropdown-item/style/css";
 import "element-plus/es/components/button/style/css";
 import "element-plus/es/components/icon/style/css";
-import { defineComponent as C, useModel as M, computed as f, ref as E, watch as N, openBlock as u, createElementBlock as z, createElementVNode as g, createBlock as p, withCtx as o, createVNode as l, createTextVNode as d, unref as w, createCommentVNode as c, normalizeClass as T, mergeModels as U } from "vue";
-import { ArrowDown as $, Refresh as j } from "@element-plus/icons-vue";
-import q from "../misc/AutoRefresh.vue.mjs";
-const G = { class: "table-toolbar" }, H = { class: "table-toolbar-left" }, J = { class: "table-toolbar-right" }, ee = /* @__PURE__ */ C({
+import { defineComponent as L, useModel as N, computed as b, ref as y, watch as z, openBlock as f, createElementBlock as P, createElementVNode as F, createBlock as h, withCtx as r, createVNode as n, createTextVNode as v, unref as B, createCommentVNode as w, normalizeClass as S, mergeModels as U } from "vue";
+import { ElMessageBox as X, ElMessage as q } from "element-plus";
+import { ArrowDown as O, Refresh as j } from "@element-plus/icons-vue";
+import G from "../misc/AutoRefresh.vue.mjs";
+import { countAll as H, fetchListAll as k } from "../../helpers/list-helper.mjs";
+import { EXPORT_MAX_LIMIT as c, exportCSV as J } from "../../utils/export.mjs";
+const K = { class: "table-toolbar" }, Q = { class: "table-toolbar-left" }, W = { class: "table-toolbar-right" }, me = /* @__PURE__ */ L({
   __name: "TableToolbar",
   props: /* @__PURE__ */ U({
-    leftFeatures: {},
-    rightFeatures: {},
+    leftFeatures: { default: () => ["export"] },
+    rightFeatures: { default: () => ["refresh", "autoRefresh"] },
     refreshInterval: { default: 30 },
+    exportByFe: { type: Boolean, default: !0 },
     exportFn: {},
     tableExpose: {},
-    loading: { type: Boolean }
+    loading: { type: Boolean },
+    exportContext: {}
   }, {
     isAutoRefresh: { type: Boolean },
     isAutoRefreshModifiers: {}
   }),
   emits: ["update:isAutoRefresh"],
-  setup(n) {
-    const t = n, v = M(n, "isAutoRefresh"), x = f(
-      () => t.leftFeatures === void 0 || t.leftFeatures.includes("export")
-    ), F = f(
+  setup(u) {
+    const t = u, g = N(u, "isAutoRefresh"), R = b(() => {
+      var o;
+      return (o = t.leftFeatures) == null ? void 0 : o.includes("export");
+    }), A = b(
       () => t.rightFeatures === void 0 || t.rightFeatures.includes("refresh")
-    ), _ = f(
+    ), C = b(
       () => t.rightFeatures === void 0 || t.rightFeatures.includes("autoRefresh")
-    ), i = E(30);
-    N(
+    ), E = y(30);
+    z(
       () => t.refreshInterval,
-      (a) => {
-        i.value = a;
+      (o) => {
+        E.value = o;
       },
       { immediate: !0 }
     );
-    const r = E(!1), R = (a) => {
-      r.value || !t.exportFn || (r.value = !0, t.exportFn(a).catch(() => {
+    const p = y(!1), M = async (o) => {
+      const { columns: e, selectedList: a, currentPageList: x, api: s, query: m } = t.exportContext;
+      let i;
+      switch (o) {
+        case "selected":
+          i = a;
+          break;
+        case "current":
+          i = x;
+          break;
+        case "all":
+          try {
+            const l = await H(s, m);
+            if (l > c) {
+              try {
+                await X.confirm(
+                  `数据量超过 ${c} 条（共 ${l} 条），是否只导出前 ${c} 条？`,
+                  "提示",
+                  {
+                    confirmButtonText: "导出",
+                    cancelButtonText: "取消",
+                    type: "warning"
+                  }
+                );
+              } catch {
+                return;
+              }
+              i = await k(s, m, { limit: c });
+            } else
+              i = await k(s, m, { limit: c });
+          } catch (l) {
+            q.error(`导出失败：${(l == null ? void 0 : l.message) || (l == null ? void 0 : l.toString())}`);
+            return;
+          }
+          break;
+      }
+      const d = `${document.title}-${Date.now()}`;
+      J({ columns: e, list: i, filename: d });
+    }, I = (o) => {
+      var a;
+      if (p.value) return;
+      p.value = !0;
+      const e = t.exportByFe ? M(o) : (a = t.exportFn) == null ? void 0 : a.call(t, o);
+      Promise.resolve(e).catch(() => {
       }).finally(() => {
-        r.value = !1;
-      }));
+        p.value = !1;
+      });
     };
-    return (a, e) => {
-      const h = D, b = B, m = V, y = I, A = k;
-      return u(), z("div", G, [
-        g("div", H, [
-          x.value ? (u(), p(A, {
+    return (o, e) => {
+      const a = V, x = D, s = $, m = T, i = _;
+      return f(), P("div", K, [
+        F("div", Q, [
+          R.value ? (f(), h(i, {
             key: 0,
-            disabled: r.value,
-            onCommand: R
+            disabled: !u.exportContext.total,
+            onCommand: I
           }, {
-            dropdown: o(() => [
-              l(y, null, {
-                default: o(() => [
-                  l(m, { command: "selected" }, {
-                    default: o(() => [...e[4] || (e[4] = [
-                      d("导出选择", -1)
+            dropdown: r(() => [
+              n(m, null, {
+                default: r(() => [
+                  u.exportContext.hasSelection ? (f(), h(s, {
+                    key: 0,
+                    command: "selected"
+                  }, {
+                    default: r(() => [...e[4] || (e[4] = [
+                      v(" 导出选择 ", -1)
                     ])]),
                     _: 1
-                  }),
-                  l(m, { command: "current" }, {
-                    default: o(() => [...e[5] || (e[5] = [
-                      d("导出本页", -1)
+                  })) : w("", !0),
+                  n(s, { command: "current" }, {
+                    default: r(() => [...e[5] || (e[5] = [
+                      v("导出本页", -1)
                     ])]),
                     _: 1
                   }),
-                  l(m, { command: "all" }, {
-                    default: o(() => [...e[6] || (e[6] = [
-                      d("导出全部", -1)
+                  n(s, { command: "all" }, {
+                    default: r(() => [...e[6] || (e[6] = [
+                      v("导出全部", -1)
                     ])]),
                     _: 1
                   })
@@ -77,17 +128,17 @@ const G = { class: "table-toolbar" }, H = { class: "table-toolbar-left" }, J = {
                 _: 1
               })
             ]),
-            default: o(() => [
-              l(b, {
+            default: r(() => [
+              n(x, {
                 size: "small",
                 type: "primary",
-                loading: r.value
+                loading: p.value
               }, {
-                default: o(() => [
-                  e[3] || (e[3] = d(" 导出 ", -1)),
-                  l(h, null, {
-                    default: o(() => [
-                      l(w($))
+                default: r(() => [
+                  e[3] || (e[3] = v(" 导出 ", -1)),
+                  n(a, null, {
+                    default: r(() => [
+                      n(B(O))
                     ]),
                     _: 1
                   })
@@ -96,41 +147,41 @@ const G = { class: "table-toolbar" }, H = { class: "table-toolbar-left" }, J = {
               }, 8, ["loading"])
             ]),
             _: 1
-          }, 8, ["disabled"])) : c("", !0)
+          }, 8, ["disabled"])) : w("", !0)
         ]),
-        g("div", J, [
-          _.value ? (u(), p(q, {
+        F("div", W, [
+          C.value ? (f(), h(G, {
             key: 0,
-            modelValue: v.value,
-            "onUpdate:modelValue": e[0] || (e[0] = (s) => v.value = s),
-            interval: i.value,
-            "onUpdate:interval": e[1] || (e[1] = (s) => i.value = s),
+            modelValue: g.value,
+            "onUpdate:modelValue": e[0] || (e[0] = (d) => g.value = d),
+            interval: E.value,
+            "onUpdate:interval": e[1] || (e[1] = (d) => E.value = d),
             refreshFn: t.tableExpose.refresh,
-            enabled: !n.loading
-          }, null, 8, ["modelValue", "interval", "refreshFn", "enabled"])) : c("", !0),
-          F.value ? (u(), p(b, {
+            enabled: !u.loading
+          }, null, 8, ["modelValue", "interval", "refreshFn", "enabled"])) : w("", !0),
+          A.value ? (f(), h(x, {
             key: 1,
             size: "small",
             circle: "",
-            onClick: e[2] || (e[2] = (s) => t.tableExpose.refresh())
+            onClick: e[2] || (e[2] = (d) => t.tableExpose.refresh())
           }, {
-            default: o(() => [
-              l(h, {
-                class: T({ "table-toolbar-icon--rotating": n.loading })
+            default: r(() => [
+              n(a, {
+                class: S({ "table-toolbar-icon--rotating": u.loading })
               }, {
-                default: o(() => [
-                  l(w(j))
+                default: r(() => [
+                  n(B(j))
                 ]),
                 _: 1
               }, 8, ["class"])
             ]),
             _: 1
-          })) : c("", !0)
+          })) : w("", !0)
         ])
       ]);
     };
   }
 });
 export {
-  ee as default
+  me as default
 };

package/es/helpers/list-helper.mjs

@@ -1,61 +1,57 @@
-async function A(a, c, e) {
-  var s;
-  const i = (e == null ? void 0 : e.pageSize) ?? 200, r = (e == null ? void 0 : e.limit) ?? 1e4;
+async function A(r, n, e) {
+  var o;
+  const i = (e == null ? void 0 : e.pageSize) ?? 200, a = (e == null ? void 0 : e.limit) ?? 1e4;
   if (i < 1 || i > 1e3)
     throw new Error(
       `fetchListAll: pageSize 必须在 [1, 1000] 范围内(实际 ${i})`
     );
   const t = [];
-  let n = 1;
+  let c = 1;
   for (; ; ) {
-    const o = {
-      ...c,
-      page: { page: n, pageSize: i }
-    }, l = await a(o), p = l.items, g = ((s = l.page) == null ? void 0 : s.totalRecord) ?? 0;
-    if (n === 1 && g > r)
-      throw new Error(
-        `fetchListAll 超出上限 ${r}(实际 totalRecord=${g}),请手动分页或质疑工具适用性`
-      );
-    if (t.push(...p), p.length < i || t.length >= g) break;
-    n += 1;
+    const s = {
+      ...n,
+      page: { page: c, pageSize: i }
+    }, l = await r(s), g = l.items, p = ((o = l.page) == null ? void 0 : o.totalRecord) ?? 0;
+    if (t.push(...g), t.length >= a || g.length < i || t.length >= p) break;
+    c += 1;
   }
-  return t;
+  return t.slice(0, a);
 }
-function f(a) {
-  return async (c) => {
-    const e = c.page;
+function f(r) {
+  return async (n) => {
+    const e = n.page;
     if (!e)
       throw new Error("createListApi: params.page 必填(含 page / pageSize)");
-    const { page: i, pageSize: r } = e;
-    if (!r || r <= 0)
+    const { page: i, pageSize: a } = e;
+    if (!a || a <= 0)
       throw new Error("createListApi: pageSize 必须 > 0");
     let t;
-    if (Array.isArray(a))
-      t = a;
+    if (Array.isArray(r))
+      t = r;
     else {
-      const o = a();
-      if (o instanceof Promise) {
-        const l = await o;
+      const s = r();
+      if (s instanceof Promise) {
+        const l = await s;
         if (!Array.isArray(l))
           throw new Error("createListApi: 异步 source 返回值必须为数组");
         t = l;
       } else
-        t = o;
+        t = s;
     }
-    const n = (i - 1) * r, s = n + r;
+    const c = (i - 1) * a, o = c + a;
     return {
-      items: t.slice(n, s),
+      items: t.slice(c, o),
       page: {
         totalRecord: t.length,
-        pageSize: r,
-        totalPage: Math.ceil(t.length / r)
+        pageSize: a,
+        totalPage: Math.ceil(t.length / a)
       }
     };
   };
 }
-function h(a, c) {
-  return a({
-    ...c,
+function h(r, n) {
+  return r({
+    ...n,
     page: { page: 1, pageSize: 1 }
   }).then((e) => e.page.totalRecord);
 }

package/es/index.mjs

@@ -5,41 +5,42 @@ import { miscInstall as a } from "./components/misc/index.mjs";
 import { modalInstall as m } from "./components/modal/index.mjs";
 import { tableInstall as f } from "./components/table/index.mjs";
 import { listPageInstall as s } from "./components/list-page/index.mjs";
-import { default as F } from "./components/modal/DetailModal.vue.mjs";
-import { default as E } from "./components/form/FormDateTimeRange.vue.mjs";
+import { default as T } from "./components/modal/DetailModal.vue.mjs";
+import { default as g } from "./components/form/FormDateTimeRange.vue.mjs";
 import { default as R } from "./components/form/FormMain.vue.mjs";
 import { default as C } from "./components/form/FormRadio.vue.mjs";
-import { default as S } from "./components/form/FormRadioGroup.vue.mjs";
-import { default as D } from "./components/form/FormSelect.vue.mjs";
-import { default as P } from "./components/form/FormTree.vue.mjs";
+import { default as L } from "./components/form/FormRadioGroup.vue.mjs";
+import { default as S } from "./components/form/FormSelect.vue.mjs";
+import { default as D } from "./components/form/FormTree.vue.mjs";
 import { default as h } from "./components/form/FormVerifyCode.vue.mjs";
-import { default as G } from "./components/menu/MenuItemSub.vue.mjs";
-import { default as w } from "./components/menu/MenuTree.vue.mjs";
+import { default as N } from "./components/menu/MenuItemSub.vue.mjs";
+import { default as V } from "./components/menu/MenuTree.vue.mjs";
 import { default as v } from "./components/display/TabsMain.vue.mjs";
 import { default as H } from "./components/misc/TriggerAutoImport.vue.mjs";
 import { default as W } from "./components/display/WatchSize.vue.mjs";
 import { APP_API_LIST_MODEL_KEY_CONFIG as B } from "./config/list-model.mjs";
-import { default as Q } from "./components/misc/AutoRefresh.vue.mjs";
-import { BODY_CONTENT_VIEWPORT_HEIGHT as k } from "./inject/key.mjs";
-import { default as J } from "./components/modal/ConfirmModal.vue.mjs";
-import { FORM_CONFIG_SELECT_ALL_VALUE as Z, getConfirmPasswordRule as $, passwordRule as ee, setFormComponentType as te } from "./helpers/form.mjs";
-import { FORM_ITEM_CHANGE_LOADING as re, generateFormData as ae, getBlurSubmit as me, getChangeSubmit as fe, getEnterSubmit as se, getPlaceholder as le, getVModelSugar as ue, parseFormData as ie, setInputComponent as pe, setSelectComponent as ne, stringifyFormData as xe, swiftFormItemConfig as de } from "./components/form/utils.mjs";
-import { default as ce } from "./components/form/FormSearch.vue.mjs";
+import { default as Y } from "./components/misc/AutoRefresh.vue.mjs";
+import { BODY_CONTENT_VIEWPORT_HEIGHT as Q } from "./inject/key.mjs";
+import { default as q } from "./components/modal/ConfirmModal.vue.mjs";
+import { EXPORT_MAX_LIMIT as Z, OPERATE_COLUMN_PROP as $, exportCSV as ee, pickExportColumns as te } from "./utils/export.mjs";
+import { FORM_CONFIG_SELECT_ALL_VALUE as re, getConfirmPasswordRule as ae, passwordRule as me, setFormComponentType as fe } from "./helpers/form.mjs";
+import { FORM_ITEM_CHANGE_LOADING as le, generateFormData as ue, getBlurSubmit as pe, getChangeSubmit as ie, getEnterSubmit as ne, getPlaceholder as xe, getVModelSugar as de, parseFormData as Ie, setInputComponent as ce, setSelectComponent as Ee, stringifyFormData as Te, swiftFormItemConfig as _e } from "./components/form/utils.mjs";
+import { default as Me } from "./components/form/FormSearch.vue.mjs";
 import { default as Fe } from "./components/form/FormVerifyImage.vue.mjs";
-import { default as Ee } from "./components/list-page/ListPage.vue.mjs";
-import { ROUTE_MODULE_LEVEL as Re, TabsMainReplaceQueryKey as _e } from "./config/route.mjs";
-import { default as Ae } from "./components/table/TableMain.vue.mjs";
-import { countAll as Le, createListApi as De, fetchListAll as Oe } from "./helpers/list-helper.mjs";
-import { createGenerateRouteMetaRawTree as be } from "./helpers/route.mjs";
-import { createStorageWithNamespace as ye } from "./helpers/storage.mjs";
-import { createUseState as Ne } from "./helpers/state.mjs";
-import { flatRouteMetaResolveRaw as Ve, getRoutePermissionKey as ve } from "./utils/router.mjs";
-import { getId as He } from "./utils/id.mjs";
-import { timeCountDown as We } from "./utils/time.mjs";
-import { useActivated as Be, useActivatedEvent as Ye, useActivatedExec as Qe } from "./hooks/activated.mjs";
-import { useFeelSize as ke } from "./hooks/feel-size.mjs";
-import { useMenusDataDispatch as Je } from "./hooks/menus-dispatch.mjs";
-import { useTimeout as Ze } from "./hooks/timeout.mjs";
+import { default as Ae } from "./components/list-page/ListPage.vue.mjs";
+import { ROUTE_MODULE_LEVEL as Oe, TabsMainReplaceQueryKey as Se } from "./config/route.mjs";
+import { default as De } from "./components/table/TableMain.vue.mjs";
+import { countAll as he, createListApi as ye, fetchListAll as Ne } from "./helpers/list-helper.mjs";
+import { createGenerateRouteMetaRawTree as Ve } from "./helpers/route.mjs";
+import { createStorageWithNamespace as ve } from "./helpers/storage.mjs";
+import { createUseState as He } from "./helpers/state.mjs";
+import { flatRouteMetaResolveRaw as We, getRoutePermissionKey as ze } from "./utils/router.mjs";
+import { getId as Xe } from "./utils/id.mjs";
+import { timeCountDown as ke } from "./utils/time.mjs";
+import { useActivated as je, useActivatedEvent as qe, useActivatedExec as Je } from "./hooks/activated.mjs";
+import { useFeelSize as $e } from "./hooks/feel-size.mjs";
+import { useMenusDataDispatch as tt } from "./hooks/menus-dispatch.mjs";
+import { useTimeout as rt } from "./hooks/timeout.mjs";
 const I = {
   install(e) {
     e.use(t), e.use(o), e.use(r), e.use(a), e.use(m), e.use(f), e.use(s);
@@ -47,66 +48,70 @@ const I = {
 };
 export {
   B as APP_API_LIST_MODEL_KEY_CONFIG,
-  Q as AutoRefresh,
-  k as BODY_CONTENT_VIEWPORT_HEIGHT,
-  J as ConfirmModal,
-  F as DetailModal,
-  Z as FORM_CONFIG_SELECT_ALL_VALUE,
-  re as FORM_ITEM_CHANGE_LOADING,
-  E as FormDateTimeRange,
+  Y as AutoRefresh,
+  Q as BODY_CONTENT_VIEWPORT_HEIGHT,
+  q as ConfirmModal,
+  T as DetailModal,
+  Z as EXPORT_MAX_LIMIT,
+  re as FORM_CONFIG_SELECT_ALL_VALUE,
+  le as FORM_ITEM_CHANGE_LOADING,
+  g as FormDateTimeRange,
   R as FormMain,
   C as FormRadio,
-  S as FormRadioGroup,
-  ce as FormSearch,
-  D as FormSelect,
-  P as FormTree,
+  L as FormRadioGroup,
+  Me as FormSearch,
+  S as FormSelect,
+  D as FormTree,
   h as FormVerifyCode,
   Fe as FormVerifyImage,
-  Ee as ListPage,
-  G as MenuItemSub,
-  w as MenuTree,
-  Re as ROUTE_MODULE_LEVEL,
-  Ae as TableMain,
+  Ae as ListPage,
+  N as MenuItemSub,
+  V as MenuTree,
+  $ as OPERATE_COLUMN_PROP,
+  Oe as ROUTE_MODULE_LEVEL,
+  De as TableMain,
   v as TabsMain,
-  _e as TabsMainReplaceQueryKey,
+  Se as TabsMainReplaceQueryKey,
   H as TriggerAutoImport,
   W as WatchSize,
-  Le as countAll,
-  be as createGenerateRouteMetaRawTree,
-  De as createListApi,
-  ye as createStorageWithNamespace,
-  Ne as createUseState,
+  he as countAll,
+  Ve as createGenerateRouteMetaRawTree,
+  ye as createListApi,
+  ve as createStorageWithNamespace,
+  He as createUseState,
   r as displayInstall,
-  Oe as fetchListAll,
-  Ve as flatRouteMetaResolveRaw,
+  ee as exportCSV,
+  Ne as fetchListAll,
+  We as flatRouteMetaResolveRaw,
   t as formInstall,
-  ae as generateFormData,
-  me as getBlurSubmit,
-  fe as getChangeSubmit,
-  $ as getConfirmPasswordRule,
-  se as getEnterSubmit,
-  He as getId,
-  le as getPlaceholder,
-  ve as getRoutePermissionKey,
-  ue as getVModelSugar,
+  ue as generateFormData,
+  pe as getBlurSubmit,
+  ie as getChangeSubmit,
+  ae as getConfirmPasswordRule,
+  ne as getEnterSubmit,
+  Xe as getId,
+  xe as getPlaceholder,
+  ze as getRoutePermissionKey,
+  de as getVModelSugar,
   I as installComponents,
   s as listPageInstall,
   o as menuInstall,
   a as miscInstall,
   m as modalInstall,
-  ie as parseFormData,
-  ee as passwordRule,
-  te as setFormComponentType,
-  pe as setInputComponent,
-  ne as setSelectComponent,
-  xe as stringifyFormData,
-  de as swiftFormItemConfig,
+  Ie as parseFormData,
+  me as passwordRule,
+  te as pickExportColumns,
+  fe as setFormComponentType,
+  ce as setInputComponent,
+  Ee as setSelectComponent,
+  Te as stringifyFormData,
+  _e as swiftFormItemConfig,
   f as tableInstall,
-  We as timeCountDown,
-  Be as useActivated,
-  Ye as useActivatedEvent,
-  Qe as useActivatedExec,
-  ke as useFeelSize,
-  Je as useMenusDataDispatch,
-  Ze as useTimeout
+  ke as timeCountDown,
+  je as useActivated,
+  qe as useActivatedEvent,
+  Je as useActivatedExec,
+  $e as useFeelSize,
+  tt as useMenusDataDispatch,
+  rt as useTimeout
 };

package/es/style.css

@@ -1 +1 @@
-.form-item-tip[data-v-e889a0ed]{text-align:left;line-height:1.5;font-size:12px}.form-search_show[data-v-8896356d]{margin-bottom:10px}.form-search .btn-box[data-v-8896356d]{padding-left:20px}.form-search[data-v-8896356d] .el-col{padding-left:14px}.form-verify-image[data-v-a4baf877] .el-input__suffix-inner *{margin:0}.form-verify-image-suffix[data-v-a4baf877]{position:absolute;height:100%;border-radius:var(--el-input-border-radius, var(--el-border-radius-base));top:50%;transform:translateY(-50%);overflow:hidden;cursor:pointer}.form-verify-image-suffix-main[data-v-a4baf877]{position:absolute;left:0;top:0;width:100%;height:100%;background-color:#f4f4f4}.auto-refresh[data-v-9d78ca06]{display:flex;align-items:center;gap:8px}.auto-refresh-label[data-v-9d78ca06]{font-size:13px;color:var(--el-text-color-regular)}.auto-refresh-interval[data-v-9d78ca06]{width:80px}.confirm-dialog .content[data-v-2f0c870e]{overflow-x:hidden;overflow-y:auto;max-height:calc(100vh - 200px)}.confirm-dialog .btn[data-v-2f0c870e]{width:150px;height:40px;border-radius:4px}.confirm-dialog .main[data-v-2f0c870e]{position:relative;text-align:center}.confirm-dialog .main .close-box[data-v-2f0c870e]{position:absolute;top:0;right:0;cursor:pointer;z-index:2}.confirm-dialog .main .shim[data-v-2f0c870e]{position:relative;z-index:1}.confirm-dialog .main .shim .title[data-v-2f0c870e]{font-size:18px;font-weight:500}.confirm-dialog .main .shim .content[data-v-2f0c870e]{font-size:16px;margin-top:15px}.confirm-dialog .main .shim .footer[data-v-2f0c870e]{display:flex;justify-content:center;align-items:center;padding-top:5px}.confirm-dialog .main .shim .footer>.btn[data-v-2f0c870e]:not(:last-child){margin-right:30px}.confirm-dialog .main .shim .footer[reverse=true][data-v-2f0c870e]{flex-direction:row-reverse}.confirm-dialog .main .shim .footer[reverse=true]>.btn[data-v-2f0c870e]:not(:last-child){margin-right:0;margin-left:30px}.confirm-dialog .el-dialog__header,.confirm-dialog .el-dialog__body{padding:0;background-color:transparent}.table-toolbar[data-v-60e049ad]{display:flex;justify-content:space-between;align-items:center;padding-bottom:8px;gap:20px}.table-toolbar-left[data-v-60e049ad],.table-toolbar-right[data-v-60e049ad]{display:flex;align-items:center;gap:10px}.table-toolbar-icon--rotating[data-v-60e049ad]{animation:table-toolbar-rotating-60e049ad 1s linear infinite}@keyframes table-toolbar-rotating-60e049ad{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.table-main-table[data-v-643017c3]{--el-table-header-bg-color: var(--v4c03ff8f)}.table-main-pagination[data-v-643017c3]{margin-top:10px;display:flex;justify-content:flex-end}.list-page[data-v-182577bf]{min-height:var(--ad28a056)}.list-page-header[data-v-182577bf],.list-page-operation[data-v-182577bf]{margin-bottom:10px}.list-page[data-v-182577bf] .el-loading-mask{left:-10px;top:-10px;right:-10px;bottom:-10px}
+.form-item-tip[data-v-e889a0ed]{text-align:left;line-height:1.5;font-size:12px}.form-search_show[data-v-8896356d]{margin-bottom:10px}.form-search .btn-box[data-v-8896356d]{padding-left:20px}.form-search[data-v-8896356d] .el-col{padding-left:14px}.form-verify-image[data-v-a4baf877] .el-input__suffix-inner *{margin:0}.form-verify-image-suffix[data-v-a4baf877]{position:absolute;height:100%;border-radius:var(--el-input-border-radius, var(--el-border-radius-base));top:50%;transform:translateY(-50%);overflow:hidden;cursor:pointer}.form-verify-image-suffix-main[data-v-a4baf877]{position:absolute;left:0;top:0;width:100%;height:100%;background-color:#f4f4f4}.auto-refresh[data-v-9d78ca06]{display:flex;align-items:center;gap:8px}.auto-refresh-label[data-v-9d78ca06]{font-size:13px;color:var(--el-text-color-regular)}.auto-refresh-interval[data-v-9d78ca06]{width:80px}.confirm-dialog .content[data-v-2f0c870e]{overflow-x:hidden;overflow-y:auto;max-height:calc(100vh - 200px)}.confirm-dialog .btn[data-v-2f0c870e]{width:150px;height:40px;border-radius:4px}.confirm-dialog .main[data-v-2f0c870e]{position:relative;text-align:center}.confirm-dialog .main .close-box[data-v-2f0c870e]{position:absolute;top:0;right:0;cursor:pointer;z-index:2}.confirm-dialog .main .shim[data-v-2f0c870e]{position:relative;z-index:1}.confirm-dialog .main .shim .title[data-v-2f0c870e]{font-size:18px;font-weight:500}.confirm-dialog .main .shim .content[data-v-2f0c870e]{font-size:16px;margin-top:15px}.confirm-dialog .main .shim .footer[data-v-2f0c870e]{display:flex;justify-content:center;align-items:center;padding-top:5px}.confirm-dialog .main .shim .footer>.btn[data-v-2f0c870e]:not(:last-child){margin-right:30px}.confirm-dialog .main .shim .footer[reverse=true][data-v-2f0c870e]{flex-direction:row-reverse}.confirm-dialog .main .shim .footer[reverse=true]>.btn[data-v-2f0c870e]:not(:last-child){margin-right:0;margin-left:30px}.confirm-dialog .el-dialog__header,.confirm-dialog .el-dialog__body{padding:0;background-color:transparent}.table-toolbar[data-v-760501d0]{display:flex;justify-content:space-between;align-items:center;padding-bottom:8px;gap:20px}.table-toolbar-left[data-v-760501d0],.table-toolbar-right[data-v-760501d0]{display:flex;align-items:center;gap:10px}.table-toolbar-icon--rotating[data-v-760501d0]{animation:table-toolbar-rotating-760501d0 1s linear infinite}@keyframes table-toolbar-rotating-760501d0{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.table-main-table[data-v-f0f7753c]{--el-table-header-bg-color: var(--v16a9ca77)}.table-main-pagination[data-v-f0f7753c]{margin-top:10px;display:flex;justify-content:flex-end}.list-page[data-v-182577bf]{min-height:var(--ad28a056)}.list-page-header[data-v-182577bf],.list-page-operation[data-v-182577bf]{margin-bottom:10px}.list-page[data-v-182577bf] .el-loading-mask{left:-10px;top:-10px;right:-10px;bottom:-10px}

package/es/utils/export.mjs

@@ -0,0 +1,23 @@
+const f = "OPERATE", E = 1e4, O = (t) => t.filter((e) => !(!e.prop || e.prop === f || e.type && e.type !== "default")).map((e) => ({
+  prop: e.prop,
+  label: e.label
+})), b = "\uFEFF", R = ({
+  columns: t,
+  list: e,
+  filename: p = "导出数据"
+}) => {
+  const c = t.map((n) => n.label).join(","), s = e.map(
+    (n) => t.map((u) => {
+      const i = n[u.prop] ?? "";
+      return `"${String(i).replace(/"/g, '""')}"`;
+    }).join(",")
+  ), a = b + [c, ...s].join(`
+`), l = new Blob([a], { type: "text/csv;charset=utf-8;" }), o = URL.createObjectURL(l), r = document.createElement("a");
+  r.href = o, r.download = `${p}.csv`, r.click(), URL.revokeObjectURL(o);
+};
+export {
+  E as EXPORT_MAX_LIMIT,
+  f as OPERATE_COLUMN_PROP,
+  R as exportCSV,
+  O as pickExportColumns
+};

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@done-coding/admin-core",
-  "version": "0.1.1-alpha.2",
+  "version": "0.1.1-alpha.3",
   "description": "后台管理核心",
   "private": false,
   "main": "lib/index.cjs",
@@ -77,5 +77,5 @@
     "node": ">=18.0.0",
     "pnpm": ">=9.0.0"
   },
-  "gitHead": "ab2bb3cbded6a375d254e49281d93383534afabe"
+  "gitHead": "53e17b4c1d1e64d8b48e85207fc7680109e75809"
 }

package/types/components/table/TableToolbar.vue.d.ts

@@ -1,4 +1,4 @@
-import { ExportType, TableMainInstance } from './types';
+import { ExportType, TableExportContext, TableMainInstance, TableToolbarLeftFeature, TableToolbarRightFeature } from './types';
 
 declare const _default: import('vue').DefineComponent<globalThis.ExtractPropTypes<{
     isAutoRefresh: import('vue').PropType<boolean>;
@@ -8,14 +8,20 @@ declare const _default: import('vue').DefineComponent<globalThis.ExtractPropType
     };
     leftFeatures: {
         type: globalThis.PropType<"export"[]>;
+        default: () => TableToolbarLeftFeature[];
     };
     rightFeatures: {
-        type: globalThis.PropType<import('./types').TableToolbarRightFeature[]>;
+        type: globalThis.PropType<TableToolbarRightFeature[]>;
+        default: () => TableToolbarRightFeature[];
     };
     refreshInterval: {
         type: globalThis.PropType<number>;
         default: number;
     };
+    exportByFe: {
+        type: globalThis.PropType<boolean>;
+        default: boolean;
+    };
     exportFn: {
         type: globalThis.PropType<(type: ExportType) => Promise<unknown>>;
     };
@@ -23,6 +29,10 @@ declare const _default: import('vue').DefineComponent<globalThis.ExtractPropType
         type: globalThis.PropType<TableMainInstance>;
         required: true;
     };
+    exportContext: {
+        type: globalThis.PropType<TableExportContext>;
+        required: true;
+    };
 }>, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<globalThis.ExtractPropTypes<{
     isAutoRefresh: import('vue').PropType<boolean>;
     loading: {
@@ -31,14 +41,20 @@ declare const _default: import('vue').DefineComponent<globalThis.ExtractPropType
     };
     leftFeatures: {
         type: globalThis.PropType<"export"[]>;
+        default: () => TableToolbarLeftFeature[];
     };
     rightFeatures: {
-        type: globalThis.PropType<import('./types').TableToolbarRightFeature[]>;
+        type: globalThis.PropType<TableToolbarRightFeature[]>;
+        default: () => TableToolbarRightFeature[];
     };
     refreshInterval: {
         type: globalThis.PropType<number>;
         default: number;
     };
+    exportByFe: {
+        type: globalThis.PropType<boolean>;
+        default: boolean;
+    };
     exportFn: {
         type: globalThis.PropType<(type: ExportType) => Promise<unknown>>;
     };
@@ -46,7 +62,14 @@ declare const _default: import('vue').DefineComponent<globalThis.ExtractPropType
         type: globalThis.PropType<TableMainInstance>;
         required: true;
     };
+    exportContext: {
+        type: globalThis.PropType<TableExportContext>;
+        required: true;
+    };
 }>> & Readonly<{}>, {
+    leftFeatures: TableToolbarLeftFeature[];
+    rightFeatures: TableToolbarRightFeature[];
     refreshInterval: number;
+    exportByFe: boolean;
 }, {}, {}, {}, string, import('vue').ComponentProvideOptions, true, {}, any>;
 export default _default;

package/types/components/table/types.d.ts

@@ -30,6 +30,23 @@ export type ExportType = "selected" | "current" | "all";
 export type TableToolbarLeftFeature = "export";
 /** toolbar 右侧功能 */
 export type TableToolbarRightFeature = "refresh" | "autoRefresh";
+/** TableMain 传给 toolbar 的导出上下文 */
+export interface TableExportContext {
+    /** 可导出列 */
+    columns: Pick<ElTableColumnProps, "prop" | "label">[];
+    /** 选中行数据 */
+    selectedList: Record<string, any>[];
+    /** 当前页数据 */
+    currentPageList: Record<string, any>[];
+    /** 分页 API */
+    api: TableMainProps<any, any, any>["api"];
+    /** 静态查询参数 */
+    query: Record<string, any>;
+    /** 当前数据总数 */
+    total: number;
+    /** 是否包含 selection 列 */
+    hasSelection: boolean;
+}
 /** toolbar 可配置项（通过 TableMain 的 toolbar prop 传入） */
 export interface TableToolbarConfig {
     /**
@@ -46,7 +63,13 @@ export interface TableToolbarConfig {
     rightFeatures?: TableToolbarRightFeature[];
     /** 自动刷新默认间隔（秒），默认 30 */
     refreshInterval?: number;
-    /** 导出方法。传入导出类型，返回 Promise */
+    /**
+     * 是否由前端导出，默认 true。
+     * - true：toolbar 内部调 fetchListAll + exportCSV 完成导出
+     * - false：走 exportFn 回调
+     */
+    exportByFe?: boolean;
+    /** 导出方法。传入导出类型，返回 Promise。exportByFe 为 false 时必传 */
     exportFn?: (type: ExportType) => Promise<unknown>;
 }
 /** 表格列默认作用域 */

package/types/utils/export.d.ts

@@ -0,0 +1,23 @@
+import { ElTableColumnProps } from '../components/table/types';
+
+/** 操作列标记 prop。消费方以此值标记操作列，导出时自动过滤 */
+export declare const OPERATE_COLUMN_PROP = "OPERATE";
+/** 前端导出最大行数 */
+export declare const EXPORT_MAX_LIMIT = 10000;
+/** 导出列：从 ElTableColumnProps 中提取 prop、label、type */
+export type ExportColumn = Pick<ElTableColumnProps, "prop" | "label" | "type">;
+/** 导出参数 */
+export interface ExportOptions {
+    columns: ExportColumn[];
+    list: Record<string, any>[];
+    filename?: string;
+}
+/**
+ * 从表格列配置中提取可导出列
+ * ---
+ * 过滤规则：排除 type 为 selection / index / expand 的列（除 default 外均排除），
+ * 排除 prop 为 OPERATE_COLUMN_PROP 的列，排除无 prop 的列
+ */
+export declare const pickExportColumns: <T extends Record<string, any>>(columns: ElTableColumnProps<T>[]) => ExportColumn[];
+/** 导出 CSV 文件 */
+export declare const exportCSV: ({ columns, list, filename, }: ExportOptions) => void;

package/types/utils/index.d.ts

@@ -1,3 +1,4 @@
 export * from './time';
 export * from './id';
 export * from './router';
+export * from './export';