@element-plus/nightly 0.0.20220121 → 0.0.20220122

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

@@ -1,231 +0,0 @@
-import { defineComponent, ref, reactive, computed, watch, onMounted, onUpdated } from 'vue';
-import { ElIcon } from '../../icon/index.mjs';
-import '../../../directives/index.mjs';
-import '../../../hooks/index.mjs';
-import { ElInput } from '../../input/index.mjs';
-import { isNumber } from '../../../utils/util.mjs';
-import { debugWarn } from '../../../utils/error.mjs';
-import { ArrowUp, ArrowDown, Plus, Minus } from '@element-plus/icons-vue';
-import { inputNumberProps, inputNumberEmits } from './input-number.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 { useSize, useDisabled } from '../../../hooks/use-common-props/index.mjs';
-
-var script = defineComponent({
-  name: "ElInputNumber",
-  components: {
-    ElInput,
-    ElIcon,
-    ArrowUp,
-    ArrowDown,
-    Plus,
-    Minus
-  },
-  directives: {
-    RepeatClick
-  },
-  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(() => _decrease(props.modelValue) < props.min);
-    const maxDisabled = computed(() => _increase(props.modelValue) > props.max);
-    const numPrecision = computed(() => {
-      const stepPrecision = getPrecision(props.step);
-      if (props.precision !== void 0) {
-        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 (props.precision !== void 0) {
-          currentValue = currentValue.toFixed(props.precision);
-        }
-      }
-      return currentValue;
-    });
-    const toPrecision = (num, pre) => {
-      if (pre === void 0)
-        pre = numPrecision.value;
-      return parseFloat(`${Math.round(num * Math.pow(10, pre)) / Math.pow(10, pre)}`);
-    };
-    const getPrecision = (value) => {
-      if (value === void 0)
-        return 0;
-      const valueString = value.toString();
-      const dotPosition = valueString.indexOf(".");
-      let precision = 0;
-      if (dotPosition !== -1) {
-        precision = valueString.length - dotPosition - 1;
-      }
-      return precision;
-    };
-    const _increase = (val) => {
-      if (!isNumber(val))
-        return data.currentValue;
-      const precisionFactor = Math.pow(10, numPrecision.value);
-      val = isNumber(val) ? val : NaN;
-      return toPrecision((precisionFactor * val + precisionFactor * props.step) / precisionFactor);
-    };
-    const _decrease = (val) => {
-      if (!isNumber(val))
-        return data.currentValue;
-      const precisionFactor = Math.pow(10, numPrecision.value);
-      val = isNumber(val) ? val : NaN;
-      return toPrecision((precisionFactor * val - precisionFactor * props.step) / precisionFactor);
-    };
-    const increase = () => {
-      if (inputNumberDisabled.value || maxDisabled.value)
-        return;
-      const value = props.modelValue || 0;
-      const newVal = _increase(value);
-      setCurrentValue(newVal);
-    };
-    const decrease = () => {
-      if (inputNumberDisabled.value || minDisabled.value)
-        return;
-      const value = props.modelValue || 0;
-      const newVal = _decrease(value);
-      setCurrentValue(newVal);
-    };
-    const setCurrentValue = (newVal) => {
-      var _a;
-      const oldVal = data.currentValue;
-      if (typeof newVal === "number" && props.precision !== void 0) {
-        newVal = toPrecision(newVal, props.precision);
-      }
-      if (newVal !== void 0 && newVal >= props.max)
-        newVal = props.max;
-      if (newVal !== void 0 && newVal <= props.min)
-        newVal = props.min;
-      if (oldVal === newVal)
-        return;
-      if (!isNumber(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");
-      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");
-    };
-    watch(() => props.modelValue, (value) => {
-      let newVal = Number(value);
-      if (value === null) {
-        newVal = Number.NaN;
-      }
-      if (!isNaN(newVal)) {
-        if (props.stepStrictly) {
-          const stepPrecision = getPrecision(props.step);
-          const precisionFactor = Math.pow(10, stepPrecision);
-          newVal = Math.round(newVal / props.step) * precisionFactor * props.step / precisionFactor;
-        }
-        if (props.precision !== void 0) {
-          newVal = toPrecision(newVal, props.precision);
-        }
-        if (newVal > props.max) {
-          newVal = props.max;
-          emit("update:modelValue", newVal);
-        }
-        if (newVal < props.min) {
-          newVal = props.min;
-          emit("update:modelValue", newVal);
-        }
-      }
-      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 (isNaN(val)) {
-          val = void 0;
-        }
-        emit("update:modelValue", val);
-      }
-    });
-    onUpdated(() => {
-      var _a;
-      const innerInput = (_a = input.value) == null ? void 0 : _a.input;
-      innerInput.setAttribute("aria-valuenow", data.currentValue);
-    });
-    return {
-      input,
-      displayValue,
-      handleInput,
-      handleInputChange,
-      controlsAtRight,
-      decrease,
-      increase,
-      inputNumberSize,
-      inputNumberDisabled,
-      maxDisabled,
-      minDisabled,
-      focus,
-      blur,
-      handleFocus,
-      handleBlur,
-      ns
-    };
-  }
-});
-
-export { script as default };
-//# sourceMappingURL=input-number.vue_vue_type_script_lang.mjs.map

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

@@ -1 +0,0 @@
-{"version":3,"file":"input-number.vue_vue_type_script_lang.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  reactive,\n  ref,\n  watch,\n  onMounted,\n  onUpdated,\n} from 'vue'\n\nimport { ElIcon } from '@element-plus/components/icon'\nimport { RepeatClick } from '@element-plus/directives'\nimport {\n  useDisabled,\n  useFormItem,\n  useSize,\n  useNamespace,\n} from '@element-plus/hooks'\nimport ElInput from '@element-plus/components/input'\nimport { isNumber } from '@element-plus/utils/util'\nimport { debugWarn } from '@element-plus/utils/error'\nimport { ArrowUp, ArrowDown, Plus, Minus } from '@element-plus/icons-vue'\nimport { inputNumberProps, inputNumberEmits } 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(() => _decrease(props.modelValue) < props.min)\n    const maxDisabled = computed(() => _increase(props.modelValue) > props.max)\n\n    const numPrecision = computed(() => {\n      const stepPrecision = getPrecision(props.step)\n      if (props.precision !== undefined) {\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 (props.precision !== undefined) {\n          currentValue = currentValue.toFixed(props.precision)\n        }\n      }\n      return currentValue\n    })\n    const toPrecision = (num: number, pre?: number) => {\n      if (pre === undefined) pre = numPrecision.value\n      return parseFloat(\n        `${Math.round(num * Math.pow(10, pre)) / Math.pow(10, pre)}`\n      )\n    }\n    const getPrecision = (value: number | undefined) => {\n      if (value === undefined) 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 _increase = (val: number) => {\n      if (!isNumber(val)) return data.currentValue\n      const precisionFactor = Math.pow(10, numPrecision.value)\n      // Solve the accuracy problem of JS decimal calculation by converting the value to integer.\n      val = isNumber(val) ? val : NaN\n      return toPrecision(\n        (precisionFactor * val + precisionFactor * props.step) / precisionFactor\n      )\n    }\n    const _decrease = (val: number) => {\n      if (!isNumber(val)) return data.currentValue\n      const precisionFactor = Math.pow(10, numPrecision.value)\n      // Solve the accuracy problem of JS decimal calculation by converting the value to integer.\n      val = isNumber(val) ? val : NaN\n      return toPrecision(\n        (precisionFactor * val - precisionFactor * props.step) / precisionFactor\n      )\n    }\n    const increase = () => {\n      if (inputNumberDisabled.value || maxDisabled.value) return\n      const value = props.modelValue || 0\n      const newVal = _increase(value)\n      setCurrentValue(newVal)\n    }\n    const decrease = () => {\n      if (inputNumberDisabled.value || minDisabled.value) return\n      const value = props.modelValue || 0\n      const newVal = _decrease(value)\n      setCurrentValue(newVal)\n    }\n    const setCurrentValue = (newVal: number | string) => {\n      const oldVal = data.currentValue\n      if (typeof newVal === 'number' && props.precision !== undefined) {\n        newVal = toPrecision(newVal, props.precision)\n      }\n      if (newVal !== undefined && newVal >= props.max) newVal = props.max\n      if (newVal !== undefined && newVal <= props.min) newVal = props.min\n      if (oldVal === newVal) return\n      if (!isNumber(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')\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) => {\n      emit('focus', event)\n    }\n\n    const handleBlur = (event: MouseEvent) => {\n      emit('blur', event)\n      formItem?.validate?.('blur')\n    }\n\n    watch(\n      () => props.modelValue,\n      (value) => {\n        let newVal = Number(value)\n        if (value === null) {\n          newVal = Number.NaN\n        }\n        if (!isNaN(newVal)) {\n          if (props.stepStrictly) {\n            const stepPrecision = getPrecision(props.step)\n            const precisionFactor = Math.pow(10, stepPrecision)\n            newVal =\n              (Math.round(newVal / props.step) * precisionFactor * props.step) /\n              precisionFactor\n          }\n          if (props.precision !== undefined) {\n            newVal = toPrecision(newVal, props.precision)\n          }\n\n          if (newVal > props.max) {\n            newVal = props.max\n            emit('update:modelValue', newVal)\n          }\n          if (newVal < props.min) {\n            newVal = props.min\n            emit('update:modelValue', newVal)\n          }\n        }\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 (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\n      ns,\n    }\n  },\n})\n</script>\n"],"names":[],"mappings":"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"}

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

@@ -1,78 +0,0 @@
-import { resolveComponent, resolveDirective, openBlock, createElementBlock, normalizeClass, withModifiers, withDirectives, withKeys, createVNode, withCtx, createBlock, createCommentVNode } from 'vue';
-
-function 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);
-}
-
-export { render };
-//# sourceMappingURL=input-number.vue_vue_type_template_id_dec60af6_lang.mjs.map

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

@@ -1 +0,0 @@
-{"version":3,"file":"input-number.vue_vue_type_template_id_dec60af6_lang.mjs","sources":["../../../../../../packages/components/input-number/src/input-number.vue?vue&type=template&id=dec60af6&lang.js"],"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  reactive,\n  ref,\n  watch,\n  onMounted,\n  onUpdated,\n} from 'vue'\n\nimport { ElIcon } from '@element-plus/components/icon'\nimport { RepeatClick } from '@element-plus/directives'\nimport {\n  useDisabled,\n  useFormItem,\n  useSize,\n  useNamespace,\n} from '@element-plus/hooks'\nimport ElInput from '@element-plus/components/input'\nimport { isNumber } from '@element-plus/utils/util'\nimport { debugWarn } from '@element-plus/utils/error'\nimport { ArrowUp, ArrowDown, Plus, Minus } from '@element-plus/icons-vue'\nimport { inputNumberProps, inputNumberEmits } 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(() => _decrease(props.modelValue) < props.min)\n    const maxDisabled = computed(() => _increase(props.modelValue) > props.max)\n\n    const numPrecision = computed(() => {\n      const stepPrecision = getPrecision(props.step)\n      if (props.precision !== undefined) {\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 (props.precision !== undefined) {\n          currentValue = currentValue.toFixed(props.precision)\n        }\n      }\n      return currentValue\n    })\n    const toPrecision = (num: number, pre?: number) => {\n      if (pre === undefined) pre = numPrecision.value\n      return parseFloat(\n        `${Math.round(num * Math.pow(10, pre)) / Math.pow(10, pre)}`\n      )\n    }\n    const getPrecision = (value: number | undefined) => {\n      if (value === undefined) 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 _increase = (val: number) => {\n      if (!isNumber(val)) return data.currentValue\n      const precisionFactor = Math.pow(10, numPrecision.value)\n      // Solve the accuracy problem of JS decimal calculation by converting the value to integer.\n      val = isNumber(val) ? val : NaN\n      return toPrecision(\n        (precisionFactor * val + precisionFactor * props.step) / precisionFactor\n      )\n    }\n    const _decrease = (val: number) => {\n      if (!isNumber(val)) return data.currentValue\n      const precisionFactor = Math.pow(10, numPrecision.value)\n      // Solve the accuracy problem of JS decimal calculation by converting the value to integer.\n      val = isNumber(val) ? val : NaN\n      return toPrecision(\n        (precisionFactor * val - precisionFactor * props.step) / precisionFactor\n      )\n    }\n    const increase = () => {\n      if (inputNumberDisabled.value || maxDisabled.value) return\n      const value = props.modelValue || 0\n      const newVal = _increase(value)\n      setCurrentValue(newVal)\n    }\n    const decrease = () => {\n      if (inputNumberDisabled.value || minDisabled.value) return\n      const value = props.modelValue || 0\n      const newVal = _decrease(value)\n      setCurrentValue(newVal)\n    }\n    const setCurrentValue = (newVal: number | string) => {\n      const oldVal = data.currentValue\n      if (typeof newVal === 'number' && props.precision !== undefined) {\n        newVal = toPrecision(newVal, props.precision)\n      }\n      if (newVal !== undefined && newVal >= props.max) newVal = props.max\n      if (newVal !== undefined && newVal <= props.min) newVal = props.min\n      if (oldVal === newVal) return\n      if (!isNumber(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')\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) => {\n      emit('focus', event)\n    }\n\n    const handleBlur = (event: MouseEvent) => {\n      emit('blur', event)\n      formItem?.validate?.('blur')\n    }\n\n    watch(\n      () => props.modelValue,\n      (value) => {\n        let newVal = Number(value)\n        if (value === null) {\n          newVal = Number.NaN\n        }\n        if (!isNaN(newVal)) {\n          if (props.stepStrictly) {\n            const stepPrecision = getPrecision(props.step)\n            const precisionFactor = Math.pow(10, stepPrecision)\n            newVal =\n              (Math.round(newVal / props.step) * precisionFactor * props.step) /\n              precisionFactor\n          }\n          if (props.precision !== undefined) {\n            newVal = toPrecision(newVal, props.precision)\n          }\n\n          if (newVal > props.max) {\n            newVal = props.max\n            emit('update:modelValue', newVal)\n          }\n          if (newVal < props.min) {\n            newVal = props.min\n            emit('update:modelValue', newVal)\n          }\n        }\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 (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\n      ns,\n    }\n  },\n})\n</script>\n"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;kBAgBc;;UAER;;;;;;;;;;;;KAMM;sCADR;;UAGE,IAAI;UACH;;;UAGD;8BACE;kCAA+B;;;;;;;;;;;MAKjC;MACA;MACC;MACA;gBACW;;;MAGX,aAAQ;MACR,aAAQ;MACR;MACA;;;;;;;"}

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

@@ -1,26 +0,0 @@
-import { defineComponent } from 'vue';
-import { ElIcon } from '../../icon/index.mjs';
-import '../../../hooks/index.mjs';
-import { linkProps, linkEmits } from './link.mjs';
-import { useNamespace } from '../../../hooks/use-namespace/index.mjs';
-
-var script = defineComponent({
-  name: "ElLink",
-  components: { ElIcon },
-  props: linkProps,
-  emits: linkEmits,
-  setup(props, { emit }) {
-    const ns = useNamespace("link");
-    function handleClick(event) {
-      if (!props.disabled)
-        emit("click", event);
-    }
-    return {
-      ns,
-      handleClick
-    };
-  }
-});
-
-export { script as default };
-//# sourceMappingURL=link.vue_vue_type_script_lang.mjs.map

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

@@ -1 +0,0 @@
-{"version":3,"file":"link.vue_vue_type_script_lang.mjs","sources":["../../../../../../packages/components/link/src/link.vue"],"sourcesContent":["<template>\n  <a\n    :class=\"[\n      ns.b(),\n      type ? 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.m('inner')\">\n      <slot></slot>\n    </span>\n\n    <slot v-if=\"$slots.icon\" name=\"icon\"></slot>\n  </a>\n</template>\n<script lang=\"ts\">\nimport { defineComponent } from 'vue'\nimport { ElIcon } from '@element-plus/components/icon'\nimport { useNamespace } from '@element-plus/hooks'\nimport { linkProps, linkEmits } from './link'\n\nexport default defineComponent({\n  name: 'ElLink',\n\n  components: { ElIcon },\n\n  props: linkProps,\n  emits: linkEmits,\n\n  setup(props, { emit }) {\n    const ns = useNamespace('link')\n\n    function handleClick(event: MouseEvent) {\n      if (!props.disabled) emit('click', event)\n    }\n\n    return {\n      ns,\n      handleClick,\n    }\n  },\n})\n</script>\n"],"names":[],"mappings":";;;;;;AAuBA,aAAe,eAAe;;AAE9B,EAAE,UAAU,IAAI,MAAM,EAAE;EACtB,OAAO;;EAEP,KAAK,CAAC,SAAS,IAAI,EAAE;;IAEnB,SAAS;MACP,IAAI,CAAC,KAAK,CAAC;;KAEZ;IACD,OAAO;;MAEL,WAAW;MACX;;;;;;"}

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

@@ -1,33 +0,0 @@
-import { resolveComponent, openBlock, createElementBlock, normalizeClass, createBlock, withCtx, resolveDynamicComponent, createCommentVNode, renderSlot } from 'vue';
-
-const _hoisted_1 = ["href"];
-function render(_ctx, _cache, $props, $setup, $data, $options) {
-  const _component_el_icon = resolveComponent("el-icon");
-  return openBlock(), createElementBlock("a", {
-    class: normalizeClass([
-      _ctx.ns.b(),
-      _ctx.type ? _ctx.ns.m(_ctx.type) : "",
-      _ctx.ns.is("disabled", _ctx.disabled),
-      _ctx.ns.is("underline", _ctx.underline && !_ctx.disabled)
-    ]),
-    href: _ctx.disabled || !_ctx.href ? void 0 : _ctx.href,
-    onClick: _cache[0] || (_cache[0] = (...args) => _ctx.handleClick && _ctx.handleClick(...args))
-  }, [
-    _ctx.icon ? (openBlock(), createBlock(_component_el_icon, { key: 0 }, {
-      default: withCtx(() => [
-        (openBlock(), createBlock(resolveDynamicComponent(_ctx.icon)))
-      ]),
-      _: 1
-    })) : createCommentVNode("v-if", true),
-    _ctx.$slots.default ? (openBlock(), createElementBlock("span", {
-      key: 1,
-      class: normalizeClass(_ctx.ns.m("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);
-}
-
-export { render };
-//# sourceMappingURL=link.vue_vue_type_template_id_6a422645_lang.mjs.map

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

@@ -1 +0,0 @@
-{"version":3,"file":"link.vue_vue_type_template_id_6a422645_lang.mjs","sources":["../../../../../../packages/components/link/src/link.vue?vue&type=template&id=6a422645&lang.js"],"sourcesContent":["<template>\n  <a\n    :class=\"[\n      ns.b(),\n      type ? 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.m('inner')\">\n      <slot></slot>\n    </span>\n\n    <slot v-if=\"$slots.icon\" name=\"icon\"></slot>\n  </a>\n</template>\n<script lang=\"ts\">\nimport { defineComponent } from 'vue'\nimport { ElIcon } from '@element-plus/components/icon'\nimport { useNamespace } from '@element-plus/hooks'\nimport { linkProps, linkEmits } from './link'\n\nexport default defineComponent({\n  name: 'ElLink',\n\n  components: { ElIcon },\n\n  props: linkProps,\n  emits: linkEmits,\n\n  setup(props, { emit }) {\n    const ns = useNamespace('link')\n\n    function handleClick(event: MouseEvent) {\n      if (!props.disabled) emit('click', event)\n    }\n\n    return {\n      ns,\n      handleClick,\n    }\n  },\n})\n</script>\n"],"names":["_openBlock","_renderSlot"],"mappings":";;;;;;;;;;;;;;;IAQK,IAAI;;;;;4BAGwC;2BAAxBA;;;;;KACT;uBAAZC;;;;;;"}

package/es/components/menu/src/menu-collapse-transition.vue_vue_type_script_lang.mjs

@@ -1,49 +0,0 @@
-import { defineComponent } from 'vue';
-import { addClass, removeClass, hasClass } from '../../../utils/dom.mjs';
-
-var script = defineComponent({
-  name: "ElMenuCollapseTransition",
-  setup() {
-    const listeners = {
-      onBeforeEnter: (el) => el.style.opacity = "0.2",
-      onEnter(el, done) {
-        addClass(el, "el-opacity-transition");
-        el.style.opacity = "1";
-        done();
-      },
-      onAfterEnter(el) {
-        removeClass(el, "el-opacity-transition");
-        el.style.opacity = "";
-      },
-      onBeforeLeave(el) {
-        if (!el.dataset) {
-          ;
-          el.dataset = {};
-        }
-        if (hasClass(el, "el-menu--collapse")) {
-          removeClass(el, "el-menu--collapse");
-          el.dataset.oldOverflow = el.style.overflow;
-          el.dataset.scrollWidth = el.clientWidth.toString();
-          addClass(el, "el-menu--collapse");
-        } else {
-          addClass(el, "el-menu--collapse");
-          el.dataset.oldOverflow = el.style.overflow;
-          el.dataset.scrollWidth = el.clientWidth.toString();
-          removeClass(el, "el-menu--collapse");
-        }
-        el.style.width = `${el.scrollWidth}px`;
-        el.style.overflow = "hidden";
-      },
-      onLeave(el) {
-        addClass(el, "horizontal-collapse-transition");
-        el.style.width = `${el.dataset.scrollWidth}px`;
-      }
-    };
-    return {
-      listeners
-    };
-  }
-});
-
-export { script as default };
-//# sourceMappingURL=menu-collapse-transition.vue_vue_type_script_lang.mjs.map

package/es/components/menu/src/menu-collapse-transition.vue_vue_type_script_lang.mjs.map

@@ -1 +0,0 @@
-{"version":3,"file":"menu-collapse-transition.vue_vue_type_script_lang.mjs","sources":["../../../../../../packages/components/menu/src/menu-collapse-transition.vue"],"sourcesContent":["<template>\n  <transition mode=\"out-in\" v-bind=\"listeners\">\n    <slot />\n  </transition>\n</template>\n<script lang=\"ts\">\nimport { defineComponent } from 'vue'\nimport { addClass, removeClass, hasClass } from '@element-plus/utils/dom'\n\nimport type { TransitionProps, BaseTransitionProps } from 'vue'\n\nexport default defineComponent({\n  name: 'ElMenuCollapseTransition',\n  setup() {\n    const listeners = {\n      onBeforeEnter: (el) => (el.style.opacity = '0.2'),\n      onEnter(el, done) {\n        addClass(el, 'el-opacity-transition')\n        el.style.opacity = '1'\n        done()\n      },\n\n      onAfterEnter(el) {\n        removeClass(el, 'el-opacity-transition')\n        el.style.opacity = ''\n      },\n\n      onBeforeLeave(el) {\n        if (!el.dataset) {\n          ;(el as any).dataset = {}\n        }\n\n        if (hasClass(el, 'el-menu--collapse')) {\n          removeClass(el, 'el-menu--collapse')\n          el.dataset.oldOverflow = el.style.overflow\n          el.dataset.scrollWidth = el.clientWidth.toString()\n          addClass(el, 'el-menu--collapse')\n        } else {\n          addClass(el, 'el-menu--collapse')\n          el.dataset.oldOverflow = el.style.overflow\n          el.dataset.scrollWidth = el.clientWidth.toString()\n          removeClass(el, 'el-menu--collapse')\n        }\n\n        el.style.width = `${el.scrollWidth}px`\n        el.style.overflow = 'hidden'\n      },\n\n      onLeave(el: HTMLElement) {\n        addClass(el, 'horizontal-collapse-transition')\n        el.style.width = `${el.dataset.scrollWidth}px`\n      },\n    } as BaseTransitionProps<HTMLElement> as TransitionProps\n\n    return {\n      listeners,\n    }\n  },\n})\n</script>\n"],"names":[],"mappings":";;;AAOA,aAAe,eAAe;;AAE9B,EAAE,KAAK,GAAG;;AAEV,mBAAmB,EAAE,CAAC,EAAE,KAAK,EAAE;MACzB,OAAO,CAAC,EAAE,EAAE,IAAI,EAAE;QAChB;QACA,EAAE,CAAC,KAAK,CAAC;QACT,IAAI,EAAE,CAAC;OACR;kBACW,CAAC,EAAE,EAAE;QACf,WAAW,CAAC,EAAE;QACd,EAAE,CAAC;OACJ;;QAEC,IAAI,CAAC,EAAE,CAAC,OAAO;UACb,CAAC;UACD,EAAE,CAAC,OAAO,GAAG,EAAE;;;UAGf,WAAW,CAAC,EAAE;YACZ,CAAC,OAAO,CAAC;UACX,EAAE,CAAC,OAAO,CAAC;;;kBAGH,CAAC,EAAE,EAAE,mBAAmB,CAAC,CAAC;UAClC,EAAE,CAAC,OAAO,CAAC,WAAW,GAAG,EAAE,CAAC,KAAK,CAAC;UAClC,EAAE,CAAC,OAAO,CAAC,cAAc,EAAE,CAAC,WAAW,CAAC;UACxC,WAAW,CAAC,EAAE,EAAE,mBAAmB,CAAC,CAAC;;QAEvC,EAAE,CAAC;UACD,CAAC,KAAK,CAAC,QAAQ,GAAG,QAAQ,CAAC;;aAExB,CAAC,EAAE,EAAE;gBACF,CAAC,EAAE,EAAE;QACb;;;WAGG;MACL;;;;;;;"}

package/es/components/menu/src/menu-collapse-transition.vue_vue_type_template_id_db8e3ce6_lang.mjs

@@ -1,13 +0,0 @@
-import { openBlock, createBlock, Transition, mergeProps, withCtx, renderSlot } from 'vue';
-
-function render(_ctx, _cache, $props, $setup, $data, $options) {
-  return openBlock(), createBlock(Transition, mergeProps({ mode: "out-in" }, _ctx.listeners), {
-    default: withCtx(() => [
-      renderSlot(_ctx.$slots, "default")
-    ]),
-    _: 3
-  }, 16);
-}
-
-export { render };
-//# sourceMappingURL=menu-collapse-transition.vue_vue_type_template_id_db8e3ce6_lang.mjs.map

package/es/components/menu/src/menu-collapse-transition.vue_vue_type_template_id_db8e3ce6_lang.mjs.map

@@ -1 +0,0 @@
-{"version":3,"file":"menu-collapse-transition.vue_vue_type_template_id_db8e3ce6_lang.mjs","sources":["../../../../../../packages/components/menu/src/menu-collapse-transition.vue?vue&type=template&id=db8e3ce6&lang.js"],"sourcesContent":["<template>\n  <transition mode=\"out-in\" v-bind=\"listeners\">\n    <slot />\n  </transition>\n</template>\n<script lang=\"ts\">\nimport { defineComponent } from 'vue'\nimport { addClass, removeClass, hasClass } from '@element-plus/utils/dom'\n\nimport type { TransitionProps, BaseTransitionProps } from 'vue'\n\nexport default defineComponent({\n  name: 'ElMenuCollapseTransition',\n  setup() {\n    const listeners = {\n      onBeforeEnter: (el) => (el.style.opacity = '0.2'),\n      onEnter(el, done) {\n        addClass(el, 'el-opacity-transition')\n        el.style.opacity = '1'\n        done()\n      },\n\n      onAfterEnter(el) {\n        removeClass(el, 'el-opacity-transition')\n        el.style.opacity = ''\n      },\n\n      onBeforeLeave(el) {\n        if (!el.dataset) {\n          ;(el as any).dataset = {}\n        }\n\n        if (hasClass(el, 'el-menu--collapse')) {\n          removeClass(el, 'el-menu--collapse')\n          el.dataset.oldOverflow = el.style.overflow\n          el.dataset.scrollWidth = el.clientWidth.toString()\n          addClass(el, 'el-menu--collapse')\n        } else {\n          addClass(el, 'el-menu--collapse')\n          el.dataset.oldOverflow = el.style.overflow\n          el.dataset.scrollWidth = el.clientWidth.toString()\n          removeClass(el, 'el-menu--collapse')\n        }\n\n        el.style.width = `${el.scrollWidth}px`\n        el.style.overflow = 'hidden'\n      },\n\n      onLeave(el: HTMLElement) {\n        addClass(el, 'horizontal-collapse-transition')\n        el.style.width = `${el.dataset.scrollWidth}px`\n      },\n    } as BaseTransitionProps<HTMLElement> as TransitionProps\n\n    return {\n      listeners,\n    }\n  },\n})\n</script>\n"],"names":[],"mappings":";;;;;qBAEI;MAAA;;;;;;;"}

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

@@ -1,34 +0,0 @@
-import { defineComponent, getCurrentInstance, inject, computed } from 'vue';
-import { throwError } from '../../../utils/error.mjs';
-import { menuItemGroupProps } from './menu-item-group.mjs';
-
-const COMPONENT_NAME = "ElMenuItemGroup";
-var script = defineComponent({
-  name: COMPONENT_NAME,
-  props: menuItemGroupProps,
-  setup() {
-    const instance = getCurrentInstance();
-    const menu = inject("rootMenu");
-    if (!menu)
-      throwError(COMPONENT_NAME, "can not inject root menu");
-    const levelPadding = computed(() => {
-      if (menu.props.collapse)
-        return 20;
-      let padding = 20;
-      let parent = instance.parent;
-      while (parent && parent.type.name !== "ElMenu") {
-        if (parent.type.name === "ElSubMenu") {
-          padding += 20;
-        }
-        parent = parent.parent;
-      }
-      return padding;
-    });
-    return {
-      levelPadding
-    };
-  }
-});
-
-export { script as default };
-//# sourceMappingURL=menu-item-group.vue_vue_type_script_lang.mjs.map

package/es/components/menu/src/menu-item-group.vue_vue_type_script_lang.mjs.map

@@ -1 +0,0 @@
-{"version":3,"file":"menu-item-group.vue_vue_type_script_lang.mjs","sources":["../../../../../../packages/components/menu/src/menu-item-group.vue"],"sourcesContent":["<template>\n  <li class=\"el-menu-item-group\">\n    <div\n      class=\"el-menu-item-group__title\"\n      :style=\"{ paddingLeft: `${levelPadding}px` }\"\n    >\n      <template v-if=\"!$slots.title\">{{ title }}</template>\n      <slot v-else name=\"title\" />\n    </div>\n    <ul>\n      <slot />\n    </ul>\n  </li>\n</template>\n\n<script lang=\"ts\">\nimport { defineComponent, computed, getCurrentInstance, inject } from 'vue'\nimport { throwError } from '@element-plus/utils/error'\nimport { menuItemGroupProps } from './menu-item-group'\n\nimport type { MenuProvider } from './types'\n\nconst COMPONENT_NAME = 'ElMenuItemGroup'\n\nexport default defineComponent({\n  name: COMPONENT_NAME,\n\n  props: menuItemGroupProps,\n\n  setup() {\n    const instance = getCurrentInstance()!\n    const menu = inject<MenuProvider>('rootMenu')\n    if (!menu) throwError(COMPONENT_NAME, 'can not inject root menu')\n\n    const levelPadding = computed(() => {\n      if (menu.props.collapse) return 20\n      let padding = 20\n      let parent = instance.parent\n      while (parent && parent.type.name !== 'ElMenu') {\n        if (parent.type.name === 'ElSubMenu') {\n          padding += 20\n        }\n        parent = parent.parent\n      }\n      return padding\n    })\n\n    return {\n      levelPadding,\n    }\n  },\n})\n</script>\n"],"names":[],"mappings":";;;;AAkBA,oBAAoB,GAAG,iBAAiB,CAAC;;AAEzC,EAAE,MAAM,cAAc;;AAEtB,EAAE,KAAK,GAAG;;AAEV,IAAI,MAAM,OAAO,MAAM,CAAC;IACpB,IAAI,CAAC,IAAI;;IAET,MAAM,YAAY,GAAG;;QAEjB;MACF,IAAI,OAAO,KAAK,CAAC;MACjB,IAAI,SAAS,QAAQ,CAAC,MAAM,CAAC;aACtB,MAAM,IAAI,MAAM,CAAC,IAAI,CAAC,IAAI,KAAK,QAAQ,EAAE;;UAE5C,OAAO,IAAI,EAAE;SACd;QACD,MAAM;OACP;MACD,OAAO,OAAO,CAAC;;WAEV;;;;;;;;"}

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

@@ -1,21 +0,0 @@
-import { openBlock, createElementBlock, createElementVNode, normalizeStyle, Fragment, createTextVNode, toDisplayString, renderSlot } from 'vue';
-
-const _hoisted_1 = { class: "el-menu-item-group" };
-function render(_ctx, _cache, $props, $setup, $data, $options) {
-  return openBlock(), createElementBlock("li", _hoisted_1, [
-    createElementVNode("div", {
-      class: "el-menu-item-group__title",
-      style: normalizeStyle({ paddingLeft: `${_ctx.levelPadding}px` })
-    }, [
-      !_ctx.$slots.title ? (openBlock(), createElementBlock(Fragment, { key: 0 }, [
-        createTextVNode(toDisplayString(_ctx.title), 1)
-      ], 2112)) : renderSlot(_ctx.$slots, "title", { key: 1 })
-    ], 4),
-    createElementVNode("ul", null, [
-      renderSlot(_ctx.$slots, "default")
-    ])
-  ]);
-}
-
-export { render };
-//# sourceMappingURL=menu-item-group.vue_vue_type_template_id_67a2995d_lang.mjs.map

package/es/components/menu/src/menu-item-group.vue_vue_type_template_id_67a2995d_lang.mjs.map

@@ -1 +0,0 @@
-{"version":3,"file":"menu-item-group.vue_vue_type_template_id_67a2995d_lang.mjs","sources":["../../../../../../packages/components/menu/src/menu-item-group.vue?vue&type=template&id=67a2995d&lang.js"],"sourcesContent":["<template>\n  <li class=\"el-menu-item-group\">\n    <div\n      class=\"el-menu-item-group__title\"\n      :style=\"{ paddingLeft: `${levelPadding}px` }\"\n    >\n      <template v-if=\"!$slots.title\">{{ title }}</template>\n      <slot v-else name=\"title\" />\n    </div>\n    <ul>\n      <slot />\n    </ul>\n  </li>\n</template>\n\n<script lang=\"ts\">\nimport { defineComponent, computed, getCurrentInstance, inject } from 'vue'\nimport { throwError } from '@element-plus/utils/error'\nimport { menuItemGroupProps } from './menu-item-group'\n\nimport type { MenuProvider } from './types'\n\nconst COMPONENT_NAME = 'ElMenuItemGroup'\n\nexport default defineComponent({\n  name: COMPONENT_NAME,\n\n  props: menuItemGroupProps,\n\n  setup() {\n    const instance = getCurrentInstance()!\n    const menu = inject<MenuProvider>('rootMenu')\n    if (!menu) throwError(COMPONENT_NAME, 'can not inject root menu')\n\n    const levelPadding = computed(() => {\n      if (menu.props.collapse) return 20\n      let padding = 20\n      let parent = instance.parent\n      while (parent && parent.type.name !== 'ElMenu') {\n        if (parent.type.name === 'ElSubMenu') {\n          padding += 20\n        }\n        parent = parent.parent\n      }\n      return padding\n    })\n\n    return {\n      levelPadding,\n    }\n  },\n})\n</script>\n"],"names":[],"mappings":";;;;;;;;;MAIO,KAAK;;;;;;;;;;;;"}