@rocketui/vue 0.2.13 → 0.2.14

package/dist/rocket-ui-vue.d.ts

@@ -683,7 +683,34 @@ declare interface BadgeProps {
      * <Badge animation />
      */
     animation?: boolean;
+    /**
+     * Class of the Badge
+     * @type { string | string[] }
+     * @example
+     * <Badge class="text-red-500" />
+     */
     class?: string | string[];
+    /**
+     * Content of the Badge
+     * @type { string }
+     * @example
+     * <Badge content="99+" />
+     */
+    content?: string;
+    /**
+     * Class of the content of the Badge
+     * @type { string | string[] }
+     * @example
+     * <Badge contentClass="text-red-500" />
+     */
+    contentClass?: string | string[];
+    /**
+     * Wrapper class of the Badge
+     * @type { string | string[] }
+     * @example
+     * <Badge wrapperClass="text-red-500" />
+     */
+    wrapperClass?: string | string[];
 }
 
 declare interface BreadcrumbItem {
@@ -2009,6 +2036,8 @@ export declare const RBadge: __VLS_WithTemplateSlots_3<DefineComponent<__VLS_Wit
     outside: boolean;
     animation: boolean;
     class: string;
+    contentClass: string;
+    wrapperClass: string;
 }>, {}, unknown, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, {
     click: (...args: any[]) => void;
 }, string, VNodeProps & AllowedComponentProps & ComponentCustomProps, Readonly<ExtractPropTypes<__VLS_WithDefaults_3<__VLS_TypePropsToRuntimeProps_4<BadgeProps>, {
@@ -2020,6 +2049,8 @@ export declare const RBadge: __VLS_WithTemplateSlots_3<DefineComponent<__VLS_Wit
     outside: boolean;
     animation: boolean;
     class: string;
+    contentClass: string;
+    wrapperClass: string;
 }>>> & {
     onClick?: ((...args: any[]) => any) | undefined;
 }, {
@@ -2027,9 +2058,12 @@ export declare const RBadge: __VLS_WithTemplateSlots_3<DefineComponent<__VLS_Wit
     variant: "primary" | "success" | "warning" | "error" | "neutral";
     hover: boolean;
     placement: "bottom" | "left" | "right";
+    content: string;
     overlap: boolean;
     outside: boolean;
     animation: boolean;
+    contentClass: string | string[];
+    wrapperClass: string | string[];
 }, {}>, {
     default?(_: {}): any;
 }>;

package/dist/rocket-ui-vue.js

@@ -7465,7 +7465,7 @@ const k2 = {
       }, null, 2)) : c("", !0)
     ]));
   }
-}), N2 = { class: "r-badge-wrapper group" }, d0 = /* @__PURE__ */ T({
+}), N2 = ["innerHTML"], d0 = /* @__PURE__ */ T({
   __name: "RBadge",
   props: {
     variant: { default: "primary" },
@@ -7474,13 +7474,16 @@ const k2 = {
     hover: { type: Boolean, default: !1 },
     outside: { type: Boolean, default: !1 },
     animation: { type: Boolean, default: !1 },
-    class: { default: "" }
+    class: { default: "" },
+    content: { default: "" },
+    contentClass: { default: "" },
+    wrapperClass: { default: "" }
   },
   emits: ["click"],
   setup(H) {
     const V = H, C = g(() => ({
       "r-badge": !0,
-      "r-badge__content": V.content,
+      [`r-badge--content ${V.contentClass}`]: V.content,
       [`r-badge--overlap-${V.placement}`]: V.overlap,
       [`r-badge--${V.placement}`]: V.placement,
       [`r-badge--outside-${V.placement}`]: V.outside,
@@ -7488,15 +7491,18 @@ const k2 = {
       [`r-badge--${V.variant}`]: V.variant,
       [V.class]: V.class
     }));
-    return (M, A) => (m(), r("div", N2, [
+    return (M, A) => (m(), r("div", {
+      class: p(["r-badge-wrapper group", [V.wrapperClass]])
+    }, [
       S("span", {
         class: p([{ "animate-ping-2": V.animation }, C.value])
       }, null, 2),
       S("span", {
-        class: p(C.value)
-      }, null, 2),
+        class: p(C.value),
+        innerHTML: V.content
+      }, null, 10, N2),
       f(M.$slots, "default")
-    ]));
+    ], 2));
   }
 }), I2 = ["disabled"], t0 = /* @__PURE__ */ T({
   __name: "RButton",