niuma-ui 1.3.8 → 2.0.0

package/dist/components/form/src/RsFormList.impl.js

@@ -0,0 +1,86 @@
+import { concatNamePath } from "./form-path.js";
+import { provideRsFormListContext, useRsFormContext, useRsFormListContext } from "./form-utils.js";
+import { computed, createElementBlock, defineComponent, openBlock, ref, renderSlot, watch } from "vue";
+//#region src/components/form/src/RsFormList.vue?vue&type=script&setup=true&lang.ts
+var _hoisted_1 = { class: "rs-form-list" };
+/**
+* 动态数组字段（对齐 Ant Design Form.List）。
+* 需要 Form.model；子 Item 的 name 为相对路径，会拼上 List 前缀。
+*/
+var RsFormList_vue_vue_type_script_setup_true_lang_default = /*@__PURE__*/ defineComponent({
+	name: "RsFormList",
+	__name: "RsFormList",
+	props: { name: {} },
+	setup(__props) {
+		const props = __props;
+		const form = useRsFormContext();
+		const parentList = useRsFormListContext();
+		const prefix = computed(() => concatNamePath(parentList?.prefix.value, props.name));
+		provideRsFormListContext({ prefix });
+		const rowKeys = ref([]);
+		let keySeed = 0;
+		function readList() {
+			const raw = form?.getFieldValue(prefix.value);
+			return Array.isArray(raw) ? raw : [];
+		}
+		function writeList(next) {
+			form?.setFieldValue(prefix.value, next);
+		}
+		function syncKeys(length) {
+			const keys = rowKeys.value;
+			if (keys.length === length) return;
+			if (keys.length < length) {
+				const next = keys.slice();
+				while (next.length < length) {
+					keySeed += 1;
+					next.push(keySeed);
+				}
+				rowKeys.value = next;
+				return;
+			}
+			rowKeys.value = keys.slice(0, length);
+		}
+		watch(() => readList().length, (length) => {
+			syncKeys(length);
+		}, { immediate: true });
+		const fields = computed(() => readList().map((_, index) => ({
+			key: rowKeys.value[index] ?? index,
+			name: index,
+			index
+		})));
+		const add = (defaultValue = {}) => {
+			const current = readList();
+			keySeed += 1;
+			rowKeys.value = [...rowKeys.value, keySeed];
+			writeList([...current, defaultValue]);
+		};
+		const remove = (index) => {
+			const current = readList();
+			if (index < 0 || index >= current.length) return;
+			rowKeys.value = rowKeys.value.filter((_, i) => i !== index);
+			writeList(current.filter((_, i) => i !== index));
+		};
+		const move = (from, to) => {
+			const current = readList();
+			if (from === to || from < 0 || to < 0 || from >= current.length || to >= current.length) return;
+			const next = current.slice();
+			const [row] = next.splice(from, 1);
+			next.splice(to, 0, row);
+			const keys = rowKeys.value.slice();
+			const [key] = keys.splice(from, 1);
+			keys.splice(to, 0, key);
+			rowKeys.value = keys;
+			writeList(next);
+		};
+		return (_ctx, _cache) => {
+			return openBlock(), createElementBlock("div", _hoisted_1, [renderSlot(_ctx.$slots, "default", {
+				fields: fields.value,
+				add,
+				remove,
+				move
+			})]);
+		};
+	}
+});
+//#endregion
+export { RsFormList_vue_vue_type_script_setup_true_lang_default as default };

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

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

package/dist/components/form/src/form-item-control.js

@@ -0,0 +1,46 @@
+import { Comment, Fragment, Text, cloneVNode, isVNode } from "vue";
+//#region src/components/form/src/form-item-control.ts
+function flattenVNodes(nodes, out = []) {
+	for (const node of nodes) {
+		if (node == null || typeof node === "boolean") continue;
+		if (Array.isArray(node)) {
+			flattenVNodes(node, out);
+			continue;
+		}
+		if (!isVNode(node)) continue;
+		if (node.type === Fragment && Array.isArray(node.children)) {
+			flattenVNodes(node.children, out);
+			continue;
+		}
+		out.push(node);
+	}
+	return out;
+}
+function isControlVNode(node) {
+	if (node.type === Comment || node.type === Text) return false;
+	return true;
+}
+/**
+* 把 Form.Item 的 id / aria / invalid / v-model 注入到默认插槽的第一个控件（对齐 Ant cloneElement）。
+* 只有这个直接子节点跟 Item 的 error；子孙里的搜索框不吃 invalid。
+* 子节点已绑定 v-model 时不覆盖（switch Y/N、select 类型映射等）。
+*/
+function bindFormItemControl(children, extra) {
+	if (!children?.length) return children;
+	const flat = flattenVNodes(children);
+	const index = flat.findIndex(isControlVNode);
+	if (index < 0) return children;
+	const target = flat[index];
+	if (!target) return children;
+	const next = flat.slice();
+	next[index] = cloneVNode(target, pickControlInject(target, extra), true);
+	return next;
+}
+function pickControlInject(node, extra) {
+	const props = node.props;
+	if (!props || !("modelValue" in props || "onUpdate:modelValue" in props)) return extra;
+	const { modelValue: _model, "onUpdate:modelValue": _update, ...rest } = extra;
+	return rest;
+}
+//#endregion
+export { bindFormItemControl };

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

@@ -0,0 +1,78 @@
+//#region src/components/form/src/form-path.ts
+/** 路径段是否为数组下标（Form.List 相对 name 的第一段）。 */
+function isIndexSegment(seg) {
+	if (typeof seg === "number") return Number.isInteger(seg) && seg >= 0;
+	return /^\d+$/.test(seg);
+}
+/**
+* 将 NamePath 规范为路径段。字符串按 `.` 拆分。
+*/
+function normalizeNamePath(name) {
+	if (name == null || name === "") return [];
+	if (Array.isArray(name)) return name.filter((seg) => seg !== "");
+	return String(name).split(".").filter((seg) => seg !== "");
+}
+/**
+* 拼接多段 NamePath（List 前缀 + Item name）。
+*/
+function concatNamePath(...parts) {
+	return parts.flatMap((part) => normalizeNamePath(part));
+}
+/**
+* 路径转 rules / DOM 使用的稳定键。
+*/
+function namePathKey(name) {
+	return normalizeNamePath(name).map(String).join(".");
+}
+/**
+* 路径是否已存在于对象树上（含值为 null / undefined 的叶子）。
+*/
+function hasByNamePath(source, name) {
+	const keys = normalizeNamePath(name);
+	if (!keys.length) return false;
+	let current = source;
+	for (const key of keys) {
+		if (current == null || typeof current !== "object") return false;
+		if (!Object.prototype.hasOwnProperty.call(current, String(key))) return false;
+		current = current[String(key)];
+	}
+	return true;
+}
+/**
+* 按 NamePath 读取对象字段。
+*/
+function getByNamePath(source, name) {
+	const keys = normalizeNamePath(name);
+	if (!keys.length) return void 0;
+	let current = source;
+	for (const key of keys) {
+		if (current == null || typeof current !== "object") return void 0;
+		current = current[String(key)];
+	}
+	return current;
+}
+/**
+* 按 NamePath 写入对象字段。
+* 中间缺失的容器按下一段是否为下标补 `[]` 或 `{}`，已有数组不会被覆盖成对象。
+*/
+function setByNamePath(target, name, value) {
+	const keys = normalizeNamePath(name);
+	if (!keys.length) return;
+	let current = target;
+	for (let i = 0; i < keys.length - 1; i += 1) {
+		if (current == null || typeof current !== "object") return;
+		const obj = current;
+		const key = String(keys[i]);
+		const nextKey = keys[i + 1];
+		let next = obj[key];
+		if (next == null || typeof next !== "object") {
+			next = isIndexSegment(nextKey) ? [] : {};
+			obj[key] = next;
+		}
+		current = next;
+	}
+	if (current == null || typeof current !== "object") return;
+	current[String(keys[keys.length - 1])] = value;
+}
+//#endregion
+export { concatNamePath, getByNamePath, hasByNamePath, isIndexSegment, namePathKey, normalizeNamePath, setByNamePath };

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 "../../../locale/types.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("zh-CN");
+	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.js

@@ -0,0 +1,67 @@
+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]);
+}
+//#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 };

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,14 @@
+
+.rs-icon[data-v-b609f5dc] {
+  display: inline-block;
+  flex-shrink: 0;
+  vertical-align: middle;
+}
+.rs-icon--spin[data-v-b609f5dc] {
+  animation: rs-icon-spin-b609f5dc 0.8s linear infinite;
+}
+@keyframes rs-icon-spin-b609f5dc {
+to {
+    transform: rotate(360deg);
+}
+}

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

@@ -0,0 +1,24 @@
+import type { RsComponentSize } from '../../../theme/types';
+type __VLS_Props = {
+    /** Lucide 图标名（kebab-case，如 `house`、`trash-2`） */
+    name: string;
+    /** 数字 px、CSS 长度或 sm / md / lg 预设 */
+    size?: number | string | RsComponentSize;
+    /** 无障碍名称；有值时作为语义图标，无值时为装饰性图标 */
+    label?: string;
+    strokeWidth?: number | string;
+    /** 覆盖颜色，默认继承 currentColor */
+    color?: string;
+    /** 水平 / 垂直 / 双向翻转 */
+    flip?: 'horizontal' | 'vertical' | 'both';
+    /** 旋转角度（度），与 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,77 @@
+import { resolveLucideIcon } from "../../../icons/lucide.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",
+	props: {
+		name: {},
+		size: { default: "md" },
+		label: {},
+		strokeWidth: { default: 1.75 },
+		color: {},
+		flip: {},
+		rotate: {},
+		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 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 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 }]),
+				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-b609f5dc"]]);
+//#endregion
+export { RsIcon_default as default };

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

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