niuma-ui 1.3.9 → 2.0.1

package/dist/components/virtual-list/src/RsVirtualList.impl.js

@@ -0,0 +1,143 @@
+import { rsRadiusCss, useResolvedRsRadius } from "../../_shared/src/resolve-radius.js";
+import { isVirtualListFillHeight, resolveItemSize, resolveVirtualListHeight } from "./virtual-list-utils.js";
+import { Fragment, computed, createElementBlock, createElementVNode, createTextVNode, defineComponent, nextTick, normalizeClass, normalizeStyle, onActivated, onMounted, onUnmounted, openBlock, ref, renderList, renderSlot, toDisplayString, watch } from "vue";
+//#region src/components/virtual-list/src/RsVirtualList.vue?vue&type=script&setup=true&lang.ts
+var RsVirtualList_vue_vue_type_script_setup_true_lang_default = /*@__PURE__*/ defineComponent({
+	__name: "RsVirtualList",
+	props: {
+		items: {},
+		itemSize: {
+			type: [Number, Function],
+			default: 32
+		},
+		height: { default: 240 },
+		overscan: { default: 4 },
+		activeIndex: { default: null },
+		layoutActive: { type: Boolean },
+		radius: {}
+	},
+	setup(__props, { expose: __expose }) {
+		const props = __props;
+		const resolvedRadius = useResolvedRsRadius(() => props.radius, "sm");
+		const rootRef = ref(null);
+		const scrollTop = ref(0);
+		const measuredHeight = ref(0);
+		const fillHeight = computed(() => isVirtualListFillHeight(props.height));
+		const heightStyle = computed(() => {
+			const resolved = resolveVirtualListHeight(props.height);
+			return resolved ? { height: resolved } : void 0;
+		});
+		const rootStyle = computed(() => ({
+			...heightStyle.value,
+			"--rs-virtual-list-radius": rsRadiusCss(resolvedRadius.value)
+		}));
+		const fixedItemSize = computed(() => resolveItemSize(props.itemSize));
+		const viewportHeightPx = computed(() => {
+			if (typeof props.height === "number" && props.height > 0) return props.height;
+			if (typeof props.height === "string") {
+				const parsed = Number.parseInt(props.height, 10);
+				if (Number.isFinite(parsed) && parsed > 0 && !props.height.includes("%")) return parsed;
+			}
+			if (measuredHeight.value > 0) return measuredHeight.value;
+			const el = rootRef.value;
+			if (el && el.clientHeight > 0) return el.clientHeight;
+			return 240;
+		});
+		let resizeObserver = null;
+		function syncMeasuredHeight() {
+			const el = rootRef.value;
+			if (!el) return;
+			const next = el.clientHeight;
+			if (next > 0 && next !== measuredHeight.value) measuredHeight.value = next;
+		}
+		function syncLayoutFromDom() {
+			syncMeasuredHeight();
+			const el = rootRef.value;
+			if (el) scrollTop.value = el.scrollTop;
+		}
+		function scheduleLayoutSync() {
+			syncLayoutFromDom();
+			nextTick(() => {
+				syncLayoutFromDom();
+				requestAnimationFrame(() => {
+					syncLayoutFromDom();
+				});
+			});
+		}
+		onMounted(() => {
+			scheduleLayoutSync();
+			const el = rootRef.value;
+			if (!el || typeof ResizeObserver === "undefined") return;
+			resizeObserver = new ResizeObserver(() => syncMeasuredHeight());
+			resizeObserver.observe(el);
+		});
+		onActivated(() => {
+			scheduleLayoutSync();
+		});
+		watch(() => props.layoutActive, (active) => {
+			if (active) scheduleLayoutSync();
+		}, { flush: "post" });
+		onUnmounted(() => {
+			resizeObserver?.disconnect();
+			resizeObserver = null;
+		});
+		const startIndex = computed(() => Math.max(0, Math.floor(scrollTop.value / fixedItemSize.value) - props.overscan));
+		const visibleCount = computed(() => Math.ceil(viewportHeightPx.value / fixedItemSize.value) + props.overscan * 2);
+		const visibleItems = computed(() => props.items.slice(startIndex.value, startIndex.value + visibleCount.value).map((item, index) => ({
+			item,
+			index: startIndex.value + index
+		})));
+		const totalHeight = computed(() => props.items.length * fixedItemSize.value);
+		const offsetY = computed(() => startIndex.value * fixedItemSize.value);
+		function scrollToIndex(index, align = "center") {
+			const el = rootRef.value;
+			if (!el || index < 0 || index >= props.items.length) return;
+			const itemTop = index * fixedItemSize.value;
+			const itemBottom = itemTop + fixedItemSize.value;
+			const viewTop = el.scrollTop;
+			const viewBottom = viewTop + el.clientHeight;
+			if (align === "nearest" && itemTop >= viewTop && itemBottom <= viewBottom) return;
+			const maxScroll = Math.max(0, totalHeight.value - el.clientHeight);
+			let next = itemTop - (el.clientHeight - fixedItemSize.value) / 2;
+			if (align === "start") next = itemTop;
+			if (align === "end") next = itemBottom - el.clientHeight;
+			if (align === "nearest") if (itemTop < viewTop) next = itemTop;
+			else if (itemBottom > viewBottom) next = itemBottom - el.clientHeight;
+			else return;
+			el.scrollTop = Math.min(maxScroll, Math.max(0, next));
+			scrollTop.value = el.scrollTop;
+		}
+		watch(() => [props.activeIndex, props.items.length], async ([index, length]) => {
+			if (index == null || index < 0 || length === 0) return;
+			await nextTick();
+			requestAnimationFrame(() => scrollToIndex(index));
+		}, { immediate: true });
+		__expose({ scrollToIndex });
+		return (_ctx, _cache) => {
+			return openBlock(), createElementBlock("div", {
+				ref_key: "rootRef",
+				ref: rootRef,
+				class: normalizeClass(["rs-virtual-list", { "rs-virtual-list--fill": fillHeight.value }]),
+				style: normalizeStyle(rootStyle.value),
+				onScroll: _cache[0] || (_cache[0] = ($event) => scrollTop.value = $event.target.scrollTop)
+			}, [createElementVNode("div", {
+				class: "rs-virtual-list__spacer",
+				style: normalizeStyle({ height: `${totalHeight.value}px` })
+			}, [createElementVNode("div", {
+				class: "rs-virtual-list__items",
+				style: normalizeStyle({ transform: `translateY(${offsetY.value}px)` })
+			}, [(openBlock(true), createElementBlock(Fragment, null, renderList(visibleItems.value, (entry) => {
+				return openBlock(), createElementBlock("div", {
+					key: entry.index,
+					class: normalizeClass(["rs-virtual-list__item", { "rs-virtual-list__item--active": __props.activeIndex === entry.index }]),
+					style: normalizeStyle({ height: `${fixedItemSize.value}px` })
+				}, [renderSlot(_ctx.$slots, "default", {
+					item: entry.item,
+					index: entry.index
+				}, () => [createTextVNode(toDisplayString(entry.item), 1)], true)], 6);
+			}), 128))], 4)], 4)], 38);
+		};
+	}
+});
+//#endregion
+export { RsVirtualList_vue_vue_type_script_setup_true_lang_default as default };

package/dist/components/virtual-list/src/RsVirtualList.js

@@ -0,0 +1,8 @@
+import './RsVirtualList.css'
+import _plugin_vue_export_helper_default from "../../../_virtual/_plugin-vue_export-helper.js";
+import RsVirtualList_vue_vue_type_script_setup_true_lang_default from "./RsVirtualList.impl.js";
+
+//#region src/components/virtual-list/src/RsVirtualList.vue
+var RsVirtualList_default = /*#__PURE__*/ _plugin_vue_export_helper_default(RsVirtualList_vue_vue_type_script_setup_true_lang_default, [["__scopeId", "data-v-4d459ccc"]]);
+//#endregion
+export { RsVirtualList_default as default };

package/dist/components/virtual-list/src/virtual-list-utils.js

@@ -0,0 +1,28 @@
+//#region src/components/virtual-list/src/virtual-list-utils.ts
+function resolveItemSize(itemSize, index = 0) {
+	const size = typeof itemSize === "function" ? itemSize(index) : itemSize;
+	return Number.isFinite(size) && size > 0 ? size : 32;
+}
+function resolveVirtualListHeight(height, fallback = 240) {
+	if (height === 0) return void 0;
+	if (height === void 0) return `${fallback}px`;
+	return typeof height === "number" ? `${height}px` : height;
+}
+/** height 为 0 / 百分比时由父级撑满，组件内用 ResizeObserver 测量可视高度 */
+function isVirtualListFillHeight(height) {
+	if (height === 0) return true;
+	if (typeof height === "string" && height.trim().endsWith("%")) return true;
+	return false;
+}
+/** 解析虚拟列表数值视口高度；百分比 / 填满模式返回 null，交由测量值处理 */
+function parseVirtualListHeightPx(height) {
+	if (typeof height === "number" && height > 0) return height;
+	if (typeof height === "string") {
+		if (height.includes("%")) return null;
+		const parsed = Number.parseInt(height, 10);
+		if (Number.isFinite(parsed) && parsed > 0) return parsed;
+	}
+	return null;
+}
+//#endregion
+export { isVirtualListFillHeight, parseVirtualListHeightPx, resolveItemSize, resolveVirtualListHeight };

package/dist/components/vnode-host/src/RsVNodeHost.impl.js

@@ -0,0 +1,18 @@
+import { defineComponent } from "vue";
+//#region src/components/vnode-host/src/RsVNodeHost.vue?vue&type=script&lang.ts
+/**
+* 将 VNodeChild（含自定义错误渲染结果）挂到模板中。
+* Form errorRender / 字段自定义渲染共用。
+*/
+var RsVNodeHost_vue_vue_type_script_lang_default = defineComponent({
+	name: "RsVNodeHost",
+	props: { content: {
+		type: null,
+		required: true
+	} },
+	setup(props) {
+		return () => props.content;
+	}
+});
+//#endregion
+export { RsVNodeHost_vue_vue_type_script_lang_default as default };

package/dist/components/vnode-host/src/RsVNodeHost.js

@@ -0,0 +1,5 @@
+import RsVNodeHost_vue_vue_type_script_lang_default from "./RsVNodeHost.impl.js";
+//#region src/components/vnode-host/src/RsVNodeHost.vue
+var RsVNodeHost_default = RsVNodeHost_vue_vue_type_script_lang_default;
+//#endregion
+export { RsVNodeHost_default as default };

package/dist/composables/createRsDialog.d.ts

@@ -1,6 +1,6 @@
-import type { RsConfirmOptions } from '../components/dialog-utils';
-import type { RsDialogBeforeClose, RsDialogCloseReason, RsDialogWidth } from '../components/dialog-utils';
-import type { RsFeedbackTone } from '../components/overlay-utils';
+import type { RsConfirmOptions } from '../components/dialog/src/dialog-utils';
+import type { RsDialogBeforeClose, RsDialogCloseReason, RsDialogWidth } from '../components/dialog/src/dialog-utils';
+import type { RsFeedbackTone } from '../components/_shared/src/overlay-utils';
 import { type RsLocale } from '../locale/types';
 import type { RsThemeMode } from '../theme/types';
 export type RsConfirmResult = boolean;

package/dist/composables/createRsDialog.js

@@ -1,17 +1,18 @@
 import { defaultLocale } from "../locale/types.js";
-import RsConfigProvider_default from "../components/RsConfigProvider.js";
-import RsDialog_default from "../components/RsDialog.js";
-import RsConfirmDialog_default from "../components/RsConfirmDialog.js";
+import { isRsLocaleRegistered } from "../locale/registry.js";
+import { readResolvedTheme } from "../theme/apply.js";
+import RsConfigProvider_default from "../components/config-provider/src/RsConfigProvider.js";
+import RsDialog_default from "../components/dialog/src/RsDialog.js";
+import RsConfirmDialog_default from "../components/dialog/src/RsConfirmDialog.js";
 import { createApp, h, ref } from "vue";
 //#region src/composables/createRsDialog.ts
 function readDomTheme() {
-	if (typeof document === "undefined") return "light";
-	return document.documentElement.getAttribute("data-rs-theme") === "dark" ? "dark" : "light";
+	return readResolvedTheme();
 }
 function readDomLocale() {
 	if (typeof document === "undefined") return defaultLocale;
 	const value = document.documentElement.getAttribute("data-rs-locale");
-	return value === "en-US" || value === "zh-CN" ? value : defaultLocale;
+	return value && isRsLocaleRegistered(value) ? value : defaultLocale;
 }
 /** 命令式实例的销毁函数；测试收尾用 destroyAllRsDialogHosts 走正规 unmount。 */
 var liveHosts = /* @__PURE__ */ new Set();

package/dist/composables/useRsConfig.d.ts

@@ -1,10 +1,15 @@
 import { type InjectionKey, type Ref } from 'vue';
 import { type RsTranslateFn } from '../locale/interpolate';
-import { type RsLocale } from '../locale/types';
-import type { RsComponentSize, RsRadius, RsThemeMode } from '../theme/types';
+import { type RsDirMode, type RsLocale } from '../locale/types';
+import type { RsComponentSize, RsRadius, RsResolvedTheme, RsThemeMode } from '../theme/types';
 export interface RsConfigContext {
+    /** 用户偏好：light / dark / system */
     theme: Ref<RsThemeMode>;
+    /** 已解析的明暗，跟着 applyTheme 与系统偏好更新 */
+    resolvedTheme: Ref<RsResolvedTheme>;
     locale: Ref<RsLocale>;
+    /** 书写方向偏好：ltr / rtl / auto（跟 locale） */
+    dir: Ref<RsDirMode>;
     /** 全局默认控件尺寸（ssm / sm / md / lg）。 */
     controlSize: Ref<RsComponentSize>;
     /**
@@ -14,13 +19,16 @@ export interface RsConfigContext {
     controlRadius: Ref<RsRadius | undefined>;
     setTheme: (mode: RsThemeMode) => void;
     setLocale: (locale: RsLocale) => void;
+    setDir: (dir: RsDirMode) => void;
     setControlSize: (size: RsComponentSize) => void;
     setControlRadius: (radius: RsRadius | undefined) => void;
+    /** 系统偏好变化或 applyTheme 之后同步 resolvedTheme */
+    syncResolvedTheme: () => void;
     t: RsTranslateFn;
 }
 export declare const rsConfigKey: InjectionKey<RsConfigContext>;
 export declare function useRsConfig(): RsConfigContext;
 /** 可选读取；组件在 Provider 外也可独立使用。 */
 export declare function useRsConfigOptional(): RsConfigContext | null;
-export declare function createRsConfigState(initialTheme?: RsThemeMode, initialLocale?: RsLocale, initialControlSize?: RsComponentSize, initialControlRadius?: RsRadius): RsConfigContext;
+export declare function createRsConfigState(initialTheme?: RsThemeMode, initialLocale?: RsLocale, initialControlSize?: RsComponentSize, initialControlRadius?: RsRadius, initialDir?: RsDirMode): RsConfigContext;
 export declare function provideRsConfig(ctx: RsConfigContext): void;

package/dist/composables/useRsConfig.js

@@ -1,6 +1,7 @@
 import { interpolateRsMessage, resolveRsTranslateArgs } from "../locale/interpolate.js";
-import { localeMap } from "../locale/messages.js";
 import { defaultLocale } from "../locale/types.js";
+import { resolveRsMessage } from "../locale/registry.js";
+import { resolveThemeMode } from "../theme/apply.js";
 import { inject, provide, ref } from "vue";
 //#region src/composables/useRsConfig.ts
 var rsConfigKey = Symbol("rs-config");
@@ -13,17 +14,25 @@ function useRsConfig() {
 function useRsConfigOptional() {
 	return inject(rsConfigKey, null);
 }
-function createRsConfigState(initialTheme = "light", initialLocale = defaultLocale, initialControlSize = "md", initialControlRadius) {
+function createRsConfigState(initialTheme = "light", initialLocale = defaultLocale, initialControlSize = "md", initialControlRadius, initialDir = "auto") {
 	const theme = ref(initialTheme);
+	const resolvedTheme = ref(resolveThemeMode(initialTheme));
 	const locale = ref(initialLocale);
+	const dir = ref(initialDir);
 	const controlSize = ref(initialControlSize);
 	const controlRadius = ref(initialControlRadius);
 	function setTheme(mode) {
 		theme.value = mode;
+		resolvedTheme.value = resolveThemeMode(mode);
+	}
+	function syncResolvedTheme() {
+		resolvedTheme.value = resolveThemeMode(theme.value);
 	}
 	function setLocale(next) {
 		locale.value = next;
-		if (typeof document !== "undefined") document.documentElement.setAttribute("data-rs-locale", next);
+	}
+	function setDir(next) {
+		dir.value = next;
 	}
 	function setControlSize(size) {
 		controlSize.value = size;
@@ -33,18 +42,21 @@ function createRsConfigState(initialTheme = "light", initialLocale = defaultLoca
 	}
 	const t = (key, fallbackOrVars, vars) => {
 		const parsed = resolveRsTranslateArgs(fallbackOrVars, vars);
-		return interpolateRsMessage(localeMap[locale.value][key] ?? parsed.fallback ?? key, parsed.vars);
+		return interpolateRsMessage(resolveRsMessage(locale.value, key) ?? parsed.fallback ?? key, parsed.vars, locale.value);
 	};
-	if (typeof document !== "undefined") document.documentElement.setAttribute("data-rs-locale", locale.value);
 	return {
 		theme,
+		resolvedTheme,
 		locale,
+		dir,
 		controlSize,
 		controlRadius,
 		setTheme,
 		setLocale,
+		setDir,
 		setControlSize,
 		setControlRadius,
+		syncResolvedTheme,
 		t
 	};
 }

package/dist/composables/useRsI18n.js

@@ -1,12 +1,12 @@
 import { interpolateRsMessage, resolveRsTranslateArgs } from "../locale/interpolate.js";
-import { localeMap } from "../locale/messages.js";
 import "../locale/types.js";
+import { resolveRsMessage } from "../locale/registry.js";
 import { rsConfigKey } from "./useRsConfig.js";
 import { computed, inject } from "vue";
 //#region src/composables/useRsI18n.ts
 function translate(locale, key, fallbackOrVars, vars) {
 	const parsed = resolveRsTranslateArgs(fallbackOrVars, vars);
-	return interpolateRsMessage(localeMap[locale][key] ?? parsed.fallback ?? key, parsed.vars);
+	return interpolateRsMessage(resolveRsMessage(locale, key) ?? parsed.fallback ?? key, parsed.vars, locale);
 }
 /** 组件内安全取文案：Provider 内跟随 locale，否则回退 defaultLocale */
 function useRsI18n() {

package/dist/composables/useRsTabsNav.d.ts

@@ -1,5 +1,5 @@
 import { type ComputedRef, type Ref } from 'vue';
-import { type RsTabItem, type RsTabsOverflow } from '../components/tabs-utils';
+import { type RsTabItem, type RsTabsOverflow } from '../components/tabs/src/tabs-utils';
 interface UseRsTabsNavOptions {
     items: ComputedRef<RsTabItem[]>;
     activeValue: Ref<string>;

package/dist/composables/useRsTabsNav.js

@@ -1,4 +1,4 @@
-import { resolveVisibleTabValues } from "../components/tabs-utils.js";
+import { resolveVisibleTabValues } from "../components/tabs/src/tabs-utils.js";
 import { computed, nextTick, onMounted, onUnmounted, ref, watch } from "vue";
 //#region src/composables/useRsTabsNav.ts
 function useRsTabsNav(options) {

package/dist/composables/useRsToast.d.ts

@@ -1,4 +1,4 @@
-import type { RsToastPosition, RsToastType } from '../components/overlay-utils';
+import type { RsToastPosition, RsToastType } from '../components/_shared/src/overlay-utils';
 export type { RsToastPosition, RsToastType };
 export type RsToastInput = string | {
     title: string;

package/dist/icons/brand.d.ts

@@ -0,0 +1,6 @@
+/** 内置品牌 mark（工作台数据源）。Lucide 线标不在此列。 */
+export declare const rsBrandIconNames: readonly ["ftp", "redis", "mongodb", "vastbase", "mysql", "sqlite", "dameng", "oracle", "clickhouse", "kingbase", "sqlserver", "postgres"];
+export type RsBrandIconName = (typeof rsBrandIconNames)[number];
+export declare function isRsBrandIconName(name: string): name is RsBrandIconName;
+/** 品牌 mark 填充色变量，如 `--rs-icon-mysql-accent`。 */
+export declare function rsBrandIconAccentVar(name: RsBrandIconName): `--rs-icon-${RsBrandIconName}-accent`;

package/dist/icons/brand.js

@@ -0,0 +1,26 @@
+//#region src/icons/brand.ts
+/** 内置品牌 mark（工作台数据源）。Lucide 线标不在此列。 */
+var rsBrandIconNames = [
+	"ftp",
+	"redis",
+	"mongodb",
+	"vastbase",
+	"mysql",
+	"sqlite",
+	"dameng",
+	"oracle",
+	"clickhouse",
+	"kingbase",
+	"sqlserver",
+	"postgres"
+];
+var brandIconNameSet = new Set(rsBrandIconNames);
+function isRsBrandIconName(name) {
+	return brandIconNameSet.has(name);
+}
+/** 品牌 mark 填充色变量，如 `--rs-icon-mysql-accent`。 */
+function rsBrandIconAccentVar(name) {
+	return `--rs-icon-${name}-accent`;
+}
+//#endregion
+export { isRsBrandIconName, rsBrandIconAccentVar, rsBrandIconNames };

package/dist/icons/registry.d.ts

@@ -1,3 +1,5 @@
 export { LUCIDE_ATTRIBUTION, LUCIDE_LICENSE, isRsIconName, lucideIconCount, resolveLucideIcon, } from './lucide';
+export { isRsBrandIconName, rsBrandIconAccentVar, rsBrandIconNames, } from './brand';
+export type { RsBrandIconName } from './brand';
 /** Playground / 文档常用图标（Lucide 全库约 1600+；kebab-case，如 `house`、`trash-2`） */
 export declare const rsCommonIconNames: readonly ["house", "settings", "user", "search", "plus", "x", "check", "message-square", "folder", "chevron-right", "chevron-down", "loader", "trash-2", "pencil", "bell", "cloud", "download", "upload", "link", "copy", "external-link", "layout-dashboard", "credit-card", "shield-check"];

package/dist/icons/registry.js

@@ -1,4 +1,5 @@
 import { LUCIDE_ATTRIBUTION, LUCIDE_LICENSE, isRsIconName, lucideIconCount, resolveLucideIcon } from "./lucide.js";
+import { isRsBrandIconName, rsBrandIconAccentVar, rsBrandIconNames } from "./brand.js";
 //#region src/icons/registry.ts
 /** Playground / 文档常用图标（Lucide 全库约 1600+；kebab-case，如 `house`、`trash-2`） */
 var rsCommonIconNames = [
@@ -28,4 +29,4 @@ var rsCommonIconNames = [
 	"shield-check"
 ];
 //#endregion
-export { LUCIDE_ATTRIBUTION, LUCIDE_LICENSE, isRsIconName, lucideIconCount, resolveLucideIcon, rsCommonIconNames };
+export { LUCIDE_ATTRIBUTION, LUCIDE_LICENSE, isRsBrandIconName, isRsIconName, lucideIconCount, resolveLucideIcon, rsBrandIconAccentVar, rsBrandIconNames, rsCommonIconNames };