element-plus 2.0.2 → 2.0.5

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

@@ -1,397 +0,0 @@
-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-unified';
-import '../../../hooks/index.mjs';
-import '../../../directives/index.mjs';
-import '../../../utils/index.mjs';
-import '../../../constants/index.mjs';
-import { ElInput } from '../../input/index.mjs';
-import { ElScrollbar } from '../../scrollbar/index.mjs';
-import { ElTooltip } from '../../tooltip/index.mjs';
-import '../../popper/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 { useTooltipContentProps } from '../../tooltip/src/tooltip.mjs';
-import { UPDATE_MODEL_EVENT } from '../../../constants/event.mjs';
-import { useNamespace } from '../../../hooks/use-namespace/index.mjs';
-import { useDeprecateAppendToBody } from '../../popper/src/deprecation.mjs';
-import { useAttrs } from '../../../hooks/use-attrs/index.mjs';
-import { generateId } from '../../../utils/rand.mjs';
-import { throwError } from '../../../utils/error.mjs';
-
-const COMPONENT_NAME = "ElAutocomplete";
-const _sfc_main = defineComponent({
-  name: COMPONENT_NAME,
-  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: void 0
-    },
-    teleported: useTooltipContentProps.teleported,
-    highlightFirstItem: {
-      type: Boolean,
-      default: false
-    }
-  },
-  emits: [
-    UPDATE_MODEL_EVENT,
-    "input",
-    "change",
-    "focus",
-    "blur",
-    "clear",
-    "select"
-  ],
-  setup(props, ctx) {
-    const ns = useNamespace("autocomplete");
-    const { compatTeleported } = useDeprecateAppendToBody(COMPONENT_NAME, "popperAppendToBody");
-    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 ns.b(String(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 = () => {
-      var _a;
-      (_a = inputRef.value) == null ? void 0 : _a.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(`.${ns.be("suggestion", "wrap")}`);
-      const suggestionList = suggestion.querySelectorAll(`.${ns.be("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,
-      compatTeleported,
-      getData,
-      handleInput,
-      handleChange,
-      handleFocus,
-      handleBlur,
-      handleClear,
-      handleKeyEnter,
-      close,
-      focus,
-      select,
-      highlight,
-      onSuggestionShow,
-      ns
-    };
-  }
-});
-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": `${_ctx.ns.e("popper")} ${_ctx.popperClass}`,
-    teleported: _ctx.compatTeleported,
-    "gpu-acceleration": false,
-    pure: "",
-    "manual-mode": "",
-    effect: "light",
-    trigger: "click",
-    transition: `${_ctx.ns.namespace.value}-zoom-in-top`,
-    persistent: "",
-    onShow: _ctx.onSuggestionShow
-  }, {
-    content: withCtx(() => [
-      createElementVNode("div", {
-        ref: "regionRef",
-        class: normalizeClass([_ctx.ns.b("suggestion"), _ctx.ns.is("loading", _ctx.suggestionLoading)]),
-        style: normalizeStyle({ minWidth: _ctx.dropdownWidth, outline: "none" }),
-        role: "region"
-      }, [
-        createVNode(_component_el_scrollbar, {
-          id: _ctx.id,
-          tag: "ul",
-          "wrap-class": _ctx.ns.be("suggestion", "wrap"),
-          "view-class": _ctx.ns.be("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", "wrap-class", "view-class"])
-      ], 6)
-    ]),
-    default: withCtx(() => [
-      withDirectives((openBlock(), createElementBlock("div", {
-        class: normalizeClass([_ctx.ns.b(), _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", "teleported", "transition", "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 +0,0 @@
-{"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=\"`${ns.e('popper')} ${popperClass}`\"\n    :teleported=\"compatTeleported\"\n    :gpu-acceleration=\"false\"\n    pure\n    manual-mode\n    effect=\"light\"\n    trigger=\"click\"\n    :transition=\"`${ns.namespace.value}-zoom-in-top`\"\n    persistent\n    @show=\"onSuggestionShow\"\n  >\n    <div\n      v-clickoutside=\"close\"\n      :class=\"[ns.b(), $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=\"[ns.b('suggestion'), ns.is('loading', suggestionLoading)]\"\n        :style=\"{ minWidth: dropdownWidth, outline: 'none' }\"\n        role=\"region\"\n      >\n        <el-scrollbar\n          :id=\"id\"\n          tag=\"ul\"\n          :wrap-class=\"ns.be('suggestion', 'wrap')\"\n          :view-class=\"ns.be('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-unified'\nimport { useAttrs, useNamespace } from '@element-plus/hooks'\nimport { ClickOutside } from '@element-plus/directives'\nimport { generateId, isArray, throwError } from '@element-plus/utils'\nimport { UPDATE_MODEL_EVENT } from '@element-plus/constants'\nimport ElInput from '@element-plus/components/input'\nimport ElScrollbar from '@element-plus/components/scrollbar'\nimport ElTooltip, {\n  useTooltipContentProps,\n} from '@element-plus/components/tooltip'\nimport { useDeprecateAppendToBody } from '@element-plus/components/popper'\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\nconst COMPONENT_NAME = 'ElAutocomplete'\nexport default defineComponent({\n  name: COMPONENT_NAME,\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: undefined,\n    },\n    teleported: useTooltipContentProps.teleported,\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 ns = useNamespace('autocomplete')\n    const { compatTeleported } = useDeprecateAppendToBody(\n      COMPONENT_NAME,\n      'popperAppendToBody'\n    )\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 ns.b(String(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        `.${ns.be('suggestion', 'wrap')}`\n      )!\n      const suggestionList = suggestion.querySelectorAll(\n        `.${ns.be('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      // deprecation in 2.1.0\n      compatTeleported,\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      ns,\n    }\n  },\n})\n</script>\n"],"names":["_normalizeClass","_withModifiers"],"mappings":"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"}

package/es/components/autocomplete/src/index.vue.d.ts

@@ -1,164 +0,0 @@
-import type { Placement } from 'element-plus/es/components/popper';
-import type { PropType } from 'vue';
-declare const _default: import("vue").DefineComponent<{
-    valueKey: {
-        type: StringConstructor;
-        default: string;
-    };
-    modelValue: {
-        type: (StringConstructor | NumberConstructor)[];
-        default: string;
-    };
-    debounce: {
-        type: NumberConstructor;
-        default: number;
-    };
-    placement: {
-        type: PropType<Placement>;
-        validator: (val: string) => boolean;
-        default: string;
-    };
-    fetchSuggestions: {
-        type: PropType<(queryString: string, cb: (data: any[]) => void) => void>;
-        default: () => void;
-    };
-    popperClass: {
-        type: StringConstructor;
-        default: string;
-    };
-    triggerOnFocus: {
-        type: BooleanConstructor;
-        default: boolean;
-    };
-    selectWhenUnmatched: {
-        type: BooleanConstructor;
-        default: boolean;
-    };
-    hideLoading: {
-        type: BooleanConstructor;
-        default: boolean;
-    };
-    popperAppendToBody: {
-        type: BooleanConstructor;
-        default: undefined;
-    };
-    teleported: import("element-plus/es/utils").BuildPropReturn<BooleanConstructor, true, unknown, unknown, unknown>;
-    highlightFirstItem: {
-        type: BooleanConstructor;
-        default: boolean;
-    };
-}, {
-    attrs: import("vue").ComputedRef<Record<string, unknown>>;
-    suggestions: import("vue").Ref<any[]>;
-    highlightedIndex: import("vue").Ref<number>;
-    dropdownWidth: import("vue").Ref<string>;
-    activated: import("vue").Ref<boolean>;
-    suggestionDisabled: import("vue").Ref<boolean>;
-    loading: import("vue").Ref<boolean>;
-    inputRef: import("vue").Ref<{
-        inputOrTextarea: HTMLInputElement | HTMLTextAreaElement;
-        focus: () => void;
-        $el: HTMLElement;
-    } | null>;
-    regionRef: import("vue").Ref<HTMLElement | null>;
-    popper: import("vue").Ref<null>;
-    id: import("vue").ComputedRef<string>;
-    suggestionVisible: import("vue").ComputedRef<boolean>;
-    suggestionLoading: import("vue").ComputedRef<boolean>;
-    compatTeleported: import("vue").ComputedRef<boolean>;
-    getData: (queryString: string) => void;
-    handleInput: (value: string) => void;
-    handleChange: (value: any) => void;
-    handleFocus: (e: any) => void;
-    handleBlur: (e: any) => void;
-    handleClear: () => void;
-    handleKeyEnter: () => void;
-    close: () => void;
-    focus: () => void;
-    select: (item: any) => void;
-    highlight: (index: number) => void;
-    onSuggestionShow: () => void;
-    ns: {
-        namespace: import("vue").ComputedRef<string>;
-        b: (blockSuffix?: string) => string;
-        e: (element?: string | undefined) => string;
-        m: (modifier?: string | undefined) => string;
-        be: (blockSuffix?: string | undefined, element?: string | undefined) => string;
-        em: (element?: string | undefined, modifier?: string | undefined) => string;
-        bm: (blockSuffix?: string | undefined, modifier?: string | undefined) => string;
-        bem: (blockSuffix?: string | undefined, element?: string | undefined, modifier?: string | undefined) => string;
-        is: {
-            (name: string, state: boolean | undefined): string;
-            (name: string): string;
-        };
-    };
-}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, ("update:modelValue" | "change" | "input" | "clear" | "focus" | "blur" | "select")[], "update:modelValue" | "change" | "input" | "clear" | "blur" | "focus" | "select", import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{
-    valueKey: {
-        type: StringConstructor;
-        default: string;
-    };
-    modelValue: {
-        type: (StringConstructor | NumberConstructor)[];
-        default: string;
-    };
-    debounce: {
-        type: NumberConstructor;
-        default: number;
-    };
-    placement: {
-        type: PropType<Placement>;
-        validator: (val: string) => boolean;
-        default: string;
-    };
-    fetchSuggestions: {
-        type: PropType<(queryString: string, cb: (data: any[]) => void) => void>;
-        default: () => void;
-    };
-    popperClass: {
-        type: StringConstructor;
-        default: string;
-    };
-    triggerOnFocus: {
-        type: BooleanConstructor;
-        default: boolean;
-    };
-    selectWhenUnmatched: {
-        type: BooleanConstructor;
-        default: boolean;
-    };
-    hideLoading: {
-        type: BooleanConstructor;
-        default: boolean;
-    };
-    popperAppendToBody: {
-        type: BooleanConstructor;
-        default: undefined;
-    };
-    teleported: import("element-plus/es/utils").BuildPropReturn<BooleanConstructor, true, unknown, unknown, unknown>;
-    highlightFirstItem: {
-        type: BooleanConstructor;
-        default: boolean;
-    };
-}>> & {
-    onChange?: ((...args: any[]) => any) | undefined;
-    onFocus?: ((...args: any[]) => any) | undefined;
-    onBlur?: ((...args: any[]) => any) | undefined;
-    "onUpdate:modelValue"?: ((...args: any[]) => any) | undefined;
-    onInput?: ((...args: any[]) => any) | undefined;
-    onClear?: ((...args: any[]) => any) | undefined;
-    onSelect?: ((...args: any[]) => any) | undefined;
-}, {
-    modelValue: string | number;
-    placement: Placement;
-    popperClass: string;
-    teleported: import("element-plus/es/utils").BuildPropType<BooleanConstructor, unknown, unknown>;
-    valueKey: string;
-    debounce: number;
-    fetchSuggestions: (queryString: string, cb: (data: any[]) => void) => void;
-    triggerOnFocus: boolean;
-    selectWhenUnmatched: boolean;
-    hideLoading: boolean;
-    popperAppendToBody: boolean;
-    highlightFirstItem: boolean;
-}>;
-export default _default;

package/es/components/collapse/src/collapse.type.d.ts

@@ -1,5 +0,0 @@
-import type { Ref } from 'vue';
-export interface CollapseProvider {
-    activeNames: Ref;
-    handleItemClick: (name: string | number) => void;
-}

package/es/components/collapse/src/collapse.type.mjs

@@ -1,2 +0,0 @@
-
-//# sourceMappingURL=collapse.type.mjs.map

package/es/components/collapse/src/collapse.type.mjs.map

@@ -1 +0,0 @@
-{"version":3,"file":"collapse.type.mjs","sources":[],"sourcesContent":[],"names":[],"mappings":""}