ele-admin-plus 1.1.4 → 1.1.5-beta.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");

package/lib/ele-tour/style/index.scss

@@ -79,6 +79,10 @@
   }
 }
 
+.ele-tour-popover > .ele-popover-body {
+  padding: 12px 16px;
+}
+
 /* 气泡弹窗效果 */
 .ele-tour-popover.ele-tour-modal {
   margin: 0 auto;
@@ -86,10 +90,10 @@
   top: 50% !important;
   right: 0 !important;
   bottom: auto !important;
-  transform: translateY(-50.1%);
+  transform: translateY(-50.1%) !important;
   transform-origin: center !important;
-  box-sizing: border-box;
   max-width: calc(100% - 32px);
+  box-sizing: border-box;
 
   & > .el-popper__arrow {
     display: none;

package/lib/ele-tour/types/index.d.ts

@@ -1,4 +1,4 @@
-import type { ElePopoverProps } from '../../ele-avatar-group/types';
+import type { ElePopoverProps } from '../../ele-app/types/components';
 /**
  * 引导步骤指向元素
  */
@@ -13,6 +13,7 @@ export interface TourStep {
     title?: string;
     /** 描述 */
     description?: string;
+    /** 内间距 */
     padding?: number;
     /** 是否开启遮罩层 */
     mask?: boolean;

package/lib/ele-tour/util.d.ts

@@ -1,4 +1,4 @@
-import type { ElePopoverProps } from '../ele-avatar-group/types';
+import type { EleTooltipProps } from '../ele-app/types/components';
 import type { Offset } from './types';
 /**
  * 获取元素距浏览器窗口的距离
@@ -11,4 +11,4 @@ export declare function getOffset(el: HTMLElement): Offset;
  * @param model 是否是弹窗
  * @param props 自定义属性
  */
-export declare function getPopProps(visible?: boolean, modal?: boolean, props?: ElePopoverProps): ElePopoverProps;
+export declare function getPopperProps(visible?: boolean, modal?: boolean, props?: EleTooltipProps): EleTooltipProps;

package/lib/ele-tour/util.js

@@ -8,7 +8,7 @@ function getOffset(el) {
     left: left + (scrollX ?? 0)
   };
 }
-function getPopProps(visible, modal, props) {
+function getPopperProps(visible, modal, props) {
   const classes = ["ele-tour-popover"];
   if (modal) {
     classes.push("ele-tour-modal");
@@ -22,10 +22,14 @@ function getPopProps(visible, modal, props) {
     teleported: false,
     width: modal ? 440 : 290,
     transition: "ele-tour-fast",
+    persistent: false,
+    effect: "light",
+    isPopover: true,
+    gpuAcceleration: true,
     ...props,
     visible: visible ?? false,
     popperClass: classes.join(" ")
   };
 }
 exports.getOffset = getOffset;
-exports.getPopProps = getPopProps;
+exports.getPopperProps = getPopperProps;

package/lib/ele-upload-list/components/list-item.d.ts

@@ -2,13 +2,18 @@ import type { PropType } from 'vue';
 import type { ElProgressProps } from '../../ele-app/types';
 import type { UploadItem, UploadLocale } from '../types';
 declare const _default: import("vue").DefineComponent<{
+    /** 数据 */
     item: {
         type: PropType<UploadItem>;
         required: true;
     };
+    /** 是否只读 */
     readonly: BooleanConstructor;
+    /** 是否禁用 */
     disabled: BooleanConstructor;
+    /** 进度条属性 */
     progressProps: PropType<ElProgressProps>;
+    /** 国际化 */
     locale: {
         type: PropType<Partial<UploadLocale>>;
         required: true;
@@ -22,21 +27,26 @@ declare const _default: import("vue").DefineComponent<{
     remove: (_item: UploadItem) => true;
     retry: (_item: UploadItem) => true;
 }, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{
+    /** 数据 */
     item: {
         type: PropType<UploadItem>;
         required: true;
     };
+    /** 是否只读 */
     readonly: BooleanConstructor;
+    /** 是否禁用 */
     disabled: BooleanConstructor;
+    /** 进度条属性 */
     progressProps: PropType<ElProgressProps>;
+    /** 国际化 */
     locale: {
         type: PropType<Partial<UploadLocale>>;
         required: true;
     };
 }>> & {
-    onRetry?: ((_item: UploadItem) => any) | undefined;
     onItemClick?: ((_item: UploadItem) => any) | undefined;
     onRemove?: ((_item: UploadItem) => any) | undefined;
+    onRetry?: ((_item: UploadItem) => any) | undefined;
 }, {
     disabled: boolean;
     readonly: boolean;

package/lib/ele-upload-list/components/list-item.js

@@ -15,18 +15,18 @@ const _sfc_main = vue.defineComponent({
     EleTooltip
   },
   props: {
-    // 数据
+    /** 数据 */
     item: {
       type: Object,
       required: true
     },
-    // 是否只读
+    /** 是否只读 */
     readonly: Boolean,
-    // 是否禁用
+    /** 是否禁用 */
     disabled: Boolean,
-    // 进度条属性
+    /** 进度条属性 */
     progressProps: Object,
-    // 国际化
+    /** 国际化 */
     locale: {
       type: Object,
       required: true

package/lib/ele-upload-list/index.d.ts

@@ -76,9 +76,9 @@ declare const _default: import("vue").DefineComponent<{
     locale: import("vue").PropType<Partial<UploadLocale>>;
 }>> & {
     "onUpdate:modelValue"?: ((_value: UploadItem[]) => any) | undefined;
-    onRetry?: ((_item: UploadItem) => any) | undefined;
     onItemClick?: ((_item: UploadItem) => any) | undefined;
     onRemove?: ((_item: UploadItem) => any) | undefined;
+    onRetry?: ((_item: UploadItem) => any) | undefined;
     onUpload?: ((_item: UploadItem) => any) | undefined;
 }, {
     disabled: boolean;

package/lib/ele-upload-list/index.js

@@ -24,13 +24,13 @@ const _sfc_main = vue.defineComponent({
     const { lang } = receiver.useLocale("upload", props2);
     const previewRef = vue.ref(null);
     const previewOption = vue.reactive({
-      // 是否打开
+      /** 是否打开 */
       visible: false,
-      // 当前图片地址
+      /** 当前图片地址 */
       current: "",
-      // 当前为第几个图片
+      /** 当前为第几个图片 */
       currentIndex: 0,
-      // 图片列表
+      /** 图片列表 */
       images: []
     });
     const uploadEnable = vue.computed(() => {

package/lib/ele-upload-list/props.d.ts

@@ -5,30 +5,43 @@ import type { UploadItem, UploadLocale } from './types';
  * 属性
  */
 export declare const uploadListProps: {
+    /** 已上传列表 */
     modelValue: {
         type: PropType<UploadItem[]>;
         required: boolean;
     };
+    /** 是否只读 */
     readonly: BooleanConstructor;
+    /** 是否禁用 */
     disabled: BooleanConstructor;
+    /** 是否支持点击预览 */
     preview: {
         type: BooleanConstructor;
         default: boolean;
     };
+    /** 最大上传数量 */
     limit: NumberConstructor;
+    /** 是否支持多选文件 */
     multiple: BooleanConstructor;
+    /** 是否启用拖拽上传 */
     drag: BooleanConstructor;
+    /** 接受上传的文件类型 */
     accept: {
         type: StringConstructor;
         default: string;
     };
+    /** 自定义条目样式 */
     itemStyle: PropType<Partial<import("vue").CSSProperties>>;
+    /** 自定义上传按钮样式 */
     buttonStyle: PropType<Partial<import("vue").CSSProperties>>;
+    /** 是否开启拖拽排序 */
     sortable: {
         type: PropType<boolean | Record<string | number | symbol, any>>;
         default: boolean;
     };
+    /** 进度条属性 */
     progressProps: PropType<ElProgressProps>;
+    /** 国际化 */
     locale: PropType<Partial<UploadLocale>>;
 };
 export type UploadListProps = ExtractPropTypes<typeof uploadListProps>;
@@ -36,9 +49,14 @@ export type UploadListProps = ExtractPropTypes<typeof uploadListProps>;
  * 事件
  */
 export declare const uploadListEmits: {
+    /** 更新绑定值 */
     'update:modelValue': (_value: UploadItem[]) => boolean;
+    /** item 点击事件 */
     itemClick: (_item: UploadItem) => boolean;
+    /** 上传事件 */
     upload: (_item: UploadItem) => boolean;
+    /** item 移除事件 */
     remove: (_item: UploadItem) => boolean;
+    /** item 上传失败重试事件 */
     retry: (_item: UploadItem) => boolean;
 };

package/lib/ele-upload-list/props.js

@@ -1,55 +1,55 @@
 "use strict";
 Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
 const uploadListProps = {
-  // 已上传列表
+  /** 已上传列表 */
   modelValue: {
     type: Array,
     required: true
   },
-  // 是否只读
+  /** 是否只读 */
   readonly: Boolean,
-  // 是否禁用
+  /** 是否禁用 */
   disabled: Boolean,
-  // 是否支持点击预览
+  /** 是否支持点击预览 */
   preview: {
     type: Boolean,
     default: true
   },
-  // 最大上传数量
+  /** 最大上传数量 */
   limit: Number,
-  // 是否支持多选文件
+  /** 是否支持多选文件 */
   multiple: Boolean,
-  // 是否启用拖拽上传
+  /** 是否启用拖拽上传 */
   drag: Boolean,
-  // 接受上传的文件类型
+  /** 接受上传的文件类型 */
   accept: {
     type: String,
     default: "image/png,image/jpeg"
   },
-  // 自定义条目样式
+  /** 自定义条目样式 */
   itemStyle: Object,
-  // 自定义上传按钮样式
+  /** 自定义上传按钮样式 */
   buttonStyle: Object,
-  // 是否开启拖拽排序
+  /** 是否开启拖拽排序 */
   sortable: {
     type: [Boolean, Object],
     default: true
   },
-  // 进度条属性
+  /** 进度条属性 */
   progressProps: Object,
-  // 国际化
+  /** 国际化 */
   locale: Object
 };
 const uploadListEmits = {
-  // 更新绑定值
+  /** 更新绑定值 */
   "update:modelValue": (_value) => true,
-  // item 点击事件
+  /** item 点击事件 */
   itemClick: (_item) => true,
-  // 上传事件
+  /** 上传事件 */
   upload: (_item) => true,
-  // item 移除事件
+  /** item 移除事件 */
   remove: (_item) => true,
-  // item 上传失败重试事件
+  /** item 上传失败重试事件 */
   retry: (_item) => true
 };
 exports.uploadListEmits = uploadListEmits;