npm - @element-plus/nightly - Versions diffs - 0.0.20260719 → 0.0.20260721 - Mend

@element-plus/nightly 0.0.20260719 → 0.0.20260721

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.

Files changed (592) hide show

package/es/components/affix/src/affix.vue.d.ts CHANGED Viewed

@@ -11,11 +11,11 @@ declare const __VLS_base: _$vue.DefineComponent<AffixProps, {
   /** @description update affix status */update: () => void; /** @description update rootRect info */
   updateRoot: () => Promise<void>;
 }, {}, {}, {}, _$vue.ComponentOptionsMixin, _$vue.ComponentOptionsMixin, {
-  change: (fixed: boolean) => void;
   scroll: (args_0: {
     scrollTop: number;
     fixed: boolean;
   }) => void;
+  change: (fixed: boolean) => void;
 }, string, _$vue.PublicProps, Readonly<AffixProps> & Readonly<{
   onChange?: ((fixed: boolean) => any) | undefined;
   onScroll?: ((args_0: {
@@ -24,10 +24,10 @@ declare const __VLS_base: _$vue.DefineComponent<AffixProps, {
   }) => any) | undefined;
 }>, {
   position: "top" | "bottom";
-  target: string;
+  appendTo: string | HTMLElement;
   zIndex: _$csstype.Property.ZIndex;
   offset: number;
-  appendTo: string | HTMLElement;
+  target: string;
 }, {}, {}, {}, string, _$vue.ComponentProvideOptions, false, {}, any>;
 declare const __VLS_export: __VLS_WithSlots<typeof __VLS_base, __VLS_Slots>;
 declare const _default: typeof __VLS_export;

package/es/components/alert/src/alert.d.ts CHANGED Viewed

@@ -44,7 +44,7 @@ interface AlertProps {
 declare const alertProps: {
   readonly title: EpPropFinalized<StringConstructor, unknown, unknown, "", boolean>;
   readonly description: EpPropFinalized<StringConstructor, unknown, unknown, "", boolean>;
-  readonly type: EpPropFinalized<StringConstructor, "error" | "info" | "primary" | "success" | "warning", unknown, "info", boolean>;
+  readonly type: EpPropFinalized<StringConstructor, "primary" | "success" | "warning" | "info" | "error", unknown, "info", boolean>;
   readonly closable: EpPropFinalized<BooleanConstructor, unknown, unknown, true, boolean>;
   readonly closeText: EpPropFinalized<StringConstructor, unknown, unknown, "", boolean>;
   readonly showIcon: BooleanConstructor;

package/es/components/alert/src/alert.vue.d.ts CHANGED Viewed

@@ -17,11 +17,11 @@ declare const __VLS_base: _$vue.DefineComponent<AlertProps, {}, {}, {}, {}, _$vu
   onClose?: ((evt: MouseEvent) => any) | undefined;
 }>, {
   type: keyof typeof TypeComponentsMap;
+  effect: "light" | "dark";
   title: string;
   description: string;
   closable: boolean;
   closeText: string;
-  effect: "light" | "dark";
 }, {}, {}, {}, string, _$vue.ComponentProvideOptions, false, {}, any>;
 declare const __VLS_export: __VLS_WithSlots<typeof __VLS_base, __VLS_Slots>;
 declare const _default: typeof __VLS_export;

package/es/components/anchor/src/anchor.vue.d.ts CHANGED Viewed

@@ -16,8 +16,8 @@ declare const __VLS_base: _$vue.DefineComponent<AnchorProps, {
   onClick?: ((e: MouseEvent, href?: string | undefined) => any) | undefined;
 }>, {
   type: "default" | "underline";
-  direction: "vertical" | "horizontal";
   offset: number;
+  direction: "vertical" | "horizontal";
   marker: boolean;
   duration: number;
   bound: number;

package/es/components/autocomplete/src/autocomplete.d.ts CHANGED Viewed

@@ -1,5 +1,5 @@
 import { EpPropFinalized, EpPropMergeType } from "../../../utils/vue/props/types.js";
-import { Awaitable, Mutable } from "../../../utils/typescript.js";
+import { Awaitable, ClassValue, Mutable } from "../../../utils/typescript.js";
 import { Options, Placement } from "../../popper/index.js";
 import { InputAutoSize, InputModelModifiers, InputProps, InputType } from "../../input/src/input.js";
 import { ElTooltipContentProps } from "../../tooltip/src/content.js";
@@ -93,108 +93,7 @@ declare const autocompleteProps: {
   readonly debounce: EpPropFinalized<NumberConstructor, unknown, unknown, 300, boolean>;
   readonly placement: EpPropFinalized<(new (...args: any[]) => "auto" | "left" | "right" | "bottom" | "top" | "auto-start" | "auto-end" | "top-start" | "top-end" | "bottom-start" | "bottom-end" | "right-start" | "right-end" | "left-start" | "left-end") | (() => Placement) | (((new (...args: any[]) => "auto" | "left" | "right" | "bottom" | "top" | "auto-start" | "auto-end" | "top-start" | "top-end" | "bottom-start" | "bottom-end" | "right-start" | "right-end" | "left-start" | "left-end") | (() => Placement)) | null)[], "bottom" | "top" | "top-start" | "top-end" | "bottom-start" | "bottom-end", unknown, "bottom-start", boolean>;
   readonly fetchSuggestions: EpPropFinalized<(new (...args: any[]) => ((queryString: string, cb: AutocompleteFetchSuggestionsCallback<AutocompleteDataItem>) => Awaitable<void | AutocompleteData<AutocompleteDataItem>>) | AutocompleteData<AutocompleteDataItem>) | (() => AutocompleteFetchSuggestions<AutocompleteDataItem>) | (((new (...args: any[]) => ((queryString: string, cb: AutocompleteFetchSuggestionsCallback<AutocompleteDataItem>) => Awaitable<void | AutocompleteData<AutocompleteDataItem>>) | AutocompleteData<AutocompleteDataItem>) | (() => AutocompleteFetchSuggestions<AutocompleteDataItem>)) | null)[], unknown, unknown, () => void, boolean>;
-  readonly popperClass: {
-    readonly type: _$vue.PropType<EpPropMergeType<(new (...args: any[]) => string | {
-      [x: string]: boolean;
-    } | (string | {
-      [x: string]: boolean;
-    } | (string | {
-      [x: string]: boolean;
-    } | (string | {
-      [x: string]: boolean;
-    } | (string | {
-      [x: string]: boolean;
-    } | (string | {
-      [x: string]: boolean;
-    } | (string | {
-      [x: string]: boolean;
-    } | (string | {
-      [x: string]: boolean;
-    } | (string | {
-      [x: string]: boolean;
-    } | (string | {
-      [x: string]: boolean;
-    } | (string | {
-      [x: string]: boolean;
-    } | (string | {
-      [x: string]: boolean;
-    } | /*elided*/any)[])[])[])[])[])[])[])[])[])[])[]) | (() => string | {
-      [x: string]: boolean;
-    } | (string | {
-      [x: string]: boolean;
-    } | (string | {
-      [x: string]: boolean;
-    } | (string | {
-      [x: string]: boolean;
-    } | (string | {
-      [x: string]: boolean;
-    } | (string | {
-      [x: string]: boolean;
-    } | (string | {
-      [x: string]: boolean;
-    } | (string | {
-      [x: string]: boolean;
-    } | (string | {
-      [x: string]: boolean;
-    } | (string | {
-      [x: string]: boolean;
-    } | (string | {
-      [x: string]: boolean;
-    } | (string | {
-      [x: string]: boolean;
-    } | /*elided*/any)[])[])[])[])[])[])[])[])[])[])[]) | (((new (...args: any[]) => string | {
-      [x: string]: boolean;
-    } | (string | {
-      [x: string]: boolean;
-    } | (string | {
-      [x: string]: boolean;
-    } | (string | {
-      [x: string]: boolean;
-    } | (string | {
-      [x: string]: boolean;
-    } | (string | {
-      [x: string]: boolean;
-    } | (string | {
-      [x: string]: boolean;
-    } | (string | {
-      [x: string]: boolean;
-    } | (string | {
-      [x: string]: boolean;
-    } | (string | {
-      [x: string]: boolean;
-    } | (string | {
-      [x: string]: boolean;
-    } | (string | {
-      [x: string]: boolean;
-    } | /*elided*/any)[])[])[])[])[])[])[])[])[])[])[]) | (() => string | {
-      [x: string]: boolean;
-    } | (string | {
-      [x: string]: boolean;
-    } | (string | {
-      [x: string]: boolean;
-    } | (string | {
-      [x: string]: boolean;
-    } | (string | {
-      [x: string]: boolean;
-    } | (string | {
-      [x: string]: boolean;
-    } | (string | {
-      [x: string]: boolean;
-    } | (string | {
-      [x: string]: boolean;
-    } | (string | {
-      [x: string]: boolean;
-    } | (string | {
-      [x: string]: boolean;
-    } | (string | {
-      [x: string]: boolean;
-    } | (string | {
-      [x: string]: boolean;
-    } | /*elided*/any)[])[])[])[])[])[])[])[])[])[])[])) | null)[], unknown, unknown>>;
-    readonly required: false;
-    readonly validator: ((val: unknown) => boolean) | undefined;
-    __epPropKey: true;
-  };
+  readonly popperClass: EpPropFinalized<(new (...args: any[]) => string | false | Record<string, any> | ClassValue[]) | (() => ClassValue) | (((new (...args: any[]) => string | false | Record<string, any> | ClassValue[]) | (() => ClassValue)) | null)[], unknown, unknown, undefined, boolean>;
   readonly popperStyle: EpPropFinalized<(new (...args: any[]) => string | false | _$vue.CSSProperties | _$vue.StyleValue[]) | (() => _$vue.StyleValue) | (((new (...args: any[]) => string | false | _$vue.CSSProperties | _$vue.StyleValue[]) | (() => _$vue.StyleValue)) | null)[], unknown, unknown, undefined, boolean>;
   readonly popperOptions: EpPropFinalized<(new (...args: any[]) => Partial<Options>) | (() => Partial<Options>) | (((new (...args: any[]) => Partial<Options>) | (() => Partial<Options>)) | null)[], unknown, unknown, () => {}, boolean>;
   readonly showArrow: EpPropFinalized<BooleanConstructor, unknown, unknown, true, boolean>;
@@ -211,12 +110,12 @@ declare const autocompleteProps: {
   readonly highlightFirstItem: BooleanConstructor;
   readonly fitInputWidth: BooleanConstructor;
   readonly loopNavigation: EpPropFinalized<BooleanConstructor, unknown, unknown, true, boolean>;
-  readonly inputmode: EpPropFinalized<(new (...args: any[]) => "none" | "text" | "search" | "email" | "tel" | "url" | "numeric" | "decimal") | (() => "none" | "text" | "search" | "email" | "tel" | "url" | "numeric" | "decimal" | undefined) | (((new (...args: any[]) => "none" | "text" | "search" | "email" | "tel" | "url" | "numeric" | "decimal") | (() => "none" | "text" | "search" | "email" | "tel" | "url" | "numeric" | "decimal" | undefined)) | null)[], unknown, unknown, undefined, boolean>;
+  readonly inputmode: EpPropFinalized<(new (...args: any[]) => "search" | "text" | "email" | "tel" | "url" | "none" | "numeric" | "decimal") | (() => "search" | "text" | "email" | "tel" | "url" | "none" | "numeric" | "decimal" | undefined) | (((new (...args: any[]) => "search" | "text" | "email" | "tel" | "url" | "none" | "numeric" | "decimal") | (() => "search" | "text" | "email" | "tel" | "url" | "none" | "numeric" | "decimal" | undefined)) | null)[], unknown, unknown, undefined, boolean>;
   readonly name: StringConstructor;
   readonly ariaLabel: StringConstructor;
   readonly id: EpPropFinalized<StringConstructor, unknown, unknown, undefined, boolean>;
   readonly size: {
-    readonly type: _$vue.PropType<EpPropMergeType<StringConstructor, "" | "default" | "large" | "small", never>>;
+    readonly type: _$vue.PropType<EpPropMergeType<StringConstructor, "" | "small" | "default" | "large", never>>;
     readonly required: false;
     readonly validator: ((val: unknown) => boolean) | undefined;
     __epPropKey: true;
@@ -237,7 +136,7 @@ declare const autocompleteProps: {
   };
   readonly type: EpPropFinalized<(new (...args: any[]) => string) | (() => InputType) | (((new (...args: any[]) => string) | (() => InputType)) | null)[], unknown, unknown, "text", boolean>;
   readonly resize: {
-    readonly type: _$vue.PropType<EpPropMergeType<StringConstructor, "horizontal" | "vertical" | "none" | "both", unknown>>;
+    readonly type: _$vue.PropType<EpPropMergeType<StringConstructor, "none" | "both" | "horizontal" | "vertical", unknown>>;
     readonly required: false;
     readonly validator: ((val: unknown) => boolean) | undefined;
     __epPropKey: true;

package/es/components/autocomplete/src/autocomplete.mjs.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"autocomplete.mjs","names":[],"sources":["../../../../../../packages/components/autocomplete/src/autocomplete.ts"],"sourcesContent":["import {\n NOOP,\n buildProps,\n definePropType,\n isNumber,\n isObject,\n isString,\n} from '@element-plus/utils'\nimport { useTooltipContentProps } from '@element-plus/components/tooltip'\nimport {\n CHANGE_EVENT,\n INPUT_EVENT,\n UPDATE_MODEL_EVENT,\n} from '@element-plus/constants'\nimport { inputProps } from '@element-plus/components/input'\n\nimport type { ComponentInstance, ExtractPublicPropTypes } from 'vue'\nimport type { ComponentExposed } from 'vue-component-type-helpers'\nimport type Autocomplete from './autocomplete.vue'\nimport type { Options, Placement } from '@element-plus/components/popper'\nimport type { Awaitable } from '@element-plus/utils'\nimport type { InputProps } from '@element-plus/components/input'\nimport type { ElTooltipContentProps } from '@element-plus/components/tooltip'\n\nexport type AutocompleteDataItem = Record<string, any>\nexport type AutocompleteData<\n T extends AutocompleteDataItem = AutocompleteDataItem,\n> = T[]\nexport type AutocompleteFetchSuggestionsCallback<\n T extends AutocompleteDataItem = AutocompleteDataItem,\n> = (data: AutocompleteData<T>) => void\nexport type AutocompleteFetchSuggestions<\n T extends AutocompleteDataItem = AutocompleteDataItem,\n> =\n \| ((\n queryString: string,\n cb: AutocompleteFetchSuggestionsCallback<T>\n ) => Awaitable<AutocompleteData<T> \| void>)\n \| AutocompleteData<T>\n\nexport type AutocompletePlacement =\n \| 'top'\n \| 'top-start'\n \| 'top-end'\n \| 'bottom'\n \| 'bottom-start'\n \| 'bottom-end'\n\nexport interface AutocompleteProps<\n T extends AutocompleteDataItem = AutocompleteDataItem,\n> extends InputProps {\n /*\n @description key name of the input suggestion object for display\n /\n valueKey?: string\n /\n @description binding value\n /\n modelValue?: string \| number\n /\n @description debounce delay when typing, in milliseconds\n /\n debounce?: number\n /\n @description placement of the popup menu\n /\n placement?: AutocompletePlacement\n /\n @description a method to fetch input suggestions. When suggestions are ready, invoke `callback(data:[])` to return them to Autocomplete\n /\n fetchSuggestions?: AutocompleteFetchSuggestions<T>\n /\n @description custom class name for autocomplete's dropdown\n /\n popperClass?: ElTooltipContentProps['popperClass']\n /\n @description custom style for autocomplete's dropdown\n /\n popperStyle?: ElTooltipContentProps['popperStyle']\n /\n @description [popper.js](https://popper.js.org/docs/v2/) parameters\n /\n popperOptions?: Partial<Options>\n /\n @description determines whether the arrow is displayed\n /\n showArrow?: boolean\n /\n @description whether show suggestions when input focus\n /\n triggerOnFocus?: boolean\n /\n @description whether to emit a `select` event on enter when there is no autocomplete match\n /\n selectWhenUnmatched?: boolean\n /\n @description whether to hide the loading icon in remote search\n /\n hideLoading?: boolean\n /\n @description whether select dropdown is teleported to the body\n /\n teleported?: ElTooltipContentProps['teleported']\n /\n @description which select dropdown appends to\n /\n appendTo?: ElTooltipContentProps['appendTo']\n /\n @description whether to highlight first item in remote search suggestions by default\n /\n highlightFirstItem?: boolean\n /\n @description whether the width of the dropdown is the same as the input\n /\n fitInputWidth?: boolean\n /\n @description whether keyboard navigation loops from end to start\n /\n loopNavigation?: boolean\n}\n\n/\n @deprecated Removed after 3.0.0, Use `AutocompleteProps` instead.\n /\nexport const autocompleteProps = buildProps({\n ...inputProps,\n /\n @description key name of the input suggestion object for display\n /\n valueKey: {\n type: String,\n default: 'value',\n },\n /\n @description binding value\n /\n modelValue: {\n type: [String, Number],\n default: '',\n },\n /\n @description debounce delay when typing, in milliseconds\n /\n debounce: {\n type: Number,\n default: 300,\n },\n /\n @description placement of the popup menu\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 /\n @description a method to fetch input suggestions. When suggestions are ready, invoke `callback(data:[])` to return them to Autocomplete\n /\n fetchSuggestions: {\n type: definePropType<AutocompleteFetchSuggestions>([Function, Array]),\n default: NOOP,\n },\n /\n @description custom class name for autocomplete's dropdown\n /\n popperClass: useTooltipContentProps.popperClass,\n /\n @description custom style for autocomplete's dropdown\n /\n popperStyle: useTooltipContentProps.popperStyle,\n /\n @description [popper.js](https://popper.js.org/docs/v2/) parameters\n /\n popperOptions: useTooltipContentProps.popperOptions,\n /\n @description determines whether the arrow is displayed\n /\n showArrow: {\n type: Boolean,\n default: true,\n },\n /\n @description whether show suggestions when input focus\n /\n triggerOnFocus: {\n type: Boolean,\n default: true,\n },\n /\n @description whether to emit a `select` event on enter when there is no autocomplete match\n /\n selectWhenUnmatched: Boolean,\n /\n @description whether to hide the loading icon in remote search\n /\n hideLoading: Boolean,\n /\n @description whether select dropdown is teleported to the body\n /\n teleported: useTooltipContentProps.teleported,\n /\n @description which select dropdown appends to\n /\n appendTo: useTooltipContentProps.appendTo,\n /\n @description whether to highlight first item in remote search suggestions by default\n /\n highlightFirstItem: Boolean,\n /\n @description whether the width of the dropdown is the same as the input\n /\n fitInputWidth: Boolean,\n /\n @description whether keyboard navigation loops from end to start\n /\n loopNavigation: {\n type: Boolean,\n default: true,\n },\n} as const)\n\n/\n @deprecated Removed after 3.0.0, Use `AutocompleteProps` instead.\n */\nexport type AutocompletePropsPublic = ExtractPublicPropTypes<\n typeof autocompleteProps\n>\n\nexport const autocompleteEmits = {\n [UPDATE_MODEL_EVENT]: (value: string \| number) =>\n isString(value) \|\| isNumber(value),\n [INPUT_EVENT]: (value: string \| number) => isString(value) \|\| isNumber(value),\n [CHANGE_EVENT]: (value: string \| number) =>\n isString(value) \|\| isNumber(value),\n focus: (evt: FocusEvent) => evt instanceof FocusEvent,\n blur: (evt: FocusEvent) => evt instanceof FocusEvent,\n clear: () => true,\n select: (item: Record<string, any>) => isObject(item),\n}\nexport type AutocompleteEmits = typeof autocompleteEmits\n\nexport type AutocompleteInstance = ComponentInstance<typeof Autocomplete> &\n ComponentExposed<typeof Autocomplete>\n"],"mappings":";;;;;;;;;;~~AA4HA~~,MAAa,oBAAoB,WAAW;CAC1C,GAAG;;;;CAIH,UAAU;EACR,MAAM;EACN,SAAS;EACV;;;;CAID,YAAY;EACV,MAAM,CAAC,QAAQ,OAAO;EACtB,SAAS;EACV;;;;CAID,UAAU;EACR,MAAM;EACN,SAAS;EACV;;;;CAID,WAAW;EACT,MAAM,eAA0B,OAAO;EACvC,QAAQ;GACN;GACA;GACA;GACA;GACA;GACA;GACD;EACD,SAAS;EACV;;;;CAID,kBAAkB;EAChB,MAAM,eAA6C,CAAC,UAAU,MAAM,CAAC;EACrE,SAAS;EACV;;;;CAID,aAAa,uBAAuB;;;;CAIpC,aAAa,uBAAuB;;;;CAIpC,eAAe,uBAAuB;;;;CAItC,WAAW;EACT,MAAM;EACN,SAAS;EACV;;;;CAID,gBAAgB;EACd,MAAM;EACN,SAAS;EACV;;;;CAID,qBAAqB;;;;CAIrB,aAAa;;;;CAIb,YAAY,uBAAuB;;;;CAInC,UAAU,uBAAuB;;;;CAIjC,oBAAoB;;;;CAIpB,eAAe;;;;CAIf,gBAAgB;EACd,MAAM;EACN,SAAS;EACV;CACF,CAAU;AASX,MAAa,oBAAoB;EAC9B,sBAAsB,UACrB,SAAS,MAAM,IAAI,SAAS,MAAM;EACnC,eAAe,UAA2B,SAAS,MAAM,IAAI,SAAS,MAAM;EAC5E,gBAAgB,UACf,SAAS,MAAM,IAAI,SAAS,MAAM;CACpC,QAAQ,QAAoB,eAAe;CAC3C,OAAO,QAAoB,eAAe;CAC1C,aAAa;CACb,SAAS,SAA8B,SAAS,KAAK;CACtD"}
1	+ {"version":3,"file":"autocomplete.mjs","names":[],"sources":["../../../../../../packages/components/autocomplete/src/autocomplete.ts"],"sourcesContent":["import {\n NOOP,\n buildProps,\n definePropType,\n isNumber,\n isObject,\n isString,\n} from '@element-plus/utils'\nimport { useTooltipContentProps } from '@element-plus/components/tooltip'\nimport {\n CHANGE_EVENT,\n INPUT_EVENT,\n UPDATE_MODEL_EVENT,\n} from '@element-plus/constants'\nimport { inputProps } from '@element-plus/components/input'\n\nimport type { ComponentInstance, ExtractPublicPropTypes } from 'vue'\nimport type { ComponentExposed } from 'vue-component-type-helpers'\nimport type Autocomplete from './autocomplete.vue'\nimport type { Options, Placement } from '@element-plus/components/popper'\nimport type { Awaitable } from '@element-plus/utils'\nimport type { InputProps } from '@element-plus/components/input'\nimport type { ElTooltipContentProps } from '@element-plus/components/tooltip'\n\nexport type AutocompleteDataItem = Record<string, any>\nexport type AutocompleteData<\n T extends AutocompleteDataItem = AutocompleteDataItem,\n> = T[]\nexport type AutocompleteFetchSuggestionsCallback<\n T extends AutocompleteDataItem = AutocompleteDataItem,\n> = (data: AutocompleteData<T>) => void\nexport type AutocompleteFetchSuggestions<\n T extends AutocompleteDataItem = AutocompleteDataItem,\n> =\n \| ((\n queryString: string,\n cb: AutocompleteFetchSuggestionsCallback<T>\n ) => Awaitable<AutocompleteData<T> \| void>)\n \| AutocompleteData<T>\n\nexport type AutocompletePlacement =\n 'top' \| 'top-start' \| 'top-end' \| 'bottom' \| 'bottom-start' \| 'bottom-end'\n\nexport interface AutocompleteProps<\n T extends AutocompleteDataItem = AutocompleteDataItem,\n> extends InputProps {\n /*\n @description key name of the input suggestion object for display\n /\n valueKey?: string\n /\n @description binding value\n /\n modelValue?: string \| number\n /\n @description debounce delay when typing, in milliseconds\n /\n debounce?: number\n /\n @description placement of the popup menu\n /\n placement?: AutocompletePlacement\n /\n @description a method to fetch input suggestions. When suggestions are ready, invoke `callback(data:[])` to return them to Autocomplete\n /\n fetchSuggestions?: AutocompleteFetchSuggestions<T>\n /\n @description custom class name for autocomplete's dropdown\n /\n popperClass?: ElTooltipContentProps['popperClass']\n /\n @description custom style for autocomplete's dropdown\n /\n popperStyle?: ElTooltipContentProps['popperStyle']\n /\n @description [popper.js](https://popper.js.org/docs/v2/) parameters\n /\n popperOptions?: Partial<Options>\n /\n @description determines whether the arrow is displayed\n /\n showArrow?: boolean\n /\n @description whether show suggestions when input focus\n /\n triggerOnFocus?: boolean\n /\n @description whether to emit a `select` event on enter when there is no autocomplete match\n /\n selectWhenUnmatched?: boolean\n /\n @description whether to hide the loading icon in remote search\n /\n hideLoading?: boolean\n /\n @description whether select dropdown is teleported to the body\n /\n teleported?: ElTooltipContentProps['teleported']\n /\n @description which select dropdown appends to\n /\n appendTo?: ElTooltipContentProps['appendTo']\n /\n @description whether to highlight first item in remote search suggestions by default\n /\n highlightFirstItem?: boolean\n /\n @description whether the width of the dropdown is the same as the input\n /\n fitInputWidth?: boolean\n /\n @description whether keyboard navigation loops from end to start\n /\n loopNavigation?: boolean\n}\n\n/\n @deprecated Removed after 3.0.0, Use `AutocompleteProps` instead.\n /\nexport const autocompleteProps = buildProps({\n ...inputProps,\n /\n @description key name of the input suggestion object for display\n /\n valueKey: {\n type: String,\n default: 'value',\n },\n /\n @description binding value\n /\n modelValue: {\n type: [String, Number],\n default: '',\n },\n /\n @description debounce delay when typing, in milliseconds\n /\n debounce: {\n type: Number,\n default: 300,\n },\n /\n @description placement of the popup menu\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 /\n @description a method to fetch input suggestions. When suggestions are ready, invoke `callback(data:[])` to return them to Autocomplete\n /\n fetchSuggestions: {\n type: definePropType<AutocompleteFetchSuggestions>([Function, Array]),\n default: NOOP,\n },\n /\n @description custom class name for autocomplete's dropdown\n /\n popperClass: useTooltipContentProps.popperClass,\n /\n @description custom style for autocomplete's dropdown\n /\n popperStyle: useTooltipContentProps.popperStyle,\n /\n @description [popper.js](https://popper.js.org/docs/v2/) parameters\n /\n popperOptions: useTooltipContentProps.popperOptions,\n /\n @description determines whether the arrow is displayed\n /\n showArrow: {\n type: Boolean,\n default: true,\n },\n /\n @description whether show suggestions when input focus\n /\n triggerOnFocus: {\n type: Boolean,\n default: true,\n },\n /\n @description whether to emit a `select` event on enter when there is no autocomplete match\n /\n selectWhenUnmatched: Boolean,\n /\n @description whether to hide the loading icon in remote search\n /\n hideLoading: Boolean,\n /\n @description whether select dropdown is teleported to the body\n /\n teleported: useTooltipContentProps.teleported,\n /\n @description which select dropdown appends to\n /\n appendTo: useTooltipContentProps.appendTo,\n /\n @description whether to highlight first item in remote search suggestions by default\n /\n highlightFirstItem: Boolean,\n /\n @description whether the width of the dropdown is the same as the input\n /\n fitInputWidth: Boolean,\n /\n @description whether keyboard navigation loops from end to start\n /\n loopNavigation: {\n type: Boolean,\n default: true,\n },\n} as const)\n\n/\n @deprecated Removed after 3.0.0, Use `AutocompleteProps` instead.\n */\nexport type AutocompletePropsPublic = ExtractPublicPropTypes<\n typeof autocompleteProps\n>\n\nexport const autocompleteEmits = {\n [UPDATE_MODEL_EVENT]: (value: string \| number) =>\n isString(value) \|\| isNumber(value),\n [INPUT_EVENT]: (value: string \| number) => isString(value) \|\| isNumber(value),\n [CHANGE_EVENT]: (value: string \| number) =>\n isString(value) \|\| isNumber(value),\n focus: (evt: FocusEvent) => evt instanceof FocusEvent,\n blur: (evt: FocusEvent) => evt instanceof FocusEvent,\n clear: () => true,\n select: (item: Record<string, any>) => isObject(item),\n}\nexport type AutocompleteEmits = typeof autocompleteEmits\n\nexport type AutocompleteInstance = ComponentInstance<typeof Autocomplete> &\n ComponentExposed<typeof Autocomplete>\n"],"mappings":";;;;;;;;;;AAuHA,MAAa,oBAAoB,WAAW;CAC1C,GAAG;;;;CAIH,UAAU;EACR,MAAM;EACN,SAAS;EACV;;;;CAID,YAAY;EACV,MAAM,CAAC,QAAQ,OAAO;EACtB,SAAS;EACV;;;;CAID,UAAU;EACR,MAAM;EACN,SAAS;EACV;;;;CAID,WAAW;EACT,MAAM,eAA0B,OAAO;EACvC,QAAQ;GACN;GACA;GACA;GACA;GACA;GACA;GACD;EACD,SAAS;EACV;;;;CAID,kBAAkB;EAChB,MAAM,eAA6C,CAAC,UAAU,MAAM,CAAC;EACrE,SAAS;EACV;;;;CAID,aAAa,uBAAuB;;;;CAIpC,aAAa,uBAAuB;;;;CAIpC,eAAe,uBAAuB;;;;CAItC,WAAW;EACT,MAAM;EACN,SAAS;EACV;;;;CAID,gBAAgB;EACd,MAAM;EACN,SAAS;EACV;;;;CAID,qBAAqB;;;;CAIrB,aAAa;;;;CAIb,YAAY,uBAAuB;;;;CAInC,UAAU,uBAAuB;;;;CAIjC,oBAAoB;;;;CAIpB,eAAe;;;;CAIf,gBAAgB;EACd,MAAM;EACN,SAAS;EACV;CACF,CAAU;AASX,MAAa,oBAAoB;EAC9B,sBAAsB,UACrB,SAAS,MAAM,IAAI,SAAS,MAAM;EACnC,eAAe,UAA2B,SAAS,MAAM,IAAI,SAAS,MAAM;EAC5E,gBAAgB,UACf,SAAS,MAAM,IAAI,SAAS,MAAM;CACpC,QAAQ,QAAoB,eAAe;CAC3C,OAAO,QAAoB,eAAe;CAC1C,aAAa;CACb,SAAS,SAA8B,SAAS,KAAK;CACtD"}

package/es/components/autocomplete/src/autocomplete.vue.d.ts CHANGED Viewed

@@ -7,13 +7,13 @@ import { Ref } from "vue";
 //#region ../../packages/components/autocomplete/src/autocomplete.vue.d.ts
 declare const __VLS_export: <T extends AutocompleteDataItem = AutocompleteDataItem>(__VLS_props: NonNullable<Awaited<typeof __VLS_setup>>["props"], __VLS_ctx?: __VLS_PrettifyLocal<Pick<NonNullable<Awaited<typeof __VLS_setup>>, "attrs" | "emit" | "slots">>, __VLS_exposed?: NonNullable<Awaited<typeof __VLS_setup>>["expose"], __VLS_setup?: Promise<{
   props: _$vue.PublicProps & __VLS_PrettifyLocal<AutocompleteProps<T> & {
-    onChange?: ((value: string | number) => any) | undefined;
-    onClear?: (() => any) | undefined;
     "onUpdate:modelValue"?: ((value: string | number) => any) | undefined;
     onInput?: ((value: string | number) => any) | undefined;
-    onSelect?: ((item: Record<string, any>) => any) | undefined;
-    onBlur?: ((evt: FocusEvent) => any) | undefined;
+    onChange?: ((value: string | number) => any) | undefined;
     onFocus?: ((evt: FocusEvent) => any) | undefined;
+    onBlur?: ((evt: FocusEvent) => any) | undefined;
+    onClear?: (() => any) | undefined;
+    onSelect?: ((item: Record<string, any>) => any) | undefined;
   }> & (typeof globalThis extends {
     __VLS_PROPS_FALLBACK: infer P;
   } ? P : {});
@@ -52,7 +52,7 @@ declare const __VLS_export: <T extends AutocompleteDataItem = AutocompleteDataIt
   } & {
     footer?: (props: {}) => any;
   };
-  emit: ((event: "change", value: string | number) => void) & ((event: "clear") => void) & ((event: "update:modelValue", value: string | number) => void) & ((event: "input", value: string | number) => void) & ((event: "select", item: Record<string, any>) => void) & ((event: "blur", evt: FocusEvent) => void) & ((event: "focus", evt: FocusEvent) => void);
+  emit: ((event: "update:modelValue", value: string | number) => void) & ((event: "focus", evt: FocusEvent) => void) & ((event: "blur", evt: FocusEvent) => void) & ((event: "clear") => void) & ((event: "select", item: Record<string, any>) => void) & ((event: "change", value: string | number) => void) & ((event: "input", value: string | number) => void);
 }>) => _$vue.VNode & {
   __ctx?: NonNullable<Awaited<typeof __VLS_setup>>;
 };

package/es/components/autocomplete/src/autocomplete.vue_vue_type_script_setup_true_lang.mjs.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"autocomplete.vue_vue_type_script_setup_true_lang.mjs","names":["$slots","$attrs"],"sources":["../../../../../../packages/components/autocomplete/src/autocomplete.vue"],"sourcesContent":["<template>\n <el-tooltip\n ref=\"popperRef\"\n :visible=\"suggestionVisible\"\n :placement=\"placement\"\n :fallback-placements=\"['bottom-start', 'top-start']\"\n :popper-class=\"[ns.e('popper'), popperClass!]\"\n :popper-style=\"popperStyle\"\n :popper-options=\"popperOptions\"\n :show-arrow=\"showArrow\"\n :teleported=\"teleported\"\n :append-to=\"appendTo\"\n :gpu-acceleration=\"false\"\n pure\n manual-mode\n effect=\"light\"\n trigger=\"click\"\n :transition=\"`${ns.namespace.value}-zoom-in-top`\"\n persistent\n role=\"listbox\"\n @before-show=\"onSuggestionShow\"\n @hide=\"onHide\"\n >\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=\"listboxId\"\n >\n <el-input\n ref=\"inputRef\"\n v-bind=\"mergeProps(passInputProps, $attrs)\"\n :model-value=\"modelValue\"\n :disabled=\"disabled\"\n @input=\"handleInput\"\n @change=\"handleChange\"\n @focus=\"handleFocus\"\n @blur=\"handleBlur\"\n @clear=\"handleClear\"\n @keydown=\"handleKeydown\"\n @mousedown=\"handleMouseDown\"\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 </el-input>\n </div>\n <template #content>\n <div\n ref=\"regionRef\"\n :class=\"[ns.b('suggestion'), ns.is('loading', suggestionLoading)]\"\n :style=\"{\n [fitInputWidth ? 'width' : 'minWidth']: dropdownWidth,\n outline: 'none',\n }\"\n role=\"region\"\n >\n <div\n v-if=\"$slots.header\"\n :class=\"ns.be('suggestion', 'header')\"\n @click.stop\n >\n <slot name=\"header\" />\n </div>\n <el-scrollbar\n :id=\"listboxId\"\n tag=\"ul\"\n :wrap-class=\"ns.be('suggestion', 'wrap')\"\n :view-class=\"ns.be('suggestion', 'list')\"\n role=\"listbox\"\n >\n <li v-if=\"suggestionLoading\">\n <slot name=\"loading\">\n <el-icon :class=\"ns.is('loading')\">\n <Loading />\n </el-icon>\n </slot>\n </li>\n <template v-else>\n <li\n v-for=\"(item, index) in suggestions\"\n :id=\"`${listboxId}-item-${index}`\"\n :key=\"index\"\n :class=\"{ highlighted: highlightedIndex === index }\"\n role=\"option\"\n :aria-selected=\"highlightedIndex === index\"\n @click=\"handleSelect(item)\"\n >\n <slot :item=\"item\">{{ item[valueKey] }}</slot>\n </li>\n </template>\n </el-scrollbar>\n <div\n v-if=\"$slots.footer\"\n :class=\"ns.be('suggestion', 'footer')\"\n @click.stop\n >\n <slot name=\"footer\" />\n </div>\n </div>\n </template>\n </el-tooltip>\n</template>\n\n<script\n lang=\"ts\"\n setup\n generic=\"T extends AutocompleteDataItem = AutocompleteDataItem\"\n>\nimport {\n computed,\n mergeProps,\n onBeforeUnmount,\n onMounted,\n ref,\n useAttrs as useRawAttrs,\n} from 'vue'\nimport { pick } from 'lodash-unified'\nimport { onClickOutside, useDebounceFn } from '@vueuse/core'\nimport { Loading } from '@element-plus/icons-vue'\nimport { useId, useNamespace } from '@element-plus/hooks'\nimport { NOOP, getEventCode, isArray, throwError } from '@element-plus/utils'\nimport {\n CHANGE_EVENT,\n EVENT_CODE,\n INPUT_EVENT,\n UPDATE_MODEL_EVENT,\n} from '@element-plus/constants'\nimport ElInput, { inputPropsDefaults } from '@element-plus/components/input'\nimport ElScrollbar from '@element-plus/components/scrollbar'\nimport ElTooltip from '@element-plus/components/tooltip'\nimport ElIcon from '@element-plus/components/icon'\nimport { useFormDisabled } from '@element-plus/components/form'\nimport { autocompleteEmits } from './autocomplete'\n\nimport type {\n AutocompleteData,\n AutocompleteDataItem,\n AutocompleteProps,\n} from './autocomplete'\nimport type { Ref, StyleValue } from 'vue'\nimport type { TooltipInstance } from '@element-plus/components/tooltip'\nimport type { InputInstance } from '@element-plus/components/input'\n\nconst COMPONENT_NAME = 'ElAutocomplete'\ndefineOptions({\n name: COMPONENT_NAME,\n inheritAttrs: false,\n})\n\nconst props = withDefaults(defineProps<AutocompleteProps<T>>(), {\n ...inputPropsDefaults,\n valueKey: 'value',\n modelValue: '',\n debounce: 300,\n placement: 'bottom-start',\n fetchSuggestions: NOOP,\n triggerOnFocus: true,\n loopNavigation: true,\n teleported: true,\n showArrow: true,\n popperOptions: () => ({}),\n})\nconst emit = defineEmits(autocompleteEmits)\nconst passInputProps = computed(() => {\n const inputProps = ElInput.props ?? []\n const keys = isArray(inputProps) ? inputProps : Object.keys(inputProps)\n return pick(props, keys)\n})\n\nconst rawAttrs = useRawAttrs()\nconst disabled = useFormDisabled()\nconst ns = useNamespace('autocomplete')\n\nconst inputRef = ref<InputInstance>()\nconst regionRef = ref<HTMLElement>()\nconst popperRef = ref<TooltipInstance>()\nconst listboxRef = ref<HTMLElement>()\n\nlet readonly = false\nlet ignoreFocusEvent = false\nconst suggestions = ref([]) as Ref<AutocompleteData<T>>\nconst highlightedIndex = ref(-1)\nconst dropdownWidth = ref('')\nconst activated = ref(false)\nconst suggestionDisabled = ref(false)\nconst loading = ref(false)\n\nconst listboxId = useId()\nconst styles = computed(() => rawAttrs.style as StyleValue)\n\nconst suggestionVisible = computed(() => {\n const isValidData = suggestions.value.length > 0\n return (isValidData \|\| loading.value) && activated.value\n})\n\nconst suggestionLoading = computed(() => !props.hideLoading && loading.value)\n\nconst refInput = computed<HTMLInputElement[]>(() => {\n if (inputRef.value) {\n return Array.from<HTMLInputElement>(\n inputRef.value.$el.querySelectorAll('input')\n )\n }\n return []\n})\n\nconst onSuggestionShow = () => {\n if (suggestionVisible.value) {\n dropdownWidth.value = `${inputRef.value!.$el.offsetWidth}px`\n }\n}\n\nconst onHide = () => {\n highlightedIndex.value = -1\n}\n\nconst getData = async (queryString: string) => {\n if (suggestionDisabled.value) return\n\n const cb = (suggestionList: AutocompleteData<T>) => {\n loading.value = false\n if (suggestionDisabled.value) return\n\n if (isArray(suggestionList)) {\n suggestions.value = suggestionList\n highlightedIndex.value = props.highlightFirstItem ? 0 : -1\n } else {\n throwError(COMPONENT_NAME, 'autocomplete suggestions must be an array')\n }\n }\n\n loading.value = true\n if (isArray(props.fetchSuggestions)) {\n cb(props.fetchSuggestions)\n } else {\n const result = await props.fetchSuggestions(queryString, cb)\n if (isArray(result)) cb(result)\n }\n}\n\nconst debounce = computed(() => props.debounce)\nconst debouncedGetData = useDebounceFn(getData, debounce)\n\nconst handleInput = (value: string) => {\n const valuePresented = !!value\n\n emit(INPUT_EVENT, value)\n emit(UPDATE_MODEL_EVENT, value)\n\n suggestionDisabled.value = false\n activated.value \|\|= valuePresented\n\n if (!props.triggerOnFocus && !value) {\n suggestionDisabled.value = true\n suggestions.value = []\n return\n }\n\n debouncedGetData(value)\n}\n\nconst handleMouseDown = (event: MouseEvent) => {\n if (disabled.value) return\n if (\n (event.target as HTMLElement)?.tagName !== 'INPUT' \|\|\n refInput.value.includes(document.activeElement as HTMLInputElement)\n ) {\n activated.value = true\n }\n}\n\nconst handleChange = (value: string \| number) => {\n emit(CHANGE_EVENT, value)\n}\n\nconst handleFocus = (evt: FocusEvent) => {\n if (!ignoreFocusEvent) {\n activated.value = true\n emit('focus', evt)\n const queryString = props.modelValue ?? ''\n if (props.triggerOnFocus && !readonly) {\n debouncedGetData(String(queryString))\n }\n } else {\n ignoreFocusEvent = false\n }\n}\n\nconst handleBlur = (evt: FocusEvent) => {\n setTimeout(() => {\n // validate current focus event is inside el-tooltip-content\n // if so, ignore the blur event and the next focus event\n if (popperRef.value?.isFocusInsideContent()) {\n ignoreFocusEvent = true\n return\n }\n activated.value && close()\n emit('blur', evt)\n })\n}\n\nconst handleClear = () => {\n activated.value = false\n emit(UPDATE_MODEL_EVENT, '')\n emit('clear')\n}\n\nconst handleKeyEnter = async () => {\n if (inputRef.value?.isComposing) {\n return\n }\n\n if (\n suggestionVisible.value &&\n highlightedIndex.value >= 0 &&\n highlightedIndex.value < suggestions.value.length\n ) {\n handleSelect(suggestions.value[highlightedIndex.value])\n } else {\n if (props.selectWhenUnmatched) {\n emit('select', { value: props.modelValue })\n suggestions.value = []\n highlightedIndex.value = -1\n }\n activated.value = true\n debouncedGetData(String(props.modelValue))\n }\n}\n\nconst handleKeyEscape = (evt: Event) => {\n if (suggestionVisible.value) {\n evt.preventDefault()\n evt.stopPropagation()\n close()\n }\n}\n\nconst close = () => {\n activated.value = false\n}\n\nconst focus = () => {\n inputRef.value?.focus()\n}\n\nconst blur = () => {\n inputRef.value?.blur()\n}\n\nconst handleSelect = async (item: T) => {\n emit(INPUT_EVENT, item[props.valueKey])\n emit(UPDATE_MODEL_EVENT, item[props.valueKey])\n emit('select', item)\n suggestions.value = []\n highlightedIndex.value = -1\n}\n\nconst highlight = (index: number) => {\n if (!suggestionVisible.value \|\| loading.value) return\n\n if (index < 0) {\n if (!props.loopNavigation) {\n highlightedIndex.value = -1\n return\n }\n index = suggestions.value.length - 1\n }\n\n if (index >= suggestions.value.length) {\n index = props.loopNavigation ? 0 : suggestions.value.length - 1\n }\n const [suggestion, suggestionList] = getSuggestionContext()\n const highlightItem = suggestionList[index]\n const scrollTop = suggestion.scrollTop\n const { offsetTop, scrollHeight } = highlightItem\n\n if (offsetTop + scrollHeight > scrollTop + suggestion.clientHeight) {\n suggestion.scrollTop = offsetTop + scrollHeight - suggestion.clientHeight\n }\n if (offsetTop < scrollTop) {\n suggestion.scrollTop = offsetTop\n }\n highlightedIndex.value = index\n inputRef.value?.ref?.setAttribute(\n 'aria-activedescendant',\n `${listboxId.value}-item-${highlightedIndex.value}`\n )\n}\nconst getSuggestionContext = () => {\n const suggestion = regionRef.value!.querySelector(\n `.${ns.be('suggestion', 'wrap')}`\n )!\n const suggestionList = suggestion.querySelectorAll<HTMLElement>(\n `.${ns.be('suggestion', 'list')} li`\n )\n return [suggestion, suggestionList] as const\n}\n\nconst stopHandle = onClickOutside(listboxRef, (event: FocusEvent) => {\n // Prevent closing if focus is inside popper content\n if (popperRef.value?.isFocusInsideContent()) return\n const hadIgnoredFocus = ignoreFocusEvent\n ignoreFocusEvent = false\n if (!suggestionVisible.value) return\n if (hadIgnoredFocus) {\n handleBlur(new FocusEvent('blur', event))\n } else {\n close()\n }\n})\n\nconst handleKeydown = (e: KeyboardEvent \| Event) => {\n const code = getEventCode(e as KeyboardEvent)\n switch (code) {\n case EVENT_CODE.up:\n e.preventDefault()\n highlight(highlightedIndex.value - 1)\n break\n case EVENT_CODE.down:\n e.preventDefault()\n highlight(highlightedIndex.value + 1)\n break\n case EVENT_CODE.enter:\n case EVENT_CODE.numpadEnter:\n e.preventDefault()\n handleKeyEnter()\n break\n case EVENT_CODE.tab:\n close()\n break\n case EVENT_CODE.esc:\n handleKeyEscape(e)\n break\n case EVENT_CODE.home:\n e.preventDefault()\n highlight(0)\n break\n case EVENT_CODE.end:\n e.preventDefault()\n highlight(suggestions.value.length - 1)\n break\n case EVENT_CODE.pageUp:\n e.preventDefault()\n highlight(Math.max(0, highlightedIndex.value - 10))\n break\n case EVENT_CODE.pageDown:\n e.preventDefault()\n highlight(\n Math.min(suggestions.value.length - 1, highlightedIndex.value + 10)\n )\n break\n }\n}\n\nonBeforeUnmount(() => {\n stopHandle?.()\n})\n\nonMounted(() => {\n const inputElement = inputRef.value?.ref\n if (!inputElement) return\n ;[\n { key: 'role', value: 'textbox' },\n { key: 'aria-autocomplete', value: 'list' },\n { key: 'aria-controls', value: listboxId.value },\n {\n key: 'aria-activedescendant',\n value: `${listboxId.value}-item-${highlightedIndex.value}`,\n },\n ].forEach(({ key, value }) => inputElement.setAttribute(key, value))\n // get readonly attr\n readonly = inputElement.hasAttribute('readonly')\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 /* @description triggers when a suggestion is clicked /\n handleSelect,\n /* @description handle keyboard enter event /\n handleKeyEnter,\n /* @description focus the input element /\n focus,\n /* @description blur the input element /\n blur,\n /* @description close suggestion /\n close,\n /* @description highlight an item in a suggestion /\n highlight,\n /* @description loading suggestion list */\n getData,\n})\n</script>\n"],"mappings":"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"}
1	+ {"version":3,"file":"autocomplete.vue_vue_type_script_setup_true_lang.mjs","names":["$slots","$attrs"],"sources":["../../../../../../packages/components/autocomplete/src/autocomplete.vue"],"sourcesContent":["<template>\n <el-tooltip\n ref=\"popperRef\"\n :visible=\"suggestionVisible\"\n :placement=\"placement\"\n :fallback-placements=\"['bottom-start', 'top-start']\"\n :popper-class=\"[ns.e('popper'), popperClass!]\"\n :popper-style=\"popperStyle\"\n :popper-options=\"popperOptions\"\n :show-arrow=\"showArrow\"\n :teleported=\"teleported\"\n :append-to=\"appendTo\"\n :gpu-acceleration=\"false\"\n pure\n manual-mode\n effect=\"light\"\n trigger=\"click\"\n :transition=\"`${ns.namespace.value}-zoom-in-top`\"\n persistent\n role=\"listbox\"\n @before-show=\"onSuggestionShow\"\n @hide=\"onHide\"\n >\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=\"listboxId\"\n >\n <el-input\n ref=\"inputRef\"\n v-bind=\"mergeProps(passInputProps, $attrs)\"\n :model-value=\"modelValue\"\n :disabled=\"disabled\"\n @input=\"handleInput\"\n @change=\"handleChange\"\n @focus=\"handleFocus\"\n @blur=\"handleBlur\"\n @clear=\"handleClear\"\n @keydown=\"handleKeydown\"\n @mousedown=\"handleMouseDown\"\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 </el-input>\n </div>\n <template #content>\n <div\n ref=\"regionRef\"\n :class=\"[ns.b('suggestion'), ns.is('loading', suggestionLoading)]\"\n :style=\"{\n [fitInputWidth ? 'width' : 'minWidth']: dropdownWidth,\n outline: 'none',\n }\"\n role=\"region\"\n >\n <div\n v-if=\"$slots.header\"\n :class=\"ns.be('suggestion', 'header')\"\n @click.stop\n >\n <slot name=\"header\" />\n </div>\n <el-scrollbar\n :id=\"listboxId\"\n tag=\"ul\"\n :wrap-class=\"ns.be('suggestion', 'wrap')\"\n :view-class=\"ns.be('suggestion', 'list')\"\n role=\"listbox\"\n >\n <li v-if=\"suggestionLoading\">\n <slot name=\"loading\">\n <el-icon :class=\"ns.is('loading')\">\n <Loading />\n </el-icon>\n </slot>\n </li>\n <template v-else>\n <li\n v-for=\"(item, index) in suggestions\"\n :id=\"`${listboxId}-item-${index}`\"\n :key=\"index\"\n :class=\"{ highlighted: highlightedIndex === index }\"\n role=\"option\"\n :aria-selected=\"highlightedIndex === index\"\n @click=\"handleSelect(item)\"\n >\n <slot :item=\"item\">{{ item[valueKey] }}</slot>\n </li>\n </template>\n </el-scrollbar>\n <div\n v-if=\"$slots.footer\"\n :class=\"ns.be('suggestion', 'footer')\"\n @click.stop\n >\n <slot name=\"footer\" />\n </div>\n </div>\n </template>\n </el-tooltip>\n</template>\n\n<script\n lang=\"ts\"\n setup\n generic=\"T extends AutocompleteDataItem = AutocompleteDataItem\"\n>\nimport {\n computed,\n mergeProps,\n onBeforeUnmount,\n onMounted,\n ref,\n useAttrs as useRawAttrs,\n} from 'vue'\nimport { pick } from 'lodash-unified'\nimport { onClickOutside, useDebounceFn } from '@vueuse/core'\nimport { Loading } from '@element-plus/icons-vue'\nimport { useId, useNamespace } from '@element-plus/hooks'\nimport { NOOP, getEventCode, isArray, throwError } from '@element-plus/utils'\nimport {\n CHANGE_EVENT,\n EVENT_CODE,\n INPUT_EVENT,\n UPDATE_MODEL_EVENT,\n} from '@element-plus/constants'\nimport ElInput, { inputPropsDefaults } from '@element-plus/components/input'\nimport ElScrollbar from '@element-plus/components/scrollbar'\nimport ElTooltip from '@element-plus/components/tooltip'\nimport ElIcon from '@element-plus/components/icon'\nimport { useFormDisabled } from '@element-plus/components/form'\nimport { autocompleteEmits } from './autocomplete'\n\nimport type {\n AutocompleteData,\n AutocompleteDataItem,\n AutocompleteProps,\n} from './autocomplete'\nimport type { Ref, StyleValue } from 'vue'\nimport type { TooltipInstance } from '@element-plus/components/tooltip'\nimport type { InputInstance } from '@element-plus/components/input'\n\nconst COMPONENT_NAME = 'ElAutocomplete'\ndefineOptions({\n name: COMPONENT_NAME,\n inheritAttrs: false,\n})\n\nconst props = withDefaults(defineProps<AutocompleteProps<T>>(), {\n ...inputPropsDefaults,\n valueKey: 'value',\n modelValue: '',\n debounce: 300,\n placement: 'bottom-start',\n fetchSuggestions: NOOP,\n triggerOnFocus: true,\n loopNavigation: true,\n teleported: true,\n showArrow: true,\n popperClass: undefined,\n popperStyle: undefined,\n popperOptions: () => ({}),\n})\nconst emit = defineEmits(autocompleteEmits)\nconst passInputProps = computed(() => {\n const inputProps = ElInput.props ?? []\n const keys = isArray(inputProps) ? inputProps : Object.keys(inputProps)\n return pick(props, keys)\n})\n\nconst rawAttrs = useRawAttrs()\nconst disabled = useFormDisabled()\nconst ns = useNamespace('autocomplete')\n\nconst inputRef = ref<InputInstance>()\nconst regionRef = ref<HTMLElement>()\nconst popperRef = ref<TooltipInstance>()\nconst listboxRef = ref<HTMLElement>()\n\nlet readonly = false\nlet ignoreFocusEvent = false\nconst suggestions = ref([]) as Ref<AutocompleteData<T>>\nconst highlightedIndex = ref(-1)\nconst dropdownWidth = ref('')\nconst activated = ref(false)\nconst suggestionDisabled = ref(false)\nconst loading = ref(false)\n\nconst listboxId = useId()\nconst styles = computed(() => rawAttrs.style as StyleValue)\n\nconst suggestionVisible = computed(() => {\n const isValidData = suggestions.value.length > 0\n return (isValidData \|\| loading.value) && activated.value\n})\n\nconst suggestionLoading = computed(() => !props.hideLoading && loading.value)\n\nconst refInput = computed<HTMLInputElement[]>(() => {\n if (inputRef.value) {\n return Array.from<HTMLInputElement>(\n inputRef.value.$el.querySelectorAll('input')\n )\n }\n return []\n})\n\nconst onSuggestionShow = () => {\n if (suggestionVisible.value) {\n dropdownWidth.value = `${inputRef.value!.$el.offsetWidth}px`\n }\n}\n\nconst onHide = () => {\n highlightedIndex.value = -1\n}\n\nconst getData = async (queryString: string) => {\n if (suggestionDisabled.value) return\n\n const cb = (suggestionList: AutocompleteData<T>) => {\n loading.value = false\n if (suggestionDisabled.value) return\n\n if (isArray(suggestionList)) {\n suggestions.value = suggestionList\n highlightedIndex.value = props.highlightFirstItem ? 0 : -1\n } else {\n throwError(COMPONENT_NAME, 'autocomplete suggestions must be an array')\n }\n }\n\n loading.value = true\n if (isArray(props.fetchSuggestions)) {\n cb(props.fetchSuggestions)\n } else {\n const result = await props.fetchSuggestions(queryString, cb)\n if (isArray(result)) cb(result)\n }\n}\n\nconst debounce = computed(() => props.debounce)\nconst debouncedGetData = useDebounceFn(getData, debounce)\n\nconst handleInput = (value: string) => {\n const valuePresented = !!value\n\n emit(INPUT_EVENT, value)\n emit(UPDATE_MODEL_EVENT, value)\n\n suggestionDisabled.value = false\n activated.value \|\|= valuePresented\n\n if (!props.triggerOnFocus && !value) {\n suggestionDisabled.value = true\n suggestions.value = []\n return\n }\n\n debouncedGetData(value)\n}\n\nconst handleMouseDown = (event: MouseEvent) => {\n if (disabled.value) return\n if (\n (event.target as HTMLElement)?.tagName !== 'INPUT' \|\|\n refInput.value.includes(document.activeElement as HTMLInputElement)\n ) {\n activated.value = true\n }\n}\n\nconst handleChange = (value: string \| number) => {\n emit(CHANGE_EVENT, value)\n}\n\nconst handleFocus = (evt: FocusEvent) => {\n if (!ignoreFocusEvent) {\n activated.value = true\n emit('focus', evt)\n const queryString = props.modelValue ?? ''\n if (props.triggerOnFocus && !readonly) {\n debouncedGetData(String(queryString))\n }\n } else {\n ignoreFocusEvent = false\n }\n}\n\nconst handleBlur = (evt: FocusEvent) => {\n setTimeout(() => {\n // validate current focus event is inside el-tooltip-content\n // if so, ignore the blur event and the next focus event\n if (popperRef.value?.isFocusInsideContent()) {\n ignoreFocusEvent = true\n return\n }\n activated.value && close()\n emit('blur', evt)\n })\n}\n\nconst handleClear = () => {\n activated.value = false\n emit(UPDATE_MODEL_EVENT, '')\n emit('clear')\n}\n\nconst handleKeyEnter = async () => {\n if (inputRef.value?.isComposing) {\n return\n }\n\n if (\n suggestionVisible.value &&\n highlightedIndex.value >= 0 &&\n highlightedIndex.value < suggestions.value.length\n ) {\n handleSelect(suggestions.value[highlightedIndex.value])\n } else {\n if (props.selectWhenUnmatched) {\n emit('select', { value: props.modelValue })\n suggestions.value = []\n highlightedIndex.value = -1\n }\n activated.value = true\n debouncedGetData(String(props.modelValue))\n }\n}\n\nconst handleKeyEscape = (evt: Event) => {\n if (suggestionVisible.value) {\n evt.preventDefault()\n evt.stopPropagation()\n close()\n }\n}\n\nconst close = () => {\n activated.value = false\n}\n\nconst focus = () => {\n inputRef.value?.focus()\n}\n\nconst blur = () => {\n inputRef.value?.blur()\n}\n\nconst handleSelect = async (item: T) => {\n emit(INPUT_EVENT, item[props.valueKey])\n emit(UPDATE_MODEL_EVENT, item[props.valueKey])\n emit('select', item)\n suggestions.value = []\n highlightedIndex.value = -1\n}\n\nconst highlight = (index: number) => {\n if (!suggestionVisible.value \|\| loading.value) return\n\n if (index < 0) {\n if (!props.loopNavigation) {\n highlightedIndex.value = -1\n return\n }\n index = suggestions.value.length - 1\n }\n\n if (index >= suggestions.value.length) {\n index = props.loopNavigation ? 0 : suggestions.value.length - 1\n }\n const [suggestion, suggestionList] = getSuggestionContext()\n const highlightItem = suggestionList[index]\n const scrollTop = suggestion.scrollTop\n const { offsetTop, scrollHeight } = highlightItem\n\n if (offsetTop + scrollHeight > scrollTop + suggestion.clientHeight) {\n suggestion.scrollTop = offsetTop + scrollHeight - suggestion.clientHeight\n }\n if (offsetTop < scrollTop) {\n suggestion.scrollTop = offsetTop\n }\n highlightedIndex.value = index\n inputRef.value?.ref?.setAttribute(\n 'aria-activedescendant',\n `${listboxId.value}-item-${highlightedIndex.value}`\n )\n}\nconst getSuggestionContext = () => {\n const suggestion = regionRef.value!.querySelector(\n `.${ns.be('suggestion', 'wrap')}`\n )!\n const suggestionList = suggestion.querySelectorAll<HTMLElement>(\n `.${ns.be('suggestion', 'list')} li`\n )\n return [suggestion, suggestionList] as const\n}\n\nconst stopHandle = onClickOutside(listboxRef, (event: FocusEvent) => {\n // Prevent closing if focus is inside popper content\n if (popperRef.value?.isFocusInsideContent()) return\n const hadIgnoredFocus = ignoreFocusEvent\n ignoreFocusEvent = false\n if (!suggestionVisible.value) return\n if (hadIgnoredFocus) {\n handleBlur(new FocusEvent('blur', event))\n } else {\n close()\n }\n})\n\nconst handleKeydown = (e: KeyboardEvent \| Event) => {\n const code = getEventCode(e as KeyboardEvent)\n switch (code) {\n case EVENT_CODE.up:\n e.preventDefault()\n highlight(highlightedIndex.value - 1)\n break\n case EVENT_CODE.down:\n e.preventDefault()\n highlight(highlightedIndex.value + 1)\n break\n case EVENT_CODE.enter:\n case EVENT_CODE.numpadEnter:\n e.preventDefault()\n handleKeyEnter()\n break\n case EVENT_CODE.tab:\n close()\n break\n case EVENT_CODE.esc:\n handleKeyEscape(e)\n break\n case EVENT_CODE.home:\n e.preventDefault()\n highlight(0)\n break\n case EVENT_CODE.end:\n e.preventDefault()\n highlight(suggestions.value.length - 1)\n break\n case EVENT_CODE.pageUp:\n e.preventDefault()\n highlight(Math.max(0, highlightedIndex.value - 10))\n break\n case EVENT_CODE.pageDown:\n e.preventDefault()\n highlight(\n Math.min(suggestions.value.length - 1, highlightedIndex.value + 10)\n )\n break\n }\n}\n\nonBeforeUnmount(() => {\n stopHandle?.()\n})\n\nonMounted(() => {\n const inputElement = inputRef.value?.ref\n if (!inputElement) return\n ;[\n { key: 'role', value: 'textbox' },\n { key: 'aria-autocomplete', value: 'list' },\n { key: 'aria-controls', value: listboxId.value },\n {\n key: 'aria-activedescendant',\n value: `${listboxId.value}-item-${highlightedIndex.value}`,\n },\n ].forEach(({ key, value }) => inputElement.setAttribute(key, value))\n // get readonly attr\n readonly = inputElement.hasAttribute('readonly')\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 /* @description triggers when a suggestion is clicked /\n handleSelect,\n /* @description handle keyboard enter event /\n handleKeyEnter,\n /* @description focus the input element /\n focus,\n /* @description blur the input element /\n blur,\n /* @description close suggestion /\n close,\n /* @description highlight an item in a suggestion /\n highlight,\n /* @description loading suggestion list */\n getData,\n})\n</script>\n"],"mappings":"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"}

package/es/components/autocomplete/src/autocomplete2.mjs.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"autocomplete2.mjs","names":[],"sources":["../../../../../../packages/components/autocomplete/src/autocomplete.vue"],"sourcesContent":["<template>\n <el-tooltip\n ref=\"popperRef\"\n :visible=\"suggestionVisible\"\n :placement=\"placement\"\n :fallback-placements=\"['bottom-start', 'top-start']\"\n :popper-class=\"[ns.e('popper'), popperClass!]\"\n :popper-style=\"popperStyle\"\n :popper-options=\"popperOptions\"\n :show-arrow=\"showArrow\"\n :teleported=\"teleported\"\n :append-to=\"appendTo\"\n :gpu-acceleration=\"false\"\n pure\n manual-mode\n effect=\"light\"\n trigger=\"click\"\n :transition=\"`${ns.namespace.value}-zoom-in-top`\"\n persistent\n role=\"listbox\"\n @before-show=\"onSuggestionShow\"\n @hide=\"onHide\"\n >\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=\"listboxId\"\n >\n <el-input\n ref=\"inputRef\"\n v-bind=\"mergeProps(passInputProps, $attrs)\"\n :model-value=\"modelValue\"\n :disabled=\"disabled\"\n @input=\"handleInput\"\n @change=\"handleChange\"\n @focus=\"handleFocus\"\n @blur=\"handleBlur\"\n @clear=\"handleClear\"\n @keydown=\"handleKeydown\"\n @mousedown=\"handleMouseDown\"\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 </el-input>\n </div>\n <template #content>\n <div\n ref=\"regionRef\"\n :class=\"[ns.b('suggestion'), ns.is('loading', suggestionLoading)]\"\n :style=\"{\n [fitInputWidth ? 'width' : 'minWidth']: dropdownWidth,\n outline: 'none',\n }\"\n role=\"region\"\n >\n <div\n v-if=\"$slots.header\"\n :class=\"ns.be('suggestion', 'header')\"\n @click.stop\n >\n <slot name=\"header\" />\n </div>\n <el-scrollbar\n :id=\"listboxId\"\n tag=\"ul\"\n :wrap-class=\"ns.be('suggestion', 'wrap')\"\n :view-class=\"ns.be('suggestion', 'list')\"\n role=\"listbox\"\n >\n <li v-if=\"suggestionLoading\">\n <slot name=\"loading\">\n <el-icon :class=\"ns.is('loading')\">\n <Loading />\n </el-icon>\n </slot>\n </li>\n <template v-else>\n <li\n v-for=\"(item, index) in suggestions\"\n :id=\"`${listboxId}-item-${index}`\"\n :key=\"index\"\n :class=\"{ highlighted: highlightedIndex === index }\"\n role=\"option\"\n :aria-selected=\"highlightedIndex === index\"\n @click=\"handleSelect(item)\"\n >\n <slot :item=\"item\">{{ item[valueKey] }}</slot>\n </li>\n </template>\n </el-scrollbar>\n <div\n v-if=\"$slots.footer\"\n :class=\"ns.be('suggestion', 'footer')\"\n @click.stop\n >\n <slot name=\"footer\" />\n </div>\n </div>\n </template>\n </el-tooltip>\n</template>\n\n<script\n lang=\"ts\"\n setup\n generic=\"T extends AutocompleteDataItem = AutocompleteDataItem\"\n>\nimport {\n computed,\n mergeProps,\n onBeforeUnmount,\n onMounted,\n ref,\n useAttrs as useRawAttrs,\n} from 'vue'\nimport { pick } from 'lodash-unified'\nimport { onClickOutside, useDebounceFn } from '@vueuse/core'\nimport { Loading } from '@element-plus/icons-vue'\nimport { useId, useNamespace } from '@element-plus/hooks'\nimport { NOOP, getEventCode, isArray, throwError } from '@element-plus/utils'\nimport {\n CHANGE_EVENT,\n EVENT_CODE,\n INPUT_EVENT,\n UPDATE_MODEL_EVENT,\n} from '@element-plus/constants'\nimport ElInput, { inputPropsDefaults } from '@element-plus/components/input'\nimport ElScrollbar from '@element-plus/components/scrollbar'\nimport ElTooltip from '@element-plus/components/tooltip'\nimport ElIcon from '@element-plus/components/icon'\nimport { useFormDisabled } from '@element-plus/components/form'\nimport { autocompleteEmits } from './autocomplete'\n\nimport type {\n AutocompleteData,\n AutocompleteDataItem,\n AutocompleteProps,\n} from './autocomplete'\nimport type { Ref, StyleValue } from 'vue'\nimport type { TooltipInstance } from '@element-plus/components/tooltip'\nimport type { InputInstance } from '@element-plus/components/input'\n\nconst COMPONENT_NAME = 'ElAutocomplete'\ndefineOptions({\n name: COMPONENT_NAME,\n inheritAttrs: false,\n})\n\nconst props = withDefaults(defineProps<AutocompleteProps<T>>(), {\n ...inputPropsDefaults,\n valueKey: 'value',\n modelValue: '',\n debounce: 300,\n placement: 'bottom-start',\n fetchSuggestions: NOOP,\n triggerOnFocus: true,\n loopNavigation: true,\n teleported: true,\n showArrow: true,\n popperOptions: () => ({}),\n})\nconst emit = defineEmits(autocompleteEmits)\nconst passInputProps = computed(() => {\n const inputProps = ElInput.props ?? []\n const keys = isArray(inputProps) ? inputProps : Object.keys(inputProps)\n return pick(props, keys)\n})\n\nconst rawAttrs = useRawAttrs()\nconst disabled = useFormDisabled()\nconst ns = useNamespace('autocomplete')\n\nconst inputRef = ref<InputInstance>()\nconst regionRef = ref<HTMLElement>()\nconst popperRef = ref<TooltipInstance>()\nconst listboxRef = ref<HTMLElement>()\n\nlet readonly = false\nlet ignoreFocusEvent = false\nconst suggestions = ref([]) as Ref<AutocompleteData<T>>\nconst highlightedIndex = ref(-1)\nconst dropdownWidth = ref('')\nconst activated = ref(false)\nconst suggestionDisabled = ref(false)\nconst loading = ref(false)\n\nconst listboxId = useId()\nconst styles = computed(() => rawAttrs.style as StyleValue)\n\nconst suggestionVisible = computed(() => {\n const isValidData = suggestions.value.length > 0\n return (isValidData \|\| loading.value) && activated.value\n})\n\nconst suggestionLoading = computed(() => !props.hideLoading && loading.value)\n\nconst refInput = computed<HTMLInputElement[]>(() => {\n if (inputRef.value) {\n return Array.from<HTMLInputElement>(\n inputRef.value.$el.querySelectorAll('input')\n )\n }\n return []\n})\n\nconst onSuggestionShow = () => {\n if (suggestionVisible.value) {\n dropdownWidth.value = `${inputRef.value!.$el.offsetWidth}px`\n }\n}\n\nconst onHide = () => {\n highlightedIndex.value = -1\n}\n\nconst getData = async (queryString: string) => {\n if (suggestionDisabled.value) return\n\n const cb = (suggestionList: AutocompleteData<T>) => {\n loading.value = false\n if (suggestionDisabled.value) return\n\n if (isArray(suggestionList)) {\n suggestions.value = suggestionList\n highlightedIndex.value = props.highlightFirstItem ? 0 : -1\n } else {\n throwError(COMPONENT_NAME, 'autocomplete suggestions must be an array')\n }\n }\n\n loading.value = true\n if (isArray(props.fetchSuggestions)) {\n cb(props.fetchSuggestions)\n } else {\n const result = await props.fetchSuggestions(queryString, cb)\n if (isArray(result)) cb(result)\n }\n}\n\nconst debounce = computed(() => props.debounce)\nconst debouncedGetData = useDebounceFn(getData, debounce)\n\nconst handleInput = (value: string) => {\n const valuePresented = !!value\n\n emit(INPUT_EVENT, value)\n emit(UPDATE_MODEL_EVENT, value)\n\n suggestionDisabled.value = false\n activated.value \|\|= valuePresented\n\n if (!props.triggerOnFocus && !value) {\n suggestionDisabled.value = true\n suggestions.value = []\n return\n }\n\n debouncedGetData(value)\n}\n\nconst handleMouseDown = (event: MouseEvent) => {\n if (disabled.value) return\n if (\n (event.target as HTMLElement)?.tagName !== 'INPUT' \|\|\n refInput.value.includes(document.activeElement as HTMLInputElement)\n ) {\n activated.value = true\n }\n}\n\nconst handleChange = (value: string \| number) => {\n emit(CHANGE_EVENT, value)\n}\n\nconst handleFocus = (evt: FocusEvent) => {\n if (!ignoreFocusEvent) {\n activated.value = true\n emit('focus', evt)\n const queryString = props.modelValue ?? ''\n if (props.triggerOnFocus && !readonly) {\n debouncedGetData(String(queryString))\n }\n } else {\n ignoreFocusEvent = false\n }\n}\n\nconst handleBlur = (evt: FocusEvent) => {\n setTimeout(() => {\n // validate current focus event is inside el-tooltip-content\n // if so, ignore the blur event and the next focus event\n if (popperRef.value?.isFocusInsideContent()) {\n ignoreFocusEvent = true\n return\n }\n activated.value && close()\n emit('blur', evt)\n })\n}\n\nconst handleClear = () => {\n activated.value = false\n emit(UPDATE_MODEL_EVENT, '')\n emit('clear')\n}\n\nconst handleKeyEnter = async () => {\n if (inputRef.value?.isComposing) {\n return\n }\n\n if (\n suggestionVisible.value &&\n highlightedIndex.value >= 0 &&\n highlightedIndex.value < suggestions.value.length\n ) {\n handleSelect(suggestions.value[highlightedIndex.value])\n } else {\n if (props.selectWhenUnmatched) {\n emit('select', { value: props.modelValue })\n suggestions.value = []\n highlightedIndex.value = -1\n }\n activated.value = true\n debouncedGetData(String(props.modelValue))\n }\n}\n\nconst handleKeyEscape = (evt: Event) => {\n if (suggestionVisible.value) {\n evt.preventDefault()\n evt.stopPropagation()\n close()\n }\n}\n\nconst close = () => {\n activated.value = false\n}\n\nconst focus = () => {\n inputRef.value?.focus()\n}\n\nconst blur = () => {\n inputRef.value?.blur()\n}\n\nconst handleSelect = async (item: T) => {\n emit(INPUT_EVENT, item[props.valueKey])\n emit(UPDATE_MODEL_EVENT, item[props.valueKey])\n emit('select', item)\n suggestions.value = []\n highlightedIndex.value = -1\n}\n\nconst highlight = (index: number) => {\n if (!suggestionVisible.value \|\| loading.value) return\n\n if (index < 0) {\n if (!props.loopNavigation) {\n highlightedIndex.value = -1\n return\n }\n index = suggestions.value.length - 1\n }\n\n if (index >= suggestions.value.length) {\n index = props.loopNavigation ? 0 : suggestions.value.length - 1\n }\n const [suggestion, suggestionList] = getSuggestionContext()\n const highlightItem = suggestionList[index]\n const scrollTop = suggestion.scrollTop\n const { offsetTop, scrollHeight } = highlightItem\n\n if (offsetTop + scrollHeight > scrollTop + suggestion.clientHeight) {\n suggestion.scrollTop = offsetTop + scrollHeight - suggestion.clientHeight\n }\n if (offsetTop < scrollTop) {\n suggestion.scrollTop = offsetTop\n }\n highlightedIndex.value = index\n inputRef.value?.ref?.setAttribute(\n 'aria-activedescendant',\n `${listboxId.value}-item-${highlightedIndex.value}`\n )\n}\nconst getSuggestionContext = () => {\n const suggestion = regionRef.value!.querySelector(\n `.${ns.be('suggestion', 'wrap')}`\n )!\n const suggestionList = suggestion.querySelectorAll<HTMLElement>(\n `.${ns.be('suggestion', 'list')} li`\n )\n return [suggestion, suggestionList] as const\n}\n\nconst stopHandle = onClickOutside(listboxRef, (event: FocusEvent) => {\n // Prevent closing if focus is inside popper content\n if (popperRef.value?.isFocusInsideContent()) return\n const hadIgnoredFocus = ignoreFocusEvent\n ignoreFocusEvent = false\n if (!suggestionVisible.value) return\n if (hadIgnoredFocus) {\n handleBlur(new FocusEvent('blur', event))\n } else {\n close()\n }\n})\n\nconst handleKeydown = (e: KeyboardEvent \| Event) => {\n const code = getEventCode(e as KeyboardEvent)\n switch (code) {\n case EVENT_CODE.up:\n e.preventDefault()\n highlight(highlightedIndex.value - 1)\n break\n case EVENT_CODE.down:\n e.preventDefault()\n highlight(highlightedIndex.value + 1)\n break\n case EVENT_CODE.enter:\n case EVENT_CODE.numpadEnter:\n e.preventDefault()\n handleKeyEnter()\n break\n case EVENT_CODE.tab:\n close()\n break\n case EVENT_CODE.esc:\n handleKeyEscape(e)\n break\n case EVENT_CODE.home:\n e.preventDefault()\n highlight(0)\n break\n case EVENT_CODE.end:\n e.preventDefault()\n highlight(suggestions.value.length - 1)\n break\n case EVENT_CODE.pageUp:\n e.preventDefault()\n highlight(Math.max(0, highlightedIndex.value - 10))\n break\n case EVENT_CODE.pageDown:\n e.preventDefault()\n highlight(\n Math.min(suggestions.value.length - 1, highlightedIndex.value + 10)\n )\n break\n }\n}\n\nonBeforeUnmount(() => {\n stopHandle?.()\n})\n\nonMounted(() => {\n const inputElement = inputRef.value?.ref\n if (!inputElement) return\n ;[\n { key: 'role', value: 'textbox' },\n { key: 'aria-autocomplete', value: 'list' },\n { key: 'aria-controls', value: listboxId.value },\n {\n key: 'aria-activedescendant',\n value: `${listboxId.value}-item-${highlightedIndex.value}`,\n },\n ].forEach(({ key, value }) => inputElement.setAttribute(key, value))\n // get readonly attr\n readonly = inputElement.hasAttribute('readonly')\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 /* @description triggers when a suggestion is clicked /\n handleSelect,\n /* @description handle keyboard enter event /\n handleKeyEnter,\n /* @description focus the input element /\n focus,\n /* @description blur the input element /\n blur,\n /* @description close suggestion /\n close,\n /* @description highlight an item in a suggestion /\n highlight,\n /* @description loading suggestion list */\n getData,\n})\n</script>\n"],"mappings":""}
1	+ {"version":3,"file":"autocomplete2.mjs","names":[],"sources":["../../../../../../packages/components/autocomplete/src/autocomplete.vue"],"sourcesContent":["<template>\n <el-tooltip\n ref=\"popperRef\"\n :visible=\"suggestionVisible\"\n :placement=\"placement\"\n :fallback-placements=\"['bottom-start', 'top-start']\"\n :popper-class=\"[ns.e('popper'), popperClass!]\"\n :popper-style=\"popperStyle\"\n :popper-options=\"popperOptions\"\n :show-arrow=\"showArrow\"\n :teleported=\"teleported\"\n :append-to=\"appendTo\"\n :gpu-acceleration=\"false\"\n pure\n manual-mode\n effect=\"light\"\n trigger=\"click\"\n :transition=\"`${ns.namespace.value}-zoom-in-top`\"\n persistent\n role=\"listbox\"\n @before-show=\"onSuggestionShow\"\n @hide=\"onHide\"\n >\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=\"listboxId\"\n >\n <el-input\n ref=\"inputRef\"\n v-bind=\"mergeProps(passInputProps, $attrs)\"\n :model-value=\"modelValue\"\n :disabled=\"disabled\"\n @input=\"handleInput\"\n @change=\"handleChange\"\n @focus=\"handleFocus\"\n @blur=\"handleBlur\"\n @clear=\"handleClear\"\n @keydown=\"handleKeydown\"\n @mousedown=\"handleMouseDown\"\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 </el-input>\n </div>\n <template #content>\n <div\n ref=\"regionRef\"\n :class=\"[ns.b('suggestion'), ns.is('loading', suggestionLoading)]\"\n :style=\"{\n [fitInputWidth ? 'width' : 'minWidth']: dropdownWidth,\n outline: 'none',\n }\"\n role=\"region\"\n >\n <div\n v-if=\"$slots.header\"\n :class=\"ns.be('suggestion', 'header')\"\n @click.stop\n >\n <slot name=\"header\" />\n </div>\n <el-scrollbar\n :id=\"listboxId\"\n tag=\"ul\"\n :wrap-class=\"ns.be('suggestion', 'wrap')\"\n :view-class=\"ns.be('suggestion', 'list')\"\n role=\"listbox\"\n >\n <li v-if=\"suggestionLoading\">\n <slot name=\"loading\">\n <el-icon :class=\"ns.is('loading')\">\n <Loading />\n </el-icon>\n </slot>\n </li>\n <template v-else>\n <li\n v-for=\"(item, index) in suggestions\"\n :id=\"`${listboxId}-item-${index}`\"\n :key=\"index\"\n :class=\"{ highlighted: highlightedIndex === index }\"\n role=\"option\"\n :aria-selected=\"highlightedIndex === index\"\n @click=\"handleSelect(item)\"\n >\n <slot :item=\"item\">{{ item[valueKey] }}</slot>\n </li>\n </template>\n </el-scrollbar>\n <div\n v-if=\"$slots.footer\"\n :class=\"ns.be('suggestion', 'footer')\"\n @click.stop\n >\n <slot name=\"footer\" />\n </div>\n </div>\n </template>\n </el-tooltip>\n</template>\n\n<script\n lang=\"ts\"\n setup\n generic=\"T extends AutocompleteDataItem = AutocompleteDataItem\"\n>\nimport {\n computed,\n mergeProps,\n onBeforeUnmount,\n onMounted,\n ref,\n useAttrs as useRawAttrs,\n} from 'vue'\nimport { pick } from 'lodash-unified'\nimport { onClickOutside, useDebounceFn } from '@vueuse/core'\nimport { Loading } from '@element-plus/icons-vue'\nimport { useId, useNamespace } from '@element-plus/hooks'\nimport { NOOP, getEventCode, isArray, throwError } from '@element-plus/utils'\nimport {\n CHANGE_EVENT,\n EVENT_CODE,\n INPUT_EVENT,\n UPDATE_MODEL_EVENT,\n} from '@element-plus/constants'\nimport ElInput, { inputPropsDefaults } from '@element-plus/components/input'\nimport ElScrollbar from '@element-plus/components/scrollbar'\nimport ElTooltip from '@element-plus/components/tooltip'\nimport ElIcon from '@element-plus/components/icon'\nimport { useFormDisabled } from '@element-plus/components/form'\nimport { autocompleteEmits } from './autocomplete'\n\nimport type {\n AutocompleteData,\n AutocompleteDataItem,\n AutocompleteProps,\n} from './autocomplete'\nimport type { Ref, StyleValue } from 'vue'\nimport type { TooltipInstance } from '@element-plus/components/tooltip'\nimport type { InputInstance } from '@element-plus/components/input'\n\nconst COMPONENT_NAME = 'ElAutocomplete'\ndefineOptions({\n name: COMPONENT_NAME,\n inheritAttrs: false,\n})\n\nconst props = withDefaults(defineProps<AutocompleteProps<T>>(), {\n ...inputPropsDefaults,\n valueKey: 'value',\n modelValue: '',\n debounce: 300,\n placement: 'bottom-start',\n fetchSuggestions: NOOP,\n triggerOnFocus: true,\n loopNavigation: true,\n teleported: true,\n showArrow: true,\n popperClass: undefined,\n popperStyle: undefined,\n popperOptions: () => ({}),\n})\nconst emit = defineEmits(autocompleteEmits)\nconst passInputProps = computed(() => {\n const inputProps = ElInput.props ?? []\n const keys = isArray(inputProps) ? inputProps : Object.keys(inputProps)\n return pick(props, keys)\n})\n\nconst rawAttrs = useRawAttrs()\nconst disabled = useFormDisabled()\nconst ns = useNamespace('autocomplete')\n\nconst inputRef = ref<InputInstance>()\nconst regionRef = ref<HTMLElement>()\nconst popperRef = ref<TooltipInstance>()\nconst listboxRef = ref<HTMLElement>()\n\nlet readonly = false\nlet ignoreFocusEvent = false\nconst suggestions = ref([]) as Ref<AutocompleteData<T>>\nconst highlightedIndex = ref(-1)\nconst dropdownWidth = ref('')\nconst activated = ref(false)\nconst suggestionDisabled = ref(false)\nconst loading = ref(false)\n\nconst listboxId = useId()\nconst styles = computed(() => rawAttrs.style as StyleValue)\n\nconst suggestionVisible = computed(() => {\n const isValidData = suggestions.value.length > 0\n return (isValidData \|\| loading.value) && activated.value\n})\n\nconst suggestionLoading = computed(() => !props.hideLoading && loading.value)\n\nconst refInput = computed<HTMLInputElement[]>(() => {\n if (inputRef.value) {\n return Array.from<HTMLInputElement>(\n inputRef.value.$el.querySelectorAll('input')\n )\n }\n return []\n})\n\nconst onSuggestionShow = () => {\n if (suggestionVisible.value) {\n dropdownWidth.value = `${inputRef.value!.$el.offsetWidth}px`\n }\n}\n\nconst onHide = () => {\n highlightedIndex.value = -1\n}\n\nconst getData = async (queryString: string) => {\n if (suggestionDisabled.value) return\n\n const cb = (suggestionList: AutocompleteData<T>) => {\n loading.value = false\n if (suggestionDisabled.value) return\n\n if (isArray(suggestionList)) {\n suggestions.value = suggestionList\n highlightedIndex.value = props.highlightFirstItem ? 0 : -1\n } else {\n throwError(COMPONENT_NAME, 'autocomplete suggestions must be an array')\n }\n }\n\n loading.value = true\n if (isArray(props.fetchSuggestions)) {\n cb(props.fetchSuggestions)\n } else {\n const result = await props.fetchSuggestions(queryString, cb)\n if (isArray(result)) cb(result)\n }\n}\n\nconst debounce = computed(() => props.debounce)\nconst debouncedGetData = useDebounceFn(getData, debounce)\n\nconst handleInput = (value: string) => {\n const valuePresented = !!value\n\n emit(INPUT_EVENT, value)\n emit(UPDATE_MODEL_EVENT, value)\n\n suggestionDisabled.value = false\n activated.value \|\|= valuePresented\n\n if (!props.triggerOnFocus && !value) {\n suggestionDisabled.value = true\n suggestions.value = []\n return\n }\n\n debouncedGetData(value)\n}\n\nconst handleMouseDown = (event: MouseEvent) => {\n if (disabled.value) return\n if (\n (event.target as HTMLElement)?.tagName !== 'INPUT' \|\|\n refInput.value.includes(document.activeElement as HTMLInputElement)\n ) {\n activated.value = true\n }\n}\n\nconst handleChange = (value: string \| number) => {\n emit(CHANGE_EVENT, value)\n}\n\nconst handleFocus = (evt: FocusEvent) => {\n if (!ignoreFocusEvent) {\n activated.value = true\n emit('focus', evt)\n const queryString = props.modelValue ?? ''\n if (props.triggerOnFocus && !readonly) {\n debouncedGetData(String(queryString))\n }\n } else {\n ignoreFocusEvent = false\n }\n}\n\nconst handleBlur = (evt: FocusEvent) => {\n setTimeout(() => {\n // validate current focus event is inside el-tooltip-content\n // if so, ignore the blur event and the next focus event\n if (popperRef.value?.isFocusInsideContent()) {\n ignoreFocusEvent = true\n return\n }\n activated.value && close()\n emit('blur', evt)\n })\n}\n\nconst handleClear = () => {\n activated.value = false\n emit(UPDATE_MODEL_EVENT, '')\n emit('clear')\n}\n\nconst handleKeyEnter = async () => {\n if (inputRef.value?.isComposing) {\n return\n }\n\n if (\n suggestionVisible.value &&\n highlightedIndex.value >= 0 &&\n highlightedIndex.value < suggestions.value.length\n ) {\n handleSelect(suggestions.value[highlightedIndex.value])\n } else {\n if (props.selectWhenUnmatched) {\n emit('select', { value: props.modelValue })\n suggestions.value = []\n highlightedIndex.value = -1\n }\n activated.value = true\n debouncedGetData(String(props.modelValue))\n }\n}\n\nconst handleKeyEscape = (evt: Event) => {\n if (suggestionVisible.value) {\n evt.preventDefault()\n evt.stopPropagation()\n close()\n }\n}\n\nconst close = () => {\n activated.value = false\n}\n\nconst focus = () => {\n inputRef.value?.focus()\n}\n\nconst blur = () => {\n inputRef.value?.blur()\n}\n\nconst handleSelect = async (item: T) => {\n emit(INPUT_EVENT, item[props.valueKey])\n emit(UPDATE_MODEL_EVENT, item[props.valueKey])\n emit('select', item)\n suggestions.value = []\n highlightedIndex.value = -1\n}\n\nconst highlight = (index: number) => {\n if (!suggestionVisible.value \|\| loading.value) return\n\n if (index < 0) {\n if (!props.loopNavigation) {\n highlightedIndex.value = -1\n return\n }\n index = suggestions.value.length - 1\n }\n\n if (index >= suggestions.value.length) {\n index = props.loopNavigation ? 0 : suggestions.value.length - 1\n }\n const [suggestion, suggestionList] = getSuggestionContext()\n const highlightItem = suggestionList[index]\n const scrollTop = suggestion.scrollTop\n const { offsetTop, scrollHeight } = highlightItem\n\n if (offsetTop + scrollHeight > scrollTop + suggestion.clientHeight) {\n suggestion.scrollTop = offsetTop + scrollHeight - suggestion.clientHeight\n }\n if (offsetTop < scrollTop) {\n suggestion.scrollTop = offsetTop\n }\n highlightedIndex.value = index\n inputRef.value?.ref?.setAttribute(\n 'aria-activedescendant',\n `${listboxId.value}-item-${highlightedIndex.value}`\n )\n}\nconst getSuggestionContext = () => {\n const suggestion = regionRef.value!.querySelector(\n `.${ns.be('suggestion', 'wrap')}`\n )!\n const suggestionList = suggestion.querySelectorAll<HTMLElement>(\n `.${ns.be('suggestion', 'list')} li`\n )\n return [suggestion, suggestionList] as const\n}\n\nconst stopHandle = onClickOutside(listboxRef, (event: FocusEvent) => {\n // Prevent closing if focus is inside popper content\n if (popperRef.value?.isFocusInsideContent()) return\n const hadIgnoredFocus = ignoreFocusEvent\n ignoreFocusEvent = false\n if (!suggestionVisible.value) return\n if (hadIgnoredFocus) {\n handleBlur(new FocusEvent('blur', event))\n } else {\n close()\n }\n})\n\nconst handleKeydown = (e: KeyboardEvent \| Event) => {\n const code = getEventCode(e as KeyboardEvent)\n switch (code) {\n case EVENT_CODE.up:\n e.preventDefault()\n highlight(highlightedIndex.value - 1)\n break\n case EVENT_CODE.down:\n e.preventDefault()\n highlight(highlightedIndex.value + 1)\n break\n case EVENT_CODE.enter:\n case EVENT_CODE.numpadEnter:\n e.preventDefault()\n handleKeyEnter()\n break\n case EVENT_CODE.tab:\n close()\n break\n case EVENT_CODE.esc:\n handleKeyEscape(e)\n break\n case EVENT_CODE.home:\n e.preventDefault()\n highlight(0)\n break\n case EVENT_CODE.end:\n e.preventDefault()\n highlight(suggestions.value.length - 1)\n break\n case EVENT_CODE.pageUp:\n e.preventDefault()\n highlight(Math.max(0, highlightedIndex.value - 10))\n break\n case EVENT_CODE.pageDown:\n e.preventDefault()\n highlight(\n Math.min(suggestions.value.length - 1, highlightedIndex.value + 10)\n )\n break\n }\n}\n\nonBeforeUnmount(() => {\n stopHandle?.()\n})\n\nonMounted(() => {\n const inputElement = inputRef.value?.ref\n if (!inputElement) return\n ;[\n { key: 'role', value: 'textbox' },\n { key: 'aria-autocomplete', value: 'list' },\n { key: 'aria-controls', value: listboxId.value },\n {\n key: 'aria-activedescendant',\n value: `${listboxId.value}-item-${highlightedIndex.value}`,\n },\n ].forEach(({ key, value }) => inputElement.setAttribute(key, value))\n // get readonly attr\n readonly = inputElement.hasAttribute('readonly')\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 /* @description triggers when a suggestion is clicked /\n handleSelect,\n /* @description handle keyboard enter event /\n handleKeyEnter,\n /* @description focus the input element /\n focus,\n /* @description blur the input element /\n blur,\n /* @description close suggestion /\n close,\n /* @description highlight an item in a suggestion /\n highlight,\n /* @description loading suggestion list */\n getData,\n})\n</script>\n"],"mappings":""}

package/es/components/avatar/src/avatar-group-props.d.ts CHANGED Viewed

@@ -1,4 +1,5 @@
-import { EpPropFinalized, EpPropMergeType } from "../../../utils/vue/props/types.js";
+import { EpPropFinalized } from "../../../utils/vue/props/types.js";
+import { ClassValue } from "../../../utils/typescript.js";
 import { PopperEffect } from "../../popper/src/popper.js";
 import { Placement } from "../../popper/index.js";
 import * as _$vue from "vue";
@@ -10,7 +11,7 @@ declare const avatarGroupProps: {
    * @description control the size of avatars in this avatar-group
    */
   readonly size: {
-    readonly type: _$vue.PropType<number | "" | "default" | "large" | "small" | undefined>;
+    readonly type: _$vue.PropType<number | "" | "small" | "default" | "large" | undefined>;
     readonly values: readonly ["", "default", "small", "large"];
     readonly validator: (val: unknown) => val is number;
   };
@@ -54,108 +55,7 @@ declare const avatarGroupProps: {
   /**
    * @description custom class name for tooltip
    */
-  readonly popperClass: {
-    readonly type: _$vue.PropType<EpPropMergeType<(new (...args: any[]) => string | {
-      [x: string]: boolean;
-    } | (string | {
-      [x: string]: boolean;
-    } | (string | {
-      [x: string]: boolean;
-    } | (string | {
-      [x: string]: boolean;
-    } | (string | {
-      [x: string]: boolean;
-    } | (string | {
-      [x: string]: boolean;
-    } | (string | {
-      [x: string]: boolean;
-    } | (string | {
-      [x: string]: boolean;
-    } | (string | {
-      [x: string]: boolean;
-    } | (string | {
-      [x: string]: boolean;
-    } | (string | {
-      [x: string]: boolean;
-    } | (string | {
-      [x: string]: boolean;
-    } | /*elided*/any)[])[])[])[])[])[])[])[])[])[])[]) | (() => string | {
-      [x: string]: boolean;
-    } | (string | {
-      [x: string]: boolean;
-    } | (string | {
-      [x: string]: boolean;
-    } | (string | {
-      [x: string]: boolean;
-    } | (string | {
-      [x: string]: boolean;
-    } | (string | {
-      [x: string]: boolean;
-    } | (string | {
-      [x: string]: boolean;
-    } | (string | {
-      [x: string]: boolean;
-    } | (string | {
-      [x: string]: boolean;
-    } | (string | {
-      [x: string]: boolean;
-    } | (string | {
-      [x: string]: boolean;
-    } | (string | {
-      [x: string]: boolean;
-    } | /*elided*/any)[])[])[])[])[])[])[])[])[])[])[]) | (((new (...args: any[]) => string | {
-      [x: string]: boolean;
-    } | (string | {
-      [x: string]: boolean;
-    } | (string | {
-      [x: string]: boolean;
-    } | (string | {
-      [x: string]: boolean;
-    } | (string | {
-      [x: string]: boolean;
-    } | (string | {
-      [x: string]: boolean;
-    } | (string | {
-      [x: string]: boolean;
-    } | (string | {
-      [x: string]: boolean;
-    } | (string | {
-      [x: string]: boolean;
-    } | (string | {
-      [x: string]: boolean;
-    } | (string | {
-      [x: string]: boolean;
-    } | (string | {
-      [x: string]: boolean;
-    } | /*elided*/any)[])[])[])[])[])[])[])[])[])[])[]) | (() => string | {
-      [x: string]: boolean;
-    } | (string | {
-      [x: string]: boolean;
-    } | (string | {
-      [x: string]: boolean;
-    } | (string | {
-      [x: string]: boolean;
-    } | (string | {
-      [x: string]: boolean;
-    } | (string | {
-      [x: string]: boolean;
-    } | (string | {
-      [x: string]: boolean;
-    } | (string | {
-      [x: string]: boolean;
-    } | (string | {
-      [x: string]: boolean;
-    } | (string | {
-      [x: string]: boolean;
-    } | (string | {
-      [x: string]: boolean;
-    } | (string | {
-      [x: string]: boolean;
-    } | /*elided*/any)[])[])[])[])[])[])[])[])[])[])[])) | null)[], unknown, unknown>>;
-    readonly required: false;
-    readonly validator: ((val: unknown) => boolean) | undefined;
-    __epPropKey: true;
-  };
+  readonly popperClass: EpPropFinalized<(new (...args: any[]) => string | false | Record<string, any> | ClassValue[]) | (() => ClassValue) | (((new (...args: any[]) => string | false | Record<string, any> | ClassValue[]) | (() => ClassValue)) | null)[], unknown, unknown, undefined, boolean>;
   /**
    * @description custom style for tooltip
    */
@@ -163,7 +63,10 @@ declare const avatarGroupProps: {
   /**
    * @description custom class name for the collapse-avatar
    */
-  readonly collapseClass: StringConstructor;
+  readonly collapseClass: {
+    readonly type: _$vue.PropType<ClassValue>;
+    readonly default: undefined;
+  };
   /**
    * @description custom style for the collapse-avatar
    */

package/es/components/avatar/src/avatar-group-props.mjs CHANGED Viewed

@@ -61,7 +61,15 @@ const avatarGroupProps = {
 	/**
 	* @description custom class name for the collapse-avatar
 	*/
-	collapseClass: String,
+	collapseClass: {
+		type: definePropType([
+			String,
+			Array,
+			Object,
+			Boolean
+		]),
+		default: void 0
+	},
 	/**
 	* @description custom style for the collapse-avatar
 	*/