easy-ep-ui 0.1.2 → 0.2.0

package/es/locale/index.d.ts

@@ -48,6 +48,11 @@ export interface Locale {
         dateRangeTo: string;
         dateRangeStart: string;
         dateRangeEnd: string;
+        version: string;
+        versionTitle: string;
+        moreActions: string;
+        rowIndex: string;
+        selectionLabel: string;
     };
     searchBar: {
         search: string;

package/es/style.css

@@ -1 +1 @@
-.ee-search-bar[data-v-fe481020]{margin-bottom:16px}.ee-search-bar .el-form-item[data-v-fe481020]{margin-bottom:0}.ee-form-dialog-footer[data-v-929d8568]{display:flex;justify-content:flex-end;gap:12px}.ee-form-table{display:flex;flex-direction:column;height:100%;background:#fff;border-radius:4px}.ee-search-area{padding:16px 16px 0;border-bottom:1px solid #ebeef5}.ee-search-area .el-form-item{margin-bottom:16px}.ee-toolbar{display:flex;align-items:center;justify-content:space-between;padding:12px 16px;flex-shrink:0}.ee-toolbar-left{display:flex;align-items:center;gap:8px;flex-wrap:wrap}.ee-toolbar-right{display:flex;align-items:center;gap:8px}.ee-table-wrapper{flex:1;overflow:auto;padding:0 16px}.ee-table-wrapper .el-table{width:100%}.ee-pagination{display:flex;justify-content:flex-end;padding:12px 16px;border-top:1px solid #ebeef5;flex-shrink:0}.ee-size--small{font-size:13px}.ee-size--large{font-size:16px}.ee-load-more[data-v-21c5d143],.ee-no-more[data-v-21c5d143]{display:flex;align-items:center;justify-content:center;padding:8px 0;font-size:12px;color:#999;cursor:pointer}.ee-load-more[data-v-21c5d143]:hover{color:#409eff}.ee-loading-tip[data-v-21c5d143]{display:flex;align-items:center;justify-content:center;padding:8px 0;font-size:12px;color:#999}.ee-load-more[data-v-6e78b80d],.ee-no-more[data-v-6e78b80d]{display:flex;align-items:center;justify-content:center;padding:8px 0;font-size:12px;color:#999;cursor:pointer}.ee-load-more[data-v-6e78b80d]:hover{color:#409eff}.ee-loading-tip[data-v-6e78b80d]{display:flex;align-items:center;justify-content:center;padding:8px 0;font-size:12px;color:#999}.ee-load-more[data-v-58cd12c9],.ee-no-more[data-v-58cd12c9]{display:flex;align-items:center;justify-content:center;padding:8px 0;font-size:12px;color:#999;cursor:pointer}.ee-load-more[data-v-58cd12c9]:hover{color:#409eff}.ee-loading-tip[data-v-58cd12c9]{display:flex;align-items:center;justify-content:center;padding:8px 0;font-size:12px;color:#999}
+.ee-search-bar[data-v-fe481020]{margin-bottom:16px}.ee-search-bar .el-form-item[data-v-fe481020]{margin-bottom:0}.ee-form-dialog-footer[data-v-929d8568]{display:flex;justify-content:flex-end;gap:12px}.ee-column-setting[data-v-951992f2]{max-height:320px;overflow-y:auto}.ee-column-setting-item[data-v-951992f2]{display:flex;align-items:center;justify-content:space-between;padding:4px 4px 4px 8px;cursor:grab;border-radius:4px;-webkit-user-select:none;user-select:none}.ee-column-setting-item[data-v-951992f2]:hover{background:var(--el-color-primary-light-9, #f0f5ff)}.ee-column-setting-item--drag-over[data-v-951992f2]{background:var(--el-color-primary-light-7, #d9ecff)}.ee-column-setting-drag[data-v-951992f2]{cursor:grab;color:#c0c4cc;font-size:14px}.ee-column-setting-drag[data-v-951992f2]:hover{color:#909399}.ee-column-setting-special[data-v-951992f2]{padding-bottom:4px}.ee-column-setting-item--special[data-v-951992f2]{cursor:default}.ee-column-setting-item--special[data-v-951992f2]:hover{background:transparent}.ee-form-table{display:flex;flex-direction:column;height:100%;background:#fff;border-radius:4px}.ee-search-area{padding:16px 16px 0;border-bottom:1px solid #ebeef5}.ee-search-area .el-form-item{margin-bottom:16px}.ee-toolbar{display:flex;align-items:center;justify-content:space-between;padding:12px 16px;flex-shrink:0}.ee-toolbar-left{display:flex;align-items:center;gap:8px;flex-wrap:wrap}.ee-toolbar-right{display:flex;align-items:center;gap:8px}.ee-table-wrapper{flex:1;overflow:auto;padding:0 16px}.ee-table-wrapper .el-table{width:100%}.ee-table-wrapper .el-table th.el-table__cell{background-color:#f5f7fa}.app-root.dark .ee-table-wrapper .el-table th.el-table__cell{background-color:#2a2a2a}.ee-pagination{display:flex;justify-content:flex-end;padding:12px 16px;border-top:1px solid #ebeef5;flex-shrink:0}.ee-size--small{font-size:13px}.ee-size--large{font-size:16px}.ee-action-btns{display:flex;align-items:center;justify-content:center;gap:2px;flex-wrap:nowrap}.ee-action-btn{white-space:nowrap!important}.ee-action-btn .el-icon{margin-right:0}.ee-load-more[data-v-21c5d143],.ee-no-more[data-v-21c5d143]{display:flex;align-items:center;justify-content:center;padding:8px 0;font-size:12px;color:#999;cursor:pointer}.ee-load-more[data-v-21c5d143]:hover{color:#409eff}.ee-loading-tip[data-v-21c5d143]{display:flex;align-items:center;justify-content:center;padding:8px 0;font-size:12px;color:#999}.ee-load-more[data-v-6e78b80d],.ee-no-more[data-v-6e78b80d]{display:flex;align-items:center;justify-content:center;padding:8px 0;font-size:12px;color:#999;cursor:pointer}.ee-load-more[data-v-6e78b80d]:hover{color:#409eff}.ee-loading-tip[data-v-6e78b80d]{display:flex;align-items:center;justify-content:center;padding:8px 0;font-size:12px;color:#999}.ee-load-more[data-v-58cd12c9],.ee-no-more[data-v-58cd12c9]{display:flex;align-items:center;justify-content:center;padding:8px 0;font-size:12px;color:#999;cursor:pointer}.ee-load-more[data-v-58cd12c9]:hover{color:#409eff}.ee-loading-tip[data-v-58cd12c9]{display:flex;align-items:center;justify-content:center;padding:8px 0;font-size:12px;color:#999}

package/lib/components/ee-form-table/src/components/TableToolbar.vue.d.ts

@@ -1,4 +1,4 @@
-import { ToolbarConfig } from '../../types';
+import { ToolbarConfig, TableColumn } from '../../types';
 type __VLS_Props = {
     show: boolean;
     toolbarCfg: ToolbarConfig;
@@ -8,6 +8,14 @@ type __VLS_Props = {
         authPass: (auth?: string) => boolean;
         selectionCount: number;
         showColumnSetting: boolean;
+        allColumns: TableColumn[];
+        checkedColumns: string[];
+        toggleColumn: (prop: string) => void;
+        moveColumn: (from: number, to: number) => void;
+        showIndex: boolean;
+        toggleIndex: () => void;
+        selectionVisible: boolean;
+        toggleSelection: () => void;
     };
 };
 declare function __VLS_template(): {
@@ -25,14 +33,12 @@ declare const __VLS_component: import('vue').DefineComponent<__VLS_Props, {}, {}
     import: () => any;
     export: () => any;
     refresh: () => any;
-    "column-setting": () => any;
 }, string, import('vue').PublicProps, Readonly<__VLS_Props> & Readonly<{
     onAdd?: (() => any) | undefined;
     "onBatch-delete"?: (() => any) | undefined;
     onImport?: (() => any) | undefined;
     onExport?: (() => any) | undefined;
     onRefresh?: (() => any) | undefined;
-    "onColumn-setting"?: (() => any) | undefined;
 }>, {}, {}, {}, {}, string, import('vue').ComponentProvideOptions, false, {}, any>;
 declare const _default: __VLS_WithTemplateSlots<typeof __VLS_component, __VLS_TemplateResult["slots"]>;
 export default _default;

package/lib/components/ee-form-table/src/hooks/useCrud.d.ts

@@ -35,7 +35,7 @@ export declare function useCrud(props: {
     fetchData: () => Promise<void>;
     refreshTable: () => Promise<void>;
     doDelete: (row: Record<string, unknown>) => Promise<void>;
-    handleDelete: (row: Record<string, unknown>, confirmDelete: boolean, confirmTitle?: string, confirmMessage?: string) => Promise<void>;
+    handleDelete: (row: Record<string, unknown>) => Promise<void>;
     doBatchDelete: (ids: (string | number)[]) => Promise<void>;
     handleBatchDelete: () => Promise<void>;
 };

package/lib/components/ee-form-table/src/hooks/useTable.d.ts

@@ -1,15 +1,5 @@
 import { ComputedRef } from 'vue';
 import { TableColumn, SelectionConfig, ColumnSettingConfig, AutoHeightConfig } from '../../types';
-/**
- * @param props.columns - 表格列配置
- * @param props.selectionConfig - 选择列配置
- * @param props.columnSetting - 列设置配置
- * @param props.rowKey - 数据行唯一标识字段名
- * @param props.tableHeight - 固定表格高度
- * @param props.tableMaxHeight - 表格最大高度
- * @param props.autoHeight - 自适应高度配置
- * @param deps.authPass - 权限判断函数（用于按权限过滤列）
- */
 export declare function useTable(props: {
     columns: TableColumn[];
     data?: Record<string, unknown>[];
@@ -32,11 +22,32 @@ export declare function useTable(props: {
     singleSelection: import('vue').Ref<string | number | null, string | number | null>;
     columnSettingVisible: import('vue').Ref<boolean, boolean>;
     checkedColumns: import('vue').Ref<string[], string[]>;
+    columnOrder: import('vue').Ref<string[], string[]>;
+    columnWidths: import('vue').Ref<Record<string, string | number>, Record<string, string | number>>;
     selectionCfg: ComputedRef<SelectionConfig>;
     columnSettingCfg: ComputedRef<ColumnSettingConfig>;
     showColumnSetting: ComputedRef<boolean | undefined>;
+    showIndex: import('vue').Ref<boolean, boolean>;
+    selectionVisible: import('vue').Ref<boolean, boolean>;
     allColumns: ComputedRef<TableColumn[]>;
-    visibleColumns: ComputedRef<TableColumn[]>;
+    visibleColumns: ComputedRef<{
+        width: string | number;
+        prop: string;
+        label: string;
+        minWidth?: string | number;
+        align?: import('../../types').AlignType;
+        fixed?: import('../../types').FixedType;
+        sortable?: boolean;
+        show?: boolean;
+        showTooltip?: boolean;
+        formatter?: (row: Record<string, unknown>, column: TableColumn, cellValue: unknown, index: number) => unknown;
+        dictKey?: string;
+        slotName?: string;
+        search?: import('../../types').ColumnSearchItem;
+        form?: import('../../types').ColumnFormItem;
+        auth?: string;
+        children?: TableColumn[];
+    }[]>;
     tableComputedHeight: ComputedRef<string | number | undefined>;
     tableMaxHeightProp: ComputedRef<string | number | undefined>;
     tableWrapperStyle: ComputedRef<{
@@ -46,4 +57,10 @@ export declare function useTable(props: {
     }>;
     handleSelectionChange: (val: Record<string, unknown>[]) => void;
     handleSingleSelect: (row: Record<string, unknown>) => void;
+    toggleColumn: (prop: string) => void;
+    toggleIndex: () => void;
+    toggleSelection: () => void;
+    moveColumn: (fromIdx: number, toIdx: number) => void;
+    onColumnResize: (newWidth: string | number, col: any) => void;
+    saveToStorage: () => void;
 };

package/lib/components/ee-form-table/src/index.vue.d.ts

@@ -3,6 +3,7 @@ type __VLS_Props = {
     columns: TableColumn[];
     data?: Record<string, any>[];
     loading?: boolean;
+    readOnly?: boolean;
     searchConfig?: any;
     pagination?: any;
     actionConfig?: ActionConfig | boolean;
@@ -30,7 +31,24 @@ declare function __VLS_template(): {
     slots: Partial<Record<string, (_: {
         row: import('element-plus/es/components/table/src/table/defaults.mjs').DefaultRow;
         index: number;
-        column: TableColumn;
+        column: {
+            width: string | number;
+            prop: string;
+            label: string;
+            minWidth?: string | number;
+            align?: import('../types').AlignType;
+            fixed?: import('../types').FixedType;
+            sortable?: boolean;
+            show?: boolean;
+            showTooltip?: boolean;
+            formatter?: (row: Record<string, unknown>, column: TableColumn, cellValue: unknown, index: number) => unknown;
+            dictKey?: string;
+            slotName?: string;
+            search?: import('../types').ColumnSearchItem;
+            form?: import('../types').ColumnFormItem;
+            auth?: string;
+            children?: TableColumn[];
+        };
     }) => any>> & {
         'search-action'?(_: {
             params: Record<string, unknown>;
@@ -971,6 +989,7 @@ declare const __VLS_component: import('vue').DefineComponent<__VLS_Props, {
     emptyText: string;
     border: boolean;
     stripe: boolean;
+    readOnly: boolean;
     authMode: "hide" | "disabled";
     highlightCurrentRow: boolean;
     rowKey: string;

package/lib/components/ee-form-table/types.d.ts

@@ -79,6 +79,7 @@ export interface TableColumn {
     fixed?: FixedType;
     sortable?: boolean;
     show?: boolean;
+    showTooltip?: boolean;
     formatter?: (row: Record<string, unknown>, column: TableColumn, cellValue: unknown, index: number) => unknown;
     dictKey?: string;
     slotName?: string;
@@ -106,13 +107,15 @@ export interface PaginationConfig {
 }
 export interface ActionButton {
     text: string;
-    icon?: string;
+    icon?: any;
     type?: ButtonType;
     code?: string;
     auth?: string;
     show?: (row: Record<string, unknown>) => boolean;
     handler: (row: Record<string, unknown>) => void;
 }
+/** 操作列按钮展示模式 */
+export type ActionButtonMode = 'text' | 'icon' | 'icon-text';
 export interface ActionConfig {
     show?: boolean;
     label?: string;
@@ -121,17 +124,28 @@ export interface ActionConfig {
     showView?: boolean;
     showEdit?: boolean;
     showDelete?: boolean;
+    showVersion?: boolean;
     viewText?: string;
     editText?: string;
     deleteText?: string;
+    versionText?: string;
     viewAuth?: string;
     editAuth?: string;
     deleteAuth?: string;
+    versionAuth?: string;
     fixed?: FixedType;
     confirmDelete?: boolean;
     deleteConfirmTitle?: string;
     deleteConfirmMessage?: string;
     customButtons?: ActionButton[];
+    beforeButtons?: ActionButton[];
+    afterButtons?: ActionButton[];
+    buttonMode?: ActionButtonMode;
+    maxButtons?: number;
+    onView?: (row: Record<string, unknown>) => void;
+    onAdd?: () => void;
+    onEdit?: (row: Record<string, unknown>) => void;
+    onDelete?: (row: Record<string, unknown>) => void;
 }
 export interface ToolbarButton {
     text: string;
@@ -147,6 +161,7 @@ export interface ToolbarConfig {
     showImport?: boolean;
     showExport?: boolean;
     showBatchDelete?: boolean;
+    showRefresh?: boolean;
     addText?: string;
     importText?: string;
     exportText?: string;
@@ -166,12 +181,38 @@ export interface CrudApi {
     edit?: (data: Record<string, unknown>) => Promise<unknown>;
     delete?: (id: string | number) => Promise<unknown>;
     batchDelete?: (ids: (string | number)[]) => Promise<unknown>;
+    version?: (id: string | number) => Promise<Record<string, unknown>[]>;
 }
 export interface CrudConfig {
     api: CrudApi;
     baseParams?: Record<string, unknown>;
     requestMethod?: 'GET' | 'POST';
     requestInstance?: unknown;
+    /** 各操作的自定义 URL，优先级高于 api 函数 */
+    urls?: {
+        list?: string;
+        add?: string;
+        edit?: string;
+        delete?: string;
+        batchDelete?: string;
+        version?: string;
+    };
+    /** 各操作的自定义参数 */
+    params?: {
+        list?: Record<string, unknown>;
+        add?: Record<string, unknown>;
+        edit?: Record<string, unknown>;
+        delete?: Record<string, unknown>;
+        batchDelete?: Record<string, unknown>;
+        version?: Record<string, unknown>;
+    };
+    /** 版本管理配置 */
+    versionConfig?: {
+        /** 自定义版本请求 URL（优先级高于 api.version） */
+        url?: string;
+        /** 自定义参数 */
+        params?: Record<string, unknown>;
+    };
 }
 export interface SelectionConfig {
     show?: boolean;
@@ -203,6 +244,8 @@ export interface DrawerConfig {
 export interface ColumnSettingConfig {
     show?: boolean;
     storageKey?: string;
+    /** 是否默认显示行号列 */
+    showIndex?: boolean;
 }
 export interface AutoHeightConfig {
     offset?: number;
@@ -211,6 +254,7 @@ export interface EeFormTableProps {
     columns: TableColumn[];
     data?: Record<string, unknown>[];
     loading?: boolean;
+    readOnly?: boolean;
     searchConfig?: SearchConfig | boolean;
     pagination?: PaginationConfig | boolean;
     actionConfig?: ActionConfig | boolean;