niuma-ui 1.1.12 → 1.2.0

package/dist/components/RsForm.impl.js

@@ -0,0 +1,188 @@
+import { getByNamePath, namePathKey, setByNamePath } from "./form-path.js";
+import { cloneFormFieldValue, provideRsFormContext, resolveFieldRules } from "./form-utils.js";
+import { computed, createElementBlock, defineComponent, normalizeClass, openBlock, ref, renderSlot, toRef, useSlots } from "vue";
+//#region src/components/RsForm.vue?vue&type=script&setup=true&lang.ts
+var RsForm_vue_vue_type_script_setup_true_lang_default = /*@__PURE__*/ defineComponent({
+	__name: "RsForm",
+	props: {
+		disabled: {
+			type: Boolean,
+			default: false
+		},
+		labelPosition: { default: "top" },
+		labelWidth: { default: "6rem" },
+		labelAlign: { default: "start" },
+		size: { default: "md" },
+		gap: { default: "md" },
+		maxWidth: { default: "full" },
+		rules: {},
+		model: {},
+		validateMessages: {},
+		validateOnSubmit: {
+			type: Boolean,
+			default: true
+		},
+		errorRender: {}
+	},
+	emits: ["submit", "validate"],
+	setup(__props, { expose: __expose, emit: __emit }) {
+		const props = __props;
+		const emit = __emit;
+		const slots = useSlots();
+		const fields = /* @__PURE__ */ new Map();
+		const disabledRef = computed(() => props.disabled);
+		const labelPositionRef = computed(() => props.labelPosition);
+		const labelWidthRef = computed(() => props.labelWidth);
+		const labelAlignRef = computed(() => props.labelAlign);
+		const sizeRef = computed(() => props.size);
+		const rulesRef = toRef(props, "rules");
+		const modelRef = toRef(props, "model");
+		const validateMessagesRef = computed(() => props.validateMessages);
+		const initialValues = ref(/* @__PURE__ */ new Map());
+		function registerField(id, field) {
+			fields.set(id, field);
+			initialValues.value.set(id, cloneFormFieldValue(field.getValue()));
+		}
+		function unregisterField(id) {
+			fields.delete(id);
+			initialValues.value.delete(id);
+		}
+		function getFieldRules(name) {
+			return resolveFieldRules(props.rules, name);
+		}
+		function getFieldValue(name) {
+			if (modelRef.value) return getByNamePath(modelRef.value, name);
+			const key = namePathKey(name);
+			return Array.from(fields.values()).find((item) => item.name === key)?.getValue();
+		}
+		function setFieldValue(name, value) {
+			if (modelRef.value) {
+				setByNamePath(modelRef.value, name, value);
+				return;
+			}
+			const key = namePathKey(name);
+			Array.from(fields.values()).find((item) => item.name === key)?.setValue(value);
+		}
+		function getFieldsValue() {
+			if (modelRef.value) return { ...modelRef.value };
+			const values = {};
+			fields.forEach((field) => {
+				if (!field.name) return;
+				values[field.name] = field.getValue();
+			});
+			return values;
+		}
+		function setFieldsValue(values) {
+			Object.entries(values).forEach(([name, value]) => {
+				setFieldValue(name, value);
+			});
+		}
+		function scrollToField(name) {
+			if (typeof document === "undefined") return;
+			const key = namePathKey(name);
+			const el = document.querySelector(`[data-rs-form-item="${CSS.escape(key)}"]`);
+			if (el instanceof HTMLElement) el.scrollIntoView({
+				block: "nearest",
+				behavior: "smooth"
+			});
+		}
+		function renderError(ctx) {
+			if (slots.error) return slots.error(ctx);
+			return props.errorRender?.(ctx);
+		}
+		provideRsFormContext({
+			disabled: disabledRef,
+			labelPosition: labelPositionRef,
+			labelWidth: labelWidthRef,
+			labelAlign: labelAlignRef,
+			size: sizeRef,
+			rules: rulesRef,
+			getFieldRules,
+			renderError,
+			registerField,
+			unregisterField,
+			model: modelRef,
+			validateMessages: validateMessagesRef,
+			getFieldValue,
+			setFieldValue,
+			getFieldsValue
+		});
+		function collectResult(results) {
+			const errors = {};
+			for (const result of results) if (!result.valid && result.name && result.message && !errors[result.name]) errors[result.name] = result.message;
+			return {
+				valid: results.every((result) => result.valid),
+				errors
+			};
+		}
+		/** 校验全部字段；可传 trigger 过滤规则 */
+		async function validate(trigger = "submit") {
+			const aggregated = collectResult(await Promise.all(Array.from(fields.values()).map((field) => field.validate?.(trigger) ?? {
+				valid: true,
+				name: field.name
+			})));
+			emit("validate", aggregated);
+			return aggregated;
+		}
+		/** 按 name 校验单个字段 */
+		async function validateField(name, trigger = "submit") {
+			const field = Array.from(fields.values()).find((item) => item.name === name);
+			if (!field) return {
+				valid: true,
+				name
+			};
+			return {
+				...await field.validate?.(trigger) ?? {
+					valid: true,
+					name
+				},
+				name
+			};
+		}
+		function clearValidation(names) {
+			const nameSet = names ? new Set(Array.isArray(names) ? names : [names]) : null;
+			fields.forEach((field) => {
+				if (nameSet && (!field.name || !nameSet.has(field.name))) return;
+				field.clearValidation?.();
+			});
+		}
+		function resetFields(names) {
+			const nameSet = names ? new Set(Array.isArray(names) ? names : [names]) : null;
+			fields.forEach((field, id) => {
+				if (nameSet && (!field.name || !nameSet.has(field.name))) return;
+				field.setValue(cloneFormFieldValue(initialValues.value.get(id)));
+				field.clearValidation?.();
+			});
+		}
+		async function onSubmit(event) {
+			if (props.validateOnSubmit) {
+				event.preventDefault();
+				if (!(await validate("submit")).valid) return;
+			}
+			emit("submit", event);
+		}
+		__expose({
+			validate,
+			validateField,
+			clearValidation,
+			resetFields,
+			getFieldsValue,
+			setFieldsValue,
+			getFieldValue,
+			setFieldValue,
+			scrollToField
+		});
+		return (_ctx, _cache) => {
+			return openBlock(), createElementBlock("form", {
+				class: normalizeClass(["rs-form", [
+					`rs-form--gap-${__props.gap}`,
+					`rs-form--max-${__props.maxWidth}`,
+					`rs-form--label-${__props.labelPosition}`
+				]]),
+				onSubmit
+			}, [renderSlot(_ctx.$slots, "default", {}, void 0, true)], 34);
+		};
+	}
+});
+//#endregion
+export { RsForm_vue_vue_type_script_setup_true_lang_default as default };

package/dist/components/RsForm.js

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

package/dist/components/RsFormItem.css

@@ -0,0 +1,52 @@
+
+.rs-form-item__control[data-v-d87b2b06] {
+  width: 100%;
+  min-height: var(--rs-control-height-md);
+  min-width: 0;
+}
+
+/*
+ * 左侧标签与控件行等高、文字垂直居中。
+ * 网格仍是 align-items:start，错误文案在第 2 列，不会把 label 顶歪。
+ */
+.rs-field--label-left > .rs-field__label[data-v-d87b2b06] {
+  display: flex;
+  align-items: center;
+  box-sizing: border-box;
+  min-height: var(--rs-control-height-md);
+}
+.rs-form-item--ssm.rs-field--label-left > .rs-field__label[data-v-d87b2b06],
+.rs-form-item--ssm .rs-form-item__control[data-v-d87b2b06] {
+  min-height: var(--rs-control-height-ssm);
+}
+.rs-form-item--sm.rs-field--label-left > .rs-field__label[data-v-d87b2b06],
+.rs-form-item--sm .rs-form-item__control[data-v-d87b2b06] {
+  min-height: var(--rs-control-height-sm);
+}
+.rs-form-item--lg.rs-field--label-left > .rs-field__label[data-v-d87b2b06],
+.rs-form-item--lg .rs-form-item__control[data-v-d87b2b06] {
+  min-height: var(--rs-control-height-lg);
+}
+.rs-field--label-left .rs-form-item__control[data-v-d87b2b06],
+.rs-field--label-left .rs-form-item__error[data-v-d87b2b06],
+.rs-field--label-left .rs-form-item__help[data-v-d87b2b06],
+.rs-field--label-left .rs-form-item__extra[data-v-d87b2b06] {
+  grid-column: 2;
+}
+.rs-form-item__error[data-v-d87b2b06],
+.rs-form-item__help[data-v-d87b2b06],
+.rs-form-item__extra[data-v-d87b2b06] {
+  margin: 0.25rem 0 0;
+  font-size: var(--rs-font-size-xs);
+  line-height: var(--rs-line-height-tight);
+}
+.rs-form-item__error[data-v-d87b2b06] {
+  color: var(--rs-danger);
+}
+.rs-form-item__help[data-v-d87b2b06],
+.rs-form-item__extra[data-v-d87b2b06] {
+  color: var(--rs-muted);
+}
+.rs-form-item--warning .rs-form-item__error[data-v-d87b2b06] {
+  color: var(--rs-warning, #d48806);
+}

package/dist/components/RsFormItem.d.ts

@@ -0,0 +1,78 @@
+import { type RsFormLabelPosition, type RsFormValidateStatus } from './form-utils';
+import { type RsFormRuleItem, type RsFormRuleTrigger } from './form-rules';
+import { type RsFormNamePath } from './form-path';
+type __VLS_Props = {
+    name?: RsFormNamePath;
+    label?: string;
+    required?: boolean;
+    rules?: RsFormRuleItem | RsFormRuleItem[];
+    invalid?: boolean;
+    errorMessage?: string;
+    showMessage?: boolean;
+    hint?: string;
+    /** 始终展示的辅助说明（错误出现时仍保留） */
+    extra?: string;
+    /** 无错误时的说明；出错时被错误文案替换 */
+    help?: string;
+    validateStatus?: RsFormValidateStatus;
+    /** 不渲染标签与外壳，只保留控件与错误（schema 表单外置 label） */
+    noStyle?: boolean;
+    /** 依赖字段变化时重新校验本字段（对齐 Ant Design dependencies） */
+    dependencies?: RsFormNamePath[];
+    labelPosition?: RsFormLabelPosition;
+};
+declare function runValidate(trigger?: RsFormRuleTrigger): Promise<boolean>;
+declare function setError(message: string): void;
+declare function setValue(value: unknown): void;
+declare function clearValidation(): void;
+type __VLS_ModelProps = {
+    modelValue?: unknown;
+};
+type __VLS_PublicProps = __VLS_Props & __VLS_ModelProps;
+declare var __VLS_1: {}, __VLS_9: {
+    id: string;
+    invalid: boolean;
+    message: string;
+    field: string | undefined;
+    status: RsFormValidateStatus;
+}, __VLS_11: {
+    name: string | undefined;
+    message: string;
+    value: unknown;
+};
+type __VLS_Slots = {} & {
+    label?: (props: typeof __VLS_1) => any;
+} & {
+    default?: (props: typeof __VLS_9) => any;
+} & {
+    error?: (props: typeof __VLS_11) => any;
+};
+declare const __VLS_base: import("vue").DefineComponent<__VLS_PublicProps, {
+    validate: typeof runValidate;
+    clearValidation: typeof clearValidation;
+    setValue: typeof setValue;
+    setError: typeof setError;
+}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
+    "update:modelValue": (value: unknown) => any;
+    validate: (result: {
+        valid: boolean;
+        message?: string;
+    }) => any;
+}, string, import("vue").PublicProps, Readonly<__VLS_PublicProps> & Readonly<{
+    "onUpdate:modelValue"?: ((value: unknown) => any) | undefined;
+    onValidate?: ((result: {
+        valid: boolean;
+        message?: string;
+    }) => any) | undefined;
+}>, {
+    showMessage: boolean;
+    noStyle: 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;
+    };
+};

package/dist/components/RsFormItem.impl.js

@@ -0,0 +1,288 @@
+import { useRsI18n } from "../composables/useRsI18n.js";
+import { buildLocalInputRules, normalizeFormRules, runFormFieldRules } from "./form-rules.js";
+import { concatNamePath, isIndexSegment, namePathKey } from "./form-path.js";
+import { provideRsFormItemContext, useRsFormContext, useRsFormField, useRsFormListContext } from "./form-utils.js";
+import RsVNodeHost_default from "./RsVNodeHost.js";
+import RsFormItemControl_default from "./RsFormItemControl.js";
+import { Fragment, computed, createBlock, createCommentVNode, createElementBlock, createElementVNode, createTextVNode, createVNode, defineComponent, guardReactiveProps, mergeModels, normalizeClass, normalizeProps, normalizeStyle, openBlock, ref, renderSlot, toDisplayString, unref, useId, useModel, useSlots, watch, withCtx } from "vue";
+//#region src/components/RsFormItem.vue?vue&type=script&setup=true&lang.ts
+var _hoisted_1 = ["data-rs-form-item"];
+var _hoisted_2 = {
+	key: 0,
+	class: "rs-field__label"
+};
+var _hoisted_3 = ["for"];
+var _hoisted_4 = {
+	key: 0,
+	class: "rs-field__required",
+	"aria-hidden": "true"
+};
+var _hoisted_5 = { class: "rs-form-item__control" };
+var _hoisted_6 = ["id"];
+var _hoisted_7 = ["id"];
+var _hoisted_8 = {
+	key: 3,
+	class: "rs-field__hint"
+};
+var _hoisted_9 = ["id"];
+/**
+* 表单项容器：包住任意自定义控件，负责 name / rules / 错误文案。
+* 对标 Ant Design Form.Item、Element Plus ElFormItem。
+* 内置 RsInput / RsSelect 已自行注册；放在已声明 name 的 Item 内时不再重复注册。
+*/
+var RsFormItem_vue_vue_type_script_setup_true_lang_default = /*@__PURE__*/ defineComponent({
+	name: "RsFormItem",
+	__name: "RsFormItem",
+	props: /*@__PURE__*/ mergeModels({
+		name: {},
+		label: {},
+		required: { type: Boolean },
+		rules: {},
+		invalid: { type: Boolean },
+		errorMessage: {},
+		showMessage: {
+			type: Boolean,
+			default: true
+		},
+		hint: {},
+		extra: {},
+		help: {},
+		validateStatus: {},
+		noStyle: {
+			type: Boolean,
+			default: false
+		},
+		dependencies: {},
+		labelPosition: {}
+	}, {
+		"modelValue": {},
+		"modelModifiers": {}
+	}),
+	emits: /*@__PURE__*/ mergeModels(["validate"], ["update:modelValue"]),
+	setup(__props, { expose: __expose, emit: __emit }) {
+		const model = useModel(__props, "modelValue");
+		const props = __props;
+		const emit = __emit;
+		const { t } = useRsI18n();
+		const slots = useSlots();
+		const formContext = useRsFormContext();
+		const listContext = useRsFormListContext();
+		const fieldId = useId();
+		const errorId = computed(() => `${fieldId}-error`);
+		const extraId = computed(() => `${fieldId}-extra`);
+		const touched = ref(false);
+		const autoInvalid = ref(false);
+		const autoMessage = ref("");
+		const resolvedNamePath = computed(() => {
+			if (props.name == null) return void 0;
+			const own = concatNamePath(props.name);
+			if (!listContext) return own;
+			return concatNamePath(listContext.prefix.value, own);
+		});
+		const nameKey = computed(() => resolvedNamePath.value?.length ? namePathKey(resolvedNamePath.value) : void 0);
+		const ownsField = computed(() => Boolean(nameKey.value));
+		const resolvedLabelPosition = computed(() => props.labelPosition ?? formContext?.labelPosition.value ?? "top");
+		const resolvedLabelAlign = computed(() => formContext?.labelAlign.value ?? "start");
+		const resolvedSize = computed(() => formContext?.size.value ?? "md");
+		function readValue() {
+			const path = resolvedNamePath.value;
+			if (formContext && path?.length && formContext.model.value) return formContext.getFieldValue(path);
+			return model.value;
+		}
+		function writeValue(value) {
+			model.value = value;
+			const path = resolvedNamePath.value;
+			if (formContext?.model.value && path?.length) formContext.setFieldValue(path, value);
+		}
+		/**
+		* 解析 dependencies / getFieldValue 路径。
+		* List 内以数字下标开头的视为相对路径（[0, 'password'] → users.0.password）；
+		* 其它视为表单根路径，便于 List 内依赖根字段。
+		*/
+		function resolveWatchName(name) {
+			const segs = concatNamePath(name);
+			const prefix = listContext?.prefix.value;
+			if (!prefix?.length || !segs.length) return segs;
+			const first = segs[0];
+			if (first !== void 0 && isIndexSegment(first)) return concatNamePath(prefix, segs);
+			return segs;
+		}
+		const showRequiredMark = computed(() => {
+			if (props.required) return true;
+			const formRules = formContext?.getFieldRules(nameKey.value) ?? [];
+			const localRules = [...buildLocalInputRules({ required: props.required }), ...normalizeFormRules(props.rules)];
+			return [...formRules, ...localRules].some((rule) => rule.required);
+		});
+		const displayMessage = computed(() => {
+			if (props.errorMessage) return props.errorMessage;
+			if (props.showMessage && autoInvalid.value) return autoMessage.value;
+			return "";
+		});
+		const isInvalid = computed(() => {
+			if (props.validateStatus === "error") return true;
+			if (props.validateStatus) return false;
+			return props.invalid || autoInvalid.value;
+		});
+		const mergedStatus = computed(() => {
+			if (props.validateStatus) return props.validateStatus;
+			if (isInvalid.value) return "error";
+			return "";
+		});
+		const describedBy = computed(() => {
+			const ids = [];
+			if (displayMessage.value || props.help) ids.push(errorId.value);
+			if (props.extra) ids.push(extraId.value);
+			return ids.length ? ids.join(" ") : void 0;
+		});
+		const errorSlotProps = computed(() => ({
+			name: nameKey.value,
+			message: displayMessage.value,
+			value: readValue()
+		}));
+		const formErrorContent = computed(() => {
+			if (!displayMessage.value || !formContext?.renderError) return null;
+			return formContext.renderError(errorSlotProps.value);
+		});
+		const fieldStyle = computed(() => {
+			if (props.noStyle || resolvedLabelPosition.value !== "left") return void 0;
+			const labelWidth = formContext?.labelWidth.value;
+			if (!labelWidth) return void 0;
+			return { "--rs-field-label-width": labelWidth };
+		});
+		const showLabel = computed(() => Boolean(props.label || slots.label) && !props.noStyle);
+		const controlInject = computed(() => ({
+			id: fieldId,
+			invalid: isInvalid.value,
+			showValidateMessage: false,
+			"aria-invalid": isInvalid.value || void 0,
+			"aria-describedby": describedBy.value,
+			modelValue: readValue(),
+			"onUpdate:modelValue": writeValue
+		}));
+		async function runValidate(trigger = "submit") {
+			touched.value = true;
+			const formRules = formContext?.getFieldRules(nameKey.value) ?? [];
+			const localRules = [...buildLocalInputRules({ required: props.required }), ...normalizeFormRules(props.rules)];
+			const rules = [...formRules, ...localRules];
+			if (!rules.length) {
+				autoInvalid.value = false;
+				autoMessage.value = "";
+				emit("validate", { valid: true });
+				return true;
+			}
+			const result = await runFormFieldRules(readValue(), rules, {
+				trigger,
+				t,
+				name: nameKey.value,
+				label: typeof props.label === "string" ? props.label : void 0,
+				validateMessages: formContext?.validateMessages.value,
+				getFieldValue: (name) => formContext?.getFieldValue(resolveWatchName(name)),
+				getFieldsValue: () => formContext?.getFieldsValue() ?? {}
+			});
+			autoInvalid.value = !result.valid;
+			autoMessage.value = result.message ?? "";
+			emit("validate", result);
+			return result.valid;
+		}
+		function setError(message) {
+			autoInvalid.value = true;
+			autoMessage.value = message;
+		}
+		function setValue(value) {
+			writeValue(value);
+		}
+		function clearValidation() {
+			touched.value = false;
+			autoInvalid.value = false;
+			autoMessage.value = "";
+		}
+		useRsFormField(() => {
+			if (!nameKey.value) return void 0;
+			return {
+				name: nameKey.value,
+				getValue: () => readValue(),
+				setValue,
+				validate: async (trigger) => {
+					return {
+						valid: await runValidate(trigger ?? "submit"),
+						message: autoMessage.value || void 0,
+						name: nameKey.value
+					};
+				},
+				clearValidation,
+				setError
+			};
+		});
+		provideRsFormItemContext({
+			name: nameKey,
+			ownsField,
+			invalid: isInvalid,
+			message: displayMessage,
+			status: mergedStatus,
+			fieldId: computed(() => fieldId),
+			errorId,
+			describedBy
+		});
+		watch(() => readValue(), () => {
+			if (touched.value) runValidate("change");
+		});
+		watch(() => JSON.stringify((props.dependencies ?? []).map((name) => formContext?.getFieldValue(resolveWatchName(name)))), (_next, prev) => {
+			if (prev === void 0) return;
+			const current = readValue();
+			const hasValue = current != null && !(typeof current === "string" && current.trim() === "");
+			if (touched.value || autoInvalid.value || hasValue) runValidate("change");
+		});
+		__expose({
+			validate: runValidate,
+			clearValidation,
+			setValue,
+			setError
+		});
+		return (_ctx, _cache) => {
+			return openBlock(), createElementBlock("div", {
+				class: normalizeClass(["rs-form-item", [
+					!__props.noStyle ? "rs-field" : void 0,
+					!__props.noStyle ? `rs-field--label-${resolvedLabelPosition.value}` : void 0,
+					!__props.noStyle && resolvedLabelPosition.value === "left" && resolvedLabelAlign.value === "end" ? "rs-field--label-align-end" : void 0,
+					mergedStatus.value ? `rs-form-item--${mergedStatus.value}` : void 0,
+					`rs-form-item--${resolvedSize.value}`
+				]]),
+				style: normalizeStyle(fieldStyle.value),
+				"data-rs-form-item": nameKey.value
+			}, [
+				showLabel.value ? (openBlock(), createElementBlock("span", _hoisted_2, [renderSlot(_ctx.$slots, "label", {}, () => [createElementVNode("label", { for: unref(fieldId) }, toDisplayString(__props.label), 9, _hoisted_3)], true), showRequiredMark.value ? (openBlock(), createElementBlock("span", _hoisted_4, "*")) : createCommentVNode("", true)])) : createCommentVNode("", true),
+				createElementVNode("div", _hoisted_5, [createVNode(RsFormItemControl_default, { inject: controlInject.value }, {
+					default: withCtx(() => [renderSlot(_ctx.$slots, "default", {
+						id: unref(fieldId),
+						invalid: isInvalid.value,
+						message: displayMessage.value,
+						field: nameKey.value,
+						status: mergedStatus.value
+					}, void 0, true)]),
+					_: 3
+				}, 8, ["inject"])]),
+				displayMessage.value ? (openBlock(), createElementBlock("p", {
+					key: 1,
+					id: errorId.value,
+					class: "rs-form-item__error",
+					role: "alert"
+				}, [renderSlot(_ctx.$slots, "error", normalizeProps(guardReactiveProps(errorSlotProps.value)), () => [formErrorContent.value !== null && formErrorContent.value !== void 0 ? (openBlock(), createBlock(RsVNodeHost_default, {
+					key: 0,
+					content: formErrorContent.value
+				}, null, 8, ["content"])) : (openBlock(), createElementBlock(Fragment, { key: 1 }, [createTextVNode(toDisplayString(displayMessage.value), 1)], 64))], true)], 8, _hoisted_6)) : __props.help ? (openBlock(), createElementBlock("p", {
+					key: 2,
+					id: errorId.value,
+					class: "rs-form-item__help"
+				}, toDisplayString(__props.help), 9, _hoisted_7)) : createCommentVNode("", true),
+				__props.hint && !__props.noStyle ? (openBlock(), createElementBlock("span", _hoisted_8, toDisplayString(__props.hint), 1)) : createCommentVNode("", true),
+				__props.extra ? (openBlock(), createElementBlock("span", {
+					key: 4,
+					id: extraId.value,
+					class: "rs-form-item__extra"
+				}, toDisplayString(__props.extra), 9, _hoisted_9)) : createCommentVNode("", true)
+			], 14, _hoisted_1);
+		};
+	}
+});
+//#endregion
+export { RsFormItem_vue_vue_type_script_setup_true_lang_default as default };

package/dist/components/RsFormItem.js

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

package/dist/components/RsFormItemControl.d.ts

@@ -0,0 +1,21 @@
+import { type PropType, type VNode } from 'vue';
+/**
+ * 将 inject 合并到默认插槽第一个子节点，供 Form.Item 注入控件 props。
+ */
+declare const _default: typeof __VLS_export;
+export default _default;
+declare const __VLS_export: import("vue").DefineComponent<import("vue").ExtractPropTypes<{
+    inject: {
+        type: PropType<Record<string, unknown>>;
+        default: () => {};
+    };
+}>, () => VNode<import("vue").RendererNode, import("vue").RendererElement, {
+    [key: string]: any;
+}>[] | undefined, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<{
+    inject: {
+        type: PropType<Record<string, unknown>>;
+        default: () => {};
+    };
+}>> & Readonly<{}>, {
+    inject: Record<string, unknown>;
+}, {}, {}, {}, string, import("vue").ComponentProvideOptions, true, {}, any>;

package/dist/components/RsFormItemControl.impl.js

@@ -0,0 +1,19 @@
+import { bindFormItemControl } from "./form-item-control.js";
+import { defineComponent } from "vue";
+//#region src/components/RsFormItemControl.vue?vue&type=script&lang.ts
+/**
+* 将 inject 合并到默认插槽第一个子节点，供 Form.Item 注入控件 props。
+*/
+var RsFormItemControl_vue_vue_type_script_lang_default = defineComponent({
+	name: "RsFormItemControl",
+	inheritAttrs: false,
+	props: { inject: {
+		type: Object,
+		default: () => ({})
+	} },
+	setup(props, { slots }) {
+		return () => bindFormItemControl(slots.default?.(), props.inject);
+	}
+});
+//#endregion
+export { RsFormItemControl_vue_vue_type_script_lang_default as default };

package/dist/components/RsFormItemControl.js

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