element-pe 1.0.8 → 1.0.9-alpha.12

package/es/components/input/src/input.vue_vue_type_template_id_3290dcb6_lang.mjs

@@ -0,0 +1,183 @@
+import { resolveComponent, withDirectives, openBlock, createElementBlock, normalizeClass, normalizeStyle, createCommentVNode, Fragment, renderSlot, createElementVNode, mergeProps, createBlock, withCtx, resolveDynamicComponent, withModifiers, createVNode, toDisplayString, vShow } from 'vue';
+
+const _hoisted_1 = {
+  key: 0,
+  class: "el-input-group__prepend"
+};
+const _hoisted_2 = ["type", "disabled", "readonly", "autocomplete", "tabindex", "aria-label", "placeholder"];
+const _hoisted_3 = {
+  key: 1,
+  class: "el-input__prefix"
+};
+const _hoisted_4 = { class: "el-input__prefix-inner" };
+const _hoisted_5 = {
+  key: 2,
+  class: "el-input__suffix"
+};
+const _hoisted_6 = { class: "el-input__suffix-inner" };
+const _hoisted_7 = {
+  key: 3,
+  class: "el-input__count"
+};
+const _hoisted_8 = { class: "el-input__count-inner" };
+const _hoisted_9 = {
+  key: 3,
+  class: "el-input-group__append"
+};
+const _hoisted_10 = ["tabindex", "disabled", "readonly", "autocomplete", "aria-label", "placeholder"];
+const _hoisted_11 = {
+  key: 0,
+  class: "el-input__count"
+};
+function render(_ctx, _cache, $props, $setup, $data, $options) {
+  const _component_el_icon = resolveComponent("el-icon");
+  const _component_circle_close = resolveComponent("circle-close");
+  const _component_icon_view = resolveComponent("icon-view");
+  return withDirectives((openBlock(), createElementBlock("div", {
+    class: normalizeClass([
+      _ctx.type === "textarea" ? "el-textarea" : "el-input",
+      _ctx.inputSize ? "el-input--" + _ctx.inputSize : "",
+      {
+        "is-disabled": _ctx.inputDisabled,
+        "is-exceed": _ctx.inputExceed,
+        "el-input-group": _ctx.$slots.prepend || _ctx.$slots.append,
+        "el-input-group--append": _ctx.$slots.append,
+        "el-input-group--prepend": _ctx.$slots.prepend,
+        "el-input--prefix": _ctx.$slots.prefix || _ctx.prefixIcon,
+        "el-input--suffix": _ctx.$slots.suffix || _ctx.suffixIcon || _ctx.clearable || _ctx.showPassword,
+        "el-input--suffix--password-clear": _ctx.clearable && _ctx.showPassword
+      },
+      _ctx.$attrs.class
+    ]),
+    style: normalizeStyle(_ctx.containerStyle),
+    onMouseenter: _cache[17] || (_cache[17] = (...args) => _ctx.onMouseEnter && _ctx.onMouseEnter(...args)),
+    onMouseleave: _cache[18] || (_cache[18] = (...args) => _ctx.onMouseLeave && _ctx.onMouseLeave(...args))
+  }, [
+    createCommentVNode(" input "),
+    _ctx.type !== "textarea" ? (openBlock(), createElementBlock(Fragment, { key: 0 }, [
+      createCommentVNode(" prepend slot "),
+      _ctx.$slots.prepend ? (openBlock(), createElementBlock("div", _hoisted_1, [
+        renderSlot(_ctx.$slots, "prepend")
+      ])) : createCommentVNode("v-if", true),
+      createElementVNode("input", mergeProps({
+        ref: "input",
+        class: "el-input__inner"
+      }, _ctx.attrs, {
+        type: _ctx.showPassword ? _ctx.passwordVisible ? "text" : "password" : _ctx.type,
+        disabled: _ctx.inputDisabled,
+        readonly: _ctx.readonly,
+        autocomplete: _ctx.autocomplete,
+        tabindex: _ctx.tabindex,
+        "aria-label": _ctx.label,
+        placeholder: _ctx.placeholder,
+        style: _ctx.inputStyle,
+        onCompositionstart: _cache[0] || (_cache[0] = (...args) => _ctx.handleCompositionStart && _ctx.handleCompositionStart(...args)),
+        onCompositionupdate: _cache[1] || (_cache[1] = (...args) => _ctx.handleCompositionUpdate && _ctx.handleCompositionUpdate(...args)),
+        onCompositionend: _cache[2] || (_cache[2] = (...args) => _ctx.handleCompositionEnd && _ctx.handleCompositionEnd(...args)),
+        onInput: _cache[3] || (_cache[3] = (...args) => _ctx.handleInput && _ctx.handleInput(...args)),
+        onFocus: _cache[4] || (_cache[4] = (...args) => _ctx.handleFocus && _ctx.handleFocus(...args)),
+        onBlur: _cache[5] || (_cache[5] = (...args) => _ctx.handleBlur && _ctx.handleBlur(...args)),
+        onChange: _cache[6] || (_cache[6] = (...args) => _ctx.handleChange && _ctx.handleChange(...args)),
+        onKeydown: _cache[7] || (_cache[7] = (...args) => _ctx.handleKeydown && _ctx.handleKeydown(...args))
+      }), null, 16, _hoisted_2),
+      createCommentVNode(" prefix slot "),
+      _ctx.$slots.prefix || _ctx.prefixIcon ? (openBlock(), createElementBlock("span", _hoisted_3, [
+        createElementVNode("span", _hoisted_4, [
+          renderSlot(_ctx.$slots, "prefix"),
+          _ctx.prefixIcon ? (openBlock(), createBlock(_component_el_icon, {
+            key: 0,
+            class: "el-input__icon"
+          }, {
+            default: withCtx(() => [
+              (openBlock(), createBlock(resolveDynamicComponent(_ctx.prefixIcon)))
+            ]),
+            _: 1
+          })) : createCommentVNode("v-if", true)
+        ])
+      ])) : createCommentVNode("v-if", true),
+      createCommentVNode(" suffix slot "),
+      _ctx.suffixVisible ? (openBlock(), createElementBlock("span", _hoisted_5, [
+        createElementVNode("span", _hoisted_6, [
+          !_ctx.showClear || !_ctx.showPwdVisible || !_ctx.isWordLimitVisible ? (openBlock(), createElementBlock(Fragment, { key: 0 }, [
+            renderSlot(_ctx.$slots, "suffix"),
+            _ctx.suffixIcon ? (openBlock(), createBlock(_component_el_icon, {
+              key: 0,
+              class: "el-input__icon"
+            }, {
+              default: withCtx(() => [
+                (openBlock(), createBlock(resolveDynamicComponent(_ctx.suffixIcon)))
+              ]),
+              _: 1
+            })) : createCommentVNode("v-if", true)
+          ], 64)) : createCommentVNode("v-if", true),
+          _ctx.showClear ? (openBlock(), createBlock(_component_el_icon, {
+            key: 1,
+            class: "el-input__icon el-input__clear",
+            onMousedown: _cache[8] || (_cache[8] = withModifiers(() => {
+            }, ["prevent"])),
+            onClick: _ctx.clear
+          }, {
+            default: withCtx(() => [
+              createVNode(_component_circle_close)
+            ]),
+            _: 1
+          }, 8, ["onClick"])) : createCommentVNode("v-if", true),
+          _ctx.showPwdVisible ? (openBlock(), createBlock(_component_el_icon, {
+            key: 2,
+            class: "el-input__icon el-input__clear",
+            onClick: _ctx.handlePasswordVisible
+          }, {
+            default: withCtx(() => [
+              createVNode(_component_icon_view)
+            ]),
+            _: 1
+          }, 8, ["onClick"])) : createCommentVNode("v-if", true),
+          _ctx.isWordLimitVisible ? (openBlock(), createElementBlock("span", _hoisted_7, [
+            createElementVNode("span", _hoisted_8, toDisplayString(_ctx.textLength) + " / " + toDisplayString(_ctx.attrs.maxlength), 1)
+          ])) : createCommentVNode("v-if", true)
+        ]),
+        _ctx.validateState && _ctx.validateIcon ? (openBlock(), createBlock(_component_el_icon, {
+          key: 0,
+          class: "el-input__icon el-input__validateIcon"
+        }, {
+          default: withCtx(() => [
+            (openBlock(), createBlock(resolveDynamicComponent(_ctx.validateIcon)))
+          ]),
+          _: 1
+        })) : createCommentVNode("v-if", true)
+      ])) : createCommentVNode("v-if", true),
+      createCommentVNode(" append slot "),
+      _ctx.$slots.append ? (openBlock(), createElementBlock("div", _hoisted_9, [
+        renderSlot(_ctx.$slots, "append")
+      ])) : createCommentVNode("v-if", true)
+    ], 64)) : (openBlock(), createElementBlock(Fragment, { key: 1 }, [
+      createCommentVNode(" textarea "),
+      createElementVNode("textarea", mergeProps({
+        ref: "textarea",
+        class: "el-textarea__inner"
+      }, _ctx.attrs, {
+        tabindex: _ctx.tabindex,
+        disabled: _ctx.inputDisabled,
+        readonly: _ctx.readonly,
+        autocomplete: _ctx.autocomplete,
+        style: _ctx.computedTextareaStyle,
+        "aria-label": _ctx.label,
+        placeholder: _ctx.placeholder,
+        onCompositionstart: _cache[9] || (_cache[9] = (...args) => _ctx.handleCompositionStart && _ctx.handleCompositionStart(...args)),
+        onCompositionupdate: _cache[10] || (_cache[10] = (...args) => _ctx.handleCompositionUpdate && _ctx.handleCompositionUpdate(...args)),
+        onCompositionend: _cache[11] || (_cache[11] = (...args) => _ctx.handleCompositionEnd && _ctx.handleCompositionEnd(...args)),
+        onInput: _cache[12] || (_cache[12] = (...args) => _ctx.handleInput && _ctx.handleInput(...args)),
+        onFocus: _cache[13] || (_cache[13] = (...args) => _ctx.handleFocus && _ctx.handleFocus(...args)),
+        onBlur: _cache[14] || (_cache[14] = (...args) => _ctx.handleBlur && _ctx.handleBlur(...args)),
+        onChange: _cache[15] || (_cache[15] = (...args) => _ctx.handleChange && _ctx.handleChange(...args)),
+        onKeydown: _cache[16] || (_cache[16] = (...args) => _ctx.handleKeydown && _ctx.handleKeydown(...args))
+      }), null, 16, _hoisted_10),
+      _ctx.isWordLimitVisible ? (openBlock(), createElementBlock("span", _hoisted_11, toDisplayString(_ctx.textLength) + " / " + toDisplayString(_ctx.attrs.maxlength), 1)) : createCommentVNode("v-if", true)
+    ], 64))
+  ], 38)), [
+    [vShow, _ctx.type !== "hidden"]
+  ]);
+}
+
+export { render };
+//# sourceMappingURL=input.vue_vue_type_template_id_3290dcb6_lang.mjs.map

package/es/components/input/src/input.vue_vue_type_template_id_3290dcb6_lang.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"input.vue_vue_type_template_id_3290dcb6_lang.mjs","sources":["../../../../../../packages/components/input/src/input.vue?vue&type=template&id=3290dcb6&lang.js"],"sourcesContent":["<template>\n  <div\n    v-show=\"type !== 'hidden'\"\n    :class=\"[\n      type === 'textarea' ? 'el-textarea' : 'el-input',\n      inputSize ? 'el-input--' + inputSize : '',\n      {\n        'is-disabled': inputDisabled,\n        'is-exceed': inputExceed,\n        'el-input-group': $slots.prepend || $slots.append,\n        'el-input-group--append': $slots.append,\n        'el-input-group--prepend': $slots.prepend,\n        'el-input--prefix': $slots.prefix || prefixIcon,\n        'el-input--suffix':\n          $slots.suffix || suffixIcon || clearable || showPassword,\n        'el-input--suffix--password-clear': clearable && showPassword,\n      },\n      $attrs.class,\n    ]\"\n    :style=\"containerStyle\"\n    @mouseenter=\"onMouseEnter\"\n    @mouseleave=\"onMouseLeave\"\n  >\n    <!-- input -->\n    <template v-if=\"type !== 'textarea'\">\n      <!-- prepend slot -->\n      <div v-if=\"$slots.prepend\" class=\"el-input-group__prepend\">\n        <slot name=\"prepend\" />\n      </div>\n\n      <input\n        ref=\"input\"\n        class=\"el-input__inner\"\n        v-bind=\"attrs\"\n        :type=\"showPassword ? (passwordVisible ? 'text' : 'password') : type\"\n        :disabled=\"inputDisabled\"\n        :readonly=\"readonly\"\n        :autocomplete=\"autocomplete\"\n        :tabindex=\"tabindex\"\n        :aria-label=\"label\"\n        :placeholder=\"placeholder\"\n        :style=\"inputStyle\"\n        @compositionstart=\"handleCompositionStart\"\n        @compositionupdate=\"handleCompositionUpdate\"\n        @compositionend=\"handleCompositionEnd\"\n        @input=\"handleInput\"\n        @focus=\"handleFocus\"\n        @blur=\"handleBlur\"\n        @change=\"handleChange\"\n        @keydown=\"handleKeydown\"\n      />\n\n      <!-- prefix slot -->\n      <span v-if=\"$slots.prefix || prefixIcon\" class=\"el-input__prefix\">\n        <span class=\"el-input__prefix-inner\">\n          <slot name=\"prefix\"></slot>\n          <el-icon v-if=\"prefixIcon\" class=\"el-input__icon\">\n            <component :is=\"prefixIcon\" />\n          </el-icon>\n        </span>\n      </span>\n\n      <!-- suffix slot -->\n      <span v-if=\"suffixVisible\" class=\"el-input__suffix\">\n        <span class=\"el-input__suffix-inner\">\n          <template v-if=\"!showClear || !showPwdVisible || !isWordLimitVisible\">\n            <slot name=\"suffix\"></slot>\n            <el-icon v-if=\"suffixIcon\" class=\"el-input__icon\">\n              <component :is=\"suffixIcon\" />\n            </el-icon>\n          </template>\n          <el-icon\n            v-if=\"showClear\"\n            class=\"el-input__icon el-input__clear\"\n            @mousedown.prevent\n            @click=\"clear\"\n          >\n            <circle-close />\n          </el-icon>\n          <el-icon\n            v-if=\"showPwdVisible\"\n            class=\"el-input__icon el-input__clear\"\n            @click=\"handlePasswordVisible\"\n          >\n            <icon-view />\n          </el-icon>\n          <span v-if=\"isWordLimitVisible\" class=\"el-input__count\">\n            <span class=\"el-input__count-inner\">\n              {{ textLength }} / {{ attrs.maxlength }}\n            </span>\n          </span>\n        </span>\n        <el-icon\n          v-if=\"validateState && validateIcon\"\n          class=\"el-input__icon el-input__validateIcon\"\n        >\n          <component :is=\"validateIcon\" />\n        </el-icon>\n      </span>\n\n      <!-- append slot -->\n      <div v-if=\"$slots.append\" class=\"el-input-group__append\">\n        <slot name=\"append\" />\n      </div>\n    </template>\n\n    <!-- textarea -->\n    <template v-else>\n      <textarea\n        ref=\"textarea\"\n        class=\"el-textarea__inner\"\n        v-bind=\"attrs\"\n        :tabindex=\"tabindex\"\n        :disabled=\"inputDisabled\"\n        :readonly=\"readonly\"\n        :autocomplete=\"autocomplete\"\n        :style=\"computedTextareaStyle\"\n        :aria-label=\"label\"\n        :placeholder=\"placeholder\"\n        @compositionstart=\"handleCompositionStart\"\n        @compositionupdate=\"handleCompositionUpdate\"\n        @compositionend=\"handleCompositionEnd\"\n        @input=\"handleInput\"\n        @focus=\"handleFocus\"\n        @blur=\"handleBlur\"\n        @change=\"handleChange\"\n        @keydown=\"handleKeydown\"\n      />\n      <span v-if=\"isWordLimitVisible\" class=\"el-input__count\">\n        {{ textLength }} / {{ attrs.maxlength }}\n      </span>\n    </template>\n  </div>\n</template>\n\n<script lang=\"ts\">\nimport {\n  defineComponent,\n  computed,\n  watch,\n  nextTick,\n  getCurrentInstance,\n  ref,\n  shallowRef,\n  onMounted,\n  onUpdated,\n} from 'vue'\nimport { ElIcon } from '@element-plus/components/icon'\nimport { CircleClose, View as IconView } from '@element-plus/icons-vue'\nimport { ValidateComponentsMap } from '@element-plus/utils/icon'\nimport {\n  useAttrs,\n  useDisabled,\n  useFormItem,\n  useSize,\n} from '@element-plus/hooks'\nimport { UPDATE_MODEL_EVENT } from '@element-plus/utils/constants'\nimport { isObject } from '@element-plus/utils/util'\nimport isServer from '@element-plus/utils/isServer'\nimport { isKorean } from '@element-plus/utils/isDef'\nimport { calcTextareaHeight } from './calc-textarea-height'\nimport { inputProps, inputEmits } from './input'\n\nimport type { StyleValue } from '@element-plus/utils/types'\n\ntype TargetElement = HTMLInputElement | HTMLTextAreaElement\n\nconst PENDANT_MAP = {\n  suffix: 'append',\n  prefix: 'prepend',\n} as const\n\nexport default defineComponent({\n  name: 'ElInput',\n\n  components: { ElIcon, CircleClose, IconView },\n\n  inheritAttrs: false,\n\n  props: inputProps,\n  emits: inputEmits,\n\n  setup(props, { slots, emit, attrs: rawAttrs }) {\n    const instance = getCurrentInstance()!\n    const attrs = useAttrs()\n\n    const { form, formItem } = useFormItem()\n    const inputSize = useSize()\n    const inputDisabled = useDisabled()\n\n    const input = ref<HTMLInputElement>()\n    const textarea = ref<HTMLTextAreaElement>()\n    const focused = ref(false)\n    const hovering = ref(false)\n    const isComposing = ref(false)\n    const passwordVisible = ref(false)\n    const _textareaCalcStyle = shallowRef(props.inputStyle)\n\n    const inputOrTextarea = computed(() => input.value || textarea.value)\n\n    const needStatusIcon = computed(() => form?.statusIcon ?? false)\n    const validateState = computed(() => formItem?.validateState || '')\n    const validateIcon = computed(\n      () => ValidateComponentsMap[validateState.value]\n    )\n    const containerStyle = computed(() => rawAttrs.style as StyleValue)\n    const computedTextareaStyle = computed<StyleValue>(() => [\n      props.inputStyle,\n      _textareaCalcStyle.value,\n      { resize: props.resize },\n    ])\n    const nativeInputValue = computed(() =>\n      props.modelValue === null || props.modelValue === undefined\n        ? ''\n        : String(props.modelValue)\n    )\n    const showClear = computed(\n      () =>\n        props.clearable &&\n        !inputDisabled.value &&\n        !props.readonly &&\n        !!nativeInputValue.value &&\n        (focused.value || hovering.value)\n    )\n    const showPwdVisible = computed(\n      () =>\n        props.showPassword &&\n        !inputDisabled.value &&\n        !props.readonly &&\n        (!!nativeInputValue.value || focused.value)\n    )\n    const isWordLimitVisible = computed(\n      () =>\n        props.showWordLimit &&\n        !!attrs.value.maxlength &&\n        (props.type === 'text' || props.type === 'textarea') &&\n        !inputDisabled.value &&\n        !props.readonly &&\n        !props.showPassword\n    )\n    const textLength = computed(() => Array.from(nativeInputValue.value).length)\n    const inputExceed = computed(\n      () =>\n        // show exceed style if length of initial value greater then maxlength\n        !!isWordLimitVisible.value &&\n        textLength.value > Number(attrs.value.maxlength)\n    )\n\n    const resizeTextarea = () => {\n      const { type, autosize } = props\n\n      if (isServer || type !== 'textarea') return\n\n      if (autosize) {\n        const minRows = isObject(autosize) ? autosize.minRows : undefined\n        const maxRows = isObject(autosize) ? autosize.maxRows : undefined\n        _textareaCalcStyle.value = {\n          ...calcTextareaHeight(textarea.value!, minRows, maxRows),\n        }\n      } else {\n        _textareaCalcStyle.value = {\n          minHeight: calcTextareaHeight(textarea.value!).minHeight,\n        }\n      }\n    }\n\n    const setNativeInputValue = () => {\n      const input = inputOrTextarea.value\n      if (!input || input.value === nativeInputValue.value) return\n      input.value = nativeInputValue.value\n    }\n\n    const calcIconOffset = (place: 'prefix' | 'suffix') => {\n      const { el } = instance.vnode\n      if (!el) return\n      const elList: HTMLSpanElement[] = Array.from(\n        el.querySelectorAll(`.el-input__${place}`)\n      )\n      const target = elList.find((item) => item.parentNode === el)\n\n      if (!target) return\n\n      const pendant = PENDANT_MAP[place]\n\n      if (slots[pendant]) {\n        target.style.transform = `translateX(${place === 'suffix' ? '-' : ''}${\n          el.querySelector(`.el-input-group__${pendant}`).offsetWidth\n        }px)`\n      } else {\n        target.removeAttribute('style')\n      }\n    }\n\n    const updateIconOffset = () => {\n      calcIconOffset('prefix')\n      calcIconOffset('suffix')\n    }\n\n    const handleInput = (event: Event) => {\n      const { value } = event.target as TargetElement\n\n      // should not emit input during composition\n      // see: https://github.com/ElemeFE/element/issues/10516\n      if (isComposing.value) return\n\n      // hack for https://github.com/ElemeFE/element/issues/8548\n      // should remove the following line when we don't support IE\n      if (value === nativeInputValue.value) return\n\n      emit(UPDATE_MODEL_EVENT, value)\n      emit('input', value)\n\n      // ensure native input value is controlled\n      // see: https://github.com/ElemeFE/element/issues/12850\n      nextTick(setNativeInputValue)\n    }\n\n    const handleChange = (event: Event) => {\n      emit('change', (event.target as TargetElement).value)\n    }\n\n    const focus = () => {\n      // see: https://github.com/ElemeFE/element/issues/18573\n      nextTick(() => {\n        inputOrTextarea.value?.focus()\n      })\n    }\n\n    const blur = () => {\n      inputOrTextarea.value?.blur()\n    }\n\n    const handleFocus = (event: FocusEvent) => {\n      focused.value = true\n      emit('focus', event)\n    }\n\n    const handleBlur = (event: FocusEvent) => {\n      focused.value = false\n      emit('blur', event)\n      if (props.validateEvent) {\n        formItem?.validate?.('blur')\n      }\n    }\n\n    const select = () => {\n      inputOrTextarea.value?.select()\n    }\n\n    const handleCompositionStart = (event: CompositionEvent) => {\n      emit('compositionstart', event)\n      isComposing.value = true\n    }\n\n    const handleCompositionUpdate = (event: CompositionEvent) => {\n      emit('compositionupdate', event)\n      const text = (event.target as HTMLInputElement)?.value\n      const lastCharacter = text[text.length - 1] || ''\n      isComposing.value = !isKorean(lastCharacter)\n    }\n\n    const handleCompositionEnd = (event: CompositionEvent) => {\n      emit('compositionend', event)\n      if (isComposing.value) {\n        isComposing.value = false\n        handleInput(event)\n      }\n    }\n\n    const clear = () => {\n      emit(UPDATE_MODEL_EVENT, '')\n      emit('change', '')\n      emit('clear')\n      emit('input', '')\n    }\n\n    const handlePasswordVisible = () => {\n      passwordVisible.value = !passwordVisible.value\n      focus()\n    }\n\n    const suffixVisible = computed(\n      () =>\n        !!slots.suffix ||\n        !!props.suffixIcon ||\n        showClear.value ||\n        props.showPassword ||\n        isWordLimitVisible.value ||\n        (!!validateState.value && needStatusIcon.value)\n    )\n\n    watch(\n      () => props.modelValue,\n      () => {\n        nextTick(resizeTextarea)\n        if (props.validateEvent) {\n          formItem?.validate?.('change')\n        }\n      }\n    )\n\n    // native input value is set explicitly\n    // do not use v-model / :value in template\n    // see: https://github.com/ElemeFE/element/issues/14521\n    watch(nativeInputValue, () => setNativeInputValue())\n\n    // when change between <input> and <textarea>,\n    // update DOM dependent value and styles\n    // https://github.com/ElemeFE/element/issues/14857\n    watch(\n      () => props.type,\n      () => {\n        nextTick(() => {\n          setNativeInputValue()\n          resizeTextarea()\n          updateIconOffset()\n        })\n      }\n    )\n\n    onMounted(() => {\n      setNativeInputValue()\n      updateIconOffset()\n      nextTick(resizeTextarea)\n    })\n\n    onUpdated(() => {\n      nextTick(updateIconOffset)\n    })\n\n    const onMouseLeave = (evt: MouseEvent) => {\n      hovering.value = false\n      emit('mouseleave', evt)\n    }\n\n    const onMouseEnter = (evt: MouseEvent) => {\n      hovering.value = true\n      emit('mouseenter', evt)\n    }\n\n    const handleKeydown = (evt: KeyboardEvent) => {\n      emit('keydown', evt)\n    }\n\n    return {\n      input,\n      textarea,\n      attrs,\n      inputSize,\n      validateState,\n      validateIcon,\n      containerStyle,\n      computedTextareaStyle,\n      inputDisabled,\n      showClear,\n      showPwdVisible,\n      isWordLimitVisible,\n      textLength,\n      hovering,\n      inputExceed,\n      passwordVisible,\n      inputOrTextarea,\n      suffixVisible,\n\n      resizeTextarea,\n      handleInput,\n      handleChange,\n      handleFocus,\n      handleBlur,\n      handleCompositionStart,\n      handleCompositionUpdate,\n      handleCompositionEnd,\n      handlePasswordVisible,\n      clear,\n      select,\n      focus,\n      blur,\n      onMouseLeave,\n      onMouseEnter,\n      handleKeydown,\n    }\n  },\n})\n</script>\n"],"names":["_createElementBlock","_createCommentVNode","_renderSlot","_createElementVNode","_mergeProps","_createBlock","_createVNode"],"mappings":";;;;EA0BiC,OAAM;AAAA;;;;EA2BQ,OAAM;AAAA;qBACvC,OAAM;;;EASa,OAAM;AAAA;qBACzB,OAAM;;;EAsBsB,OAAM;AAAA;qBAC9B,OAAM;;;EAcQ,OAAM;AAAA;;;;EA2BA,OAAM;AAAA;;;;;sCA/H1CA;IAEG;;;;;;;;;;;;;;;IAgBA,sBAAO;IACP,uDAAY;IACZ,uDAAY;;IAEbC;IACgB,yCAAhBD;MACEC;MACW,YAAO,wBAAlBD,0BAAA;QACEE;;MAGFC,4BAAAC;QACE,KAAI;AAAA,QACJ,OAAM;AAAA,SACE;QACP,MAAM,oBAAgB,6CAAyC;QAC/D,UAAU;QACV,UAAU;QACV,cAAc;QACd,UAAU;QACV,cAAY;QACZ,aAAa;QACb,OAAO;QACP,2DAAkB;QAClB,4DAAmB;QACnB,yDAAgB;QAChB,gDAAO;QACP,gDAAO;QACP,+CAAM;QACN,iDAAQ;QACR,kDAAS;;MAGZH;MACY,YAAO,UAAU,gCAA7BD,2BAAA;QACEG,2BAAA;UACED;UACe,gCAAfG;;YAA2B,OAAM;AAAA;6BAC/B;4BAAAA,oCAAgB;;;;;;MAKtBJ;MACY,mCAAZD,2BAAA;QACEG,2BAAA;WACmB,mBAAc,wBAAmB,wCAAlDH;YACEE;YACe,gCAAfG;;cAA2B,OAAM;AAAA;+BAC/B;8BAAAA,oCAAgB;;;;;UAIZ,+BADRA;;YAEE,OAAM;AAAA,YACL,qDAAD;;YACC,SAAO;;6BAER;cAAAC;;;;UAGM,oCADRD;;YAEE,OAAM;AAAA,YACL,SAAO;;6BAER;cAAAC;;;;UAEU,wCAAZN,2BAAA;YACEG,2BAAA,4BACK,2CAAmB,WAAM;;;QAK1B,sBAAiB,kCADzBE;;UAEE,OAAM;AAAA;2BAEN;0BAAAA,oCAAgB;;;;;MAIpBJ;MACW,YAAO,uBAAlBD,0BAAA;QACEE;;4BAKJF;MADAC;MAEEE,+BAAAC;QACE,KAAI;AAAA,QACJ,OAAM;AAAA,SACE;QACP,UAAU;QACV,UAAU;QACV,UAAU;QACV,cAAc;QACd,OAAO;QACP,cAAY;QACZ,aAAa;QACb,2DAAkB;QAClB,8DAAmB;QACnB,2DAAgB;QAChB,kDAAO;QACP,kDAAO;QACP,iDAAM;QACN,mDAAQ;QACR,oDAAS;;MAEA,wCAAZJ,2BAAA,6BACK,2CAAmB,WAAM;;;YA/HxB;;;;;;"}

package/es/components/input/src/input2.mjs

@@ -1,6 +1,6 @@
-import script from './input.vue_vue&type=script&lang.mjs';
-export { default } from './input.vue_vue&type=script&lang.mjs';
-import { render } from './input.vue_vue&type=template&id=3290dcb6&lang.mjs';
+import script from './input.vue_vue_type_script_lang.mjs';
+export { default } from './input.vue_vue_type_script_lang.mjs';
+import { render } from './input.vue_vue_type_template_id_3290dcb6_lang.mjs';
 
 script.render = render;
 script.__file = "packages/components/input/src/input.vue";

package/es/components/input-number/index.d.ts

@@ -5,7 +5,7 @@ export declare const ElInputNumber: import("../../utils/types").SFCWithInstall<i
     readonly min: import("../../utils/props").BuildPropReturn<NumberConstructor, number, unknown, unknown, unknown>;
     readonly modelValue: import("../../utils/props").BuildPropReturn<NumberConstructor, unknown, true, unknown, unknown>;
     readonly disabled: import("../../utils/props").BuildPropReturn<BooleanConstructor, false, unknown, unknown, unknown>;
-    readonly size: import("../../utils/props").BuildPropReturn<StringConstructor, unknown, unknown, "small" | "medium" | "large" | "mini", unknown>;
+    readonly size: import("../../utils/props").BuildPropReturn<StringConstructor, unknown, unknown, "small" | "large" | "medium" | "mini", unknown>;
     readonly controls: import("../../utils/props").BuildPropReturn<BooleanConstructor, true, unknown, unknown, unknown>;
     readonly controlsPosition: import("../../utils/props").BuildPropReturn<StringConstructor, "", unknown, "" | "right", unknown>;
     readonly name: StringConstructor;
@@ -14,6 +14,8 @@ export declare const ElInputNumber: import("../../utils/types").SFCWithInstall<i
     readonly precision: import("../../utils/props").BuildPropReturn<NumberConstructor, unknown, unknown, unknown, unknown>;
 }, {
     input: import("vue").Ref<import("vue").ComponentPublicInstance<import("../../utils/types").SFCWithInstall<import("vue").DefineComponent<{
+        readonly size: import("../../utils/props").BuildPropReturn<StringConstructor, "", false, "" | "small" | "large" | "medium" | "mini", never>;
+        readonly disabled: BooleanConstructor;
         readonly modelValue: import("../../utils/props").BuildPropReturn<import("../../utils/props").PropWrapper<string | number | null | undefined>, "", unknown, unknown, unknown>;
         readonly type: import("../../utils/props").BuildPropReturn<StringConstructor, "text", unknown, unknown, unknown>;
         readonly resize: import("../../utils/props").BuildPropReturn<StringConstructor, unknown, unknown, "none" | "both" | "horizontal" | "vertical", unknown>;
@@ -34,13 +36,11 @@ export declare const ElInputNumber: import("../../utils/types").SFCWithInstall<i
         readonly tabindex: import("../../utils/props").BuildPropReturn<readonly [NumberConstructor, StringConstructor], unknown, unknown, unknown, unknown>;
         readonly validateEvent: import("../../utils/props").BuildPropReturn<BooleanConstructor, true, unknown, unknown, unknown>;
         readonly inputStyle: import("../../utils/props").BuildPropReturn<import("../../utils/props").PropWrapper<import("../../utils/types").StyleValue>, () => import("../../utils/types").Mutable<{}>, unknown, unknown, unknown>;
-        readonly size: import("../../utils/props").BuildPropReturn<StringConstructor, "", unknown, "" | "small" | "medium" | "large" | "mini", unknown>;
-        readonly disabled: BooleanConstructor;
     }, {
         input: import("vue").Ref<HTMLInputElement | undefined>;
         textarea: import("vue").Ref<HTMLTextAreaElement | undefined>;
         attrs: import("vue").ComputedRef<Record<string, unknown>>;
-        inputSize: import("vue").ComputedRef<any>;
+        inputSize: import("vue").ComputedRef<"" | import("../../utils/types").ComponentSize>;
         validateState: import("vue").ComputedRef<string>;
         validateIcon: import("vue").ComputedRef<any>;
         containerStyle: import("vue").ComputedRef<import("../../utils/types").StyleValue>;
@@ -85,6 +85,8 @@ export declare const ElInputNumber: import("../../utils/types").SFCWithInstall<i
         compositionupdate: (evt: CompositionEvent) => boolean;
         compositionend: (evt: CompositionEvent) => boolean;
     }, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<{
+        readonly size?: unknown;
+        readonly disabled?: unknown;
         readonly modelValue?: unknown;
         readonly type?: unknown;
         readonly resize?: unknown;
@@ -102,19 +104,17 @@ export declare const ElInputNumber: import("../../utils/types").SFCWithInstall<i
         readonly tabindex?: unknown;
         readonly validateEvent?: unknown;
         readonly inputStyle?: unknown;
-        readonly size?: unknown;
-        readonly disabled?: unknown;
     } & {
         type: string;
-        size: import("../../utils/props").BuildPropType<StringConstructor, "" | "small" | "medium" | "large" | "mini", unknown>;
+        size: import("../../utils/props").BuildPropType<StringConstructor, "" | "small" | "large" | "medium" | "mini", never>;
         disabled: boolean;
         modelValue: import("../../utils/props").BuildPropType<import("../../utils/props").PropWrapper<string | number | null | undefined>, unknown, unknown>;
+        form: string;
         autosize: boolean | {
             minRows?: number | undefined;
             maxRows?: number | undefined;
         };
         autocomplete: string;
-        form: string;
         readonly: import("../../utils/props").BuildPropType<BooleanConstructor, unknown, unknown>;
         clearable: import("../../utils/props").BuildPropType<BooleanConstructor, unknown, unknown>;
         showPassword: import("../../utils/props").BuildPropType<BooleanConstructor, unknown, unknown>;
@@ -124,47 +124,49 @@ export declare const ElInputNumber: import("../../utils/types").SFCWithInstall<i
         validateEvent: import("../../utils/props").BuildPropType<BooleanConstructor, unknown, unknown>;
         inputStyle: import("../../utils/types").StyleValue;
     } & {
+        label?: string | undefined;
         resize?: import("../../utils/props").BuildPropType<StringConstructor, "none" | "both" | "horizontal" | "vertical", unknown> | undefined;
         placeholder?: string | undefined;
-        label?: string | undefined;
         tabindex?: import("../../utils/props").BuildPropType<readonly [NumberConstructor, StringConstructor], unknown, unknown> | undefined;
     }> & {
+        "onUpdate:modelValue"?: ((value: string) => any) | undefined;
+        onMouseenter?: ((evt: MouseEvent) => any) | undefined;
+        onMouseleave?: ((evt: MouseEvent) => any) | undefined;
+        onFocus?: ((evt: FocusEvent) => any) | undefined;
+        onBlur?: ((evt: FocusEvent) => any) | undefined;
         onChange?: ((value: string) => any) | undefined;
         onClear?: (() => any) | undefined;
-        onFocus?: ((evt: FocusEvent) => any) | undefined;
-        "onUpdate:modelValue"?: ((value: string) => any) | undefined;
         onInput?: ((value: string) => any) | undefined;
-        onBlur?: ((evt: FocusEvent) => any) | undefined;
-        onMouseleave?: ((evt: MouseEvent) => any) | undefined;
-        onMouseenter?: ((evt: MouseEvent) => any) | undefined;
-        onKeydown?: ((evt: 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: KeyboardEvent) => any) | undefined;
     }, {
         type: string;
-        size: import("../../utils/props").BuildPropType<StringConstructor, "" | "small" | "medium" | "large" | "mini", unknown>;
+        size: import("../../utils/props").BuildPropType<StringConstructor, "" | "small" | "large" | "medium" | "mini", never>;
         disabled: boolean;
-        resize: import("../../utils/props").BuildPropType<StringConstructor, "none" | "both" | "horizontal" | "vertical", unknown>;
         modelValue: import("../../utils/props").BuildPropType<import("../../utils/props").PropWrapper<string | number | null | undefined>, unknown, unknown>;
+        label: string;
+        form: string;
+        resize: import("../../utils/props").BuildPropType<StringConstructor, "none" | "both" | "horizontal" | "vertical", unknown>;
+        placeholder: string;
         autosize: boolean | {
             minRows?: number | undefined;
             maxRows?: number | undefined;
         };
         autocomplete: string;
-        placeholder: string;
-        form: string;
         readonly: import("../../utils/props").BuildPropType<BooleanConstructor, unknown, unknown>;
         clearable: import("../../utils/props").BuildPropType<BooleanConstructor, unknown, unknown>;
         showPassword: import("../../utils/props").BuildPropType<BooleanConstructor, unknown, unknown>;
         showWordLimit: import("../../utils/props").BuildPropType<BooleanConstructor, unknown, unknown>;
         suffixIcon: import("../../utils/props").BuildPropType<import("../../utils/props").PropWrapper<string | import("vue").Component<any, any, any, import("vue").ComputedOptions, import("vue").MethodOptions>>, unknown, unknown>;
         prefixIcon: import("../../utils/props").BuildPropType<import("../../utils/props").PropWrapper<string | import("vue").Component<any, any, any, import("vue").ComputedOptions, import("vue").MethodOptions>>, unknown, unknown>;
-        label: string;
         tabindex: import("../../utils/props").BuildPropType<readonly [NumberConstructor, StringConstructor], unknown, unknown>;
         validateEvent: import("../../utils/props").BuildPropType<BooleanConstructor, unknown, unknown>;
         inputStyle: import("../../utils/types").StyleValue;
     }>> & Record<string, any>, {}, {}, {}, {}, {}, import("../../utils/types").SFCWithInstall<import("vue").DefineComponent<{
+        readonly size: import("../../utils/props").BuildPropReturn<StringConstructor, "", false, "" | "small" | "large" | "medium" | "mini", never>;
+        readonly disabled: BooleanConstructor;
         readonly modelValue: import("../../utils/props").BuildPropReturn<import("../../utils/props").PropWrapper<string | number | null | undefined>, "", unknown, unknown, unknown>;
         readonly type: import("../../utils/props").BuildPropReturn<StringConstructor, "text", unknown, unknown, unknown>;
         readonly resize: import("../../utils/props").BuildPropReturn<StringConstructor, unknown, unknown, "none" | "both" | "horizontal" | "vertical", unknown>;
@@ -185,13 +187,11 @@ export declare const ElInputNumber: import("../../utils/types").SFCWithInstall<i
         readonly tabindex: import("../../utils/props").BuildPropReturn<readonly [NumberConstructor, StringConstructor], unknown, unknown, unknown, unknown>;
         readonly validateEvent: import("../../utils/props").BuildPropReturn<BooleanConstructor, true, unknown, unknown, unknown>;
         readonly inputStyle: import("../../utils/props").BuildPropReturn<import("../../utils/props").PropWrapper<import("../../utils/types").StyleValue>, () => import("../../utils/types").Mutable<{}>, unknown, unknown, unknown>;
-        readonly size: import("../../utils/props").BuildPropReturn<StringConstructor, "", unknown, "" | "small" | "medium" | "large" | "mini", unknown>;
-        readonly disabled: BooleanConstructor;
     }, {
         input: import("vue").Ref<HTMLInputElement | undefined>;
         textarea: import("vue").Ref<HTMLTextAreaElement | undefined>;
         attrs: import("vue").ComputedRef<Record<string, unknown>>;
-        inputSize: import("vue").ComputedRef<any>;
+        inputSize: import("vue").ComputedRef<"" | import("../../utils/types").ComponentSize>;
         validateState: import("vue").ComputedRef<string>;
         validateIcon: import("vue").ComputedRef<any>;
         containerStyle: import("vue").ComputedRef<import("../../utils/types").StyleValue>;
@@ -236,6 +236,8 @@ export declare const ElInputNumber: import("../../utils/types").SFCWithInstall<i
         compositionupdate: (evt: CompositionEvent) => boolean;
         compositionend: (evt: CompositionEvent) => boolean;
     }, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<{
+        readonly size?: unknown;
+        readonly disabled?: unknown;
         readonly modelValue?: unknown;
         readonly type?: unknown;
         readonly resize?: unknown;
@@ -253,19 +255,17 @@ export declare const ElInputNumber: import("../../utils/types").SFCWithInstall<i
         readonly tabindex?: unknown;
         readonly validateEvent?: unknown;
         readonly inputStyle?: unknown;
-        readonly size?: unknown;
-        readonly disabled?: unknown;
     } & {
         type: string;
-        size: import("../../utils/props").BuildPropType<StringConstructor, "" | "small" | "medium" | "large" | "mini", unknown>;
+        size: import("../../utils/props").BuildPropType<StringConstructor, "" | "small" | "large" | "medium" | "mini", never>;
         disabled: boolean;
         modelValue: import("../../utils/props").BuildPropType<import("../../utils/props").PropWrapper<string | number | null | undefined>, unknown, unknown>;
+        form: string;
         autosize: boolean | {
             minRows?: number | undefined;
             maxRows?: number | undefined;
         };
         autocomplete: string;
-        form: string;
         readonly: import("../../utils/props").BuildPropType<BooleanConstructor, unknown, unknown>;
         clearable: import("../../utils/props").BuildPropType<BooleanConstructor, unknown, unknown>;
         showPassword: import("../../utils/props").BuildPropType<BooleanConstructor, unknown, unknown>;
@@ -275,43 +275,43 @@ export declare const ElInputNumber: import("../../utils/types").SFCWithInstall<i
         validateEvent: import("../../utils/props").BuildPropType<BooleanConstructor, unknown, unknown>;
         inputStyle: import("../../utils/types").StyleValue;
     } & {
+        label?: string | undefined;
         resize?: import("../../utils/props").BuildPropType<StringConstructor, "none" | "both" | "horizontal" | "vertical", unknown> | undefined;
         placeholder?: string | undefined;
-        label?: string | undefined;
         tabindex?: import("../../utils/props").BuildPropType<readonly [NumberConstructor, StringConstructor], unknown, unknown> | undefined;
     }> & {
+        "onUpdate:modelValue"?: ((value: string) => any) | undefined;
+        onMouseenter?: ((evt: MouseEvent) => any) | undefined;
+        onMouseleave?: ((evt: MouseEvent) => any) | undefined;
+        onFocus?: ((evt: FocusEvent) => any) | undefined;
+        onBlur?: ((evt: FocusEvent) => any) | undefined;
         onChange?: ((value: string) => any) | undefined;
         onClear?: (() => any) | undefined;
-        onFocus?: ((evt: FocusEvent) => any) | undefined;
-        "onUpdate:modelValue"?: ((value: string) => any) | undefined;
         onInput?: ((value: string) => any) | undefined;
-        onBlur?: ((evt: FocusEvent) => any) | undefined;
-        onMouseleave?: ((evt: MouseEvent) => any) | undefined;
-        onMouseenter?: ((evt: MouseEvent) => any) | undefined;
-        onKeydown?: ((evt: 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: KeyboardEvent) => any) | undefined;
     }, {
         type: string;
-        size: import("../../utils/props").BuildPropType<StringConstructor, "" | "small" | "medium" | "large" | "mini", unknown>;
+        size: import("../../utils/props").BuildPropType<StringConstructor, "" | "small" | "large" | "medium" | "mini", never>;
         disabled: boolean;
-        resize: import("../../utils/props").BuildPropType<StringConstructor, "none" | "both" | "horizontal" | "vertical", unknown>;
         modelValue: import("../../utils/props").BuildPropType<import("../../utils/props").PropWrapper<string | number | null | undefined>, unknown, unknown>;
+        label: string;
+        form: string;
+        resize: import("../../utils/props").BuildPropType<StringConstructor, "none" | "both" | "horizontal" | "vertical", unknown>;
+        placeholder: string;
         autosize: boolean | {
             minRows?: number | undefined;
             maxRows?: number | undefined;
         };
         autocomplete: string;
-        placeholder: string;
-        form: string;
         readonly: import("../../utils/props").BuildPropType<BooleanConstructor, unknown, unknown>;
         clearable: import("../../utils/props").BuildPropType<BooleanConstructor, unknown, unknown>;
         showPassword: import("../../utils/props").BuildPropType<BooleanConstructor, unknown, unknown>;
         showWordLimit: import("../../utils/props").BuildPropType<BooleanConstructor, unknown, unknown>;
         suffixIcon: import("../../utils/props").BuildPropType<import("../../utils/props").PropWrapper<string | import("vue").Component<any, any, any, import("vue").ComputedOptions, import("vue").MethodOptions>>, unknown, unknown>;
         prefixIcon: import("../../utils/props").BuildPropType<import("../../utils/props").PropWrapper<string | import("vue").Component<any, any, any, import("vue").ComputedOptions, import("vue").MethodOptions>>, unknown, unknown>;
-        label: string;
         tabindex: import("../../utils/props").BuildPropType<readonly [NumberConstructor, StringConstructor], unknown, unknown>;
         validateEvent: import("../../utils/props").BuildPropType<BooleanConstructor, unknown, unknown>;
         inputStyle: import("../../utils/types").StyleValue;
@@ -322,18 +322,18 @@ export declare const ElInputNumber: import("../../utils/types").SFCWithInstall<i
     controlsAtRight: import("vue").ComputedRef<boolean>;
     decrease: () => void;
     increase: () => void;
-    inputNumberSize: import("vue").ComputedRef<any>;
+    inputNumberSize: import("vue").ComputedRef<"" | import("../../utils/types").ComponentSize>;
     inputNumberDisabled: import("vue").ComputedRef<boolean>;
     maxDisabled: import("vue").ComputedRef<boolean>;
     minDisabled: import("vue").ComputedRef<boolean>;
     focus: () => void;
     blur: () => void;
 }, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
-    change: (prev: number, cur: number) => boolean;
+    change: (prev: number | undefined, cur: number | undefined) => boolean;
     blur: (e: FocusEvent) => boolean;
     focus: (e: FocusEvent) => boolean;
-    input: (val: number) => boolean;
-    'update:modelValue': (val: number) => boolean;
+    input: (val: number | undefined) => boolean;
+    'update:modelValue': (val: number | undefined) => boolean;
 }, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<{
     readonly step?: unknown;
     readonly stepStrictly?: unknown;
@@ -358,19 +358,19 @@ export declare const ElInputNumber: import("../../utils/types").SFCWithInstall<i
     stepStrictly: import("../../utils/props").BuildPropType<BooleanConstructor, unknown, unknown>;
     controlsPosition: import("../../utils/props").BuildPropType<StringConstructor, "" | "right", unknown>;
 } & {
+    size?: import("../../utils/props").BuildPropType<StringConstructor, "small" | "large" | "medium" | "mini", unknown> | undefined;
     name?: string | undefined;
-    size?: import("../../utils/props").BuildPropType<StringConstructor, "small" | "medium" | "large" | "mini", unknown> | undefined;
-    placeholder?: string | undefined;
     label?: string | undefined;
+    placeholder?: string | undefined;
     precision?: number | undefined;
 }> & {
-    onChange?: ((prev: number, cur: number) => any) | undefined;
+    "onUpdate:modelValue"?: ((val: number | undefined) => any) | undefined;
     onFocus?: ((e: FocusEvent) => any) | undefined;
-    "onUpdate:modelValue"?: ((val: number) => any) | undefined;
-    onInput?: ((val: number) => any) | undefined;
     onBlur?: ((e: FocusEvent) => any) | undefined;
+    onChange?: ((prev: number | undefined, cur: number | undefined) => any) | undefined;
+    onInput?: ((val: number | undefined) => any) | undefined;
 }, {
-    size: import("../../utils/props").BuildPropType<StringConstructor, "small" | "medium" | "large" | "mini", unknown>;
+    size: import("../../utils/props").BuildPropType<StringConstructor, "small" | "large" | "medium" | "mini", unknown>;
     disabled: import("../../utils/props").BuildPropType<BooleanConstructor, unknown, unknown>;
     max: number;
     controls: import("../../utils/props").BuildPropType<BooleanConstructor, unknown, unknown>;

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

@@ -1,7 +1,7 @@
 import { withInstall } from '../../utils/with-install.mjs';
-import './src/input-number.mjs';
-export { inputNumberEmits, inputNumberProps } from './src/input-number2.mjs';
-import script from './src/input-number.vue_vue&type=script&lang.mjs';
+import './src/input-number2.mjs';
+export { inputNumberEmits, inputNumberProps } from './src/input-number.mjs';
+import script from './src/input-number.vue_vue_type_script_lang.mjs';
 
 const ElInputNumber = withInstall(script);
 

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

@@ -5,7 +5,7 @@ export declare const inputNumberProps: {
     readonly min: import("element-pe/es/utils/props").BuildPropReturn<NumberConstructor, number, unknown, unknown, unknown>;
     readonly modelValue: import("element-pe/es/utils/props").BuildPropReturn<NumberConstructor, unknown, true, unknown, unknown>;
     readonly disabled: import("element-pe/es/utils/props").BuildPropReturn<BooleanConstructor, false, unknown, unknown, unknown>;
-    readonly size: import("element-pe/es/utils/props").BuildPropReturn<StringConstructor, unknown, unknown, "small" | "medium" | "large" | "mini", unknown>;
+    readonly size: import("element-pe/es/utils/props").BuildPropReturn<StringConstructor, unknown, unknown, "small" | "large" | "medium" | "mini", unknown>;
     readonly controls: import("element-pe/es/utils/props").BuildPropReturn<BooleanConstructor, true, unknown, unknown, unknown>;
     readonly controlsPosition: import("element-pe/es/utils/props").BuildPropReturn<StringConstructor, "", unknown, "" | "right", unknown>;
     readonly name: StringConstructor;
@@ -14,9 +14,9 @@ export declare const inputNumberProps: {
     readonly precision: import("element-pe/es/utils/props").BuildPropReturn<NumberConstructor, unknown, unknown, unknown, unknown>;
 };
 export declare const inputNumberEmits: {
-    change: (prev: number, cur: number) => boolean;
+    change: (prev: number | undefined, cur: number | undefined) => boolean;
     blur: (e: FocusEvent) => boolean;
     focus: (e: FocusEvent) => boolean;
-    input: (val: number) => boolean;
-    'update:modelValue': (val: number) => boolean;
+    input: (val: number | undefined) => boolean;
+    'update:modelValue': (val: number | undefined) => boolean;
 };

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

@@ -1,7 +1,59 @@
-import script from './input-number.vue_vue&type=script&lang.mjs';
-export { default } from './input-number.vue_vue&type=script&lang.mjs';
-import { render } from './input-number.vue_vue&type=template&id=dec60af6&lang.mjs';
+import { buildProps, componentSize } from '../../../utils/props.mjs';
+import { isNumber } from '../../../utils/util.mjs';
 
-script.render = render;
-script.__file = "packages/components/input-number/src/input-number.vue";
+const inputNumberProps = buildProps({
+  step: {
+    type: Number,
+    default: 1
+  },
+  stepStrictly: {
+    type: Boolean,
+    default: false
+  },
+  max: {
+    type: Number,
+    default: Infinity
+  },
+  min: {
+    type: Number,
+    default: -Infinity
+  },
+  modelValue: {
+    type: Number,
+    required: true
+  },
+  disabled: {
+    type: Boolean,
+    default: false
+  },
+  size: {
+    type: String,
+    values: componentSize
+  },
+  controls: {
+    type: Boolean,
+    default: true
+  },
+  controlsPosition: {
+    type: String,
+    default: "",
+    values: ["", "right"]
+  },
+  name: String,
+  label: String,
+  placeholder: String,
+  precision: {
+    type: Number,
+    validator: (val) => val >= 0 && val === parseInt(`${val}`, 10)
+  }
+});
+const inputNumberEmits = {
+  change: (prev, cur) => prev !== cur,
+  blur: (e) => e instanceof FocusEvent,
+  focus: (e) => e instanceof FocusEvent,
+  input: (val) => isNumber(val),
+  "update:modelValue": (val) => isNumber(val)
+};
+
+export { inputNumberEmits, inputNumberProps };
 //# sourceMappingURL=input-number.mjs.map

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

@@ -1 +1 @@
-{"version":3,"file":"input-number.mjs","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;"}
+{"version":3,"file":"input-number.mjs","sources":["../../../../../../packages/components/input-number/src/input-number.ts"],"sourcesContent":["import { buildProps, componentSize } from '@element-plus/utils/props'\nimport { isNumber } from '@element-plus/utils/util'\n\nexport const inputNumberProps = buildProps({\n  step: {\n    type: Number,\n    default: 1,\n  },\n  stepStrictly: {\n    type: Boolean,\n    default: false,\n  },\n  max: {\n    type: Number,\n    default: Infinity,\n  },\n  min: {\n    type: Number,\n    default: -Infinity,\n  },\n  modelValue: {\n    type: Number,\n    required: true,\n  },\n  disabled: {\n    type: Boolean,\n    default: false,\n  },\n  size: {\n    type: String,\n    values: componentSize,\n  },\n  controls: {\n    type: Boolean,\n    default: true,\n  },\n  controlsPosition: {\n    type: String,\n    default: '',\n    values: ['', 'right'],\n  },\n  name: String,\n  label: String,\n  placeholder: String,\n  precision: {\n    type: Number,\n    validator: (val: number) => val >= 0 && val === parseInt(`${val}`, 10),\n  },\n} as const)\n\nexport const inputNumberEmits = {\n  change: (prev: number | undefined, cur: number | undefined) => prev !== cur,\n  blur: (e: FocusEvent) => e instanceof FocusEvent,\n  focus: (e: FocusEvent) => e instanceof FocusEvent,\n  input: (val: number | undefined) => isNumber(val),\n  'update:modelValue': (val: number | undefined) => isNumber(val),\n}\n"],"names":[],"mappings":";;;MAGa,mBAAmB,WAAW;AAAA,EACzC,MAAM;AAAA,IACJ,MAAM;AAAA,IACN,SAAS;AAAA;AAAA,EAEX,cAAc;AAAA,IACZ,MAAM;AAAA,IACN,SAAS;AAAA;AAAA,EAEX,KAAK;AAAA,IACH,MAAM;AAAA,IACN,SAAS;AAAA;AAAA,EAEX,KAAK;AAAA,IACH,MAAM;AAAA,IACN,SAAS;AAAA;AAAA,EAEX,YAAY;AAAA,IACV,MAAM;AAAA,IACN,UAAU;AAAA;AAAA,EAEZ,UAAU;AAAA,IACR,MAAM;AAAA,IACN,SAAS;AAAA;AAAA,EAEX,MAAM;AAAA,IACJ,MAAM;AAAA,IACN,QAAQ;AAAA;AAAA,EAEV,UAAU;AAAA,IACR,MAAM;AAAA,IACN,SAAS;AAAA;AAAA,EAEX,kBAAkB;AAAA,IAChB,MAAM;AAAA,IACN,SAAS;AAAA,IACT,QAAQ,CAAC,IAAI;AAAA;AAAA,EAEf,MAAM;AAAA,EACN,OAAO;AAAA,EACP,aAAa;AAAA,EACb,WAAW;AAAA,IACT,MAAM;AAAA,IACN,WAAW,CAAC,QAAgB,OAAO,KAAK,QAAQ,SAAS,GAAG,OAAO;AAAA;AAAA;MAI1D,mBAAmB;AAAA,EAC9B,QAAQ,CAAC,MAA0B,QAA4B,SAAS;AAAA,EACxE,MAAM,CAAC,MAAkB,aAAa;AAAA,EACtC,OAAO,CAAC,MAAkB,aAAa;AAAA,EACvC,OAAO,CAAC,QAA4B,SAAS;AAAA,EAC7C,qBAAqB,CAAC,QAA4B,SAAS;AAAA;;;;"}