@xbeeant/form-engine-react 0.0.1

package/dist/es/hooks/useWatch.d.ts

@@ -0,0 +1,25 @@
+import { NexusEngine } from '@xbeeant/form-engine';
+/**
+ * useWatch Hook - 监听单个字段值变化
+ *
+ * @param engine - NexusEngine实例
+ * @param path - 字段路径
+ * @param callback - 变化回调函数
+ * @param deep - 是否深度比较值（默认false，仅浅比较）
+ *
+ * @example
+ * ```tsx
+ * // 监听单个字段
+ * const name = useWatch(engine, 'profile.name', (value) => {
+ *   console.log('Name changed:', value);
+ * });
+ *
+ * // 深度比较对象
+ * const profile = useWatch(engine, 'profile', (value) => {
+ *   console.log('Profile changed:', value);
+ * }, { deep: true });
+ * ```
+ */
+export declare function useWatch(engine: NexusEngine | null, path: string, callback: (value: unknown) => void, options?: {
+    deep?: boolean;
+}): unknown;

package/dist/es/hooks/useWatch.js

@@ -0,0 +1,20 @@
+import { useRef as f, useEffect as d } from "react";
+function J(e, c, o, i) {
+  const { deep: n = !1 } = i || {}, r = f(void 0), s = f(o);
+  return s.current = o, d(() => {
+    if (!e)
+      return;
+    const t = e.getFieldValue(c);
+    r.current === void 0 && (r.current = t), (n ? JSON.stringify(t) !== JSON.stringify(r.current) : t !== r.current) && (r.current = t, s.current(t));
+    const l = e.subscribe(c, (a) => {
+      const u = a.value;
+      (n ? JSON.stringify(u) !== JSON.stringify(r.current) : u !== r.current) && (r.current = u, s.current(u));
+    });
+    return () => {
+      l();
+    };
+  }, [e, c, n]), r.current;
+}
+export {
+  J as useWatch
+};

package/dist/es/hooks/useWatchAll.d.ts

@@ -0,0 +1,19 @@
+import { NexusEngine } from '@xbeeant/form-engine';
+/**
+ * useWatchAll Hook - 监听整个表单数据变化
+ *
+ * @param engine - NexusEngine实例
+ * @param callback - 变化回调函数
+ * @param deep - 是否深度比较值（默认false，仅浅比较）
+ *
+ * @example
+ * ```tsx
+ * // 监听整个表单
+ * useWatchAll(engine, (formData) => {
+ *   console.log('Form data changed:', formData);
+ * }, { deep: true });
+ * ```
+ */
+export declare function useWatchAll(engine: NexusEngine | null, callback: (formData: Record<string, unknown>) => void, options?: {
+    deep?: boolean;
+}): Record<string, unknown>;

package/dist/es/hooks/useWatchAll.js

@@ -0,0 +1,29 @@
+import { useRef as n, useEffect as h } from "react";
+function g(c, i, b) {
+  const { deep: l = !1 } = b || {}, t = n({}), e = n({}), u = n(i);
+  return u.current = i, h(() => {
+    if (!c)
+      return;
+    const s = c.getFormData();
+    t.current = s, e.current = s, u.current(s);
+    const d = c.subscribeAll((r) => {
+      if (l)
+        JSON.stringify(r) !== JSON.stringify(t.current) && (t.current = r, e.current = r, u.current(r));
+      else {
+        let f = !1;
+        for (const o in r)
+          if (r[o] !== t.current[o]) {
+            f = !0;
+            break;
+          }
+        f && (t.current = r, e.current = r, u.current(r));
+      }
+    });
+    return () => {
+      d();
+    };
+  }, [c, l]), e.current;
+}
+export {
+  g as useWatchAll
+};

package/dist/es/hooks/useWatchMultiple.d.ts

@@ -0,0 +1,20 @@
+import { NexusEngine } from '@xbeeant/form-engine';
+/**
+ * useWatchMultiple Hook - 监听多个字段值变化
+ *
+ * @param engine - NexusEngine实例
+ * @param paths - 字段路径数组
+ * @param callback - 变化回调函数
+ * @param deep - 是否深度比较值（默认false，仅浅比较）
+ *
+ * @example
+ * ```tsx
+ * // 监听多个字段
+ * const values = useWatchMultiple(engine, ['name', 'email', 'age'], (values) => {
+ *   console.log('Values changed:', values);
+ * }, { deep: true });
+ * ```
+ */
+export declare function useWatchMultiple(engine: NexusEngine | null, paths: string[], callback: (values: Record<string, unknown>) => void, options?: {
+    deep?: boolean;
+}): Record<string, unknown>;

package/dist/es/hooks/useWatchMultiple.js

@@ -0,0 +1,29 @@
+import { useRef as s, useEffect as p } from "react";
+function v(r, u, a, R) {
+  const { deep: l = !1 } = R || {}, o = s({}), e = s({}), f = s(a);
+  f.current = a;
+  const i = s(u);
+  i.current = u;
+  const V = [...u].sort().join(",");
+  return p(() => {
+    if (!r)
+      return;
+    const b = i.current, c = {};
+    for (const t of b)
+      c[t] = r.getFieldValue(t);
+    o.current = c, e.current = c, f.current(c);
+    const h = b.map(
+      (t) => r.subscribe(t, (m) => {
+        const n = m.value, d = o.current[t];
+        (l ? JSON.stringify(n) !== JSON.stringify(d) : n !== d) && (o.current[t] = n, e.current = { [t]: n }, f.current(e.current));
+      })
+    );
+    return () => {
+      for (const t of h)
+        t();
+    };
+  }, [r, l, V]), e.current;
+}
+export {
+  v as useWatchMultiple
+};

package/dist/es/hooks/useWatchState.d.ts

@@ -0,0 +1,18 @@
+import { FieldState, NexusEngine } from '@xbeeant/form-engine';
+/**
+ * useWatchState Hook - 监听单个字段状态变化
+ *
+ * @param engine - NexusEngine实例
+ * @param path - 字段路径
+ * @param callback - 状态变化回调函数
+ *
+ * @example
+ * ```tsx
+ * // 监听字段状态（visible/disabled/loading等）
+ * const isDisabled = useWatchState(engine, 'email', (state) => {
+ *   console.log('Disabled:', state.disabled);
+ *   console.log('Loading:', state.loading);
+ * });
+ * ```
+ */
+export declare function useWatchState(engine: NexusEngine | null, path: string, callback: (state: FieldState) => void): FieldState;

package/dist/es/hooks/useWatchState.js

@@ -0,0 +1,19 @@
+import { useRef as n, useEffect as i } from "react";
+function R(r, t, s) {
+  const e = n(void 0), u = n(s);
+  return u.current = s, i(() => {
+    if (!r)
+      return;
+    const c = r.getFieldState(t);
+    e.current = c, c && u.current(c);
+    const o = r.subscribe(t, (f) => {
+      e.current = f, u.current(f);
+    });
+    return () => {
+      o();
+    };
+  }, [r, t]), e.current || {};
+}
+export {
+  R as useWatchState
+};

package/dist/es/index.d.ts

@@ -0,0 +1,24 @@
+export { FormController } from './components/FormController';
+export { NexusField } from './components/NexusField';
+export type { NexusFormConfig } from './components/NexusForm';
+export { NexusForm } from './components/NexusForm';
+export { NexusFormProvider } from './components/NexusFormProvider';
+export { NexusLayout } from './components/NexusLayout';
+export { NexusObject } from './components/NexusObject';
+export type { FieldInheritValue } from './contexts/FieldInheritContext';
+export { FieldInheritContext } from './contexts/FieldInheritContext';
+export type { GridContextValue } from './contexts/GridContext';
+export { GridContext } from './contexts/GridContext';
+export type { LayoutConfigContextValue } from './contexts/LayoutConfigContext';
+export { LayoutConfigContext } from './contexts/LayoutConfigContext';
+export { useEngine } from './hooks/useEngine';
+export { useFieldState } from './hooks/useFieldState';
+export { useFieldValidator } from './hooks/useFieldValidator';
+export { useFieldValue } from './hooks/useFieldValue';
+export { useForm } from './hooks/useForm';
+export { useFormConfig } from './hooks/useFormConfig';
+export { useFormData } from './hooks/useFormData';
+export { useWatch } from './hooks/useWatch';
+export { useWatchAll } from './hooks/useWatchAll';
+export { useWatchMultiple } from './hooks/useWatchMultiple';
+export { useWatchState } from './hooks/useWatchState';

package/dist/es/index.js

@@ -0,0 +1,42 @@
+import { FormController as r } from "./components/FormController.js";
+import { NexusField as x } from "./components/NexusField.js";
+import { NexusForm as f } from "./components/NexusForm.js";
+import { NexusFormProvider as u } from "./components/NexusFormProvider.js";
+import { NexusLayout as a } from "./components/NexusLayout.js";
+import { NexusObject as l } from "./components/NexusObject.js";
+import { FieldInheritContext as n } from "./contexts/FieldInheritContext.js";
+import { GridContext as C } from "./contexts/GridContext.js";
+import { LayoutConfigContext as h } from "./contexts/LayoutConfigContext.js";
+import { useEngine as W } from "./hooks/useEngine.js";
+import { useFieldState as y } from "./hooks/useFieldState.js";
+import { useFieldValidator as S } from "./hooks/useFieldValidator.js";
+import { useFieldValue as b } from "./hooks/useFieldValue.js";
+import { useForm as v } from "./hooks/useForm.js";
+import { useFormConfig as D } from "./hooks/useFormConfig.js";
+import { useFormData as G } from "./hooks/useFormData.js";
+import { useWatch as M } from "./hooks/useWatch.js";
+import { useWatchAll as P } from "./hooks/useWatchAll.js";
+import { useWatchMultiple as q } from "./hooks/useWatchMultiple.js";
+import { useWatchState as z } from "./hooks/useWatchState.js";
+export {
+  n as FieldInheritContext,
+  r as FormController,
+  C as GridContext,
+  h as LayoutConfigContext,
+  x as NexusField,
+  f as NexusForm,
+  u as NexusFormProvider,
+  a as NexusLayout,
+  l as NexusObject,
+  W as useEngine,
+  y as useFieldState,
+  S as useFieldValidator,
+  b as useFieldValue,
+  v as useForm,
+  D as useFormConfig,
+  G as useFormData,
+  M as useWatch,
+  P as useWatchAll,
+  q as useWatchMultiple,
+  z as useWatchState
+};

package/dist/es/utils/renderTreeNode.d.ts

@@ -0,0 +1,6 @@
+import { RenderTreeNode } from '@xbeeant/form-engine';
+import { ReactElement } from 'react';
+/**
+ * renderTreeNode — 递归渲染
+ */
+export declare function renderTreeNode(node: RenderTreeNode, index: number): ReactElement;

package/dist/es/utils/renderTreeNode.js

@@ -0,0 +1,17 @@
+import { jsx as r } from "react/jsx-runtime";
+import { NexusField as e } from "../components/NexusField.js";
+import { NexusLayout as u } from "../components/NexusLayout.js";
+import { NexusObject as y } from "../components/NexusObject.js";
+function p(t, a) {
+  return t.type === "field" ? /* @__PURE__ */ r(
+    e,
+    {
+      dataPath: t.dataPath,
+      layoutKey: t.layoutKey
+    },
+    t.layoutKey || t.dataPath
+  ) : t.type === "object" ? /* @__PURE__ */ r(y, { node: t }, `object-${t.layoutKey}-${a}`) : /* @__PURE__ */ r(u, { node: t }, `layout-${t.type}-${a}`);
+}
+export {
+  p as renderTreeNode
+};

package/dist/es/utils/resolveColSpan.d.ts

@@ -0,0 +1,5 @@
+import { GridContextValue } from '../contexts/GridContext';
+/**
+ * resolveColSpan — 统一解析子项在父 Grid 中的跨列数
+ */
+export declare function resolveColSpan(colSpan: number | undefined, gridCtx: GridContextValue | null): number | undefined;

package/dist/es/utils/resolveColSpan.js

@@ -0,0 +1,9 @@
+function u(o, n) {
+  if (o !== void 0)
+    return o;
+  if (n && n.column > 0)
+    return Math.max(1, Math.round(n.column / 24));
+}
+export {
+  u as resolveColSpan
+};

package/dist/umd/index.umd.cjs

@@ -0,0 +1 @@
+(function(a,N){typeof exports=="object"&&typeof module<"u"?N(exports,require("@xbeeant/form-engine"),require("react/jsx-runtime"),require("react")):typeof define=="function"&&define.amd?define(["exports","@xbeeant/form-engine","react/jsx-runtime","react"],N):(a=typeof globalThis<"u"?globalThis:a||self,N(a.NexusFormEngineReact={},a.formEngine,a.jsxRuntime,a.react))})(this,(function(a,N,c,s){"use strict";class P{engine;formElementRef;getOnFinish;getOnFinishFailed;removeHiddenData=!0;watchers=new Map;globalWatcher=null;constructor(t){this.engine=t??new N.NexusEngine,this.engine.hasPlugin("async-validator")||this.engine.use(new N.AsyncValidatorPlugin(this.engine)),this.formElementRef={current:null},this.getOnFinish=()=>()=>{},this.getOnFinishFailed=()=>()=>{}}_bind(t,i,r){this.formElementRef.current=t,this.getOnFinish=i,this.getOnFinishFailed=r,this.engine.registerOnFieldValueChange((l,n)=>this._onFieldValueChange(l,n))}_syncConfig(t){if(t.removeHiddenData!==void 0&&(this.removeHiddenData=t.removeHiddenData),t.watch){this.watchers.clear(),this.globalWatcher=null;for(const[i,r]of Object.entries(t.watch))i==="#"?this.globalWatcher=r:this.watchers.set(i,r)}}_onFieldValueChange(t,i){const r=this.engine.getFormData(),l=this.removeHiddenData?r:this.engine.getAllFormData();this.globalWatcher&&this.globalWatcher(l,l,t);const n=this.watchers.get(t);n&&n(i,l)}_getEngine(){return this.engine}async submit(){const t=await this.engine.validate();if(t.size>0){this.focusFirstError(t),this.getOnFinishFailed()?.(t);return}const i=this.removeHiddenData?this.engine.getFormData():this.engine.getAllFormData();await this.getOnFinish()?.(i)}focusFirstError(t){const i=this.formElementRef.current;if(!i||t.size===0)return;const r=new Set(t.keys());requestAnimationFrame(()=>{const n=i.querySelectorAll("[data-nexus-field]");for(const o of Array.from(n)){const u=o.getAttribute("data-nexus-field");if(!u||!r.has(u))continue;o.scrollIntoView({behavior:"smooth",block:"center"}),o.querySelector('input:not([disabled]), select:not([disabled]), textarea:not([disabled]), [tabindex]:not([tabindex="-1"])')?.focus();return}})}resetFields(){this.engine.reset()}setErrorFields(t){this.engine.setErrorFields(t)}setValues(t){this.engine.setFieldValues(t)}setValueByPath(t,i){this.engine.setFieldValue(t,i)}setSchemaByPath(t,i){this.engine.setSchemaByPath(t,i)}setSchema(t){this.engine.setSchema(t)}getValues(t){return this.engine.getFormData(t)}getHiddenValues(){return this.engine.getHiddenValues()}getAllValues(){return this.engine.getAllFormData()}getValueByPath(t){return this.engine.getFieldValue(t)}registerValidator(t,i){this.engine.registerFieldValidator(t,i)}unregisterValidator(t,i){this.engine.unregisterFieldValidator(t,i)}revalidateField(t){this.engine.validateField(t,{trigger:"change"})}getSchema(){return this.engine.getSchema()}removeErrorField(t){this.engine.removeErrorField(t)}scrollToPath(t){this.formElementRef.current?.querySelector(`[data-nexus-field="${t}"]`)?.scrollIntoView({behavior:"smooth",block:"center"})}getFieldError(t){return this.engine.getFieldError(t)}getFieldsError(){return this.engine.getFieldsError()}validateFields(t){return this.engine.validate(t)}getFieldState(t){return this.engine.getFieldState(t)}}const R=s.createContext({}),M=s.createContext(null),k=s.createContext({}),H=s.createContext(null);function S(){const e=s.useContext(H);if(!e)throw new Error("[NexusField] Must be used within <NexusFormProvider>");return e}function q(e,t){if(e!==void 0)return e;if(t&&t.column>0)return Math.max(1,Math.round(t.column/24))}function J({dataPath:e,layoutKey:t}){const{engine:i,config:r,form:l}=S();s.useSyncExternalStore(y=>i.subscribeField(e,y),()=>i.getFieldVersion(e),()=>i.getFieldVersion(e));const n=i.getFieldState(e),o=s.useContext(M),u=s.useContext(k),g=s.useContext(R),f=s.useCallback(y=>{i.setFieldValue(e,y)},[i,e]),b=s.useCallback(y=>{y.currentTarget.contains(y.relatedTarget)||i.validateField(e,{trigger:"blur"})},[i,e]),d=s.useMemo(()=>n?.meta.enum?n.meta.enum.map((y,E)=>({value:y,label:n.meta.enumNames?.[E]??String(y)})):n?.props.options,[n?.meta.enum,n?.meta.enumNames,n?.props.options]),F=s.useMemo(()=>{const y={};if(n?.reactions){for(const E of n.reactions)if(E.dependencies)for(const p of E.dependencies)y[p]=i.getFieldValue(p)}return y},[n?.reactions,i]);if(!n)return i.getSnapshot()>0&&console.warn(`[NexusField] Field not found: ${e}`),null;if(g.visible===!1||!n.visible)return u.removeHidden===!0?null:c.jsx("div",{className:"hidden","data-nexus-hidden":e});const h=r.readOnly||g.readOnly===!0||n.readOnly,C=g.disabled===!0||n.disabled,v=h&&!!n.meta.readOnlyWidget,x=v?n.meta.readOnlyWidget:n.meta.widget;let V=i.getWidget(x);if(!V&&v&&(V=i.getWidget(n.meta.widget)),!V)return c.jsxs("div",{className:"text-xs text-red-500","data-nexus-field":e,children:['⚠️ Widget "',n.meta.widget,'" 未注册 (path: ',e,")"]});const j=n.meta.displayType??r.displayType,D=n.meta.labelWidth??r.labelWidth,m=n.meta.column??r.column,O=q(n.meta.colSpan,o),w={...n.meta.width?{width:n.meta.width,flexShrink:0}:{},...O?{gridColumn:`span ${O}`}:{}};return c.jsx("div",{"data-nexus-field":e,onBlur:b,style:Object.keys(w).length>0?w:void 0,children:c.jsx(V,{dataPath:e,path:e,value:n.value,onChange:f,disabled:C,readOnly:h,loading:n.loading,required:n.required,title:n.meta.title,description:n.meta.description,placeholder:n.meta.placeholder,label:n.meta.label,options:d,errors:n.errors,extra:n.meta.extra,displayType:j,labelWidth:D,column:m,form:l,dependValues:F,items:n.meta.items,...n.props},t)})}function B({node:e}){const{engine:t}=S(),i=t.getLayout(e.type),r=e.children.map((h,C)=>$(h,C)),l=s.useContext(M),n=q(e.props.colSpan,l),o={...n?{gridColumn:`span ${n}`}:{},...e.props.width?{width:e.props.width,flexShrink:0}:{}},u=s.useMemo(()=>({removeHidden:e.props.removeHidden}),[e.props.removeHidden]);if(!i)return c.jsx(k.Provider,{value:u,children:c.jsxs("div",{"data-nexus-layout":e.type,className:"mb-4",style:Object.keys(o).length>0?o:void 0,children:[e.title&&c.jsx("div",{className:"mb-2 font-bold",children:e.title}),r]})});const{displayType:g,labelWidth:f,colSpan:b,width:d,...F}=e.props;return c.jsx(k.Provider,{value:u,children:c.jsx("div",{style:Object.keys(o).length>0?o:void 0,children:c.jsx(i,{...F,node:e,title:e.title,children:r})})})}function I({node:e}){const{engine:t,config:i}=S(),r=s.useContext(R);s.useSyncExternalStore(F=>t.subscribeField(e.dataPath,F),()=>t.getFieldVersion(e.dataPath),()=>t.getFieldVersion(e.dataPath));const l=t.getFieldState(e.dataPath),[n,o]=s.useState(!1),u=(i.column??1)>1,g=u?{gridTemplateColumns:`repeat(${i.column}, 1fr)`}:{},f={disabled:r.disabled??(l?.disabled===!0?!0:void 0),readOnly:r.readOnly??(l?.readOnly===!0?!0:void 0),visible:r.visible===!1||l?.visible===!1?!1:void 0},b=f.visible===!1,d=()=>o(F=>!F);return c.jsx(R.Provider,{value:f,children:c.jsxs("div",{"data-nexus-object":e.dataPath,className:`mb-4 ${b?"hidden":""}`,children:[e.title&&c.jsxs("div",{onClick:d,className:"flex gap-1 mb-2 cursor-pointer select-none border-none bg-transparent p-0 font-bold",children:[c.jsx("svg",{width:"12",height:"12",viewBox:"0 0 24 24",fill:"none",stroke:"currentColor",strokeWidth:"2",strokeLinecap:"round",strokeLinejoin:"round",className:`align-middle transition-transform duration-200 ease-in-out ${n?"rotate-0":"rotate-90"}`,"aria-hidden":"true",children:c.jsx("polyline",{points:"9 18 15 12 9 6"})}),e.title]}),c.jsx("div",{className:`${u?"grid gap-x-4":""} ${n?"hidden":""}`,style:Object.keys(g).length>0?g:void 0,children:e.children.map((F,h)=>$(F,h))})]})})}function $(e,t){return e.type==="field"?c.jsx(J,{dataPath:e.dataPath,layoutKey:e.layoutKey},e.layoutKey||e.dataPath):e.type==="object"?c.jsx(I,{node:e},`object-${e.layoutKey}-${t}`):c.jsx(B,{node:e},`layout-${e.type}-${t}`)}function K({engine:e,config:t,form:i,children:r}){const l=s.useMemo(()=>({engine:e,config:t,form:i}),[e,t,i]);return c.jsx(H.Provider,{value:l,children:r})}function T(){}function Y({form:e,schema:t,initialValues:i,widgets:r,layouts:l,onFinish:n,onFinishFailed:o,footer:u=!1,className:g,style:f,children:b,labelCol:d,labelWidth:F,colon:h,label:C,displayType:v,readOnly:x,column:V,watch:j,removeHiddenData:D=!0}){const m=e._getEngine(),O=s.useRef(null),w=v??t?.displayType??"row",y=C??t?.label??!0,E=h??t?.colon,p=F??t?.labelWidth,G=x??t?.readOnly??!1,W=V??t?.column;s.useEffect(()=>{r&&m.registerWidgets(r),l&&m.registerLayouts(l)},[m,r,l]);const z=s.useRef(!0),ae=s.useRef(i);s.useEffect(()=>{t&&(z.current?(m.init(t,ae.current),z.current=!1):m.init(t,m.getFormData()))},[m,t]);const U=s.useRef(T),Q=s.useRef(T);U.current=n??T,Q.current=o??T,s.useEffect(()=>{e._bind(O.current,()=>U.current,()=>Q.current)},[e]),s.useEffect(()=>{e._syncConfig({removeHiddenData:D,watch:j})},[e,D,j]);const ce=s.useSyncExternalStore(m.subscribeStore,m.getSnapshot,m.getSnapshot),de=s.useMemo(()=>m.getRenderTree(),[m,ce]),fe=s.useCallback(async A=>{A.preventDefault(),await e.submit()},[e]),ge=s.useCallback(()=>{e.resetFields()},[e]);let L=null;u===!0?L=c.jsxs("div",{className:"mt-4",children:[c.jsx("button",{type:"submit",children:"提交"})," ",c.jsx("button",{type:"button",onClick:ge,children:"重置"})]}):u&&(L=u);const X=s.useMemo(()=>{if(d)return d;if(p)return{style:{width:typeof p=="number"?`${p}px`:p}}},[d,p]),he=s.useMemo(()=>({labelCol:X,labelWidth:p,colon:E,label:y,displayType:w,readOnly:G,column:W}),[X,p,E,y,w,G,W]);return c.jsx(K,{engine:m,config:he,form:e,children:c.jsxs("form",{ref:O,onSubmit:fe,className:g,style:{...f,...W&&W>1?{display:"grid",gridTemplateColumns:`repeat(${W}, 1fr)`,gap:"0 16px"}:{}},noValidate:!0,children:[de.map((A,be)=>$(A,be)),!x&&L,b]})})}function _(){const{engine:e}=S();return e}function Z(e){const{engine:t}=S();return s.useSyncExternalStore(i=>t.subscribeField(e,i),()=>t.getFieldVersion(e),()=>t.getFieldVersion(e)),t.getFieldState(e)}function ee(e,t,i,r){const{engine:l}=S(),n=s.useRef(i);n.current=i;const o=s.useRef(r?.dependsOn);o.current=r?.dependsOn;const u=r?.deps;s.useEffect(()=>{if(!e||!t)return;const g=n.current;return e.registerValidator(t,g),()=>{e.unregisterValidator(t,g)}},[e,t,...u??[]]),s.useEffect(()=>{if(!t||!o.current||o.current.length===0)return;const g=l;if(!g)return;const f=t,b=o.current.map(d=>g.subscribeField(d,()=>{e?.revalidateField(f)}));return()=>{for(const d of b)d()}},[l,e,t])}function te(e){const t=_();return s.useSyncExternalStore(i=>t.subscribeField(e,i),()=>t.getFieldVersion(e),()=>t.getFieldVersion(e)),t.getFieldValue(e)}function ne(e){const t=s.useRef(null);return t.current||(t.current=new P(e)),[t.current]}function ie(){const{config:e}=S();return e}function se(){const e=_(),t=s.useSyncExternalStore(e.subscribeStore,e.getSnapshot,e.getSnapshot);return s.useMemo(()=>e.getFormData(),[e,t])}function re(e,t,i,r){const{deep:l=!1}=r||{},n=s.useRef(void 0),o=s.useRef(i);return o.current=i,s.useEffect(()=>{if(!e)return;const u=e.getFieldValue(t);n.current===void 0&&(n.current=u),(l?JSON.stringify(u)!==JSON.stringify(n.current):u!==n.current)&&(n.current=u,o.current(u));const f=e.subscribe(t,b=>{const d=b.value;(l?JSON.stringify(d)!==JSON.stringify(n.current):d!==n.current)&&(n.current=d,o.current(d))});return()=>{f()}},[e,t,l]),n.current}function le(e,t,i){const{deep:r=!1}=i||{},l=s.useRef({}),n=s.useRef({}),o=s.useRef(t);return o.current=t,s.useEffect(()=>{if(!e)return;const u=e.getFormData();l.current=u,n.current=u,o.current(u);const g=e.subscribeAll(f=>{if(r)JSON.stringify(f)!==JSON.stringify(l.current)&&(l.current=f,n.current=f,o.current(f));else{let b=!1;for(const d in f)if(f[d]!==l.current[d]){b=!0;break}b&&(l.current=f,n.current=f,o.current(f))}});return()=>{g()}},[e,r]),n.current}function oe(e,t,i,r){const{deep:l=!1}=r||{},n=s.useRef({}),o=s.useRef({}),u=s.useRef(i);u.current=i;const g=s.useRef(t);g.current=t;const f=[...t].sort().join(",");return s.useEffect(()=>{if(!e)return;const b=g.current,d={};for(const h of b)d[h]=e.getFieldValue(h);n.current=d,o.current=d,u.current(d);const F=b.map(h=>e.subscribe(h,C=>{const v=C.value,x=n.current[h];(l?JSON.stringify(v)!==JSON.stringify(x):v!==x)&&(n.current[h]=v,o.current={[h]:v},u.current(o.current))}));return()=>{for(const h of F)h()}},[e,l,f]),o.current}function ue(e,t,i){const r=s.useRef(void 0),l=s.useRef(i);return l.current=i,s.useEffect(()=>{if(!e)return;const n=e.getFieldState(t);r.current=n,n&&l.current(n);const o=e.subscribe(t,u=>{r.current=u,l.current(u)});return()=>{o()}},[e,t]),r.current||{}}a.FieldInheritContext=R,a.FormController=P,a.GridContext=M,a.LayoutConfigContext=k,a.NexusField=J,a.NexusForm=Y,a.NexusFormProvider=K,a.NexusLayout=B,a.NexusObject=I,a.useEngine=_,a.useFieldState=Z,a.useFieldValidator=ee,a.useFieldValue=te,a.useForm=ne,a.useFormConfig=ie,a.useFormData=se,a.useWatch=re,a.useWatchAll=le,a.useWatchMultiple=oe,a.useWatchState=ue,Object.defineProperty(a,Symbol.toStringTag,{value:"Module"})}));

package/package.json

@@ -0,0 +1,75 @@
+{
+  "name": "@xbeeant/form-engine-react",
+  "version": "0.0.1",
+  "publishConfig": {
+    "access": "public",
+    "registry": "https://registry.npmjs.org/"
+  },
+  "type": "module",
+  "main": "./dist/es/index.js",
+  "module": "./dist/es/index.js",
+  "types": "./dist/es/index.d.ts",
+  "unpkg": "./dist/umd/index.umd.cjs",
+  "jsdelivr": "./dist/umd/index.umd.cjs",
+  "exports": {
+    ".": {
+      "types": "./dist/es/index.d.ts",
+      "import": "./dist/es/index.js",
+      "require": "./dist/cjs/index.cjs"
+    },
+    "./components/*": {
+      "types": "./dist/es/components/*.d.ts",
+      "import": "./dist/es/components/*.js",
+      "require": "./dist/cjs/components/*.cjs"
+    },
+    "./hooks/*": {
+      "types": "./dist/es/hooks/*.d.ts",
+      "import": "./dist/es/hooks/*.js",
+      "require": "./dist/cjs/hooks/*.cjs"
+    },
+    "./contexts/*": {
+      "types": "./dist/es/contexts/*.d.ts",
+      "import": "./dist/es/contexts/*.js",
+      "require": "./dist/cjs/contexts/*.cjs"
+    },
+    "./utils/*": {
+      "types": "./dist/es/utils/*.d.ts",
+      "import": "./dist/es/utils/*.js",
+      "require": "./dist/cjs/utils/*.cjs"
+    },
+    "./package.json": "./package.json"
+  },
+  "files": [
+    "dist",
+    "src",
+    "README.md",
+    "!**/*.map"
+  ],
+  "sideEffects": [
+    "**/*.css"
+  ],
+  "scripts": {
+    "build": "npm run build:es && npm run build:cjs && npm run build:umd",
+    "prepublishOnly": "npm run build",
+    "build:es": "tsc -b && vite build -f es",
+    "build:cjs": "vite build -f cjs",
+    "build:umd": "vite build -f umd",
+    "lint": "biome check .",
+    "lint:fix": "biome check --write ."
+  },
+  "peerDependencies": {
+    "react": ">=18.0.0",
+    "react-dom": ">=18.0.0"
+  },
+  "peerDependenciesMeta": {
+    "react": {
+      "optional": false
+    },
+    "react-dom": {
+      "optional": false
+    }
+  },
+  "dependencies": {
+    "@xbeeant/form-engine": "^0.0.1"
+  }
+}