element-plus 2.2.28 → 2.2.30

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

@@ -1398,6 +1398,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>;
             }>>, {
@@ -2854,39 +2855,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 | {
@@ -2912,15 +2905,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;
@@ -2940,15 +2931,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, {
@@ -4277,6 +4268,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>;
         }>>, {
@@ -5733,39 +5725,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 | {
@@ -5791,15 +5775,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;
@@ -5819,15 +5801,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, {
@@ -7138,6 +7120,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>;
         }>>, {
@@ -8594,39 +8577,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 | {
@@ -8652,15 +8627,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;
@@ -8680,15 +8653,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, {

package/es/components/popper/src/arrow.vue.d.ts

@@ -26,6 +26,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("../../../utils").EpPropFinalized<NumberConstructor, unknown, unknown, 5, boolean>;
 }>>, {

package/es/components/popper/src/arrow2.mjs

@@ -1,4 +1,4 @@
-import { defineComponent, inject, watch, onBeforeUnmount, openBlock, createElementBlock, normalizeClass, unref } from 'vue';
+import { defineComponent, inject, watch, onBeforeUnmount, openBlock, createElementBlock, normalizeClass, unref, normalizeStyle } from 'vue';
 import '../../../hooks/index.mjs';
 import '../../../tokens/index.mjs';
 import { popperArrowProps } from './arrow.mjs';
@@ -16,7 +16,7 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
   setup(__props, { expose }) {
     const props = __props;
     const ns = useNamespace("popper");
-    const { arrowOffset, arrowRef } = inject(POPPER_CONTENT_INJECTION_KEY, void 0);
+    const { arrowOffset, arrowRef, arrowStyle } = inject(POPPER_CONTENT_INJECTION_KEY, void 0);
     watch(() => props.arrowOffset, (val) => {
       arrowOffset.value = val;
     });
@@ -31,8 +31,9 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
         ref_key: "arrowRef",
         ref: arrowRef,
         class: normalizeClass(unref(ns).e("arrow")),
+        style: normalizeStyle(unref(arrowStyle)),
         "data-popper-arrow": ""
-      }, null, 2);
+      }, null, 6);
     };
   }
 });

package/es/components/popper/src/arrow2.mjs.map

@@ -1 +1 @@
-{"version":3,"file":"arrow2.mjs","sources":["../../../../../../packages/components/popper/src/arrow.vue"],"sourcesContent":["<template>\n  <span ref=\"arrowRef\" :class=\"ns.e('arrow')\" data-popper-arrow=\"\" />\n</template>\n\n<script lang=\"ts\" setup>\nimport { inject, onBeforeUnmount, watch } from 'vue'\nimport { useNamespace } from '@element-plus/hooks'\nimport { POPPER_CONTENT_INJECTION_KEY } from '@element-plus/tokens'\nimport { popperArrowProps } from './arrow'\n\ndefineOptions({\n  name: 'ElPopperArrow',\n  inheritAttrs: false,\n})\n\nconst props = defineProps(popperArrowProps)\n\nconst ns = useNamespace('popper')\nconst { arrowOffset, arrowRef } = inject(\n  POPPER_CONTENT_INJECTION_KEY,\n  undefined\n)!\n\nwatch(\n  () => props.arrowOffset,\n  (val) => {\n    arrowOffset.value = val\n  }\n)\nonBeforeUnmount(() => {\n  arrowRef.value = undefined\n})\n\ndefineExpose({\n  /**\n   * @description Arrow element\n   */\n  arrowRef,\n})\n</script>\n"],"names":[],"mappings":";;;;;;;;mCAUc,CAAA;AAAA,EACZ,IAAM,EAAA,eAAA;AAAA,EACN,YAAc,EAAA,KAAA;AAChB,CAAA,CAAA,CAAA;;;;;;AAIA,IAAM,MAAA,EAAA,GAAK,aAAa,QAAQ,CAAA,CAAA;AAChC,IAAA,MAAM,EAAE,WAAA,EAAa,QAAa,EAAA,GAAA,MAAA,CAChC,8BACA,KACF,CAAA,CAAA,CAAA;AAEA,IAAA,KAAA,CACE,MAAM,KAAA,CAAM,WACZ,EAAA,CAAC,GAAQ,KAAA;AACP,MAAA,WAAA,CAAY,KAAQ,GAAA,GAAA,CAAA;AAAA,KAExB,CAAA,CAAA;AACA,IAAA,eAAA,CAAgB,MAAM;AACpB,MAAA,QAAA,CAAS,KAAQ,GAAA,KAAA,CAAA,CAAA;AAAA,KAClB,CAAA,CAAA;AAED,IAAa,MAAA,CAAA;AAAA,MAIX,QAAA;AAAA,KACD,CAAA,CAAA;;;;;;;;;;;;;;;"}
+{"version":3,"file":"arrow2.mjs","sources":["../../../../../../packages/components/popper/src/arrow.vue"],"sourcesContent":["<template>\n  <span\n    ref=\"arrowRef\"\n    :class=\"ns.e('arrow')\"\n    :style=\"arrowStyle\"\n    data-popper-arrow\n  />\n</template>\n\n<script lang=\"ts\" setup>\nimport { inject, onBeforeUnmount, watch } from 'vue'\nimport { useNamespace } from '@element-plus/hooks'\nimport { POPPER_CONTENT_INJECTION_KEY } from '@element-plus/tokens'\nimport { popperArrowProps } from './arrow'\n\ndefineOptions({\n  name: 'ElPopperArrow',\n  inheritAttrs: false,\n})\n\nconst props = defineProps(popperArrowProps)\n\nconst ns = useNamespace('popper')\nconst { arrowOffset, arrowRef, arrowStyle } = inject(\n  POPPER_CONTENT_INJECTION_KEY,\n  undefined\n)!\n\nwatch(\n  () => props.arrowOffset,\n  (val) => {\n    arrowOffset.value = val\n  }\n)\nonBeforeUnmount(() => {\n  arrowRef.value = undefined\n})\n\ndefineExpose({\n  /**\n   * @description Arrow element\n   */\n  arrowRef,\n})\n</script>\n"],"names":[],"mappings":";;;;;;;;mCAec,CAAA;AAAA,EACZ,IAAM,EAAA,eAAA;AAAA,EACN,YAAc,EAAA,KAAA;AAChB,CAAA,CAAA,CAAA;;;;;;AAIA,IAAM,MAAA,EAAA,GAAK,aAAa,QAAQ,CAAA,CAAA;AAChC,IAAA,MAAM,EAAE,WAAa,EAAA,QAAA,EAAU,UAAe,EAAA,GAAA,MAAA,CAC5C,8BACA,KACF,CAAA,CAAA,CAAA;AAEA,IAAA,KAAA,CACE,MAAM,KAAA,CAAM,WACZ,EAAA,CAAC,GAAQ,KAAA;AACP,MAAA,WAAA,CAAY,KAAQ,GAAA,GAAA,CAAA;AAAA,KAExB,CAAA,CAAA;AACA,IAAA,eAAA,CAAgB,MAAM;AACpB,MAAA,QAAA,CAAS,KAAQ,GAAA,KAAA,CAAA,CAAA;AAAA,KAClB,CAAA,CAAA;AAED,IAAa,MAAA,CAAA;AAAA,MAIX,QAAA;AAAA,KACD,CAAA,CAAA;;;;;;;;;;;;;;;;"}

package/es/components/popper/src/composables/index.d.ts

@@ -0,0 +1,3 @@
+export * from './use-content';
+export * from './use-content-dom';
+export * from './use-focus-trap';

package/es/components/popper/src/composables/index.mjs

@@ -0,0 +1,4 @@
+export { usePopperContent } from './use-content.mjs';
+export { usePopperContentDOM } from './use-content-dom.mjs';
+export { usePopperContentFocusTrap } from './use-focus-trap.mjs';
+//# sourceMappingURL=index.mjs.map

package/es/components/popper/src/composables/index.mjs.map

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

package/es/components/popper/src/composables/use-content-dom.d.ts

@@ -0,0 +1,40 @@
+import type { CSSProperties, StyleValue } from 'vue';
+import type { UsePopperReturn } from 'element-plus/es/hooks';
+import type { UsePopperContentReturn } from './use-content';
+import type { PopperContentProps } from '../content';
+export declare const usePopperContentDOM: (props: PopperContentProps, { attributes, styles, role, }: Pick<UsePopperReturn, 'attributes' | 'styles'> & Pick<UsePopperContentReturn, 'role'>) => {
+    ariaModal: import("vue").ComputedRef<string | undefined>;
+    arrowStyle: import("vue").ComputedRef<CSSProperties>;
+    contentAttrs: import("vue").ComputedRef<{
+        [key: string]: string | boolean;
+    }>;
+    contentClass: import("vue").ComputedRef<((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;
+    } | any)[])[])[])[])[])[])[])[])[])[])[]) | undefined)[]>;
+    contentStyle: import("vue").ComputedRef<StyleValue[]>;
+    contentZIndex: import("vue").Ref<number>;
+    updateZIndex: () => void;
+};
+export declare type UsePopperContentDOMReturn = ReturnType<typeof usePopperContentDOM>;

package/es/components/popper/src/composables/use-content-dom.mjs

@@ -0,0 +1,45 @@
+import { computed, unref, ref } from 'vue';
+import '../../../../hooks/index.mjs';
+import { useZIndex } from '../../../../hooks/use-z-index/index.mjs';
+import { useNamespace } from '../../../../hooks/use-namespace/index.mjs';
+
+const usePopperContentDOM = (props, {
+  attributes,
+  styles,
+  role
+}) => {
+  const { nextZIndex } = useZIndex();
+  const ns = useNamespace("popper");
+  const contentAttrs = computed(() => unref(attributes).popper);
+  const contentZIndex = ref(props.zIndex || nextZIndex());
+  const contentClass = computed(() => [
+    ns.b(),
+    ns.is("pure", props.pure),
+    ns.is(props.effect),
+    props.popperClass
+  ]);
+  const contentStyle = computed(() => {
+    return [
+      { zIndex: unref(contentZIndex) },
+      props.popperStyle || {},
+      unref(styles).popper
+    ];
+  });
+  const ariaModal = computed(() => role.value === "dialog" ? "false" : void 0);
+  const arrowStyle = computed(() => unref(styles).arrow || {});
+  const updateZIndex = () => {
+    contentZIndex.value = props.zIndex || nextZIndex();
+  };
+  return {
+    ariaModal,
+    arrowStyle,
+    contentAttrs,
+    contentClass,
+    contentStyle,
+    contentZIndex,
+    updateZIndex
+  };
+};
+
+export { usePopperContentDOM };
+//# sourceMappingURL=use-content-dom.mjs.map

package/es/components/popper/src/composables/use-content-dom.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"use-content-dom.mjs","sources":["../../../../../../../packages/components/popper/src/composables/use-content-dom.ts"],"sourcesContent":["import { computed, ref, unref } from 'vue'\nimport { useNamespace, useZIndex } from '@element-plus/hooks'\n\nimport type { CSSProperties, StyleValue } from 'vue'\nimport type { UsePopperReturn } from '@element-plus/hooks'\nimport type { UsePopperContentReturn } from './use-content'\nimport type { PopperContentProps } from '../content'\n\nexport const usePopperContentDOM = (\n  props: PopperContentProps,\n  {\n    attributes,\n    styles,\n    role,\n  }: Pick<UsePopperReturn, 'attributes' | 'styles'> &\n    Pick<UsePopperContentReturn, 'role'>\n) => {\n  const { nextZIndex } = useZIndex()\n  const ns = useNamespace('popper')\n\n  const contentAttrs = computed(() => unref(attributes).popper)\n  const contentZIndex = ref<number>(props.zIndex || nextZIndex())\n  const contentClass = computed(() => [\n    ns.b(),\n    ns.is('pure', props.pure),\n    ns.is(props.effect),\n    props.popperClass,\n  ])\n  const contentStyle = computed<StyleValue[]>(() => {\n    return [\n      { zIndex: unref(contentZIndex) } as CSSProperties,\n      props.popperStyle || {},\n      unref(styles).popper as CSSProperties,\n    ]\n  })\n  const ariaModal = computed<string | undefined>(() =>\n    role.value === 'dialog' ? 'false' : undefined\n  )\n  const arrowStyle = computed(\n    () => (unref(styles).arrow || {}) as CSSProperties\n  )\n\n  const updateZIndex = () => {\n    contentZIndex.value = props.zIndex || nextZIndex()\n  }\n\n  return {\n    ariaModal,\n    arrowStyle,\n    contentAttrs,\n    contentClass,\n    contentStyle,\n    contentZIndex,\n\n    updateZIndex,\n  }\n}\n\nexport type UsePopperContentDOMReturn = ReturnType<typeof usePopperContentDOM>\n"],"names":[],"mappings":";;;;;AAEY,MAAC,mBAAmB,GAAG,CAAC,KAAK,EAAE;AAC3C,EAAE,UAAU;AACZ,EAAE,MAAM;AACR,EAAE,IAAI;AACN,CAAC,KAAK;AACN,EAAE,MAAM,EAAE,UAAU,EAAE,GAAG,SAAS,EAAE,CAAC;AACrC,EAAE,MAAM,EAAE,GAAG,YAAY,CAAC,QAAQ,CAAC,CAAC;AACpC,EAAE,MAAM,YAAY,GAAG,QAAQ,CAAC,MAAM,KAAK,CAAC,UAAU,CAAC,CAAC,MAAM,CAAC,CAAC;AAChE,EAAE,MAAM,aAAa,GAAG,GAAG,CAAC,KAAK,CAAC,MAAM,IAAI,UAAU,EAAE,CAAC,CAAC;AAC1D,EAAE,MAAM,YAAY,GAAG,QAAQ,CAAC,MAAM;AACtC,IAAI,EAAE,CAAC,CAAC,EAAE;AACV,IAAI,EAAE,CAAC,EAAE,CAAC,MAAM,EAAE,KAAK,CAAC,IAAI,CAAC;AAC7B,IAAI,EAAE,CAAC,EAAE,CAAC,KAAK,CAAC,MAAM,CAAC;AACvB,IAAI,KAAK,CAAC,WAAW;AACrB,GAAG,CAAC,CAAC;AACL,EAAE,MAAM,YAAY,GAAG,QAAQ,CAAC,MAAM;AACtC,IAAI,OAAO;AACX,MAAM,EAAE,MAAM,EAAE,KAAK,CAAC,aAAa,CAAC,EAAE;AACtC,MAAM,KAAK,CAAC,WAAW,IAAI,EAAE;AAC7B,MAAM,KAAK,CAAC,MAAM,CAAC,CAAC,MAAM;AAC1B,KAAK,CAAC;AACN,GAAG,CAAC,CAAC;AACL,EAAE,MAAM,SAAS,GAAG,QAAQ,CAAC,MAAM,IAAI,CAAC,KAAK,KAAK,QAAQ,GAAG,OAAO,GAAG,KAAK,CAAC,CAAC,CAAC;AAC/E,EAAE,MAAM,UAAU,GAAG,QAAQ,CAAC,MAAM,KAAK,CAAC,MAAM,CAAC,CAAC,KAAK,IAAI,EAAE,CAAC,CAAC;AAC/D,EAAE,MAAM,YAAY,GAAG,MAAM;AAC7B,IAAI,aAAa,CAAC,KAAK,GAAG,KAAK,CAAC,MAAM,IAAI,UAAU,EAAE,CAAC;AACvD,GAAG,CAAC;AACJ,EAAE,OAAO;AACT,IAAI,SAAS;AACb,IAAI,UAAU;AACd,IAAI,YAAY;AAChB,IAAI,YAAY;AAChB,IAAI,YAAY;AAChB,IAAI,aAAa;AACjB,IAAI,YAAY;AAChB,GAAG,CAAC;AACJ;;;;"}

package/es/components/popper/src/composables/use-content.d.ts

@@ -0,0 +1,77 @@
+import type { Modifier } from '@popperjs/core';
+import type { PopperContentProps } from '../content';
+export declare const usePopperContent: (props: PopperContentProps) => {
+    attributes: import("vue").ComputedRef<{
+        [key: string]: {
+            [key: string]: string | boolean;
+        };
+    }>;
+    arrowRef: import("vue").Ref<HTMLElement | undefined>;
+    contentRef: import("vue").Ref<HTMLElement | undefined>;
+    instanceRef: import("vue").ComputedRef<import("@popperjs/core").Instance | undefined>;
+    state: import("vue").ComputedRef<{
+        elements?: {
+            reference: Element | import("@popperjs/core").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>;
+    }>;
+    role: import("vue").ComputedRef<string>;
+    forceUpdate: () => void | undefined;
+    update: () => Promise<Partial<import("@popperjs/core").State>> | undefined;
+};
+export declare type UsePopperContentReturn = ReturnType<typeof usePopperContent>;