@vef-framework-react/components 2.1.0

package/dist/es/form/components/reset-button.js

@@ -0,0 +1,25 @@
+/*! @vef-framework-react/components v2.1.0 made by Venus | 2026-03-27T08:01:44.052Z */
+import { Button as e } from "../../button/index.js";
+import { useFormContext as t } from "../contexts/form-context.js";
+import { jsx as n } from "@emotion/react/jsx-runtime";
+import { useDisabled as r } from "@vef-framework-react/core";
+//#region src/form/components/reset-button.tsx
+function i({ children: i = "重置", disabled: a, loading: o, onReset: s, ...c }) {
+	let { Subscribe: l } = t(), u = r();
+	return /* @__PURE__ */ n(l, {
+		selector: (e) => e.isSubmitting,
+		children: (t) => {
+			let r = u || a || t;
+			return /* @__PURE__ */ n(e, {
+				...c,
+				disabled: o ? !1 : r,
+				htmlType: "reset",
+				loading: o,
+				onClick: s,
+				children: i
+			});
+		}
+	});
+}
+//#endregion
+export { i as ResetButton };

package/dist/es/form/components/submit-button.js

@@ -0,0 +1,26 @@
+/*! @vef-framework-react/components v2.1.0 made by Venus | 2026-03-27T08:01:44.052Z */
+import { Button as e } from "../../button/index.js";
+import { useFormContext as t } from "../contexts/form-context.js";
+import { jsx as n } from "@emotion/react/jsx-runtime";
+import { useDisabled as r } from "@vef-framework-react/core";
+//#region src/form/components/submit-button.tsx
+function i({ children: i = "提交", disabled: a, loading: o, onSubmit: s, ...c }) {
+	let { Subscribe: l } = t(), u = r();
+	return /* @__PURE__ */ n(l, {
+		selector: (e) => [!e.canSubmit, e.isSubmitting],
+		children: ([t, r]) => {
+			let l = r || o, d = u || t || a;
+			return /* @__PURE__ */ n(e, {
+				...c,
+				disabled: l ? !1 : d,
+				htmlType: "submit",
+				loading: l,
+				type: "primary",
+				onClick: s,
+				children: i
+			});
+		}
+	});
+}
+//#endregion
+export { i as SubmitButton };

package/dist/es/form/contexts/form-context.js

@@ -0,0 +1,6 @@
+/*! @vef-framework-react/components v2.1.0 made by Venus | 2026-03-27T08:01:44.052Z */
+import { createFormHookContexts as e } from "@tanstack/react-form";
+//#region src/form/contexts/form-context.ts
+var { formContext: t, fieldContext: n, useFormContext: r, useFieldContext: i } = e();
+//#endregion
+export { n as fieldContext, t as formContext, i as useFieldContext, r as useFormContext };

package/dist/es/form/contexts/form-layout.js

@@ -0,0 +1,14 @@
+/*! @vef-framework-react/components v2.1.0 made by Venus | 2026-03-27T08:01:44.052Z */
+import { createContext as e, use as t } from "react";
+//#region src/form/contexts/form-layout.ts
+var n = Object.freeze({
+	layout: "horizontal",
+	labelAlign: "right",
+	labelWidth: 100
+}), r = e(n);
+function i() {
+	return t(r);
+}
+var a = r.Provider;
+//#endregion
+export { a as FormLayoutProvider, n as defaultFormLayout, i as useFormLayout };

package/dist/es/form/contexts/index.js

@@ -0,0 +1,3 @@
+/*! @vef-framework-react/components v2.1.0 made by Venus | 2026-03-27T08:01:44.052Z */
+import "./form-context.js";
+import "./form-layout.js";

package/dist/es/form/fields/auto-complete/index.js

@@ -0,0 +1,25 @@
+/*! @vef-framework-react/components v2.1.0 made by Venus | 2026-03-27T08:01:44.052Z */
+import { fullWidth as e } from "../../../_base/styles/common.js";
+import { AutoComplete as t } from "../../../auto-complete/index.js";
+import { useFieldContext as n } from "../../contexts/form-context.js";
+import { withFormItem as r } from "../../helpers/with-form-item.js";
+import { jsx as i } from "@emotion/react/jsx-runtime";
+import { isEmpty as a } from "@vef-framework-react/shared";
+import { useDisabled as o } from "@vef-framework-react/core";
+//#region src/form/fields/auto-complete/index.tsx
+function s({ disabled: r, preserveEmptyString: s = !1, ...c }) {
+	let { state: { value: l }, handleBlur: u, handleChange: d } = n(), f = o() || r;
+	return /* @__PURE__ */ i(t, {
+		...c,
+		css: e,
+		disabled: f,
+		value: l,
+		onBlur: u,
+		onChange: (e) => {
+			d(s || !a(e) ? e : null);
+		}
+	});
+}
+var c = r("AutoCompleteField", s);
+//#endregion
+export { c as AutoCompleteField };

package/dist/es/form/fields/bool/index.js

@@ -0,0 +1,19 @@
+/*! @vef-framework-react/components v2.1.0 made by Venus | 2026-03-27T08:01:44.052Z */
+import { Bool as e } from "../../../bool/index.js";
+import { useFieldContext as t } from "../../contexts/form-context.js";
+import { withFormItem as n } from "../../helpers/with-form-item.js";
+import { jsx as r } from "@emotion/react/jsx-runtime";
+import { useDisabled as i } from "@vef-framework-react/core";
+//#region src/form/fields/bool/index.tsx
+function a({ disabled: n, ...a }) {
+	let { state: { value: o }, handleChange: s } = t(), c = i() || n;
+	return /* @__PURE__ */ r(e, {
+		...a,
+		disabled: c,
+		value: o,
+		onChange: s
+	});
+}
+var o = n("BoolField", a);
+//#endregion
+export { o as BoolField };

package/dist/es/form/fields/cascader/index.js

@@ -0,0 +1,21 @@
+/*! @vef-framework-react/components v2.1.0 made by Venus | 2026-03-27T08:01:44.052Z */
+import { fullWidth as e } from "../../../_base/styles/common.js";
+import { Cascader as t } from "../../../cascader/index.js";
+import { useFieldContext as n } from "../../contexts/form-context.js";
+import { withFormItem as r } from "../../helpers/with-form-item.js";
+import { jsx as i } from "@emotion/react/jsx-runtime";
+import { useDisabled as a } from "@vef-framework-react/core";
+//#region src/form/fields/cascader/index.tsx
+function o({ disabled: r, ...o }) {
+	let { state: { value: s }, handleChange: c } = n(), l = a() || r;
+	return /* @__PURE__ */ i(t, {
+		...o,
+		css: e,
+		disabled: l,
+		value: s,
+		onChange: c
+	});
+}
+var s = r("CascaderField", o);
+//#endregion
+export { s as CascaderField };

package/dist/es/form/fields/checkbox/index.js

@@ -0,0 +1,31 @@
+/*! @vef-framework-react/components v2.1.0 made by Venus | 2026-03-27T08:01:44.052Z */
+import { Checkbox as e } from "../../../checkbox/index.js";
+import { useFieldContext as t } from "../../contexts/form-context.js";
+import { withFormItem as n } from "../../helpers/with-form-item.js";
+import { jsx as r } from "@emotion/react/jsx-runtime";
+import { useDisabled as i } from "@vef-framework-react/core";
+//#region src/form/fields/checkbox/index.tsx
+function a({ disabled: n, ...a }) {
+	let { state: { value: o }, handleBlur: s, handleChange: c } = t(), l = i() || n;
+	return /* @__PURE__ */ r(e, {
+		...a,
+		checked: o,
+		disabled: l,
+		onBlur: s,
+		onChange: (e) => {
+			c(e.target.checked);
+		}
+	});
+}
+function o({ disabled: n, ...a }) {
+	let { state: { value: o }, handleChange: s } = t(), c = i() || n;
+	return /* @__PURE__ */ r(e.Group, {
+		...a,
+		disabled: c,
+		value: o,
+		onChange: s
+	});
+}
+var s = n("CheckboxField", a), c = n("CheckboxGroupField", o);
+//#endregion
+export { s as CheckboxField, c as CheckboxGroupField };

package/dist/es/form/fields/color-picker/index.js

@@ -0,0 +1,19 @@
+/*! @vef-framework-react/components v2.1.0 made by Venus | 2026-03-27T08:01:44.052Z */
+import { ColorPicker as e } from "../../../color-picker/index.js";
+import { useFieldContext as t } from "../../contexts/form-context.js";
+import { withFormItem as n } from "../../helpers/with-form-item.js";
+import { jsx as r } from "@emotion/react/jsx-runtime";
+import { useDisabled as i } from "@vef-framework-react/core";
+//#region src/form/fields/color-picker/index.tsx
+function a({ disabled: n, ...a }) {
+	let { state: { value: o }, handleChange: s } = t(), c = i() || n;
+	return /* @__PURE__ */ r(e, {
+		...a,
+		disabled: c,
+		value: o,
+		onChange: s
+	});
+}
+var o = n("ColorPickerField", a);
+//#endregion
+export { o as ColorPickerField };

package/dist/es/form/fields/date-picker/index.js

@@ -0,0 +1,21 @@
+/*! @vef-framework-react/components v2.1.0 made by Venus | 2026-03-27T08:01:44.052Z */
+import { fullWidth as e } from "../../../_base/styles/common.js";
+import { DatePicker as t } from "../../../date-picker/index.js";
+import { useFieldContext as n } from "../../contexts/form-context.js";
+import { withFormItem as r } from "../../helpers/with-form-item.js";
+import { jsx as i } from "@emotion/react/jsx-runtime";
+import { useDisabled as a } from "@vef-framework-react/core";
+//#region src/form/fields/date-picker/index.tsx
+function o({ disabled: r, ...o }) {
+	let { state: { value: s }, handleChange: c } = n(), l = a() || r;
+	return /* @__PURE__ */ i(t, {
+		...o,
+		css: e,
+		disabled: l,
+		value: s,
+		onChange: c
+	});
+}
+var s = r("DatePickerField", o);
+//#endregion
+export { s as DatePickerField };

package/dist/es/form/fields/date-range-picker/index.js

@@ -0,0 +1,21 @@
+/*! @vef-framework-react/components v2.1.0 made by Venus | 2026-03-27T08:01:44.052Z */
+import { fullWidth as e } from "../../../_base/styles/common.js";
+import { DatePicker as t } from "../../../date-picker/index.js";
+import { useFieldContext as n } from "../../contexts/form-context.js";
+import { withFormItem as r } from "../../helpers/with-form-item.js";
+import { jsx as i } from "@emotion/react/jsx-runtime";
+import { useDisabled as a } from "@vef-framework-react/core";
+//#region src/form/fields/date-range-picker/index.tsx
+function o({ disabled: r, ...o }) {
+	let { state: { value: s }, handleChange: c } = n(), l = a() || r;
+	return /* @__PURE__ */ i(t.RangePicker, {
+		...o,
+		css: e,
+		disabled: l,
+		value: s,
+		onChange: c
+	});
+}
+var s = r("DateRangePickerField", o);
+//#endregion
+export { s as DateRangePickerField };

package/dist/es/form/fields/index.js

@@ -0,0 +1,49 @@
+/*! @vef-framework-react/components v2.1.0 made by Venus | 2026-03-27T08:01:44.052Z */
+import { AutoCompleteField as e } from "./auto-complete/index.js";
+import { BoolField as t } from "./bool/index.js";
+import { CascaderField as n } from "./cascader/index.js";
+import { CheckboxField as r, CheckboxGroupField as i } from "./checkbox/index.js";
+import { ColorPickerField as a } from "./color-picker/index.js";
+import { DatePickerField as o } from "./date-picker/index.js";
+import { DateRangePickerField as s } from "./date-range-picker/index.js";
+import { InputField as c } from "./input/index.js";
+import { InputNumberField as l } from "./input-number/index.js";
+import { MentionsField as u } from "./mentions/index.js";
+import { PasswordField as d } from "./password/index.js";
+import { RadioField as f } from "./radio/index.js";
+import { RateField as p } from "./rate/index.js";
+import { SelectField as m } from "./select/index.js";
+import { SliderField as h } from "./slider/index.js";
+import { TextAreaField as g } from "./textarea/index.js";
+import { TimePickerField as _ } from "./time-picker/index.js";
+import { TimeRangePickerField as v } from "./time-range-picker/index.js";
+import { TransferField as y } from "./transfer/index.js";
+import { TreeSelectField as b } from "./tree-select/index.js";
+import { UploadField as x } from "./upload/index.js";
+//#region src/form/fields/index.ts
+var S = {
+	AutoComplete: e,
+	Bool: t,
+	Cascader: n,
+	Checkbox: r,
+	CheckboxGroup: i,
+	ColorPicker: a,
+	DatePicker: o,
+	DateRangePicker: s,
+	Input: c,
+	InputNumber: l,
+	Mentions: u,
+	Password: d,
+	Radio: f,
+	Rate: p,
+	Select: m,
+	Slider: h,
+	TextArea: g,
+	TimePicker: _,
+	TimeRangePicker: v,
+	Transfer: y,
+	TreeSelect: b,
+	Upload: x
+};
+//#endregion
+export { S as fieldComponents };

package/dist/es/form/fields/input/index.js

@@ -0,0 +1,24 @@
+/*! @vef-framework-react/components v2.1.0 made by Venus | 2026-03-27T08:01:44.052Z */
+import { useFieldContext as e } from "../../contexts/form-context.js";
+import { withFormItem as t } from "../../helpers/with-form-item.js";
+import { Input as n } from "../../../input/index.js";
+import { jsx as r } from "@emotion/react/jsx-runtime";
+import { isEmpty as i } from "@vef-framework-react/shared";
+import { useDisabled as a } from "@vef-framework-react/core";
+//#region src/form/fields/input/index.tsx
+function o({ disabled: t, preserveEmptyString: o = !1, ...s }) {
+	let { state: { value: c }, handleBlur: l, handleChange: u } = e(), d = a() || t;
+	return /* @__PURE__ */ r(n, {
+		...s,
+		disabled: d,
+		value: c,
+		onBlur: l,
+		onChange: (e) => {
+			let t = e.currentTarget.value;
+			u(o || !i(t) ? t : null);
+		}
+	});
+}
+var s = t("InputField", o);
+//#endregion
+export { s as InputField };

package/dist/es/form/fields/input-number/index.js

@@ -0,0 +1,22 @@
+/*! @vef-framework-react/components v2.1.0 made by Venus | 2026-03-27T08:01:44.052Z */
+import { fullWidth as e } from "../../../_base/styles/common.js";
+import { useFieldContext as t } from "../../contexts/form-context.js";
+import { withFormItem as n } from "../../helpers/with-form-item.js";
+import { InputNumber as r } from "../../../input-number/index.js";
+import { jsx as i } from "@emotion/react/jsx-runtime";
+import { useDisabled as a } from "@vef-framework-react/core";
+//#region src/form/fields/input-number/index.tsx
+function o({ disabled: n, ...o }) {
+	let { state: { value: s }, handleBlur: c, handleChange: l } = t(), u = a() || n;
+	return /* @__PURE__ */ i(r, {
+		...o,
+		css: e,
+		disabled: u,
+		value: s,
+		onBlur: c,
+		onChange: l
+	});
+}
+var s = n("InputNumberField", o);
+//#endregion
+export { s as InputNumberField };

package/dist/es/form/fields/mentions/index.js

@@ -0,0 +1,22 @@
+/*! @vef-framework-react/components v2.1.0 made by Venus | 2026-03-27T08:01:44.052Z */
+import { fullWidth as e } from "../../../_base/styles/common.js";
+import { useFieldContext as t } from "../../contexts/form-context.js";
+import { withFormItem as n } from "../../helpers/with-form-item.js";
+import { Mentions as r } from "../../../mentions/index.js";
+import { jsx as i } from "@emotion/react/jsx-runtime";
+import { useDisabled as a } from "@vef-framework-react/core";
+//#region src/form/fields/mentions/index.tsx
+function o({ disabled: n, ...o }) {
+	let { state: { value: s }, handleBlur: c, handleChange: l } = t(), u = a() || n;
+	return /* @__PURE__ */ i(r, {
+		...o,
+		css: e,
+		disabled: u,
+		value: s,
+		onBlur: c,
+		onChange: l
+	});
+}
+var s = n("MentionsField", o);
+//#endregion
+export { s as MentionsField };

package/dist/es/form/fields/password/index.js

@@ -0,0 +1,24 @@
+/*! @vef-framework-react/components v2.1.0 made by Venus | 2026-03-27T08:01:44.052Z */
+import { useFieldContext as e } from "../../contexts/form-context.js";
+import { withFormItem as t } from "../../helpers/with-form-item.js";
+import { Input as n } from "../../../input/index.js";
+import { jsx as r } from "@emotion/react/jsx-runtime";
+import { isEmpty as i } from "@vef-framework-react/shared";
+import { useDisabled as a } from "@vef-framework-react/core";
+//#region src/form/fields/password/index.tsx
+function o({ disabled: t, preserveEmptyString: o = !1, ...s }) {
+	let { state: { value: c }, handleBlur: l, handleChange: u } = e(), d = a() || t;
+	return /* @__PURE__ */ r(n.Password, {
+		...s,
+		disabled: d,
+		value: c,
+		onBlur: l,
+		onChange: (e) => {
+			let t = e.currentTarget.value;
+			u(o || !i(t) ? t : null);
+		}
+	});
+}
+var s = t("PasswordField", o);
+//#endregion
+export { s as PasswordField };

package/dist/es/form/fields/radio/index.js

@@ -0,0 +1,22 @@
+/*! @vef-framework-react/components v2.1.0 made by Venus | 2026-03-27T08:01:44.052Z */
+import { Radio as e } from "../../../radio/index.js";
+import { useFieldContext as t } from "../../contexts/form-context.js";
+import { withFormItem as n } from "../../helpers/with-form-item.js";
+import { jsx as r } from "@emotion/react/jsx-runtime";
+import { useDisabled as i } from "@vef-framework-react/core";
+//#region src/form/fields/radio/index.tsx
+function a({ disabled: n, ...a }) {
+	let { state: { value: o }, handleBlur: s, handleChange: c } = t(), l = i() || n;
+	return /* @__PURE__ */ r(e.Group, {
+		...a,
+		disabled: l,
+		value: o,
+		onBlur: s,
+		onChange: (e) => {
+			c(e.target.value);
+		}
+	});
+}
+var o = n("RadioField", a);
+//#endregion
+export { o as RadioField };

package/dist/es/form/fields/rate/index.js

@@ -0,0 +1,20 @@
+/*! @vef-framework-react/components v2.1.0 made by Venus | 2026-03-27T08:01:44.052Z */
+import { useFieldContext as e } from "../../contexts/form-context.js";
+import { withFormItem as t } from "../../helpers/with-form-item.js";
+import { Rate as n } from "../../../rate/index.js";
+import { jsx as r } from "@emotion/react/jsx-runtime";
+import { useDisabled as i } from "@vef-framework-react/core";
+//#region src/form/fields/rate/index.tsx
+function a({ disabled: t, ...a }) {
+	let { state: { value: o }, handleBlur: s, handleChange: c } = e(), l = i() || t;
+	return /* @__PURE__ */ r(n, {
+		...a,
+		disabled: l,
+		value: o,
+		onBlur: s,
+		onChange: c
+	});
+}
+var o = t("RateField", a);
+//#endregion
+export { o as RateField };

package/dist/es/form/fields/select/index.js

@@ -0,0 +1,20 @@
+/*! @vef-framework-react/components v2.1.0 made by Venus | 2026-03-27T08:01:44.052Z */
+import { useFieldContext as e } from "../../contexts/form-context.js";
+import { withFormItem as t } from "../../helpers/with-form-item.js";
+import { Select as n } from "../../../select/index.js";
+import { jsx as r } from "@emotion/react/jsx-runtime";
+import { useDisabled as i } from "@vef-framework-react/core";
+//#region src/form/fields/select/index.tsx
+function a({ disabled: t, ...a }) {
+	let { state: { value: o }, handleBlur: s, handleChange: c } = e(), l = i() || t;
+	return /* @__PURE__ */ r(n, {
+		...a,
+		disabled: l,
+		value: o,
+		onBlur: s,
+		onChange: c
+	});
+}
+var o = t("SelectField", a);
+//#endregion
+export { o as SelectField };

package/dist/es/form/fields/slider/index.js

@@ -0,0 +1,19 @@
+/*! @vef-framework-react/components v2.1.0 made by Venus | 2026-03-27T08:01:44.052Z */
+import { useFieldContext as e } from "../../contexts/form-context.js";
+import { withFormItem as t } from "../../helpers/with-form-item.js";
+import { Slider as n } from "../../../slider/index.js";
+import { jsx as r } from "@emotion/react/jsx-runtime";
+import { useDisabled as i } from "@vef-framework-react/core";
+//#region src/form/fields/slider/index.tsx
+function a({ disabled: t, ...a }) {
+	let { state: { value: o }, handleChange: s } = e(), c = i() || t;
+	return /* @__PURE__ */ r(n, {
+		...a,
+		disabled: c,
+		value: o,
+		onChange: s
+	});
+}
+var o = t("SliderField", a);
+//#endregion
+export { o as SliderField };

package/dist/es/form/fields/textarea/index.js

@@ -0,0 +1,24 @@
+/*! @vef-framework-react/components v2.1.0 made by Venus | 2026-03-27T08:01:44.052Z */
+import { useFieldContext as e } from "../../contexts/form-context.js";
+import { withFormItem as t } from "../../helpers/with-form-item.js";
+import { Input as n } from "../../../input/index.js";
+import { jsx as r } from "@emotion/react/jsx-runtime";
+import { isEmpty as i } from "@vef-framework-react/shared";
+import { useDisabled as a } from "@vef-framework-react/core";
+//#region src/form/fields/textarea/index.tsx
+function o({ disabled: t, preserveEmptyString: o = !1, ...s }) {
+	let { state: { value: c }, handleBlur: l, handleChange: u } = e(), d = a() || t;
+	return /* @__PURE__ */ r(n.TextArea, {
+		...s,
+		disabled: d,
+		value: c,
+		onBlur: l,
+		onChange: (e) => {
+			let t = e.currentTarget.value;
+			u(o || !i(t) ? t : null);
+		}
+	});
+}
+var s = t("TextAreaField", o);
+//#endregion
+export { s as TextAreaField };

package/dist/es/form/fields/time-picker/index.js

@@ -0,0 +1,21 @@
+/*! @vef-framework-react/components v2.1.0 made by Venus | 2026-03-27T08:01:44.052Z */
+import { fullWidth as e } from "../../../_base/styles/common.js";
+import { useFieldContext as t } from "../../contexts/form-context.js";
+import { withFormItem as n } from "../../helpers/with-form-item.js";
+import { TimePicker as r } from "../../../time-picker/index.js";
+import { jsx as i } from "@emotion/react/jsx-runtime";
+import { useDisabled as a } from "@vef-framework-react/core";
+//#region src/form/fields/time-picker/index.tsx
+function o({ disabled: n, ...o }) {
+	let { state: { value: s }, handleChange: c } = t(), l = a() || n;
+	return /* @__PURE__ */ i(r, {
+		...o,
+		css: e,
+		disabled: l,
+		value: s,
+		onChange: c
+	});
+}
+var s = n("TimePickerField", o);
+//#endregion
+export { s as TimePickerField };

package/dist/es/form/fields/time-range-picker/index.js

@@ -0,0 +1,21 @@
+/*! @vef-framework-react/components v2.1.0 made by Venus | 2026-03-27T08:01:44.052Z */
+import { fullWidth as e } from "../../../_base/styles/common.js";
+import { useFieldContext as t } from "../../contexts/form-context.js";
+import { withFormItem as n } from "../../helpers/with-form-item.js";
+import { TimePicker as r } from "../../../time-picker/index.js";
+import { jsx as i } from "@emotion/react/jsx-runtime";
+import { useDisabled as a } from "@vef-framework-react/core";
+//#region src/form/fields/time-range-picker/index.tsx
+function o({ disabled: n, ...o }) {
+	let { state: { value: s }, handleChange: c } = t(), l = a() || n;
+	return /* @__PURE__ */ i(r.RangePicker, {
+		...o,
+		css: e,
+		disabled: l,
+		value: s,
+		onChange: c
+	});
+}
+var s = n("TimeRangePickerField", o);
+//#endregion
+export { s as TimeRangePickerField };

package/dist/es/form/fields/transfer/index.js

@@ -0,0 +1,21 @@
+/*! @vef-framework-react/components v2.1.0 made by Venus | 2026-03-27T08:01:44.052Z */
+import { useFieldContext as e } from "../../contexts/form-context.js";
+import { withFormItem as t } from "../../helpers/with-form-item.js";
+import { Transfer as n } from "../../../transfer/index.js";
+import { jsx as r } from "@emotion/react/jsx-runtime";
+import { useDisabled as i } from "@vef-framework-react/core";
+//#region src/form/fields/transfer/index.tsx
+function a({ disabled: t, ...a }) {
+	let { state: { value: o }, handleChange: s } = e(), c = i() || t;
+	return /* @__PURE__ */ r(n, {
+		...a,
+		disabled: c,
+		targetKeys: o,
+		onChange: (e) => {
+			s(e);
+		}
+	});
+}
+var o = t("TransferField", a);
+//#endregion
+export { o as TransferField };

package/dist/es/form/fields/tree-select/index.js

@@ -0,0 +1,19 @@
+/*! @vef-framework-react/components v2.1.0 made by Venus | 2026-03-27T08:01:44.052Z */
+import { useFieldContext as e } from "../../contexts/form-context.js";
+import { withFormItem as t } from "../../helpers/with-form-item.js";
+import { TreeSelect as n } from "../../../tree-select/index.js";
+import { jsx as r } from "@emotion/react/jsx-runtime";
+import { useDisabled as i } from "@vef-framework-react/core";
+//#region src/form/fields/tree-select/index.tsx
+function a({ disabled: t, ...a }) {
+	let { state: { value: o }, handleChange: s } = e(), c = i() || t;
+	return /* @__PURE__ */ r(n, {
+		...a,
+		disabled: c,
+		value: o,
+		onChange: s
+	});
+}
+var o = t("TreeSelectField", a);
+//#endregion
+export { o as TreeSelectField };

package/dist/es/form/fields/upload/index.js

@@ -0,0 +1,37 @@
+/*! @vef-framework-react/components v2.1.0 made by Venus | 2026-03-27T08:01:44.052Z */
+import { useFieldContext as e } from "../../contexts/form-context.js";
+import { withFormItem as t } from "../../helpers/with-form-item.js";
+import { Upload as n } from "../../../upload/index.js";
+import { jsx as r } from "@emotion/react/jsx-runtime";
+import { getBaseName as i, isArray as a } from "@vef-framework-react/shared";
+import { useEffect as o, useMemo as s, useState as c } from "react";
+import { useAppContext as l, useDisabled as u } from "@vef-framework-react/core";
+//#region src/form/fields/upload/index.tsx
+var d = /(?<!https?:)\/\//g;
+function f({ disabled: t, maxCount: f, ...p }) {
+	let { state: { value: m }, handleChange: h } = e(), { fileBaseUrl: g } = l(), _ = u() || t, v = s(() => (a(m) ? m : m ? [m] : []).map((e) => {
+		let t = i(e);
+		return {
+			uid: e,
+			url: `${g}/${e}`.replaceAll(d, "/"),
+			name: t,
+			status: "done"
+		};
+	}), [m, g]), [y, b] = c(v);
+	return o(() => {
+		b((e) => [...v, ...e.filter((e) => e.status !== "done")]);
+	}, [v]), /* @__PURE__ */ r(n, {
+		...p,
+		disabled: _,
+		fileList: y,
+		maxCount: f,
+		onChange: ({ fileList: e }) => {
+			b(e);
+			let t = e.filter((e) => e.status === "done").map((e) => e.key);
+			h((f ?? Infinity) > 1 ? t : t.length > 0 ? t[0] : null);
+		}
+	});
+}
+var p = t("UploadField", f);
+//#endregion
+export { p as UploadField };

package/dist/es/form/form.js

@@ -0,0 +1,14 @@
+/*! @vef-framework-react/components v2.1.0 made by Venus | 2026-03-27T08:01:44.052Z */
+import { fieldContext as e, formContext as t, useFormContext as n } from "./contexts/form-context.js";
+import { formComponents as r } from "./components/index.js";
+import { fieldComponents as i } from "./fields/index.js";
+import { createFormHook as a, formOptions as o, useStore as s } from "@tanstack/react-form";
+//#region src/form/form.ts
+var { useAppForm: c, withForm: l, withFieldGroup: u } = a({
+	formContext: t,
+	fieldContext: e,
+	fieldComponents: i,
+	formComponents: r
+}), d = n;
+//#endregion
+export { o as createFormOptions, c as useAppForm, d as useFormContext, s as useFormStore, u as withFieldGroup, l as withForm };

package/dist/es/form/helpers/index.js

@@ -0,0 +1,2 @@
+/*! @vef-framework-react/components v2.1.0 made by Venus | 2026-03-27T08:01:44.052Z */
+import "./with-form-item.js";