@element-plus/nightly 0.0.20260819 → 0.0.20260820

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

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

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

@@ -16,8 +16,9 @@ declare const __VLS_export: <T extends DefaultRow = DefaultRow>(__VLS_props: Non
       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;
+    "onCurrent-change"?: ((currentRow: T | null, oldCurrentRow: T | null) => any) | undefined;
+    "onExpand-change"?: ((row: T, expanded: boolean) => any) | undefined;
     "onSelection-change"?: ((newSelection: T[]) => any) | undefined;
     "onCell-mouse-enter"?: ((row: T, column: TableColumnCtx<T>, cell: HTMLTableCellElement, event: MouseEvent) => any) | undefined;
     "onCell-mouse-leave"?: ((row: T, column: TableColumnCtx<T>, cell: HTMLTableCellElement, event: MouseEvent) => any) | undefined;
@@ -36,7 +37,6 @@ declare const __VLS_export: <T extends DefaultRow = DefaultRow>(__VLS_props: Non
     }) => any) | undefined;
     "onFilter-change"?: ((newFilters: Record<string, string[]>) => any) | undefined;
     "onHeader-dragend"?: ((newWidth: number, oldWidth: number, column: TableColumnCtx<T>, event: MouseEvent) => any) | undefined;
-    "onExpand-change"?: ((row: T, expanded: boolean) => any) | undefined;
   }> & (typeof globalThis extends {
     __VLS_PROPS_FALLBACK: infer P;
   } ? P : {});
@@ -611,7 +611,7 @@ declare const __VLS_export: <T extends DefaultRow = DefaultRow>(__VLS_props: Non
     handleHeaderFooterMousewheel: (_event: WheelEvent, data: any) => void;
     handleMouseLeave: () => void;
     tableId: string;
-    tableSize: _$vue.ComputedRef<"" | "default" | "large" | "small">;
+    tableSize: _$vue.ComputedRef<"" | "default" | "small" | "large">;
     isHidden: _$vue.Ref<boolean, boolean>;
     isEmpty: _$vue.ComputedRef<boolean>;
     renderExpanded: _$vue.Ref<RenderExpanded<T> | null, RenderExpanded<T> | null>;
@@ -693,7 +693,7 @@ declare const __VLS_export: <T extends DefaultRow = DefaultRow>(__VLS_props: Non
     computedSumText: _$vue.ComputedRef<string>;
     computedEmptyText: _$vue.ComputedRef<string>;
     computedTooltipEffect: _$vue.ComputedRef<string | undefined>;
-    computedTooltipOptions: _$vue.ComputedRef<Partial<Omit<UseTooltipProps, "visible" | "content" | "autoClose" | "referenceEl" | "triggerTargetEl" | "virtualTriggering" | "rawContent" | "persistent" | "virtualRef">> | undefined>;
+    computedTooltipOptions: _$vue.ComputedRef<Partial<Omit<UseTooltipProps, "persistent" | "visible" | "referenceEl" | "triggerTargetEl" | "virtualTriggering" | "content" | "rawContent" | "autoClose" | "virtualRef">> | undefined>;
     tableLayout: _$vue.ComputedRef<"auto" | "fixed">;
     scrollbarViewStyle: {
       display: string;

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

@@ -88,8 +88,8 @@ declare const TableV2Header: _$vue.DefineComponent<_$vue.ExtractPropTypes<{
     __epPropKey: true;
   };
 }>> & Readonly<{}>, {
-  readonly rowHeight: number;
   readonly headerHeight: EpPropMergeType<(new (...args: any[]) => number | number[]) | (() => number | number[]) | (((new (...args: any[]) => number | number[]) | (() => number | number[])) | null)[], unknown, unknown>;
+  readonly rowHeight: number;
 }, {}, {}, {}, string, _$vue.ComponentProvideOptions, true, {}, any>;
 type TableV2HeaderInstance = InstanceType<typeof TableV2Header> & {
   /**

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

@@ -143,8 +143,8 @@ declare const TableV2Row: _$vue.DefineComponent<_$vue.ExtractPropTypes<{
   };
 }>> & Readonly<{}>, {
   readonly isScrolling: boolean;
-  readonly estimatedRowHeight: number;
   readonly rowKey: EpPropMergeType<(new (...args: any[]) => string | number | symbol) | (() => KeyType) | (((new (...args: any[]) => string | number | symbol) | (() => KeyType)) | null)[], unknown, unknown>;
+  readonly estimatedRowHeight: number;
 }, {}, {}, {}, string, _$vue.ComponentProvideOptions, true, {}, any>;
 type TableV2RowCellRenderParam = {
   column: TableV2RowProps['columns'][number];

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

@@ -198,14 +198,14 @@ declare const TableGrid: _$vue.DefineComponent<_$vue.ExtractPropTypes<{
     __epPropKey: true;
   };
 }>> & Readonly<{}>, {
-  readonly useIsScrolling: boolean;
   readonly scrollbarAlwaysOn: boolean;
+  readonly useIsScrolling: boolean;
   readonly cache: number;
+  readonly rowKey: EpPropMergeType<(new (...args: any[]) => string | number | symbol) | (() => KeyType) | (((new (...args: any[]) => string | number | symbol) | (() => KeyType)) | null)[], unknown, unknown>;
+  readonly headerHeight: EpPropMergeType<(new (...args: any[]) => number | number[]) | (() => number | number[]) | (((new (...args: any[]) => number | number[]) | (() => number | number[])) | null)[], unknown, unknown>;
   readonly estimatedRowHeight: number;
   readonly scrollbarStartGap: number;
   readonly scrollbarEndGap: number;
-  readonly rowKey: EpPropMergeType<(new (...args: any[]) => string | number | symbol) | (() => KeyType) | (((new (...args: any[]) => string | number | symbol) | (() => KeyType)) | null)[], unknown, unknown>;
-  readonly headerHeight: EpPropMergeType<(new (...args: any[]) => number | number[]) | (() => number | number[]) | (((new (...args: any[]) => number | number[]) | (() => number | number[])) | null)[], unknown, unknown>;
 }, {}, {}, {}, string, _$vue.ComponentProvideOptions, true, {}, any>;
 type TableGridRowSlotParams = {
   columns: TableV2GridProps['columns'];

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

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

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

@@ -24,7 +24,7 @@ declare const tabsProps: {
     __epPropKey: true;
   };
   readonly editable: BooleanConstructor;
-  readonly tabPosition: EpPropFinalized<StringConstructor, "left" | "right" | "bottom" | "top", unknown, "top", boolean>;
+  readonly tabPosition: EpPropFinalized<StringConstructor, "top" | "bottom" | "right" | "left", unknown, "top", boolean>;
   readonly beforeLeave: EpPropFinalized<(new (...args: any[]) => (newName: TabPaneName, oldName: TabPaneName) => Awaitable<void | boolean>) | (() => (newName: TabPaneName, oldName: TabPaneName) => Awaitable<void | boolean>) | {
     (): (newName: TabPaneName, oldName: TabPaneName) => Awaitable<void | boolean>;
     new (): any;
@@ -66,7 +66,7 @@ declare const Tabs: _$vue.DefineComponent<ExtractPropTypes<{
     __epPropKey: true;
   };
   readonly editable: BooleanConstructor;
-  readonly tabPosition: EpPropFinalized<StringConstructor, "left" | "right" | "bottom" | "top", unknown, "top", boolean>;
+  readonly tabPosition: EpPropFinalized<StringConstructor, "top" | "bottom" | "right" | "left", unknown, "top", boolean>;
   readonly beforeLeave: EpPropFinalized<(new (...args: any[]) => (newName: TabPaneName, oldName: TabPaneName) => Awaitable<void | boolean>) | (() => (newName: TabPaneName, oldName: TabPaneName) => Awaitable<void | boolean>) | {
     (): (newName: TabPaneName, oldName: TabPaneName) => Awaitable<void | boolean>;
     new (): any;
@@ -102,7 +102,7 @@ declare const Tabs: _$vue.DefineComponent<ExtractPropTypes<{
     __epPropKey: true;
   };
   readonly editable: BooleanConstructor;
-  readonly tabPosition: EpPropFinalized<StringConstructor, "left" | "right" | "bottom" | "top", unknown, "top", boolean>;
+  readonly tabPosition: EpPropFinalized<StringConstructor, "top" | "bottom" | "right" | "left", unknown, "top", boolean>;
   readonly beforeLeave: EpPropFinalized<(new (...args: any[]) => (newName: TabPaneName, oldName: TabPaneName) => Awaitable<void | boolean>) | (() => (newName: TabPaneName, oldName: TabPaneName) => Awaitable<void | boolean>) | {
     (): (newName: TabPaneName, oldName: TabPaneName) => Awaitable<void | boolean>;
     new (): any;
@@ -140,12 +140,12 @@ declare const Tabs: _$vue.DefineComponent<ExtractPropTypes<{
 }>, {
   readonly type: EpPropMergeType<StringConstructor, "" | "card" | "border-card", unknown>;
   readonly stretch: boolean;
-  readonly tabindex: EpPropMergeType<readonly [StringConstructor, NumberConstructor], unknown, unknown>;
   readonly closable: boolean;
-  readonly tabPosition: EpPropMergeType<StringConstructor, "left" | "right" | "bottom" | "top", unknown>;
+  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;
-  readonly editable: boolean;
 }, {}, {}, {}, string, _$vue.ComponentProvideOptions, true, {}, any>;
 type TabsInstance = InstanceType<typeof Tabs> & {
   currentName: TabPaneName;

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

@@ -43,13 +43,13 @@ 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, "primary" | "success" | "info" | "warning" | "danger", unknown, "primary", boolean>;
   readonly closable: BooleanConstructor;
   readonly disableTransitions: BooleanConstructor;
   readonly hit: BooleanConstructor;
   readonly color: StringConstructor;
   readonly size: {
-    readonly type: _$vue.PropType<EpPropMergeType<StringConstructor, "" | "default" | "large" | "small", unknown>>;
+    readonly type: _$vue.PropType<EpPropMergeType<StringConstructor, "" | "default" | "small" | "large", unknown>>;
     readonly required: false;
     readonly validator: ((val: unknown) => boolean) | undefined;
     __epPropKey: true;

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

@@ -9,11 +9,11 @@ type __VLS_Slots = {} & {
   default?: (props: typeof __VLS_22) => any;
 };
 declare const __VLS_base: _$vue.DefineComponent<TagProps, {}, {}, {}, {}, _$vue.ComponentOptionsMixin, _$vue.ComponentOptionsMixin, {
-  click: (evt: MouseEvent) => void;
   close: (evt: MouseEvent) => void;
+  click: (evt: MouseEvent) => void;
 }, string, _$vue.PublicProps, Readonly<TagProps> & Readonly<{
-  onClick?: ((evt: MouseEvent) => any) | undefined;
   onClose?: ((evt: MouseEvent) => any) | undefined;
+  onClick?: ((evt: MouseEvent) => any) | undefined;
 }>, {
   type: "primary" | "success" | "info" | "warning" | "danger";
   effect: "dark" | "light" | "plain";

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

@@ -30,8 +30,8 @@ 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 size: EpPropFinalized<StringConstructor, "" | "default" | "large" | "small", 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: {
     readonly type: _$vue.PropType<EpPropMergeType<readonly [StringConstructor, NumberConstructor], unknown, unknown>>;

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, {
-  blur: (...args: any[]) => void;
-  click: (...args: any[]) => void;
-  focus: (...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<{
-  onBlur?: ((...args: any[]) => any) | undefined;
-  onClick?: ((...args: any[]) => any) | undefined;
-  onFocus?: ((...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

@@ -61,7 +61,7 @@ declare const __VLS_base: _$vue.DefineComponent<_$vue.ExtractPropTypes<{
   readonly validateEvent: EpPropFinalized<BooleanConstructor, unknown, unknown, true, boolean>;
   readonly unlinkPanels: BooleanConstructor;
   readonly singlePanel: BooleanConstructor;
-  readonly placement: EpPropFinalized<(new (...args: any[]) => "auto" | "left" | "right" | "bottom" | "top" | "auto-start" | "auto-end" | "top-start" | "top-end" | "bottom-start" | "bottom-end" | "right-start" | "right-end" | "left-start" | "left-end") | (() => Placement$1) | (((new (...args: any[]) => "auto" | "left" | "right" | "bottom" | "top" | "auto-start" | "auto-end" | "top-start" | "top-end" | "bottom-start" | "bottom-end" | "right-start" | "right-end" | "left-start" | "left-end") | (() => Placement$1)) | null)[], Placement$1, unknown, "bottom", boolean>;
+  readonly placement: EpPropFinalized<(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, "bottom", boolean>;
   readonly fallbackPlacements: EpPropFinalized<(new (...args: any[]) => Placement$1[]) | (() => Placement$1[]) | (((new (...args: any[]) => Placement$1[]) | (() => Placement$1[])) | null)[], unknown, unknown, readonly ["bottom", "top", "right", "left"], boolean>;
   readonly disabledHours: {
     readonly type: _$vue.PropType<GetDisabledHours>;
@@ -107,7 +107,7 @@ declare const __VLS_base: _$vue.DefineComponent<_$vue.ExtractPropTypes<{
   readonly saveOnBlur: EpPropFinalized<BooleanConstructor, unknown, unknown, true, boolean>;
   readonly prefixIcon: EpPropFinalized<(new (...args: any[]) => (string | _$vue.Component) & {}) | (() => string | _$vue.Component) | (((new (...args: any[]) => (string | _$vue.Component) & {}) | (() => string | _$vue.Component)) | null)[], unknown, unknown, "", boolean>;
   readonly size: {
-    readonly type: _$vue.PropType<EpPropMergeType<StringConstructor, "" | "default" | "large" | "small", never>>;
+    readonly type: _$vue.PropType<EpPropMergeType<StringConstructor, "" | "default" | "small" | "large", never>>;
     readonly required: false;
     readonly validator: ((val: unknown) => boolean) | undefined;
     __epPropKey: true;
@@ -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 | Date | string[] | number[] | Date[]) | (() => ModelValueType | null) | (((new (...args: any[]) => string | number | Date | string[] | 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,13 +155,13 @@ 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;
   focus: (...args: any[]) => void;
-  keydown: (...args: any[]) => void;
+  blur: (...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<{
@@ -190,7 +190,7 @@ declare const __VLS_base: _$vue.DefineComponent<_$vue.ExtractPropTypes<{
   readonly validateEvent: EpPropFinalized<BooleanConstructor, unknown, unknown, true, boolean>;
   readonly unlinkPanels: BooleanConstructor;
   readonly singlePanel: BooleanConstructor;
-  readonly placement: EpPropFinalized<(new (...args: any[]) => "auto" | "left" | "right" | "bottom" | "top" | "auto-start" | "auto-end" | "top-start" | "top-end" | "bottom-start" | "bottom-end" | "right-start" | "right-end" | "left-start" | "left-end") | (() => Placement$1) | (((new (...args: any[]) => "auto" | "left" | "right" | "bottom" | "top" | "auto-start" | "auto-end" | "top-start" | "top-end" | "bottom-start" | "bottom-end" | "right-start" | "right-end" | "left-start" | "left-end") | (() => Placement$1)) | null)[], Placement$1, unknown, "bottom", boolean>;
+  readonly placement: EpPropFinalized<(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, "bottom", boolean>;
   readonly fallbackPlacements: EpPropFinalized<(new (...args: any[]) => Placement$1[]) | (() => Placement$1[]) | (((new (...args: any[]) => Placement$1[]) | (() => Placement$1[])) | null)[], unknown, unknown, readonly ["bottom", "top", "right", "left"], boolean>;
   readonly disabledHours: {
     readonly type: _$vue.PropType<GetDisabledHours>;
@@ -236,7 +236,7 @@ declare const __VLS_base: _$vue.DefineComponent<_$vue.ExtractPropTypes<{
   readonly saveOnBlur: EpPropFinalized<BooleanConstructor, unknown, unknown, true, boolean>;
   readonly prefixIcon: EpPropFinalized<(new (...args: any[]) => (string | _$vue.Component) & {}) | (() => string | _$vue.Component) | (((new (...args: any[]) => (string | _$vue.Component) & {}) | (() => string | _$vue.Component)) | null)[], unknown, unknown, "", boolean>;
   readonly size: {
-    readonly type: _$vue.PropType<EpPropMergeType<StringConstructor, "" | "default" | "large" | "small", never>>;
+    readonly type: _$vue.PropType<EpPropMergeType<StringConstructor, "" | "default" | "small" | "large", never>>;
     readonly required: false;
     readonly validator: ((val: unknown) => boolean) | undefined;
     __epPropKey: true;
@@ -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 | Date | string[] | number[] | Date[]) | (() => ModelValueType | null) | (((new (...args: any[]) => string | number | Date | string[] | 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,44 +263,44 @@ 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;
   onFocus?: ((...args: any[]) => any) | undefined;
-  onKeydown?: ((...args: any[]) => any) | undefined;
+  onBlur?: ((...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 arrowControl: boolean;
+  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 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 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 automaticDropdown: EpPropMergeType<BooleanConstructor, unknown, unknown>;
   readonly popperClass: ClassValue;
   readonly popperStyle: _$vue.StyleValue;
-  readonly popperOptions: Partial<Options>;
-  readonly placement: EpPropMergeType<(new (...args: any[]) => "auto" | "left" | "right" | "bottom" | "top" | "auto-start" | "auto-end" | "top-start" | "top-end" | "bottom-start" | "bottom-end" | "right-start" | "right-end" | "left-start" | "left-end") | (() => Placement$1) | (((new (...args: any[]) => "auto" | "left" | "right" | "bottom" | "top" | "auto-start" | "auto-end" | "top-start" | "top-end" | "bottom-start" | "bottom-end" | "right-start" | "right-end" | "left-start" | "left-end") | (() => Placement$1)) | null)[], Placement$1, unknown>;
   readonly 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 rangeSeparator: string;
   readonly shortcuts: unknown[];
   readonly showNow: EpPropMergeType<BooleanConstructor, unknown, unknown>;
   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/common/props.d.ts

@@ -42,7 +42,7 @@ declare const timePickerDefaultProps: {
   readonly validateEvent: EpPropFinalized<BooleanConstructor, unknown, unknown, true, boolean>;
   readonly unlinkPanels: BooleanConstructor;
   readonly singlePanel: BooleanConstructor;
-  readonly placement: EpPropFinalized<(new (...args: any[]) => "auto" | "left" | "right" | "bottom" | "top" | "auto-start" | "auto-end" | "top-start" | "top-end" | "bottom-start" | "bottom-end" | "right-start" | "right-end" | "left-start" | "left-end") | (() => Placement$1) | (((new (...args: any[]) => "auto" | "left" | "right" | "bottom" | "top" | "auto-start" | "auto-end" | "top-start" | "top-end" | "bottom-start" | "bottom-end" | "right-start" | "right-end" | "left-start" | "left-end") | (() => Placement$1)) | null)[], Placement$1, unknown, "bottom", boolean>;
+  readonly placement: EpPropFinalized<(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, "bottom", boolean>;
   readonly fallbackPlacements: EpPropFinalized<(new (...args: any[]) => Placement$1[]) | (() => Placement$1[]) | (((new (...args: any[]) => Placement$1[]) | (() => Placement$1[])) | null)[], unknown, unknown, readonly ["bottom", "top", "right", "left"], boolean>;
   readonly disabledHours: {
     readonly type: _$vue.PropType<GetDisabledHours>;
@@ -88,7 +88,7 @@ declare const timePickerDefaultProps: {
   readonly saveOnBlur: EpPropFinalized<BooleanConstructor, unknown, unknown, true, boolean>;
   readonly prefixIcon: EpPropFinalized<(new (...args: any[]) => (string | Component) & {}) | (() => string | Component) | (((new (...args: any[]) => (string | Component) & {}) | (() => string | Component)) | null)[], unknown, unknown, "", boolean>;
   readonly size: {
-    readonly type: _$vue.PropType<EpPropMergeType<StringConstructor, "" | "default" | "large" | "small", never>>;
+    readonly type: _$vue.PropType<EpPropMergeType<StringConstructor, "" | "default" | "small" | "large", never>>;
     readonly required: false;
     readonly validator: ((val: unknown) => boolean) | undefined;
     __epPropKey: true;
@@ -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 | Date | string[] | number[] | Date[]) | (() => ModelValueType | null) | (((new (...args: any[]) => string | number | Date | string[] | 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;