element-pe 2.0.7 → 2.0.8

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

@@ -1,62 +1,293 @@
+import { defineComponent, ref, reactive, computed, watch, onMounted, onUpdated, resolveComponent, resolveDirective, openBlock, createElementBlock, normalizeClass, withModifiers, withDirectives, withKeys, createVNode, withCtx, createBlock, createCommentVNode } from 'vue';
+import { ElIcon } from '../../icon/index.mjs';
+import '../../../directives/index.mjs';
+import '../../../hooks/index.mjs';
+import { ElInput } from '../../input/index.mjs';
 import '../../../utils/index.mjs';
-import '../../../constants/index.mjs';
-import { buildProps } from '../../../utils/vue/props.mjs';
-import { componentSizes } from '../../../constants/size.mjs';
+import { ArrowUp, ArrowDown, Plus, Minus } from '@element-plus/icons-vue';
+import { inputNumberProps, inputNumberEmits } from './input-number.mjs';
+import _export_sfc from '../../../_virtual/plugin-vue_export-helper.mjs';
+import RepeatClick from '../../../directives/repeat-click/index.mjs';
+import { useFormItem } from '../../../hooks/use-form-item/index.mjs';
+import { useNamespace } from '../../../hooks/use-namespace/index.mjs';
+import { isUndefined } from '../../../utils/types.mjs';
+import { debugWarn } from '../../../utils/error.mjs';
+import { useSize, useDisabled } from '../../../hooks/use-common-props/index.mjs';
 import { isNumber } from '@vueuse/core';
 
-const inputNumberProps = buildProps({
-  step: {
-    type: Number,
-    default: 1
+const _sfc_main = defineComponent({
+  name: "ElInputNumber",
+  components: {
+    ElInput,
+    ElIcon,
+    ArrowUp,
+    ArrowDown,
+    Plus,
+    Minus
   },
-  stepStrictly: {
-    type: Boolean,
-    default: false
+  directives: {
+    RepeatClick
   },
-  max: {
-    type: Number,
-    default: Number.POSITIVE_INFINITY
-  },
-  min: {
-    type: Number,
-    default: Number.NEGATIVE_INFINITY
-  },
-  modelValue: {
-    type: Number,
-    required: true
-  },
-  disabled: {
-    type: Boolean,
-    default: false
-  },
-  size: {
-    type: String,
-    values: componentSizes
-  },
-  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 === Number.parseInt(`${val}`, 10)
+  props: inputNumberProps,
+  emits: inputNumberEmits,
+  setup(props, { emit }) {
+    const input = ref();
+    const data = reactive({
+      currentValue: props.modelValue,
+      userInput: null
+    });
+    const { formItem } = useFormItem();
+    const ns = useNamespace("input-number");
+    const minDisabled = computed(() => ensurePrecision(props.modelValue, -1) < props.min);
+    const maxDisabled = computed(() => ensurePrecision(props.modelValue) > props.max);
+    const numPrecision = computed(() => {
+      const stepPrecision = getPrecision(props.step);
+      if (!isUndefined(props.precision)) {
+        if (stepPrecision > props.precision) {
+          debugWarn("InputNumber", "precision should not be less than the decimal places of step");
+        }
+        return props.precision;
+      } else {
+        return Math.max(getPrecision(props.modelValue), stepPrecision);
+      }
+    });
+    const controlsAtRight = computed(() => {
+      return props.controls && props.controlsPosition === "right";
+    });
+    const inputNumberSize = useSize();
+    const inputNumberDisabled = useDisabled();
+    const displayValue = computed(() => {
+      if (data.userInput !== null) {
+        return data.userInput;
+      }
+      let currentValue = data.currentValue;
+      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;
+      return Number.parseFloat(`${Math.round(num * 10 ** pre) / 10 ** pre}`);
+    };
+    const getPrecision = (value) => {
+      if (isUndefined(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;
+      val = isNumber(val) ? val : Number.NaN;
+      return toPrecision(val + props.step * coefficient);
+    };
+    const increase = () => {
+      if (inputNumberDisabled.value || maxDisabled.value)
+        return;
+      const value = props.modelValue || 0;
+      const newVal = ensurePrecision(value);
+      setCurrentValue(newVal);
+    };
+    const decrease = () => {
+      if (inputNumberDisabled.value || minDisabled.value)
+        return;
+      const value = props.modelValue || 0;
+      const newVal = ensurePrecision(value, -1);
+      setCurrentValue(newVal);
+    };
+    const verifyValue = (value, update) => {
+      const { max, min, step, precision, stepStrictly } = props;
+      let newVal = Number(value);
+      if (value === null || value === "") {
+        newVal = Number.NaN;
+      }
+      if (!Number.isNaN(newVal)) {
+        if (stepStrictly) {
+          newVal = Math.round(newVal / step) * step;
+        }
+        if (!isUndefined(precision)) {
+          newVal = toPrecision(newVal, precision);
+        }
+        if (newVal > max || newVal < min) {
+          newVal = newVal > max ? max : min;
+          update && emit("update:modelValue", newVal);
+        }
+      }
+      return newVal;
+    };
+    const setCurrentValue = (value) => {
+      var _a;
+      const oldVal = data.currentValue;
+      let newVal = verifyValue(value);
+      if (oldVal === newVal)
+        return;
+      if (Number.isNaN(newVal)) {
+        newVal = void 0;
+      }
+      data.userInput = null;
+      emit("update:modelValue", newVal);
+      emit("input", newVal);
+      emit("change", newVal, oldVal);
+      (_a = formItem == null ? void 0 : formItem.validate) == null ? void 0 : _a.call(formItem, "change").catch((err) => debugWarn(err));
+      data.currentValue = newVal;
+    };
+    const handleInput = (value) => {
+      return data.userInput = value;
+    };
+    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);
+      (_a = formItem == null ? void 0 : formItem.validate) == null ? void 0 : _a.call(formItem, "blur").catch((err) => debugWarn(err));
+    };
+    watch(() => props.modelValue, (value) => {
+      const newVal = verifyValue(value, true);
+      data.currentValue = newVal;
+      data.userInput = null;
+    }, { immediate: true });
+    onMounted(() => {
+      var _a;
+      const innerInput = (_a = input.value) == null ? void 0 : _a.input;
+      innerInput.setAttribute("role", "spinbutton");
+      innerInput.setAttribute("aria-valuemax", String(props.max));
+      innerInput.setAttribute("aria-valuemin", String(props.min));
+      innerInput.setAttribute("aria-valuenow", String(data.currentValue));
+      innerInput.setAttribute("aria-disabled", String(inputNumberDisabled.value));
+      if (!isNumber(props.modelValue)) {
+        let val = Number(props.modelValue);
+        if (Number.isNaN(val)) {
+          val = void 0;
+        }
+        emit("update:modelValue", val);
+      }
+    });
+    onUpdated(() => {
+      var _a;
+      const innerInput = (_a = input.value) == null ? void 0 : _a.input;
+      innerInput == null ? void 0 : innerInput.setAttribute("aria-valuenow", data.currentValue);
+    });
+    return {
+      input,
+      displayValue,
+      handleInput,
+      handleInputChange,
+      controlsAtRight,
+      decrease,
+      increase,
+      inputNumberSize,
+      inputNumberDisabled,
+      maxDisabled,
+      minDisabled,
+      focus,
+      blur,
+      handleFocus,
+      handleBlur,
+      ns
+    };
   }
 });
-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) || val === void 0
-};
+function _sfc_render(_ctx, _cache, $props, $setup, $data, $options) {
+  const _component_arrow_down = resolveComponent("arrow-down");
+  const _component_minus = resolveComponent("minus");
+  const _component_el_icon = resolveComponent("el-icon");
+  const _component_arrow_up = resolveComponent("arrow-up");
+  const _component_plus = resolveComponent("plus");
+  const _component_el_input = resolveComponent("el-input");
+  const _directive_repeat_click = resolveDirective("repeat-click");
+  return openBlock(), createElementBlock("div", {
+    class: normalizeClass([
+      _ctx.ns.b(),
+      _ctx.ns.m(_ctx.inputNumberSize),
+      _ctx.ns.is("disabled", _ctx.inputNumberDisabled),
+      _ctx.ns.is("without-controls", !_ctx.controls),
+      _ctx.ns.is("controls-right", _ctx.controlsAtRight)
+    ]),
+    onDragstart: _cache[2] || (_cache[2] = withModifiers(() => {
+    }, ["prevent"]))
+  }, [
+    _ctx.controls ? withDirectives((openBlock(), createElementBlock("span", {
+      key: 0,
+      role: "button",
+      class: normalizeClass([_ctx.ns.e("decrease"), _ctx.ns.is("disabled", _ctx.minDisabled)]),
+      onKeydown: _cache[0] || (_cache[0] = withKeys((...args) => _ctx.decrease && _ctx.decrease(...args), ["enter"]))
+    }, [
+      createVNode(_component_el_icon, null, {
+        default: withCtx(() => [
+          _ctx.controlsAtRight ? (openBlock(), createBlock(_component_arrow_down, { key: 0 })) : (openBlock(), createBlock(_component_minus, { key: 1 }))
+        ]),
+        _: 1
+      })
+    ], 34)), [
+      [_directive_repeat_click, _ctx.decrease]
+    ]) : createCommentVNode("v-if", true),
+    _ctx.controls ? withDirectives((openBlock(), createElementBlock("span", {
+      key: 1,
+      role: "button",
+      class: normalizeClass([_ctx.ns.e("increase"), _ctx.ns.is("disabled", _ctx.maxDisabled)]),
+      onKeydown: _cache[1] || (_cache[1] = withKeys((...args) => _ctx.increase && _ctx.increase(...args), ["enter"]))
+    }, [
+      createVNode(_component_el_icon, null, {
+        default: withCtx(() => [
+          _ctx.controlsAtRight ? (openBlock(), createBlock(_component_arrow_up, { key: 0 })) : (openBlock(), createBlock(_component_plus, { key: 1 }))
+        ]),
+        _: 1
+      })
+    ], 34)), [
+      [_directive_repeat_click, _ctx.increase]
+    ]) : createCommentVNode("v-if", true),
+    createVNode(_component_el_input, {
+      ref: "input",
+      type: "number",
+      step: _ctx.step,
+      "model-value": _ctx.displayValue,
+      placeholder: _ctx.placeholder,
+      disabled: _ctx.inputNumberDisabled,
+      size: _ctx.inputNumberSize,
+      max: _ctx.max,
+      min: _ctx.min,
+      name: _ctx.name,
+      label: _ctx.label,
+      "validate-event": false,
+      onKeydown: [
+        withKeys(withModifiers(_ctx.increase, ["prevent"]), ["up"]),
+        withKeys(withModifiers(_ctx.decrease, ["prevent"]), ["down"])
+      ],
+      onBlur: _ctx.handleBlur,
+      onFocus: _ctx.handleFocus,
+      onInput: _ctx.handleInput,
+      onChange: _ctx.handleInputChange
+    }, null, 8, ["step", "model-value", "placeholder", "disabled", "size", "max", "min", "name", "label", "onKeydown", "onBlur", "onFocus", "onInput", "onChange"])
+  ], 34);
+}
+var InputNumber = /* @__PURE__ */ _export_sfc(_sfc_main, [["render", _sfc_render], ["__file", "/Users/meng/workspace/element-pe/packages/components/input-number/src/input-number.vue"]]);
 
-export { inputNumberEmits, inputNumberProps };
+export { InputNumber as default };
 //# sourceMappingURL=input-number2.mjs.map

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

@@ -1 +1 @@
-{"version":3,"file":"input-number2.mjs","sources":["../../../../../../packages/components/input-number/src/input-number.ts"],"sourcesContent":["import { buildProps, isNumber } from '@element-plus/utils'\nimport { componentSizes } from '@element-plus/constants'\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: Number.POSITIVE_INFINITY,\n  },\n  min: {\n    type: Number,\n    default: Number.NEGATIVE_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: componentSizes,\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) =>\n      val >= 0 && val === Number.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) =>\n    isNumber(val) || val === undefined,\n}\n"],"names":[],"mappings":";;;;;;AAEY,MAAC,gBAAgB,GAAG,UAAU,CAAC;AAC3C,EAAE,IAAI,EAAE;AACR,IAAI,IAAI,EAAE,MAAM;AAChB,IAAI,OAAO,EAAE,CAAC;AACd,GAAG;AACH,EAAE,YAAY,EAAE;AAChB,IAAI,IAAI,EAAE,OAAO;AACjB,IAAI,OAAO,EAAE,KAAK;AAClB,GAAG;AACH,EAAE,GAAG,EAAE;AACP,IAAI,IAAI,EAAE,MAAM;AAChB,IAAI,OAAO,EAAE,MAAM,CAAC,iBAAiB;AACrC,GAAG;AACH,EAAE,GAAG,EAAE;AACP,IAAI,IAAI,EAAE,MAAM;AAChB,IAAI,OAAO,EAAE,MAAM,CAAC,iBAAiB;AACrC,GAAG;AACH,EAAE,UAAU,EAAE;AACd,IAAI,IAAI,EAAE,MAAM;AAChB,IAAI,QAAQ,EAAE,IAAI;AAClB,GAAG;AACH,EAAE,QAAQ,EAAE;AACZ,IAAI,IAAI,EAAE,OAAO;AACjB,IAAI,OAAO,EAAE,KAAK;AAClB,GAAG;AACH,EAAE,IAAI,EAAE;AACR,IAAI,IAAI,EAAE,MAAM;AAChB,IAAI,MAAM,EAAE,cAAc;AAC1B,GAAG;AACH,EAAE,QAAQ,EAAE;AACZ,IAAI,IAAI,EAAE,OAAO;AACjB,IAAI,OAAO,EAAE,IAAI;AACjB,GAAG;AACH,EAAE,gBAAgB,EAAE;AACpB,IAAI,IAAI,EAAE,MAAM;AAChB,IAAI,OAAO,EAAE,EAAE;AACf,IAAI,MAAM,EAAE,CAAC,EAAE,EAAE,OAAO,CAAC;AACzB,GAAG;AACH,EAAE,IAAI,EAAE,MAAM;AACd,EAAE,KAAK,EAAE,MAAM;AACf,EAAE,WAAW,EAAE,MAAM;AACrB,EAAE,SAAS,EAAE;AACb,IAAI,IAAI,EAAE,MAAM;AAChB,IAAI,SAAS,EAAE,CAAC,GAAG,KAAK,GAAG,IAAI,CAAC,IAAI,GAAG,KAAK,MAAM,CAAC,QAAQ,CAAC,CAAC,EAAE,GAAG,CAAC,CAAC,EAAE,EAAE,CAAC;AACzE,GAAG;AACH,CAAC,EAAE;AACS,MAAC,gBAAgB,GAAG;AAChC,EAAE,MAAM,EAAE,CAAC,IAAI,EAAE,GAAG,KAAK,IAAI,KAAK,GAAG;AACrC,EAAE,IAAI,EAAE,CAAC,CAAC,KAAK,CAAC,YAAY,UAAU;AACtC,EAAE,KAAK,EAAE,CAAC,CAAC,KAAK,CAAC,YAAY,UAAU;AACvC,EAAE,KAAK,EAAE,CAAC,GAAG,KAAK,QAAQ,CAAC,GAAG,CAAC;AAC/B,EAAE,mBAAmB,EAAE,CAAC,GAAG,KAAK,QAAQ,CAAC,GAAG,CAAC,IAAI,GAAG,KAAK,KAAK,CAAC;AAC/D;;;;"}
+{"version":3,"file":"input-number2.mjs","sources":["../../../../../../packages/components/input-number/src/input-number.vue"],"sourcesContent":["<template>\n  <div\n    :class=\"[\n      ns.b(),\n      ns.m(inputNumberSize),\n      ns.is('disabled', inputNumberDisabled),\n      ns.is('without-controls', !controls),\n      ns.is('controls-right', controlsAtRight),\n    ]\"\n    @dragstart.prevent\n  >\n    <span\n      v-if=\"controls\"\n      v-repeat-click=\"decrease\"\n      role=\"button\"\n      :class=\"[ns.e('decrease'), ns.is('disabled', minDisabled)]\"\n      @keydown.enter=\"decrease\"\n    >\n      <el-icon>\n        <arrow-down v-if=\"controlsAtRight\" />\n        <minus v-else />\n      </el-icon>\n    </span>\n    <span\n      v-if=\"controls\"\n      v-repeat-click=\"increase\"\n      role=\"button\"\n      :class=\"[ns.e('increase'), ns.is('disabled', maxDisabled)]\"\n      @keydown.enter=\"increase\"\n    >\n      <el-icon>\n        <arrow-up v-if=\"controlsAtRight\" />\n        <plus v-else />\n      </el-icon>\n    </span>\n    <el-input\n      ref=\"input\"\n      type=\"number\"\n      :step=\"step\"\n      :model-value=\"displayValue\"\n      :placeholder=\"placeholder\"\n      :disabled=\"inputNumberDisabled\"\n      :size=\"inputNumberSize\"\n      :max=\"max\"\n      :min=\"min\"\n      :name=\"name\"\n      :label=\"label\"\n      :validate-event=\"false\"\n      @keydown.up.prevent=\"increase\"\n      @keydown.down.prevent=\"decrease\"\n      @blur=\"handleBlur\"\n      @focus=\"handleFocus\"\n      @input=\"handleInput\"\n      @change=\"handleInputChange\"\n    />\n  </div>\n</template>\n<script lang=\"ts\">\nimport {\n  computed,\n  defineComponent,\n  onMounted,\n  onUpdated,\n  reactive,\n  ref,\n  watch,\n} from 'vue'\n\nimport { ElIcon } from '@element-plus/components/icon'\nimport { RepeatClick } from '@element-plus/directives'\nimport {\n  useDisabled,\n  useFormItem,\n  useNamespace,\n  useSize,\n} from '@element-plus/hooks'\nimport ElInput from '@element-plus/components/input'\nimport { debugWarn, isNumber, isUndefined } from '@element-plus/utils'\nimport { ArrowDown, ArrowUp, Minus, Plus } from '@element-plus/icons-vue'\nimport { inputNumberEmits, inputNumberProps } from './input-number'\n\nimport type { ComponentPublicInstance } from 'vue'\n\ninterface IData {\n  currentValue: number | undefined\n  userInput: null | number | string\n}\n\nexport default defineComponent({\n  name: 'ElInputNumber',\n  components: {\n    ElInput,\n    ElIcon,\n    ArrowUp,\n    ArrowDown,\n    Plus,\n    Minus,\n  },\n  directives: {\n    RepeatClick,\n  },\n  props: inputNumberProps,\n  emits: inputNumberEmits,\n  setup(props, { emit }) {\n    const input = ref<ComponentPublicInstance<typeof ElInput>>()\n    const data = reactive<IData>({\n      currentValue: props.modelValue,\n      userInput: null,\n    })\n    const { formItem } = useFormItem()\n    const ns = useNamespace('input-number')\n\n    const minDisabled = computed(\n      () => ensurePrecision(props.modelValue, -1) < props.min\n    )\n    const maxDisabled = computed(\n      () => ensurePrecision(props.modelValue) > props.max\n    )\n\n    const numPrecision = computed(() => {\n      const stepPrecision = getPrecision(props.step)\n      if (!isUndefined(props.precision)) {\n        if (stepPrecision > props.precision) {\n          debugWarn(\n            'InputNumber',\n            'precision should not be less than the decimal places of step'\n          )\n        }\n        return props.precision\n      } else {\n        return Math.max(getPrecision(props.modelValue), stepPrecision)\n      }\n    })\n    const controlsAtRight = computed(() => {\n      return props.controls && props.controlsPosition === 'right'\n    })\n\n    const inputNumberSize = useSize()\n    const inputNumberDisabled = useDisabled()\n\n    const displayValue = computed(() => {\n      if (data.userInput !== null) {\n        return data.userInput\n      }\n      let currentValue: number | string | undefined = data.currentValue\n      if (isNumber(currentValue)) {\n        if (Number.isNaN(currentValue)) return ''\n        if (!isUndefined(props.precision)) {\n          currentValue = currentValue.toFixed(props.precision)\n        }\n      }\n      return currentValue\n    })\n    const toPrecision = (num: number, pre?: number) => {\n      if (isUndefined(pre)) pre = numPrecision.value\n      return Number.parseFloat(`${Math.round(num * 10 ** pre) / 10 ** pre}`)\n    }\n    const getPrecision = (value: number | undefined) => {\n      if (isUndefined(value)) return 0\n      const valueString = value.toString()\n      const dotPosition = valueString.indexOf('.')\n      let precision = 0\n      if (dotPosition !== -1) {\n        precision = valueString.length - dotPosition - 1\n      }\n      return precision\n    }\n    const ensurePrecision = (val: number, coefficient: 1 | -1 = 1) => {\n      if (!isNumber(val)) return data.currentValue\n      // Solve the accuracy problem of JS decimal calculation by converting the value to integer.\n      val = isNumber(val) ? val : Number.NaN\n      return toPrecision(val + props.step * coefficient)\n    }\n    const increase = () => {\n      if (inputNumberDisabled.value || maxDisabled.value) return\n      const value = props.modelValue || 0\n      const newVal = ensurePrecision(value)\n      setCurrentValue(newVal)\n    }\n    const decrease = () => {\n      if (inputNumberDisabled.value || minDisabled.value) return\n      const value = props.modelValue || 0\n      const newVal = ensurePrecision(value, -1)\n      setCurrentValue(newVal)\n    }\n    const verifyValue = (\n      value: number | string | undefined,\n      update?: boolean\n    ): number | undefined => {\n      const { max, min, step, precision, stepStrictly } = props\n      let newVal = Number(value)\n      if (value === null || value === '') {\n        newVal = Number.NaN\n      }\n      if (!Number.isNaN(newVal)) {\n        if (stepStrictly) {\n          newVal = Math.round(newVal / step) * step\n        }\n        if (!isUndefined(precision)) {\n          newVal = toPrecision(newVal, precision)\n        }\n        if (newVal > max || newVal < min) {\n          newVal = newVal > max ? max : min\n          update && emit('update:modelValue', newVal)\n        }\n      }\n      return newVal\n    }\n    const setCurrentValue = (value: number | string | undefined) => {\n      const oldVal = data.currentValue\n      let newVal = verifyValue(value)\n      if (oldVal === newVal) return\n      if (Number.isNaN(newVal)) {\n        newVal = undefined\n      }\n      data.userInput = null\n      emit('update:modelValue', newVal)\n      emit('input', newVal)\n      emit('change', newVal, oldVal)\n      formItem?.validate?.('change').catch((err) => debugWarn(err))\n      data.currentValue = newVal\n    }\n    const handleInput = (value: string) => {\n      return (data.userInput = value)\n    }\n    const handleInputChange = (value: string) => {\n      const newVal = value !== '' ? Number(value) : ''\n      if ((isNumber(newVal) && !Number.isNaN(newVal)) || value === '') {\n        setCurrentValue(newVal)\n      }\n      data.userInput = null\n    }\n\n    const focus = () => {\n      input.value?.focus?.()\n    }\n\n    const blur = () => {\n      input.value?.blur?.()\n    }\n\n    const handleFocus = (event: MouseEvent | FocusEvent) => {\n      emit('focus', event)\n    }\n\n    const handleBlur = (event: MouseEvent | FocusEvent) => {\n      emit('blur', event)\n      formItem?.validate?.('blur').catch((err) => debugWarn(err))\n    }\n\n    watch(\n      () => props.modelValue,\n      (value) => {\n        const newVal = verifyValue(value, true)\n        data.currentValue = newVal\n        data.userInput = null\n      },\n      { immediate: true }\n    )\n    onMounted(() => {\n      const innerInput = input.value?.input as HTMLInputElement\n      innerInput.setAttribute('role', 'spinbutton')\n      innerInput.setAttribute('aria-valuemax', String(props.max))\n      innerInput.setAttribute('aria-valuemin', String(props.min))\n      innerInput.setAttribute('aria-valuenow', String(data.currentValue))\n      innerInput.setAttribute(\n        'aria-disabled',\n        String(inputNumberDisabled.value)\n      )\n      if (!isNumber(props.modelValue)) {\n        let val: number | undefined = Number(props.modelValue)\n        if (Number.isNaN(val)) {\n          val = undefined\n        }\n        emit('update:modelValue', val)\n      }\n    })\n    onUpdated(() => {\n      const innerInput = input.value?.input\n      innerInput?.setAttribute('aria-valuenow', data.currentValue)\n    })\n    return {\n      input,\n      displayValue,\n      handleInput,\n      handleInputChange,\n      controlsAtRight,\n      decrease,\n      increase,\n      inputNumberSize,\n      inputNumberDisabled,\n      maxDisabled,\n      minDisabled,\n      focus,\n      blur,\n      handleFocus,\n      handleBlur,\n      ns,\n    }\n  },\n})\n</script>\n"],"names":["_resolveComponent","_resolveDirective","_openBlock","_createElementBlock","_normalizeClass","_withDirectives","_createBlock","_createCommentVNode","_createVNode","_withKeys","_withModifiers"],"mappings":"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"}

package/es/components/link/index.mjs

@@ -1,6 +1,6 @@
 import '../../utils/index.mjs';
-import Link from './src/link.mjs';
-export { linkEmits, linkProps } from './src/link2.mjs';
+import Link from './src/link2.mjs';
+export { linkEmits, linkProps } from './src/link.mjs';
 import { withInstall } from '../../utils/vue/install.mjs';
 
 const ElLink = withInstall(Link);

package/es/components/link/src/link.mjs

@@ -1,54 +1,27 @@
-import { defineComponent, openBlock, createElementBlock, normalizeClass, unref, createBlock, withCtx, resolveDynamicComponent, createCommentVNode, renderSlot } from 'vue';
-import { ElIcon } from '../../icon/index.mjs';
-import '../../../hooks/index.mjs';
-import { linkProps, linkEmits } from './link2.mjs';
-import _export_sfc from '../../../_virtual/plugin-vue_export-helper.mjs';
-import { useNamespace } from '../../../hooks/use-namespace/index.mjs';
+import '../../../utils/index.mjs';
+import { buildProps } from '../../../utils/vue/props.mjs';
+import { iconPropType } from '../../../utils/vue/icon.mjs';
 
-const _hoisted_1 = ["href"];
-const __default__ = {
-  name: "ElLink"
-};
-const _sfc_main = /* @__PURE__ */ defineComponent({
-  ...__default__,
-  props: linkProps,
-  emits: linkEmits,
-  setup(__props, { emit }) {
-    const props = __props;
-    const ns = useNamespace("link");
-    function handleClick(event) {
-      if (!props.disabled)
-        emit("click", event);
-    }
-    return (_ctx, _cache) => {
-      return openBlock(), createElementBlock("a", {
-        class: normalizeClass([
-          unref(ns).b(),
-          unref(ns).m(_ctx.type),
-          unref(ns).is("disabled", _ctx.disabled),
-          unref(ns).is("underline", _ctx.underline && !_ctx.disabled)
-        ]),
-        href: _ctx.disabled || !_ctx.href ? void 0 : _ctx.href,
-        onClick: handleClick
-      }, [
-        _ctx.icon ? (openBlock(), createBlock(unref(ElIcon), { key: 0 }, {
-          default: withCtx(() => [
-            (openBlock(), createBlock(resolveDynamicComponent(_ctx.icon)))
-          ]),
-          _: 1
-        })) : createCommentVNode("v-if", true),
-        _ctx.$slots.default ? (openBlock(), createElementBlock("span", {
-          key: 1,
-          class: normalizeClass(unref(ns).e("inner"))
-        }, [
-          renderSlot(_ctx.$slots, "default")
-        ], 2)) : createCommentVNode("v-if", true),
-        _ctx.$slots.icon ? renderSlot(_ctx.$slots, "icon", { key: 2 }) : createCommentVNode("v-if", true)
-      ], 10, _hoisted_1);
-    };
+const linkProps = buildProps({
+  type: {
+    type: String,
+    values: ["primary", "success", "warning", "info", "danger", "default"],
+    default: "default"
+  },
+  underline: {
+    type: Boolean,
+    default: true
+  },
+  disabled: { type: Boolean, default: false },
+  href: { type: String, default: "" },
+  icon: {
+    type: iconPropType,
+    default: ""
   }
 });
-var Link = /* @__PURE__ */ _export_sfc(_sfc_main, [["__file", "/Users/meng/workspace/element-pe/packages/components/link/src/link.vue"]]);
+const linkEmits = {
+  click: (evt) => evt instanceof MouseEvent
+};
 
-export { Link as default };
+export { linkEmits, linkProps };
 //# sourceMappingURL=link.mjs.map

package/es/components/link/src/link.mjs.map

@@ -1 +1 @@
-{"version":3,"file":"link.mjs","sources":["../../../../../../packages/components/link/src/link.vue"],"sourcesContent":["<template>\n  <a\n    :class=\"[\n      ns.b(),\n      ns.m(type),\n      ns.is('disabled', disabled),\n      ns.is('underline', underline && !disabled),\n    ]\"\n    :href=\"disabled || !href ? undefined : href\"\n    @click=\"handleClick\"\n  >\n    <el-icon v-if=\"icon\"><component :is=\"icon\" /></el-icon>\n    <span v-if=\"$slots.default\" :class=\"ns.e('inner')\">\n      <slot />\n    </span>\n\n    <slot v-if=\"$slots.icon\" name=\"icon\" />\n  </a>\n</template>\n\n<script lang=\"ts\" setup>\nimport { ElIcon } from '@element-plus/components/icon'\nimport { useNamespace } from '@element-plus/hooks'\nimport { linkEmits, linkProps } from './link'\n\ndefineOptions({\n  name: 'ElLink',\n})\nconst props = defineProps(linkProps)\nconst emit = defineEmits(linkEmits)\n\nconst ns = useNamespace('link')\n\nfunction handleClick(event: MouseEvent) {\n  if (!props.disabled) emit('click', event)\n}\n</script>\n"],"names":[],"mappings":";;;;;;;;;;;;;;;;;AA+BA,IAAA,MAAA,EAAA,GAAA,aAAA,MAAA,CAAA,CAAA;AAEA,IAAA,SAAA,WAAA,CAAA,KAAA,EAAA;AACA,MAAA,IAAA,CAAA,KAAA,CAAA,QAAA;AAAA,QAAA,IAAA,CAAA,SAAA,KAAA,CAAA,CAAA;AAAA,KACA;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}
+{"version":3,"file":"link.mjs","sources":["../../../../../../packages/components/link/src/link.ts"],"sourcesContent":["import { buildProps, iconPropType } from '@element-plus/utils'\nimport type { ExtractPropTypes } from 'vue'\nimport type Link from './link.vue'\n\nexport const linkProps = buildProps({\n  type: {\n    type: String,\n    values: ['primary', 'success', 'warning', 'info', 'danger', 'default'],\n    default: 'default',\n  },\n  underline: {\n    type: Boolean,\n    default: true,\n  },\n  disabled: { type: Boolean, default: false },\n  href: { type: String, default: '' },\n  icon: {\n    type: iconPropType,\n    default: '',\n  },\n} as const)\nexport type LinkProps = ExtractPropTypes<typeof linkProps>\n\nexport const linkEmits = {\n  click: (evt: MouseEvent) => evt instanceof MouseEvent,\n}\nexport type LinkEmits = typeof linkEmits\n\nexport type LinkInstance = InstanceType<typeof Link>\n"],"names":[],"mappings":";;;;AACY,MAAC,SAAS,GAAG,UAAU,CAAC;AACpC,EAAE,IAAI,EAAE;AACR,IAAI,IAAI,EAAE,MAAM;AAChB,IAAI,MAAM,EAAE,CAAC,SAAS,EAAE,SAAS,EAAE,SAAS,EAAE,MAAM,EAAE,QAAQ,EAAE,SAAS,CAAC;AAC1E,IAAI,OAAO,EAAE,SAAS;AACtB,GAAG;AACH,EAAE,SAAS,EAAE;AACb,IAAI,IAAI,EAAE,OAAO;AACjB,IAAI,OAAO,EAAE,IAAI;AACjB,GAAG;AACH,EAAE,QAAQ,EAAE,EAAE,IAAI,EAAE,OAAO,EAAE,OAAO,EAAE,KAAK,EAAE;AAC7C,EAAE,IAAI,EAAE,EAAE,IAAI,EAAE,MAAM,EAAE,OAAO,EAAE,EAAE,EAAE;AACrC,EAAE,IAAI,EAAE;AACR,IAAI,IAAI,EAAE,YAAY;AACtB,IAAI,OAAO,EAAE,EAAE;AACf,GAAG;AACH,CAAC,EAAE;AACS,MAAC,SAAS,GAAG;AACzB,EAAE,KAAK,EAAE,CAAC,GAAG,KAAK,GAAG,YAAY,UAAU;AAC3C;;;;"}

package/es/components/link/src/link2.mjs

@@ -1,27 +1,54 @@
-import '../../../utils/index.mjs';
-import { buildProps } from '../../../utils/vue/props.mjs';
-import { iconPropType } from '../../../utils/vue/icon.mjs';
+import { defineComponent, openBlock, createElementBlock, normalizeClass, unref, createBlock, withCtx, resolveDynamicComponent, createCommentVNode, renderSlot } from 'vue';
+import { ElIcon } from '../../icon/index.mjs';
+import '../../../hooks/index.mjs';
+import { linkProps, linkEmits } from './link.mjs';
+import _export_sfc from '../../../_virtual/plugin-vue_export-helper.mjs';
+import { useNamespace } from '../../../hooks/use-namespace/index.mjs';
 
-const linkProps = buildProps({
-  type: {
-    type: String,
-    values: ["primary", "success", "warning", "info", "danger", "default"],
-    default: "default"
-  },
-  underline: {
-    type: Boolean,
-    default: true
-  },
-  disabled: { type: Boolean, default: false },
-  href: { type: String, default: "" },
-  icon: {
-    type: iconPropType,
-    default: ""
+const _hoisted_1 = ["href"];
+const __default__ = {
+  name: "ElLink"
+};
+const _sfc_main = /* @__PURE__ */ defineComponent({
+  ...__default__,
+  props: linkProps,
+  emits: linkEmits,
+  setup(__props, { emit }) {
+    const props = __props;
+    const ns = useNamespace("link");
+    function handleClick(event) {
+      if (!props.disabled)
+        emit("click", event);
+    }
+    return (_ctx, _cache) => {
+      return openBlock(), createElementBlock("a", {
+        class: normalizeClass([
+          unref(ns).b(),
+          unref(ns).m(_ctx.type),
+          unref(ns).is("disabled", _ctx.disabled),
+          unref(ns).is("underline", _ctx.underline && !_ctx.disabled)
+        ]),
+        href: _ctx.disabled || !_ctx.href ? void 0 : _ctx.href,
+        onClick: handleClick
+      }, [
+        _ctx.icon ? (openBlock(), createBlock(unref(ElIcon), { key: 0 }, {
+          default: withCtx(() => [
+            (openBlock(), createBlock(resolveDynamicComponent(_ctx.icon)))
+          ]),
+          _: 1
+        })) : createCommentVNode("v-if", true),
+        _ctx.$slots.default ? (openBlock(), createElementBlock("span", {
+          key: 1,
+          class: normalizeClass(unref(ns).e("inner"))
+        }, [
+          renderSlot(_ctx.$slots, "default")
+        ], 2)) : createCommentVNode("v-if", true),
+        _ctx.$slots.icon ? renderSlot(_ctx.$slots, "icon", { key: 2 }) : createCommentVNode("v-if", true)
+      ], 10, _hoisted_1);
+    };
   }
 });
-const linkEmits = {
-  click: (evt) => evt instanceof MouseEvent
-};
+var Link = /* @__PURE__ */ _export_sfc(_sfc_main, [["__file", "/Users/meng/workspace/element-pe/packages/components/link/src/link.vue"]]);
 
-export { linkEmits, linkProps };
+export { Link as default };
 //# sourceMappingURL=link2.mjs.map

package/es/components/link/src/link2.mjs.map

@@ -1 +1 @@
-{"version":3,"file":"link2.mjs","sources":["../../../../../../packages/components/link/src/link.ts"],"sourcesContent":["import { buildProps, iconPropType } from '@element-plus/utils'\nimport type { ExtractPropTypes } from 'vue'\nimport type Link from './link.vue'\n\nexport const linkProps = buildProps({\n  type: {\n    type: String,\n    values: ['primary', 'success', 'warning', 'info', 'danger', 'default'],\n    default: 'default',\n  },\n  underline: {\n    type: Boolean,\n    default: true,\n  },\n  disabled: { type: Boolean, default: false },\n  href: { type: String, default: '' },\n  icon: {\n    type: iconPropType,\n    default: '',\n  },\n} as const)\nexport type LinkProps = ExtractPropTypes<typeof linkProps>\n\nexport const linkEmits = {\n  click: (evt: MouseEvent) => evt instanceof MouseEvent,\n}\nexport type LinkEmits = typeof linkEmits\n\nexport type LinkInstance = InstanceType<typeof Link>\n"],"names":[],"mappings":";;;;AACY,MAAC,SAAS,GAAG,UAAU,CAAC;AACpC,EAAE,IAAI,EAAE;AACR,IAAI,IAAI,EAAE,MAAM;AAChB,IAAI,MAAM,EAAE,CAAC,SAAS,EAAE,SAAS,EAAE,SAAS,EAAE,MAAM,EAAE,QAAQ,EAAE,SAAS,CAAC;AAC1E,IAAI,OAAO,EAAE,SAAS;AACtB,GAAG;AACH,EAAE,SAAS,EAAE;AACb,IAAI,IAAI,EAAE,OAAO;AACjB,IAAI,OAAO,EAAE,IAAI;AACjB,GAAG;AACH,EAAE,QAAQ,EAAE,EAAE,IAAI,EAAE,OAAO,EAAE,OAAO,EAAE,KAAK,EAAE;AAC7C,EAAE,IAAI,EAAE,EAAE,IAAI,EAAE,MAAM,EAAE,OAAO,EAAE,EAAE,EAAE;AACrC,EAAE,IAAI,EAAE;AACR,IAAI,IAAI,EAAE,YAAY;AACtB,IAAI,OAAO,EAAE,EAAE;AACf,GAAG;AACH,CAAC,EAAE;AACS,MAAC,SAAS,GAAG;AACzB,EAAE,KAAK,EAAE,CAAC,GAAG,KAAK,GAAG,YAAY,UAAU;AAC3C;;;;"}
+{"version":3,"file":"link2.mjs","sources":["../../../../../../packages/components/link/src/link.vue"],"sourcesContent":["<template>\n  <a\n    :class=\"[\n      ns.b(),\n      ns.m(type),\n      ns.is('disabled', disabled),\n      ns.is('underline', underline && !disabled),\n    ]\"\n    :href=\"disabled || !href ? undefined : href\"\n    @click=\"handleClick\"\n  >\n    <el-icon v-if=\"icon\"><component :is=\"icon\" /></el-icon>\n    <span v-if=\"$slots.default\" :class=\"ns.e('inner')\">\n      <slot />\n    </span>\n\n    <slot v-if=\"$slots.icon\" name=\"icon\" />\n  </a>\n</template>\n\n<script lang=\"ts\" setup>\nimport { ElIcon } from '@element-plus/components/icon'\nimport { useNamespace } from '@element-plus/hooks'\nimport { linkEmits, linkProps } from './link'\n\ndefineOptions({\n  name: 'ElLink',\n})\nconst props = defineProps(linkProps)\nconst emit = defineEmits(linkEmits)\n\nconst ns = useNamespace('link')\n\nfunction handleClick(event: MouseEvent) {\n  if (!props.disabled) emit('click', event)\n}\n</script>\n"],"names":[],"mappings":";;;;;;;;;;;;;;;;;AA+BA,IAAA,MAAA,EAAA,GAAA,aAAA,MAAA,CAAA,CAAA;AAEA,IAAA,SAAA,WAAA,CAAA,KAAA,EAAA;AACA,MAAA,IAAA,CAAA,KAAA,CAAA,QAAA;AAAA,QAAA,IAAA,CAAA,SAAA,KAAA,CAAA,CAAA;AAAA,KACA;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}

package/es/components/loading/src/loading.mjs

@@ -28,6 +28,7 @@ function createLoadingComponent(options) {
       removeClass(target, "el-loading-parent--hidden");
     }
     remvoeElLoadingChild();
+    loadingInstance.unmount();
   }
   function remvoeElLoadingChild() {
     var _a, _b;
@@ -99,7 +100,8 @@ function createLoadingComponent(options) {
       };
     }
   };
-  const vm = createApp(elLoadingComponent).mount(document.createElement("div"));
+  const loadingInstance = createApp(elLoadingComponent);
+  const vm = loadingInstance.mount(document.createElement("div"));
   return {
     ...toRefs(data),
     setText,