@element-plus/nightly 0.0.20220121 → 0.0.20220122

package/es/components/alert/src/alert2.mjs

@@ -1,7 +1,101 @@
-import script from './alert.vue_vue_type_script_lang.mjs';
-export { default } from './alert.vue_vue_type_script_lang.mjs';
-import { render } from './alert.vue_vue_type_template_id_1755b449_lang.mjs';
+import { defineComponent, ref, computed, resolveComponent, openBlock, createBlock, Transition, withCtx, withDirectives, createElementVNode, normalizeClass, resolveDynamicComponent, createCommentVNode, createElementBlock, renderSlot, createTextVNode, toDisplayString, Fragment, createVNode, vShow } from 'vue';
+import { ElIcon } from '../../icon/index.mjs';
+import { TypeComponents, TypeComponentsMap } from '../../../utils/icon.mjs';
+import '../../../hooks/index.mjs';
+import { alertProps, alertEmits } from './alert.mjs';
+import _export_sfc from '../../../_virtual/plugin-vue_export-helper.mjs';
+import { useNamespace } from '../../../hooks/use-namespace/index.mjs';
 
-script.render = render;
-script.__file = "packages/components/alert/src/alert.vue";
+const _sfc_main = defineComponent({
+  name: "ElAlert",
+  components: {
+    ElIcon,
+    ...TypeComponents
+  },
+  props: alertProps,
+  emits: alertEmits,
+  setup(props, { emit, slots }) {
+    const ns = useNamespace("alert");
+    const visible = ref(true);
+    const iconComponent = computed(() => TypeComponentsMap[props.type] || TypeComponentsMap["info"]);
+    const isBigIcon = computed(() => props.description || slots.default ? ns.is("big") : "");
+    const isBoldTitle = computed(() => props.description || slots.default ? ns.is("bold") : "");
+    const close = (evt) => {
+      visible.value = false;
+      emit("close", evt);
+    };
+    return {
+      ns,
+      visible,
+      iconComponent,
+      isBigIcon,
+      isBoldTitle,
+      close
+    };
+  }
+});
+function _sfc_render(_ctx, _cache, $props, $setup, $data, $options) {
+  const _component_el_icon = resolveComponent("el-icon");
+  const _component_close = resolveComponent("close");
+  return openBlock(), createBlock(Transition, { name: "el-alert-fade" }, {
+    default: withCtx(() => [
+      withDirectives(createElementVNode("div", {
+        class: normalizeClass([_ctx.ns.b(), _ctx.ns.m(_ctx.type), _ctx.ns.is("center", _ctx.center), _ctx.ns.is(_ctx.effect)]),
+        role: "alert"
+      }, [
+        _ctx.showIcon && _ctx.iconComponent ? (openBlock(), createBlock(_component_el_icon, {
+          key: 0,
+          class: normalizeClass([_ctx.ns.e("icon"), _ctx.isBigIcon])
+        }, {
+          default: withCtx(() => [
+            (openBlock(), createBlock(resolveDynamicComponent(_ctx.iconComponent)))
+          ]),
+          _: 1
+        }, 8, ["class"])) : createCommentVNode("v-if", true),
+        createElementVNode("div", {
+          class: normalizeClass(_ctx.ns.e("content"))
+        }, [
+          _ctx.title || _ctx.$slots.title ? (openBlock(), createElementBlock("span", {
+            key: 0,
+            class: normalizeClass([_ctx.ns.e("title"), _ctx.isBoldTitle])
+          }, [
+            renderSlot(_ctx.$slots, "title", {}, () => [
+              createTextVNode(toDisplayString(_ctx.title), 1)
+            ])
+          ], 2)) : createCommentVNode("v-if", true),
+          _ctx.$slots.default || _ctx.description ? (openBlock(), createElementBlock("p", {
+            key: 1,
+            class: normalizeClass(_ctx.ns.e("description"))
+          }, [
+            renderSlot(_ctx.$slots, "default", {}, () => [
+              createTextVNode(toDisplayString(_ctx.description), 1)
+            ])
+          ], 2)) : createCommentVNode("v-if", true),
+          _ctx.closable ? (openBlock(), createElementBlock(Fragment, { key: 2 }, [
+            _ctx.closeText ? (openBlock(), createElementBlock("div", {
+              key: 0,
+              class: normalizeClass([_ctx.ns.e("closebtn"), _ctx.ns.is("customed")]),
+              onClick: _cache[0] || (_cache[0] = (...args) => _ctx.close && _ctx.close(...args))
+            }, toDisplayString(_ctx.closeText), 3)) : (openBlock(), createBlock(_component_el_icon, {
+              key: 1,
+              class: normalizeClass(_ctx.ns.e("closebtn")),
+              onClick: _ctx.close
+            }, {
+              default: withCtx(() => [
+                createVNode(_component_close)
+              ]),
+              _: 1
+            }, 8, ["class", "onClick"]))
+          ], 2112)) : createCommentVNode("v-if", true)
+        ], 2)
+      ], 2), [
+        [vShow, _ctx.visible]
+      ])
+    ]),
+    _: 3
+  });
+}
+var Alert = /* @__PURE__ */ _export_sfc(_sfc_main, [["render", _sfc_render]]);
+
+export { Alert as default };
 //# sourceMappingURL=alert2.mjs.map

package/es/components/alert/src/alert2.mjs.map

@@ -1 +1 @@
-{"version":3,"file":"alert2.mjs","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;"}
+{"version":3,"file":"alert2.mjs","sources":["../../../../../../packages/components/alert/src/alert.vue"],"sourcesContent":["<template>\n  <transition name=\"el-alert-fade\">\n    <div\n      v-show=\"visible\"\n      :class=\"[ns.b(), ns.m(type), ns.is('center', center), ns.is(effect)]\"\n      role=\"alert\"\n    >\n      <el-icon\n        v-if=\"showIcon && iconComponent\"\n        :class=\"[ns.e('icon'), isBigIcon]\"\n      >\n        <component :is=\"iconComponent\" />\n      </el-icon>\n      <div :class=\"ns.e('content')\">\n        <span\n          v-if=\"title || $slots.title\"\n          :class=\"[ns.e('title'), isBoldTitle]\"\n        >\n          <slot name=\"title\">{{ title }}</slot>\n        </span>\n        <p v-if=\"$slots.default || description\" :class=\"ns.e('description')\">\n          <slot>\n            {{ description }}\n          </slot>\n        </p>\n        <template v-if=\"closable\">\n          <div\n            v-if=\"closeText\"\n            :class=\"[ns.e('closebtn'), ns.is('customed')]\"\n            @click=\"close\"\n          >\n            {{ closeText }}\n          </div>\n          <el-icon v-else :class=\"ns.e('closebtn')\" @click=\"close\">\n            <close />\n          </el-icon>\n        </template>\n      </div>\n    </div>\n  </transition>\n</template>\n<script lang=\"ts\">\nimport { defineComponent, computed, ref } from 'vue'\nimport { ElIcon } from '@element-plus/components/icon'\nimport { TypeComponents, TypeComponentsMap } from '@element-plus/utils/icon'\nimport { useNamespace } from '@element-plus/hooks'\nimport { alertProps, alertEmits } from './alert'\n\nexport default defineComponent({\n  name: 'ElAlert',\n\n  components: {\n    ElIcon,\n    ...TypeComponents,\n  },\n\n  props: alertProps,\n  emits: alertEmits,\n\n  setup(props, { emit, slots }) {\n    const ns = useNamespace('alert')\n\n    // state\n    const visible = ref(true)\n\n    // computed\n    const iconComponent = computed(\n      () => TypeComponentsMap[props.type] || TypeComponentsMap['info']\n    )\n    const isBigIcon = computed(() =>\n      props.description || slots.default ? ns.is('big') : ''\n    )\n    const isBoldTitle = computed(() =>\n      props.description || slots.default ? ns.is('bold') : ''\n    )\n\n    // methods\n    const close = (evt: MouseEvent) => {\n      visible.value = false\n      emit('close', evt)\n    }\n\n    return {\n      ns,\n      visible,\n      iconComponent,\n      isBigIcon,\n      isBoldTitle,\n      close,\n    }\n  },\n})\n</script>\n"],"names":["_createBlock","_createElementVNode","_normalizeClass","_createCommentVNode","_createElementBlock","_Fragment","_withCtx"],"mappings":";;;;;;;;AAgDA,MAAK,YAAa,gBAAa;AAAA,EAC7B,MAAM;AAAA,EAEN,YAAY;AAAA,IACV;AAAA,OACG;AAAA;AAAA,EAGL,OAAO;AAAA,EACP,OAAO;AAAA,EAEP,MAAM,OAAO,EAAE,MAAM,SAAS;AAC5B,UAAM,KAAK,aAAa;AAGxB,UAAM,UAAU,IAAI;AAGpB,UAAM,gBAAgB,SACpB,MAAM,kBAAkB,MAAM,SAAS,kBAAkB;AAE3D,UAAM,YAAY,SAAS,MACzB,MAAM,eAAe,MAAM,UAAU,GAAG,GAAG,SAAS;AAEtD,UAAM,cAAc,SAAS,MAC3B,MAAM,eAAe,MAAM,UAAU,GAAG,GAAG,UAAU;AAIvD,UAAM,QAAQ,CAAC,QAAoB;AACjC,cAAQ,QAAQ;AAChB,WAAK,SAAS;AAAA;AAGhB,WAAO;AAAA,MACL;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA;AAAA;AAAA;;;;sBAlDIA;AAAA,qBApCN;AAAA,qBAEQC,mBAAO,OAAI;AAAA,QACjB,OAAKC,eAAO;AAAA;SAGJ;AAAA,8BADR;UAEG,KAAK;AAAA;;2BAEN;AAAA;;;4BAEFC,mBAwBM;AAAA,2BAxBK,OAAE;AAAA;WAEH;AAAA,6BADR;YAEG,KAAK;AAAA;aAEN;AAAA,iDAAsB;AAAA;;mBAEfA,mBAAkB;AAAA,iCAA3B;YAAyC,KAAK;AAAA;aAC5C;AAAA,+CACK;AAAA;;mBAGSA,mBAAQ;AAAA,wCAEdC,mBAASC;AAAA;cACd,KAAK;AAAA,cACL,OAAKH,4CAAE;AAAA,iDAEI;AAAA,+BAEd,iBAEU;cAFO,KAAK;AAAA,cAAqB,OAAKA,eAAO;AAAA;;uBACrDI,QAAS;AAAA;;;;;;aA/BP;AAAA;;;;;;;;;;"}

package/es/components/autocomplete/index.mjs

@@ -1,10 +1,9 @@
-import './src/index.mjs';
-import script from './src/index.vue_vue_type_script_lang.mjs';
+import Autocomplete from './src/index.mjs';
 
-script.install = (app) => {
-  app.component(script.name, script);
+Autocomplete.install = (app) => {
+  app.component(Autocomplete.name, Autocomplete);
 };
-const _Autocomplete = script;
+const _Autocomplete = Autocomplete;
 const ElAutocomplete = _Autocomplete;
 
 export { ElAutocomplete, _Autocomplete as default };

package/es/components/autocomplete/index.mjs.map

@@ -1 +1 @@
-{"version":3,"file":"index.mjs","sources":["../../../../../packages/components/autocomplete/index.ts"],"sourcesContent":["import Autocomplete from './src/index.vue'\nimport type { App } from 'vue'\nimport type { SFCWithInstall } from '@element-plus/utils/types'\n\nAutocomplete.install = (app: App): void => {\n  app.component(Autocomplete.name, Autocomplete)\n}\n\nconst _Autocomplete = Autocomplete as SFCWithInstall<typeof Autocomplete>\n\nexport default _Autocomplete\nexport const ElAutocomplete = _Autocomplete\n"],"names":["Autocomplete"],"mappings":";;;AACAA,MAAY,CAAC,OAAO,GAAG,CAAC,GAAG,KAAK;AAChC,EAAE,GAAG,CAAC,SAAS,CAACA,MAAY,CAAC,IAAI,EAAEA,MAAY,CAAC,CAAC;AACjD,CAAC,CAAC;AACG,MAAC,aAAa,GAAGA,OAAa;AAEvB,MAAC,cAAc,GAAG;;;;"}
+{"version":3,"file":"index.mjs","sources":["../../../../../packages/components/autocomplete/index.ts"],"sourcesContent":["import Autocomplete from './src/index.vue'\nimport type { App } from 'vue'\nimport type { SFCWithInstall } from '@element-plus/utils/types'\n\nAutocomplete.install = (app: App): void => {\n  app.component(Autocomplete.name, Autocomplete)\n}\n\nconst _Autocomplete = Autocomplete as SFCWithInstall<typeof Autocomplete>\n\nexport default _Autocomplete\nexport const ElAutocomplete = _Autocomplete\n"],"names":[],"mappings":";;AACA,YAAY,CAAC,OAAO,GAAG,CAAC,GAAG,KAAK;AAChC,EAAE,GAAG,CAAC,SAAS,CAAC,YAAY,CAAC,IAAI,EAAE,YAAY,CAAC,CAAC;AACjD,CAAC,CAAC;AACG,MAAC,aAAa,GAAG,aAAa;AAEvB,MAAC,cAAc,GAAG;;;;"}

package/es/components/autocomplete/src/index.mjs

@@ -1,7 +1,387 @@
-import script from './index.vue_vue_type_script_lang.mjs';
-export { default } from './index.vue_vue_type_script_lang.mjs';
-import { render } from './index.vue_vue_type_template_id_2f09f285_lang.mjs';
+import { defineComponent, ref, computed, nextTick, onMounted, resolveComponent, resolveDirective, openBlock, createBlock, withCtx, createElementVNode, normalizeClass, normalizeStyle, createVNode, createElementBlock, Fragment, renderList, renderSlot, createTextVNode, toDisplayString, withDirectives, mergeProps, withKeys, withModifiers, createSlots } from 'vue';
+import { NOOP, isArray } from '@vue/shared';
+import debounce from 'lodash/debounce';
+import '../../../hooks/index.mjs';
+import '../../../directives/index.mjs';
+import { generateId } from '../../../utils/util.mjs';
+import { UPDATE_MODEL_EVENT } from '../../../utils/constants.mjs';
+import { throwError } from '../../../utils/error.mjs';
+import { ElInput } from '../../input/index.mjs';
+import { ElScrollbar } from '../../scrollbar/index.mjs';
+import { ElTooltip } from '../../tooltip/index.mjs';
+import { ElIcon } from '../../icon/index.mjs';
+import { Loading } from '@element-plus/icons-vue';
+import _export_sfc from '../../../_virtual/plugin-vue_export-helper.mjs';
+import ClickOutside from '../../../directives/click-outside/index.mjs';
+import { useAttrs } from '../../../hooks/use-attrs/index.mjs';
 
-script.render = render;
-script.__file = "packages/components/autocomplete/src/index.vue";
+const _sfc_main = defineComponent({
+  name: "ElAutocomplete",
+  components: {
+    ElTooltip,
+    ElInput,
+    ElScrollbar,
+    ElIcon,
+    Loading
+  },
+  directives: {
+    clickoutside: ClickOutside
+  },
+  inheritAttrs: false,
+  props: {
+    valueKey: {
+      type: String,
+      default: "value"
+    },
+    modelValue: {
+      type: [String, Number],
+      default: ""
+    },
+    debounce: {
+      type: Number,
+      default: 300
+    },
+    placement: {
+      type: String,
+      validator: (val) => {
+        return [
+          "top",
+          "top-start",
+          "top-end",
+          "bottom",
+          "bottom-start",
+          "bottom-end"
+        ].includes(val);
+      },
+      default: "bottom-start"
+    },
+    fetchSuggestions: {
+      type: Function,
+      default: NOOP
+    },
+    popperClass: {
+      type: String,
+      default: ""
+    },
+    triggerOnFocus: {
+      type: Boolean,
+      default: true
+    },
+    selectWhenUnmatched: {
+      type: Boolean,
+      default: false
+    },
+    hideLoading: {
+      type: Boolean,
+      default: false
+    },
+    popperAppendToBody: {
+      type: Boolean,
+      default: true
+    },
+    highlightFirstItem: {
+      type: Boolean,
+      default: false
+    }
+  },
+  emits: [
+    UPDATE_MODEL_EVENT,
+    "input",
+    "change",
+    "focus",
+    "blur",
+    "clear",
+    "select"
+  ],
+  setup(props, ctx) {
+    const attrs = useAttrs();
+    const suggestions = ref([]);
+    const highlightedIndex = ref(-1);
+    const dropdownWidth = ref("");
+    const activated = ref(false);
+    const suggestionDisabled = ref(false);
+    const loading = ref(false);
+    const inputRef = ref(null);
+    const regionRef = ref(null);
+    const popper = ref(null);
+    const id = computed(() => {
+      return `el-autocomplete-${generateId()}`;
+    });
+    const suggestionVisible = computed(() => {
+      const isValidData = isArray(suggestions.value) && suggestions.value.length > 0;
+      return (isValidData || loading.value) && activated.value;
+    });
+    const suggestionLoading = computed(() => {
+      return !props.hideLoading && loading.value;
+    });
+    const onSuggestionShow = () => {
+      nextTick(() => {
+        if (suggestionVisible.value) {
+          dropdownWidth.value = `${inputRef.value.$el.offsetWidth}px`;
+        }
+      });
+    };
+    onMounted(() => {
+      inputRef.value.inputOrTextarea.setAttribute("role", "textbox");
+      inputRef.value.inputOrTextarea.setAttribute("aria-autocomplete", "list");
+      inputRef.value.inputOrTextarea.setAttribute("aria-controls", "id");
+      inputRef.value.inputOrTextarea.setAttribute("aria-activedescendant", `${id.value}-item-${highlightedIndex.value}`);
+    });
+    const getData = (queryString) => {
+      if (suggestionDisabled.value) {
+        return;
+      }
+      loading.value = true;
+      props.fetchSuggestions(queryString, (suggestionsArg) => {
+        loading.value = false;
+        if (suggestionDisabled.value) {
+          return;
+        }
+        if (isArray(suggestionsArg)) {
+          suggestions.value = suggestionsArg;
+          highlightedIndex.value = props.highlightFirstItem ? 0 : -1;
+        } else {
+          throwError("ElAutocomplete", "autocomplete suggestions must be an array");
+        }
+      });
+    };
+    const debouncedGetData = debounce(getData, props.debounce);
+    const handleInput = (value) => {
+      ctx.emit("input", value);
+      ctx.emit(UPDATE_MODEL_EVENT, value);
+      suggestionDisabled.value = false;
+      if (!props.triggerOnFocus && !value) {
+        suggestionDisabled.value = true;
+        suggestions.value = [];
+        return;
+      }
+      debouncedGetData(value);
+    };
+    const handleChange = (value) => {
+      ctx.emit("change", value);
+    };
+    const handleFocus = (e) => {
+      activated.value = true;
+      ctx.emit("focus", e);
+      if (props.triggerOnFocus) {
+        debouncedGetData(String(props.modelValue));
+      }
+    };
+    const handleBlur = (e) => {
+      ctx.emit("blur", e);
+    };
+    const handleClear = () => {
+      activated.value = false;
+      ctx.emit(UPDATE_MODEL_EVENT, "");
+      ctx.emit("clear");
+    };
+    const handleKeyEnter = () => {
+      if (suggestionVisible.value && highlightedIndex.value >= 0 && highlightedIndex.value < suggestions.value.length) {
+        select(suggestions.value[highlightedIndex.value]);
+      } else if (props.selectWhenUnmatched) {
+        ctx.emit("select", { value: props.modelValue });
+        nextTick(() => {
+          suggestions.value = [];
+          highlightedIndex.value = -1;
+        });
+      }
+    };
+    const close = () => {
+      activated.value = false;
+    };
+    const focus = () => {
+      inputRef.value?.focus();
+    };
+    const select = (item) => {
+      ctx.emit("input", item[props.valueKey]);
+      ctx.emit(UPDATE_MODEL_EVENT, item[props.valueKey]);
+      ctx.emit("select", item);
+      nextTick(() => {
+        suggestions.value = [];
+        highlightedIndex.value = -1;
+      });
+    };
+    const highlight = (index) => {
+      if (!suggestionVisible.value || loading.value) {
+        return;
+      }
+      if (index < 0) {
+        highlightedIndex.value = -1;
+        return;
+      }
+      if (index >= suggestions.value.length) {
+        index = suggestions.value.length - 1;
+      }
+      const suggestion = regionRef.value.querySelector(".el-autocomplete-suggestion__wrap");
+      const suggestionList = suggestion.querySelectorAll(".el-autocomplete-suggestion__list li");
+      const highlightItem = suggestionList[index];
+      const scrollTop = suggestion.scrollTop;
+      const { offsetTop, scrollHeight } = highlightItem;
+      if (offsetTop + scrollHeight > scrollTop + suggestion.clientHeight) {
+        suggestion.scrollTop += scrollHeight;
+      }
+      if (offsetTop < scrollTop) {
+        suggestion.scrollTop -= scrollHeight;
+      }
+      highlightedIndex.value = index;
+      inputRef.value.inputOrTextarea.setAttribute("aria-activedescendant", `${id.value}-item-${highlightedIndex.value}`);
+    };
+    return {
+      attrs,
+      suggestions,
+      highlightedIndex,
+      dropdownWidth,
+      activated,
+      suggestionDisabled,
+      loading,
+      inputRef,
+      regionRef,
+      popper,
+      id,
+      suggestionVisible,
+      suggestionLoading,
+      getData,
+      handleInput,
+      handleChange,
+      handleFocus,
+      handleBlur,
+      handleClear,
+      handleKeyEnter,
+      close,
+      focus,
+      select,
+      highlight,
+      onSuggestionShow
+    };
+  }
+});
+const _hoisted_1 = ["aria-expanded", "aria-owns"];
+const _hoisted_2 = { key: 0 };
+const _hoisted_3 = ["id", "aria-selected", "onClick"];
+function _sfc_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_tooltip = resolveComponent("el-tooltip");
+  const _directive_clickoutside = resolveDirective("clickoutside");
+  return openBlock(), createBlock(_component_el_tooltip, {
+    ref: "popper",
+    visible: _ctx.suggestionVisible,
+    "onUpdate:visible": _cache[2] || (_cache[2] = ($event) => _ctx.suggestionVisible = $event),
+    placement: _ctx.placement,
+    "fallback-placements": ["bottom-start", "top-start"],
+    "popper-class": `el-autocomplete__popper ${_ctx.popperClass}`,
+    "append-to-body": _ctx.popperAppendToBody,
+    "gpu-acceleration": false,
+    pure: "",
+    "manual-mode": "",
+    effect: "light",
+    trigger: "click",
+    transition: "el-zoom-in-top",
+    persistent: "",
+    onShow: _ctx.onSuggestionShow
+  }, {
+    content: 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, {
+          id: _ctx.id,
+          tag: "ul",
+          "wrap-class": "el-autocomplete-suggestion__wrap",
+          "view-class": "el-autocomplete-suggestion__list",
+          role: "listbox"
+        }, {
+          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
+        }, 8, ["id"])
+      ], 6)
+    ]),
+    default: withCtx(() => [
+      withDirectives((openBlock(), createElementBlock("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]
+      ])
+    ]),
+    _: 3
+  }, 8, ["visible", "placement", "popper-class", "append-to-body", "onShow"]);
+}
+var Autocomplete = /* @__PURE__ */ _export_sfc(_sfc_main, [["render", _sfc_render]]);
+
+export { Autocomplete as default };
 //# sourceMappingURL=index.mjs.map

package/es/components/autocomplete/src/index.mjs.map

@@ -1 +1 @@
-{"version":3,"file":"index.mjs","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;"}
+{"version":3,"file":"index.mjs","sources":["../../../../../../packages/components/autocomplete/src/index.vue"],"sourcesContent":["<template>\n  <el-tooltip\n    ref=\"popper\"\n    v-model:visible=\"suggestionVisible\"\n    :placement=\"placement\"\n    :fallback-placements=\"['bottom-start', 'top-start']\"\n    :popper-class=\"`el-autocomplete__popper ${popperClass}`\"\n    :append-to-body=\"popperAppendToBody\"\n    :gpu-acceleration=\"false\"\n    pure\n    manual-mode\n    effect=\"light\"\n    trigger=\"click\"\n    transition=\"el-zoom-in-top\"\n    persistent\n    @show=\"onSuggestionShow\"\n  >\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 #content>\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          :id=\"id\"\n          tag=\"ul\"\n          wrap-class=\"el-autocomplete-suggestion__wrap\"\n          view-class=\"el-autocomplete-suggestion__list\"\n          role=\"listbox\"\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-tooltip>\n</template>\n\n<script lang=\"ts\">\nimport { defineComponent, ref, computed, onMounted, nextTick } 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 ElTooltip from '@element-plus/components/tooltip'\nimport ElIcon from '@element-plus/components/icon'\nimport { Loading } from '@element-plus/icons-vue'\n\nimport type { Placement } from '@element-plus/components/popper'\nimport type { PropType } from 'vue'\n\nexport default defineComponent({\n  name: 'ElAutocomplete',\n  components: {\n    ElTooltip,\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<any[]>([])\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<{\n      inputOrTextarea: HTMLInputElement | HTMLTextAreaElement\n      focus: () => void\n      $el: HTMLElement\n    } | null>(null)\n    const regionRef = ref<HTMLElement | null>(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 onSuggestionShow = () => {\n      nextTick(() => {\n        if (suggestionVisible.value) {\n          dropdownWidth.value = `${inputRef.value!.$el.offsetWidth}px`\n        }\n      })\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    })\n\n    const getData = (queryString: string) => {\n      if (suggestionDisabled.value) {\n        return\n      }\n      loading.value = true\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: string) => {\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(String(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: number) => {\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 as HTMLElement\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      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      onSuggestionShow,\n    }\n  },\n})\n</script>\n"],"names":["_openBlock","_createBlock","_withCtx","_normalizeStyle","_createElementBlock","_Fragment","_normalizeClass","_mergeProps","_withModifiers","_createSlots"],"mappings":";;;;;;;;;;;;;;;;;AA+GA,MAAK,YAAa,gBAAa;AAAA,EAC7B,MAAM;AAAA,EACN,YAAY;AAAA,IACV;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA;AAAA,EAEF,YAAY;AAAA,IACV,cAAc;AAAA;AAAA,EAEhB,cAAc;AAAA,EACd,OAAO;AAAA,IACL,UAAU;AAAA,MACR,MAAM;AAAA,MACN,SAAS;AAAA;AAAA,IAEX,YAAY;AAAA,MACV,MAAM,CAAC,QAAQ;AAAA,MACf,SAAS;AAAA;AAAA,IAEX,UAAU;AAAA,MACR,MAAM;AAAA,MACN,SAAS;AAAA;AAAA,IAEX,WAAW;AAAA,MACT,MAAM;AAAA,MACN,WAAW,CAAC,QAAyB;AACnC,eAAO;AAAA,UACL;AAAA,UACA;AAAA,UACA;AAAA,UACA;AAAA,UACA;AAAA,UACA;AAAA,UACA,SAAS;AAAA;AAAA,MAEb,SAAS;AAAA;AAAA,IAEX,kBAAkB;AAAA,MAChB,MAAM;AAAA,MAGN,SAAS;AAAA;AAAA,IAEX,aAAa;AAAA,MACX,MAAM;AAAA,MACN,SAAS;AAAA;AAAA,IAEX,gBAAgB;AAAA,MACd,MAAM;AAAA,MACN,SAAS;AAAA;AAAA,IAEX,qBAAqB;AAAA,MACnB,MAAM;AAAA,MACN,SAAS;AAAA;AAAA,IAEX,aAAa;AAAA,MACX,MAAM;AAAA,MACN,SAAS;AAAA;AAAA,IAEX,oBAAoB;AAAA,MAClB,MAAM;AAAA,MACN,SAAS;AAAA;AAAA,IAEX,oBAAoB;AAAA,MAClB,MAAM;AAAA,MACN,SAAS;AAAA;AAAA;AAAA,EAGb,OAAO;AAAA,IACL;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA;AAAA,EAEF,MAAM,OAAO,KAAK;AAChB,UAAM,QAAQ;AACd,UAAM,cAAc,IAAW;AAC/B,UAAM,mBAAmB,IAAI;AAC7B,UAAM,gBAAgB,IAAI;AAC1B,UAAM,YAAY,IAAI;AACtB,UAAM,qBAAqB,IAAI;AAC/B,UAAM,UAAU,IAAI;AACpB,UAAM,WAAW,IAIP;AACV,UAAM,YAAY,IAAwB;AAC1C,UAAM,SAAS,IAAI;AAEnB,UAAM,KAAK,SAAS,MAAM;AACxB,aAAO,mBAAmB;AAAA;AAE5B,UAAM,oBAAoB,SAAS,MAAM;AACvC,YAAM,cACJ,QAAQ,YAAY,UAAU,YAAY,MAAM,SAAS;AAC3D,aAAQ,gBAAe,QAAQ,UAAU,UAAU;AAAA;AAErD,UAAM,oBAAoB,SAAS,MAAM;AACvC,aAAO,CAAC,MAAM,eAAe,QAAQ;AAAA;AAGvC,UAAM,mBAAmB,MAAM;AAC7B,eAAS,MAAM;AACb,YAAI,kBAAkB,OAAO;AAC3B,wBAAc,QAAQ,GAAG,SAAS,MAAO,IAAI;AAAA;AAAA;AAAA;AAKnD,cAAU,MAAM;AACd,eAAS,MAAO,gBAAgB,aAAa,QAAQ;AACrD,eAAS,MAAO,gBAAgB,aAAa,qBAAqB;AAClE,eAAS,MAAO,gBAAgB,aAAa,iBAAiB;AAC9D,eAAS,MAAO,gBAAgB,aAC9B,yBACA,GAAG,GAAG,cAAc,iBAAiB;AAAA;AAIzC,UAAM,UAAU,CAAC,gBAAwB;AACvC,UAAI,mBAAmB,OAAO;AAC5B;AAAA;AAEF,cAAQ,QAAQ;AAChB,YAAM,iBAAiB,aAAa,CAAC,mBAAmB;AACtD,gBAAQ,QAAQ;AAChB,YAAI,mBAAmB,OAAO;AAC5B;AAAA;AAEF,YAAI,QAAQ,iBAAiB;AAC3B,sBAAY,QAAQ;AACpB,2BAAiB,QAAQ,MAAM,qBAAqB,IAAI;AAAA,eACnD;AACL,qBACE,kBACA;AAAA;AAAA;AAAA;AAKR,UAAM,mBAAmB,SAAS,SAAS,MAAM;AACjD,UAAM,cAAc,CAAC,UAAkB;AACrC,UAAI,KAAK,SAAS;AAClB,UAAI,KAAK,oBAAoB;AAC7B,yBAAmB,QAAQ;AAC3B,UAAI,CAAC,MAAM,kBAAkB,CAAC,OAAO;AACnC,2BAAmB,QAAQ;AAC3B,oBAAY,QAAQ;AACpB;AAAA;AAEF,uBAAiB;AAAA;AAEnB,UAAM,eAAe,CAAC,UAAU;AAC9B,UAAI,KAAK,UAAU;AAAA;AAErB,UAAM,cAAc,CAAC,MAAM;AACzB,gBAAU,QAAQ;AAClB,UAAI,KAAK,SAAS;AAClB,UAAI,MAAM,gBAAgB;AACxB,yBAAiB,OAAO,MAAM;AAAA;AAAA;AAGlC,UAAM,aAAa,CAAC,MAAM;AACxB,UAAI,KAAK,QAAQ;AAAA;AAEnB,UAAM,cAAc,MAAM;AACxB,gBAAU,QAAQ;AAClB,UAAI,KAAK,oBAAoB;AAC7B,UAAI,KAAK;AAAA;AAEX,UAAM,iBAAiB,MAAM;AAC3B,UACE,kBAAkB,SAClB,iBAAiB,SAAS,KAC1B,iBAAiB,QAAQ,YAAY,MAAM,QAC3C;AACA,eAAO,YAAY,MAAM,iBAAiB;AAAA,iBACjC,MAAM,qBAAqB;AACpC,YAAI,KAAK,UAAU,EAAE,OAAO,MAAM;AAClC,iBAAS,MAAM;AACb,sBAAY,QAAQ;AACpB,2BAAiB,QAAQ;AAAA;AAAA;AAAA;AAI/B,UAAM,QAAQ,MAAM;AAClB,gBAAU,QAAQ;AAAA;AAEpB,UAAM,QAAQ,MAAM;AAClB,eAAS,OAAO;AAAA;AAElB,UAAM,SAAS,CAAC,SAAS;AACvB,UAAI,KAAK,SAAS,KAAK,MAAM;AAC7B,UAAI,KAAK,oBAAoB,KAAK,MAAM;AACxC,UAAI,KAAK,UAAU;AACnB,eAAS,MAAM;AACb,oBAAY,QAAQ;AACpB,yBAAiB,QAAQ;AAAA;AAAA;AAG7B,UAAM,YAAY,CAAC,UAAkB;AACnC,UAAI,CAAC,kBAAkB,SAAS,QAAQ,OAAO;AAC7C;AAAA;AAEF,UAAI,QAAQ,GAAG;AACb,yBAAiB,QAAQ;AACzB;AAAA;AAEF,UAAI,SAAS,YAAY,MAAM,QAAQ;AACrC,gBAAQ,YAAY,MAAM,SAAS;AAAA;AAErC,YAAM,aAAa,UAAU,MAAO,cAClC;AAEF,YAAM,iBAAiB,WAAW,iBAChC;AAEF,YAAM,gBAAgB,eAAe;AACrC,YAAM,YAAY,WAAW;AAC7B,YAAM,EAAE,WAAW,iBAAiB;AAEpC,UAAI,YAAY,eAAe,YAAY,WAAW,cAAc;AAClE,mBAAW,aAAa;AAAA;AAE1B,UAAI,YAAY,WAAW;AACzB,mBAAW,aAAa;AAAA;AAE1B,uBAAiB,QAAQ;AACzB,eAAS,MAAO,gBAAgB,aAC9B,yBACA,GAAG,GAAG,cAAc,iBAAiB;AAAA;AAIzC,WAAO;AAAA,MACL;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MAEA;AAAA,MACA;AAAA,MACA;AAAA,MAEA;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA;AAAA;AAAA;;;;;;;;;;;SAzXEA,aAAQC;AAAA,IACJ;AAAA;IACP,oBAAW,OAAS;AAAA,IACpB;AAAA,IACA,uBAAY;AAAA,IACZ,gBAAc,2BAAoB;AAAA,IAClC,kBAAgB,KAAE;AAAA,IACnB,oBAAI;AAAA,IACJ;AAAA,IACA,eAAc;AAAA,IACd,QAAO;AAAA,IACP;AAAA,IACA;AAAA,IACC,YAAM;AAAA;KAuCI;AAAA,aACTC,cAiCM;AAAA,yBAhCW;AAAA,QACd,KAAK;AAAA;UAAsD;AAAA;;QAK5D,OAAKC,eAAQ;AAAA;SAEb;AAAA,oBACS;AAAA,UACP,IAAG,KAAK;AAAA,UACR;AAAA,UACA,cAAW;AAAA,UACX,cAAK;AAAA;;mBAEKD;AAAA,mDACyCE,yBAAxC,YAAM;AAAA,8CAAwB;AAAA,yBAAXF,QAAW;AAAA;;;;uDAGvCG,UAUK;qBARAL,aAAOI,mBAAc;AAAA,gBACvB,IAAG,GAAE,KAAK;AAAA,gBACV,KAAK;AAAA,gBACN,OAAKE,eAAQ;AAAA,gBACZ;AAAA,gBACA,iBAAK,KAAE,qBAAW;AAAA;iBAEnB;AAAA,mDAAsB,UAAK,MAAQ;AAAA;;;;;;;;;;sDAjEf,OAAO;AAAA,QAClC,OAAKA,eAAE,oBAAY;AAAA,QACpB,OAAKH,eAAU;AAAA,QACf;AAAA,QACC,iBAAe;AAAA,QACf,iBAAW,KAAE;AAAA;SAEd;AAAA,oBAGG,qBAAuBI;AAAA,UACvB,eAAO;AAAA,UACP,SAAM,KAAE;AAAA,UACR,UAAO;AAAA,UACP,SAAM;AAAA,UACN,QAAK,KAAE;AAAA,UACP,SAAO;AAAA;yEACe,eAAU,wBAAgB;AAAA,+CACnBC;AAAA,qBAChB,qBAAK;AAAA;;YAEHC,YAAO,KAAO;AAAA;;gBAC5BP,cAA4B;AAAA;;cAEd;AAAA;;gBACdA,cAA2B;AAAA;;cAEb;AAAA;;gBACdA,cAA2B;AAAA;;cAEb;AAAA;;gBACdA,cAA2B;AAAA;;;;aAhCf,cAAK;AAAA;;;;;;;;;;"}

package/es/components/avatar/index.mjs

@@ -1,9 +1,8 @@
 import { withInstall } from '../../utils/with-install.mjs';
-import './src/avatar2.mjs';
+import Avatar from './src/avatar2.mjs';
 export { avatarEmits, avatarProps } from './src/avatar.mjs';
-import script from './src/avatar.vue_vue_type_script_lang.mjs';
 
-const ElAvatar = withInstall(script);
+const ElAvatar = withInstall(Avatar);
 
 export { ElAvatar, ElAvatar as default };
 //# sourceMappingURL=index.mjs.map

package/es/components/avatar/index.mjs.map

@@ -1 +1 @@
-{"version":3,"file":"index.mjs","sources":["../../../../../packages/components/avatar/index.ts"],"sourcesContent":["import { withInstall } from '@element-plus/utils/with-install'\nimport Avatar from './src/avatar.vue'\n\nexport const ElAvatar = withInstall(Avatar)\nexport default ElAvatar\n\nexport * from './src/avatar'\n"],"names":["Avatar"],"mappings":";;;;;AAEY,MAAC,QAAQ,GAAG,WAAW,CAACA,MAAM;;;;"}
+{"version":3,"file":"index.mjs","sources":["../../../../../packages/components/avatar/index.ts"],"sourcesContent":["import { withInstall } from '@element-plus/utils/with-install'\nimport Avatar from './src/avatar.vue'\n\nexport const ElAvatar = withInstall(Avatar)\nexport default ElAvatar\n\nexport * from './src/avatar'\n"],"names":[],"mappings":";;;;AAEY,MAAC,QAAQ,GAAG,WAAW,CAAC,MAAM;;;;"}