@element-plus/nightly 0.0.20260624 → 0.0.20260626

package/lib/components/input-otp/src/input-otp.vue_vue_type_script_setup_true_lang.js.map

@@ -1 +1 @@
-{"version":3,"file":"input-otp.vue_vue_type_script_setup_true_lang.js","names":["$slots"],"sources":["../../../../../../packages/components/input-otp/src/input-otp.vue"],"sourcesContent":["<template>\n  <div\n    :id=\"inputId\"\n    :class=\"[ns.b(), ns.m(size), ns.m(type), ns.is('disabled', disabled)]\"\n    role=\"group\"\n    :aria-label=\"\n      !isLabeledByFormItem\n        ? ariaLabel || t('el.inputOTP.groupLabel')\n        : undefined\n    \"\n    :aria-labelledby=\"isLabeledByFormItem ? formItem?.labelId : undefined\"\n  >\n    <template v-for=\"(_, index) in length\" :key=\"index\">\n      <label :class=\"ns.e('input-field')\">\n        <input\n          ref=\"inputRefs\"\n          :value=\"innerValue[index]\"\n          :class=\"ns.e('input')\"\n          :type=\"mask ? 'password' : 'text'\"\n          :disabled=\"disabled\"\n          :readonly=\"readonly\"\n          :inputmode=\"inputmode\"\n          autocomplete=\"one-time-code\"\n          :aria-label=\"t('el.inputOTP.defaultLabel', { index: index + 1 })\"\n          @focus=\"handleFocus\"\n          @blur=\"handleBlur\"\n          @click=\"focus(index)\"\n          @keydown=\"handleKeydown($event, index)\"\n          @input=\"handleInput($event, index)\"\n        />\n      </label>\n      <slot\n        v-if=\"($slots.separator || separators[index]) && index < length - 1\"\n        name=\"separator\"\n        :index=\"index\"\n      >\n        <component :is=\"() => separators[index]\" />\n      </slot>\n    </template>\n  </div>\n</template>\n\n<script lang=\"ts\" setup>\nimport { computed, ref, watch } from 'vue'\nimport { clamp } from '@vueuse/core'\nimport { useLocale, useNamespace } from '@element-plus/hooks'\nimport { NOOP, getEventCode, isFunction, rAF } from '@element-plus/utils'\nimport {\n  useFormDisabled,\n  useFormItem,\n  useFormItemInputId,\n} from '@element-plus/components/form'\nimport {\n  CHANGE_EVENT,\n  EVENT_CODE,\n  UPDATE_MODEL_EVENT,\n} from '@element-plus/constants'\nimport { inputOtpEmits } from './input-otp'\n\nimport type { InputOtpProps } from './input-otp'\n\ndefineOptions({\n  name: 'ElInputOtp',\n})\n\nconst props = withDefaults(defineProps<InputOtpProps>(), {\n  length: 6,\n  validator: () => true,\n  type: 'outlined',\n  size: 'default',\n  disabled: undefined,\n  validateEvent: true,\n})\nconst emit = defineEmits(inputOtpEmits)\n\nconst initialValue = computed(() => {\n  const value = String(props.modelValue ?? '')\n  return Array.from({ length: props.length }, (_, i) => value.charAt(i))\n})\n\nconst separators = computed(() => {\n  const { separator } = props\n  const _separator = isFunction(separator) ? separator : () => separator\n  return Array.from({ length: props.length - 1 }, (_, i) => _separator(i))\n})\n\nconst innerValue = ref<string[]>(initialValue.value)\nconst isFocused = ref(false)\nconst inputRefs = ref<(HTMLInputElement | undefined)[]>([])\n\nconst ns = useNamespace('input-otp')\nconst { t } = useLocale()\nconst { formItem } = useFormItem()\nconst { inputId, isLabeledByFormItem } = useFormItemInputId(props, {\n  formItemContext: formItem,\n})\nconst disabled = useFormDisabled()\nlet modelValueOnFocus = props.modelValue\n\nconst getFirstIndex = (maxIndex: number) => {\n  const index = innerValue.value.findIndex((char, i) => !char && i <= maxIndex)\n  return index === -1 ? maxIndex : index\n}\n\nconst handleFocus = (event: FocusEvent) => {\n  if (inputRefs.value?.includes(event.relatedTarget as any)) {\n    return\n  }\n\n  isFocused.value = true\n  emit('focus', event)\n}\n\nconst handleBlur = (event: FocusEvent) => {\n  if (inputRefs.value?.includes(event.relatedTarget as any)) {\n    return\n  }\n\n  isFocused.value = false\n  emit('blur', event)\n  if (props.validateEvent) {\n    formItem?.validate?.('blur').catch(NOOP)\n  }\n}\n\nconst updateModelValue = (emitFinish = true) => {\n  const value = innerValue.value.join('').slice(0, props.length)\n  if (value !== props.modelValue) {\n    emit(UPDATE_MODEL_EVENT, value)\n    if (emitFinish && value.length === props.length) {\n      emit('finish', value)\n    }\n  }\n}\n\nconst handleKeydown = (event: KeyboardEvent, index: number) => {\n  const code = getEventCode(event)\n  let preventDefault = true\n\n  switch (code) {\n    case EVENT_CODE.backspace:\n      if (props.readonly) break\n      innerValue.value[index] = ''\n      focus(index - 1)\n      updateModelValue()\n      break\n    case EVENT_CODE.delete:\n      if (props.readonly) break\n      innerValue.value[index] = ''\n      focus(index)\n      updateModelValue()\n      break\n    case EVENT_CODE.up:\n    case EVENT_CODE.left:\n      focus(index - 1)\n      break\n    case EVENT_CODE.down:\n    case EVENT_CODE.right:\n      focus(index + 1)\n      break\n    default:\n      preventDefault = false\n  }\n\n  if (preventDefault) {\n    event.preventDefault()\n  }\n}\n\nconst handleInput = (event: Event, index: number) => {\n  const target = event.target as HTMLInputElement\n  const targetIndex = getFirstIndex(index)\n  let focusIndex = targetIndex + 1\n  let value = target.value\n\n  // Safari and Firefox do not trigger the paste event during autofill,\n  // so the paste logic needs to be handled in the input event\n  if (value.length > 1) {\n    const chars = castValues(value, targetIndex)\n\n    // Avoid innerValue inconsistency with the input box value after pasting when char has no change\n    target.value = innerValue.value[index] ?? ''\n\n    chars.forEach((char, i) => (innerValue.value[targetIndex + i] = char))\n    focus(targetIndex + chars.length)\n    updateModelValue()\n    return\n  }\n\n  if (!props.validator(value, targetIndex)) {\n    target.value = innerValue.value[index] ?? ''\n    value = target.value\n    focusIndex = targetIndex\n  }\n\n  innerValue.value[targetIndex] = value\n  if (targetIndex !== index) {\n    target.value = innerValue.value[index] ?? ''\n  }\n  focus(focusIndex)\n  updateModelValue()\n}\n\nconst castValues = (value: InputOtpProps['modelValue'], startIndex = 0) => {\n  const chars = `${value ?? ''}`.split('')\n  const result: string[] = []\n  for (const char of chars) {\n    if (result.length + startIndex >= props.length) {\n      break\n    }\n    if (props.validator(char, result.length + startIndex)) {\n      result.push(char)\n    }\n  }\n  return result\n}\n\nconst focus = (index: number = 0) => {\n  const focusIndex = clamp(index, 0, props.length - 1)\n  const target = inputRefs.value?.[focusIndex]\n\n  if (document.activeElement !== target) {\n    target?.focus()\n  }\n  rAF(() => {\n    // When it is called, the focus may have already been captured by another element.\n    // e.g. typing quickly and deleting.\n    if (!props.readonly && document.activeElement === target) {\n      ;(target as HTMLInputElement | null)?.select()\n    }\n  })\n}\n\nconst blur = () => {\n  const target = inputRefs.value?.find(\n    (input) => document.activeElement === input\n  )\n  target?.blur()\n}\n\nwatch(\n  () => props.modelValue,\n  () => {\n    innerValue.value = initialValue.value\n\n    if (props.validateEvent) {\n      formItem?.validate?.('change').catch(NOOP)\n    }\n  }\n)\n\nwatch(\n  () => props.length,\n  () => {\n    innerValue.value = initialValue.value\n    updateModelValue(false)\n  }\n)\n\nwatch(isFocused, (value) => {\n  if (value) {\n    modelValueOnFocus = props.modelValue\n    return\n  }\n  if (modelValueOnFocus !== props.modelValue) {\n    emit(CHANGE_EVENT, props.modelValue as string)\n  }\n})\n\ndefineExpose({\n  /**\n   * @description HTML input elements array\n   */\n  inputRefs,\n  /**\n   * @description Focus an OTP input field\n   */\n  focus,\n  /**\n   * @description Blur the focused OTP input field\n   */\n  blur,\n})\n</script>\n"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;EAiEA,MAAM,QAAQ;EAQd,MAAM,OAAO;EAEb,MAAM,gBAAA,GAAA,IAAA,gBAA8B;GAClC,MAAM,QAAQ,OAAO,MAAM,cAAc,GAAE;GAC3C,OAAO,MAAM,KAAK,EAAE,QAAQ,MAAM,QAAQ,GAAG,GAAG,MAAM,MAAM,OAAO,EAAE,CAAA;IACtE;EAED,MAAM,cAAA,GAAA,IAAA,gBAA4B;GAChC,MAAM,EAAE,cAAc;GACtB,MAAM,cAAA,GAAA,YAAA,YAAwB,UAAU,GAAG,kBAAkB;GAC7D,OAAO,MAAM,KAAK,EAAE,QAAQ,MAAM,SAAS,GAAG,GAAG,GAAG,MAAM,WAAW,EAAE,CAAA;IACxE;EAED,MAAM,cAAA,GAAA,IAAA,KAA2B,aAAa,MAAK;EACnD,MAAM,aAAA,GAAA,IAAA,KAAgB,MAAK;EAC3B,MAAM,aAAA,GAAA,IAAA,KAAkD,EAAE,CAAA;EAE1D,MAAM,KAAK,gBAAA,aAAa,YAAW;EACnC,MAAM,EAAE,MAAM,cAAA,WAAU;EACxB,MAAM,EAAE,aAAa,sBAAA,aAAY;EACjC,MAAM,EAAE,SAAS,wBAAwB,sBAAA,mBAAmB,OAAO,EACjE,iBAAiB,UAClB,CAAA;EACD,MAAM,WAAW,8BAAA,iBAAgB;EACjC,IAAI,oBAAoB,MAAM;EAE9B,MAAM,iBAAiB,aAAqB;GAC1C,MAAM,QAAQ,WAAW,MAAM,WAAW,MAAM,MAAM,CAAC,QAAQ,KAAK,SAAQ;GAC5E,OAAO,UAAU,KAAK,WAAW;;EAGnC,MAAM,eAAe,UAAsB;GACzC,IAAI,UAAU,OAAO,SAAS,MAAM,cAAqB,EACvD;GAGF,UAAU,QAAQ;GAClB,KAAK,SAAS,MAAK;;EAGrB,MAAM,cAAc,UAAsB;GACxC,IAAI,UAAU,OAAO,SAAS,MAAM,cAAqB,EACvD;GAGF,UAAU,QAAQ;GAClB,KAAK,QAAQ,MAAK;GAClB,IAAI,MAAM,eACR,UAAU,WAAW,OAAO,CAAC,MAAM,YAAA,KAAI;;EAI3C,MAAM,oBAAoB,aAAa,SAAS;GAC9C,MAAM,QAAQ,WAAW,MAAM,KAAK,GAAG,CAAC,MAAM,GAAG,MAAM,OAAM;GAC7D,IAAI,UAAU,MAAM,YAAY;IAC9B,KAAK,cAAA,oBAAoB,MAAK;IAC9B,IAAI,cAAc,MAAM,WAAW,MAAM,QACvC,KAAK,UAAU,MAAK;;;EAK1B,MAAM,iBAAiB,OAAsB,UAAkB;GAC7D,MAAM,OAAO,gBAAA,aAAa,MAAK;GAC/B,IAAI,iBAAiB;GAErB,QAAQ,MAAR;IACE,KAAK,aAAA,WAAW;KACd,IAAI,MAAM,UAAU;KACpB,WAAW,MAAM,SAAS;KAC1B,MAAM,QAAQ,EAAC;KACf,kBAAiB;KACjB;IACF,KAAK,aAAA,WAAW;KACd,IAAI,MAAM,UAAU;KACpB,WAAW,MAAM,SAAS;KAC1B,MAAM,MAAK;KACX,kBAAiB;KACjB;IACF,KAAK,aAAA,WAAW;IAChB,KAAK,aAAA,WAAW;KACd,MAAM,QAAQ,EAAC;KACf;IACF,KAAK,aAAA,WAAW;IAChB,KAAK,aAAA,WAAW;KACd,MAAM,QAAQ,EAAC;KACf;IACF,SACE,iBAAiB;;GAGrB,IAAI,gBACF,MAAM,gBAAe;;EAIzB,MAAM,eAAe,OAAc,UAAkB;GACnD,MAAM,SAAS,MAAM;GACrB,MAAM,cAAc,cAAc,MAAK;GACvC,IAAI,aAAa,cAAc;GAC/B,IAAI,QAAQ,OAAO;GAInB,IAAI,MAAM,SAAS,GAAG;IACpB,MAAM,QAAQ,WAAW,OAAO,YAAW;IAG3C,OAAO,QAAQ,WAAW,MAAM,UAAU;IAE1C,MAAM,SAAS,MAAM,MAAO,WAAW,MAAM,cAAc,KAAK,KAAK;IACrE,MAAM,cAAc,MAAM,OAAM;IAChC,kBAAiB;IACjB;;GAGF,IAAI,CAAC,MAAM,UAAU,OAAO,YAAY,EAAE;IACxC,OAAO,QAAQ,WAAW,MAAM,UAAU;IAC1C,QAAQ,OAAO;IACf,aAAa;;GAGf,WAAW,MAAM,eAAe;GAChC,IAAI,gBAAgB,OAClB,OAAO,QAAQ,WAAW,MAAM,UAAU;GAE5C,MAAM,WAAU;GAChB,kBAAiB;;EAGnB,MAAM,cAAc,OAAoC,aAAa,MAAM;GACzE,MAAM,QAAQ,GAAG,SAAS,KAAK,MAAM,GAAE;GACvC,MAAM,SAAmB,EAAC;GAC1B,KAAK,MAAM,QAAQ,OAAO;IACxB,IAAI,OAAO,SAAS,cAAc,MAAM,QACtC;IAEF,IAAI,MAAM,UAAU,MAAM,OAAO,SAAS,WAAW,EACnD,OAAO,KAAK,KAAI;;GAGpB,OAAO;;EAGT,MAAM,SAAS,QAAgB,MAAM;GACnC,MAAM,cAAA,GAAA,aAAA,OAAmB,OAAO,GAAG,MAAM,SAAS,EAAC;GACnD,MAAM,SAAS,UAAU,QAAQ;GAEjC,IAAI,SAAS,kBAAkB,QAC7B,QAAQ,OAAM;GAEhB,YAAA,UAAU;IAGR,IAAI,CAAC,MAAM,YAAY,SAAS,kBAAkB,QAC/C,QAAqC,QAAO;KAEhD;;EAGH,MAAM,aAAa;GAIjB,CAHe,UAAU,OAAO,MAC7B,UAAU,SAAS,kBAAkB,MACxC,GACQ,MAAK;;EAGf,CAAA,GAAA,IAAA,aACQ,MAAM,kBACN;GACJ,WAAW,QAAQ,aAAa;GAEhC,IAAI,MAAM,eACR,UAAU,WAAW,SAAS,CAAC,MAAM,YAAA,KAAI;IAG/C;EAEA,CAAA,GAAA,IAAA,aACQ,MAAM,cACN;GACJ,WAAW,QAAQ,aAAa;GAChC,iBAAiB,MAAK;IAE1B;EAEA,CAAA,GAAA,IAAA,OAAM,YAAY,UAAU;GAC1B,IAAI,OAAO;IACT,oBAAoB,MAAM;IAC1B;;GAEF,IAAI,sBAAsB,MAAM,YAC9B,KAAK,cAAA,cAAc,MAAM,WAAoB;IAEhD;EAED,SAAa;;;;GAIX;;;;GAIA;;;;GAIA;GACD,CAAA;;4DAnPO,OAAA;IArCH,KAAA,GAAA,IAAA,OAAI,QAAO;IACX,QAAA,GAAA,IAAA,gBAAK;oBAAG,GAAE,CAAC,GAAC;oBAAI,GAAE,CAAC,EAAE,QAAA,KAAI;oBAAG,GAAE,CAAC,EAAE,QAAA,KAAI;oBAAG,GAAE,CAAC,GAAE,aAAA,GAAA,IAAA,OAAa,SAAQ,CAAA;KAAA,CAAA;IACnE,MAAK;IACJ,cAAA,EAAA,GAAA,IAAA,OAAoB,oBAAmB,GAAW,QAAA,cAAA,GAAA,IAAA,OAAa,EAAC,CAAA,yBAAA,GAAqC,KAAA;IAKrG,oBAAA,GAAA,IAAA,OAAiB,oBAAmB,IAAA,GAAA,IAAA,OAAG,SAAQ,EAAE,UAAU,KAAA;8DA4BjD,IAAA,UAAA,OAAA,GAAA,IAAA,YA1BoB,QAAA,SAAb,GAAG,UAAK;kFAAmB,OAAK,EAAA,EAAA,GAAA,IAAA,oBAkBxC,SAAA,EAjBA,QAAA,GAAA,IAAA,iBAAA,GAAA,IAAA,OAAO,GAAE,CAAC,EAAC,cAAA,CAAA,EAAA,EAAA,EAAA,GAAA,IAAA,oBAgBf,SAAA;;cAdI;KAAJ,KAAI;KACH,OAAO,WAAA,MAAW;KAClB,QAAA,GAAA,IAAA,iBAAA,GAAA,IAAA,OAAO,GAAE,CAAC,EAAC,QAAA,CAAA;KACX,MAAM,QAAA,OAAI,aAAA;KACV,WAAA,GAAA,IAAA,OAAU,SAAQ;KAClB,UAAU,QAAA;KACV,WAAW,QAAA;KACZ,cAAa;KACZ,eAAA,GAAA,IAAA,OAAY,EAAC,CAAA,4BAAA,EAAA,OAAsC,QAAK,GAAA,CAAA;KACxD,SAAO;KACP,QAAM;KACN,UAAK,WAAE,MAAM,MAAK;KAClB,YAAO,WAAE,cAAc,QAAQ,MAAK;KACpC,UAAK,WAAE,YAAY,QAAQ,MAAK;oCAI5BA,KAAAA,OAAO,aAAa,WAAA,MAAW,WAAW,QAAQ,QAAA,SAAM,KAAA,GAAA,IAAA,YAK1D,KAAA,QAAA,aAAA;;KAHG;aAGH,GAAA,GAAA,IAAA,YAAA,GAAA,GAAA,IAAA,cAAA,GAAA,IAAA,+BADiB,WAAA,MAAW,OAAK,CAAA,EAAA,CAAA,IAAA,GAAA,IAAA,oBAAA,QAAA,KAAA,CAAA,EAAA,GAAA"}
+{"version":3,"file":"input-otp.vue_vue_type_script_setup_true_lang.js","names":["$slots"],"sources":["../../../../../../packages/components/input-otp/src/input-otp.vue"],"sourcesContent":["<template>\n  <div\n    :id=\"inputId\"\n    :class=\"[ns.b(), ns.m(size), ns.m(type), ns.is('disabled', disabled)]\"\n    role=\"group\"\n    :aria-label=\"\n      !isLabeledByFormItem\n        ? ariaLabel || t('el.inputOTP.groupLabel')\n        : undefined\n    \"\n    :aria-labelledby=\"isLabeledByFormItem ? formItem?.labelId : undefined\"\n  >\n    <template v-for=\"(_, index) in length\" :key=\"index\">\n      <label :class=\"ns.e('input-field')\">\n        <input\n          ref=\"inputRefs\"\n          :value=\"innerValue[index]\"\n          :class=\"ns.e('input')\"\n          :type=\"mask ? 'password' : 'text'\"\n          :disabled=\"disabled\"\n          :readonly=\"readonly\"\n          :inputmode=\"inputmode\"\n          autocomplete=\"one-time-code\"\n          :aria-label=\"t('el.inputOTP.defaultLabel', { index: index + 1 })\"\n          @focus=\"handleFocus\"\n          @blur=\"handleBlur\"\n          @click=\"focus(index)\"\n          @keydown=\"handleKeydown($event, index)\"\n          @input=\"handleInput($event, index)\"\n        />\n      </label>\n      <slot\n        v-if=\"($slots.separator || separators[index]) && index < length - 1\"\n        name=\"separator\"\n        :index=\"index\"\n      >\n        <component :is=\"() => separators[index]\" />\n      </slot>\n    </template>\n  </div>\n</template>\n\n<script lang=\"ts\" setup>\nimport { computed, ref, watch } from 'vue'\nimport { clamp } from '@vueuse/core'\nimport { useLocale, useNamespace } from '@element-plus/hooks'\nimport { NOOP, getEventCode, isFunction, rAF } from '@element-plus/utils'\nimport {\n  useFormDisabled,\n  useFormItem,\n  useFormItemInputId,\n  useFormSize,\n} from '@element-plus/components/form'\nimport {\n  CHANGE_EVENT,\n  EVENT_CODE,\n  UPDATE_MODEL_EVENT,\n} from '@element-plus/constants'\nimport { inputOtpEmits } from './input-otp'\n\nimport type { InputOtpProps } from './input-otp'\n\ndefineOptions({\n  name: 'ElInputOtp',\n})\n\nconst props = withDefaults(defineProps<InputOtpProps>(), {\n  length: 6,\n  validator: () => true,\n  type: 'outlined',\n  disabled: undefined,\n  validateEvent: true,\n})\nconst emit = defineEmits(inputOtpEmits)\n\nconst initialValue = computed(() => {\n  const value = String(props.modelValue ?? '')\n  return Array.from({ length: props.length }, (_, i) => value.charAt(i))\n})\n\nconst separators = computed(() => {\n  const { separator } = props\n  const _separator = isFunction(separator) ? separator : () => separator\n  return Array.from({ length: props.length - 1 }, (_, i) => _separator(i))\n})\n\nconst innerValue = ref<string[]>(initialValue.value)\nconst isFocused = ref(false)\nconst inputRefs = ref<(HTMLInputElement | undefined)[]>([])\n\nconst ns = useNamespace('input-otp')\nconst { t } = useLocale()\nconst { formItem } = useFormItem()\nconst { inputId, isLabeledByFormItem } = useFormItemInputId(props, {\n  formItemContext: formItem,\n})\nconst size = useFormSize()\nconst disabled = useFormDisabled()\nlet modelValueOnFocus = props.modelValue\n\nconst getFirstIndex = (maxIndex: number) => {\n  const index = innerValue.value.findIndex((char, i) => !char && i <= maxIndex)\n  return index === -1 ? maxIndex : index\n}\n\nconst handleFocus = (event: FocusEvent) => {\n  if (inputRefs.value?.includes(event.relatedTarget as any)) {\n    return\n  }\n\n  isFocused.value = true\n  emit('focus', event)\n}\n\nconst handleBlur = (event: FocusEvent) => {\n  if (inputRefs.value?.includes(event.relatedTarget as any)) {\n    return\n  }\n\n  isFocused.value = false\n  emit('blur', event)\n  if (props.validateEvent) {\n    formItem?.validate?.('blur').catch(NOOP)\n  }\n}\n\nconst updateModelValue = (emitFinish = true) => {\n  const value = innerValue.value.join('').slice(0, props.length)\n  if (value !== props.modelValue) {\n    emit(UPDATE_MODEL_EVENT, value)\n    if (emitFinish && value.length === props.length) {\n      emit('finish', value)\n    }\n  }\n}\n\nconst handleKeydown = (event: KeyboardEvent, index: number) => {\n  const code = getEventCode(event)\n  let preventDefault = true\n\n  switch (code) {\n    case EVENT_CODE.backspace:\n      if (props.readonly) break\n      innerValue.value[index] = ''\n      focus(index - 1)\n      updateModelValue()\n      break\n    case EVENT_CODE.delete:\n      if (props.readonly) break\n      innerValue.value[index] = ''\n      focus(index)\n      updateModelValue()\n      break\n    case EVENT_CODE.up:\n    case EVENT_CODE.left:\n      focus(index - 1)\n      break\n    case EVENT_CODE.down:\n    case EVENT_CODE.right:\n      focus(index + 1)\n      break\n    default:\n      preventDefault = false\n  }\n\n  if (preventDefault) {\n    event.preventDefault()\n  }\n}\n\nconst handleInput = (event: Event, index: number) => {\n  const target = event.target as HTMLInputElement\n  const targetIndex = getFirstIndex(index)\n  let focusIndex = targetIndex + 1\n  let value = target.value\n\n  // Safari and Firefox do not trigger the paste event during autofill,\n  // so the paste logic needs to be handled in the input event\n  if (value.length > 1) {\n    const chars = castValues(value, targetIndex)\n\n    // Avoid innerValue inconsistency with the input box value after pasting when char has no change\n    target.value = innerValue.value[index] ?? ''\n\n    chars.forEach((char, i) => (innerValue.value[targetIndex + i] = char))\n    focus(targetIndex + chars.length)\n    updateModelValue()\n    return\n  }\n\n  if (!props.validator(value, targetIndex)) {\n    target.value = innerValue.value[index] ?? ''\n    value = target.value\n    focusIndex = targetIndex\n  }\n\n  innerValue.value[targetIndex] = value\n  if (targetIndex !== index) {\n    target.value = innerValue.value[index] ?? ''\n  }\n  focus(focusIndex)\n  updateModelValue()\n}\n\nconst castValues = (value: InputOtpProps['modelValue'], startIndex = 0) => {\n  const chars = `${value ?? ''}`.split('')\n  const result: string[] = []\n  for (const char of chars) {\n    if (result.length + startIndex >= props.length) {\n      break\n    }\n    if (props.validator(char, result.length + startIndex)) {\n      result.push(char)\n    }\n  }\n  return result\n}\n\nconst focus = (index: number = 0) => {\n  const focusIndex = clamp(index, 0, props.length - 1)\n  const target = inputRefs.value?.[focusIndex]\n\n  if (document.activeElement !== target) {\n    target?.focus()\n  }\n  rAF(() => {\n    // When it is called, the focus may have already been captured by another element.\n    // e.g. typing quickly and deleting.\n    if (!props.readonly && document.activeElement === target) {\n      ;(target as HTMLInputElement | null)?.select()\n    }\n  })\n}\n\nconst blur = () => {\n  const target = inputRefs.value?.find(\n    (input) => document.activeElement === input\n  )\n  target?.blur()\n}\n\nwatch(\n  () => props.modelValue,\n  () => {\n    innerValue.value = initialValue.value\n\n    if (props.validateEvent) {\n      formItem?.validate?.('change').catch(NOOP)\n    }\n  }\n)\n\nwatch(\n  () => props.length,\n  () => {\n    innerValue.value = initialValue.value\n    updateModelValue(false)\n  }\n)\n\nwatch(isFocused, (value) => {\n  if (value) {\n    modelValueOnFocus = props.modelValue\n    return\n  }\n  if (modelValueOnFocus !== props.modelValue) {\n    emit(CHANGE_EVENT, props.modelValue as string)\n  }\n})\n\ndefineExpose({\n  /**\n   * @description HTML input elements array\n   */\n  inputRefs,\n  /**\n   * @description Focus an OTP input field\n   */\n  focus,\n  /**\n   * @description Blur the focused OTP input field\n   */\n  blur,\n})\n</script>\n"],"mappings":"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"}

package/lib/components/input-otp/src/input-otp2.js.map

@@ -1 +1 @@
-{"version":3,"file":"input-otp2.js","names":[],"sources":["../../../../../../packages/components/input-otp/src/input-otp.vue"],"sourcesContent":["<template>\n  <div\n    :id=\"inputId\"\n    :class=\"[ns.b(), ns.m(size), ns.m(type), ns.is('disabled', disabled)]\"\n    role=\"group\"\n    :aria-label=\"\n      !isLabeledByFormItem\n        ? ariaLabel || t('el.inputOTP.groupLabel')\n        : undefined\n    \"\n    :aria-labelledby=\"isLabeledByFormItem ? formItem?.labelId : undefined\"\n  >\n    <template v-for=\"(_, index) in length\" :key=\"index\">\n      <label :class=\"ns.e('input-field')\">\n        <input\n          ref=\"inputRefs\"\n          :value=\"innerValue[index]\"\n          :class=\"ns.e('input')\"\n          :type=\"mask ? 'password' : 'text'\"\n          :disabled=\"disabled\"\n          :readonly=\"readonly\"\n          :inputmode=\"inputmode\"\n          autocomplete=\"one-time-code\"\n          :aria-label=\"t('el.inputOTP.defaultLabel', { index: index + 1 })\"\n          @focus=\"handleFocus\"\n          @blur=\"handleBlur\"\n          @click=\"focus(index)\"\n          @keydown=\"handleKeydown($event, index)\"\n          @input=\"handleInput($event, index)\"\n        />\n      </label>\n      <slot\n        v-if=\"($slots.separator || separators[index]) && index < length - 1\"\n        name=\"separator\"\n        :index=\"index\"\n      >\n        <component :is=\"() => separators[index]\" />\n      </slot>\n    </template>\n  </div>\n</template>\n\n<script lang=\"ts\" setup>\nimport { computed, ref, watch } from 'vue'\nimport { clamp } from '@vueuse/core'\nimport { useLocale, useNamespace } from '@element-plus/hooks'\nimport { NOOP, getEventCode, isFunction, rAF } from '@element-plus/utils'\nimport {\n  useFormDisabled,\n  useFormItem,\n  useFormItemInputId,\n} from '@element-plus/components/form'\nimport {\n  CHANGE_EVENT,\n  EVENT_CODE,\n  UPDATE_MODEL_EVENT,\n} from '@element-plus/constants'\nimport { inputOtpEmits } from './input-otp'\n\nimport type { InputOtpProps } from './input-otp'\n\ndefineOptions({\n  name: 'ElInputOtp',\n})\n\nconst props = withDefaults(defineProps<InputOtpProps>(), {\n  length: 6,\n  validator: () => true,\n  type: 'outlined',\n  size: 'default',\n  disabled: undefined,\n  validateEvent: true,\n})\nconst emit = defineEmits(inputOtpEmits)\n\nconst initialValue = computed(() => {\n  const value = String(props.modelValue ?? '')\n  return Array.from({ length: props.length }, (_, i) => value.charAt(i))\n})\n\nconst separators = computed(() => {\n  const { separator } = props\n  const _separator = isFunction(separator) ? separator : () => separator\n  return Array.from({ length: props.length - 1 }, (_, i) => _separator(i))\n})\n\nconst innerValue = ref<string[]>(initialValue.value)\nconst isFocused = ref(false)\nconst inputRefs = ref<(HTMLInputElement | undefined)[]>([])\n\nconst ns = useNamespace('input-otp')\nconst { t } = useLocale()\nconst { formItem } = useFormItem()\nconst { inputId, isLabeledByFormItem } = useFormItemInputId(props, {\n  formItemContext: formItem,\n})\nconst disabled = useFormDisabled()\nlet modelValueOnFocus = props.modelValue\n\nconst getFirstIndex = (maxIndex: number) => {\n  const index = innerValue.value.findIndex((char, i) => !char && i <= maxIndex)\n  return index === -1 ? maxIndex : index\n}\n\nconst handleFocus = (event: FocusEvent) => {\n  if (inputRefs.value?.includes(event.relatedTarget as any)) {\n    return\n  }\n\n  isFocused.value = true\n  emit('focus', event)\n}\n\nconst handleBlur = (event: FocusEvent) => {\n  if (inputRefs.value?.includes(event.relatedTarget as any)) {\n    return\n  }\n\n  isFocused.value = false\n  emit('blur', event)\n  if (props.validateEvent) {\n    formItem?.validate?.('blur').catch(NOOP)\n  }\n}\n\nconst updateModelValue = (emitFinish = true) => {\n  const value = innerValue.value.join('').slice(0, props.length)\n  if (value !== props.modelValue) {\n    emit(UPDATE_MODEL_EVENT, value)\n    if (emitFinish && value.length === props.length) {\n      emit('finish', value)\n    }\n  }\n}\n\nconst handleKeydown = (event: KeyboardEvent, index: number) => {\n  const code = getEventCode(event)\n  let preventDefault = true\n\n  switch (code) {\n    case EVENT_CODE.backspace:\n      if (props.readonly) break\n      innerValue.value[index] = ''\n      focus(index - 1)\n      updateModelValue()\n      break\n    case EVENT_CODE.delete:\n      if (props.readonly) break\n      innerValue.value[index] = ''\n      focus(index)\n      updateModelValue()\n      break\n    case EVENT_CODE.up:\n    case EVENT_CODE.left:\n      focus(index - 1)\n      break\n    case EVENT_CODE.down:\n    case EVENT_CODE.right:\n      focus(index + 1)\n      break\n    default:\n      preventDefault = false\n  }\n\n  if (preventDefault) {\n    event.preventDefault()\n  }\n}\n\nconst handleInput = (event: Event, index: number) => {\n  const target = event.target as HTMLInputElement\n  const targetIndex = getFirstIndex(index)\n  let focusIndex = targetIndex + 1\n  let value = target.value\n\n  // Safari and Firefox do not trigger the paste event during autofill,\n  // so the paste logic needs to be handled in the input event\n  if (value.length > 1) {\n    const chars = castValues(value, targetIndex)\n\n    // Avoid innerValue inconsistency with the input box value after pasting when char has no change\n    target.value = innerValue.value[index] ?? ''\n\n    chars.forEach((char, i) => (innerValue.value[targetIndex + i] = char))\n    focus(targetIndex + chars.length)\n    updateModelValue()\n    return\n  }\n\n  if (!props.validator(value, targetIndex)) {\n    target.value = innerValue.value[index] ?? ''\n    value = target.value\n    focusIndex = targetIndex\n  }\n\n  innerValue.value[targetIndex] = value\n  if (targetIndex !== index) {\n    target.value = innerValue.value[index] ?? ''\n  }\n  focus(focusIndex)\n  updateModelValue()\n}\n\nconst castValues = (value: InputOtpProps['modelValue'], startIndex = 0) => {\n  const chars = `${value ?? ''}`.split('')\n  const result: string[] = []\n  for (const char of chars) {\n    if (result.length + startIndex >= props.length) {\n      break\n    }\n    if (props.validator(char, result.length + startIndex)) {\n      result.push(char)\n    }\n  }\n  return result\n}\n\nconst focus = (index: number = 0) => {\n  const focusIndex = clamp(index, 0, props.length - 1)\n  const target = inputRefs.value?.[focusIndex]\n\n  if (document.activeElement !== target) {\n    target?.focus()\n  }\n  rAF(() => {\n    // When it is called, the focus may have already been captured by another element.\n    // e.g. typing quickly and deleting.\n    if (!props.readonly && document.activeElement === target) {\n      ;(target as HTMLInputElement | null)?.select()\n    }\n  })\n}\n\nconst blur = () => {\n  const target = inputRefs.value?.find(\n    (input) => document.activeElement === input\n  )\n  target?.blur()\n}\n\nwatch(\n  () => props.modelValue,\n  () => {\n    innerValue.value = initialValue.value\n\n    if (props.validateEvent) {\n      formItem?.validate?.('change').catch(NOOP)\n    }\n  }\n)\n\nwatch(\n  () => props.length,\n  () => {\n    innerValue.value = initialValue.value\n    updateModelValue(false)\n  }\n)\n\nwatch(isFocused, (value) => {\n  if (value) {\n    modelValueOnFocus = props.modelValue\n    return\n  }\n  if (modelValueOnFocus !== props.modelValue) {\n    emit(CHANGE_EVENT, props.modelValue as string)\n  }\n})\n\ndefineExpose({\n  /**\n   * @description HTML input elements array\n   */\n  inputRefs,\n  /**\n   * @description Focus an OTP input field\n   */\n  focus,\n  /**\n   * @description Blur the focused OTP input field\n   */\n  blur,\n})\n</script>\n"],"mappings":""}
+{"version":3,"file":"input-otp2.js","names":[],"sources":["../../../../../../packages/components/input-otp/src/input-otp.vue"],"sourcesContent":["<template>\n  <div\n    :id=\"inputId\"\n    :class=\"[ns.b(), ns.m(size), ns.m(type), ns.is('disabled', disabled)]\"\n    role=\"group\"\n    :aria-label=\"\n      !isLabeledByFormItem\n        ? ariaLabel || t('el.inputOTP.groupLabel')\n        : undefined\n    \"\n    :aria-labelledby=\"isLabeledByFormItem ? formItem?.labelId : undefined\"\n  >\n    <template v-for=\"(_, index) in length\" :key=\"index\">\n      <label :class=\"ns.e('input-field')\">\n        <input\n          ref=\"inputRefs\"\n          :value=\"innerValue[index]\"\n          :class=\"ns.e('input')\"\n          :type=\"mask ? 'password' : 'text'\"\n          :disabled=\"disabled\"\n          :readonly=\"readonly\"\n          :inputmode=\"inputmode\"\n          autocomplete=\"one-time-code\"\n          :aria-label=\"t('el.inputOTP.defaultLabel', { index: index + 1 })\"\n          @focus=\"handleFocus\"\n          @blur=\"handleBlur\"\n          @click=\"focus(index)\"\n          @keydown=\"handleKeydown($event, index)\"\n          @input=\"handleInput($event, index)\"\n        />\n      </label>\n      <slot\n        v-if=\"($slots.separator || separators[index]) && index < length - 1\"\n        name=\"separator\"\n        :index=\"index\"\n      >\n        <component :is=\"() => separators[index]\" />\n      </slot>\n    </template>\n  </div>\n</template>\n\n<script lang=\"ts\" setup>\nimport { computed, ref, watch } from 'vue'\nimport { clamp } from '@vueuse/core'\nimport { useLocale, useNamespace } from '@element-plus/hooks'\nimport { NOOP, getEventCode, isFunction, rAF } from '@element-plus/utils'\nimport {\n  useFormDisabled,\n  useFormItem,\n  useFormItemInputId,\n  useFormSize,\n} from '@element-plus/components/form'\nimport {\n  CHANGE_EVENT,\n  EVENT_CODE,\n  UPDATE_MODEL_EVENT,\n} from '@element-plus/constants'\nimport { inputOtpEmits } from './input-otp'\n\nimport type { InputOtpProps } from './input-otp'\n\ndefineOptions({\n  name: 'ElInputOtp',\n})\n\nconst props = withDefaults(defineProps<InputOtpProps>(), {\n  length: 6,\n  validator: () => true,\n  type: 'outlined',\n  disabled: undefined,\n  validateEvent: true,\n})\nconst emit = defineEmits(inputOtpEmits)\n\nconst initialValue = computed(() => {\n  const value = String(props.modelValue ?? '')\n  return Array.from({ length: props.length }, (_, i) => value.charAt(i))\n})\n\nconst separators = computed(() => {\n  const { separator } = props\n  const _separator = isFunction(separator) ? separator : () => separator\n  return Array.from({ length: props.length - 1 }, (_, i) => _separator(i))\n})\n\nconst innerValue = ref<string[]>(initialValue.value)\nconst isFocused = ref(false)\nconst inputRefs = ref<(HTMLInputElement | undefined)[]>([])\n\nconst ns = useNamespace('input-otp')\nconst { t } = useLocale()\nconst { formItem } = useFormItem()\nconst { inputId, isLabeledByFormItem } = useFormItemInputId(props, {\n  formItemContext: formItem,\n})\nconst size = useFormSize()\nconst disabled = useFormDisabled()\nlet modelValueOnFocus = props.modelValue\n\nconst getFirstIndex = (maxIndex: number) => {\n  const index = innerValue.value.findIndex((char, i) => !char && i <= maxIndex)\n  return index === -1 ? maxIndex : index\n}\n\nconst handleFocus = (event: FocusEvent) => {\n  if (inputRefs.value?.includes(event.relatedTarget as any)) {\n    return\n  }\n\n  isFocused.value = true\n  emit('focus', event)\n}\n\nconst handleBlur = (event: FocusEvent) => {\n  if (inputRefs.value?.includes(event.relatedTarget as any)) {\n    return\n  }\n\n  isFocused.value = false\n  emit('blur', event)\n  if (props.validateEvent) {\n    formItem?.validate?.('blur').catch(NOOP)\n  }\n}\n\nconst updateModelValue = (emitFinish = true) => {\n  const value = innerValue.value.join('').slice(0, props.length)\n  if (value !== props.modelValue) {\n    emit(UPDATE_MODEL_EVENT, value)\n    if (emitFinish && value.length === props.length) {\n      emit('finish', value)\n    }\n  }\n}\n\nconst handleKeydown = (event: KeyboardEvent, index: number) => {\n  const code = getEventCode(event)\n  let preventDefault = true\n\n  switch (code) {\n    case EVENT_CODE.backspace:\n      if (props.readonly) break\n      innerValue.value[index] = ''\n      focus(index - 1)\n      updateModelValue()\n      break\n    case EVENT_CODE.delete:\n      if (props.readonly) break\n      innerValue.value[index] = ''\n      focus(index)\n      updateModelValue()\n      break\n    case EVENT_CODE.up:\n    case EVENT_CODE.left:\n      focus(index - 1)\n      break\n    case EVENT_CODE.down:\n    case EVENT_CODE.right:\n      focus(index + 1)\n      break\n    default:\n      preventDefault = false\n  }\n\n  if (preventDefault) {\n    event.preventDefault()\n  }\n}\n\nconst handleInput = (event: Event, index: number) => {\n  const target = event.target as HTMLInputElement\n  const targetIndex = getFirstIndex(index)\n  let focusIndex = targetIndex + 1\n  let value = target.value\n\n  // Safari and Firefox do not trigger the paste event during autofill,\n  // so the paste logic needs to be handled in the input event\n  if (value.length > 1) {\n    const chars = castValues(value, targetIndex)\n\n    // Avoid innerValue inconsistency with the input box value after pasting when char has no change\n    target.value = innerValue.value[index] ?? ''\n\n    chars.forEach((char, i) => (innerValue.value[targetIndex + i] = char))\n    focus(targetIndex + chars.length)\n    updateModelValue()\n    return\n  }\n\n  if (!props.validator(value, targetIndex)) {\n    target.value = innerValue.value[index] ?? ''\n    value = target.value\n    focusIndex = targetIndex\n  }\n\n  innerValue.value[targetIndex] = value\n  if (targetIndex !== index) {\n    target.value = innerValue.value[index] ?? ''\n  }\n  focus(focusIndex)\n  updateModelValue()\n}\n\nconst castValues = (value: InputOtpProps['modelValue'], startIndex = 0) => {\n  const chars = `${value ?? ''}`.split('')\n  const result: string[] = []\n  for (const char of chars) {\n    if (result.length + startIndex >= props.length) {\n      break\n    }\n    if (props.validator(char, result.length + startIndex)) {\n      result.push(char)\n    }\n  }\n  return result\n}\n\nconst focus = (index: number = 0) => {\n  const focusIndex = clamp(index, 0, props.length - 1)\n  const target = inputRefs.value?.[focusIndex]\n\n  if (document.activeElement !== target) {\n    target?.focus()\n  }\n  rAF(() => {\n    // When it is called, the focus may have already been captured by another element.\n    // e.g. typing quickly and deleting.\n    if (!props.readonly && document.activeElement === target) {\n      ;(target as HTMLInputElement | null)?.select()\n    }\n  })\n}\n\nconst blur = () => {\n  const target = inputRefs.value?.find(\n    (input) => document.activeElement === input\n  )\n  target?.blur()\n}\n\nwatch(\n  () => props.modelValue,\n  () => {\n    innerValue.value = initialValue.value\n\n    if (props.validateEvent) {\n      formItem?.validate?.('change').catch(NOOP)\n    }\n  }\n)\n\nwatch(\n  () => props.length,\n  () => {\n    innerValue.value = initialValue.value\n    updateModelValue(false)\n  }\n)\n\nwatch(isFocused, (value) => {\n  if (value) {\n    modelValueOnFocus = props.modelValue\n    return\n  }\n  if (modelValueOnFocus !== props.modelValue) {\n    emit(CHANGE_EVENT, props.modelValue as string)\n  }\n})\n\ndefineExpose({\n  /**\n   * @description HTML input elements array\n   */\n  inputRefs,\n  /**\n   * @description Focus an OTP input field\n   */\n  focus,\n  /**\n   * @description Blur the focused OTP input field\n   */\n  blur,\n})\n</script>\n"],"mappings":""}

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

@@ -24,20 +24,20 @@ declare const __VLS_base: _$vue.DefineComponent<InputTagProps, {
   focus: () => void;
   blur: () => void;
 }, {}, {}, {}, _$vue.ComponentOptionsMixin, _$vue.ComponentOptionsMixin, {
+  clear: () => void;
   "update:modelValue": (value?: string[] | undefined) => void;
   change: (value?: string[] | undefined) => void;
   input: (value: string) => void;
-  clear: () => void;
   focus: (evt: FocusEvent) => void;
   blur: (evt: FocusEvent) => void;
   "add-tag": (value: string | string[]) => void;
   "remove-tag": (value: string, index: number) => void;
   "drag-tag": (oldIndex: number, newIndex: number, value: string) => void;
 }, string, _$vue.PublicProps, Readonly<InputTagProps> & Readonly<{
+  onClear?: (() => any) | undefined;
   "onUpdate:modelValue"?: ((value?: string[] | undefined) => any) | undefined;
   onChange?: ((value?: string[] | undefined) => any) | undefined;
   onInput?: ((value: string) => any) | undefined;
-  onClear?: (() => any) | undefined;
   onFocus?: ((evt: FocusEvent) => any) | undefined;
   onBlur?: ((evt: FocusEvent) => any) | undefined;
   "onAdd-tag"?: ((value: string | string[]) => any) | undefined;

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

@@ -198,7 +198,7 @@ declare const mentionProps: {
   popperStyle: EpPropFinalized<(new (...args: any[]) => string | false | _$vue.CSSProperties | _$vue.StyleValue[]) | (() => _$vue.StyleValue) | (((new (...args: any[]) => string | false | _$vue.CSSProperties | _$vue.StyleValue[]) | (() => _$vue.StyleValue)) | null)[], unknown, unknown, undefined, boolean>;
   popperOptions: EpPropFinalized<(new (...args: any[]) => Partial<Options>) | (() => Partial<Options>) | (((new (...args: any[]) => Partial<Options>) | (() => Partial<Options>)) | null)[], unknown, unknown, () => Partial<Options>, boolean>;
   props: EpPropFinalized<(new (...args: any[]) => MentionOptionProps) | (() => MentionOptionProps) | (((new (...args: any[]) => MentionOptionProps) | (() => MentionOptionProps)) | null)[], unknown, unknown, () => Required<MentionOptionProps>, boolean>;
-  inputmode: EpPropFinalized<(new (...args: any[]) => "text" | "email" | "search" | "tel" | "url" | "none" | "numeric" | "decimal") | (() => "text" | "email" | "search" | "tel" | "url" | "none" | "numeric" | "decimal" | undefined) | (((new (...args: any[]) => "text" | "email" | "search" | "tel" | "url" | "none" | "numeric" | "decimal") | (() => "text" | "email" | "search" | "tel" | "url" | "none" | "numeric" | "decimal" | undefined)) | null)[], unknown, unknown, undefined, boolean>;
+  inputmode: EpPropFinalized<(new (...args: any[]) => "none" | "text" | "email" | "search" | "tel" | "url" | "numeric" | "decimal") | (() => "none" | "text" | "email" | "search" | "tel" | "url" | "numeric" | "decimal" | undefined) | (((new (...args: any[]) => "none" | "text" | "email" | "search" | "tel" | "url" | "numeric" | "decimal") | (() => "none" | "text" | "email" | "search" | "tel" | "url" | "numeric" | "decimal" | undefined)) | null)[], unknown, unknown, undefined, boolean>;
   name: StringConstructor;
   ariaLabel: StringConstructor;
   id: EpPropFinalized<StringConstructor, unknown, unknown, undefined, boolean>;

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

@@ -103,9 +103,9 @@ declare const _default: _$vue.DefineComponent<ExtractPropTypes<{
   readonly hideTimeout: EpPropFinalized<NumberConstructor, unknown, unknown, 300, boolean>;
   readonly persistent: EpPropFinalized<BooleanConstructor, unknown, unknown, true, boolean>;
 }>> & Readonly<{
+  onOpen?: ((index: string, indexPath: string[]) => any) | undefined;
   onClose?: ((index: string, indexPath: string[]) => any) | undefined;
   onSelect?: ((index: string, indexPath: string[], item: MenuItemClicked, routerResult?: Promise<void | NavigationFailure> | undefined) => any) | undefined;
-  onOpen?: ((index: string, indexPath: string[]) => any) | undefined;
 }>, {
   readonly collapse: boolean;
   readonly ellipsis: EpPropMergeType<BooleanConstructor, unknown, unknown>;

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

@@ -130,7 +130,7 @@ declare const messageProps: {
     readonly prototype: any;
   }) | null)[], unknown, unknown, undefined, boolean>;
   readonly showClose: EpPropFinalized<BooleanConstructor, unknown, unknown, false, boolean>;
-  readonly type: EpPropFinalized<StringConstructor, "info" | "primary" | "success" | "warning" | "error", unknown, "info", boolean>;
+  readonly type: EpPropFinalized<StringConstructor, "error" | "info" | "primary" | "success" | "warning", unknown, "info", boolean>;
   readonly plain: EpPropFinalized<BooleanConstructor, unknown, unknown, false, boolean>;
   readonly offset: EpPropFinalized<NumberConstructor, unknown, unknown, 16, boolean>;
   readonly placement: EpPropFinalized<StringConstructor, "top" | "bottom" | "top-left" | "top-right" | "bottom-left" | "bottom-right", unknown, undefined, boolean>;

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

@@ -18,10 +18,10 @@ declare const __VLS_base: _$vue.DefineComponent<MessageProps, {
   onDestroy?: (() => any) | undefined;
 }>, {
   type: MessageType;
-  message: string | _$vue.VNode | (() => _$vue.VNode);
   zIndex: number;
-  offset: number;
   onClose: () => void;
+  message: string | _$vue.VNode | (() => _$vue.VNode);
+  offset: number;
   id: string;
   icon: IconPropType;
   placement: MessagePlacement;

package/lib/components/message-box/src/index.vue.d.ts

@@ -229,7 +229,7 @@ declare const __VLS_export: _$vue.DefineComponent<_$vue.ExtractPropTypes<{
   autofocus: _$vue.Ref<boolean, boolean>;
   title: _$vue.Ref<string | undefined, string | undefined>;
   message: _$vue.Ref<string, string>;
-  type: _$vue.Ref<"" | "info" | "primary" | "success" | "warning" | "error", "" | "info" | "primary" | "success" | "warning" | "error">;
+  type: _$vue.Ref<"" | "error" | "info" | "primary" | "success" | "warning", "" | "error" | "info" | "primary" | "success" | "warning">;
   icon: _$vue.Ref<string | _$vue.FunctionalComponent<any, {}, any, {}> | {
     new (...args: any[]): any;
     __isFragment?: never;
@@ -4578,10 +4578,10 @@ declare const __VLS_export: _$vue.DefineComponent<_$vue.ExtractPropTypes<{
   onVanish?: ((...args: any[]) => any) | undefined;
 }>, {
   center: boolean;
+  closeOnPressEscape: boolean;
   container: string;
   overflow: boolean;
   closeOnClickModal: boolean;
-  closeOnPressEscape: boolean;
   lockScroll: boolean;
   modal: boolean;
   draggable: boolean;
@@ -4748,10 +4748,10 @@ declare const __VLS_export: _$vue.DefineComponent<_$vue.ExtractPropTypes<{
   }, {}, {}, {}, string, _$vue.ComponentProvideOptions, true, {}, any>;
   ElInput: SFCWithInstall<{
     new (...args: any[]): _$vue.CreateComponentPublicInstanceWithMixins<Readonly<InputProps> & Readonly<{
+      onClear?: ((evt: MouseEvent | undefined) => any) | undefined;
       "onUpdate:modelValue"?: ((value: string) => any) | undefined;
       onChange?: ((value: string, evt?: Event | undefined) => any) | undefined;
       onInput?: ((value: string) => any) | undefined;
-      onClear?: ((evt: MouseEvent | undefined) => any) | undefined;
       onFocus?: ((evt: FocusEvent) => any) | undefined;
       onBlur?: ((evt: FocusEvent) => any) | undefined;
       onMouseleave?: ((evt: MouseEvent) => any) | undefined;
@@ -4774,10 +4774,10 @@ declare const __VLS_export: _$vue.DefineComponent<_$vue.ExtractPropTypes<{
       clear: (evt?: MouseEvent) => void;
       resizeTextarea: () => void;
     }, {}, {}, {}, _$vue.ComponentOptionsMixin, _$vue.ComponentOptionsMixin, {
+      clear: (evt: MouseEvent | undefined) => void;
       "update:modelValue": (value: string) => void;
       change: (value: string, evt?: Event | undefined) => void;
       input: (value: string) => void;
-      clear: (evt: MouseEvent | undefined) => void;
       focus: (evt: FocusEvent) => void;
       blur: (evt: FocusEvent) => void;
       mouseleave: (evt: MouseEvent) => void;
@@ -4806,10 +4806,10 @@ declare const __VLS_export: _$vue.DefineComponent<_$vue.ExtractPropTypes<{
       M: {};
       Defaults: {};
     }, Readonly<InputProps> & Readonly<{
+      onClear?: ((evt: MouseEvent | undefined) => any) | undefined;
       "onUpdate:modelValue"?: ((value: string) => any) | undefined;
       onChange?: ((value: string, evt?: Event | undefined) => any) | undefined;
       onInput?: ((value: string) => any) | undefined;
-      onClear?: ((evt: MouseEvent | undefined) => any) | undefined;
       onFocus?: ((evt: FocusEvent) => any) | undefined;
       onBlur?: ((evt: FocusEvent) => any) | undefined;
       onMouseleave?: ((evt: MouseEvent) => any) | undefined;
@@ -4848,10 +4848,10 @@ declare const __VLS_export: _$vue.DefineComponent<_$vue.ExtractPropTypes<{
     __isTeleport?: never;
     __isSuspense?: never;
   } & _$vue.ComponentOptionsBase<Readonly<InputProps> & Readonly<{
+    onClear?: ((evt: MouseEvent | undefined) => any) | undefined;
     "onUpdate:modelValue"?: ((value: string) => any) | undefined;
     onChange?: ((value: string, evt?: Event | undefined) => any) | undefined;
     onInput?: ((value: string) => any) | undefined;
-    onClear?: ((evt: MouseEvent | undefined) => any) | undefined;
     onFocus?: ((evt: FocusEvent) => any) | undefined;
     onBlur?: ((evt: FocusEvent) => any) | undefined;
     onMouseleave?: ((evt: MouseEvent) => any) | undefined;
@@ -4874,10 +4874,10 @@ declare const __VLS_export: _$vue.DefineComponent<_$vue.ExtractPropTypes<{
     clear: (evt?: MouseEvent) => void;
     resizeTextarea: () => void;
   }, {}, {}, {}, _$vue.ComponentOptionsMixin, _$vue.ComponentOptionsMixin, {
+    clear: (evt: MouseEvent | undefined) => void;
     "update:modelValue": (value: string) => void;
     change: (value: string, evt?: Event | undefined) => void;
     input: (value: string) => void;
-    clear: (evt: MouseEvent | undefined) => void;
     focus: (evt: FocusEvent) => void;
     blur: (evt: FocusEvent) => void;
     mouseleave: (evt: MouseEvent) => void;

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

@@ -112,7 +112,7 @@ declare const notificationProps: {
   readonly position: EpPropFinalized<StringConstructor, "top-left" | "top-right" | "bottom-left" | "bottom-right", unknown, "top-right", boolean>;
   readonly showClose: EpPropFinalized<BooleanConstructor, unknown, unknown, true, boolean>;
   readonly title: EpPropFinalized<StringConstructor, unknown, unknown, "", boolean>;
-  readonly type: EpPropFinalized<StringConstructor, "" | "info" | "primary" | "success" | "warning" | "error", unknown, "", boolean>;
+  readonly type: EpPropFinalized<StringConstructor, "" | "error" | "info" | "primary" | "success" | "warning", unknown, "", boolean>;
   readonly zIndex: NumberConstructor;
   readonly closeIcon: EpPropFinalized<(new (...args: any[]) => (string | _$vue.Component) & {}) | (() => string | _$vue.Component) | (((new (...args: any[]) => (string | _$vue.Component) & {}) | (() => string | _$vue.Component)) | null)[], unknown, unknown, _$vue.DefineComponent<{}, void, {}, {}, {}, _$vue.ComponentOptionsMixin, _$vue.ComponentOptionsMixin, {}, string, _$vue.PublicProps, Readonly<{}>, {}, {}, {}, {}, string, _$vue.ComponentProvideOptions, true, {}, any>, boolean>;
 };

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

@@ -24,10 +24,10 @@ declare const __VLS_base: _$vue.DefineComponent<PopconfirmProps, {
   onConfirm?: ((e: MouseEvent) => any) | undefined;
   onCancel?: ((e: MouseEvent) => any) | undefined;
 }>, {
+  hideAfter: number;
   teleported: boolean;
   effect: PopperEffect;
   icon: IconPropType;
-  hideAfter: number;
   width: string | number;
   confirmButtonType: ButtonType;
   cancelButtonType: ButtonType;

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

@@ -30,6 +30,9 @@ declare const __VLS_base: _$vue.DefineComponent<PopoverProps, {
   "onAfter-enter"?: (() => any) | undefined;
   "onAfter-leave"?: (() => any) | undefined;
 }>, {
+  showAfter: number;
+  hideAfter: number;
+  autoClose: number;
   offset: number;
   teleported: boolean;
   effect: PopperEffect;
@@ -42,9 +45,6 @@ declare const __VLS_base: _$vue.DefineComponent<PopoverProps, {
   popperOptions: Partial<Options>;
   showArrow: boolean;
   persistent: boolean;
-  showAfter: number;
-  hideAfter: number;
-  autoClose: number;
   trigger: Arrayable<TooltipTriggerType>;
   triggerKeys: string[];
   width: string | number;

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

@@ -13,8 +13,8 @@ type __VLS_Slots = {} & {
   default?: (props: typeof __VLS_3) => any;
 };
 declare const __VLS_base: _$vue.DefineComponent<ProgressProps, {}, {}, {}, {}, _$vue.ComponentOptionsMixin, _$vue.ComponentOptionsMixin, {}, string, _$vue.PublicProps, Readonly<ProgressProps> & Readonly<{}>, {
-  type: "line" | "circle" | "dashboard";
   color: string | ProgressColor[] | ProgressFn;
+  type: "line" | "circle" | "dashboard";
   strokeLinecap: NonNullable<_$vue.SVGAttributes["stroke-linecap"]>;
   strokeWidth: number;
   width: number;

package/lib/components/radio/src/radio-group.vue.d.ts

@@ -13,8 +13,8 @@ declare const __VLS_base: _$vue.DefineComponent<RadioGroupProps, {}, {}, {}, {},
   "onUpdate:modelValue"?: ((val: string | number | boolean | undefined) => any) | undefined;
   onChange?: ((val: string | number | boolean | undefined) => any) | undefined;
 }>, {
-  type: "radio" | "button";
   fill: string;
+  type: "radio" | "button";
   props: radioOptionProp;
   id: string;
   disabled: boolean;

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

@@ -31,7 +31,7 @@ interface ResultProps {
 declare const resultProps: {
   readonly title: EpPropFinalized<StringConstructor, unknown, unknown, "", boolean>;
   readonly subTitle: EpPropFinalized<StringConstructor, unknown, unknown, "", boolean>;
-  readonly icon: EpPropFinalized<StringConstructor, "info" | "primary" | "success" | "warning" | "error", unknown, "info", boolean>;
+  readonly icon: EpPropFinalized<StringConstructor, "error" | "info" | "primary" | "success" | "warning", unknown, "info", boolean>;
 };
 /**
  * @deprecated Removed after 3.0.0, Use `ResultProps` instead.

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

@@ -5,7 +5,7 @@ import * as _$vue from "vue";
 declare const COMPONENT_NAME = "ElOption";
 declare const optionProps: {
   value: {
-    readonly type: _$vue.PropType<EpPropMergeType<(BooleanConstructor | ObjectConstructor | StringConstructor | NumberConstructor)[], unknown, unknown>>;
+    readonly type: _$vue.PropType<EpPropMergeType<(BooleanConstructor | StringConstructor | ObjectConstructor | NumberConstructor)[], unknown, unknown>>;
     readonly required: true;
     readonly validator: ((val: unknown) => boolean) | undefined;
     __epPropKey: true;

package/lib/components/select/src/option.vue.d.ts

@@ -6,7 +6,7 @@ import * as _$vue from "vue";
 declare const _default: typeof __VLS_export;
 declare const __VLS_export: _$vue.DefineComponent<_$vue.ExtractPropTypes<{
   value: {
-    readonly type: _$vue.PropType<EpPropMergeType<(BooleanConstructor | ObjectConstructor | StringConstructor | NumberConstructor)[], unknown, unknown>>;
+    readonly type: _$vue.PropType<EpPropMergeType<(BooleanConstructor | StringConstructor | ObjectConstructor | NumberConstructor)[], unknown, unknown>>;
     readonly required: true;
     readonly validator: ((val: unknown) => boolean) | undefined;
     __epPropKey: true;
@@ -59,7 +59,7 @@ declare const __VLS_export: _$vue.DefineComponent<_$vue.ExtractPropTypes<{
   selectOptionClick: () => void;
 }, {}, {}, {}, _$vue.ComponentOptionsMixin, _$vue.ComponentOptionsMixin, {}, string, _$vue.PublicProps, Readonly<_$vue.ExtractPropTypes<{
   value: {
-    readonly type: _$vue.PropType<EpPropMergeType<(BooleanConstructor | ObjectConstructor | StringConstructor | NumberConstructor)[], unknown, unknown>>;
+    readonly type: _$vue.PropType<EpPropMergeType<(BooleanConstructor | StringConstructor | ObjectConstructor | NumberConstructor)[], unknown, unknown>>;
     readonly required: true;
     readonly validator: ((val: unknown) => boolean) | undefined;
     __epPropKey: true;

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

@@ -33,7 +33,7 @@ declare const selectProps: {
   valueOnClear: EpPropFinalized<(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, undefined, boolean>;
   name: StringConstructor;
   id: StringConstructor;
-  modelValue: EpPropFinalized<(new (...args: any[]) => string | number | boolean | Record<string, any> | EpPropMergeType<(BooleanConstructor | ObjectConstructor | StringConstructor | NumberConstructor)[], unknown, unknown>[]) | (() => EpPropMergeType<(BooleanConstructor | ObjectConstructor | StringConstructor | NumberConstructor)[], unknown, unknown> | EpPropMergeType<(BooleanConstructor | ObjectConstructor | StringConstructor | NumberConstructor)[], unknown, unknown>[] | null) | (((new (...args: any[]) => string | number | boolean | Record<string, any> | EpPropMergeType<(BooleanConstructor | ObjectConstructor | StringConstructor | NumberConstructor)[], unknown, unknown>[]) | (() => EpPropMergeType<(BooleanConstructor | ObjectConstructor | StringConstructor | NumberConstructor)[], unknown, unknown> | EpPropMergeType<(BooleanConstructor | ObjectConstructor | StringConstructor | NumberConstructor)[], unknown, unknown>[] | null)) | null)[], unknown, unknown, undefined, boolean>;
+  modelValue: EpPropFinalized<(new (...args: any[]) => string | number | boolean | Record<string, any> | EpPropMergeType<(BooleanConstructor | StringConstructor | ObjectConstructor | NumberConstructor)[], unknown, unknown>[]) | (() => EpPropMergeType<(BooleanConstructor | StringConstructor | ObjectConstructor | NumberConstructor)[], unknown, unknown> | EpPropMergeType<(BooleanConstructor | StringConstructor | ObjectConstructor | NumberConstructor)[], unknown, unknown>[] | null) | (((new (...args: any[]) => string | number | boolean | Record<string, any> | EpPropMergeType<(BooleanConstructor | StringConstructor | ObjectConstructor | NumberConstructor)[], unknown, unknown>[]) | (() => EpPropMergeType<(BooleanConstructor | StringConstructor | ObjectConstructor | NumberConstructor)[], unknown, unknown> | EpPropMergeType<(BooleanConstructor | StringConstructor | ObjectConstructor | NumberConstructor)[], unknown, unknown>[] | null)) | null)[], unknown, unknown, undefined, boolean>;
   autocomplete: EpPropFinalized<StringConstructor, unknown, unknown, string, boolean>;
   automaticDropdown: BooleanConstructor;
   size: {

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

@@ -25,7 +25,7 @@ declare const __VLS_export: _$vue.DefineComponent<_$vue.ExtractPropTypes<{
   valueOnClear: EpPropFinalized<(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, undefined, boolean>;
   name: StringConstructor;
   id: StringConstructor;
-  modelValue: EpPropFinalized<(new (...args: any[]) => string | number | boolean | Record<string, any> | EpPropMergeType<(BooleanConstructor | ObjectConstructor | StringConstructor | NumberConstructor)[], unknown, unknown>[]) | (() => EpPropMergeType<(BooleanConstructor | ObjectConstructor | StringConstructor | NumberConstructor)[], unknown, unknown> | EpPropMergeType<(BooleanConstructor | ObjectConstructor | StringConstructor | NumberConstructor)[], unknown, unknown>[] | null) | (((new (...args: any[]) => string | number | boolean | Record<string, any> | EpPropMergeType<(BooleanConstructor | ObjectConstructor | StringConstructor | NumberConstructor)[], unknown, unknown>[]) | (() => EpPropMergeType<(BooleanConstructor | ObjectConstructor | StringConstructor | NumberConstructor)[], unknown, unknown> | EpPropMergeType<(BooleanConstructor | ObjectConstructor | StringConstructor | NumberConstructor)[], unknown, unknown>[] | null)) | null)[], unknown, unknown, undefined, boolean>;
+  modelValue: EpPropFinalized<(new (...args: any[]) => string | number | boolean | Record<string, any> | EpPropMergeType<(BooleanConstructor | StringConstructor | ObjectConstructor | NumberConstructor)[], unknown, unknown>[]) | (() => EpPropMergeType<(BooleanConstructor | StringConstructor | ObjectConstructor | NumberConstructor)[], unknown, unknown> | EpPropMergeType<(BooleanConstructor | StringConstructor | ObjectConstructor | NumberConstructor)[], unknown, unknown>[] | null) | (((new (...args: any[]) => string | number | boolean | Record<string, any> | EpPropMergeType<(BooleanConstructor | StringConstructor | ObjectConstructor | NumberConstructor)[], unknown, unknown>[]) | (() => EpPropMergeType<(BooleanConstructor | StringConstructor | ObjectConstructor | NumberConstructor)[], unknown, unknown> | EpPropMergeType<(BooleanConstructor | StringConstructor | ObjectConstructor | NumberConstructor)[], unknown, unknown>[] | null)) | null)[], unknown, unknown, undefined, boolean>;
   autocomplete: EpPropFinalized<StringConstructor, unknown, unknown, string, boolean>;
   automaticDropdown: BooleanConstructor;
   size: {
@@ -175,8 +175,8 @@ declare const __VLS_export: _$vue.DefineComponent<_$vue.ExtractPropTypes<{
   };
   states: {
     inputValue: string;
-    options: Map<EpPropMergeType<(BooleanConstructor | ObjectConstructor | StringConstructor | NumberConstructor)[], unknown, unknown>, OptionPublicInstance> & Omit<Map<EpPropMergeType<(BooleanConstructor | ObjectConstructor | StringConstructor | NumberConstructor)[], unknown, unknown>, OptionPublicInstance>, keyof Map<any, any>>;
-    cachedOptions: Map<EpPropMergeType<(BooleanConstructor | ObjectConstructor | StringConstructor | NumberConstructor)[], unknown, unknown>, OptionPublicInstance> & Omit<Map<EpPropMergeType<(BooleanConstructor | ObjectConstructor | StringConstructor | NumberConstructor)[], unknown, unknown>, OptionPublicInstance>, keyof Map<any, any>>;
+    options: Map<EpPropMergeType<(BooleanConstructor | StringConstructor | ObjectConstructor | NumberConstructor)[], unknown, unknown>, OptionPublicInstance> & Omit<Map<EpPropMergeType<(BooleanConstructor | StringConstructor | ObjectConstructor | NumberConstructor)[], unknown, unknown>, OptionPublicInstance>, keyof Map<any, any>>;
+    cachedOptions: Map<EpPropMergeType<(BooleanConstructor | StringConstructor | ObjectConstructor | NumberConstructor)[], unknown, unknown>, OptionPublicInstance> & Omit<Map<EpPropMergeType<(BooleanConstructor | StringConstructor | ObjectConstructor | NumberConstructor)[], unknown, unknown>, OptionPublicInstance>, keyof Map<any, any>>;
     optionValues: OptionValue[];
     selected: {
       index: number;
@@ -216,8 +216,8 @@ declare const __VLS_export: _$vue.DefineComponent<_$vue.ExtractPropTypes<{
   showClearBtn: _$vue.ComputedRef<boolean>;
   iconComponent: _$vue.ComputedRef<EpPropMergeType<(new (...args: any[]) => (string | _$vue.Component) & {}) | (() => string | _$vue.Component) | (((new (...args: any[]) => (string | _$vue.Component) & {}) | (() => string | _$vue.Component)) | null)[], unknown, unknown>>;
   iconReverse: _$vue.ComputedRef<string>;
-  validateState: _$vue.ComputedRef<"" | "success" | "error" | "validating">;
-  validateIcon: _$vue.ComputedRef<"" | _$vue.Component>;
+  validateState: _$vue.ComputedRef<"" | "error" | "success" | "validating">;
+  validateIcon: _$vue.ComputedRef<_$vue.Component | "">;
   showNewOption: _$vue.ComputedRef<boolean>;
   updateOptions: () => void;
   collapseTagSize: _$vue.ComputedRef<"default" | "small">;
@@ -259,11 +259,11 @@ declare const __VLS_export: _$vue.DefineComponent<_$vue.ExtractPropTypes<{
   }) => void;
   getOption: (value: OptionValue) => {
     index: number;
-    value: EpPropMergeType<(BooleanConstructor | ObjectConstructor | StringConstructor | NumberConstructor)[], unknown, unknown>;
+    value: EpPropMergeType<(BooleanConstructor | StringConstructor | ObjectConstructor | NumberConstructor)[], unknown, unknown>;
     currentLabel: any;
   } | {
     index: number;
-    value: EpPropMergeType<(BooleanConstructor | ObjectConstructor | StringConstructor | NumberConstructor)[], unknown, unknown>;
+    value: EpPropMergeType<(BooleanConstructor | StringConstructor | ObjectConstructor | NumberConstructor)[], unknown, unknown>;
     currentLabel: string | number | boolean;
     readonly isDisabled: boolean;
   };
@@ -309,7 +309,7 @@ declare const __VLS_export: _$vue.DefineComponent<_$vue.ExtractPropTypes<{
   valueOnClear: EpPropFinalized<(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, undefined, boolean>;
   name: StringConstructor;
   id: StringConstructor;
-  modelValue: EpPropFinalized<(new (...args: any[]) => string | number | boolean | Record<string, any> | EpPropMergeType<(BooleanConstructor | ObjectConstructor | StringConstructor | NumberConstructor)[], unknown, unknown>[]) | (() => EpPropMergeType<(BooleanConstructor | ObjectConstructor | StringConstructor | NumberConstructor)[], unknown, unknown> | EpPropMergeType<(BooleanConstructor | ObjectConstructor | StringConstructor | NumberConstructor)[], unknown, unknown>[] | null) | (((new (...args: any[]) => string | number | boolean | Record<string, any> | EpPropMergeType<(BooleanConstructor | ObjectConstructor | StringConstructor | NumberConstructor)[], unknown, unknown>[]) | (() => EpPropMergeType<(BooleanConstructor | ObjectConstructor | StringConstructor | NumberConstructor)[], unknown, unknown> | EpPropMergeType<(BooleanConstructor | ObjectConstructor | StringConstructor | NumberConstructor)[], unknown, unknown>[] | null)) | null)[], unknown, unknown, undefined, boolean>;
+  modelValue: EpPropFinalized<(new (...args: any[]) => string | number | boolean | Record<string, any> | EpPropMergeType<(BooleanConstructor | StringConstructor | ObjectConstructor | NumberConstructor)[], unknown, unknown>[]) | (() => EpPropMergeType<(BooleanConstructor | StringConstructor | ObjectConstructor | NumberConstructor)[], unknown, unknown> | EpPropMergeType<(BooleanConstructor | StringConstructor | ObjectConstructor | NumberConstructor)[], unknown, unknown>[] | null) | (((new (...args: any[]) => string | number | boolean | Record<string, any> | EpPropMergeType<(BooleanConstructor | StringConstructor | ObjectConstructor | NumberConstructor)[], unknown, unknown>[]) | (() => EpPropMergeType<(BooleanConstructor | StringConstructor | ObjectConstructor | NumberConstructor)[], unknown, unknown> | EpPropMergeType<(BooleanConstructor | StringConstructor | ObjectConstructor | NumberConstructor)[], unknown, unknown>[] | null)) | null)[], unknown, unknown, undefined, boolean>;
   autocomplete: EpPropFinalized<StringConstructor, unknown, unknown, string, boolean>;
   automaticDropdown: BooleanConstructor;
   size: {
@@ -404,9 +404,9 @@ declare const __VLS_export: _$vue.DefineComponent<_$vue.ExtractPropTypes<{
   };
   props: EpPropFinalized<(new (...args: any[]) => Props) | (() => Props) | (((new (...args: any[]) => Props) | (() => Props)) | null)[], unknown, unknown, () => Required<Props>, boolean>;
 }>> & Readonly<{
+  onClear?: (() => any) | undefined;
   "onUpdate:modelValue"?: ((val: any) => any) | undefined;
   onChange?: ((val: any) => any) | undefined;
-  onClear?: (() => any) | undefined;
   onFocus?: ((evt: FocusEvent) => any) | undefined;
   onBlur?: ((evt: FocusEvent) => any) | undefined;
   "onEnd-reached"?: ((direction: ScrollbarDirection) => any) | undefined;
@@ -417,13 +417,14 @@ declare const __VLS_export: _$vue.DefineComponent<_$vue.ExtractPropTypes<{
     scrollLeft: number;
   }) => any) | undefined;
 }>, {
+  loading: boolean;
+  props: Props;
   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>;
   offset: number;
   teleported: EpPropMergeType<BooleanConstructor, unknown, unknown>;
-  props: Props;
   effect: EpPropMergeType<(new (...args: any[]) => string) | (() => PopperEffect) | (((new (...args: any[]) => string) | (() => PopperEffect)) | null)[], unknown, unknown>;
   disabled: EpPropMergeType<BooleanConstructor, unknown, unknown>;
-  modelValue: EpPropMergeType<(new (...args: any[]) => string | number | boolean | Record<string, any> | EpPropMergeType<(BooleanConstructor | ObjectConstructor | StringConstructor | NumberConstructor)[], unknown, unknown>[]) | (() => EpPropMergeType<(BooleanConstructor | ObjectConstructor | StringConstructor | NumberConstructor)[], unknown, unknown> | EpPropMergeType<(BooleanConstructor | ObjectConstructor | StringConstructor | NumberConstructor)[], unknown, unknown>[] | null) | (((new (...args: any[]) => string | number | boolean | Record<string, any> | EpPropMergeType<(BooleanConstructor | ObjectConstructor | StringConstructor | NumberConstructor)[], unknown, unknown>[]) | (() => EpPropMergeType<(BooleanConstructor | ObjectConstructor | StringConstructor | NumberConstructor)[], unknown, unknown> | EpPropMergeType<(BooleanConstructor | ObjectConstructor | StringConstructor | NumberConstructor)[], unknown, unknown>[] | null)) | null)[], unknown, unknown>;
+  modelValue: EpPropMergeType<(new (...args: any[]) => string | number | boolean | Record<string, any> | EpPropMergeType<(BooleanConstructor | StringConstructor | ObjectConstructor | NumberConstructor)[], unknown, unknown>[]) | (() => EpPropMergeType<(BooleanConstructor | StringConstructor | ObjectConstructor | NumberConstructor)[], unknown, unknown> | EpPropMergeType<(BooleanConstructor | StringConstructor | ObjectConstructor | NumberConstructor)[], unknown, unknown>[] | null) | (((new (...args: any[]) => string | number | boolean | Record<string, any> | EpPropMergeType<(BooleanConstructor | StringConstructor | ObjectConstructor | NumberConstructor)[], unknown, unknown>[]) | (() => EpPropMergeType<(BooleanConstructor | StringConstructor | ObjectConstructor | NumberConstructor)[], unknown, unknown> | EpPropMergeType<(BooleanConstructor | StringConstructor | ObjectConstructor | NumberConstructor)[], unknown, unknown>[] | null)) | null)[], unknown, unknown>;
   autocomplete: string;
   clearable: boolean;
   clearIcon: EpPropMergeType<(new (...args: any[]) => (string | _$vue.Component) & {}) | (() => string | _$vue.Component) | (((new (...args: any[]) => (string | _$vue.Component) & {}) | (() => string | _$vue.Component)) | null)[], unknown, unknown>;
@@ -440,7 +441,6 @@ declare const __VLS_export: _$vue.DefineComponent<_$vue.ExtractPropTypes<{
   valueKey: string;
   debounce: number;
   fitInputWidth: boolean;
-  loading: boolean;
   filterable: boolean;
   collapseTags: boolean;
   maxCollapseTags: number;
@@ -482,7 +482,7 @@ declare const __VLS_export: _$vue.DefineComponent<_$vue.ExtractPropTypes<{
   }, {}, {}, {}, _$vue.ComponentOptionsMixin, _$vue.ComponentOptionsMixin, {}, string, _$vue.PublicProps, Readonly<{}> & Readonly<{}>, {}, {}, {}, {}, string, _$vue.ComponentProvideOptions, true, {}, any>;
   ElOption: _$vue.DefineComponent<_$vue.ExtractPropTypes<{
     value: {
-      readonly type: _$vue.PropType<EpPropMergeType<(BooleanConstructor | ObjectConstructor | StringConstructor | NumberConstructor)[], unknown, unknown>>;
+      readonly type: _$vue.PropType<EpPropMergeType<(BooleanConstructor | StringConstructor | ObjectConstructor | NumberConstructor)[], unknown, unknown>>;
       readonly required: true;
       readonly validator: ((val: unknown) => boolean) | undefined;
       __epPropKey: true;
@@ -535,7 +535,7 @@ declare const __VLS_export: _$vue.DefineComponent<_$vue.ExtractPropTypes<{
     selectOptionClick: () => void;
   }, {}, {}, {}, _$vue.ComponentOptionsMixin, _$vue.ComponentOptionsMixin, {}, string, _$vue.PublicProps, Readonly<_$vue.ExtractPropTypes<{
     value: {
-      readonly type: _$vue.PropType<EpPropMergeType<(BooleanConstructor | ObjectConstructor | StringConstructor | NumberConstructor)[], unknown, unknown>>;
+      readonly type: _$vue.PropType<EpPropMergeType<(BooleanConstructor | StringConstructor | ObjectConstructor | NumberConstructor)[], unknown, unknown>>;
       readonly required: true;
       readonly validator: ((val: unknown) => boolean) | undefined;
       __epPropKey: true;
@@ -740,10 +740,10 @@ declare const __VLS_export: _$vue.DefineComponent<_$vue.ExtractPropTypes<{
   })>;
   ElTooltip: SFCWithInstall<{
     new (...args: any[]): _$vue.CreateComponentPublicInstanceWithMixins<Readonly<UseTooltipProps> & Readonly<{
+      onOpen?: ((...args: any[]) => any) | undefined;
       onClose?: ((...args: any[]) => any) | undefined;
-      onHide?: ((...args: any[]) => any) | undefined;
       onShow?: ((...args: any[]) => any) | undefined;
-      onOpen?: ((...args: any[]) => any) | undefined;
+      onHide?: ((...args: any[]) => any) | undefined;
       "onUpdate:visible"?: ((...args: any[]) => any) | undefined;
       "onBefore-show"?: ((...args: any[]) => any) | undefined;
       "onBefore-hide"?: ((...args: any[]) => any) | undefined;
@@ -756,14 +756,17 @@ declare const __VLS_export: _$vue.DefineComponent<_$vue.ExtractPropTypes<{
       onClose: (event?: Event, delay?: number) => void;
       hide: (event?: Event) => void;
     }, {}, {}, {}, _$vue.ComponentOptionsMixin, _$vue.ComponentOptionsMixin, {
+      open: (...args: any[]) => void;
       close: (...args: any[]) => void;
-      hide: (...args: any[]) => void;
       show: (...args: any[]) => void;
-      open: (...args: any[]) => void;
+      hide: (...args: any[]) => void;
       "update:visible": (...args: any[]) => void;
       "before-show": (...args: any[]) => void;
       "before-hide": (...args: any[]) => void;
     }, _$vue.PublicProps, {
+      showAfter: number;
+      hideAfter: number;
+      autoClose: number;
       offset: number;
       teleported: boolean;
       effect: PopperEffect;
@@ -786,9 +789,6 @@ declare const __VLS_export: _$vue.DefineComponent<_$vue.ExtractPropTypes<{
       arrowOffset: number;
       showArrow: boolean;
       role: typeof roleTypes[number];
-      showAfter: number;
-      hideAfter: number;
-      autoClose: number;
       trigger: Arrayable<TooltipTriggerType>;
       triggerKeys: string[];
     }, false, {}, {}, _$vue.GlobalComponents, _$vue.GlobalDirectives, string, {}, any, _$vue.ComponentProvideOptions, {
@@ -799,10 +799,10 @@ declare const __VLS_export: _$vue.DefineComponent<_$vue.ExtractPropTypes<{
       M: {};
       Defaults: {};
     }, Readonly<UseTooltipProps> & Readonly<{
+      onOpen?: ((...args: any[]) => any) | undefined;
       onClose?: ((...args: any[]) => any) | undefined;
-      onHide?: ((...args: any[]) => any) | undefined;
       onShow?: ((...args: any[]) => any) | undefined;
-      onOpen?: ((...args: any[]) => any) | undefined;
+      onHide?: ((...args: any[]) => any) | undefined;
       "onUpdate:visible"?: ((...args: any[]) => any) | undefined;
       "onBefore-show"?: ((...args: any[]) => any) | undefined;
       "onBefore-hide"?: ((...args: any[]) => any) | undefined;
@@ -815,6 +815,9 @@ declare const __VLS_export: _$vue.DefineComponent<_$vue.ExtractPropTypes<{
       onClose: (event?: Event, delay?: number) => void;
       hide: (event?: Event) => void;
     }, {}, {}, {}, {
+      showAfter: number;
+      hideAfter: number;
+      autoClose: number;
       offset: number;
       teleported: boolean;
       effect: PopperEffect;
@@ -837,9 +840,6 @@ declare const __VLS_export: _$vue.DefineComponent<_$vue.ExtractPropTypes<{
       arrowOffset: number;
       showArrow: boolean;
       role: typeof roleTypes[number];
-      showAfter: number;
-      hideAfter: number;
-      autoClose: number;
       trigger: Arrayable<TooltipTriggerType>;
       triggerKeys: string[];
     }>;
@@ -847,10 +847,10 @@ declare const __VLS_export: _$vue.DefineComponent<_$vue.ExtractPropTypes<{
     __isTeleport?: never;
     __isSuspense?: never;
   } & _$vue.ComponentOptionsBase<Readonly<UseTooltipProps> & Readonly<{
+    onOpen?: ((...args: any[]) => any) | undefined;
     onClose?: ((...args: any[]) => any) | undefined;
-    onHide?: ((...args: any[]) => any) | undefined;
     onShow?: ((...args: any[]) => any) | undefined;
-    onOpen?: ((...args: any[]) => any) | undefined;
+    onHide?: ((...args: any[]) => any) | undefined;
     "onUpdate:visible"?: ((...args: any[]) => any) | undefined;
     "onBefore-show"?: ((...args: any[]) => any) | undefined;
     "onBefore-hide"?: ((...args: any[]) => any) | undefined;
@@ -863,14 +863,17 @@ declare const __VLS_export: _$vue.DefineComponent<_$vue.ExtractPropTypes<{
     onClose: (event?: Event, delay?: number) => void;
     hide: (event?: Event) => void;
   }, {}, {}, {}, _$vue.ComponentOptionsMixin, _$vue.ComponentOptionsMixin, {
+    open: (...args: any[]) => void;
     close: (...args: any[]) => void;
-    hide: (...args: any[]) => void;
     show: (...args: any[]) => void;
-    open: (...args: any[]) => void;
+    hide: (...args: any[]) => void;
     "update:visible": (...args: any[]) => void;
     "before-show": (...args: any[]) => void;
     "before-hide": (...args: any[]) => void;
   }, string, {
+    showAfter: number;
+    hideAfter: number;
+    autoClose: number;
     offset: number;
     teleported: boolean;
     effect: PopperEffect;
@@ -893,9 +896,6 @@ declare const __VLS_export: _$vue.DefineComponent<_$vue.ExtractPropTypes<{
     arrowOffset: number;
     showArrow: boolean;
     role: typeof roleTypes[number];
-    showAfter: number;
-    hideAfter: number;
-    autoClose: number;
     trigger: Arrayable<TooltipTriggerType>;
     triggerKeys: string[];
   }, {}, string, {}, _$vue.GlobalComponents, _$vue.GlobalDirectives, string, _$vue.ComponentProvideOptions> & _$vue.VNodeProps & _$vue.AllowedComponentProps & _$vue.ComponentCustomProps & (new () => {