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

package/package.json

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

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,18 +1,22 @@
-import { ExportType, TableExportContext, TableMainInstance, TableToolbarLeftFeature, TableToolbarRightFeature } 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"[]>;
-        default: () => TableToolbarLeftFeature[];
+    showRefresh: {
+        type: globalThis.PropType<boolean>;
+        default: boolean;
     };
-    rightFeatures: {
-        type: globalThis.PropType<TableToolbarRightFeature[]>;
-        default: () => TableToolbarRightFeature[];
+    showAutoRefresh: {
+        type: globalThis.PropType<boolean>;
+        default: boolean;
     };
     refreshInterval: {
         type: globalThis.PropType<number>;
@@ -25,6 +29,15 @@ declare const _default: import('vue').DefineComponent<globalThis.ExtractPropType
     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;
@@ -33,19 +46,27 @@ declare const _default: import('vue').DefineComponent<globalThis.ExtractPropType
         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"[]>;
-        default: () => TableToolbarLeftFeature[];
+    showRefresh: {
+        type: globalThis.PropType<boolean>;
+        default: boolean;
     };
-    rightFeatures: {
-        type: globalThis.PropType<TableToolbarRightFeature[]>;
-        default: () => TableToolbarRightFeature[];
+    showAutoRefresh: {
+        type: globalThis.PropType<boolean>;
+        default: boolean;
     };
     refreshInterval: {
         type: globalThis.PropType<number>;
@@ -58,6 +79,15 @@ declare const _default: import('vue').DefineComponent<globalThis.ExtractPropType
     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;
@@ -66,9 +96,13 @@ declare const _default: import('vue').DefineComponent<globalThis.ExtractPropType
         type: globalThis.PropType<TableExportContext>;
         required: true;
     };
+    currentPage: {
+        type: globalThis.PropType<number>;
+        required: true;
+    };
 }>> & Readonly<{}>, {
-    leftFeatures: TableToolbarLeftFeature[];
-    rightFeatures: TableToolbarRightFeature[];
+    showRefresh: boolean;
+    showAutoRefresh: boolean;
     refreshInterval: number;
     exportByFe: boolean;
 }, {}, {}, {}, string, import('vue').ComponentProvideOptions, true, {}, any>;

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,10 +27,6 @@ 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 {
     /** 可导出列 */
@@ -47,20 +44,41 @@ export interface TableExportContext {
     /** 是否包含 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;
     /**
@@ -71,6 +89,12 @@ export interface TableToolbarConfig {
     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>> {

package/types/utils/export.d.ts

@@ -6,9 +6,16 @@ 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">;
+/** 导出列配置：支持 valueMap 自定义取值 */
+export interface ExportColumnConfig {
+    prop: string;
+    label: string;
+    /** 自定义取值，不传则取 row[prop] */
+    valueMap?: (row: Record<string, any>) => unknown;
+}
 /** 导出参数 */
 export interface ExportOptions {
-    columns: ExportColumn[];
+    columns: ExportColumnConfig[];
     list: Record<string, any>[];
     filename?: string;
 }

package/es/components/form/FormDateTimeRange.vue.mjs

@@ -1,46 +0,0 @@
-import { ElDatePicker as d, ElButton as c } from "element-plus/es";
-import "element-plus/es/components/base/style/css";
-import "element-plus/es/components/button/style/css";
-import "element-plus/es/components/date-picker/style/css";
-import { defineComponent as p, useModel as f, useAttrs as k, openBlock as o, createElementBlock as r, createVNode as V, mergeProps as _, unref as g, Fragment as y, renderList as B, createBlock as C, withCtx as D, createTextVNode as E, toDisplayString as v, mergeModels as w } from "vue";
-const x = { class: "form-date-time-range" }, N = /* @__PURE__ */ p({
-  name: "FormDateTimeRange",
-  inheritAttrs: !1,
-  __name: "FormDateTimeRange",
-  props: /* @__PURE__ */ w({
-    swiftOptions: { default: () => [] }
-  }, {
-    modelValue: { default: null },
-    modelModifiers: {}
-  }),
-  emits: ["update:modelValue"],
-  setup(l) {
-    const t = f(l, "modelValue"), m = k(), i = (n) => {
-      t.value = n.set();
-    };
-    return (n, a) => {
-      const s = d, u = c;
-      return o(), r("span", x, [
-        V(s, _({
-          modelValue: t.value,
-          "onUpdate:modelValue": a[0] || (a[0] = (e) => t.value = e),
-          type: "datetimerange"
-        }, g(m)), null, 16, ["modelValue"]),
-        (o(!0), r(y, null, B(l.swiftOptions, (e) => (o(), C(u, {
-          key: e.key,
-          type: "primary",
-          link: "",
-          onClick: (h) => i(e)
-        }, {
-          default: D(() => [
-            E(v(e.key), 1)
-          ]),
-          _: 2
-        }, 1032, ["onClick"]))), 128))
-      ]);
-    };
-  }
-});
-export {
-  N as default
-};

package/es/components/form/FormDateTimeRange.vue2.mjs

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