ele-admin-plus 1.1.4 → 1.1.5-beta.2

package/es/ele-popconfirm/index.js

@@ -1,23 +1,23 @@
-import { defineComponent, ref, computed, resolveComponent, openBlock, createBlock, mergeProps, createSlots, withCtx, createElementVNode, normalizeProps, resolveDynamicComponent, normalizeStyle, createCommentVNode, createElementBlock, renderSlot, createTextVNode, toDisplayString } from "vue";
+import { defineComponent, ref, computed, resolveComponent, openBlock, createBlock, mergeProps, withCtx, createElementVNode, normalizeClass, normalizeStyle, normalizeProps, resolveDynamicComponent, createCommentVNode, createElementBlock, renderSlot, createTextVNode, toDisplayString } from "vue";
 import { ElIcon, ElButton, useLocale } from "element-plus";
 import { QuestionFilled } from "@element-plus/icons-vue";
-import { useLicense } from "../ele-config-provider/receiver";
 import { omit } from "../utils/core";
-import ElePopover from "../ele-popover/index";
+import EleTooltip from "../ele-tooltip/index";
 import { popconfirmProps, popconfirmEmits } from "./props";
 const _sfc_main = defineComponent({
   name: "ElePopconfirm",
-  components: { QuestionFilled, ElIcon, ElButton, ElePopover },
+  components: { QuestionFilled, ElIcon, ElButton, EleTooltip },
   props: popconfirmProps,
   emits: popconfirmEmits,
   setup(props, { emit }) {
     const { t } = useLocale();
-    const { authenticated } = useLicense();
-    const popoverRef = ref();
-    const rootProps = computed(() => {
+    const tooltipRef = ref(null);
+    const tooltipProps = computed(() => {
       const options = omit(props, [
         "title",
         "content",
+        "bodyClass",
+        "bodyStyle",
         "titleStyle",
         "contentStyle",
         "confirmButtonText",
@@ -40,16 +40,16 @@ const _sfc_main = defineComponent({
         "onAfter-enter",
         "onAfter-leave"
       ]);
-      if (authenticated.value) {
-        const classes = ["ele-popconfirm"];
-        if (typeof props.popperClass === "string" && props.popperClass) {
-          classes.push(props.popperClass);
-        }
-        options.popperClass = classes.join(" ");
+      options.ariaLabel = props.title;
+      options.gpuAcceleration = props.transition === "el-fade-in-linear";
+      const classes = ["ele-popconfirm"];
+      if (typeof props.popperClass === "string" && props.popperClass) {
+        classes.push(props.popperClass);
       }
+      options.popperClass = classes.join(" ");
       return options;
     });
-    const elIconProps = computed(() => {
+    const iconOptions = computed(() => {
       const options = props.iconProps || {};
       if (props.iconColor) {
         options.style = Object.assign(
@@ -77,21 +77,15 @@ const _sfc_main = defineComponent({
       return props.cancelButtonText || t("el.popconfirm.cancelButtonText");
     });
     const hidePopper = () => {
-      if (authenticated.value) {
-        popoverRef.value && popoverRef.value.hide();
-      }
+      tooltipRef.value && tooltipRef.value.hide();
     };
     const confirm = (e) => {
-      if (authenticated.value) {
-        hidePopper();
-        emit("confirm", e);
-      }
+      hidePopper();
+      emit("confirm", e);
     };
     const cancel = (e) => {
-      if (authenticated.value) {
-        hidePopper();
-        emit("cancel", e);
-      }
+      hidePopper();
+      emit("cancel", e);
     };
     const onUpdateVisible = (visible) => {
       emit("update:visible", visible);
@@ -109,11 +103,12 @@ const _sfc_main = defineComponent({
       emit("after-leave");
     };
     return {
-      popoverRef,
-      rootProps,
-      elIconProps,
+      tooltipRef,
+      tooltipProps,
+      iconOptions,
       confirmText,
       cancelText,
+      hidePopper,
       confirm,
       cancel,
       onUpdateVisible,
@@ -137,93 +132,94 @@ function _sfc_render(_ctx, _cache, $props, $setup, $data, $options) {
   const _component_QuestionFilled = resolveComponent("QuestionFilled");
   const _component_ElIcon = resolveComponent("ElIcon");
   const _component_ElButton = resolveComponent("ElButton");
-  const _component_ElePopover = resolveComponent("ElePopover");
-  return openBlock(), createBlock(_component_ElePopover, mergeProps(_ctx.rootProps, {
-    ref: "popoverRef",
+  const _component_EleTooltip = resolveComponent("EleTooltip");
+  return openBlock(), createBlock(_component_EleTooltip, mergeProps({ tabindex: _ctx.tabindex }, _ctx.tooltipProps, {
+    ref: "tooltipRef",
+    isPopover: true,
     "onUpdate:visible": _ctx.onUpdateVisible,
-    onBeforeEnter: _ctx.onPopBeforeEnter,
-    onBeforeLeave: _ctx.onPopBeforeLeave,
-    onAfterEnter: _ctx.onPopAfterEnter,
-    onAfterLeave: _ctx.onPopAfterLeave
-  }), createSlots({
+    onBeforeShow: _ctx.onPopBeforeEnter,
+    onBeforeHide: _ctx.onPopBeforeLeave,
+    onShow: _ctx.onPopAfterEnter,
+    onHide: _ctx.onPopAfterLeave
+  }), {
     body: withCtx(() => [
-      createElementVNode("div", _hoisted_1, [
-        !_ctx.hideIcon ? (openBlock(), createBlock(_component_ElIcon, normalizeProps(mergeProps({ key: 0 }, _ctx.elIconProps)), {
-          default: withCtx(() => [
-            _ctx.icon ? (openBlock(), createBlock(resolveDynamicComponent(_ctx.icon), {
-              key: 0,
-              style: normalizeStyle(_ctx.iconStyle)
-            }, null, 8, ["style"])) : (openBlock(), createBlock(_component_QuestionFilled, {
-              key: 1,
-              style: normalizeStyle(_ctx.iconStyle)
-            }, null, 8, ["style"]))
-          ]),
-          _: 1
-        }, 16)) : createCommentVNode("", true),
-        createElementVNode("div", _hoisted_2, [
-          (_ctx.content || _ctx.$slots.content) && (_ctx.title || _ctx.$slots.title) ? (openBlock(), createElementBlock("div", {
-            key: 0,
-            class: "ele-popconfirm-title",
-            style: normalizeStyle(_ctx.titleStyle)
-          }, [
-            renderSlot(_ctx.$slots, "title", {}, () => [
-              createTextVNode(toDisplayString(_ctx.title), 1)
-            ])
-          ], 4)) : createCommentVNode("", true),
-          createElementVNode("div", {
-            class: "ele-popconfirm-content",
-            style: normalizeStyle(_ctx.contentStyle)
-          }, [
-            renderSlot(_ctx.$slots, "content", {}, () => [
-              createTextVNode(toDisplayString(_ctx.content || _ctx.title), 1)
-            ])
-          ], 4)
-        ])
-      ]),
       createElementVNode("div", {
-        class: "ele-popconfirm-action",
-        style: normalizeStyle(_ctx.footerStyle)
+        class: normalizeClass(["ele-popover-body", _ctx.bodyClass]),
+        style: normalizeStyle(_ctx.bodyStyle)
       }, [
-        renderSlot(_ctx.$slots, "action", {
-          cancel: _ctx.cancel,
-          confirm: _ctx.confirm,
-          cancelText: _ctx.cancelText,
-          confirmText: _ctx.confirmText
-        }),
-        !_ctx.hideCancelButton ? (openBlock(), createBlock(_component_ElButton, mergeProps({
-          key: 0,
-          size: "small",
-          type: _ctx.cancelButtonType === "text" ? void 0 : _ctx.cancelButtonType,
-          text: _ctx.cancelButtonType === "text"
-        }, _ctx.cancelButtonProps || {}, { onClick: _ctx.cancel }), {
-          default: withCtx(() => [
-            createTextVNode(toDisplayString(_ctx.cancelText), 1)
-          ]),
-          _: 1
-        }, 16, ["type", "text", "onClick"])) : createCommentVNode("", true),
-        !_ctx.hideConfirmButton ? (openBlock(), createBlock(_component_ElButton, mergeProps({
-          key: 1,
-          size: "small",
-          type: _ctx.confirmButtonType === "text" ? void 0 : _ctx.confirmButtonType,
-          text: _ctx.confirmButtonType === "text"
-        }, _ctx.confirmButtonProps || {}, { onClick: _ctx.confirm }), {
-          default: withCtx(() => [
-            createTextVNode(toDisplayString(_ctx.confirmText), 1)
-          ]),
-          _: 1
-        }, 16, ["type", "text", "onClick"])) : createCommentVNode("", true)
-      ], 4)
+        createElementVNode("div", _hoisted_1, [
+          !_ctx.hideIcon ? (openBlock(), createBlock(_component_ElIcon, normalizeProps(mergeProps({ key: 0 }, _ctx.iconOptions)), {
+            default: withCtx(() => [
+              _ctx.icon ? (openBlock(), createBlock(resolveDynamicComponent(_ctx.icon), {
+                key: 0,
+                style: normalizeStyle(_ctx.iconStyle)
+              }, null, 8, ["style"])) : (openBlock(), createBlock(_component_QuestionFilled, {
+                key: 1,
+                style: normalizeStyle(_ctx.iconStyle)
+              }, null, 8, ["style"]))
+            ]),
+            _: 1
+          }, 16)) : createCommentVNode("", true),
+          createElementVNode("div", _hoisted_2, [
+            (_ctx.content || _ctx.$slots.content) && (_ctx.title || _ctx.$slots.title) ? (openBlock(), createElementBlock("div", {
+              key: 0,
+              class: "ele-popconfirm-title",
+              style: normalizeStyle(_ctx.titleStyle)
+            }, [
+              renderSlot(_ctx.$slots, "title", {}, () => [
+                createTextVNode(toDisplayString(_ctx.title), 1)
+              ])
+            ], 4)) : createCommentVNode("", true),
+            createElementVNode("div", {
+              class: "ele-popconfirm-content",
+              style: normalizeStyle(_ctx.contentStyle)
+            }, [
+              renderSlot(_ctx.$slots, "content", {}, () => [
+                createTextVNode(toDisplayString(_ctx.content || _ctx.title), 1)
+              ])
+            ], 4)
+          ])
+        ]),
+        createElementVNode("div", {
+          class: "ele-popconfirm-action",
+          style: normalizeStyle(_ctx.footerStyle)
+        }, [
+          renderSlot(_ctx.$slots, "action", {
+            cancel: _ctx.cancel,
+            confirm: _ctx.confirm,
+            cancelText: _ctx.cancelText,
+            confirmText: _ctx.confirmText
+          }),
+          !_ctx.hideCancelButton ? (openBlock(), createBlock(_component_ElButton, mergeProps({
+            key: 0,
+            size: "small",
+            type: _ctx.cancelButtonType === "text" ? void 0 : _ctx.cancelButtonType,
+            text: _ctx.cancelButtonType === "text"
+          }, _ctx.cancelButtonProps || {}, { onClick: _ctx.cancel }), {
+            default: withCtx(() => [
+              createTextVNode(toDisplayString(_ctx.cancelText), 1)
+            ]),
+            _: 1
+          }, 16, ["type", "text", "onClick"])) : createCommentVNode("", true),
+          !_ctx.hideConfirmButton ? (openBlock(), createBlock(_component_ElButton, mergeProps({
+            key: 1,
+            size: "small",
+            type: _ctx.confirmButtonType === "text" ? void 0 : _ctx.confirmButtonType,
+            text: _ctx.confirmButtonType === "text"
+          }, _ctx.confirmButtonProps || {}, { onClick: _ctx.confirm }), {
+            default: withCtx(() => [
+              createTextVNode(toDisplayString(_ctx.confirmText), 1)
+            ]),
+            _: 1
+          }, 16, ["type", "text", "onClick"])) : createCommentVNode("", true)
+        ], 4)
+      ], 6)
+    ]),
+    default: withCtx(() => [
+      _ctx.$slots.reference ? renderSlot(_ctx.$slots, "reference", { key: 0 }) : createCommentVNode("", true)
     ]),
-    _: 2
-  }, [
-    _ctx.$slots.reference ? {
-      name: "reference",
-      fn: withCtx(() => [
-        renderSlot(_ctx.$slots, "reference")
-      ]),
-      key: "0"
-    } : void 0
-  ]), 1040, ["onUpdate:visible", "onBeforeEnter", "onBeforeLeave", "onAfterEnter", "onAfterLeave"]);
+    _: 3
+  }, 16, ["tabindex", "onUpdate:visible", "onBeforeShow", "onBeforeHide", "onShow", "onHide"]);
 }
 const index = /* @__PURE__ */ _export_sfc(_sfc_main, [["render", _sfc_render]]);
 export {

package/es/ele-popconfirm/props.d.ts

@@ -8,29 +8,47 @@ export declare const popconfirmProps: {
         type: PropType<import("element-plus/es/utils").EpPropMergeType<(new (...args: any[]) => "hover" | "focus" | "click" | "contextmenu" | import("element-plus").TooltipTriggerType[]) | (() => import("element-plus/es/utils").Arrayable<import("element-plus").TooltipTriggerType>) | ((new (...args: any[]) => "hover" | "focus" | "click" | "contextmenu" | import("element-plus").TooltipTriggerType[]) | (() => import("element-plus/es/utils").Arrayable<import("element-plus").TooltipTriggerType>))[], unknown, unknown>>;
         default: string;
     };
+    /** 确认按钮文字 */
     confirmButtonText: StringConstructor;
+    /** 取消按钮文字 */
     cancelButtonText: StringConstructor;
+    /** 确认按钮类型 */
     confirmButtonType: {
         type: PropType<import("element-plus/es/utils").EpPropMergeType<StringConstructor, "" | "default" | "success" | "warning" | "info" | "text" | "primary" | "danger", unknown> | undefined>;
         default: string;
     };
+    /** 取消按钮类型 */
     cancelButtonType: {
         type: PropType<import("element-plus/es/utils").EpPropMergeType<StringConstructor, "" | "default" | "success" | "warning" | "info" | "text" | "primary" | "danger", unknown> | undefined>;
         default: string;
     };
+    /** 自定义图标 */
     icon: PropType<import("element-plus/es/utils").EpPropMergeType<(new (...args: any[]) => (string | import("vue").Component<any, any, any, import("vue").ComputedOptions, import("vue").MethodOptions>) & {}) | (() => string | import("vue").Component<any, any, any, import("vue").ComputedOptions, import("vue").MethodOptions>) | ((new (...args: any[]) => (string | import("vue").Component<any, any, any, import("vue").ComputedOptions, import("vue").MethodOptions>) & {}) | (() => string | import("vue").Component<any, any, any, import("vue").ComputedOptions, import("vue").MethodOptions>))[], unknown, unknown> | undefined>;
+    /** 图标颜色 */
     iconColor: {
         type: StringConstructor;
         default: string;
     };
+    /** 是否隐藏图标 */
     hideIcon: BooleanConstructor;
+    /** 是否隐藏确认按钮 */
     hideConfirmButton: BooleanConstructor;
+    /** 是否隐藏取消按钮 */
     hideCancelButton: BooleanConstructor;
+    /** 图标样式 */
     iconStyle: PropType<Partial<import("vue").CSSProperties>>;
+    /** 图标组件属性 */
     iconProps: PropType<ElIconProps>;
+    /** 确认按钮组件属性 */
     confirmButtonProps: PropType<ElButtonProps>;
+    /** 取消按钮组件属性 */
     cancelButtonProps: PropType<ElButtonProps>;
+    /** 底栏样式 */
     footerStyle: PropType<Partial<import("vue").CSSProperties>>;
+    transition: {
+        type: StringConstructor;
+        default: string;
+    };
     bodyClass: StringConstructor;
     bodyStyle: PropType<Partial<import("vue").CSSProperties>>;
     titleStyle: PropType<Partial<import("vue").CSSProperties>>;
@@ -49,7 +67,6 @@ export declare const popconfirmProps: {
     disabled: BooleanConstructor;
     teleported: import("element-plus/es/utils").EpPropFinalized<BooleanConstructor, unknown, unknown, true, boolean>;
     visible: import("element-plus/es/utils").EpPropFinalized<(new (...args: any[]) => boolean) | (() => boolean | null) | ((new (...args: any[]) => boolean) | (() => boolean | null))[], unknown, unknown, null, boolean>;
-    transition: StringConstructor;
     content: import("element-plus/es/utils").EpPropFinalized<StringConstructor, unknown, unknown, "", boolean>;
     popperStyle: {
         readonly type: PropType<import("element-plus/es/utils").EpPropMergeType<(new (...args: any[]) => string | import("vue").CSSProperties | import("vue").StyleValue[]) | (() => import("vue").StyleValue) | ((new (...args: any[]) => string | import("vue").CSSProperties | import("vue").StyleValue[]) | (() => import("vue").StyleValue))[], unknown, unknown>>;
@@ -72,6 +89,51 @@ export declare const popconfirmProps: {
     showArrow: import("element-plus/es/utils").EpPropFinalized<BooleanConstructor, unknown, unknown, true, boolean>;
     persistent: import("element-plus/es/utils").EpPropFinalized<BooleanConstructor, unknown, unknown, true, boolean>;
     popperClass: StringConstructor;
+    bg: StringConstructor;
+    arrowBg: StringConstructor;
+    isPopover: BooleanConstructor;
+    id: StringConstructor;
+    role: import("element-plus/es/utils").EpPropFinalized<StringConstructor, "menu" | "group" | "listbox" | "grid" | "tooltip" | "dialog" | "navigation" | "tree", unknown, "tooltip", boolean>;
+    strategy: import("element-plus/es/utils").EpPropFinalized<StringConstructor, "fixed" | "absolute", unknown, "absolute", boolean>;
+    arrowOffset: import("element-plus/es/utils").EpPropFinalized<NumberConstructor, unknown, unknown, 5, boolean>;
+    triggerKeys: import("element-plus/es/utils").EpPropFinalized<(new (...args: any[]) => string[]) | (() => string[]) | ((new (...args: any[]) => string[]) | (() => string[]))[], unknown, unknown, () => string[], boolean>;
+    virtualRef: {
+        readonly type: PropType<import("element-plus").Measurable>;
+        readonly required: false;
+        readonly validator: ((val: unknown) => boolean) | undefined;
+        __epPropKey: true;
+    };
+    virtualTriggering: BooleanConstructor;
+    open: BooleanConstructor;
+    appendTo: {
+        readonly type: PropType<import("element-plus/es/utils").EpPropMergeType<(new (...args: any[]) => string | HTMLElement) | (() => string | HTMLElement) | ((new (...args: any[]) => string | HTMLElement) | (() => string | HTMLElement))[], unknown, unknown>>;
+        readonly required: false;
+        readonly validator: ((val: unknown) => boolean) | undefined;
+        __epPropKey: true;
+    };
+    rawContent: import("element-plus/es/utils").EpPropFinalized<BooleanConstructor, unknown, unknown, false, boolean>;
+    ariaLabel: StringConstructor;
+    pure: BooleanConstructor;
+    focusOnShow: import("element-plus/es/utils").EpPropFinalized<BooleanConstructor, unknown, unknown, false, boolean>;
+    trapping: import("element-plus/es/utils").EpPropFinalized<BooleanConstructor, unknown, unknown, false, boolean>;
+    referenceEl: {
+        readonly type: PropType<HTMLElement>;
+        readonly required: false;
+        readonly validator: ((val: unknown) => boolean) | undefined;
+        __epPropKey: true;
+    };
+    triggerTargetEl: {
+        readonly type: PropType<HTMLElement>;
+        readonly required: false;
+        readonly validator: ((val: unknown) => boolean) | undefined;
+        __epPropKey: true;
+    };
+    stopPopperMouseEvent: import("element-plus/es/utils").EpPropFinalized<BooleanConstructor, unknown, unknown, true, boolean>;
+    zIndex: NumberConstructor;
+    boundariesPadding: import("element-plus/es/utils").EpPropFinalized<NumberConstructor, unknown, unknown, 0, boolean>;
+    fallbackPlacements: import("element-plus/es/utils").EpPropFinalized<(new (...args: any[]) => import("element-plus").Placement[]) | (() => import("element-plus").Placement[]) | ((new (...args: any[]) => import("element-plus").Placement[]) | (() => import("element-plus").Placement[]))[], unknown, unknown, undefined, boolean>;
+    gpuAcceleration: import("element-plus/es/utils").EpPropFinalized<BooleanConstructor, unknown, unknown, true, boolean>;
+    className: StringConstructor;
 };
 export type PopconfirmProps = ExtractPropTypes<typeof popconfirmProps>;
 /**

package/es/ele-popconfirm/props.js

@@ -1,47 +1,46 @@
-import { popoverEmits } from "element-plus";
-import { popoverProps } from "../ele-popover/props";
+import { popoverProps, popoverEmits } from "../ele-popover/props";
 const popconfirmProps = {
   ...popoverProps,
   trigger: {
     type: String,
     default: "click"
   },
-  // 确认按钮文字
+  /** 确认按钮文字 */
   confirmButtonText: String,
-  // 取消按钮文字
+  /** 取消按钮文字 */
   cancelButtonText: String,
-  // 确认按钮类型
+  /** 确认按钮类型 */
   confirmButtonType: {
     type: String,
     default: "primary"
   },
-  // 取消按钮类型
+  /** 取消按钮类型 */
   cancelButtonType: {
     type: String,
     default: "text"
   },
-  // 自定义图标
+  /** 自定义图标 */
   icon: [String, Object, Function],
-  // 图标颜色
+  /** 图标颜色 */
   iconColor: {
     type: String,
     default: "#f90"
   },
-  // 是否隐藏图标
+  /** 是否隐藏图标 */
   hideIcon: Boolean,
-  // 是否隐藏确认按钮
+  /** 是否隐藏确认按钮 */
   hideConfirmButton: Boolean,
-  // 是否隐藏取消按钮
+  /** 是否隐藏取消按钮 */
   hideCancelButton: Boolean,
-  // 图标样式
+  /** 图标样式 */
   iconStyle: Object,
-  // 图标组件属性
+  /** 图标组件属性 */
   iconProps: Object,
-  // 确认按钮组件属性
+  /** 确认按钮组件属性 */
   confirmButtonProps: Object,
-  // 取消按钮组件属性
+  /** 取消按钮组件属性 */
   cancelButtonProps: Object,
-  // 底栏样式
+  /** 底栏样式 */
   footerStyle: Object
 };
 const popconfirmEmits = {

package/es/ele-popconfirm/style/css-var.scss

@@ -1,5 +1,6 @@
 @use '../../style/util.scss' as *;
 
+/* 气泡确认框主题变量 */
 @mixin set-popconfirm-var($var) {
   .ele-popconfirm {
     @include set-ele-var('popconfirm', $var);

package/es/ele-popover/index.d.ts

@@ -1,5 +1,10 @@
-import type { ElPopoverProps, ElPopoverInstance, ElPopperInstance } from '../ele-app/types';
+import type { TooltipProps } from '../ele-tooltip/props';
+import { EleTooltipInstance } from '../ele-app/types/components';
 declare const _default: import("vue").DefineComponent<{
+    transition: {
+        type: StringConstructor;
+        default: string; /** 文字提示属性 */
+    }; /** 文字提示属性 */
     bodyClass: StringConstructor;
     bodyStyle: import("vue").PropType<Partial<import("vue").CSSProperties>>;
     titleStyle: import("vue").PropType<Partial<import("vue").CSSProperties>>;
@@ -19,7 +24,6 @@ declare const _default: import("vue").DefineComponent<{
     disabled: BooleanConstructor;
     teleported: import("element-plus/es/utils").EpPropFinalized<BooleanConstructor, unknown, unknown, true, boolean>;
     visible: import("element-plus/es/utils").EpPropFinalized<(new (...args: any[]) => boolean) | (() => boolean | null) | ((new (...args: any[]) => boolean) | (() => boolean | null))[], unknown, unknown, null, boolean>;
-    transition: StringConstructor;
     content: import("element-plus/es/utils").EpPropFinalized<StringConstructor, unknown, unknown, "", boolean>;
     popperStyle: {
         readonly type: import("vue").PropType<import("element-plus/es/utils").EpPropMergeType<(new (...args: any[]) => string | import("vue").CSSProperties | import("vue").StyleValue[]) | (() => import("vue").StyleValue) | ((new (...args: any[]) => string | import("vue").CSSProperties | import("vue").StyleValue[]) | (() => import("vue").StyleValue))[], unknown, unknown>>;
@@ -42,10 +46,54 @@ declare const _default: import("vue").DefineComponent<{
     showArrow: import("element-plus/es/utils").EpPropFinalized<BooleanConstructor, unknown, unknown, true, boolean>;
     persistent: import("element-plus/es/utils").EpPropFinalized<BooleanConstructor, unknown, unknown, true, boolean>;
     popperClass: StringConstructor;
+    bg: StringConstructor;
+    arrowBg: StringConstructor;
+    isPopover: BooleanConstructor;
+    id: StringConstructor;
+    role: import("element-plus/es/utils").EpPropFinalized<StringConstructor, "menu" | "group" | "listbox" | "grid" | "tooltip" | "dialog" | "navigation" | "tree", unknown, "tooltip", boolean>;
+    strategy: import("element-plus/es/utils").EpPropFinalized<StringConstructor, "fixed" | "absolute", unknown, "absolute", boolean>;
+    arrowOffset: import("element-plus/es/utils").EpPropFinalized<NumberConstructor, unknown, unknown, 5, boolean>;
+    triggerKeys: import("element-plus/es/utils").EpPropFinalized<(new (...args: any[]) => string[]) | (() => string[]) | ((new (...args: any[]) => string[]) | (() => string[]))[], unknown, unknown, () => string[], boolean>;
+    virtualRef: {
+        readonly type: import("vue").PropType<import("element-plus").Measurable>;
+        readonly required: false;
+        readonly validator: ((val: unknown) => boolean) | undefined;
+        __epPropKey: true;
+    };
+    virtualTriggering: BooleanConstructor;
+    open: BooleanConstructor;
+    appendTo: {
+        readonly type: import("vue").PropType<import("element-plus/es/utils").EpPropMergeType<(new (...args: any[]) => string | HTMLElement) | (() => string | HTMLElement) | ((new (...args: any[]) => string | HTMLElement) | (() => string | HTMLElement))[], unknown, unknown>>;
+        readonly required: false;
+        readonly validator: ((val: unknown) => boolean) | undefined;
+        __epPropKey: true;
+    };
+    rawContent: import("element-plus/es/utils").EpPropFinalized<BooleanConstructor, unknown, unknown, false, boolean>;
+    ariaLabel: StringConstructor;
+    pure: BooleanConstructor;
+    focusOnShow: import("element-plus/es/utils").EpPropFinalized<BooleanConstructor, unknown, unknown, false, boolean>;
+    trapping: import("element-plus/es/utils").EpPropFinalized<BooleanConstructor, unknown, unknown, false, boolean>;
+    referenceEl: {
+        readonly type: import("vue").PropType<HTMLElement>;
+        readonly required: false;
+        readonly validator: ((val: unknown) => boolean) | undefined;
+        __epPropKey: true;
+    };
+    triggerTargetEl: {
+        readonly type: import("vue").PropType<HTMLElement>;
+        readonly required: false;
+        readonly validator: ((val: unknown) => boolean) | undefined;
+        __epPropKey: true;
+    };
+    stopPopperMouseEvent: import("element-plus/es/utils").EpPropFinalized<BooleanConstructor, unknown, unknown, true, boolean>;
+    zIndex: NumberConstructor;
+    boundariesPadding: import("element-plus/es/utils").EpPropFinalized<NumberConstructor, unknown, unknown, 0, boolean>;
+    fallbackPlacements: import("element-plus/es/utils").EpPropFinalized<(new (...args: any[]) => import("element-plus").Placement[]) | (() => import("element-plus").Placement[]) | ((new (...args: any[]) => import("element-plus").Placement[]) | (() => import("element-plus").Placement[]))[], unknown, unknown, undefined, boolean>;
+    gpuAcceleration: import("element-plus/es/utils").EpPropFinalized<BooleanConstructor, unknown, unknown, true, boolean>;
+    className: StringConstructor;
 }, {
-    popoverRef: import("vue").Ref<ElPopoverInstance | undefined>;
-    rootProps: import("vue").ComputedRef<ElPopoverProps>;
-    popperRef: import("vue").ComputedRef<ElPopperInstance>;
+    tooltipRef: import("vue").Ref<EleTooltipInstance>;
+    tooltipProps: import("vue").ComputedRef<Partial<TooltipProps>>;
     hide: () => void;
     onUpdateVisible: (visible: boolean) => void;
     onPopBeforeEnter: () => void;
@@ -59,6 +107,10 @@ declare const _default: import("vue").DefineComponent<{
     'after-enter': () => boolean;
     'after-leave': () => boolean;
 }, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{
+    transition: {
+        type: StringConstructor;
+        default: string; /** 文字提示属性 */
+    }; /** 文字提示属性 */
     bodyClass: StringConstructor;
     bodyStyle: import("vue").PropType<Partial<import("vue").CSSProperties>>;
     titleStyle: import("vue").PropType<Partial<import("vue").CSSProperties>>;
@@ -78,7 +130,6 @@ declare const _default: import("vue").DefineComponent<{
     disabled: BooleanConstructor;
     teleported: import("element-plus/es/utils").EpPropFinalized<BooleanConstructor, unknown, unknown, true, boolean>;
     visible: import("element-plus/es/utils").EpPropFinalized<(new (...args: any[]) => boolean) | (() => boolean | null) | ((new (...args: any[]) => boolean) | (() => boolean | null))[], unknown, unknown, null, boolean>;
-    transition: StringConstructor;
     content: import("element-plus/es/utils").EpPropFinalized<StringConstructor, unknown, unknown, "", boolean>;
     popperStyle: {
         readonly type: import("vue").PropType<import("element-plus/es/utils").EpPropMergeType<(new (...args: any[]) => string | import("vue").CSSProperties | import("vue").StyleValue[]) | (() => import("vue").StyleValue) | ((new (...args: any[]) => string | import("vue").CSSProperties | import("vue").StyleValue[]) | (() => import("vue").StyleValue))[], unknown, unknown>>;
@@ -101,6 +152,51 @@ declare const _default: import("vue").DefineComponent<{
     showArrow: import("element-plus/es/utils").EpPropFinalized<BooleanConstructor, unknown, unknown, true, boolean>;
     persistent: import("element-plus/es/utils").EpPropFinalized<BooleanConstructor, unknown, unknown, true, boolean>;
     popperClass: StringConstructor;
+    bg: StringConstructor;
+    arrowBg: StringConstructor;
+    isPopover: BooleanConstructor;
+    id: StringConstructor;
+    role: import("element-plus/es/utils").EpPropFinalized<StringConstructor, "menu" | "group" | "listbox" | "grid" | "tooltip" | "dialog" | "navigation" | "tree", unknown, "tooltip", boolean>;
+    strategy: import("element-plus/es/utils").EpPropFinalized<StringConstructor, "fixed" | "absolute", unknown, "absolute", boolean>;
+    arrowOffset: import("element-plus/es/utils").EpPropFinalized<NumberConstructor, unknown, unknown, 5, boolean>;
+    triggerKeys: import("element-plus/es/utils").EpPropFinalized<(new (...args: any[]) => string[]) | (() => string[]) | ((new (...args: any[]) => string[]) | (() => string[]))[], unknown, unknown, () => string[], boolean>;
+    virtualRef: {
+        readonly type: import("vue").PropType<import("element-plus").Measurable>;
+        readonly required: false;
+        readonly validator: ((val: unknown) => boolean) | undefined;
+        __epPropKey: true;
+    };
+    virtualTriggering: BooleanConstructor;
+    open: BooleanConstructor;
+    appendTo: {
+        readonly type: import("vue").PropType<import("element-plus/es/utils").EpPropMergeType<(new (...args: any[]) => string | HTMLElement) | (() => string | HTMLElement) | ((new (...args: any[]) => string | HTMLElement) | (() => string | HTMLElement))[], unknown, unknown>>;
+        readonly required: false;
+        readonly validator: ((val: unknown) => boolean) | undefined;
+        __epPropKey: true;
+    };
+    rawContent: import("element-plus/es/utils").EpPropFinalized<BooleanConstructor, unknown, unknown, false, boolean>;
+    ariaLabel: StringConstructor;
+    pure: BooleanConstructor;
+    focusOnShow: import("element-plus/es/utils").EpPropFinalized<BooleanConstructor, unknown, unknown, false, boolean>;
+    trapping: import("element-plus/es/utils").EpPropFinalized<BooleanConstructor, unknown, unknown, false, boolean>;
+    referenceEl: {
+        readonly type: import("vue").PropType<HTMLElement>;
+        readonly required: false;
+        readonly validator: ((val: unknown) => boolean) | undefined;
+        __epPropKey: true;
+    };
+    triggerTargetEl: {
+        readonly type: import("vue").PropType<HTMLElement>;
+        readonly required: false;
+        readonly validator: ((val: unknown) => boolean) | undefined;
+        __epPropKey: true;
+    };
+    stopPopperMouseEvent: import("element-plus/es/utils").EpPropFinalized<BooleanConstructor, unknown, unknown, true, boolean>;
+    zIndex: NumberConstructor;
+    boundariesPadding: import("element-plus/es/utils").EpPropFinalized<NumberConstructor, unknown, unknown, 0, boolean>;
+    fallbackPlacements: import("element-plus/es/utils").EpPropFinalized<(new (...args: any[]) => import("element-plus").Placement[]) | (() => import("element-plus").Placement[]) | ((new (...args: any[]) => import("element-plus").Placement[]) | (() => import("element-plus").Placement[]))[], unknown, unknown, undefined, boolean>;
+    gpuAcceleration: import("element-plus/es/utils").EpPropFinalized<BooleanConstructor, unknown, unknown, true, boolean>;
+    className: StringConstructor;
 }>> & {
     "onUpdate:visible"?: ((value: boolean) => any) | undefined;
     "onBefore-enter"?: (() => any) | undefined;
@@ -115,8 +211,11 @@ declare const _default: import("vue").DefineComponent<{
     popperOptions: Partial<import("element-plus").Options>;
     tabindex: import("element-plus/es/utils").EpPropMergeType<(new (...args: any[]) => string | number) | (() => string | number) | ((new (...args: any[]) => string | number) | (() => string | number))[], unknown, unknown>;
     disabled: boolean;
+    role: import("element-plus/es/utils").EpPropMergeType<StringConstructor, "menu" | "group" | "listbox" | "grid" | "tooltip" | "dialog" | "navigation" | "tree", unknown>;
     teleported: import("element-plus/es/utils").EpPropMergeType<BooleanConstructor, unknown, unknown>;
+    strategy: import("element-plus/es/utils").EpPropMergeType<StringConstructor, "fixed" | "absolute", unknown>;
     visible: import("element-plus/es/utils").EpPropMergeType<(new (...args: any[]) => boolean) | (() => boolean | null) | ((new (...args: any[]) => boolean) | (() => boolean | null))[], unknown, unknown>;
+    transition: string;
     content: string;
     enterable: import("element-plus/es/utils").EpPropMergeType<BooleanConstructor, unknown, unknown>;
     width: import("element-plus/es/utils").EpPropMergeType<readonly [StringConstructor, NumberConstructor], unknown, unknown>;
@@ -125,5 +224,18 @@ declare const _default: import("vue").DefineComponent<{
     autoClose: number;
     showArrow: import("element-plus/es/utils").EpPropMergeType<BooleanConstructor, unknown, unknown>;
     persistent: import("element-plus/es/utils").EpPropMergeType<BooleanConstructor, unknown, unknown>;
+    arrowOffset: number;
+    triggerKeys: string[];
+    virtualTriggering: boolean;
+    open: boolean;
+    rawContent: import("element-plus/es/utils").EpPropMergeType<BooleanConstructor, unknown, unknown>;
+    pure: boolean;
+    focusOnShow: import("element-plus/es/utils").EpPropMergeType<BooleanConstructor, unknown, unknown>;
+    trapping: import("element-plus/es/utils").EpPropMergeType<BooleanConstructor, unknown, unknown>;
+    stopPopperMouseEvent: import("element-plus/es/utils").EpPropMergeType<BooleanConstructor, unknown, unknown>;
+    boundariesPadding: number;
+    fallbackPlacements: import("element-plus").Placement[];
+    gpuAcceleration: import("element-plus/es/utils").EpPropMergeType<BooleanConstructor, unknown, unknown>;
+    isPopover: boolean;
 }, {}>;
 export default _default;