@zjpcy/simple-design 1.8.19 → 1.8.21

package/dist/cjs/components/Form/index.js

@@ -1 +1 @@
-"use client";"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("tslib"),r=require("react/jsx-runtime"),t=require("react"),n=require("./styles.js"),a=require("classnames");function s(e){return e&&e.__esModule?e:{default:e}}var l=s(t),u=s(a),i=t.createContext(null),o=function(){var e=t.useRef(null);return e.current||(e.current={getFieldValue:function(){},getFieldsValue:function(){return{}},setFieldValue:function(){},setFieldsValue:function(){},setFields:function(){},resetFields:function(){},validateFields:function(){return Promise.reject(new Error("Form instance not initialized"))},submit:function(){},destroy:function(){}}),[e.current]},c=function(a){var s=a.children,u=a.className,o=void 0===u?"":u,c=a.style,f=a.layout,v=void 0===f?"horizontal":f,m=a.labelSpan,_=a.wrapperSpan,g=a.initialValues,p=void 0===g?{}:g,y=a.onFinish,b=a.onFinishFailed,h=a.colon,F=void 0===h||h,w=a.requiredMark,S=void 0===w||w,C=a.styles,N=a.formRef,V=a.form,k=t.useState(p),E=k[0],j=k[1],x=t.useState({}),q=x[0],A=x[1],z=t.useRef(null),R=t.useRef(new Map),I=t.useRef(null),M=t.useRef(p),W=t.useRef({});t.useEffect(function(){M.current=E},[E]),t.useEffect(function(){W.current=q},[q]);var L=t.useCallback(function(r,t){var n;R.current.has(r)&&(j(function(n){var a;return e.__assign(e.__assign({},n),((a={})[r]=t,a))}),M.current=e.__assign(e.__assign({},M.current),((n={})[r]=t,n)),W.current[r]&&(A(function(t){var n=e.__assign({},t);return delete n[r],n}),delete W.current[r]))},[]),O=t.useCallback(function(e){if(R.current.has(e))return M.current[e]},[]),P=t.useCallback(function(r){var t={};Object.keys(r).forEach(function(e){R.current.has(e)&&(t[e]=r[e])}),0!==Object.keys(t).length&&(j(function(r){return e.__assign(e.__assign({},r),t)}),M.current=e.__assign(e.__assign({},M.current),t),Object.keys(t).forEach(function(r){W.current[r]&&(A(function(t){var n=e.__assign({},t);return delete n[r],n}),delete W.current[r])}))},[]),H=t.useCallback(function(r){return e.__awaiter(void 0,void 0,void 0,function(){var t,n,a,s,l,u,i,o;return e.__generator(this,function(c){switch(c.label){case 0:if(!(t=R.current.get(r)))return[2];if(n=t.rules,a=M.current[r],!n||0===n.length)return[2];s=function(t){var n,s,l,u,i,o,c,d,f,v,m,_,g,p,y,b;return e.__generator(this,function(h){switch(h.label){case 0:if(t.required&&(null==a||""===a))return n=t.message||"".concat(r," is required"),A(function(t){var a;return e.__assign(e.__assign({},t),((a={})[r]=n,a))}),W.current=e.__assign(e.__assign({},W.current),((v={})[r]=n,v)),[2,{value:n}];if(t.pattern&&!t.pattern.test(a))return s=t.message||"".concat(r," format is invalid"),A(function(t){var n;return e.__assign(e.__assign({},t),((n={})[r]=s,n))}),W.current=e.__assign(e.__assign({},W.current),((m={})[r]=s,m)),[2,{value:s}];if(t.type){switch(l=!0,t.type){case"email":l=/^[^\s@]+@[^\s@]+\.[^\s@]+$/.test(a);break;case"url":l=/^https?:\/\/.+$/.test(a);break;case"number":l=!isNaN(Number(a));break;case"integer":l=Number.isInteger(Number(a));break;case"float":l=!isNaN(parseFloat(a))&&isFinite(a);break;case"string":l="string"==typeof a;break;case"boolean":l="boolean"==typeof a;break;case"array":l=Array.isArray(a);break;case"object":l="object"==typeof a&&null!==a&&!Array.isArray(a)}if(!l)return u=t.message||"".concat(r," must be a ").concat(t.type),A(function(t){var n;return e.__assign(e.__assign({},t),((n={})[r]=u,n))}),W.current=e.__assign(e.__assign({},W.current),((_={})[r]=u,_)),[2,{value:u}]}if(void 0!==t.min&&a.length<t.min)return i=t.message||"".concat(r," must be at least ").concat(t.min," characters"),A(function(t){var n;return e.__assign(e.__assign({},t),((n={})[r]=i,n))}),W.current=e.__assign(e.__assign({},W.current),((g={})[r]=i,g)),[2,{value:i}];if(void 0!==t.max&&a.length>t.max)return o=t.message||"".concat(r," must be at most ").concat(t.max," characters"),A(function(t){var n;return e.__assign(e.__assign({},t),((n={})[r]=o,n))}),W.current=e.__assign(e.__assign({},W.current),((p={})[r]=o,p)),[2,{value:o}];if(void 0!==t.len&&a.length!==t.len)return c=t.message||"".concat(r," must be exactly ").concat(t.len," characters"),A(function(t){var n;return e.__assign(e.__assign({},t),((n={})[r]=c,n))}),W.current=e.__assign(e.__assign({},W.current),((y={})[r]=c,y)),[2,{value:c}];if(!t.validator)return[3,4];h.label=1;case 1:return h.trys.push([1,3,,4]),[4,t.validator(t,a)];case 2:return h.sent(),[3,4];case 3:return d=h.sent(),f=d instanceof Error?d.message:t.message||"".concat(r," validation failed"),A(function(t){var n;return e.__assign(e.__assign({},t),((n={})[r]=f,n))}),W.current=e.__assign(e.__assign({},W.current),((b={})[r]=f,b)),[2,{value:f}];case 4:return[2]}})},l=0,u=n,c.label=1;case 1:return l<u.length?(i=u[l],[5,s(i)]):[3,4];case 2:if("object"==typeof(o=c.sent()))return[2,o.value];c.label=3;case 3:return l++,[3,1];case 4:return A(function(t){var n=e.__assign({},t);return delete n[r],n}),delete W.current[r],[2,null]}})})},[]),$=t.useCallback(function(r){return e.__awaiter(void 0,void 0,void 0,function(){var t,n;return e.__generator(this,function(a){switch(a.label){case 0:return t=r||Array.from(R.current.keys()),[4,Promise.all(t.map(function(e){return H(e)}))];case 1:if(n=a.sent(),n.some(function(e){return null!==e}))throw new Error("Validation failed");return[2,e.__assign({},M.current)]}})})},[H]),D=t.useCallback(function(r){var t=(null==r?void 0:r.filter(function(e){return R.current.has(e)}))||Array.from(R.current.keys());if(t.length>0){var n=e.__assign({},M.current);t.forEach(function(e){n[e]=void 0!==p[e]?p[e]:void 0}),j(n),M.current=n}A({}),W.current={}},[p]),B=t.useMemo(function(){return{getFieldValue:O,getFieldsValue:function(e){var r=(null==e?void 0:e.filter(function(e){return R.current.has(e)}))||Array.from(R.current.keys()),t={};return r.forEach(function(e){t[e]=M.current[e]}),t},setFieldValue:L,setFieldsValue:P,setFields:function(r){var t=e.__assign({},M.current),n=e.__assign({},W.current);r.forEach(function(e){R.current.has(e.name)&&(void 0!==e.value&&(t[e.name]=e.value),e.errors&&e.errors.length>0?n[e.name]=e.errors[0]:delete n[e.name])}),j(t),A(n),M.current=t,W.current=n},resetFields:D,validateFields:$,submit:function(){$().then(function(){var e=document.querySelector("form");e&&e.dispatchEvent(new Event("submit",{cancelable:!0,bubbles:!0}))})},destroy:function(){j({}),A({}),M.current={},W.current={},R.current.clear(),I.current=null}}},[O,L,P,D,$]);t.useEffect(function(){I.current=B,N&&(N.current=B),V&&(V.getFieldValue=B.getFieldValue,V.getFieldsValue=B.getFieldsValue,V.setFieldValue=B.setFieldValue,V.setFieldsValue=B.setFieldsValue,V.setFields=B.setFields,V.resetFields=B.resetFields,V.validateFields=B.validateFields,V.submit=B.submit,V.destroy=B.destroy)},[B,N,V]);var G=t.useCallback(function(e,r){return R.current.set(e,r),function(){R.current.delete(e)}},[]),J={layout:v,labelSpan:m,wrapperSpan:_,colon:F,requiredMark:S,values:E,errors:q,setFieldValue:L,getFieldValue:O,setFieldValueList:P,validateField:H,validateFields:$,resetFields:D},K=n.getFormWrapperClassName({className:o}),Q=n.getFormWrapperStyle({style:c,customStyles:null==C?void 0:C.wrapper});return r.jsx(i.Provider,{value:J,children:r.jsx("form",{ref:z,className:K,style:Q,onSubmit:function(r){return e.__awaiter(void 0,void 0,void 0,function(){var t;return e.__generator(this,function(e){switch(e.label){case 0:r.preventDefault(),e.label=1;case 1:return e.trys.push([1,3,,4]),[4,$()];case 2:return e.sent(),null==y||y(M.current),[3,4];case 3:return t=e.sent(),null==b||b({error:t,values:M.current}),[3,4];case 4:return[2]}})})},children:l.default.Children.map(s,function(e){return l.default.isValidElement(e)&&e.type===d?l.default.cloneElement(e,{registerItem:G}):e})})})},d=function(e){var a=e.name,s=e.label,o=e.required,c=e.rules,d=void 0===c?[]:c,f=e.className,v=void 0===f?"":f,m=e.style,_=e.help,g=e.validateStatus,p=e.colon,y=e.labelSpan,b=e.wrapperSpan,h=e.hidden,F=void 0!==h&&h,w=e.extra,S=e.styles,C=e.registerItem,N=e.children,V=t.useContext(i),k=t.useState(function(){if(a&&(null==V?void 0:V.values)&&a in V.values){var e=V.values[a];return null!=e?e:""}return""}),E=k[0],j=k[1];C&&a&&C(a,{rules:d}),t.useEffect(function(){if(V&&a&&V.values&&a in V.values){var e=V.values[a];j(null!=e?e:"")}},[V,a,null==V?void 0:V.values]);var x=o||d.some(function(e){return e.required}),q=V&&a?V.errors[a]:"",A=!!q||"error"===g,z=void 0!==y?y:null==V?void 0:V.labelSpan,R=void 0!==b?b:null==V?void 0:V.wrapperSpan,I=z?z/24*100:void 0,M=void 0;if(void 0!==z){var W=24-z,L=void 0!==R?R:W;L>W&&(L=W),L<1&&(L=1),M=L/24*100}if(F)return null;var O=n.getFormItemWrapperClassName({layout:(null==V?void 0:V.layout)||"horizontal",className:v}),P=n.getFormItemWrapperStyle({style:m,customStyles:null==S?void 0:S.wrapper}),H=n.getFormLabelClassName({required:x}),$=n.getFormLabelStyle({labelAlign:"vertical"===(null==V?void 0:V.layout)?"start":"end",labelWidth:I,style:void 0,customStyles:null==S?void 0:S.label}),D=n.getFormControlClassName({}),B=n.getFormControlStyle({controlWidth:M,style:void 0,customStyles:null==S?void 0:S.input}),G=n.getFormErrorClassName({visible:A}),J=n.getFormErrorStyle({style:void 0,customStyles:null==S?void 0:S.error}),K=n.getFormHelpClassName({}),Q=n.getFormHelpStyle({style:void 0,customStyles:null==S?void 0:S.help}),T=void 0!==p?p:null==V?void 0:V.colon;return r.jsxs("div",{className:O,style:P,children:[s&&r.jsx("label",{className:u.default(H,T&&"zjpcy-form-label--colon"),style:$,children:s}),r.jsxs("div",{className:D,style:B,children:[l.default.Children.map(l.default.Children.toArray(N).filter(function(e){return l.default.isValidElement(e)}),function(e){var r=e.props,t=r.autoComplete||function(e){if(e)return{username:"username",email:"email",password:"current-password","new-password":"new-password","current-password":"current-password",name:"name","given-name":"given-name","family-name":"family-name",tel:"tel",phone:"tel",address:"street-address",city:"address-level2",country:"country-name",zipcode:"postal-code","postal-code":"postal-code",organization:"organization",company:"organization"}[e.toLowerCase()]}(a);return l.default.cloneElement(e,{value:E,onChange:function(e){var t,n;!function(e){j(e),a&&(null==V||V.setFieldValue(a,e))}(void 0!==(null===(t=null==e?void 0:e.target)||void 0===t?void 0:t.value)?e.target.value:e),null===(n=r.onChange)||void 0===n||n.call(r,e)},error:A||void 0,autoComplete:t})}),r.jsx("div",{className:G,style:J,children:q||""}),_&&!A&&r.jsx("div",{className:K,style:Q,children:_}),w&&!A&&r.jsx("div",{className:K,style:Q,children:w})]})]})};c.Item=d,c.useForm=o;var f=c;exports.default=f,exports.useForm=o;
+"use client";"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("tslib"),r=require("react/jsx-runtime"),n=require("react"),t=require("./styles.js"),a=require("classnames");function s(e){return e&&e.__esModule?e:{default:e}}var l=s(n),u=s(a),i=n.createContext(null),o=function(){var e=n.useRef(null);return e.current||(e.current={getFieldValue:function(){},getFieldsValue:function(){return{}},setFieldValue:function(){},setFieldsValue:function(){},setFields:function(){},resetFields:function(){},validateFields:function(){return Promise.reject(new Error("Form instance not initialized"))},submit:function(){},destroy:function(){}}),[e.current]},c=function(a){var s=a.children,l=a.className,u=void 0===l?"":l,o=a.style,c=a.layout,d=void 0===c?"horizontal":c,v=a.labelSpan,f=a.wrapperSpan,m=a.initialValues,g=void 0===m?{}:m,_=a.onFinish,p=a.onFinishFailed,h=a.colon,y=void 0===h||h,b=a.requiredMark,F=void 0===b||b,C=a.styles,w=a.formRef,S=a.form,N=n.useState(g),k=N[0],x=N[1],V=n.useState({}),E=V[0],j=V[1],q=n.useRef(null),I=n.useRef(new Map),R=n.useRef(null),A=n.useRef(g),z=n.useRef({});n.useEffect(function(){A.current=k},[k]),n.useEffect(function(){z.current=E},[E]);var M=n.useCallback(function(r,n){var t;I.current.has(r)&&(x(function(t){var a;return e.__assign(e.__assign({},t),((a={})[r]=n,a))}),A.current=e.__assign(e.__assign({},A.current),((t={})[r]=n,t)),z.current[r]&&(j(function(n){var t=e.__assign({},n);return delete t[r],t}),delete z.current[r]))},[]),P=n.useCallback(function(e){if(I.current.has(e))return A.current[e]},[]),W=n.useCallback(function(r){var n={};Object.keys(r).forEach(function(e){I.current.has(e)&&(n[e]=r[e])}),0!==Object.keys(n).length&&(x(function(r){return e.__assign(e.__assign({},r),n)}),A.current=e.__assign(e.__assign({},A.current),n),Object.keys(n).forEach(function(r){z.current[r]&&(j(function(n){var t=e.__assign({},n);return delete t[r],t}),delete z.current[r])}))},[]),L=n.useCallback(function(r){return e.__awaiter(void 0,void 0,void 0,function(){var n,t,a,s,l,u,i,o;return e.__generator(this,function(c){switch(c.label){case 0:if(!(n=I.current.get(r)))return[2,null];if(t=n.rules,a=A.current[r],!t||0===t.length)return[2,null];s=function(n){var t,s,l,u,i,o,c,d,v,f,m,g,_,p,h,y;return e.__generator(this,function(b){switch(b.label){case 0:if(n.required&&(null==a||""===a))return t=n.message||"".concat(r," is required"),j(function(n){var a;return e.__assign(e.__assign({},n),((a={})[r]=t,a))}),z.current=e.__assign(e.__assign({},z.current),((f={})[r]=t,f)),[2,{value:t}];if(n.pattern&&!n.pattern.test(a))return s=n.message||"".concat(r," format is invalid"),j(function(n){var t;return e.__assign(e.__assign({},n),((t={})[r]=s,t))}),z.current=e.__assign(e.__assign({},z.current),((m={})[r]=s,m)),[2,{value:s}];if(n.type){switch(l=!0,n.type){case"email":l=/^[^\s@]+@[^\s@]+\.[^\s@]+$/.test(a);break;case"url":l=/^https?:\/\/.+$/.test(a);break;case"number":l=!isNaN(Number(a));break;case"integer":l=Number.isInteger(Number(a));break;case"float":l=!isNaN(parseFloat(a))&&isFinite(a);break;case"string":l="string"==typeof a;break;case"boolean":l="boolean"==typeof a;break;case"array":l=Array.isArray(a);break;case"object":l="object"==typeof a&&null!==a&&!Array.isArray(a)}if(!l)return u=n.message||"".concat(r," must be a ").concat(n.type),j(function(n){var t;return e.__assign(e.__assign({},n),((t={})[r]=u,t))}),z.current=e.__assign(e.__assign({},z.current),((g={})[r]=u,g)),[2,{value:u}]}if(void 0!==n.min&&a.length<n.min)return i=n.message||"".concat(r," must be at least ").concat(n.min," characters"),j(function(n){var t;return e.__assign(e.__assign({},n),((t={})[r]=i,t))}),z.current=e.__assign(e.__assign({},z.current),((_={})[r]=i,_)),[2,{value:i}];if(void 0!==n.max&&a.length>n.max)return o=n.message||"".concat(r," must be at most ").concat(n.max," characters"),j(function(n){var t;return e.__assign(e.__assign({},n),((t={})[r]=o,t))}),z.current=e.__assign(e.__assign({},z.current),((p={})[r]=o,p)),[2,{value:o}];if(void 0!==n.len&&a.length!==n.len)return c=n.message||"".concat(r," must be exactly ").concat(n.len," characters"),j(function(n){var t;return e.__assign(e.__assign({},n),((t={})[r]=c,t))}),z.current=e.__assign(e.__assign({},z.current),((h={})[r]=c,h)),[2,{value:c}];if(!n.validator)return[3,4];b.label=1;case 1:return b.trys.push([1,3,,4]),[4,n.validator(n,a)];case 2:return b.sent(),[3,4];case 3:return d=b.sent(),v=d instanceof Error?d.message:n.message||"".concat(r," validation failed"),j(function(n){var t;return e.__assign(e.__assign({},n),((t={})[r]=v,t))}),z.current=e.__assign(e.__assign({},z.current),((y={})[r]=v,y)),[2,{value:v}];case 4:return[2]}})},l=0,u=t,c.label=1;case 1:return l<u.length?(i=u[l],[5,s(i)]):[3,4];case 2:if("object"==typeof(o=c.sent()))return[2,o.value];c.label=3;case 3:return l++,[3,1];case 4:return j(function(n){var t=e.__assign({},n);return delete t[r],t}),delete z.current[r],[2,null]}})})},[]),O=n.useCallback(function(r){return e.__awaiter(void 0,void 0,void 0,function(){var n,t;return e.__generator(this,function(a){switch(a.label){case 0:return n=r||Array.from(I.current.keys()),[4,Promise.all(n.map(function(e){return L(e)}))];case 1:if(t=a.sent(),t.some(function(e){return null!==e}))throw new Error("Validation failed");return[2,e.__assign({},A.current)]}})})},[L]),G=n.useCallback(function(r){var n=(null==r?void 0:r.filter(function(e){return I.current.has(e)}))||Array.from(I.current.keys());if(n.length>0){var t=e.__assign({},A.current);n.forEach(function(e){t[e]=void 0!==g[e]?g[e]:void 0}),x(t),A.current=t}j({}),z.current={}},[g]),D=n.useMemo(function(){return{getFieldValue:P,getFieldsValue:function(e){var r=(null==e?void 0:e.filter(function(e){return I.current.has(e)}))||Array.from(I.current.keys()),n={};return r.forEach(function(e){n[e]=A.current[e]}),n},setFieldValue:M,setFieldsValue:W,setFields:function(r){var n=e.__assign({},A.current),t=e.__assign({},z.current);r.forEach(function(e){I.current.has(e.name)&&(void 0!==e.value&&(n[e.name]=e.value),e.errors&&e.errors.length>0?t[e.name]=e.errors[0]:delete t[e.name])}),x(n),j(t),A.current=n,z.current=t},resetFields:G,validateFields:O,submit:function(){O().then(function(){var e=document.querySelector("form");e&&e.dispatchEvent(new Event("submit",{cancelable:!0,bubbles:!0}))})},destroy:function(){x({}),j({}),A.current={},z.current={},I.current.clear(),R.current=null}}},[P,M,W,G,O]);n.useEffect(function(){R.current=D,w&&(w.current=D),S&&(S.getFieldValue=D.getFieldValue,S.getFieldsValue=D.getFieldsValue,S.setFieldValue=D.setFieldValue,S.setFieldsValue=D.setFieldsValue,S.setFields=D.setFields,S.resetFields=D.resetFields,S.validateFields=D.validateFields,S.submit=D.submit,S.destroy=D.destroy)},[D,w,S]);var H=n.useCallback(function(e,r){return I.current.set(e,r),function(){I.current.delete(e)}},[]),T={layout:d,labelSpan:v,wrapperSpan:f,colon:y,requiredMark:F,values:k,errors:E,setFieldValue:M,getFieldValue:P,setFieldValueList:W,validateField:L,validateFields:O,resetFields:G,registerItem:H},$=t.getFormWrapperClassName({className:u}),B=t.getFormWrapperStyle({style:o,customStyles:null==C?void 0:C.wrapper});return r.jsx(i.Provider,{value:T,children:r.jsx("form",{ref:q,className:$,style:B,onSubmit:function(r){return e.__awaiter(void 0,void 0,void 0,function(){var n;return e.__generator(this,function(e){switch(e.label){case 0:r.preventDefault(),e.label=1;case 1:return e.trys.push([1,3,,4]),[4,O()];case 2:return e.sent(),null==_||_(A.current),[3,4];case 3:return n=e.sent(),null==p||p({error:n,values:A.current}),[3,4];case 4:return[2]}})})},children:s})})},d=function(e){if(e){return{username:"username",email:"email",password:"current-password","new-password":"new-password","current-password":"current-password",name:"name","given-name":"given-name","family-name":"family-name",tel:"tel",phone:"tel",address:"street-address",city:"address-level2",country:"country-name",zipcode:"postal-code","postal-code":"postal-code",organization:"organization",company:"organization"}[e.toLowerCase()]}},v=["Space","Flex","Row","Col","Grid","Grid.Row","Grid.Col"],f=function(e,r){return l.default.Children.map(e,function(e){if(!l.default.isValidElement(e))return e;var n=e.props,t=e.type,a=(null==t?void 0:t.displayName)||(null==t?void 0:t.name)||"";if(["input","textarea","select"].includes(t)){var s=n.autoComplete||d(r.name);return l.default.cloneElement(e,{value:r.value,onChange:function(e){var t,a,s=void 0!==(null===(t=null==e?void 0:e.target)||void 0===t?void 0:t.value)?e.target.value:e;r.onChange(s),null===(a=n.onChange)||void 0===a||a.call(n,e)},error:r.error||void 0,autoComplete:s})}var u=v.some(function(e){return a===e});if(u&&n.children){var i=f(n.children,r);return l.default.cloneElement(e,{children:i})}if(["Input","InputBase","InputNumber","NumberInput","Select","DatePicker","Checkbox","Radio","Switch","Textarea","TextArea","Password","Search"].includes(a)||!u&&"function"==typeof n.onChange){s=n.autoComplete||d(r.name);return l.default.cloneElement(e,{value:r.value,onChange:function(e){var t,a,s=void 0!==(null===(t=null==e?void 0:e.target)||void 0===t?void 0:t.value)?e.target.value:e;r.onChange(s),null===(a=n.onChange)||void 0===a||a.call(n,e)},error:r.error||void 0,autoComplete:s})}return n.children?l.default.cloneElement(e,{children:f(n.children,r)}):e})};c.Item=function(e){var a=e.name,s=e.label,l=e.required,o=e.rules,c=void 0===o?[]:o,d=e.className,v=void 0===d?"":d,m=e.style,g=e.help,_=e.validateStatus,p=e.colon,h=e.labelSpan,y=e.wrapperSpan,b=e.hidden,F=void 0!==b&&b,C=e.noStyle,w=void 0!==C&&C,S=e.extra,N=e.styles,k=e.registerItem,x=e.children,V=n.useContext(i),E=n.useState(function(){if(a&&(null==V?void 0:V.values)&&a in V.values){var e=V.values[a];return null!=e?e:""}return""}),j=E[0],q=E[1],I=k||(null==V?void 0:V.registerItem);I&&a&&I(a,{rules:c}),n.useEffect(function(){if(V&&a&&V.values&&a in V.values){var e=V.values[a];q(null!=e?e:"")}},[V,a,null==V?void 0:V.values]);var R=function(e){q(e),a&&(null==V||V.setFieldValue(a,e))},A=l||c.some(function(e){return e.required}),z=V&&a?V.errors[a]:"",M=!!z||"error"===_,P=void 0!==h?h:null==V?void 0:V.labelSpan,W=void 0!==y?y:null==V?void 0:V.wrapperSpan,L=P?P/24*100:void 0,O=void 0;if(void 0!==P){var G=24-P,D=void 0!==W?W:G;D>G&&(D=G),D<1&&(D=1),O=D/24*100}if(F)return null;if(w)return r.jsx(r.Fragment,{children:f(x,{value:j,onChange:R,error:M,name:a})});var H=t.getFormItemWrapperClassName({layout:(null==V?void 0:V.layout)||"horizontal",className:v}),T=t.getFormItemWrapperStyle({style:m,customStyles:null==N?void 0:N.wrapper}),$=t.getFormLabelClassName({required:A}),B=t.getFormLabelStyle({labelAlign:"vertical"===(null==V?void 0:V.layout)?"start":"end",labelWidth:L,style:void 0,customStyles:null==N?void 0:N.label}),J=t.getFormControlClassName({}),K=t.getFormControlStyle({controlWidth:O,style:void 0,customStyles:null==N?void 0:N.input}),Q=t.getFormErrorClassName({visible:M}),U=t.getFormErrorStyle({style:void 0,customStyles:null==N?void 0:N.error}),X=t.getFormHelpClassName({}),Y=t.getFormHelpStyle({style:void 0,customStyles:null==N?void 0:N.help}),Z=void 0!==p?p:null==V?void 0:V.colon;return r.jsxs("div",{className:H,style:T,children:[s&&r.jsx("label",{className:u.default($,Z&&"zjpcy-form-label--colon"),style:B,children:s}),r.jsxs("div",{className:J,style:K,children:[f(x,{value:j,onChange:R,error:M,name:a}),r.jsx("div",{className:Q,style:U,children:z||""}),g&&!M&&r.jsx("div",{className:X,style:Y,children:g}),S&&!M&&r.jsx("div",{className:X,style:Y,children:S})]})]})},c.useForm=o;var m=c;exports.default=m,exports.useForm=o;

package/dist/es/components/Form/index.js

@@ -1 +1 @@
-"use client";import{__assign as e,__awaiter as r,__generator as t}from"tslib";import{jsx as n,jsxs as a}from"react/jsx-runtime";import l,{createContext as u,useRef as i,useState as s,useEffect as o,useCallback as c,useMemo as d,useContext as v}from"react";import{getFormWrapperClassName as f,getFormWrapperStyle as m,getFormItemWrapperClassName as y,getFormItemWrapperStyle as p,getFormLabelClassName as h,getFormLabelStyle as b,getFormControlClassName as g,getFormControlStyle as F,getFormErrorClassName as w,getFormErrorStyle as V,getFormHelpClassName as N,getFormHelpStyle as S}from"./styles.js";import k from"classnames";var E=u(null),j=function(){var e=i(null);return e.current||(e.current={getFieldValue:function(){},getFieldsValue:function(){return{}},setFieldValue:function(){},setFieldsValue:function(){},setFields:function(){},resetFields:function(){},validateFields:function(){return Promise.reject(new Error("Form instance not initialized"))},submit:function(){},destroy:function(){}}),[e.current]},A=function(a){var u=a.children,v=a.className,y=void 0===v?"":v,p=a.style,h=a.layout,b=void 0===h?"horizontal":h,g=a.labelSpan,F=a.wrapperSpan,w=a.initialValues,V=void 0===w?{}:w,N=a.onFinish,S=a.onFinishFailed,k=a.colon,j=void 0===k||k,A=a.requiredMark,z=void 0===A||A,C=a.styles,x=a.formRef,I=a.form,M=s(V),O=M[0],P=M[1],L=s({}),W=L[0],$=L[1],D=i(null),R=i(new Map),B=i(null),G=i(V),H=i({});o(function(){G.current=O},[O]),o(function(){H.current=W},[W]);var J=c(function(r,t){var n;R.current.has(r)&&(P(function(n){var a;return e(e({},n),((a={})[r]=t,a))}),G.current=e(e({},G.current),((n={})[r]=t,n)),H.current[r]&&($(function(t){var n=e({},t);return delete n[r],n}),delete H.current[r]))},[]),K=c(function(e){if(R.current.has(e))return G.current[e]},[]),Q=c(function(r){var t={};Object.keys(r).forEach(function(e){R.current.has(e)&&(t[e]=r[e])}),0!==Object.keys(t).length&&(P(function(r){return e(e({},r),t)}),G.current=e(e({},G.current),t),Object.keys(t).forEach(function(r){H.current[r]&&($(function(t){var n=e({},t);return delete n[r],n}),delete H.current[r])}))},[]),T=c(function(n){return r(void 0,void 0,void 0,function(){var r,a,l,u,i,s,o,c;return t(this,function(d){switch(d.label){case 0:if(!(r=R.current.get(n)))return[2];if(a=r.rules,l=G.current[n],!a||0===a.length)return[2];u=function(r){var a,u,i,s,o,c,d,v,f,m,y,p,h,b,g,F;return t(this,function(t){switch(t.label){case 0:if(r.required&&(null==l||""===l))return a=r.message||"".concat(n," is required"),$(function(r){var t;return e(e({},r),((t={})[n]=a,t))}),H.current=e(e({},H.current),((m={})[n]=a,m)),[2,{value:a}];if(r.pattern&&!r.pattern.test(l))return u=r.message||"".concat(n," format is invalid"),$(function(r){var t;return e(e({},r),((t={})[n]=u,t))}),H.current=e(e({},H.current),((y={})[n]=u,y)),[2,{value:u}];if(r.type){switch(i=!0,r.type){case"email":i=/^[^\s@]+@[^\s@]+\.[^\s@]+$/.test(l);break;case"url":i=/^https?:\/\/.+$/.test(l);break;case"number":i=!isNaN(Number(l));break;case"integer":i=Number.isInteger(Number(l));break;case"float":i=!isNaN(parseFloat(l))&&isFinite(l);break;case"string":i="string"==typeof l;break;case"boolean":i="boolean"==typeof l;break;case"array":i=Array.isArray(l);break;case"object":i="object"==typeof l&&null!==l&&!Array.isArray(l)}if(!i)return s=r.message||"".concat(n," must be a ").concat(r.type),$(function(r){var t;return e(e({},r),((t={})[n]=s,t))}),H.current=e(e({},H.current),((p={})[n]=s,p)),[2,{value:s}]}if(void 0!==r.min&&l.length<r.min)return o=r.message||"".concat(n," must be at least ").concat(r.min," characters"),$(function(r){var t;return e(e({},r),((t={})[n]=o,t))}),H.current=e(e({},H.current),((h={})[n]=o,h)),[2,{value:o}];if(void 0!==r.max&&l.length>r.max)return c=r.message||"".concat(n," must be at most ").concat(r.max," characters"),$(function(r){var t;return e(e({},r),((t={})[n]=c,t))}),H.current=e(e({},H.current),((b={})[n]=c,b)),[2,{value:c}];if(void 0!==r.len&&l.length!==r.len)return d=r.message||"".concat(n," must be exactly ").concat(r.len," characters"),$(function(r){var t;return e(e({},r),((t={})[n]=d,t))}),H.current=e(e({},H.current),((g={})[n]=d,g)),[2,{value:d}];if(!r.validator)return[3,4];t.label=1;case 1:return t.trys.push([1,3,,4]),[4,r.validator(r,l)];case 2:return t.sent(),[3,4];case 3:return v=t.sent(),f=v instanceof Error?v.message:r.message||"".concat(n," validation failed"),$(function(r){var t;return e(e({},r),((t={})[n]=f,t))}),H.current=e(e({},H.current),((F={})[n]=f,F)),[2,{value:f}];case 4:return[2]}})},i=0,s=a,d.label=1;case 1:return i<s.length?(o=s[i],[5,u(o)]):[3,4];case 2:if("object"==typeof(c=d.sent()))return[2,c.value];d.label=3;case 3:return i++,[3,1];case 4:return $(function(r){var t=e({},r);return delete t[n],t}),delete H.current[n],[2,null]}})})},[]),U=c(function(n){return r(void 0,void 0,void 0,function(){var r,a;return t(this,function(t){switch(t.label){case 0:return r=n||Array.from(R.current.keys()),[4,Promise.all(r.map(function(e){return T(e)}))];case 1:if(a=t.sent(),a.some(function(e){return null!==e}))throw new Error("Validation failed");return[2,e({},G.current)]}})})},[T]),X=c(function(r){var t=(null==r?void 0:r.filter(function(e){return R.current.has(e)}))||Array.from(R.current.keys());if(t.length>0){var n=e({},G.current);t.forEach(function(e){n[e]=void 0!==V[e]?V[e]:void 0}),P(n),G.current=n}$({}),H.current={}},[V]),Y=d(function(){return{getFieldValue:K,getFieldsValue:function(e){var r=(null==e?void 0:e.filter(function(e){return R.current.has(e)}))||Array.from(R.current.keys()),t={};return r.forEach(function(e){t[e]=G.current[e]}),t},setFieldValue:J,setFieldsValue:Q,setFields:function(r){var t=e({},G.current),n=e({},H.current);r.forEach(function(e){R.current.has(e.name)&&(void 0!==e.value&&(t[e.name]=e.value),e.errors&&e.errors.length>0?n[e.name]=e.errors[0]:delete n[e.name])}),P(t),$(n),G.current=t,H.current=n},resetFields:X,validateFields:U,submit:function(){U().then(function(){var e=document.querySelector("form");e&&e.dispatchEvent(new Event("submit",{cancelable:!0,bubbles:!0}))})},destroy:function(){P({}),$({}),G.current={},H.current={},R.current.clear(),B.current=null}}},[K,J,Q,X,U]);o(function(){B.current=Y,x&&(x.current=Y),I&&(I.getFieldValue=Y.getFieldValue,I.getFieldsValue=Y.getFieldsValue,I.setFieldValue=Y.setFieldValue,I.setFieldsValue=Y.setFieldsValue,I.setFields=Y.setFields,I.resetFields=Y.resetFields,I.validateFields=Y.validateFields,I.submit=Y.submit,I.destroy=Y.destroy)},[Y,x,I]);var Z=c(function(e,r){return R.current.set(e,r),function(){R.current.delete(e)}},[]),_={layout:b,labelSpan:g,wrapperSpan:F,colon:j,requiredMark:z,values:O,errors:W,setFieldValue:J,getFieldValue:K,setFieldValueList:Q,validateField:T,validateFields:U,resetFields:X},ee=f({className:y}),re=m({style:p,customStyles:null==C?void 0:C.wrapper});return n(E.Provider,{value:_,children:n("form",{ref:D,className:ee,style:re,onSubmit:function(e){return r(void 0,void 0,void 0,function(){var r;return t(this,function(t){switch(t.label){case 0:e.preventDefault(),t.label=1;case 1:return t.trys.push([1,3,,4]),[4,U()];case 2:return t.sent(),null==N||N(G.current),[3,4];case 3:return r=t.sent(),null==S||S({error:r,values:G.current}),[3,4];case 4:return[2]}})})},children:l.Children.map(u,function(e){return l.isValidElement(e)&&e.type===q?l.cloneElement(e,{registerItem:Z}):e})})})},q=function(e){var r=e.name,t=e.label,u=e.required,i=e.rules,c=void 0===i?[]:i,d=e.className,f=void 0===d?"":d,m=e.style,j=e.help,A=e.validateStatus,q=e.colon,z=e.labelSpan,C=e.wrapperSpan,x=e.hidden,I=void 0!==x&&x,M=e.extra,O=e.styles,P=e.registerItem,L=e.children,W=v(E),$=s(function(){if(r&&(null==W?void 0:W.values)&&r in W.values){var e=W.values[r];return null!=e?e:""}return""}),D=$[0],R=$[1];P&&r&&P(r,{rules:c}),o(function(){if(W&&r&&W.values&&r in W.values){var e=W.values[r];R(null!=e?e:"")}},[W,r,null==W?void 0:W.values]);var B=u||c.some(function(e){return e.required}),G=W&&r?W.errors[r]:"",H=!!G||"error"===A,J=void 0!==z?z:null==W?void 0:W.labelSpan,K=void 0!==C?C:null==W?void 0:W.wrapperSpan,Q=J?J/24*100:void 0,T=void 0;if(void 0!==J){var U=24-J,X=void 0!==K?K:U;X>U&&(X=U),X<1&&(X=1),T=X/24*100}if(I)return null;var Y=y({layout:(null==W?void 0:W.layout)||"horizontal",className:f}),Z=p({style:m,customStyles:null==O?void 0:O.wrapper}),_=h({required:B}),ee=b({labelAlign:"vertical"===(null==W?void 0:W.layout)?"start":"end",labelWidth:Q,style:void 0,customStyles:null==O?void 0:O.label}),re=g({}),te=F({controlWidth:T,style:void 0,customStyles:null==O?void 0:O.input}),ne=w({visible:H}),ae=V({style:void 0,customStyles:null==O?void 0:O.error}),le=N({}),ue=S({style:void 0,customStyles:null==O?void 0:O.help}),ie=void 0!==q?q:null==W?void 0:W.colon;return a("div",{className:Y,style:Z,children:[t&&n("label",{className:k(_,ie&&"zjpcy-form-label--colon"),style:ee,children:t}),a("div",{className:re,style:te,children:[l.Children.map(l.Children.toArray(L).filter(function(e){return l.isValidElement(e)}),function(e){var t=e.props,n=t.autoComplete||function(e){if(e)return{username:"username",email:"email",password:"current-password","new-password":"new-password","current-password":"current-password",name:"name","given-name":"given-name","family-name":"family-name",tel:"tel",phone:"tel",address:"street-address",city:"address-level2",country:"country-name",zipcode:"postal-code","postal-code":"postal-code",organization:"organization",company:"organization"}[e.toLowerCase()]}(r);return l.cloneElement(e,{value:D,onChange:function(e){var n,a;!function(e){R(e),r&&(null==W||W.setFieldValue(r,e))}(void 0!==(null===(n=null==e?void 0:e.target)||void 0===n?void 0:n.value)?e.target.value:e),null===(a=t.onChange)||void 0===a||a.call(t,e)},error:H||void 0,autoComplete:n})}),n("div",{className:ne,style:ae,children:G||""}),j&&!H&&n("div",{className:le,style:ue,children:j}),M&&!H&&n("div",{className:le,style:ue,children:M})]})]})};A.Item=q,A.useForm=j;var z=A;export{z as default,j as useForm};
+"use client";import{__assign as e,__awaiter as r,__generator as n}from"tslib";import{jsx as t,Fragment as a,jsxs as l}from"react/jsx-runtime";import u,{createContext as i,useRef as o,useState as s,useEffect as c,useCallback as d,useMemo as v,useContext as f}from"react";import{getFormWrapperClassName as m,getFormWrapperStyle as h,getFormItemWrapperClassName as p,getFormItemWrapperStyle as y,getFormLabelClassName as b,getFormLabelStyle as g,getFormControlClassName as F,getFormControlStyle as w,getFormErrorClassName as V,getFormErrorStyle as S,getFormHelpClassName as N,getFormHelpStyle as k}from"./styles.js";import C from"classnames";var E=i(null),x=function(){var e=o(null);return e.current||(e.current={getFieldValue:function(){},getFieldsValue:function(){return{}},setFieldValue:function(){},setFieldsValue:function(){},setFields:function(){},resetFields:function(){},validateFields:function(){return Promise.reject(new Error("Form instance not initialized"))},submit:function(){},destroy:function(){}}),[e.current]},j=function(a){var l=a.children,u=a.className,i=void 0===u?"":u,f=a.style,p=a.layout,y=void 0===p?"horizontal":p,b=a.labelSpan,g=a.wrapperSpan,F=a.initialValues,w=void 0===F?{}:F,V=a.onFinish,S=a.onFinishFailed,N=a.colon,k=void 0===N||N,C=a.requiredMark,x=void 0===C||C,j=a.styles,A=a.formRef,I=a.form,q=s(w),z=q[0],P=q[1],R=s({}),G=R[0],M=R[1],O=o(null),D=o(new Map),L=o(null),T=o(w),W=o({});c(function(){T.current=z},[z]),c(function(){W.current=G},[G]);var $=d(function(r,n){var t;D.current.has(r)&&(P(function(t){var a;return e(e({},t),((a={})[r]=n,a))}),T.current=e(e({},T.current),((t={})[r]=n,t)),W.current[r]&&(M(function(n){var t=e({},n);return delete t[r],t}),delete W.current[r]))},[]),B=d(function(e){if(D.current.has(e))return T.current[e]},[]),H=d(function(r){var n={};Object.keys(r).forEach(function(e){D.current.has(e)&&(n[e]=r[e])}),0!==Object.keys(n).length&&(P(function(r){return e(e({},r),n)}),T.current=e(e({},T.current),n),Object.keys(n).forEach(function(r){W.current[r]&&(M(function(n){var t=e({},n);return delete t[r],t}),delete W.current[r])}))},[]),J=d(function(t){return r(void 0,void 0,void 0,function(){var r,a,l,u,i,o,s,c;return n(this,function(d){switch(d.label){case 0:if(!(r=D.current.get(t)))return[2,null];if(a=r.rules,l=T.current[t],!a||0===a.length)return[2,null];u=function(r){var a,u,i,o,s,c,d,v,f,m,h,p,y,b,g,F;return n(this,function(n){switch(n.label){case 0:if(r.required&&(null==l||""===l))return a=r.message||"".concat(t," is required"),M(function(r){var n;return e(e({},r),((n={})[t]=a,n))}),W.current=e(e({},W.current),((m={})[t]=a,m)),[2,{value:a}];if(r.pattern&&!r.pattern.test(l))return u=r.message||"".concat(t," format is invalid"),M(function(r){var n;return e(e({},r),((n={})[t]=u,n))}),W.current=e(e({},W.current),((h={})[t]=u,h)),[2,{value:u}];if(r.type){switch(i=!0,r.type){case"email":i=/^[^\s@]+@[^\s@]+\.[^\s@]+$/.test(l);break;case"url":i=/^https?:\/\/.+$/.test(l);break;case"number":i=!isNaN(Number(l));break;case"integer":i=Number.isInteger(Number(l));break;case"float":i=!isNaN(parseFloat(l))&&isFinite(l);break;case"string":i="string"==typeof l;break;case"boolean":i="boolean"==typeof l;break;case"array":i=Array.isArray(l);break;case"object":i="object"==typeof l&&null!==l&&!Array.isArray(l)}if(!i)return o=r.message||"".concat(t," must be a ").concat(r.type),M(function(r){var n;return e(e({},r),((n={})[t]=o,n))}),W.current=e(e({},W.current),((p={})[t]=o,p)),[2,{value:o}]}if(void 0!==r.min&&l.length<r.min)return s=r.message||"".concat(t," must be at least ").concat(r.min," characters"),M(function(r){var n;return e(e({},r),((n={})[t]=s,n))}),W.current=e(e({},W.current),((y={})[t]=s,y)),[2,{value:s}];if(void 0!==r.max&&l.length>r.max)return c=r.message||"".concat(t," must be at most ").concat(r.max," characters"),M(function(r){var n;return e(e({},r),((n={})[t]=c,n))}),W.current=e(e({},W.current),((b={})[t]=c,b)),[2,{value:c}];if(void 0!==r.len&&l.length!==r.len)return d=r.message||"".concat(t," must be exactly ").concat(r.len," characters"),M(function(r){var n;return e(e({},r),((n={})[t]=d,n))}),W.current=e(e({},W.current),((g={})[t]=d,g)),[2,{value:d}];if(!r.validator)return[3,4];n.label=1;case 1:return n.trys.push([1,3,,4]),[4,r.validator(r,l)];case 2:return n.sent(),[3,4];case 3:return v=n.sent(),f=v instanceof Error?v.message:r.message||"".concat(t," validation failed"),M(function(r){var n;return e(e({},r),((n={})[t]=f,n))}),W.current=e(e({},W.current),((F={})[t]=f,F)),[2,{value:f}];case 4:return[2]}})},i=0,o=a,d.label=1;case 1:return i<o.length?(s=o[i],[5,u(s)]):[3,4];case 2:if("object"==typeof(c=d.sent()))return[2,c.value];d.label=3;case 3:return i++,[3,1];case 4:return M(function(r){var n=e({},r);return delete n[t],n}),delete W.current[t],[2,null]}})})},[]),K=d(function(t){return r(void 0,void 0,void 0,function(){var r,a;return n(this,function(n){switch(n.label){case 0:return r=t||Array.from(D.current.keys()),[4,Promise.all(r.map(function(e){return J(e)}))];case 1:if(a=n.sent(),a.some(function(e){return null!==e}))throw new Error("Validation failed");return[2,e({},T.current)]}})})},[J]),Q=d(function(r){var n=(null==r?void 0:r.filter(function(e){return D.current.has(e)}))||Array.from(D.current.keys());if(n.length>0){var t=e({},T.current);n.forEach(function(e){t[e]=void 0!==w[e]?w[e]:void 0}),P(t),T.current=t}M({}),W.current={}},[w]),U=v(function(){return{getFieldValue:B,getFieldsValue:function(e){var r=(null==e?void 0:e.filter(function(e){return D.current.has(e)}))||Array.from(D.current.keys()),n={};return r.forEach(function(e){n[e]=T.current[e]}),n},setFieldValue:$,setFieldsValue:H,setFields:function(r){var n=e({},T.current),t=e({},W.current);r.forEach(function(e){D.current.has(e.name)&&(void 0!==e.value&&(n[e.name]=e.value),e.errors&&e.errors.length>0?t[e.name]=e.errors[0]:delete t[e.name])}),P(n),M(t),T.current=n,W.current=t},resetFields:Q,validateFields:K,submit:function(){K().then(function(){var e=document.querySelector("form");e&&e.dispatchEvent(new Event("submit",{cancelable:!0,bubbles:!0}))})},destroy:function(){P({}),M({}),T.current={},W.current={},D.current.clear(),L.current=null}}},[B,$,H,Q,K]);c(function(){L.current=U,A&&(A.current=U),I&&(I.getFieldValue=U.getFieldValue,I.getFieldsValue=U.getFieldsValue,I.setFieldValue=U.setFieldValue,I.setFieldsValue=U.setFieldsValue,I.setFields=U.setFields,I.resetFields=U.resetFields,I.validateFields=U.validateFields,I.submit=U.submit,I.destroy=U.destroy)},[U,A,I]);var X=d(function(e,r){return D.current.set(e,r),function(){D.current.delete(e)}},[]),Y={layout:y,labelSpan:b,wrapperSpan:g,colon:k,requiredMark:x,values:z,errors:G,setFieldValue:$,getFieldValue:B,setFieldValueList:H,validateField:J,validateFields:K,resetFields:Q,registerItem:X},Z=m({className:i}),_=h({style:f,customStyles:null==j?void 0:j.wrapper});return t(E.Provider,{value:Y,children:t("form",{ref:O,className:Z,style:_,onSubmit:function(e){return r(void 0,void 0,void 0,function(){var r;return n(this,function(n){switch(n.label){case 0:e.preventDefault(),n.label=1;case 1:return n.trys.push([1,3,,4]),[4,K()];case 2:return n.sent(),null==V||V(T.current),[3,4];case 3:return r=n.sent(),null==S||S({error:r,values:T.current}),[3,4];case 4:return[2]}})})},children:l})})},A=function(e){if(e){return{username:"username",email:"email",password:"current-password","new-password":"new-password","current-password":"current-password",name:"name","given-name":"given-name","family-name":"family-name",tel:"tel",phone:"tel",address:"street-address",city:"address-level2",country:"country-name",zipcode:"postal-code","postal-code":"postal-code",organization:"organization",company:"organization"}[e.toLowerCase()]}},I=["Space","Flex","Row","Col","Grid","Grid.Row","Grid.Col"],q=function(e,r){return u.Children.map(e,function(e){if(!u.isValidElement(e))return e;var n=e.props,t=e.type,a=(null==t?void 0:t.displayName)||(null==t?void 0:t.name)||"";if(["input","textarea","select"].includes(t)){var l=n.autoComplete||A(r.name);return u.cloneElement(e,{value:r.value,onChange:function(e){var t,a,l=void 0!==(null===(t=null==e?void 0:e.target)||void 0===t?void 0:t.value)?e.target.value:e;r.onChange(l),null===(a=n.onChange)||void 0===a||a.call(n,e)},error:r.error||void 0,autoComplete:l})}var i=I.some(function(e){return a===e});if(i&&n.children){var o=q(n.children,r);return u.cloneElement(e,{children:o})}if(["Input","InputBase","InputNumber","NumberInput","Select","DatePicker","Checkbox","Radio","Switch","Textarea","TextArea","Password","Search"].includes(a)||!i&&"function"==typeof n.onChange){l=n.autoComplete||A(r.name);return u.cloneElement(e,{value:r.value,onChange:function(e){var t,a,l=void 0!==(null===(t=null==e?void 0:e.target)||void 0===t?void 0:t.value)?e.target.value:e;r.onChange(l),null===(a=n.onChange)||void 0===a||a.call(n,e)},error:r.error||void 0,autoComplete:l})}return n.children?u.cloneElement(e,{children:q(n.children,r)}):e})};j.Item=function(e){var r=e.name,n=e.label,u=e.required,i=e.rules,o=void 0===i?[]:i,d=e.className,v=void 0===d?"":d,m=e.style,h=e.help,x=e.validateStatus,j=e.colon,A=e.labelSpan,I=e.wrapperSpan,z=e.hidden,P=void 0!==z&&z,R=e.noStyle,G=void 0!==R&&R,M=e.extra,O=e.styles,D=e.registerItem,L=e.children,T=f(E),W=s(function(){if(r&&(null==T?void 0:T.values)&&r in T.values){var e=T.values[r];return null!=e?e:""}return""}),$=W[0],B=W[1],H=D||(null==T?void 0:T.registerItem);H&&r&&H(r,{rules:o}),c(function(){if(T&&r&&T.values&&r in T.values){var e=T.values[r];B(null!=e?e:"")}},[T,r,null==T?void 0:T.values]);var J=function(e){B(e),r&&(null==T||T.setFieldValue(r,e))},K=u||o.some(function(e){return e.required}),Q=T&&r?T.errors[r]:"",U=!!Q||"error"===x,X=void 0!==A?A:null==T?void 0:T.labelSpan,Y=void 0!==I?I:null==T?void 0:T.wrapperSpan,Z=X?X/24*100:void 0,_=void 0;if(void 0!==X){var ee=24-X,re=void 0!==Y?Y:ee;re>ee&&(re=ee),re<1&&(re=1),_=re/24*100}if(P)return null;if(G)return t(a,{children:q(L,{value:$,onChange:J,error:U,name:r})});var ne=p({layout:(null==T?void 0:T.layout)||"horizontal",className:v}),te=y({style:m,customStyles:null==O?void 0:O.wrapper}),ae=b({required:K}),le=g({labelAlign:"vertical"===(null==T?void 0:T.layout)?"start":"end",labelWidth:Z,style:void 0,customStyles:null==O?void 0:O.label}),ue=F({}),ie=w({controlWidth:_,style:void 0,customStyles:null==O?void 0:O.input}),oe=V({visible:U}),se=S({style:void 0,customStyles:null==O?void 0:O.error}),ce=N({}),de=k({style:void 0,customStyles:null==O?void 0:O.help}),ve=void 0!==j?j:null==T?void 0:T.colon;return l("div",{className:ne,style:te,children:[n&&t("label",{className:C(ae,ve&&"zjpcy-form-label--colon"),style:le,children:n}),l("div",{className:ue,style:ie,children:[q(L,{value:$,onChange:J,error:U,name:r}),t("div",{className:oe,style:se,children:Q||""}),h&&!U&&t("div",{className:ce,style:de,children:h}),M&&!U&&t("div",{className:ce,style:de,children:M})]})]})},j.useForm=x;var z=j;export{z as default,x as useForm};

package/dist/types/components/Form/types.d.ts

@@ -32,6 +32,7 @@ export interface FormItemProps {
     labelSpan?: number;
     wrapperSpan?: number;
     hidden?: boolean;
+    noStyle?: boolean;
     tooltip?: ReactNode;
     extra?: ReactNode;
     styles?: {
@@ -69,6 +70,7 @@ export interface FormContextType {
     validateField: (name: string) => Promise<void>;
     validateFields: (names?: string[]) => Promise<Record<string, any>>;
     resetFields: (names?: string[]) => void;
+    registerItem?: (name: string, item: any) => () => void;
 }
 export interface FormInstance {
     getFieldValue: (name: string) => any;

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@zjpcy/simple-design",
-  "version": "1.8.19",
+  "version": "1.8.21",
   "description": "zjpcy Studio Design System - React Component Library",
   "main": "dist/cjs/components/index.js",
   "module": "dist/es/components/index.js",