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

package/es/index.mjs

@@ -5,108 +5,120 @@ 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 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 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 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 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";
-const I = {
+import { default as E } from "./components/misc/ActionButton.vue.mjs";
+import { default as M } from "./components/misc/ActionButtonDanger.vue.mjs";
+import { default as A } from "./components/misc/ActionButtonWarn.vue.mjs";
+import { default as R } from "./components/modal/DetailModal.vue.mjs";
+import { default as O } from "./components/form/FormMain.vue.mjs";
+import { default as L } from "./components/form/FormRadio.vue.mjs";
+import { default as D } from "./components/form/FormRadioGroup.vue.mjs";
+import { default as h } from "./components/form/FormSelect.vue.mjs";
+import { default as N } from "./components/form/FormTree.vue.mjs";
+import { default as G } from "./components/form/FormVerifyCode.vue.mjs";
+import { default as v } from "./components/menu/MenuItemSub.vue.mjs";
+import { default as U } from "./components/menu/MenuTree.vue.mjs";
+import { default as k } from "./components/display/TabsMain.vue.mjs";
+import { default as K } from "./components/misc/TriggerAutoImport.vue.mjs";
+import { default as X } from "./components/display/WatchSize.vue.mjs";
+import { APP_API_LIST_MODEL_KEY_CONFIG as Q } from "./config/list-model.mjs";
+import { default as q } from "./components/misc/AutoRefresh.vue.mjs";
+import { BODY_CONTENT_VIEWPORT_HEIGHT as Z } from "./inject/key.mjs";
+import { default as ee } from "./components/modal/ConfirmModal.vue.mjs";
+import { EXPORT_MAX_LIMIT as oe, OPERATE_COLUMN_PROP as re, exportCSV as ae, pickExportColumns as me } from "./utils/export.mjs";
+import { FORM_CONFIG_SELECT_ALL_VALUE as se, getConfirmPasswordRule as le, passwordRule as ue, setFormComponentType as ie } from "./helpers/form.mjs";
+import { FORM_ITEM_CHANGE_LOADING as ne, generateFormData as xe, getBlurSubmit as de, getChangeSubmit as ce, getDatePickerSwiftOptions as Ie, getEnterSubmit as ge, getPlaceholder as Ee, getVModelSugar as _e, parseFormData as Me, setInputComponent as Te, setSelectComponent as Ae, stringifyFormData as Fe, swiftFormItemConfig as Re } from "./components/form/utils.mjs";
+import { default as Oe } from "./components/form/FormDatePicker.vue.mjs";
+import { default as Le } from "./components/form/FormSearch.vue.mjs";
+import { default as De } from "./components/form/FormVerifyImage.vue.mjs";
+import { default as he } from "./components/list-page/ListPage.vue.mjs";
+import { ROUTE_MODULE_LEVEL as Ne, TabsMainReplaceQueryKey as we } from "./config/route.mjs";
+import { default as Ve } from "./components/table/TableMain.vue.mjs";
+import { countAll as Be, createListApi as Ue, fetchListAll as We } from "./helpers/list-helper.mjs";
+import { createGenerateRouteMetaRawTree as He } from "./helpers/route.mjs";
+import { createStorageWithNamespace as ze } from "./helpers/storage.mjs";
+import { createUseState as Ye } from "./helpers/state.mjs";
+import { flatRouteMetaResolveRaw as je, getRoutePermissionKey as qe } from "./utils/router.mjs";
+import { getId as Ze } from "./utils/id.mjs";
+import { timeCountDown as et } from "./utils/time.mjs";
+import { useActivated as ot, useActivatedEvent as rt, useActivatedExec as at } from "./hooks/activated.mjs";
+import { useFeelSize as ft } from "./hooks/feel-size.mjs";
+import { useMenusDataDispatch as lt } from "./hooks/menus-dispatch.mjs";
+import { useTimeout as it } from "./hooks/timeout.mjs";
+const c = {
   install(e) {
     e.use(t), e.use(o), e.use(r), e.use(a), e.use(m), e.use(f), e.use(s);
   }
 };
 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,
-  R as FormMain,
-  C as FormRadio,
-  S as FormRadioGroup,
-  ce as FormSearch,
-  D as FormSelect,
-  P 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,
-  v as TabsMain,
-  _e as TabsMainReplaceQueryKey,
-  H as TriggerAutoImport,
-  W as WatchSize,
-  Le as countAll,
-  be as createGenerateRouteMetaRawTree,
-  De as createListApi,
-  ye as createStorageWithNamespace,
-  Ne as createUseState,
+  Q as APP_API_LIST_MODEL_KEY_CONFIG,
+  E as ActionButton,
+  M as ActionButtonDanger,
+  A as ActionButtonWarn,
+  q as AutoRefresh,
+  Z as BODY_CONTENT_VIEWPORT_HEIGHT,
+  ee as ConfirmModal,
+  R as DetailModal,
+  oe as EXPORT_MAX_LIMIT,
+  se as FORM_CONFIG_SELECT_ALL_VALUE,
+  ne as FORM_ITEM_CHANGE_LOADING,
+  Oe as FormDatePicker,
+  O as FormMain,
+  L as FormRadio,
+  D as FormRadioGroup,
+  Le as FormSearch,
+  h as FormSelect,
+  N as FormTree,
+  G as FormVerifyCode,
+  De as FormVerifyImage,
+  he as ListPage,
+  v as MenuItemSub,
+  U as MenuTree,
+  re as OPERATE_COLUMN_PROP,
+  Ne as ROUTE_MODULE_LEVEL,
+  Ve as TableMain,
+  k as TabsMain,
+  we as TabsMainReplaceQueryKey,
+  K as TriggerAutoImport,
+  X as WatchSize,
+  Be as countAll,
+  He as createGenerateRouteMetaRawTree,
+  Ue as createListApi,
+  ze as createStorageWithNamespace,
+  Ye as createUseState,
   r as displayInstall,
-  Oe as fetchListAll,
-  Ve as flatRouteMetaResolveRaw,
+  ae as exportCSV,
+  We as fetchListAll,
+  je 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,
-  I as installComponents,
+  xe as generateFormData,
+  de as getBlurSubmit,
+  ce as getChangeSubmit,
+  le as getConfirmPasswordRule,
+  Ie as getDatePickerSwiftOptions,
+  ge as getEnterSubmit,
+  Ze as getId,
+  Ee as getPlaceholder,
+  qe as getRoutePermissionKey,
+  _e as getVModelSugar,
+  c 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,
+  Me as parseFormData,
+  ue as passwordRule,
+  me as pickExportColumns,
+  ie as setFormComponentType,
+  Te as setInputComponent,
+  Ae as setSelectComponent,
+  Fe as stringifyFormData,
+  Re 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
+  et as timeCountDown,
+  ot as useActivated,
+  rt as useActivatedEvent,
+  at as useActivatedExec,
+  ft as useFeelSize,
+  lt as useMenusDataDispatch,
+  it 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}.form-date-picker[data-v-cefb4529]{display:flex;align-items:center}.form-date-picker-input[data-v-cefb4529]{width:50%}.form-date-picker-swift[data-v-cefb4529]{width:50%;padding-left:12px;display:flex;align-items:center;gap:8px;flex-wrap:nowrap}.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-66ef498f]{display:flex;justify-content:space-between;align-items:center;padding-bottom:8px;gap:20px}.table-toolbar-left[data-v-66ef498f],.table-toolbar-right[data-v-66ef498f]{display:flex;align-items:center;gap:10px}.table-toolbar-icon--rotating[data-v-66ef498f]{animation:table-toolbar-rotating-66ef498f 1s linear infinite}@keyframes table-toolbar-rotating-66ef498f{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.table-main-table[data-v-3d9833b8]{--el-table-header-bg-color: var(--v131e457a)}.table-main-pagination[data-v-3d9833b8]{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: a = "导出数据"
+}) => {
+  const s = t.map((r) => r.label).join(","), c = e.map(
+    (r) => t.map((o) => {
+      const i = o.valueMap ? o.valueMap(r) : r[o.prop] ?? "";
+      return `"${String(i).replace(/"/g, '""')}"`;
+    }).join(",")
+  ), l = b + [s, ...c].join(`
+`), u = new Blob([l], { type: "text/csv;charset=utf-8;" }), p = URL.createObjectURL(u), n = document.createElement("a");
+  n.href = p, n.download = `${a}.csv`, n.click(), URL.revokeObjectURL(p);
+};
+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.4",
   "description": "后台管理核心",
   "private": false,
   "main": "lib/index.cjs",
@@ -77,5 +77,5 @@
     "node": ">=18.0.0",
     "pnpm": ">=9.0.0"
   },
-  "gitHead": "ab2bb3cbded6a375d254e49281d93383534afabe"
+  "gitHead": "794ee8e01014a83fba07f0dc7a6b53258420dd64"
 }

package/types/components/form/{FormDateTimeRange.vue.d.ts → FormDatePicker.vue.d.ts}

@@ -4,13 +4,13 @@ declare const _default: import('vue').DefineComponent<globalThis.ExtractPropType
     modelValue: import('vue').PropType<[Date, Date] | null>;
     swiftOptions: {
         type: globalThis.PropType<DateTimeRangeSwiftOption[]>;
-        default: () => never[];
+        default: () => DateTimeRangeSwiftOption[];
     };
 }>, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<globalThis.ExtractPropTypes<{
     modelValue: import('vue').PropType<[Date, Date] | null>;
     swiftOptions: {
         type: globalThis.PropType<DateTimeRangeSwiftOption[]>;
-        default: () => never[];
+        default: () => DateTimeRangeSwiftOption[];
     };
 }>> & Readonly<{}>, {
     swiftOptions: DateTimeRangeSwiftOption[];

package/types/components/form/index.d.ts

@@ -7,9 +7,9 @@ import { default as FormTree } from './FormTree.vue';
 import { default as FormSearch } from './FormSearch.vue';
 import { default as FormVerifyImage } from './FormVerifyImage.vue';
 import { default as FormVerifyCode } from './FormVerifyCode.vue';
-import { default as FormDateTimeRange } from './FormDateTimeRange.vue';
+import { default as FormDatePicker } from './FormDatePicker.vue';
 
 export * from './types';
 export * from './utils';
-export { FormMain, FormSelect, FormSearch, FormRadioGroup, FormRadio, FormTree, FormVerifyImage, FormVerifyCode, FormDateTimeRange, };
+export { FormMain, FormSelect, FormSearch, FormRadioGroup, FormRadio, FormTree, FormVerifyImage, FormVerifyCode, FormDatePicker, };
 export declare const formInstall: Plugin;

package/types/components/form/utils.d.ts

@@ -1,5 +1,7 @@
-import { FormItemConfig, FormItemConfigList, ExtractFormStringifyFromObject, FormItemConfigSwiftOptions } from './types';
+import { DateTimeRangeSwiftOption, FormItemConfig, FormItemConfigList, ExtractFormStringifyFromObject, FormItemConfigSwiftOptions } from './types';
 
+/** 获取日期选择器默认快捷选项：今日、昨日、近7日 */
+export declare const getDatePickerSwiftOptions: () => DateTimeRangeSwiftOption[];
 /**
  * 生成表单数据
  */

package/types/components/misc/ActionButton.vue.d.ts

@@ -0,0 +1,24 @@
+declare const _default: <T>(__VLS_props: Awaited<typeof __VLS_setup>["props"], __VLS_ctx?: __VLS_Prettify<Pick<Awaited<typeof __VLS_setup>, "attrs" | "emit" | "slots">>, __VLS_expose?: NonNullable<Awaited<typeof __VLS_setup>>["expose"], __VLS_setup?: Promise<{
+    props: __VLS_Prettify<__VLS_OmitKeepDiscriminatedUnion<(Partial<{}> & Omit<{
+        readonly onConfirm?: ((data: T) => any) | undefined;
+    } & import('vue').VNodeProps & import('vue').AllowedComponentProps & import('vue').ComponentCustomProps, never>) & ({
+        data: T;
+        type?: "primary" | "danger" | "info" | "warning" | "success";
+        /** Popconfirm 标题 */
+        tipContent: string | ((data: T) => string);
+    } & {
+        visible?: boolean;
+    }), keyof import('vue').VNodeProps | keyof import('vue').AllowedComponentProps>> & {} & (import('vue').VNodeProps & import('vue').AllowedComponentProps & import('vue').ComponentCustomProps);
+    expose(exposed: import('vue').ShallowUnwrapRef<{}>): void;
+    attrs: any;
+    slots: ReturnType<() => {
+        default?(_: {}): any;
+    }>;
+    emit: (evt: "confirm", data: T) => void;
+}>) => import('vue').VNode & {
+    __ctx?: Awaited<typeof __VLS_setup>;
+};
+export default _default;
+type __VLS_Prettify<T> = {
+    [K in keyof T]: T[K];
+} & {};

package/types/components/misc/ActionButtonDanger.vue.d.ts

@@ -0,0 +1,19 @@
+declare const _default: <T>(__VLS_props: Awaited<typeof __VLS_setup>["props"], __VLS_ctx?: __VLS_Prettify<Pick<Awaited<typeof __VLS_setup>, "attrs" | "emit" | "slots">>, __VLS_expose?: NonNullable<Awaited<typeof __VLS_setup>>["expose"], __VLS_setup?: Promise<{
+    props: __VLS_Prettify<__VLS_OmitKeepDiscriminatedUnion<(Partial<{}> & Omit<{
+        readonly onConfirm?: ((data: T) => any) | undefined;
+    } & import('vue').VNodeProps & import('vue').AllowedComponentProps & import('vue').ComponentCustomProps, never>) & ({
+        data: T;
+        tipContent: string | ((data: T) => string);
+    } & {
+        visible?: boolean;
+    }), keyof import('vue').VNodeProps | keyof import('vue').AllowedComponentProps>> & {} & (import('vue').VNodeProps & import('vue').AllowedComponentProps & import('vue').ComponentCustomProps);
+    expose(exposed: import('vue').ShallowUnwrapRef<{}>): void;
+    attrs: any;
+    slots: ReturnType<() => {
+        default?(_: {}): any;
+    }>;
+    emit: (evt: "confirm", data: T) => void;
+}>) => import('vue').VNode & {
+    __ctx?: Awaited<typeof __VLS_setup>;
+};
+export default _default;

package/types/components/misc/ActionButtonWarn.vue.d.ts

@@ -0,0 +1,19 @@
+declare const _default: <T>(__VLS_props: Awaited<typeof __VLS_setup>["props"], __VLS_ctx?: __VLS_Prettify<Pick<Awaited<typeof __VLS_setup>, "attrs" | "emit" | "slots">>, __VLS_expose?: NonNullable<Awaited<typeof __VLS_setup>>["expose"], __VLS_setup?: Promise<{
+    props: __VLS_Prettify<__VLS_OmitKeepDiscriminatedUnion<(Partial<{}> & Omit<{
+        readonly onConfirm?: ((data: T) => any) | undefined;
+    } & import('vue').VNodeProps & import('vue').AllowedComponentProps & import('vue').ComponentCustomProps, never>) & ({
+        data: T;
+        tipContent: string | ((data: T) => string);
+    } & {
+        visible?: boolean;
+    }), keyof import('vue').VNodeProps | keyof import('vue').AllowedComponentProps>> & {} & (import('vue').VNodeProps & import('vue').AllowedComponentProps & import('vue').ComponentCustomProps);
+    expose(exposed: import('vue').ShallowUnwrapRef<{}>): void;
+    attrs: any;
+    slots: ReturnType<() => {
+        default?(_: {}): any;
+    }>;
+    emit: (evt: "confirm", data: T) => void;
+}>) => import('vue').VNode & {
+    __ctx?: Awaited<typeof __VLS_setup>;
+};
+export default _default;

package/types/components/misc/index.d.ts

@@ -1,6 +1,9 @@
 import { Plugin } from 'vue';
 import { default as TriggerAutoImport } from './TriggerAutoImport.vue';
 import { default as AutoRefresh } from './AutoRefresh.vue';
+import { default as ActionButton } from './ActionButton.vue';
+import { default as ActionButtonDanger } from './ActionButtonDanger.vue';
+import { default as ActionButtonWarn } from './ActionButtonWarn.vue';
 
-export { TriggerAutoImport, AutoRefresh };
+export { TriggerAutoImport, AutoRefresh, ActionButton, ActionButtonDanger, ActionButtonWarn, };
 export declare const miscInstall: Plugin;

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

@@ -1,52 +1,109 @@
-import { ExportType, TableMainInstance } from './types';
+import { ExportType, TableExportContext, TableMainInstance } from './types';
 
 declare const _default: import('vue').DefineComponent<globalThis.ExtractPropTypes<{
     isAutoRefresh: import('vue').PropType<boolean>;
+    pageSize: {
+        type: globalThis.PropType<number>;
+        required: true;
+    };
     loading: {
         type: globalThis.PropType<boolean>;
         required: true;
     };
-    leftFeatures: {
-        type: globalThis.PropType<"export"[]>;
+    showRefresh: {
+        type: globalThis.PropType<boolean>;
+        default: boolean;
     };
-    rightFeatures: {
-        type: globalThis.PropType<import('./types').TableToolbarRightFeature[]>;
+    showAutoRefresh: {
+        type: globalThis.PropType<boolean>;
+        default: boolean;
     };
     refreshInterval: {
         type: globalThis.PropType<number>;
         default: number;
     };
+    exportByFe: {
+        type: globalThis.PropType<boolean>;
+        default: boolean;
+    };
     exportFn: {
         type: globalThis.PropType<(type: ExportType) => Promise<unknown>>;
     };
+    exportColumns: {
+        type: globalThis.PropType<import('../../utils').ExportColumnConfig[]>;
+    };
+    leftExtraButtons: {
+        type: globalThis.PropType<import('./types').ToolbarButtonConfig<Record<string, any>>[]>;
+    };
+    rightExtraButtons: {
+        type: globalThis.PropType<import('./types').ToolbarButtonConfig<Record<string, any>>[]>;
+    };
     tableExpose: {
         type: globalThis.PropType<TableMainInstance>;
         required: true;
     };
+    exportContext: {
+        type: globalThis.PropType<TableExportContext>;
+        required: true;
+    };
+    currentPage: {
+        type: globalThis.PropType<number>;
+        required: true;
+    };
 }>, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<globalThis.ExtractPropTypes<{
     isAutoRefresh: import('vue').PropType<boolean>;
+    pageSize: {
+        type: globalThis.PropType<number>;
+        required: true;
+    };
     loading: {
         type: globalThis.PropType<boolean>;
         required: true;
     };
-    leftFeatures: {
-        type: globalThis.PropType<"export"[]>;
+    showRefresh: {
+        type: globalThis.PropType<boolean>;
+        default: boolean;
     };
-    rightFeatures: {
-        type: globalThis.PropType<import('./types').TableToolbarRightFeature[]>;
+    showAutoRefresh: {
+        type: globalThis.PropType<boolean>;
+        default: boolean;
     };
     refreshInterval: {
         type: globalThis.PropType<number>;
         default: number;
     };
+    exportByFe: {
+        type: globalThis.PropType<boolean>;
+        default: boolean;
+    };
     exportFn: {
         type: globalThis.PropType<(type: ExportType) => Promise<unknown>>;
     };
+    exportColumns: {
+        type: globalThis.PropType<import('../../utils').ExportColumnConfig[]>;
+    };
+    leftExtraButtons: {
+        type: globalThis.PropType<import('./types').ToolbarButtonConfig<Record<string, any>>[]>;
+    };
+    rightExtraButtons: {
+        type: globalThis.PropType<import('./types').ToolbarButtonConfig<Record<string, any>>[]>;
+    };
     tableExpose: {
         type: globalThis.PropType<TableMainInstance>;
         required: true;
     };
+    exportContext: {
+        type: globalThis.PropType<TableExportContext>;
+        required: true;
+    };
+    currentPage: {
+        type: globalThis.PropType<number>;
+        required: true;
+    };
 }>> & Readonly<{}>, {
+    showRefresh: boolean;
+    showAutoRefresh: boolean;
     refreshInterval: number;
+    exportByFe: boolean;
 }, {}, {}, {}, string, import('vue').ComponentProvideOptions, true, {}, any>;
 export default _default;

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

@@ -0,0 +1,19 @@
+import { ToolbarButtonConfig, ToolbarButtonContext } from './types';
+
+declare const _default: import('vue').DefineComponent<globalThis.ExtractPropTypes<__VLS_TypePropsToRuntimeProps<{
+    buttons?: ToolbarButtonConfig[];
+    ctx: ToolbarButtonContext;
+}>>, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<globalThis.ExtractPropTypes<__VLS_TypePropsToRuntimeProps<{
+    buttons?: ToolbarButtonConfig[];
+    ctx: ToolbarButtonContext;
+}>>> & Readonly<{}>, {}, {}, {}, {}, string, import('vue').ComponentProvideOptions, true, {}, any>;
+export default _default;
+type __VLS_NonUndefinedable<T> = T extends undefined ? never : T;
+type __VLS_TypePropsToRuntimeProps<T> = {
+    [K in keyof T]-?: {} extends Pick<T, K> ? {
+        type: import('vue').PropType<__VLS_NonUndefinedable<T[K]>>;
+    } : {
+        type: import('vue').PropType<T[K]>;
+        required: true;
+    };
+};

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

@@ -1,6 +1,7 @@
 import { ElTableColumn as ETC, TableInstance, TableProps } from 'element-plus';
 import { APP_API_LIST_MODEL_KEY_CONFIG, BuildListParams } from '../../config';
 import { DotToObject, UnionToIntersection } from '../../types';
+import { ExportColumnConfig } from '../../utils';
 import { ExtractPropTypes, VNode } from 'vue';
 
 /**
@@ -26,28 +27,74 @@ export interface TableMainInstance {
 }
 /** 导出类型 */
 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 按钮渲染上下文 */
+export interface ToolbarButtonContext<T extends Record<string, any> = Record<string, any>> {
+    /** TableMain expose */
+    tableExpose: TableMainInstance;
+    /** 表格是否加载中 */
+    loading: boolean;
+    /** 导出上下文 */
+    exportContext: TableExportContext;
+    /** 当前选中行数据 */
+    selectedList: T[];
+    /** 分页信息 */
+    pagination: {
+        currentPage: number;
+        pageSize: number;
+        total: number;
+    };
+}
+/** toolbar 额外按钮配置 */
+export interface ToolbarButtonConfig<T extends Record<string, any> = Record<string, any>> {
+    key: string;
+    /** ElButton props，与 actionButtonProps 二选一 */
+    props?: (ctx: ToolbarButtonContext<T>) => Record<string, any>;
+    /** ActionButton props（含 data/tipContent），与 props 二选一 */
+    actionButtonProps?: (ctx: ToolbarButtonContext<T>) => Record<string, any>;
+    /** 按钮文字。btnRender 优先 */
+    label?: string;
+    /** 按钮内容 render，优先级高于 label */
+    btnRender?: (ctx: ToolbarButtonContext<T>) => VNode[];
+}
 /** toolbar 可配置项（通过 TableMain 的 toolbar prop 传入） */
 export interface TableToolbarConfig {
-    /**
-     * 左侧功能列表。
-     * - undefined（默认）：显示所有左侧功能
-     * - []（空数组）：不渲染左侧功能
-     */
-    leftFeatures?: TableToolbarLeftFeature[];
-    /**
-     * 右侧功能列表。
-     * - undefined（默认）：显示所有右侧功能
-     * - []（空数组）：不渲染右侧功能
-     */
-    rightFeatures?: TableToolbarRightFeature[];
+    /** 是否显示刷新按钮，默认 true */
+    showRefresh?: boolean;
+    /** 是否显示自动刷新开关，默认 true */
+    showAutoRefresh?: boolean;
     /** 自动刷新默认间隔（秒），默认 30 */
     refreshInterval?: number;
-    /** 导出方法。传入导出类型，返回 Promise */
+    /**
+     * 是否由前端导出，默认 true。
+     * - true：toolbar 内部调 fetchListAll + exportCSV 完成导出
+     * - false：走 exportFn 回调
+     */
+    exportByFe?: boolean;
+    /** 导出方法。传入导出类型，返回 Promise。exportByFe 为 false 时必传 */
     exportFn?: (type: ExportType) => Promise<unknown>;
+    /** 导出列配置。不传则不显示导出按钮。支持 valueMap 自定义取值 */
+    exportColumns?: ExportColumnConfig[];
+    /** 左侧额外按钮 */
+    leftExtraButtons?: ToolbarButtonConfig[];
+    /** 右侧额外按钮 */
+    rightExtraButtons?: ToolbarButtonConfig[];
 }
 /** 表格列默认作用域 */
 export interface TableColumnDefaultScope<T extends Record<string, any>, F extends Record<string, any>> {