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/utils/index.d.ts CHANGED Viewed

@@ -25,8 +25,8 @@ import { cAF, rAF } from "./raf.js";
 import { generateId, getRandomInt } from "./rand.js";
 import { camelize, capitalize, escapeStringRegexp, hyphenate, kebabCase } from "./strings.js";
 import { isArray, isBoolean, isDate, isElement, isEmpty, isFunction, isNumber, isObject, isPlainObject, isPromise, isPropAbsent, isString, isStringNumber, isSymbol, isUndefined, isWindow } from "./types.js";
-import { AlignItems, Arrayable, Awaitable, CSSProperties, FieldPath, HTMLElementCustomized, Mutable, Nullable, ObjectFit, ZIndexType, mutable } from "./typescript.js";
+import { AlignItems, Arrayable, Awaitable, CSSProperties, ClassValue, FieldPath, HTMLElementCustomized, Mutable, Nullable, ObjectFit, ZIndexType, mutable } from "./typescript.js";
 import { throttleByRaf } from "./throttleByRaf.js";
 import { easeInOutCubic } from "./easings.js";
 import { isGreaterThan } from "./numbers.js";
-export { AlignItems, Arrayable, Awaitable, CSSProperties, CloseComponents, EmitFn, EpProp, EpPropConvert, EpPropFinalized, EpPropInput, EpPropInputDefault, EpPropMergeType, ExtractPropType, FieldPath, FlattenVNodes, HTMLElementCustomized, IconComponent, IconPropType, IfEpProp, IfNativePropType, IfNever, IfUnknown, Mutable, NOOP, NativePropType, Nullable, ObjectFit, PatchFlags, RawSlots, ResolvePropType, SFCInstallWithContext, SFCWithInstall, SFCWithPropsDefaultsSetter, TypeComponents, TypeComponentsMap, UnknownToNever, VNodeChildAtom, ValidateComponentsMap, Writable, WritableArray, ZIndexType, addClass, addUnit, animateScrollTo, buildProp, buildProps, cAF, camelize, capitalize, castArray, changeGlobalNodesTarget, classNameToArray, composeEventHandlers, composeRefs, createGlobalNode, debugWarn, definePropType, easeInOutCubic, ensureArray, entriesOf, epPropKey, escapeStringRegexp, extractFirst, flattedChildren, focusElement, focusNode, generateId, getClientXY, getComponentSize, getElement, getEventCode, getEventKey, getFirstValidNode, getNormalizedProps, getOffsetTop, getOffsetTopDistance, getProp, getRandomInt, getScrollBarWidth, getScrollContainer, getScrollElement, getScrollTop, getSibling, getStyle, hasClass, hasOwn, hyphenate, iconPropType, isAndroid, isArray, isBoolean, isClient, isComment, isDate, isElement, isEmpty, isEpProp, isFirefox, isFocusable, isFragment, isFunction, isGreaterThan, isIOS, isInContainer, isKorean, isLeaf, isNumber, isObject, isPlainObject, isPromise, isPropAbsent, isScroll, isShadowRoot, isString, isStringNumber, isSymbol, isTemplate, isText, isUndefined, isValidComponentSize, isValidDatePickType, isValidElementNode, isVisible, isWindow, kebabCase, keysOf, mutable, obtainAllFocusableElements, rAF, removeClass, removeGlobalNode, removeStyle, renderBlock, renderIf, scrollIntoView, setStyle, throttleByRaf, throwError, toRawType, triggerEvent, unique, whenMouse, withInstall, withInstallDirective, withInstallFunction, withNoopInstall, withPropsDefaultsSetter };
+export { AlignItems, Arrayable, Awaitable, CSSProperties, ClassValue, CloseComponents, EmitFn, EpProp, EpPropConvert, EpPropFinalized, EpPropInput, EpPropInputDefault, EpPropMergeType, ExtractPropType, FieldPath, FlattenVNodes, HTMLElementCustomized, IconComponent, IconPropType, IfEpProp, IfNativePropType, IfNever, IfUnknown, Mutable, NOOP, NativePropType, Nullable, ObjectFit, PatchFlags, RawSlots, ResolvePropType, SFCInstallWithContext, SFCWithInstall, SFCWithPropsDefaultsSetter, TypeComponents, TypeComponentsMap, UnknownToNever, VNodeChildAtom, ValidateComponentsMap, Writable, WritableArray, ZIndexType, addClass, addUnit, animateScrollTo, buildProp, buildProps, cAF, camelize, capitalize, castArray, changeGlobalNodesTarget, classNameToArray, composeEventHandlers, composeRefs, createGlobalNode, debugWarn, definePropType, easeInOutCubic, ensureArray, entriesOf, epPropKey, escapeStringRegexp, extractFirst, flattedChildren, focusElement, focusNode, generateId, getClientXY, getComponentSize, getElement, getEventCode, getEventKey, getFirstValidNode, getNormalizedProps, getOffsetTop, getOffsetTopDistance, getProp, getRandomInt, getScrollBarWidth, getScrollContainer, getScrollElement, getScrollTop, getSibling, getStyle, hasClass, hasOwn, hyphenate, iconPropType, isAndroid, isArray, isBoolean, isClient, isComment, isDate, isElement, isEmpty, isEpProp, isFirefox, isFocusable, isFragment, isFunction, isGreaterThan, isIOS, isInContainer, isKorean, isLeaf, isNumber, isObject, isPlainObject, isPromise, isPropAbsent, isScroll, isShadowRoot, isString, isStringNumber, isSymbol, isTemplate, isText, isUndefined, isValidComponentSize, isValidDatePickType, isValidElementNode, isVisible, isWindow, kebabCase, keysOf, mutable, obtainAllFocusableElements, rAF, removeClass, removeGlobalNode, removeStyle, renderBlock, renderIf, scrollIntoView, setStyle, throttleByRaf, throwError, toRawType, triggerEvent, unique, whenMouse, withInstall, withInstallDirective, withInstallFunction, withNoopInstall, withPropsDefaultsSetter };

package/es/utils/typescript.d.ts CHANGED Viewed

@@ -86,5 +86,6 @@ interface CSSProperties extends CSS.Properties<string | number>, CSS.PropertiesH
 type ObjectFit = CSSProperties['objectFit'];
 type ZIndexType = CSSProperties['zIndex'];
 type AlignItems = CSSProperties['alignItems'];
+type ClassValue = false | null | undefined | string | Record<string, any> | Array<ClassValue>;
 //#endregion
-export { AlignItems, Arrayable, Awaitable, CSSProperties, FieldPath, HTMLElementCustomized, Mutable, Nullable, ObjectFit, ZIndexType, mutable };
+export { AlignItems, Arrayable, Awaitable, CSSProperties, ClassValue, FieldPath, HTMLElementCustomized, Mutable, Nullable, ObjectFit, ZIndexType, mutable };

package/es/utils/typescript.mjs.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"typescript.mjs","names":[],"sources":["../../../../packages/utils/typescript.ts"],"sourcesContent":["import type * as CSS from 'csstype'\n\nexport const mutable = <T extends readonly any[] \| Record<string, unknown>>(\n val: T\n) => val as Mutable<typeof val>\nexport type Mutable<T> = { -readonly [P in keyof T]: T[P] }\n\nexport type HTMLElementCustomized<T> = HTMLElement & T\n\n/*\n @deprecated stop to use null\n * @see {@link https://github.com/sindresorhus/meta/discussions/7}\n /\nexport type Nullable<T> = T \| null\n\nexport type Arrayable<T> = T \| T[]\nexport type Awaitable<T> = Promise<T> \| T\n\ntype Primitive = null \| undefined \| string \| number \| boolean \| symbol \| bigint\ntype BrowserNativeObject = Date \| FileList \| File \| Blob \| RegExp\n\n/\n Check whether it is tuple\n \n 检查是否为元组\n \n @example\n * IsTuple<[1, 2, 3]> => true\n * IsTuple<Array[number]> => false\n /\ntype IsTuple<T extends ReadonlyArray<any>> = number extends T['length']\n ? false\n : true\n\n/\n Array method key\n \n 数组方法键\n /\ntype ArrayMethodKey = keyof any[]\n\n/\n Tuple index key\n \n 元组下标键\n \n @example\n * TupleKey<[1, 2, 3]> => '0' \| '1' \| '2'\n /\ntype TupleKey<T extends ReadonlyArray<any>> = Exclude<keyof T, ArrayMethodKey>\n\n/\n Array index key\n \n 数组下标键\n /\ntype ArrayKey = number\n\n/\n Helper type for recursively constructing paths through a type\n \n 用于通过一个类型递归构建路径的辅助类型\n /\ntype PathImpl<K extends string \| number, V> = V extends\n \| ~~Primitive\n~~ \| BrowserNativeObject\n ? `${K}`\n : `${K}` \| `${K}.${Path<V>}`\n\n/\n Type which collects all paths through a type\n \n 通过一个类型收集所有路径的类型\n \n @see {@link FieldPath}\n /\ntype Path<T> =\n T extends ReadonlyArray<infer V>\n ? IsTuple<T> extends true\n ? {\n [K in TupleKey<T>]-?: PathImpl<Exclude<K, symbol>, T[K]>\n }[TupleKey<T>] // tuple\n : PathImpl<ArrayKey, V> // array\n : {\n [K in keyof T]-?: PathImpl<Exclude<K, symbol>, T[K]>\n }[keyof T] // object\n\n/\n Type which collects all paths through a type\n \n 通过一个类型收集所有路径的类型\n \n @example\n * FieldPath<{ 1: number; a: number; b: string; c: { d: number; e: string }; f: [{ value: string }]; g: { value: string }[]; h: Date; i: FileList; j: File; k: Blob; l: RegExp }> => '1' \| 'a' \| 'b' \| 'c' \| 'f' \| 'g' \| 'c.d' \| 'c.e' \| 'f.0' \| 'f.0.value' \| 'g.number' \| 'g.number.value' \| 'h' \| 'i' \| 'j' \| 'k' \| 'l'\n /\nexport type FieldPath<T> = T extends object ? Path<T> : never\n\n/\n csstype 是 vue的依赖，因此，直接从vue中导入CSSProperties会导致ts类型解析错误，参考 https://github.com/pnpm/pnpm/issues/7453，因此，我们直接安装csstype，并从csstype中导入CSSProperties\n \n csstype is a dependency of vue, so importing CSSProperties directly from vue will cause ts type parsing errors, see https://github.com/pnpm/pnpm/issues/7453. Therefore, we directly install csstype and import CSSProperties from csstype.\n /\nexport interface CSSProperties\n extends\n CSS.Properties<string \| number>,\n CSS.PropertiesHyphen<string \| number> {\n /\n The index signature was removed to enable closed typing for style\n * using CSSType. You're able to use type assertion or module augmentation\n * to add properties or an index signature of your own.\n \n For examples and more information, visit:\n * https://github.com/frenic/csstype#what-should-i-do-when-i-get-type-errors\n */\n [v: `--${string}`]: string \| number \| undefined\n}\n\nexport type ObjectFit = CSSProperties['objectFit']\n\nexport type ZIndexType = CSSProperties['zIndex']\n\nexport type AlignItems = CSSProperties['alignItems']\n"],"mappings":";AAEA,MAAa,WACX,QACG"}
1	+ {"version":3,"file":"typescript.mjs","names":[],"sources":["../../../../packages/utils/typescript.ts"],"sourcesContent":["import type * as CSS from 'csstype'\n\nexport const mutable = <T extends readonly any[] \| Record<string, unknown>>(\n val: T\n) => val as Mutable<typeof val>\nexport type Mutable<T> = { -readonly [P in keyof T]: T[P] }\n\nexport type HTMLElementCustomized<T> = HTMLElement & T\n\n/*\n @deprecated stop to use null\n * @see {@link https://github.com/sindresorhus/meta/discussions/7}\n /\nexport type Nullable<T> = T \| null\n\nexport type Arrayable<T> = T \| T[]\nexport type Awaitable<T> = Promise<T> \| T\n\ntype Primitive = null \| undefined \| string \| number \| boolean \| symbol \| bigint\ntype BrowserNativeObject = Date \| FileList \| File \| Blob \| RegExp\n\n/\n Check whether it is tuple\n \n 检查是否为元组\n \n @example\n * IsTuple<[1, 2, 3]> => true\n * IsTuple<Array[number]> => false\n /\ntype IsTuple<T extends ReadonlyArray<any>> = number extends T['length']\n ? false\n : true\n\n/\n Array method key\n \n 数组方法键\n /\ntype ArrayMethodKey = keyof any[]\n\n/\n Tuple index key\n \n 元组下标键\n \n @example\n * TupleKey<[1, 2, 3]> => '0' \| '1' \| '2'\n /\ntype TupleKey<T extends ReadonlyArray<any>> = Exclude<keyof T, ArrayMethodKey>\n\n/\n Array index key\n \n 数组下标键\n /\ntype ArrayKey = number\n\n/\n Helper type for recursively constructing paths through a type\n \n 用于通过一个类型递归构建路径的辅助类型\n /\ntype PathImpl<K extends string \| number, V> = V extends\n Primitive \| BrowserNativeObject\n ? `${K}`\n : `${K}` \| `${K}.${Path<V>}`\n\n/\n Type which collects all paths through a type\n \n 通过一个类型收集所有路径的类型\n \n @see {@link FieldPath}\n /\ntype Path<T> =\n T extends ReadonlyArray<infer V>\n ? IsTuple<T> extends true\n ? {\n [K in TupleKey<T>]-?: PathImpl<Exclude<K, symbol>, T[K]>\n }[TupleKey<T>] // tuple\n : PathImpl<ArrayKey, V> // array\n : {\n [K in keyof T]-?: PathImpl<Exclude<K, symbol>, T[K]>\n }[keyof T] // object\n\n/\n Type which collects all paths through a type\n \n 通过一个类型收集所有路径的类型\n \n @example\n * FieldPath<{ 1: number; a: number; b: string; c: { d: number; e: string }; f: [{ value: string }]; g: { value: string }[]; h: Date; i: FileList; j: File; k: Blob; l: RegExp }> => '1' \| 'a' \| 'b' \| 'c' \| 'f' \| 'g' \| 'c.d' \| 'c.e' \| 'f.0' \| 'f.0.value' \| 'g.number' \| 'g.number.value' \| 'h' \| 'i' \| 'j' \| 'k' \| 'l'\n /\nexport type FieldPath<T> = T extends object ? Path<T> : never\n\n/\n csstype 是 vue的依赖，因此，直接从vue中导入CSSProperties会导致ts类型解析错误，参考 https://github.com/pnpm/pnpm/issues/7453，因此，我们直接安装csstype，并从csstype中导入CSSProperties\n \n csstype is a dependency of vue, so importing CSSProperties directly from vue will cause ts type parsing errors, see https://github.com/pnpm/pnpm/issues/7453. Therefore, we directly install csstype and import CSSProperties from csstype.\n /\nexport interface CSSProperties\n extends\n CSS.Properties<string \| number>,\n CSS.PropertiesHyphen<string \| number> {\n /\n The index signature was removed to enable closed typing for style\n * using CSSType. You're able to use type assertion or module augmentation\n * to add properties or an index signature of your own.\n \n For examples and more information, visit:\n * https://github.com/frenic/csstype#what-should-i-do-when-i-get-type-errors\n */\n [v: `--${string}`]: string \| number \| undefined\n}\n\nexport type ObjectFit = CSSProperties['objectFit']\n\nexport type ZIndexType = CSSProperties['zIndex']\n\nexport type AlignItems = CSSProperties['alignItems']\n\n// todo: Use the `ClassValue` type exported by Vue, after we upgrades its peer dependency to ^3.5.29\nexport type ClassValue =\n false \| null \| undefined \| string \| Record<string, any> \| Array<ClassValue>\n"],"mappings":";AAEA,MAAa,WACX,QACG"}

package/es/utils/vue/size.d.ts CHANGED Viewed

@@ -1,6 +1,6 @@
 import { ComponentSize } from "../../constants/size.js";
 //#region ../../packages/utils/vue/size.d.ts
-declare const getComponentSize: (size?: ComponentSize) => 40 | 32 | 24;
+declare const getComponentSize: (size?: ComponentSize) => 24 | 40 | 32;
 //#endregion
 export { getComponentSize };

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

@@ -33,12 +33,12 @@ declare function isTemplate(node: unknown): node is VNode;
  */
 declare function isValidElementNode(node: VNode): boolean;
 declare function isValidElementNode(node: unknown): node is VNode;
-declare const getFirstValidNode: (nodes: VNodeNormalizedChildren, maxDepth?: number) => string | number | boolean | void | _$vue.VNodeArrayChildren | {
+declare const getFirstValidNode: (nodes: VNodeNormalizedChildren, maxDepth?: number) => string | number | boolean | void | VNode<_$vue.RendererNode, _$vue.RendererElement, {
+  [key: string]: any;
+}> | _$vue.VNodeArrayChildren | {
   [name: string]: unknown;
   $stable?: boolean;
-} | VNode<_$vue.RendererNode, _$vue.RendererElement, {
-  [key: string]: any;
-}> | null | undefined;
+} | null | undefined;
 declare function renderIf(condition: boolean, ...args: Parameters<typeof createBlock>): VNode<_$vue.RendererNode, _$vue.RendererElement, {
   [key: string]: any;
 }>;

package/es/version.d.ts CHANGED Viewed

@@ -1,4 +1,4 @@
 //#region ../../packages/element-plus/version.d.ts
-declare const version = "0.0.20260719";
+declare const version = "0.0.20260721";
 //#endregion
 export { version };

package/es/version.mjs CHANGED Viewed

@@ -1,5 +1,5 @@
 //#region ../../packages/element-plus/version.ts
-const version = "0.0.20260719";
+const version = "0.0.20260721";
 //#endregion
 export { version };

package/es/version.mjs.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"version.mjs","names":[],"sources":["../../../packages/element-plus/version.ts"],"sourcesContent":["export const version = '0.0.~~20260719~~'\n"],"mappings":";AAAA,MAAa,UAAU"}
1	+ {"version":3,"file":"version.mjs","names":[],"sources":["../../../packages/element-plus/version.ts"],"sourcesContent":["export const version = '0.0.20260721'\n"],"mappings":";AAAA,MAAa,UAAU"}

package/lib/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/lib/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/lib/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/lib/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/lib/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/lib/components/autocomplete/src/autocomplete.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"autocomplete.js","names":["buildProps","inputProps","definePropType","NOOP","useTooltipContentProps","UPDATE_MODEL_EVENT","isNumber","INPUT_EVENT","CHANGE_EVENT"],"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,oBAAoBA,kBAAAA,WAAW;CAC1C,GAAGC,cAAAA;;;;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,MAAMC,kBAAAA,eAA0B,OAAO;EACvC,QAAQ;GACN;GACA;GACA;GACA;GACA;GACA;GACD;EACD,SAAS;EACV;;;;CAID,kBAAkB;EAChB,MAAMA,kBAAAA,eAA6C,CAAC,UAAU,MAAM,CAAC;EACrE,SAASC,YAAAA;EACV;;;;CAID,aAAaC,gBAAAA,uBAAuB;;;;CAIpC,aAAaA,gBAAAA,uBAAuB;;;;CAIpC,eAAeA,gBAAAA,uBAAuB;;;;CAItC,WAAW;EACT,MAAM;EACN,SAAS;EACV;;;;CAID,gBAAgB;EACd,MAAM;EACN,SAAS;EACV;;;;CAID,qBAAqB;;;;CAIrB,aAAa;;;;CAIb,YAAYA,gBAAAA,uBAAuB;;;;CAInC,UAAUA,gBAAAA,uBAAuB;;;;CAIjC,oBAAoB;;;;CAIpB,eAAe;;;;CAIf,gBAAgB;EACd,MAAM;EACN,SAAS;EACV;CACF,CAAU;AASX,MAAa,oBAAoB;EAC9BC,cAAAA,sBAAsB,WAAA,GAAA,YAAA,UACZ,MAAM,IAAIC,cAAAA,SAAS,MAAM;EACnCC,cAAAA,eAAe,WAAA,GAAA,YAAA,UAAoC,MAAM,IAAID,cAAAA,SAAS,MAAM;EAC5EE,cAAAA,gBAAgB,WAAA,GAAA,YAAA,UACN,MAAM,IAAIF,cAAAA,SAAS,MAAM;CACpC,QAAQ,QAAoB,eAAe;CAC3C,OAAO,QAAoB,eAAe;CAC1C,aAAa;CACb,SAAS,UAAA,GAAA,YAAA,UAAuC,KAAK;CACtD"}
1	+ {"version":3,"file":"autocomplete.js","names":["buildProps","inputProps","definePropType","NOOP","useTooltipContentProps","UPDATE_MODEL_EVENT","isNumber","INPUT_EVENT","CHANGE_EVENT"],"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,oBAAoBA,kBAAAA,WAAW;CAC1C,GAAGC,cAAAA;;;;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,MAAMC,kBAAAA,eAA0B,OAAO;EACvC,QAAQ;GACN;GACA;GACA;GACA;GACA;GACA;GACD;EACD,SAAS;EACV;;;;CAID,kBAAkB;EAChB,MAAMA,kBAAAA,eAA6C,CAAC,UAAU,MAAM,CAAC;EACrE,SAASC,YAAAA;EACV;;;;CAID,aAAaC,gBAAAA,uBAAuB;;;;CAIpC,aAAaA,gBAAAA,uBAAuB;;;;CAIpC,eAAeA,gBAAAA,uBAAuB;;;;CAItC,WAAW;EACT,MAAM;EACN,SAAS;EACV;;;;CAID,gBAAgB;EACd,MAAM;EACN,SAAS;EACV;;;;CAID,qBAAqB;;;;CAIrB,aAAa;;;;CAIb,YAAYA,gBAAAA,uBAAuB;;;;CAInC,UAAUA,gBAAAA,uBAAuB;;;;CAIjC,oBAAoB;;;;CAIpB,eAAe;;;;CAIf,gBAAgB;EACd,MAAM;EACN,SAAS;EACV;CACF,CAAU;AASX,MAAa,oBAAoB;EAC9BC,cAAAA,sBAAsB,WAAA,GAAA,YAAA,UACZ,MAAM,IAAIC,cAAAA,SAAS,MAAM;EACnCC,cAAAA,eAAe,WAAA,GAAA,YAAA,UAAoC,MAAM,IAAID,cAAAA,SAAS,MAAM;EAC5EE,cAAAA,gBAAgB,WAAA,GAAA,YAAA,UACN,MAAM,IAAIF,cAAAA,SAAS,MAAM;CACpC,QAAQ,QAAoB,eAAe;CAC3C,OAAO,QAAoB,eAAe;CAC1C,aAAa;CACb,SAAS,UAAA,GAAA,YAAA,UAAuC,KAAK;CACtD"}

package/lib/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/lib/components/autocomplete/src/autocomplete.vue_vue_type_script_setup_true_lang.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"autocomplete.vue_vue_type_script_setup_true_lang.js","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.js","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":";;;;;;;;;;;;;;;;;;;;;;;;;;AA4JA,MAAM,iBAAiB;;;;;;;;EAMvB,MAAM,QAAQ;EAed,MAAM,OAAO;EACb,MAAM,kBAAA,GAAA,IAAA,gBAAgC;GACpC,MAAM,aAAa,gBAAA,QAAQ,SAAS,EAAC;GAErC,QAAA,GAAA,eAAA,MAAY,QAAA,GAAA,YAAA,SADS,WAAW,GAAG,aAAa,OAAO,KAAK,WAAU,CAC/C;IACxB;EAED,MAAM,YAAA,GAAA,IAAA,WAAuB;EAC7B,MAAM,WAAW,8BAAA,iBAAgB;EACjC,MAAM,KAAK,cAAA,aAAa,eAAc;EAEtC,MAAM,YAAA,GAAA,IAAA,MAA8B;EACpC,MAAM,aAAA,GAAA,IAAA,MAA6B;EACnC,MAAM,aAAA,GAAA,IAAA,MAAiC;EACvC,MAAM,cAAA,GAAA,IAAA,MAA8B;EAEpC,IAAI,WAAW;EACf,IAAI,mBAAmB;EACvB,MAAM,eAAA,GAAA,IAAA,KAAkB,EAAE,CAAC;EAC3B,MAAM,oBAAA,GAAA,IAAA,KAAuB,GAAE;EAC/B,MAAM,iBAAA,GAAA,IAAA,KAAoB,GAAE;EAC5B,MAAM,aAAA,GAAA,IAAA,KAAgB,MAAK;EAC3B,MAAM,sBAAA,GAAA,IAAA,KAAyB,MAAK;EACpC,MAAM,WAAA,GAAA,IAAA,KAAc,MAAK;EAEzB,MAAM,YAAY,gBAAA,OAAM;EACxB,MAAM,UAAA,GAAA,IAAA,gBAAwB,SAAS,MAAmB;EAE1D,MAAM,qBAAA,GAAA,IAAA,gBAAmC;GAEvC,QADoB,YAAY,MAAM,SAAS,KACxB,QAAQ,UAAU,UAAU;IACpD;EAED,MAAM,qBAAA,GAAA,IAAA,gBAAmC,CAAC,MAAM,eAAe,QAAQ,MAAK;EAE5E,MAAM,YAAA,GAAA,IAAA,gBAA8C;GAClD,IAAI,SAAS,OACX,OAAO,MAAM,KACX,SAAS,MAAM,IAAI,iBAAiB,QAAO,CAC7C;GAEF,OAAO,EAAC;IACT;EAED,MAAM,yBAAyB;GAC7B,IAAI,kBAAkB,OACpB,cAAc,QAAQ,GAAG,SAAS,MAAO,IAAI,YAAY;;EAI7D,MAAM,eAAe;GACnB,iBAAiB,QAAQ;;EAG3B,MAAM,UAAU,OAAO,gBAAwB;GAC7C,IAAI,mBAAmB,OAAO;GAE9B,MAAM,MAAM,mBAAwC;IAClD,QAAQ,QAAQ;IAChB,IAAI,mBAAmB,OAAO;IAE9B,KAAA,GAAA,YAAA,SAAY,eAAe,EAAE;KAC3B,YAAY,QAAQ;KACpB,iBAAiB,QAAQ,MAAM,qBAAqB,IAAI;WAExD,cAAA,WAAW,gBAAgB,4CAA2C;;GAI1E,QAAQ,QAAQ;GAChB,KAAA,GAAA,YAAA,SAAY,MAAM,iBAAiB,EACjC,GAAG,MAAM,iBAAgB;QACpB;IACL,MAAM,SAAS,MAAM,MAAM,iBAAiB,aAAa,GAAE;IAC3D,KAAA,GAAA,YAAA,SAAY,OAAO,EAAE,GAAG,OAAM;;;EAKlC,MAAM,oBAAA,GAAA,aAAA,eAAiC,UAAA,GAAA,IAAA,gBADP,MAAM,SACkB,CAAA;EAExD,MAAM,eAAe,UAAkB;GACrC,MAAM,iBAAiB,CAAC,CAAC;GAEzB,KAAK,cAAA,aAAa,MAAK;GACvB,KAAK,cAAA,oBAAoB,MAAK;GAE9B,mBAAmB,QAAQ;GAC3B,UAAU,UAAU;GAEpB,IAAI,CAAC,MAAM,kBAAkB,CAAC,OAAO;IACnC,mBAAmB,QAAQ;IAC3B,YAAY,QAAQ,EAAC;IACrB;;GAGF,iBAAiB,MAAK;;EAGxB,MAAM,mBAAmB,UAAsB;GAC7C,IAAI,SAAS,OAAO;GACpB,IACG,MAAM,QAAwB,YAAY,WAC3C,SAAS,MAAM,SAAS,SAAS,cAAiC,EAElE,UAAU,QAAQ;;EAItB,MAAM,gBAAgB,UAA2B;GAC/C,KAAK,cAAA,cAAc,MAAK;;EAG1B,MAAM,eAAe,QAAoB;GACvC,IAAI,CAAC,kBAAkB;IACrB,UAAU,QAAQ;IAClB,KAAK,SAAS,IAAG;IACjB,MAAM,cAAc,MAAM,cAAc;IACxC,IAAI,MAAM,kBAAkB,CAAC,UAC3B,iBAAiB,OAAO,YAAY,CAAA;UAGtC,mBAAmB;;EAIvB,MAAM,cAAc,QAAoB;GACtC,iBAAiB;IAGf,IAAI,UAAU,OAAO,sBAAsB,EAAE;KAC3C,mBAAmB;KACnB;;IAEF,UAAU,SAAS,OAAM;IACzB,KAAK,QAAQ,IAAG;KACjB;;EAGH,MAAM,oBAAoB;GACxB,UAAU,QAAQ;GAClB,KAAK,cAAA,oBAAoB,GAAE;GAC3B,KAAK,QAAO;;EAGd,MAAM,iBAAiB,YAAY;GACjC,IAAI,SAAS,OAAO,aAClB;GAGF,IACE,kBAAkB,SAClB,iBAAiB,SAAS,KAC1B,iBAAiB,QAAQ,YAAY,MAAM,QAE3C,aAAa,YAAY,MAAM,iBAAiB,OAAM;QACjD;IACL,IAAI,MAAM,qBAAqB;KAC7B,KAAK,UAAU,EAAE,OAAO,MAAM,YAAY,CAAA;KAC1C,YAAY,QAAQ,EAAC;KACrB,iBAAiB,QAAQ;;IAE3B,UAAU,QAAQ;IAClB,iBAAiB,OAAO,MAAM,WAAW,CAAA;;;EAI7C,MAAM,mBAAmB,QAAe;GACtC,IAAI,kBAAkB,OAAO;IAC3B,IAAI,gBAAe;IACnB,IAAI,iBAAgB;IACpB,OAAM;;;EAIV,MAAM,cAAc;GAClB,UAAU,QAAQ;;EAGpB,MAAM,cAAc;GAClB,SAAS,OAAO,OAAM;;EAGxB,MAAM,aAAa;GACjB,SAAS,OAAO,MAAK;;EAGvB,MAAM,eAAe,OAAO,SAAY;GACtC,KAAK,cAAA,aAAa,KAAK,MAAM,UAAS;GACtC,KAAK,cAAA,oBAAoB,KAAK,MAAM,UAAS;GAC7C,KAAK,UAAU,KAAI;GACnB,YAAY,QAAQ,EAAC;GACrB,iBAAiB,QAAQ;;EAG3B,MAAM,aAAa,UAAkB;GACnC,IAAI,CAAC,kBAAkB,SAAS,QAAQ,OAAO;GAE/C,IAAI,QAAQ,GAAG;IACb,IAAI,CAAC,MAAM,gBAAgB;KACzB,iBAAiB,QAAQ;KACzB;;IAEF,QAAQ,YAAY,MAAM,SAAS;;GAGrC,IAAI,SAAS,YAAY,MAAM,QAC7B,QAAQ,MAAM,iBAAiB,IAAI,YAAY,MAAM,SAAS;GAEhE,MAAM,CAAC,YAAY,kBAAkB,sBAAqB;GAC1D,MAAM,gBAAgB,eAAe;GACrC,MAAM,YAAY,WAAW;GAC7B,MAAM,EAAE,WAAW,iBAAiB;GAEpC,IAAI,YAAY,eAAe,YAAY,WAAW,cACpD,WAAW,YAAY,YAAY,eAAe,WAAW;GAE/D,IAAI,YAAY,WACd,WAAW,YAAY;GAEzB,iBAAiB,QAAQ;GACzB,SAAS,OAAO,KAAK,aACnB,yBACA,GAAG,UAAU,MAAM,QAAQ,iBAAiB,QAC9C;;EAEF,MAAM,6BAA6B;GACjC,MAAM,aAAa,UAAU,MAAO,cAClC,IAAI,GAAG,GAAG,cAAc,OAAO,GAChC;GAID,OAAO,CAAC,YAHe,WAAW,iBAChC,IAAI,GAAG,GAAG,cAAc,OAAO,CAAC,KAEA,CAAC;;EAGrC,MAAM,cAAA,GAAA,aAAA,gBAA4B,aAAa,UAAsB;GAEnE,IAAI,UAAU,OAAO,sBAAsB,EAAE;GAC7C,MAAM,kBAAkB;GACxB,mBAAmB;GACnB,IAAI,CAAC,kBAAkB,OAAO;GAC9B,IAAI,iBACF,WAAW,IAAI,WAAW,QAAQ,MAAM,CAAA;QAExC,OAAM;IAET;EAED,MAAM,iBAAiB,MAA6B;GAElD,QADa,gBAAA,aAAa,EACd,EAAZ;IACE,KAAK,aAAA,WAAW;KACd,EAAE,gBAAe;KACjB,UAAU,iBAAiB,QAAQ,EAAC;KACpC;IACF,KAAK,aAAA,WAAW;KACd,EAAE,gBAAe;KACjB,UAAU,iBAAiB,QAAQ,EAAC;KACpC;IACF,KAAK,aAAA,WAAW;IAChB,KAAK,aAAA,WAAW;KACd,EAAE,gBAAe;KACjB,gBAAe;KACf;IACF,KAAK,aAAA,WAAW;KACd,OAAM;KACN;IACF,KAAK,aAAA,WAAW;KACd,gBAAgB,EAAC;KACjB;IACF,KAAK,aAAA,WAAW;KACd,EAAE,gBAAe;KACjB,UAAU,EAAC;KACX;IACF,KAAK,aAAA,WAAW;KACd,EAAE,gBAAe;KACjB,UAAU,YAAY,MAAM,SAAS,EAAC;KACtC;IACF,KAAK,aAAA,WAAW;KACd,EAAE,gBAAe;KACjB,UAAU,KAAK,IAAI,GAAG,iBAAiB,QAAQ,GAAG,CAAA;KAClD;IACF,KAAK,aAAA,WAAW;KACd,EAAE,gBAAe;KACjB,UACE,KAAK,IAAI,YAAY,MAAM,SAAS,GAAG,iBAAiB,QAAQ,GAAE,CACpE;KACA;;;EAIN,CAAA,GAAA,IAAA,uBAAsB;GACpB,cAAa;IACd;EAED,CAAA,GAAA,IAAA,iBAAgB;GACd,MAAM,eAAe,SAAS,OAAO;GACrC,IAAI,CAAC,cAAc;GAClB;IACC;KAAE,KAAK;KAAQ,OAAO;KAAW;IACjC;KAAE,KAAK;KAAqB,OAAO;KAAQ;IAC3C;KAAE,KAAK;KAAiB,OAAO,UAAU;KAAO;IAChD;KACE,KAAK;KACL,OAAO,GAAG,UAAU,MAAM,QAAQ,iBAAiB;KACpD;IACF,CAAC,SAAS,EAAE,KAAK,YAAY,aAAa,aAAa,KAAK,MAAM,CAAA;GAEnE,WAAW,aAAa,aAAa,WAAU;IAChD;EAED,SAAa;;GAEX;;GAEA;;GAEA;;GAEA;;GAEA;;GAEA;;GAEA;;GAEA;;GAEA;;GAEA;;GAEA;;GAEA;;GAEA;GACD,CAAA;;oEAnZc,gBAAA,UAAA,EAAA;aA/GP;IAAJ,KAAI;IACH,SAAS,kBAAA;IACT,WAAW,QAAA;IACX,uBAAqB,CAAA,gBAAA,YAA6B;IAClD,gBAAY,EAAA,GAAA,IAAA,OAAG,GAAE,CAAC,EAAC,SAAA,EAAY,QAAA,YAAW;IAC1C,gBAAc,QAAA;IACd,kBAAgB,QAAA;IAChB,cAAY,QAAA;IACZ,YAAY,QAAA;IACZ,aAAW,QAAA;IACX,oBAAkB;IACnB,MAAA;IACA,eAAA;IACA,QAAO;IACP,SAAQ;IACP,YAAU,IAAA,GAAA,IAAA,OAAK,GAAE,CAAC,UAAU,MAAK;IAClC,YAAA;IACA,MAAK;IACJ,cAAa;IACP;;IAsCI,UAAA,GAAA,IAAA,eAoDH,EAAA,GAAA,IAAA,oBAAA,OAAA;cAlDA;KAAJ,KAAI;KACH,QAAA,GAAA,IAAA,gBAAK,EAAA,GAAA,IAAA,OAAG,GAAE,CAAC,EAAC,aAAA,GAAA,GAAA,IAAA,OAAgB,GAAE,CAAC,GAAE,WAAY,kBAAA,MAAiB,CAAA,CAAA;KAC9D,QAAA,GAAA,IAAA,gBAAK;OAAe,QAAA,gBAAa,UAAA,aAA0B,cAAA;;;KAI5D,MAAK;;KAGGA,KAAAA,OAAO,WAAA,GAAA,IAAA,YAAA,GAAA,GAAA,IAAA,oBAKT,OAAA;;MAJH,QAAA,GAAA,IAAA,iBAAA,GAAA,IAAA,OAAO,GAAE,CAAC,GAAE,cAAA,SAAA,CAAA;MACZ,SAAK,OAAA,OAAA,OAAA,MAAA,GAAA,IAAA,qBAAN,IAAW,CAAA,OAAA,CAAA;6BAEW,KAAA,QAAA,SAAA,CAAA,EAAA,EAAA,KAAA,GAAA,IAAA,oBAAA,QAAA,KAAA;yCA6BT,gBAAA,YAAA,EAAA;MA1BZ,KAAA,GAAA,IAAA,OAAI,UAAS;MACd,KAAI;MACH,eAAA,GAAA,IAAA,OAAY,GAAE,CAAC,GAAE,cAAA,OAAA;MACjB,eAAA,GAAA,IAAA,OAAY,GAAE,CAAC,GAAE,cAAA,OAAA;MAClB,MAAK;;sCAQA,CANK,kBAAA,UAAA,GAAA,IAAA,YAAA,GAAA,GAAA,IAAA,oBAML,MAAA,YAAA,EAAA,GAAA,IAAA,YADI,KAAA,QAAA,WAAA,EAAA,QAAA,EAAA,GAAA,IAAA,cAAA,GAAA,IAAA,OADK,gBAAA,OAAA,EAAA,EAFA,QAAA,GAAA,IAAA,iBAAA,GAAA,IAAA,OAAO,GAAE,CAAC,GAAE,UAAA,CAAA,EAAA,EAAA;uCACT,EAAA,GAAA,IAAA,cAAA,GAAA,IAAA,OAAA,wBAAA,QAAA,CAAA,CAAA,CAAA;;qFAeV,IAAA,UAAA,EAAA,KAAA,GAAA,GAAA,GAAA,IAAA,YATqB,YAAA,QAAhB,MAAM,UAAK;gEAShB,MAAA;QARF,IAAE,IAAA,GAAA,IAAA,OAAK,UAAS,CAAA,QAAS;QACzB,KAAK;QACL,QAAA,GAAA,IAAA,gBAAK,EAAA,aAAiB,iBAAA,UAAqB,OAAK,CAAA;QACjD,MAAK;QACJ,iBAAe,iBAAA,UAAqB;QACpC,UAAK,WAAE,aAAa,KAAI;+BAEqB,KAAA,QAAA,WAAA,EAAjC,MAAI,QAA6B,EAAA,GAAA,IAAA,kBAAA,GAAA,IAAA,iBAAxB,KAAK,QAAA,UAAQ,EAAA,EAAA,CAAA,CAAA,CAAA,EAAA,IAAA,WAAA;;;;;;;;KAKjCA,KAAAA,OAAO,WAAA,GAAA,IAAA,YAAA,GAAA,GAAA,IAAA,oBAKT,OAAA;;MAJH,QAAA,GAAA,IAAA,iBAAA,GAAA,IAAA,OAAO,GAAE,CAAC,GAAE,cAAA,SAAA,CAAA;MACZ,SAAK,OAAA,OAAA,OAAA,MAAA,GAAA,IAAA,qBAAN,IAAW,CAAA,OAAA,CAAA;6BAEW,KAAA,QAAA,SAAA,CAAA,EAAA,EAAA,KAAA,GAAA,IAAA,oBAAA,QAAA,KAAA;;oCAnDtB,EAAA,GAAA,IAAA,oBAAA,OAAA;cAlCA;KAAJ,KAAI;KACH,QAAA,GAAA,IAAA,gBAAK,EAAA,GAAA,IAAA,OAAG,GAAE,CAAC,GAAC,EAAIC,KAAAA,OAAO,MAAK,CAAA;KAC5B,QAAA,GAAA,IAAA,gBAAO,OAAA,MAAM;KACd,MAAK;KACL,iBAAc;KACb,iBAAe,kBAAA;KACf,cAAA,GAAA,IAAA,OAAW,UAAA;4CA2BD,gBAAA,QAAA,GAAA,GAAA,IAAA,YAAA;cAxBL;KAAJ,KAAI;2BACe,eAAA,OAAgBA,KAAAA,OAAM,EAAA;KACxC,eAAa,QAAA;KACb,WAAA,GAAA,IAAA,OAAU,SAAQ;KAClB,SAAO;KACP,UAAQ;KACR,SAAO;KACP,QAAM;KACN,SAAO;KACP,WAAS;KACT,aAAW;;KAEID,KAAAA,OAAO,UAAA;YAAU;iCACR,EAAA,GAAA,IAAA,YAAA,KAAA,QAAA,UAAA,CAAA,CAAA;;;KAETA,KAAAA,OAAO,SAAA;YAAS;iCACR,EAAA,GAAA,IAAA,YAAA,KAAA,QAAA,SAAA,CAAA,CAAA;;;KAERA,KAAAA,OAAO,SAAA;YAAS;iCACR,EAAA,GAAA,IAAA,YAAA,KAAA,QAAA,SAAA,CAAA,CAAA;;;KAERA,KAAAA,OAAO,SAAA;YAAS;iCACR,EAAA,GAAA,IAAA,YAAA,KAAA,QAAA,SAAA,CAAA,CAAA"}

package/lib/components/autocomplete/src/autocomplete2.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"autocomplete2.js","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.js","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":""}