ensis-ui 0.0.0-stage → 3.0.1

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

@@ -0,0 +1,82 @@
+import { type RsTranslateFn } from '../../../locale/interpolate';
+import type { RsFormNamePath } from './form-path';
+import { type RsInputRule } from '../../input/src/input-rules';
+/** 校验触发时机（对齐 Ant Design Form） */
+export type RsFormRuleTrigger = 'blur' | 'change' | 'submit';
+/**
+ * validator 第二参：读取整表数据，供跨字段校验（B 依赖 A）。
+ */
+export interface RsFormValidatorContext {
+    name?: string;
+    getFieldValue: (name: RsFormNamePath) => unknown;
+    getFieldsValue: () => Record<string, unknown>;
+}
+/**
+ * 单条表单规则（声明式 + 自定义校验）。
+ * 对标 Ant Design / Element Plus Form rules 的常用子集。
+ */
+/** 规则文案：静态字符串，或按当前值动态生成（对齐 Ant Design message 函数能力） */
+export type RsFormRuleMessage = string | ((ctx: {
+    value: unknown;
+    rule: RsFormRuleItem;
+}) => string);
+export interface RsFormRuleItem {
+    required?: boolean;
+    /**
+     * 错误文案；未传时使用内置 i18n。
+     * 可传函数按当前值动态生成文案。
+     */
+    message?: RsFormRuleMessage;
+    /** 字符串长度下限 / 数值下限 */
+    min?: number;
+    /** 字符串长度上限 / 数值上限 */
+    max?: number;
+    /** 字符串精确长度 */
+    len?: number;
+    pattern?: RegExp;
+    /** 内置类型：email/phone 等，或 string/number/array */
+    type?: RsInputRule | 'string' | 'number' | 'array';
+    /**
+     * 自定义校验。返回 true 通过；false / 字符串为失败；支持 Promise。
+     * 第二参可读取其它字段（`getFieldValue` / `getFieldsValue`）。
+     */
+    validator?: (value: unknown, ctx: RsFormValidatorContext) => boolean | string | void | Promise<boolean | string | void>;
+    trigger?: RsFormRuleTrigger | RsFormRuleTrigger[];
+}
+/** 字段名 → 规则（单条或数组） */
+export type RsFormRules = Record<string, RsFormRuleItem | RsFormRuleItem[]>;
+export interface RsFormRuleValidateResult {
+    valid: boolean;
+    message?: string;
+}
+/**
+ * Form.validateMessages 模板（`{label}` 插值）。
+ * 对标 Ant Design Form.validateMessages。
+ */
+export interface RsFormValidateMessages {
+    required?: string;
+}
+export interface RsFormFieldRulesOptions {
+    trigger?: RsFormRuleTrigger;
+    t?: RsTranslateFn;
+    label?: string;
+    name?: string;
+    validateMessages?: RsFormValidateMessages;
+    getFieldValue?: (name: RsFormNamePath) => unknown;
+    getFieldsValue?: () => Record<string, unknown>;
+}
+export declare function normalizeFormRules(rules?: RsFormRuleItem | RsFormRuleItem[] | null): RsFormRuleItem[];
+export declare function matchFormRuleTrigger(rule: RsFormRuleItem, trigger?: RsFormRuleTrigger): boolean;
+/** 解析规则 message（字符串或函数） */
+export declare function resolveRuleMessage(rule: RsFormRuleItem, value: unknown, fallback: string): string;
+/**
+ * 按顺序执行字段规则，首条失败即返回。
+ */
+export declare function runFormFieldRules(value: unknown, rules: RsFormRuleItem[], options?: RsFormFieldRulesOptions): Promise<RsFormRuleValidateResult>;
+/** 将 Input 局部 props 转为规则列表，便于与 Form rules 合并 */
+export declare function buildLocalInputRules(options: {
+    required?: boolean;
+    rule?: RsInputRule;
+    validator?: (value: string) => boolean | string;
+    requiredMessage?: string;
+}): RsFormRuleItem[];

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

@@ -0,0 +1,130 @@
+import { interpolateRsMessage } from "../../../locale/interpolate.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
+function normalizeFormRules(rules) {
+	if (!rules) return [];
+	return Array.isArray(rules) ? rules : [rules];
+}
+function matchFormRuleTrigger(rule, trigger) {
+	if (!trigger || trigger === "submit") return true;
+	const ruleTrigger = rule.trigger;
+	if (!ruleTrigger) return true;
+	return (Array.isArray(ruleTrigger) ? ruleTrigger : [ruleTrigger]).includes(trigger);
+}
+function isEmptyValue(value) {
+	if (value == null) return true;
+	if (typeof value === "string") return value.trim() === "";
+	if (Array.isArray(value)) return value.length === 0;
+	if (typeof value === "object") {
+		const record = value;
+		if ("start" in record || "end" in record) return isEmptyValue(record.start) && isEmptyValue(record.end);
+	}
+	return false;
+}
+function valueLength(value) {
+	if (typeof value === "string") return value.trim().length;
+	if (typeof value === "number" && Number.isFinite(value)) return value;
+	if (Array.isArray(value)) return value.length;
+	return null;
+}
+function fail(message) {
+	return {
+		valid: false,
+		message
+	};
+}
+/** 解析规则 message（字符串或函数） */
+function resolveRuleMessage(rule, value, fallback) {
+	const message = rule.message;
+	if (typeof message === "function") return message({
+		value,
+		rule
+	});
+	if (typeof message === "string") return message;
+	return fallback;
+}
+function formatInvalid(rule, value, tr) {
+	return resolveRuleMessage(rule, value, tr("input.formatInvalid"));
+}
+/** 类型规则：string/number/array 或内置 email/phone 等 */
+function checkTypeRule(value, rule, tr) {
+	const type = rule.type;
+	if (!type) return null;
+	if (type === "string" && typeof value !== "string") return fail(formatInvalid(rule, value, tr));
+	if (type === "number" && typeof value !== "number") return fail(formatInvalid(rule, value, tr));
+	if (type === "array" && !Array.isArray(value)) return fail(formatInvalid(rule, value, tr));
+	if (type !== "string" && type !== "number" && type !== "array" && typeof value === "string" && !validateInputRule(value, type)) return fail(resolveRuleMessage(rule, value, getInputRuleMessage(type, tr)));
+	return null;
+}
+function checkPatternRule(value, rule, tr) {
+	if (!rule.pattern || typeof value !== "string") return null;
+	if (rule.pattern.test(value)) return null;
+	return fail(formatInvalid(rule, value, tr));
+}
+function checkLengthRule(value, rule, tr) {
+	const length = valueLength(value);
+	if (length == null) return null;
+	if (rule.len != null && length !== rule.len) return fail(formatInvalid(rule, value, tr));
+	if (rule.min != null && length < rule.min) return fail(formatInvalid(rule, value, tr));
+	if (rule.max != null && length > rule.max) return fail(formatInvalid(rule, value, tr));
+	return null;
+}
+async function checkValidatorRule(value, rule, tr, options) {
+	if (!rule.validator) return null;
+	const ctx = {
+		name: options?.name,
+		getFieldValue: options?.getFieldValue ?? (() => void 0),
+		getFieldsValue: options?.getFieldsValue ?? (() => ({}))
+	};
+	let result;
+	try {
+		result = await rule.validator(value, ctx);
+	} catch (err) {
+		return fail(err instanceof Error && err.message ? err.message : formatInvalid(rule, value, tr));
+	}
+	if (result === true || result === void 0 || result === null) return null;
+	if (result === false) return fail(formatInvalid(rule, value, tr));
+	if (typeof result === "string") return fail(result);
+	if (result instanceof Error) return fail(result.message || formatInvalid(rule, value, tr));
+	return null;
+}
+/**
+* 执行单条规则；通过返回 null，失败返回结果。
+* 空值且非必填时跳过格式类规则。
+*/
+async function evaluateFormRule(value, rule, tr, options) {
+	if (rule.required && isEmptyValue(value)) {
+		const label = options?.label?.trim();
+		return fail(resolveRuleMessage(rule, value, interpolateRsMessage(options?.validateMessages?.required ?? (label ? tr("form.validate.required") : tr("input.required")), { label: label || tr("form.field") })));
+	}
+	if (isEmptyValue(value)) return checkValidatorRule(value, rule, tr, options);
+	return checkTypeRule(value, rule, tr) ?? checkPatternRule(value, rule, tr) ?? checkLengthRule(value, rule, tr) ?? await checkValidatorRule(value, rule, tr, options);
+}
+/**
+* 按顺序执行字段规则，首条失败即返回。
+*/
+async function runFormFieldRules(value, rules, options) {
+	const tr = options?.t ?? createTranslator(resolveHostLocale());
+	const trigger = options?.trigger;
+	for (const rule of rules) {
+		if (!matchFormRuleTrigger(rule, trigger)) continue;
+		const failed = await evaluateFormRule(value, rule, tr, options);
+		if (failed) return failed;
+	}
+	return { valid: true };
+}
+/** 将 Input 局部 props 转为规则列表，便于与 Form rules 合并 */
+function buildLocalInputRules(options) {
+	const list = [];
+	if (options.required) list.push({
+		required: true,
+		message: options.requiredMessage
+	});
+	if (options.rule) list.push({ type: options.rule });
+	if (options.validator) list.push({ validator: (value) => options.validator(String(value ?? "")) });
+	return list;
+}
+//#endregion
+export { buildLocalInputRules, matchFormRuleTrigger, normalizeFormRules, resolveRuleMessage, runFormFieldRules };

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

@@ -0,0 +1,127 @@
+import { type ComputedRef, type InjectionKey, type Ref, type VNodeChild } from 'vue';
+import type { RsFormRuleItem, RsFormRuleTrigger, RsFormRules, RsFormValidateMessages } from './form-rules';
+import { type RsFormNamePath } from './form-path';
+/** 自定义错误渲染上下文（Form / 字段共用） */
+export interface RsFormErrorRenderContext {
+    name?: string;
+    message: string;
+    value: unknown;
+}
+/**
+ * 自定义错误渲染（对齐 Ant Design Form.Item help / Element #error）。
+ * 返回 VNode / 字符串；返回 null/undefined 时回退默认文案。
+ */
+export type RsFormErrorRender = (ctx: RsFormErrorRenderContext) => VNodeChild | null | undefined;
+export type RsFormLabelPosition = 'top' | 'left';
+export type RsFormLabelAlign = 'start' | 'end';
+export type RsFormSize = 'ssm' | 'sm' | 'md' | 'lg';
+export type RsFormGap = 'sm' | 'md' | 'lg';
+export type RsFormMaxWidth = 'sm' | 'md' | 'lg' | 'full' | 'none';
+/** Form.Item 校验态（对齐 Ant Design validateStatus） */
+export type RsFormValidateStatus = 'success' | 'warning' | 'error' | 'validating' | '';
+/** 整表校验结果（含按字段名聚合的错误） */
+export interface RsFormValidationResult {
+    valid: boolean;
+    /** 字段名 → 首条错误文案；无 name 的字段不计入 */
+    errors: Record<string, string>;
+}
+export interface RsFormFieldValidationResult {
+    valid: boolean;
+    message?: string;
+    name?: string;
+}
+export interface RsFormFieldExpose {
+    /** 字段名，用于匹配 Form.rules */
+    name?: string;
+    getValue: () => unknown;
+    setValue: (value: unknown) => void;
+    validate?: (trigger?: RsFormRuleTrigger) => RsFormFieldValidationResult | Promise<RsFormFieldValidationResult>;
+    clearValidation?: () => void;
+    /** 由 Form 或外部写入错误态 */
+    setError?: (message: string) => void;
+}
+export interface RsFormContext {
+    disabled: Readonly<Ref<boolean>>;
+    labelPosition: ComputedRef<RsFormLabelPosition>;
+    labelWidth: Readonly<Ref<string>>;
+    labelAlign: Readonly<Ref<RsFormLabelAlign>>;
+    size: Readonly<Ref<RsFormSize>>;
+    /** 当前 Form 上的 rules（响应式读取） */
+    rules: Readonly<Ref<RsFormRules | undefined>>;
+    getFieldRules: (name?: string) => RsFormRuleItem[];
+    /** Form 级自定义错误渲染；字段无 #error 时使用 */
+    renderError?: RsFormErrorRender;
+    registerField: (id: symbol, field: RsFormFieldExpose) => void;
+    unregisterField: (id: symbol) => void;
+    /** 可选数据中枢（Form.model） */
+    model: Readonly<Ref<Record<string, unknown> | undefined>>;
+    validateMessages: ComputedRef<RsFormValidateMessages | undefined>;
+    getFieldValue: (name: RsFormNamePath) => unknown;
+    setFieldValue: (name: RsFormNamePath, value: unknown) => void;
+    getFieldsValue: () => Record<string, unknown>;
+}
+export declare const RS_FORM_INJECTION_KEY: InjectionKey<RsFormContext>;
+export declare function cloneFormFieldValue(value: unknown): unknown;
+/**
+ * Form.Item 上下文（对齐 Element `elFormItem` / Ant Design Form.Item）。
+ * invalid 只属于绑定控件：Item 通过 cloneElement 打到直接子节点，
+ * 子孙里的搜索框等应先用 isRsFormItemBoundControl 判断，不要一律跟 Item 变红。
+ */
+export interface RsFormItemContext {
+    name: ComputedRef<string | undefined>;
+    /** 已声明 name 时 Item 拥有字段，内置控件不再向 Form 注册 */
+    ownsField: ComputedRef<boolean>;
+    invalid: ComputedRef<boolean>;
+    message: ComputedRef<string>;
+    status: ComputedRef<RsFormValidateStatus>;
+    fieldId: ComputedRef<string>;
+    errorId: ComputedRef<string>;
+    describedBy: ComputedRef<string | undefined>;
+}
+export declare const RS_FORM_ITEM_INJECTION_KEY: InjectionKey<RsFormItemContext>;
+export declare function provideRsFormItemContext(context: RsFormItemContext): void;
+export declare function useRsFormItemContext(): RsFormItemContext | null;
+/**
+ * Form.List 上下文：子 Item 的 name 会拼上 List 前缀（users + [0, 'name'] → users.0.name）。
+ */
+export interface RsFormListContext {
+    prefix: ComputedRef<Array<string | number>>;
+}
+/** Form.List 默认插槽中的一行 */
+export interface RsFormListField {
+    /** 稳定行键，用于 v-for */
+    key: number;
+    /** 当前下标，作为子 Item name 的第一段 */
+    name: number;
+    index: number;
+}
+/** Form.List 增删改操作 */
+export interface RsFormListOperations {
+    add: (defaultValue?: unknown) => void;
+    remove: (index: number) => void;
+    move: (from: number, to: number) => void;
+}
+export declare const RS_FORM_LIST_INJECTION_KEY: InjectionKey<RsFormListContext>;
+export declare function provideRsFormListContext(context: RsFormListContext): void;
+export declare function useRsFormListContext(): RsFormListContext | null;
+export declare function provideRsFormContext(context: RsFormContext): void;
+export declare function useRsFormContext(): RsFormContext | null;
+/**
+ * 是否为 Form.Item 的绑定控件（对齐 Ant Design cloneElement）。
+ * name 与 Item 相同，或 id 等于 Item 注入的 fieldId。
+ */
+export declare function isRsFormItemBoundControl(item: RsFormItemContext | null | undefined, control: {
+    id?: string;
+    name?: string;
+}): boolean;
+export declare function useRsFormField(getExpose: () => RsFormFieldExpose | undefined): void;
+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

@@ -0,0 +1,94 @@
+import { normalizeFormRules } from "./form-rules.js";
+import { namePathKey } from "./form-path.js";
+import { inject, onMounted, onUnmounted, provide } from "vue";
+//#region src/components/form/src/form-utils.ts
+var RS_FORM_INJECTION_KEY = Symbol("RsForm");
+function cloneFormFieldValue(value) {
+	if (value === void 0 || value === null) return value;
+	if (typeof value !== "object") return value;
+	try {
+		return structuredClone(value);
+	} catch {
+		return value;
+	}
+}
+var RS_FORM_ITEM_INJECTION_KEY = Symbol("RsFormItem");
+function provideRsFormItemContext(context) {
+	provide(RS_FORM_ITEM_INJECTION_KEY, context);
+}
+function useRsFormItemContext() {
+	return inject(RS_FORM_ITEM_INJECTION_KEY, null);
+}
+var RS_FORM_LIST_INJECTION_KEY = Symbol("RsFormList");
+function provideRsFormListContext(context) {
+	provide(RS_FORM_LIST_INJECTION_KEY, context);
+}
+function useRsFormListContext() {
+	return inject(RS_FORM_LIST_INJECTION_KEY, null);
+}
+function provideRsFormContext(context) {
+	provide(RS_FORM_INJECTION_KEY, context);
+}
+function useRsFormContext() {
+	return inject(RS_FORM_INJECTION_KEY, null);
+}
+/**
+* 是否为 Form.Item 的绑定控件（对齐 Ant Design cloneElement）。
+* name 与 Item 相同，或 id 等于 Item 注入的 fieldId。
+*/
+function isRsFormItemBoundControl(item, control) {
+	if (!item?.ownsField.value) return false;
+	const itemName = item.name.value;
+	if (control.name && itemName && namePathKey(control.name) === itemName) return true;
+	if (control.id && control.id === item.fieldId.value) return true;
+	return false;
+}
+function useRsFormField(getExpose) {
+	const form = useRsFormContext();
+	const item = useRsFormItemContext();
+	if (!form) return;
+	const fieldId = Symbol("rs-form-field");
+	onMounted(() => {
+		if (item?.ownsField.value) return;
+		const expose = getExpose();
+		if (!expose?.name) return;
+		form.registerField(fieldId, expose);
+	});
+	onUnmounted(() => {
+		form.unregisterField(fieldId);
+	});
+}
+/** 供 Form 内部解析某字段 rules */
+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, escapeRsFormSelectorValue, isRsFormItemBoundControl, normalizeRsFormNameFilter, prefersRsReducedMotion, provideRsFormContext, provideRsFormItemContext, provideRsFormListContext, queryRsFormItem, resolveFieldRules, scrollRsFormField, useRsFormContext, useRsFormField, useRsFormItemContext, useRsFormListContext };

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

@@ -0,0 +1 @@
+export { default as RsIcon } from './src/RsIcon.js';

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

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

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

@@ -0,0 +1,25 @@
+import type { RsComponentSize } from '../../../theme/types';
+import { type RsIconFlip } from './icon-utils';
+type __VLS_Props = {
+    /** Lucide kebab-case（如 `house`）、内置品牌 mark，或 `registerRsIcon` 登记的名字 */
+    name: string;
+    /** 数字 px、CSS 长度，或与控件同一套 ssm / sm / md / lg */
+    size?: number | string | RsComponentSize;
+    /** 无障碍名称；有值时作为语义图标，无值时为装饰性图标 */
+    label?: string;
+    strokeWidth?: number | string;
+    /** 覆盖颜色，默认继承 currentColor */
+    color?: string;
+    /** 水平 / 垂直 / 双向翻转 */
+    flip?: RsIconFlip;
+    /** 旋转角度（度），与 spin 不宜同时使用 */
+    rotate?: number;
+    /** 旋转动画，适合 loader 等加载态 */
+    spin?: boolean;
+};
+declare const __VLS_export: import("vue").DefineComponent<__VLS_Props, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<__VLS_Props> & Readonly<{}>, {
+    size: number | string | RsComponentSize;
+    strokeWidth: number | string;
+}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
+declare const _default: typeof __VLS_export;
+export default _default;

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

@@ -0,0 +1,59 @@
+import { isRsBrandIconName } from "../../../icons/brand.js";
+import { resolveLucideIcon } from "../../../icons/lucide.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: {},
+		size: { default: "md" },
+		label: {},
+		strokeWidth: { default: 1.75 },
+		color: {},
+		flip: {},
+		rotate: {},
+		spin: { type: Boolean }
+	},
+	setup(__props) {
+		const props = __props;
+		const iconComponent = computed(() => resolveLucideIcon(props.name));
+		const lucideSize = computed(() => resolveRsIconPixelSize(props.size));
+		const isBrand = computed(() => isRsBrandIconName(props.name));
+		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), {
+				key: 0,
+				class: normalizeClass(["rs-icon", {
+					"rs-icon--spin": __props.spin,
+					"rs-icon--brand": isBrand.value
+				}]),
+				style: normalizeStyle(iconStyle.value),
+				size: lucideSize.value,
+				"stroke-width": __props.strokeWidth,
+				color: __props.color,
+				"aria-hidden": isSemantic.value ? void 0 : true,
+				"aria-label": __props.label,
+				role: isSemantic.value ? "img" : void 0
+			}, null, 8, [
+				"class",
+				"style",
+				"size",
+				"stroke-width",
+				"color",
+				"aria-hidden",
+				"aria-label",
+				"role"
+			])) : createCommentVNode("", true);
+		};
+	}
+});
+//#endregion
+export { RsIcon_vue_vue_type_script_setup_true_lang_default as default };

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

@@ -0,0 +1,8 @@
+import './RsIcon.css'
+import _plugin_vue_export_helper_default from "../../../_virtual/_plugin-vue_export-helper.js";
+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-8513cc7f"]]);
+//#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

@@ -0,0 +1,4 @@
+export { default as RsInput } 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';