@element-plus/nightly 0.0.20260805 → 0.0.20260809

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

@@ -111,13 +111,13 @@ declare const __VLS_export: _$vue.DefineComponent<_$vue.ExtractPropTypes<{
       change: (val: CheckboxValueType) => void;
       "update:modelValue": (val: CheckboxValueType) => void;
     }, _$vue.PublicProps, {
+      id: string;
+      disabled: boolean;
       name: string;
       modelValue: number | string | boolean;
-      label: string | boolean | number | object;
-      disabled: boolean;
-      value: string | boolean | number | object;
-      id: string;
       validateEvent: boolean;
+      value: string | boolean | number | object;
+      label: string | boolean | number | object;
       trueValue: string | number;
       falseValue: string | number;
       trueLabel: string | number;
@@ -133,13 +133,13 @@ declare const __VLS_export: _$vue.DefineComponent<_$vue.ExtractPropTypes<{
       onChange?: ((val: CheckboxValueType) => any) | undefined;
       "onUpdate:modelValue"?: ((val: CheckboxValueType) => any) | undefined;
     }>, {}, {}, {}, {}, {
+      id: string;
+      disabled: boolean;
       name: string;
       modelValue: number | string | boolean;
-      label: string | boolean | number | object;
-      disabled: boolean;
-      value: string | boolean | number | object;
-      id: string;
       validateEvent: boolean;
+      value: string | boolean | number | object;
+      label: string | boolean | number | object;
       trueValue: string | number;
       falseValue: string | number;
       trueLabel: string | number;
@@ -155,13 +155,13 @@ declare const __VLS_export: _$vue.DefineComponent<_$vue.ExtractPropTypes<{
     change: (val: CheckboxValueType) => void;
     "update:modelValue": (val: CheckboxValueType) => void;
   }, string, {
+    id: string;
+    disabled: boolean;
     name: string;
     modelValue: number | string | boolean;
-    label: string | boolean | number | object;
-    disabled: boolean;
-    value: string | boolean | number | object;
-    id: string;
     validateEvent: boolean;
+    value: string | boolean | number | object;
+    label: string | boolean | number | object;
     trueValue: string | number;
     falseValue: string | number;
     trueLabel: string | number;
@@ -203,16 +203,16 @@ declare const __VLS_export: _$vue.DefineComponent<_$vue.ExtractPropTypes<{
       change: (val: CheckboxValueType[]) => void;
       "update:modelValue": (val: CheckboxGroupValueType) => void;
     }, _$vue.PublicProps, {
+      type: "checkbox" | "button";
       props: {
         value?: string;
         label?: string;
         disabled?: string;
       };
-      type: "checkbox" | "button";
-      modelValue: CheckboxGroupValueType;
-      tag: string;
       disabled: boolean;
+      modelValue: CheckboxGroupValueType;
       validateEvent: boolean;
+      tag: string;
     }, false, {}, {}, _$vue.GlobalComponents, _$vue.GlobalDirectives, string, {}, any, _$vue.ComponentProvideOptions, {
       P: {};
       B: {};
@@ -224,16 +224,16 @@ declare const __VLS_export: _$vue.DefineComponent<_$vue.ExtractPropTypes<{
       onChange?: ((val: CheckboxValueType[]) => any) | undefined;
       "onUpdate:modelValue"?: ((val: CheckboxGroupValueType) => any) | undefined;
     }>, {}, {}, {}, {}, {
+      type: "checkbox" | "button";
       props: {
         value?: string;
         label?: string;
         disabled?: string;
       };
-      type: "checkbox" | "button";
-      modelValue: CheckboxGroupValueType;
-      tag: string;
       disabled: boolean;
+      modelValue: CheckboxGroupValueType;
       validateEvent: boolean;
+      tag: string;
     }>;
     __isFragment?: never;
     __isTeleport?: never;
@@ -245,16 +245,16 @@ declare const __VLS_export: _$vue.DefineComponent<_$vue.ExtractPropTypes<{
     change: (val: CheckboxValueType[]) => void;
     "update:modelValue": (val: CheckboxGroupValueType) => void;
   }, string, {
+    type: "checkbox" | "button";
     props: {
       value?: string;
       label?: string;
       disabled?: string;
     };
-    type: "checkbox" | "button";
-    modelValue: CheckboxGroupValueType;
-    tag: string;
     disabled: boolean;
+    modelValue: CheckboxGroupValueType;
     validateEvent: boolean;
+    tag: string;
   }, {}, string, {}, _$vue.GlobalComponents, _$vue.GlobalDirectives, string, _$vue.ComponentProvideOptions> & _$vue.VNodeProps & _$vue.AllowedComponentProps & _$vue.ComponentCustomProps & (new () => {
     $slots: {
       default?: (props: {}) => any;
@@ -284,9 +284,9 @@ declare const __VLS_export: _$vue.DefineComponent<_$vue.ExtractPropTypes<{
       }) => void;
       "end-reached": (direction: ScrollbarDirection) => void;
     }, _$vue.PublicProps, {
+      tabindex: number | string;
       tag: keyof HTMLElementTagNameMap | (string & {});
       height: number | string;
-      tabindex: number | string;
       maxHeight: number | string;
       distance: number;
       wrapStyle: string | false | _$vue.CSSProperties | _$vue.StyleValue[] | null;
@@ -318,9 +318,9 @@ declare const __VLS_export: _$vue.DefineComponent<_$vue.ExtractPropTypes<{
       setScrollLeft: (value: number) => void;
       handleScroll: () => void;
     }, {}, {}, {}, {
+      tabindex: number | string;
       tag: keyof HTMLElementTagNameMap | (string & {});
       height: number | string;
-      tabindex: number | string;
       maxHeight: number | string;
       distance: number;
       wrapStyle: string | false | _$vue.CSSProperties | _$vue.StyleValue[] | null;
@@ -355,9 +355,9 @@ declare const __VLS_export: _$vue.DefineComponent<_$vue.ExtractPropTypes<{
     }) => void;
     "end-reached": (direction: ScrollbarDirection) => void;
   }, string, {
+    tabindex: number | string;
     tag: keyof HTMLElementTagNameMap | (string & {});
     height: number | string;
-    tabindex: number | string;
     maxHeight: number | string;
     distance: number;
     wrapStyle: string | false | _$vue.CSSProperties | _$vue.StyleValue[] | null;
@@ -373,9 +373,9 @@ declare const __VLS_export: _$vue.DefineComponent<_$vue.ExtractPropTypes<{
   ElTooltip: SFCWithInstall<{
     new (...args: any[]): _$vue.CreateComponentPublicInstanceWithMixins<Readonly<UseTooltipProps> & Readonly<{
       onClose?: ((...args: any[]) => any) | undefined;
-      onOpen?: ((...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;
@@ -389,39 +389,39 @@ declare const __VLS_export: _$vue.DefineComponent<_$vue.ExtractPropTypes<{
       hide: (event?: Event) => void;
     }, {}, {}, {}, _$vue.ComponentOptionsMixin, _$vue.ComponentOptionsMixin, {
       close: (...args: any[]) => void;
-      open: (...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;
     }, _$vue.PublicProps, {
       offset: number;
       teleported: boolean;
-      trigger: Arrayable<TooltipTriggerType>;
-      loop: boolean;
-      content: string;
-      style: string | false | _$vue.CSSProperties | _$vue.StyleValue[] | null;
-      placement: Placement;
+      effect: PopperEffect;
       showAfter: number;
       hideAfter: number;
       autoClose: number;
       boundariesPadding: number;
       gpuAcceleration: boolean;
+      placement: Placement;
       popperOptions: Partial<Options>;
       strategy: "fixed" | "absolute";
       arrowOffset: number;
-      effect: PopperEffect;
+      style: string | false | _$vue.CSSProperties | _$vue.StyleValue[] | null;
       enterable: boolean;
       popperClass: string | false | Record<string, any> | ClassValue[] | null;
       popperStyle: string | false | _$vue.CSSProperties | _$vue.StyleValue[] | null;
       stopPopperMouseEvent: boolean;
+      loop: boolean;
       visible: boolean | null;
       pure: boolean;
       focusOnShow: boolean;
       trapping: boolean;
       virtualTriggering: boolean;
+      content: string;
       showArrow: boolean;
+      trigger: Arrayable<TooltipTriggerType>;
       role: typeof roleTypes[number];
       triggerKeys: string[];
     }, false, {}, {}, _$vue.GlobalComponents, _$vue.GlobalDirectives, string, {}, any, _$vue.ComponentProvideOptions, {
@@ -433,9 +433,9 @@ declare const __VLS_export: _$vue.DefineComponent<_$vue.ExtractPropTypes<{
       Defaults: {};
     }, Readonly<UseTooltipProps> & Readonly<{
       onClose?: ((...args: any[]) => any) | undefined;
-      onOpen?: ((...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;
@@ -450,30 +450,30 @@ declare const __VLS_export: _$vue.DefineComponent<_$vue.ExtractPropTypes<{
     }, {}, {}, {}, {
       offset: number;
       teleported: boolean;
-      trigger: Arrayable<TooltipTriggerType>;
-      loop: boolean;
-      content: string;
-      style: string | false | _$vue.CSSProperties | _$vue.StyleValue[] | null;
-      placement: Placement;
+      effect: PopperEffect;
       showAfter: number;
       hideAfter: number;
       autoClose: number;
       boundariesPadding: number;
       gpuAcceleration: boolean;
+      placement: Placement;
       popperOptions: Partial<Options>;
       strategy: "fixed" | "absolute";
       arrowOffset: number;
-      effect: PopperEffect;
+      style: string | false | _$vue.CSSProperties | _$vue.StyleValue[] | null;
       enterable: boolean;
       popperClass: string | false | Record<string, any> | ClassValue[] | null;
       popperStyle: string | false | _$vue.CSSProperties | _$vue.StyleValue[] | null;
       stopPopperMouseEvent: boolean;
+      loop: boolean;
       visible: boolean | null;
       pure: boolean;
       focusOnShow: boolean;
       trapping: boolean;
       virtualTriggering: boolean;
+      content: string;
       showArrow: boolean;
+      trigger: Arrayable<TooltipTriggerType>;
       role: typeof roleTypes[number];
       triggerKeys: string[];
     }>;
@@ -482,9 +482,9 @@ declare const __VLS_export: _$vue.DefineComponent<_$vue.ExtractPropTypes<{
     __isSuspense?: never;
   } & _$vue.ComponentOptionsBase<Readonly<UseTooltipProps> & Readonly<{
     onClose?: ((...args: any[]) => any) | undefined;
-    onOpen?: ((...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;
@@ -498,39 +498,39 @@ declare const __VLS_export: _$vue.DefineComponent<_$vue.ExtractPropTypes<{
     hide: (event?: Event) => void;
   }, {}, {}, {}, _$vue.ComponentOptionsMixin, _$vue.ComponentOptionsMixin, {
     close: (...args: any[]) => void;
-    open: (...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;
   }, string, {
     offset: number;
     teleported: boolean;
-    trigger: Arrayable<TooltipTriggerType>;
-    loop: boolean;
-    content: string;
-    style: string | false | _$vue.CSSProperties | _$vue.StyleValue[] | null;
-    placement: Placement;
+    effect: PopperEffect;
     showAfter: number;
     hideAfter: number;
     autoClose: number;
     boundariesPadding: number;
     gpuAcceleration: boolean;
+    placement: Placement;
     popperOptions: Partial<Options>;
     strategy: "fixed" | "absolute";
     arrowOffset: number;
-    effect: PopperEffect;
+    style: string | false | _$vue.CSSProperties | _$vue.StyleValue[] | null;
     enterable: boolean;
     popperClass: string | false | Record<string, any> | ClassValue[] | null;
     popperStyle: string | false | _$vue.CSSProperties | _$vue.StyleValue[] | null;
     stopPopperMouseEvent: boolean;
+    loop: boolean;
     visible: boolean | null;
     pure: boolean;
     focusOnShow: boolean;
     trapping: boolean;
     virtualTriggering: boolean;
+    content: string;
     showArrow: boolean;
+    trigger: Arrayable<TooltipTriggerType>;
     role: typeof roleTypes[number];
     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

@@ -355,15 +355,15 @@ declare const tableProps: {
     readonly validator: ((val: unknown) => boolean) | undefined;
     __epPropKey: true;
   };
-  width: (StringConstructor | NumberConstructor)[];
+  width: (NumberConstructor | StringConstructor)[];
   /**
    * @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: (StringConstructor | NumberConstructor)[];
+  height: (NumberConstructor | StringConstructor)[];
   /**
    * @description table's max-height. The legal value is a number or the height in px
    */
-  maxHeight: (StringConstructor | NumberConstructor)[];
+  maxHeight: (NumberConstructor | StringConstructor)[];
   /**
    * @description whether width of column automatically fits its container
    */
@@ -441,7 +441,7 @@ declare const tableProps: {
   /**
    * @description key of current row, a set only prop
    */
-  currentRowKey: (StringConstructor | NumberConstructor)[];
+  currentRowKey: (NumberConstructor | StringConstructor)[];
   /**
    * @description displayed text when data is empty. You can customize this area with `#empty`
    */
@@ -545,7 +545,7 @@ declare const tableProps: {
   tooltipFormatter: PropType<TableProps<any>["tooltipFormatter"]>;
   appendFilterPanelTo: StringConstructor;
   scrollbarTabindex: {
-    type: (StringConstructor | NumberConstructor)[];
+    type: (NumberConstructor | StringConstructor)[];
     default: undefined;
   };
   /**

package/lib/components/table/src/table/style-helper.d.ts

@@ -35,7 +35,7 @@ declare function useStyle<T extends DefaultRow>(props: TableProps<T>, layout: Ta
   tableBodyStyles: _$vue.ComputedRef<{
     width: string;
   }>;
-  tableLayout: _$vue.ComputedRef<"fixed" | "auto">;
+  tableLayout: _$vue.ComputedRef<"auto" | "fixed">;
   scrollbarViewStyle: {
     display: string;
     verticalAlign: string;

package/lib/components/table/src/table-column/defaults.d.ts

@@ -231,14 +231,14 @@ declare const tableColumnProps: {
    * @description column width
    */
   width: {
-    type: (StringConstructor | NumberConstructor)[];
+    type: (NumberConstructor | StringConstructor)[];
     default: string;
   };
   /**
    * @description column minimum width. Columns with `width` has a fixed width, while columns with `min-width` has a width that is distributed in proportion
    */
   minWidth: {
-    type: (StringConstructor | NumberConstructor)[];
+    type: (NumberConstructor | StringConstructor)[];
     default: string;
   };
   /**
@@ -249,7 +249,7 @@ declare const tableColumnProps: {
    * @description whether column can be sorted. Remote sorting can be done by setting this attribute to 'custom' and listening to the `sort-change` event of Table
    */
   sortable: {
-    type: (BooleanConstructor | StringConstructor)[];
+    type: (StringConstructor | BooleanConstructor)[];
     default: boolean;
   };
   /**
@@ -293,7 +293,7 @@ declare const tableColumnProps: {
   /**
    * @description whether column is fixed at left / right. Will be fixed at left if `true`
    */
-  fixed: (BooleanConstructor | StringConstructor)[];
+  fixed: (StringConstructor | BooleanConstructor)[];
   /**
    * @description function that formats cell content
    */

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

@@ -125,13 +125,13 @@ declare const _default: _$vue.DefineComponent<_$vue.ExtractPropTypes<{
       change: (val: CheckboxValueType) => void;
       "update:modelValue": (val: CheckboxValueType) => void;
     }, _$vue.PublicProps, {
+      id: string;
+      disabled: boolean;
       name: string;
       modelValue: number | string | boolean;
-      label: string | boolean | number | object;
-      disabled: boolean;
-      value: string | boolean | number | object;
-      id: string;
       validateEvent: boolean;
+      value: string | boolean | number | object;
+      label: string | boolean | number | object;
       trueValue: string | number;
       falseValue: string | number;
       trueLabel: string | number;
@@ -147,13 +147,13 @@ declare const _default: _$vue.DefineComponent<_$vue.ExtractPropTypes<{
       onChange?: ((val: CheckboxValueType) => any) | undefined;
       "onUpdate:modelValue"?: ((val: CheckboxValueType) => any) | undefined;
     }>, {}, {}, {}, {}, {
+      id: string;
+      disabled: boolean;
       name: string;
       modelValue: number | string | boolean;
-      label: string | boolean | number | object;
-      disabled: boolean;
-      value: string | boolean | number | object;
-      id: string;
       validateEvent: boolean;
+      value: string | boolean | number | object;
+      label: string | boolean | number | object;
       trueValue: string | number;
       falseValue: string | number;
       trueLabel: string | number;
@@ -169,13 +169,13 @@ declare const _default: _$vue.DefineComponent<_$vue.ExtractPropTypes<{
     change: (val: CheckboxValueType) => void;
     "update:modelValue": (val: CheckboxValueType) => void;
   }, string, {
+    id: string;
+    disabled: boolean;
     name: string;
     modelValue: number | string | boolean;
-    label: string | boolean | number | object;
-    disabled: boolean;
-    value: string | boolean | number | object;
-    id: string;
     validateEvent: boolean;
+    value: string | boolean | number | object;
+    label: string | boolean | number | object;
     trueValue: string | number;
     falseValue: string | number;
     trueLabel: string | number;

package/lib/components/table/src/table-header/index.js

@@ -50,10 +50,16 @@ var table_header_default = (0, vue.defineComponent)({
 		const theadRef = (0, vue.ref)();
 		let delayId;
 		const updateFixedColumnStyle = () => {
+			if (delayId) {
+				clearTimeout(delayId);
+				delayId = void 0;
+			}
 			delayId = setTimeout(() => {
-				if (saveIndexSelection.size > 0) {
+				delayId = void 0;
+				const thead = theadRef.value;
+				if (thead && saveIndexSelection.size > 0) {
 					saveIndexSelection.forEach((column, key) => {
-						const el = theadRef.value.querySelector(`.${key.replace(/\s/g, ".")}`);
+						const el = thead.querySelector(`.${key.replace(/\s/g, ".")}`);
 						if (el) column.width = el.getBoundingClientRect().width || column.width;
 					});
 					saveIndexSelection.clear();

package/lib/components/table/src/table-header/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","names":["TABLE_INJECTION_KEY","useNamespace","useLayoutObserver","useEvent","useStyle","useUtils","useLocale","FilterPanel"],"sources":["../../../../../../../packages/components/table/src/table-header/index.ts"],"sourcesContent":["import {\n  defineComponent,\n  getCurrentInstance,\n  h,\n  inject,\n  nextTick,\n  onBeforeUnmount,\n  onMounted,\n  reactive,\n  ref,\n  watch,\n} from 'vue'\nimport ElCheckbox from '@element-plus/components/checkbox'\nimport { useNamespace } from '@element-plus/hooks'\nimport { useLocale } from '@element-plus/hooks/use-locale'\nimport FilterPanel from '../filter-panel.vue'\nimport useLayoutObserver from '../layout-observer'\nimport { TABLE_INJECTION_KEY } from '../tokens'\nimport useEvent from './event-helper'\nimport useStyle from './style.helper'\nimport useUtils from './utils-helper'\n\nimport type TableLayout from '../table-layout'\nimport type { ComponentInternalInstance, PropType, Ref } from 'vue'\nimport type { DefaultRow, Sort } from '../table/defaults'\nimport type { Store } from '../store'\n\nexport interface TableHeader extends ComponentInternalInstance {\n  state: {\n    onColumnsChange: (layout: TableLayout<any>) => void\n    onScrollableChange: (layout: TableLayout<any>) => void\n  }\n  filterPanels: Ref<DefaultRow>\n}\nexport interface TableHeaderProps<T extends DefaultRow> {\n  fixed: string\n  store: Store<T>\n  border: boolean\n  defaultSort: Sort\n  allowDragLastColumn: boolean\n}\n\nexport default defineComponent({\n  name: 'ElTableHeader',\n  components: {\n    ElCheckbox,\n  },\n  props: {\n    fixed: {\n      type: String,\n      default: '',\n    },\n    store: {\n      required: true,\n      type: Object as PropType<TableHeaderProps<any>['store']>,\n    },\n    border: Boolean,\n    defaultSort: {\n      type: Object as PropType<TableHeaderProps<any>['defaultSort']>,\n      default: () => {\n        return {\n          prop: '',\n          order: '',\n        }\n      },\n    },\n    appendFilterPanelTo: {\n      type: String,\n    },\n    allowDragLastColumn: {\n      type: Boolean,\n    },\n  },\n  setup(props, { emit }) {\n    const instance = getCurrentInstance() as TableHeader\n    const parent = inject(TABLE_INJECTION_KEY)\n    const ns = useNamespace('table')\n    const filterPanels = ref({})\n    const { onColumnsChange, onScrollableChange } = useLayoutObserver(parent!)\n\n    const isTableLayoutAuto = parent?.props.tableLayout === 'auto'\n    const saveIndexSelection = reactive(new Map())\n    const theadRef = ref()\n\n    let delayId: ReturnType<typeof setTimeout> | undefined\n    const updateFixedColumnStyle = () => {\n      delayId = setTimeout(() => {\n        if (saveIndexSelection.size > 0) {\n          saveIndexSelection.forEach((column, key) => {\n            const el = theadRef.value.querySelector(\n              `.${key.replace(/\\s/g, '.')}`\n            )\n            if (el) {\n              const width = el.getBoundingClientRect().width\n              column.width = width || column.width\n            }\n          })\n          saveIndexSelection.clear()\n        }\n      })\n    }\n\n    watch(saveIndexSelection, updateFixedColumnStyle)\n    onBeforeUnmount(() => {\n      if (delayId) {\n        clearTimeout(delayId)\n        delayId = undefined\n      }\n    })\n\n    onMounted(async () => {\n      // Need double await, because updateColumns is executed after nextTick for now\n      await nextTick()\n      await nextTick()\n      const { prop, order } = props.defaultSort\n      parent?.store.commit('sort', { prop, order, init: true })\n\n      updateFixedColumnStyle()\n    })\n\n    const {\n      handleHeaderClick,\n      handleHeaderContextMenu,\n      handleMouseDown,\n      handleMouseMove,\n      handleMouseOut,\n      handleSortClick,\n      handleFilterClick,\n    } = useEvent(props as TableHeaderProps<any>, emit)\n    const {\n      getHeaderRowStyle,\n      getHeaderRowClass,\n      getHeaderCellStyle,\n      getHeaderCellClass,\n    } = useStyle(props as TableHeaderProps<any>)\n    const { isGroup, toggleAllSelection, columnRows } = useUtils(\n      props as TableHeaderProps<any>\n    )\n\n    const { t } = useLocale()\n\n    instance.state = {\n      onColumnsChange,\n      onScrollableChange,\n    }\n    instance.filterPanels = filterPanels\n\n    return {\n      ns,\n      t,\n      filterPanels,\n      onColumnsChange,\n      onScrollableChange,\n      columnRows,\n      getHeaderRowClass,\n      getHeaderRowStyle,\n      getHeaderCellClass,\n      getHeaderCellStyle,\n      handleHeaderClick,\n      handleHeaderContextMenu,\n      handleMouseDown,\n      handleMouseMove,\n      handleMouseOut,\n      handleSortClick,\n      handleFilterClick,\n      isGroup,\n      toggleAllSelection,\n      saveIndexSelection,\n      isTableLayoutAuto,\n      theadRef,\n      updateFixedColumnStyle,\n    }\n  },\n  render() {\n    const {\n      ns,\n      t,\n      isGroup,\n      columnRows,\n      getHeaderCellStyle,\n      getHeaderCellClass,\n      getHeaderRowClass,\n      getHeaderRowStyle,\n      handleHeaderClick,\n      handleHeaderContextMenu,\n      handleMouseDown,\n      handleMouseMove,\n      handleSortClick,\n      handleMouseOut,\n      store,\n      $parent,\n      saveIndexSelection,\n      isTableLayoutAuto,\n    } = this\n    let rowSpan = 1\n    return h(\n      'thead',\n      {\n        ref: 'theadRef',\n        class: ns.is('group', isGroup),\n      },\n      columnRows.map((subColumns, rowIndex) =>\n        h(\n          'tr',\n          {\n            class: getHeaderRowClass(rowIndex),\n            key: rowIndex,\n            style: getHeaderRowStyle(rowIndex),\n          },\n          subColumns.map((column, cellIndex) => {\n            if (column.rowSpan > rowSpan) {\n              rowSpan = column.rowSpan\n            }\n            const _class = getHeaderCellClass(\n              rowIndex,\n              cellIndex,\n              subColumns,\n              column\n            )\n            if (isTableLayoutAuto && column.fixed) {\n              saveIndexSelection.set(_class, column)\n            }\n            return h(\n              'th',\n              {\n                class: _class,\n                colspan: column.colSpan,\n                key: `${column.id}-thead`,\n                rowspan: column.rowSpan,\n                scope: column.colSpan > 1 ? 'colgroup' : 'col',\n                ariaSort: column.sortable ? column.order : undefined,\n                style: getHeaderCellStyle(\n                  rowIndex,\n                  cellIndex,\n                  subColumns,\n                  column\n                ),\n                onClick: ($event: PointerEvent) => {\n                  if (\n                    ($event.currentTarget as Element)?.classList.contains(\n                      'noclick'\n                    )\n                  ) {\n                    return\n                  }\n                  handleHeaderClick($event, column)\n                },\n                onContextmenu: ($event: PointerEvent) =>\n                  handleHeaderContextMenu($event, column),\n                onMousedown: ($event: MouseEvent) =>\n                  handleMouseDown($event, column),\n                onMousemove: ($event: MouseEvent) =>\n                  handleMouseMove($event, column),\n                onMouseout: handleMouseOut,\n              },\n              [\n                h(\n                  'div',\n                  {\n                    class: [\n                      'cell',\n                      column.filteredValue && column.filteredValue.length > 0\n                        ? 'highlight'\n                        : '',\n                    ],\n                  },\n                  [\n                    column.renderHeader\n                      ? column.renderHeader({\n                          column,\n                          $index: cellIndex,\n                          store,\n                          _self: $parent,\n                        })\n                      : column.label,\n                    column.sortable &&\n                      h(\n                        'button',\n                        {\n                          type: 'button',\n                          class: 'caret-wrapper',\n                          'aria-label': t('el.table.sortLabel', {\n                            column: column.label || '',\n                          }),\n                          onClick: ($event: Event) =>\n                            handleSortClick($event, column),\n                        },\n                        [\n                          h('i', {\n                            onClick: ($event: Event) =>\n                              handleSortClick($event, column, 'ascending'),\n                            class: 'sort-caret ascending',\n                          }),\n                          h('i', {\n                            onClick: ($event: Event) =>\n                              handleSortClick($event, column, 'descending'),\n                            class: 'sort-caret descending',\n                          }),\n                        ]\n                      ),\n                    column.filterable &&\n                      h(\n                        FilterPanel as any,\n                        {\n                          store,\n                          placement: column.filterPlacement || 'bottom-start',\n                          appendTo: ($parent as any)?.appendFilterPanelTo,\n                          column,\n                          upDataColumn: (key: never, value: never) => {\n                            column[key] = value\n                          },\n                        },\n                        {\n                          'filter-icon': () =>\n                            column.renderFilterIcon\n                              ? column.renderFilterIcon({\n                                  filterOpened: column.filterOpened,\n                                })\n                              : null,\n                        }\n                      ),\n                  ]\n                ),\n              ]\n            )\n          })\n        )\n      )\n    )\n  },\n})\n"],"mappings":"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"}
+{"version":3,"file":"index.js","names":["TABLE_INJECTION_KEY","useNamespace","useLayoutObserver","useEvent","useStyle","useUtils","useLocale","FilterPanel"],"sources":["../../../../../../../packages/components/table/src/table-header/index.ts"],"sourcesContent":["import {\n  defineComponent,\n  getCurrentInstance,\n  h,\n  inject,\n  nextTick,\n  onBeforeUnmount,\n  onMounted,\n  reactive,\n  ref,\n  watch,\n} from 'vue'\nimport ElCheckbox from '@element-plus/components/checkbox'\nimport { useNamespace } from '@element-plus/hooks'\nimport { useLocale } from '@element-plus/hooks/use-locale'\nimport FilterPanel from '../filter-panel.vue'\nimport useLayoutObserver from '../layout-observer'\nimport { TABLE_INJECTION_KEY } from '../tokens'\nimport useEvent from './event-helper'\nimport useStyle from './style.helper'\nimport useUtils from './utils-helper'\n\nimport type TableLayout from '../table-layout'\nimport type { ComponentInternalInstance, PropType, Ref } from 'vue'\nimport type { DefaultRow, Sort } from '../table/defaults'\nimport type { Store } from '../store'\n\nexport interface TableHeader extends ComponentInternalInstance {\n  state: {\n    onColumnsChange: (layout: TableLayout<any>) => void\n    onScrollableChange: (layout: TableLayout<any>) => void\n  }\n  filterPanels: Ref<DefaultRow>\n}\nexport interface TableHeaderProps<T extends DefaultRow> {\n  fixed: string\n  store: Store<T>\n  border: boolean\n  defaultSort: Sort\n  allowDragLastColumn: boolean\n}\n\nexport default defineComponent({\n  name: 'ElTableHeader',\n  components: {\n    ElCheckbox,\n  },\n  props: {\n    fixed: {\n      type: String,\n      default: '',\n    },\n    store: {\n      required: true,\n      type: Object as PropType<TableHeaderProps<any>['store']>,\n    },\n    border: Boolean,\n    defaultSort: {\n      type: Object as PropType<TableHeaderProps<any>['defaultSort']>,\n      default: () => {\n        return {\n          prop: '',\n          order: '',\n        }\n      },\n    },\n    appendFilterPanelTo: {\n      type: String,\n    },\n    allowDragLastColumn: {\n      type: Boolean,\n    },\n  },\n  setup(props, { emit }) {\n    const instance = getCurrentInstance() as TableHeader\n    const parent = inject(TABLE_INJECTION_KEY)\n    const ns = useNamespace('table')\n    const filterPanels = ref({})\n    const { onColumnsChange, onScrollableChange } = useLayoutObserver(parent!)\n\n    const isTableLayoutAuto = parent?.props.tableLayout === 'auto'\n    const saveIndexSelection = reactive(new Map())\n    const theadRef = ref()\n\n    let delayId: ReturnType<typeof setTimeout> | undefined\n    const updateFixedColumnStyle = () => {\n      if (delayId) {\n        clearTimeout(delayId)\n        delayId = undefined\n      }\n      delayId = setTimeout(() => {\n        delayId = undefined\n        const thead = theadRef.value\n        if (thead && saveIndexSelection.size > 0) {\n          saveIndexSelection.forEach((column, key) => {\n            const el = thead.querySelector(`.${key.replace(/\\s/g, '.')}`)\n            if (el) {\n              const width = el.getBoundingClientRect().width\n              column.width = width || column.width\n            }\n          })\n          saveIndexSelection.clear()\n        }\n      })\n    }\n\n    watch(saveIndexSelection, updateFixedColumnStyle)\n    onBeforeUnmount(() => {\n      if (delayId) {\n        clearTimeout(delayId)\n        delayId = undefined\n      }\n    })\n\n    onMounted(async () => {\n      // Need double await, because updateColumns is executed after nextTick for now\n      await nextTick()\n      await nextTick()\n      const { prop, order } = props.defaultSort\n      parent?.store.commit('sort', { prop, order, init: true })\n\n      updateFixedColumnStyle()\n    })\n\n    const {\n      handleHeaderClick,\n      handleHeaderContextMenu,\n      handleMouseDown,\n      handleMouseMove,\n      handleMouseOut,\n      handleSortClick,\n      handleFilterClick,\n    } = useEvent(props as TableHeaderProps<any>, emit)\n    const {\n      getHeaderRowStyle,\n      getHeaderRowClass,\n      getHeaderCellStyle,\n      getHeaderCellClass,\n    } = useStyle(props as TableHeaderProps<any>)\n    const { isGroup, toggleAllSelection, columnRows } = useUtils(\n      props as TableHeaderProps<any>\n    )\n\n    const { t } = useLocale()\n\n    instance.state = {\n      onColumnsChange,\n      onScrollableChange,\n    }\n    instance.filterPanels = filterPanels\n\n    return {\n      ns,\n      t,\n      filterPanels,\n      onColumnsChange,\n      onScrollableChange,\n      columnRows,\n      getHeaderRowClass,\n      getHeaderRowStyle,\n      getHeaderCellClass,\n      getHeaderCellStyle,\n      handleHeaderClick,\n      handleHeaderContextMenu,\n      handleMouseDown,\n      handleMouseMove,\n      handleMouseOut,\n      handleSortClick,\n      handleFilterClick,\n      isGroup,\n      toggleAllSelection,\n      saveIndexSelection,\n      isTableLayoutAuto,\n      theadRef,\n      updateFixedColumnStyle,\n    }\n  },\n  render() {\n    const {\n      ns,\n      t,\n      isGroup,\n      columnRows,\n      getHeaderCellStyle,\n      getHeaderCellClass,\n      getHeaderRowClass,\n      getHeaderRowStyle,\n      handleHeaderClick,\n      handleHeaderContextMenu,\n      handleMouseDown,\n      handleMouseMove,\n      handleSortClick,\n      handleMouseOut,\n      store,\n      $parent,\n      saveIndexSelection,\n      isTableLayoutAuto,\n    } = this\n    let rowSpan = 1\n    return h(\n      'thead',\n      {\n        ref: 'theadRef',\n        class: ns.is('group', isGroup),\n      },\n      columnRows.map((subColumns, rowIndex) =>\n        h(\n          'tr',\n          {\n            class: getHeaderRowClass(rowIndex),\n            key: rowIndex,\n            style: getHeaderRowStyle(rowIndex),\n          },\n          subColumns.map((column, cellIndex) => {\n            if (column.rowSpan > rowSpan) {\n              rowSpan = column.rowSpan\n            }\n            const _class = getHeaderCellClass(\n              rowIndex,\n              cellIndex,\n              subColumns,\n              column\n            )\n            if (isTableLayoutAuto && column.fixed) {\n              saveIndexSelection.set(_class, column)\n            }\n            return h(\n              'th',\n              {\n                class: _class,\n                colspan: column.colSpan,\n                key: `${column.id}-thead`,\n                rowspan: column.rowSpan,\n                scope: column.colSpan > 1 ? 'colgroup' : 'col',\n                ariaSort: column.sortable ? column.order : undefined,\n                style: getHeaderCellStyle(\n                  rowIndex,\n                  cellIndex,\n                  subColumns,\n                  column\n                ),\n                onClick: ($event: PointerEvent) => {\n                  if (\n                    ($event.currentTarget as Element)?.classList.contains(\n                      'noclick'\n                    )\n                  ) {\n                    return\n                  }\n                  handleHeaderClick($event, column)\n                },\n                onContextmenu: ($event: PointerEvent) =>\n                  handleHeaderContextMenu($event, column),\n                onMousedown: ($event: MouseEvent) =>\n                  handleMouseDown($event, column),\n                onMousemove: ($event: MouseEvent) =>\n                  handleMouseMove($event, column),\n                onMouseout: handleMouseOut,\n              },\n              [\n                h(\n                  'div',\n                  {\n                    class: [\n                      'cell',\n                      column.filteredValue && column.filteredValue.length > 0\n                        ? 'highlight'\n                        : '',\n                    ],\n                  },\n                  [\n                    column.renderHeader\n                      ? column.renderHeader({\n                          column,\n                          $index: cellIndex,\n                          store,\n                          _self: $parent,\n                        })\n                      : column.label,\n                    column.sortable &&\n                      h(\n                        'button',\n                        {\n                          type: 'button',\n                          class: 'caret-wrapper',\n                          'aria-label': t('el.table.sortLabel', {\n                            column: column.label || '',\n                          }),\n                          onClick: ($event: Event) =>\n                            handleSortClick($event, column),\n                        },\n                        [\n                          h('i', {\n                            onClick: ($event: Event) =>\n                              handleSortClick($event, column, 'ascending'),\n                            class: 'sort-caret ascending',\n                          }),\n                          h('i', {\n                            onClick: ($event: Event) =>\n                              handleSortClick($event, column, 'descending'),\n                            class: 'sort-caret descending',\n                          }),\n                        ]\n                      ),\n                    column.filterable &&\n                      h(\n                        FilterPanel as any,\n                        {\n                          store,\n                          placement: column.filterPlacement || 'bottom-start',\n                          appendTo: ($parent as any)?.appendFilterPanelTo,\n                          column,\n                          upDataColumn: (key: never, value: never) => {\n                            column[key] = value\n                          },\n                        },\n                        {\n                          'filter-icon': () =>\n                            column.renderFilterIcon\n                              ? column.renderFilterIcon({\n                                  filterOpened: column.filterOpened,\n                                })\n                              : null,\n                        }\n                      ),\n                  ]\n                ),\n              ]\n            )\n          })\n        )\n      )\n    )\n  },\n})\n"],"mappings":"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"}

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

@@ -15,8 +15,8 @@ declare const __VLS_export: <T extends DefaultRow = DefaultRow>(__VLS_props: Non
       scrollLeft: number;
       scrollTop: number;
     }) => any) | undefined;
-    onSelect?: ((selection: T[], row: T) => any) | undefined;
     "onSelect-all"?: ((selection: T[]) => any) | undefined;
+    onSelect?: ((selection: T[], row: T) => any) | undefined;
     "onExpand-change"?: ((row: T, expanded: boolean) => any) | undefined;
     "onCurrent-change"?: ((currentRow: T | null, oldCurrentRow: T | null) => any) | undefined;
     "onSelection-change"?: ((newSelection: T[]) => any) | undefined;
@@ -693,8 +693,8 @@ declare const __VLS_export: <T extends DefaultRow = DefaultRow>(__VLS_props: Non
     computedSumText: _$vue.ComputedRef<string>;
     computedEmptyText: _$vue.ComputedRef<string>;
     computedTooltipEffect: _$vue.ComputedRef<string | undefined>;
-    computedTooltipOptions: _$vue.ComputedRef<Partial<Omit<UseTooltipProps, "content" | "autoClose" | "referenceEl" | "triggerTargetEl" | "visible" | "virtualTriggering" | "rawContent" | "persistent" | "virtualRef">> | undefined>;
-    tableLayout: _$vue.ComputedRef<"fixed" | "auto">;
+    computedTooltipOptions: _$vue.ComputedRef<Partial<Omit<UseTooltipProps, "autoClose" | "referenceEl" | "triggerTargetEl" | "visible" | "virtualTriggering" | "content" | "rawContent" | "persistent" | "virtualRef">> | undefined>;
+    tableLayout: _$vue.ComputedRef<"auto" | "fixed">;
     scrollbarViewStyle: {
       display: string;
       verticalAlign: string;

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

@@ -329,7 +329,6 @@ declare const TableV2: _$vue.DefineComponent<_$vue.ExtractPropTypes<{
   readonly cache: number;
   readonly rowKey: EpPropMergeType<(new (...args: any[]) => string | number | symbol) | (() => KeyType) | (((new (...args: any[]) => string | number | symbol) | (() => KeyType)) | null)[], unknown, unknown>;
   readonly headerHeight: EpPropMergeType<(new (...args: any[]) => number | number[]) | (() => number | number[]) | (((new (...args: any[]) => number | number[]) | (() => number | number[])) | null)[], unknown, unknown>;
-  readonly sortBy: SortBy;
   readonly estimatedRowHeight: number;
   readonly rowHeight: number;
   readonly hScrollbarSize: number;
@@ -337,6 +336,7 @@ declare const TableV2: _$vue.DefineComponent<_$vue.ExtractPropTypes<{
   readonly footerHeight: number;
   readonly indentSize: number;
   readonly iconSize: number;
+  readonly sortBy: SortBy;
   readonly sortState: SortState;
   readonly expandedRowKeys: KeyType[];
   readonly defaultExpandedRowKeys: KeyType[];

package/lib/components/tabs/src/tab-pane.vue.d.ts

@@ -7,8 +7,8 @@ type __VLS_Slots = {} & {
   default?: (props: typeof __VLS_1) => any;
 };
 declare const __VLS_base: _$vue.DefineComponent<TabPaneProps, {}, {}, {}, {}, _$vue.ComponentOptionsMixin, _$vue.ComponentOptionsMixin, {}, string, _$vue.PublicProps, Readonly<TabPaneProps> & Readonly<{}>, {
-  label: string;
   closable: boolean;
+  label: string;
 }, {}, {}, {}, string, _$vue.ComponentProvideOptions, false, {}, any>;
 declare const __VLS_export: __VLS_WithSlots<typeof __VLS_base, __VLS_Slots>;
 declare const _default: typeof __VLS_export;

package/lib/components/tabs/src/tabs.d.ts

@@ -24,7 +24,7 @@ declare const tabsProps: {
     __epPropKey: true;
   };
   readonly editable: BooleanConstructor;
-  readonly tabPosition: EpPropFinalized<StringConstructor, "top" | "bottom" | "left" | "right", unknown, "top", boolean>;
+  readonly tabPosition: EpPropFinalized<StringConstructor, "top" | "bottom" | "right" | "left", unknown, "top", boolean>;
   readonly beforeLeave: EpPropFinalized<(new (...args: any[]) => (newName: TabPaneName, oldName: TabPaneName) => Awaitable<void | boolean>) | (() => (newName: TabPaneName, oldName: TabPaneName) => Awaitable<void | boolean>) | {
     (): (newName: TabPaneName, oldName: TabPaneName) => Awaitable<void | boolean>;
     new (): any;
@@ -66,7 +66,7 @@ declare const Tabs: _$vue.DefineComponent<ExtractPropTypes<{
     __epPropKey: true;
   };
   readonly editable: BooleanConstructor;
-  readonly tabPosition: EpPropFinalized<StringConstructor, "top" | "bottom" | "left" | "right", unknown, "top", boolean>;
+  readonly tabPosition: EpPropFinalized<StringConstructor, "top" | "bottom" | "right" | "left", unknown, "top", boolean>;
   readonly beforeLeave: EpPropFinalized<(new (...args: any[]) => (newName: TabPaneName, oldName: TabPaneName) => Awaitable<void | boolean>) | (() => (newName: TabPaneName, oldName: TabPaneName) => Awaitable<void | boolean>) | {
     (): (newName: TabPaneName, oldName: TabPaneName) => Awaitable<void | boolean>;
     new (): any;
@@ -102,7 +102,7 @@ declare const Tabs: _$vue.DefineComponent<ExtractPropTypes<{
     __epPropKey: true;
   };
   readonly editable: BooleanConstructor;
-  readonly tabPosition: EpPropFinalized<StringConstructor, "top" | "bottom" | "left" | "right", unknown, "top", boolean>;
+  readonly tabPosition: EpPropFinalized<StringConstructor, "top" | "bottom" | "right" | "left", unknown, "top", boolean>;
   readonly beforeLeave: EpPropFinalized<(new (...args: any[]) => (newName: TabPaneName, oldName: TabPaneName) => Awaitable<void | boolean>) | (() => (newName: TabPaneName, oldName: TabPaneName) => Awaitable<void | boolean>) | {
     (): (newName: TabPaneName, oldName: TabPaneName) => Awaitable<void | boolean>;
     new (): any;
@@ -133,18 +133,18 @@ declare const Tabs: _$vue.DefineComponent<ExtractPropTypes<{
     isClosable: boolean;
     isFocusInsidePane: () => boolean | undefined;
   }, ev: Event) => any) | undefined;
+  onTabRemove?: ((name: TabPaneName) => any) | undefined;
   onTabChange?: ((name: TabPaneName) => any) | undefined;
   onEdit?: ((paneName: TabPaneName | undefined, action: "add" | "remove") => any) | undefined;
-  onTabRemove?: ((name: TabPaneName) => any) | undefined;
   onTabAdd?: (() => any) | undefined;
 }>, {
   readonly type: EpPropMergeType<StringConstructor, "" | "card" | "border-card", unknown>;
   readonly closable: boolean;
   readonly tabindex: EpPropMergeType<readonly [StringConstructor, NumberConstructor], unknown, unknown>;
   readonly stretch: boolean;
-  readonly editable: boolean;
-  readonly tabPosition: EpPropMergeType<StringConstructor, "top" | "bottom" | "left" | "right", unknown>;
   readonly beforeLeave: (newName: TabPaneName, oldName: TabPaneName) => Awaitable<void | boolean>;
+  readonly editable: boolean;
+  readonly tabPosition: EpPropMergeType<StringConstructor, "top" | "bottom" | "right" | "left", unknown>;
   readonly addable: boolean;
 }, {}, {}, {}, string, _$vue.ComponentProvideOptions, true, {}, any>;
 type TabsInstance = InstanceType<typeof Tabs> & {

package/lib/components/tag/src/tag.d.ts

@@ -43,7 +43,7 @@ interface TagProps {
  * @deprecated Removed after 3.0.0, Use `TagProps` instead.
  */
 declare const tagProps: {
-  readonly type: EpPropFinalized<StringConstructor, "primary" | "success" | "warning" | "info" | "danger", unknown, "primary", boolean>;
+  readonly type: EpPropFinalized<StringConstructor, "info" | "primary" | "success" | "warning" | "danger", unknown, "primary", boolean>;
   readonly closable: BooleanConstructor;
   readonly disableTransitions: BooleanConstructor;
   readonly hit: BooleanConstructor;
@@ -54,7 +54,7 @@ declare const tagProps: {
     readonly validator: ((val: unknown) => boolean) | undefined;
     __epPropKey: true;
   };
-  readonly effect: EpPropFinalized<StringConstructor, "plain" | "dark" | "light", unknown, "light", boolean>;
+  readonly effect: EpPropFinalized<StringConstructor, "light" | "dark" | "plain", unknown, "light", boolean>;
   readonly round: BooleanConstructor;
 };
 /**