@vef-framework-react/components 2.2.2 → 2.4.0

package/dist/es/crud/store.js

@@ -1,4 +1,4 @@
-/*! @vef-framework-react/components v2.2.2 made by Venus | 2026-05-18T12:43:56.688Z */
+/*! @vef-framework-react/components v2.4.0 made by Venus | 2026-06-15T15:10:18.033Z */
 import { createEventEmitter as e } from "./event.js";
 import { createThrowNotImplementedFn as t, mergeWith as n } from "@vef-framework-react/shared";
 import { createComponentStore as r } from "@vef-framework-react/core";

package/dist/es/crud/styles.js

@@ -1,4 +1,4 @@
-/*! @vef-framework-react/components v2.2.2 made by Venus | 2026-05-18T12:43:56.688Z */
+/*! @vef-framework-react/components v2.4.0 made by Venus | 2026-06-15T15:10:18.033Z */
 import { globalCssVars as e } from "../_base/constants/css-vars.js";
 import { css as t } from "@emotion/react";
 //#region src/crud/styles.ts
@@ -12,7 +12,7 @@ var r = process.env.NODE_ENV === "production" ? {
 	name: "ly7b5i",
 	styles: "&.vef-card{--vef-card-header-padding:0;}/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbInN0eWxlcy50cyJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFJb0IiLCJmaWxlIjoic3R5bGVzLnRzIiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHsgY3NzIH0gZnJvbSBcIkBlbW90aW9uL3JlYWN0XCI7XG5cbmltcG9ydCB7IGdsb2JhbENzc1ZhcnMgfSBmcm9tIFwiLi4vX2Jhc2VcIjtcblxuZXhwb3J0IGNvbnN0IG1haW4gPSBjc3Moe1xuICBcIiYudmVmLWNhcmRcIjoge1xuICAgIFwiLS12ZWYtY2FyZC1oZWFkZXItcGFkZGluZ1wiOiAwXG4gIH1cbn0pO1xuXG5leHBvcnQgY29uc3QgdG9vbGJhciA9IGNzcyh7XG4gIHBhZGRpbmc6IGdsb2JhbENzc1ZhcnMuc3BhY2luZ01kLFxuICBmb250V2VpZ2h0OiBcIm5vcm1hbFwiXG59KTtcbiJdfQ== */",
 	toString: n
-}, i = /* @__PURE__ */ t({
+}, i = /*#__PURE__*/ t({
 	padding: e.spacingMd,
 	fontWeight: "normal"
 }, process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbInN0eWxlcy50cyJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFVdUIiLCJmaWxlIjoic3R5bGVzLnRzIiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHsgY3NzIH0gZnJvbSBcIkBlbW90aW9uL3JlYWN0XCI7XG5cbmltcG9ydCB7IGdsb2JhbENzc1ZhcnMgfSBmcm9tIFwiLi4vX2Jhc2VcIjtcblxuZXhwb3J0IGNvbnN0IG1haW4gPSBjc3Moe1xuICBcIiYudmVmLWNhcmRcIjoge1xuICAgIFwiLS12ZWYtY2FyZC1oZWFkZXItcGFkZGluZ1wiOiAwXG4gIH1cbn0pO1xuXG5leHBvcnQgY29uc3QgdG9vbGJhciA9IGNzcyh7XG4gIHBhZGRpbmc6IGdsb2JhbENzc1ZhcnMuc3BhY2luZ01kLFxuICBmb250V2VpZ2h0OiBcIm5vcm1hbFwiXG59KTtcbiJdfQ== */");

package/dist/es/crud-page/index.js

@@ -1,4 +1,4 @@
-/*! @vef-framework-react/components v2.2.2 made by Venus | 2026-05-18T12:43:56.688Z */
+/*! @vef-framework-react/components v2.4.0 made by Venus | 2026-06-15T15:10:18.033Z */
 import { Crud as e } from "../crud/index.js";
 import { Page as t } from "../page/index.js";
 import { jsx as n } from "@emotion/react/jsx-runtime";

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

@@ -1,3 +1,3 @@
-/*! @vef-framework-react/components v2.2.2 made by Venus | 2026-05-18T12:43:56.688Z */
+/*! @vef-framework-react/components v2.4.0 made by Venus | 2026-06-15T15:10:18.033Z */
 import { DatePicker as e } from "antd";
 export { e as DatePicker };

package/dist/es/descriptions/index.js

@@ -1,3 +1,3 @@
-/*! @vef-framework-react/components v2.2.2 made by Venus | 2026-05-18T12:43:56.688Z */
+/*! @vef-framework-react/components v2.4.0 made by Venus | 2026-06-15T15:10:18.033Z */
 import { Descriptions as e } from "antd";
 export { e as Descriptions };

package/dist/es/divider/index.js

@@ -1,3 +1,3 @@
-/*! @vef-framework-react/components v2.2.2 made by Venus | 2026-05-18T12:43:56.688Z */
+/*! @vef-framework-react/components v2.4.0 made by Venus | 2026-06-15T15:10:18.033Z */
 import { Divider as e } from "antd";
 export { e as Divider };

package/dist/es/drawer/index.js

@@ -1,3 +1,3 @@
-/*! @vef-framework-react/components v2.2.2 made by Venus | 2026-05-18T12:43:56.688Z */
+/*! @vef-framework-react/components v2.4.0 made by Venus | 2026-06-15T15:10:18.033Z */
 import { Drawer as e } from "antd";
 export { e as Drawer };

package/dist/es/dropdown/index.js

@@ -1,3 +1,3 @@
-/*! @vef-framework-react/components v2.2.2 made by Venus | 2026-05-18T12:43:56.688Z */
+/*! @vef-framework-react/components v2.4.0 made by Venus | 2026-06-15T15:10:18.033Z */
 import { Dropdown as e } from "antd";
 export { e as Dropdown };

package/dist/es/dynamic-icon/index.js

@@ -1,45 +1,42 @@
-/*! @vef-framework-react/components v2.2.2 made by Venus | 2026-05-18T12:43:56.688Z */
+/*! @vef-framework-react/components v2.4.0 made by Venus | 2026-06-15T15:10:18.033Z */
 import { Icon as e } from "../icon/index.js";
-import { PlaceholderIcon as t } from "./placeholder-icon.js";
-import { UnknownIcon as n } from "./unknown-icon.js";
-import { jsx as r } from "@emotion/react/jsx-runtime";
-import { useEffect as i, useState as a } from "react";
-import { lucideDynamicIconImports as o, lucideIconNames as s } from "@lucide/icons/dynamic";
+import { getCachedIconNode as t, loadIconNode as n } from "./load-icon-node.js";
+import { PlaceholderIcon as r } from "./placeholder-icon.js";
+import { UnknownIcon as i } from "./unknown-icon.js";
+import { jsx as a } from "@emotion/react/jsx-runtime";
+import { useEffect as o, useState as s } from "react";
+import { lucideIconNames as c } from "@lucide/icons/dynamic";
 //#region src/dynamic-icon/index.tsx
-var c = /* @__PURE__ */ r(t, {}), l = /* @__PURE__ */ new Map(), u = new Set(s);
-function d({ name: t, ...s }) {
-	let [d, f] = a(() => l.get(t));
-	return i(() => {
-		if (!u.has(t)) {
+var l = /* @__PURE__ */ a(r, {}), u = new Set(c);
+function d({ name: r, ...c }) {
+	let [d, f] = s(() => t(r));
+	return o(() => {
+		if (!u.has(r)) {
 			f(null);
 			return;
 		}
-		let e = l.get(t);
+		let e = t(r);
 		if (e) {
 			f(e);
 			return;
 		}
 		f(void 0);
-		let n = !1;
-		return o[t]().then(({ default: e }) => {
-			if (n) return;
-			let r = e.node;
-			l.set(t, r), f(r);
-		}).catch(() => {
-			n || f(null);
+		let i = !1;
+		return n(r).then((e) => {
+			i || f(e);
 		}), () => {
-			n = !0;
+			i = !0;
 		};
-	}, [t]), u.has(t) ? d === void 0 ? c : d === null ? /* @__PURE__ */ r(e, {
-		component: n,
-		...s
-	}) : /* @__PURE__ */ r(e, {
+	}, [r]), u.has(r) ? d === void 0 ? l : d === null ? /* @__PURE__ */ a(e, {
+		component: i,
+		...c
+	}) : /* @__PURE__ */ a(e, {
 		iconNode: d,
-		...s
-	}) : /* @__PURE__ */ r(e, {
-		component: n,
-		...s
+		...c
+	}) : /* @__PURE__ */ a(e, {
+		component: i,
+		...c
 	});
 }
 //#endregion
-export { d as DynamicIcon };
+export { d as DynamicIcon, u as dynamicIconNames };

package/dist/es/dynamic-icon/load-icon-node.js

@@ -0,0 +1,32 @@
+/*! @vef-framework-react/components v2.4.0 made by Venus | 2026-06-15T15:10:18.033Z */
+import { lucideDynamicIconImports as e } from "@lucide/icons/dynamic";
+//#region src/dynamic-icon/load-icon-node.ts
+var t = /* @__PURE__ */ new Map(), n = /* @__PURE__ */ new Map(), r = 6, i = 0, a = [];
+function o() {
+	for (; i < r && a.length > 0;) {
+		let e = a.shift();
+		i += 1, e();
+	}
+}
+function s(e) {
+	return t.get(e);
+}
+function c(r) {
+	let s = t.get(r);
+	if (s) return Promise.resolve(s);
+	let c = n.get(r);
+	if (c) return c;
+	let l = new Promise((s) => {
+		a.push(() => {
+			e[r]().then(({ default: e }) => {
+				let n = e.node;
+				t.set(r, n), s(n);
+			}).catch(() => s(null)).finally(() => {
+				--i, n.delete(r), o();
+			});
+		}), o();
+	});
+	return n.set(r, l), l;
+}
+//#endregion
+export { s as getCachedIconNode, c as loadIconNode };

package/dist/es/dynamic-icon/placeholder-icon.js

@@ -1,4 +1,4 @@
-/*! @vef-framework-react/components v2.2.2 made by Venus | 2026-05-18T12:43:56.688Z */
+/*! @vef-framework-react/components v2.4.0 made by Venus | 2026-06-15T15:10:18.033Z */
 import { globalCssVars as e } from "../_base/constants/css-vars.js";
 import { jsx as t } from "@emotion/react/jsx-runtime";
 //#region src/dynamic-icon/placeholder-icon.tsx

package/dist/es/dynamic-icon/unknown-icon.js

@@ -1,4 +1,4 @@
-/*! @vef-framework-react/components v2.2.2 made by Venus | 2026-05-18T12:43:56.688Z */
+/*! @vef-framework-react/components v2.4.0 made by Venus | 2026-06-15T15:10:18.033Z */
 import { jsx as e, jsxs as t } from "@emotion/react/jsx-runtime";
 //#region src/dynamic-icon/unknown-icon.tsx
 function n({ size: n = "1.2em", ...r }) {

package/dist/es/editable-table/components/add-row-button.js

@@ -0,0 +1,24 @@
+/*! @vef-framework-react/components v2.4.0 made by Venus | 2026-06-15T15:10:18.033Z */
+import { Button as e } from "../../button/index.js";
+import { Icon as t } from "../../icon/index.js";
+import { useEditableTableStore as n } from "../store.js";
+import { jsx as r } from "@emotion/react/jsx-runtime";
+import { PlusIcon as i } from "lucide-react";
+import { useShallow as a } from "@vef-framework-react/core";
+//#region src/editable-table/components/add-row-button.tsx
+function o() {
+	let { addRow: o, editingKey: s } = n(a((e) => ({
+		addRow: e.addRow,
+		editingKey: e.editingKey
+	})));
+	return /* @__PURE__ */ r(e, {
+		block: !0,
+		disabled: s !== null,
+		icon: /* @__PURE__ */ r(t, { component: i }),
+		type: "dashed",
+		onClick: () => o(),
+		children: "新增记录"
+	});
+}
+//#endregion
+export { o as AddRowButton };

package/dist/es/editable-table/components/editable-cell.js

@@ -0,0 +1,27 @@
+/*! @vef-framework-react/components v2.4.0 made by Venus | 2026-06-15T15:10:18.033Z */
+import { restoreFieldOptions as e } from "../../form/helpers/create-field.js";
+import { useFormContext as t } from "../../form/form.js";
+import { useEditableTableStore as n } from "../store.js";
+import { jsx as r } from "@emotion/react/jsx-runtime";
+//#region src/editable-table/components/editable-cell.tsx
+function i({ column: e, row: t, index: i, value: o, rowKey: s }) {
+	return !n((e) => e.editingKey === s) || e.editable === !1 || !e.renderEditor ? e.renderView ? e.renderView(o, t, i) : o ?? null : /* @__PURE__ */ r(a, {
+		column: e,
+		index: i,
+		row: t,
+		rowKey: s
+	});
+}
+function a({ column: n, row: i, index: a, rowKey: o }) {
+	return /* @__PURE__ */ r(t().AppField, {
+		name: n.dataIndex,
+		...e(n.fieldOptions),
+		children: (e) => n.renderEditor(e, {
+			index: a,
+			row: i,
+			rowKey: o
+		})
+	});
+}
+//#endregion
+export { i as EditableCell };

package/dist/es/editable-table/components/editable-row-actions.js

@@ -0,0 +1,53 @@
+/*! @vef-framework-react/components v2.4.0 made by Venus | 2026-06-15T15:10:18.033Z */
+import { Icon as e } from "../../icon/index.js";
+import { Group as t } from "../../group/index.js";
+import { useEditableTableStore as n } from "../store.js";
+import { OperationButton as r } from "../../operation-button/index.js";
+import { jsx as i, jsxs as a } from "@emotion/react/jsx-runtime";
+import { CheckIcon as o, PencilIcon as s, TrashIcon as c, XIcon as l } from "lucide-react";
+import { useShallow as u } from "@vef-framework-react/core";
+//#region src/editable-table/components/editable-row-actions.tsx
+function d({ row: d, index: f, rowKey: p, editable: m, deletable: h, texts: g, extra: _ }) {
+	let { editingKey: v, startEdit: y, save: b, cancel: x, deleteRow: S } = n(u((e) => ({
+		editingKey: e.editingKey,
+		startEdit: e.startEdit,
+		save: e.save,
+		cancel: e.cancel,
+		deleteRow: e.deleteRow
+	}))), C = v === p, w = v !== null && !C;
+	return C ? /* @__PURE__ */ a(t, {
+		justify: "center",
+		children: [/* @__PURE__ */ i(r, {
+			color: "primary",
+			icon: /* @__PURE__ */ i(e, { component: o }),
+			onClick: () => b(),
+			children: g?.save ?? "保存"
+		}), /* @__PURE__ */ i(r, {
+			color: "default",
+			icon: /* @__PURE__ */ i(e, { component: l }),
+			onClick: x,
+			children: g?.cancel ?? "取消"
+		})]
+	}) : /* @__PURE__ */ a(t, {
+		justify: "center",
+		children: [
+			_?.(d, f),
+			m && /* @__PURE__ */ i(r, {
+				color: "primary",
+				disabled: w,
+				icon: /* @__PURE__ */ i(e, { component: s }),
+				onClick: () => y(p, d),
+				children: g?.edit ?? "编辑"
+			}),
+			h && /* @__PURE__ */ i(r, {
+				color: "danger",
+				disabled: w,
+				icon: /* @__PURE__ */ i(e, { component: c }),
+				onClick: () => S(p),
+				children: g?.delete ?? "删除"
+			})
+		]
+	});
+}
+//#endregion
+export { d as EditableRowActions };

package/dist/es/editable-table/components/index.js

@@ -0,0 +1,4 @@
+/*! @vef-framework-react/components v2.4.0 made by Venus | 2026-06-15T15:10:18.033Z */
+import "./add-row-button.js";
+import "./editable-cell.js";
+import "./editable-row-actions.js";

package/dist/es/editable-table/helpers.js

@@ -0,0 +1,22 @@
+/*! @vef-framework-react/components v2.4.0 made by Venus | 2026-06-15T15:10:18.033Z */
+//#region src/editable-table/helpers.ts
+function e(e, t = {}) {
+	let { align: n, className: r, editable: i, ellipsis: a, fixed: o, key: s, minWidth: c, renderEditor: l, renderView: u, title: d, width: f, ...p } = t;
+	return {
+		align: n,
+		className: r,
+		dataIndex: e,
+		editable: i,
+		ellipsis: a,
+		fieldOptions: Object.keys(p).length > 0 ? p : void 0,
+		fixed: o,
+		key: s ?? e,
+		minWidth: c,
+		renderEditor: l,
+		renderView: u,
+		title: d,
+		width: f
+	};
+}
+//#endregion
+export { e as createEditableColumn };

package/dist/es/editable-table/hooks/index.js

@@ -0,0 +1,3 @@
+/*! @vef-framework-react/components v2.4.0 made by Venus | 2026-06-15T15:10:18.033Z */
+import "./use-editable-actions.js";
+import "./use-editable-columns.js";

package/dist/es/editable-table/hooks/use-editable-actions.js

@@ -0,0 +1,69 @@
+/*! @vef-framework-react/components v2.4.0 made by Venus | 2026-06-15T15:10:18.033Z */
+import { showErrorMessage as e } from "../../_base/helpers/message.js";
+import { useEditableTableStoreApi as t } from "../store.js";
+import { get as n, isNullish as r } from "@vef-framework-react/shared";
+import { useEffect as i, useRef as a } from "react";
+//#region src/editable-table/hooks/use-editable-actions.ts
+function o(e) {
+	if (typeof e == "string") return e || void 0;
+	if (e && typeof e == "object" && "message" in e) {
+		let { message: t } = e;
+		return typeof t == "string" ? t : void 0;
+	}
+}
+function s({ value: s, onChange: c, form: l, getKey: u, rowKeyField: d, createRecord: f }) {
+	let p = t(), m = a(s), h = a(c), g = a(0);
+	m.current = s, h.current = c, i(() => {
+		p.setState({
+			addRow: () => {
+				let e = f?.() ?? {}, t = d !== null && r(n(e, d)) ? {
+					...e,
+					[d]: `__temp_${g.current++}`
+				} : e, i = [...m.current, t];
+				h.current?.(i), l.reset(t), p.setState((e) => {
+					e.editingKey = u(t);
+				});
+			},
+			cancel: () => {
+				p.setState((e) => {
+					e.editingKey = null;
+				});
+			},
+			deleteRow: (e) => {
+				let t = m.current.filter((t) => u(t) !== e);
+				h.current?.(t), p.setState((t) => {
+					t.editingKey === e && (t.editingKey = null);
+				});
+			},
+			save: async () => {
+				let { editingKey: t } = p.getState();
+				if (t === null) return;
+				let n = await l.validateAllFields("submit");
+				if (n.length > 0) {
+					e(n.flat().map((e) => o(e)).find(Boolean) ?? "请检查表单填写是否正确");
+					return;
+				}
+				let { values: r } = l.state, i = m.current.map((e) => u(e) === t ? {
+					...e,
+					...r
+				} : e);
+				h.current?.(i), p.setState((e) => {
+					e.editingKey = null;
+				});
+			},
+			startEdit: (e, t) => {
+				l.reset(t), p.setState((t) => {
+					t.editingKey = e;
+				});
+			}
+		});
+	}, [
+		p,
+		l,
+		u,
+		d,
+		f
+	]);
+}
+//#endregion
+export { s as useEditableActions };

package/dist/es/editable-table/hooks/use-editable-columns.js

@@ -0,0 +1,49 @@
+/*! @vef-framework-react/components v2.4.0 made by Venus | 2026-06-15T15:10:18.033Z */
+import { EditableCell as e } from "../components/editable-cell.js";
+import { EditableRowActions as t } from "../components/editable-row-actions.js";
+import { jsx as n } from "@emotion/react/jsx-runtime";
+import { useMemo as r } from "react";
+//#region src/editable-table/hooks/use-editable-columns.tsx
+function i(i, a, o) {
+	return r(() => {
+		let r = i.map((t) => ({
+			align: t.align,
+			className: t.className,
+			dataIndex: t.dataIndex,
+			ellipsis: t.ellipsis,
+			fixed: t.fixed,
+			key: t.key ?? t.dataIndex,
+			minWidth: t.minWidth,
+			title: t.title,
+			width: t.width,
+			render: (r, i, o) => /* @__PURE__ */ n(e, {
+				column: t,
+				index: o,
+				row: i,
+				rowKey: a(i),
+				value: r
+			})
+		}));
+		return o.enabled && r.push({
+			align: "center",
+			key: "__editable_operations",
+			title: o.title ?? "操作",
+			width: o.width,
+			render: (e, r, i) => /* @__PURE__ */ n(t, {
+				deletable: o.deletable(r),
+				editable: o.editable(r),
+				extra: o.extra,
+				index: i,
+				row: r,
+				rowKey: a(r),
+				texts: o.texts
+			})
+		}), r;
+	}, [
+		i,
+		a,
+		o
+	]);
+}
+//#endregion
+export { i as useEditableColumns };

package/dist/es/editable-table/index.js

@@ -0,0 +1,61 @@
+/*! @vef-framework-react/components v2.4.0 made by Venus | 2026-06-15T15:10:18.033Z */
+import { Stack as e } from "../stack/index.js";
+import { Table as t } from "../table/index.js";
+import { useForm as n } from "../form/use-form.js";
+import { EditableTableStoreProvider as r } from "./store.js";
+import { AddRowButton as i } from "./components/add-row-button.js";
+import { useEditableActions as a } from "./hooks/use-editable-actions.js";
+import { useEditableColumns as o } from "./hooks/use-editable-columns.js";
+import "./helpers.js";
+import { jsx as s, jsxs as c } from "@emotion/react/jsx-runtime";
+import { get as l, isFunction as u, stringify as d } from "@vef-framework-react/shared";
+import { useMemo as f } from "react";
+//#region src/editable-table/index.tsx
+function p(e) {
+	if (u(e)) return (t) => d(e(t));
+	let t = e ?? "key";
+	return (e) => d(l(e, t));
+}
+function m(e, t) {
+	if (u(e)) return e;
+	let n = e ?? t;
+	return () => n;
+}
+function h({ value: r, onChange: l, columns: d, rowKey: h, canEdit: g, canDelete: _, creatable: v, createRecord: y, renderRowActions: b, operationColumn: x, size: S, pagination: C }) {
+	let w = n({ defaultValues: {} }), T = f(() => p(h), [h]), E = u(h) ? null : h ?? "key", D = f(() => m(g, !0), [g]), O = f(() => m(_, !1), [_]), k = o(d, T, f(() => ({
+		deletable: O,
+		editable: D,
+		enabled: !0,
+		extra: b,
+		texts: x?.texts,
+		title: x?.title,
+		width: x?.width
+	}), [
+		O,
+		D,
+		x,
+		b
+	]));
+	return a({
+		createRecord: y,
+		form: w,
+		getKey: T,
+		onChange: l,
+		rowKeyField: E,
+		value: r
+	}), /* @__PURE__ */ s(w.AppForm, { children: /* @__PURE__ */ c(e, {
+		gap: "small",
+		children: [/* @__PURE__ */ s(t, {
+			columns: k,
+			dataSource: r,
+			pagination: C ?? !1,
+			rowKey: T,
+			size: S
+		}), v ? /* @__PURE__ */ s(i, {}) : null]
+	}) });
+}
+function g(e) {
+	return /* @__PURE__ */ s(r, { children: /* @__PURE__ */ s(h, { ...e }) });
+}
+//#endregion
+export { g as EditableTable };

package/dist/es/editable-table/store.js

@@ -0,0 +1,19 @@
+/*! @vef-framework-react/components v2.4.0 made by Venus | 2026-06-15T15:10:18.033Z */
+import { createThrowNotImplementedFn as e } from "@vef-framework-react/shared";
+import { createComponentStore as t } from "@vef-framework-react/core";
+//#region src/editable-table/store.ts
+var { StoreProvider: n, useStore: r, useStoreApi: i } = t("EditableTable", (t) => ({
+	editingKey: null,
+	setEditingKey: (e) => {
+		t((t) => {
+			t.editingKey = e;
+		});
+	},
+	startEdit: e("startEdit"),
+	save: e("save"),
+	cancel: e("cancel"),
+	addRow: e("addRow"),
+	deleteRow: e("deleteRow")
+}));
+//#endregion
+export { n as EditableTableStoreProvider, r as useEditableTableStore, i as useEditableTableStoreApi };

package/dist/es/empty/empty.js

@@ -1,4 +1,4 @@
-/*! @vef-framework-react/components v2.2.2 made by Venus | 2026-05-18T12:43:56.688Z */
+/*! @vef-framework-react/components v2.4.0 made by Venus | 2026-06-15T15:10:18.033Z */
 import { jsx as e } from "@emotion/react/jsx-runtime";
 import { Empty as t } from "antd";
 //#region src/empty/empty.tsx

package/dist/es/empty/index.js

@@ -1,2 +1,2 @@
-/*! @vef-framework-react/components v2.2.2 made by Venus | 2026-05-18T12:43:56.688Z */
+/*! @vef-framework-react/components v2.4.0 made by Venus | 2026-06-15T15:10:18.033Z */
 import "./empty.js";

package/dist/es/file-upload/index.js

@@ -1,4 +1,4 @@
-/*! @vef-framework-react/components v2.2.2 made by Venus | 2026-05-18T12:43:56.688Z */
+/*! @vef-framework-react/components v2.4.0 made by Venus | 2026-06-15T15:10:18.033Z */
 import { Upload as e } from "../upload/index.js";
 import { jsx as t } from "@emotion/react/jsx-runtime";
 import { useCallback as n, useMemo as r } from "react";

package/dist/es/flex/index.js

@@ -1,3 +1,3 @@
-/*! @vef-framework-react/components v2.2.2 made by Venus | 2026-05-18T12:43:56.688Z */
+/*! @vef-framework-react/components v2.4.0 made by Venus | 2026-06-15T15:10:18.033Z */
 import { Flex as e } from "antd";
 export { e as Flex };

package/dist/es/flex-card/index.js

@@ -1,4 +1,4 @@
-/*! @vef-framework-react/components v2.2.2 made by Venus | 2026-05-18T12:43:56.688Z */
+/*! @vef-framework-react/components v2.4.0 made by Venus | 2026-06-15T15:10:18.033Z */
 import { Card as e } from "../card/index.js";
 import { container as t } from "./styles.js";
 import { jsx as n } from "@emotion/react/jsx-runtime";

package/dist/es/flex-card/styles.js

@@ -1,8 +1,8 @@
-/*! @vef-framework-react/components v2.2.2 made by Venus | 2026-05-18T12:43:56.688Z */
+/*! @vef-framework-react/components v2.4.0 made by Venus | 2026-06-15T15:10:18.033Z */
 import { globalCssVars as e } from "../_base/constants/css-vars.js";
 import { css as t } from "@emotion/react";
 //#region src/flex-card/styles.ts
-var n = /* @__PURE__ */ t({
+var n = /*#__PURE__*/ t({
 	height: "100%",
 	display: "flex",
 	flexDirection: "column",

package/dist/es/flip-text/index.js

@@ -1,4 +1,4 @@
-/*! @vef-framework-react/components v2.2.2 made by Venus | 2026-05-18T12:43:56.688Z */
+/*! @vef-framework-react/components v2.4.0 made by Venus | 2026-06-15T15:10:18.033Z */
 import { Center as e } from "../center/index.js";
 import { jsx as t } from "@emotion/react/jsx-runtime";
 import { Children as n } from "react";

package/dist/es/float-button/index.js

@@ -1,3 +1,3 @@
-/*! @vef-framework-react/components v2.2.2 made by Venus | 2026-05-18T12:43:56.688Z */
+/*! @vef-framework-react/components v2.4.0 made by Venus | 2026-06-15T15:10:18.033Z */
 import { FloatButton as e } from "antd";
 export { e as FloatButton };

package/dist/es/form/components/form.js

@@ -1,4 +1,4 @@
-/*! @vef-framework-react/components v2.2.2 made by Venus | 2026-05-18T12:43:56.688Z */
+/*! @vef-framework-react/components v2.4.0 made by Venus | 2026-06-15T15:10:18.033Z */
 import { useFormContext as e } from "../contexts/form-context.js";
 import { FormLayoutProvider as t, defaultFormLayout as n } from "../contexts/form-layout.js";
 import { jsx as r } from "@emotion/react/jsx-runtime";
@@ -22,7 +22,9 @@ function o({ layout: o = n.layout, labelAlign: s = n.labelAlign, labelWidth: c =
 				e.preventDefault(), h();
 			},
 			onSubmit: (e) => {
-				e.preventDefault(), m();
+				e.preventDefault(), m().catch((e) => {
+					console.error("[Form] submit failed:", e);
+				});
 			}
 		},
 		children: /* @__PURE__ */ r(t, {

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

@@ -1,4 +1,4 @@
-/*! @vef-framework-react/components v2.2.2 made by Venus | 2026-05-18T12:43:56.688Z */
+/*! @vef-framework-react/components v2.4.0 made by Venus | 2026-06-15T15:10:18.033Z */
 import { Form as e } from "./form.js";
 import { ResetButton as t } from "./reset-button.js";
 import { SubmitButton as n } from "./submit-button.js";

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

@@ -1,4 +1,4 @@
-/*! @vef-framework-react/components v2.2.2 made by Venus | 2026-05-18T12:43:56.688Z */
+/*! @vef-framework-react/components v2.4.0 made by Venus | 2026-06-15T15:10:18.033Z */
 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";

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

@@ -1,4 +1,4 @@
-/*! @vef-framework-react/components v2.2.2 made by Venus | 2026-05-18T12:43:56.688Z */
+/*! @vef-framework-react/components v2.4.0 made by Venus | 2026-06-15T15:10:18.033Z */
 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";

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

@@ -1,4 +1,4 @@
-/*! @vef-framework-react/components v2.2.2 made by Venus | 2026-05-18T12:43:56.688Z */
+/*! @vef-framework-react/components v2.4.0 made by Venus | 2026-06-15T15:10:18.033Z */
 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();

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

@@ -1,4 +1,4 @@
-/*! @vef-framework-react/components v2.2.2 made by Venus | 2026-05-18T12:43:56.688Z */
+/*! @vef-framework-react/components v2.4.0 made by Venus | 2026-06-15T15:10:18.033Z */
 import { createContext as e, use as t } from "react";
 //#region src/form/contexts/form-layout.ts
 var n = Object.freeze({