@vef-framework/components 2.0.11 → 2.1.0

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

@@ -1,25 +1,19 @@
-import { jsx as m } from "@emotion/react/jsx-runtime";
-import { useDisabled as n } from "@vef-framework/core";
-import "../../../slider/index.js";
-import "../../contexts/index.js";
-import "../../helpers/index.js";
-import "./props.js";
-import { useFieldContext as d } from "../../contexts/form-context.js";
-import { Slider as l } from "antd";
-import { withFormItem as s } from "../../helpers/with-form-item.js";
-function p({
-  disabled: o,
-  ...t
-}) {
-  const {
-    state: {
-      value: e
-    },
-    handleChange: i
-  } = d(), r = n() || o;
-  return /* @__PURE__ */ m(l, { ...t, disabled: r, value: e, onChange: i });
+/*! @vef-framework/components v2.1.0 made by Venus | 2026-03-27T07:13:05.260Z */
+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/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
+	});
 }
-const S = s("SliderField", p);
-export {
-  S as SliderField
-};
+var o = t("SliderField", a);
+//#endregion
+export { o as SliderField };

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

@@ -1,31 +1,24 @@
-import { jsx as s } from "@emotion/react/jsx-runtime";
-import { useDisabled as p } from "@vef-framework/core";
-import { isEmpty as u } from "@vef-framework/shared";
-import "../../../input/index.js";
-import "../../contexts/index.js";
-import "../../helpers/index.js";
-import "./props.js";
-import { useFieldContext as d } from "../../contexts/form-context.js";
-import { Input as c } from "antd";
-import { withFormItem as x } from "../../helpers/with-form-item.js";
-function f({
-  disabled: e,
-  preserveEmptyString: o = !1,
-  ...r
-}) {
-  const {
-    state: {
-      value: i
-    },
-    handleBlur: n,
-    handleChange: m
-  } = d(), a = p() || e;
-  return /* @__PURE__ */ s(c.TextArea, { ...r, disabled: a, value: i, onBlur: n, onChange: (l) => {
-    const t = l.currentTarget.value;
-    m(o || !u(t) ? t : null);
-  } });
+/*! @vef-framework/components v2.1.0 made by Venus | 2026-03-27T07:13:05.260Z */
+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/shared";
+import { useDisabled as a } from "@vef-framework/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);
+		}
+	});
 }
-const j = x("TextAreaField", f);
-export {
-  j as TextAreaField
-};
+var s = t("TextAreaField", o);
+//#endregion
+export { s as TextAreaField };

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

@@ -1,27 +1,21 @@
-import { jsx as m } from "@emotion/react/jsx-runtime";
-import { useDisabled as n } from "@vef-framework/core";
-import "../../../_base/index.js";
-import "../../../time-picker/index.js";
-import "../../contexts/index.js";
-import "../../helpers/index.js";
-import "./props.js";
-import { useFieldContext as s } from "../../contexts/form-context.js";
-import { TimePicker as p } from "antd";
-import { fullWidth as c } from "../../../_base/styles/common.js";
-import { withFormItem as l } from "../../helpers/with-form-item.js";
-function d({
-  disabled: i,
-  ...e
-}) {
-  const {
-    state: {
-      value: o
-    },
-    handleChange: t
-  } = s(), r = n() || i;
-  return /* @__PURE__ */ m(p, { ...e, css: c, disabled: r, value: o, onChange: t });
+/*! @vef-framework/components v2.1.0 made by Venus | 2026-03-27T07:13:05.260Z */
+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/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
+	});
 }
-const g = l("TimePickerField", d);
-export {
-  g as TimePickerField
-};
+var s = n("TimePickerField", o);
+//#endregion
+export { s as TimePickerField };

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

@@ -1,27 +1,21 @@
-import { jsx as m } from "@emotion/react/jsx-runtime";
-import { useDisabled as n } from "@vef-framework/core";
-import "../../../_base/index.js";
-import "../../../time-picker/index.js";
-import "../../contexts/index.js";
-import "../../helpers/index.js";
-import "./props.js";
-import { useFieldContext as s } from "../../contexts/form-context.js";
-import { TimePicker as a } from "antd";
-import { fullWidth as c } from "../../../_base/styles/common.js";
-import { withFormItem as p } from "../../helpers/with-form-item.js";
-function l({
-  disabled: e,
-  ...i
-}) {
-  const {
-    state: {
-      value: o
-    },
-    handleChange: t
-  } = s(), r = n() || e;
-  return /* @__PURE__ */ m(a.RangePicker, { ...i, css: c, disabled: r, value: o, onChange: t });
+/*! @vef-framework/components v2.1.0 made by Venus | 2026-03-27T07:13:05.260Z */
+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/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
+	});
 }
-const R = p("TimeRangePickerField", l);
-export {
-  R as TimeRangePickerField
-};
+var s = n("TimeRangePickerField", o);
+//#endregion
+export { s as TimeRangePickerField };

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

@@ -1,27 +1,21 @@
-import { jsx as s } from "@emotion/react/jsx-runtime";
-import { useDisabled as m } from "@vef-framework/core";
-import "../../../transfer/index.js";
-import "../../contexts/index.js";
-import "../../helpers/index.js";
-import "./props.js";
-import { useFieldContext as a } from "../../contexts/form-context.js";
-import { Transfer as p } from "antd";
-import { withFormItem as d } from "../../helpers/with-form-item.js";
-function f({
-  disabled: t,
-  ...e
-}) {
-  const {
-    state: {
-      value: o
-    },
-    handleChange: r
-  } = a(), i = m() || t;
-  return /* @__PURE__ */ s(p, { ...e, disabled: i, targetKeys: o, onChange: (n) => {
-    r(n);
-  } });
+/*! @vef-framework/components v2.1.0 made by Venus | 2026-03-27T07:13:05.260Z */
+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/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);
+		}
+	});
 }
-const g = d("TransferField", f);
-export {
-  g as TransferField
-};
+var o = t("TransferField", a);
+//#endregion
+export { o as TransferField };

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

@@ -1,25 +1,19 @@
-import { jsx as m } from "@emotion/react/jsx-runtime";
-import { useDisabled as n } from "@vef-framework/core";
-import "../../../tree-select/index.js";
-import "../../contexts/index.js";
-import "../../helpers/index.js";
-import "./props.js";
-import { useFieldContext as l } from "../../contexts/form-context.js";
-import { TreeSelect as s } from "antd";
-import { withFormItem as c } from "../../helpers/with-form-item.js";
-function p({
-  disabled: e,
-  ...t
-}) {
-  const {
-    state: {
-      value: o
-    },
-    handleChange: r
-  } = l(), i = n() || e;
-  return /* @__PURE__ */ m(s, { ...t, disabled: i, value: o, onChange: r });
+/*! @vef-framework/components v2.1.0 made by Venus | 2026-03-27T07:13:05.260Z */
+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/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
+	});
 }
-const S = c("TreeSelectField", p);
-export {
-  S as TreeSelectField
-};
+var o = t("TreeSelectField", a);
+//#endregion
+export { o as TreeSelectField };

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

@@ -1,46 +1,37 @@
-import { jsx as f } from "@emotion/react/jsx-runtime";
-import { useAppContext as u, useDisabled as h } from "@vef-framework/core";
-import { isArray as F, getBaseName as U } from "@vef-framework/shared";
-import { useMemo as b, useState as g, useEffect as x } from "react";
-import { Upload as D } from "../../../upload/index.js";
-import "../../contexts/index.js";
-import "../../helpers/index.js";
-import "./props.js";
-import { useFieldContext as L } from "../../contexts/form-context.js";
-import { withFormItem as A } from "../../helpers/with-form-item.js";
-const C = /(?<!https?:)\/\//g;
-function E({
-  disabled: a,
-  maxCount: n,
-  ...m
-}) {
-  const {
-    state: {
-      value: e
-    },
-    handleChange: p
-  } = L(), {
-    fileBaseUrl: l
-  } = u(), d = h() || a, i = b(() => (F(e) ? e : e ? [e] : []).map((t) => {
-    const s = U(t);
-    return {
-      uid: t,
-      url: `${l}/${t}`.replaceAll(C, "/"),
-      name: s,
-      status: "done"
-    };
-  }), [e, l]), [c, r] = g(i);
-  return x(() => {
-    r((o) => [...i, ...o.filter((t) => t.status !== "done")]);
-  }, [i]), /* @__PURE__ */ f(D, { ...m, disabled: d, fileList: c, maxCount: n, onChange: ({
-    fileList: o
-  }) => {
-    r(o);
-    const t = o.filter((s) => s.status === "done").map((s) => s.key);
-    p((n ?? 1 / 0) > 1 ? t : t.length > 0 ? t[0] : null);
-  } });
+/*! @vef-framework/components v2.1.0 made by Venus | 2026-03-27T07:13:05.260Z */
+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/shared";
+import { useEffect as o, useMemo as s, useState as c } from "react";
+import { useAppContext as l, useDisabled as u } from "@vef-framework/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);
+		}
+	});
 }
-const H = A("UploadField", E);
-export {
-  H as UploadField
-};
+var p = t("UploadField", f);
+//#endregion
+export { p as UploadField };

package/dist/es/form/form.js

@@ -1,24 +1,14 @@
-import { createFormHook as o } from "@tanstack/react-form";
-import { formOptions as l, useStore as h } from "@tanstack/react-form";
-import { formComponents as t } from "./components/index.js";
-import "./contexts/index.js";
-import { fieldComponents as r } from "./fields/index.js";
-import { fieldContext as e, formContext as m, useFormContext as s } from "./contexts/form-context.js";
-const {
-  useAppForm: u,
-  withForm: x,
-  withFieldGroup: C
-} = o({
-  formContext: m,
-  fieldContext: e,
-  fieldComponents: r,
-  formComponents: t
-}), a = s;
-export {
-  l as createFormOptions,
-  u as useAppForm,
-  a as useFormContext,
-  h as useFormStore,
-  C as withFieldGroup,
-  x as withForm
-};
+/*! @vef-framework/components v2.1.0 made by Venus | 2026-03-27T07:13:05.260Z */
+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

@@ -1,4 +1,2 @@
-import { withFormItem as r } from "./with-form-item.js";
-export {
-  r as withFormItem
-};
+/*! @vef-framework/components v2.1.0 made by Venus | 2026-03-27T07:13:05.260Z */
+import "./with-form-item.js";

package/dist/es/form/helpers/with-form-item.js

@@ -1,42 +1,33 @@
-import { jsx as o } from "@emotion/react/jsx-runtime";
-import { Form as h } from "antd";
-import "../contexts/index.js";
-import { useFormItemProps as I } from "../hooks/use-form-item-props.js";
-import { useFieldContext as v } from "../contexts/form-context.js";
-function j(m, i) {
-  const r = ({
-    // form item props
-    layout: s,
-    label: a,
-    labelAlign: n,
-    labelWidth: l,
-    extra: p,
-    noWrapper: d,
-    required: c,
-    // field props
-    ...u
-  }) => {
-    const f = I({
-      layout: s,
-      label: a,
-      labelAlign: n,
-      labelWidth: l,
-      extra: p,
-      required: c,
-      noWrapper: d
-    }), {
-      state: {
-        meta: {
-          errors: t,
-          isValid: F,
-          isValidating: e
-        }
-      }
-    } = v(), g = t.length > 0 ? t[0].message : null;
-    return /* @__PURE__ */ o(h.Item, { ...f, hasFeedback: e, help: g, validateStatus: e ? "validating" : F ? void 0 : "error", children: /* @__PURE__ */ o(i, { ...u }) });
-  };
-  return r.displayName = m, r;
+/*! @vef-framework/components v2.1.0 made by Venus | 2026-03-27T07:13:05.260Z */
+import { useFieldContext as e } from "../contexts/form-context.js";
+import { useFormItemProps as t } from "../hooks/use-form-item-props.js";
+import { jsx as n } from "@emotion/react/jsx-runtime";
+import { Form as r } from "antd";
+//#region src/form/helpers/with-form-item.tsx
+function i(e, t) {
+	if (e) return "validating";
+	if (!t) return "error";
 }
-export {
-  j as withFormItem
-};
+function a(a, o) {
+	function s({ layout: a, label: s, labelAlign: c, labelWidth: l, extra: u, noWrapper: d, required: f, ...p }) {
+		let m = t({
+			layout: a,
+			label: s,
+			labelAlign: c,
+			labelWidth: l,
+			extra: u,
+			required: f,
+			noWrapper: d
+		}), { state: { meta: { errors: h, isValid: g, isValidating: _ } } } = e(), v = h.length > 0 ? h[0].message : null;
+		return /* @__PURE__ */ n(r.Item, {
+			...m,
+			hasFeedback: _,
+			help: v,
+			validateStatus: i(_, g),
+			children: /* @__PURE__ */ n(o, { ...p })
+		});
+	}
+	return s.displayName = a, s;
+}
+//#endregion
+export { a as withFormItem };

package/dist/es/form/hooks/use-form-item-props.js

@@ -1,36 +1,21 @@
-import { useMemo as c } from "react";
-import "../contexts/index.js";
-import { useLabelWidth as y } from "./use-label-width.js";
-import { useFormLayout as d } from "../contexts/form-layout.js";
-function x(t) {
-  const {
-    layout: e,
-    label: r,
-    labelAlign: a,
-    labelWidth: i,
-    extra: n,
-    noWrapper: u,
-    required: m
-  } = t, {
-    layout: s,
-    labelAlign: b,
-    labelWidth: f
-  } = d(), o = y(e, i ?? f), l = e ?? s, p = c(() => {
-    if (!(l === "vertical" || !o))
-      return {
-        flex: `0 0 ${o}px`
-      };
-  }, [o, l]);
-  return {
-    layout: l,
-    label: r,
-    labelAlign: a ?? b,
-    labelCol: p,
-    extra: n,
-    noStyle: u,
-    required: m
-  };
+/*! @vef-framework/components v2.1.0 made by Venus | 2026-03-27T07:13:05.260Z */
+import { useFormLayout as e } from "../contexts/form-layout.js";
+import { useLabelWidth as t } from "./use-label-width.js";
+import { useMemo as n } from "react";
+//#region src/form/hooks/use-form-item-props.ts
+function r(r) {
+	let { layout: i, label: a, labelAlign: o, labelWidth: s, extra: c, noWrapper: l, required: u } = r, d = e(), f = i ?? d.layout, p = t(f, s ?? d.labelWidth), m = n(() => {
+		if (!(f === "vertical" || !p)) return { flex: `0 0 ${p}px` };
+	}, [p, f]);
+	return {
+		layout: f,
+		label: a,
+		labelAlign: o ?? d.labelAlign,
+		labelCol: m,
+		extra: c,
+		noStyle: l,
+		required: u
+	};
 }
-export {
-  x as useFormItemProps
-};
+//#endregion
+export { r as useFormItemProps };

package/dist/es/form/hooks/use-label-width.js

@@ -1,12 +1,12 @@
-import { useMemo as r } from "react";
-import "../../_base/index.js";
-import { showWarningMessage as t } from "../../_base/helpers/message.js";
-function a(o, e) {
-  return r(() => {
-    if (!(o === "vertical" || !e))
-      return (e < 60 || e > 120) && t("The labelWidth of Form component must be between 60 and 120, otherwise it will be 60 or 120."), Math.min(Math.max(e, 60), 120);
-  }, [o, e]);
+/*! @vef-framework/components v2.1.0 made by Venus | 2026-03-27T07:13:05.260Z */
+import { showWarningMessage as e } from "../../_base/helpers/message.js";
+import { useMemo as t } from "react";
+//#region src/form/hooks/use-label-width.ts
+var n = 60, r = 120;
+function i(i, a) {
+	return t(() => {
+		if (!(i === "vertical" || !a)) return (a < n || a > r) && e(`The labelWidth of Form component must be between ${n} and ${r}.`), Math.min(Math.max(a, n), r);
+	}, [i, a]);
 }
-export {
-  a as useLabelWidth
-};
+//#endregion
+export { i as useLabelWidth };

package/dist/es/form/index.js

@@ -1,8 +1,3 @@
-import { useFormContext as e, withFieldGroup as t, withForm as m } from "./form.js";
-import { useForm as i } from "./use-form.js";
-export {
-  i as useForm,
-  e as useFormContext,
-  t as withFieldGroup,
-  m as withForm
-};
+/*! @vef-framework/components v2.1.0 made by Venus | 2026-03-27T07:13:05.260Z */
+import "./form.js";
+import "./use-form.js";

package/dist/es/form/use-form.js

@@ -1,20 +1,16 @@
+/*! @vef-framework/components v2.1.0 made by Venus | 2026-03-27T07:13:05.260Z */
+import { useAppForm as e } from "./form.js";
 import { jsx as t } from "@emotion/react/jsx-runtime";
-import { useMemo as i } from "react";
-import { useAppForm as s } from "./form.js";
-function A(m) {
-  const r = s(m);
-  return i(() => {
-    const {
-      AppForm: n,
-      Form: p
-    } = r, u = (o) => /* @__PURE__ */ t(n, { children: /* @__PURE__ */ t(p, { ...o }) });
-    return new Proxy(r, {
-      get(o, e, f) {
-        return e === "Form" ? u : Reflect.get(o, e, f);
-      }
-    });
-  }, [r]);
+import { useMemo as n } from "react";
+//#region src/form/use-form.tsx
+function r(r) {
+	let i = e(r);
+	return n(() => {
+		let { AppForm: e, Form: n } = i, r = (r) => /* @__PURE__ */ t(e, { children: /* @__PURE__ */ t(n, { ...r }) });
+		return new Proxy(i, { get(e, t, n) {
+			return t === "Form" ? r : Reflect.get(e, t, n);
+		} });
+	}, [i]);
 }
-export {
-  A as useForm
-};
+//#endregion
+export { r as useForm };