@lx-frontend/wrap-element-ui 1.0.25 → 1.0.26

package/dist/vue3/types/components/EditableTable/types.d.ts

@@ -0,0 +1,419 @@
+/**
+ * 编辑类型枚举
+ */
+export declare enum EditType {
+    INPUT = "input",
+    SELECT = "select",
+    DATE = "date",
+    DATE_TIME = "datetime"
+}
+/**
+ * 排序选项
+ */
+export interface SortOption {
+    prop: string;
+    label: string;
+}
+/**
+ * 筛选配置 - 联合类型
+ */
+export type FilterConfig = InputFilterConfig | SelectFilterConfig | DateRangeFilterConfig | ColorFilterConfig | SlotFilterConfig;
+/**
+ * 输入框筛选配置
+ */
+export interface InputFilterConfig {
+    type: "input";
+    prop: string;
+    label?: string;
+    placeholder?: string;
+    validator?: (value: string) => boolean;
+}
+/**
+ * 选择筛选配置
+ */
+export interface SelectFilterConfig {
+    type: "select";
+    prop: string;
+    label?: string;
+    multiple?: boolean;
+    options: Array<{
+        label: string;
+        value: any;
+    }>;
+    defaultValue?: any;
+}
+/**
+ * 日期范围筛选配置
+ */
+export interface DateRangeFilterConfig {
+    type: "dateRange";
+    prop: [string, string];
+    label?: string;
+}
+/**
+ * 颜色筛选配置
+ */
+export interface ColorFilterConfig {
+    type: "color";
+    prop: string;
+    label?: string;
+    options: Array<{
+        label: string;
+        value: any;
+        color: string;
+    }>;
+}
+/**
+ * 插槽筛选配置
+ */
+export interface SlotFilterConfig {
+    type: "slot";
+    slotName: string;
+    isActive: () => boolean;
+}
+/**
+ * 行背景色配置
+ */
+export interface ColorOption {
+    id: number;
+    name: string;
+    bgColor: string;
+    textColor?: string;
+    sampleColor?: string;
+    default?: boolean;
+}
+/**
+ * 列配置 - 核心接口
+ */
+export interface ColumnConfig {
+    /** 列字段名（必须） */
+    prop: string;
+    /** 列标题（必须） */
+    label: string;
+    /** 编辑类型 */
+    editType?: EditType;
+    /** 自定义编辑插槽名称 */
+    editSlotName?: string;
+    /** 编辑选项（用于 select 类型） */
+    editOptions?: Array<{
+        label: string;
+        value: any;
+    }>;
+    /** 自定义显示插槽名称 */
+    slotName?: string;
+    /** hover 时显示的插槽名称 */
+    hoverSlotName?: string;
+    /** 格式化函数 */
+    formatter?: (row: any, column: ColumnConfig, value: any, index: number) => string | number;
+    /** 是否可排序 */
+    sortable?: boolean | SortOption[];
+    /** 筛选配置 */
+    filters?: FilterConfig[];
+    /** 是否显示列头筛选图标 */
+    showFilterIcon?: boolean;
+    /** 是否显示统计 */
+    summary?: boolean;
+    /** 统计方法 */
+    summaryMethod?: (values: any[]) => string | number;
+    /** 是否始终显示（不可隐藏） */
+    alwaysShow?: boolean;
+    /** 是否始终显示（兼容旧版本） */
+    isAlwaysShow?: boolean;
+    /** 默认隐藏 */
+    defaultHide?: boolean;
+    /** 是否可排序（计算属性，兼容旧版本） */
+    isColumnSortable?: boolean;
+    /** 原始排序配置（内部使用） */
+    _sortable?: boolean | SortOption[];
+    width?: number | string;
+    minWidth?: number | string;
+    fixed?: "left" | "right" | boolean;
+    align?: "left" | "center" | "right";
+    showOverflowTooltip?: boolean;
+    [key: string]: any;
+}
+/**
+ * 分页参数
+ */
+export interface PaginationParams {
+    page: number;
+    size: number;
+}
+/**
+ * 排序参数
+ */
+export interface SortParams {
+    prop: string;
+    order: "ascending" | "descending" | null;
+}
+/**
+ * EditableTable Props
+ */
+export interface EditableTableProps {
+    /** 表格数据 */
+    data: any[];
+    /** 列配置 */
+    columns: ColumnConfig[];
+    /** 总条数（用于分页） */
+    total?: number;
+    /** 是否显示序号列 */
+    showIndex?: boolean;
+    /** 是否显示选择列 */
+    showSelection?: boolean;
+    /** 是否显示展开行 */
+    showExpand?: boolean;
+    /** 是否支持行拖拽排序 */
+    draggable?: boolean;
+    /** 是否显示加载状态 */
+    loading?: boolean;
+    /** 默认操作按钮 */
+    operations?: Array<"edit" | "delete" | "top">;
+    /** 行背景色配置 */
+    colorOptions?: ColorOption[];
+    /** 颜色列的表头筛选配置 */
+    colorFilterConfig?: ColumnConfig;
+    /** 是否隐藏显示设置按钮 */
+    hideColumnSetting?: boolean;
+    /** 列显示设置的本地存储 key */
+    columnSettingKey?: string;
+    /** 设置缓存的 key（兼容旧版本） */
+    settingStorgeKey?: string;
+    /** 左侧固定列数量 */
+    leftFixedCount?: number;
+    /** 当前页码 */
+    currentPage?: number;
+    /** 每页条数 */
+    pageSize?: number;
+    /** 每页条数选项 */
+    pageSizes?: number[];
+    /** 拖拽范围限制（用于性能优化） */
+    dragRange?: number;
+    /** 拖拽性能优化范围（兼容旧版本） */
+    dragSemiRange?: number;
+    /** 是否启用前端排序 */
+    localSort?: boolean;
+    /** 是否启用前端筛选 */
+    localFilter?: boolean;
+    /** 列配置（兼容旧版本） */
+    columnConfig?: ColumnConfig[];
+    /** 设置迁移配置 */
+    settingStorgeMigrationConfigs?: SettingStorgeMigrationConfigs;
+    /** 数据列表（兼容旧版本） */
+    dataList?: any[];
+    /** 行拖拽（兼容旧版本） */
+    rowDragAble?: boolean;
+    /** 颜色列表（兼容旧版本） */
+    colorList?: ColorOption[];
+    /** 默认操作（兼容旧版本） */
+    defaultOperations?: Array<"edit" | "delete" | "top">;
+    /** 隐藏显示设置按钮（兼容旧版本） */
+    hideViewSettingBtn?: boolean;
+    /** 是否显示展开行（兼容旧版本） */
+    hasExpandRow?: boolean;
+    /** 支持 Element Plus Table 的所有属性 */
+    [key: string]: any;
+}
+/**
+ * EditableTable Emits
+ */
+export interface EditableTableEmits {
+    (e: "selection-change", selection: any[]): void;
+    (e: "update:currentPage", page: number): void;
+    (e: "update:pageSize", size: number): void;
+    (e: "page-change", params: PaginationParams): void;
+    (e: "sort-change", params: SortParams): void;
+    (e: "filter-change", filters: Record<string, any>): void;
+    (e: "search", params: Record<string, any>): void;
+    (e: "row-edit", params: {
+        row: any;
+        index: number;
+    }): void;
+    (e: "row-edit-save", params: {
+        row: any;
+        index: number;
+        changedData: Record<string, any>;
+    }): void;
+    (e: "row-edit-cancel", params: {
+        row: any;
+        index: number;
+    }): void;
+    (e: "row-delete", params: {
+        row: any;
+        index: number;
+    }): void;
+    (e: "row-pin", params: {
+        row: any;
+        index: number;
+    }): void;
+    (e: "row-pin-to-top", params: {
+        row: any;
+        index: number;
+        page: number;
+        size: number;
+    }): void;
+    (e: "row-drag", params: {
+        row: any;
+        fromIndex: number;
+        toIndex: number;
+    }): void;
+    (e: "row-drag-drop", params: {
+        row: any;
+        fromIndex: number;
+        toIndex: number;
+        page: number;
+        size: number;
+    }): void;
+    (e: "row-color-change", params: {
+        row: any;
+        index: number;
+        colorId: number;
+    }): void;
+    (e: "row-bg-change", params: {
+        colorId: number;
+        row: ITableDataItem;
+        rowIndex: number;
+    }): void;
+    (e: "row-dblclick", params: {
+        row: any;
+        column: any;
+        event: Event;
+    }): void;
+}
+/**
+ * 拖拽状态
+ */
+export interface DragState {
+    isDragging?: boolean;
+    startIndex?: number;
+    currentIndex?: number;
+    dragY?: number;
+    rowHeight?: number;
+    dragRange?: [number, number];
+}
+/**
+ * 拖拽数据（兼容旧版本）
+ */
+export interface IDraggingData {
+    isDragging?: boolean;
+    startPosition?: {
+        x: number;
+        y: number;
+    };
+    draggingRow?: HTMLElement | HTMLElement[];
+    draggingIndex?: number;
+    dropIndex?: number;
+    rowDoms?: Record<number, HTMLElement[]>;
+    rowHeight?: number;
+    rowsRange?: ([number, number] | undefined)[];
+    hiddenTds?: HTMLElement[];
+    fullScreenDiv?: HTMLElement;
+}
+export type IDefaultOperationType = "edit" | "delete" | "top";
+/**
+ * 表格数据项
+ */
+export interface ITableDataItem {
+    colorId?: number;
+    isPinned?: boolean;
+    __static_bg_color__?: string;
+    [key: string]: any;
+}
+/**
+ * 设置存储配置
+ */
+export interface SettingStorgeConfig {
+    version?: string;
+    schemaVersion?: number;
+    config: {
+        fields: Record<string, {
+            hidden: boolean;
+            order: number;
+        }>;
+        leftFixedColumnCount: number;
+    };
+}
+/**
+ * 设置迁移配置
+ */
+export type SettingStorgeMigrationConfigs = Array<{
+    schemaVersion?: number;
+    version: {
+        form: string;
+        to: string;
+    };
+    migration: (currentConfig: any, columns: ColumnConfig[]) => SettingStorgeConfig;
+}>;
+export type IProps = EditableTableProps;
+/**
+ * 旧版本事件接口（兼容旧版本 hooks）
+ */
+export interface IEmits {
+    (e: "selection-change", selection: any): void;
+    (e: "row-bg-change", param: {
+        colorId: number;
+        row: ITableDataItem;
+        rowIndex: number;
+    }): void;
+    (e: "row-drag-drop", param: {
+        row: any;
+        fromIndex: number;
+        toIndex: number;
+        page: number;
+        size: number;
+    }): void;
+    (e: "row-delete", param: {
+        row: any;
+        index: number;
+        page: number;
+        size: number;
+    }): void;
+    (e: "row-edit", param: {
+        row: any;
+        index: number;
+        page: number;
+        size: number;
+    }): void;
+    (e: "row-pin-to-top", param: {
+        row: any;
+        rawIndex: number;
+        page: number;
+        size: number;
+    }): void;
+    (e: "row-edit-save", param: {
+        page: number;
+        size: number;
+        row: any;
+        changedData: Record<string, any>;
+    }): void;
+    (e: "row-edit-cancel", param: {
+        row: any;
+        page: number;
+        size: number;
+    }): void;
+    (e: "page-change", param: {
+        page: number;
+        size: number;
+    }): void;
+    (e: "search", param: Record<string, any>): void;
+    (e: "sort-change", param: {
+        order: "descending" | "ascending" | null;
+        prop: string;
+    }): void;
+    (e: "update:leftFixedColumnCount", val: number): void;
+    (e: "update:showingColumns", val: string[]): void;
+    (e: "update:viewSettingDragSortOptions", val: ColumnConfig[]): void;
+    (e: "tableDoLayout"): void;
+    (e: "open-filter", prop: string): void;
+    (e: "reset-filter", prop: string): void;
+    (e: "confirm-filter", prop: string): void;
+}
+export type IColumnConfig = ColumnConfig;
+export type IColorList = ColorOption[];
+export type IFilterInput = InputFilterConfig;
+export type IFilterSelect = SelectFilterConfig;
+export type IFilterDoubleDatePicker = DateRangeFilterConfig;
+export type IFilterDoubleDatePickerLimit = DateRangeFilterConfig;
+export type IFilterMonthDayPicker = DateRangeFilterConfig;
+export type IFilterColorRadio = ColorFilterConfig;
+export type FilterItem = FilterConfig;
+export type FilterListType = FilterConfig[];

package/dist/vue3/types/components/helper.d.ts

@@ -0,0 +1,8 @@
+/** 开始日期禁用配置 */
+export declare function genStartDateDisabledOptions(endDate: string, limit?: number): {
+    disabledDate: (time: Date) => boolean;
+};
+/** 结束日期禁用配置 */
+export declare function genEndDateDisabledOptions(startDate: string, limit?: number): {
+    disabledDate: (time: Date) => boolean;
+};

package/dist/vue3/types/index.d.ts

@@ -0,0 +1,7 @@
+import { App } from '../vue/dist/vue.esm-bundler.js';
+import { default as EditableTable } from './components/EditableTable/index.vue';
+
+export { EditableTable };
+export type { ColumnConfig as EditableColumnConfig, EditableTableProps, EditableTableEmits, EditType, SortOption, FilterConfig, InputFilterConfig, SelectFilterConfig, DateRangeFilterConfig, ColorFilterConfig, SlotFilterConfig, ColorOption, PaginationParams as EditablePaginationParams, SortParams as EditableSortParams, DragState, } from './components/EditableTable/types';
+export default EditableTable;
+export declare const install: (app: App) => void;

package/dist/vue3/types/stories/EditableTable.fake.d.ts

@@ -0,0 +1,33 @@
+export declare enum Status {
+    '未报价' = 1,
+    '审批中' = 2,
+    '已完成' = 3,
+    '已驳回' = 4
+}
+interface ITableDataItem {
+    plateNumber: string;
+    carModel: string;
+    clientType: string;
+    insuranceCompanyName: string;
+    lastFollow: string;
+    nextFollowTime: string;
+    insuranceCost: string;
+    status: number;
+    statusName: string;
+    insuranceContact: string;
+    colorId: number | undefined;
+}
+export declare function generateDataList(total?: number): ITableDataItem[];
+export declare function clearTableData(): void;
+export declare function getTableDataByPageAndSize(page: any, size: any): Promise<{
+    total: number;
+    data: ITableDataItem[];
+}>;
+export declare function setTableDataByUuid(id: any, data: any): void;
+export declare function deleteTableDataByUuid(id: any): void;
+export declare function changeRowsIndex(page: any, size: any, fromIndex: any, toIndex: any): void;
+export declare const userFakeList: {
+    value: number;
+    text: string;
+}[];
+export {};

package/dist/vue3/types/stories/EditableTable.hook.d.ts

@@ -0,0 +1,12 @@
+export default function useEditableTableHook(args: any, total: any): {
+    properties: import('../../vue/dist/vue.esm-bundler.js').Ref<any, any>;
+    loading: import('../../vue/dist/vue.esm-bundler.js').Ref<boolean, boolean>;
+    handlePageChange: (e: any) => void;
+    handleRowBgChange: (e: any) => void;
+    handleRowGragDrop: (e: any) => void;
+    handleRowEditSave: (e: any) => void;
+    handleRowDelete: (e: any) => void;
+    handlePlateNumberCopy: (plateNumber: any) => void;
+    getSummaries: (param: any) => (string | number)[];
+    handleAddLastFollow: (row: any) => void;
+};

package/dist/vue3/types/stories/EditableTable.stories.d.ts

@@ -0,0 +1,18 @@
+import { Meta, StoryObj } from '@storybook/vue3';
+import { default as EditableTable } from '../components/EditableTable/index.vue';
+
+declare const meta: Meta<typeof EditableTable>;
+export default meta;
+type Story = StoryObj<typeof EditableTable>;
+export declare const Exhibition: Story;
+export declare const ExpandWithTable: Story;
+export declare const RowDragAble: Story;
+export declare const RowBgColor: Story;
+export declare const ColumnSort: Story;
+export declare const ColumnFilter: Story;
+export declare const CustomSlotFilter: Story;
+export declare const ColumnSearch: Story;
+export declare const ColumnSummary: Story;
+export declare const RowEditable: Story;
+export declare const RowDeleteAndPinTop: Story;
+export declare const HoverRow: Story;

package/package.json

@@ -1,15 +1,21 @@
 {
   "name": "@lx-frontend/wrap-element-ui",
-  "version": "1.0.25",
+  "version": "1.0.26",
   "description": "wrap-element-ui",
   "author": "",
-  "main": "src/components/index.ts",
+  "main": "dist/auto/index.mjs",
+  "module": "dist/auto/index.mjs",
+  "types": "dist/auto/types/index.d.ts",
   "private": false,
   "scripts": {
     "clean": "rimraf dist",
     "dev": "cross-env MODE=development storybook dev -p 6006",
-    "dist": "cross-env MODE=production pnpm build:lib && storybook dev -p 6006",
-    "build:lib": "pnpm clean && vite build",
+    "dist": "cross-env MODE=production pnpm build && storybook dev -p 6006",
+    "build:lib": "pnpm build",
+    "build": "pnpm clean && pnpm build:vue2 && pnpm build:vue3 && pnpm build:auto",
+    "build:vue2": "cross-env BUILD_TARGET=vue2 MODE=production vite build",
+    "build:vue3": "cd packages/vue3 && cross-env MODE=production vite build",
+    "build:auto": "cross-env BUILD_TARGET=auto MODE=production vite build",
     "build:sb": "cross-env MODE=production rimraf storybook-static && pnpm build:lib && storybook build",
     "preview": "serve ./storybook-static",
     "publish:dev": "npm publish --access public --tag beta",
@@ -20,13 +26,36 @@
   "files": [
     "README.md",
     "package.json",
-    "src/components"
+    "dist"
   ],
+  "exports": {
+    ".": {
+      "types": "./dist/auto/types/index.d.ts",
+      "import": "./dist/auto/index.mjs"
+    },
+    "./vue2": {
+      "types": "./dist/vue2/types/index.d.ts",
+      "import": "./dist/vue2/index.mjs"
+    },
+    "./vue3": {
+      "types": "./dist/vue3/types/index.d.ts",
+      "import": "./dist/vue3/index.mjs"
+    }
+  },
   "peerDependencies": {
     "dayjs": "^1.11.13",
     "element-ui": "^2.15.14",
+    "element-plus": "^2.6.0",
     "lodash": "^4.17.21",
-    "vue": "~2.7.16"
+    "vue": "^2.7.0 || ^3.2.0"
+  },
+  "peerDependenciesMeta": {
+    "element-ui": {
+      "optional": true
+    },
+    "element-plus": {
+      "optional": true
+    }
   },
   "devDependencies": {
     "@faker-js/faker": "^8.4.1",
@@ -68,6 +97,7 @@
     "vite-plugin-dts": "^3.9.1",
     "vite-plugin-lib-inject-css": "^2.1.1",
     "vite-tsconfig-paths": "^4.3.2",
-    "vue-template-compiler": "^2.6.10"
+    "vue-template-compiler": "^2.6.10",
+    "vue-tsc": "^2.1.10"
   }
-}
+}