niuma-ui 2.0.2 → 2.0.4

package/dist/components/form/src/RsForm.js

@@ -3,6 +3,6 @@ import _plugin_vue_export_helper_default from "../../../_virtual/_plugin-vue_exp
 import RsForm_vue_vue_type_script_setup_true_lang_default from "./RsForm.impl.js";
 
 //#region src/components/form/src/RsForm.vue
-var RsForm_default = /*#__PURE__*/ _plugin_vue_export_helper_default(RsForm_vue_vue_type_script_setup_true_lang_default, [["__scopeId", "data-v-2243abc5"]]);
+var RsForm_default = /*#__PURE__*/ _plugin_vue_export_helper_default(RsForm_vue_vue_type_script_setup_true_lang_default, [["__scopeId", "data-v-0cdc7aeb"]]);
 //#endregion
 export { RsForm_default as default };

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

@@ -118,3 +118,10 @@ export declare function useRsFormField(getExpose: () => RsFormFieldExpose | unde
 export declare function resolveRsFormSize(size?: RsFormSize, form?: RsFormContext | null): ComputedRef<RsFormSize>;
 /** 供 Form 内部解析某字段 rules */
 export declare function resolveFieldRules(rules: RsFormRules | undefined, name?: string): RsFormRuleItem[];
+/** clearValidation / resetFields 的 names 过滤。不传则清全部。 */
+export declare function normalizeRsFormNameFilter(names?: string | string[]): Set<string> | null;
+export declare function escapeRsFormSelectorValue(value: string): string;
+export declare function prefersRsReducedMotion(): boolean;
+/** 在本表根内找 data-rs-form-item，避免两张同名字段的表滚错。 */
+export declare function queryRsFormItem(root: ParentNode | null | undefined, name: RsFormNamePath): HTMLElement | null;
+export declare function scrollRsFormField(root: ParentNode | null | undefined, name: RsFormNamePath): void;

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

@@ -63,5 +63,32 @@ function resolveFieldRules(rules, name) {
 	if (!name || !rules) return [];
 	return normalizeFormRules(rules[name]);
 }
+/** clearValidation / resetFields 的 names 过滤。不传则清全部。 */
+function normalizeRsFormNameFilter(names) {
+	if (!names) return null;
+	return new Set(Array.isArray(names) ? names : [names]);
+}
+function escapeRsFormSelectorValue(value) {
+	if (typeof CSS !== "undefined" && typeof CSS.escape === "function") return CSS.escape(value);
+	return value.replace(/["\\]/g, (ch) => `\\${ch}`);
+}
+function prefersRsReducedMotion() {
+	return typeof matchMedia === "function" && matchMedia("(prefers-reduced-motion: reduce)").matches;
+}
+/** 在本表根内找 data-rs-form-item，避免两张同名字段的表滚错。 */
+function queryRsFormItem(root, name) {
+	if (!root || typeof root.querySelector !== "function") return null;
+	const key = namePathKey(name);
+	const el = root.querySelector(`[data-rs-form-item="${escapeRsFormSelectorValue(key)}"]`);
+	return el instanceof HTMLElement ? el : null;
+}
+function scrollRsFormField(root, name) {
+	const el = queryRsFormItem(root, name);
+	if (!el) return;
+	el.scrollIntoView({
+		block: "nearest",
+		behavior: prefersRsReducedMotion() ? "auto" : "smooth"
+	});
+}
 //#endregion
-export { RS_FORM_INJECTION_KEY, RS_FORM_ITEM_INJECTION_KEY, RS_FORM_LIST_INJECTION_KEY, cloneFormFieldValue, isRsFormItemBoundControl, provideRsFormContext, provideRsFormItemContext, provideRsFormListContext, resolveFieldRules, useRsFormContext, useRsFormField, useRsFormItemContext, useRsFormListContext };
+export { RS_FORM_INJECTION_KEY, RS_FORM_ITEM_INJECTION_KEY, RS_FORM_LIST_INJECTION_KEY, cloneFormFieldValue, escapeRsFormSelectorValue, isRsFormItemBoundControl, normalizeRsFormNameFilter, prefersRsReducedMotion, provideRsFormContext, provideRsFormItemContext, provideRsFormListContext, queryRsFormItem, resolveFieldRules, scrollRsFormField, useRsFormContext, useRsFormField, useRsFormItemContext, useRsFormListContext };

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

@@ -1,4 +1,4 @@
 export { default as RsInput } from './src/RsInput.js';
-export type { RsInputExpose, RsInputInstance } from './src/RsInput.js';
+export type { RsInputExpose, RsInputInstance, RsInputType } from './src/RsInput.js';
 export type { RsInputRule, RsInputValidateTrigger, RsInputValidateResult, } from './src/input-rules';
 export { validateInputRule, runInputValidation, getInputRuleMessage, inputRuleMessageKeys, } from './src/input-rules';