@element-plus/nightly 0.0.20251217 → 0.0.20251219

package/es/components/affix/src/affix2.mjs.map

@@ -1 +1 @@
-{"version":3,"file":"affix2.mjs","sources":["../../../../../../packages/components/affix/src/affix.ts"],"sourcesContent":["import {\n  buildProps,\n  definePropType,\n  isBoolean,\n  isNumber,\n} from '@element-plus/utils'\nimport { CHANGE_EVENT } from '@element-plus/constants'\nimport { teleportProps } from '@element-plus/components/teleport'\n\nimport type {\n  CSSProperties,\n  ExtractPropTypes,\n  ExtractPublicPropTypes,\n} from 'vue'\nimport type Affix from './affix.vue'\n\nexport const affixProps = buildProps({\n  /**\n   * @description affix element zIndex value\n   * */\n  zIndex: {\n    type: definePropType<CSSProperties['z-index']>([Number, String]),\n    default: 100,\n  },\n  /**\n   * @description target container. (CSS selector)\n   */\n  target: {\n    type: String,\n    default: '',\n  },\n  /**\n   * @description offset distance\n   * */\n  offset: {\n    type: Number,\n    default: 0,\n  },\n  /**\n   * @description position of affix\n   * */\n  position: {\n    type: String,\n    values: ['top', 'bottom'],\n    default: 'top',\n  },\n  /**\n   * @description whether affix element is teleported, if `true` it will be teleported to where `append-to` sets\n   * */\n  teleported: Boolean,\n  /**\n   * @description which element the affix element appends to\n   * */\n  appendTo: {\n    type: teleportProps.to.type,\n    default: 'body',\n  },\n} as const)\nexport type AffixProps = ExtractPropTypes<typeof affixProps>\nexport type AffixPropsPublic = ExtractPublicPropTypes<typeof affixProps>\n\nexport const affixEmits = {\n  scroll: ({ scrollTop, fixed }: { scrollTop: number; fixed: boolean }) =>\n    isNumber(scrollTop) && isBoolean(fixed),\n  [CHANGE_EVENT]: (fixed: boolean) => isBoolean(fixed),\n}\nexport type AffixEmits = typeof affixEmits\n\nexport type AffixInstance = InstanceType<typeof Affix> & unknown\n"],"names":[],"mappings":";;;;;AAgBO,MAAM,aAAa,UAAW,CAAA;AAAA,EAInC,MAAQ,EAAA;AAAA,IACN,IAAM,EAAA,cAAA,CAAyC,CAAC,MAAA,EAAQ,MAAM,CAAC,CAAA;AAAA,IAC/D,OAAS,EAAA,GAAA;AAAA,GACX;AAAA,EAIA,MAAQ,EAAA;AAAA,IACN,IAAM,EAAA,MAAA;AAAA,IACN,OAAS,EAAA,EAAA;AAAA,GACX;AAAA,EAIA,MAAQ,EAAA;AAAA,IACN,IAAM,EAAA,MAAA;AAAA,IACN,OAAS,EAAA,CAAA;AAAA,GACX;AAAA,EAIA,QAAU,EAAA;AAAA,IACR,IAAM,EAAA,MAAA;AAAA,IACN,MAAA,EAAQ,CAAC,KAAA,EAAO,QAAQ,CAAA;AAAA,IACxB,OAAS,EAAA,KAAA;AAAA,GACX;AAAA,EAIA,UAAY,EAAA,OAAA;AAAA,EAIZ,QAAU,EAAA;AAAA,IACR,IAAA,EAAM,cAAc,EAAG,CAAA,IAAA;AAAA,IACvB,OAAS,EAAA,MAAA;AAAA,GACX;AACF,CAAU,EAAA;AAIH,MAAM,UAAa,GAAA;AAAA,EACxB,MAAA,EAAQ,CAAC,EAAE,SAAW,EAAA,KAAA,OACpB,QAAS,CAAA,SAAS,CAAK,IAAA,SAAA,CAAU,KAAK,CAAA;AAAA,EACxC,CAAC,YAAA,GAAe,CAAC,KAAA,KAAmB,UAAU,KAAK,CAAA;AACrD;;;;"}
+{"version":3,"file":"affix2.mjs","sources":["../../../../../../packages/components/affix/src/affix.vue"],"sourcesContent":["<template>\n  <div ref=\"root\" :class=\"ns.b()\" :style=\"rootStyle\">\n    <el-teleport :disabled=\"teleportDisabled\" :to=\"appendTo\">\n      <div :class=\"{ [ns.m('fixed')]: fixed }\" :style=\"affixStyle\">\n        <slot />\n      </div>\n    </el-teleport>\n  </div>\n</template>\n\n<script lang=\"ts\" setup>\nimport {\n  computed,\n  nextTick,\n  onMounted,\n  ref,\n  shallowRef,\n  watch,\n  watchEffect,\n} from 'vue'\nimport {\n  useElementBounding,\n  useEventListener,\n  useWindowSize,\n} from '@vueuse/core'\nimport ElTeleport from '@element-plus/components/teleport'\nimport { addUnit, getScrollContainer, throwError } from '@element-plus/utils'\nimport { useNamespace } from '@element-plus/hooks'\nimport { CHANGE_EVENT } from '@element-plus/constants'\nimport { affixEmits, affixProps } from './affix'\n\nimport type { CSSProperties } from 'vue'\n\nconst COMPONENT_NAME = 'ElAffix'\ndefineOptions({\n  name: COMPONENT_NAME,\n})\nconst props = defineProps(affixProps)\nconst emit = defineEmits(affixEmits)\n\nconst ns = useNamespace('affix')\n\nconst target = shallowRef<HTMLElement>()\nconst root = shallowRef<HTMLDivElement>()\nconst scrollContainer = shallowRef<HTMLElement | Window>()\nconst { height: windowHeight } = useWindowSize()\nconst {\n  height: rootHeight,\n  width: rootWidth,\n  top: rootTop,\n  bottom: rootBottom,\n  left: rootLeft,\n  update: updateRoot,\n} = useElementBounding(root, { windowScroll: false })\nconst targetRect = useElementBounding(target)\n\nconst fixed = ref(false)\nconst scrollTop = ref(0)\nconst transform = ref(0)\n\nconst teleportDisabled = computed(() => {\n  return !props.teleported || !fixed.value\n})\n\nconst rootStyle = computed<CSSProperties>(() => {\n  return {\n    height: fixed.value ? `${rootHeight.value}px` : '',\n    width: fixed.value ? `${rootWidth.value}px` : '',\n  }\n})\n\nconst affixStyle = computed<CSSProperties>(() => {\n  if (!fixed.value) return {}\n\n  const offset = addUnit(props.offset)\n  return {\n    height: `${rootHeight.value}px`,\n    width: `${rootWidth.value}px`,\n    top: props.position === 'top' ? offset : '',\n    bottom: props.position === 'bottom' ? offset : '',\n    left: props.teleported ? `${rootLeft.value}px` : '',\n    transform: transform.value ? `translateY(${transform.value}px)` : '',\n    zIndex: props.zIndex,\n  }\n})\n\nconst update = () => {\n  if (!scrollContainer.value) return\n\n  scrollTop.value =\n    scrollContainer.value instanceof Window\n      ? document.documentElement.scrollTop\n      : scrollContainer.value.scrollTop || 0\n\n  const { position, target, offset } = props\n  const rootHeightOffset = offset + rootHeight.value\n\n  if (position === 'top') {\n    if (target) {\n      const difference = targetRect.bottom.value - rootHeightOffset\n      fixed.value = offset > rootTop.value && targetRect.bottom.value > 0\n      transform.value = difference < 0 ? difference : 0\n    } else {\n      fixed.value = offset > rootTop.value\n    }\n  } else if (target) {\n    const difference =\n      windowHeight.value - targetRect.top.value - rootHeightOffset\n    fixed.value =\n      windowHeight.value - offset < rootBottom.value &&\n      windowHeight.value > targetRect.top.value\n    transform.value = difference < 0 ? -difference : 0\n  } else {\n    fixed.value = windowHeight.value - offset < rootBottom.value\n  }\n}\n\nconst updateRootRect = async () => {\n  if (!fixed.value) {\n    updateRoot()\n    return\n  }\n\n  fixed.value = false\n  await nextTick()\n  updateRoot()\n  fixed.value = true\n}\n\nconst handleScroll = async () => {\n  updateRoot()\n  await nextTick()\n  emit('scroll', {\n    scrollTop: scrollTop.value,\n    fixed: fixed.value,\n  })\n}\n\nwatch(fixed, (val) => emit(CHANGE_EVENT, val))\n\nonMounted(() => {\n  if (props.target) {\n    target.value =\n      document.querySelector<HTMLElement>(props.target) ?? undefined\n    if (!target.value)\n      throwError(COMPONENT_NAME, `Target does not exist: ${props.target}`)\n  } else {\n    target.value = document.documentElement\n  }\n  scrollContainer.value = getScrollContainer(root.value!, true)\n  updateRoot()\n})\n\nuseEventListener(scrollContainer, 'scroll', handleScroll)\nwatchEffect(update)\n\ndefineExpose({\n  /** @description update affix status */\n  update,\n  /** @description update rootRect info */\n  updateRoot: updateRootRect,\n})\n</script>\n"],"names":["target","_openBlock","_createElementBlock","_normalizeClass","_unref","_normalizeStyle","_createVNode","appendTo","_createElementVNode","_renderSlot"],"mappings":"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"}

package/es/components/autocomplete/index.mjs

@@ -1,5 +1,5 @@
-import Autocomplete from './src/autocomplete2.mjs';
-export { autocompleteEmits, autocompleteProps } from './src/autocomplete.mjs';
+import Autocomplete from './src/autocomplete.mjs';
+export { autocompleteEmits, autocompleteProps } from './src/autocomplete2.mjs';
 import { withInstall } from '../../utils/vue/install.mjs';
 
 const ElAutocomplete = withInstall(Autocomplete);

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

@@ -1,66 +1,492 @@
-import { inputProps } from '../../input/src/input.mjs';
-import { useTooltipContentProps } from '../../tooltip/src/content.mjs';
-import { buildProps, definePropType } from '../../../utils/vue/props/runtime.mjs';
-import { NOOP, isString, isObject } from '@vue/shared';
-import { UPDATE_MODEL_EVENT, INPUT_EVENT, CHANGE_EVENT } from '../../../constants/event.mjs';
-import { isNumber } from '../../../utils/types.mjs';
+import { defineComponent, computed, useAttrs, ref, onBeforeUnmount, onMounted, openBlock, createBlock, unref, withCtx, createElementVNode, normalizeClass, normalizeStyle, createElementBlock, withModifiers, renderSlot, createCommentVNode, createVNode, Fragment, renderList, createTextVNode, toDisplayString, mergeProps, createSlots } from 'vue';
+import { pick } from 'lodash-unified';
+import { useDebounceFn, onClickOutside } from '@vueuse/core';
+import { Loading } from '@element-plus/icons-vue';
+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 { autocompleteProps, autocompleteEmits } from './autocomplete2.mjs';
+import _export_sfc from '../../../_virtual/plugin-vue_export-helper.mjs';
+import { inputProps } from '../../input/src/input2.mjs';
+import { useFormDisabled } from '../../form/src/hooks/use-form-common-props.mjs';
+import { useNamespace } from '../../../hooks/use-namespace/index.mjs';
+import { useId } from '../../../hooks/use-id/index.mjs';
+import { isArray } from '@vue/shared';
+import { INPUT_EVENT, UPDATE_MODEL_EVENT, CHANGE_EVENT } from '../../../constants/event.mjs';
+import { getEventCode } from '../../../utils/dom/event.mjs';
+import { EVENT_CODE } from '../../../constants/aria.mjs';
+import { throwError } from '../../../utils/error.mjs';
 
-const autocompleteProps = buildProps({
-  ...inputProps,
-  valueKey: {
-    type: String,
-    default: "value"
+const _hoisted_1 = ["aria-expanded", "aria-owns"];
+const _hoisted_2 = { key: 0 };
+const _hoisted_3 = ["id", "aria-selected", "onClick"];
+const COMPONENT_NAME = "ElAutocomplete";
+const _sfc_main = defineComponent({
+  ...{
+    name: COMPONENT_NAME,
+    inheritAttrs: false
   },
-  modelValue: {
-    type: [String, Number],
-    default: ""
-  },
-  debounce: {
-    type: Number,
-    default: 300
-  },
-  placement: {
-    type: definePropType(String),
-    values: [
-      "top",
-      "top-start",
-      "top-end",
-      "bottom",
-      "bottom-start",
-      "bottom-end"
-    ],
-    default: "bottom-start"
-  },
-  fetchSuggestions: {
-    type: definePropType([Function, Array]),
-    default: NOOP
-  },
-  popperClass: useTooltipContentProps.popperClass,
-  popperStyle: useTooltipContentProps.popperStyle,
-  triggerOnFocus: {
-    type: Boolean,
-    default: true
-  },
-  selectWhenUnmatched: Boolean,
-  hideLoading: Boolean,
-  teleported: useTooltipContentProps.teleported,
-  appendTo: useTooltipContentProps.appendTo,
-  highlightFirstItem: Boolean,
-  fitInputWidth: Boolean,
-  loopNavigation: {
-    type: Boolean,
-    default: true
+  __name: "autocomplete",
+  props: autocompleteProps,
+  emits: autocompleteEmits,
+  setup(__props, { expose: __expose, emit: __emit }) {
+    const props = __props;
+    const emit = __emit;
+    const passInputProps = computed(() => pick(props, Object.keys(inputProps)));
+    const rawAttrs = useAttrs();
+    const disabled = useFormDisabled();
+    const ns = useNamespace("autocomplete");
+    const inputRef = ref();
+    const regionRef = ref();
+    const popperRef = ref();
+    const listboxRef = ref();
+    let readonly = false;
+    let ignoreFocusEvent = false;
+    const suggestions = ref([]);
+    const highlightedIndex = ref(-1);
+    const dropdownWidth = ref("");
+    const activated = ref(false);
+    const suggestionDisabled = ref(false);
+    const loading = ref(false);
+    const listboxId = useId();
+    const styles = computed(() => rawAttrs.style);
+    const suggestionVisible = computed(() => {
+      const isValidData = suggestions.value.length > 0;
+      return (isValidData || loading.value) && activated.value;
+    });
+    const suggestionLoading = computed(() => !props.hideLoading && loading.value);
+    const refInput = 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 (isArray(suggestionList)) {
+          suggestions.value = suggestionList;
+          highlightedIndex.value = props.highlightFirstItem ? 0 : -1;
+        } else {
+          throwError(COMPONENT_NAME, "autocomplete suggestions must be an array");
+        }
+      };
+      loading.value = true;
+      if (isArray(props.fetchSuggestions)) {
+        cb(props.fetchSuggestions);
+      } else {
+        const result = await props.fetchSuggestions(queryString, cb);
+        if (isArray(result))
+          cb(result);
+      }
+    };
+    const debounce = computed(() => props.debounce);
+    const debouncedGetData = useDebounceFn(getData, debounce);
+    const handleInput = (value) => {
+      const valuePresented = !!value;
+      emit(INPUT_EVENT, value);
+      emit(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(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(UPDATE_MODEL_EVENT, "");
+      emit("clear");
+    };
+    const handleKeyEnter = async () => {
+      var _a;
+      if ((_a = inputRef.value) == null ? void 0 : _a.isComposing) {
+        return;
+      }
+      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;
+        }
+        activated.value = true;
+        debouncedGetData(String(props.modelValue));
+      }
+    };
+    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(INPUT_EVENT, item[props.valueKey]);
+      emit(UPDATE_MODEL_EVENT, item[props.valueKey]);
+      emit("select", item);
+      suggestions.value = [];
+      highlightedIndex.value = -1;
+    };
+    const highlight = (index) => {
+      var _a, _b;
+      if (!suggestionVisible.value || loading.value)
+        return;
+      if (index < 0) {
+        if (!props.loopNavigation) {
+          highlightedIndex.value = -1;
+          return;
+        }
+        index = suggestions.value.length - 1;
+      }
+      if (index >= suggestions.value.length) {
+        index = props.loopNavigation ? 0 : suggestions.value.length - 1;
+      }
+      const [suggestion, suggestionList] = getSuggestionContext();
+      const highlightItem = suggestionList[index];
+      const scrollTop = suggestion.scrollTop;
+      const { offsetTop, scrollHeight } = highlightItem;
+      if (offsetTop + scrollHeight > scrollTop + suggestion.clientHeight) {
+        suggestion.scrollTop = offsetTop + scrollHeight - suggestion.clientHeight;
+      }
+      if (offsetTop < scrollTop) {
+        suggestion.scrollTop = offsetTop;
+      }
+      highlightedIndex.value = index;
+      (_b = (_a = inputRef.value) == null ? void 0 : _a.ref) == null ? void 0 : _b.setAttribute(
+        "aria-activedescendant",
+        `${listboxId.value}-item-${highlightedIndex.value}`
+      );
+    };
+    const getSuggestionContext = () => {
+      const suggestion = regionRef.value.querySelector(
+        `.${ns.be("suggestion", "wrap")}`
+      );
+      const suggestionList = suggestion.querySelectorAll(
+        `.${ns.be("suggestion", "list")} li`
+      );
+      return [suggestion, suggestionList];
+    };
+    const stopHandle = onClickOutside(listboxRef, () => {
+      var _a;
+      if ((_a = popperRef.value) == null ? void 0 : _a.isFocusInsideContent())
+        return;
+      suggestionVisible.value && close();
+    });
+    const handleKeydown = (e) => {
+      const code = getEventCode(e);
+      switch (code) {
+        case EVENT_CODE.up:
+          e.preventDefault();
+          highlight(highlightedIndex.value - 1);
+          break;
+        case EVENT_CODE.down:
+          e.preventDefault();
+          highlight(highlightedIndex.value + 1);
+          break;
+        case EVENT_CODE.enter:
+        case EVENT_CODE.numpadEnter:
+          e.preventDefault();
+          handleKeyEnter();
+          break;
+        case EVENT_CODE.tab:
+          close();
+          break;
+        case EVENT_CODE.esc:
+          handleKeyEscape(e);
+          break;
+        case EVENT_CODE.home:
+          e.preventDefault();
+          highlight(0);
+          break;
+        case EVENT_CODE.end:
+          e.preventDefault();
+          highlight(suggestions.value.length - 1);
+          break;
+        case EVENT_CODE.pageUp:
+          e.preventDefault();
+          highlight(Math.max(0, highlightedIndex.value - 10));
+          break;
+        case EVENT_CODE.pageDown:
+          e.preventDefault();
+          highlight(
+            Math.min(suggestions.value.length - 1, highlightedIndex.value + 10)
+          );
+          break;
+      }
+    };
+    onBeforeUnmount(() => {
+      stopHandle == null ? void 0 : stopHandle();
+    });
+    onMounted(() => {
+      var _a;
+      const inputElement = (_a = inputRef.value) == null ? void 0 : _a.ref;
+      if (!inputElement)
+        return;
+      [
+        { key: "role", value: "textbox" },
+        { key: "aria-autocomplete", value: "list" },
+        { key: "aria-controls", value: "id" },
+        {
+          key: "aria-activedescendant",
+          value: `${listboxId.value}-item-${highlightedIndex.value}`
+        }
+      ].forEach(({ key, value }) => inputElement.setAttribute(key, value));
+      readonly = inputElement.hasAttribute("readonly");
+    });
+    __expose({
+      highlightedIndex,
+      activated,
+      loading,
+      inputRef,
+      popperRef,
+      suggestions,
+      handleSelect,
+      handleKeyEnter,
+      focus,
+      blur,
+      close,
+      highlight,
+      getData
+    });
+    return (_ctx, _cache) => {
+      return openBlock(), createBlock(unref(ElTooltip), {
+        ref_key: "popperRef",
+        ref: popperRef,
+        visible: suggestionVisible.value,
+        placement: _ctx.placement,
+        "fallback-placements": ["bottom-start", "top-start"],
+        "popper-class": [unref(ns).e("popper"), _ctx.popperClass],
+        "popper-style": _ctx.popperStyle,
+        teleported: _ctx.teleported,
+        "append-to": _ctx.appendTo,
+        "gpu-acceleration": false,
+        pure: "",
+        "manual-mode": "",
+        effect: "light",
+        trigger: "click",
+        transition: `${unref(ns).namespace.value}-zoom-in-top`,
+        persistent: "",
+        role: "listbox",
+        onBeforeShow: onSuggestionShow,
+        onHide
+      }, {
+        content: withCtx(() => [
+          createElementVNode(
+            "div",
+            {
+              ref_key: "regionRef",
+              ref: regionRef,
+              class: normalizeClass([unref(ns).b("suggestion"), unref(ns).is("loading", suggestionLoading.value)]),
+              style: normalizeStyle({
+                [_ctx.fitInputWidth ? "width" : "minWidth"]: dropdownWidth.value,
+                outline: "none"
+              }),
+              role: "region"
+            },
+            [
+              _ctx.$slots.header ? (openBlock(), createElementBlock(
+                "div",
+                {
+                  key: 0,
+                  class: normalizeClass(unref(ns).be("suggestion", "header")),
+                  onClick: _cache[0] || (_cache[0] = withModifiers(() => {
+                  }, ["stop"]))
+                },
+                [
+                  renderSlot(_ctx.$slots, "header")
+                ],
+                2
+              )) : createCommentVNode("v-if", true),
+              createVNode(unref(ElScrollbar), {
+                id: unref(listboxId),
+                tag: "ul",
+                "wrap-class": unref(ns).be("suggestion", "wrap"),
+                "view-class": unref(ns).be("suggestion", "list"),
+                role: "listbox"
+              }, {
+                default: withCtx(() => [
+                  suggestionLoading.value ? (openBlock(), createElementBlock("li", _hoisted_2, [
+                    renderSlot(_ctx.$slots, "loading", {}, () => [
+                      createVNode(unref(ElIcon), {
+                        class: normalizeClass(unref(ns).is("loading"))
+                      }, {
+                        default: withCtx(() => [
+                          createVNode(unref(Loading))
+                        ]),
+                        _: 1
+                      }, 8, ["class"])
+                    ])
+                  ])) : (openBlock(true), createElementBlock(
+                    Fragment,
+                    { key: 1 },
+                    renderList(suggestions.value, (item, index) => {
+                      return openBlock(), createElementBlock("li", {
+                        id: `${unref(listboxId)}-item-${index}`,
+                        key: index,
+                        class: normalizeClass({ highlighted: highlightedIndex.value === index }),
+                        role: "option",
+                        "aria-selected": highlightedIndex.value === index,
+                        onClick: ($event) => handleSelect(item)
+                      }, [
+                        renderSlot(_ctx.$slots, "default", { item }, () => [
+                          createTextVNode(
+                            toDisplayString(item[_ctx.valueKey]),
+                            1
+                          )
+                        ])
+                      ], 10, _hoisted_3);
+                    }),
+                    128
+                  ))
+                ]),
+                _: 3
+              }, 8, ["id", "wrap-class", "view-class"]),
+              _ctx.$slots.footer ? (openBlock(), createElementBlock(
+                "div",
+                {
+                  key: 1,
+                  class: normalizeClass(unref(ns).be("suggestion", "footer")),
+                  onClick: _cache[1] || (_cache[1] = withModifiers(() => {
+                  }, ["stop"]))
+                },
+                [
+                  renderSlot(_ctx.$slots, "footer")
+                ],
+                2
+              )) : createCommentVNode("v-if", true)
+            ],
+            6
+          )
+        ]),
+        default: withCtx(() => [
+          createElementVNode("div", {
+            ref_key: "listboxRef",
+            ref: listboxRef,
+            class: normalizeClass([unref(ns).b(), _ctx.$attrs.class]),
+            style: normalizeStyle(styles.value),
+            role: "combobox",
+            "aria-haspopup": "listbox",
+            "aria-expanded": suggestionVisible.value,
+            "aria-owns": unref(listboxId)
+          }, [
+            createVNode(unref(ElInput), mergeProps({
+              ref_key: "inputRef",
+              ref: inputRef
+            }, mergeProps(passInputProps.value, _ctx.$attrs), {
+              "model-value": _ctx.modelValue,
+              disabled: unref(disabled),
+              onInput: handleInput,
+              onChange: handleChange,
+              onFocus: handleFocus,
+              onBlur: handleBlur,
+              onClear: handleClear,
+              onKeydown: handleKeydown,
+              onMousedown: handleMouseDown
+            }), createSlots({
+              _: 2
+            }, [
+              _ctx.$slots.prepend ? {
+                name: "prepend",
+                fn: withCtx(() => [
+                  renderSlot(_ctx.$slots, "prepend")
+                ]),
+                key: "0"
+              } : void 0,
+              _ctx.$slots.append ? {
+                name: "append",
+                fn: withCtx(() => [
+                  renderSlot(_ctx.$slots, "append")
+                ]),
+                key: "1"
+              } : void 0,
+              _ctx.$slots.prefix ? {
+                name: "prefix",
+                fn: withCtx(() => [
+                  renderSlot(_ctx.$slots, "prefix")
+                ]),
+                key: "2"
+              } : void 0,
+              _ctx.$slots.suffix ? {
+                name: "suffix",
+                fn: withCtx(() => [
+                  renderSlot(_ctx.$slots, "suffix")
+                ]),
+                key: "3"
+              } : void 0
+            ]), 1040, ["model-value", "disabled"])
+          ], 14, _hoisted_1)
+        ]),
+        _: 3
+      }, 8, ["visible", "placement", "popper-class", "popper-style", "teleported", "append-to", "transition"]);
+    };
   }
 });
-const autocompleteEmits = {
-  [UPDATE_MODEL_EVENT]: (value) => isString(value) || isNumber(value),
-  [INPUT_EVENT]: (value) => isString(value) || isNumber(value),
-  [CHANGE_EVENT]: (value) => isString(value) || isNumber(value),
-  focus: (evt) => evt instanceof FocusEvent,
-  blur: (evt) => evt instanceof FocusEvent,
-  clear: () => true,
-  select: (item) => isObject(item)
-};
+var Autocomplete = /* @__PURE__ */ _export_sfc(_sfc_main, [["__file", "/home/runner/work/element-plus/element-plus/packages/components/autocomplete/src/autocomplete.vue"]]);
 
-export { autocompleteEmits, autocompleteProps };
+export { Autocomplete as default };
 //# sourceMappingURL=autocomplete.mjs.map