@element-plus/nightly 0.0.20260819 → 0.0.20260821

package/lib/components/table/src/store/helper.d.ts

@@ -450,7 +450,7 @@ declare function createStore<T extends DefaultRow>(table: Table<T>, props: Table
       hoverRow: _$vue.Ref<T | null, T | null>;
     }, row: T): void;
   };
-  commit: (name: "sort" | "setData" | "insertColumn" | "updateColumnOrder" | "removeColumn" | "changeSortCondition" | "filterChange" | "toggleAllSelection" | "rowSelectedChanged" | "setHoverRow" | "setCurrentRow", ...args: any[]) => void;
+  commit: (name: "setData" | "sort" | "insertColumn" | "updateColumnOrder" | "removeColumn" | "changeSortCondition" | "filterChange" | "toggleAllSelection" | "rowSelectedChanged" | "setHoverRow" | "setCurrentRow", ...args: any[]) => void;
   updateTableScrollY: () => void;
   assertRowKey: () => void;
   updateColumns: () => void;

package/lib/components/table/src/store/index.d.ts

@@ -454,7 +454,7 @@ declare function useStore<T extends DefaultRow>(): {
       hoverRow: Ref<T | null, T | null>;
     }, row: T): void;
   };
-  commit: (name: "sort" | "setData" | "insertColumn" | "updateColumnOrder" | "removeColumn" | "changeSortCondition" | "filterChange" | "toggleAllSelection" | "rowSelectedChanged" | "setHoverRow" | "setCurrentRow", ...args: any[]) => void;
+  commit: (name: "setData" | "sort" | "insertColumn" | "updateColumnOrder" | "removeColumn" | "changeSortCondition" | "filterChange" | "toggleAllSelection" | "rowSelectedChanged" | "setHoverRow" | "setCurrentRow", ...args: any[]) => void;
   updateTableScrollY: () => void;
   assertRowKey: () => void;
   updateColumns: () => void;
@@ -1002,7 +1002,7 @@ declare class HelperStore<T extends DefaultRow> {
         hoverRow: Ref<T | null, T | null>;
       }, row: T): void;
     };
-    commit: (name: "sort" | "setData" | "insertColumn" | "updateColumnOrder" | "removeColumn" | "changeSortCondition" | "filterChange" | "toggleAllSelection" | "rowSelectedChanged" | "setHoverRow" | "setCurrentRow", ...args: any[]) => void;
+    commit: (name: "setData" | "sort" | "insertColumn" | "updateColumnOrder" | "removeColumn" | "changeSortCondition" | "filterChange" | "toggleAllSelection" | "rowSelectedChanged" | "setHoverRow" | "setCurrentRow", ...args: any[]) => void;
     updateTableScrollY: () => void;
     assertRowKey: () => void;
     updateColumns: () => void;

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-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: (StringConstructor | BooleanConstructor)[];
+    type: (BooleanConstructor | StringConstructor)[];
     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: (StringConstructor | BooleanConstructor)[];
+  fixed: (BooleanConstructor | StringConstructor)[];
   /**
    * @description function that formats cell content
    */

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

@@ -127,11 +127,11 @@ declare const _default: _$vue.DefineComponent<_$vue.ExtractPropTypes<{
     }, _$vue.PublicProps, {
       label: string | boolean | number | object;
       disabled: boolean;
+      id: string;
       name: string;
+      value: string | boolean | number | object;
       modelValue: number | string | boolean;
       validateEvent: boolean;
-      id: string;
-      value: string | boolean | number | object;
       trueValue: string | number;
       falseValue: string | number;
       trueLabel: string | number;
@@ -149,11 +149,11 @@ declare const _default: _$vue.DefineComponent<_$vue.ExtractPropTypes<{
     }>, {}, {}, {}, {}, {
       label: string | boolean | number | object;
       disabled: boolean;
+      id: string;
       name: string;
+      value: string | boolean | number | object;
       modelValue: number | string | boolean;
       validateEvent: boolean;
-      id: string;
-      value: string | boolean | number | object;
       trueValue: string | number;
       falseValue: string | number;
       trueLabel: string | number;
@@ -171,11 +171,11 @@ declare const _default: _$vue.DefineComponent<_$vue.ExtractPropTypes<{
   }, string, {
     label: string | boolean | number | object;
     disabled: boolean;
+    id: string;
     name: string;
+    value: string | boolean | number | object;
     modelValue: number | string | boolean;
     validateEvent: boolean;
-    id: string;
-    value: string | boolean | number | object;
     trueValue: string | number;
     falseValue: string | number;
     trueLabel: string | number;

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

@@ -11,12 +11,12 @@ import * as _$lodash_unified0 from "lodash-unified";
 //#region ../../packages/components/table/src/table.vue.d.ts
 declare const __VLS_export: <T extends DefaultRow = DefaultRow>(__VLS_props: NonNullable<Awaited<typeof __VLS_setup>>["props"], __VLS_ctx?: __VLS_PrettifyLocal<Pick<NonNullable<Awaited<typeof __VLS_setup>>, "attrs" | "emit" | "slots">>, __VLS_exposed?: NonNullable<Awaited<typeof __VLS_setup>>["expose"], __VLS_setup?: Promise<{
   props: _$vue.PublicProps & __VLS_PrettifyLocal<TableProps<T> & {
+    "onCurrent-change"?: ((currentRow: T | null, oldCurrentRow: T | null) => any) | undefined;
     onScroll?: ((data: {
       scrollLeft: number;
       scrollTop: number;
     }) => any) | undefined;
     "onSelect-all"?: ((selection: T[]) => any) | undefined;
-    "onCurrent-change"?: ((currentRow: T | null, oldCurrentRow: T | null) => any) | undefined;
     onSelect?: ((selection: T[], row: T) => any) | undefined;
     "onSelection-change"?: ((newSelection: T[]) => any) | undefined;
     "onCell-mouse-enter"?: ((row: T, column: TableColumnCtx<T>, cell: HTMLTableCellElement, event: MouseEvent) => any) | undefined;
@@ -504,7 +504,7 @@ declare const __VLS_export: <T extends DefaultRow = DefaultRow>(__VLS_props: Non
           hoverRow: _$vue.Ref<T | null, T | null>;
         }, row: T): void;
       };
-      commit: (name: "sort" | "setData" | "insertColumn" | "updateColumnOrder" | "removeColumn" | "changeSortCondition" | "filterChange" | "toggleAllSelection" | "rowSelectedChanged" | "setHoverRow" | "setCurrentRow", ...args: any[]) => void;
+      commit: (name: "setData" | "sort" | "insertColumn" | "updateColumnOrder" | "removeColumn" | "changeSortCondition" | "filterChange" | "toggleAllSelection" | "rowSelectedChanged" | "setHoverRow" | "setCurrentRow", ...args: any[]) => void;
       updateTableScrollY: () => void;
       assertRowKey: () => void;
       updateColumns: () => void;

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

@@ -1,12 +1,11 @@
 import { TabPaneName, TabsPaneContext } from "./constants.js";
 import { TabBarProps } from "./tab-bar.js";
 import * as _$vue from "vue";
-import { CSSProperties } from "vue";
 
 //#region ../../packages/components/tabs/src/tab-bar.vue.d.ts
 declare const __VLS_export: _$vue.DefineComponent<TabBarProps, {
   /** @description tab root html element */ref: _$vue.Ref<HTMLDivElement | undefined, HTMLDivElement | undefined>; /** @description method to manually update tab bar style, return the updated style */
-  update: () => CSSProperties;
+  update: () => void;
 }, {}, {}, {}, _$vue.ComponentOptionsMixin, _$vue.ComponentOptionsMixin, {}, string, _$vue.PublicProps, Readonly<TabBarProps> & Readonly<{}>, {
   tabs: TabsPaneContext[];
   tabRefs: {

package/lib/components/tabs/src/tab-bar.vue_vue_type_script_setup_true_lang.js

@@ -1,5 +1,6 @@
 require("../../../_virtual/_rolldown/runtime.js");
 const require_types = require("../../../utils/types.js");
+const require_raf = require("../../../utils/raf.js");
 const require_strings = require("../../../utils/strings.js");
 const require_error = require("../../../utils/error.js");
 const require_index = require("../../../hooks/use-namespace/index.js");
@@ -20,13 +21,21 @@ var tab_bar_vue_vue_type_script_setup_true_lang_default = /* @__PURE__ */ (0, vu
 		const ns = require_index.useNamespace("tabs");
 		const barRef = (0, vue.ref)();
 		const barStyle = (0, vue.ref)();
+		const barReady = (0, vue.ref)(false);
+		const mergedBarStyle = (0, vue.computed)(() => {
+			if (barReady.value) return barStyle.value;
+			return {
+				...barStyle.value,
+				transition: "none"
+			};
+		});
 		/**
 		* when defaultValue is not set, the bar is always shown.
 		*
 		* when defaultValue is set, the bar will be hidden until style is calculated
 		* to avoid the bar showing in the wrong position on initial render.
 		*/
-		const renderActiveBar = (0, vue.computed)(() => require_types.isUndefined(rootTabs.props.defaultValue) || Boolean(barStyle.value?.transform));
+		const barVisible = (0, vue.computed)(() => require_types.isUndefined(rootTabs.props.defaultValue) || Boolean(barStyle.value?.transform));
 		const getBarStyle = () => {
 			let offset = 0;
 			let tabSize = 0;
@@ -52,7 +61,12 @@ var tab_bar_vue_vue_type_script_setup_true_lang_default = /* @__PURE__ */ (0, vu
 				transform: `translate${require_strings.capitalize(sizeDir)}(${offset}px)`
 			};
 		};
-		const update = () => barStyle.value = getBarStyle();
+		const update = () => {
+			barStyle.value = getBarStyle();
+			if (!barReady.value) require_raf.rAF(() => require_raf.rAF(() => {
+				barReady.value = true;
+			}));
+		};
 		const tabObservers = [];
 		const observerTabs = () => {
 			tabObservers.forEach((observer) => observer.stop());
@@ -79,13 +93,16 @@ var tab_bar_vue_vue_type_script_setup_true_lang_default = /* @__PURE__ */ (0, vu
 			update
 		});
 		return (_ctx, _cache) => {
-			return renderActiveBar.value ? ((0, vue.openBlock)(), (0, vue.createElementBlock)("div", {
-				key: 0,
+			return (0, vue.openBlock)(), (0, vue.createElementBlock)("div", {
 				ref_key: "barRef",
 				ref: barRef,
-				class: (0, vue.normalizeClass)([(0, vue.unref)(ns).e("active-bar"), (0, vue.unref)(ns).is((0, vue.unref)(rootTabs).props.tabPosition)]),
-				style: (0, vue.normalizeStyle)(barStyle.value)
-			}, null, 6)) : (0, vue.createCommentVNode)("v-if", true);
+				class: (0, vue.normalizeClass)([
+					(0, vue.unref)(ns).e("active-bar"),
+					(0, vue.unref)(ns).is((0, vue.unref)(rootTabs).props.tabPosition),
+					(0, vue.unref)(ns).is("hidden", !barVisible.value)
+				]),
+				style: (0, vue.normalizeStyle)(mergedBarStyle.value)
+			}, null, 6);
 		};
 	}
 });

package/lib/components/tabs/src/tab-bar.vue_vue_type_script_setup_true_lang.js.map

@@ -1 +1 @@
-{"version":3,"file":"tab-bar.vue_vue_type_script_setup_true_lang.js","names":[],"sources":["../../../../../../packages/components/tabs/src/tab-bar.vue"],"sourcesContent":["<template>\n  <div\n    v-if=\"renderActiveBar\"\n    ref=\"barRef\"\n    :class=\"[ns.e('active-bar'), ns.is(rootTabs!.props.tabPosition)]\"\n    :style=\"barStyle\"\n  />\n</template>\n\n<script lang=\"ts\" setup>\nimport { computed, inject, nextTick, onBeforeUnmount, ref, watch } from 'vue'\nimport { useResizeObserver } from '@vueuse/core'\nimport { capitalize, isUndefined, throwError } from '@element-plus/utils'\nimport { useNamespace } from '@element-plus/hooks'\nimport { tabsRootContextKey } from './constants'\n\nimport type { TabBarProps } from './tab-bar'\nimport type { CSSProperties } from 'vue'\n\nconst COMPONENT_NAME = 'ElTabBar'\ndefineOptions({\n  name: COMPONENT_NAME,\n})\nconst props = withDefaults(defineProps<TabBarProps>(), {\n  tabs: () => [],\n  tabRefs: () => ({}),\n})\n\nconst rootTabs = inject(tabsRootContextKey)\nif (!rootTabs) throwError(COMPONENT_NAME, '<el-tabs><el-tab-bar /></el-tabs>')\n\nconst ns = useNamespace('tabs')\n\nconst barRef = ref<HTMLDivElement>()\nconst barStyle = ref<CSSProperties>()\n/**\n * when defaultValue is not set, the bar is always shown.\n *\n * when defaultValue is set, the bar will be hidden until style is calculated\n * to avoid the bar showing in the wrong position on initial render.\n */\nconst renderActiveBar = computed(\n  () =>\n    isUndefined(rootTabs.props.defaultValue) ||\n    Boolean(barStyle.value?.transform)\n)\n\nconst getBarStyle = (): CSSProperties => {\n  let offset = 0\n  let tabSize = 0\n\n  const sizeName = ['top', 'bottom'].includes(rootTabs.props.tabPosition)\n    ? 'width'\n    : 'height'\n  const sizeDir = sizeName === 'width' ? 'x' : 'y'\n  const position = sizeDir === 'x' ? 'left' : 'top'\n\n  props.tabs.every((tab) => {\n    if (isUndefined(tab.paneName)) return false\n    const $el = props.tabRefs[tab.paneName]\n    if (!$el) return false\n\n    if (!tab.active) {\n      return true\n    }\n\n    offset = $el[`offset${capitalize(position)}`]\n    tabSize = $el[`client${capitalize(sizeName)}`]\n\n    const tabStyles = window.getComputedStyle($el)\n\n    if (sizeName === 'width') {\n      tabSize -=\n        Number.parseFloat(tabStyles.paddingLeft) +\n        Number.parseFloat(tabStyles.paddingRight)\n      offset += Number.parseFloat(tabStyles.paddingLeft)\n    }\n    return false\n  })\n\n  return {\n    [sizeName]: `${tabSize}px`,\n    transform: `translate${capitalize(sizeDir)}(${offset}px)`,\n  }\n}\n\nconst update = () => (barStyle.value = getBarStyle())\n\nconst tabObservers = [] as ReturnType<typeof useResizeObserver>[]\nconst observerTabs = () => {\n  tabObservers.forEach((observer) => observer.stop())\n  tabObservers.length = 0\n\n  Object.values(props.tabRefs).forEach((tab) => {\n    tabObservers.push(useResizeObserver(tab, update))\n  })\n}\n\nwatch(\n  () => props.tabs,\n  async () => {\n    await nextTick()\n    update()\n\n    observerTabs()\n  },\n  { immediate: true }\n)\nconst barObserver = useResizeObserver(barRef, () => update())\n\nonBeforeUnmount(() => {\n  tabObservers.forEach((observer) => observer.stop())\n  tabObservers.length = 0\n  barObserver.stop()\n})\n\ndefineExpose({\n  /** @description tab root html element */\n  ref: barRef,\n  /** @description method to manually update tab bar style, return the updated style */\n  update,\n})\n</script>\n"],"mappings":";;;;;;;;;;AAmBA,MAAM,iBAAiB;;;;;;EAIvB,MAAM,QAAQ;EAKd,MAAM,YAAA,GAAA,IAAA,QAAkB,kBAAA,mBAAkB;EAC1C,IAAI,CAAC,UAAU,cAAA,WAAW,gBAAgB,oCAAmC;EAE7E,MAAM,KAAK,cAAA,aAAa,OAAM;EAE9B,MAAM,UAAA,GAAA,IAAA,MAA6B;EACnC,MAAM,YAAA,GAAA,IAAA,MAA8B;;;;;;;EAOpC,MAAM,mBAAA,GAAA,IAAA,gBAEF,cAAA,YAAY,SAAS,MAAM,aAAa,IACxC,QAAQ,SAAS,OAAO,UAAS,CACrC;EAEA,MAAM,oBAAmC;GACvC,IAAI,SAAS;GACb,IAAI,UAAU;GAEd,MAAM,WAAW,CAAC,OAAO,SAAS,CAAC,SAAS,SAAS,MAAM,YAAW,GAClE,UACA;GACJ,MAAM,UAAU,aAAa,UAAU,MAAM;GAC7C,MAAM,WAAW,YAAY,MAAM,SAAS;GAE5C,MAAM,KAAK,OAAO,QAAQ;IACxB,IAAI,cAAA,YAAY,IAAI,SAAS,EAAE,OAAO;IACtC,MAAM,MAAM,MAAM,QAAQ,IAAI;IAC9B,IAAI,CAAC,KAAK,OAAO;IAEjB,IAAI,CAAC,IAAI,QACP,OAAO;IAGT,SAAS,IAAI,SAAS,gBAAA,WAAW,SAAS;IAC1C,UAAU,IAAI,SAAS,gBAAA,WAAW,SAAS;IAE3C,MAAM,YAAY,OAAO,iBAAiB,IAAG;IAE7C,IAAI,aAAa,SAAS;KACxB,WACE,OAAO,WAAW,UAAU,YAAY,GACxC,OAAO,WAAW,UAAU,aAAY;KAC1C,UAAU,OAAO,WAAW,UAAU,YAAW;;IAEnD,OAAO;KACR;GAED,OAAO;KACJ,WAAW,GAAG,QAAQ;IACvB,WAAW,YAAY,gBAAA,WAAW,QAAQ,CAAC,GAAG,OAAO;IACvD;;EAGF,MAAM,eAAgB,SAAS,QAAQ,aAAa;EAEpD,MAAM,eAAe,EAAE;EACvB,MAAM,qBAAqB;GACzB,aAAa,SAAS,aAAa,SAAS,MAAM,CAAA;GAClD,aAAa,SAAS;GAEtB,OAAO,OAAO,MAAM,QAAQ,CAAC,SAAS,QAAQ;IAC5C,aAAa,MAAA,GAAA,aAAA,mBAAuB,KAAK,OAAO,CAAA;KACjD;;EAGH,CAAA,GAAA,IAAA,aACQ,MAAM,MACZ,YAAY;GACV,OAAA,GAAA,IAAA,WAAe;GACf,QAAO;GAEP,cAAa;KAEf,EAAE,WAAW,MAAK,CACpB;EACA,MAAM,eAAA,GAAA,aAAA,mBAAgC,cAAc,QAAQ,CAAA;EAE5D,CAAA,GAAA,IAAA,uBAAsB;GACpB,aAAa,SAAS,aAAa,SAAS,MAAM,CAAA;GAClD,aAAa,SAAS;GACtB,YAAY,MAAK;IAClB;EAED,SAAa;;GAEX,KAAK;;GAEL;GACD,CAAA;;UAvHS,gBAAA,UAAA,GAAA,IAAA,YAAA,GAAA,GAAA,IAAA,oBAIN,OAAA;;aAHI;IAAJ,KAAI;IACH,QAAA,GAAA,IAAA,gBAAK,EAAA,GAAA,IAAA,OAAG,GAAE,CAAC,EAAC,aAAA,GAAA,GAAA,IAAA,OAAgB,GAAE,CAAC,IAAA,GAAA,IAAA,OAAG,SAAQ,CAAE,MAAM,YAAW,CAAA,CAAA;IAC7D,QAAA,GAAA,IAAA,gBAAO,SAAA,MAAQ"}
+{"version":3,"file":"tab-bar.vue_vue_type_script_setup_true_lang.js","names":[],"sources":["../../../../../../packages/components/tabs/src/tab-bar.vue"],"sourcesContent":["<template>\n  <div\n    ref=\"barRef\"\n    :class=\"[\n      ns.e('active-bar'),\n      ns.is(rootTabs!.props.tabPosition),\n      ns.is('hidden', !barVisible),\n    ]\"\n    :style=\"mergedBarStyle\"\n  />\n</template>\n\n<script lang=\"ts\" setup>\nimport { computed, inject, nextTick, onBeforeUnmount, ref, watch } from 'vue'\nimport { useResizeObserver } from '@vueuse/core'\nimport { capitalize, isUndefined, rAF, throwError } from '@element-plus/utils'\nimport { useNamespace } from '@element-plus/hooks'\nimport { tabsRootContextKey } from './constants'\n\nimport type { TabBarProps } from './tab-bar'\nimport type { CSSProperties } from 'vue'\n\nconst COMPONENT_NAME = 'ElTabBar'\ndefineOptions({\n  name: COMPONENT_NAME,\n})\nconst props = withDefaults(defineProps<TabBarProps>(), {\n  tabs: () => [],\n  tabRefs: () => ({}),\n})\n\nconst rootTabs = inject(tabsRootContextKey)\nif (!rootTabs) throwError(COMPONENT_NAME, '<el-tabs><el-tab-bar /></el-tabs>')\n\nconst ns = useNamespace('tabs')\n\nconst barRef = ref<HTMLDivElement>()\nconst barStyle = ref<CSSProperties>()\nconst barReady = ref(false)\nconst mergedBarStyle = computed(() => {\n  if (barReady.value) {\n    return barStyle.value\n  }\n  return { ...barStyle.value, transition: 'none' }\n})\n/**\n * when defaultValue is not set, the bar is always shown.\n *\n * when defaultValue is set, the bar will be hidden until style is calculated\n * to avoid the bar showing in the wrong position on initial render.\n */\nconst barVisible = computed(\n  () =>\n    isUndefined(rootTabs.props.defaultValue) ||\n    Boolean(barStyle.value?.transform)\n)\n\nconst getBarStyle = (): CSSProperties => {\n  let offset = 0\n  let tabSize = 0\n\n  const sizeName = ['top', 'bottom'].includes(rootTabs.props.tabPosition)\n    ? 'width'\n    : 'height'\n  const sizeDir = sizeName === 'width' ? 'x' : 'y'\n  const position = sizeDir === 'x' ? 'left' : 'top'\n\n  props.tabs.every((tab) => {\n    if (isUndefined(tab.paneName)) return false\n    const $el = props.tabRefs[tab.paneName]\n    if (!$el) return false\n\n    if (!tab.active) {\n      return true\n    }\n\n    offset = $el[`offset${capitalize(position)}`]\n    tabSize = $el[`client${capitalize(sizeName)}`]\n\n    const tabStyles = window.getComputedStyle($el)\n\n    if (sizeName === 'width') {\n      tabSize -=\n        Number.parseFloat(tabStyles.paddingLeft) +\n        Number.parseFloat(tabStyles.paddingRight)\n      offset += Number.parseFloat(tabStyles.paddingLeft)\n    }\n    return false\n  })\n\n  return {\n    [sizeName]: `${tabSize}px`,\n    transform: `translate${capitalize(sizeDir)}(${offset}px)`,\n  }\n}\n\nconst update = () => {\n  barStyle.value = getBarStyle()\n  if (!barReady.value) {\n    rAF(() =>\n      rAF(() => {\n        barReady.value = true\n      })\n    )\n  }\n}\n\nconst tabObservers = [] as ReturnType<typeof useResizeObserver>[]\nconst observerTabs = () => {\n  tabObservers.forEach((observer) => observer.stop())\n  tabObservers.length = 0\n\n  Object.values(props.tabRefs).forEach((tab) => {\n    tabObservers.push(useResizeObserver(tab, update))\n  })\n}\n\nwatch(\n  () => props.tabs,\n  async () => {\n    await nextTick()\n    update()\n\n    observerTabs()\n  },\n  { immediate: true }\n)\nconst barObserver = useResizeObserver(barRef, () => update())\n\nonBeforeUnmount(() => {\n  tabObservers.forEach((observer) => observer.stop())\n  tabObservers.length = 0\n  barObserver.stop()\n})\n\ndefineExpose({\n  /** @description tab root html element */\n  ref: barRef,\n  /** @description method to manually update tab bar style, return the updated style */\n  update,\n})\n</script>\n"],"mappings":";;;;;;;;;;;AAsBA,MAAM,iBAAiB;;;;;;EAIvB,MAAM,QAAQ;EAKd,MAAM,YAAA,GAAA,IAAA,QAAkB,kBAAA,mBAAkB;EAC1C,IAAI,CAAC,UAAU,cAAA,WAAW,gBAAgB,oCAAmC;EAE7E,MAAM,KAAK,cAAA,aAAa,OAAM;EAE9B,MAAM,UAAA,GAAA,IAAA,MAA6B;EACnC,MAAM,YAAA,GAAA,IAAA,MAA8B;EACpC,MAAM,YAAA,GAAA,IAAA,KAAe,MAAK;EAC1B,MAAM,kBAAA,GAAA,IAAA,gBAAgC;GACpC,IAAI,SAAS,OACX,OAAO,SAAS;GAElB,OAAO;IAAE,GAAG,SAAS;IAAO,YAAY;IAAO;IAChD;;;;;;;EAOD,MAAM,cAAA,GAAA,IAAA,gBAEF,cAAA,YAAY,SAAS,MAAM,aAAa,IACxC,QAAQ,SAAS,OAAO,UAAS,CACrC;EAEA,MAAM,oBAAmC;GACvC,IAAI,SAAS;GACb,IAAI,UAAU;GAEd,MAAM,WAAW,CAAC,OAAO,SAAS,CAAC,SAAS,SAAS,MAAM,YAAW,GAClE,UACA;GACJ,MAAM,UAAU,aAAa,UAAU,MAAM;GAC7C,MAAM,WAAW,YAAY,MAAM,SAAS;GAE5C,MAAM,KAAK,OAAO,QAAQ;IACxB,IAAI,cAAA,YAAY,IAAI,SAAS,EAAE,OAAO;IACtC,MAAM,MAAM,MAAM,QAAQ,IAAI;IAC9B,IAAI,CAAC,KAAK,OAAO;IAEjB,IAAI,CAAC,IAAI,QACP,OAAO;IAGT,SAAS,IAAI,SAAS,gBAAA,WAAW,SAAS;IAC1C,UAAU,IAAI,SAAS,gBAAA,WAAW,SAAS;IAE3C,MAAM,YAAY,OAAO,iBAAiB,IAAG;IAE7C,IAAI,aAAa,SAAS;KACxB,WACE,OAAO,WAAW,UAAU,YAAY,GACxC,OAAO,WAAW,UAAU,aAAY;KAC1C,UAAU,OAAO,WAAW,UAAU,YAAW;;IAEnD,OAAO;KACR;GAED,OAAO;KACJ,WAAW,GAAG,QAAQ;IACvB,WAAW,YAAY,gBAAA,WAAW,QAAQ,CAAC,GAAG,OAAO;IACvD;;EAGF,MAAM,eAAe;GACnB,SAAS,QAAQ,aAAY;GAC7B,IAAI,CAAC,SAAS,OACZ,YAAA,UACE,YAAA,UAAU;IACR,SAAS,QAAQ;KAClB,CACH;;EAIJ,MAAM,eAAe,EAAE;EACvB,MAAM,qBAAqB;GACzB,aAAa,SAAS,aAAa,SAAS,MAAM,CAAA;GAClD,aAAa,SAAS;GAEtB,OAAO,OAAO,MAAM,QAAQ,CAAC,SAAS,QAAQ;IAC5C,aAAa,MAAA,GAAA,aAAA,mBAAuB,KAAK,OAAO,CAAA;KACjD;;EAGH,CAAA,GAAA,IAAA,aACQ,MAAM,MACZ,YAAY;GACV,OAAA,GAAA,IAAA,WAAe;GACf,QAAO;GAEP,cAAa;KAEf,EAAE,WAAW,MAAK,CACpB;EACA,MAAM,eAAA,GAAA,aAAA,mBAAgC,cAAc,QAAQ,CAAA;EAE5D,CAAA,GAAA,IAAA,uBAAsB;GACpB,aAAa,SAAS,aAAa,SAAS,MAAM,CAAA;GAClD,aAAa,SAAS;GACtB,YAAY,MAAK;IAClB;EAED,SAAa;;GAEX,KAAK;;GAEL;GACD,CAAA;;4DAnIG,OAAA;aAPI;IAAJ,KAAI;IACH,QAAA,GAAA,IAAA,gBAAK;oBAAU,GAAE,CAAC,EAAC,aAAA;oBAAsB,GAAE,CAAC,IAAA,GAAA,IAAA,OAAG,SAAQ,CAAE,MAAM,YAAW;oBAAS,GAAE,CAAC,GAAE,UAAA,CAAY,WAAA,MAAU;;IAK9G,QAAA,GAAA,IAAA,gBAAO,eAAA,MAAc"}

package/lib/components/tabs/src/tab-bar2.js.map

@@ -1 +1 @@
-{"version":3,"file":"tab-bar2.js","names":[],"sources":["../../../../../../packages/components/tabs/src/tab-bar.vue"],"sourcesContent":["<template>\n  <div\n    v-if=\"renderActiveBar\"\n    ref=\"barRef\"\n    :class=\"[ns.e('active-bar'), ns.is(rootTabs!.props.tabPosition)]\"\n    :style=\"barStyle\"\n  />\n</template>\n\n<script lang=\"ts\" setup>\nimport { computed, inject, nextTick, onBeforeUnmount, ref, watch } from 'vue'\nimport { useResizeObserver } from '@vueuse/core'\nimport { capitalize, isUndefined, throwError } from '@element-plus/utils'\nimport { useNamespace } from '@element-plus/hooks'\nimport { tabsRootContextKey } from './constants'\n\nimport type { TabBarProps } from './tab-bar'\nimport type { CSSProperties } from 'vue'\n\nconst COMPONENT_NAME = 'ElTabBar'\ndefineOptions({\n  name: COMPONENT_NAME,\n})\nconst props = withDefaults(defineProps<TabBarProps>(), {\n  tabs: () => [],\n  tabRefs: () => ({}),\n})\n\nconst rootTabs = inject(tabsRootContextKey)\nif (!rootTabs) throwError(COMPONENT_NAME, '<el-tabs><el-tab-bar /></el-tabs>')\n\nconst ns = useNamespace('tabs')\n\nconst barRef = ref<HTMLDivElement>()\nconst barStyle = ref<CSSProperties>()\n/**\n * when defaultValue is not set, the bar is always shown.\n *\n * when defaultValue is set, the bar will be hidden until style is calculated\n * to avoid the bar showing in the wrong position on initial render.\n */\nconst renderActiveBar = computed(\n  () =>\n    isUndefined(rootTabs.props.defaultValue) ||\n    Boolean(barStyle.value?.transform)\n)\n\nconst getBarStyle = (): CSSProperties => {\n  let offset = 0\n  let tabSize = 0\n\n  const sizeName = ['top', 'bottom'].includes(rootTabs.props.tabPosition)\n    ? 'width'\n    : 'height'\n  const sizeDir = sizeName === 'width' ? 'x' : 'y'\n  const position = sizeDir === 'x' ? 'left' : 'top'\n\n  props.tabs.every((tab) => {\n    if (isUndefined(tab.paneName)) return false\n    const $el = props.tabRefs[tab.paneName]\n    if (!$el) return false\n\n    if (!tab.active) {\n      return true\n    }\n\n    offset = $el[`offset${capitalize(position)}`]\n    tabSize = $el[`client${capitalize(sizeName)}`]\n\n    const tabStyles = window.getComputedStyle($el)\n\n    if (sizeName === 'width') {\n      tabSize -=\n        Number.parseFloat(tabStyles.paddingLeft) +\n        Number.parseFloat(tabStyles.paddingRight)\n      offset += Number.parseFloat(tabStyles.paddingLeft)\n    }\n    return false\n  })\n\n  return {\n    [sizeName]: `${tabSize}px`,\n    transform: `translate${capitalize(sizeDir)}(${offset}px)`,\n  }\n}\n\nconst update = () => (barStyle.value = getBarStyle())\n\nconst tabObservers = [] as ReturnType<typeof useResizeObserver>[]\nconst observerTabs = () => {\n  tabObservers.forEach((observer) => observer.stop())\n  tabObservers.length = 0\n\n  Object.values(props.tabRefs).forEach((tab) => {\n    tabObservers.push(useResizeObserver(tab, update))\n  })\n}\n\nwatch(\n  () => props.tabs,\n  async () => {\n    await nextTick()\n    update()\n\n    observerTabs()\n  },\n  { immediate: true }\n)\nconst barObserver = useResizeObserver(barRef, () => update())\n\nonBeforeUnmount(() => {\n  tabObservers.forEach((observer) => observer.stop())\n  tabObservers.length = 0\n  barObserver.stop()\n})\n\ndefineExpose({\n  /** @description tab root html element */\n  ref: barRef,\n  /** @description method to manually update tab bar style, return the updated style */\n  update,\n})\n</script>\n"],"mappings":""}
+{"version":3,"file":"tab-bar2.js","names":[],"sources":["../../../../../../packages/components/tabs/src/tab-bar.vue"],"sourcesContent":["<template>\n  <div\n    ref=\"barRef\"\n    :class=\"[\n      ns.e('active-bar'),\n      ns.is(rootTabs!.props.tabPosition),\n      ns.is('hidden', !barVisible),\n    ]\"\n    :style=\"mergedBarStyle\"\n  />\n</template>\n\n<script lang=\"ts\" setup>\nimport { computed, inject, nextTick, onBeforeUnmount, ref, watch } from 'vue'\nimport { useResizeObserver } from '@vueuse/core'\nimport { capitalize, isUndefined, rAF, throwError } from '@element-plus/utils'\nimport { useNamespace } from '@element-plus/hooks'\nimport { tabsRootContextKey } from './constants'\n\nimport type { TabBarProps } from './tab-bar'\nimport type { CSSProperties } from 'vue'\n\nconst COMPONENT_NAME = 'ElTabBar'\ndefineOptions({\n  name: COMPONENT_NAME,\n})\nconst props = withDefaults(defineProps<TabBarProps>(), {\n  tabs: () => [],\n  tabRefs: () => ({}),\n})\n\nconst rootTabs = inject(tabsRootContextKey)\nif (!rootTabs) throwError(COMPONENT_NAME, '<el-tabs><el-tab-bar /></el-tabs>')\n\nconst ns = useNamespace('tabs')\n\nconst barRef = ref<HTMLDivElement>()\nconst barStyle = ref<CSSProperties>()\nconst barReady = ref(false)\nconst mergedBarStyle = computed(() => {\n  if (barReady.value) {\n    return barStyle.value\n  }\n  return { ...barStyle.value, transition: 'none' }\n})\n/**\n * when defaultValue is not set, the bar is always shown.\n *\n * when defaultValue is set, the bar will be hidden until style is calculated\n * to avoid the bar showing in the wrong position on initial render.\n */\nconst barVisible = computed(\n  () =>\n    isUndefined(rootTabs.props.defaultValue) ||\n    Boolean(barStyle.value?.transform)\n)\n\nconst getBarStyle = (): CSSProperties => {\n  let offset = 0\n  let tabSize = 0\n\n  const sizeName = ['top', 'bottom'].includes(rootTabs.props.tabPosition)\n    ? 'width'\n    : 'height'\n  const sizeDir = sizeName === 'width' ? 'x' : 'y'\n  const position = sizeDir === 'x' ? 'left' : 'top'\n\n  props.tabs.every((tab) => {\n    if (isUndefined(tab.paneName)) return false\n    const $el = props.tabRefs[tab.paneName]\n    if (!$el) return false\n\n    if (!tab.active) {\n      return true\n    }\n\n    offset = $el[`offset${capitalize(position)}`]\n    tabSize = $el[`client${capitalize(sizeName)}`]\n\n    const tabStyles = window.getComputedStyle($el)\n\n    if (sizeName === 'width') {\n      tabSize -=\n        Number.parseFloat(tabStyles.paddingLeft) +\n        Number.parseFloat(tabStyles.paddingRight)\n      offset += Number.parseFloat(tabStyles.paddingLeft)\n    }\n    return false\n  })\n\n  return {\n    [sizeName]: `${tabSize}px`,\n    transform: `translate${capitalize(sizeDir)}(${offset}px)`,\n  }\n}\n\nconst update = () => {\n  barStyle.value = getBarStyle()\n  if (!barReady.value) {\n    rAF(() =>\n      rAF(() => {\n        barReady.value = true\n      })\n    )\n  }\n}\n\nconst tabObservers = [] as ReturnType<typeof useResizeObserver>[]\nconst observerTabs = () => {\n  tabObservers.forEach((observer) => observer.stop())\n  tabObservers.length = 0\n\n  Object.values(props.tabRefs).forEach((tab) => {\n    tabObservers.push(useResizeObserver(tab, update))\n  })\n}\n\nwatch(\n  () => props.tabs,\n  async () => {\n    await nextTick()\n    update()\n\n    observerTabs()\n  },\n  { immediate: true }\n)\nconst barObserver = useResizeObserver(barRef, () => update())\n\nonBeforeUnmount(() => {\n  tabObservers.forEach((observer) => observer.stop())\n  tabObservers.length = 0\n  barObserver.stop()\n})\n\ndefineExpose({\n  /** @description tab root html element */\n  ref: barRef,\n  /** @description method to manually update tab bar style, return the updated style */\n  update,\n})\n</script>\n"],"mappings":""}

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

@@ -134,7 +134,7 @@ declare const Tabs: _$vue.DefineComponent<ExtractPropTypes<{
     isFocusInsidePane: () => boolean | undefined;
   }, ev: Event) => any) | undefined;
   onTabChange?: ((name: TabPaneName) => any) | undefined;
-  onEdit?: ((paneName: TabPaneName | undefined, action: "add" | "remove") => any) | undefined;
+  onEdit?: ((paneName: TabPaneName | undefined, action: "remove" | "add") => any) | undefined;
   onTabRemove?: ((name: TabPaneName) => any) | undefined;
   onTabAdd?: (() => any) | undefined;
 }>, {

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, "success" | "warning" | "info" | "primary" | "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;

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

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

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

@@ -8,8 +8,8 @@ type __VLS_Slots = {} & {
   default?: (props: typeof __VLS_9) => any;
 };
 declare const __VLS_base: _$vue.DefineComponent<TextProps, {}, {}, {}, {}, _$vue.ComponentOptionsMixin, _$vue.ComponentOptionsMixin, {}, string, _$vue.PublicProps, Readonly<TextProps> & Readonly<{}>, {
-  type: "primary" | "success" | "info" | "warning" | "danger" | "";
   size: ComponentSize;
+  type: "primary" | "success" | "info" | "warning" | "danger" | "";
   tag: string;
 }, {}, {}, {}, string, _$vue.ComponentProvideOptions, false, {}, any>;
 declare const __VLS_export: __VLS_WithSlots<typeof __VLS_base, __VLS_Slots>;

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

@@ -155,12 +155,12 @@ declare const __VLS_base: _$vue.DefineComponent<_$vue.ExtractPropTypes<{
    */
   onPick: (date?: any, visible?: boolean) => void;
 }, {}, {}, {}, _$vue.ComponentOptionsMixin, _$vue.ComponentOptionsMixin, {
-  change: (...args: any[]) => void;
   clear: (...args: any[]) => void;
-  "update:modelValue": (...args: any[]) => void;
   blur: (...args: any[]) => void;
+  change: (...args: any[]) => void;
   focus: (...args: any[]) => void;
   keydown: (...args: any[]) => void;
+  "update:modelValue": (...args: any[]) => void;
   "visible-change": (...args: any[]) => void;
   "calendar-change": (...args: any[]) => void;
   "panel-change": (...args: any[]) => void;
@@ -263,25 +263,24 @@ declare const __VLS_base: _$vue.DefineComponent<_$vue.ExtractPropTypes<{
   };
   readonly isRange: BooleanConstructor;
 }>> & Readonly<{
-  onChange?: ((...args: any[]) => any) | undefined;
   onClear?: ((...args: any[]) => any) | undefined;
-  "onUpdate:modelValue"?: ((...args: any[]) => any) | undefined;
   onBlur?: ((...args: any[]) => any) | undefined;
+  onChange?: ((...args: any[]) => any) | undefined;
   onFocus?: ((...args: any[]) => any) | undefined;
   onKeydown?: ((...args: any[]) => any) | undefined;
+  "onUpdate:modelValue"?: ((...args: any[]) => any) | undefined;
   "onVisible-change"?: ((...args: any[]) => any) | undefined;
   "onCalendar-change"?: ((...args: any[]) => any) | undefined;
   "onPanel-change"?: ((...args: any[]) => any) | undefined;
 }>, {
-  readonly type: string;
-  readonly arrowControl: boolean;
   readonly disabled: EpPropMergeType<BooleanConstructor, unknown, unknown>;
-  readonly modelValue: EpPropMergeType<(new (...args: any[]) => string | number | Date | string[] | number[] | Date[]) | (() => ModelValueType | null) | (((new (...args: any[]) => string | number | Date | string[] | number[] | Date[]) | (() => ModelValueType | null)) | null)[], unknown, unknown>;
-  readonly validateEvent: EpPropMergeType<BooleanConstructor, unknown, unknown>;
+  readonly type: string;
   readonly placeholder: string;
-  readonly clearable: EpPropMergeType<BooleanConstructor, unknown, unknown>;
   readonly tabindex: EpPropMergeType<(new (...args: any[]) => string | number) | (() => string | number) | (((new (...args: any[]) => string | number) | (() => string | number)) | null)[], unknown, unknown>;
+  readonly modelValue: EpPropMergeType<(new (...args: any[]) => string | number | Date | string[] | number[] | Date[]) | (() => ModelValueType | null) | (((new (...args: any[]) => string | number | Date | string[] | number[] | Date[]) | (() => ModelValueType | null)) | null)[], unknown, unknown>;
+  readonly validateEvent: EpPropMergeType<BooleanConstructor, unknown, unknown>;
   readonly automaticDropdown: EpPropMergeType<BooleanConstructor, unknown, unknown>;
+  readonly clearable: EpPropMergeType<BooleanConstructor, unknown, unknown>;
   readonly popperClass: ClassValue;
   readonly popperStyle: _$vue.StyleValue;
   readonly popperOptions: Partial<Options>;
@@ -289,6 +288,7 @@ declare const __VLS_base: _$vue.DefineComponent<_$vue.ExtractPropTypes<{
   readonly fallbackPlacements: Placement$1[];
   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 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 readonly: boolean;
   readonly editable: EpPropMergeType<BooleanConstructor, 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>;
@@ -298,9 +298,9 @@ declare const __VLS_base: _$vue.DefineComponent<_$vue.ExtractPropTypes<{
   readonly showConfirm: EpPropMergeType<BooleanConstructor, unknown, unknown>;
   readonly showFooter: EpPropMergeType<BooleanConstructor, unknown, unknown>;
   readonly showWeekNumber: boolean;
+  readonly arrowControl: boolean;
   readonly unlinkPanels: boolean;
   readonly singlePanel: boolean;
-  readonly readonly: boolean;
   readonly isRange: boolean;
 }, {}, {}, {}, string, _$vue.ComponentProvideOptions, true, {}, any>;
 declare const __VLS_export: __VLS_WithSlots<typeof __VLS_base, __VLS_Slots>;

package/lib/components/time-picker/src/time-picker-com/basic-time-spinner.vue.d.ts

@@ -81,9 +81,9 @@ declare const __VLS_export: _$vue.DefineComponent<_$vue.ExtractPropTypes<{
   "onSelect-range"?: ((...args: any[]) => any) | undefined;
   "onSet-option"?: ((...args: any[]) => any) | undefined;
 }>, {
+  readonly arrowControl: boolean;
   readonly showSeconds: EpPropMergeType<BooleanConstructor, unknown, unknown>;
   readonly amPmMode: EpPropMergeType<(new (...args: any[]) => "" | "a" | "A") | (() => "" | "a" | "A") | (((new (...args: any[]) => "" | "a" | "A") | (() => "" | "a" | "A")) | null)[], unknown, unknown>;
-  readonly arrowControl: boolean;
 }, {}, {}, {}, string, _$vue.ComponentProvideOptions, true, {}, any>;
 declare const _default: typeof __VLS_export;
 //#endregion

package/lib/components/time-picker/src/time-picker-com/panel-time-pick.vue.d.ts

@@ -15,9 +15,9 @@ declare const __VLS_export: _$vue.DefineComponent<_$vue.ExtractPropTypes<{
   readonly actualVisible: EpPropFinalized<BooleanConstructor, unknown, unknown, undefined, boolean>;
   readonly format: EpPropFinalized<StringConstructor, unknown, unknown, "", boolean>;
 }>, {}, {}, {}, {}, _$vue.ComponentOptionsMixin, _$vue.ComponentOptionsMixin, {
-  "select-range": (...args: any[]) => void;
   pick: (...args: any[]) => void;
   "set-picker-option": (...args: any[]) => void;
+  "select-range": (...args: any[]) => void;
 }, string, _$vue.PublicProps, Readonly<_$vue.ExtractPropTypes<{
   readonly datetimeRole: StringConstructor;
   readonly parsedValue: {
@@ -30,13 +30,13 @@ declare const __VLS_export: _$vue.DefineComponent<_$vue.ExtractPropTypes<{
   readonly actualVisible: EpPropFinalized<BooleanConstructor, unknown, unknown, undefined, boolean>;
   readonly format: EpPropFinalized<StringConstructor, unknown, unknown, "", boolean>;
 }>> & Readonly<{
-  "onSelect-range"?: ((...args: any[]) => any) | undefined;
   onPick?: ((...args: any[]) => any) | undefined;
   "onSet-picker-option"?: ((...args: any[]) => any) | undefined;
+  "onSelect-range"?: ((...args: any[]) => any) | undefined;
 }>, {
-  readonly actualVisible: EpPropMergeType<BooleanConstructor, unknown, unknown>;
-  readonly format: string;
   readonly visible: boolean;
+  readonly format: string;
+  readonly actualVisible: EpPropMergeType<BooleanConstructor, unknown, unknown>;
 }, {}, {}, {}, string, _$vue.ComponentProvideOptions, true, {}, any>;
 declare const _default: typeof __VLS_export;
 //#endregion

package/lib/components/time-picker/src/time-picker-com/panel-time-range.vue.d.ts

@@ -14,9 +14,9 @@ declare const __VLS_export: _$vue.DefineComponent<_$vue.ExtractPropTypes<{
   readonly actualVisible: EpPropFinalized<BooleanConstructor, unknown, unknown, undefined, boolean>;
   readonly format: EpPropFinalized<StringConstructor, unknown, unknown, "", boolean>;
 }>, {}, {}, {}, {}, _$vue.ComponentOptionsMixin, _$vue.ComponentOptionsMixin, {
-  "select-range": (...args: any[]) => void;
   pick: (...args: any[]) => void;
   "set-picker-option": (...args: any[]) => void;
+  "select-range": (...args: any[]) => void;
 }, string, _$vue.PublicProps, Readonly<_$vue.ExtractPropTypes<{
   readonly parsedValue: {
     readonly type: _$vue.PropType<[dayjs.Dayjs, dayjs.Dayjs]>;
@@ -28,13 +28,13 @@ declare const __VLS_export: _$vue.DefineComponent<_$vue.ExtractPropTypes<{
   readonly actualVisible: EpPropFinalized<BooleanConstructor, unknown, unknown, undefined, boolean>;
   readonly format: EpPropFinalized<StringConstructor, unknown, unknown, "", boolean>;
 }>> & Readonly<{
-  "onSelect-range"?: ((...args: any[]) => any) | undefined;
   onPick?: ((...args: any[]) => any) | undefined;
   "onSet-picker-option"?: ((...args: any[]) => any) | undefined;
+  "onSelect-range"?: ((...args: any[]) => any) | undefined;
 }>, {
-  readonly actualVisible: EpPropMergeType<BooleanConstructor, unknown, unknown>;
-  readonly format: string;
   readonly visible: boolean;
+  readonly format: string;
+  readonly actualVisible: EpPropMergeType<BooleanConstructor, unknown, unknown>;
 }, {}, {}, {}, string, _$vue.ComponentProvideOptions, true, {}, any>;
 declare const _default: typeof __VLS_export;
 //#endregion

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

@@ -211,15 +211,14 @@ declare const _default: _$vue.DefineComponent<_$vue.ExtractPropTypes<{
 }>> & Readonly<{
   "onUpdate:modelValue"?: ((...args: any[]) => any) | undefined;
 }>, {
-  type: string;
-  arrowControl: boolean;
   disabled: EpPropMergeType<BooleanConstructor, unknown, unknown>;
-  modelValue: EpPropMergeType<(new (...args: any[]) => string | number | Date | string[] | number[] | Date[]) | (() => ModelValueType | null) | (((new (...args: any[]) => string | number | Date | string[] | number[] | Date[]) | (() => ModelValueType | null)) | null)[], unknown, unknown>;
-  validateEvent: EpPropMergeType<BooleanConstructor, unknown, unknown>;
+  type: string;
   placeholder: string;
-  clearable: EpPropMergeType<BooleanConstructor, unknown, unknown>;
   tabindex: EpPropMergeType<(new (...args: any[]) => string | number) | (() => string | number) | (((new (...args: any[]) => string | number) | (() => string | number)) | null)[], unknown, unknown>;
+  modelValue: EpPropMergeType<(new (...args: any[]) => string | number | Date | string[] | number[] | Date[]) | (() => ModelValueType | null) | (((new (...args: any[]) => string | number | Date | string[] | number[] | Date[]) | (() => ModelValueType | null)) | null)[], unknown, unknown>;
+  validateEvent: EpPropMergeType<BooleanConstructor, unknown, unknown>;
   automaticDropdown: EpPropMergeType<BooleanConstructor, unknown, unknown>;
+  clearable: EpPropMergeType<BooleanConstructor, unknown, unknown>;
   popperClass: ClassValue;
   popperStyle: _$vue.StyleValue;
   popperOptions: Partial<Options>;
@@ -227,6 +226,7 @@ declare const _default: _$vue.DefineComponent<_$vue.ExtractPropTypes<{
   fallbackPlacements: Placement[];
   clearIcon: EpPropMergeType<(new (...args: any[]) => (string | _$vue.Component) & {}) | (() => string | _$vue.Component) | (((new (...args: any[]) => (string | _$vue.Component) & {}) | (() => string | _$vue.Component)) | null)[], unknown, unknown>;
   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: boolean;
   editable: EpPropMergeType<BooleanConstructor, unknown, unknown>;
   saveOnBlur: EpPropMergeType<BooleanConstructor, unknown, unknown>;
   prefixIcon: EpPropMergeType<(new (...args: any[]) => (string | _$vue.Component) & {}) | (() => string | _$vue.Component) | (((new (...args: any[]) => (string | _$vue.Component) & {}) | (() => string | _$vue.Component)) | null)[], unknown, unknown>;
@@ -236,9 +236,9 @@ declare const _default: _$vue.DefineComponent<_$vue.ExtractPropTypes<{
   showConfirm: EpPropMergeType<BooleanConstructor, unknown, unknown>;
   showFooter: EpPropMergeType<BooleanConstructor, unknown, unknown>;
   showWeekNumber: boolean;
+  arrowControl: boolean;
   unlinkPanels: boolean;
   singlePanel: boolean;
-  readonly: boolean;
   isRange: boolean;
 }, {}, {}, {}, string, _$vue.ComponentProvideOptions, true, {}, any>;
 //#endregion

package/lib/components/time-picker/src/utils.d.ts

@@ -10,7 +10,7 @@ declare const extractTimeFormat: (format: string) => string;
 declare const dateEquals: (a: Date | unknown, b: Date | unknown) => boolean;
 declare const valueEquals: (a: Array<Date> | unknown, b: Array<Date> | unknown) => boolean;
 declare const parseDate: (date: string | number | Date, format: string | undefined, lang: string) => dayjs.Dayjs | undefined;
-declare const formatter: (date: string | number | Date | Dayjs, format: string | undefined, lang: string) => string | number | dayjs.Dayjs | Date;
+declare const formatter: (date: string | number | Date | Dayjs, format: string | undefined, lang: string) => string | number | Date | dayjs.Dayjs;
 declare const makeList: (total: number, method?: () => number[]) => boolean[];
 declare const dayOrDaysToDate: (dayOrDays: DayOrDays) => DateOrDates;
 //#endregion

package/lib/components/time-select/src/time-select.vue.d.ts

@@ -15,24 +15,23 @@ declare const __VLS_export: _$vue.DefineComponent<TimeSelectProps, {
    */
   focus: () => void;
 }, {}, {}, {}, _$vue.ComponentOptionsMixin, _$vue.ComponentOptionsMixin, {
-  change: (...args: any[]) => void;
   clear: (...args: any[]) => void;
-  "update:modelValue": (...args: any[]) => void;
   blur: (...args: any[]) => void;
+  change: (...args: any[]) => void;
   focus: (...args: any[]) => void;
+  "update:modelValue": (...args: any[]) => void;
 }, string, _$vue.PublicProps, Readonly<TimeSelectProps> & Readonly<{
-  onChange?: ((...args: any[]) => any) | undefined;
   onClear?: ((...args: any[]) => any) | undefined;
-  "onUpdate:modelValue"?: ((...args: any[]) => any) | undefined;
   onBlur?: ((...args: any[]) => any) | undefined;
+  onChange?: ((...args: any[]) => any) | undefined;
   onFocus?: ((...args: any[]) => any) | undefined;
+  "onUpdate:modelValue"?: ((...args: any[]) => any) | undefined;
 }>, {
-  format: string;
   disabled: boolean;
   end: string;
   start: string;
-  clearable: boolean;
   effect: PopperEffect;
+  clearable: boolean;
   popperClass: string | false | Record<string, any> | ClassValue[] | null;
   popperStyle: string | false | _$vue.CSSProperties | _$vue.StyleValue[] | null;
   clearIcon: IconPropType;
@@ -40,6 +39,7 @@ declare const __VLS_export: _$vue.DefineComponent<TimeSelectProps, {
   step: string;
   editable: boolean;
   prefixIcon: IconPropType;
+  format: string;
 }, {}, {}, {}, string, _$vue.ComponentProvideOptions, false, {}, any>;
 declare const _default: typeof __VLS_export;
 //#endregion

package/lib/components/timeline/src/timeline-item.d.ts

@@ -51,7 +51,7 @@ declare const timelineItemProps: {
   readonly hideTimestamp: BooleanConstructor;
   readonly center: BooleanConstructor;
   readonly placement: EpPropFinalized<StringConstructor, "bottom" | "top", unknown, "bottom", boolean>;
-  readonly type: EpPropFinalized<StringConstructor, "success" | "warning" | "info" | "primary" | "danger", unknown, "", boolean>;
+  readonly type: EpPropFinalized<StringConstructor, "info" | "primary" | "success" | "warning" | "danger", unknown, "", boolean>;
   readonly color: EpPropFinalized<StringConstructor, unknown, unknown, "", boolean>;
   readonly size: EpPropFinalized<StringConstructor, "normal" | "large", unknown, "normal", boolean>;
   readonly icon: {

package/lib/components/timeline/src/timeline-item.vue.d.ts

@@ -9,8 +9,8 @@ type __VLS_Slots = {} & {
   default?: (props: typeof __VLS_14) => any;
 };
 declare const __VLS_base: _$vue.DefineComponent<TimelineItemProps, {}, {}, {}, {}, _$vue.ComponentOptionsMixin, _$vue.ComponentOptionsMixin, {}, string, _$vue.PublicProps, Readonly<TimelineItemProps> & Readonly<{}>, {
-  type: "primary" | "success" | "warning" | "danger" | "info" | "";
   size: "normal" | "large";
+  type: "primary" | "success" | "warning" | "danger" | "info" | "";
   color: string;
   placement: "top" | "bottom";
   timestamp: string;

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

@@ -59,10 +59,10 @@ declare const __VLS_base: _$vue.DefineComponent<UseTooltipProps, {
   "onBefore-show"?: ((...args: any[]) => any) | undefined;
   "onBefore-hide"?: ((...args: any[]) => any) | undefined;
 }>, {
-  role: typeof roleTypes[number];
   visible: boolean | null;
   style: string | false | _$vue.CSSProperties | _$vue.StyleValue[] | null;
   content: string;
+  role: typeof roleTypes[number];
   effect: PopperEffect;
   popperClass: string | false | Record<string, any> | ClassValue[] | null;
   popperStyle: string | false | _$vue.CSSProperties | _$vue.StyleValue[] | null;

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

@@ -15,14 +15,14 @@ type __VLS_Slots = {} & {
 };
 declare const __VLS_base: _$vue.DefineComponent<TourProps, {}, {}, {}, {}, _$vue.ComponentOptionsMixin, _$vue.ComponentOptionsMixin, {
   change: (current: number) => void;
-  "update:modelValue": (value: boolean) => void;
   close: (current: number) => void;
+  "update:modelValue": (value: boolean) => void;
   finish: () => void;
   "update:current": (current: number) => void;
 }, string, _$vue.PublicProps, Readonly<TourProps> & Readonly<{
   onChange?: ((current: number) => any) | undefined;
-  "onUpdate:modelValue"?: ((value: boolean) => any) | undefined;
   onClose?: ((current: number) => any) | undefined;
+  "onUpdate:modelValue"?: ((value: boolean) => any) | undefined;
   onFinish?: (() => any) | undefined;
   "onUpdate:current"?: ((current: number) => any) | undefined;
 }>, {