@element-plus/nightly 0.0.20220405 → 0.0.20220408

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

@@ -0,0 +1,49 @@
+'use strict';
+
+Object.defineProperty(exports, '__esModule', { value: true });
+
+require('../../../utils/index.js');
+var props = require('../../../utils/vue/props.js');
+
+const widthType = {
+  type: Number,
+  default: void 0
+};
+const tableV2ColumnProps = props.buildProps({
+  align: {
+    type: props.definePropType(String),
+    default: "left"
+  },
+  class: String,
+  dataKey: String,
+  fixed: {
+    type: props.definePropType([String, Boolean]),
+    default: false
+  },
+  headerClass: String,
+  hidden: Boolean,
+  resizable: Boolean,
+  style: {
+    type: props.definePropType(Object)
+  },
+  sortable: Boolean,
+  title: String,
+  maxWidth: widthType,
+  minWidth: widthType,
+  width: {
+    type: Number,
+    required: true
+  },
+  cellRenderer: {
+    type: props.definePropType(Function)
+  },
+  dataGetter: {
+    type: props.definePropType(Function)
+  },
+  headerRenderer: {
+    type: props.definePropType(Function)
+  }
+});
+
+exports.tableV2ColumnProps = tableV2ColumnProps;
+//# sourceMappingURL=column.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"column.js","sources":["../../../../../../packages/components/table-v2/src/column.ts"],"sourcesContent":["import { buildProps, definePropType } from '@element-plus/utils'\n\nimport type { ExtractPropTypes, StyleValue } from 'vue'\nimport type {\n  Alignment,\n  CellRenderer,\n  DataGetter,\n  FixedDirection,\n  HeaderRenderer,\n} from './types'\n\nconst widthType = {\n  type: Number,\n  default: undefined,\n} as const\n\nexport const tableV2ColumnProps = buildProps({\n  /**\n   * Attributes\n   */\n  align: {\n    type: definePropType<Alignment>(String),\n    default: 'left',\n  },\n  class: String,\n  dataKey: String,\n  fixed: {\n    type: definePropType<boolean | FixedDirection>([String, Boolean]),\n    default: false,\n  },\n  headerClass: String,\n  hidden: Boolean,\n  resizable: Boolean,\n  style: {\n    type: definePropType<StyleValue>(Object),\n  },\n  sortable: Boolean,\n  title: String,\n\n  maxWidth: widthType,\n  minWidth: widthType,\n  width: {\n    type: Number,\n    required: true,\n  },\n\n  // getters & renderers\n  cellRenderer: {\n    type: definePropType<CellRenderer<any>>(Function),\n  },\n  dataGetter: {\n    type: definePropType<DataGetter<any>>(Function),\n  },\n  headerRenderer: {\n    type: definePropType<HeaderRenderer<any>>(Function),\n  },\n} as const)\n\nexport type TableV2ColumnProps = ExtractPropTypes<typeof tableV2ColumnProps>\n"],"names":["buildProps","definePropType"],"mappings":";;;;;;;AACA,MAAM,SAAS,GAAG;AAClB,EAAE,IAAI,EAAE,MAAM;AACd,EAAE,OAAO,EAAE,KAAK,CAAC;AACjB,CAAC,CAAC;AACU,MAAC,kBAAkB,GAAGA,gBAAU,CAAC;AAC7C,EAAE,KAAK,EAAE;AACT,IAAI,IAAI,EAAEC,oBAAc,CAAC,MAAM,CAAC;AAChC,IAAI,OAAO,EAAE,MAAM;AACnB,GAAG;AACH,EAAE,KAAK,EAAE,MAAM;AACf,EAAE,OAAO,EAAE,MAAM;AACjB,EAAE,KAAK,EAAE;AACT,IAAI,IAAI,EAAEA,oBAAc,CAAC,CAAC,MAAM,EAAE,OAAO,CAAC,CAAC;AAC3C,IAAI,OAAO,EAAE,KAAK;AAClB,GAAG;AACH,EAAE,WAAW,EAAE,MAAM;AACrB,EAAE,MAAM,EAAE,OAAO;AACjB,EAAE,SAAS,EAAE,OAAO;AACpB,EAAE,KAAK,EAAE;AACT,IAAI,IAAI,EAAEA,oBAAc,CAAC,MAAM,CAAC;AAChC,GAAG;AACH,EAAE,QAAQ,EAAE,OAAO;AACnB,EAAE,KAAK,EAAE,MAAM;AACf,EAAE,QAAQ,EAAE,SAAS;AACrB,EAAE,QAAQ,EAAE,SAAS;AACrB,EAAE,KAAK,EAAE;AACT,IAAI,IAAI,EAAE,MAAM;AAChB,IAAI,QAAQ,EAAE,IAAI;AAClB,GAAG;AACH,EAAE,YAAY,EAAE;AAChB,IAAI,IAAI,EAAEA,oBAAc,CAAC,QAAQ,CAAC;AAClC,GAAG;AACH,EAAE,UAAU,EAAE;AACd,IAAI,IAAI,EAAEA,oBAAc,CAAC,QAAQ,CAAC;AAClC,GAAG;AACH,EAAE,cAAc,EAAE;AAClB,IAAI,IAAI,EAAEA,oBAAc,CAAC,QAAQ,CAAC;AAClC,GAAG;AACH,CAAC;;;;"}

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

@@ -0,0 +1 @@
+export declare const sortOrders: readonly ["asc", "desc"];

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

@@ -0,0 +1,8 @@
+'use strict';
+
+Object.defineProperty(exports, '__esModule', { value: true });
+
+const sortOrders = ["asc", "desc"];
+
+exports.sortOrders = sortOrders;
+//# sourceMappingURL=constants.js.map

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

@@ -0,0 +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;;;;"}

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

@@ -0,0 +1,43 @@
+import type { CSSProperties, ExtractPropTypes } from 'vue';
+import type { Column, FixedDirection, KeyType, RowCommonParams } from './types';
+export declare type RowExpandParams<T> = {
+    expanded: boolean;
+    rowKey: KeyType;
+} & RowCommonParams<T>;
+export declare type RowHoverParams<T> = {
+    event: MouseEvent;
+    hovered: boolean;
+    rowKey: KeyType;
+} & RowCommonParams<T>;
+export declare type RowEventHandlerParams<T> = {
+    rowKey: KeyType;
+    event: Event;
+} & RowCommonParams<T>;
+export declare type RowExpandHandler<T> = (params: RowExpandParams<T>) => void;
+export declare type RowHoverHandler<T> = (params: RowHoverParams<T>) => void;
+export declare type RowEventHandler<T> = (params: RowEventHandlerParams<T>) => void;
+export declare type RowHeightChangeHandler = (rowKey: KeyType, height: number, rowIndex: number, fixedDirection: boolean | FixedDirection) => void;
+export declare type RowEventHandlers<T> = {
+    onClick?: RowEventHandler<T>;
+    onContextmenu?: RowEventHandler<T>;
+    onDblclick?: RowEventHandler<T>;
+    onMouseenter?: RowEventHandler<T>;
+    onMouseleave?: RowEventHandler<T>;
+};
+export declare const tableV2RowProps: {
+    readonly class: StringConstructor;
+    readonly columns: import("element-plus/es/utils").BuildPropReturn<import("element-plus/es/utils").PropWrapper<Column<any>[]>, unknown, true, unknown, unknown>;
+    readonly depth: NumberConstructor;
+    readonly expandColumnKey: StringConstructor;
+    readonly estimatedRowHeight: import("element-plus/es/utils").BuildPropReturn<NumberConstructor, never, false, never, never>;
+    readonly isScrolling: BooleanConstructor;
+    readonly onRowExpand: import("element-plus/es/utils").BuildPropReturn<import("element-plus/es/utils").PropWrapper<RowExpandHandler<any>>, unknown, unknown, unknown, unknown>;
+    readonly onRowHover: import("element-plus/es/utils").BuildPropReturn<import("element-plus/es/utils").PropWrapper<RowHoverHandler<any>>, unknown, unknown, unknown, unknown>;
+    readonly onRowHeightChange: import("element-plus/es/utils").BuildPropReturn<import("element-plus/es/utils").PropWrapper<RowHeightChangeHandler>, unknown, unknown, unknown, unknown>;
+    readonly rowData: import("element-plus/es/utils").BuildPropReturn<import("element-plus/es/utils").PropWrapper<any>, unknown, true, unknown, unknown>;
+    readonly rowEventHandlers: import("element-plus/es/utils").BuildPropReturn<import("element-plus/es/utils").PropWrapper<RowEventHandlers<any>>, unknown, unknown, unknown, unknown>;
+    readonly rowIndex: import("element-plus/es/utils").BuildPropReturn<NumberConstructor, unknown, true, unknown, unknown>;
+    readonly rowKey: import("element-plus/es/utils").BuildPropReturn<import("element-plus/es/utils").PropWrapper<KeyType>, unknown, true, unknown, unknown>;
+    readonly style: import("element-plus/es/utils").BuildPropReturn<import("element-plus/es/utils").PropWrapper<CSSProperties>, unknown, unknown, unknown, unknown>;
+};
+export declare type TableV2RowProps = ExtractPropTypes<typeof tableV2RowProps>;

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

@@ -0,0 +1,50 @@
+'use strict';
+
+Object.defineProperty(exports, '__esModule', { value: true });
+
+require('../../../utils/index.js');
+require('../../virtual-list/index.js');
+var props = require('../../../utils/vue/props.js');
+var props$1 = require('../../virtual-list/src/props.js');
+
+const tableV2RowProps = props.buildProps({
+  class: String,
+  columns: {
+    type: props.definePropType(Array),
+    required: true
+  },
+  depth: Number,
+  expandColumnKey: String,
+  estimatedRowHeight: props$1.virtualizedGridProps.estimatedRowHeight,
+  isScrolling: Boolean,
+  onRowExpand: {
+    type: props.definePropType(Function)
+  },
+  onRowHover: {
+    type: props.definePropType(Function)
+  },
+  onRowHeightChange: {
+    type: props.definePropType(Function)
+  },
+  rowData: {
+    type: props.definePropType(Object),
+    required: true
+  },
+  rowEventHandlers: {
+    type: props.definePropType(Object)
+  },
+  rowIndex: {
+    type: Number,
+    required: true
+  },
+  rowKey: {
+    type: props.definePropType([String, Number, Symbol]),
+    required: true
+  },
+  style: {
+    type: props.definePropType(Object)
+  }
+});
+
+exports.tableV2RowProps = tableV2RowProps;
+//# sourceMappingURL=row.js.map

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

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

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

@@ -0,0 +1,42 @@
+import type { CSSProperties } from 'vue';
+import type { RowEventHandlers } from './row';
+declare const TableV2Row: import("vue").DefineComponent<{
+    readonly class: StringConstructor;
+    readonly columns: import("element-plus/es/utils").BuildPropReturn<import("element-plus/es/utils").PropWrapper<import("./types").Column<any>[]>, unknown, true, unknown, unknown>;
+    readonly depth: NumberConstructor;
+    readonly expandColumnKey: StringConstructor;
+    readonly estimatedRowHeight: import("element-plus/es/utils").BuildPropReturn<NumberConstructor, never, false, never, never>;
+    readonly isScrolling: BooleanConstructor;
+    readonly onRowExpand: import("element-plus/es/utils").BuildPropReturn<import("element-plus/es/utils").PropWrapper<import("./row").RowExpandHandler<any>>, unknown, unknown, unknown, unknown>;
+    readonly onRowHover: import("element-plus/es/utils").BuildPropReturn<import("element-plus/es/utils").PropWrapper<import("./row").RowHoverHandler<any>>, unknown, unknown, unknown, unknown>;
+    readonly onRowHeightChange: import("element-plus/es/utils").BuildPropReturn<import("element-plus/es/utils").PropWrapper<import("./row").RowHeightChangeHandler>, unknown, unknown, unknown, unknown>;
+    readonly rowData: import("element-plus/es/utils").BuildPropReturn<import("element-plus/es/utils").PropWrapper<any>, unknown, true, unknown, unknown>;
+    readonly rowEventHandlers: import("element-plus/es/utils").BuildPropReturn<import("element-plus/es/utils").PropWrapper<RowEventHandlers<any>>, unknown, unknown, unknown, unknown>;
+    readonly rowIndex: import("element-plus/es/utils").BuildPropReturn<NumberConstructor, unknown, true, unknown, unknown>;
+    readonly rowKey: import("element-plus/es/utils").BuildPropReturn<import("element-plus/es/utils").PropWrapper<import("./types").KeyType>, unknown, true, unknown, unknown>;
+    readonly style: import("element-plus/es/utils").BuildPropReturn<import("element-plus/es/utils").PropWrapper<CSSProperties>, unknown, unknown, unknown, unknown>;
+}, () => JSX.Element, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, Record<string, any>, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{
+    readonly class: StringConstructor;
+    readonly columns: import("element-plus/es/utils").BuildPropReturn<import("element-plus/es/utils").PropWrapper<import("./types").Column<any>[]>, unknown, true, unknown, unknown>;
+    readonly depth: NumberConstructor;
+    readonly expandColumnKey: StringConstructor;
+    readonly estimatedRowHeight: import("element-plus/es/utils").BuildPropReturn<NumberConstructor, never, false, never, never>;
+    readonly isScrolling: BooleanConstructor;
+    readonly onRowExpand: import("element-plus/es/utils").BuildPropReturn<import("element-plus/es/utils").PropWrapper<import("./row").RowExpandHandler<any>>, unknown, unknown, unknown, unknown>;
+    readonly onRowHover: import("element-plus/es/utils").BuildPropReturn<import("element-plus/es/utils").PropWrapper<import("./row").RowHoverHandler<any>>, unknown, unknown, unknown, unknown>;
+    readonly onRowHeightChange: import("element-plus/es/utils").BuildPropReturn<import("element-plus/es/utils").PropWrapper<import("./row").RowHeightChangeHandler>, unknown, unknown, unknown, unknown>;
+    readonly rowData: import("element-plus/es/utils").BuildPropReturn<import("element-plus/es/utils").PropWrapper<any>, unknown, true, unknown, unknown>;
+    readonly rowEventHandlers: import("element-plus/es/utils").BuildPropReturn<import("element-plus/es/utils").PropWrapper<RowEventHandlers<any>>, unknown, unknown, unknown, unknown>;
+    readonly rowIndex: import("element-plus/es/utils").BuildPropReturn<NumberConstructor, unknown, true, unknown, unknown>;
+    readonly rowKey: import("element-plus/es/utils").BuildPropReturn<import("element-plus/es/utils").PropWrapper<import("./types").KeyType>, unknown, true, unknown, unknown>;
+    readonly style: import("element-plus/es/utils").BuildPropReturn<import("element-plus/es/utils").PropWrapper<CSSProperties>, unknown, unknown, unknown, unknown>;
+}>>, {
+    style: CSSProperties;
+    isScrolling: boolean;
+    estimatedRowHeight: number;
+    onRowExpand: import("./row").RowExpandHandler<any>;
+    onRowHover: import("./row").RowHoverHandler<any>;
+    onRowHeightChange: import("./row").RowHeightChangeHandler;
+    rowEventHandlers: RowEventHandlers<any>;
+}>;
+export default TableV2Row;

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

@@ -0,0 +1,59 @@
+import type { ExtractPropTypes, StyleValue } from 'vue';
+import type { Column, ColumnCommonParams, RowCommonParams, SortOrder } from './types';
+/**
+ * Param types
+ */
+export declare type ColumnSortParams<T> = {
+    column: Column<T>;
+    key: KeyType;
+    order: SortOrder;
+};
+/**
+ * Renderer/Getter types
+ */
+export declare type ExtraCellPropGetter<T> = (params: ColumnCommonParams<T> & RowCommonParams<T>) => any;
+export declare type ExtractHeaderPropGetter<T> = (params: {
+    columns: Column<T>[];
+    headerIndex: number;
+}) => any;
+export declare type ExtractHeaderCellPropGetter<T> = (params: ColumnCommonParams<T> & {
+    headerIndex: number;
+}) => any;
+export declare type ExtractRowPropGetter<T> = (params: {
+    columns: Column<T>[];
+} & RowCommonParams<T>) => any;
+export declare type HeaderClassNameGetter<T> = (params: {
+    columns: Column<T>[];
+    headerIndex: number;
+}) => string;
+export declare type RowClassNameGetter<T> = (params: {
+    columns: Column<T>[];
+} & RowCommonParams<T>) => string;
+/**
+ * Handler types
+ */
+export declare type ColumnSortHandler<T> = (params: ColumnSortParams<T>) => void;
+export declare const tableV2Props: {
+    readonly cellProps: import("element-plus/es/utils").BuildPropReturn<import("element-plus/es/utils").PropWrapper<any>, unknown, unknown, unknown, unknown>;
+    readonly headerClassName: import("element-plus/es/utils").BuildPropReturn<import("element-plus/es/utils").PropWrapper<string | HeaderClassNameGetter<any>>, unknown, unknown, unknown, unknown>;
+    readonly headerProps: import("element-plus/es/utils").BuildPropReturn<import("element-plus/es/utils").PropWrapper<any>, unknown, unknown, unknown, unknown>;
+    readonly headerCellProps: import("element-plus/es/utils").BuildPropReturn<import("element-plus/es/utils").PropWrapper<any>, unknown, unknown, unknown, unknown>;
+    readonly rowClassName: import("element-plus/es/utils").BuildPropReturn<import("element-plus/es/utils").PropWrapper<string | RowClassNameGetter<any>>, unknown, unknown, unknown, unknown>;
+    readonly rowProps: import("element-plus/es/utils").BuildPropReturn<import("element-plus/es/utils").PropWrapper<any>, unknown, unknown, unknown, unknown>;
+    readonly columns: import("element-plus/es/utils").BuildPropReturn<import("element-plus/es/utils").PropWrapper<Column<any>[]>, unknown, true, unknown, unknown>;
+    readonly fixedData: import("element-plus/es/utils").BuildPropReturn<import("element-plus/es/utils").PropWrapper<any[]>, unknown, unknown, unknown, unknown>;
+    readonly data: import("element-plus/es/utils").BuildPropReturn<import("element-plus/es/utils").PropWrapper<any[]>, unknown, unknown, unknown, unknown>;
+    readonly expandedRowKeys: import("element-plus/es/utils").BuildPropReturn<import("element-plus/es/utils").PropWrapper<KeyType[]>, unknown, unknown, unknown, unknown>;
+    readonly defaultExpandedRowKeys: import("element-plus/es/utils").BuildPropReturn<import("element-plus/es/utils").PropWrapper<KeyType[]>, unknown, unknown, unknown, unknown>;
+    readonly classNames: import("element-plus/es/utils").BuildPropReturn<import("element-plus/es/utils").PropWrapper<string | string[]>, unknown, unknown, unknown, unknown>;
+    readonly disabled: BooleanConstructor;
+    readonly footerHeight: import("element-plus/es/utils").BuildPropReturn<import("element-plus/es/utils").PropWrapper<number | number[]>, unknown, unknown, unknown, unknown>;
+    readonly headerHeight: import("element-plus/es/utils").BuildPropReturn<import("element-plus/es/utils").PropWrapper<number | number[]>, unknown, unknown, unknown, unknown>;
+    readonly style: import("element-plus/es/utils").BuildPropReturn<import("element-plus/es/utils").PropWrapper<StyleValue>, unknown, unknown, unknown, unknown>;
+    readonly sortBy: import("element-plus/es/utils").BuildPropReturn<import("element-plus/es/utils").PropWrapper<{
+        key: KeyType;
+        order: readonly ["asc", "desc"];
+    }>, unknown, unknown, unknown, unknown>;
+    readonly onColumnSort: import("element-plus/es/utils").BuildPropReturn<import("element-plus/es/utils").PropWrapper<ColumnSortParams<any>>, unknown, unknown, unknown, unknown>;
+};
+export declare type TableV2Props = ExtractPropTypes<typeof tableV2Props>;

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

@@ -0,0 +1,74 @@
+'use strict';
+
+Object.defineProperty(exports, '__esModule', { value: true });
+
+require('../../../utils/index.js');
+var props = require('../../../utils/vue/props.js');
+
+const tableV2Props = props.buildProps({
+  cellProps: {
+    type: props.definePropType([Object, Function])
+  },
+  headerClassName: {
+    type: props.definePropType([
+      String,
+      Function
+    ])
+  },
+  headerProps: {
+    type: props.definePropType([
+      Object,
+      Function
+    ])
+  },
+  headerCellProps: {
+    type: props.definePropType([
+      Object,
+      Function
+    ])
+  },
+  rowClassName: {
+    type: props.definePropType([String, Function])
+  },
+  rowProps: {
+    type: props.definePropType([Object, Function])
+  },
+  columns: {
+    type: props.definePropType(Array),
+    required: true
+  },
+  fixedData: {
+    type: props.definePropType(Array)
+  },
+  data: {
+    type: props.definePropType(Array)
+  },
+  expandedRowKeys: {
+    type: props.definePropType(Array)
+  },
+  defaultExpandedRowKeys: {
+    type: props.definePropType(Array)
+  },
+  classNames: {
+    type: props.definePropType([String, Array])
+  },
+  disabled: Boolean,
+  footerHeight: {
+    type: props.definePropType([Number, Array])
+  },
+  headerHeight: {
+    type: props.definePropType([Number, Array])
+  },
+  style: {
+    type: props.definePropType([String, Array, Object])
+  },
+  sortBy: {
+    type: props.definePropType(Object)
+  },
+  onColumnSort: {
+    type: props.definePropType(Function)
+  }
+});
+
+exports.tableV2Props = tableV2Props;
+//# sourceMappingURL=table.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"table.js","sources":["../../../../../../packages/components/table-v2/src/table.ts"],"sourcesContent":["import { buildProps, definePropType } from '@element-plus/utils'\n\nimport type { ExtractPropTypes, StyleValue } from 'vue'\nimport type {\n  Column,\n  ColumnCommonParams,\n  RowCommonParams,\n  SortOrder,\n} from './types'\n\n/**\n * Param types\n */\nexport type ColumnSortParams<T> = {\n  column: Column<T>\n  key: KeyType\n  order: SortOrder\n}\n\n/**\n * Renderer/Getter types\n */\n\nexport type ExtraCellPropGetter<T> = (\n  params: ColumnCommonParams<T> & RowCommonParams<T>\n) => any\n\nexport type ExtractHeaderPropGetter<T> = (params: {\n  columns: Column<T>[]\n  headerIndex: number\n}) => any\n\nexport type ExtractHeaderCellPropGetter<T> = (\n  params: ColumnCommonParams<T> & { headerIndex: number }\n) => any\n\nexport type ExtractRowPropGetter<T> = (\n  params: { columns: Column<T>[] } & RowCommonParams<T>\n) => any\n\nexport type HeaderClassNameGetter<T> = (params: {\n  columns: Column<T>[]\n  headerIndex: number\n}) => string\n\nexport type RowClassNameGetter<T> = (\n  params: { columns: Column<T>[] } & RowCommonParams<T>\n) => string\n\n/**\n * Handler types\n */\nexport type ColumnSortHandler<T> = (params: ColumnSortParams<T>) => void\n\nexport const tableV2Props = buildProps({\n  /**\n   * extra props deriver\n   */\n  cellProps: {\n    type: definePropType<any | ExtraCellPropGetter<any>>([Object, Function]),\n  },\n  headerClassName: {\n    type: definePropType<string | HeaderClassNameGetter<any>>([\n      String,\n      Function,\n    ]),\n  },\n  headerProps: {\n    type: definePropType<any | ExtractHeaderPropGetter<any>>([\n      Object,\n      Function,\n    ]),\n  },\n  headerCellProps: {\n    type: definePropType<any | ExtractHeaderCellPropGetter<any>>([\n      Object,\n      Function,\n    ]),\n  },\n  rowClassName: {\n    type: definePropType<string | RowClassNameGetter<any>>([String, Function]),\n  },\n  rowProps: {\n    type: definePropType<any | ExtractRowPropGetter<any>>([Object, Function]),\n  },\n\n  /**\n   * Data models\n   */\n  columns: {\n    type: definePropType<Column<any>[]>(Array),\n    required: true,\n  },\n  fixedData: {\n    type: definePropType<any[]>(Array),\n  },\n  data: {\n    type: definePropType<any[]>(Array),\n  },\n\n  /**\n   * Expanded keys\n   */\n  expandedRowKeys: {\n    type: definePropType<KeyType[]>(Array),\n  },\n  defaultExpandedRowKeys: {\n    type: definePropType<KeyType[]>(Array),\n  },\n\n  /**\n   * Attributes\n   */\n  classNames: {\n    type: definePropType<string | string[]>([String, Array]),\n  },\n  disabled: Boolean,\n  footerHeight: {\n    type: definePropType<number | number[]>([Number, Array]),\n  },\n  headerHeight: {\n    type: definePropType<number | number[]>([Number, Array]),\n  },\n  style: {\n    type: definePropType<StyleValue>([String, Array, Object]),\n  },\n  sortBy: {\n    type: definePropType<{ key: KeyType; order: SortOrder }>(Object),\n  },\n\n  /**\n   * Handlers\n   */\n  onColumnSort: {\n    type: definePropType<ColumnSortParams<any>>(Function),\n  },\n} as const)\n\nexport type TableV2Props = ExtractPropTypes<typeof tableV2Props>\n"],"names":["buildProps","definePropType"],"mappings":";;;;;;;AACY,MAAC,YAAY,GAAGA,gBAAU,CAAC;AACvC,EAAE,SAAS,EAAE;AACb,IAAI,IAAI,EAAEC,oBAAc,CAAC,CAAC,MAAM,EAAE,QAAQ,CAAC,CAAC;AAC5C,GAAG;AACH,EAAE,eAAe,EAAE;AACnB,IAAI,IAAI,EAAEA,oBAAc,CAAC;AACzB,MAAM,MAAM;AACZ,MAAM,QAAQ;AACd,KAAK,CAAC;AACN,GAAG;AACH,EAAE,WAAW,EAAE;AACf,IAAI,IAAI,EAAEA,oBAAc,CAAC;AACzB,MAAM,MAAM;AACZ,MAAM,QAAQ;AACd,KAAK,CAAC;AACN,GAAG;AACH,EAAE,eAAe,EAAE;AACnB,IAAI,IAAI,EAAEA,oBAAc,CAAC;AACzB,MAAM,MAAM;AACZ,MAAM,QAAQ;AACd,KAAK,CAAC;AACN,GAAG;AACH,EAAE,YAAY,EAAE;AAChB,IAAI,IAAI,EAAEA,oBAAc,CAAC,CAAC,MAAM,EAAE,QAAQ,CAAC,CAAC;AAC5C,GAAG;AACH,EAAE,QAAQ,EAAE;AACZ,IAAI,IAAI,EAAEA,oBAAc,CAAC,CAAC,MAAM,EAAE,QAAQ,CAAC,CAAC;AAC5C,GAAG;AACH,EAAE,OAAO,EAAE;AACX,IAAI,IAAI,EAAEA,oBAAc,CAAC,KAAK,CAAC;AAC/B,IAAI,QAAQ,EAAE,IAAI;AAClB,GAAG;AACH,EAAE,SAAS,EAAE;AACb,IAAI,IAAI,EAAEA,oBAAc,CAAC,KAAK,CAAC;AAC/B,GAAG;AACH,EAAE,IAAI,EAAE;AACR,IAAI,IAAI,EAAEA,oBAAc,CAAC,KAAK,CAAC;AAC/B,GAAG;AACH,EAAE,eAAe,EAAE;AACnB,IAAI,IAAI,EAAEA,oBAAc,CAAC,KAAK,CAAC;AAC/B,GAAG;AACH,EAAE,sBAAsB,EAAE;AAC1B,IAAI,IAAI,EAAEA,oBAAc,CAAC,KAAK,CAAC;AAC/B,GAAG;AACH,EAAE,UAAU,EAAE;AACd,IAAI,IAAI,EAAEA,oBAAc,CAAC,CAAC,MAAM,EAAE,KAAK,CAAC,CAAC;AACzC,GAAG;AACH,EAAE,QAAQ,EAAE,OAAO;AACnB,EAAE,YAAY,EAAE;AAChB,IAAI,IAAI,EAAEA,oBAAc,CAAC,CAAC,MAAM,EAAE,KAAK,CAAC,CAAC;AACzC,GAAG;AACH,EAAE,YAAY,EAAE;AAChB,IAAI,IAAI,EAAEA,oBAAc,CAAC,CAAC,MAAM,EAAE,KAAK,CAAC,CAAC;AACzC,GAAG;AACH,EAAE,KAAK,EAAE;AACT,IAAI,IAAI,EAAEA,oBAAc,CAAC,CAAC,MAAM,EAAE,KAAK,EAAE,MAAM,CAAC,CAAC;AACjD,GAAG;AACH,EAAE,MAAM,EAAE;AACV,IAAI,IAAI,EAAEA,oBAAc,CAAC,MAAM,CAAC;AAChC,GAAG;AACH,EAAE,YAAY,EAAE;AAChB,IAAI,IAAI,EAAEA,oBAAc,CAAC,QAAQ,CAAC;AAClC,GAAG;AACH,CAAC;;;;"}

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

@@ -0,0 +1,5 @@
+import type { InjectionKey, Ref } from 'vue';
+export declare type TableV2Context = {
+    isScrolling: Ref<boolean>;
+};
+export declare const TableV2InjectionKey: InjectionKey<TableV2Context>;

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

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

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

@@ -0,0 +1 @@
+{"version":3,"file":"tokens.js","sources":["../../../../../../packages/components/table-v2/src/tokens.ts"],"sourcesContent":["import type { InjectionKey, Ref } from 'vue'\n\nexport type TableV2Context = {\n  isScrolling: Ref<boolean>\n}\n\nexport const TableV2InjectionKey: InjectionKey<TableV2Context> =\n  Symbol('tableV2')\n"],"names":[],"mappings":";;;;AAAY,MAAC,mBAAmB,GAAG,MAAM,CAAC,SAAS;;;;"}

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

@@ -0,0 +1,70 @@
+import type { StyleValue, VNode } from 'vue';
+import type { sortOrders } from './constants';
+export declare type Alignment = 'left' | 'center' | 'right';
+export declare type FixedDirection = 'left' | 'right';
+export declare type KeyType = string | number | symbol;
+export declare type SortOrder = typeof sortOrders;
+/**
+ * Param types
+ */
+export declare type CellRendererParams<T> = {
+    cellData: T;
+} & RowCommonParams<T> & ColumnCommonParams<T>;
+export declare type ColumnCommonParams<T> = {
+    columns: Column<T>[];
+    column: Column<T>;
+    columnIndex: number;
+};
+export declare type HeaderRendererParams<T> = {
+    headerIndex: number;
+} & ColumnCommonParams<T>;
+export declare type RowCommonParams<T> = {
+    rowData: T[];
+    rowIndex: number;
+};
+export declare type ClassNameGetterParams<T> = {
+    cellData: T;
+} & RowCommonParams<T> & ColumnCommonParams<T>;
+export declare type DataGetterParams<T> = {
+    columns: Column<T>[];
+    column: Column<T>;
+    columnIndex: number;
+} & RowCommonParams<T>;
+export declare type DataGetter<T> = (params: DataGetterParams<T>) => T;
+export declare type ClassNameGetter<T> = (params: ClassNameGetterParams<T>) => string;
+/**
+ * Renderer/Getter types
+ */
+export declare type CellRenderer<T> = (params: CellRendererParams<T>) => VNode;
+export declare type HeaderRenderer<T> = (params: HeaderRendererParams<T>) => VNode;
+export declare type Column<T = any> = {
+    key: KeyType;
+    /**
+     * Data part
+     */
+    dataKey?: string;
+    dataGetter?: DataGetter<T>;
+    /**
+     * Attributes
+     */
+    align?: Alignment;
+    className?: any | ClassNameGetter<T>;
+    fixed?: true | FixedDirection;
+    title?: string;
+    hidden?: boolean;
+    maxWidth?: number;
+    minWidth?: number;
+    resizable?: boolean;
+    style?: StyleValue;
+    sortable?: boolean;
+    width: number;
+    /**
+     * Renderers
+     */
+    cellRenderer?: CellRenderer<T>;
+    headerRenderer?: HeaderRenderer<T>;
+    /**
+     * Extendable sections
+     */
+    [key: string]: any;
+};

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

@@ -0,0 +1,3 @@
+'use strict';
+
+//# sourceMappingURL=types.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"types.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;"}

package/lib/index.js

@@ -66,7 +66,7 @@ var index$q = require('./components/dropdown/index.js');
 var empty = require('./components/empty/src/empty.js');
 var index$r = require('./components/empty/index.js');
 var form = require('./components/form/src/form.js');
-var formItem = require('./components/form/src/form-item.js');
+var formItem = require('./components/form/src/form-item2.js');
 var index$s = require('./components/form/index.js');
 var icon = require('./components/icon/src/icon.js');
 var index$t = require('./components/icon/index.js');

package/lib/utils/vue/refs.js

@@ -2,7 +2,7 @@
 
 Object.defineProperty(exports, '__esModule', { value: true });
 
-require('../index.js');
+require('../types.js');
 var shared = require('@vue/shared');
 
 const composeRefs = (...refs) => {

package/lib/utils/vue/refs.js.map

@@ -1 +1 @@
-{"version":3,"file":"refs.js","sources":["../../../../../packages/utils/vue/refs.ts"],"sourcesContent":["import { isFunction } from '@element-plus/utils'\n\nimport type { ComponentPublicInstance, Ref } from 'vue'\n\nexport type RefSetter = (\n  el: Element | ComponentPublicInstance | undefined\n) => void\n\nexport const composeRefs = (\n  ...refs: (Ref<HTMLElement | undefined> | RefSetter)[]\n) => {\n  return (el: Element | ComponentPublicInstance | null) => {\n    refs.forEach((ref) => {\n      if (isFunction(ref)) {\n        ref(el as Element | ComponentPublicInstance)\n      } else {\n        ref.value = el as HTMLElement | undefined\n      }\n    })\n  }\n}\n"],"names":["isFunction"],"mappings":";;;;;;;AACY,MAAC,WAAW,GAAG,CAAC,GAAG,IAAI,KAAK;AACxC,EAAE,OAAO,CAAC,EAAE,KAAK;AACjB,IAAI,IAAI,CAAC,OAAO,CAAC,CAAC,GAAG,KAAK;AAC1B,MAAM,IAAIA,iBAAU,CAAC,GAAG,CAAC,EAAE;AAC3B,QAAQ,GAAG,CAAC,EAAE,CAAC,CAAC;AAChB,OAAO,MAAM;AACb,QAAQ,GAAG,CAAC,KAAK,GAAG,EAAE,CAAC;AACvB,OAAO;AACP,KAAK,CAAC,CAAC;AACP,GAAG,CAAC;AACJ;;;;"}
+{"version":3,"file":"refs.js","sources":["../../../../../packages/utils/vue/refs.ts"],"sourcesContent":["import { isFunction } from '../types'\n\nimport type { ComponentPublicInstance, Ref } from 'vue'\n\nexport type RefSetter = (\n  el: Element | ComponentPublicInstance | undefined\n) => void\n\nexport const composeRefs = (\n  ...refs: (Ref<HTMLElement | undefined> | RefSetter)[]\n) => {\n  return (el: Element | ComponentPublicInstance | null) => {\n    refs.forEach((ref) => {\n      if (isFunction(ref)) {\n        ref(el as Element | ComponentPublicInstance)\n      } else {\n        ref.value = el as HTMLElement | undefined\n      }\n    })\n  }\n}\n"],"names":["isFunction"],"mappings":";;;;;;;AACY,MAAC,WAAW,GAAG,CAAC,GAAG,IAAI,KAAK;AACxC,EAAE,OAAO,CAAC,EAAE,KAAK;AACjB,IAAI,IAAI,CAAC,OAAO,CAAC,CAAC,GAAG,KAAK;AAC1B,MAAM,IAAIA,iBAAU,CAAC,GAAG,CAAC,EAAE;AAC3B,QAAQ,GAAG,CAAC,EAAE,CAAC,CAAC;AAChB,OAAO,MAAM;AACb,QAAQ,GAAG,CAAC,KAAK,GAAG,EAAE,CAAC;AACvB,OAAO;AACP,KAAK,CAAC,CAAC;AACP,GAAG,CAAC;AACJ;;;;"}

package/lib/version.d.ts

@@ -1 +1 @@
-export declare const version = "0.0.20220405";
+export declare const version = "0.0.20220408";

package/lib/version.js

@@ -2,7 +2,7 @@
 
 Object.defineProperty(exports, '__esModule', { value: true });
 
-const version = "0.0.20220405";
+const version = "0.0.20220408";
 
 exports.version = version;
 //# sourceMappingURL=version.js.map

package/lib/version.js.map

@@ -1 +1 @@
-{"version":3,"file":"version.js","sources":["../../../packages/element-plus/version.ts"],"sourcesContent":["export const version = '0.0.20220405'\n"],"names":[],"mappings":";;;;AAAY,MAAC,OAAO,GAAG;;;;"}
+{"version":3,"file":"version.js","sources":["../../../packages/element-plus/version.ts"],"sourcesContent":["export const version = '0.0.20220408'\n"],"names":[],"mappings":";;;;AAAY,MAAC,OAAO,GAAG;;;;"}

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@element-plus/nightly",
-  "version": "0.0.20220405",
+  "version": "0.0.20220408",
   "description": "A Component Library for Vue 3",
   "homepage": "https://element-plus.org/",
   "keywords": [
@@ -52,6 +52,8 @@
     "@element-plus/icons-vue": "^1.1.4",
     "@floating-ui/dom": "^0.4.2",
     "@popperjs/core": "^2.11.4",
+    "@types/lodash": "^4.14.181",
+    "@types/lodash-es": "^4.17.6",
     "@vueuse/core": "^8.2.4",
     "async-validator": "^4.0.7",
     "dayjs": "^1.11.0",
@@ -63,8 +65,6 @@
     "normalize-wheel-es": "^1.1.2"
   },
   "devDependencies": {
-    "@types/lodash": "^4.14.181",
-    "@types/lodash-es": "^4.17.6",
     "@types/node": "*",
     "csstype": "^2.6.20",
     "vue-router": "^4.0.14"
@@ -79,5 +79,5 @@
     "not ie 11",
     "not op_mini all"
   ],
-  "gitHead": "2b117e702ad59869f2cfb70d93a87af459438058"
+  "gitHead": "1aba790bdb76873b21b356982b6703046577ecdd"
 }