element-pe 2.2.80 → 2.2.81

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

@@ -75,10 +75,10 @@ declare const _default: import("vue").DefineComponent<{
         onChange?: ((cur: number | undefined, prev: number | undefined) => any) | undefined;
         "onUpdate:modelValue"?: ((val: number | undefined) => any) | undefined;
         onInput?: ((val: number | null | undefined) => any) | undefined;
-        onFocus?: ((e: FocusEvent) => any) | undefined;
         onBlur?: ((e: FocusEvent) => any) | undefined;
+        onFocus?: ((e: FocusEvent) => any) | undefined;
     }>>;
-    emit: ((event: "update:modelValue", val: number | undefined) => void) & ((event: "change", cur: number | undefined, prev: number | undefined) => void) & ((event: "input", val: number | null | undefined) => void) & ((event: "focus", e: FocusEvent) => void) & ((event: "blur", e: FocusEvent) => void);
+    emit: ((event: "update:modelValue", val: number | undefined) => void) & ((event: "change", cur: number | undefined, prev: number | undefined) => void) & ((event: "input", val: number | null | undefined) => void) & ((event: "blur", e: FocusEvent) => void) & ((event: "focus", e: FocusEvent) => void);
     t: import("element-pe/es/hooks").Translator;
     ns: {
         namespace: import("vue").ComputedRef<string>;
@@ -199,15 +199,15 @@ declare const _default: import("vue").DefineComponent<{
             onChange?: ((value: string) => any) | undefined;
             "onUpdate:modelValue"?: ((value: string) => any) | undefined;
             onInput?: ((value: string) => any) | undefined;
-            onFocus?: ((evt: FocusEvent) => any) | undefined;
             onBlur?: ((evt: FocusEvent) => any) | undefined;
+            onFocus?: ((evt: FocusEvent) => any) | undefined;
             onClear?: (() => any) | undefined;
-            onMouseleave?: ((evt: MouseEvent) => any) | undefined;
-            onMouseenter?: ((evt: MouseEvent) => any) | undefined;
-            onKeydown?: ((evt: Event | KeyboardEvent) => any) | undefined;
+            onCompositionend?: ((evt: CompositionEvent) => any) | undefined;
             onCompositionstart?: ((evt: CompositionEvent) => any) | undefined;
             onCompositionupdate?: ((evt: CompositionEvent) => any) | undefined;
-            onCompositionend?: ((evt: CompositionEvent) => any) | undefined;
+            onKeydown?: ((evt: Event | KeyboardEvent) => any) | undefined;
+            onMouseenter?: ((evt: MouseEvent) => any) | undefined;
+            onMouseleave?: ((evt: MouseEvent) => any) | undefined;
         } & import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, "type" | "modelValue" | "label" | "id" | "disabled" | "clearable" | "tableInput" | "autosize" | "autocomplete" | "readonly" | "showPassword" | "showWordLimit" | "containerRole" | "tabindex" | "validateEvent" | "inputStyle">;
         $attrs: {
             [x: string]: unknown;
@@ -220,7 +220,7 @@ declare const _default: import("vue").DefineComponent<{
         }>;
         $root: import("vue").ComponentPublicInstance<{}, {}, {}, {}, {}, {}, {}, {}, false, import("vue").ComponentOptionsBase<any, any, any, any, any, any, any, any, any, {}>> | null;
         $parent: import("vue").ComponentPublicInstance<{}, {}, {}, {}, {}, {}, {}, {}, false, import("vue").ComponentOptionsBase<any, any, any, any, any, any, any, any, any, {}>> | null;
-        $emit: ((event: "update:modelValue", value: string) => void) & ((event: "change", value: string) => void) & ((event: "input", value: string) => void) & ((event: "focus", evt: FocusEvent) => void) & ((event: "blur", evt: FocusEvent) => void) & ((event: "clear") => void) & ((event: "mouseleave", evt: MouseEvent) => void) & ((event: "mouseenter", evt: MouseEvent) => void) & ((event: "keydown", evt: Event | KeyboardEvent) => void) & ((event: "compositionstart", evt: CompositionEvent) => void) & ((event: "compositionupdate", evt: CompositionEvent) => void) & ((event: "compositionend", evt: CompositionEvent) => void);
+        $emit: ((event: "update:modelValue", value: string) => void) & ((event: "change", value: string) => void) & ((event: "input", value: string) => void) & ((event: "blur", evt: FocusEvent) => void) & ((event: "compositionend", evt: CompositionEvent) => void) & ((event: "compositionstart", evt: CompositionEvent) => void) & ((event: "compositionupdate", evt: CompositionEvent) => void) & ((event: "focus", evt: FocusEvent) => void) & ((event: "keydown", evt: Event | KeyboardEvent) => void) & ((event: "mouseenter", evt: MouseEvent) => void) & ((event: "mouseleave", evt: MouseEvent) => void) & ((event: "clear") => void);
         $el: any;
         $options: import("vue").ComponentOptionsBase<Readonly<import("vue").ExtractPropTypes<{
             readonly id: import("element-pe/es/utils").EpPropFinalized<StringConstructor, unknown, unknown, undefined, boolean>;
@@ -303,15 +303,15 @@ declare const _default: import("vue").DefineComponent<{
             onChange?: ((value: string) => any) | undefined;
             "onUpdate:modelValue"?: ((value: string) => any) | undefined;
             onInput?: ((value: string) => any) | undefined;
-            onFocus?: ((evt: FocusEvent) => any) | undefined;
             onBlur?: ((evt: FocusEvent) => any) | undefined;
+            onFocus?: ((evt: FocusEvent) => any) | undefined;
             onClear?: (() => any) | undefined;
-            onMouseleave?: ((evt: MouseEvent) => any) | undefined;
-            onMouseenter?: ((evt: MouseEvent) => any) | undefined;
-            onKeydown?: ((evt: Event | KeyboardEvent) => any) | undefined;
+            onCompositionend?: ((evt: CompositionEvent) => any) | undefined;
             onCompositionstart?: ((evt: CompositionEvent) => any) | undefined;
             onCompositionupdate?: ((evt: CompositionEvent) => any) | undefined;
-            onCompositionend?: ((evt: CompositionEvent) => any) | undefined;
+            onKeydown?: ((evt: Event | KeyboardEvent) => any) | undefined;
+            onMouseenter?: ((evt: MouseEvent) => any) | undefined;
+            onMouseleave?: ((evt: MouseEvent) => any) | undefined;
         }, {
             props: Readonly<import("@vue/shared").LooseRequired<Readonly<import("vue").ExtractPropTypes<{
                 readonly id: import("element-pe/es/utils").EpPropFinalized<StringConstructor, unknown, unknown, undefined, boolean>;
@@ -394,17 +394,17 @@ declare const _default: import("vue").DefineComponent<{
                 onChange?: ((value: string) => any) | undefined;
                 "onUpdate:modelValue"?: ((value: string) => any) | undefined;
                 onInput?: ((value: string) => any) | undefined;
-                onFocus?: ((evt: FocusEvent) => any) | undefined;
                 onBlur?: ((evt: FocusEvent) => any) | undefined;
+                onFocus?: ((evt: FocusEvent) => any) | undefined;
                 onClear?: (() => any) | undefined;
-                onMouseleave?: ((evt: MouseEvent) => any) | undefined;
-                onMouseenter?: ((evt: MouseEvent) => any) | undefined;
-                onKeydown?: ((evt: Event | KeyboardEvent) => any) | undefined;
+                onCompositionend?: ((evt: CompositionEvent) => any) | undefined;
                 onCompositionstart?: ((evt: CompositionEvent) => any) | undefined;
                 onCompositionupdate?: ((evt: CompositionEvent) => any) | undefined;
-                onCompositionend?: ((evt: CompositionEvent) => any) | undefined;
+                onKeydown?: ((evt: Event | KeyboardEvent) => any) | undefined;
+                onMouseenter?: ((evt: MouseEvent) => any) | undefined;
+                onMouseleave?: ((evt: MouseEvent) => any) | undefined;
             }>>;
-            emit: ((event: "update:modelValue", value: string) => void) & ((event: "change", value: string) => void) & ((event: "input", value: string) => void) & ((event: "focus", evt: FocusEvent) => void) & ((event: "blur", evt: FocusEvent) => void) & ((event: "clear") => void) & ((event: "mouseleave", evt: MouseEvent) => void) & ((event: "mouseenter", evt: MouseEvent) => void) & ((event: "keydown", evt: Event | KeyboardEvent) => void) & ((event: "compositionstart", evt: CompositionEvent) => void) & ((event: "compositionupdate", evt: CompositionEvent) => void) & ((event: "compositionend", evt: CompositionEvent) => void);
+            emit: ((event: "update:modelValue", value: string) => void) & ((event: "change", value: string) => void) & ((event: "input", value: string) => void) & ((event: "blur", evt: FocusEvent) => void) & ((event: "compositionend", evt: CompositionEvent) => void) & ((event: "compositionstart", evt: CompositionEvent) => void) & ((event: "compositionupdate", evt: CompositionEvent) => void) & ((event: "focus", evt: FocusEvent) => void) & ((event: "keydown", evt: Event | KeyboardEvent) => void) & ((event: "mouseenter", evt: MouseEvent) => void) & ((event: "mouseleave", evt: MouseEvent) => void) & ((event: "clear") => void);
             table: import("../../table/src/table/defaults").Table<any> | undefined;
             rawAttrs: {
                 [x: string]: unknown;
@@ -473,7 +473,7 @@ declare const _default: import("vue").DefineComponent<{
             handleFocus: (event: FocusEvent) => void;
             handleBlur: (event: FocusEvent) => void;
             needStatusIcon: import("vue").ComputedRef<boolean>;
-            validateState: import("vue").ComputedRef<"" | "success" | "error" | "validating">;
+            validateState: import("vue").ComputedRef<"" | "error" | "success" | "validating">;
             validateIcon: import("vue").ComputedRef<"" | import("vue").DefineComponent<{}, {}, {}, import("vue").ComputedOptions, import("vue").MethodOptions, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{}>>, {}>>;
             passwordIcon: import("vue").ComputedRef<import("vue").DefineComponent<{}, {}, {}, import("vue").ComputedOptions, import("vue").MethodOptions, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{}>>, {}>>;
             containerStyle: import("vue").ComputedRef<import("vue").StyleValue>;
@@ -700,15 +700,15 @@ declare const _default: import("vue").DefineComponent<{
         onChange?: ((value: string) => any) | undefined;
         "onUpdate:modelValue"?: ((value: string) => any) | undefined;
         onInput?: ((value: string) => any) | undefined;
-        onFocus?: ((evt: FocusEvent) => any) | undefined;
         onBlur?: ((evt: FocusEvent) => any) | undefined;
+        onFocus?: ((evt: FocusEvent) => any) | undefined;
         onClear?: (() => any) | undefined;
-        onMouseleave?: ((evt: MouseEvent) => any) | undefined;
-        onMouseenter?: ((evt: MouseEvent) => any) | undefined;
-        onKeydown?: ((evt: Event | KeyboardEvent) => any) | undefined;
+        onCompositionend?: ((evt: CompositionEvent) => any) | undefined;
         onCompositionstart?: ((evt: CompositionEvent) => any) | undefined;
         onCompositionupdate?: ((evt: CompositionEvent) => any) | undefined;
-        onCompositionend?: ((evt: CompositionEvent) => any) | undefined;
+        onKeydown?: ((evt: Event | KeyboardEvent) => any) | undefined;
+        onMouseenter?: ((evt: MouseEvent) => any) | undefined;
+        onMouseleave?: ((evt: MouseEvent) => any) | undefined;
     } & import("vue").ShallowUnwrapRef<{
         props: Readonly<import("@vue/shared").LooseRequired<Readonly<import("vue").ExtractPropTypes<{
             readonly id: import("element-pe/es/utils").EpPropFinalized<StringConstructor, unknown, unknown, undefined, boolean>;
@@ -791,17 +791,17 @@ declare const _default: import("vue").DefineComponent<{
             onChange?: ((value: string) => any) | undefined;
             "onUpdate:modelValue"?: ((value: string) => any) | undefined;
             onInput?: ((value: string) => any) | undefined;
-            onFocus?: ((evt: FocusEvent) => any) | undefined;
             onBlur?: ((evt: FocusEvent) => any) | undefined;
+            onFocus?: ((evt: FocusEvent) => any) | undefined;
             onClear?: (() => any) | undefined;
-            onMouseleave?: ((evt: MouseEvent) => any) | undefined;
-            onMouseenter?: ((evt: MouseEvent) => any) | undefined;
-            onKeydown?: ((evt: Event | KeyboardEvent) => any) | undefined;
+            onCompositionend?: ((evt: CompositionEvent) => any) | undefined;
             onCompositionstart?: ((evt: CompositionEvent) => any) | undefined;
             onCompositionupdate?: ((evt: CompositionEvent) => any) | undefined;
-            onCompositionend?: ((evt: CompositionEvent) => any) | undefined;
+            onKeydown?: ((evt: Event | KeyboardEvent) => any) | undefined;
+            onMouseenter?: ((evt: MouseEvent) => any) | undefined;
+            onMouseleave?: ((evt: MouseEvent) => any) | undefined;
         }>>;
-        emit: ((event: "update:modelValue", value: string) => void) & ((event: "change", value: string) => void) & ((event: "input", value: string) => void) & ((event: "focus", evt: FocusEvent) => void) & ((event: "blur", evt: FocusEvent) => void) & ((event: "clear") => void) & ((event: "mouseleave", evt: MouseEvent) => void) & ((event: "mouseenter", evt: MouseEvent) => void) & ((event: "keydown", evt: Event | KeyboardEvent) => void) & ((event: "compositionstart", evt: CompositionEvent) => void) & ((event: "compositionupdate", evt: CompositionEvent) => void) & ((event: "compositionend", evt: CompositionEvent) => void);
+        emit: ((event: "update:modelValue", value: string) => void) & ((event: "change", value: string) => void) & ((event: "input", value: string) => void) & ((event: "blur", evt: FocusEvent) => void) & ((event: "compositionend", evt: CompositionEvent) => void) & ((event: "compositionstart", evt: CompositionEvent) => void) & ((event: "compositionupdate", evt: CompositionEvent) => void) & ((event: "focus", evt: FocusEvent) => void) & ((event: "keydown", evt: Event | KeyboardEvent) => void) & ((event: "mouseenter", evt: MouseEvent) => void) & ((event: "mouseleave", evt: MouseEvent) => void) & ((event: "clear") => void);
         table: import("../../table/src/table/defaults").Table<any> | undefined;
         rawAttrs: {
             [x: string]: unknown;
@@ -870,7 +870,7 @@ declare const _default: import("vue").DefineComponent<{
         handleFocus: (event: FocusEvent) => void;
         handleBlur: (event: FocusEvent) => void;
         needStatusIcon: import("vue").ComputedRef<boolean>;
-        validateState: import("vue").ComputedRef<"" | "success" | "error" | "validating">;
+        validateState: import("vue").ComputedRef<"" | "error" | "success" | "validating">;
         validateIcon: import("vue").ComputedRef<"" | import("vue").DefineComponent<{}, {}, {}, import("vue").ComputedOptions, import("vue").MethodOptions, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{}>>, {}>>;
         passwordIcon: import("vue").ComputedRef<import("vue").DefineComponent<{}, {}, {}, import("vue").ComputedOptions, import("vue").MethodOptions, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{}>>, {}>>;
         containerStyle: import("vue").ComputedRef<import("vue").StyleValue>;
@@ -1154,17 +1154,17 @@ declare const _default: import("vue").DefineComponent<{
             onChange?: ((value: string) => any) | undefined;
             "onUpdate:modelValue"?: ((value: string) => any) | undefined;
             onInput?: ((value: string) => any) | undefined;
-            onFocus?: ((evt: FocusEvent) => any) | undefined;
             onBlur?: ((evt: FocusEvent) => any) | undefined;
+            onFocus?: ((evt: FocusEvent) => any) | undefined;
             onClear?: (() => any) | undefined;
-            onMouseleave?: ((evt: MouseEvent) => any) | undefined;
-            onMouseenter?: ((evt: MouseEvent) => any) | undefined;
-            onKeydown?: ((evt: Event | KeyboardEvent) => any) | undefined;
+            onCompositionend?: ((evt: CompositionEvent) => any) | undefined;
             onCompositionstart?: ((evt: CompositionEvent) => any) | undefined;
             onCompositionupdate?: ((evt: CompositionEvent) => any) | undefined;
-            onCompositionend?: ((evt: CompositionEvent) => any) | undefined;
+            onKeydown?: ((evt: Event | KeyboardEvent) => any) | undefined;
+            onMouseenter?: ((evt: MouseEvent) => any) | undefined;
+            onMouseleave?: ((evt: MouseEvent) => any) | undefined;
         }>>;
-        emit: ((event: "update:modelValue", value: string) => void) & ((event: "change", value: string) => void) & ((event: "input", value: string) => void) & ((event: "focus", evt: FocusEvent) => void) & ((event: "blur", evt: FocusEvent) => void) & ((event: "clear") => void) & ((event: "mouseleave", evt: MouseEvent) => void) & ((event: "mouseenter", evt: MouseEvent) => void) & ((event: "keydown", evt: Event | KeyboardEvent) => void) & ((event: "compositionstart", evt: CompositionEvent) => void) & ((event: "compositionupdate", evt: CompositionEvent) => void) & ((event: "compositionend", evt: CompositionEvent) => void);
+        emit: ((event: "update:modelValue", value: string) => void) & ((event: "change", value: string) => void) & ((event: "input", value: string) => void) & ((event: "blur", evt: FocusEvent) => void) & ((event: "compositionend", evt: CompositionEvent) => void) & ((event: "compositionstart", evt: CompositionEvent) => void) & ((event: "compositionupdate", evt: CompositionEvent) => void) & ((event: "focus", evt: FocusEvent) => void) & ((event: "keydown", evt: Event | KeyboardEvent) => void) & ((event: "mouseenter", evt: MouseEvent) => void) & ((event: "mouseleave", evt: MouseEvent) => void) & ((event: "clear") => void);
         table: import("../../table/src/table/defaults").Table<any> | undefined;
         rawAttrs: {
             [x: string]: unknown;
@@ -1233,7 +1233,7 @@ declare const _default: import("vue").DefineComponent<{
         handleFocus: (event: FocusEvent) => void;
         handleBlur: (event: FocusEvent) => void;
         needStatusIcon: import("vue").ComputedRef<boolean>;
-        validateState: import("vue").ComputedRef<"" | "success" | "error" | "validating">;
+        validateState: import("vue").ComputedRef<"" | "error" | "success" | "validating">;
         validateIcon: import("vue").ComputedRef<"" | import("vue").DefineComponent<{}, {}, {}, import("vue").ComputedOptions, import("vue").MethodOptions, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{}>>, {}>>;
         passwordIcon: import("vue").ComputedRef<import("vue").DefineComponent<{}, {}, {}, import("vue").ComputedOptions, import("vue").MethodOptions, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{}>>, {}>>;
         containerStyle: import("vue").ComputedRef<import("vue").StyleValue>;
@@ -1423,15 +1423,15 @@ declare const _default: import("vue").DefineComponent<{
         onChange?: ((value: string) => any) | undefined;
         "onUpdate:modelValue"?: ((value: string) => any) | undefined;
         onInput?: ((value: string) => any) | undefined;
-        onFocus?: ((evt: FocusEvent) => any) | undefined;
         onBlur?: ((evt: FocusEvent) => any) | undefined;
+        onFocus?: ((evt: FocusEvent) => any) | undefined;
         onClear?: (() => any) | undefined;
-        onMouseleave?: ((evt: MouseEvent) => any) | undefined;
-        onMouseenter?: ((evt: MouseEvent) => any) | undefined;
-        onKeydown?: ((evt: Event | KeyboardEvent) => any) | undefined;
+        onCompositionend?: ((evt: CompositionEvent) => any) | undefined;
         onCompositionstart?: ((evt: CompositionEvent) => any) | undefined;
         onCompositionupdate?: ((evt: CompositionEvent) => any) | undefined;
-        onCompositionend?: ((evt: CompositionEvent) => any) | undefined;
+        onKeydown?: ((evt: Event | KeyboardEvent) => any) | undefined;
+        onMouseenter?: ((evt: MouseEvent) => any) | undefined;
+        onMouseleave?: ((evt: MouseEvent) => any) | undefined;
     }, {
         readonly type: string;
         readonly modelValue: import("element-pe/es/utils").EpPropMergeType<(new (...args: any[]) => (string | number | null | undefined) & {}) | (() => string | number | null | undefined) | ((new (...args: any[]) => (string | number | null | undefined) & {}) | (() => string | number | null | undefined))[], unknown, unknown>;
@@ -1564,8 +1564,8 @@ declare const _default: import("vue").DefineComponent<{
     onChange?: ((cur: number | undefined, prev: number | undefined) => any) | undefined;
     "onUpdate:modelValue"?: ((val: number | undefined) => any) | undefined;
     onInput?: ((val: number | null | undefined) => any) | undefined;
-    onFocus?: ((e: FocusEvent) => any) | undefined;
     onBlur?: ((e: FocusEvent) => any) | undefined;
+    onFocus?: ((e: FocusEvent) => any) | undefined;
 }, {
     readonly id: string;
     readonly disabled: boolean;

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

@@ -1,344 +1,78 @@
-import { defineComponent, ref, inject, reactive, computed, onMounted, onUpdated, openBlock, createElementBlock, normalizeClass, unref, withModifiers, withDirectives, withKeys, createVNode, withCtx, createBlock, createCommentVNode } from 'vue';
-import '../../config-provider/index.mjs';
 import { isNil } from 'lodash-unified';
-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 { ArrowDown, Minus, ArrowUp, Plus } from '@element-plus/icons-vue';
 import '../../../constants/index.mjs';
-import { inputNumberProps, inputNumberEmits } from './input-number.mjs';
-import { TABLE_INJECTION_KEY } from '../../table/src/tokens.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, useFormViewMode } 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 { watch } from '../../config-provider/src/for-editor.mjs';
-import { vRepeatClick } from '../../../directives/repeat-click/index.mjs';
+import { buildProps } from '../../../utils/vue/props/runtime.mjs';
+import { viewModes } from '../../../constants/size.mjs';
+import { useSizeProp } from '../../../hooks/use-size/index.mjs';
+import { isNumber } from '../../../utils/types.mjs';
+import { CHANGE_EVENT, INPUT_EVENT, UPDATE_MODEL_EVENT } from '../../../constants/event.mjs';
 
-const _hoisted_1 = ["aria-label", "onKeydown"];
-const _hoisted_2 = ["aria-label", "onKeydown"];
-const __default__ = defineComponent({
-  name: "ElInputNumber"
-});
-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 table = inject(TABLE_INJECTION_KEY, void 0);
-    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 isTableInput = computed(() => table && props.tableInput);
-    const inputNumberSize = computed(() => {
-      if (isTableInput.value) {
-        return table.props.size === "small" ? "small" : "";
-      } else {
-        const formSize = useFormSize();
-        return formSize.value;
-      }
-    });
-    const inputNumberDisabled = useFormDisabled();
-    const inputNumberViewMode = useFormViewMode();
-    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 || inputNumberViewMode.value || maxDisabled.value)
-        return;
-      const value = Number(displayValue.value) || 0;
-      const newVal = ensurePrecision(value);
-      setCurrentValue(newVal);
-      emit(INPUT_EVENT, data.currentValue);
-    };
-    const decrease = () => {
-      if (props.readonly || inputNumberDisabled.value || inputNumberViewMode.value || minDisabled.value)
-        return;
-      const value = Number(displayValue.value) || 0;
-      const newVal = ensurePrecision(value, -1);
-      setCurrentValue(newVal);
-      emit(INPUT_EVENT, data.currentValue);
-    };
-    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)
-        return;
-      data.userInput = null;
-      emit(UPDATE_MODEL_EVENT, 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);
-      }
-      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;
-      emit("blur", event);
-      if (props.validateEvent) {
-        (_a = formItem == null ? void 0 : formItem.validate) == null ? void 0 : _a.call(formItem, "blur").catch((err) => debugWarn(err));
-      }
-    };
-    watch(() => props.modelValue, (value) => {
-      const userInput = verifyValue(data.userInput);
-      const newValue = verifyValue(value, true);
-      if (!isNumber(userInput) && (!userInput || userInput !== newValue)) {
-        if (data.userInput !== "") {
-          data.currentValue = newValue;
-          data.userInput = null;
-        }
-      }
-    }, { 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", String(data.currentValue));
-      innerInput.setAttribute("aria-disabled", String(inputNumberDisabled.value));
-      innerInput.setAttribute("aria-view-mode", String(inputNumberViewMode.value));
-      if (!isNumber(modelValue) && modelValue != null) {
-        let val = Number(modelValue);
-        if (Number.isNaN(val)) {
-          val = null;
-        }
-        emit(UPDATE_MODEL_EVENT, val);
-      }
-    });
-    onUpdated(() => {
-      var _a;
-      const innerInput = (_a = input.value) == null ? void 0 : _a.input;
-      innerInput == null ? void 0 : innerInput.setAttribute("aria-valuenow", `${data.currentValue}`);
-    });
-    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("view-mode", !!unref(inputNumberViewMode)),
-          unref(ns).is("table-input", unref(isTableInput)),
-          unref(ns).is("without-controls", !_ctx.controls),
-          unref(ns).is("controls-right", unref(controlsAtRight)),
-          _ctx.textAlign ? "text-align--" + _ctx.textAlign : ""
-        ]),
-        onDragstart: _cache[1] || (_cache[1] = 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"])
-        }, [
-          createVNode(unref(ElIcon), null, {
-            default: withCtx(() => [
-              unref(controlsAtRight) ? (openBlock(), createBlock(unref(ArrowDown), { key: 0 })) : (openBlock(), createBlock(unref(Minus), { key: 1 }))
-            ]),
-            _: 1
-          })
-        ], 42, _hoisted_1)), [
-          [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"])
-        }, [
-          createVNode(unref(ElIcon), null, {
-            default: withCtx(() => [
-              unref(controlsAtRight) ? (openBlock(), createBlock(unref(ArrowUp), { key: 0 })) : (openBlock(), createBlock(unref(Plus), { key: 1 }))
-            ]),
-            _: 1
-          })
-        ], 42, _hoisted_2)), [
-          [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),
-          "view-mode": unref(inputNumberViewMode),
-          "table-input": unref(isTableInput),
-          size: unref(inputNumberSize),
-          max: _ctx.max,
-          min: _ctx.min,
-          name: _ctx.name,
-          label: _ctx.label,
-          "validate-event": false,
-          onWheel: _cache[0] || (_cache[0] = withModifiers(() => {
-          }, ["prevent"])),
-          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", "view-mode", "table-input", "size", "max", "min", "name", "label", "onKeydown"])
-      ], 34);
-    };
+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,
+  viewMode: {
+    type: String,
+    values: viewModes
+  },
+  tableInput: Boolean,
+  size: useSizeProp,
+  controls: {
+    type: Boolean,
+    default: true
+  },
+  controlsPosition: {
+    type: String,
+    default: "",
+    values: ["", "right"]
+  },
+  textAlign: {
+    type: String,
+    default: "center",
+    values: ["", "left", "center", "right"]
+  },
+  valueOnClear: {
+    type: [String, Number, null],
+    validator: (val) => val === null || isNumber(val) || ["min", "max"].includes(val),
+    default: null
+  },
+  name: String,
+  label: String,
+  placeholder: String,
+  precision: {
+    type: Number,
+    validator: (val) => val >= 0 && val === Number.parseInt(`${val}`, 10)
+  },
+  validateEvent: {
+    type: Boolean,
+    default: true
   }
 });
-var InputNumber = /* @__PURE__ */ _export_sfc(_sfc_main, [["__file", "D:\\workspace\\element-pe\\packages\\components\\input-number\\src\\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