@element-plus/nightly 0.0.20230130 → 0.0.20230201

package/es/components/radio/src/radio-group.mjs.map

@@ -1 +1 @@
-{"version":3,"file":"radio-group.mjs","sources":["../../../../../../packages/components/radio/src/radio-group.ts"],"sourcesContent":["import { buildProps } from '@element-plus/utils'\nimport { useSizeProp } from '@element-plus/hooks'\nimport { radioEmits } from './radio'\nimport type { ExtractPropTypes } from '@vue/runtime-core'\nimport type RadioGroup from './radio-group.vue'\n\nexport const radioGroupProps = buildProps({\n  /**\n   * @description native `id` attribute\n   */\n  id: {\n    type: String,\n    default: undefined,\n  },\n  /**\n   * @description the size of radio buttons or bordered radios\n   */\n  size: useSizeProp,\n  /**\n   * @description whether the nesting raidos are disabled\n   */\n  disabled: Boolean,\n  /**\n   * @description binding value\n   */\n  modelValue: {\n    type: [String, Number, Boolean],\n    default: '',\n  },\n  /**\n   * @description border and background color when button is active\n   */\n  fill: {\n    type: String,\n    default: '',\n  },\n  /**\n   * @description same as `aria-label` in RaidoGroup\n   */\n  label: {\n    type: String,\n    default: undefined,\n  },\n  /**\n   * @description font color when button is active\n   */\n  textColor: {\n    type: String,\n    default: '',\n  },\n  /**\n   * @description native `name` attribute\n   */\n  name: {\n    type: String,\n    default: undefined,\n  },\n  /**\n   * @description whether to trigger form validation\n   */\n  validateEvent: {\n    type: Boolean,\n    default: true,\n  },\n} as const)\nexport type RadioGroupProps = ExtractPropTypes<typeof radioGroupProps>\n\nexport const radioGroupEmits = radioEmits\nexport type RadioGroupEmits = typeof radioGroupEmits\nexport type RadioGroupInstance = InstanceType<typeof RadioGroup>\n"],"names":[],"mappings":";;;;;;AAGY,MAAC,eAAe,GAAG,UAAU,CAAC;AAC1C,EAAE,EAAE,EAAE;AACN,IAAI,IAAI,EAAE,MAAM;AAChB,IAAI,OAAO,EAAE,KAAK,CAAC;AACnB,GAAG;AACH,EAAE,IAAI,EAAE,WAAW;AACnB,EAAE,QAAQ,EAAE,OAAO;AACnB,EAAE,UAAU,EAAE;AACd,IAAI,IAAI,EAAE,CAAC,MAAM,EAAE,MAAM,EAAE,OAAO,CAAC;AACnC,IAAI,OAAO,EAAE,EAAE;AACf,GAAG;AACH,EAAE,IAAI,EAAE;AACR,IAAI,IAAI,EAAE,MAAM;AAChB,IAAI,OAAO,EAAE,EAAE;AACf,GAAG;AACH,EAAE,KAAK,EAAE;AACT,IAAI,IAAI,EAAE,MAAM;AAChB,IAAI,OAAO,EAAE,KAAK,CAAC;AACnB,GAAG;AACH,EAAE,SAAS,EAAE;AACb,IAAI,IAAI,EAAE,MAAM;AAChB,IAAI,OAAO,EAAE,EAAE;AACf,GAAG;AACH,EAAE,IAAI,EAAE;AACR,IAAI,IAAI,EAAE,MAAM;AAChB,IAAI,OAAO,EAAE,KAAK,CAAC;AACnB,GAAG;AACH,EAAE,aAAa,EAAE;AACjB,IAAI,IAAI,EAAE,OAAO;AACjB,IAAI,OAAO,EAAE,IAAI;AACjB,GAAG;AACH,CAAC,EAAE;AACS,MAAC,eAAe,GAAG;;;;"}
+{"version":3,"file":"radio-group.mjs","sources":["../../../../../../packages/components/radio/src/radio-group.ts"],"sourcesContent":["import { buildProps } from '@element-plus/utils'\nimport { useSizeProp } from '@element-plus/hooks'\nimport { radioEmits } from './radio'\nimport type { ExtractPropTypes } from '@vue/runtime-core'\nimport type RadioGroup from './radio-group.vue'\n\nexport const radioGroupProps = buildProps({\n  /**\n   * @description native `id` attribute\n   */\n  id: {\n    type: String,\n    default: undefined,\n  },\n  /**\n   * @description the size of radio buttons or bordered radios\n   */\n  size: useSizeProp,\n  /**\n   * @description whether the nesting radios are disabled\n   */\n  disabled: Boolean,\n  /**\n   * @description binding value\n   */\n  modelValue: {\n    type: [String, Number, Boolean],\n    default: '',\n  },\n  /**\n   * @description border and background color when button is active\n   */\n  fill: {\n    type: String,\n    default: '',\n  },\n  /**\n   * @description same as `aria-label` in RadioGroup\n   */\n  label: {\n    type: String,\n    default: undefined,\n  },\n  /**\n   * @description font color when button is active\n   */\n  textColor: {\n    type: String,\n    default: '',\n  },\n  /**\n   * @description native `name` attribute\n   */\n  name: {\n    type: String,\n    default: undefined,\n  },\n  /**\n   * @description whether to trigger form validation\n   */\n  validateEvent: {\n    type: Boolean,\n    default: true,\n  },\n} as const)\nexport type RadioGroupProps = ExtractPropTypes<typeof radioGroupProps>\n\nexport const radioGroupEmits = radioEmits\nexport type RadioGroupEmits = typeof radioGroupEmits\nexport type RadioGroupInstance = InstanceType<typeof RadioGroup>\n"],"names":[],"mappings":";;;;;;AAGY,MAAC,eAAe,GAAG,UAAU,CAAC;AAC1C,EAAE,EAAE,EAAE;AACN,IAAI,IAAI,EAAE,MAAM;AAChB,IAAI,OAAO,EAAE,KAAK,CAAC;AACnB,GAAG;AACH,EAAE,IAAI,EAAE,WAAW;AACnB,EAAE,QAAQ,EAAE,OAAO;AACnB,EAAE,UAAU,EAAE;AACd,IAAI,IAAI,EAAE,CAAC,MAAM,EAAE,MAAM,EAAE,OAAO,CAAC;AACnC,IAAI,OAAO,EAAE,EAAE;AACf,GAAG;AACH,EAAE,IAAI,EAAE;AACR,IAAI,IAAI,EAAE,MAAM;AAChB,IAAI,OAAO,EAAE,EAAE;AACf,GAAG;AACH,EAAE,KAAK,EAAE;AACT,IAAI,IAAI,EAAE,MAAM;AAChB,IAAI,OAAO,EAAE,KAAK,CAAC;AACnB,GAAG;AACH,EAAE,SAAS,EAAE;AACb,IAAI,IAAI,EAAE,MAAM;AAChB,IAAI,OAAO,EAAE,EAAE;AACf,GAAG;AACH,EAAE,IAAI,EAAE;AACR,IAAI,IAAI,EAAE,MAAM;AAChB,IAAI,OAAO,EAAE,KAAK,CAAC;AACnB,GAAG;AACH,EAAE,aAAa,EAAE;AACjB,IAAI,IAAI,EAAE,OAAO;AACjB,IAAI,OAAO,EAAE,IAAI;AACjB,GAAG;AACH,CAAC,EAAE;AACS,MAAC,eAAe,GAAG;;;;"}

package/es/components/radio/src/radio.mjs.map

@@ -1 +1 @@
-{"version":3,"file":"radio.mjs","sources":["../../../../../../packages/components/radio/src/radio.ts"],"sourcesContent":["import { buildProps, isBoolean, isNumber, isString } from '@element-plus/utils'\nimport { CHANGE_EVENT, UPDATE_MODEL_EVENT } from '@element-plus/constants'\nimport { useSizeProp } from '@element-plus/hooks'\nimport type { ExtractPropTypes } from 'vue'\nimport type Radio from './radio.vue'\n\nexport const radioPropsBase = buildProps({\n  /**\n   * @description size of the Raido\n   */\n  size: useSizeProp,\n  /**\n   * @description whether Raido is disabled\n   */\n  disabled: Boolean,\n  /**\n   * @description the value of Raido\n   */\n  label: {\n    type: [String, Number, Boolean],\n    default: '',\n  },\n})\n\nexport const radioProps = buildProps({\n  ...radioPropsBase,\n  /**\n   * @description binding value\n   */\n  modelValue: {\n    type: [String, Number, Boolean],\n    default: '',\n  },\n  /**\n   * @description native `name` attribute\n   */\n  name: {\n    type: String,\n    default: '',\n  },\n  /**\n   * @description whether to add a border around Raido\n   */\n  border: Boolean,\n} as const)\n\nexport const radioEmits = {\n  [UPDATE_MODEL_EVENT]: (val: string | number | boolean) =>\n    isString(val) || isNumber(val) || isBoolean(val),\n  [CHANGE_EVENT]: (val: string | number | boolean) =>\n    isString(val) || isNumber(val) || isBoolean(val),\n}\n\nexport type RadioProps = ExtractPropTypes<typeof radioProps>\nexport type RadioEmits = typeof radioEmits\nexport type RadioInstance = InstanceType<typeof Radio>\n"],"names":[],"mappings":";;;;;;;;;AAGY,MAAC,cAAc,GAAG,UAAU,CAAC;AACzC,EAAE,IAAI,EAAE,WAAW;AACnB,EAAE,QAAQ,EAAE,OAAO;AACnB,EAAE,KAAK,EAAE;AACT,IAAI,IAAI,EAAE,CAAC,MAAM,EAAE,MAAM,EAAE,OAAO,CAAC;AACnC,IAAI,OAAO,EAAE,EAAE;AACf,GAAG;AACH,CAAC,EAAE;AACS,MAAC,UAAU,GAAG,UAAU,CAAC;AACrC,EAAE,GAAG,cAAc;AACnB,EAAE,UAAU,EAAE;AACd,IAAI,IAAI,EAAE,CAAC,MAAM,EAAE,MAAM,EAAE,OAAO,CAAC;AACnC,IAAI,OAAO,EAAE,EAAE;AACf,GAAG;AACH,EAAE,IAAI,EAAE;AACR,IAAI,IAAI,EAAE,MAAM;AAChB,IAAI,OAAO,EAAE,EAAE;AACf,GAAG;AACH,EAAE,MAAM,EAAE,OAAO;AACjB,CAAC,EAAE;AACS,MAAC,UAAU,GAAG;AAC1B,EAAE,CAAC,kBAAkB,GAAG,CAAC,GAAG,KAAK,QAAQ,CAAC,GAAG,CAAC,IAAI,QAAQ,CAAC,GAAG,CAAC,IAAI,SAAS,CAAC,GAAG,CAAC;AACjF,EAAE,CAAC,YAAY,GAAG,CAAC,GAAG,KAAK,QAAQ,CAAC,GAAG,CAAC,IAAI,QAAQ,CAAC,GAAG,CAAC,IAAI,SAAS,CAAC,GAAG,CAAC;AAC3E;;;;"}
+{"version":3,"file":"radio.mjs","sources":["../../../../../../packages/components/radio/src/radio.ts"],"sourcesContent":["import { buildProps, isBoolean, isNumber, isString } from '@element-plus/utils'\nimport { CHANGE_EVENT, UPDATE_MODEL_EVENT } from '@element-plus/constants'\nimport { useSizeProp } from '@element-plus/hooks'\nimport type { ExtractPropTypes } from 'vue'\nimport type Radio from './radio.vue'\n\nexport const radioPropsBase = buildProps({\n  /**\n   * @description size of the Radio\n   */\n  size: useSizeProp,\n  /**\n   * @description whether Radio is disabled\n   */\n  disabled: Boolean,\n  /**\n   * @description the value of Radio\n   */\n  label: {\n    type: [String, Number, Boolean],\n    default: '',\n  },\n})\n\nexport const radioProps = buildProps({\n  ...radioPropsBase,\n  /**\n   * @description binding value\n   */\n  modelValue: {\n    type: [String, Number, Boolean],\n    default: '',\n  },\n  /**\n   * @description native `name` attribute\n   */\n  name: {\n    type: String,\n    default: '',\n  },\n  /**\n   * @description whether to add a border around Radio\n   */\n  border: Boolean,\n} as const)\n\nexport const radioEmits = {\n  [UPDATE_MODEL_EVENT]: (val: string | number | boolean) =>\n    isString(val) || isNumber(val) || isBoolean(val),\n  [CHANGE_EVENT]: (val: string | number | boolean) =>\n    isString(val) || isNumber(val) || isBoolean(val),\n}\n\nexport type RadioProps = ExtractPropTypes<typeof radioProps>\nexport type RadioEmits = typeof radioEmits\nexport type RadioInstance = InstanceType<typeof Radio>\n"],"names":[],"mappings":";;;;;;;;;AAGY,MAAC,cAAc,GAAG,UAAU,CAAC;AACzC,EAAE,IAAI,EAAE,WAAW;AACnB,EAAE,QAAQ,EAAE,OAAO;AACnB,EAAE,KAAK,EAAE;AACT,IAAI,IAAI,EAAE,CAAC,MAAM,EAAE,MAAM,EAAE,OAAO,CAAC;AACnC,IAAI,OAAO,EAAE,EAAE;AACf,GAAG;AACH,CAAC,EAAE;AACS,MAAC,UAAU,GAAG,UAAU,CAAC;AACrC,EAAE,GAAG,cAAc;AACnB,EAAE,UAAU,EAAE;AACd,IAAI,IAAI,EAAE,CAAC,MAAM,EAAE,MAAM,EAAE,OAAO,CAAC;AACnC,IAAI,OAAO,EAAE,EAAE;AACf,GAAG;AACH,EAAE,IAAI,EAAE;AACR,IAAI,IAAI,EAAE,MAAM;AAChB,IAAI,OAAO,EAAE,EAAE;AACf,GAAG;AACH,EAAE,MAAM,EAAE,OAAO;AACjB,CAAC,EAAE;AACS,MAAC,UAAU,GAAG;AAC1B,EAAE,CAAC,kBAAkB,GAAG,CAAC,GAAG,KAAK,QAAQ,CAAC,GAAG,CAAC,IAAI,QAAQ,CAAC,GAAG,CAAC,IAAI,SAAS,CAAC,GAAG,CAAC;AACjF,EAAE,CAAC,YAAY,GAAG,CAAC,GAAG,KAAK,QAAQ,CAAC,GAAG,CAAC,IAAI,QAAQ,CAAC,GAAG,CAAC,IAAI,SAAS,CAAC,GAAG,CAAC;AAC3E;;;;"}

package/es/components/select/index.d.ts

@@ -1238,6 +1238,7 @@ export declare const ElSelect: import("element-plus/es/utils").SFCWithInstall<im
                 };
                 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>;
             }>>, {
@@ -2694,39 +2695,31 @@ export declare const ElSelect: import("element-plus/es/utils").SFCWithInstall<im
                         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 | {
@@ -2752,15 +2745,13 @@ export declare const ElSelect: import("element-plus/es/utils").SFCWithInstall<im
                     } | (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;
@@ -2780,15 +2771,15 @@ export declare const ElSelect: import("element-plus/es/utils").SFCWithInstall<im
                             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, {
@@ -4117,6 +4108,7 @@ export declare const ElSelect: import("element-plus/es/utils").SFCWithInstall<im
             };
             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>;
         }>>, {
@@ -5573,39 +5565,31 @@ export declare const ElSelect: import("element-plus/es/utils").SFCWithInstall<im
                     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 | {
@@ -5631,15 +5615,13 @@ export declare const ElSelect: import("element-plus/es/utils").SFCWithInstall<im
                 } | (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;
@@ -5659,15 +5641,15 @@ export declare const ElSelect: import("element-plus/es/utils").SFCWithInstall<im
                         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, {

package/es/components/select/src/select.vue.d.ts

@@ -1240,6 +1240,7 @@ declare const _default: import("vue").DefineComponent<{
                 };
                 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>;
             }>>, {
@@ -2696,39 +2697,31 @@ declare const _default: import("vue").DefineComponent<{
                         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 | {
@@ -2754,15 +2747,13 @@ declare const _default: import("vue").DefineComponent<{
                     } | (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;
@@ -2782,15 +2773,15 @@ declare const _default: import("vue").DefineComponent<{
                             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, {
@@ -4119,6 +4110,7 @@ declare const _default: import("vue").DefineComponent<{
             };
             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>;
         }>>, {
@@ -5575,39 +5567,31 @@ declare const _default: import("vue").DefineComponent<{
                     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 | {
@@ -5633,15 +5617,13 @@ declare const _default: import("vue").DefineComponent<{
                 } | (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;
@@ -5661,15 +5643,15 @@ declare const _default: import("vue").DefineComponent<{
                         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, {