element-plus 2.1.9 → 2.1.10

package/lib/components/table-v2/src/table-v2.d.ts

@@ -0,0 +1,151 @@
+declare const TableV2: import("vue").DefineComponent<{
+    readonly cache: import("../../../utils").BuildPropReturn<NumberConstructor, 2, false, never, never>;
+    readonly estimatedRowHeight: {
+        readonly default: undefined;
+        readonly type: import("vue").PropType<number>;
+        readonly required: false;
+        readonly validator: ((val: unknown) => boolean) | undefined;
+        readonly __elPropsReservedKey: true;
+    };
+    readonly rowKey: import("../../../utils").BuildPropReturn<import("../../../utils").PropWrapper<import("./types").KeyType>, "id", unknown, unknown, unknown>;
+    readonly cellProps: import("../../../utils").BuildPropReturn<import("../../../utils").PropWrapper<any>, unknown, unknown, unknown, unknown>;
+    readonly headerClass: import("../../../utils").BuildPropReturn<import("../../../utils").PropWrapper<string | import("./table").HeaderClassNameGetter<any>>, unknown, unknown, unknown, unknown>;
+    readonly headerProps: import("../../../utils").BuildPropReturn<import("../../../utils").PropWrapper<any>, unknown, unknown, unknown, unknown>;
+    readonly headerCellProps: import("../../../utils").BuildPropReturn<import("../../../utils").PropWrapper<any>, unknown, unknown, unknown, unknown>;
+    readonly headerHeight: import("../../../utils").BuildPropReturn<import("../../../utils").PropWrapper<number | number[]>, 50, unknown, unknown, unknown>;
+    readonly footerHeight: import("../../../utils").BuildPropReturn<NumberConstructor, 0, unknown, unknown, unknown>;
+    readonly rowClass: import("../../../utils").BuildPropReturn<import("../../../utils").PropWrapper<string | import("./table").RowClassNameGetter<any>>, unknown, unknown, unknown, unknown>;
+    readonly rowProps: import("../../../utils").BuildPropReturn<import("../../../utils").PropWrapper<any>, unknown, unknown, unknown, unknown>;
+    readonly rowHeight: import("../../../utils").BuildPropReturn<NumberConstructor, 50, unknown, unknown, unknown>;
+    readonly columns: import("../../../utils").BuildPropReturn<import("../../../utils").PropWrapper<import("./common").AnyColumn[]>, unknown, true, unknown, unknown>;
+    readonly data: import("../../../utils").BuildPropReturn<import("../../../utils").PropWrapper<any[]>, unknown, true, unknown, unknown>;
+    readonly dataGetter: import("../../../utils").BuildPropReturn<import("../../../utils").PropWrapper<import("./types").DataGetter<any>>, unknown, unknown, unknown, unknown>;
+    readonly dataKey: import("../../../utils").BuildPropReturn<StringConstructor, "id", unknown, unknown, unknown>;
+    readonly fixedData: import("../../../utils").BuildPropReturn<import("../../../utils").PropWrapper<any[]>, unknown, unknown, unknown, unknown>;
+    readonly expandColumnKey: StringConstructor;
+    readonly expandedRowKeys: import("../../../utils").BuildPropReturn<import("../../../utils").PropWrapper<import("./types").KeyType[]>, () => never[], unknown, unknown, unknown>;
+    readonly defaultExpandedRowKeys: import("../../../utils").BuildPropReturn<import("../../../utils").PropWrapper<import("./types").KeyType[]>, () => never[], unknown, unknown, unknown>;
+    readonly class: StringConstructor;
+    readonly disabled: BooleanConstructor;
+    readonly fixed: BooleanConstructor;
+    readonly style: import("../../../utils").BuildPropReturn<import("../../../utils").PropWrapper<import("vue").CSSProperties>, unknown, unknown, unknown, unknown>;
+    readonly width: import("../../../utils").BuildPropReturn<NumberConstructor, unknown, true, unknown, unknown>;
+    readonly height: import("../../../utils").BuildPropReturn<NumberConstructor, unknown, true, unknown, unknown>;
+    readonly maxHeight: NumberConstructor;
+    readonly useIsScrolling: BooleanConstructor;
+    readonly indentSize: import("../../../utils").BuildPropReturn<NumberConstructor, 12, unknown, unknown, unknown>;
+    readonly iconSize: import("../../../utils").BuildPropReturn<NumberConstructor, 12, unknown, unknown, unknown>;
+    readonly hScrollbarSize: import("../../../utils").BuildPropReturn<NumberConstructor, 6, unknown, unknown, unknown>;
+    readonly vScrollbarSize: import("../../../utils").BuildPropReturn<NumberConstructor, 6, unknown, unknown, unknown>;
+    readonly scrollbarAlwaysOn: BooleanConstructor;
+    readonly sortBy: import("../../../utils").BuildPropReturn<import("../../../utils").PropWrapper<{
+        key: import("./types").KeyType;
+        order: import("./constants").SortOrder;
+    }>, () => {
+        key: import("./types").KeyType;
+        order: import("./constants").SortOrder;
+    }, unknown, unknown, unknown>;
+    readonly sortState: import("../../../utils").BuildPropReturn<import("../../../utils").PropWrapper<Record<import("./types").KeyType, import("./constants").SortOrder>>, undefined, unknown, unknown, unknown>;
+    readonly onColumnSort: import("../../../utils").BuildPropReturn<import("../../../utils").PropWrapper<import("./table").ColumnSortHandler<any>>, unknown, unknown, unknown, unknown>;
+    readonly onExpandedRowsChange: FunctionConstructor;
+    readonly onEndReached: import("../../../utils").BuildPropReturn<import("../../../utils").PropWrapper<(distance: number) => void>, unknown, unknown, unknown, unknown>;
+    readonly onRowExpand: import("../../../utils").BuildPropReturn<import("../../../utils").PropWrapper<import("./row").RowExpandHandler<any>>, unknown, unknown, unknown, unknown>;
+    readonly onScroll: import("../../../utils").BuildPropReturn<import("../../../utils").PropWrapper<(...args: any[]) => void>, unknown, unknown, unknown, unknown>;
+    readonly onRowRendered: import("../../../utils").BuildPropReturn<import("../../../utils").PropWrapper<(params: import("./grid").onRowRenderedParams) => void>, unknown, unknown, unknown, unknown>;
+    readonly rowEventHandlers: import("../../../utils").BuildPropReturn<import("../../../utils").PropWrapper<import("./row").RowEventHandlers<any>>, unknown, unknown, unknown, unknown>;
+}, () => JSX.Element, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, Record<string, any>, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{
+    readonly cache: import("../../../utils").BuildPropReturn<NumberConstructor, 2, false, never, never>;
+    readonly estimatedRowHeight: {
+        readonly default: undefined;
+        readonly type: import("vue").PropType<number>;
+        readonly required: false;
+        readonly validator: ((val: unknown) => boolean) | undefined;
+        readonly __elPropsReservedKey: true;
+    };
+    readonly rowKey: import("../../../utils").BuildPropReturn<import("../../../utils").PropWrapper<import("./types").KeyType>, "id", unknown, unknown, unknown>;
+    readonly cellProps: import("../../../utils").BuildPropReturn<import("../../../utils").PropWrapper<any>, unknown, unknown, unknown, unknown>;
+    readonly headerClass: import("../../../utils").BuildPropReturn<import("../../../utils").PropWrapper<string | import("./table").HeaderClassNameGetter<any>>, unknown, unknown, unknown, unknown>;
+    readonly headerProps: import("../../../utils").BuildPropReturn<import("../../../utils").PropWrapper<any>, unknown, unknown, unknown, unknown>;
+    readonly headerCellProps: import("../../../utils").BuildPropReturn<import("../../../utils").PropWrapper<any>, unknown, unknown, unknown, unknown>;
+    readonly headerHeight: import("../../../utils").BuildPropReturn<import("../../../utils").PropWrapper<number | number[]>, 50, unknown, unknown, unknown>;
+    readonly footerHeight: import("../../../utils").BuildPropReturn<NumberConstructor, 0, unknown, unknown, unknown>;
+    readonly rowClass: import("../../../utils").BuildPropReturn<import("../../../utils").PropWrapper<string | import("./table").RowClassNameGetter<any>>, unknown, unknown, unknown, unknown>;
+    readonly rowProps: import("../../../utils").BuildPropReturn<import("../../../utils").PropWrapper<any>, unknown, unknown, unknown, unknown>;
+    readonly rowHeight: import("../../../utils").BuildPropReturn<NumberConstructor, 50, unknown, unknown, unknown>;
+    readonly columns: import("../../../utils").BuildPropReturn<import("../../../utils").PropWrapper<import("./common").AnyColumn[]>, unknown, true, unknown, unknown>;
+    readonly data: import("../../../utils").BuildPropReturn<import("../../../utils").PropWrapper<any[]>, unknown, true, unknown, unknown>;
+    readonly dataGetter: import("../../../utils").BuildPropReturn<import("../../../utils").PropWrapper<import("./types").DataGetter<any>>, unknown, unknown, unknown, unknown>;
+    readonly dataKey: import("../../../utils").BuildPropReturn<StringConstructor, "id", unknown, unknown, unknown>;
+    readonly fixedData: import("../../../utils").BuildPropReturn<import("../../../utils").PropWrapper<any[]>, unknown, unknown, unknown, unknown>;
+    readonly expandColumnKey: StringConstructor;
+    readonly expandedRowKeys: import("../../../utils").BuildPropReturn<import("../../../utils").PropWrapper<import("./types").KeyType[]>, () => never[], unknown, unknown, unknown>;
+    readonly defaultExpandedRowKeys: import("../../../utils").BuildPropReturn<import("../../../utils").PropWrapper<import("./types").KeyType[]>, () => never[], unknown, unknown, unknown>;
+    readonly class: StringConstructor;
+    readonly disabled: BooleanConstructor;
+    readonly fixed: BooleanConstructor;
+    readonly style: import("../../../utils").BuildPropReturn<import("../../../utils").PropWrapper<import("vue").CSSProperties>, unknown, unknown, unknown, unknown>;
+    readonly width: import("../../../utils").BuildPropReturn<NumberConstructor, unknown, true, unknown, unknown>;
+    readonly height: import("../../../utils").BuildPropReturn<NumberConstructor, unknown, true, unknown, unknown>;
+    readonly maxHeight: NumberConstructor;
+    readonly useIsScrolling: BooleanConstructor;
+    readonly indentSize: import("../../../utils").BuildPropReturn<NumberConstructor, 12, unknown, unknown, unknown>;
+    readonly iconSize: import("../../../utils").BuildPropReturn<NumberConstructor, 12, unknown, unknown, unknown>;
+    readonly hScrollbarSize: import("../../../utils").BuildPropReturn<NumberConstructor, 6, unknown, unknown, unknown>;
+    readonly vScrollbarSize: import("../../../utils").BuildPropReturn<NumberConstructor, 6, unknown, unknown, unknown>;
+    readonly scrollbarAlwaysOn: BooleanConstructor;
+    readonly sortBy: import("../../../utils").BuildPropReturn<import("../../../utils").PropWrapper<{
+        key: import("./types").KeyType;
+        order: import("./constants").SortOrder;
+    }>, () => {
+        key: import("./types").KeyType;
+        order: import("./constants").SortOrder;
+    }, unknown, unknown, unknown>;
+    readonly sortState: import("../../../utils").BuildPropReturn<import("../../../utils").PropWrapper<Record<import("./types").KeyType, import("./constants").SortOrder>>, undefined, unknown, unknown, unknown>;
+    readonly onColumnSort: import("../../../utils").BuildPropReturn<import("../../../utils").PropWrapper<import("./table").ColumnSortHandler<any>>, unknown, unknown, unknown, unknown>;
+    readonly onExpandedRowsChange: FunctionConstructor;
+    readonly onEndReached: import("../../../utils").BuildPropReturn<import("../../../utils").PropWrapper<(distance: number) => void>, unknown, unknown, unknown, unknown>;
+    readonly onRowExpand: import("../../../utils").BuildPropReturn<import("../../../utils").PropWrapper<import("./row").RowExpandHandler<any>>, unknown, unknown, unknown, unknown>;
+    readonly onScroll: import("../../../utils").BuildPropReturn<import("../../../utils").PropWrapper<(...args: any[]) => void>, unknown, unknown, unknown, unknown>;
+    readonly onRowRendered: import("../../../utils").BuildPropReturn<import("../../../utils").PropWrapper<(params: import("./grid").onRowRenderedParams) => void>, unknown, unknown, unknown, unknown>;
+    readonly rowEventHandlers: import("../../../utils").BuildPropReturn<import("../../../utils").PropWrapper<import("./row").RowEventHandlers<any>>, unknown, unknown, unknown, unknown>;
+}>>, {
+    disabled: boolean;
+    fixed: boolean;
+    onScroll: (...args: any[]) => void;
+    style: import("vue").CSSProperties;
+    scrollbarAlwaysOn: boolean;
+    rowKey: import("../../../utils").BuildPropType<import("../../../utils").PropWrapper<import("./types").KeyType>, unknown, unknown>;
+    sortBy: {
+        key: import("./types").KeyType;
+        order: import("./constants").SortOrder;
+    };
+    useIsScrolling: boolean;
+    cache: number;
+    headerClass: import("../../../utils").BuildPropType<import("../../../utils").PropWrapper<string | import("./table").HeaderClassNameGetter<any>>, unknown, unknown>;
+    estimatedRowHeight: number;
+    rowHeight: number;
+    hScrollbarSize: number;
+    vScrollbarSize: number;
+    onRowExpand: import("./row").RowExpandHandler<any>;
+    rowEventHandlers: import("./row").RowEventHandlers<any>;
+    headerHeight: import("../../../utils").BuildPropType<import("../../../utils").PropWrapper<number | number[]>, unknown, unknown>;
+    fixedData: any[];
+    cellProps: any;
+    headerProps: any;
+    headerCellProps: any;
+    footerHeight: number;
+    rowClass: import("../../../utils").BuildPropType<import("../../../utils").PropWrapper<string | import("./table").RowClassNameGetter<any>>, unknown, unknown>;
+    rowProps: any;
+    dataGetter: import("./types").DataGetter<any>;
+    dataKey: string;
+    indentSize: number;
+    iconSize: number;
+    sortState: Record<import("./types").KeyType, import("./constants").SortOrder>;
+    onColumnSort: import("./table").ColumnSortHandler<any>;
+    onEndReached: (distance: number) => void;
+    expandedRowKeys: import("./types").KeyType[];
+    defaultExpandedRowKeys: import("./types").KeyType[];
+    onRowRendered: (params: import("./grid").onRowRenderedParams) => void;
+}>;
+export default TableV2;
+export declare type TableV2Instance = InstanceType<typeof TableV2>;

package/lib/components/table-v2/src/table.d.ts

@@ -1,5 +1,6 @@
-import type { ExtractPropTypes, StyleValue } from 'vue';
-import type { Column, ColumnCommonParams, RowCommonParams, SortOrder } from './types';
+import type { CSSProperties, ExtractPropTypes } from 'vue';
+import type { SortOrder } from './constants';
+import type { Column, ColumnCommonParams, DataGetter, KeyType, RowCommonParams } from './types';
 /**
  * Param types
  */
@@ -33,10 +34,17 @@ export declare type RowClassNameGetter<T> = (params: {
  * Handler types
  */
 export declare type ColumnSortHandler<T> = (params: ColumnSortParams<T>) => void;
+export declare type ColumnResizeHandler<T> = (column: Column<T>, width: number) => void;
 export declare const tableV2Props: {
     readonly cache: import("element-plus/es/utils").BuildPropReturn<NumberConstructor, 2, false, never, never>;
-    readonly estimatedRowHeight: import("element-plus/es/utils").BuildPropReturn<NumberConstructor, never, false, never, never>;
-    readonly rowKey: import("element-plus/es/utils").BuildPropReturn<import("element-plus/es/utils").PropWrapper<import("./types").KeyType>, "id", unknown, unknown, unknown>;
+    readonly estimatedRowHeight: {
+        readonly default: undefined;
+        readonly type: import("vue").PropType<number>;
+        readonly required: false;
+        readonly validator: ((val: unknown) => boolean) | undefined;
+        readonly __elPropsReservedKey: true;
+    };
+    readonly rowKey: import("element-plus/es/utils").BuildPropReturn<import("element-plus/es/utils").PropWrapper<KeyType>, "id", unknown, unknown, unknown>;
     readonly cellProps: import("element-plus/es/utils").BuildPropReturn<import("element-plus/es/utils").PropWrapper<any>, unknown, unknown, unknown, unknown>;
     readonly headerClass: import("element-plus/es/utils").BuildPropReturn<import("element-plus/es/utils").PropWrapper<string | HeaderClassNameGetter<any>>, unknown, unknown, unknown, unknown>;
     readonly headerProps: import("element-plus/es/utils").BuildPropReturn<import("element-plus/es/utils").PropWrapper<any>, unknown, unknown, unknown, unknown>;
@@ -45,49 +53,42 @@ export declare const tableV2Props: {
     readonly footerHeight: import("element-plus/es/utils").BuildPropReturn<NumberConstructor, 0, unknown, unknown, unknown>;
     readonly rowClass: import("element-plus/es/utils").BuildPropReturn<import("element-plus/es/utils").PropWrapper<string | RowClassNameGetter<any>>, unknown, unknown, unknown, unknown>;
     readonly rowProps: import("element-plus/es/utils").BuildPropReturn<import("element-plus/es/utils").PropWrapper<any>, unknown, unknown, unknown, unknown>;
-    readonly rowHeight: NumberConstructor;
-    readonly columns: import("element-plus/es/utils").BuildPropReturn<import("element-plus/es/utils").PropWrapper<{
-        [key: string]: any;
-        key: import("./types").KeyType;
-        dataKey?: string | undefined;
-        dataGetter?: import("./types").DataGetter<any> | undefined;
-        align?: import("./types").Alignment | undefined;
-        className?: any;
-        fixed?: true | import("./types").FixedDirection | undefined;
-        title?: string | undefined;
-        hidden?: boolean | undefined;
-        maxWidth?: number | undefined;
-        minWidth?: number | undefined;
-        resizable?: boolean | undefined;
-        style?: import("vue").CSSProperties | undefined;
-        sortable?: boolean | undefined;
-        width: number;
-        cellRenderer?: import("./types").CellRenderer<any> | undefined;
-        headerRenderer?: import("./types").HeaderRenderer<any> | undefined;
-    }[]>, unknown, true, unknown, unknown>;
+    readonly rowHeight: import("element-plus/es/utils").BuildPropReturn<NumberConstructor, 50, unknown, unknown, unknown>;
+    readonly columns: import("element-plus/es/utils").BuildPropReturn<import("element-plus/es/utils").PropWrapper<import("./common").AnyColumn[]>, unknown, true, unknown, unknown>;
     readonly data: import("element-plus/es/utils").BuildPropReturn<import("element-plus/es/utils").PropWrapper<any[]>, unknown, true, unknown, unknown>;
+    readonly dataGetter: import("element-plus/es/utils").BuildPropReturn<import("element-plus/es/utils").PropWrapper<DataGetter<any>>, unknown, unknown, unknown, unknown>;
+    readonly dataKey: import("element-plus/es/utils").BuildPropReturn<StringConstructor, "id", unknown, unknown, unknown>;
     readonly fixedData: import("element-plus/es/utils").BuildPropReturn<import("element-plus/es/utils").PropWrapper<any[]>, unknown, unknown, unknown, unknown>;
     readonly expandColumnKey: StringConstructor;
-    readonly expandedRowKeys: import("element-plus/es/utils").BuildPropReturn<import("element-plus/es/utils").PropWrapper<import("./types").KeyType[]>, () => never[], unknown, unknown, unknown>;
-    readonly defaultExpandedRowKeys: import("element-plus/es/utils").BuildPropReturn<import("element-plus/es/utils").PropWrapper<import("./types").KeyType[]>, () => never[], unknown, unknown, unknown>;
+    readonly expandedRowKeys: import("element-plus/es/utils").BuildPropReturn<import("element-plus/es/utils").PropWrapper<KeyType[]>, () => never[], unknown, unknown, unknown>;
+    readonly defaultExpandedRowKeys: import("element-plus/es/utils").BuildPropReturn<import("element-plus/es/utils").PropWrapper<KeyType[]>, () => never[], unknown, unknown, unknown>;
     readonly class: StringConstructor;
     readonly disabled: BooleanConstructor;
     readonly fixed: BooleanConstructor;
-    readonly style: import("element-plus/es/utils").BuildPropReturn<import("element-plus/es/utils").PropWrapper<StyleValue>, unknown, unknown, unknown, unknown>;
+    readonly style: import("element-plus/es/utils").BuildPropReturn<import("element-plus/es/utils").PropWrapper<CSSProperties>, unknown, unknown, unknown, unknown>;
     readonly width: import("element-plus/es/utils").BuildPropReturn<NumberConstructor, unknown, true, unknown, unknown>;
-    readonly height: NumberConstructor;
+    readonly height: import("element-plus/es/utils").BuildPropReturn<NumberConstructor, unknown, true, unknown, unknown>;
     readonly maxHeight: NumberConstructor;
+    readonly useIsScrolling: BooleanConstructor;
+    readonly indentSize: import("element-plus/es/utils").BuildPropReturn<NumberConstructor, 12, unknown, unknown, unknown>;
+    readonly iconSize: import("element-plus/es/utils").BuildPropReturn<NumberConstructor, 12, unknown, unknown, unknown>;
+    readonly hScrollbarSize: import("element-plus/es/utils").BuildPropReturn<NumberConstructor, 6, unknown, unknown, unknown>;
+    readonly vScrollbarSize: import("element-plus/es/utils").BuildPropReturn<NumberConstructor, 6, unknown, unknown, unknown>;
+    readonly scrollbarAlwaysOn: BooleanConstructor;
     readonly sortBy: import("element-plus/es/utils").BuildPropReturn<import("element-plus/es/utils").PropWrapper<{
         key: KeyType;
-        order: readonly ["asc", "desc"];
+        order: SortOrder;
     }>, () => {
         key: KeyType;
-        order: readonly ["asc", "desc"];
+        order: SortOrder;
     }, unknown, unknown, unknown>;
-    readonly onColumnSort: import("element-plus/es/utils").BuildPropReturn<import("element-plus/es/utils").PropWrapper<ColumnSortParams<any>>, unknown, unknown, unknown, unknown>;
+    readonly sortState: import("element-plus/es/utils").BuildPropReturn<import("element-plus/es/utils").PropWrapper<Record<KeyType, SortOrder>>, undefined, unknown, unknown, unknown>;
+    readonly onColumnSort: import("element-plus/es/utils").BuildPropReturn<import("element-plus/es/utils").PropWrapper<ColumnSortHandler<any>>, unknown, unknown, unknown, unknown>;
     readonly onExpandedRowsChange: FunctionConstructor;
-    readonly onRowExpand: FunctionConstructor;
+    readonly onEndReached: import("element-plus/es/utils").BuildPropReturn<import("element-plus/es/utils").PropWrapper<(distance: number) => void>, unknown, unknown, unknown, unknown>;
+    readonly onRowExpand: import("element-plus/es/utils").BuildPropReturn<import("element-plus/es/utils").PropWrapper<import("./row").RowExpandHandler<any>>, unknown, unknown, unknown, unknown>;
     readonly onScroll: import("element-plus/es/utils").BuildPropReturn<import("element-plus/es/utils").PropWrapper<(...args: any[]) => void>, unknown, unknown, unknown, unknown>;
+    readonly onRowRendered: import("element-plus/es/utils").BuildPropReturn<import("element-plus/es/utils").PropWrapper<(params: import("./grid").onRowRenderedParams) => void>, unknown, unknown, unknown, unknown>;
     readonly rowEventHandlers: import("element-plus/es/utils").BuildPropReturn<import("element-plus/es/utils").PropWrapper<import("./row").RowEventHandlers<any>>, unknown, unknown, unknown, unknown>;
 };
 export declare type TableV2Props = ExtractPropTypes<typeof tableV2Props>;

package/lib/components/table-v2/src/table.js

@@ -3,11 +3,13 @@
 Object.defineProperty(exports, '__esModule', { value: true });
 
 require('../../../utils/index.js');
+require('../../virtual-list/index.js');
 var common = require('./common.js');
 var row = require('./row.js');
 var header = require('./header.js');
 var grid = require('./grid.js');
 var props = require('../../../utils/vue/props.js');
+var props$1 = require('../../virtual-list/src/props.js');
 
 const tableV2Props = props.buildProps({
   cache: grid.tableV2GridProps.cache,
@@ -45,9 +47,19 @@ const tableV2Props = props.buildProps({
   rowProps: {
     type: props.definePropType([Object, Function])
   },
-  rowHeight: Number,
+  rowHeight: {
+    type: Number,
+    default: 50
+  },
   columns: common.columns,
   data: common.dataType,
+  dataGetter: {
+    type: props.definePropType(Function)
+  },
+  dataKey: {
+    type: String,
+    default: "id"
+  },
   fixedData: common.fixedDataType,
   expandColumnKey: row.tableV2RowProps.expandColumnKey,
   expandedRowKeys: common.expandKeys,
@@ -56,21 +68,41 @@ const tableV2Props = props.buildProps({
   disabled: Boolean,
   fixed: Boolean,
   style: {
-    type: props.definePropType([String, Array, Object])
+    type: props.definePropType(Object)
   },
   width: common.requiredNumber,
-  height: Number,
+  height: common.requiredNumber,
   maxHeight: Number,
+  useIsScrolling: Boolean,
+  indentSize: {
+    type: Number,
+    default: 12
+  },
+  iconSize: {
+    type: Number,
+    default: 12
+  },
+  hScrollbarSize: props$1.virtualizedGridProps.hScrollbarSize,
+  vScrollbarSize: props$1.virtualizedGridProps.vScrollbarSize,
+  scrollbarAlwaysOn: props$1.virtualizedScrollbarProps.alwaysOn,
   sortBy: {
     type: props.definePropType(Object),
     default: () => ({})
   },
+  sortState: {
+    type: props.definePropType(Object),
+    default: void 0
+  },
   onColumnSort: {
     type: props.definePropType(Function)
   },
   onExpandedRowsChange: Function,
-  onRowExpand: Function,
+  onEndReached: {
+    type: props.definePropType(Function)
+  },
+  onRowExpand: row.tableV2RowProps.onRowExpand,
   onScroll: grid.tableV2GridProps.onScroll,
+  onRowRendered: grid.tableV2GridProps.onRowsRendered,
   rowEventHandlers: row.tableV2RowProps.rowEventHandlers
 });
 

package/lib/components/table-v2/src/table.js.map

@@ -1 +1 @@
-{"version":3,"file":"table.js","sources":["../../../../../../packages/components/table-v2/src/table.ts"],"sourcesContent":["import { buildProps, definePropType } from '@element-plus/utils'\nimport {\n  classType,\n  columns,\n  dataType,\n  expandKeys,\n  fixedDataType,\n  requiredNumber,\n  rowKey,\n} from './common'\nimport { tableV2RowProps } from './row'\nimport { tableV2HeaderProps } from './header'\nimport { tableV2GridProps } from './grid'\n\nimport type { ExtractPropTypes, StyleValue } from 'vue'\nimport type {\n  Column,\n  ColumnCommonParams,\n  RowCommonParams,\n  SortOrder,\n} from './types'\n\n/**\n * Param types\n */\nexport type ColumnSortParams<T> = {\n  column: Column<T>\n  key: KeyType\n  order: SortOrder\n}\n\n/**\n * Renderer/Getter types\n */\n\nexport type ExtraCellPropGetter<T> = (\n  params: ColumnCommonParams<T> & RowCommonParams<T>\n) => any\n\nexport type ExtractHeaderPropGetter<T> = (params: {\n  columns: Column<T>[]\n  headerIndex: number\n}) => any\n\nexport type ExtractHeaderCellPropGetter<T> = (\n  params: ColumnCommonParams<T> & { headerIndex: number }\n) => any\n\nexport type ExtractRowPropGetter<T> = (\n  params: { columns: Column<T>[] } & RowCommonParams<T>\n) => any\n\nexport type HeaderClassNameGetter<T> = (params: {\n  columns: Column<T>[]\n  headerIndex: number\n}) => string\n\nexport type RowClassNameGetter<T> = (\n  params: { columns: Column<T>[] } & RowCommonParams<T>\n) => string\n\n/**\n * Handler types\n */\nexport type ColumnSortHandler<T> = (params: ColumnSortParams<T>) => void\n\nexport const tableV2Props = buildProps({\n  cache: tableV2GridProps.cache,\n  estimatedRowHeight: tableV2RowProps.estimatedRowHeight,\n  rowKey,\n  /**\n   * extra props deriver\n   */\n  cellProps: {\n    type: definePropType<any | ExtraCellPropGetter<any>>([Object, Function]),\n  },\n  // Header attributes\n  headerClass: {\n    type: definePropType<string | HeaderClassNameGetter<any>>([\n      String,\n      Function,\n    ]),\n  },\n  headerProps: {\n    type: definePropType<any | ExtractHeaderPropGetter<any>>([\n      Object,\n      Function,\n    ]),\n  },\n  headerCellProps: {\n    type: definePropType<any | ExtractHeaderCellPropGetter<any>>([\n      Object,\n      Function,\n    ]),\n  },\n  headerHeight: tableV2HeaderProps.headerHeight,\n  /**\n   * Footer attributes\n   */\n  footerHeight: {\n    type: Number,\n    default: 0,\n  },\n  /**\n   * Row attributes\n   */\n  rowClass: {\n    type: definePropType<string | RowClassNameGetter<any>>([String, Function]),\n  },\n  rowProps: {\n    type: definePropType<any | ExtractRowPropGetter<any>>([Object, Function]),\n  },\n  rowHeight: Number,\n  /**\n   * Data models\n   */\n  columns,\n  data: dataType,\n  fixedData: fixedDataType,\n\n  /**\n   * Expanded keys\n   */\n  expandColumnKey: tableV2RowProps.expandColumnKey,\n  expandedRowKeys: expandKeys,\n  defaultExpandedRowKeys: expandKeys,\n\n  /**\n   * Attributes\n   */\n  class: classType,\n  disabled: Boolean,\n  fixed: Boolean,\n  style: {\n    type: definePropType<StyleValue>([String, Array, Object]),\n  },\n  width: requiredNumber,\n  height: Number,\n  maxHeight: Number,\n\n  sortBy: {\n    type: definePropType<{ key: KeyType; order: SortOrder }>(Object),\n    default: () => ({} as { key: KeyType; order: SortOrder }),\n  },\n\n  /**\n   * Handlers\n   */\n  onColumnSort: {\n    type: definePropType<ColumnSortParams<any>>(Function),\n  },\n  onExpandedRowsChange: Function,\n  onRowExpand: Function,\n  onScroll: tableV2GridProps.onScroll,\n  rowEventHandlers: tableV2RowProps.rowEventHandlers,\n} as const)\n\nexport type TableV2Props = ExtractPropTypes<typeof tableV2Props>\n"],"names":["buildProps","tableV2GridProps","tableV2RowProps","rowKey","definePropType","tableV2HeaderProps","columns","dataType","fixedDataType","expandKeys","classType","requiredNumber"],"mappings":";;;;;;;;;;;AAaY,MAAC,YAAY,GAAGA,gBAAU,CAAC;AACvC,EAAE,KAAK,EAAEC,qBAAgB,CAAC,KAAK;AAC/B,EAAE,kBAAkB,EAAEC,mBAAe,CAAC,kBAAkB;AACxD,UAAEC,aAAM;AACR,EAAE,SAAS,EAAE;AACb,IAAI,IAAI,EAAEC,oBAAc,CAAC,CAAC,MAAM,EAAE,QAAQ,CAAC,CAAC;AAC5C,GAAG;AACH,EAAE,WAAW,EAAE;AACf,IAAI,IAAI,EAAEA,oBAAc,CAAC;AACzB,MAAM,MAAM;AACZ,MAAM,QAAQ;AACd,KAAK,CAAC;AACN,GAAG;AACH,EAAE,WAAW,EAAE;AACf,IAAI,IAAI,EAAEA,oBAAc,CAAC;AACzB,MAAM,MAAM;AACZ,MAAM,QAAQ;AACd,KAAK,CAAC;AACN,GAAG;AACH,EAAE,eAAe,EAAE;AACnB,IAAI,IAAI,EAAEA,oBAAc,CAAC;AACzB,MAAM,MAAM;AACZ,MAAM,QAAQ;AACd,KAAK,CAAC;AACN,GAAG;AACH,EAAE,YAAY,EAAEC,yBAAkB,CAAC,YAAY;AAC/C,EAAE,YAAY,EAAE;AAChB,IAAI,IAAI,EAAE,MAAM;AAChB,IAAI,OAAO,EAAE,CAAC;AACd,GAAG;AACH,EAAE,QAAQ,EAAE;AACZ,IAAI,IAAI,EAAED,oBAAc,CAAC,CAAC,MAAM,EAAE,QAAQ,CAAC,CAAC;AAC5C,GAAG;AACH,EAAE,QAAQ,EAAE;AACZ,IAAI,IAAI,EAAEA,oBAAc,CAAC,CAAC,MAAM,EAAE,QAAQ,CAAC,CAAC;AAC5C,GAAG;AACH,EAAE,SAAS,EAAE,MAAM;AACnB,WAAEE,cAAO;AACT,EAAE,IAAI,EAAEC,eAAQ;AAChB,EAAE,SAAS,EAAEC,oBAAa;AAC1B,EAAE,eAAe,EAAEN,mBAAe,CAAC,eAAe;AAClD,EAAE,eAAe,EAAEO,iBAAU;AAC7B,EAAE,sBAAsB,EAAEA,iBAAU;AACpC,EAAE,KAAK,EAAEC,gBAAS;AAClB,EAAE,QAAQ,EAAE,OAAO;AACnB,EAAE,KAAK,EAAE,OAAO;AAChB,EAAE,KAAK,EAAE;AACT,IAAI,IAAI,EAAEN,oBAAc,CAAC,CAAC,MAAM,EAAE,KAAK,EAAE,MAAM,CAAC,CAAC;AACjD,GAAG;AACH,EAAE,KAAK,EAAEO,qBAAc;AACvB,EAAE,MAAM,EAAE,MAAM;AAChB,EAAE,SAAS,EAAE,MAAM;AACnB,EAAE,MAAM,EAAE;AACV,IAAI,IAAI,EAAEP,oBAAc,CAAC,MAAM,CAAC;AAChC,IAAI,OAAO,EAAE,OAAO,EAAE,CAAC;AACvB,GAAG;AACH,EAAE,YAAY,EAAE;AAChB,IAAI,IAAI,EAAEA,oBAAc,CAAC,QAAQ,CAAC;AAClC,GAAG;AACH,EAAE,oBAAoB,EAAE,QAAQ;AAChC,EAAE,WAAW,EAAE,QAAQ;AACvB,EAAE,QAAQ,EAAEH,qBAAgB,CAAC,QAAQ;AACrC,EAAE,gBAAgB,EAAEC,mBAAe,CAAC,gBAAgB;AACpD,CAAC;;;;"}
+{"version":3,"file":"table.js","sources":["../../../../../../packages/components/table-v2/src/table.ts"],"sourcesContent":["import { buildProps, definePropType } from '@element-plus/utils'\nimport {\n  virtualizedGridProps,\n  virtualizedScrollbarProps,\n} from '@element-plus/components/virtual-list'\nimport {\n  classType,\n  columns,\n  dataType,\n  expandKeys,\n  fixedDataType,\n  requiredNumber,\n  rowKey,\n} from './common'\nimport { tableV2RowProps } from './row'\nimport { tableV2HeaderProps } from './header'\nimport { tableV2GridProps } from './grid'\n\nimport type { CSSProperties, ExtractPropTypes } from 'vue'\nimport type { SortOrder } from './constants'\nimport type {\n  Column,\n  ColumnCommonParams,\n  DataGetter,\n  KeyType,\n  RowCommonParams,\n} from './types'\n\n/**\n * Param types\n */\nexport type ColumnSortParams<T> = {\n  column: Column<T>\n  key: KeyType\n  order: SortOrder\n}\n\n/**\n * Renderer/Getter types\n */\n\nexport type ExtraCellPropGetter<T> = (\n  params: ColumnCommonParams<T> & RowCommonParams<T>\n) => any\n\nexport type ExtractHeaderPropGetter<T> = (params: {\n  columns: Column<T>[]\n  headerIndex: number\n}) => any\n\nexport type ExtractHeaderCellPropGetter<T> = (\n  params: ColumnCommonParams<T> & { headerIndex: number }\n) => any\n\nexport type ExtractRowPropGetter<T> = (\n  params: { columns: Column<T>[] } & RowCommonParams<T>\n) => any\n\nexport type HeaderClassNameGetter<T> = (params: {\n  columns: Column<T>[]\n  headerIndex: number\n}) => string\n\nexport type RowClassNameGetter<T> = (\n  params: { columns: Column<T>[] } & RowCommonParams<T>\n) => string\n\n/**\n * Handler types\n */\nexport type ColumnSortHandler<T> = (params: ColumnSortParams<T>) => void\nexport type ColumnResizeHandler<T> = (column: Column<T>, width: number) => void\n\nexport const tableV2Props = buildProps({\n  cache: tableV2GridProps.cache,\n  estimatedRowHeight: tableV2RowProps.estimatedRowHeight,\n  rowKey,\n  /**\n   * extra props deriver\n   */\n  cellProps: {\n    type: definePropType<any | ExtraCellPropGetter<any>>([Object, Function]),\n  },\n  // Header attributes\n  headerClass: {\n    type: definePropType<string | HeaderClassNameGetter<any>>([\n      String,\n      Function,\n    ]),\n  },\n  headerProps: {\n    type: definePropType<any | ExtractHeaderPropGetter<any>>([\n      Object,\n      Function,\n    ]),\n  },\n  headerCellProps: {\n    type: definePropType<any | ExtractHeaderCellPropGetter<any>>([\n      Object,\n      Function,\n    ]),\n  },\n  headerHeight: tableV2HeaderProps.headerHeight,\n  /**\n   * Footer attributes\n   */\n  footerHeight: {\n    type: Number,\n    default: 0,\n  },\n  /**\n   * Row attributes\n   */\n  rowClass: {\n    type: definePropType<string | RowClassNameGetter<any>>([String, Function]),\n  },\n  rowProps: {\n    type: definePropType<ExtractRowPropGetter<any> | any>([Object, Function]),\n  },\n  rowHeight: {\n    type: Number,\n    default: 50,\n  },\n  /**\n   * Data models\n   */\n  columns,\n  data: dataType,\n  dataGetter: {\n    type: definePropType<DataGetter<any>>(Function),\n  },\n  dataKey: {\n    type: String,\n    default: 'id',\n  },\n  fixedData: fixedDataType,\n  /**\n   * Expanded keys\n   */\n  expandColumnKey: tableV2RowProps.expandColumnKey,\n  expandedRowKeys: expandKeys,\n  defaultExpandedRowKeys: expandKeys,\n\n  /**\n   * Attributes\n   */\n  class: classType,\n  disabled: Boolean,\n  fixed: Boolean,\n  style: {\n    type: definePropType<CSSProperties>(Object),\n  },\n  width: requiredNumber,\n  height: requiredNumber,\n  maxHeight: Number,\n  useIsScrolling: Boolean,\n  indentSize: {\n    type: Number,\n    default: 12,\n  },\n  iconSize: {\n    type: Number,\n    default: 12,\n  },\n  hScrollbarSize: virtualizedGridProps.hScrollbarSize,\n  vScrollbarSize: virtualizedGridProps.vScrollbarSize,\n  scrollbarAlwaysOn: virtualizedScrollbarProps.alwaysOn,\n\n  /**\n   * Sorting\n   */\n  sortBy: {\n    type: definePropType<{ key: KeyType; order: SortOrder }>(Object),\n    default: () => ({} as { key: KeyType; order: SortOrder }),\n  },\n\n  sortState: {\n    type: definePropType<Record<KeyType, SortOrder>>(Object),\n    default: undefined,\n  },\n\n  /**\n   * Handlers\n   */\n  onColumnSort: {\n    type: definePropType<ColumnSortHandler<any>>(Function),\n  },\n  // onColumnResize: {\n  //   type: definePropType<ColumnResizeHandler<any>>(Function),\n  // },\n  // onColumnResizeEnded: {\n  //   type: definePropType<ColumnResizeHandler<any>>(Function),\n  // },\n  onExpandedRowsChange: Function,\n  onEndReached: {\n    type: definePropType<(distance: number) => void>(Function),\n  },\n  onRowExpand: tableV2RowProps.onRowExpand,\n  onScroll: tableV2GridProps.onScroll,\n  onRowRendered: tableV2GridProps.onRowsRendered,\n  rowEventHandlers: tableV2RowProps.rowEventHandlers,\n} as const)\n\nexport type TableV2Props = ExtractPropTypes<typeof tableV2Props>\n"],"names":["buildProps","tableV2GridProps","tableV2RowProps","rowKey","definePropType","tableV2HeaderProps","columns","dataType","fixedDataType","expandKeys","classType","requiredNumber","virtualizedGridProps","virtualizedScrollbarProps"],"mappings":"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"}

package/lib/components/table-v2/src/tokens.d.ts

@@ -3,7 +3,8 @@ import type { UseNamespaceReturn } from 'element-plus/es/hooks';
 import type { KeyType } from './types';
 export declare type TableV2Context = {
     isScrolling: Ref<boolean>;
-    hoveringRowKey: Ref<KeyType>;
+    hoveringRowKey: Ref<null | KeyType>;
+    isResetting: Ref<boolean>;
     ns: UseNamespaceReturn;
 };
 export declare const TableV2InjectionKey: InjectionKey<TableV2Context>;

package/lib/components/table-v2/src/tokens.js.map

@@ -1 +1 @@
-{"version":3,"file":"tokens.js","sources":["../../../../../../packages/components/table-v2/src/tokens.ts"],"sourcesContent":["import type { InjectionKey, Ref } from 'vue'\nimport type { UseNamespaceReturn } from '@element-plus/hooks'\nimport type { KeyType } from './types'\n\nexport type TableV2Context = {\n  isScrolling: Ref<boolean>\n  hoveringRowKey: Ref<KeyType>\n  ns: UseNamespaceReturn\n}\n\nexport const TableV2InjectionKey: InjectionKey<TableV2Context> =\n  Symbol('tableV2')\n"],"names":[],"mappings":";;;;AAAY,MAAC,mBAAmB,GAAG,MAAM,CAAC,SAAS;;;;"}
+{"version":3,"file":"tokens.js","sources":["../../../../../../packages/components/table-v2/src/tokens.ts"],"sourcesContent":["import type { InjectionKey, Ref } from 'vue'\nimport type { UseNamespaceReturn } from '@element-plus/hooks'\nimport type { KeyType } from './types'\n\nexport type TableV2Context = {\n  isScrolling: Ref<boolean>\n  hoveringRowKey: Ref<null | KeyType>\n  isResetting: Ref<boolean>\n  ns: UseNamespaceReturn\n}\n\nexport const TableV2InjectionKey: InjectionKey<TableV2Context> =\n  Symbol('tableV2')\n"],"names":[],"mappings":";;;;AAAY,MAAC,mBAAmB,GAAG,MAAM,CAAC,SAAS;;;;"}

package/lib/components/table-v2/src/types.d.ts

@@ -1,9 +1,7 @@
 import type { CSSProperties, RendererElement, RendererNode, VNode } from 'vue';
-import type { sortOrders } from './constants';
 export declare type Alignment = 'left' | 'center' | 'right';
 export declare type FixedDirection = 'left' | 'right';
 export declare type KeyType = string | number | symbol;
-export declare type SortOrder = typeof sortOrders;
 /**
  * Param types
  */
@@ -15,7 +13,7 @@ export declare type ColumnCommonParams<T> = {
     column: Column<T>;
     columnIndex: number;
 };
-export declare type HeaderRendererParams<T> = {
+export declare type HeaderCellRendererParams<T> = {
     headerIndex: number;
 } & ColumnCommonParams<T>;
 export declare type RowCommonParams<T> = {
@@ -32,26 +30,25 @@ export declare type DataGetterParams<T> = {
 } & RowCommonParams<T>;
 export declare type DataGetter<T> = (params: DataGetterParams<T>) => T;
 export declare type ClassNameGetter<T> = (params: ClassNameGetterParams<T>) => string;
+export declare type HeaderClassGetter<T> = (params: ColumnCommonParams<T> & {
+    headerIndex: number;
+}) => string;
 /**
  * Renderer/Getter types
  */
 export declare type CellRenderer<T> = (params: CellRendererParams<T>) => VNode;
-export declare type HeaderRenderer<T> = (params: HeaderRendererParams<T>) => VNode;
+export declare type HeaderCellRenderer<T> = (params: HeaderCellRendererParams<T>) => VNode;
 export declare type Column<T = any> = {
     key: KeyType;
-    /**
-     * Data part
-     */
-    dataKey?: string;
-    dataGetter?: DataGetter<T>;
     /**
      * Attributes
      */
     align?: Alignment;
-    className?: any | ClassNameGetter<T>;
+    class?: string | ClassNameGetter<T>;
     fixed?: true | FixedDirection;
     title?: string;
     hidden?: boolean;
+    headerClass?: HeaderClassGetter<T> | string;
     maxWidth?: number;
     minWidth?: number;
     resizable?: boolean;
@@ -62,7 +59,7 @@ export declare type Column<T = any> = {
      * Renderers
      */
     cellRenderer?: CellRenderer<T>;
-    headerRenderer?: HeaderRenderer<T>;
+    headerCellRenderer?: HeaderCellRenderer<T>;
     /**
      * Extendable sections
      */

package/lib/components/table-v2/src/use-columns.d.ts

@@ -0,0 +1,18 @@
+import type { CSSProperties, Ref } from 'vue';
+import type { Column, Columns, KeyType } from './types';
+declare type AnyColumn = Columns<any>;
+declare function useColumns(columns: Ref<AnyColumn>, fixed: Ref<boolean>): {
+    columns: Ref<AnyColumn>;
+    columnsStyles: import("vue").ComputedRef<Record<KeyType, CSSProperties>>;
+    columnsTotalWidth: import("vue").ComputedRef<number>;
+    fixedColumnsOnLeft: import("vue").ComputedRef<Column<any>[]>;
+    fixedColumnOnRight: import("vue").ComputedRef<Column<any>[]>;
+    hasFixedColumns: import("vue").ComputedRef<number>;
+    mainColumns: import("vue").ComputedRef<AnyColumn>;
+    normalColumns: import("vue").ComputedRef<Column<any>[]>;
+    visibleColumns: import("vue").ComputedRef<Column<any>[]>;
+    getColumn: (key: KeyType) => Column<any> | undefined;
+    getColumnStyle: (key: KeyType) => CSSProperties;
+    updateColumnWidth: (column: Column<any>, width: number) => void;
+};
+export { useColumns };

package/lib/components/table-v2/src/{useTable.js → use-columns.js}

@@ -3,11 +3,21 @@
 Object.defineProperty(exports, '__esModule', { value: true });
 
 var vue = require('vue');
+var _private = require('./private.js');
 
-const getColumnStyle = (column, fixedColumn) => {
+const calcColumnStyle = (column, fixedColumn) => {
   var _a;
+  const flex = {
+    flexGrow: 0,
+    flexShrink: 0
+  };
+  if (column.fixed) {
+    flex.flexShrink = 1;
+  }
   const style = {
     ...(_a = column.style) != null ? _a : {},
+    ...flex,
+    flexBasis: "auto",
     width: column.width
   };
   if (!fixedColumn) {
@@ -19,29 +29,8 @@ const getColumnStyle = (column, fixedColumn) => {
   return style;
 };
 function useColumns(columns, fixed) {
-  let mappedColumnsCopy = [];
-  const mappedColumns = vue.computed(() => {
-    const _columns = vue.unref(columns);
-    const ret = _columns.map((column) => {
-      if (!column.resizable)
-        return column;
-      let { width } = column;
-      if (column.resizable) {
-        const idx = _columns.findIndex((predicated) => column.key === predicated.key);
-        if (idx >= 0 && _columns[idx].width === column.width) {
-          width = mappedColumnsCopy[idx].width;
-        }
-      }
-      return {
-        ...column,
-        width
-      };
-    });
-    mappedColumnsCopy = ret;
-    return ret;
-  });
   const visibleColumns = vue.computed(() => {
-    return vue.unref(mappedColumns).filter((column) => !column.hidden);
+    return vue.unref(columns).filter((column) => !column.hidden);
   });
   const fixedColumnsOnLeft = vue.computed(() => vue.unref(visibleColumns).filter((column) => column.fixed === "left" || column.fixed === true));
   const fixedColumnOnRight = vue.computed(() => vue.unref(visibleColumns).filter((column) => column.fixed === "right"));
@@ -51,7 +40,7 @@ function useColumns(columns, fixed) {
     vue.unref(fixedColumnsOnLeft).forEach((column) => {
       ret.push({
         ...column,
-        isPlaceholder: true
+        placeholderSign: _private.placeholderSign
       });
     });
     vue.unref(normalColumns).forEach((column) => {
@@ -60,31 +49,48 @@ function useColumns(columns, fixed) {
     vue.unref(fixedColumnOnRight).forEach((column) => {
       ret.push({
         ...column,
-        isPlaceholder: true
+        placeholderSign: _private.placeholderSign
       });
     });
     return ret;
   });
-  const columnsStyle = vue.computed(() => {
-    const columns2 = vue.unref(mappedColumns);
-    return columns2.reduce((style, column) => {
-      style[column.key] = getColumnStyle(column, vue.unref(fixed));
+  const hasFixedColumns = vue.computed(() => {
+    return vue.unref(fixedColumnsOnLeft).length || vue.unref(fixedColumnOnRight).length;
+  });
+  const columnsStyles = vue.computed(() => {
+    const _columns = vue.unref(columns);
+    return _columns.reduce((style, column) => {
+      style[column.key] = calcColumnStyle(column, vue.unref(fixed));
       return style;
     }, {});
   });
+  const columnsTotalWidth = vue.computed(() => {
+    return vue.unref(visibleColumns).reduce((width, column) => width + column.width, 0);
+  });
+  const getColumn = (key) => {
+    return vue.unref(columns).find((column) => column.key === key);
+  };
+  const getColumnStyle = (key) => {
+    return vue.unref(columnsStyles)[key];
+  };
+  const updateColumnWidth = (column, width) => {
+    column.width = width;
+  };
   return {
-    columns: mappedColumns,
-    columnsStyle,
+    columns,
+    columnsStyles,
+    columnsTotalWidth,
     fixedColumnsOnLeft,
     fixedColumnOnRight,
+    hasFixedColumns,
     mainColumns,
     normalColumns,
-    visibleColumns
+    visibleColumns,
+    getColumn,
+    getColumnStyle,
+    updateColumnWidth
   };
 }
-function useTable() {
-}
 
 exports.useColumns = useColumns;
-exports.useTable = useTable;
-//# sourceMappingURL=useTable.js.map
+//# sourceMappingURL=use-columns.js.map

package/lib/components/table-v2/src/use-columns.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"use-columns.js","sources":["../../../../../../packages/components/table-v2/src/use-columns.ts"],"sourcesContent":["import { computed, unref } from 'vue'\nimport { placeholderSign } from './private'\n\nimport type { CSSProperties, Ref } from 'vue'\nimport type { Column, Columns, KeyType } from './types'\n\ntype AnyColumn = Columns<any>\n\nconst calcColumnStyle = (\n  column: Column<any>,\n  fixedColumn: boolean\n): CSSProperties => {\n  const flex = {\n    flexGrow: 0,\n    flexShrink: 0,\n  }\n\n  if (column.fixed) {\n    flex.flexShrink = 1\n  }\n\n  const style = {\n    ...(column.style ?? {}),\n    ...flex,\n    flexBasis: 'auto',\n    width: column.width,\n  }\n\n  if (!fixedColumn) {\n    if (column.maxWidth) style.maxWidth = column.maxWidth\n    if (column.minWidth) style.maxWidth = column.minWidth\n  }\n\n  return style\n}\n\nfunction useColumns(columns: Ref<AnyColumn>, fixed: Ref<boolean>) {\n  const visibleColumns = computed(() => {\n    return unref(columns).filter((column) => !column.hidden)\n  })\n\n  const fixedColumnsOnLeft = computed(() =>\n    unref(visibleColumns).filter(\n      (column) => column.fixed === 'left' || column.fixed === true\n    )\n  )\n\n  const fixedColumnOnRight = computed(() =>\n    unref(visibleColumns).filter((column) => column.fixed === 'right')\n  )\n\n  const normalColumns = computed(() =>\n    unref(visibleColumns).filter((column) => !column.fixed)\n  )\n\n  const mainColumns = computed(() => {\n    const ret: AnyColumn = []\n\n    unref(fixedColumnsOnLeft).forEach((column) => {\n      ret.push({\n        ...column,\n        placeholderSign,\n      })\n    })\n\n    unref(normalColumns).forEach((column) => {\n      ret.push(column)\n    })\n\n    unref(fixedColumnOnRight).forEach((column) => {\n      ret.push({\n        ...column,\n        placeholderSign,\n      })\n    })\n\n    return ret\n  })\n\n  const hasFixedColumns = computed(() => {\n    return unref(fixedColumnsOnLeft).length || unref(fixedColumnOnRight).length\n  })\n\n  const columnsStyles = computed(() => {\n    const _columns = unref(columns)\n\n    return _columns.reduce<Record<Column<any>['key'], CSSProperties>>(\n      (style, column) => {\n        style[column.key] = calcColumnStyle(column, unref(fixed))\n        return style\n      },\n      {}\n    )\n  })\n\n  const columnsTotalWidth = computed(() => {\n    return unref(visibleColumns).reduce(\n      (width, column) => width + column.width,\n      0\n    )\n  })\n\n  const getColumn = (key: KeyType) => {\n    return unref(columns).find((column) => column.key === key)\n  }\n\n  const getColumnStyle = (key: KeyType) => {\n    return unref(columnsStyles)[key]\n  }\n\n  const updateColumnWidth = (column: Column<any>, width: number) => {\n    column.width = width\n  }\n\n  return {\n    columns,\n    columnsStyles,\n    columnsTotalWidth,\n    fixedColumnsOnLeft,\n    fixedColumnOnRight,\n    hasFixedColumns,\n    mainColumns,\n    normalColumns,\n    visibleColumns,\n\n    getColumn,\n    getColumnStyle,\n    updateColumnWidth,\n  }\n}\n\nexport { useColumns }\n"],"names":["computed","unref","placeholderSign"],"mappings":"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"}