@element-plus/nightly 0.0.20260512 → 0.0.20260514

package/es/components/table/src/filter-panel.vue.d.ts

@@ -111,17 +111,17 @@ declare const __VLS_export: _$vue.DefineComponent<_$vue.ExtractPropTypes<{
       change: (val: CheckboxValueType) => void;
       "update:modelValue": (val: CheckboxValueType) => void;
     }, _$vue.PublicProps, {
-      id: string;
+      name: string;
       label: string | boolean | number | object;
+      value: string | boolean | number | object;
+      id: string;
       disabled: boolean;
       modelValue: number | string | boolean;
-      value: string | boolean | number | object;
-      name: string;
+      validateEvent: boolean;
       trueValue: string | number;
       falseValue: string | number;
       trueLabel: string | number;
       falseLabel: string | number;
-      validateEvent: boolean;
     }, false, {}, {}, _$vue.GlobalComponents, _$vue.GlobalDirectives, string, {}, any, _$vue.ComponentProvideOptions, {
       P: {};
       B: {};
@@ -133,17 +133,17 @@ declare const __VLS_export: _$vue.DefineComponent<_$vue.ExtractPropTypes<{
       onChange?: ((val: CheckboxValueType) => any) | undefined;
       "onUpdate:modelValue"?: ((val: CheckboxValueType) => any) | undefined;
     }>, {}, {}, {}, {}, {
-      id: string;
+      name: string;
       label: string | boolean | number | object;
+      value: string | boolean | number | object;
+      id: string;
       disabled: boolean;
       modelValue: number | string | boolean;
-      value: string | boolean | number | object;
-      name: string;
+      validateEvent: boolean;
       trueValue: string | number;
       falseValue: string | number;
       trueLabel: string | number;
       falseLabel: string | number;
-      validateEvent: boolean;
     }>;
     __isFragment?: never;
     __isTeleport?: never;
@@ -155,17 +155,17 @@ declare const __VLS_export: _$vue.DefineComponent<_$vue.ExtractPropTypes<{
     change: (val: CheckboxValueType) => void;
     "update:modelValue": (val: CheckboxValueType) => void;
   }, string, {
-    id: string;
+    name: string;
     label: string | boolean | number | object;
+    value: string | boolean | number | object;
+    id: string;
     disabled: boolean;
     modelValue: number | string | boolean;
-    value: string | boolean | number | object;
-    name: string;
+    validateEvent: boolean;
     trueValue: string | number;
     falseValue: string | number;
     trueLabel: string | number;
     falseLabel: string | number;
-    validateEvent: boolean;
   }, {}, string, {}, _$vue.GlobalComponents, _$vue.GlobalDirectives, string, _$vue.ComponentProvideOptions> & _$vue.VNodeProps & _$vue.AllowedComponentProps & _$vue.ComponentCustomProps & (new () => {
     $slots: {
       default?: (props: {}) => any;
@@ -204,12 +204,12 @@ declare const __VLS_export: _$vue.DefineComponent<_$vue.ExtractPropTypes<{
       "update:modelValue": (val: CheckboxGroupValueType) => void;
     }, _$vue.PublicProps, {
       type: "checkbox" | "button";
-      tag: string;
       props: {
         value?: string;
         label?: string;
         disabled?: string;
       };
+      tag: string;
       disabled: boolean;
       modelValue: CheckboxGroupValueType;
       validateEvent: boolean;
@@ -225,12 +225,12 @@ declare const __VLS_export: _$vue.DefineComponent<_$vue.ExtractPropTypes<{
       "onUpdate:modelValue"?: ((val: CheckboxGroupValueType) => any) | undefined;
     }>, {}, {}, {}, {}, {
       type: "checkbox" | "button";
-      tag: string;
       props: {
         value?: string;
         label?: string;
         disabled?: string;
       };
+      tag: string;
       disabled: boolean;
       modelValue: CheckboxGroupValueType;
       validateEvent: boolean;
@@ -246,12 +246,12 @@ declare const __VLS_export: _$vue.DefineComponent<_$vue.ExtractPropTypes<{
     "update:modelValue": (val: CheckboxGroupValueType) => void;
   }, string, {
     type: "checkbox" | "button";
-    tag: string;
     props: {
       value?: string;
       label?: string;
       disabled?: string;
     };
+    tag: string;
     disabled: boolean;
     modelValue: CheckboxGroupValueType;
     validateEvent: boolean;
@@ -284,10 +284,10 @@ declare const __VLS_export: _$vue.DefineComponent<_$vue.ExtractPropTypes<{
       }) => void;
       "end-reached": (direction: ScrollbarDirection) => void;
     }, _$vue.PublicProps, {
-      height: number | string;
-      maxHeight: number | string;
       tag: keyof HTMLElementTagNameMap | (string & {});
       tabindex: number | string;
+      height: number | string;
+      maxHeight: number | string;
       distance: number;
       wrapStyle: string | false | _$vue.CSSProperties | _$vue.StyleValue[] | null;
       wrapClass: string | string[];
@@ -318,10 +318,10 @@ declare const __VLS_export: _$vue.DefineComponent<_$vue.ExtractPropTypes<{
       setScrollLeft: (value: number) => void;
       handleScroll: () => void;
     }, {}, {}, {}, {
-      height: number | string;
-      maxHeight: number | string;
       tag: keyof HTMLElementTagNameMap | (string & {});
       tabindex: number | string;
+      height: number | string;
+      maxHeight: number | string;
       distance: number;
       wrapStyle: string | false | _$vue.CSSProperties | _$vue.StyleValue[] | null;
       wrapClass: string | string[];
@@ -355,10 +355,10 @@ declare const __VLS_export: _$vue.DefineComponent<_$vue.ExtractPropTypes<{
     }) => void;
     "end-reached": (direction: ScrollbarDirection) => void;
   }, string, {
-    height: number | string;
-    maxHeight: number | string;
     tag: keyof HTMLElementTagNameMap | (string & {});
     tabindex: number | string;
+    height: number | string;
+    maxHeight: number | string;
     distance: number;
     wrapStyle: string | false | _$vue.CSSProperties | _$vue.StyleValue[] | null;
     wrapClass: string | string[];
@@ -373,12 +373,12 @@ declare const __VLS_export: _$vue.DefineComponent<_$vue.ExtractPropTypes<{
   ElTooltip: SFCWithInstall<{
     new (...args: any[]): _$vue.CreateComponentPublicInstanceWithMixins<Readonly<UseTooltipProps> & Readonly<{
       onClose?: ((...args: any[]) => any) | undefined;
+      onHide?: ((...args: any[]) => any) | undefined;
+      onShow?: ((...args: any[]) => any) | undefined;
       onOpen?: ((...args: any[]) => any) | undefined;
       "onUpdate:visible"?: ((...args: any[]) => any) | undefined;
       "onBefore-show"?: ((...args: any[]) => any) | undefined;
       "onBefore-hide"?: ((...args: any[]) => any) | undefined;
-      onShow?: ((...args: any[]) => any) | undefined;
-      onHide?: ((...args: any[]) => any) | undefined;
     }>, {
       popperRef: _$vue.Ref<PopperInstance | undefined, PopperInstance | undefined>;
       contentRef: _$vue.Ref<TooltipContentInstance | undefined, TooltipContentInstance | undefined>;
@@ -389,20 +389,20 @@ declare const __VLS_export: _$vue.DefineComponent<_$vue.ExtractPropTypes<{
       hide: (event?: Event) => void;
     }, {}, {}, {}, _$vue.ComponentOptionsMixin, _$vue.ComponentOptionsMixin, {
       close: (...args: any[]) => void;
+      hide: (...args: any[]) => void;
+      show: (...args: any[]) => void;
       open: (...args: any[]) => void;
       "update:visible": (...args: any[]) => void;
       "before-show": (...args: any[]) => void;
       "before-hide": (...args: any[]) => void;
-      show: (...args: any[]) => void;
-      hide: (...args: any[]) => void;
     }, _$vue.PublicProps, {
       style: string | false | _$vue.CSSProperties | _$vue.StyleValue[] | null;
-      role: typeof roleTypes[number];
-      visible: boolean | null;
+      placement: Placement;
       offset: number;
       teleported: boolean;
       effect: PopperEffect;
-      trigger: Arrayable<TooltipTriggerType>;
+      content: string;
+      visible: boolean | null;
       enterable: boolean;
       pure: boolean;
       focusOnShow: boolean;
@@ -413,15 +413,15 @@ declare const __VLS_export: _$vue.DefineComponent<_$vue.ExtractPropTypes<{
       loop: boolean;
       boundariesPadding: number;
       gpuAcceleration: boolean;
-      placement: Placement;
       popperOptions: Partial<Options>;
       strategy: "fixed" | "absolute";
       arrowOffset: number;
       showArrow: boolean;
-      content: string;
+      role: typeof roleTypes[number];
       showAfter: number;
       hideAfter: number;
       autoClose: number;
+      trigger: Arrayable<TooltipTriggerType>;
       triggerKeys: string[];
     }, false, {}, {}, _$vue.GlobalComponents, _$vue.GlobalDirectives, string, {}, any, _$vue.ComponentProvideOptions, {
       P: {};
@@ -432,12 +432,12 @@ declare const __VLS_export: _$vue.DefineComponent<_$vue.ExtractPropTypes<{
       Defaults: {};
     }, Readonly<UseTooltipProps> & Readonly<{
       onClose?: ((...args: any[]) => any) | undefined;
+      onHide?: ((...args: any[]) => any) | undefined;
+      onShow?: ((...args: any[]) => any) | undefined;
       onOpen?: ((...args: any[]) => any) | undefined;
       "onUpdate:visible"?: ((...args: any[]) => any) | undefined;
       "onBefore-show"?: ((...args: any[]) => any) | undefined;
       "onBefore-hide"?: ((...args: any[]) => any) | undefined;
-      onShow?: ((...args: any[]) => any) | undefined;
-      onHide?: ((...args: any[]) => any) | undefined;
     }>, {
       popperRef: _$vue.Ref<PopperInstance | undefined, PopperInstance | undefined>;
       contentRef: _$vue.Ref<TooltipContentInstance | undefined, TooltipContentInstance | undefined>;
@@ -448,12 +448,12 @@ declare const __VLS_export: _$vue.DefineComponent<_$vue.ExtractPropTypes<{
       hide: (event?: Event) => void;
     }, {}, {}, {}, {
       style: string | false | _$vue.CSSProperties | _$vue.StyleValue[] | null;
-      role: typeof roleTypes[number];
-      visible: boolean | null;
+      placement: Placement;
       offset: number;
       teleported: boolean;
       effect: PopperEffect;
-      trigger: Arrayable<TooltipTriggerType>;
+      content: string;
+      visible: boolean | null;
       enterable: boolean;
       pure: boolean;
       focusOnShow: boolean;
@@ -464,15 +464,15 @@ declare const __VLS_export: _$vue.DefineComponent<_$vue.ExtractPropTypes<{
       loop: boolean;
       boundariesPadding: number;
       gpuAcceleration: boolean;
-      placement: Placement;
       popperOptions: Partial<Options>;
       strategy: "fixed" | "absolute";
       arrowOffset: number;
       showArrow: boolean;
-      content: string;
+      role: typeof roleTypes[number];
       showAfter: number;
       hideAfter: number;
       autoClose: number;
+      trigger: Arrayable<TooltipTriggerType>;
       triggerKeys: string[];
     }>;
     __isFragment?: never;
@@ -480,12 +480,12 @@ declare const __VLS_export: _$vue.DefineComponent<_$vue.ExtractPropTypes<{
     __isSuspense?: never;
   } & _$vue.ComponentOptionsBase<Readonly<UseTooltipProps> & Readonly<{
     onClose?: ((...args: any[]) => any) | undefined;
+    onHide?: ((...args: any[]) => any) | undefined;
+    onShow?: ((...args: any[]) => any) | undefined;
     onOpen?: ((...args: any[]) => any) | undefined;
     "onUpdate:visible"?: ((...args: any[]) => any) | undefined;
     "onBefore-show"?: ((...args: any[]) => any) | undefined;
     "onBefore-hide"?: ((...args: any[]) => any) | undefined;
-    onShow?: ((...args: any[]) => any) | undefined;
-    onHide?: ((...args: any[]) => any) | undefined;
   }>, {
     popperRef: _$vue.Ref<PopperInstance | undefined, PopperInstance | undefined>;
     contentRef: _$vue.Ref<TooltipContentInstance | undefined, TooltipContentInstance | undefined>;
@@ -496,20 +496,20 @@ declare const __VLS_export: _$vue.DefineComponent<_$vue.ExtractPropTypes<{
     hide: (event?: Event) => void;
   }, {}, {}, {}, _$vue.ComponentOptionsMixin, _$vue.ComponentOptionsMixin, {
     close: (...args: any[]) => void;
+    hide: (...args: any[]) => void;
+    show: (...args: any[]) => void;
     open: (...args: any[]) => void;
     "update:visible": (...args: any[]) => void;
     "before-show": (...args: any[]) => void;
     "before-hide": (...args: any[]) => void;
-    show: (...args: any[]) => void;
-    hide: (...args: any[]) => void;
   }, string, {
     style: string | false | _$vue.CSSProperties | _$vue.StyleValue[] | null;
-    role: typeof roleTypes[number];
-    visible: boolean | null;
+    placement: Placement;
     offset: number;
     teleported: boolean;
     effect: PopperEffect;
-    trigger: Arrayable<TooltipTriggerType>;
+    content: string;
+    visible: boolean | null;
     enterable: boolean;
     pure: boolean;
     focusOnShow: boolean;
@@ -520,15 +520,15 @@ declare const __VLS_export: _$vue.DefineComponent<_$vue.ExtractPropTypes<{
     loop: boolean;
     boundariesPadding: number;
     gpuAcceleration: boolean;
-    placement: Placement;
     popperOptions: Partial<Options>;
     strategy: "fixed" | "absolute";
     arrowOffset: number;
     showArrow: boolean;
-    content: string;
+    role: typeof roleTypes[number];
     showAfter: number;
     hideAfter: number;
     autoClose: number;
+    trigger: Arrayable<TooltipTriggerType>;
     triggerKeys: string[];
   }, {}, string, {}, _$vue.GlobalComponents, _$vue.GlobalDirectives, string, _$vue.ComponentProvideOptions> & _$vue.VNodeProps & _$vue.AllowedComponentProps & _$vue.ComponentCustomProps & (new () => {
     $slots: {

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

@@ -85,38 +85,128 @@ type CellStyle<T extends DefaultRow> = CSSProperties | ((data: {
   columnIndex: number;
 }) => CSSProperties);
 type Layout = 'fixed' | 'auto';
-interface TableProps<T extends DefaultRow> {
-  data: T[];
+interface TableProps<T extends DefaultRow = DefaultRow> {
+  /**
+   * @description table data
+   */
+  data?: T[];
+  /**
+   * @description size of Table
+   */
   size?: ComponentSize;
   width?: string | number;
+  /**
+   * @description table's height. By default it has an `auto` height. If its value is a number, the height is measured in pixels; if its value is a string, the value will be assigned to element's style.height, the height is affected by external styles
+   */
   height?: string | number;
+  /**
+   * @description table's max-height. The legal value is a number or the height in px
+   */
   maxHeight?: string | number;
+  /**
+   * @description whether width of column automatically fits its container
+   */
   fit?: boolean;
+  /**
+   * @description whether Table is striped
+   */
   stripe?: boolean;
+  /**
+   * @description whether Table has vertical border
+   */
   border?: boolean;
+  /**
+   * @description key of row data, used for optimizing rendering. Required if `reserve-selection` is on or display tree data. When its type is String, multi-level access is supported, e.g. `user.info.id`, but `user.info[0].id` is not supported, in which case `Function` should be used
+   */
   rowKey?: string | ((row: T) => string);
   context?: Table<T>;
+  /**
+   * @description whether Table header is visible
+   */
   showHeader?: boolean;
+  /**
+   * @description whether to display a summary row
+   */
   showSummary?: boolean;
+  /**
+   * @description displayed text for the first column of summary row
+   */
   sumText?: string;
+  /**
+   * @description custom summary method
+   */
   summaryMethod?: SummaryMethod<T>;
+  /**
+   * @description function that returns custom class names for a row, or a string assigning class names for every row
+   */
   rowClassName?: ColumnCls<T>;
+  /**
+   * @description function that returns custom style for a row, or an object assigning custom style for every row
+   */
   rowStyle?: ColumnStyle<T>;
+  /**
+   * @description function that returns custom class names for a cell, or a string assigning class names for every cell
+   */
   cellClassName?: CellCls<T>;
+  /**
+   * @description function that returns custom style for a cell, or an object assigning custom style for every cell
+   */
   cellStyle?: CellStyle<T>;
+  /**
+   * @description function that returns custom class names for a row in table header, or a string assigning class names for every row in table header
+   */
   headerRowClassName?: ColumnCls<T>;
+  /**
+   * @description function that returns custom style for a row in table header, or an object assigning custom style for every row in table header
+   */
   headerRowStyle?: ColumnStyle<T>;
+  /**
+   * @description function that returns custom class names for a cell in table header, or a string assigning class names for every cell in table header
+   */
   headerCellClassName?: CellCls<T>;
+  /**
+   * @description function that returns custom style for a cell in table header, or an object assigning custom style for every cell in table header
+   */
   headerCellStyle?: CellStyle<T>;
+  /**
+   * @description whether current row is highlighted
+   */
   highlightCurrentRow?: boolean;
+  /**
+   * @description key of current row, a set only prop
+   */
   currentRowKey?: string | number;
+  /**
+   * @description displayed text when data is empty. You can customize this area with `#empty`
+   */
   emptyText?: string;
+  /**
+   * @description set expanded rows by this prop, prop's value is the keys of expand rows, you should set row-key before using this prop
+   */
   expandRowKeys?: Array<string>;
+  /**
+   * @description whether expand all rows by default, works when the table has a column type="expand" or contains tree structure data
+   */
   defaultExpandAll?: boolean;
+  /**
+   * @description enable expandable rows, works when the table has a column type="expand"
+   */
   rowExpandable?: (row: T, index: number) => boolean;
+  /**
+   * @description set the default sort column and order. property `prop` is used to set default sort column, property `order` is used to set default sort order
+   */
   defaultSort?: Sort;
+  /**
+   * @description the `effect` of the overflow tooltip
+   */
   tooltipEffect?: string;
+  /**
+   * @description the options for the overflow tooltip, [see the following tooltip component](tooltip.html#attributes)
+   */
   tooltipOptions?: TableOverflowTooltipOptions;
+  /**
+   * @description method that returns rowspan and colspan
+   */
   spanMethod?: (data: {
     row: T;
     rowIndex: number;
@@ -126,20 +216,61 @@ interface TableProps<T extends DefaultRow> {
     rowspan: number;
     colspan: number;
   } | undefined;
+  /**
+   * @description controls the behavior of master checkbox in multi-select tables when only some rows are selected (but not all). If true, all rows will be selected, else deselected
+   */
   selectOnIndeterminate?: boolean;
+  /**
+   * @description horizontal indentation of tree data
+   */
   indent?: number;
+  /**
+   * @description configuration for rendering nested data
+   */
   treeProps?: TreeProps;
+  /**
+   * @description whether to lazy loading data
+   */
   lazy?: boolean;
+  /**
+   * @description method for loading child row data, only works when `lazy` is true
+   */
   load?: (row: T, treeNode: TreeNode, resolve: (data: T[]) => void) => void;
   className?: string;
   style?: StyleValue;
+  /**
+   * @description sets the algorithm used to lay out table cells, rows, and columns
+   */
   tableLayout?: Layout;
+  /**
+   * @description always show scrollbar
+   */
   scrollbarAlwaysOn?: boolean;
+  /**
+   * @description ensure main axis minimum-size doesn't follow the content
+   */
   flexible?: boolean;
+  /**
+   * @description whether to hide extra content and show them in a tooltip when hovering on the cell.It will affect all the table columns
+   */
   showOverflowTooltip?: boolean | TableOverflowTooltipOptions;
+  /**
+   * @description function that formats cell tooltip content, works when `show-overflow-tooltip` is `true`
+   */
   tooltipFormatter?: TableOverflowTooltipFormatter<T>;
   appendFilterPanelTo?: string;
   scrollbarTabindex?: number | string;
+  /**
+   * @description whether to allow drag the last column
+   */
+  allowDragLastColumn?: boolean;
+  /**
+   * @description whether to preserve expanded row content in DOM when collapsed
+   */
+  preserveExpandedContent?: boolean;
+  /**
+   * @description whether to use native scrollbars
+   */
   nativeScrollbar?: boolean;
 }
 type TableTooltipData<T extends DefaultRow> = Parameters<TableOverflowTooltipFormatter<T>>[0];
@@ -179,7 +310,10 @@ interface TableConfigContext {
   tooltipOptions?: TableOverflowTooltipOptions;
   tooltipFormatter?: TableOverflowTooltipFormatter<any>;
 }
-declare const _default: {
+/**
+ * @deprecated Removed after 3.0.0, Use `TableProps` instead.
+ */
+declare const tableProps: {
   /**
    * @description table data
    */
@@ -406,4 +540,4 @@ declare const _default: {
   nativeScrollbar: BooleanConstructor;
 };
 //#endregion
-export { type CellCls, type CellStyle, type ColumnCls, type ColumnStyle, type DefaultRow, type Filter, type RenderExpanded, type RenderRowData, type Sort, type SummaryMethod, type Table, type TableColumnCtx, type TableConfigContext, type TableProps, type TableRefs, type TableSortOrder, type TableTooltipData, type TreeNode, type TreeProps, _default as default };
+export { type CellCls, type CellStyle, type ColumnCls, type ColumnStyle, type DefaultRow, type Filter, type RenderExpanded, type RenderRowData, type Sort, type SummaryMethod, type Table, type TableColumnCtx, type TableConfigContext, type TableProps, type TableRefs, type TableSortOrder, type TableTooltipData, type TreeNode, type TreeProps, tableProps as default, tableProps };

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

@@ -1,6 +1,9 @@
 import { useSizeProp } from "../../../../hooks/use-size/index.mjs";
 //#region ../../packages/components/table/src/table/defaults.ts
-var defaults_default = {
+/**
+* @deprecated Removed after 3.0.0, Use `TableProps` instead.
+*/
+const tableProps = {
 	/**
 	* @description table data
 	*/
@@ -227,6 +230,6 @@ var defaults_default = {
 	nativeScrollbar: Boolean
 };
 //#endregion
-export { defaults_default as default };
+export { tableProps as default, tableProps };
 
 //# sourceMappingURL=defaults.mjs.map

package/es/components/table/src/table/defaults.mjs.map

@@ -1 +1 @@
-{"version":3,"file":"defaults.mjs","names":[],"sources":["../../../../../../../packages/components/table/src/table/defaults.ts"],"sourcesContent":["import { useSizeProp } from '@element-plus/hooks'\n\nimport type {\n  CSSProperties,\n  ComponentInternalInstance,\n  PropType,\n  Ref,\n  StyleValue,\n  VNode,\n} from 'vue'\nimport type { ComponentSize } from '@element-plus/constants'\nimport type { Nullable } from '@element-plus/utils'\nimport type { Store } from '../store'\nimport type { TableColumnCtx } from '../table-column/defaults'\nimport type TableLayout from '../table-layout'\nimport type {\n  TableOverflowTooltipFormatter,\n  TableOverflowTooltipOptions,\n} from '../util'\n\ntype DefaultRow = Record<PropertyKey, any>\n\ninterface TableRefs {\n  tableWrapper: HTMLElement\n  headerWrapper: HTMLElement\n  footerWrapper: HTMLElement\n  fixedBodyWrapper: HTMLElement\n  rightFixedBodyWrapper: HTMLElement\n  bodyWrapper: HTMLElement\n  appendWrapper: HTMLElement\n  [key: string]: any\n}\n\ninterface TableState {\n  isGroup: Ref<boolean>\n  resizeState: Ref<{\n    width: any\n    height: any\n  }>\n  doLayout: () => void\n  debouncedUpdateLayout: () => void\n}\n\ninterface TreeProps {\n  hasChildren?: string\n  children?: string\n  checkStrictly?: boolean\n}\n\ntype HoverState<T extends DefaultRow> = Nullable<{\n  cell: HTMLElement\n  column: TableColumnCtx<T>\n  row: T\n}>\n\ntype RIS<T extends DefaultRow> = {\n  row: T\n  $index: number\n  store: Store<T>\n  expanded: boolean\n}\n\ntype RenderExpanded<T extends DefaultRow> = ({\n  row,\n  $index,\n  store,\n  expanded,\n}: RIS<T>) => VNode[] | undefined\n\ntype SummaryMethod<T extends DefaultRow> = (data: {\n  columns: TableColumnCtx<T>[]\n  data: T[]\n}) => (string | VNode)[]\n\ninterface Table<T extends DefaultRow = any> extends ComponentInternalInstance {\n  $ready: boolean\n  hoverState?: HoverState<T> | null\n  renderExpanded: RenderExpanded<T>\n  store: Store<T>\n  layout: TableLayout<T>\n  refs: TableRefs\n  tableId: string\n  state: TableState\n}\n\ntype ColumnCls<T> = string | ((data: { row: T; rowIndex: number }) => string)\ntype ColumnStyle<T> =\n  | CSSProperties\n  | ((data: { row: T; rowIndex: number }) => CSSProperties)\ntype CellCls<T extends DefaultRow> =\n  | string\n  | ((data: {\n      row: T\n      rowIndex: number\n      column: TableColumnCtx<T>\n      columnIndex: number\n    }) => string)\ntype CellStyle<T extends DefaultRow> =\n  | CSSProperties\n  | ((data: {\n      row: T\n      rowIndex: number\n      column: TableColumnCtx<T>\n      columnIndex: number\n    }) => CSSProperties)\ntype Layout = 'fixed' | 'auto'\ninterface TableProps<T extends DefaultRow> {\n  data: T[]\n  size?: ComponentSize\n  width?: string | number\n  height?: string | number\n  maxHeight?: string | number\n  fit?: boolean\n  stripe?: boolean\n  border?: boolean\n  rowKey?: string | ((row: T) => string)\n  context?: Table<T>\n  showHeader?: boolean\n  showSummary?: boolean\n  sumText?: string\n  summaryMethod?: SummaryMethod<T>\n  rowClassName?: ColumnCls<T>\n  rowStyle?: ColumnStyle<T>\n  cellClassName?: CellCls<T>\n  cellStyle?: CellStyle<T>\n  headerRowClassName?: ColumnCls<T>\n  headerRowStyle?: ColumnStyle<T>\n  headerCellClassName?: CellCls<T>\n  headerCellStyle?: CellStyle<T>\n  highlightCurrentRow?: boolean\n  currentRowKey?: string | number\n  emptyText?: string\n  expandRowKeys?: Array<string>\n  defaultExpandAll?: boolean\n  rowExpandable?: (row: T, index: number) => boolean\n  defaultSort?: Sort\n  tooltipEffect?: string\n  tooltipOptions?: TableOverflowTooltipOptions\n  spanMethod?: (data: {\n    row: T\n    rowIndex: number\n    column: TableColumnCtx<T>\n    columnIndex: number\n  }) =>\n    | number[]\n    | {\n        rowspan: number\n        colspan: number\n      }\n    | undefined\n  selectOnIndeterminate?: boolean\n  indent?: number\n  treeProps?: TreeProps\n  lazy?: boolean\n  load?: (row: T, treeNode: TreeNode, resolve: (data: T[]) => void) => void\n  className?: string\n  style?: StyleValue\n  tableLayout?: Layout\n  scrollbarAlwaysOn?: boolean\n  flexible?: boolean\n  showOverflowTooltip?: boolean | TableOverflowTooltipOptions\n  tooltipFormatter?: TableOverflowTooltipFormatter<T>\n  appendFilterPanelTo?: string\n  scrollbarTabindex?: number | string\n  nativeScrollbar?: boolean\n}\n\ntype TableTooltipData<T extends DefaultRow> = Parameters<\n  TableOverflowTooltipFormatter<T>\n>[0]\ntype TableSortOrder = 'ascending' | 'descending'\n\ninterface Sort {\n  prop: string\n  order: TableSortOrder\n  init?: any\n  silent?: any\n}\n\ninterface Filter<T extends DefaultRow> {\n  column: TableColumnCtx<T>\n  values: string[]\n  silent: any\n}\n\ninterface TreeNode {\n  expanded?: boolean\n  loading?: boolean\n  noLazyChildren?: boolean\n  indent?: number\n  level?: number\n  display?: boolean\n}\n\ninterface RenderRowData<T extends DefaultRow> {\n  store: Store<T>\n  _self: Table<T>\n  column: TableColumnCtx<T>\n  row: T\n  $index: number\n  cellIndex: number\n  treeNode?: TreeNode\n  expanded: boolean\n}\n\ninterface TableConfigContext {\n  showOverflowTooltip?: boolean | TableOverflowTooltipOptions\n  tooltipEffect?: string\n  tooltipOptions?: TableOverflowTooltipOptions\n  tooltipFormatter?: TableOverflowTooltipFormatter<any>\n}\n\nexport default {\n  /**\n   * @description table data\n   */\n  data: {\n    type: Array as PropType<any[]>,\n    default: () => [],\n  },\n  /**\n   * @description size of Table\n   */\n  size: useSizeProp,\n  width: [String, Number],\n  /**\n   * @description table's height. By default it has an `auto` height. If its value is a number, the height is measured in pixels; if its value is a string, the value will be assigned to element's style.height, the height is affected by external styles\n   */\n  height: [String, Number],\n  /**\n   * @description table's max-height. The legal value is a number or the height in px\n   */\n  maxHeight: [String, Number],\n  /**\n   * @description whether width of column automatically fits its container\n   */\n  fit: {\n    type: Boolean,\n    default: true,\n  },\n  /**\n   * @description whether Table is striped\n   */\n  stripe: Boolean,\n  /**\n   * @description whether Table has vertical border\n   */\n  border: Boolean,\n  /**\n   * @description key of row data, used for optimizing rendering. Required if `reserve-selection` is on or display tree data. When its type is String, multi-level access is supported, e.g. `user.info.id`, but `user.info[0].id` is not supported, in which case `Function` should be used\n   */\n  rowKey: [String, Function] as PropType<TableProps<any>['rowKey']>,\n  /**\n   * @description whether Table header is visible\n   */\n  showHeader: {\n    type: Boolean,\n    default: true,\n  },\n  /**\n   * @description whether to display a summary row\n   */\n  showSummary: Boolean,\n  /**\n   * @description displayed text for the first column of summary row\n   */\n  sumText: String,\n  /**\n   * @description custom summary method\n   */\n  summaryMethod: Function as PropType<TableProps<any>['summaryMethod']>,\n  /**\n   * @description function that returns custom class names for a row, or a string assigning class names for every row\n   */\n  rowClassName: [String, Function] as PropType<TableProps<any>['rowClassName']>,\n  /**\n   * @description function that returns custom style for a row, or an object assigning custom style for every row\n   */\n  rowStyle: [Object, Function] as PropType<TableProps<any>['rowStyle']>,\n  /**\n   * @description function that returns custom class names for a cell, or a string assigning class names for every cell\n   */\n  cellClassName: [String, Function] as PropType<\n    TableProps<any>['cellClassName']\n  >,\n  /**\n   * @description function that returns custom style for a cell, or an object assigning custom style for every cell\n   */\n  cellStyle: [Object, Function] as PropType<TableProps<any>['cellStyle']>,\n  /**\n   * @description function that returns custom class names for a row in table header, or a string assigning class names for every row in table header\n   */\n  headerRowClassName: [String, Function] as PropType<\n    TableProps<any>['headerRowClassName']\n  >,\n  /**\n   * @description function that returns custom style for a row in table header, or an object assigning custom style for every row in table header\n   */\n  headerRowStyle: [Object, Function] as PropType<\n    TableProps<any>['headerRowStyle']\n  >,\n  /**\n   * @description function that returns custom class names for a cell in table header, or a string assigning class names for every cell in table header\n   */\n  headerCellClassName: [String, Function] as PropType<\n    TableProps<any>['headerCellClassName']\n  >,\n  /**\n   * @description function that returns custom style for a cell in table header, or an object assigning custom style for every cell in table header\n   */\n  headerCellStyle: [Object, Function] as PropType<\n    TableProps<any>['headerCellStyle']\n  >,\n  /**\n   * @description whether current row is highlighted\n   */\n  highlightCurrentRow: Boolean,\n  /**\n   * @description key of current row, a set only prop\n   */\n  currentRowKey: [String, Number],\n  /**\n   * @description displayed text when data is empty. You can customize this area with `#empty`\n   */\n  emptyText: String,\n  /**\n   * @description set expanded rows by this prop, prop's value is the keys of expand rows, you should set row-key before using this prop\n   */\n  expandRowKeys: Array as PropType<TableProps<any>['expandRowKeys']>,\n  /**\n   * @description whether expand all rows by default, works when the table has a column type=\"expand\" or contains tree structure data\n   */\n  defaultExpandAll: Boolean,\n  /**\n   * @description enable expandable rows, works when the table has a column type=\"expand\"\n   */\n  rowExpandable: {\n    type: Function as PropType<TableProps<any>['rowExpandable']>,\n  },\n  /**\n   * @description set the default sort column and order. property `prop` is used to set default sort column, property `order` is used to set default sort order\n   */\n  defaultSort: Object as PropType<TableProps<any>['defaultSort']>,\n  /**\n   * @description the `effect` of the overflow tooltip\n   */\n  tooltipEffect: String,\n  /**\n   * @description the options for the overflow tooltip, [see the following tooltip component](tooltip.html#attributes)\n   */\n  tooltipOptions: Object as PropType<TableProps<any>['tooltipOptions']>,\n  /**\n   * @description method that returns rowspan and colspan\n   */\n  spanMethod: Function as PropType<TableProps<any>['spanMethod']>,\n  /**\n   * @description controls the behavior of master checkbox in multi-select tables when only some rows are selected (but not all). If true, all rows will be selected, else deselected\n   */\n  selectOnIndeterminate: {\n    type: Boolean,\n    default: true,\n  },\n  /**\n   * @description horizontal indentation of tree data\n   */\n  indent: {\n    type: Number,\n    default: 16,\n  },\n  /**\n   * @description configuration for rendering nested data\n   */\n  treeProps: {\n    type: Object as PropType<TableProps<any>['treeProps']>,\n    default: () => {\n      return {\n        hasChildren: 'hasChildren',\n        children: 'children',\n        checkStrictly: false,\n      }\n    },\n  },\n  /**\n   * @description whether to lazy loading data\n   */\n  lazy: Boolean,\n  /**\n   * @description method for loading child row data, only works when `lazy` is true\n   */\n  load: Function as PropType<TableProps<any>['load']>,\n  style: {\n    type: [String, Object, Array, Boolean] as PropType<\n      TableProps<any>['style']\n    >,\n    default: () => ({}),\n  },\n  className: {\n    type: String,\n    default: '',\n  },\n  /**\n   * @description sets the algorithm used to lay out table cells, rows, and columns\n   */\n  tableLayout: {\n    type: String as PropType<Layout>,\n    default: 'fixed',\n  },\n  /**\n   * @description always show scrollbar\n   */\n  scrollbarAlwaysOn: Boolean,\n  /**\n   * @description ensure main axis minimum-size doesn't follow the content\n   */\n  flexible: Boolean,\n  /**\n   * @description whether to hide extra content and show them in a tooltip when hovering on the cell.It will affect all the table columns\n   */\n  showOverflowTooltip: {\n    type: [Boolean, Object] as PropType<TableProps<any>['showOverflowTooltip']>,\n    default: undefined,\n  },\n  /**\n   * @description function that formats cell tooltip content, works when `show-overflow-tooltip` is `true`\n   */\n  tooltipFormatter: Function as PropType<TableProps<any>['tooltipFormatter']>,\n  appendFilterPanelTo: String,\n  scrollbarTabindex: {\n    type: [Number, String],\n    default: undefined,\n  },\n  /**\n   * @description whether to allow drag the last column\n   */\n  allowDragLastColumn: {\n    type: Boolean,\n    default: true,\n  },\n  /**\n   * @description whether to preserve expanded row content in DOM when collapsed\n   */\n  preserveExpandedContent: Boolean,\n  /**\n   * @description whether to use native scrollbars\n   */\n  nativeScrollbar: Boolean,\n}\nexport type {\n  SummaryMethod,\n  Table,\n  TableProps,\n  TableRefs,\n  ColumnCls,\n  ColumnStyle,\n  CellCls,\n  CellStyle,\n  DefaultRow,\n  TreeNode,\n  RenderRowData,\n  Sort,\n  Filter,\n  TableColumnCtx,\n  TreeProps,\n  TableTooltipData,\n  TableSortOrder,\n  RenderExpanded,\n  TableConfigContext,\n}\n"],"mappings":";;AAoNA,IAAA,mBAAe;;;;CAIb,MAAM;EACJ,MAAM;EACN,eAAe,EAAE;EAClB;;;;CAID,MAAM;CACN,OAAO,CAAC,QAAQ,OAAO;;;;CAIvB,QAAQ,CAAC,QAAQ,OAAO;;;;CAIxB,WAAW,CAAC,QAAQ,OAAO;;;;CAI3B,KAAK;EACH,MAAM;EACN,SAAS;EACV;;;;CAID,QAAQ;;;;CAIR,QAAQ;;;;CAIR,QAAQ,CAAC,QAAQ,SAAS;;;;CAI1B,YAAY;EACV,MAAM;EACN,SAAS;EACV;;;;CAID,aAAa;;;;CAIb,SAAS;;;;CAIT,eAAe;;;;CAIf,cAAc,CAAC,QAAQ,SAAS;;;;CAIhC,UAAU,CAAC,QAAQ,SAAS;;;;CAI5B,eAAe,CAAC,QAAQ,SAAS;;;;CAMjC,WAAW,CAAC,QAAQ,SAAS;;;;CAI7B,oBAAoB,CAAC,QAAQ,SAAS;;;;CAMtC,gBAAgB,CAAC,QAAQ,SAAS;;;;CAMlC,qBAAqB,CAAC,QAAQ,SAAS;;;;CAMvC,iBAAiB,CAAC,QAAQ,SAAS;;;;CAMnC,qBAAqB;;;;CAIrB,eAAe,CAAC,QAAQ,OAAO;;;;CAI/B,WAAW;;;;CAIX,eAAe;;;;CAIf,kBAAkB;;;;CAIlB,eAAe,EACb,MAAM,UACP;;;;CAID,aAAa;;;;CAIb,eAAe;;;;CAIf,gBAAgB;;;;CAIhB,YAAY;;;;CAIZ,uBAAuB;EACrB,MAAM;EACN,SAAS;EACV;;;;CAID,QAAQ;EACN,MAAM;EACN,SAAS;EACV;;;;CAID,WAAW;EACT,MAAM;EACN,eAAe;GACb,OAAO;IACL,aAAa;IACb,UAAU;IACV,eAAe;IAChB;;EAEJ;;;;CAID,MAAM;;;;CAIN,MAAM;CACN,OAAO;EACL,MAAM;GAAC;GAAQ;GAAQ;GAAO;GAAQ;EAGtC,gBAAgB,EAAE;EACnB;CACD,WAAW;EACT,MAAM;EACN,SAAS;EACV;;;;CAID,aAAa;EACX,MAAM;EACN,SAAS;EACV;;;;CAID,mBAAmB;;;;CAInB,UAAU;;;;CAIV,qBAAqB;EACnB,MAAM,CAAC,SAAS,OAAO;EACvB,SAAS,KAAA;EACV;;;;CAID,kBAAkB;CAClB,qBAAqB;CACrB,mBAAmB;EACjB,MAAM,CAAC,QAAQ,OAAO;EACtB,SAAS,KAAA;EACV;;;;CAID,qBAAqB;EACnB,MAAM;EACN,SAAS;EACV;;;;CAID,yBAAyB;;;;CAIzB,iBAAiB;CAClB"}
+{"version":3,"file":"defaults.mjs","names":[],"sources":["../../../../../../../packages/components/table/src/table/defaults.ts"],"sourcesContent":["import { useSizeProp } from '@element-plus/hooks'\n\nimport type {\n  CSSProperties,\n  ComponentInternalInstance,\n  PropType,\n  Ref,\n  StyleValue,\n  VNode,\n} from 'vue'\nimport type { ComponentSize } from '@element-plus/constants'\nimport type { Nullable } from '@element-plus/utils'\nimport type { Store } from '../store'\nimport type { TableColumnCtx } from '../table-column/defaults'\nimport type TableLayout from '../table-layout'\nimport type {\n  TableOverflowTooltipFormatter,\n  TableOverflowTooltipOptions,\n} from '../util'\n\ntype DefaultRow = Record<PropertyKey, any>\n\ninterface TableRefs {\n  tableWrapper: HTMLElement\n  headerWrapper: HTMLElement\n  footerWrapper: HTMLElement\n  fixedBodyWrapper: HTMLElement\n  rightFixedBodyWrapper: HTMLElement\n  bodyWrapper: HTMLElement\n  appendWrapper: HTMLElement\n  [key: string]: any\n}\n\ninterface TableState {\n  isGroup: Ref<boolean>\n  resizeState: Ref<{\n    width: any\n    height: any\n  }>\n  doLayout: () => void\n  debouncedUpdateLayout: () => void\n}\n\ninterface TreeProps {\n  hasChildren?: string\n  children?: string\n  checkStrictly?: boolean\n}\n\ntype HoverState<T extends DefaultRow> = Nullable<{\n  cell: HTMLElement\n  column: TableColumnCtx<T>\n  row: T\n}>\n\ntype RIS<T extends DefaultRow> = {\n  row: T\n  $index: number\n  store: Store<T>\n  expanded: boolean\n}\n\ntype RenderExpanded<T extends DefaultRow> = ({\n  row,\n  $index,\n  store,\n  expanded,\n}: RIS<T>) => VNode[] | undefined\n\ntype SummaryMethod<T extends DefaultRow> = (data: {\n  columns: TableColumnCtx<T>[]\n  data: T[]\n}) => (string | VNode)[]\n\ninterface Table<T extends DefaultRow = any> extends ComponentInternalInstance {\n  $ready: boolean\n  hoverState?: HoverState<T> | null\n  renderExpanded: RenderExpanded<T>\n  store: Store<T>\n  layout: TableLayout<T>\n  refs: TableRefs\n  tableId: string\n  state: TableState\n}\n\ntype ColumnCls<T> = string | ((data: { row: T; rowIndex: number }) => string)\ntype ColumnStyle<T> =\n  | CSSProperties\n  | ((data: { row: T; rowIndex: number }) => CSSProperties)\ntype CellCls<T extends DefaultRow> =\n  | string\n  | ((data: {\n      row: T\n      rowIndex: number\n      column: TableColumnCtx<T>\n      columnIndex: number\n    }) => string)\ntype CellStyle<T extends DefaultRow> =\n  | CSSProperties\n  | ((data: {\n      row: T\n      rowIndex: number\n      column: TableColumnCtx<T>\n      columnIndex: number\n    }) => CSSProperties)\ntype Layout = 'fixed' | 'auto'\ninterface TableProps<T extends DefaultRow = DefaultRow> {\n  /**\n   * @description table data\n   */\n  data?: T[]\n  /**\n   * @description size of Table\n   */\n  size?: ComponentSize\n  width?: string | number\n  /**\n   * @description table's height. By default it has an `auto` height. If its value is a number, the height is measured in pixels; if its value is a string, the value will be assigned to element's style.height, the height is affected by external styles\n   */\n  height?: string | number\n  /**\n   * @description table's max-height. The legal value is a number or the height in px\n   */\n  maxHeight?: string | number\n  /**\n   * @description whether width of column automatically fits its container\n   */\n  fit?: boolean\n  /**\n   * @description whether Table is striped\n   */\n  stripe?: boolean\n  /**\n   * @description whether Table has vertical border\n   */\n  border?: boolean\n  /**\n   * @description key of row data, used for optimizing rendering. Required if `reserve-selection` is on or display tree data. When its type is String, multi-level access is supported, e.g. `user.info.id`, but `user.info[0].id` is not supported, in which case `Function` should be used\n   */\n  rowKey?: string | ((row: T) => string)\n  context?: Table<T>\n  /**\n   * @description whether Table header is visible\n   */\n  showHeader?: boolean\n  /**\n   * @description whether to display a summary row\n   */\n  showSummary?: boolean\n  /**\n   * @description displayed text for the first column of summary row\n   */\n  sumText?: string\n  /**\n   * @description custom summary method\n   */\n  summaryMethod?: SummaryMethod<T>\n  /**\n   * @description function that returns custom class names for a row, or a string assigning class names for every row\n   */\n  rowClassName?: ColumnCls<T>\n  /**\n   * @description function that returns custom style for a row, or an object assigning custom style for every row\n   */\n  rowStyle?: ColumnStyle<T>\n  /**\n   * @description function that returns custom class names for a cell, or a string assigning class names for every cell\n   */\n  cellClassName?: CellCls<T>\n  /**\n   * @description function that returns custom style for a cell, or an object assigning custom style for every cell\n   */\n  cellStyle?: CellStyle<T>\n  /**\n   * @description function that returns custom class names for a row in table header, or a string assigning class names for every row in table header\n   */\n  headerRowClassName?: ColumnCls<T>\n  /**\n   * @description function that returns custom style for a row in table header, or an object assigning custom style for every row in table header\n   */\n  headerRowStyle?: ColumnStyle<T>\n  /**\n   * @description function that returns custom class names for a cell in table header, or a string assigning class names for every cell in table header\n   */\n  headerCellClassName?: CellCls<T>\n  /**\n   * @description function that returns custom style for a cell in table header, or an object assigning custom style for every cell in table header\n   */\n  headerCellStyle?: CellStyle<T>\n  /**\n   * @description whether current row is highlighted\n   */\n  highlightCurrentRow?: boolean\n  /**\n   * @description key of current row, a set only prop\n   */\n  currentRowKey?: string | number\n  /**\n   * @description displayed text when data is empty. You can customize this area with `#empty`\n   */\n  emptyText?: string\n  /**\n   * @description set expanded rows by this prop, prop's value is the keys of expand rows, you should set row-key before using this prop\n   */\n  expandRowKeys?: Array<string>\n  /**\n   * @description whether expand all rows by default, works when the table has a column type=\"expand\" or contains tree structure data\n   */\n  defaultExpandAll?: boolean\n  /**\n   * @description enable expandable rows, works when the table has a column type=\"expand\"\n   */\n  rowExpandable?: (row: T, index: number) => boolean\n  /**\n   * @description set the default sort column and order. property `prop` is used to set default sort column, property `order` is used to set default sort order\n   */\n  defaultSort?: Sort\n  /**\n   * @description the `effect` of the overflow tooltip\n   */\n  tooltipEffect?: string\n  /**\n   * @description the options for the overflow tooltip, [see the following tooltip component](tooltip.html#attributes)\n   */\n  tooltipOptions?: TableOverflowTooltipOptions\n  /**\n   * @description method that returns rowspan and colspan\n   */\n  spanMethod?: (data: {\n    row: T\n    rowIndex: number\n    column: TableColumnCtx<T>\n    columnIndex: number\n  }) =>\n    | number[]\n    | {\n        rowspan: number\n        colspan: number\n      }\n    | undefined\n  /**\n   * @description controls the behavior of master checkbox in multi-select tables when only some rows are selected (but not all). If true, all rows will be selected, else deselected\n   */\n  selectOnIndeterminate?: boolean\n  /**\n   * @description horizontal indentation of tree data\n   */\n  indent?: number\n  /**\n   * @description configuration for rendering nested data\n   */\n  treeProps?: TreeProps\n  /**\n   * @description whether to lazy loading data\n   */\n  lazy?: boolean\n  /**\n   * @description method for loading child row data, only works when `lazy` is true\n   */\n  load?: (row: T, treeNode: TreeNode, resolve: (data: T[]) => void) => void\n  className?: string\n  style?: StyleValue\n  /**\n   * @description sets the algorithm used to lay out table cells, rows, and columns\n   */\n  tableLayout?: Layout\n  /**\n   * @description always show scrollbar\n   */\n  scrollbarAlwaysOn?: boolean\n  /**\n   * @description ensure main axis minimum-size doesn't follow the content\n   */\n  flexible?: boolean\n  /**\n   * @description whether to hide extra content and show them in a tooltip when hovering on the cell.It will affect all the table columns\n   */\n  showOverflowTooltip?: boolean | TableOverflowTooltipOptions\n  /**\n   * @description function that formats cell tooltip content, works when `show-overflow-tooltip` is `true`\n   */\n  tooltipFormatter?: TableOverflowTooltipFormatter<T>\n  appendFilterPanelTo?: string\n  scrollbarTabindex?: number | string\n  /**\n   * @description whether to allow drag the last column\n   */\n  allowDragLastColumn?: boolean\n  /**\n   * @description whether to preserve expanded row content in DOM when collapsed\n   */\n  preserveExpandedContent?: boolean\n  /**\n   * @description whether to use native scrollbars\n   */\n  nativeScrollbar?: boolean\n}\n\ntype TableTooltipData<T extends DefaultRow> = Parameters<\n  TableOverflowTooltipFormatter<T>\n>[0]\ntype TableSortOrder = 'ascending' | 'descending'\n\ninterface Sort {\n  prop: string\n  order: TableSortOrder\n  init?: any\n  silent?: any\n}\n\ninterface Filter<T extends DefaultRow> {\n  column: TableColumnCtx<T>\n  values: string[]\n  silent: any\n}\n\ninterface TreeNode {\n  expanded?: boolean\n  loading?: boolean\n  noLazyChildren?: boolean\n  indent?: number\n  level?: number\n  display?: boolean\n}\n\ninterface RenderRowData<T extends DefaultRow> {\n  store: Store<T>\n  _self: Table<T>\n  column: TableColumnCtx<T>\n  row: T\n  $index: number\n  cellIndex: number\n  treeNode?: TreeNode\n  expanded: boolean\n}\n\ninterface TableConfigContext {\n  showOverflowTooltip?: boolean | TableOverflowTooltipOptions\n  tooltipEffect?: string\n  tooltipOptions?: TableOverflowTooltipOptions\n  tooltipFormatter?: TableOverflowTooltipFormatter<any>\n}\n\n/**\n * @deprecated Removed after 3.0.0, Use `TableProps` instead.\n */\nexport const tableProps = {\n  /**\n   * @description table data\n   */\n  data: {\n    type: Array as PropType<any[]>,\n    default: () => [],\n  },\n  /**\n   * @description size of Table\n   */\n  size: useSizeProp,\n  width: [String, Number],\n  /**\n   * @description table's height. By default it has an `auto` height. If its value is a number, the height is measured in pixels; if its value is a string, the value will be assigned to element's style.height, the height is affected by external styles\n   */\n  height: [String, Number],\n  /**\n   * @description table's max-height. The legal value is a number or the height in px\n   */\n  maxHeight: [String, Number],\n  /**\n   * @description whether width of column automatically fits its container\n   */\n  fit: {\n    type: Boolean,\n    default: true,\n  },\n  /**\n   * @description whether Table is striped\n   */\n  stripe: Boolean,\n  /**\n   * @description whether Table has vertical border\n   */\n  border: Boolean,\n  /**\n   * @description key of row data, used for optimizing rendering. Required if `reserve-selection` is on or display tree data. When its type is String, multi-level access is supported, e.g. `user.info.id`, but `user.info[0].id` is not supported, in which case `Function` should be used\n   */\n  rowKey: [String, Function] as PropType<TableProps<any>['rowKey']>,\n  /**\n   * @description whether Table header is visible\n   */\n  showHeader: {\n    type: Boolean,\n    default: true,\n  },\n  /**\n   * @description whether to display a summary row\n   */\n  showSummary: Boolean,\n  /**\n   * @description displayed text for the first column of summary row\n   */\n  sumText: String,\n  /**\n   * @description custom summary method\n   */\n  summaryMethod: Function as PropType<TableProps<any>['summaryMethod']>,\n  /**\n   * @description function that returns custom class names for a row, or a string assigning class names for every row\n   */\n  rowClassName: [String, Function] as PropType<TableProps<any>['rowClassName']>,\n  /**\n   * @description function that returns custom style for a row, or an object assigning custom style for every row\n   */\n  rowStyle: [Object, Function] as PropType<TableProps<any>['rowStyle']>,\n  /**\n   * @description function that returns custom class names for a cell, or a string assigning class names for every cell\n   */\n  cellClassName: [String, Function] as PropType<\n    TableProps<any>['cellClassName']\n  >,\n  /**\n   * @description function that returns custom style for a cell, or an object assigning custom style for every cell\n   */\n  cellStyle: [Object, Function] as PropType<TableProps<any>['cellStyle']>,\n  /**\n   * @description function that returns custom class names for a row in table header, or a string assigning class names for every row in table header\n   */\n  headerRowClassName: [String, Function] as PropType<\n    TableProps<any>['headerRowClassName']\n  >,\n  /**\n   * @description function that returns custom style for a row in table header, or an object assigning custom style for every row in table header\n   */\n  headerRowStyle: [Object, Function] as PropType<\n    TableProps<any>['headerRowStyle']\n  >,\n  /**\n   * @description function that returns custom class names for a cell in table header, or a string assigning class names for every cell in table header\n   */\n  headerCellClassName: [String, Function] as PropType<\n    TableProps<any>['headerCellClassName']\n  >,\n  /**\n   * @description function that returns custom style for a cell in table header, or an object assigning custom style for every cell in table header\n   */\n  headerCellStyle: [Object, Function] as PropType<\n    TableProps<any>['headerCellStyle']\n  >,\n  /**\n   * @description whether current row is highlighted\n   */\n  highlightCurrentRow: Boolean,\n  /**\n   * @description key of current row, a set only prop\n   */\n  currentRowKey: [String, Number],\n  /**\n   * @description displayed text when data is empty. You can customize this area with `#empty`\n   */\n  emptyText: String,\n  /**\n   * @description set expanded rows by this prop, prop's value is the keys of expand rows, you should set row-key before using this prop\n   */\n  expandRowKeys: Array as PropType<TableProps<any>['expandRowKeys']>,\n  /**\n   * @description whether expand all rows by default, works when the table has a column type=\"expand\" or contains tree structure data\n   */\n  defaultExpandAll: Boolean,\n  /**\n   * @description enable expandable rows, works when the table has a column type=\"expand\"\n   */\n  rowExpandable: {\n    type: Function as PropType<TableProps<any>['rowExpandable']>,\n  },\n  /**\n   * @description set the default sort column and order. property `prop` is used to set default sort column, property `order` is used to set default sort order\n   */\n  defaultSort: Object as PropType<TableProps<any>['defaultSort']>,\n  /**\n   * @description the `effect` of the overflow tooltip\n   */\n  tooltipEffect: String,\n  /**\n   * @description the options for the overflow tooltip, [see the following tooltip component](tooltip.html#attributes)\n   */\n  tooltipOptions: Object as PropType<TableProps<any>['tooltipOptions']>,\n  /**\n   * @description method that returns rowspan and colspan\n   */\n  spanMethod: Function as PropType<TableProps<any>['spanMethod']>,\n  /**\n   * @description controls the behavior of master checkbox in multi-select tables when only some rows are selected (but not all). If true, all rows will be selected, else deselected\n   */\n  selectOnIndeterminate: {\n    type: Boolean,\n    default: true,\n  },\n  /**\n   * @description horizontal indentation of tree data\n   */\n  indent: {\n    type: Number,\n    default: 16,\n  },\n  /**\n   * @description configuration for rendering nested data\n   */\n  treeProps: {\n    type: Object as PropType<TableProps<any>['treeProps']>,\n    default: () => {\n      return {\n        hasChildren: 'hasChildren',\n        children: 'children',\n        checkStrictly: false,\n      }\n    },\n  },\n  /**\n   * @description whether to lazy loading data\n   */\n  lazy: Boolean,\n  /**\n   * @description method for loading child row data, only works when `lazy` is true\n   */\n  load: Function as PropType<TableProps<any>['load']>,\n  style: {\n    type: [String, Object, Array, Boolean] as PropType<\n      TableProps<any>['style']\n    >,\n    default: () => ({}),\n  },\n  className: {\n    type: String,\n    default: '',\n  },\n  /**\n   * @description sets the algorithm used to lay out table cells, rows, and columns\n   */\n  tableLayout: {\n    type: String as PropType<Layout>,\n    default: 'fixed',\n  },\n  /**\n   * @description always show scrollbar\n   */\n  scrollbarAlwaysOn: Boolean,\n  /**\n   * @description ensure main axis minimum-size doesn't follow the content\n   */\n  flexible: Boolean,\n  /**\n   * @description whether to hide extra content and show them in a tooltip when hovering on the cell.It will affect all the table columns\n   */\n  showOverflowTooltip: {\n    type: [Boolean, Object] as PropType<TableProps<any>['showOverflowTooltip']>,\n    default: undefined,\n  },\n  /**\n   * @description function that formats cell tooltip content, works when `show-overflow-tooltip` is `true`\n   */\n  tooltipFormatter: Function as PropType<TableProps<any>['tooltipFormatter']>,\n  appendFilterPanelTo: String,\n  scrollbarTabindex: {\n    type: [Number, String],\n    default: undefined,\n  },\n  /**\n   * @description whether to allow drag the last column\n   */\n  allowDragLastColumn: {\n    type: Boolean,\n    default: true,\n  },\n  /**\n   * @description whether to preserve expanded row content in DOM when collapsed\n   */\n  preserveExpandedContent: Boolean,\n  /**\n   * @description whether to use native scrollbars\n   */\n  nativeScrollbar: Boolean,\n}\nexport type {\n  SummaryMethod,\n  Table,\n  TableProps,\n  TableRefs,\n  ColumnCls,\n  ColumnStyle,\n  CellCls,\n  CellStyle,\n  DefaultRow,\n  TreeNode,\n  RenderRowData,\n  Sort,\n  Filter,\n  TableColumnCtx,\n  TreeProps,\n  TableTooltipData,\n  TableSortOrder,\n  RenderExpanded,\n  TableConfigContext,\n}\n\nexport default tableProps\n"],"mappings":";;;;;AA0VA,MAAa,aAAa;;;;CAIxB,MAAM;EACJ,MAAM;EACN,eAAe,EAAE;EAClB;;;;CAID,MAAM;CACN,OAAO,CAAC,QAAQ,OAAO;;;;CAIvB,QAAQ,CAAC,QAAQ,OAAO;;;;CAIxB,WAAW,CAAC,QAAQ,OAAO;;;;CAI3B,KAAK;EACH,MAAM;EACN,SAAS;EACV;;;;CAID,QAAQ;;;;CAIR,QAAQ;;;;CAIR,QAAQ,CAAC,QAAQ,SAAS;;;;CAI1B,YAAY;EACV,MAAM;EACN,SAAS;EACV;;;;CAID,aAAa;;;;CAIb,SAAS;;;;CAIT,eAAe;;;;CAIf,cAAc,CAAC,QAAQ,SAAS;;;;CAIhC,UAAU,CAAC,QAAQ,SAAS;;;;CAI5B,eAAe,CAAC,QAAQ,SAAS;;;;CAMjC,WAAW,CAAC,QAAQ,SAAS;;;;CAI7B,oBAAoB,CAAC,QAAQ,SAAS;;;;CAMtC,gBAAgB,CAAC,QAAQ,SAAS;;;;CAMlC,qBAAqB,CAAC,QAAQ,SAAS;;;;CAMvC,iBAAiB,CAAC,QAAQ,SAAS;;;;CAMnC,qBAAqB;;;;CAIrB,eAAe,CAAC,QAAQ,OAAO;;;;CAI/B,WAAW;;;;CAIX,eAAe;;;;CAIf,kBAAkB;;;;CAIlB,eAAe,EACb,MAAM,UACP;;;;CAID,aAAa;;;;CAIb,eAAe;;;;CAIf,gBAAgB;;;;CAIhB,YAAY;;;;CAIZ,uBAAuB;EACrB,MAAM;EACN,SAAS;EACV;;;;CAID,QAAQ;EACN,MAAM;EACN,SAAS;EACV;;;;CAID,WAAW;EACT,MAAM;EACN,eAAe;GACb,OAAO;IACL,aAAa;IACb,UAAU;IACV,eAAe;IAChB;;EAEJ;;;;CAID,MAAM;;;;CAIN,MAAM;CACN,OAAO;EACL,MAAM;GAAC;GAAQ;GAAQ;GAAO;GAAQ;EAGtC,gBAAgB,EAAE;EACnB;CACD,WAAW;EACT,MAAM;EACN,SAAS;EACV;;;;CAID,aAAa;EACX,MAAM;EACN,SAAS;EACV;;;;CAID,mBAAmB;;;;CAInB,UAAU;;;;CAIV,qBAAqB;EACnB,MAAM,CAAC,SAAS,OAAO;EACvB,SAAS,KAAA;EACV;;;;CAID,kBAAkB;CAClB,qBAAqB;CACrB,mBAAmB;EACjB,MAAM,CAAC,QAAQ,OAAO;EACtB,SAAS,KAAA;EACV;;;;CAID,qBAAqB;EACnB,MAAM;EACN,SAAS;EACV;;;;CAID,yBAAyB;;;;CAIzB,iBAAiB;CAClB"}

package/es/components/table/src/table/key-render-helper.d.ts

@@ -1,6 +1,6 @@
-import { Table } from "./defaults.js";
+import { DefaultRow, Table } from "./defaults.js";
 
 //#region ../../packages/components/table/src/table/key-render-helper.d.ts
-declare function useKeyRender(table: Table<[]>): void;
+declare function useKeyRender<T extends DefaultRow>(table: Table<T>): void;
 //#endregion
 export { useKeyRender as default };

package/es/components/table/src/table/key-render-helper.mjs.map

@@ -1 +1 @@
-{"version":3,"file":"key-render-helper.mjs","names":[],"sources":["../../../../../../../packages/components/table/src/table/key-render-helper.ts"],"sourcesContent":["import { onMounted, onUnmounted } from 'vue'\n\nimport type { Table } from './defaults'\n\nexport default function useKeyRender(table: Table<[]>) {\n  let observer: MutationObserver | undefined\n\n  const initWatchDom = () => {\n    const el = table.vnode.el\n    const columnsWrapper = (el as HTMLElement).querySelector('.hidden-columns')\n    const config = { childList: true, subtree: true }\n    const updateOrderFns = table.store.states.updateOrderFns\n    observer = new MutationObserver(() => {\n      updateOrderFns.forEach((fn: () => void) => fn())\n    })\n\n    observer.observe(columnsWrapper!, config)\n  }\n\n  onMounted(() => {\n    // fix https://github.com/element-plus/element-plus/issues/8528\n    initWatchDom()\n  })\n\n  onUnmounted(() => {\n    observer?.disconnect()\n  })\n}\n"],"mappings":";;AAIA,SAAwB,aAAa,OAAkB;CACrD,IAAI;CAEJ,MAAM,qBAAqB;EAEzB,MAAM,iBADK,MAAM,MAAM,GACoB,cAAc,kBAAkB;EAC3E,MAAM,SAAS;GAAE,WAAW;GAAM,SAAS;GAAM;EACjD,MAAM,iBAAiB,MAAM,MAAM,OAAO;EAC1C,WAAW,IAAI,uBAAuB;GACpC,eAAe,SAAS,OAAmB,IAAI,CAAC;IAChD;EAEF,SAAS,QAAQ,gBAAiB,OAAO;;CAG3C,gBAAgB;EAEd,cAAc;GACd;CAEF,kBAAkB;EAChB,UAAU,YAAY;GACtB"}
+{"version":3,"file":"key-render-helper.mjs","names":[],"sources":["../../../../../../../packages/components/table/src/table/key-render-helper.ts"],"sourcesContent":["import { onMounted, onUnmounted } from 'vue'\n\nimport type { DefaultRow, Table } from './defaults'\n\nexport default function useKeyRender<T extends DefaultRow>(table: Table<T>) {\n  let observer: MutationObserver | undefined\n\n  const initWatchDom = () => {\n    const el = table.vnode.el\n    const columnsWrapper = (el as HTMLElement).querySelector('.hidden-columns')\n    const config = { childList: true, subtree: true }\n    const updateOrderFns = table.store.states.updateOrderFns\n    observer = new MutationObserver(() => {\n      updateOrderFns.forEach((fn: () => void) => fn())\n    })\n\n    observer.observe(columnsWrapper!, config)\n  }\n\n  onMounted(() => {\n    // fix https://github.com/element-plus/element-plus/issues/8528\n    initWatchDom()\n  })\n\n  onUnmounted(() => {\n    observer?.disconnect()\n  })\n}\n"],"mappings":";;AAIA,SAAwB,aAAmC,OAAiB;CAC1E,IAAI;CAEJ,MAAM,qBAAqB;EAEzB,MAAM,iBADK,MAAM,MAAM,GACoB,cAAc,kBAAkB;EAC3E,MAAM,SAAS;GAAE,WAAW;GAAM,SAAS;GAAM;EACjD,MAAM,iBAAiB,MAAM,MAAM,OAAO;EAC1C,WAAW,IAAI,uBAAuB;GACpC,eAAe,SAAS,OAAmB,IAAI,CAAC;IAChD;EAEF,SAAS,QAAQ,gBAAiB,OAAO;;CAG3C,gBAAgB;EAEd,cAAc;GACd;CAEF,kBAAkB;EAChB,UAAU,YAAY;GACtB"}

package/es/components/table/src/table/utils-helper.d.ts

@@ -3,7 +3,7 @@ import { Store } from "../store/index.js";
 
 //#region ../../packages/components/table/src/table/utils-helper.d.ts
 declare function useUtils<T extends DefaultRow>(store: Store<T>): {
-  setCurrentRow: (row: T) => void;
+  setCurrentRow: (row?: T) => void;
   getSelectionRows: () => T[];
   toggleRowSelection: (row: T, selected?: boolean, ignoreSelectable?: boolean) => void;
   clearSelection: () => void;