@element-plus/nightly 0.0.20260526 → 0.0.20260529

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

@@ -216,7 +216,7 @@ declare const __VLS_base: _$vue.DefineComponent<_$vue.ExtractPropTypes<{
   readonly disabled: EpPropFinalized<BooleanConstructor, unknown, unknown, undefined, boolean>;
   readonly placeholder: EpPropFinalized<StringConstructor, unknown, unknown, "", boolean>;
   readonly popperOptions: EpPropFinalized<(new (...args: any[]) => Partial<Options>) | (() => Partial<Options>) | (((new (...args: any[]) => Partial<Options>) | (() => Partial<Options>)) | null)[], unknown, unknown, () => {}, boolean>;
-  readonly modelValue: EpPropFinalized<(new (...args: any[]) => string | number | string[] | Date | number[] | Date[]) | (() => ModelValueType | null) | (((new (...args: any[]) => string | number | string[] | Date | number[] | Date[]) | (() => ModelValueType | null)) | null)[], unknown, unknown, "", boolean>;
+  readonly modelValue: EpPropFinalized<(new (...args: any[]) => string | number | Date | string[] | number[] | Date[]) | (() => ModelValueType | null) | (((new (...args: any[]) => string | number | Date | string[] | number[] | Date[]) | (() => ModelValueType | null)) | null)[], unknown, unknown, "", boolean>;
   readonly rangeSeparator: EpPropFinalized<StringConstructor, unknown, unknown, "-", boolean>;
   readonly startPlaceholder: StringConstructor;
   readonly endPlaceholder: StringConstructor;
@@ -256,14 +256,14 @@ declare const __VLS_base: _$vue.DefineComponent<_$vue.ExtractPropTypes<{
   onPick: (date?: any, visible?: boolean) => void;
 }, {}, {}, {}, _$vue.ComponentOptionsMixin, _$vue.ComponentOptionsMixin, {
   clear: (...args: any[]) => void;
-  change: (...args: any[]) => void;
   "update:modelValue": (...args: any[]) => void;
+  change: (...args: any[]) => void;
   focus: (...args: any[]) => void;
   blur: (...args: any[]) => void;
   keydown: (...args: any[]) => void;
+  "visible-change": (...args: any[]) => void;
   "calendar-change": (...args: any[]) => void;
   "panel-change": (...args: any[]) => void;
-  "visible-change": (...args: any[]) => void;
 }, string, _$vue.PublicProps, Readonly<_$vue.ExtractPropTypes<{
   readonly showNow: EpPropFinalized<BooleanConstructor, unknown, unknown, true, boolean>;
   readonly showConfirm: EpPropFinalized<BooleanConstructor, unknown, unknown, true, boolean>;
@@ -446,7 +446,7 @@ declare const __VLS_base: _$vue.DefineComponent<_$vue.ExtractPropTypes<{
   readonly disabled: EpPropFinalized<BooleanConstructor, unknown, unknown, undefined, boolean>;
   readonly placeholder: EpPropFinalized<StringConstructor, unknown, unknown, "", boolean>;
   readonly popperOptions: EpPropFinalized<(new (...args: any[]) => Partial<Options>) | (() => Partial<Options>) | (((new (...args: any[]) => Partial<Options>) | (() => Partial<Options>)) | null)[], unknown, unknown, () => {}, boolean>;
-  readonly modelValue: EpPropFinalized<(new (...args: any[]) => string | number | string[] | Date | number[] | Date[]) | (() => ModelValueType | null) | (((new (...args: any[]) => string | number | string[] | Date | number[] | Date[]) | (() => ModelValueType | null)) | null)[], unknown, unknown, "", boolean>;
+  readonly modelValue: EpPropFinalized<(new (...args: any[]) => string | number | Date | string[] | number[] | Date[]) | (() => ModelValueType | null) | (((new (...args: any[]) => string | number | Date | string[] | number[] | Date[]) | (() => ModelValueType | null)) | null)[], unknown, unknown, "", boolean>;
   readonly rangeSeparator: EpPropFinalized<StringConstructor, unknown, unknown, "-", boolean>;
   readonly startPlaceholder: StringConstructor;
   readonly endPlaceholder: StringConstructor;
@@ -465,18 +465,19 @@ declare const __VLS_base: _$vue.DefineComponent<_$vue.ExtractPropTypes<{
   readonly isRange: BooleanConstructor;
 }>> & Readonly<{
   onClear?: ((...args: any[]) => any) | undefined;
-  onChange?: ((...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;
   onKeydown?: ((...args: any[]) => any) | undefined;
+  "onVisible-change"?: ((...args: any[]) => any) | undefined;
   "onCalendar-change"?: ((...args: any[]) => any) | undefined;
   "onPanel-change"?: ((...args: any[]) => any) | undefined;
-  "onVisible-change"?: ((...args: any[]) => any) | undefined;
 }>, {
   readonly type: string;
+  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 disabled: EpPropMergeType<BooleanConstructor, unknown, unknown>;
-  readonly modelValue: EpPropMergeType<(new (...args: any[]) => string | number | string[] | Date | number[] | Date[]) | (() => ModelValueType | null) | (((new (...args: any[]) => string | number | string[] | Date | number[] | Date[]) | (() => ModelValueType | null)) | null)[], unknown, unknown>;
+  readonly 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 placeholder: string;
   readonly readonly: boolean;
   readonly clearable: EpPropMergeType<BooleanConstructor, unknown, unknown>;
@@ -488,7 +489,6 @@ declare const __VLS_base: _$vue.DefineComponent<_$vue.ExtractPropTypes<{
   readonly fallbackPlacements: Placement$1[];
   readonly placement: EpPropMergeType<(new (...args: any[]) => "auto" | "left" | "right" | "bottom" | "top" | "auto-start" | "auto-end" | "top-start" | "top-end" | "bottom-start" | "bottom-end" | "right-start" | "right-end" | "left-start" | "left-end") | (() => Placement$1) | (((new (...args: any[]) => "auto" | "left" | "right" | "bottom" | "top" | "auto-start" | "auto-end" | "top-start" | "top-end" | "bottom-start" | "bottom-end" | "right-start" | "right-end" | "left-start" | "left-end") | (() => Placement$1)) | null)[], Placement$1, unknown>;
   readonly popperOptions: Partial<Options>;
-  readonly valueOnClear: EpPropMergeType<(new (...args: any[]) => string | number | boolean | Function) | (() => string | number | boolean | Function | null) | (((new (...args: any[]) => string | number | boolean | Function) | (() => string | number | boolean | Function | null)) | null)[], unknown, unknown>;
   readonly automaticDropdown: EpPropMergeType<BooleanConstructor, unknown, unknown>;
   readonly editable: EpPropMergeType<BooleanConstructor, unknown, unknown>;
   readonly saveOnBlur: EpPropMergeType<BooleanConstructor, unknown, unknown>;

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 | Date | string[] | number[] | Date[]) | (() => ModelValueType | null) | (((new (...args: any[]) => string | number | Date | string[] | number[] | Date[]) | (() => ModelValueType | null)) | null)[], unknown, unknown, "", boolean>;
   readonly rangeSeparator: EpPropFinalized<StringConstructor, unknown, unknown, "-", boolean>;
   readonly startPlaceholder: StringConstructor;
   readonly endPlaceholder: StringConstructor;

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

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

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

@@ -1 +1 @@
-{"version":3,"file":"basic-time-spinner.vue_vue_type_script_setup_true_lang.js","names":["showSeconds","arrowControl","amPmMode"],"sources":["../../../../../../../packages/components/time-picker/src/time-picker-com/basic-time-spinner.vue"],"sourcesContent":["<template>\n  <div :class=\"[ns.b('spinner'), { 'has-seconds': showSeconds }]\">\n    <template v-if=\"!arrowControl\">\n      <el-scrollbar\n        v-for=\"item in spinnerItems\"\n        :key=\"item\"\n        :ref=\"(scrollbar: unknown) => setRef(scrollbar as any, item)\"\n        :class=\"ns.be('spinner', 'wrapper')\"\n        wrap-style=\"max-height: inherit;\"\n        :view-class=\"ns.be('spinner', 'list')\"\n        noresize\n        tag=\"ul\"\n        @mouseenter=\"emitSelectRange(item)\"\n        @mousemove=\"adjustCurrentSpinner(item)\"\n      >\n        <li\n          v-for=\"(disabled, key) in timeList[item]\"\n          :key=\"key\"\n          :class=\"[\n            ns.be('spinner', 'item'),\n            ns.is('active', key === timePartials[item]),\n            ns.is('disabled', disabled),\n          ]\"\n          @click=\"handleClick(item, { value: key, disabled })\"\n        >\n          <template v-if=\"item === 'hours'\">\n            {{ ('0' + (amPmMode ? key % 12 || 12 : key)).slice(-2)\n            }}{{ getAmPmFlag(key) }}\n          </template>\n          <template v-else>\n            {{ ('0' + key).slice(-2) }}\n          </template>\n        </li>\n      </el-scrollbar>\n    </template>\n    <template v-if=\"arrowControl\">\n      <div\n        v-for=\"item in spinnerItems\"\n        :key=\"item\"\n        :class=\"[ns.be('spinner', 'wrapper'), ns.is('arrow')]\"\n        @mouseenter=\"emitSelectRange(item)\"\n      >\n        <el-icon\n          v-repeat-click=\"onDecrement\"\n          :class=\"['arrow-up', ns.be('spinner', 'arrow')]\"\n        >\n          <arrow-up />\n        </el-icon>\n        <el-icon\n          v-repeat-click=\"onIncrement\"\n          :class=\"['arrow-down', ns.be('spinner', 'arrow')]\"\n        >\n          <arrow-down />\n        </el-icon>\n        <ul :class=\"ns.be('spinner', 'list')\">\n          <li\n            v-for=\"(time, key) in arrowControlTimeList[item]\"\n            :key=\"key\"\n            :class=\"[\n              ns.be('spinner', 'item'),\n              ns.is('active', time === timePartials[item]),\n              ns.is('disabled', timeList[item][time!]),\n            ]\"\n          >\n            <template v-if=\"isNumber(time)\">\n              <template v-if=\"item === 'hours'\">\n                {{ ('0' + (amPmMode ? time % 12 || 12 : time)).slice(-2)\n                }}{{ getAmPmFlag(time) }}\n              </template>\n              <template v-else>\n                {{ ('0' + time).slice(-2) }}\n              </template>\n            </template>\n          </li>\n        </ul>\n      </div>\n    </template>\n  </div>\n</template>\n\n<script lang=\"ts\" setup>\nimport { computed, inject, nextTick, onMounted, ref, unref, watch } from 'vue'\nimport { debounce } from 'lodash-unified'\nimport { vRepeatClick } from '@element-plus/directives'\nimport ElScrollbar from '@element-plus/components/scrollbar'\nimport ElIcon from '@element-plus/components/icon'\nimport { ArrowDown, ArrowUp } from '@element-plus/icons-vue'\nimport { useNamespace } from '@element-plus/hooks'\nimport { getStyle, isNumber, rAF } from '@element-plus/utils'\nimport { CHANGE_EVENT } from '@element-plus/constants'\nimport {\n  DEFAULT_FORMATS_TIME,\n  PICKER_BASE_INJECTION_KEY,\n  timeUnits,\n} from '../constants'\nimport { buildTimeList } from '../utils'\nimport { basicTimeSpinnerProps } from '../props/basic-time-spinner'\nimport { getTimeLists } from '../composables/use-time-picker'\n\nimport type { Ref } from 'vue'\nimport type { ScrollbarInstance } from '@element-plus/components/scrollbar'\nimport type { TimeUnit } from '../constants'\nimport type { TimeList } from '../utils'\n\nconst props = defineProps(basicTimeSpinnerProps)\nconst pickerBase = inject(PICKER_BASE_INJECTION_KEY) as any\nconst { isRange, format, saveOnBlur } = pickerBase.props\nconst emit = defineEmits([CHANGE_EVENT, 'select-range', 'set-option'])\n\nconst ns = useNamespace('time')\n\nconst { getHoursList, getMinutesList, getSecondsList } = getTimeLists(\n  props.disabledHours,\n  props.disabledMinutes,\n  props.disabledSeconds\n)\n\n// data\nlet isScrolling = false\nconst ignoreScroll = {\n  hours: false,\n  minutes: false,\n  seconds: false,\n}\n\nconst currentScrollbar = ref<TimeUnit>()\nconst listHoursRef = ref<ScrollbarInstance>()\nconst listMinutesRef = ref<ScrollbarInstance>()\nconst listSecondsRef = ref<ScrollbarInstance>()\nconst listRefsMap: Record<TimeUnit, Ref<ScrollbarInstance | undefined>> = {\n  hours: listHoursRef,\n  minutes: listMinutesRef,\n  seconds: listSecondsRef,\n}\n\n// computed\nconst spinnerItems = computed(() => {\n  return props.showSeconds ? timeUnits : timeUnits.slice(0, 2)\n})\n\nconst timePartials = computed<Record<TimeUnit, number>>(() => {\n  const { spinnerDate } = props\n  const hours = spinnerDate.hour()\n  const minutes = spinnerDate.minute()\n  const seconds = spinnerDate.second()\n  return { hours, minutes, seconds }\n})\n\nconst timeList = computed(() => {\n  const { hours, minutes } = unref(timePartials)\n  const { role, spinnerDate } = props\n  const compare = !isRange ? spinnerDate : undefined\n  return {\n    hours: getHoursList(role, compare),\n    minutes: getMinutesList(hours, role, compare),\n    seconds: getSecondsList(hours, minutes, role, compare),\n  }\n})\n\nconst arrowControlTimeList = computed<Record<TimeUnit, TimeList>>(() => {\n  const { hours, minutes, seconds } = unref(timePartials)\n\n  return {\n    hours: buildTimeList(hours, 23),\n    minutes: buildTimeList(minutes, 59),\n    seconds: buildTimeList(seconds, 59),\n  }\n})\n\nconst debouncedResetScroll = debounce((type) => {\n  isScrolling = false\n  adjustCurrentSpinner(type)\n}, 200)\n\nconst getAmPmFlag = (hour: number) => {\n  const shouldShowAmPm = !!props.amPmMode\n  if (!shouldShowAmPm) return ''\n  const isCapital = props.amPmMode === 'A'\n  // todo locale\n  let content = hour < 12 ? ' am' : ' pm'\n  if (isCapital) content = content.toUpperCase()\n  return content\n}\n\nconst emitSelectRange = (type: TimeUnit) => {\n  let range = [0, 0]\n  const actualFormat = format || DEFAULT_FORMATS_TIME\n  const hourIndex = actualFormat.indexOf('HH')\n  const minuteIndex = actualFormat.indexOf('mm')\n  const secondIndex = actualFormat.indexOf('ss')\n  switch (type) {\n    case 'hours':\n      if (hourIndex !== -1) {\n        range = [hourIndex, hourIndex + 2]\n      }\n      break\n    case 'minutes':\n      if (minuteIndex !== -1) {\n        range = [minuteIndex, minuteIndex + 2]\n      }\n      break\n    case 'seconds':\n      if (secondIndex !== -1) {\n        range = [secondIndex, secondIndex + 2]\n      }\n      break\n  }\n  const [left, right] = range\n\n  emit('select-range', left, right)\n  currentScrollbar.value = type\n}\n\nconst adjustCurrentSpinner = (type: TimeUnit) => {\n  adjustSpinner(type, unref(timePartials)[type])\n}\n\nconst adjustSpinners = () => {\n  adjustCurrentSpinner('hours')\n  adjustCurrentSpinner('minutes')\n  adjustCurrentSpinner('seconds')\n}\n\nconst getScrollbarElement = (el: HTMLElement) =>\n  el.querySelector(`.${ns.namespace.value}-scrollbar__wrap`) as HTMLElement\n\nconst adjustSpinner = (type: TimeUnit, value: number) => {\n  if (props.arrowControl) return\n  const scrollbar = unref(listRefsMap[type])\n  if (scrollbar && scrollbar.$el) {\n    if (!saveOnBlur) {\n      ignoreScroll[type] = true\n      rAF(() => {\n        ignoreScroll[type] = false\n      })\n    }\n    getScrollbarElement(scrollbar.$el).scrollTop = Math.max(\n      0,\n      value * typeItemHeight(type)\n    )\n  }\n}\n\nconst typeItemHeight = (type: TimeUnit): number => {\n  const scrollbar = unref(listRefsMap[type])\n  const listItem = scrollbar?.$el.querySelector('li')\n  if (listItem) {\n    return Number.parseFloat(getStyle(listItem, 'height')) || 0\n  }\n  return 0\n}\n\nconst onIncrement = () => {\n  scrollDown(1)\n}\n\nconst onDecrement = () => {\n  scrollDown(-1)\n}\n\nconst scrollDown = (step: number) => {\n  if (!currentScrollbar.value) {\n    emitSelectRange('hours')\n  }\n\n  const label = currentScrollbar.value!\n  const now = unref(timePartials)[label]\n  const total = currentScrollbar.value === 'hours' ? 24 : 60\n  const next = findNextUnDisabled(label, now, step, total)\n\n  modifyDateField(label, next)\n  adjustSpinner(label, next)\n  nextTick(() => emitSelectRange(label))\n}\n\nconst findNextUnDisabled = (\n  type: TimeUnit,\n  now: number,\n  step: number,\n  total: number\n) => {\n  let next = (now + step + total) % total\n  const list = unref(timeList)[type]\n  while (list[next] && next !== now) {\n    next = (next + step + total) % total\n  }\n  return next\n}\n\nconst modifyDateField = (type: TimeUnit, value: number) => {\n  const list = unref(timeList)[type]\n  const isDisabled = list[value]\n  if (isDisabled) return\n\n  const { hours, minutes, seconds } = unref(timePartials)\n\n  let changeTo\n  switch (type) {\n    case 'hours':\n      changeTo = props.spinnerDate.hour(value).minute(minutes).second(seconds)\n      break\n    case 'minutes':\n      changeTo = props.spinnerDate.hour(hours).minute(value).second(seconds)\n      break\n    case 'seconds':\n      changeTo = props.spinnerDate.hour(hours).minute(minutes).second(value)\n      break\n  }\n  emit(CHANGE_EVENT, changeTo)\n}\n\nconst handleClick = (\n  type: TimeUnit,\n  { value, disabled }: { value: number; disabled: boolean }\n) => {\n  if (!disabled) {\n    modifyDateField(type, value)\n    emitSelectRange(type)\n    adjustSpinner(type, value)\n  }\n}\n\nconst handleScroll = (type: TimeUnit) => {\n  if (!saveOnBlur && ignoreScroll[type]) return\n  const scrollbar = unref(listRefsMap[type])\n  if (!scrollbar) return\n\n  isScrolling = true\n  debouncedResetScroll(type)\n  const value = Math.min(\n    Math.round(\n      (getScrollbarElement(scrollbar.$el).scrollTop -\n        (scrollBarHeight(type) * 0.5 - 10) / typeItemHeight(type) +\n        3) /\n        typeItemHeight(type)\n    ),\n    type === 'hours' ? 23 : 59\n  )\n  modifyDateField(type, value)\n}\n\nconst scrollBarHeight = (type: TimeUnit) => {\n  return unref(listRefsMap[type])!.$el.offsetHeight\n}\n\nconst bindScrollEvent = () => {\n  const bindFunction = (type: TimeUnit) => {\n    const scrollbar = unref(listRefsMap[type])\n    if (scrollbar && scrollbar.$el) {\n      getScrollbarElement(scrollbar.$el).onscroll = () => {\n        // TODO: scroll is emitted when set scrollTop programmatically\n        // should find better solutions in the future!\n        handleScroll(type)\n      }\n    }\n  }\n  bindFunction('hours')\n  bindFunction('minutes')\n  bindFunction('seconds')\n}\n\nonMounted(() => {\n  nextTick(() => {\n    !props.arrowControl && bindScrollEvent()\n    adjustSpinners()\n    // set selection on the first hour part\n    if (props.role === 'start') emitSelectRange('hours')\n  })\n})\n\nconst setRef = (scrollbar: ScrollbarInstance | null, type: TimeUnit) => {\n  listRefsMap[type].value = scrollbar ?? undefined\n}\n\nemit('set-option', [`${props.role}_scrollDown`, scrollDown])\nemit('set-option', [`${props.role}_emitSelectRange`, emitSelectRange])\n\nwatch(\n  () => props.spinnerDate,\n  () => {\n    if (isScrolling) return\n    adjustSpinners()\n  }\n)\n</script>\n"],"mappings":"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"}
+{"version":3,"file":"basic-time-spinner.vue_vue_type_script_setup_true_lang.js","names":["showSeconds","arrowControl","amPmMode"],"sources":["../../../../../../../packages/components/time-picker/src/time-picker-com/basic-time-spinner.vue"],"sourcesContent":["<template>\n  <div :class=\"[ns.b('spinner'), { 'has-seconds': showSeconds }]\">\n    <template v-if=\"!arrowControl\">\n      <el-scrollbar\n        v-for=\"item in spinnerItems\"\n        :key=\"item\"\n        :ref=\"(scrollbar: unknown) => setRef(scrollbar as any, item)\"\n        :class=\"ns.be('spinner', 'wrapper')\"\n        wrap-style=\"max-height: inherit;\"\n        :view-class=\"ns.be('spinner', 'list')\"\n        noresize\n        tag=\"ul\"\n        @mouseenter=\"emitSelectRange(item)\"\n        @mousemove=\"adjustCurrentSpinner(item)\"\n      >\n        <li\n          v-for=\"(disabled, key) in timeList[item]\"\n          :key=\"key\"\n          :class=\"[\n            ns.be('spinner', 'item'),\n            ns.is('active', key === timePartials[item]),\n            ns.is('disabled', disabled),\n          ]\"\n          @click=\"handleClick(item, { value: key, disabled })\"\n        >\n          <template v-if=\"item === 'hours'\">\n            {{ ('0' + (amPmMode ? key % 12 || 12 : key)).slice(-2)\n            }}{{ getAmPmFlag(key) }}\n          </template>\n          <template v-else>\n            {{ ('0' + key).slice(-2) }}\n          </template>\n        </li>\n      </el-scrollbar>\n    </template>\n    <template v-if=\"arrowControl\">\n      <div\n        v-for=\"item in spinnerItems\"\n        :key=\"item\"\n        :class=\"[ns.be('spinner', 'wrapper'), ns.is('arrow')]\"\n        @mouseenter=\"emitSelectRange(item)\"\n      >\n        <el-icon\n          v-repeat-click=\"onDecrement\"\n          :class=\"['arrow-up', ns.be('spinner', 'arrow')]\"\n        >\n          <arrow-up />\n        </el-icon>\n        <el-icon\n          v-repeat-click=\"onIncrement\"\n          :class=\"['arrow-down', ns.be('spinner', 'arrow')]\"\n        >\n          <arrow-down />\n        </el-icon>\n        <ul :class=\"ns.be('spinner', 'list')\">\n          <li\n            v-for=\"(time, key) in arrowControlTimeList[item]\"\n            :key=\"key\"\n            :class=\"[\n              ns.be('spinner', 'item'),\n              ns.is('active', time === timePartials[item]),\n              ns.is('disabled', timeList[item][time!]),\n            ]\"\n          >\n            <template v-if=\"isNumber(time)\">\n              <template v-if=\"item === 'hours'\">\n                {{ ('0' + (amPmMode ? time % 12 || 12 : time)).slice(-2)\n                }}{{ getAmPmFlag(time) }}\n              </template>\n              <template v-else>\n                {{ ('0' + time).slice(-2) }}\n              </template>\n            </template>\n          </li>\n        </ul>\n      </div>\n    </template>\n  </div>\n</template>\n\n<script lang=\"ts\" setup>\nimport { computed, inject, nextTick, onMounted, ref, unref, watch } from 'vue'\nimport { debounce } from 'lodash-unified'\nimport { vRepeatClick } from '@element-plus/directives'\nimport ElScrollbar from '@element-plus/components/scrollbar'\nimport ElIcon from '@element-plus/components/icon'\nimport { ArrowDown, ArrowUp } from '@element-plus/icons-vue'\nimport { useNamespace } from '@element-plus/hooks'\nimport { getStyle, isNumber, rAF } from '@element-plus/utils'\nimport { CHANGE_EVENT } from '@element-plus/constants'\nimport {\n  DEFAULT_FORMATS_TIME,\n  PICKER_BASE_INJECTION_KEY,\n  timeUnits,\n} from '../constants'\nimport { buildTimeList } from '../utils'\nimport { basicTimeSpinnerProps } from '../props/basic-time-spinner'\nimport { getTimeLists } from '../composables/use-time-picker'\n\nimport type { Ref } from 'vue'\nimport type { ScrollbarInstance } from '@element-plus/components/scrollbar'\nimport type { TimeUnit } from '../constants'\nimport type { TimeList } from '../utils'\n\nconst props = defineProps(basicTimeSpinnerProps)\nconst pickerBase = inject(PICKER_BASE_INJECTION_KEY) as any\nconst { isRange, format, saveOnBlur } = pickerBase.props\nconst emit = defineEmits([CHANGE_EVENT, 'select-range', 'set-option'])\n\nconst ns = useNamespace('time')\n\nconst { getHoursList, getMinutesList, getSecondsList } = getTimeLists(\n  props.disabledHours,\n  props.disabledMinutes,\n  props.disabledSeconds\n)\n\n// data\nlet isScrolling = false\nconst ignoreScroll = {\n  hours: false,\n  minutes: false,\n  seconds: false,\n}\n\nconst currentScrollbar = ref<TimeUnit>()\nconst listHoursRef = ref<ScrollbarInstance>()\nconst listMinutesRef = ref<ScrollbarInstance>()\nconst listSecondsRef = ref<ScrollbarInstance>()\nconst listRefsMap: Record<TimeUnit, Ref<ScrollbarInstance | undefined>> = {\n  hours: listHoursRef,\n  minutes: listMinutesRef,\n  seconds: listSecondsRef,\n}\n\n// computed\nconst spinnerItems = computed(() => {\n  return props.showSeconds ? timeUnits : timeUnits.slice(0, 2)\n})\n\nconst timePartials = computed<Record<TimeUnit, number>>(() => {\n  const { spinnerDate } = props\n  const hours = spinnerDate.hour()\n  const minutes = spinnerDate.minute()\n  const seconds = spinnerDate.second()\n  return { hours, minutes, seconds }\n})\n\nconst timeList = computed(() => {\n  const { hours, minutes } = unref(timePartials)\n  const { role, spinnerDate } = props\n  const compare = !isRange ? spinnerDate : undefined\n  return {\n    hours: getHoursList(role, compare),\n    minutes: getMinutesList(hours, role, compare),\n    seconds: getSecondsList(hours, minutes, role, compare),\n  }\n})\n\nconst arrowControlTimeList = computed<Record<TimeUnit, TimeList>>(() => {\n  const { hours, minutes, seconds } = unref(timePartials)\n\n  return {\n    hours: buildTimeList(hours, 23),\n    minutes: buildTimeList(minutes, 59),\n    seconds: buildTimeList(seconds, 59),\n  }\n})\n\nconst debouncedResetScroll = debounce((type) => {\n  isScrolling = false\n  adjustCurrentSpinner(type)\n}, 200)\n\nconst getAmPmFlag = (hour: number) => {\n  const shouldShowAmPm = !!props.amPmMode\n  if (!shouldShowAmPm) return ''\n  const isCapital = props.amPmMode === 'A'\n  // todo locale\n  let content = hour < 12 ? ' am' : ' pm'\n  if (isCapital) content = content.toUpperCase()\n  return content\n}\n\nconst emitSelectRange = (type: TimeUnit) => {\n  let range = [0, 0]\n  const actualFormat = format || DEFAULT_FORMATS_TIME\n  const hourIndex = actualFormat.indexOf('HH')\n  const minuteIndex = actualFormat.indexOf('mm')\n  const secondIndex = actualFormat.indexOf('ss')\n  switch (type) {\n    case 'hours':\n      if (hourIndex !== -1) {\n        range = [hourIndex, hourIndex + 2]\n      }\n      break\n    case 'minutes':\n      if (minuteIndex !== -1) {\n        range = [minuteIndex, minuteIndex + 2]\n      }\n      break\n    case 'seconds':\n      if (secondIndex !== -1) {\n        range = [secondIndex, secondIndex + 2]\n      }\n      break\n  }\n  const [left, right] = range\n\n  emit('select-range', left, right)\n  currentScrollbar.value = type\n}\n\nconst adjustCurrentSpinner = (type: TimeUnit) => {\n  adjustSpinner(type, unref(timePartials)[type])\n}\n\nconst adjustSpinners = () => {\n  adjustCurrentSpinner('hours')\n  adjustCurrentSpinner('minutes')\n  adjustCurrentSpinner('seconds')\n}\n\nconst getScrollbarElement = (el: HTMLElement) =>\n  el.querySelector(`.${ns.namespace.value}-scrollbar__wrap`) as HTMLElement\n\nconst adjustSpinner = (type: TimeUnit, value: number) => {\n  if (props.arrowControl) return\n  const scrollbar = unref(listRefsMap[type])\n  if (scrollbar && scrollbar.$el) {\n    if (!saveOnBlur) {\n      ignoreScroll[type] = true\n      rAF(() => {\n        ignoreScroll[type] = false\n      })\n    }\n    getScrollbarElement(scrollbar.$el).scrollTop = Math.max(\n      0,\n      value * typeItemHeight(type)\n    )\n  }\n}\n\nconst typeItemHeight = (type: TimeUnit): number => {\n  const scrollbar = unref(listRefsMap[type])\n  const listItem = scrollbar?.$el.querySelector('li')\n  if (listItem) {\n    return Number.parseFloat(getStyle(listItem, 'height')) || 0\n  }\n  return 0\n}\n\nconst onIncrement = () => {\n  scrollDown(1)\n}\n\nconst onDecrement = () => {\n  scrollDown(-1)\n}\n\nconst scrollDown = (step: number) => {\n  if (!currentScrollbar.value) {\n    emitSelectRange('hours')\n  }\n\n  const label = currentScrollbar.value!\n  const now = unref(timePartials)[label]\n  const total = currentScrollbar.value === 'hours' ? 24 : 60\n  const next = findNextUnDisabled(label, now, step, total)\n\n  modifyDateField(label, next)\n  adjustSpinner(label, next)\n  nextTick(() => emitSelectRange(label))\n}\n\nconst findNextUnDisabled = (\n  type: TimeUnit,\n  now: number,\n  step: number,\n  total: number\n) => {\n  let next = (now + step + total) % total\n  const list = unref(timeList)[type]\n  while (list[next] && next !== now) {\n    next = (next + step + total) % total\n  }\n  return next\n}\n\nconst modifyDateField = (type: TimeUnit, value: number) => {\n  const list = unref(timeList)[type]\n  const isDisabled = list[value]\n  if (isDisabled) return\n\n  const { hours, minutes, seconds } = unref(timePartials)\n\n  let changeTo\n  switch (type) {\n    case 'hours':\n      changeTo = props.spinnerDate.hour(value).minute(minutes).second(seconds)\n      break\n    case 'minutes':\n      changeTo = props.spinnerDate.hour(hours).minute(value).second(seconds)\n      break\n    case 'seconds':\n      changeTo = props.spinnerDate.hour(hours).minute(minutes).second(value)\n      break\n  }\n  emit(CHANGE_EVENT, changeTo)\n}\n\nconst handleClick = (\n  type: TimeUnit,\n  { value, disabled }: { value: number; disabled: boolean }\n) => {\n  if (!disabled) {\n    modifyDateField(type, value)\n    emitSelectRange(type)\n    adjustSpinner(type, value)\n  }\n}\n\nconst handleScroll = (type: TimeUnit) => {\n  if (!saveOnBlur && ignoreScroll[type]) return\n  const scrollbar = unref(listRefsMap[type])\n  if (!scrollbar) return\n\n  isScrolling = true\n  debouncedResetScroll(type)\n  const value = Math.min(\n    Math.round(\n      (getScrollbarElement(scrollbar.$el).scrollTop -\n        (scrollBarHeight(type) * 0.5 - 10) / typeItemHeight(type) +\n        3) /\n        typeItemHeight(type)\n    ),\n    type === 'hours' ? 23 : 59\n  )\n  modifyDateField(type, value)\n}\n\nconst scrollBarHeight = (type: TimeUnit) => {\n  return unref(listRefsMap[type])!.$el.offsetHeight\n}\n\nconst bindScrollEvent = () => {\n  const bindFunction = (type: TimeUnit) => {\n    const scrollbar = unref(listRefsMap[type])\n    if (scrollbar && scrollbar.$el) {\n      getScrollbarElement(scrollbar.$el).onscroll = () => {\n        // TODO: scroll is emitted when set scrollTop programmatically\n        // should find better solutions in the future!\n        handleScroll(type)\n      }\n    }\n  }\n  bindFunction('hours')\n  bindFunction('minutes')\n  bindFunction('seconds')\n}\n\nonMounted(() => {\n  nextTick(() => {\n    !props.arrowControl && bindScrollEvent()\n    adjustSpinners()\n    // set selection on the first hour part\n    if (props.role === 'start') emitSelectRange('hours')\n  })\n})\n\nconst setRef = (scrollbar: ScrollbarInstance | null, type: TimeUnit) => {\n  listRefsMap[type].value = scrollbar ?? undefined\n}\n\nemit('set-option', [`${props.role}_scrollDown`, scrollDown])\nemit('set-option', [`${props.role}_emitSelectRange`, emitSelectRange])\n\nwatch(\n  () => props.spinnerDate,\n  () => {\n    if (isScrolling) return\n    adjustSpinners()\n  }\n)\n</script>\n"],"mappings":"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"}

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 | Date | string[] | number[] | Date[]) | (() => ModelValueType | null) | (((new (...args: any[]) => string | number | Date | string[] | number[] | Date[]) | (() => 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 | Date | string[] | number[] | Date[]) | (() => ModelValueType | null) | (((new (...args: any[]) => string | number | Date | string[] | number[] | Date[]) | (() => ModelValueType | null)) | null)[], unknown, unknown, "", boolean>;
   rangeSeparator: EpPropFinalized<StringConstructor, unknown, unknown, "-", boolean>;
   startPlaceholder: StringConstructor;
   endPlaceholder: StringConstructor;
@@ -413,8 +413,9 @@ declare const _default: _$vue.DefineComponent<_$vue.ExtractPropTypes<{
   "onUpdate:modelValue"?: ((...args: any[]) => any) | undefined;
 }>, {
   type: string;
+  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>;
   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>;
+  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>;
   placeholder: string;
   readonly: boolean;
   clearable: EpPropMergeType<BooleanConstructor, unknown, unknown>;
@@ -426,7 +427,6 @@ 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>;
-  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>;
   automaticDropdown: EpPropMergeType<BooleanConstructor, unknown, unknown>;
   editable: EpPropMergeType<BooleanConstructor, unknown, unknown>;
   saveOnBlur: EpPropMergeType<BooleanConstructor, unknown, unknown>;

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

@@ -15,17 +15,18 @@ declare const __VLS_export: _$vue.DefineComponent<TimeSelectProps, {
   focus: () => void;
 }, {}, {}, {}, _$vue.ComponentOptionsMixin, _$vue.ComponentOptionsMixin, {
   clear: (...args: any[]) => void;
-  change: (...args: any[]) => void;
   "update:modelValue": (...args: any[]) => void;
+  change: (...args: any[]) => void;
   focus: (...args: any[]) => void;
   blur: (...args: any[]) => void;
 }, string, _$vue.PublicProps, Readonly<TimeSelectProps> & Readonly<{
   onClear?: ((...args: any[]) => any) | undefined;
-  onChange?: ((...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;
 }>, {
+  valueOnClear: string | number | boolean | Function | null;
   effect: PopperEffect;
   disabled: boolean;
   clearable: boolean;
@@ -35,9 +36,8 @@ declare const __VLS_export: _$vue.DefineComponent<TimeSelectProps, {
   start: string;
   popperClass: string;
   popperStyle: string | _$vue.CSSProperties;
-  valueOnClear: string | number | boolean | Function | null;
-  format: string;
   editable: boolean;
+  format: string;
   step: string;
 }, {}, {}, {}, string, _$vue.ComponentProvideOptions, false, {}, any>;
 declare const _default: typeof __VLS_export;

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.vue.d.ts

@@ -20,7 +20,6 @@ declare const __VLS_base: _$vue.DefineComponent<ElTooltipContentProps, {
   isFocusInsideContent: (event?: FocusEvent) => boolean | undefined;
 }, {}, {}, {}, _$vue.ComponentOptionsMixin, _$vue.ComponentOptionsMixin, {}, string, _$vue.PublicProps, Readonly<ElTooltipContentProps> & Readonly<{}>, {
   effect: PopperEffect;
-  offset: number;
   visible: boolean | null;
   content: string;
   style: string | false | _$vue.CSSProperties | _$vue.StyleValue[] | null;
@@ -34,6 +33,7 @@ declare const __VLS_base: _$vue.DefineComponent<ElTooltipContentProps, {
   loop: boolean;
   boundariesPadding: number;
   gpuAcceleration: boolean;
+  offset: number;
   placement: Placement;
   popperOptions: Partial<Options>;
   strategy: "fixed" | "absolute";

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

@@ -39,7 +39,7 @@ declare const useTooltipProps: {
   showArrow: EpPropFinalized<BooleanConstructor, unknown, unknown, boolean, boolean>;
   arrowOffset: EpPropFinalized<NumberConstructor, unknown, unknown, 5, boolean>;
   disabled: BooleanConstructor;
-  trigger: EpPropFinalized<(new (...args: any[]) => "click" | "focus" | "hover" | "contextmenu" | TooltipTriggerType[]) | (() => Arrayable<TooltipTriggerType>) | (((new (...args: any[]) => "click" | "focus" | "hover" | "contextmenu" | TooltipTriggerType[]) | (() => Arrayable<TooltipTriggerType>)) | null)[], unknown, unknown, "hover", boolean>;
+  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>;
   triggerKeys: EpPropFinalized<(new (...args: any[]) => string[]) | (() => string[]) | (((new (...args: any[]) => string[]) | (() => string[])) | null)[], unknown, unknown, () => string[], boolean>;
   focusOnTarget: BooleanConstructor;
   virtualRef: {
@@ -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" | "listbox" | "grid" | "menu" | "tooltip" | "group" | "navigation" | "tree", unknown, "tooltip", boolean>;
 };
 declare const tooltipEmits: readonly [..."update:visible"[], "before-show", "before-hide", "show", "hide", "open", "close"];
 /**

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

@@ -60,7 +60,6 @@ declare const __VLS_base: _$vue.DefineComponent<UseTooltipProps, {
   "onBefore-hide"?: ((...args: any[]) => any) | undefined;
 }>, {
   effect: PopperEffect;
-  offset: number;
   visible: boolean | null;
   content: string;
   style: string | false | _$vue.CSSProperties | _$vue.StyleValue[] | null;
@@ -74,6 +73,7 @@ declare const __VLS_base: _$vue.DefineComponent<UseTooltipProps, {
   loop: boolean;
   boundariesPadding: number;
   gpuAcceleration: boolean;
+  offset: number;
   placement: Placement;
   popperOptions: Partial<Options>;
   strategy: "fixed" | "absolute";

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

@@ -34,7 +34,7 @@ declare const useTooltipTriggerPropsDefaults: {
  */
 declare const useTooltipTriggerProps: {
   readonly disabled: BooleanConstructor;
-  readonly trigger: EpPropFinalized<(new (...args: any[]) => "click" | "focus" | "hover" | "contextmenu" | TooltipTriggerType[]) | (() => Arrayable<TooltipTriggerType>) | (((new (...args: any[]) => "click" | "focus" | "hover" | "contextmenu" | TooltipTriggerType[]) | (() => Arrayable<TooltipTriggerType>)) | null)[], unknown, unknown, "hover", boolean>;
+  readonly 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>;
   readonly triggerKeys: EpPropFinalized<(new (...args: any[]) => string[]) | (() => string[]) | (((new (...args: any[]) => string[]) | (() => string[])) | null)[], unknown, unknown, () => string[], boolean>;
   readonly focusOnTarget: BooleanConstructor;
   readonly virtualRef: {

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

@@ -12,8 +12,8 @@ declare const __VLS_base: _$vue.DefineComponent<TourContentProps, {}, {}, {}, {}
 }, string, _$vue.PublicProps, Readonly<TourContentProps> & Readonly<{
   onClose?: (() => any) | undefined;
 }>, {
-  offset: number;
   zIndex: number;
+  offset: number;
   placement: _$_floating_ui_dom0.Placement;
   strategy: _$_floating_ui_dom0.Strategy;
   reference: HTMLElement | _$_floating_ui_dom0.VirtualElement | null;

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

@@ -3,8 +3,8 @@ import * as _$vue from "vue";
 
 //#region ../../packages/components/tour/src/mask.vue.d.ts
 declare const __VLS_export: _$vue.DefineComponent<MaskProps, {}, {}, {}, {}, _$vue.ComponentOptionsMixin, _$vue.ComponentOptionsMixin, {}, string, _$vue.PublicProps, Readonly<MaskProps> & Readonly<{}>, {
-  fill: string;
   zIndex: number;
+  fill: string;
   targetAreaClickable: boolean;
 }, {}, {}, {}, string, _$vue.ComponentProvideOptions, false, {}, any>;
 declare const _default: typeof __VLS_export;

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

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

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

@@ -6,8 +6,8 @@ import { VNode } from "vue";
 //#region ../../packages/components/transfer/src/transfer.vue.d.ts
 declare const __VLS_export: <T extends TransferDataItem = TransferDataItem>(__VLS_props: NonNullable<Awaited<typeof __VLS_setup>>["props"], __VLS_ctx?: __VLS_PrettifyLocal<Pick<NonNullable<Awaited<typeof __VLS_setup>>, "attrs" | "emit" | "slots">>, __VLS_exposed?: NonNullable<Awaited<typeof __VLS_setup>>["expose"], __VLS_setup?: Promise<{
   props: _$vue.PublicProps & __VLS_PrettifyLocal<TransferProps<T> & {
-    onChange?: ((value: TransferKey[], direction: TransferDirection, movedKeys: TransferKey[]) => any) | undefined;
     "onUpdate:modelValue"?: ((value: TransferKey[]) => any) | undefined;
+    onChange?: ((value: TransferKey[], direction: TransferDirection, movedKeys: TransferKey[]) => any) | undefined;
     "onLeft-check-change"?: ((value: TransferKey[], movedKeys?: TransferKey[] | undefined) => any) | undefined;
     "onRight-check-change"?: ((value: TransferKey[], movedKeys?: TransferKey[] | undefined) => any) | undefined;
   }> & (typeof globalThis extends {

package/lib/components/tree/src/tree-node.vue.d.ts

@@ -104,11 +104,11 @@ declare const __VLS_export: _$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, {
       id: string;
       disabled: boolean;
@@ -129,8 +129,8 @@ declare const __VLS_export: _$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;
     }>, {}, {}, {}, {}, {
       id: string;
       disabled: boolean;
@@ -148,11 +148,11 @@ declare const __VLS_export: _$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, {
     id: string;
     disabled: boolean;

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

@@ -1475,11 +1475,11 @@ declare const __VLS_export: _$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, {
         id: string;
         disabled: boolean;
@@ -1500,8 +1500,8 @@ declare const __VLS_export: _$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;
       }>, {}, {}, {}, {}, {
         id: string;
         disabled: boolean;
@@ -1519,11 +1519,11 @@ declare const __VLS_export: _$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, {
       id: string;
       disabled: boolean;

package/lib/components/tree-select/src/tree-select-option.d.ts

@@ -8,13 +8,13 @@ declare const component: _$vue.DefineComponent<{}, any, {}, {}, {
   selectOptionClick(): void;
 }, _$vue.ComponentOptionsMixin, SFCWithInstall<_$vue.DefineComponent<_$vue.ExtractPropTypes<{
   value: {
-    readonly type: _$vue.PropType<EpPropMergeType<(ObjectConstructor | BooleanConstructor | NumberConstructor | StringConstructor)[], unknown, unknown>>;
+    readonly type: _$vue.PropType<EpPropMergeType<(BooleanConstructor | ObjectConstructor | StringConstructor | NumberConstructor)[], unknown, unknown>>;
     readonly required: true;
     readonly validator: ((val: unknown) => boolean) | undefined;
     __epPropKey: true;
   };
   label: {
-    readonly type: _$vue.PropType<EpPropMergeType<(NumberConstructor | StringConstructor)[], unknown, unknown>>;
+    readonly type: _$vue.PropType<EpPropMergeType<(StringConstructor | NumberConstructor)[], unknown, unknown>>;
     readonly required: false;
     readonly validator: ((val: unknown) => boolean) | undefined;
     __epPropKey: true;
@@ -42,7 +42,7 @@ declare const component: _$vue.DefineComponent<{}, any, {}, {}, {
   };
   id: _$vue.Ref<string, string>;
   containerKls: _$vue.ComputedRef<string[]>;
-  currentLabel: _$vue.ComputedRef<boolean | EpPropMergeType<(NumberConstructor | StringConstructor)[], unknown, unknown>>;
+  currentLabel: _$vue.ComputedRef<boolean | EpPropMergeType<(StringConstructor | NumberConstructor)[], unknown, unknown>>;
   itemSelected: _$vue.ComputedRef<boolean>;
   isDisabled: _$vue.ComputedRef<boolean>;
   select: SelectContext;
@@ -61,13 +61,13 @@ declare const component: _$vue.DefineComponent<{}, any, {}, {}, {
   selectOptionClick: () => void;
 }, {}, {}, {}, _$vue.ComponentOptionsMixin, _$vue.ComponentOptionsMixin, {}, string, _$vue.PublicProps, Readonly<_$vue.ExtractPropTypes<{
   value: {
-    readonly type: _$vue.PropType<EpPropMergeType<(ObjectConstructor | BooleanConstructor | NumberConstructor | StringConstructor)[], unknown, unknown>>;
+    readonly type: _$vue.PropType<EpPropMergeType<(BooleanConstructor | ObjectConstructor | StringConstructor | NumberConstructor)[], unknown, unknown>>;
     readonly required: true;
     readonly validator: ((val: unknown) => boolean) | undefined;
     __epPropKey: true;
   };
   label: {
-    readonly type: _$vue.PropType<EpPropMergeType<(NumberConstructor | StringConstructor)[], unknown, unknown>>;
+    readonly type: _$vue.PropType<EpPropMergeType<(StringConstructor | NumberConstructor)[], unknown, unknown>>;
     readonly required: false;
     readonly validator: ((val: unknown) => boolean) | undefined;
     __epPropKey: true;