element-plus 2.13.6 → 2.13.7

package/es/components/table/src/table-column/index.d.ts

@@ -127,7 +127,7 @@ declare const _default: vue.DefineComponent<vue.ExtractPropTypes<{
   minWidth: string | number;
   width: string | number;
   resizable: boolean;
-  showOverflowTooltip: boolean | Partial<Pick<UseTooltipProps, "effect" | "placement" | "popperClass" | "enterable" | "offset" | "popperOptions" | "showArrow" | "appendTo" | "transition" | "showAfter" | "hideAfter">> | undefined;
+  showOverflowTooltip: boolean | Partial<Pick<UseTooltipProps, "offset" | "appendTo" | "effect" | "enterable" | "popperClass" | "placement" | "popperOptions" | "showArrow" | "transition" | "showAfter" | "hideAfter">> | undefined;
   sortOrders: (TableSortOrder | null)[];
   sortable: string | boolean;
   reserveSelection: boolean;
@@ -141,13 +141,13 @@ declare const _default: vue.DefineComponent<vue.ExtractPropTypes<{
       change: (val: CheckboxValueType) => void;
       "update:modelValue": (val: CheckboxValueType) => void;
     }, vue.PublicProps, {
-      value: string | boolean | number | object;
-      label: string | boolean | number | object;
+      id: string;
       disabled: boolean;
-      validateEvent: boolean;
       modelValue: number | string | boolean;
-      id: string;
+      validateEvent: boolean;
       name: string;
+      value: string | boolean | number | object;
+      label: string | boolean | number | object;
       trueValue: string | number;
       falseValue: string | number;
       trueLabel: string | number;
@@ -163,13 +163,13 @@ declare const _default: vue.DefineComponent<vue.ExtractPropTypes<{
       onChange?: ((val: CheckboxValueType) => any) | undefined;
       "onUpdate:modelValue"?: ((val: CheckboxValueType) => any) | undefined;
     }>, {}, {}, {}, {}, {
-      value: string | boolean | number | object;
-      label: string | boolean | number | object;
+      id: string;
       disabled: boolean;
-      validateEvent: boolean;
       modelValue: number | string | boolean;
-      id: string;
+      validateEvent: boolean;
       name: string;
+      value: string | boolean | number | object;
+      label: string | boolean | number | object;
       trueValue: string | number;
       falseValue: string | number;
       trueLabel: string | number;
@@ -185,13 +185,13 @@ declare const _default: vue.DefineComponent<vue.ExtractPropTypes<{
     change: (val: CheckboxValueType) => void;
     "update:modelValue": (val: CheckboxValueType) => void;
   }, string, {
-    value: string | boolean | number | object;
-    label: string | boolean | number | object;
+    id: string;
     disabled: boolean;
-    validateEvent: boolean;
     modelValue: number | string | boolean;
-    id: string;
+    validateEvent: boolean;
     name: string;
+    value: string | boolean | number | object;
+    label: string | boolean | number | object;
     trueValue: string | number;
     falseValue: string | number;
     trueLabel: string | number;
@@ -201,7 +201,7 @@ declare const _default: vue.DefineComponent<vue.ExtractPropTypes<{
       default?: (props: {}) => any;
     };
   }) & vue.ObjectPlugin & {
-    setPropsDefaults: (defaults: Partial<{
+    setPropsDefaults: (defaults: Partial<Omit<{
       readonly modelValue?: (number | string | boolean) | undefined;
       readonly label?: (string | boolean | number | object) | undefined;
       readonly value?: (string | boolean | number | object) | undefined;
@@ -222,7 +222,7 @@ declare const _default: vue.DefineComponent<vue.ExtractPropTypes<{
       readonly ariaControls?: string | undefined;
       readonly onChange?: ((val: CheckboxValueType) => any) | undefined;
       readonly "onUpdate:modelValue"?: ((val: CheckboxValueType) => any) | undefined;
-    } & vue.VNodeProps & vue.AllowedComponentProps & vue.ComponentCustomProps>) => void;
+    } & vue.VNodeProps & vue.AllowedComponentProps & vue.ComponentCustomProps, "onChange" | "onUpdate:modelValue" | keyof vue.VNodeProps | keyof vue.AllowedComponentProps>>) => void;
   } & {
     CheckboxButton: typeof _default$1;
     CheckboxGroup: typeof _default$2;

package/es/components/table/src/table-footer/index.d.ts

@@ -77,8 +77,8 @@ declare const _default: vue.DefineComponent<vue.ExtractPropTypes<{
     };
   };
 }>> & Readonly<{}>, {
-  border: boolean;
   fixed: string;
+  border: boolean;
   defaultSort: Sort;
 }, {}, {}, {}, string, vue.ComponentProvideOptions, true, {}, any>;
 //#endregion

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

@@ -116,8 +116,8 @@ declare const _default: vue.DefineComponent<vue.ExtractPropTypes<{
     type: BooleanConstructor;
   };
 }>> & Readonly<{}>, {
-  border: boolean;
   fixed: string;
+  border: boolean;
   defaultSort: Sort;
   allowDragLastColumn: boolean;
 }, {}, {
@@ -129,13 +129,13 @@ declare const _default: vue.DefineComponent<vue.ExtractPropTypes<{
       change: (val: CheckboxValueType) => void;
       "update:modelValue": (val: CheckboxValueType) => void;
     }, vue.PublicProps, {
-      value: string | boolean | number | object;
-      label: string | boolean | number | object;
+      id: string;
       disabled: boolean;
-      validateEvent: boolean;
       modelValue: number | string | boolean;
-      id: string;
+      validateEvent: boolean;
       name: string;
+      value: string | boolean | number | object;
+      label: string | boolean | number | object;
       trueValue: string | number;
       falseValue: string | number;
       trueLabel: string | number;
@@ -151,13 +151,13 @@ declare const _default: vue.DefineComponent<vue.ExtractPropTypes<{
       onChange?: ((val: CheckboxValueType) => any) | undefined;
       "onUpdate:modelValue"?: ((val: CheckboxValueType) => any) | undefined;
     }>, {}, {}, {}, {}, {
-      value: string | boolean | number | object;
-      label: string | boolean | number | object;
+      id: string;
       disabled: boolean;
-      validateEvent: boolean;
       modelValue: number | string | boolean;
-      id: string;
+      validateEvent: boolean;
       name: string;
+      value: string | boolean | number | object;
+      label: string | boolean | number | object;
       trueValue: string | number;
       falseValue: string | number;
       trueLabel: string | number;
@@ -173,13 +173,13 @@ declare const _default: vue.DefineComponent<vue.ExtractPropTypes<{
     change: (val: CheckboxValueType) => void;
     "update:modelValue": (val: CheckboxValueType) => void;
   }, string, {
-    value: string | boolean | number | object;
-    label: string | boolean | number | object;
+    id: string;
     disabled: boolean;
-    validateEvent: boolean;
     modelValue: number | string | boolean;
-    id: string;
+    validateEvent: boolean;
     name: string;
+    value: string | boolean | number | object;
+    label: string | boolean | number | object;
     trueValue: string | number;
     falseValue: string | number;
     trueLabel: string | number;
@@ -189,7 +189,7 @@ declare const _default: vue.DefineComponent<vue.ExtractPropTypes<{
       default?: (props: {}) => any;
     };
   }) & vue.ObjectPlugin & {
-    setPropsDefaults: (defaults: Partial<{
+    setPropsDefaults: (defaults: Partial<Omit<{
       readonly modelValue?: (number | string | boolean) | undefined;
       readonly label?: (string | boolean | number | object) | undefined;
       readonly value?: (string | boolean | number | object) | undefined;
@@ -210,7 +210,7 @@ declare const _default: vue.DefineComponent<vue.ExtractPropTypes<{
       readonly ariaControls?: string | undefined;
       readonly onChange?: ((val: CheckboxValueType) => any) | undefined;
       readonly "onUpdate:modelValue"?: ((val: CheckboxValueType) => any) | undefined;
-    } & vue.VNodeProps & vue.AllowedComponentProps & vue.ComponentCustomProps>) => void;
+    } & vue.VNodeProps & vue.AllowedComponentProps & vue.ComponentCustomProps, "onChange" | "onUpdate:modelValue" | keyof vue.VNodeProps | keyof vue.AllowedComponentProps>>) => void;
   } & {
     CheckboxButton: typeof _default$1;
     CheckboxGroup: typeof _default$2;

package/es/components/table/src/table.vue.d.ts

@@ -32,7 +32,7 @@ declare const __VLS_export: vue.DefineComponent<vue.ExtractPropTypes<{
     default: () => never[];
   };
   size: {
-    readonly type: vue.PropType<EpPropMergeType<StringConstructor, "" | "default" | "large" | "small", never>>;
+    readonly type: vue.PropType<EpPropMergeType<StringConstructor, "" | "default" | "small" | "large", never>>;
     readonly required: false;
     readonly validator: ((val: unknown) => boolean) | undefined;
     __epPropKey: true;
@@ -101,7 +101,7 @@ declare const __VLS_export: vue.DefineComponent<vue.ExtractPropTypes<{
     default: string;
   };
   tableLayout: {
-    type: vue.PropType<"auto" | "fixed">;
+    type: vue.PropType<"fixed" | "auto">;
     default: string;
   };
   scrollbarAlwaysOn: BooleanConstructor;
@@ -676,7 +676,7 @@ declare const __VLS_export: vue.DefineComponent<vue.ExtractPropTypes<{
   handleHeaderFooterMousewheel: (_event: WheelEvent, data: any) => void;
   handleMouseLeave: () => void;
   tableId: string;
-  tableSize: vue.ComputedRef<"" | "default" | "large" | "small">;
+  tableSize: vue.ComputedRef<"" | "default" | "small" | "large">;
   isHidden: vue.Ref<boolean, boolean>;
   isEmpty: vue.ComputedRef<boolean>;
   renderExpanded: vue.Ref<RenderExpanded<any> | null, RenderExpanded<any> | null>;
@@ -754,8 +754,8 @@ declare const __VLS_export: vue.DefineComponent<vue.ExtractPropTypes<{
   computedSumText: vue.ComputedRef<string>;
   computedEmptyText: vue.ComputedRef<string>;
   computedTooltipEffect: vue.ComputedRef<string | undefined>;
-  computedTooltipOptions: vue.ComputedRef<Partial<Pick<UseTooltipProps, "effect" | "placement" | "popperClass" | "enterable" | "offset" | "popperOptions" | "showArrow" | "appendTo" | "transition" | "showAfter" | "hideAfter">> | undefined>;
-  tableLayout: vue.ComputedRef<"auto" | "fixed">;
+  computedTooltipOptions: vue.ComputedRef<Partial<Pick<UseTooltipProps, "offset" | "appendTo" | "effect" | "enterable" | "popperClass" | "placement" | "popperOptions" | "showArrow" | "transition" | "showAfter" | "hideAfter">> | undefined>;
+  tableLayout: vue.ComputedRef<"fixed" | "auto">;
   scrollbarViewStyle: {
     display: string;
     verticalAlign: string;
@@ -787,13 +787,13 @@ declare const __VLS_export: vue.DefineComponent<vue.ExtractPropTypes<{
    * @description whether to allow drag the last column
    */
   allowDragLastColumn: boolean;
-}, {}, {}, {}, vue.ComponentOptionsMixin, vue.ComponentOptionsMixin, ("scroll" | "select" | "expand-change" | "select-all" | "current-change" | "selection-change" | "cell-mouse-enter" | "cell-mouse-leave" | "cell-contextmenu" | "cell-click" | "cell-dblclick" | "row-click" | "row-contextmenu" | "row-dblclick" | "header-click" | "header-contextmenu" | "sort-change" | "filter-change" | "header-dragend")[], "scroll" | "select" | "expand-change" | "select-all" | "current-change" | "selection-change" | "cell-mouse-enter" | "cell-mouse-leave" | "cell-contextmenu" | "cell-click" | "cell-dblclick" | "row-click" | "row-contextmenu" | "row-dblclick" | "header-click" | "header-contextmenu" | "sort-change" | "filter-change" | "header-dragend", vue.PublicProps, Readonly<vue.ExtractPropTypes<{
+}, {}, {}, {}, vue.ComponentOptionsMixin, vue.ComponentOptionsMixin, ("scroll" | "select" | "select-all" | "expand-change" | "current-change" | "selection-change" | "cell-mouse-enter" | "cell-mouse-leave" | "cell-contextmenu" | "cell-click" | "cell-dblclick" | "row-click" | "row-contextmenu" | "row-dblclick" | "header-click" | "header-contextmenu" | "sort-change" | "filter-change" | "header-dragend")[], "scroll" | "select" | "select-all" | "expand-change" | "current-change" | "selection-change" | "cell-mouse-enter" | "cell-mouse-leave" | "cell-contextmenu" | "cell-click" | "cell-dblclick" | "row-click" | "row-contextmenu" | "row-dblclick" | "header-click" | "header-contextmenu" | "sort-change" | "filter-change" | "header-dragend", vue.PublicProps, Readonly<vue.ExtractPropTypes<{
   data: {
     type: vue.PropType<any[]>;
     default: () => never[];
   };
   size: {
-    readonly type: vue.PropType<EpPropMergeType<StringConstructor, "" | "default" | "large" | "small", never>>;
+    readonly type: vue.PropType<EpPropMergeType<StringConstructor, "" | "default" | "small" | "large", never>>;
     readonly required: false;
     readonly validator: ((val: unknown) => boolean) | undefined;
     __epPropKey: true;
@@ -862,7 +862,7 @@ declare const __VLS_export: vue.DefineComponent<vue.ExtractPropTypes<{
     default: string;
   };
   tableLayout: {
-    type: vue.PropType<"auto" | "fixed">;
+    type: vue.PropType<"fixed" | "auto">;
     default: string;
   };
   scrollbarAlwaysOn: BooleanConstructor;
@@ -884,9 +884,9 @@ declare const __VLS_export: vue.DefineComponent<vue.ExtractPropTypes<{
   preserveExpandedContent: BooleanConstructor;
   nativeScrollbar: BooleanConstructor;
 }>> & Readonly<{
-  "onExpand-change"?: ((...args: any[]) => any) | undefined;
-  onSelect?: ((...args: any[]) => any) | undefined;
   onScroll?: ((...args: any[]) => any) | undefined;
+  onSelect?: ((...args: any[]) => any) | undefined;
+  "onExpand-change"?: ((...args: any[]) => any) | undefined;
   "onCurrent-change"?: ((...args: any[]) => any) | undefined;
   "onSelect-all"?: ((...args: any[]) => any) | undefined;
   "onSelection-change"?: ((...args: any[]) => any) | undefined;
@@ -905,17 +905,17 @@ declare const __VLS_export: vue.DefineComponent<vue.ExtractPropTypes<{
   "onHeader-dragend"?: ((...args: any[]) => any) | undefined;
 }>, {
   lazy: boolean;
-  border: boolean;
-  data: any[];
   style: vue.StyleValue;
+  border: boolean;
   className: string;
-  tableLayout: "auto" | "fixed";
-  scrollbarAlwaysOn: boolean;
+  tableLayout: "fixed" | "auto";
+  data: any[];
   fit: boolean;
+  scrollbarAlwaysOn: boolean;
   allowDragLastColumn: boolean;
   stripe: boolean;
   treeProps: TreeProps | undefined;
-  showOverflowTooltip: boolean | Partial<Pick<UseTooltipProps, "effect" | "placement" | "popperClass" | "enterable" | "offset" | "popperOptions" | "showArrow" | "appendTo" | "transition" | "showAfter" | "hideAfter">> | undefined;
+  showOverflowTooltip: boolean | Partial<Pick<UseTooltipProps, "offset" | "appendTo" | "effect" | "enterable" | "popperClass" | "placement" | "popperOptions" | "showArrow" | "transition" | "showAfter" | "hideAfter">> | undefined;
   showHeader: boolean;
   showSummary: boolean;
   highlightCurrentRow: boolean;
@@ -1015,8 +1015,8 @@ declare const __VLS_export: vue.DefineComponent<vue.ExtractPropTypes<{
       type: BooleanConstructor;
     };
   }>> & Readonly<{}>, {
-    border: boolean;
     fixed: string;
+    border: boolean;
     defaultSort: Sort;
     allowDragLastColumn: boolean;
   }, {}, {
@@ -1028,13 +1028,13 @@ declare const __VLS_export: vue.DefineComponent<vue.ExtractPropTypes<{
         change: (val: CheckboxValueType) => void;
         "update:modelValue": (val: CheckboxValueType) => void;
       }, vue.PublicProps, {
-        value: string | boolean | number | object;
-        label: string | boolean | number | object;
+        id: string;
         disabled: boolean;
-        validateEvent: boolean;
         modelValue: number | string | boolean;
-        id: string;
+        validateEvent: boolean;
         name: string;
+        value: string | boolean | number | object;
+        label: string | boolean | number | object;
         trueValue: string | number;
         falseValue: string | number;
         trueLabel: string | number;
@@ -1050,13 +1050,13 @@ declare const __VLS_export: vue.DefineComponent<vue.ExtractPropTypes<{
         onChange?: ((val: CheckboxValueType) => any) | undefined;
         "onUpdate:modelValue"?: ((val: CheckboxValueType) => any) | undefined;
       }>, {}, {}, {}, {}, {
-        value: string | boolean | number | object;
-        label: string | boolean | number | object;
+        id: string;
         disabled: boolean;
-        validateEvent: boolean;
         modelValue: number | string | boolean;
-        id: string;
+        validateEvent: boolean;
         name: string;
+        value: string | boolean | number | object;
+        label: string | boolean | number | object;
         trueValue: string | number;
         falseValue: string | number;
         trueLabel: string | number;
@@ -1072,13 +1072,13 @@ declare const __VLS_export: vue.DefineComponent<vue.ExtractPropTypes<{
       change: (val: CheckboxValueType) => void;
       "update:modelValue": (val: CheckboxValueType) => void;
     }, string, {
-      value: string | boolean | number | object;
-      label: string | boolean | number | object;
+      id: string;
       disabled: boolean;
-      validateEvent: boolean;
       modelValue: number | string | boolean;
-      id: string;
+      validateEvent: boolean;
       name: string;
+      value: string | boolean | number | object;
+      label: string | boolean | number | object;
       trueValue: string | number;
       falseValue: string | number;
       trueLabel: string | number;
@@ -1088,7 +1088,7 @@ declare const __VLS_export: vue.DefineComponent<vue.ExtractPropTypes<{
         default?: (props: {}) => any;
       };
     }) & vue.ObjectPlugin & {
-      setPropsDefaults: (defaults: Partial<{
+      setPropsDefaults: (defaults: Partial<Omit<{
         readonly modelValue?: (number | string | boolean) | undefined;
         readonly label?: (string | boolean | number | object) | undefined;
         readonly value?: (string | boolean | number | object) | undefined;
@@ -1109,7 +1109,7 @@ declare const __VLS_export: vue.DefineComponent<vue.ExtractPropTypes<{
         readonly ariaControls?: string | undefined;
         readonly onChange?: ((val: CheckboxValueType) => any) | undefined;
         readonly "onUpdate:modelValue"?: ((val: CheckboxValueType) => any) | undefined;
-      } & vue.VNodeProps & vue.AllowedComponentProps & vue.ComponentCustomProps>) => void;
+      } & vue.VNodeProps & vue.AllowedComponentProps & vue.ComponentCustomProps, "onChange" | "onUpdate:modelValue" | keyof vue.VNodeProps | keyof vue.AllowedComponentProps>>) => void;
     } & {
       CheckboxButton: typeof _default$1;
       CheckboxGroup: typeof _default$2;
@@ -1193,9 +1193,9 @@ declare const __VLS_export: vue.DefineComponent<vue.ExtractPropTypes<{
     highlight: BooleanConstructor;
   }>> & Readonly<{}>, {
     fixed: string;
-    highlight: boolean;
     context: Table<any>;
     stripe: boolean;
+    highlight: boolean;
   }, {}, {}, {}, string, vue.ComponentProvideOptions, true, {}, any>;
   TableFooter: vue.DefineComponent<vue.ExtractPropTypes<{
     fixed: {
@@ -1260,8 +1260,8 @@ declare const __VLS_export: vue.DefineComponent<vue.ExtractPropTypes<{
       };
     };
   }>> & Readonly<{}>, {
-    border: boolean;
     fixed: string;
+    border: boolean;
     defaultSort: Sort;
   }, {}, {}, {}, string, vue.ComponentProvideOptions, true, {}, any>;
   ElScrollbar: SFCWithInstall<{
@@ -1288,9 +1288,9 @@ declare const __VLS_export: vue.DefineComponent<vue.ExtractPropTypes<{
       }) => void;
       "end-reached": (direction: ScrollbarDirection) => void;
     }, vue.PublicProps, {
+      tabindex: number | string;
       height: number | string;
       maxHeight: number | string;
-      tabindex: number | string;
       tag: keyof HTMLElementTagNameMap | (string & {});
       distance: number;
       wrapStyle: string | false | vue.CSSProperties | vue.StyleValue[] | null;
@@ -1322,9 +1322,9 @@ declare const __VLS_export: vue.DefineComponent<vue.ExtractPropTypes<{
       setScrollLeft: (value: number) => void;
       handleScroll: () => void;
     }, {}, {}, {}, {
+      tabindex: number | string;
       height: number | string;
       maxHeight: number | string;
-      tabindex: number | string;
       tag: keyof HTMLElementTagNameMap | (string & {});
       distance: number;
       wrapStyle: string | false | vue.CSSProperties | vue.StyleValue[] | null;
@@ -1359,9 +1359,9 @@ declare const __VLS_export: vue.DefineComponent<vue.ExtractPropTypes<{
     }) => void;
     "end-reached": (direction: ScrollbarDirection) => void;
   }, string, {
+    tabindex: number | string;
     height: number | string;
     maxHeight: number | string;
-    tabindex: number | string;
     tag: keyof HTMLElementTagNameMap | (string & {});
     distance: number;
     wrapStyle: string | false | vue.CSSProperties | vue.StyleValue[] | null;

package/es/components/table/src/table.vue_vue_type_script_lang.mjs

@@ -1,8 +1,8 @@
+import Mousewheel from "../../../directives/mousewheel/index.mjs";
 import { useLocale } from "../../../hooks/use-locale/index.mjs";
 import { useNamespace } from "../../../hooks/use-namespace/index.mjs";
 import { ElScrollbar } from "../../scrollbar/index.mjs";
 import { useGlobalConfig } from "../../config-provider/src/hooks/use-global-config.mjs";
-import Mousewheel from "../../../directives/mousewheel/index.mjs";
 import { createStore } from "./store/helper.mjs";
 import TableLayout from "./table-layout.mjs";
 import { TABLE_INJECTION_KEY } from "./tokens.mjs";

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

@@ -89,8 +89,8 @@ declare const TableV2Header: vue.DefineComponent<vue.ExtractPropTypes<{
     __epPropKey: true;
   };
 }>> & Readonly<{}>, {
-  readonly rowHeight: number;
   readonly headerHeight: EpPropMergeType<(new (...args: any[]) => number | number[]) | (() => number | number[]) | (((new (...args: any[]) => number | number[]) | (() => number | number[])) | null)[], unknown, unknown>;
+  readonly rowHeight: number;
 }, {}, {}, {}, string, vue.ComponentProvideOptions, true, {}, any>;
 type TableV2HeaderInstance = InstanceType<typeof TableV2Header> & {
   /**

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

@@ -2,7 +2,7 @@ import { TableV2Cell } from "./cell.js";
 import { HeaderCell } from "./header-cell.js";
 import { TableV2HeaderRow, TableV2HeaderRowCellRendererParams, TableV2HeaderRowRendererParams } from "./header-row.js";
 import { TableV2Header, TableV2HeaderInstance, TableV2HeaderRendererParams } from "./header.js";
-import { TableV2Row, TableV2RowCellRenderParam } from "./row.js";
+import { TableV2Row, TableV2RowCellRenderParam, TableV2RowSlotProps } from "./row.js";
 import { SortIcon } from "./sort-icon.js";
 import { ExpandIcon } from "./expand-icon.js";
-export { ExpandIcon, TableV2Header as Header, HeaderCell, TableV2HeaderRow as HeaderRow, TableV2Row as Row, SortIcon, TableV2Cell as TableCell, type TableV2HeaderInstance, type TableV2HeaderRendererParams, type TableV2HeaderRowCellRendererParams, type TableV2HeaderRowRendererParams, type TableV2RowCellRenderParam };
+export { ExpandIcon, TableV2Header as Header, HeaderCell, TableV2HeaderRow as HeaderRow, TableV2Row as Row, SortIcon, TableV2Cell as TableCell, type TableV2HeaderInstance, type TableV2HeaderRendererParams, type TableV2HeaderRowCellRendererParams, type TableV2HeaderRowRendererParams, type TableV2RowCellRenderParam, type TableV2RowSlotProps };

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

@@ -4,7 +4,7 @@ import { KeyType } from "../types.js";
 import { AnyColumn } from "../common.js";
 import { RowEventHandlers, RowExpandHandler, RowHeightChangeHandler, RowHoverHandler, TableV2RowProps } from "../row.js";
 import * as vue from "vue";
-import { CSSProperties } from "vue";
+import { CSSProperties, VNode } from "vue";
 import * as vue_jsx_runtime0 from "vue/jsx-runtime";
 
 //#region ../../packages/components/table-v2/src/components/row.d.ts
@@ -143,9 +143,9 @@ declare const TableV2Row: vue.DefineComponent<vue.ExtractPropTypes<{
     __epPropKey: true;
   };
 }>> & Readonly<{}>, {
+  readonly rowKey: EpPropMergeType<(new (...args: any[]) => string | number | symbol) | (() => KeyType) | (((new (...args: any[]) => string | number | symbol) | (() => KeyType)) | null)[], unknown, unknown>;
   readonly estimatedRowHeight: number;
   readonly isScrolling: boolean;
-  readonly rowKey: EpPropMergeType<(new (...args: any[]) => string | number | symbol) | (() => KeyType) | (((new (...args: any[]) => string | number | symbol) | (() => KeyType)) | null)[], unknown, unknown>;
 }, {}, {}, {}, string, vue.ComponentProvideOptions, true, {}, any>;
 type TableV2RowCellRenderParam = {
   column: TableV2RowProps['columns'][number];
@@ -162,5 +162,14 @@ type TableV2RowCellRenderParam = {
     onExpand: (expand: boolean) => void;
   };
 };
+type TableV2RowSlotProps = {
+  cells: VNode[];
+  columns: TableV2RowProps['columns'];
+  depth: number;
+  style: TableV2RowProps['style'];
+  rowData: any;
+  rowIndex: number;
+  isScrolling: boolean;
+};
 //#endregion
-export { TableV2Row, TableV2RowCellRenderParam };
+export { TableV2Row, TableV2RowCellRenderParam, TableV2RowSlotProps };

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

@@ -1 +1 @@
-{"version":3,"file":"row.mjs","names":["computed","defineComponent","inject","nextTick","onMounted","ref","unref","mergeProps","_mergeProps","createVNode","_createVNode","isArray","isFunction","isNumber","tableV2RowProps","TableV2InjectionKey","placeholderSign","useTableRow","props","isScrolling","measured","rowRef","measurable","estimatedRowHeight","rowIndex","doMeasure","isInit","$rowRef","columns","onRowHeightChange","rowKey","style","height","getBoundingClientRect","value","Number","parseInt","firstColumn","isPlaceholder","fixed","eventHandlers","rowData","onRowHover","handlers","rowEventHandlers","Object","entries","forEach","eventName","handler","event","name","hovered","existedHandler","onExpand","expanded","onRowExpand","COMPONENT_NAME","TableV2Row","setup","expose","slots","attrs","columnsStyles","expandColumnKey","depth","ColumnCells","map","column","columnIndex","expandable","children","length","key","cell","expandIconProps","undefined","row","cells","node","exceptHeightStyle","_measured","class"],"sources":["../../../../../../../packages/components/table-v2/src/components/row.tsx"],"sourcesContent":["import {\n  computed,\n  defineComponent,\n  inject,\n  nextTick,\n  onMounted,\n  ref,\n  unref,\n} from 'vue'\nimport { isArray, isFunction, isNumber } from '@element-plus/utils'\nimport { tableV2RowProps } from '../row'\nimport { TableV2InjectionKey } from '../tokens'\nimport { placeholderSign } from '../private'\n\nimport type { CSSProperties, RendererElement, RendererNode, VNode } from 'vue'\nimport type { RowEventHandlers, TableV2RowProps } from '../row'\n\ntype CustomizedCellsType = VNode<\n  RendererNode,\n  RendererElement,\n  {\n    [key: string]: any\n  }\n>[]\n\ntype DefaultCellsType = VNode<\n  RendererNode,\n  RendererElement,\n  {\n    [key: string]: any\n  }\n>[][]\n\ntype ColumnCellsType = DefaultCellsType | CustomizedCellsType\n\nconst useTableRow = (props: TableV2RowProps) => {\n  const { isScrolling } = inject(TableV2InjectionKey)!\n\n  const measured = ref(false)\n  const rowRef = ref<HTMLElement>()\n  const measurable = computed(() => {\n    return isNumber(props.estimatedRowHeight) && props.rowIndex >= 0\n  })\n\n  const doMeasure = (isInit = false) => {\n    const $rowRef = unref(rowRef)\n    if (!$rowRef) return\n    const { columns, onRowHeightChange, rowKey, rowIndex, style } = props\n    const { height } = $rowRef.getBoundingClientRect()\n    measured.value = true\n\n    nextTick(() => {\n      if (isInit || height !== Number.parseInt(style!.height as string)) {\n        const firstColumn = columns[0]\n        const isPlaceholder = firstColumn?.placeholderSign === placeholderSign\n        onRowHeightChange?.(\n          { rowKey, height, rowIndex },\n          firstColumn && !isPlaceholder && firstColumn.fixed\n        )\n      }\n    })\n  }\n\n  const eventHandlers = computed(() => {\n    const { rowData, rowIndex, rowKey, onRowHover } = props\n    const handlers = props.rowEventHandlers || ({} as RowEventHandlers)\n    const eventHandlers = {} as {\n      [key in keyof RowEventHandlers]: (e: Event) => void\n    }\n\n    Object.entries(handlers).forEach(([eventName, handler]) => {\n      if (isFunction(handler)) {\n        eventHandlers[eventName as keyof RowEventHandlers] = (event: Event) => {\n          handler({\n            event,\n            rowData,\n            rowIndex,\n            rowKey,\n          })\n        }\n      }\n    })\n\n    if (onRowHover) {\n      ;(\n        [\n          { name: 'onMouseleave', hovered: false },\n          { name: 'onMouseenter', hovered: true },\n        ] as const\n      ).forEach(({ name, hovered }) => {\n        const existedHandler = eventHandlers[name]\n        eventHandlers[name] = ((event: MouseEvent) => {\n          onRowHover({\n            event,\n            hovered,\n            rowData,\n            rowIndex,\n            rowKey,\n          })\n\n          existedHandler?.(event)\n        }) as any\n      })\n    }\n    return eventHandlers\n  })\n\n  const onExpand = (expanded: boolean) => {\n    const { onRowExpand, rowData, rowIndex, rowKey } = props\n\n    onRowExpand?.({\n      expanded,\n      rowData,\n      rowIndex,\n      rowKey,\n    })\n  }\n\n  onMounted(() => {\n    if (unref(measurable)) {\n      doMeasure(true)\n    }\n  })\n\n  return { isScrolling, measurable, measured, rowRef, eventHandlers, onExpand }\n}\n\nconst COMPONENT_NAME = 'ElTableV2TableRow'\n\nconst TableV2Row = defineComponent({\n  name: COMPONENT_NAME,\n  props: tableV2RowProps,\n  setup(props, { expose, slots, attrs }) {\n    const {\n      eventHandlers,\n      isScrolling,\n      measurable,\n      measured,\n      rowRef,\n\n      onExpand,\n    } = useTableRow(props)\n\n    expose({\n      /**\n       * @description manually dispatching expand action on row.\n       */\n      onExpand,\n    })\n\n    return () => {\n      const {\n        columns,\n        columnsStyles,\n        expandColumnKey,\n        depth,\n        rowData,\n        rowIndex,\n        style,\n      } = props\n\n      let ColumnCells: ColumnCellsType = columns.map((column, columnIndex) => {\n        const expandable =\n          isArray(rowData.children) &&\n          rowData.children.length > 0 &&\n          column.key === expandColumnKey\n\n        return slots.cell!({\n          column,\n          columns,\n          columnIndex,\n          depth,\n          style: columnsStyles[column.key!],\n          rowData,\n          rowIndex,\n          isScrolling: unref(isScrolling),\n          expandIconProps: expandable\n            ? {\n                rowData,\n                rowIndex,\n                onExpand,\n              }\n            : undefined,\n        })\n      })\n\n      if (slots.row) {\n        ColumnCells = slots.row({\n          cells: ColumnCells.map((node) => {\n            if (isArray(node) && node.length === 1) {\n              return node[0]\n            }\n            return node\n          }),\n          style,\n          columns,\n          depth,\n          rowData,\n          rowIndex,\n          isScrolling: unref(isScrolling),\n        })\n      }\n\n      if (unref(measurable)) {\n        // eslint-disable-next-line @typescript-eslint/no-unused-vars\n        const { height, ...exceptHeightStyle } = style || {}\n        const _measured = unref(measured)\n        return (\n          <div\n            ref={rowRef}\n            class={props.class}\n            style={_measured ? style : exceptHeightStyle}\n            role=\"row\"\n            {...attrs}\n            {...unref(eventHandlers)}\n          >\n            {ColumnCells}\n          </div>\n        )\n      }\n\n      return (\n        <div\n          {...attrs}\n          ref={rowRef}\n          class={props.class}\n          style={style}\n          role=\"row\"\n          {...unref(eventHandlers)}\n        >\n          {ColumnCells}\n        </div>\n      )\n    }\n  },\n})\n\nexport default TableV2Row\n\nexport type TableV2RowCellRenderParam = {\n  column: TableV2RowProps['columns'][number]\n  columns: TableV2RowProps['columns']\n  columnIndex: number\n  depth: number\n  style: CSSProperties\n  rowData: any\n  rowIndex: number\n  isScrolling: boolean\n  expandIconProps?: {\n    rowData: any\n    rowIndex: number\n    onExpand: (expand: boolean) => void\n  }\n}\n"],"mappings":"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"}
+{"version":3,"file":"row.mjs","names":["computed","defineComponent","inject","nextTick","onMounted","ref","unref","mergeProps","_mergeProps","createVNode","_createVNode","isArray","isFunction","isNumber","tableV2RowProps","TableV2InjectionKey","placeholderSign","useTableRow","props","isScrolling","measured","rowRef","measurable","estimatedRowHeight","rowIndex","doMeasure","isInit","$rowRef","columns","onRowHeightChange","rowKey","style","height","getBoundingClientRect","value","Number","parseInt","firstColumn","isPlaceholder","fixed","eventHandlers","rowData","onRowHover","handlers","rowEventHandlers","Object","entries","forEach","eventName","handler","event","name","hovered","existedHandler","onExpand","expanded","onRowExpand","COMPONENT_NAME","TableV2Row","setup","expose","slots","attrs","columnsStyles","expandColumnKey","depth","ColumnCells","map","column","columnIndex","expandable","children","length","key","cell","expandIconProps","undefined","row","cells","node","exceptHeightStyle","_measured","class"],"sources":["../../../../../../../packages/components/table-v2/src/components/row.tsx"],"sourcesContent":["import {\n  computed,\n  defineComponent,\n  inject,\n  nextTick,\n  onMounted,\n  ref,\n  unref,\n} from 'vue'\nimport { isArray, isFunction, isNumber } from '@element-plus/utils'\nimport { tableV2RowProps } from '../row'\nimport { TableV2InjectionKey } from '../tokens'\nimport { placeholderSign } from '../private'\n\nimport type { CSSProperties, RendererElement, RendererNode, VNode } from 'vue'\nimport type { RowEventHandlers, TableV2RowProps } from '../row'\n\ntype CustomizedCellsType = VNode<\n  RendererNode,\n  RendererElement,\n  {\n    [key: string]: any\n  }\n>[]\n\ntype DefaultCellsType = VNode<\n  RendererNode,\n  RendererElement,\n  {\n    [key: string]: any\n  }\n>[][]\n\ntype ColumnCellsType = DefaultCellsType | CustomizedCellsType\n\nconst useTableRow = (props: TableV2RowProps) => {\n  const { isScrolling } = inject(TableV2InjectionKey)!\n\n  const measured = ref(false)\n  const rowRef = ref<HTMLElement>()\n  const measurable = computed(() => {\n    return isNumber(props.estimatedRowHeight) && props.rowIndex >= 0\n  })\n\n  const doMeasure = (isInit = false) => {\n    const $rowRef = unref(rowRef)\n    if (!$rowRef) return\n    const { columns, onRowHeightChange, rowKey, rowIndex, style } = props\n    const { height } = $rowRef.getBoundingClientRect()\n    measured.value = true\n\n    nextTick(() => {\n      if (isInit || height !== Number.parseInt(style!.height as string)) {\n        const firstColumn = columns[0]\n        const isPlaceholder = firstColumn?.placeholderSign === placeholderSign\n        onRowHeightChange?.(\n          { rowKey, height, rowIndex },\n          firstColumn && !isPlaceholder && firstColumn.fixed\n        )\n      }\n    })\n  }\n\n  const eventHandlers = computed(() => {\n    const { rowData, rowIndex, rowKey, onRowHover } = props\n    const handlers = props.rowEventHandlers || ({} as RowEventHandlers)\n    const eventHandlers = {} as {\n      [key in keyof RowEventHandlers]: (e: Event) => void\n    }\n\n    Object.entries(handlers).forEach(([eventName, handler]) => {\n      if (isFunction(handler)) {\n        eventHandlers[eventName as keyof RowEventHandlers] = (event: Event) => {\n          handler({\n            event,\n            rowData,\n            rowIndex,\n            rowKey,\n          })\n        }\n      }\n    })\n\n    if (onRowHover) {\n      ;(\n        [\n          { name: 'onMouseleave', hovered: false },\n          { name: 'onMouseenter', hovered: true },\n        ] as const\n      ).forEach(({ name, hovered }) => {\n        const existedHandler = eventHandlers[name]\n        eventHandlers[name] = ((event: MouseEvent) => {\n          onRowHover({\n            event,\n            hovered,\n            rowData,\n            rowIndex,\n            rowKey,\n          })\n\n          existedHandler?.(event)\n        }) as any\n      })\n    }\n    return eventHandlers\n  })\n\n  const onExpand = (expanded: boolean) => {\n    const { onRowExpand, rowData, rowIndex, rowKey } = props\n\n    onRowExpand?.({\n      expanded,\n      rowData,\n      rowIndex,\n      rowKey,\n    })\n  }\n\n  onMounted(() => {\n    if (unref(measurable)) {\n      doMeasure(true)\n    }\n  })\n\n  return { isScrolling, measurable, measured, rowRef, eventHandlers, onExpand }\n}\n\nconst COMPONENT_NAME = 'ElTableV2TableRow'\n\nconst TableV2Row = defineComponent({\n  name: COMPONENT_NAME,\n  props: tableV2RowProps,\n  setup(props, { expose, slots, attrs }) {\n    const {\n      eventHandlers,\n      isScrolling,\n      measurable,\n      measured,\n      rowRef,\n\n      onExpand,\n    } = useTableRow(props)\n\n    expose({\n      /**\n       * @description manually dispatching expand action on row.\n       */\n      onExpand,\n    })\n\n    return () => {\n      const {\n        columns,\n        columnsStyles,\n        expandColumnKey,\n        depth,\n        rowData,\n        rowIndex,\n        style,\n      } = props\n\n      let ColumnCells: ColumnCellsType = columns.map((column, columnIndex) => {\n        const expandable =\n          isArray(rowData.children) &&\n          rowData.children.length > 0 &&\n          column.key === expandColumnKey\n\n        return slots.cell!({\n          column,\n          columns,\n          columnIndex,\n          depth,\n          style: columnsStyles[column.key!],\n          rowData,\n          rowIndex,\n          isScrolling: unref(isScrolling),\n          expandIconProps: expandable\n            ? {\n                rowData,\n                rowIndex,\n                onExpand,\n              }\n            : undefined,\n        })\n      })\n\n      if (slots.row) {\n        ColumnCells = slots.row({\n          cells: ColumnCells.map((node) => {\n            if (isArray(node) && node.length === 1) {\n              return node[0]\n            }\n            return node\n          }),\n          style,\n          columns,\n          depth,\n          rowData,\n          rowIndex,\n          isScrolling: unref(isScrolling),\n        })\n      }\n\n      if (unref(measurable)) {\n        // eslint-disable-next-line @typescript-eslint/no-unused-vars\n        const { height, ...exceptHeightStyle } = style || {}\n        const _measured = unref(measured)\n        return (\n          <div\n            ref={rowRef}\n            class={props.class}\n            style={_measured ? style : exceptHeightStyle}\n            role=\"row\"\n            {...attrs}\n            {...unref(eventHandlers)}\n          >\n            {ColumnCells}\n          </div>\n        )\n      }\n\n      return (\n        <div\n          {...attrs}\n          ref={rowRef}\n          class={props.class}\n          style={style}\n          role=\"row\"\n          {...unref(eventHandlers)}\n        >\n          {ColumnCells}\n        </div>\n      )\n    }\n  },\n})\n\nexport default TableV2Row\n\nexport type TableV2RowCellRenderParam = {\n  column: TableV2RowProps['columns'][number]\n  columns: TableV2RowProps['columns']\n  columnIndex: number\n  depth: number\n  style: CSSProperties\n  rowData: any\n  rowIndex: number\n  isScrolling: boolean\n  expandIconProps?: {\n    rowData: any\n    rowIndex: number\n    onExpand: (expand: boolean) => void\n  }\n}\n\nexport type TableV2RowSlotProps = {\n  cells: VNode[]\n  columns: TableV2RowProps['columns']\n  depth: number\n  style: TableV2RowProps['style']\n  rowData: any\n  rowIndex: number\n  isScrolling: boolean\n}\n"],"mappings":"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"}

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

@@ -201,12 +201,12 @@ declare const TableGrid: vue.DefineComponent<vue.ExtractPropTypes<{
   };
 }>> & Readonly<{}>, {
   readonly scrollbarAlwaysOn: boolean;
+  readonly rowKey: EpPropMergeType<(new (...args: any[]) => string | number | symbol) | (() => KeyType) | (((new (...args: any[]) => string | number | symbol) | (() => KeyType)) | null)[], unknown, unknown>;
+  readonly headerHeight: EpPropMergeType<(new (...args: any[]) => number | number[]) | (() => number | number[]) | (((new (...args: any[]) => number | number[]) | (() => number | number[])) | null)[], unknown, unknown>;
   readonly estimatedRowHeight: number;
   readonly useIsScrolling: boolean;
   readonly scrollbarStartGap: number;
   readonly scrollbarEndGap: number;
-  readonly rowKey: EpPropMergeType<(new (...args: any[]) => string | number | symbol) | (() => KeyType) | (((new (...args: any[]) => string | number | symbol) | (() => KeyType)) | null)[], unknown, unknown>;
-  readonly headerHeight: EpPropMergeType<(new (...args: any[]) => number | number[]) | (() => number | number[]) | (((new (...args: any[]) => number | number[]) | (() => number | number[])) | null)[], unknown, unknown>;
   readonly cache: number;
 }, {}, {}, {}, string, vue.ComponentProvideOptions, true, {}, any>;
 type TableGridInstance = InstanceType<typeof TableGrid> & UnwrapRef<{

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

@@ -2,18 +2,30 @@ import { EpPropFinalized, EpPropMergeType } from "../../../utils/vue/props/types
 import "../../../utils/index.js";
 import { Alignment } from "../../virtual-list/src/types.js";
 import { SortOrder } from "./constants.js";
-import { DataGetter, KeyType, SortBy, SortState } from "./types.js";
+import { DataGetter, KeyType, SortBy, SortState, TableV2CustomizedHeaderSlotParam } from "./types.js";
 import { AnyColumn } from "./common.js";
 import { RowEventHandlers, RowExpandHandler } from "./row.js";
 import { onRowRenderedParams } from "./grid.js";
 import { ColumnSortHandler, ExpandedRowsChangeHandler, ExtraCellPropGetter, HeaderClassNameGetter, RowClassNameGetter } from "./table.js";
 import "./composables/use-scrollbar.js";
+import { TableV2HeaderRowCellRendererParams } from "./components/header-row.js";
+import { TableV2RowCellRenderParam, TableV2RowSlotProps } from "./components/row.js";
+import "./components/index.js";
 import "../../../index.js";
 import * as vue from "vue";
-import { CSSProperties } from "vue";
+import { CSSProperties, SlotsType } from "vue";
 import * as vue_jsx_runtime0 from "vue/jsx-runtime";
 
 //#region ../../packages/components/table-v2/src/table-v2.d.ts
+type TableV2Slots = {
+  row?: (props: TableV2RowSlotProps) => any;
+  cell?: (props: TableV2RowCellRenderParam) => any;
+  header?: (props: TableV2CustomizedHeaderSlotParam) => any;
+  'header-cell'?: (props: TableV2HeaderRowCellRendererParams) => any;
+  footer?: () => any;
+  empty?: () => any;
+  overlay?: () => any;
+};
 declare const TableV2: vue.DefineComponent<vue.ExtractPropTypes<{
   readonly cache: EpPropFinalized<NumberConstructor, never, never, 2, false>;
   readonly estimatedRowHeight: {
@@ -317,22 +329,22 @@ declare const TableV2: vue.DefineComponent<vue.ExtractPropTypes<{
 }>> & Readonly<{}>, {
   readonly fixed: boolean;
   readonly scrollbarAlwaysOn: boolean;
+  readonly rowKey: EpPropMergeType<(new (...args: any[]) => string | number | symbol) | (() => KeyType) | (((new (...args: any[]) => string | number | symbol) | (() => KeyType)) | null)[], unknown, unknown>;
+  readonly headerHeight: EpPropMergeType<(new (...args: any[]) => number | number[]) | (() => number | number[]) | (((new (...args: any[]) => number | number[]) | (() => number | number[])) | null)[], unknown, unknown>;
+  readonly sortBy: SortBy;
   readonly estimatedRowHeight: number;
   readonly useIsScrolling: boolean;
   readonly rowHeight: number;
   readonly hScrollbarSize: number;
   readonly vScrollbarSize: number;
-  readonly rowKey: EpPropMergeType<(new (...args: any[]) => string | number | symbol) | (() => KeyType) | (((new (...args: any[]) => string | number | symbol) | (() => KeyType)) | null)[], unknown, unknown>;
-  readonly headerHeight: EpPropMergeType<(new (...args: any[]) => number | number[]) | (() => number | number[]) | (((new (...args: any[]) => number | number[]) | (() => number | number[])) | null)[], unknown, unknown>;
   readonly cache: number;
   readonly footerHeight: number;
   readonly indentSize: number;
   readonly iconSize: number;
-  readonly sortBy: SortBy;
   readonly sortState: SortState;
   readonly expandedRowKeys: KeyType[];
   readonly defaultExpandedRowKeys: KeyType[];
-}, {}, {}, {}, string, vue.ComponentProvideOptions, true, {}, any>;
+}, SlotsType<TableV2Slots>, {}, {}, string, vue.ComponentProvideOptions, true, {}, any>;
 type TableV2Instance = InstanceType<typeof TableV2> & {
   /**
    * @description scroll to a given position

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

@@ -22,6 +22,7 @@ function _isSlot(s) {
 const TableV2 = /* @__PURE__ */ defineComponent({
 	name: "ElTableV2",
 	props: tableV2Props,
+	slots: Object,
 	setup(props, { slots, expose }) {
 		const ns = useNamespace("table-v2");
 		const { t } = useLocale();