niuma-ui 2.0.2 → 2.0.3

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/tag/index.d.ts

@@ -1,2 +1,2 @@
 export { default as RsTag } from './src/RsTag.js';
-export type { RsTagVariant } from './src/RsTag.js';
+export type { RsTagVariant } from './src/tag-utils';

package/dist/components/tag/src/RsTag.css

@@ -1,5 +1,9 @@
 
-.rs-tag[data-v-0140d810] {
+.rs-tag[data-v-d8327085] {
+  --rs-tag-pad-y-sm: 0.0625rem;
+  --rs-tag-pad-y-md: 0.125rem;
+  --rs-tag-disabled-opacity: 0.55;
+  --rs-tag-close-opacity: 0.75;
   display: inline-flex;
   align-items: center;
   gap: var(--rs-space-xs);
@@ -10,85 +14,85 @@
   box-sizing: border-box;
   vertical-align: middle;
 }
-.rs-tag--ssm[data-v-0140d810] {
-  padding: 0 var(--rs-space-xs);
+.rs-tag--ssm[data-v-d8327085] {
+  padding-block: 0;
+  padding-inline: var(--rs-space-xs);
   font-size: var(--rs-font-size-xs);
 }
-.rs-tag--sm[data-v-0140d810] {
-  padding: 0.0625rem var(--rs-space-xs);
+.rs-tag--sm[data-v-d8327085] {
+  padding-block: var(--rs-tag-pad-y-sm);
+  padding-inline: var(--rs-space-xs);
   font-size: var(--rs-font-size-xs);
 }
-.rs-tag--md[data-v-0140d810] {
-  padding: 0.125rem var(--rs-space-sm);
+.rs-tag--md[data-v-d8327085] {
+  padding-block: var(--rs-tag-pad-y-md);
+  padding-inline: var(--rs-space-sm);
   font-size: var(--rs-font-size-xs);
 }
-.rs-tag--lg[data-v-0140d810] {
-  padding: var(--rs-space-xs) var(--rs-space-sm);
+.rs-tag--lg[data-v-d8327085] {
+  padding-block: var(--rs-space-xs);
+  padding-inline: var(--rs-space-sm);
   font-size: var(--rs-font-size-sm);
 }
-.rs-tag--round[data-v-0140d810] {
+.rs-tag--round[data-v-d8327085] {
   border-radius: var(--rs-radius-full);
 }
-.rs-tag--disabled[data-v-0140d810] {
-  opacity: 0.55;
+.rs-tag--disabled[data-v-d8327085] {
+  opacity: var(--rs-tag-disabled-opacity);
   cursor: not-allowed;
 }
-.rs-tag__content[data-v-0140d810] {
+.rs-tag__content[data-v-d8327085] {
   overflow: hidden;
   text-overflow: ellipsis;
   white-space: nowrap;
 }
-.rs-tag__close[data-v-0140d810] {
-  display: inline-flex;
-  align-items: center;
-  justify-content: center;
-  margin: 0;
+.rs-tag__close[data-v-d8327085] {
+  min-width: 0;
+  min-height: 0;
+  width: 1em;
+  height: 1em;
   padding: 0;
-  border: 0;
-  border-radius: var(--rs-radius-full);
-  background: transparent;
   color: inherit;
-  cursor: pointer;
-  opacity: 0.75;
-  outline: none;
+  opacity: var(--rs-tag-close-opacity);
 }
-.rs-tag__close[data-v-0140d810]:hover:not(:disabled) {
+.rs-tag__close[data-v-d8327085]:hover:not(:disabled) {
   opacity: 1;
+  color: inherit;
   background: color-mix(in srgb, currentColor 12%, transparent);
 }
-.rs-tag__close[data-v-0140d810]:focus-visible {
-  box-shadow: 0 0 0 var(--rs-focus-ring-width, 2px) var(--rs-focus-ring);
-}
-.rs-tag__close[data-v-0140d810]:disabled {
-  cursor: not-allowed;
-}
-.rs-tag--default[data-v-0140d810] {
+.rs-tag--default[data-v-d8327085] {
   background: var(--rs-surface-hover);
-  color: var(--rs-text);
+  color: var(--rs-text-primary);
   border: 1px solid var(--rs-border);
 }
-.rs-tag--primary[data-v-0140d810] {
+.rs-tag--primary[data-v-d8327085] {
   background: var(--rs-primary-container);
   color: var(--rs-on-primary-container);
   border: 1px solid color-mix(in srgb, var(--rs-primary) var(--rs-tag-border-alpha, 40%), transparent);
 }
-.rs-tag--success[data-v-0140d810] {
+.rs-tag--success[data-v-d8327085] {
   background: var(--rs-success-container);
   color: var(--rs-on-success-container);
   border: 1px solid color-mix(in srgb, var(--rs-success) var(--rs-tag-border-alpha, 40%), transparent);
 }
-.rs-tag--warning[data-v-0140d810] {
+.rs-tag--warning[data-v-d8327085] {
   background: var(--rs-warning-container);
   color: var(--rs-on-warning-container);
   border: 1px solid color-mix(in srgb, var(--rs-warning) var(--rs-tag-border-alpha, 40%), transparent);
 }
-.rs-tag--danger[data-v-0140d810] {
+.rs-tag--danger[data-v-d8327085] {
   background: var(--rs-danger-container);
   color: var(--rs-on-danger-container);
   border: 1px solid color-mix(in srgb, var(--rs-danger) var(--rs-tag-border-alpha, 40%), transparent);
 }
-.rs-tag--info[data-v-0140d810] {
+.rs-tag--info[data-v-d8327085] {
   background: var(--rs-info-container);
   color: var(--rs-on-info-container);
   border: 1px solid color-mix(in srgb, var(--rs-info) var(--rs-tag-border-alpha, 40%), transparent);
 }
+@media (forced-colors: active) {
+.rs-tag[data-v-d8327085] {
+    border: 1px solid CanvasText;
+    forced-color-adjust: none;
+}
+}

package/dist/components/tag/src/RsTag.d.ts

@@ -1,5 +1,6 @@
-import type { RsComponentSize, RsRadius } from '../../../theme/types';
-export type RsTagVariant = 'default' | 'primary' | 'success' | 'warning' | 'danger' | 'info';
+import { type RsComponentSize, type RsRadius } from '../../../theme/types';
+import type { RsTagVariant } from './tag-utils';
+export type { RsTagVariant };
 type __VLS_Props = {
     variant?: RsTagVariant;
     closable?: boolean;

package/dist/components/tag/src/RsTag.impl.js

@@ -1,12 +1,13 @@
+import { RS_COMPONENT_SIZE_ICON_PX } from "../../../theme/types.js";
 import { useRsI18n } from "../../../composables/useRsI18n.js";
-import RsIcon_default from "../../icon/src/RsIcon.js";
 import { useResolvedRsComponentSize } from "../../_shared/src/resolve-size.js";
 import { rsRadiusCss, useResolvedRsRadius } from "../../_shared/src/resolve-radius.js";
-import { computed, createCommentVNode, createElementBlock, createElementVNode, createVNode, defineComponent, normalizeClass, normalizeStyle, openBlock, renderSlot, unref } from "vue";
+import RsButton_default from "../../button/src/RsButton.js";
+import { computed, createBlock, createCommentVNode, createElementBlock, createElementVNode, defineComponent, normalizeClass, normalizeStyle, openBlock, renderSlot, unref } from "vue";
 //#region src/components/tag/src/RsTag.vue?vue&type=script&setup=true&lang.ts
 var _hoisted_1 = { class: "rs-tag__content" };
-var _hoisted_2 = ["disabled", "aria-label"];
 var RsTag_vue_vue_type_script_setup_true_lang_default = /*@__PURE__*/ defineComponent({
+	name: "RsTag",
 	__name: "RsTag",
 	props: {
 		variant: { default: "default" },
@@ -32,6 +33,7 @@ var RsTag_vue_vue_type_script_setup_true_lang_default = /*@__PURE__*/ defineComp
 		const { t } = useRsI18n();
 		const resolvedSize = useResolvedRsComponentSize(() => props.size);
 		const resolvedRadius = useResolvedRsRadius(() => props.round ? "full" : props.radius, "sm");
+		const closeIconSize = RS_COMPONENT_SIZE_ICON_PX.ssm;
 		const rootClass = computed(() => [
 			"rs-tag",
 			`rs-tag--${props.variant}`,
@@ -52,17 +54,24 @@ var RsTag_vue_vue_type_script_setup_true_lang_default = /*@__PURE__*/ defineComp
 			return openBlock(), createElementBlock("span", {
 				class: normalizeClass(rootClass.value),
 				style: normalizeStyle(rootStyle.value)
-			}, [createElementVNode("span", _hoisted_1, [renderSlot(_ctx.$slots, "default", {}, void 0, true)]), __props.closable ? (openBlock(), createElementBlock("button", {
+			}, [createElementVNode("span", _hoisted_1, [renderSlot(_ctx.$slots, "default", {}, void 0, true)]), __props.closable ? (openBlock(), createBlock(RsButton_default, {
 				key: 0,
-				type: "button",
 				class: "rs-tag__close",
+				variant: "text",
+				bordered: false,
+				size: "ssm",
+				radius: "full",
+				icon: "x",
+				"icon-size": unref(closeIconSize),
+				"icon-only": "",
 				disabled: __props.disabled,
 				"aria-label": unref(t)("tag.close"),
 				onClick: onClose
-			}, [createVNode(RsIcon_default, {
-				name: "x",
-				size: 12
-			})], 8, _hoisted_2)) : createCommentVNode("", true)], 6);
+			}, null, 8, [
+				"icon-size",
+				"disabled",
+				"aria-label"
+			])) : createCommentVNode("", true)], 6);
 		};
 	}
 });

package/dist/components/tag/src/RsTag.js

@@ -3,6 +3,6 @@ import _plugin_vue_export_helper_default from "../../../_virtual/_plugin-vue_exp
 import RsTag_vue_vue_type_script_setup_true_lang_default from "./RsTag.impl.js";
 
 //#region src/components/tag/src/RsTag.vue
-var RsTag_default = /*#__PURE__*/ _plugin_vue_export_helper_default(RsTag_vue_vue_type_script_setup_true_lang_default, [["__scopeId", "data-v-0140d810"]]);
+var RsTag_default = /*#__PURE__*/ _plugin_vue_export_helper_default(RsTag_vue_vue_type_script_setup_true_lang_default, [["__scopeId", "data-v-d8327085"]]);
 //#endregion
 export { RsTag_default as default };

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

@@ -0,0 +1,8 @@
+/**
+ * RsTag 语义色。只有色相、没有形态轴，不另开 tone。
+ * 可增删的一组标签请用 RsDynamicTags。
+ */
+export declare const RS_TAG_VARIANTS: readonly ["default", "primary", "success", "warning", "danger", "info"];
+export type RsTagVariant = (typeof RS_TAG_VARIANTS)[number];
+export declare function isRsTagVariant(value: unknown): value is RsTagVariant;
+export declare function resolveRsTagVariant(variant?: RsTagVariant | null): RsTagVariant;

package/dist/components/terminal/src/RsTerminal.d.ts

@@ -87,8 +87,8 @@ declare const __VLS_base: import("vue").DefineComponent<__VLS_Props, RsTerminalE
     onExtraSelect?: ((key: string) => any) | undefined;
 }>, {
     theme: Partial<ITheme>;
-    loading: boolean;
     overlay: string;
+    loading: boolean;
     contextMenu: boolean;
     shortcuts: boolean;
     inputEnabled: boolean;

package/dist/index.d.ts

@@ -1,5 +1,6 @@
 export { RsConfigProvider } from './components/config-provider';
 export { RsBadge } from './components/badge';
+export type { RsBadgeVariant } from './components/badge';
 export { RsContainer } from './components/container';
 export { RsBreadcrumb } from './components/breadcrumb';
 export { RsAnchor } from './components/anchor';
@@ -21,6 +22,7 @@ export { RsDynamicTags } from './components/dynamic-tags';
 export type { RsDynamicTagsInputMode, RsDynamicTagsRejectReason, } from './components/dynamic-tags';
 export { RsAlert } from './components/alert';
 export { RsDivider } from './components/divider';
+export type { RsDividerOrientation } from './components/divider';
 export { RsDescriptions } from './components/descriptions';
 export { RsDescriptionsItem } from './components/descriptions';
 export type { RsDescriptionsItem as RsDescriptionsItemData, RsDescriptionsLabelPlacement, RsDescriptionsSize, } from './components/descriptions';
@@ -38,6 +40,7 @@ export type { RsInputNumberValue } from './components/input-number';
 export { clampNumber, formatNumberValue, fromModelValue, isNumberInputInterim, normalizeCommittedNumber, parseNumberInput, resolveNumberPrecision, roundToPrecision, stepNumberValue, toModelValue, } from './components/input-number';
 export { RsLabel } from './components/label';
 export { RsLink } from './components/link';
+export type { RsLinkTone, RsLinkUnderline } from './components/link';
 export { RsMenu } from './components/menu';
 export { RsSelect } from './components/select';
 export { RsAutoComplete } from './components/auto-complete';

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "niuma-ui",
-  "version": "2.0.2",
+  "version": "2.0.3",
   "license": "Apache-2.0",
   "type": "module",
   "description": "Vue 3 workbench design system — Rs* components, --rs-* tokens, optional Monaco / CodeMirror / xterm",
@@ -77,8 +77,8 @@
     "**/*.scss"
   ],
   "peerDependencies": {
-    "vue": "^3.5.0",
-    "vite": ">=5"
+    "vite": ">=5",
+    "vue": "^3.5.0"
   },
   "peerDependenciesMeta": {
     "vite": {
@@ -106,18 +106,18 @@
     "@codemirror/theme-one-dark": "^6.1.3",
     "@codemirror/view": "^6.43.1",
     "@lucide/vue": "^1.31.0",
+    "@rollup/pluginutils": "^5.3.0",
     "@xterm/addon-fit": "^0.11.0",
     "@xterm/addon-search": "^0.16.0",
     "@xterm/xterm": "^6.0.0",
     "codemirror": "^6.0.2",
     "dayjs": "^1.11.21",
     "dompurify": "^3.4.13",
+    "es-module-lexer": "^1.7.0",
+    "magic-string": "^0.30.17",
     "marked": "^18.0.9",
     "monaco-editor": "^0.55.1",
     "monaco-sql-languages": "^1.2.0",
-    "@rollup/pluginutils": "^5.3.0",
-    "es-module-lexer": "^1.7.0",
-    "magic-string": "^0.30.17",
     "reka-ui": "^2.9.10",
     "vue-sonner": "^2.0.9"
   },
@@ -132,8 +132,9 @@
     "vite": "^8.1.3",
     "vitest": "^4.1.9",
     "vue": "^3.5.39",
-    "vue-tsc": "^3.3.6",
-    "vue-router": "^5.1.0"
+    "vue-i18n": "^11.4.12",
+    "vue-router": "^5.1.0",
+    "vue-tsc": "^3.3.6"
   },
   "engines": {
     "node": ">=20"