@piying/view-react 1.2.1 → 1.3.1

package/component/group.d.ts

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

package/index.cjs

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

package/index.js

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

package/package.json

@@ -1,6 +1,6 @@
 {
     "name": "@piying/view-react",
-    "version": "1.2.1",
+    "version": "1.3.1",
     "description": "Piying view For React;Valibot to Component",
     "type": "module",
     "homepage": "https://piying-org.github.io/website/docs/client/intro",
@@ -34,7 +34,7 @@
     ],
     "license": "MIT",
     "dependencies": {
-        "@piying/view-core": "^1.2.1",
+        "@piying/view-core": "^1.3.1",
         "fast-equals": "^5.2.2",
         "static-injector": "^6.1.2",
         "valibot": "^1.1.0"

package/readme.md

@@ -1 +1,27 @@
-[document](https://piying-org.github.io/website/docs/client/intro)
+<div><a href="https://www.npmjs.com/package/@piying/view-core"><img src="https://img.shields.io/npm/v/@piying/view-core" alt="NPM Version" /></a> <a href="https://coveralls.io/github/piying-org/piying-view?branch=main"><img src="https://coveralls.io/repos/github/piying-org/piying-view/badge.svg" alt="Coverage Status" ></a> <a href=""><img src="https://img.shields.io/badge/License-MIT-teal.svg" alt="MIT License" /></a></div>
+
+## document
+
+- https://piying-org.github.io/website/docs/client/intro
+
+## start
+
+- npm i
+- npm run create-view-core
+
+## test
+
+- npx playwright install
+- npm run test:all
+
+### test Core/Angular
+
+- npm run test
+
+### test Vue
+
+- npm run test:vue
+
+### test React
+
+- npm run test:react