element-ps 2.0.17 → 2.0.20

package/es/index.mjs

@@ -11,37 +11,37 @@ export { affixProps } from './components/affix/src/affix2.mjs';
 export { PsAffix } from './components/affix/index.mjs';
 export { alertEffects, alertProps } from './components/alert/src/alert2.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/avatar2.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/badge.mjs';
+export { badgeProps } from './components/badge/src/badge2.mjs';
 export { PsBadge } from './components/badge/index.mjs';
 export { breadcrumbProps } from './components/breadcrumb/src/breadcrumb.mjs';
-export { breadcrumbItemProps } from './components/breadcrumb/src/breadcrumb-item.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 { PsButton, PsButtonGroup } from './components/button/index.mjs';
-export { calendarProps } from './components/calendar/src/calendar.mjs';
+export { calendarProps } from './components/calendar/src/calendar2.mjs';
 export { PsCalendar } from './components/calendar/index.mjs';
-export { cardProps } from './components/card/src/card.mjs';
+export { cardProps } from './components/card/src/card2.mjs';
 export { PsCard } from './components/card/index.mjs';
 export { carouselProps } from './components/carousel/src/carousel2.mjs';
-export { carouselItemProps } from './components/carousel/src/carousel-item.mjs';
+export { carouselItemProps } from './components/carousel/src/carousel-item2.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-tag2.mjs';
+export { checkTagProps } from './components/check-tag/src/check-tag.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-item.mjs';
+export { collapseItemProps } from './components/collapse/src/collapse-item2.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';
@@ -51,31 +51,31 @@ export { PsAside, PsContainer, PsFooter, PsHeader, PsMain } from './components/c
 export { PsDatePicker } from './components/date-picker/index.mjs';
 export { PsDescriptions, PsDescriptionsItem } from './components/descriptions/index.mjs';
 export { useDialog } from './components/dialog/src/use-dialog.mjs';
-export { dialogProps } from './components/dialog/src/dialog2.mjs';
+export { dialogProps } from './components/dialog/src/dialog.mjs';
 export { PsDialog } from './components/dialog/index.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/dropdown2.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_INJECTION_KEY } from './components/dropdown/src/tokens.mjs';
 export { PsDropdown, PsDropdownItem, PsDropdownMenu } from './components/dropdown/index.mjs';
-export { emptyProps } from './components/empty/src/empty2.mjs';
+export { emptyProps } from './components/empty/src/empty.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-item.mjs';
 export { PsForm, PsFormItem } from './components/form/index.mjs';
-export { iconProps } from './components/icon/src/icon.mjs';
+export { iconProps } from './components/icon/src/icon2.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/input.mjs';
+export { inputProps } from './components/input/src/input2.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/link.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';
@@ -84,43 +84,43 @@ 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';
 export { PsOverlay } from './components/overlay/index.mjs';
-export { pageHeaderProps } from './components/page-header/src/page-header.mjs';
+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/popconfirm.mjs';
+export { popconfirmProps } from './components/popconfirm/src/popconfirm2.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/trigger.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/trigger2.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/trigger.mjs';
 export { default as PsPopperContent } from './components/popper/src/content2.mjs';
 export { PsPopper } from './components/popper/index.mjs';
 export { progressProps } from './components/progress/src/progress.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-group2.mjs';
+export { radioEmits, radioProps, radioPropsBase, useRadio } from './components/radio/src/radio2.mjs';
+export { radioGroupProps } from './components/radio/src/radio-group.mjs';
 export { radioButtonProps } from './components/radio/src/radio-button.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/scrollbar.mjs';
+export { scrollbarProps } from './components/scrollbar/src/scrollbar2.mjs';
 export { thumbProps } from './components/scrollbar/src/thumb2.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 { skeletonItemProps } from './components/skeleton/src/skeleton-item.mjs';
+export { skeletonProps } from './components/skeleton/src/skeleton2.mjs';
+export { skeletonItemProps } from './components/skeleton/src/skeleton-item2.mjs';
 export { PsSkeleton, PsSkeletonItem } from './components/skeleton/index.mjs';
 export { PsSlider } from './components/slider/index.mjs';
 export { spaceProps } from './components/space/src/space.mjs';
@@ -131,9 +131,9 @@ export { switchProps } from './components/switch/src/switch.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 { tabPaneProps } from './components/tabs/src/tab-pane2.mjs';
 export { PsTabPane, PsTabs } from './components/tabs/index.mjs';
 export { tagEmits, tagProps } from './components/tag/src/tag.mjs';
 export { PsTag } from './components/tag/index.mjs';
@@ -154,7 +154,7 @@ 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/upload.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-dragger.mjs';

package/es/utils/vue/vnode.d.ts

@@ -29,12 +29,12 @@ export declare function isTemplate(node: unknown): node is VNode;
  */
 export declare function isValidElementNode(node: VNode): boolean;
 export declare function isValidElementNode(node: unknown): node is VNode;
-export declare const getFirstValidNode: (nodes: VNodeNormalizedChildren, maxDepth?: number) => string | number | boolean | void | VNodeArrayChildren | {
+export declare const getFirstValidNode: (nodes: VNodeNormalizedChildren, maxDepth?: number) => string | number | boolean | void | VNode<import("vue").RendererNode, import("vue").RendererElement, {
+    [key: string]: any;
+}> | VNodeArrayChildren | {
     [name: string]: unknown;
     $stable?: boolean | undefined;
-} | VNode<import("vue").RendererNode, import("vue").RendererElement, {
-    [key: string]: any;
-}> | null | undefined;
+} | null | undefined;
 export declare function renderIf(condition: boolean, ...args: Parameters<typeof createBlock>): VNode<import("vue").RendererNode, import("vue").RendererElement, {
     [key: string]: any;
 }>;
@@ -42,6 +42,6 @@ export declare function renderBlock(...args: Parameters<typeof createBlock>): VN
     [key: string]: any;
 }>;
 export declare const getNormalizedProps: (node: VNode) => Record<string, any>;
-export declare const ensureOnlyChild: (children: VNodeArrayChildren | undefined) => VNodeArrayChildren | (string | number | boolean | void | VNode<import("vue").RendererNode, import("vue").RendererElement, {
+export declare const ensureOnlyChild: (children: VNodeArrayChildren | undefined) => (string | number | boolean | void | VNode<import("vue").RendererNode, import("vue").RendererElement, {
     [key: string]: any;
-}> | null | undefined);
+}> | null | undefined) | VNodeArrayChildren;

package/es/version.d.ts

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

package/es/version.mjs

@@ -1,4 +1,4 @@
-const version = "2.0.13";
+const version = "2.0.20";
 
 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.13'\n"],"names":[],"mappings":"AAAY,MAAC,OAAO,GAAG;;;;"}
+{"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;;;;"}

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

@@ -59,9 +59,9 @@ export declare const PsAffix: import("element-ps/es/utils").SFCWithInstall<impor
     readonly position: import("element-ps/es/utils").BuildPropReturn<StringConstructor, "top", unknown, "top" | "bottom", unknown>;
 }>>, {
     zIndex: import("element-ps/es/utils").BuildPropType<import("element-ps/es/utils").PropWrapper<import("csstype").ZIndexProperty>, unknown, unknown>;
+    target: string;
     offset: number;
     position: import("element-ps/es/utils").BuildPropType<StringConstructor, "top" | "bottom", unknown>;
-    target: string;
 }>> & Record<string, any>;
 export default PsAffix;
 export * from './src/affix';

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

@@ -60,8 +60,8 @@ declare const _default: import("vue").DefineComponent<{
     readonly position: import("element-ps/es/utils").BuildPropReturn<StringConstructor, "top", unknown, "top" | "bottom", unknown>;
 }>>, {
     zIndex: import("element-ps/es/utils").BuildPropType<import("element-ps/es/utils").PropWrapper<import("csstype").ZIndexProperty>, unknown, unknown>;
+    target: string;
     offset: number;
     position: import("element-ps/es/utils").BuildPropType<StringConstructor, "top" | "bottom", unknown>;
-    target: string;
 }>;
 export default _default;

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

@@ -32,13 +32,13 @@ export declare const PsAutocomplete: import("element-ps/es/utils").SFCWithInstal
             label: string;
             widget: string;
             modelValue: import("element-ps/es/utils").BuildPropType<import("element-ps/es/utils").PropWrapper<string | number | null | undefined>, unknown, unknown>;
-            form: string;
             resize: import("element-ps/es/utils").BuildPropType<StringConstructor, "none" | "both" | "horizontal" | "vertical", unknown>;
-            placeholder: string;
             autosize: import("..").InputAutoSize;
             autocomplete: string;
             formatter: Function;
             parser: Function;
+            placeholder: string;
+            form: string;
             readonly: import("element-ps/es/utils").BuildPropType<BooleanConstructor, unknown, unknown>;
             clearable: import("element-ps/es/utils").BuildPropType<BooleanConstructor, unknown, unknown>;
             showPassword: import("element-ps/es/utils").BuildPropType<BooleanConstructor, unknown, unknown>;
@@ -71,7 +71,7 @@ export declare const PsAutocomplete: import("element-ps/es/utils").SFCWithInstal
             readonly validateEvent: import("element-ps/es/utils").BuildPropReturn<BooleanConstructor, true, unknown, unknown, unknown>;
             readonly inputStyle: import("element-ps/es/utils").BuildPropReturn<import("element-ps/es/utils").PropWrapper<import("vue").StyleValue>, () => import("element-ps/es/utils").Mutable<{}>, unknown, unknown, unknown>;
             readonly widget: import("element-ps/es/utils").BuildPropReturn<StringConstructor, unknown, unknown, unknown, unknown>;
-        }>> & import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, "type" | "size" | "disabled" | "label" | "widget" | "modelValue" | "form" | "resize" | "placeholder" | "autosize" | "autocomplete" | "formatter" | "parser" | "readonly" | "clearable" | "showPassword" | "showWordLimit" | "suffixIcon" | "prefixIcon" | "tabindex" | "validateEvent" | "inputStyle">;
+        }>> & import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, "type" | "size" | "disabled" | "label" | "widget" | "modelValue" | "resize" | "autosize" | "autocomplete" | "formatter" | "parser" | "placeholder" | "form" | "readonly" | "clearable" | "showPassword" | "showWordLimit" | "suffixIcon" | "prefixIcon" | "tabindex" | "validateEvent" | "inputStyle">;
         $attrs: {
             [x: string]: unknown;
         };
@@ -211,13 +211,13 @@ export declare const PsAutocomplete: import("element-ps/es/utils").SFCWithInstal
             label: string;
             widget: string;
             modelValue: import("element-ps/es/utils").BuildPropType<import("element-ps/es/utils").PropWrapper<string | number | null | undefined>, unknown, unknown>;
-            form: string;
             resize: import("element-ps/es/utils").BuildPropType<StringConstructor, "none" | "both" | "horizontal" | "vertical", unknown>;
-            placeholder: string;
             autosize: import("..").InputAutoSize;
             autocomplete: string;
             formatter: Function;
             parser: Function;
+            placeholder: string;
+            form: string;
             readonly: import("element-ps/es/utils").BuildPropType<BooleanConstructor, unknown, unknown>;
             clearable: import("element-ps/es/utils").BuildPropType<BooleanConstructor, unknown, unknown>;
             showPassword: import("element-ps/es/utils").BuildPropType<BooleanConstructor, unknown, unknown>;
@@ -373,24 +373,24 @@ export declare const PsAutocomplete: import("element-ps/es/utils").SFCWithInstal
         $props: Partial<{
             disabled: boolean;
             trigger: import("element-ps/es/utils").BuildPropType<import("element-ps/es/utils").PropWrapper<"click" | "contextmenu" | "focus" | "hover" | ("click" | "contextmenu" | "focus" | "hover")[]>, unknown, unknown>;
-            style: import("vue").StyleValue;
-            showAfter: number;
-            hideAfter: number;
-            open: boolean;
-            placement: import("element-ps/es/utils").BuildPropType<StringConstructor, import("@popperjs/core").Placement, unknown>;
-            strategy: import("element-ps/es/utils").BuildPropType<StringConstructor, "fixed" | "absolute", unknown>;
             offset: number;
-            content: string;
-            transition: string;
             effect: string;
+            style: import("vue").StyleValue;
             visible: import("element-ps/es/utils").BuildPropType<import("element-ps/es/utils").PropWrapper<boolean | null>, unknown, unknown>;
+            content: string;
+            open: boolean;
+            transition: string;
             virtualRef: import("../..").Measurable;
             virtualTriggering: boolean;
             "onUpdate:visible": (val: boolean) => void;
+            showAfter: number;
+            hideAfter: number;
             boundariesPadding: number;
             fallbackPlacements: import("@popperjs/core").Placement[];
             gpuAcceleration: import("element-ps/es/utils").BuildPropType<BooleanConstructor, unknown, unknown>;
+            placement: import("element-ps/es/utils").BuildPropType<StringConstructor, import("@popperjs/core").Placement, unknown>;
             popperOptions: Partial<import("@popperjs/core").Options>;
+            strategy: import("element-ps/es/utils").BuildPropType<StringConstructor, "fixed" | "absolute", unknown>;
             className: string | {
                 [x: string]: boolean;
             } | (string | {
@@ -548,7 +548,7 @@ export declare const PsAutocomplete: import("element-ps/es/utils").SFCWithInstal
             strategy: import("element-ps/es/utils").BuildPropReturn<StringConstructor, "absolute", unknown, "fixed" | "absolute", unknown>;
             showAfter: import("element-ps/es/utils").BuildPropReturn<NumberConstructor, 0, unknown, unknown, unknown>;
             "onUpdate:visible": import("element-ps/es/utils").BuildPropReturn<import("element-ps/es/utils").PropWrapper<(val: boolean) => void>, never, false, never, never>;
-        }>> & import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, "disabled" | "trigger" | "style" | "showAfter" | "hideAfter" | "open" | "placement" | "strategy" | "offset" | "content" | "transition" | "effect" | "visible" | "virtualRef" | "virtualTriggering" | "onUpdate:visible" | "boundariesPadding" | "fallbackPlacements" | "gpuAcceleration" | "popperOptions" | "className" | "enterable" | "popperClass" | "popperStyle" | "referenceEl" | "stopPopperMouseEvent" | "pure" | "appendTo" | "rawContent" | "teleported" | "persistent" | "arrowOffset" | "openDelay" | "visibleArrow" | "showArrow">;
+        }>> & import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, "disabled" | "trigger" | "offset" | "effect" | "style" | "visible" | "content" | "open" | "transition" | "virtualRef" | "virtualTriggering" | "onUpdate:visible" | "showAfter" | "hideAfter" | "boundariesPadding" | "fallbackPlacements" | "gpuAcceleration" | "placement" | "popperOptions" | "strategy" | "className" | "enterable" | "popperClass" | "popperStyle" | "referenceEl" | "stopPopperMouseEvent" | "pure" | "appendTo" | "rawContent" | "teleported" | "persistent" | "arrowOffset" | "openDelay" | "visibleArrow" | "showArrow">;
         $attrs: {
             [x: string]: unknown;
         };
@@ -659,24 +659,24 @@ export declare const PsAutocomplete: import("element-ps/es/utils").SFCWithInstal
         }>>, 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<"click" | "contextmenu" | "focus" | "hover" | ("click" | "contextmenu" | "focus" | "hover")[]>, unknown, unknown>;
-            style: import("vue").StyleValue;
-            showAfter: number;
-            hideAfter: number;
-            open: boolean;
-            placement: import("element-ps/es/utils").BuildPropType<StringConstructor, import("@popperjs/core").Placement, unknown>;
-            strategy: import("element-ps/es/utils").BuildPropType<StringConstructor, "fixed" | "absolute", unknown>;
             offset: number;
-            content: string;
-            transition: string;
             effect: string;
+            style: import("vue").StyleValue;
             visible: import("element-ps/es/utils").BuildPropType<import("element-ps/es/utils").PropWrapper<boolean | null>, unknown, unknown>;
+            content: string;
+            open: boolean;
+            transition: string;
             virtualRef: import("../..").Measurable;
             virtualTriggering: boolean;
             "onUpdate:visible": (val: boolean) => void;
+            showAfter: number;
+            hideAfter: number;
             boundariesPadding: number;
             fallbackPlacements: import("@popperjs/core").Placement[];
             gpuAcceleration: import("element-ps/es/utils").BuildPropType<BooleanConstructor, unknown, unknown>;
+            placement: import("element-ps/es/utils").BuildPropType<StringConstructor, import("@popperjs/core").Placement, unknown>;
             popperOptions: Partial<import("@popperjs/core").Options>;
+            strategy: import("element-ps/es/utils").BuildPropType<StringConstructor, "fixed" | "absolute", unknown>;
             className: string | {
                 [x: string]: boolean;
             } | (string | {

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;;;;"}