@element-plus/nightly 0.0.20250128 → 0.0.20250129

package/es/components/transfer/src/transfer-panel2.mjs.map

@@ -1 +1 @@
-{"version":3,"file":"transfer-panel2.mjs","sources":["../../../../../../packages/components/transfer/src/transfer-panel.ts"],"sourcesContent":["import { buildProps, definePropType } from '@element-plus/utils'\nimport { transferCheckedChangeFn, transferProps } from './transfer'\n\nimport type { ExtractPropTypes, VNode } from 'vue'\nimport type { TransferDataItem, TransferKey } from './transfer'\nimport type TransferPanel from './transfer-panel.vue'\n\nexport interface TransferPanelState {\n  checked: TransferKey[]\n  allChecked: boolean\n  query: string\n  checkChangeByUser: boolean\n}\n\nexport const CHECKED_CHANGE_EVENT = 'checked-change'\n\nexport const transferPanelProps = buildProps({\n  data: transferProps.data,\n  optionRender: {\n    type: definePropType<(option: TransferDataItem) => VNode | VNode[]>(\n      Function\n    ),\n  },\n  placeholder: String,\n  title: String,\n  filterable: Boolean,\n  format: transferProps.format,\n  filterMethod: transferProps.filterMethod,\n  defaultChecked: transferProps.leftDefaultChecked,\n  props: transferProps.props,\n} as const)\nexport type TransferPanelProps = ExtractPropTypes<typeof transferPanelProps>\n\nexport const transferPanelEmits = {\n  [CHECKED_CHANGE_EVENT]: transferCheckedChangeFn,\n}\nexport type TransferPanelEmits = typeof transferPanelEmits\n\nexport type TransferPanelInstance = InstanceType<typeof TransferPanel>\n"],"names":[],"mappings":";;;AAEY,MAAC,oBAAoB,GAAG,iBAAiB;AACzC,MAAC,kBAAkB,GAAG,UAAU,CAAC;AAC7C,EAAE,IAAI,EAAE,aAAa,CAAC,IAAI;AAC1B,EAAE,YAAY,EAAE;AAChB,IAAI,IAAI,EAAE,cAAc,CAAC,QAAQ,CAAC;AAClC,GAAG;AACH,EAAE,WAAW,EAAE,MAAM;AACrB,EAAE,KAAK,EAAE,MAAM;AACf,EAAE,UAAU,EAAE,OAAO;AACrB,EAAE,MAAM,EAAE,aAAa,CAAC,MAAM;AAC9B,EAAE,YAAY,EAAE,aAAa,CAAC,YAAY;AAC1C,EAAE,cAAc,EAAE,aAAa,CAAC,kBAAkB;AAClD,EAAE,KAAK,EAAE,aAAa,CAAC,KAAK;AAC5B,CAAC,EAAE;AACS,MAAC,kBAAkB,GAAG;AAClC,EAAE,CAAC,oBAAoB,GAAG,uBAAuB;AACjD;;;;"}
+{"version":3,"file":"transfer-panel2.mjs","sources":["../../../../../../packages/components/transfer/src/transfer-panel.vue"],"sourcesContent":["<template>\n  <div :class=\"ns.b('panel')\">\n    <p :class=\"ns.be('panel', 'header')\">\n      <el-checkbox\n        v-model=\"allChecked\"\n        :indeterminate=\"isIndeterminate\"\n        :validate-event=\"false\"\n        @change=\"handleAllCheckedChange\"\n      >\n        {{ title }}\n        <span>{{ checkedSummary }}</span>\n      </el-checkbox>\n    </p>\n\n    <div :class=\"[ns.be('panel', 'body'), ns.is('with-footer', hasFooter)]\">\n      <el-input\n        v-if=\"filterable\"\n        v-model=\"query\"\n        :class=\"ns.be('panel', 'filter')\"\n        size=\"default\"\n        :placeholder=\"placeholder\"\n        :prefix-icon=\"Search\"\n        clearable\n        :validate-event=\"false\"\n      />\n      <el-checkbox-group\n        v-show=\"!hasNoMatch && !isEmpty(data)\"\n        v-model=\"checked\"\n        :validate-event=\"false\"\n        :class=\"[ns.is('filterable', filterable), ns.be('panel', 'list')]\"\n      >\n        <el-checkbox\n          v-for=\"item in filteredData\"\n          :key=\"item[propsAlias.key]\"\n          :class=\"ns.be('panel', 'item')\"\n          :value=\"item[propsAlias.key]\"\n          :disabled=\"item[propsAlias.disabled]\"\n          :validate-event=\"false\"\n        >\n          <option-content :option=\"optionRender?.(item)\" />\n        </el-checkbox>\n      </el-checkbox-group>\n      <div\n        v-show=\"hasNoMatch || isEmpty(data)\"\n        :class=\"ns.be('panel', 'empty')\"\n      >\n        <slot name=\"empty\">\n          {{ hasNoMatch ? t('el.transfer.noMatch') : t('el.transfer.noData') }}\n        </slot>\n      </div>\n    </div>\n    <p v-if=\"hasFooter\" :class=\"ns.be('panel', 'footer')\">\n      <slot />\n    </p>\n  </div>\n</template>\n\n<script lang=\"ts\" setup>\nimport { computed, reactive, toRefs, useSlots } from 'vue'\nimport { isEmpty } from '@element-plus/utils'\nimport { useLocale, useNamespace } from '@element-plus/hooks'\nimport { ElCheckbox, ElCheckboxGroup } from '@element-plus/components/checkbox'\nimport { ElInput } from '@element-plus/components/input'\nimport { Search } from '@element-plus/icons-vue'\nimport { transferPanelEmits, transferPanelProps } from './transfer-panel'\nimport { useCheck, usePropsAlias } from './composables'\n\nimport type { VNode } from 'vue'\nimport type { TransferPanelState } from './transfer-panel'\n\ndefineOptions({\n  name: 'ElTransferPanel',\n})\n\nconst props = defineProps(transferPanelProps)\nconst emit = defineEmits(transferPanelEmits)\nconst slots = useSlots()\n\nconst OptionContent = ({ option }: { option?: VNode | VNode[] }) => option\n\nconst { t } = useLocale()\nconst ns = useNamespace('transfer')\n\nconst panelState = reactive<TransferPanelState>({\n  checked: [],\n  allChecked: false,\n  query: '',\n  checkChangeByUser: true,\n})\n\nconst propsAlias = usePropsAlias(props)\n\nconst {\n  filteredData,\n  checkedSummary,\n  isIndeterminate,\n  handleAllCheckedChange,\n} = useCheck(props, panelState, emit)\n\nconst hasNoMatch = computed(\n  () => !isEmpty(panelState.query) && isEmpty(filteredData.value)\n)\n\nconst hasFooter = computed(() => !isEmpty(slots.default!()[0].children))\n\nconst { checked, allChecked, query } = toRefs(panelState)\n\ndefineExpose({\n  /** @description filter keyword */\n  query,\n})\n</script>\n"],"names":["_openBlock","_createElementBlock","_normalizeClass","_unref"],"mappings":";;;;;;;;;;;;mCAsEc,CAAA;AAAA,EACZ,IAAM,EAAA,iBAAA;AACR,CAAA,CAAA,CAAA;;;;;;;AAIA,IAAA,MAAM,QAAQ,QAAS,EAAA,CAAA;AAEvB,IAAA,MAAM,aAAgB,GAAA,CAAC,EAAE,MAAA,EAA2C,KAAA,MAAA,CAAA;AAEpE,IAAM,MAAA,EAAE,CAAE,EAAA,GAAI,SAAU,EAAA,CAAA;AACxB,IAAM,MAAA,EAAA,GAAK,aAAa,UAAU,CAAA,CAAA;AAElC,IAAA,MAAM,aAAa,QAA6B,CAAA;AAAA,MAC9C,SAAS,EAAC;AAAA,MACV,UAAY,EAAA,KAAA;AAAA,MACZ,KAAO,EAAA,EAAA;AAAA,MACP,iBAAmB,EAAA,IAAA;AAAA,KACpB,CAAA,CAAA;AAED,IAAM,MAAA,UAAA,GAAa,cAAc,KAAK,CAAA,CAAA;AAEtC,IAAM,MAAA;AAAA,MACJ,YAAA;AAAA,MACA,cAAA;AAAA,MACA,eAAA;AAAA,MACA,sBAAA;AAAA,KACE,GAAA,QAAA,CAAS,KAAO,EAAA,UAAA,EAAY,IAAI,CAAA,CAAA;AAEpC,IAAA,MAAM,UAAa,GAAA,QAAA,CAAA,MAAA,CAAA,OAAA,CAAA,UAAA,CAAA,KAAA,CAAA,IAAA,OAAA,CAAA,YAAA,CAAA,KAAA,CAAA,CAAA,CAAA;AAAA,IACjB,MAAA,SAAe,GAAA,QAAA,CAAA,MAAgB,CAAK,OAAA,CAAA,iBAAqB,CAAK,CAAA,QAAA,CAAA,CAAA,CAAA;AAAA,IAChE,MAAA,EAAA,OAAA,EAAA,UAAA,EAAA,KAAA,EAAA,GAAA,MAAA,CAAA,UAAA,CAAA,CAAA;AAEA,IAAM,MAAA,CAAA;AAEN,MAAA;AAEA,KAAa,CAAA,CAAA;AAAA,IAAA,OAAA,CAAA,IAAA,EAAA,MAAA,KAAA;AAAA,MAEX,OAAAA,SAAA,EAAA,EAAAC,kBAAA,CAAA,KAAA,EAAA;AAAA,QACD,KAAA,EAAAC,cAAA,CAAAC,KAAA,CAAA,EAAA,CAAA,CAAA,CAAA,CAAA,OAAA,CAAA,CAAA;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}

package/es/components/transfer/src/transfer2.mjs

@@ -3,7 +3,7 @@ import { ElButton } from '../../button/index.mjs';
 import { ElIcon } from '../../icon/index.mjs';
 import { ArrowLeft, ArrowRight } from '@element-plus/icons-vue';
 import { transferProps, transferEmits } from './transfer.mjs';
-import TransferPanel from './transfer-panel.mjs';
+import TransferPanel from './transfer-panel2.mjs';
 import _export_sfc from '../../../_virtual/plugin-vue_export-helper.mjs';
 import { useComputedData } from './composables/use-computed-data.mjs';
 import { useMove } from './composables/use-move.mjs';

package/es/directives/click-outside/index.mjs

@@ -1,6 +1,6 @@
 import { isClient } from '@vueuse/core';
-import { isArray } from '@vue/shared';
 import { isElement } from '../../utils/types.mjs';
+import { isArray } from '@vue/shared';
 
 const nodeList = /* @__PURE__ */ new Map();
 if (isClient) {

package/es/hooks/use-focus-controller/index.mjs

@@ -1,7 +1,7 @@
 import { getCurrentInstance, shallowRef, ref, watch, onMounted } from 'vue';
 import { useEventListener } from '@vueuse/core';
-import { isElement } from '../../utils/types.mjs';
 import { isFunction } from '@vue/shared';
+import { isElement } from '../../utils/types.mjs';
 
 function useFocusController(target, {
   beforeFocus,

package/es/hooks/use-lockscreen/index.mjs

@@ -1,9 +1,9 @@
 import { isRef, computed, watch, onScopeDispose } from 'vue';
 import { useNamespace } from '../use-namespace/index.mjs';
 import { throwError } from '../../utils/error.mjs';
-import { isClient } from '@vueuse/core';
 import { hasClass, addClass, getStyle, removeClass } from '../../utils/dom/style.mjs';
 import { getScrollBarWidth } from '../../utils/dom/scroll.mjs';
+import { isClient } from '@vueuse/core';
 
 const useLockscreen = (trigger, options = {}) => {
   if (!isRef(trigger)) {

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/autocomplete2.mjs';
+export { autocompleteEmits, autocompleteProps } from './components/autocomplete/src/autocomplete.mjs';
 export { ElAutocomplete } from './components/autocomplete/index.mjs';
 export { avatarEmits, avatarProps } from './components/avatar/src/avatar.mjs';
 export { ElAvatar } from './components/avatar/index.mjs';
@@ -18,7 +18,7 @@ export { breadcrumbProps } from './components/breadcrumb/src/breadcrumb.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/button2.mjs';
+export { buttonEmits, buttonNativeTypes, buttonProps, buttonTypes } from './components/button/src/button.mjs';
 export { buttonGroupContextKey } from './components/button/src/constants.mjs';
 export { ElButton, ElButtonGroup } from './components/button/index.mjs';
 export { calendarEmits, calendarProps } from './components/calendar/src/calendar.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';
@@ -60,7 +60,7 @@ 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';
@@ -76,7 +76,7 @@ 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';
 export { ElEmpty } from './components/empty/index.mjs';
-export { formEmits, formMetaProps, formProps } from './components/form/src/form2.mjs';
+export { formEmits, formMetaProps, formProps } from './components/form/src/form.mjs';
 export { formItemProps, formItemValidateStates } from './components/form/src/form-item.mjs';
 export { formContextKey, formItemContextKey } from './components/form/src/constants.mjs';
 export { useDisabled, useFormDisabled, useFormSize, useSize } from './components/form/src/hooks/use-form-common-props.mjs';
@@ -110,7 +110,7 @@ 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 { Effect, popperProps, roleTypes, usePopperProps } from './components/popper/src/popper.mjs';
 export { popperTriggerProps, usePopperTriggerProps } from './components/popper/src/trigger.mjs';
 export { popperContentEmits, popperContentProps, popperCoreConfigProps, usePopperContentEmits, usePopperContentProps, usePopperCoreConfigProps } from './components/popper/src/content.mjs';
 export { popperArrowProps, usePopperArrowProps } from './components/popper/src/arrow.mjs';
@@ -121,9 +121,9 @@ export { default as ElPopperContent } from './components/popper/src/content2.mjs
 export { ElPopper } from './components/popper/index.mjs';
 export { progressProps } from './components/progress/src/progress2.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-group2.mjs';
-export { radioButtonProps } from './components/radio/src/radio-button.mjs';
+export { radioEmits, radioProps, radioPropsBase } from './components/radio/src/radio2.mjs';
+export { radioGroupEmits, radioGroupProps } from './components/radio/src/radio-group.mjs';
+export { radioButtonProps } from './components/radio/src/radio-button2.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/rate2.mjs';
@@ -157,7 +157,7 @@ export { ElStatistic } from './components/statistic/index.mjs';
 export { stepProps } from './components/steps/src/item.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';
@@ -211,8 +211,8 @@ export { virtualizedGridProps, virtualizedListProps, virtualizedProps, virtualiz
 export { watermarkProps } from './components/watermark/src/watermark.mjs';
 export { ElWatermark } from './components/watermark/index.mjs';
 export { tourEmits, tourProps } from './components/tour/src/tour.mjs';
-export { tourStepEmits, tourStepProps } from './components/tour/src/step2.mjs';
-export { tourContentEmits, tourContentProps, tourPlacements, tourStrategies } from './components/tour/src/content2.mjs';
+export { tourStepEmits, tourStepProps } from './components/tour/src/step.mjs';
+export { tourContentEmits, tourContentProps, tourPlacements, tourStrategies } from './components/tour/src/content.mjs';
 export { ElTour, ElTourStep } from './components/tour/index.mjs';
 export { anchorEmits, anchorProps } from './components/anchor/src/anchor.mjs';
 export { ElAnchor, ElAnchorLink } from './components/anchor/index.mjs';

package/es/version.d.ts

@@ -1 +1 @@
-export declare const version = "0.0.20250128";
+export declare const version = "0.0.20250129";

package/es/version.mjs

@@ -1,4 +1,4 @@
-const version = "0.0.20250128";
+const version = "0.0.20250129";
 
 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.20250128'\n"],"names":[],"mappings":"AAAY,MAAC,OAAO,GAAG;;;;"}
+{"version":3,"file":"version.mjs","sources":["../../../packages/element-plus/version.ts"],"sourcesContent":["export const version = '0.0.20250129'\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/autocomplete.js');
-var autocomplete = require('./src/autocomplete2.js');
+var autocomplete$1 = require('./src/autocomplete2.js');
+var autocomplete = require('./src/autocomplete.js');
 var install = require('../../utils/vue/install.js');
 
 const ElAutocomplete = install.withInstall(autocomplete$1["default"]);

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

@@ -2,374 +2,87 @@
 
 Object.defineProperty(exports, '__esModule', { value: true });
 
-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 content = require('../../tooltip/src/content2.js');
 var event = require('../../../constants/event.js');
-var error = require('../../../utils/error.js');
+var runtime = require('../../../utils/vue/props/runtime.js');
+var shared = require('@vue/shared');
+var index = require('../../../hooks/use-aria/index.js');
 
-const COMPONENT_NAME = "ElAutocomplete";
-const __default__ = vue.defineComponent({
-  name: COMPONENT_NAME,
-  inheritAttrs: false
-});
-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) => {
-      if (!ignoreFocusEvent) {
-        activated.value = true;
-        emit("focus", evt);
-        if (props.triggerOnFocus && !readonly) {
-          debouncedGetData(String(props.modelValue));
-        }
-      } 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,
-        "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", "transition"]);
-    };
-  }
+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,
+  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"])
 });
-var Autocomplete = /* @__PURE__ */ pluginVue_exportHelper["default"](_sfc_main, [["__file", "autocomplete.vue"]]);
+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)
+};
 
-exports["default"] = Autocomplete;
+exports.autocompleteEmits = autocompleteEmits;
+exports.autocompleteProps = autocompleteProps;
 //# sourceMappingURL=autocomplete.js.map