@me-framework/me-ui 1.0.44

package/dist/theme.css

@@ -0,0 +1 @@
+:root{--me-primary-color:#409EFF;--me-success-color:#67C23A;--me-warning-color:#E6A23C;--me-danger-color:#F56C6C;--me-info-color:#909399;--me-menu-divider-color:#dcdfe6}

package/es/abig-but/index.d.ts

@@ -0,0 +1,5 @@
+import AbigBut from "./src/abig-but.vue";
+export declare const MeAbigBut: import("../utils/install").WithInstall<import("vue").DefineComponent<import(".").AbigButProps, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<import(".").AbigButProps> & Readonly<{}>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>>;
+export default MeAbigBut;
+export * from "./src/abig-but";
+export type AbigButInstance = InstanceType<typeof AbigBut> & unknown;

package/es/abig-but/index.mjs

@@ -0,0 +1,10 @@
+import { withInstall } from '../utils/install.mjs';
+import './src/abig-but.vue.mjs';
+import './src/abig-but.mjs';
+import script from './src/abig-but.vue2.mjs';
+
+"use strict";
+const MeAbigBut = withInstall(script);
+
+export { MeAbigBut, MeAbigBut as default };
+//# sourceMappingURL=index.mjs.map

package/es/abig-but/index.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.mjs","sources":["../../src/abig-but/index.ts"],"sourcesContent":["import { withInstall } from \"../utils/install\";\nimport AbigBut from \"./src/abig-but.vue\";\n\nexport const MeAbigBut = withInstall(AbigBut);\nexport default MeAbigBut;\n\nexport * from \"./src/abig-but\";\n\nexport type AbigButInstance = InstanceType<typeof AbigBut> & unknown\n"],"names":["AbigBut"],"mappings":";;;;;;AAGO,MAAM,SAAA,GAAY,YAAYA,MAAO;;;;"}

package/es/abig-but/src/abig-but.d.ts

@@ -0,0 +1,3 @@
+interface AbigButProps {
+}
+export type { AbigButProps };

package/es/abig-but/src/abig-but.mjs

@@ -0,0 +1,2 @@
+"use strict";
+//# sourceMappingURL=abig-but.mjs.map

package/es/abig-but/src/abig-but.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"abig-but.mjs","sources":[],"sourcesContent":[],"names":[],"mappings":""}

package/es/abig-but/src/abig-but.vue.d.ts

@@ -0,0 +1,4 @@
+import type { AbigButProps } from './abig-but';
+declare const __VLS_export: import("vue").DefineComponent<AbigButProps, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<AbigButProps> & Readonly<{}>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
+declare const _default: typeof __VLS_export;
+export default _default;

package/es/abig-but/src/abig-but.vue.mjs

@@ -0,0 +1,6 @@
+import script from './abig-but.vue2.mjs';
+
+script.__file = "src/abig-but/src/abig-but.vue";
+
+export { script as default };
+//# sourceMappingURL=abig-but.vue.mjs.map

package/es/abig-but/src/abig-but.vue.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"abig-but.vue.mjs","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;"}

package/es/abig-but/src/abig-but.vue2.mjs

@@ -0,0 +1,19 @@
+import { defineComponent, openBlock, createElementBlock } from 'vue';
+
+"use strict";
+const _hoisted_1 = { style: { "color": "Red", "font-size": "36px" } };
+const __default__ = defineComponent({
+  name: "me-abig-but"
+});
+var script = /* @__PURE__ */ defineComponent({
+  ...__default__,
+  setup(__props) {
+    const props = __props;
+    return (_ctx, _cache) => {
+      return openBlock(), createElementBlock("div", _hoisted_1, "AbigBut Demo");
+    };
+  }
+});
+
+export { script as default };
+//# sourceMappingURL=abig-but.vue2.mjs.map

package/es/abig-but/src/abig-but.vue2.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"abig-but.vue2.mjs","sources":["../../../src/abig-but/src/abig-but.vue"],"sourcesContent":["<script lang=\"ts\">\nimport { defineComponent as __MACROS_defineComponent } from \"vue\";\nexport default /*#__PURE__*/ __MACROS_defineComponent({\n  name: 'me-abig-but',\n});\n</script>\n<template>\n<div style=\"color:Red;font-size:36px\">AbigBut Demo</div>\n</template>\n\n<script lang=\"ts\" setup>\nimport type { AbigButProps } from './abig-but'\n\n\n\nconst props = withDefaults(defineProps<AbigButProps>(), {\n\n});\n</script>\n"],"names":["__MACROS_defineComponent","_createElementBlock"],"mappings":";;;;AAEA,MAAA,cAA6BA,eAAA,CAAyB;AAAA,EACpD,IAAA,EAAM;AACR,CAAC,CAAA;;;;AAWD,IAAA,MAAM,KAAA,GAAQ,OAAA;;0BARdC,kBAAA,CAAwD,KAAA,EAAxD,YAAsC,cAAY,CAAA;AAAA;;;;;;"}

package/es/abig-but/style/index.css

@@ -0,0 +1 @@
+.body{--me-abig-but-background:black}

package/es/abig-but/style/index.d.ts

@@ -0,0 +1 @@
+import './index.css';

package/es/abig-but/style/index.mjs

@@ -0,0 +1,4 @@
+import './index.css';
+
+"use strict";
+//# sourceMappingURL=index.mjs.map

package/es/abig-but/style/index.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.mjs","sources":[],"sourcesContent":[],"names":[],"mappings":";;"}

package/es/abig-but/style/index.scss

@@ -0,0 +1,6 @@
+.body {
+  --me-abig-but-background: black;
+}
+.me-abig-but {
+
+}

package/es/abig-but/style/scss.d.ts

@@ -0,0 +1 @@
+import "./index.scss";

package/es/abig-but/style/scss.mjs

@@ -0,0 +1,4 @@
+import './index.scss';
+
+"use strict";
+//# sourceMappingURL=scss.mjs.map

package/es/abig-but/style/scss.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"scss.mjs","sources":[],"sourcesContent":[],"names":[],"mappings":";;"}

package/es/avatar/index.d.ts

@@ -0,0 +1,33 @@
+export declare const MeAvatar: import("../utils/install").WithInstall<{
+    new (...args: any[]): import("vue").CreateComponentPublicInstanceWithMixins<Readonly<import(".").AvatarProps> & Readonly<{}>, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, import("vue").PublicProps, {
+        size: string;
+        defaultImage: string;
+    }, false, {}, {}, import("vue").GlobalComponents, import("vue").GlobalDirectives, string, {}, any, import("vue").ComponentProvideOptions, {
+        P: {};
+        B: {};
+        D: {};
+        C: {};
+        M: {};
+        Defaults: {};
+    }, Readonly<import(".").AvatarProps> & Readonly<{}>, {}, {}, {}, {}, {
+        size: string;
+        defaultImage: string;
+    }>;
+    __isFragment?: never;
+    __isTeleport?: never;
+    __isSuspense?: never;
+} & import("vue").ComponentOptionsBase<Readonly<import(".").AvatarProps> & Readonly<{}>, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, {
+    size: string;
+    defaultImage: string;
+}, {}, string, {}, import("vue").GlobalComponents, import("vue").GlobalDirectives, string, import("vue").ComponentProvideOptions> & import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps & (new () => {
+    $slots: {
+        error?: (props: {}) => any;
+    } & {
+        name?: (props: {}) => any;
+    } & {
+        desc?: (props: {}) => any;
+    };
+})>;
+export default MeAvatar;
+export * from "./src/avatar";
+export type { AvatarInstance } from './src/instance';

package/es/avatar/index.mjs

@@ -0,0 +1,10 @@
+import { withInstall } from '../utils/install.mjs';
+import './src/avatar.vue.mjs';
+import './src/avatar.mjs';
+import script from './src/avatar.vue2.mjs';
+
+"use strict";
+const MeAvatar = withInstall(script);
+
+export { MeAvatar, MeAvatar as default };
+//# sourceMappingURL=index.mjs.map

package/es/avatar/index.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.mjs","sources":["../../src/avatar/index.ts"],"sourcesContent":["import { withInstall } from \"../utils/install\";\nimport Avatar from \"./src/avatar.vue\";\n\nexport const MeAvatar = withInstall(Avatar);\nexport default MeAvatar;\n\nexport * from \"./src/avatar\";\nexport type { AvatarInstance } from './src/instance'\n"],"names":["Avatar"],"mappings":";;;;;;AAGO,MAAM,QAAA,GAAW,YAAYA,MAAM;;;;"}

package/es/avatar/src/avatar.d.ts

@@ -0,0 +1,26 @@
+export interface AvatarProps {
+    /**
+     * 默认图片
+     */
+    defaultImage?: string;
+    /**
+     * 头像大小
+     */
+    size?: string;
+    /**
+     * 头像图片
+     */
+    image: string;
+    /**
+     * 名称
+     */
+    name?: string;
+    /**
+     * 描述
+     */
+    desc?: string;
+    /**
+     * 自定义样式
+     */
+    style?: object;
+}

package/es/avatar/src/avatar.mjs

@@ -0,0 +1,2 @@
+"use strict";
+//# sourceMappingURL=avatar.mjs.map

package/es/avatar/src/avatar.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"avatar.mjs","sources":[],"sourcesContent":[],"names":[],"mappings":""}

package/es/avatar/src/avatar.vue.d.ts

@@ -0,0 +1,21 @@
+import type { AvatarProps } from "./avatar";
+declare var __VLS_8: {}, __VLS_10: {}, __VLS_12: {};
+type __VLS_Slots = {} & {
+    error?: (props: typeof __VLS_8) => any;
+} & {
+    name?: (props: typeof __VLS_10) => any;
+} & {
+    desc?: (props: typeof __VLS_12) => any;
+};
+declare const __VLS_base: import("vue").DefineComponent<AvatarProps, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<AvatarProps> & Readonly<{}>, {
+    size: string;
+    defaultImage: string;
+}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
+declare const __VLS_export: __VLS_WithSlots<typeof __VLS_base, __VLS_Slots>;
+declare const _default: typeof __VLS_export;
+export default _default;
+type __VLS_WithSlots<T, S> = T & {
+    new (): {
+        $slots: S;
+    };
+};

package/es/avatar/src/avatar.vue.mjs

@@ -0,0 +1,6 @@
+import script from './avatar.vue2.mjs';
+
+script.__file = "src/avatar/src/avatar.vue";
+
+export { script as default };
+//# sourceMappingURL=avatar.vue.mjs.map

package/es/avatar/src/avatar.vue.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"avatar.vue.mjs","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;"}

package/es/avatar/src/avatar.vue2.mjs

@@ -0,0 +1,74 @@
+import { defineComponent, openBlock, createElementBlock, createElementVNode, createVNode, unref, normalizeStyle, withCtx, renderSlot, toDisplayString } from 'vue';
+import { MeResourceImage } from '../../resource-image/index.mjs';
+
+"use strict";
+const _hoisted_1 = { style: { "display": "flex", "align-items": "center", "cursor": "pointer" } };
+const _hoisted_2 = { style: { "display": "flex", "justify-content": "center", "align-items": "center", "height": "100%" } };
+const _hoisted_3 = ["src"];
+const _hoisted_4 = { style: { "margin-left": "10px" } };
+const _hoisted_5 = { style: { "font-weight": "bold", "line-height": "24px" } };
+const _hoisted_6 = { style: { "font-size": "11px", "color": "#909399", "line-height": "24px" } };
+const __default__ = defineComponent({
+  name: "me-avatar"
+});
+var script = /* @__PURE__ */ defineComponent({
+  ...__default__,
+  props: {
+    defaultImage: { type: String, required: false, default: "https://resource.mini-enjoy.com/saas/images/avatar-visitor.png" },
+    size: { type: String, required: false, default: "44px" },
+    image: { type: String, required: true },
+    name: { type: String, required: false },
+    desc: { type: String, required: false },
+    style: { type: Object, required: false }
+  },
+  setup(__props) {
+    const props = __props;
+    return (_ctx, _cache) => {
+      return openBlock(), createElementBlock("div", _hoisted_1, [
+        createElementVNode("div", null, [
+          createVNode(unref(MeResourceImage), {
+            style: normalizeStyle([{ "border-radius": "50%", "border": "2px solid #fff", "box-shadow": "0 2px 8px #0000000a", "overflow": "hidden" }, [{ width: __props.size, height: __props.size }, __props.style]]),
+            modelValue: __props.image
+          }, {
+            error: withCtx(() => [
+              renderSlot(_ctx.$slots, "error", {}, () => [
+                createElementVNode("div", _hoisted_2, [
+                  createElementVNode("img", {
+                    style: { "width": "100%" },
+                    src: __props.defaultImage,
+                    alt: ""
+                  }, null, 8, _hoisted_3)
+                ])
+              ])
+            ]),
+            _: 3
+            /* FORWARDED */
+          }, 8, ["style", "modelValue"])
+        ]),
+        createElementVNode("div", _hoisted_4, [
+          renderSlot(_ctx.$slots, "name", {}, () => [
+            createElementVNode(
+              "div",
+              _hoisted_5,
+              toDisplayString(__props.name),
+              1
+              /* TEXT */
+            )
+          ]),
+          renderSlot(_ctx.$slots, "desc", {}, () => [
+            createElementVNode(
+              "div",
+              _hoisted_6,
+              toDisplayString(__props.desc),
+              1
+              /* TEXT */
+            )
+          ])
+        ])
+      ]);
+    };
+  }
+});
+
+export { script as default };
+//# sourceMappingURL=avatar.vue2.mjs.map

package/es/avatar/src/avatar.vue2.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"avatar.vue2.mjs","sources":["../../../src/avatar/src/avatar.vue"],"sourcesContent":["<script lang=\"ts\">\nimport { defineComponent as __MACROS_defineComponent } from \"vue\";\nexport default /*#__PURE__*/ __MACROS_defineComponent({\n  name: \"me-avatar\",\n});\n</script>\n<template>\n  <div style=\"display: flex; align-items: center; cursor: pointer\">\n    <div>\n      <me-resource-image\n        style=\"border-radius: 50%; border: 2px solid #fff; box-shadow: 0 2px 8px #0000000a; overflow: hidden\"\n        :style=\"[{ width: size, height: size }, style]\"\n        :modelValue=\"image\">\n        <template #error>\n          <slot name=\"error\">\n            <div style=\"display: flex; justify-content: center; align-items: center; height: 100%\">\n              <img style=\"width: 100%\" :src=\"defaultImage\" alt=\"\" />\n            </div>\n          </slot>\n        </template>\n      </me-resource-image>\n    </div>\n    <div style=\"margin-left: 10px\">\n      <slot name=\"name\">\n        <div style=\"font-weight: bold; line-height: 24px\">\n          {{ name }}\n        </div>\n      </slot>\n      <slot name=\"desc\">\n        <div style=\"font-size: 11px; color: #909399; line-height: 24px\">\n          {{ desc }}\n        </div>\n      </slot>\n    </div>\n  </div>\n</template>\n\n<script lang=\"ts\" setup>\nimport type { AvatarProps } from \"./avatar\"\nimport { MeResourceImage } from \"../../resource-image\"\n\n\n\nconst props = withDefaults(defineProps<AvatarProps>(), {\n  defaultImage: \"https://resource.mini-enjoy.com/saas/images/avatar-visitor.png\",\n  size: \"44px\",\n})\n</script>\n"],"names":["__MACROS_defineComponent","_openBlock","_createElementBlock","_createElementVNode","_createVNode","_unref","_renderSlot","_toDisplayString"],"mappings":";;;;;;;;;;AAEA,MAAA,cAA6BA,eAAA,CAAyB;AAAA,EACpD,IAAA,EAAM;AACR,CAAC,CAAA;;;;;;;;;;;;AAuCD,IAAA,MAAM,KAAA,GAAQ,OAAA;;AApCZ,MAAA,OAAAC,SAAA,EAAA,EAAAC,kBAAA,CA2BM,KAAA,EA3BN,UAAA,EA2BM;AAAA,QA1BJC,kBAAA,CAaM,OAAA,IAAA,EAAA;AAAA,UAZJC,WAAA,CAWoBC,KAAA,CAAA,eAAA,CAAA,EAAA;AAAA,YAVlB,KAAA,kBAAA,EAAA,eAAA,EAAA,OAAA,QAAA,EAAA,gBAAA,EAAA,YAAA,EAAA,qBAAA,EAAA,UAAA,EAAA,QAAA,IAAqG,CAAA,EAAA,KAAA,EACnF,OAAA,OAAI,MAAA,EAAU,OAAA,CAAA,IAAA,IAAQ,OAAA,CAAA,KAAK,CAAA,CAAA,CAAA;AAAA,YAC5C,YAAY,OAAA,CAAA;AAAA;YACF,KAAA,UACT,MAIO;AAAA,cAJPC,WAIO,IAAA,sBAJP,MAIO;AAAA,gBAHLH,kBAAA,CAEM,OAFN,UAAA,EAEM;AAAA,kBADJA,mBAAsD,KAAA,EAAA;AAAA,oBAAjD,KAAA,EAAA,EAAA,OAAA,EAAA,MAAA,EAAA;AAAA,oBAAqB,KAAK,OAAA,CAAA,YAAA;AAAA,oBAAc,GAAA,EAAI;AAAA;;;;;;;;QAM3DA,kBAAA,CAWM,OAXN,UAAA,EAWM;AAAA,UAVJG,WAIO,IAAA,qBAJP,MAIO;AAAA,YAHLH,kBAAA;AAAA,cAEM,KAAA;AAAA,cAFN,UAAA;AAAA,cAEMI,eAAA,CADD,QAAA,IAAI,CAAA;AAAA,cAAA;AAAA;AAAA;AAAA;UAGXD,WAIO,IAAA,qBAJP,MAIO;AAAA,YAHLH,kBAAA;AAAA,cAEM,KAAA;AAAA,cAFN,UAAA;AAAA,cAEMI,eAAA,CADD,QAAA,IAAI,CAAA;AAAA,cAAA;AAAA;AAAA;AAAA;;;;;;;;;"}

package/es/avatar/src/instance.d.ts

@@ -0,0 +1,2 @@
+import type Avatar from './avatar.vue';
+export type AvatarInstance = InstanceType<typeof Avatar> & unknown;

package/es/avatar/style/index.d.ts

@@ -0,0 +1 @@
+import './index.css';

package/es/avatar/style/index.mjs

@@ -0,0 +1,4 @@
+import './index.css';
+
+"use strict";
+//# sourceMappingURL=index.mjs.map

package/es/avatar/style/index.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.mjs","sources":[],"sourcesContent":[],"names":[],"mappings":";;"}

package/es/avatar/style/index.scss

@@ -0,0 +1,3 @@
+.me-avatar {
+  
+}

package/es/avatar/style/scss.d.ts

@@ -0,0 +1 @@
+import "./index.scss";

package/es/avatar/style/scss.mjs

@@ -0,0 +1,4 @@
+import './index.scss';
+
+"use strict";
+//# sourceMappingURL=scss.mjs.map

package/es/avatar/style/scss.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"scss.mjs","sources":[],"sourcesContent":[],"names":[],"mappings":";;"}

package/es/avatar-group/index.d.ts

@@ -0,0 +1,6 @@
+export declare const MeAvatarGroup: import("../utils/install").WithInstall<import("vue").DefineComponent<import(".").AvatarGroupProps, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<import(".").AvatarGroupProps> & Readonly<{}>, {
+    maxVisible: number;
+}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>>;
+export default MeAvatarGroup;
+export * from "./src/avatar-group";
+export type { AvatarGroupInstance } from './src/instance';

package/es/avatar-group/index.mjs

@@ -0,0 +1,10 @@
+import { withInstall } from '../utils/install.mjs';
+import './src/avatar-group.vue.mjs';
+import './src/avatar-group.mjs';
+import script from './src/avatar-group.vue2.mjs';
+
+"use strict";
+const MeAvatarGroup = withInstall(script);
+
+export { MeAvatarGroup, MeAvatarGroup as default };
+//# sourceMappingURL=index.mjs.map

package/es/avatar-group/index.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.mjs","sources":["../../src/avatar-group/index.ts"],"sourcesContent":["import { withInstall } from \"../utils/install\";\nimport _AvatarGroup from \"./src/avatar-group.vue\";\n\nexport const MeAvatarGroup = withInstall(_AvatarGroup);\nexport default MeAvatarGroup;\n\nexport * from \"./src/avatar-group\";\nexport type { AvatarGroupInstance } from './src/instance'\n"],"names":["_AvatarGroup"],"mappings":";;;;;;AAGO,MAAM,aAAA,GAAgB,YAAYA,MAAY;;;;"}

package/es/avatar-group/src/avatar-group.d.ts

@@ -0,0 +1,27 @@
+type Avatar = {
+    src: string;
+    name?: string;
+};
+export interface AvatarGroupProps {
+    /**
+     * 头像列表
+     */
+    avatars: Avatar[];
+    /**
+     * 最大显示数量
+     */
+    maxVisible?: number;
+    /**
+     * 宽度
+     */
+    width?: string;
+    /**
+     * 间距
+     */
+    spacing?: string;
+    /**
+     * 是否悬停显示
+     */
+    hover?: boolean;
+}
+export {};

package/es/avatar-group/src/avatar-group.mjs

@@ -0,0 +1,2 @@
+"use strict";
+//# sourceMappingURL=avatar-group.mjs.map

package/es/avatar-group/src/avatar-group.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"avatar-group.mjs","sources":[],"sourcesContent":[],"names":[],"mappings":""}

package/es/avatar-group/src/avatar-group.vue.d.ts

@@ -0,0 +1,6 @@
+import type { AvatarGroupProps } from './avatar-group';
+declare const __VLS_export: import("vue").DefineComponent<AvatarGroupProps, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<AvatarGroupProps> & Readonly<{}>, {
+    maxVisible: number;
+}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
+declare const _default: typeof __VLS_export;
+export default _default;

package/es/avatar-group/src/avatar-group.vue.mjs

@@ -0,0 +1,6 @@
+import script from './avatar-group.vue2.mjs';
+
+script.__file = "src/avatar-group/src/avatar-group.vue";
+
+export { script as default };
+//# sourceMappingURL=avatar-group.vue.mjs.map

package/es/avatar-group/src/avatar-group.vue.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"avatar-group.vue.mjs","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;"}

package/es/avatar-group/src/avatar-group.vue2.mjs

@@ -0,0 +1,118 @@
+import { defineComponent, computed, resolveComponent, openBlock, createElementBlock, Fragment, renderList, normalizeStyle, createVNode, unref, withCtx, createBlock, createElementVNode, createTextVNode, toDisplayString, createCommentVNode } from 'vue';
+import { ElTooltip, ElAvatar, ElPopover } from 'element-plus';
+
+"use strict";
+const _hoisted_1 = { class: "me-avatar-group" };
+const __default__ = defineComponent({
+  name: "me-avatar-group"
+});
+var script = /* @__PURE__ */ defineComponent({
+  ...__default__,
+  props: {
+    avatars: { type: Array, required: true },
+    maxVisible: { type: Number, required: false, default: 4 },
+    width: { type: String, required: false },
+    spacing: { type: String, required: false },
+    hover: { type: Boolean, required: false }
+  },
+  setup(__props) {
+    const props = __props;
+    const displayedAvatars = computed(() => props.avatars.slice(0, props.maxVisible));
+    console.log(displayedAvatars.value);
+    const remainingAvatars = computed(() => props.avatars.slice(props.maxVisible));
+    const extraCount = computed(() => Math.max(props.avatars.length - props.maxVisible, 0));
+    const hasExtra = computed(() => extraCount.value > 0);
+    const avatarSizeStyle = computed(() => {
+      return {
+        width: props.width,
+        height: props.width,
+        marginLeft: props.spacing
+      };
+    });
+    const avatarStyle = (index) => {
+      return {
+        zIndex: props.avatars.length - index
+      };
+    };
+    return (_ctx, _cache) => {
+      const _component_avatar_group = resolveComponent("avatar-group", true);
+      return openBlock(), createElementBlock("div", _hoisted_1, [
+        (openBlock(true), createElementBlock(
+          Fragment,
+          null,
+          renderList(displayedAvatars.value, (avatar, index) => {
+            return openBlock(), createElementBlock(
+              "div",
+              {
+                key: index,
+                class: "avatar",
+                style: normalizeStyle({ ...avatarStyle(index), ...avatarSizeStyle.value })
+              },
+              [
+                createVNode(unref(ElTooltip), {
+                  disabled: !__props.hover,
+                  effect: "dark",
+                  content: avatar.name || "",
+                  placement: "bottom"
+                }, {
+                  default: withCtx(() => [
+                    createVNode(unref(ElAvatar), {
+                      class: "avatar-img",
+                      src: avatar.src
+                    }, null, 8, ["src"])
+                  ]),
+                  _: 2
+                  /* DYNAMIC */
+                }, 1032, ["disabled", "content"])
+              ],
+              4
+              /* STYLE */
+            );
+          }),
+          128
+          /* KEYED_FRAGMENT */
+        )),
+        hasExtra.value ? (openBlock(), createBlock(unref(ElPopover), {
+          key: 0,
+          disabled: !__props.hover,
+          style: { "width": "fit-content" },
+          placement: "bottom",
+          trigger: "hover"
+        }, {
+          reference: withCtx(() => [
+            createElementVNode(
+              "div",
+              {
+                class: "avatar extra",
+                style: normalizeStyle(avatarSizeStyle.value)
+              },
+              [
+                createVNode(unref(ElAvatar), { class: "avatar-img" }, {
+                  default: withCtx(() => [
+                    createTextVNode(
+                      " +" + toDisplayString(extraCount.value),
+                      1
+                      /* TEXT */
+                    )
+                  ]),
+                  _: 1
+                  /* STABLE */
+                })
+              ],
+              4
+              /* STYLE */
+            )
+          ]),
+          default: withCtx(() => [
+            createVNode(_component_avatar_group, { avatars: remainingAvatars.value }, null, 8, ["avatars"])
+          ]),
+          _: 1
+          /* STABLE */
+        }, 8, ["disabled"])) : createCommentVNode("v-if", true)
+      ]);
+    };
+  }
+});
+
+export { script as default };
+//# sourceMappingURL=avatar-group.vue2.mjs.map

package/es/avatar-group/src/avatar-group.vue2.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"avatar-group.vue2.mjs","sources":["../../../src/avatar-group/src/avatar-group.vue"],"sourcesContent":["<script lang=\"ts\">\nimport { defineComponent as __MACROS_defineComponent } from \"vue\";\nexport default /*#__PURE__*/ __MACROS_defineComponent({\n\t\tname: 'me-avatar-group',\n\t});\n</script>\n<template>\n\t<div class=\"me-avatar-group\">\n\t\t<div v-for=\"(avatar, index) in displayedAvatars\" :key=\"index\" class=\"avatar\" :style=\"{ ...avatarStyle(index), ...avatarSizeStyle }\">\n\t\t\t<el-tooltip :disabled=\"!hover\" effect=\"dark\" :content=\"avatar.name || ''\" placement=\"bottom\">\n\t\t\t\t<el-avatar class=\"avatar-img\" :src=\"avatar.src\" />\n\t\t\t</el-tooltip>\n\t\t</div>\n\n\t\t<el-popover :disabled=\"!hover\" v-if=\"hasExtra\" style=\"width: fit-content\" placement=\"bottom\" trigger=\"hover\">\n\t\t\t<template #reference>\n\t\t\t\t<div class=\"avatar extra\" :style=\"avatarSizeStyle\">\n\t\t\t\t\t<el-avatar class=\"avatar-img\"> +{{ extraCount }} </el-avatar>\n\t\t\t\t</div>\n\t\t\t</template>\n\t\t\t<avatar-group :avatars=\"remainingAvatars\"></avatar-group>\n\t\t</el-popover>\n\t</div>\n</template>\n\n<script lang=\"ts\" setup>\n\timport { computed } from 'vue'\n\timport type { AvatarGroupProps } from './avatar-group'\n\timport { ElTooltip, ElAvatar, ElPopover } from 'element-plus'\n\t// import { MeAvatarGroup as MeAvatarGroupChild } from '../../avatar-group';\n\n\t\n\n\tconst props = withDefaults(defineProps<AvatarGroupProps>(), {\n\t\tmaxVisible: 4,\n\t})\n\n\t// 显示的 avatar 列表\n\tconst displayedAvatars = computed(() => props.avatars.slice(0, props.maxVisible))\n\tconsole.log(displayedAvatars.value)\n\n\tconst remainingAvatars = computed(() => props.avatars.slice(props.maxVisible))\n\n\t// 额外数量计算\n\tconst extraCount = computed(() => Math.max(props.avatars.length - props.maxVisible, 0))\n\tconst hasExtra = computed(() => extraCount.value > 0)\n\n\t// 头像容器\n\tconst avatarSizeStyle = computed(() => {\n\t\treturn {\n\t\t\twidth: props.width,\n\t\t\theight: props.width,\n\t\t\tmarginLeft: props.spacing,\n\t\t}\n\t})\n\tconst avatarStyle = (index: number) => {\n\t\treturn {\n\t\t\tzIndex: props.avatars.length - index,\n\t\t}\n\t}\n</script>\n"],"names":["__MACROS_defineComponent","_openBlock","_createElementBlock","_Fragment","_renderList","_normalizeStyle","_createVNode","_unref","_createBlock","_createElementVNode","_createTextVNode"],"mappings":"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"}

package/es/avatar-group/src/instance.d.ts

@@ -0,0 +1,2 @@
+import type AvatarGroup from './avatar-group.vue';
+export type AvatarGroupInstance = InstanceType<typeof AvatarGroup> & unknown;

package/es/avatar-group/style/index.css

@@ -0,0 +1 @@
+.me-avatar-group{display:inline-block;line-height:0}.me-avatar-group .avatar{display:inline-flex;align-items:center;position:relative;white-space:nowrap;box-sizing:border-box;vertical-align:middle;width:26px;height:26px;font-size:13px;z-index:5;margin-left:-6.5px}.me-avatar-group .avatar:first-child{margin-left:0!important}.me-avatar-group .avatar.extra{z-index:0}.me-avatar-group .avatar-img{width:100%;height:100%;border:2px solid #fff}

package/es/avatar-group/style/index.d.ts

@@ -0,0 +1,4 @@
+import './index.css';
+import 'element-plus/es/components/avatar/style/index';
+import 'element-plus/es/components/tooltip/style/index';
+import 'element-plus/es/components/popover/style/index';

package/es/avatar-group/style/index.mjs

@@ -0,0 +1,7 @@
+import './index.css';
+import 'element-plus/es/components/avatar/style/index';
+import 'element-plus/es/components/tooltip/style/index';
+import 'element-plus/es/components/popover/style/index';
+
+"use strict";
+//# sourceMappingURL=index.mjs.map

package/es/avatar-group/style/index.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.mjs","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;"}

package/es/avatar-group/style/index.scss

@@ -0,0 +1,29 @@
+.me-avatar-group {
+	display: inline-block;
+	line-height: 0;
+	.avatar {
+		display: inline-flex;
+		align-items: center;
+		position: relative;
+		white-space: nowrap;
+		box-sizing: border-box;
+		vertical-align: middle;
+		width: 26px;
+		height: 26px;
+		font-size: 13px;
+		z-index: 5;
+		margin-left: -6.5px;
+	}
+	.avatar:first-child {
+		margin-left: 0 !important;
+	}
+	.avatar.extra {
+		z-index: 0;
+	}
+
+	.avatar-img {
+		width: 100%;
+		height: 100%;
+		border: 2px solid #fff;
+	}
+}

package/es/avatar-group/style/scss.d.ts

@@ -0,0 +1,4 @@
+import './index.scss';
+import 'element-plus/es/components/avatar/style/index';
+import 'element-plus/es/components/tooltip/style/index';
+import 'element-plus/es/components/popover/style/index';