element-pe 2.0.6 → 2.0.9

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

@@ -0,0 +1,30 @@
+'use strict';
+
+Object.defineProperty(exports, '__esModule', { value: true });
+
+const calcColumnStyle = (column, fixedColumn) => {
+  var _a;
+  const flex = {
+    flexGrow: 0,
+    flexShrink: 0
+  };
+  if (column.fixed) {
+    flex.flexShrink = 1;
+  }
+  const style = {
+    ...(_a = column.style) != null ? _a : {},
+    ...flex,
+    flexBasis: "auto",
+    width: column.width
+  };
+  if (!fixedColumn) {
+    if (column.maxWidth)
+      style.maxWidth = column.maxWidth;
+    if (column.minWidth)
+      style.maxWidth = column.minWidth;
+  }
+  return style;
+};
+
+exports.calcColumnStyle = calcColumnStyle;
+//# sourceMappingURL=utils.js.map

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

@@ -1 +1,17 @@
-export declare const sortOrders: readonly ["asc", "desc"];
+export declare enum SortOrder {
+    ASC = "asc",
+    DESC = "desc"
+}
+export declare enum Alignment {
+    CENTER = "center",
+    RIGHT = "right"
+}
+export declare enum FixedDir {
+    LEFT = "left",
+    RIGHT = "right"
+}
+export declare const oppositeOrderMap: {
+    asc: SortOrder;
+    desc: SortOrder;
+};
+export declare const sortOrders: readonly [SortOrder.ASC, SortOrder.DESC];

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

@@ -2,7 +2,30 @@
 
 Object.defineProperty(exports, '__esModule', { value: true });
 
-const sortOrders = ["asc", "desc"];
+var SortOrder = /* @__PURE__ */ ((SortOrder2) => {
+  SortOrder2["ASC"] = "asc";
+  SortOrder2["DESC"] = "desc";
+  return SortOrder2;
+})(SortOrder || {});
+var Alignment = /* @__PURE__ */ ((Alignment2) => {
+  Alignment2["CENTER"] = "center";
+  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 */
+};
+const sortOrders = ["asc" /* ASC */, "desc" /* DESC */];
 
+exports.Alignment = Alignment;
+exports.FixedDir = FixedDir;
+exports.SortOrder = SortOrder;
+exports.oppositeOrderMap = oppositeOrderMap;
 exports.sortOrders = sortOrders;
 //# sourceMappingURL=constants.js.map

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 const sortOrders = ['asc', 'desc'] as const\n"],"names":[],"mappings":";;;;AAAY,MAAC,UAAU,GAAG,CAAC,KAAK,EAAE,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,27 +1,22 @@
 import type { ExtractPropTypes } from 'vue';
+import type { ItemSize } from 'element-pe/es/components/virtual-list';
+export declare type onRowRenderedParams = {
+    rowCacheStart: number;
+    rowCacheEnd: number;
+    rowVisibleStart: number;
+    rowVisibleEnd: number;
+};
 export declare const tableV2GridProps: {
-    readonly columns: import("element-pe/es/utils").BuildPropReturn<import("element-pe/es/utils").PropWrapper<{
-        [key: string]: any;
-        key: import("./types").KeyType;
-        dataKey?: string | undefined;
-        dataGetter?: import("./types").DataGetter<any> | undefined;
-        align?: import("./types").Alignment | undefined;
-        className?: any;
-        fixed?: true | import("./types").FixedDirection | undefined;
-        title?: string | undefined;
-        hidden?: boolean | undefined;
-        maxWidth?: number | undefined;
-        minWidth?: number | undefined;
-        resizable?: boolean | undefined;
-        style?: import("vue").CSSProperties | undefined;
-        sortable?: boolean | undefined;
-        width: number;
-        cellRenderer?: import("./types").CellRenderer<any> | undefined;
-        headerRenderer?: import("./types").HeaderRenderer<any> | undefined;
-    }[]>, unknown, true, unknown, unknown>;
+    readonly columns: import("element-pe/es/utils").BuildPropReturn<import("element-pe/es/utils").PropWrapper<import("./common").AnyColumn[]>, unknown, true, unknown, unknown>;
     readonly data: import("element-pe/es/utils").BuildPropReturn<import("element-pe/es/utils").PropWrapper<any[]>, unknown, true, unknown, unknown>;
     readonly fixedData: import("element-pe/es/utils").BuildPropReturn<import("element-pe/es/utils").PropWrapper<any[]>, unknown, unknown, unknown, unknown>;
-    readonly estimatedRowHeight: import("element-pe/es/utils").BuildPropReturn<NumberConstructor, never, false, never, never>;
+    readonly estimatedRowHeight: {
+        readonly default: undefined;
+        readonly type: import("vue").PropType<number>;
+        readonly required: false;
+        readonly validator: ((val: unknown) => boolean) | undefined;
+        readonly __elPropsReservedKey: true;
+    };
     readonly width: import("element-pe/es/utils").BuildPropReturn<NumberConstructor, unknown, true, unknown, unknown>;
     readonly height: import("element-pe/es/utils").BuildPropReturn<NumberConstructor, unknown, true, unknown, unknown>;
     readonly headerWidth: import("element-pe/es/utils").BuildPropReturn<NumberConstructor, unknown, true, unknown, unknown>;
@@ -29,12 +24,16 @@ export declare const tableV2GridProps: {
     readonly bodyWidth: import("element-pe/es/utils").BuildPropReturn<NumberConstructor, unknown, true, unknown, unknown>;
     readonly rowHeight: import("element-pe/es/utils").BuildPropReturn<NumberConstructor, unknown, true, unknown, unknown>;
     readonly cache: import("element-pe/es/utils").BuildPropReturn<NumberConstructor, 2, false, never, never>;
-    readonly rowKey: import("element-pe/es/utils").BuildPropReturn<import("element-pe/es/utils").PropWrapper<import("./types").KeyType>, "id", unknown, unknown, unknown>;
     readonly useIsScrolling: BooleanConstructor;
+    readonly scrollbarAlwaysOn: import("element-pe/es/utils").BuildPropReturn<BooleanConstructor, false, 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 onRowRendered: import("element-pe/es/utils").BuildPropReturn<FunctionConstructor, unknown, unknown, unknown, unknown>;
+    readonly getRowHeight: import("element-pe/es/utils").BuildPropReturn<import("element-pe/es/utils").PropWrapper<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: 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>;
 };
 export declare type TableV2GridProps = ExtractPropTypes<typeof tableV2GridProps>;

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

@@ -22,13 +22,20 @@ const tableV2GridProps = props.buildProps({
   bodyWidth: common.requiredNumber,
   rowHeight: common.requiredNumber,
   cache: props$1.virtualizedListProps.cache,
-  rowKey: row.tableV2RowProps.rowKey,
   useIsScrolling: Boolean,
+  scrollbarAlwaysOn: props$1.virtualizedGridProps.scrollbarAlwaysOn,
+  scrollbarStartGap: props$1.virtualizedGridProps.scrollbarStartGap,
+  scrollbarEndGap: props$1.virtualizedGridProps.scrollbarEndGap,
   class: common.classType,
   style: common.styleType,
   containerStyle: common.styleType,
-  onRowRendered: {
-    type: Function
+  getRowHeight: {
+    type: props.definePropType(Function),
+    required: true
+  },
+  rowKey: row.tableV2RowProps.rowKey,
+  onRowsRendered: {
+    type: props.definePropType(Function)
   },
   onScroll: {
     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 { virtualizedListProps } 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 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  rowKey: tableV2RowProps.rowKey,\n  useIsScrolling: Boolean,\n\n  /**\n   * CSS attributes\n   */\n  class: classType,\n  style: styleType,\n  containerStyle: styleType,\n\n  /**\n   * Event handlers\n   */\n  onRowRendered: {\n    type: 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","classType","styleType","definePropType"],"mappings":";;;;;;;;;;;;AAYY,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,MAAM,EAAEH,mBAAe,CAAC,MAAM;AAChC,EAAE,cAAc,EAAE,OAAO;AACzB,EAAE,KAAK,EAAEI,gBAAS;AAClB,EAAE,KAAK,EAAEC,gBAAS;AAClB,EAAE,cAAc,EAAEA,gBAAS;AAC3B,EAAE,aAAa,EAAE;AACjB,IAAI,IAAI,EAAE,QAAQ;AAClB,GAAG;AACH,EAAE,QAAQ,EAAE;AACZ,IAAI,IAAI,EAAEC,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/header-cell.d.ts

@@ -2,24 +2,6 @@ import type { ExtractPropTypes } from 'vue';
 export declare const tableV2HeaderCell: {
     class: StringConstructor;
     columnIndex: NumberConstructor;
-    column: import("element-pe/es/utils").BuildPropReturn<import("element-pe/es/utils").PropWrapper<{
-        [key: string]: any;
-        key: import("./types").KeyType;
-        dataKey?: string | undefined;
-        dataGetter?: import("./types").DataGetter<any> | undefined;
-        align?: import("./types").Alignment | undefined;
-        className?: any;
-        fixed?: true | import("./types").FixedDirection | undefined;
-        title?: string | undefined;
-        hidden?: boolean | undefined;
-        maxWidth?: number | undefined;
-        minWidth?: number | undefined;
-        resizable?: boolean | undefined;
-        style?: import("vue").CSSProperties | undefined;
-        sortable?: boolean | undefined;
-        width: number;
-        cellRenderer?: import("./types").CellRenderer<any> | undefined;
-        headerRenderer?: import("./types").HeaderRenderer<any> | undefined;
-    }>, unknown, unknown, unknown, unknown>;
+    column: import("element-pe/es/utils").BuildPropReturn<import("element-pe/es/utils").PropWrapper<import("./common").AnyColumn>, unknown, unknown, unknown, unknown>;
 };
 export declare type TableV2HeaderCell = ExtractPropTypes<typeof tableV2HeaderCell>;

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

@@ -1,26 +1,7 @@
 import type { CSSProperties, ExtractPropTypes } from 'vue';
 export declare const tableV2HeaderRowProps: {
     readonly class: StringConstructor;
-    readonly columns: import("element-pe/es/utils").BuildPropReturn<import("element-pe/es/utils").PropWrapper<{
-        [key: string]: any;
-        key: import("./types").KeyType;
-        dataKey?: string | undefined;
-        dataGetter?: import("./types").DataGetter<any> | undefined;
-        align?: import("./types").Alignment | undefined;
-        className?: any;
-        fixed?: true | import("./types").FixedDirection | undefined;
-        title?: string | undefined;
-        hidden?: boolean | undefined;
-        maxWidth?: number | undefined;
-        minWidth?: number | undefined;
-        resizable?: boolean | undefined;
-        style?: CSSProperties | undefined;
-        sortable?: boolean | undefined;
-        width: number;
-        cellRenderer?: import("./types").CellRenderer<any> | undefined;
-        headerRenderer?: import("./types").HeaderRenderer<any> | undefined;
-    }[]>, unknown, true, unknown, unknown>;
-    readonly expandColumnKey: StringConstructor;
+    readonly columns: import("element-pe/es/utils").BuildPropReturn<import("element-pe/es/utils").PropWrapper<import("./common").AnyColumn[]>, unknown, true, unknown, unknown>;
     readonly headerIndex: NumberConstructor;
     readonly style: import("element-pe/es/utils").BuildPropReturn<import("element-pe/es/utils").PropWrapper<CSSProperties>, unknown, unknown, unknown, unknown>;
 };

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

@@ -9,7 +9,6 @@ var props = require('../../../utils/vue/props.js');
 const tableV2HeaderRowProps = props.buildProps({
   class: String,
   columns: common.columns,
-  expandColumnKey: String,
   headerIndex: Number,
   style: { type: props.definePropType(Object) }
 });

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

@@ -1 +1 @@
-{"version":3,"file":"header-row.js","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  expandColumnKey: String,\n  headerIndex: Number,\n  style: { type: definePropType<CSSProperties>(Object) },\n} as const)\n\nexport type TableV2HeaderRowProps = ExtractPropTypes<\n  typeof tableV2HeaderRowProps\n>\n"],"names":["buildProps","columns","definePropType"],"mappings":";;;;;;;;AAEY,MAAC,qBAAqB,GAAGA,gBAAU,CAAC;AAChD,EAAE,KAAK,EAAE,MAAM;AACf,WAAEC,cAAO;AACT,EAAE,eAAe,EAAE,MAAM;AACzB,EAAE,WAAW,EAAE,MAAM;AACrB,EAAE,KAAK,EAAE,EAAE,IAAI,EAAEC,oBAAc,CAAC,MAAM,CAAC,EAAE;AACzC,CAAC;;;;"}
+{"version":3,"file":"header-row.js","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":["buildProps","columns","definePropType"],"mappings":";;;;;;;;AAEY,MAAC,qBAAqB,GAAGA,gBAAU,CAAC;AAChD,EAAE,KAAK,EAAE,MAAM;AACf,WAAEC,cAAO;AACT,EAAE,WAAW,EAAE,MAAM;AACrB,EAAE,KAAK,EAAE,EAAE,IAAI,EAAEC,oBAAc,CAAC,MAAM,CAAC,EAAE;AACzC,CAAC;;;;"}

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

@@ -1,25 +1,7 @@
 import type { ExtractPropTypes } from 'vue';
 export declare const tableV2HeaderProps: {
     readonly class: StringConstructor;
-    readonly columns: import("element-pe/es/utils").BuildPropReturn<import("element-pe/es/utils").PropWrapper<{
-        [key: string]: any;
-        key: import("./types").KeyType;
-        dataKey?: string | undefined;
-        dataGetter?: import("./types").DataGetter<any> | undefined;
-        align?: import("./types").Alignment | undefined;
-        className?: any;
-        fixed?: true | import("./types").FixedDirection | undefined;
-        title?: string | undefined;
-        hidden?: boolean | undefined;
-        maxWidth?: number | undefined;
-        minWidth?: number | undefined;
-        resizable?: boolean | undefined;
-        style?: import("vue").CSSProperties | undefined;
-        sortable?: boolean | undefined;
-        width: number;
-        cellRenderer?: import("./types").CellRenderer<any> | undefined;
-        headerRenderer?: import("./types").HeaderRenderer<any> | undefined;
-    }[]>, unknown, true, unknown, unknown>;
+    readonly columns: import("element-pe/es/utils").BuildPropReturn<import("element-pe/es/utils").PropWrapper<import("./common").AnyColumn[]>, unknown, true, unknown, unknown>;
     readonly fixedHeaderData: import("element-pe/es/utils").BuildPropReturn<import("element-pe/es/utils").PropWrapper<any[]>, unknown, unknown, unknown, unknown>;
     readonly headerData: import("element-pe/es/utils").BuildPropReturn<import("element-pe/es/utils").PropWrapper<any[]>, unknown, true, unknown, unknown>;
     readonly headerHeight: import("element-pe/es/utils").BuildPropReturn<import("element-pe/es/utils").PropWrapper<number | number[]>, 50, unknown, unknown, unknown>;

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

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

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

@@ -0,0 +1,8 @@
+'use strict';
+
+Object.defineProperty(exports, '__esModule', { value: true });
+
+const placeholderSign = Symbol("placeholder");
+
+exports.placeholderSign = placeholderSign;
+//# sourceMappingURL=private.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"private.js","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/lib/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-pe/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/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

@@ -0,0 +1,10 @@
+import type { FunctionalComponent, UnwrapNestedRefs } from 'vue';
+import type { UseNamespaceReturn } from 'element-pe/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/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

@@ -0,0 +1,9 @@
+import type { FunctionalComponent } from 'vue';
+import type { UseNamespaceReturn } from 'element-pe/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;