element-pe 2.0.8 → 2.0.9

package/es/components/table-v2/src/renderers/cell.mjs

@@ -0,0 +1,91 @@
+import { createVNode, mergeProps } from 'vue';
+import { get } from 'lodash-unified';
+import '../../../../utils/index.mjs';
+import '../components/index.mjs';
+import { Alignment } from '../constants.mjs';
+import { placeholderSign } from '../private.mjs';
+import { enforceUnit, componentToSlot } from '../utils.mjs';
+import TableV2Cell from '../components/cell.mjs';
+import { isFunction, isObject } from '@vue/shared';
+import ExpandIcon from '../components/expand-icon.mjs';
+
+const CellRenderer = ({
+  columns,
+  column,
+  columnIndex,
+  depth,
+  expandIconProps,
+  isScrolling,
+  rowData,
+  rowIndex,
+  columnsStyles,
+  expandedRowKeys,
+  ns,
+  expandColumnKey,
+  indentSize,
+  iconSize,
+  rowKey
+}, {
+  slots
+}) => {
+  const cellStyle = enforceUnit(columnsStyles[column.key]);
+  if (column.placeholderSign === placeholderSign) {
+    return createVNode("div", {
+      "class": ns.em("row-cell", "placeholder"),
+      "style": cellStyle
+    }, null);
+  }
+  const {
+    cellRenderer,
+    dataKey,
+    dataGetter
+  } = column;
+  const columnCellRenderer = componentToSlot(cellRenderer);
+  const CellComponent = columnCellRenderer || slots.default || ((props) => createVNode(TableV2Cell, props, null));
+  const cellData = isFunction(dataGetter) ? dataGetter({
+    columns,
+    column,
+    columnIndex,
+    rowData,
+    rowIndex
+  }) : get(rowData, dataKey != null ? dataKey : "");
+  const cellProps = {
+    class: ns.e("cell-text"),
+    columns,
+    column,
+    columnIndex,
+    cellData,
+    isScrolling,
+    rowData,
+    rowIndex
+  };
+  const Cell = CellComponent(cellProps);
+  const kls = [ns.e("row-cell"), column.align === Alignment.CENTER && ns.is("align-center"), column.align === Alignment.RIGHT && ns.is("align-right")];
+  const expandable = rowIndex >= 0 && column.key === expandColumnKey;
+  const expanded = rowIndex >= 0 && expandedRowKeys.includes(rowData[rowKey]);
+  let IconOrPlaceholder;
+  const iconStyle = `margin-inline-start: ${depth * indentSize}px;`;
+  if (expandable) {
+    if (isObject(expandIconProps)) {
+      IconOrPlaceholder = createVNode(ExpandIcon, mergeProps(expandIconProps, {
+        "class": [ns.e("expand-icon"), ns.is("expanded", expanded)],
+        "size": iconSize,
+        "expanded": expanded,
+        "style": iconStyle,
+        "expandable": true
+      }), null);
+    } else {
+      IconOrPlaceholder = createVNode("div", {
+        "style": [iconStyle, `width: ${iconSize}px; height: ${iconSize}px;`].join(" ")
+      }, null);
+    }
+  }
+  return createVNode("div", {
+    "class": kls,
+    "style": cellStyle
+  }, [IconOrPlaceholder, Cell]);
+};
+CellRenderer.inheritAttrs = false;
+
+export { CellRenderer as default };
+//# sourceMappingURL=cell.mjs.map

package/es/components/table-v2/src/renderers/cell.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"cell.mjs","sources":["../../../../../../../packages/components/table-v2/src/renderers/cell.tsx"],"sourcesContent":["import { get } from 'lodash-unified'\nimport { isFunction, isObject } from '@element-plus/utils'\nimport { ExpandIcon, TableCell } from '../components'\nimport { Alignment } from '../constants'\nimport { placeholderSign } from '../private'\nimport { componentToSlot, enforceUnit } from '../utils'\n\nimport type { FunctionalComponent, UnwrapNestedRefs, VNode } from 'vue'\nimport type { CellRendererParams } from '../types'\nimport type { TableV2RowCellRenderParam } from '../components'\nimport type { UseNamespaceReturn } from '@element-plus/hooks'\nimport type { UseTableReturn } from '../use-table'\nimport type { TableV2Props } from '../table'\n\ntype CellRendererProps = TableV2RowCellRenderParam &\n  Pick<\n    TableV2Props,\n    'cellProps' | 'expandColumnKey' | 'indentSize' | 'iconSize' | 'rowKey'\n  > &\n  UnwrapNestedRefs<\n    Pick<UseTableReturn, 'columnsStyles' | 'expandedRowKeys'>\n  > & {\n    ns: UseNamespaceReturn\n  }\n\nconst CellRenderer: FunctionalComponent<CellRendererProps> = (\n  {\n    // renderer props\n    columns,\n    column,\n    columnIndex,\n    depth,\n    expandIconProps,\n    isScrolling,\n    rowData,\n    rowIndex,\n    // from use-table\n    columnsStyles,\n    expandedRowKeys,\n    ns,\n    // derived props\n    expandColumnKey,\n    indentSize,\n    iconSize,\n    rowKey,\n  },\n  { slots }\n) => {\n  const cellStyle = enforceUnit(columnsStyles[column.key])\n\n  if (column.placeholderSign === placeholderSign) {\n    return <div class={ns.em('row-cell', 'placeholder')} style={cellStyle} />\n  }\n  const { cellRenderer, dataKey, dataGetter } = column\n\n  const columnCellRenderer = componentToSlot(cellRenderer)\n\n  const CellComponent =\n    columnCellRenderer ||\n    slots.default ||\n    ((props: CellRendererParams<any>) => <TableCell {...props} />)\n\n  const cellData = isFunction(dataGetter)\n    ? dataGetter({ columns, column, columnIndex, rowData, rowIndex })\n    : get(rowData, dataKey ?? '')\n\n  const cellProps = {\n    class: ns.e('cell-text'),\n    columns,\n    column,\n    columnIndex,\n    cellData,\n    isScrolling,\n    rowData,\n    rowIndex,\n  }\n\n  const Cell = CellComponent(cellProps)\n\n  const kls = [\n    ns.e('row-cell'),\n    column.align === Alignment.CENTER && ns.is('align-center'),\n    column.align === Alignment.RIGHT && ns.is('align-right'),\n  ]\n\n  const expandable = rowIndex >= 0 && column.key === expandColumnKey\n  const expanded = rowIndex >= 0 && expandedRowKeys.includes(rowData[rowKey])\n\n  let IconOrPlaceholder: VNode | undefined\n  const iconStyle = `margin-inline-start: ${depth * indentSize}px;`\n  if (expandable) {\n    if (isObject(expandIconProps)) {\n      IconOrPlaceholder = (\n        <ExpandIcon\n          {...expandIconProps}\n          class={[ns.e('expand-icon'), ns.is('expanded', expanded)]}\n          size={iconSize}\n          expanded={expanded}\n          style={iconStyle}\n          expandable\n        />\n      )\n    } else {\n      IconOrPlaceholder = (\n        <div\n          style={[\n            iconStyle,\n            `width: ${iconSize}px; height: ${iconSize}px;`,\n          ].join(' ')}\n        />\n      )\n    }\n  }\n\n  return (\n    <div\n      // {...tryCall(cellProps, {\n      //   columns,\n      //   column,\n      //   columnIndex,\n      //   rowData,\n      //   rowIndex,\n      // })}\n      class={kls}\n      style={cellStyle}\n    >\n      {IconOrPlaceholder}\n      {Cell}\n    </div>\n  )\n}\n\nCellRenderer.inheritAttrs = false\n\nexport default CellRenderer\n"],"names":["CellRenderer","columns","column","columnIndex","depth","expandIconProps","isScrolling","rowData","rowIndex","columnsStyles","expandedRowKeys","ns","expandColumnKey","indentSize","iconSize","rowKey","slots","cellStyle","enforceUnit","_createVNode","TableCell","cellRenderer","dataKey","dataGetter","default","cellData","class","_mergeProps","kls","e","align","expandable","expanded","iconStyle","IconOrPlaceholder"],"mappings":"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"}

package/es/components/table-v2/src/renderers/empty.d.ts

@@ -0,0 +1,7 @@
+import type { CSSProperties, FunctionalComponent } from 'vue';
+declare type EmptyRendererProps = {
+    class?: JSX.IntrinsicAttributes['class'];
+    style?: CSSProperties;
+};
+declare const Footer: FunctionalComponent<EmptyRendererProps>;
+export default Footer;

package/es/components/table-v2/src/renderers/empty.mjs

@@ -0,0 +1,15 @@
+import { createVNode } from 'vue';
+import { ElEmpty } from '../../../empty/index.mjs';
+
+const Footer = (props, {
+  slots
+}) => {
+  return createVNode("div", {
+    "class": props.class,
+    "style": props.style
+  }, [slots.default ? slots.default() : createVNode(ElEmpty, null, null)]);
+};
+Footer.displayName = "ElTableV2Empty";
+
+export { Footer as default };
+//# sourceMappingURL=empty.mjs.map

package/es/components/table-v2/src/renderers/empty.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"empty.mjs","sources":["../../../../../../../packages/components/table-v2/src/renderers/empty.tsx"],"sourcesContent":["import ElEmpty from '@element-plus/components/empty'\nimport type { CSSProperties, FunctionalComponent } from 'vue'\n\ntype EmptyRendererProps = {\n  class?: JSX.IntrinsicAttributes['class']\n  style?: CSSProperties\n}\n\nconst Footer: FunctionalComponent<EmptyRendererProps> = (props, { slots }) => {\n  return (\n    <div class={props.class} style={props.style}>\n      {slots.default ? slots.default() : <ElEmpty />}\n    </div>\n  )\n}\n\nFooter.displayName = 'ElTableV2Empty'\n\nexport default Footer\n"],"names":["slots","_createVNode","props","class","style"],"mappings":";;;;AAQA,EAAA,KAAqD;AAAaA,CAAAA,KAAAA;AAAF,EAAc,OAAAC,WAAA,CAAA,KAAA,EAAA;AAC5E,IAAA,OAAA,EAAA,KAAA,CAAA,KAAA;AAAA,IACcC,OAAAA,EAAAA,KAAK,CAACC,KADpB;AAAA,GAAA,EAAA,CAAA,KAAA,CAAA,OACwCC,GAAAA,KAAAA,CAAAA,OAAAA,EAAAA,GAAAA,WAAAA,CAAAA,OAAAA,EAAAA,IAAAA,EAAAA,IAAAA,CAAAA,CAAAA,CAAAA,CAAAA;AADxC,EAEKJ;AAGN,MAND,CAAA,WAAA,GAAA,gBAAA;;;;"}

package/es/components/table-v2/src/renderers/footer.d.ts

@@ -0,0 +1,7 @@
+import type { CSSProperties, FunctionalComponent } from 'vue';
+declare type FooterRendererProps = {
+    class?: JSX.IntrinsicAttributes['class'];
+    style: CSSProperties;
+};
+declare const Footer: FunctionalComponent<FooterRendererProps>;
+export default Footer;

package/es/components/table-v2/src/renderers/footer.mjs

@@ -0,0 +1,15 @@
+import { createVNode } from 'vue';
+
+const Footer = (props, {
+  slots
+}) => {
+  var _a;
+  return createVNode("div", {
+    "class": props.class,
+    "style": props.style
+  }, [(_a = slots.default) == null ? void 0 : _a.call(slots)]);
+};
+Footer.displayName = "ElTableV2Footer";
+
+export { Footer as default };
+//# sourceMappingURL=footer.mjs.map

package/es/components/table-v2/src/renderers/footer.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"footer.mjs","sources":["../../../../../../../packages/components/table-v2/src/renderers/footer.tsx"],"sourcesContent":["import type { CSSProperties, FunctionalComponent } from 'vue'\n\ntype FooterRendererProps = {\n  class?: JSX.IntrinsicAttributes['class']\n  style: CSSProperties\n}\n\nconst Footer: FunctionalComponent<FooterRendererProps> = (props, { slots }) => {\n  return (\n    <div class={props.class} style={props.style}>\n      {slots.default?.()}\n    </div>\n  )\n}\n\nFooter.displayName = 'ElTableV2Footer'\n\nexport default Footer\n"],"names":["slots","_createVNode","props","class","style","default"],"mappings":";;;AAOA,EAAA,KAAsD;AAAaA,CAAAA,KAAAA;AAAF,EAAc,IAAA,EAAA,CAAA;AAC7E,EAAA,OAAAC,WAAA,CAAA,KAAA,EAAA;AAAA,IACcC,OAAAA,EAAAA,KAAK,CAACC,KADpB;AAAA,IAAA,OAAA,EACkCD,KAAK,CAACE,KAAAA;AADxC,GAEKJ,EAAAA,CAAAA,CAAAA,EAAAA,GAAMK,KAAAA,CAAAA,OAFX,KAAA,IAAA,GAAA,KAAA,CAAA,GAAA,EAAA,CAAA,IAAA,CAAA,KAAA,CAAA,CAAA,CAAA,CAAA;AAKD,EAND;;;;;"}

package/es/components/table-v2/src/renderers/header-cell.d.ts

@@ -1,6 +1,6 @@
 import type { FunctionalComponent, UnwrapNestedRefs } from 'vue';
 import type { UseNamespaceReturn } from 'element-pe/es/hooks';
-import type { TableV2HeaderRowCellRendererParams } from '../table-header-row';
+import type { TableV2HeaderRowCellRendererParams } from '../components';
 import type { UseTableReturn } from '../use-table';
 import type { TableV2Props } from '../table';
 declare type HeaderCellRendererProps = TableV2HeaderRowCellRendererParams & UnwrapNestedRefs<Pick<UseTableReturn, 'columnsStyles' | 'onColumnSorted'>> & Pick<TableV2Props, 'sortBy' | 'sortState' | 'headerCellProps'> & {

package/es/components/table-v2/src/renderers/header-cell.mjs

@@ -0,0 +1,65 @@
+import { createVNode } from 'vue';
+import '../components/index.mjs';
+import { oppositeOrderMap, SortOrder, Alignment } from '../constants.mjs';
+import { placeholderSign } from '../private.mjs';
+import { enforceUnit, componentToSlot, tryCall } from '../utils.mjs';
+import HeaderCell from '../components/header-cell.mjs';
+import SortIcon from '../components/sort-icon.mjs';
+
+const HeaderCellRenderer = (props, {
+  slots
+}) => {
+  const {
+    column,
+    ns,
+    columnsStyles,
+    onColumnSorted
+  } = props;
+  const style = enforceUnit(columnsStyles[column.key]);
+  if (column.placeholderSign === placeholderSign) {
+    return createVNode("div", {
+      "class": ns.em("header-row-cell", "placeholder"),
+      "style": style
+    }, null);
+  }
+  const {
+    headerCellRenderer,
+    headerClass,
+    sortable
+  } = column;
+  const cellProps = {
+    ...props,
+    class: ns.e("header-cell-text")
+  };
+  const cellRenderer = componentToSlot(headerCellRenderer) || slots.default || ((props2) => createVNode(HeaderCell, props2, null));
+  const Cell = cellRenderer(cellProps);
+  const {
+    sortBy,
+    sortState,
+    headerCellProps
+  } = props;
+  let sorting, sortOrder;
+  if (sortState) {
+    const order = sortState[column.key];
+    sorting = Boolean(oppositeOrderMap[order]);
+    sortOrder = sorting ? order : SortOrder.ASC;
+  } else {
+    sorting = column.key === sortBy.key;
+    sortOrder = sorting ? sortBy.order : SortOrder.ASC;
+  }
+  const cellKls = [ns.e("header-cell"), ...tryCall(headerClass, props, ""), column.align === Alignment.CENTER && ns.is("align-center"), column.align === Alignment.RIGHT && ns.is("align-right"), sortable && ns.is("sortable")];
+  const cellWrapperProps = {
+    ...tryCall(headerCellProps, props),
+    onClick: column.sortable ? onColumnSorted : void 0,
+    class: cellKls,
+    style,
+    ["data-key"]: column.key
+  };
+  return createVNode("div", cellWrapperProps, [Cell, sortable && createVNode(SortIcon, {
+    "class": [ns.e("sort-icon"), sorting && ns.is("sorting")],
+    "sortOrder": sortOrder
+  }, null)]);
+};
+
+export { HeaderCellRenderer as default };
+//# sourceMappingURL=header-cell.mjs.map

package/es/components/table-v2/src/renderers/header-cell.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"header-cell.mjs","sources":["../../../../../../../packages/components/table-v2/src/renderers/header-cell.tsx"],"sourcesContent":["import { HeaderCell, SortIcon } from '../components'\n// import ColumnResizer from '../table-column-resizer'\nimport { Alignment, SortOrder, oppositeOrderMap } from '../constants'\nimport { placeholderSign } from '../private'\nimport { componentToSlot, enforceUnit, tryCall } from '../utils'\n\nimport type { FunctionalComponent, UnwrapNestedRefs } from 'vue'\nimport type { UseNamespaceReturn } from '@element-plus/hooks'\nimport type { TableV2HeaderRowCellRendererParams } from '../components'\nimport type { UseTableReturn } from '../use-table'\nimport type { TableV2Props } from '../table'\nimport type { TableV2HeaderCell } from '../header-cell'\n\ntype HeaderCellRendererProps = TableV2HeaderRowCellRendererParams &\n  UnwrapNestedRefs<Pick<UseTableReturn, 'columnsStyles' | 'onColumnSorted'>> &\n  Pick<TableV2Props, 'sortBy' | 'sortState' | 'headerCellProps'> & {\n    ns: UseNamespaceReturn\n  }\n\nconst HeaderCellRenderer: FunctionalComponent<HeaderCellRendererProps> = (\n  props,\n  { slots }\n) => {\n  const { column, ns, columnsStyles, onColumnSorted } = props\n\n  const style = enforceUnit(columnsStyles[column.key])\n\n  if (column.placeholderSign === placeholderSign) {\n    return <div class={ns.em('header-row-cell', 'placeholder')} style={style} />\n  }\n\n  const { headerCellRenderer, headerClass, sortable } = column\n\n  /**\n   * render Cell children\n   */\n\n  const cellProps = {\n    ...props,\n    class: ns.e('header-cell-text'),\n  }\n\n  const cellRenderer =\n    componentToSlot<typeof cellProps>(headerCellRenderer) ||\n    slots.default ||\n    ((props: TableV2HeaderCell) => <HeaderCell {...props} />)\n\n  const Cell = cellRenderer(cellProps)\n\n  /**\n   * Render cell container and sort indicator\n   */\n  const { sortBy, sortState, headerCellProps } = props\n\n  let sorting: boolean, sortOrder: SortOrder\n  if (sortState) {\n    const order = sortState[column.key]\n    sorting = Boolean(oppositeOrderMap[order])\n    sortOrder = sorting ? order : SortOrder.ASC\n  } else {\n    sorting = column.key === sortBy.key\n    sortOrder = sorting ? sortBy.order : SortOrder.ASC\n  }\n\n  const cellKls = [\n    ns.e('header-cell'),\n    ...tryCall(headerClass, props, ''),\n    column.align === Alignment.CENTER && ns.is('align-center'),\n    column.align === Alignment.RIGHT && ns.is('align-right'),\n    sortable && ns.is('sortable'),\n  ]\n\n  const cellWrapperProps = {\n    ...tryCall(headerCellProps, props),\n    onClick: column.sortable ? onColumnSorted : undefined,\n    class: cellKls,\n    style,\n    ['data-key']: column.key,\n  }\n\n  // For now we don't deliver resizable column feature since it has some UX issue.\n  return (\n    <div {...cellWrapperProps}>\n      {Cell}\n\n      {sortable && (\n        <SortIcon\n          class={[ns.e('sort-icon'), sorting && ns.is('sorting')]}\n          sortOrder={sortOrder}\n        />\n      )}\n    </div>\n  )\n}\n\nexport default HeaderCellRenderer\n"],"names":["enforceUnit","HeaderCellRenderer","slots","column","ns","columnsStyles","onColumnSorted","props","style","placeholderSign","headerCellRenderer","headerClass","sortable","_createVNode","class","sortBy","sortState","headerCellProps","sorting","oppositeOrderMap","sortOrder","SortOrder","ASC"],"mappings":";;;;;;;;AAIA,MAAA,kBAAA,GAA0BA,CAAAA,KAAAA,EAAAA;;AAe1B,CAAA,KAAMC;AAEFC,EAAAA,MAAAA;AAAF,IACG,MAAA;AACH,IAAM,EAAA;AAAEC,IAAAA,aAAF;AAAUC,IAAAA,cAAV;AAAcC,GAAAA,GAAd,KAAA,CAAA;AAA6BC,EAAAA,MAAAA,KAAAA,GAAAA,WAAAA,CAAAA,aAAAA,CAAAA,MAAAA,CAAAA,GAAAA,CAAAA,CAAAA,CAAAA;AAA7B,EAAA,IAAgDC,MAAtD,CAAA,eAAA,KAAA,eAAA,EAAA;AAEA,IAAMC,OAAAA,WAAQR,CAAAA,KAAYK,EAAAA;;AAE1B,MAAIF,OAAOM,EAAP,KAAA;AACF,KAAA,EAAA,IAAA,CAAA,CAAA;AAAA,GAAA;AAAA,EAAmED,MAAAA;AAAnE,IAAA,kBAAA;AACD,IAAA,WAAA;;AAED,GAAM,GAAA,MAAA,CAAA;AAAEE,EAAAA,MAAF,SAAA,GAAA;AAAsBC,IAAAA,GAAtB,KAAA;AAAmCC,IAAAA,KAAAA,EAAAA,EAAAA,CAAAA,CAAAA,CAAAA,kBAAAA,CAAAA;AAAnC,GAAA,CAAA;AAEN,EAAA,MAAA,YAAA,GAAA,eAAA,CAAA,kBAAA,CAAA,IAAA,KAAA,CAAA,OAAA,KAAA,CAAA,MAAA,KAAAC,WAAA,CAAA,UAAA,EAAA,MAAA,EAAA,IAAA,CAAA,CAAA,CAAA;AACF,EAAA,MAAA,IAAA,GAAA,YAAA,CAAA,SAAA,CAAA,CAAA;AACA,EAAA,MAAA;;AAEE,IAAA,SAAe;AAEbC,IAAAA,eAAO;AAFS,GAAlB,GAAA,KAAA,CAAA;;AAKA,EAAA,IAAA,SAAkB,EAAA;;AAKlB,IAAA,OAAU,GAAA,OAAe,CAAA,gBAAzB,CAAA,KAAA,CAAA,CAAA,CAAA;AAEA,IAAA,SAAA,GAAA,OAAA,GAAA,KAAA,GAAA,SAAA,CAAA,GAAA,CAAA;AACF,GAAA,MAAA;AACA,IAAA,OAAA,GAAA,MAAA,CAAA,GAAA,KAAA,MAAA,CAAA,GAAA,CAAA;;AACE,GAAM;AAAEC,EAAAA,MAAF,OAAA,GAAA,CAAA,EAAA,CAAA,CAAA,CAAA,aAAA,CAAA,EAAA,GAAA,OAAA,CAAA,WAAA,EAAA,KAAA,EAAA,EAAA,CAAA,EAAA,MAAA,CAAA,KAAA,KAAA,SAAA,CAAA,MAAA,IAAA,EAAA,CAAA,EAAA,CAAA,cAAA,CAAA,EAAA,MAAA,CAAA,KAAA,KAAA,SAAA,CAAA,KAAA,IAAA,EAAA,CAAA,EAAA,CAAA,aAAA,CAAA,EAAA,QAAA,IAAA,EAAA,CAAA,EAAA,CAAA,UAAA,CAAA,CAAA,CAAA;AAAUC,EAAAA,MAAV,gBAAA,GAAA;AAAqBC,IAAAA,GAAAA,OAAAA,CAAAA,eAAAA,EAAAA,KAAAA,CAAAA;AAArB,IAAA,OAAN,EAAA,MAAA,CAAA,QAAA,GAAA,cAAA,GAAA,KAAA,CAAA;AAEA,IAAIC,KAAAA,EAAAA,OAAJ;;AACA,IAAA,CAAA,UAAA,GAAe,MAAA,CAAA,GAAA;AACb,GAAA,CAAA;AACAA,EAAAA,OAAAA,WAAiB,CAACC,uBAAD,EAAjB,CAAA,IAAA,EAAA,QAAA,IAAAN,WAAA,CAAA,QAAA,EAAA;AACAO,IAAAA,OAAAA,EAAS,GAAGF,CAAO,CAAA,CAAA,YAAA,EAAWG,OAAAA,IAAUC,EAAxC,CAAA,EAAA,CAAA,SAAA,CAAA,CAAA;AACD,IAAM,WAAA,EAAA,SAAA;AACLJ,GAAAA,EAAAA,IAAAA,CAAAA,CAAO;AACPE;;;;"}

package/es/components/table-v2/src/renderers/header.d.ts

@@ -1,6 +1,6 @@
 import type { FunctionalComponent } from 'vue';
 import type { UseNamespaceReturn } from 'element-pe/es/hooks';
-import type { TableV2HeaderRendererParams } from '../table-header';
+import type { TableV2HeaderRendererParams } from '../components';
 import type { TableV2Props } from '../table';
 declare type HeaderRendererProps = TableV2HeaderRendererParams & Pick<TableV2Props, 'headerClass' | 'headerProps'> & {
     ns: UseNamespaceReturn;

package/es/components/table-v2/src/renderers/header.mjs

@@ -0,0 +1,39 @@
+import { isVNode, createVNode } from 'vue';
+import '../components/index.mjs';
+import { tryCall } from '../utils.mjs';
+import TableV2HeaderRow from '../components/header-row.mjs';
+
+function _isSlot(s) {
+  return typeof s === "function" || Object.prototype.toString.call(s) === "[object Object]" && !isVNode(s);
+}
+const HeaderRenderer = ({
+  columns,
+  headerIndex,
+  style,
+  headerClass,
+  headerProps,
+  ns
+}, {
+  slots
+}) => {
+  const param = {
+    columns,
+    headerIndex
+  };
+  const kls = [ns.e("header-row"), tryCall(headerClass, param, ""), {
+    [ns.is("customized")]: Boolean(slots.header)
+  }];
+  const extraProps = {
+    ...tryCall(headerProps, param),
+    class: kls,
+    columns,
+    headerIndex,
+    style
+  };
+  return createVNode(TableV2HeaderRow, extraProps, _isSlot(slots) ? slots : {
+    default: () => [slots]
+  });
+};
+
+export { HeaderRenderer as default };
+//# sourceMappingURL=header.mjs.map

package/es/components/table-v2/src/renderers/header.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"header.mjs","sources":["../../../../../../../packages/components/table-v2/src/renderers/header.tsx"],"sourcesContent":["import { HeaderRow } from '../components'\nimport { tryCall } from '../utils'\n\nimport type { FunctionalComponent } from 'vue'\nimport type { UseNamespaceReturn } from '@element-plus/hooks'\nimport type { TableV2HeaderRendererParams } from '../components'\nimport type { TableV2Props } from '../table'\n\ntype HeaderRendererProps = TableV2HeaderRendererParams &\n  Pick<TableV2Props, 'headerClass' | 'headerProps'> & {\n    ns: UseNamespaceReturn\n  }\n\nconst HeaderRenderer: FunctionalComponent<HeaderRendererProps> = (\n  {\n    columns,\n    headerIndex,\n    style,\n    // derived from root\n    headerClass,\n    headerProps,\n\n    ns,\n  },\n  { slots }\n) => {\n  const param = { columns, headerIndex }\n\n  const kls = [\n    ns.e('header-row'),\n    tryCall(headerClass, param, ''),\n    {\n      // [ns.is('resizing')]: Boolean(resizingKey),\n      [ns.is('customized')]: Boolean(slots.header),\n    },\n  ]\n\n  const extraProps = {\n    ...tryCall(headerProps, param),\n    class: kls,\n    columns,\n    headerIndex,\n    style,\n  }\n\n  return <HeaderRow {...extraProps}>{slots}</HeaderRow>\n}\n\nexport default HeaderRenderer\n"],"names":["HeaderRenderer","columns","headerIndex","style","headerClass","headerProps","ns","slots","kls","e","is","extraProps","class","_createVNode","HeaderRow"],"mappings":";;;;;;;;;;AAaA,EAAMA,WAAAA;AAEFC,EAAAA,KADF;AAEEC,EAAAA,WAFF;AAGEC,EAAAA,WAHF;AAIE,EAAA,EAAA;AACAC,CAAAA,EALF;AAMEC,EAAAA,KANF;AAQEC,CAAAA,KAAAA;AARF,EAUA,MAAA,KAAA,GAAA;AAAEC,IAAAA,OAAAA;AAAF,IACG,WAAA;AACH,GAAA,CAAA;AAAgBN,EAAAA,MAAF,GAAA,GAAA,CAAA,EAAA,CAAA,CAAA,CAAA,YAAA,CAAA,EAAA,OAAA,CAAA,WAAA,EAAA,KAAA,EAAA,EAAA,CAAA,EAAA;AAAWC,IAAAA,CAAAA,EAAAA,CAAAA,EAAAA,CAAAA,YAAAA,CAAAA,GAAAA,OAAAA,CAAAA,KAAAA,CAAAA,MAAAA,CAAAA;AAAX,GAAd,CAAA,CAAA;AAEA,EAAA,MAAMM,UACDC,GAAH;AAGE,IAAA,GAAA,OAAA,CAAA,WAAA,EAAA,KAAA,CAAA;AACA,IAACH,KAAGI,EAAG,GAAA;AAFT,IAHF,OAAA;AASA,IAAMC,WAAAA;AAEJC,IAAAA,KAAK;AACLX,GAAAA,CAAAA;AACAC,EAAAA,OAJiBW,WAAA,CAAAC,gBAAA,EAAA,UAAA,EAAA,OAAA,CAAA,KAAA,CAAA,GAAA,KAAA,GAAA;AAKjBX,IAAAA,OAAAA,EAAAA,MAAAA,CAAAA,KAAAA,CAAAA;AALiB,GAAnB,CAAA,CAAA;AAQA;;;;"}

package/es/components/table-v2/src/renderers/left-table.mjs

@@ -0,0 +1,24 @@
+import { isVNode, createVNode, mergeProps } from 'vue';
+import TableGrid from '../table-grid.mjs';
+
+function _isSlot(s) {
+  return typeof s === "function" || Object.prototype.toString.call(s) === "[object Object]" && !isVNode(s);
+}
+const LeftTable = (props, {
+  slots
+}) => {
+  if (!props.columns.length)
+    return;
+  const {
+    leftTableRef,
+    ...rest
+  } = props;
+  return createVNode(TableGrid, mergeProps({
+    "ref": leftTableRef
+  }, rest), _isSlot(slots) ? slots : {
+    default: () => [slots]
+  });
+};
+
+export { LeftTable as default };
+//# sourceMappingURL=left-table.mjs.map

package/es/components/table-v2/src/renderers/left-table.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"left-table.mjs","sources":["../../../../../../../packages/components/table-v2/src/renderers/left-table.tsx"],"sourcesContent":["import Table from '../table-grid'\n\nimport type { FunctionalComponent, Ref } from 'vue'\nimport type { TableV2GridProps } from '../grid'\nimport type { TableGridInstance } from '../table-grid'\n\ntype LeftTableProps = TableV2GridProps & {\n  leftTableRef: Ref<TableGridInstance | undefined>\n}\n\nconst LeftTable: FunctionalComponent<LeftTableProps> = (props, { slots }) => {\n  if (!props.columns.length) return\n\n  const { leftTableRef, ...rest } = props\n\n  return (\n    <Table ref={leftTableRef} {...rest}>\n      {slots}\n    </Table>\n  )\n}\n\nexport default LeftTable\n"],"names":["LeftTable","slots","leftTableRef","rest","_createVNode","Table","_mergeProps"],"mappings":";;;;;;;;AAUA,CAAA,KAAMA;AAA2DC,EAAAA,IAAAA,CAAAA,KAAAA,CAAAA,OAAAA,CAAAA,MAAAA;AAAF,IAAc,OAAA;AAC3E,EAAA,MAAU;AAEV,IAAM,YAAA;AAAEC,IAAAA,GAAF,IAAA;AAAgB,GAAGC,GAAAA,KAAAA,CAAAA;AAAnB,EAAA,OAANC,WAAA,CAAAC,SAAA,EAAAC,UAAA,CAAA;AAEA,IAAA,KAAA,EAAA,YAAA;AAAA,GACcJ,EAAAA,IAAAA,CAAAA,EAAAA,OAAAA,CAAAA,KAAAA,CAAAA,GAAAA,KAAAA,GAAAA;AADd,IAAA,OAAA,EAAA,MAAA,CAEKD,KAFL,CAAA;AAAA,GAAA,CAAA,CAAA;AAAA;;;;"}

package/es/components/table-v2/src/renderers/main-table.mjs

@@ -0,0 +1,22 @@
+import { isVNode, createVNode, mergeProps } from 'vue';
+import TableGrid from '../table-grid.mjs';
+
+function _isSlot(s) {
+  return typeof s === "function" || Object.prototype.toString.call(s) === "[object Object]" && !isVNode(s);
+}
+const MainTable = (props, {
+  slots
+}) => {
+  const {
+    mainTableRef,
+    ...rest
+  } = props;
+  return createVNode(TableGrid, mergeProps({
+    "ref": mainTableRef
+  }, rest), _isSlot(slots) ? slots : {
+    default: () => [slots]
+  });
+};
+
+export { MainTable as default };
+//# sourceMappingURL=main-table.mjs.map

package/es/components/table-v2/src/renderers/main-table.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"main-table.mjs","sources":["../../../../../../../packages/components/table-v2/src/renderers/main-table.tsx"],"sourcesContent":["import Table from '../table-grid'\n\nimport type { FunctionalComponent, Ref } from 'vue'\nimport type { TableV2GridProps } from '../grid'\nimport type { TableGridInstance } from '../table-grid'\n\nexport type MainTableRendererProps = TableV2GridProps & {\n  mainTableRef: Ref<TableGridInstance | undefined>\n}\n\nconst MainTable: FunctionalComponent<MainTableRendererProps> = (\n  props: MainTableRendererProps,\n  { slots }\n) => {\n  const { mainTableRef, ...rest } = props\n  return (\n    <Table ref={mainTableRef} {...rest}>\n      {slots}\n    </Table>\n  )\n}\n\nexport default MainTable\n"],"names":["MainTable","slots","mainTableRef","rest"],"mappings":";;;;;;;;AAUA,CAAA,KAAMA;AAEFC,EAAAA,MAAAA;AAAF,IACG,YAAA;AACH,IAAM,GAAA,IAAA;AAAEC,GAAAA,GAAF,KAAA,CAAA;AAAgB,EAAGC,OAAAA,WAAAA,CAAAA,SAAAA,EAAAA,UAAAA,CAAAA;AAAnB,IAAA,KAAN,EAAA,YAAA;AACA,GAAA,EAAA,IAAA,CAAA,EAAA,OAAA,CAAA,KAAA,CAAA,GAAA,KAAA,GAAA;AAAA,IACcD,OAAAA,EAAAA,MAAAA,CAAAA,KAAAA,CAAAA;AADd,GAAA,CAAA,CACgCC;AADhC;;;;"}

package/es/components/table-v2/src/renderers/overlay.d.ts

@@ -0,0 +1,3 @@
+import type { SimpleFunctionalComponent } from '../types';
+declare const Overlay: SimpleFunctionalComponent;
+export default Overlay;

package/es/components/table-v2/src/renderers/overlay.mjs

@@ -0,0 +1,15 @@
+import { createVNode } from 'vue';
+
+const Overlay = (props, {
+  slots
+}) => {
+  var _a;
+  return createVNode("div", {
+    "class": props.class,
+    "style": props.style
+  }, [(_a = slots.default) == null ? void 0 : _a.call(slots)]);
+};
+Overlay.displayName = "ElTableV2Overlay";
+
+export { Overlay as default };
+//# sourceMappingURL=overlay.mjs.map

package/es/components/table-v2/src/renderers/overlay.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"overlay.mjs","sources":["../../../../../../../packages/components/table-v2/src/renderers/overlay.tsx"],"sourcesContent":["import type { SimpleFunctionalComponent } from '../types'\n\nconst Overlay: SimpleFunctionalComponent = (props, { slots }) => {\n  return (\n    <div class={props.class} style={props.style}>\n      {slots.default?.()}\n    </div>\n  )\n}\n\nOverlay.displayName = 'ElTableV2Overlay'\n\nexport default Overlay\n"],"names":["slots","_createVNode","props","class","style","default"],"mappings":";;;AAEA,EAAA,KAAwC;AAAaA,CAAAA,KAAAA;AAAF,EAAc,IAAA,EAAA,CAAA;AAC/D,EAAA,OAAAC,WAAA,CAAA,KAAA,EAAA;AAAA,IACcC,OAAAA,EAAAA,KAAK,CAACC,KADpB;AAAA,IAAA,OAAA,EACkCD,KAAK,CAACE,KAAAA;AADxC,GAEKJ,EAAAA,CAAAA,CAAAA,EAAAA,GAAMK,KAAAA,CAAAA,OAFX,KAAA,IAAA,GAAA,KAAA,CAAA,GAAA,EAAA,CAAA,IAAA,CAAA,KAAA,CAAA,CAAA,CAAA,CAAA;AAKD,EAND;;;;;"}

package/es/components/table-v2/src/renderers/right-table.mjs

@@ -0,0 +1,24 @@
+import { isVNode, createVNode, mergeProps } from 'vue';
+import TableGrid from '../table-grid.mjs';
+
+function _isSlot(s) {
+  return typeof s === "function" || Object.prototype.toString.call(s) === "[object Object]" && !isVNode(s);
+}
+const LeftTable = (props, {
+  slots
+}) => {
+  if (!props.columns.length)
+    return;
+  const {
+    rightTableRef,
+    ...rest
+  } = props;
+  return createVNode(TableGrid, mergeProps({
+    "ref": rightTableRef
+  }, rest), _isSlot(slots) ? slots : {
+    default: () => [slots]
+  });
+};
+
+export { LeftTable as default };
+//# sourceMappingURL=right-table.mjs.map

package/es/components/table-v2/src/renderers/right-table.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"right-table.mjs","sources":["../../../../../../../packages/components/table-v2/src/renderers/right-table.tsx"],"sourcesContent":["import Table from '../table-grid'\n\nimport type { FunctionalComponent, Ref } from 'vue'\nimport type { TableV2GridProps } from '../grid'\nimport type { TableGridInstance } from '../table-grid'\n\ntype LeftTableProps = TableV2GridProps & {\n  rightTableRef: Ref<TableGridInstance | undefined>\n}\n\nconst LeftTable: FunctionalComponent<LeftTableProps> = (props, { slots }) => {\n  if (!props.columns.length) return\n\n  const { rightTableRef, ...rest } = props\n\n  return (\n    <Table ref={rightTableRef} {...rest}>\n      {slots}\n    </Table>\n  )\n}\n\nexport default LeftTable\n"],"names":["LeftTable","slots","rightTableRef","rest","_createVNode","Table","_mergeProps"],"mappings":";;;;;;;;AAUA,CAAA,KAAMA;AAA2DC,EAAAA,IAAAA,CAAAA,KAAAA,CAAAA,OAAAA,CAAAA,MAAAA;AAAF,IAAc,OAAA;AAC3E,EAAA,MAAU;AAEV,IAAM,aAAA;AAAEC,IAAAA,GAAF,IAAA;AAAiB,GAAGC,GAAAA,KAAAA,CAAAA;AAApB,EAAA,OAANC,WAAA,CAAAC,SAAA,EAAAC,UAAA,CAAA;AAEA,IAAA,KAAA,EAAA,aAAA;AAAA,GACcJ,EAAAA,IAAAA,CAAAA,EAAAA,OAAAA,CAAAA,KAAAA,CAAAA,GAAAA,KAAAA,GAAAA;AADd,IAAA,OAAA,EAAA,MAAA,CAEKD,KAFL,CAAA;AAAA,GAAA,CAAA,CAAA;AAAA;;;;"}

package/es/components/table-v2/src/renderers/row.mjs

@@ -0,0 +1,77 @@
+import { isVNode, createVNode, mergeProps } from 'vue';
+import '../components/index.mjs';
+import { tryCall } from '../utils.mjs';
+import TableV2Row from '../components/row.mjs';
+
+function _isSlot(s) {
+  return typeof s === "function" || Object.prototype.toString.call(s) === "[object Object]" && !isVNode(s);
+}
+const RowRenderer = (props, {
+  slots
+}) => {
+  const {
+    columns,
+    depthMap,
+    expandColumnKey,
+    expandedRowKeys,
+    estimatedRowHeight,
+    hasFixedColumns,
+    hoveringRowKey,
+    rowData,
+    rowIndex,
+    style,
+    isScrolling,
+    rowProps,
+    rowClass,
+    rowKey,
+    rowEventHandlers,
+    ns,
+    onRowHovered,
+    onRowExpanded
+  } = props;
+  const rowKls = tryCall(rowClass, {
+    columns,
+    rowData,
+    rowIndex
+  }, "");
+  const additionalProps = tryCall(rowProps, {
+    columns,
+    rowData,
+    rowIndex
+  });
+  const _rowKey = rowData[rowKey];
+  const depth = depthMap[_rowKey] || 0;
+  const canExpand = Boolean(expandColumnKey);
+  const isFixedRow = rowIndex < 0;
+  const kls = [ns.e("row"), rowKls, {
+    [ns.e(`row-depth-${depth}`)]: canExpand && rowIndex >= 0,
+    [ns.is("expanded")]: canExpand && expandedRowKeys.includes(_rowKey),
+    [ns.is("hovered")]: !isScrolling && _rowKey === hoveringRowKey,
+    [ns.is("fixed")]: !depth && isFixedRow,
+    [ns.is("customized")]: Boolean(slots.row)
+  }];
+  const onRowHover = hasFixedColumns ? onRowHovered : void 0;
+  const _rowProps = {
+    ...additionalProps,
+    columns,
+    class: kls,
+    depth,
+    expandColumnKey,
+    estimatedRowHeight: isFixedRow ? void 0 : estimatedRowHeight,
+    isScrolling,
+    rowIndex,
+    rowData,
+    rowKey: _rowKey,
+    rowEventHandlers,
+    style
+  };
+  return createVNode(TableV2Row, mergeProps(_rowProps, {
+    "onRowHover": onRowHover,
+    "onRowExpand": onRowExpanded
+  }), _isSlot(slots) ? slots : {
+    default: () => [slots]
+  });
+};
+
+export { RowRenderer as default };
+//# sourceMappingURL=row.mjs.map

package/es/components/table-v2/src/renderers/row.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"row.mjs","sources":["../../../../../../../packages/components/table-v2/src/renderers/row.tsx"],"sourcesContent":["import { Row } from '../components'\nimport { tryCall } from '../utils'\n\nimport type { FunctionalComponent, UnwrapNestedRefs } from 'vue'\nimport type { UseNamespaceReturn } from '@element-plus/hooks'\nimport type { UseTableReturn } from '../use-table'\nimport type { TableV2Props } from '../table'\nimport type { TableGridRowSlotParams } from '../table-grid'\n\ntype RowRendererProps = TableGridRowSlotParams &\n  Pick<\n    TableV2Props,\n    | 'expandColumnKey'\n    | 'estimatedRowHeight'\n    | 'rowProps'\n    | 'rowClass'\n    | 'rowKey'\n    | 'rowEventHandlers'\n  > &\n  UnwrapNestedRefs<\n    Pick<\n      UseTableReturn,\n      | 'depthMap'\n      | 'expandedRowKeys'\n      | 'hasFixedColumns'\n      | 'hoveringRowKey'\n      | 'onRowHovered'\n      | 'onRowExpanded'\n    >\n  > & {\n    ns: UseNamespaceReturn\n  }\n\nconst RowRenderer: FunctionalComponent<RowRendererProps> = (\n  props,\n  { slots }\n) => {\n  const {\n    columns,\n    depthMap,\n    expandColumnKey,\n    expandedRowKeys,\n    estimatedRowHeight,\n    hasFixedColumns,\n    hoveringRowKey,\n    rowData,\n    rowIndex,\n    style,\n    isScrolling,\n    rowProps,\n    rowClass,\n    rowKey,\n    rowEventHandlers,\n    ns,\n    onRowHovered,\n    onRowExpanded,\n  } = props\n\n  const rowKls = tryCall(rowClass, { columns, rowData, rowIndex }, '')\n  const additionalProps = tryCall(rowProps, {\n    columns,\n    rowData,\n    rowIndex,\n  })\n  const _rowKey = rowData[rowKey]\n  const depth = depthMap[_rowKey] || 0\n  const canExpand = Boolean(expandColumnKey)\n  const isFixedRow = rowIndex < 0\n  const kls = [\n    ns.e('row'),\n    rowKls,\n    {\n      [ns.e(`row-depth-${depth}`)]: canExpand && rowIndex >= 0,\n      [ns.is('expanded')]: canExpand && expandedRowKeys.includes(_rowKey),\n      [ns.is('hovered')]: !isScrolling && _rowKey === hoveringRowKey,\n      [ns.is('fixed')]: !depth && isFixedRow,\n      [ns.is('customized')]: Boolean(slots.row),\n    },\n  ]\n\n  const onRowHover = hasFixedColumns ? onRowHovered : undefined\n\n  const _rowProps = {\n    ...additionalProps,\n    columns,\n    class: kls,\n    depth,\n    expandColumnKey,\n    estimatedRowHeight: isFixedRow ? undefined : estimatedRowHeight,\n    isScrolling,\n    rowIndex,\n    rowData,\n    rowKey: _rowKey,\n    rowEventHandlers,\n    style,\n  }\n\n  return (\n    <Row {..._rowProps} onRowHover={onRowHover} onRowExpand={onRowExpanded}>\n      {slots}\n    </Row>\n  )\n}\n\nexport default RowRenderer\n"],"names":["RowRenderer","slots","columns","depthMap","expandColumnKey","expandedRowKeys","estimatedRowHeight","hasFixedColumns","hoveringRowKey","rowData","rowIndex","style","isScrolling","rowProps","rowClass","rowKey","rowEventHandlers","ns","onRowHovered","onRowExpanded","_rowKey","depth","canExpand","Boolean","isFixedRow","kls","e","is","class","_createVNode","Row","_mergeProps"],"mappings":"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"}

package/es/components/table-v2/src/row.d.ts

@@ -13,10 +13,15 @@ export declare type RowEventHandlerParams<T> = {
     rowKey: KeyType;
     event: Event;
 } & RowCommonParams<T>;
+export declare type RowHeightChangedParams = {
+    rowKey: KeyType;
+    height: number;
+    rowIndex: number;
+};
 export declare type RowExpandHandler<T> = (params: RowExpandParams<T>) => void;
 export declare type RowHoverHandler<T> = (params: RowHoverParams<T>) => void;
 export declare type RowEventHandler<T> = (params: RowEventHandlerParams<T>) => void;
-export declare type RowHeightChangeHandler = (rowKey: KeyType, height: number, rowIndex: number, fixedDirection: boolean | FixedDirection) => void;
+export declare type RowHeightChangeHandler = (row: RowHeightChangedParams, fixedDirection: boolean | FixedDirection | undefined) => void;
 export declare type RowEventHandlers<T> = {
     onClick?: RowEventHandler<T>;
     onContextmenu?: RowEventHandler<T>;

package/es/components/table-v2/src/row.mjs.map

@@ -1 +1 @@
-{"version":3,"file":"row.mjs","sources":["../../../../../../packages/components/table-v2/src/row.ts"],"sourcesContent":["import { buildProps, definePropType } from '@element-plus/utils'\nimport { virtualizedGridProps } from '@element-plus/components/virtual-list'\nimport { columns, expandColumnKey, rowKey } from './common'\n\nimport type { CSSProperties, ExtractPropTypes } from 'vue'\nimport type { FixedDirection, KeyType, RowCommonParams } from './types'\n\nexport type RowExpandParams<T> = {\n  expanded: boolean\n  rowKey: KeyType\n} & RowCommonParams<T>\n\nexport type RowHoverParams<T> = {\n  event: MouseEvent\n  hovered: boolean\n  rowKey: KeyType\n} & RowCommonParams<T>\n\nexport type RowEventHandlerParams<T> = {\n  rowKey: KeyType\n  event: Event\n} & RowCommonParams<T>\n\nexport type RowExpandHandler<T> = (params: RowExpandParams<T>) => void\nexport type RowHoverHandler<T> = (params: RowHoverParams<T>) => void\nexport type RowEventHandler<T> = (params: RowEventHandlerParams<T>) => void\nexport type RowHeightChangeHandler = (\n  rowKey: KeyType,\n  height: number,\n  rowIndex: number,\n  fixedDirection: boolean | FixedDirection\n) => void\n\nexport type RowEventHandlers<T> = {\n  onClick?: RowEventHandler<T>\n  onContextmenu?: RowEventHandler<T>\n  onDblclick?: RowEventHandler<T>\n  onMouseenter?: RowEventHandler<T>\n  onMouseleave?: RowEventHandler<T>\n}\n\nexport const tableV2RowProps = buildProps({\n  class: String,\n  columns,\n  depth: Number,\n  expandColumnKey,\n  estimatedRowHeight: {\n    ...virtualizedGridProps.estimatedRowHeight,\n    default: undefined,\n  },\n  isScrolling: Boolean,\n  onRowExpand: {\n    type: definePropType<RowExpandHandler<any>>(Function),\n  },\n  onRowHover: {\n    type: definePropType<RowHoverHandler<any>>(Function),\n  },\n  onRowHeightChange: {\n    type: definePropType<RowHeightChangeHandler>(Function),\n  },\n  rowData: {\n    type: definePropType<any>(Object),\n    required: true,\n  },\n  rowEventHandlers: {\n    type: definePropType<RowEventHandlers<any>>(Object),\n  },\n  rowIndex: {\n    type: Number,\n    required: true,\n  },\n  /**\n   * Unique item key\n   */\n  rowKey,\n  style: {\n    type: definePropType<CSSProperties>(Object),\n  },\n} as const)\n\nexport type TableV2RowProps = ExtractPropTypes<typeof tableV2RowProps>\n"],"names":[],"mappings":";;;;;;AAGY,MAAC,eAAe,GAAG,UAAU,CAAC;AAC1C,EAAE,KAAK,EAAE,MAAM;AACf,EAAE,OAAO;AACT,EAAE,KAAK,EAAE,MAAM;AACf,EAAE,eAAe;AACjB,EAAE,kBAAkB,EAAE;AACtB,IAAI,GAAG,oBAAoB,CAAC,kBAAkB;AAC9C,IAAI,OAAO,EAAE,KAAK,CAAC;AACnB,GAAG;AACH,EAAE,WAAW,EAAE,OAAO;AACtB,EAAE,WAAW,EAAE;AACf,IAAI,IAAI,EAAE,cAAc,CAAC,QAAQ,CAAC;AAClC,GAAG;AACH,EAAE,UAAU,EAAE;AACd,IAAI,IAAI,EAAE,cAAc,CAAC,QAAQ,CAAC;AAClC,GAAG;AACH,EAAE,iBAAiB,EAAE;AACrB,IAAI,IAAI,EAAE,cAAc,CAAC,QAAQ,CAAC;AAClC,GAAG;AACH,EAAE,OAAO,EAAE;AACX,IAAI,IAAI,EAAE,cAAc,CAAC,MAAM,CAAC;AAChC,IAAI,QAAQ,EAAE,IAAI;AAClB,GAAG;AACH,EAAE,gBAAgB,EAAE;AACpB,IAAI,IAAI,EAAE,cAAc,CAAC,MAAM,CAAC;AAChC,GAAG;AACH,EAAE,QAAQ,EAAE;AACZ,IAAI,IAAI,EAAE,MAAM;AAChB,IAAI,QAAQ,EAAE,IAAI;AAClB,GAAG;AACH,EAAE,MAAM;AACR,EAAE,KAAK,EAAE;AACT,IAAI,IAAI,EAAE,cAAc,CAAC,MAAM,CAAC;AAChC,GAAG;AACH,CAAC;;;;"}
+{"version":3,"file":"row.mjs","sources":["../../../../../../packages/components/table-v2/src/row.ts"],"sourcesContent":["import { buildProps, definePropType } from '@element-plus/utils'\nimport { virtualizedGridProps } from '@element-plus/components/virtual-list'\nimport { columns, expandColumnKey, rowKey } from './common'\n\nimport type { CSSProperties, ExtractPropTypes } from 'vue'\nimport type { FixedDirection, KeyType, RowCommonParams } from './types'\n\nexport type RowExpandParams<T> = {\n  expanded: boolean\n  rowKey: KeyType\n} & RowCommonParams<T>\n\nexport type RowHoverParams<T> = {\n  event: MouseEvent\n  hovered: boolean\n  rowKey: KeyType\n} & RowCommonParams<T>\n\nexport type RowEventHandlerParams<T> = {\n  rowKey: KeyType\n  event: Event\n} & RowCommonParams<T>\n\nexport type RowHeightChangedParams = {\n  rowKey: KeyType\n  height: number\n  rowIndex: number\n}\n\nexport type RowExpandHandler<T> = (params: RowExpandParams<T>) => void\nexport type RowHoverHandler<T> = (params: RowHoverParams<T>) => void\nexport type RowEventHandler<T> = (params: RowEventHandlerParams<T>) => void\nexport type RowHeightChangeHandler = (\n  row: RowHeightChangedParams,\n  fixedDirection: boolean | FixedDirection | undefined\n) => void\n\nexport type RowEventHandlers<T> = {\n  onClick?: RowEventHandler<T>\n  onContextmenu?: RowEventHandler<T>\n  onDblclick?: RowEventHandler<T>\n  onMouseenter?: RowEventHandler<T>\n  onMouseleave?: RowEventHandler<T>\n}\n\nexport const tableV2RowProps = buildProps({\n  class: String,\n  columns,\n  depth: Number,\n  expandColumnKey,\n  estimatedRowHeight: {\n    ...virtualizedGridProps.estimatedRowHeight,\n    default: undefined,\n  },\n  isScrolling: Boolean,\n  onRowExpand: {\n    type: definePropType<RowExpandHandler<any>>(Function),\n  },\n  onRowHover: {\n    type: definePropType<RowHoverHandler<any>>(Function),\n  },\n  onRowHeightChange: {\n    type: definePropType<RowHeightChangeHandler>(Function),\n  },\n  rowData: {\n    type: definePropType<any>(Object),\n    required: true,\n  },\n  rowEventHandlers: {\n    type: definePropType<RowEventHandlers<any>>(Object),\n  },\n  rowIndex: {\n    type: Number,\n    required: true,\n  },\n  /**\n   * Unique item key\n   */\n  rowKey,\n  style: {\n    type: definePropType<CSSProperties>(Object),\n  },\n} as const)\n\nexport type TableV2RowProps = ExtractPropTypes<typeof tableV2RowProps>\n"],"names":[],"mappings":";;;;;;AAGY,MAAC,eAAe,GAAG,UAAU,CAAC;AAC1C,EAAE,KAAK,EAAE,MAAM;AACf,EAAE,OAAO;AACT,EAAE,KAAK,EAAE,MAAM;AACf,EAAE,eAAe;AACjB,EAAE,kBAAkB,EAAE;AACtB,IAAI,GAAG,oBAAoB,CAAC,kBAAkB;AAC9C,IAAI,OAAO,EAAE,KAAK,CAAC;AACnB,GAAG;AACH,EAAE,WAAW,EAAE,OAAO;AACtB,EAAE,WAAW,EAAE;AACf,IAAI,IAAI,EAAE,cAAc,CAAC,QAAQ,CAAC;AAClC,GAAG;AACH,EAAE,UAAU,EAAE;AACd,IAAI,IAAI,EAAE,cAAc,CAAC,QAAQ,CAAC;AAClC,GAAG;AACH,EAAE,iBAAiB,EAAE;AACrB,IAAI,IAAI,EAAE,cAAc,CAAC,QAAQ,CAAC;AAClC,GAAG;AACH,EAAE,OAAO,EAAE;AACX,IAAI,IAAI,EAAE,cAAc,CAAC,MAAM,CAAC;AAChC,IAAI,QAAQ,EAAE,IAAI;AAClB,GAAG;AACH,EAAE,gBAAgB,EAAE;AACpB,IAAI,IAAI,EAAE,cAAc,CAAC,MAAM,CAAC;AAChC,GAAG;AACH,EAAE,QAAQ,EAAE;AACZ,IAAI,IAAI,EAAE,MAAM;AAChB,IAAI,QAAQ,EAAE,IAAI;AAClB,GAAG;AACH,EAAE,MAAM;AACR,EAAE,KAAK,EAAE;AACT,IAAI,IAAI,EAAE,cAAc,CAAC,MAAM,CAAC;AAChC,GAAG;AACH,CAAC;;;;"}

package/es/components/table-v2/src/table-grid.d.ts

@@ -21,11 +21,13 @@ declare const TableGrid: import("vue").DefineComponent<{
     readonly cache: import("element-pe/es/utils").BuildPropReturn<NumberConstructor, 2, false, never, never>;
     readonly useIsScrolling: BooleanConstructor;
     readonly scrollbarAlwaysOn: import("element-pe/es/utils").BuildPropReturn<BooleanConstructor, false, unknown, unknown, unknown>;
-    readonly scrollbarStartGap: import("element-pe/es/utils").BuildPropReturn<NumberConstructor, 2, unknown, unknown, unknown>;
+    readonly scrollbarStartGap: import("element-pe/es/utils").BuildPropReturn<NumberConstructor, 0, unknown, unknown, unknown>;
     readonly scrollbarEndGap: import("element-pe/es/utils").BuildPropReturn<NumberConstructor, 2, unknown, unknown, unknown>;
     readonly class: StringConstructor;
     readonly style: import("element-pe/es/utils").BuildPropReturn<import("element-pe/es/utils").PropWrapper<import("vue").CSSProperties>, unknown, unknown, unknown, unknown>;
     readonly containerStyle: import("element-pe/es/utils").BuildPropReturn<import("element-pe/es/utils").PropWrapper<import("vue").CSSProperties>, unknown, unknown, unknown, unknown>;
+    readonly getRowHeight: import("element-pe/es/utils").BuildPropReturn<import("element-pe/es/utils").PropWrapper<import("element-pe/es/components/virtual-list").ItemSize>, unknown, true, unknown, unknown>;
+    readonly rowKey: import("element-pe/es/utils").BuildPropReturn<import("element-pe/es/utils").PropWrapper<import("./types").KeyType>, "id", unknown, unknown, unknown>;
     readonly onRowsRendered: import("element-pe/es/utils").BuildPropReturn<import("element-pe/es/utils").PropWrapper<(params: import("./grid").onRowRenderedParams) => void>, 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>;
 }, () => 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<{
@@ -48,11 +50,13 @@ declare const TableGrid: import("vue").DefineComponent<{
     readonly cache: import("element-pe/es/utils").BuildPropReturn<NumberConstructor, 2, false, never, never>;
     readonly useIsScrolling: BooleanConstructor;
     readonly scrollbarAlwaysOn: import("element-pe/es/utils").BuildPropReturn<BooleanConstructor, false, unknown, unknown, unknown>;
-    readonly scrollbarStartGap: import("element-pe/es/utils").BuildPropReturn<NumberConstructor, 2, unknown, unknown, unknown>;
+    readonly scrollbarStartGap: import("element-pe/es/utils").BuildPropReturn<NumberConstructor, 0, unknown, unknown, unknown>;
     readonly scrollbarEndGap: import("element-pe/es/utils").BuildPropReturn<NumberConstructor, 2, unknown, unknown, unknown>;
     readonly class: StringConstructor;
     readonly style: import("element-pe/es/utils").BuildPropReturn<import("element-pe/es/utils").PropWrapper<import("vue").CSSProperties>, unknown, unknown, unknown, unknown>;
     readonly containerStyle: import("element-pe/es/utils").BuildPropReturn<import("element-pe/es/utils").PropWrapper<import("vue").CSSProperties>, unknown, unknown, unknown, unknown>;
+    readonly getRowHeight: import("element-pe/es/utils").BuildPropReturn<import("element-pe/es/utils").PropWrapper<import("element-pe/es/components/virtual-list").ItemSize>, unknown, true, unknown, unknown>;
+    readonly rowKey: import("element-pe/es/utils").BuildPropReturn<import("element-pe/es/utils").PropWrapper<import("./types").KeyType>, "id", unknown, unknown, unknown>;
     readonly onRowsRendered: import("element-pe/es/utils").BuildPropReturn<import("element-pe/es/utils").PropWrapper<(params: import("./grid").onRowRenderedParams) => void>, 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>;
 }>>, {
@@ -60,6 +64,7 @@ declare const TableGrid: import("vue").DefineComponent<{
     style: import("vue").CSSProperties;
     containerStyle: import("vue").CSSProperties;
     scrollbarAlwaysOn: import("element-pe/es/utils").BuildPropType<BooleanConstructor, unknown, unknown>;
+    rowKey: import("element-pe/es/utils").BuildPropType<import("element-pe/es/utils").PropWrapper<import("./types").KeyType>, unknown, unknown>;
     useIsScrolling: boolean;
     cache: number;
     estimatedRowHeight: number;
@@ -75,6 +80,7 @@ export declare type TableGridRowSlotParams = {
     rowData: any;
 } & GridDefaultSlotParams;
 export declare type TableGridInstance = InstanceType<typeof TableGrid> & UnwrapRef<{
+    forceUpdate: () => void;
     /**
      * @description fetch total height
      */