element-pe 2.0.6 → 2.0.9

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

@@ -0,0 +1 @@
+{"version":3,"file":"table-v2.js","sources":["../../../../../../packages/components/table-v2/src/table-v2.tsx"],"sourcesContent":["import { defineComponent, provide, unref } from 'vue'\nimport { useNamespace } from '@element-plus/hooks'\nimport { useTable } from './use-table'\nimport { TableV2InjectionKey } from './tokens'\nimport { tableV2Props } from './table'\n// renderers\nimport MainTable from './renderers/main-table'\nimport LeftTable from './renderers/left-table'\nimport RightTable from './renderers/right-table'\nimport Row from './renderers/row'\nimport Cell from './renderers/cell'\nimport Header from './renderers/header'\nimport HeaderCell from './renderers/header-cell'\nimport Footer from './renderers/footer'\nimport Empty from './renderers/empty'\nimport Overlay from './renderers/overlay'\n\nimport type { TableGridRowSlotParams } from './table-grid'\n\nimport type {\n  TableV2HeaderRendererParams,\n  TableV2HeaderRowCellRendererParams,\n  TableV2RowCellRenderParam,\n} from './components'\n\nconst COMPONENT_NAME = 'ElTableV2'\n\nconst TableV2 = defineComponent({\n  name: COMPONENT_NAME,\n  props: tableV2Props,\n  setup(props, { slots }) {\n    const ns = useNamespace('table-v2')\n\n    const {\n      columnsStyles,\n      fixedColumnsOnLeft,\n      fixedColumnsOnRight,\n      mainColumns,\n      mainTableHeight,\n      fixedTableHeight,\n      leftTableWidth,\n      rightTableWidth,\n      data,\n      depthMap,\n      expandedRowKeys,\n      hasFixedColumns,\n      hoveringRowKey,\n      mainTableRef,\n      leftTableRef,\n      rightTableRef,\n      isDynamic,\n      isResetting,\n      isScrolling,\n\n      bodyWidth,\n      emptyStyle,\n      rootStyle,\n      headerWidth,\n      footerHeight,\n\n      showEmpty,\n\n      getRowHeight,\n      onColumnSorted,\n      onRowHeightChange,\n      onRowHovered,\n      onRowExpanded,\n      onRowsRendered,\n      onScroll,\n      onVerticalScroll,\n    } = useTable(props)\n\n    // function renderFooter() {}\n\n    provide(TableV2InjectionKey, {\n      ns,\n      isResetting,\n      hoveringRowKey,\n      isScrolling,\n    })\n\n    return () => {\n      const {\n        cache,\n        estimatedRowHeight,\n        expandColumnKey,\n        fixedData,\n        headerHeight,\n        headerClass,\n        headerProps,\n        headerCellProps,\n        sortBy,\n        sortState,\n        rowHeight,\n        rowClass,\n        rowEventHandlers,\n        rowKey,\n        rowProps,\n        scrollbarAlwaysOn,\n        indentSize,\n        iconSize,\n        useIsScrolling,\n        vScrollbarSize,\n        width,\n      } = props\n\n      const _data = unref(data)\n\n      const mainTableProps = {\n        cache,\n        class: ns.e('main'),\n        columns: unref(mainColumns),\n        data: _data,\n        fixedData,\n        estimatedRowHeight,\n        bodyWidth: unref(bodyWidth),\n        headerHeight,\n        headerWidth: unref(headerWidth),\n        height: unref(mainTableHeight),\n        mainTableRef,\n        rowKey,\n        rowHeight,\n        scrollbarAlwaysOn,\n        scrollbarStartGap: 2,\n        scrollbarEndGap: vScrollbarSize,\n        useIsScrolling,\n        width,\n        getRowHeight,\n        onRowsRendered,\n        onScroll,\n      }\n\n      const leftColumnsWidth = unref(leftTableWidth)\n      const _fixedTableHeight = unref(fixedTableHeight)\n\n      const leftTableProps = {\n        cache,\n        class: ns.e('left'),\n        columns: unref(fixedColumnsOnLeft),\n        data: _data,\n        estimatedRowHeight,\n        leftTableRef,\n        rowHeight,\n        bodyWidth: leftColumnsWidth,\n        headerWidth: leftColumnsWidth,\n        headerHeight,\n        height: _fixedTableHeight,\n        rowKey,\n        scrollbarAlwaysOn,\n        scrollbarStartGap: 2,\n        scrollbarEndGap: vScrollbarSize,\n        useIsScrolling,\n        width: leftColumnsWidth,\n        getRowHeight,\n        onScroll: onVerticalScroll,\n      }\n\n      const rightColumnsWidth = unref(rightTableWidth)\n      const rightColumnsWidthWithScrollbar = rightColumnsWidth + vScrollbarSize\n\n      const rightTableProps = {\n        cache,\n        class: ns.e('right'),\n        columns: unref(fixedColumnsOnRight),\n        data: _data,\n        estimatedRowHeight,\n        rightTableRef,\n        rowHeight,\n        bodyWidth: rightColumnsWidthWithScrollbar,\n        headerWidth: rightColumnsWidthWithScrollbar,\n        headerHeight,\n        height: _fixedTableHeight,\n        rowKey,\n        scrollbarAlwaysOn,\n        scrollbarStartGap: 2,\n        scrollbarEndGap: vScrollbarSize,\n        width: rightColumnsWidthWithScrollbar,\n        style: `--${unref(\n          ns.namespace\n        )}-table-scrollbar-size: ${vScrollbarSize}px`,\n        useIsScrolling,\n        getRowHeight,\n        onScroll: onVerticalScroll,\n      }\n\n      const tableRowProps = {\n        ns,\n        depthMap: unref(depthMap),\n        expandColumnKey,\n        expandedRowKeys: unref(expandedRowKeys),\n        estimatedRowHeight,\n        hasFixedColumns: unref(hasFixedColumns),\n        hoveringRowKey: unref(hoveringRowKey),\n        rowProps,\n        rowClass,\n        rowKey,\n        rowEventHandlers,\n        onRowHovered,\n        onRowExpanded,\n        onRowHeightChange,\n      }\n\n      const tableCellProps = {\n        expandColumnKey,\n        indentSize,\n        iconSize,\n        rowKey,\n        columnsStyles: unref(columnsStyles),\n        expandedRowKeys: unref(expandedRowKeys),\n        ns,\n      }\n\n      const tableHeaderProps = {\n        ns,\n        headerClass,\n        headerProps,\n      }\n\n      const tableHeaderCellProps = {\n        ns,\n\n        sortBy,\n        sortState,\n        headerCellProps,\n        columnsStyles: unref(columnsStyles),\n        onColumnSorted,\n      }\n\n      const tableSlots = {\n        row: (props: TableGridRowSlotParams) => (\n          <Row {...props} {...tableRowProps}>\n            {{\n              row: slots.row,\n              cell: (props: TableV2RowCellRenderParam) =>\n                slots.cell ? (\n                  <Cell {...props} {...tableCellProps}>\n                    {slots.cell}\n                  </Cell>\n                ) : (\n                  <Cell {...props} {...tableCellProps} />\n                ),\n            }}\n          </Row>\n        ),\n        header: (props: TableV2HeaderRendererParams) => (\n          <Header {...props} {...tableHeaderProps}>\n            {{\n              header: slots.header,\n              cell: (props: TableV2HeaderRowCellRendererParams) =>\n                slots['header-cell'] ? (\n                  <HeaderCell {...props} {...tableHeaderCellProps}>\n                    {slots['header-cell']}\n                  </HeaderCell>\n                ) : (\n                  <HeaderCell {...props} {...tableHeaderCellProps} />\n                ),\n            }}\n          </Header>\n        ),\n      }\n\n      const rootKls = [\n        ns.b(),\n        ns.e('root'),\n        {\n          [ns.is('dynamic')]: unref(isDynamic),\n        },\n      ]\n\n      const footerProps = {\n        class: ns.e('footer'),\n        style: unref(footerHeight),\n      }\n\n      return (\n        <div class={rootKls} style={unref(rootStyle)}>\n          <MainTable {...mainTableProps}>{tableSlots}</MainTable>\n          <LeftTable {...leftTableProps}>{tableSlots}</LeftTable>\n          <RightTable {...rightTableProps}>{tableSlots}</RightTable>\n          {slots.footer && (\n            <Footer {...footerProps}>{{ default: slots.footer }}</Footer>\n          )}\n          {unref(showEmpty) && (\n            <Empty class={ns.e('empty')} style={unref(emptyStyle)}>\n              {{ default: slots.empty }}\n            </Empty>\n          )}\n          {slots.overlay && (\n            <Overlay class={ns.e('overlay')}>\n              {{ default: slots.overlay }}\n            </Overlay>\n          )}\n        </div>\n      )\n    }\n  },\n})\n\nexport default TableV2\n\nexport type TableV2Instance = InstanceType<typeof TableV2>\n"],"names":["Overlay","COMPONENT_NAME","TableV2","defineComponent","name","props","setup","slots","columnsStyles","fixedColumnsOnLeft","fixedColumnsOnRight","mainColumns","mainTableHeight","fixedTableHeight","leftTableWidth","rightTableWidth","data","depthMap","expandedRowKeys","hasFixedColumns","hoveringRowKey","mainTableRef","leftTableRef","rightTableRef","isDynamic","isResetting","isScrolling","bodyWidth","emptyStyle","rootStyle","headerWidth","footerHeight","showEmpty","getRowHeight","onColumnSorted","onRowHeightChange","onRowHovered","onRowExpanded","useTable","onRowsRendered","TableV2InjectionKey","onScroll","onVerticalScroll","provide","ns","cache","estimatedRowHeight","expandColumnKey","fixedData","headerHeight","headerClass","headerProps","headerCellProps","sortBy","sortState","rowHeight","rowClass","rowEventHandlers","rowKey","rowProps","scrollbarAlwaysOn","indentSize","iconSize","unref","useIsScrolling","vScrollbarSize","width","class","columns","height","scrollbarStartGap","scrollbarEndGap","leftColumnsWidth","_fixedTableHeight","style","tableCellProps","Row","_mergeProps","_createVNode","Cell","HeaderCell","row","cell","header","LeftTable","RightTable","Footer","rootKls","Empty","default","footer"],"mappings":"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"}

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, SortBy } 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-pe/es/utils").BuildPropReturn<NumberConstructor, 2, false, never, never>;
-    readonly estimatedRowHeight: import("element-pe/es/utils").BuildPropReturn<NumberConstructor, never, false, never, never>;
-    readonly rowKey: import("element-pe/es/utils").BuildPropReturn<import("element-pe/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-pe/es/utils").BuildPropReturn<import("element-pe/es/utils").PropWrapper<KeyType>, "id", unknown, unknown, unknown>;
     readonly cellProps: import("element-pe/es/utils").BuildPropReturn<import("element-pe/es/utils").PropWrapper<any>, unknown, unknown, unknown, unknown>;
     readonly headerClass: import("element-pe/es/utils").BuildPropReturn<import("element-pe/es/utils").PropWrapper<string | HeaderClassNameGetter<any>>, unknown, unknown, unknown, unknown>;
     readonly headerProps: import("element-pe/es/utils").BuildPropReturn<import("element-pe/es/utils").PropWrapper<any>, unknown, unknown, unknown, unknown>;
@@ -45,49 +53,39 @@ export declare const tableV2Props: {
     readonly footerHeight: import("element-pe/es/utils").BuildPropReturn<NumberConstructor, 0, unknown, unknown, unknown>;
     readonly rowClass: import("element-pe/es/utils").BuildPropReturn<import("element-pe/es/utils").PropWrapper<string | RowClassNameGetter<any>>, unknown, unknown, unknown, unknown>;
     readonly rowProps: import("element-pe/es/utils").BuildPropReturn<import("element-pe/es/utils").PropWrapper<any>, unknown, unknown, unknown, unknown>;
-    readonly rowHeight: NumberConstructor;
-    readonly columns: import("element-pe/es/utils").BuildPropReturn<import("element-pe/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-pe/es/utils").BuildPropReturn<NumberConstructor, 50, unknown, unknown, unknown>;
+    readonly columns: import("element-pe/es/utils").BuildPropReturn<import("element-pe/es/utils").PropWrapper<import("./common").AnyColumn[]>, unknown, true, unknown, unknown>;
     readonly data: import("element-pe/es/utils").BuildPropReturn<import("element-pe/es/utils").PropWrapper<any[]>, unknown, true, unknown, unknown>;
+    readonly dataGetter: import("element-pe/es/utils").BuildPropReturn<import("element-pe/es/utils").PropWrapper<DataGetter<any>>, unknown, unknown, unknown, unknown>;
+    readonly dataKey: import("element-pe/es/utils").BuildPropReturn<StringConstructor, "id", unknown, unknown, unknown>;
     readonly fixedData: import("element-pe/es/utils").BuildPropReturn<import("element-pe/es/utils").PropWrapper<any[]>, unknown, unknown, unknown, unknown>;
     readonly expandColumnKey: StringConstructor;
-    readonly expandedRowKeys: import("element-pe/es/utils").BuildPropReturn<import("element-pe/es/utils").PropWrapper<import("./types").KeyType[]>, () => never[], unknown, unknown, unknown>;
-    readonly defaultExpandedRowKeys: import("element-pe/es/utils").BuildPropReturn<import("element-pe/es/utils").PropWrapper<import("./types").KeyType[]>, () => never[], unknown, unknown, unknown>;
+    readonly expandedRowKeys: import("element-pe/es/utils").BuildPropReturn<import("element-pe/es/utils").PropWrapper<KeyType[]>, () => never[], unknown, unknown, unknown>;
+    readonly defaultExpandedRowKeys: import("element-pe/es/utils").BuildPropReturn<import("element-pe/es/utils").PropWrapper<KeyType[]>, () => never[], unknown, unknown, unknown>;
     readonly class: StringConstructor;
     readonly disabled: BooleanConstructor;
     readonly fixed: BooleanConstructor;
-    readonly style: import("element-pe/es/utils").BuildPropReturn<import("element-pe/es/utils").PropWrapper<StyleValue>, unknown, unknown, unknown, unknown>;
+    readonly style: import("element-pe/es/utils").BuildPropReturn<import("element-pe/es/utils").PropWrapper<CSSProperties>, unknown, unknown, unknown, unknown>;
     readonly width: import("element-pe/es/utils").BuildPropReturn<NumberConstructor, unknown, true, unknown, unknown>;
-    readonly height: NumberConstructor;
+    readonly height: import("element-pe/es/utils").BuildPropReturn<NumberConstructor, unknown, true, unknown, unknown>;
     readonly maxHeight: NumberConstructor;
-    readonly sortBy: import("element-pe/es/utils").BuildPropReturn<import("element-pe/es/utils").PropWrapper<{
+    readonly useIsScrolling: BooleanConstructor;
+    readonly indentSize: import("element-pe/es/utils").BuildPropReturn<NumberConstructor, 12, unknown, unknown, unknown>;
+    readonly iconSize: import("element-pe/es/utils").BuildPropReturn<NumberConstructor, 12, unknown, unknown, unknown>;
+    readonly hScrollbarSize: import("element-pe/es/utils").BuildPropReturn<NumberConstructor, 6, unknown, unknown, unknown>;
+    readonly vScrollbarSize: import("element-pe/es/utils").BuildPropReturn<NumberConstructor, 6, unknown, unknown, unknown>;
+    readonly scrollbarAlwaysOn: BooleanConstructor;
+    readonly sortBy: import("element-pe/es/utils").BuildPropReturn<import("element-pe/es/utils").PropWrapper<SortBy>, () => {
         key: KeyType;
-        order: readonly ["asc", "desc"];
-    }>, () => {
-        key: KeyType;
-        order: readonly ["asc", "desc"];
+        order: SortOrder;
     }, unknown, unknown, unknown>;
-    readonly onColumnSort: import("element-pe/es/utils").BuildPropReturn<import("element-pe/es/utils").PropWrapper<ColumnSortParams<any>>, unknown, unknown, unknown, unknown>;
+    readonly sortState: import("element-pe/es/utils").BuildPropReturn<import("element-pe/es/utils").PropWrapper<Record<KeyType, SortOrder>>, undefined, unknown, unknown, unknown>;
+    readonly onColumnSort: import("element-pe/es/utils").BuildPropReturn<import("element-pe/es/utils").PropWrapper<ColumnSortHandler<any>>, unknown, unknown, unknown, unknown>;
     readonly onExpandedRowsChange: FunctionConstructor;
-    readonly onRowExpand: FunctionConstructor;
+    readonly onEndReached: import("element-pe/es/utils").BuildPropReturn<import("element-pe/es/utils").PropWrapper<(distance: number) => void>, unknown, unknown, unknown, unknown>;
+    readonly onRowExpand: import("element-pe/es/utils").BuildPropReturn<import("element-pe/es/utils").PropWrapper<import("./row").RowExpandHandler<any>>, unknown, unknown, unknown, unknown>;
     readonly onScroll: import("element-pe/es/utils").BuildPropReturn<import("element-pe/es/utils").PropWrapper<(...args: any[]) => void>, unknown, unknown, unknown, unknown>;
+    readonly onRowRendered: import("element-pe/es/utils").BuildPropReturn<import("element-pe/es/utils").PropWrapper<(params: import("./grid").onRowRenderedParams) => void>, unknown, unknown, unknown, unknown>;
     readonly rowEventHandlers: import("element-pe/es/utils").BuildPropReturn<import("element-pe/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  SortBy,\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<SortBy>(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  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-pe/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,8 @@
-import type { CSSProperties, RendererElement, RendererNode, VNode } from 'vue';
-import type { sortOrders } from './constants';
+import type { CSSProperties, FunctionalComponent, RendererElement, RendererNode, VNode } from 'vue';
+import type { FixedDir, SortOrder } from './constants';
 export declare type Alignment = 'left' | 'center' | 'right';
-export declare type FixedDirection = 'left' | 'right';
+export declare type FixedDirection = FixedDir;
 export declare type KeyType = string | number | symbol;
-export declare type SortOrder = typeof sortOrders;
 /**
  * Param types
  */
@@ -15,7 +14,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 +31,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,13 +60,18 @@ export declare type Column<T = any> = {
      * Renderers
      */
     cellRenderer?: CellRenderer<T>;
-    headerRenderer?: HeaderRenderer<T>;
+    headerCellRenderer?: HeaderCellRenderer<T>;
     /**
      * Extendable sections
      */
     [key: string]: any;
 };
 export declare type Columns<T> = Column<T>[];
+export declare type AnyColumns = Columns<any>;
+export declare type SortBy = {
+    key: KeyType;
+    order: SortOrder;
+};
 export declare type CustomizedCellsType = VNode<RendererNode, RendererElement, {
     [key: string]: any;
 }>[];
@@ -76,3 +79,10 @@ export declare type DefaultCellsType = VNode<RendererNode, RendererElement, {
     [key: string]: any;
 }>[][];
 export declare type ColumnCellsType = DefaultCellsType | CustomizedCellsType;
+export declare type SimpleFunctionalComponentProps<T extends object> = {
+    class?: JSX.IntrinsicAttributes['class'];
+    style?: CSSProperties;
+} & T;
+export declare type SimpleFunctionalComponent<E extends object = {
+    [key: string]: any;
+}> = FunctionalComponent<SimpleFunctionalComponentProps<E>>;

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

@@ -0,0 +1,49 @@
+import type { TableV2Props } from './table';
+import type { TableGridInstance } from './table-grid';
+declare function useTable(props: TableV2Props): {
+    columns: import("vue").Ref<import("./types").AnyColumns>;
+    containerRef: import("vue").Ref<any>;
+    mainTableRef: import("vue").Ref<TableGridInstance | undefined>;
+    leftTableRef: import("vue").Ref<TableGridInstance | undefined>;
+    rightTableRef: import("vue").Ref<TableGridInstance | undefined>;
+    isDynamic: import("vue").ComputedRef<boolean>;
+    isResetting: import("vue").ShallowRef<boolean>;
+    isScrolling: import("vue").ShallowRef<boolean>;
+    hoveringRowKey: import("vue").ShallowRef<import("./types").KeyType | null>;
+    hasFixedColumns: import("vue").ComputedRef<number>;
+    columnsStyles: import("vue").ComputedRef<Record<import("./types").KeyType, import("vue").CSSProperties>>;
+    columnsTotalWidth: import("vue").ComputedRef<number>;
+    data: import("vue").ComputedRef<any[]>;
+    expandedRowKeys: import("vue").Ref<import("./types").KeyType[]>;
+    depthMap: import("vue").Ref<{
+        [x: string]: number;
+        [x: number]: number;
+        [x: symbol]: number;
+    }>;
+    fixedColumnsOnLeft: import("vue").ComputedRef<import("./types").Column<any>[]>;
+    fixedColumnsOnRight: import("vue").ComputedRef<import("./types").Column<any>[]>;
+    mainColumns: import("vue").ComputedRef<import("./types").AnyColumns>;
+    bodyWidth: import("vue").ComputedRef<number>;
+    emptyStyle: import("vue").ComputedRef<import("vue").CSSProperties>;
+    rootStyle: import("vue").ComputedRef<import("vue").CSSProperties>;
+    headerWidth: import("vue").ComputedRef<number>;
+    footerHeight: import("vue").ComputedRef<import("vue").CSSProperties>;
+    mainTableHeight: import("vue").ComputedRef<number>;
+    fixedTableHeight: import("vue").ComputedRef<number>;
+    leftTableWidth: import("vue").ComputedRef<number>;
+    rightTableWidth: import("vue").ComputedRef<number>;
+    showEmpty: import("vue").ComputedRef<boolean>;
+    getRowHeight: (rowIndex: number) => number;
+    onColumnSorted: (e: MouseEvent) => void;
+    onRowHovered: ({ hovered, rowKey }: import("./row").RowHoverParams<any>) => void;
+    onRowExpanded: ({ expanded, rowData, rowIndex, rowKey, }: import("./row").RowExpandParams<any>) => void;
+    onRowsRendered: (params: import("./grid").onRowRenderedParams) => void;
+    onRowHeightChange: ({ rowKey, height, rowIndex }: import("./row").RowHeightChangedParams, fixedDir: import("./constants").FixedDir) => void;
+    scrollTo: (params: import("./composables").ScrollPos) => void;
+    scrollToLeft: (scrollLeft: number) => void;
+    scrollToTop: (scrollTop: number) => void;
+    onScroll: (params: import("./composables").ScrollPos) => void;
+    onVerticalScroll: ({ scrollTop }: import("./composables").ScrollPos) => void;
+};
+export { useTable };
+export declare type UseTableReturn = ReturnType<typeof useTable>;

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

@@ -0,0 +1,154 @@
+'use strict';
+
+Object.defineProperty(exports, '__esModule', { value: true });
+
+var vue = require('vue');
+require('../../../utils/index.js');
+require('./composables/index.js');
+var useColumns = require('./composables/use-columns.js');
+var useScrollbar = require('./composables/use-scrollbar.js');
+var useRow = require('./composables/use-row.js');
+var useData = require('./composables/use-data.js');
+var useStyles = require('./composables/use-styles.js');
+var shared = require('@vue/shared');
+
+function useTable(props) {
+  const mainTableRef = vue.ref();
+  const leftTableRef = vue.ref();
+  const rightTableRef = vue.ref();
+  const {
+    columns,
+    columnsStyles,
+    columnsTotalWidth,
+    fixedColumnsOnLeft,
+    fixedColumnsOnRight,
+    hasFixedColumns,
+    mainColumns,
+    onColumnSorted
+  } = useColumns.useColumns(props, vue.toRef(props, "columns"), vue.toRef(props, "fixed"));
+  const {
+    scrollTo,
+    scrollToLeft,
+    scrollToTop,
+    onScroll,
+    onVerticalScroll,
+    scrollPos
+  } = useScrollbar.useScrollbar(props, {
+    mainTableRef,
+    leftTableRef,
+    rightTableRef,
+    onMaybeEndReached
+  });
+  const {
+    expandedRowKeys,
+    hoveringRowKey,
+    lastRenderedRowIndex,
+    isDynamic,
+    isResetting,
+    rowHeights,
+    resetAfterIndex,
+    onRowExpanded,
+    onRowHeightChange,
+    onRowHovered,
+    onRowsRendered
+  } = useRow.useRow(props, {
+    mainTableRef,
+    leftTableRef,
+    rightTableRef,
+    onMaybeEndReached
+  });
+  const { data, depthMap } = useData.useData(props, {
+    expandedRowKeys,
+    lastRenderedRowIndex,
+    resetAfterIndex
+  });
+  const {
+    bodyWidth,
+    fixedTableHeight,
+    mainTableHeight,
+    leftTableWidth,
+    rightTableWidth,
+    headerWidth,
+    rowsHeight,
+    windowHeight,
+    footerHeight,
+    emptyStyle,
+    rootStyle
+  } = useStyles.useStyles(props, {
+    columnsTotalWidth,
+    data,
+    fixedColumnsOnLeft,
+    fixedColumnsOnRight
+  });
+  const isScrolling = vue.shallowRef(false);
+  const containerRef = vue.ref();
+  const showEmpty = vue.computed(() => {
+    const noData = vue.unref(data).length === 0;
+    return shared.isArray(props.fixedData) ? props.fixedData.length === 0 && noData : noData;
+  });
+  function getRowHeight(rowIndex) {
+    const { estimatedRowHeight, rowHeight, rowKey } = props;
+    if (!estimatedRowHeight)
+      return rowHeight;
+    return vue.unref(rowHeights)[vue.unref(data)[rowIndex][rowKey]] || estimatedRowHeight;
+  }
+  function onMaybeEndReached() {
+    const { onEndReached } = props;
+    if (!onEndReached)
+      return;
+    const { scrollTop } = vue.unref(scrollPos);
+    const _totalHeight = vue.unref(rowsHeight);
+    const clientHeight = vue.unref(windowHeight);
+    const heightUntilEnd = _totalHeight - (scrollTop + clientHeight) + props.hScrollbarSize;
+    if (vue.unref(lastRenderedRowIndex) >= 0 && _totalHeight !== vue.unref(rowsHeight)) {
+      onEndReached(heightUntilEnd);
+    }
+  }
+  vue.watch(() => props.expandedRowKeys, (val) => expandedRowKeys.value = val, {
+    deep: true
+  });
+  return {
+    columns,
+    containerRef,
+    mainTableRef,
+    leftTableRef,
+    rightTableRef,
+    isDynamic,
+    isResetting,
+    isScrolling,
+    hoveringRowKey,
+    hasFixedColumns,
+    columnsStyles,
+    columnsTotalWidth,
+    data,
+    expandedRowKeys,
+    depthMap,
+    fixedColumnsOnLeft,
+    fixedColumnsOnRight,
+    mainColumns,
+    bodyWidth,
+    emptyStyle,
+    rootStyle,
+    headerWidth,
+    footerHeight,
+    mainTableHeight,
+    fixedTableHeight,
+    leftTableWidth,
+    rightTableWidth,
+    showEmpty,
+    getRowHeight,
+    onColumnSorted,
+    onRowHovered,
+    onRowExpanded,
+    onRowsRendered,
+    onRowHeightChange,
+    scrollTo,
+    scrollToLeft,
+    scrollToTop,
+    onScroll,
+    onVerticalScroll
+  };
+}
+
+exports.useTable = useTable;
+//# sourceMappingURL=use-table.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"use-table.js","sources":["../../../../../../packages/components/table-v2/src/use-table.ts"],"sourcesContent":["import { computed, ref, shallowRef, toRef, unref, watch } from 'vue'\nimport { isArray } from '@element-plus/utils'\nimport {\n  useColumns,\n  useData,\n  useRow,\n  useScrollbar,\n  useStyles,\n} from './composables'\n\nimport type { TableV2Props } from './table'\nimport type { TableGridInstance } from './table-grid'\n\nfunction useTable(props: TableV2Props) {\n  const mainTableRef = ref<TableGridInstance>()\n  const leftTableRef = ref<TableGridInstance>()\n  const rightTableRef = ref<TableGridInstance>()\n  const {\n    columns,\n    columnsStyles,\n    columnsTotalWidth,\n    fixedColumnsOnLeft,\n    fixedColumnsOnRight,\n    hasFixedColumns,\n    mainColumns,\n\n    onColumnSorted,\n  } = useColumns(props, toRef(props, 'columns'), toRef(props, 'fixed'))\n\n  const {\n    scrollTo,\n    scrollToLeft,\n    scrollToTop,\n    onScroll,\n    onVerticalScroll,\n    scrollPos,\n  } = useScrollbar(props, {\n    mainTableRef,\n    leftTableRef,\n    rightTableRef,\n\n    onMaybeEndReached,\n  })\n\n  const {\n    expandedRowKeys,\n    hoveringRowKey,\n    lastRenderedRowIndex,\n    isDynamic,\n    isResetting,\n    rowHeights,\n\n    resetAfterIndex,\n    onRowExpanded,\n    onRowHeightChange,\n    onRowHovered,\n    onRowsRendered,\n  } = useRow(props, {\n    mainTableRef,\n    leftTableRef,\n    rightTableRef,\n\n    onMaybeEndReached,\n  })\n\n  const { data, depthMap } = useData(props, {\n    expandedRowKeys,\n    lastRenderedRowIndex,\n    resetAfterIndex,\n  })\n\n  const {\n    bodyWidth,\n    fixedTableHeight,\n    mainTableHeight,\n    leftTableWidth,\n    rightTableWidth,\n    headerWidth,\n    rowsHeight,\n    windowHeight,\n    footerHeight,\n    emptyStyle,\n    rootStyle,\n  } = useStyles(props, {\n    columnsTotalWidth,\n    data,\n    fixedColumnsOnLeft,\n    fixedColumnsOnRight,\n  })\n  // state\n  const isScrolling = shallowRef(false)\n\n  // DOM/Component refs\n  const containerRef = ref()\n\n  const showEmpty = computed(() => {\n    const noData = unref(data).length === 0\n\n    return isArray(props.fixedData)\n      ? props.fixedData.length === 0 && noData\n      : noData\n  })\n\n  function getRowHeight(rowIndex: number) {\n    const { estimatedRowHeight, rowHeight, rowKey } = props\n\n    if (!estimatedRowHeight) return rowHeight\n\n    return (\n      unref(rowHeights)[unref(data)[rowIndex][rowKey]] || estimatedRowHeight\n    )\n  }\n\n  function onMaybeEndReached() {\n    const { onEndReached } = props\n    if (!onEndReached) return\n\n    const { scrollTop } = unref(scrollPos)\n\n    const _totalHeight = unref(rowsHeight)\n    const clientHeight = unref(windowHeight)\n\n    const heightUntilEnd =\n      _totalHeight - (scrollTop + clientHeight) + props.hScrollbarSize\n\n    if (\n      unref(lastRenderedRowIndex) >= 0 &&\n      _totalHeight !== unref(rowsHeight)\n    ) {\n      onEndReached(heightUntilEnd)\n    }\n  }\n\n  // events\n\n  watch(\n    () => props.expandedRowKeys,\n    (val) => (expandedRowKeys.value = val),\n    {\n      deep: true,\n    }\n  )\n\n  return {\n    // models\n    columns,\n    containerRef,\n    mainTableRef,\n    leftTableRef,\n    rightTableRef,\n    // states\n    isDynamic,\n    isResetting,\n    isScrolling,\n    hoveringRowKey,\n    hasFixedColumns,\n    // records\n    columnsStyles,\n    columnsTotalWidth,\n    data,\n    expandedRowKeys,\n    depthMap,\n    fixedColumnsOnLeft,\n    fixedColumnsOnRight,\n    mainColumns,\n    // metadata\n    bodyWidth,\n    emptyStyle,\n    rootStyle,\n    headerWidth,\n    footerHeight,\n    mainTableHeight,\n    fixedTableHeight,\n    leftTableWidth,\n    rightTableWidth,\n    // flags\n    showEmpty,\n\n    // methods\n    getRowHeight,\n\n    // event handlers\n    onColumnSorted,\n    onRowHovered,\n    onRowExpanded,\n    onRowsRendered,\n    onRowHeightChange,\n    // use scrollbars\n    scrollTo,\n    scrollToLeft,\n    scrollToTop,\n    onScroll,\n    onVerticalScroll,\n  }\n}\n\nexport { useTable }\n\nexport type UseTableReturn = ReturnType<typeof useTable>\n"],"names":["ref","useColumns","toRef","useScrollbar","useRow","useData","useStyles","shallowRef","computed","unref","isArray","watch"],"mappings":"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"}

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

@@ -0,0 +1,7 @@
+import type { CSSProperties, Component, Slot } from 'vue';
+export declare const sum: (listLike: number | number[]) => number;
+export declare const tryCall: <T>(fLike: T, params: T extends (...args: infer K) => unknown ? K : any, defaultRet?: {}) => any;
+export declare const enforceUnit: (style: CSSProperties) => CSSProperties;
+export declare const componentToSlot: <T>(ComponentLike: JSX.Element | ((props: T) => Component<T, any, any, import("vue").ComputedOptions, import("vue").MethodOptions>) | undefined) => Slot | ((props: T) => import("vue").VNode<import("vue").RendererNode, import("vue").RendererElement, {
+    [key: string]: any;
+}>);

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

@@ -0,0 +1,30 @@
+'use strict';
+
+Object.defineProperty(exports, '__esModule', { value: true });
+
+var vue = require('vue');
+require('../../../utils/index.js');
+var shared = require('@vue/shared');
+var style = require('../../../utils/dom/style.js');
+
+const sumReducer = (sum2, num) => sum2 + num;
+const sum = (listLike) => {
+  return shared.isArray(listLike) ? listLike.reduce(sumReducer, 0) : listLike;
+};
+const tryCall = (fLike, params, defaultRet = {}) => {
+  return shared.isFunction(fLike) ? fLike(params) : fLike != null ? fLike : defaultRet;
+};
+const enforceUnit = (style$1) => {
+  ;
+  ["width", "maxWidth", "minWidth", "height"].forEach((key) => {
+    style$1[key] = style.addUnit(style$1[key]);
+  });
+  return style$1;
+};
+const componentToSlot = (ComponentLike) => vue.isVNode(ComponentLike) ? (props) => vue.h(ComponentLike, props) : ComponentLike;
+
+exports.componentToSlot = componentToSlot;
+exports.enforceUnit = enforceUnit;
+exports.sum = sum;
+exports.tryCall = tryCall;
+//# sourceMappingURL=utils.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"utils.js","sources":["../../../../../../packages/components/table-v2/src/utils.ts"],"sourcesContent":["import { h, isVNode } from 'vue'\nimport { addUnit, isArray, isFunction } from '@element-plus/utils'\n\nimport type { CSSProperties, Component, Slot } from 'vue'\n\nconst sumReducer = (sum: number, num: number) => sum + num\n\nexport const sum = (listLike: number | number[]) => {\n  return isArray(listLike) ? listLike.reduce(sumReducer, 0) : listLike\n}\n\nexport const tryCall = <T>(\n  fLike: T,\n  params: T extends (...args: infer K) => unknown ? K : any,\n  defaultRet = {}\n) => {\n  return isFunction(fLike) ? fLike(params) : fLike ?? defaultRet\n}\n\nexport const enforceUnit = (style: CSSProperties) => {\n  ;(['width', 'maxWidth', 'minWidth', 'height'] as const).forEach((key) => {\n    style[key] = addUnit(style[key])\n  })\n\n  return style\n}\n\nexport const componentToSlot = <T>(\n  ComponentLike: JSX.Element | ((props: T) => Component<T>) | undefined\n) =>\n  isVNode(ComponentLike)\n    ? (props: T) => h(ComponentLike, props)\n    : (ComponentLike as Slot)\n"],"names":["isArray","isFunction","style","addUnit","isVNode","h"],"mappings":";;;;;;;;;AAEA,MAAM,UAAU,GAAG,CAAC,IAAI,EAAE,GAAG,KAAK,IAAI,GAAG,GAAG,CAAC;AACjC,MAAC,GAAG,GAAG,CAAC,QAAQ,KAAK;AACjC,EAAE,OAAOA,cAAO,CAAC,QAAQ,CAAC,GAAG,QAAQ,CAAC,MAAM,CAAC,UAAU,EAAE,CAAC,CAAC,GAAG,QAAQ,CAAC;AACvE,EAAE;AACU,MAAC,OAAO,GAAG,CAAC,KAAK,EAAE,MAAM,EAAE,UAAU,GAAG,EAAE,KAAK;AAC3D,EAAE,OAAOC,iBAAU,CAAC,KAAK,CAAC,GAAG,KAAK,CAAC,MAAM,CAAC,GAAG,KAAK,IAAI,IAAI,GAAG,KAAK,GAAG,UAAU,CAAC;AAChF,EAAE;AACU,MAAC,WAAW,GAAG,CAACC,OAAK,KAAK;AACtC,EAAE,CAAC;AACH,EAAE,CAAC,OAAO,EAAE,UAAU,EAAE,UAAU,EAAE,QAAQ,CAAC,CAAC,OAAO,CAAC,CAAC,GAAG,KAAK;AAC/D,IAAIA,OAAK,CAAC,GAAG,CAAC,GAAGC,aAAO,CAACD,OAAK,CAAC,GAAG,CAAC,CAAC,CAAC;AACrC,GAAG,CAAC,CAAC;AACL,EAAE,OAAOA,OAAK,CAAC;AACf,EAAE;AACU,MAAC,eAAe,GAAG,CAAC,aAAa,KAAKE,WAAO,CAAC,aAAa,CAAC,GAAG,CAAC,KAAK,KAAKC,KAAC,CAAC,aAAa,EAAE,KAAK,CAAC,GAAG;;;;;;;"}