element-plus 2.1.8 → 2.1.11

package/es/components/table-v2/src/grid.mjs

@@ -0,0 +1,42 @@
+import '../../../utils/index.mjs';
+import '../../virtual-list/index.mjs';
+import { columns, dataType, fixedDataType, requiredNumber, classType, styleType } from './common.mjs';
+import { tableV2HeaderProps } from './header.mjs';
+import { tableV2RowProps } from './row.mjs';
+import { buildProps, definePropType } from '../../../utils/vue/props.mjs';
+import { virtualizedListProps, virtualizedGridProps } from '../../virtual-list/src/props.mjs';
+
+const tableV2GridProps = buildProps({
+  columns,
+  data: dataType,
+  fixedData: fixedDataType,
+  estimatedRowHeight: tableV2RowProps.estimatedRowHeight,
+  width: requiredNumber,
+  height: requiredNumber,
+  headerWidth: requiredNumber,
+  headerHeight: tableV2HeaderProps.headerHeight,
+  bodyWidth: requiredNumber,
+  rowHeight: requiredNumber,
+  cache: virtualizedListProps.cache,
+  useIsScrolling: Boolean,
+  scrollbarAlwaysOn: virtualizedGridProps.scrollbarAlwaysOn,
+  scrollbarStartGap: virtualizedGridProps.scrollbarStartGap,
+  scrollbarEndGap: virtualizedGridProps.scrollbarEndGap,
+  class: classType,
+  style: styleType,
+  containerStyle: styleType,
+  getRowHeight: {
+    type: definePropType(Function),
+    required: true
+  },
+  rowKey: tableV2RowProps.rowKey,
+  onRowsRendered: {
+    type: definePropType(Function)
+  },
+  onScroll: {
+    type: definePropType(Function)
+  }
+});
+
+export { tableV2GridProps };
+//# sourceMappingURL=grid.mjs.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"grid.mjs","sources":["../../../../../../packages/components/table-v2/src/grid.ts"],"sourcesContent":["import { buildProps, definePropType } from '@element-plus/utils'\nimport {\n  virtualizedGridProps,\n  virtualizedListProps,\n} from '@element-plus/components/virtual-list'\nimport {\n  classType,\n  columns,\n  dataType,\n  fixedDataType,\n  requiredNumber,\n  styleType,\n} from './common'\nimport { tableV2HeaderProps } from './header'\nimport { tableV2RowProps } from './row'\n\nimport type { ExtractPropTypes } from 'vue'\nimport type { ItemSize } from '@element-plus/components/virtual-list'\n\nexport type onRowRenderedParams = {\n  rowCacheStart: number\n  rowCacheEnd: number\n  rowVisibleStart: number\n  rowVisibleEnd: number\n}\n\nexport const tableV2GridProps = buildProps({\n  columns,\n  data: dataType,\n  fixedData: fixedDataType,\n  estimatedRowHeight: tableV2RowProps.estimatedRowHeight,\n\n  /**\n   * Size related attributes\n   */\n  width: requiredNumber,\n  height: requiredNumber,\n\n  headerWidth: requiredNumber,\n  headerHeight: tableV2HeaderProps.headerHeight,\n\n  bodyWidth: requiredNumber,\n  rowHeight: requiredNumber,\n\n  /**\n   * Special attributes\n   */\n  cache: virtualizedListProps.cache,\n  useIsScrolling: Boolean,\n  scrollbarAlwaysOn: virtualizedGridProps.scrollbarAlwaysOn,\n  scrollbarStartGap: virtualizedGridProps.scrollbarStartGap,\n  scrollbarEndGap: virtualizedGridProps.scrollbarEndGap,\n\n  /**\n   * CSS attributes\n   */\n  class: classType,\n  style: styleType,\n  containerStyle: styleType,\n\n  getRowHeight: {\n    type: definePropType<ItemSize>(Function),\n    required: true,\n  },\n  rowKey: tableV2RowProps.rowKey,\n\n  /**\n   * Event handlers\n   */\n  onRowsRendered: {\n    type: definePropType<(params: onRowRenderedParams) => void>(Function),\n  },\n  onScroll: {\n    type: definePropType<(...args: any[]) => void>(Function),\n  },\n} as const)\n\nexport type TableV2GridProps = ExtractPropTypes<typeof tableV2GridProps>\n"],"names":[],"mappings":";;;;;;;;AAeY,MAAC,gBAAgB,GAAG,UAAU,CAAC;AAC3C,EAAE,OAAO;AACT,EAAE,IAAI,EAAE,QAAQ;AAChB,EAAE,SAAS,EAAE,aAAa;AAC1B,EAAE,kBAAkB,EAAE,eAAe,CAAC,kBAAkB;AACxD,EAAE,KAAK,EAAE,cAAc;AACvB,EAAE,MAAM,EAAE,cAAc;AACxB,EAAE,WAAW,EAAE,cAAc;AAC7B,EAAE,YAAY,EAAE,kBAAkB,CAAC,YAAY;AAC/C,EAAE,SAAS,EAAE,cAAc;AAC3B,EAAE,SAAS,EAAE,cAAc;AAC3B,EAAE,KAAK,EAAE,oBAAoB,CAAC,KAAK;AACnC,EAAE,cAAc,EAAE,OAAO;AACzB,EAAE,iBAAiB,EAAE,oBAAoB,CAAC,iBAAiB;AAC3D,EAAE,iBAAiB,EAAE,oBAAoB,CAAC,iBAAiB;AAC3D,EAAE,eAAe,EAAE,oBAAoB,CAAC,eAAe;AACvD,EAAE,KAAK,EAAE,SAAS;AAClB,EAAE,KAAK,EAAE,SAAS;AAClB,EAAE,cAAc,EAAE,SAAS;AAC3B,EAAE,YAAY,EAAE;AAChB,IAAI,IAAI,EAAE,cAAc,CAAC,QAAQ,CAAC;AAClC,IAAI,QAAQ,EAAE,IAAI;AAClB,GAAG;AACH,EAAE,MAAM,EAAE,eAAe,CAAC,MAAM;AAChC,EAAE,cAAc,EAAE;AAClB,IAAI,IAAI,EAAE,cAAc,CAAC,QAAQ,CAAC;AAClC,GAAG;AACH,EAAE,QAAQ,EAAE;AACZ,IAAI,IAAI,EAAE,cAAc,CAAC,QAAQ,CAAC;AAClC,GAAG;AACH,CAAC;;;;"}

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

@@ -0,0 +1,7 @@
+import type { ExtractPropTypes } from 'vue';
+export declare const tableV2HeaderCell: {
+    class: StringConstructor;
+    columnIndex: NumberConstructor;
+    column: import("element-plus/es/utils").BuildPropReturn<import("element-plus/es/utils").PropWrapper<import("./common").AnyColumn>, unknown, unknown, unknown, unknown>;
+};
+export declare type TableV2HeaderCell = ExtractPropTypes<typeof tableV2HeaderCell>;

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

@@ -0,0 +1,12 @@
+import '../../../utils/index.mjs';
+import { classType, column } from './common.mjs';
+import { buildProps } from '../../../utils/vue/props.mjs';
+
+const tableV2HeaderCell = buildProps({
+  class: classType,
+  columnIndex: Number,
+  column
+});
+
+export { tableV2HeaderCell };
+//# sourceMappingURL=header-cell.mjs.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"header-cell.mjs","sources":["../../../../../../packages/components/table-v2/src/header-cell.ts"],"sourcesContent":["import { buildProps } from '@element-plus/utils'\nimport { classType, column } from './common'\n\nimport type { ExtractPropTypes } from 'vue'\n\nexport const tableV2HeaderCell = buildProps({\n  class: classType,\n  columnIndex: Number,\n  column,\n})\n\nexport type TableV2HeaderCell = ExtractPropTypes<typeof tableV2HeaderCell>\n"],"names":[],"mappings":";;;;AAEY,MAAC,iBAAiB,GAAG,UAAU,CAAC;AAC5C,EAAE,KAAK,EAAE,SAAS;AAClB,EAAE,WAAW,EAAE,MAAM;AACrB,EAAE,MAAM;AACR,CAAC;;;;"}

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

@@ -0,0 +1,8 @@
+import type { CSSProperties, ExtractPropTypes } from 'vue';
+export declare const tableV2HeaderRowProps: {
+    readonly class: StringConstructor;
+    readonly columns: import("element-plus/es/utils").BuildPropReturn<import("element-plus/es/utils").PropWrapper<import("./common").AnyColumn[]>, unknown, true, unknown, unknown>;
+    readonly headerIndex: NumberConstructor;
+    readonly style: import("element-plus/es/utils").BuildPropReturn<import("element-plus/es/utils").PropWrapper<CSSProperties>, unknown, unknown, unknown, unknown>;
+};
+export declare type TableV2HeaderRowProps = ExtractPropTypes<typeof tableV2HeaderRowProps>;

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

@@ -0,0 +1,13 @@
+import '../../../utils/index.mjs';
+import { columns } from './common.mjs';
+import { buildProps, definePropType } from '../../../utils/vue/props.mjs';
+
+const tableV2HeaderRowProps = buildProps({
+  class: String,
+  columns,
+  headerIndex: Number,
+  style: { type: definePropType(Object) }
+});
+
+export { tableV2HeaderRowProps };
+//# sourceMappingURL=header-row.mjs.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"header-row.mjs","sources":["../../../../../../packages/components/table-v2/src/header-row.ts"],"sourcesContent":["import { buildProps, definePropType } from '@element-plus/utils'\nimport { columns } from './common'\n\nimport type { CSSProperties, ExtractPropTypes } from 'vue'\n\nexport const tableV2HeaderRowProps = buildProps({\n  class: String,\n  columns,\n  headerIndex: Number,\n  style: { type: definePropType<CSSProperties>(Object) },\n} as const)\n\nexport type TableV2HeaderRowProps = ExtractPropTypes<\n  typeof tableV2HeaderRowProps\n>\n"],"names":[],"mappings":";;;;AAEY,MAAC,qBAAqB,GAAG,UAAU,CAAC;AAChD,EAAE,KAAK,EAAE,MAAM;AACf,EAAE,OAAO;AACT,EAAE,WAAW,EAAE,MAAM;AACrB,EAAE,KAAK,EAAE,EAAE,IAAI,EAAE,cAAc,CAAC,MAAM,CAAC,EAAE;AACzC,CAAC;;;;"}

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

@@ -0,0 +1,13 @@
+import type { ExtractPropTypes } from 'vue';
+export declare const tableV2HeaderProps: {
+    readonly class: StringConstructor;
+    readonly columns: import("element-plus/es/utils").BuildPropReturn<import("element-plus/es/utils").PropWrapper<import("./common").AnyColumn[]>, unknown, true, unknown, unknown>;
+    readonly fixedHeaderData: import("element-plus/es/utils").BuildPropReturn<import("element-plus/es/utils").PropWrapper<any[]>, unknown, unknown, unknown, unknown>;
+    readonly headerData: import("element-plus/es/utils").BuildPropReturn<import("element-plus/es/utils").PropWrapper<any[]>, unknown, true, unknown, unknown>;
+    readonly headerHeight: import("element-plus/es/utils").BuildPropReturn<import("element-plus/es/utils").PropWrapper<number | number[]>, 50, unknown, unknown, unknown>;
+    readonly rowWidth: import("element-plus/es/utils").BuildPropReturn<NumberConstructor, unknown, true, unknown, unknown>;
+    readonly rowHeight: import("element-plus/es/utils").BuildPropReturn<NumberConstructor, 50, unknown, unknown, unknown>;
+    readonly height: import("element-plus/es/utils").BuildPropReturn<NumberConstructor, unknown, true, unknown, unknown>;
+    readonly width: import("element-plus/es/utils").BuildPropReturn<NumberConstructor, unknown, true, unknown, unknown>;
+};
+export declare type TableV2HeaderProps = ExtractPropTypes<typeof tableV2HeaderProps>;

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

@@ -0,0 +1,33 @@
+import '../../../utils/index.mjs';
+import { columns } from './common.mjs';
+import { buildProps, definePropType } from '../../../utils/vue/props.mjs';
+
+const requiredNumberType = {
+  type: Number,
+  required: true
+};
+const tableV2HeaderProps = buildProps({
+  class: String,
+  columns,
+  fixedHeaderData: {
+    type: definePropType(Array)
+  },
+  headerData: {
+    type: definePropType(Array),
+    required: true
+  },
+  headerHeight: {
+    type: definePropType([Number, Array]),
+    default: 50
+  },
+  rowWidth: requiredNumberType,
+  rowHeight: {
+    type: Number,
+    default: 50
+  },
+  height: requiredNumberType,
+  width: requiredNumberType
+});
+
+export { tableV2HeaderProps };
+//# sourceMappingURL=header.mjs.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"header.mjs","sources":["../../../../../../packages/components/table-v2/src/header.ts"],"sourcesContent":["import { buildProps, definePropType } from '@element-plus/utils'\nimport { columns } from './common'\n\nimport type { ExtractPropTypes } from 'vue'\n\nconst requiredNumberType = {\n  type: Number,\n  required: true,\n} as const\n\nexport const tableV2HeaderProps = buildProps({\n  class: String,\n  columns,\n  fixedHeaderData: {\n    type: definePropType<any[]>(Array),\n  },\n  headerData: {\n    type: definePropType<any[]>(Array),\n    required: true,\n  },\n  headerHeight: {\n    type: definePropType<number | number[]>([Number, Array]),\n    default: 50,\n  },\n  rowWidth: requiredNumberType,\n  rowHeight: {\n    type: Number,\n    default: 50,\n  },\n  height: requiredNumberType,\n  width: requiredNumberType,\n} as const)\n\nexport type TableV2HeaderProps = ExtractPropTypes<typeof tableV2HeaderProps>\n"],"names":[],"mappings":";;;;AAEA,MAAM,kBAAkB,GAAG;AAC3B,EAAE,IAAI,EAAE,MAAM;AACd,EAAE,QAAQ,EAAE,IAAI;AAChB,CAAC,CAAC;AACU,MAAC,kBAAkB,GAAG,UAAU,CAAC;AAC7C,EAAE,KAAK,EAAE,MAAM;AACf,EAAE,OAAO;AACT,EAAE,eAAe,EAAE;AACnB,IAAI,IAAI,EAAE,cAAc,CAAC,KAAK,CAAC;AAC/B,GAAG;AACH,EAAE,UAAU,EAAE;AACd,IAAI,IAAI,EAAE,cAAc,CAAC,KAAK,CAAC;AAC/B,IAAI,QAAQ,EAAE,IAAI;AAClB,GAAG;AACH,EAAE,YAAY,EAAE;AAChB,IAAI,IAAI,EAAE,cAAc,CAAC,CAAC,MAAM,EAAE,KAAK,CAAC,CAAC;AACzC,IAAI,OAAO,EAAE,EAAE;AACf,GAAG;AACH,EAAE,QAAQ,EAAE,kBAAkB;AAC9B,EAAE,SAAS,EAAE;AACb,IAAI,IAAI,EAAE,MAAM;AAChB,IAAI,OAAO,EAAE,EAAE;AACf,GAAG;AACH,EAAE,MAAM,EAAE,kBAAkB;AAC5B,EAAE,KAAK,EAAE,kBAAkB;AAC3B,CAAC;;;;"}

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

@@ -0,0 +1 @@
+export declare const placeholderSign: unique symbol;

package/es/components/table-v2/src/private.mjs

@@ -0,0 +1,4 @@
+const placeholderSign = Symbol("placeholder");
+
+export { placeholderSign };
+//# sourceMappingURL=private.mjs.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"private.mjs","sources":["../../../../../../packages/components/table-v2/src/private.ts"],"sourcesContent":["export const placeholderSign = Symbol('placeholder')\n"],"names":[],"mappings":"AAAY,MAAC,eAAe,GAAG,MAAM,CAAC,aAAa;;;;"}

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

@@ -0,0 +1,10 @@
+import type { FunctionalComponent, UnwrapNestedRefs } from 'vue';
+import type { TableV2RowCellRenderParam } from '../components';
+import type { UseNamespaceReturn } from 'element-plus/es/hooks';
+import type { UseTableReturn } from '../use-table';
+import type { TableV2Props } from '../table';
+declare type CellRendererProps = TableV2RowCellRenderParam & Pick<TableV2Props, 'cellProps' | 'expandColumnKey' | 'indentSize' | 'iconSize' | 'rowKey'> & UnwrapNestedRefs<Pick<UseTableReturn, 'columnsStyles' | 'expandedRowKeys'>> & {
+    ns: UseNamespaceReturn;
+};
+declare const CellRenderer: FunctionalComponent<CellRendererProps>;
+export default CellRenderer;

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":";;;;;;;;;;;;AAyBA,EAAMA,OAAAA;AAEF,EAAA,MAAA;AACAC,EAAAA,WAFF;AAGEC,EAAAA,KAHF;AAIEC,EAAAA,eAJF;AAKEC,EAAAA,WALF;AAMEC,EAAAA,OANF;AAOEC,EAAAA,QAPF;AAQEC,EAAAA,aARF;AASEC,EAAAA,eATF;AAUE,EAAA,EAAA;AACAC,EAAAA,eAXF;AAYEC,EAAAA,UAZF;AAaEC,EAAAA,QAbF;AAcE,EAAA,MAAA;AACAC,CAAAA,EAfF;AAgBEC,EAAAA,KAhBF;AAiBEC,CAAAA,KAjBF;AAkBEC,EAAAA,MAAAA,SAAAA,GAAAA,WAAAA,CAAAA,aAAAA,CAAAA,MAAAA,CAAAA,GAAAA,CAAAA,CAAAA,CAAAA;AAlBF,EAoBA,IAAA,MAAA,CAAA,eAAA,KAAA,eAAA,EAAA;AAAEC,IAAAA,OAAAA,WAAAA,CAAAA,KAAAA,EAAAA;AAAF,MACG,OAAA,EAAA,EAAA,CAAA,EAAA,CAAA,UAAA,EAAA,aAAA,CAAA;AACH,MAAMC,OAAAA,EAAAA,SAAYC;;AAElB,GAAA;AACE,EAAA,MAAA;AAAA,IAAA;AAAA,IAA4DD,OAAAA;AAA5D,IAAA,UAAA;AACD,GAAA,GAAA,MAAA,CAAA;;AACD,EAAM,MAAA,aAAA,GAAA,kBAAA,IAAA,KAAA,CAAA,OAAA,KAAA,CAAA,KAAA,KAAAE,WAAA,CAAAC,WAAA,EAAA,KAAA,EAAA,IAAA,CAAA,CAAA,CAAA;AAAEC,EAAAA,MAAF,QAAA,GAAA,UAAA,CAAA,UAAA,CAAA,GAAA,UAAA,CAAA;AAAgBC,IAAAA,OAAhB;AAAyBC,IAAAA,MAAAA;AAAzB,IAAA,WAAN;AAEA,IAAA,OAAwB;;AAExB,GAAA,CAAA,GAAA,GAAmB,CAAA,OAAA,EAAA,OACC,IAAA,IAAA,GAAA,OAAA,GACb,EAAA,CAAA,CAACC;;AAGR,IAAMC,KAAAA,EAAAA,EAAAA,CAAAA,CAAAA,CAAQ,WAAa,CAAA;AACVxB,IAAAA,OAAF;AAAWC,IAAAA,MAAX;AAAmBC,IAAAA,WAAnB;AAAgCI,IAAAA,QAAhC;AAAyCC,IAAAA,WAAAA;AAAzC,IADE,OAETD;AAER,IAAA;AACEmB,GAAAA,CAAAA;AACAzB,EAAAA,MAFgB,IAAA,GAAA,aAAA,CAAA,SAAA,CAAA,CAAA;AAGhBC,EAAAA,MAHgB,GAAA,GAAA,CAAA,EAAA,CAAA,CAAA,CAAA,UAAA,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,CAAA,CAAA;AAIhBC,EAAAA,MAJgB,UAAA,GAAA,QAAA,IAAA,CAAA,IAAA,MAAA,CAAA,GAAA,KAAA,eAAA,CAAA;AAKhBsB,EAAAA,MALgB,QAAA,GAAA,QAAA,IAAA,CAAA,IAAA,eAAA,CAAA,QAAA,CAAA,OAAA,CAAA,MAAA,CAAA,CAAA,CAAA;AAMhBnB,EAAAA,IANgB,iBAAA,CAAA;AAOhBC,EAAAA,MAPgB,SAAA,GAAA,CAAA,qBAAA,EAAA,KAAA,GAAA,UAAA,CAAA,GAAA,CAAA,CAAA;AAQhBC,EAAAA,IAAAA,UAAAA,EAAAA;AARgB,IAAlB,IAAA,QAAA,CAAA,eAAA,CAAA,EAAA;AAWA,MAAA,iBAA0B,GAAAW,WAAA,CAA1B,UAAA,EAAAQ,UAAA,CAAA,eAAA,EAAA;AAEA,QAAMC,OACJjB,EAAE,CAACkB,EAAE,CAAA,CAAA,CAAA,gBACC,EAACC,CAAAA,EAAAA,CAAP,UAA0B,EAAA,SAA1B,CAAqCnB;AAIvC,QAAMoB,MAAAA,EAAAA,QAAavB;AACnB,QAAMwB,UAAQ,EAAW,QAAA;AAEzB,QAAA,OAAA,EAAA,SAAA;AACA,QAAMC,YAAa,EAAA,IAAA;;AACnB,KAAA;AACE,MAAA,iBAAY,GAAAd,WAAmB,CAAA,KAAA,EAAA;AAC7Be,QAAAA,OAAAA,EAAAA,CAAAA,oDAAiB,CAAA,GAAA,CAAA,CAAA,CAAA,IAAA,CAAA,GAAA,CAAA;AAAA,OAAA,EAAA,IAAA,CAAA,CAAA;AAAA,KAAA;AAAA,GAAA;AAAA,EAAA,OAAAf,WAAA,CAAA,KAAA,EAAA;AAAA,IAAA,OAAA,EAAA,GAAA;AAAA,IAAjB,OAAA,EAAA,SAAA;AAUD,GAAA,EAXD,CAWO,iBAAA,EAAA,IAAA,CAAA,CAAA,CAAA;AACLe,EAAAA;AAAiB,YAEN,CAAA,YAAA,GAAA,KAEKpB;;;;"}

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

@@ -0,0 +1,10 @@
+import type { FunctionalComponent, UnwrapNestedRefs } from 'vue';
+import type { UseNamespaceReturn } from 'element-plus/es/hooks';
+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'> & {
+    ns: UseNamespaceReturn;
+};
+declare const HeaderCellRenderer: FunctionalComponent<HeaderCellRendererProps>;
+export default HeaderCellRenderer;

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

@@ -0,0 +1,9 @@
+import type { FunctionalComponent } from 'vue';
+import type { UseNamespaceReturn } from 'element-plus/es/hooks';
+import type { TableV2HeaderRendererParams } from '../components';
+import type { TableV2Props } from '../table';
+declare type HeaderRendererProps = TableV2HeaderRendererParams & Pick<TableV2Props, 'headerClass' | 'headerProps'> & {
+    ns: UseNamespaceReturn;
+};
+declare const HeaderRenderer: FunctionalComponent<HeaderRendererProps>;
+export default HeaderRenderer;

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.d.ts

@@ -0,0 +1,8 @@
+import type { FunctionalComponent, Ref } from 'vue';
+import type { TableV2GridProps } from '../grid';
+import type { TableGridInstance } from '../table-grid';
+declare type LeftTableProps = TableV2GridProps & {
+    leftTableRef: Ref<TableGridInstance | undefined>;
+};
+declare const LeftTable: FunctionalComponent<LeftTableProps>;
+export default LeftTable;

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.d.ts

@@ -0,0 +1,8 @@
+import type { FunctionalComponent, Ref } from 'vue';
+import type { TableV2GridProps } from '../grid';
+import type { TableGridInstance } from '../table-grid';
+export declare type MainTableRendererProps = TableV2GridProps & {
+    mainTableRef: Ref<TableGridInstance | undefined>;
+};
+declare const MainTable: FunctionalComponent<MainTableRendererProps>;
+export default MainTable;

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.d.ts

@@ -0,0 +1,8 @@
+import type { FunctionalComponent, Ref } from 'vue';
+import type { TableV2GridProps } from '../grid';
+import type { TableGridInstance } from '../table-grid';
+declare type LeftTableProps = TableV2GridProps & {
+    rightTableRef: Ref<TableGridInstance | undefined>;
+};
+declare const LeftTable: FunctionalComponent<LeftTableProps>;
+export default LeftTable;