element-ps 2.0.21 → 2.0.24

package/es/index.mjs

@@ -11,37 +11,37 @@ export { affixProps } from './components/affix/src/affix.mjs';
 export { PsAffix } from './components/affix/index.mjs';
 export { alertEffects, alertProps } from './components/alert/src/alert.mjs';
 export { PsAlert } from './components/alert/index.mjs';
-export { autocompleteProps } from './components/autocomplete/src/autocomplete2.mjs';
+export { autocompleteProps } from './components/autocomplete/src/autocomplete.mjs';
 export { PsAutocomplete } from './components/autocomplete/index.mjs';
 export { avatarProps } from './components/avatar/src/avatar.mjs';
 export { PsAvatar } from './components/avatar/index.mjs';
 export { backtopProps } from './components/backtop/src/backtop.mjs';
 export { PsBacktop } from './components/backtop/index.mjs';
-export { badgeProps } from './components/badge/src/badge2.mjs';
+export { badgeProps } from './components/badge/src/badge.mjs';
 export { PsBadge } from './components/badge/index.mjs';
-export { breadcrumbProps } from './components/breadcrumb/src/breadcrumb.mjs';
+export { breadcrumbProps } from './components/breadcrumb/src/breadcrumb2.mjs';
 export { breadcrumbItemProps } from './components/breadcrumb/src/breadcrumb-item2.mjs';
 export { PsBreadcrumb, PsBreadcrumbItem } from './components/breadcrumb/index.mjs';
-export { buttonNativeTypes, buttonProps, buttonTypes } from './components/button/src/button.mjs';
+export { buttonNativeTypes, buttonProps, buttonTypes } from './components/button/src/button2.mjs';
 export { PsButton, PsButtonGroup } from './components/button/index.mjs';
 export { calendarProps } from './components/calendar/src/calendar.mjs';
 export { PsCalendar } from './components/calendar/index.mjs';
-export { cardProps } from './components/card/src/card2.mjs';
+export { cardProps } from './components/card/src/card.mjs';
 export { PsCard } from './components/card/index.mjs';
-export { carouselProps } from './components/carousel/src/carousel.mjs';
+export { carouselProps } from './components/carousel/src/carousel2.mjs';
 export { carouselItemProps } from './components/carousel/src/carousel-item.mjs';
 export { PsCarousel, PsCarouselItem } from './components/carousel/index.mjs';
 export { PsCascader } from './components/cascader/index.mjs';
 export { CASCADER_PANEL_INJECTION_KEY, ExpandTrigger } from './components/cascader-panel/src/types.mjs';
 export { CommonProps, DefaultProps, useCascaderConfig } from './components/cascader-panel/src/config.mjs';
 export { PsCascaderPanel } from './components/cascader-panel/index.mjs';
-export { checkTagProps } from './components/check-tag/src/check-tag.mjs';
+export { checkTagProps } from './components/check-tag/src/check-tag2.mjs';
 export { PsCheckTag } from './components/check-tag/index.mjs';
 export { PsCheckbox, PsCheckboxButton, PsCheckboxGroup } from './components/checkbox/index.mjs';
 export { colProps } from './components/col/src/col.mjs';
 export { PsCol } from './components/col/index.mjs';
 export { collapseEmits, collapseProps, emitChangeFn } from './components/collapse/src/collapse.mjs';
-export { collapseItemProps } from './components/collapse/src/collapse-item2.mjs';
+export { collapseItemProps } from './components/collapse/src/collapse-item.mjs';
 export { PsCollapse, PsCollapseItem } from './components/collapse/index.mjs';
 export { PsCollapseTransition } from './components/collapse-transition/index.mjs';
 export { PsColorPicker } from './components/color-picker/index.mjs';
@@ -53,33 +53,33 @@ export { PsDescriptions, PsDescriptionsItem } from './components/descriptions/in
 export { useDialog } from './components/dialog/src/use-dialog.mjs';
 export { dialogProps } from './components/dialog/src/dialog.mjs';
 export { PsDialog } from './components/dialog/index.mjs';
-export { dividerProps } from './components/divider/src/divider2.mjs';
+export { dividerProps } from './components/divider/src/divider.mjs';
 export { PsDivider } from './components/divider/index.mjs';
 export { drawerProps } from './components/drawer/src/drawer2.mjs';
 export { PsDrawer } from './components/drawer/index.mjs';
-export { DROPDOWN_COLLECTION_INJECTION_KEY, DROPDOWN_COLLECTION_ITEM_INJECTION_KEY, FIRST_KEYS, FIRST_LAST_KEYS, LAST_KEYS, PsCollection, PsCollectionItem, dropdownItemProps, dropdownMenuProps, dropdownProps } from './components/dropdown/src/dropdown.mjs';
+export { DROPDOWN_COLLECTION_INJECTION_KEY, DROPDOWN_COLLECTION_ITEM_INJECTION_KEY, FIRST_KEYS, FIRST_LAST_KEYS, LAST_KEYS, PsCollection, PsCollectionItem, dropdownItemProps, dropdownMenuProps, dropdownProps } from './components/dropdown/src/dropdown2.mjs';
 export { DROPDOWN_INJECTION_KEY } from './components/dropdown/src/tokens.mjs';
 export { PsDropdown, PsDropdownItem, PsDropdownMenu } from './components/dropdown/index.mjs';
-export { emptyProps } from './components/empty/src/empty.mjs';
+export { emptyProps } from './components/empty/src/empty2.mjs';
 export { PsEmpty } from './components/empty/index.mjs';
-export { formProps } from './components/form/src/form.mjs';
+export { formProps } from './components/form/src/form2.mjs';
 export { formItemProps, formItemValidateStates } from './components/form/src/form-item2.mjs';
 export { PsForm, PsFormItem } from './components/form/index.mjs';
-export { iconProps } from './components/icon/src/icon2.mjs';
+export { iconProps } from './components/icon/src/icon.mjs';
 export { PsIcon } from './components/icon/index.mjs';
-export { imageProps } from './components/image/src/image2.mjs';
+export { imageProps } from './components/image/src/image.mjs';
 export { PsImage } from './components/image/index.mjs';
-export { imageViewerProps } from './components/image-viewer/src/image-viewer.mjs';
+export { imageViewerProps } from './components/image-viewer/src/image-viewer2.mjs';
 export { PsImageViewer } from './components/image-viewer/index.mjs';
-export { inputProps } from './components/input/src/input2.mjs';
+export { inputProps } from './components/input/src/input.mjs';
 export { PsInput } from './components/input/index.mjs';
-export { inputNumberProps } from './components/input-number/src/input-number.mjs';
+export { inputNumberProps } from './components/input-number/src/input-number2.mjs';
 export { PsInputNumber } from './components/input-number/index.mjs';
 export { linkProps } from './components/link/src/link2.mjs';
 export { PsLink } from './components/link/index.mjs';
 export { menuProps } from './components/menu/src/menu.mjs';
-export { menuItemEmits, menuItemProps } from './components/menu/src/menu-item2.mjs';
-export { menuItemGroupProps } from './components/menu/src/menu-item-group.mjs';
+export { menuItemEmits, menuItemProps } from './components/menu/src/menu-item.mjs';
+export { menuItemGroupProps } from './components/menu/src/menu-item-group2.mjs';
 export { subMenuProps } from './components/menu/src/sub-menu.mjs';
 export { PsMenu, PsMenuItem, PsMenuItemGroup, PsSubMenu } from './components/menu/index.mjs';
 export { overlayProps } from './components/overlay/src/overlay.mjs';
@@ -88,38 +88,38 @@ export { pageHeaderProps } from './components/page-header/src/page-header2.mjs';
 export { PsPageHeader } from './components/page-header/index.mjs';
 export { paginationProps } from './components/pagination/src/pagination.mjs';
 export { PsPagination } from './components/pagination/index.mjs';
-export { popconfirmProps } from './components/popconfirm/src/popconfirm2.mjs';
+export { popconfirmProps } from './components/popconfirm/src/popconfirm.mjs';
 export { PsPopconfirm } from './components/popconfirm/index.mjs';
 export { useDeprecateAppendToBody } from './components/popper/src/deprecation.mjs';
 export { Effect, usePopperProps } from './components/popper/src/popper.mjs';
-export { usePopperTriggerProps } from './components/popper/src/trigger2.mjs';
-export { usePopperContentProps, usePopperCoreConfigProps } from './components/popper/src/content.mjs';
-export { usePopperArrowProps } from './components/popper/src/arrow.mjs';
-export { default as PsPopperArrow } from './components/popper/src/arrow2.mjs';
-export { default as PsPopperTrigger } from './components/popper/src/trigger.mjs';
-export { default as PsPopperContent } from './components/popper/src/content2.mjs';
+export { usePopperTriggerProps } from './components/popper/src/trigger.mjs';
+export { usePopperContentProps, usePopperCoreConfigProps } from './components/popper/src/content2.mjs';
+export { usePopperArrowProps } from './components/popper/src/arrow2.mjs';
+export { default as PsPopperArrow } from './components/popper/src/arrow.mjs';
+export { default as PsPopperTrigger } from './components/popper/src/trigger2.mjs';
+export { default as PsPopperContent } from './components/popper/src/content.mjs';
 export { PsPopper } from './components/popper/index.mjs';
-export { progressProps } from './components/progress/src/progress.mjs';
+export { progressProps } from './components/progress/src/progress2.mjs';
 export { PsProgress } from './components/progress/index.mjs';
 export { radioEmits, radioProps, radioPropsBase, useRadio } from './components/radio/src/radio.mjs';
-export { radioGroupProps } from './components/radio/src/radio-group.mjs';
-export { radioButtonProps } from './components/radio/src/radio-button.mjs';
+export { radioGroupProps } from './components/radio/src/radio-group2.mjs';
+export { radioButtonProps } from './components/radio/src/radio-button2.mjs';
 export { PsRadio, PsRadioButton, PsRadioGroup } from './components/radio/index.mjs';
-export { rateProps } from './components/rate/src/rate.mjs';
+export { rateProps } from './components/rate/src/rate2.mjs';
 export { PsRate } from './components/rate/index.mjs';
-export { IconComponentMap, IconMap, resultProps } from './components/result/src/result.mjs';
+export { IconComponentMap, IconMap, resultProps } from './components/result/src/result2.mjs';
 export { PsResult } from './components/result/index.mjs';
 export { rowProps } from './components/row/src/row.mjs';
 export { PsRow } from './components/row/index.mjs';
 export { BAR_MAP, renderThumbStyle } from './components/scrollbar/src/util.mjs';
-export { scrollbarProps } from './components/scrollbar/src/scrollbar2.mjs';
-export { thumbProps } from './components/scrollbar/src/thumb2.mjs';
+export { scrollbarProps } from './components/scrollbar/src/scrollbar.mjs';
+export { thumbProps } from './components/scrollbar/src/thumb.mjs';
 export { PsScrollbar } from './components/scrollbar/index.mjs';
 export { selectGroupKey, selectKey } from './components/select/src/token.mjs';
 export { PsOption, PsOptionGroup, PsSelect } from './components/select/index.mjs';
 export { selectV2InjectionKey } from './components/select-v2/src/token.mjs';
 export { PsSelectV2 } from './components/select-v2/index.mjs';
-export { skeletonProps } from './components/skeleton/src/skeleton.mjs';
+export { skeletonProps } from './components/skeleton/src/skeleton2.mjs';
 export { skeletonItemProps } from './components/skeleton/src/skeleton-item.mjs';
 export { PsSkeleton, PsSkeletonItem } from './components/skeleton/index.mjs';
 export { PsSlider } from './components/slider/index.mjs';
@@ -127,15 +127,15 @@ export { spaceProps } from './components/space/src/space.mjs';
 export { useSpace } from './components/space/src/use-space.mjs';
 export { PsSpace } from './components/space/index.mjs';
 export { PsStep, PsSteps } from './components/steps/index.mjs';
-export { switchProps } from './components/switch/src/switch.mjs';
+export { switchProps } from './components/switch/src/switch2.mjs';
 export { PsSwitch } from './components/switch/index.mjs';
 export { PsTable, PsTableColumn } from './components/table/index.mjs';
 export { tabsEmits, tabsProps } from './components/tabs/src/tabs.mjs';
-export { tabBarProps } from './components/tabs/src/tab-bar2.mjs';
+export { tabBarProps } from './components/tabs/src/tab-bar.mjs';
 export { tabNavProps } from './components/tabs/src/tab-nav.mjs';
 export { tabPaneProps } from './components/tabs/src/tab-pane.mjs';
 export { PsTabPane, PsTabs } from './components/tabs/index.mjs';
-export { tagEmits, tagProps } from './components/tag/src/tag.mjs';
+export { tagEmits, tagProps } from './components/tag/src/tag2.mjs';
 export { PsTag } from './components/tag/index.mjs';
 export { extractDateFormat, extractTimeFormat, rangeArr } from './components/time-picker/src/common/date-utils.mjs';
 export { DEFAULT_FORMATS_DATE, DEFAULT_FORMATS_DATEPICKER, DEFAULT_FORMATS_TIME } from './components/time-picker/src/common/constant.mjs';
@@ -154,10 +154,10 @@ export { PsTransfer } from './components/transfer/index.mjs';
 export { PsTree } from './components/tree/index.mjs';
 export { PsTreeSelect } from './components/tree-select/index.mjs';
 export { PsTreeV2 } from './components/tree-v2/index.mjs';
-export { genFileId, uploadBaseProps, uploadListTypes, uploadProps } from './components/upload/src/upload2.mjs';
-export { uploadContentProps } from './components/upload/src/upload-content2.mjs';
-export { uploadListEmits, uploadListProps } from './components/upload/src/upload-list2.mjs';
-export { uploadDraggerEmits, uploadDraggerProps } from './components/upload/src/upload-dragger2.mjs';
+export { genFileId, uploadBaseProps, uploadListTypes, uploadProps } from './components/upload/src/upload.mjs';
+export { uploadContentProps } from './components/upload/src/upload-content.mjs';
+export { uploadListEmits, uploadListProps } from './components/upload/src/upload-list.mjs';
+export { uploadDraggerEmits, uploadDraggerProps } from './components/upload/src/upload-dragger.mjs';
 export { PsUpload } from './components/upload/index.mjs';
 export { default as FixedSizeList } from './components/virtual-list/src/components/fixed-size-list.mjs';
 export { default as DynamicSizeList } from './components/virtual-list/src/components/dynamic-size-list.mjs';

package/es/version.d.ts

@@ -1 +1 @@
-export declare const version = "2.0.20";
+export declare const version = "2.0.23";

package/es/version.mjs

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

package/es/version.mjs.map

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

package/lib/components/autocomplete/index.d.ts

@@ -372,7 +372,7 @@ export declare const PsAutocomplete: import("element-ps/es/utils").SFCWithInstal
         $data: {};
         $props: Partial<{
             disabled: boolean;
-            trigger: import("element-ps/es/utils").BuildPropType<import("element-ps/es/utils").PropWrapper<"hover" | "focus" | "click" | "contextmenu" | ("hover" | "focus" | "click" | "contextmenu")[]>, unknown, unknown>;
+            trigger: import("element-ps/es/utils").BuildPropType<import("element-ps/es/utils").PropWrapper<"click" | "contextmenu" | "focus" | "hover" | ("click" | "contextmenu" | "focus" | "hover")[]>, unknown, unknown>;
             offset: number;
             effect: string;
             style: import("vue").StyleValue;
@@ -461,7 +461,7 @@ export declare const PsAutocomplete: import("element-ps/es/utils").SFCWithInstal
             showArrow: import("element-ps/es/utils").BuildPropReturn<BooleanConstructor, boolean | (() => false) | (() => true) | undefined, unknown, unknown, unknown>;
             arrowOffset: import("element-ps/es/utils").BuildPropReturn<NumberConstructor, 5, unknown, unknown, unknown>;
             disabled: BooleanConstructor;
-            trigger: import("element-ps/es/utils").BuildPropReturn<import("element-ps/es/utils").PropWrapper<"hover" | "focus" | "click" | "contextmenu" | ("hover" | "focus" | "click" | "contextmenu")[]>, "hover", unknown, unknown, unknown>;
+            trigger: import("element-ps/es/utils").BuildPropReturn<import("element-ps/es/utils").PropWrapper<"click" | "contextmenu" | "focus" | "hover" | ("click" | "contextmenu" | "focus" | "hover")[]>, "hover", unknown, unknown, unknown>;
             virtualRef: import("element-ps/es/utils").BuildPropReturn<import("element-ps/es/utils").PropWrapper<import("../..").Measurable>, unknown, unknown, unknown, unknown>;
             virtualTriggering: BooleanConstructor;
             onMouseenter: FunctionConstructor;
@@ -569,7 +569,7 @@ export declare const PsAutocomplete: import("element-ps/es/utils").SFCWithInstal
             showArrow: import("element-ps/es/utils").BuildPropReturn<BooleanConstructor, boolean | (() => false) | (() => true) | undefined, unknown, unknown, unknown>;
             arrowOffset: import("element-ps/es/utils").BuildPropReturn<NumberConstructor, 5, unknown, unknown, unknown>;
             disabled: BooleanConstructor;
-            trigger: import("element-ps/es/utils").BuildPropReturn<import("element-ps/es/utils").PropWrapper<"hover" | "focus" | "click" | "contextmenu" | ("hover" | "focus" | "click" | "contextmenu")[]>, "hover", unknown, unknown, unknown>;
+            trigger: import("element-ps/es/utils").BuildPropReturn<import("element-ps/es/utils").PropWrapper<"click" | "contextmenu" | "focus" | "hover" | ("click" | "contextmenu" | "focus" | "hover")[]>, "hover", unknown, unknown, unknown>;
             virtualRef: import("element-ps/es/utils").BuildPropReturn<import("element-ps/es/utils").PropWrapper<import("../..").Measurable>, unknown, unknown, unknown, unknown>;
             virtualTriggering: BooleanConstructor;
             onMouseenter: FunctionConstructor;
@@ -658,7 +658,7 @@ export declare const PsAutocomplete: import("element-ps/es/utils").SFCWithInstal
             "onUpdate:visible": import("element-ps/es/utils").BuildPropReturn<import("element-ps/es/utils").PropWrapper<(val: boolean) => void>, never, false, never, never>;
         }>>, void, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, Record<string, any>, string, {
             disabled: boolean;
-            trigger: import("element-ps/es/utils").BuildPropType<import("element-ps/es/utils").PropWrapper<"hover" | "focus" | "click" | "contextmenu" | ("hover" | "focus" | "click" | "contextmenu")[]>, unknown, unknown>;
+            trigger: import("element-ps/es/utils").BuildPropType<import("element-ps/es/utils").PropWrapper<"click" | "contextmenu" | "focus" | "hover" | ("click" | "contextmenu" | "focus" | "hover")[]>, unknown, unknown>;
             offset: number;
             effect: string;
             style: import("vue").StyleValue;
@@ -767,7 +767,7 @@ export declare const PsAutocomplete: import("element-ps/es/utils").SFCWithInstal
         showArrow: import("element-ps/es/utils").BuildPropReturn<BooleanConstructor, boolean | (() => false) | (() => true) | undefined, unknown, unknown, unknown>;
         arrowOffset: import("element-ps/es/utils").BuildPropReturn<NumberConstructor, 5, unknown, unknown, unknown>;
         disabled: BooleanConstructor;
-        trigger: import("element-ps/es/utils").BuildPropReturn<import("element-ps/es/utils").PropWrapper<"hover" | "focus" | "click" | "contextmenu" | ("hover" | "focus" | "click" | "contextmenu")[]>, "hover", unknown, unknown, unknown>;
+        trigger: import("element-ps/es/utils").BuildPropReturn<import("element-ps/es/utils").PropWrapper<"click" | "contextmenu" | "focus" | "hover" | ("click" | "contextmenu" | "focus" | "hover")[]>, "hover", unknown, unknown, unknown>;
         virtualRef: import("element-ps/es/utils").BuildPropReturn<import("element-ps/es/utils").PropWrapper<import("../..").Measurable>, unknown, unknown, unknown, unknown>;
         virtualTriggering: BooleanConstructor;
         onMouseenter: FunctionConstructor;

package/lib/components/autocomplete/index.js

@@ -3,8 +3,8 @@
 Object.defineProperty(exports, '__esModule', { value: true });
 
 require('../../utils/index.js');
-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 PsAutocomplete = install.withInstall(autocomplete$1["default"]);

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

@@ -2,103 +2,67 @@
 
 Object.defineProperty(exports, '__esModule', { value: true });
 
-var vue = require('vue');
-require('../../../hooks/index.js');
-require('../../../utils/index.js');
-var pluginVue_exportHelper = require('../../../_virtual/plugin-vue_export-helper.js');
-var index = require('../../../hooks/use-namespace/index.js');
-var index$1 = require('../../../hooks/use-attrs/index.js');
-var rand = require('../../../utils/rand.js');
 var shared = require('@vue/shared');
+require('../../../utils/index.js');
+require('../../tooltip/index.js');
+var props = require('../../../utils/vue/props.js');
+var tooltip = require('../../tooltip/src/tooltip2.js');
 
-const _hoisted_1 = ["aria-expanded", "aria-owns"];
-const __default__ = {
-  name: "PsAutocomplete",
-  inheritAttrs: false
-};
-const _sfc_main = /* @__PURE__ */ vue.defineComponent({
-  ...__default__,
-  setup(__props, { expose }) {
-    const COMPONENT_NAME = "PsAutocomplete";
-    const ns = index.useNamespace("autocomplete");
-    const attrs = index$1.useAttrs();
-    const compAttrs = vue.useAttrs();
-    const suggestions = vue.ref([]);
-    const highlightedIndex = vue.ref(-1);
-    const activated = vue.ref(false);
-    const loading = vue.ref(false);
-    const inputRef = vue.ref();
-    const popperRef = vue.ref();
-    const listboxRef = vue.ref();
-    const id = vue.computed(() => {
-      return ns.b(String(rand.generateId()));
-    });
-    const styles = vue.computed(() => compAttrs.style);
-    const suggestionVisible = vue.computed(() => {
-      const isValidData = shared.isArray(suggestions.value) && suggestions.value.length > 0;
-      return (isValidData || loading.value) && activated.value;
-    });
-    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", `${id.value}-item-${highlightedIndex.value}`);
-    });
-    expose({
-      highlightedIndex,
-      activated,
-      loading,
-      inputRef,
-      popperRef,
-      suggestions
-    });
-    return (_ctx, _cache) => {
-      const _component_ps_input = vue.resolveComponent("ps-input");
-      return vue.openBlock(), vue.createElementBlock("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(id)
-      }, [
-        vue.createVNode(_component_ps_input, vue.mergeProps({
-          ref_key: "inputRef",
-          ref: inputRef
-        }, vue.unref(attrs), { "model-value": _ctx.modelValue }), 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, ["model-value"])
-      ], 14, _hoisted_1);
-    };
+const autocompleteProps = props.buildProps({
+  valueKey: {
+    type: String,
+    default: "value"
+  },
+  modelValue: {
+    type: [String, Number],
+    default: ""
+  },
+  debounce: {
+    type: Number,
+    default: 300
+  },
+  placement: {
+    type: props.definePropType(String),
+    values: [
+      "top",
+      "top-start",
+      "top-end",
+      "bottom",
+      "bottom-start",
+      "bottom-end"
+    ],
+    default: "bottom-start"
+  },
+  fetchSuggestions: {
+    type: props.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
+  },
+  popperAppendToBody: {
+    type: Boolean,
+    default: void 0
+  },
+  teleported: tooltip.useTooltipContentProps.teleported,
+  highlightFirstItem: {
+    type: Boolean,
+    default: false
   }
 });
-var Autocomplete = /* @__PURE__ */ pluginVue_exportHelper["default"](_sfc_main, [["__file", "/Users/meng/workspace/element-ps/packages/components/autocomplete/src/autocomplete.vue"]]);
 
-exports["default"] = Autocomplete;
+exports.autocompleteProps = autocompleteProps;
 //# sourceMappingURL=autocomplete.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"autocomplete.js","sources":["../../../../../../packages/components/autocomplete/src/autocomplete.vue"],"sourcesContent":["<template>\n  <div\n    ref=\"listboxRef\"\n    :class=\"[ns.b(), $attrs.class]\"\n    :style=\"styles\"\n    role=\"combobox\"\n    aria-haspopup=\"listbox\"\n    :aria-expanded=\"suggestionVisible\"\n    :aria-owns=\"id\"\n  >\n    <ps-input\n      ref=\"inputRef\"\n      v-bind=\"attrs\"\n      :model-value=\"modelValue\"\n    >\n      <template v-if=\"$slots.prepend\" #prepend>\n        <slot name=\"prepend\" />\n      </template>\n      <template v-if=\"$slots.append\" #append>\n        <slot name=\"append\" />\n      </template>\n      <template v-if=\"$slots.prefix\" #prefix>\n        <slot name=\"prefix\" />\n      </template>\n      <template v-if=\"$slots.suffix\" #suffix>\n        <slot name=\"suffix\" />\n      </template>\n    </ps-input>\n  </div>\n</template>\n\n<script lang=\"ts\" setup>\nimport {\n  computed,\n  onMounted,\n  ref,\n  useAttrs as useCompAttrs,\n} from 'vue'\nimport { useAttrs, useNamespace } from '@element-ps/hooks'\nimport { generateId, isArray } from '@element-ps/utils'\nimport type { StyleValue } from 'vue'\nimport type { TooltipInstance } from '@element-ps/components/tooltip'\nimport type { InputInstance } from '@element-ps/components/input'\n\ndefineOptions({\n  name: 'PsAutocomplete',\n  inheritAttrs: false,\n})\n\nconst COMPONENT_NAME = 'PsAutocomplete'\nconst ns = useNamespace('autocomplete')\n\nconst attrs = useAttrs()\nconst compAttrs = useCompAttrs()\nconst suggestions = ref<any[]>([])\nconst highlightedIndex = ref(-1)\nconst activated = ref(false)\nconst loading = ref(false)\nconst inputRef = ref<InputInstance>()\nconst popperRef = ref<TooltipInstance>()\nconst listboxRef = ref<HTMLElement>()\n\nconst id = computed(() => {\n  return ns.b(String(generateId()))\n})\nconst styles = computed(() => compAttrs.style as StyleValue)\nconst suggestionVisible = computed(() => {\n  const isValidData = isArray(suggestions.value) && suggestions.value.length > 0\n  return (isValidData || loading.value) && activated.value\n})\n\nonMounted(() => {\n  // TODO: use Volar generate dts to fix it.\n  ;(inputRef.value as any).ref!.setAttribute('role', 'textbox')\n  ;(inputRef.value as any).ref!.setAttribute('aria-autocomplete', 'list')\n  ;(inputRef.value as any).ref!.setAttribute('aria-controls', 'id')\n  ;(inputRef.value as any).ref!.setAttribute(\n    'aria-activedescendant',\n    `${id.value}-item-${highlightedIndex.value}`\n  )\n})\n\ndefineExpose({\n  /** @description the index of the currently highlighted item */\n  highlightedIndex,\n  /** @description autocomplete whether activated */\n  activated,\n  /** @description remote search loading status */\n  loading,\n  /** @description el-input component instance */\n  inputRef,\n  /** @description el-tooltip component instance */\n  popperRef,\n  /** @description fetch suggestions result */\n  suggestions,\n})\n</script>\n"],"names":["useNamespace","useAttrs","useCompAttrs","ref","computed","generateId","isArray","onMounted"],"mappings":";;;;;;;;;;;;;;;;;;;;;AAiDA,IAAA,MAAA,cAAA,GAAA,gBAAA,CAAA;AACA,IAAA,MAAA,EAAA,GAAAA,mBAAA,cAAA,CAAA,CAAA;AAEA,IAAA,MAAA,QAAAC,gBAAA,EAAA,CAAA;AACA,IAAA,MAAA,YAAAC,YAAA,EAAA,CAAA;AACA,IAAA,MAAA,WAAA,GAAAC,OAAA,CAAA,EAAA,CAAA,CAAA;AACA,IAAA,MAAA,gBAAA,GAAAA,QAAA,CAAA,CAAA,CAAA,CAAA;AACA,IAAA,MAAA,SAAA,GAAAA,QAAA,KAAA,CAAA,CAAA;AACA,IAAA,MAAA,OAAA,GAAAA,QAAA,KAAA,CAAA,CAAA;AACA,IAAA,MAAA,WAAAA,OAAA,EAAA,CAAA;AACA,IAAA,MAAA,YAAAA,OAAA,EAAA,CAAA;AACA,IAAA,MAAA,aAAAA,OAAA,EAAA,CAAA;AAEA,IAAA,MAAA,EAAA,GAAAC,aAAA,MAAA;AACA,MAAA,OAAA,EAAA,CAAA,CAAA,CAAA,MAAA,CAAAC,eAAA,EAAA,CAAA,CAAA,CAAA;AAAA,KACA,CAAA,CAAA;AACA,IAAA,MAAA,MAAA,GAAAD,YAAA,CAAA,MAAA,SAAA,CAAA,KAAA,CAAA,CAAA;AACA,IAAA,MAAA,iBAAA,GAAAA,aAAA,MAAA;AACA,MAAA,MAAA,cAAAE,cAAA,CAAA,WAAA,CAAA,KAAA,CAAA,IAAA,WAAA,CAAA,MAAA,MAAA,GAAA,CAAA,CAAA;AACA,MAAA,OAAA,CAAA,WAAA,IAAA,OAAA,CAAA,KAAA,KAAA,SAAA,CAAA,KAAA,CAAA;AAAA,KACA,CAAA,CAAA;AAEA,IAAAC,aAAA,CAAA,MAAA;AAEA,MAAA,CAAA;AAAA,MAAA,QAAA,CAAA,KAAA,CAAA,GAAA,CAAA,YAAA,CAAA,QAAA,SAAA,CAAA,CAAA;AACA,MAAA,QAAA,CAAA,KAAA,CAAA,GAAA,CAAA,YAAA,CAAA,qBAAA,MAAA,CAAA,CAAA;AACA,MAAA,QAAA,CAAA,KAAA,CAAA,GAAA,CAAA,YAAA,CAAA,iBAAA,IAAA,CAAA,CAAA;AACA,MAAA,QAAA,CAAA,MAAA,GAAA,CAAA,YAAA,CACA,yBACA,CAAA,EAAA,EAAA,CAAA,KAAA,CAAA,MAAA,EAAA,gBAAA,CAAA,KACA,CAAA,CAAA,CAAA,CAAA;AAAA,KACA,CAAA,CAAA;AAEA,IAAA,MAAA,CAAA;AAAA,MAEA,gBAAA;AAAA,MAEA,SAAA;AAAA,MAEA,OAAA;AAAA,MAEA,QAAA;AAAA,MAEA,SAAA;AAAA,MAEA,WAAA;AAAA,KACA,CAAA,CAAA;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}
+{"version":3,"file":"autocomplete.js","sources":["../../../../../../packages/components/autocomplete/src/autocomplete.ts"],"sourcesContent":["import { NOOP } from '@vue/shared'\nimport {\n  buildProps,\n  definePropType,\n} from '@element-ps/utils'\nimport { useTooltipContentProps } from '@element-ps/components/tooltip'\nimport type { ExtractPropTypes } from 'vue'\nimport type Autocomplete from './autocomplete.vue'\nimport type { Placement } from '@element-ps/components/popper'\n\nexport const autocompleteProps = buildProps({\n  valueKey: {\n    type: String,\n    default: 'value',\n  },\n  modelValue: {\n    type: [String, Number],\n    default: '',\n  },\n  debounce: {\n    type: Number,\n    default: 300,\n  },\n  placement: {\n    type: definePropType<Placement>(String),\n    values: [\n      'top',\n      'top-start',\n      'top-end',\n      'bottom',\n      'bottom-start',\n      'bottom-end',\n    ],\n    default: 'bottom-start',\n  },\n  fetchSuggestions: {\n    type: definePropType<\n      | ((\n          queryString: string,\n          cb: (data: { value: string }[]) => void\n        ) => { value: string }[] | Promise<{ value: string }[]> | void)\n      | { value: string }[]\n    >([Function, Array]),\n    default: NOOP,\n  },\n  popperClass: {\n    type: String,\n    default: '',\n  },\n  triggerOnFocus: {\n    type: Boolean,\n    default: true,\n  },\n  selectWhenUnmatched: {\n    type: Boolean,\n    default: false,\n  },\n  hideLoading: {\n    type: Boolean,\n    default: false,\n  },\n  popperAppendToBody: {\n    type: Boolean,\n    default: undefined,\n  },\n  teleported: useTooltipContentProps.teleported,\n  highlightFirstItem: {\n    type: Boolean,\n    default: false,\n  },\n} as const)\nexport type AutocompleteProps = ExtractPropTypes<typeof autocompleteProps>\n\nexport type AutocompleteInstance = InstanceType<typeof Autocomplete>\n"],"names":["buildProps","definePropType","NOOP","useTooltipContentProps"],"mappings":";;;;;;;;;;AAMY,MAAC,iBAAiB,GAAGA,gBAAU,CAAC;AAC5C,EAAE,QAAQ,EAAE;AACZ,IAAI,IAAI,EAAE,MAAM;AAChB,IAAI,OAAO,EAAE,OAAO;AACpB,GAAG;AACH,EAAE,UAAU,EAAE;AACd,IAAI,IAAI,EAAE,CAAC,MAAM,EAAE,MAAM,CAAC;AAC1B,IAAI,OAAO,EAAE,EAAE;AACf,GAAG;AACH,EAAE,QAAQ,EAAE;AACZ,IAAI,IAAI,EAAE,MAAM;AAChB,IAAI,OAAO,EAAE,GAAG;AAChB,GAAG;AACH,EAAE,SAAS,EAAE;AACb,IAAI,IAAI,EAAEC,oBAAc,CAAC,MAAM,CAAC;AAChC,IAAI,MAAM,EAAE;AACZ,MAAM,KAAK;AACX,MAAM,WAAW;AACjB,MAAM,SAAS;AACf,MAAM,QAAQ;AACd,MAAM,cAAc;AACpB,MAAM,YAAY;AAClB,KAAK;AACL,IAAI,OAAO,EAAE,cAAc;AAC3B,GAAG;AACH,EAAE,gBAAgB,EAAE;AACpB,IAAI,IAAI,EAAEA,oBAAc,CAAC,CAAC,QAAQ,EAAE,KAAK,CAAC,CAAC;AAC3C,IAAI,OAAO,EAAEC,WAAI;AACjB,GAAG;AACH,EAAE,WAAW,EAAE;AACf,IAAI,IAAI,EAAE,MAAM;AAChB,IAAI,OAAO,EAAE,EAAE;AACf,GAAG;AACH,EAAE,cAAc,EAAE;AAClB,IAAI,IAAI,EAAE,OAAO;AACjB,IAAI,OAAO,EAAE,IAAI;AACjB,GAAG;AACH,EAAE,mBAAmB,EAAE;AACvB,IAAI,IAAI,EAAE,OAAO;AACjB,IAAI,OAAO,EAAE,KAAK;AAClB,GAAG;AACH,EAAE,WAAW,EAAE;AACf,IAAI,IAAI,EAAE,OAAO;AACjB,IAAI,OAAO,EAAE,KAAK;AAClB,GAAG;AACH,EAAE,kBAAkB,EAAE;AACtB,IAAI,IAAI,EAAE,OAAO;AACjB,IAAI,OAAO,EAAE,KAAK,CAAC;AACnB,GAAG;AACH,EAAE,UAAU,EAAEC,8BAAsB,CAAC,UAAU;AAC/C,EAAE,kBAAkB,EAAE;AACtB,IAAI,IAAI,EAAE,OAAO;AACjB,IAAI,OAAO,EAAE,KAAK;AAClB,GAAG;AACH,CAAC;;;;"}

package/lib/components/autocomplete/src/autocomplete.vue.d.ts

@@ -373,7 +373,7 @@ declare const _default: import("vue").DefineComponent<{}, {
         $data: {};
         $props: Partial<{
             disabled: boolean;
-            trigger: import("element-ps/es/utils").BuildPropType<import("element-ps/es/utils").PropWrapper<"hover" | "focus" | "click" | "contextmenu" | ("hover" | "focus" | "click" | "contextmenu")[]>, unknown, unknown>;
+            trigger: import("element-ps/es/utils").BuildPropType<import("element-ps/es/utils").PropWrapper<"click" | "contextmenu" | "focus" | "hover" | ("click" | "contextmenu" | "focus" | "hover")[]>, unknown, unknown>;
             offset: number;
             effect: string;
             style: StyleValue;
@@ -462,7 +462,7 @@ declare const _default: import("vue").DefineComponent<{}, {
             showArrow: import("element-ps/es/utils").BuildPropReturn<BooleanConstructor, boolean | (() => false) | (() => true) | undefined, unknown, unknown, unknown>;
             arrowOffset: import("element-ps/es/utils").BuildPropReturn<NumberConstructor, 5, unknown, unknown, unknown>;
             disabled: BooleanConstructor;
-            trigger: import("element-ps/es/utils").BuildPropReturn<import("element-ps/es/utils").PropWrapper<"hover" | "focus" | "click" | "contextmenu" | ("hover" | "focus" | "click" | "contextmenu")[]>, "hover", unknown, unknown, unknown>;
+            trigger: import("element-ps/es/utils").BuildPropReturn<import("element-ps/es/utils").PropWrapper<"click" | "contextmenu" | "focus" | "hover" | ("click" | "contextmenu" | "focus" | "hover")[]>, "hover", unknown, unknown, unknown>;
             virtualRef: import("element-ps/es/utils").BuildPropReturn<import("element-ps/es/utils").PropWrapper<import("../../..").Measurable>, unknown, unknown, unknown, unknown>;
             virtualTriggering: BooleanConstructor;
             onMouseenter: FunctionConstructor;
@@ -570,7 +570,7 @@ declare const _default: import("vue").DefineComponent<{}, {
             showArrow: import("element-ps/es/utils").BuildPropReturn<BooleanConstructor, boolean | (() => false) | (() => true) | undefined, unknown, unknown, unknown>;
             arrowOffset: import("element-ps/es/utils").BuildPropReturn<NumberConstructor, 5, unknown, unknown, unknown>;
             disabled: BooleanConstructor;
-            trigger: import("element-ps/es/utils").BuildPropReturn<import("element-ps/es/utils").PropWrapper<"hover" | "focus" | "click" | "contextmenu" | ("hover" | "focus" | "click" | "contextmenu")[]>, "hover", unknown, unknown, unknown>;
+            trigger: import("element-ps/es/utils").BuildPropReturn<import("element-ps/es/utils").PropWrapper<"click" | "contextmenu" | "focus" | "hover" | ("click" | "contextmenu" | "focus" | "hover")[]>, "hover", unknown, unknown, unknown>;
             virtualRef: import("element-ps/es/utils").BuildPropReturn<import("element-ps/es/utils").PropWrapper<import("../../..").Measurable>, unknown, unknown, unknown, unknown>;
             virtualTriggering: BooleanConstructor;
             onMouseenter: FunctionConstructor;
@@ -659,7 +659,7 @@ declare const _default: import("vue").DefineComponent<{}, {
             "onUpdate:visible": import("element-ps/es/utils").BuildPropReturn<import("element-ps/es/utils").PropWrapper<(val: boolean) => void>, never, false, never, never>;
         }>>, void, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, Record<string, any>, string, {
             disabled: boolean;
-            trigger: import("element-ps/es/utils").BuildPropType<import("element-ps/es/utils").PropWrapper<"hover" | "focus" | "click" | "contextmenu" | ("hover" | "focus" | "click" | "contextmenu")[]>, unknown, unknown>;
+            trigger: import("element-ps/es/utils").BuildPropType<import("element-ps/es/utils").PropWrapper<"click" | "contextmenu" | "focus" | "hover" | ("click" | "contextmenu" | "focus" | "hover")[]>, unknown, unknown>;
             offset: number;
             effect: string;
             style: StyleValue;
@@ -768,7 +768,7 @@ declare const _default: import("vue").DefineComponent<{}, {
         showArrow: import("element-ps/es/utils").BuildPropReturn<BooleanConstructor, boolean | (() => false) | (() => true) | undefined, unknown, unknown, unknown>;
         arrowOffset: import("element-ps/es/utils").BuildPropReturn<NumberConstructor, 5, unknown, unknown, unknown>;
         disabled: BooleanConstructor;
-        trigger: import("element-ps/es/utils").BuildPropReturn<import("element-ps/es/utils").PropWrapper<"hover" | "focus" | "click" | "contextmenu" | ("hover" | "focus" | "click" | "contextmenu")[]>, "hover", unknown, unknown, unknown>;
+        trigger: import("element-ps/es/utils").BuildPropReturn<import("element-ps/es/utils").PropWrapper<"click" | "contextmenu" | "focus" | "hover" | ("click" | "contextmenu" | "focus" | "hover")[]>, "hover", unknown, unknown, unknown>;
         virtualRef: import("element-ps/es/utils").BuildPropReturn<import("element-ps/es/utils").PropWrapper<import("../../..").Measurable>, unknown, unknown, unknown, unknown>;
         virtualTriggering: BooleanConstructor;
         onMouseenter: FunctionConstructor;