@element-plus/nightly 0.0.20260506 → 0.0.20260507

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

@@ -113,8 +113,8 @@ declare const _default: vue.DefineComponent<vue.ExtractPropTypes<{
     type: BooleanConstructor;
   };
 }>> & Readonly<{}>, {
-  border: boolean;
   fixed: string;
+  border: boolean;
   defaultSort: Sort;
   allowDragLastColumn: boolean;
 }, {}, {
@@ -126,10 +126,10 @@ declare const _default: vue.DefineComponent<vue.ExtractPropTypes<{
       "update:modelValue": (val: CheckboxValueType) => void;
       change: (val: CheckboxValueType) => void;
     }, vue.PublicProps, {
+      value: string | boolean | number | object;
       modelValue: number | string | boolean;
       name: string;
       disabled: boolean;
-      value: string | boolean | number | object;
       label: string | boolean | number | object;
       id: string;
       validateEvent: boolean;
@@ -148,10 +148,10 @@ declare const _default: vue.DefineComponent<vue.ExtractPropTypes<{
       "onUpdate:modelValue"?: ((val: CheckboxValueType) => any) | undefined;
       onChange?: ((val: CheckboxValueType) => any) | undefined;
     }>, {}, {}, {}, {}, {
+      value: string | boolean | number | object;
       modelValue: number | string | boolean;
       name: string;
       disabled: boolean;
-      value: string | boolean | number | object;
       label: string | boolean | number | object;
       id: string;
       validateEvent: boolean;
@@ -170,10 +170,10 @@ declare const _default: vue.DefineComponent<vue.ExtractPropTypes<{
     "update:modelValue": (val: CheckboxValueType) => void;
     change: (val: CheckboxValueType) => void;
   }, string, {
+    value: string | boolean | number | object;
     modelValue: number | string | boolean;
     name: string;
     disabled: boolean;
-    value: string | boolean | number | object;
     label: string | boolean | number | object;
     id: string;
     validateEvent: boolean;
@@ -200,7 +200,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;

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

@@ -29,7 +29,7 @@ declare const __VLS_export: vue.DefineComponent<vue.ExtractPropTypes<{
     default: () => never[];
   };
   size: {
-    readonly type: vue.PropType<EpPropMergeType<StringConstructor, "" | "default" | "large" | "small", never>>;
+    readonly type: vue.PropType<EpPropMergeType<StringConstructor, "" | "small" | "default" | "large", never>>;
     readonly required: false;
     readonly validator: ((val: unknown) => boolean) | undefined;
     __epPropKey: true;
@@ -98,7 +98,7 @@ declare const __VLS_export: vue.DefineComponent<vue.ExtractPropTypes<{
     default: string;
   };
   tableLayout: {
-    type: vue.PropType<"auto" | "fixed">;
+    type: vue.PropType<"fixed" | "auto">;
     default: string;
   };
   scrollbarAlwaysOn: BooleanConstructor;
@@ -689,7 +689,7 @@ declare const __VLS_export: vue.DefineComponent<vue.ExtractPropTypes<{
   handleHeaderFooterMousewheel: (_event: WheelEvent, data: any) => void;
   handleMouseLeave: () => void;
   tableId: string;
-  tableSize: vue.ComputedRef<"" | "default" | "large" | "small">;
+  tableSize: vue.ComputedRef<"" | "small" | "default" | "large">;
   isHidden: vue.Ref<boolean, boolean>;
   isEmpty: vue.ComputedRef<boolean>;
   renderExpanded: vue.Ref<RenderExpanded<any> | null, RenderExpanded<any> | null>;
@@ -767,8 +767,8 @@ declare const __VLS_export: vue.DefineComponent<vue.ExtractPropTypes<{
   computedSumText: vue.ComputedRef<string>;
   computedEmptyText: vue.ComputedRef<string>;
   computedTooltipEffect: vue.ComputedRef<string | undefined>;
-  computedTooltipOptions: vue.ComputedRef<Partial<Pick<UseTooltipProps, "offset" | "appendTo" | "effect" | "enterable" | "popperClass" | "placement" | "popperOptions" | "showArrow" | "transition" | "showAfter" | "hideAfter">> | undefined>;
-  tableLayout: vue.ComputedRef<"auto" | "fixed">;
+  computedTooltipOptions: vue.ComputedRef<Partial<Pick<UseTooltipProps, "offset" | "popperClass" | "appendTo" | "effect" | "enterable" | "placement" | "popperOptions" | "transition" | "showArrow" | "showAfter" | "hideAfter">> | undefined>;
+  tableLayout: vue.ComputedRef<"fixed" | "auto">;
   scrollbarViewStyle: {
     display: string;
     verticalAlign: string;
@@ -806,7 +806,7 @@ declare const __VLS_export: vue.DefineComponent<vue.ExtractPropTypes<{
     default: () => never[];
   };
   size: {
-    readonly type: vue.PropType<EpPropMergeType<StringConstructor, "" | "default" | "large" | "small", never>>;
+    readonly type: vue.PropType<EpPropMergeType<StringConstructor, "" | "small" | "default" | "large", never>>;
     readonly required: false;
     readonly validator: ((val: unknown) => boolean) | undefined;
     __epPropKey: true;
@@ -875,7 +875,7 @@ declare const __VLS_export: vue.DefineComponent<vue.ExtractPropTypes<{
     default: string;
   };
   tableLayout: {
-    type: vue.PropType<"auto" | "fixed">;
+    type: vue.PropType<"fixed" | "auto">;
     default: string;
   };
   scrollbarAlwaysOn: BooleanConstructor;
@@ -922,23 +922,23 @@ declare const __VLS_export: vue.DefineComponent<vue.ExtractPropTypes<{
   data: any[];
   style: vue.StyleValue;
   scrollbarAlwaysOn: boolean;
-  tableLayout: "auto" | "fixed";
+  tableLayout: "fixed" | "auto";
   fit: boolean;
   lazy: boolean;
-  allowDragLastColumn: boolean;
+  indent: number;
+  defaultExpandAll: boolean;
   stripe: boolean;
-  treeProps: TreeProps | undefined;
-  showOverflowTooltip: boolean | Partial<Pick<UseTooltipProps, "offset" | "appendTo" | "effect" | "enterable" | "popperClass" | "placement" | "popperOptions" | "showArrow" | "transition" | "showAfter" | "hideAfter">> | undefined;
   showHeader: boolean;
   showSummary: boolean;
   highlightCurrentRow: boolean;
-  defaultExpandAll: boolean;
   selectOnIndeterminate: boolean;
-  indent: number;
+  treeProps: TreeProps | undefined;
   flexible: boolean;
+  showOverflowTooltip: boolean | Partial<Pick<UseTooltipProps, "offset" | "popperClass" | "appendTo" | "effect" | "enterable" | "placement" | "popperOptions" | "transition" | "showArrow" | "showAfter" | "hideAfter">> | undefined;
   scrollbarTabindex: string | number;
-  preserveExpandedContent: boolean;
   nativeScrollbar: boolean;
+  allowDragLastColumn: boolean;
+  preserveExpandedContent: boolean;
 }, {}, {
   TableHeader: vue.DefineComponent<vue.ExtractPropTypes<{
     fixed: {
@@ -1028,8 +1028,8 @@ declare const __VLS_export: vue.DefineComponent<vue.ExtractPropTypes<{
       type: BooleanConstructor;
     };
   }>> & Readonly<{}>, {
-    border: boolean;
     fixed: string;
+    border: boolean;
     defaultSort: Sort;
     allowDragLastColumn: boolean;
   }, {}, {
@@ -1041,10 +1041,10 @@ declare const __VLS_export: vue.DefineComponent<vue.ExtractPropTypes<{
         "update:modelValue": (val: CheckboxValueType) => void;
         change: (val: CheckboxValueType) => void;
       }, vue.PublicProps, {
+        value: string | boolean | number | object;
         modelValue: number | string | boolean;
         name: string;
         disabled: boolean;
-        value: string | boolean | number | object;
         label: string | boolean | number | object;
         id: string;
         validateEvent: boolean;
@@ -1063,10 +1063,10 @@ declare const __VLS_export: vue.DefineComponent<vue.ExtractPropTypes<{
         "onUpdate:modelValue"?: ((val: CheckboxValueType) => any) | undefined;
         onChange?: ((val: CheckboxValueType) => any) | undefined;
       }>, {}, {}, {}, {}, {
+        value: string | boolean | number | object;
         modelValue: number | string | boolean;
         name: string;
         disabled: boolean;
-        value: string | boolean | number | object;
         label: string | boolean | number | object;
         id: string;
         validateEvent: boolean;
@@ -1085,10 +1085,10 @@ declare const __VLS_export: vue.DefineComponent<vue.ExtractPropTypes<{
       "update:modelValue": (val: CheckboxValueType) => void;
       change: (val: CheckboxValueType) => void;
     }, string, {
+      value: string | boolean | number | object;
       modelValue: number | string | boolean;
       name: string;
       disabled: boolean;
-      value: string | boolean | number | object;
       label: string | boolean | number | object;
       id: string;
       validateEvent: boolean;
@@ -1115,7 +1115,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;
@@ -1271,8 +1271,8 @@ declare const __VLS_export: vue.DefineComponent<vue.ExtractPropTypes<{
       };
     };
   }>> & Readonly<{}>, {
-    border: boolean;
     fixed: string;
+    border: boolean;
     defaultSort: Sort;
   }, {}, {}, {}, string, vue.ComponentProvideOptions, true, {}, any>;
   ElScrollbar: SFCWithInstall<{
@@ -1300,10 +1300,10 @@ declare const __VLS_export: vue.DefineComponent<vue.ExtractPropTypes<{
       "end-reached": (direction: ScrollbarDirection) => void;
     }, vue.PublicProps, {
       height: number | string;
-      tabindex: number | string;
-      maxHeight: number | string;
       tag: keyof HTMLElementTagNameMap | (string & {});
+      tabindex: number | string;
       distance: number;
+      maxHeight: number | string;
       wrapStyle: string | false | vue.CSSProperties | vue.StyleValue[] | null;
       wrapClass: string | string[];
       viewClass: string | string[];
@@ -1334,10 +1334,10 @@ declare const __VLS_export: vue.DefineComponent<vue.ExtractPropTypes<{
       handleScroll: () => void;
     }, {}, {}, {}, {
       height: number | string;
-      tabindex: number | string;
-      maxHeight: number | string;
       tag: keyof HTMLElementTagNameMap | (string & {});
+      tabindex: number | string;
       distance: number;
+      maxHeight: number | string;
       wrapStyle: string | false | vue.CSSProperties | vue.StyleValue[] | null;
       wrapClass: string | string[];
       viewClass: string | string[];
@@ -1371,10 +1371,10 @@ declare const __VLS_export: vue.DefineComponent<vue.ExtractPropTypes<{
     "end-reached": (direction: ScrollbarDirection) => void;
   }, string, {
     height: number | string;
-    tabindex: number | string;
-    maxHeight: number | string;
     tag: keyof HTMLElementTagNameMap | (string & {});
+    tabindex: number | string;
     distance: number;
+    maxHeight: number | string;
     wrapStyle: string | false | vue.CSSProperties | vue.StyleValue[] | null;
     wrapClass: string | string[];
     viewClass: string | string[];

package/lib/components/table/src/table.vue_vue_type_script_lang.js

@@ -1,9 +1,9 @@
 const require_runtime = require('../../../_virtual/_rolldown/runtime.js');
-const require_index = require('../../../directives/mousewheel/index.js');
-const require_index$1 = require('../../../hooks/use-locale/index.js');
-const require_index$2 = require('../../../hooks/use-namespace/index.js');
-const require_index$3 = require('../../scrollbar/index.js');
+const require_index = require('../../../hooks/use-locale/index.js');
+const require_index$1 = require('../../../hooks/use-namespace/index.js');
+const require_index$2 = require('../../scrollbar/index.js');
 const require_use_global_config = require('../../config-provider/src/hooks/use-global-config.js');
+const require_index$3 = require('../../../directives/mousewheel/index.js');
 const require_helper = require('./store/helper.js');
 const require_table_layout = require('./table-layout.js');
 const require_tokens = require('./tokens.js');
@@ -24,12 +24,12 @@ let vue = require("vue");
 let tableIdSeed = 1;
 var table_vue_vue_type_script_lang_default = (0, vue.defineComponent)({
 	name: "ElTable",
-	directives: { Mousewheel: require_index.default },
+	directives: { Mousewheel: require_index$3.default },
 	components: {
 		TableHeader: require_index$4.default,
 		TableBody: require_index$5.default,
 		TableFooter: require_index$6.default,
-		ElScrollbar: require_index$3.ElScrollbar,
+		ElScrollbar: require_index$2.ElScrollbar,
 		hColgroup: require_h_helper.hColgroup
 	},
 	props: require_defaults.default,
@@ -55,8 +55,8 @@ var table_vue_vue_type_script_lang_default = (0, vue.defineComponent)({
 		"scroll"
 	],
 	setup(props) {
-		const { t } = require_index$1.useLocale();
-		const ns = require_index$2.useNamespace("table");
+		const { t } = require_index.useLocale();
+		const ns = require_index$1.useNamespace("table");
 		const globalConfig = require_use_global_config.useGlobalConfig("table");
 		const table = (0, vue.getCurrentInstance)();
 		(0, vue.provide)(require_tokens.TABLE_INJECTION_KEY, table);

package/lib/components/table/src/table.vue_vue_type_script_lang.js.map

@@ -1 +1 @@
-{"version":3,"file":"table.vue_vue_type_script_lang.js","names":[],"sources":["../../../../../../packages/components/table/src/table.vue"],"sourcesContent":["<template>\n  <div\n    ref=\"tableWrapper\"\n    :class=\"[\n      {\n        [ns.m('fit')]: fit,\n        [ns.m('striped')]: stripe,\n        [ns.m('border')]: border || isGroup,\n        [ns.m('hidden')]: isHidden,\n        [ns.m('group')]: isGroup,\n        [ns.m('fluid-height')]: maxHeight,\n        [ns.m('scrollable-x')]: layout.scrollX.value,\n        [ns.m('scrollable-y')]: layout.scrollY.value,\n        [ns.m('enable-row-hover')]: !store.states.isComplex.value,\n        [ns.m('enable-row-transition')]:\n          (store.states.data.value || []).length !== 0 &&\n          (store.states.data.value || []).length < 100,\n        'has-footer': showSummary,\n      },\n      ns.m(tableSize),\n      className,\n      ns.b(),\n      ns.m(`layout-${tableLayout}`),\n    ]\"\n    :style=\"style\"\n    :data-prefix=\"ns.namespace.value\"\n    @mouseleave=\"handleMouseLeave\"\n  >\n    <div ref=\"tableInnerWrapper\" :class=\"ns.e('inner-wrapper')\">\n      <div ref=\"hiddenColumns\" class=\"hidden-columns\">\n        <slot />\n      </div>\n      <div\n        v-if=\"showHeader && tableLayout === 'fixed'\"\n        ref=\"headerWrapper\"\n        v-mousewheel=\"handleHeaderFooterMousewheel\"\n        :class=\"ns.e('header-wrapper')\"\n      >\n        <table\n          ref=\"tableHeader\"\n          :class=\"ns.e('header')\"\n          :style=\"tableBodyStyles\"\n          border=\"0\"\n          cellpadding=\"0\"\n          cellspacing=\"0\"\n        >\n          <hColgroup\n            :columns=\"store.states.columns.value\"\n            :table-layout=\"tableLayout\"\n          />\n          <table-header\n            ref=\"tableHeaderRef\"\n            :border=\"border\"\n            :default-sort=\"defaultSort\"\n            :store=\"store\"\n            :append-filter-panel-to=\"appendFilterPanelTo\"\n            :allow-drag-last-column=\"allowDragLastColumn\"\n            @set-drag-visible=\"setDragVisible\"\n          />\n        </table>\n      </div>\n      <div ref=\"bodyWrapper\" :class=\"ns.e('body-wrapper')\">\n        <el-scrollbar\n          ref=\"scrollBarRef\"\n          :view-style=\"scrollbarViewStyle\"\n          :wrap-style=\"scrollbarStyle\"\n          :always=\"scrollbarAlwaysOn\"\n          :tabindex=\"scrollbarTabindex\"\n          :native=\"nativeScrollbar\"\n          @scroll=\"$emit('scroll', $event)\"\n        >\n          <table\n            ref=\"tableBody\"\n            :class=\"ns.e('body')\"\n            cellspacing=\"0\"\n            cellpadding=\"0\"\n            border=\"0\"\n            :style=\"{\n              width: bodyWidth,\n              tableLayout,\n            }\"\n          >\n            <hColgroup\n              :columns=\"store.states.columns.value\"\n              :table-layout=\"tableLayout\"\n            />\n            <table-header\n              v-if=\"showHeader && tableLayout === 'auto'\"\n              ref=\"tableHeaderRef\"\n              :class=\"ns.e('body-header')\"\n              :border=\"border\"\n              :default-sort=\"defaultSort\"\n              :store=\"store\"\n              :append-filter-panel-to=\"appendFilterPanelTo\"\n              @set-drag-visible=\"setDragVisible\"\n            />\n            <table-body\n              :context=\"context\"\n              :highlight=\"highlightCurrentRow\"\n              :row-class-name=\"rowClassName\"\n              :tooltip-effect=\"computedTooltipEffect\"\n              :tooltip-options=\"computedTooltipOptions\"\n              :row-style=\"rowStyle\"\n              :store=\"store\"\n              :stripe=\"stripe\"\n            />\n            <table-footer\n              v-if=\"showSummary && tableLayout === 'auto'\"\n              :class=\"ns.e('body-footer')\"\n              :border=\"border\"\n              :default-sort=\"defaultSort\"\n              :store=\"store\"\n              :sum-text=\"computedSumText\"\n              :summary-method=\"summaryMethod\"\n            />\n          </table>\n          <div\n            v-if=\"isEmpty\"\n            ref=\"emptyBlock\"\n            :style=\"emptyBlockStyle\"\n            :class=\"ns.e('empty-block')\"\n          >\n            <span :class=\"ns.e('empty-text')\">\n              <slot name=\"empty\">{{ computedEmptyText }}</slot>\n            </span>\n          </div>\n          <div\n            v-if=\"$slots.append\"\n            ref=\"appendWrapper\"\n            :class=\"ns.e('append-wrapper')\"\n          >\n            <slot name=\"append\" />\n          </div>\n        </el-scrollbar>\n      </div>\n      <div\n        v-if=\"showSummary && tableLayout === 'fixed'\"\n        v-show=\"!isEmpty\"\n        ref=\"footerWrapper\"\n        v-mousewheel=\"handleHeaderFooterMousewheel\"\n        :class=\"ns.e('footer-wrapper')\"\n      >\n        <table\n          :class=\"ns.e('footer')\"\n          cellspacing=\"0\"\n          cellpadding=\"0\"\n          border=\"0\"\n          :style=\"tableBodyStyles\"\n        >\n          <hColgroup\n            :columns=\"store.states.columns.value\"\n            :table-layout=\"tableLayout\"\n          />\n          <table-footer\n            :border=\"border\"\n            :default-sort=\"defaultSort\"\n            :store=\"store\"\n            :sum-text=\"computedSumText\"\n            :summary-method=\"summaryMethod\"\n          />\n        </table>\n      </div>\n      <div v-if=\"border || isGroup\" :class=\"ns.e('border-left-patch')\" />\n    </div>\n    <div\n      v-show=\"resizeProxyVisible\"\n      ref=\"resizeProxy\"\n      :class=\"ns.e('column-resize-proxy')\"\n    />\n  </div>\n</template>\n\n<script lang=\"ts\">\nimport {\n  computed,\n  defineComponent,\n  getCurrentInstance,\n  onBeforeUnmount,\n  provide,\n} from 'vue'\nimport { debounce } from 'lodash-unified'\nimport { Mousewheel } from '@element-plus/directives'\nimport { useLocale, useNamespace } from '@element-plus/hooks'\nimport { useGlobalConfig } from '@element-plus/components/config-provider'\nimport ElScrollbar from '@element-plus/components/scrollbar'\nimport { createStore } from './store/helper'\nimport TableLayout from './table-layout'\nimport TableHeader from './table-header'\nimport TableBody from './table-body'\nimport TableFooter from './table-footer'\nimport useUtils from './table/utils-helper'\nimport { convertToRows } from './table-header/utils-helper'\nimport useStyle from './table/style-helper'\nimport useKeyRender from './table/key-render-helper'\nimport defaultProps from './table/defaults'\nimport { TABLE_INJECTION_KEY } from './tokens'\nimport { hColgroup } from './h-helper'\nimport { useScrollbar } from './composables/use-scrollbar'\n\nimport type { Table } from './table/defaults'\n\nlet tableIdSeed = 1\nexport default defineComponent({\n  name: 'ElTable',\n  directives: {\n    Mousewheel,\n  },\n  components: {\n    TableHeader,\n    TableBody,\n    TableFooter,\n    ElScrollbar,\n    hColgroup,\n  },\n  props: defaultProps,\n  emits: [\n    'select',\n    'select-all',\n    'selection-change',\n    'cell-mouse-enter',\n    'cell-mouse-leave',\n    'cell-contextmenu',\n    'cell-click',\n    'cell-dblclick',\n    'row-click',\n    'row-contextmenu',\n    'row-dblclick',\n    'header-click',\n    'header-contextmenu',\n    'sort-change',\n    'filter-change',\n    'current-change',\n    'header-dragend',\n    'expand-change',\n    'scroll',\n  ],\n  setup(props) {\n    type Row = (typeof props.data)[number]\n    const { t } = useLocale()\n    const ns = useNamespace('table')\n    const globalConfig = useGlobalConfig('table')\n    const table = getCurrentInstance() as Table<Row>\n    provide(TABLE_INJECTION_KEY, table)\n    const store = createStore<Row>(table, props)\n    table.store = store\n    const layout = new TableLayout<Row>({\n      store: table.store,\n      table,\n      fit: props.fit,\n      showHeader: props.showHeader,\n    })\n    table.layout = layout\n\n    const isEmpty = computed(() => (store.states.data.value || []).length === 0)\n\n    /**\n     * open functions\n     */\n    const {\n      setCurrentRow,\n      getSelectionRows,\n      toggleRowSelection,\n      clearSelection,\n      clearFilter,\n      toggleAllSelection,\n      toggleRowExpansion,\n      clearSort,\n      sort,\n      updateKeyChildren,\n    } = useUtils<Row>(store)\n    const {\n      isHidden,\n      renderExpanded,\n      setDragVisible,\n      isGroup,\n      handleMouseLeave,\n      handleHeaderFooterMousewheel,\n      tableSize,\n      emptyBlockStyle,\n      resizeProxyVisible,\n      bodyWidth,\n      resizeState,\n      doLayout,\n      tableBodyStyles,\n      tableLayout,\n      scrollbarViewStyle,\n      scrollbarStyle,\n    } = useStyle<Row>(props, layout, store, table)\n\n    const { scrollBarRef, scrollTo, setScrollLeft, setScrollTop } =\n      useScrollbar()\n\n    const debouncedUpdateLayout = debounce(doLayout, 50)\n\n    const tableId = `${ns.namespace.value}-table_${tableIdSeed++}`\n    table.tableId = tableId\n    table.state = {\n      isGroup,\n      resizeState,\n      doLayout,\n      debouncedUpdateLayout,\n    }\n    const computedSumText = computed(\n      () => props.sumText ?? t('el.table.sumText')\n    )\n\n    const computedEmptyText = computed(() => {\n      return props.emptyText ?? t('el.table.emptyText')\n    })\n\n    const computedTooltipEffect = computed(\n      () => props.tooltipEffect ?? globalConfig.value?.tooltipEffect\n    )\n\n    const computedTooltipOptions = computed(\n      () => props.tooltipOptions ?? globalConfig.value?.tooltipOptions\n    )\n\n    const columns = computed(() => {\n      return convertToRows(store.states.originColumns.value)[0]\n    })\n\n    useKeyRender(table)\n\n    onBeforeUnmount(() => {\n      debouncedUpdateLayout.cancel()\n    })\n\n    return {\n      ns,\n      layout,\n      store,\n      columns,\n      handleHeaderFooterMousewheel,\n      handleMouseLeave,\n      tableId,\n      tableSize,\n      isHidden,\n      isEmpty,\n      renderExpanded,\n      resizeProxyVisible,\n      resizeState,\n      isGroup,\n      bodyWidth,\n      tableBodyStyles,\n      emptyBlockStyle,\n      debouncedUpdateLayout,\n      /**\n       * @description used in single selection Table, set a certain row selected. If called without any parameter, it will clear selection\n       */\n      setCurrentRow,\n      /**\n       * @description returns the currently selected rows\n       */\n      getSelectionRows,\n      /**\n       * @description used in multiple selection Table, toggle if a certain row is selected. With the second parameter, you can directly set if this row is selected\n       */\n      toggleRowSelection,\n      /**\n       * @description used in multiple selection Table, clear user selection\n       */\n      clearSelection,\n      /**\n       * @description clear filters of the columns whose `columnKey` are passed in. If no params, clear all filters\n       */\n      clearFilter,\n      /**\n       * @description used in multiple selection Table, toggle select all and deselect all\n       */\n      toggleAllSelection,\n      /**\n       * @description used in expandable Table or tree Table, toggle if a certain row is expanded. With the second parameter, you can directly set if this row is expanded or collapsed\n       */\n      toggleRowExpansion,\n      /**\n       * @description clear sorting, restore data to the original order\n       */\n      clearSort,\n      /**\n       * @description refresh the layout of Table. When the visibility of Table changes, you may need to call this method to get a correct layout\n       */\n      doLayout,\n      /**\n       * @description sort Table manually. Property `prop` is used to set sort column, property `order` is used to set sort order\n       */\n      sort,\n      /**\n       * @description used in lazy Table, must set `rowKey`, update key children\n       */\n      updateKeyChildren,\n      t,\n      setDragVisible,\n      context: table,\n      computedSumText,\n      computedEmptyText,\n      computedTooltipEffect,\n      computedTooltipOptions,\n      tableLayout,\n      scrollbarViewStyle,\n      scrollbarStyle,\n      scrollBarRef,\n      /**\n       * @description scrolls to a particular set of coordinates\n       */\n      scrollTo,\n      /**\n       * @description set horizontal scroll position\n       */\n      setScrollLeft,\n      /**\n       * @description set vertical scroll position\n       */\n      setScrollTop,\n      /**\n       * @description whether to allow drag the last column\n       */\n      allowDragLastColumn: props.allowDragLastColumn,\n    }\n  },\n})\n</script>\n"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;AAyMA,IAAI,cAAc;AAClB,sEAA+B;CAC7B,MAAM;CACN,YAAY,EACV,mCACD;CACD,YAAY;EACV;EACA;EACA;EACA;EACA;EACD;CACD,OAAO;CACP,OAAO;EACL;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACD;CACD,MAAM,OAAO;EAEX,MAAM,EAAE,MAAM,2BAAU;EACxB,MAAM,KAAK,6BAAa,QAAO;EAC/B,MAAM,eAAe,0CAAgB,QAAO;EAC5C,MAAM,qCAA2B;AACjC,mBAAQ,oCAAqB,MAAK;EAClC,MAAM,QAAQ,2BAAiB,OAAO,MAAK;AAC3C,QAAM,QAAQ;EACd,MAAM,SAAS,IAAI,6BAAiB;GAClC,OAAO,MAAM;GACb;GACA,KAAK,MAAM;GACX,YAAY,MAAM;GACnB,CAAA;AACD,QAAM,SAAS;EAEf,MAAM,mCAA0B,MAAM,OAAO,KAAK,SAAS,EAAE,EAAE,WAAW,EAAC;;;;EAK3E,MAAM,EACJ,eACA,kBACA,oBACA,gBACA,aACA,oBACA,oBACA,WACA,MACA,sBACE,+BAAc,MAAK;EACvB,MAAM,EACJ,UACA,gBACA,gBACA,SACA,kBACA,8BACA,WACA,iBACA,oBACA,WACA,aACA,UACA,iBACA,aACA,oBACA,mBACE,6BAAc,OAAO,QAAQ,OAAO,MAAK;EAE7C,MAAM,EAAE,cAAc,UAAU,eAAe,iBAC7C,oCAAa;EAEf,MAAM,qDAAiC,UAAU,GAAE;EAEnD,MAAM,UAAU,GAAG,GAAG,UAAU,MAAM,SAAS;AAC/C,QAAM,UAAU;AAChB,QAAM,QAAQ;GACZ;GACA;GACA;GACA;GACF;EACA,MAAM,0CACE,MAAM,WAAW,EAAE,mBAAkB,CAC7C;EAEA,MAAM,4CAAmC;AACvC,UAAO,MAAM,aAAa,EAAE,qBAAoB;IACjD;EAED,MAAM,gDACE,MAAM,iBAAiB,aAAa,OAAO,cACnD;EAEA,MAAM,iDACE,MAAM,kBAAkB,aAAa,OAAO,eACpD;EAEA,MAAM,kCAAyB;AAC7B,UAAO,mCAAc,MAAM,OAAO,cAAc,MAAM,CAAC;IACxD;AAED,oCAAa,MAAK;AAElB,iCAAsB;AACpB,yBAAsB,QAAO;IAC9B;AAED,SAAO;GACL;GACA;GACA;GACA;GACA;GACA;GACA;GACA;GACA;GACA;GACA;GACA;GACA;GACA;GACA;GACA;GACA;GACA;GAIA;GAIA;GAIA;GAIA;GAIA;GAIA;GAIA;GAIA;GAIA;GAIA;GAIA;GACA;GACA;GACA,SAAS;GACT;GACA;GACA;GACA;GACA;GACA;GACA;GACA;GAIA;GAIA;GAIA;GAIA,qBAAqB,MAAM;GAC7B;;CAEH,CAAA"}
+{"version":3,"file":"table.vue_vue_type_script_lang.js","names":[],"sources":["../../../../../../packages/components/table/src/table.vue"],"sourcesContent":["<template>\n  <div\n    ref=\"tableWrapper\"\n    :class=\"[\n      {\n        [ns.m('fit')]: fit,\n        [ns.m('striped')]: stripe,\n        [ns.m('border')]: border || isGroup,\n        [ns.m('hidden')]: isHidden,\n        [ns.m('group')]: isGroup,\n        [ns.m('fluid-height')]: maxHeight,\n        [ns.m('scrollable-x')]: layout.scrollX.value,\n        [ns.m('scrollable-y')]: layout.scrollY.value,\n        [ns.m('enable-row-hover')]: !store.states.isComplex.value,\n        [ns.m('enable-row-transition')]:\n          (store.states.data.value || []).length !== 0 &&\n          (store.states.data.value || []).length < 100,\n        'has-footer': showSummary,\n      },\n      ns.m(tableSize),\n      className,\n      ns.b(),\n      ns.m(`layout-${tableLayout}`),\n    ]\"\n    :style=\"style\"\n    :data-prefix=\"ns.namespace.value\"\n    @mouseleave=\"handleMouseLeave\"\n  >\n    <div ref=\"tableInnerWrapper\" :class=\"ns.e('inner-wrapper')\">\n      <div ref=\"hiddenColumns\" class=\"hidden-columns\">\n        <slot />\n      </div>\n      <div\n        v-if=\"showHeader && tableLayout === 'fixed'\"\n        ref=\"headerWrapper\"\n        v-mousewheel=\"handleHeaderFooterMousewheel\"\n        :class=\"ns.e('header-wrapper')\"\n      >\n        <table\n          ref=\"tableHeader\"\n          :class=\"ns.e('header')\"\n          :style=\"tableBodyStyles\"\n          border=\"0\"\n          cellpadding=\"0\"\n          cellspacing=\"0\"\n        >\n          <hColgroup\n            :columns=\"store.states.columns.value\"\n            :table-layout=\"tableLayout\"\n          />\n          <table-header\n            ref=\"tableHeaderRef\"\n            :border=\"border\"\n            :default-sort=\"defaultSort\"\n            :store=\"store\"\n            :append-filter-panel-to=\"appendFilterPanelTo\"\n            :allow-drag-last-column=\"allowDragLastColumn\"\n            @set-drag-visible=\"setDragVisible\"\n          />\n        </table>\n      </div>\n      <div ref=\"bodyWrapper\" :class=\"ns.e('body-wrapper')\">\n        <el-scrollbar\n          ref=\"scrollBarRef\"\n          :view-style=\"scrollbarViewStyle\"\n          :wrap-style=\"scrollbarStyle\"\n          :always=\"scrollbarAlwaysOn\"\n          :tabindex=\"scrollbarTabindex\"\n          :native=\"nativeScrollbar\"\n          @scroll=\"$emit('scroll', $event)\"\n        >\n          <table\n            ref=\"tableBody\"\n            :class=\"ns.e('body')\"\n            cellspacing=\"0\"\n            cellpadding=\"0\"\n            border=\"0\"\n            :style=\"{\n              width: bodyWidth,\n              tableLayout,\n            }\"\n          >\n            <hColgroup\n              :columns=\"store.states.columns.value\"\n              :table-layout=\"tableLayout\"\n            />\n            <table-header\n              v-if=\"showHeader && tableLayout === 'auto'\"\n              ref=\"tableHeaderRef\"\n              :class=\"ns.e('body-header')\"\n              :border=\"border\"\n              :default-sort=\"defaultSort\"\n              :store=\"store\"\n              :append-filter-panel-to=\"appendFilterPanelTo\"\n              @set-drag-visible=\"setDragVisible\"\n            />\n            <table-body\n              :context=\"context\"\n              :highlight=\"highlightCurrentRow\"\n              :row-class-name=\"rowClassName\"\n              :tooltip-effect=\"computedTooltipEffect\"\n              :tooltip-options=\"computedTooltipOptions\"\n              :row-style=\"rowStyle\"\n              :store=\"store\"\n              :stripe=\"stripe\"\n            />\n            <table-footer\n              v-if=\"showSummary && tableLayout === 'auto'\"\n              :class=\"ns.e('body-footer')\"\n              :border=\"border\"\n              :default-sort=\"defaultSort\"\n              :store=\"store\"\n              :sum-text=\"computedSumText\"\n              :summary-method=\"summaryMethod\"\n            />\n          </table>\n          <div\n            v-if=\"isEmpty\"\n            ref=\"emptyBlock\"\n            :style=\"emptyBlockStyle\"\n            :class=\"ns.e('empty-block')\"\n          >\n            <span :class=\"ns.e('empty-text')\">\n              <slot name=\"empty\">{{ computedEmptyText }}</slot>\n            </span>\n          </div>\n          <div\n            v-if=\"$slots.append\"\n            ref=\"appendWrapper\"\n            :class=\"ns.e('append-wrapper')\"\n          >\n            <slot name=\"append\" />\n          </div>\n        </el-scrollbar>\n      </div>\n      <div\n        v-if=\"showSummary && tableLayout === 'fixed'\"\n        v-show=\"!isEmpty\"\n        ref=\"footerWrapper\"\n        v-mousewheel=\"handleHeaderFooterMousewheel\"\n        :class=\"ns.e('footer-wrapper')\"\n      >\n        <table\n          :class=\"ns.e('footer')\"\n          cellspacing=\"0\"\n          cellpadding=\"0\"\n          border=\"0\"\n          :style=\"tableBodyStyles\"\n        >\n          <hColgroup\n            :columns=\"store.states.columns.value\"\n            :table-layout=\"tableLayout\"\n          />\n          <table-footer\n            :border=\"border\"\n            :default-sort=\"defaultSort\"\n            :store=\"store\"\n            :sum-text=\"computedSumText\"\n            :summary-method=\"summaryMethod\"\n          />\n        </table>\n      </div>\n      <div v-if=\"border || isGroup\" :class=\"ns.e('border-left-patch')\" />\n    </div>\n    <div\n      v-show=\"resizeProxyVisible\"\n      ref=\"resizeProxy\"\n      :class=\"ns.e('column-resize-proxy')\"\n    />\n  </div>\n</template>\n\n<script lang=\"ts\">\nimport {\n  computed,\n  defineComponent,\n  getCurrentInstance,\n  onBeforeUnmount,\n  provide,\n} from 'vue'\nimport { debounce } from 'lodash-unified'\nimport { Mousewheel } from '@element-plus/directives'\nimport { useLocale, useNamespace } from '@element-plus/hooks'\nimport { useGlobalConfig } from '@element-plus/components/config-provider'\nimport ElScrollbar from '@element-plus/components/scrollbar'\nimport { createStore } from './store/helper'\nimport TableLayout from './table-layout'\nimport TableHeader from './table-header'\nimport TableBody from './table-body'\nimport TableFooter from './table-footer'\nimport useUtils from './table/utils-helper'\nimport { convertToRows } from './table-header/utils-helper'\nimport useStyle from './table/style-helper'\nimport useKeyRender from './table/key-render-helper'\nimport defaultProps from './table/defaults'\nimport { TABLE_INJECTION_KEY } from './tokens'\nimport { hColgroup } from './h-helper'\nimport { useScrollbar } from './composables/use-scrollbar'\n\nimport type { Table } from './table/defaults'\n\nlet tableIdSeed = 1\nexport default defineComponent({\n  name: 'ElTable',\n  directives: {\n    Mousewheel,\n  },\n  components: {\n    TableHeader,\n    TableBody,\n    TableFooter,\n    ElScrollbar,\n    hColgroup,\n  },\n  props: defaultProps,\n  emits: [\n    'select',\n    'select-all',\n    'selection-change',\n    'cell-mouse-enter',\n    'cell-mouse-leave',\n    'cell-contextmenu',\n    'cell-click',\n    'cell-dblclick',\n    'row-click',\n    'row-contextmenu',\n    'row-dblclick',\n    'header-click',\n    'header-contextmenu',\n    'sort-change',\n    'filter-change',\n    'current-change',\n    'header-dragend',\n    'expand-change',\n    'scroll',\n  ],\n  setup(props) {\n    type Row = (typeof props.data)[number]\n    const { t } = useLocale()\n    const ns = useNamespace('table')\n    const globalConfig = useGlobalConfig('table')\n    const table = getCurrentInstance() as Table<Row>\n    provide(TABLE_INJECTION_KEY, table)\n    const store = createStore<Row>(table, props)\n    table.store = store\n    const layout = new TableLayout<Row>({\n      store: table.store,\n      table,\n      fit: props.fit,\n      showHeader: props.showHeader,\n    })\n    table.layout = layout\n\n    const isEmpty = computed(() => (store.states.data.value || []).length === 0)\n\n    /**\n     * open functions\n     */\n    const {\n      setCurrentRow,\n      getSelectionRows,\n      toggleRowSelection,\n      clearSelection,\n      clearFilter,\n      toggleAllSelection,\n      toggleRowExpansion,\n      clearSort,\n      sort,\n      updateKeyChildren,\n    } = useUtils<Row>(store)\n    const {\n      isHidden,\n      renderExpanded,\n      setDragVisible,\n      isGroup,\n      handleMouseLeave,\n      handleHeaderFooterMousewheel,\n      tableSize,\n      emptyBlockStyle,\n      resizeProxyVisible,\n      bodyWidth,\n      resizeState,\n      doLayout,\n      tableBodyStyles,\n      tableLayout,\n      scrollbarViewStyle,\n      scrollbarStyle,\n    } = useStyle<Row>(props, layout, store, table)\n\n    const { scrollBarRef, scrollTo, setScrollLeft, setScrollTop } =\n      useScrollbar()\n\n    const debouncedUpdateLayout = debounce(doLayout, 50)\n\n    const tableId = `${ns.namespace.value}-table_${tableIdSeed++}`\n    table.tableId = tableId\n    table.state = {\n      isGroup,\n      resizeState,\n      doLayout,\n      debouncedUpdateLayout,\n    }\n    const computedSumText = computed(\n      () => props.sumText ?? t('el.table.sumText')\n    )\n\n    const computedEmptyText = computed(() => {\n      return props.emptyText ?? t('el.table.emptyText')\n    })\n\n    const computedTooltipEffect = computed(\n      () => props.tooltipEffect ?? globalConfig.value?.tooltipEffect\n    )\n\n    const computedTooltipOptions = computed(\n      () => props.tooltipOptions ?? globalConfig.value?.tooltipOptions\n    )\n\n    const columns = computed(() => {\n      return convertToRows(store.states.originColumns.value)[0]\n    })\n\n    useKeyRender(table)\n\n    onBeforeUnmount(() => {\n      debouncedUpdateLayout.cancel()\n    })\n\n    return {\n      ns,\n      layout,\n      store,\n      columns,\n      handleHeaderFooterMousewheel,\n      handleMouseLeave,\n      tableId,\n      tableSize,\n      isHidden,\n      isEmpty,\n      renderExpanded,\n      resizeProxyVisible,\n      resizeState,\n      isGroup,\n      bodyWidth,\n      tableBodyStyles,\n      emptyBlockStyle,\n      debouncedUpdateLayout,\n      /**\n       * @description used in single selection Table, set a certain row selected. If called without any parameter, it will clear selection\n       */\n      setCurrentRow,\n      /**\n       * @description returns the currently selected rows\n       */\n      getSelectionRows,\n      /**\n       * @description used in multiple selection Table, toggle if a certain row is selected. With the second parameter, you can directly set if this row is selected\n       */\n      toggleRowSelection,\n      /**\n       * @description used in multiple selection Table, clear user selection\n       */\n      clearSelection,\n      /**\n       * @description clear filters of the columns whose `columnKey` are passed in. If no params, clear all filters\n       */\n      clearFilter,\n      /**\n       * @description used in multiple selection Table, toggle select all and deselect all\n       */\n      toggleAllSelection,\n      /**\n       * @description used in expandable Table or tree Table, toggle if a certain row is expanded. With the second parameter, you can directly set if this row is expanded or collapsed\n       */\n      toggleRowExpansion,\n      /**\n       * @description clear sorting, restore data to the original order\n       */\n      clearSort,\n      /**\n       * @description refresh the layout of Table. When the visibility of Table changes, you may need to call this method to get a correct layout\n       */\n      doLayout,\n      /**\n       * @description sort Table manually. Property `prop` is used to set sort column, property `order` is used to set sort order\n       */\n      sort,\n      /**\n       * @description used in lazy Table, must set `rowKey`, update key children\n       */\n      updateKeyChildren,\n      t,\n      setDragVisible,\n      context: table,\n      computedSumText,\n      computedEmptyText,\n      computedTooltipEffect,\n      computedTooltipOptions,\n      tableLayout,\n      scrollbarViewStyle,\n      scrollbarStyle,\n      scrollBarRef,\n      /**\n       * @description scrolls to a particular set of coordinates\n       */\n      scrollTo,\n      /**\n       * @description set horizontal scroll position\n       */\n      setScrollLeft,\n      /**\n       * @description set vertical scroll position\n       */\n      setScrollTop,\n      /**\n       * @description whether to allow drag the last column\n       */\n      allowDragLastColumn: props.allowDragLastColumn,\n    }\n  },\n})\n</script>\n"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;AAyMA,IAAI,cAAc;AAClB,sEAA+B;CAC7B,MAAM;CACN,YAAY,EACV,qCACD;CACD,YAAY;EACV;EACA;EACA;EACA;EACA;EACD;CACD,OAAO;CACP,OAAO;EACL;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACD;CACD,MAAM,OAAO;EAEX,MAAM,EAAE,MAAM,yBAAU;EACxB,MAAM,KAAK,6BAAa,QAAO;EAC/B,MAAM,eAAe,0CAAgB,QAAO;EAC5C,MAAM,qCAA2B;AACjC,mBAAQ,oCAAqB,MAAK;EAClC,MAAM,QAAQ,2BAAiB,OAAO,MAAK;AAC3C,QAAM,QAAQ;EACd,MAAM,SAAS,IAAI,6BAAiB;GAClC,OAAO,MAAM;GACb;GACA,KAAK,MAAM;GACX,YAAY,MAAM;GACnB,CAAA;AACD,QAAM,SAAS;EAEf,MAAM,mCAA0B,MAAM,OAAO,KAAK,SAAS,EAAE,EAAE,WAAW,EAAC;;;;EAK3E,MAAM,EACJ,eACA,kBACA,oBACA,gBACA,aACA,oBACA,oBACA,WACA,MACA,sBACE,+BAAc,MAAK;EACvB,MAAM,EACJ,UACA,gBACA,gBACA,SACA,kBACA,8BACA,WACA,iBACA,oBACA,WACA,aACA,UACA,iBACA,aACA,oBACA,mBACE,6BAAc,OAAO,QAAQ,OAAO,MAAK;EAE7C,MAAM,EAAE,cAAc,UAAU,eAAe,iBAC7C,oCAAa;EAEf,MAAM,qDAAiC,UAAU,GAAE;EAEnD,MAAM,UAAU,GAAG,GAAG,UAAU,MAAM,SAAS;AAC/C,QAAM,UAAU;AAChB,QAAM,QAAQ;GACZ;GACA;GACA;GACA;GACF;EACA,MAAM,0CACE,MAAM,WAAW,EAAE,mBAAkB,CAC7C;EAEA,MAAM,4CAAmC;AACvC,UAAO,MAAM,aAAa,EAAE,qBAAoB;IACjD;EAED,MAAM,gDACE,MAAM,iBAAiB,aAAa,OAAO,cACnD;EAEA,MAAM,iDACE,MAAM,kBAAkB,aAAa,OAAO,eACpD;EAEA,MAAM,kCAAyB;AAC7B,UAAO,mCAAc,MAAM,OAAO,cAAc,MAAM,CAAC;IACxD;AAED,oCAAa,MAAK;AAElB,iCAAsB;AACpB,yBAAsB,QAAO;IAC9B;AAED,SAAO;GACL;GACA;GACA;GACA;GACA;GACA;GACA;GACA;GACA;GACA;GACA;GACA;GACA;GACA;GACA;GACA;GACA;GACA;GAIA;GAIA;GAIA;GAIA;GAIA;GAIA;GAIA;GAIA;GAIA;GAIA;GAIA;GACA;GACA;GACA,SAAS;GACT;GACA;GACA;GACA;GACA;GACA;GACA;GACA;GAIA;GAIA;GAIA;GAIA,qBAAqB,MAAM;GAC7B;;CAEH,CAAA"}

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

@@ -327,13 +327,13 @@ declare const TableV2: vue.DefineComponent<vue.ExtractPropTypes<{
     __epPropKey: true;
   };
 }>> & Readonly<{}>, {
+  readonly fixed: boolean;
   readonly useIsScrolling: boolean;
   readonly scrollbarAlwaysOn: boolean;
   readonly cache: number;
-  readonly fixed: boolean;
   readonly rowKey: EpPropMergeType<(new (...args: any[]) => string | number | symbol) | (() => KeyType) | (((new (...args: any[]) => string | number | symbol) | (() => KeyType)) | null)[], unknown, unknown>;
-  readonly headerHeight: EpPropMergeType<(new (...args: any[]) => number | number[]) | (() => number | number[]) | (((new (...args: any[]) => number | number[]) | (() => number | number[])) | null)[], unknown, unknown>;
   readonly sortBy: SortBy;
+  readonly headerHeight: EpPropMergeType<(new (...args: any[]) => number | number[]) | (() => number | number[]) | (((new (...args: any[]) => number | number[]) | (() => number | number[])) | null)[], unknown, unknown>;
   readonly estimatedRowHeight: number;
   readonly rowHeight: number;
   readonly hScrollbarSize: number;

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

@@ -141,8 +141,8 @@ declare const Tabs: vue.DefineComponent<ExtractPropTypes<{
 }>, {
   readonly type: EpPropMergeType<StringConstructor, "" | "card" | "border-card", unknown>;
   readonly stretch: boolean;
-  readonly closable: boolean;
   readonly tabindex: EpPropMergeType<readonly [StringConstructor, NumberConstructor], unknown, unknown>;
+  readonly closable: boolean;
   readonly editable: boolean;
   readonly tabPosition: EpPropMergeType<StringConstructor, "left" | "right" | "bottom" | "top", unknown>;
   readonly beforeLeave: (newName: TabPaneName, oldName: TabPaneName) => Awaitable<void | boolean>;

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

@@ -44,13 +44,13 @@ interface TagProps {
  * @deprecated Removed after 3.0.0, Use `TagProps` instead.
  */
 declare const tagProps: {
-  readonly type: EpPropFinalized<StringConstructor, "info" | "primary" | "success" | "warning" | "danger", unknown, "primary", boolean>;
+  readonly type: EpPropFinalized<StringConstructor, "danger" | "primary" | "success" | "warning" | "info", unknown, "primary", boolean>;
   readonly closable: BooleanConstructor;
   readonly disableTransitions: BooleanConstructor;
   readonly hit: BooleanConstructor;
   readonly color: StringConstructor;
   readonly size: {
-    readonly type: vue.PropType<EpPropMergeType<StringConstructor, "" | "default" | "large" | "small", unknown>>;
+    readonly type: vue.PropType<EpPropMergeType<StringConstructor, "" | "small" | "default" | "large", unknown>>;
     readonly required: false;
     readonly validator: ((val: unknown) => boolean) | undefined;
     __epPropKey: true;

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

@@ -31,8 +31,8 @@ interface TextProps {
  * @deprecated Removed after 3.0.0, Use `TextProps` instead.
  */
 declare const textProps: {
-  readonly type: EpPropFinalized<StringConstructor, "" | "info" | "primary" | "success" | "warning" | "danger", unknown, "", boolean>;
-  readonly size: EpPropFinalized<StringConstructor, "" | "default" | "large" | "small", unknown, "", boolean>;
+  readonly type: EpPropFinalized<StringConstructor, "" | "danger" | "primary" | "success" | "warning" | "info", unknown, "", boolean>;
+  readonly size: EpPropFinalized<StringConstructor, "" | "small" | "default" | "large", unknown, "", boolean>;
   readonly truncated: BooleanConstructor;
   readonly lineClamp: {
     readonly type: vue.PropType<EpPropMergeType<readonly [StringConstructor, NumberConstructor], unknown, unknown>>;

package/lib/components/time-picker/src/common/picker.vue.d.ts

@@ -209,7 +209,7 @@ declare const __VLS_base: vue.DefineComponent<vue.ExtractPropTypes<{
   readonly saveOnBlur: EpPropFinalized<BooleanConstructor, unknown, unknown, true, boolean>;
   readonly prefixIcon: EpPropFinalized<(new (...args: any[]) => (string | vue.Component) & {}) | (() => string | vue.Component) | (((new (...args: any[]) => (string | vue.Component) & {}) | (() => string | vue.Component)) | null)[], unknown, unknown, "", boolean>;
   readonly size: {
-    readonly type: vue.PropType<EpPropMergeType<StringConstructor, "" | "default" | "large" | "small", never>>;
+    readonly type: vue.PropType<EpPropMergeType<StringConstructor, "" | "small" | "default" | "large", never>>;
     readonly required: false;
     readonly validator: ((val: unknown) => boolean) | undefined;
     __epPropKey: true;
@@ -218,7 +218,7 @@ declare const __VLS_base: vue.DefineComponent<vue.ExtractPropTypes<{
   readonly disabled: EpPropFinalized<BooleanConstructor, unknown, unknown, undefined, boolean>;
   readonly placeholder: EpPropFinalized<StringConstructor, unknown, unknown, "", boolean>;
   readonly popperOptions: EpPropFinalized<(new (...args: any[]) => Partial<Options>) | (() => Partial<Options>) | (((new (...args: any[]) => Partial<Options>) | (() => Partial<Options>)) | null)[], unknown, unknown, () => {}, boolean>;
-  readonly modelValue: EpPropFinalized<(new (...args: any[]) => string | number | string[] | Date | number[] | Date[]) | (() => ModelValueType | null) | (((new (...args: any[]) => string | number | string[] | Date | number[] | Date[]) | (() => ModelValueType | null)) | null)[], unknown, unknown, "", boolean>;
+  readonly modelValue: EpPropFinalized<(new (...args: any[]) => string | number | string[] | number[] | Date | Date[]) | (() => ModelValueType | null) | (((new (...args: any[]) => string | number | string[] | number[] | Date | Date[]) | (() => ModelValueType | null)) | null)[], unknown, unknown, "", boolean>;
   readonly rangeSeparator: EpPropFinalized<StringConstructor, unknown, unknown, "-", boolean>;
   readonly startPlaceholder: StringConstructor;
   readonly endPlaceholder: StringConstructor;
@@ -257,15 +257,15 @@ declare const __VLS_base: vue.DefineComponent<vue.ExtractPropTypes<{
    */
   onPick: (date?: any, visible?: boolean) => void;
 }, {}, {}, {}, vue.ComponentOptionsMixin, vue.ComponentOptionsMixin, {
+  clear: (...args: any[]) => void;
   "update:modelValue": (...args: any[]) => void;
   change: (...args: any[]) => void;
-  clear: (...args: any[]) => void;
   focus: (...args: any[]) => void;
   blur: (...args: any[]) => void;
+  "visible-change": (...args: any[]) => void;
   keydown: (...args: any[]) => void;
   "calendar-change": (...args: any[]) => void;
   "panel-change": (...args: any[]) => void;
-  "visible-change": (...args: any[]) => void;
 }, string, vue.PublicProps, Readonly<vue.ExtractPropTypes<{
   readonly showNow: EpPropFinalized<BooleanConstructor, unknown, unknown, true, boolean>;
   readonly showConfirm: EpPropFinalized<BooleanConstructor, unknown, unknown, true, boolean>;
@@ -439,7 +439,7 @@ declare const __VLS_base: vue.DefineComponent<vue.ExtractPropTypes<{
   readonly saveOnBlur: EpPropFinalized<BooleanConstructor, unknown, unknown, true, boolean>;
   readonly prefixIcon: EpPropFinalized<(new (...args: any[]) => (string | vue.Component) & {}) | (() => string | vue.Component) | (((new (...args: any[]) => (string | vue.Component) & {}) | (() => string | vue.Component)) | null)[], unknown, unknown, "", boolean>;
   readonly size: {
-    readonly type: vue.PropType<EpPropMergeType<StringConstructor, "" | "default" | "large" | "small", never>>;
+    readonly type: vue.PropType<EpPropMergeType<StringConstructor, "" | "small" | "default" | "large", never>>;
     readonly required: false;
     readonly validator: ((val: unknown) => boolean) | undefined;
     __epPropKey: true;
@@ -448,7 +448,7 @@ declare const __VLS_base: vue.DefineComponent<vue.ExtractPropTypes<{
   readonly disabled: EpPropFinalized<BooleanConstructor, unknown, unknown, undefined, boolean>;
   readonly placeholder: EpPropFinalized<StringConstructor, unknown, unknown, "", boolean>;
   readonly popperOptions: EpPropFinalized<(new (...args: any[]) => Partial<Options>) | (() => Partial<Options>) | (((new (...args: any[]) => Partial<Options>) | (() => Partial<Options>)) | null)[], unknown, unknown, () => {}, boolean>;
-  readonly modelValue: EpPropFinalized<(new (...args: any[]) => string | number | string[] | Date | number[] | Date[]) | (() => ModelValueType | null) | (((new (...args: any[]) => string | number | string[] | Date | number[] | Date[]) | (() => ModelValueType | null)) | null)[], unknown, unknown, "", boolean>;
+  readonly modelValue: EpPropFinalized<(new (...args: any[]) => string | number | string[] | number[] | Date | Date[]) | (() => ModelValueType | null) | (((new (...args: any[]) => string | number | string[] | number[] | Date | Date[]) | (() => ModelValueType | null)) | null)[], unknown, unknown, "", boolean>;
   readonly rangeSeparator: EpPropFinalized<StringConstructor, unknown, unknown, "-", boolean>;
   readonly startPlaceholder: StringConstructor;
   readonly endPlaceholder: StringConstructor;
@@ -466,34 +466,34 @@ declare const __VLS_base: vue.DefineComponent<vue.ExtractPropTypes<{
   };
   readonly isRange: BooleanConstructor;
 }>> & Readonly<{
+  onClear?: ((...args: any[]) => any) | undefined;
   "onUpdate:modelValue"?: ((...args: any[]) => any) | undefined;
   onChange?: ((...args: any[]) => any) | undefined;
-  onClear?: ((...args: any[]) => any) | undefined;
   onFocus?: ((...args: any[]) => any) | undefined;
   onBlur?: ((...args: any[]) => any) | undefined;
+  "onVisible-change"?: ((...args: any[]) => any) | undefined;
   onKeydown?: ((...args: any[]) => any) | undefined;
   "onCalendar-change"?: ((...args: any[]) => any) | undefined;
   "onPanel-change"?: ((...args: any[]) => any) | undefined;
-  "onVisible-change"?: ((...args: any[]) => any) | undefined;
 }>, {
-  readonly modelValue: EpPropMergeType<(new (...args: any[]) => string | number | string[] | Date | number[] | Date[]) | (() => ModelValueType | null) | (((new (...args: any[]) => string | number | string[] | Date | number[] | Date[]) | (() => ModelValueType | null)) | null)[], unknown, unknown>;
   readonly type: string;
+  readonly modelValue: EpPropMergeType<(new (...args: any[]) => string | number | string[] | number[] | Date | Date[]) | (() => ModelValueType | null) | (((new (...args: any[]) => string | number | string[] | number[] | Date | Date[]) | (() => ModelValueType | null)) | null)[], unknown, unknown>;
   readonly disabled: EpPropMergeType<BooleanConstructor, unknown, unknown>;
-  readonly placeholder: string;
-  readonly readonly: boolean;
   readonly clearable: EpPropMergeType<BooleanConstructor, unknown, unknown>;
-  readonly clearIcon: EpPropMergeType<(new (...args: any[]) => (string | vue.Component) & {}) | (() => string | vue.Component) | (((new (...args: any[]) => (string | vue.Component) & {}) | (() => string | vue.Component)) | null)[], unknown, unknown>;
-  readonly prefixIcon: EpPropMergeType<(new (...args: any[]) => (string | vue.Component) & {}) | (() => string | vue.Component) | (((new (...args: any[]) => (string | vue.Component) & {}) | (() => string | vue.Component)) | null)[], unknown, unknown>;
+  readonly popperStyle: vue.StyleValue;
   readonly tabindex: EpPropMergeType<(new (...args: any[]) => string | number) | (() => string | number) | (((new (...args: any[]) => string | number) | (() => string | number)) | null)[], unknown, unknown>;
   readonly validateEvent: EpPropMergeType<BooleanConstructor, unknown, unknown>;
-  readonly popperStyle: vue.StyleValue;
+  readonly valueOnClear: EpPropMergeType<(new (...args: any[]) => string | number | boolean | Function) | (() => string | number | boolean | Function | null) | (((new (...args: any[]) => string | number | boolean | Function) | (() => string | number | boolean | Function | null)) | null)[], unknown, unknown>;
   readonly fallbackPlacements: Placement$1[];
   readonly placement: EpPropMergeType<(new (...args: any[]) => "auto" | "left" | "right" | "bottom" | "top" | "auto-start" | "auto-end" | "top-start" | "top-end" | "bottom-start" | "bottom-end" | "right-start" | "right-end" | "left-start" | "left-end") | (() => Placement$1) | (((new (...args: any[]) => "auto" | "left" | "right" | "bottom" | "top" | "auto-start" | "auto-end" | "top-start" | "top-end" | "bottom-start" | "bottom-end" | "right-start" | "right-end" | "left-start" | "left-end") | (() => Placement$1)) | null)[], Placement$1, unknown>;
   readonly popperOptions: Partial<Options>;
-  readonly valueOnClear: EpPropMergeType<(new (...args: any[]) => string | number | boolean | Function) | (() => string | number | boolean | Function | null) | (((new (...args: any[]) => string | number | boolean | Function) | (() => string | number | boolean | Function | null)) | null)[], unknown, unknown>;
+  readonly placeholder: string;
+  readonly readonly: boolean;
+  readonly clearIcon: EpPropMergeType<(new (...args: any[]) => (string | vue.Component) & {}) | (() => string | vue.Component) | (((new (...args: any[]) => (string | vue.Component) & {}) | (() => string | vue.Component)) | null)[], unknown, unknown>;
+  readonly saveOnBlur: EpPropMergeType<BooleanConstructor, unknown, unknown>;
+  readonly prefixIcon: EpPropMergeType<(new (...args: any[]) => (string | vue.Component) & {}) | (() => string | vue.Component) | (((new (...args: any[]) => (string | vue.Component) & {}) | (() => string | vue.Component)) | null)[], unknown, unknown>;
   readonly automaticDropdown: EpPropMergeType<BooleanConstructor, unknown, unknown>;
   readonly editable: EpPropMergeType<BooleanConstructor, unknown, unknown>;
-  readonly saveOnBlur: EpPropMergeType<BooleanConstructor, unknown, unknown>;
   readonly rangeSeparator: string;
   readonly shortcuts: unknown[];
   readonly showNow: EpPropMergeType<BooleanConstructor, unknown, unknown>;

package/lib/components/time-picker/src/common/props.d.ts

@@ -189,7 +189,7 @@ declare const timePickerDefaultProps: {
   readonly saveOnBlur: EpPropFinalized<BooleanConstructor, unknown, unknown, true, boolean>;
   readonly prefixIcon: EpPropFinalized<(new (...args: any[]) => (string | Component) & {}) | (() => string | Component) | (((new (...args: any[]) => (string | Component) & {}) | (() => string | Component)) | null)[], unknown, unknown, "", boolean>;
   readonly size: {
-    readonly type: vue.PropType<EpPropMergeType<StringConstructor, "" | "default" | "large" | "small", never>>;
+    readonly type: vue.PropType<EpPropMergeType<StringConstructor, "" | "small" | "default" | "large", never>>;
     readonly required: false;
     readonly validator: ((val: unknown) => boolean) | undefined;
     __epPropKey: true;
@@ -198,7 +198,7 @@ declare const timePickerDefaultProps: {
   readonly disabled: EpPropFinalized<BooleanConstructor, unknown, unknown, undefined, boolean>;
   readonly placeholder: EpPropFinalized<StringConstructor, unknown, unknown, "", boolean>;
   readonly popperOptions: EpPropFinalized<(new (...args: any[]) => Partial<Options>) | (() => Partial<Options>) | (((new (...args: any[]) => Partial<Options>) | (() => Partial<Options>)) | null)[], unknown, unknown, () => {}, boolean>;
-  readonly modelValue: EpPropFinalized<(new (...args: any[]) => string | number | string[] | Date | number[] | Date[]) | (() => ModelValueType | null) | (((new (...args: any[]) => string | number | string[] | Date | number[] | Date[]) | (() => ModelValueType | null)) | null)[], unknown, unknown, "", boolean>;
+  readonly modelValue: EpPropFinalized<(new (...args: any[]) => string | number | string[] | number[] | Date | Date[]) | (() => ModelValueType | null) | (((new (...args: any[]) => string | number | string[] | number[] | Date | Date[]) | (() => ModelValueType | null)) | null)[], unknown, unknown, "", boolean>;
   readonly rangeSeparator: EpPropFinalized<StringConstructor, unknown, unknown, "-", boolean>;
   readonly startPlaceholder: StringConstructor;
   readonly endPlaceholder: StringConstructor;

package/lib/components/time-picker/src/time-picker-com/basic-time-spinner.vue_vue_type_script_setup_true_lang.js

@@ -3,13 +3,13 @@ const require_event = require('../../../../constants/event.js');
 const require_types = require('../../../../utils/types.js');
 const require_raf = require('../../../../utils/raf.js');
 const require_style = require('../../../../utils/dom/style.js');
-const require_index = require('../../../../directives/repeat-click/index.js');
-const require_index$1 = require('../../../../hooks/use-namespace/index.js');
-const require_index$2 = require('../../../icon/index.js');
-const require_index$3 = require('../../../scrollbar/index.js');
+const require_index = require('../../../../hooks/use-namespace/index.js');
+const require_index$1 = require('../../../icon/index.js');
+const require_index$2 = require('../../../scrollbar/index.js');
 const require_constants = require('../constants.js');
 const require_utils = require('../utils.js');
 const require_use_time_picker = require('../composables/use-time-picker.js');
+const require_index$3 = require('../../../../directives/repeat-click/index.js');
 const require_basic_time_spinner = require('../props/basic-time-spinner.js');
 let lodash_unified = require("lodash-unified");
 let _element_plus_icons_vue = require("@element-plus/icons-vue");
@@ -30,7 +30,7 @@ var basic_time_spinner_vue_vue_type_script_setup_true_lang_default = /* @__PURE_
 		const props = __props;
 		const { isRange, format, saveOnBlur } = (0, vue.inject)(require_constants.PICKER_BASE_INJECTION_KEY).props;
 		const emit = __emit;
-		const ns = require_index$1.useNamespace("time");
+		const ns = require_index.useNamespace("time");
 		const { getHoursList, getMinutesList, getSecondsList } = require_use_time_picker.getTimeLists(props.disabledHours, props.disabledMinutes, props.disabledSeconds);
 		let isScrolling = false;
 		const ignoreScroll = {
@@ -217,7 +217,7 @@ var basic_time_spinner_vue_vue_type_script_setup_true_lang_default = /* @__PURE_
 		});
 		return (_ctx, _cache) => {
 			return (0, vue.openBlock)(), (0, vue.createElementBlock)("div", { class: (0, vue.normalizeClass)([(0, vue.unref)(ns).b("spinner"), { "has-seconds": _ctx.showSeconds }]) }, [!_ctx.arrowControl ? ((0, vue.openBlock)(true), (0, vue.createElementBlock)(vue.Fragment, { key: 0 }, (0, vue.renderList)(spinnerItems.value, (item) => {
-				return (0, vue.openBlock)(), (0, vue.createBlock)((0, vue.unref)(require_index$3.ElScrollbar), {
+				return (0, vue.openBlock)(), (0, vue.createBlock)((0, vue.unref)(require_index$2.ElScrollbar), {
 					key: item,
 					ref_for: true,
 					ref: (scrollbar) => setRef(scrollbar, item),
@@ -256,14 +256,14 @@ var basic_time_spinner_vue_vue_type_script_setup_true_lang_default = /* @__PURE_
 					class: (0, vue.normalizeClass)([(0, vue.unref)(ns).be("spinner", "wrapper"), (0, vue.unref)(ns).is("arrow")]),
 					onMouseenter: ($event) => emitSelectRange(item)
 				}, [
-					(0, vue.withDirectives)(((0, vue.openBlock)(), (0, vue.createBlock)((0, vue.unref)(require_index$2.ElIcon), { class: (0, vue.normalizeClass)(["arrow-up", (0, vue.unref)(ns).be("spinner", "arrow")]) }, {
+					(0, vue.withDirectives)(((0, vue.openBlock)(), (0, vue.createBlock)((0, vue.unref)(require_index$1.ElIcon), { class: (0, vue.normalizeClass)(["arrow-up", (0, vue.unref)(ns).be("spinner", "arrow")]) }, {
 						default: (0, vue.withCtx)(() => [(0, vue.createVNode)((0, vue.unref)(_element_plus_icons_vue.ArrowUp))]),
 						_: 1
-					}, 8, ["class"])), [[(0, vue.unref)(require_index.vRepeatClick), onDecrement]]),
-					(0, vue.withDirectives)(((0, vue.openBlock)(), (0, vue.createBlock)((0, vue.unref)(require_index$2.ElIcon), { class: (0, vue.normalizeClass)(["arrow-down", (0, vue.unref)(ns).be("spinner", "arrow")]) }, {
+					}, 8, ["class"])), [[(0, vue.unref)(require_index$3.vRepeatClick), onDecrement]]),
+					(0, vue.withDirectives)(((0, vue.openBlock)(), (0, vue.createBlock)((0, vue.unref)(require_index$1.ElIcon), { class: (0, vue.normalizeClass)(["arrow-down", (0, vue.unref)(ns).be("spinner", "arrow")]) }, {
 						default: (0, vue.withCtx)(() => [(0, vue.createVNode)((0, vue.unref)(_element_plus_icons_vue.ArrowDown))]),
 						_: 1
-					}, 8, ["class"])), [[(0, vue.unref)(require_index.vRepeatClick), onIncrement]]),
+					}, 8, ["class"])), [[(0, vue.unref)(require_index$3.vRepeatClick), onIncrement]]),
 					(0, vue.createElementVNode)("ul", { class: (0, vue.normalizeClass)((0, vue.unref)(ns).be("spinner", "list")) }, [((0, vue.openBlock)(true), (0, vue.createElementBlock)(vue.Fragment, null, (0, vue.renderList)(arrowControlTimeList.value[item], (time, key) => {
 						return (0, vue.openBlock)(), (0, vue.createElementBlock)("li", {
 							key,