element-pe 2.2.82 → 2.2.83

package/es/components/alert/src/alert2.mjs

@@ -1,108 +1,43 @@
-import { defineComponent, useSlots, ref, computed, openBlock, createBlock, Transition, unref, withCtx, withDirectives, createElementVNode, normalizeClass, resolveDynamicComponent, createCommentVNode, createElementBlock, renderSlot, createTextVNode, toDisplayString, Fragment, createVNode, vShow } from 'vue';
-import { ElIcon } from '../../icon/index.mjs';
 import '../../../utils/index.mjs';
-import '../../../hooks/index.mjs';
-import { alertProps, alertEmits } from './alert.mjs';
-import '../../config-provider/index.mjs';
-import _export_sfc from '../../../_virtual/plugin-vue_export-helper.mjs';
-import { useGlobalConfig } from '../../config-provider/src/hooks/use-global-config.mjs';
-import { TypeComponents, TypeComponentsMap } from '../../../utils/vue/icon.mjs';
-import { useNamespace } from '../../../hooks/use-namespace/index.mjs';
+import { buildProps } from '../../../utils/vue/props/runtime.mjs';
+import { keysOf } from '../../../utils/objects.mjs';
+import { TypeComponentsMap } from '../../../utils/vue/icon.mjs';
 
-const _hoisted_1 = ["widget"];
-const __default__ = defineComponent({
-  name: "ElAlert"
+const alertEffects = ["light", "dark"];
+const alertProps = buildProps({
+  title: {
+    type: String,
+    default: ""
+  },
+  description: {
+    type: String,
+    default: ""
+  },
+  type: {
+    type: String,
+    values: keysOf(TypeComponentsMap),
+    default: "info"
+  },
+  closable: {
+    type: Boolean,
+    default: true
+  },
+  closeText: {
+    type: String,
+    default: ""
+  },
+  showIcon: Boolean,
+  center: Boolean,
+  effect: {
+    type: String,
+    values: alertEffects,
+    default: "light"
+  },
+  widget: String
 });
-const _sfc_main = /* @__PURE__ */ defineComponent({
-  ...__default__,
-  props: alertProps,
-  emits: alertEmits,
-  setup(__props, { emit }) {
-    const props = __props;
-    const forEditor = useGlobalConfig("forEditor");
-    const { Close } = TypeComponents;
-    const slots = useSlots();
-    const ns = useNamespace("alert");
-    const visible = ref(true);
-    const iconComponent = computed(() => TypeComponentsMap[props.type]);
-    const iconClass = computed(() => [
-      ns.e("icon"),
-      { [ns.is("big")]: !!props.description || !!slots.default }
-    ]);
-    const isBoldTitle = computed(() => {
-      return { [ns.is("bold")]: props.description || slots.default };
-    });
-    const close = (evt) => {
-      visible.value = false;
-      emit("close", evt);
-    };
-    return (_ctx, _cache) => {
-      return openBlock(), createBlock(Transition, {
-        duration: unref(forEditor) ? -1 : 0,
-        name: unref(ns).b("fade"),
-        persisted: ""
-      }, {
-        default: withCtx(() => [
-          withDirectives(createElementVNode("div", {
-            class: normalizeClass([unref(ns).b(), unref(ns).m(_ctx.type), unref(ns).is("center", _ctx.center), unref(ns).is(_ctx.effect)]),
-            role: "alert",
-            widget: _ctx.widget
-          }, [
-            _ctx.showIcon && unref(iconComponent) ? (openBlock(), createBlock(unref(ElIcon), {
-              key: 0,
-              class: normalizeClass(unref(iconClass))
-            }, {
-              default: withCtx(() => [
-                (openBlock(), createBlock(resolveDynamicComponent(unref(iconComponent))))
-              ]),
-              _: 1
-            }, 8, ["class"])) : createCommentVNode("v-if", true),
-            createElementVNode("div", {
-              class: normalizeClass(unref(ns).e("content"))
-            }, [
-              _ctx.title || _ctx.$slots.title ? (openBlock(), createElementBlock("span", {
-                key: 0,
-                class: normalizeClass([unref(ns).e("title"), unref(isBoldTitle)])
-              }, [
-                renderSlot(_ctx.$slots, "title", {}, () => [
-                  createTextVNode(toDisplayString(_ctx.title), 1)
-                ])
-              ], 2)) : createCommentVNode("v-if", true),
-              _ctx.$slots.default || _ctx.description ? (openBlock(), createElementBlock("p", {
-                key: 1,
-                class: normalizeClass(unref(ns).e("description"))
-              }, [
-                renderSlot(_ctx.$slots, "default", {}, () => [
-                  createTextVNode(toDisplayString(_ctx.description), 1)
-                ])
-              ], 2)) : createCommentVNode("v-if", true),
-              _ctx.closable ? (openBlock(), createElementBlock(Fragment, { key: 2 }, [
-                _ctx.closeText ? (openBlock(), createElementBlock("div", {
-                  key: 0,
-                  class: normalizeClass([unref(ns).e("close-btn"), unref(ns).is("customed")]),
-                  onClick: close
-                }, toDisplayString(_ctx.closeText), 3)) : (openBlock(), createBlock(unref(ElIcon), {
-                  key: 1,
-                  class: normalizeClass(unref(ns).e("close-btn")),
-                  onClick: close
-                }, {
-                  default: withCtx(() => [
-                    createVNode(unref(Close))
-                  ]),
-                  _: 1
-                }, 8, ["class"]))
-              ], 64)) : createCommentVNode("v-if", true)
-            ], 2)
-          ], 10, _hoisted_1), [
-            [vShow, visible.value]
-          ])
-        ]),
-        _: 3
-      }, 8, ["duration", "name"]);
-    };
-  }
-});
-var Alert = /* @__PURE__ */ _export_sfc(_sfc_main, [["__file", "D:\\workspace\\element-pe\\packages\\components\\alert\\src\\alert.vue"]]);
+const alertEmits = {
+  close: (evt) => evt instanceof MouseEvent
+};
 
-export { Alert as default };
+export { alertEffects, alertEmits, alertProps };
 //# sourceMappingURL=alert2.mjs.map

package/es/components/alert/src/alert2.mjs.map

@@ -1 +1 @@
-{"version":3,"file":"alert2.mjs","sources":["../../../../../../packages/components/alert/src/alert.vue"],"sourcesContent":["<template>\n  <transition :duration=\"forEditor ? -1: 0\" :name=\"ns.b('fade')\">\n    <div\n      v-show=\"visible\"\n      :class=\"[ns.b(), ns.m(type), ns.is('center', center), ns.is(effect)]\"\n      role=\"alert\"\n      :widget=\"widget\"\n    >\n      <el-icon v-if=\"showIcon && iconComponent\" :class=\"iconClass\">\n        <component :is=\"iconComponent\" />\n      </el-icon>\n\n      <div :class=\"ns.e('content')\">\n        <span\n          v-if=\"title || $slots.title\"\n          :class=\"[ns.e('title'), isBoldTitle]\"\n        >\n          <slot name=\"title\">{{ title }}</slot>\n        </span>\n        <p v-if=\"$slots.default || description\" :class=\"ns.e('description')\">\n          <slot>\n            {{ description }}\n          </slot>\n        </p>\n        <template v-if=\"closable\">\n          <div\n            v-if=\"closeText\"\n            :class=\"[ns.e('close-btn'), ns.is('customed')]\"\n            @click=\"close\"\n          >\n            {{ closeText }}\n          </div>\n          <el-icon v-else :class=\"ns.e('close-btn')\" @click=\"close\">\n            <Close />\n          </el-icon>\n        </template>\n      </div>\n    </div>\n  </transition>\n</template>\n<script lang=\"ts\" setup>\nimport { computed, ref, useSlots } from 'vue'\nimport { ElIcon } from '@element-plus/components/icon'\nimport { TypeComponents, TypeComponentsMap } from '@element-plus/utils'\nimport { useNamespace } from '@element-plus/hooks'\nimport { alertEmits, alertProps } from './alert'\nimport { useGlobalConfig } from '../../config-provider'\n\nconst forEditor = useGlobalConfig('forEditor')\n\nconst { Close } = TypeComponents\n\ndefineOptions({\n  name: 'ElAlert',\n})\n\nconst props = defineProps(alertProps)\nconst emit = defineEmits(alertEmits)\nconst slots = useSlots()\n\nconst ns = useNamespace('alert')\n\nconst visible = ref(true)\n\nconst iconComponent = computed(() => TypeComponentsMap[props.type])\n\nconst iconClass = computed(() => [\n  ns.e('icon'),\n  { [ns.is('big')]: !!props.description || !!slots.default },\n])\n\nconst isBoldTitle = computed(() => {\n  return { [ns.is('bold')]: props.description || slots.default }\n})\n\nconst close = (evt: MouseEvent) => {\n  visible.value = false\n  emit('close', evt)\n}\n</script>\n"],"names":[],"mappings":";;;;;;;;;;;;mCAoDc,CAAA;AAAA,EACZ,IAAM,EAAA,SAAA;AACR,CAAA,CAAA,CAAA;;;;;;;AANA,IAAM,MAAA,SAAA,GAAY,gBAAgB,WAAW,CAAA,CAAA;AAE7C,IAAA,MAAM,EAAE,KAAU,EAAA,GAAA,cAAA,CAAA;AAQlB,IAAA,MAAM,QAAQ,QAAS,EAAA,CAAA;AAEvB,IAAM,MAAA,EAAA,GAAK,aAAa,OAAO,CAAA,CAAA;AAE/B,IAAM,MAAA,OAAA,GAAU,IAAI,IAAI,CAAA,CAAA;AAExB,IAAA,MAAM,aAAgB,GAAA,QAAA,CAAS,MAAM,iBAAA,CAAkB,MAAM,IAAK,CAAA,CAAA,CAAA;AAElE,IAAM,MAAA,SAAA,GAAY,SAAS,MAAM;AAAA,MAC/B,EAAA,CAAG,EAAE,MAAM,CAAA;AAAA,MACX,EAAE,CAAC,EAAG,CAAA,EAAA,CAAG,KAAK,CAAA,GAAI,CAAC,CAAC,KAAM,CAAA,WAAA,IAAe,CAAC,CAAC,MAAM,OAAQ,EAAA;AAAA,KAC1D,CAAA,CAAA;AAED,IAAM,MAAA,WAAA,GAAc,SAAS,MAAM;AACjC,MAAO,OAAA,EAAE,CAAC,EAAG,CAAA,EAAA,CAAG,MAAM,CAAI,GAAA,KAAA,CAAM,WAAe,IAAA,KAAA,CAAM,OAAQ,EAAA,CAAA;AAAA,KAC9D,CAAA,CAAA;AAED,IAAM,MAAA,KAAA,GAAQ,CAAC,GAAoB,KAAA;AACjC,MAAA,OAAA,CAAQ,KAAQ,GAAA,KAAA,CAAA;AAChB,MAAA,IAAA,CAAK,SAAS,GAAG,CAAA,CAAA;AAAA,KACnB,CAAA;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}
+{"version":3,"file":"alert2.mjs","sources":["../../../../../../packages/components/alert/src/alert.ts"],"sourcesContent":["import { TypeComponentsMap, buildProps, keysOf } from '@element-plus/utils'\nimport type { ExtractPropTypes } from 'vue'\n\nexport const alertEffects = ['light', 'dark'] as const\n\nexport const alertProps = buildProps({\n  /**\n   * @description alert title.\n   */\n  title: {\n    type: String,\n    default: '',\n  },\n  description: {\n    type: String,\n    default: '',\n  },\n  /**\n   * @description alert type.\n   */\n  type: {\n    type: String,\n    values: keysOf(TypeComponentsMap),\n    default: 'info',\n  },\n  /**\n   * @description whether alert can be dismissed.\n   */\n  closable: {\n    type: Boolean,\n    default: true,\n  },\n  /**\n   * @description text for replacing x button\n   */\n  closeText: {\n    type: String,\n    default: '',\n  },\n  /**\n   * @description whether show icon\n   */\n  showIcon: Boolean,\n  /**\n   * @description should content be placed in center.\n   */\n  center: Boolean,\n  effect: {\n    type: String,\n    values: alertEffects,\n    default: 'light',\n  },\n  widget: String,\n} as const)\nexport type AlertProps = ExtractPropTypes<typeof alertProps>\n\nexport const alertEmits = {\n  close: (evt: MouseEvent) => evt instanceof MouseEvent,\n}\nexport type AlertEmits = typeof alertEmits\n"],"names":[],"mappings":";;;;;AACY,MAAC,YAAY,GAAG,CAAC,OAAO,EAAE,MAAM,EAAE;AAClC,MAAC,UAAU,GAAG,UAAU,CAAC;AACrC,EAAE,KAAK,EAAE;AACT,IAAI,IAAI,EAAE,MAAM;AAChB,IAAI,OAAO,EAAE,EAAE;AACf,GAAG;AACH,EAAE,WAAW,EAAE;AACf,IAAI,IAAI,EAAE,MAAM;AAChB,IAAI,OAAO,EAAE,EAAE;AACf,GAAG;AACH,EAAE,IAAI,EAAE;AACR,IAAI,IAAI,EAAE,MAAM;AAChB,IAAI,MAAM,EAAE,MAAM,CAAC,iBAAiB,CAAC;AACrC,IAAI,OAAO,EAAE,MAAM;AACnB,GAAG;AACH,EAAE,QAAQ,EAAE;AACZ,IAAI,IAAI,EAAE,OAAO;AACjB,IAAI,OAAO,EAAE,IAAI;AACjB,GAAG;AACH,EAAE,SAAS,EAAE;AACb,IAAI,IAAI,EAAE,MAAM;AAChB,IAAI,OAAO,EAAE,EAAE;AACf,GAAG;AACH,EAAE,QAAQ,EAAE,OAAO;AACnB,EAAE,MAAM,EAAE,OAAO;AACjB,EAAE,MAAM,EAAE;AACV,IAAI,IAAI,EAAE,MAAM;AAChB,IAAI,MAAM,EAAE,YAAY;AACxB,IAAI,OAAO,EAAE,OAAO;AACpB,GAAG;AACH,EAAE,MAAM,EAAE,MAAM;AAChB,CAAC,EAAE;AACS,MAAC,UAAU,GAAG;AAC1B,EAAE,KAAK,EAAE,CAAC,GAAG,KAAK,GAAG,YAAY,UAAU;AAC3C;;;;"}

package/es/components/autocomplete/index.mjs

@@ -1,6 +1,6 @@
 import '../../utils/index.mjs';
-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,385 +1,105 @@
-import { defineComponent, inject, useAttrs as useAttrs$1, computed, ref, onMounted, openBlock, createBlock, unref, withCtx, createElementVNode, normalizeClass, normalizeStyle, createVNode, createElementBlock, Fragment, renderList, renderSlot, createTextVNode, toDisplayString, mergeProps, withKeys, withModifiers, createSlots } from 'vue';
-import { debounce } from 'lodash-unified';
-import { onClickOutside } from '@vueuse/core';
-import { Loading } from '@element-plus/icons-vue';
-import '../../../hooks/index.mjs';
+import { NOOP, isString, isObject } from '@vue/shared';
 import '../../../utils/index.mjs';
+import '../../tooltip/index.mjs';
 import '../../../constants/index.mjs';
-import { ElInput } from '../../input/index.mjs';
-import { ElScrollbar } from '../../scrollbar/index.mjs';
-import { ElTooltip } from '../../tooltip/index.mjs';
-import { ElIcon } from '../../icon/index.mjs';
-import '../../form/index.mjs';
-import { autocompleteProps, autocompleteEmits } from './autocomplete2.mjs';
-import { TABLE_INJECTION_KEY } from '../../table/src/tokens.mjs';
-import _export_sfc from '../../../_virtual/plugin-vue_export-helper.mjs';
-import { useAttrs } from '../../../hooks/use-attrs/index.mjs';
-import { useFormDisabled, useFormViewMode, useFormSize } from '../../form/src/hooks/use-form-common-props.mjs';
-import { useNamespace } from '../../../hooks/use-namespace/index.mjs';
-import { generateId } from '../../../utils/rand.mjs';
-import { isArray } from '@vue/shared';
-import { throwError } from '../../../utils/error.mjs';
-import { INPUT_EVENT, UPDATE_MODEL_EVENT, CHANGE_EVENT } from '../../../constants/event.mjs';
+import '../../../hooks/index.mjs';
+import { buildProps, definePropType } from '../../../utils/vue/props/runtime.mjs';
+import { useTooltipContentProps } from '../../tooltip/src/content.mjs';
+import { viewModes } from '../../../constants/size.mjs';
+import { useSizeProp } from '../../../hooks/use-size/index.mjs';
+import { UPDATE_MODEL_EVENT, INPUT_EVENT, CHANGE_EVENT } from '../../../constants/event.mjs';
 
-const _hoisted_1 = ["aria-expanded", "aria-owns", "widget"];
-const _hoisted_2 = { key: 0 };
-const _hoisted_3 = ["id", "aria-selected", "onClick"];
-const COMPONENT_NAME = "ElAutocomplete";
-const __default__ = defineComponent({
-  name: COMPONENT_NAME,
-  inheritAttrs: false
-});
-const _sfc_main = /* @__PURE__ */ defineComponent({
-  ...__default__,
-  props: autocompleteProps,
-  emits: autocompleteEmits,
-  setup(__props, { expose, emit }) {
-    const props = __props;
-    const table = inject(TABLE_INJECTION_KEY, void 0);
-    const attrs = useAttrs();
-    const rawAttrs = useAttrs$1();
-    const disabled = useFormDisabled();
-    const viewMode = useFormViewMode();
-    const isTableInput = computed(() => table && props.tableInput);
-    const iSize = computed(() => {
-      if (isTableInput.value) {
-        return table.props.size === "small" ? "small" : "";
-      } else {
-        const formSize = useFormSize();
-        return formSize.value;
-      }
-    });
-    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 = computed(() => ns.b(String(generateId())));
-    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 debouncedGetData = debounce(getData, props.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 || viewMode.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) => {
-      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(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(INPUT_EVENT, item[props.valueKey]);
-      emit(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}`);
-    };
-    onClickOutside(listboxRef, () => {
-      suggestionVisible.value && close();
-    });
-    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
-    });
-    return (_ctx, _cache) => {
-      return openBlock(), createBlock(unref(ElTooltip), {
-        ref_key: "popperRef",
-        ref: popperRef,
-        visible: unref(suggestionVisible),
-        placement: _ctx.placement,
-        offset: _ctx.offset,
-        "show-arrow": _ctx.showArrow,
-        "fallback-placements": ["bottom-start", "top-start"],
-        "popper-class": [unref(ns).e("popper"), _ctx.popperClass],
-        teleported: _ctx.teleported,
-        "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", unref(suggestionLoading))]),
-            style: normalizeStyle({
-              [_ctx.fitInputWidth ? "width" : "minWidth"]: dropdownWidth.value,
-              outline: "none"
-            }),
-            role: "region"
-          }, [
-            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(() => [
-                unref(suggestionLoading) ? (openBlock(), createElementBlock("li", _hoisted_2, [
-                  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"])
-          ], 6)
-        ]),
-        default: withCtx(() => [
-          createElementVNode("div", {
-            ref_key: "listboxRef",
-            ref: listboxRef,
-            class: normalizeClass([unref(ns).b(), unref(ns).is("table-input", unref(isTableInput)), _ctx.$attrs.class]),
-            style: normalizeStyle(unref(styles)),
-            role: "combobox",
-            "aria-haspopup": "listbox",
-            "aria-expanded": unref(suggestionVisible),
-            "aria-owns": unref(listboxId),
-            widget: _ctx.widget
-          }, [
-            createVNode(unref(ElInput), mergeProps({
-              ref_key: "inputRef",
-              ref: inputRef
-            }, unref(attrs), {
-              clearable: _ctx.clearable,
-              disabled: unref(disabled),
-              "view-mode": unref(viewMode),
-              "table-input": unref(isTableInput),
-              size: unref(iSize),
-              name: _ctx.name,
-              "model-value": _ctx.modelValue,
-              onInput: handleInput,
-              onChange: handleChange,
-              onFocus: handleFocus,
-              onBlur: handleBlur,
-              onClear: handleClear,
-              onKeydown: [
-                _cache[0] || (_cache[0] = withKeys(withModifiers(($event) => highlight(highlightedIndex.value - 1), ["prevent"]), ["up"])),
-                _cache[1] || (_cache[1] = withKeys(withModifiers(($event) => highlight(highlightedIndex.value + 1), ["prevent"]), ["down"])),
-                withKeys(handleKeyEnter, ["enter"]),
-                withKeys(close, ["tab"]),
-                withKeys(handleKeyEscape, ["esc"])
-              ],
-              onMousedown: handleMouseDown
-            }), createSlots({ _: 2 }, [
-              _ctx.$slots.prepend ? {
-                name: "prepend",
-                fn: withCtx(() => [
-                  renderSlot(_ctx.$slots, "prepend")
-                ])
-              } : void 0,
-              _ctx.$slots.append ? {
-                name: "append",
-                fn: withCtx(() => [
-                  renderSlot(_ctx.$slots, "append")
-                ])
-              } : void 0,
-              _ctx.$slots.prefix ? {
-                name: "prefix",
-                fn: withCtx(() => [
-                  renderSlot(_ctx.$slots, "prefix")
-                ])
-              } : void 0,
-              _ctx.$slots.suffix ? {
-                name: "suffix",
-                fn: withCtx(() => [
-                  renderSlot(_ctx.$slots, "suffix")
-                ])
-              } : void 0
-            ]), 1040, ["clearable", "disabled", "view-mode", "table-input", "size", "name", "model-value", "onKeydown"])
-          ], 14, _hoisted_1)
-        ]),
-        _: 3
-      }, 8, ["visible", "placement", "offset", "show-arrow", "popper-class", "teleported", "transition"]);
-    };
-  }
+const autocompleteProps = buildProps({
+  valueKey: {
+    type: String,
+    default: "value"
+  },
+  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"
+  },
+  offset: {
+    type: Number,
+    default: 12
+  },
+  showArrow: {
+    type: Boolean,
+    default: true
+  },
+  fetchSuggestions: {
+    type: definePropType([Function, Array]),
+    default: NOOP
+  },
+  popperClass: {
+    type: String,
+    default: ""
+  },
+  triggerOnFocus: {
+    type: Boolean,
+    default: true
+  },
+  selectWhenUnmatched: {
+    type: Boolean,
+    default: false
+  },
+  hideLoading: {
+    type: Boolean,
+    default: false
+  },
+  label: {
+    type: String
+  },
+  teleported: useTooltipContentProps.teleported,
+  highlightFirstItem: {
+    type: Boolean,
+    default: false
+  },
+  fitInputWidth: {
+    type: Boolean,
+    default: false
+  },
+  clearable: {
+    type: Boolean,
+    default: false
+  },
+  disabled: {
+    type: Boolean,
+    default: false
+  },
+  viewMode: {
+    type: String,
+    values: viewModes
+  },
+  tableInput: Boolean,
+  size: useSizeProp,
+  name: String,
+  widget: String
 });
-var Autocomplete = /* @__PURE__ */ _export_sfc(_sfc_main, [["__file", "D:\\workspace\\element-pe\\packages\\components\\autocomplete\\src\\autocomplete.vue"]]);
+const autocompleteEmits = {
+  [UPDATE_MODEL_EVENT]: (value) => isString(value),
+  [INPUT_EVENT]: (value) => isString(value),
+  [CHANGE_EVENT]: (value) => isString(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