element-plus 1.3.0-beta.9 → 2.0.0

package/lib/components/popconfirm/src/popconfirm2.js

@@ -6,13 +6,16 @@ var vue = require('vue');
 var index = require('../../button/index.js');
 var index$2 = require('../../icon/index.js');
 var index$1 = require('../../tooltip/index.js');
+require('../../popper/index.js');
 require('../../../hooks/index.js');
 var popconfirm = require('./popconfirm.js');
 var pluginVue_exportHelper = require('../../../_virtual/plugin-vue_export-helper.js');
+var deprecation = require('../../popper/src/deprecation.js');
 var index$3 = require('../../../hooks/use-locale/index.js');
 
+const COMPONENT_NAME = "Elpopperconfirm";
 const _sfc_main = vue.defineComponent({
-  name: "ElPopconfirm",
+  name: COMPONENT_NAME,
   components: {
     ElButton: index.ElButton,
     ElTooltip: index$1.ElTooltip,
@@ -20,6 +23,7 @@ const _sfc_main = vue.defineComponent({
   },
   props: popconfirm.popconfirmProps,
   setup(props) {
+    const { compatTeleported } = deprecation.useDeprecateAppendToBody(COMPONENT_NAME, "appendToBody");
     const { t } = index$3.useLocale();
     const tooltipRef = vue.ref();
     const hidePopper = () => {
@@ -45,6 +49,7 @@ const _sfc_main = vue.defineComponent({
       finalConfirmButtonText,
       finalCancelButtonText,
       tooltipRef,
+      compatTeleported,
       confirm,
       cancel
     };
@@ -61,7 +66,7 @@ function _sfc_render(_ctx, _cache, $props, $setup, $data, $options) {
     trigger: "click",
     effect: "light",
     "popper-class": "el-popover",
-    "append-to-body": "",
+    teleported: _ctx.compatTeleported,
     "fallback-placements": ["bottom", "top", "right", "left"],
     "hide-after": _ctx.hideAfter,
     persistent: ""
@@ -109,7 +114,7 @@ function _sfc_render(_ctx, _cache, $props, $setup, $data, $options) {
       _ctx.$slots.reference ? vue.renderSlot(_ctx.$slots, "reference", { key: 0 }) : vue.createCommentVNode("v-if", true)
     ]),
     _: 3
-  }, 16, ["hide-after"]);
+  }, 16, ["teleported", "hide-after"]);
 }
 var Popconfirm = /* @__PURE__ */ pluginVue_exportHelper["default"](_sfc_main, [["render", _sfc_render]]);
 

package/lib/components/popconfirm/src/popconfirm2.js.map

@@ -1 +1 @@
-{"version":3,"file":"popconfirm2.js","sources":["../../../../../../packages/components/popconfirm/src/popconfirm.vue"],"sourcesContent":["<template>\n  <el-tooltip\n    ref=\"tooltipRef\"\n    v-bind=\"$attrs\"\n    trigger=\"click\"\n    effect=\"light\"\n    popper-class=\"el-popover\"\n    append-to-body\n    :fallback-placements=\"['bottom', 'top', 'right', 'left']\"\n    :hide-after=\"hideAfter\"\n    persistent\n  >\n    <template #content>\n      <div class=\"el-popconfirm\">\n        <div class=\"el-popconfirm__main\">\n          <el-icon\n            v-if=\"!hideIcon && icon\"\n            class=\"el-popconfirm__icon\"\n            :style=\"{ color: iconColor }\"\n          >\n            <component :is=\"icon\" />\n          </el-icon>\n          {{ title }}\n        </div>\n        <div class=\"el-popconfirm__action\">\n          <el-button size=\"small\" :type=\"cancelButtonType\" @click=\"cancel\">\n            {{ finalCancelButtonText }}\n          </el-button>\n          <el-button size=\"small\" :type=\"confirmButtonType\" @click=\"confirm\">\n            {{ finalConfirmButtonText }}\n          </el-button>\n        </div>\n      </div>\n    </template>\n    <template v-if=\"$slots.reference\">\n      <slot name=\"reference\" />\n    </template>\n  </el-tooltip>\n</template>\n\n<script lang=\"ts\">\nimport { defineComponent, ref, computed, unref } from 'vue'\nimport ElButton from '@element-plus/components/button'\nimport ElIcon from '@element-plus/components/icon'\nimport ElTooltip from '@element-plus/components/tooltip'\nimport { useLocale } from '@element-plus/hooks'\nimport { popconfirmProps } from './popconfirm'\n\nexport default defineComponent({\n  name: 'ElPopconfirm',\n\n  components: {\n    ElButton,\n    ElTooltip,\n    ElIcon,\n  },\n\n  props: popconfirmProps,\n\n  setup(props) {\n    const { t } = useLocale()\n    const tooltipRef = ref<{ onClose: () => void }>()\n\n    const hidePopper = () => {\n      unref(tooltipRef)?.onClose?.()\n    }\n\n    const handleCallback = () => {\n      hidePopper()\n    }\n\n    const confirm = (e: Event) => {\n      props.onConfirm?.(e)\n      handleCallback()\n    }\n    const cancel = (e: Event) => {\n      props.onCancel?.(e)\n      handleCallback()\n    }\n\n    const finalConfirmButtonText = computed(\n      () => props.confirmButtonText || t('el.popconfirm.confirmButtonText')\n    )\n    const finalCancelButtonText = computed(\n      () => props.cancelButtonText || t('el.popconfirm.cancelButtonText')\n    )\n\n    return {\n      finalConfirmButtonText,\n      finalCancelButtonText,\n      tooltipRef,\n\n      confirm,\n      cancel,\n    }\n  },\n})\n</script>\n"],"names":["defineComponent","ElButton","ElTooltip","ElIcon","popconfirmProps","useLocale","ref"],"mappings":";;;;;;;;;;;;;AAgDA,MAAK,YAAaA,oBAAa;AAAA,EAC7B,MAAM;AAAA,EAEN,YAAY;AAAA,cACVC;AAAA,eACAC;AAAA,YACAC;AAAA;AAAA,EAGF,OAAOC;AAAA,EAEP,MAAM,OAAO;AACX,UAAM,EAAE,MAAMC;AACd,UAAM,aAAaC;AAEnB,UAAM,aAAa,MAAM;AACvB,YAAM;AAAa;AAGrB;AACE;AAAA;AAGF;AACE;AACA;AAAA;AAEF,oBAAgB;AACd;AACA;AAAA;AAGF,mCAA+B,SAC7B,MAAM;AAER;AAIA;AAAO;AACL;AACA;AACA,MAEA;AAAA,MACA;AAAA;AAAA;AAAA;;;;;;;;;AAzFa;AACR;AACP;AACc,IACb;AAAA,IACA;AAAqB,IACtB,cAAU;AAAA;;AAEC;AAoBH;AATE;AAPqB,+BADzB;;AAEO;AACC;;;AAEN;;;;AAEF;;;AAKY;AAFW;AAAQ;AAA0B;;;;;;;AAK7C;AAFW,YAAE;AAAM,uBAA2B;AAAA;;;;;;;;;;;AAMhC;;;;;;;;;;;;"}
+{"version":3,"file":"popconfirm2.js","sources":["../../../../../../packages/components/popconfirm/src/popconfirm.vue"],"sourcesContent":["<template>\n  <el-tooltip\n    ref=\"tooltipRef\"\n    v-bind=\"$attrs\"\n    trigger=\"click\"\n    effect=\"light\"\n    popper-class=\"el-popover\"\n    :teleported=\"compatTeleported\"\n    :fallback-placements=\"['bottom', 'top', 'right', 'left']\"\n    :hide-after=\"hideAfter\"\n    persistent\n  >\n    <template #content>\n      <div class=\"el-popconfirm\">\n        <div class=\"el-popconfirm__main\">\n          <el-icon\n            v-if=\"!hideIcon && icon\"\n            class=\"el-popconfirm__icon\"\n            :style=\"{ color: iconColor }\"\n          >\n            <component :is=\"icon\" />\n          </el-icon>\n          {{ title }}\n        </div>\n        <div class=\"el-popconfirm__action\">\n          <el-button size=\"small\" :type=\"cancelButtonType\" @click=\"cancel\">\n            {{ finalCancelButtonText }}\n          </el-button>\n          <el-button size=\"small\" :type=\"confirmButtonType\" @click=\"confirm\">\n            {{ finalConfirmButtonText }}\n          </el-button>\n        </div>\n      </div>\n    </template>\n    <template v-if=\"$slots.reference\">\n      <slot name=\"reference\" />\n    </template>\n  </el-tooltip>\n</template>\n\n<script lang=\"ts\">\nimport { defineComponent, ref, computed, unref } from 'vue'\nimport ElButton from '@element-plus/components/button'\nimport ElIcon from '@element-plus/components/icon'\nimport ElTooltip from '@element-plus/components/tooltip'\nimport { useDeprecateAppendToBody } from '@element-plus/components/popper'\nimport { useLocale } from '@element-plus/hooks'\nimport { popconfirmProps } from './popconfirm'\n\nconst COMPONENT_NAME = 'Elpopperconfirm'\nexport default defineComponent({\n  name: COMPONENT_NAME,\n\n  components: {\n    ElButton,\n    ElTooltip,\n    ElIcon,\n  },\n\n  props: popconfirmProps,\n\n  setup(props) {\n    const { compatTeleported } = useDeprecateAppendToBody(\n      COMPONENT_NAME,\n      'appendToBody'\n    )\n    const { t } = useLocale()\n    const tooltipRef = ref<{ onClose: () => void }>()\n\n    const hidePopper = () => {\n      unref(tooltipRef)?.onClose?.()\n    }\n\n    const handleCallback = () => {\n      hidePopper()\n    }\n\n    const confirm = (e: Event) => {\n      props.onConfirm?.(e)\n      handleCallback()\n    }\n    const cancel = (e: Event) => {\n      props.onCancel?.(e)\n      handleCallback()\n    }\n\n    const finalConfirmButtonText = computed(\n      () => props.confirmButtonText || t('el.popconfirm.confirmButtonText')\n    )\n    const finalCancelButtonText = computed(\n      () => props.cancelButtonText || t('el.popconfirm.cancelButtonText')\n    )\n\n    return {\n      finalConfirmButtonText,\n      finalCancelButtonText,\n      tooltipRef,\n\n      // Deprecation in 2.1.0\n      compatTeleported,\n\n      confirm,\n      cancel,\n    }\n  },\n})\n</script>\n"],"names":["defineComponent","ElButton","ElTooltip","ElIcon","popconfirmProps","useDeprecateAppendToBody","useLocale","ref"],"mappings":";;;;;;;;;;;;;;;AAiDA,MAAM,iBAAiB;AACvB,MAAK,YAAaA,oBAAa;AAAA,EAC7B,MAAM;AAAA,EAEN,YAAY;AAAA,cACVC;AAAA,eACAC;AAAA,YACAC;AAAA;AAAA,EAGF,OAAOC;AAAA,EAEP,MAAM,OAAO;AACX,UAAM,EAAE,qBAAqBC,qCAC3B,gBACA;AAEF,UAAM,EAAE,MAAMC;AACd,UAAM,aAAaC;AAEnB,UAAM,aAAa,MAAM;AACvB,YAAM;AAAa;AAGrB;AACE;AAAA;AAGF;AACE;AACA;AAAA;AAEF,oBAAgB;AACd;AACA;AAAA;AAGF,mCAA+B,SAC7B,MAAM;AAER;AAIA;AAAO;AACL;AACA;AACA,MAGA;AAAA,MAEA;AAAA,MACA;AAAA;AAAA;AAAA;;;;;;;;;AAlGa;AACR;AACP;AACa,IACZ;AAAA,IACA;AAAqB,IACtB,cAAU;AAAA;;AAEC;AAoBH;AATE;AAPqB,+BADzB;;AAEO;AACC;;;AAEN;;;;AAEF;;;AAKY;AAFW;AAAQ;AAA0B;;;;;;;AAK7C;AAFW,YAAE;AAAM,uBAA2B;AAAA;;;;;;;;;;;AAMhC;;;;;;;;;;;;"}

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

@@ -3,6 +3,10 @@ declare const _PopoverDirective: SFCWithInstall<import("vue").ObjectDirective<an
 declare const _Popover: SFCWithInstall<import("vue").DefineComponent<{
     title: StringConstructor;
     width: import("../../utils/props").BuildPropReturn<(StringConstructor | NumberConstructor)[], number, unknown, unknown, unknown>;
+    appendToBody: {
+        type: BooleanConstructor;
+        default: undefined;
+    };
     content: import("../../utils/props").BuildPropReturn<StringConstructor, string | (() => string) | undefined, unknown, unknown, unknown>;
     popperStyle: import("../../utils/props").BuildPropReturn<import("../../utils/props").PropWrapper<import("vue").StyleValue>, string | import("vue").CSSProperties | (() => string) | (() => import("vue").CSSProperties) | (() => import("vue").StyleValue[]) | undefined, unknown, unknown, unknown>;
     popperClass: import("../../utils/props").BuildPropReturn<import("../../utils/props").PropWrapper<string | {
@@ -68,7 +72,9 @@ declare const _Popover: SFCWithInstall<import("vue").DefineComponent<{
         validator: ((val: unknown) => boolean) | undefined;
         __elPropsReservedKey: true;
     };
+    teleported: import("../../utils/props").BuildPropReturn<BooleanConstructor, boolean | (() => false) | (() => true) | undefined, unknown, unknown, unknown>;
 }, {
+    compatTeleported: import("vue").ComputedRef<boolean>;
     kls: import("vue").ComputedRef<(string | {
         [x: string]: any;
     } | (string | {
@@ -839,9 +845,15 @@ declare const _Popover: SFCWithInstall<import("vue").DefineComponent<{
         $watch(source: string | Function, cb: Function, options?: import("vue").WatchOptions<boolean> | undefined): import("vue").WatchStopHandle;
     } & Readonly<import("vue").ExtractPropTypes<{}>> & import("vue").ShallowUnwrapRef<import("..").ElPopperInjectionContext> & {} & {} & import("vue").ComponentCustomProperties) | null | undefined>;
     hide: () => void;
+    afterEnter: () => void;
+    afterLeave: () => void;
 }, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, string[], string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{
     title: StringConstructor;
     width: import("../../utils/props").BuildPropReturn<(StringConstructor | NumberConstructor)[], number, unknown, unknown, unknown>;
+    appendToBody: {
+        type: BooleanConstructor;
+        default: undefined;
+    };
     content: import("../../utils/props").BuildPropReturn<StringConstructor, string | (() => string) | undefined, unknown, unknown, unknown>;
     popperStyle: import("../../utils/props").BuildPropReturn<import("../../utils/props").PropWrapper<import("vue").StyleValue>, string | import("vue").CSSProperties | (() => string) | (() => import("vue").CSSProperties) | (() => import("vue").StyleValue[]) | undefined, unknown, unknown, unknown>;
     popperClass: import("../../utils/props").BuildPropReturn<import("../../utils/props").PropWrapper<string | {
@@ -907,6 +919,7 @@ declare const _Popover: SFCWithInstall<import("vue").DefineComponent<{
         validator: ((val: unknown) => boolean) | undefined;
         __elPropsReservedKey: true;
     };
+    teleported: import("../../utils/props").BuildPropReturn<BooleanConstructor, boolean | (() => false) | (() => true) | undefined, unknown, unknown, unknown>;
 }>> & {
     [x: string & `on${string}`]: ((...args: any[]) => any) | undefined;
 }, {
@@ -940,6 +953,8 @@ declare const _Popover: SFCWithInstall<import("vue").DefineComponent<{
     } | any)[])[])[])[])[])[])[])[])[])[])[];
     popperStyle: import("vue").StyleValue;
     content: string;
+    teleported: import("../../utils/props").BuildPropType<BooleanConstructor, unknown, unknown>;
+    appendToBody: boolean;
 }>> & {
     directive: typeof _PopoverDirective;
 };
@@ -947,6 +962,10 @@ export default _Popover;
 export declare const ElPopover: SFCWithInstall<import("vue").DefineComponent<{
     title: StringConstructor;
     width: import("../../utils/props").BuildPropReturn<(StringConstructor | NumberConstructor)[], number, unknown, unknown, unknown>;
+    appendToBody: {
+        type: BooleanConstructor;
+        default: undefined;
+    };
     content: import("../../utils/props").BuildPropReturn<StringConstructor, string | (() => string) | undefined, unknown, unknown, unknown>;
     popperStyle: import("../../utils/props").BuildPropReturn<import("../../utils/props").PropWrapper<import("vue").StyleValue>, string | import("vue").CSSProperties | (() => string) | (() => import("vue").CSSProperties) | (() => import("vue").StyleValue[]) | undefined, unknown, unknown, unknown>;
     popperClass: import("../../utils/props").BuildPropReturn<import("../../utils/props").PropWrapper<string | {
@@ -1012,7 +1031,9 @@ export declare const ElPopover: SFCWithInstall<import("vue").DefineComponent<{
         validator: ((val: unknown) => boolean) | undefined;
         __elPropsReservedKey: true;
     };
+    teleported: import("../../utils/props").BuildPropReturn<BooleanConstructor, boolean | (() => false) | (() => true) | undefined, unknown, unknown, unknown>;
 }, {
+    compatTeleported: import("vue").ComputedRef<boolean>;
     kls: import("vue").ComputedRef<(string | {
         [x: string]: any;
     } | (string | {
@@ -1783,9 +1804,15 @@ export declare const ElPopover: SFCWithInstall<import("vue").DefineComponent<{
         $watch(source: string | Function, cb: Function, options?: import("vue").WatchOptions<boolean> | undefined): import("vue").WatchStopHandle;
     } & Readonly<import("vue").ExtractPropTypes<{}>> & import("vue").ShallowUnwrapRef<import("..").ElPopperInjectionContext> & {} & {} & import("vue").ComponentCustomProperties) | null | undefined>;
     hide: () => void;
+    afterEnter: () => void;
+    afterLeave: () => void;
 }, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, string[], string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{
     title: StringConstructor;
     width: import("../../utils/props").BuildPropReturn<(StringConstructor | NumberConstructor)[], number, unknown, unknown, unknown>;
+    appendToBody: {
+        type: BooleanConstructor;
+        default: undefined;
+    };
     content: import("../../utils/props").BuildPropReturn<StringConstructor, string | (() => string) | undefined, unknown, unknown, unknown>;
     popperStyle: import("../../utils/props").BuildPropReturn<import("../../utils/props").PropWrapper<import("vue").StyleValue>, string | import("vue").CSSProperties | (() => string) | (() => import("vue").CSSProperties) | (() => import("vue").StyleValue[]) | undefined, unknown, unknown, unknown>;
     popperClass: import("../../utils/props").BuildPropReturn<import("../../utils/props").PropWrapper<string | {
@@ -1851,6 +1878,7 @@ export declare const ElPopover: SFCWithInstall<import("vue").DefineComponent<{
         validator: ((val: unknown) => boolean) | undefined;
         __elPropsReservedKey: true;
     };
+    teleported: import("../../utils/props").BuildPropReturn<BooleanConstructor, boolean | (() => false) | (() => true) | undefined, unknown, unknown, unknown>;
 }>> & {
     [x: string & `on${string}`]: ((...args: any[]) => any) | undefined;
 }, {
@@ -1884,6 +1912,8 @@ export declare const ElPopover: SFCWithInstall<import("vue").DefineComponent<{
     } | any)[])[])[])[])[])[])[])[])[])[])[];
     popperStyle: import("vue").StyleValue;
     content: string;
+    teleported: import("../../utils/props").BuildPropType<BooleanConstructor, unknown, unknown>;
+    appendToBody: boolean;
 }>> & {
     directive: typeof _PopoverDirective;
 };

package/lib/components/popover/src/index.js

@@ -4,21 +4,23 @@ Object.defineProperty(exports, '__esModule', { value: true });
 
 var vue = require('vue');
 var index = require('../../tooltip/index.js');
+require('../../popper/index.js');
 require('../../../utils/util.js');
 var popover = require('./popover.js');
 var pluginVue_exportHelper = require('../../../_virtual/plugin-vue_export-helper.js');
 var shared = require('@vue/shared');
+var deprecation = require('../../popper/src/deprecation.js');
 
 const emits = ["update:visible", "after-enter", "after-leave"];
-const NAME = "ElPopover";
+const COMPONENT_NAME = "ElPopover";
 const _sfc_main = vue.defineComponent({
-  name: NAME,
+  name: COMPONENT_NAME,
   components: {
     ElTooltip: index.ElTooltip
   },
   props: popover.usePopoverProps,
   emits,
-  setup(props) {
+  setup(props, { emit }) {
     const tooltipRef = vue.ref(null);
     const popperRef = vue.computed(() => {
       var _a;
@@ -45,16 +47,26 @@ const _sfc_main = vue.defineComponent({
         props.popperClass
       ];
     });
+    const { compatTeleported } = deprecation.useDeprecateAppendToBody(COMPONENT_NAME, "appendToBody");
     const hide = () => {
       var _a;
       (_a = tooltipRef.value) == null ? void 0 : _a.hide();
     };
+    const afterEnter = () => {
+      emit("after-enter");
+    };
+    const afterLeave = () => {
+      emit("after-leave");
+    };
     return {
+      compatTeleported,
       kls,
       style,
       tooltipRef,
       popperRef,
-      hide
+      hide,
+      afterEnter,
+      afterLeave
     };
   }
 });
@@ -71,7 +83,10 @@ function _sfc_render(_ctx, _cache, $props, $setup, $data, $options) {
     enterable: _ctx.enterable,
     "popper-class": _ctx.kls,
     "popper-style": _ctx.style,
-    persistent: ""
+    teleported: _ctx.compatTeleported,
+    persistent: "",
+    onShow: _ctx.afterEnter,
+    onHide: _ctx.afterLeave
   }), {
     content: vue.withCtx(() => [
       _ctx.title ? (vue.openBlock(), vue.createElementBlock("div", _hoisted_1, vue.toDisplayString(_ctx.title), 1)) : vue.createCommentVNode("v-if", true),
@@ -83,7 +98,7 @@ function _sfc_render(_ctx, _cache, $props, $setup, $data, $options) {
       _ctx.$slots.reference ? vue.renderSlot(_ctx.$slots, "reference", { key: 0 }) : vue.createCommentVNode("v-if", true)
     ]),
     _: 3
-  }, 16, ["aria-label", "effect", "enterable", "popper-class", "popper-style"]);
+  }, 16, ["aria-label", "effect", "enterable", "popper-class", "popper-style", "teleported", "onShow", "onHide"]);
 }
 var Popover = /* @__PURE__ */ pluginVue_exportHelper["default"](_sfc_main, [["render", _sfc_render]]);
 

package/lib/components/popover/src/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","sources":["../../../../../../packages/components/popover/src/index.vue"],"sourcesContent":["<template>\n  <el-tooltip\n    ref=\"tooltipRef\"\n    v-bind=\"$attrs\"\n    :aria-label=\"title\"\n    :effect=\"effect\"\n    :enterable=\"enterable\"\n    :popper-class=\"kls\"\n    :popper-style=\"style\"\n    persistent\n  >\n    <template v-if=\"$slots.reference\">\n      <slot name=\"reference\" />\n    </template>\n\n    <template #content>\n      <div v-if=\"title\" class=\"el-popover__title\" role=\"title\">\n        {{ title }}\n      </div>\n      <slot>\n        {{ content }}\n      </slot>\n    </template>\n  </el-tooltip>\n</template>\n<script lang=\"ts\">\nimport { defineComponent, computed, ref, unref } from 'vue'\nimport ElTooltip from '@element-plus/components/tooltip'\nimport { isString } from '@element-plus/utils/util'\nimport { usePopoverProps } from './popover'\n\nimport type { StyleValue } from 'vue'\n\nconst emits = ['update:visible', 'after-enter', 'after-leave']\n\nconst NAME = 'ElPopover'\n\nexport default defineComponent({\n  name: NAME,\n  components: {\n    ElTooltip,\n  },\n  props: usePopoverProps,\n  emits,\n  setup(props) {\n    const tooltipRef = ref<InstanceType<typeof ElTooltip> | null>(null)\n    const popperRef = computed(() => {\n      return unref(tooltipRef)?.popperRef\n    })\n    const width = computed(() => {\n      if (isString(props.width)) {\n        return props.width as string\n      }\n      return `${props.width}px`\n    })\n\n    const style = computed(() => {\n      return [\n        {\n          width: width.value,\n        },\n        props.popperStyle,\n      ] as StyleValue\n    })\n\n    const kls = computed(() => {\n      return [\n        { 'el-popover--plain': !!props.content },\n        'el-popover',\n        props.popperClass,\n      ]\n    })\n\n    const hide = () => {\n      tooltipRef.value?.hide()\n    }\n\n    return {\n      kls,\n      style,\n      tooltipRef,\n      popperRef,\n      hide,\n    }\n  },\n})\n</script>\n"],"names":["defineComponent","ElTooltip","usePopoverProps","ref","computed"],"mappings":";;;;;;;;;;;AAiCA,MAAM,QAAQ,CAAC,kBAAkB,eAAe;AAEhD,MAAM,OAAO;AAEb,MAAK,YAAaA,oBAAa;AAAA,EAC7B,MAAM;AAAA,EACN,YAAY;AAAA,eACVC;AAAA;AAAA,EAEF,OAAOC;AAAA,EACP;AAAA,EACA,MAAM,OAAO;AACX,UAAM,aAAaC,QAA2C;AAC9D,UAAM,YAAYC,aAAS,MAAM;AAC/B,aAAO;AAAmB;AAE5B;AACE,UAAI,2BAAuB;AACzB;AAAa;AAEf;AAAgB;AAGlB;AACE;AAAO;AACL;AACe;AAAA;AAET;AAAA;AAIV;AACE,aAAO;AAAA;AAC0B,QAC/B;AAAA,QACA;AAAM;AAAA;AAIV;AACE,iBAAW;AAAO;AAGpB;AAAO,MACL;AAAA;AACA,MACA;AAAA,MACA;AAAA,MACA;AAAA;AAAA;AAAA;;;AAlEuB;AAA0B;;;;SAZlD;AAAiB;AACH;AACH,IACX;AAAc,IACd;AAAc,IACf,gBAAU;AAAA;;AAMC;AACO;AAKT;AADF;;;;AATyB;;;;;;;;;;;"}
+{"version":3,"file":"index.js","sources":["../../../../../../packages/components/popover/src/index.vue"],"sourcesContent":["<template>\n  <el-tooltip\n    ref=\"tooltipRef\"\n    v-bind=\"$attrs\"\n    :aria-label=\"title\"\n    :effect=\"effect\"\n    :enterable=\"enterable\"\n    :popper-class=\"kls\"\n    :popper-style=\"style\"\n    :teleported=\"compatTeleported\"\n    persistent\n    @show=\"afterEnter\"\n    @hide=\"afterLeave\"\n  >\n    <template v-if=\"$slots.reference\">\n      <slot name=\"reference\" />\n    </template>\n\n    <template #content>\n      <div v-if=\"title\" class=\"el-popover__title\" role=\"title\">\n        {{ title }}\n      </div>\n      <slot>\n        {{ content }}\n      </slot>\n    </template>\n  </el-tooltip>\n</template>\n<script lang=\"ts\">\nimport { defineComponent, computed, ref, unref } from 'vue'\nimport ElTooltip from '@element-plus/components/tooltip'\nimport { useDeprecateAppendToBody } from '@element-plus/components/popper'\nimport { isString } from '@element-plus/utils/util'\nimport { usePopoverProps } from './popover'\n\nimport type { StyleValue } from 'vue'\n\nconst emits = ['update:visible', 'after-enter', 'after-leave']\n\nconst COMPONENT_NAME = 'ElPopover'\n\nexport default defineComponent({\n  name: COMPONENT_NAME,\n  components: {\n    ElTooltip,\n  },\n  props: usePopoverProps,\n  emits,\n  setup(props, { emit }) {\n    const tooltipRef = ref<InstanceType<typeof ElTooltip> | null>(null)\n    const popperRef = computed(() => {\n      return unref(tooltipRef)?.popperRef\n    })\n    const width = computed(() => {\n      if (isString(props.width)) {\n        return props.width as string\n      }\n      return `${props.width}px`\n    })\n\n    const style = computed(() => {\n      return [\n        {\n          width: width.value,\n        },\n        props.popperStyle,\n      ] as StyleValue\n    })\n\n    const kls = computed(() => {\n      return [\n        { 'el-popover--plain': !!props.content },\n        'el-popover',\n        props.popperClass,\n      ]\n    })\n\n    const { compatTeleported } = useDeprecateAppendToBody(\n      COMPONENT_NAME,\n      'appendToBody'\n    )\n\n    const hide = () => {\n      tooltipRef.value?.hide()\n    }\n\n    const afterEnter = () => {\n      emit('after-enter')\n    }\n\n    const afterLeave = () => {\n      emit('after-leave')\n    }\n\n    return {\n      compatTeleported,\n      kls,\n      style,\n      tooltipRef,\n      popperRef,\n      hide,\n      afterEnter,\n      afterLeave,\n    }\n  },\n})\n</script>\n"],"names":["defineComponent","ElTooltip","usePopoverProps","ref","computed"],"mappings":";;;;;;;;;;;;;AAqCA,MAAM,QAAQ,CAAC,kBAAkB,eAAe;AAEhD,MAAM,iBAAiB;AAEvB,MAAK,YAAaA,oBAAa;AAAA,EAC7B,MAAM;AAAA,EACN,YAAY;AAAA,eACVC;AAAA;AAAA,EAEF,OAAOC;AAAA,EACP;AAAA,EACA,MAAM,OAAO,EAAE,QAAQ;AACrB,UAAM,aAAaC,QAA2C;AAC9D,UAAM,YAAYC,aAAS,MAAM;AAC/B,aAAO;AAAmB;AAE5B;AACE,UAAI,2BAAuB;AACzB;AAAa;AAEf;AAAgB;AAGlB;AACE;AAAO;AACL;AACe;AAAA;AAET;AAAA;AAIV;AACE,aAAO;AAAA;AAC0B,QAC/B;AAAA,QACA;AAAM;AAAA;AAIV;AAKA,UAAM;AACJ,iBAAW;AAAO;AAGpB,uBAAmB;AACjB;AAAK;AAGP,UAAM;AACJ;AAAK;AAGP,WAAO;AAAA,MACL;AAAA;AACA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA;AAAA;AAAA;;;AAnFuB;AAA0B;;;;SAflD;AAAiB;AACH;AACH,IACX;AAAc,IACd;AAAc,IACd,gBAAY;AAAA,IACb;AAAU,IACT;AAAM,IACN;AAAM;;AAMI;AACO;AAKT;AADF;;;;AATyB;;;;;;;;;;;"}

package/lib/components/popover/src/index.vue.d.ts

@@ -2,6 +2,10 @@ import type { StyleValue } from 'vue';
 declare const _default: import("vue").DefineComponent<{
     title: StringConstructor;
     width: import("../../../utils/props").BuildPropReturn<(StringConstructor | NumberConstructor)[], number, unknown, unknown, unknown>;
+    appendToBody: {
+        type: BooleanConstructor;
+        default: undefined;
+    };
     content: import("../../../utils/props").BuildPropReturn<StringConstructor, string | (() => string) | undefined, unknown, unknown, unknown>;
     popperStyle: import("../../../utils/props").BuildPropReturn<import("../../../utils/props").PropWrapper<StyleValue>, string | import("vue").CSSProperties | (() => string) | (() => import("vue").CSSProperties) | (() => StyleValue[]) | undefined, unknown, unknown, unknown>;
     popperClass: import("../../../utils/props").BuildPropReturn<import("../../../utils/props").PropWrapper<string | {
@@ -67,7 +71,9 @@ declare const _default: import("vue").DefineComponent<{
         validator: ((val: unknown) => boolean) | undefined;
         __elPropsReservedKey: true;
     };
+    teleported: import("../../../utils/props").BuildPropReturn<BooleanConstructor, boolean | (() => false) | (() => true) | undefined, unknown, unknown, unknown>;
 }, {
+    compatTeleported: import("vue").ComputedRef<boolean>;
     kls: import("vue").ComputedRef<(string | {
         [x: string]: any;
     } | (string | {
@@ -106,10 +112,10 @@ declare const _default: import("vue").DefineComponent<{
             visible: import("../../../utils/props").BuildPropType<import("../../../utils/props").PropWrapper<boolean | null>, unknown, unknown>;
             arrowOffset: number;
             boundariesPadding: number;
-            fallbackPlacements: import("@popperjs/core").Placement[];
+            fallbackPlacements: import("element-plus/es/components/popper").Placement[];
             gpuAcceleration: import("../../../utils/props").BuildPropType<(new (...args: any[]) => import("../../../utils/props").BuildPropType<BooleanConstructor, unknown, unknown> & {}) | (() => import("../../../utils/props").BuildPropType<BooleanConstructor, unknown, unknown>) | ((new (...args: any[]) => import("../../../utils/props").BuildPropType<BooleanConstructor, unknown, unknown> & {}) | (() => import("../../../utils/props").BuildPropType<BooleanConstructor, unknown, unknown>))[], unknown, unknown>;
-            placement: import("../../../utils/props").BuildPropType<(new (...args: any[]) => import("../../../utils/props").BuildPropType<StringConstructor, import("@popperjs/core").Placement, unknown> & {}) | (() => import("../../../utils/props").BuildPropType<StringConstructor, import("@popperjs/core").Placement, unknown>) | ((new (...args: any[]) => import("../../../utils/props").BuildPropType<StringConstructor, import("@popperjs/core").Placement, unknown> & {}) | (() => import("../../../utils/props").BuildPropType<StringConstructor, import("@popperjs/core").Placement, unknown>))[], unknown, unknown>;
-            popperOptions: Partial<import("@popperjs/core").Options>;
+            placement: import("../../../utils/props").BuildPropType<(new (...args: any[]) => import("../../../utils/props").BuildPropType<StringConstructor, import("element-plus/es/components/popper").Placement, unknown> & {}) | (() => import("../../../utils/props").BuildPropType<StringConstructor, import("element-plus/es/components/popper").Placement, unknown>) | ((new (...args: any[]) => import("../../../utils/props").BuildPropType<StringConstructor, import("element-plus/es/components/popper").Placement, unknown> & {}) | (() => import("../../../utils/props").BuildPropType<StringConstructor, import("element-plus/es/components/popper").Placement, unknown>))[], unknown, unknown>;
+            popperOptions: Partial<import("element-plus/es/components/popper").Options>;
             strategy: import("../../../utils/props").BuildPropType<(new (...args: any[]) => import("../../../utils/props").BuildPropType<StringConstructor, "fixed" | "absolute", unknown> & {}) | (() => import("../../../utils/props").BuildPropType<StringConstructor, "fixed" | "absolute", unknown>) | ((new (...args: any[]) => import("../../../utils/props").BuildPropType<StringConstructor, "fixed" | "absolute", unknown> & {}) | (() => import("../../../utils/props").BuildPropType<StringConstructor, "fixed" | "absolute", unknown>))[], unknown, unknown>;
             className: string | {
                 [x: string]: any;
@@ -174,7 +180,7 @@ declare const _default: import("vue").DefineComponent<{
             persistent: boolean;
             teleported: import("../../../utils/props").BuildPropType<BooleanConstructor, unknown, unknown>;
             trigger: "click" | "contextmenu" | "focus" | "hover" | ("click" | "contextmenu" | "focus" | "hover")[];
-            virtualRef: import("../..").Measurable;
+            virtualRef: import("element-plus/es/components/popper").Measurable;
             virtualTriggering: import("../../../utils/props").BuildPropType<BooleanConstructor, unknown, unknown>;
             openDelay: number;
             visibleArrow: import("../../../utils/props").BuildPropType<BooleanConstructor, unknown, unknown>;
@@ -190,7 +196,7 @@ declare const _default: import("vue").DefineComponent<{
                 type: import("vue").PropType<"click" | "contextmenu" | "focus" | "hover" | ("click" | "contextmenu" | "focus" | "hover")[]>;
                 default: string;
             };
-            virtualRef: import("../../../utils/props").BuildPropReturn<import("../../../utils/props").PropWrapper<import("../..").Measurable>, unknown, unknown, unknown, unknown>;
+            virtualRef: import("../../../utils/props").BuildPropReturn<import("../../../utils/props").PropWrapper<import("element-plus/es/components/popper").Measurable>, unknown, unknown, unknown, unknown>;
             virtualTriggering: import("../../../utils/props").BuildPropReturn<BooleanConstructor, unknown, unknown, unknown, unknown>;
             appendTo: import("../../../utils/props").BuildPropReturn<import("../../../utils/props").PropWrapper<string | HTMLElement>, string | (() => string) | undefined, unknown, unknown, unknown>;
             content: import("../../../utils/props").BuildPropReturn<StringConstructor, string | (() => string) | undefined, unknown, unknown, unknown>;
@@ -307,11 +313,11 @@ declare const _default: import("vue").DefineComponent<{
             stopPopperMouseEvent: import("../../../utils/props").BuildPropReturn<BooleanConstructor, boolean | (() => false) | (() => true) | undefined, unknown, unknown, unknown>;
             zIndex: NumberConstructor;
             boundariesPadding: import("../../../utils/props").BuildPropReturn<(new (...args: any[]) => number & {}) | (() => number) | ((new (...args: any[]) => number & {}) | (() => number))[], 0 | (() => 0) | undefined, false, unknown, unknown>;
-            fallbackPlacements: import("../../../utils/props").BuildPropReturn<(new (...args: any[]) => import("@popperjs/core").Placement[]) | (() => import("@popperjs/core").Placement[]) | ((new (...args: any[]) => import("@popperjs/core").Placement[]) | (() => import("@popperjs/core").Placement[]))[], (() => never[]) | undefined, false, unknown, unknown>;
+            fallbackPlacements: import("../../../utils/props").BuildPropReturn<(new (...args: any[]) => import("element-plus/es/components/popper").Placement[]) | (() => import("element-plus/es/components/popper").Placement[]) | ((new (...args: any[]) => import("element-plus/es/components/popper").Placement[]) | (() => import("element-plus/es/components/popper").Placement[]))[], (() => never[]) | undefined, false, unknown, unknown>;
             gpuAcceleration: import("../../../utils/props").BuildPropReturn<(new (...args: any[]) => import("../../../utils/props").BuildPropType<BooleanConstructor, unknown, unknown> & {}) | (() => import("../../../utils/props").BuildPropType<BooleanConstructor, unknown, unknown>) | ((new (...args: any[]) => import("../../../utils/props").BuildPropType<BooleanConstructor, unknown, unknown> & {}) | (() => import("../../../utils/props").BuildPropType<BooleanConstructor, unknown, unknown>))[], true | (() => true) | undefined, false, unknown, unknown>;
             offset: import("../../../utils/props").BuildPropReturn<(new (...args: any[]) => number & {}) | (() => number) | ((new (...args: any[]) => number & {}) | (() => number))[], 12 | (() => 12) | undefined, false, unknown, unknown>;
-            placement: import("../../../utils/props").BuildPropReturn<(new (...args: any[]) => import("../../../utils/props").BuildPropType<StringConstructor, import("@popperjs/core").Placement, unknown> & {}) | (() => import("../../../utils/props").BuildPropType<StringConstructor, import("@popperjs/core").Placement, unknown>) | ((new (...args: any[]) => import("../../../utils/props").BuildPropType<StringConstructor, import("@popperjs/core").Placement, unknown> & {}) | (() => import("../../../utils/props").BuildPropType<StringConstructor, import("@popperjs/core").Placement, unknown>))[], "bottom" | (() => "bottom") | undefined, false, unknown, unknown>;
-            popperOptions: import("../../../utils/props").BuildPropReturn<(new (...args: any[]) => Partial<import("@popperjs/core").Options>) | (() => Partial<import("@popperjs/core").Options>) | ((new (...args: any[]) => Partial<import("@popperjs/core").Options>) | (() => Partial<import("@popperjs/core").Options>))[], (() => {}) | undefined, false, unknown, unknown>;
+            placement: import("../../../utils/props").BuildPropReturn<(new (...args: any[]) => import("../../../utils/props").BuildPropType<StringConstructor, import("element-plus/es/components/popper").Placement, unknown> & {}) | (() => import("../../../utils/props").BuildPropType<StringConstructor, import("element-plus/es/components/popper").Placement, unknown>) | ((new (...args: any[]) => import("../../../utils/props").BuildPropType<StringConstructor, import("element-plus/es/components/popper").Placement, unknown> & {}) | (() => import("../../../utils/props").BuildPropType<StringConstructor, import("element-plus/es/components/popper").Placement, unknown>))[], "bottom" | (() => "bottom") | undefined, false, unknown, unknown>;
+            popperOptions: import("../../../utils/props").BuildPropReturn<(new (...args: any[]) => Partial<import("element-plus/es/components/popper").Options>) | (() => Partial<import("element-plus/es/components/popper").Options>) | ((new (...args: any[]) => Partial<import("element-plus/es/components/popper").Options>) | (() => Partial<import("element-plus/es/components/popper").Options>))[], (() => {}) | undefined, false, unknown, unknown>;
             strategy: import("../../../utils/props").BuildPropReturn<(new (...args: any[]) => import("../../../utils/props").BuildPropType<StringConstructor, "fixed" | "absolute", unknown> & {}) | (() => import("../../../utils/props").BuildPropType<StringConstructor, "fixed" | "absolute", unknown>) | ((new (...args: any[]) => import("../../../utils/props").BuildPropType<StringConstructor, "fixed" | "absolute", unknown> & {}) | (() => import("../../../utils/props").BuildPropType<StringConstructor, "fixed" | "absolute", unknown>))[], "absolute" | (() => "absolute") | undefined, false, unknown, unknown>;
             showAfter: import("../../../utils/props").BuildPropReturn<NumberConstructor, number, unknown, unknown, unknown>;
         }>> & {
@@ -341,7 +347,7 @@ declare const _default: import("vue").DefineComponent<{
                 type: import("vue").PropType<"click" | "contextmenu" | "focus" | "hover" | ("click" | "contextmenu" | "focus" | "hover")[]>;
                 default: string;
             };
-            virtualRef: import("../../../utils/props").BuildPropReturn<import("../../../utils/props").PropWrapper<import("../..").Measurable>, unknown, unknown, unknown, unknown>;
+            virtualRef: import("../../../utils/props").BuildPropReturn<import("../../../utils/props").PropWrapper<import("element-plus/es/components/popper").Measurable>, unknown, unknown, unknown, unknown>;
             virtualTriggering: import("../../../utils/props").BuildPropReturn<BooleanConstructor, unknown, unknown, unknown, unknown>;
             appendTo: import("../../../utils/props").BuildPropReturn<import("../../../utils/props").PropWrapper<string | HTMLElement>, string | (() => string) | undefined, unknown, unknown, unknown>;
             content: import("../../../utils/props").BuildPropReturn<StringConstructor, string | (() => string) | undefined, unknown, unknown, unknown>;
@@ -458,11 +464,11 @@ declare const _default: import("vue").DefineComponent<{
             stopPopperMouseEvent: import("../../../utils/props").BuildPropReturn<BooleanConstructor, boolean | (() => false) | (() => true) | undefined, unknown, unknown, unknown>;
             zIndex: NumberConstructor;
             boundariesPadding: import("../../../utils/props").BuildPropReturn<(new (...args: any[]) => number & {}) | (() => number) | ((new (...args: any[]) => number & {}) | (() => number))[], 0 | (() => 0) | undefined, false, unknown, unknown>;
-            fallbackPlacements: import("../../../utils/props").BuildPropReturn<(new (...args: any[]) => import("@popperjs/core").Placement[]) | (() => import("@popperjs/core").Placement[]) | ((new (...args: any[]) => import("@popperjs/core").Placement[]) | (() => import("@popperjs/core").Placement[]))[], (() => never[]) | undefined, false, unknown, unknown>;
+            fallbackPlacements: import("../../../utils/props").BuildPropReturn<(new (...args: any[]) => import("element-plus/es/components/popper").Placement[]) | (() => import("element-plus/es/components/popper").Placement[]) | ((new (...args: any[]) => import("element-plus/es/components/popper").Placement[]) | (() => import("element-plus/es/components/popper").Placement[]))[], (() => never[]) | undefined, false, unknown, unknown>;
             gpuAcceleration: import("../../../utils/props").BuildPropReturn<(new (...args: any[]) => import("../../../utils/props").BuildPropType<BooleanConstructor, unknown, unknown> & {}) | (() => import("../../../utils/props").BuildPropType<BooleanConstructor, unknown, unknown>) | ((new (...args: any[]) => import("../../../utils/props").BuildPropType<BooleanConstructor, unknown, unknown> & {}) | (() => import("../../../utils/props").BuildPropType<BooleanConstructor, unknown, unknown>))[], true | (() => true) | undefined, false, unknown, unknown>;
             offset: import("../../../utils/props").BuildPropReturn<(new (...args: any[]) => number & {}) | (() => number) | ((new (...args: any[]) => number & {}) | (() => number))[], 12 | (() => 12) | undefined, false, unknown, unknown>;
-            placement: import("../../../utils/props").BuildPropReturn<(new (...args: any[]) => import("../../../utils/props").BuildPropType<StringConstructor, import("@popperjs/core").Placement, unknown> & {}) | (() => import("../../../utils/props").BuildPropType<StringConstructor, import("@popperjs/core").Placement, unknown>) | ((new (...args: any[]) => import("../../../utils/props").BuildPropType<StringConstructor, import("@popperjs/core").Placement, unknown> & {}) | (() => import("../../../utils/props").BuildPropType<StringConstructor, import("@popperjs/core").Placement, unknown>))[], "bottom" | (() => "bottom") | undefined, false, unknown, unknown>;
-            popperOptions: import("../../../utils/props").BuildPropReturn<(new (...args: any[]) => Partial<import("@popperjs/core").Options>) | (() => Partial<import("@popperjs/core").Options>) | ((new (...args: any[]) => Partial<import("@popperjs/core").Options>) | (() => Partial<import("@popperjs/core").Options>))[], (() => {}) | undefined, false, unknown, unknown>;
+            placement: import("../../../utils/props").BuildPropReturn<(new (...args: any[]) => import("../../../utils/props").BuildPropType<StringConstructor, import("element-plus/es/components/popper").Placement, unknown> & {}) | (() => import("../../../utils/props").BuildPropType<StringConstructor, import("element-plus/es/components/popper").Placement, unknown>) | ((new (...args: any[]) => import("../../../utils/props").BuildPropType<StringConstructor, import("element-plus/es/components/popper").Placement, unknown> & {}) | (() => import("../../../utils/props").BuildPropType<StringConstructor, import("element-plus/es/components/popper").Placement, unknown>))[], "bottom" | (() => "bottom") | undefined, false, unknown, unknown>;
+            popperOptions: import("../../../utils/props").BuildPropReturn<(new (...args: any[]) => Partial<import("element-plus/es/components/popper").Options>) | (() => Partial<import("element-plus/es/components/popper").Options>) | ((new (...args: any[]) => Partial<import("element-plus/es/components/popper").Options>) | (() => Partial<import("element-plus/es/components/popper").Options>))[], (() => {}) | undefined, false, unknown, unknown>;
             strategy: import("../../../utils/props").BuildPropReturn<(new (...args: any[]) => import("../../../utils/props").BuildPropType<StringConstructor, "fixed" | "absolute", unknown> & {}) | (() => import("../../../utils/props").BuildPropType<StringConstructor, "fixed" | "absolute", unknown>) | ((new (...args: any[]) => import("../../../utils/props").BuildPropType<StringConstructor, "fixed" | "absolute", unknown> & {}) | (() => import("../../../utils/props").BuildPropType<StringConstructor, "fixed" | "absolute", unknown>))[], "absolute" | (() => "absolute") | undefined, false, unknown, unknown>;
             showAfter: import("../../../utils/props").BuildPropReturn<NumberConstructor, number, unknown, unknown, unknown>;
         }>> & {
@@ -487,7 +493,7 @@ declare const _default: import("vue").DefineComponent<{
                 $parent: import("vue").ComponentPublicInstance<{}, {}, {}, {}, {}, {}, {}, {}, false, import("vue").ComponentOptionsBase<any, any, any, any, any, any, any, any, any, {}>> | null;
                 $emit: ((event: string, ...args: any[]) => void) | ((event: string, ...args: any[]) => void);
                 $el: any;
-                $options: import("vue").ComponentOptionsBase<Readonly<import("vue").ExtractPropTypes<{}>>, import("../..").ElPopperInjectionContext, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, import("vue").EmitsOptions, string, {}> & {
+                $options: import("vue").ComponentOptionsBase<Readonly<import("vue").ExtractPropTypes<{}>>, import("element-plus/es/components/popper").ElPopperInjectionContext, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, import("vue").EmitsOptions, string, {}> & {
                     beforeCreate?: ((() => void) | (() => void)[]) | undefined;
                     created?: ((() => void) | (() => void)[]) | undefined;
                     beforeMount?: ((() => void) | (() => void)[]) | undefined;
@@ -507,7 +513,7 @@ declare const _default: import("vue").DefineComponent<{
                 $forceUpdate: () => void;
                 $nextTick: typeof import("vue").nextTick;
                 $watch(source: string | Function, cb: Function, options?: import("vue").WatchOptions<boolean> | undefined): import("vue").WatchStopHandle;
-            } & Readonly<import("vue").ExtractPropTypes<{}>> & import("vue").ShallowUnwrapRef<import("../..").ElPopperInjectionContext> & {} & {} & import("vue").ComponentCustomProperties) | null>;
+            } & Readonly<import("vue").ExtractPropTypes<{}>> & import("vue").ShallowUnwrapRef<import("element-plus/es/components/popper").ElPopperInjectionContext> & {} & {} & import("vue").ComponentCustomProperties) | null>;
             open: import("vue").Ref<boolean>;
             hide: () => void;
             updatePopper: () => void;
@@ -522,10 +528,10 @@ declare const _default: import("vue").DefineComponent<{
             visible: import("../../../utils/props").BuildPropType<import("../../../utils/props").PropWrapper<boolean | null>, unknown, unknown>;
             arrowOffset: number;
             boundariesPadding: number;
-            fallbackPlacements: import("@popperjs/core").Placement[];
+            fallbackPlacements: import("element-plus/es/components/popper").Placement[];
             gpuAcceleration: import("../../../utils/props").BuildPropType<(new (...args: any[]) => import("../../../utils/props").BuildPropType<BooleanConstructor, unknown, unknown> & {}) | (() => import("../../../utils/props").BuildPropType<BooleanConstructor, unknown, unknown>) | ((new (...args: any[]) => import("../../../utils/props").BuildPropType<BooleanConstructor, unknown, unknown> & {}) | (() => import("../../../utils/props").BuildPropType<BooleanConstructor, unknown, unknown>))[], unknown, unknown>;
-            placement: import("../../../utils/props").BuildPropType<(new (...args: any[]) => import("../../../utils/props").BuildPropType<StringConstructor, import("@popperjs/core").Placement, unknown> & {}) | (() => import("../../../utils/props").BuildPropType<StringConstructor, import("@popperjs/core").Placement, unknown>) | ((new (...args: any[]) => import("../../../utils/props").BuildPropType<StringConstructor, import("@popperjs/core").Placement, unknown> & {}) | (() => import("../../../utils/props").BuildPropType<StringConstructor, import("@popperjs/core").Placement, unknown>))[], unknown, unknown>;
-            popperOptions: Partial<import("@popperjs/core").Options>;
+            placement: import("../../../utils/props").BuildPropType<(new (...args: any[]) => import("../../../utils/props").BuildPropType<StringConstructor, import("element-plus/es/components/popper").Placement, unknown> & {}) | (() => import("../../../utils/props").BuildPropType<StringConstructor, import("element-plus/es/components/popper").Placement, unknown>) | ((new (...args: any[]) => import("../../../utils/props").BuildPropType<StringConstructor, import("element-plus/es/components/popper").Placement, unknown> & {}) | (() => import("../../../utils/props").BuildPropType<StringConstructor, import("element-plus/es/components/popper").Placement, unknown>))[], unknown, unknown>;
+            popperOptions: Partial<import("element-plus/es/components/popper").Options>;
             strategy: import("../../../utils/props").BuildPropType<(new (...args: any[]) => import("../../../utils/props").BuildPropType<StringConstructor, "fixed" | "absolute", unknown> & {}) | (() => import("../../../utils/props").BuildPropType<StringConstructor, "fixed" | "absolute", unknown>) | ((new (...args: any[]) => import("../../../utils/props").BuildPropType<StringConstructor, "fixed" | "absolute", unknown> & {}) | (() => import("../../../utils/props").BuildPropType<StringConstructor, "fixed" | "absolute", unknown>))[], unknown, unknown>;
             className: string | {
                 [x: string]: any;
@@ -590,7 +596,7 @@ declare const _default: import("vue").DefineComponent<{
             persistent: boolean;
             teleported: import("../../../utils/props").BuildPropType<BooleanConstructor, unknown, unknown>;
             trigger: "click" | "contextmenu" | "focus" | "hover" | ("click" | "contextmenu" | "focus" | "hover")[];
-            virtualRef: import("../..").Measurable;
+            virtualRef: import("element-plus/es/components/popper").Measurable;
             virtualTriggering: import("../../../utils/props").BuildPropType<BooleanConstructor, unknown, unknown>;
             openDelay: number;
             visibleArrow: import("../../../utils/props").BuildPropType<BooleanConstructor, unknown, unknown>;
@@ -626,7 +632,7 @@ declare const _default: import("vue").DefineComponent<{
             type: import("vue").PropType<"click" | "contextmenu" | "focus" | "hover" | ("click" | "contextmenu" | "focus" | "hover")[]>;
             default: string;
         };
-        virtualRef: import("../../../utils/props").BuildPropReturn<import("../../../utils/props").PropWrapper<import("../..").Measurable>, unknown, unknown, unknown, unknown>;
+        virtualRef: import("../../../utils/props").BuildPropReturn<import("../../../utils/props").PropWrapper<import("element-plus/es/components/popper").Measurable>, unknown, unknown, unknown, unknown>;
         virtualTriggering: import("../../../utils/props").BuildPropReturn<BooleanConstructor, unknown, unknown, unknown, unknown>;
         appendTo: import("../../../utils/props").BuildPropReturn<import("../../../utils/props").PropWrapper<string | HTMLElement>, string | (() => string) | undefined, unknown, unknown, unknown>;
         content: import("../../../utils/props").BuildPropReturn<StringConstructor, string | (() => string) | undefined, unknown, unknown, unknown>;
@@ -743,11 +749,11 @@ declare const _default: import("vue").DefineComponent<{
         stopPopperMouseEvent: import("../../../utils/props").BuildPropReturn<BooleanConstructor, boolean | (() => false) | (() => true) | undefined, unknown, unknown, unknown>;
         zIndex: NumberConstructor;
         boundariesPadding: import("../../../utils/props").BuildPropReturn<(new (...args: any[]) => number & {}) | (() => number) | ((new (...args: any[]) => number & {}) | (() => number))[], 0 | (() => 0) | undefined, false, unknown, unknown>;
-        fallbackPlacements: import("../../../utils/props").BuildPropReturn<(new (...args: any[]) => import("@popperjs/core").Placement[]) | (() => import("@popperjs/core").Placement[]) | ((new (...args: any[]) => import("@popperjs/core").Placement[]) | (() => import("@popperjs/core").Placement[]))[], (() => never[]) | undefined, false, unknown, unknown>;
+        fallbackPlacements: import("../../../utils/props").BuildPropReturn<(new (...args: any[]) => import("element-plus/es/components/popper").Placement[]) | (() => import("element-plus/es/components/popper").Placement[]) | ((new (...args: any[]) => import("element-plus/es/components/popper").Placement[]) | (() => import("element-plus/es/components/popper").Placement[]))[], (() => never[]) | undefined, false, unknown, unknown>;
         gpuAcceleration: import("../../../utils/props").BuildPropReturn<(new (...args: any[]) => import("../../../utils/props").BuildPropType<BooleanConstructor, unknown, unknown> & {}) | (() => import("../../../utils/props").BuildPropType<BooleanConstructor, unknown, unknown>) | ((new (...args: any[]) => import("../../../utils/props").BuildPropType<BooleanConstructor, unknown, unknown> & {}) | (() => import("../../../utils/props").BuildPropType<BooleanConstructor, unknown, unknown>))[], true | (() => true) | undefined, false, unknown, unknown>;
         offset: import("../../../utils/props").BuildPropReturn<(new (...args: any[]) => number & {}) | (() => number) | ((new (...args: any[]) => number & {}) | (() => number))[], 12 | (() => 12) | undefined, false, unknown, unknown>;
-        placement: import("../../../utils/props").BuildPropReturn<(new (...args: any[]) => import("../../../utils/props").BuildPropType<StringConstructor, import("@popperjs/core").Placement, unknown> & {}) | (() => import("../../../utils/props").BuildPropType<StringConstructor, import("@popperjs/core").Placement, unknown>) | ((new (...args: any[]) => import("../../../utils/props").BuildPropType<StringConstructor, import("@popperjs/core").Placement, unknown> & {}) | (() => import("../../../utils/props").BuildPropType<StringConstructor, import("@popperjs/core").Placement, unknown>))[], "bottom" | (() => "bottom") | undefined, false, unknown, unknown>;
-        popperOptions: import("../../../utils/props").BuildPropReturn<(new (...args: any[]) => Partial<import("@popperjs/core").Options>) | (() => Partial<import("@popperjs/core").Options>) | ((new (...args: any[]) => Partial<import("@popperjs/core").Options>) | (() => Partial<import("@popperjs/core").Options>))[], (() => {}) | undefined, false, unknown, unknown>;
+        placement: import("../../../utils/props").BuildPropReturn<(new (...args: any[]) => import("../../../utils/props").BuildPropType<StringConstructor, import("element-plus/es/components/popper").Placement, unknown> & {}) | (() => import("../../../utils/props").BuildPropType<StringConstructor, import("element-plus/es/components/popper").Placement, unknown>) | ((new (...args: any[]) => import("../../../utils/props").BuildPropType<StringConstructor, import("element-plus/es/components/popper").Placement, unknown> & {}) | (() => import("../../../utils/props").BuildPropType<StringConstructor, import("element-plus/es/components/popper").Placement, unknown>))[], "bottom" | (() => "bottom") | undefined, false, unknown, unknown>;
+        popperOptions: import("../../../utils/props").BuildPropReturn<(new (...args: any[]) => Partial<import("element-plus/es/components/popper").Options>) | (() => Partial<import("element-plus/es/components/popper").Options>) | ((new (...args: any[]) => Partial<import("element-plus/es/components/popper").Options>) | (() => Partial<import("element-plus/es/components/popper").Options>))[], (() => {}) | undefined, false, unknown, unknown>;
         strategy: import("../../../utils/props").BuildPropReturn<(new (...args: any[]) => import("../../../utils/props").BuildPropType<StringConstructor, "fixed" | "absolute", unknown> & {}) | (() => import("../../../utils/props").BuildPropType<StringConstructor, "fixed" | "absolute", unknown>) | ((new (...args: any[]) => import("../../../utils/props").BuildPropType<StringConstructor, "fixed" | "absolute", unknown> & {}) | (() => import("../../../utils/props").BuildPropType<StringConstructor, "fixed" | "absolute", unknown>))[], "absolute" | (() => "absolute") | undefined, false, unknown, unknown>;
         showAfter: import("../../../utils/props").BuildPropReturn<NumberConstructor, number, unknown, unknown, unknown>;
     }>> & {
@@ -772,7 +778,7 @@ declare const _default: import("vue").DefineComponent<{
             $parent: import("vue").ComponentPublicInstance<{}, {}, {}, {}, {}, {}, {}, {}, false, import("vue").ComponentOptionsBase<any, any, any, any, any, any, any, any, any, {}>> | null;
             $emit: ((event: string, ...args: any[]) => void) | ((event: string, ...args: any[]) => void);
             $el: any;
-            $options: import("vue").ComponentOptionsBase<Readonly<import("vue").ExtractPropTypes<{}>>, import("../..").ElPopperInjectionContext, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, import("vue").EmitsOptions, string, {}> & {
+            $options: import("vue").ComponentOptionsBase<Readonly<import("vue").ExtractPropTypes<{}>>, import("element-plus/es/components/popper").ElPopperInjectionContext, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, import("vue").EmitsOptions, string, {}> & {
                 beforeCreate?: ((() => void) | (() => void)[]) | undefined;
                 created?: ((() => void) | (() => void)[]) | undefined;
                 beforeMount?: ((() => void) | (() => void)[]) | undefined;
@@ -792,7 +798,7 @@ declare const _default: import("vue").DefineComponent<{
             $forceUpdate: () => void;
             $nextTick: typeof import("vue").nextTick;
             $watch(source: string | Function, cb: Function, options?: import("vue").WatchOptions<boolean> | undefined): import("vue").WatchStopHandle;
-        } & Readonly<import("vue").ExtractPropTypes<{}>> & import("vue").ShallowUnwrapRef<import("../..").ElPopperInjectionContext> & {} & {} & import("vue").ComponentCustomProperties) | null>;
+        } & Readonly<import("vue").ExtractPropTypes<{}>> & import("vue").ShallowUnwrapRef<import("element-plus/es/components/popper").ElPopperInjectionContext> & {} & {} & import("vue").ComponentCustomProperties) | null>;
         open: import("vue").Ref<boolean>;
         hide: () => void;
         updatePopper: () => void;
@@ -816,7 +822,7 @@ declare const _default: import("vue").DefineComponent<{
         $parent: import("vue").ComponentPublicInstance<{}, {}, {}, {}, {}, {}, {}, {}, false, import("vue").ComponentOptionsBase<any, any, any, any, any, any, any, any, any, {}>> | null;
         $emit: ((event: string, ...args: any[]) => void) | ((event: string, ...args: any[]) => void);
         $el: any;
-        $options: import("vue").ComponentOptionsBase<Readonly<import("vue").ExtractPropTypes<{}>>, import("../..").ElPopperInjectionContext, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, import("vue").EmitsOptions, string, {}> & {
+        $options: import("vue").ComponentOptionsBase<Readonly<import("vue").ExtractPropTypes<{}>>, import("element-plus/es/components/popper").ElPopperInjectionContext, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, import("vue").EmitsOptions, string, {}> & {
             beforeCreate?: ((() => void) | (() => void)[]) | undefined;
             created?: ((() => void) | (() => void)[]) | undefined;
             beforeMount?: ((() => void) | (() => void)[]) | undefined;
@@ -836,11 +842,17 @@ declare const _default: import("vue").DefineComponent<{
         $forceUpdate: () => void;
         $nextTick: typeof import("vue").nextTick;
         $watch(source: string | Function, cb: Function, options?: import("vue").WatchOptions<boolean> | undefined): import("vue").WatchStopHandle;
-    } & Readonly<import("vue").ExtractPropTypes<{}>> & import("vue").ShallowUnwrapRef<import("../..").ElPopperInjectionContext> & {} & {} & import("vue").ComponentCustomProperties) | null | undefined>;
+    } & Readonly<import("vue").ExtractPropTypes<{}>> & import("vue").ShallowUnwrapRef<import("element-plus/es/components/popper").ElPopperInjectionContext> & {} & {} & import("vue").ComponentCustomProperties) | null | undefined>;
     hide: () => void;
+    afterEnter: () => void;
+    afterLeave: () => void;
 }, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, string[], string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{
     title: StringConstructor;
     width: import("../../../utils/props").BuildPropReturn<(StringConstructor | NumberConstructor)[], number, unknown, unknown, unknown>;
+    appendToBody: {
+        type: BooleanConstructor;
+        default: undefined;
+    };
     content: import("../../../utils/props").BuildPropReturn<StringConstructor, string | (() => string) | undefined, unknown, unknown, unknown>;
     popperStyle: import("../../../utils/props").BuildPropReturn<import("../../../utils/props").PropWrapper<StyleValue>, string | import("vue").CSSProperties | (() => string) | (() => import("vue").CSSProperties) | (() => StyleValue[]) | undefined, unknown, unknown, unknown>;
     popperClass: import("../../../utils/props").BuildPropReturn<import("../../../utils/props").PropWrapper<string | {
@@ -906,6 +918,7 @@ declare const _default: import("vue").DefineComponent<{
         validator: ((val: unknown) => boolean) | undefined;
         __elPropsReservedKey: true;
     };
+    teleported: import("../../../utils/props").BuildPropReturn<BooleanConstructor, boolean | (() => false) | (() => true) | undefined, unknown, unknown, unknown>;
 }>> & {
     [x: string & `on${string}`]: ((...args: any[]) => any) | undefined;
 }, {
@@ -939,5 +952,7 @@ declare const _default: import("vue").DefineComponent<{
     } | any)[])[])[])[])[])[])[])[])[])[])[];
     popperStyle: StyleValue;
     content: string;
+    teleported: import("../../../utils/props").BuildPropType<BooleanConstructor, unknown, unknown>;
+    appendToBody: boolean;
 }>;
 export default _default;

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

@@ -1,6 +1,10 @@
 export declare const usePopoverProps: {
     title: StringConstructor;
     width: import("element-plus/es/utils/props").BuildPropReturn<(StringConstructor | NumberConstructor)[], number, unknown, unknown, unknown>;
+    appendToBody: {
+        type: BooleanConstructor;
+        default: undefined;
+    };
     content: import("element-plus/es/utils/props").BuildPropReturn<StringConstructor, string | (() => string) | undefined, unknown, unknown, unknown>;
     popperStyle: import("element-plus/es/utils/props").BuildPropReturn<import("element-plus/es/utils/props").PropWrapper<import("vue").StyleValue>, string | import("vue").CSSProperties | (() => string) | (() => import("vue").CSSProperties) | (() => import("vue").StyleValue[]) | undefined, unknown, unknown, unknown>;
     popperClass: import("element-plus/es/utils/props").BuildPropReturn<import("element-plus/es/utils/props").PropWrapper<string | {
@@ -66,4 +70,5 @@ export declare const usePopoverProps: {
         validator: ((val: unknown) => boolean) | undefined;
         __elPropsReservedKey: true;
     };
+    teleported: import("element-plus/es/utils/props").BuildPropReturn<BooleanConstructor, boolean | (() => false) | (() => true) | undefined, unknown, unknown, unknown>;
 };

package/lib/components/popover/src/popover.js

@@ -7,6 +7,7 @@ require('../../tooltip/index.js');
 var tooltip = require('../../tooltip/src/tooltip.js');
 
 const usePopoverProps = {
+  appendToBody: { type: Boolean, default: void 0 },
   content: tooltip.useTooltipContentProps.content,
   popperStyle: tooltip.useTooltipContentProps.popperStyle,
   popperClass: tooltip.useTooltipContentProps.popperClass,
@@ -18,6 +19,7 @@ const usePopoverProps = {
     ...tooltip.useTooltipContentProps.effect,
     default: "light"
   },
+  teleported: tooltip.useTooltipContentProps.teleported,
   ...props.buildProps({
     title: String,
     width: {

package/lib/components/popover/src/popover.js.map

@@ -1 +1 @@
-{"version":3,"file":"popover.js","sources":["../../../../../../packages/components/popover/src/popover.ts"],"sourcesContent":["import { buildProps } from '@element-plus/utils/props'\nimport { useTooltipContentProps } from '@element-plus/components/tooltip'\n\nexport const usePopoverProps = {\n  content: useTooltipContentProps.content,\n  popperStyle: useTooltipContentProps.popperStyle,\n  popperClass: useTooltipContentProps.popperClass,\n  enterable: {\n    ...useTooltipContentProps.enterable,\n    default: true,\n  },\n  effect: {\n    ...useTooltipContentProps.effect,\n    default: 'light',\n  },\n  ...buildProps({\n    title: String,\n\n    width: {\n      type: [String, Number],\n      default: 150,\n    },\n  }),\n}\n"],"names":["useTooltipContentProps","buildProps"],"mappings":";;;;;;;;AAEY,MAAC,eAAe,GAAG;AAC/B,EAAE,OAAO,EAAEA,8BAAsB,CAAC,OAAO;AACzC,EAAE,WAAW,EAAEA,8BAAsB,CAAC,WAAW;AACjD,EAAE,WAAW,EAAEA,8BAAsB,CAAC,WAAW;AACjD,EAAE,SAAS,EAAE;AACb,IAAI,GAAGA,8BAAsB,CAAC,SAAS;AACvC,IAAI,OAAO,EAAE,IAAI;AACjB,GAAG;AACH,EAAE,MAAM,EAAE;AACV,IAAI,GAAGA,8BAAsB,CAAC,MAAM;AACpC,IAAI,OAAO,EAAE,OAAO;AACpB,GAAG;AACH,EAAE,GAAGC,gBAAU,CAAC;AAChB,IAAI,KAAK,EAAE,MAAM;AACjB,IAAI,KAAK,EAAE;AACX,MAAM,IAAI,EAAE,CAAC,MAAM,EAAE,MAAM,CAAC;AAC5B,MAAM,OAAO,EAAE,GAAG;AAClB,KAAK;AACL,GAAG,CAAC;AACJ;;;;"}
+{"version":3,"file":"popover.js","sources":["../../../../../../packages/components/popover/src/popover.ts"],"sourcesContent":["import { buildProps } from '@element-plus/utils/props'\nimport { useTooltipContentProps } from '@element-plus/components/tooltip'\n\nexport const usePopoverProps = {\n  appendToBody: { type: Boolean, default: undefined },\n  content: useTooltipContentProps.content,\n  popperStyle: useTooltipContentProps.popperStyle,\n  popperClass: useTooltipContentProps.popperClass,\n  enterable: {\n    ...useTooltipContentProps.enterable,\n    default: true,\n  },\n  effect: {\n    ...useTooltipContentProps.effect,\n    default: 'light',\n  },\n  teleported: useTooltipContentProps.teleported,\n  ...buildProps({\n    title: String,\n\n    width: {\n      type: [String, Number],\n      default: 150,\n    },\n  }),\n}\n"],"names":["useTooltipContentProps","buildProps"],"mappings":";;;;;;;;AAEY,MAAC,eAAe,GAAG;AAC/B,EAAE,YAAY,EAAE,EAAE,IAAI,EAAE,OAAO,EAAE,OAAO,EAAE,KAAK,CAAC,EAAE;AAClD,EAAE,OAAO,EAAEA,8BAAsB,CAAC,OAAO;AACzC,EAAE,WAAW,EAAEA,8BAAsB,CAAC,WAAW;AACjD,EAAE,WAAW,EAAEA,8BAAsB,CAAC,WAAW;AACjD,EAAE,SAAS,EAAE;AACb,IAAI,GAAGA,8BAAsB,CAAC,SAAS;AACvC,IAAI,OAAO,EAAE,IAAI;AACjB,GAAG;AACH,EAAE,MAAM,EAAE;AACV,IAAI,GAAGA,8BAAsB,CAAC,MAAM;AACpC,IAAI,OAAO,EAAE,OAAO;AACpB,GAAG;AACH,EAAE,UAAU,EAAEA,8BAAsB,CAAC,UAAU;AAC/C,EAAE,GAAGC,gBAAU,CAAC;AAChB,IAAI,KAAK,EAAE,MAAM;AACjB,IAAI,KAAK,EAAE;AACX,MAAM,IAAI,EAAE,CAAC,MAAM,EAAE,MAAM,CAAC;AAC5B,MAAM,OAAO,EAAE,GAAG;AAClB,KAAK;AACL,GAAG,CAAC;AACJ;;;;"}

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

@@ -5,4 +5,5 @@ export declare const ElPopper: import("../../utils/types").SFCWithInstall<import
 export default ElPopper;
 export * from './src/popper';
 export * from './src/tokens';
+export { useDeprecateAppendToBody } from './src/deprecation';
 export type { Placement, Options } from '@popperjs/core';