ele-admin-plus 1.0.0-beta.1 → 1.0.0-beta.3

package/lib/ele-avatar-group/index.d.ts

@@ -21,6 +21,7 @@ declare const _sfc_main: import("vue").DefineComponent<{
         default: boolean;
     };
     overflowPopoverProps: import("vue").PropType<Partial<import("element-plus").PopoverProps>>;
+    hoverOpen: BooleanConstructor;
 }, {
     tooltipContent: import("vue").Ref<string>;
     virtualRef: import("vue").Ref<any>;
@@ -59,6 +60,7 @@ declare const _sfc_main: import("vue").DefineComponent<{
         default: boolean;
     };
     overflowPopoverProps: import("vue").PropType<Partial<import("element-plus").PopoverProps>>;
+    hoverOpen: BooleanConstructor;
 }>> & {
     onItemClick?: ((_item: AvatarItem) => any) | undefined;
     onMoreClick?: (() => any) | undefined;
@@ -66,5 +68,6 @@ declare const _sfc_main: import("vue").DefineComponent<{
 }, {
     tooltip: boolean;
     overflowPopover: boolean;
+    hoverOpen: boolean;
 }, {}>;
 export default _sfc_main;

package/lib/ele-avatar-group/index.js

@@ -1,7 +1,7 @@
 "use strict";
 const vue = require("vue");
 const elementPlus = require("element-plus");
-const licenseUtil = require("../utils/license-util");
+const receiver = require("../ele-config-provider/receiver");
 const props = require("./props");
 const _sfc_main = vue.defineComponent({
   name: "EleAvatarGroup",
@@ -9,7 +9,7 @@ const _sfc_main = vue.defineComponent({
   props: props.avatarGroupProps,
   emits: props.avatarGroupEmits,
   setup(props2, { emit }) {
-    const { authenticated } = licenseUtil.useLicense();
+    const { authenticated } = receiver.useLicense();
     const tooltipContent = vue.ref("");
     const virtualRef = vue.ref();
     const overflowVisible = vue.ref(false);
@@ -82,9 +82,8 @@ const _export_sfc = (sfc, props2) => {
   }
   return target;
 };
-const _hoisted_1 = { class: "ele-avatar-group" };
-const _hoisted_2 = { class: "ele-avatar-more-inner" };
-const _hoisted_3 = {
+const _hoisted_1 = { class: "ele-avatar-more-inner" };
+const _hoisted_2 = {
   key: 0,
   class: "ele-avatar-group"
 };
@@ -92,7 +91,9 @@ function _sfc_render(_ctx, _cache, $props, $setup, $data, $options) {
   const _component_ElAvatar = vue.resolveComponent("ElAvatar");
   const _component_ElPopover = vue.resolveComponent("ElPopover");
   const _component_ElTooltip = vue.resolveComponent("ElTooltip");
-  return vue.openBlock(), vue.createElementBlock("div", _hoisted_1, [
+  return vue.openBlock(), vue.createElementBlock("div", {
+    class: vue.normalizeClass(["ele-avatar-group", { "is-hover-open": _ctx.hoverOpen }])
+  }, [
     (vue.openBlock(true), vue.createElementBlock(vue.Fragment, null, vue.renderList(_ctx.avatarData, (item, index2) => {
       return vue.openBlock(), vue.createBlock(_component_ElAvatar, {
         key: index2 + "-" + item.value,
@@ -129,7 +130,7 @@ function _sfc_render(_ctx, _cache, $props, $setup, $data, $options) {
           onClick: _ctx.onMoreClick
         }, {
           default: vue.withCtx(() => [
-            vue.createElementVNode("span", _hoisted_2, [
+            vue.createElementVNode("span", _hoisted_1, [
               vue.renderSlot(_ctx.$slots, "more", {
                 overflowCount: _ctx.overflowCount,
                 overflowData: _ctx.overflowData
@@ -143,7 +144,7 @@ function _sfc_render(_ctx, _cache, $props, $setup, $data, $options) {
       ]),
       default: vue.withCtx(() => [
         vue.renderSlot(_ctx.$slots, "overflow", { overflowData: _ctx.overflowData }, () => [
-          _ctx.overflowPopover ? (vue.openBlock(), vue.createElementBlock("div", _hoisted_3, [
+          _ctx.overflowPopover ? (vue.openBlock(), vue.createElementBlock("div", _hoisted_2, [
             (vue.openBlock(true), vue.createElementBlock(vue.Fragment, null, vue.renderList(_ctx.overflowData, (item, index2) => {
               return vue.openBlock(), vue.createBlock(_component_ElAvatar, {
                 key: index2 + "-" + item.value,
@@ -171,7 +172,7 @@ function _sfc_render(_ctx, _cache, $props, $setup, $data, $options) {
       virtualRef: _ctx.virtualRef,
       virtualTriggering: true
     }), null, 16, ["content", "virtualRef"])
-  ]);
+  ], 2);
 }
 const index = /* @__PURE__ */ _export_sfc(_sfc_main, [["render", _sfc_render]]);
 module.exports = index;

package/lib/ele-avatar-group/props.d.ts

@@ -25,6 +25,7 @@ export declare const avatarGroupProps: {
         default: boolean;
     };
     overflowPopoverProps: PropType<Partial<PopoverProps>>;
+    hoverOpen: BooleanConstructor;
 };
 export type AvatarGroupProps = ExtractPropTypes<typeof avatarGroupProps>;
 /**

package/lib/ele-avatar-group/props.js

@@ -31,7 +31,9 @@ const avatarGroupProps = {
     default: true
   },
   // 溢出气泡属性
-  overflowPopoverProps: Object
+  overflowPopoverProps: Object,
+  // 是否鼠标移入展开
+  hoverOpen: Boolean
 };
 const avatarGroupEmits = {
   // item 点击事件

package/lib/ele-avatar-group/style/index.scss

@@ -3,17 +3,25 @@
 .ele-avatar-group {
   display: inline-block;
   vertical-align: top;
+  position: relative;
   font-size: 0;
 
   .el-avatar {
     vertical-align: top;
     border: 1px solid elVar('bg-color', 'overlay');
+    transition: all 0.3s ease;
     box-sizing: content-box;
+    position: relative;
     cursor: pointer;
+    z-index: 1;
 
     &:first-child {
       margin-left: 0 !important;
     }
+
+    &:hover {
+      z-index: 2;
+    }
   }
 
   .ele-avatar-more {
@@ -29,6 +37,30 @@
     justify-content: center;
     background: rgba(245, 106, 0, 0.2);
   }
+
+  &.is-hover-open {
+    &::before {
+      content: '';
+      position: absolute;
+      top: 0;
+      left: 0;
+      right: 0;
+      bottom: 0;
+      transition: all 0.3s ease;
+      pointer-events: all;
+      z-index: 9999;
+    }
+
+    &:hover {
+      &::before {
+        visibility: hidden;
+      }
+
+      .el-avatar {
+        margin-left: 0 !important;
+      }
+    }
+  }
 }
 
 .ele-avatar-popover.el-popper {