@nutui/nutui 4.0.0 → 4.0.1-2.beta-1

package/dist/packages/_es/Avatar.js

@@ -1,9 +1,19 @@
-import { toRefs, inject, ref, reactive, onMounted, computed, openBlock, createElementBlock, normalizeStyle, normalizeClass, renderSlot, createCommentVNode, Fragment, createTextVNode, toDisplayString } from "vue";
-import { c as createComponent } from "./component-81a4c1d0.js";
-import { _ as _export_sfc } from "./_plugin-vue_export-helper-cc2b3d55.js";
+var N = Object.defineProperty;
+var b = Object.getOwnPropertySymbols;
+var V = Object.prototype.hasOwnProperty, A = Object.prototype.propertyIsEnumerable;
+var k = (o, s, r) => s in o ? N(o, s, { enumerable: !0, configurable: !0, writable: !0, value: r }) : o[s] = r, w = (o, s) => {
+  for (var r in s || (s = {}))
+    V.call(s, r) && k(o, r, s[r]);
+  if (b)
+    for (var r of b(s))
+      A.call(s, r) && k(o, r, s[r]);
+  return o;
+};
+import { toRefs as I, inject as O, ref as R, reactive as M, onMounted as T, computed as g, openBlock as L, createElementBlock as B, normalizeStyle as j, normalizeClass as D, renderSlot as E, createCommentVNode as h, Fragment as F, createTextVNode as q, toDisplayString as H } from "vue";
+import { c as J } from "./component-234624bc.js";
+import { _ as K } from "./_plugin-vue_export-helper-dad06003.js";
 import "../locale/lang";
-const { componentName, create } = createComponent("avatar");
-const _sfc_main = create({
+const { componentName: P, create: Q } = J("avatar"), U = Q({
   props: {
     size: {
       type: String,
@@ -22,94 +32,76 @@ const _sfc_main = create({
       default: "#666"
     }
   },
-  setup(props) {
-    const { size, shape, bgColor, color } = toRefs(props);
-    const sizeValue = ["large", "normal", "small"];
-    const avatarGroup = inject("avatarGroup", null);
-    const avatarRef = ref(null);
-    const visible = reactive({
-      lightTheme: false
-    });
-    const state = reactive({
+  setup(o) {
+    const { size: s, shape: r, bgColor: $, color: y } = I(o), C = ["large", "normal", "small"], e = O("avatarGroup", null), i = R(null), m = M({
+      lightTheme: !1
+    }), l = M({
       index: 1,
-      showMax: false,
+      showMax: !1,
       // 是否显示的最大头像个数
       maxIndex: 0
       // avatarGroup里的avatar的个数
     });
-    onMounted(() => {
-      var _a, _b;
-      const children = (_b = (_a = avatarGroup == null ? void 0 : avatarGroup.avatarGroupRef) == null ? void 0 : _a.value) == null ? void 0 : _b.children;
-      if (children) {
-        avatarLength(children);
-      }
+    T(() => {
+      var n, a;
+      const t = (a = (n = e == null ? void 0 : e.avatarGroupRef) == null ? void 0 : n.value) == null ? void 0 : a.children;
+      t && c(t);
     });
-    const classes = computed(() => {
-      var _a, _b;
-      const prefixCls = componentName;
+    const d = g(() => {
+      var n, a;
       return {
-        [prefixCls]: true,
-        [`nut-avatar-${size.value || ((_a = avatarGroup == null ? void 0 : avatarGroup.props) == null ? void 0 : _a.size) || "normal"}`]: true,
-        [`nut-avatar-${shape.value || ((_b = avatarGroup == null ? void 0 : avatarGroup.props) == null ? void 0 : _b.shape) || "normal"}`]: true
+        [P]: !0,
+        [`nut-avatar-${s.value || ((n = e == null ? void 0 : e.props) == null ? void 0 : n.size) || "normal"}`]: !0,
+        [`nut-avatar-${r.value || ((a = e == null ? void 0 : e.props) == null ? void 0 : a.shape) || "normal"}`]: !0
       };
-    });
-    const styles = computed(() => {
-      var _a, _b, _c;
+    }), x = g(() => {
+      var t, n, a;
       return {
-        width: sizeValue.indexOf(size.value) > -1 ? "" : `${size.value}px`,
-        height: sizeValue.indexOf(size.value) > -1 ? "" : `${size.value}px`,
-        backgroundColor: `${bgColor.value}`,
-        color: `${color.value}`,
-        marginLeft: state.index != 1 && (((_a = avatarGroup == null ? void 0 : avatarGroup.props) == null ? void 0 : _a.span) ? `${(_b = avatarGroup == null ? void 0 : avatarGroup.props) == null ? void 0 : _b.span}px` : ""),
-        zIndex: ((_c = avatarGroup == null ? void 0 : avatarGroup.props) == null ? void 0 : _c.zIndex) == "right" ? `${Math.abs(state.maxIndex - state.index)}` : ""
+        width: C.indexOf(s.value) > -1 ? "" : `${s.value}px`,
+        height: C.indexOf(s.value) > -1 ? "" : `${s.value}px`,
+        backgroundColor: `${$.value}`,
+        color: `${y.value}`,
+        marginLeft: l.index != 1 && ((t = e == null ? void 0 : e.props) != null && t.span ? `${(n = e == null ? void 0 : e.props) == null ? void 0 : n.span}px` : ""),
+        zIndex: ((a = e == null ? void 0 : e.props) == null ? void 0 : a.zIndex) == "right" ? `${Math.abs(l.maxIndex - l.index)}` : ""
       };
-    });
-    const maxStyles = computed(() => {
-      var _a, _b;
+    }), f = g(() => {
+      var t, n;
       return {
-        backgroundColor: `${(_a = avatarGroup == null ? void 0 : avatarGroup.props) == null ? void 0 : _a.maxBgColor}`,
-        color: `${(_b = avatarGroup == null ? void 0 : avatarGroup.props) == null ? void 0 : _b.maxColor}`
+        backgroundColor: `${(t = e == null ? void 0 : e.props) == null ? void 0 : t.maxBgColor}`,
+        color: `${(n = e == null ? void 0 : e.props) == null ? void 0 : n.maxColor}`
       };
-    });
-    const avatarLength = (children) => {
-      var _a, _b, _c;
-      state.maxIndex = children.length;
-      for (let i = 0; i < children.length; i++) {
-        if (children[i] && children[i].classList && children[i].classList[0] == "nut-avatar") {
-          children[i].setAttribute("data-index", i + 1);
-        }
-      }
-      state.index = (_b = (_a = avatarRef == null ? void 0 : avatarRef.value) == null ? void 0 : _a.dataset) == null ? void 0 : _b.index;
-      if (state.index == state.maxIndex && state.index != ((_c = avatarGroup == null ? void 0 : avatarGroup.props) == null ? void 0 : _c.maxCount)) {
-        state.showMax = true;
-      }
-    };
-    return {
-      classes,
-      styles,
-      maxStyles,
-      avatarGroup,
-      visible,
-      avatarRef,
-      ...toRefs(state)
+    }), c = (t) => {
+      var n, a, u;
+      l.maxIndex = t.length;
+      for (let p = 0; p < t.length; p++)
+        t[p] && t[p].classList && t[p].classList[0] == "nut-avatar" && t[p].setAttribute("data-index", p + 1);
+      l.index = (a = (n = i == null ? void 0 : i.value) == null ? void 0 : n.dataset) == null ? void 0 : a.index, l.index == l.maxIndex && l.index != ((u = e == null ? void 0 : e.props) == null ? void 0 : u.maxCount) && (l.showMax = !0);
     };
+    return w({
+      classes: d,
+      styles: x,
+      maxStyles: f,
+      avatarGroup: e,
+      visible: m,
+      avatarRef: i
+    }, I(l));
   }
 });
-function _sfc_render(_ctx, _cache, $props, $setup, $data, $options) {
-  var _a, _b, _c, _d, _e, _f, _g, _h, _i, _j, _k, _l, _m, _n, _o, _p;
-  return _ctx.showMax || !((_b = (_a = _ctx.avatarGroup) == null ? void 0 : _a.props) == null ? void 0 : _b.maxCount) || _ctx.index <= ((_d = (_c = _ctx.avatarGroup) == null ? void 0 : _c.props) == null ? void 0 : _d.maxCount) ? (openBlock(), createElementBlock("view", {
+function W(o, s, r, $, y, C) {
+  var e, i, m, l, d, x, f, c, t, n, a, u, p, v, S, z;
+  return o.showMax || !((i = (e = o.avatarGroup) == null ? void 0 : e.props) != null && i.maxCount) || o.index <= ((l = (m = o.avatarGroup) == null ? void 0 : m.props) == null ? void 0 : l.maxCount) ? (L(), B("view", {
     key: 0,
-    style: normalizeStyle(!_ctx.showMax ? _ctx.styles : _ctx.maxStyles),
-    class: normalizeClass(_ctx.classes),
+    style: j(o.showMax ? o.maxStyles : o.styles),
+    class: D(o.classes),
     ref: "avatarRef"
   }, [
-    !((_f = (_e = _ctx.avatarGroup) == null ? void 0 : _e.props) == null ? void 0 : _f.maxCount) || _ctx.index <= ((_h = (_g = _ctx.avatarGroup) == null ? void 0 : _g.props) == null ? void 0 : _h.maxCount) ? renderSlot(_ctx.$slots, "default", { key: 0 }) : createCommentVNode("", true),
-    _ctx.showMax && ((_j = (_i = _ctx.avatarGroup) == null ? void 0 : _i.props) == null ? void 0 : _j.maxCount) ? (openBlock(), createElementBlock(Fragment, { key: 1 }, [
-      createTextVNode(toDisplayString(((_l = (_k = _ctx.avatarGroup) == null ? void 0 : _k.props) == null ? void 0 : _l.maxContent) ? (_n = (_m = _ctx.avatarGroup) == null ? void 0 : _m.props) == null ? void 0 : _n.maxContent : `+ ${_ctx.maxIndex - ((_p = (_o = _ctx.avatarGroup) == null ? void 0 : _o.props) == null ? void 0 : _p.maxCount)}`), 1)
-    ], 64)) : createCommentVNode("", true)
-  ], 6)) : createCommentVNode("", true);
+    !((x = (d = o.avatarGroup) == null ? void 0 : d.props) != null && x.maxCount) || o.index <= ((c = (f = o.avatarGroup) == null ? void 0 : f.props) == null ? void 0 : c.maxCount) ? E(o.$slots, "default", { key: 0 }) : h("", !0),
+    o.showMax && ((n = (t = o.avatarGroup) == null ? void 0 : t.props) != null && n.maxCount) ? (L(), B(F, { key: 1 }, [
+      q(H((u = (a = o.avatarGroup) == null ? void 0 : a.props) != null && u.maxContent ? (v = (p = o.avatarGroup) == null ? void 0 : p.props) == null ? void 0 : v.maxContent : `+ ${o.maxIndex - ((z = (S = o.avatarGroup) == null ? void 0 : S.props) == null ? void 0 : z.maxCount)}`), 1)
+    ], 64)) : h("", !0)
+  ], 6)) : h("", !0);
 }
-const Avatar = /* @__PURE__ */ _export_sfc(_sfc_main, [["render", _sfc_render]]);
+const ee = /* @__PURE__ */ K(U, [["render", W]]);
 export {
-  Avatar as default
+  ee as default
 };

package/dist/packages/_es/AvatarGroup.js

@@ -1,9 +1,8 @@
-import { toRefs, ref, computed, onMounted, provide, openBlock, createElementBlock, normalizeClass, renderSlot } from "vue";
-import { c as createComponent } from "./component-81a4c1d0.js";
-import { _ as _export_sfc } from "./_plugin-vue_export-helper-cc2b3d55.js";
+import { toRefs as p, ref as a, computed as l, onMounted as u, provide as f, openBlock as i, createElementBlock as c, normalizeClass as d, renderSlot as m } from "vue";
+import { c as g } from "./component-234624bc.js";
+import { _ as x } from "./_plugin-vue_export-helper-dad06003.js";
 import "../locale/lang";
-const { componentName, create } = createComponent("avatar-group");
-const _sfc_main = create({
+const { componentName: S, create: y } = g("avatar-group"), C = y({
   props: {
     maxContent: {
       type: String,
@@ -38,39 +37,32 @@ const _sfc_main = create({
       default: "left"
     }
   },
-  setup(props, { emit, slots }) {
-    toRefs(props);
-    const avatarGroupRef = ref(null);
-    const index2 = ref(0);
-    const classes = computed(() => {
-      const prefixCls = componentName;
-      return {
-        [prefixCls]: true
-      };
-    });
-    onMounted(() => {
-    });
-    provide("avatarGroup", {
-      props,
-      avatarGroupRef,
-      index: index2
-    });
-    return {
-      classes,
+  setup(e, { emit: n, slots: s }) {
+    p(e);
+    const t = a(null), r = a(0), o = l(() => ({
+      [S]: !0
+    }));
+    return u(() => {
+    }), f("avatarGroup", {
+      props: e,
+      avatarGroupRef: t,
+      index: r
+    }), {
+      classes: o,
       // styles,
-      avatarGroupRef
+      avatarGroupRef: t
     };
   }
 });
-function _sfc_render(_ctx, _cache, $props, $setup, $data, $options) {
-  return openBlock(), createElementBlock("view", {
-    class: normalizeClass(_ctx.classes),
+function _(e, n, s, t, r, o) {
+  return i(), c("view", {
+    class: d(e.classes),
     ref: "avatarGroupRef"
   }, [
-    renderSlot(_ctx.$slots, "default")
+    m(e.$slots, "default")
   ], 2);
 }
-const index = /* @__PURE__ */ _export_sfc(_sfc_main, [["render", _sfc_render]]);
+const R = /* @__PURE__ */ x(C, [["render", _]]);
 export {
-  index as default
+  R as default
 };

package/dist/packages/_es/Backtop.js

@@ -1,13 +1,12 @@
-import { reactive, computed, onMounted, onUnmounted, onActivated, onDeactivated, resolveComponent, openBlock, createElementBlock, normalizeClass, normalizeStyle, withModifiers, renderSlot, createVNode } from "vue";
-import { c as createComponent } from "./component-81a4c1d0.js";
-import { r as requestAniFrame, c as cancelRaf } from "./raf-729dad54.js";
-import { Top } from "@nutui/icons-vue";
-import { _ as _export_sfc } from "./_plugin-vue_export-helper-cc2b3d55.js";
+import { reactive as k, computed as u, onMounted as b, onUnmounted as y, onActivated as w, onDeactivated as x, resolveComponent as A, openBlock as I, createElementBlock as g, normalizeClass as h, normalizeStyle as z, withModifiers as L, renderSlot as N, createVNode as $ } from "vue";
+import { c as C } from "./component-234624bc.js";
+import { r as p, c as B } from "./raf-a74f1a06.js";
+import { Top as _ } from "@nutui/icons-vue";
+import { _ as D } from "./_plugin-vue_export-helper-dad06003.js";
 import "../locale/lang";
-const { componentName, create } = createComponent("backtop");
-const _sfc_main = create({
+const { componentName: M, create: S } = C("backtop"), W = S({
   components: {
-    Top
+    Top: _
   },
   props: {
     bottom: {
@@ -32,7 +31,7 @@ const _sfc_main = create({
     },
     isAnimation: {
       type: Boolean,
-      default: true
+      default: !0
     },
     duration: {
       type: Number,
@@ -40,109 +39,70 @@ const _sfc_main = create({
     }
   },
   emits: ["click"],
-  setup(props, { emit }) {
-    const state = reactive({
-      backTop: false,
+  setup(t, { emit: n }) {
+    const e = k({
+      backTop: !1,
       scrollTop: 0,
       scrollEl: window,
       startTime: 0,
-      keepAlive: false
-    });
-    const classes = computed(() => {
-      const prefixCls = componentName;
-      return {
-        [prefixCls]: true,
-        show: state.backTop
-      };
-    });
-    const style = computed(() => {
-      return {
-        right: `${props.right}px`,
-        bottom: `${props.bottom}px`,
-        zIndex: props.zIndex
-      };
-    });
-    function scrollListener() {
-      if (state.scrollEl instanceof Window) {
-        state.scrollTop = state.scrollEl.pageYOffset;
-      } else {
-        state.scrollTop = state.scrollEl.scrollTop;
-      }
-      state.backTop = state.scrollTop >= props.distance;
+      keepAlive: !1
+    }), s = u(() => ({
+      [M]: !0,
+      show: e.backTop
+    })), c = u(() => ({
+      right: `${t.right}px`,
+      bottom: `${t.bottom}px`,
+      zIndex: t.zIndex
+    }));
+    function l() {
+      e.scrollEl instanceof Window ? e.scrollTop = e.scrollEl.pageYOffset : e.scrollTop = e.scrollEl.scrollTop, e.backTop = e.scrollTop >= t.distance;
     }
-    function scroll(y = 0) {
-      if (state.scrollEl instanceof Window) {
-        window.scrollTo(0, y);
-      } else {
-        state.scrollEl.scrollTop = y;
-      }
+    function i(o = 0) {
+      e.scrollEl instanceof Window ? window.scrollTo(0, o) : e.scrollEl.scrollTop = o;
     }
-    function scrollAnimation() {
-      let cid = requestAniFrame(function fn() {
-        var t = props.duration - Math.max(0, state.startTime - +new Date() + props.duration);
-        var y = t * -state.scrollTop / props.duration + state.scrollTop;
-        scroll(y);
-        cid = requestAniFrame(fn);
-        if (t == props.duration || y == 0) {
-          cancelRaf(cid);
-        }
+    function r() {
+      let o = p(function T() {
+        var f = t.duration - Math.max(0, e.startTime - +/* @__PURE__ */ new Date() + t.duration), m = f * -e.scrollTop / t.duration + e.scrollTop;
+        i(m), o = p(T), (f == t.duration || m == 0) && B(o);
       });
     }
-    function addEventListener() {
-      state.scrollEl.addEventListener("scroll", scrollListener, false);
-      state.scrollEl.addEventListener("resize", scrollListener, false);
+    function v() {
+      e.scrollEl.addEventListener("scroll", l, !1), e.scrollEl.addEventListener("resize", l, !1);
     }
-    function removeEventListener() {
-      state.scrollEl.removeEventListener("scroll", scrollListener, false);
-      state.scrollEl.removeEventListener("resize", scrollListener, false);
+    function a() {
+      e.scrollEl.removeEventListener("scroll", l, !1), e.scrollEl.removeEventListener("resize", l, !1);
     }
-    function click(e) {
-      state.startTime = +new Date();
-      props.isAnimation && props.duration > 0 ? scrollAnimation() : scroll();
-      emit("click", e);
+    function E(o) {
+      e.startTime = +/* @__PURE__ */ new Date(), t.isAnimation && t.duration > 0 ? r() : i(), n("click", o);
     }
-    function init() {
-      if (props.elId && document.getElementById(props.elId)) {
-        state.scrollEl = document.getElementById(props.elId);
-      }
-      addEventListener();
+    function d() {
+      t.elId && document.getElementById(t.elId) && (e.scrollEl = document.getElementById(t.elId)), v();
     }
-    onMounted(() => {
-      if (props.distance == 0) {
-        state.backTop = true;
-      }
-      init();
-    });
-    onUnmounted(() => {
-      removeEventListener();
-    });
-    onActivated(() => {
-      if (state.keepAlive) {
-        state.keepAlive = false;
-        init();
-      }
-    });
-    onDeactivated(() => {
-      state.keepAlive = true;
-      removeEventListener();
-    });
-    return {
-      state,
-      classes,
-      style,
-      click
+    return b(() => {
+      t.distance == 0 && (e.backTop = !0), d();
+    }), y(() => {
+      a();
+    }), w(() => {
+      e.keepAlive && (e.keepAlive = !1, d());
+    }), x(() => {
+      e.keepAlive = !0, a();
+    }), {
+      state: e,
+      classes: s,
+      style: c,
+      click: E
     };
   }
 });
-function _sfc_render(_ctx, _cache, $props, $setup, $data, $options) {
-  const _component_Top = resolveComponent("Top");
-  return openBlock(), createElementBlock("div", {
-    class: normalizeClass(_ctx.classes),
-    style: normalizeStyle(_ctx.style),
-    onClick: _cache[0] || (_cache[0] = withModifiers((...args) => _ctx.click && _ctx.click(...args), ["stop"]))
+function q(t, n, e, s, c, l) {
+  const i = A("Top");
+  return I(), g("div", {
+    class: h(t.classes),
+    style: z(t.style),
+    onClick: n[0] || (n[0] = L((...r) => t.click && t.click(...r), ["stop"]))
   }, [
-    renderSlot(_ctx.$slots, "default", {}, () => [
-      createVNode(_component_Top, {
+    N(t.$slots, "default", {}, () => [
+      $(i, {
         width: "19px",
         height: "19px",
         class: "nut-backtop-main"
@@ -150,7 +110,7 @@ function _sfc_render(_ctx, _cache, $props, $setup, $data, $options) {
     ])
   ], 6);
 }
-const index = /* @__PURE__ */ _export_sfc(_sfc_main, [["render", _sfc_render]]);
+const j = /* @__PURE__ */ D(W, [["render", q]]);
 export {
-  index as default
+  j as default
 };

package/dist/packages/_es/Badge.js

@@ -1,9 +1,8 @@
-import { reactive, computed, openBlock, createElementBlock, withDirectives, createElementVNode, normalizeStyle, renderSlot, vShow, toDisplayString, normalizeClass } from "vue";
-import { c as createComponent } from "./component-81a4c1d0.js";
-import { _ as _export_sfc } from "./_plugin-vue_export-helper-cc2b3d55.js";
+import { reactive as f, computed as r, openBlock as b, createElementBlock as m, withDirectives as d, createElementVNode as s, normalizeStyle as u, renderSlot as i, vShow as c, toDisplayString as p, normalizeClass as g } from "vue";
+import { c as y } from "./component-234624bc.js";
+import { _ as h } from "./_plugin-vue_export-helper-dad06003.js";
 import "../locale/lang";
-const { create } = createComponent("badge");
-const _sfc_main = create({
+const { create: $ } = y("badge"), v = $({
   props: {
     value: {
       type: [String, Number]
@@ -14,11 +13,15 @@ const _sfc_main = create({
     },
     dot: {
       type: Boolean,
-      default: false
+      default: !1
+    },
+    bubble: {
+      type: Boolean,
+      default: !1
     },
     hidden: {
       type: Boolean,
-      default: false
+      default: !1
     },
     top: {
       type: String,
@@ -37,56 +40,46 @@ const _sfc_main = create({
       default: ""
     }
   },
-  setup(props) {
-    const state = reactive({});
-    const stl = computed(() => {
-      return {
-        top: `${props.top}px`,
-        right: `${props.right}px`,
-        zIndex: props.zIndex,
-        background: props.color
-      };
-    });
-    const content = computed(() => {
-      if (props.dot)
+  setup(e) {
+    const o = f({}), a = r(() => ({
+      top: `${e.top}px`,
+      right: `${e.right}px`,
+      zIndex: e.zIndex,
+      background: e.color
+    })), l = r(() => {
+      if (e.dot)
         return;
-      const value = props.value;
-      const max = props.max;
-      if (typeof value === "number" && typeof max === "number") {
-        return max < value ? `${max}+` : value;
-      }
-      return value;
+      const t = e.value, n = e.max;
+      return typeof t == "number" && typeof n == "number" && n < t ? `${n}+` : t;
     });
     return {
-      state,
-      stl,
-      content
+      state: o,
+      stl: a,
+      content: l
     };
   }
-});
-const _hoisted_1 = { class: "nut-badge" };
-const _hoisted_2 = ["textContent"];
-function _sfc_render(_ctx, _cache, $props, $setup, $data, $options) {
-  return openBlock(), createElementBlock("view", _hoisted_1, [
-    withDirectives(createElementVNode("view", {
+}), _ = { class: "nut-badge" }, S = ["textContent"];
+function B(e, o, a, l, t, n) {
+  return b(), m("view", _, [
+    d(s("view", {
       class: "nut-badge__icon",
-      style: normalizeStyle(_ctx.stl)
+      style: u(e.stl)
     }, [
-      renderSlot(_ctx.$slots, "icon")
+      i(e.$slots, "icon")
     ], 4), [
-      [vShow, !_ctx.hidden && !_ctx.dot && _ctx.$slots.icon]
+      [c, !e.hidden && !e.dot && e.$slots.icon]
     ]),
-    renderSlot(_ctx.$slots, "default"),
-    withDirectives(createElementVNode("view", {
-      textContent: toDisplayString(_ctx.content),
-      class: normalizeClass(["nut-badge__content nut-badge__content--sup", { "nut-badge__content--dot": _ctx.dot }]),
-      style: normalizeStyle(_ctx.stl)
-    }, null, 14, _hoisted_2), [
-      [vShow, !_ctx.hidden && (_ctx.content || _ctx.dot)]
+    i(e.$slots, "default"),
+    d(s("view", {
+      textContent: p(e.content),
+      class: g(["nut-badge__content nut-badge__content--sup", { "nut-badge__content--dot": e.dot, "nut-badge__content--bubble": !e.dot && e.bubble }]),
+      style: u(e.stl)
+    }, null, 14, S), [
+      [c, !e.hidden && (e.content || e.dot)]
     ])
   ]);
 }
-const Badge = /* @__PURE__ */ _export_sfc(_sfc_main, [["render", _sfc_render]]);
+const k = /* @__PURE__ */ h(v, [["render", B]]);
 export {
-  Badge as default
+  k as default
 };