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

package/lib/ele-toolbar/props.js

@@ -1,20 +1,20 @@
 "use strict";
 Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
 const toolbarProps = {
-  // 标题
+  /** 标题 */
   title: String,
-  // 二级标题
+  /** 二级标题 */
   subtitle: String,
-  // 主题风格
+  /** 主题风格 */
   theme: {
     type: String,
     default: "plain"
   },
-  // 标题区样式
+  /** 标题区样式 */
   titleStyle: Object,
-  // 内容区样式
+  /** 内容区样式 */
   bodyStyle: Object,
-  // 按钮区样式
+  /** 按钮区样式 */
   toolsStyle: Object
 };
 exports.toolbarProps = toolbarProps;

package/lib/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/lib/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/lib/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/lib/ele-tooltip/index.js

@@ -8,7 +8,7 @@ const _sfc_main = vue.defineComponent({
   name: "EleTooltip",
   components: { ElTooltip: elementPlus.ElTooltip },
   props: props.tooltipProps,
-  emits: elementPlus.tooltipEmits,
+  emits: props.tooltipEmits,
   setup(props2, { emit }) {
     const { authenticated } = receiver.useLicense();
     const tooltipRef = vue.ref();
@@ -16,6 +16,9 @@ const _sfc_main = vue.defineComponent({
       const options = core.omit(props2, [
         "content",
         "bodyStyle",
+        "bg",
+        "arrowBg",
+        "isPopover",
         "onUpdate:visible",
         "onBefore-show",
         "onBefore-hide",
@@ -25,29 +28,37 @@ const _sfc_main = vue.defineComponent({
         "onClose"
       ]);
       if (authenticated.value) {
-        const classes = ["ele-popper", "ele-tooltip"];
+        const classes = ["ele-popper"];
+        if (props2.isPopover && props2.effect === "light") {
+          classes.push("ele-popover");
+        } else {
+          classes.push("ele-tooltip");
+        }
         if (typeof props2.popperClass === "string" && props2.popperClass) {
           classes.push(props2.popperClass);
         }
         options.popperClass = classes.join(" ");
       }
+      const style = {};
       if (props2.bg || props2.arrowBg) {
         options.effect = "dark";
-        const style = {};
         if (props2.bg) {
           style["--ele-tooltip-bg"] = props2.bg;
         }
         if (props2.arrowBg) {
           style["--ele-tooltip-arrow-bg"] = props2.arrowBg;
         }
-        const popStyle = props2.popperStyle;
-        if (!popStyle) {
-          options.popperStyle = style;
-        } else if (Array.isArray(popStyle)) {
-          options.popperStyle = [style, ...popStyle];
-        } else {
-          options.popperStyle = [style, popStyle];
-        }
+      }
+      const { width, popperStyle } = props2;
+      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;
     });
@@ -97,11 +108,6 @@ const _sfc_main = vue.defineComponent({
     const onPopClose = (e) => {
       emit("close", e);
     };
-    vue.onDeactivated(() => {
-      if (!props2.keepAlive) {
-        hide(void 0);
-      }
-    });
     return {
       tooltipRef,
       rootProps,
@@ -143,20 +149,22 @@ function _sfc_render(_ctx, _cache, $props, $setup, $data, $options) {
     onClose: _ctx.onPopClose
   }), {
     content: vue.withCtx(() => [
-      _ctx.rawContent && _ctx.content != null && _ctx.content != "" ? (vue.openBlock(), vue.createElementBlock("div", {
-        key: 0,
-        innerHTML: _ctx.content,
-        class: "ele-tooltip-body",
-        style: vue.normalizeStyle(_ctx.bodyStyle)
-      }, null, 12, _hoisted_1)) : (vue.openBlock(), vue.createElementBlock("div", {
-        key: 1,
-        class: "ele-tooltip-body",
-        style: vue.normalizeStyle(_ctx.bodyStyle)
-      }, [
-        vue.renderSlot(_ctx.$slots, "content", {}, () => [
-          vue.createTextVNode(vue.toDisplayString(_ctx.content), 1)
-        ])
-      ], 4))
+      vue.renderSlot(_ctx.$slots, "body", {}, () => [
+        _ctx.rawContent && _ctx.content != null && _ctx.content != "" ? (vue.openBlock(), vue.createElementBlock("div", {
+          key: 0,
+          innerHTML: _ctx.content,
+          class: "ele-tooltip-body",
+          style: vue.normalizeStyle(_ctx.bodyStyle)
+        }, null, 12, _hoisted_1)) : (vue.openBlock(), vue.createElementBlock("div", {
+          key: 1,
+          class: "ele-tooltip-body",
+          style: vue.normalizeStyle(_ctx.bodyStyle)
+        }, [
+          vue.renderSlot(_ctx.$slots, "content", {}, () => [
+            vue.createTextVNode(vue.toDisplayString(_ctx.content), 1)
+          ])
+        ], 4))
+      ])
     ]),
     default: vue.withCtx(() => [
       _ctx.$slots.default ? vue.renderSlot(_ctx.$slots, "default", { key: 0 }) : vue.createCommentVNode("", true)

package/lib/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/lib/ele-tooltip/props.js

@@ -10,13 +10,17 @@ const tooltipProps = {
   popperClass: String,
   className: String,
   ...normalizeProps,
-  // 自定义内容样式
+  /** 自定义内容样式 */
   bodyStyle: Object,
-  // 自定义背景色
+  /** 自定义背景色 */
   bg: String,
-  // 自定义箭头颜色
+  /** 自定义箭头颜色 */
   arrowBg: String,
-  // 是否在KeepAlive失活后继续显示
-  keepAlive: Boolean
+  /** 宽度 */
+  width: [String, Number],
+  /** 是否是气泡卡片 */
+  isPopover: Boolean
 };
+const tooltipEmits = elementPlus.tooltipEmits;
+exports.tooltipEmits = tooltipEmits;
 exports.tooltipProps = tooltipProps;

package/lib/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/lib/ele-tooltip/style/index.js

@@ -1,4 +1,3 @@
 "use strict";
 require("element-plus/es/components/tooltip/style/index");
-require("../../ele-popover/style/index");
 require("./index.scss");

package/lib/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/lib/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/lib/ele-tour/index.js

@@ -1,30 +1,26 @@
 "use strict";
 const vue = require("vue");
 const elementPlus = require("element-plus");
-const ElePopover = require("../ele-popover/index");
+const EleTooltip = require("../ele-tooltip/index");
 const receiver = require("../ele-config-provider/receiver");
 const util = require("./util");
 const props = require("./props");
 const _sfc_main = vue.defineComponent({
   name: "EleTour",
-  components: { ElButton: elementPlus.ElButton, ElePopover },
+  components: { ElButton: elementPlus.ElButton, EleTooltip },
   props: props.tourProps,
   emits: props.tourEmits,
   setup(props2, { emit }) {
     const { authenticated } = receiver.useLicense();
     const { lang } = receiver.useLocale("tour", props2);
-    const rootRef = vue.ref(null);
     const triggerRef = vue.ref(null);
-    const popoverRef = vue.ref(null);
+    const tooltipRef = vue.ref(null);
+    const tooltipProps = vue.shallowRef({});
     const visible = vue.ref(false);
     const step = vue.shallowRef(null);
     const isLast = vue.ref(false);
     const boxStyle = vue.ref({});
     const showMask = vue.ref(false);
-    const popProps = vue.shallowRef({});
-    const rootStyle = vue.computed(() => {
-      return { zIndex: props2.zIndex };
-    });
     const start = () => {
       if (!authenticated.value || !props2.steps || props2.modelValue == null || props2.modelValue < 0 || props2.modelValue >= props2.steps.length) {
         close();
@@ -58,7 +54,7 @@ const _sfc_main = vue.defineComponent({
         };
       }
       visible.value = true;
-      popProps.value = util.getPopProps(true, !el, popoverProps);
+      tooltipProps.value = util.getPopperProps(true, !el, popoverProps);
       vue.nextTick(() => {
         updatePopper();
       });
@@ -68,7 +64,7 @@ const _sfc_main = vue.defineComponent({
       boxStyle.value = {};
       step.value = null;
       showMask.value = false;
-      popProps.value = util.getPopProps();
+      tooltipProps.value = util.getPopperProps();
     };
     const updateModelValue = (value) => {
       emit("update:modelValue", value);
@@ -87,12 +83,7 @@ const _sfc_main = vue.defineComponent({
       updateModelValue(null);
     };
     const updatePopper = () => {
-      var _a;
-      const popper = vue.unref((_a = popoverRef.value) == null ? void 0 : _a.popperRef);
-      const ins = vue.unref(popper == null ? void 0 : popper.popperInstanceRef);
-      if (ins && typeof ins.update === "function") {
-        ins.update();
-      }
+      tooltipRef.value && tooltipRef.value.updatePopper();
     };
     vue.onMounted(() => {
       start();
@@ -105,16 +96,14 @@ const _sfc_main = vue.defineComponent({
     );
     return {
       lang,
-      rootRef,
       triggerRef,
-      popoverRef,
+      tooltipRef,
+      tooltipProps,
       visible,
       step,
       isLast,
       boxStyle,
       showMask,
-      popProps,
-      rootStyle,
       onPrev,
       onNext,
       onFinish
@@ -129,21 +118,24 @@ const _export_sfc = (sfc, props2) => {
   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 = vue.resolveComponent("ElButton");
-  const _component_ElePopover = vue.resolveComponent("ElePopover");
+  const _component_EleTooltip = vue.resolveComponent("EleTooltip");
   return vue.openBlock(), vue.createBlock(vue.Teleport, { to: "body" }, [
     vue.createElementVNode("div", {
-      ref: "rootRef",
       class: vue.normalizeClass(["ele-tour", { "show-mask": _ctx.showMask }, { "is-open": _ctx.visible }]),
-      style: vue.normalizeStyle(_ctx.rootStyle)
+      style: vue.normalizeStyle({ zIndex: _ctx.zIndex })
     }, [
       vue.createElementVNode("div", {
         class: "ele-tour-box",
@@ -154,16 +146,16 @@ function _sfc_render(_ctx, _cache, $props, $setup, $data, $options) {
         class: "ele-tour-reference",
         style: vue.normalizeStyle(_ctx.boxStyle)
       }, null, 4),
-      vue.createVNode(_component_ElePopover, vue.mergeProps(_ctx.popProps, {
-        ref: "popoverRef",
+      vue.createVNode(_component_EleTooltip, vue.mergeProps(_ctx.tooltipProps, {
+        ref: "tooltipRef",
         virtualRef: _ctx.triggerRef,
         virtualTriggering: true,
         disabled: !_ctx.visible,
         hideAfter: 0
       }), {
-        default: vue.withCtx(() => [
-          _ctx.steps && _ctx.step ? (vue.openBlock(), vue.createElementBlock(vue.Fragment, { key: 0 }, [
-            _ctx.step.title ? (vue.openBlock(), vue.createElementBlock("div", _hoisted_1, [
+        body: vue.withCtx(() => [
+          _ctx.steps && _ctx.step ? (vue.openBlock(), vue.createElementBlock("div", _hoisted_1, [
+            _ctx.step.title ? (vue.openBlock(), vue.createElementBlock("div", _hoisted_2, [
               vue.renderSlot(_ctx.$slots, "title", {
                 step: _ctx.step,
                 current: _ctx.modelValue
@@ -171,7 +163,7 @@ function _sfc_render(_ctx, _cache, $props, $setup, $data, $options) {
                 vue.createTextVNode(vue.toDisplayString(_ctx.step.title), 1)
               ])
             ])) : vue.createCommentVNode("", true),
-            vue.createElementVNode("div", _hoisted_2, [
+            vue.createElementVNode("div", _hoisted_3, [
               vue.renderSlot(_ctx.$slots, "text", {
                 step: _ctx.step,
                 current: _ctx.modelValue
@@ -183,9 +175,9 @@ function _sfc_render(_ctx, _cache, $props, $setup, $data, $options) {
               step: _ctx.step,
               current: _ctx.modelValue
             }, () => [
-              vue.createElementVNode("div", _hoisted_3, [
-                vue.createElementVNode("div", _hoisted_4, vue.toDisplayString((_ctx.modelValue || 0) + 1) + "/" + vue.toDisplayString(_ctx.steps.length), 1),
-                vue.createElementVNode("div", _hoisted_5, [
+              vue.createElementVNode("div", _hoisted_4, [
+                vue.createElementVNode("div", _hoisted_5, vue.toDisplayString((_ctx.modelValue || 0) + 1) + "/" + vue.toDisplayString(_ctx.steps.length), 1),
+                vue.createElementVNode("div", _hoisted_6, [
                   !_ctx.isLast ? (vue.openBlock(), vue.createBlock(_component_ElButton, {
                     key: 0,
                     size: "small",
@@ -231,7 +223,7 @@ function _sfc_render(_ctx, _cache, $props, $setup, $data, $options) {
                 ])
               ])
             ])
-          ], 64)) : vue.createCommentVNode("", true)
+          ])) : vue.createCommentVNode("", true)
         ]),
         _: 3
       }, 16, ["virtualRef", "disabled"])

package/lib/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/lib/ele-tour/props.js

@@ -1,26 +1,26 @@
 "use strict";
 Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
 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/lib/ele-tour/style/index.js

@@ -1,4 +1,4 @@
 "use strict";
 require("element-plus/es/components/button/style/index");
-require("../../ele-popover/style/index");
+require("../../ele-tooltip/style/index");
 require("./index.scss");