@element-plus/nightly 0.0.20260818 → 0.0.20260820

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/tab-nav.d.ts

@@ -267,9 +267,9 @@ declare const TabNav: _$vue.DefineComponent<ExtractPropTypes<{
   }, ev: Event) => any) | undefined;
 }>, {
   readonly type: EpPropMergeType<StringConstructor, "" | "card" | "border-card", unknown>;
-  readonly editable: boolean;
-  readonly tabindex: EpPropMergeType<readonly [StringConstructor, NumberConstructor], unknown, unknown>;
   readonly stretch: boolean;
+  readonly tabindex: EpPropMergeType<readonly [StringConstructor, NumberConstructor], unknown, unknown>;
+  readonly editable: boolean;
   readonly panes: {
     uid: number;
     getVnode: () => _$vue.VNode;

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

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

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

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

@@ -37,11 +37,11 @@ declare const __VLS_base: _$vue.DefineComponent<_$vue.ExtractPropTypes<{
   focus: () => void;
   blur: () => void;
 }, {}, {}, {}, _$vue.ComponentOptionsMixin, _$vue.ComponentOptionsMixin, {
-  click: (...args: any[]) => void;
   mouseenter: (...args: any[]) => void;
   mouseleave: (...args: any[]) => void;
   focus: (...args: any[]) => void;
   blur: (...args: any[]) => void;
+  click: (...args: any[]) => void;
   touchstart: (...args: any[]) => void;
   startInput: (...args: any[]) => void;
   endInput: (...args: any[]) => void;
@@ -70,11 +70,11 @@ declare const __VLS_base: _$vue.DefineComponent<_$vue.ExtractPropTypes<{
   readonly endPlaceholder: StringConstructor;
   readonly disabled: BooleanConstructor;
 }>> & Readonly<{
-  onClick?: ((...args: any[]) => any) | undefined;
   onMouseenter?: ((...args: any[]) => any) | undefined;
   onMouseleave?: ((...args: any[]) => any) | undefined;
   onFocus?: ((...args: any[]) => any) | undefined;
   onBlur?: ((...args: any[]) => any) | undefined;
+  onClick?: ((...args: any[]) => any) | undefined;
   onTouchstart?: ((...args: any[]) => any) | undefined;
   onStartInput?: ((...args: any[]) => any) | undefined;
   onEndInput?: ((...args: any[]) => any) | undefined;

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

@@ -116,7 +116,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 | Date | number[] | string[] | Date[]) | (() => ModelValueType | null) | (((new (...args: any[]) => string | number | Date | number[] | string[] | Date[]) | (() => ModelValueType | null)) | null)[], unknown, unknown, "", boolean>;
   readonly rangeSeparator: EpPropFinalized<StringConstructor, unknown, unknown, "-", boolean>;
   readonly startPlaceholder: StringConstructor;
   readonly endPlaceholder: StringConstructor;
@@ -155,15 +155,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;
-  "calendar-change": (...args: any[]) => void;
-  "panel-change": (...args: any[]) => void;
-  "visible-change": (...args: any[]) => void;
   focus: (...args: any[]) => void;
   blur: (...args: any[]) => void;
-  keydown: (...args: any[]) => void;
+  clear: (...args: any[]) => void;
   change: (...args: any[]) => void;
+  "visible-change": (...args: any[]) => void;
+  keydown: (...args: any[]) => void;
+  "calendar-change": (...args: any[]) => void;
+  "panel-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>;
@@ -245,7 +245,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 | Date | number[] | string[] | Date[]) | (() => ModelValueType | null) | (((new (...args: any[]) => string | number | Date | number[] | string[] | Date[]) | (() => ModelValueType | null)) | null)[], unknown, unknown, "", boolean>;
   readonly rangeSeparator: EpPropFinalized<StringConstructor, unknown, unknown, "-", boolean>;
   readonly startPlaceholder: StringConstructor;
   readonly endPlaceholder: StringConstructor;
@@ -263,36 +263,37 @@ declare const __VLS_base: _$vue.DefineComponent<_$vue.ExtractPropTypes<{
   };
   readonly isRange: BooleanConstructor;
 }>> & Readonly<{
-  onClear?: ((...args: any[]) => any) | undefined;
   "onUpdate:modelValue"?: ((...args: any[]) => any) | undefined;
-  "onCalendar-change"?: ((...args: any[]) => any) | undefined;
-  "onPanel-change"?: ((...args: any[]) => any) | undefined;
-  "onVisible-change"?: ((...args: any[]) => any) | undefined;
   onFocus?: ((...args: any[]) => any) | undefined;
   onBlur?: ((...args: any[]) => any) | undefined;
-  onKeydown?: ((...args: any[]) => any) | undefined;
+  onClear?: ((...args: any[]) => any) | undefined;
   onChange?: ((...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;
 }>, {
+  readonly modelValue: EpPropMergeType<(new (...args: any[]) => string | number | Date | number[] | string[] | Date[]) | (() => ModelValueType | null) | (((new (...args: any[]) => string | number | Date | number[] | string[] | Date[]) | (() => ModelValueType | null)) | null)[], unknown, unknown>;
   readonly type: string;
-  readonly automaticDropdown: EpPropMergeType<BooleanConstructor, unknown, unknown>;
-  readonly fallbackPlacements: Placement$1[];
   readonly placement: EpPropMergeType<(new (...args: any[]) => "auto" | "auto-start" | "auto-end" | "top" | "bottom" | "right" | "left" | "top-start" | "top-end" | "bottom-start" | "bottom-end" | "right-start" | "right-end" | "left-start" | "left-end") | (() => Placement$1) | (((new (...args: any[]) => "auto" | "auto-start" | "auto-end" | "top" | "bottom" | "right" | "left" | "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 disabled: EpPropMergeType<BooleanConstructor, unknown, unknown>;
+  readonly validateEvent: EpPropMergeType<BooleanConstructor, unknown, unknown>;
   readonly popperClass: ClassValue;
   readonly popperStyle: _$vue.StyleValue;
-  readonly disabled: EpPropMergeType<BooleanConstructor, unknown, unknown>;
+  readonly fallbackPlacements: Placement$1[];
+  readonly popperOptions: Partial<Options>;
+  readonly automaticDropdown: EpPropMergeType<BooleanConstructor, unknown, unknown>;
   readonly clearable: EpPropMergeType<BooleanConstructor, unknown, unknown>;
+  readonly placeholder: string;
   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 tabindex: EpPropMergeType<(new (...args: any[]) => string | number) | (() => string | number) | (((new (...args: any[]) => string | number) | (() => string | number)) | 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 prefixIcon: EpPropMergeType<(new (...args: any[]) => (string | _$vue.Component) & {}) | (() => string | _$vue.Component) | (((new (...args: any[]) => (string | _$vue.Component) & {}) | (() => string | _$vue.Component)) | null)[], unknown, unknown>;
   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>;
-  readonly placeholder: string;
-  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 rangeSeparator: string;
   readonly shortcuts: unknown[];
-  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 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 showNow: EpPropMergeType<BooleanConstructor, unknown, unknown>;
   readonly showConfirm: EpPropMergeType<BooleanConstructor, unknown, unknown>;
   readonly showFooter: EpPropMergeType<BooleanConstructor, unknown, unknown>;
@@ -300,7 +301,6 @@ declare const __VLS_base: _$vue.DefineComponent<_$vue.ExtractPropTypes<{
   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/common/props.d.ts

@@ -97,7 +97,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 | Date | number[] | string[] | Date[]) | (() => ModelValueType | null) | (((new (...args: any[]) => string | number | Date | number[] | string[] | 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.d.ts

@@ -91,7 +91,7 @@ declare const _default: _$vue.DefineComponent<_$vue.ExtractPropTypes<{
   disabled: EpPropFinalized<BooleanConstructor, unknown, unknown, undefined, boolean>;
   placeholder: EpPropFinalized<StringConstructor, unknown, unknown, "", boolean>;
   popperOptions: EpPropFinalized<(new (...args: any[]) => Partial<Options>) | (() => Partial<Options>) | (((new (...args: any[]) => Partial<Options>) | (() => Partial<Options>)) | null)[], unknown, unknown, () => {}, boolean>;
-  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>;
+  modelValue: EpPropFinalized<(new (...args: any[]) => string | number | Date | number[] | string[] | Date[]) | (() => ModelValueType | null) | (((new (...args: any[]) => string | number | Date | number[] | string[] | Date[]) | (() => ModelValueType | null)) | null)[], unknown, unknown, "", boolean>;
   rangeSeparator: EpPropFinalized<StringConstructor, unknown, unknown, "-", boolean>;
   startPlaceholder: StringConstructor;
   endPlaceholder: StringConstructor;
@@ -192,7 +192,7 @@ declare const _default: _$vue.DefineComponent<_$vue.ExtractPropTypes<{
   disabled: EpPropFinalized<BooleanConstructor, unknown, unknown, undefined, boolean>;
   placeholder: EpPropFinalized<StringConstructor, unknown, unknown, "", boolean>;
   popperOptions: EpPropFinalized<(new (...args: any[]) => Partial<Options>) | (() => Partial<Options>) | (((new (...args: any[]) => Partial<Options>) | (() => Partial<Options>)) | null)[], unknown, unknown, () => {}, boolean>;
-  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>;
+  modelValue: EpPropFinalized<(new (...args: any[]) => string | number | Date | number[] | string[] | Date[]) | (() => ModelValueType | null) | (((new (...args: any[]) => string | number | Date | number[] | string[] | Date[]) | (() => ModelValueType | null)) | null)[], unknown, unknown, "", boolean>;
   rangeSeparator: EpPropFinalized<StringConstructor, unknown, unknown, "-", boolean>;
   startPlaceholder: StringConstructor;
   endPlaceholder: StringConstructor;
@@ -211,26 +211,27 @@ declare const _default: _$vue.DefineComponent<_$vue.ExtractPropTypes<{
 }>> & Readonly<{
   "onUpdate:modelValue"?: ((...args: any[]) => any) | undefined;
 }>, {
+  modelValue: EpPropMergeType<(new (...args: any[]) => string | number | Date | number[] | string[] | Date[]) | (() => ModelValueType | null) | (((new (...args: any[]) => string | number | Date | number[] | string[] | Date[]) | (() => ModelValueType | null)) | null)[], unknown, unknown>;
   type: string;
-  automaticDropdown: EpPropMergeType<BooleanConstructor, unknown, unknown>;
-  fallbackPlacements: Placement[];
   placement: EpPropMergeType<(new (...args: any[]) => "auto" | "auto-start" | "auto-end" | "top" | "bottom" | "right" | "left" | "top-start" | "top-end" | "bottom-start" | "bottom-end" | "right-start" | "right-end" | "left-start" | "left-end") | (() => Placement) | (((new (...args: any[]) => "auto" | "auto-start" | "auto-end" | "top" | "bottom" | "right" | "left" | "top-start" | "top-end" | "bottom-start" | "bottom-end" | "right-start" | "right-end" | "left-start" | "left-end") | (() => Placement)) | null)[], Placement, unknown>;
-  popperOptions: Partial<Options>;
+  disabled: EpPropMergeType<BooleanConstructor, unknown, unknown>;
+  validateEvent: EpPropMergeType<BooleanConstructor, unknown, unknown>;
   popperClass: ClassValue;
   popperStyle: _$vue.StyleValue;
-  disabled: EpPropMergeType<BooleanConstructor, unknown, unknown>;
+  fallbackPlacements: Placement[];
+  popperOptions: Partial<Options>;
+  automaticDropdown: EpPropMergeType<BooleanConstructor, unknown, unknown>;
   clearable: EpPropMergeType<BooleanConstructor, unknown, unknown>;
+  placeholder: string;
   clearIcon: EpPropMergeType<(new (...args: any[]) => (string | _$vue.Component) & {}) | (() => string | _$vue.Component) | (((new (...args: any[]) => (string | _$vue.Component) & {}) | (() => string | _$vue.Component)) | null)[], unknown, unknown>;
+  tabindex: EpPropMergeType<(new (...args: any[]) => string | number) | (() => string | number) | (((new (...args: any[]) => string | number) | (() => string | number)) | 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;
+  prefixIcon: EpPropMergeType<(new (...args: any[]) => (string | _$vue.Component) & {}) | (() => string | _$vue.Component) | (((new (...args: any[]) => (string | _$vue.Component) & {}) | (() => string | _$vue.Component)) | null)[], unknown, unknown>;
   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>;
-  placeholder: string;
-  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>;
   rangeSeparator: string;
   shortcuts: unknown[];
-  tabindex: EpPropMergeType<(new (...args: any[]) => string | number) | (() => string | number) | (((new (...args: any[]) => string | number) | (() => string | number)) | null)[], unknown, unknown>;
-  validateEvent: EpPropMergeType<BooleanConstructor, 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>;
   showNow: EpPropMergeType<BooleanConstructor, unknown, unknown>;
   showConfirm: EpPropMergeType<BooleanConstructor, unknown, unknown>;
   showFooter: EpPropMergeType<BooleanConstructor, unknown, unknown>;
@@ -238,7 +239,6 @@ declare const _default: _$vue.DefineComponent<_$vue.ExtractPropTypes<{
   arrowControl: boolean;
   unlinkPanels: boolean;
   singlePanel: boolean;
-  readonly: boolean;
   isRange: boolean;
 }, {}, {}, {}, string, _$vue.ComponentProvideOptions, true, {}, any>;
 //#endregion

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

@@ -15,31 +15,31 @@ declare const __VLS_export: _$vue.DefineComponent<TimeSelectProps, {
    */
   focus: () => void;
 }, {}, {}, {}, _$vue.ComponentOptionsMixin, _$vue.ComponentOptionsMixin, {
-  clear: (...args: any[]) => void;
   "update:modelValue": (...args: any[]) => void;
   focus: (...args: any[]) => void;
   blur: (...args: any[]) => void;
+  clear: (...args: any[]) => void;
   change: (...args: any[]) => void;
 }, string, _$vue.PublicProps, Readonly<TimeSelectProps> & Readonly<{
-  onClear?: ((...args: any[]) => any) | undefined;
   "onUpdate:modelValue"?: ((...args: any[]) => any) | undefined;
   onFocus?: ((...args: any[]) => any) | undefined;
   onBlur?: ((...args: any[]) => any) | undefined;
+  onClear?: ((...args: any[]) => any) | undefined;
   onChange?: ((...args: any[]) => any) | undefined;
 }>, {
+  disabled: boolean;
+  step: string;
   effect: PopperEffect;
   popperClass: string | false | Record<string, any> | ClassValue[] | null;
   popperStyle: string | false | _$vue.CSSProperties | _$vue.StyleValue[] | null;
-  disabled: boolean;
+  end: string;
+  start: string;
   clearable: boolean;
   clearIcon: IconPropType;
-  editable: boolean;
-  prefixIcon: IconPropType;
   valueOnClear: string | number | boolean | Function | null;
+  prefixIcon: IconPropType;
+  editable: boolean;
   format: string;
-  end: string;
-  start: string;
-  step: 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, "top" | "bottom", unknown, "bottom", boolean>;
-  readonly type: EpPropFinalized<StringConstructor, "primary" | "success" | "warning" | "info" | "danger", unknown, "", boolean>;
+  readonly type: EpPropFinalized<StringConstructor, "primary" | "success" | "info" | "warning" | "danger", unknown, "", boolean>;
   readonly color: EpPropFinalized<StringConstructor, unknown, unknown, "", boolean>;
   readonly size: EpPropFinalized<StringConstructor, "large" | "normal", unknown, "normal", boolean>;
   readonly icon: {

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

@@ -9,9 +9,9 @@ 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<{}>, {
-  size: "normal" | "large";
   type: "primary" | "success" | "warning" | "danger" | "info" | "";
   placement: "top" | "bottom";
+  size: "normal" | "large";
   color: string;
   timestamp: string;
 }, {}, {}, {}, string, _$vue.ComponentProvideOptions, false, {}, any>;

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

@@ -127,7 +127,7 @@ declare const useTooltipContentProps: {
   readonly offset: EpPropFinalized<NumberConstructor, unknown, unknown, 12, boolean>;
   readonly placement: EpPropFinalized<StringConstructor, Placement, unknown, "bottom", boolean>;
   readonly popperOptions: EpPropFinalized<(new (...args: any[]) => Partial<Options>) | (() => Partial<Options>) | (((new (...args: any[]) => Partial<Options>) | (() => Partial<Options>)) | null)[], unknown, unknown, () => {}, boolean>;
-  readonly strategy: EpPropFinalized<StringConstructor, "fixed" | "absolute", unknown, "absolute", boolean>;
+  readonly strategy: EpPropFinalized<StringConstructor, "absolute" | "fixed", unknown, "absolute", boolean>;
   readonly showAfter: EpPropFinalized<NumberConstructor, unknown, unknown, 0, boolean>;
   readonly hideAfter: EpPropFinalized<NumberConstructor, unknown, unknown, 200, boolean>;
   readonly autoClose: EpPropFinalized<NumberConstructor, unknown, unknown, 0, boolean>;

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

@@ -20,30 +20,30 @@ declare const __VLS_base: _$vue.DefineComponent<ElTooltipContentProps, {
    */
   isFocusInsideContent: (event?: FocusEvent) => boolean | undefined;
 }, {}, {}, {}, _$vue.ComponentOptionsMixin, _$vue.ComponentOptionsMixin, {}, string, _$vue.PublicProps, Readonly<ElTooltipContentProps> & Readonly<{}>, {
-  showAfter: number;
-  hideAfter: number;
-  autoClose: number;
-  boundariesPadding: number;
-  gpuAcceleration: boolean;
-  offset: number;
   placement: Placement;
-  popperOptions: Partial<Options>;
-  strategy: "fixed" | "absolute";
-  arrowOffset: number;
+  visible: boolean | null;
   style: string | false | _$vue.CSSProperties | _$vue.StyleValue[] | null;
   effect: PopperEffect;
   enterable: boolean;
-  popperClass: string | false | Record<string, any> | ClassValue[] | null;
-  popperStyle: string | false | _$vue.CSSProperties | _$vue.StyleValue[] | null;
-  stopPopperMouseEvent: boolean;
-  loop: boolean;
-  visible: boolean | null;
   pure: boolean;
   focusOnShow: boolean;
   trapping: boolean;
+  popperClass: string | false | Record<string, any> | ClassValue[] | null;
+  popperStyle: string | false | _$vue.CSSProperties | _$vue.StyleValue[] | null;
+  stopPopperMouseEvent: boolean;
   virtualTriggering: boolean;
+  loop: boolean;
+  boundariesPadding: number;
+  gpuAcceleration: boolean;
+  offset: number;
+  popperOptions: Partial<Options>;
+  strategy: "absolute" | "fixed";
+  arrowOffset: number;
   content: string;
   teleported: boolean;
+  showAfter: number;
+  hideAfter: number;
+  autoClose: number;
 }, {}, {}, {}, string, _$vue.ComponentProvideOptions, false, {}, any>;
 declare const __VLS_export: __VLS_WithSlots<typeof __VLS_base, __VLS_Slots>;
 declare const _default: typeof __VLS_export;

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

@@ -39,7 +39,7 @@ declare const useTooltipProps: {
   showArrow: EpPropFinalized<BooleanConstructor, unknown, unknown, boolean, boolean>;
   arrowOffset: EpPropFinalized<NumberConstructor, unknown, unknown, 5, boolean>;
   disabled: BooleanConstructor;
-  trigger: EpPropFinalized<(new (...args: any[]) => "click" | "hover" | "focus" | "contextmenu" | TooltipTriggerType[]) | (() => Arrayable<TooltipTriggerType>) | (((new (...args: any[]) => "click" | "hover" | "focus" | "contextmenu" | TooltipTriggerType[]) | (() => Arrayable<TooltipTriggerType>)) | null)[], unknown, unknown, "hover", boolean>;
+  trigger: EpPropFinalized<(new (...args: any[]) => "hover" | "focus" | "click" | "contextmenu" | TooltipTriggerType[]) | (() => Arrayable<TooltipTriggerType>) | (((new (...args: any[]) => "hover" | "focus" | "click" | "contextmenu" | TooltipTriggerType[]) | (() => Arrayable<TooltipTriggerType>)) | null)[], unknown, unknown, "hover", boolean>;
   triggerKeys: EpPropFinalized<(new (...args: any[]) => string[]) | (() => string[]) | (((new (...args: any[]) => string[]) | (() => string[])) | null)[], unknown, unknown, () => string[], boolean>;
   focusOnTarget: BooleanConstructor;
   virtualRef: {
@@ -141,7 +141,7 @@ declare const useTooltipProps: {
   offset: EpPropFinalized<NumberConstructor, unknown, unknown, 12, boolean>;
   placement: EpPropFinalized<StringConstructor, Placement, unknown, "bottom", boolean>;
   popperOptions: EpPropFinalized<(new (...args: any[]) => Partial<Options>) | (() => Partial<Options>) | (((new (...args: any[]) => Partial<Options>) | (() => Partial<Options>)) | null)[], unknown, unknown, () => {}, boolean>;
-  strategy: EpPropFinalized<StringConstructor, "fixed" | "absolute", unknown, "absolute", boolean>;
+  strategy: EpPropFinalized<StringConstructor, "absolute" | "fixed", unknown, "absolute", boolean>;
   showAfter: EpPropFinalized<NumberConstructor, unknown, unknown, 0, boolean>;
   hideAfter: EpPropFinalized<NumberConstructor, unknown, unknown, 200, boolean>;
   autoClose: EpPropFinalized<NumberConstructor, unknown, unknown, 0, boolean>;
@@ -151,7 +151,7 @@ declare const useTooltipProps: {
     readonly validator: ((val: unknown) => boolean) | undefined;
     __epPropKey: true;
   };
-  role: EpPropFinalized<StringConstructor, "grid" | "dialog" | "menu" | "tooltip" | "group" | "listbox" | "navigation" | "tree", unknown, "tooltip", boolean>;
+  role: EpPropFinalized<StringConstructor, "tooltip" | "dialog" | "grid" | "group" | "listbox" | "menu" | "navigation" | "tree", unknown, "tooltip", boolean>;
 };
 declare const tooltipEmits: readonly [..."update:visible"[], "before-show", "before-hide", "show", "hide", "open", "close"];
 /**

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

@@ -43,48 +43,48 @@ declare const __VLS_base: _$vue.DefineComponent<UseTooltipProps, {
    */
   hide: (event?: Event) => void;
 }, {}, {}, {}, _$vue.ComponentOptionsMixin, _$vue.ComponentOptionsMixin, {
-  open: (...args: any[]) => void;
-  close: (...args: any[]) => void;
   "update:visible": (...args: any[]) => void;
   "before-show": (...args: any[]) => void;
   "before-hide": (...args: any[]) => void;
   show: (...args: any[]) => void;
   hide: (...args: any[]) => void;
+  open: (...args: any[]) => void;
+  close: (...args: any[]) => void;
 }, string, _$vue.PublicProps, Readonly<UseTooltipProps> & Readonly<{
-  onOpen?: ((...args: any[]) => any) | undefined;
-  onClose?: ((...args: any[]) => any) | undefined;
   "onUpdate:visible"?: ((...args: any[]) => any) | undefined;
   "onBefore-show"?: ((...args: any[]) => any) | undefined;
   "onBefore-hide"?: ((...args: any[]) => any) | undefined;
   onShow?: ((...args: any[]) => any) | undefined;
   onHide?: ((...args: any[]) => any) | undefined;
+  onOpen?: ((...args: any[]) => any) | undefined;
+  onClose?: ((...args: any[]) => any) | undefined;
 }>, {
-  showAfter: number;
-  hideAfter: number;
-  autoClose: number;
-  boundariesPadding: number;
-  gpuAcceleration: boolean;
-  offset: number;
   placement: Placement;
-  popperOptions: Partial<Options>;
-  strategy: "fixed" | "absolute";
-  arrowOffset: number;
+  visible: boolean | null;
   style: string | false | _$vue.CSSProperties | _$vue.StyleValue[] | null;
   effect: PopperEffect;
   enterable: boolean;
-  popperClass: string | false | Record<string, any> | ClassValue[] | null;
-  popperStyle: string | false | _$vue.CSSProperties | _$vue.StyleValue[] | null;
-  stopPopperMouseEvent: boolean;
-  loop: boolean;
-  visible: boolean | null;
   pure: boolean;
   focusOnShow: boolean;
   trapping: boolean;
+  popperClass: string | false | Record<string, any> | ClassValue[] | null;
+  popperStyle: string | false | _$vue.CSSProperties | _$vue.StyleValue[] | null;
+  stopPopperMouseEvent: boolean;
   virtualTriggering: boolean;
+  loop: boolean;
+  boundariesPadding: number;
+  gpuAcceleration: boolean;
+  offset: number;
+  popperOptions: Partial<Options>;
+  strategy: "absolute" | "fixed";
+  arrowOffset: number;
+  showArrow: boolean;
+  role: typeof roleTypes[number];
   content: string;
   teleported: boolean;
-  role: typeof roleTypes[number];
-  showArrow: boolean;
+  showAfter: number;
+  hideAfter: number;
+  autoClose: number;
   trigger: Arrayable<TooltipTriggerType>;
   triggerKeys: string[];
 }, {}, {}, {}, string, _$vue.ComponentProvideOptions, false, {}, any>;