@element-plus/nightly 0.0.20260729 → 0.0.20260731

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

@@ -1,76 +1,20 @@
 import { EpPropFinalized, EpPropMergeType } from "../../../utils/vue/props/types.js";
 import { Arrayable, ClassValue } from "../../../utils/typescript.js";
+import { Measurable } from "../../popper/src/constants.js";
 import { PopperEffect } from "../../popper/src/popper.js";
-import { Placement as Placement$1 } from "../../popper/index.js";
-import { ElTooltipContentProps } from "../../tooltip/src/content.js";
-import { TooltipTriggerType, UseTooltipTriggerProps } from "../../tooltip/src/trigger.js";
+import { Options, Placement } from "../../popper/index.js";
+import { TooltipTriggerType } from "../../tooltip/src/trigger.js";
+import { UseTooltipProps } from "../../tooltip/src/tooltip.js";
 import _default from "./popover.vue.js";
 import * as _$vue from "vue";
-import { ExtractPublicPropTypes, PropType } from "vue";
-import { Options } from "@popperjs/core";
+import { ExtractPublicPropTypes } from "vue";
 
 //#region ../../packages/components/popover/src/popover.d.ts
-interface PopoverProps {
-  /**
-   * @description how the popover is triggered, not valid in controlled mode
-   */
-  trigger?: UseTooltipTriggerProps['trigger'];
-  /**
-   * @description When you click the mouse to focus on the trigger element, you can define a set of keyboard codes to control the display of popover through the keyboard, not valid in controlled mode
-   */
-  triggerKeys?: UseTooltipTriggerProps['triggerKeys'];
-  /**
-   * @description popover placement
-   */
-  placement?: Placement$1;
-  /**
-   * @description whether Popover is disabled
-   */
-  disabled?: UseTooltipTriggerProps['disabled'];
-  /**
-   * @description whether popover is visible
-   */
-  visible?: ElTooltipContentProps['visible'];
-  /**
-   * @description popover transition animation
-   */
-  transition?: ElTooltipContentProps['transition'];
-  /**
-   * @description parameters for [popper.js](https://popper.js.org/docs/v2/)
-   */
-  popperOptions?: Partial<Options>;
+interface PopoverProps extends Omit<UseTooltipProps, 'ariaLabel' | 'gpuAcceleration' | 'rawContent'> {
   /**
    * @description [tabindex](https://developer.mozilla.org/en-US/docs/Web/HTML/Global_attributes/tabindex) of Popover
    */
   tabindex?: string | number;
-  /**
-   * @description popover content, can be replaced with a default `slot`
-   */
-  content?: ElTooltipContentProps['content'];
-  /**
-   * @description custom style for popover
-   */
-  popperStyle?: ElTooltipContentProps['popperStyle'];
-  /**
-   * @description custom class name for popover
-   */
-  popperClass?: ElTooltipContentProps['popperClass'];
-  /**
-   * @description whether the mouse can enter the popover
-   */
-  enterable?: ElTooltipContentProps['enterable'];
-  /**
-   * @description Tooltip theme, built-in theme: `dark` / `light`
-   */
-  effect?: ElTooltipContentProps['effect'];
-  /**
-   * @description whether popover dropdown is teleported to the body
-   */
-  teleported?: ElTooltipContentProps['teleported'];
-  /**
-   * @description which select dropdown appends to
-   */
-  appendTo?: ElTooltipContentProps['appendTo'];
   /**
    * @description popover title
    */
@@ -79,81 +23,135 @@ interface PopoverProps {
    * @description popover width
    */
   width?: string | number;
-  /**
-   * @description popover offset
-   */
-  offset?: number;
-  /**
-   * @description delay of appearance, in millisecond, not valid in controlled mode
-   */
-  showAfter?: number;
-  /**
-   * @description delay of disappear, in millisecond, not valid in controlled mode
-   */
-  hideAfter?: number;
-  /**
-   * @description timeout in milliseconds to hide tooltip, not valid in controlled mode
-   */
-  autoClose?: number;
-  /**
-   * @description whether a tooltip arrow is displayed or not. For more info, please refer to [ElPopper](https://github.com/element-plus/element-plus/tree/dev/packages/components/popper)
-   */
-  showArrow?: boolean;
-  /**
-   * @description when popover inactive and `persistent` is `false` , popover will be destroyed
-   */
-  persistent?: boolean;
-  /**
-   * @description update:visible event handler
-   */
-  'onUpdate:visible'?: (visible: boolean) => void;
 }
 /**
  * @deprecated Removed after 3.0.0, Use `PopoverProps` instead.
  */
 declare const popoverProps: {
-  readonly trigger: EpPropFinalized<(new (...args: any[]) => "click" | "focus" | "hover" | "contextmenu" | TooltipTriggerType[]) | (() => Arrayable<TooltipTriggerType>) | (((new (...args: any[]) => "click" | "focus" | "hover" | "contextmenu" | TooltipTriggerType[]) | (() => Arrayable<TooltipTriggerType>)) | null)[], unknown, unknown, "hover", boolean>;
-  readonly triggerKeys: EpPropFinalized<(new (...args: any[]) => string[]) | (() => string[]) | (((new (...args: any[]) => string[]) | (() => string[])) | null)[], unknown, unknown, () => string[], boolean>;
-  readonly placement: EpPropFinalized<(new (...args: any[]) => "top" | "auto" | "bottom" | "left" | "right" | "auto-start" | "auto-end" | "top-start" | "top-end" | "bottom-start" | "bottom-end" | "right-start" | "right-end" | "left-start" | "left-end") | (() => Placement$1) | (((new (...args: any[]) => "top" | "auto" | "bottom" | "left" | "right" | "auto-start" | "auto-end" | "top-start" | "top-end" | "bottom-start" | "bottom-end" | "right-start" | "right-end" | "left-start" | "left-end") | (() => Placement$1)) | null)[], unknown, unknown, "bottom", boolean>;
-  readonly disabled: BooleanConstructor;
-  readonly visible: EpPropFinalized<(new (...args: any[]) => boolean) | (() => boolean | null) | (((new (...args: any[]) => boolean) | (() => boolean | null)) | null)[], unknown, unknown, null, boolean>;
-  readonly transition: StringConstructor;
-  readonly popperOptions: EpPropFinalized<(new (...args: any[]) => Partial<Options>) | (() => Partial<Options>) | (((new (...args: any[]) => Partial<Options>) | (() => Partial<Options>)) | null)[], unknown, unknown, () => {}, boolean>;
+  readonly placement: EpPropFinalized<(new (...args: any[]) => "right" | "left" | "auto" | "bottom-start" | "bottom" | "top" | "auto-start" | "auto-end" | "top-start" | "top-end" | "bottom-end" | "right-start" | "right-end" | "left-start" | "left-end") | (() => Placement) | (((new (...args: any[]) => "right" | "left" | "auto" | "bottom-start" | "bottom" | "top" | "auto-start" | "auto-end" | "top-start" | "top-end" | "bottom-end" | "right-start" | "right-end" | "left-start" | "left-end") | (() => Placement)) | null)[], unknown, unknown, "bottom", boolean>;
   readonly tabindex: EpPropFinalized<(new (...args: any[]) => string | number) | (() => string | number) | (((new (...args: any[]) => string | number) | (() => string | number)) | null)[], unknown, unknown, 0, boolean>;
-  readonly content: EpPropFinalized<StringConstructor, unknown, unknown, "", boolean>;
-  readonly popperStyle: EpPropFinalized<(new (...args: any[]) => string | false | _$vue.CSSProperties | _$vue.StyleValue[]) | (() => _$vue.StyleValue) | (((new (...args: any[]) => string | false | _$vue.CSSProperties | _$vue.StyleValue[]) | (() => _$vue.StyleValue)) | null)[], unknown, unknown, undefined, boolean>;
-  readonly popperClass: EpPropFinalized<(new (...args: any[]) => string | false | Record<string, any> | ClassValue[]) | (() => ClassValue) | (((new (...args: any[]) => string | false | Record<string, any> | ClassValue[]) | (() => ClassValue)) | null)[], unknown, unknown, undefined, boolean>;
-  readonly enterable: {
-    readonly default: true;
-    readonly type: PropType<EpPropMergeType<BooleanConstructor, unknown, unknown>>;
+  readonly effect: {
+    readonly default: "light";
+    readonly type: _$vue.PropType<EpPropMergeType<(new (...args: any[]) => string) | (() => PopperEffect) | (((new (...args: any[]) => string) | (() => PopperEffect)) | null)[], unknown, unknown>>;
     readonly required: false;
     readonly validator: ((val: unknown) => boolean) | undefined;
     readonly __epPropKey: true;
   };
-  readonly effect: {
-    readonly default: "light";
-    readonly type: PropType<EpPropMergeType<(new (...args: any[]) => string) | (() => PopperEffect) | (((new (...args: any[]) => string) | (() => PopperEffect)) | null)[], unknown, unknown>>;
+  readonly title: StringConstructor;
+  readonly width: EpPropFinalized<readonly [StringConstructor, NumberConstructor], unknown, unknown, 150, boolean>;
+  readonly offset: {
+    readonly default: undefined;
+    readonly type: _$vue.PropType<number>;
     readonly required: false;
     readonly validator: ((val: unknown) => boolean) | undefined;
     readonly __epPropKey: true;
   };
+  readonly persistent: EpPropFinalized<unknown, unknown, unknown, true, boolean>;
+  readonly id: StringConstructor;
+  readonly disabled: BooleanConstructor;
+  readonly onFocus: {
+    readonly type: _$vue.PropType<(e: FocusEvent) => void>;
+    readonly required: false;
+    readonly validator: ((val: unknown) => boolean) | undefined;
+    __epPropKey: true;
+  };
+  readonly onBlur: {
+    readonly type: _$vue.PropType<(e: FocusEvent) => void>;
+    readonly required: false;
+    readonly validator: ((val: unknown) => boolean) | undefined;
+    __epPropKey: true;
+  };
+  readonly onKeydown: {
+    readonly type: _$vue.PropType<(e: KeyboardEvent) => void>;
+    readonly required: false;
+    readonly validator: ((val: unknown) => boolean) | undefined;
+    __epPropKey: true;
+  };
+  readonly onMouseenter: {
+    readonly type: _$vue.PropType<(e: MouseEvent) => void>;
+    readonly required: false;
+    readonly validator: ((val: unknown) => boolean) | undefined;
+    __epPropKey: true;
+  };
+  readonly onMouseleave: {
+    readonly type: _$vue.PropType<(e: MouseEvent) => void>;
+    readonly required: false;
+    readonly validator: ((val: unknown) => boolean) | undefined;
+    __epPropKey: true;
+  };
+  readonly onClick: {
+    readonly type: _$vue.PropType<(e: PointerEvent) => void>;
+    readonly required: false;
+    readonly validator: ((val: unknown) => boolean) | undefined;
+    __epPropKey: true;
+  };
+  readonly onContextmenu: {
+    readonly type: _$vue.PropType<(e: PointerEvent) => void>;
+    readonly required: false;
+    readonly validator: ((val: unknown) => boolean) | undefined;
+    __epPropKey: true;
+  };
+  readonly trigger: EpPropFinalized<(new (...args: any[]) => "focus" | "hover" | "click" | "contextmenu" | TooltipTriggerType[]) | (() => Arrayable<TooltipTriggerType>) | (((new (...args: any[]) => "focus" | "hover" | "click" | "contextmenu" | TooltipTriggerType[]) | (() => Arrayable<TooltipTriggerType>)) | null)[], unknown, unknown, "hover", boolean>;
+  readonly loop: BooleanConstructor;
+  readonly style: EpPropFinalized<(new (...args: any[]) => string | false | _$vue.CSSProperties | _$vue.StyleValue[]) | (() => _$vue.StyleValue) | (((new (...args: any[]) => string | false | _$vue.CSSProperties | _$vue.StyleValue[]) | (() => _$vue.StyleValue)) | null)[], unknown, unknown, undefined, boolean>;
+  readonly fallbackPlacements: EpPropFinalized<(new (...args: any[]) => Placement[]) | (() => Placement[]) | (((new (...args: any[]) => Placement[]) | (() => Placement[])) | null)[], unknown, unknown, undefined, boolean>;
+  readonly popperClass: EpPropFinalized<(new (...args: any[]) => string | false | Record<string, any> | ClassValue[]) | (() => ClassValue) | (((new (...args: any[]) => string | false | Record<string, any> | ClassValue[]) | (() => ClassValue)) | null)[], unknown, unknown, undefined, boolean>;
+  readonly popperStyle: EpPropFinalized<(new (...args: any[]) => string | false | _$vue.CSSProperties | _$vue.StyleValue[]) | (() => _$vue.StyleValue) | (((new (...args: any[]) => string | false | _$vue.CSSProperties | _$vue.StyleValue[]) | (() => _$vue.StyleValue)) | null)[], unknown, unknown, undefined, boolean>;
   readonly teleported: EpPropFinalized<BooleanConstructor, unknown, unknown, true, boolean>;
+  readonly className: {
+    readonly type: _$vue.PropType<EpPropMergeType<(new (...args: any[]) => string | false | Record<string, any> | ClassValue[]) | (() => ClassValue) | (((new (...args: any[]) => string | false | Record<string, any> | ClassValue[]) | (() => ClassValue)) | null)[], unknown, unknown>>;
+    readonly required: false;
+    readonly validator: ((val: unknown) => boolean) | undefined;
+    __epPropKey: true;
+  };
+  readonly visible: EpPropFinalized<(new (...args: any[]) => boolean) | (() => boolean | null) | (((new (...args: any[]) => boolean) | (() => boolean | null)) | null)[], unknown, unknown, null, boolean>;
+  readonly content: EpPropFinalized<StringConstructor, unknown, unknown, "", boolean>;
+  readonly open: BooleanConstructor;
+  readonly enterable: EpPropFinalized<BooleanConstructor, unknown, unknown, true, boolean>;
+  readonly pure: BooleanConstructor;
+  readonly focusOnShow: BooleanConstructor;
+  readonly trapping: BooleanConstructor;
+  readonly referenceEl: {
+    readonly type: _$vue.PropType<HTMLElement>;
+    readonly required: false;
+    readonly validator: ((val: unknown) => boolean) | undefined;
+    __epPropKey: true;
+  };
+  readonly triggerTargetEl: {
+    readonly type: _$vue.PropType<HTMLElement>;
+    readonly required: false;
+    readonly validator: ((val: unknown) => boolean) | undefined;
+    __epPropKey: true;
+  };
+  readonly stopPopperMouseEvent: EpPropFinalized<BooleanConstructor, unknown, unknown, true, boolean>;
+  readonly virtualTriggering: BooleanConstructor;
+  readonly zIndex: NumberConstructor;
+  readonly boundariesPadding: EpPropFinalized<NumberConstructor, unknown, unknown, 0, boolean>;
+  readonly popperOptions: EpPropFinalized<(new (...args: any[]) => Partial<Options>) | (() => Partial<Options>) | (((new (...args: any[]) => Partial<Options>) | (() => Partial<Options>)) | null)[], unknown, unknown, () => {}, boolean>;
+  readonly strategy: EpPropFinalized<StringConstructor, "fixed" | "absolute", unknown, "absolute", boolean>;
+  readonly arrowOffset: EpPropFinalized<NumberConstructor, unknown, unknown, 5, boolean>;
+  readonly showArrow: EpPropFinalized<BooleanConstructor, unknown, unknown, boolean, boolean>;
+  readonly "onUpdate:visible": {
+    readonly type: _$vue.PropType<(val: boolean) => void>;
+    readonly required: false;
+    readonly validator: ((val: unknown) => boolean) | undefined;
+    __epPropKey: true;
+  };
+  readonly role: EpPropFinalized<StringConstructor, "dialog" | "tree" | "menu" | "listbox" | "grid" | "tooltip" | "group" | "navigation", unknown, "tooltip", boolean>;
   readonly appendTo: {
-    readonly type: PropType<EpPropMergeType<(new (...args: any[]) => string | HTMLElement) | (() => string | HTMLElement) | (((new (...args: any[]) => string | HTMLElement) | (() => string | HTMLElement)) | null)[], unknown, unknown>>;
+    readonly type: _$vue.PropType<EpPropMergeType<(new (...args: any[]) => string | HTMLElement) | (() => string | HTMLElement) | (((new (...args: any[]) => string | HTMLElement) | (() => string | HTMLElement)) | null)[], unknown, unknown>>;
     readonly required: false;
     readonly validator: ((val: unknown) => boolean) | undefined;
     __epPropKey: true;
   };
-  readonly title: StringConstructor;
-  readonly width: EpPropFinalized<readonly [StringConstructor, NumberConstructor], unknown, unknown, 150, boolean>;
-  readonly offset: EpPropFinalized<NumberConstructor, unknown, unknown, undefined, boolean>;
+  readonly transition: StringConstructor;
   readonly showAfter: EpPropFinalized<NumberConstructor, unknown, unknown, 0, boolean>;
   readonly hideAfter: EpPropFinalized<NumberConstructor, unknown, unknown, 200, boolean>;
   readonly autoClose: EpPropFinalized<NumberConstructor, unknown, unknown, 0, boolean>;
-  readonly showArrow: EpPropFinalized<BooleanConstructor, unknown, unknown, true, boolean>;
-  readonly persistent: EpPropFinalized<BooleanConstructor, unknown, unknown, true, boolean>;
-  readonly 'onUpdate:visible': {
-    readonly type: PropType<(visible: boolean) => void>;
+  readonly triggerKeys: EpPropFinalized<(new (...args: any[]) => string[]) | (() => string[]) | (((new (...args: any[]) => string[]) | (() => string[])) | null)[], unknown, unknown, () => string[], boolean>;
+  readonly focusOnTarget: BooleanConstructor;
+  readonly virtualRef: {
+    readonly type: _$vue.PropType<Measurable>;
     readonly required: false;
     readonly validator: ((val: unknown) => boolean) | undefined;
     __epPropKey: true;
@@ -176,25 +174,36 @@ type PopoverInstance = InstanceType<typeof _default> & unknown;
  * @description default values for PopoverProps
  */
 declare const popoverPropsDefaults: {
+  readonly title: undefined;
+  readonly tabindex: 0;
+  readonly effect: "light";
+  readonly width: 150;
+  readonly offset: undefined;
+  readonly showArrow: true;
+  readonly persistent: true;
+  readonly arrowOffset: 5;
   readonly trigger: "hover";
   readonly triggerKeys: () => string[];
+  readonly loop: false;
+  readonly style: undefined;
   readonly placement: "bottom";
-  readonly visible: null;
-  readonly popperOptions: () => {};
-  readonly tabindex: 0;
-  readonly content: "";
   readonly popperClass: undefined;
   readonly popperStyle: undefined;
-  readonly enterable: true;
-  readonly effect: "light";
   readonly teleported: true;
-  readonly width: 150;
-  readonly offset: undefined;
+  readonly visible: null;
+  readonly content: "";
+  readonly enterable: true;
+  readonly pure: false;
+  readonly focusOnShow: false;
+  readonly trapping: false;
+  readonly stopPopperMouseEvent: true;
+  readonly virtualTriggering: false;
+  readonly boundariesPadding: 0;
+  readonly popperOptions: () => {};
+  readonly strategy: "absolute";
   readonly showAfter: 0;
   readonly hideAfter: 200;
   readonly autoClose: 0;
-  readonly showArrow: true;
-  readonly persistent: true;
 };
 //#endregion
 export { PopoverEmits, PopoverInstance, PopoverProps, PopoverPropsPublic, popoverEmits, popoverProps, popoverPropsDefaults };

package/es/components/popover/src/popover.mjs

@@ -1,78 +1,37 @@
-import { EVENT_CODE } from "../../../constants/aria.mjs";
 import { isBoolean } from "../../../utils/types.mjs";
 import { buildProps } from "../../../utils/vue/props/runtime.mjs";
-import { useTooltipContentProps } from "../../tooltip/src/content.mjs";
-import { useTooltipTriggerProps } from "../../tooltip/src/trigger.mjs";
+import { popperArrowPropsDefaults } from "../../popper/src/arrow.mjs";
+import { useTooltipContentPropsDefaults } from "../../tooltip/src/content.mjs";
+import { useTooltipTriggerPropsDefaults } from "../../tooltip/src/trigger.mjs";
+import { useTooltipProps } from "../../tooltip/src/tooltip.mjs";
 import { dropdownProps } from "../../dropdown/src/dropdown.mjs";
+import { omit } from "lodash-unified";
 //#region ../../packages/components/popover/src/popover.ts
 /**
 * @deprecated Removed after 3.0.0, Use `PopoverProps` instead.
 */
 const popoverProps = buildProps({
-	/**
-	* @description how the popover is triggered, not valid in controlled mode
-	*/
-	trigger: useTooltipTriggerProps.trigger,
-	/**
-	* @description When you click the mouse to focus on the trigger element, you can define a set of keyboard codes to control the display of popover through the keyboard, not valid in controlled mode
-	*/
-	triggerKeys: useTooltipTriggerProps.triggerKeys,
+	...omit(useTooltipProps, [
+		"ariaLabel",
+		"gpuAcceleration",
+		"rawContent"
+	]),
 	/**
 	* @description popover placement
 	*/
 	placement: dropdownProps.placement,
 	/**
-	* @description whether Popover is disabled
-	*/
-	disabled: useTooltipTriggerProps.disabled,
-	/**
-	* @description whether popover is visible
-	*/
-	visible: useTooltipContentProps.visible,
-	/**
-	* @description popover transition animation
-	*/
-	transition: useTooltipContentProps.transition,
-	/**
-	* @description parameters for [popper.js](https://popper.js.org/docs/v2/)
-	*/
-	popperOptions: dropdownProps.popperOptions,
-	/**
 	* @description [tabindex](https://developer.mozilla.org/en-US/docs/Web/HTML/Global_attributes/tabindex) of Popover
 	*/
 	tabindex: dropdownProps.tabindex,
 	/**
-	* @description popover content, can be replaced with a default `slot`
-	*/
-	content: useTooltipContentProps.content,
-	/**
-	* @description custom style for popover
-	*/
-	popperStyle: useTooltipContentProps.popperStyle,
-	/**
-	* @description custom class name for popover
-	*/
-	popperClass: useTooltipContentProps.popperClass,
-	enterable: {
-		...useTooltipContentProps.enterable,
-		default: true
-	},
-	/**
 	* @description Tooltip theme, built-in theme: `dark` / `light`
 	*/
 	effect: {
-		...useTooltipContentProps.effect,
+		...useTooltipProps.effect,
 		default: "light"
 	},
 	/**
-	* @description whether popover dropdown is teleported to the body
-	*/
-	teleported: useTooltipContentProps.teleported,
-	/**
-	* @description which select dropdown appends to
-	*/
-	appendTo: useTooltipContentProps.appendTo,
-	/**
 	* @description popover title
 	*/
 	title: String,
@@ -87,45 +46,16 @@ const popoverProps = buildProps({
 	* @description popover offset
 	*/
 	offset: {
-		type: Number,
+		...useTooltipProps.offset,
 		default: void 0
 	},
 	/**
-	* @description delay of appearance, in millisecond, not valid in controlled mode
-	*/
-	showAfter: {
-		type: Number,
-		default: 0
-	},
-	/**
-	* @description delay of disappear, in millisecond, not valid in controlled mode
-	*/
-	hideAfter: {
-		type: Number,
-		default: 200
-	},
-	/**
-	* @description timeout in milliseconds to hide tooltip, not valid in controlled mode
-	*/
-	autoClose: {
-		type: Number,
-		default: 0
-	},
-	/**
-	* @description whether a tooltip arrow is displayed or not. For more info, please refer to [ElPopper](https://github.com/element-plus/element-plus/tree/dev/packages/components/popper)
-	*/
-	showArrow: {
-		type: Boolean,
-		default: true
-	},
-	/**
 	* @description when popover inactive and `persistent` is `false` , popover will be destroyed
 	*/
 	persistent: {
-		type: Boolean,
+		...useTooltipProps.persistent,
 		default: true
-	},
-	"onUpdate:visible": { type: Function }
+	}
 });
 const popoverEmits = {
 	"update:visible": (value) => isBoolean(value),
@@ -138,27 +68,14 @@ const popoverEmits = {
 * @description default values for PopoverProps
 */
 const popoverPropsDefaults = {
-	trigger: "hover",
-	triggerKeys: () => [
-		EVENT_CODE.enter,
-		EVENT_CODE.numpadEnter,
-		EVENT_CODE.space
-	],
-	placement: "bottom",
-	visible: null,
-	popperOptions: () => ({}),
+	...omit(useTooltipContentPropsDefaults, ["gpuAcceleration"]),
+	...useTooltipTriggerPropsDefaults,
+	...popperArrowPropsDefaults,
+	title: void 0,
 	tabindex: 0,
-	content: "",
-	popperClass: void 0,
-	popperStyle: void 0,
-	enterable: true,
 	effect: "light",
-	teleported: true,
 	width: 150,
 	offset: void 0,
-	showAfter: 0,
-	hideAfter: 200,
-	autoClose: 0,
 	showArrow: true,
 	persistent: true
 };

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

@@ -1 +1 @@
-{"version":3,"file":"popover.mjs","names":[],"sources":["../../../../../../packages/components/popover/src/popover.ts"],"sourcesContent":["import { buildProps, isBoolean } from '@element-plus/utils'\nimport {\n  useTooltipContentProps,\n  useTooltipTriggerProps,\n} from '@element-plus/components/tooltip'\nimport { dropdownProps } from '@element-plus/components/dropdown'\nimport { EVENT_CODE } from '@element-plus/constants'\n\nimport type { ExtractPublicPropTypes, PropType } from 'vue'\nimport type Popover from './popover.vue'\nimport type { Placement } from '@element-plus/components/popper'\nimport type { Options } from '@popperjs/core'\nimport type {\n  ElTooltipContentProps,\n  UseTooltipTriggerProps,\n} from '@element-plus/components/tooltip'\n\nexport interface PopoverProps {\n  /**\n   * @description how the popover is triggered, not valid in controlled mode\n   */\n  trigger?: UseTooltipTriggerProps['trigger']\n  /**\n   * @description When you click the mouse to focus on the trigger element, you can define a set of keyboard codes to control the display of popover through the keyboard, not valid in controlled mode\n   */\n  triggerKeys?: UseTooltipTriggerProps['triggerKeys']\n  /**\n   * @description popover placement\n   */\n  placement?: Placement\n  /**\n   * @description whether Popover is disabled\n   */\n  disabled?: UseTooltipTriggerProps['disabled']\n  /**\n   * @description whether popover is visible\n   */\n  visible?: ElTooltipContentProps['visible']\n  /**\n   * @description popover transition animation\n   */\n  transition?: ElTooltipContentProps['transition']\n  /**\n   * @description parameters for [popper.js](https://popper.js.org/docs/v2/)\n   */\n  popperOptions?: Partial<Options>\n  /**\n   * @description [tabindex](https://developer.mozilla.org/en-US/docs/Web/HTML/Global_attributes/tabindex) of Popover\n   */\n  tabindex?: string | number\n  /**\n   * @description popover content, can be replaced with a default `slot`\n   */\n  content?: ElTooltipContentProps['content']\n  /**\n   * @description custom style for popover\n   */\n  popperStyle?: ElTooltipContentProps['popperStyle']\n  /**\n   * @description custom class name for popover\n   */\n  popperClass?: ElTooltipContentProps['popperClass']\n  /**\n   * @description whether the mouse can enter the popover\n   */\n  enterable?: ElTooltipContentProps['enterable']\n  /**\n   * @description Tooltip theme, built-in theme: `dark` / `light`\n   */\n  effect?: ElTooltipContentProps['effect']\n  /**\n   * @description whether popover dropdown is teleported to the body\n   */\n  teleported?: ElTooltipContentProps['teleported']\n  /**\n   * @description which select dropdown appends to\n   */\n  appendTo?: ElTooltipContentProps['appendTo']\n  /**\n   * @description popover title\n   */\n  title?: string\n  /**\n   * @description popover width\n   */\n  width?: string | number\n  /**\n   * @description popover offset\n   */\n  offset?: number\n  /**\n   * @description delay of appearance, in millisecond, not valid in controlled mode\n   */\n  showAfter?: number\n  /**\n   * @description delay of disappear, in millisecond, not valid in controlled mode\n   */\n  hideAfter?: number\n  /**\n   * @description timeout in milliseconds to hide tooltip, not valid in controlled mode\n   */\n  autoClose?: number\n  /**\n   * @description whether a tooltip arrow is displayed or not. For more info, please refer to [ElPopper](https://github.com/element-plus/element-plus/tree/dev/packages/components/popper)\n   */\n  showArrow?: boolean\n  /**\n   * @description when popover inactive and `persistent` is `false` , popover will be destroyed\n   */\n  persistent?: boolean\n  /**\n   * @description update:visible event handler\n   */\n  'onUpdate:visible'?: (visible: boolean) => void\n}\n\n/**\n * @deprecated Removed after 3.0.0, Use `PopoverProps` instead.\n */\nexport const popoverProps = buildProps({\n  /**\n   * @description how the popover is triggered, not valid in controlled mode\n   */\n  trigger: useTooltipTriggerProps.trigger,\n  /**\n   * @description When you click the mouse to focus on the trigger element, you can define a set of keyboard codes to control the display of popover through the keyboard, not valid in controlled mode\n   */\n  triggerKeys: useTooltipTriggerProps.triggerKeys,\n  /**\n   * @description popover placement\n   */\n  placement: dropdownProps.placement,\n  /**\n   * @description whether Popover is disabled\n   */\n  disabled: useTooltipTriggerProps.disabled,\n  /**\n   * @description whether popover is visible\n   */\n  visible: useTooltipContentProps.visible,\n  /**\n   * @description popover transition animation\n   */\n  transition: useTooltipContentProps.transition,\n  /**\n   * @description parameters for [popper.js](https://popper.js.org/docs/v2/)\n   */\n  popperOptions: dropdownProps.popperOptions,\n  /**\n   * @description [tabindex](https://developer.mozilla.org/en-US/docs/Web/HTML/Global_attributes/tabindex) of Popover\n   */\n  tabindex: dropdownProps.tabindex,\n  /**\n   * @description popover content, can be replaced with a default `slot`\n   */\n  content: useTooltipContentProps.content,\n  /**\n   * @description custom style for popover\n   */\n  popperStyle: useTooltipContentProps.popperStyle,\n  /**\n   * @description custom class name for popover\n   */\n  popperClass: useTooltipContentProps.popperClass,\n  enterable: {\n    ...useTooltipContentProps.enterable,\n    default: true,\n  },\n  /**\n   * @description Tooltip theme, built-in theme: `dark` / `light`\n   */\n  effect: {\n    ...useTooltipContentProps.effect,\n    default: 'light',\n  },\n  /**\n   * @description whether popover dropdown is teleported to the body\n   */\n  teleported: useTooltipContentProps.teleported,\n  /**\n   * @description which select dropdown appends to\n   */\n  appendTo: useTooltipContentProps.appendTo,\n  /**\n   * @description popover title\n   */\n  title: String,\n  /**\n   * @description popover width\n   */\n  width: {\n    type: [String, Number],\n    default: 150,\n  },\n  /**\n   * @description popover offset\n   */\n  offset: {\n    type: Number,\n    default: undefined,\n  },\n  /**\n   * @description delay of appearance, in millisecond, not valid in controlled mode\n   */\n  showAfter: {\n    type: Number,\n    default: 0,\n  },\n  /**\n   * @description delay of disappear, in millisecond, not valid in controlled mode\n   */\n  hideAfter: {\n    type: Number,\n    default: 200,\n  },\n  /**\n   * @description timeout in milliseconds to hide tooltip, not valid in controlled mode\n   */\n  autoClose: {\n    type: Number,\n    default: 0,\n  },\n  /**\n   * @description whether a tooltip arrow is displayed or not. For more info, please refer to [ElPopper](https://github.com/element-plus/element-plus/tree/dev/packages/components/popper)\n   */\n  showArrow: {\n    type: Boolean,\n    default: true,\n  },\n  /**\n   * @description when popover inactive and `persistent` is `false` , popover will be destroyed\n   */\n  persistent: {\n    type: Boolean,\n    default: true,\n  },\n  'onUpdate:visible': {\n    type: Function as PropType<(visible: boolean) => void>,\n  },\n} as const)\n\n/**\n * @deprecated Removed after 3.0.0, Use `PopoverProps` instead.\n */\nexport type PopoverPropsPublic = ExtractPublicPropTypes<typeof popoverProps>\n\nexport const popoverEmits = {\n  'update:visible': (value: boolean) => isBoolean(value),\n  'before-enter': () => true,\n  'before-leave': () => true,\n  'after-enter': () => true,\n  'after-leave': () => true,\n}\nexport type PopoverEmits = typeof popoverEmits\n\nexport type PopoverInstance = InstanceType<typeof Popover> & unknown\n\n/**\n * @description default values for PopoverProps\n */\nexport const popoverPropsDefaults = {\n  trigger: 'hover',\n  triggerKeys: () => [\n    EVENT_CODE.enter,\n    EVENT_CODE.numpadEnter,\n    EVENT_CODE.space,\n  ],\n  placement: 'bottom',\n  visible: null,\n  popperOptions: () => ({}),\n  tabindex: 0,\n  content: '',\n  popperClass: undefined,\n  popperStyle: undefined,\n  enterable: true,\n  effect: 'light',\n  teleported: true,\n  width: 150,\n  offset: undefined,\n  showAfter: 0,\n  hideAfter: 200,\n  autoClose: 0,\n  showArrow: true,\n  persistent: true,\n} as const\n"],"mappings":";;;;;;;;;;AAuHA,MAAa,eAAe,WAAW;;;;CAIrC,SAAS,uBAAuB;;;;CAIhC,aAAa,uBAAuB;;;;CAIpC,WAAW,cAAc;;;;CAIzB,UAAU,uBAAuB;;;;CAIjC,SAAS,uBAAuB;;;;CAIhC,YAAY,uBAAuB;;;;CAInC,eAAe,cAAc;;;;CAI7B,UAAU,cAAc;;;;CAIxB,SAAS,uBAAuB;;;;CAIhC,aAAa,uBAAuB;;;;CAIpC,aAAa,uBAAuB;CACpC,WAAW;EACT,GAAG,uBAAuB;EAC1B,SAAS;EACV;;;;CAID,QAAQ;EACN,GAAG,uBAAuB;EAC1B,SAAS;EACV;;;;CAID,YAAY,uBAAuB;;;;CAInC,UAAU,uBAAuB;;;;CAIjC,OAAO;;;;CAIP,OAAO;EACL,MAAM,CAAC,QAAQ,OAAO;EACtB,SAAS;EACV;;;;CAID,QAAQ;EACN,MAAM;EACN,SAAS,KAAA;EACV;;;;CAID,WAAW;EACT,MAAM;EACN,SAAS;EACV;;;;CAID,WAAW;EACT,MAAM;EACN,SAAS;EACV;;;;CAID,WAAW;EACT,MAAM;EACN,SAAS;EACV;;;;CAID,WAAW;EACT,MAAM;EACN,SAAS;EACV;;;;CAID,YAAY;EACV,MAAM;EACN,SAAS;EACV;CACD,oBAAoB,EAClB,MAAM,UACP;CACF,CAAU;AAOX,MAAa,eAAe;CAC1B,mBAAmB,UAAmB,UAAU,MAAM;CACtD,sBAAsB;CACtB,sBAAsB;CACtB,qBAAqB;CACrB,qBAAqB;CACtB;;;;AAQD,MAAa,uBAAuB;CAClC,SAAS;CACT,mBAAmB;EACjB,WAAW;EACX,WAAW;EACX,WAAW;EACZ;CACD,WAAW;CACX,SAAS;CACT,sBAAsB,EAAE;CACxB,UAAU;CACV,SAAS;CACT,aAAa,KAAA;CACb,aAAa,KAAA;CACb,WAAW;CACX,QAAQ;CACR,YAAY;CACZ,OAAO;CACP,QAAQ,KAAA;CACR,WAAW;CACX,WAAW;CACX,WAAW;CACX,WAAW;CACX,YAAY;CACb"}
+{"version":3,"file":"popover.mjs","names":[],"sources":["../../../../../../packages/components/popover/src/popover.ts"],"sourcesContent":["import { buildProps, isBoolean } from '@element-plus/utils'\nimport {\n  useTooltipContentPropsDefaults,\n  useTooltipProps,\n  useTooltipTriggerPropsDefaults,\n} from '@element-plus/components/tooltip'\nimport { dropdownProps } from '@element-plus/components/dropdown'\nimport { popperArrowPropsDefaults } from '@element-plus/components/popper'\nimport { omit } from 'lodash-unified'\n\nimport type { UseTooltipProps } from '@element-plus/components/tooltip'\nimport type { ExtractPublicPropTypes } from 'vue'\nimport type Popover from './popover.vue'\n\nexport interface PopoverProps extends Omit<\n  UseTooltipProps,\n  'ariaLabel' | 'gpuAcceleration' | 'rawContent'\n> {\n  /**\n   * @description [tabindex](https://developer.mozilla.org/en-US/docs/Web/HTML/Global_attributes/tabindex) of Popover\n   */\n  tabindex?: string | number\n  /**\n   * @description popover title\n   */\n  title?: string\n  /**\n   * @description popover width\n   */\n  width?: string | number\n}\n\n/**\n * @deprecated Removed after 3.0.0, Use `PopoverProps` instead.\n */\nexport const popoverProps = buildProps({\n  ...omit(useTooltipProps, ['ariaLabel', 'gpuAcceleration', 'rawContent']),\n  /**\n   * @description popover placement\n   */\n  placement: dropdownProps.placement,\n  /**\n   * @description [tabindex](https://developer.mozilla.org/en-US/docs/Web/HTML/Global_attributes/tabindex) of Popover\n   */\n  tabindex: dropdownProps.tabindex,\n  /**\n   * @description Tooltip theme, built-in theme: `dark` / `light`\n   */\n  effect: {\n    ...useTooltipProps.effect,\n    default: 'light',\n  },\n  /**\n   * @description popover title\n   */\n  title: String,\n  /**\n   * @description popover width\n   */\n  width: {\n    type: [String, Number],\n    default: 150,\n  },\n  /**\n   * @description popover offset\n   */\n  offset: {\n    ...useTooltipProps.offset,\n    default: undefined,\n  },\n  /**\n   * @description when popover inactive and `persistent` is `false` , popover will be destroyed\n   */\n  persistent: {\n    ...useTooltipProps.persistent,\n    default: true,\n  },\n} as const)\n\n/**\n * @deprecated Removed after 3.0.0, Use `PopoverProps` instead.\n */\nexport type PopoverPropsPublic = ExtractPublicPropTypes<typeof popoverProps>\n\nexport const popoverEmits = {\n  'update:visible': (value: boolean) => isBoolean(value),\n  'before-enter': () => true,\n  'before-leave': () => true,\n  'after-enter': () => true,\n  'after-leave': () => true,\n}\nexport type PopoverEmits = typeof popoverEmits\n\nexport type PopoverInstance = InstanceType<typeof Popover> & unknown\n\n/**\n * @description default values for PopoverProps\n */\nexport const popoverPropsDefaults = {\n  ...omit(useTooltipContentPropsDefaults, ['gpuAcceleration']),\n  ...useTooltipTriggerPropsDefaults,\n  ...popperArrowPropsDefaults,\n  title: undefined,\n  tabindex: 0,\n  effect: 'light',\n  width: 150,\n  offset: undefined,\n  showArrow: true,\n  persistent: true,\n} as const\n"],"mappings":";;;;;;;;;;;;AAmCA,MAAa,eAAe,WAAW;CACrC,GAAG,KAAK,iBAAiB;EAAC;EAAa;EAAmB;EAAa,CAAC;;;;CAIxE,WAAW,cAAc;;;;CAIzB,UAAU,cAAc;;;;CAIxB,QAAQ;EACN,GAAG,gBAAgB;EACnB,SAAS;EACV;;;;CAID,OAAO;;;;CAIP,OAAO;EACL,MAAM,CAAC,QAAQ,OAAO;EACtB,SAAS;EACV;;;;CAID,QAAQ;EACN,GAAG,gBAAgB;EACnB,SAAS,KAAA;EACV;;;;CAID,YAAY;EACV,GAAG,gBAAgB;EACnB,SAAS;EACV;CACF,CAAU;AAOX,MAAa,eAAe;CAC1B,mBAAmB,UAAmB,UAAU,MAAM;CACtD,sBAAsB;CACtB,sBAAsB;CACtB,qBAAqB;CACrB,qBAAqB;CACtB;;;;AAQD,MAAa,uBAAuB;CAClC,GAAG,KAAK,gCAAgC,CAAC,kBAAkB,CAAC;CAC5D,GAAG;CACH,GAAG;CACH,OAAO,KAAA;CACP,UAAU;CACV,QAAQ;CACR,OAAO;CACP,QAAQ,KAAA;CACR,WAAW;CACX,YAAY;CACb"}

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

@@ -6,13 +6,13 @@ import { PopoverProps } from "./popover.js";
 import * as _$vue from "vue";
 
 //#region ../../packages/components/popover/src/popover.vue.d.ts
-declare var __VLS_15: {}, __VLS_18: {
+declare var __VLS_14: {}, __VLS_17: {
     hide: () => void;
   };
 type __VLS_Slots = {} & {
-  reference?: (props: typeof __VLS_15) => any;
+  reference?: (props: typeof __VLS_14) => any;
 } & {
-  default?: (props: typeof __VLS_18) => any;
+  default?: (props: typeof __VLS_17) => any;
 };
 declare const __VLS_base: _$vue.DefineComponent<PopoverProps, {
   /** @description popper ref */popperRef: _$vue.ComputedRef<PopperInstance | undefined>; /** @description hide popover */
@@ -30,25 +30,36 @@ declare const __VLS_base: _$vue.DefineComponent<PopoverProps, {
   "onAfter-enter"?: (() => any) | undefined;
   "onAfter-leave"?: (() => any) | undefined;
 }>, {
-  offset: number;
+  tabindex: string | number;
+  title: string;
+  trigger: Arrayable<TooltipTriggerType>;
+  loop: boolean;
+  style: string | false | _$vue.CSSProperties | _$vue.StyleValue[] | null;
+  placement: Placement;
+  popperClass: string | false | Record<string, any> | ClassValue[] | null;
+  popperStyle: string | false | _$vue.CSSProperties | _$vue.StyleValue[] | null;
   teleported: boolean;
   effect: PopperEffect;
-  tabindex: string | number;
+  persistent: boolean;
+  width: string | number;
   visible: boolean | null;
   content: string;
   enterable: boolean;
-  popperClass: string | false | Record<string, any> | ClassValue[] | null;
-  popperStyle: string | false | _$vue.CSSProperties | _$vue.StyleValue[] | null;
-  placement: Placement;
+  pure: boolean;
+  focusOnShow: boolean;
+  trapping: boolean;
+  stopPopperMouseEvent: boolean;
+  virtualTriggering: boolean;
+  boundariesPadding: number;
+  offset: number;
   popperOptions: Partial<Options>;
+  strategy: "fixed" | "absolute";
+  arrowOffset: number;
   showArrow: boolean;
-  persistent: boolean;
   showAfter: number;
   hideAfter: number;
   autoClose: number;
-  trigger: Arrayable<TooltipTriggerType>;
   triggerKeys: string[];
-  width: string | number;
 }, {}, {}, {}, string, _$vue.ComponentProvideOptions, false, {}, any>;
 declare const __VLS_export: __VLS_WithSlots<typeof __VLS_base, __VLS_Slots>;
 declare const _default: typeof __VLS_export;