@piying/view-react 1.0.0 → 1.0.1

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 O={exports:{}},S={};/**
  * @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 Z;function Ee(){if(Z)return S;Z=1;var e=Symbol.for("react.transitional.element"),t=Symbol.for("react.fragment");function n(l,o,a){var c=null;if(a!==void 0&&(c=""+a),o.key!==void 0&&(c=""+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:l,key:c,ref:o!==void 0?o:null,props:a}}return S.Fragment=t,S.jsx=n,S.jsxs=n,S}var k={};/**
  * @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 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 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 A:return"Portal";case ue:return(r.displayName||"Context")+".Provider";case N: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 q:u=r._payload,r=r._init;try{return e(r(u))}catch{}}return null}function t(r){return""+r}function n(r){try{t(r);var u=!1}catch{u=!0}if(u){u=console;var i=u.error,b=typeof Symbol=="function"&&Symbol.toStringTag&&r[Symbol.toStringTag]||r.constructor.name||"Object";return i.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===q)return"<...>";try{var u=e(r);return u?"<"+u+">":"<...>"}catch{return"<...>"}}function o(){var r=F.A;return r===null?null:r.getOwner()}function a(){return Error("react-stack-top-frame")}function c(r){if(U.call(r,"key")){var u=Object.getOwnPropertyDescriptor(r,"key").get;if(u&&u.isReactWarning)return!1}return r.key!==void 0}function g(r,u){function i(){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)",u))}i.isReactWarning=!0,Object.defineProperty(r,"key",{get:i,configurable:!0})}function m(){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 I(r,u,i,b,_,R,D,V){return i=R.ref,r={$$typeof:y,type:r,key:u,props:R,_owner:_},(i!==void 0?i: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:D}),Object.defineProperty(r,"_debugTask",{configurable:!1,enumerable:!1,writable:!0,value:V}),Object.freeze&&(Object.freeze(r.props),Object.freeze(r)),r}function C(r,u,i,b,_,R,D,V){var E=u.children;if(E!==void 0)if(b)if(fe(E)){for(b=0;b<E.length;b++)x(E[b]);Object.freeze&&Object.freeze(E)}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 x(E);if(U.call(u,"key")){E=e(r);var j=Object.keys(u).filter(function(me){return me!=="key"});b=0<j.length?"{key: someKey, "+j.join(": ..., ")+": ...}":"{key: someKey}",X[E+b]||(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,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,E,j,E),X[E+b]=!0)}if(E=null,i!==void 0&&(n(i),E=""+i),c(u)&&(n(u.key),E=""+u.key),"key"in u){i={};for(var G in u)G!=="key"&&(i[G]=u[G])}else i=u;return E&&g(i,typeof r=="function"?r.displayName||r.name||"Unknown":r),I(r,E,R,_,o(),i,D,V)}function x(r){typeof r=="object"&&r!==null&&r.$$typeof===y&&r._store&&(r._store.validated=1)}var h=s,y=Symbol.for("react.transitional.element"),A=Symbol.for("react.portal"),p=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"),le=Symbol.for("react.suspense"),ae=Symbol.for("react.suspense_list"),ie=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,a)(),H=Y(l(a)),X={};k.Fragment=p,k.jsx=function(r,u,i,b,_){var R=1e4>F.recentlyCreatedOwnerStacks++;return C(r,u,i,!1,b,_,R?Error("react-stack-top-frame"):z,R?Y(l(r)):H)},k.jsxs=function(r,u,i,b,_){var R=1e4>F.recentlyCreatedOwnerStacks++;return C(r,u,i,!0,b,_,R?Error("react-stack-top-frame"):z,R?Y(l(r)):H)}}()),k}var K;function he(){return K||(K=1,process.env.NODE_ENV==="production"?O.exports=Ee():O.exports=ge()),O.exports}var f=he();const ee=s.createContext(void 0),w=s.createContext(void 0);function v(e,t){const n=s.useContext(w),[l,o]=s.useState(s.useMemo(()=>t(e),[])),a=s.useRef(l);return s.useEffect(()=>{const c=t(e);Object.is(a.current,c)||(o(c),a.current=c);const g=T.effect(()=>{const m=t(e);Object.is(a.current,m)||(o(m),a.current=m)},{injector:n});return()=>{g.destroy()}},[e,s.useMemo(()=>t,[])]),l}function $(e){const t=s.useMemo(()=>e.wrappers.slice(1),[e.wrappers]),n=e.wrappers[0],l=v(n,()=>({...n?.inputs(),...n?.attributes(),...n?.outputs}));return f.jsx(f.Fragment,{children:n?f.jsx(n.type,{...l,children:f.jsx($,{wrappers:t,children:e.children})}):e.children})}const re=Symbol.for("ControlValueAccessor");function W(e){const t=v(e.field,d=>d.inputs()),n=v(e.field,d=>d.outputs()),l=v(e.field,d=>d.renderConfig()),o=v(e.field,d=>d.attributes()),a=s.useMemo(()=>({...t,fields:e.field.fieldGroup?.()}),[t,e.field.fieldGroup]),c=s.useMemo(()=>({...t,fields:e.field.fieldArray?.()}),[t,e.field.fieldArray]),g=v(e.field,d=>d.wrappers()),m=v(e.field,d=>d.fieldGroup?.()),I=v(e.field,d=>d.fieldArray?.()),C=s.useMemo(()=>({...o,...t,...n}),[o,t,n]),x=e.field.form.control,h=e.field.define?.type,y=s.useMemo(()=>!!l.hidden||!h,[l.hidden,h]),A=s.useContext(w),p=s.useRef(void 0),M=s.useMemo(()=>({...C,[re]:p}),[C,p]);return s.useEffect(()=>{let d;return p.current&&(d=P.createViewControlLink(()=>x,p.current,A)),()=>{d?.forEach(N=>N()),d=void 0}},[p.current,x,A]),f.jsx(f.Fragment,{children:f.jsx(ee,{value:e.field,children:y?void 0:f.jsx($,{wrappers:g,children:m?f.jsx(h,{...a}):I?f.jsx(h,{...c}):e.field.form.control?f.jsx(h,{...M}):f.jsx(h,{...C})})})})}function Re(e){return f.jsx(f.Fragment,{children:e.fields.map((t,n)=>f.jsx(W,{field:t},n))})}class te extends P.CoreSchemaHandle{}class ne extends P.FormBuilder{}function oe(e,t,n,l){let o=!0;return T.effect(()=>{const a=t.value$$();o?(be.deepEqual(a,e)||l(a),o=!1):l(a)},{injector:n})}function L(e,t){const n=s.useCallback(e,t),l=s.useRef(void 0);s.useMemo(()=>(l.current=n(),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}]}),[]),[n,l]=s.useMemo(()=>{const o=T.createInjector({providers:[],parent:t});return[P.convert(e.schema,{handle:te,builder:ne,injector:o,registerOnDestroy:c=>{o.get(T.DestroyRef).onDestroy(c)},...e.options}),o]},[e.schema,e.options]);return L(()=>{let o;if(n.form.control){const a=e.model;o=oe(typeof a<"u"?a:void 0,n.form.control,l,c=>{T.untracked(()=>{n.form.control?.valueNoError$$()&&e.modelChange?.(c)})})}return()=>{l.destroy(),o?.destroy()}},[n]),L(()=>{n.form.control?.updateValue(e.model)},[n,e.model]),f.jsx(f.Fragment,{children:f.jsx(w,{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=s.useRef(!1);return s.useMemo(()=>{const l={value:e.value==null?"":e.value,disabled:e.disabled,onBlur:e.touchedChange};return t?{...l,onCompositionStart:()=>{n.current=!0},onCompositionEnd:o=>{n.current=!1,e.valueChange(o.target.value)}}:{...l,onInput:o=>e.valueChange(o.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 n=t.target.value;e.valueChange(n==""?void 0:parseFloat(n))}}),[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=n=>{const l=n.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:n=>{const l=[],o=n.target;if(o.selectedOptions!==void 0)for(let a=0;a<o.selectedOptions.length;a++){const c=o.selectedOptions[a];if(l.push(c.value),!t)break}else for(let a=0;a<o.options.length;a++){const c=o.options[a];if(c.selected&&(l.push(c.value),!t))break}e.valueChange(t?l:l[0])}}),[e])}function ye(){const[e,t]=s.useState(void 0),[n,l]=s.useState(!1),o=s.useRef(void 0),a=s.useRef(void 0),c=s.useMemo(()=>({writeValue(m){t(m)},registerOnChange(m){o.current=m},registerOnTouched(m){a.current=m},setDisabledState(m){l(m)}}),[]),g=s.useMemo(()=>({value:e,disabled:n,valueChange:m=>{o.current?.(m),t(m)},touchedChange:()=>{a.current?.()}}),[e,n]);return s.useMemo(()=>({cva:c,cvaa:g}),[g])}exports.CVA=re;exports.EMPTY_ARRAY=ve;exports.InjectorToken=w;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=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 me, { createContext as K, useContext as ee, useState as V, useMemo as c, useRef as j, 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 = {};
+var S = { exports: {} }, k = {};
 /**
  * @license React
  * react-jsx-runtime.production.js
@@ -15,27 +15,27 @@ var w = { exports: {} }, O = {};
  */
 var H;
 function ke() {
-  if (H) return O;
+  if (H) return k;
   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 = {};
+  function n(s, o, l) {
+    var i = null;
+    if (l !== void 0 && (i = "" + l), o.key !== void 0 && (i = "" + o.key), "key" in o) {
+      l = {};
       for (var g in o)
-        g !== "key" && (a[g] = o[g]);
-    } else a = o;
-    return o = a.ref, {
+        g !== "key" && (l[g] = o[g]);
+    } else l = o;
+    return o = l.ref, {
       $$typeof: e,
-      type: u,
-      key: l,
+      type: s,
+      key: i,
       ref: o !== void 0 ? o : null,
-      props: a
+      props: l
     };
   }
-  return O.Fragment = t, O.jsx = n, O.jsxs = n, O;
+  return k.Fragment = t, k.jsx = n, k.jsxs = n, k;
 }
-var y = {};
+var O = {};
 /**
  * @license React
  * react-jsx-runtime.development.js
@@ -54,7 +54,7 @@ function Oe() {
         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 A:
             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";
+            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 {
             }
         }
@@ -97,27 +97,27 @@ function Oe() {
     function n(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";
-        return i.call(
-          s,
+      if (u) {
+        u = console;
+        var a = u.error, b = typeof Symbol == "function" && Symbol.toStringTag && r[Symbol.toStringTag] || r.constructor.name || "Object";
+        return a.call(
+          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 "<...>";
       }
@@ -126,44 +126,44 @@ function Oe() {
       var r = N.A;
       return r === null ? null : r.getOwner();
     }
-    function a() {
+    function l() {
       return Error("react-stack-top-frame");
     }
-    function l(r) {
+    function i(r) {
       if (W.call(r, "key")) {
-        var s = Object.getOwnPropertyDescriptor(r, "key").get;
-        if (s && s.isReactWarning) return !1;
+        var u = Object.getOwnPropertyDescriptor(r, "key").get;
+        if (u && u.isReactWarning) return !1;
       }
       return r.key !== void 0;
     }
-    function g(r, s) {
-      function i() {
+    function g(r, u) {
+      function a() {
         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
+          u
         ));
       }
-      i.isReactWarning = !0, Object.defineProperty(r, "key", {
-        get: i,
+      a.isReactWarning = !0, Object.defineProperty(r, "key", {
+        get: a,
         configurable: !0
       });
     }
-    function p() {
+    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 h(r, s, i, m, _, R, Y, D) {
-      return i = R.ref, r = {
-        $$typeof: A,
+    function w(r, u, a, b, v, p, Y, D) {
+      return a = p.ref, r = {
+        $$typeof: y,
         type: r,
-        key: s,
-        props: R,
-        _owner: _
-      }, (i !== void 0 ? i : null) !== null ? Object.defineProperty(r, "ref", {
+        key: u,
+        props: p,
+        _owner: v
+      }, (a !== void 0 ? a : 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,
@@ -186,60 +186,60 @@ function Oe() {
         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);
+    function T(r, u, a, b, v, p, Y, D) {
+      var h = u.children;
+      if (h !== void 0)
+        if (b)
+          if (de(h)) {
+            for (b = 0; b < h.length; b++)
+              x(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 x(h);
+      if (W.call(u, "key")) {
+        h = e(r);
+        var C = 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 < C.length ? "{key: someKey, " + C.join(": ..., ") + ": ...}" : "{key: someKey}", z[h + 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,
-          j,
-          b
-        ), z[b + m] = !0);
+          h,
+          C,
+          h
+        ), z[h + b] = !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,
+      if (h = null, a !== void 0 && (n(a), h = "" + a), i(u) && (n(u.key), h = "" + u.key), "key" in u) {
+        a = {};
+        for (var M in u)
+          M !== "key" && (a[M] = u[M]);
+      } else a = u;
+      return h && g(
+        a,
         typeof r == "function" ? r.displayName || r.name || "Unknown" : r
-      ), h(
+      ), w(
         r,
-        b,
-        R,
-        _,
+        h,
+        p,
+        v,
         o(),
-        i,
+        a,
         Y,
         D
       );
     }
-    function k(r) {
-      typeof r == "object" && r !== null && r.$$typeof === A && r._store && (r._store.validated = 1);
+    function x(r) {
+      typeof r == "object" && r !== null && r.$$typeof === y && 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 E = me, y = Symbol.for("react.transitional.element"), A = Symbol.for("react.portal"), R = 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"), 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"), 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 = {
@@ -249,71 +249,71 @@ React keys must be passed directly to JSX without using spread:
     };
     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(
+      l
+    )(), J = F(s(l)), z = {};
+    O.Fragment = R, O.jsx = function(r, u, a, b, v) {
+      var p = 1e4 > N.recentlyCreatedOwnerStacks++;
+      return T(
         r,
-        s,
-        i,
+        u,
+        a,
         !1,
-        m,
-        _,
-        R ? Error("react-stack-top-frame") : q,
-        R ? F(u(r)) : J
+        b,
+        v,
+        p ? Error("react-stack-top-frame") : q,
+        p ? F(s(r)) : J
       );
-    }, y.jsxs = function(r, s, i, m, _) {
-      var R = 1e4 > N.recentlyCreatedOwnerStacks++;
-      return C(
+    }, O.jsxs = function(r, u, a, b, v) {
+      var p = 1e4 > N.recentlyCreatedOwnerStacks++;
+      return T(
         r,
-        s,
-        i,
+        u,
+        a,
         !0,
-        m,
-        _,
-        R ? Error("react-stack-top-frame") : q,
-        R ? F(u(r)) : J
+        b,
+        v,
+        p ? Error("react-stack-top-frame") : q,
+        p ? F(s(r)) : J
       );
     };
-  }()), y;
+  }()), O;
 }
 var Z;
 function ye() {
-  return Z || (Z = 1, process.env.NODE_ENV === "production" ? w.exports = ke() : w.exports = Oe()), w.exports;
+  return Z || (Z = 1, process.env.NODE_ENV === "production" ? S.exports = ke() : S.exports = Oe()), S.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);
+function _(e, t) {
+  const n = ee(G), [s, o] = V(c(() => t(e), [])), l = j(s);
   return $(() => {
-    const l = t(e);
-    Object.is(a.current, l) || (o(l), a.current = l);
+    const i = t(e);
+    Object.is(l.current, i) || (o(i), l.current = i);
     const g = re(
       () => {
-        const p = t(e);
-        Object.is(a.current, p) || (o(p), a.current = p);
+        const m = t(e);
+        Object.is(l.current, m) || (o(m), l.current = m);
       },
       { injector: n }
     );
     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 });
+  const t = c(() => e.wrappers.slice(1), [e.wrappers]), n = e.wrappers[0], s = _(n, () => ({ ...n?.inputs(), ...n?.attributes(), ...n?.outputs }));
+  return /* @__PURE__ */ f.jsx(f.Fragment, { children: n ? /* @__PURE__ */ f.jsx(n.type, { ...s, 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]);
+  const t = _(e.field, (d) => d.inputs()), n = _(e.field, (d) => d.outputs()), s = _(e.field, (d) => d.renderConfig()), o = _(e.field, (d) => d.attributes()), l = c(() => ({ ...t, fields: e.field.fieldGroup?.() }), [t, e.field.fieldGroup]), i = c(() => ({ ...t, fields: e.field.fieldArray?.() }), [t, e.field.fieldArray]), g = _(e.field, (d) => d.wrappers()), m = _(e.field, (d) => d.fieldGroup?.()), w = _(e.field, (d) => d.fieldArray?.()), T = c(() => ({ ...o, ...t, ...n }), [o, t, n]), x = e.field.form.control, E = e.field.define?.type, y = c(() => !!s.hidden || !E, [s.hidden, E]), A = ee(G), R = j(void 0), P = c(() => ({ ...T, [Se]: R }), [T, R]);
   return $(() => {
     let d;
-    return v.current && (d = _e(() => k, v.current, S)), () => {
+    return R.current && (d = _e(() => x, R.current, A)), () => {
       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 }) }) }) });
+  }, [R.current, x, A]), /* @__PURE__ */ f.jsx(f.Fragment, { children: /* @__PURE__ */ f.jsx(Ae, { value: e.field, children: y ? void 0 : /* @__PURE__ */ f.jsx(te, { wrappers: g, children: m ? /* @__PURE__ */ f.jsx(E, { ...l }) : w ? /* @__PURE__ */ f.jsx(E, { ...i }) : e.field.form.control ? /* @__PURE__ */ f.jsx(E, { ...P }) : /* @__PURE__ */ f.jsx(E, { ...T }) }) }) });
 }
 function Ve(e) {
   return /* @__PURE__ */ f.jsx(f.Fragment, { children: e.fields.map((t, n) => /* @__PURE__ */ f.jsx(ne, { field: t }, n)) });
@@ -323,20 +323,20 @@ class we extends Te {
 }
 class Pe extends Ce {
 }
-function Ie(e, t, n, u) {
+function Ie(e, t, n, s) {
   let o = !0;
   return re(
     () => {
-      const a = t.value$$();
-      o ? (xe(a, e) || u(a), o = !1) : u(a);
+      const l = t.value$$();
+      o ? (xe(l, e) || s(l), o = !1) : s(l);
     },
     { 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;
+  const n = be(e, t), s = j(void 0);
+  c(() => (s.current = n(), s.current), t), $(() => () => {
+    s.current?.(), s.current = void 0;
   }, []);
 }
 function $e(e) {
@@ -347,14 +347,14 @@ function $e(e) {
         useClass: ge
       }
     ]
-  }), []), [n, u] = c(() => {
+  }), []), [n, s] = c(() => {
     const o = pe({ providers: [], parent: t });
     return [je(e.schema, {
       handle: we,
       builder: Pe,
       injector: o,
-      registerOnDestroy: (l) => {
-        o.get(Re).onDestroy(l);
+      registerOnDestroy: (i) => {
+        o.get(Re).onDestroy(i);
       },
       ...e.options
     }), o];
@@ -362,15 +362,15 @@ function $e(e) {
   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) => {
+      const l = e.model;
+      o = Ie(typeof l < "u" ? l : void 0, n.form.control, s, (i) => {
         ve(() => {
-          n.form.control?.valueNoError$$() && e.modelChange?.(l);
+          n.form.control?.valueNoError$$() && e.modelChange?.(i);
         });
       });
     }
     return () => {
-      u.destroy(), o?.destroy();
+      s.destroy(), o?.destroy();
     };
   }, [n]), Q(() => {
     n.form.control?.updateValue(e.model);
@@ -386,11 +386,11 @@ const Ge = [], Le = {
   wrappers: "replace"
 };
 function We(e, t) {
-  const n = x(!1);
+  const n = j(!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;
       },
@@ -398,14 +398,14 @@ function We(e, t) {
         n.current = !1, e.valueChange(o.target.value);
       }
     } : {
-      ...u,
+      ...s,
       onInput: (o) => e.valueChange(o.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,7 +413,7 @@ 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) => {
@@ -434,11 +434,11 @@ 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 s = n.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,
@@ -452,51 +452,51 @@ function ze(e, t = !1) {
     disabled: e.disabled,
     onBlur: e.touchedChange,
     onChange: (n) => {
-      const u = [], o = n.target;
+      const s = [], 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)
+        for (let l = 0; l < o.selectedOptions.length; l++) {
+          const i = o.selectedOptions[l];
+          if (s.push(i.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 < o.options.length; l++) {
+          const i = o.options[l];
+          if (i.selected && (s.push(i.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] = V(void 0), [n, s] = V(!1), o = j(void 0), l = j(void 0), i = c(() => ({
+    writeValue(m) {
+      t(m);
     },
-    registerOnChange(h) {
-      a.current = h;
+    registerOnChange(m) {
+      o.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: n,
+    valueChange: (m) => {
+      o.current?.(m), t(m);
     },
     touchedChange: () => {
       l.current?.();
     }
-  }), [t, u]);
+  }), [e, n]);
   return c(() => ({
-    cva: g,
-    cvaa: p
-  }), [p]);
+    cva: i,
+    cvaa: g
+  }), [g]);
 }
 export {
   Se as CVA,
@@ -519,5 +519,5 @@ export {
   Je as useInputRangeModel,
   We as useInputTextModel,
   ze as useSelectModel,
-  T as useSignalToRef
+  _ as useSignalToRef
 };

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@piying/view-react",
-  "version": "1.0.0",
+  "version": "1.0.1",
   "type": "module",
   "dependencies": {
     "@piying/view-core": "^0.6.24",

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;
 };