niuma-ui 2.0.1 → 2.0.3

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/button/src/RsButton.css

@@ -1,5 +1,5 @@
 
-.rs-btn[data-v-cd44e899] {
+.rs-btn[data-v-423f0a90] {
   position: relative;
   display: inline-flex;
   align-items: center;
@@ -23,124 +23,127 @@
     padding var(--rs-transition-normal),
     gap var(--rs-transition-normal);
 }
-.rs-btn--ssm[data-v-cd44e899] {
+.rs-btn--ssm[data-v-423f0a90] {
   min-height: var(--rs-control-height-ssm);
   padding: 0 var(--rs-space-xs);
   font-size: var(--rs-font-size-xs);
   gap: var(--rs-space-xs);
 }
-.rs-btn--sm[data-v-cd44e899] {
+.rs-btn--sm[data-v-423f0a90] {
   min-height: var(--rs-control-height-sm);
   padding: 0 var(--rs-space-sm);
   font-size: var(--rs-font-size-xs);
   gap: var(--rs-space-xs);
 }
-.rs-btn--lg[data-v-cd44e899] {
+.rs-btn--lg[data-v-423f0a90] {
   min-height: var(--rs-control-height-lg);
   padding: 0 var(--rs-space-xl);
   font-size: var(--rs-font-size-base);
 }
-.rs-btn[data-v-cd44e899]:disabled {
+.rs-btn[data-v-423f0a90]:disabled {
   opacity: 0.38;
   cursor: not-allowed;
 }
-.rs-btn--loading[data-v-cd44e899] {
+.rs-btn--loading[data-v-423f0a90] {
   pointer-events: none;
   cursor: wait;
   transition: none;
 }
 /* loading 时不使用 disabled，避免部分浏览器暂停子元素 CSS 动画 */
-.rs-btn--loading[data-v-cd44e899]:disabled {
+.rs-btn--loading[data-v-423f0a90]:disabled {
   opacity: 1;
   cursor: wait;
 }
-.rs-btn--loading.rs-btn--default[data-v-cd44e899] {
+.rs-btn--loading.rs-btn--default[data-v-423f0a90] {
   color: var(--rs-text);
   border-color: var(--rs-border);
   background: var(--rs-surface);
 }
-.rs-btn--loading.rs-btn--default[data-v-cd44e899]:not(.rs-btn--tone-neutral) {
+.rs-btn--loading.rs-btn--default[data-v-423f0a90]:not(.rs-btn--tone-neutral) {
   color: var(--rs-btn-tone-on-container);
   border-color: color-mix(in srgb, var(--rs-btn-tone) 42%, var(--rs-border));
   background: var(--rs-btn-tone-container);
 }
-.rs-btn--loading.rs-btn--ghost[data-v-cd44e899],
-.rs-btn--loading.rs-btn--text[data-v-cd44e899] {
+.rs-btn--loading.rs-btn--ghost[data-v-423f0a90],
+.rs-btn--loading.rs-btn--text[data-v-423f0a90] {
   color: var(--rs-btn-tone, var(--rs-text));
   background: var(--rs-surface-hover);
 }
-.rs-btn[data-v-cd44e899]:focus-visible {
+.rs-btn[data-v-423f0a90]:focus-visible {
   outline: none;
   box-shadow: 0 0 0 var(--rs-focus-ring-width, 2px) var(--rs-focus-ring);
 }
-.rs-btn--icon-only[data-v-cd44e899] {
+.rs-btn--icon-only[data-v-423f0a90] {
   padding: 0;
   min-width: var(--rs-control-height-md);
 }
-.rs-btn--icon-only.rs-btn--ssm[data-v-cd44e899] {
+.rs-btn--icon-only.rs-btn--ssm[data-v-423f0a90] {
   min-width: var(--rs-control-height-ssm);
 }
-.rs-btn--icon-only.rs-btn--sm[data-v-cd44e899] {
+.rs-btn--icon-only.rs-btn--sm[data-v-423f0a90] {
   min-width: var(--rs-control-height-sm);
 }
-.rs-btn--icon-only.rs-btn--lg[data-v-cd44e899] {
+.rs-btn--icon-only.rs-btn--lg[data-v-423f0a90] {
   min-width: var(--rs-control-height-lg);
 }
-.rs-btn--primary[data-v-cd44e899] {
+.rs-btn--primary[data-v-423f0a90] {
   background: var(--rs-primary);
   color: var(--rs-primary-foreground);
   box-shadow: var(--rs-shadow-sm);
 }
-.rs-btn--primary[data-v-cd44e899]:hover:not(:disabled) {
+.rs-btn--primary[data-v-423f0a90]:hover:not(:disabled) {
   background: var(--rs-primary-hover);
   box-shadow: var(--rs-shadow);
 }
-.rs-btn--primary[data-v-cd44e899]:active:not(:disabled) {
+.rs-btn--primary[data-v-423f0a90]:active:not(:disabled) {
   box-shadow: none;
 }
-.rs-btn--default[data-v-cd44e899] {
+.rs-btn--default[data-v-423f0a90] {
   border: 1px solid var(--rs-btn-outline-border, var(--rs-border));
   background: var(--rs-btn-secondary-bg, var(--rs-surface-hover));
   color: var(--rs-text);
   box-shadow: none;
 }
-.rs-btn--default[data-v-cd44e899]:hover:not(:disabled) {
+.rs-btn--default[data-v-423f0a90]:hover:not(:disabled) {
   color: var(--rs-primary);
   border-color: var(--rs-primary);
   background: var(--rs-btn-secondary-bg-hover, var(--rs-primary-container));
 }
-.rs-btn--default[data-v-cd44e899]:active:not(:disabled) {
+.rs-btn--default[data-v-423f0a90]:active:not(:disabled) {
   color: var(--rs-primary-hover);
   border-color: var(--rs-primary-hover);
   background: var(--rs-btn-secondary-bg-active, var(--rs-primary-container));
 }
-.rs-btn--ghost[data-v-cd44e899] {
+.rs-btn--ghost[data-v-423f0a90] {
   background: transparent;
   border: 1px solid var(--rs-btn-outline-border, var(--rs-border));
   color: var(--rs-btn-tone, var(--rs-text));
 }
-.rs-btn--ghost[data-v-cd44e899]:hover:not(:disabled) {
-  background: color-mix(in srgb, var(--rs-btn-tone, var(--rs-text)) 8%, transparent);
+.rs-btn--ghost[data-v-423f0a90]:hover:not(:disabled) {
+  background: var(--rs-surface-hover);
   border-color: var(--rs-btn-outline-border, var(--rs-border));
   color: var(--rs-btn-tone-hover, var(--rs-btn-tone, var(--rs-text)));
 }
-.rs-btn--borderless[data-v-cd44e899],
-.rs-btn--borderless[data-v-cd44e899]:hover:not(:disabled),
-.rs-btn--borderless[data-v-cd44e899]:active:not(:disabled) {
+.rs-btn--ghost[data-v-423f0a90]:active:not(:disabled) {
+  background: color-mix(in srgb, var(--rs-btn-tone, var(--rs-text)) 12%, var(--rs-surface-hover));
+}
+.rs-btn--borderless[data-v-423f0a90],
+.rs-btn--borderless[data-v-423f0a90]:hover:not(:disabled),
+.rs-btn--borderless[data-v-423f0a90]:active:not(:disabled) {
   border-color: transparent;
 }
-.rs-btn--danger[data-v-cd44e899] {
+.rs-btn--danger[data-v-423f0a90] {
   background: var(--rs-danger-container);
   border-color: color-mix(in srgb, var(--rs-danger) 30%, transparent);
   color: var(--rs-on-danger-container);
 }
-.rs-btn--danger[data-v-cd44e899]:hover:not(:disabled) {
+.rs-btn--danger[data-v-423f0a90]:hover:not(:disabled) {
   border-color: var(--rs-danger);
   background: color-mix(in srgb, var(--rs-danger) 20%, var(--rs-danger-container));
 }
 
 /* 行内链接：可下划线；色调由 tone 控制（默认 primary） */
-.rs-btn--link[data-v-cd44e899] {
+.rs-btn--link[data-v-423f0a90] {
   min-height: auto;
   padding: 0;
   border-color: transparent;
@@ -150,7 +153,7 @@
   box-shadow: none;
   font-weight: var(--rs-font-weight-medium);
 }
-.rs-btn--link[data-v-cd44e899]:hover:not(:disabled) {
+.rs-btn--link[data-v-423f0a90]:hover:not(:disabled) {
   color: var(--rs-btn-tone-hover, var(--rs-primary-hover));
   text-decoration: underline;
 }
@@ -159,7 +162,7 @@
  * text：工具栏 / 表格操作 quaternary
  * 无底无边，靠 tone 着色；hover 使用同色浅底
  */
-.rs-btn--text[data-v-cd44e899] {
+.rs-btn--text[data-v-423f0a90] {
   min-height: var(--rs-control-height-sm);
   padding: 0 var(--rs-space-sm);
   border-color: transparent;
@@ -168,103 +171,105 @@
   font-weight: var(--rs-font-weight-regular);
   color: var(--rs-btn-tone, var(--rs-text));
 }
-.rs-btn--text.rs-btn--ssm[data-v-cd44e899] {
+.rs-btn--text.rs-btn--ssm[data-v-423f0a90] {
   min-height: var(--rs-control-height-ssm);
 }
-.rs-btn--text.rs-btn--md[data-v-cd44e899] {
+.rs-btn--text.rs-btn--md[data-v-423f0a90] {
   min-height: var(--rs-control-height-md);
 }
-.rs-btn--text.rs-btn--lg[data-v-cd44e899] {
+.rs-btn--text.rs-btn--lg[data-v-423f0a90] {
   min-height: var(--rs-control-height-lg);
 }
-.rs-btn--text[data-v-cd44e899]:hover:not(:disabled) {
+.rs-btn--text[data-v-423f0a90]:hover:not(:disabled) {
   background: color-mix(in srgb, var(--rs-btn-tone, var(--rs-text)) 8%, transparent);
   border-color: transparent;
   color: var(--rs-btn-tone-hover, var(--rs-btn-tone, var(--rs-text)));
 }
-.rs-btn--text[data-v-cd44e899]:active:not(:disabled) {
+.rs-btn--text[data-v-423f0a90]:active:not(:disabled) {
   background: color-mix(in srgb, var(--rs-btn-tone, var(--rs-text)) 12%, transparent);
 }
 
 /* tone：色相 token，供所有变体消费（形态 × 色相） */
-.rs-btn--tone-neutral[data-v-cd44e899] {
+.rs-btn--tone-neutral[data-v-423f0a90] {
   --rs-btn-tone: var(--rs-text);
   --rs-btn-tone-hover: var(--rs-text);
   --rs-btn-tone-fg: var(--rs-text);
   --rs-btn-tone-container: var(--rs-btn-secondary-bg, var(--rs-surface-hover));
   --rs-btn-tone-on-container: var(--rs-text);
 }
-.rs-btn--tone-primary[data-v-cd44e899] {
+.rs-btn--tone-primary[data-v-423f0a90] {
   --rs-btn-tone: var(--rs-primary);
   --rs-btn-tone-hover: var(--rs-primary-hover);
   --rs-btn-tone-fg: var(--rs-primary-foreground);
   --rs-btn-tone-container: var(--rs-primary-container);
   --rs-btn-tone-on-container: var(--rs-on-primary-container);
 }
-.rs-btn--tone-danger[data-v-cd44e899] {
+.rs-btn--tone-danger[data-v-423f0a90] {
   --rs-btn-tone: var(--rs-danger);
   --rs-btn-tone-hover: var(--rs-danger);
-  --rs-btn-tone-fg: #fff;
+  --rs-btn-tone-fg: var(--rs-text-inverse);
   --rs-btn-tone-container: var(--rs-danger-container);
   --rs-btn-tone-on-container: var(--rs-on-danger-container);
 }
-.rs-btn--tone-success[data-v-cd44e899] {
+.rs-btn--tone-success[data-v-423f0a90] {
   --rs-btn-tone: var(--rs-success, #18a058);
   --rs-btn-tone-hover: var(--rs-success, #18a058);
-  --rs-btn-tone-fg: #fff;
+  --rs-btn-tone-fg: var(--rs-text-inverse);
   --rs-btn-tone-container: var(--rs-success-container, color-mix(in srgb, var(--rs-success, #18a058) 14%, var(--rs-surface)));
   --rs-btn-tone-on-container: var(--rs-on-success-container, var(--rs-success, #18a058));
 }
-.rs-btn--tone-warning[data-v-cd44e899] {
+.rs-btn--tone-warning[data-v-423f0a90] {
   --rs-btn-tone: var(--rs-warning, #f0a020);
   --rs-btn-tone-hover: var(--rs-warning, #f0a020);
-  --rs-btn-tone-fg: #fff;
+  --rs-btn-tone-fg: var(--rs-text-inverse);
   --rs-btn-tone-container: var(--rs-warning-container, color-mix(in srgb, var(--rs-warning, #f0a020) 14%, var(--rs-surface)));
   --rs-btn-tone-on-container: var(--rs-on-warning-container, var(--rs-warning, #f0a020));
 }
-.rs-btn--tone-info[data-v-cd44e899] {
+.rs-btn--tone-info[data-v-423f0a90] {
   --rs-btn-tone: var(--rs-info, #2080f0);
   --rs-btn-tone-hover: var(--rs-info, #2080f0);
-  --rs-btn-tone-fg: #fff;
+  --rs-btn-tone-fg: var(--rs-text-inverse);
   --rs-btn-tone-container: var(--rs-info-container, color-mix(in srgb, var(--rs-info, #2080f0) 14%, var(--rs-surface)));
   --rs-btn-tone-on-container: var(--rs-on-info-container, var(--rs-info, #2080f0));
 }
 
 /* default + 语义色：轮廓 + 浅底（Ant outlined / Element plain） */
-.rs-btn--default[data-v-cd44e899]:not(.rs-btn--tone-neutral) {
+.rs-btn--default[data-v-423f0a90]:not(.rs-btn--tone-neutral) {
   color: var(--rs-btn-tone-on-container);
   border-color: color-mix(in srgb, var(--rs-btn-tone) 42%, var(--rs-border));
   background: var(--rs-btn-tone-container);
 }
-.rs-btn--default[data-v-cd44e899]:not(.rs-btn--tone-neutral):hover:not(:disabled) {
+.rs-btn--default[data-v-423f0a90]:not(.rs-btn--tone-neutral):hover:not(:disabled) {
   color: var(--rs-btn-tone);
   border-color: var(--rs-btn-tone);
   background: color-mix(in srgb, var(--rs-btn-tone) 14%, var(--rs-btn-tone-container));
 }
-.rs-btn--default[data-v-cd44e899]:not(.rs-btn--tone-neutral):active:not(:disabled) {
+.rs-btn--default[data-v-423f0a90]:not(.rs-btn--tone-neutral):active:not(:disabled) {
   color: var(--rs-btn-tone-hover);
   border-color: var(--rs-btn-tone-hover);
   background: color-mix(in srgb, var(--rs-btn-tone) 20%, var(--rs-btn-tone-container));
 }
 
 /* primary + 非主色：实心语义色 */
-.rs-btn--primary[data-v-cd44e899]:not(.rs-btn--tone-primary) {
+.rs-btn--primary[data-v-423f0a90]:not(.rs-btn--tone-primary) {
   background: var(--rs-btn-tone);
   color: var(--rs-btn-tone-fg);
   border-color: transparent;
 }
-.rs-btn--primary[data-v-cd44e899]:not(.rs-btn--tone-primary):hover:not(:disabled) {
+.rs-btn--primary[data-v-423f0a90]:not(.rs-btn--tone-primary):hover:not(:disabled) {
   background: var(--rs-btn-tone-hover);
 }
 
 /* ghost + 语义色：描边跟色相 */
-.rs-btn--ghost[data-v-cd44e899]:not(.rs-btn--tone-neutral) {
+.rs-btn--ghost[data-v-423f0a90]:not(.rs-btn--tone-neutral) {
   border-color: color-mix(in srgb, var(--rs-btn-tone) 45%, var(--rs-border));
 }
-.rs-btn--ghost[data-v-cd44e899]:not(.rs-btn--tone-neutral):hover:not(:disabled) {
+.rs-btn--ghost[data-v-423f0a90]:not(.rs-btn--tone-neutral):hover:not(:disabled) {
   border-color: var(--rs-btn-tone);
+  background: color-mix(in srgb, var(--rs-btn-tone) 14%, var(--rs-surface));
+  color: var(--rs-btn-tone);
 }
-.rs-btn__spinner[data-v-cd44e899] {
+.rs-btn__spinner[data-v-423f0a90] {
   display: inline-flex;
   align-items: center;
   justify-content: center;
@@ -273,7 +278,7 @@
   flex-shrink: 0;
   pointer-events: none;
 }
-.rs-btn__spinner-ring[data-v-cd44e899] {
+.rs-btn__spinner-ring[data-v-423f0a90] {
   display: block;
   width: 100%;
   height: 100%;
@@ -281,27 +286,27 @@
   border-top-color: var(--rs-primary);
   border-radius: var(--rs-radius-full);
   transform-origin: center center;
-  animation: rs-spin-cd44e899 0.75s linear infinite;
+  animation: rs-spin-423f0a90 0.75s linear infinite;
 }
-.rs-btn--default .rs-btn__spinner-ring[data-v-cd44e899],
-.rs-btn--ghost .rs-btn__spinner-ring[data-v-cd44e899] {
+.rs-btn--default .rs-btn__spinner-ring[data-v-423f0a90],
+.rs-btn--ghost .rs-btn__spinner-ring[data-v-423f0a90] {
   border-color: color-mix(in srgb, var(--rs-btn-tone, var(--rs-primary)) 28%, transparent);
   border-top-color: var(--rs-btn-tone, var(--rs-primary));
 }
-.rs-btn--text .rs-btn__spinner-ring[data-v-cd44e899],
-.rs-btn--link .rs-btn__spinner-ring[data-v-cd44e899] {
+.rs-btn--text .rs-btn__spinner-ring[data-v-423f0a90],
+.rs-btn--link .rs-btn__spinner-ring[data-v-423f0a90] {
   border-color: color-mix(in srgb, var(--rs-btn-tone, var(--rs-primary)) 28%, transparent);
   border-top-color: var(--rs-btn-tone, var(--rs-primary));
 }
-.rs-btn--primary .rs-btn__spinner-ring[data-v-cd44e899] {
+.rs-btn--primary .rs-btn__spinner-ring[data-v-423f0a90] {
   border-color: color-mix(in srgb, currentcolor 35%, transparent);
   border-top-color: currentcolor;
 }
-.rs-btn--danger .rs-btn__spinner-ring[data-v-cd44e899] {
+.rs-btn--danger .rs-btn__spinner-ring[data-v-423f0a90] {
   border-color: color-mix(in srgb, var(--rs-danger) 28%, transparent);
   border-top-color: var(--rs-danger);
 }
-.rs-btn__icon[data-v-cd44e899] {
+.rs-btn__icon[data-v-423f0a90] {
   display: inline-flex;
   flex-shrink: 0;
   align-items: center;
@@ -310,7 +315,7 @@
   color: inherit;
 }
 /* 插槽内自定义图标+文案时也能水平对齐 */
-.rs-btn__label[data-v-cd44e899] {
+.rs-btn__label[data-v-423f0a90] {
   display: inline-flex;
   align-items: center;
   gap: inherit;
@@ -318,7 +323,7 @@
   line-height: 1;
   white-space: nowrap;
 }
-.rs-btn__label--reveal[data-v-cd44e899] {
+.rs-btn__label--reveal[data-v-423f0a90] {
   display: inline-block;
   max-width: 0;
   opacity: 0;
@@ -329,13 +334,14 @@
     max-width 0.2s ease,
     opacity 0.15s ease;
 }
-.rs-btn--reveal-label:hover:not(:disabled) .rs-btn__label--reveal[data-v-cd44e899],
-.rs-btn--reveal-label:focus-visible .rs-btn__label--reveal[data-v-cd44e899] {
+.rs-btn--reveal-label:hover:not(:disabled) .rs-btn__label--reveal[data-v-423f0a90],
+.rs-btn--reveal-label:focus-visible .rs-btn__label--reveal[data-v-423f0a90] {
   max-width: 12rem;
   opacity: 1;
 }
-.rs-btn__tooltip[data-v-cd44e899] {
+.rs-btn__tooltip[data-v-423f0a90] {
   position: fixed;
+  /* Portal 挂 body，必须高于 Dialog/Drawer（100/101），与 RsTooltip 同一档 */
   z-index: calc(var(--rs-z-modal) + 2);
   padding: 0.25rem 0.5rem;
   border-radius: var(--rs-radius-sm);
@@ -349,8 +355,18 @@
   box-shadow: var(--rs-shadow-sm);
   pointer-events: none;
 }
-@keyframes rs-spin-cd44e899 {
+@keyframes rs-spin-423f0a90 {
 to {
     transform: rotate(360deg);
 }
 }
+@media (prefers-reduced-motion: reduce) {
+.rs-btn[data-v-423f0a90],
+  .rs-btn__label--reveal[data-v-423f0a90] {
+    transition: none;
+}
+.rs-btn__spinner-ring[data-v-423f0a90] {
+    animation: none;
+    border-top-color: transparent;
+}
+}

package/dist/components/button/src/RsButton.d.ts

@@ -15,7 +15,10 @@ type __VLS_Props = {
     type?: 'button' | 'submit' | 'reset';
     disabled?: boolean;
     loading?: boolean;
-    /** 是否显示外边框；text 变体默认无边框 */
+    /**
+     * 是否显示外边框。未传时 text / link 无边，其余有边。
+     * 默认必须是 undefined：Vue 会把未传的 Boolean 收成 false。
+     */
     bordered?: boolean;
     /** 前缀图标（Lucide kebab-case 名称） */
     icon?: string;
@@ -23,8 +26,8 @@ type __VLS_Props = {
     /** 仅显示图标，文字通过 tooltip / slot 悬浮展示 */
     iconOnly?: boolean;
     /**
-     * 悬浮提示。打开时 Teleport 到 `document.body`（对齐 WAI-ARIA APG Tooltip / Reka Portal）。
-     * 仅图标按钮时作可视提示；无障碍名称仍走 `aria-label`，避免与 tip 重复朗读。
+     * 悬浮提示。Teleport 到 `document.body`，避免被 overflow 裁切。
+     * 仅图标时作可视提示；可访问名称走 `aria-label`，避免读两遍。
      */
     tooltip?: string;
     /** icon-only 时无障碍标签（与 tooltip 二选一，避免与外部 RsTooltip 重复） */
@@ -43,6 +46,7 @@ declare const __VLS_base: import("vue").DefineComponent<__VLS_Props, {}, {}, {},
     variant: RsButtonVariant;
     disabled: boolean;
     loading: boolean;
+    bordered: boolean;
     iconOnly: boolean;
     revealLabel: boolean;
 }, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;