@piying/view-react 1.3.2 → 1.4.0

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
@@ -1,3 +1 @@
1
- export interface PiyingGroupProps {
2
- }
3
- export declare function PiyingGroup(_: PiyingGroupProps): import("react/jsx-runtime").JSX.Element;
1
+ export declare function PiyingGroup(): import("react/jsx-runtime").JSX.Element;
package/index.cjs CHANGED
@@ -1,4 +1,4 @@
1
- "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={};/**
1
+ "use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const s=require("react"),T=require("static-injector"),k=require("@piying/view-core");require("valibot");var A={exports:{}},x={};/**
2
2
  * @license React
3
3
  * react-jsx-runtime.production.js
4
4
  *
@@ -6,7 +6,7 @@
6
6
  *
7
7
  * This source code is licensed under the MIT license found in the
8
8
  * LICENSE file in the root directory of this source tree.
9
- */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={};/**
9
+ */var H;function me(){if(H)return x;H=1;var r=Symbol.for("react.transitional.element"),n=Symbol.for("react.fragment");function t(l,o,a){var i=null;if(a!==void 0&&(i=""+a),o.key!==void 0&&(i=""+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:r,type:l,key:i,ref:o!==void 0?o:null,props:a}}return x.Fragment=n,x.jsx=t,x.jsxs=t,x}var S={};/**
10
10
  * @license React
11
11
  * react-jsx-runtime.development.js
12
12
  *
@@ -14,9 +14,9 @@
14
14
  *
15
15
  * This source code is licensed under the MIT license found in the
16
16
  * LICENSE file in the root directory of this source tree.
17
- */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:
17
+ */var X;function be(){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===ie?null:e.displayName||e.name||null;if(typeof e=="string")return e;switch(e){case w:return"Fragment";case te:return"Profiler";case re:return"StrictMode";case se:return"Suspense";case le:return"SuspenseList";case ce: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 oe:return(e.displayName||"Context")+".Provider";case ne:return(e._context.displayName||"Context")+".Consumer";case ue:var u=e.render;return e=e.displayName,e||(e=u.displayName||u.name||"",e=e!==""?"ForwardRef("+e+")":"ForwardRef"),e;case ae:return u=e.displayName||null,u!==null?u:r(e.type)||"Memo";case $:u=e._payload,e=e._init;try{return r(e(u))}catch{}}return null}function n(e){return""+e}function t(e){try{n(e);var u=!1}catch{u=!0}if(u){u=console;var c=u.error,b=typeof Symbol=="function"&&Symbol.toStringTag&&e[Symbol.toStringTag]||e.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),n(e)}}function l(e){if(e===w)return"<>";if(typeof e=="object"&&e!==null&&e.$$typeof===$)return"<...>";try{var u=r(e);return u?"<"+u+">":"<...>"}catch{return"<...>"}}function o(){var e=I.A;return e===null?null:e.getOwner()}function a(){return Error("react-stack-top-frame")}function i(e){if(W.call(e,"key")){var u=Object.getOwnPropertyDescriptor(e,"key").get;if(u&&u.isReactWarning)return!1}return e.key!==void 0}function g(e,u){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)",u))}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 v(e,u,c,b,_,R,N,F){return c=R.ref,e={$$typeof:y,type:e,key:u,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 O(e,u,c,b,_,R,N,F){var h=u.children;if(h!==void 0)if(b)if(de(h)){for(b=0;b<h.length;b++)j(h[b]);Object.freeze&&Object.freeze(h)}else console.error("React.jsx: Static children should always be an array. You are likely explicitly calling React.jsxs or React.jsxDEV. Use the Babel transform instead.");else j(h);if(W.call(u,"key")){h=r(e);var C=Object.keys(u).filter(function(fe){return fe!=="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:
18
18
  let props = %s;
19
19
  <%s {...props} />
20
20
  React keys must be passed directly to JSX without using spread:
21
21
  let props = %s;
22
- <%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;
22
+ <%s key={someKey} {...props} />`,b,h,C,h),z[h+b]=!0)}if(h=null,c!==void 0&&(t(c),h=""+c),i(u)&&(t(u.key),h=""+u.key),"key"in u){c={};for(var Y in u)Y!=="key"&&(c[Y]=u[Y])}else c=u;return h&&g(c,typeof e=="function"?e.displayName||e.name||"Unknown":e),v(e,h,R,_,o(),c,N,F)}function j(e){typeof e=="object"&&e!==null&&e.$$typeof===y&&e._store&&(e._store.validated=1)}var E=s,y=Symbol.for("react.transitional.element"),m=Symbol.for("react.portal"),w=Symbol.for("react.fragment"),re=Symbol.for("react.strict_mode"),te=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"),$=Symbol.for("react.lazy"),ce=Symbol.for("react.activity"),ie=Symbol.for("react.client.reference"),I=E.__CLIENT_INTERNALS_DO_NOT_USE_OR_WARN_USERS_THEY_CANNOT_UPGRADE,W=Object.prototype.hasOwnProperty,de=Array.isArray,M=console.createTask?console.createTask:function(){return null};E={react_stack_bottom_frame:function(e){return e()}};var q,U={},B=E.react_stack_bottom_frame.bind(E,a)(),J=M(l(a)),z={};S.Fragment=w,S.jsx=function(e,u,c,b,_){var R=1e4>I.recentlyCreatedOwnerStacks++;return O(e,u,c,!1,b,_,R?Error("react-stack-top-frame"):B,R?M(l(e)):J)},S.jsxs=function(e,u,c,b,_){var R=1e4>I.recentlyCreatedOwnerStacks++;return O(e,u,c,!0,b,_,R?Error("react-stack-top-frame"):B,R?M(l(e)):J)}}()),S}var Z;function he(){return Z||(Z=1,process.env.NODE_ENV==="production"?A.exports=me():A.exports=be()),A.exports}var f=he();const V=s.createContext(void 0),P=s.createContext(void 0);function p(r,n){const t=s.useContext(P),[l,o]=s.useState(s.useMemo(()=>n(r),[])),a=s.useRef(l);return s.useEffect(()=>{const i=n(r);Object.is(a.current,i)||(o(i),a.current=i);const g=T.effect(()=>{const d=n(r);Object.is(a.current,d)||(o(d),a.current=d)},{injector:t});return()=>{g.destroy()}},[r,s.useMemo(()=>n,[])]),l}function G(r){const n=s.useMemo(()=>r.wrappers.slice(1),[r.wrappers]),t=r.wrappers[0],l=p(t,()=>({...t?.inputs(),...t?.attributes(),...t?.outputs}));return f.jsx(f.Fragment,{children:t?f.jsx(t.type,{...l,children:f.jsx(G,{wrappers:n,children:r.children})}):r.children})}const Q=Symbol.for("ControlValueAccessor");function L(r){const n=p(r.field,m=>m.inputs()),t=p(r.field,m=>m.outputs()),l=p(r.field,m=>m.attributes()),o=s.useMemo(()=>({...l,...n,...t}),[l,n,t]),a=p(r.field,m=>m.renderConfig()),i=p(r.field,m=>m.children?.()),g=p(r.field,m=>m.wrappers()),d=r.field.form.control,v=r.field.define?.type,O=s.useMemo(()=>!!a.hidden||!v,[a.hidden,v]),j=s.useContext(P),E=s.useRef(void 0),y=s.useMemo(()=>({...o,[Q]:E}),[o,E]);return s.useEffect(()=>{let m;return E.current&&(m=k.createViewControlLink(()=>d,E.current,j)),()=>{m?.(),m=void 0}},[E.current,d,j]),f.jsx(f.Fragment,{children:f.jsx(V,{value:r.field,children:O?void 0:f.jsx(G,{wrappers:g,children:i?f.jsx(v,{...o}):r.field.form.control?f.jsx(v,{...y}):f.jsx(v,{...o})})})})}function ge(){const[r,n]=s.useState(void 0),[t,l]=s.useState(!1),o=s.useRef(void 0),a=s.useRef(void 0),i=s.useMemo(()=>({writeValue(d){n(d)},registerOnChange(d){o.current=d},registerOnTouched(d){a.current=d},setDisabledState(d){l(d)}}),[]),g=s.useMemo(()=>({value:r,disabled:t,valueChange:d=>{o.current?.(d),n(d)},touchedChange:()=>{a.current?.()}}),[r,t]);return s.useMemo(()=>({cva:i,cvaa:g}),[g])}function D(r,n){const t=s.useCallback(r,n),l=s.useRef(void 0);s.useMemo(()=>(l.current=t(),l.current),n),s.useEffect(()=>()=>{l.current?.(),l.current=void 0},[])}function Ee(){const r=s.useContext(V),n=p(r,t=>t?.children());return f.jsx(f.Fragment,{children:n.map((t,l)=>f.jsx(L,{field:t},l))})}class K extends k.CoreSchemaHandle{}class ee extends k.FormBuilder{}function Re(r){const n=s.useMemo(()=>T.createRootInjector({providers:[{provide:T.ChangeDetectionScheduler,useClass:T.ChangeDetectionSchedulerImpl}]}),[]),[t,l]=s.useMemo(()=>{const o=T.createInjector({providers:[],parent:n});return[k.convert(r.schema,{handle:K,builder:ee,injector:o,registerOnDestroy:i=>{o.get(T.DestroyRef).onDestroy(i)},...r.options}),o]},[r.schema,r.options]);return D(()=>{let o;if(t.form.control){const a=r.model;o=k.initListen(typeof a<"u"?a:void 0,t.form.control,l,i=>{T.untracked(()=>{t.form.control?.valueNoError$$()&&r.modelChange?.(i)})})}return()=>{l.destroy(),o?.destroy()}},[t]),D(()=>{t.form.control?.updateValue(r.model)},[t,r.model]),f.jsx(f.Fragment,{children:f.jsx(P,{value:n,children:f.jsx(L,{field:t})})})}const pe=[],_e={directives:"merge",formConfig:"merge",inputs:"merge",outputs:"merge",props:"merge",renderConfig:"merge",wrappers:"replace"};function ve(r,n){const t=s.useRef(!1);return s.useMemo(()=>{const l={value:r.value==null?"":r.value,disabled:r.disabled,onBlur:r.touchedChange};return n?{...l,onCompositionStart:()=>{t.current=!0},onCompositionEnd:o=>{t.current=!1,r.valueChange(o.target.value)}}:{...l,onInput:o=>r.valueChange(o.target.value)}},[r,n])}function Te(r){return s.useMemo(()=>({checked:r.value??!1,disabled:r.disabled,onBlur:r.touchedChange,onChange:n=>r.valueChange(n.target.checked)}),[r])}function Ce(r){return s.useMemo(()=>({value:r.value==null?"":r.value,disabled:r.disabled,onBlur:r.touchedChange,onInput:n=>{const t=n.target.value;r.valueChange(t==""?void 0:parseFloat(t))}}),[r])}function je(r,n){return s.useMemo(()=>({value:n,checked:Object.is(r.value,n),disabled:r.disabled,onBlur:r.touchedChange,onChange:()=>r.valueChange(n)}),[r])}function xe(r){return s.useMemo(()=>{const n=t=>{const l=t.target.value;r.valueChange(l==""?void 0:parseFloat(l))};return{value:r.value==null?"":r.value,disabled:r.disabled,onBlur:r.touchedChange,onInput:n,onChange:n}},[r])}function Se(r,n=!1){return s.useMemo(()=>({value:r.value,disabled:r.disabled,onBlur:r.touchedChange,onChange:t=>{const l=[],o=t.target;if(o.selectedOptions!==void 0)for(let a=0;a<o.selectedOptions.length;a++){const i=o.selectedOptions[a];if(l.push(i.value),!n)break}else for(let a=0;a<o.options.length;a++){const i=o.options[a];if(i.selected&&(l.push(i.value),!n))break}r.valueChange(n?l:l[0])}}),[r])}exports.CVA=Q;exports.EMPTY_ARRAY=pe;exports.InjectorToken=P;exports.NG_CONFIG_DEFAULT_MERGE_STRAGEGY=_e;exports.PI_VIEW_FIELD_TOKEN=V;exports.PiyingFieldTemplate=L;exports.PiyingGroup=Ee;exports.PiyingView=Re;exports.PiyingWrapper=G;exports.ReactFormBuilder=ee;exports.ReactSchemaHandle=K;exports.useControlValueAccessor=ge;exports.useEffectSync=D;exports.useInputCheckboxModel=Te;exports.useInputNumberModel=Ce;exports.useInputRadioModel=je;exports.useInputRangeModel=xe;exports.useInputTextModel=ve;exports.useSelectModel=Se;exports.useSignalToRef=p;
package/index.js CHANGED
@@ -1,7 +1,6 @@
1
- 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";
2
- 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";
3
- import { createViewControlLink as Te, CoreSchemaHandle as Ce, FormBuilder as je, convert as xe } from "@piying/view-core";
4
- import { deepEqual as ke } from "fast-equals";
1
+ import me, { createContext as Z, useContext as D, useState as Y, useMemo as f, useRef as C, useEffect as M, useCallback as he } from "react";
2
+ import { effect as be, createRootInjector as ge, ChangeDetectionSchedulerImpl as Ee, ChangeDetectionScheduler as pe, createInjector as Re, DestroyRef as ve, untracked as _e } from "static-injector";
3
+ import { createViewControlLink as Te, CoreSchemaHandle as Ce, FormBuilder as je, convert as xe, initListen as ke } from "@piying/view-core";
5
4
  import "valibot";
6
5
  var w = { exports: {} }, x = {};
7
6
  /**
@@ -17,8 +16,8 @@ var J;
17
16
  function Oe() {
18
17
  if (J) return x;
19
18
  J = 1;
20
- var r = Symbol.for("react.transitional.element"), t = Symbol.for("react.fragment");
21
- function n(u, o, l) {
19
+ var r = Symbol.for("react.transitional.element"), n = Symbol.for("react.fragment");
20
+ function t(s, o, l) {
22
21
  var c = null;
23
22
  if (l !== void 0 && (c = "" + l), o.key !== void 0 && (c = "" + o.key), "key" in o) {
24
23
  l = {};
@@ -27,13 +26,13 @@ function Oe() {
27
26
  } else l = o;
28
27
  return o = l.ref, {
29
28
  $$typeof: r,
30
- type: u,
29
+ type: s,
31
30
  key: c,
32
31
  ref: o !== void 0 ? o : null,
33
32
  props: l
34
33
  };
35
34
  }
36
- return x.Fragment = t, x.jsx = n, x.jsxs = n, x;
35
+ return x.Fragment = n, x.jsx = t, x.jsxs = t, x;
37
36
  }
38
37
  var k = {};
39
38
  /**
@@ -51,20 +50,20 @@ function Se() {
51
50
  function r(e) {
52
51
  if (e == null) return null;
53
52
  if (typeof e == "function")
54
- return e.$$typeof === de ? null : e.displayName || e.name || null;
53
+ return e.$$typeof === ie ? null : e.displayName || e.name || null;
55
54
  if (typeof e == "string") return e;
56
55
  switch (e) {
57
56
  case A:
58
57
  return "Fragment";
59
- case ne:
60
- return "Profiler";
61
58
  case te:
59
+ return "Profiler";
60
+ case re:
62
61
  return "StrictMode";
63
- case le:
62
+ case se:
64
63
  return "Suspense";
65
- case ae:
64
+ case le:
66
65
  return "SuspenseList";
67
- case ie:
66
+ case ce:
68
67
  return "Activity";
69
68
  }
70
69
  if (typeof e == "object")
@@ -73,51 +72,51 @@ function Se() {
73
72
  ), e.$$typeof) {
74
73
  case m:
75
74
  return "Portal";
76
- case ue:
77
- return (e.displayName || "Context") + ".Provider";
78
75
  case oe:
76
+ return (e.displayName || "Context") + ".Provider";
77
+ case ne:
79
78
  return (e._context.displayName || "Context") + ".Consumer";
80
- case se:
81
- var s = e.render;
82
- return e = e.displayName, e || (e = s.displayName || s.name || "", e = e !== "" ? "ForwardRef(" + e + ")" : "ForwardRef"), e;
83
- case ce:
84
- return s = e.displayName || null, s !== null ? s : r(e.type) || "Memo";
79
+ case ue:
80
+ var u = e.render;
81
+ return e = e.displayName, e || (e = u.displayName || u.name || "", e = e !== "" ? "ForwardRef(" + e + ")" : "ForwardRef"), e;
82
+ case ae:
83
+ return u = e.displayName || null, u !== null ? u : r(e.type) || "Memo";
85
84
  case $:
86
- s = e._payload, e = e._init;
85
+ u = e._payload, e = e._init;
87
86
  try {
88
- return r(e(s));
87
+ return r(e(u));
89
88
  } catch {
90
89
  }
91
90
  }
92
91
  return null;
93
92
  }
94
- function t(e) {
93
+ function n(e) {
95
94
  return "" + e;
96
95
  }
97
- function n(e) {
96
+ function t(e) {
98
97
  try {
99
- t(e);
100
- var s = !1;
98
+ n(e);
99
+ var u = !1;
101
100
  } catch {
102
- s = !0;
101
+ u = !0;
103
102
  }
104
- if (s) {
105
- s = console;
106
- var a = s.error, h = typeof Symbol == "function" && Symbol.toStringTag && e[Symbol.toStringTag] || e.constructor.name || "Object";
103
+ if (u) {
104
+ u = console;
105
+ var a = u.error, h = typeof Symbol == "function" && Symbol.toStringTag && e[Symbol.toStringTag] || e.constructor.name || "Object";
107
106
  return a.call(
108
- s,
107
+ u,
109
108
  "The provided key is an unsupported type %s. This value must be coerced to a string before using it here.",
110
109
  h
111
- ), t(e);
110
+ ), n(e);
112
111
  }
113
112
  }
114
- function u(e) {
113
+ function s(e) {
115
114
  if (e === A) return "<>";
116
115
  if (typeof e == "object" && e !== null && e.$$typeof === $)
117
116
  return "<...>";
118
117
  try {
119
- var s = r(e);
120
- return s ? "<" + s + ">" : "<...>";
118
+ var u = r(e);
119
+ return u ? "<" + u + ">" : "<...>";
121
120
  } catch {
122
121
  return "<...>";
123
122
  }
@@ -131,16 +130,16 @@ function Se() {
131
130
  }
132
131
  function c(e) {
133
132
  if (L.call(e, "key")) {
134
- var s = Object.getOwnPropertyDescriptor(e, "key").get;
135
- if (s && s.isReactWarning) return !1;
133
+ var u = Object.getOwnPropertyDescriptor(e, "key").get;
134
+ if (u && u.isReactWarning) return !1;
136
135
  }
137
136
  return e.key !== void 0;
138
137
  }
139
- function g(e, s) {
138
+ function g(e, u) {
140
139
  function a() {
141
140
  W || (W = !0, console.error(
142
141
  "%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)",
143
- s
142
+ u
144
143
  ));
145
144
  }
146
145
  a.isReactWarning = !0, Object.defineProperty(e, "key", {
@@ -154,12 +153,12 @@ function Se() {
154
153
  "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."
155
154
  )), e = this.props.ref, e !== void 0 ? e : null;
156
155
  }
157
- function _(e, s, a, h, R, E, I, N) {
158
- return a = E.ref, e = {
156
+ function _(e, u, a, h, R, p, I, N) {
157
+ return a = p.ref, e = {
159
158
  $$typeof: S,
160
159
  type: e,
161
- key: s,
162
- props: E,
160
+ key: u,
161
+ props: p,
163
162
  _owner: R
164
163
  }, (a !== void 0 ? a : null) !== null ? Object.defineProperty(e, "ref", {
165
164
  enumerable: !1,
@@ -186,11 +185,11 @@ function Se() {
186
185
  value: N
187
186
  }), Object.freeze && (Object.freeze(e.props), Object.freeze(e)), e;
188
187
  }
189
- function O(e, s, a, h, R, E, I, N) {
190
- var b = s.children;
188
+ function O(e, u, a, h, R, p, I, N) {
189
+ var b = u.children;
191
190
  if (b !== void 0)
192
191
  if (h)
193
- if (fe(b)) {
192
+ if (de(b)) {
194
193
  for (h = 0; h < b.length; h++)
195
194
  j(b[h]);
196
195
  Object.freeze && Object.freeze(b);
@@ -199,10 +198,10 @@ function Se() {
199
198
  "React.jsx: Static children should always be an array. You are likely explicitly calling React.jsxs or React.jsxDEV. Use the Babel transform instead."
200
199
  );
201
200
  else j(b);
202
- if (L.call(s, "key")) {
201
+ if (L.call(u, "key")) {
203
202
  b = r(e);
204
- var T = Object.keys(s).filter(function(me) {
205
- return me !== "key";
203
+ var T = Object.keys(u).filter(function(fe) {
204
+ return fe !== "key";
206
205
  });
207
206
  h = 0 < T.length ? "{key: someKey, " + T.join(": ..., ") + ": ...}" : "{key: someKey}", q[b + h] || (T = 0 < T.length ? "{" + T.join(": ..., ") + ": ...}" : "{}", console.error(
208
207
  `A props object containing a "key" prop is being spread into JSX:
@@ -217,18 +216,18 @@ React keys must be passed directly to JSX without using spread:
217
216
  b
218
217
  ), q[b + h] = !0);
219
218
  }
220
- if (b = null, a !== void 0 && (n(a), b = "" + a), c(s) && (n(s.key), b = "" + s.key), "key" in s) {
219
+ if (b = null, a !== void 0 && (t(a), b = "" + a), c(u) && (t(u.key), b = "" + u.key), "key" in u) {
221
220
  a = {};
222
- for (var F in s)
223
- F !== "key" && (a[F] = s[F]);
224
- } else a = s;
221
+ for (var F in u)
222
+ F !== "key" && (a[F] = u[F]);
223
+ } else a = u;
225
224
  return b && g(
226
225
  a,
227
226
  typeof e == "function" ? e.displayName || e.name || "Unknown" : e
228
227
  ), _(
229
228
  e,
230
229
  b,
231
- E,
230
+ p,
232
231
  R,
233
232
  o(),
234
233
  a,
@@ -239,41 +238,41 @@ React keys must be passed directly to JSX without using spread:
239
238
  function j(e) {
240
239
  typeof e == "object" && e !== null && e.$$typeof === S && e._store && (e._store.validated = 1);
241
240
  }
242
- 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() {
241
+ var E = me, S = Symbol.for("react.transitional.element"), m = Symbol.for("react.portal"), A = Symbol.for("react.fragment"), re = Symbol.for("react.strict_mode"), te = 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"), $ = Symbol.for("react.lazy"), ce = Symbol.for("react.activity"), ie = Symbol.for("react.client.reference"), y = E.__CLIENT_INTERNALS_DO_NOT_USE_OR_WARN_USERS_THEY_CANNOT_UPGRADE, L = Object.prototype.hasOwnProperty, de = Array.isArray, P = console.createTask ? console.createTask : function() {
243
242
  return null;
244
243
  };
245
- p = {
244
+ E = {
246
245
  react_stack_bottom_frame: function(e) {
247
246
  return e();
248
247
  }
249
248
  };
250
- var W, G = {}, U = p.react_stack_bottom_frame.bind(
251
- p,
249
+ var W, G = {}, U = E.react_stack_bottom_frame.bind(
250
+ E,
252
251
  l
253
- )(), B = P(u(l)), q = {};
254
- k.Fragment = A, k.jsx = function(e, s, a, h, R) {
255
- var E = 1e4 > y.recentlyCreatedOwnerStacks++;
252
+ )(), B = P(s(l)), q = {};
253
+ k.Fragment = A, k.jsx = function(e, u, a, h, R) {
254
+ var p = 1e4 > y.recentlyCreatedOwnerStacks++;
256
255
  return O(
257
256
  e,
258
- s,
257
+ u,
259
258
  a,
260
259
  !1,
261
260
  h,
262
261
  R,
263
- E ? Error("react-stack-top-frame") : U,
264
- E ? P(u(e)) : B
262
+ p ? Error("react-stack-top-frame") : U,
263
+ p ? P(s(e)) : B
265
264
  );
266
- }, k.jsxs = function(e, s, a, h, R) {
267
- var E = 1e4 > y.recentlyCreatedOwnerStacks++;
265
+ }, k.jsxs = function(e, u, a, h, R) {
266
+ var p = 1e4 > y.recentlyCreatedOwnerStacks++;
268
267
  return O(
269
268
  e,
270
- s,
269
+ u,
271
270
  a,
272
271
  !0,
273
272
  h,
274
273
  R,
275
- E ? Error("react-stack-top-frame") : U,
276
- E ? P(u(e)) : B
274
+ p ? Error("react-stack-top-frame") : U,
275
+ p ? P(s(e)) : B
277
276
  );
278
277
  };
279
278
  }()), k;
@@ -283,75 +282,65 @@ function we() {
283
282
  return H || (H = 1, process.env.NODE_ENV === "production" ? w.exports = Oe() : w.exports = Se()), w.exports;
284
283
  }
285
284
  var d = we();
286
- const K = Z(void 0), V = Z(void 0);
287
- function v(r, t) {
288
- const n = D(V), [u, o] = Y(f(() => t(r), [])), l = C(u);
285
+ const Q = Z(void 0), V = Z(void 0);
286
+ function v(r, n) {
287
+ const t = D(V), [s, o] = Y(f(() => n(r), [])), l = C(s);
289
288
  return M(() => {
290
- const c = t(r);
289
+ const c = n(r);
291
290
  Object.is(l.current, c) || (o(c), l.current = c);
292
- const g = Q(
291
+ const g = be(
293
292
  () => {
294
- const i = t(r);
293
+ const i = n(r);
295
294
  Object.is(l.current, i) || (o(i), l.current = i);
296
295
  },
297
- { injector: n }
296
+ { injector: t }
298
297
  );
299
298
  return () => {
300
299
  g.destroy();
301
300
  };
302
- }, [r, f(() => t, [])]), u;
301
+ }, [r, f(() => n, [])]), s;
303
302
  }
304
- function ee(r) {
305
- const t = f(
303
+ function K(r) {
304
+ const n = f(
306
305
  () => r.wrappers.slice(1),
307
306
  [r.wrappers]
308
- ), n = r.wrappers[0], u = v(n, () => ({
309
- ...n?.inputs(),
310
- ...n?.attributes(),
311
- ...n?.outputs
307
+ ), t = r.wrappers[0], s = v(t, () => ({
308
+ ...t?.inputs(),
309
+ ...t?.attributes(),
310
+ ...t?.outputs
312
311
  }));
313
- 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 });
312
+ return /* @__PURE__ */ d.jsx(d.Fragment, { children: t ? /* @__PURE__ */ d.jsx(t.type, { ...s, children: /* @__PURE__ */ d.jsx(K, { wrappers: n, children: r.children }) }) : r.children });
314
313
  }
315
314
  const Ae = Symbol.for("ControlValueAccessor");
316
- function re(r) {
317
- const t = v(r.field, (m) => m.inputs()), n = v(r.field, (m) => m.outputs()), u = v(r.field, (m) => m.attributes()), o = f(
318
- () => ({ ...u, ...t, ...n }),
319
- [u, t, n]
315
+ function ee(r) {
316
+ const n = v(r.field, (m) => m.inputs()), t = v(r.field, (m) => m.outputs()), s = v(r.field, (m) => m.attributes()), o = f(
317
+ () => ({ ...s, ...n, ...t }),
318
+ [s, n, t]
320
319
  ), l = v(
321
320
  r.field,
322
321
  (m) => m.renderConfig()
323
322
  ), c = v(
324
323
  r.field,
325
324
  (m) => m.children?.()
326
- ), 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(
327
- () => ({ ...o, [Ae]: p }),
328
- [o, p]
325
+ ), 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), E = C(void 0), S = f(
326
+ () => ({ ...o, [Ae]: E }),
327
+ [o, E]
329
328
  );
330
329
  return M(() => {
331
330
  let m;
332
- return p.current && (m = Te(
331
+ return E.current && (m = Te(
333
332
  () => i,
334
- p.current,
333
+ E.current,
335
334
  j
336
335
  )), () => {
337
336
  m?.(), m = void 0;
338
337
  };
339
- }, [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 }) }) }) });
340
- }
341
- function ye(r, t, n, u) {
342
- let o = !0;
343
- return Q(
344
- () => {
345
- const l = t.value$$();
346
- o ? (ke(l, r) || u(l), o = !1) : u(l);
347
- },
348
- { injector: n }
349
- );
338
+ }, [E.current, i, j]), /* @__PURE__ */ d.jsx(d.Fragment, { children: /* @__PURE__ */ d.jsx(Q, { value: r.field, children: O ? void 0 : /* @__PURE__ */ d.jsx(K, { wrappers: g, children: c ? /* @__PURE__ */ d.jsx(_, { ...o }) : r.field.form.control ? /* @__PURE__ */ d.jsx(_, { ...S }) : /* @__PURE__ */ d.jsx(_, { ...o }) }) }) });
350
339
  }
351
- function Ve() {
352
- const [r, t] = Y(void 0), [n, u] = Y(!1), o = C(void 0), l = C(void 0), c = f(() => ({
340
+ function De() {
341
+ const [r, n] = Y(void 0), [t, s] = Y(!1), o = C(void 0), l = C(void 0), c = f(() => ({
353
342
  writeValue(i) {
354
- t(i);
343
+ n(i);
355
344
  },
356
345
  registerOnChange(i) {
357
346
  o.current = i;
@@ -360,51 +349,51 @@ function Ve() {
360
349
  l.current = i;
361
350
  },
362
351
  setDisabledState(i) {
363
- u(i);
352
+ s(i);
364
353
  }
365
354
  }), []), g = f(() => ({
366
355
  value: r,
367
- disabled: n,
356
+ disabled: t,
368
357
  valueChange: (i) => {
369
- o.current?.(i), t(i);
358
+ o.current?.(i), n(i);
370
359
  },
371
360
  touchedChange: () => {
372
361
  l.current?.();
373
362
  }
374
- }), [r, n]);
363
+ }), [r, t]);
375
364
  return f(() => ({
376
365
  cva: c,
377
366
  cvaa: g
378
367
  }), [g]);
379
368
  }
380
- function X(r, t) {
381
- const n = be(r, t), u = C(void 0);
382
- f(() => (u.current = n(), u.current), t), M(() => () => {
383
- u.current?.(), u.current = void 0;
369
+ function X(r, n) {
370
+ const t = he(r, n), s = C(void 0);
371
+ f(() => (s.current = t(), s.current), n), M(() => () => {
372
+ s.current?.(), s.current = void 0;
384
373
  }, []);
385
374
  }
386
- function $e(r) {
387
- const t = D(K), n = v(t, (u) => u?.children());
388
- return /* @__PURE__ */ d.jsx(d.Fragment, { children: n.map((u, o) => /* @__PURE__ */ d.jsx(re, { field: u }, o)) });
375
+ function Me() {
376
+ const r = D(Q), n = v(r, (t) => t?.children());
377
+ return /* @__PURE__ */ d.jsx(d.Fragment, { children: n.map((t, s) => /* @__PURE__ */ d.jsx(ee, { field: t }, s)) });
389
378
  }
390
- class Pe extends Ce {
379
+ class ye extends Ce {
391
380
  // contents?: any[];
392
381
  }
393
- class Ie extends je {
382
+ class Pe extends je {
394
383
  }
395
- function Le(r) {
396
- const t = f(() => ge({
384
+ function Ve(r) {
385
+ const n = f(() => ge({
397
386
  providers: [
398
387
  {
399
- provide: Ee,
400
- useClass: pe
388
+ provide: pe,
389
+ useClass: Ee
401
390
  }
402
391
  ]
403
- }), []), [n, u] = f(() => {
404
- const o = Re({ providers: [], parent: t });
392
+ }), []), [t, s] = f(() => {
393
+ const o = Re({ providers: [], parent: n });
405
394
  return [xe(r.schema, {
406
- handle: Pe,
407
- builder: Ie,
395
+ handle: ye,
396
+ builder: Pe,
408
397
  injector: o,
409
398
  registerOnDestroy: (c) => {
410
399
  o.get(ve).onDestroy(c);
@@ -414,27 +403,27 @@ function Le(r) {
414
403
  }, [r.schema, r.options]);
415
404
  return X(() => {
416
405
  let o;
417
- if (n.form.control) {
406
+ if (t.form.control) {
418
407
  const l = r.model;
419
- o = ye(
408
+ o = ke(
420
409
  typeof l < "u" ? l : void 0,
421
- n.form.control,
422
- u,
410
+ t.form.control,
411
+ s,
423
412
  (c) => {
424
413
  _e(() => {
425
- n.form.control?.valueNoError$$() && r.modelChange?.(c);
414
+ t.form.control?.valueNoError$$() && r.modelChange?.(c);
426
415
  });
427
416
  }
428
417
  );
429
418
  }
430
419
  return () => {
431
- u.destroy(), o?.destroy();
420
+ s.destroy(), o?.destroy();
432
421
  };
433
- }, [n]), X(() => {
434
- n.form.control?.updateValue(r.model);
435
- }, [n, r.model]), /* @__PURE__ */ d.jsx(d.Fragment, { children: /* @__PURE__ */ d.jsx(V, { value: t, children: /* @__PURE__ */ d.jsx(re, { field: n }) }) });
422
+ }, [t]), X(() => {
423
+ t.form.control?.updateValue(r.model);
424
+ }, [t, r.model]), /* @__PURE__ */ d.jsx(d.Fragment, { children: /* @__PURE__ */ d.jsx(V, { value: n, children: /* @__PURE__ */ d.jsx(ee, { field: t }) }) });
436
425
  }
437
- const We = [], Ge = {
426
+ const $e = [], Le = {
438
427
  directives: "merge",
439
428
  formConfig: "merge",
440
429
  inputs: "merge",
@@ -443,114 +432,113 @@ const We = [], Ge = {
443
432
  renderConfig: "merge",
444
433
  wrappers: "replace"
445
434
  };
446
- function Ue(r, t) {
447
- const n = C(!1);
435
+ function We(r, n) {
436
+ const t = C(!1);
448
437
  return f(() => {
449
- const u = {
438
+ const s = {
450
439
  value: r.value == null ? "" : r.value,
451
440
  disabled: r.disabled,
452
441
  onBlur: r.touchedChange
453
442
  };
454
- return t ? {
455
- ...u,
443
+ return n ? {
444
+ ...s,
456
445
  onCompositionStart: () => {
457
- n.current = !0;
446
+ t.current = !0;
458
447
  },
459
448
  onCompositionEnd: (o) => {
460
- n.current = !1, r.valueChange(o.target.value);
449
+ t.current = !1, r.valueChange(o.target.value);
461
450
  }
462
451
  } : {
463
- ...u,
452
+ ...s,
464
453
  onInput: (o) => r.valueChange(o.target.value)
465
454
  };
466
- }, [r, t]);
455
+ }, [r, n]);
467
456
  }
468
- function Be(r) {
457
+ function Ge(r) {
469
458
  return f(() => ({
470
459
  checked: r.value ?? !1,
471
460
  disabled: r.disabled,
472
461
  onBlur: r.touchedChange,
473
- onChange: (t) => r.valueChange(t.target.checked)
462
+ onChange: (n) => r.valueChange(n.target.checked)
474
463
  }), [r]);
475
464
  }
476
- function qe(r) {
465
+ function Ue(r) {
477
466
  return f(() => ({
478
467
  value: r.value == null ? "" : r.value,
479
468
  disabled: r.disabled,
480
469
  onBlur: r.touchedChange,
481
- onInput: (t) => {
482
- const n = t.target.value;
483
- r.valueChange(n == "" ? void 0 : parseFloat(n));
470
+ onInput: (n) => {
471
+ const t = n.target.value;
472
+ r.valueChange(t == "" ? void 0 : parseFloat(t));
484
473
  }
485
474
  }), [r]);
486
475
  }
487
- function Je(r, t) {
476
+ function Be(r, n) {
488
477
  return f(() => ({
489
- value: t,
490
- checked: Object.is(r.value, t),
478
+ value: n,
479
+ checked: Object.is(r.value, n),
491
480
  disabled: r.disabled,
492
481
  onBlur: r.touchedChange,
493
- onChange: () => r.valueChange(t)
482
+ onChange: () => r.valueChange(n)
494
483
  }), [r]);
495
484
  }
496
- function ze(r) {
485
+ function qe(r) {
497
486
  return f(() => {
498
- const t = (n) => {
499
- const u = n.target.value;
500
- r.valueChange(u == "" ? void 0 : parseFloat(u));
487
+ const n = (t) => {
488
+ const s = t.target.value;
489
+ r.valueChange(s == "" ? void 0 : parseFloat(s));
501
490
  };
502
491
  return {
503
492
  value: r.value == null ? "" : r.value,
504
493
  disabled: r.disabled,
505
494
  onBlur: r.touchedChange,
506
- onInput: t,
507
- onChange: t
495
+ onInput: n,
496
+ onChange: n
508
497
  };
509
498
  }, [r]);
510
499
  }
511
- function He(r, t = !1) {
500
+ function Je(r, n = !1) {
512
501
  return f(() => ({
513
502
  value: r.value,
514
503
  disabled: r.disabled,
515
504
  onBlur: r.touchedChange,
516
- onChange: (n) => {
517
- const u = [], o = n.target;
505
+ onChange: (t) => {
506
+ const s = [], o = t.target;
518
507
  if (o.selectedOptions !== void 0)
519
508
  for (let l = 0; l < o.selectedOptions.length; l++) {
520
509
  const c = o.selectedOptions[l];
521
- if (u.push(c.value), !t)
510
+ if (s.push(c.value), !n)
522
511
  break;
523
512
  }
524
513
  else
525
514
  for (let l = 0; l < o.options.length; l++) {
526
515
  const c = o.options[l];
527
- if (c.selected && (u.push(c.value), !t))
516
+ if (c.selected && (s.push(c.value), !n))
528
517
  break;
529
518
  }
530
- r.valueChange(t ? u : u[0]);
519
+ r.valueChange(n ? s : s[0]);
531
520
  }
532
521
  }), [r]);
533
522
  }
534
523
  export {
535
524
  Ae as CVA,
536
- We as EMPTY_ARRAY,
525
+ $e as EMPTY_ARRAY,
537
526
  V as InjectorToken,
538
- Ge as NG_CONFIG_DEFAULT_MERGE_STRAGEGY,
539
- K as PI_VIEW_FIELD_TOKEN,
540
- re as PiyingFieldTemplate,
541
- $e as PiyingGroup,
542
- Le as PiyingView,
543
- ee as PiyingWrapper,
544
- Ie as ReactFormBuilder,
545
- Pe as ReactSchemaHandle,
546
- ye as initListen,
547
- Ve as useControlValueAccessor,
527
+ Le as NG_CONFIG_DEFAULT_MERGE_STRAGEGY,
528
+ Q as PI_VIEW_FIELD_TOKEN,
529
+ ee as PiyingFieldTemplate,
530
+ Me as PiyingGroup,
531
+ Ve as PiyingView,
532
+ K as PiyingWrapper,
533
+ Pe as ReactFormBuilder,
534
+ ye as ReactSchemaHandle,
535
+ De as useControlValueAccessor,
548
536
  X as useEffectSync,
549
- Be as useInputCheckboxModel,
550
- qe as useInputNumberModel,
551
- Je as useInputRadioModel,
552
- ze as useInputRangeModel,
553
- Ue as useInputTextModel,
554
- He as useSelectModel,
537
+ Ge as useInputCheckboxModel,
538
+ Ue as useInputNumberModel,
539
+ Be as useInputRadioModel,
540
+ qe as useInputRangeModel,
541
+ We as useInputTextModel,
542
+ Je as useSelectModel,
555
543
  v as useSignalToRef
556
544
  };
package/package.json CHANGED
@@ -1,11 +1,11 @@
1
1
  {
2
2
  "name": "@piying/view-react",
3
- "version": "1.3.2",
3
+ "version": "1.4.0",
4
4
  "description": "Piying view For React;Valibot to Component",
5
5
  "type": "module",
6
6
  "homepage": "https://piying-org.github.io/website/docs/client/intro",
7
7
  "repository": {
8
- "url": "https://github.com/piying-org/piying-view",
8
+ "url": "git+https://github.com/piying-org/piying-view.git",
9
9
  "directory": "packages/vue",
10
10
  "type": "git"
11
11
  },
@@ -34,7 +34,7 @@
34
34
  ],
35
35
  "license": "MIT",
36
36
  "dependencies": {
37
- "@piying/view-core": "^1.3.2",
37
+ "@piying/view-core": "^1.4.0",
38
38
  "fast-equals": "^5.2.2",
39
39
  "static-injector": "^6.1.2",
40
40
  "valibot": "^1.1.0"
package/util/index.d.ts CHANGED
@@ -1,4 +1,3 @@
1
- export * from './init-listen';
2
1
  export * from './signal-convert';
3
2
  export * from './use-control-value-accessor';
4
3
  export * from './use-effect-sync';
@@ -1,3 +0,0 @@
1
- import type { Injector } from 'static-injector';
2
- import { AbstractControl } from '@piying/view-core';
3
- export declare function initListen(input: any, control: AbstractControl, injector: Injector, fn: (input: any) => void): import("static-injector").EffectRef;