@piying/view-react 1.0.5 → 1.2.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.
package/index.cjs CHANGED
@@ -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 Z;function Ee(){return Z||(Z=1,process.env.NODE_ENV!=="production"&&function(){function e(r){if(r==null)return null;if(typeof r=="function")return r.$$typeof===de?null:r.displayName||r.name||null;if(typeof r=="string")return r;switch(r){case p:return"Fragment";case d:return"Profiler";case M:return"StrictMode";case le:return"Suspense";case ae:return"SuspenseList";case ce:return"Activity"}if(typeof r=="object")switch(typeof r.tag=="number"&&console.error("Received an unexpected object in getComponentNameFromType(). This is likely a bug in React. Please file an issue."),r.$$typeof){case O:return"Portal";case ue:return(r.displayName||"Context")+".Provider";case oe:return(r._context.displayName||"Context")+".Consumer";case se:var u=r.render;return r=r.displayName,r||(r=u.displayName||u.name||"",r=r!==""?"ForwardRef("+r+")":"ForwardRef"),r;case ie:return u=r.displayName||null,u!==null?u:e(r.type)||"Memo";case W:u=r._payload,r=r._init;try{return e(r(u))}catch{}}return null}function t(r){return""+r}function o(r){try{t(r);var u=!1}catch{u=!0}if(u){u=console;var c=u.error,b=typeof Symbol=="function"&&Symbol.toStringTag&&r[Symbol.toStringTag]||r.constructor.name||"Object";return c.call(u,"The provided key is an unsupported type %s. This value must be coerced to a string before using it here.",b),t(r)}}function l(r){if(r===p)return"<>";if(typeof r=="object"&&r!==null&&r.$$typeof===W)return"<...>";try{var u=e(r);return u?"<"+u+">":"<...>"}catch{return"<...>"}}function n(){var r=N.A;return r===null?null:r.getOwner()}function a(){return Error("react-stack-top-frame")}function i(r){if(q.call(r,"key")){var u=Object.getOwnPropertyDescriptor(r,"key").get;if(u&&u.isReactWarning)return!1}return r.key!==void 0}function E(r,u){function c(){U||(U=!0,console.error("%s: `key` is not a prop. Trying to access it will result in `undefined` being returned. If you need to access the same value within the child component, you should pass it as a different prop. (https://react.dev/link/special-props)",u))}c.isReactWarning=!0,Object.defineProperty(r,"key",{get:c,configurable:!0})}function m(){var r=e(this.type);return B[r]||(B[r]=!0,console.error("Accessing element.ref was removed in React 19. ref is now a regular prop. It will be removed from the JSX Element type in a future release.")),r=this.props.ref,r!==void 0?r:null}function I(r,u,c,b,_,h,Y,D){return c=h.ref,r={$$typeof:y,type:r,key:u,props:h,_owner:_},(c!==void 0?c:null)!==null?Object.defineProperty(r,"ref",{enumerable:!1,get:m}):Object.defineProperty(r,"ref",{enumerable:!1,value:null}),r._store={},Object.defineProperty(r._store,"validated",{configurable:!1,enumerable:!1,writable:!0,value:0}),Object.defineProperty(r,"_debugInfo",{configurable:!1,enumerable:!1,writable:!0,value:null}),Object.defineProperty(r,"_debugStack",{configurable:!1,enumerable:!1,writable:!0,value:Y}),Object.defineProperty(r,"_debugTask",{configurable:!1,enumerable:!1,writable:!0,value:D}),Object.freeze&&(Object.freeze(r.props),Object.freeze(r)),r}function k(r,u,c,b,_,h,Y,D){var g=u.children;if(g!==void 0)if(b)if(fe(g)){for(b=0;b<g.length;b++)j(g[b]);Object.freeze&&Object.freeze(g)}else console.error("React.jsx: Static children should always be an array. You are likely explicitly calling React.jsxs or React.jsxDEV. Use the Babel transform instead.");else j(g);if(q.call(u,"key")){g=e(r);var C=Object.keys(u).filter(function(me){return me!=="key"});b=0<C.length?"{key: someKey, "+C.join(": ..., ")+": ...}":"{key: someKey}",H[g+b]||(C=0<C.length?"{"+C.join(": ..., ")+": ...}":"{}",console.error(`A props object containing a "key" prop is being spread into JSX:
17
+ */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:
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,g,C,g),H[g+b]=!0)}if(g=null,c!==void 0&&(o(c),g=""+c),i(u)&&(o(u.key),g=""+u.key),"key"in u){c={};for(var V in u)V!=="key"&&(c[V]=u[V])}else c=u;return g&&E(c,typeof r=="function"?r.displayName||r.name||"Unknown":r),I(r,g,h,_,n(),c,Y,D)}function j(r){typeof r=="object"&&r!==null&&r.$$typeof===y&&r._store&&(r._store.validated=1)}var R=s,y=Symbol.for("react.transitional.element"),O=Symbol.for("react.portal"),p=Symbol.for("react.fragment"),M=Symbol.for("react.strict_mode"),d=Symbol.for("react.profiler"),oe=Symbol.for("react.consumer"),ue=Symbol.for("react.context"),se=Symbol.for("react.forward_ref"),le=Symbol.for("react.suspense"),ae=Symbol.for("react.suspense_list"),ie=Symbol.for("react.memo"),W=Symbol.for("react.lazy"),ce=Symbol.for("react.activity"),de=Symbol.for("react.client.reference"),N=R.__CLIENT_INTERNALS_DO_NOT_USE_OR_WARN_USERS_THEY_CANNOT_UPGRADE,q=Object.prototype.hasOwnProperty,fe=Array.isArray,F=console.createTask?console.createTask:function(){return null};R={"react-stack-bottom-frame":function(r){return r()}};var U,B={},J=R["react-stack-bottom-frame"].bind(R,a)(),z=F(l(a)),H={};S.Fragment=p,S.jsx=function(r,u,c,b,_){var h=1e4>N.recentlyCreatedOwnerStacks++;return k(r,u,c,!1,b,_,h?Error("react-stack-top-frame"):J,h?F(l(r)):z)},S.jsxs=function(r,u,c,b,_){var h=1e4>N.recentlyCreatedOwnerStacks++;return k(r,u,c,!0,b,_,h?Error("react-stack-top-frame"):J,h?F(l(r)):z)}}()),S}var Q;function Re(){return Q||(Q=1,process.env.NODE_ENV==="production"?A.exports=ge():A.exports=Ee()),A.exports}var f=Re();const K=s.createContext(void 0),w=s.createContext(void 0);function v(e,t){const o=s.useContext(w),[l,n]=s.useState(s.useMemo(()=>t(e),[])),a=s.useRef(l);return s.useEffect(()=>{const i=t(e);Object.is(a.current,i)||(n(i),a.current=i);const E=T.effect(()=>{const m=t(e);Object.is(a.current,m)||(n(m),a.current=m)},{injector:o});return()=>{E.destroy()}},[e,s.useMemo(()=>t,[])]),l}function $(e){const t=s.useMemo(()=>e.wrappers.slice(1),[e.wrappers]),o=e.wrappers[0],l=v(o,()=>({...o?.inputs(),...o?.attributes(),...o?.outputs}));return f.jsx(f.Fragment,{children:o?f.jsx(o.type,{...l,children:f.jsx($,{wrappers:t,children:e.children})}):e.children})}const ee=Symbol.for("ControlValueAccessor");function L(e){const t=v(e.field,d=>d.inputs()),o=v(e.field,d=>d.outputs()),l=v(e.field,d=>d.attributes()),n=s.useMemo(()=>({...l,...t,...o}),[l,t,o]),a=v(e.field,d=>d.renderConfig()),i=v(e.field,d=>d.fieldGroup?.()),E=v(e.field,d=>d.fieldArray?.()),m=s.useMemo(()=>({...n,fields:i}),[n,i]),I=s.useMemo(()=>({...n,fields:E}),[n,E]),k=v(e.field,d=>d.wrappers()),j=e.field.form.control,R=e.field.define?.type,y=s.useMemo(()=>!!a.hidden||!R,[a.hidden,R]),O=s.useContext(w),p=s.useRef(void 0),M=s.useMemo(()=>({...n,[ee]:p}),[n,p]);return s.useEffect(()=>{let d;return p.current&&(d=P.createViewControlLink(()=>j,p.current,O)),()=>{d?.(),d=void 0}},[p.current,j,O]),f.jsx(f.Fragment,{children:f.jsx(K,{value:e.field,children:y?void 0:f.jsx($,{wrappers:k,children:i?f.jsx(R,{...m}):E?f.jsx(R,{...I}):e.field.form.control?f.jsx(R,{...M}):f.jsx(R,{...n})})})})}function he(e){return f.jsx(f.Fragment,{children:e.fields.map((t,o)=>f.jsx(L,{field:t},o))})}class re extends P.CoreSchemaHandle{}class te extends P.FormBuilder{}function ne(e,t,o,l){let n=!0;return T.effect(()=>{const a=t.value$$();n?(be.deepEqual(a,e)||l(a),n=!1):l(a)},{injector:o})}function G(e,t){const o=s.useCallback(e,t),l=s.useRef(void 0);s.useMemo(()=>(l.current=o(),l.current),t),s.useEffect(()=>()=>{l.current?.(),l.current=void 0},[])}function pe(e){const t=s.useMemo(()=>T.createRootInjector({providers:[{provide:T.ChangeDetectionScheduler,useClass:T.ChangeDetectionSchedulerImpl}]}),[]),[o,l]=s.useMemo(()=>{const n=T.createInjector({providers:[],parent:t});return[P.convert(e.schema,{handle:re,builder:te,injector:n,registerOnDestroy:i=>{n.get(T.DestroyRef).onDestroy(i)},...e.options}),n]},[e.schema,e.options]);return G(()=>{let n;if(o.form.control){const a=e.model;n=ne(typeof a<"u"?a:void 0,o.form.control,l,i=>{T.untracked(()=>{o.form.control?.valueNoError$$()&&e.modelChange?.(i)})})}return()=>{l.destroy(),n?.destroy()}},[o]),G(()=>{o.form.control?.updateValue(e.model)},[o,e.model]),f.jsx(f.Fragment,{children:f.jsx(w,{value:t,children:f.jsx(L,{field:o})})})}const ve=[],_e={directives:"merge",formConfig:"merge",inputs:"merge",outputs:"merge",props:"merge",renderConfig:"merge",wrappers:"replace"};function Te(e,t){const o=s.useRef(!1);return s.useMemo(()=>{const l={value:e.value==null?"":e.value,disabled:e.disabled,onBlur:e.touchedChange};return t?{...l,onCompositionStart:()=>{o.current=!0},onCompositionEnd:n=>{o.current=!1,e.valueChange(n.target.value)}}:{...l,onInput:n=>e.valueChange(n.target.value)}},[e,t])}function Ce(e){return s.useMemo(()=>({checked:e.value??!1,disabled:e.disabled,onBlur:e.touchedChange,onChange:t=>e.valueChange(t.target.checked)}),[e])}function je(e){return s.useMemo(()=>({value:e.value==null?"":e.value,disabled:e.disabled,onBlur:e.touchedChange,onInput:t=>{const o=t.target.value;e.valueChange(o==""?void 0:parseFloat(o))}}),[e])}function xe(e,t){return s.useMemo(()=>({value:t,checked:Object.is(e.value,t),disabled:e.disabled,onBlur:e.touchedChange,onChange:()=>e.valueChange(t)}),[e])}function Se(e){return s.useMemo(()=>{const t=o=>{const l=o.target.value;e.valueChange(l==""?void 0:parseFloat(l))};return{value:e.value==null?"":e.value,disabled:e.disabled,onBlur:e.touchedChange,onInput:t,onChange:t}},[e])}function ke(e,t=!1){return s.useMemo(()=>({value:e.value,disabled:e.disabled,onBlur:e.touchedChange,onChange:o=>{const l=[],n=o.target;if(n.selectedOptions!==void 0)for(let a=0;a<n.selectedOptions.length;a++){const i=n.selectedOptions[a];if(l.push(i.value),!t)break}else for(let a=0;a<n.options.length;a++){const i=n.options[a];if(i.selected&&(l.push(i.value),!t))break}e.valueChange(t?l:l[0])}}),[e])}function ye(){const[e,t]=s.useState(void 0),[o,l]=s.useState(!1),n=s.useRef(void 0),a=s.useRef(void 0),i=s.useMemo(()=>({writeValue(m){t(m)},registerOnChange(m){n.current=m},registerOnTouched(m){a.current=m},setDisabledState(m){l(m)}}),[]),E=s.useMemo(()=>({value:e,disabled:o,valueChange:m=>{n.current?.(m),t(m)},touchedChange:()=>{a.current?.()}}),[e,o]);return s.useMemo(()=>({cva:i,cvaa:E}),[E])}exports.CVA=ee;exports.EMPTY_ARRAY=ve;exports.InjectorToken=w;exports.NG_CONFIG_DEFAULT_MERGE_STRAGEGY=_e;exports.PI_VIEW_FIELD_TOKEN=K;exports.PiyingFieldTemplate=L;exports.PiyingGroup=he;exports.PiyingView=pe;exports.PiyingWrapper=$;exports.ReactFormBuilder=te;exports.ReactSchemaHandle=re;exports.initListen=ne;exports.useControlValueAccessor=ye;exports.useEffectSync=G;exports.useInputCheckboxModel=Ce;exports.useInputNumberModel=je;exports.useInputRadioModel=xe;exports.useInputRangeModel=Se;exports.useInputTextModel=Te;exports.useSelectModel=ke;exports.useSignalToRef=v;
22
+ <%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=_;
package/index.js CHANGED
@@ -243,11 +243,11 @@ React keys must be passed directly to JSX without using spread:
243
243
  return null;
244
244
  };
245
245
  p = {
246
- "react-stack-bottom-frame": function(r) {
246
+ react_stack_bottom_frame: function(r) {
247
247
  return r();
248
248
  }
249
249
  };
250
- var W, U = {}, B = p["react-stack-bottom-frame"].bind(
250
+ var W, U = {}, B = p.react_stack_bottom_frame.bind(
251
251
  p,
252
252
  l
253
253
  )(), q = N(s(l)), J = {};
@@ -302,15 +302,47 @@ function _(e, t) {
302
302
  }, [e, c(() => t, [])]), s;
303
303
  }
304
304
  function re(e) {
305
- const t = c(() => e.wrappers.slice(1), [e.wrappers]), o = e.wrappers[0], s = _(o, () => ({ ...o?.inputs(), ...o?.attributes(), ...o?.outputs }));
305
+ const t = c(
306
+ () => e.wrappers.slice(1),
307
+ [e.wrappers]
308
+ ), o = e.wrappers[0], s = _(o, () => ({
309
+ ...o?.inputs(),
310
+ ...o?.attributes(),
311
+ ...o?.outputs
312
+ }));
306
313
  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 });
307
314
  }
308
315
  const Ae = Symbol.for("ControlValueAccessor");
309
316
  function te(e) {
310
- 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]);
317
+ const t = _(e.field, (d) => d.inputs()), o = _(e.field, (d) => d.outputs()), s = _(e.field, (d) => d.attributes()), n = c(
318
+ () => ({ ...s, ...t, ...o }),
319
+ [s, t, o]
320
+ ), l = _(
321
+ e.field,
322
+ (d) => d.renderConfig()
323
+ ), a = _(
324
+ e.field,
325
+ (d) => d.fieldGroup?.()
326
+ ), g = _(
327
+ e.field,
328
+ (d) => d.fieldArray?.()
329
+ ), m = c(
330
+ () => ({ ...n, fields: a }),
331
+ [n, a]
332
+ ), w = c(
333
+ () => ({ ...n, fields: g }),
334
+ [n, g]
335
+ ), 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(
336
+ () => ({ ...n, [Ae]: R }),
337
+ [n, R]
338
+ );
311
339
  return V(() => {
312
340
  let d;
313
- return R.current && (d = _e(() => j, R.current, y)), () => {
341
+ return R.current && (d = _e(
342
+ () => j,
343
+ R.current,
344
+ y
345
+ )), () => {
314
346
  d?.(), d = void 0;
315
347
  };
316
348
  }, [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 }) }) }) });
@@ -363,11 +395,16 @@ function $e(e) {
363
395
  let n;
364
396
  if (o.form.control) {
365
397
  const l = e.model;
366
- n = Ie(typeof l < "u" ? l : void 0, o.form.control, s, (a) => {
367
- ve(() => {
368
- o.form.control?.valueNoError$$() && e.modelChange?.(a);
369
- });
370
- });
398
+ n = Ie(
399
+ typeof l < "u" ? l : void 0,
400
+ o.form.control,
401
+ s,
402
+ (a) => {
403
+ ve(() => {
404
+ o.form.control?.valueNoError$$() && e.modelChange?.(a);
405
+ });
406
+ }
407
+ );
371
408
  }
372
409
  return () => {
373
410
  s.destroy(), n?.destroy();
@@ -388,7 +425,11 @@ const Le = [], Ge = {
388
425
  function We(e, t) {
389
426
  const o = C(!1);
390
427
  return c(() => {
391
- const s = { value: e.value == null ? "" : e.value, disabled: e.disabled, onBlur: e.touchedChange };
428
+ const s = {
429
+ value: e.value == null ? "" : e.value,
430
+ disabled: e.disabled,
431
+ onBlur: e.touchedChange
432
+ };
392
433
  return t ? {
393
434
  ...s,
394
435
  onCompositionStart: () => {
package/package.json CHANGED
@@ -1,29 +1,60 @@
1
- {
2
- "name": "@piying/view-react",
3
- "version": "1.0.5",
4
- "type": "module",
5
- "dependencies": {
6
- "@piying/view-core": "^0.6.31",
7
- "fast-equals": "^5.2.2",
8
- "static-injector": "^6.1.2",
9
- "valibot": "^1.1.0"
10
- },
11
- "sideEffects": false,
12
- "peerDependencies": {
13
- "react": "^19.1.0",
14
- "react-dom": "^19.1.0"
15
- },
16
- "module": "index.js",
17
- "typings": "index.d.ts",
18
- "exports": {
19
- "./package.json": {
20
- "default": "./package.json"
21
- },
22
- ".": {
23
- "types": "./index.d.ts",
24
- "default": "./index.js",
25
- "import": "./index.js",
26
- "require": "./index.cjs"
27
- }
28
- }
1
+ {
2
+ "name": "@piying/view-react",
3
+ "version": "1.2.0",
4
+ "description": "Piying view For React;Valibot to Component",
5
+ "type": "module",
6
+ "homepage": "https://piying-org.github.io/website/docs/client/intro",
7
+ "repository": {
8
+ "url": "https://github.com/piying-org/piying-view",
9
+ "directory": "packages/vue",
10
+ "type": "git"
11
+ },
12
+ "bugs": {
13
+ "url": "https://github.com/piying-org/piying-view/issues"
14
+ },
15
+ "author": {
16
+ "name": "wszgrcy",
17
+ "url": "https://github.com/wszgrcy",
18
+ "email": "wszgrcy@gmail.com"
19
+ },
20
+ "keywords": [
21
+ "React",
22
+ "form",
23
+ "valibot",
24
+ "validation",
25
+ "validator",
26
+ "layout",
27
+ "listen",
28
+ "field",
29
+ "control",
30
+ "group",
31
+ "array",
32
+ "control",
33
+ "metadata"
34
+ ],
35
+ "license": "MIT",
36
+ "dependencies": {
37
+ "@piying/view-core": "^1.2.0",
38
+ "fast-equals": "^5.2.2",
39
+ "static-injector": "^6.1.2",
40
+ "valibot": "^1.1.0"
41
+ },
42
+ "sideEffects": false,
43
+ "peerDependencies": {
44
+ "react": "^19.1.0",
45
+ "react-dom": "^19.1.0"
46
+ },
47
+ "module": "index.js",
48
+ "typings": "index.d.ts",
49
+ "exports": {
50
+ "./package.json": {
51
+ "default": "./package.json"
52
+ },
53
+ ".": {
54
+ "types": "./index.d.ts",
55
+ "default": "./index.js",
56
+ "import": "./index.js",
57
+ "require": "./index.cjs"
58
+ }
59
+ }
29
60
  }
package/readme.md ADDED
@@ -0,0 +1 @@
1
+ [document](https://piying-org.github.io/website/docs/client/intro)
@@ -1,7 +1,5 @@
1
- import { CoreSchemaHandle, type ConfigMergeStrategy } from '@piying/view-core';
1
+ import { CoreSchemaHandle } from '@piying/view-core';
2
2
  import type { PiResolvedViewFieldConfig } from './type/group';
3
3
  export declare class ReactSchemaHandle extends CoreSchemaHandle<ReactSchemaHandle, () => PiResolvedViewFieldConfig> {
4
4
  type?: any;
5
5
  }
6
- export type PiDefaultRawFormlyFieldConfig = Pick<ReactSchemaHandle, 'inputs' | 'outputs' | 'wrappers' | 'formConfig' | 'renderConfig' | 'props'>;
7
- export type ConfigMergeStrategyObject = Record<keyof PiDefaultRawFormlyFieldConfig, ConfigMergeStrategy>;
package/type/group.d.ts CHANGED
@@ -1,4 +1,4 @@
1
- import type { ConfigMergeStrategyObject, ReactSchemaHandle } from '../schema-handle';
1
+ import type { ReactSchemaHandle } from '../schema-handle';
2
2
  import type { ConfigMergeStrategy, CoreResolvedComponentDefine, PiResolvedCommonViewFieldConfig } from '@piying/view-core';
3
3
  import type { SetOptional } from '@piying/view-core';
4
4
  export interface RawDirectiveOutputs {
@@ -38,3 +38,4 @@ export interface PiViewConfig {
38
38
  /** merge 数组/对象会合并 replace 优先自身/组件/全局 */
39
39
  defaultConfigMergeStrategy?: ConfigMergeStrategy | ConfigMergeStrategyObject;
40
40
  }
41
+ export type ConfigMergeStrategyObject = Record<keyof PiDefaultRawViewFieldConfig, ConfigMergeStrategy>;