element-plus 2.14.1 → 2.14.3

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

@@ -197,7 +197,7 @@ declare const timePickerDefaultProps: {
   readonly disabled: EpPropFinalized<BooleanConstructor, unknown, unknown, undefined, boolean>;
   readonly placeholder: EpPropFinalized<StringConstructor, unknown, unknown, "", boolean>;
   readonly popperOptions: EpPropFinalized<(new (...args: any[]) => Partial<Options>) | (() => Partial<Options>) | (((new (...args: any[]) => Partial<Options>) | (() => Partial<Options>)) | null)[], unknown, unknown, () => {}, boolean>;
-  readonly modelValue: EpPropFinalized<(new (...args: any[]) => string | number | string[] | Date | number[] | Date[]) | (() => ModelValueType | null) | (((new (...args: any[]) => string | number | string[] | Date | number[] | Date[]) | (() => ModelValueType | null)) | null)[], unknown, unknown, "", boolean>;
+  readonly modelValue: EpPropFinalized<(new (...args: any[]) => string | number | string[] | Date | Date[] | number[]) | (() => ModelValueType | null) | (((new (...args: any[]) => string | number | string[] | Date | Date[] | number[]) | (() => ModelValueType | null)) | null)[], unknown, unknown, "", boolean>;
   readonly rangeSeparator: EpPropFinalized<StringConstructor, unknown, unknown, "-", boolean>;
   readonly startPlaceholder: StringConstructor;
   readonly endPlaceholder: StringConstructor;

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

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

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

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

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

@@ -191,7 +191,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 | string[] | Date | Date[] | number[]) | (() => ModelValueType | null) | (((new (...args: any[]) => string | number | string[] | Date | Date[] | number[]) | (() => ModelValueType | null)) | null)[], unknown, unknown, "", boolean>;
   rangeSeparator: EpPropFinalized<StringConstructor, unknown, unknown, "-", boolean>;
   startPlaceholder: StringConstructor;
   endPlaceholder: StringConstructor;
@@ -393,7 +393,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 | string[] | Date | Date[] | number[]) | (() => ModelValueType | null) | (((new (...args: any[]) => string | number | string[] | Date | Date[] | number[]) | (() => ModelValueType | null)) | null)[], unknown, unknown, "", boolean>;
   rangeSeparator: EpPropFinalized<StringConstructor, unknown, unknown, "-", boolean>;
   startPlaceholder: StringConstructor;
   endPlaceholder: StringConstructor;
@@ -412,14 +412,10 @@ declare const _default: _$vue.DefineComponent<_$vue.ExtractPropTypes<{
 }>> & Readonly<{
   "onUpdate:modelValue"?: ((...args: any[]) => any) | undefined;
 }>, {
-  disabled: EpPropMergeType<BooleanConstructor, unknown, unknown>;
-  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>;
   type: string;
+  modelValue: EpPropMergeType<(new (...args: any[]) => string | number | string[] | Date | Date[] | number[]) | (() => ModelValueType | null) | (((new (...args: any[]) => string | number | string[] | Date | Date[] | number[]) | (() => ModelValueType | null)) | null)[], unknown, unknown>;
   placeholder: string;
-  readonly: boolean;
-  clearable: EpPropMergeType<BooleanConstructor, unknown, unknown>;
-  clearIcon: EpPropMergeType<(new (...args: any[]) => (string | _$vue.Component) & {}) | (() => string | _$vue.Component) | (((new (...args: any[]) => (string | _$vue.Component) & {}) | (() => string | _$vue.Component)) | null)[], 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>;
+  disabled: EpPropMergeType<BooleanConstructor, unknown, 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>;
@@ -427,6 +423,10 @@ declare const _default: _$vue.DefineComponent<_$vue.ExtractPropTypes<{
   fallbackPlacements: Placement[];
   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) | (((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)) | null)[], Placement, unknown>;
   popperOptions: Partial<Options>;
+  readonly: boolean;
+  clearable: EpPropMergeType<BooleanConstructor, unknown, unknown>;
+  clearIcon: EpPropMergeType<(new (...args: any[]) => (string | _$vue.Component) & {}) | (() => string | _$vue.Component) | (((new (...args: any[]) => (string | _$vue.Component) & {}) | (() => string | _$vue.Component)) | null)[], 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>;
   automaticDropdown: EpPropMergeType<BooleanConstructor, unknown, unknown>;
   editable: EpPropMergeType<BooleanConstructor, unknown, unknown>;
   saveOnBlur: EpPropMergeType<BooleanConstructor, unknown, unknown>;

package/lib/components/time-select/index.d.ts

@@ -1,8 +1,8 @@
 import { SFCWithInstall } from "../../utils/vue/typescript.js";
-import { DEFAULT_STEP, TimeSelectInstance, TimeSelectProps, TimeSelectPropsPublic, timeSelectProps } from "./src/time-select.js";
+import { DEFAULT_END, DEFAULT_START, DEFAULT_STEP, TimeSelectInstance, TimeSelectProps, TimeSelectPropsPublic, timeSelectProps } from "./src/time-select.js";
 import _default from "./src/time-select.vue.js";
 
 //#region ../../packages/components/time-select/index.d.ts
 declare const ElTimeSelect: SFCWithInstall<typeof _default>;
 //#endregion
-export { DEFAULT_STEP, ElTimeSelect, ElTimeSelect as default, TimeSelectInstance, TimeSelectProps, TimeSelectPropsPublic, timeSelectProps };
+export { DEFAULT_END, DEFAULT_START, DEFAULT_STEP, ElTimeSelect, ElTimeSelect as default, TimeSelectInstance, TimeSelectProps, TimeSelectPropsPublic, timeSelectProps };

package/lib/components/time-select/index.js

@@ -8,6 +8,8 @@ const require_time_select$1 = require("./src/time-select2.js");
 //#region ../../packages/components/time-select/index.ts
 const ElTimeSelect = require_install.withInstall(require_time_select$1.default);
 //#endregion
+exports.DEFAULT_END = require_time_select.DEFAULT_END;
+exports.DEFAULT_START = require_time_select.DEFAULT_START;
 exports.DEFAULT_STEP = require_time_select.DEFAULT_STEP;
 exports.ElTimeSelect = ElTimeSelect;
 exports.default = ElTimeSelect;

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

@@ -86,6 +86,8 @@ interface TimeSelectProps extends UseEmptyValuesProps {
    */
   popperStyle?: string | CSSProperties;
 }
+declare const DEFAULT_START = "09:00";
+declare const DEFAULT_END = "18:00";
 declare const DEFAULT_STEP = "00:30";
 /**
  * @deprecated Removed after 3.0.0, Use `TimeSelectProps` instead.
@@ -144,4 +146,4 @@ declare const timeSelectProps: {
 type TimeSelectPropsPublic = ExtractPublicPropTypes<typeof timeSelectProps>;
 type TimeSelectInstance = InstanceType<typeof _default> & unknown;
 //#endregion
-export { DEFAULT_STEP, TimeSelectInstance, TimeSelectProps, TimeSelectPropsPublic, timeSelectProps };
+export { DEFAULT_END, DEFAULT_START, DEFAULT_STEP, TimeSelectInstance, TimeSelectProps, TimeSelectPropsPublic, timeSelectProps };

package/lib/components/time-select/src/time-select.js

@@ -5,6 +5,8 @@ const require_index = require("../../../hooks/use-size/index.js");
 const require_index$1 = require("../../../hooks/use-empty-values/index.js");
 let _element_plus_icons_vue = require("@element-plus/icons-vue");
 //#region ../../packages/components/time-select/src/time-select.ts
+const DEFAULT_START = "09:00";
+const DEFAULT_END = "18:00";
 const DEFAULT_STEP = "00:30";
 /**
 * @deprecated Removed after 3.0.0, Use `TimeSelectProps` instead.
@@ -62,14 +64,14 @@ const timeSelectProps = require_runtime$1.buildProps({
 	*/
 	start: {
 		type: String,
-		default: "09:00"
+		default: DEFAULT_START
 	},
 	/**
 	* @description end time
 	*/
 	end: {
 		type: String,
-		default: "18:00"
+		default: DEFAULT_END
 	},
 	/**
 	* @description time step
@@ -122,6 +124,8 @@ const timeSelectProps = require_runtime$1.buildProps({
 	...require_index$1.useEmptyValuesProps
 });
 //#endregion
+exports.DEFAULT_END = DEFAULT_END;
+exports.DEFAULT_START = DEFAULT_START;
 exports.DEFAULT_STEP = DEFAULT_STEP;
 exports.timeSelectProps = timeSelectProps;
 

package/lib/components/time-select/src/time-select.js.map

@@ -1 +1 @@
-{"version":3,"file":"time-select.js","names":["buildProps","definePropType","useSizeProp","Clock","CircleClose","useEmptyValuesProps"],"sources":["../../../../../../packages/components/time-select/src/time-select.ts"],"sourcesContent":["import { buildProps, definePropType } from '@element-plus/utils'\nimport { CircleClose, Clock } from '@element-plus/icons-vue'\nimport { useEmptyValuesProps, useSizeProp } from '@element-plus/hooks'\n\nimport type { UseEmptyValuesProps } from '@element-plus/hooks'\nimport type { PopperEffect } from '@element-plus/components/popper'\nimport type TimeSelect from './time-select.vue'\nimport type { CSSProperties, Component, ExtractPublicPropTypes } from 'vue'\nimport type { ComponentSize } from '@element-plus/constants'\nimport type { IconPropType } from '@element-plus/utils'\n\nexport interface TimeSelectProps extends UseEmptyValuesProps {\n  /**\n   * @description set format of time\n   */\n  format?: string\n  /**\n   * @description binding value\n   */\n  modelValue?: string | null\n  /**\n   * @description whether TimeSelect is disabled\n   */\n  disabled?: boolean\n  /**\n   * @description whether the input is editable\n   */\n  editable?: boolean\n  /**\n   * @description Tooltip theme, built-in theme: `dark` / `light`\n   */\n  effect?: PopperEffect\n  /**\n   * @description whether to show clear button\n   */\n  clearable?: boolean\n  /**\n   * @description size of Input\n   */\n  size?: ComponentSize\n  /**\n   * @description placeholder in non-range mode\n   */\n  placeholder?: string\n  /**\n   * @description start time\n   */\n  start?: string\n  /**\n   * @description end time\n   */\n  end?: string\n  /**\n   * @description time step\n   */\n  step?: string\n  /**\n   * @description minimum time, any time before this time will be disabled\n   */\n  minTime?: string | null\n  /**\n   * @description maximum time, any time after this time will be disabled\n   */\n  maxTime?: string | null\n  /**\n   * @description whether `end` is included in options\n   */\n  includeEndTime?: boolean\n  /**\n   * @description same as `name` in native input\n   */\n  name?: string\n  /**\n   * @description custom prefix icon component\n   */\n  prefixIcon?: IconPropType\n  /**\n   * @description custom clear icon component\n   */\n  clearIcon?: IconPropType\n  /**\n   * @description custom class name for TimeSelect's dropdown\n   */\n  popperClass?: string\n  /**\n   * @description custom style for TimeSelect's dropdown\n   */\n  popperStyle?: string | CSSProperties\n}\n\nexport const DEFAULT_STEP = '00:30'\n\n/**\n * @deprecated Removed after 3.0.0, Use `TimeSelectProps` instead.\n */\nexport const timeSelectProps = buildProps({\n  /**\n   * @description set format of time\n   */\n  format: {\n    type: String,\n    default: 'HH:mm',\n  },\n  /**\n   * @description binding value\n   */\n  modelValue: {\n    type: definePropType<string | null>(String),\n  },\n  /**\n   * @description whether TimeSelect is disabled\n   */\n  disabled: {\n    type: Boolean,\n    default: undefined,\n  },\n  /**\n   * @description whether the input is editable\n   */\n  editable: {\n    type: Boolean,\n    default: true,\n  },\n  /**\n   * @description Tooltip theme, built-in theme: `dark` / `light`\n   */\n  effect: {\n    type: definePropType<PopperEffect>(String),\n    default: 'light',\n  },\n  /**\n   * @description whether to show clear button\n   */\n  clearable: {\n    type: Boolean,\n    default: true,\n  },\n  /**\n   * @description size of Input\n   */\n  size: useSizeProp,\n  /**\n   * @description placeholder in non-range mode\n   */\n  placeholder: String,\n  /**\n   * @description start time\n   */\n  start: {\n    type: String,\n    default: '09:00',\n  },\n  /**\n   * @description end time\n   */\n  end: {\n    type: String,\n    default: '18:00',\n  },\n  /**\n   * @description time step\n   */\n  step: {\n    type: String,\n    default: DEFAULT_STEP,\n  },\n  /**\n   * @description minimum time, any time before this time will be disabled\n   */\n  minTime: {\n    type: definePropType<string | null>(String),\n  },\n  /**\n   * @description maximum time, any time after this time will be disabled\n   */\n  maxTime: {\n    type: definePropType<string | null>(String),\n  },\n  /**\n   * @description whether `end` is included in options\n   */\n  includeEndTime: Boolean,\n  /**\n   * @description same as `name` in native input\n   */\n  name: String,\n  /**\n   * @description custom prefix icon component\n   */\n  prefixIcon: {\n    type: definePropType<string | Component>([String, Object]),\n    default: () => Clock,\n  },\n  /**\n   * @description custom clear icon component\n   */\n  clearIcon: {\n    type: definePropType<string | Component>([String, Object]),\n    default: () => CircleClose,\n  },\n  /**\n   * @description custom class name for TimeSelect's dropdown\n   */\n  popperClass: {\n    type: String,\n    default: '',\n  },\n  /**\n   * @description custom style for TimeSelect's dropdown\n   */\n  popperStyle: {\n    type: definePropType<string | CSSProperties>([String, Object]),\n  },\n  ...useEmptyValuesProps,\n} as const)\n\n/**\n * @deprecated Removed after 3.0.0, Use `TimeSelectProps` instead.\n */\nexport type TimeSelectPropsPublic = ExtractPublicPropTypes<\n  typeof timeSelectProps\n>\n\nexport type TimeSelectInstance = InstanceType<typeof TimeSelect> & unknown\n"],"mappings":";;;;;;;AA0FA,MAAa,eAAe;;;;AAK5B,MAAa,kBAAkBA,kBAAAA,WAAW;;;;CAIxC,QAAQ;EACN,MAAM;EACN,SAAS;EACV;;;;CAID,YAAY,EACV,MAAMC,kBAAAA,eAA8B,OAAO,EAC5C;;;;CAID,UAAU;EACR,MAAM;EACN,SAAS,KAAA;EACV;;;;CAID,UAAU;EACR,MAAM;EACN,SAAS;EACV;;;;CAID,QAAQ;EACN,MAAMA,kBAAAA,eAA6B,OAAO;EAC1C,SAAS;EACV;;;;CAID,WAAW;EACT,MAAM;EACN,SAAS;EACV;;;;CAID,MAAMC,cAAAA;;;;CAIN,aAAa;;;;CAIb,OAAO;EACL,MAAM;EACN,SAAS;EACV;;;;CAID,KAAK;EACH,MAAM;EACN,SAAS;EACV;;;;CAID,MAAM;EACJ,MAAM;EACN,SAAS;EACV;;;;CAID,SAAS,EACP,MAAMD,kBAAAA,eAA8B,OAAO,EAC5C;;;;CAID,SAAS,EACP,MAAMA,kBAAAA,eAA8B,OAAO,EAC5C;;;;CAID,gBAAgB;;;;CAIhB,MAAM;;;;CAIN,YAAY;EACV,MAAMA,kBAAAA,eAAmC,CAAC,QAAQ,OAAO,CAAC;EAC1D,eAAeE,wBAAAA;EAChB;;;;CAID,WAAW;EACT,MAAMF,kBAAAA,eAAmC,CAAC,QAAQ,OAAO,CAAC;EAC1D,eAAeG,wBAAAA;EAChB;;;;CAID,aAAa;EACX,MAAM;EACN,SAAS;EACV;;;;CAID,aAAa,EACX,MAAMH,kBAAAA,eAAuC,CAAC,QAAQ,OAAO,CAAC,EAC/D;CACD,GAAGI,gBAAAA;CACJ,CAAU"}
+{"version":3,"file":"time-select.js","names":["buildProps","definePropType","useSizeProp","Clock","CircleClose","useEmptyValuesProps"],"sources":["../../../../../../packages/components/time-select/src/time-select.ts"],"sourcesContent":["import { buildProps, definePropType } from '@element-plus/utils'\nimport { CircleClose, Clock } from '@element-plus/icons-vue'\nimport { useEmptyValuesProps, useSizeProp } from '@element-plus/hooks'\n\nimport type { UseEmptyValuesProps } from '@element-plus/hooks'\nimport type { PopperEffect } from '@element-plus/components/popper'\nimport type TimeSelect from './time-select.vue'\nimport type { CSSProperties, Component, ExtractPublicPropTypes } from 'vue'\nimport type { ComponentSize } from '@element-plus/constants'\nimport type { IconPropType } from '@element-plus/utils'\n\nexport interface TimeSelectProps extends UseEmptyValuesProps {\n  /**\n   * @description set format of time\n   */\n  format?: string\n  /**\n   * @description binding value\n   */\n  modelValue?: string | null\n  /**\n   * @description whether TimeSelect is disabled\n   */\n  disabled?: boolean\n  /**\n   * @description whether the input is editable\n   */\n  editable?: boolean\n  /**\n   * @description Tooltip theme, built-in theme: `dark` / `light`\n   */\n  effect?: PopperEffect\n  /**\n   * @description whether to show clear button\n   */\n  clearable?: boolean\n  /**\n   * @description size of Input\n   */\n  size?: ComponentSize\n  /**\n   * @description placeholder in non-range mode\n   */\n  placeholder?: string\n  /**\n   * @description start time\n   */\n  start?: string\n  /**\n   * @description end time\n   */\n  end?: string\n  /**\n   * @description time step\n   */\n  step?: string\n  /**\n   * @description minimum time, any time before this time will be disabled\n   */\n  minTime?: string | null\n  /**\n   * @description maximum time, any time after this time will be disabled\n   */\n  maxTime?: string | null\n  /**\n   * @description whether `end` is included in options\n   */\n  includeEndTime?: boolean\n  /**\n   * @description same as `name` in native input\n   */\n  name?: string\n  /**\n   * @description custom prefix icon component\n   */\n  prefixIcon?: IconPropType\n  /**\n   * @description custom clear icon component\n   */\n  clearIcon?: IconPropType\n  /**\n   * @description custom class name for TimeSelect's dropdown\n   */\n  popperClass?: string\n  /**\n   * @description custom style for TimeSelect's dropdown\n   */\n  popperStyle?: string | CSSProperties\n}\n\nexport const DEFAULT_START = '09:00'\nexport const DEFAULT_END = '18:00'\nexport const DEFAULT_STEP = '00:30'\n\n/**\n * @deprecated Removed after 3.0.0, Use `TimeSelectProps` instead.\n */\nexport const timeSelectProps = buildProps({\n  /**\n   * @description set format of time\n   */\n  format: {\n    type: String,\n    default: 'HH:mm',\n  },\n  /**\n   * @description binding value\n   */\n  modelValue: {\n    type: definePropType<string | null>(String),\n  },\n  /**\n   * @description whether TimeSelect is disabled\n   */\n  disabled: {\n    type: Boolean,\n    default: undefined,\n  },\n  /**\n   * @description whether the input is editable\n   */\n  editable: {\n    type: Boolean,\n    default: true,\n  },\n  /**\n   * @description Tooltip theme, built-in theme: `dark` / `light`\n   */\n  effect: {\n    type: definePropType<PopperEffect>(String),\n    default: 'light',\n  },\n  /**\n   * @description whether to show clear button\n   */\n  clearable: {\n    type: Boolean,\n    default: true,\n  },\n  /**\n   * @description size of Input\n   */\n  size: useSizeProp,\n  /**\n   * @description placeholder in non-range mode\n   */\n  placeholder: String,\n  /**\n   * @description start time\n   */\n  start: {\n    type: String,\n    default: DEFAULT_START,\n  },\n  /**\n   * @description end time\n   */\n  end: {\n    type: String,\n    default: DEFAULT_END,\n  },\n  /**\n   * @description time step\n   */\n  step: {\n    type: String,\n    default: DEFAULT_STEP,\n  },\n  /**\n   * @description minimum time, any time before this time will be disabled\n   */\n  minTime: {\n    type: definePropType<string | null>(String),\n  },\n  /**\n   * @description maximum time, any time after this time will be disabled\n   */\n  maxTime: {\n    type: definePropType<string | null>(String),\n  },\n  /**\n   * @description whether `end` is included in options\n   */\n  includeEndTime: Boolean,\n  /**\n   * @description same as `name` in native input\n   */\n  name: String,\n  /**\n   * @description custom prefix icon component\n   */\n  prefixIcon: {\n    type: definePropType<string | Component>([String, Object]),\n    default: () => Clock,\n  },\n  /**\n   * @description custom clear icon component\n   */\n  clearIcon: {\n    type: definePropType<string | Component>([String, Object]),\n    default: () => CircleClose,\n  },\n  /**\n   * @description custom class name for TimeSelect's dropdown\n   */\n  popperClass: {\n    type: String,\n    default: '',\n  },\n  /**\n   * @description custom style for TimeSelect's dropdown\n   */\n  popperStyle: {\n    type: definePropType<string | CSSProperties>([String, Object]),\n  },\n  ...useEmptyValuesProps,\n} as const)\n\n/**\n * @deprecated Removed after 3.0.0, Use `TimeSelectProps` instead.\n */\nexport type TimeSelectPropsPublic = ExtractPublicPropTypes<\n  typeof timeSelectProps\n>\n\nexport type TimeSelectInstance = InstanceType<typeof TimeSelect> & unknown\n"],"mappings":";;;;;;;AA0FA,MAAa,gBAAgB;AAC7B,MAAa,cAAc;AAC3B,MAAa,eAAe;;;;AAK5B,MAAa,kBAAkBA,kBAAAA,WAAW;;;;CAIxC,QAAQ;EACN,MAAM;EACN,SAAS;EACV;;;;CAID,YAAY,EACV,MAAMC,kBAAAA,eAA8B,OAAO,EAC5C;;;;CAID,UAAU;EACR,MAAM;EACN,SAAS,KAAA;EACV;;;;CAID,UAAU;EACR,MAAM;EACN,SAAS;EACV;;;;CAID,QAAQ;EACN,MAAMA,kBAAAA,eAA6B,OAAO;EAC1C,SAAS;EACV;;;;CAID,WAAW;EACT,MAAM;EACN,SAAS;EACV;;;;CAID,MAAMC,cAAAA;;;;CAIN,aAAa;;;;CAIb,OAAO;EACL,MAAM;EACN,SAAS;EACV;;;;CAID,KAAK;EACH,MAAM;EACN,SAAS;EACV;;;;CAID,MAAM;EACJ,MAAM;EACN,SAAS;EACV;;;;CAID,SAAS,EACP,MAAMD,kBAAAA,eAA8B,OAAO,EAC5C;;;;CAID,SAAS,EACP,MAAMA,kBAAAA,eAA8B,OAAO,EAC5C;;;;CAID,gBAAgB;;;;CAIhB,MAAM;;;;CAIN,YAAY;EACV,MAAMA,kBAAAA,eAAmC,CAAC,QAAQ,OAAO,CAAC;EAC1D,eAAeE,wBAAAA;EAChB;;;;CAID,WAAW;EACT,MAAMF,kBAAAA,eAAmC,CAAC,QAAQ,OAAO,CAAC;EAC1D,eAAeG,wBAAAA;EAChB;;;;CAID,aAAa;EACX,MAAM;EACN,SAAS;EACV;;;;CAID,aAAa,EACX,MAAMH,kBAAAA,eAAuC,CAAC,QAAQ,OAAO,CAAC,EAC/D;CACD,GAAGI,gBAAAA;CACJ,CAAU"}

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

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

package/lib/components/time-select/src/time-select.vue_vue_type_script_setup_true_lang.js

@@ -33,15 +33,17 @@ var time_select_vue_vue_type_script_setup_true_lang_default = /* @__PURE__ */ (0
 		const select = (0, vue.ref)();
 		const _disabled = require_use_form_common_props.useFormDisabled();
 		const { lang } = require_index.useLocale();
+		const getValidTimeOrDefault = (value, propName, defaultValue, allowZero = true) => {
+			const time = require_utils.parseTime(value);
+			if (!require_utils.isValidTime(time) || !allowZero && time.hours === 0 && time.minutes === 0) {
+				require_error.debugWarn("ElTimeSelect", `invalid ${propName}, fallback to default ${propName} (${defaultValue}).`);
+				return defaultValue;
+			}
+			return require_utils.formatTime(time);
+		};
 		const value = (0, vue.computed)(() => props.modelValue);
-		const start = (0, vue.computed)(() => {
-			const time = require_utils.parseTime(props.start);
-			return time ? require_utils.formatTime(time) : null;
-		});
-		const end = (0, vue.computed)(() => {
-			const time = require_utils.parseTime(props.end);
-			return time ? require_utils.formatTime(time) : null;
-		});
+		const start = (0, vue.computed)(() => getValidTimeOrDefault(props.start, "start", require_time_select.DEFAULT_START));
+		const end = (0, vue.computed)(() => getValidTimeOrDefault(props.end, "end", require_time_select.DEFAULT_END));
 		const minTime = (0, vue.computed)(() => {
 			const time = require_utils.parseTime(props.minTime || "");
 			return time ? require_utils.formatTime(time) : null;
@@ -50,12 +52,7 @@ var time_select_vue_vue_type_script_setup_true_lang_default = /* @__PURE__ */ (0
 			const time = require_utils.parseTime(props.maxTime || "");
 			return time ? require_utils.formatTime(time) : null;
 		});
-		const step = (0, vue.computed)(() => {
-			const time = require_utils.parseTime(props.step);
-			const isInvalidStep = !time || time.hours < 0 || time.minutes < 0 || Number.isNaN(time.hours) || Number.isNaN(time.minutes) || time.hours === 0 && time.minutes === 0;
-			if (isInvalidStep) require_error.debugWarn("ElTimeSelect", `invalid step, fallback to default step (${require_time_select.DEFAULT_STEP}).`);
-			return !isInvalidStep ? require_utils.formatTime(time) : require_time_select.DEFAULT_STEP;
-		});
+		const step = (0, vue.computed)(() => getValidTimeOrDefault(props.step, "step", require_time_select.DEFAULT_STEP, false));
 		const items = (0, vue.computed)(() => {
 			const result = [];
 			const push = (formattedValue, rawValue) => {
@@ -65,16 +62,12 @@ var time_select_vue_vue_type_script_setup_true_lang_default = /* @__PURE__ */ (0
 					disabled: require_utils.compareTime(rawValue, minTime.value || "-1:-1") <= 0 || require_utils.compareTime(rawValue, maxTime.value || "100:100") >= 0
 				});
 			};
-			if (props.start && props.end && props.step) {
-				let current = start.value;
-				let currentTime;
-				while (current && end.value && require_utils.compareTime(current, end.value) <= 0) {
-					currentTime = (0, dayjs.default)(current, "HH:mm").locale(lang.value).format(props.format);
-					push(currentTime, current);
-					current = require_utils.nextTime(current, step.value);
-				}
-				if (props.includeEndTime && end.value && result[result.length - 1]?.rawValue !== end.value) push((0, dayjs.default)(end.value, "HH:mm").locale(lang.value).format(props.format), end.value);
+			let current = start.value;
+			while (require_utils.compareTime(current, end.value) <= 0) {
+				push((0, dayjs.default)(current, "HH:mm").locale(lang.value).format(props.format), current);
+				current = require_utils.nextTime(current, step.value);
 			}
+			if (props.includeEndTime && result[result.length - 1]?.rawValue !== end.value) push((0, dayjs.default)(end.value, "HH:mm").locale(lang.value).format(props.format), end.value);
 			return result;
 		});
 		const blur = () => {

package/lib/components/time-select/src/time-select.vue_vue_type_script_setup_true_lang.js.map

@@ -1 +1 @@
-{"version":3,"file":"time-select.vue_vue_type_script_setup_true_lang.js","names":["$emit"],"sources":["../../../../../../packages/components/time-select/src/time-select.vue"],"sourcesContent":["<template>\n  <el-select\n    ref=\"select\"\n    :name=\"name\"\n    :model-value=\"value\"\n    :disabled=\"_disabled\"\n    :clearable=\"clearable\"\n    :clear-icon=\"clearIcon\"\n    :size=\"size\"\n    :effect=\"effect\"\n    :placeholder=\"placeholder\"\n    default-first-option\n    :filterable=\"editable\"\n    :empty-values=\"emptyValues\"\n    :value-on-clear=\"valueOnClear\"\n    :popper-class=\"popperClass\"\n    :popper-style=\"popperStyle\"\n    @update:model-value=\"(event) => $emit(UPDATE_MODEL_EVENT, event)\"\n    @change=\"(event) => $emit(CHANGE_EVENT, event)\"\n    @blur=\"(event) => $emit('blur', event)\"\n    @focus=\"(event) => $emit('focus', event)\"\n    @clear=\"() => $emit('clear')\"\n  >\n    <el-option\n      v-for=\"item in items\"\n      :key=\"item.value\"\n      :label=\"item.value\"\n      :value=\"item.value\"\n      :disabled=\"item.disabled\"\n    />\n    <template #prefix>\n      <el-icon v-if=\"prefixIcon\" :class=\"nsInput.e('prefix-icon')\">\n        <component :is=\"prefixIcon\" />\n      </el-icon>\n    </template>\n  </el-select>\n</template>\n\n<script lang=\"ts\" setup>\nimport { computed, ref } from 'vue'\nimport dayjs from 'dayjs'\nimport customParseFormat from 'dayjs/plugin/customParseFormat.js'\nimport ElSelect from '@element-plus/components/select'\nimport { useFormDisabled } from '@element-plus/components/form'\nimport ElIcon from '@element-plus/components/icon'\nimport { useLocale, useNamespace } from '@element-plus/hooks'\nimport { CHANGE_EVENT, UPDATE_MODEL_EVENT } from '@element-plus/constants'\nimport { CircleClose, Clock } from '@element-plus/icons-vue'\nimport { compareTime, formatTime, nextTime, parseTime } from './utils'\nimport { debugWarn } from '@element-plus/utils'\nimport { DEFAULT_STEP } from './time-select'\n\nimport type { TimeSelectProps } from './time-select'\n\ndayjs.extend(customParseFormat)\n\nconst { Option: ElOption } = ElSelect\n\ndefineOptions({\n  name: 'ElTimeSelect',\n})\n\ndefineEmits([CHANGE_EVENT, 'blur', 'focus', 'clear', UPDATE_MODEL_EVENT])\n\nconst props = withDefaults(defineProps<TimeSelectProps>(), {\n  format: 'HH:mm',\n  disabled: undefined,\n  editable: true,\n  effect: 'light',\n  clearable: true,\n  start: '09:00',\n  end: '18:00',\n  step: DEFAULT_STEP,\n  prefixIcon: () => Clock,\n  clearIcon: () => CircleClose,\n  popperClass: '',\n  valueOnClear: undefined,\n  popperStyle: undefined,\n})\n\nconst nsInput = useNamespace('input')\nconst select = ref<typeof ElSelect>()\n\nconst _disabled = useFormDisabled()\nconst { lang } = useLocale()\n\nconst value = computed(() => props.modelValue)\nconst start = computed(() => {\n  const time = parseTime(props.start)\n  return time ? formatTime(time) : null\n})\n\nconst end = computed(() => {\n  const time = parseTime(props.end)\n  return time ? formatTime(time) : null\n})\n\nconst minTime = computed(() => {\n  const time = parseTime(props.minTime || '')\n  return time ? formatTime(time) : null\n})\n\nconst maxTime = computed(() => {\n  const time = parseTime(props.maxTime || '')\n  return time ? formatTime(time) : null\n})\n\nconst step = computed(() => {\n  const time = parseTime(props.step)\n  const isInvalidStep =\n    !time ||\n    time.hours < 0 ||\n    time.minutes < 0 ||\n    Number.isNaN(time.hours) ||\n    Number.isNaN(time.minutes) ||\n    (time.hours === 0 && time.minutes === 0)\n  if (isInvalidStep) {\n    debugWarn(\n      'ElTimeSelect',\n      `invalid step, fallback to default step (${DEFAULT_STEP}).`\n    )\n  }\n  return !isInvalidStep ? formatTime(time) : DEFAULT_STEP\n})\n\nconst items = computed(() => {\n  const result: { value: string; rawValue: string; disabled: boolean }[] = []\n  const push = (formattedValue: string, rawValue: string) => {\n    result.push({\n      value: formattedValue,\n      rawValue,\n      disabled:\n        compareTime(rawValue, minTime.value || '-1:-1') <= 0 ||\n        compareTime(rawValue, maxTime.value || '100:100') >= 0,\n    })\n  }\n\n  if (props.start && props.end && props.step) {\n    let current = start.value\n    let currentTime: string\n    while (current && end.value && compareTime(current, end.value) <= 0) {\n      currentTime = dayjs(current, 'HH:mm')\n        .locale(lang.value)\n        .format(props.format)\n      push(currentTime, current)\n      current = nextTime(current, step.value!)\n    }\n    if (\n      props.includeEndTime &&\n      end.value &&\n      result[result.length - 1]?.rawValue !== end.value\n    ) {\n      const formattedValue = dayjs(end.value, 'HH:mm')\n        .locale(lang.value)\n        .format(props.format)\n      push(formattedValue, end.value)\n    }\n  }\n  return result\n})\n\nconst blur = () => {\n  select.value?.blur?.()\n}\n\nconst focus = () => {\n  select.value?.focus?.()\n}\n\ndefineExpose({\n  /**\n   * @description blur the Input component\n   */\n  blur,\n  /**\n   * @description focus the Input component\n   */\n  focus,\n})\n</script>\n"],"mappings":"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"}
+{"version":3,"file":"time-select.vue_vue_type_script_setup_true_lang.js","names":["$emit"],"sources":["../../../../../../packages/components/time-select/src/time-select.vue"],"sourcesContent":["<template>\n  <el-select\n    ref=\"select\"\n    :name=\"name\"\n    :model-value=\"value\"\n    :disabled=\"_disabled\"\n    :clearable=\"clearable\"\n    :clear-icon=\"clearIcon\"\n    :size=\"size\"\n    :effect=\"effect\"\n    :placeholder=\"placeholder\"\n    default-first-option\n    :filterable=\"editable\"\n    :empty-values=\"emptyValues\"\n    :value-on-clear=\"valueOnClear\"\n    :popper-class=\"popperClass\"\n    :popper-style=\"popperStyle\"\n    @update:model-value=\"(event) => $emit(UPDATE_MODEL_EVENT, event)\"\n    @change=\"(event) => $emit(CHANGE_EVENT, event)\"\n    @blur=\"(event) => $emit('blur', event)\"\n    @focus=\"(event) => $emit('focus', event)\"\n    @clear=\"() => $emit('clear')\"\n  >\n    <el-option\n      v-for=\"item in items\"\n      :key=\"item.value\"\n      :label=\"item.value\"\n      :value=\"item.value\"\n      :disabled=\"item.disabled\"\n    />\n    <template #prefix>\n      <el-icon v-if=\"prefixIcon\" :class=\"nsInput.e('prefix-icon')\">\n        <component :is=\"prefixIcon\" />\n      </el-icon>\n    </template>\n  </el-select>\n</template>\n\n<script lang=\"ts\" setup>\nimport { computed, ref } from 'vue'\nimport dayjs from 'dayjs'\nimport customParseFormat from 'dayjs/plugin/customParseFormat.js'\nimport ElSelect from '@element-plus/components/select'\nimport { useFormDisabled } from '@element-plus/components/form'\nimport ElIcon from '@element-plus/components/icon'\nimport { useLocale, useNamespace } from '@element-plus/hooks'\nimport { CHANGE_EVENT, UPDATE_MODEL_EVENT } from '@element-plus/constants'\nimport { CircleClose, Clock } from '@element-plus/icons-vue'\nimport {\n  compareTime,\n  formatTime,\n  isValidTime,\n  nextTime,\n  parseTime,\n} from './utils'\nimport { debugWarn } from '@element-plus/utils'\nimport { DEFAULT_END, DEFAULT_START, DEFAULT_STEP } from './time-select'\n\nimport type { TimeSelectProps } from './time-select'\n\ndayjs.extend(customParseFormat)\n\nconst { Option: ElOption } = ElSelect\n\ndefineOptions({\n  name: 'ElTimeSelect',\n})\n\ndefineEmits([CHANGE_EVENT, 'blur', 'focus', 'clear', UPDATE_MODEL_EVENT])\n\nconst props = withDefaults(defineProps<TimeSelectProps>(), {\n  format: 'HH:mm',\n  disabled: undefined,\n  editable: true,\n  effect: 'light',\n  clearable: true,\n  start: DEFAULT_START,\n  end: DEFAULT_END,\n  step: DEFAULT_STEP,\n  prefixIcon: () => Clock,\n  clearIcon: () => CircleClose,\n  popperClass: '',\n  valueOnClear: undefined,\n  popperStyle: undefined,\n})\n\nconst nsInput = useNamespace('input')\nconst select = ref<typeof ElSelect>()\n\nconst _disabled = useFormDisabled()\nconst { lang } = useLocale()\n\nconst getValidTimeOrDefault = (\n  value: string,\n  propName: 'start' | 'end' | 'step',\n  defaultValue: string,\n  allowZero = true\n) => {\n  const time = parseTime(value)\n  if (\n    !isValidTime(time) ||\n    (!allowZero && time.hours === 0 && time.minutes === 0)\n  ) {\n    debugWarn(\n      'ElTimeSelect',\n      `invalid ${propName}, fallback to default ${propName} (${defaultValue}).`\n    )\n    return defaultValue\n  }\n  return formatTime(time)\n}\n\nconst value = computed(() => props.modelValue)\nconst start = computed(() =>\n  getValidTimeOrDefault(props.start, 'start', DEFAULT_START)\n)\n\nconst end = computed(() => getValidTimeOrDefault(props.end, 'end', DEFAULT_END))\n\nconst minTime = computed(() => {\n  const time = parseTime(props.minTime || '')\n  return time ? formatTime(time) : null\n})\n\nconst maxTime = computed(() => {\n  const time = parseTime(props.maxTime || '')\n  return time ? formatTime(time) : null\n})\n\nconst step = computed(() =>\n  getValidTimeOrDefault(props.step, 'step', DEFAULT_STEP, false)\n)\n\nconst items = computed(() => {\n  const result: { value: string; rawValue: string; disabled: boolean }[] = []\n  const push = (formattedValue: string, rawValue: string) => {\n    result.push({\n      value: formattedValue,\n      rawValue,\n      disabled:\n        compareTime(rawValue, minTime.value || '-1:-1') <= 0 ||\n        compareTime(rawValue, maxTime.value || '100:100') >= 0,\n    })\n  }\n\n  let current = start.value\n  while (compareTime(current, end.value) <= 0) {\n    const currentTime = dayjs(current, 'HH:mm')\n      .locale(lang.value)\n      .format(props.format)\n    push(currentTime, current)\n    current = nextTime(current, step.value)\n  }\n  if (\n    props.includeEndTime &&\n    result[result.length - 1]?.rawValue !== end.value\n  ) {\n    const formattedValue = dayjs(end.value, 'HH:mm')\n      .locale(lang.value)\n      .format(props.format)\n    push(formattedValue, end.value)\n  }\n  return result\n})\n\nconst blur = () => {\n  select.value?.blur?.()\n}\n\nconst focus = () => {\n  select.value?.focus?.()\n}\n\ndefineExpose({\n  /**\n   * @description blur the Input component\n   */\n  blur,\n  /**\n   * @description focus the Input component\n   */\n  focus,\n})\n</script>\n"],"mappings":"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"}

package/lib/components/time-select/src/time-select2.js.map

@@ -1 +1 @@
-{"version":3,"file":"time-select2.js","names":[],"sources":["../../../../../../packages/components/time-select/src/time-select.vue"],"sourcesContent":["<template>\n  <el-select\n    ref=\"select\"\n    :name=\"name\"\n    :model-value=\"value\"\n    :disabled=\"_disabled\"\n    :clearable=\"clearable\"\n    :clear-icon=\"clearIcon\"\n    :size=\"size\"\n    :effect=\"effect\"\n    :placeholder=\"placeholder\"\n    default-first-option\n    :filterable=\"editable\"\n    :empty-values=\"emptyValues\"\n    :value-on-clear=\"valueOnClear\"\n    :popper-class=\"popperClass\"\n    :popper-style=\"popperStyle\"\n    @update:model-value=\"(event) => $emit(UPDATE_MODEL_EVENT, event)\"\n    @change=\"(event) => $emit(CHANGE_EVENT, event)\"\n    @blur=\"(event) => $emit('blur', event)\"\n    @focus=\"(event) => $emit('focus', event)\"\n    @clear=\"() => $emit('clear')\"\n  >\n    <el-option\n      v-for=\"item in items\"\n      :key=\"item.value\"\n      :label=\"item.value\"\n      :value=\"item.value\"\n      :disabled=\"item.disabled\"\n    />\n    <template #prefix>\n      <el-icon v-if=\"prefixIcon\" :class=\"nsInput.e('prefix-icon')\">\n        <component :is=\"prefixIcon\" />\n      </el-icon>\n    </template>\n  </el-select>\n</template>\n\n<script lang=\"ts\" setup>\nimport { computed, ref } from 'vue'\nimport dayjs from 'dayjs'\nimport customParseFormat from 'dayjs/plugin/customParseFormat.js'\nimport ElSelect from '@element-plus/components/select'\nimport { useFormDisabled } from '@element-plus/components/form'\nimport ElIcon from '@element-plus/components/icon'\nimport { useLocale, useNamespace } from '@element-plus/hooks'\nimport { CHANGE_EVENT, UPDATE_MODEL_EVENT } from '@element-plus/constants'\nimport { CircleClose, Clock } from '@element-plus/icons-vue'\nimport { compareTime, formatTime, nextTime, parseTime } from './utils'\nimport { debugWarn } from '@element-plus/utils'\nimport { DEFAULT_STEP } from './time-select'\n\nimport type { TimeSelectProps } from './time-select'\n\ndayjs.extend(customParseFormat)\n\nconst { Option: ElOption } = ElSelect\n\ndefineOptions({\n  name: 'ElTimeSelect',\n})\n\ndefineEmits([CHANGE_EVENT, 'blur', 'focus', 'clear', UPDATE_MODEL_EVENT])\n\nconst props = withDefaults(defineProps<TimeSelectProps>(), {\n  format: 'HH:mm',\n  disabled: undefined,\n  editable: true,\n  effect: 'light',\n  clearable: true,\n  start: '09:00',\n  end: '18:00',\n  step: DEFAULT_STEP,\n  prefixIcon: () => Clock,\n  clearIcon: () => CircleClose,\n  popperClass: '',\n  valueOnClear: undefined,\n  popperStyle: undefined,\n})\n\nconst nsInput = useNamespace('input')\nconst select = ref<typeof ElSelect>()\n\nconst _disabled = useFormDisabled()\nconst { lang } = useLocale()\n\nconst value = computed(() => props.modelValue)\nconst start = computed(() => {\n  const time = parseTime(props.start)\n  return time ? formatTime(time) : null\n})\n\nconst end = computed(() => {\n  const time = parseTime(props.end)\n  return time ? formatTime(time) : null\n})\n\nconst minTime = computed(() => {\n  const time = parseTime(props.minTime || '')\n  return time ? formatTime(time) : null\n})\n\nconst maxTime = computed(() => {\n  const time = parseTime(props.maxTime || '')\n  return time ? formatTime(time) : null\n})\n\nconst step = computed(() => {\n  const time = parseTime(props.step)\n  const isInvalidStep =\n    !time ||\n    time.hours < 0 ||\n    time.minutes < 0 ||\n    Number.isNaN(time.hours) ||\n    Number.isNaN(time.minutes) ||\n    (time.hours === 0 && time.minutes === 0)\n  if (isInvalidStep) {\n    debugWarn(\n      'ElTimeSelect',\n      `invalid step, fallback to default step (${DEFAULT_STEP}).`\n    )\n  }\n  return !isInvalidStep ? formatTime(time) : DEFAULT_STEP\n})\n\nconst items = computed(() => {\n  const result: { value: string; rawValue: string; disabled: boolean }[] = []\n  const push = (formattedValue: string, rawValue: string) => {\n    result.push({\n      value: formattedValue,\n      rawValue,\n      disabled:\n        compareTime(rawValue, minTime.value || '-1:-1') <= 0 ||\n        compareTime(rawValue, maxTime.value || '100:100') >= 0,\n    })\n  }\n\n  if (props.start && props.end && props.step) {\n    let current = start.value\n    let currentTime: string\n    while (current && end.value && compareTime(current, end.value) <= 0) {\n      currentTime = dayjs(current, 'HH:mm')\n        .locale(lang.value)\n        .format(props.format)\n      push(currentTime, current)\n      current = nextTime(current, step.value!)\n    }\n    if (\n      props.includeEndTime &&\n      end.value &&\n      result[result.length - 1]?.rawValue !== end.value\n    ) {\n      const formattedValue = dayjs(end.value, 'HH:mm')\n        .locale(lang.value)\n        .format(props.format)\n      push(formattedValue, end.value)\n    }\n  }\n  return result\n})\n\nconst blur = () => {\n  select.value?.blur?.()\n}\n\nconst focus = () => {\n  select.value?.focus?.()\n}\n\ndefineExpose({\n  /**\n   * @description blur the Input component\n   */\n  blur,\n  /**\n   * @description focus the Input component\n   */\n  focus,\n})\n</script>\n"],"mappings":""}
+{"version":3,"file":"time-select2.js","names":[],"sources":["../../../../../../packages/components/time-select/src/time-select.vue"],"sourcesContent":["<template>\n  <el-select\n    ref=\"select\"\n    :name=\"name\"\n    :model-value=\"value\"\n    :disabled=\"_disabled\"\n    :clearable=\"clearable\"\n    :clear-icon=\"clearIcon\"\n    :size=\"size\"\n    :effect=\"effect\"\n    :placeholder=\"placeholder\"\n    default-first-option\n    :filterable=\"editable\"\n    :empty-values=\"emptyValues\"\n    :value-on-clear=\"valueOnClear\"\n    :popper-class=\"popperClass\"\n    :popper-style=\"popperStyle\"\n    @update:model-value=\"(event) => $emit(UPDATE_MODEL_EVENT, event)\"\n    @change=\"(event) => $emit(CHANGE_EVENT, event)\"\n    @blur=\"(event) => $emit('blur', event)\"\n    @focus=\"(event) => $emit('focus', event)\"\n    @clear=\"() => $emit('clear')\"\n  >\n    <el-option\n      v-for=\"item in items\"\n      :key=\"item.value\"\n      :label=\"item.value\"\n      :value=\"item.value\"\n      :disabled=\"item.disabled\"\n    />\n    <template #prefix>\n      <el-icon v-if=\"prefixIcon\" :class=\"nsInput.e('prefix-icon')\">\n        <component :is=\"prefixIcon\" />\n      </el-icon>\n    </template>\n  </el-select>\n</template>\n\n<script lang=\"ts\" setup>\nimport { computed, ref } from 'vue'\nimport dayjs from 'dayjs'\nimport customParseFormat from 'dayjs/plugin/customParseFormat.js'\nimport ElSelect from '@element-plus/components/select'\nimport { useFormDisabled } from '@element-plus/components/form'\nimport ElIcon from '@element-plus/components/icon'\nimport { useLocale, useNamespace } from '@element-plus/hooks'\nimport { CHANGE_EVENT, UPDATE_MODEL_EVENT } from '@element-plus/constants'\nimport { CircleClose, Clock } from '@element-plus/icons-vue'\nimport {\n  compareTime,\n  formatTime,\n  isValidTime,\n  nextTime,\n  parseTime,\n} from './utils'\nimport { debugWarn } from '@element-plus/utils'\nimport { DEFAULT_END, DEFAULT_START, DEFAULT_STEP } from './time-select'\n\nimport type { TimeSelectProps } from './time-select'\n\ndayjs.extend(customParseFormat)\n\nconst { Option: ElOption } = ElSelect\n\ndefineOptions({\n  name: 'ElTimeSelect',\n})\n\ndefineEmits([CHANGE_EVENT, 'blur', 'focus', 'clear', UPDATE_MODEL_EVENT])\n\nconst props = withDefaults(defineProps<TimeSelectProps>(), {\n  format: 'HH:mm',\n  disabled: undefined,\n  editable: true,\n  effect: 'light',\n  clearable: true,\n  start: DEFAULT_START,\n  end: DEFAULT_END,\n  step: DEFAULT_STEP,\n  prefixIcon: () => Clock,\n  clearIcon: () => CircleClose,\n  popperClass: '',\n  valueOnClear: undefined,\n  popperStyle: undefined,\n})\n\nconst nsInput = useNamespace('input')\nconst select = ref<typeof ElSelect>()\n\nconst _disabled = useFormDisabled()\nconst { lang } = useLocale()\n\nconst getValidTimeOrDefault = (\n  value: string,\n  propName: 'start' | 'end' | 'step',\n  defaultValue: string,\n  allowZero = true\n) => {\n  const time = parseTime(value)\n  if (\n    !isValidTime(time) ||\n    (!allowZero && time.hours === 0 && time.minutes === 0)\n  ) {\n    debugWarn(\n      'ElTimeSelect',\n      `invalid ${propName}, fallback to default ${propName} (${defaultValue}).`\n    )\n    return defaultValue\n  }\n  return formatTime(time)\n}\n\nconst value = computed(() => props.modelValue)\nconst start = computed(() =>\n  getValidTimeOrDefault(props.start, 'start', DEFAULT_START)\n)\n\nconst end = computed(() => getValidTimeOrDefault(props.end, 'end', DEFAULT_END))\n\nconst minTime = computed(() => {\n  const time = parseTime(props.minTime || '')\n  return time ? formatTime(time) : null\n})\n\nconst maxTime = computed(() => {\n  const time = parseTime(props.maxTime || '')\n  return time ? formatTime(time) : null\n})\n\nconst step = computed(() =>\n  getValidTimeOrDefault(props.step, 'step', DEFAULT_STEP, false)\n)\n\nconst items = computed(() => {\n  const result: { value: string; rawValue: string; disabled: boolean }[] = []\n  const push = (formattedValue: string, rawValue: string) => {\n    result.push({\n      value: formattedValue,\n      rawValue,\n      disabled:\n        compareTime(rawValue, minTime.value || '-1:-1') <= 0 ||\n        compareTime(rawValue, maxTime.value || '100:100') >= 0,\n    })\n  }\n\n  let current = start.value\n  while (compareTime(current, end.value) <= 0) {\n    const currentTime = dayjs(current, 'HH:mm')\n      .locale(lang.value)\n      .format(props.format)\n    push(currentTime, current)\n    current = nextTime(current, step.value)\n  }\n  if (\n    props.includeEndTime &&\n    result[result.length - 1]?.rawValue !== end.value\n  ) {\n    const formattedValue = dayjs(end.value, 'HH:mm')\n      .locale(lang.value)\n      .format(props.format)\n    push(formattedValue, end.value)\n  }\n  return result\n})\n\nconst blur = () => {\n  select.value?.blur?.()\n}\n\nconst focus = () => {\n  select.value?.focus?.()\n}\n\ndefineExpose({\n  /**\n   * @description blur the Input component\n   */\n  blur,\n  /**\n   * @description focus the Input component\n   */\n  focus,\n})\n</script>\n"],"mappings":""}

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

@@ -4,9 +4,10 @@ interface Time {
   minutes: number;
 }
 declare const parseTime: (time: string) => null | Time;
+declare const isValidTime: (time: null | Time) => time is Time;
 declare const compareTime: (time1: string, time2: string) => number;
 declare const padTime: (time: number | string) => string;
 declare const formatTime: (time: Time) => string;
 declare const nextTime: (time: string, step: string) => string;
 //#endregion
-export { compareTime, formatTime, nextTime, padTime, parseTime };
+export { compareTime, formatTime, isValidTime, nextTime, padTime, parseTime };

package/lib/components/time-select/src/utils.js

@@ -5,6 +5,7 @@ const parseTime = (time) => {
 	if (values.length >= 2) {
 		let hours = Number.parseInt(values[0], 10);
 		const minutes = Number.parseInt(values[1], 10);
+		if (Number.isNaN(hours) || Number.isNaN(minutes)) return null;
 		const timeUpper = time.toUpperCase();
 		if (timeUpper.includes("AM") && hours === 12) hours = 0;
 		else if (timeUpper.includes("PM") && hours !== 12) hours += 12;
@@ -15,6 +16,7 @@ const parseTime = (time) => {
 	}
 	return null;
 };
+const isValidTime = (time) => !!time && time.hours >= 0 && time.minutes >= 0 && !Number.isNaN(time.hours) && !Number.isNaN(time.minutes);
 const compareTime = (time1, time2) => {
 	const value1 = parseTime(time1);
 	if (!value1) return -1;
@@ -49,6 +51,7 @@ const nextTime = (time, step) => {
 //#endregion
 exports.compareTime = compareTime;
 exports.formatTime = formatTime;
+exports.isValidTime = isValidTime;
 exports.nextTime = nextTime;
 exports.padTime = padTime;
 exports.parseTime = parseTime;

package/lib/components/time-select/src/utils.js.map

@@ -1 +1 @@
-{"version":3,"file":"utils.js","names":[],"sources":["../../../../../../packages/components/time-select/src/utils.ts"],"sourcesContent":["interface Time {\n  hours: number\n  minutes: number\n}\n\nexport const parseTime = (time: string): null | Time => {\n  const values = (time || '').split(':')\n  if (values.length >= 2) {\n    let hours = Number.parseInt(values[0], 10)\n    const minutes = Number.parseInt(values[1], 10)\n    const timeUpper = time.toUpperCase()\n    if (timeUpper.includes('AM') && hours === 12) {\n      hours = 0\n    } else if (timeUpper.includes('PM') && hours !== 12) {\n      hours += 12\n    }\n    return {\n      hours,\n      minutes,\n    }\n  }\n\n  return null\n}\n\nexport const compareTime = (time1: string, time2: string): number => {\n  const value1 = parseTime(time1)\n  if (!value1) return -1\n  const value2 = parseTime(time2)\n  if (!value2) return -1\n  const minutes1 = value1.minutes + value1.hours * 60\n  const minutes2 = value2.minutes + value2.hours * 60\n  if (minutes1 === minutes2) {\n    return 0\n  }\n  return minutes1 > minutes2 ? 1 : -1\n}\n\nexport const padTime = (time: number | string) => {\n  return `${time}`.padStart(2, '0')\n}\nexport const formatTime = (time: Time): string => {\n  return `${padTime(time.hours)}:${padTime(time.minutes)}`\n}\n\nexport const nextTime = (time: string, step: string): string => {\n  const timeValue = parseTime(time)\n  if (!timeValue) return ''\n\n  const stepValue = parseTime(step)\n  if (!stepValue) return ''\n\n  const next = {\n    hours: timeValue.hours,\n    minutes: timeValue.minutes,\n  }\n  next.minutes += stepValue.minutes\n  next.hours += stepValue.hours\n  next.hours += Math.floor(next.minutes / 60)\n  next.minutes = next.minutes % 60\n  return formatTime(next)\n}\n"],"mappings":";;AAKA,MAAa,aAAa,SAA8B;CACtD,MAAM,UAAU,QAAQ,IAAI,MAAM,IAAI;CACtC,IAAI,OAAO,UAAU,GAAG;EACtB,IAAI,QAAQ,OAAO,SAAS,OAAO,IAAI,GAAG;EAC1C,MAAM,UAAU,OAAO,SAAS,OAAO,IAAI,GAAG;EAC9C,MAAM,YAAY,KAAK,aAAa;EACpC,IAAI,UAAU,SAAS,KAAK,IAAI,UAAU,IACxC,QAAQ;OACH,IAAI,UAAU,SAAS,KAAK,IAAI,UAAU,IAC/C,SAAS;EAEX,OAAO;GACL;GACA;GACD;;CAGH,OAAO;;AAGT,MAAa,eAAe,OAAe,UAA0B;CACnE,MAAM,SAAS,UAAU,MAAM;CAC/B,IAAI,CAAC,QAAQ,OAAO;CACpB,MAAM,SAAS,UAAU,MAAM;CAC/B,IAAI,CAAC,QAAQ,OAAO;CACpB,MAAM,WAAW,OAAO,UAAU,OAAO,QAAQ;CACjD,MAAM,WAAW,OAAO,UAAU,OAAO,QAAQ;CACjD,IAAI,aAAa,UACf,OAAO;CAET,OAAO,WAAW,WAAW,IAAI;;AAGnC,MAAa,WAAW,SAA0B;CAChD,OAAO,GAAG,OAAO,SAAS,GAAG,IAAI;;AAEnC,MAAa,cAAc,SAAuB;CAChD,OAAO,GAAG,QAAQ,KAAK,MAAM,CAAC,GAAG,QAAQ,KAAK,QAAQ;;AAGxD,MAAa,YAAY,MAAc,SAAyB;CAC9D,MAAM,YAAY,UAAU,KAAK;CACjC,IAAI,CAAC,WAAW,OAAO;CAEvB,MAAM,YAAY,UAAU,KAAK;CACjC,IAAI,CAAC,WAAW,OAAO;CAEvB,MAAM,OAAO;EACX,OAAO,UAAU;EACjB,SAAS,UAAU;EACpB;CACD,KAAK,WAAW,UAAU;CAC1B,KAAK,SAAS,UAAU;CACxB,KAAK,SAAS,KAAK,MAAM,KAAK,UAAU,GAAG;CAC3C,KAAK,UAAU,KAAK,UAAU;CAC9B,OAAO,WAAW,KAAK"}
+{"version":3,"file":"utils.js","names":[],"sources":["../../../../../../packages/components/time-select/src/utils.ts"],"sourcesContent":["interface Time {\n  hours: number\n  minutes: number\n}\n\nexport const parseTime = (time: string): null | Time => {\n  const values = (time || '').split(':')\n  if (values.length >= 2) {\n    let hours = Number.parseInt(values[0], 10)\n    const minutes = Number.parseInt(values[1], 10)\n    if (Number.isNaN(hours) || Number.isNaN(minutes)) return null\n\n    const timeUpper = time.toUpperCase()\n    if (timeUpper.includes('AM') && hours === 12) {\n      hours = 0\n    } else if (timeUpper.includes('PM') && hours !== 12) {\n      hours += 12\n    }\n    return {\n      hours,\n      minutes,\n    }\n  }\n\n  return null\n}\n\nexport const isValidTime = (time: null | Time): time is Time =>\n  !!time &&\n  time.hours >= 0 &&\n  time.minutes >= 0 &&\n  !Number.isNaN(time.hours) &&\n  !Number.isNaN(time.minutes)\n\nexport const compareTime = (time1: string, time2: string): number => {\n  const value1 = parseTime(time1)\n  if (!value1) return -1\n  const value2 = parseTime(time2)\n  if (!value2) return -1\n  const minutes1 = value1.minutes + value1.hours * 60\n  const minutes2 = value2.minutes + value2.hours * 60\n  if (minutes1 === minutes2) {\n    return 0\n  }\n  return minutes1 > minutes2 ? 1 : -1\n}\n\nexport const padTime = (time: number | string) => {\n  return `${time}`.padStart(2, '0')\n}\nexport const formatTime = (time: Time): string => {\n  return `${padTime(time.hours)}:${padTime(time.minutes)}`\n}\n\nexport const nextTime = (time: string, step: string): string => {\n  const timeValue = parseTime(time)\n  if (!timeValue) return ''\n\n  const stepValue = parseTime(step)\n  if (!stepValue) return ''\n\n  const next = {\n    hours: timeValue.hours,\n    minutes: timeValue.minutes,\n  }\n  next.minutes += stepValue.minutes\n  next.hours += stepValue.hours\n  next.hours += Math.floor(next.minutes / 60)\n  next.minutes = next.minutes % 60\n  return formatTime(next)\n}\n"],"mappings":";;AAKA,MAAa,aAAa,SAA8B;CACtD,MAAM,UAAU,QAAQ,IAAI,MAAM,IAAI;CACtC,IAAI,OAAO,UAAU,GAAG;EACtB,IAAI,QAAQ,OAAO,SAAS,OAAO,IAAI,GAAG;EAC1C,MAAM,UAAU,OAAO,SAAS,OAAO,IAAI,GAAG;EAC9C,IAAI,OAAO,MAAM,MAAM,IAAI,OAAO,MAAM,QAAQ,EAAE,OAAO;EAEzD,MAAM,YAAY,KAAK,aAAa;EACpC,IAAI,UAAU,SAAS,KAAK,IAAI,UAAU,IACxC,QAAQ;OACH,IAAI,UAAU,SAAS,KAAK,IAAI,UAAU,IAC/C,SAAS;EAEX,OAAO;GACL;GACA;GACD;;CAGH,OAAO;;AAGT,MAAa,eAAe,SAC1B,CAAC,CAAC,QACF,KAAK,SAAS,KACd,KAAK,WAAW,KAChB,CAAC,OAAO,MAAM,KAAK,MAAM,IACzB,CAAC,OAAO,MAAM,KAAK,QAAQ;AAE7B,MAAa,eAAe,OAAe,UAA0B;CACnE,MAAM,SAAS,UAAU,MAAM;CAC/B,IAAI,CAAC,QAAQ,OAAO;CACpB,MAAM,SAAS,UAAU,MAAM;CAC/B,IAAI,CAAC,QAAQ,OAAO;CACpB,MAAM,WAAW,OAAO,UAAU,OAAO,QAAQ;CACjD,MAAM,WAAW,OAAO,UAAU,OAAO,QAAQ;CACjD,IAAI,aAAa,UACf,OAAO;CAET,OAAO,WAAW,WAAW,IAAI;;AAGnC,MAAa,WAAW,SAA0B;CAChD,OAAO,GAAG,OAAO,SAAS,GAAG,IAAI;;AAEnC,MAAa,cAAc,SAAuB;CAChD,OAAO,GAAG,QAAQ,KAAK,MAAM,CAAC,GAAG,QAAQ,KAAK,QAAQ;;AAGxD,MAAa,YAAY,MAAc,SAAyB;CAC9D,MAAM,YAAY,UAAU,KAAK;CACjC,IAAI,CAAC,WAAW,OAAO;CAEvB,MAAM,YAAY,UAAU,KAAK;CACjC,IAAI,CAAC,WAAW,OAAO;CAEvB,MAAM,OAAO;EACX,OAAO,UAAU;EACjB,SAAS,UAAU;EACpB;CACD,KAAK,WAAW,UAAU;CAC1B,KAAK,SAAS,UAAU;CACxB,KAAK,SAAS,KAAK,MAAM,KAAK,UAAU,GAAG;CAC3C,KAAK,UAAU,KAAK,UAAU;CAC9B,OAAO,WAAW,KAAK"}

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

@@ -51,7 +51,7 @@ declare const timelineItemProps: {
   readonly hideTimestamp: BooleanConstructor;
   readonly center: BooleanConstructor;
   readonly placement: EpPropFinalized<StringConstructor, "bottom" | "top", unknown, "bottom", boolean>;
-  readonly type: EpPropFinalized<StringConstructor, "info" | "primary" | "success" | "warning" | "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,8 +9,8 @@ type __VLS_Slots = {} & {
   default?: (props: typeof __VLS_14) => any;
 };
 declare const __VLS_base: _$vue.DefineComponent<TimelineItemProps, {}, {}, {}, {}, _$vue.ComponentOptionsMixin, _$vue.ComponentOptionsMixin, {}, string, _$vue.PublicProps, Readonly<TimelineItemProps> & Readonly<{}>, {
-  size: "normal" | "large";
   type: "primary" | "success" | "warning" | "danger" | "info" | "";
+  size: "normal" | "large";
   color: string;
   placement: "top" | "bottom";
   timestamp: string;

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

@@ -322,7 +322,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

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

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[]) => "focus" | "hover" | "click" | "contextmenu" | TooltipTriggerType[]) | (() => Arrayable<TooltipTriggerType>) | (((new (...args: any[]) => "focus" | "hover" | "click" | "contextmenu" | TooltipTriggerType[]) | (() => Arrayable<TooltipTriggerType>)) | null)[], unknown, unknown, "hover", boolean>;
+  trigger: EpPropFinalized<(new (...args: any[]) => "click" | "contextmenu" | "focus" | "hover" | TooltipTriggerType[]) | (() => Arrayable<TooltipTriggerType>) | (((new (...args: any[]) => "click" | "contextmenu" | "focus" | "hover" | 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: {
@@ -338,7 +338,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>;
@@ -348,7 +348,7 @@ declare const useTooltipProps: {
     readonly validator: ((val: unknown) => boolean) | undefined;
     __epPropKey: true;
   };
-  role: EpPropFinalized<StringConstructor, "listbox" | "grid" | "menu" | "tooltip" | "dialog" | "group" | "navigation" | "tree", unknown, "tooltip", boolean>;
+  role: EpPropFinalized<StringConstructor, "dialog" | "tree" | "menu" | "listbox" | "grid" | "tooltip" | "group" | "navigation", 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,42 +43,42 @@ declare const __VLS_base: _$vue.DefineComponent<UseTooltipProps, {
    */
   hide: (event?: Event) => void;
 }, {}, {}, {}, _$vue.ComponentOptionsMixin, _$vue.ComponentOptionsMixin, {
+  close: (...args: any[]) => void;
   hide: (...args: any[]) => void;
   show: (...args: any[]) => void;
   open: (...args: any[]) => void;
-  close: (...args: any[]) => void;
   "update:visible": (...args: any[]) => void;
   "before-show": (...args: any[]) => void;
   "before-hide": (...args: any[]) => void;
 }, string, _$vue.PublicProps, Readonly<UseTooltipProps> & Readonly<{
+  onClose?: ((...args: any[]) => any) | undefined;
   onHide?: ((...args: any[]) => any) | undefined;
   onShow?: ((...args: any[]) => any) | undefined;
   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;
 }>, {
-  visible: boolean | null;
-  content: string;
   style: string | false | _$vue.CSSProperties | _$vue.StyleValue[] | null;
   role: typeof roleTypes[number];
-  offset: number;
+  visible: boolean | null;
+  content: string;
   teleported: boolean;
+  popperStyle: string | false | _$vue.CSSProperties | _$vue.StyleValue[] | null;
   effect: PopperEffect;
   enterable: boolean;
   pure: boolean;
   focusOnShow: boolean;
   trapping: boolean;
-  popperStyle: string | false | _$vue.CSSProperties | _$vue.StyleValue[] | null;
   stopPopperMouseEvent: boolean;
   virtualTriggering: boolean;
   loop: boolean;
   boundariesPadding: number;
   gpuAcceleration: boolean;
+  offset: number;
   placement: Placement;
   popperOptions: Partial<Options>;
-  strategy: "fixed" | "absolute";
+  strategy: "absolute" | "fixed";
   arrowOffset: number;
   showArrow: boolean;
   showAfter: number;