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

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-4446ddf0]{display:flex;align-items:center;gap:8px}.auto-refresh-label[data-v-4446ddf0]{font-size:13px;color:var(--el-text-color-regular)}.auto-refresh-interval[data-v-4446ddf0]{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-efbd16f8]{display:flex;justify-content:flex-end;align-items:center;padding-bottom:8px}.table-toolbar-right[data-v-efbd16f8]{display:flex;align-items:center;gap:8px}.table-toolbar-icon--rotating[data-v-efbd16f8]{animation:table-toolbar-rotating-efbd16f8 1s linear infinite}@keyframes table-toolbar-rotating-efbd16f8{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.table-main-table[data-v-5944984b]{--el-table-header-bg-color: var(--v7c6ca44f)}.table-main-pagination[data-v-5944984b]{margin-top:10px;display:flex;justify-content:flex-end}.list-page[data-v-a578c778]{min-height:var(--bb4a2a8e)}.list-page-operation[data-v-a578c778]{margin-bottom:10px}.list-page[data-v-a578c778] .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.1",
+  "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": "702df9158b5cfa3bf2f7c667fb10cbe5168b9a7a"
+  "gitHead": "53e17b4c1d1e64d8b48e85207fc7680109e75809"
 }

package/types/components/list-page/ListPage.vue.d.ts

@@ -16,6 +16,7 @@ declare const _default: <T extends Record<string, any>, PO extends Record<string
         tableMainProps?: Partial<Omit<import('../table').TableMainProps<T, import('../form').ExcludeNeverProperties<import('../form').ExtractFormStringifyRawFromObject<PO, SO>> & SQ, ListPageInnerInjectInfo<PO, F>>, import('./types').TableMainOptionsKey | import('./types').TableMainRewriteKey>> | undefined;
     } & {
         showOperation?: boolean;
+        showHeader?: boolean;
         list?: FormItemConfigList<PO, SO> | undefined;
         api: (params: import('../table').TableApiParams<import('../form').ExcludeNeverProperties<import('../form').ExtractFormStringifyRawFromObject<PO, SO>> & SQ>) => Promise<import('../table').TableApiResult<T>>;
         query?: SQ | undefined;
@@ -41,6 +42,7 @@ declare const _default: <T extends Record<string, any>, PO extends Record<string
         injectInfo: ListPageInnerInjectInfo<PO, F>;
         exposeInfo: TableMainInstance;
     }) => any>> & {
+        header?(_: {}): any;
         operation?(_: {}): any;
     }>;
     emit: {

package/types/components/list-page/types.d.ts

@@ -26,6 +26,8 @@ F extends Record<string, any>> = Partial<Pick<FormSearchProps<PO, SO, {}>, FormS
 } & {
     /** 是否展示操作区 */
     showOperation?: boolean;
+    /** 是否展示头部区 */
+    showHeader?: boolean;
     list?: FormItemConfigList<PO, SO>;
     /** api */
     api: (params: TableApiParams<ExtractFormStringifyFromObject<PO, SO> & SQ>) => Promise<TableApiResult<T>>;

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

@@ -1,4 +1,4 @@
-import { TableMainInstance } from './types';
+import { ExportType, TableExportContext, TableMainInstance, TableToolbarLeftFeature, TableToolbarRightFeature } from './types';
 
 declare const _default: import('vue').DefineComponent<globalThis.ExtractPropTypes<{
     isAutoRefresh: import('vue').PropType<boolean>;
@@ -6,38 +6,70 @@ declare const _default: import('vue').DefineComponent<globalThis.ExtractPropType
         type: globalThis.PropType<boolean>;
         required: true;
     };
-    features: {
-        type: globalThis.PropType<import('./types').TableToolbarFeature[]>;
-        default: () => string[];
+    leftFeatures: {
+        type: globalThis.PropType<"export"[]>;
+        default: () => TableToolbarLeftFeature[];
+    };
+    rightFeatures: {
+        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>>;
+    };
     tableExpose: {
         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: {
         type: globalThis.PropType<boolean>;
         required: true;
     };
-    features: {
-        type: globalThis.PropType<import('./types').TableToolbarFeature[]>;
-        default: () => string[];
+    leftFeatures: {
+        type: globalThis.PropType<"export"[]>;
+        default: () => TableToolbarLeftFeature[];
+    };
+    rightFeatures: {
+        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>>;
+    };
     tableExpose: {
         type: globalThis.PropType<TableMainInstance>;
         required: true;
     };
+    exportContext: {
+        type: globalThis.PropType<TableExportContext>;
+        required: true;
+    };
 }>> & Readonly<{}>, {
-    features: import('./types').TableToolbarFeature[];
+    leftFeatures: TableToolbarLeftFeature[];
+    rightFeatures: TableToolbarRightFeature[];
     refreshInterval: number;
+    exportByFe: boolean;
 }, {}, {}, {}, string, import('vue').ComponentProvideOptions, true, {}, any>;
 export default _default;

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

@@ -24,19 +24,53 @@ export interface TableMainInstance {
     reload: (slice?: boolean) => Promise<unknown>;
     getTableInstance: () => TableInstance | undefined;
 }
-/** toolbar 可配置功能列表 */
-export type TableToolbarFeature = "refresh" | "autoRefresh";
+/** 导出类型 */
+export type ExportType = "selected" | "current" | "all";
+/** toolbar 左侧功能 */
+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 {
     /**
-     * 功能列表。
-     * - undefined（默认）：显示所有功能
-     * - []（空数组）：不渲染 toolbar
-     * - 枚举子集：仅显示指定功能
+     * 左侧功能列表。
+     * - undefined（默认）：显示所有左侧功能
+     * - []（空数组）：不渲染左侧功能
+     */
+    leftFeatures?: TableToolbarLeftFeature[];
+    /**
+     * 右侧功能列表。
+     * - undefined（默认）：显示所有右侧功能
+     * - []（空数组）：不渲染右侧功能
      */
-    features?: TableToolbarFeature[];
+    rightFeatures?: TableToolbarRightFeature[];
     /** 自动刷新默认间隔（秒），默认 30 */
     refreshInterval?: number;
+    /**
+     * 是否由前端导出，默认 true。
+     * - true：toolbar 内部调 fetchListAll + exportCSV 完成导出
+     * - false：走 exportFn 回调
+     */
+    exportByFe?: boolean;
+    /** 导出方法。传入导出类型，返回 Promise。exportByFe 为 false 时必传 */
+    exportFn?: (type: ExportType) => Promise<unknown>;
 }
 /** 表格列默认作用域 */
 export interface TableColumnDefaultScope<T extends Record<string, any>, F extends Record<string, any>> {
@@ -82,7 +116,7 @@ SQ extends Record<string, any>,
 F extends Record<string, any>> {
     /** 展示分页器 */
     showPager?: boolean;
-    /** 是否显示 toolbar（顶层开关，默认 true，优先级高于 toolbar.features） */
+    /** 是否显示 toolbar（顶层开关，默认 true，优先级高于 toolbar.leftFeatures / rightFeatures） */
     showToolbar?: boolean;
     /** toolbar 配置 */
     toolbar?: TableToolbarConfig;

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';