@piying/view-react 1.0.0

package/builder.d.ts

@@ -0,0 +1,4 @@
+import { FormBuilder } from '@piying/view-core';
+import type { ReactSchemaHandle } from './schema-handle';
+export declare class ReactFormBuilder extends FormBuilder<ReactSchemaHandle> {
+}

package/component/field-template.d.ts

@@ -0,0 +1,6 @@
+import type { PiResolvedViewFieldConfig } from '../type';
+export interface PiyingFieldTemplateProps {
+    field: PiResolvedViewFieldConfig;
+}
+export declare const CVA: unique symbol;
+export declare function PiyingFieldTemplate(props: PiyingFieldTemplateProps): import("react/jsx-runtime").JSX.Element;

package/component/group.d.ts

@@ -0,0 +1,5 @@
+import type { PiResolvedViewFieldConfig } from '../type';
+export interface PiyingGroupProps {
+    fields: PiResolvedViewFieldConfig[];
+}
+export declare function PiyingGroup(props: PiyingGroupProps): import("react/jsx-runtime").JSX.Element;

package/component/index.d.ts

@@ -0,0 +1,4 @@
+export * from './field-template';
+export * from './group';
+export * from './view';
+export * from './wrapper';

package/component/view.d.ts

@@ -0,0 +1,8 @@
+import * as v from 'valibot';
+export interface PiyingViewProps {
+    schema: v.BaseSchema<any, any, any> | v.SchemaWithPipe<any>;
+    model?: any;
+    modelChange?: (value: any) => void;
+    options: any;
+}
+export declare function PiyingView(props: PiyingViewProps): import("react/jsx-runtime").JSX.Element;

package/component/wrapper.d.ts

@@ -0,0 +1,6 @@
+import type { CoreResolvedWrapperConfig } from '@piying/view-core';
+export interface PiyingWrapperProps {
+    wrappers: CoreResolvedWrapperConfig[];
+    children: any;
+}
+export declare function PiyingWrapper(props: PiyingWrapperProps): import("react/jsx-runtime").JSX.Element;

package/const.d.ts

@@ -0,0 +1,10 @@
+export declare const EMPTY_ARRAY: never[];
+export declare const NG_CONFIG_DEFAULT_MERGE_STRAGEGY: {
+    directives: string;
+    formConfig: string;
+    inputs: string;
+    outputs: string;
+    props: string;
+    renderConfig: string;
+    wrappers: string;
+};

package/index.cjs

@@ -0,0 +1,22 @@
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const a=require("react"),C=require("static-injector"),w=require("@piying/view-core");require("valibot");const be=require("fast-equals");var P={exports:{}},k={};/**
+ * @license React
+ * react-jsx-runtime.production.js
+ *
+ * Copyright (c) Meta Platforms, Inc. and affiliates.
+ *
+ * This source code is licensed under the MIT license found in the
+ * LICENSE file in the root directory of this source tree.
+ */var Z;function Ee(){if(Z)return k;Z=1;var e=Symbol.for("react.transitional.element"),t=Symbol.for("react.fragment");function n(u,o,i){var l=null;if(i!==void 0&&(l=""+i),o.key!==void 0&&(l=""+o.key),"key"in o){i={};for(var g in o)g!=="key"&&(i[g]=o[g])}else i=o;return o=i.ref,{$$typeof:e,type:u,key:l,ref:o!==void 0?o:null,props:i}}return k.Fragment=t,k.jsx=n,k.jsxs=n,k}var y={};/**
+ * @license React
+ * react-jsx-runtime.development.js
+ *
+ * Copyright (c) Meta Platforms, Inc. and affiliates.
+ *
+ * This source code is licensed under the MIT license found in the
+ * LICENSE file in the root directory of this source tree.
+ */var Q;function ge(){return Q||(Q=1,process.env.NODE_ENV!=="production"&&function(){function e(r){if(r==null)return null;if(typeof r=="function")return r.$$typeof===de?null:r.displayName||r.name||null;if(typeof r=="string")return r;switch(r){case v:return"Fragment";case d:return"Profiler";case M:return"StrictMode";case ae:return"Suspense";case ie:return"SuspenseList";case ce:return"Activity"}if(typeof r=="object")switch(typeof r.tag=="number"&&console.error("Received an unexpected object in getComponentNameFromType(). This is likely a bug in React. Please file an issue."),r.$$typeof){case O:return"Portal";case ue:return(r.displayName||"Context")+".Provider";case N:return(r._context.displayName||"Context")+".Consumer";case se:var s=r.render;return r=r.displayName,r||(r=s.displayName||s.name||"",r=r!==""?"ForwardRef("+r+")":"ForwardRef"),r;case le:return s=r.displayName||null,s!==null?s:e(r.type)||"Memo";case q:s=r._payload,r=r._init;try{return e(r(s))}catch{}}return null}function t(r){return""+r}function n(r){try{t(r);var s=!1}catch{s=!0}if(s){s=console;var c=s.error,m=typeof Symbol=="function"&&Symbol.toStringTag&&r[Symbol.toStringTag]||r.constructor.name||"Object";return c.call(s,"The provided key is an unsupported type %s. This value must be coerced to a string before using it here.",m),t(r)}}function u(r){if(r===v)return"<>";if(typeof r=="object"&&r!==null&&r.$$typeof===q)return"<...>";try{var s=e(r);return s?"<"+s+">":"<...>"}catch{return"<...>"}}function o(){var r=F.A;return r===null?null:r.getOwner()}function i(){return Error("react-stack-top-frame")}function l(r){if(U.call(r,"key")){var s=Object.getOwnPropertyDescriptor(r,"key").get;if(s&&s.isReactWarning)return!1}return r.key!==void 0}function g(r,s){function c(){B||(B=!0,console.error("%s: `key` is not a prop. Trying to access it will result in `undefined` being returned. If you need to access the same value within the child component, you should pass it as a different prop. (https://react.dev/link/special-props)",s))}c.isReactWarning=!0,Object.defineProperty(r,"key",{get:c,configurable:!0})}function R(){var r=e(this.type);return J[r]||(J[r]=!0,console.error("Accessing element.ref was removed in React 19. ref is now a regular prop. It will be removed from the JSX Element type in a future release.")),r=this.props.ref,r!==void 0?r:null}function E(r,s,c,m,T,p,D,V){return c=p.ref,r={$$typeof:A,type:r,key:s,props:p,_owner:T},(c!==void 0?c:null)!==null?Object.defineProperty(r,"ref",{enumerable:!1,get:R}):Object.defineProperty(r,"ref",{enumerable:!1,value:null}),r._store={},Object.defineProperty(r._store,"validated",{configurable:!1,enumerable:!1,writable:!0,value:0}),Object.defineProperty(r,"_debugInfo",{configurable:!1,enumerable:!1,writable:!0,value:null}),Object.defineProperty(r,"_debugStack",{configurable:!1,enumerable:!1,writable:!0,value:D}),Object.defineProperty(r,"_debugTask",{configurable:!1,enumerable:!1,writable:!0,value:V}),Object.freeze&&(Object.freeze(r.props),Object.freeze(r)),r}function j(r,s,c,m,T,p,D,V){var b=s.children;if(b!==void 0)if(m)if(fe(b)){for(m=0;m<b.length;m++)S(b[m]);Object.freeze&&Object.freeze(b)}else console.error("React.jsx: Static children should always be an array. You are likely explicitly calling React.jsxs or React.jsxDEV. Use the Babel transform instead.");else S(b);if(U.call(s,"key")){b=e(r);var x=Object.keys(s).filter(function(me){return me!=="key"});m=0<x.length?"{key: someKey, "+x.join(": ..., ")+": ...}":"{key: someKey}",X[b+m]||(x=0<x.length?"{"+x.join(": ..., ")+": ...}":"{}",console.error(`A props object containing a "key" prop is being spread into JSX:
+  let props = %s;
+  <%s {...props} />
+React keys must be passed directly to JSX without using spread:
+  let props = %s;
+  <%s key={someKey} {...props} />`,m,b,x,b),X[b+m]=!0)}if(b=null,c!==void 0&&(n(c),b=""+c),l(s)&&(n(s.key),b=""+s.key),"key"in s){c={};for(var G in s)G!=="key"&&(c[G]=s[G])}else c=s;return b&&g(c,typeof r=="function"?r.displayName||r.name||"Unknown":r),E(r,b,p,T,o(),c,D,V)}function S(r){typeof r=="object"&&r!==null&&r.$$typeof===A&&r._store&&(r._store.validated=1)}var h=a,A=Symbol.for("react.transitional.element"),O=Symbol.for("react.portal"),v=Symbol.for("react.fragment"),M=Symbol.for("react.strict_mode"),d=Symbol.for("react.profiler"),N=Symbol.for("react.consumer"),ue=Symbol.for("react.context"),se=Symbol.for("react.forward_ref"),ae=Symbol.for("react.suspense"),ie=Symbol.for("react.suspense_list"),le=Symbol.for("react.memo"),q=Symbol.for("react.lazy"),ce=Symbol.for("react.activity"),de=Symbol.for("react.client.reference"),F=h.__CLIENT_INTERNALS_DO_NOT_USE_OR_WARN_USERS_THEY_CANNOT_UPGRADE,U=Object.prototype.hasOwnProperty,fe=Array.isArray,Y=console.createTask?console.createTask:function(){return null};h={"react-stack-bottom-frame":function(r){return r()}};var B,J={},z=h["react-stack-bottom-frame"].bind(h,i)(),H=Y(u(i)),X={};y.Fragment=v,y.jsx=function(r,s,c,m,T){var p=1e4>F.recentlyCreatedOwnerStacks++;return j(r,s,c,!1,m,T,p?Error("react-stack-top-frame"):z,p?Y(u(r)):H)},y.jsxs=function(r,s,c,m,T){var p=1e4>F.recentlyCreatedOwnerStacks++;return j(r,s,c,!0,m,T,p?Error("react-stack-top-frame"):z,p?Y(u(r)):H)}}()),y}var K;function he(){return K||(K=1,process.env.NODE_ENV==="production"?P.exports=Ee():P.exports=ge()),P.exports}var f=he();const ee=a.createContext(void 0),I=a.createContext(void 0);function _(e,t){const n=a.useContext(I),[u,o]=a.useState(a.useMemo(()=>t(e),[])),i=a.useRef(u);return a.useEffect(()=>{const l=t(e);Object.is(i.current,l)||(o(l),i.current=l);const g=C.effect(()=>{const R=t(e);Object.is(i.current,R)||(o(R),i.current=R)},{injector:n});return()=>{g.destroy()}},[e,a.useMemo(()=>t,[])]),u}function $(e){const t=a.useMemo(()=>e.wrappers.slice(1),[e.wrappers]),n=e.wrappers[0],u=_(n,()=>({...n?.inputs(),...n?.attributes(),...n?.outputs}));return f.jsx(f.Fragment,{children:n?f.jsx(n.type,{...u,children:f.jsx($,{wrappers:t,children:e.children})}):e.children})}const re=Symbol.for("ControlValueAccessor");function W(e){const t=_(e.field,d=>d.inputs()),n=_(e.field,d=>d.outputs()),u=_(e.field,d=>d.renderConfig()),o=_(e.field,d=>d.attributes()),i=a.useMemo(()=>({...t,fields:e.field.fieldGroup?.()}),[t,e.field.fieldGroup]),l=a.useMemo(()=>({...t,fields:e.field.fieldArray?.()}),[t,e.field.fieldArray]),g=_(e.field,d=>d.wrappers()),R=_(e.field,d=>d.fieldGroup?.()),E=_(e.field,d=>d.fieldArray?.()),j=a.useMemo(()=>({...o,...t,...n}),[o,t,n]),S=e.field.form.control,h=e.field.define?.type,A=a.useMemo(()=>!!u.hidden||!h,[u.hidden,h]),O=a.useContext(I),v=a.useRef(void 0),M=a.useMemo(()=>({...j,[re]:v}),[j,v]);return a.useEffect(()=>{let d;return v.current&&(d=w.createViewControlLink(()=>S,v.current,O)),()=>{d?.forEach(N=>N()),d=void 0}},[v.current,S,O]),f.jsx(f.Fragment,{children:f.jsx(ee,{value:e.field,children:A?void 0:f.jsx($,{wrappers:g,children:R?f.jsx(h,{...i}):E?f.jsx(h,{...l}):e.field.form.control?f.jsx(h,{...M}):f.jsx(h,{...j})})})})}function Re(e){return f.jsx(f.Fragment,{children:e.fields.map((t,n)=>f.jsx(W,{field:t},n))})}class te extends w.CoreSchemaHandle{}class ne extends w.FormBuilder{}function oe(e,t,n,u){let o=!0;return C.effect(()=>{const i=t.value$$();o?(be.deepEqual(i,e)||u(i),o=!1):u(i)},{injector:n})}function L(e,t){const n=a.useCallback(e,t),u=a.useRef(void 0);a.useMemo(()=>(u.current=n(),u.current),t),a.useEffect(()=>()=>{u.current?.(),u.current=void 0},[])}function pe(e){const t=a.useMemo(()=>C.createRootInjector({providers:[{provide:C.ChangeDetectionScheduler,useClass:C.ChangeDetectionSchedulerImpl}]}),[]),[n,u]=a.useMemo(()=>{const o=C.createInjector({providers:[],parent:t});return[w.convert(e.schema,{handle:te,builder:ne,injector:o,registerOnDestroy:l=>{o.get(C.DestroyRef).onDestroy(l)},...e.options}),o]},[e.schema,e.options]);return L(()=>{let o;if(n.form.control){const i=e.model;o=oe(typeof i<"u"?i:void 0,n.form.control,u,l=>{C.untracked(()=>{n.form.control?.valueNoError$$()&&e.modelChange?.(l)})})}return()=>{u.destroy(),o?.destroy()}},[n]),L(()=>{n.form.control?.updateValue(e.model)},[n,e.model]),f.jsx(f.Fragment,{children:f.jsx(I,{value:t,children:f.jsx(W,{field:n})})})}const ve=[],_e={directives:"merge",formConfig:"merge",inputs:"merge",outputs:"merge",props:"merge",renderConfig:"merge",wrappers:"replace"};function Te(e,t){const n=a.useRef(!1);return a.useMemo(()=>{const u={value:e.value,disabled:e.disabled,onBlur:e.touchedChange};return t?{...u,onCompositionStart:()=>{n.current=!0},onCompositionEnd:o=>{n.current=!1,e.valueChange(o.target.value)}}:{...u,onInput:o=>e.valueChange(o.target.value)}},[e,t])}function Ce(e){return a.useMemo(()=>({checked:e.value,disabled:e.disabled,onBlur:e.touchedChange,onChange:t=>e.valueChange(t.target.checked)}),[e])}function je(e){return a.useMemo(()=>({value:e.value,disabled:e.disabled,onBlur:e.touchedChange,onInput:t=>{const n=t.target.value;e.valueChange(n==""?void 0:parseFloat(n))}}),[e])}function xe(e,t){return a.useMemo(()=>({value:t,checked:Object.is(e.value,t),disabled:e.disabled,onBlur:e.touchedChange,onChange:()=>e.valueChange(t)}),[e])}function Se(e){return a.useMemo(()=>{const t=n=>{const u=n.target.value;e.valueChange(u==""?void 0:parseFloat(u))};return{value:e.value,disabled:e.disabled,onBlur:e.touchedChange,onInput:t,onChange:t}},[e])}function ke(e,t=!1){return a.useMemo(()=>({value:e.value,disabled:e.disabled,onBlur:e.touchedChange,onChange:n=>{const u=[],o=n.target;if(o.selectedOptions!==void 0)for(let i=0;i<o.selectedOptions.length;i++){const l=o.selectedOptions[i];if(u.push(l.value),!t)break}else for(let i=0;i<o.options.length;i++){const l=o.options[i];if(l.selected&&(u.push(l.value),!t))break}e.valueChange(t?u:u[0])}}),[e])}function ye(e=void 0){const[t,n]=a.useState(e),[u,o]=a.useState(!1),i=a.useRef(void 0),l=a.useRef(void 0),g=a.useMemo(()=>({writeValue(E){n(E)},registerOnChange(E){i.current=E},registerOnTouched(E){l.current=E},setDisabledState(E){o(E)}}),[]),R=a.useMemo(()=>({value:t,disabled:u,valueChange:E=>{i.current?.(E),n(E)},touchedChange:()=>{l.current?.()}}),[t,u]);return a.useMemo(()=>({cva:g,cvaa:R}),[R])}exports.CVA=re;exports.EMPTY_ARRAY=ve;exports.InjectorToken=I;exports.NG_CONFIG_DEFAULT_MERGE_STRAGEGY=_e;exports.PI_VIEW_FIELD_TOKEN=ee;exports.PiyingFieldTemplate=W;exports.PiyingGroup=Re;exports.PiyingView=pe;exports.PiyingWrapper=$;exports.ReactFormBuilder=ne;exports.ReactSchemaHandle=te;exports.initListen=oe;exports.useControlValueAccessor=ye;exports.useEffectSync=L;exports.useInputCheckboxModel=Ce;exports.useInputNumberModel=je;exports.useInputRadioModel=xe;exports.useInputRangeModel=Se;exports.useInputTextModel=Te;exports.useSelectModel=ke;exports.useSignalToRef=_;

package/index.d.ts

@@ -0,0 +1,8 @@
+export * from './type';
+export * from './component';
+export * from './builder';
+export * from './schema-handle';
+export * from './token';
+export * from './const';
+export * from './use-model';
+export * from './util';

package/index.js

@@ -0,0 +1,523 @@
+import me, { createContext as K, useContext as ee, useState as V, useMemo as c, useRef as x, useEffect as $, useCallback as be } from "react";
+import { effect as re, createRootInjector as he, ChangeDetectionSchedulerImpl as ge, ChangeDetectionScheduler as Ee, createInjector as pe, DestroyRef as Re, untracked as ve } from "static-injector";
+import { createViewControlLink as _e, CoreSchemaHandle as Te, FormBuilder as Ce, convert as je } from "@piying/view-core";
+import "valibot";
+import { deepEqual as xe } from "fast-equals";
+var w = { exports: {} }, O = {};
+/**
+ * @license React
+ * react-jsx-runtime.production.js
+ *
+ * Copyright (c) Meta Platforms, Inc. and affiliates.
+ *
+ * This source code is licensed under the MIT license found in the
+ * LICENSE file in the root directory of this source tree.
+ */
+var H;
+function ke() {
+  if (H) return O;
+  H = 1;
+  var e = Symbol.for("react.transitional.element"), t = Symbol.for("react.fragment");
+  function n(u, o, a) {
+    var l = null;
+    if (a !== void 0 && (l = "" + a), o.key !== void 0 && (l = "" + o.key), "key" in o) {
+      a = {};
+      for (var g in o)
+        g !== "key" && (a[g] = o[g]);
+    } else a = o;
+    return o = a.ref, {
+      $$typeof: e,
+      type: u,
+      key: l,
+      ref: o !== void 0 ? o : null,
+      props: a
+    };
+  }
+  return O.Fragment = t, O.jsx = n, O.jsxs = n, O;
+}
+var y = {};
+/**
+ * @license React
+ * react-jsx-runtime.development.js
+ *
+ * Copyright (c) Meta Platforms, Inc. and affiliates.
+ *
+ * This source code is licensed under the MIT license found in the
+ * LICENSE file in the root directory of this source tree.
+ */
+var X;
+function Oe() {
+  return X || (X = 1, process.env.NODE_ENV !== "production" && function() {
+    function e(r) {
+      if (r == null) return null;
+      if (typeof r == "function")
+        return r.$$typeof === ce ? null : r.displayName || r.name || null;
+      if (typeof r == "string") return r;
+      switch (r) {
+        case v:
+          return "Fragment";
+        case d:
+          return "Profiler";
+        case P:
+          return "StrictMode";
+        case se:
+          return "Suspense";
+        case ae:
+          return "SuspenseList";
+        case ie:
+          return "Activity";
+      }
+      if (typeof r == "object")
+        switch (typeof r.tag == "number" && console.error(
+          "Received an unexpected object in getComponentNameFromType(). This is likely a bug in React. Please file an issue."
+        ), r.$$typeof) {
+          case S:
+            return "Portal";
+          case oe:
+            return (r.displayName || "Context") + ".Provider";
+          case I:
+            return (r._context.displayName || "Context") + ".Consumer";
+          case ue:
+            var s = r.render;
+            return r = r.displayName, r || (r = s.displayName || s.name || "", r = r !== "" ? "ForwardRef(" + r + ")" : "ForwardRef"), r;
+          case le:
+            return s = r.displayName || null, s !== null ? s : e(r.type) || "Memo";
+          case L:
+            s = r._payload, r = r._init;
+            try {
+              return e(r(s));
+            } catch {
+            }
+        }
+      return null;
+    }
+    function t(r) {
+      return "" + r;
+    }
+    function n(r) {
+      try {
+        t(r);
+        var s = !1;
+      } catch {
+        s = !0;
+      }
+      if (s) {
+        s = console;
+        var i = s.error, m = typeof Symbol == "function" && Symbol.toStringTag && r[Symbol.toStringTag] || r.constructor.name || "Object";
+        return i.call(
+          s,
+          "The provided key is an unsupported type %s. This value must be coerced to a string before using it here.",
+          m
+        ), t(r);
+      }
+    }
+    function u(r) {
+      if (r === v) return "<>";
+      if (typeof r == "object" && r !== null && r.$$typeof === L)
+        return "<...>";
+      try {
+        var s = e(r);
+        return s ? "<" + s + ">" : "<...>";
+      } catch {
+        return "<...>";
+      }
+    }
+    function o() {
+      var r = N.A;
+      return r === null ? null : r.getOwner();
+    }
+    function a() {
+      return Error("react-stack-top-frame");
+    }
+    function l(r) {
+      if (W.call(r, "key")) {
+        var s = Object.getOwnPropertyDescriptor(r, "key").get;
+        if (s && s.isReactWarning) return !1;
+      }
+      return r.key !== void 0;
+    }
+    function g(r, s) {
+      function i() {
+        U || (U = !0, console.error(
+          "%s: `key` is not a prop. Trying to access it will result in `undefined` being returned. If you need to access the same value within the child component, you should pass it as a different prop. (https://react.dev/link/special-props)",
+          s
+        ));
+      }
+      i.isReactWarning = !0, Object.defineProperty(r, "key", {
+        get: i,
+        configurable: !0
+      });
+    }
+    function p() {
+      var r = e(this.type);
+      return B[r] || (B[r] = !0, console.error(
+        "Accessing element.ref was removed in React 19. ref is now a regular prop. It will be removed from the JSX Element type in a future release."
+      )), r = this.props.ref, r !== void 0 ? r : null;
+    }
+    function h(r, s, i, m, _, R, Y, D) {
+      return i = R.ref, r = {
+        $$typeof: A,
+        type: r,
+        key: s,
+        props: R,
+        _owner: _
+      }, (i !== void 0 ? i : null) !== null ? Object.defineProperty(r, "ref", {
+        enumerable: !1,
+        get: p
+      }) : Object.defineProperty(r, "ref", { enumerable: !1, value: null }), r._store = {}, Object.defineProperty(r._store, "validated", {
+        configurable: !1,
+        enumerable: !1,
+        writable: !0,
+        value: 0
+      }), Object.defineProperty(r, "_debugInfo", {
+        configurable: !1,
+        enumerable: !1,
+        writable: !0,
+        value: null
+      }), Object.defineProperty(r, "_debugStack", {
+        configurable: !1,
+        enumerable: !1,
+        writable: !0,
+        value: Y
+      }), Object.defineProperty(r, "_debugTask", {
+        configurable: !1,
+        enumerable: !1,
+        writable: !0,
+        value: D
+      }), Object.freeze && (Object.freeze(r.props), Object.freeze(r)), r;
+    }
+    function C(r, s, i, m, _, R, Y, D) {
+      var b = s.children;
+      if (b !== void 0)
+        if (m)
+          if (de(b)) {
+            for (m = 0; m < b.length; m++)
+              k(b[m]);
+            Object.freeze && Object.freeze(b);
+          } else
+            console.error(
+              "React.jsx: Static children should always be an array. You are likely explicitly calling React.jsxs or React.jsxDEV. Use the Babel transform instead."
+            );
+        else k(b);
+      if (W.call(s, "key")) {
+        b = e(r);
+        var j = Object.keys(s).filter(function(fe) {
+          return fe !== "key";
+        });
+        m = 0 < j.length ? "{key: someKey, " + j.join(": ..., ") + ": ...}" : "{key: someKey}", z[b + m] || (j = 0 < j.length ? "{" + j.join(": ..., ") + ": ...}" : "{}", console.error(
+          `A props object containing a "key" prop is being spread into JSX:
+  let props = %s;
+  <%s {...props} />
+React keys must be passed directly to JSX without using spread:
+  let props = %s;
+  <%s key={someKey} {...props} />`,
+          m,
+          b,
+          j,
+          b
+        ), z[b + m] = !0);
+      }
+      if (b = null, i !== void 0 && (n(i), b = "" + i), l(s) && (n(s.key), b = "" + s.key), "key" in s) {
+        i = {};
+        for (var M in s)
+          M !== "key" && (i[M] = s[M]);
+      } else i = s;
+      return b && g(
+        i,
+        typeof r == "function" ? r.displayName || r.name || "Unknown" : r
+      ), h(
+        r,
+        b,
+        R,
+        _,
+        o(),
+        i,
+        Y,
+        D
+      );
+    }
+    function k(r) {
+      typeof r == "object" && r !== null && r.$$typeof === A && r._store && (r._store.validated = 1);
+    }
+    var E = me, A = Symbol.for("react.transitional.element"), S = Symbol.for("react.portal"), v = Symbol.for("react.fragment"), P = Symbol.for("react.strict_mode"), d = Symbol.for("react.profiler"), I = Symbol.for("react.consumer"), oe = Symbol.for("react.context"), ue = Symbol.for("react.forward_ref"), se = Symbol.for("react.suspense"), ae = Symbol.for("react.suspense_list"), le = Symbol.for("react.memo"), L = Symbol.for("react.lazy"), ie = Symbol.for("react.activity"), ce = Symbol.for("react.client.reference"), N = E.__CLIENT_INTERNALS_DO_NOT_USE_OR_WARN_USERS_THEY_CANNOT_UPGRADE, W = Object.prototype.hasOwnProperty, de = Array.isArray, F = console.createTask ? console.createTask : function() {
+      return null;
+    };
+    E = {
+      "react-stack-bottom-frame": function(r) {
+        return r();
+      }
+    };
+    var U, B = {}, q = E["react-stack-bottom-frame"].bind(
+      E,
+      a
+    )(), J = F(u(a)), z = {};
+    y.Fragment = v, y.jsx = function(r, s, i, m, _) {
+      var R = 1e4 > N.recentlyCreatedOwnerStacks++;
+      return C(
+        r,
+        s,
+        i,
+        !1,
+        m,
+        _,
+        R ? Error("react-stack-top-frame") : q,
+        R ? F(u(r)) : J
+      );
+    }, y.jsxs = function(r, s, i, m, _) {
+      var R = 1e4 > N.recentlyCreatedOwnerStacks++;
+      return C(
+        r,
+        s,
+        i,
+        !0,
+        m,
+        _,
+        R ? Error("react-stack-top-frame") : q,
+        R ? F(u(r)) : J
+      );
+    };
+  }()), y;
+}
+var Z;
+function ye() {
+  return Z || (Z = 1, process.env.NODE_ENV === "production" ? w.exports = ke() : w.exports = Oe()), w.exports;
+}
+var f = ye();
+const Ae = K(void 0), G = K(void 0);
+function T(e, t) {
+  const n = ee(G), [u, o] = V(c(() => t(e), [])), a = x(u);
+  return $(() => {
+    const l = t(e);
+    Object.is(a.current, l) || (o(l), a.current = l);
+    const g = re(
+      () => {
+        const p = t(e);
+        Object.is(a.current, p) || (o(p), a.current = p);
+      },
+      { injector: n }
+    );
+    return () => {
+      g.destroy();
+    };
+  }, [e, c(() => t, [])]), u;
+}
+function te(e) {
+  const t = c(() => e.wrappers.slice(1), [e.wrappers]), n = e.wrappers[0], u = T(n, () => ({ ...n?.inputs(), ...n?.attributes(), ...n?.outputs }));
+  return /* @__PURE__ */ f.jsx(f.Fragment, { children: n ? /* @__PURE__ */ f.jsx(n.type, { ...u, children: /* @__PURE__ */ f.jsx(te, { wrappers: t, children: e.children }) }) : e.children });
+}
+const Se = Symbol.for("ControlValueAccessor");
+function ne(e) {
+  const t = T(e.field, (d) => d.inputs()), n = T(e.field, (d) => d.outputs()), u = T(e.field, (d) => d.renderConfig()), o = T(e.field, (d) => d.attributes()), a = c(() => ({ ...t, fields: e.field.fieldGroup?.() }), [t, e.field.fieldGroup]), l = c(() => ({ ...t, fields: e.field.fieldArray?.() }), [t, e.field.fieldArray]), g = T(e.field, (d) => d.wrappers()), p = T(e.field, (d) => d.fieldGroup?.()), h = T(e.field, (d) => d.fieldArray?.()), C = c(() => ({ ...o, ...t, ...n }), [o, t, n]), k = e.field.form.control, E = e.field.define?.type, A = c(() => !!u.hidden || !E, [u.hidden, E]), S = ee(G), v = x(void 0), P = c(() => ({ ...C, [Se]: v }), [C, v]);
+  return $(() => {
+    let d;
+    return v.current && (d = _e(() => k, v.current, S)), () => {
+      d?.forEach((I) => I()), d = void 0;
+    };
+  }, [v.current, k, S]), /* @__PURE__ */ f.jsx(f.Fragment, { children: /* @__PURE__ */ f.jsx(Ae, { value: e.field, children: A ? void 0 : /* @__PURE__ */ f.jsx(te, { wrappers: g, children: p ? /* @__PURE__ */ f.jsx(E, { ...a }) : h ? /* @__PURE__ */ f.jsx(E, { ...l }) : e.field.form.control ? /* @__PURE__ */ f.jsx(E, { ...P }) : /* @__PURE__ */ f.jsx(E, { ...C }) }) }) });
+}
+function Ve(e) {
+  return /* @__PURE__ */ f.jsx(f.Fragment, { children: e.fields.map((t, n) => /* @__PURE__ */ f.jsx(ne, { field: t }, n)) });
+}
+class we extends Te {
+  // contents?: any[];
+}
+class Pe extends Ce {
+}
+function Ie(e, t, n, u) {
+  let o = !0;
+  return re(
+    () => {
+      const a = t.value$$();
+      o ? (xe(a, e) || u(a), o = !1) : u(a);
+    },
+    { injector: n }
+  );
+}
+function Q(e, t) {
+  const n = be(e, t), u = x(void 0);
+  c(() => (u.current = n(), u.current), t), $(() => () => {
+    u.current?.(), u.current = void 0;
+  }, []);
+}
+function $e(e) {
+  const t = c(() => he({
+    providers: [
+      {
+        provide: Ee,
+        useClass: ge
+      }
+    ]
+  }), []), [n, u] = c(() => {
+    const o = pe({ providers: [], parent: t });
+    return [je(e.schema, {
+      handle: we,
+      builder: Pe,
+      injector: o,
+      registerOnDestroy: (l) => {
+        o.get(Re).onDestroy(l);
+      },
+      ...e.options
+    }), o];
+  }, [e.schema, e.options]);
+  return Q(() => {
+    let o;
+    if (n.form.control) {
+      const a = e.model;
+      o = Ie(typeof a < "u" ? a : void 0, n.form.control, u, (l) => {
+        ve(() => {
+          n.form.control?.valueNoError$$() && e.modelChange?.(l);
+        });
+      });
+    }
+    return () => {
+      u.destroy(), o?.destroy();
+    };
+  }, [n]), Q(() => {
+    n.form.control?.updateValue(e.model);
+  }, [n, e.model]), /* @__PURE__ */ f.jsx(f.Fragment, { children: /* @__PURE__ */ f.jsx(G, { value: t, children: /* @__PURE__ */ f.jsx(ne, { field: n }) }) });
+}
+const Ge = [], Le = {
+  directives: "merge",
+  formConfig: "merge",
+  inputs: "merge",
+  outputs: "merge",
+  props: "merge",
+  renderConfig: "merge",
+  wrappers: "replace"
+};
+function We(e, t) {
+  const n = x(!1);
+  return c(() => {
+    const u = { value: e.value, disabled: e.disabled, onBlur: e.touchedChange };
+    return t ? {
+      ...u,
+      onCompositionStart: () => {
+        n.current = !0;
+      },
+      onCompositionEnd: (o) => {
+        n.current = !1, e.valueChange(o.target.value);
+      }
+    } : {
+      ...u,
+      onInput: (o) => e.valueChange(o.target.value)
+    };
+  }, [e, t]);
+}
+function Ue(e) {
+  return c(() => ({
+    checked: e.value,
+    disabled: e.disabled,
+    onBlur: e.touchedChange,
+    onChange: (t) => e.valueChange(t.target.checked)
+  }), [e]);
+}
+function Be(e) {
+  return c(() => ({
+    value: e.value,
+    disabled: e.disabled,
+    onBlur: e.touchedChange,
+    onInput: (t) => {
+      const n = t.target.value;
+      e.valueChange(n == "" ? void 0 : parseFloat(n));
+    }
+  }), [e]);
+}
+function qe(e, t) {
+  return c(() => ({
+    value: t,
+    checked: Object.is(e.value, t),
+    disabled: e.disabled,
+    onBlur: e.touchedChange,
+    onChange: () => e.valueChange(t)
+  }), [e]);
+}
+function Je(e) {
+  return c(() => {
+    const t = (n) => {
+      const u = n.target.value;
+      e.valueChange(u == "" ? void 0 : parseFloat(u));
+    };
+    return {
+      value: e.value,
+      disabled: e.disabled,
+      onBlur: e.touchedChange,
+      onInput: t,
+      onChange: t
+    };
+  }, [e]);
+}
+function ze(e, t = !1) {
+  return c(() => ({
+    value: e.value,
+    disabled: e.disabled,
+    onBlur: e.touchedChange,
+    onChange: (n) => {
+      const u = [], o = n.target;
+      if (o.selectedOptions !== void 0)
+        for (let a = 0; a < o.selectedOptions.length; a++) {
+          const l = o.selectedOptions[a];
+          if (u.push(l.value), !t)
+            break;
+        }
+      else
+        for (let a = 0; a < o.options.length; a++) {
+          const l = o.options[a];
+          if (l.selected && (u.push(l.value), !t))
+            break;
+        }
+      e.valueChange(t ? u : u[0]);
+    }
+  }), [e]);
+}
+function He(e = void 0) {
+  const [t, n] = V(e), [u, o] = V(!1), a = x(void 0), l = x(void 0), g = c(() => ({
+    writeValue(h) {
+      n(h);
+    },
+    registerOnChange(h) {
+      a.current = h;
+    },
+    registerOnTouched(h) {
+      l.current = h;
+    },
+    setDisabledState(h) {
+      o(h);
+    }
+  }), []), p = c(() => ({
+    value: t,
+    disabled: u,
+    valueChange: (h) => {
+      a.current?.(h), n(h);
+    },
+    touchedChange: () => {
+      l.current?.();
+    }
+  }), [t, u]);
+  return c(() => ({
+    cva: g,
+    cvaa: p
+  }), [p]);
+}
+export {
+  Se as CVA,
+  Ge as EMPTY_ARRAY,
+  G as InjectorToken,
+  Le as NG_CONFIG_DEFAULT_MERGE_STRAGEGY,
+  Ae as PI_VIEW_FIELD_TOKEN,
+  ne as PiyingFieldTemplate,
+  Ve as PiyingGroup,
+  $e as PiyingView,
+  te as PiyingWrapper,
+  Pe as ReactFormBuilder,
+  we as ReactSchemaHandle,
+  Ie as initListen,
+  He as useControlValueAccessor,
+  Q as useEffectSync,
+  Ue as useInputCheckboxModel,
+  Be as useInputNumberModel,
+  qe as useInputRadioModel,
+  Je as useInputRangeModel,
+  We as useInputTextModel,
+  ze as useSelectModel,
+  T as useSignalToRef
+};

package/package.json

@@ -0,0 +1,29 @@
+{
+  "name": "@piying/view-react",
+  "version": "1.0.0",
+  "type": "module",
+  "dependencies": {
+    "@piying/view-core": "^0.6.24",
+    "fast-equals": "^5.2.2",
+    "static-injector": "^6.1.2",
+    "valibot": "^1.1.0"
+  },
+  "sideEffects": false,
+  "peerDependencies": {
+    "react": "^19.1.0",
+    "react-dom": "^19.1.0"
+  },
+  "module": "index.js",
+  "typings": "index.d.ts",
+  "exports": {
+    "./package.json": {
+      "default": "./package.json"
+    },
+    ".": {
+      "types": "./index.d.ts",
+      "default": "./index.js",
+      "import": "./index.js",
+      "require": "./index.cjs"
+    }
+  }
+}

package/schema-handle.d.ts

@@ -0,0 +1,7 @@
+import { CoreSchemaHandle, type ConfigMergeStrategy } from '@piying/view-core';
+import type { PiResolvedViewFieldConfig } from './type/group';
+export declare class ReactSchemaHandle extends CoreSchemaHandle<ReactSchemaHandle, () => PiResolvedViewFieldConfig> {
+    type?: any;
+}
+export type PiDefaultRawFormlyFieldConfig = Pick<ReactSchemaHandle, 'inputs' | 'outputs' | 'wrappers' | 'formConfig' | 'renderConfig' | 'props'>;
+export type ConfigMergeStrategyObject = Record<keyof PiDefaultRawFormlyFieldConfig, ConfigMergeStrategy>;

package/token.d.ts

@@ -0,0 +1,4 @@
+import type { Injector } from 'static-injector';
+import type { PiResolvedViewFieldConfig } from './type/group';
+export declare const PI_VIEW_FIELD_TOKEN: import("react").Context<PiResolvedViewFieldConfig | undefined>;
+export declare const InjectorToken: import("react").Context<Injector | undefined>;

package/type/group.d.ts

@@ -0,0 +1,40 @@
+import type { ConfigMergeStrategyObject, ReactSchemaHandle } from '../schema-handle';
+import type { ConfigMergeStrategy, CoreResolvedComponentDefine, PiResolvedCommonViewFieldConfig } from '@piying/view-core';
+import type { SetOptional } from '@piying/view-core';
+export interface RawDirectiveOutputs {
+    [name: string]: (event: any, field: PiResolvedViewFieldConfig) => void;
+}
+export type RawWrapperDefine = {
+    inputs?: Record<string, any>;
+    type: string;
+};
+export type ResolvedrapperDefine = {
+    inputs?: Record<string, any>;
+    type: any;
+};
+export interface RawComponentDefine {
+    type: string;
+}
+export interface ComponentFieldConfig {
+    type?: string;
+    contents?: any[];
+}
+export type ResolvedComponentFieldConfig = Omit<ComponentFieldConfig, 'inputs' | 'outputs' | 'directives' | 'wrappers'>;
+export type PiDefaultRawViewFieldConfig = Pick<ReactSchemaHandle, 'inputs' | 'outputs' | 'wrappers' | 'formConfig' | 'renderConfig' | 'props'>;
+export type PiResolvedViewFieldConfig = PiResolvedCommonViewFieldConfig<() => PiResolvedViewFieldConfig, CoreResolvedComponentDefine> & ResolvedComponentFieldConfig & {
+    /** 除了无component的控件,其他情况下都应该有define,group/array会赋值默认 */
+    define?: RawComponentDefine;
+};
+export type PiComponentDefaultConfig = {
+    type: any | (() => Promise<any>);
+} & Omit<SetOptional<PiDefaultRawViewFieldConfig, 'formConfig'>, 'type'>;
+export interface PiViewConfig {
+    types?: Record<string, PiComponentDefaultConfig>;
+    wrappers?: Record<string, {
+        type: any | (() => Promise<any>);
+        inputs?: Record<string, any>;
+    }>;
+    defaultConfig?: PiDefaultRawViewFieldConfig;
+    /** merge 数组/对象会合并 replace 优先自身/组件/全局 */
+    defaultConfigMergeStrategy?: ConfigMergeStrategy | ConfigMergeStrategyObject;
+}

package/type/index.d.ts

@@ -0,0 +1 @@
+export * from './group';

package/use-model/index.d.ts

@@ -0,0 +1,6 @@
+export * from './use-text-model';
+export * from './use-checkbox-model';
+export * from './use-number-model';
+export * from './use-radio-model';
+export * from './use-range-model';
+export * from './use-select-model';

package/use-model/use-checkbox-model.d.ts

@@ -0,0 +1,7 @@
+import type { ControlValueAccessorAdapter } from '../util/use-control-value-accessor';
+export declare function useInputCheckboxModel(cvaa: ControlValueAccessorAdapter): {
+    checked: any;
+    disabled: boolean;
+    onBlur: () => void;
+    onChange: (event: React.ChangeEvent<HTMLInputElement>) => void;
+};

package/use-model/use-number-model.d.ts

@@ -0,0 +1,7 @@
+import type { ControlValueAccessorAdapter } from '../util/use-control-value-accessor';
+export declare function useInputNumberModel(cvaa: ControlValueAccessorAdapter): {
+    value: any;
+    disabled: boolean;
+    onBlur: () => void;
+    onInput: (event: any) => void;
+};

package/use-model/use-radio-model.d.ts

@@ -0,0 +1,8 @@
+import type { ControlValueAccessorAdapter } from '../util/use-control-value-accessor';
+export declare function useInputRadioModel(cvaa: ControlValueAccessorAdapter, value: any): {
+    value: any;
+    checked: boolean;
+    disabled: boolean;
+    onBlur: () => void;
+    onChange: () => void;
+};

package/use-model/use-range-model.d.ts

@@ -0,0 +1,8 @@
+import type { ControlValueAccessorAdapter } from '../util/use-control-value-accessor';
+export declare function useInputRangeModel(cvaa: ControlValueAccessorAdapter): {
+    value: any;
+    disabled: boolean;
+    onBlur: () => void;
+    onInput: (event: any) => void;
+    onChange: (event: any) => void;
+};

package/use-model/use-select-model.d.ts

@@ -0,0 +1,7 @@
+import type { ControlValueAccessorAdapter } from '../util/use-control-value-accessor';
+export declare function useSelectModel(cvaa: ControlValueAccessorAdapter, multiple?: boolean): {
+    value: any;
+    disabled: boolean;
+    onBlur: () => void;
+    onChange: (event: React.ChangeEvent<HTMLSelectElement>) => void;
+};

package/use-model/use-text-model.d.ts

@@ -0,0 +1,13 @@
+import type { ControlValueAccessorAdapter } from '../util/use-control-value-accessor';
+export declare function useInputTextModel(cvaa: ControlValueAccessorAdapter, compositionMode: boolean): {
+    onCompositionStart: () => void;
+    onCompositionEnd: (event: any) => void;
+    value: any;
+    disabled: boolean;
+    onBlur: () => void;
+} | {
+    onInput: (event: any) => void;
+    value: any;
+    disabled: boolean;
+    onBlur: () => void;
+};

package/util/index.d.ts

@@ -0,0 +1,4 @@
+export * from './init-listen';
+export * from './signal-convert';
+export * from './use-control-value-accessor';
+export * from './use-effect-sync';

package/util/init-listen.d.ts

@@ -0,0 +1,3 @@
+import type { Injector } from 'static-injector';
+import { AbstractControl } from '@piying/view-core';
+export declare function initListen(input: any, control: AbstractControl, injector: Injector, fn: (input: any) => void): import("static-injector").EffectRef;

package/util/signal-convert.d.ts

@@ -0,0 +1 @@
+export declare function useSignalToRef<I, R>(listen: I, value: (fn: I) => R): R;

package/util/use-control-value-accessor.d.ts

@@ -0,0 +1,11 @@
+import type { ControlValueAccessor } from '@piying/view-core';
+export declare function useControlValueAccessor(initValue?: any): {
+    cva: ControlValueAccessor;
+    cvaa: ControlValueAccessorAdapter;
+};
+export type ControlValueAccessorAdapter = {
+    value: any;
+    disabled: boolean;
+    touchedChange: () => void;
+    valueChange: (value: any) => void;
+};

package/util/use-effect-sync.d.ts

@@ -0,0 +1 @@
+export declare function useEffectSync(fn: () => (() => void) | void, deps: any[]): void;