@element-plus/nightly 0.0.20261029 → 0.0.20261030

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

@@ -16,32 +16,32 @@ declare const __VLS_base: _$vue.DefineComponent<InputNumberProps, {
   /** @description get focus the input component */focus: () => void; /** @description remove focus the input component */
   blur: () => void;
 }, {}, {}, {}, _$vue.ComponentOptionsMixin, _$vue.ComponentOptionsMixin, {
-  change: (cur: number | undefined, prev: number | undefined) => void;
   "update:modelValue": (val: number | undefined) => void;
-  input: (val: number | null | undefined) => void;
   focus: (e: FocusEvent) => void;
   blur: (e: FocusEvent) => void;
+  change: (cur: number | undefined, prev: number | undefined) => void;
+  input: (val: number | null | undefined) => void;
 }, string, _$vue.PublicProps, Readonly<InputNumberProps> & Readonly<{
-  onChange?: ((cur: number | undefined, prev: number | undefined) => any) | undefined;
   "onUpdate:modelValue"?: ((val: number | undefined) => any) | undefined;
   onInput?: ((val: number | null | undefined) => any) | undefined;
+  onChange?: ((cur: number | undefined, prev: number | undefined) => any) | undefined;
   onFocus?: ((e: FocusEvent) => any) | undefined;
   onBlur?: ((e: FocusEvent) => any) | undefined;
 }>, {
-  id: string;
+  validateEvent: boolean;
   disabled: boolean;
-  readonly: boolean;
+  id: string;
   tabindex: string | number;
-  validateEvent: boolean;
-  inputmode: "search" | "text" | "email" | "tel" | "url" | "none" | "numeric" | "decimal";
-  valueOnClear: number | "max" | "min" | null;
+  inputmode: "search" | "none" | "text" | "email" | "tel" | "url" | "numeric" | "decimal";
+  readonly: boolean;
+  step: number;
   max: number;
   min: number;
-  align: "center" | "left" | "right";
-  step: number;
-  stepStrictly: boolean;
   controls: boolean;
   controlsPosition: "" | "right";
+  valueOnClear: number | "max" | "min" | null;
+  align: "left" | "right" | "center";
+  stepStrictly: boolean;
 }, {}, {}, {}, string, _$vue.ComponentProvideOptions, false, {}, any>;
 declare const __VLS_export: __VLS_WithSlots<typeof __VLS_base, __VLS_Slots>;
 declare const _default: typeof __VLS_export;

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

@@ -192,6 +192,17 @@ var input_number_vue_vue_type_script_setup_true_lang_default = /*@__PURE__*/ def
 		const handleWheel = (e) => {
 			if (document.activeElement === e.target) e.preventDefault();
 		};
+		const updateAriaAttributes = () => {
+			const innerInput = input.value?.input;
+			if (!innerInput) return;
+			const { min, max } = props;
+			if (Number.isFinite(max)) innerInput.setAttribute("aria-valuemax", String(max));
+			else innerInput.removeAttribute("aria-valuemax");
+			if (Number.isFinite(min)) innerInput.setAttribute("aria-valuemin", String(min));
+			else innerInput.removeAttribute("aria-valuemin");
+			innerInput.setAttribute("aria-valuenow", data.currentValue || data.currentValue === 0 ? String(data.currentValue) : "");
+			innerInput.setAttribute("aria-disabled", String(inputNumberDisabled.value));
+		};
 		watch(() => props.modelValue, (value, oldValue) => {
 			const newValue = verifyValue(value, true);
 			if (data.userInput === null && newValue !== oldValue) data.currentValue = newValue;
@@ -200,15 +211,10 @@ var input_number_vue_vue_type_script_setup_true_lang_default = /*@__PURE__*/ def
 			data.currentValue = verifyValue(props.modelValue);
 		});
 		onMounted(() => {
-			const { min, max, modelValue } = props;
+			const { modelValue } = props;
 			const innerInput = input.value?.input;
 			innerInput.setAttribute("role", "spinbutton");
-			if (Number.isFinite(max)) innerInput.setAttribute("aria-valuemax", String(max));
-			else innerInput.removeAttribute("aria-valuemax");
-			if (Number.isFinite(min)) innerInput.setAttribute("aria-valuemin", String(min));
-			else innerInput.removeAttribute("aria-valuemin");
-			innerInput.setAttribute("aria-valuenow", data.currentValue || data.currentValue === 0 ? String(data.currentValue) : "");
-			innerInput.setAttribute("aria-disabled", String(inputNumberDisabled.value));
+			updateAriaAttributes();
 			if (!isNumber(modelValue) && modelValue != null) {
 				let val = Number(modelValue);
 				if (Number.isNaN(val)) val = null;
@@ -217,7 +223,7 @@ var input_number_vue_vue_type_script_setup_true_lang_default = /*@__PURE__*/ def
 			innerInput.addEventListener("wheel", handleWheel, { passive: false });
 		});
 		onUpdated(() => {
-			(input.value?.input)?.setAttribute("aria-valuenow", `${data.currentValue ?? ""}`);
+			updateAriaAttributes();
 		});
 		__expose({
 			/** @description get focus the input component */

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","isUndefined","_openBlock","_createElementBlock","_normalizeClass","_unref","_withModifiers","_withDirectives","_withKeys","_renderSlot","_createVNode","_withCtx","_createBlock","_createCommentVNode","_createSlots"],"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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"}
+{"version":3,"file":"input-number.vue_vue_type_script_setup_true_lang.mjs","names":["$slots","isUndefined","_openBlock","_createElementBlock","_normalizeClass","_unref","_withModifiers","_withDirectives","_withKeys","_renderSlot","_createVNode","_withCtx","_createBlock","_createCommentVNode","_createSlots"],"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\nconst updateAriaAttributes = () => {\n  const innerInput = input.value?.input as HTMLInputElement | undefined\n  if (!innerInput) return\n\n  const { min, max } = props\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}\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 { modelValue } = props\n  const innerInput = input.value?.input as HTMLInputElement\n  innerInput.setAttribute('role', 'spinbutton')\n  updateAriaAttributes()\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  updateAriaAttributes()\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":["_sfc_main"],"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":""}
+{"version":3,"file":"input-number2.mjs","names":["_sfc_main"],"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\nconst updateAriaAttributes = () => {\n  const innerInput = input.value?.input as HTMLInputElement | undefined\n  if (!innerInput) return\n\n  const { min, max } = props\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}\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 { modelValue } = props\n  const innerInput = input.value?.input as HTMLInputElement\n  innerInput.setAttribute('role', 'spinbutton')\n  updateAriaAttributes()\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  updateAriaAttributes()\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

@@ -22,22 +22,22 @@ declare const __VLS_base: _$vue.DefineComponent<InputOtpProps, {
    */
   blur: () => void;
 }, {}, {}, {}, _$vue.ComponentOptionsMixin, _$vue.ComponentOptionsMixin, {
-  change: (value: string) => void;
   "update:modelValue": (value: string) => void;
   focus: (eve: FocusEvent) => void;
   blur: (eve: FocusEvent) => void;
+  change: (value: string) => void;
   finish: (value: string) => void;
 }, string, _$vue.PublicProps, Readonly<InputOtpProps> & Readonly<{
-  onChange?: ((value: string) => any) | undefined;
   "onUpdate:modelValue"?: ((value: string) => any) | undefined;
+  onChange?: ((value: string) => any) | undefined;
   onFocus?: ((eve: FocusEvent) => any) | undefined;
   onBlur?: ((eve: FocusEvent) => any) | undefined;
   onFinish?: ((value: string) => any) | undefined;
 }>, {
-  length: number;
-  type: "filled" | "outlined" | "underlined";
-  disabled: boolean;
   validateEvent: boolean;
+  disabled: boolean;
+  type: "filled" | "outlined" | "underlined";
+  length: number;
   validator: (char: string, index: number) => boolean;
 }, {}, {}, {}, string, _$vue.ComponentProvideOptions, false, {}, any>;
 declare const __VLS_export: __VLS_WithSlots<typeof __VLS_base, __VLS_Slots>;

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

@@ -127,12 +127,12 @@ declare const inputTagProps: {
   readonly max: NumberConstructor;
   readonly tagType: {
     readonly default: "info";
-    readonly type: _$vue.PropType<EpPropMergeType<StringConstructor, "primary" | "success" | "warning" | "info" | "danger", unknown>>;
+    readonly type: _$vue.PropType<EpPropMergeType<StringConstructor, "success" | "primary" | "warning" | "info" | "danger", unknown>>;
     readonly required: false;
     readonly validator: ((val: unknown) => boolean) | undefined;
     readonly __epPropKey: true;
   };
-  readonly tagEffect: EpPropFinalized<StringConstructor, "light" | "dark" | "plain", unknown, "light", boolean>;
+  readonly tagEffect: EpPropFinalized<StringConstructor, "dark" | "light" | "plain", unknown, "light", boolean>;
   readonly effect: EpPropFinalized<(new (...args: any[]) => string) | (() => PopperEffect) | (((new (...args: any[]) => string) | (() => PopperEffect)) | null)[], unknown, unknown, "light", boolean>;
   readonly trigger: EpPropFinalized<(new (...args: any[]) => "Enter" | "Space") | (() => "Enter" | "Space") | (((new (...args: any[]) => "Enter" | "Space") | (() => "Enter" | "Space")) | null)[], unknown, unknown, string, boolean>;
   readonly draggable: BooleanConstructor;

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

@@ -24,38 +24,38 @@ declare const __VLS_base: _$vue.DefineComponent<InputTagProps, {
   focus: () => void;
   blur: () => void;
 }, {}, {}, {}, _$vue.ComponentOptionsMixin, _$vue.ComponentOptionsMixin, {
-  change: (value?: string[] | undefined) => void;
   clear: () => void;
   "update:modelValue": (value?: string[] | undefined) => void;
-  input: (value: string) => void;
   focus: (evt: FocusEvent) => void;
   blur: (evt: FocusEvent) => void;
+  change: (value?: string[] | undefined) => void;
+  input: (value: string) => 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;
   onClear?: (() => any) | undefined;
   "onUpdate:modelValue"?: ((value?: string[] | undefined) => any) | undefined;
   onInput?: ((value: string) => any) | undefined;
+  onChange?: ((value?: string[] | undefined) => any) | undefined;
   onFocus?: ((evt: FocusEvent) => any) | undefined;
   onBlur?: ((evt: FocusEvent) => any) | undefined;
   "onAdd-tag"?: ((value: string | string[]) => any) | undefined;
   "onRemove-tag"?: ((value: string, index: number) => any) | undefined;
   "onDrag-tag"?: ((oldIndex: number, newIndex: number, value: string) => any) | undefined;
 }>, {
-  effect: PopperEffect;
-  id: string;
+  validateEvent: boolean;
   disabled: boolean;
+  id: string;
   autocomplete: string;
   clearIcon: IconPropType;
   tabindex: string | number;
-  validateEvent: boolean;
+  effect: PopperEffect;
+  saveOnBlur: boolean;
   trigger: "Enter" | "Space";
   maxCollapseTags: number;
-  tagType: "primary" | "success" | "warning" | "info" | "danger";
-  tagEffect: "light" | "dark" | "plain";
-  saveOnBlur: boolean;
+  tagType: "success" | "primary" | "warning" | "info" | "danger";
+  tagEffect: "dark" | "light" | "plain";
   delimiter: string | RegExp;
 }, {}, {}, {}, string, _$vue.ComponentProvideOptions, false, {}, any>;
 declare const __VLS_export: __VLS_WithSlots<typeof __VLS_base, __VLS_Slots>;

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

@@ -35,7 +35,7 @@ interface LinkProps {
  * @deprecated Removed after 3.0.0, Use `LinkProps` instead.
  */
 declare const linkProps: {
-  readonly type: EpPropFinalized<StringConstructor, "default" | "primary" | "success" | "warning" | "info" | "danger", unknown, undefined, boolean>;
+  readonly type: EpPropFinalized<StringConstructor, "success" | "default" | "primary" | "warning" | "info" | "danger", unknown, undefined, boolean>;
   readonly underline: EpPropFinalized<readonly [BooleanConstructor, StringConstructor], boolean | "always" | "never" | "hover", unknown, undefined, boolean>;
   readonly disabled: BooleanConstructor;
   readonly href: EpPropFinalized<StringConstructor, unknown, unknown, "", boolean>;

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

@@ -13,9 +13,9 @@ declare const __VLS_base: _$vue.DefineComponent<LinkProps, {}, {}, {}, {}, _$vue
 }, string, _$vue.PublicProps, Readonly<LinkProps> & Readonly<{
   onClick?: ((evt: MouseEvent) => any) | undefined;
 }>, {
-  target: (string & {}) | "_self" | "_blank" | "_parent" | "_top";
-  type: "default" | "primary" | "success" | "warning" | "info" | "danger";
+  type: "success" | "default" | "primary" | "warning" | "info" | "danger";
   underline: boolean | "always" | "never" | "hover";
+  target: (string & {}) | "_self" | "_blank" | "_parent" | "_top";
   href: string;
 }, {}, {}, {}, string, _$vue.ComponentProvideOptions, false, {}, any>;
 declare const __VLS_export: __VLS_WithSlots<typeof __VLS_base, __VLS_Slots>;

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

@@ -97,7 +97,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[]) => "search" | "text" | "email" | "tel" | "url" | "none" | "numeric" | "decimal") | (() => "search" | "text" | "email" | "tel" | "url" | "none" | "numeric" | "decimal" | undefined) | (((new (...args: any[]) => "search" | "text" | "email" | "tel" | "url" | "none" | "numeric" | "decimal") | (() => "search" | "text" | "email" | "tel" | "url" | "none" | "numeric" | "decimal" | undefined)) | null)[], unknown, unknown, undefined, boolean>;
+  inputmode: EpPropFinalized<(new (...args: any[]) => "search" | "none" | "text" | "email" | "tel" | "url" | "numeric" | "decimal") | (() => "search" | "none" | "text" | "email" | "tel" | "url" | "numeric" | "decimal" | undefined) | (((new (...args: any[]) => "search" | "none" | "text" | "email" | "tel" | "url" | "numeric" | "decimal") | (() => "search" | "none" | "text" | "email" | "tel" | "url" | "numeric" | "decimal" | undefined)) | null)[], unknown, unknown, undefined, boolean>;
   name: StringConstructor;
   ariaLabel: StringConstructor;
   id: EpPropFinalized<StringConstructor, unknown, unknown, undefined, boolean>;

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

@@ -90,8 +90,8 @@ declare const _default: _$vue.DefineComponent<ExtractPropTypes<{
   readonly persistent: EpPropFinalized<BooleanConstructor, unknown, unknown, true, boolean>;
 }>> & Readonly<{
   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;
+  onSelect?: ((index: string, indexPath: string[], item: MenuItemClicked, routerResult?: Promise<void | NavigationFailure> | undefined) => any) | undefined;
 }>, {
   readonly collapse: boolean;
   readonly ellipsis: EpPropMergeType<BooleanConstructor, unknown, unknown>;

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

@@ -124,8 +124,8 @@ declare const _default: _$vue.DefineComponent<ExtractPropTypes<{
     __epPropKey: true;
   };
 }>> & Readonly<{}>, {
-  readonly teleported: EpPropMergeType<BooleanConstructor, unknown, unknown>;
   readonly disabled: boolean;
+  readonly teleported: EpPropMergeType<BooleanConstructor, unknown, unknown>;
   readonly popperClass: ClassValue;
   readonly popperStyle: StyleValue;
 }, {}, {}, {}, string, _$vue.ComponentProvideOptions, true, {}, any>;

package/es/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, "primary" | "success" | "warning" | "error" | "info", unknown, "info", boolean>;
+  readonly type: EpPropFinalized<StringConstructor, "error" | "success" | "primary" | "warning" | "info", 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

@@ -18,19 +18,19 @@ declare const __VLS_base: _$vue.DefineComponent<MessageProps, {
 }, string, _$vue.PublicProps, Readonly<MessageProps> & Readonly<{
   onDestroy?: (() => any) | undefined;
 }>, {
+  type: "error" | "success" | "primary" | "warning" | "info";
   zIndex: number;
-  offset: number;
-  type: "primary" | "success" | "warning" | "error" | "info";
   onClose: () => void;
-  duration: number;
   id: string;
   icon: IconPropType;
+  offset: number;
   placement: "top" | "bottom" | "top-left" | "top-right" | "bottom-left" | "bottom-right";
   message: string | _$vue.VNode<_$vue.RendererNode, _$vue.RendererElement, {
     [key: string]: any;
   }> | (() => _$vue.VNode);
   plain: boolean;
   showClose: boolean;
+  duration: number;
   customClass: string | false | Record<string, any> | ClassValue[] | null;
   dangerouslyUseHTMLString: boolean;
   grouping: boolean;