@element-plus/nightly 0.0.20220506 → 0.0.20220507

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

@@ -1 +1 @@
-{"version":3,"file":"table-grid.js","sources":["../../../../../../packages/components/table-v2/src/table-grid.tsx"],"sourcesContent":["import { computed, defineComponent, inject, ref, unref } from 'vue'\nimport {\n  DynamicSizeGrid,\n  FixedSizeGrid,\n} from '@element-plus/components/virtual-list'\nimport { isNumber, isObject } from '@element-plus/utils'\nimport { Header } from './components'\nimport { TableV2InjectionKey } from './tokens'\nimport { tableV2GridProps } from './grid'\nimport { sum } from './utils'\n\nimport type { UnwrapRef } from 'vue'\nimport type {\n  DynamicSizeGridInstance,\n  GridDefaultSlotParams,\n  GridItemKeyGetter,\n  GridItemRenderedEvtParams,\n  GridScrollOptions,\n  ResetAfterIndex,\n} from '@element-plus/components/virtual-list'\nimport type { TableV2HeaderInstance } from './components'\nimport type { TableV2GridProps } from './grid'\n\nconst COMPONENT_NAME = 'ElTableV2Grid'\n\nconst useTableGrid = (props: TableV2GridProps) => {\n  const headerRef = ref<TableV2HeaderInstance>()\n  const bodyRef = ref<DynamicSizeGridInstance>()\n\n  const totalHeight = computed(() => {\n    const { data, rowHeight, estimatedRowHeight } = props\n\n    if (estimatedRowHeight) {\n      return\n    }\n\n    return data.length * (rowHeight as number)\n  })\n\n  const fixedRowHeight = computed(() => {\n    const { fixedData, rowHeight } = props\n\n    return (fixedData?.length || 0) * (rowHeight as number)\n  })\n\n  const headerHeight = computed(() => sum(props.headerHeight))\n\n  const gridHeight = computed(() => {\n    const { height } = props\n    return Math.max(0, height - unref(headerHeight) - unref(fixedRowHeight))\n  })\n\n  const hasHeader = computed(() => {\n    return unref(headerHeight) + unref(fixedRowHeight) > 0\n  })\n\n  const itemKey: GridItemKeyGetter = ({ data, rowIndex }) =>\n    data[rowIndex][props.rowKey]\n\n  function onItemRendered({\n    rowCacheStart,\n    rowCacheEnd,\n    rowVisibleStart,\n    rowVisibleEnd,\n  }: GridItemRenderedEvtParams) {\n    props.onRowsRendered?.({\n      rowCacheStart,\n      rowCacheEnd,\n      rowVisibleStart,\n      rowVisibleEnd,\n    })\n  }\n\n  function resetAfterRowIndex(index: number, forceUpdate: boolean) {\n    bodyRef.value?.resetAfterRowIndex(index, forceUpdate)\n  }\n\n  function scrollTo(x: number, y: number): void\n  function scrollTo(options: GridScrollOptions): void\n  function scrollTo(leftOrOptions: number | GridScrollOptions, top?: number) {\n    const header$ = unref(headerRef)\n    const body$ = unref(bodyRef)\n\n    if (!header$ || !body$) return\n\n    if (isObject(leftOrOptions)) {\n      header$.scrollToLeft(leftOrOptions.scrollLeft)\n      body$.scrollTo(leftOrOptions)\n    } else {\n      header$.scrollToLeft(leftOrOptions)\n      body$.scrollTo({\n        scrollLeft: leftOrOptions,\n        scrollTop: top,\n      })\n    }\n  }\n\n  function scrollToTop(scrollTop: number) {\n    unref(bodyRef)?.scrollTo({\n      scrollTop,\n    })\n  }\n\n  function forceUpdate() {\n    unref(bodyRef)?.$forceUpdate()\n    unref(headerRef)?.$forceUpdate()\n  }\n\n  return {\n    bodyRef,\n    forceUpdate,\n    fixedRowHeight,\n    gridHeight,\n    hasHeader,\n    headerHeight,\n    headerRef,\n    totalHeight,\n\n    itemKey,\n    onItemRendered,\n    resetAfterRowIndex,\n    scrollTo,\n    scrollToTop,\n  }\n}\n\nconst TableGrid = defineComponent({\n  name: COMPONENT_NAME,\n  props: tableV2GridProps,\n  setup(props, { slots, expose }) {\n    const { ns } = inject(TableV2InjectionKey)!\n\n    const {\n      bodyRef,\n      fixedRowHeight,\n      gridHeight,\n      hasHeader,\n      headerRef,\n      headerHeight,\n      totalHeight,\n\n      forceUpdate,\n      itemKey,\n      onItemRendered,\n      resetAfterRowIndex,\n      scrollTo,\n      scrollToTop,\n    } = useTableGrid(props)\n\n    expose({\n      forceUpdate,\n      /**\n       * @description fetch total height\n       */\n      totalHeight,\n      /**\n       * @description scroll to a position\n       */\n      scrollTo,\n      /**\n       * @description scroll vertically to position y\n       */\n      scrollToTop,\n      /**\n       * @description reset rendered state after row index\n       */\n      resetAfterRowIndex,\n    })\n\n    const getColumnWidth = () => props.bodyWidth\n\n    return () => {\n      const {\n        cache,\n        columns,\n        data,\n        fixedData,\n        useIsScrolling,\n        scrollbarAlwaysOn,\n        scrollbarEndGap,\n        scrollbarStartGap,\n        style,\n        rowHeight,\n        bodyWidth,\n        estimatedRowHeight,\n        headerWidth,\n        height,\n        width,\n\n        getRowHeight,\n        onScroll,\n      } = props\n\n      const isDynamicRowEnabled = isNumber(estimatedRowHeight)\n      const Grid = isDynamicRowEnabled ? DynamicSizeGrid : FixedSizeGrid\n      const _headerHeight = unref(headerHeight)\n\n      return (\n        <div role=\"table\" class={[ns.e('table'), props.class]} style={style}>\n          <Grid\n            ref={bodyRef}\n            // special attrs\n            data={data}\n            useIsScrolling={useIsScrolling}\n            itemKey={itemKey}\n            // column attrs\n            columnCache={0}\n            columnWidth={isDynamicRowEnabled ? getColumnWidth : bodyWidth}\n            totalColumn={1}\n            // row attrs\n            totalRow={data.length}\n            rowCache={cache}\n            rowHeight={isDynamicRowEnabled ? getRowHeight : rowHeight}\n            // DOM attrs\n            width={width}\n            height={unref(gridHeight)}\n            class={ns.e('body')}\n            scrollbarStartGap={scrollbarStartGap}\n            scrollbarEndGap={scrollbarEndGap}\n            scrollbarAlwaysOn={scrollbarAlwaysOn}\n            // handlers\n            onScroll={onScroll}\n            onItemRendered={onItemRendered}\n            perfMode={false}\n          >\n            {{\n              default: (params: GridDefaultSlotParams) => {\n                const rowData = data[params.rowIndex]\n                return slots.row?.({\n                  ...params,\n                  columns,\n                  rowData,\n                })\n              },\n            }}\n          </Grid>\n          {unref(hasHeader) && (\n            <Header\n              ref={headerRef}\n              class={ns.e('header-wrapper')}\n              columns={columns}\n              headerData={data}\n              headerHeight={props.headerHeight}\n              fixedHeaderData={fixedData}\n              rowWidth={headerWidth}\n              rowHeight={rowHeight}\n              width={width}\n              height={Math.min(_headerHeight + unref(fixedRowHeight), height)}\n            >\n              {{\n                dynamic: slots.header,\n                fixed: slots.row,\n              }}\n            </Header>\n          )}\n        </div>\n      )\n    }\n  },\n})\n\nexport default TableGrid\n\nexport type TableGridRowSlotParams = {\n  columns: TableV2GridProps['columns']\n  rowData: any\n} & GridDefaultSlotParams\n\nexport type TableGridInstance = InstanceType<typeof TableGrid> &\n  UnwrapRef<{\n    forceUpdate: () => void\n    /**\n     * @description fetch total height\n     */\n    totalHeight: number\n\n    /**\n     * @description scrollTo a position\n     * @param { number | ScrollToOptions } arg1\n     * @param { number } arg2\n     */\n    scrollTo(leftOrOptions: number | GridScrollOptions, top?: number): void\n\n    /**\n     * @description scroll vertically to position y\n     */\n    scrollToTop(scrollTop: number): void\n    /**\n     * @description reset rendered state after row index\n     * @param { number } rowIndex\n     * @param { boolean } forceUpdate\n     */\n    resetAfterRowIndex: ResetAfterIndex\n  }>\n"],"names":["COMPONENT_NAME","useTableGrid","props","headerRef","ref","bodyRef","computed","data","rowHeight","estimatedRowHeight","fixedData","sum","headerHeight","gridHeight","unref","height","Math","max","hasHeader","itemKey","rowIndex","rowCacheStart","rowCacheEnd","rowVisibleStart","rowVisibleEnd","onRowsRendered","forceUpdate","isObject","header$","scrollToLeft","leftOrOptions","body$","scrollLeft","scrollTop","scrollToTop","fixedRowHeight","totalHeight","defineComponent","resetAfterRowIndex","scrollTo","tableV2GridProps","TableGrid","name","TableV2InjectionKey","setup","slots","expose","ns","inject","onItemRendered","isNumber","_createVNode","cache","columns","useIsScrolling","scrollbarAlwaysOn","scrollbarEndGap","scrollbarStartGap","style","bodyWidth","headerWidth","width","getRowHeight","onScroll","Header","length","isDynamicRowEnabled"],"mappings":"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"}
+{"version":3,"file":"table-grid.js","sources":["../../../../../../packages/components/table-v2/src/table-grid.tsx"],"sourcesContent":["import { computed, defineComponent, inject, ref, unref } from 'vue'\nimport {\n  DynamicSizeGrid,\n  FixedSizeGrid,\n} from '@element-plus/components/virtual-list'\nimport { isNumber, isObject } from '@element-plus/utils'\nimport { Header } from './components'\nimport { TableV2InjectionKey } from './tokens'\nimport { tableV2GridProps } from './grid'\nimport { sum } from './utils'\n\nimport type { UnwrapRef } from 'vue'\nimport type {\n  DynamicSizeGridInstance,\n  GridDefaultSlotParams,\n  GridItemKeyGetter,\n  GridItemRenderedEvtParams,\n  GridScrollOptions,\n  ResetAfterIndex,\n  Alignment as ScrollStrategy,\n} from '@element-plus/components/virtual-list'\nimport type { TableV2HeaderInstance } from './components'\nimport type { TableV2GridProps } from './grid'\n\nconst COMPONENT_NAME = 'ElTableV2Grid'\n\nconst useTableGrid = (props: TableV2GridProps) => {\n  const headerRef = ref<TableV2HeaderInstance>()\n  const bodyRef = ref<DynamicSizeGridInstance>()\n\n  const totalHeight = computed(() => {\n    const { data, rowHeight, estimatedRowHeight } = props\n\n    if (estimatedRowHeight) {\n      return\n    }\n\n    return data.length * (rowHeight as number)\n  })\n\n  const fixedRowHeight = computed(() => {\n    const { fixedData, rowHeight } = props\n\n    return (fixedData?.length || 0) * (rowHeight as number)\n  })\n\n  const headerHeight = computed(() => sum(props.headerHeight))\n\n  const gridHeight = computed(() => {\n    const { height } = props\n    return Math.max(0, height - unref(headerHeight) - unref(fixedRowHeight))\n  })\n\n  const hasHeader = computed(() => {\n    return unref(headerHeight) + unref(fixedRowHeight) > 0\n  })\n\n  const itemKey: GridItemKeyGetter = ({ data, rowIndex }) =>\n    data[rowIndex][props.rowKey]\n\n  function onItemRendered({\n    rowCacheStart,\n    rowCacheEnd,\n    rowVisibleStart,\n    rowVisibleEnd,\n  }: GridItemRenderedEvtParams) {\n    props.onRowsRendered?.({\n      rowCacheStart,\n      rowCacheEnd,\n      rowVisibleStart,\n      rowVisibleEnd,\n    })\n  }\n\n  function resetAfterRowIndex(index: number, forceUpdate: boolean) {\n    bodyRef.value?.resetAfterRowIndex(index, forceUpdate)\n  }\n\n  function scrollTo(x: number, y: number): void\n  function scrollTo(options: GridScrollOptions): void\n  function scrollTo(leftOrOptions: number | GridScrollOptions, top?: number) {\n    const header$ = unref(headerRef)\n    const body$ = unref(bodyRef)\n\n    if (!header$ || !body$) return\n\n    if (isObject(leftOrOptions)) {\n      header$.scrollToLeft(leftOrOptions.scrollLeft)\n      body$.scrollTo(leftOrOptions)\n    } else {\n      header$.scrollToLeft(leftOrOptions)\n      body$.scrollTo({\n        scrollLeft: leftOrOptions,\n        scrollTop: top,\n      })\n    }\n  }\n\n  function scrollToTop(scrollTop: number) {\n    unref(bodyRef)?.scrollTo({\n      scrollTop,\n    })\n  }\n\n  function scrollToRow(row: number, strategy: ScrollStrategy) {\n    unref(bodyRef)?.scrollToItem(row, 1, strategy)\n  }\n\n  function forceUpdate() {\n    unref(bodyRef)?.$forceUpdate()\n    unref(headerRef)?.$forceUpdate()\n  }\n\n  return {\n    bodyRef,\n    forceUpdate,\n    fixedRowHeight,\n    gridHeight,\n    hasHeader,\n    headerHeight,\n    headerRef,\n    totalHeight,\n\n    itemKey,\n    onItemRendered,\n    resetAfterRowIndex,\n    scrollTo,\n    scrollToTop,\n    scrollToRow,\n  }\n}\n\nconst TableGrid = defineComponent({\n  name: COMPONENT_NAME,\n  props: tableV2GridProps,\n  setup(props, { slots, expose }) {\n    const { ns } = inject(TableV2InjectionKey)!\n\n    const {\n      bodyRef,\n      fixedRowHeight,\n      gridHeight,\n      hasHeader,\n      headerRef,\n      headerHeight,\n      totalHeight,\n\n      forceUpdate,\n      itemKey,\n      onItemRendered,\n      resetAfterRowIndex,\n      scrollTo,\n      scrollToTop,\n      scrollToRow,\n    } = useTableGrid(props)\n\n    expose({\n      forceUpdate,\n      /**\n       * @description fetch total height\n       */\n      totalHeight,\n      /**\n       * @description scroll to a position\n       */\n      scrollTo,\n      /**\n       * @description scroll vertically to position y\n       */\n      scrollToTop,\n      /**\n       * @description scroll to a given row\n       * @params row {Number} which row to scroll to\n       * @params strategy {ScrollStrategy} use what strategy to scroll to\n       */\n      scrollToRow,\n      /**\n       * @description reset rendered state after row index\n       */\n      resetAfterRowIndex,\n    })\n\n    const getColumnWidth = () => props.bodyWidth\n\n    return () => {\n      const {\n        cache,\n        columns,\n        data,\n        fixedData,\n        useIsScrolling,\n        scrollbarAlwaysOn,\n        scrollbarEndGap,\n        scrollbarStartGap,\n        style,\n        rowHeight,\n        bodyWidth,\n        estimatedRowHeight,\n        headerWidth,\n        height,\n        width,\n\n        getRowHeight,\n        onScroll,\n      } = props\n\n      const isDynamicRowEnabled = isNumber(estimatedRowHeight)\n      const Grid = isDynamicRowEnabled ? DynamicSizeGrid : FixedSizeGrid\n      const _headerHeight = unref(headerHeight)\n\n      return (\n        <div role=\"table\" class={[ns.e('table'), props.class]} style={style}>\n          <Grid\n            ref={bodyRef}\n            // special attrs\n            data={data}\n            useIsScrolling={useIsScrolling}\n            itemKey={itemKey}\n            // column attrs\n            columnCache={0}\n            columnWidth={isDynamicRowEnabled ? getColumnWidth : bodyWidth}\n            totalColumn={1}\n            // row attrs\n            totalRow={data.length}\n            rowCache={cache}\n            rowHeight={isDynamicRowEnabled ? getRowHeight : rowHeight}\n            // DOM attrs\n            width={width}\n            height={unref(gridHeight)}\n            class={ns.e('body')}\n            scrollbarStartGap={scrollbarStartGap}\n            scrollbarEndGap={scrollbarEndGap}\n            scrollbarAlwaysOn={scrollbarAlwaysOn}\n            // handlers\n            onScroll={onScroll}\n            onItemRendered={onItemRendered}\n            perfMode={false}\n          >\n            {{\n              default: (params: GridDefaultSlotParams) => {\n                const rowData = data[params.rowIndex]\n                return slots.row?.({\n                  ...params,\n                  columns,\n                  rowData,\n                })\n              },\n            }}\n          </Grid>\n          {unref(hasHeader) && (\n            <Header\n              ref={headerRef}\n              class={ns.e('header-wrapper')}\n              columns={columns}\n              headerData={data}\n              headerHeight={props.headerHeight}\n              fixedHeaderData={fixedData}\n              rowWidth={headerWidth}\n              rowHeight={rowHeight}\n              width={width}\n              height={Math.min(_headerHeight + unref(fixedRowHeight), height)}\n            >\n              {{\n                dynamic: slots.header,\n                fixed: slots.row,\n              }}\n            </Header>\n          )}\n        </div>\n      )\n    }\n  },\n})\n\nexport default TableGrid\n\nexport type TableGridRowSlotParams = {\n  columns: TableV2GridProps['columns']\n  rowData: any\n} & GridDefaultSlotParams\n\nexport type TableGridInstance = InstanceType<typeof TableGrid> &\n  UnwrapRef<{\n    forceUpdate: () => void\n    /**\n     * @description fetch total height\n     */\n    totalHeight: number\n\n    /**\n     * @description scrollTo a position\n     * @param { number | ScrollToOptions } arg1\n     * @param { number } arg2\n     */\n    scrollTo(leftOrOptions: number | GridScrollOptions, top?: number): void\n\n    /**\n     * @description scroll vertically to position y\n     */\n    scrollToTop(scrollTop: number): void\n    /**\n     * @description scroll to a given row\n     * @params row {Number} which row to scroll to\n     * @params @optional strategy {ScrollStrategy} use what strategy to scroll to\n     */\n    scrollToRow(row: number, strategy: ScrollStrategy): void\n    /**\n     * @description reset rendered state after row index\n     * @param { number } rowIndex\n     * @param { boolean } forceUpdate\n     */\n    resetAfterRowIndex: ResetAfterIndex\n  }>\n"],"names":["COMPONENT_NAME","useTableGrid","props","headerRef","ref","bodyRef","computed","data","rowHeight","estimatedRowHeight","fixedData","sum","headerHeight","gridHeight","unref","height","Math","max","hasHeader","itemKey","rowIndex","rowCacheStart","rowCacheEnd","rowVisibleStart","rowVisibleEnd","onRowsRendered","forceUpdate","isObject","header$","scrollToLeft","leftOrOptions","body$","scrollLeft","scrollTop","scrollToTop","row","fixedRowHeight","totalHeight","onItemRendered","defineComponent","scrollTo","tableV2GridProps","scrollToRow","TableGrid","name","TableV2InjectionKey","setup","slots","expose","ns","inject","resetAfterRowIndex","isNumber","DynamicSizeGrid","FixedSizeGrid","cache","columns","useIsScrolling","scrollbarAlwaysOn","scrollbarEndGap","scrollbarStartGap","style","bodyWidth","headerWidth","width","getRowHeight","onScroll","isDynamicRowEnabled","Grid","_headerHeight","_createVNode","Header","e","class"],"mappings":"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"}

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

@@ -1,3 +1,4 @@
+import type { ScrollStrategy } from './composables/use-scrollbar';
 declare const TableV2: import("vue").DefineComponent<{
     readonly cache: import("../../../utils").BuildPropReturn<NumberConstructor, 2, false, never, never>;
     readonly estimatedRowHeight: {
@@ -16,6 +17,7 @@ declare const TableV2: import("vue").DefineComponent<{
     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 cellProps: import("../../../utils").BuildPropReturn<import("../../../utils").PropWrapper<Record<string, any> | import("./table").ExtraCellPropGetter<any>>, unknown, 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>;
@@ -43,10 +45,10 @@ declare const TableV2: import("vue").DefineComponent<{
     readonly onColumnSort: import("../../../utils").BuildPropReturn<import("../../../utils").PropWrapper<import("./table").ColumnSortHandler<any>>, unknown, unknown, unknown, unknown>;
     readonly onExpandedRowsChange: import("../../../utils").BuildPropReturn<import("../../../utils").PropWrapper<import("./table").ExpandedRowsChangeHandler>, unknown, unknown, unknown, unknown>;
     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 onRowExpand: import("../../../utils").BuildPropReturn<import("../../../utils").PropWrapper<import("./row").RowExpandHandler>, unknown, unknown, unknown, unknown>;
     readonly onScroll: import("../../../utils").BuildPropReturn<import("../../../utils").PropWrapper<(...args: any[]) => void>, unknown, unknown, unknown, unknown>;
     readonly onRowsRendered: 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>;
+    readonly rowEventHandlers: import("../../../utils").BuildPropReturn<import("../../../utils").PropWrapper<import("./row").RowEventHandlers>, 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: {
@@ -65,6 +67,7 @@ declare const TableV2: import("vue").DefineComponent<{
     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 cellProps: import("../../../utils").BuildPropReturn<import("../../../utils").PropWrapper<Record<string, any> | import("./table").ExtraCellPropGetter<any>>, unknown, 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>;
@@ -92,10 +95,10 @@ declare const TableV2: import("vue").DefineComponent<{
     readonly onColumnSort: import("../../../utils").BuildPropReturn<import("../../../utils").PropWrapper<import("./table").ColumnSortHandler<any>>, unknown, unknown, unknown, unknown>;
     readonly onExpandedRowsChange: import("../../../utils").BuildPropReturn<import("../../../utils").PropWrapper<import("./table").ExpandedRowsChangeHandler>, unknown, unknown, unknown, unknown>;
     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 onRowExpand: import("../../../utils").BuildPropReturn<import("../../../utils").PropWrapper<import("./row").RowExpandHandler>, unknown, unknown, unknown, unknown>;
     readonly onScroll: import("../../../utils").BuildPropReturn<import("../../../utils").PropWrapper<(...args: any[]) => void>, unknown, unknown, unknown, unknown>;
     readonly onRowsRendered: 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>;
+    readonly rowEventHandlers: import("../../../utils").BuildPropReturn<import("../../../utils").PropWrapper<import("./row").RowEventHandlers>, unknown, unknown, unknown, unknown>;
 }>>, {
     fixed: boolean;
     onScroll: (...args: any[]) => void;
@@ -108,8 +111,8 @@ declare const TableV2: import("vue").DefineComponent<{
     rowHeight: number;
     hScrollbarSize: number;
     vScrollbarSize: number;
-    onRowExpand: import("./row").RowExpandHandler<any>;
-    rowEventHandlers: import("./row").RowEventHandlers<any>;
+    onRowExpand: import("./row").RowExpandHandler;
+    rowEventHandlers: import("./row").RowEventHandlers;
     headerHeight: import("../../../utils").BuildPropType<import("../../../utils").PropWrapper<number | number[]>, unknown, unknown>;
     cache: number;
     onRowsRendered: (params: import("./grid").onRowRenderedParams) => void;
@@ -120,6 +123,7 @@ declare const TableV2: import("vue").DefineComponent<{
     footerHeight: number;
     rowClass: import("../../../utils").BuildPropType<import("../../../utils").PropWrapper<string | import("./table").RowClassNameGetter<any>>, unknown, unknown>;
     rowProps: any;
+    cellProps: import("../../../utils").BuildPropType<import("../../../utils").PropWrapper<Record<string, any> | import("./table").ExtraCellPropGetter<any>>, unknown, unknown>;
     dataGetter: import("./types").DataGetter<any>;
     indentSize: number;
     iconSize: number;
@@ -131,4 +135,29 @@ declare const TableV2: import("vue").DefineComponent<{
     defaultExpandedRowKeys: import("./types").KeyType[];
 }>;
 export default TableV2;
-export declare type TableV2Instance = InstanceType<typeof TableV2>;
+export declare type TableV2Instance = InstanceType<typeof TableV2> & {
+    /**
+     * @description scroll to a given position
+     * @params params {{ scrollLeft?: number, scrollTop?: number }} where to scroll to.
+     */
+    scrollTo: (param: {
+        scrollLeft?: number;
+        scrollTop?: number;
+    }) => void;
+    /**
+     * @description scroll to a given position horizontally
+     * @params scrollLeft {Number} where to scroll to.
+     */
+    scrollToLeft: (scrollLeft: number) => void;
+    /**
+     * @description scroll to a given position vertically
+     * @params scrollTop { Number } where to scroll to.
+     */
+    scrollToTop: (scrollTop: number) => void;
+    /**
+     * @description scroll to a given row
+     * @params row {Number} which row to scroll to
+     * @params strategy {ScrollStrategy} use what strategy to scroll to
+     */
+    scrollToRow(row: number, strategy?: ScrollStrategy): void;
+};

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

@@ -27,7 +27,8 @@ const TableV2 = vue.defineComponent({
   name: COMPONENT_NAME,
   props: table.tableV2Props,
   setup(props, {
-    slots
+    slots,
+    expose
   }) {
     const ns = index.useNamespace("table-v2");
     const {
@@ -56,6 +57,10 @@ const TableV2 = vue.defineComponent({
       headerWidth,
       footerHeight,
       showEmpty,
+      scrollTo,
+      scrollToLeft,
+      scrollToTop,
+      scrollToRow,
       getRowHeight,
       onColumnSorted,
       onRowHeightChange,
@@ -65,6 +70,12 @@ const TableV2 = vue.defineComponent({
       onScroll,
       onVerticalScroll
     } = useTable.useTable(props);
+    expose({
+      scrollTo,
+      scrollToLeft,
+      scrollToTop,
+      scrollToRow
+    });
     vue.provide(tokens.TableV2InjectionKey, {
       ns,
       isResetting,
@@ -74,6 +85,7 @@ const TableV2 = vue.defineComponent({
     return () => {
       const {
         cache,
+        cellProps,
         estimatedRowHeight,
         expandColumnKey,
         fixedData,
@@ -185,6 +197,7 @@ const TableV2 = vue.defineComponent({
         onRowHeightChange
       };
       const tableCellProps = {
+        cellProps,
         expandColumnKey,
         indentSize,
         iconSize,
@@ -227,7 +240,7 @@ const TableV2 = vue.defineComponent({
           }), null)
         })
       };
-      const rootKls = [ns.b(), ns.e("root"), {
+      const rootKls = [props.class, ns.b(), ns.e("root"), {
         [ns.is("dynamic")]: vue.unref(isDynamic)
       }];
       const footerProps = {

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

@@ -1 +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      const _columnsStyles = unref(columnsStyles)\n\n      const tableRowProps = {\n        ns,\n        depthMap: unref(depthMap),\n        columnsStyles: _columnsStyles,\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        expandedRowKeys: unref(expandedRowKeys),\n        ns,\n      }\n\n      const tableHeaderProps = {\n        ns,\n        headerClass,\n        headerProps,\n        columnsStyles: _columnsStyles,\n      }\n\n      const tableHeaderCellProps = {\n        ns,\n\n        sortBy,\n        sortState,\n        headerCellProps,\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\n                    {...props}\n                    {...tableCellProps}\n                    style={_columnsStyles[props.column.key]}\n                  >\n                    {slots.cell}\n                  </Cell>\n                ) : (\n                  <Cell\n                    {...props}\n                    {...tableCellProps}\n                    style={_columnsStyles[props.column.key]}\n                  />\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\n                    {...props}\n                    {...tableHeaderCellProps}\n                    style={_columnsStyles[props.column.key]}\n                  >\n                    {slots['header-cell']}\n                  </HeaderCell>\n                ) : (\n                  <HeaderCell\n                    {...props}\n                    {...tableHeaderCellProps}\n                    style={_columnsStyles[props.column.key]}\n                  />\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","_createVNode","Row","_mergeProps","_columnsStyles","Cell","tableHeaderCellProps","Header","row","HeaderCell","cell","tableCellProps","header","MainTable","e","RightTable","Footer","Empty","rootKls","default"],"mappings":"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"}
+{"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'\nimport type { ScrollStrategy } from './composables/use-scrollbar'\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, expose }) {\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      // exposes\n      scrollTo,\n      scrollToLeft,\n      scrollToTop,\n      scrollToRow,\n\n      getRowHeight,\n      onColumnSorted,\n      onRowHeightChange,\n      onRowHovered,\n      onRowExpanded,\n      onRowsRendered,\n      onScroll,\n      onVerticalScroll,\n    } = useTable(props)\n\n    expose({\n      /**\n       * @description scroll to a given position\n       * @params params {{ scrollLeft?: number, scrollTop?: number }} where to scroll to.\n       */\n      scrollTo,\n      /**\n       * @description scroll to a given position horizontally\n       * @params scrollLeft {Number} where to scroll to.\n       */\n      scrollToLeft,\n      /**\n       * @description scroll to a given position vertically\n       * @params scrollTop { Number } where to scroll to.\n       */\n      scrollToTop,\n      /**\n       * @description scroll to a given row\n       * @params row {Number} which row to scroll to\n       * @params @optional strategy {ScrollStrategy} use what strategy to scroll to\n       */\n      scrollToRow,\n    })\n\n    provide(TableV2InjectionKey, {\n      ns,\n      isResetting,\n      hoveringRowKey,\n      isScrolling,\n    })\n\n    return () => {\n      const {\n        cache,\n        cellProps,\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      const _columnsStyles = unref(columnsStyles)\n\n      const tableRowProps = {\n        ns,\n        depthMap: unref(depthMap),\n        columnsStyles: _columnsStyles,\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        cellProps,\n        expandColumnKey,\n        indentSize,\n        iconSize,\n        rowKey,\n        expandedRowKeys: unref(expandedRowKeys),\n        ns,\n      }\n\n      const tableHeaderProps = {\n        ns,\n        headerClass,\n        headerProps,\n        columnsStyles: _columnsStyles,\n      }\n\n      const tableHeaderCellProps = {\n        ns,\n\n        sortBy,\n        sortState,\n        headerCellProps,\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\n                    {...props}\n                    {...tableCellProps}\n                    style={_columnsStyles[props.column.key]}\n                  >\n                    {slots.cell}\n                  </Cell>\n                ) : (\n                  <Cell\n                    {...props}\n                    {...tableCellProps}\n                    style={_columnsStyles[props.column.key]}\n                  />\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\n                    {...props}\n                    {...tableHeaderCellProps}\n                    style={_columnsStyles[props.column.key]}\n                  >\n                    {slots['header-cell']}\n                  </HeaderCell>\n                ) : (\n                  <HeaderCell\n                    {...props}\n                    {...tableHeaderCellProps}\n                    style={_columnsStyles[props.column.key]}\n                  />\n                ),\n            }}\n          </Header>\n        ),\n      }\n\n      const rootKls = [\n        props.class,\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  /**\n   * @description scroll to a given position\n   * @params params {{ scrollLeft?: number, scrollTop?: number }} where to scroll to.\n   */\n  scrollTo: (param: { scrollLeft?: number; scrollTop?: number }) => void\n  /**\n   * @description scroll to a given position horizontally\n   * @params scrollLeft {Number} where to scroll to.\n   */\n  scrollToLeft: (scrollLeft: number) => void\n  /**\n   * @description scroll to a given position vertically\n   * @params scrollTop { Number } where to scroll to.\n   */\n  scrollToTop: (scrollTop: number) => void\n  /**\n   * @description scroll to a given row\n   * @params row {Number} which row to scroll to\n   * @params strategy {ScrollStrategy} use what strategy to scroll to\n   */\n  scrollToRow(row: number, strategy?: ScrollStrategy): void\n}\n"],"names":["Overlay","COMPONENT_NAME","TableV2","defineComponent","name","props","setup","useNamespace","slots","expose","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","scrollTo","scrollToLeft","scrollToTop","scrollToRow","getRowHeight","onColumnSorted","onRowHeightChange","onRowHovered","useTable","onRowExpanded","onRowsRendered","onScroll","onVerticalScroll","provide","TableV2InjectionKey","ns","unref","cache","cellProps","estimatedRowHeight","expandColumnKey","fixedData","headerHeight","headerClass","headerProps","headerCellProps","sortBy","sortState","rowHeight","rowClass","rowEventHandlers","rowKey","rowProps","scrollbarAlwaysOn","indentSize","iconSize","useIsScrolling","vScrollbarSize","width","_data","class","columns","height","scrollbarStartGap","scrollbarEndGap","_fixedTableHeight","style","_createVNode","Row","_mergeProps","Cell","tableCellProps","Header","HeaderCell","tableHeaderProps","_columnsStyles","row","cell","RightTable","Empty","header","column","key"],"mappings":"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"}

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

@@ -12,7 +12,10 @@ export declare type ColumnSortParams<T> = {
 /**
  * Renderer/Getter types
  */
-export declare type ExtraCellPropGetter<T> = (params: ColumnCommonParams<T> & RowCommonParams<T>) => any;
+export declare type ExtraCellPropGetter<T> = (params: ColumnCommonParams<T> & RowCommonParams & {
+    cellData: T;
+    rowData: any;
+}) => any;
 export declare type ExtractHeaderPropGetter<T> = (params: {
     columns: Column<T>[];
     headerIndex: number;
@@ -22,14 +25,14 @@ export declare type ExtractHeaderCellPropGetter<T> = (params: ColumnCommonParams
 }) => any;
 export declare type ExtractRowPropGetter<T> = (params: {
     columns: Column<T>[];
-} & RowCommonParams<T>) => any;
+} & RowCommonParams) => any;
 export declare type HeaderClassNameGetter<T> = (params: {
     columns: Column<T>[];
     headerIndex: number;
 }) => string;
 export declare type RowClassNameGetter<T> = (params: {
     columns: Column<T>[];
-} & RowCommonParams<T>) => string;
+} & RowCommonParams) => string;
 /**
  * Handler types
  */
@@ -54,6 +57,7 @@ export declare const tableV2Props: {
     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: import("element-plus/es/utils").BuildPropReturn<NumberConstructor, 50, unknown, unknown, unknown>;
+    readonly cellProps: import("element-plus/es/utils").BuildPropReturn<import("element-plus/es/utils").PropWrapper<Record<string, any> | ExtraCellPropGetter<any>>, unknown, 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>;
@@ -81,9 +85,9 @@ export declare const tableV2Props: {
     readonly onColumnSort: import("element-plus/es/utils").BuildPropReturn<import("element-plus/es/utils").PropWrapper<ColumnSortHandler<any>>, unknown, unknown, unknown, unknown>;
     readonly onExpandedRowsChange: import("element-plus/es/utils").BuildPropReturn<import("element-plus/es/utils").PropWrapper<ExpandedRowsChangeHandler>, unknown, unknown, unknown, unknown>;
     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 onRowExpand: import("element-plus/es/utils").BuildPropReturn<import("element-plus/es/utils").PropWrapper<import("./row").RowExpandHandler>, 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 onRowsRendered: 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>;
+    readonly rowEventHandlers: import("element-plus/es/utils").BuildPropReturn<import("element-plus/es/utils").PropWrapper<import("./row").RowEventHandlers>, unknown, unknown, unknown, unknown>;
 };
 export declare type TableV2Props = ExtractPropTypes<typeof tableV2Props>;

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

@@ -48,6 +48,12 @@ const tableV2Props = props.buildProps({
     type: Number,
     default: 50
   },
+  cellProps: {
+    type: props.definePropType([
+      Object,
+      Function
+    ])
+  },
   columns: common.columns,
   data: common.dataType,
   dataGetter: {

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

@@ -1 +1 @@
-{"version":3,"file":"table2.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  SortState,\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\nexport type ExpandedRowsChangeHandler = (expandedRowKeys: KeyType[]) => void\n\nexport const tableV2Props = buildProps({\n  cache: tableV2GridProps.cache,\n  estimatedRowHeight: tableV2RowProps.estimatedRowHeight,\n  rowKey,\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  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<SortState>(Object),\n    default: undefined,\n  },\n\n  /**\n   * Handlers\n   */\n  onColumnSort: {\n    type: definePropType<ColumnSortHandler<any>>(Function),\n  },\n  onExpandedRowsChange: {\n    type: definePropType<ExpandedRowsChangeHandler>(Function),\n  },\n  onEndReached: {\n    type: definePropType<(distance: number) => void>(Function),\n  },\n  onRowExpand: tableV2RowProps.onRowExpand,\n  onScroll: tableV2GridProps.onScroll,\n  onRowsRendered: 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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"}
+{"version":3,"file":"table2.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  SortState,\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> &\n    RowCommonParams & { cellData: T; rowData: any }\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\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\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\nexport type ExpandedRowsChangeHandler = (expandedRowKeys: KeyType[]) => void\n\nexport const tableV2Props = buildProps({\n  cache: tableV2GridProps.cache,\n  estimatedRowHeight: tableV2RowProps.estimatedRowHeight,\n  rowKey,\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  /**\n   * Cell attributes\n   */\n  cellProps: {\n    type: definePropType<Record<string, any> | ExtraCellPropGetter<any>>([\n      Object,\n      Function,\n    ]),\n  },\n  /**\n   * Data models\n   */\n  columns,\n  data: dataType,\n  dataGetter: {\n    type: definePropType<DataGetter<any>>(Function),\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  sortState: {\n    type: definePropType<SortState>(Object),\n    default: undefined,\n  },\n\n  /**\n   * Handlers\n   */\n  onColumnSort: {\n    type: definePropType<ColumnSortHandler<any>>(Function),\n  },\n  onExpandedRowsChange: {\n    type: definePropType<ExpandedRowsChangeHandler>(Function),\n  },\n  onEndReached: {\n    type: definePropType<(distance: number) => void>(Function),\n  },\n  onRowExpand: tableV2RowProps.onRowExpand,\n  onScroll: tableV2GridProps.onScroll,\n  onRowsRendered: 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/types.d.ts

@@ -8,7 +8,7 @@ export declare type KeyType = string | number | symbol;
  */
 export declare type CellRendererParams<T> = {
     cellData: T;
-} & RowCommonParams<T> & ColumnCommonParams<T>;
+} & RowCommonParams & ColumnCommonParams<T>;
 export declare type ColumnCommonParams<T> = {
     columns: Column<T>[];
     column: Column<T>;
@@ -17,18 +17,18 @@ export declare type ColumnCommonParams<T> = {
 export declare type HeaderCellRendererParams<T> = {
     headerIndex: number;
 } & ColumnCommonParams<T>;
-export declare type RowCommonParams<T> = {
-    rowData: T[];
+export declare type RowCommonParams = {
+    rowData: any;
     rowIndex: number;
 };
 export declare type ClassNameGetterParams<T> = {
     cellData: T;
-} & RowCommonParams<T> & ColumnCommonParams<T>;
+} & RowCommonParams & ColumnCommonParams<T>;
 export declare type DataGetterParams<T> = {
     columns: Column<T>[];
     column: Column<T>;
     columnIndex: number;
-} & RowCommonParams<T>;
+} & RowCommonParams;
 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> & {
@@ -45,7 +45,7 @@ export declare type Column<T = any> = {
      */
     align?: Alignment;
     class?: string | ClassNameGetter<T>;
-    dataKey: KeyType;
+    dataKey?: KeyType;
     fixed?: true | FixedDirection;
     flexGrow?: CSSProperties['flexGrow'];
     flexShrink?: CSSProperties['flexShrink'];

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

@@ -35,13 +35,14 @@ declare function useTable(props: TableV2Props): {
     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;
+    onRowHovered: ({ hovered, rowKey }: import("./row").RowHoverParams) => void;
+    onRowExpanded: ({ expanded, rowData, rowIndex, rowKey, }: import("./row").RowExpandParams) => 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;
+    scrollToRow: (row: number, strategy?: import("./composables").ScrollStrategy) => void;
     onScroll: (params: import("./composables").ScrollPos) => void;
     onVerticalScroll: ({ scrollTop }: import("./composables").ScrollPos) => void;
 };

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

@@ -30,6 +30,7 @@ function useTable(props) {
     scrollTo,
     scrollToLeft,
     scrollToTop,
+    scrollToRow,
     onScroll,
     onVerticalScroll,
     scrollPos
@@ -145,6 +146,7 @@ function useTable(props) {
     scrollTo,
     scrollToLeft,
     scrollToTop,
+    scrollToRow,
     onScroll,
     onVerticalScroll
   };

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

@@ -1 +1 @@
-{"version":3,"file":"use-table2.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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"}
+{"version":3,"file":"use-table2.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    scrollToRow,\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    scrollToRow,\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/virtual-list/src/hooks/use-grid-wheel2.js

@@ -24,6 +24,10 @@ const useGridWheel = ({ atXEndEdge, atXStartEdge, atYEndEdge, atYStartEdge }, on
     } else {
       x = 0;
     }
+    if (e.shiftKey && y !== 0) {
+      x = y;
+      y = 0;
+    }
     if (hasReachedEdge(xOffset, yOffset) && hasReachedEdge(xOffset + x, yOffset + y))
       return;
     xOffset += x;

package/lib/components/virtual-list/src/hooks/use-grid-wheel2.js.map

@@ -1 +1 @@
-{"version":3,"file":"use-grid-wheel2.js","sources":["../../../../../../../packages/components/virtual-list/src/hooks/use-grid-wheel.ts"],"sourcesContent":["import { cAF, isFirefox, rAF } from '@element-plus/utils'\n\nimport type { ComputedRef } from 'vue'\n\ninterface GridWheelState {\n  atXStartEdge: ComputedRef<boolean>\n  atXEndEdge: ComputedRef<boolean>\n  atYStartEdge: ComputedRef<boolean>\n  atYEndEdge: ComputedRef<boolean>\n}\n\ntype GridWheelHandler = (x: number, y: number) => void\n\nexport const useGridWheel = (\n  { atXEndEdge, atXStartEdge, atYEndEdge, atYStartEdge }: GridWheelState,\n  onWheelDelta: GridWheelHandler\n) => {\n  let frameHandle: number | null = null\n  let xOffset = 0\n  let yOffset = 0\n\n  const hasReachedEdge = (x: number, y: number) => {\n    const xEdgeReached =\n      (x < 0 && atXStartEdge.value) || (x > 0 && atXEndEdge.value)\n    const yEdgeReached =\n      (y < 0 && atYStartEdge.value) || (y > 0 && atYEndEdge.value)\n    return xEdgeReached && yEdgeReached\n  }\n\n  const onWheel = (e: WheelEvent) => {\n    cAF(frameHandle!)\n\n    let x = e.deltaX\n    let y = e.deltaY\n    // Simulate native behavior when using touch pad/track pad for wheeling.\n    if (Math.abs(x) > Math.abs(y)) {\n      y = 0\n    } else {\n      x = 0\n    }\n\n    if (\n      hasReachedEdge(xOffset, yOffset) &&\n      hasReachedEdge(xOffset + x, yOffset + y)\n    )\n      return\n\n    xOffset += x\n    yOffset += y\n\n    if (!isFirefox()) {\n      e.preventDefault()\n    }\n\n    frameHandle = rAF(() => {\n      onWheelDelta(xOffset, yOffset)\n      xOffset = 0\n      yOffset = 0\n    })\n  }\n\n  return {\n    hasReachedEdge,\n    onWheel,\n  }\n}\n"],"names":["cAF","isFirefox","rAF"],"mappings":";;;;;;;;AACY,MAAC,YAAY,GAAG,CAAC,EAAE,UAAU,EAAE,YAAY,EAAE,UAAU,EAAE,YAAY,EAAE,EAAE,YAAY,KAAK;AACtG,EAAE,IAAI,WAAW,GAAG,IAAI,CAAC;AACzB,EAAE,IAAI,OAAO,GAAG,CAAC,CAAC;AAClB,EAAE,IAAI,OAAO,GAAG,CAAC,CAAC;AAClB,EAAE,MAAM,cAAc,GAAG,CAAC,CAAC,EAAE,CAAC,KAAK;AACnC,IAAI,MAAM,YAAY,GAAG,CAAC,GAAG,CAAC,IAAI,YAAY,CAAC,KAAK,IAAI,CAAC,GAAG,CAAC,IAAI,UAAU,CAAC,KAAK,CAAC;AAClF,IAAI,MAAM,YAAY,GAAG,CAAC,GAAG,CAAC,IAAI,YAAY,CAAC,KAAK,IAAI,CAAC,GAAG,CAAC,IAAI,UAAU,CAAC,KAAK,CAAC;AAClF,IAAI,OAAO,YAAY,IAAI,YAAY,CAAC;AACxC,GAAG,CAAC;AACJ,EAAE,MAAM,OAAO,GAAG,CAAC,CAAC,KAAK;AACzB,IAAIA,OAAG,CAAC,WAAW,CAAC,CAAC;AACrB,IAAI,IAAI,CAAC,GAAG,CAAC,CAAC,MAAM,CAAC;AACrB,IAAI,IAAI,CAAC,GAAG,CAAC,CAAC,MAAM,CAAC;AACrB,IAAI,IAAI,IAAI,CAAC,GAAG,CAAC,CAAC,CAAC,GAAG,IAAI,CAAC,GAAG,CAAC,CAAC,CAAC,EAAE;AACnC,MAAM,CAAC,GAAG,CAAC,CAAC;AACZ,KAAK,MAAM;AACX,MAAM,CAAC,GAAG,CAAC,CAAC;AACZ,KAAK;AACL,IAAI,IAAI,cAAc,CAAC,OAAO,EAAE,OAAO,CAAC,IAAI,cAAc,CAAC,OAAO,GAAG,CAAC,EAAE,OAAO,GAAG,CAAC,CAAC;AACpF,MAAM,OAAO;AACb,IAAI,OAAO,IAAI,CAAC,CAAC;AACjB,IAAI,OAAO,IAAI,CAAC,CAAC;AACjB,IAAI,IAAI,CAACC,iBAAS,EAAE,EAAE;AACtB,MAAM,CAAC,CAAC,cAAc,EAAE,CAAC;AACzB,KAAK;AACL,IAAI,WAAW,GAAGC,OAAG,CAAC,MAAM;AAC5B,MAAM,YAAY,CAAC,OAAO,EAAE,OAAO,CAAC,CAAC;AACrC,MAAM,OAAO,GAAG,CAAC,CAAC;AAClB,MAAM,OAAO,GAAG,CAAC,CAAC;AAClB,KAAK,CAAC,CAAC;AACP,GAAG,CAAC;AACJ,EAAE,OAAO;AACT,IAAI,cAAc;AAClB,IAAI,OAAO;AACX,GAAG,CAAC;AACJ;;;;"}
+{"version":3,"file":"use-grid-wheel2.js","sources":["../../../../../../../packages/components/virtual-list/src/hooks/use-grid-wheel.ts"],"sourcesContent":["import { cAF, isFirefox, rAF } from '@element-plus/utils'\n\nimport type { ComputedRef } from 'vue'\n\ninterface GridWheelState {\n  atXStartEdge: ComputedRef<boolean>\n  atXEndEdge: ComputedRef<boolean>\n  atYStartEdge: ComputedRef<boolean>\n  atYEndEdge: ComputedRef<boolean>\n}\n\ntype GridWheelHandler = (x: number, y: number) => void\n\nexport const useGridWheel = (\n  { atXEndEdge, atXStartEdge, atYEndEdge, atYStartEdge }: GridWheelState,\n  onWheelDelta: GridWheelHandler\n) => {\n  let frameHandle: number | null = null\n  let xOffset = 0\n  let yOffset = 0\n\n  const hasReachedEdge = (x: number, y: number) => {\n    const xEdgeReached =\n      (x < 0 && atXStartEdge.value) || (x > 0 && atXEndEdge.value)\n    const yEdgeReached =\n      (y < 0 && atYStartEdge.value) || (y > 0 && atYEndEdge.value)\n    return xEdgeReached && yEdgeReached\n  }\n\n  const onWheel = (e: WheelEvent) => {\n    cAF(frameHandle!)\n\n    let x = e.deltaX\n    let y = e.deltaY\n    // Simulate native behavior when using touch pad/track pad for wheeling.\n    if (Math.abs(x) > Math.abs(y)) {\n      y = 0\n    } else {\n      x = 0\n    }\n\n    // Special case for windows machine with shift key + wheel scrolling\n    if (e.shiftKey && y !== 0) {\n      x = y\n      y = 0\n    }\n\n    if (\n      hasReachedEdge(xOffset, yOffset) &&\n      hasReachedEdge(xOffset + x, yOffset + y)\n    )\n      return\n\n    xOffset += x\n    yOffset += y\n\n    if (!isFirefox()) {\n      e.preventDefault()\n    }\n\n    frameHandle = rAF(() => {\n      onWheelDelta(xOffset, yOffset)\n      xOffset = 0\n      yOffset = 0\n    })\n  }\n\n  return {\n    hasReachedEdge,\n    onWheel,\n  }\n}\n"],"names":["cAF","isFirefox","rAF"],"mappings":";;;;;;;;AACY,MAAC,YAAY,GAAG,CAAC,EAAE,UAAU,EAAE,YAAY,EAAE,UAAU,EAAE,YAAY,EAAE,EAAE,YAAY,KAAK;AACtG,EAAE,IAAI,WAAW,GAAG,IAAI,CAAC;AACzB,EAAE,IAAI,OAAO,GAAG,CAAC,CAAC;AAClB,EAAE,IAAI,OAAO,GAAG,CAAC,CAAC;AAClB,EAAE,MAAM,cAAc,GAAG,CAAC,CAAC,EAAE,CAAC,KAAK;AACnC,IAAI,MAAM,YAAY,GAAG,CAAC,GAAG,CAAC,IAAI,YAAY,CAAC,KAAK,IAAI,CAAC,GAAG,CAAC,IAAI,UAAU,CAAC,KAAK,CAAC;AAClF,IAAI,MAAM,YAAY,GAAG,CAAC,GAAG,CAAC,IAAI,YAAY,CAAC,KAAK,IAAI,CAAC,GAAG,CAAC,IAAI,UAAU,CAAC,KAAK,CAAC;AAClF,IAAI,OAAO,YAAY,IAAI,YAAY,CAAC;AACxC,GAAG,CAAC;AACJ,EAAE,MAAM,OAAO,GAAG,CAAC,CAAC,KAAK;AACzB,IAAIA,OAAG,CAAC,WAAW,CAAC,CAAC;AACrB,IAAI,IAAI,CAAC,GAAG,CAAC,CAAC,MAAM,CAAC;AACrB,IAAI,IAAI,CAAC,GAAG,CAAC,CAAC,MAAM,CAAC;AACrB,IAAI,IAAI,IAAI,CAAC,GAAG,CAAC,CAAC,CAAC,GAAG,IAAI,CAAC,GAAG,CAAC,CAAC,CAAC,EAAE;AACnC,MAAM,CAAC,GAAG,CAAC,CAAC;AACZ,KAAK,MAAM;AACX,MAAM,CAAC,GAAG,CAAC,CAAC;AACZ,KAAK;AACL,IAAI,IAAI,CAAC,CAAC,QAAQ,IAAI,CAAC,KAAK,CAAC,EAAE;AAC/B,MAAM,CAAC,GAAG,CAAC,CAAC;AACZ,MAAM,CAAC,GAAG,CAAC,CAAC;AACZ,KAAK;AACL,IAAI,IAAI,cAAc,CAAC,OAAO,EAAE,OAAO,CAAC,IAAI,cAAc,CAAC,OAAO,GAAG,CAAC,EAAE,OAAO,GAAG,CAAC,CAAC;AACpF,MAAM,OAAO;AACb,IAAI,OAAO,IAAI,CAAC,CAAC;AACjB,IAAI,OAAO,IAAI,CAAC,CAAC;AACjB,IAAI,IAAI,CAACC,iBAAS,EAAE,EAAE;AACtB,MAAM,CAAC,CAAC,cAAc,EAAE,CAAC;AACzB,KAAK;AACL,IAAI,WAAW,GAAGC,OAAG,CAAC,MAAM;AAC5B,MAAM,YAAY,CAAC,OAAO,EAAE,OAAO,CAAC,CAAC;AACrC,MAAM,OAAO,GAAG,CAAC,CAAC;AAClB,MAAM,OAAO,GAAG,CAAC,CAAC;AAClB,KAAK,CAAC,CAAC;AACP,GAAG,CAAC;AACJ,EAAE,OAAO;AACT,IAAI,cAAc;AAClB,IAAI,OAAO;AACX,GAAG,CAAC;AACJ;;;;"}