element-plus 1.2.0-beta.3 → 1.2.0-beta.4

package/es/components/autocomplete/src/index.vue_vue&type=template&id=2f09f285&lang.mjs

@@ -1,126 +0,0 @@
-import { resolveComponent, resolveDirective, openBlock, createBlock, withCtx, withDirectives, createElementVNode, normalizeClass, normalizeStyle, createVNode, mergeProps, withKeys, withModifiers, createSlots, renderSlot, createElementBlock, Fragment, renderList, createTextVNode, toDisplayString } from 'vue';
-
-const _hoisted_1 = ["aria-expanded", "aria-owns"];
-const _hoisted_2 = { key: 0 };
-const _hoisted_3 = ["id", "aria-selected", "onClick"];
-function render(_ctx, _cache, $props, $setup, $data, $options) {
-  const _component_el_input = resolveComponent("el-input");
-  const _component_loading = resolveComponent("loading");
-  const _component_el_icon = resolveComponent("el-icon");
-  const _component_el_scrollbar = resolveComponent("el-scrollbar");
-  const _component_el_popper = resolveComponent("el-popper");
-  const _directive_clickoutside = resolveDirective("clickoutside");
-  return openBlock(), createBlock(_component_el_popper, {
-    ref: "popper",
-    visible: _ctx.suggestionVisible,
-    "onUpdate:visible": _cache[2] || (_cache[2] = ($event) => _ctx.suggestionVisible = $event),
-    placement: _ctx.placement,
-    "popper-class": `el-autocomplete__popper ${_ctx.popperClass}`,
-    "append-to-body": _ctx.popperAppendToBody,
-    pure: "",
-    "manual-mode": "",
-    effect: _ctx.Effect.LIGHT,
-    trigger: "click",
-    transition: "el-zoom-in-top",
-    "gpu-acceleration": false
-  }, {
-    trigger: withCtx(() => [
-      withDirectives(createElementVNode("div", {
-        class: normalizeClass(["el-autocomplete", _ctx.$attrs.class]),
-        style: normalizeStyle(_ctx.$attrs.style),
-        role: "combobox",
-        "aria-haspopup": "listbox",
-        "aria-expanded": _ctx.suggestionVisible,
-        "aria-owns": _ctx.id
-      }, [
-        createVNode(_component_el_input, mergeProps({ ref: "inputRef" }, _ctx.attrs, {
-          "model-value": _ctx.modelValue,
-          onInput: _ctx.handleInput,
-          onChange: _ctx.handleChange,
-          onFocus: _ctx.handleFocus,
-          onBlur: _ctx.handleBlur,
-          onClear: _ctx.handleClear,
-          onKeydown: [
-            _cache[0] || (_cache[0] = withKeys(withModifiers(($event) => _ctx.highlight(_ctx.highlightedIndex - 1), ["prevent"]), ["up"])),
-            _cache[1] || (_cache[1] = withKeys(withModifiers(($event) => _ctx.highlight(_ctx.highlightedIndex + 1), ["prevent"]), ["down"])),
-            withKeys(_ctx.handleKeyEnter, ["enter"]),
-            withKeys(_ctx.close, ["tab"])
-          ]
-        }), createSlots({ _: 2 }, [
-          _ctx.$slots.prepend ? {
-            name: "prepend",
-            fn: withCtx(() => [
-              renderSlot(_ctx.$slots, "prepend")
-            ])
-          } : void 0,
-          _ctx.$slots.append ? {
-            name: "append",
-            fn: withCtx(() => [
-              renderSlot(_ctx.$slots, "append")
-            ])
-          } : void 0,
-          _ctx.$slots.prefix ? {
-            name: "prefix",
-            fn: withCtx(() => [
-              renderSlot(_ctx.$slots, "prefix")
-            ])
-          } : void 0,
-          _ctx.$slots.suffix ? {
-            name: "suffix",
-            fn: withCtx(() => [
-              renderSlot(_ctx.$slots, "suffix")
-            ])
-          } : void 0
-        ]), 1040, ["model-value", "onInput", "onChange", "onFocus", "onBlur", "onClear", "onKeydown"])
-      ], 14, _hoisted_1), [
-        [_directive_clickoutside, _ctx.close]
-      ])
-    ]),
-    default: withCtx(() => [
-      createElementVNode("div", {
-        ref: "regionRef",
-        class: normalizeClass([
-          "el-autocomplete-suggestion",
-          _ctx.suggestionLoading && "is-loading"
-        ]),
-        style: normalizeStyle({ minWidth: _ctx.dropdownWidth, outline: "none" }),
-        role: "region"
-      }, [
-        createVNode(_component_el_scrollbar, {
-          tag: "ul",
-          "wrap-class": "el-autocomplete-suggestion__wrap",
-          "view-class": "el-autocomplete-suggestion__list"
-        }, {
-          default: withCtx(() => [
-            _ctx.suggestionLoading ? (openBlock(), createElementBlock("li", _hoisted_2, [
-              createVNode(_component_el_icon, { class: "is-loading" }, {
-                default: withCtx(() => [
-                  createVNode(_component_loading)
-                ]),
-                _: 1
-              })
-            ])) : (openBlock(true), createElementBlock(Fragment, { key: 1 }, renderList(_ctx.suggestions, (item, index) => {
-              return openBlock(), createElementBlock("li", {
-                id: `${_ctx.id}-item-${index}`,
-                key: index,
-                class: normalizeClass({ highlighted: _ctx.highlightedIndex === index }),
-                role: "option",
-                "aria-selected": _ctx.highlightedIndex === index,
-                onClick: ($event) => _ctx.select(item)
-              }, [
-                renderSlot(_ctx.$slots, "default", { item }, () => [
-                  createTextVNode(toDisplayString(item[_ctx.valueKey]), 1)
-                ])
-              ], 10, _hoisted_3);
-            }), 128))
-          ]),
-          _: 3
-        })
-      ], 6)
-    ]),
-    _: 3
-  }, 8, ["visible", "placement", "popper-class", "append-to-body", "effect"]);
-}
-
-export { render };
-//# sourceMappingURL=index.vue_vue&type=template&id=2f09f285&lang.mjs.map

package/es/components/autocomplete/src/index.vue_vue&type=template&id=2f09f285&lang.mjs.map

@@ -1 +0,0 @@
-{"version":3,"file":"index.vue_vue&type=template&id=2f09f285&lang.mjs","sources":["../../../../../../packages/components/autocomplete/src/index.vue?vue&type=template&id=2f09f285&lang.js"],"sourcesContent":["<template>\n  <el-popper\n    ref=\"popper\"\n    v-model:visible=\"suggestionVisible\"\n    :placement=\"placement\"\n    :popper-class=\"`el-autocomplete__popper ${popperClass}`\"\n    :append-to-body=\"popperAppendToBody\"\n    pure\n    manual-mode\n    :effect=\"Effect.LIGHT\"\n    trigger=\"click\"\n    transition=\"el-zoom-in-top\"\n    :gpu-acceleration=\"false\"\n  >\n    <template #trigger>\n      <div\n        v-clickoutside=\"close\"\n        :class=\"['el-autocomplete', $attrs.class]\"\n        :style=\"$attrs.style\"\n        role=\"combobox\"\n        aria-haspopup=\"listbox\"\n        :aria-expanded=\"suggestionVisible\"\n        :aria-owns=\"id\"\n      >\n        <el-input\n          ref=\"inputRef\"\n          v-bind=\"attrs\"\n          :model-value=\"modelValue\"\n          @input=\"handleInput\"\n          @change=\"handleChange\"\n          @focus=\"handleFocus\"\n          @blur=\"handleBlur\"\n          @clear=\"handleClear\"\n          @keydown.up.prevent=\"highlight(highlightedIndex - 1)\"\n          @keydown.down.prevent=\"highlight(highlightedIndex + 1)\"\n          @keydown.enter=\"handleKeyEnter\"\n          @keydown.tab=\"close\"\n        >\n          <template v-if=\"$slots.prepend\" #prepend>\n            <slot name=\"prepend\"></slot>\n          </template>\n          <template v-if=\"$slots.append\" #append>\n            <slot name=\"append\"></slot>\n          </template>\n          <template v-if=\"$slots.prefix\" #prefix>\n            <slot name=\"prefix\"></slot>\n          </template>\n          <template v-if=\"$slots.suffix\" #suffix>\n            <slot name=\"suffix\"></slot>\n          </template>\n        </el-input>\n      </div>\n    </template>\n    <template #default>\n      <div\n        ref=\"regionRef\"\n        :class=\"[\n          'el-autocomplete-suggestion',\n          suggestionLoading && 'is-loading',\n        ]\"\n        :style=\"{ minWidth: dropdownWidth, outline: 'none' }\"\n        role=\"region\"\n      >\n        <el-scrollbar\n          tag=\"ul\"\n          wrap-class=\"el-autocomplete-suggestion__wrap\"\n          view-class=\"el-autocomplete-suggestion__list\"\n        >\n          <li v-if=\"suggestionLoading\">\n            <el-icon class=\"is-loading\"><loading /></el-icon>\n          </li>\n          <template v-else>\n            <li\n              v-for=\"(item, index) in suggestions\"\n              :id=\"`${id}-item-${index}`\"\n              :key=\"index\"\n              :class=\"{ highlighted: highlightedIndex === index }\"\n              role=\"option\"\n              :aria-selected=\"highlightedIndex === index\"\n              @click=\"select(item)\"\n            >\n              <slot :item=\"item\">{{ item[valueKey] }}</slot>\n            </li>\n          </template>\n        </el-scrollbar>\n      </div>\n    </template>\n  </el-popper>\n</template>\n\n<script lang=\"ts\">\nimport {\n  defineComponent,\n  ref,\n  computed,\n  onMounted,\n  onUpdated,\n  nextTick,\n  watch,\n} from 'vue'\nimport { NOOP } from '@vue/shared'\nimport debounce from 'lodash/debounce'\nimport { useAttrs } from '@element-plus/hooks'\nimport { ClickOutside } from '@element-plus/directives'\nimport { generateId, isArray } from '@element-plus/utils/util'\nimport { UPDATE_MODEL_EVENT } from '@element-plus/utils/constants'\nimport { throwError } from '@element-plus/utils/error'\nimport ElInput from '@element-plus/components/input'\nimport ElScrollbar from '@element-plus/components/scrollbar'\nimport ElPopper, { Effect } from '@element-plus/components/popper'\nimport ElIcon from '@element-plus/components/icon'\nimport { Loading } from '@element-plus/icons'\n\nimport type { Placement } from '@element-plus/components/popper'\nimport type { PropType } from 'vue'\n\nexport default defineComponent({\n  name: 'ElAutocomplete',\n  components: {\n    ElPopper,\n    ElInput,\n    ElScrollbar,\n    ElIcon,\n    Loading,\n  },\n  directives: {\n    clickoutside: ClickOutside,\n  },\n  inheritAttrs: false,\n  props: {\n    valueKey: {\n      type: String,\n      default: 'value',\n    },\n    modelValue: {\n      type: [String, Number],\n      default: '',\n    },\n    debounce: {\n      type: Number,\n      default: 300,\n    },\n    placement: {\n      type: String as PropType<Placement>,\n      validator: (val: string): boolean => {\n        return [\n          'top',\n          'top-start',\n          'top-end',\n          'bottom',\n          'bottom-start',\n          'bottom-end',\n        ].includes(val)\n      },\n      default: 'bottom-start',\n    },\n    fetchSuggestions: {\n      type: Function as PropType<\n        (queryString: string, cb: (data: any[]) => void) => void\n      >,\n      default: NOOP,\n    },\n    popperClass: {\n      type: String,\n      default: '',\n    },\n    triggerOnFocus: {\n      type: Boolean,\n      default: true,\n    },\n    selectWhenUnmatched: {\n      type: Boolean,\n      default: false,\n    },\n    hideLoading: {\n      type: Boolean,\n      default: false,\n    },\n    popperAppendToBody: {\n      type: Boolean,\n      default: true,\n    },\n    highlightFirstItem: {\n      type: Boolean,\n      default: false,\n    },\n  },\n  emits: [\n    UPDATE_MODEL_EVENT,\n    'input',\n    'change',\n    'focus',\n    'blur',\n    'clear',\n    'select',\n  ],\n  setup(props, ctx) {\n    const attrs = useAttrs()\n    const suggestions = ref([])\n    const highlightedIndex = ref(-1)\n    const dropdownWidth = ref('')\n    const activated = ref(false)\n    const suggestionDisabled = ref(false)\n    const loading = ref(false)\n    const inputRef = ref(null)\n    const regionRef = ref(null)\n    const popper = ref(null)\n\n    const id = computed(() => {\n      return `el-autocomplete-${generateId()}`\n    })\n    const suggestionVisible = computed(() => {\n      const isValidData =\n        isArray(suggestions.value) && suggestions.value.length > 0\n      return (isValidData || loading.value) && activated.value\n    })\n    const suggestionLoading = computed(() => {\n      return !props.hideLoading && loading.value\n    })\n\n    const updatePopperPosition = () => {\n      nextTick(popper.value.update)\n    }\n\n    watch(suggestionVisible, () => {\n      dropdownWidth.value = `${inputRef.value.$el.offsetWidth}px`\n    })\n\n    onMounted(() => {\n      inputRef.value.inputOrTextarea.setAttribute('role', 'textbox')\n      inputRef.value.inputOrTextarea.setAttribute('aria-autocomplete', 'list')\n      inputRef.value.inputOrTextarea.setAttribute('aria-controls', 'id')\n      inputRef.value.inputOrTextarea.setAttribute(\n        'aria-activedescendant',\n        `${id.value}-item-${highlightedIndex.value}`\n      )\n      const $ul = regionRef.value.querySelector(\n        '.el-autocomplete-suggestion__list'\n      )\n      $ul.setAttribute('role', 'listbox')\n      $ul.setAttribute('id', id.value)\n    })\n\n    onUpdated(updatePopperPosition)\n\n    const getData = (queryString) => {\n      if (suggestionDisabled.value) {\n        return\n      }\n      loading.value = true\n      updatePopperPosition()\n      props.fetchSuggestions(queryString, (suggestionsArg) => {\n        loading.value = false\n        if (suggestionDisabled.value) {\n          return\n        }\n        if (isArray(suggestionsArg)) {\n          suggestions.value = suggestionsArg\n          highlightedIndex.value = props.highlightFirstItem ? 0 : -1\n        } else {\n          throwError(\n            'ElAutocomplete',\n            'autocomplete suggestions must be an array'\n          )\n        }\n      })\n    }\n    const debouncedGetData = debounce(getData, props.debounce)\n    const handleInput = (value) => {\n      ctx.emit('input', value)\n      ctx.emit(UPDATE_MODEL_EVENT, value)\n      suggestionDisabled.value = false\n      if (!props.triggerOnFocus && !value) {\n        suggestionDisabled.value = true\n        suggestions.value = []\n        return\n      }\n      debouncedGetData(value)\n    }\n    const handleChange = (value) => {\n      ctx.emit('change', value)\n    }\n    const handleFocus = (e) => {\n      activated.value = true\n      ctx.emit('focus', e)\n      if (props.triggerOnFocus) {\n        debouncedGetData(props.modelValue)\n      }\n    }\n    const handleBlur = (e) => {\n      ctx.emit('blur', e)\n    }\n    const handleClear = () => {\n      activated.value = false\n      ctx.emit(UPDATE_MODEL_EVENT, '')\n      ctx.emit('clear')\n    }\n    const handleKeyEnter = () => {\n      if (\n        suggestionVisible.value &&\n        highlightedIndex.value >= 0 &&\n        highlightedIndex.value < suggestions.value.length\n      ) {\n        select(suggestions.value[highlightedIndex.value])\n      } else if (props.selectWhenUnmatched) {\n        ctx.emit('select', { value: props.modelValue })\n        nextTick(() => {\n          suggestions.value = []\n          highlightedIndex.value = -1\n        })\n      }\n    }\n    const close = () => {\n      activated.value = false\n    }\n    const focus = () => {\n      inputRef.value.focus()\n    }\n    const select = (item) => {\n      ctx.emit('input', item[props.valueKey])\n      ctx.emit(UPDATE_MODEL_EVENT, item[props.valueKey])\n      ctx.emit('select', item)\n      nextTick(() => {\n        suggestions.value = []\n        highlightedIndex.value = -1\n      })\n    }\n    const highlight = (index) => {\n      if (!suggestionVisible.value || loading.value) {\n        return\n      }\n      if (index < 0) {\n        highlightedIndex.value = -1\n        return\n      }\n      if (index >= suggestions.value.length) {\n        index = suggestions.value.length - 1\n      }\n      const suggestion = regionRef.value.querySelector(\n        '.el-autocomplete-suggestion__wrap'\n      )\n      const suggestionList = suggestion.querySelectorAll(\n        '.el-autocomplete-suggestion__list li'\n      )\n      const highlightItem = suggestionList[index]\n      const scrollTop = suggestion.scrollTop\n      const { offsetTop, scrollHeight } = highlightItem\n\n      if (offsetTop + scrollHeight > scrollTop + suggestion.clientHeight) {\n        suggestion.scrollTop += scrollHeight\n      }\n      if (offsetTop < scrollTop) {\n        suggestion.scrollTop -= scrollHeight\n      }\n      highlightedIndex.value = index\n      inputRef.value.inputOrTextarea.setAttribute(\n        'aria-activedescendant',\n        `${id.value}-item-${highlightedIndex.value}`\n      )\n    }\n\n    return {\n      Effect,\n\n      attrs,\n      suggestions,\n      highlightedIndex,\n      dropdownWidth,\n      activated,\n      suggestionDisabled,\n      loading,\n      inputRef,\n      regionRef,\n      popper,\n\n      id,\n      suggestionVisible,\n      suggestionLoading,\n\n      getData,\n      handleInput,\n      handleChange,\n      handleFocus,\n      handleBlur,\n      handleClear,\n      handleKeyEnter,\n      close,\n      focus,\n      select,\n      highlight,\n    }\n  },\n})\n</script>\n"],"names":["_createBlock","_createElementVNode","_createVNode","_mergeProps","_renderSlot","_createElementBlock"],"mappings":";;;;;;;;;;;;sBACEA;IACE,KAAI;AAAA,IACI,SAAS;8DAAA;IAChB,WAAW;IACX,2CAAyC;IACzC,kBAAgB;IACjB,MAAA;AAAA,IACA,eAAA;AAAA,IACC,QAAQ,YAAO;AAAA,IAChB,SAAQ;AAAA,IACR,YAAW;AAAA,IACV,oBAAkB;AAAA;IAER,iBACT;qBAAAC;QAEG,0CAA2B,YAAO;AAAA,QAClC,sBAAO,YAAO;AAAA,QACf,MAAK;AAAA,QACL,iBAAc;AAAA,QACb,iBAAe;QACf,aAAW;;QAEZC,iCAAAC,aACE,KAAI,cACI;UACP,eAAa;UACb,SAAO;UACP,UAAQ;UACR,SAAO;UACP,QAAM;UACN,SAAO;UACP;yEAAoB,eAAU;yEACR,eAAU;qBACjB;qBACF;;;UAEE,YAAO;kBAAU;AAAA,wBAC/B;cAAAC;;;UAEc,YAAO;kBAAS;AAAA,wBAC9B;cAAAA;;;UAEc,YAAO;kBAAS;AAAA,wBAC9B;cAAAA;;;UAEc,YAAO;kBAAS;AAAA,wBAC9B;cAAAA;;;;;kCAhCY;;;IAqCT,iBACT;MAAAH;QACE,KAAI;AAAA,QACH;;;;QAIA,kCAAmB;QACpB,MAAK;AAAA;QAELC;UACE,KAAI;AAAA,UACJ,cAAW;AAAA,UACX,cAAW;AAAA;2BAEX;YAAU,uCAAVG;cACEH,kCAAS,OAAM;iCAAa;kBAAAA,YAAW;AAAA;AAAA;;oCAGvCG,oDAC0B,mBAAhB,MAAM;kCADhBA;gBAEG,OAAO,gBAAW;AAAA,gBAClB,KAAK;AAAA,gBACL,qCAAsB,0BAAqB;AAAA,gBAC5C,MAAK;AAAA,gBACJ,iBAAe,0BAAqB;AAAA,gBACpC,qBAAO,YAAO;AAAA;gBAEfD,qCAAO,QAAP;kDAAsB,KAAK;;;;;;;;;;;;;;;"}

package/es/components/avatar/src/avatar.vue_vue&type=script&lang.mjs

@@ -1,52 +0,0 @@
-import { defineComponent, ref, computed, watch } from 'vue';
-import { ElIcon } from '../../icon/index.mjs';
-import { avatarProps, avatarEmits } from './avatar.mjs';
-
-var script = defineComponent({
-  name: "ElAvatar",
-  components: {
-    ElIcon
-  },
-  props: avatarProps,
-  emits: avatarEmits,
-  setup(props, { emit }) {
-    const hasLoadError = ref(false);
-    const avatarClass = computed(() => {
-      const { size, icon, shape } = props;
-      const classList = ["el-avatar"];
-      if (size && typeof size === "string")
-        classList.push(`el-avatar--${size}`);
-      if (icon)
-        classList.push("el-avatar--icon");
-      if (shape)
-        classList.push(`el-avatar--${shape}`);
-      return classList;
-    });
-    const sizeStyle = computed(() => {
-      const { size } = props;
-      return typeof size === "number" ? {
-        height: `${size}px`,
-        width: `${size}px`,
-        lineHeight: `${size}px`
-      } : {};
-    });
-    const fitStyle = computed(() => ({
-      objectFit: props.fit
-    }));
-    watch(() => props.src, () => hasLoadError.value = false);
-    function handleError(e) {
-      hasLoadError.value = true;
-      emit("error", e);
-    }
-    return {
-      hasLoadError,
-      avatarClass,
-      sizeStyle,
-      fitStyle,
-      handleError
-    };
-  }
-});
-
-export { script as default };
-//# sourceMappingURL=avatar.vue_vue&type=script&lang.mjs.map

package/es/components/avatar/src/avatar.vue_vue&type=script&lang.mjs.map

@@ -1 +0,0 @@
-{"version":3,"file":"avatar.vue_vue&type=script&lang.mjs","sources":["../../../../../../packages/components/avatar/src/avatar.vue"],"sourcesContent":["<template>\n  <span :class=\"avatarClass\" :style=\"sizeStyle\">\n    <img\n      v-if=\"(src || srcSet) && !hasLoadError\"\n      :src=\"src\"\n      :alt=\"alt\"\n      :srcset=\"srcSet\"\n      :style=\"fitStyle\"\n      @error=\"handleError\"\n    />\n    <el-icon v-else-if=\"icon\"><component :is=\"icon\" /></el-icon>\n    <slot v-else></slot>\n  </span>\n</template>\n\n<script lang=\"ts\">\nimport { defineComponent, computed, ref, watch } from 'vue'\nimport { ElIcon } from '@element-plus/components/icon'\nimport { avatarEmits, avatarProps } from './avatar'\n\nimport type { CSSProperties } from 'vue'\n\nexport default defineComponent({\n  name: 'ElAvatar',\n  components: {\n    ElIcon,\n  },\n  props: avatarProps,\n  emits: avatarEmits,\n\n  setup(props, { emit }) {\n    const hasLoadError = ref(false)\n\n    const avatarClass = computed(() => {\n      const { size, icon, shape } = props\n      const classList = ['el-avatar']\n      if (size && typeof size === 'string') classList.push(`el-avatar--${size}`)\n      if (icon) classList.push('el-avatar--icon')\n      if (shape) classList.push(`el-avatar--${shape}`)\n      return classList\n    })\n\n    const sizeStyle = computed<CSSProperties>(() => {\n      const { size } = props\n      return typeof size === 'number'\n        ? {\n            height: `${size}px`,\n            width: `${size}px`,\n            lineHeight: `${size}px`,\n          }\n        : {}\n    })\n\n    const fitStyle = computed<CSSProperties>(() => ({\n      objectFit: props.fit,\n    }))\n\n    // need reset hasLoadError to false if src changed\n    watch(\n      () => props.src,\n      () => (hasLoadError.value = false)\n    )\n\n    function handleError(e: Event) {\n      hasLoadError.value = true\n      emit('error', e)\n    }\n\n    return {\n      hasLoadError,\n      avatarClass,\n      sizeStyle,\n      fitStyle,\n      handleError,\n    }\n  },\n})\n</script>\n"],"names":[],"mappings":";;;;AAsBA,aAAe,gBAAgB;AAAA,EAC7B,MAAM;AAAA,EACN,YAAY;AAAA,IACV;AAAA;AAAA,EAEF,OAAO;AAAA,EACP,OAAO;AAAA,EAEP,MAAM,OAAO,EAAE,QAAQ;AACrB,UAAM,eAAe,IAAI;AAEzB,UAAM,cAAc,SAAS,MAAM;AACjC,YAAM,EAAE,MAAM,MAAM,UAAU;AAC9B,YAAM,YAAY,CAAC;AACnB,UAAI,QAAQ,OAAO,SAAS;AAAU,kBAAU,KAAK,cAAc;AACnE,UAAI;AAAM,kBAAU,KAAK;AACzB,UAAI;AAAO,kBAAU,KAAK,cAAc;AACxC,aAAO;AAAA;AAGT,UAAM,YAAY,SAAwB,MAAM;AAC9C,YAAM,EAAE,SAAS;AACjB,aAAO,OAAO,SAAS,WACnB;AAAA,QACE,QAAQ,GAAG;AAAA,QACX,OAAO,GAAG;AAAA,QACV,YAAY,GAAG;AAAA,UAEjB;AAAA;AAGN,UAAM,WAAW,SAAwB;AAAO,MAC9C,WAAW,MAAM;AAAA;AAInB,UACE,MAAM,MAAM,KACZ,MAAO,aAAa,QAAQ;AAG9B,yBAAqB,GAAU;AAC7B,mBAAa,QAAQ;AACrB,WAAK,SAAS;AAAA;AAGhB,WAAO;AAAA,MACL;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA;AAAA;AAAA;;;;"}

package/es/components/avatar/src/avatar.vue_vue&type=template&id=46e3f365&lang.mjs

@@ -1,27 +0,0 @@
-import { resolveComponent, openBlock, createElementBlock, normalizeClass, normalizeStyle, createBlock, withCtx, resolveDynamicComponent, renderSlot } from 'vue';
-
-const _hoisted_1 = ["src", "alt", "srcset"];
-function render(_ctx, _cache, $props, $setup, $data, $options) {
-  const _component_el_icon = resolveComponent("el-icon");
-  return openBlock(), createElementBlock("span", {
-    class: normalizeClass(_ctx.avatarClass),
-    style: normalizeStyle(_ctx.sizeStyle)
-  }, [
-    (_ctx.src || _ctx.srcSet) && !_ctx.hasLoadError ? (openBlock(), createElementBlock("img", {
-      key: 0,
-      src: _ctx.src,
-      alt: _ctx.alt,
-      srcset: _ctx.srcSet,
-      style: normalizeStyle(_ctx.fitStyle),
-      onError: _cache[0] || (_cache[0] = (...args) => _ctx.handleError && _ctx.handleError(...args))
-    }, null, 44, _hoisted_1)) : _ctx.icon ? (openBlock(), createBlock(_component_el_icon, { key: 1 }, {
-      default: withCtx(() => [
-        (openBlock(), createBlock(resolveDynamicComponent(_ctx.icon)))
-      ]),
-      _: 1
-    })) : renderSlot(_ctx.$slots, "default", { key: 2 })
-  ], 6);
-}
-
-export { render };
-//# sourceMappingURL=avatar.vue_vue&type=template&id=46e3f365&lang.mjs.map

package/es/components/avatar/src/avatar.vue_vue&type=template&id=46e3f365&lang.mjs.map

@@ -1 +0,0 @@
-{"version":3,"file":"avatar.vue_vue&type=template&id=46e3f365&lang.mjs","sources":["../../../../../../packages/components/avatar/src/avatar.vue?vue&type=template&id=46e3f365&lang.js"],"sourcesContent":["<template>\n  <span :class=\"avatarClass\" :style=\"sizeStyle\">\n    <img\n      v-if=\"(src || srcSet) && !hasLoadError\"\n      :src=\"src\"\n      :alt=\"alt\"\n      :srcset=\"srcSet\"\n      :style=\"fitStyle\"\n      @error=\"handleError\"\n    />\n    <el-icon v-else-if=\"icon\"><component :is=\"icon\" /></el-icon>\n    <slot v-else></slot>\n  </span>\n</template>\n\n<script lang=\"ts\">\nimport { defineComponent, computed, ref, watch } from 'vue'\nimport { ElIcon } from '@element-plus/components/icon'\nimport { avatarEmits, avatarProps } from './avatar'\n\nimport type { CSSProperties } from 'vue'\n\nexport default defineComponent({\n  name: 'ElAvatar',\n  components: {\n    ElIcon,\n  },\n  props: avatarProps,\n  emits: avatarEmits,\n\n  setup(props, { emit }) {\n    const hasLoadError = ref(false)\n\n    const avatarClass = computed(() => {\n      const { size, icon, shape } = props\n      const classList = ['el-avatar']\n      if (size && typeof size === 'string') classList.push(`el-avatar--${size}`)\n      if (icon) classList.push('el-avatar--icon')\n      if (shape) classList.push(`el-avatar--${shape}`)\n      return classList\n    })\n\n    const sizeStyle = computed<CSSProperties>(() => {\n      const { size } = props\n      return typeof size === 'number'\n        ? {\n            height: `${size}px`,\n            width: `${size}px`,\n            lineHeight: `${size}px`,\n          }\n        : {}\n    })\n\n    const fitStyle = computed<CSSProperties>(() => ({\n      objectFit: props.fit,\n    }))\n\n    // need reset hasLoadError to false if src changed\n    watch(\n      () => props.src,\n      () => (hasLoadError.value = false)\n    )\n\n    function handleError(e: Event) {\n      hasLoadError.value = true\n      emit('error', e)\n    }\n\n    return {\n      hasLoadError,\n      avatarClass,\n      sizeStyle,\n      fitStyle,\n      handleError,\n    }\n  },\n})\n</script>\n"],"names":["_createElementBlock","_createBlock","_resolveDynamicComponent","_renderSlot"],"mappings":";;;;;sBACEA;IAAO,sBAAO;IAAc,sBAAO;;IAExB,aAAO,iBAAY,kCAD5BA;;MAEG,KAAK;MACL,KAAK;MACL,QAAQ;MACR,sBAAO;MACP,gDAAO;gCAEU,0BAApBC;uBAA0B;sBAAAA,YAAwBC,wBAAR;;;UAC1CC;;;;;;"}

package/es/components/backtop/src/backtop.vue_vue&type=script&lang.mjs

@@ -1,72 +0,0 @@
-import { defineComponent, shallowRef, ref, computed, onMounted } from 'vue';
-import { useThrottleFn, useEventListener } from '@vueuse/core';
-import { ElIcon } from '../../icon/index.mjs';
-import { easeInOutCubic } from '../../../utils/animation.mjs';
-import { throwError } from '../../../utils/error.mjs';
-import { CaretTop } from '@element-plus/icons';
-import { backtopProps, backtopEmits } from './backtop.mjs';
-
-const COMPONENT_NAME = "ElBacktop";
-var script = defineComponent({
-  name: COMPONENT_NAME,
-  components: {
-    ElIcon,
-    CaretTop
-  },
-  props: backtopProps,
-  emits: backtopEmits,
-  setup(props, { emit }) {
-    const el = shallowRef(document.documentElement);
-    const container = shallowRef(document);
-    const visible = ref(false);
-    const styleBottom = computed(() => `${props.bottom}px`);
-    const styleRight = computed(() => `${props.right}px`);
-    const scrollToTop = () => {
-      if (!el.value)
-        return;
-      const beginTime = Date.now();
-      const beginValue = el.value.scrollTop;
-      const frameFunc = () => {
-        if (!el.value)
-          return;
-        const progress = (Date.now() - beginTime) / 500;
-        if (progress < 1) {
-          el.value.scrollTop = beginValue * (1 - easeInOutCubic(progress));
-          requestAnimationFrame(frameFunc);
-        } else {
-          el.value.scrollTop = 0;
-        }
-      };
-      requestAnimationFrame(frameFunc);
-    };
-    const handleScroll = () => {
-      if (el.value)
-        visible.value = el.value.scrollTop >= props.visibilityHeight;
-    };
-    const handleClick = (event) => {
-      scrollToTop();
-      emit("click", event);
-    };
-    const handleScrollThrottled = useThrottleFn(handleScroll, 300);
-    onMounted(() => {
-      var _a;
-      if (props.target) {
-        el.value = (_a = document.querySelector(props.target)) != null ? _a : void 0;
-        if (!el.value) {
-          throwError(COMPONENT_NAME, `target is not existed: ${props.target}`);
-        }
-        container.value = el.value;
-      }
-      useEventListener(container, "scroll", handleScrollThrottled);
-    });
-    return {
-      visible,
-      styleBottom,
-      styleRight,
-      handleClick
-    };
-  }
-});
-
-export { script as default };
-//# sourceMappingURL=backtop.vue_vue&type=script&lang.mjs.map

package/es/components/backtop/src/backtop.vue_vue&type=script&lang.mjs.map

@@ -1 +0,0 @@
-{"version":3,"file":"backtop.vue_vue&type=script&lang.mjs","sources":["../../../../../../packages/components/backtop/src/backtop.vue"],"sourcesContent":["<template>\n  <transition name=\"el-fade-in\">\n    <div\n      v-if=\"visible\"\n      :style=\"{\n        right: styleRight,\n        bottom: styleBottom,\n      }\"\n      class=\"el-backtop\"\n      @click.stop=\"handleClick\"\n    >\n      <slot>\n        <el-icon class=\"el-backtop__icon\"><caret-top /></el-icon>\n      </slot>\n    </div>\n  </transition>\n</template>\n\n<script lang=\"ts\">\nimport { defineComponent, ref, computed, onMounted, shallowRef } from 'vue'\nimport { useEventListener, useThrottleFn } from '@vueuse/core'\nimport { ElIcon } from '@element-plus/components/icon'\nimport { easeInOutCubic } from '@element-plus/utils/animation'\nimport { throwError } from '@element-plus/utils/error'\nimport { CaretTop } from '@element-plus/icons'\n\nimport { backtopEmits, backtopProps } from './backtop'\n\nconst COMPONENT_NAME = 'ElBacktop'\n\nexport default defineComponent({\n  name: COMPONENT_NAME,\n  components: {\n    ElIcon,\n    CaretTop,\n  },\n  props: backtopProps,\n  emits: backtopEmits,\n\n  setup(props, { emit }) {\n    const el = shallowRef<HTMLElement | undefined>(document.documentElement)\n    const container = shallowRef<Document | HTMLElement>(document)\n    const visible = ref(false)\n    const styleBottom = computed(() => `${props.bottom}px`)\n    const styleRight = computed(() => `${props.right}px`)\n\n    const scrollToTop = () => {\n      if (!el.value) return\n      const beginTime = Date.now()\n      const beginValue = el.value.scrollTop\n      const frameFunc = () => {\n        if (!el.value) return\n        const progress = (Date.now() - beginTime) / 500\n        if (progress < 1) {\n          el.value.scrollTop = beginValue * (1 - easeInOutCubic(progress))\n          requestAnimationFrame(frameFunc)\n        } else {\n          el.value.scrollTop = 0\n        }\n      }\n      requestAnimationFrame(frameFunc)\n    }\n    const handleScroll = () => {\n      if (el.value) visible.value = el.value.scrollTop >= props.visibilityHeight\n    }\n    const handleClick = (event: MouseEvent) => {\n      scrollToTop()\n      emit('click', event)\n    }\n\n    const handleScrollThrottled = useThrottleFn(handleScroll, 300)\n\n    onMounted(() => {\n      if (props.target) {\n        el.value =\n          document.querySelector<HTMLElement>(props.target) ?? undefined\n        if (!el.value) {\n          throwError(COMPONENT_NAME, `target is not existed: ${props.target}`)\n        }\n        container.value = el.value\n      }\n\n      useEventListener(container, 'scroll', handleScrollThrottled)\n    })\n\n    return {\n      visible,\n      styleBottom,\n      styleRight,\n      handleClick,\n    }\n  },\n})\n</script>\n"],"names":[],"mappings":";;;;;;;;AA4BA,MAAM,iBAAiB;AAEvB,aAAe,gBAAgB;AAAA,EAC7B,MAAM;AAAA,EACN,YAAY;AAAA,IACV;AAAA,IACA;AAAA;AAAA,EAEF,OAAO;AAAA,EACP,OAAO;AAAA,EAEP,MAAM,OAAO,EAAE,QAAQ;AACrB,UAAM,KAAK,WAAoC,SAAS;AACxD,UAAM,YAAY,WAAmC;AACrD,UAAM,UAAU,IAAI;AACpB,UAAM,cAAc,SAAS,MAAM,GAAG,MAAM;AAC5C,UAAM,aAAa,SAAS,MAAM,GAAG,MAAM;AAE3C,UAAM,cAAc,MAAM;AACxB,UAAI,CAAC,GAAG;AAAO;AACf,YAAM,YAAY,KAAK;AACvB,YAAM,aAAa,GAAG,MAAM;AAC5B,YAAM,YAAY,MAAM;AACtB,YAAI,CAAC,GAAG;AAAO;AACf,cAAM,WAAY,MAAK,QAAQ,aAAa;AAC5C,YAAI,WAAW,GAAG;AAChB,aAAG,MAAM,YAAY,kBAAkB,eAAe;AACtD,gCAAsB;AAAA,eACjB;AACL,aAAG,MAAM,YAAY;AAAA;AAAA;AAGzB,4BAAsB;AAAA;AAExB,UAAM,eAAe,MAAM;AACzB,UAAI,GAAG;AAAO,gBAAQ,QAAQ,GAAG,MAAM,aAAa,MAAM;AAAA;AAE5D,UAAM,cAAc,CAAC,UAAsB;AACzC;AACA,WAAK,SAAS;AAAA;AAGhB,UAAM,wBAAwB,cAAc,cAAc;AAE1D,cAAU,MAAM;;AACd,UAAI,MAAM,QAAQ;AAChB,WAAG,QACD,eAAS,cAA2B,MAAM,YAA1C,YAAqD;AACvD,YAAI,CAAC,GAAG,OAAO;AACb,qBAAW,gBAAgB,0BAA0B,MAAM;AAAA;AAE7D,kBAAU,QAAQ,GAAG;AAAA;AAGvB,uBAAiB,WAAW,UAAU;AAAA;AAGxC,WAAO;AAAA,MACL;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA;AAAA;AAAA;;;;"}

package/es/components/backtop/src/backtop.vue_vue&type=template&id=63a7fea6&lang.mjs

@@ -1,32 +0,0 @@
-import { resolveComponent, openBlock, createBlock, Transition, withCtx, createElementBlock, normalizeStyle, withModifiers, renderSlot, createVNode, createCommentVNode } from 'vue';
-
-function render(_ctx, _cache, $props, $setup, $data, $options) {
-  const _component_caret_top = resolveComponent("caret-top");
-  const _component_el_icon = resolveComponent("el-icon");
-  return openBlock(), createBlock(Transition, { name: "el-fade-in" }, {
-    default: withCtx(() => [
-      _ctx.visible ? (openBlock(), createElementBlock("div", {
-        key: 0,
-        style: normalizeStyle({
-          right: _ctx.styleRight,
-          bottom: _ctx.styleBottom
-        }),
-        class: "el-backtop",
-        onClick: _cache[0] || (_cache[0] = withModifiers((...args) => _ctx.handleClick && _ctx.handleClick(...args), ["stop"]))
-      }, [
-        renderSlot(_ctx.$slots, "default", {}, () => [
-          createVNode(_component_el_icon, { class: "el-backtop__icon" }, {
-            default: withCtx(() => [
-              createVNode(_component_caret_top)
-            ]),
-            _: 1
-          })
-        ])
-      ], 4)) : createCommentVNode("v-if", true)
-    ]),
-    _: 3
-  });
-}
-
-export { render };
-//# sourceMappingURL=backtop.vue_vue&type=template&id=63a7fea6&lang.mjs.map

package/es/components/backtop/src/backtop.vue_vue&type=template&id=63a7fea6&lang.mjs.map

@@ -1 +0,0 @@
-{"version":3,"file":"backtop.vue_vue&type=template&id=63a7fea6&lang.mjs","sources":["../../../../../../packages/components/backtop/src/backtop.vue?vue&type=template&id=63a7fea6&lang.js"],"sourcesContent":["<template>\n  <transition name=\"el-fade-in\">\n    <div\n      v-if=\"visible\"\n      :style=\"{\n        right: styleRight,\n        bottom: styleBottom,\n      }\"\n      class=\"el-backtop\"\n      @click.stop=\"handleClick\"\n    >\n      <slot>\n        <el-icon class=\"el-backtop__icon\"><caret-top /></el-icon>\n      </slot>\n    </div>\n  </transition>\n</template>\n\n<script lang=\"ts\">\nimport { defineComponent, ref, computed, onMounted, shallowRef } from 'vue'\nimport { useEventListener, useThrottleFn } from '@vueuse/core'\nimport { ElIcon } from '@element-plus/components/icon'\nimport { easeInOutCubic } from '@element-plus/utils/animation'\nimport { throwError } from '@element-plus/utils/error'\nimport { CaretTop } from '@element-plus/icons'\n\nimport { backtopEmits, backtopProps } from './backtop'\n\nconst COMPONENT_NAME = 'ElBacktop'\n\nexport default defineComponent({\n  name: COMPONENT_NAME,\n  components: {\n    ElIcon,\n    CaretTop,\n  },\n  props: backtopProps,\n  emits: backtopEmits,\n\n  setup(props, { emit }) {\n    const el = shallowRef<HTMLElement | undefined>(document.documentElement)\n    const container = shallowRef<Document | HTMLElement>(document)\n    const visible = ref(false)\n    const styleBottom = computed(() => `${props.bottom}px`)\n    const styleRight = computed(() => `${props.right}px`)\n\n    const scrollToTop = () => {\n      if (!el.value) return\n      const beginTime = Date.now()\n      const beginValue = el.value.scrollTop\n      const frameFunc = () => {\n        if (!el.value) return\n        const progress = (Date.now() - beginTime) / 500\n        if (progress < 1) {\n          el.value.scrollTop = beginValue * (1 - easeInOutCubic(progress))\n          requestAnimationFrame(frameFunc)\n        } else {\n          el.value.scrollTop = 0\n        }\n      }\n      requestAnimationFrame(frameFunc)\n    }\n    const handleScroll = () => {\n      if (el.value) visible.value = el.value.scrollTop >= props.visibilityHeight\n    }\n    const handleClick = (event: MouseEvent) => {\n      scrollToTop()\n      emit('click', event)\n    }\n\n    const handleScrollThrottled = useThrottleFn(handleScroll, 300)\n\n    onMounted(() => {\n      if (props.target) {\n        el.value =\n          document.querySelector<HTMLElement>(props.target) ?? undefined\n        if (!el.value) {\n          throwError(COMPONENT_NAME, `target is not existed: ${props.target}`)\n        }\n        container.value = el.value\n      }\n\n      useEventListener(container, 'scroll', handleScrollThrottled)\n    })\n\n    return {\n      visible,\n      styleBottom,\n      styleRight,\n      handleClick,\n    }\n  },\n})\n</script>\n"],"names":["_createBlock","_createElementBlock","_renderSlot","_createVNode"],"mappings":";;;;;sBACEA,0BAAY,MAAK;qBACf;MACQ,6BADRC;;QAEG;;;;QAID,OAAM;AAAA,QACL,8DAAY;;QAEbC,uCAAA;UACEC,kCAAS,OAAM;6BAAmB;cAAAA,YAAa;AAAA;AAAA;;;;;;;;;;;"}

package/es/components/badge/src/badge.vue_vue&type=script&lang.mjs

@@ -1,23 +0,0 @@
-import { defineComponent, computed } from 'vue';
-import { badgeProps } from './badge.mjs';
-
-var script = defineComponent({
-  name: "ElBadge",
-  props: badgeProps,
-  setup(props) {
-    const content = computed(() => {
-      if (props.isDot)
-        return "";
-      if (typeof props.value === "number" && typeof props.max === "number") {
-        return props.max < props.value ? `${props.max}+` : `${props.value}`;
-      }
-      return `${props.value}`;
-    });
-    return {
-      content
-    };
-  }
-});
-
-export { script as default };
-//# sourceMappingURL=badge.vue_vue&type=script&lang.mjs.map

package/es/components/badge/src/badge.vue_vue&type=script&lang.mjs.map

@@ -1 +0,0 @@
-{"version":3,"file":"badge.vue_vue&type=script&lang.mjs","sources":["../../../../../../packages/components/badge/src/badge.vue"],"sourcesContent":["<template>\n  <div class=\"el-badge\">\n    <slot></slot>\n    <transition name=\"el-zoom-in-center\">\n      <sup\n        v-show=\"!hidden && (content || content === '0' || isDot)\"\n        class=\"el-badge__content\"\n        :class=\"[\n          'el-badge__content--' + type,\n          {\n            'is-fixed': $slots.default,\n            'is-dot': isDot,\n          },\n        ]\"\n        v-text=\"content\"\n      >\n      </sup>\n    </transition>\n  </div>\n</template>\n\n<script lang=\"ts\">\nimport { computed, defineComponent } from 'vue'\nimport { badgeProps } from './badge'\n\nexport default defineComponent({\n  name: 'ElBadge',\n\n  props: badgeProps,\n\n  setup(props) {\n    const content = computed<string>(() => {\n      if (props.isDot) return ''\n\n      if (typeof props.value === 'number' && typeof props.max === 'number') {\n        return props.max < props.value ? `${props.max}+` : `${props.value}`\n      }\n      return `${props.value}`\n    })\n\n    return {\n      content,\n    }\n  },\n})\n</script>\n"],"names":[],"mappings":";;;AAyBA,aAAe,gBAAgB;AAAA,EAC7B,MAAM;AAAA,EAEN,OAAO;AAAA,EAEP,MAAM,OAAO;AACX,UAAM,UAAU,SAAiB,MAAM;AACrC,UAAI,MAAM;AAAO,eAAO;AAExB,UAAI,OAAO,MAAM,UAAU,YAAY,OAAO,MAAM,QAAQ,UAAU;AACpE,eAAO,MAAM,MAAM,MAAM,QAAQ,GAAG,MAAM,SAAS,GAAG,MAAM;AAAA;AAE9D,aAAO,GAAG,MAAM;AAAA;AAGlB,WAAO;AAAA,MACL;AAAA;AAAA;AAAA;;;;"}

package/es/components/badge/src/badge.vue_vue&type=template&id=020a5517&lang.mjs

@@ -1,29 +0,0 @@
-import { openBlock, createElementBlock, renderSlot, createVNode, Transition, withCtx, withDirectives, createElementVNode, normalizeClass, toDisplayString, vShow } from 'vue';
-
-const _hoisted_1 = { class: "el-badge" };
-const _hoisted_2 = ["textContent"];
-function render(_ctx, _cache, $props, $setup, $data, $options) {
-  return openBlock(), createElementBlock("div", _hoisted_1, [
-    renderSlot(_ctx.$slots, "default"),
-    createVNode(Transition, { name: "el-zoom-in-center" }, {
-      default: withCtx(() => [
-        withDirectives(createElementVNode("sup", {
-          class: normalizeClass(["el-badge__content", [
-            "el-badge__content--" + _ctx.type,
-            {
-              "is-fixed": _ctx.$slots.default,
-              "is-dot": _ctx.isDot
-            }
-          ]]),
-          textContent: toDisplayString(_ctx.content)
-        }, null, 10, _hoisted_2), [
-          [vShow, !_ctx.hidden && (_ctx.content || _ctx.content === "0" || _ctx.isDot)]
-        ])
-      ]),
-      _: 1
-    })
-  ]);
-}
-
-export { render };
-//# sourceMappingURL=badge.vue_vue&type=template&id=020a5517&lang.mjs.map

package/es/components/badge/src/badge.vue_vue&type=template&id=020a5517&lang.mjs.map

@@ -1 +0,0 @@
-{"version":3,"file":"badge.vue_vue&type=template&id=020a5517&lang.mjs","sources":["../../../../../../packages/components/badge/src/badge.vue?vue&type=template&id=020a5517&lang.js"],"sourcesContent":["<template>\n  <div class=\"el-badge\">\n    <slot></slot>\n    <transition name=\"el-zoom-in-center\">\n      <sup\n        v-show=\"!hidden && (content || content === '0' || isDot)\"\n        class=\"el-badge__content\"\n        :class=\"[\n          'el-badge__content--' + type,\n          {\n            'is-fixed': $slots.default,\n            'is-dot': isDot,\n          },\n        ]\"\n        v-text=\"content\"\n      >\n      </sup>\n    </transition>\n  </div>\n</template>\n\n<script lang=\"ts\">\nimport { computed, defineComponent } from 'vue'\nimport { badgeProps } from './badge'\n\nexport default defineComponent({\n  name: 'ElBadge',\n\n  props: badgeProps,\n\n  setup(props) {\n    const content = computed<string>(() => {\n      if (props.isDot) return ''\n\n      if (typeof props.value === 'number' && typeof props.max === 'number') {\n        return props.max < props.value ? `${props.max}+` : `${props.value}`\n      }\n      return `${props.value}`\n    })\n\n    return {\n      content,\n    }\n  },\n})\n</script>\n"],"names":["_createElementBlock","_renderSlot","_createVNode","_createElementVNode","_toDisplayString"],"mappings":";;qBACO,OAAM;;;sBAAXA,0BAAA;IACEC;IACAC,0BAAY,MAAK;uBACf;uBAAAC;UAEE,uBAAM;;;;;;;uBAQNC,gBAAQ;;mBATC,gCAAsB,wBAAmB;;;;;;;;;;"}

package/es/components/breadcrumb/src/breadcrumb-item.vue_vue&type=script&lang.mjs

@@ -1,36 +0,0 @@
-import { defineComponent, getCurrentInstance, inject, ref, onMounted } from 'vue';
-import { ElIcon } from '../../icon/index.mjs';
-import '../../../tokens/index.mjs';
-import { breadcrumbItemProps } from './breadcrumb-item.mjs';
-import { elBreadcrumbKey } from '../../../tokens/breadcrumb.mjs';
-
-const COMPONENT_NAME = "ElBreadcrumbItem";
-var script = defineComponent({
-  name: COMPONENT_NAME,
-  components: {
-    ElIcon
-  },
-  props: breadcrumbItemProps,
-  setup(props) {
-    const instance = getCurrentInstance();
-    const router = instance.appContext.config.globalProperties.$router;
-    const parent = inject(elBreadcrumbKey, void 0);
-    const link = ref();
-    onMounted(() => {
-      link.value.setAttribute("role", "link");
-      link.value.addEventListener("click", () => {
-        if (!props.to || !router)
-          return;
-        props.replace ? router.replace(props.to) : router.push(props.to);
-      });
-    });
-    return {
-      link,
-      separator: parent == null ? void 0 : parent.separator,
-      separatorIcon: parent == null ? void 0 : parent.separatorIcon
-    };
-  }
-});
-
-export { script as default };
-//# sourceMappingURL=breadcrumb-item.vue_vue&type=script&lang.mjs.map

package/es/components/breadcrumb/src/breadcrumb-item.vue_vue&type=script&lang.mjs.map

@@ -1 +0,0 @@
-{"version":3,"file":"breadcrumb-item.vue_vue&type=script&lang.mjs","sources":["../../../../../../packages/components/breadcrumb/src/breadcrumb-item.vue"],"sourcesContent":["<template>\n  <span class=\"el-breadcrumb__item\">\n    <span\n      ref=\"link\"\n      :class=\"['el-breadcrumb__inner', to ? 'is-link' : '']\"\n      role=\"link\"\n    >\n      <slot></slot>\n    </span>\n    <el-icon v-if=\"separatorIcon\" class=\"el-breadcrumb__separator\">\n      <component :is=\"separatorIcon\" />\n    </el-icon>\n    <span v-else class=\"el-breadcrumb__separator\" role=\"presentation\">\n      {{ separator }}\n    </span>\n  </span>\n</template>\n\n<script lang=\"ts\">\nimport {\n  defineComponent,\n  inject,\n  ref,\n  onMounted,\n  getCurrentInstance,\n} from 'vue'\nimport ElIcon from '@element-plus/components/icon'\nimport { elBreadcrumbKey } from '@element-plus/tokens'\nimport { breadcrumbItemProps } from './breadcrumb-item'\n\nimport type { Router } from 'vue-router'\n\nconst COMPONENT_NAME = 'ElBreadcrumbItem'\n\nexport default defineComponent({\n  name: COMPONENT_NAME,\n\n  components: {\n    ElIcon,\n  },\n\n  props: breadcrumbItemProps,\n\n  setup(props) {\n    const instance = getCurrentInstance()!\n    const router = instance.appContext.config.globalProperties.$router as Router\n    const parent = inject(elBreadcrumbKey, undefined)\n\n    const link = ref<HTMLSpanElement>()\n\n    onMounted(() => {\n      link.value!.setAttribute('role', 'link')\n      link.value!.addEventListener('click', () => {\n        if (!props.to || !router) return\n        props.replace ? router.replace(props.to) : router.push(props.to)\n      })\n    })\n\n    return {\n      link,\n      separator: parent?.separator,\n      separatorIcon: parent?.separatorIcon,\n    }\n  },\n})\n</script>\n"],"names":[],"mappings":";;;;;;AAgCA,MAAM,iBAAiB;AAEvB,aAAe,gBAAgB;AAAA,EAC7B,MAAM;AAAA,EAEN,YAAY;AAAA,IACV;AAAA;AAAA,EAGF,OAAO;AAAA,EAEP,MAAM,OAAO;AACX,UAAM,WAAW;AACjB,UAAM,SAAS,SAAS,WAAW,OAAO,iBAAiB;AAC3D,UAAM,SAAS,OAAO,iBAAiB;AAEvC,UAAM,OAAO;AAEb,cAAU,MAAM;AACd,WAAK,MAAO,aAAa,QAAQ;AACjC,WAAK,MAAO,iBAAiB,SAAS,MAAM;AAC1C,YAAI,CAAC,MAAM,MAAM,CAAC;AAAQ;AAC1B,cAAM,UAAU,OAAO,QAAQ,MAAM,MAAM,OAAO,KAAK,MAAM;AAAA;AAAA;AAIjE,WAAO;AAAA,MACL;AAAA,MACA,WAAW,iCAAQ;AAAA,MACnB,eAAe,iCAAQ;AAAA;AAAA;AAAA;;;;"}

package/es/components/breadcrumb/src/breadcrumb-item.vue_vue&type=template&id=2f37792a&lang.mjs

@@ -1,32 +0,0 @@
-import { resolveComponent, openBlock, createElementBlock, createElementVNode, normalizeClass, renderSlot, createBlock, withCtx, resolveDynamicComponent, toDisplayString } from 'vue';
-
-const _hoisted_1 = { class: "el-breadcrumb__item" };
-const _hoisted_2 = {
-  key: 1,
-  class: "el-breadcrumb__separator",
-  role: "presentation"
-};
-function render(_ctx, _cache, $props, $setup, $data, $options) {
-  const _component_el_icon = resolveComponent("el-icon");
-  return openBlock(), createElementBlock("span", _hoisted_1, [
-    createElementVNode("span", {
-      ref: "link",
-      class: normalizeClass(["el-breadcrumb__inner", _ctx.to ? "is-link" : ""]),
-      role: "link"
-    }, [
-      renderSlot(_ctx.$slots, "default")
-    ], 2),
-    _ctx.separatorIcon ? (openBlock(), createBlock(_component_el_icon, {
-      key: 0,
-      class: "el-breadcrumb__separator"
-    }, {
-      default: withCtx(() => [
-        (openBlock(), createBlock(resolveDynamicComponent(_ctx.separatorIcon)))
-      ]),
-      _: 1
-    })) : (openBlock(), createElementBlock("span", _hoisted_2, toDisplayString(_ctx.separator), 1))
-  ]);
-}
-
-export { render };
-//# sourceMappingURL=breadcrumb-item.vue_vue&type=template&id=2f37792a&lang.mjs.map

package/es/components/breadcrumb/src/breadcrumb-item.vue_vue&type=template&id=2f37792a&lang.mjs.map

@@ -1 +0,0 @@
-{"version":3,"file":"breadcrumb-item.vue_vue&type=template&id=2f37792a&lang.mjs","sources":["../../../../../../packages/components/breadcrumb/src/breadcrumb-item.vue?vue&type=template&id=2f37792a&lang.js"],"sourcesContent":["<template>\n  <span class=\"el-breadcrumb__item\">\n    <span\n      ref=\"link\"\n      :class=\"['el-breadcrumb__inner', to ? 'is-link' : '']\"\n      role=\"link\"\n    >\n      <slot></slot>\n    </span>\n    <el-icon v-if=\"separatorIcon\" class=\"el-breadcrumb__separator\">\n      <component :is=\"separatorIcon\" />\n    </el-icon>\n    <span v-else class=\"el-breadcrumb__separator\" role=\"presentation\">\n      {{ separator }}\n    </span>\n  </span>\n</template>\n\n<script lang=\"ts\">\nimport {\n  defineComponent,\n  inject,\n  ref,\n  onMounted,\n  getCurrentInstance,\n} from 'vue'\nimport ElIcon from '@element-plus/components/icon'\nimport { elBreadcrumbKey } from '@element-plus/tokens'\nimport { breadcrumbItemProps } from './breadcrumb-item'\n\nimport type { Router } from 'vue-router'\n\nconst COMPONENT_NAME = 'ElBreadcrumbItem'\n\nexport default defineComponent({\n  name: COMPONENT_NAME,\n\n  components: {\n    ElIcon,\n  },\n\n  props: breadcrumbItemProps,\n\n  setup(props) {\n    const instance = getCurrentInstance()!\n    const router = instance.appContext.config.globalProperties.$router as Router\n    const parent = inject(elBreadcrumbKey, undefined)\n\n    const link = ref<HTMLSpanElement>()\n\n    onMounted(() => {\n      link.value!.setAttribute('role', 'link')\n      link.value!.addEventListener('click', () => {\n        if (!props.to || !router) return\n        props.replace ? router.replace(props.to) : router.push(props.to)\n      })\n    })\n\n    return {\n      link,\n      separator: parent?.separator,\n      separatorIcon: parent?.separatorIcon,\n    }\n  },\n})\n</script>\n"],"names":["_createElementBlock","_createElementVNode","_renderSlot","_createBlock"],"mappings":";;qBACQ,OAAM;;;EAWG,OAAM;AAAA,EAA2B,MAAK;AAAA;;;sBAXrDA,2BAAA;IACEC;MACE,KAAI;AAAA,MACH,+CAAgC;MACjC,MAAK;AAAA;MAELC;;IAEa,mCAAfC;;MAA8B,OAAM;AAAA;uBAClC;sBAAAA,oCAAgB;;;wBAElBH,2BAAA,4BACK;;;;;;"}

package/es/components/breadcrumb/src/breadcrumb.vue_vue&type=script&lang.mjs

@@ -1,25 +0,0 @@
-import { defineComponent, ref, provide, onMounted } from 'vue';
-import '../../../tokens/index.mjs';
-import { breadcrumbProps } from './breadcrumb.mjs';
-import { elBreadcrumbKey } from '../../../tokens/breadcrumb.mjs';
-
-var script = defineComponent({
-  name: "ElBreadcrumb",
-  props: breadcrumbProps,
-  setup(props) {
-    const breadcrumb = ref();
-    provide(elBreadcrumbKey, props);
-    onMounted(() => {
-      const items = breadcrumb.value.querySelectorAll(".el-breadcrumb__item");
-      if (items.length) {
-        items[items.length - 1].setAttribute("aria-current", "page");
-      }
-    });
-    return {
-      breadcrumb
-    };
-  }
-});
-
-export { script as default };
-//# sourceMappingURL=breadcrumb.vue_vue&type=script&lang.mjs.map

package/es/components/breadcrumb/src/breadcrumb.vue_vue&type=script&lang.mjs.map

@@ -1 +0,0 @@
-{"version":3,"file":"breadcrumb.vue_vue&type=script&lang.mjs","sources":["../../../../../../packages/components/breadcrumb/src/breadcrumb.vue"],"sourcesContent":["<template>\n  <div\n    ref=\"breadcrumb\"\n    class=\"el-breadcrumb\"\n    aria-label=\"Breadcrumb\"\n    role=\"navigation\"\n  >\n    <slot></slot>\n  </div>\n</template>\n\n<script lang=\"ts\">\nimport { defineComponent, provide, ref, onMounted } from 'vue'\nimport { elBreadcrumbKey } from '@element-plus/tokens'\n\nimport { breadcrumbProps } from './breadcrumb'\n\nexport default defineComponent({\n  name: 'ElBreadcrumb',\n  props: breadcrumbProps,\n\n  setup(props) {\n    const breadcrumb = ref<HTMLDivElement>()\n\n    provide(elBreadcrumbKey, props)\n\n    onMounted(() => {\n      const items = breadcrumb.value!.querySelectorAll('.el-breadcrumb__item')\n      if (items.length) {\n        items[items.length - 1].setAttribute('aria-current', 'page')\n      }\n    })\n\n    return {\n      breadcrumb,\n    }\n  },\n})\n</script>\n"],"names":[],"mappings":";;;;;AAiBA,aAAe,gBAAgB;AAAA,EAC7B,MAAM;AAAA,EACN,OAAO;AAAA,EAEP,MAAM,OAAO;AACX,UAAM,aAAa;AAEnB,YAAQ,iBAAiB;AAEzB,cAAU,MAAM;AACd,YAAM,QAAQ,WAAW,MAAO,iBAAiB;AACjD,UAAI,MAAM,QAAQ;AAChB,cAAM,MAAM,SAAS,GAAG,aAAa,gBAAgB;AAAA;AAAA;AAIzD,WAAO;AAAA,MACL;AAAA;AAAA;AAAA;;;;"}

package/es/components/breadcrumb/src/breadcrumb.vue_vue&type=template&id=b67a42b6&lang.mjs

@@ -1,16 +0,0 @@
-import { openBlock, createElementBlock, renderSlot } from 'vue';
-
-const _hoisted_1 = {
-  ref: "breadcrumb",
-  class: "el-breadcrumb",
-  "aria-label": "Breadcrumb",
-  role: "navigation"
-};
-function render(_ctx, _cache, $props, $setup, $data, $options) {
-  return openBlock(), createElementBlock("div", _hoisted_1, [
-    renderSlot(_ctx.$slots, "default")
-  ], 512);
-}
-
-export { render };
-//# sourceMappingURL=breadcrumb.vue_vue&type=template&id=b67a42b6&lang.mjs.map

package/es/components/breadcrumb/src/breadcrumb.vue_vue&type=template&id=b67a42b6&lang.mjs.map

@@ -1 +0,0 @@
-{"version":3,"file":"breadcrumb.vue_vue&type=template&id=b67a42b6&lang.mjs","sources":["../../../../../../packages/components/breadcrumb/src/breadcrumb.vue?vue&type=template&id=b67a42b6&lang.js"],"sourcesContent":["<template>\n  <div\n    ref=\"breadcrumb\"\n    class=\"el-breadcrumb\"\n    aria-label=\"Breadcrumb\"\n    role=\"navigation\"\n  >\n    <slot></slot>\n  </div>\n</template>\n\n<script lang=\"ts\">\nimport { defineComponent, provide, ref, onMounted } from 'vue'\nimport { elBreadcrumbKey } from '@element-plus/tokens'\n\nimport { breadcrumbProps } from './breadcrumb'\n\nexport default defineComponent({\n  name: 'ElBreadcrumb',\n  props: breadcrumbProps,\n\n  setup(props) {\n    const breadcrumb = ref<HTMLDivElement>()\n\n    provide(elBreadcrumbKey, props)\n\n    onMounted(() => {\n      const items = breadcrumb.value!.querySelectorAll('.el-breadcrumb__item')\n      if (items.length) {\n        items[items.length - 1].setAttribute('aria-current', 'page')\n      }\n    })\n\n    return {\n      breadcrumb,\n    }\n  },\n})\n</script>\n"],"names":["_createElementBlock","_renderSlot"],"mappings":";;;EAEI,KAAI;AAAA,EACJ,OAAM;AAAA,EACN,cAAW;AAAA,EACX,MAAK;AAAA;;sBAJPA,0BAAA;IAMEC;;;;;;"}

package/es/components/button/src/button-group.vue_vue&type=script&lang.mjs

@@ -1,18 +0,0 @@
-import { defineComponent, provide, reactive, toRef } from 'vue';
-import '../../../tokens/index.mjs';
-import { buttonGroupProps } from './button-group.mjs';
-import { elButtonGroupKey } from '../../../tokens/button.mjs';
-
-var script = defineComponent({
-  name: "ElButtonGroup",
-  props: buttonGroupProps,
-  setup(props) {
-    provide(elButtonGroupKey, reactive({
-      size: toRef(props, "size"),
-      type: toRef(props, "type")
-    }));
-  }
-});
-
-export { script as default };
-//# sourceMappingURL=button-group.vue_vue&type=script&lang.mjs.map

package/es/components/button/src/button-group.vue_vue&type=script&lang.mjs.map

@@ -1 +0,0 @@
-{"version":3,"file":"button-group.vue_vue&type=script&lang.mjs","sources":["../../../../../../packages/components/button/src/button-group.vue"],"sourcesContent":["<template>\n  <div class=\"el-button-group\">\n    <slot></slot>\n  </div>\n</template>\n<script lang=\"ts\">\nimport { defineComponent, provide, reactive, toRef } from 'vue'\nimport { elButtonGroupKey } from '@element-plus/tokens'\nimport { buttonGroupProps } from './button-group'\n\nexport default defineComponent({\n  name: 'ElButtonGroup',\n  props: buttonGroupProps,\n\n  setup(props) {\n    provide(\n      elButtonGroupKey,\n      reactive({\n        size: toRef(props, 'size'),\n        type: toRef(props, 'type'),\n      })\n    )\n  },\n})\n</script>\n"],"names":[],"mappings":";;;;;AAUA,aAAe,gBAAgB;AAAA,EAC7B,MAAM;AAAA,EACN,OAAO;AAAA,EAEP,MAAM,OAAO;AACX,YACE,kBACA,SAAS;AAAA,MACP,MAAM,MAAM,OAAO;AAAA,MACnB,MAAM,MAAM,OAAO;AAAA;AAAA;AAAA;;;;"}

package/es/components/button/src/button-group.vue_vue&type=template&id=1bab7d77&lang.mjs

@@ -1,11 +0,0 @@
-import { openBlock, createElementBlock, renderSlot } from 'vue';
-
-const _hoisted_1 = { class: "el-button-group" };
-function render(_ctx, _cache, $props, $setup, $data, $options) {
-  return openBlock(), createElementBlock("div", _hoisted_1, [
-    renderSlot(_ctx.$slots, "default")
-  ]);
-}
-
-export { render };
-//# sourceMappingURL=button-group.vue_vue&type=template&id=1bab7d77&lang.mjs.map