@element-plus/nightly 0.0.20220121 → 0.0.20220125

package/lib/components/input-number/src/input-number2.js

@@ -2,11 +2,309 @@
 
 Object.defineProperty(exports, '__esModule', { value: true });
 
-var inputNumber_vue_vue_type_script_lang = require('./input-number.vue_vue_type_script_lang.js');
-var inputNumber_vue_vue_type_template_id_dec60af6_lang = require('./input-number.vue_vue_type_template_id_dec60af6_lang.js');
+var vue = require('vue');
+var index$1 = require('../../icon/index.js');
+require('../../../directives/index.js');
+require('../../../hooks/index.js');
+var index = require('../../input/index.js');
+var util = require('../../../utils/util.js');
+var error = require('../../../utils/error.js');
+var iconsVue = require('@element-plus/icons-vue');
+var inputNumber = require('./input-number.js');
+var pluginVue_exportHelper = require('../../../_virtual/plugin-vue_export-helper.js');
+var index$2 = require('../../../directives/repeat-click/index.js');
+var index$3 = require('../../../hooks/use-form-item/index.js');
+var index$4 = require('../../../hooks/use-namespace/index.js');
+var index$5 = require('../../../hooks/use-common-props/index.js');
 
-inputNumber_vue_vue_type_script_lang["default"].render = inputNumber_vue_vue_type_template_id_dec60af6_lang.render;
-inputNumber_vue_vue_type_script_lang["default"].__file = "packages/components/input-number/src/input-number.vue";
+const _sfc_main = vue.defineComponent({
+  name: "ElInputNumber",
+  components: {
+    ElInput: index.ElInput,
+    ElIcon: index$1.ElIcon,
+    ArrowUp: iconsVue.ArrowUp,
+    ArrowDown: iconsVue.ArrowDown,
+    Plus: iconsVue.Plus,
+    Minus: iconsVue.Minus
+  },
+  directives: {
+    RepeatClick: index$2["default"]
+  },
+  props: inputNumber.inputNumberProps,
+  emits: inputNumber.inputNumberEmits,
+  setup(props, { emit }) {
+    const input = vue.ref();
+    const data = vue.reactive({
+      currentValue: props.modelValue,
+      userInput: null
+    });
+    const { formItem } = index$3.useFormItem();
+    const ns = index$4.useNamespace("input-number");
+    const minDisabled = vue.computed(() => _decrease(props.modelValue) < props.min);
+    const maxDisabled = vue.computed(() => _increase(props.modelValue) > props.max);
+    const numPrecision = vue.computed(() => {
+      const stepPrecision = getPrecision(props.step);
+      if (props.precision !== void 0) {
+        if (stepPrecision > props.precision) {
+          error.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 = vue.computed(() => {
+      return props.controls && props.controlsPosition === "right";
+    });
+    const inputNumberSize = index$5.useSize();
+    const inputNumberDisabled = index$5.useDisabled();
+    const displayValue = vue.computed(() => {
+      if (data.userInput !== null) {
+        return data.userInput;
+      }
+      let currentValue = data.currentValue;
+      if (util.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 (!util.isNumber(val))
+        return data.currentValue;
+      const precisionFactor = Math.pow(10, numPrecision.value);
+      val = util.isNumber(val) ? val : NaN;
+      return toPrecision((precisionFactor * val + precisionFactor * props.step) / precisionFactor);
+    };
+    const _decrease = (val) => {
+      if (!util.isNumber(val))
+        return data.currentValue;
+      const precisionFactor = Math.pow(10, numPrecision.value);
+      val = util.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 (!util.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 (util.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");
+    };
+    vue.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 });
+    vue.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 (!util.isNumber(props.modelValue)) {
+        let val = Number(props.modelValue);
+        if (isNaN(val)) {
+          val = void 0;
+        }
+        emit("update:modelValue", val);
+      }
+    });
+    vue.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
+    };
+  }
+});
+function _sfc_render(_ctx, _cache, $props, $setup, $data, $options) {
+  const _component_arrow_down = vue.resolveComponent("arrow-down");
+  const _component_minus = vue.resolveComponent("minus");
+  const _component_el_icon = vue.resolveComponent("el-icon");
+  const _component_arrow_up = vue.resolveComponent("arrow-up");
+  const _component_plus = vue.resolveComponent("plus");
+  const _component_el_input = vue.resolveComponent("el-input");
+  const _directive_repeat_click = vue.resolveDirective("repeat-click");
+  return vue.openBlock(), vue.createElementBlock("div", {
+    class: vue.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] = vue.withModifiers(() => {
+    }, ["prevent"]))
+  }, [
+    _ctx.controls ? vue.withDirectives((vue.openBlock(), vue.createElementBlock("span", {
+      key: 0,
+      role: "button",
+      class: vue.normalizeClass([_ctx.ns.e("decrease"), _ctx.ns.is("disabled", _ctx.minDisabled)]),
+      onKeydown: _cache[0] || (_cache[0] = vue.withKeys((...args) => _ctx.decrease && _ctx.decrease(...args), ["enter"]))
+    }, [
+      vue.createVNode(_component_el_icon, null, {
+        default: vue.withCtx(() => [
+          _ctx.controlsAtRight ? (vue.openBlock(), vue.createBlock(_component_arrow_down, { key: 0 })) : (vue.openBlock(), vue.createBlock(_component_minus, { key: 1 }))
+        ]),
+        _: 1
+      })
+    ], 34)), [
+      [_directive_repeat_click, _ctx.decrease]
+    ]) : vue.createCommentVNode("v-if", true),
+    _ctx.controls ? vue.withDirectives((vue.openBlock(), vue.createElementBlock("span", {
+      key: 1,
+      role: "button",
+      class: vue.normalizeClass([_ctx.ns.e("increase"), _ctx.ns.is("disabled", _ctx.maxDisabled)]),
+      onKeydown: _cache[1] || (_cache[1] = vue.withKeys((...args) => _ctx.increase && _ctx.increase(...args), ["enter"]))
+    }, [
+      vue.createVNode(_component_el_icon, null, {
+        default: vue.withCtx(() => [
+          _ctx.controlsAtRight ? (vue.openBlock(), vue.createBlock(_component_arrow_up, { key: 0 })) : (vue.openBlock(), vue.createBlock(_component_plus, { key: 1 }))
+        ]),
+        _: 1
+      })
+    ], 34)), [
+      [_directive_repeat_click, _ctx.increase]
+    ]) : vue.createCommentVNode("v-if", true),
+    vue.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: [
+        vue.withKeys(vue.withModifiers(_ctx.increase, ["prevent"]), ["up"]),
+        vue.withKeys(vue.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__ */ pluginVue_exportHelper["default"](_sfc_main, [["render", _sfc_render]]);
 
-exports["default"] = inputNumber_vue_vue_type_script_lang["default"];
+exports["default"] = InputNumber;
 //# sourceMappingURL=input-number2.js.map

package/lib/components/input-number/src/input-number2.js.map

@@ -1 +1 @@
-{"version":3,"file":"input-number2.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;;;;;;;"}
+{"version":3,"file":"input-number2.js","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":["defineComponent","ElInput","ElIcon","ArrowUp","ArrowDown","Plus","Minus","RepeatClick","inputNumberProps","inputNumberEmits","ref","reactive","useFormItem","useNamespace","computed","useSize","useDisabled","isNumber"],"mappings":"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"}

package/lib/components/link/index.js

@@ -3,11 +3,10 @@
 Object.defineProperty(exports, '__esModule', { value: true });
 
 var withInstall = require('../../utils/with-install.js');
-require('./src/link2.js');
+var link$1 = require('./src/link2.js');
 var link = require('./src/link.js');
-var link_vue_vue_type_script_lang = require('./src/link.vue_vue_type_script_lang.js');
 
-const ElLink = withInstall.withInstall(link_vue_vue_type_script_lang["default"]);
+const ElLink = withInstall.withInstall(link$1["default"]);
 
 exports.linkEmits = link.linkEmits;
 exports.linkProps = link.linkProps;

package/lib/components/link/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","sources":["../../../../../packages/components/link/index.ts"],"sourcesContent":["import { withInstall } from '@element-plus/utils/with-install'\n\nimport Link from './src/link.vue'\n\nexport const ElLink = withInstall(Link)\nexport default ElLink\n\nexport * from './src/link'\n"],"names":["withInstall","Link"],"mappings":";;;;;;;;;AAEY,MAAC,MAAM,GAAGA,uBAAW,CAACC,wCAAI;;;;;;;"}
+{"version":3,"file":"index.js","sources":["../../../../../packages/components/link/index.ts"],"sourcesContent":["import { withInstall } from '@element-plus/utils/with-install'\n\nimport Link from './src/link.vue'\n\nexport const ElLink = withInstall(Link)\nexport default ElLink\n\nexport * from './src/link'\n"],"names":["withInstall","Link"],"mappings":";;;;;;;;AAEY,MAAC,MAAM,GAAGA,uBAAW,CAACC,iBAAI;;;;;;;"}

package/lib/components/link/src/link2.js

@@ -2,11 +2,59 @@
 
 Object.defineProperty(exports, '__esModule', { value: true });
 
-var link_vue_vue_type_script_lang = require('./link.vue_vue_type_script_lang.js');
-var link_vue_vue_type_template_id_6a422645_lang = require('./link.vue_vue_type_template_id_6a422645_lang.js');
+var vue = require('vue');
+var index = require('../../icon/index.js');
+require('../../../hooks/index.js');
+var link = require('./link.js');
+var pluginVue_exportHelper = require('../../../_virtual/plugin-vue_export-helper.js');
+var index$1 = require('../../../hooks/use-namespace/index.js');
 
-link_vue_vue_type_script_lang["default"].render = link_vue_vue_type_template_id_6a422645_lang.render;
-link_vue_vue_type_script_lang["default"].__file = "packages/components/link/src/link.vue";
+const _sfc_main = vue.defineComponent({
+  name: "ElLink",
+  components: { ElIcon: index.ElIcon },
+  props: link.linkProps,
+  emits: link.linkEmits,
+  setup(props, { emit }) {
+    const ns = index$1.useNamespace("link");
+    function handleClick(event) {
+      if (!props.disabled)
+        emit("click", event);
+    }
+    return {
+      ns,
+      handleClick
+    };
+  }
+});
+const _hoisted_1 = ["href"];
+function _sfc_render(_ctx, _cache, $props, $setup, $data, $options) {
+  const _component_el_icon = vue.resolveComponent("el-icon");
+  return vue.openBlock(), vue.createElementBlock("a", {
+    class: vue.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 ? (vue.openBlock(), vue.createBlock(_component_el_icon, { key: 0 }, {
+      default: vue.withCtx(() => [
+        (vue.openBlock(), vue.createBlock(vue.resolveDynamicComponent(_ctx.icon)))
+      ]),
+      _: 1
+    })) : vue.createCommentVNode("v-if", true),
+    _ctx.$slots.default ? (vue.openBlock(), vue.createElementBlock("span", {
+      key: 1,
+      class: vue.normalizeClass(_ctx.ns.m("inner"))
+    }, [
+      vue.renderSlot(_ctx.$slots, "default")
+    ], 2)) : vue.createCommentVNode("v-if", true),
+    _ctx.$slots.icon ? vue.renderSlot(_ctx.$slots, "icon", { key: 2 }) : vue.createCommentVNode("v-if", true)
+  ], 10, _hoisted_1);
+}
+var Link = /* @__PURE__ */ pluginVue_exportHelper["default"](_sfc_main, [["render", _sfc_render]]);
 
-exports["default"] = link_vue_vue_type_script_lang["default"];
+exports["default"] = Link;
 //# sourceMappingURL=link2.js.map

package/lib/components/link/src/link2.js.map

@@ -1 +1 @@
-{"version":3,"file":"link2.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;;;;;;;"}
+{"version":3,"file":"link2.js","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":["defineComponent","ElIcon","linkProps","linkEmits","useNamespace","_openBlock","_normalizeClass","_createCommentVNode"],"mappings":";;;;;;;;;;;AAyBA,MAAK,YAAaA,oBAAa;AAAA,EAC7B,MAAM;AAAA,EAEN,YAAY,UAAEC;AAAA,EAEd,OAAOC;AAAA,EACP,OAAOC;AAAA,EAEP,MAAM,OAAO,EAAE,QAAQ;AACrB,UAAM,KAAKC,qBAAa;AAExB,yBAAqB,OAAmB;AACtC,UAAI,CAAC,MAAM;AAAU,aAAK,SAAS;AAAA;AAGrC,WAAO;AAAA,MACL;AAAA,MACA;AAAA;AAAA;AAAA;;;;SAxCIC;AAAA,WAAUC,mBAAI;AAAA,MAAU;AAAA,MAA8B,YAAK,eAAa;AAAA,MAAiB,QAAG,GAAE,iBAAc;AAAA;;IAOjH,WAAK,uCAAE;AAAA;KAEO;AAAA,kDAA8B;AAAA,2BAAxB;AAAA;;;UACTC,uBAAc;AAAA;MAAG,KAAK;AAAA;OAChC;AAAA;aAGUA,uBAAW;AAAA,SAAvB;;;;;;;"}

package/lib/components/menu/index.js

@@ -4,22 +4,20 @@ Object.defineProperty(exports, '__esModule', { value: true });
 
 var withInstall = require('../../utils/with-install.js');
 var menu = require('./src/menu.js');
-require('./src/menu-item2.js');
-require('./src/menu-item-group2.js');
+var menuItem$1 = require('./src/menu-item2.js');
+var menuItemGroup$1 = require('./src/menu-item-group2.js');
 var subMenu = require('./src/sub-menu.js');
 var menuItem = require('./src/menu-item.js');
 var menuItemGroup = require('./src/menu-item-group.js');
 require('./src/types.js');
-var menuItem_vue_vue_type_script_lang = require('./src/menu-item.vue_vue_type_script_lang.js');
-var menuItemGroup_vue_vue_type_script_lang = require('./src/menu-item-group.vue_vue_type_script_lang.js');
 
 const ElMenu = withInstall.withInstall(menu["default"], {
-  MenuItem: menuItem_vue_vue_type_script_lang["default"],
-  MenuItemGroup: menuItemGroup_vue_vue_type_script_lang["default"],
+  MenuItem: menuItem$1["default"],
+  MenuItemGroup: menuItemGroup$1["default"],
   SubMenu: subMenu["default"]
 });
-const ElMenuItem = withInstall.withNoopInstall(menuItem_vue_vue_type_script_lang["default"]);
-const ElMenuItemGroup = withInstall.withNoopInstall(menuItemGroup_vue_vue_type_script_lang["default"]);
+const ElMenuItem = withInstall.withNoopInstall(menuItem$1["default"]);
+const ElMenuItemGroup = withInstall.withNoopInstall(menuItemGroup$1["default"]);
 const ElSubMenu = withInstall.withNoopInstall(subMenu["default"]);
 
 exports.menuEmits = menu.menuEmits;

package/lib/components/menu/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","sources":["../../../../../packages/components/menu/index.ts"],"sourcesContent":["import { withInstall, withNoopInstall } from '@element-plus/utils/with-install'\n\nimport Menu from './src/menu'\nimport MenuItem from './src/menu-item.vue'\nimport MenuItemGroup from './src/menu-item-group.vue'\nimport SubMenu from './src/sub-menu'\n\nexport const ElMenu = withInstall(Menu, {\n  MenuItem,\n  MenuItemGroup,\n  SubMenu,\n})\nexport default ElMenu\nexport const ElMenuItem = withNoopInstall(MenuItem)\nexport const ElMenuItemGroup = withNoopInstall(MenuItemGroup)\nexport const ElSubMenu = withNoopInstall(SubMenu)\n\nexport * from './src/menu'\nexport * from './src/menu-item'\nexport * from './src/menu-item-group'\nexport * from './src/sub-menu'\nexport * from './src/types'\n"],"names":["withInstall","Menu","MenuItem","MenuItemGroup","SubMenu","withNoopInstall"],"mappings":";;;;;;;;;;;;;;;AAKY,MAAC,MAAM,GAAGA,uBAAW,CAACC,eAAI,EAAE;AACxC,YAAEC,4CAAQ;AACV,iBAAEC,iDAAa;AACf,WAAEC,kBAAO;AACT,CAAC,EAAE;AAES,MAAC,UAAU,GAAGC,2BAAe,CAACH,4CAAQ,EAAE;AACxC,MAAC,eAAe,GAAGG,2BAAe,CAACF,iDAAa,EAAE;AAClD,MAAC,SAAS,GAAGE,2BAAe,CAACD,kBAAO;;;;;;;;;;;;;;"}
+{"version":3,"file":"index.js","sources":["../../../../../packages/components/menu/index.ts"],"sourcesContent":["import { withInstall, withNoopInstall } from '@element-plus/utils/with-install'\n\nimport Menu from './src/menu'\nimport MenuItem from './src/menu-item.vue'\nimport MenuItemGroup from './src/menu-item-group.vue'\nimport SubMenu from './src/sub-menu'\n\nexport const ElMenu = withInstall(Menu, {\n  MenuItem,\n  MenuItemGroup,\n  SubMenu,\n})\nexport default ElMenu\nexport const ElMenuItem = withNoopInstall(MenuItem)\nexport const ElMenuItemGroup = withNoopInstall(MenuItemGroup)\nexport const ElSubMenu = withNoopInstall(SubMenu)\n\nexport * from './src/menu'\nexport * from './src/menu-item'\nexport * from './src/menu-item-group'\nexport * from './src/sub-menu'\nexport * from './src/types'\n"],"names":["withInstall","Menu","MenuItem","MenuItemGroup","SubMenu","withNoopInstall"],"mappings":";;;;;;;;;;;;;AAKY,MAAC,MAAM,GAAGA,uBAAW,CAACC,eAAI,EAAE;AACxC,YAAEC,qBAAQ;AACV,iBAAEC,0BAAa;AACf,WAAEC,kBAAO;AACT,CAAC,EAAE;AAES,MAAC,UAAU,GAAGC,2BAAe,CAACH,qBAAQ,EAAE;AACxC,MAAC,eAAe,GAAGG,2BAAe,CAACF,0BAAa,EAAE;AAClD,MAAC,SAAS,GAAGE,2BAAe,CAACD,kBAAO;;;;;;;;;;;;;;"}

package/lib/components/menu/src/menu-collapse-transition.js

@@ -2,11 +2,62 @@
 
 Object.defineProperty(exports, '__esModule', { value: true });
 
-var menuCollapseTransition_vue_vue_type_script_lang = require('./menu-collapse-transition.vue_vue_type_script_lang.js');
-var menuCollapseTransition_vue_vue_type_template_id_db8e3ce6_lang = require('./menu-collapse-transition.vue_vue_type_template_id_db8e3ce6_lang.js');
+var vue = require('vue');
+var dom = require('../../../utils/dom.js');
+var pluginVue_exportHelper = require('../../../_virtual/plugin-vue_export-helper.js');
 
-menuCollapseTransition_vue_vue_type_script_lang["default"].render = menuCollapseTransition_vue_vue_type_template_id_db8e3ce6_lang.render;
-menuCollapseTransition_vue_vue_type_script_lang["default"].__file = "packages/components/menu/src/menu-collapse-transition.vue";
+const _sfc_main = vue.defineComponent({
+  name: "ElMenuCollapseTransition",
+  setup() {
+    const listeners = {
+      onBeforeEnter: (el) => el.style.opacity = "0.2",
+      onEnter(el, done) {
+        dom.addClass(el, "el-opacity-transition");
+        el.style.opacity = "1";
+        done();
+      },
+      onAfterEnter(el) {
+        dom.removeClass(el, "el-opacity-transition");
+        el.style.opacity = "";
+      },
+      onBeforeLeave(el) {
+        if (!el.dataset) {
+          ;
+          el.dataset = {};
+        }
+        if (dom.hasClass(el, "el-menu--collapse")) {
+          dom.removeClass(el, "el-menu--collapse");
+          el.dataset.oldOverflow = el.style.overflow;
+          el.dataset.scrollWidth = el.clientWidth.toString();
+          dom.addClass(el, "el-menu--collapse");
+        } else {
+          dom.addClass(el, "el-menu--collapse");
+          el.dataset.oldOverflow = el.style.overflow;
+          el.dataset.scrollWidth = el.clientWidth.toString();
+          dom.removeClass(el, "el-menu--collapse");
+        }
+        el.style.width = `${el.scrollWidth}px`;
+        el.style.overflow = "hidden";
+      },
+      onLeave(el) {
+        dom.addClass(el, "horizontal-collapse-transition");
+        el.style.width = `${el.dataset.scrollWidth}px`;
+      }
+    };
+    return {
+      listeners
+    };
+  }
+});
+function _sfc_render(_ctx, _cache, $props, $setup, $data, $options) {
+  return vue.openBlock(), vue.createBlock(vue.Transition, vue.mergeProps({ mode: "out-in" }, _ctx.listeners), {
+    default: vue.withCtx(() => [
+      vue.renderSlot(_ctx.$slots, "default")
+    ]),
+    _: 3
+  }, 16);
+}
+var ElMenuCollapseTransition = /* @__PURE__ */ pluginVue_exportHelper["default"](_sfc_main, [["render", _sfc_render]]);
 
-exports["default"] = menuCollapseTransition_vue_vue_type_script_lang["default"];
+exports["default"] = ElMenuCollapseTransition;
 //# sourceMappingURL=menu-collapse-transition.js.map

package/lib/components/menu/src/menu-collapse-transition.js.map

@@ -1 +1 @@
-{"version":3,"file":"menu-collapse-transition.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;;;;;;;"}
+{"version":3,"file":"menu-collapse-transition.js","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":["defineComponent","hasClass","_createBlock","_withCtx"],"mappings":";;;;;;;;AAWA,MAAK,YAAaA,oBAAa;AAAA,EAC7B,MAAM;AAAA,EACN,QAAQ;AACN,UAAM,YAAY;AAAA,MAChB,eAAe,CAAC,OAAQ,GAAG,MAAM,UAAU;AAAA,MAC3C,QAAQ,IAAI,MAAM;AAChB,qBAAS,IAAI;AACb,WAAG,MAAM,UAAU;AACnB;AAAA;AAAA,MAGF,aAAa,IAAI;AACf,wBAAY,IAAI;AAChB,WAAG,MAAM,UAAU;AAAA;AAAA,MAGrB,cAAc,IAAI;AAChB,YAAI,CAAC,GAAG,SAAS;AACf;AAAC,UAAC,GAAW,UAAU;AAAA;AAGzB,YAAIC,aAAS,IAAI,sBAAsB;AACrC,0BAAY,IAAI;AAChB,aAAG,QAAQ,cAAc,GAAG,MAAM;AAClC,aAAG,QAAQ,cAAc,GAAG,YAAY;AACxC,uBAAS,IAAI;AAAA,eACR;AACL,uBAAS,IAAI;AACb,aAAG,QAAQ,cAAc,GAAG,MAAM;AAClC,aAAG,QAAQ,cAAc,GAAG,YAAY;AACxC,0BAAY,IAAI;AAAA;AAGlB,WAAG,MAAM,QAAQ,GAAG,GAAG;AACvB,WAAG,MAAM,WAAW;AAAA;AAAA,MAGtB,QAAQ,IAAiB;AACvB,qBAAS,IAAI;AACb,WAAG,MAAM,QAAQ,GAAG,GAAG,QAAQ;AAAA;AAAA;AAInC,WAAO;AAAA,MACL;AAAA;AAAA;AAAA;2BAtDJ,gBAEa,QAFb,iBAAgB;0BACNC;AAAA,aAARC,YAAQ;AAAA;;;;;;;;;"}

package/lib/components/menu/src/menu-item-group2.js

@@ -2,11 +2,55 @@
 
 Object.defineProperty(exports, '__esModule', { value: true });
 
-var menuItemGroup_vue_vue_type_script_lang = require('./menu-item-group.vue_vue_type_script_lang.js');
-var menuItemGroup_vue_vue_type_template_id_67a2995d_lang = require('./menu-item-group.vue_vue_type_template_id_67a2995d_lang.js');
+var vue = require('vue');
+var error = require('../../../utils/error.js');
+var menuItemGroup = require('./menu-item-group.js');
+var pluginVue_exportHelper = require('../../../_virtual/plugin-vue_export-helper.js');
 
-menuItemGroup_vue_vue_type_script_lang["default"].render = menuItemGroup_vue_vue_type_template_id_67a2995d_lang.render;
-menuItemGroup_vue_vue_type_script_lang["default"].__file = "packages/components/menu/src/menu-item-group.vue";
+const COMPONENT_NAME = "ElMenuItemGroup";
+const _sfc_main = vue.defineComponent({
+  name: COMPONENT_NAME,
+  props: menuItemGroup.menuItemGroupProps,
+  setup() {
+    const instance = vue.getCurrentInstance();
+    const menu = vue.inject("rootMenu");
+    if (!menu)
+      error.throwError(COMPONENT_NAME, "can not inject root menu");
+    const levelPadding = vue.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
+    };
+  }
+});
+const _hoisted_1 = { class: "el-menu-item-group" };
+function _sfc_render(_ctx, _cache, $props, $setup, $data, $options) {
+  return vue.openBlock(), vue.createElementBlock("li", _hoisted_1, [
+    vue.createElementVNode("div", {
+      class: "el-menu-item-group__title",
+      style: vue.normalizeStyle({ paddingLeft: `${_ctx.levelPadding}px` })
+    }, [
+      !_ctx.$slots.title ? (vue.openBlock(), vue.createElementBlock(vue.Fragment, { key: 0 }, [
+        vue.createTextVNode(vue.toDisplayString(_ctx.title), 1)
+      ], 2112)) : vue.renderSlot(_ctx.$slots, "title", { key: 1 })
+    ], 4),
+    vue.createElementVNode("ul", null, [
+      vue.renderSlot(_ctx.$slots, "default")
+    ])
+  ]);
+}
+var MenuItemGroup = /* @__PURE__ */ pluginVue_exportHelper["default"](_sfc_main, [["render", _sfc_render]]);
 
-exports["default"] = menuItemGroup_vue_vue_type_script_lang["default"];
+exports["default"] = MenuItemGroup;
 //# sourceMappingURL=menu-item-group2.js.map

package/lib/components/menu/src/menu-item-group2.js.map

@@ -1 +1 @@
-{"version":3,"file":"menu-item-group2.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;;;;;;;"}
+{"version":3,"file":"menu-item-group2.js","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":["defineComponent","menuItemGroupProps","getCurrentInstance","inject","computed","_openBlock","_createElementBlock"],"mappings":";;;;;;;;;AAsBA,MAAM,iBAAiB;AAEvB,MAAK,YAAaA,oBAAa;AAAA,EAC7B,MAAM;AAAA,EAEN,OAAOC;AAAA,EAEP,QAAQ;AACN,UAAM,WAAWC;AACjB,UAAM,OAAOC,WAAqB;AAClC,QAAI,CAAC;AAAM,uBAAW,gBAAgB;AAEtC,UAAM,eAAeC,aAAS,MAAM;AAClC,UAAI,KAAK,MAAM;AAAU,eAAO;AAChC,UAAI,UAAU;AACd,UAAI,SAAS,SAAS;AACtB,aAAO,UAAU,OAAO,KAAK,SAAS,UAAU;AAC9C,YAAI,OAAO,KAAK,SAAS,aAAa;AACpC,qBAAW;AAAA;AAEb,iBAAS,OAAO;AAAA;AAElB,aAAO;AAAA;AAGT,WAAO;AAAA,MACL;AAAA;AAAA;AAAA;;2BA/CJ,yCAWK;SAVHC,iBAMMC;AAAA,2BALE;AAAA,MACL,OAAK;AAAA;;kFAEiC;AAAA;SACvC;OAEF;AAAA,2BACU;AAAA;;;;;;;;"}