yc-design-vue 1.7.6 → 1.7.7

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "yc-design-vue",
   "private": false,
-  "version": "1.7.6",
+  "version": "1.7.7",
   "type": "module",
   "description": "A Vue 3 component library.",
   "keywords": [

package/es/Alert/index.vue2.js

@@ -1,101 +0,0 @@
-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 IconButton from "../_shared/components/IconButton.vue2.js";
-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])))
-              ], true)
-            ])) : 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)
-                ], true)
-              ])) : createCommentVNode("", true),
-              createElementVNode("div", _hoisted_4, [
-                renderSlot(_ctx.$slots, "default", {}, void 0, true)
-              ])
-            ]),
-            _ctx.$slots.action ? (openBlock(), createElementBlock("div", _hoisted_5, [
-              renderSlot(_ctx.$slots, "action", {}, void 0, true)
-            ])) : 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(IconButton))
-              ], true)
-            ])) : createCommentVNode("", true)
-          ], 2)) : createCommentVNode("", true)
-        ]),
-        _: 3
-      });
-    };
-  }
-});
-export {
-  _sfc_main as default
-};

package/es/Anchor/Anchor.vue2.js

@@ -1,73 +0,0 @@
-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", {}, void 0, true)
-        ], 512)
-      ]);
-    };
-  }
-});
-export {
-  _sfc_main as default
-};

package/es/Anchor/AnchorLink.vue2.js

@@ -1,77 +0,0 @@
-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)
-          ], true)
-        ], 8, _hoisted_1),
-        _ctx.$slots.sublist ? (openBlock(), createElementBlock("div", _hoisted_2, [
-          renderSlot(_ctx.$slots, "sublist", {}, void 0, true)
-        ])) : createCommentVNode("", true)
-      ], 2);
-    };
-  }
-});
-export {
-  _sfc_main as default
-};

package/es/Avatar/Avatar.vue2.js

@@ -1,115 +0,0 @@
-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", {}, void 0, true)
-        ], 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", {}, void 0, true)
-        ], 6)) : createCommentVNode("", true)
-      ], 6);
-    };
-  }
-});
-export {
-  _sfc_main as default
-};

package/es/Avatar/AvatarGroup.vue2.js

@@ -1,95 +0,0 @@
-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 {
-  _sfc_main as default
-};

package/es/BackTop/index.vue2.js

@@ -1,82 +0,0 @@
-import { defineComponent, toRefs, ref, computed, createBlock, openBlock, Transition, withCtx, withDirectives, createElementVNode, normalizeStyle, unref, renderSlot, createVNode, vShow } from "vue";
-import "../node_modules/tinycolor2/esm/tinycolor.js";
-import { findFirstScrollableParent, getElement } from "../_shared/utils/dom.js";
-import { isUndefined } from "../_shared/utils/is.js";
-import "../_shared/utils/time.js";
-import { getGlobalConfig } from "../_shared/utils/global-config.js";
-/* empty css                             */
-import _sfc_main$1 from "../_shared/icons/IconToTop.vue.js";
-import Tween from "../node_modules/b-tween/dist/b-tween.es.js";
-import { useEventListener } from "../node_modules/@vueuse/core/index.js";
-import Button from "../Button/index.js";
-const _sfc_main = /* @__PURE__ */ defineComponent({
-  ...{
-    name: "BackTop"
-  },
-  __name: "index",
-  props: {
-    visibleHeight: { default: 200 },
-    targetContainer: {},
-    easeing: { default: "quadOut" },
-    duration: { default: 200 }
-  },
-  setup(__props) {
-    const props = __props;
-    const { targetContainer: _targetContainer, easeing, duration } = toRefs(props);
-    const { zIndex } = getGlobalConfig(props);
-    const buttonRef = ref();
-    const curScroll = ref(0);
-    const targetContainer = computed(() => {
-      return isUndefined(_targetContainer.value) ? findFirstScrollableParent(buttonRef.value) : getElement(_targetContainer.value);
-    });
-    const handleTop = () => {
-      if (!targetContainer.value) return;
-      new Tween({
-        from: { scroll: targetContainer.value.scrollTop },
-        to: { scroll: 0 },
-        duration: duration.value,
-        easing: easeing.value,
-        onUpdate: (current) => {
-          targetContainer.value.scrollTop = current.scroll;
-        }
-      }).start();
-    };
-    useEventListener(targetContainer, "scroll", () => {
-      curScroll.value = targetContainer.value.scrollTop;
-    });
-    return (_ctx, _cache) => {
-      return openBlock(), createBlock(Transition, { name: "fade" }, {
-        default: withCtx(() => [
-          withDirectives(createElementVNode("div", {
-            class: "yc-back-top",
-            style: normalizeStyle({
-              zIndex: unref(zIndex)
-            }),
-            ref_key: "buttonRef",
-            ref: buttonRef,
-            onClick: handleTop
-          }, [
-            renderSlot(_ctx.$slots, "default", {}, () => [
-              createVNode(unref(Button), {
-                type: "primary",
-                shape: "circle",
-                size: "large"
-              }, {
-                default: withCtx(() => [
-                  createVNode(unref(_sfc_main$1))
-                ]),
-                _: 1
-              })
-            ], true)
-          ], 4), [
-            [vShow, curScroll.value >= _ctx.visibleHeight]
-          ])
-        ]),
-        _: 3
-      });
-    };
-  }
-});
-export {
-  _sfc_main as default
-};

package/es/Badge/index.vue2.js

@@ -1,92 +0,0 @@
-import { defineComponent, useSlots, toRefs, computed, createElementBlock, openBlock, normalizeClass, renderSlot, createCommentVNode, createElementVNode, normalizeStyle, unref, toDisplayString, createTextVNode } 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 { TAG_PRESET_COLORS } from "../_shared/constants/index.js";
-const _hoisted_1 = {
-  key: 0,
-  class: "yc-badge-stauts-wrapper"
-};
-const _hoisted_2 = {
-  key: 0,
-  class: "yc-badge-status-text"
-};
-const _sfc_main = /* @__PURE__ */ defineComponent({
-  ...{
-    name: "Badge"
-  },
-  __name: "index",
-  props: {
-    text: { default: "" },
-    dot: { type: Boolean, default: false },
-    dotStyle: { default: () => {
-      return {};
-    } },
-    maxCount: { default: 99 },
-    offset: { default: () => {
-      return [0, 0];
-    } },
-    color: { default: void 0 },
-    status: { default: void 0 },
-    count: { default: void 0 }
-  },
-  setup(__props) {
-    const slots = useSlots();
-    const props = __props;
-    const { text, dot, count, maxCount, offset, dotStyle, status, color } = toRefs(props);
-    const style = computed(() => {
-      return {
-        margin: `${valueToPx(offset.value[1])} ${valueToPx(-offset.value[0])} 0 0`,
-        ...dotStyle.value
-      };
-    });
-    const className = computed(() => {
-      if (slots.content) return "yc-badge-custom-dot";
-      if (color.value || status.value) return "yc-badge-status";
-      if (text.value) return "yc-badge-text";
-      if (dot.value) return "yc-badge-dot";
-      else return "yc-badge-number";
-    });
-    const badgeText = computed(() => {
-      if (color.value || status.value || text.value || dot.value) return text.value;
-      else
-        return count.value >= maxCount.value ? `${maxCount.value}+` : count.value;
-    });
-    return (_ctx, _cache) => {
-      return openBlock(), createElementBlock("div", {
-        class: normalizeClass(["yc-badge", { "yc-badge-no-children": !_ctx.$slots.default }])
-      }, [
-        renderSlot(_ctx.$slots, "default", {}, void 0, true),
-        className.value == "yc-badge-status" ? (openBlock(), createElementBlock("div", _hoisted_1, [
-          createElementVNode("div", {
-            class: normalizeClass([
-              "yc-badge-stauts-dot",
-              {
-                [`yc-badge-color-${unref(color)}`]: unref(color),
-                [`yc-badge-status-${unref(status)}`]: unref(status)
-              }
-            ]),
-            style: normalizeStyle({
-              backgroundColor: !unref(TAG_PRESET_COLORS).includes(unref(color)) ? unref(color) : "",
-              ...unref(dotStyle)
-            })
-          }, null, 6),
-          badgeText.value ? (openBlock(), createElementBlock("div", _hoisted_2, toDisplayString(badgeText.value), 1)) : createCommentVNode("", true)
-        ])) : className.value != "yc-badge-number" || unref(count) > 0 ? (openBlock(), createElementBlock("div", {
-          key: 1,
-          class: normalizeClass([className.value]),
-          style: normalizeStyle(style.value)
-        }, [
-          renderSlot(_ctx.$slots, "content", {}, () => [
-            createTextVNode(toDisplayString(badgeText.value), 1)
-          ], true)
-        ], 6)) : createCommentVNode("", true)
-      ], 2);
-    };
-  }
-});
-export {
-  _sfc_main as default
-};