@piying/view-react 1.0.0 → 1.0.2

package/index.cjs

@@ -1,4 +1,4 @@
-"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={};/**
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const s=require("react"),T=require("static-injector"),P=require("@piying/view-core");require("valibot");const be=require("fast-equals");var A={exports:{}},x={};/**
  * @license React
  * react-jsx-runtime.production.js
  *
@@ -6,7 +6,7 @@
  *
  * 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={};/**
+ */var X;function ge(){if(X)return x;X=1;var e=Symbol.for("react.transitional.element"),t=Symbol.for("react.fragment");function o(l,n,a){var i=null;if(a!==void 0&&(i=""+a),n.key!==void 0&&(i=""+n.key),"key"in n){a={};for(var E in n)E!=="key"&&(a[E]=n[E])}else a=n;return n=a.ref,{$$typeof:e,type:l,key:i,ref:n!==void 0?n:null,props:a}}return x.Fragment=t,x.jsx=o,x.jsxs=o,x}var S={};/**
  * @license React
  * react-jsx-runtime.development.js
  *
@@ -14,9 +14,9 @@
  *
  * 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:
+ */var Z;function Ee(){return Z||(Z=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 p:return"Fragment";case d:return"Profiler";case M:return"StrictMode";case le:return"Suspense";case ae: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 oe:return(r._context.displayName||"Context")+".Consumer";case se:var u=r.render;return r=r.displayName,r||(r=u.displayName||u.name||"",r=r!==""?"ForwardRef("+r+")":"ForwardRef"),r;case ie:return u=r.displayName||null,u!==null?u:e(r.type)||"Memo";case W:u=r._payload,r=r._init;try{return e(r(u))}catch{}}return null}function t(r){return""+r}function o(r){try{t(r);var u=!1}catch{u=!0}if(u){u=console;var c=u.error,b=typeof Symbol=="function"&&Symbol.toStringTag&&r[Symbol.toStringTag]||r.constructor.name||"Object";return c.call(u,"The provided key is an unsupported type %s. This value must be coerced to a string before using it here.",b),t(r)}}function l(r){if(r===p)return"<>";if(typeof r=="object"&&r!==null&&r.$$typeof===W)return"<...>";try{var u=e(r);return u?"<"+u+">":"<...>"}catch{return"<...>"}}function n(){var r=N.A;return r===null?null:r.getOwner()}function a(){return Error("react-stack-top-frame")}function i(r){if(q.call(r,"key")){var u=Object.getOwnPropertyDescriptor(r,"key").get;if(u&&u.isReactWarning)return!1}return r.key!==void 0}function E(r,u){function c(){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)",u))}c.isReactWarning=!0,Object.defineProperty(r,"key",{get:c,configurable:!0})}function m(){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 I(r,u,c,b,_,h,Y,D){return c=h.ref,r={$$typeof:y,type:r,key:u,props:h,_owner:_},(c!==void 0?c:null)!==null?Object.defineProperty(r,"ref",{enumerable:!1,get:m}):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 k(r,u,c,b,_,h,Y,D){var g=u.children;if(g!==void 0)if(b)if(fe(g)){for(b=0;b<g.length;b++)j(g[b]);Object.freeze&&Object.freeze(g)}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 j(g);if(q.call(u,"key")){g=e(r);var C=Object.keys(u).filter(function(me){return me!=="key"});b=0<C.length?"{key: someKey, "+C.join(": ..., ")+": ...}":"{key: someKey}",H[g+b]||(C=0<C.length?"{"+C.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=_;
+  <%s key={someKey} {...props} />`,b,g,C,g),H[g+b]=!0)}if(g=null,c!==void 0&&(o(c),g=""+c),i(u)&&(o(u.key),g=""+u.key),"key"in u){c={};for(var V in u)V!=="key"&&(c[V]=u[V])}else c=u;return g&&E(c,typeof r=="function"?r.displayName||r.name||"Unknown":r),I(r,g,h,_,n(),c,Y,D)}function j(r){typeof r=="object"&&r!==null&&r.$$typeof===y&&r._store&&(r._store.validated=1)}var R=s,y=Symbol.for("react.transitional.element"),O=Symbol.for("react.portal"),p=Symbol.for("react.fragment"),M=Symbol.for("react.strict_mode"),d=Symbol.for("react.profiler"),oe=Symbol.for("react.consumer"),ue=Symbol.for("react.context"),se=Symbol.for("react.forward_ref"),le=Symbol.for("react.suspense"),ae=Symbol.for("react.suspense_list"),ie=Symbol.for("react.memo"),W=Symbol.for("react.lazy"),ce=Symbol.for("react.activity"),de=Symbol.for("react.client.reference"),N=R.__CLIENT_INTERNALS_DO_NOT_USE_OR_WARN_USERS_THEY_CANNOT_UPGRADE,q=Object.prototype.hasOwnProperty,fe=Array.isArray,F=console.createTask?console.createTask:function(){return null};R={"react-stack-bottom-frame":function(r){return r()}};var U,B={},J=R["react-stack-bottom-frame"].bind(R,a)(),z=F(l(a)),H={};S.Fragment=p,S.jsx=function(r,u,c,b,_){var h=1e4>N.recentlyCreatedOwnerStacks++;return k(r,u,c,!1,b,_,h?Error("react-stack-top-frame"):J,h?F(l(r)):z)},S.jsxs=function(r,u,c,b,_){var h=1e4>N.recentlyCreatedOwnerStacks++;return k(r,u,c,!0,b,_,h?Error("react-stack-top-frame"):J,h?F(l(r)):z)}}()),S}var Q;function Re(){return Q||(Q=1,process.env.NODE_ENV==="production"?A.exports=ge():A.exports=Ee()),A.exports}var f=Re();const K=s.createContext(void 0),w=s.createContext(void 0);function v(e,t){const o=s.useContext(w),[l,n]=s.useState(s.useMemo(()=>t(e),[])),a=s.useRef(l);return s.useEffect(()=>{const i=t(e);Object.is(a.current,i)||(n(i),a.current=i);const E=T.effect(()=>{const m=t(e);Object.is(a.current,m)||(n(m),a.current=m)},{injector:o});return()=>{E.destroy()}},[e,s.useMemo(()=>t,[])]),l}function $(e){const t=s.useMemo(()=>e.wrappers.slice(1),[e.wrappers]),o=e.wrappers[0],l=v(o,()=>({...o?.inputs(),...o?.attributes(),...o?.outputs}));return f.jsx(f.Fragment,{children:o?f.jsx(o.type,{...l,children:f.jsx($,{wrappers:t,children:e.children})}):e.children})}const ee=Symbol.for("ControlValueAccessor");function L(e){const t=v(e.field,d=>d.inputs()),o=v(e.field,d=>d.outputs()),l=v(e.field,d=>d.attributes()),n=s.useMemo(()=>({...l,...t,...o}),[l,t,o]),a=v(e.field,d=>d.renderConfig()),i=v(e.field,d=>d.fieldGroup?.()),E=v(e.field,d=>d.fieldArray?.()),m=s.useMemo(()=>({...n,fields:i}),[n,i]),I=s.useMemo(()=>({...n,fields:E}),[n,E]),k=v(e.field,d=>d.wrappers()),j=e.field.form.control,R=e.field.define?.type,y=s.useMemo(()=>!!a.hidden||!R,[a.hidden,R]),O=s.useContext(w),p=s.useRef(void 0),M=s.useMemo(()=>({...n,[ee]:p}),[n,p]);return s.useEffect(()=>{let d;return p.current&&(d=P.createViewControlLink(()=>j,p.current,O)),()=>{d?.(),d=void 0}},[p.current,j,O]),f.jsx(f.Fragment,{children:f.jsx(K,{value:e.field,children:y?void 0:f.jsx($,{wrappers:k,children:i?f.jsx(R,{...m}):E?f.jsx(R,{...I}):e.field.form.control?f.jsx(R,{...M}):f.jsx(R,{...n})})})})}function he(e){return f.jsx(f.Fragment,{children:e.fields.map((t,o)=>f.jsx(L,{field:t},o))})}class re extends P.CoreSchemaHandle{}class te extends P.FormBuilder{}function ne(e,t,o,l){let n=!0;return T.effect(()=>{const a=t.value$$();n?(be.deepEqual(a,e)||l(a),n=!1):l(a)},{injector:o})}function G(e,t){const o=s.useCallback(e,t),l=s.useRef(void 0);s.useMemo(()=>(l.current=o(),l.current),t),s.useEffect(()=>()=>{l.current?.(),l.current=void 0},[])}function pe(e){const t=s.useMemo(()=>T.createRootInjector({providers:[{provide:T.ChangeDetectionScheduler,useClass:T.ChangeDetectionSchedulerImpl}]}),[]),[o,l]=s.useMemo(()=>{const n=T.createInjector({providers:[],parent:t});return[P.convert(e.schema,{handle:re,builder:te,injector:n,registerOnDestroy:i=>{n.get(T.DestroyRef).onDestroy(i)},...e.options}),n]},[e.schema,e.options]);return G(()=>{let n;if(o.form.control){const a=e.model;n=ne(typeof a<"u"?a:void 0,o.form.control,l,i=>{T.untracked(()=>{o.form.control?.valueNoError$$()&&e.modelChange?.(i)})})}return()=>{l.destroy(),n?.destroy()}},[o]),G(()=>{o.form.control?.updateValue(e.model)},[o,e.model]),f.jsx(f.Fragment,{children:f.jsx(w,{value:t,children:f.jsx(L,{field:o})})})}const ve=[],_e={directives:"merge",formConfig:"merge",inputs:"merge",outputs:"merge",props:"merge",renderConfig:"merge",wrappers:"replace"};function Te(e,t){const o=s.useRef(!1);return s.useMemo(()=>{const l={value:e.value==null?"":e.value,disabled:e.disabled,onBlur:e.touchedChange};return t?{...l,onCompositionStart:()=>{o.current=!0},onCompositionEnd:n=>{o.current=!1,e.valueChange(n.target.value)}}:{...l,onInput:n=>e.valueChange(n.target.value)}},[e,t])}function Ce(e){return s.useMemo(()=>({checked:e.value??!1,disabled:e.disabled,onBlur:e.touchedChange,onChange:t=>e.valueChange(t.target.checked)}),[e])}function je(e){return s.useMemo(()=>({value:e.value==null?"":e.value,disabled:e.disabled,onBlur:e.touchedChange,onInput:t=>{const o=t.target.value;e.valueChange(o==""?void 0:parseFloat(o))}}),[e])}function xe(e,t){return s.useMemo(()=>({value:t,checked:Object.is(e.value,t),disabled:e.disabled,onBlur:e.touchedChange,onChange:()=>e.valueChange(t)}),[e])}function Se(e){return s.useMemo(()=>{const t=o=>{const l=o.target.value;e.valueChange(l==""?void 0:parseFloat(l))};return{value:e.value==null?"":e.value,disabled:e.disabled,onBlur:e.touchedChange,onInput:t,onChange:t}},[e])}function ke(e,t=!1){return s.useMemo(()=>({value:e.value,disabled:e.disabled,onBlur:e.touchedChange,onChange:o=>{const l=[],n=o.target;if(n.selectedOptions!==void 0)for(let a=0;a<n.selectedOptions.length;a++){const i=n.selectedOptions[a];if(l.push(i.value),!t)break}else for(let a=0;a<n.options.length;a++){const i=n.options[a];if(i.selected&&(l.push(i.value),!t))break}e.valueChange(t?l:l[0])}}),[e])}function ye(){const[e,t]=s.useState(void 0),[o,l]=s.useState(!1),n=s.useRef(void 0),a=s.useRef(void 0),i=s.useMemo(()=>({writeValue(m){t(m)},registerOnChange(m){n.current=m},registerOnTouched(m){a.current=m},setDisabledState(m){l(m)}}),[]),E=s.useMemo(()=>({value:e,disabled:o,valueChange:m=>{n.current?.(m),t(m)},touchedChange:()=>{a.current?.()}}),[e,o]);return s.useMemo(()=>({cva:i,cvaa:E}),[E])}exports.CVA=ee;exports.EMPTY_ARRAY=ve;exports.InjectorToken=w;exports.NG_CONFIG_DEFAULT_MERGE_STRAGEGY=_e;exports.PI_VIEW_FIELD_TOKEN=K;exports.PiyingFieldTemplate=L;exports.PiyingGroup=he;exports.PiyingView=pe;exports.PiyingWrapper=$;exports.ReactFormBuilder=te;exports.ReactSchemaHandle=re;exports.initListen=ne;exports.useControlValueAccessor=ye;exports.useEffectSync=G;exports.useInputCheckboxModel=Ce;exports.useInputNumberModel=je;exports.useInputRadioModel=xe;exports.useInputRangeModel=Se;exports.useInputTextModel=Te;exports.useSelectModel=ke;exports.useSignalToRef=v;

package/index.js

@@ -1,9 +1,9 @@
-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 me, { createContext as Q, useContext as K, useState as M, useMemo as c, useRef as C, useEffect as V, useCallback as be } from "react";
+import { effect as ee, createRootInjector as he, ChangeDetectionSchedulerImpl as ge, ChangeDetectionScheduler as pe, createInjector as Ee, 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 = {};
+var A = { exports: {} }, x = {};
 /**
  * @license React
  * react-jsx-runtime.production.js
@@ -13,29 +13,29 @@ var w = { exports: {} }, O = {};
  * This source code is licensed under the MIT license found in the
  * LICENSE file in the root directory of this source tree.
  */
-var H;
+var z;
 function ke() {
-  if (H) return O;
-  H = 1;
+  if (z) return x;
+  z = 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, {
+  function o(s, n, l) {
+    var a = null;
+    if (l !== void 0 && (a = "" + l), n.key !== void 0 && (a = "" + n.key), "key" in n) {
+      l = {};
+      for (var g in n)
+        g !== "key" && (l[g] = n[g]);
+    } else l = n;
+    return n = l.ref, {
       $$typeof: e,
-      type: u,
-      key: l,
-      ref: o !== void 0 ? o : null,
-      props: a
+      type: s,
+      key: a,
+      ref: n !== void 0 ? n : null,
+      props: l
     };
   }
-  return O.Fragment = t, O.jsx = n, O.jsxs = n, O;
+  return x.Fragment = t, x.jsx = o, x.jsxs = o, x;
 }
-var y = {};
+var k = {};
 /**
  * @license React
  * react-jsx-runtime.development.js
@@ -45,16 +45,16 @@ var y = {};
  * This source code is licensed under the MIT license found in the
  * LICENSE file in the root directory of this source tree.
  */
-var X;
+var H;
 function Oe() {
-  return X || (X = 1, process.env.NODE_ENV !== "production" && function() {
+  return H || (H = 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:
+        case R:
           return "Fragment";
         case d:
           return "Profiler";
@@ -62,7 +62,7 @@ function Oe() {
           return "StrictMode";
         case se:
           return "Suspense";
-        case ae:
+        case le:
           return "SuspenseList";
         case ie:
           return "Activity";
@@ -71,21 +71,21 @@ function Oe() {
         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:
+          case y:
             return "Portal";
           case oe:
             return (r.displayName || "Context") + ".Provider";
-          case I:
+          case ne:
             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";
+            var u = r.render;
+            return r = r.displayName, r || (r = u.displayName || u.name || "", r = r !== "" ? "ForwardRef(" + r + ")" : "ForwardRef"), r;
+          case ae:
+            return u = r.displayName || null, u !== null ? u : e(r.type) || "Memo";
           case L:
-            s = r._payload, r = r._init;
+            u = r._payload, r = r._init;
             try {
-              return e(r(s));
+              return e(r(u));
             } catch {
             }
         }
@@ -94,53 +94,53 @@ function Oe() {
     function t(r) {
       return "" + r;
     }
-    function n(r) {
+    function o(r) {
       try {
         t(r);
-        var s = !1;
+        var u = !1;
       } catch {
-        s = !0;
+        u = !0;
       }
-      if (s) {
-        s = console;
-        var i = s.error, m = typeof Symbol == "function" && Symbol.toStringTag && r[Symbol.toStringTag] || r.constructor.name || "Object";
+      if (u) {
+        u = console;
+        var i = u.error, b = typeof Symbol == "function" && Symbol.toStringTag && r[Symbol.toStringTag] || r.constructor.name || "Object";
         return i.call(
-          s,
+          u,
           "The provided key is an unsupported type %s. This value must be coerced to a string before using it here.",
-          m
+          b
         ), t(r);
       }
     }
-    function u(r) {
-      if (r === v) return "<>";
+    function s(r) {
+      if (r === R) return "<>";
       if (typeof r == "object" && r !== null && r.$$typeof === L)
         return "<...>";
       try {
-        var s = e(r);
-        return s ? "<" + s + ">" : "<...>";
+        var u = e(r);
+        return u ? "<" + u + ">" : "<...>";
       } catch {
         return "<...>";
       }
     }
-    function o() {
-      var r = N.A;
+    function n() {
+      var r = I.A;
       return r === null ? null : r.getOwner();
     }
-    function a() {
+    function l() {
       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;
+    function a(r) {
+      if (G.call(r, "key")) {
+        var u = Object.getOwnPropertyDescriptor(r, "key").get;
+        if (u && u.isReactWarning) return !1;
       }
       return r.key !== void 0;
     }
-    function g(r, s) {
+    function g(r, u) {
       function i() {
-        U || (U = !0, console.error(
+        W || (W = !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
+          u
         ));
       }
       i.isReactWarning = !0, Object.defineProperty(r, "key", {
@@ -148,22 +148,22 @@ function Oe() {
         configurable: !0
       });
     }
-    function p() {
+    function m() {
       var r = e(this.type);
-      return B[r] || (B[r] = !0, console.error(
+      return U[r] || (U[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,
+    function w(r, u, i, b, v, E, F, Y) {
+      return i = E.ref, r = {
+        $$typeof: S,
         type: r,
-        key: s,
-        props: R,
-        _owner: _
+        key: u,
+        props: E,
+        _owner: v
       }, (i !== void 0 ? i : null) !== null ? Object.defineProperty(r, "ref", {
         enumerable: !1,
-        get: p
+        get: m
       }) : Object.defineProperty(r, "ref", { enumerable: !1, value: null }), r._store = {}, Object.defineProperty(r._store, "validated", {
         configurable: !1,
         enumerable: !1,
@@ -178,205 +178,205 @@ function Oe() {
         configurable: !1,
         enumerable: !1,
         writable: !0,
-        value: Y
+        value: F
       }), Object.defineProperty(r, "_debugTask", {
         configurable: !1,
         enumerable: !1,
         writable: !0,
-        value: D
+        value: Y
       }), 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);
+    function O(r, u, i, b, v, E, F, Y) {
+      var h = u.children;
+      if (h !== void 0)
+        if (b)
+          if (de(h)) {
+            for (b = 0; b < h.length; b++)
+              j(h[b]);
+            Object.freeze && Object.freeze(h);
           } 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) {
+        else j(h);
+      if (G.call(u, "key")) {
+        h = e(r);
+        var T = Object.keys(u).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(
+        b = 0 < T.length ? "{key: someKey, " + T.join(": ..., ") + ": ...}" : "{key: someKey}", J[h + b] || (T = 0 < T.length ? "{" + T.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);
+          h,
+          T,
+          h
+        ), J[h + b] = !0);
       }
-      if (b = null, i !== void 0 && (n(i), b = "" + i), l(s) && (n(s.key), b = "" + s.key), "key" in s) {
+      if (h = null, i !== void 0 && (o(i), h = "" + i), a(u) && (o(u.key), h = "" + u.key), "key" in u) {
         i = {};
-        for (var M in s)
-          M !== "key" && (i[M] = s[M]);
-      } else i = s;
-      return b && g(
+        for (var D in u)
+          D !== "key" && (i[D] = u[D]);
+      } else i = u;
+      return h && g(
         i,
         typeof r == "function" ? r.displayName || r.name || "Unknown" : r
-      ), h(
+      ), w(
         r,
-        b,
-        R,
-        _,
-        o(),
+        h,
+        E,
+        v,
+        n(),
         i,
-        Y,
-        D
+        F,
+        Y
       );
     }
-    function k(r) {
-      typeof r == "object" && r !== null && r.$$typeof === A && r._store && (r._store.validated = 1);
+    function j(r) {
+      typeof r == "object" && r !== null && r.$$typeof === S && 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() {
+    var p = me, S = Symbol.for("react.transitional.element"), y = Symbol.for("react.portal"), R = Symbol.for("react.fragment"), P = Symbol.for("react.strict_mode"), d = Symbol.for("react.profiler"), ne = Symbol.for("react.consumer"), oe = Symbol.for("react.context"), ue = Symbol.for("react.forward_ref"), se = Symbol.for("react.suspense"), le = Symbol.for("react.suspense_list"), ae = Symbol.for("react.memo"), L = Symbol.for("react.lazy"), ie = Symbol.for("react.activity"), ce = Symbol.for("react.client.reference"), I = p.__CLIENT_INTERNALS_DO_NOT_USE_OR_WARN_USERS_THEY_CANNOT_UPGRADE, G = Object.prototype.hasOwnProperty, de = Array.isArray, N = console.createTask ? console.createTask : function() {
       return null;
     };
-    E = {
+    p = {
       "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(
+    var W, U = {}, B = p["react-stack-bottom-frame"].bind(
+      p,
+      l
+    )(), q = N(s(l)), J = {};
+    k.Fragment = R, k.jsx = function(r, u, i, b, v) {
+      var E = 1e4 > I.recentlyCreatedOwnerStacks++;
+      return O(
         r,
-        s,
+        u,
         i,
         !1,
-        m,
-        _,
-        R ? Error("react-stack-top-frame") : q,
-        R ? F(u(r)) : J
+        b,
+        v,
+        E ? Error("react-stack-top-frame") : B,
+        E ? N(s(r)) : q
       );
-    }, y.jsxs = function(r, s, i, m, _) {
-      var R = 1e4 > N.recentlyCreatedOwnerStacks++;
-      return C(
+    }, k.jsxs = function(r, u, i, b, v) {
+      var E = 1e4 > I.recentlyCreatedOwnerStacks++;
+      return O(
         r,
-        s,
+        u,
         i,
         !0,
-        m,
-        _,
-        R ? Error("react-stack-top-frame") : q,
-        R ? F(u(r)) : J
+        b,
+        v,
+        E ? Error("react-stack-top-frame") : B,
+        E ? N(s(r)) : q
       );
     };
-  }()), y;
+  }()), k;
 }
-var Z;
-function ye() {
-  return Z || (Z = 1, process.env.NODE_ENV === "production" ? w.exports = ke() : w.exports = Oe()), w.exports;
+var X;
+function Se() {
+  return X || (X = 1, process.env.NODE_ENV === "production" ? A.exports = ke() : A.exports = Oe()), A.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(
+var f = Se();
+const ye = Q(void 0), $ = Q(void 0);
+function _(e, t) {
+  const o = K($), [s, n] = M(c(() => t(e), [])), l = C(s);
+  return V(() => {
+    const a = t(e);
+    Object.is(l.current, a) || (n(a), l.current = a);
+    const g = ee(
       () => {
-        const p = t(e);
-        Object.is(a.current, p) || (o(p), a.current = p);
+        const m = t(e);
+        Object.is(l.current, m) || (n(m), l.current = m);
       },
-      { injector: n }
+      { injector: o }
     );
     return () => {
       g.destroy();
     };
-  }, [e, c(() => t, [])]), u;
+  }, [e, c(() => t, [])]), s;
 }
-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 });
+function re(e) {
+  const t = c(() => e.wrappers.slice(1), [e.wrappers]), o = e.wrappers[0], s = _(o, () => ({ ...o?.inputs(), ...o?.attributes(), ...o?.outputs }));
+  return /* @__PURE__ */ f.jsx(f.Fragment, { children: o ? /* @__PURE__ */ f.jsx(o.type, { ...s, children: /* @__PURE__ */ f.jsx(re, { 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 $(() => {
+const Ae = Symbol.for("ControlValueAccessor");
+function te(e) {
+  const t = _(e.field, (d) => d.inputs()), o = _(e.field, (d) => d.outputs()), s = _(e.field, (d) => d.attributes()), n = c(() => ({ ...s, ...t, ...o }), [s, t, o]), l = _(e.field, (d) => d.renderConfig()), a = _(e.field, (d) => d.fieldGroup?.()), g = _(e.field, (d) => d.fieldArray?.()), m = c(() => ({ ...n, fields: a }), [n, a]), w = c(() => ({ ...n, fields: g }), [n, g]), O = _(e.field, (d) => d.wrappers()), j = e.field.form.control, p = e.field.define?.type, S = c(() => !!l.hidden || !p, [l.hidden, p]), y = K($), R = C(void 0), P = c(() => ({ ...n, [Ae]: R }), [n, R]);
+  return V(() => {
     let d;
-    return v.current && (d = _e(() => k, v.current, S)), () => {
-      d?.forEach((I) => I()), d = void 0;
+    return R.current && (d = _e(() => j, R.current, y)), () => {
+      d?.(), 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 }) }) }) });
+  }, [R.current, j, y]), /* @__PURE__ */ f.jsx(f.Fragment, { children: /* @__PURE__ */ f.jsx(ye, { value: e.field, children: S ? void 0 : /* @__PURE__ */ f.jsx(re, { wrappers: O, children: a ? /* @__PURE__ */ f.jsx(p, { ...m }) : g ? /* @__PURE__ */ f.jsx(p, { ...w }) : e.field.form.control ? /* @__PURE__ */ f.jsx(p, { ...P }) : /* @__PURE__ */ f.jsx(p, { ...n }) }) }) });
 }
 function Ve(e) {
-  return /* @__PURE__ */ f.jsx(f.Fragment, { children: e.fields.map((t, n) => /* @__PURE__ */ f.jsx(ne, { field: t }, n)) });
+  return /* @__PURE__ */ f.jsx(f.Fragment, { children: e.fields.map((t, o) => /* @__PURE__ */ f.jsx(te, { field: t }, o)) });
 }
 class we extends Te {
   // contents?: any[];
 }
 class Pe extends Ce {
 }
-function Ie(e, t, n, u) {
-  let o = !0;
-  return re(
+function Ie(e, t, o, s) {
+  let n = !0;
+  return ee(
     () => {
-      const a = t.value$$();
-      o ? (xe(a, e) || u(a), o = !1) : u(a);
+      const l = t.value$$();
+      n ? (xe(l, e) || s(l), n = !1) : s(l);
     },
-    { injector: n }
+    { injector: o }
   );
 }
-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 Z(e, t) {
+  const o = be(e, t), s = C(void 0);
+  c(() => (s.current = o(), s.current), t), V(() => () => {
+    s.current?.(), s.current = void 0;
   }, []);
 }
 function $e(e) {
   const t = c(() => he({
     providers: [
       {
-        provide: Ee,
+        provide: pe,
         useClass: ge
       }
     ]
-  }), []), [n, u] = c(() => {
-    const o = pe({ providers: [], parent: t });
+  }), []), [o, s] = c(() => {
+    const n = Ee({ providers: [], parent: t });
     return [je(e.schema, {
       handle: we,
       builder: Pe,
-      injector: o,
-      registerOnDestroy: (l) => {
-        o.get(Re).onDestroy(l);
+      injector: n,
+      registerOnDestroy: (a) => {
+        n.get(Re).onDestroy(a);
       },
       ...e.options
-    }), o];
+    }), n];
   }, [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) => {
+  return Z(() => {
+    let n;
+    if (o.form.control) {
+      const l = e.model;
+      n = Ie(typeof l < "u" ? l : void 0, o.form.control, s, (a) => {
         ve(() => {
-          n.form.control?.valueNoError$$() && e.modelChange?.(l);
+          o.form.control?.valueNoError$$() && e.modelChange?.(a);
         });
       });
     }
     return () => {
-      u.destroy(), o?.destroy();
+      s.destroy(), n?.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 }) }) });
+  }, [o]), Z(() => {
+    o.form.control?.updateValue(e.model);
+  }, [o, e.model]), /* @__PURE__ */ f.jsx(f.Fragment, { children: /* @__PURE__ */ f.jsx($, { value: t, children: /* @__PURE__ */ f.jsx(te, { field: o }) }) });
 }
-const Ge = [], Le = {
+const Le = [], Ge = {
   directives: "merge",
   formConfig: "merge",
   inputs: "merge",
@@ -386,26 +386,26 @@ const Ge = [], Le = {
   wrappers: "replace"
 };
 function We(e, t) {
-  const n = x(!1);
+  const o = C(!1);
   return c(() => {
-    const u = { value: e.value, disabled: e.disabled, onBlur: e.touchedChange };
+    const s = { value: e.value == null ? "" : e.value, disabled: e.disabled, onBlur: e.touchedChange };
     return t ? {
-      ...u,
+      ...s,
       onCompositionStart: () => {
-        n.current = !0;
+        o.current = !0;
       },
-      onCompositionEnd: (o) => {
-        n.current = !1, e.valueChange(o.target.value);
+      onCompositionEnd: (n) => {
+        o.current = !1, e.valueChange(n.target.value);
       }
     } : {
-      ...u,
-      onInput: (o) => e.valueChange(o.target.value)
+      ...s,
+      onInput: (n) => e.valueChange(n.target.value)
     };
   }, [e, t]);
 }
 function Ue(e) {
   return c(() => ({
-    checked: e.value,
+    checked: e.value ?? !1,
     disabled: e.disabled,
     onBlur: e.touchedChange,
     onChange: (t) => e.valueChange(t.target.checked)
@@ -413,12 +413,12 @@ function Ue(e) {
 }
 function Be(e) {
   return c(() => ({
-    value: e.value,
+    value: e.value == null ? "" : e.value,
     disabled: e.disabled,
     onBlur: e.touchedChange,
     onInput: (t) => {
-      const n = t.target.value;
-      e.valueChange(n == "" ? void 0 : parseFloat(n));
+      const o = t.target.value;
+      e.valueChange(o == "" ? void 0 : parseFloat(o));
     }
   }), [e]);
 }
@@ -433,12 +433,12 @@ function qe(e, t) {
 }
 function Je(e) {
   return c(() => {
-    const t = (n) => {
-      const u = n.target.value;
-      e.valueChange(u == "" ? void 0 : parseFloat(u));
+    const t = (o) => {
+      const s = o.target.value;
+      e.valueChange(s == "" ? void 0 : parseFloat(s));
     };
     return {
-      value: e.value,
+      value: e.value == null ? "" : e.value,
       disabled: e.disabled,
       onBlur: e.touchedChange,
       onInput: t,
@@ -451,73 +451,73 @@ function ze(e, t = !1) {
     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)
+    onChange: (o) => {
+      const s = [], n = o.target;
+      if (n.selectedOptions !== void 0)
+        for (let l = 0; l < n.selectedOptions.length; l++) {
+          const a = n.selectedOptions[l];
+          if (s.push(a.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))
+        for (let l = 0; l < n.options.length; l++) {
+          const a = n.options[l];
+          if (a.selected && (s.push(a.value), !t))
             break;
         }
-      e.valueChange(t ? u : u[0]);
+      e.valueChange(t ? s : s[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);
+function He() {
+  const [e, t] = M(void 0), [o, s] = M(!1), n = C(void 0), l = C(void 0), a = c(() => ({
+    writeValue(m) {
+      t(m);
     },
-    registerOnChange(h) {
-      a.current = h;
+    registerOnChange(m) {
+      n.current = m;
     },
-    registerOnTouched(h) {
-      l.current = h;
+    registerOnTouched(m) {
+      l.current = m;
     },
-    setDisabledState(h) {
-      o(h);
+    setDisabledState(m) {
+      s(m);
     }
-  }), []), p = c(() => ({
-    value: t,
-    disabled: u,
-    valueChange: (h) => {
-      a.current?.(h), n(h);
+  }), []), g = c(() => ({
+    value: e,
+    disabled: o,
+    valueChange: (m) => {
+      n.current?.(m), t(m);
     },
     touchedChange: () => {
       l.current?.();
     }
-  }), [t, u]);
+  }), [e, o]);
   return c(() => ({
-    cva: g,
-    cvaa: p
-  }), [p]);
+    cva: a,
+    cvaa: g
+  }), [g]);
 }
 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,
+  Ae as CVA,
+  Le as EMPTY_ARRAY,
+  $ as InjectorToken,
+  Ge as NG_CONFIG_DEFAULT_MERGE_STRAGEGY,
+  ye as PI_VIEW_FIELD_TOKEN,
+  te as PiyingFieldTemplate,
   Ve as PiyingGroup,
   $e as PiyingView,
-  te as PiyingWrapper,
+  re as PiyingWrapper,
   Pe as ReactFormBuilder,
   we as ReactSchemaHandle,
   Ie as initListen,
   He as useControlValueAccessor,
-  Q as useEffectSync,
+  Z as useEffectSync,
   Ue as useInputCheckboxModel,
   Be as useInputNumberModel,
   qe as useInputRadioModel,
   Je as useInputRangeModel,
   We as useInputTextModel,
   ze as useSelectModel,
-  T as useSignalToRef
+  _ as useSignalToRef
 };

package/package.json

@@ -1,9 +1,9 @@
 {
   "name": "@piying/view-react",
-  "version": "1.0.0",
+  "version": "1.0.2",
   "type": "module",
   "dependencies": {
-    "@piying/view-core": "^0.6.24",
+    "@piying/view-core": "^0.6.27",
     "fast-equals": "^5.2.2",
     "static-injector": "^6.1.2",
     "valibot": "^1.1.0"

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

@@ -1,5 +1,5 @@
 import type { ControlValueAccessor } from '@piying/view-core';
-export declare function useControlValueAccessor(initValue?: any): {
+export declare function useControlValueAccessor(): {
     cva: ControlValueAccessor;
     cvaa: ControlValueAccessorAdapter;
 };