code-monkey-ui 1.2.0-alpha.2 → 2.0.0

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

@@ -1 +1 @@
-{"version":3,"file":"input-number.mjs","sources":["../../../../../../packages/components/input-number/src/input-number.ts"],"sourcesContent":["import { isNil } from 'lodash-unified'\nimport { useAriaProps, useSizeProp } from '@code-monkey-ui/hooks'\nimport { buildProps, isNumber } from '@code-monkey-ui/utils'\nimport {\n  CHANGE_EVENT,\n  INPUT_EVENT,\n  UPDATE_MODEL_EVENT,\n} from '@code-monkey-ui/constants'\nimport type { ExtractPropTypes } from 'vue'\nimport type InputNumber from './input-number.vue'\n\nexport const inputNumberProps = buildProps({\n  /**\n   * @description same as `id` in native input\n   */\n  id: {\n    type: String,\n    default: undefined,\n  },\n  /**\n   * @description incremental step\n   */\n  step: {\n    type: Number,\n    default: 1,\n  },\n  /**\n   * @description whether input value can only be multiple of step\n   */\n  stepStrictly: Boolean,\n  /**\n   * @description the maximum allowed value\n   */\n  max: {\n    type: Number,\n    default: Number.POSITIVE_INFINITY,\n  },\n  /**\n   * @description the minimum allowed value\n   */\n  min: {\n    type: Number,\n    default: Number.NEGATIVE_INFINITY,\n  },\n  /**\n   * @description binding value\n   */\n  modelValue: Number,\n  /**\n   * @description same as `readonly` in native input\n   */\n  readonly: Boolean,\n  /**\n   * @description whether the component is disabled\n   */\n  disabled: Boolean,\n  /**\n   * @description size of the component\n   */\n  size: useSizeProp,\n  /**\n   * @description whether to enable the control buttons\n   */\n  controls: {\n    type: Boolean,\n    default: true,\n  },\n  /**\n   * @description position of the control buttons\n   */\n  controlsPosition: {\n    type: String,\n    default: '',\n    values: ['', 'right'],\n  },\n  /**\n   * @description value should be set when input box is cleared\n   */\n  valueOnClear: {\n    type: [String, Number, null],\n    validator: (val: 'min' | 'max' | number | null) =>\n      val === null || isNumber(val) || ['min', 'max'].includes(val),\n    default: null,\n  },\n  /**\n   * @description same as `name` in native input\n   */\n  name: String,\n  /**\n   * @description same as `placeholder` in native input\n   */\n  placeholder: String,\n  /**\n   * @description precision of input value\n   */\n  precision: {\n    type: Number,\n    validator: (val: number) =>\n      val >= 0 && val === Number.parseInt(`${val}`, 10),\n  },\n  /**\n   * @description whether to trigger form validation\n   */\n  validateEvent: {\n    type: Boolean,\n    default: true,\n  },\n  ...useAriaProps(['ariaLabel']),\n} as const)\nexport type InputNumberProps = ExtractPropTypes<typeof inputNumberProps>\n\nexport const inputNumberEmits = {\n  [CHANGE_EVENT]: (cur: number | undefined, prev: number | undefined) =>\n    prev !== cur,\n  blur: (e: FocusEvent) => e instanceof FocusEvent,\n  focus: (e: FocusEvent) => e instanceof FocusEvent,\n  [INPUT_EVENT]: (val: number | null | undefined) =>\n    isNumber(val) || isNil(val),\n  [UPDATE_MODEL_EVENT]: (val: number | undefined) =>\n    isNumber(val) || isNil(val),\n}\nexport type InputNumberEmits = typeof inputNumberEmits\n\nexport type InputNumberInstance = InstanceType<typeof InputNumber>\n"],"names":[],"mappings":";;;;;;;;;;AAQY,MAAC,gBAAgB,GAAG,UAAU,CAAC;AAC3C,EAAE,EAAE,EAAE;AACN,IAAI,IAAI,EAAE,MAAM;AAChB,IAAI,OAAO,EAAE,KAAK,CAAC;AACnB,GAAG;AACH,EAAE,IAAI,EAAE;AACR,IAAI,IAAI,EAAE,MAAM;AAChB,IAAI,OAAO,EAAE,CAAC;AACd,GAAG;AACH,EAAE,YAAY,EAAE,OAAO;AACvB,EAAE,GAAG,EAAE;AACP,IAAI,IAAI,EAAE,MAAM;AAChB,IAAI,OAAO,EAAE,MAAM,CAAC,iBAAiB;AACrC,GAAG;AACH,EAAE,GAAG,EAAE;AACP,IAAI,IAAI,EAAE,MAAM;AAChB,IAAI,OAAO,EAAE,MAAM,CAAC,iBAAiB;AACrC,GAAG;AACH,EAAE,UAAU,EAAE,MAAM;AACpB,EAAE,QAAQ,EAAE,OAAO;AACnB,EAAE,QAAQ,EAAE,OAAO;AACnB,EAAE,IAAI,EAAE,WAAW;AACnB,EAAE,QAAQ,EAAE;AACZ,IAAI,IAAI,EAAE,OAAO;AACjB,IAAI,OAAO,EAAE,IAAI;AACjB,GAAG;AACH,EAAE,gBAAgB,EAAE;AACpB,IAAI,IAAI,EAAE,MAAM;AAChB,IAAI,OAAO,EAAE,EAAE;AACf,IAAI,MAAM,EAAE,CAAC,EAAE,EAAE,OAAO,CAAC;AACzB,GAAG;AACH,EAAE,YAAY,EAAE;AAChB,IAAI,IAAI,EAAE,CAAC,MAAM,EAAE,MAAM,EAAE,IAAI,CAAC;AAChC,IAAI,SAAS,EAAE,CAAC,GAAG,KAAK,GAAG,KAAK,IAAI,IAAI,QAAQ,CAAC,GAAG,CAAC,IAAI,CAAC,KAAK,EAAE,KAAK,CAAC,CAAC,QAAQ,CAAC,GAAG,CAAC;AACrF,IAAI,OAAO,EAAE,IAAI;AACjB,GAAG;AACH,EAAE,IAAI,EAAE,MAAM;AACd,EAAE,WAAW,EAAE,MAAM;AACrB,EAAE,SAAS,EAAE;AACb,IAAI,IAAI,EAAE,MAAM;AAChB,IAAI,SAAS,EAAE,CAAC,GAAG,KAAK,GAAG,IAAI,CAAC,IAAI,GAAG,KAAK,MAAM,CAAC,QAAQ,CAAC,CAAC,EAAE,GAAG,CAAC,CAAC,EAAE,EAAE,CAAC;AACzE,GAAG;AACH,EAAE,aAAa,EAAE;AACjB,IAAI,IAAI,EAAE,OAAO;AACjB,IAAI,OAAO,EAAE,IAAI;AACjB,GAAG;AACH,EAAE,GAAG,YAAY,CAAC,CAAC,WAAW,CAAC,CAAC;AAChC,CAAC,EAAE;AACS,MAAC,gBAAgB,GAAG;AAChC,EAAE,CAAC,YAAY,GAAG,CAAC,GAAG,EAAE,IAAI,KAAK,IAAI,KAAK,GAAG;AAC7C,EAAE,IAAI,EAAE,CAAC,CAAC,KAAK,CAAC,YAAY,UAAU;AACtC,EAAE,KAAK,EAAE,CAAC,CAAC,KAAK,CAAC,YAAY,UAAU;AACvC,EAAE,CAAC,WAAW,GAAG,CAAC,GAAG,KAAK,QAAQ,CAAC,GAAG,CAAC,IAAI,KAAK,CAAC,GAAG,CAAC;AACrD,EAAE,CAAC,kBAAkB,GAAG,CAAC,GAAG,KAAK,QAAQ,CAAC,GAAG,CAAC,IAAI,KAAK,CAAC,GAAG,CAAC;AAC5D;;;;"}
+{"version":3,"file":"input-number.mjs","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    ]\"\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      @keydown.up.prevent=\"increase\"\n      @keydown.down.prevent=\"decrease\"\n      @blur=\"handleBlur\"\n      @focus=\"handleFocus\"\n      @input=\"handleInput\"\n      @change=\"handleInputChange\"\n    />\n  </div>\n</template>\n<script lang=\"ts\" setup>\nimport { computed, onMounted, onUpdated, reactive, ref, watch } from 'vue'\nimport { isNil } from 'lodash-unified'\nimport { ArrowDown, ArrowUp, Minus, Plus } from '@element-plus/icons-vue'\nimport { ElInput } from '@code-monkey-ui/components/input'\nimport { ElIcon } from '@code-monkey-ui/components/icon'\nimport {\n  useFormDisabled,\n  useFormItem,\n  useFormSize,\n} from '@code-monkey-ui/components/form'\nimport { vRepeatClick } from '@code-monkey-ui/directives'\nimport { useLocale, useNamespace } from '@code-monkey-ui/hooks'\nimport {\n  debugWarn,\n  isNumber,\n  isString,\n  isUndefined,\n  throwError,\n} from '@code-monkey-ui/utils'\nimport {\n  CHANGE_EVENT,\n  INPUT_EVENT,\n  UPDATE_MODEL_EVENT,\n} from '@code-monkey-ui/constants'\nimport { inputNumberEmits, inputNumberProps } from './input-number'\n\nimport type { InputInstance } from '@code-monkey-ui/components/input'\n\ndefineOptions({\n  name: 'ElInputNumber',\n})\n\nconst props = defineProps(inputNumberProps)\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  // Solve the accuracy problem of JS decimal calculation by converting the value to integer.\n  return toPrecision(val + props.step * coefficient)\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(Math.round(newVal / step) * step, precision)\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  if (oldVal === newVal && value) return\n  data.userInput = null\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((err) => debugWarn(err))\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  emit('blur', event)\n  if (props.validateEvent) {\n    formItem?.validate?.('blur').catch((err) => debugWarn(err))\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)\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"],"names":[],"mappings":"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"}

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

@@ -1,337 +1,68 @@
-import { defineComponent, ref, reactive, computed, watch, onMounted, onUpdated, openBlock, createElementBlock, normalizeClass, unref, withModifiers, withDirectives, withKeys, renderSlot, createVNode, withCtx, createBlock, createCommentVNode } from 'vue';
 import { isNil } from 'lodash-unified';
-import { ArrowDown, Minus, ArrowUp, Plus } from '@element-plus/icons-vue';
-import { ElInput } from '../../input/index.mjs';
-import { ElIcon } from '../../icon/index.mjs';
-import '../../form/index.mjs';
-import '../../../directives/index.mjs';
 import '../../../hooks/index.mjs';
 import '../../../utils/index.mjs';
 import '../../../constants/index.mjs';
-import { inputNumberProps, inputNumberEmits } from './input-number.mjs';
-import _export_sfc from '../../../_virtual/plugin-vue_export-helper.mjs';
-import { useLocale } from '../../../hooks/use-locale/index.mjs';
-import { useNamespace } from '../../../hooks/use-namespace/index.mjs';
-import { useFormItem } from '../../form/src/hooks/use-form-item.mjs';
-import { isNumber, isUndefined } from '../../../utils/types.mjs';
-import { debugWarn, throwError } from '../../../utils/error.mjs';
-import { useFormSize, useFormDisabled } from '../../form/src/hooks/use-form-common-props.mjs';
-import { INPUT_EVENT, UPDATE_MODEL_EVENT, CHANGE_EVENT } from '../../../constants/event.mjs';
-import { isString } from '@vue/shared';
-import { vRepeatClick } from '../../../directives/repeat-click/index.mjs';
+import { buildProps } from '../../../utils/vue/props/runtime.mjs';
+import { useSizeProp } from '../../../hooks/use-size/index.mjs';
+import { isNumber } from '../../../utils/types.mjs';
+import { useAriaProps } from '../../../hooks/use-aria/index.mjs';
+import { CHANGE_EVENT, INPUT_EVENT, UPDATE_MODEL_EVENT } from '../../../constants/event.mjs';
 
-const __default__ = defineComponent({
-  name: "ElInputNumber"
+const inputNumberProps = buildProps({
+  id: {
+    type: String,
+    default: void 0
+  },
+  step: {
+    type: Number,
+    default: 1
+  },
+  stepStrictly: Boolean,
+  max: {
+    type: Number,
+    default: Number.POSITIVE_INFINITY
+  },
+  min: {
+    type: Number,
+    default: Number.NEGATIVE_INFINITY
+  },
+  modelValue: Number,
+  readonly: Boolean,
+  disabled: Boolean,
+  size: useSizeProp,
+  controls: {
+    type: Boolean,
+    default: true
+  },
+  controlsPosition: {
+    type: String,
+    default: "",
+    values: ["", "right"]
+  },
+  valueOnClear: {
+    type: [String, Number, null],
+    validator: (val) => val === null || isNumber(val) || ["min", "max"].includes(val),
+    default: null
+  },
+  name: String,
+  placeholder: String,
+  precision: {
+    type: Number,
+    validator: (val) => val >= 0 && val === Number.parseInt(`${val}`, 10)
+  },
+  validateEvent: {
+    type: Boolean,
+    default: true
+  },
+  ...useAriaProps(["ariaLabel"])
 });
-const _sfc_main = /* @__PURE__ */ defineComponent({
-  ...__default__,
-  props: inputNumberProps,
-  emits: inputNumberEmits,
-  setup(__props, { expose, emit }) {
-    const props = __props;
-    const { t } = useLocale();
-    const ns = useNamespace("input-number");
-    const input = ref();
-    const data = reactive({
-      currentValue: props.modelValue,
-      userInput: null
-    });
-    const { formItem } = useFormItem();
-    const minDisabled = computed(() => isNumber(props.modelValue) && props.modelValue <= props.min);
-    const maxDisabled = computed(() => isNumber(props.modelValue) && props.modelValue >= props.max);
-    const numPrecision = computed(() => {
-      const stepPrecision = getPrecision(props.step);
-      if (!isUndefined(props.precision)) {
-        if (stepPrecision > props.precision) {
-          debugWarn("InputNumber", "precision should not be less than the decimal places of step");
-        }
-        return props.precision;
-      } else {
-        return Math.max(getPrecision(props.modelValue), stepPrecision);
-      }
-    });
-    const controlsAtRight = computed(() => {
-      return props.controls && props.controlsPosition === "right";
-    });
-    const inputNumberSize = useFormSize();
-    const inputNumberDisabled = useFormDisabled();
-    const displayValue = computed(() => {
-      if (data.userInput !== null) {
-        return data.userInput;
-      }
-      let currentValue = data.currentValue;
-      if (isNil(currentValue))
-        return "";
-      if (isNumber(currentValue)) {
-        if (Number.isNaN(currentValue))
-          return "";
-        if (!isUndefined(props.precision)) {
-          currentValue = currentValue.toFixed(props.precision);
-        }
-      }
-      return currentValue;
-    });
-    const toPrecision = (num, pre) => {
-      if (isUndefined(pre))
-        pre = numPrecision.value;
-      if (pre === 0)
-        return Math.round(num);
-      let snum = String(num);
-      const pointPos = snum.indexOf(".");
-      if (pointPos === -1)
-        return num;
-      const nums = snum.replace(".", "").split("");
-      const datum = nums[pointPos + pre];
-      if (!datum)
-        return num;
-      const length = snum.length;
-      if (snum.charAt(length - 1) === "5") {
-        snum = `${snum.slice(0, Math.max(0, length - 1))}6`;
-      }
-      return Number.parseFloat(Number(snum).toFixed(pre));
-    };
-    const getPrecision = (value) => {
-      if (isNil(value))
-        return 0;
-      const valueString = value.toString();
-      const dotPosition = valueString.indexOf(".");
-      let precision = 0;
-      if (dotPosition !== -1) {
-        precision = valueString.length - dotPosition - 1;
-      }
-      return precision;
-    };
-    const ensurePrecision = (val, coefficient = 1) => {
-      if (!isNumber(val))
-        return data.currentValue;
-      return toPrecision(val + props.step * coefficient);
-    };
-    const increase = () => {
-      if (props.readonly || inputNumberDisabled.value || maxDisabled.value)
-        return;
-      const value = Number(displayValue.value) || 0;
-      const newVal = ensurePrecision(value);
-      setCurrentValue(newVal);
-      emit(INPUT_EVENT, data.currentValue);
-      setCurrentValueToModelValue();
-    };
-    const decrease = () => {
-      if (props.readonly || inputNumberDisabled.value || minDisabled.value)
-        return;
-      const value = Number(displayValue.value) || 0;
-      const newVal = ensurePrecision(value, -1);
-      setCurrentValue(newVal);
-      emit(INPUT_EVENT, data.currentValue);
-      setCurrentValueToModelValue();
-    };
-    const verifyValue = (value, update) => {
-      const { max, min, step, precision, stepStrictly, valueOnClear } = props;
-      if (max < min) {
-        throwError("InputNumber", "min should not be greater than max.");
-      }
-      let newVal = Number(value);
-      if (isNil(value) || Number.isNaN(newVal)) {
-        return null;
-      }
-      if (value === "") {
-        if (valueOnClear === null) {
-          return null;
-        }
-        newVal = isString(valueOnClear) ? { min, max }[valueOnClear] : valueOnClear;
-      }
-      if (stepStrictly) {
-        newVal = toPrecision(Math.round(newVal / step) * step, precision);
-      }
-      if (!isUndefined(precision)) {
-        newVal = toPrecision(newVal, precision);
-      }
-      if (newVal > max || newVal < min) {
-        newVal = newVal > max ? max : min;
-        update && emit(UPDATE_MODEL_EVENT, newVal);
-      }
-      return newVal;
-    };
-    const setCurrentValue = (value, emitChange = true) => {
-      var _a;
-      const oldVal = data.currentValue;
-      const newVal = verifyValue(value);
-      if (!emitChange) {
-        emit(UPDATE_MODEL_EVENT, newVal);
-        return;
-      }
-      if (oldVal === newVal && value)
-        return;
-      data.userInput = null;
-      emit(UPDATE_MODEL_EVENT, newVal);
-      if (oldVal !== newVal) {
-        emit(CHANGE_EVENT, newVal, oldVal);
-      }
-      if (props.validateEvent) {
-        (_a = formItem == null ? void 0 : formItem.validate) == null ? void 0 : _a.call(formItem, "change").catch((err) => debugWarn(err));
-      }
-      data.currentValue = newVal;
-    };
-    const handleInput = (value) => {
-      data.userInput = value;
-      const newVal = value === "" ? null : Number(value);
-      emit(INPUT_EVENT, newVal);
-      setCurrentValue(newVal, false);
-    };
-    const handleInputChange = (value) => {
-      const newVal = value !== "" ? Number(value) : "";
-      if (isNumber(newVal) && !Number.isNaN(newVal) || value === "") {
-        setCurrentValue(newVal);
-      }
-      setCurrentValueToModelValue();
-      data.userInput = null;
-    };
-    const focus = () => {
-      var _a, _b;
-      (_b = (_a = input.value) == null ? void 0 : _a.focus) == null ? void 0 : _b.call(_a);
-    };
-    const blur = () => {
-      var _a, _b;
-      (_b = (_a = input.value) == null ? void 0 : _a.blur) == null ? void 0 : _b.call(_a);
-    };
-    const handleFocus = (event) => {
-      emit("focus", event);
-    };
-    const handleBlur = (event) => {
-      var _a;
-      data.userInput = null;
-      emit("blur", event);
-      if (props.validateEvent) {
-        (_a = formItem == null ? void 0 : formItem.validate) == null ? void 0 : _a.call(formItem, "blur").catch((err) => debugWarn(err));
-      }
-    };
-    const setCurrentValueToModelValue = () => {
-      if (data.currentValue !== props.modelValue) {
-        data.currentValue = props.modelValue;
-      }
-    };
-    const handleWheel = (e) => {
-      if (document.activeElement === e.target)
-        e.preventDefault();
-    };
-    watch(() => props.modelValue, (value, oldValue) => {
-      const newValue = verifyValue(value, true);
-      if (data.userInput === null && newValue !== oldValue) {
-        data.currentValue = newValue;
-      }
-    }, { immediate: true });
-    onMounted(() => {
-      var _a;
-      const { min, max, modelValue } = props;
-      const innerInput = (_a = input.value) == null ? void 0 : _a.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));
-      if (!isNumber(modelValue) && modelValue != null) {
-        let val = Number(modelValue);
-        if (Number.isNaN(val)) {
-          val = null;
-        }
-        emit(UPDATE_MODEL_EVENT, val);
-      }
-      innerInput.addEventListener("wheel", handleWheel, { passive: false });
-    });
-    onUpdated(() => {
-      var _a, _b;
-      const innerInput = (_a = input.value) == null ? void 0 : _a.input;
-      innerInput == null ? void 0 : innerInput.setAttribute("aria-valuenow", `${(_b = data.currentValue) != null ? _b : ""}`);
-    });
-    expose({
-      focus,
-      blur
-    });
-    return (_ctx, _cache) => {
-      return openBlock(), createElementBlock("div", {
-        class: normalizeClass([
-          unref(ns).b(),
-          unref(ns).m(unref(inputNumberSize)),
-          unref(ns).is("disabled", unref(inputNumberDisabled)),
-          unref(ns).is("without-controls", !_ctx.controls),
-          unref(ns).is("controls-right", unref(controlsAtRight))
-        ]),
-        onDragstart: withModifiers(() => {
-        }, ["prevent"])
-      }, [
-        _ctx.controls ? withDirectives((openBlock(), createElementBlock("span", {
-          key: 0,
-          role: "button",
-          "aria-label": unref(t)("el.inputNumber.decrease"),
-          class: normalizeClass([unref(ns).e("decrease"), unref(ns).is("disabled", unref(minDisabled))]),
-          onKeydown: withKeys(decrease, ["enter"])
-        }, [
-          renderSlot(_ctx.$slots, "decrease-icon", {}, () => [
-            createVNode(unref(ElIcon), null, {
-              default: withCtx(() => [
-                unref(controlsAtRight) ? (openBlock(), createBlock(unref(ArrowDown), { key: 0 })) : (openBlock(), createBlock(unref(Minus), { key: 1 }))
-              ]),
-              _: 1
-            })
-          ])
-        ], 42, ["aria-label", "onKeydown"])), [
-          [unref(vRepeatClick), decrease]
-        ]) : createCommentVNode("v-if", true),
-        _ctx.controls ? withDirectives((openBlock(), createElementBlock("span", {
-          key: 1,
-          role: "button",
-          "aria-label": unref(t)("el.inputNumber.increase"),
-          class: normalizeClass([unref(ns).e("increase"), unref(ns).is("disabled", unref(maxDisabled))]),
-          onKeydown: withKeys(increase, ["enter"])
-        }, [
-          renderSlot(_ctx.$slots, "increase-icon", {}, () => [
-            createVNode(unref(ElIcon), null, {
-              default: withCtx(() => [
-                unref(controlsAtRight) ? (openBlock(), createBlock(unref(ArrowUp), { key: 0 })) : (openBlock(), createBlock(unref(Plus), { key: 1 }))
-              ]),
-              _: 1
-            })
-          ])
-        ], 42, ["aria-label", "onKeydown"])), [
-          [unref(vRepeatClick), increase]
-        ]) : createCommentVNode("v-if", true),
-        createVNode(unref(ElInput), {
-          id: _ctx.id,
-          ref_key: "input",
-          ref: input,
-          type: "number",
-          step: _ctx.step,
-          "model-value": unref(displayValue),
-          placeholder: _ctx.placeholder,
-          readonly: _ctx.readonly,
-          disabled: unref(inputNumberDisabled),
-          size: unref(inputNumberSize),
-          max: _ctx.max,
-          min: _ctx.min,
-          name: _ctx.name,
-          "aria-label": _ctx.ariaLabel,
-          "validate-event": false,
-          onKeydown: [
-            withKeys(withModifiers(increase, ["prevent"]), ["up"]),
-            withKeys(withModifiers(decrease, ["prevent"]), ["down"])
-          ],
-          onBlur: handleBlur,
-          onFocus: handleFocus,
-          onInput: handleInput,
-          onChange: handleInputChange
-        }, null, 8, ["id", "step", "model-value", "placeholder", "readonly", "disabled", "size", "max", "min", "name", "aria-label", "onKeydown"])
-      ], 42, ["onDragstart"]);
-    };
-  }
-});
-var InputNumber = /* @__PURE__ */ _export_sfc(_sfc_main, [["__file", "input-number.vue"]]);
+const inputNumberEmits = {
+  [CHANGE_EVENT]: (cur, prev) => prev !== cur,
+  blur: (e) => e instanceof FocusEvent,
+  focus: (e) => e instanceof FocusEvent,
+  [INPUT_EVENT]: (val) => isNumber(val) || isNil(val),
+  [UPDATE_MODEL_EVENT]: (val) => isNumber(val) || isNil(val)
+};
 
-export { InputNumber as default };
+export { inputNumberEmits, inputNumberProps };
 //# sourceMappingURL=input-number2.mjs.map

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

@@ -1 +1 @@
-{"version":3,"file":"input-number2.mjs","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    ]\"\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      @keydown.up.prevent=\"increase\"\n      @keydown.down.prevent=\"decrease\"\n      @blur=\"handleBlur\"\n      @focus=\"handleFocus\"\n      @input=\"handleInput\"\n      @change=\"handleInputChange\"\n    />\n  </div>\n</template>\n<script lang=\"ts\" setup>\nimport { computed, onMounted, onUpdated, reactive, ref, watch } from 'vue'\nimport { isNil } from 'lodash-unified'\nimport { ArrowDown, ArrowUp, Minus, Plus } from '@element-plus/icons-vue'\nimport { ElInput } from '@code-monkey-ui/components/input'\nimport { ElIcon } from '@code-monkey-ui/components/icon'\nimport {\n  useFormDisabled,\n  useFormItem,\n  useFormSize,\n} from '@code-monkey-ui/components/form'\nimport { vRepeatClick } from '@code-monkey-ui/directives'\nimport { useLocale, useNamespace } from '@code-monkey-ui/hooks'\nimport {\n  debugWarn,\n  isNumber,\n  isString,\n  isUndefined,\n  throwError,\n} from '@code-monkey-ui/utils'\nimport {\n  CHANGE_EVENT,\n  INPUT_EVENT,\n  UPDATE_MODEL_EVENT,\n} from '@code-monkey-ui/constants'\nimport { inputNumberEmits, inputNumberProps } from './input-number'\n\nimport type { InputInstance } from '@code-monkey-ui/components/input'\n\ndefineOptions({\n  name: 'ElInputNumber',\n})\n\nconst props = defineProps(inputNumberProps)\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  // Solve the accuracy problem of JS decimal calculation by converting the value to integer.\n  return toPrecision(val + props.step * coefficient)\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(Math.round(newVal / step) * step, precision)\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  if (oldVal === newVal && value) return\n  data.userInput = null\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((err) => debugWarn(err))\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  emit('blur', event)\n  if (props.validateEvent) {\n    formItem?.validate?.('blur').catch((err) => debugWarn(err))\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)\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"],"names":[],"mappings":"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"}
+{"version":3,"file":"input-number2.mjs","sources":["../../../../../../packages/components/input-number/src/input-number.ts"],"sourcesContent":["import { isNil } from 'lodash-unified'\nimport { useAriaProps, useSizeProp } from '@code-monkey-ui/hooks'\nimport { buildProps, isNumber } from '@code-monkey-ui/utils'\nimport {\n  CHANGE_EVENT,\n  INPUT_EVENT,\n  UPDATE_MODEL_EVENT,\n} from '@code-monkey-ui/constants'\nimport type { ExtractPropTypes } from 'vue'\nimport type InputNumber from './input-number.vue'\n\nexport const inputNumberProps = buildProps({\n  /**\n   * @description same as `id` in native input\n   */\n  id: {\n    type: String,\n    default: undefined,\n  },\n  /**\n   * @description incremental step\n   */\n  step: {\n    type: Number,\n    default: 1,\n  },\n  /**\n   * @description whether input value can only be multiple of step\n   */\n  stepStrictly: Boolean,\n  /**\n   * @description the maximum allowed value\n   */\n  max: {\n    type: Number,\n    default: Number.POSITIVE_INFINITY,\n  },\n  /**\n   * @description the minimum allowed value\n   */\n  min: {\n    type: Number,\n    default: Number.NEGATIVE_INFINITY,\n  },\n  /**\n   * @description binding value\n   */\n  modelValue: Number,\n  /**\n   * @description same as `readonly` in native input\n   */\n  readonly: Boolean,\n  /**\n   * @description whether the component is disabled\n   */\n  disabled: Boolean,\n  /**\n   * @description size of the component\n   */\n  size: useSizeProp,\n  /**\n   * @description whether to enable the control buttons\n   */\n  controls: {\n    type: Boolean,\n    default: true,\n  },\n  /**\n   * @description position of the control buttons\n   */\n  controlsPosition: {\n    type: String,\n    default: '',\n    values: ['', 'right'],\n  },\n  /**\n   * @description value should be set when input box is cleared\n   */\n  valueOnClear: {\n    type: [String, Number, null],\n    validator: (val: 'min' | 'max' | number | null) =>\n      val === null || isNumber(val) || ['min', 'max'].includes(val),\n    default: null,\n  },\n  /**\n   * @description same as `name` in native input\n   */\n  name: String,\n  /**\n   * @description same as `placeholder` in native input\n   */\n  placeholder: String,\n  /**\n   * @description precision of input value\n   */\n  precision: {\n    type: Number,\n    validator: (val: number) =>\n      val >= 0 && val === Number.parseInt(`${val}`, 10),\n  },\n  /**\n   * @description whether to trigger form validation\n   */\n  validateEvent: {\n    type: Boolean,\n    default: true,\n  },\n  ...useAriaProps(['ariaLabel']),\n} as const)\nexport type InputNumberProps = ExtractPropTypes<typeof inputNumberProps>\n\nexport const inputNumberEmits = {\n  [CHANGE_EVENT]: (cur: number | undefined, prev: number | undefined) =>\n    prev !== cur,\n  blur: (e: FocusEvent) => e instanceof FocusEvent,\n  focus: (e: FocusEvent) => e instanceof FocusEvent,\n  [INPUT_EVENT]: (val: number | null | undefined) =>\n    isNumber(val) || isNil(val),\n  [UPDATE_MODEL_EVENT]: (val: number | undefined) =>\n    isNumber(val) || isNil(val),\n}\nexport type InputNumberEmits = typeof inputNumberEmits\n\nexport type InputNumberInstance = InstanceType<typeof InputNumber>\n"],"names":[],"mappings":";;;;;;;;;;AAQY,MAAC,gBAAgB,GAAG,UAAU,CAAC;AAC3C,EAAE,EAAE,EAAE;AACN,IAAI,IAAI,EAAE,MAAM;AAChB,IAAI,OAAO,EAAE,KAAK,CAAC;AACnB,GAAG;AACH,EAAE,IAAI,EAAE;AACR,IAAI,IAAI,EAAE,MAAM;AAChB,IAAI,OAAO,EAAE,CAAC;AACd,GAAG;AACH,EAAE,YAAY,EAAE,OAAO;AACvB,EAAE,GAAG,EAAE;AACP,IAAI,IAAI,EAAE,MAAM;AAChB,IAAI,OAAO,EAAE,MAAM,CAAC,iBAAiB;AACrC,GAAG;AACH,EAAE,GAAG,EAAE;AACP,IAAI,IAAI,EAAE,MAAM;AAChB,IAAI,OAAO,EAAE,MAAM,CAAC,iBAAiB;AACrC,GAAG;AACH,EAAE,UAAU,EAAE,MAAM;AACpB,EAAE,QAAQ,EAAE,OAAO;AACnB,EAAE,QAAQ,EAAE,OAAO;AACnB,EAAE,IAAI,EAAE,WAAW;AACnB,EAAE,QAAQ,EAAE;AACZ,IAAI,IAAI,EAAE,OAAO;AACjB,IAAI,OAAO,EAAE,IAAI;AACjB,GAAG;AACH,EAAE,gBAAgB,EAAE;AACpB,IAAI,IAAI,EAAE,MAAM;AAChB,IAAI,OAAO,EAAE,EAAE;AACf,IAAI,MAAM,EAAE,CAAC,EAAE,EAAE,OAAO,CAAC;AACzB,GAAG;AACH,EAAE,YAAY,EAAE;AAChB,IAAI,IAAI,EAAE,CAAC,MAAM,EAAE,MAAM,EAAE,IAAI,CAAC;AAChC,IAAI,SAAS,EAAE,CAAC,GAAG,KAAK,GAAG,KAAK,IAAI,IAAI,QAAQ,CAAC,GAAG,CAAC,IAAI,CAAC,KAAK,EAAE,KAAK,CAAC,CAAC,QAAQ,CAAC,GAAG,CAAC;AACrF,IAAI,OAAO,EAAE,IAAI;AACjB,GAAG;AACH,EAAE,IAAI,EAAE,MAAM;AACd,EAAE,WAAW,EAAE,MAAM;AACrB,EAAE,SAAS,EAAE;AACb,IAAI,IAAI,EAAE,MAAM;AAChB,IAAI,SAAS,EAAE,CAAC,GAAG,KAAK,GAAG,IAAI,CAAC,IAAI,GAAG,KAAK,MAAM,CAAC,QAAQ,CAAC,CAAC,EAAE,GAAG,CAAC,CAAC,EAAE,EAAE,CAAC;AACzE,GAAG;AACH,EAAE,aAAa,EAAE;AACjB,IAAI,IAAI,EAAE,OAAO;AACjB,IAAI,OAAO,EAAE,IAAI;AACjB,GAAG;AACH,EAAE,GAAG,YAAY,CAAC,CAAC,WAAW,CAAC,CAAC;AAChC,CAAC,EAAE;AACS,MAAC,gBAAgB,GAAG;AAChC,EAAE,CAAC,YAAY,GAAG,CAAC,GAAG,EAAE,IAAI,KAAK,IAAI,KAAK,GAAG;AAC7C,EAAE,IAAI,EAAE,CAAC,CAAC,KAAK,CAAC,YAAY,UAAU;AACtC,EAAE,KAAK,EAAE,CAAC,CAAC,KAAK,CAAC,YAAY,UAAU;AACvC,EAAE,CAAC,WAAW,GAAG,CAAC,GAAG,KAAK,QAAQ,CAAC,GAAG,CAAC,IAAI,KAAK,CAAC,GAAG,CAAC;AACrD,EAAE,CAAC,kBAAkB,GAAG,CAAC,GAAG,KAAK,QAAQ,CAAC,GAAG,CAAC,IAAI,KAAK,CAAC,GAAG,CAAC;AAC5D;;;;"}

package/es/components/menu/index.mjs

@@ -1,11 +1,11 @@
 import '../../utils/index.mjs';
 import Menu from './src/menu.mjs';
 export { menuEmits, menuProps } from './src/menu.mjs';
-import MenuItem from './src/menu-item2.mjs';
+import MenuItem from './src/menu-item.mjs';
 import MenuItemGroup from './src/menu-item-group2.mjs';
 import SubMenu from './src/sub-menu.mjs';
 export { subMenuProps } from './src/sub-menu.mjs';
-export { menuItemEmits, menuItemProps } from './src/menu-item.mjs';
+export { menuItemEmits, menuItemProps } from './src/menu-item2.mjs';
 export { menuItemGroupProps } from './src/menu-item-group.mjs';
 import './src/types.mjs';
 import './src/instance.mjs';

package/es/components/menu/src/menu-item.mjs

@@ -1,20 +1,103 @@
+import { defineComponent, getCurrentInstance, inject, toRef, computed, reactive, onMounted, onBeforeUnmount, resolveComponent, openBlock, createElementBlock, normalizeClass, createBlock, withCtx, renderSlot, createElementVNode, Fragment } from 'vue';
+import { ElTooltip } from '../../tooltip/index.mjs';
 import '../../../utils/index.mjs';
-import { buildProps, definePropType } from '../../../utils/vue/props/runtime.mjs';
-import { isString } from '@vue/shared';
+import '../../../hooks/index.mjs';
+import useMenu from './use-menu.mjs';
+import { menuItemProps, menuItemEmits } from './menu-item2.mjs';
+import _export_sfc from '../../../_virtual/plugin-vue_export-helper.mjs';
+import { useNamespace } from '../../../hooks/use-namespace/index.mjs';
+import { throwError } from '../../../utils/error.mjs';
 
-const menuItemProps = buildProps({
-  index: {
-    type: definePropType([String, null]),
-    default: null
+const COMPONENT_NAME = "ElMenuItem";
+const _sfc_main = defineComponent({
+  name: COMPONENT_NAME,
+  components: {
+    ElTooltip
   },
-  route: {
-    type: definePropType([String, Object])
-  },
-  disabled: Boolean
+  props: menuItemProps,
+  emits: menuItemEmits,
+  setup(props, { emit }) {
+    const instance = getCurrentInstance();
+    const rootMenu = inject("rootMenu");
+    const nsMenu = useNamespace("menu");
+    const nsMenuItem = useNamespace("menu-item");
+    if (!rootMenu)
+      throwError(COMPONENT_NAME, "can not inject root menu");
+    const { parentMenu, indexPath } = useMenu(instance, toRef(props, "index"));
+    const subMenu = inject(`subMenu:${parentMenu.value.uid}`);
+    if (!subMenu)
+      throwError(COMPONENT_NAME, "can not inject sub menu");
+    const active = computed(() => props.index === rootMenu.activeIndex);
+    const item = reactive({
+      index: props.index,
+      indexPath,
+      active
+    });
+    const handleClick = () => {
+      if (!props.disabled) {
+        rootMenu.handleMenuItemClick({
+          index: props.index,
+          indexPath: indexPath.value,
+          route: props.route
+        });
+        emit("click", item);
+      }
+    };
+    onMounted(() => {
+      subMenu.addSubMenu(item);
+      rootMenu.addMenuItem(item);
+    });
+    onBeforeUnmount(() => {
+      subMenu.removeSubMenu(item);
+      rootMenu.removeMenuItem(item);
+    });
+    return {
+      parentMenu,
+      rootMenu,
+      active,
+      nsMenu,
+      nsMenuItem,
+      handleClick
+    };
+  }
 });
-const menuItemEmits = {
-  click: (item) => isString(item.index) && Array.isArray(item.indexPath)
-};
+function _sfc_render(_ctx, _cache, $props, $setup, $data, $options) {
+  const _component_el_tooltip = resolveComponent("el-tooltip");
+  return openBlock(), createElementBlock("li", {
+    class: normalizeClass([
+      _ctx.nsMenuItem.b(),
+      _ctx.nsMenuItem.is("active", _ctx.active),
+      _ctx.nsMenuItem.is("disabled", _ctx.disabled)
+    ]),
+    role: "menuitem",
+    tabindex: "-1",
+    onClick: _ctx.handleClick
+  }, [
+    _ctx.parentMenu.type.name === "ElMenu" && _ctx.rootMenu.props.collapse && _ctx.$slots.title ? (openBlock(), createBlock(_component_el_tooltip, {
+      key: 0,
+      effect: _ctx.rootMenu.props.popperEffect,
+      placement: "right",
+      "fallback-placements": ["left"],
+      persistent: ""
+    }, {
+      content: withCtx(() => [
+        renderSlot(_ctx.$slots, "title")
+      ]),
+      default: withCtx(() => [
+        createElementVNode("div", {
+          class: normalizeClass(_ctx.nsMenu.be("tooltip", "trigger"))
+        }, [
+          renderSlot(_ctx.$slots, "default")
+        ], 2)
+      ]),
+      _: 3
+    }, 8, ["effect"])) : (openBlock(), createElementBlock(Fragment, { key: 1 }, [
+      renderSlot(_ctx.$slots, "default"),
+      renderSlot(_ctx.$slots, "title")
+    ], 64))
+  ], 10, ["onClick"]);
+}
+var MenuItem = /* @__PURE__ */ _export_sfc(_sfc_main, [["render", _sfc_render], ["__file", "menu-item.vue"]]);
 
-export { menuItemEmits, menuItemProps };
+export { MenuItem as default };
 //# sourceMappingURL=menu-item.mjs.map