@element-plus/nightly 0.0.20260414 → 0.0.20260416

package/es/components/input-number/src/input-number.vue_vue_type_script_setup_true_lang.mjs.map

@@ -1 +1 @@
-{"version":3,"file":"input-number.vue_vue_type_script_setup_true_lang.mjs","names":["$slots"],"sources":["../../../../../../packages/components/input-number/src/input-number.vue"],"sourcesContent":["<template>\n  <div\n    :class=\"[\n      ns.b(),\n      ns.m(inputNumberSize),\n      ns.is('disabled', inputNumberDisabled),\n      ns.is('without-controls', !controls),\n      ns.is('controls-right', controlsAtRight),\n      ns.is(align, !!align),\n    ]\"\n    @dragstart.prevent\n  >\n    <span\n      v-if=\"controls\"\n      v-repeat-click=\"decrease\"\n      role=\"button\"\n      :aria-label=\"t('el.inputNumber.decrease')\"\n      :class=\"[ns.e('decrease'), ns.is('disabled', minDisabled)]\"\n      @keydown.enter=\"decrease\"\n    >\n      <slot name=\"decrease-icon\">\n        <el-icon>\n          <arrow-down v-if=\"controlsAtRight\" />\n          <minus v-else />\n        </el-icon>\n      </slot>\n    </span>\n    <span\n      v-if=\"controls\"\n      v-repeat-click=\"increase\"\n      role=\"button\"\n      :aria-label=\"t('el.inputNumber.increase')\"\n      :class=\"[ns.e('increase'), ns.is('disabled', maxDisabled)]\"\n      @keydown.enter=\"increase\"\n    >\n      <slot name=\"increase-icon\">\n        <el-icon>\n          <arrow-up v-if=\"controlsAtRight\" />\n          <plus v-else />\n        </el-icon>\n      </slot>\n    </span>\n    <el-input\n      :id=\"id\"\n      ref=\"input\"\n      type=\"number\"\n      :step=\"step\"\n      :model-value=\"displayValue\"\n      :placeholder=\"placeholder\"\n      :readonly=\"readonly\"\n      :disabled=\"inputNumberDisabled\"\n      :size=\"inputNumberSize\"\n      :max=\"max\"\n      :min=\"min\"\n      :name=\"name\"\n      :aria-label=\"ariaLabel\"\n      :validate-event=\"false\"\n      :inputmode=\"inputmode\"\n      :tabindex=\"tabindex\"\n      @keydown=\"handleKeydown\"\n      @blur=\"handleBlur\"\n      @focus=\"handleFocus\"\n      @input=\"handleInput\"\n      @change=\"handleInputChange\"\n    >\n      <template v-if=\"$slots.prefix\" #prefix>\n        <slot name=\"prefix\" />\n      </template>\n      <template v-if=\"$slots.suffix\" #suffix>\n        <slot name=\"suffix\" />\n      </template>\n    </el-input>\n  </div>\n</template>\n\n<script lang=\"ts\" setup>\nimport { computed, onMounted, onUpdated, reactive, ref, watch } from 'vue'\nimport { isNil } from 'lodash-unified'\nimport { ElInput } from '@element-plus/components/input'\nimport { ElIcon } from '@element-plus/components/icon'\nimport {\n  useFormDisabled,\n  useFormItem,\n  useFormSize,\n} from '@element-plus/components/form'\nimport { vRepeatClick } from '@element-plus/directives'\nimport { useLocale, useNamespace } from '@element-plus/hooks'\nimport {\n  NOOP,\n  debugWarn,\n  getEventCode,\n  getEventKey,\n  isNumber,\n  isString,\n  isUndefined,\n  throwError,\n} from '@element-plus/utils'\nimport { ArrowDown, ArrowUp, Minus, Plus } from '@element-plus/icons-vue'\nimport {\n  CHANGE_EVENT,\n  EVENT_CODE,\n  INPUT_EVENT,\n  UPDATE_MODEL_EVENT,\n} from '@element-plus/constants'\nimport { inputNumberEmits } from './input-number'\n\nimport type { InputInstance } from '@element-plus/components/input'\nimport type { InputNumberProps } from './input-number'\n\ndefineOptions({\n  name: 'ElInputNumber',\n})\n\nconst props = withDefaults(defineProps<InputNumberProps>(), {\n  id: undefined,\n  disabled: undefined,\n  step: 1,\n  max: Number.MAX_SAFE_INTEGER,\n  min: Number.MIN_SAFE_INTEGER,\n  stepStrictly: false,\n  readonly: false,\n  controls: true,\n  controlsPosition: '',\n  valueOnClear: null,\n  validateEvent: true,\n  inputmode: undefined,\n  align: 'center',\n  tabindex: 0,\n})\nconst emit = defineEmits(inputNumberEmits)\n\nconst { t } = useLocale()\nconst ns = useNamespace('input-number')\nconst input = ref<InputInstance>()\n\ninterface Data {\n  currentValue: number | null | undefined\n  userInput: null | number | string\n}\nconst data = reactive<Data>({\n  currentValue: props.modelValue,\n  userInput: null,\n})\n\nconst { formItem } = useFormItem()\n\nconst minDisabled = computed(\n  () => isNumber(props.modelValue) && props.modelValue <= props.min\n)\nconst maxDisabled = computed(\n  () => isNumber(props.modelValue) && props.modelValue >= props.max\n)\n\nconst numPrecision = computed(() => {\n  const stepPrecision = getPrecision(props.step)\n  if (!isUndefined(props.precision)) {\n    if (stepPrecision > props.precision) {\n      debugWarn(\n        'InputNumber',\n        'precision should not be less than the decimal places of step'\n      )\n    }\n    return props.precision\n  } else {\n    return Math.max(getPrecision(props.modelValue), stepPrecision)\n  }\n})\nconst controlsAtRight = computed(() => {\n  return props.controls && props.controlsPosition === 'right'\n})\n\nconst inputNumberSize = useFormSize()\nconst inputNumberDisabled = useFormDisabled()\n\nconst displayValue = computed(() => {\n  if (data.userInput !== null) {\n    return data.userInput\n  }\n  let currentValue: number | string | undefined | null = data.currentValue\n  if (isNil(currentValue)) return ''\n  if (isNumber(currentValue)) {\n    if (Number.isNaN(currentValue)) return ''\n    if (!isUndefined(props.precision)) {\n      currentValue = currentValue.toFixed(props.precision)\n    }\n  }\n  return currentValue\n})\nconst toPrecision = (num: number, pre?: number) => {\n  if (isUndefined(pre)) pre = numPrecision.value\n  if (pre === 0) return Math.round(num)\n  let snum = String(num)\n  const pointPos = snum.indexOf('.')\n  if (pointPos === -1) return num\n  const nums = snum.replace('.', '').split('')\n  const datum = nums[pointPos + pre]\n  if (!datum) return num\n  const length = snum.length\n  if (snum.charAt(length - 1) === '5') {\n    snum = `${snum.slice(0, Math.max(0, length - 1))}6`\n  }\n  return Number.parseFloat(Number(snum).toFixed(pre))\n}\nconst getPrecision = (value: number | null | undefined) => {\n  if (isNil(value)) return 0\n  const valueString = value.toString()\n  const dotPosition = valueString.indexOf('.')\n  let precision = 0\n  if (dotPosition !== -1) {\n    precision = valueString.length - dotPosition - 1\n  }\n  return precision\n}\nconst ensurePrecision = (val: number, coefficient: 1 | -1 = 1) => {\n  if (!isNumber(val)) return data.currentValue\n  if (val >= Number.MAX_SAFE_INTEGER && coefficient === 1) {\n    debugWarn(\n      'InputNumber',\n      'The value has reached the maximum safe integer limit.'\n    )\n    return val\n  } else if (val <= Number.MIN_SAFE_INTEGER && coefficient === -1) {\n    debugWarn(\n      'InputNumber',\n      'The value has reached the minimum safe integer limit.'\n    )\n    return val\n  }\n\n  // Solve the accuracy problem of JS decimal calculation by converting the value to integer.\n  return toPrecision(val + props.step * coefficient)\n}\nconst handleKeydown = (event: KeyboardEvent | Event) => {\n  const code = getEventCode(event as KeyboardEvent)\n  const key = getEventKey(event as KeyboardEvent)\n\n  if (props.disabledScientific && ['e', 'E'].includes(key)) {\n    event.preventDefault()\n    return\n  }\n\n  switch (code) {\n    case EVENT_CODE.up: {\n      event.preventDefault()\n      increase()\n      break\n    }\n    case EVENT_CODE.down: {\n      event.preventDefault()\n      decrease()\n      break\n    }\n  }\n}\nconst increase = () => {\n  if (props.readonly || inputNumberDisabled.value || maxDisabled.value) return\n  const value = Number(displayValue.value) || 0\n  const newVal = ensurePrecision(value)\n  setCurrentValue(newVal)\n  emit(INPUT_EVENT, data.currentValue)\n  setCurrentValueToModelValue()\n}\nconst decrease = () => {\n  if (props.readonly || inputNumberDisabled.value || minDisabled.value) return\n  const value = Number(displayValue.value) || 0\n  const newVal = ensurePrecision(value, -1)\n  setCurrentValue(newVal)\n  emit(INPUT_EVENT, data.currentValue)\n  setCurrentValueToModelValue()\n}\nconst verifyValue = (\n  value: number | string | null | undefined,\n  update?: boolean\n): number | null | undefined => {\n  const { max, min, step, precision, stepStrictly, valueOnClear } = props\n  if (max < min) {\n    throwError('InputNumber', 'min should not be greater than max.')\n  }\n  let newVal = Number(value)\n  if (isNil(value) || Number.isNaN(newVal)) {\n    return null\n  }\n  if (value === '') {\n    if (valueOnClear === null) {\n      return null\n    }\n    newVal = isString(valueOnClear) ? { min, max }[valueOnClear] : valueOnClear\n  }\n  if (stepStrictly) {\n    newVal = toPrecision(\n      Math.round(toPrecision(newVal / step)) * step,\n      precision\n    )\n    if (newVal !== value) {\n      update && emit(UPDATE_MODEL_EVENT, newVal)\n    }\n  }\n  if (!isUndefined(precision)) {\n    newVal = toPrecision(newVal, precision)\n  }\n  if (newVal > max || newVal < min) {\n    newVal = newVal > max ? max : min\n    update && emit(UPDATE_MODEL_EVENT, newVal)\n  }\n  return newVal\n}\nconst setCurrentValue = (\n  value: number | string | null | undefined,\n  emitChange = true\n) => {\n  const oldVal = data.currentValue\n  const newVal = verifyValue(value)\n  if (!emitChange) {\n    emit(UPDATE_MODEL_EVENT, newVal!)\n    return\n  }\n  data.userInput = null\n  if (oldVal === newVal && value) return\n  emit(UPDATE_MODEL_EVENT, newVal!)\n  if (oldVal !== newVal) {\n    emit(CHANGE_EVENT, newVal!, oldVal!)\n  }\n  if (props.validateEvent) {\n    formItem?.validate?.('change').catch(NOOP)\n  }\n  data.currentValue = newVal\n}\nconst handleInput = (value: string) => {\n  data.userInput = value\n  const newVal = value === '' ? null : Number(value)\n  emit(INPUT_EVENT, newVal)\n  setCurrentValue(newVal, false)\n}\nconst handleInputChange = (value: string) => {\n  const newVal = value !== '' ? Number(value) : ''\n  if ((isNumber(newVal) && !Number.isNaN(newVal)) || value === '') {\n    setCurrentValue(newVal)\n  }\n  setCurrentValueToModelValue()\n  data.userInput = null\n}\n\nconst focus = () => {\n  input.value?.focus?.()\n}\n\nconst blur = () => {\n  input.value?.blur?.()\n}\n\nconst handleFocus = (event: MouseEvent | FocusEvent) => {\n  emit('focus', event)\n}\n\nconst handleBlur = (event: MouseEvent | FocusEvent) => {\n  data.userInput = null\n  // When non-numeric content is entered into a numeric input box,\n  // the content displayed on the page is not cleared after the value is cleared. #18533\n  // https://bugzilla.mozilla.org/show_bug.cgi?id=1398528\n  if (data.currentValue === null && input.value?.input) {\n    input.value.input.value = ''\n  }\n  emit('blur', event)\n  if (props.validateEvent) {\n    formItem?.validate?.('blur').catch(NOOP)\n  }\n}\n\nconst setCurrentValueToModelValue = () => {\n  if (data.currentValue !== props.modelValue) {\n    data.currentValue = props.modelValue\n  }\n}\nconst handleWheel = (e: WheelEvent) => {\n  if (document.activeElement === e.target) e.preventDefault()\n}\n\nwatch(\n  () => props.modelValue,\n  (value, oldValue) => {\n    const newValue = verifyValue(value, true)\n    if (data.userInput === null && newValue !== oldValue) {\n      data.currentValue = newValue\n    }\n  },\n  { immediate: true }\n)\n\nwatch(\n  () => props.precision,\n  () => {\n    data.currentValue = verifyValue(props.modelValue)\n  }\n)\nonMounted(() => {\n  const { min, max, modelValue } = props\n  const innerInput = input.value?.input as HTMLInputElement\n  innerInput.setAttribute('role', 'spinbutton')\n  if (Number.isFinite(max)) {\n    innerInput.setAttribute('aria-valuemax', String(max))\n  } else {\n    innerInput.removeAttribute('aria-valuemax')\n  }\n  if (Number.isFinite(min)) {\n    innerInput.setAttribute('aria-valuemin', String(min))\n  } else {\n    innerInput.removeAttribute('aria-valuemin')\n  }\n  innerInput.setAttribute(\n    'aria-valuenow',\n    data.currentValue || data.currentValue === 0\n      ? String(data.currentValue)\n      : ''\n  )\n  innerInput.setAttribute('aria-disabled', String(inputNumberDisabled.value))\n  if (!isNumber(modelValue) && modelValue != null) {\n    let val: number | null = Number(modelValue)\n    if (Number.isNaN(val)) {\n      val = null\n    }\n    emit(UPDATE_MODEL_EVENT, val!)\n  }\n  innerInput.addEventListener('wheel', handleWheel, { passive: false })\n})\nonUpdated(() => {\n  const innerInput = input.value?.input\n  innerInput?.setAttribute('aria-valuenow', `${data.currentValue ?? ''}`)\n})\ndefineExpose({\n  /** @description get focus the input component */\n  focus,\n  /** @description remove focus the input component */\n  blur,\n})\n</script>\n"],"mappings":"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"}
+{"version":3,"file":"input-number.vue_vue_type_script_setup_true_lang.mjs","names":["$slots"],"sources":["../../../../../../packages/components/input-number/src/input-number.vue"],"sourcesContent":["<template>\n  <div\n    :class=\"[\n      ns.b(),\n      ns.m(inputNumberSize),\n      ns.is('disabled', inputNumberDisabled),\n      ns.is('without-controls', !controls),\n      ns.is('controls-right', controlsAtRight),\n      ns.is(align, !!align),\n    ]\"\n    @dragstart.prevent\n  >\n    <span\n      v-if=\"controls\"\n      v-repeat-click=\"decrease\"\n      role=\"button\"\n      :aria-label=\"t('el.inputNumber.decrease')\"\n      :class=\"[ns.e('decrease'), ns.is('disabled', minDisabled)]\"\n      @keydown.enter=\"decrease\"\n    >\n      <slot name=\"decrease-icon\">\n        <el-icon>\n          <arrow-down v-if=\"controlsAtRight\" />\n          <minus v-else />\n        </el-icon>\n      </slot>\n    </span>\n    <span\n      v-if=\"controls\"\n      v-repeat-click=\"increase\"\n      role=\"button\"\n      :aria-label=\"t('el.inputNumber.increase')\"\n      :class=\"[ns.e('increase'), ns.is('disabled', maxDisabled)]\"\n      @keydown.enter=\"increase\"\n    >\n      <slot name=\"increase-icon\">\n        <el-icon>\n          <arrow-up v-if=\"controlsAtRight\" />\n          <plus v-else />\n        </el-icon>\n      </slot>\n    </span>\n    <el-input\n      :id=\"id\"\n      ref=\"input\"\n      :type=\"formatter ? 'text' : 'number'\"\n      :step=\"step\"\n      :model-value=\"displayValue\"\n      :placeholder=\"placeholder\"\n      :readonly=\"readonly\"\n      :disabled=\"inputNumberDisabled\"\n      :size=\"inputNumberSize\"\n      :max=\"max\"\n      :min=\"min\"\n      :name=\"name\"\n      :aria-label=\"ariaLabel\"\n      :validate-event=\"false\"\n      :inputmode=\"inputmode\"\n      :formatter=\"formatter\"\n      :parser=\"parser\"\n      :tabindex=\"tabindex\"\n      @keydown=\"handleKeydown\"\n      @blur=\"handleBlur\"\n      @focus=\"handleFocus\"\n      @input=\"handleInput\"\n      @change=\"handleInputChange\"\n    >\n      <template v-if=\"$slots.prefix\" #prefix>\n        <slot name=\"prefix\" />\n      </template>\n      <template v-if=\"$slots.suffix\" #suffix>\n        <slot name=\"suffix\" />\n      </template>\n    </el-input>\n  </div>\n</template>\n\n<script lang=\"ts\" setup>\nimport { computed, onMounted, onUpdated, reactive, ref, watch } from 'vue'\nimport { isNil } from 'lodash-unified'\nimport { ElInput } from '@element-plus/components/input'\nimport { ElIcon } from '@element-plus/components/icon'\nimport {\n  useFormDisabled,\n  useFormItem,\n  useFormSize,\n} from '@element-plus/components/form'\nimport { vRepeatClick } from '@element-plus/directives'\nimport { useLocale, useNamespace } from '@element-plus/hooks'\nimport {\n  NOOP,\n  debugWarn,\n  getEventCode,\n  getEventKey,\n  isNumber,\n  isString,\n  isUndefined,\n  throwError,\n} from '@element-plus/utils'\nimport { ArrowDown, ArrowUp, Minus, Plus } from '@element-plus/icons-vue'\nimport {\n  CHANGE_EVENT,\n  EVENT_CODE,\n  INPUT_EVENT,\n  UPDATE_MODEL_EVENT,\n} from '@element-plus/constants'\nimport { inputNumberEmits } from './input-number'\n\nimport type { InputInstance } from '@element-plus/components/input'\nimport type { InputNumberProps } from './input-number'\n\ndefineOptions({\n  name: 'ElInputNumber',\n})\n\nconst props = withDefaults(defineProps<InputNumberProps>(), {\n  id: undefined,\n  disabled: undefined,\n  step: 1,\n  max: Number.MAX_SAFE_INTEGER,\n  min: Number.MIN_SAFE_INTEGER,\n  stepStrictly: false,\n  readonly: false,\n  controls: true,\n  controlsPosition: '',\n  valueOnClear: null,\n  validateEvent: true,\n  inputmode: undefined,\n  align: 'center',\n  tabindex: 0,\n})\nconst emit = defineEmits(inputNumberEmits)\n\nconst { t } = useLocale()\nconst ns = useNamespace('input-number')\nconst input = ref<InputInstance>()\n\ninterface Data {\n  currentValue: number | null | undefined\n  userInput: null | number | string\n}\nconst data = reactive<Data>({\n  currentValue: props.modelValue,\n  userInput: null,\n})\n\nconst { formItem } = useFormItem()\n\nconst minDisabled = computed(\n  () => isNumber(props.modelValue) && props.modelValue <= props.min\n)\nconst maxDisabled = computed(\n  () => isNumber(props.modelValue) && props.modelValue >= props.max\n)\n\nconst numPrecision = computed(() => {\n  const stepPrecision = getPrecision(props.step)\n  if (!isUndefined(props.precision)) {\n    if (stepPrecision > props.precision) {\n      debugWarn(\n        'InputNumber',\n        'precision should not be less than the decimal places of step'\n      )\n    }\n    return props.precision\n  } else {\n    return Math.max(getPrecision(props.modelValue), stepPrecision)\n  }\n})\nconst controlsAtRight = computed(() => {\n  return props.controls && props.controlsPosition === 'right'\n})\n\nconst inputNumberSize = useFormSize()\nconst inputNumberDisabled = useFormDisabled()\n\nconst displayValue = computed(() => {\n  if (data.userInput !== null) {\n    return data.userInput\n  }\n  let currentValue: number | string | undefined | null = data.currentValue\n  if (isNil(currentValue)) return ''\n  if (isNumber(currentValue)) {\n    if (Number.isNaN(currentValue)) return ''\n    if (!isUndefined(props.precision)) {\n      currentValue = currentValue.toFixed(props.precision)\n    }\n  }\n  return currentValue\n})\nconst toPrecision = (num: number, pre?: number) => {\n  if (isUndefined(pre)) pre = numPrecision.value\n  if (pre === 0) return Math.round(num)\n  let snum = String(num)\n  const pointPos = snum.indexOf('.')\n  if (pointPos === -1) return num\n  const nums = snum.replace('.', '').split('')\n  const datum = nums[pointPos + pre]\n  if (!datum) return num\n  const length = snum.length\n  if (snum.charAt(length - 1) === '5') {\n    snum = `${snum.slice(0, Math.max(0, length - 1))}6`\n  }\n  return Number.parseFloat(Number(snum).toFixed(pre))\n}\nconst getPrecision = (value: number | null | undefined) => {\n  if (isNil(value)) return 0\n  const valueString = value.toString()\n  const dotPosition = valueString.indexOf('.')\n  let precision = 0\n  if (dotPosition !== -1) {\n    precision = valueString.length - dotPosition - 1\n  }\n  return precision\n}\nconst ensurePrecision = (val: number, coefficient: 1 | -1 = 1) => {\n  if (!isNumber(val)) return data.currentValue\n  if (val >= Number.MAX_SAFE_INTEGER && coefficient === 1) {\n    debugWarn(\n      'InputNumber',\n      'The value has reached the maximum safe integer limit.'\n    )\n    return val\n  } else if (val <= Number.MIN_SAFE_INTEGER && coefficient === -1) {\n    debugWarn(\n      'InputNumber',\n      'The value has reached the minimum safe integer limit.'\n    )\n    return val\n  }\n\n  // Solve the accuracy problem of JS decimal calculation by converting the value to integer.\n  return toPrecision(val + props.step * coefficient)\n}\nconst handleKeydown = (event: KeyboardEvent | Event) => {\n  const code = getEventCode(event as KeyboardEvent)\n  const key = getEventKey(event as KeyboardEvent)\n\n  if (props.disabledScientific && ['e', 'E'].includes(key)) {\n    event.preventDefault()\n    return\n  }\n\n  switch (code) {\n    case EVENT_CODE.up: {\n      event.preventDefault()\n      increase()\n      break\n    }\n    case EVENT_CODE.down: {\n      event.preventDefault()\n      decrease()\n      break\n    }\n  }\n}\nconst increase = () => {\n  if (props.readonly || inputNumberDisabled.value || maxDisabled.value) return\n  const value = Number(displayValue.value) || 0\n  const newVal = ensurePrecision(value)\n  setCurrentValue(newVal)\n  emit(INPUT_EVENT, data.currentValue)\n  setCurrentValueToModelValue()\n}\nconst decrease = () => {\n  if (props.readonly || inputNumberDisabled.value || minDisabled.value) return\n  const value = Number(displayValue.value) || 0\n  const newVal = ensurePrecision(value, -1)\n  setCurrentValue(newVal)\n  emit(INPUT_EVENT, data.currentValue)\n  setCurrentValueToModelValue()\n}\nconst verifyValue = (\n  value: number | string | null | undefined,\n  update?: boolean\n): number | null | undefined => {\n  const { max, min, step, precision, stepStrictly, valueOnClear } = props\n  if (max < min) {\n    throwError('InputNumber', 'min should not be greater than max.')\n  }\n  let newVal = !value ? Number(value) : Number.parseFloat(String(value))\n  if (isNil(value) || Number.isNaN(newVal)) {\n    return null\n  }\n  if (value === '') {\n    if (valueOnClear === null) {\n      return null\n    }\n    newVal = isString(valueOnClear) ? { min, max }[valueOnClear] : valueOnClear\n  }\n  if (stepStrictly) {\n    newVal = toPrecision(\n      Math.round(toPrecision(newVal / step)) * step,\n      precision\n    )\n    if (newVal !== value) {\n      update && emit(UPDATE_MODEL_EVENT, newVal)\n    }\n  }\n  if (!isUndefined(precision)) {\n    newVal = toPrecision(newVal, precision)\n  }\n  if (newVal > max || newVal < min) {\n    newVal = newVal > max ? max : min\n    update && emit(UPDATE_MODEL_EVENT, newVal)\n  }\n  return newVal\n}\nconst setCurrentValue = (\n  value: number | string | null | undefined,\n  emitChange = true\n) => {\n  const oldVal = data.currentValue\n  const newVal = verifyValue(value)\n  if (!emitChange) {\n    emit(UPDATE_MODEL_EVENT, newVal!)\n    return\n  }\n  data.userInput = null\n  if (oldVal === newVal && value) return\n  emit(UPDATE_MODEL_EVENT, newVal!)\n  if (oldVal !== newVal) {\n    emit(CHANGE_EVENT, newVal!, oldVal!)\n  }\n  if (props.validateEvent) {\n    formItem?.validate?.('change').catch(NOOP)\n  }\n  data.currentValue = newVal\n}\nconst handleInput = (value: string) => {\n  data.userInput = value\n  let newVal = value === '' ? null : Number.parseFloat(value)\n  if (Number.isNaN(newVal)) {\n    newVal = null\n  }\n  emit(INPUT_EVENT, newVal)\n  setCurrentValue(newVal, false)\n}\nconst handleInputChange = (value: string) => {\n  const newVal = value !== '' ? Number.parseFloat(value) : ''\n  if (\n    (isNumber(newVal) && !Number.isNaN(newVal)) ||\n    (props.formatter && Number.isNaN(newVal)) ||\n    newVal === ''\n  ) {\n    setCurrentValue(newVal)\n  }\n  setCurrentValueToModelValue()\n  data.userInput = null\n}\n\nconst focus = () => {\n  input.value?.focus?.()\n}\n\nconst blur = () => {\n  input.value?.blur?.()\n}\n\nconst handleFocus = (event: MouseEvent | FocusEvent) => {\n  emit('focus', event)\n}\n\nconst handleBlur = (event: MouseEvent | FocusEvent) => {\n  data.userInput = null\n  // When non-numeric content is entered into a numeric input box,\n  // the content displayed on the page is not cleared after the value is cleared. #18533\n  // https://bugzilla.mozilla.org/show_bug.cgi?id=1398528\n  if (data.currentValue === null && input.value?.input) {\n    input.value.input.value = props.formatter?.('') ?? ''\n  }\n  emit('blur', event)\n  if (props.validateEvent) {\n    formItem?.validate?.('blur').catch(NOOP)\n  }\n}\n\nconst setCurrentValueToModelValue = () => {\n  if (data.currentValue !== props.modelValue) {\n    data.currentValue = props.modelValue\n  }\n}\nconst handleWheel = (e: WheelEvent) => {\n  if (document.activeElement === e.target) e.preventDefault()\n}\n\nwatch(\n  () => props.modelValue,\n  (value, oldValue) => {\n    const newValue = verifyValue(value, true)\n    if (data.userInput === null && newValue !== oldValue) {\n      data.currentValue = newValue\n    }\n  },\n  { immediate: true }\n)\n\nwatch(\n  () => props.precision,\n  () => {\n    data.currentValue = verifyValue(props.modelValue)\n  }\n)\nonMounted(() => {\n  const { min, max, modelValue } = props\n  const innerInput = input.value?.input as HTMLInputElement\n  innerInput.setAttribute('role', 'spinbutton')\n  if (Number.isFinite(max)) {\n    innerInput.setAttribute('aria-valuemax', String(max))\n  } else {\n    innerInput.removeAttribute('aria-valuemax')\n  }\n  if (Number.isFinite(min)) {\n    innerInput.setAttribute('aria-valuemin', String(min))\n  } else {\n    innerInput.removeAttribute('aria-valuemin')\n  }\n  innerInput.setAttribute(\n    'aria-valuenow',\n    data.currentValue || data.currentValue === 0\n      ? String(data.currentValue)\n      : ''\n  )\n  innerInput.setAttribute('aria-disabled', String(inputNumberDisabled.value))\n  if (!isNumber(modelValue) && modelValue != null) {\n    let val: number | null = Number(modelValue)\n    if (Number.isNaN(val)) {\n      val = null\n    }\n    emit(UPDATE_MODEL_EVENT, val!)\n  }\n  innerInput.addEventListener('wheel', handleWheel, { passive: false })\n})\nonUpdated(() => {\n  const innerInput = input.value?.input\n  innerInput?.setAttribute('aria-valuenow', `${data.currentValue ?? ''}`)\n})\ndefineExpose({\n  /** @description get focus the input component */\n  focus,\n  /** @description remove focus the input component */\n  blur,\n})\n</script>\n"],"mappings":"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"}

package/es/components/input-number/src/input-number2.mjs.map

@@ -1 +1 @@
-{"version":3,"file":"input-number2.mjs","names":[],"sources":["../../../../../../packages/components/input-number/src/input-number.vue"],"sourcesContent":["<template>\n  <div\n    :class=\"[\n      ns.b(),\n      ns.m(inputNumberSize),\n      ns.is('disabled', inputNumberDisabled),\n      ns.is('without-controls', !controls),\n      ns.is('controls-right', controlsAtRight),\n      ns.is(align, !!align),\n    ]\"\n    @dragstart.prevent\n  >\n    <span\n      v-if=\"controls\"\n      v-repeat-click=\"decrease\"\n      role=\"button\"\n      :aria-label=\"t('el.inputNumber.decrease')\"\n      :class=\"[ns.e('decrease'), ns.is('disabled', minDisabled)]\"\n      @keydown.enter=\"decrease\"\n    >\n      <slot name=\"decrease-icon\">\n        <el-icon>\n          <arrow-down v-if=\"controlsAtRight\" />\n          <minus v-else />\n        </el-icon>\n      </slot>\n    </span>\n    <span\n      v-if=\"controls\"\n      v-repeat-click=\"increase\"\n      role=\"button\"\n      :aria-label=\"t('el.inputNumber.increase')\"\n      :class=\"[ns.e('increase'), ns.is('disabled', maxDisabled)]\"\n      @keydown.enter=\"increase\"\n    >\n      <slot name=\"increase-icon\">\n        <el-icon>\n          <arrow-up v-if=\"controlsAtRight\" />\n          <plus v-else />\n        </el-icon>\n      </slot>\n    </span>\n    <el-input\n      :id=\"id\"\n      ref=\"input\"\n      type=\"number\"\n      :step=\"step\"\n      :model-value=\"displayValue\"\n      :placeholder=\"placeholder\"\n      :readonly=\"readonly\"\n      :disabled=\"inputNumberDisabled\"\n      :size=\"inputNumberSize\"\n      :max=\"max\"\n      :min=\"min\"\n      :name=\"name\"\n      :aria-label=\"ariaLabel\"\n      :validate-event=\"false\"\n      :inputmode=\"inputmode\"\n      :tabindex=\"tabindex\"\n      @keydown=\"handleKeydown\"\n      @blur=\"handleBlur\"\n      @focus=\"handleFocus\"\n      @input=\"handleInput\"\n      @change=\"handleInputChange\"\n    >\n      <template v-if=\"$slots.prefix\" #prefix>\n        <slot name=\"prefix\" />\n      </template>\n      <template v-if=\"$slots.suffix\" #suffix>\n        <slot name=\"suffix\" />\n      </template>\n    </el-input>\n  </div>\n</template>\n\n<script lang=\"ts\" setup>\nimport { computed, onMounted, onUpdated, reactive, ref, watch } from 'vue'\nimport { isNil } from 'lodash-unified'\nimport { ElInput } from '@element-plus/components/input'\nimport { ElIcon } from '@element-plus/components/icon'\nimport {\n  useFormDisabled,\n  useFormItem,\n  useFormSize,\n} from '@element-plus/components/form'\nimport { vRepeatClick } from '@element-plus/directives'\nimport { useLocale, useNamespace } from '@element-plus/hooks'\nimport {\n  NOOP,\n  debugWarn,\n  getEventCode,\n  getEventKey,\n  isNumber,\n  isString,\n  isUndefined,\n  throwError,\n} from '@element-plus/utils'\nimport { ArrowDown, ArrowUp, Minus, Plus } from '@element-plus/icons-vue'\nimport {\n  CHANGE_EVENT,\n  EVENT_CODE,\n  INPUT_EVENT,\n  UPDATE_MODEL_EVENT,\n} from '@element-plus/constants'\nimport { inputNumberEmits } from './input-number'\n\nimport type { InputInstance } from '@element-plus/components/input'\nimport type { InputNumberProps } from './input-number'\n\ndefineOptions({\n  name: 'ElInputNumber',\n})\n\nconst props = withDefaults(defineProps<InputNumberProps>(), {\n  id: undefined,\n  disabled: undefined,\n  step: 1,\n  max: Number.MAX_SAFE_INTEGER,\n  min: Number.MIN_SAFE_INTEGER,\n  stepStrictly: false,\n  readonly: false,\n  controls: true,\n  controlsPosition: '',\n  valueOnClear: null,\n  validateEvent: true,\n  inputmode: undefined,\n  align: 'center',\n  tabindex: 0,\n})\nconst emit = defineEmits(inputNumberEmits)\n\nconst { t } = useLocale()\nconst ns = useNamespace('input-number')\nconst input = ref<InputInstance>()\n\ninterface Data {\n  currentValue: number | null | undefined\n  userInput: null | number | string\n}\nconst data = reactive<Data>({\n  currentValue: props.modelValue,\n  userInput: null,\n})\n\nconst { formItem } = useFormItem()\n\nconst minDisabled = computed(\n  () => isNumber(props.modelValue) && props.modelValue <= props.min\n)\nconst maxDisabled = computed(\n  () => isNumber(props.modelValue) && props.modelValue >= props.max\n)\n\nconst numPrecision = computed(() => {\n  const stepPrecision = getPrecision(props.step)\n  if (!isUndefined(props.precision)) {\n    if (stepPrecision > props.precision) {\n      debugWarn(\n        'InputNumber',\n        'precision should not be less than the decimal places of step'\n      )\n    }\n    return props.precision\n  } else {\n    return Math.max(getPrecision(props.modelValue), stepPrecision)\n  }\n})\nconst controlsAtRight = computed(() => {\n  return props.controls && props.controlsPosition === 'right'\n})\n\nconst inputNumberSize = useFormSize()\nconst inputNumberDisabled = useFormDisabled()\n\nconst displayValue = computed(() => {\n  if (data.userInput !== null) {\n    return data.userInput\n  }\n  let currentValue: number | string | undefined | null = data.currentValue\n  if (isNil(currentValue)) return ''\n  if (isNumber(currentValue)) {\n    if (Number.isNaN(currentValue)) return ''\n    if (!isUndefined(props.precision)) {\n      currentValue = currentValue.toFixed(props.precision)\n    }\n  }\n  return currentValue\n})\nconst toPrecision = (num: number, pre?: number) => {\n  if (isUndefined(pre)) pre = numPrecision.value\n  if (pre === 0) return Math.round(num)\n  let snum = String(num)\n  const pointPos = snum.indexOf('.')\n  if (pointPos === -1) return num\n  const nums = snum.replace('.', '').split('')\n  const datum = nums[pointPos + pre]\n  if (!datum) return num\n  const length = snum.length\n  if (snum.charAt(length - 1) === '5') {\n    snum = `${snum.slice(0, Math.max(0, length - 1))}6`\n  }\n  return Number.parseFloat(Number(snum).toFixed(pre))\n}\nconst getPrecision = (value: number | null | undefined) => {\n  if (isNil(value)) return 0\n  const valueString = value.toString()\n  const dotPosition = valueString.indexOf('.')\n  let precision = 0\n  if (dotPosition !== -1) {\n    precision = valueString.length - dotPosition - 1\n  }\n  return precision\n}\nconst ensurePrecision = (val: number, coefficient: 1 | -1 = 1) => {\n  if (!isNumber(val)) return data.currentValue\n  if (val >= Number.MAX_SAFE_INTEGER && coefficient === 1) {\n    debugWarn(\n      'InputNumber',\n      'The value has reached the maximum safe integer limit.'\n    )\n    return val\n  } else if (val <= Number.MIN_SAFE_INTEGER && coefficient === -1) {\n    debugWarn(\n      'InputNumber',\n      'The value has reached the minimum safe integer limit.'\n    )\n    return val\n  }\n\n  // Solve the accuracy problem of JS decimal calculation by converting the value to integer.\n  return toPrecision(val + props.step * coefficient)\n}\nconst handleKeydown = (event: KeyboardEvent | Event) => {\n  const code = getEventCode(event as KeyboardEvent)\n  const key = getEventKey(event as KeyboardEvent)\n\n  if (props.disabledScientific && ['e', 'E'].includes(key)) {\n    event.preventDefault()\n    return\n  }\n\n  switch (code) {\n    case EVENT_CODE.up: {\n      event.preventDefault()\n      increase()\n      break\n    }\n    case EVENT_CODE.down: {\n      event.preventDefault()\n      decrease()\n      break\n    }\n  }\n}\nconst increase = () => {\n  if (props.readonly || inputNumberDisabled.value || maxDisabled.value) return\n  const value = Number(displayValue.value) || 0\n  const newVal = ensurePrecision(value)\n  setCurrentValue(newVal)\n  emit(INPUT_EVENT, data.currentValue)\n  setCurrentValueToModelValue()\n}\nconst decrease = () => {\n  if (props.readonly || inputNumberDisabled.value || minDisabled.value) return\n  const value = Number(displayValue.value) || 0\n  const newVal = ensurePrecision(value, -1)\n  setCurrentValue(newVal)\n  emit(INPUT_EVENT, data.currentValue)\n  setCurrentValueToModelValue()\n}\nconst verifyValue = (\n  value: number | string | null | undefined,\n  update?: boolean\n): number | null | undefined => {\n  const { max, min, step, precision, stepStrictly, valueOnClear } = props\n  if (max < min) {\n    throwError('InputNumber', 'min should not be greater than max.')\n  }\n  let newVal = Number(value)\n  if (isNil(value) || Number.isNaN(newVal)) {\n    return null\n  }\n  if (value === '') {\n    if (valueOnClear === null) {\n      return null\n    }\n    newVal = isString(valueOnClear) ? { min, max }[valueOnClear] : valueOnClear\n  }\n  if (stepStrictly) {\n    newVal = toPrecision(\n      Math.round(toPrecision(newVal / step)) * step,\n      precision\n    )\n    if (newVal !== value) {\n      update && emit(UPDATE_MODEL_EVENT, newVal)\n    }\n  }\n  if (!isUndefined(precision)) {\n    newVal = toPrecision(newVal, precision)\n  }\n  if (newVal > max || newVal < min) {\n    newVal = newVal > max ? max : min\n    update && emit(UPDATE_MODEL_EVENT, newVal)\n  }\n  return newVal\n}\nconst setCurrentValue = (\n  value: number | string | null | undefined,\n  emitChange = true\n) => {\n  const oldVal = data.currentValue\n  const newVal = verifyValue(value)\n  if (!emitChange) {\n    emit(UPDATE_MODEL_EVENT, newVal!)\n    return\n  }\n  data.userInput = null\n  if (oldVal === newVal && value) return\n  emit(UPDATE_MODEL_EVENT, newVal!)\n  if (oldVal !== newVal) {\n    emit(CHANGE_EVENT, newVal!, oldVal!)\n  }\n  if (props.validateEvent) {\n    formItem?.validate?.('change').catch(NOOP)\n  }\n  data.currentValue = newVal\n}\nconst handleInput = (value: string) => {\n  data.userInput = value\n  const newVal = value === '' ? null : Number(value)\n  emit(INPUT_EVENT, newVal)\n  setCurrentValue(newVal, false)\n}\nconst handleInputChange = (value: string) => {\n  const newVal = value !== '' ? Number(value) : ''\n  if ((isNumber(newVal) && !Number.isNaN(newVal)) || value === '') {\n    setCurrentValue(newVal)\n  }\n  setCurrentValueToModelValue()\n  data.userInput = null\n}\n\nconst focus = () => {\n  input.value?.focus?.()\n}\n\nconst blur = () => {\n  input.value?.blur?.()\n}\n\nconst handleFocus = (event: MouseEvent | FocusEvent) => {\n  emit('focus', event)\n}\n\nconst handleBlur = (event: MouseEvent | FocusEvent) => {\n  data.userInput = null\n  // When non-numeric content is entered into a numeric input box,\n  // the content displayed on the page is not cleared after the value is cleared. #18533\n  // https://bugzilla.mozilla.org/show_bug.cgi?id=1398528\n  if (data.currentValue === null && input.value?.input) {\n    input.value.input.value = ''\n  }\n  emit('blur', event)\n  if (props.validateEvent) {\n    formItem?.validate?.('blur').catch(NOOP)\n  }\n}\n\nconst setCurrentValueToModelValue = () => {\n  if (data.currentValue !== props.modelValue) {\n    data.currentValue = props.modelValue\n  }\n}\nconst handleWheel = (e: WheelEvent) => {\n  if (document.activeElement === e.target) e.preventDefault()\n}\n\nwatch(\n  () => props.modelValue,\n  (value, oldValue) => {\n    const newValue = verifyValue(value, true)\n    if (data.userInput === null && newValue !== oldValue) {\n      data.currentValue = newValue\n    }\n  },\n  { immediate: true }\n)\n\nwatch(\n  () => props.precision,\n  () => {\n    data.currentValue = verifyValue(props.modelValue)\n  }\n)\nonMounted(() => {\n  const { min, max, modelValue } = props\n  const innerInput = input.value?.input as HTMLInputElement\n  innerInput.setAttribute('role', 'spinbutton')\n  if (Number.isFinite(max)) {\n    innerInput.setAttribute('aria-valuemax', String(max))\n  } else {\n    innerInput.removeAttribute('aria-valuemax')\n  }\n  if (Number.isFinite(min)) {\n    innerInput.setAttribute('aria-valuemin', String(min))\n  } else {\n    innerInput.removeAttribute('aria-valuemin')\n  }\n  innerInput.setAttribute(\n    'aria-valuenow',\n    data.currentValue || data.currentValue === 0\n      ? String(data.currentValue)\n      : ''\n  )\n  innerInput.setAttribute('aria-disabled', String(inputNumberDisabled.value))\n  if (!isNumber(modelValue) && modelValue != null) {\n    let val: number | null = Number(modelValue)\n    if (Number.isNaN(val)) {\n      val = null\n    }\n    emit(UPDATE_MODEL_EVENT, val!)\n  }\n  innerInput.addEventListener('wheel', handleWheel, { passive: false })\n})\nonUpdated(() => {\n  const innerInput = input.value?.input\n  innerInput?.setAttribute('aria-valuenow', `${data.currentValue ?? ''}`)\n})\ndefineExpose({\n  /** @description get focus the input component */\n  focus,\n  /** @description remove focus the input component */\n  blur,\n})\n</script>\n"],"mappings":""}
+{"version":3,"file":"input-number2.mjs","names":[],"sources":["../../../../../../packages/components/input-number/src/input-number.vue"],"sourcesContent":["<template>\n  <div\n    :class=\"[\n      ns.b(),\n      ns.m(inputNumberSize),\n      ns.is('disabled', inputNumberDisabled),\n      ns.is('without-controls', !controls),\n      ns.is('controls-right', controlsAtRight),\n      ns.is(align, !!align),\n    ]\"\n    @dragstart.prevent\n  >\n    <span\n      v-if=\"controls\"\n      v-repeat-click=\"decrease\"\n      role=\"button\"\n      :aria-label=\"t('el.inputNumber.decrease')\"\n      :class=\"[ns.e('decrease'), ns.is('disabled', minDisabled)]\"\n      @keydown.enter=\"decrease\"\n    >\n      <slot name=\"decrease-icon\">\n        <el-icon>\n          <arrow-down v-if=\"controlsAtRight\" />\n          <minus v-else />\n        </el-icon>\n      </slot>\n    </span>\n    <span\n      v-if=\"controls\"\n      v-repeat-click=\"increase\"\n      role=\"button\"\n      :aria-label=\"t('el.inputNumber.increase')\"\n      :class=\"[ns.e('increase'), ns.is('disabled', maxDisabled)]\"\n      @keydown.enter=\"increase\"\n    >\n      <slot name=\"increase-icon\">\n        <el-icon>\n          <arrow-up v-if=\"controlsAtRight\" />\n          <plus v-else />\n        </el-icon>\n      </slot>\n    </span>\n    <el-input\n      :id=\"id\"\n      ref=\"input\"\n      :type=\"formatter ? 'text' : 'number'\"\n      :step=\"step\"\n      :model-value=\"displayValue\"\n      :placeholder=\"placeholder\"\n      :readonly=\"readonly\"\n      :disabled=\"inputNumberDisabled\"\n      :size=\"inputNumberSize\"\n      :max=\"max\"\n      :min=\"min\"\n      :name=\"name\"\n      :aria-label=\"ariaLabel\"\n      :validate-event=\"false\"\n      :inputmode=\"inputmode\"\n      :formatter=\"formatter\"\n      :parser=\"parser\"\n      :tabindex=\"tabindex\"\n      @keydown=\"handleKeydown\"\n      @blur=\"handleBlur\"\n      @focus=\"handleFocus\"\n      @input=\"handleInput\"\n      @change=\"handleInputChange\"\n    >\n      <template v-if=\"$slots.prefix\" #prefix>\n        <slot name=\"prefix\" />\n      </template>\n      <template v-if=\"$slots.suffix\" #suffix>\n        <slot name=\"suffix\" />\n      </template>\n    </el-input>\n  </div>\n</template>\n\n<script lang=\"ts\" setup>\nimport { computed, onMounted, onUpdated, reactive, ref, watch } from 'vue'\nimport { isNil } from 'lodash-unified'\nimport { ElInput } from '@element-plus/components/input'\nimport { ElIcon } from '@element-plus/components/icon'\nimport {\n  useFormDisabled,\n  useFormItem,\n  useFormSize,\n} from '@element-plus/components/form'\nimport { vRepeatClick } from '@element-plus/directives'\nimport { useLocale, useNamespace } from '@element-plus/hooks'\nimport {\n  NOOP,\n  debugWarn,\n  getEventCode,\n  getEventKey,\n  isNumber,\n  isString,\n  isUndefined,\n  throwError,\n} from '@element-plus/utils'\nimport { ArrowDown, ArrowUp, Minus, Plus } from '@element-plus/icons-vue'\nimport {\n  CHANGE_EVENT,\n  EVENT_CODE,\n  INPUT_EVENT,\n  UPDATE_MODEL_EVENT,\n} from '@element-plus/constants'\nimport { inputNumberEmits } from './input-number'\n\nimport type { InputInstance } from '@element-plus/components/input'\nimport type { InputNumberProps } from './input-number'\n\ndefineOptions({\n  name: 'ElInputNumber',\n})\n\nconst props = withDefaults(defineProps<InputNumberProps>(), {\n  id: undefined,\n  disabled: undefined,\n  step: 1,\n  max: Number.MAX_SAFE_INTEGER,\n  min: Number.MIN_SAFE_INTEGER,\n  stepStrictly: false,\n  readonly: false,\n  controls: true,\n  controlsPosition: '',\n  valueOnClear: null,\n  validateEvent: true,\n  inputmode: undefined,\n  align: 'center',\n  tabindex: 0,\n})\nconst emit = defineEmits(inputNumberEmits)\n\nconst { t } = useLocale()\nconst ns = useNamespace('input-number')\nconst input = ref<InputInstance>()\n\ninterface Data {\n  currentValue: number | null | undefined\n  userInput: null | number | string\n}\nconst data = reactive<Data>({\n  currentValue: props.modelValue,\n  userInput: null,\n})\n\nconst { formItem } = useFormItem()\n\nconst minDisabled = computed(\n  () => isNumber(props.modelValue) && props.modelValue <= props.min\n)\nconst maxDisabled = computed(\n  () => isNumber(props.modelValue) && props.modelValue >= props.max\n)\n\nconst numPrecision = computed(() => {\n  const stepPrecision = getPrecision(props.step)\n  if (!isUndefined(props.precision)) {\n    if (stepPrecision > props.precision) {\n      debugWarn(\n        'InputNumber',\n        'precision should not be less than the decimal places of step'\n      )\n    }\n    return props.precision\n  } else {\n    return Math.max(getPrecision(props.modelValue), stepPrecision)\n  }\n})\nconst controlsAtRight = computed(() => {\n  return props.controls && props.controlsPosition === 'right'\n})\n\nconst inputNumberSize = useFormSize()\nconst inputNumberDisabled = useFormDisabled()\n\nconst displayValue = computed(() => {\n  if (data.userInput !== null) {\n    return data.userInput\n  }\n  let currentValue: number | string | undefined | null = data.currentValue\n  if (isNil(currentValue)) return ''\n  if (isNumber(currentValue)) {\n    if (Number.isNaN(currentValue)) return ''\n    if (!isUndefined(props.precision)) {\n      currentValue = currentValue.toFixed(props.precision)\n    }\n  }\n  return currentValue\n})\nconst toPrecision = (num: number, pre?: number) => {\n  if (isUndefined(pre)) pre = numPrecision.value\n  if (pre === 0) return Math.round(num)\n  let snum = String(num)\n  const pointPos = snum.indexOf('.')\n  if (pointPos === -1) return num\n  const nums = snum.replace('.', '').split('')\n  const datum = nums[pointPos + pre]\n  if (!datum) return num\n  const length = snum.length\n  if (snum.charAt(length - 1) === '5') {\n    snum = `${snum.slice(0, Math.max(0, length - 1))}6`\n  }\n  return Number.parseFloat(Number(snum).toFixed(pre))\n}\nconst getPrecision = (value: number | null | undefined) => {\n  if (isNil(value)) return 0\n  const valueString = value.toString()\n  const dotPosition = valueString.indexOf('.')\n  let precision = 0\n  if (dotPosition !== -1) {\n    precision = valueString.length - dotPosition - 1\n  }\n  return precision\n}\nconst ensurePrecision = (val: number, coefficient: 1 | -1 = 1) => {\n  if (!isNumber(val)) return data.currentValue\n  if (val >= Number.MAX_SAFE_INTEGER && coefficient === 1) {\n    debugWarn(\n      'InputNumber',\n      'The value has reached the maximum safe integer limit.'\n    )\n    return val\n  } else if (val <= Number.MIN_SAFE_INTEGER && coefficient === -1) {\n    debugWarn(\n      'InputNumber',\n      'The value has reached the minimum safe integer limit.'\n    )\n    return val\n  }\n\n  // Solve the accuracy problem of JS decimal calculation by converting the value to integer.\n  return toPrecision(val + props.step * coefficient)\n}\nconst handleKeydown = (event: KeyboardEvent | Event) => {\n  const code = getEventCode(event as KeyboardEvent)\n  const key = getEventKey(event as KeyboardEvent)\n\n  if (props.disabledScientific && ['e', 'E'].includes(key)) {\n    event.preventDefault()\n    return\n  }\n\n  switch (code) {\n    case EVENT_CODE.up: {\n      event.preventDefault()\n      increase()\n      break\n    }\n    case EVENT_CODE.down: {\n      event.preventDefault()\n      decrease()\n      break\n    }\n  }\n}\nconst increase = () => {\n  if (props.readonly || inputNumberDisabled.value || maxDisabled.value) return\n  const value = Number(displayValue.value) || 0\n  const newVal = ensurePrecision(value)\n  setCurrentValue(newVal)\n  emit(INPUT_EVENT, data.currentValue)\n  setCurrentValueToModelValue()\n}\nconst decrease = () => {\n  if (props.readonly || inputNumberDisabled.value || minDisabled.value) return\n  const value = Number(displayValue.value) || 0\n  const newVal = ensurePrecision(value, -1)\n  setCurrentValue(newVal)\n  emit(INPUT_EVENT, data.currentValue)\n  setCurrentValueToModelValue()\n}\nconst verifyValue = (\n  value: number | string | null | undefined,\n  update?: boolean\n): number | null | undefined => {\n  const { max, min, step, precision, stepStrictly, valueOnClear } = props\n  if (max < min) {\n    throwError('InputNumber', 'min should not be greater than max.')\n  }\n  let newVal = !value ? Number(value) : Number.parseFloat(String(value))\n  if (isNil(value) || Number.isNaN(newVal)) {\n    return null\n  }\n  if (value === '') {\n    if (valueOnClear === null) {\n      return null\n    }\n    newVal = isString(valueOnClear) ? { min, max }[valueOnClear] : valueOnClear\n  }\n  if (stepStrictly) {\n    newVal = toPrecision(\n      Math.round(toPrecision(newVal / step)) * step,\n      precision\n    )\n    if (newVal !== value) {\n      update && emit(UPDATE_MODEL_EVENT, newVal)\n    }\n  }\n  if (!isUndefined(precision)) {\n    newVal = toPrecision(newVal, precision)\n  }\n  if (newVal > max || newVal < min) {\n    newVal = newVal > max ? max : min\n    update && emit(UPDATE_MODEL_EVENT, newVal)\n  }\n  return newVal\n}\nconst setCurrentValue = (\n  value: number | string | null | undefined,\n  emitChange = true\n) => {\n  const oldVal = data.currentValue\n  const newVal = verifyValue(value)\n  if (!emitChange) {\n    emit(UPDATE_MODEL_EVENT, newVal!)\n    return\n  }\n  data.userInput = null\n  if (oldVal === newVal && value) return\n  emit(UPDATE_MODEL_EVENT, newVal!)\n  if (oldVal !== newVal) {\n    emit(CHANGE_EVENT, newVal!, oldVal!)\n  }\n  if (props.validateEvent) {\n    formItem?.validate?.('change').catch(NOOP)\n  }\n  data.currentValue = newVal\n}\nconst handleInput = (value: string) => {\n  data.userInput = value\n  let newVal = value === '' ? null : Number.parseFloat(value)\n  if (Number.isNaN(newVal)) {\n    newVal = null\n  }\n  emit(INPUT_EVENT, newVal)\n  setCurrentValue(newVal, false)\n}\nconst handleInputChange = (value: string) => {\n  const newVal = value !== '' ? Number.parseFloat(value) : ''\n  if (\n    (isNumber(newVal) && !Number.isNaN(newVal)) ||\n    (props.formatter && Number.isNaN(newVal)) ||\n    newVal === ''\n  ) {\n    setCurrentValue(newVal)\n  }\n  setCurrentValueToModelValue()\n  data.userInput = null\n}\n\nconst focus = () => {\n  input.value?.focus?.()\n}\n\nconst blur = () => {\n  input.value?.blur?.()\n}\n\nconst handleFocus = (event: MouseEvent | FocusEvent) => {\n  emit('focus', event)\n}\n\nconst handleBlur = (event: MouseEvent | FocusEvent) => {\n  data.userInput = null\n  // When non-numeric content is entered into a numeric input box,\n  // the content displayed on the page is not cleared after the value is cleared. #18533\n  // https://bugzilla.mozilla.org/show_bug.cgi?id=1398528\n  if (data.currentValue === null && input.value?.input) {\n    input.value.input.value = props.formatter?.('') ?? ''\n  }\n  emit('blur', event)\n  if (props.validateEvent) {\n    formItem?.validate?.('blur').catch(NOOP)\n  }\n}\n\nconst setCurrentValueToModelValue = () => {\n  if (data.currentValue !== props.modelValue) {\n    data.currentValue = props.modelValue\n  }\n}\nconst handleWheel = (e: WheelEvent) => {\n  if (document.activeElement === e.target) e.preventDefault()\n}\n\nwatch(\n  () => props.modelValue,\n  (value, oldValue) => {\n    const newValue = verifyValue(value, true)\n    if (data.userInput === null && newValue !== oldValue) {\n      data.currentValue = newValue\n    }\n  },\n  { immediate: true }\n)\n\nwatch(\n  () => props.precision,\n  () => {\n    data.currentValue = verifyValue(props.modelValue)\n  }\n)\nonMounted(() => {\n  const { min, max, modelValue } = props\n  const innerInput = input.value?.input as HTMLInputElement\n  innerInput.setAttribute('role', 'spinbutton')\n  if (Number.isFinite(max)) {\n    innerInput.setAttribute('aria-valuemax', String(max))\n  } else {\n    innerInput.removeAttribute('aria-valuemax')\n  }\n  if (Number.isFinite(min)) {\n    innerInput.setAttribute('aria-valuemin', String(min))\n  } else {\n    innerInput.removeAttribute('aria-valuemin')\n  }\n  innerInput.setAttribute(\n    'aria-valuenow',\n    data.currentValue || data.currentValue === 0\n      ? String(data.currentValue)\n      : ''\n  )\n  innerInput.setAttribute('aria-disabled', String(inputNumberDisabled.value))\n  if (!isNumber(modelValue) && modelValue != null) {\n    let val: number | null = Number(modelValue)\n    if (Number.isNaN(val)) {\n      val = null\n    }\n    emit(UPDATE_MODEL_EVENT, val!)\n  }\n  innerInput.addEventListener('wheel', handleWheel, { passive: false })\n})\nonUpdated(() => {\n  const innerInput = input.value?.input\n  innerInput?.setAttribute('aria-valuenow', `${data.currentValue ?? ''}`)\n})\ndefineExpose({\n  /** @description get focus the input component */\n  focus,\n  /** @description remove focus the input component */\n  blur,\n})\n</script>\n"],"mappings":""}

package/es/components/input-otp/src/input-otp.vue.d.ts

@@ -24,20 +24,20 @@ declare const __VLS_base: vue.DefineComponent<InputOtpProps, {
    */
   blur: () => void;
 }, {}, {}, {}, vue.ComponentOptionsMixin, vue.ComponentOptionsMixin, {
-  blur: (eve: FocusEvent) => void;
-  focus: (eve: FocusEvent) => void;
   change: (value: string) => void;
   "update:modelValue": (value: string) => void;
+  focus: (eve: FocusEvent) => void;
+  blur: (eve: FocusEvent) => void;
   finish: (value: string) => void;
 }, string, vue.PublicProps, Readonly<InputOtpProps> & Readonly<{
   onChange?: ((value: string) => any) | undefined;
-  onBlur?: ((eve: FocusEvent) => any) | undefined;
-  onFocus?: ((eve: FocusEvent) => any) | undefined;
   "onUpdate:modelValue"?: ((value: string) => any) | undefined;
+  onFocus?: ((eve: FocusEvent) => any) | undefined;
+  onBlur?: ((eve: FocusEvent) => any) | undefined;
   onFinish?: ((value: string) => any) | undefined;
 }>, {
-  type: "outlined" | "filled" | "underlined";
   length: number;
+  type: "outlined" | "filled" | "underlined";
   size: ComponentSize;
   disabled: boolean;
   validateEvent: boolean;

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

@@ -26,21 +26,21 @@ declare const __VLS_base: vue.DefineComponent<InputTagProps, {
   focus: () => void;
   blur: () => void;
 }, {}, {}, {}, vue.ComponentOptionsMixin, vue.ComponentOptionsMixin, {
-  blur: (evt: FocusEvent) => void;
-  focus: (evt: FocusEvent) => void;
   change: (value?: string[] | undefined) => void;
   "update:modelValue": (value?: string[] | undefined) => void;
   input: (value: string) => void;
+  focus: (evt: FocusEvent) => void;
+  blur: (evt: FocusEvent) => void;
   clear: () => 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<{
   onChange?: ((value?: string[] | undefined) => any) | undefined;
-  onBlur?: ((evt: FocusEvent) => any) | undefined;
-  onFocus?: ((evt: FocusEvent) => any) | undefined;
-  onInput?: ((value: string) => any) | undefined;
   "onUpdate:modelValue"?: ((value?: string[] | undefined) => any) | undefined;
+  onInput?: ((value: string) => any) | undefined;
+  onFocus?: ((evt: FocusEvent) => any) | undefined;
+  onBlur?: ((evt: FocusEvent) => any) | undefined;
   onClear?: (() => any) | undefined;
   "onAdd-tag"?: ((value: string | string[]) => any) | undefined;
   "onRemove-tag"?: ((value: string, index: number) => any) | undefined;

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

@@ -14,9 +14,9 @@ declare const __VLS_base: vue.DefineComponent<LinkProps, {}, {}, {}, {}, vue.Com
   onClick?: ((evt: MouseEvent) => any) | undefined;
 }>, {
   type: "primary" | "success" | "warning" | "info" | "danger" | "default";
+  target: "_blank" | "_parent" | "_self" | "_top" | (string & NonNullable<unknown>);
   underline: boolean | "always" | "never" | "hover";
   href: string;
-  target: "_blank" | "_parent" | "_self" | "_top" | (string & NonNullable<unknown>);
 }, {}, {}, {}, 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/mention/src/mention.d.ts

@@ -233,7 +233,7 @@ declare const mentionProps: {
   };
   type: EpPropFinalized<(new (...args: any[]) => string) | (() => InputType) | (((new (...args: any[]) => string) | (() => InputType)) | null)[], unknown, unknown, "text", boolean>;
   resize: {
-    readonly type: vue.PropType<EpPropMergeType<StringConstructor, "vertical" | "horizontal" | "none" | "both", unknown>>;
+    readonly type: vue.PropType<EpPropMergeType<StringConstructor, "none" | "both" | "horizontal" | "vertical", unknown>>;
     readonly required: false;
     readonly validator: ((val: unknown) => boolean) | undefined;
     __epPropKey: true;

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

@@ -9,11 +9,11 @@ import * as vue from "vue";
 //#region ../../packages/components/mention/src/mention.vue.d.ts
 declare const __VLS_export: <T extends MentionOption = MentionOption>(__VLS_props: NonNullable<Awaited<typeof __VLS_setup>>["props"], __VLS_ctx?: __VLS_PrettifyLocal<Pick<NonNullable<Awaited<typeof __VLS_setup>>, "attrs" | "emit" | "slots">>, __VLS_exposed?: NonNullable<Awaited<typeof __VLS_setup>>["expose"], __VLS_setup?: Promise<{
   props: vue.PublicProps & __VLS_PrettifyLocal<MentionProps<T> & {
-    onBlur?: ((evt: FocusEvent) => any) | undefined;
-    onFocus?: ((evt: FocusEvent) => any) | undefined;
+    "onUpdate:modelValue"?: ((value: string) => any) | undefined;
     onInput?: ((value: string) => any) | undefined;
+    onFocus?: ((evt: FocusEvent) => any) | undefined;
+    onBlur?: ((evt: FocusEvent) => any) | undefined;
     onSelect?: ((option: MentionOption, prefix: string) => any) | undefined;
-    "onUpdate:modelValue"?: ((value: string) => any) | undefined;
     onSearch?: ((pattern: string, prefix: string) => any) | undefined;
     "onWhole-remove"?: ((pattern: string, prefix: string) => any) | undefined;
   }> & (typeof globalThis extends {
@@ -48,7 +48,7 @@ declare const __VLS_export: <T extends MentionOption = MentionOption>(__VLS_prop
       index: number;
     }) => any;
   };
-  emit: ((event: "blur", evt: FocusEvent) => void) & ((event: "focus", evt: FocusEvent) => void) & ((event: "input", value: string) => void) & ((event: "select", option: MentionOption, prefix: string) => void) & ((event: "update:modelValue", value: string) => void) & ((event: "search", pattern: string, prefix: string) => void) & ((event: "whole-remove", pattern: string, prefix: string) => void);
+  emit: ((event: "update:modelValue", value: string) => void) & ((event: "input", value: string) => void) & ((event: "focus", evt: FocusEvent) => void) & ((event: "blur", evt: FocusEvent) => void) & ((event: "select", option: MentionOption, prefix: string) => void) & ((event: "search", pattern: string, prefix: string) => void) & ((event: "whole-remove", pattern: string, prefix: string) => void);
 }>) => vue.VNode & {
   __ctx?: Awaited<typeof __VLS_setup>;
 };

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

@@ -9,12 +9,12 @@ import { NavigationFailure } from "vue-router";
 
 //#region ../../packages/components/menu/src/menu.d.ts
 declare const menuProps: {
-  readonly mode: EpPropFinalized<StringConstructor, "vertical" | "horizontal", unknown, "vertical", boolean>;
+  readonly mode: EpPropFinalized<StringConstructor, "horizontal" | "vertical", unknown, "vertical", boolean>;
   readonly defaultActive: EpPropFinalized<StringConstructor, unknown, unknown, "", boolean>;
   readonly defaultOpeneds: EpPropFinalized<(new (...args: any[]) => string[]) | (() => string[]) | (((new (...args: any[]) => string[]) | (() => string[])) | null)[], unknown, unknown, () => [], boolean>;
   readonly uniqueOpened: BooleanConstructor;
   readonly router: BooleanConstructor;
-  readonly menuTrigger: EpPropFinalized<StringConstructor, "click" | "hover", unknown, "hover", boolean>;
+  readonly menuTrigger: EpPropFinalized<StringConstructor, "hover" | "click", unknown, "hover", boolean>;
   readonly collapse: BooleanConstructor;
   readonly backgroundColor: StringConstructor;
   readonly textColor: StringConstructor;
@@ -45,12 +45,12 @@ declare const menuEmits: {
 };
 type MenuEmits = typeof menuEmits;
 declare const _default: vue.DefineComponent<ExtractPropTypes<{
-  readonly mode: EpPropFinalized<StringConstructor, "vertical" | "horizontal", unknown, "vertical", boolean>;
+  readonly mode: EpPropFinalized<StringConstructor, "horizontal" | "vertical", unknown, "vertical", boolean>;
   readonly defaultActive: EpPropFinalized<StringConstructor, unknown, unknown, "", boolean>;
   readonly defaultOpeneds: EpPropFinalized<(new (...args: any[]) => string[]) | (() => string[]) | (((new (...args: any[]) => string[]) | (() => string[])) | null)[], unknown, unknown, () => [], boolean>;
   readonly uniqueOpened: BooleanConstructor;
   readonly router: BooleanConstructor;
-  readonly menuTrigger: EpPropFinalized<StringConstructor, "click" | "hover", unknown, "hover", boolean>;
+  readonly menuTrigger: EpPropFinalized<StringConstructor, "hover" | "click", unknown, "hover", boolean>;
   readonly collapse: BooleanConstructor;
   readonly backgroundColor: StringConstructor;
   readonly textColor: StringConstructor;
@@ -78,12 +78,12 @@ declare const _default: vue.DefineComponent<ExtractPropTypes<{
   open: (index: string, indexPath: string[]) => boolean;
   select: (index: string, indexPath: string[], item: MenuItemClicked, routerResult?: Promise<void | NavigationFailure>) => boolean;
 }, string, vue.PublicProps, Readonly<ExtractPropTypes<{
-  readonly mode: EpPropFinalized<StringConstructor, "vertical" | "horizontal", unknown, "vertical", boolean>;
+  readonly mode: EpPropFinalized<StringConstructor, "horizontal" | "vertical", unknown, "vertical", boolean>;
   readonly defaultActive: EpPropFinalized<StringConstructor, unknown, unknown, "", boolean>;
   readonly defaultOpeneds: EpPropFinalized<(new (...args: any[]) => string[]) | (() => string[]) | (((new (...args: any[]) => string[]) | (() => string[])) | null)[], unknown, unknown, () => [], boolean>;
   readonly uniqueOpened: BooleanConstructor;
   readonly router: BooleanConstructor;
-  readonly menuTrigger: EpPropFinalized<StringConstructor, "click" | "hover", unknown, "hover", boolean>;
+  readonly menuTrigger: EpPropFinalized<StringConstructor, "hover" | "click", unknown, "hover", boolean>;
   readonly collapse: BooleanConstructor;
   readonly backgroundColor: StringConstructor;
   readonly textColor: StringConstructor;
@@ -112,12 +112,12 @@ declare const _default: vue.DefineComponent<ExtractPropTypes<{
   readonly collapse: boolean;
   readonly ellipsis: EpPropMergeType<BooleanConstructor, unknown, unknown>;
   readonly persistent: EpPropMergeType<BooleanConstructor, unknown, unknown>;
-  readonly mode: EpPropMergeType<StringConstructor, "vertical" | "horizontal", unknown>;
+  readonly mode: EpPropMergeType<StringConstructor, "horizontal" | "vertical", unknown>;
   readonly showTimeout: number;
   readonly hideTimeout: number;
   readonly defaultActive: string;
   readonly defaultOpeneds: string[];
-  readonly menuTrigger: EpPropMergeType<StringConstructor, "click" | "hover", unknown>;
+  readonly menuTrigger: EpPropMergeType<StringConstructor, "hover" | "click", unknown>;
   readonly collapseTransition: EpPropMergeType<BooleanConstructor, unknown, unknown>;
   readonly popperOffset: number;
   readonly ellipsisIcon: EpPropMergeType<(new (...args: any[]) => (string | Component) & {}) | (() => string | Component) | (((new (...args: any[]) => (string | Component) & {}) | (() => string | Component)) | null)[], unknown, unknown>;

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

@@ -131,7 +131,7 @@ declare const messageProps: {
     readonly prototype: any;
   }) | null)[], unknown, unknown, undefined, boolean>;
   readonly showClose: EpPropFinalized<BooleanConstructor, unknown, unknown, false, boolean>;
-  readonly type: EpPropFinalized<StringConstructor, "error" | "info" | "primary" | "success" | "warning", unknown, "info", boolean>;
+  readonly type: EpPropFinalized<StringConstructor, "info" | "primary" | "success" | "warning" | "error", 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/es/components/message/src/message.vue.d.ts

@@ -19,10 +19,9 @@ declare const __VLS_base: vue.DefineComponent<MessageProps, {
 }, string, vue.PublicProps, Readonly<MessageProps> & Readonly<{
   onDestroy?: (() => any) | undefined;
 }>, {
-  offset: number;
-  duration: number;
   type: MessageType;
   zIndex: number;
+  offset: number;
   onClose: () => void;
   id: string;
   icon: IconPropType;
@@ -30,6 +29,7 @@ declare const __VLS_base: vue.DefineComponent<MessageProps, {
   plain: boolean;
   message: string | vue.VNode | (() => vue.VNode);
   showClose: boolean;
+  duration: number;
   customClass: string;
   dangerouslyUseHTMLString: boolean;
   grouping: boolean;

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

@@ -113,7 +113,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, "" | "error" | "info" | "primary" | "success" | "warning", unknown, "", boolean>;
+  readonly type: EpPropFinalized<StringConstructor, "" | "info" | "primary" | "success" | "warning" | "error", 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/es/components/notification/src/notification.vue.d.ts

@@ -18,16 +18,16 @@ declare const __VLS_base: vue.DefineComponent<NotificationProps, {
 }, string, vue.PublicProps, Readonly<NotificationProps> & Readonly<{
   onDestroy?: (() => any) | undefined;
 }>, {
-  offset: number;
-  duration: number;
   type: NotificationType;
-  onClick: () => void;
-  title: string;
+  offset: number;
   position: NotificationPosition;
+  title: string;
   id: string;
+  onClick: () => void;
   message: string | vue.VNode | (() => vue.VNode);
   closeIcon: IconPropType;
   showClose: boolean;
+  duration: number;
   customClass: string;
 }, {}, {}, {}, string, vue.ComponentProvideOptions, false, {}, any>;
 declare const __VLS_export: __VLS_WithSlots<typeof __VLS_base, __VLS_Slots>;

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

@@ -20,17 +20,17 @@ declare const __VLS_base: vue.DefineComponent<PopconfirmProps, {
   popperRef: vue.ComputedRef<PopperInstance | undefined>;
   hide: () => void;
 }, {}, {}, {}, vue.ComponentOptionsMixin, vue.ComponentOptionsMixin, {
-  cancel: (e: MouseEvent) => void;
   confirm: (e: MouseEvent) => void;
+  cancel: (e: MouseEvent) => void;
 }, string, vue.PublicProps, Readonly<PopconfirmProps> & Readonly<{
-  onCancel?: ((e: MouseEvent) => any) | undefined;
   onConfirm?: ((e: MouseEvent) => any) | undefined;
+  onCancel?: ((e: MouseEvent) => any) | undefined;
 }>, {
+  width: string | number;
   teleported: boolean;
   effect: PopperEffect;
   icon: IconPropType;
   hideAfter: number;
-  width: string | number;
   confirmButtonType: ButtonType;
   cancelButtonType: ButtonType;
   iconColor: string;

package/es/components/popover/src/popover.d.ts

@@ -115,7 +115,7 @@ interface PopoverProps {
  * @deprecated Removed after 3.0.0, Use `PopoverProps` instead.
  */
 declare const popoverProps: {
-  readonly trigger: EpPropFinalized<(new (...args: any[]) => "click" | "contextmenu" | "focus" | "hover" | TooltipTriggerType[]) | (() => Arrayable<TooltipTriggerType>) | (((new (...args: any[]) => "click" | "contextmenu" | "focus" | "hover" | TooltipTriggerType[]) | (() => Arrayable<TooltipTriggerType>)) | null)[], unknown, unknown, "hover", boolean>;
+  readonly trigger: EpPropFinalized<(new (...args: any[]) => "focus" | "hover" | "click" | "contextmenu" | TooltipTriggerType[]) | (() => Arrayable<TooltipTriggerType>) | (((new (...args: any[]) => "focus" | "hover" | "click" | "contextmenu" | TooltipTriggerType[]) | (() => Arrayable<TooltipTriggerType>)) | null)[], unknown, unknown, "hover", boolean>;
   readonly triggerKeys: EpPropFinalized<(new (...args: any[]) => string[]) | (() => string[]) | (((new (...args: any[]) => string[]) | (() => string[])) | null)[], unknown, unknown, () => string[], boolean>;
   readonly placement: EpPropFinalized<(new (...args: any[]) => "top" | "auto" | "bottom" | "left" | "right" | "auto-start" | "auto-end" | "top-start" | "top-end" | "bottom-start" | "bottom-end" | "right-start" | "right-end" | "left-start" | "left-end") | (() => Placement$1) | (((new (...args: any[]) => "top" | "auto" | "bottom" | "left" | "right" | "auto-start" | "auto-end" | "top-start" | "top-end" | "bottom-start" | "bottom-end" | "right-start" | "right-end" | "left-start" | "left-end") | (() => Placement$1)) | null)[], unknown, unknown, "bottom", boolean>;
   readonly disabled: BooleanConstructor;
@@ -248,7 +248,7 @@ declare const popoverProps: {
   };
   readonly teleported: EpPropFinalized<BooleanConstructor, unknown, unknown, true, boolean>;
   readonly appendTo: {
-    readonly type: PropType<EpPropMergeType<(new (...args: any[]) => string | HTMLElement) | (() => EpPropMergeType<(new (...args: any[]) => string | HTMLElement) | (() => string | HTMLElement) | (((new (...args: any[]) => string | HTMLElement) | (() => string | HTMLElement)) | null)[], unknown, unknown>) | (((new (...args: any[]) => string | HTMLElement) | (() => EpPropMergeType<(new (...args: any[]) => string | HTMLElement) | (() => string | HTMLElement) | (((new (...args: any[]) => string | HTMLElement) | (() => string | HTMLElement)) | null)[], unknown, unknown>)) | null)[], unknown, unknown>>;
+    readonly type: PropType<EpPropMergeType<(new (...args: any[]) => string | HTMLElement) | (() => string | HTMLElement) | (((new (...args: any[]) => string | HTMLElement) | (() => string | HTMLElement)) | null)[], unknown, unknown>>;
     readonly required: false;
     readonly validator: ((val: unknown) => boolean) | undefined;
     __epPropKey: true;

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

@@ -32,12 +32,13 @@ declare const __VLS_base: vue.DefineComponent<PopoverProps, {
   "onAfter-enter"?: (() => any) | undefined;
   "onAfter-leave"?: (() => any) | undefined;
 }>, {
+  width: string | number;
+  content: string;
   offset: number;
   teleported: boolean;
   effect: PopperEffect;
   tabindex: string | number;
   visible: boolean | null;
-  content: string;
   enterable: boolean;
   popperStyle: string | false | vue.CSSProperties | vue.StyleValue[] | null;
   placement: Placement;
@@ -49,7 +50,6 @@ declare const __VLS_base: vue.DefineComponent<PopoverProps, {
   autoClose: number;
   trigger: Arrayable<TooltipTriggerType>;
   triggerKeys: string[];
-  width: string | number;
 }, {}, {}, {}, 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/popper/src/composables/use-focus-trap.d.ts

@@ -4,7 +4,7 @@ import { SetupContext } from "vue";
 
 //#region ../../packages/components/popper/src/composables/use-focus-trap.d.ts
 declare const usePopperContentFocusTrap: (props: PopperContentProps, emit: SetupContext<PopperContentEmits>["emit"]) => {
-  focusStartRef: vue.Ref<"container" | HTMLElement | "first" | undefined, "container" | HTMLElement | "first" | undefined>;
+  focusStartRef: vue.Ref<HTMLElement | "first" | "container" | undefined, HTMLElement | "first" | "container" | undefined>;
   trapped: vue.Ref<boolean, boolean>;
   onFocusAfterReleased: (event: CustomEvent) => void;
   onFocusAfterTrapped: () => void;

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

@@ -28,17 +28,17 @@ declare const __VLS_base: vue.DefineComponent<PopperContentProps, {
    */
   contentStyle: vue.ComputedRef<vue.StyleValue[]>;
 }, {}, {}, {}, vue.ComponentOptionsMixin, vue.ComponentOptionsMixin, {
-  blur: () => void;
   close: () => void;
   focus: () => void;
-  mouseenter: (evt: MouseEvent) => void;
+  blur: () => void;
   mouseleave: (evt: MouseEvent) => void;
+  mouseenter: (evt: MouseEvent) => void;
 }, string, vue.PublicProps, Readonly<PopperContentProps> & Readonly<{
-  onBlur?: (() => any) | undefined;
   onClose?: (() => any) | undefined;
   onFocus?: (() => any) | undefined;
-  onMouseenter?: ((evt: MouseEvent) => any) | undefined;
+  onBlur?: (() => any) | undefined;
   onMouseleave?: ((evt: MouseEvent) => any) | undefined;
+  onMouseenter?: ((evt: MouseEvent) => any) | undefined;
 }>, {
   offset: number;
   effect: PopperEffect;

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

@@ -14,15 +14,15 @@ 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<{}>, {
-  duration: number;
+  width: number;
   type: "line" | "circle" | "dashboard";
   color: string | ProgressColor[] | ProgressFn;
   strokeLinecap: NonNullable<vue.SVGAttributes["stroke-linecap"]>;
   strokeWidth: number;
-  width: number;
   format: ProgressFn;
   percentage: number;
   status: "" | "success" | "exception" | "warning";
+  duration: number;
   showText: boolean;
 }, {}, {}, {}, string, vue.ComponentProvideOptions, false, {}, any>;
 declare const __VLS_export: __VLS_WithSlots<typeof __VLS_base, __VLS_Slots>;

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

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

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

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

package/es/components/roving-focus-group/src/roving-focus-group.d.ts

@@ -23,7 +23,7 @@ declare const rovingFocusGroupProps: {
   loop: BooleanConstructor;
   dir: EpPropFinalized<StringConstructor, string, unknown, string, boolean>;
   orientation: {
-    readonly type: vue.PropType<EpPropMergeType<(new (...args: any[]) => "vertical" | "horizontal") | (() => "vertical" | "horizontal" | undefined) | (((new (...args: any[]) => "vertical" | "horizontal") | (() => "vertical" | "horizontal" | undefined)) | null)[], unknown, unknown>>;
+    readonly type: vue.PropType<EpPropMergeType<(new (...args: any[]) => "horizontal" | "vertical") | (() => "horizontal" | "vertical" | undefined) | (((new (...args: any[]) => "horizontal" | "vertical") | (() => "horizontal" | "vertical" | undefined)) | null)[], unknown, unknown>>;
     readonly required: false;
     readonly validator: ((val: unknown) => boolean) | undefined;
     __epPropKey: true;

package/es/components/roving-focus-group/src/roving-focus-group.vue.d.ts

@@ -38,7 +38,7 @@ declare const __VLS_export: vue.DefineComponent<{}, {}, {}, {}, {}, vue.Componen
     loop: BooleanConstructor;
     dir: EpPropFinalized<StringConstructor, string, unknown, string, boolean>;
     orientation: {
-      readonly type: vue.PropType<EpPropMergeType<(new (...args: any[]) => "vertical" | "horizontal") | (() => "vertical" | "horizontal" | undefined) | (((new (...args: any[]) => "vertical" | "horizontal") | (() => "vertical" | "horizontal" | undefined)) | null)[], unknown, unknown>>;
+      readonly type: vue.PropType<EpPropMergeType<(new (...args: any[]) => "horizontal" | "vertical") | (() => "horizontal" | "vertical" | undefined) | (((new (...args: any[]) => "horizontal" | "vertical") | (() => "horizontal" | "vertical" | undefined)) | null)[], unknown, unknown>>;
       readonly required: false;
       readonly validator: ((val: unknown) => boolean) | undefined;
       __epPropKey: true;
@@ -63,7 +63,7 @@ declare const __VLS_export: vue.DefineComponent<{}, {}, {}, {}, {}, vue.Componen
     loop: BooleanConstructor;
     dir: EpPropFinalized<StringConstructor, string, unknown, string, boolean>;
     orientation: {
-      readonly type: vue.PropType<EpPropMergeType<(new (...args: any[]) => "vertical" | "horizontal") | (() => "vertical" | "horizontal" | undefined) | (((new (...args: any[]) => "vertical" | "horizontal") | (() => "vertical" | "horizontal" | undefined)) | null)[], unknown, unknown>>;
+      readonly type: vue.PropType<EpPropMergeType<(new (...args: any[]) => "horizontal" | "vertical") | (() => "horizontal" | "vertical" | undefined) | (((new (...args: any[]) => "horizontal" | "vertical") | (() => "horizontal" | "vertical" | undefined)) | null)[], unknown, unknown>>;
       readonly required: false;
       readonly validator: ((val: unknown) => boolean) | undefined;
       __epPropKey: true;

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

@@ -29,8 +29,8 @@ declare const __VLS_base: vue.DefineComponent<ScrollbarProps, {
   }) => any) | undefined;
   "onEnd-reached"?: ((direction: ScrollbarDirection) => any) | undefined;
 }>, {
-  tabindex: number | string;
   height: number | string;
+  tabindex: number | string;
   maxHeight: number | string;
   tag: keyof HTMLElementTagNameMap | (string & {});
   distance: number;

package/es/components/segmented/src/segmented.d.ts

@@ -62,7 +62,7 @@ interface SegmentedProps<T extends Option = Option> {
  */
 declare const segmentedProps: {
   ariaLabel: StringConstructor;
-  direction: EpPropFinalized<(new (...args: any[]) => "vertical" | "horizontal") | (() => "vertical" | "horizontal") | (((new (...args: any[]) => "vertical" | "horizontal") | (() => "vertical" | "horizontal")) | null)[], unknown, unknown, string, boolean>;
+  direction: EpPropFinalized<(new (...args: any[]) => "horizontal" | "vertical") | (() => "horizontal" | "vertical") | (((new (...args: any[]) => "horizontal" | "vertical") | (() => "horizontal" | "vertical")) | null)[], unknown, unknown, string, boolean>;
   options: EpPropFinalized<(new (...args: any[]) => Option[]) | (() => Option[]) | (((new (...args: any[]) => Option[]) | (() => Option[])) | null)[], unknown, unknown, () => never[], boolean>;
   modelValue: EpPropFinalized<(BooleanConstructor | NumberConstructor | StringConstructor)[], unknown, unknown, undefined, boolean>;
   props: EpPropFinalized<(new (...args: any[]) => Props) | (() => Props) | (((new (...args: any[]) => Props) | (() => Props)) | null)[], unknown, unknown, () => Required<Props>, boolean>;

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

@@ -115,7 +115,7 @@ declare const selectProps: {
   fallbackPlacements: EpPropFinalized<(new (...args: any[]) => Placement[]) | (() => Placement[]) | (((new (...args: any[]) => Placement[]) | (() => Placement[])) | null)[], unknown, unknown, string[], boolean>;
   tabindex: EpPropFinalized<(NumberConstructor | StringConstructor)[], unknown, unknown, number, boolean>;
   appendTo: {
-    readonly type: vue.PropType<EpPropMergeType<(new (...args: any[]) => string | HTMLElement) | (() => EpPropMergeType<(new (...args: any[]) => string | HTMLElement) | (() => string | HTMLElement) | (((new (...args: any[]) => string | HTMLElement) | (() => string | HTMLElement)) | null)[], unknown, unknown>) | (((new (...args: any[]) => string | HTMLElement) | (() => EpPropMergeType<(new (...args: any[]) => string | HTMLElement) | (() => string | HTMLElement) | (((new (...args: any[]) => string | HTMLElement) | (() => string | HTMLElement)) | null)[], unknown, unknown>)) | null)[], unknown, unknown>>;
+    readonly type: vue.PropType<EpPropMergeType<(new (...args: any[]) => string | HTMLElement) | (() => string | HTMLElement) | (((new (...args: any[]) => string | HTMLElement) | (() => string | HTMLElement)) | null)[], unknown, unknown>>;
     readonly required: false;
     readonly validator: ((val: unknown) => boolean) | undefined;
     __epPropKey: true;