@element-plus/nightly 0.0.20250420 → 0.0.20250421

package/es/index.mjs

@@ -6,7 +6,7 @@ export { affixEmits, affixProps } from './components/affix/src/affix.mjs';
 export { ElAffix } from './components/affix/index.mjs';
 export { alertEffects, alertEmits, alertProps } from './components/alert/src/alert.mjs';
 export { ElAlert } from './components/alert/index.mjs';
-export { autocompleteEmits, autocompleteProps } from './components/autocomplete/src/autocomplete.mjs';
+export { autocompleteEmits, autocompleteProps } from './components/autocomplete/src/autocomplete2.mjs';
 export { ElAutocomplete } from './components/autocomplete/index.mjs';
 export { avatarEmits, avatarProps } from './components/avatar/src/avatar.mjs';
 export { ElAvatar } from './components/avatar/index.mjs';
@@ -15,13 +15,13 @@ export { ElBacktop } from './components/backtop/index.mjs';
 export { badgeProps } from './components/badge/src/badge.mjs';
 export { ElBadge } from './components/badge/index.mjs';
 export { breadcrumbProps } from './components/breadcrumb/src/breadcrumb.mjs';
-export { breadcrumbItemProps } from './components/breadcrumb/src/breadcrumb-item2.mjs';
+export { breadcrumbItemProps } from './components/breadcrumb/src/breadcrumb-item.mjs';
 export { breadcrumbKey } from './components/breadcrumb/src/constants.mjs';
 export { ElBreadcrumb, ElBreadcrumbItem } from './components/breadcrumb/index.mjs';
-export { buttonEmits, buttonNativeTypes, buttonProps, buttonTypes } from './components/button/src/button.mjs';
+export { buttonEmits, buttonNativeTypes, buttonProps, buttonTypes } from './components/button/src/button2.mjs';
 export { buttonGroupContextKey } from './components/button/src/constants.mjs';
 export { ElButton, ElButtonGroup } from './components/button/index.mjs';
-export { calendarEmits, calendarProps } from './components/calendar/src/calendar2.mjs';
+export { calendarEmits, calendarProps } from './components/calendar/src/calendar.mjs';
 export { ElCalendar } from './components/calendar/index.mjs';
 export { cardProps } from './components/card/src/card.mjs';
 export { ElCard } from './components/card/index.mjs';
@@ -29,7 +29,7 @@ export { carouselEmits, carouselProps } from './components/carousel/src/carousel
 export { carouselItemProps } from './components/carousel/src/carousel-item.mjs';
 export { CAROUSEL_ITEM_NAME, carouselContextKey } from './components/carousel/src/constants.mjs';
 export { ElCarousel, ElCarouselItem } from './components/carousel/index.mjs';
-export { cascaderEmits, cascaderProps } from './components/cascader/src/cascader2.mjs';
+export { cascaderEmits, cascaderProps } from './components/cascader/src/cascader.mjs';
 export { ElCascader } from './components/cascader/index.mjs';
 export { CASCADER_PANEL_INJECTION_KEY } from './components/cascader-panel/src/types.mjs';
 export { CommonProps, DefaultProps, useCascaderConfig } from './components/cascader-panel/src/config.mjs';
@@ -37,7 +37,7 @@ export { ElCascaderPanel } from './components/cascader-panel/index.mjs';
 export { checkTagEmits, checkTagProps } from './components/check-tag/src/check-tag.mjs';
 export { ElCheckTag } from './components/check-tag/index.mjs';
 export { checkboxGroupEmits, checkboxGroupProps } from './components/checkbox/src/checkbox-group.mjs';
-export { checkboxEmits, checkboxProps } from './components/checkbox/src/checkbox2.mjs';
+export { checkboxEmits, checkboxProps } from './components/checkbox/src/checkbox.mjs';
 export { checkboxGroupContextKey } from './components/checkbox/src/constants.mjs';
 export { ElCheckbox, ElCheckboxButton, ElCheckboxGroup } from './components/checkbox/index.mjs';
 export { colProps } from './components/col/src/col.mjs';
@@ -55,12 +55,12 @@ export { configProviderContextKey } from './components/config-provider/src/const
 export { provideGlobalConfig, useGlobalComponentSettings, useGlobalConfig } from './components/config-provider/src/hooks/use-global-config.mjs';
 export { ElConfigProvider } from './components/config-provider/index.mjs';
 export { ElAside, ElContainer, ElFooter, ElHeader, ElMain } from './components/container/index.mjs';
-export { countdownEmits, countdownProps } from './components/countdown/src/countdown2.mjs';
+export { countdownEmits, countdownProps } from './components/countdown/src/countdown.mjs';
 export { ElCountdown } from './components/countdown/index.mjs';
 export { ROOT_PICKER_INJECTION_KEY } from './components/date-picker/src/constants.mjs';
 export { datePickerProps } from './components/date-picker/src/props/date-picker.mjs';
 export { ElDatePicker } from './components/date-picker/index.mjs';
-export { descriptionProps } from './components/descriptions/src/description2.mjs';
+export { descriptionProps } from './components/descriptions/src/description.mjs';
 export { descriptionItemProps } from './components/descriptions/src/description-item.mjs';
 export { ElDescriptions, ElDescriptionsItem } from './components/descriptions/index.mjs';
 export { useDialog } from './components/dialog/src/use-dialog.mjs';
@@ -71,7 +71,7 @@ export { dividerProps } from './components/divider/src/divider.mjs';
 export { ElDivider } from './components/divider/index.mjs';
 export { drawerEmits, drawerProps } from './components/drawer/src/drawer2.mjs';
 export { ElDrawer } from './components/drawer/index.mjs';
-export { DROPDOWN_COLLECTION_INJECTION_KEY, DROPDOWN_COLLECTION_ITEM_INJECTION_KEY, ElCollection, ElCollectionItem, FIRST_KEYS, FIRST_LAST_KEYS, LAST_KEYS, dropdownItemProps, dropdownMenuProps, dropdownProps } from './components/dropdown/src/dropdown.mjs';
+export { DROPDOWN_COLLECTION_INJECTION_KEY, DROPDOWN_COLLECTION_ITEM_INJECTION_KEY, ElCollection, ElCollectionItem, FIRST_KEYS, FIRST_LAST_KEYS, LAST_KEYS, dropdownItemProps, dropdownMenuProps, dropdownProps } from './components/dropdown/src/dropdown2.mjs';
 export { DROPDOWN_INJECTION_KEY } from './components/dropdown/src/tokens.mjs';
 export { ElDropdown, ElDropdownItem, ElDropdownMenu } from './components/dropdown/index.mjs';
 export { emptyProps } from './components/empty/src/empty.mjs';
@@ -90,15 +90,15 @@ export { imageViewerEmits, imageViewerProps } from './components/image-viewer/sr
 export { ElImageViewer } from './components/image-viewer/index.mjs';
 export { inputEmits, inputProps } from './components/input/src/input.mjs';
 export { ElInput } from './components/input/index.mjs';
-export { inputNumberEmits, inputNumberProps } from './components/input-number/src/input-number2.mjs';
+export { inputNumberEmits, inputNumberProps } from './components/input-number/src/input-number.mjs';
 export { ElInputNumber } from './components/input-number/index.mjs';
 export { inputTagEmits, inputTagProps } from './components/input-tag/src/input-tag.mjs';
 export { ElInputTag } from './components/input-tag/index.mjs';
-export { linkEmits, linkProps } from './components/link/src/link2.mjs';
+export { linkEmits, linkProps } from './components/link/src/link.mjs';
 export { ElLink } from './components/link/index.mjs';
 export { menuEmits, menuProps } from './components/menu/src/menu.mjs';
-export { menuItemEmits, menuItemProps } from './components/menu/src/menu-item2.mjs';
-export { menuItemGroupProps } from './components/menu/src/menu-item-group2.mjs';
+export { menuItemEmits, menuItemProps } from './components/menu/src/menu-item.mjs';
+export { menuItemGroupProps } from './components/menu/src/menu-item-group.mjs';
 export { subMenuProps } from './components/menu/src/sub-menu.mjs';
 export { ElMenu, ElMenuItem, ElMenuItemGroup, ElSubMenu } from './components/menu/index.mjs';
 export { overlayEmits, overlayProps } from './components/overlay/src/overlay.mjs';
@@ -110,20 +110,20 @@ export { elPaginationKey } from './components/pagination/src/constants.mjs';
 export { ElPagination } from './components/pagination/index.mjs';
 export { popconfirmEmits, popconfirmProps } from './components/popconfirm/src/popconfirm.mjs';
 export { ElPopconfirm } from './components/popconfirm/index.mjs';
-export { Effect, popperProps, roleTypes, usePopperProps } from './components/popper/src/popper2.mjs';
-export { popperTriggerProps, usePopperTriggerProps } from './components/popper/src/trigger.mjs';
-export { popperContentEmits, popperContentProps, popperCoreConfigProps, usePopperContentEmits, usePopperContentProps, usePopperCoreConfigProps } from './components/popper/src/content2.mjs';
-export { popperArrowProps, usePopperArrowProps } from './components/popper/src/arrow2.mjs';
+export { Effect, popperProps, roleTypes, usePopperProps } from './components/popper/src/popper.mjs';
+export { popperTriggerProps, usePopperTriggerProps } from './components/popper/src/trigger2.mjs';
+export { popperContentEmits, popperContentProps, popperCoreConfigProps, usePopperContentEmits, usePopperContentProps, usePopperCoreConfigProps } from './components/popper/src/content.mjs';
+export { popperArrowProps, usePopperArrowProps } from './components/popper/src/arrow.mjs';
 export { POPPER_CONTENT_INJECTION_KEY, POPPER_INJECTION_KEY } from './components/popper/src/constants.mjs';
-export { default as ElPopperArrow } from './components/popper/src/arrow.mjs';
-export { default as ElPopperTrigger } from './components/popper/src/trigger2.mjs';
-export { default as ElPopperContent } from './components/popper/src/content.mjs';
+export { default as ElPopperArrow } from './components/popper/src/arrow2.mjs';
+export { default as ElPopperTrigger } from './components/popper/src/trigger.mjs';
+export { default as ElPopperContent } from './components/popper/src/content2.mjs';
 export { ElPopper } from './components/popper/index.mjs';
 export { progressProps } from './components/progress/src/progress.mjs';
 export { ElProgress } from './components/progress/index.mjs';
 export { radioEmits, radioProps, radioPropsBase } from './components/radio/src/radio.mjs';
 export { radioGroupEmits, radioGroupProps } from './components/radio/src/radio-group.mjs';
-export { radioButtonProps } from './components/radio/src/radio-button2.mjs';
+export { radioButtonProps } from './components/radio/src/radio-button.mjs';
 export { radioGroupKey } from './components/radio/src/constants.mjs';
 export { ElRadio, ElRadioButton, ElRadioGroup } from './components/radio/index.mjs';
 export { rateEmits, rateProps } from './components/rate/src/rate.mjs';
@@ -134,16 +134,16 @@ export { RowAlign, RowJustify, rowProps } from './components/row/src/row.mjs';
 export { rowContextKey } from './components/row/src/constants.mjs';
 export { ElRow } from './components/row/index.mjs';
 export { BAR_MAP, GAP, renderThumbStyle } from './components/scrollbar/src/util.mjs';
-export { scrollbarEmits, scrollbarProps } from './components/scrollbar/src/scrollbar2.mjs';
+export { scrollbarEmits, scrollbarProps } from './components/scrollbar/src/scrollbar.mjs';
 export { thumbProps } from './components/scrollbar/src/thumb.mjs';
 export { scrollbarContextKey } from './components/scrollbar/src/constants.mjs';
 export { ElScrollbar } from './components/scrollbar/index.mjs';
 export { selectGroupKey, selectKey } from './components/select/src/token.mjs';
-export { SelectProps, selectEmits } from './components/select/src/select2.mjs';
+export { SelectProps, selectEmits } from './components/select/src/select.mjs';
 export { ElOption, ElOptionGroup, ElSelect } from './components/select/index.mjs';
 export { selectV2InjectionKey } from './components/select-v2/src/token.mjs';
 export { ElSelectV2 } from './components/select-v2/index.mjs';
-export { skeletonProps } from './components/skeleton/src/skeleton2.mjs';
+export { skeletonProps } from './components/skeleton/src/skeleton.mjs';
 export { skeletonItemProps } from './components/skeleton/src/skeleton-item.mjs';
 export { ElSkeleton, ElSkeletonItem } from './components/skeleton/index.mjs';
 export { sliderEmits, sliderProps } from './components/slider/src/slider.mjs';
@@ -156,9 +156,9 @@ export { ElSpace } from './components/space/index.mjs';
 export { statisticProps } from './components/statistic/src/statistic.mjs';
 export { ElStatistic } from './components/statistic/index.mjs';
 export { stepProps } from './components/steps/src/item.mjs';
-export { stepsEmits, stepsProps } from './components/steps/src/steps2.mjs';
+export { stepsEmits, stepsProps } from './components/steps/src/steps.mjs';
 export { ElStep, ElSteps } from './components/steps/index.mjs';
-export { switchEmits, switchProps } from './components/switch/src/switch2.mjs';
+export { switchEmits, switchProps } from './components/switch/src/switch.mjs';
 export { ElSwitch } from './components/switch/index.mjs';
 export { ElTable, ElTableColumn } from './components/table/index.mjs';
 export { Alignment as TableV2Alignment, FixedDir as TableV2FixedDir, SortOrder as TableV2SortOrder } from './components/table-v2/src/constants.mjs';
@@ -188,9 +188,9 @@ export { timeSelectProps } from './components/time-select/src/time-select.mjs';
 export { ElTimeSelect } from './components/time-select/index.mjs';
 export { timelineItemProps } from './components/timeline/src/timeline-item.mjs';
 export { ElTimeline, ElTimelineItem } from './components/timeline/index.mjs';
-export { tooltipEmits, useTooltipModelToggle, useTooltipModelToggleEmits, useTooltipModelToggleProps, useTooltipProps } from './components/tooltip/src/tooltip2.mjs';
+export { tooltipEmits, useTooltipModelToggle, useTooltipModelToggleEmits, useTooltipModelToggleProps, useTooltipProps } from './components/tooltip/src/tooltip.mjs';
 export { useTooltipTriggerProps } from './components/tooltip/src/trigger.mjs';
-export { useTooltipContentProps } from './components/tooltip/src/content.mjs';
+export { useTooltipContentProps } from './components/tooltip/src/content2.mjs';
 export { TOOLTIP_INJECTION_KEY } from './components/tooltip/src/constants.mjs';
 export { ElTooltip } from './components/tooltip/index.mjs';
 export { LEFT_CHECK_CHANGE_EVENT, RIGHT_CHECK_CHANGE_EVENT, transferCheckedChangeFn, transferEmits, transferProps } from './components/transfer/src/transfer.mjs';

package/es/version.d.ts

@@ -1 +1 @@
-export declare const version = "0.0.20250420";
+export declare const version = "0.0.20250421";

package/es/version.mjs

@@ -1,4 +1,4 @@
-const version = "0.0.20250420";
+const version = "0.0.20250421";
 
 export { version };
 //# sourceMappingURL=version.mjs.map

package/es/version.mjs.map

@@ -1 +1 @@
-{"version":3,"file":"version.mjs","sources":["../../../packages/element-plus/version.ts"],"sourcesContent":["export const version = '0.0.20250420'\n"],"names":[],"mappings":"AAAY,MAAC,OAAO,GAAG;;;;"}
+{"version":3,"file":"version.mjs","sources":["../../../packages/element-plus/version.ts"],"sourcesContent":["export const version = '0.0.20250421'\n"],"names":[],"mappings":"AAAY,MAAC,OAAO,GAAG;;;;"}

package/lib/components/autocomplete/index.js

@@ -2,8 +2,8 @@
 
 Object.defineProperty(exports, '__esModule', { value: true });
 
-var autocomplete$1 = require('./src/autocomplete2.js');
-var autocomplete = require('./src/autocomplete.js');
+var autocomplete$1 = require('./src/autocomplete.js');
+var autocomplete = require('./src/autocomplete2.js');
 var install = require('../../utils/vue/install.js');
 
 const ElAutocomplete = install.withInstall(autocomplete$1["default"]);

package/lib/components/autocomplete/src/autocomplete.js

@@ -2,88 +2,377 @@
 
 Object.defineProperty(exports, '__esModule', { value: true });
 
-var content = require('../../tooltip/src/content.js');
-var runtime = require('../../../utils/vue/props/runtime.js');
+var vue = require('vue');
+var lodashUnified = require('lodash-unified');
+var core = require('@vueuse/core');
+var iconsVue = require('@element-plus/icons-vue');
+var index$6 = require('../../input/index.js');
+var index$4 = require('../../scrollbar/index.js');
+var index$3 = require('../../tooltip/index.js');
+var index$5 = require('../../icon/index.js');
+var autocomplete = require('./autocomplete2.js');
+var pluginVue_exportHelper = require('../../../_virtual/plugin-vue_export-helper.js');
+var index = require('../../../hooks/use-attrs/index.js');
+var useFormCommonProps = require('../../form/src/hooks/use-form-common-props.js');
+var index$1 = require('../../../hooks/use-namespace/index.js');
+var index$2 = require('../../../hooks/use-id/index.js');
 var shared = require('@vue/shared');
-var index = require('../../../hooks/use-aria/index.js');
 var event = require('../../../constants/event.js');
+var error = require('../../../utils/error.js');
 
-const autocompleteProps = runtime.buildProps({
-  valueKey: {
-    type: String,
-    default: "value"
-  },
-  modelValue: {
-    type: [String, Number],
-    default: ""
-  },
-  debounce: {
-    type: Number,
-    default: 300
-  },
-  placement: {
-    type: runtime.definePropType(String),
-    values: [
-      "top",
-      "top-start",
-      "top-end",
-      "bottom",
-      "bottom-start",
-      "bottom-end"
-    ],
-    default: "bottom-start"
-  },
-  fetchSuggestions: {
-    type: runtime.definePropType([Function, Array]),
-    default: shared.NOOP
-  },
-  popperClass: {
-    type: String,
-    default: ""
-  },
-  triggerOnFocus: {
-    type: Boolean,
-    default: true
-  },
-  selectWhenUnmatched: {
-    type: Boolean,
-    default: false
-  },
-  hideLoading: {
-    type: Boolean,
-    default: false
-  },
-  teleported: content.useTooltipContentProps.teleported,
-  appendTo: content.useTooltipContentProps.appendTo,
-  highlightFirstItem: {
-    type: Boolean,
-    default: false
-  },
-  fitInputWidth: {
-    type: Boolean,
-    default: false
-  },
-  clearable: {
-    type: Boolean,
-    default: false
-  },
-  disabled: {
-    type: Boolean,
-    default: false
-  },
-  name: String,
-  ...index.useAriaProps(["ariaLabel"])
+const COMPONENT_NAME = "ElAutocomplete";
+const __default__ = vue.defineComponent({
+  name: COMPONENT_NAME,
+  inheritAttrs: false
 });
-const autocompleteEmits = {
-  [event.UPDATE_MODEL_EVENT]: (value) => shared.isString(value),
-  [event.INPUT_EVENT]: (value) => shared.isString(value),
-  [event.CHANGE_EVENT]: (value) => shared.isString(value),
-  focus: (evt) => evt instanceof FocusEvent,
-  blur: (evt) => evt instanceof FocusEvent,
-  clear: () => true,
-  select: (item) => shared.isObject(item)
-};
+const _sfc_main = /* @__PURE__ */ vue.defineComponent({
+  ...__default__,
+  props: autocomplete.autocompleteProps,
+  emits: autocomplete.autocompleteEmits,
+  setup(__props, { expose, emit }) {
+    const props = __props;
+    const attrs = index.useAttrs();
+    const rawAttrs = vue.useAttrs();
+    const disabled = useFormCommonProps.useFormDisabled();
+    const ns = index$1.useNamespace("autocomplete");
+    const inputRef = vue.ref();
+    const regionRef = vue.ref();
+    const popperRef = vue.ref();
+    const listboxRef = vue.ref();
+    let readonly = false;
+    let ignoreFocusEvent = false;
+    const suggestions = vue.ref([]);
+    const highlightedIndex = vue.ref(-1);
+    const dropdownWidth = vue.ref("");
+    const activated = vue.ref(false);
+    const suggestionDisabled = vue.ref(false);
+    const loading = vue.ref(false);
+    const listboxId = index$2.useId();
+    const styles = vue.computed(() => rawAttrs.style);
+    const suggestionVisible = vue.computed(() => {
+      const isValidData = suggestions.value.length > 0;
+      return (isValidData || loading.value) && activated.value;
+    });
+    const suggestionLoading = vue.computed(() => !props.hideLoading && loading.value);
+    const refInput = vue.computed(() => {
+      if (inputRef.value) {
+        return Array.from(inputRef.value.$el.querySelectorAll("input"));
+      }
+      return [];
+    });
+    const onSuggestionShow = () => {
+      if (suggestionVisible.value) {
+        dropdownWidth.value = `${inputRef.value.$el.offsetWidth}px`;
+      }
+    };
+    const onHide = () => {
+      highlightedIndex.value = -1;
+    };
+    const getData = async (queryString) => {
+      if (suggestionDisabled.value)
+        return;
+      const cb = (suggestionList) => {
+        loading.value = false;
+        if (suggestionDisabled.value)
+          return;
+        if (shared.isArray(suggestionList)) {
+          suggestions.value = suggestionList;
+          highlightedIndex.value = props.highlightFirstItem ? 0 : -1;
+        } else {
+          error.throwError(COMPONENT_NAME, "autocomplete suggestions must be an array");
+        }
+      };
+      loading.value = true;
+      if (shared.isArray(props.fetchSuggestions)) {
+        cb(props.fetchSuggestions);
+      } else {
+        const result = await props.fetchSuggestions(queryString, cb);
+        if (shared.isArray(result))
+          cb(result);
+      }
+    };
+    const debouncedGetData = lodashUnified.debounce(getData, props.debounce);
+    const handleInput = (value) => {
+      const valuePresented = !!value;
+      emit(event.INPUT_EVENT, value);
+      emit(event.UPDATE_MODEL_EVENT, value);
+      suggestionDisabled.value = false;
+      activated.value || (activated.value = valuePresented);
+      if (!props.triggerOnFocus && !value) {
+        suggestionDisabled.value = true;
+        suggestions.value = [];
+        return;
+      }
+      debouncedGetData(value);
+    };
+    const handleMouseDown = (event) => {
+      var _a;
+      if (disabled.value)
+        return;
+      if (((_a = event.target) == null ? void 0 : _a.tagName) !== "INPUT" || refInput.value.includes(document.activeElement)) {
+        activated.value = true;
+      }
+    };
+    const handleChange = (value) => {
+      emit(event.CHANGE_EVENT, value);
+    };
+    const handleFocus = (evt) => {
+      var _a;
+      if (!ignoreFocusEvent) {
+        activated.value = true;
+        emit("focus", evt);
+        const queryString = (_a = props.modelValue) != null ? _a : "";
+        if (props.triggerOnFocus && !readonly) {
+          debouncedGetData(String(queryString));
+        }
+      } else {
+        ignoreFocusEvent = false;
+      }
+    };
+    const handleBlur = (evt) => {
+      setTimeout(() => {
+        var _a;
+        if ((_a = popperRef.value) == null ? void 0 : _a.isFocusInsideContent()) {
+          ignoreFocusEvent = true;
+          return;
+        }
+        activated.value && close();
+        emit("blur", evt);
+      });
+    };
+    const handleClear = () => {
+      activated.value = false;
+      emit(event.UPDATE_MODEL_EVENT, "");
+      emit("clear");
+    };
+    const handleKeyEnter = async () => {
+      if (suggestionVisible.value && highlightedIndex.value >= 0 && highlightedIndex.value < suggestions.value.length) {
+        handleSelect(suggestions.value[highlightedIndex.value]);
+      } else if (props.selectWhenUnmatched) {
+        emit("select", { value: props.modelValue });
+        suggestions.value = [];
+        highlightedIndex.value = -1;
+      }
+    };
+    const handleKeyEscape = (evt) => {
+      if (suggestionVisible.value) {
+        evt.preventDefault();
+        evt.stopPropagation();
+        close();
+      }
+    };
+    const close = () => {
+      activated.value = false;
+    };
+    const focus = () => {
+      var _a;
+      (_a = inputRef.value) == null ? void 0 : _a.focus();
+    };
+    const blur = () => {
+      var _a;
+      (_a = inputRef.value) == null ? void 0 : _a.blur();
+    };
+    const handleSelect = async (item) => {
+      emit(event.INPUT_EVENT, item[props.valueKey]);
+      emit(event.UPDATE_MODEL_EVENT, item[props.valueKey]);
+      emit("select", item);
+      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.ref.setAttribute("aria-activedescendant", `${listboxId.value}-item-${highlightedIndex.value}`);
+    };
+    const stopHandle = core.onClickOutside(listboxRef, () => {
+      var _a;
+      if ((_a = popperRef.value) == null ? void 0 : _a.isFocusInsideContent())
+        return;
+      suggestionVisible.value && close();
+    });
+    vue.onBeforeUnmount(() => {
+      stopHandle == null ? void 0 : stopHandle();
+    });
+    vue.onMounted(() => {
+      inputRef.value.ref.setAttribute("role", "textbox");
+      inputRef.value.ref.setAttribute("aria-autocomplete", "list");
+      inputRef.value.ref.setAttribute("aria-controls", "id");
+      inputRef.value.ref.setAttribute("aria-activedescendant", `${listboxId.value}-item-${highlightedIndex.value}`);
+      readonly = inputRef.value.ref.hasAttribute("readonly");
+    });
+    expose({
+      highlightedIndex,
+      activated,
+      loading,
+      inputRef,
+      popperRef,
+      suggestions,
+      handleSelect,
+      handleKeyEnter,
+      focus,
+      blur,
+      close,
+      highlight,
+      getData
+    });
+    return (_ctx, _cache) => {
+      return vue.openBlock(), vue.createBlock(vue.unref(index$3.ElTooltip), {
+        ref_key: "popperRef",
+        ref: popperRef,
+        visible: vue.unref(suggestionVisible),
+        placement: _ctx.placement,
+        "fallback-placements": ["bottom-start", "top-start"],
+        "popper-class": [vue.unref(ns).e("popper"), _ctx.popperClass],
+        teleported: _ctx.teleported,
+        "append-to": _ctx.appendTo,
+        "gpu-acceleration": false,
+        pure: "",
+        "manual-mode": "",
+        effect: "light",
+        trigger: "click",
+        transition: `${vue.unref(ns).namespace.value}-zoom-in-top`,
+        persistent: "",
+        role: "listbox",
+        onBeforeShow: onSuggestionShow,
+        onHide
+      }, {
+        content: vue.withCtx(() => [
+          vue.createElementVNode("div", {
+            ref_key: "regionRef",
+            ref: regionRef,
+            class: vue.normalizeClass([vue.unref(ns).b("suggestion"), vue.unref(ns).is("loading", vue.unref(suggestionLoading))]),
+            style: vue.normalizeStyle({
+              [_ctx.fitInputWidth ? "width" : "minWidth"]: dropdownWidth.value,
+              outline: "none"
+            }),
+            role: "region"
+          }, [
+            vue.createVNode(vue.unref(index$4.ElScrollbar), {
+              id: vue.unref(listboxId),
+              tag: "ul",
+              "wrap-class": vue.unref(ns).be("suggestion", "wrap"),
+              "view-class": vue.unref(ns).be("suggestion", "list"),
+              role: "listbox"
+            }, {
+              default: vue.withCtx(() => [
+                vue.unref(suggestionLoading) ? (vue.openBlock(), vue.createElementBlock("li", { key: 0 }, [
+                  vue.renderSlot(_ctx.$slots, "loading", {}, () => [
+                    vue.createVNode(vue.unref(index$5.ElIcon), {
+                      class: vue.normalizeClass(vue.unref(ns).is("loading"))
+                    }, {
+                      default: vue.withCtx(() => [
+                        vue.createVNode(vue.unref(iconsVue.Loading))
+                      ]),
+                      _: 1
+                    }, 8, ["class"])
+                  ])
+                ])) : (vue.openBlock(true), vue.createElementBlock(vue.Fragment, { key: 1 }, vue.renderList(suggestions.value, (item, index) => {
+                  return vue.openBlock(), vue.createElementBlock("li", {
+                    id: `${vue.unref(listboxId)}-item-${index}`,
+                    key: index,
+                    class: vue.normalizeClass({ highlighted: highlightedIndex.value === index }),
+                    role: "option",
+                    "aria-selected": highlightedIndex.value === index,
+                    onClick: ($event) => handleSelect(item)
+                  }, [
+                    vue.renderSlot(_ctx.$slots, "default", { item }, () => [
+                      vue.createTextVNode(vue.toDisplayString(item[_ctx.valueKey]), 1)
+                    ])
+                  ], 10, ["id", "aria-selected", "onClick"]);
+                }), 128))
+              ]),
+              _: 3
+            }, 8, ["id", "wrap-class", "view-class"])
+          ], 6)
+        ]),
+        default: vue.withCtx(() => [
+          vue.createElementVNode("div", {
+            ref_key: "listboxRef",
+            ref: listboxRef,
+            class: vue.normalizeClass([vue.unref(ns).b(), _ctx.$attrs.class]),
+            style: vue.normalizeStyle(vue.unref(styles)),
+            role: "combobox",
+            "aria-haspopup": "listbox",
+            "aria-expanded": vue.unref(suggestionVisible),
+            "aria-owns": vue.unref(listboxId)
+          }, [
+            vue.createVNode(vue.unref(index$6.ElInput), vue.mergeProps({
+              ref_key: "inputRef",
+              ref: inputRef
+            }, vue.unref(attrs), {
+              clearable: _ctx.clearable,
+              disabled: vue.unref(disabled),
+              name: _ctx.name,
+              "model-value": _ctx.modelValue,
+              "aria-label": _ctx.ariaLabel,
+              onInput: handleInput,
+              onChange: handleChange,
+              onFocus: handleFocus,
+              onBlur: handleBlur,
+              onClear: handleClear,
+              onKeydown: [
+                vue.withKeys(vue.withModifiers(($event) => highlight(highlightedIndex.value - 1), ["prevent"]), ["up"]),
+                vue.withKeys(vue.withModifiers(($event) => highlight(highlightedIndex.value + 1), ["prevent"]), ["down"]),
+                vue.withKeys(handleKeyEnter, ["enter"]),
+                vue.withKeys(close, ["tab"]),
+                vue.withKeys(handleKeyEscape, ["esc"])
+              ],
+              onMousedown: handleMouseDown
+            }), vue.createSlots({
+              _: 2
+            }, [
+              _ctx.$slots.prepend ? {
+                name: "prepend",
+                fn: vue.withCtx(() => [
+                  vue.renderSlot(_ctx.$slots, "prepend")
+                ])
+              } : void 0,
+              _ctx.$slots.append ? {
+                name: "append",
+                fn: vue.withCtx(() => [
+                  vue.renderSlot(_ctx.$slots, "append")
+                ])
+              } : void 0,
+              _ctx.$slots.prefix ? {
+                name: "prefix",
+                fn: vue.withCtx(() => [
+                  vue.renderSlot(_ctx.$slots, "prefix")
+                ])
+              } : void 0,
+              _ctx.$slots.suffix ? {
+                name: "suffix",
+                fn: vue.withCtx(() => [
+                  vue.renderSlot(_ctx.$slots, "suffix")
+                ])
+              } : void 0
+            ]), 1040, ["clearable", "disabled", "name", "model-value", "aria-label", "onKeydown"])
+          ], 14, ["aria-expanded", "aria-owns"])
+        ]),
+        _: 3
+      }, 8, ["visible", "placement", "popper-class", "teleported", "append-to", "transition"]);
+    };
+  }
+});
+var Autocomplete = /* @__PURE__ */ pluginVue_exportHelper["default"](_sfc_main, [["__file", "autocomplete.vue"]]);
 
-exports.autocompleteEmits = autocompleteEmits;
-exports.autocompleteProps = autocompleteProps;
+exports["default"] = Autocomplete;
 //# sourceMappingURL=autocomplete.js.map