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

package/es/ele-toolbar/props.js

@@ -1,18 +1,18 @@
 const toolbarProps = {
-  // 标题
+  /** 标题 */
   title: String,
-  // 二级标题
+  /** 二级标题 */
   subtitle: String,
-  // 主题风格
+  /** 主题风格 */
   theme: {
     type: String,
     default: "plain"
   },
-  // 标题区样式
+  /** 标题区样式 */
   titleStyle: Object,
-  // 内容区样式
+  /** 内容区样式 */
   bodyStyle: Object,
-  // 按钮区样式
+  /** 按钮区样式 */
   toolsStyle: Object
 };
 export {

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

@@ -1,5 +1,6 @@
 @use '../../style/util.scss' as *;
 
+/* 工具栏主题变量 */
 @mixin set-toolbar-var($var) {
   .ele-toolbar {
     @include set-ele-var('toolbar', $var);

package/es/ele-toolbar/style/index.scss

@@ -41,7 +41,7 @@
     align-items: center;
   }
 
-  // 朴素风格
+  /* 朴素风格 */
   &.is-plain {
     padding: 0;
     border: none;
@@ -49,7 +49,7 @@
     margin: eleVar('toolbar-plain', 'margin');
   }
 
-  // 修复上传列表占位
+  /* 修复上传列表占位 */
   .el-upload-list {
     margin: 0;
   }

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

@@ -1,16 +1,16 @@
 import type { ElTooltipProps, ElTooltipInstance, ElPopperInstance } from '../ele-app/types';
-import type { TooltipEmits } from './props';
 declare const _default: import("vue").DefineComponent<{
     bodyStyle: import("vue").PropType<Partial<import("vue").CSSProperties>>;
     bg: StringConstructor;
     arrowBg: StringConstructor;
-    keepAlive: BooleanConstructor;
-    id: StringConstructor;
+    width: (StringConstructor | NumberConstructor)[];
+    isPopover: BooleanConstructor;
     offset: import("element-plus/es/utils").EpPropFinalized<NumberConstructor, unknown, unknown, 12, boolean>;
     trigger: import("element-plus/es/utils").EpPropFinalized<(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, "hover", boolean>;
     effect: import("element-plus/es/utils").EpPropFinalized<StringConstructor, unknown, unknown, "dark", boolean>;
     placement: import("element-plus/es/utils").EpPropFinalized<StringConstructor, import("element-plus").Placement, unknown, "bottom", boolean>;
     popperOptions: import("element-plus/es/utils").EpPropFinalized<(new (...args: any[]) => Partial<import("element-plus").Options>) | (() => Partial<import("element-plus").Options>) | ((new (...args: any[]) => Partial<import("element-plus").Options>) | (() => Partial<import("element-plus").Options>))[], unknown, unknown, () => {}, boolean>;
+    id: StringConstructor;
     disabled: BooleanConstructor;
     role: import("element-plus/es/utils").EpPropFinalized<StringConstructor, "menu" | "group" | "listbox" | "grid" | "tooltip" | "dialog" | "navigation" | "tree", unknown, "tooltip", boolean>;
     teleported: import("element-plus/es/utils").EpPropFinalized<BooleanConstructor, unknown, unknown, true, boolean>;
@@ -119,9 +119,9 @@ declare const _default: import("vue").DefineComponent<{
     contentRef: import("vue").ComputedRef<any>;
     isFocusInsideContent: () => void;
     updatePopper: () => void;
-    onOpen: (opt: any) => void;
-    onClose: (opt: any) => void;
-    hide: (opt: any) => void;
+    onOpen: (opt?: Event) => void;
+    onClose: (opt?: Event) => void;
+    hide: (opt?: Event) => void;
     onUpdateVisible: (visible: boolean) => void;
     onPopBeforeShow: (e: Event) => void;
     onPopBeforeHide: (e: Event) => void;
@@ -129,17 +129,18 @@ declare const _default: import("vue").DefineComponent<{
     onPopHide: (e: Event) => void;
     onPopOpen: (e: any) => void;
     onPopClose: (e: any) => void;
-}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, TooltipEmits, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{
+}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, import("./props").TooltipEmits, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{
     bodyStyle: import("vue").PropType<Partial<import("vue").CSSProperties>>;
     bg: StringConstructor;
     arrowBg: StringConstructor;
-    keepAlive: BooleanConstructor;
-    id: StringConstructor;
+    width: (StringConstructor | NumberConstructor)[];
+    isPopover: BooleanConstructor;
     offset: import("element-plus/es/utils").EpPropFinalized<NumberConstructor, unknown, unknown, 12, boolean>;
     trigger: import("element-plus/es/utils").EpPropFinalized<(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, "hover", boolean>;
     effect: import("element-plus/es/utils").EpPropFinalized<StringConstructor, unknown, unknown, "dark", boolean>;
     placement: import("element-plus/es/utils").EpPropFinalized<StringConstructor, import("element-plus").Placement, unknown, "bottom", boolean>;
     popperOptions: import("element-plus/es/utils").EpPropFinalized<(new (...args: any[]) => Partial<import("element-plus").Options>) | (() => Partial<import("element-plus").Options>) | ((new (...args: any[]) => Partial<import("element-plus").Options>) | (() => Partial<import("element-plus").Options>))[], unknown, unknown, () => {}, boolean>;
+    id: StringConstructor;
     disabled: BooleanConstructor;
     role: import("element-plus/es/utils").EpPropFinalized<StringConstructor, "menu" | "group" | "listbox" | "grid" | "tooltip" | "dialog" | "navigation" | "tree", unknown, "tooltip", boolean>;
     teleported: import("element-plus/es/utils").EpPropFinalized<BooleanConstructor, unknown, unknown, true, boolean>;
@@ -279,6 +280,6 @@ declare const _default: import("vue").DefineComponent<{
     boundariesPadding: number;
     fallbackPlacements: import("element-plus").Placement[];
     gpuAcceleration: import("element-plus/es/utils").EpPropMergeType<BooleanConstructor, unknown, unknown>;
-    keepAlive: boolean;
+    isPopover: boolean;
 }, {}>;
 export default _default;

package/es/ele-tooltip/index.js

@@ -1,8 +1,8 @@
-import { defineComponent, ref, computed, onDeactivated, resolveComponent, openBlock, createBlock, mergeProps, withCtx, createElementBlock, normalizeStyle, renderSlot, createTextVNode, toDisplayString, createCommentVNode } from "vue";
-import { ElTooltip, tooltipEmits } from "element-plus";
+import { defineComponent, ref, computed, resolveComponent, openBlock, createBlock, mergeProps, withCtx, renderSlot, createElementBlock, normalizeStyle, createTextVNode, toDisplayString, createCommentVNode } from "vue";
+import { ElTooltip } from "element-plus";
 import { useLicense } from "../ele-config-provider/receiver";
 import { omit } from "../utils/core";
-import { tooltipProps } from "./props";
+import { tooltipProps, tooltipEmits } from "./props";
 const _sfc_main = defineComponent({
   name: "EleTooltip",
   components: { ElTooltip },
@@ -15,6 +15,9 @@ const _sfc_main = defineComponent({
       const options = omit(props, [
         "content",
         "bodyStyle",
+        "bg",
+        "arrowBg",
+        "isPopover",
         "onUpdate:visible",
         "onBefore-show",
         "onBefore-hide",
@@ -24,29 +27,37 @@ const _sfc_main = defineComponent({
         "onClose"
       ]);
       if (authenticated.value) {
-        const classes = ["ele-popper", "ele-tooltip"];
+        const classes = ["ele-popper"];
+        if (props.isPopover && props.effect === "light") {
+          classes.push("ele-popover");
+        } else {
+          classes.push("ele-tooltip");
+        }
         if (typeof props.popperClass === "string" && props.popperClass) {
           classes.push(props.popperClass);
         }
         options.popperClass = classes.join(" ");
       }
+      const style = {};
       if (props.bg || props.arrowBg) {
         options.effect = "dark";
-        const style = {};
         if (props.bg) {
           style["--ele-tooltip-bg"] = props.bg;
         }
         if (props.arrowBg) {
           style["--ele-tooltip-arrow-bg"] = props.arrowBg;
         }
-        const popStyle = props.popperStyle;
-        if (!popStyle) {
-          options.popperStyle = style;
-        } else if (Array.isArray(popStyle)) {
-          options.popperStyle = [style, ...popStyle];
-        } else {
-          options.popperStyle = [style, popStyle];
-        }
+      }
+      const { width, popperStyle } = props;
+      if (width != null) {
+        style.width = typeof width === "string" ? width : `${width}px`;
+      }
+      if (!popperStyle) {
+        options.popperStyle = style;
+      } else if (Array.isArray(popperStyle)) {
+        options.popperStyle = [style, ...popperStyle];
+      } else {
+        options.popperStyle = [style, popperStyle];
       }
       return options;
     });
@@ -96,11 +107,6 @@ const _sfc_main = defineComponent({
     const onPopClose = (e) => {
       emit("close", e);
     };
-    onDeactivated(() => {
-      if (!props.keepAlive) {
-        hide(void 0);
-      }
-    });
     return {
       tooltipRef,
       rootProps,
@@ -142,20 +148,22 @@ function _sfc_render(_ctx, _cache, $props, $setup, $data, $options) {
     onClose: _ctx.onPopClose
   }), {
     content: withCtx(() => [
-      _ctx.rawContent && _ctx.content != null && _ctx.content != "" ? (openBlock(), createElementBlock("div", {
-        key: 0,
-        innerHTML: _ctx.content,
-        class: "ele-tooltip-body",
-        style: normalizeStyle(_ctx.bodyStyle)
-      }, null, 12, _hoisted_1)) : (openBlock(), createElementBlock("div", {
-        key: 1,
-        class: "ele-tooltip-body",
-        style: normalizeStyle(_ctx.bodyStyle)
-      }, [
-        renderSlot(_ctx.$slots, "content", {}, () => [
-          createTextVNode(toDisplayString(_ctx.content), 1)
-        ])
-      ], 4))
+      renderSlot(_ctx.$slots, "body", {}, () => [
+        _ctx.rawContent && _ctx.content != null && _ctx.content != "" ? (openBlock(), createElementBlock("div", {
+          key: 0,
+          innerHTML: _ctx.content,
+          class: "ele-tooltip-body",
+          style: normalizeStyle(_ctx.bodyStyle)
+        }, null, 12, _hoisted_1)) : (openBlock(), createElementBlock("div", {
+          key: 1,
+          class: "ele-tooltip-body",
+          style: normalizeStyle(_ctx.bodyStyle)
+        }, [
+          renderSlot(_ctx.$slots, "content", {}, () => [
+            createTextVNode(toDisplayString(_ctx.content), 1)
+          ])
+        ], 4))
+      ])
     ]),
     default: withCtx(() => [
       _ctx.$slots.default ? renderSlot(_ctx.$slots, "default", { key: 0 }) : createCommentVNode("", true)

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

@@ -3,10 +3,16 @@ import type { PropType, ExtractPropTypes } from 'vue';
  * 属性
  */
 export declare const tooltipProps: {
+    /** 自定义内容样式 */
     bodyStyle: PropType<Partial<import("vue").CSSProperties>>;
+    /** 自定义背景色 */
     bg: StringConstructor;
+    /** 自定义箭头颜色 */
     arrowBg: StringConstructor;
-    keepAlive: BooleanConstructor;
+    /** 宽度 */
+    width: (StringConstructor | NumberConstructor)[];
+    /** 是否是气泡卡片 */
+    isPopover: BooleanConstructor;
     offset: import("element-plus/es/utils").EpPropFinalized<NumberConstructor, unknown, unknown, 12, boolean>;
     trigger: import("element-plus/es/utils").EpPropFinalized<(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, "hover", boolean>;
     effect: import("element-plus/es/utils").EpPropFinalized<StringConstructor, unknown, unknown, "dark", boolean>;
@@ -128,3 +134,4 @@ export type TooltipEmits = {
     open: (e: any) => boolean;
     close: (e: any) => boolean;
 };
+export declare const tooltipEmits: TooltipEmits;

package/es/ele-tooltip/props.js

@@ -1,4 +1,4 @@
-import { useTooltipProps } from "element-plus";
+import { useTooltipProps, tooltipEmits as tooltipEmits$1 } from "element-plus";
 import { omit } from "../utils/core";
 const normalizeProps = omit(useTooltipProps, [
   "onUpdate:visible",
@@ -8,15 +8,19 @@ const tooltipProps = {
   popperClass: String,
   className: String,
   ...normalizeProps,
-  // 自定义内容样式
+  /** 自定义内容样式 */
   bodyStyle: Object,
-  // 自定义背景色
+  /** 自定义背景色 */
   bg: String,
-  // 自定义箭头颜色
+  /** 自定义箭头颜色 */
   arrowBg: String,
-  // 是否在KeepAlive失活后继续显示
-  keepAlive: Boolean
+  /** 宽度 */
+  width: [String, Number],
+  /** 是否是气泡卡片 */
+  isPopover: Boolean
 };
+const tooltipEmits = tooltipEmits$1;
 export {
+  tooltipEmits,
   tooltipProps
 };

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

@@ -1,7 +1,79 @@
 @use '../../style/util.scss' as *;
 
+/* 文字提示主题变量 */
 @mixin set-tooltip-var($var) {
+  .el-popper {
+    @include set-ele-var('popper', $var);
+  }
+
+  .el-popper.is-dark,
+  .ele-tooltip {
+    @include set-ele-var('tooltip', $var);
+  }
+
   .ele-tooltip.is-light {
     @include set-ele-var('tooltip-light', $var);
   }
 }
+
+/* 底层气泡样式 */
+@mixin popper-style($selector) {
+  #{$selector} {
+    border-radius: eleVar('popper', 'radius');
+
+    &.is-light {
+      background: eleVar('popper', 'bg');
+      border: eleVar('popper', 'border');
+      box-shadow: eleVar('popper', 'shadow');
+
+      & > .el-popper__arrow::before {
+        background: eleVar('popper', 'arrow-bg');
+        border: eleVar('popper', 'border');
+        box-shadow: eleVar('popper', 'arrow-shadow');
+      }
+    }
+
+    .el-popper__arrow {
+      width: eleVar('popper', 'arrow-size');
+      height: eleVar('popper', 'arrow-size');
+
+      &::before {
+        width: eleVar('popper', 'arrow-size');
+        height: eleVar('popper', 'arrow-size');
+      }
+    }
+
+    &[data-popper-placement^='top'] > .el-popper__arrow {
+      bottom: eleVar('popper', 'arrow-offset');
+    }
+
+    &[data-popper-placement^='bottom'] > .el-popper__arrow {
+      top: eleVar('popper', 'arrow-offset');
+    }
+
+    &[data-popper-placement^='left'] > .el-popper__arrow {
+      right: eleVar('popper', 'arrow-offset');
+    }
+
+    &[data-popper-placement^='right'] > .el-popper__arrow {
+      left: eleVar('popper', 'arrow-offset');
+    }
+
+    &.is-dark {
+      color: eleVar('tooltip', 'color');
+      font-size: eleVar('tooltip', 'font-size');
+      line-height: eleVar('tooltip', 'line-height');
+      padding: eleVar('tooltip', 'padding');
+      background: eleVar('tooltip', 'bg');
+      border: eleVar('tooltip', 'border');
+      box-shadow: eleVar('tooltip', 'shadow');
+      border-radius: eleVar('tooltip', 'radius');
+
+      & > .el-popper__arrow::before {
+        background: eleVar('tooltip', 'arrow-bg');
+        border: eleVar('tooltip', 'border');
+        box-shadow: eleVar('tooltip', 'arrow-shadow');
+      }
+    }
+  }
+}

package/es/ele-tooltip/style/index.js

@@ -1,3 +1,2 @@
 import 'element-plus/es/components/tooltip/style/index';
-import '../../ele-popover/style/index';
 import './index.scss';

package/es/ele-tooltip/style/index.scss

@@ -4,11 +4,17 @@
 
 @include set-tooltip-var($ele);
 
-.ele-tooltip-body {
+@include popper-style('.ele-popper.el-popper');
+
+.ele-tooltip-body,
+.ele-popover-body {
   background: inherit;
   border-radius: inherit;
-  padding: eleVar('tooltip', 'padding');
   box-sizing: border-box;
+}
+
+.ele-tooltip-body {
+  padding: eleVar('tooltip', 'padding');
   position: relative;
   z-index: 2;
 }

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

@@ -1,5 +1,5 @@
 import type { Ref } from 'vue';
-import type { ElePopoverProps } from '../ele-avatar-group/types';
+import type { EleTooltipInstance } from '../ele-app/types/components';
 import type { TourStep, TourLocale } from './types';
 declare const _default: import("vue").DefineComponent<{
     modelValue: NumberConstructor;
@@ -19,16 +19,14 @@ declare const _default: import("vue").DefineComponent<{
     locale: import("vue").PropType<Partial<TourLocale>>;
 }, {
     lang: import("vue").ComputedRef<TourLocale>;
-    rootRef: Ref<HTMLDivElement | null>;
-    triggerRef: Ref<HTMLDivElement | null>;
-    popoverRef: any;
+    triggerRef: any;
+    tooltipRef: Ref<EleTooltipInstance>;
+    tooltipProps: import("vue").ShallowRef<Partial<import("../ele-tooltip/props").TooltipProps>>;
     visible: Ref<boolean>;
     step: import("vue").ShallowRef<TourStep | null>;
     isLast: Ref<boolean>;
     boxStyle: Ref<Partial<import("vue").CSSProperties>>;
     showMask: Ref<boolean>;
-    popProps: import("vue").ShallowRef<ElePopoverProps>;
-    rootStyle: import("vue").ComputedRef<Partial<import("vue").CSSProperties>>;
     onPrev: () => void;
     onNext: () => void;
     onFinish: () => void;

package/es/ele-tour/index.js

@@ -1,29 +1,25 @@
-import { defineComponent, ref, shallowRef, computed, onMounted, watch, nextTick, unref, resolveComponent, openBlock, createBlock, Teleport, createElementVNode, normalizeClass, normalizeStyle, createVNode, mergeProps, withCtx, createElementBlock, Fragment, renderSlot, createTextVNode, toDisplayString, createCommentVNode } from "vue";
+import { defineComponent, ref, shallowRef, onMounted, watch, nextTick, resolveComponent, openBlock, createBlock, Teleport, createElementVNode, normalizeClass, normalizeStyle, createVNode, mergeProps, withCtx, createElementBlock, renderSlot, createTextVNode, toDisplayString, createCommentVNode } from "vue";
 import { ElButton } from "element-plus";
-import ElePopover from "../ele-popover/index";
+import EleTooltip from "../ele-tooltip/index";
 import { useLicense, useLocale } from "../ele-config-provider/receiver";
-import { getOffset, getPopProps } from "./util";
+import { getOffset, getPopperProps } from "./util";
 import { tourProps, tourEmits } from "./props";
 const _sfc_main = defineComponent({
   name: "EleTour",
-  components: { ElButton, ElePopover },
+  components: { ElButton, EleTooltip },
   props: tourProps,
   emits: tourEmits,
   setup(props, { emit }) {
     const { authenticated } = useLicense();
     const { lang } = useLocale("tour", props);
-    const rootRef = ref(null);
     const triggerRef = ref(null);
-    const popoverRef = ref(null);
+    const tooltipRef = ref(null);
+    const tooltipProps = shallowRef({});
     const visible = ref(false);
     const step = shallowRef(null);
     const isLast = ref(false);
     const boxStyle = ref({});
     const showMask = ref(false);
-    const popProps = shallowRef({});
-    const rootStyle = computed(() => {
-      return { zIndex: props.zIndex };
-    });
     const start = () => {
       if (!authenticated.value || !props.steps || props.modelValue == null || props.modelValue < 0 || props.modelValue >= props.steps.length) {
         close();
@@ -57,7 +53,7 @@ const _sfc_main = defineComponent({
         };
       }
       visible.value = true;
-      popProps.value = getPopProps(true, !el, popoverProps);
+      tooltipProps.value = getPopperProps(true, !el, popoverProps);
       nextTick(() => {
         updatePopper();
       });
@@ -67,7 +63,7 @@ const _sfc_main = defineComponent({
       boxStyle.value = {};
       step.value = null;
       showMask.value = false;
-      popProps.value = getPopProps();
+      tooltipProps.value = getPopperProps();
     };
     const updateModelValue = (value) => {
       emit("update:modelValue", value);
@@ -86,12 +82,7 @@ const _sfc_main = defineComponent({
       updateModelValue(null);
     };
     const updatePopper = () => {
-      var _a;
-      const popper = unref((_a = popoverRef.value) == null ? void 0 : _a.popperRef);
-      const ins = unref(popper == null ? void 0 : popper.popperInstanceRef);
-      if (ins && typeof ins.update === "function") {
-        ins.update();
-      }
+      tooltipRef.value && tooltipRef.value.updatePopper();
     };
     onMounted(() => {
       start();
@@ -104,16 +95,14 @@ const _sfc_main = defineComponent({
     );
     return {
       lang,
-      rootRef,
       triggerRef,
-      popoverRef,
+      tooltipRef,
+      tooltipProps,
       visible,
       step,
       isLast,
       boxStyle,
       showMask,
-      popProps,
-      rootStyle,
       onPrev,
       onNext,
       onFinish
@@ -128,21 +117,24 @@ const _export_sfc = (sfc, props) => {
   return target;
 };
 const _hoisted_1 = {
+  key: 0,
+  class: "ele-popover-body"
+};
+const _hoisted_2 = {
   key: 0,
   class: "ele-tour-title"
 };
-const _hoisted_2 = { class: "ele-tour-text" };
-const _hoisted_3 = { class: "ele-tour-footer" };
-const _hoisted_4 = { class: "ele-tour-counter" };
-const _hoisted_5 = { class: "ele-tour-action" };
+const _hoisted_3 = { class: "ele-tour-text" };
+const _hoisted_4 = { class: "ele-tour-footer" };
+const _hoisted_5 = { class: "ele-tour-counter" };
+const _hoisted_6 = { class: "ele-tour-action" };
 function _sfc_render(_ctx, _cache, $props, $setup, $data, $options) {
   const _component_ElButton = resolveComponent("ElButton");
-  const _component_ElePopover = resolveComponent("ElePopover");
+  const _component_EleTooltip = resolveComponent("EleTooltip");
   return openBlock(), createBlock(Teleport, { to: "body" }, [
     createElementVNode("div", {
-      ref: "rootRef",
       class: normalizeClass(["ele-tour", { "show-mask": _ctx.showMask }, { "is-open": _ctx.visible }]),
-      style: normalizeStyle(_ctx.rootStyle)
+      style: normalizeStyle({ zIndex: _ctx.zIndex })
     }, [
       createElementVNode("div", {
         class: "ele-tour-box",
@@ -153,16 +145,16 @@ function _sfc_render(_ctx, _cache, $props, $setup, $data, $options) {
         class: "ele-tour-reference",
         style: normalizeStyle(_ctx.boxStyle)
       }, null, 4),
-      createVNode(_component_ElePopover, mergeProps(_ctx.popProps, {
-        ref: "popoverRef",
+      createVNode(_component_EleTooltip, mergeProps(_ctx.tooltipProps, {
+        ref: "tooltipRef",
         virtualRef: _ctx.triggerRef,
         virtualTriggering: true,
         disabled: !_ctx.visible,
         hideAfter: 0
       }), {
-        default: withCtx(() => [
-          _ctx.steps && _ctx.step ? (openBlock(), createElementBlock(Fragment, { key: 0 }, [
-            _ctx.step.title ? (openBlock(), createElementBlock("div", _hoisted_1, [
+        body: withCtx(() => [
+          _ctx.steps && _ctx.step ? (openBlock(), createElementBlock("div", _hoisted_1, [
+            _ctx.step.title ? (openBlock(), createElementBlock("div", _hoisted_2, [
               renderSlot(_ctx.$slots, "title", {
                 step: _ctx.step,
                 current: _ctx.modelValue
@@ -170,7 +162,7 @@ function _sfc_render(_ctx, _cache, $props, $setup, $data, $options) {
                 createTextVNode(toDisplayString(_ctx.step.title), 1)
               ])
             ])) : createCommentVNode("", true),
-            createElementVNode("div", _hoisted_2, [
+            createElementVNode("div", _hoisted_3, [
               renderSlot(_ctx.$slots, "text", {
                 step: _ctx.step,
                 current: _ctx.modelValue
@@ -182,9 +174,9 @@ function _sfc_render(_ctx, _cache, $props, $setup, $data, $options) {
               step: _ctx.step,
               current: _ctx.modelValue
             }, () => [
-              createElementVNode("div", _hoisted_3, [
-                createElementVNode("div", _hoisted_4, toDisplayString((_ctx.modelValue || 0) + 1) + "/" + toDisplayString(_ctx.steps.length), 1),
-                createElementVNode("div", _hoisted_5, [
+              createElementVNode("div", _hoisted_4, [
+                createElementVNode("div", _hoisted_5, toDisplayString((_ctx.modelValue || 0) + 1) + "/" + toDisplayString(_ctx.steps.length), 1),
+                createElementVNode("div", _hoisted_6, [
                   !_ctx.isLast ? (openBlock(), createBlock(_component_ElButton, {
                     key: 0,
                     size: "small",
@@ -230,7 +222,7 @@ function _sfc_render(_ctx, _cache, $props, $setup, $data, $options) {
                 ])
               ])
             ])
-          ], 64)) : createCommentVNode("", true)
+          ])) : createCommentVNode("", true)
         ]),
         _: 3
       }, 16, ["virtualRef", "disabled"])

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

@@ -4,20 +4,26 @@ import type { TourStep, TourLocale } from './types';
  * 属性
  */
 export declare const tourProps: {
+    /** 当前处于第几步 */
     modelValue: NumberConstructor;
+    /** 步骤 */
     steps: {
         type: PropType<TourStep[]>;
         required: boolean;
     };
+    /** 是否开启遮罩层 */
     mask: {
         type: BooleanConstructor;
         default: boolean;
     };
+    /** 高亮区内间距 */
     padding: {
         type: NumberConstructor;
         default: number;
     };
+    /** 层级 */
     zIndex: NumberConstructor;
+    /** 国际化 */
     locale: PropType<Partial<TourLocale>>;
 };
 export type TourProps = ExtractPropTypes<typeof tourProps>;

package/es/ele-tour/props.js

@@ -1,24 +1,24 @@
 const tourProps = {
-  // 当前处于第几步
+  /** 当前处于第几步 */
   modelValue: Number,
-  // 步骤
+  /** 步骤 */
   steps: {
     type: Array,
     required: true
   },
-  // 是否开启遮罩层
+  /** 是否开启遮罩层 */
   mask: {
     type: Boolean,
     default: true
   },
-  // 高亮区内间距
+  /** 高亮区内间距 */
   padding: {
     type: Number,
     default: 6
   },
-  // 层级
+  /** 层级 */
   zIndex: Number,
-  // 国际化
+  /** 国际化 */
   locale: Object
 };
 const tourEmits = {

package/es/ele-tour/style/index.js

@@ -1,3 +1,3 @@
 import 'element-plus/es/components/button/style/index';
-import '../../ele-popover/style/index';
+import '../../ele-tooltip/style/index';
 import './index.scss';