@element-plus/nightly 0.0.20251227 → 0.0.20251228

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

@@ -1 +1 @@
-{"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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"}
+{"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;;;;"}

package/es/components/autocomplete/index.mjs

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

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

@@ -1,492 +1,66 @@
-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/input.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';
+import { inputProps } from '../../input/src/input2.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';
 
-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
+const autocompleteProps = buildProps({
+  ...inputProps,
+  valueKey: {
+    type: String,
+    default: "value"
   },
-  __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"]);
-    };
+  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
   }
 });
-var Autocomplete = /* @__PURE__ */ _export_sfc(_sfc_main, [["__file", "/home/runner/work/element-plus/element-plus/packages/components/autocomplete/src/autocomplete.vue"]]);
+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)
+};
 
-export { Autocomplete as default };
+export { autocompleteEmits, autocompleteProps };
 //# sourceMappingURL=autocomplete.mjs.map