npm - @element-plus/nightly - Versions diffs - 0.0.20260719 → 0.0.20260721 - Mend

@element-plus/nightly 0.0.20260719 → 0.0.20260721

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.

Files changed (592) hide show

package/lib/components/table/src/filter-panel.vue.d.ts CHANGED Viewed

@@ -1,6 +1,6 @@
 import { SFCWithInstall } from "../../../utils/vue/typescript.js";
 import { EpPropMergeType } from "../../../utils/vue/props/types.js";
-import { Arrayable } from "../../../utils/typescript.js";
+import { Arrayable, ClassValue } from "../../../utils/typescript.js";
 import { Translator } from "../../../hooks/use-locale/index.js";
 import { PopperEffect, PopperInstance, roleTypes } from "../../popper/src/popper.js";
 import { Options, Placement } from "../../popper/index.js";
@@ -105,19 +105,19 @@ declare const __VLS_export: _$vue.DefineComponent<_$vue.ExtractPropTypes<{
 }, {}, {
   ElCheckbox: {
     new (...args: any[]): _$vue.CreateComponentPublicInstanceWithMixins<Readonly<CheckboxProps> & Readonly<{
-      onChange?: ((val: CheckboxValueType) => any) | undefined;
       "onUpdate:modelValue"?: ((val: CheckboxValueType) => any) | undefined;
+      onChange?: ((val: CheckboxValueType) => any) | undefined;
     }>, {}, {}, {}, {}, _$vue.ComponentOptionsMixin, _$vue.ComponentOptionsMixin, {
-      change: (val: CheckboxValueType) => void;
       "update:modelValue": (val: CheckboxValueType) => void;
+      change: (val: CheckboxValueType) => void;
     }, _$vue.PublicProps, {
-      label: string | boolean | number | object;
-      disabled: boolean;
-      name: string;
       modelValue: number | string | boolean;
+      disabled: boolean;
       validateEvent: boolean;
+      name: string;
       id: string;
       value: string | boolean | number | object;
+      label: string | boolean | number | object;
       trueValue: string | number;
       falseValue: string | number;
       trueLabel: string | number;
@@ -130,16 +130,16 @@ declare const __VLS_export: _$vue.DefineComponent<_$vue.ExtractPropTypes<{
       M: {};
       Defaults: {};
     }, Readonly<CheckboxProps> & Readonly<{
-      onChange?: ((val: CheckboxValueType) => any) | undefined;
       "onUpdate:modelValue"?: ((val: CheckboxValueType) => any) | undefined;
+      onChange?: ((val: CheckboxValueType) => any) | undefined;
     }>, {}, {}, {}, {}, {
-      label: string | boolean | number | object;
-      disabled: boolean;
-      name: string;
       modelValue: number | string | boolean;
+      disabled: boolean;
       validateEvent: boolean;
+      name: string;
       id: string;
       value: string | boolean | number | object;
+      label: string | boolean | number | object;
       trueValue: string | number;
       falseValue: string | number;
       trueLabel: string | number;
@@ -149,19 +149,19 @@ declare const __VLS_export: _$vue.DefineComponent<_$vue.ExtractPropTypes<{
     __isTeleport?: never;
     __isSuspense?: never;
   } & _$vue.ComponentOptionsBase<Readonly<CheckboxProps> & Readonly<{
-    onChange?: ((val: CheckboxValueType) => any) | undefined;
     "onUpdate:modelValue"?: ((val: CheckboxValueType) => any) | undefined;
+    onChange?: ((val: CheckboxValueType) => any) | undefined;
   }>, {}, {}, {}, {}, _$vue.ComponentOptionsMixin, _$vue.ComponentOptionsMixin, {
-    change: (val: CheckboxValueType) => void;
     "update:modelValue": (val: CheckboxValueType) => void;
+    change: (val: CheckboxValueType) => void;
   }, string, {
-    label: string | boolean | number | object;
-    disabled: boolean;
-    name: string;
     modelValue: number | string | boolean;
+    disabled: boolean;
     validateEvent: boolean;
+    name: string;
     id: string;
     value: string | boolean | number | object;
+    label: string | boolean | number | object;
     trueValue: string | number;
     falseValue: string | number;
     trueLabel: string | number;
@@ -185,7 +185,7 @@ declare const __VLS_export: _$vue.DefineComponent<_$vue.ExtractPropTypes<{
       readonly falseLabel?: string | number | (() => string | number) | undefined;
       readonly id?: string | (() => string) | undefined;
       readonly border?: boolean | (() => boolean) | undefined;
-      readonly size?: "" | "default" | "large" | "small" | (() => "" | "default" | "large" | "small") | undefined;
+      readonly size?: "" | "small" | "default" | "large" | (() => "" | "small" | "default" | "large") | undefined;
       readonly tabindex?: string | number | (() => string | number) | undefined;
       readonly validateEvent?: boolean | (() => boolean) | undefined;
       readonly ariaLabel?: string | (() => string) | undefined;
@@ -197,22 +197,22 @@ declare const __VLS_export: _$vue.DefineComponent<_$vue.ExtractPropTypes<{
   };
   ElCheckboxGroup: SFCWithInstall<{
     new (...args: any[]): _$vue.CreateComponentPublicInstanceWithMixins<Readonly<CheckboxGroupProps> & Readonly<{
-      onChange?: ((val: CheckboxValueType[]) => any) | undefined;
       "onUpdate:modelValue"?: ((val: CheckboxGroupValueType) => any) | undefined;
+      onChange?: ((val: CheckboxValueType[]) => any) | undefined;
     }>, {}, {}, {}, {}, _$vue.ComponentOptionsMixin, _$vue.ComponentOptionsMixin, {
-      change: (val: CheckboxValueType[]) => void;
       "update:modelValue": (val: CheckboxGroupValueType) => void;
+      change: (val: CheckboxValueType[]) => void;
     }, _$vue.PublicProps, {
+      modelValue: CheckboxGroupValueType;
+      disabled: boolean;
+      validateEvent: boolean;
       type: "checkbox" | "button";
       props: {
         value?: string;
         label?: string;
         disabled?: string;
       };
-      disabled: boolean;
-      modelValue: CheckboxGroupValueType;
       tag: string;
-      validateEvent: boolean;
     }, false, {}, {}, _$vue.GlobalComponents, _$vue.GlobalDirectives, string, {}, any, _$vue.ComponentProvideOptions, {
       P: {};
       B: {};
@@ -221,40 +221,40 @@ declare const __VLS_export: _$vue.DefineComponent<_$vue.ExtractPropTypes<{
       M: {};
       Defaults: {};
     }, Readonly<CheckboxGroupProps> & Readonly<{
-      onChange?: ((val: CheckboxValueType[]) => any) | undefined;
       "onUpdate:modelValue"?: ((val: CheckboxGroupValueType) => any) | undefined;
+      onChange?: ((val: CheckboxValueType[]) => any) | undefined;
     }>, {}, {}, {}, {}, {
+      modelValue: CheckboxGroupValueType;
+      disabled: boolean;
+      validateEvent: boolean;
       type: "checkbox" | "button";
       props: {
         value?: string;
         label?: string;
         disabled?: string;
       };
-      disabled: boolean;
-      modelValue: CheckboxGroupValueType;
       tag: string;
-      validateEvent: boolean;
     }>;
     __isFragment?: never;
     __isTeleport?: never;
     __isSuspense?: never;
   } & _$vue.ComponentOptionsBase<Readonly<CheckboxGroupProps> & Readonly<{
-    onChange?: ((val: CheckboxValueType[]) => any) | undefined;
     "onUpdate:modelValue"?: ((val: CheckboxGroupValueType) => any) | undefined;
+    onChange?: ((val: CheckboxValueType[]) => any) | undefined;
   }>, {}, {}, {}, {}, _$vue.ComponentOptionsMixin, _$vue.ComponentOptionsMixin, {
-    change: (val: CheckboxValueType[]) => void;
     "update:modelValue": (val: CheckboxGroupValueType) => void;
+    change: (val: CheckboxValueType[]) => void;
   }, string, {
+    modelValue: CheckboxGroupValueType;
+    disabled: boolean;
+    validateEvent: boolean;
     type: "checkbox" | "button";
     props: {
       value?: string;
       label?: string;
       disabled?: string;
     };
-    disabled: boolean;
-    modelValue: CheckboxGroupValueType;
     tag: string;
-    validateEvent: boolean;
   }, {}, string, {}, _$vue.GlobalComponents, _$vue.GlobalDirectives, string, _$vue.ComponentProvideOptions> & _$vue.VNodeProps & _$vue.AllowedComponentProps & _$vue.ComponentCustomProps & (new () => {
     $slots: {
       default?: (props: {}) => any;
@@ -284,14 +284,14 @@ declare const __VLS_export: _$vue.DefineComponent<_$vue.ExtractPropTypes<{
       }) => void;
       "end-reached": (direction: ScrollbarDirection) => void;
     }, _$vue.PublicProps, {
+      tabindex: number | string;
       height: number | string;
       tag: keyof HTMLElementTagNameMap | (string & {});
-      tabindex: number | string;
-      maxHeight: number | string;
       distance: number;
+      maxHeight: number | string;
       wrapStyle: string | false | _$vue.CSSProperties | _$vue.StyleValue[] | null;
-      wrapClass: string | string[];
-      viewClass: string | string[];
+      wrapClass: string | false | Record<string, any> | ClassValue[] | null;
+      viewClass: string | false | Record<string, any> | ClassValue[] | null;
       viewStyle: string | false | _$vue.CSSProperties | _$vue.StyleValue[] | null;
       minSize: number;
     }, false, {}, {}, _$vue.GlobalComponents, _$vue.GlobalDirectives, string, {}, any, _$vue.ComponentProvideOptions, {
@@ -318,14 +318,14 @@ declare const __VLS_export: _$vue.DefineComponent<_$vue.ExtractPropTypes<{
       setScrollLeft: (value: number) => void;
       handleScroll: () => void;
     }, {}, {}, {}, {
+      tabindex: number | string;
       height: number | string;
       tag: keyof HTMLElementTagNameMap | (string & {});
-      tabindex: number | string;
-      maxHeight: number | string;
       distance: number;
+      maxHeight: number | string;
       wrapStyle: string | false | _$vue.CSSProperties | _$vue.StyleValue[] | null;
-      wrapClass: string | string[];
-      viewClass: string | string[];
+      wrapClass: string | false | Record<string, any> | ClassValue[] | null;
+      viewClass: string | false | Record<string, any> | ClassValue[] | null;
       viewStyle: string | false | _$vue.CSSProperties | _$vue.StyleValue[] | null;
       minSize: number;
     }>;
@@ -355,14 +355,14 @@ declare const __VLS_export: _$vue.DefineComponent<_$vue.ExtractPropTypes<{
     }) => void;
     "end-reached": (direction: ScrollbarDirection) => void;
   }, string, {
+    tabindex: number | string;
     height: number | string;
     tag: keyof HTMLElementTagNameMap | (string & {});
-    tabindex: number | string;
-    maxHeight: number | string;
     distance: number;
+    maxHeight: number | string;
     wrapStyle: string | false | _$vue.CSSProperties | _$vue.StyleValue[] | null;
-    wrapClass: string | string[];
-    viewClass: string | string[];
+    wrapClass: string | false | Record<string, any> | ClassValue[] | null;
+    viewClass: string | false | Record<string, any> | ClassValue[] | null;
     viewStyle: string | false | _$vue.CSSProperties | _$vue.StyleValue[] | null;
     minSize: number;
   }, {}, string, {}, _$vue.GlobalComponents, _$vue.GlobalDirectives, string, _$vue.ComponentProvideOptions> & _$vue.VNodeProps & _$vue.AllowedComponentProps & _$vue.ComponentCustomProps & (new () => {
@@ -397,30 +397,31 @@ declare const __VLS_export: _$vue.DefineComponent<_$vue.ExtractPropTypes<{
       "before-hide": (...args: any[]) => void;
     }, _$vue.PublicProps, {
       visible: boolean | null;
-      role: typeof roleTypes[number];
-      style: string | false | _$vue.CSSProperties | _$vue.StyleValue[] | null;
       content: string;
-      offset: number;
+      style: string | false | _$vue.CSSProperties | _$vue.StyleValue[] | null;
+      popperClass: string | false | Record<string, any> | ClassValue[] | null;
+      popperStyle: string | false | _$vue.CSSProperties | _$vue.StyleValue[] | null;
       teleported: boolean;
       effect: PopperEffect;
       enterable: boolean;
       pure: boolean;
       focusOnShow: boolean;
       trapping: boolean;
-      popperStyle: string | false | _$vue.CSSProperties | _$vue.StyleValue[] | null;
       stopPopperMouseEvent: boolean;
       virtualTriggering: boolean;
       loop: boolean;
       boundariesPadding: number;
       gpuAcceleration: boolean;
+      offset: number;
       placement: Placement;
       popperOptions: Partial<Options>;
-      strategy: "absolute" | "fixed";
+      strategy: "fixed" | "absolute";
       arrowOffset: number;
-      showArrow: boolean;
       showAfter: number;
       hideAfter: number;
       autoClose: number;
+      role: typeof roleTypes[number];
+      showArrow: boolean;
       trigger: Arrayable<TooltipTriggerType>;
       triggerKeys: string[];
     }, false, {}, {}, _$vue.GlobalComponents, _$vue.GlobalDirectives, string, {}, any, _$vue.ComponentProvideOptions, {
@@ -448,30 +449,31 @@ declare const __VLS_export: _$vue.DefineComponent<_$vue.ExtractPropTypes<{
       hide: (event?: Event) => void;
     }, {}, {}, {}, {
       visible: boolean | null;
-      role: typeof roleTypes[number];
-      style: string | false | _$vue.CSSProperties | _$vue.StyleValue[] | null;
       content: string;
-      offset: number;
+      style: string | false | _$vue.CSSProperties | _$vue.StyleValue[] | null;
+      popperClass: string | false | Record<string, any> | ClassValue[] | null;
+      popperStyle: string | false | _$vue.CSSProperties | _$vue.StyleValue[] | null;
       teleported: boolean;
       effect: PopperEffect;
       enterable: boolean;
       pure: boolean;
       focusOnShow: boolean;
       trapping: boolean;
-      popperStyle: string | false | _$vue.CSSProperties | _$vue.StyleValue[] | null;
       stopPopperMouseEvent: boolean;
       virtualTriggering: boolean;
       loop: boolean;
       boundariesPadding: number;
       gpuAcceleration: boolean;
+      offset: number;
       placement: Placement;
       popperOptions: Partial<Options>;
-      strategy: "absolute" | "fixed";
+      strategy: "fixed" | "absolute";
       arrowOffset: number;
-      showArrow: boolean;
       showAfter: number;
       hideAfter: number;
       autoClose: number;
+      role: typeof roleTypes[number];
+      showArrow: boolean;
       trigger: Arrayable<TooltipTriggerType>;
       triggerKeys: string[];
     }>;
@@ -504,30 +506,31 @@ declare const __VLS_export: _$vue.DefineComponent<_$vue.ExtractPropTypes<{
     "before-hide": (...args: any[]) => void;
   }, string, {
     visible: boolean | null;
-    role: typeof roleTypes[number];
-    style: string | false | _$vue.CSSProperties | _$vue.StyleValue[] | null;
     content: string;
-    offset: number;
+    style: string | false | _$vue.CSSProperties | _$vue.StyleValue[] | null;
+    popperClass: string | false | Record<string, any> | ClassValue[] | null;
+    popperStyle: string | false | _$vue.CSSProperties | _$vue.StyleValue[] | null;
     teleported: boolean;
     effect: PopperEffect;
     enterable: boolean;
     pure: boolean;
     focusOnShow: boolean;
     trapping: boolean;
-    popperStyle: string | false | _$vue.CSSProperties | _$vue.StyleValue[] | null;
     stopPopperMouseEvent: boolean;
     virtualTriggering: boolean;
     loop: boolean;
     boundariesPadding: number;
     gpuAcceleration: boolean;
+    offset: number;
     placement: Placement;
     popperOptions: Partial<Options>;
-    strategy: "absolute" | "fixed";
+    strategy: "fixed" | "absolute";
     arrowOffset: number;
-    showArrow: boolean;
     showAfter: number;
     hideAfter: number;
     autoClose: number;
+    role: typeof roleTypes[number];
+    showArrow: boolean;
     trigger: Arrayable<TooltipTriggerType>;
     triggerKeys: string[];
   }, {}, string, {}, _$vue.GlobalComponents, _$vue.GlobalDirectives, string, _$vue.ComponentProvideOptions> & _$vue.VNodeProps & _$vue.AllowedComponentProps & _$vue.ComponentCustomProps & (new () => {

package/lib/components/table/src/table/defaults.d.ts CHANGED Viewed

@@ -350,7 +350,7 @@ declare const tableProps: {
    * @description size of Table
    */
   size: {
-    readonly type: PropType<EpPropMergeType<StringConstructor, "" | "default" | "large" | "small", never>>;
+    readonly type: PropType<EpPropMergeType<StringConstructor, "" | "small" | "default" | "large", never>>;
     readonly required: false;
     readonly validator: ((val: unknown) => boolean) | undefined;
     __epPropKey: true;

package/lib/components/table/src/table/defaults.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"defaults.js","names":["useSizeProp"],"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 Omit<\n ComponentInternalInstance,\n 'emit'\n> {\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 emit: TableEmits<T>\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\ninterface TableEmits<T extends DefaultRow = DefaultRow> {\n (e: 'select', selection: T[], row: T): void\n (e: 'select-all', selection: T[]): void\n (e: 'selection-change', newSelection: T[]): void\n (\n e: 'cell-mouse-enter' \| 'cell-mouse-leave' \| 'cell-dblclick',\n row: T,\n column: TableColumnCtx<T>,\n cell: HTMLTableCellElement,\n event: MouseEvent\n ): void\n (\n e: 'cell-contextmenu' \| 'cell-click',\n row: T,\n column: TableColumnCtx<T>,\n cell: HTMLTableCellElement,\n event: PointerEvent\n ): void\n (\n e: 'row-dblclick',\n row: T,\n column: TableColumnCtx<T> \| null,\n event: MouseEvent\n ): void\n (\n e: 'row-click' \| 'row-contextmenu',\n row: T,\n column: TableColumnCtx<T> \| null,\n event: PointerEvent\n ): void\n (\n e: 'header-click' \| 'header-contextmenu',\n column: TableColumnCtx<T>,\n event: PointerEvent\n ): void\n (\n e: 'sort-change',\n data: {\n column: TableColumnCtx<T>\n prop: string \| null\n order: TableSortOrder \| null\n }\n ): void\n (e: 'filter-change', newFilters: Record<string, string[]>): void\n (e: 'current-change', currentRow: T \| null, oldCurrentRow: T \| null): void\n (\n e: 'header-dragend',\n newWidth: number,\n oldWidth: number,\n column: TableColumnCtx<T>,\n event: MouseEvent\n ): void\n (e: 'expand-change', row: T, expandedRows: T[]): void\n (e: 'expand-change', row: T, expanded: boolean): void\n (\n e: 'scroll',\n data: {\n scrollLeft: number\n scrollTop: number\n }\n ): void\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 TableEmits,\n}\n\nexport default tableProps\n"],"mappings":";;;;;;;;;AA6ZA,MAAa,aAAa;;;;CAIxB,MAAM;EACJ,MAAM;EACN,eAAe,EAAE;EAClB;;;;CAID,MAAMA,cAAAA;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"}
1	+ {"version":3,"file":"defaults.js","names":["useSizeProp"],"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 Omit<\n ComponentInternalInstance,\n 'emit'\n> {\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 emit: TableEmits<T>\n}\n\ntype ColumnCls<T> = string \| ((data: { row: T; rowIndex: number }) => string)\ntype ColumnStyle<T> =\n CSSProperties \| ((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\ninterface TableEmits<T extends DefaultRow = DefaultRow> {\n (e: 'select', selection: T[], row: T): void\n (e: 'select-all', selection: T[]): void\n (e: 'selection-change', newSelection: T[]): void\n (\n e: 'cell-mouse-enter' \| 'cell-mouse-leave' \| 'cell-dblclick',\n row: T,\n column: TableColumnCtx<T>,\n cell: HTMLTableCellElement,\n event: MouseEvent\n ): void\n (\n e: 'cell-contextmenu' \| 'cell-click',\n row: T,\n column: TableColumnCtx<T>,\n cell: HTMLTableCellElement,\n event: PointerEvent\n ): void\n (\n e: 'row-dblclick',\n row: T,\n column: TableColumnCtx<T> \| null,\n event: MouseEvent\n ): void\n (\n e: 'row-click' \| 'row-contextmenu',\n row: T,\n column: TableColumnCtx<T> \| null,\n event: PointerEvent\n ): void\n (\n e: 'header-click' \| 'header-contextmenu',\n column: TableColumnCtx<T>,\n event: PointerEvent\n ): void\n (\n e: 'sort-change',\n data: {\n column: TableColumnCtx<T>\n prop: string \| null\n order: TableSortOrder \| null\n }\n ): void\n (e: 'filter-change', newFilters: Record<string, string[]>): void\n (e: 'current-change', currentRow: T \| null, oldCurrentRow: T \| null): void\n (\n e: 'header-dragend',\n newWidth: number,\n oldWidth: number,\n column: TableColumnCtx<T>,\n event: MouseEvent\n ): void\n (e: 'expand-change', row: T, expandedRows: T[]): void\n (e: 'expand-change', row: T, expanded: boolean): void\n (\n e: 'scroll',\n data: {\n scrollLeft: number\n scrollTop: number\n }\n ): void\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 TableEmits,\n}\n\nexport default tableProps\n"],"mappings":";;;;;;;;;AA4ZA,MAAa,aAAa;;;;CAIxB,MAAM;EACJ,MAAM;EACN,eAAe,EAAE;EAClB;;;;CAID,MAAMA,cAAAA;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/lib/components/table/src/table/style-helper.d.ts CHANGED Viewed

@@ -11,7 +11,7 @@ declare function useStyle<T extends DefaultRow>(props: TableProps<T>, layout: Ta
   isGroup: _$vue.Ref<boolean, boolean>;
   handleMouseLeave: () => void;
   handleHeaderFooterMousewheel: (_event: WheelEvent, data: any) => void;
-  tableSize: _$vue.ComputedRef<"" | "default" | "large" | "small">;
+  tableSize: _$vue.ComputedRef<"" | "small" | "default" | "large">;
   emptyBlockStyle: _$vue.ComputedRef<{
     width: string;
     height: string;
@@ -35,7 +35,7 @@ declare function useStyle<T extends DefaultRow>(props: TableProps<T>, layout: Ta
   tableBodyStyles: _$vue.ComputedRef<{
     width: string;
   }>;
-  tableLayout: _$vue.ComputedRef<"auto" | "fixed">;
+  tableLayout: _$vue.ComputedRef<"fixed" | "auto">;
   scrollbarViewStyle: {
     display: string;
     verticalAlign: string;

package/lib/components/table/src/table-body/events-helper.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"events-helper.js","names":["TABLE_INJECTION_KEY","getCell","getColumnByCell","addClass","removePopper","hasClass","isGreaterThan","removeClass"],"sources":["../../../../../../../packages/components/table/src/table-body/events-helper.ts"],"sourcesContent":["import { h, inject, ref } from 'vue'\nimport { debounce } from 'lodash-unified'\nimport {\n addClass,\n hasClass,\n isGreaterThan,\n removeClass,\n} from '@element-plus/utils'\nimport {\n createTablePopper,\n getCell,\n getColumnByCell,\n removePopper,\n} from '../util'\nimport { TABLE_INJECTION_KEY } from '../tokens'\n\nimport type { TableColumnCtx } from '../table-column/defaults'\nimport type { TableBodyProps } from './defaults'\nimport type { TableOverflowTooltipOptions } from '../util'\nimport type { DefaultRow, Table } from '../table/defaults'\n\ninterface HandleEvent<T> {\n (event: PointerEvent, row: T, name: 'click' \| 'contextmenu'): void\n (event: MouseEvent, row: T, name: 'dblclick'): void\n}\n\nfunction useEvents<T extends DefaultRow>(props: Partial<TableBodyProps<T>>) {\n const parent = inject(TABLE_INJECTION_KEY) as Table<T>\n const tooltipContent = ref('')\n const tooltipTrigger = ref(h('div'))\n const handleEvent: HandleEvent<T> = (event, row, name) => {\n const table = parent\n const cell = getCell(event)\n let column: TableColumnCtx<T> \| null = null\n const namespace = table?.vnode.el?.dataset.prefix\n if (cell) {\n column = getColumnByCell(\n {\n columns: props.store?.states.columns.value ?? [],\n },\n cell,\n namespace\n )\n if (column) {\n // @ts-expect-error\n table?.emit(`cell-${name}`, row, column, cell, event)\n }\n }\n // @ts-expect-error\n table?.emit(`row-${name}`, row, column, event)\n }\n const handleDoubleClick = (event: MouseEvent, row: T) => {\n handleEvent(event, row, 'dblclick')\n }\n const handleClick = (event: PointerEvent, row: T) => {\n props.store?.commit('setCurrentRow', row)\n handleEvent(event, row, 'click')\n }\n const handleContextMenu = (event: PointerEvent, row: T) => {\n handleEvent(event, row, 'contextmenu')\n }\n const handleMouseEnter = debounce((index: number) => {\n props.store?.commit('setHoverRow', index)\n }, 30)\n const handleMouseLeave = debounce(() => {\n props.store?.commit('setHoverRow', null)\n }, 30)\n const getPadding = (el: HTMLElement) => {\n const style = window.getComputedStyle(el, null)\n const paddingLeft = Number.parseInt(style.paddingLeft, 10) \|\| 0\n const paddingRight = Number.parseInt(style.paddingRight, 10) \|\| 0\n const paddingTop = Number.parseInt(style.paddingTop, 10) \|\| 0\n const paddingBottom = Number.parseInt(style.paddingBottom, 10) \|\| 0\n return {\n left: paddingLeft,\n right: paddingRight,\n top: paddingTop,\n bottom: paddingBottom,\n }\n }\n\n const toggleRowClassByCell = (\n rowSpan: number,\n event: MouseEvent,\n toggle: (el: Element, cls: string) => void\n ) => {\n let node: Node \| null \| undefined = (event?.target as Element \| null)\n ?.parentNode\n while (rowSpan > 1) {\n node = node?.nextSibling\n if (!node \|\| node.nodeName !== 'TR') break\n toggle(node as Element, 'hover-row hover-fixed-row')\n rowSpan--\n }\n }\n\n const handleCellMouseEnter = (\n event: MouseEvent,\n row: T,\n tooltipOptions: TableOverflowTooltipOptions\n ) => {\n if (!parent) return\n const table = parent\n const cell = getCell(event)\n const namespace = table?.vnode.el?.dataset.prefix\n let column: TableColumnCtx<T> \| null = null\n if (cell) {\n column = getColumnByCell(\n {\n columns: props.store?.states.columns.value ?? [],\n },\n cell,\n namespace\n )\n if (!column) {\n return\n }\n if (cell.rowSpan > 1) {\n toggleRowClassByCell(cell.rowSpan, event, addClass)\n }\n const hoverState = (table.hoverState = {\n cell,\n column: column as any,\n row,\n })\n table?.emit(\n 'cell-mouse-enter',\n hoverState.row,\n hoverState.column,\n hoverState.cell,\n event\n )\n }\n\n if (!tooltipOptions) {\n if (removePopper?.trigger === cell) {\n removePopper?.()\n }\n return\n }\n\n // 判断是否text-overflow, 如果是就显示tooltip\n const cellChild = (event.target as HTMLElement).querySelector(\n '.cell'\n ) as HTMLElement\n if (\n !(\n hasClass(cellChild, `${namespace}-tooltip`) &&\n cellChild.childNodes.length &&\n cellChild.textContent?.trim()\n )\n ) {\n return\n }\n // use range width instead of scrollWidth to determine whether the text is overflowing\n // to address a potential FireFox bug: https://bugzilla.mozilla.org/show_bug.cgi?id=1074543#c3\n const range = document.createRange()\n range.setStart(cellChild, 0)\n range.setEnd(cellChild, cellChild.childNodes.length)\n /** detail: https://github.com/element-plus/element-plus/issues/10790\n * What went wrong?\n * UI > Browser > Zoom, In Blink/WebKit, getBoundingClientRect() sometimes returns inexact values, probably due to lost precision during internal calculations. In the example above:\n * - Expected: 188\n * - Actual: 188.00000762939453\n */\n const { width: rangeWidth, height: rangeHeight } =\n range.getBoundingClientRect()\n const { width: cellChildWidth, height: cellChildHeight } =\n cellChild.getBoundingClientRect()\n\n const { top, left, right, bottom } = getPadding(cellChild)\n const horizontalPadding = left + right\n const verticalPadding = top + bottom\n if (\n isGreaterThan(rangeWidth + horizontalPadding, cellChildWidth) \|\|\n isGreaterThan(rangeHeight + verticalPadding, cellChildHeight) \|\|\n // When using a high-resolution screen, it is possible that a returns cellChild.scrollWidth value of 1921 and\n // cellChildWidth returns a value of 1920.994140625. #16856 #16673\n isGreaterThan(cellChild.scrollWidth, cellChildWidth)\n ) {\n createTablePopper(\n tooltipOptions,\n (cell?.innerText \|\| cell?.textContent) ?? '',\n row,\n column,\n cell,\n table\n )\n } else if (removePopper?.trigger === cell) {\n removePopper?.()\n }\n }\n const handleCellMouseLeave = (event: MouseEvent) => {\n const cell = getCell(event)\n if (!cell) return\n if (cell.rowSpan > 1) {\n toggleRowClassByCell(cell.rowSpan, event, removeClass)\n }\n // From the normal user interaction flow, it should never be empty. However, to avoid potential runtime errors, we still keep this defensive optional handling.\n const oldHoverState = parent?.hoverState as NonNullable<Table['hoverState']>\n parent?.emit(\n 'cell-mouse-leave',\n oldHoverState?.row,\n oldHoverState?.column,\n oldHoverState?.cell as HTMLTableCellElement,\n event\n )\n }\n\n return {\n handleDoubleClick,\n handleClick,\n handleContextMenu,\n handleMouseEnter,\n handleMouseLeave,\n handleCellMouseEnter,\n handleCellMouseLeave,\n tooltipContent,\n tooltipTrigger,\n }\n}\n\nexport default useEvents\n"],"mappings":"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"}
1	+ {"version":3,"file":"events-helper.js","names":["TABLE_INJECTION_KEY","getCell","getColumnByCell","addClass","removePopper","hasClass","isGreaterThan","removeClass"],"sources":["../../../../../../../packages/components/table/src/table-body/events-helper.ts"],"sourcesContent":["import { h, inject, ref } from 'vue'\nimport { debounce } from 'lodash-unified'\nimport {\n addClass,\n hasClass,\n isGreaterThan,\n removeClass,\n} from '@element-plus/utils'\nimport {\n createTablePopper,\n getCell,\n getColumnByCell,\n removePopper,\n} from '../util'\nimport { TABLE_INJECTION_KEY } from '../tokens'\n\nimport type { TableColumnCtx } from '../table-column/defaults'\nimport type { TableBodyProps } from './defaults'\nimport type { TableOverflowTooltipOptions } from '../util'\nimport type { DefaultRow, Table } from '../table/defaults'\n\ninterface HandleEvent<T> {\n (event: PointerEvent, row: T, name: 'click' \| 'contextmenu'): void\n (event: MouseEvent, row: T, name: 'dblclick'): void\n}\n\nfunction useEvents<T extends DefaultRow>(props: Partial<TableBodyProps<T>>) {\n const parent = inject(TABLE_INJECTION_KEY) as Table<T>\n const tooltipContent = ref('')\n const tooltipTrigger = ref(h('div'))\n const handleEvent: HandleEvent<T> = (event, row, name) => {\n const table = parent\n const cell = getCell(event)\n let column: TableColumnCtx<T> \| null = null\n const namespace = table?.vnode.el?.dataset.prefix\n if (cell) {\n column = getColumnByCell(\n {\n columns: props.store?.states.columns.value ?? [],\n },\n cell,\n namespace\n )\n if (column) {\n // @ts-expect-error\n table?.emit(`cell-${name}`, row, column, cell, event)\n }\n }\n // @ts-expect-error\n table?.emit(`row-${name}`, row, column, event)\n }\n const handleDoubleClick = (event: MouseEvent, row: T) => {\n handleEvent(event, row, 'dblclick')\n }\n const handleClick = (event: PointerEvent, row: T) => {\n props.store?.commit('setCurrentRow', row)\n handleEvent(event, row, 'click')\n }\n const handleContextMenu = (event: PointerEvent, row: T) => {\n handleEvent(event, row, 'contextmenu')\n }\n const handleMouseEnter = debounce((index: number) => {\n props.store?.commit('setHoverRow', index)\n }, 30)\n const handleMouseLeave = debounce(() => {\n props.store?.commit('setHoverRow', null)\n }, 30)\n const getPadding = (el: HTMLElement) => {\n const style = window.getComputedStyle(el, null)\n const paddingLeft = Number.parseInt(style.paddingLeft, 10) \|\| 0\n const paddingRight = Number.parseInt(style.paddingRight, 10) \|\| 0\n const paddingTop = Number.parseInt(style.paddingTop, 10) \|\| 0\n const paddingBottom = Number.parseInt(style.paddingBottom, 10) \|\| 0\n return {\n left: paddingLeft,\n right: paddingRight,\n top: paddingTop,\n bottom: paddingBottom,\n }\n }\n\n const toggleRowClassByCell = (\n rowSpan: number,\n event: MouseEvent,\n toggle: (el: Element, cls: string) => void\n ) => {\n let node: Node \| null \| undefined = (event?.target as Element \| null)\n ?.parentNode\n while (rowSpan > 1) {\n node = node?.nextSibling\n if (!node \|\| node.nodeName !== 'TR') break\n toggle(node as Element, 'hover-row hover-fixed-row')\n rowSpan--\n }\n }\n\n const handleCellMouseEnter = (\n event: MouseEvent,\n row: T,\n tooltipOptions: TableOverflowTooltipOptions\n ) => {\n if (!parent) return\n const table = parent\n const cell = getCell(event)\n const namespace = table?.vnode.el?.dataset.prefix\n let column: TableColumnCtx<T> \| null = null\n if (cell) {\n column = getColumnByCell(\n {\n columns: props.store?.states.columns.value ?? [],\n },\n cell,\n namespace\n )\n if (!column) {\n return\n }\n if (cell.rowSpan > 1) {\n toggleRowClassByCell(cell.rowSpan, event, addClass)\n }\n const hoverState = (table.hoverState = {\n cell,\n column: column as any,\n row,\n })\n table?.emit(\n 'cell-mouse-enter',\n hoverState.row,\n hoverState.column,\n hoverState.cell,\n event\n )\n }\n\n if (!tooltipOptions) {\n if (removePopper?.trigger === cell) {\n removePopper?.()\n }\n return\n }\n\n // 判断是否text-overflow, 如果是就显示tooltip\n const cellChild = (event.target as HTMLElement).querySelector(\n '.cell'\n ) as HTMLElement\n if (!(\n hasClass(cellChild, `${namespace}-tooltip`) &&\n cellChild.childNodes.length &&\n cellChild.textContent?.trim()\n )) {\n return\n }\n // use range width instead of scrollWidth to determine whether the text is overflowing\n // to address a potential FireFox bug: https://bugzilla.mozilla.org/show_bug.cgi?id=1074543#c3\n const range = document.createRange()\n range.setStart(cellChild, 0)\n range.setEnd(cellChild, cellChild.childNodes.length)\n /** detail: https://github.com/element-plus/element-plus/issues/10790\n * What went wrong?\n * UI > Browser > Zoom, In Blink/WebKit, getBoundingClientRect() sometimes returns inexact values, probably due to lost precision during internal calculations. In the example above:\n * - Expected: 188\n * - Actual: 188.00000762939453\n */\n const { width: rangeWidth, height: rangeHeight } =\n range.getBoundingClientRect()\n const { width: cellChildWidth, height: cellChildHeight } =\n cellChild.getBoundingClientRect()\n\n const { top, left, right, bottom } = getPadding(cellChild)\n const horizontalPadding = left + right\n const verticalPadding = top + bottom\n if (\n isGreaterThan(rangeWidth + horizontalPadding, cellChildWidth) \|\|\n isGreaterThan(rangeHeight + verticalPadding, cellChildHeight) \|\|\n // When using a high-resolution screen, it is possible that a returns cellChild.scrollWidth value of 1921 and\n // cellChildWidth returns a value of 1920.994140625. #16856 #16673\n isGreaterThan(cellChild.scrollWidth, cellChildWidth)\n ) {\n createTablePopper(\n tooltipOptions,\n (cell?.innerText \|\| cell?.textContent) ?? '',\n row,\n column,\n cell,\n table\n )\n } else if (removePopper?.trigger === cell) {\n removePopper?.()\n }\n }\n const handleCellMouseLeave = (event: MouseEvent) => {\n const cell = getCell(event)\n if (!cell) return\n if (cell.rowSpan > 1) {\n toggleRowClassByCell(cell.rowSpan, event, removeClass)\n }\n // From the normal user interaction flow, it should never be empty. However, to avoid potential runtime errors, we still keep this defensive optional handling.\n const oldHoverState = parent?.hoverState as NonNullable<Table['hoverState']>\n parent?.emit(\n 'cell-mouse-leave',\n oldHoverState?.row,\n oldHoverState?.column,\n oldHoverState?.cell as HTMLTableCellElement,\n event\n )\n }\n\n return {\n handleDoubleClick,\n handleClick,\n handleContextMenu,\n handleMouseEnter,\n handleMouseLeave,\n handleCellMouseEnter,\n handleCellMouseLeave,\n tooltipContent,\n tooltipTrigger,\n }\n}\n\nexport default useEvents\n"],"mappings":"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"}

package/lib/components/table/src/table-footer/index.d.ts CHANGED Viewed

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

package/lib/components/table/src/table-header/index.d.ts CHANGED Viewed

@@ -112,26 +112,26 @@ declare const _default: _$vue.DefineComponent<_$vue.ExtractPropTypes<{
     type: BooleanConstructor;
   };
 }>> & Readonly<{}>, {
-  fixed: string;
   border: boolean;
+  fixed: string;
   defaultSort: Sort;
   allowDragLastColumn: boolean;
 }, {}, {
   ElCheckbox: {
     new (...args: any[]): _$vue.CreateComponentPublicInstanceWithMixins<Readonly<CheckboxProps> & Readonly<{
-      onChange?: ((val: CheckboxValueType) => any) | undefined;
       "onUpdate:modelValue"?: ((val: CheckboxValueType) => any) | undefined;
+      onChange?: ((val: CheckboxValueType) => any) | undefined;
     }>, {}, {}, {}, {}, _$vue.ComponentOptionsMixin, _$vue.ComponentOptionsMixin, {
-      change: (val: CheckboxValueType) => void;
       "update:modelValue": (val: CheckboxValueType) => void;
+      change: (val: CheckboxValueType) => void;
     }, _$vue.PublicProps, {
-      label: string | boolean | number | object;
-      disabled: boolean;
-      name: string;
       modelValue: number | string | boolean;
+      disabled: boolean;
       validateEvent: boolean;
+      name: string;
       id: string;
       value: string | boolean | number | object;
+      label: string | boolean | number | object;
       trueValue: string | number;
       falseValue: string | number;
       trueLabel: string | number;
@@ -144,16 +144,16 @@ declare const _default: _$vue.DefineComponent<_$vue.ExtractPropTypes<{
       M: {};
       Defaults: {};
     }, Readonly<CheckboxProps> & Readonly<{
-      onChange?: ((val: CheckboxValueType) => any) | undefined;
       "onUpdate:modelValue"?: ((val: CheckboxValueType) => any) | undefined;
+      onChange?: ((val: CheckboxValueType) => any) | undefined;
     }>, {}, {}, {}, {}, {
-      label: string | boolean | number | object;
-      disabled: boolean;
-      name: string;
       modelValue: number | string | boolean;
+      disabled: boolean;
       validateEvent: boolean;
+      name: string;
       id: string;
       value: string | boolean | number | object;
+      label: string | boolean | number | object;
       trueValue: string | number;
       falseValue: string | number;
       trueLabel: string | number;
@@ -163,19 +163,19 @@ declare const _default: _$vue.DefineComponent<_$vue.ExtractPropTypes<{
     __isTeleport?: never;
     __isSuspense?: never;
   } & _$vue.ComponentOptionsBase<Readonly<CheckboxProps> & Readonly<{
-    onChange?: ((val: CheckboxValueType) => any) | undefined;
     "onUpdate:modelValue"?: ((val: CheckboxValueType) => any) | undefined;
+    onChange?: ((val: CheckboxValueType) => any) | undefined;
   }>, {}, {}, {}, {}, _$vue.ComponentOptionsMixin, _$vue.ComponentOptionsMixin, {
-    change: (val: CheckboxValueType) => void;
     "update:modelValue": (val: CheckboxValueType) => void;
+    change: (val: CheckboxValueType) => void;
   }, string, {
-    label: string | boolean | number | object;
-    disabled: boolean;
-    name: string;
     modelValue: number | string | boolean;
+    disabled: boolean;
     validateEvent: boolean;
+    name: string;
     id: string;
     value: string | boolean | number | object;
+    label: string | boolean | number | object;
     trueValue: string | number;
     falseValue: string | number;
     trueLabel: string | number;
@@ -199,7 +199,7 @@ declare const _default: _$vue.DefineComponent<_$vue.ExtractPropTypes<{
       readonly falseLabel?: string | number | (() => string | number) | undefined;
       readonly id?: string | (() => string) | undefined;
       readonly border?: boolean | (() => boolean) | undefined;
-      readonly size?: "" | "default" | "large" | "small" | (() => "" | "default" | "large" | "small") | undefined;
+      readonly size?: "" | "small" | "default" | "large" | (() => "" | "small" | "default" | "large") | undefined;
       readonly tabindex?: string | number | (() => string | number) | undefined;
       readonly validateEvent?: boolean | (() => boolean) | undefined;
       readonly ariaLabel?: string | (() => string) | undefined;