niuma-ui 2.0.1 → 2.0.3

package/dist/components/dynamic-tags/src/RsDynamicTags.css

@@ -1,17 +1,17 @@
 
-.rs-dynamic-tags-field[data-v-6ce33b85] {
+.rs-dynamic-tags-field[data-v-a441b090] {
   display: flex;
   flex-direction: column;
   width: 100%;
   min-width: 0;
 }
-.rs-dynamic-tags-field__error[data-v-6ce33b85] {
+.rs-dynamic-tags-field__error[data-v-a441b090] {
   margin: 0.25rem 0 0;
   font-size: var(--rs-font-size-xs);
   line-height: var(--rs-line-height-tight);
   color: var(--rs-danger);
 }
-.rs-dynamic-tags[data-v-6ce33b85] {
+.rs-dynamic-tags[data-v-a441b090] {
   --rs-dynamic-tags-chip-height: 1.5rem;
   display: flex;
   flex-wrap: wrap;
@@ -37,43 +37,43 @@
     box-shadow var(--rs-transition-fast),
     background-color var(--rs-transition-fast);
 }
-.rs-dynamic-tags[data-v-6ce33b85]:hover:not(.rs-dynamic-tags--disabled) {
+.rs-dynamic-tags[data-v-a441b090]:hover:not(.rs-dynamic-tags--disabled) {
   border-color: var(
     --rs-dynamic-tags-border-hover,
     var(--rs-input-border-hover, var(--rs-border))
   );
 }
-.rs-dynamic-tags--ssm[data-v-6ce33b85] {
+.rs-dynamic-tags--ssm[data-v-a441b090] {
   --rs-dynamic-tags-chip-height: 1.125rem;
 }
-.rs-dynamic-tags--sm[data-v-6ce33b85] {
+.rs-dynamic-tags--sm[data-v-a441b090] {
   --rs-dynamic-tags-chip-height: 1.25rem;
 }
-.rs-dynamic-tags--md[data-v-6ce33b85] {
+.rs-dynamic-tags--md[data-v-a441b090] {
   --rs-dynamic-tags-chip-height: 1.5rem;
 }
-.rs-dynamic-tags--lg[data-v-6ce33b85] {
+.rs-dynamic-tags--lg[data-v-a441b090] {
   --rs-dynamic-tags-chip-height: 1.75rem;
 }
-.rs-dynamic-tags--editing[data-v-6ce33b85]:not(.rs-dynamic-tags--disabled),
-.rs-dynamic-tags[data-v-6ce33b85]:focus-within:not(.rs-dynamic-tags--disabled) {
+.rs-dynamic-tags--editing[data-v-a441b090]:not(.rs-dynamic-tags--disabled),
+.rs-dynamic-tags[data-v-a441b090]:focus-within:not(.rs-dynamic-tags--disabled) {
   border-color: var(--rs-focus-border, var(--rs-primary));
   box-shadow:
     var(--rs-dynamic-tags-shadow, var(--rs-input-shadow, none)),
     0 0 0 var(--rs-focus-ring-width, 2px) var(--rs-focus-ring);
 }
-.rs-dynamic-tags--feedback[data-v-6ce33b85],
-.rs-dynamic-tags--invalid[data-v-6ce33b85] {
+.rs-dynamic-tags--feedback[data-v-a441b090],
+.rs-dynamic-tags--invalid[data-v-a441b090] {
   border-color: var(--rs-danger);
 }
-.rs-dynamic-tags--feedback[data-v-6ce33b85] {
-  animation: rs-dynamic-tags-shake-6ce33b85 0.45s ease;
+.rs-dynamic-tags--feedback[data-v-a441b090] {
+  animation: rs-dynamic-tags-shake-a441b090 0.45s ease;
 }
-.rs-dynamic-tags--disabled[data-v-6ce33b85] {
+.rs-dynamic-tags--disabled[data-v-a441b090] {
   opacity: 0.55;
   cursor: not-allowed;
 }
-.rs-dynamic-tags__input[data-v-6ce33b85] {
+.rs-dynamic-tags__input[data-v-a441b090] {
   flex: 1 1 6rem;
   min-width: 4rem;
   width: 0;
@@ -91,15 +91,15 @@
   box-shadow: none;
   appearance: none;
 }
-.rs-dynamic-tags--ssm .rs-dynamic-tags__input[data-v-6ce33b85],
-.rs-dynamic-tags--sm .rs-dynamic-tags__input[data-v-6ce33b85] {
+.rs-dynamic-tags--ssm .rs-dynamic-tags__input[data-v-a441b090],
+.rs-dynamic-tags--sm .rs-dynamic-tags__input[data-v-a441b090] {
   font-size: var(--rs-font-size-xs);
 }
-.rs-dynamic-tags__input[data-v-6ce33b85]::placeholder {
+.rs-dynamic-tags__input[data-v-a441b090]::placeholder {
   color: var(--rs-placeholder);
   line-height: var(--rs-dynamic-tags-chip-height);
 }
-.rs-dynamic-tags__trigger[data-v-6ce33b85] {
+.rs-dynamic-tags__trigger[data-v-a441b090] {
   display: inline-flex;
   flex-shrink: 0;
   align-items: center;
@@ -120,15 +120,15 @@
     border-color var(--rs-transition-fast),
     background-color var(--rs-transition-fast);
 }
-.rs-dynamic-tags__trigger[data-v-6ce33b85]:hover {
+.rs-dynamic-tags__trigger[data-v-a441b090]:hover {
   color: var(--rs-primary);
   border-color: var(--rs-primary);
   background: color-mix(in srgb, var(--rs-primary) 8%, transparent);
 }
-.rs-dynamic-tags__trigger[data-v-6ce33b85]:focus-visible {
+.rs-dynamic-tags__trigger[data-v-a441b090]:focus-visible {
   box-shadow: 0 0 0 var(--rs-focus-ring-width, 2px) var(--rs-focus-ring);
 }
-@keyframes rs-dynamic-tags-shake-6ce33b85 {
+@keyframes rs-dynamic-tags-shake-a441b090 {
 0%,
   100% {
     transform: translateX(0);

package/dist/components/dynamic-tags/src/RsDynamicTags.d.ts

@@ -1,6 +1,6 @@
 import type { RsComponentSize, RsRadius } from '../../../theme/types';
 import { type RsFormRuleTrigger } from '../../form/src/form-rules';
-import type { RsTagVariant } from '../../tag/src/RsTag.js';
+import type { RsTagVariant } from '../../tag';
 export type RsDynamicTagsInputMode = 'trigger' | 'always';
 export type RsDynamicTagsRejectReason = 'duplicate' | 'max';
 type __VLS_Props = {

package/dist/components/dynamic-tags/src/RsDynamicTags.js

@@ -3,6 +3,6 @@ import _plugin_vue_export_helper_default from "../../../_virtual/_plugin-vue_exp
 import RsDynamicTags_vue_vue_type_script_setup_true_lang_default from "./RsDynamicTags.impl.js";
 
 //#region src/components/dynamic-tags/src/RsDynamicTags.vue
-var RsDynamicTags_default = /*#__PURE__*/ _plugin_vue_export_helper_default(RsDynamicTags_vue_vue_type_script_setup_true_lang_default, [["__scopeId", "data-v-6ce33b85"]]);
+var RsDynamicTags_default = /*#__PURE__*/ _plugin_vue_export_helper_default(RsDynamicTags_vue_vue_type_script_setup_true_lang_default, [["__scopeId", "data-v-a441b090"]]);
 //#endregion
 export { RsDynamicTags_default as default };

package/dist/components/form/src/form-rules.js

@@ -1,5 +1,5 @@
 import { interpolateRsMessage } from "../../../locale/interpolate.js";
-import "../../../locale/types.js";
+import { resolveHostLocale } from "../../../locale/resolve-host.js";
 import { createTranslator } from "../../../composables/useRsI18n.js";
 import { getInputRuleMessage, validateInputRule } from "../../input/src/input-rules.js";
 //#region src/components/form/src/form-rules.ts
@@ -106,7 +106,7 @@ async function evaluateFormRule(value, rule, tr, options) {
 * 按顺序执行字段规则，首条失败即返回。
 */
 async function runFormFieldRules(value, rules, options) {
-	const tr = options?.t ?? createTranslator("zh-CN");
+	const tr = options?.t ?? createTranslator(resolveHostLocale());
 	const trigger = options?.trigger;
 	for (const rule of rules) {
 		if (!matchFormRuleTrigger(rule, trigger)) continue;

package/dist/components/icon/src/RsIcon.css

@@ -1,14 +1,19 @@
 
-.rs-icon[data-v-ba79ea00] {
+.rs-icon[data-v-260b0681] {
   display: inline-block;
   flex-shrink: 0;
   vertical-align: middle;
 }
-.rs-icon--spin[data-v-ba79ea00] {
-  animation: rs-icon-spin-ba79ea00 0.8s linear infinite;
+.rs-icon--spin[data-v-260b0681] {
+  animation: rs-icon-spin-260b0681 0.8s linear infinite;
 }
-@keyframes rs-icon-spin-ba79ea00 {
+@keyframes rs-icon-spin-260b0681 {
 to {
     transform: rotate(360deg);
 }
 }
+@media (prefers-reduced-motion: reduce) {
+.rs-icon--spin[data-v-260b0681] {
+    animation: none;
+}
+}

package/dist/components/icon/src/RsIcon.d.ts

@@ -1,8 +1,9 @@
 import type { RsComponentSize } from '../../../theme/types';
+import { type RsIconFlip } from './icon-utils';
 type __VLS_Props = {
-    /** Lucide 图标名（kebab-case，如 `house`、`trash-2`） */
+    /** Lucide kebab-case 名称（如 `house`、`trash-2`），或内置品牌 mark */
     name: string;
-    /** 数字 px、CSS 长度或 sm / md / lg 预设 */
+    /** 数字 px、CSS 长度，或与控件同一套 ssm / sm / md / lg */
     size?: number | string | RsComponentSize;
     /** 无障碍名称；有值时作为语义图标，无值时为装饰性图标 */
     label?: string;
@@ -10,7 +11,7 @@ type __VLS_Props = {
     /** 覆盖颜色，默认继承 currentColor */
     color?: string;
     /** 水平 / 垂直 / 双向翻转 */
-    flip?: 'horizontal' | 'vertical' | 'both';
+    flip?: RsIconFlip;
     /** 旋转角度（度），与 spin 不宜同时使用 */
     rotate?: number;
     /** 旋转动画，适合 loader 等加载态 */

package/dist/components/icon/src/RsIcon.impl.js

@@ -1,8 +1,10 @@
 import { resolveLucideIcon } from "../../../icons/lucide.js";
 import { isRsBrandIconName } from "../../../icons/brand.js";
+import { buildRsIconStyle, resolveRsIconPixelSize } from "./icon-utils.js";
 import { computed, createBlock, createCommentVNode, defineComponent, normalizeClass, normalizeStyle, openBlock, resolveDynamicComponent } from "vue";
 //#region src/components/icon/src/RsIcon.vue?vue&type=script&setup=true&lang.ts
 var RsIcon_vue_vue_type_script_setup_true_lang_default = /*@__PURE__*/ defineComponent({
+	name: "RsIcon",
 	__name: "RsIcon",
 	props: {
 		name: {},
@@ -15,41 +17,16 @@ var RsIcon_vue_vue_type_script_setup_true_lang_default = /*@__PURE__*/ defineCom
 		spin: { type: Boolean }
 	},
 	setup(__props) {
-		const SIZE_PRESET = {
-			ssm: 12,
-			sm: 14,
-			md: 16,
-			lg: 20
-		};
 		const props = __props;
 		const iconComponent = computed(() => resolveLucideIcon(props.name));
-		const usesCustomSize = computed(() => {
-			const { size } = props;
-			return typeof size === "string" && !(size in SIZE_PRESET) && !/^\d+$/.test(size);
-		});
-		const lucideSize = computed(() => {
-			if (usesCustomSize.value) return void 0;
-			const { size } = props;
-			if (typeof size === "number") return size;
-			if (size in SIZE_PRESET) return SIZE_PRESET[size];
-			return Number.parseInt(String(size), 10) || SIZE_PRESET.md;
-		});
+		const lucideSize = computed(() => resolveRsIconPixelSize(props.size));
 		const isBrand = computed(() => isRsBrandIconName(props.name));
-		const iconStyle = computed(() => {
-			const style = {};
-			if (props.color) style.color = props.color;
-			const transforms = [];
-			if (props.flip === "horizontal") transforms.push("scaleX(-1)");
-			else if (props.flip === "vertical") transforms.push("scaleY(-1)");
-			else if (props.flip === "both") transforms.push("scale(-1)");
-			if (props.rotate) transforms.push(`rotate(${props.rotate}deg)`);
-			if (transforms.length) style.transform = transforms.join(" ");
-			if (usesCustomSize.value && typeof props.size === "string") {
-				style.width = props.size;
-				style.height = props.size;
-			}
-			return Object.keys(style).length ? style : void 0;
-		});
+		const iconStyle = computed(() => buildRsIconStyle({
+			color: props.color,
+			flip: props.flip,
+			rotate: props.rotate,
+			size: props.size
+		}));
 		const isSemantic = computed(() => Boolean(props.label));
 		return (_ctx, _cache) => {
 			return iconComponent.value ? (openBlock(), createBlock(resolveDynamicComponent(iconComponent.value), {

package/dist/components/icon/src/RsIcon.js

@@ -3,6 +3,6 @@ import _plugin_vue_export_helper_default from "../../../_virtual/_plugin-vue_exp
 import RsIcon_vue_vue_type_script_setup_true_lang_default from "./RsIcon.impl.js";
 
 //#region src/components/icon/src/RsIcon.vue
-var RsIcon_default = /*#__PURE__*/ _plugin_vue_export_helper_default(RsIcon_vue_vue_type_script_setup_true_lang_default, [["__scopeId", "data-v-ba79ea00"]]);
+var RsIcon_default = /*#__PURE__*/ _plugin_vue_export_helper_default(RsIcon_vue_vue_type_script_setup_true_lang_default, [["__scopeId", "data-v-260b0681"]]);
 //#endregion
 export { RsIcon_default as default };

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

@@ -0,0 +1,17 @@
+import { type RsComponentSize } from '../../../theme/types';
+export type RsIconFlip = 'horizontal' | 'vertical' | 'both';
+/** 数字 px、CSS 长度，或 ssm / sm / md / lg 档位字符串。 */
+export type RsIconSize = number | string;
+/** 与控件档位同一套边长（ssm 12 / sm 14 / md 16 / lg 18）。 */
+export declare function isRsIconSizePreset(size: unknown): size is RsComponentSize;
+/** CSS 长度（如 `1.5rem`）不走 Lucide 的 size 数字。 */
+export declare function rsIconUsesCssSize(size: RsIconSize | undefined): boolean;
+/** 解析成 Lucide / 自定义 mark 的像素边长；CSS 长度返回 undefined。 */
+export declare function resolveRsIconPixelSize(size: RsIconSize | undefined): number | undefined;
+export declare function buildRsIconTransform(flip?: RsIconFlip, rotate?: number): string | undefined;
+export declare function buildRsIconStyle(options: {
+    color?: string;
+    flip?: RsIconFlip;
+    rotate?: number;
+    size?: RsIconSize;
+}): Record<string, string> | undefined;

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

@@ -0,0 +1,39 @@
+import { RS_COMPONENT_SIZE_ICON_PX } from "../../../theme/types.js";
+//#region src/components/icon/src/icon-utils.ts
+/** 与控件档位同一套边长（ssm 12 / sm 14 / md 16 / lg 18）。 */
+function isRsIconSizePreset(size) {
+	return typeof size === "string" && size in RS_COMPONENT_SIZE_ICON_PX;
+}
+/** CSS 长度（如 `1.5rem`）不走 Lucide 的 size 数字。 */
+function rsIconUsesCssSize(size) {
+	return typeof size === "string" && !isRsIconSizePreset(size) && !/^\d+$/.test(size);
+}
+/** 解析成 Lucide / 自定义 mark 的像素边长；CSS 长度返回 undefined。 */
+function resolveRsIconPixelSize(size) {
+	if (size == null) return RS_COMPONENT_SIZE_ICON_PX.md;
+	if (rsIconUsesCssSize(size)) return void 0;
+	if (typeof size === "number" && Number.isFinite(size)) return size;
+	if (isRsIconSizePreset(size)) return RS_COMPONENT_SIZE_ICON_PX[size];
+	return Number.parseInt(String(size), 10) || RS_COMPONENT_SIZE_ICON_PX.md;
+}
+function buildRsIconTransform(flip, rotate) {
+	const transforms = [];
+	if (flip === "horizontal") transforms.push("scaleX(-1)");
+	else if (flip === "vertical") transforms.push("scaleY(-1)");
+	else if (flip === "both") transforms.push("scale(-1)");
+	if (rotate) transforms.push(`rotate(${rotate}deg)`);
+	return transforms.length ? transforms.join(" ") : void 0;
+}
+function buildRsIconStyle(options) {
+	const style = {};
+	if (options.color) style.color = options.color;
+	const transform = buildRsIconTransform(options.flip, options.rotate);
+	if (transform) style.transform = transform;
+	if (rsIconUsesCssSize(options.size) && typeof options.size === "string") {
+		style.width = options.size;
+		style.height = options.size;
+	}
+	return Object.keys(style).length ? style : void 0;
+}
+//#endregion
+export { buildRsIconStyle, buildRsIconTransform, isRsIconSizePreset, resolveRsIconPixelSize, rsIconUsesCssSize };

package/dist/components/input/src/input-rules.js

@@ -1,4 +1,4 @@
-import "../../../locale/types.js";
+import { resolveHostLocale } from "../../../locale/resolve-host.js";
 import { createTranslator } from "../../../composables/useRsI18n.js";
 //#region src/components/input/src/input-rules.ts
 var inputRuleMessageKeys = {
@@ -29,10 +29,10 @@ function validateInputRule(value, rule) {
 }
 function getInputRuleMessage(rule, t) {
 	const key = inputRuleMessageKeys[rule];
-	return (t ?? createTranslator("zh-CN"))(key);
+	return (t ?? createTranslator(resolveHostLocale()))(key);
 }
 function runInputValidation(value, options, t) {
-	const tr = t ?? createTranslator("zh-CN");
+	const tr = t ?? createTranslator(resolveHostLocale());
 	if (options.required && value.trim() === "") return {
 		valid: false,
 		message: tr("input.required")

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

@@ -1 +1,2 @@
 export { default as RsLink } from './src/RsLink.js';
+export type { RsLinkTone, RsLinkUnderline } from './src/link-utils';

package/dist/components/link/src/RsLink.css

@@ -1,45 +1,86 @@
 
-.rs-link {
-  color: var(--rs-primary);
-  font-size: var(--rs-font-size-sm);
+.rs-link[data-v-78d8e4b3] {
+  display: inline;
+  color: var(--rs-link-tone, var(--rs-primary));
+  font-size: inherit;
   font-weight: var(--rs-font-weight-medium);
   line-height: var(--rs-line-height-tight);
   text-underline-offset: 0.18em;
   text-decoration-thickness: 1px;
+  cursor: pointer;
   transition:
     color var(--rs-transition-fast),
     text-decoration-color var(--rs-transition-fast);
 }
-.rs-link:visited {
-  color: var(--rs-primary);
+.rs-link--has-icon[data-v-78d8e4b3] {
+  display: inline-flex;
+  align-items: center;
+  gap: 0.3em;
 }
-.rs-link:hover {
-  color: var(--rs-primary-hover);
+.rs-link[data-v-78d8e4b3]:visited {
+  color: var(--rs-link-tone, var(--rs-primary));
 }
-.rs-link:active {
-  color: var(--rs-primary-hover);
+.rs-link[data-v-78d8e4b3]:hover,
+.rs-link[data-v-78d8e4b3]:active {
+  color: var(--rs-link-tone-hover, var(--rs-primary-hover));
 }
-.rs-link:focus-visible {
+.rs-link[data-v-78d8e4b3]:focus-visible {
   outline: none;
   border-radius: var(--rs-radius-xs);
   box-shadow: 0 0 0 var(--rs-focus-ring-width, 2px) var(--rs-focus-ring);
 }
-.rs-link--underline-always {
+.rs-link--underline-always[data-v-78d8e4b3] {
   text-decoration: underline;
 }
-.rs-link--underline-hover {
+.rs-link--underline-hover[data-v-78d8e4b3] {
   text-decoration: none;
 }
-.rs-link--underline-hover:hover,
-.rs-link--underline-hover:focus-visible {
+.rs-link--underline-hover[data-v-78d8e4b3]:hover,
+.rs-link--underline-hover[data-v-78d8e4b3]:focus-visible {
   text-decoration: underline;
 }
-.rs-link--underline-none {
+.rs-link--underline-none[data-v-78d8e4b3],
+.rs-link--underline-none[data-v-78d8e4b3]:hover,
+.rs-link--underline-none[data-v-78d8e4b3]:focus-visible {
   text-decoration: none;
 }
-.rs-link--disabled {
+.rs-link--tone-primary[data-v-78d8e4b3] {
+  --rs-link-tone: var(--rs-primary);
+  --rs-link-tone-hover: var(--rs-primary-hover);
+}
+.rs-link--tone-neutral[data-v-78d8e4b3] {
+  --rs-link-tone: var(--rs-text);
+  --rs-link-tone-hover: var(--rs-primary);
+}
+.rs-link--tone-success[data-v-78d8e4b3] {
+  --rs-link-tone: var(--rs-success, #18a058);
+  --rs-link-tone-hover: var(--rs-success, #18a058);
+}
+.rs-link--tone-warning[data-v-78d8e4b3] {
+  --rs-link-tone: var(--rs-warning, #f0a020);
+  --rs-link-tone-hover: var(--rs-warning, #f0a020);
+}
+.rs-link--tone-danger[data-v-78d8e4b3] {
+  --rs-link-tone: var(--rs-danger);
+  --rs-link-tone-hover: var(--rs-danger);
+}
+.rs-link--tone-info[data-v-78d8e4b3] {
+  --rs-link-tone: var(--rs-info, #2080f0);
+  --rs-link-tone-hover: var(--rs-info, #2080f0);
+}
+.rs-link__icon[data-v-78d8e4b3] {
+  color: inherit;
+}
+.rs-link--disabled[data-v-78d8e4b3],
+.rs-link--disabled[data-v-78d8e4b3]:visited,
+.rs-link--disabled[data-v-78d8e4b3]:hover,
+.rs-link--disabled[data-v-78d8e4b3]:active {
   color: var(--rs-muted);
   cursor: not-allowed;
   text-decoration: none;
-  pointer-events: auto;
+}
+@media (prefers-reduced-motion: reduce) {
+.rs-link[data-v-78d8e4b3] {
+    transition: none;
+}
 }

package/dist/components/link/src/RsLink.d.ts

@@ -1,19 +1,27 @@
+import { type RsLinkTone, type RsLinkUnderline } from './link-utils';
+export type { RsLinkTone, RsLinkUnderline };
 type __VLS_Props = {
     href: string;
     target?: '_self' | '_blank' | '_parent' | '_top' | (string & {});
     rel?: string;
     disabled?: boolean;
-    underline?: 'always' | 'hover' | 'none';
+    underline?: RsLinkUnderline;
+    /** 语义色。默认 primary。不要用业务 CSS 改颜色。 */
+    tone?: RsLinkTone;
+    /** 前缀图标，Lucide kebab-case。装饰性，名称走默认插槽。 */
+    icon?: string;
 };
-declare var __VLS_10: {};
+declare var __VLS_6: {};
 type __VLS_Slots = {} & {
-    default?: (props: typeof __VLS_10) => any;
+    default?: (props: typeof __VLS_6) => any;
 };
 declare const __VLS_base: import("vue").DefineComponent<__VLS_Props, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<__VLS_Props> & Readonly<{}>, {
+    tone: RsLinkTone;
     disabled: boolean;
+    icon: string;
     target: "_self" | "_blank" | "_parent" | "_top" | (string & {});
     rel: string;
-    underline: "always" | "hover" | "none";
+    underline: RsLinkUnderline;
 }, {}, {}, {}, 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/link/src/RsLink.impl.js

@@ -1,7 +1,16 @@
-import { Primitive } from "../../_shared/src/reka.js";
-import { computed, createBlock, defineComponent, normalizeClass, openBlock, renderSlot, unref, withCtx } from "vue";
+import RsIcon_default from "../../icon/src/RsIcon.js";
+import { mergeRsLinkRel, resolveRsLinkTone } from "./link-utils.js";
+import { computed, createBlock, createCommentVNode, createElementBlock, defineComponent, normalizeClass, openBlock, renderSlot } from "vue";
 //#region src/components/link/src/RsLink.vue?vue&type=script&setup=true&lang.ts
+var _hoisted_1 = [
+	"href",
+	"target",
+	"rel",
+	"aria-disabled",
+	"tabindex"
+];
 var RsLink_vue_vue_type_script_setup_true_lang_default = /*@__PURE__*/ defineComponent({
+	name: "RsLink",
 	__name: "RsLink",
 	props: {
 		href: {},
@@ -11,47 +20,39 @@ var RsLink_vue_vue_type_script_setup_true_lang_default = /*@__PURE__*/ defineCom
 			type: Boolean,
 			default: false
 		},
-		underline: { default: "hover" }
+		underline: { default: "hover" },
+		tone: { default: void 0 },
+		icon: { default: void 0 }
 	},
 	setup(__props) {
 		const props = __props;
-		const mergedRel = computed(() => {
-			const relParts = (props.rel ?? "").split(/\s+/).map((item) => item.trim()).filter(Boolean);
-			if (props.target === "_blank") {
-				if (!relParts.includes("noopener")) relParts.push("noopener");
-				if (!relParts.includes("noreferrer")) relParts.push("noreferrer");
-			}
-			return relParts.length > 0 ? relParts.join(" ") : void 0;
-		});
+		const resolvedTone = computed(() => resolveRsLinkTone(props.tone));
+		const mergedRel = computed(() => mergeRsLinkRel(props.rel, props.target));
 		function onClick(event) {
 			if (!props.disabled) return;
 			event.preventDefault();
 			event.stopPropagation();
 		}
 		return (_ctx, _cache) => {
-			return openBlock(), createBlock(unref(Primitive), {
-				as: "a",
+			return openBlock(), createElementBlock("a", {
 				href: __props.disabled ? void 0 : __props.href,
 				target: __props.disabled ? void 0 : __props.target,
 				rel: __props.disabled ? void 0 : mergedRel.value,
 				class: normalizeClass(["rs-link", {
 					"rs-link--disabled": __props.disabled,
-					[`rs-link--underline-${__props.underline}`]: true
+					"rs-link--has-icon": Boolean(__props.icon),
+					[`rs-link--underline-${__props.underline}`]: true,
+					[`rs-link--tone-${resolvedTone.value}`]: true
 				}]),
 				"aria-disabled": __props.disabled ? "true" : void 0,
 				tabindex: __props.disabled ? -1 : void 0,
 				onClick
-			}, {
-				default: withCtx(() => [renderSlot(_ctx.$slots, "default")]),
-				_: 3
-			}, 8, [
-				"href",
-				"target",
-				"rel",
-				"class",
-				"aria-disabled",
-				"tabindex"
-			]);
+			}, [__props.icon ? (openBlock(), createBlock(RsIcon_default, {
+				key: 0,
+				class: "rs-link__icon",
+				name: __props.icon,
+				size: "1em"
+			}, null, 8, ["name"])) : createCommentVNode("", true), renderSlot(_ctx.$slots, "default", {}, void 0, true)], 10, _hoisted_1);
 		};
 	}
 });

package/dist/components/link/src/RsLink.js

@@ -1,7 +1,8 @@
 import './RsLink.css'
+import _plugin_vue_export_helper_default from "../../../_virtual/_plugin-vue_export-helper.js";
 import RsLink_vue_vue_type_script_setup_true_lang_default from "./RsLink.impl.js";
 
 //#region src/components/link/src/RsLink.vue
-var RsLink_default = RsLink_vue_vue_type_script_setup_true_lang_default;
+var RsLink_default = /*#__PURE__*/ _plugin_vue_export_helper_default(RsLink_vue_vue_type_script_setup_true_lang_default, [["__scopeId", "data-v-78d8e4b3"]]);
 //#endregion
 export { RsLink_default as default };

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

@@ -0,0 +1,9 @@
+/**
+ * RsLink 语义色（色相）。链接没有形态轴，默认 primary。
+ * 操作按钮请用 RsButton variant="link"，不要用本组件冒充按钮。
+ */
+export type RsLinkTone = 'primary' | 'neutral' | 'success' | 'warning' | 'danger' | 'info';
+export type RsLinkUnderline = 'always' | 'hover' | 'none';
+export declare function resolveRsLinkTone(tone?: RsLinkTone): RsLinkTone;
+/** `_blank` 时补上 noopener / noreferrer，并保留调用方已有 rel。 */
+export declare function mergeRsLinkRel(rel: string | undefined, target: string | undefined): string | undefined;

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

@@ -0,0 +1,15 @@
+//#region src/components/link/src/link-utils.ts
+function resolveRsLinkTone(tone) {
+	return tone ?? "primary";
+}
+/** `_blank` 时补上 noopener / noreferrer，并保留调用方已有 rel。 */
+function mergeRsLinkRel(rel, target) {
+	const parts = (rel ?? "").split(/\s+/).map((item) => item.trim()).filter(Boolean);
+	if (target === "_blank") {
+		if (!parts.includes("noopener")) parts.push("noopener");
+		if (!parts.includes("noreferrer")) parts.push("noreferrer");
+	}
+	return parts.length > 0 ? parts.join(" ") : void 0;
+}
+//#endregion
+export { mergeRsLinkRel, resolveRsLinkTone };

package/dist/components/loading/src/RsLoading.d.ts

@@ -12,12 +12,12 @@ type __VLS_Props = {
 };
 declare const __VLS_export: import("vue").DefineComponent<__VLS_Props, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<__VLS_Props> & Readonly<{}>, {
     variant: RsLoadingVariant;
+    overlay: boolean;
     size: RsLoadingSize;
     tone: RsLoadingTone;
     loading: boolean;
-    block: boolean;
     showLabel: boolean;
-    overlay: boolean;
+    block: boolean;
     skeletonLines: number;
 }, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
 declare const _default: typeof __VLS_export;

package/dist/components/menu/src/RsMenuItems.impl.js

@@ -1,6 +1,6 @@
+import { CollapsibleContent, CollapsibleRoot, CollapsibleTrigger, PopoverContent, PopoverPortal, PopoverRoot, PopoverTrigger } from "../../_shared/src/reka.js";
 import { useRsI18n } from "../../../composables/useRsI18n.js";
 import RsIcon_default from "../../icon/src/RsIcon.js";
-import { CollapsibleContent, CollapsibleRoot, CollapsibleTrigger, PopoverContent, PopoverPortal, PopoverRoot, PopoverTrigger } from "../../_shared/src/reka.js";
 import { menuItemContainsKey } from "./menu-utils.js";
 import RsMenuItems_default from "./RsMenuItems.js";
 import { Fragment, computed, createBlock, createCommentVNode, createElementBlock, createElementVNode, createVNode, defineComponent, normalizeClass, normalizeStyle, onBeforeUnmount, openBlock, ref, renderList, toDisplayString, unref, withCtx } from "vue";

package/dist/components/radio/src/RsRadio.impl.js

@@ -1,5 +1,5 @@
-import { useResolvedRsComponentSize } from "../../_shared/src/resolve-size.js";
 import { RadioGroupRoot } from "../../_shared/src/reka.js";
+import { useResolvedRsComponentSize } from "../../_shared/src/resolve-size.js";
 import { RS_RADIO_GROUP_KEY } from "./radio-utils.js";
 import { computed, createBlock, defineComponent, mergeModels, normalizeClass, openBlock, provide, renderSlot, unref, useModel, withCtx } from "vue";
 //#region src/components/radio/src/RsRadio.vue?vue&type=script&setup=true&lang.ts

package/dist/components/radio/src/RsRadioItem.impl.js

@@ -1,5 +1,5 @@
-import { useResolvedRsComponentSize } from "../../_shared/src/resolve-size.js";
 import { RadioGroupIndicator, RadioGroupItem } from "../../_shared/src/reka.js";
+import { useResolvedRsComponentSize } from "../../_shared/src/resolve-size.js";
 import { RS_RADIO_GROUP_KEY } from "./radio-utils.js";
 import { computed, createCommentVNode, createElementBlock, createVNode, defineComponent, inject, normalizeClass, openBlock, renderSlot, unref, useId, withCtx } from "vue";
 //#region src/components/radio/src/RsRadioItem.vue?vue&type=script&setup=true&lang.ts