element-pe 2.2.96 → 2.2.97

package/es/components/index.mjs

@@ -77,32 +77,32 @@ export { ElMessage } from './message/index.mjs';
 export { ElMessageBox } from './message-box/index.mjs';
 export { ElNotification } from './notification/index.mjs';
 export { ElPopover, ElPopoverDirective } from './popover/index.mjs';
-export { affixEmits, affixProps } from './affix/src/affix2.mjs';
+export { affixEmits, affixProps } from './affix/src/affix.mjs';
 export { alertEffects, alertEmits, alertProps } from './alert/src/alert.mjs';
 export { autocompleteEmits, autocompleteProps } from './autocomplete/src/autocomplete2.mjs';
-export { avatarEmits, avatarProps } from './avatar/src/avatar.mjs';
-export { backtopEmits, backtopProps } from './backtop/src/backtop2.mjs';
+export { avatarEmits, avatarProps } from './avatar/src/avatar2.mjs';
+export { backtopEmits, backtopProps } from './backtop/src/backtop.mjs';
 export { badgeProps } from './badge/src/badge.mjs';
-export { breadcrumbProps } from './breadcrumb/src/breadcrumb.mjs';
+export { breadcrumbProps } from './breadcrumb/src/breadcrumb2.mjs';
 export { breadcrumbItemProps } from './breadcrumb/src/breadcrumb-item.mjs';
 export { breadcrumbKey } from './breadcrumb/src/constants.mjs';
 export { buttonEmits, buttonNativeTypes, buttonProps, buttonTypes } from './button/src/button2.mjs';
 export { buttonGroupContextKey } from './button/src/constants.mjs';
 export { calendarEmits, calendarProps } from './calendar/src/calendar2.mjs';
-export { cardProps } from './card/src/card2.mjs';
+export { cardProps } from './card/src/card.mjs';
 export { carouselEmits, carouselProps } from './carousel/src/carousel.mjs';
-export { carouselItemProps } from './carousel/src/carousel-item.mjs';
+export { carouselItemProps } from './carousel/src/carousel-item2.mjs';
 export { carouselContextKey } from './carousel/src/constants.mjs';
 export { cascaderEmits, cascaderProps } from './cascader/src/cascader.mjs';
 export { CASCADER_PANEL_INJECTION_KEY } from './cascader-panel/src/types.mjs';
 export { CommonProps, DefaultProps, useCascaderConfig } from './cascader-panel/src/config.mjs';
 export { checkTagEmits, checkTagProps } from './check-tag/src/check-tag.mjs';
-export { checkboxGroupEmits, checkboxGroupProps } from './checkbox/src/checkbox-group.mjs';
-export { checkboxEmits, checkboxProps } from './checkbox/src/checkbox2.mjs';
+export { checkboxGroupEmits, checkboxGroupProps } from './checkbox/src/checkbox-group2.mjs';
+export { checkboxEmits, checkboxProps } from './checkbox/src/checkbox.mjs';
 export { checkboxGroupContextKey } from './checkbox/src/constants.mjs';
 export { colProps } from './col/src/col2.mjs';
 export { collapseEmits, collapseProps, emitChangeFn } from './collapse/src/collapse.mjs';
-export { collapseItemProps } from './collapse/src/collapse-item2.mjs';
+export { collapseItemProps } from './collapse/src/collapse-item.mjs';
 export { collapseContextKey } from './collapse/src/constants.mjs';
 export { colorPickerContextKey, colorPickerEmits, colorPickerProps } from './color-picker/src/color-picker.mjs';
 export { messageConfig } from './config-provider/src/config-provider.mjs';
@@ -113,41 +113,41 @@ export { watch, watchEffect } from './config-provider/src/for-editor.mjs';
 export { countdownEmits, countdownProps } from './countdown/src/countdown2.mjs';
 export { ROOT_PICKER_INJECTION_KEY } from './date-picker/src/constants.mjs';
 export { datePickerProps } from './date-picker/src/props/date-picker.mjs';
-export { descriptionProps } from './descriptions/src/description2.mjs';
+export { descriptionProps } from './descriptions/src/description.mjs';
 export { useDialog } from './dialog/src/use-dialog.mjs';
 export { dialogEmits, dialogProps } from './dialog/src/dialog.mjs';
 export { dialogInjectionKey } from './dialog/src/constants.mjs';
-export { dividerProps } from './divider/src/divider.mjs';
-export { drawerEmits, drawerProps } from './drawer/src/drawer2.mjs';
-export { DROPDOWN_COLLECTION_INJECTION_KEY, DROPDOWN_COLLECTION_ITEM_INJECTION_KEY, ElCollection, ElCollectionItem, FIRST_KEYS, FIRST_LAST_KEYS, LAST_KEYS, dropdownItemProps, dropdownMenuProps, dropdownProps } from './dropdown/src/dropdown.mjs';
+export { dividerProps } from './divider/src/divider2.mjs';
+export { drawerEmits, drawerProps } from './drawer/src/drawer.mjs';
+export { DROPDOWN_COLLECTION_INJECTION_KEY, DROPDOWN_COLLECTION_ITEM_INJECTION_KEY, ElCollection, ElCollectionItem, FIRST_KEYS, FIRST_LAST_KEYS, LAST_KEYS, dropdownItemProps, dropdownMenuProps, dropdownProps } from './dropdown/src/dropdown2.mjs';
 export { DROPDOWN_INJECTION_KEY } from './dropdown/src/tokens.mjs';
 export { emptyProps } from './empty/src/empty2.mjs';
 export { formEmits, formProps } from './form/src/form.mjs';
-export { formItemProps, formItemValidateStates } from './form/src/form-item2.mjs';
+export { formItemProps, formItemValidateStates } from './form/src/form-item.mjs';
 export { formContextKey, formItemContextKey } from './form/src/constants.mjs';
 export { useDisabled, useFormDisabled, useFormSize, useFormViewMode, useSize, useViewMode } from './form/src/hooks/use-form-common-props.mjs';
 export { useFormItem, useFormItemInputId } from './form/src/hooks/use-form-item.mjs';
-export { iconProps } from './icon/src/icon.mjs';
+export { iconProps } from './icon/src/icon2.mjs';
 export { imageEmits, imageProps } from './image/src/image.mjs';
 export { imageViewerEmits, imageViewerProps } from './image-viewer/src/image-viewer.mjs';
 export { inputEmits, inputProps } from './input/src/input.mjs';
-export { inputNumberEmits, inputNumberProps } from './input-number/src/input-number2.mjs';
+export { inputNumberEmits, inputNumberProps } from './input-number/src/input-number.mjs';
 export { linkEmits, linkProps } from './link/src/link2.mjs';
 export { menuEmits, menuProps } from './menu/src/menu.mjs';
 export { menuItemEmits, menuItemProps } from './menu/src/menu-item2.mjs';
-export { menuItemGroupProps } from './menu/src/menu-item-group2.mjs';
+export { menuItemGroupProps } from './menu/src/menu-item-group.mjs';
 export { subMenuProps } from './menu/src/sub-menu.mjs';
 export { overlayEmits, overlayProps } from './overlay/src/overlay.mjs';
-export { pageHeaderEmits, pageHeaderProps } from './page-header/src/page-header.mjs';
+export { pageHeaderEmits, pageHeaderProps } from './page-header/src/page-header2.mjs';
 export { paginationEmits, paginationProps } from './pagination/src/pagination.mjs';
 export { elPaginationKey } from './pagination/src/constants.mjs';
-export { popconfirmEmits, popconfirmProps } from './popconfirm/src/popconfirm2.mjs';
+export { popconfirmEmits, popconfirmProps } from './popconfirm/src/popconfirm.mjs';
 export { Effect, popperProps, roleTypes, usePopperProps } from './popper/src/popper2.mjs';
 export { popperTriggerProps, usePopperTriggerProps } from './popper/src/trigger.mjs';
 export { popperContentEmits, popperContentProps, popperCoreConfigProps, usePopperContentEmits, usePopperContentProps, usePopperCoreConfigProps } from './popper/src/content.mjs';
-export { popperArrowProps, usePopperArrowProps } from './popper/src/arrow2.mjs';
+export { popperArrowProps, usePopperArrowProps } from './popper/src/arrow.mjs';
 export { POPPER_CONTENT_INJECTION_KEY, POPPER_INJECTION_KEY } from './popper/src/constants.mjs';
-export { default as ElPopperArrow } from './popper/src/arrow.mjs';
+export { default as ElPopperArrow } from './popper/src/arrow2.mjs';
 export { default as ElPopperTrigger } from './popper/src/trigger2.mjs';
 export { default as ElPopperContent } from './popper/src/content2.mjs';
 export { progressProps } from './progress/src/progress2.mjs';
@@ -160,8 +160,8 @@ export { IconComponentMap, IconMap, resultProps } from './result/src/result2.mjs
 export { RowAlign, RowJustify, rowProps } from './row/src/row2.mjs';
 export { rowContextKey } from './row/src/constants.mjs';
 export { BAR_MAP, GAP, renderThumbStyle } from './scrollbar/src/util.mjs';
-export { scrollbarEmits, scrollbarProps } from './scrollbar/src/scrollbar.mjs';
-export { thumbProps } from './scrollbar/src/thumb2.mjs';
+export { scrollbarEmits, scrollbarProps } from './scrollbar/src/scrollbar2.mjs';
+export { thumbProps } from './scrollbar/src/thumb.mjs';
 export { scrollbarContextKey } from './scrollbar/src/constants.mjs';
 export { selectGroupKey, selectKey } from './select/src/token.mjs';
 export { selectV2InjectionKey } from './select-v2/src/token.mjs';
@@ -171,10 +171,10 @@ export { sliderEmits, sliderProps } from './slider/src/slider2.mjs';
 export { sliderContextKey } from './slider/src/constants.mjs';
 export { spaceProps } from './space/src/space.mjs';
 export { useSpace } from './space/src/use-space.mjs';
-export { statisticProps } from './statistic/src/statistic2.mjs';
+export { statisticProps } from './statistic/src/statistic.mjs';
 export { stepProps } from './steps/src/item.mjs';
 export { stepsEmits, stepsProps } from './steps/src/steps.mjs';
-export { switchEmits, switchProps } from './switch/src/switch2.mjs';
+export { switchEmits, switchProps } from './switch/src/switch.mjs';
 export { Alignment as TableV2Alignment, FixedDir as TableV2FixedDir, SortOrder as TableV2SortOrder } from './table-v2/src/constants.mjs';
 export { default as TableV2 } from './table-v2/src/table-v2.mjs';
 export { placeholderSign as TableV2Placeholder } from './table-v2/src/private.mjs';
@@ -184,9 +184,9 @@ export { tableV2RowProps } from './table-v2/src/row.mjs';
 export { tabsEmits, tabsProps } from './tabs/src/tabs.mjs';
 export { tabBarProps } from './tabs/src/tab-bar2.mjs';
 export { tabNavEmits, tabNavProps } from './tabs/src/tab-nav.mjs';
-export { tabPaneProps } from './tabs/src/tab-pane2.mjs';
+export { tabPaneProps } from './tabs/src/tab-pane.mjs';
 export { tabsRootContextKey } from './tabs/src/constants.mjs';
-export { tagEmits, tagProps } from './tag/src/tag2.mjs';
+export { tagEmits, tagProps } from './tag/src/tag.mjs';
 export { textProps } from './text/src/text.mjs';
 export { buildTimeList, dateEquals, extractDateFormat, extractTimeFormat, formatter, makeList, parseDate, rangeArr, valueEquals } from './time-picker/src/utils.mjs';
 export { DEFAULT_FORMATS_DATE, DEFAULT_FORMATS_DATEPICKER, DEFAULT_FORMATS_TIME, timeUnits } from './time-picker/src/constants.mjs';
@@ -194,28 +194,28 @@ export { timePickerDefaultProps } from './time-picker/src/common/props.mjs';
 export { default as CommonPicker } from './time-picker/src/common/picker.mjs';
 export { default as TimePickPanel } from './time-picker/src/time-picker-com/panel-time-pick.mjs';
 export { timelineItemProps } from './timeline/src/timeline-item.mjs';
-export { tooltipEmits, useTooltipModelToggle, useTooltipModelToggleEmits, useTooltipModelToggleProps, useTooltipProps } from './tooltip/src/tooltip2.mjs';
-export { useTooltipTriggerProps } from './tooltip/src/trigger2.mjs';
+export { tooltipEmits, useTooltipModelToggle, useTooltipModelToggleEmits, useTooltipModelToggleProps, useTooltipProps } from './tooltip/src/tooltip.mjs';
+export { useTooltipTriggerProps } from './tooltip/src/trigger.mjs';
 export { useTooltipContentProps } from './tooltip/src/content.mjs';
 export { TOOLTIP_INJECTION_KEY } from './tooltip/src/constants.mjs';
 export { LEFT_CHECK_CHANGE_EVENT, RIGHT_CHECK_CHANGE_EVENT, transferCheckedChangeFn, transferEmits, transferProps } from './transfer/src/transfer.mjs';
-export { genFileId, uploadBaseProps, uploadListTypes, uploadProps } from './upload/src/upload2.mjs';
-export { uploadContentProps } from './upload/src/upload-content.mjs';
-export { uploadListEmits, uploadListProps } from './upload/src/upload-list.mjs';
-export { uploadDraggerEmits, uploadDraggerProps } from './upload/src/upload-dragger2.mjs';
+export { genFileId, uploadBaseProps, uploadListTypes, uploadProps } from './upload/src/upload.mjs';
+export { uploadContentProps } from './upload/src/upload-content2.mjs';
+export { uploadListEmits, uploadListProps } from './upload/src/upload-list2.mjs';
+export { uploadDraggerEmits, uploadDraggerProps } from './upload/src/upload-dragger.mjs';
 export { uploadContextKey } from './upload/src/constants.mjs';
 export { default as FixedSizeList } from './virtual-list/src/components/fixed-size-list.mjs';
 export { default as DynamicSizeList } from './virtual-list/src/components/dynamic-size-list.mjs';
 export { default as FixedSizeGrid } from './virtual-list/src/components/fixed-size-grid.mjs';
 export { default as DynamicSizeGrid } from './virtual-list/src/components/dynamic-size-grid.mjs';
 export { virtualizedGridProps, virtualizedListProps, virtualizedProps, virtualizedScrollbarProps } from './virtual-list/src/props.mjs';
-export { watermarkProps } from './watermark/src/watermark2.mjs';
+export { watermarkProps } from './watermark/src/watermark.mjs';
 export { resizableColumnsProps } from './resizable-columns/src/resizable-columns.mjs';
 export { resizableColumnsRootContextKey } from './resizable-columns/src/constants.mjs';
-export { resizableColumnProps } from './resizable-columns/src/resizable-column2.mjs';
+export { resizableColumnProps } from './resizable-columns/src/resizable-column.mjs';
 export { vLoading as ElLoadingDirective, vLoading } from './loading/src/directive.mjs';
 export { Loading as ElLoadingService } from './loading/src/service.mjs';
-export { messageDefaults, messageEmits, messageProps, messageTypes } from './message/src/message.mjs';
+export { messageDefaults, messageEmits, messageProps, messageTypes } from './message/src/message2.mjs';
 export { notificationEmits, notificationProps, notificationTypes } from './notification/src/notification2.mjs';
 export { popoverEmits, popoverProps } from './popover/src/popover2.mjs';
 //# sourceMappingURL=index.mjs.map

package/es/components/input-number/index.mjs

@@ -1,6 +1,6 @@
 import '../../utils/index.mjs';
-import InputNumber from './src/input-number.mjs';
-export { inputNumberEmits, inputNumberProps } from './src/input-number2.mjs';
+import InputNumber from './src/input-number2.mjs';
+export { inputNumberEmits, inputNumberProps } from './src/input-number.mjs';
 import { withInstall } from '../../utils/vue/install.mjs';
 
 const ElInputNumber = withInstall(InputNumber);

package/es/components/input-number/src/input-number.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-number2.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", data.currentValue || data.currentValue === 0 ? 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, _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("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-number.mjs.map