element-plus 2.1.10 → 2.1.11

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

@@ -0,0 +1 @@
+{"version":3,"file":"utils.js","sources":["../../../../../../../packages/components/table-v2/src/composables/utils.ts"],"sourcesContent":["import type { CSSProperties } from 'vue'\nimport type { AnyColumns } from '../types'\n\nexport const calcColumnStyle = (\n  column: AnyColumns[number],\n  fixedColumn: boolean\n): CSSProperties => {\n  const flex = {\n    flexGrow: 0,\n    flexShrink: 0,\n  }\n\n  if (column.fixed) {\n    flex.flexShrink = 1\n  }\n\n  const style = {\n    ...(column.style ?? {}),\n    ...flex,\n    flexBasis: 'auto',\n    width: column.width,\n  }\n\n  if (!fixedColumn) {\n    if (column.maxWidth) style.maxWidth = column.maxWidth\n    if (column.minWidth) style.maxWidth = column.minWidth\n  }\n\n  return style\n}\n"],"names":[],"mappings":";;;;AAAY,MAAC,eAAe,GAAG,CAAC,MAAM,EAAE,WAAW,KAAK;AACxD,EAAE,IAAI,EAAE,CAAC;AACT,EAAE,MAAM,IAAI,GAAG;AACf,IAAI,QAAQ,EAAE,CAAC;AACf,IAAI,UAAU,EAAE,CAAC;AACjB,GAAG,CAAC;AACJ,EAAE,IAAI,MAAM,CAAC,KAAK,EAAE;AACpB,IAAI,IAAI,CAAC,UAAU,GAAG,CAAC,CAAC;AACxB,GAAG;AACH,EAAE,MAAM,KAAK,GAAG;AAChB,IAAI,GAAG,CAAC,EAAE,GAAG,MAAM,CAAC,KAAK,KAAK,IAAI,GAAG,EAAE,GAAG,EAAE;AAC5C,IAAI,GAAG,IAAI;AACX,IAAI,SAAS,EAAE,MAAM;AACrB,IAAI,KAAK,EAAE,MAAM,CAAC,KAAK;AACvB,GAAG,CAAC;AACJ,EAAE,IAAI,CAAC,WAAW,EAAE;AACpB,IAAI,IAAI,MAAM,CAAC,QAAQ;AACvB,MAAM,KAAK,CAAC,QAAQ,GAAG,MAAM,CAAC,QAAQ,CAAC;AACvC,IAAI,IAAI,MAAM,CAAC,QAAQ;AACvB,MAAM,KAAK,CAAC,QAAQ,GAAG,MAAM,CAAC,QAAQ,CAAC;AACvC,GAAG;AACH,EAAE,OAAO,KAAK,CAAC;AACf;;;;"}

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

@@ -6,6 +6,10 @@ export declare enum Alignment {
     CENTER = "center",
     RIGHT = "right"
 }
+export declare enum FixedDir {
+    LEFT = "left",
+    RIGHT = "right"
+}
 export declare const oppositeOrderMap: {
     asc: SortOrder;
     desc: SortOrder;

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

@@ -12,6 +12,11 @@ var Alignment = /* @__PURE__ */ ((Alignment2) => {
   Alignment2["RIGHT"] = "right";
   return Alignment2;
 })(Alignment || {});
+var FixedDir = /* @__PURE__ */ ((FixedDir2) => {
+  FixedDir2["LEFT"] = "left";
+  FixedDir2["RIGHT"] = "right";
+  return FixedDir2;
+})(FixedDir || {});
 const oppositeOrderMap = {
   ["asc" /* ASC */]: "desc" /* DESC */,
   ["desc" /* DESC */]: "asc" /* ASC */
@@ -19,6 +24,7 @@ const oppositeOrderMap = {
 const sortOrders = ["asc" /* ASC */, "desc" /* DESC */];
 
 exports.Alignment = Alignment;
+exports.FixedDir = FixedDir;
 exports.SortOrder = SortOrder;
 exports.oppositeOrderMap = oppositeOrderMap;
 exports.sortOrders = sortOrders;

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

@@ -1 +1 @@
-{"version":3,"file":"constants.js","sources":["../../../../../../packages/components/table-v2/src/constants.ts"],"sourcesContent":["export enum SortOrder {\n  ASC = 'asc',\n  DESC = 'desc',\n}\n\nexport enum Alignment {\n  CENTER = 'center',\n  RIGHT = 'right',\n}\n\nexport const oppositeOrderMap = {\n  [SortOrder.ASC]: SortOrder.DESC,\n  [SortOrder.DESC]: SortOrder.ASC,\n}\n\nexport const sortOrders = [SortOrder.ASC, SortOrder.DESC] as const\n"],"names":[],"mappings":";;;;AAAU,IAAC,SAAS,mBAAmB,CAAC,CAAC,UAAU,KAAK;AACxD,EAAE,UAAU,CAAC,KAAK,CAAC,GAAG,KAAK,CAAC;AAC5B,EAAE,UAAU,CAAC,MAAM,CAAC,GAAG,MAAM,CAAC;AAC9B,EAAE,OAAO,UAAU,CAAC;AACpB,CAAC,EAAE,SAAS,IAAI,EAAE,EAAE;AACV,IAAC,SAAS,mBAAmB,CAAC,CAAC,UAAU,KAAK;AACxD,EAAE,UAAU,CAAC,QAAQ,CAAC,GAAG,QAAQ,CAAC;AAClC,EAAE,UAAU,CAAC,OAAO,CAAC,GAAG,OAAO,CAAC;AAChC,EAAE,OAAO,UAAU,CAAC;AACpB,CAAC,EAAE,SAAS,IAAI,EAAE,EAAE;AACR,MAAC,gBAAgB,GAAG;AAChC,EAAE,CAAC,KAAK,aAAa,MAAM;AAC3B,EAAE,CAAC,MAAM,cAAc,KAAK;AAC5B,EAAE;AACU,MAAC,UAAU,GAAG,CAAC,KAAK,YAAY,MAAM;;;;;;;"}
+{"version":3,"file":"constants.js","sources":["../../../../../../packages/components/table-v2/src/constants.ts"],"sourcesContent":["export enum SortOrder {\n  ASC = 'asc',\n  DESC = 'desc',\n}\n\nexport enum Alignment {\n  CENTER = 'center',\n  RIGHT = 'right',\n}\n\nexport enum FixedDir {\n  LEFT = 'left',\n  RIGHT = 'right',\n}\n\nexport const oppositeOrderMap = {\n  [SortOrder.ASC]: SortOrder.DESC,\n  [SortOrder.DESC]: SortOrder.ASC,\n}\n\nexport const sortOrders = [SortOrder.ASC, SortOrder.DESC] as const\n"],"names":[],"mappings":";;;;AAAU,IAAC,SAAS,mBAAmB,CAAC,CAAC,UAAU,KAAK;AACxD,EAAE,UAAU,CAAC,KAAK,CAAC,GAAG,KAAK,CAAC;AAC5B,EAAE,UAAU,CAAC,MAAM,CAAC,GAAG,MAAM,CAAC;AAC9B,EAAE,OAAO,UAAU,CAAC;AACpB,CAAC,EAAE,SAAS,IAAI,EAAE,EAAE;AACV,IAAC,SAAS,mBAAmB,CAAC,CAAC,UAAU,KAAK;AACxD,EAAE,UAAU,CAAC,QAAQ,CAAC,GAAG,QAAQ,CAAC;AAClC,EAAE,UAAU,CAAC,OAAO,CAAC,GAAG,OAAO,CAAC;AAChC,EAAE,OAAO,UAAU,CAAC;AACpB,CAAC,EAAE,SAAS,IAAI,EAAE,EAAE;AACV,IAAC,QAAQ,mBAAmB,CAAC,CAAC,SAAS,KAAK;AACtD,EAAE,SAAS,CAAC,MAAM,CAAC,GAAG,MAAM,CAAC;AAC7B,EAAE,SAAS,CAAC,OAAO,CAAC,GAAG,OAAO,CAAC;AAC/B,EAAE,OAAO,SAAS,CAAC;AACnB,CAAC,EAAE,QAAQ,IAAI,EAAE,EAAE;AACP,MAAC,gBAAgB,GAAG;AAChC,EAAE,CAAC,KAAK,aAAa,MAAM;AAC3B,EAAE,CAAC,MAAM,cAAc,KAAK;AAC5B,EAAE;AACU,MAAC,UAAU,GAAG,CAAC,KAAK,YAAY,MAAM;;;;;;;;"}

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

@@ -1,4 +1,5 @@
 import type { ExtractPropTypes } from 'vue';
+import type { ItemSize } from 'element-plus/es/components/virtual-list';
 export declare type onRowRenderedParams = {
     rowCacheStart: number;
     rowCacheEnd: number;
@@ -25,11 +26,13 @@ export declare const tableV2GridProps: {
     readonly cache: import("element-plus/es/utils").BuildPropReturn<NumberConstructor, 2, false, never, never>;
     readonly useIsScrolling: BooleanConstructor;
     readonly scrollbarAlwaysOn: import("element-plus/es/utils").BuildPropReturn<BooleanConstructor, false, unknown, unknown, unknown>;
-    readonly scrollbarStartGap: import("element-plus/es/utils").BuildPropReturn<NumberConstructor, 2, unknown, unknown, unknown>;
+    readonly scrollbarStartGap: import("element-plus/es/utils").BuildPropReturn<NumberConstructor, 0, unknown, unknown, unknown>;
     readonly scrollbarEndGap: import("element-plus/es/utils").BuildPropReturn<NumberConstructor, 2, unknown, unknown, unknown>;
     readonly class: StringConstructor;
     readonly style: import("element-plus/es/utils").BuildPropReturn<import("element-plus/es/utils").PropWrapper<import("vue").CSSProperties>, unknown, unknown, unknown, unknown>;
     readonly containerStyle: import("element-plus/es/utils").BuildPropReturn<import("element-plus/es/utils").PropWrapper<import("vue").CSSProperties>, unknown, unknown, unknown, unknown>;
+    readonly getRowHeight: import("element-plus/es/utils").BuildPropReturn<import("element-plus/es/utils").PropWrapper<ItemSize>, unknown, true, unknown, unknown>;
+    readonly rowKey: import("element-plus/es/utils").BuildPropReturn<import("element-plus/es/utils").PropWrapper<import("./types").KeyType>, "id", unknown, unknown, unknown>;
     readonly onRowsRendered: import("element-plus/es/utils").BuildPropReturn<import("element-plus/es/utils").PropWrapper<(params: onRowRenderedParams) => void>, unknown, unknown, unknown, unknown>;
     readonly onScroll: import("element-plus/es/utils").BuildPropReturn<import("element-plus/es/utils").PropWrapper<(...args: any[]) => void>, unknown, unknown, unknown, unknown>;
 };

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

@@ -29,6 +29,11 @@ const tableV2GridProps = props.buildProps({
   class: common.classType,
   style: common.styleType,
   containerStyle: common.styleType,
+  getRowHeight: {
+    type: props.definePropType(Function),
+    required: true
+  },
+  rowKey: row.tableV2RowProps.rowKey,
   onRowsRendered: {
     type: props.definePropType(Function)
   },

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

@@ -1 +1 @@
-{"version":3,"file":"grid.js","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'\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  /**\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":["buildProps","columns","dataType","fixedDataType","tableV2RowProps","requiredNumber","tableV2HeaderProps","virtualizedListProps","virtualizedGridProps","classType","styleType","definePropType"],"mappings":";;;;;;;;;;;;AAeY,MAAC,gBAAgB,GAAGA,gBAAU,CAAC;AAC3C,WAAEC,cAAO;AACT,EAAE,IAAI,EAAEC,eAAQ;AAChB,EAAE,SAAS,EAAEC,oBAAa;AAC1B,EAAE,kBAAkB,EAAEC,mBAAe,CAAC,kBAAkB;AACxD,EAAE,KAAK,EAAEC,qBAAc;AACvB,EAAE,MAAM,EAAEA,qBAAc;AACxB,EAAE,WAAW,EAAEA,qBAAc;AAC7B,EAAE,YAAY,EAAEC,yBAAkB,CAAC,YAAY;AAC/C,EAAE,SAAS,EAAED,qBAAc;AAC3B,EAAE,SAAS,EAAEA,qBAAc;AAC3B,EAAE,KAAK,EAAEE,4BAAoB,CAAC,KAAK;AACnC,EAAE,cAAc,EAAE,OAAO;AACzB,EAAE,iBAAiB,EAAEC,4BAAoB,CAAC,iBAAiB;AAC3D,EAAE,iBAAiB,EAAEA,4BAAoB,CAAC,iBAAiB;AAC3D,EAAE,eAAe,EAAEA,4BAAoB,CAAC,eAAe;AACvD,EAAE,KAAK,EAAEC,gBAAS;AAClB,EAAE,KAAK,EAAEC,gBAAS;AAClB,EAAE,cAAc,EAAEA,gBAAS;AAC3B,EAAE,cAAc,EAAE;AAClB,IAAI,IAAI,EAAEC,oBAAc,CAAC,QAAQ,CAAC;AAClC,GAAG;AACH,EAAE,QAAQ,EAAE;AACZ,IAAI,IAAI,EAAEA,oBAAc,CAAC,QAAQ,CAAC;AAClC,GAAG;AACH,CAAC;;;;"}
+{"version":3,"file":"grid.js","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":["buildProps","columns","dataType","fixedDataType","tableV2RowProps","requiredNumber","tableV2HeaderProps","virtualizedListProps","virtualizedGridProps","classType","styleType","definePropType"],"mappings":";;;;;;;;;;;;AAeY,MAAC,gBAAgB,GAAGA,gBAAU,CAAC;AAC3C,WAAEC,cAAO;AACT,EAAE,IAAI,EAAEC,eAAQ;AAChB,EAAE,SAAS,EAAEC,oBAAa;AAC1B,EAAE,kBAAkB,EAAEC,mBAAe,CAAC,kBAAkB;AACxD,EAAE,KAAK,EAAEC,qBAAc;AACvB,EAAE,MAAM,EAAEA,qBAAc;AACxB,EAAE,WAAW,EAAEA,qBAAc;AAC7B,EAAE,YAAY,EAAEC,yBAAkB,CAAC,YAAY;AAC/C,EAAE,SAAS,EAAED,qBAAc;AAC3B,EAAE,SAAS,EAAEA,qBAAc;AAC3B,EAAE,KAAK,EAAEE,4BAAoB,CAAC,KAAK;AACnC,EAAE,cAAc,EAAE,OAAO;AACzB,EAAE,iBAAiB,EAAEC,4BAAoB,CAAC,iBAAiB;AAC3D,EAAE,iBAAiB,EAAEA,4BAAoB,CAAC,iBAAiB;AAC3D,EAAE,eAAe,EAAEA,4BAAoB,CAAC,eAAe;AACvD,EAAE,KAAK,EAAEC,gBAAS;AAClB,EAAE,KAAK,EAAEC,gBAAS;AAClB,EAAE,cAAc,EAAEA,gBAAS;AAC3B,EAAE,YAAY,EAAE;AAChB,IAAI,IAAI,EAAEC,oBAAc,CAAC,QAAQ,CAAC;AAClC,IAAI,QAAQ,EAAE,IAAI;AAClB,GAAG;AACH,EAAE,MAAM,EAAEP,mBAAe,CAAC,MAAM;AAChC,EAAE,cAAc,EAAE;AAClB,IAAI,IAAI,EAAEO,oBAAc,CAAC,QAAQ,CAAC;AAClC,GAAG;AACH,EAAE,QAAQ,EAAE;AACZ,IAAI,IAAI,EAAEA,oBAAc,CAAC,QAAQ,CAAC;AAClC,GAAG;AACH,CAAC;;;;"}

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

@@ -1,5 +1,5 @@
 import type { FunctionalComponent, UnwrapNestedRefs } from 'vue';
-import type { TableV2RowCellRenderParam } from '../table-row';
+import type { TableV2RowCellRenderParam } from '../components';
 import type { UseNamespaceReturn } from 'element-plus/es/hooks';
 import type { UseTableReturn } from '../use-table';
 import type { TableV2Props } from '../table';

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

@@ -0,0 +1,95 @@
+'use strict';
+
+Object.defineProperty(exports, '__esModule', { value: true });
+
+var vue = require('vue');
+var lodashUnified = require('lodash-unified');
+require('../../../../utils/index.js');
+require('../components/index.js');
+var constants = require('../constants.js');
+var _private = require('../private.js');
+var utils = require('../utils.js');
+var cell = require('../components/cell.js');
+var shared = require('@vue/shared');
+var expandIcon = require('../components/expand-icon.js');
+
+const CellRenderer = ({
+  columns,
+  column,
+  columnIndex,
+  depth,
+  expandIconProps,
+  isScrolling,
+  rowData,
+  rowIndex,
+  columnsStyles,
+  expandedRowKeys,
+  ns,
+  expandColumnKey,
+  indentSize,
+  iconSize,
+  rowKey
+}, {
+  slots
+}) => {
+  const cellStyle = utils.enforceUnit(columnsStyles[column.key]);
+  if (column.placeholderSign === _private.placeholderSign) {
+    return vue.createVNode("div", {
+      "class": ns.em("row-cell", "placeholder"),
+      "style": cellStyle
+    }, null);
+  }
+  const {
+    cellRenderer,
+    dataKey,
+    dataGetter
+  } = column;
+  const columnCellRenderer = utils.componentToSlot(cellRenderer);
+  const CellComponent = columnCellRenderer || slots.default || ((props) => vue.createVNode(cell["default"], props, null));
+  const cellData = shared.isFunction(dataGetter) ? dataGetter({
+    columns,
+    column,
+    columnIndex,
+    rowData,
+    rowIndex
+  }) : lodashUnified.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 === constants.Alignment.CENTER && ns.is("align-center"), column.align === constants.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 (shared.isObject(expandIconProps)) {
+      IconOrPlaceholder = vue.createVNode(expandIcon["default"], vue.mergeProps(expandIconProps, {
+        "class": [ns.e("expand-icon"), ns.is("expanded", expanded)],
+        "size": iconSize,
+        "expanded": expanded,
+        "style": iconStyle,
+        "expandable": true
+      }), null);
+    } else {
+      IconOrPlaceholder = vue.createVNode("div", {
+        "style": [iconStyle, `width: ${iconSize}px; height: ${iconSize}px;`].join(" ")
+      }, null);
+    }
+  }
+  return vue.createVNode("div", {
+    "class": kls,
+    "style": cellStyle
+  }, [IconOrPlaceholder, Cell]);
+};
+CellRenderer.inheritAttrs = false;
+
+exports["default"] = CellRenderer;
+//# sourceMappingURL=cell.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"cell.js","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","placeholderSign","slots","cellStyle","enforceUnit","_createVNode","TableCell","cellRenderer","isFunction","dataKey","dataGetter","get","default","cellData","class","Alignment","isObject","ExpandIcon","_mergeProps","kls","e","align","expandable","expanded","iconStyle","IconOrPlaceholder"],"mappings":"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"}

package/lib/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/lib/components/table-v2/src/renderers/empty.js

@@ -0,0 +1,19 @@
+'use strict';
+
+Object.defineProperty(exports, '__esModule', { value: true });
+
+var vue = require('vue');
+var index = require('../../../empty/index.js');
+
+const Footer = (props, {
+  slots
+}) => {
+  return vue.createVNode("div", {
+    "class": props.class,
+    "style": props.style
+  }, [slots.default ? slots.default() : vue.createVNode(index.ElEmpty, null, null)]);
+};
+Footer.displayName = "ElTableV2Empty";
+
+exports["default"] = Footer;
+//# sourceMappingURL=empty.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"empty.js","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,eAAA,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,eAAAA,CAAAA,aAAAA,EAAAA,IAAAA,EAAAA,IAAAA,CAAAA,CAAAA,CAAAA,CAAAA;AADxC,EAEKJ;AAGN,MAND,CAAA,WAAA,GAAA,gBAAA;;;;"}

package/lib/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/lib/components/table-v2/src/renderers/footer.js

@@ -0,0 +1,19 @@
+'use strict';
+
+Object.defineProperty(exports, '__esModule', { value: true });
+
+var vue = require('vue');
+
+const Footer = (props, {
+  slots
+}) => {
+  var _a;
+  return vue.createVNode("div", {
+    "class": props.class,
+    "style": props.style
+  }, [(_a = slots.default) == null ? void 0 : _a.call(slots)]);
+};
+Footer.displayName = "ElTableV2Footer";
+
+exports["default"] = Footer;
+//# sourceMappingURL=footer.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"footer.js","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,eAAA,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/lib/components/table-v2/src/renderers/header-cell.d.ts

@@ -1,6 +1,6 @@
 import type { FunctionalComponent, UnwrapNestedRefs } from 'vue';
 import type { UseNamespaceReturn } from 'element-plus/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/lib/components/table-v2/src/renderers/header-cell.js

@@ -0,0 +1,69 @@
+'use strict';
+
+Object.defineProperty(exports, '__esModule', { value: true });
+
+var vue = require('vue');
+require('../components/index.js');
+var constants = require('../constants.js');
+var _private = require('../private.js');
+var utils = require('../utils.js');
+var headerCell = require('../components/header-cell.js');
+var sortIcon = require('../components/sort-icon.js');
+
+const HeaderCellRenderer = (props, {
+  slots
+}) => {
+  const {
+    column,
+    ns,
+    columnsStyles,
+    onColumnSorted
+  } = props;
+  const style = utils.enforceUnit(columnsStyles[column.key]);
+  if (column.placeholderSign === _private.placeholderSign) {
+    return vue.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 = utils.componentToSlot(headerCellRenderer) || slots.default || ((props2) => vue.createVNode(headerCell["default"], props2, null));
+  const Cell = cellRenderer(cellProps);
+  const {
+    sortBy,
+    sortState,
+    headerCellProps
+  } = props;
+  let sorting, sortOrder;
+  if (sortState) {
+    const order = sortState[column.key];
+    sorting = Boolean(constants.oppositeOrderMap[order]);
+    sortOrder = sorting ? order : constants.SortOrder.ASC;
+  } else {
+    sorting = column.key === sortBy.key;
+    sortOrder = sorting ? sortBy.order : constants.SortOrder.ASC;
+  }
+  const cellKls = [ns.e("header-cell"), ...utils.tryCall(headerClass, props, ""), column.align === constants.Alignment.CENTER && ns.is("align-center"), column.align === constants.Alignment.RIGHT && ns.is("align-right"), sortable && ns.is("sortable")];
+  const cellWrapperProps = {
+    ...utils.tryCall(headerCellProps, props),
+    onClick: column.sortable ? onColumnSorted : void 0,
+    class: cellKls,
+    style,
+    ["data-key"]: column.key
+  };
+  return vue.createVNode("div", cellWrapperProps, [Cell, sortable && vue.createVNode(sortIcon["default"], {
+    "class": [ns.e("sort-icon"), sorting && ns.is("sorting")],
+    "sortOrder": sortOrder
+  }, null)]);
+};
+
+exports["default"] = HeaderCellRenderer;
+//# sourceMappingURL=header-cell.js.map

package/lib/components/table-v2/src/renderers/header-cell.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"header-cell.js","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","placeholderSign","style","headerCellRenderer","headerClass","sortable","componentToSlot","_createVNode","HeaderCell","class","oppositeOrderMap","SortOrder","sortBy","tryCall","Alignment","sortState","headerCellProps","sorting","SortIcon","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,iBAAAA,CAAAA,aAAAA,CAAAA,MAAAA,CAAAA,GAAAA,CAAAA,CAAAA,CAAAA;AAA7B,EAAA,IAAgDC,MAAtD,CAAA,eAAA,KAAAC,wBAAA,EAAA;AAEA,IAAMC,OAAAA,eAAQT,CAAAA,KAAYK,EAAAA;;AAE1B,MAAIF,OAAOK,EAAP,KAAA;AACF,KAAA,EAAA,IAAA,CAAA,CAAA;AAAA,GAAA;AAAA,EAAmEC,MAAAA;AAAnE,IAAA,kBAAA;AACD,IAAA,WAAA;;AAED,GAAM,GAAA,MAAA,CAAA;AAAEC,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,GAAAC,qBAAA,CAAA,kBAAA,CAAA,IAAA,KAAA,CAAA,OAAA,KAAA,CAAA,MAAA,KAAAC,eAAA,CAAAC,qBAAA,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,CAAAC,0BAAzB,CAAA,KAAA,CAAA,CAAA,CAAA;AAEA,IAAA,SAAA,GAAA,OAAA,GAAA,KAAA,GAAAC,mBAAA,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,GAAAC,aAAA,CAAA,WAAA,EAAA,KAAA,EAAA,EAAA,CAAA,EAAA,MAAA,CAAA,KAAA,KAAAC,mBAAA,CAAA,MAAA,IAAA,EAAA,CAAA,EAAA,CAAA,cAAA,CAAA,EAAA,MAAA,CAAA,KAAA,KAAAA,mBAAA,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,aAAAA,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,eAAiB,CAACP,uBAAD,EAAjB,CAAA,IAAA,EAAA,QAAA,IAAAH,eAAA,CAAAW,mBAAA,EAAA;AACAC,IAAAA,OAAAA,EAAS,GAAGF,CAAO,CAAA,CAAA,YAAA,EAAWN,OAAAA,IAAUS,EAAxC,CAAA,EAAA,CAAA,SAAA,CAAA,CAAA;AACD,IAAM,WAAA,EAAA,SAAA;AACLH,GAAAA,EAAAA,IAAAA,CAAAA,CAAO;AACPE;;;;"}

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

@@ -1,6 +1,6 @@
 import type { FunctionalComponent } from 'vue';
 import type { UseNamespaceReturn } from 'element-plus/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/lib/components/table-v2/src/renderers/header.js

@@ -0,0 +1,43 @@
+'use strict';
+
+Object.defineProperty(exports, '__esModule', { value: true });
+
+var vue = require('vue');
+require('../components/index.js');
+var utils = require('../utils.js');
+var headerRow = require('../components/header-row.js');
+
+function _isSlot(s) {
+  return typeof s === "function" || Object.prototype.toString.call(s) === "[object Object]" && !vue.isVNode(s);
+}
+const HeaderRenderer = ({
+  columns,
+  headerIndex,
+  style,
+  headerClass,
+  headerProps,
+  ns
+}, {
+  slots
+}) => {
+  const param = {
+    columns,
+    headerIndex
+  };
+  const kls = [ns.e("header-row"), utils.tryCall(headerClass, param, ""), {
+    [ns.is("customized")]: Boolean(slots.header)
+  }];
+  const extraProps = {
+    ...utils.tryCall(headerProps, param),
+    class: kls,
+    columns,
+    headerIndex,
+    style
+  };
+  return vue.createVNode(headerRow["default"], extraProps, _isSlot(slots) ? slots : {
+    default: () => [slots]
+  });
+};
+
+exports["default"] = HeaderRenderer;
+//# sourceMappingURL=header.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"header.js","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","tryCall","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,EAAAO,aAAA,CAAA,WAAA,EAAA,KAAA,EAAA,EAAA,CAAA,EAAA;AAAWN,IAAAA,CAAAA,EAAAA,CAAAA,EAAAA,CAAAA,YAAAA,CAAAA,GAAAA,OAAAA,CAAAA,KAAAA,CAAAA,MAAAA,CAAAA;AAAX,GAAd,CAAA,CAAA;AAEA,EAAA,MAAMO,UACDC,GAAH;AAGE,IAAA,GAAAF,aAAA,CAAA,WAAA,EAAA,KAAA,CAAA;AACA,IAACF,KAAGK,EAAG,GAAA;AAFT,IAHF,OAAA;AASA,IAAMC,WAAAA;AAEJC,IAAAA,KAAK;AACLZ,GAAAA,CAAAA;AACAC,EAAAA,OAJiBY,eAAA,CAAAC,oBAAA,EAAA,UAAA,EAAA,OAAA,CAAA,KAAA,CAAA,GAAA,KAAA,GAAA;AAKjBZ,IAAAA,OAAAA,EAAAA,MAAAA,CAAAA,KAAAA,CAAAA;AALiB,GAAnB,CAAA,CAAA;AAQA;;;;"}

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

@@ -0,0 +1,28 @@
+'use strict';
+
+Object.defineProperty(exports, '__esModule', { value: true });
+
+var vue = require('vue');
+var tableGrid = require('../table-grid.js');
+
+function _isSlot(s) {
+  return typeof s === "function" || Object.prototype.toString.call(s) === "[object Object]" && !vue.isVNode(s);
+}
+const LeftTable = (props, {
+  slots
+}) => {
+  if (!props.columns.length)
+    return;
+  const {
+    leftTableRef,
+    ...rest
+  } = props;
+  return vue.createVNode(tableGrid["default"], vue.mergeProps({
+    "ref": leftTableRef
+  }, rest), _isSlot(slots) ? slots : {
+    default: () => [slots]
+  });
+};
+
+exports["default"] = LeftTable;
+//# sourceMappingURL=left-table.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"left-table.js","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,eAAA,CAAAC,oBAAA,EAAAC,cAAA,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/lib/components/table-v2/src/renderers/main-table.js

@@ -0,0 +1,26 @@
+'use strict';
+
+Object.defineProperty(exports, '__esModule', { value: true });
+
+var vue = require('vue');
+var tableGrid = require('../table-grid.js');
+
+function _isSlot(s) {
+  return typeof s === "function" || Object.prototype.toString.call(s) === "[object Object]" && !vue.isVNode(s);
+}
+const MainTable = (props, {
+  slots
+}) => {
+  const {
+    mainTableRef,
+    ...rest
+  } = props;
+  return vue.createVNode(tableGrid["default"], vue.mergeProps({
+    "ref": mainTableRef
+  }, rest), _isSlot(slots) ? slots : {
+    default: () => [slots]
+  });
+};
+
+exports["default"] = MainTable;
+//# sourceMappingURL=main-table.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"main-table.js","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,eAAAA,CAAAA,oBAAAA,EAAAA,cAAAA,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/lib/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/lib/components/table-v2/src/renderers/overlay.js

@@ -0,0 +1,19 @@
+'use strict';
+
+Object.defineProperty(exports, '__esModule', { value: true });
+
+var vue = require('vue');
+
+const Overlay = (props, {
+  slots
+}) => {
+  var _a;
+  return vue.createVNode("div", {
+    "class": props.class,
+    "style": props.style
+  }, [(_a = slots.default) == null ? void 0 : _a.call(slots)]);
+};
+Overlay.displayName = "ElTableV2Overlay";
+
+exports["default"] = Overlay;
+//# sourceMappingURL=overlay.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"overlay.js","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,eAAA,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/lib/components/table-v2/src/renderers/right-table.js

@@ -0,0 +1,28 @@
+'use strict';
+
+Object.defineProperty(exports, '__esModule', { value: true });
+
+var vue = require('vue');
+var tableGrid = require('../table-grid.js');
+
+function _isSlot(s) {
+  return typeof s === "function" || Object.prototype.toString.call(s) === "[object Object]" && !vue.isVNode(s);
+}
+const LeftTable = (props, {
+  slots
+}) => {
+  if (!props.columns.length)
+    return;
+  const {
+    rightTableRef,
+    ...rest
+  } = props;
+  return vue.createVNode(tableGrid["default"], vue.mergeProps({
+    "ref": rightTableRef
+  }, rest), _isSlot(slots) ? slots : {
+    default: () => [slots]
+  });
+};
+
+exports["default"] = LeftTable;
+//# sourceMappingURL=right-table.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"right-table.js","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,eAAA,CAAAC,oBAAA,EAAAC,cAAA,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;;;;"}