niuma-ui 2.0.2 → 2.0.4

package/dist/components/avatar/src/RsAvatar.css

@@ -1,35 +1,46 @@
 
-.rs-avatar {
+.rs-avatar[data-v-5eb19cf0] {
+  --rs-avatar-size-sm: 1.75rem;
+  --rs-avatar-size-md: 2.25rem;
+  --rs-avatar-size-lg: 3rem;
+  --rs-avatar-size: var(--rs-avatar-size-md);
+  position: relative;
   display: inline-flex;
   overflow: hidden;
   flex-shrink: 0;
+  width: var(--rs-avatar-size);
+  height: var(--rs-avatar-size);
   border: 1px solid var(--rs-border);
   background: var(--rs-surface);
+  vertical-align: middle;
 }
-.rs-avatar--circle {
+.rs-avatar--circle[data-v-5eb19cf0] {
   border-radius: var(--rs-radius-full);
 }
-.rs-avatar--square {
+.rs-avatar--square[data-v-5eb19cf0] {
   border-radius: var(--rs-radius-sm);
 }
-.rs-avatar--sm {
-  width: 1.75rem;
-  height: 1.75rem;
+.rs-avatar--sm[data-v-5eb19cf0] {
+  --rs-avatar-size: var(--rs-avatar-size-sm);
 }
-.rs-avatar--md {
-  width: 2.25rem;
-  height: 2.25rem;
+.rs-avatar--md[data-v-5eb19cf0] {
+  --rs-avatar-size: var(--rs-avatar-size-md);
 }
-.rs-avatar--lg {
-  width: 3rem;
-  height: 3rem;
+.rs-avatar--lg[data-v-5eb19cf0] {
+  --rs-avatar-size: var(--rs-avatar-size-lg);
 }
-.rs-avatar__image {
+.rs-avatar__image[data-v-5eb19cf0] {
+  position: absolute;
+  inset: 0;
   width: 100%;
   height: 100%;
   object-fit: cover;
+  opacity: 0;
 }
-.rs-avatar__fallback {
+.rs-avatar__image--ready[data-v-5eb19cf0] {
+  opacity: 1;
+}
+.rs-avatar__fallback[data-v-5eb19cf0] {
   display: flex;
   align-items: center;
   justify-content: center;
@@ -38,23 +49,29 @@
   font-size: var(--rs-font-size-xs);
   font-weight: var(--rs-font-weight-semibold);
 }
-.rs-avatar__fallback--default {
+.rs-avatar__fallback--default[data-v-5eb19cf0] {
   background: var(--rs-surface-hover);
   color: var(--rs-muted);
 }
-.rs-avatar__fallback--primary {
+.rs-avatar__fallback--primary[data-v-5eb19cf0] {
   background: var(--rs-primary-container);
   color: var(--rs-on-primary-container);
 }
-.rs-avatar__fallback--success {
+.rs-avatar__fallback--success[data-v-5eb19cf0] {
   background: var(--rs-success-container);
   color: var(--rs-on-success-container);
 }
-.rs-avatar__fallback--warning {
+.rs-avatar__fallback--warning[data-v-5eb19cf0] {
   background: var(--rs-warning-container);
   color: var(--rs-on-warning-container);
 }
-.rs-avatar__fallback--danger {
+.rs-avatar__fallback--danger[data-v-5eb19cf0] {
   background: var(--rs-danger-container);
   color: var(--rs-on-danger-container);
 }
+@media (forced-colors: active) {
+.rs-avatar[data-v-5eb19cf0] {
+    border: 1px solid CanvasText;
+    forced-color-adjust: none;
+}
+}

package/dist/components/avatar/src/RsAvatar.d.ts

@@ -1,4 +1,5 @@
 import { type RsAvatarShape, type RsAvatarSize, type RsAvatarTone } from './avatar-utils';
+export type { RsAvatarShape, RsAvatarSize, RsAvatarTone };
 type __VLS_Props = {
     src?: string;
     alt?: string;
@@ -10,14 +11,19 @@ type __VLS_Props = {
     tone?: RsAvatarTone;
     label?: string;
 };
-declare var __VLS_19: {};
+declare var __VLS_1: {};
 type __VLS_Slots = {} & {
-    fallback?: (props: typeof __VLS_19) => any;
+    fallback?: (props: typeof __VLS_1) => any;
 };
 declare const __VLS_base: import("vue").DefineComponent<__VLS_Props, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<__VLS_Props> & Readonly<{}>, {
+    name: string;
+    label: string;
     size: RsAvatarSize;
-    tone: RsAvatarTone;
     icon: string;
+    tone: RsAvatarTone;
+    src: string;
+    alt: string;
+    fallback: string;
     shape: RsAvatarShape;
 }, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
 declare const __VLS_export: __VLS_WithSlots<typeof __VLS_base, __VLS_Slots>;

package/dist/components/avatar/src/RsAvatar.impl.js

@@ -1,57 +1,81 @@
-import { AvatarFallback, AvatarImage, AvatarRoot } from "../../_shared/src/reka.js";
 import RsIcon_default from "../../icon/src/RsIcon.js";
-import { getAvatarInitials } from "./avatar-utils.js";
-import { computed, createBlock, createCommentVNode, createElementBlock, createVNode, defineComponent, normalizeClass, openBlock, renderSlot, toDisplayString, unref, withCtx } from "vue";
+import { RS_AVATAR_ICON_PX, getAvatarInitials, resolveRsAvatarShape, resolveRsAvatarSize, resolveRsAvatarTone } from "./avatar-utils.js";
+import { computed, createBlock, createCommentVNode, createElementBlock, defineComponent, normalizeClass, openBlock, ref, renderSlot, toDisplayString, watch } from "vue";
 //#region src/components/avatar/src/RsAvatar.vue?vue&type=script&setup=true&lang.ts
-var _hoisted_1 = { key: 1 };
+var _hoisted_1 = ["role", "aria-label"];
+var _hoisted_2 = ["src", "alt"];
+var _hoisted_3 = { key: 1 };
 var RsAvatar_vue_vue_type_script_setup_true_lang_default = /*@__PURE__*/ defineComponent({
+	name: "RsAvatar",
 	__name: "RsAvatar",
 	props: {
-		src: {},
-		alt: {},
-		name: {},
-		fallback: {},
+		src: { default: void 0 },
+		alt: { default: void 0 },
+		name: { default: void 0 },
+		fallback: { default: void 0 },
 		icon: { default: "user" },
 		size: { default: "md" },
 		shape: { default: "circle" },
 		tone: { default: "primary" },
-		label: {}
+		label: { default: void 0 }
 	},
 	setup(__props) {
 		const props = __props;
+		const imageLoaded = ref(false);
+		const imageFailed = ref(false);
+		watch(() => props.src, () => {
+			imageLoaded.value = false;
+			imageFailed.value = false;
+		});
+		const resolvedSize = computed(() => resolveRsAvatarSize(props.size));
+		const resolvedShape = computed(() => resolveRsAvatarShape(props.shape));
+		const resolvedTone = computed(() => resolveRsAvatarTone(props.tone));
+		const iconPx = computed(() => RS_AVATAR_ICON_PX[resolvedSize.value]);
 		const fallbackText = computed(() => {
 			if (props.fallback?.trim()) return props.fallback.trim();
 			if (props.name?.trim()) return getAvatarInitials(props.name);
 			return "";
 		});
 		const showIconFallback = computed(() => !fallbackText.value);
+		const showImage = computed(() => Boolean(props.src) && !imageFailed.value);
+		const showFallback = computed(() => !showImage.value || !imageLoaded.value);
+		const pictureReady = computed(() => showImage.value && imageLoaded.value);
 		const imageAlt = computed(() => props.alt ?? props.name ?? "");
 		const ariaLabel = computed(() => props.label ?? props.alt ?? props.name ?? void 0);
+		const rootRole = computed(() => {
+			if (pictureReady.value || !ariaLabel.value) return void 0;
+			return "img";
+		});
+		const rootLabel = computed(() => pictureReady.value ? void 0 : ariaLabel.value);
+		function onLoad() {
+			imageLoaded.value = true;
+			imageFailed.value = false;
+		}
+		function onError() {
+			imageLoaded.value = false;
+			imageFailed.value = true;
+		}
 		return (_ctx, _cache) => {
-			return openBlock(), createBlock(unref(AvatarRoot), {
-				class: normalizeClass(["rs-avatar", [`rs-avatar--${__props.size}`, `rs-avatar--${__props.shape}`]]),
-				"aria-label": ariaLabel.value,
-				role: ariaLabel.value ? "img" : void 0
-			}, {
-				default: withCtx(() => [__props.src ? (openBlock(), createBlock(unref(AvatarImage), {
-					key: 0,
-					src: __props.src,
-					alt: imageAlt.value,
-					class: "rs-avatar__image"
-				}, null, 8, ["src", "alt"])) : createCommentVNode("", true), createVNode(unref(AvatarFallback), { class: normalizeClass(["rs-avatar__fallback", `rs-avatar__fallback--${__props.tone}`]) }, {
-					default: withCtx(() => [renderSlot(_ctx.$slots, "fallback", {}, () => [showIconFallback.value ? (openBlock(), createBlock(RsIcon_default, {
-						key: 0,
-						name: __props.icon,
-						size: __props.size === "sm" ? 14 : __props.size === "lg" ? 20 : 16
-					}, null, 8, ["name", "size"])) : (openBlock(), createElementBlock("span", _hoisted_1, toDisplayString(fallbackText.value), 1))])]),
-					_: 3
-				}, 8, ["class"])]),
-				_: 3
-			}, 8, [
-				"class",
-				"aria-label",
-				"role"
-			]);
+			return openBlock(), createElementBlock("span", {
+				class: normalizeClass(["rs-avatar", [`rs-avatar--${resolvedSize.value}`, `rs-avatar--${resolvedShape.value}`]]),
+				role: rootRole.value,
+				"aria-label": rootLabel.value
+			}, [showImage.value ? (openBlock(), createElementBlock("img", {
+				key: 0,
+				class: normalizeClass(["rs-avatar__image", { "rs-avatar__image--ready": imageLoaded.value }]),
+				src: __props.src,
+				alt: imageAlt.value,
+				onLoad,
+				onError
+			}, null, 42, _hoisted_2)) : createCommentVNode("", true), showFallback.value ? (openBlock(), createElementBlock("span", {
+				key: 1,
+				class: normalizeClass(["rs-avatar__fallback", `rs-avatar__fallback--${resolvedTone.value}`]),
+				"aria-hidden": "true"
+			}, [renderSlot(_ctx.$slots, "fallback", {}, () => [showIconFallback.value ? (openBlock(), createBlock(RsIcon_default, {
+				key: 0,
+				name: __props.icon,
+				size: iconPx.value
+			}, null, 8, ["name", "size"])) : (openBlock(), createElementBlock("span", _hoisted_3, toDisplayString(fallbackText.value), 1))], true)], 2)) : createCommentVNode("", true)], 10, _hoisted_1);
 		};
 	}
 });

package/dist/components/avatar/src/RsAvatar.js

@@ -1,7 +1,8 @@
 import './RsAvatar.css'
+import _plugin_vue_export_helper_default from "../../../_virtual/_plugin-vue_export-helper.js";
 import RsAvatar_vue_vue_type_script_setup_true_lang_default from "./RsAvatar.impl.js";
 
 //#region src/components/avatar/src/RsAvatar.vue
-var RsAvatar_default = RsAvatar_vue_vue_type_script_setup_true_lang_default;
+var RsAvatar_default = /*#__PURE__*/ _plugin_vue_export_helper_default(RsAvatar_vue_vue_type_script_setup_true_lang_default, [["__scopeId", "data-v-5eb19cf0"]]);
 //#endregion
 export { RsAvatar_default as default };

package/dist/components/avatar/src/avatar-utils.d.ts

@@ -1,11 +1,20 @@
-/** 头像尺寸 */
-export type RsAvatarSize = 'sm' | 'md' | 'lg';
-/** 头像形状 */
-export type RsAvatarShape = 'circle' | 'square';
-/** 头像占位色调 */
-export type RsAvatarTone = 'default' | 'primary' | 'success' | 'warning' | 'danger';
+/** 头像边长。不是控件四档，没有 ssm。 */
+export declare const RS_AVATAR_SIZES: readonly ["sm", "md", "lg"];
+export type RsAvatarSize = (typeof RS_AVATAR_SIZES)[number];
+export declare const RS_AVATAR_SHAPES: readonly ["circle", "square"];
+export type RsAvatarShape = (typeof RS_AVATAR_SHAPES)[number];
+export declare const RS_AVATAR_TONES: readonly ["default", "primary", "success", "warning", "danger"];
+export type RsAvatarTone = (typeof RS_AVATAR_TONES)[number];
+/** 回退图标边长，跟原来 sm 14 / md 16 / lg 20 一致。 */
+export declare const RS_AVATAR_ICON_PX: Record<RsAvatarSize, number>;
+export declare function isRsAvatarSize(value: unknown): value is RsAvatarSize;
+export declare function isRsAvatarShape(value: unknown): value is RsAvatarShape;
+export declare function isRsAvatarTone(value: unknown): value is RsAvatarTone;
+export declare function resolveRsAvatarSize(size?: RsAvatarSize | null): RsAvatarSize;
+export declare function resolveRsAvatarShape(shape?: RsAvatarShape | null): RsAvatarShape;
+export declare function resolveRsAvatarTone(tone?: RsAvatarTone | null): RsAvatarTone;
 /**
  * 从姓名提取缩写（最多 2 个字符）。
- * @param name 显示名称
+ * 单段取前两字；多段取前两段首字。空串返回空，由组件改走图标。
  */
 export declare function getAvatarInitials(name: string): string;

package/dist/components/avatar/src/avatar-utils.js

@@ -1,13 +1,51 @@
 //#region src/components/avatar/src/avatar-utils.ts
+/** 头像边长。不是控件四档，没有 ssm。 */
+var RS_AVATAR_SIZES = [
+	"sm",
+	"md",
+	"lg"
+];
+var RS_AVATAR_SHAPES = ["circle", "square"];
+var RS_AVATAR_TONES = [
+	"default",
+	"primary",
+	"success",
+	"warning",
+	"danger"
+];
+/** 回退图标边长，跟原来 sm 14 / md 16 / lg 20 一致。 */
+var RS_AVATAR_ICON_PX = {
+	sm: 14,
+	md: 16,
+	lg: 20
+};
+function isRsAvatarSize(value) {
+	return typeof value === "string" && RS_AVATAR_SIZES.includes(value);
+}
+function isRsAvatarShape(value) {
+	return typeof value === "string" && RS_AVATAR_SHAPES.includes(value);
+}
+function isRsAvatarTone(value) {
+	return typeof value === "string" && RS_AVATAR_TONES.includes(value);
+}
+function resolveRsAvatarSize(size) {
+	return isRsAvatarSize(size) ? size : "md";
+}
+function resolveRsAvatarShape(shape) {
+	return isRsAvatarShape(shape) ? shape : "circle";
+}
+function resolveRsAvatarTone(tone) {
+	return isRsAvatarTone(tone) ? tone : "primary";
+}
 /**
 * 从姓名提取缩写（最多 2 个字符）。
-* @param name 显示名称
+* 单段取前两字；多段取前两段首字。空串返回空，由组件改走图标。
 */
 function getAvatarInitials(name) {
 	const parts = name.trim().split(/\s+/).filter(Boolean);
-	if (!parts.length) return "?";
+	if (!parts.length) return "";
 	if (parts.length === 1) return parts[0].slice(0, 2).toUpperCase();
 	return `${parts[0][0] ?? ""}${parts[1][0] ?? ""}`.toUpperCase();
 }
 //#endregion
-export { getAvatarInitials };
+export { RS_AVATAR_ICON_PX, RS_AVATAR_SHAPES, RS_AVATAR_SIZES, RS_AVATAR_TONES, getAvatarInitials, isRsAvatarShape, isRsAvatarSize, isRsAvatarTone, resolveRsAvatarShape, resolveRsAvatarSize, resolveRsAvatarTone };

package/dist/components/badge/index.d.ts

@@ -1 +1,2 @@
 export { default as RsBadge } from './src/RsBadge.js';
+export type { RsBadgeVariant } from './src/badge-utils';

package/dist/components/badge/src/RsBadge.css

@@ -1,41 +1,94 @@
 
-.rs-badge[data-v-90af0872] {
+.rs-badge[data-v-f91a65a7] {
+  --rs-badge-padding-y: 0.125rem;
+  --rs-badge-padding-x: 0.625rem;
+  --rs-badge-dot-size: var(--rs-space-sm);
+  --rs-badge-count-min: 1.125rem;
+  --rs-badge-ring: var(--rs-surface);
   display: inline-flex;
   align-items: center;
-  padding: 0.125rem 0.625rem;
+  justify-content: center;
+  box-sizing: border-box;
+  padding: var(--rs-badge-padding-y) var(--rs-badge-padding-x);
   border-radius: var(--rs-radius-full);
   font-size: var(--rs-font-size-xs);
   font-weight: var(--rs-font-weight-medium);
   line-height: var(--rs-line-height-tight);
   letter-spacing: 0.02em;
+  white-space: nowrap;
+  vertical-align: middle;
 }
-.rs-badge--default[data-v-90af0872] {
+.rs-badge-wrap[data-v-f91a65a7] {
+  position: relative;
+  display: inline-flex;
+  vertical-align: middle;
+}
+.rs-badge-wrap .rs-badge--mark[data-v-f91a65a7] {
+  position: absolute;
+  inset-block-start: 0;
+  inset-inline-end: 0;
+  z-index: 1;
+  transform: translate(50%, -50%);
+  box-shadow: 0 0 0 2px var(--rs-badge-ring);
+}
+:dir(rtl) .rs-badge-wrap .rs-badge--mark[data-v-f91a65a7] {
+  transform: translate(-50%, -50%);
+}
+.rs-badge--mark[data-v-f91a65a7]:not(.rs-badge--dot) {
+  min-width: var(--rs-badge-count-min);
+  min-height: var(--rs-badge-count-min);
+  padding: 0 0.375rem;
+  letter-spacing: 0;
+  line-height: 1;
+}
+.rs-badge--dot[data-v-f91a65a7] {
+  width: var(--rs-badge-dot-size);
+  height: var(--rs-badge-dot-size);
+  min-width: var(--rs-badge-dot-size);
+  padding: 0;
+  border-radius: var(--rs-radius-full);
+}
+.rs-badge--default[data-v-f91a65a7] {
   background: var(--rs-surface-hover);
   color: var(--rs-text);
   border: 1px solid var(--rs-border);
 }
-.rs-badge--primary[data-v-90af0872] {
+.rs-badge--primary[data-v-f91a65a7] {
   background: var(--rs-primary-container);
   color: var(--rs-on-primary-container);
   border: 1px solid color-mix(in srgb, var(--rs-primary) 40%, transparent);
 }
-.rs-badge--success[data-v-90af0872] {
+.rs-badge--success[data-v-f91a65a7] {
   background: var(--rs-success-container);
   color: var(--rs-on-success-container);
   border: 1px solid color-mix(in srgb, var(--rs-success) 40%, transparent);
 }
-.rs-badge--warning[data-v-90af0872] {
+.rs-badge--warning[data-v-f91a65a7] {
   background: var(--rs-warning-container);
   color: var(--rs-on-warning-container);
   border: 1px solid color-mix(in srgb, var(--rs-warning) 40%, transparent);
 }
-.rs-badge--danger[data-v-90af0872] {
+.rs-badge--danger[data-v-f91a65a7] {
   background: var(--rs-danger-container);
   color: var(--rs-on-danger-container);
   border: 1px solid color-mix(in srgb, var(--rs-danger) 40%, transparent);
 }
-.rs-badge--info[data-v-90af0872] {
+.rs-badge--info[data-v-f91a65a7] {
   background: var(--rs-info-container);
   color: var(--rs-on-info-container);
   border: 1px solid color-mix(in srgb, var(--rs-info) 40%, transparent);
 }
+.rs-badge--dot.rs-badge--default[data-v-f91a65a7],
+.rs-badge--dot.rs-badge--primary[data-v-f91a65a7],
+.rs-badge--dot.rs-badge--success[data-v-f91a65a7],
+.rs-badge--dot.rs-badge--warning[data-v-f91a65a7],
+.rs-badge--dot.rs-badge--danger[data-v-f91a65a7],
+.rs-badge--dot.rs-badge--info[data-v-f91a65a7] {
+  color: transparent;
+}
+@media (forced-colors: active) {
+.rs-badge[data-v-f91a65a7] {
+    border: 1px solid CanvasText;
+    forced-color-adjust: none;
+}
+}

package/dist/components/badge/src/RsBadge.d.ts

@@ -1,12 +1,28 @@
+import { type RsBadgeVariant } from './badge-utils';
+export type { RsBadgeVariant };
 type __VLS_Props = {
-    variant?: 'default' | 'primary' | 'success' | 'warning' | 'danger' | 'info';
+    variant?: RsBadgeVariant;
+    /** 角标数字。与默认插槽同时出现时，插槽是宿主，数字挂在角上。 */
+    count?: number;
+    /** 超过后显示 `{max}+`。 */
+    max?: number;
+    /** 小圆点，不计数字。与 count 同时出现时只显示点。 */
+    dot?: boolean;
+    /** count 为 0 时仍显示。 */
+    showZero?: boolean;
 };
-declare var __VLS_1: {};
+declare var __VLS_1: {}, __VLS_3: {};
 type __VLS_Slots = {} & {
     default?: (props: typeof __VLS_1) => any;
+} & {
+    default?: (props: typeof __VLS_3) => any;
 };
 declare const __VLS_base: import("vue").DefineComponent<__VLS_Props, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<__VLS_Props> & Readonly<{}>, {
-    variant: "default" | "primary" | "success" | "warning" | "danger" | "info";
+    variant: RsBadgeVariant;
+    count: number;
+    max: number;
+    dot: boolean;
+    showZero: boolean;
 }, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
 declare const __VLS_export: __VLS_WithSlots<typeof __VLS_base, __VLS_Slots>;
 declare const _default: typeof __VLS_export;

package/dist/components/badge/src/RsBadge.impl.js

@@ -1,11 +1,54 @@
-import { createElementBlock, defineComponent, normalizeClass, openBlock, renderSlot } from "vue";
+import { formatRsBadgeCount, resolveRsBadgeVariant } from "./badge-utils.js";
+import { computed, createCommentVNode, createElementBlock, defineComponent, normalizeClass, openBlock, renderSlot, toDisplayString, useSlots } from "vue";
 //#region src/components/badge/src/RsBadge.vue?vue&type=script&setup=true&lang.ts
+var _hoisted_1 = {
+	key: 0,
+	class: "rs-badge-wrap"
+};
+var _hoisted_2 = ["aria-hidden", "aria-label"];
+var _hoisted_3 = ["aria-hidden", "aria-label"];
 var RsBadge_vue_vue_type_script_setup_true_lang_default = /*@__PURE__*/ defineComponent({
+	name: "RsBadge",
 	__name: "RsBadge",
-	props: { variant: { default: "default" } },
+	props: {
+		variant: { default: "default" },
+		count: { default: void 0 },
+		max: { default: 99 },
+		dot: {
+			type: Boolean,
+			default: false
+		},
+		showZero: {
+			type: Boolean,
+			default: false
+		}
+	},
 	setup(__props) {
+		const props = __props;
+		const slots = useSlots();
+		const resolvedVariant = computed(() => resolveRsBadgeVariant(props.variant));
+		const variantClass = computed(() => `rs-badge--${resolvedVariant.value}`);
+		const isMarkMode = computed(() => props.dot || props.count !== void 0);
+		const countText = computed(() => formatRsBadgeCount(props.count, props.max, props.showZero));
+		const showMark = computed(() => props.dot || countText.value != null);
+		const hasHost = computed(() => Boolean(slots.default));
+		const overlay = computed(() => isMarkMode.value && hasHost.value);
+		const markLabel = computed(() => props.dot ? void 0 : countText.value ?? void 0);
 		return (_ctx, _cache) => {
-			return openBlock(), createElementBlock("span", { class: normalizeClass(["rs-badge", `rs-badge--${__props.variant}`]) }, [renderSlot(_ctx.$slots, "default", {}, void 0, true)], 2);
+			return overlay.value ? (openBlock(), createElementBlock("span", _hoisted_1, [renderSlot(_ctx.$slots, "default", {}, void 0, true), showMark.value ? (openBlock(), createElementBlock("span", {
+				key: 0,
+				class: normalizeClass(["rs-badge rs-badge--mark", [variantClass.value, { "rs-badge--dot": __props.dot }]]),
+				"aria-hidden": __props.dot ? "true" : void 0,
+				"aria-label": markLabel.value
+			}, toDisplayString(__props.dot ? "" : countText.value), 11, _hoisted_2)) : createCommentVNode("", true)])) : showMark.value ? (openBlock(), createElementBlock("span", {
+				key: 1,
+				class: normalizeClass(["rs-badge rs-badge--mark", [variantClass.value, { "rs-badge--dot": __props.dot }]]),
+				"aria-hidden": __props.dot ? "true" : void 0,
+				"aria-label": markLabel.value
+			}, toDisplayString(__props.dot ? "" : countText.value), 11, _hoisted_3)) : !isMarkMode.value ? (openBlock(), createElementBlock("span", {
+				key: 2,
+				class: normalizeClass(["rs-badge", variantClass.value])
+			}, [renderSlot(_ctx.$slots, "default", {}, void 0, true)], 2)) : createCommentVNode("", true);
 		};
 	}
 });

package/dist/components/badge/src/RsBadge.js

@@ -3,6 +3,6 @@ import _plugin_vue_export_helper_default from "../../../_virtual/_plugin-vue_exp
 import RsBadge_vue_vue_type_script_setup_true_lang_default from "./RsBadge.impl.js";
 
 //#region src/components/badge/src/RsBadge.vue
-var RsBadge_default = /*#__PURE__*/ _plugin_vue_export_helper_default(RsBadge_vue_vue_type_script_setup_true_lang_default, [["__scopeId", "data-v-90af0872"]]);
+var RsBadge_default = /*#__PURE__*/ _plugin_vue_export_helper_default(RsBadge_vue_vue_type_script_setup_true_lang_default, [["__scopeId", "data-v-f91a65a7"]]);
 //#endregion
 export { RsBadge_default as default };

package/dist/components/badge/src/badge-utils.d.ts

@@ -0,0 +1,11 @@
+/**
+ * RsBadge 语义色。芯片与角标共用同一套 variant，不另开 tone 轴。
+ * 可关闭的筛选请用 RsTag，不要用本组件冒充标签。
+ */
+export declare const RS_BADGE_VARIANTS: readonly ["default", "primary", "success", "warning", "danger", "info"];
+export type RsBadgeVariant = (typeof RS_BADGE_VARIANTS)[number];
+export declare const RS_BADGE_COUNT_MAX_DEFAULT = 99;
+export declare function isRsBadgeVariant(value: unknown): value is RsBadgeVariant;
+export declare function resolveRsBadgeVariant(variant?: RsBadgeVariant | null): RsBadgeVariant;
+/** 未传 count、非有限数字、负数、或 0 且未 showZero 时不展示数字。 */
+export declare function formatRsBadgeCount(count: number | string | null | undefined, max?: number, showZero?: boolean): string | null;

package/dist/components/badge/src/badge-utils.js

@@ -0,0 +1,32 @@
+//#region src/components/badge/src/badge-utils.ts
+/**
+* RsBadge 语义色。芯片与角标共用同一套 variant，不另开 tone 轴。
+* 可关闭的筛选请用 RsTag，不要用本组件冒充标签。
+*/
+var RS_BADGE_VARIANTS = [
+	"default",
+	"primary",
+	"success",
+	"warning",
+	"danger",
+	"info"
+];
+function isRsBadgeVariant(value) {
+	return typeof value === "string" && RS_BADGE_VARIANTS.includes(value);
+}
+function resolveRsBadgeVariant(variant) {
+	return isRsBadgeVariant(variant) ? variant : "default";
+}
+/** 未传 count、非有限数字、负数、或 0 且未 showZero 时不展示数字。 */
+function formatRsBadgeCount(count, max = 99, showZero = false) {
+	if (count == null || count === "") return null;
+	const n = typeof count === "number" ? count : Number(count);
+	if (!Number.isFinite(n) || n < 0) return null;
+	if (n === 0 && !showZero) return null;
+	const cap = Number.isFinite(max) && max > 0 ? Math.floor(max) : 99;
+	const value = Math.floor(n);
+	if (value > cap) return `${cap}+`;
+	return String(value);
+}
+//#endregion
+export { RS_BADGE_VARIANTS, formatRsBadgeCount, isRsBadgeVariant, resolveRsBadgeVariant };

package/dist/components/breadcrumb/index.d.ts

@@ -1,2 +1,2 @@
 export { default as RsBreadcrumb } from './src/RsBreadcrumb.js';
-export type { RsBreadcrumbItem } from './src/RsBreadcrumb.js';
+export type { RsBreadcrumbItem } from './src/breadcrumb-utils';