element-plus 2.14.1 → 2.14.2

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

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

package/es/components/time-select/src/time-select.vue_vue_type_script_setup_true_lang.mjs

@@ -5,8 +5,8 @@ import { useNamespace } from "../../../hooks/use-namespace/index.mjs";
 import { ElIcon } from "../../icon/index.mjs";
 import { useFormDisabled } from "../../form/src/hooks/use-form-common-props.mjs";
 import { ElSelect } from "../../select/index.mjs";
-import { DEFAULT_STEP, timeSelectProps } from "./time-select.mjs";
-import { compareTime, formatTime, nextTime, parseTime } from "./utils.mjs";
+import { DEFAULT_END, DEFAULT_START, DEFAULT_STEP, timeSelectProps } from "./time-select.mjs";
+import { compareTime, formatTime, isValidTime, nextTime, parseTime } from "./utils.mjs";
 import { Fragment, computed, createBlock, createCommentVNode, createElementBlock, defineComponent, normalizeClass, openBlock, ref, renderList, resolveDynamicComponent, unref, withCtx } from "vue";
 import dayjs from "dayjs";
 import customParseFormat from "dayjs/plugin/customParseFormat.js";
@@ -30,15 +30,17 @@ var time_select_vue_vue_type_script_setup_true_lang_default = /* @__PURE__ */ de
 		const select = ref();
 		const _disabled = useFormDisabled();
 		const { lang } = useLocale();
+		const getValidTimeOrDefault = (value, propName, defaultValue, allowZero = true) => {
+			const time = parseTime(value);
+			if (!isValidTime(time) || !allowZero && time.hours === 0 && time.minutes === 0) {
+				debugWarn("ElTimeSelect", `invalid ${propName}, fallback to default ${propName} (${defaultValue}).`);
+				return defaultValue;
+			}
+			return formatTime(time);
+		};
 		const value = computed(() => props.modelValue);
-		const start = computed(() => {
-			const time = parseTime(props.start);
-			return time ? formatTime(time) : null;
-		});
-		const end = computed(() => {
-			const time = parseTime(props.end);
-			return time ? formatTime(time) : null;
-		});
+		const start = computed(() => getValidTimeOrDefault(props.start, "start", DEFAULT_START));
+		const end = computed(() => getValidTimeOrDefault(props.end, "end", DEFAULT_END));
 		const minTime = computed(() => {
 			const time = parseTime(props.minTime || "");
 			return time ? formatTime(time) : null;
@@ -47,12 +49,7 @@ var time_select_vue_vue_type_script_setup_true_lang_default = /* @__PURE__ */ de
 			const time = parseTime(props.maxTime || "");
 			return time ? formatTime(time) : null;
 		});
-		const step = computed(() => {
-			const time = 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) debugWarn("ElTimeSelect", `invalid step, fallback to default step (${DEFAULT_STEP}).`);
-			return !isInvalidStep ? formatTime(time) : DEFAULT_STEP;
-		});
+		const step = computed(() => getValidTimeOrDefault(props.step, "step", DEFAULT_STEP, false));
 		const items = computed(() => {
 			const result = [];
 			const push = (formattedValue, rawValue) => {
@@ -62,16 +59,12 @@ var time_select_vue_vue_type_script_setup_true_lang_default = /* @__PURE__ */ de
 					disabled: compareTime(rawValue, minTime.value || "-1:-1") <= 0 || compareTime(rawValue, maxTime.value || "100:100") >= 0
 				});
 			};
-			if (props.start && props.end && props.step) {
-				let current = start.value;
-				let currentTime;
-				while (current && end.value && compareTime(current, end.value) <= 0) {
-					currentTime = dayjs(current, "HH:mm").locale(lang.value).format(props.format);
-					push(currentTime, current);
-					current = nextTime(current, step.value);
-				}
-				if (props.includeEndTime && end.value && result[result.length - 1]?.rawValue !== end.value) push(dayjs(end.value, "HH:mm").locale(lang.value).format(props.format), end.value);
+			let current = start.value;
+			while (compareTime(current, end.value) <= 0) {
+				push(dayjs(current, "HH:mm").locale(lang.value).format(props.format), current);
+				current = nextTime(current, step.value);
 			}
+			if (props.includeEndTime && result[result.length - 1]?.rawValue !== end.value) push(dayjs(end.value, "HH:mm").locale(lang.value).format(props.format), end.value);
 			return result;
 		});
 		const blur = () => {

package/es/components/time-select/src/time-select.vue_vue_type_script_setup_true_lang.mjs.map

@@ -1 +1 @@
-{"version":3,"file":"time-select.vue_vue_type_script_setup_true_lang.mjs","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.mjs","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/es/components/time-select/src/time-select2.mjs.map

@@ -1 +1 @@
-{"version":3,"file":"time-select2.mjs","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.mjs","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/es/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/es/components/time-select/src/utils.mjs

@@ -4,6 +4,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;
@@ -14,6 +15,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;
@@ -46,6 +48,6 @@ const nextTime = (time, step) => {
 	return formatTime(next);
 };
 //#endregion
-export { compareTime, formatTime, nextTime, padTime, parseTime };
+export { compareTime, formatTime, isValidTime, nextTime, padTime, parseTime };
 
 //# sourceMappingURL=utils.mjs.map

package/es/components/time-select/src/utils.mjs.map

@@ -1 +1 @@
-{"version":3,"file":"utils.mjs","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.mjs","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/es/components/timeline/src/timeline-item.d.ts

@@ -50,10 +50,10 @@ declare const timelineItemProps: {
   readonly timestamp: EpPropFinalized<StringConstructor, unknown, unknown, "", boolean>;
   readonly hideTimestamp: BooleanConstructor;
   readonly center: BooleanConstructor;
-  readonly placement: EpPropFinalized<StringConstructor, "bottom" | "top", unknown, "bottom", boolean>;
+  readonly placement: EpPropFinalized<StringConstructor, "top" | "bottom", unknown, "bottom", boolean>;
   readonly type: EpPropFinalized<StringConstructor, "info" | "primary" | "success" | "warning" | "danger", unknown, "", boolean>;
   readonly color: EpPropFinalized<StringConstructor, unknown, unknown, "", boolean>;
-  readonly size: EpPropFinalized<StringConstructor, "large" | "normal", unknown, "normal", boolean>;
+  readonly size: EpPropFinalized<StringConstructor, "normal" | "large", unknown, "normal", boolean>;
   readonly icon: {
     readonly type: _$vue.PropType<EpPropMergeType<(new (...args: any[]) => (string | _$vue.Component) & {}) | (() => string | _$vue.Component) | (((new (...args: any[]) => (string | _$vue.Component) & {}) | (() => string | _$vue.Component)) | null)[], unknown, unknown>>;
     readonly required: false;

package/es/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/es/components/timeline/src/timeline.d.ts

@@ -4,22 +4,22 @@ import { ExtractPropTypes, ExtractPublicPropTypes } from "vue";
 
 //#region ../../packages/components/timeline/src/timeline.d.ts
 declare const timelineProps: {
-  readonly mode: EpPropFinalized<StringConstructor, "end" | "start" | "alternate" | "alternate-reverse", unknown, "start", boolean>;
+  readonly mode: EpPropFinalized<StringConstructor, "start" | "end" | "alternate" | "alternate-reverse", unknown, "start", boolean>;
   readonly reverse: BooleanConstructor;
 };
 type TimelineProps = ExtractPropTypes<typeof timelineProps>;
 type TimelinePropsPublic = ExtractPublicPropTypes<typeof timelineProps>;
 declare const Timeline: _$vue.DefineComponent<ExtractPropTypes<{
-  readonly mode: EpPropFinalized<StringConstructor, "end" | "start" | "alternate" | "alternate-reverse", unknown, "start", boolean>;
+  readonly mode: EpPropFinalized<StringConstructor, "start" | "end" | "alternate" | "alternate-reverse", unknown, "start", boolean>;
   readonly reverse: BooleanConstructor;
 }>, () => _$vue.VNode<_$vue.RendererNode, _$vue.RendererElement, {
   [key: string]: any;
 }>, {}, {}, {}, _$vue.ComponentOptionsMixin, _$vue.ComponentOptionsMixin, {}, string, _$vue.PublicProps, Readonly<ExtractPropTypes<{
-  readonly mode: EpPropFinalized<StringConstructor, "end" | "start" | "alternate" | "alternate-reverse", unknown, "start", boolean>;
+  readonly mode: EpPropFinalized<StringConstructor, "start" | "end" | "alternate" | "alternate-reverse", unknown, "start", boolean>;
   readonly reverse: BooleanConstructor;
 }>> & Readonly<{}>, {
   readonly reverse: boolean;
-  readonly mode: EpPropMergeType<StringConstructor, "end" | "start" | "alternate" | "alternate-reverse", unknown>;
+  readonly mode: EpPropMergeType<StringConstructor, "start" | "end" | "alternate" | "alternate-reverse", unknown>;
 }, {}, {}, {}, string, _$vue.ComponentProvideOptions, true, {}, any>;
 type TimelineInstance = InstanceType<typeof Timeline> & unknown;
 //#endregion

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

@@ -19,29 +19,29 @@ 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;
-  effect: PopperEffect;
-  enterable: boolean;
-  pure: boolean;
-  focusOnShow: boolean;
-  trapping: boolean;
-  popperStyle: string | false | _$vue.CSSProperties | _$vue.StyleValue[] | null;
-  stopPopperMouseEvent: boolean;
-  virtualTriggering: boolean;
-  loop: boolean;
+  showAfter: number;
+  hideAfter: number;
+  autoClose: number;
   boundariesPadding: number;
   gpuAcceleration: boolean;
   placement: Placement;
   popperOptions: Partial<Options>;
   strategy: "fixed" | "absolute";
   arrowOffset: number;
-  showAfter: number;
-  hideAfter: number;
-  autoClose: number;
+  effect: PopperEffect;
+  enterable: boolean;
+  popperStyle: string | false | _$vue.CSSProperties | _$vue.StyleValue[] | null;
+  stopPopperMouseEvent: boolean;
+  loop: boolean;
+  pure: boolean;
+  focusOnShow: boolean;
+  trapping: boolean;
+  virtualTriggering: boolean;
+  teleported: boolean;
 }, {}, {}, {}, string, _$vue.ComponentProvideOptions, false, {}, any>;
 declare const __VLS_export: __VLS_WithSlots<typeof __VLS_base, __VLS_Slots>;
 declare const _default: typeof __VLS_export;

package/es/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" | "focus" | "hover" | "contextmenu" | TooltipTriggerType[]) | (() => Arrayable<TooltipTriggerType>) | (((new (...args: any[]) => "click" | "focus" | "hover" | "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: {

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

@@ -46,44 +46,44 @@ declare const __VLS_base: _$vue.DefineComponent<UseTooltipProps, {
   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;
+  close: (...args: any[]) => void;
 }, string, _$vue.PublicProps, Readonly<UseTooltipProps> & Readonly<{
   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;
+  onClose?: ((...args: any[]) => any) | undefined;
 }>, {
-  visible: boolean | null;
-  content: string;
   style: string | false | _$vue.CSSProperties | _$vue.StyleValue[] | null;
   role: typeof roleTypes[number];
+  visible: boolean | null;
+  content: string;
   offset: number;
-  teleported: boolean;
-  effect: PopperEffect;
-  enterable: boolean;
-  pure: boolean;
-  focusOnShow: boolean;
-  trapping: boolean;
-  popperStyle: string | false | _$vue.CSSProperties | _$vue.StyleValue[] | null;
-  stopPopperMouseEvent: boolean;
-  virtualTriggering: boolean;
-  loop: boolean;
+  showAfter: number;
+  hideAfter: number;
+  autoClose: number;
   boundariesPadding: number;
   gpuAcceleration: boolean;
   placement: Placement;
   popperOptions: Partial<Options>;
   strategy: "fixed" | "absolute";
   arrowOffset: number;
+  effect: PopperEffect;
+  enterable: boolean;
+  popperStyle: string | false | _$vue.CSSProperties | _$vue.StyleValue[] | null;
+  stopPopperMouseEvent: boolean;
+  loop: boolean;
+  pure: boolean;
+  focusOnShow: boolean;
+  trapping: boolean;
+  virtualTriggering: boolean;
+  teleported: boolean;
   showArrow: boolean;
-  showAfter: number;
-  hideAfter: number;
-  autoClose: number;
   trigger: Arrayable<TooltipTriggerType>;
   triggerKeys: string[];
 }, {}, {}, {}, string, _$vue.ComponentProvideOptions, false, {}, any>;

package/es/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[]) => "focus" | "hover" | "click" | "contextmenu" | TooltipTriggerType[]) | (() => Arrayable<TooltipTriggerType>) | (((new (...args: any[]) => "focus" | "hover" | "click" | "contextmenu" | TooltipTriggerType[]) | (() => Arrayable<TooltipTriggerType>)) | null)[], unknown, unknown, "hover", boolean>;
+  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 triggerKeys: EpPropFinalized<(new (...args: any[]) => string[]) | (() => string[]) | (((new (...args: any[]) => string[]) | (() => string[])) | null)[], unknown, unknown, () => string[], boolean>;
   readonly focusOnTarget: BooleanConstructor;
   readonly virtualRef: {

package/es/components/tour/src/content.d.ts

@@ -35,7 +35,7 @@ interface TourContentProps {
  * @deprecated Removed after 3.0.0, Use `TourContentProps` instead.
  */
 declare const tourContentProps: {
-  placement: EpPropFinalized<(new (...args: any[]) => "left" | "right" | "bottom" | "top" | "top-start" | "top-end" | "bottom-start" | "bottom-end" | "right-start" | "right-end" | "left-start" | "left-end") | (() => Placement) | (((new (...args: any[]) => "left" | "right" | "bottom" | "top" | "top-start" | "top-end" | "bottom-start" | "bottom-end" | "right-start" | "right-end" | "left-start" | "left-end") | (() => Placement)) | null)[], "left" | "right" | "bottom" | "top" | "top-start" | "top-end" | "bottom-start" | "bottom-end" | "right-start" | "right-end" | "left-start" | "left-end", unknown, string, boolean>;
+  placement: EpPropFinalized<(new (...args: any[]) => "left" | "right" | "top" | "bottom" | "top-start" | "top-end" | "bottom-start" | "bottom-end" | "right-start" | "right-end" | "left-start" | "left-end") | (() => Placement) | (((new (...args: any[]) => "left" | "right" | "top" | "bottom" | "top-start" | "top-end" | "bottom-start" | "bottom-end" | "right-start" | "right-end" | "left-start" | "left-end") | (() => Placement)) | null)[], "left" | "right" | "top" | "bottom" | "top-start" | "top-end" | "bottom-start" | "bottom-end" | "right-start" | "right-end" | "left-start" | "left-end", unknown, string, boolean>;
   reference: EpPropFinalized<(new (...args: any[]) => HTMLElement | VirtualElement) | (() => HTMLElement | VirtualElement | null) | (((new (...args: any[]) => HTMLElement | VirtualElement) | (() => HTMLElement | VirtualElement | null)) | null)[], unknown, unknown, null, boolean>;
   strategy: EpPropFinalized<(new (...args: any[]) => "fixed" | "absolute") | (() => Strategy) | (((new (...args: any[]) => "fixed" | "absolute") | (() => Strategy)) | null)[], "fixed" | "absolute", unknown, string, boolean>;
   offset: EpPropFinalized<NumberConstructor, unknown, unknown, number, boolean>;

package/es/components/tour/src/helper.d.ts

@@ -30,7 +30,6 @@ interface TourContext {
   updateModelValue(modelValue: boolean): void;
   onClose(): void;
   onFinish(): void;
-  onChange(): void;
 }
 declare const tourKey: InjectionKey<TourContext>;
 declare const useFloating: (referenceRef: Ref<HTMLElement | VirtualElement | null>, contentRef: Ref<HTMLElement | null>, arrowRef: Ref<HTMLElement | null>, placement: Ref<Placement | undefined>, strategy: Ref<Strategy>, offset: Ref<number>, zIndex: Ref<number>, showArrow: Ref<boolean>) => {

package/es/components/tour/src/helper.mjs.map

@@ -1 +1 @@
-{"version":3,"file":"helper.mjs","names":["offsetMiddleware","offset"],"sources":["../../../../../../packages/components/tour/src/helper.ts"],"sourcesContent":["import {\n  computed,\n  onBeforeUnmount,\n  onMounted,\n  ref,\n  unref,\n  watch,\n  watchEffect,\n} from 'vue'\nimport {\n  arrow,\n  autoUpdate,\n  computePosition,\n  detectOverflow,\n  flip,\n  offset as offsetMiddleware,\n  shift,\n} from '@floating-ui/dom'\nimport {\n  isArray,\n  isClient,\n  isFunction,\n  isString,\n  keysOf,\n} from '@element-plus/utils'\n\nimport type {\n  CSSProperties,\n  Component,\n  InjectionKey,\n  Ref,\n  SetupContext,\n} from 'vue'\nimport type { UseNamespaceReturn } from '@element-plus/hooks'\nimport type { PosInfo, TourGap, TourMask } from './types'\nimport type {\n  ComputePositionReturn,\n  Middleware,\n  Placement,\n  Strategy,\n  VirtualElement,\n} from '@floating-ui/dom'\nimport type { TourStepProps } from './step'\n\nexport const useTarget = (\n  target: Ref<\n    string | HTMLElement | (() => HTMLElement | null) | null | undefined\n  >,\n  open: Ref<boolean>,\n  gap: Ref<TourGap>,\n  mergedMask: Ref<TourMask>,\n  scrollIntoViewOptions: Ref<boolean | ScrollIntoViewOptions>\n) => {\n  const posInfo: Ref<PosInfo | null> = ref(null)\n\n  const getTargetEl = () => {\n    let targetEl: HTMLElement | null | undefined\n    if (isString(target.value)) {\n      targetEl = document.querySelector<HTMLElement>(target.value)\n    } else if (isFunction(target.value)) {\n      targetEl = target.value()\n    } else {\n      targetEl = target.value\n    }\n    return targetEl\n  }\n\n  const updatePosInfo = () => {\n    const targetEl = getTargetEl()\n    if (!targetEl || !open.value) {\n      posInfo.value = null\n      return\n    }\n    if (!isInViewPort(targetEl)) {\n      targetEl.scrollIntoView(scrollIntoViewOptions.value)\n    }\n    const { left, top, width, height } = targetEl.getBoundingClientRect()\n    posInfo.value = {\n      left,\n      top,\n      width,\n      height,\n      radius: 0,\n    }\n  }\n\n  onMounted(() => {\n    watch(\n      [open, target],\n      () => {\n        updatePosInfo()\n      },\n      {\n        immediate: true,\n      }\n    )\n    window.addEventListener('resize', updatePosInfo)\n  })\n\n  onBeforeUnmount(() => {\n    window.removeEventListener('resize', updatePosInfo)\n  })\n\n  const getGapOffset = (index: number) =>\n    (isArray(gap.value.offset) ? gap.value.offset[index] : gap.value.offset) ??\n    6\n\n  const mergedPosInfo = computed(() => {\n    if (!posInfo.value) return posInfo.value\n\n    const gapOffsetX = getGapOffset(0)\n    const gapOffsetY = getGapOffset(1)\n    const gapRadius = gap.value?.radius || 2\n\n    return {\n      left: posInfo.value.left - gapOffsetX,\n      top: posInfo.value.top - gapOffsetY,\n      width: posInfo.value.width + gapOffsetX * 2,\n      height: posInfo.value.height + gapOffsetY * 2,\n      radius: gapRadius,\n    }\n  })\n\n  const triggerTarget = computed(() => {\n    const targetEl = getTargetEl()\n    if (!mergedMask.value || !targetEl || !window.DOMRect) {\n      return targetEl || undefined\n    }\n\n    return {\n      getBoundingClientRect() {\n        return window.DOMRect.fromRect({\n          width: mergedPosInfo.value?.width || 0,\n          height: mergedPosInfo.value?.height || 0,\n          x: mergedPosInfo.value?.left || 0,\n          y: mergedPosInfo.value?.top || 0,\n        })\n      },\n    }\n  })\n\n  return {\n    mergedPosInfo,\n    triggerTarget,\n  }\n}\n\nexport interface TourContext {\n  currentStep: Ref<TourStepProps | undefined>\n  current: Ref<number>\n  total: Ref<number>\n  showClose: Ref<boolean>\n  closeIcon: Ref<string | Component | undefined>\n  mergedType: Ref<'default' | 'primary' | undefined>\n  ns: UseNamespaceReturn\n  slots: SetupContext['slots']\n  updateModelValue(modelValue: boolean): void\n  onClose(): void\n  onFinish(): void\n  onChange(): void\n}\n\nexport const tourKey: InjectionKey<TourContext> = Symbol('ElTour')\n\nfunction isInViewPort(element: HTMLElement) {\n  const viewWidth = window.innerWidth || document.documentElement.clientWidth\n  const viewHeight = window.innerHeight || document.documentElement.clientHeight\n  const { top, right, bottom, left } = element.getBoundingClientRect()\n\n  return top >= 0 && left >= 0 && right <= viewWidth && bottom <= viewHeight\n}\n\nexport const useFloating = (\n  referenceRef: Ref<HTMLElement | VirtualElement | null>,\n  contentRef: Ref<HTMLElement | null>,\n  arrowRef: Ref<HTMLElement | null>,\n  placement: Ref<Placement | undefined>,\n  strategy: Ref<Strategy>,\n  offset: Ref<number>,\n  zIndex: Ref<number>,\n  showArrow: Ref<boolean>\n) => {\n  const x = ref<number>()\n  const y = ref<number>()\n  const middlewareData = ref<ComputePositionReturn['middlewareData']>({})\n\n  const states = {\n    x,\n    y,\n    placement,\n    strategy,\n    middlewareData,\n  } as const\n\n  const middleware = computed(() => {\n    const _middleware: Middleware[] = [\n      offsetMiddleware(unref(offset)),\n      flip(),\n      shift(),\n      overflowMiddleware(),\n    ]\n\n    if (unref(showArrow) && unref(arrowRef)) {\n      _middleware.push(\n        arrow({\n          element: unref(arrowRef)!,\n        })\n      )\n    }\n    return _middleware\n  })\n\n  const update = async () => {\n    if (!isClient) return\n\n    const referenceEl = unref(referenceRef)\n    const contentEl = unref(contentRef)\n    if (!referenceEl || !contentEl) return\n\n    const data = await computePosition(referenceEl, contentEl, {\n      placement: unref(placement),\n      strategy: unref(strategy),\n      middleware: unref(middleware),\n    })\n\n    keysOf(states).forEach((key) => {\n      states[key].value = data[key]\n    })\n  }\n\n  const contentStyle = computed<CSSProperties>(() => {\n    if (!unref(referenceRef)) {\n      return {\n        position: 'fixed',\n        top: '50%',\n        left: '50%',\n        transform: 'translate3d(-50%, -50%, 0)',\n        maxWidth: '100vw',\n        zIndex: unref(zIndex),\n      }\n    }\n\n    const { overflow } = unref(middlewareData)\n\n    return {\n      position: unref(strategy),\n      zIndex: unref(zIndex),\n      top: unref(y) != null ? `${unref(y)}px` : '',\n      left: unref(x) != null ? `${unref(x)}px` : '',\n      maxWidth: overflow?.maxWidth ? `${overflow?.maxWidth}px` : '',\n    }\n  })\n\n  const arrowStyle = computed<CSSProperties>(() => {\n    if (!unref(showArrow)) return {}\n\n    const { arrow } = unref(middlewareData)\n    return {\n      left: arrow?.x != null ? `${arrow?.x}px` : '',\n      top: arrow?.y != null ? `${arrow?.y}px` : '',\n    }\n  })\n\n  let cleanup: any\n  onMounted(() => {\n    const referenceEl = unref(referenceRef)\n    const contentEl = unref(contentRef)\n    if (referenceEl && contentEl) {\n      cleanup = autoUpdate(referenceEl, contentEl, update)\n    }\n\n    watchEffect(() => {\n      update()\n    })\n  })\n\n  onBeforeUnmount(() => {\n    cleanup && cleanup()\n  })\n\n  return {\n    update,\n    contentStyle,\n    arrowStyle,\n  }\n}\n\nconst overflowMiddleware = (): Middleware => {\n  return {\n    name: 'overflow',\n    async fn(state) {\n      const overflow = await detectOverflow(state)\n      let overWidth = 0\n      if (overflow.left > 0) overWidth = overflow.left\n      if (overflow.right > 0) overWidth = overflow.right\n      const floatingWidth = state.rects.floating.width\n      return {\n        data: {\n          maxWidth: floatingWidth - overWidth,\n        },\n      }\n    },\n  }\n}\n"],"mappings":"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"}
+{"version":3,"file":"helper.mjs","names":["offsetMiddleware","offset"],"sources":["../../../../../../packages/components/tour/src/helper.ts"],"sourcesContent":["import {\n  computed,\n  onBeforeUnmount,\n  onMounted,\n  ref,\n  unref,\n  watch,\n  watchEffect,\n} from 'vue'\nimport {\n  arrow,\n  autoUpdate,\n  computePosition,\n  detectOverflow,\n  flip,\n  offset as offsetMiddleware,\n  shift,\n} from '@floating-ui/dom'\nimport {\n  isArray,\n  isClient,\n  isFunction,\n  isString,\n  keysOf,\n} from '@element-plus/utils'\n\nimport type {\n  CSSProperties,\n  Component,\n  InjectionKey,\n  Ref,\n  SetupContext,\n} from 'vue'\nimport type { UseNamespaceReturn } from '@element-plus/hooks'\nimport type { PosInfo, TourGap, TourMask } from './types'\nimport type {\n  ComputePositionReturn,\n  Middleware,\n  Placement,\n  Strategy,\n  VirtualElement,\n} from '@floating-ui/dom'\nimport type { TourStepProps } from './step'\n\nexport const useTarget = (\n  target: Ref<\n    string | HTMLElement | (() => HTMLElement | null) | null | undefined\n  >,\n  open: Ref<boolean>,\n  gap: Ref<TourGap>,\n  mergedMask: Ref<TourMask>,\n  scrollIntoViewOptions: Ref<boolean | ScrollIntoViewOptions>\n) => {\n  const posInfo: Ref<PosInfo | null> = ref(null)\n\n  const getTargetEl = () => {\n    let targetEl: HTMLElement | null | undefined\n    if (isString(target.value)) {\n      targetEl = document.querySelector<HTMLElement>(target.value)\n    } else if (isFunction(target.value)) {\n      targetEl = target.value()\n    } else {\n      targetEl = target.value\n    }\n    return targetEl\n  }\n\n  const updatePosInfo = () => {\n    const targetEl = getTargetEl()\n    if (!targetEl || !open.value) {\n      posInfo.value = null\n      return\n    }\n    if (!isInViewPort(targetEl)) {\n      targetEl.scrollIntoView(scrollIntoViewOptions.value)\n    }\n    const { left, top, width, height } = targetEl.getBoundingClientRect()\n    posInfo.value = {\n      left,\n      top,\n      width,\n      height,\n      radius: 0,\n    }\n  }\n\n  onMounted(() => {\n    watch(\n      [open, target],\n      () => {\n        updatePosInfo()\n      },\n      {\n        immediate: true,\n      }\n    )\n    window.addEventListener('resize', updatePosInfo)\n  })\n\n  onBeforeUnmount(() => {\n    window.removeEventListener('resize', updatePosInfo)\n  })\n\n  const getGapOffset = (index: number) =>\n    (isArray(gap.value.offset) ? gap.value.offset[index] : gap.value.offset) ??\n    6\n\n  const mergedPosInfo = computed(() => {\n    if (!posInfo.value) return posInfo.value\n\n    const gapOffsetX = getGapOffset(0)\n    const gapOffsetY = getGapOffset(1)\n    const gapRadius = gap.value?.radius || 2\n\n    return {\n      left: posInfo.value.left - gapOffsetX,\n      top: posInfo.value.top - gapOffsetY,\n      width: posInfo.value.width + gapOffsetX * 2,\n      height: posInfo.value.height + gapOffsetY * 2,\n      radius: gapRadius,\n    }\n  })\n\n  const triggerTarget = computed(() => {\n    const targetEl = getTargetEl()\n    if (!mergedMask.value || !targetEl || !window.DOMRect) {\n      return targetEl || undefined\n    }\n\n    return {\n      getBoundingClientRect() {\n        return window.DOMRect.fromRect({\n          width: mergedPosInfo.value?.width || 0,\n          height: mergedPosInfo.value?.height || 0,\n          x: mergedPosInfo.value?.left || 0,\n          y: mergedPosInfo.value?.top || 0,\n        })\n      },\n    }\n  })\n\n  return {\n    mergedPosInfo,\n    triggerTarget,\n  }\n}\n\nexport interface TourContext {\n  currentStep: Ref<TourStepProps | undefined>\n  current: Ref<number>\n  total: Ref<number>\n  showClose: Ref<boolean>\n  closeIcon: Ref<string | Component | undefined>\n  mergedType: Ref<'default' | 'primary' | undefined>\n  ns: UseNamespaceReturn\n  slots: SetupContext['slots']\n  updateModelValue(modelValue: boolean): void\n  onClose(): void\n  onFinish(): void\n}\n\nexport const tourKey: InjectionKey<TourContext> = Symbol('ElTour')\n\nfunction isInViewPort(element: HTMLElement) {\n  const viewWidth = window.innerWidth || document.documentElement.clientWidth\n  const viewHeight = window.innerHeight || document.documentElement.clientHeight\n  const { top, right, bottom, left } = element.getBoundingClientRect()\n\n  return top >= 0 && left >= 0 && right <= viewWidth && bottom <= viewHeight\n}\n\nexport const useFloating = (\n  referenceRef: Ref<HTMLElement | VirtualElement | null>,\n  contentRef: Ref<HTMLElement | null>,\n  arrowRef: Ref<HTMLElement | null>,\n  placement: Ref<Placement | undefined>,\n  strategy: Ref<Strategy>,\n  offset: Ref<number>,\n  zIndex: Ref<number>,\n  showArrow: Ref<boolean>\n) => {\n  const x = ref<number>()\n  const y = ref<number>()\n  const middlewareData = ref<ComputePositionReturn['middlewareData']>({})\n\n  const states = {\n    x,\n    y,\n    placement,\n    strategy,\n    middlewareData,\n  } as const\n\n  const middleware = computed(() => {\n    const _middleware: Middleware[] = [\n      offsetMiddleware(unref(offset)),\n      flip(),\n      shift(),\n      overflowMiddleware(),\n    ]\n\n    if (unref(showArrow) && unref(arrowRef)) {\n      _middleware.push(\n        arrow({\n          element: unref(arrowRef)!,\n        })\n      )\n    }\n    return _middleware\n  })\n\n  const update = async () => {\n    if (!isClient) return\n\n    const referenceEl = unref(referenceRef)\n    const contentEl = unref(contentRef)\n    if (!referenceEl || !contentEl) return\n\n    const data = await computePosition(referenceEl, contentEl, {\n      placement: unref(placement),\n      strategy: unref(strategy),\n      middleware: unref(middleware),\n    })\n\n    keysOf(states).forEach((key) => {\n      states[key].value = data[key]\n    })\n  }\n\n  const contentStyle = computed<CSSProperties>(() => {\n    if (!unref(referenceRef)) {\n      return {\n        position: 'fixed',\n        top: '50%',\n        left: '50%',\n        transform: 'translate3d(-50%, -50%, 0)',\n        maxWidth: '100vw',\n        zIndex: unref(zIndex),\n      }\n    }\n\n    const { overflow } = unref(middlewareData)\n\n    return {\n      position: unref(strategy),\n      zIndex: unref(zIndex),\n      top: unref(y) != null ? `${unref(y)}px` : '',\n      left: unref(x) != null ? `${unref(x)}px` : '',\n      maxWidth: overflow?.maxWidth ? `${overflow?.maxWidth}px` : '',\n    }\n  })\n\n  const arrowStyle = computed<CSSProperties>(() => {\n    if (!unref(showArrow)) return {}\n\n    const { arrow } = unref(middlewareData)\n    return {\n      left: arrow?.x != null ? `${arrow?.x}px` : '',\n      top: arrow?.y != null ? `${arrow?.y}px` : '',\n    }\n  })\n\n  let cleanup: any\n  onMounted(() => {\n    const referenceEl = unref(referenceRef)\n    const contentEl = unref(contentRef)\n    if (referenceEl && contentEl) {\n      cleanup = autoUpdate(referenceEl, contentEl, update)\n    }\n\n    watchEffect(() => {\n      update()\n    })\n  })\n\n  onBeforeUnmount(() => {\n    cleanup && cleanup()\n  })\n\n  return {\n    update,\n    contentStyle,\n    arrowStyle,\n  }\n}\n\nconst overflowMiddleware = (): Middleware => {\n  return {\n    name: 'overflow',\n    async fn(state) {\n      const overflow = await detectOverflow(state)\n      let overWidth = 0\n      if (overflow.left > 0) overWidth = overflow.left\n      if (overflow.right > 0) overWidth = overflow.right\n      const floatingWidth = state.rects.floating.width\n      return {\n        data: {\n          maxWidth: floatingWidth - overWidth,\n        },\n      }\n    },\n  }\n}\n"],"mappings":"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"}

package/es/components/tour/src/step.d.ts

@@ -81,7 +81,7 @@ declare const tourStepProps: {
     __epPropKey: true;
   };
   showArrow: EpPropFinalized<BooleanConstructor, unknown, unknown, undefined, boolean>;
-  placement: EpPropFinalized<(new (...args: any[]) => "left" | "right" | "bottom" | "top" | "top-start" | "top-end" | "bottom-start" | "bottom-end" | "right-start" | "right-end" | "left-start" | "left-end") | (() => _$_floating_ui_dom0.Placement) | (((new (...args: any[]) => "left" | "right" | "bottom" | "top" | "top-start" | "top-end" | "bottom-start" | "bottom-end" | "right-start" | "right-end" | "left-start" | "left-end") | (() => _$_floating_ui_dom0.Placement)) | null)[], "left" | "right" | "bottom" | "top" | "top-start" | "top-end" | "bottom-start" | "bottom-end" | "right-start" | "right-end" | "left-start" | "left-end", unknown, string, boolean>;
+  placement: EpPropFinalized<(new (...args: any[]) => "left" | "right" | "top" | "bottom" | "top-start" | "top-end" | "bottom-start" | "bottom-end" | "right-start" | "right-end" | "left-start" | "left-end") | (() => _$_floating_ui_dom0.Placement) | (((new (...args: any[]) => "left" | "right" | "top" | "bottom" | "top-start" | "top-end" | "bottom-start" | "bottom-end" | "right-start" | "right-end" | "left-start" | "left-end") | (() => _$_floating_ui_dom0.Placement)) | null)[], "left" | "right" | "top" | "bottom" | "top-start" | "top-end" | "bottom-start" | "bottom-end" | "right-start" | "right-end" | "left-start" | "left-end", unknown, string, boolean>;
   mask: EpPropFinalized<(new (...args: any[]) => boolean | {
     style?: CSSProperties;
     color?: string;

package/es/components/tour/src/step.vue.d.ts

@@ -15,9 +15,9 @@ declare const __VLS_base: _$vue.DefineComponent<TourStepProps, {}, {}, {}, {}, _
 }, string, _$vue.PublicProps, Readonly<TourStepProps> & Readonly<{
   onClose?: (() => any) | undefined;
 }>, {
+  mask: TourMask;
   placement: _$_floating_ui_dom0.Placement;
   showArrow: boolean;
-  mask: TourMask;
   showClose: boolean;
   scrollIntoViewOptions: boolean | ScrollIntoViewOptions;
 }, {}, {}, {}, string, _$vue.ComponentProvideOptions, false, {}, any>;

package/es/components/tour/src/step.vue_vue_type_script_setup_true_lang.mjs

@@ -20,7 +20,7 @@ var step_vue_vue_type_script_setup_true_lang_default = /* @__PURE__ */ defineCom
 		const emit = __emit;
 		const { Close } = CloseComponents;
 		const { t } = useLocale();
-		const { currentStep, current, total, showClose, closeIcon, mergedType, ns, slots: tourSlots, updateModelValue, onClose: tourOnClose, onFinish: tourOnFinish, onChange } = inject(tourKey);
+		const { currentStep, current, total, showClose, closeIcon, mergedType, ns, slots: tourSlots, updateModelValue, onClose: tourOnClose, onFinish: tourOnFinish } = inject(tourKey);
 		watch(props, (val) => {
 			currentStep.value = val;
 		}, { immediate: true });
@@ -33,13 +33,11 @@ var step_vue_vue_type_script_setup_true_lang_default = /* @__PURE__ */ defineCom
 		const onPrev = () => {
 			current.value -= 1;
 			if (props.prevButtonProps?.onClick) props.prevButtonProps?.onClick();
-			onChange();
 		};
 		const onNext = () => {
 			if (current.value >= total.value - 1) onFinish();
 			else current.value += 1;
 			if (props.nextButtonProps?.onClick) props.nextButtonProps.onClick();
-			onChange();
 		};
 		const onFinish = () => {
 			onClose();

package/es/components/tour/src/step.vue_vue_type_script_setup_true_lang.mjs.map

@@ -1 +1 @@
-{"version":3,"file":"step.vue_vue_type_script_setup_true_lang.mjs","names":[],"sources":["../../../../../../packages/components/tour/src/step.vue"],"sourcesContent":["<template>\n  <button\n    v-if=\"mergedShowClose\"\n    :aria-label=\"t('el.tour.close')\"\n    :class=\"ns.e('closebtn')\"\n    type=\"button\"\n    @click=\"onClose\"\n  >\n    <el-icon :class=\"ns.e('close')\">\n      <component :is=\"mergedCloseIcon\" />\n    </el-icon>\n  </button>\n  <header :class=\"[ns.e('header'), { 'show-close': showClose }]\">\n    <slot name=\"header\">\n      <span role=\"heading\" :class=\"ns.e('title')\">\n        {{ title }}\n      </span>\n    </slot>\n  </header>\n  <div :class=\"ns.e('body')\">\n    <slot>\n      <span>{{ description }}</span>\n    </slot>\n  </div>\n  <footer :class=\"ns.e('footer')\">\n    <div :class=\"ns.b('indicators')\">\n      <component\n        :is=\"tourSlots.indicators\"\n        v-if=\"tourSlots.indicators\"\n        :current=\"current\"\n        :total=\"total\"\n      />\n      <template v-else>\n        <span\n          v-for=\"(item, index) in total\"\n          :key=\"item\"\n          :class=\"[ns.b('indicator'), ns.is('active', index === current)]\"\n        />\n      </template>\n    </div>\n    <div :class=\"ns.b('buttons')\">\n      <el-button\n        v-if=\"current > 0\"\n        size=\"small\"\n        :type=\"mergedType\"\n        v-bind=\"filterButtonProps(prevButtonProps)\"\n        @click=\"onPrev\"\n      >\n        {{ prevButtonProps?.children ?? t('el.tour.previous') }}\n      </el-button>\n      <el-button\n        v-if=\"current <= total - 1\"\n        size=\"small\"\n        :type=\"mergedType === 'primary' ? 'default' : 'primary'\"\n        v-bind=\"filterButtonProps(nextButtonProps)\"\n        @click=\"onNext\"\n      >\n        {{\n          nextButtonProps?.children ??\n          (current === total - 1 ? t('el.tour.finish') : t('el.tour.next'))\n        }}\n      </el-button>\n    </div>\n  </footer>\n</template>\n\n<script lang=\"ts\" setup>\nimport { computed, inject, onBeforeUnmount, onMounted, watch } from 'vue'\nimport { EVENT_CODE } from '@element-plus/constants'\nimport { omit } from 'lodash-unified'\nimport { ElButton } from '@element-plus/components/button'\nimport { ElIcon } from '@element-plus/components/icon'\nimport { CloseComponents, getEventCode } from '@element-plus/utils'\nimport { useLocale } from '@element-plus/hooks'\nimport { tourStepEmits } from './step'\nimport { tourKey } from './helper'\n\nimport type { TourBtnProps } from './types'\nimport type { TourStepProps } from './step'\n\ndefineOptions({\n  name: 'ElTourStep',\n})\n\nconst props = withDefaults(defineProps<TourStepProps>(), {\n  showClose: undefined,\n  showArrow: undefined,\n  placement: 'bottom',\n  mask: undefined,\n  scrollIntoViewOptions: undefined,\n})\nconst emit = defineEmits(tourStepEmits)\n\nconst { Close } = CloseComponents\n\nconst { t } = useLocale()\n\nconst {\n  currentStep,\n  current,\n  total,\n  showClose,\n  closeIcon,\n  mergedType,\n  ns,\n  slots: tourSlots,\n  updateModelValue,\n  onClose: tourOnClose,\n  onFinish: tourOnFinish,\n  onChange,\n} = inject(tourKey)!\n\nwatch(\n  props,\n  (val) => {\n    currentStep.value = val\n  },\n  {\n    immediate: true,\n  }\n)\n\nconst mergedShowClose = computed(() => props.showClose ?? showClose.value)\nconst mergedCloseIcon = computed(\n  () => props.closeIcon ?? closeIcon.value ?? Close\n)\n\nconst filterButtonProps = (btnProps?: TourBtnProps) => {\n  if (!btnProps) return\n  return omit(btnProps, ['children', 'onClick'])\n}\n\nconst onPrev = () => {\n  current.value -= 1\n  if (props.prevButtonProps?.onClick) {\n    props.prevButtonProps?.onClick()\n  }\n  onChange()\n}\n\nconst onNext = () => {\n  if (current.value >= total.value - 1) {\n    onFinish()\n  } else {\n    current.value += 1\n  }\n  if (props.nextButtonProps?.onClick) {\n    props.nextButtonProps.onClick()\n  }\n  onChange()\n}\n\nconst onFinish = () => {\n  onClose()\n  tourOnFinish()\n}\n\nconst onClose = () => {\n  updateModelValue(false)\n  tourOnClose()\n  emit('close')\n}\n\nconst handleKeydown = (e: KeyboardEvent) => {\n  const target = e.target as HTMLElement | null\n  if (target?.isContentEditable) return\n  const code = getEventCode(e)\n\n  switch (code) {\n    case EVENT_CODE.left:\n      e.preventDefault()\n      current.value > 0 && onPrev()\n      break\n    case EVENT_CODE.right:\n      e.preventDefault()\n      onNext()\n      break\n  }\n}\n\nonMounted(() => {\n  window.addEventListener('keydown', handleKeydown)\n})\n\nonBeforeUnmount(() => {\n  window.removeEventListener('keydown', handleKeydown)\n})\n</script>\n"],"mappings":"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"}
+{"version":3,"file":"step.vue_vue_type_script_setup_true_lang.mjs","names":[],"sources":["../../../../../../packages/components/tour/src/step.vue"],"sourcesContent":["<template>\n  <button\n    v-if=\"mergedShowClose\"\n    :aria-label=\"t('el.tour.close')\"\n    :class=\"ns.e('closebtn')\"\n    type=\"button\"\n    @click=\"onClose\"\n  >\n    <el-icon :class=\"ns.e('close')\">\n      <component :is=\"mergedCloseIcon\" />\n    </el-icon>\n  </button>\n  <header :class=\"[ns.e('header'), { 'show-close': showClose }]\">\n    <slot name=\"header\">\n      <span role=\"heading\" :class=\"ns.e('title')\">\n        {{ title }}\n      </span>\n    </slot>\n  </header>\n  <div :class=\"ns.e('body')\">\n    <slot>\n      <span>{{ description }}</span>\n    </slot>\n  </div>\n  <footer :class=\"ns.e('footer')\">\n    <div :class=\"ns.b('indicators')\">\n      <component\n        :is=\"tourSlots.indicators\"\n        v-if=\"tourSlots.indicators\"\n        :current=\"current\"\n        :total=\"total\"\n      />\n      <template v-else>\n        <span\n          v-for=\"(item, index) in total\"\n          :key=\"item\"\n          :class=\"[ns.b('indicator'), ns.is('active', index === current)]\"\n        />\n      </template>\n    </div>\n    <div :class=\"ns.b('buttons')\">\n      <el-button\n        v-if=\"current > 0\"\n        size=\"small\"\n        :type=\"mergedType\"\n        v-bind=\"filterButtonProps(prevButtonProps)\"\n        @click=\"onPrev\"\n      >\n        {{ prevButtonProps?.children ?? t('el.tour.previous') }}\n      </el-button>\n      <el-button\n        v-if=\"current <= total - 1\"\n        size=\"small\"\n        :type=\"mergedType === 'primary' ? 'default' : 'primary'\"\n        v-bind=\"filterButtonProps(nextButtonProps)\"\n        @click=\"onNext\"\n      >\n        {{\n          nextButtonProps?.children ??\n          (current === total - 1 ? t('el.tour.finish') : t('el.tour.next'))\n        }}\n      </el-button>\n    </div>\n  </footer>\n</template>\n\n<script lang=\"ts\" setup>\nimport { computed, inject, onBeforeUnmount, onMounted, watch } from 'vue'\nimport { EVENT_CODE } from '@element-plus/constants'\nimport { omit } from 'lodash-unified'\nimport { ElButton } from '@element-plus/components/button'\nimport { ElIcon } from '@element-plus/components/icon'\nimport { CloseComponents, getEventCode } from '@element-plus/utils'\nimport { useLocale } from '@element-plus/hooks'\nimport { tourStepEmits } from './step'\nimport { tourKey } from './helper'\n\nimport type { TourBtnProps } from './types'\nimport type { TourStepProps } from './step'\n\ndefineOptions({\n  name: 'ElTourStep',\n})\n\nconst props = withDefaults(defineProps<TourStepProps>(), {\n  showClose: undefined,\n  showArrow: undefined,\n  placement: 'bottom',\n  mask: undefined,\n  scrollIntoViewOptions: undefined,\n})\nconst emit = defineEmits(tourStepEmits)\n\nconst { Close } = CloseComponents\n\nconst { t } = useLocale()\n\nconst {\n  currentStep,\n  current,\n  total,\n  showClose,\n  closeIcon,\n  mergedType,\n  ns,\n  slots: tourSlots,\n  updateModelValue,\n  onClose: tourOnClose,\n  onFinish: tourOnFinish,\n} = inject(tourKey)!\n\nwatch(\n  props,\n  (val) => {\n    currentStep.value = val\n  },\n  {\n    immediate: true,\n  }\n)\n\nconst mergedShowClose = computed(() => props.showClose ?? showClose.value)\nconst mergedCloseIcon = computed(\n  () => props.closeIcon ?? closeIcon.value ?? Close\n)\n\nconst filterButtonProps = (btnProps?: TourBtnProps) => {\n  if (!btnProps) return\n  return omit(btnProps, ['children', 'onClick'])\n}\n\nconst onPrev = () => {\n  current.value -= 1\n  if (props.prevButtonProps?.onClick) {\n    props.prevButtonProps?.onClick()\n  }\n}\n\nconst onNext = () => {\n  if (current.value >= total.value - 1) {\n    onFinish()\n  } else {\n    current.value += 1\n  }\n  if (props.nextButtonProps?.onClick) {\n    props.nextButtonProps.onClick()\n  }\n}\n\nconst onFinish = () => {\n  onClose()\n  tourOnFinish()\n}\n\nconst onClose = () => {\n  updateModelValue(false)\n  tourOnClose()\n  emit('close')\n}\n\nconst handleKeydown = (e: KeyboardEvent) => {\n  const target = e.target as HTMLElement | null\n  if (target?.isContentEditable) return\n  const code = getEventCode(e)\n\n  switch (code) {\n    case EVENT_CODE.left:\n      e.preventDefault()\n      current.value > 0 && onPrev()\n      break\n    case EVENT_CODE.right:\n      e.preventDefault()\n      onNext()\n      break\n  }\n}\n\nonMounted(() => {\n  window.addEventListener('keydown', handleKeydown)\n})\n\nonBeforeUnmount(() => {\n  window.removeEventListener('keydown', handleKeydown)\n})\n</script>\n"],"mappings":"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"}