yc-design-vue 1.7.6 → 1.7.8

package/es/Alert/index.js

@@ -1,7 +1,8 @@
-import _Alert from "./index.vue.js";
-const Alert = Object.assign(_Alert, {
+import _sfc_main from "./index.vue.js";
+/* empty css           */
+const Alert = Object.assign(_sfc_main, {
   install: (app) => {
-    app.component("Yc" + _Alert.name, _Alert);
+    app.component("Yc" + _sfc_main.name, _sfc_main);
   }
 });
 export {

package/es/Alert/index.vue.js

@@ -1,7 +1,102 @@
-import _sfc_main from "./index.vue2.js";
-/* empty css           */
-import _export_sfc from "../_virtual/_plugin-vue_export-helper.js";
-const _Alert = /* @__PURE__ */ _export_sfc(_sfc_main, [["__scopeId", "data-v-5266bf6a"]]);
+import { defineComponent, ref, createBlock, openBlock, Transition, withCtx, createElementBlock, createCommentVNode, normalizeClass, createElementVNode, renderSlot, resolveDynamicComponent, unref, createTextVNode, toDisplayString, createVNode } from "vue";
+import { TYPE_ICON_MAP } from "../_shared/constants/index.js";
+import _sfc_main$1 from "../_shared/components/IconButton.vue.js";
+/* empty css                                    */
+import "../node_modules/tinycolor2/esm/tinycolor.js";
+import "../_shared/utils/dom.js";
+import "../_shared/utils/time.js";
+import "../Empty/index.js";
+/* empty css                             */
+/* empty css                                         */
+const _hoisted_1 = {
+  key: 0,
+  class: "yc-alert-icon"
+};
+const _hoisted_2 = { class: "yc-alert-body" };
+const _hoisted_3 = {
+  key: 0,
+  class: "yc-alert-title"
+};
+const _hoisted_4 = { class: "yc-alert-content" };
+const _hoisted_5 = {
+  key: 1,
+  class: "yc-alert-action"
+};
+const _sfc_main = /* @__PURE__ */ defineComponent({
+  ...{
+    name: "Alert"
+  },
+  __name: "index",
+  props: {
+    type: { default: "info" },
+    showIcon: { type: Boolean, default: true },
+    closable: { type: Boolean, default: false },
+    title: { default: "" },
+    banner: { type: Boolean, default: false },
+    center: { type: Boolean, default: false }
+  },
+  emits: ["close", "after-close"],
+  setup(__props, { emit: __emit }) {
+    const emits = __emit;
+    const visible = ref(true);
+    const handleClose = (ev) => {
+      visible.value = false;
+      emits("close", ev);
+    };
+    return (_ctx, _cache) => {
+      return openBlock(), createBlock(Transition, {
+        name: "slide-dynamic-origin",
+        onAfterLeave: _cache[0] || (_cache[0] = ($event) => _ctx.$emit("after-close"))
+      }, {
+        default: withCtx(() => [
+          visible.value ? (openBlock(), createElementBlock("div", {
+            key: 0,
+            class: normalizeClass([
+              "yc-alert",
+              `yc-alert-${_ctx.type}`,
+              {
+                "yc-alert-has-title": _ctx.title || _ctx.$slots.title,
+                "yc-alert-center": _ctx.center || _ctx.banner,
+                "yc-alert-banner": _ctx.banner
+              }
+            ])
+          }, [
+            _ctx.showIcon ? (openBlock(), createElementBlock("div", _hoisted_1, [
+              renderSlot(_ctx.$slots, "icon", {}, () => [
+                (openBlock(), createBlock(resolveDynamicComponent(unref(TYPE_ICON_MAP)[_ctx.type])))
+              ])
+            ])) : createCommentVNode("", true),
+            createElementVNode("div", _hoisted_2, [
+              _ctx.$slots.title || _ctx.title ? (openBlock(), createElementBlock("div", _hoisted_3, [
+                renderSlot(_ctx.$slots, "title", {}, () => [
+                  createTextVNode(toDisplayString(_ctx.title), 1)
+                ])
+              ])) : createCommentVNode("", true),
+              createElementVNode("div", _hoisted_4, [
+                renderSlot(_ctx.$slots, "default")
+              ])
+            ]),
+            _ctx.$slots.action ? (openBlock(), createElementBlock("div", _hoisted_5, [
+              renderSlot(_ctx.$slots, "action")
+            ])) : createCommentVNode("", true),
+            _ctx.closable ? (openBlock(), createElementBlock("div", {
+              key: 2,
+              class: "yc-alert-close-btn",
+              role: "button",
+              "aria-label": "Close",
+              onClick: handleClose
+            }, [
+              renderSlot(_ctx.$slots, "close-element", {}, () => [
+                createVNode(unref(_sfc_main$1))
+              ])
+            ])) : createCommentVNode("", true)
+          ], 2)) : createCommentVNode("", true)
+        ]),
+        _: 3
+      });
+    };
+  }
+});
 export {
-  _Alert as default
+  _sfc_main as default
 };

package/es/Alert/index.vue3.js

@@ -0,0 +1,5 @@
+import _sfc_main from "./index.vue.js";
+/* empty css           */
+export {
+  _sfc_main as default
+};

package/es/Anchor/Anchor.vue.js

@@ -1,7 +1,73 @@
-import _sfc_main from "./Anchor.vue2.js";
-/* empty css            */
-import _export_sfc from "../_virtual/_plugin-vue_export-helper.js";
-const _Anchor = /* @__PURE__ */ _export_sfc(_sfc_main, [["__scopeId", "data-v-027eeba9"]]);
+import { defineComponent, ref, computed, onMounted, createElementBlock, openBlock, createCommentVNode, createElementVNode, normalizeStyle, unref, renderSlot } from "vue";
+import "../node_modules/tinycolor2/esm/tinycolor.js";
+import { valueToPx } from "../_shared/utils/dom.js";
+import "../_shared/utils/time.js";
+import "../Empty/index.js";
+/* empty css                             */
+import useContext from "./hooks/useContext.js";
+const _hoisted_1 = { class: "yc-anchor" };
+const _hoisted_2 = {
+  key: 0,
+  class: "yc-anchor-line-track"
+};
+const _sfc_main = /* @__PURE__ */ defineComponent({
+  ...{
+    name: "Anchor"
+  },
+  __name: "Anchor",
+  props: {
+    boundary: { default: "start" },
+    lineLess: { type: Boolean, default: false },
+    scrollContainer: { default: void 0 },
+    changeHash: { type: Boolean, default: true },
+    smooth: { type: Boolean, default: true }
+  },
+  setup(__props) {
+    const props = __props;
+    const listRef = ref();
+    const linkRefs = ref([]);
+    const { curHref, hrefs } = useContext().provide(props, listRef);
+    const top = computed(() => {
+      const curIndex = hrefs.value.findIndex((item) => item == curHref.value);
+      const offset = linkRefs.value.slice(0, curIndex + 1).map((item) => item.offsetHeight).reduce((pre, cur, index) => {
+        if (index == curIndex) {
+          return pre + (cur - 12) / 2;
+        } else {
+          return pre + cur;
+        }
+      }, 0);
+      return offset + curIndex * 2;
+    });
+    onMounted(() => {
+      if (!hrefs.value.length) return;
+      curHref.value = hrefs.value[0];
+      linkRefs.value = [
+        ...listRef.value.querySelectorAll(
+          ".yc-anchor-link"
+        )
+      ];
+    });
+    return (_ctx, _cache) => {
+      return openBlock(), createElementBlock("div", _hoisted_1, [
+        !_ctx.lineLess ? (openBlock(), createElementBlock("div", _hoisted_2, [
+          createElementVNode("div", {
+            class: "yc-anchor-line-slider",
+            style: normalizeStyle({
+              top: unref(valueToPx)(top.value)
+            })
+          }, null, 4)
+        ])) : createCommentVNode("", true),
+        createElementVNode("div", {
+          class: "yc-anchor-list",
+          ref_key: "listRef",
+          ref: listRef
+        }, [
+          renderSlot(_ctx.$slots, "default")
+        ], 512)
+      ]);
+    };
+  }
+});
 export {
-  _Anchor as default
+  _sfc_main as default
 };

package/es/Anchor/Anchor.vue3.js

@@ -0,0 +1,5 @@
+import _sfc_main from "./Anchor.vue.js";
+/* empty css            */
+export {
+  _sfc_main as default
+};

package/es/Anchor/AnchorLink.vue.js

@@ -1,7 +1,77 @@
-import _sfc_main from "./AnchorLink.vue2.js";
-/* empty css                */
-import _export_sfc from "../_virtual/_plugin-vue_export-helper.js";
-const AnchorLink = /* @__PURE__ */ _export_sfc(_sfc_main, [["__scopeId", "data-v-cb050db9"]]);
+import { defineComponent, toRefs, createElementBlock, openBlock, normalizeClass, unref, createElementVNode, createCommentVNode, renderSlot, createTextVNode, toDisplayString } from "vue";
+import "../node_modules/tinycolor2/esm/tinycolor.js";
+import { getElement } from "../_shared/utils/dom.js";
+import { isNumber } from "../_shared/utils/is.js";
+import "../_shared/utils/time.js";
+import "../Empty/index.js";
+/* empty css                             */
+import useContext from "./hooks/useContext.js";
+const _hoisted_1 = ["href"];
+const _hoisted_2 = {
+  key: 0,
+  class: "yc-anchor-sublist"
+};
+const _sfc_main = /* @__PURE__ */ defineComponent({
+  ...{
+    name: "AnchorLink"
+  },
+  __name: "AnchorLink",
+  props: {
+    title: { default: "" },
+    href: { default: "" }
+  },
+  setup(__props) {
+    const props = __props;
+    const { href } = toRefs(props);
+    const { smooth, boundary, changeHash, curHref, lineLess, scrollContainer } = useContext().inject();
+    const handleClick = (e) => {
+      curHref.value = href.value;
+      if (changeHash.value) return;
+      e.preventDefault();
+      const anchorDom = getElement(href.value);
+      if (!anchorDom) return;
+      if (isNumber(boundary.value) && scrollContainer.value) {
+        const { top: anchorTop } = anchorDom.getBoundingClientRect();
+        const { top: containerTop } = scrollContainer.value.getBoundingClientRect();
+        const { scrollTop } = scrollContainer.value;
+        scrollContainer.value.scrollTo({
+          top: anchorTop - containerTop + scrollTop - boundary.value,
+          behavior: smooth.value ? "smooth" : "auto"
+        });
+      } else {
+        anchorDom.scrollIntoView({
+          block: boundary.value,
+          behavior: smooth.value ? "smooth" : "auto"
+        });
+      }
+    };
+    return (_ctx, _cache) => {
+      return openBlock(), createElementBlock("div", {
+        class: normalizeClass([
+          "yc-anchor-link-item",
+          {
+            "yc-anchor-link-active": unref(curHref) == unref(href) && !unref(lineLess),
+            "yc-anchor-link-lineless-active": unref(curHref) == unref(href) && unref(lineLess)
+          }
+        ])
+      }, [
+        createElementVNode("a", {
+          href: unref(href),
+          class: "yc-anchor-link",
+          onClick: handleClick,
+          ref: "linkRef"
+        }, [
+          renderSlot(_ctx.$slots, "default", {}, () => [
+            createTextVNode(toDisplayString(_ctx.title), 1)
+          ])
+        ], 8, _hoisted_1),
+        _ctx.$slots.sublist ? (openBlock(), createElementBlock("div", _hoisted_2, [
+          renderSlot(_ctx.$slots, "sublist")
+        ])) : createCommentVNode("", true)
+      ], 2);
+    };
+  }
+});
 export {
-  AnchorLink as default
+  _sfc_main as default
 };

package/es/Anchor/AnchorLink.vue3.js

@@ -0,0 +1,5 @@
+import _sfc_main from "./AnchorLink.vue.js";
+/* empty css                */
+export {
+  _sfc_main as default
+};

package/es/Anchor/hooks/useContext.js

@@ -6,7 +6,8 @@ import "../../_shared/utils/time.js";
 import { findComponentsFromVnodes } from "../../_shared/utils/vue-utils.js";
 import "../../Empty/index.js";
 /* empty css                                */
-import AnchorLink from "../AnchorLink.vue.js";
+import _sfc_main from "../AnchorLink.vue.js";
+/* empty css                 */
 const ANCHOR_CONTEXT_KEY = "anchor-context";
 const useContext = () => {
   const provide$1 = (props, listRef) => {
@@ -23,7 +24,7 @@ const useContext = () => {
       var _a;
       const nodes = findComponentsFromVnodes(
         ((_a = slots.default) == null ? void 0 : _a.call(slots)) || [],
-        AnchorLink.name
+        _sfc_main.name
       );
       return nodes.map((node) => {
         var _a2;

package/es/Anchor/index.css

@@ -1 +1 @@
-.yc-anchor{position:relative;width:150px;overflow:auto}.yc-anchor .yc-anchor-line-slider{position:absolute;top:0;left:0;z-index:1;width:2px;height:12px;background-color:rgb(var(--primary-6));transition:top .2s cubic-bezier(.34, .69, .1, 1)}.yc-anchor .yc-anchor-line-track{position:absolute;left:0;top:0;bottom:0;width:2px;background-color:var(--color-fill-3)}.yc-anchor .yc-anchor-list{margin-left:4px;display:flex;flex-direction:column;gap:2px}.yc-anchor-link-item{display:flex;flex-direction:column;gap:2px}.yc-anchor-link-item .yc-anchor-link{cursor:pointer;min-height:30px;padding:4px 8px;border-radius:2px;color:var(--color-text-2);font-size:14px;line-height:1.5715;transition:all .1s cubic-bezier(0, 0, 1, 1)}.yc-anchor-link-item .yc-anchor-link:hover{color:var(--color-text-1);font-weight:500;background-color:var(--color-fill-2)}.yc-anchor-link-item .yc-anchor-sublist{display:flex;flex-direction:column;gap:2px}.yc-anchor-link-item .yc-anchor-sublist:deep(.yc-anchor-link-item){margin-left:12px}.yc-anchor-link-active>.yc-anchor-link{color:var(--color-text-1);font-weight:500}.yc-anchor-link-lineless-active>.yc-anchor-link{color:rgb(var(--primary-6));font-weight:500;background-color:var(--color-fill-2)}
+.yc-anchor{position:relative;width:150px;overflow:auto}.yc-anchor .yc-anchor-line-slider{position:absolute;top:0;left:0;z-index:1;width:2px;height:12px;background-color:rgb(var(--primary-6));transition:top .2s cubic-bezier(.34, .69, .1, 1)}.yc-anchor .yc-anchor-line-track{position:absolute;left:0;top:0;bottom:0;width:2px;background-color:var(--color-fill-3)}.yc-anchor .yc-anchor-list{margin-left:4px;display:flex;flex-direction:column;gap:2px}.yc-anchor-link-item{display:flex;flex-direction:column;gap:2px}.yc-anchor-link-item .yc-anchor-link{cursor:pointer;min-height:30px;padding:4px 8px;border-radius:2px;color:var(--color-text-2);font-size:14px;line-height:1.5715;transition:all .1s cubic-bezier(0, 0, 1, 1)}.yc-anchor-link-item .yc-anchor-link:hover{color:var(--color-text-1);font-weight:500;background-color:var(--color-fill-2)}.yc-anchor-link-item .yc-anchor-sublist{display:flex;flex-direction:column;gap:2px}.yc-anchor-link-item .yc-anchor-sublist .yc-anchor-link-item{margin-left:12px}.yc-anchor-link-active>.yc-anchor-link{color:var(--color-text-1);font-weight:500}.yc-anchor-link-lineless-active>.yc-anchor-link{color:rgb(var(--primary-6));font-weight:500;background-color:var(--color-fill-2)}

package/es/Anchor/index.js

@@ -1,13 +1,15 @@
-import _Anchor from "./Anchor.vue.js";
-import AnchorLink from "./AnchorLink.vue.js";
-const Anchor = Object.assign(_Anchor, {
-  link: AnchorLink,
+import _sfc_main from "./Anchor.vue.js";
+/* empty css            */
+import _sfc_main$1 from "./AnchorLink.vue.js";
+/* empty css                */
+const Anchor = Object.assign(_sfc_main, {
+  link: _sfc_main$1,
   install: (app) => {
-    app.component("Yc" + _Anchor.name, _Anchor);
-    app.component("Yc" + AnchorLink.name, AnchorLink);
+    app.component("Yc" + _sfc_main.name, _sfc_main);
+    app.component("Yc" + _sfc_main$1.name, _sfc_main$1);
   }
 });
 export {
-  AnchorLink,
+  _sfc_main$1 as AnchorLink,
   Anchor as default
 };

package/es/Avatar/Avatar.vue.js

@@ -1,7 +1,115 @@
-import _sfc_main from "./Avatar.vue2.js";
-/* empty css            */
-import _export_sfc from "../_virtual/_plugin-vue_export-helper.js";
-const _Avatar = /* @__PURE__ */ _export_sfc(_sfc_main, [["__scopeId", "data-v-ab5f9220"]]);
+import { defineComponent, ref, computed, createElementBlock, openBlock, normalizeStyle, normalizeClass, unref, createCommentVNode, renderSlot, createVNode } from "vue";
+import { useResizeObserver } from "../node_modules/@vueuse/core/index.js";
+import "../node_modules/tinycolor2/esm/tinycolor.js";
+import { valueToPx } from "../_shared/utils/dom.js";
+import "../_shared/utils/time.js";
+import "../Empty/index.js";
+/* empty css                             */
+import _sfc_main$1 from "../_shared/icons/IconImageClose.vue.js";
+import useContext from "./hooks/useContext.js";
+const _hoisted_1 = {
+  key: 1,
+  class: "yc-avatar-image"
+};
+const _hoisted_2 = ["src"];
+const _hoisted_3 = {
+  key: 1,
+  class: "yc-avatar-image-icon"
+};
+const _sfc_main = /* @__PURE__ */ defineComponent({
+  ...{
+    name: "Avatar"
+  },
+  __name: "Avatar",
+  props: {
+    shape: { default: void 0 },
+    imageUrl: { default: "" },
+    size: { default: void 0 },
+    autoFixFontSize: { type: Boolean, default: void 0 },
+    triggerType: { default: "button" },
+    triggerIconStyle: { default: () => {
+      return {};
+    } },
+    objectFit: { default: "cover" }
+  },
+  emits: ["click", "error", "load"],
+  setup(__props, { emit: __emit }) {
+    const props = __props;
+    const emits = __emit;
+    const { size, autoFixFontSize, shape } = useContext().inject(props);
+    const isLoadError = ref(false);
+    const scale = ref(1);
+    const textRef = ref();
+    const avatarRef = ref();
+    const textWithImage = computed(() => {
+      var _a;
+      return (_a = textRef.value) == null ? void 0 : _a.querySelector("img");
+    });
+    const handleError = (e) => {
+      isLoadError.value = true;
+      emits("error", e);
+    };
+    const initOvserver = () => {
+      if (!autoFixFontSize.value) return;
+      useResizeObserver(textRef, () => {
+        const avatarWidth = size.value ?? avatarRef.value.offsetWidth;
+        const textWidth = textRef.value.offsetWidth;
+        const textScale = avatarWidth / (textWidth + 8);
+        scale.value = avatarWidth && textScale < 1 ? textScale : 1;
+      });
+    };
+    initOvserver();
+    return (_ctx, _cache) => {
+      return openBlock(), createElementBlock("div", {
+        class: normalizeClass(["yc-avatar", `yc-avatar-shape-${unref(shape)}`]),
+        style: normalizeStyle({
+          width: unref(valueToPx)(unref(size)),
+          height: unref(valueToPx)(unref(size))
+        }),
+        ref_key: "avatarRef",
+        ref: avatarRef,
+        onClick: _cache[1] || (_cache[1] = ($event) => _ctx.$emit("click", $event))
+      }, [
+        _ctx.$slots.default ? (openBlock(), createElementBlock("span", {
+          key: 0,
+          class: normalizeClass([textWithImage.value ? "yc-avatar-image" : "yc-avatar-text"]),
+          style: normalizeStyle({
+            transform: textWithImage.value ? "" : `scale(${scale.value}) translateX(-50%)`
+          }),
+          ref_key: "textRef",
+          ref: textRef
+        }, [
+          renderSlot(_ctx.$slots, "default")
+        ], 6)) : _ctx.imageUrl ? (openBlock(), createElementBlock("span", _hoisted_1, [
+          !isLoadError.value ? (openBlock(), createElementBlock("img", {
+            key: 0,
+            src: _ctx.imageUrl,
+            style: normalizeStyle({
+              objectFit: _ctx.objectFit
+            }),
+            alt: "avatar",
+            onLoad: _cache[0] || (_cache[0] = ($event) => _ctx.$emit("load", $event)),
+            onError: handleError
+          }, null, 44, _hoisted_2)) : (openBlock(), createElementBlock("div", _hoisted_3, [
+            createVNode(unref(_sfc_main$1))
+          ]))
+        ])) : createCommentVNode("", true),
+        _ctx.$slots["trigger-icon"] ? (openBlock(), createElementBlock("div", {
+          key: 2,
+          class: normalizeClass([
+            {
+              "yc-avatar-trigger-icon-button": _ctx.triggerType == "button",
+              "yc-avatar-trigger-icon-mask": _ctx.triggerType == "mask"
+            }
+          ]),
+          style: normalizeStyle(_ctx.triggerIconStyle)
+        }, [
+          renderSlot(_ctx.$slots, "trigger-icon")
+        ], 6)) : createCommentVNode("", true)
+      ], 6);
+    };
+  }
+});
 export {
-  _Avatar as default
+  _sfc_main as default
 };

package/es/Avatar/Avatar.vue3.js

@@ -0,0 +1,5 @@
+import _sfc_main from "./Avatar.vue.js";
+/* empty css            */
+export {
+  _sfc_main as default
+};

package/es/Avatar/AvatarGroup.vue.js

@@ -1,7 +1,95 @@
-import _sfc_main from "./AvatarGroup.vue2.js";
-/* empty css                 */
-import _export_sfc from "../_virtual/_plugin-vue_export-helper.js";
-const AvatarGroup = /* @__PURE__ */ _export_sfc(_sfc_main, [["__scopeId", "data-v-04519d1b"]]);
+import { defineComponent, useSlots, toRefs, computed, createElementBlock, openBlock, createBlock, createCommentVNode, Fragment, renderList, resolveDynamicComponent, normalizeStyle, unref, withCtx, createVNode, createTextVNode, toDisplayString } from "vue";
+import "../node_modules/tinycolor2/esm/tinycolor.js";
+import { valueToPx } from "../_shared/utils/dom.js";
+import "../_shared/utils/time.js";
+import { findComponentsFromVnodes } from "../_shared/utils/vue-utils.js";
+import "../Empty/index.js";
+/* empty css                             */
+import useContext from "./hooks/useContext.js";
+import Avatar from "./index.js";
+import Popover from "../Popover/index.js";
+const _hoisted_1 = { class: "yc-avatar-group" };
+const _sfc_main = /* @__PURE__ */ defineComponent({
+  ...{
+    name: "AvatarGroup"
+  },
+  __name: "AvatarGroup",
+  props: {
+    shape: { default: "round" },
+    size: { default: 40 },
+    autoFixFontSize: { type: Boolean, default: true },
+    maxCount: { default: 0 },
+    zIndexAscend: { type: Boolean, default: false },
+    maxStyle: { default: () => {
+      return {};
+    } },
+    maxPopoverTriggerProps: { default: () => {
+      return {};
+    } }
+  },
+  setup(__props) {
+    const slots = useSlots();
+    const props = __props;
+    const { maxCount } = toRefs(props);
+    useContext().provide(props);
+    const nodes = computed(() => {
+      var _a;
+      const avatars = findComponentsFromVnodes(
+        ((_a = slots.default) == null ? void 0 : _a.call(slots)) || [],
+        Avatar.name
+      );
+      return {
+        visible: maxCount.value > 0 ? avatars.slice(0, maxCount.value) : avatars,
+        hide: avatars.slice(maxCount.value)
+      };
+    });
+    return (_ctx, _cache) => {
+      return openBlock(), createElementBlock("div", _hoisted_1, [
+        (openBlock(true), createElementBlock(Fragment, null, renderList(nodes.value.visible, (node, index) => {
+          return openBlock(), createBlock(resolveDynamicComponent(node), {
+            key: index,
+            style: normalizeStyle({
+              zIndex: _ctx.zIndexAscend ? index + 1 : nodes.value.visible.length - index,
+              marginLeft: index ? unref(valueToPx)(-_ctx.size / 4) : ""
+            })
+          }, null, 8, ["style"]);
+        }), 128)),
+        unref(maxCount) > 0 && nodes.value.hide.length ? (openBlock(), createBlock(unref(Popover), {
+          key: 0,
+          "trigger-props": _ctx.maxPopoverTriggerProps
+        }, {
+          content: withCtx(() => [
+            (openBlock(true), createElementBlock(Fragment, null, renderList(nodes.value.hide, (node, index) => {
+              return openBlock(), createBlock(resolveDynamicComponent(node), {
+                key: index,
+                style: normalizeStyle({
+                  border: "2px solid #fff",
+                  zIndex: _ctx.zIndexAscend ? index + 1 : nodes.value.hide.length - index,
+                  marginLeft: index ? unref(valueToPx)(-_ctx.size / 4) : ""
+                })
+              }, null, 8, ["style"]);
+            }), 128))
+          ]),
+          default: withCtx(() => [
+            createVNode(unref(Avatar), {
+              style: normalizeStyle({
+                zIndex: _ctx.zIndexAscend ? nodes.value.visible.length : 0,
+                marginLeft: unref(valueToPx)(-_ctx.size / 4),
+                ..._ctx.maxStyle
+              })
+            }, {
+              default: withCtx(() => [
+                createTextVNode(toDisplayString(`+${nodes.value.hide.length}`), 1)
+              ]),
+              _: 1
+            }, 8, ["style"])
+          ]),
+          _: 1
+        }, 8, ["trigger-props"])) : createCommentVNode("", true)
+      ]);
+    };
+  }
+});
 export {
-  AvatarGroup as default
+  _sfc_main as default
 };

package/es/Avatar/AvatarGroup.vue3.js

@@ -0,0 +1,5 @@
+import _sfc_main from "./AvatarGroup.vue.js";
+/* empty css                 */
+export {
+  _sfc_main as default
+};

package/es/Avatar/index.css

@@ -1 +1 @@
-.yc-avatar{cursor:default;position:relative;background-color:var(--color-fill-4);color:var(--color-white);font-size:20px;white-space:nowrap;vertical-align:middle;display:inline-flex;align-items:center}.yc-avatar:hover .yc-avatar-trigger-icon-button{background-color:var(--color-neutral-3)}.yc-avatar:hover .yc-avatar-trigger-icon-mask{opacity:1}.yc-avatar:deep(img){width:100%;height:100%}.yc-avatar .yc-avatar-text{position:absolute;left:50%;font-weight:500;line-height:1;transform-origin:0 center}.yc-avatar .yc-avatar-image{overflow:hidden;display:inline-block;width:100%;height:100%}.yc-avatar .yc-avatar-image .yc-avatar-image-icon{width:100%;height:100%;display:flex;justify-content:center;align-items:center}.yc-avatar .yc-avatar-trigger-icon-button{position:absolute;right:-4px;bottom:-4px;z-index:1001;cursor:pointer;width:20px;height:20px;background-color:var(--color-neutral-2);border-radius:50%;color:var(--color-fill-4);font-size:12px;line-height:20px;text-align:center;transition:background-color .1s cubic-bezier(0, 0, 1, 1)}.yc-avatar .yc-avatar-trigger-icon-mask{z-index:1001;position:absolute;width:100%;height:100%;cursor:pointer;background-color:var(--color-mask-bg);opacity:0;color:var(--color-white);font-size:16px;transition:all .1s cubic-bezier(0, 0, 1, 1);display:flex;justify-content:center;align-items:center}.yc-avatar-shape-round{border-radius:50%}.yc-avatar-shape-round .yc-avatar-image,.yc-avatar-shape-round .yc-avatar-trigger-icon-mask{border-radius:50%}.yc-avatar-shape-square{border-radius:4px}.yc-avatar-shape-square .yc-avatar-image,.yc-avatar-shape-square .yc-avatar-trigger-icon-mask{border-radius:4px}.yc-avatar-group{height:fit-content;width:fit-content;display:inline-flex;align-items:center}.yc-avatar-group:deep(.yc-avatar){flex-shrink:0;border:2px solid var(--color-bg-2)}
+.yc-avatar{cursor:default;position:relative;background-color:var(--color-fill-4);color:var(--color-white);font-size:20px;white-space:nowrap;vertical-align:middle;display:inline-flex;align-items:center}.yc-avatar:hover .yc-avatar-trigger-icon-button{background-color:var(--color-neutral-3)}.yc-avatar:hover .yc-avatar-trigger-icon-mask{opacity:1}.yc-avatar .yc-avatar-text{position:absolute;left:50%;font-weight:500;line-height:1;transform-origin:0 center}.yc-avatar .yc-avatar-image{overflow:hidden;display:inline-block;width:100%;height:100%}.yc-avatar .yc-avatar-image>img{width:100%;height:100%}.yc-avatar .yc-avatar-image .yc-avatar-image-icon{width:100%;height:100%;display:flex;justify-content:center;align-items:center}.yc-avatar .yc-avatar-trigger-icon-button{position:absolute;right:-4px;bottom:-4px;z-index:1001;cursor:pointer;width:20px;height:20px;background-color:var(--color-neutral-2);border-radius:50%;color:var(--color-fill-4);font-size:12px;line-height:20px;text-align:center;transition:background-color .1s cubic-bezier(0, 0, 1, 1)}.yc-avatar .yc-avatar-trigger-icon-mask{z-index:1001;position:absolute;width:100%;height:100%;cursor:pointer;background-color:var(--color-mask-bg);opacity:0;color:var(--color-white);font-size:16px;transition:all .1s cubic-bezier(0, 0, 1, 1);display:flex;justify-content:center;align-items:center}.yc-avatar-shape-round{border-radius:50%}.yc-avatar-shape-round .yc-avatar-image,.yc-avatar-shape-round .yc-avatar-trigger-icon-mask{border-radius:50%}.yc-avatar-shape-square{border-radius:4px}.yc-avatar-shape-square .yc-avatar-image,.yc-avatar-shape-square .yc-avatar-trigger-icon-mask{border-radius:4px}.yc-avatar-group{height:fit-content;width:fit-content;display:inline-flex;align-items:center}.yc-avatar-group .yc-avatar{flex-shrink:0;border:2px solid var(--color-bg-2)}

package/es/Avatar/index.js

@@ -1,13 +1,15 @@
-import _Avatar from "./Avatar.vue.js";
-import AvatarGroup from "./AvatarGroup.vue.js";
-const Avatar = Object.assign(_Avatar, {
-  group: AvatarGroup,
+import _sfc_main from "./Avatar.vue.js";
+/* empty css            */
+import _sfc_main$1 from "./AvatarGroup.vue.js";
+/* empty css                 */
+const Avatar = Object.assign(_sfc_main, {
+  group: _sfc_main$1,
   install: (app) => {
-    app.component("Yc" + _Avatar.name, _Avatar);
-    app.component("Yc" + AvatarGroup.name, AvatarGroup);
+    app.component("Yc" + _sfc_main.name, _sfc_main);
+    app.component("Yc" + _sfc_main$1.name, _sfc_main$1);
   }
 });
 export {
-  AvatarGroup,
+  _sfc_main$1 as AvatarGroup,
   Avatar as default
 };

package/es/BackTop/index.js

@@ -1,7 +1,8 @@
-import _BackTop from "./index.vue.js";
-const BackTop = Object.assign(_BackTop, {
+import _sfc_main from "./index.vue.js";
+/* empty css           */
+const BackTop = Object.assign(_sfc_main, {
   install: (app) => {
-    app.component("Yc" + _BackTop.name, _BackTop);
+    app.component("Yc" + _sfc_main.name, _sfc_main);
   }
 });
 export {