niuma-ui 1.1.11 → 1.2.0

package/dist/components/RsBadge.impl.js

@@ -0,0 +1,13 @@
+import { createElementBlock, defineComponent, normalizeClass, openBlock, renderSlot } from "vue";
+//#region src/components/RsBadge.vue?vue&type=script&setup=true&lang.ts
+var RsBadge_vue_vue_type_script_setup_true_lang_default = /*@__PURE__*/ defineComponent({
+	__name: "RsBadge",
+	props: { variant: { default: "default" } },
+	setup(__props) {
+		return (_ctx, _cache) => {
+			return openBlock(), createElementBlock("span", { class: normalizeClass(["rs-badge", `rs-badge--${__props.variant}`]) }, [renderSlot(_ctx.$slots, "default", {}, void 0, true)], 2);
+		};
+	}
+});
+//#endregion
+export { RsBadge_vue_vue_type_script_setup_true_lang_default as default };

package/dist/components/RsBadge.js

@@ -0,0 +1,8 @@
+import './RsBadge.css'
+import _plugin_vue_export_helper_default from "../_virtual/_plugin-vue_export-helper.js";
+import RsBadge_vue_vue_type_script_setup_true_lang_default from "./RsBadge.impl.js";
+
+//#region src/components/RsBadge.vue
+var RsBadge_default = /*#__PURE__*/ _plugin_vue_export_helper_default(RsBadge_vue_vue_type_script_setup_true_lang_default, [["__scopeId", "data-v-65ec5a3b"]]);
+//#endregion
+export { RsBadge_default as default };

package/dist/components/RsBreadcrumb.css

@@ -0,0 +1,37 @@
+
+.rs-breadcrumb__list {
+  display: flex;
+  flex-wrap: wrap;
+  align-items: center;
+  gap: 0.25rem;
+  margin: 0;
+  padding: 0;
+  list-style: none;
+}
+.rs-breadcrumb__item {
+  display: inline-flex;
+  align-items: center;
+  gap: 0.25rem;
+}
+.rs-breadcrumb__link {
+  font-size: var(--rs-font-size-sm);
+  color: var(--rs-muted);
+  text-decoration: none;
+  padding: 0.125rem 0.25rem;
+  border-radius: var(--rs-radius-xs);
+  transition:
+    color var(--rs-transition-fast),
+    background var(--rs-transition-fast);
+}
+.rs-breadcrumb__link:hover:not(.rs-breadcrumb__link--current) {
+  color: var(--rs-primary);
+  background: var(--rs-surface-hover);
+}
+.rs-breadcrumb__link--current {
+  color: var(--rs-text);
+  font-weight: var(--rs-font-weight-medium);
+  pointer-events: none;
+}
+.rs-breadcrumb__sep {
+  color: var(--rs-muted);
+}

package/dist/components/RsBreadcrumb.d.ts

@@ -0,0 +1,11 @@
+export interface RsBreadcrumbItem {
+    label: string;
+    to?: string;
+    href?: string;
+}
+type __VLS_Props = {
+    items: RsBreadcrumbItem[];
+};
+declare const __VLS_export: import("vue").DefineComponent<__VLS_Props, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<__VLS_Props> & Readonly<{}>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
+declare const _default: typeof __VLS_export;
+export default _default;

package/dist/components/RsBreadcrumb.impl.js

@@ -0,0 +1,26 @@
+import { useRsI18n } from "../composables/useRsI18n.js";
+import { buildBreadcrumbRenderItems } from "./breadcrumb-utils.js";
+import RsBreadcrumbItems_default from "./RsBreadcrumbItems.js";
+import { computed, createElementBlock, createVNode, defineComponent, openBlock, unref } from "vue";
+//#region src/components/RsBreadcrumb.vue?vue&type=script&setup=true&lang.ts
+var _hoisted_1 = ["aria-label"];
+var RsBreadcrumb_vue_vue_type_script_setup_true_lang_default = /*@__PURE__*/ defineComponent({
+	__name: "RsBreadcrumb",
+	props: { items: {} },
+	setup(__props) {
+		const { t } = useRsI18n();
+		const props = __props;
+		const renderItems = computed(() => buildBreadcrumbRenderItems(props.items));
+		return (_ctx, _cache) => {
+			return openBlock(), createElementBlock("nav", {
+				class: "rs-breadcrumb",
+				"aria-label": unref(t)("breadcrumb.label")
+			}, [createVNode(RsBreadcrumbItems_default, {
+				items: renderItems.value,
+				"separator-label": unref(t)("breadcrumb.separator")
+			}, null, 8, ["items", "separator-label"])], 8, _hoisted_1);
+		};
+	}
+});
+//#endregion
+export { RsBreadcrumb_vue_vue_type_script_setup_true_lang_default as default };

package/dist/components/RsBreadcrumb.js

@@ -0,0 +1,7 @@
+import './RsBreadcrumb.css'
+import RsBreadcrumb_vue_vue_type_script_setup_true_lang_default from "./RsBreadcrumb.impl.js";
+
+//#region src/components/RsBreadcrumb.vue
+var RsBreadcrumb_default = RsBreadcrumb_vue_vue_type_script_setup_true_lang_default;
+//#endregion
+export { RsBreadcrumb_default as default };

package/dist/components/RsBreadcrumbItems.d.ts

@@ -0,0 +1,8 @@
+import type { RsBreadcrumbRenderItem } from './breadcrumb-utils';
+type __VLS_Props = {
+    items: RsBreadcrumbRenderItem[];
+    separatorLabel: string;
+};
+declare const __VLS_export: import("vue").DefineComponent<__VLS_Props, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<__VLS_Props> & Readonly<{}>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
+declare const _default: typeof __VLS_export;
+export default _default;

package/dist/components/RsBreadcrumbItems.impl.js

@@ -0,0 +1,40 @@
+import RsIcon_default from "./RsIcon.js";
+import { Fragment, createBlock, createCommentVNode, createElementBlock, createTextVNode, defineComponent, normalizeClass, openBlock, renderList, resolveDynamicComponent, toDisplayString, withCtx } from "vue";
+//#region src/components/RsBreadcrumbItems.vue?vue&type=script&setup=true&lang.ts
+var _hoisted_1 = { class: "rs-breadcrumb__list" };
+var RsBreadcrumbItems_vue_vue_type_script_setup_true_lang_default = /*@__PURE__*/ defineComponent({
+	__name: "RsBreadcrumbItems",
+	props: {
+		items: {},
+		separatorLabel: {}
+	},
+	setup(__props) {
+		return (_ctx, _cache) => {
+			return openBlock(), createElementBlock("ol", _hoisted_1, [(openBlock(true), createElementBlock(Fragment, null, renderList(__props.items, (item, index) => {
+				return openBlock(), createElementBlock("li", {
+					key: item.key,
+					class: "rs-breadcrumb__item"
+				}, [(openBlock(), createBlock(resolveDynamicComponent(item.isLink ? "a" : "span"), {
+					href: item.href,
+					class: normalizeClass(["rs-breadcrumb__link", { "rs-breadcrumb__link--current": item.isCurrent }]),
+					"aria-current": item.isCurrent ? "page" : void 0
+				}, {
+					default: withCtx(() => [createTextVNode(toDisplayString(item.label), 1)]),
+					_: 2
+				}, 1032, [
+					"href",
+					"class",
+					"aria-current"
+				])), index < __props.items.length - 1 ? (openBlock(), createBlock(RsIcon_default, {
+					key: 0,
+					name: "chevron-right",
+					size: 14,
+					class: "rs-breadcrumb__sep",
+					label: __props.separatorLabel
+				}, null, 8, ["label"])) : createCommentVNode("", true)]);
+			}), 128))]);
+		};
+	}
+});
+//#endregion
+export { RsBreadcrumbItems_vue_vue_type_script_setup_true_lang_default as default };

package/dist/components/RsBreadcrumbItems.js

@@ -0,0 +1,5 @@
+import RsBreadcrumbItems_vue_vue_type_script_setup_true_lang_default from "./RsBreadcrumbItems.impl.js";
+//#region src/components/RsBreadcrumbItems.vue
+var RsBreadcrumbItems_default = RsBreadcrumbItems_vue_vue_type_script_setup_true_lang_default;
+//#endregion
+export { RsBreadcrumbItems_default as default };

package/dist/components/RsButton.css

@@ -0,0 +1,298 @@
+
+.rs-btn[data-v-7081f687] {
+  position: relative;
+  display: inline-flex;
+  align-items: center;
+  justify-content: center;
+  gap: var(--rs-space-sm);
+  min-height: var(--rs-control-height-md);
+  padding: 0 var(--rs-space-lg);
+  border-radius: var(--rs-btn-radius, var(--rs-radius-full));
+  border: 1px solid transparent;
+  font-size: var(--rs-font-size-sm);
+  font-weight: var(--rs-font-weight-medium);
+  letter-spacing: 0.01em;
+  line-height: 1;
+  white-space: nowrap;
+  cursor: pointer;
+  transition:
+    background var(--rs-transition-fast),
+    border-color var(--rs-transition-fast),
+    color var(--rs-transition-fast),
+    box-shadow var(--rs-transition-fast),
+    padding var(--rs-transition-normal),
+    gap var(--rs-transition-normal);
+}
+.rs-btn--ssm[data-v-7081f687] {
+  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-7081f687] {
+  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-7081f687] {
+  min-height: var(--rs-control-height-lg);
+  padding: 0 var(--rs-space-xl);
+  font-size: var(--rs-font-size-base);
+}
+.rs-btn[data-v-7081f687]:disabled {
+  opacity: 0.38;
+  cursor: not-allowed;
+}
+.rs-btn--loading[data-v-7081f687] {
+  pointer-events: none;
+  cursor: wait;
+  transition: none;
+}
+/* loading 时不使用 disabled，避免部分浏览器暂停子元素 CSS 动画 */
+.rs-btn--loading[data-v-7081f687]:disabled {
+  opacity: 1;
+  cursor: wait;
+}
+.rs-btn--loading.rs-btn--default[data-v-7081f687] {
+  color: var(--rs-text);
+  border-color: var(--rs-border);
+  background: var(--rs-surface);
+}
+.rs-btn--loading.rs-btn--ghost[data-v-7081f687],
+.rs-btn--loading.rs-btn--text[data-v-7081f687] {
+  color: var(--rs-btn-tone, var(--rs-text));
+  background: var(--rs-surface-hover);
+}
+.rs-btn[data-v-7081f687]: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-7081f687] {
+  padding: 0;
+  min-width: var(--rs-control-height-md);
+}
+.rs-btn--icon-only.rs-btn--ssm[data-v-7081f687] {
+  min-width: var(--rs-control-height-ssm);
+}
+.rs-btn--icon-only.rs-btn--sm[data-v-7081f687] {
+  min-width: var(--rs-control-height-sm);
+}
+.rs-btn--icon-only.rs-btn--lg[data-v-7081f687] {
+  min-width: var(--rs-control-height-lg);
+}
+.rs-btn--primary[data-v-7081f687] {
+  background: var(--rs-primary);
+  color: var(--rs-primary-foreground);
+  box-shadow: var(--rs-shadow-sm);
+}
+.rs-btn--primary[data-v-7081f687]:hover:not(:disabled) {
+  background: var(--rs-primary-hover);
+  box-shadow: var(--rs-shadow);
+}
+.rs-btn--primary[data-v-7081f687]:active:not(:disabled) {
+  box-shadow: none;
+}
+.rs-btn--default[data-v-7081f687] {
+  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-7081f687]: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-7081f687]: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-7081f687] {
+  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-7081f687]:hover:not(:disabled) {
+  background: color-mix(in srgb, var(--rs-btn-tone, var(--rs-text)) 8%, transparent);
+  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-7081f687],
+.rs-btn--borderless[data-v-7081f687]:hover:not(:disabled),
+.rs-btn--borderless[data-v-7081f687]:active:not(:disabled) {
+  border-color: transparent;
+}
+.rs-btn--danger[data-v-7081f687] {
+  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-7081f687]: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-7081f687] {
+  min-height: auto;
+  padding: 0;
+  border-color: transparent;
+  border-radius: 0;
+  background: transparent;
+  color: var(--rs-btn-tone, var(--rs-primary));
+  box-shadow: none;
+  font-weight: var(--rs-font-weight-medium);
+}
+.rs-btn--link[data-v-7081f687]:hover:not(:disabled) {
+  color: var(--rs-btn-tone-hover, var(--rs-primary-hover));
+  text-decoration: underline;
+}
+
+/**
+ * text：工具栏 / 表格操作 quaternary
+ * 无底无边，靠 tone 着色；hover 使用同色浅底
+ */
+.rs-btn--text[data-v-7081f687] {
+  min-height: var(--rs-control-height-sm);
+  padding: 0 var(--rs-space-sm);
+  border-color: transparent;
+  background: transparent;
+  box-shadow: none;
+  font-weight: var(--rs-font-weight-regular);
+  color: var(--rs-btn-tone, var(--rs-text));
+}
+.rs-btn--text.rs-btn--ssm[data-v-7081f687] {
+  min-height: var(--rs-control-height-ssm);
+}
+.rs-btn--text.rs-btn--md[data-v-7081f687] {
+  min-height: var(--rs-control-height-md);
+}
+.rs-btn--text.rs-btn--lg[data-v-7081f687] {
+  min-height: var(--rs-control-height-lg);
+}
+.rs-btn--text[data-v-7081f687]: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-7081f687]:active:not(:disabled) {
+  background: color-mix(in srgb, var(--rs-btn-tone, var(--rs-text)) 12%, transparent);
+}
+
+/* tone：写入 CSS 变量，供 text / ghost / link 消费 */
+.rs-btn--tone-neutral[data-v-7081f687] {
+  --rs-btn-tone: var(--rs-text);
+  --rs-btn-tone-hover: var(--rs-text);
+}
+.rs-btn--tone-primary[data-v-7081f687] {
+  --rs-btn-tone: var(--rs-primary);
+  --rs-btn-tone-hover: var(--rs-primary-hover);
+}
+.rs-btn--tone-danger[data-v-7081f687] {
+  --rs-btn-tone: var(--rs-danger);
+  --rs-btn-tone-hover: var(--rs-danger);
+}
+.rs-btn--tone-success[data-v-7081f687] {
+  --rs-btn-tone: var(--rs-success, #18a058);
+  --rs-btn-tone-hover: var(--rs-success, #18a058);
+}
+.rs-btn--tone-warning[data-v-7081f687] {
+  --rs-btn-tone: var(--rs-warning, #f0a020);
+  --rs-btn-tone-hover: var(--rs-warning, #f0a020);
+}
+.rs-btn--tone-info[data-v-7081f687] {
+  --rs-btn-tone: var(--rs-info, #2080f0);
+  --rs-btn-tone-hover: var(--rs-info, #2080f0);
+}
+.rs-btn__spinner[data-v-7081f687] {
+  display: inline-flex;
+  align-items: center;
+  justify-content: center;
+  width: 1rem;
+  height: 1rem;
+  flex-shrink: 0;
+  pointer-events: none;
+}
+.rs-btn__spinner-ring[data-v-7081f687] {
+  display: block;
+  width: 100%;
+  height: 100%;
+  border: 2px solid color-mix(in srgb, var(--rs-primary) 28%, transparent);
+  border-top-color: var(--rs-primary);
+  border-radius: var(--rs-radius-full);
+  transform-origin: center center;
+  animation: rs-spin-7081f687 0.75s linear infinite;
+}
+.rs-btn--default .rs-btn__spinner-ring[data-v-7081f687],
+.rs-btn--ghost .rs-btn__spinner-ring[data-v-7081f687] {
+  border-color: color-mix(in srgb, var(--rs-primary) 28%, transparent);
+  border-top-color: var(--rs-primary);
+}
+.rs-btn--text .rs-btn__spinner-ring[data-v-7081f687],
+.rs-btn--link .rs-btn__spinner-ring[data-v-7081f687] {
+  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-7081f687] {
+  border-color: color-mix(in srgb, currentcolor 35%, transparent);
+  border-top-color: currentcolor;
+}
+.rs-btn--danger .rs-btn__spinner-ring[data-v-7081f687] {
+  border-color: color-mix(in srgb, var(--rs-danger) 28%, transparent);
+  border-top-color: var(--rs-danger);
+}
+.rs-btn__icon[data-v-7081f687] {
+  display: inline-flex;
+  flex-shrink: 0;
+  align-items: center;
+  justify-content: center;
+  line-height: 1;
+  color: inherit;
+}
+/* 插槽内自定义图标+文案时也能水平对齐 */
+.rs-btn__label[data-v-7081f687] {
+  display: inline-flex;
+  align-items: center;
+  gap: inherit;
+  min-width: 0;
+  line-height: 1;
+  white-space: nowrap;
+}
+.rs-btn__label--reveal[data-v-7081f687] {
+  display: inline-block;
+  max-width: 0;
+  opacity: 0;
+  overflow: hidden;
+  white-space: nowrap;
+  vertical-align: bottom;
+  transition:
+    max-width 0.2s ease,
+    opacity 0.15s ease;
+}
+.rs-btn--reveal-label:hover:not(:disabled) .rs-btn__label--reveal[data-v-7081f687],
+.rs-btn--reveal-label:focus-visible .rs-btn__label--reveal[data-v-7081f687] {
+  max-width: 12rem;
+  opacity: 1;
+}
+.rs-btn__tooltip[data-v-7081f687] {
+  position: fixed;
+  z-index: calc(var(--rs-z-modal) + 2);
+  padding: 0.25rem 0.5rem;
+  border-radius: var(--rs-radius-sm);
+  border: 1px solid var(--rs-border);
+  background: var(--rs-surface-elevated);
+  color: var(--rs-text);
+  font-size: var(--rs-font-size-xs);
+  font-weight: var(--rs-font-weight-medium);
+  line-height: 1.25rem;
+  white-space: nowrap;
+  box-shadow: var(--rs-shadow-sm);
+  pointer-events: none;
+}
+@keyframes rs-spin-7081f687 {
+to {
+    transform: rotate(360deg);
+}
+}

package/dist/components/RsButton.d.ts

@@ -0,0 +1,56 @@
+import type { RsComponentSize, RsRadius } from '../theme/types';
+import { type RsButtonTone, type RsButtonVariant } from './button-utils';
+export type { RsButtonTone, RsButtonVariant } from './button-utils';
+type __VLS_Props = {
+    variant?: RsButtonVariant;
+    /**
+     * 语义色调：配合 text / ghost / link 使用。
+     * 例：variant="text" tone="primary" → 紫色文字按钮（工具栏 quaternary）。
+     * @default 'neutral'（text/ghost）；link 未传 tone 时保持主色链接观感
+     */
+    tone?: RsButtonTone;
+    size?: RsComponentSize;
+    /** 圆角档位；默认 full（胶囊）。直角 UI 传 `none`。 */
+    radius?: RsRadius;
+    type?: 'button' | 'submit' | 'reset';
+    disabled?: boolean;
+    loading?: boolean;
+    /** 是否显示外边框；text 变体默认无边框 */
+    bordered?: boolean;
+    /** 前缀图标（Lucide kebab-case 名称） */
+    icon?: string;
+    iconSize?: number;
+    /** 仅显示图标，文字通过 tooltip / slot 悬浮展示 */
+    iconOnly?: boolean;
+    /**
+     * 悬浮提示。打开时 Teleport 到 `document.body`（对齐 WAI-ARIA APG Tooltip / Reka Portal）。
+     * 仅图标按钮时作可视提示；无障碍名称仍走 `aria-label`，避免与 tip 重复朗读。
+     */
+    tooltip?: string;
+    /** icon-only 时无障碍标签（与 tooltip 二选一，避免与外部 RsTooltip 重复） */
+    ariaLabel?: string;
+    /** 默认收起文字，悬浮时展开（需配合 slot 文案） */
+    revealLabel?: boolean;
+};
+declare var __VLS_6: {}, __VLS_14: {};
+type __VLS_Slots = {} & {
+    default?: (props: typeof __VLS_6) => any;
+} & {
+    default?: (props: typeof __VLS_14) => any;
+};
+declare const __VLS_base: import("vue").DefineComponent<__VLS_Props, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<__VLS_Props> & Readonly<{}>, {
+    type: "button" | "submit" | "reset";
+    variant: RsButtonVariant;
+    disabled: boolean;
+    loading: boolean;
+    iconOnly: boolean;
+    revealLabel: boolean;
+}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
+declare const __VLS_export: __VLS_WithSlots<typeof __VLS_base, __VLS_Slots>;
+declare const _default: typeof __VLS_export;
+export default _default;
+type __VLS_WithSlots<T, S> = T & {
+    new (): {
+        $slots: S;
+    };
+};