element-plus 2.2.28 → 2.2.29

package/es/hooks/use-popper/index.d.ts

@@ -1,10 +1,67 @@
 import type { Ref } from 'vue';
-import type { Instance, Options, State, VirtualElement } from '@popperjs/core';
+import type { Instance, Modifier, Options, State, VirtualElement } from '@popperjs/core';
 declare type ElementType = HTMLElement | undefined;
 declare type ReferenceElement = ElementType | VirtualElement;
 export declare type PartialOptions = Partial<Options>;
 export declare const usePopper: (referenceElementRef: Ref<ReferenceElement>, popperElementRef: Ref<ElementType>, opts?: Ref<PartialOptions> | PartialOptions) => {
-    state: import("vue").ComputedRef<State | undefined>;
+    state: import("vue").ComputedRef<{
+        elements?: {
+            reference: Element | VirtualElement;
+            popper: HTMLElement;
+            arrow?: HTMLElement | undefined;
+        } | undefined;
+        options?: import("@popperjs/core").OptionsGeneric<any> | undefined;
+        placement?: import("@popperjs/core").Placement | undefined;
+        strategy?: import("@popperjs/core").PositioningStrategy | undefined;
+        orderedModifiers?: Modifier<any, any>[] | undefined;
+        rects?: import("@popperjs/core").StateRects | undefined;
+        scrollParents?: {
+            reference: (Element | import("@popperjs/core").Window | import("@popperjs/core").VisualViewport)[];
+            popper: (Element | import("@popperjs/core").Window | import("@popperjs/core").VisualViewport)[];
+        } | undefined;
+        styles?: {
+            [key: string]: Partial<CSSStyleDeclaration>;
+        } | undefined;
+        attributes?: {
+            [key: string]: {
+                [key: string]: string | boolean;
+            };
+        } | undefined;
+        modifiersData?: {
+            [key: string]: any;
+            arrow?: {
+                x?: number | undefined;
+                y?: number | undefined;
+                centerOffset: number;
+            } | undefined;
+            hide?: {
+                isReferenceHidden: boolean;
+                hasPopperEscaped: boolean;
+                referenceClippingOffsets: import("@popperjs/core").SideObject;
+                popperEscapeOffsets: import("@popperjs/core").SideObject;
+            } | undefined;
+            offset?: {
+                left?: import("@popperjs/core").Offsets | undefined;
+                right?: import("@popperjs/core").Offsets | undefined;
+                top?: import("@popperjs/core").Offsets | undefined;
+                auto?: import("@popperjs/core").Offsets | undefined;
+                "auto-start"?: import("@popperjs/core").Offsets | undefined;
+                "auto-end"?: import("@popperjs/core").Offsets | undefined;
+                bottom?: import("@popperjs/core").Offsets | undefined;
+                "top-start"?: import("@popperjs/core").Offsets | undefined;
+                "top-end"?: import("@popperjs/core").Offsets | undefined;
+                "bottom-start"?: import("@popperjs/core").Offsets | undefined;
+                "bottom-end"?: import("@popperjs/core").Offsets | undefined;
+                "right-start"?: import("@popperjs/core").Offsets | undefined;
+                "right-end"?: import("@popperjs/core").Offsets | undefined;
+                "left-start"?: import("@popperjs/core").Offsets | undefined;
+                "left-end"?: import("@popperjs/core").Offsets | undefined;
+            } | undefined;
+            preventOverflow?: import("@popperjs/core").Offsets | undefined;
+            popperOffsets?: import("@popperjs/core").Offsets | undefined;
+        } | undefined;
+        reset?: boolean | undefined;
+    }>;
     styles: import("vue").ComputedRef<{
         [key: string]: Partial<CSSStyleDeclaration>;
     }>;
@@ -17,4 +74,5 @@ export declare const usePopper: (referenceElementRef: Ref<ReferenceElement>, pop
     forceUpdate: () => void | undefined;
     instanceRef: import("vue").ComputedRef<Instance | undefined>;
 };
+export declare type UsePopperReturn = ReturnType<typeof usePopper>;
 export {};

package/es/hooks/use-popper/index.mjs

@@ -66,7 +66,7 @@ const usePopper = (referenceElementRef, popperElementRef, opts = {}) => {
   return {
     state: computed(() => {
       var _a;
-      return (_a = unref(instanceRef)) == null ? void 0 : _a.state;
+      return { ...((_a = unref(instanceRef)) == null ? void 0 : _a.state) || {} };
     }),
     styles: computed(() => unref(states).styles),
     attributes: computed(() => unref(states).attributes),
@@ -83,7 +83,7 @@ const usePopper = (referenceElementRef, popperElementRef, opts = {}) => {
 };
 function deriveState(state) {
   const elements = Object.keys(state.elements);
-  const styles = fromPairs(elements.map((element) => [element, state.elements[element] || {}]));
+  const styles = fromPairs(elements.map((element) => [element, state.styles[element] || {}]));
   const attributes = fromPairs(elements.map((element) => [element, state.attributes[element]]));
   return {
     styles,

package/es/hooks/use-popper/index.mjs.map

@@ -1 +1 @@
-{"version":3,"file":"index.mjs","sources":["../../../../../packages/hooks/use-popper/index.ts"],"sourcesContent":["import { computed, onBeforeUnmount, ref, shallowRef, unref, watch } from 'vue'\nimport { createPopper } from '@popperjs/core'\nimport { fromPairs } from 'lodash-unified'\n\nimport type { Ref } from 'vue'\nimport type {\n  Instance,\n  Modifier,\n  Options,\n  State,\n  VirtualElement,\n} from '@popperjs/core'\n\ntype ElementType = HTMLElement | undefined\ntype ReferenceElement = ElementType | VirtualElement\nexport type PartialOptions = Partial<Options>\n\nexport const usePopper = (\n  referenceElementRef: Ref<ReferenceElement>,\n  popperElementRef: Ref<ElementType>,\n  opts: Ref<PartialOptions> | PartialOptions = {} as PartialOptions\n) => {\n  const stateUpdater = {\n    name: 'updateState',\n    enabled: true,\n    phase: 'write',\n    fn: ({ state }) => {\n      const derivedState = deriveState(state)\n\n      Object.assign(states.value, derivedState)\n    },\n    requires: ['computeStyles'],\n  } as Modifier<'updateState', any>\n\n  const options = computed<Options>(() => {\n    const { onFirstUpdate, placement, strategy, modifiers } = unref(opts)\n\n    return {\n      onFirstUpdate,\n      placement: placement || 'bottom',\n      strategy: strategy || 'absolute',\n      modifiers: [\n        ...(modifiers || []),\n        stateUpdater,\n        { name: 'applyStyles', enabled: false },\n      ],\n    }\n  })\n\n  const instanceRef = shallowRef<Instance | undefined>()\n  const states = ref<Pick<State, 'styles' | 'attributes'>>({\n    styles: {\n      popper: {\n        position: unref(options).strategy,\n        left: '0',\n        right: '0',\n      },\n      arrow: {\n        position: 'absolute',\n      },\n    },\n    attributes: {},\n  })\n\n  const destroy = () => {\n    if (!instanceRef.value) return\n\n    instanceRef.value.destroy()\n    instanceRef.value = undefined\n  }\n\n  watch(\n    options,\n    (newOptions) => {\n      const instance = unref(instanceRef)\n      if (instance) {\n        instance.setOptions(newOptions)\n      }\n    },\n    {\n      deep: true,\n    }\n  )\n\n  watch(\n    [referenceElementRef, popperElementRef],\n    ([referenceElement, popperElement]) => {\n      destroy()\n      if (!referenceElement || !popperElement) return\n\n      instanceRef.value = createPopper(\n        referenceElement,\n        popperElement,\n        unref(options)\n      )\n    }\n  )\n\n  onBeforeUnmount(() => {\n    destroy()\n  })\n\n  return {\n    state: computed(() => unref(instanceRef)?.state),\n    styles: computed(() => unref(states).styles),\n    attributes: computed(() => unref(states).attributes),\n    update: () => unref(instanceRef)?.update(),\n    forceUpdate: () => unref(instanceRef)?.forceUpdate(),\n    // Preventing end users from modifying the instance.\n    instanceRef: computed(() => unref(instanceRef)),\n  }\n}\n\nfunction deriveState(state: State) {\n  const elements = Object.keys(state.elements) as unknown as Array<\n    keyof State['elements']\n  >\n\n  const styles = fromPairs(\n    elements.map(\n      (element) =>\n        [element, state.elements[element] || {}] as [\n          string,\n          State['styles'][keyof State['styles']]\n        ]\n    )\n  )\n\n  const attributes = fromPairs(\n    elements.map(\n      (element) =>\n        [element, state.attributes[element]] as [\n          string,\n          State['attributes'][keyof State['attributes']]\n        ]\n    )\n  )\n\n  return {\n    styles,\n    attributes,\n  }\n}\n"],"names":[],"mappings":"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"}
+{"version":3,"file":"index.mjs","sources":["../../../../../packages/hooks/use-popper/index.ts"],"sourcesContent":["import { computed, onBeforeUnmount, ref, shallowRef, unref, watch } from 'vue'\nimport { createPopper } from '@popperjs/core'\nimport { fromPairs } from 'lodash-unified'\n\nimport type { Ref } from 'vue'\nimport type {\n  Instance,\n  Modifier,\n  Options,\n  State,\n  VirtualElement,\n} from '@popperjs/core'\n\ntype ElementType = HTMLElement | undefined\ntype ReferenceElement = ElementType | VirtualElement\nexport type PartialOptions = Partial<Options>\n\nexport const usePopper = (\n  referenceElementRef: Ref<ReferenceElement>,\n  popperElementRef: Ref<ElementType>,\n  opts: Ref<PartialOptions> | PartialOptions = {} as PartialOptions\n) => {\n  const stateUpdater = {\n    name: 'updateState',\n    enabled: true,\n    phase: 'write',\n    fn: ({ state }) => {\n      const derivedState = deriveState(state)\n\n      Object.assign(states.value, derivedState)\n    },\n    requires: ['computeStyles'],\n  } as Modifier<'updateState', any>\n\n  const options = computed<Options>(() => {\n    const { onFirstUpdate, placement, strategy, modifiers } = unref(opts)\n\n    return {\n      onFirstUpdate,\n      placement: placement || 'bottom',\n      strategy: strategy || 'absolute',\n      modifiers: [\n        ...(modifiers || []),\n        stateUpdater,\n        { name: 'applyStyles', enabled: false },\n      ],\n    }\n  })\n\n  const instanceRef = shallowRef<Instance | undefined>()\n  const states = ref<Pick<State, 'styles' | 'attributes'>>({\n    styles: {\n      popper: {\n        position: unref(options).strategy,\n        left: '0',\n        right: '0',\n      },\n      arrow: {\n        position: 'absolute',\n      },\n    },\n    attributes: {},\n  })\n\n  const destroy = () => {\n    if (!instanceRef.value) return\n\n    instanceRef.value.destroy()\n    instanceRef.value = undefined\n  }\n\n  watch(\n    options,\n    (newOptions) => {\n      const instance = unref(instanceRef)\n      if (instance) {\n        instance.setOptions(newOptions)\n      }\n    },\n    {\n      deep: true,\n    }\n  )\n\n  watch(\n    [referenceElementRef, popperElementRef],\n    ([referenceElement, popperElement]) => {\n      destroy()\n      if (!referenceElement || !popperElement) return\n\n      instanceRef.value = createPopper(\n        referenceElement,\n        popperElement,\n        unref(options)\n      )\n    }\n  )\n\n  onBeforeUnmount(() => {\n    destroy()\n  })\n\n  return {\n    state: computed(() => ({ ...(unref(instanceRef)?.state || {}) })),\n    styles: computed(() => unref(states).styles),\n    attributes: computed(() => unref(states).attributes),\n    update: () => unref(instanceRef)?.update(),\n    forceUpdate: () => unref(instanceRef)?.forceUpdate(),\n    // Preventing end users from modifying the instance.\n    instanceRef: computed(() => unref(instanceRef)),\n  }\n}\n\nfunction deriveState(state: State) {\n  const elements = Object.keys(state.elements) as unknown as Array<\n    keyof State['elements']\n  >\n\n  const styles = fromPairs(\n    elements.map(\n      (element) =>\n        [element, state.styles[element] || {}] as [\n          string,\n          State['styles'][keyof State['styles']]\n        ]\n    )\n  )\n\n  const attributes = fromPairs(\n    elements.map(\n      (element) =>\n        [element, state.attributes[element]] as [\n          string,\n          State['attributes'][keyof State['attributes']]\n        ]\n    )\n  )\n\n  return {\n    styles,\n    attributes,\n  }\n}\n\nexport type UsePopperReturn = ReturnType<typeof usePopper>\n"],"names":[],"mappings":"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"}

package/es/tokens/popper.d.ts

@@ -1,4 +1,4 @@
-import type { ComputedRef, InjectionKey, Ref } from 'vue';
+import type { CSSProperties, ComputedRef, InjectionKey, Ref } from 'vue';
 import type { Instance } from '@popperjs/core';
 export declare type Measurable = {
     getBoundingClientRect: () => DOMRect;
@@ -18,6 +18,7 @@ export declare type ElPopperInjectionContext = {
 export declare type ElPopperContentInjectionContext = {
     arrowRef: Ref<HTMLElement | undefined>;
     arrowOffset: Ref<number | undefined>;
+    arrowStyle: ComputedRef<CSSProperties>;
 };
 export declare const POPPER_INJECTION_KEY: InjectionKey<ElPopperInjectionContext>;
 export declare const POPPER_CONTENT_INJECTION_KEY: InjectionKey<ElPopperContentInjectionContext>;

package/es/tokens/popper.mjs.map

@@ -1 +1 @@
-{"version":3,"file":"popper.mjs","sources":["../../../../packages/tokens/popper.ts"],"sourcesContent":["import type { ComputedRef, InjectionKey, Ref } from 'vue'\nimport type { Instance } from '@popperjs/core'\n\nexport type Measurable = {\n  getBoundingClientRect: () => DOMRect\n}\n\n/**\n * triggerRef indicates the element that triggers popper\n * contentRef indicates the element of popper content\n * referenceRef indicates the element that popper content relative with\n */\nexport type ElPopperInjectionContext = {\n  triggerRef: Ref<Measurable | undefined>\n  contentRef: Ref<HTMLElement | undefined>\n  popperInstanceRef: Ref<Instance | undefined>\n  referenceRef: Ref<Measurable | undefined>\n  role: ComputedRef<string>\n}\n\nexport type ElPopperContentInjectionContext = {\n  arrowRef: Ref<HTMLElement | undefined>\n  arrowOffset: Ref<number | undefined>\n}\n\nexport const POPPER_INJECTION_KEY: InjectionKey<ElPopperInjectionContext> =\n  Symbol('popper')\n\nexport const POPPER_CONTENT_INJECTION_KEY: InjectionKey<ElPopperContentInjectionContext> =\n  Symbol('popperContent')\n"],"names":[],"mappings":"AAAY,MAAC,oBAAoB,GAAG,MAAM,CAAC,QAAQ,EAAE;AACzC,MAAC,4BAA4B,GAAG,MAAM,CAAC,eAAe;;;;"}
+{"version":3,"file":"popper.mjs","sources":["../../../../packages/tokens/popper.ts"],"sourcesContent":["import type { CSSProperties, ComputedRef, InjectionKey, Ref } from 'vue'\nimport type { Instance } from '@popperjs/core'\n\nexport type Measurable = {\n  getBoundingClientRect: () => DOMRect\n}\n\n/**\n * triggerRef indicates the element that triggers popper\n * contentRef indicates the element of popper content\n * referenceRef indicates the element that popper content relative with\n */\nexport type ElPopperInjectionContext = {\n  triggerRef: Ref<Measurable | undefined>\n  contentRef: Ref<HTMLElement | undefined>\n  popperInstanceRef: Ref<Instance | undefined>\n  referenceRef: Ref<Measurable | undefined>\n  role: ComputedRef<string>\n}\n\nexport type ElPopperContentInjectionContext = {\n  arrowRef: Ref<HTMLElement | undefined>\n  arrowOffset: Ref<number | undefined>\n  arrowStyle: ComputedRef<CSSProperties>\n}\n\nexport const POPPER_INJECTION_KEY: InjectionKey<ElPopperInjectionContext> =\n  Symbol('popper')\n\nexport const POPPER_CONTENT_INJECTION_KEY: InjectionKey<ElPopperContentInjectionContext> =\n  Symbol('popperContent')\n"],"names":[],"mappings":"AAAY,MAAC,oBAAoB,GAAG,MAAM,CAAC,QAAQ,EAAE;AACzC,MAAC,4BAA4B,GAAG,MAAM,CAAC,eAAe;;;;"}

package/es/utils/index.d.ts

@@ -1,6 +1,5 @@
 export * from './dom';
 export * from './vue';
-export * from './animation';
 export * from './arrays';
 export * from './browser';
 export * from './error';

package/es/utils/index.mjs

@@ -1,6 +1,5 @@
 import './dom/index.mjs';
 import './vue/index.mjs';
-export { cubic, easeInOutCubic } from './animation.mjs';
 export { castArray, unique } from './arrays.mjs';
 export { isFirefox } from './browser.mjs';
 export { debugWarn, throwError } from './error.mjs';

package/es/utils/index.mjs.map

@@ -1 +1 @@
-{"version":3,"file":"index.mjs","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}
+{"version":3,"file":"index.mjs","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}

package/es/version.d.ts

@@ -1 +1 @@
-export declare const version = "2.2.28";
+export declare const version = "2.2.29";

package/es/version.mjs

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

package/es/version.mjs.map

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

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

@@ -1939,6 +1939,7 @@ export declare const ElAutocomplete: import("element-plus/es/utils").SFCWithInst
                 };
                 arrowOffset: import("vue").Ref<number | undefined>;
                 arrowRef: import("vue").Ref<HTMLElement | undefined>;
+                arrowStyle: import("vue").ComputedRef<import("vue").CSSProperties>;
             }, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, Record<string, any>, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{
                 readonly arrowOffset: import("element-plus/es/utils").EpPropFinalized<NumberConstructor, unknown, unknown, 5, boolean>;
             }>>, {
@@ -3395,39 +3396,31 @@ export declare const ElAutocomplete: import("element-plus/es/utils").SFCWithInst
                         onMouseleave?: ((evt: MouseEvent) => any) | undefined;
                         onMouseenter?: ((evt: MouseEvent) => any) | undefined;
                     }>>;
-                    popperInstanceRef: import("vue").Ref<import("@popperjs/core").Instance | undefined>;
-                    contentRef: import("vue").Ref<HTMLElement | undefined>;
-                    triggerRef: import("vue").Ref<import("../..").Measurable | undefined>;
-                    role: import("vue").ComputedRef<string>;
-                    formItemContext: import("../..").FormItemContext | undefined;
-                    nextZIndex: () => number;
-                    ns: {
-                        namespace: import("vue").Ref<string>;
-                        b: (blockSuffix?: string) => string;
-                        e: (element?: string | undefined) => string;
-                        m: (modifier?: string | undefined) => string;
-                        be: (blockSuffix?: string | undefined, element?: string | undefined) => string;
-                        em: (element?: string | undefined, modifier?: string | undefined) => string;
-                        bm: (blockSuffix?: string | undefined, modifier?: string | undefined) => string;
-                        bem: (blockSuffix?: string | undefined, element?: string | undefined, modifier?: string | undefined) => string;
-                        is: {
-                            (name: string, state: boolean | undefined): string;
-                            (name: string): string;
+                    focusStartRef: import("vue").Ref<HTMLElement | "first" | "container" | undefined>;
+                    trapped: import("vue").Ref<boolean>;
+                    onFocusAfterReleased: (event: CustomEvent<any>) => void;
+                    onFocusAfterTrapped: () => void;
+                    onFocusInTrap: (event: FocusEvent) => void;
+                    onFocusoutPrevented: (event: CustomEvent<any>) => void;
+                    onReleaseRequested: () => void;
+                    attributes: import("vue").ComputedRef<{
+                        [key: string]: {
+                            [key: string]: string | boolean;
                         };
-                        cssVar: (object: Record<string, string>) => Record<string, string>;
-                        cssVarName: (name: string) => string;
-                        cssVarBlock: (object: Record<string, string>) => Record<string, string>;
-                        cssVarBlockName: (name: string) => string;
-                    };
-                    popperContentRef: import("vue").Ref<HTMLElement | undefined>;
-                    focusStartRef: import("vue").Ref<HTMLElement | "first" | "container">;
+                    }>;
                     arrowRef: import("vue").Ref<HTMLElement | undefined>;
-                    arrowOffset: import("vue").Ref<number | undefined>;
-                    contentZIndex: import("vue").Ref<number>;
-                    trapped: import("vue").Ref<boolean>;
-                    triggerTargetAriaStopWatch: undefined;
-                    computedReference: import("vue").ComputedRef<import("../..").Measurable | undefined>;
-                    contentStyle: import("vue").ComputedRef<any>;
+                    contentRef: import("vue").Ref<HTMLElement | undefined>;
+                    styles: import("vue").ComputedRef<{
+                        [key: string]: Partial<CSSStyleDeclaration>;
+                    }>;
+                    instanceRef: import("vue").ComputedRef<import("@popperjs/core").Instance | undefined>;
+                    role: import("vue").ComputedRef<string>;
+                    update: () => Promise<Partial<import("@popperjs/core").State>> | undefined;
+                    ariaModal: import("vue").ComputedRef<string | undefined>;
+                    arrowStyle: import("vue").ComputedRef<import("vue").CSSProperties>;
+                    contentAttrs: import("vue").ComputedRef<{
+                        [key: string]: string | boolean;
+                    }>;
                     contentClass: import("vue").ComputedRef<((string | {
                         [x: string]: boolean;
                     } | (string | {
@@ -3453,15 +3446,13 @@ export declare const ElAutocomplete: import("element-plus/es/utils").SFCWithInst
                     } | (string | {
                         [x: string]: boolean;
                     } | any)[])[])[])[])[])[])[])[])[])[])[]) | undefined)[]>;
-                    ariaModal: import("vue").ComputedRef<string | undefined>;
-                    createPopperInstance: ({ referenceEl, popperContentEl, arrowEl, }: import("..").CreatePopperInstanceParams) => import("@popperjs/core").Instance;
+                    contentStyle: import("vue").ComputedRef<import("vue").StyleValue[]>;
+                    updateZIndex: () => void;
+                    formItemContext: import("../..").FormItemContext | undefined;
+                    arrowOffset: import("vue").Ref<number | undefined>;
+                    triggerTargetAriaStopWatch: undefined;
                     updatePopper: (shouldUpdateZIndex?: boolean) => void;
                     togglePopperAlive: () => void;
-                    onFocusAfterTrapped: () => void;
-                    onFocusAfterReleased: (event: CustomEvent<any>) => void;
-                    onFocusInTrap: (event: FocusEvent) => void;
-                    onFocusoutPrevented: (event: CustomEvent<any>) => void;
-                    onReleaseRequested: () => void;
                     ElFocusTrap: import("vue").DefineComponent<{
                         loop: BooleanConstructor;
                         trapped: BooleanConstructor;
@@ -3481,15 +3472,15 @@ export declare const ElAutocomplete: import("element-plus/es/utils").SFCWithInst
                             default: string;
                         };
                     }>> & {
-                        onFocusAfterTrapped?: ((...args: any[]) => any) | undefined;
                         onFocusAfterReleased?: ((...args: any[]) => any) | undefined;
+                        onFocusAfterTrapped?: ((...args: any[]) => any) | undefined;
                         onFocusin?: ((...args: any[]) => any) | undefined;
                         onFocusout?: ((...args: any[]) => any) | undefined;
                         "onFocusout-prevented"?: ((...args: any[]) => any) | undefined;
                         "onRelease-requested"?: ((...args: any[]) => any) | undefined;
                     }, {
-                        loop: boolean;
                         trapped: boolean;
+                        loop: boolean;
                         focusStartEl: HTMLElement | "first" | "container";
                     }>;
                 }, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
@@ -4818,6 +4809,7 @@ export declare const ElAutocomplete: import("element-plus/es/utils").SFCWithInst
             };
             arrowOffset: import("vue").Ref<number | undefined>;
             arrowRef: import("vue").Ref<HTMLElement | undefined>;
+            arrowStyle: import("vue").ComputedRef<import("vue").CSSProperties>;
         }, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, Record<string, any>, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{
             readonly arrowOffset: import("element-plus/es/utils").EpPropFinalized<NumberConstructor, unknown, unknown, 5, boolean>;
         }>>, {
@@ -6274,39 +6266,31 @@ export declare const ElAutocomplete: import("element-plus/es/utils").SFCWithInst
                     onMouseleave?: ((evt: MouseEvent) => any) | undefined;
                     onMouseenter?: ((evt: MouseEvent) => any) | undefined;
                 }>>;
-                popperInstanceRef: import("vue").Ref<import("@popperjs/core").Instance | undefined>;
-                contentRef: import("vue").Ref<HTMLElement | undefined>;
-                triggerRef: import("vue").Ref<import("../..").Measurable | undefined>;
-                role: import("vue").ComputedRef<string>;
-                formItemContext: import("../..").FormItemContext | undefined;
-                nextZIndex: () => number;
-                ns: {
-                    namespace: import("vue").Ref<string>;
-                    b: (blockSuffix?: string) => string;
-                    e: (element?: string | undefined) => string;
-                    m: (modifier?: string | undefined) => string;
-                    be: (blockSuffix?: string | undefined, element?: string | undefined) => string;
-                    em: (element?: string | undefined, modifier?: string | undefined) => string;
-                    bm: (blockSuffix?: string | undefined, modifier?: string | undefined) => string;
-                    bem: (blockSuffix?: string | undefined, element?: string | undefined, modifier?: string | undefined) => string;
-                    is: {
-                        (name: string, state: boolean | undefined): string;
-                        (name: string): string;
+                focusStartRef: import("vue").Ref<HTMLElement | "first" | "container" | undefined>;
+                trapped: import("vue").Ref<boolean>;
+                onFocusAfterReleased: (event: CustomEvent<any>) => void;
+                onFocusAfterTrapped: () => void;
+                onFocusInTrap: (event: FocusEvent) => void;
+                onFocusoutPrevented: (event: CustomEvent<any>) => void;
+                onReleaseRequested: () => void;
+                attributes: import("vue").ComputedRef<{
+                    [key: string]: {
+                        [key: string]: string | boolean;
                     };
-                    cssVar: (object: Record<string, string>) => Record<string, string>;
-                    cssVarName: (name: string) => string;
-                    cssVarBlock: (object: Record<string, string>) => Record<string, string>;
-                    cssVarBlockName: (name: string) => string;
-                };
-                popperContentRef: import("vue").Ref<HTMLElement | undefined>;
-                focusStartRef: import("vue").Ref<HTMLElement | "first" | "container">;
+                }>;
                 arrowRef: import("vue").Ref<HTMLElement | undefined>;
-                arrowOffset: import("vue").Ref<number | undefined>;
-                contentZIndex: import("vue").Ref<number>;
-                trapped: import("vue").Ref<boolean>;
-                triggerTargetAriaStopWatch: undefined;
-                computedReference: import("vue").ComputedRef<import("../..").Measurable | undefined>;
-                contentStyle: import("vue").ComputedRef<any>;
+                contentRef: import("vue").Ref<HTMLElement | undefined>;
+                styles: import("vue").ComputedRef<{
+                    [key: string]: Partial<CSSStyleDeclaration>;
+                }>;
+                instanceRef: import("vue").ComputedRef<import("@popperjs/core").Instance | undefined>;
+                role: import("vue").ComputedRef<string>;
+                update: () => Promise<Partial<import("@popperjs/core").State>> | undefined;
+                ariaModal: import("vue").ComputedRef<string | undefined>;
+                arrowStyle: import("vue").ComputedRef<import("vue").CSSProperties>;
+                contentAttrs: import("vue").ComputedRef<{
+                    [key: string]: string | boolean;
+                }>;
                 contentClass: import("vue").ComputedRef<((string | {
                     [x: string]: boolean;
                 } | (string | {
@@ -6332,15 +6316,13 @@ export declare const ElAutocomplete: import("element-plus/es/utils").SFCWithInst
                 } | (string | {
                     [x: string]: boolean;
                 } | any)[])[])[])[])[])[])[])[])[])[])[]) | undefined)[]>;
-                ariaModal: import("vue").ComputedRef<string | undefined>;
-                createPopperInstance: ({ referenceEl, popperContentEl, arrowEl, }: import("..").CreatePopperInstanceParams) => import("@popperjs/core").Instance;
+                contentStyle: import("vue").ComputedRef<import("vue").StyleValue[]>;
+                updateZIndex: () => void;
+                formItemContext: import("../..").FormItemContext | undefined;
+                arrowOffset: import("vue").Ref<number | undefined>;
+                triggerTargetAriaStopWatch: undefined;
                 updatePopper: (shouldUpdateZIndex?: boolean) => void;
                 togglePopperAlive: () => void;
-                onFocusAfterTrapped: () => void;
-                onFocusAfterReleased: (event: CustomEvent<any>) => void;
-                onFocusInTrap: (event: FocusEvent) => void;
-                onFocusoutPrevented: (event: CustomEvent<any>) => void;
-                onReleaseRequested: () => void;
                 ElFocusTrap: import("vue").DefineComponent<{
                     loop: BooleanConstructor;
                     trapped: BooleanConstructor;
@@ -6360,15 +6342,15 @@ export declare const ElAutocomplete: import("element-plus/es/utils").SFCWithInst
                         default: string;
                     };
                 }>> & {
-                    onFocusAfterTrapped?: ((...args: any[]) => any) | undefined;
                     onFocusAfterReleased?: ((...args: any[]) => any) | undefined;
+                    onFocusAfterTrapped?: ((...args: any[]) => any) | undefined;
                     onFocusin?: ((...args: any[]) => any) | undefined;
                     onFocusout?: ((...args: any[]) => any) | undefined;
                     "onFocusout-prevented"?: ((...args: any[]) => any) | undefined;
                     "onRelease-requested"?: ((...args: any[]) => any) | undefined;
                 }, {
-                    loop: boolean;
                     trapped: boolean;
+                    loop: boolean;
                     focusStartEl: HTMLElement | "first" | "container";
                 }>;
             }, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
@@ -8615,6 +8597,7 @@ export declare const ElAutocomplete: import("element-plus/es/utils").SFCWithInst
             };
             arrowOffset: import("vue").Ref<number | undefined>;
             arrowRef: import("vue").Ref<HTMLElement | undefined>;
+            arrowStyle: import("vue").ComputedRef<import("vue").CSSProperties>;
         }, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, Record<string, any>, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{
             readonly arrowOffset: import("element-plus/es/utils").EpPropFinalized<NumberConstructor, unknown, unknown, 5, boolean>;
         }>>, {
@@ -10071,39 +10054,31 @@ export declare const ElAutocomplete: import("element-plus/es/utils").SFCWithInst
                     onMouseleave?: ((evt: MouseEvent) => any) | undefined;
                     onMouseenter?: ((evt: MouseEvent) => any) | undefined;
                 }>>;
-                popperInstanceRef: import("vue").Ref<import("@popperjs/core").Instance | undefined>;
-                contentRef: import("vue").Ref<HTMLElement | undefined>;
-                triggerRef: import("vue").Ref<import("../..").Measurable | undefined>;
-                role: import("vue").ComputedRef<string>;
-                formItemContext: import("../..").FormItemContext | undefined;
-                nextZIndex: () => number;
-                ns: {
-                    namespace: import("vue").Ref<string>;
-                    b: (blockSuffix?: string) => string;
-                    e: (element?: string | undefined) => string;
-                    m: (modifier?: string | undefined) => string;
-                    be: (blockSuffix?: string | undefined, element?: string | undefined) => string;
-                    em: (element?: string | undefined, modifier?: string | undefined) => string;
-                    bm: (blockSuffix?: string | undefined, modifier?: string | undefined) => string;
-                    bem: (blockSuffix?: string | undefined, element?: string | undefined, modifier?: string | undefined) => string;
-                    is: {
-                        (name: string, state: boolean | undefined): string;
-                        (name: string): string;
+                focusStartRef: import("vue").Ref<HTMLElement | "first" | "container" | undefined>;
+                trapped: import("vue").Ref<boolean>;
+                onFocusAfterReleased: (event: CustomEvent<any>) => void;
+                onFocusAfterTrapped: () => void;
+                onFocusInTrap: (event: FocusEvent) => void;
+                onFocusoutPrevented: (event: CustomEvent<any>) => void;
+                onReleaseRequested: () => void;
+                attributes: import("vue").ComputedRef<{
+                    [key: string]: {
+                        [key: string]: string | boolean;
                     };
-                    cssVar: (object: Record<string, string>) => Record<string, string>;
-                    cssVarName: (name: string) => string;
-                    cssVarBlock: (object: Record<string, string>) => Record<string, string>;
-                    cssVarBlockName: (name: string) => string;
-                };
-                popperContentRef: import("vue").Ref<HTMLElement | undefined>;
-                focusStartRef: import("vue").Ref<HTMLElement | "first" | "container">;
+                }>;
                 arrowRef: import("vue").Ref<HTMLElement | undefined>;
-                arrowOffset: import("vue").Ref<number | undefined>;
-                contentZIndex: import("vue").Ref<number>;
-                trapped: import("vue").Ref<boolean>;
-                triggerTargetAriaStopWatch: undefined;
-                computedReference: import("vue").ComputedRef<import("../..").Measurable | undefined>;
-                contentStyle: import("vue").ComputedRef<any>;
+                contentRef: import("vue").Ref<HTMLElement | undefined>;
+                styles: import("vue").ComputedRef<{
+                    [key: string]: Partial<CSSStyleDeclaration>;
+                }>;
+                instanceRef: import("vue").ComputedRef<import("@popperjs/core").Instance | undefined>;
+                role: import("vue").ComputedRef<string>;
+                update: () => Promise<Partial<import("@popperjs/core").State>> | undefined;
+                ariaModal: import("vue").ComputedRef<string | undefined>;
+                arrowStyle: import("vue").ComputedRef<import("vue").CSSProperties>;
+                contentAttrs: import("vue").ComputedRef<{
+                    [key: string]: string | boolean;
+                }>;
                 contentClass: import("vue").ComputedRef<((string | {
                     [x: string]: boolean;
                 } | (string | {
@@ -10129,15 +10104,13 @@ export declare const ElAutocomplete: import("element-plus/es/utils").SFCWithInst
                 } | (string | {
                     [x: string]: boolean;
                 } | any)[])[])[])[])[])[])[])[])[])[])[]) | undefined)[]>;
-                ariaModal: import("vue").ComputedRef<string | undefined>;
-                createPopperInstance: ({ referenceEl, popperContentEl, arrowEl, }: import("..").CreatePopperInstanceParams) => import("@popperjs/core").Instance;
+                contentStyle: import("vue").ComputedRef<import("vue").StyleValue[]>;
+                updateZIndex: () => void;
+                formItemContext: import("../..").FormItemContext | undefined;
+                arrowOffset: import("vue").Ref<number | undefined>;
+                triggerTargetAriaStopWatch: undefined;
                 updatePopper: (shouldUpdateZIndex?: boolean) => void;
                 togglePopperAlive: () => void;
-                onFocusAfterTrapped: () => void;
-                onFocusAfterReleased: (event: CustomEvent<any>) => void;
-                onFocusInTrap: (event: FocusEvent) => void;
-                onFocusoutPrevented: (event: CustomEvent<any>) => void;
-                onReleaseRequested: () => void;
                 ElFocusTrap: import("vue").DefineComponent<{
                     loop: BooleanConstructor;
                     trapped: BooleanConstructor;
@@ -10157,15 +10130,15 @@ export declare const ElAutocomplete: import("element-plus/es/utils").SFCWithInst
                         default: string;
                     };
                 }>> & {
-                    onFocusAfterTrapped?: ((...args: any[]) => any) | undefined;
                     onFocusAfterReleased?: ((...args: any[]) => any) | undefined;
+                    onFocusAfterTrapped?: ((...args: any[]) => any) | undefined;
                     onFocusin?: ((...args: any[]) => any) | undefined;
                     onFocusout?: ((...args: any[]) => any) | undefined;
                     "onFocusout-prevented"?: ((...args: any[]) => any) | undefined;
                     "onRelease-requested"?: ((...args: any[]) => any) | undefined;
                 }, {
-                    loop: boolean;
                     trapped: boolean;
+                    loop: boolean;
                     focusStartEl: HTMLElement | "first" | "container";
                 }>;
             }, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {