ele-admin-plus 1.4.1 → 1.5.0-beta.1

package/lib/ele-timeline/index.cjs

@@ -22,7 +22,6 @@ const _sfc_main = /* @__PURE__ */ vue.defineComponent({
       return Math.floor(listWidth.value / props2.itemWidth) || 1;
     });
     const lineRows = vue.computed(() => {
-      var _a;
       const rows = [];
       const data = props2.data || [];
       const colNum = listColNum.value;
@@ -33,15 +32,15 @@ const _sfc_main = /* @__PURE__ */ vue.defineComponent({
           const index2 = i * colNum + j;
           const itemData = data[index2];
           cells.push({
-            key: (itemData == null ? void 0 : itemData.key) ?? `${i}_${j}`,
+            key: itemData?.key ?? `${i}_${j}`,
             data: itemData,
             dataIndex: index2,
-            nextDataType: (_a = data[index2 + 1]) == null ? void 0 : _a.type,
+            nextDataType: data[index2 + 1]?.type,
             isFirst: itemData && index2 === 0,
             isLast: itemData && index2 === data.length - 1
           });
         }
-        const key = i + "_" + cells.map((d) => (d == null ? void 0 : d.key) ?? "").join();
+        const key = `${i}_${cells.map((d) => d?.key ?? "").join()}`;
         rows.push({
           key,
           items: cells,
@@ -56,8 +55,10 @@ const _sfc_main = /* @__PURE__ */ vue.defineComponent({
       }
     };
     const observer = new ResizeObserver(() => {
-      const listEl = listRef.value;
-      listWidth.value = (listEl == null ? void 0 : listEl.clientWidth) || 0;
+      requestAnimationFrame(() => {
+        const listEl = listRef.value;
+        listWidth.value = listEl?.clientWidth || 0;
+      });
     });
     vue.onMounted(() => {
       const listEl = listRef.value;
@@ -81,24 +82,22 @@ const _sfc_main = /* @__PURE__ */ vue.defineComponent({
             (vue.openBlock(true), vue.createElementBlock(vue.Fragment, null, vue.renderList(row.items, (col) => {
               return vue.openBlock(), vue.createElementBlock("div", {
                 key: col.key,
-                class: vue.normalizeClass([
-                  "ele-time-line-item",
+                class: vue.normalizeClass(["ele-time-line-item", [
                   { "is-first": col.isFirst },
                   { "is-last": col.isLast },
                   { "is-primary": col.data && col.data.type === "primary" },
                   { "is-danger": col.data && col.data.type === "danger" },
                   { "is-placeholder": !col.data }
-                ]),
+                ]]),
                 onClick: (e) => handleItemClick(col.data, e)
               }, [
                 col.data ? (vue.openBlock(), vue.createElementBlock(vue.Fragment, { key: 0 }, [
                   vue.createElementVNode("div", _hoisted_2, [
                     vue.createElementVNode("div", {
-                      class: vue.normalizeClass([
-                        "ele-time-line-item-line is-start",
+                      class: vue.normalizeClass(["ele-time-line-item-line is-start", [
                         { "is-primary-line": col.data.type === "primary" },
                         { "is-danger-line": col.data.type === "danger" }
-                      ])
+                      ]])
                     }, null, 2),
                     vue.createVNode(vue.unref(elementPlus.ElIcon), vue.mergeProps({ class: "ele-time-line-item-icon-status" }, { ref_for: true }, col.data.iconProps || {}), {
                       default: vue.withCtx(() => [
@@ -120,20 +119,18 @@ const _sfc_main = /* @__PURE__ */ vue.defineComponent({
                       _: 2
                     }, 1040),
                     vue.createElementVNode("div", {
-                      class: vue.normalizeClass([
-                        "ele-time-line-item-line is-end",
+                      class: vue.normalizeClass(["ele-time-line-item-line is-end", [
                         { "is-primary-line": col.nextDataType === "primary" },
                         { "is-danger-line": col.nextDataType === "danger" }
-                      ])
+                      ]])
                     }, null, 2)
                   ]),
                   !col.isLast ? (vue.openBlock(), vue.createElementBlock("div", {
                     key: 0,
-                    class: vue.normalizeClass([
-                      "ele-time-line-item-line-turn",
+                    class: vue.normalizeClass(["ele-time-line-item-line-turn", [
                       { "is-primary-line": col.nextDataType === "primary" },
                       { "is-danger-line": col.nextDataType === "danger" }
-                    ])
+                    ]])
                   }, null, 2)) : vue.createCommentVNode("", true),
                   vue.createElementVNode("div", _hoisted_3, [
                     vue.renderSlot(_ctx.$slots, "itemTitle", {

package/lib/ele-toolbar/index.cjs

@@ -32,11 +32,10 @@ const _sfc_main = /* @__PURE__ */ vue.defineComponent({
     });
     return (_ctx, _cache) => {
       return vue.openBlock(), vue.createElementBlock("div", {
-        class: vue.normalizeClass([
-          "ele-toolbar",
+        class: vue.normalizeClass(["ele-toolbar", [
           { "is-default": "plain" !== _ctx.theme },
           { "is-plain": "plain" === _ctx.theme }
-        ])
+        ]])
       }, [
         _ctx.title || _ctx.subtitle ? (vue.openBlock(), vue.createElementBlock("div", {
           key: 0,

package/lib/ele-tooltip/index.cjs

@@ -65,16 +65,10 @@ const _sfc_main = /* @__PURE__ */ vue.defineComponent({
       return options;
     });
     const popperRef = vue.computed(
-      () => {
-        var _a;
-        return (_a = tooltipRef.value) == null ? void 0 : _a.popperRef;
-      }
+      () => tooltipRef.value?.popperRef
     );
     const contentRef = vue.computed(
-      () => {
-        var _a;
-        return (_a = tooltipRef.value) == null ? void 0 : _a.contentRef;
-      }
+      () => tooltipRef.value?.contentRef
     );
     const isFocusInsideContent = () => {
       tooltipRef.value && tooltipRef.value.isFocusInsideContent();

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

@@ -12,6 +12,24 @@ declare const __VLS_component: import('vue').DefineComponent<import('vue').Extra
     arrowBg: StringConstructor;
     width: (StringConstructor | NumberConstructor)[];
     isPopover: BooleanConstructor;
+    content: {
+        readonly type: import('vue').PropType<string>;
+        readonly required: false;
+        readonly validator: ((val: unknown) => boolean) | undefined;
+        __epPropKey: true;
+    } & {
+        readonly default: "";
+    };
+    zIndex: NumberConstructor;
+    offset: {
+        readonly type: import('vue').PropType<number>;
+        readonly required: false;
+        readonly validator: ((val: unknown) => boolean) | undefined;
+        __epPropKey: true;
+    } & {
+        readonly default: 12;
+    };
+    transition: StringConstructor;
     showAfter: {
         readonly type: import('vue').PropType<number>;
         readonly required: false;
@@ -68,16 +86,7 @@ declare const __VLS_component: import('vue').DefineComponent<import('vue').Extra
     };
     ariaLabel: StringConstructor;
     disabled: BooleanConstructor;
-    offset: {
-        readonly type: import('vue').PropType<number>;
-        readonly required: false;
-        readonly validator: ((val: unknown) => boolean) | undefined;
-        __epPropKey: true;
-    } & {
-        readonly default: 12;
-    };
     persistent: BooleanConstructor;
-    zIndex: NumberConstructor;
     visible: {
         readonly type: import('vue').PropType<boolean | null>;
         readonly required: false;
@@ -102,6 +111,13 @@ declare const __VLS_component: import('vue').DefineComponent<import('vue').Extra
     } & {
         readonly default: () => string[];
     };
+    virtualTriggering: BooleanConstructor;
+    virtualRef: {
+        readonly type: import('vue').PropType<import('element-plus').Measurable>;
+        readonly required: false;
+        readonly validator: ((val: unknown) => boolean) | undefined;
+        __epPropKey: true;
+    };
     popperOptions: {
         readonly type: import('vue').PropType<Partial<import('element-plus').Options>>;
         readonly required: false;
@@ -118,15 +134,6 @@ declare const __VLS_component: import('vue').DefineComponent<import('vue').Extra
     } & {
         readonly default: boolean;
     };
-    transition: StringConstructor;
-    content: {
-        readonly type: import('vue').PropType<string>;
-        readonly required: false;
-        readonly validator: ((val: unknown) => boolean) | undefined;
-        __epPropKey: true;
-    } & {
-        readonly default: "";
-    };
     enterable: {
         readonly type: import('vue').PropType<boolean>;
         readonly required: false;
@@ -143,13 +150,7 @@ declare const __VLS_component: import('vue').DefineComponent<import('vue').Extra
     } & {
         readonly default: 5;
     };
-    virtualRef: {
-        readonly type: import('vue').PropType<import('element-plus').Measurable>;
-        readonly required: false;
-        readonly validator: ((val: unknown) => boolean) | undefined;
-        __epPropKey: true;
-    };
-    virtualTriggering: BooleanConstructor;
+    focusOnTarget: BooleanConstructor;
     rawContent: BooleanConstructor;
     gpuAcceleration: {
         readonly type: import('vue').PropType<boolean>;
@@ -187,6 +188,24 @@ declare const __VLS_component: import('vue').DefineComponent<import('vue').Extra
     arrowBg: StringConstructor;
     width: (StringConstructor | NumberConstructor)[];
     isPopover: BooleanConstructor;
+    content: {
+        readonly type: import('vue').PropType<string>;
+        readonly required: false;
+        readonly validator: ((val: unknown) => boolean) | undefined;
+        __epPropKey: true;
+    } & {
+        readonly default: "";
+    };
+    zIndex: NumberConstructor;
+    offset: {
+        readonly type: import('vue').PropType<number>;
+        readonly required: false;
+        readonly validator: ((val: unknown) => boolean) | undefined;
+        __epPropKey: true;
+    } & {
+        readonly default: 12;
+    };
+    transition: StringConstructor;
     showAfter: {
         readonly type: import('vue').PropType<number>;
         readonly required: false;
@@ -243,16 +262,7 @@ declare const __VLS_component: import('vue').DefineComponent<import('vue').Extra
     };
     ariaLabel: StringConstructor;
     disabled: BooleanConstructor;
-    offset: {
-        readonly type: import('vue').PropType<number>;
-        readonly required: false;
-        readonly validator: ((val: unknown) => boolean) | undefined;
-        __epPropKey: true;
-    } & {
-        readonly default: 12;
-    };
     persistent: BooleanConstructor;
-    zIndex: NumberConstructor;
     visible: {
         readonly type: import('vue').PropType<boolean | null>;
         readonly required: false;
@@ -277,6 +287,13 @@ declare const __VLS_component: import('vue').DefineComponent<import('vue').Extra
     } & {
         readonly default: () => string[];
     };
+    virtualTriggering: BooleanConstructor;
+    virtualRef: {
+        readonly type: import('vue').PropType<import('element-plus').Measurable>;
+        readonly required: false;
+        readonly validator: ((val: unknown) => boolean) | undefined;
+        __epPropKey: true;
+    };
     popperOptions: {
         readonly type: import('vue').PropType<Partial<import('element-plus').Options>>;
         readonly required: false;
@@ -293,15 +310,6 @@ declare const __VLS_component: import('vue').DefineComponent<import('vue').Extra
     } & {
         readonly default: boolean;
     };
-    transition: StringConstructor;
-    content: {
-        readonly type: import('vue').PropType<string>;
-        readonly required: false;
-        readonly validator: ((val: unknown) => boolean) | undefined;
-        __epPropKey: true;
-    } & {
-        readonly default: "";
-    };
     enterable: {
         readonly type: import('vue').PropType<boolean>;
         readonly required: false;
@@ -318,13 +326,7 @@ declare const __VLS_component: import('vue').DefineComponent<import('vue').Extra
     } & {
         readonly default: 5;
     };
-    virtualRef: {
-        readonly type: import('vue').PropType<import('element-plus').Measurable>;
-        readonly required: false;
-        readonly validator: ((val: unknown) => boolean) | undefined;
-        __epPropKey: true;
-    };
-    virtualTriggering: BooleanConstructor;
+    focusOnTarget: BooleanConstructor;
     rawContent: BooleanConstructor;
     gpuAcceleration: {
         readonly type: import('vue').PropType<boolean>;
@@ -346,6 +348,8 @@ declare const __VLS_component: import('vue').DefineComponent<import('vue').Extra
     "onBefore-hide"?: ((e: Event) => any) | undefined;
     onShow?: ((e: Event) => any) | undefined;
 }>, {
+    content: string;
+    offset: number;
     showAfter: number;
     hideAfter: number;
     autoClose: number;
@@ -353,17 +357,16 @@ declare const __VLS_component: import('vue').DefineComponent<import('vue').Extra
     placement: import('element-plus').Placement;
     teleported: boolean;
     disabled: boolean;
-    offset: number;
     persistent: boolean;
     visible: boolean | null;
     trigger: import('element-plus').TooltipTriggerType | import('element-plus').TooltipTriggerType[];
     triggerKeys: string[];
+    virtualTriggering: boolean;
     popperOptions: Partial<import('element-plus').Options>;
     showArrow: boolean;
-    content: string;
     enterable: boolean;
     arrowOffset: number;
-    virtualTriggering: boolean;
+    focusOnTarget: boolean;
     rawContent: boolean;
     gpuAcceleration: boolean;
     isPopover: boolean;

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

@@ -15,6 +15,24 @@ export declare const tooltipProps: {
     width: (StringConstructor | NumberConstructor)[];
     /** 是否是气泡卡片 */
     isPopover: BooleanConstructor;
+    content: {
+        readonly type: PropType<string>;
+        readonly required: false;
+        readonly validator: ((val: unknown) => boolean) | undefined;
+        __epPropKey: true;
+    } & {
+        readonly default: "";
+    };
+    zIndex: NumberConstructor;
+    offset: {
+        readonly type: PropType<number>;
+        readonly required: false;
+        readonly validator: ((val: unknown) => boolean) | undefined;
+        __epPropKey: true;
+    } & {
+        readonly default: 12;
+    };
+    transition: StringConstructor;
     showArrow: {
         readonly type: PropType<boolean>;
         readonly required: false;
@@ -48,6 +66,7 @@ export declare const tooltipProps: {
     } & {
         readonly default: () => string[];
     };
+    focusOnTarget: BooleanConstructor;
     virtualRef: {
         readonly type: PropType<import('element-plus').Measurable>;
         readonly required: false;
@@ -62,14 +81,6 @@ export declare const tooltipProps: {
         readonly validator: ((val: unknown) => boolean) | undefined;
         __epPropKey: true;
     };
-    content: {
-        readonly type: PropType<string>;
-        readonly required: false;
-        readonly validator: ((val: unknown) => boolean) | undefined;
-        __epPropKey: true;
-    } & {
-        readonly default: "";
-    };
     rawContent: BooleanConstructor;
     persistent: BooleanConstructor;
     visible: {
@@ -80,7 +91,6 @@ export declare const tooltipProps: {
     } & {
         readonly default: null;
     };
-    transition: StringConstructor;
     teleported: {
         readonly type: PropType<boolean>;
         readonly required: false;
@@ -105,7 +115,6 @@ export declare const tooltipProps: {
     } & {
         readonly default: true;
     };
-    zIndex: NumberConstructor;
     gpuAcceleration: {
         readonly type: PropType<boolean>;
         readonly required: false;
@@ -114,14 +123,6 @@ export declare const tooltipProps: {
     } & {
         readonly default: true;
     };
-    offset: {
-        readonly type: PropType<number>;
-        readonly required: false;
-        readonly validator: ((val: unknown) => boolean) | undefined;
-        __epPropKey: true;
-    } & {
-        readonly default: 12;
-    };
     placement: {
         readonly type: PropType<import('element-plus').Placement>;
         readonly required: false;

package/lib/ele-tour/index.cjs

@@ -2,18 +2,21 @@
 const vue = require("vue");
 const elementPlus = require("element-plus");
 const EleTooltip = require("../ele-tooltip/index");
-const ReceiverView = require("../ele-config-provider/components/receiver-view");
 const receiver = require("../ele-config-provider/receiver");
 const util = require("./util");
 const props = require("./props");
 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" };
 const _sfc_main = /* @__PURE__ */ vue.defineComponent({
   ...{ name: "EleTour", inheritAttrs: false },
   __name: "index",
@@ -110,7 +113,7 @@ const _sfc_main = /* @__PURE__ */ vue.defineComponent({
     return (_ctx, _cache) => {
       return vue.openBlock(), vue.createBlock(vue.Teleport, { to: "body" }, [
         vue.createElementVNode("div", vue.mergeProps(_ctx.$attrs, {
-          class: ["ele-tour", { "show-mask": showMask.value }, { "is-open": visible.value }],
+          class: ["ele-tour", [{ "show-mask": showMask.value }, { "is-open": visible.value }]],
           style: { zIndex: _ctx.zIndex }
         }), [
           vue.createElementVNode("div", {
@@ -132,82 +135,76 @@ const _sfc_main = /* @__PURE__ */ vue.defineComponent({
             hideAfter: 0
           }), {
             body: vue.withCtx(() => [
-              _ctx.steps && step.value ? (vue.openBlock(), vue.createBlock(vue.unref(ReceiverView), {
-                key: 0,
-                class: "ele-popover-body"
-              }, {
-                default: vue.withCtx(() => [
-                  step.value.title ? (vue.openBlock(), vue.createElementBlock("div", _hoisted_1, [
-                    vue.renderSlot(_ctx.$slots, "title", {
-                      step: step.value,
-                      current: _ctx.modelValue
-                    }, () => [
-                      vue.createTextVNode(vue.toDisplayString(step.value.title), 1)
-                    ])
-                  ])) : vue.createCommentVNode("", true),
-                  vue.createElementVNode("div", _hoisted_2, [
-                    vue.renderSlot(_ctx.$slots, "text", {
-                      step: step.value,
-                      current: _ctx.modelValue
-                    }, () => [
-                      vue.createTextVNode(vue.toDisplayString(step.value.description), 1)
-                    ])
-                  ]),
-                  vue.renderSlot(_ctx.$slots, "footer", {
+              _ctx.steps && step.value ? (vue.openBlock(), vue.createElementBlock("div", _hoisted_1, [
+                step.value.title ? (vue.openBlock(), vue.createElementBlock("div", _hoisted_2, [
+                  vue.renderSlot(_ctx.$slots, "title", {
                     step: step.value,
                     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, [
-                        !isLast.value ? (vue.openBlock(), vue.createBlock(vue.unref(elementPlus.ElButton), {
-                          key: 0,
-                          size: "small",
-                          onClick: handleFinish
-                        }, {
-                          default: vue.withCtx(() => [
-                            vue.createTextVNode(vue.toDisplayString(vue.unref(lang).skip), 1)
-                          ]),
-                          _: 1
-                        })) : vue.createCommentVNode("", true),
-                        _ctx.modelValue !== 0 ? (vue.openBlock(), vue.createBlock(vue.unref(elementPlus.ElButton), {
-                          key: 1,
-                          size: "small",
-                          onClick: handlePrev
-                        }, {
-                          default: vue.withCtx(() => [
-                            vue.createTextVNode(vue.toDisplayString(vue.unref(lang).prev), 1)
-                          ]),
-                          _: 1
-                        })) : vue.createCommentVNode("", true),
-                        !isLast.value ? (vue.openBlock(), vue.createBlock(vue.unref(elementPlus.ElButton), {
-                          key: 2,
-                          size: "small",
-                          type: "primary",
-                          onClick: handleNext
-                        }, {
-                          default: vue.withCtx(() => [
-                            vue.createTextVNode(vue.toDisplayString(vue.unref(lang).next), 1)
-                          ]),
-                          _: 1
-                        })) : vue.createCommentVNode("", true),
-                        isLast.value ? (vue.openBlock(), vue.createBlock(vue.unref(elementPlus.ElButton), {
-                          key: 3,
-                          size: "small",
-                          type: "primary",
-                          onClick: handleFinish
-                        }, {
-                          default: vue.withCtx(() => [
-                            vue.createTextVNode(vue.toDisplayString(vue.unref(lang).finish), 1)
-                          ]),
-                          _: 1
-                        })) : vue.createCommentVNode("", true)
-                      ])
-                    ])
+                    vue.createTextVNode(vue.toDisplayString(step.value.title), 1)
+                  ])
+                ])) : vue.createCommentVNode("", true),
+                vue.createElementVNode("div", _hoisted_3, [
+                  vue.renderSlot(_ctx.$slots, "text", {
+                    step: step.value,
+                    current: _ctx.modelValue
+                  }, () => [
+                    vue.createTextVNode(vue.toDisplayString(step.value.description), 1)
                   ])
                 ]),
-                _: 3
-              })) : vue.createCommentVNode("", true)
+                vue.renderSlot(_ctx.$slots, "footer", {
+                  step: step.value,
+                  current: _ctx.modelValue
+                }, () => [
+                  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, [
+                      !isLast.value ? (vue.openBlock(), vue.createBlock(vue.unref(elementPlus.ElButton), {
+                        key: 0,
+                        size: "small",
+                        onClick: handleFinish
+                      }, {
+                        default: vue.withCtx(() => [
+                          vue.createTextVNode(vue.toDisplayString(vue.unref(lang).skip), 1)
+                        ]),
+                        _: 1
+                      })) : vue.createCommentVNode("", true),
+                      _ctx.modelValue !== 0 ? (vue.openBlock(), vue.createBlock(vue.unref(elementPlus.ElButton), {
+                        key: 1,
+                        size: "small",
+                        onClick: handlePrev
+                      }, {
+                        default: vue.withCtx(() => [
+                          vue.createTextVNode(vue.toDisplayString(vue.unref(lang).prev), 1)
+                        ]),
+                        _: 1
+                      })) : vue.createCommentVNode("", true),
+                      !isLast.value ? (vue.openBlock(), vue.createBlock(vue.unref(elementPlus.ElButton), {
+                        key: 2,
+                        size: "small",
+                        type: "primary",
+                        onClick: handleNext
+                      }, {
+                        default: vue.withCtx(() => [
+                          vue.createTextVNode(vue.toDisplayString(vue.unref(lang).next), 1)
+                        ]),
+                        _: 1
+                      })) : vue.createCommentVNode("", true),
+                      isLast.value ? (vue.openBlock(), vue.createBlock(vue.unref(elementPlus.ElButton), {
+                        key: 3,
+                        size: "small",
+                        type: "primary",
+                        onClick: handleFinish
+                      }, {
+                        default: vue.withCtx(() => [
+                          vue.createTextVNode(vue.toDisplayString(vue.unref(lang).finish), 1)
+                        ]),
+                        _: 1
+                      })) : vue.createCommentVNode("", true)
+                    ])
+                  ])
+                ])
+              ])) : vue.createCommentVNode("", true)
             ]),
             _: 3
           }, 16, ["virtualRef", "disabled"])