diff --git a/dist/react-formutil.cjs.development.js b/dist/react-formutil.cjs.development.js
index f0b8519..75a1227 100644
--- a/dist/react-formutil.cjs.development.js
+++ b/dist/react-formutil.cjs.development.js
@@ -901,6 +901,7 @@ var Form = /*#__PURE__*/function (_Component) {
         var pathData = pathExist($parsedTree, name);
 
         if (force || pathData) {
+          var $curState = handler.$getState();
           var $newState = handler && processer(pathData && pathData.data, handler);
 
           if ($newState) {
@@ -916,11 +917,11 @@ var Form = /*#__PURE__*/function (_Component) {
 
               if (findItem) {
                 findItem.$newValue = $newValue;
-              } else if (name in _this.$formutil.$weakParams) {
+              } else {
                 _this.$$fieldChangedQueue.push({
                   name: name,
                   $newValue: $newValue,
-                  $prevValue: _this.$formutil.$weakParams[name]
+                  $prevValue: $curState.$value
                 });
               }
             }
diff --git a/dist/react-formutil.cjs.production.js b/dist/react-formutil.cjs.production.js
index fac7085..ca197af 100644
--- a/dist/react-formutil.cjs.production.js
+++ b/dist/react-formutil.cjs.production.js
@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,"__esModule",{value:true});var e=require("react");var t=require("warning");var r=require("react-dom");var n=require("react-is");var a=require("hoist-non-react-statics");var i=require("react-fast-compare");function u(e){return e&&typeof e==="object"&&"default"in e?e:{default:e}}var o=u(e);var s=u(t);var l=u(n);var f=u(a);var $=u(i);function c(e,t,r){if(t in e){Object.defineProperty(e,t,{value:r,enumerable:true,configurable:true,writable:true})}else{e[t]=r}return e}var d=c;function v(e,t){var r=Object.keys(e);if(Object.getOwnPropertySymbols){var n=Object.getOwnPropertySymbols(e);if(t)n=n.filter((function(t){return Object.getOwnPropertyDescriptor(e,t).enumerable}));r.push.apply(r,n)}return r}function p(e){for(var t=1;t<arguments.length;t++){var r=arguments[t]!=null?arguments[t]:{};if(t%2){v(Object(r),true).forEach((function(t){d(e,t,r[t])}))}else if(Object.getOwnPropertyDescriptors){Object.defineProperties(e,Object.getOwnPropertyDescriptors(r))}else{v(Object(r)).forEach((function(t){Object.defineProperty(e,t,Object.getOwnPropertyDescriptor(r,t))}))}}return e}var h=p;function m(e,t){if(t==null||t>e.length)t=e.length;for(var r=0,n=new Array(t);r<t;r++){n[r]=e[r]}return n}var g=m;function y(e){if(Array.isArray(e))return g(e)}var b=y;function w(e){if(typeof Symbol!=="undefined"&&Symbol.iterator in Object(e))return Array.from(e)}var F=w;function C(e,t){if(!e)return;if(typeof e==="string")return g(e,t);var r=Object.prototype.toString.call(e).slice(8,-1);if(r==="Object"&&e.constructor)r=e.constructor.name;if(r==="Map"||r==="Set")return Array.from(e);if(r==="Arguments"||/^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(r))return g(e,t)}var P=C;function V(){throw new TypeError("Invalid attempt to spread non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.")}var k=V;function S(e){return b(e)||F(e)||P(e)||k()}var O=S;function E(e){if(Array.isArray(e))return e}var _=E;function j(e,t){if(typeof Symbol==="undefined"||!(Symbol.iterator in Object(e)))return;var r=[];var n=true;var a=false;var i=undefined;try{for(var u=e[Symbol.iterator](),o;!(n=(o=u.next()).done);n=true){r.push(o.value);if(t&&r.length===t)break}}catch(e){a=true;i=e}finally{try{if(!n&&u["return"]!=null)u["return"]()}finally{if(a)throw i}}return r}var x=j;function R(){throw new TypeError("Invalid attempt to destructure non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.")}var A=R;function D(e,t){return _(e)||x(e,t)||P(e,t)||A()}var N=D;function U(e,t){if(!(e instanceof t)){throw new TypeError("Cannot call a class as a function")}}var T=U;function I(e,t){for(var r=0;r<t.length;r++){var n=t[r];n.enumerable=n.enumerable||false;n.configurable=true;if("value"in n)n.writable=true;Object.defineProperty(e,n.key,n)}}function H(e,t,r){if(t)I(e.prototype,t);if(r)I(e,r);return e}var M=H;function L(e){if(e===void 0){throw new ReferenceError("this hasn't been initialised - super() hasn't been called")}return e}var q=L;function B(e,t){return t={exports:{}},e(t,t.exports),t.exports}var Y=B((function(e){function t(r,n){e.exports=t=Object.setPrototypeOf||function e(t,r){t.__proto__=r;return t};return t(r,n)}e.exports=t}));function Q(e,t){if(typeof t!=="function"&&t!==null){throw new TypeError("Super expression must either be null or a function")}e.prototype=Object.create(t&&t.prototype,{constructor:{value:e,writable:true,configurable:true}});if(t)Y(e,t)}var G=Q;var z=B((function(e){function t(r){e.exports=t=Object.setPrototypeOf?Object.getPrototypeOf:function e(t){return t.__proto__||Object.getPrototypeOf(t)};return t(r)}e.exports=t}));function K(){if(typeof Reflect==="undefined"||!Reflect.construct)return false;if(Reflect.construct.sham)return false;if(typeof Proxy==="function")return true;try{Date.prototype.toString.call(Reflect.construct(Date,[],(function(){})));return true}catch(e){return false}}var W=K;var J=B((function(e){function t(r){"@babel/helpers - typeof";if(typeof Symbol==="function"&&typeof Symbol.iterator==="symbol"){e.exports=t=function e(t){return typeof t}}else{e.exports=t=function e(t){return t&&typeof Symbol==="function"&&t.constructor===Symbol&&t!==Symbol.prototype?"symbol":typeof t}}return t(r)}e.exports=t}));function X(e,t){if(t&&(J(t)==="object"||typeof t==="function")){return t}return q(e)}var Z=X;function ee(e){var t=W();return function r(){var n=z(e),a;if(t){var i=z(this).constructor;a=Reflect.construct(n,arguments,i)}else{a=n.apply(this,arguments)}return Z(this,a)}}var te=ee;var re=e.createContext((function(){return{}}));var ne=l["default"].isValidElementType;var ae=Object.getPrototypeOf({});var ie=/\s*(?:\]\s*\.|\]\s*\[|\.|\[|\])\s*/g;var ue=typeof window==="undefined"?global:window;function oe(e){return typeof e==="undefined"}function se(e){return typeof e==="function"}function le(e){return oe(e)||e===null||e+""===""}function fe(e){return!!e&&se(e.then)}function $e(e){return Object.prototype.toString.call(e)==="[object Object]"}function ce(e){if(!$e(e))return false;if(null===Object.getPrototypeOf(e))return true;if(!se(e.constructor))return false;return e.constructor.prototype===ae}function de(e){return ne(e)&&typeof e!=="string"}function ve(e){if(Array.isArray(e)){var t=[];for(var r=0,n=e.length;r<n;r++){t[r]=ve(e[r])}return t}else if(ce(e)){var a={};for(var i in e){if(e.hasOwnProperty(i))a[i]=ve(e[i])}return a}return e}var pe=function e(t){for(var r=arguments.length,n=new Array(r>1?r-1:0),a=1;a<r;a++){n[a-1]=arguments[a]}if(se(t)){t.apply(void 0,n)}return n[0]};function he(e){return function(){for(var t=arguments.length,r=new Array(t),n=0;n<t;n++){r[n]=arguments[n]}if(de(r[0])){return e.apply(void 0,r)}return function(t){return e(t,r[0])}}}var me=["minlength","maxlength","max","min","required","pattern","step"];function ge(e){return me.indexOf(e.toLowerCase())>-1}var ye=function e(t){try{var r=new Function("origin","global","return typeof ".concat(t," === 'number' || (typeof ").concat(t," !== 'undefined' && !(origin in global)) ? ").concat(t," : origin"));return r(t,ue)}catch(e){return t}};function be(){for(var e=arguments.length,t=new Array(e),r=0;r<e;r++){t[r]=arguments[r]}var n=t[0],a=t[1],i=t[2];s["default"](typeof a==="string","The second parameter(".concat(JSON.stringify(a),") of parsePath() must be a string."));var u=(a.match(ie)||[]).map((function(e){return e.replace(/\s/g,"")}));var o=a.split(ie).map((function(e){return e.trim()})).filter((function(e){return e!==""}));var l=n;try{if(t.length<3){for(var f=0,$=o.length;f<$;f++){var c=ye(o[f]);if(f+1===$){return l[c]}if(oe(l[c])){break}l=l[c]}}else{for(var d=0,v=o.length;d<v;d++){var p=ye(o[d]);var m=o[d+1];var g=u[d];if(oe(m)){l[p]=i;break}switch(g){case"].":case".":l=l[p]=oe(l[p])?{}:h({},l[p]);break;case"][":case"[":var y=ye(m);l=l[p]=oe(l[p])?typeof y==="number"&&y>=0?[]:{}:Array.isArray(l[p])?O(l[p]):h({},l[p]);break;default:l[p]=i;break}}}}catch(e){s["default"](false,"The name '%s' of Field seems is not a legal expression.",a)}if(t.length>2){return n}}function we(e,t){var r=t.split(ie).map((function(e){return e.trim()})).filter((function(e){return e!==""}));for(var n=0,a=r.length;n<a;n++){var i=ye(r[n]);if(!(i in e)){break}if(n+1===a){return{data:e[i]}}e=e[i]}}function Fe(e,t){if(e){if(se(e)){e(t)}else if("current"in e){e.current=t}}}var Ce=function e(t,r){for(var n=0,a=t.length;n<a;n++){if(r(t[n])===true){return t[n]}}};var Pe=function e(t,r){return Object.keys(t).reduce((function(e,n){e[n]=r(t[n],n,t);return e}),{})};var Ve=function e(t,r){return Object.keys(t).forEach((function(e){return r(t[e],e,t)}))};var ke=undefined;function Se(e,t,r){Ve(e,(function(t,r){if(t===ke){delete e[r]}else if(ce(t)||Array.isArray(t)){Se(t,r,e)}}));if(r&&Object.keys(e).every((function(t){return e[t]===ke}))){r[t]=ke;Se(r)}}var Oe=function e(t,r){if(!oe(be(t,r))){be(t,r,ke);Se(t)}};function Ee(e,t){if(e===t){return true}var r=Object.keys(e);if(r.length!==Object.keys(t).length){return false}for(var n=0;n<r.length;n++){if(e[r[n]]!==t[r[n]]){return false}}return true}var _e="FORM_VALIDATE_RESULT";var je,xe;if(typeof requestAnimationFrame==="function"){je=requestAnimationFrame;xe=cancelAnimationFrame}else{je=setTimeout;xe=clearTimeout}var Re=function(t){G(a,t);var n=te(a);function a(e){var t;T(this,a);t=n.call(this,e);t.$$formPending=void 0;t.$$formValidatePromise=void 0;t.$$registers={};t.$$deepRegisters={};t.getFormContext=function(){return{$$registers:t.$$registers,$$register:t.$$register,$$unregister:t.$$unregister,$$onChange:t.$$onChange,$$getDefault:t.$$getDefault,$formutil:t.$formutil}};t.$$regDuplications={};t.$$duplicateTimer=void 0;t.$$checkDuplication=function(){var e=q(t),r=e.$$regDuplications;var n;Ve(r,(function(e,t){var a=N(e,2),i=a[0],u=a[1];s["default"](i.$$reserved,"The Field with a name '".concat(t,"' has been registered!"));u.$$reset(i.$getState());n=delete r[t]}));if(n){t.$render()}};t.$$register=function(e,n,a){t.$$unregister(a,n);if(e){var i=t.$$getRegister(e);if(i){xe(t.$$duplicateTimer);t.$$regDuplications[e]=[i,n];t.$$duplicateTimer=je((function(){return r.unstable_batchedUpdates(t.$$checkDuplication)}))}else{t.$$fieldChangedQueue.push({name:e,$newValue:n.$getState().$value});Oe(t.$$defaultValues,e)}t.$$registers[n.$name=e]=n;t.$$formShouldUpdateFields[e]=true;t.createDeepRegisters();t.$render()}};t.$$unregister=function(e,r,n){if(e){if(e in t.$$regDuplications){var a=N(t.$$regDuplications[e],2),i=a[0],u=a[1];t.$$fieldChangedQueue.push({name:e,$newValue:u.$getState().$value,$prevValue:i.$getState().$value});delete t.$$regDuplications[e]}else if(t.$$registers[e]===r){if(n){r.$$reserved=true}else{delete t.$$registers[e];t.$$fieldChangedQueue.push({name:e,$prevValue:r.$getState().$value});Oe(t.$$defaultValues,e)}}t.$$formShouldUpdateAll=true;t.createDeepRegisters();t.$render()}};t.$$defaultInitialize=function(){var e=t.props,r=e.$defaultValues,n=e.$defaultStates;t.$$defaultValues=t.$$deepParseObject(ve(se(r)?r(t.props)||{}:r));t.$$defaultStates=t.$$deepParseObject(ve(se(n)?n(t.props)||{}:n))};t.$$getDefault=function(){return{$$defaultStates:t.$$defaultStates,$$defaultValues:t.$$defaultValues}};t.$$formShouldUpdateFields={};t.$$formShouldUpdateAll=false;t.$$fieldChangedQueue=[];t.$$triggerFormChange=function(){if(t.$$fieldChangedQueue.length){var e=O(t.$$fieldChangedQueue);t.$$fieldChangedQueue.length=0;var r={};var n={};var a=t.$$registers;var i=false;e.forEach((function(e){if(!(e.name in a)){delete e.$newValue}if(e.$newValue!==e.$prevValue){if("$newValue"in e&&"$prevValue"in e){var u=t.$$getRegister(e.name);if(u){u.$$triggerChange(e)}}"$newValue"in e&&be(r,e.name,e.$newValue);"$prevValue"in e&&be(n,e.name,e.$prevValue);i=true}}));if(i){if(se(t.props.$validator)){t.$$formValidate()}if(se(t.props.$onFormChange)){t.props.$onFormChange(t.$formutil,r,n)}}}};t.createDeepRegisters=function(){return t.$$deepRegisters=t.$$deepParseObject(t.$$registers)};t.$$getRegister=function(e){if(e){var r=t.$$registers[e]||be(t.$$deepRegisters,e);if(r){return r}}};t.$$formValidate=function(){return t.$$formValidatePromise=new Promise((function(e){var r=t.props.$validator;var n;var a;var i;var u;var o=r(t.$formutil.$params,t.$formutil);var s=function t(r){return e(pe(i,r))};if(fe(o)){if(!t.$$formPending){t.$$formPending=true;t.$render()}a=function e(t){return n=t(s)};u=o.then((function(){return void 0}),(function(e){return e})).then((function(e){if(n){return n}t.$shouldCancelPrevAsyncValidate=null;t.$$formPending=false;return t.$$setFormErrors(e,s)}))}else{if(t.$$formPending){t.$$formPending=false}u=t.$$setFormErrors(o,s)}if(t.$shouldCancelPrevAsyncValidate){t.$shouldCancelPrevAsyncValidate((function(e){i=e;return u}))}t.$shouldCancelPrevAsyncValidate=a}))};t.$$setFormErrors=function(e,r){if(e&&(e instanceof Error||typeof e!=="object")){s["default"](false,"The result of $validator in <Form /> should always return None(null,undefined) or an object contains error message of Field.");return t.$render(r)}return t.$$setStates(e||{},(function(e,t){var r=t.$getState(),n=r.$error,a=n===void 0?{}:n;if(e){return{$error:h(h({},a),{},d({},_e,e))}}if(a[_e]){delete a[_e];return{$error:a}}}),r,true)};t.$getField=function(e){var r=t.$$getRegister(e);s["default"](!e||r,"$getField('".concat(e,"') fail to find the matched Field. Maybe it has been unmounted."));s["default"](e,"You should pass a name of the mounted Field to $getField().");if(r){var n;return(n=r.$new)===null||n===void 0?void 0:n.call(r)}};t.$$onChange=function(e,r,n){return t.$setStates(d({},e,r),n)};t.$$setStates=function(){var e=arguments.length>0&&arguments[0]!==undefined?arguments[0]:{};var n=arguments.length>1?arguments[1]:undefined;var a=arguments.length>2?arguments[2]:undefined;var i=arguments.length>3?arguments[3]:undefined;var u=t.$$deepParseObject(e);var o=[];Ve(t.$$registers,(function(e,r){var a=we(u,r);if(i||a){var s=e&&n(a&&a.data,e);if(s){var l=e.$$merge(s),f=l.$value;o.push([e,s]);if("$value"in s||"$viewValue"in s){var $=Ce(t.$$fieldChangedQueue,(function(e){return e.name===r}));if($){$.$newValue=f}else if(r in t.$formutil.$weakParams){t.$$fieldChangedQueue.push({name:r,$newValue:f,$prevValue:t.$formutil.$weakParams[r]})}}t.$$formShouldUpdateFields[r]=true}}}));return r.unstable_batchedUpdates((function(){o.forEach((function(e){var t=N(e,2),r=t[0],n=t[1];return r.$$detectChange(n)}));return t.$render(a)}))};t.$render=function(e){return new Promise((function(r){return t.forceUpdate((function(){return r(pe(e,t.$formutil))}))}))};t.$validates=function(){var e;for(var r=arguments.length,n=new Array(r),a=0;a<r;a++){n[a]=arguments[a]}if(se(n[n.length-1])){e=n.pop()}if(n.length){var i=function e(r){r.forEach((function(r){if(Array.isArray(r)){e(r)}else{var n=t.$getField(r);if(n){n.$validate()}}}))};i(n)}else{Ve(t.$$registers,(function(e){return e.$validate()}));if(se(t.props.$validator)){t.$$formValidate()}}return t.$onValidates(e)};t.$onValidates=function(e){var r=Object.keys(t.$$registers).map((function(e){return t.$$registers[e].$onValidate()}));r.push(t.$$formValidatePromise);return Promise.all(r).then((function(){return pe(e,t.$formutil)}))};t.$validate=function(e,r){var n=t.$getField(e);if(n){return n.$validate(r)}return pe(r)};t.$reset=function(e,r){t.$$defaultInitialize();if(se(e)){r=e;e={}}return t.$$setStates(e,(function(e,t){return t.$$reset(e)}),r,true)};t.$setStates=function(e,r){return t.$$setStates(e,(function(e){return e}),r)};t.$setValues=function(e,r){t.$$deepParseObject(ve(e),t.$$defaultValues);Se(t.$$defaultValues);return t.$$setStates(e,(function(e){return{$value:e}}),r)};t.$setFocuses=function(e,r){return t.$$setStates(e,(function(e){return{$focused:e}}),r)};t.$setDirts=function(e,r){return t.$$setStates(e,(function(e){return{$dirty:e}}),r)};t.$setTouches=function(e,r){return t.$$setStates(e,(function(e){return{$touched:e}}),r)};t.$setPendings=function(e,r){return t.$$setStates(e,(function(e){return{$pending:e}}),r)};t.$setErrors=function(e,r){return t.$$setStates(e,(function(e){return{$error:e}}),r)};t.$batchState=function(e,r){return t.$setStates(Pe(t.$$registers,(function(){return e})),r)};t.$batchDirty=function(e,r){return t.$batchState({$dirty:e},r)};t.$batchTouched=function(e,r){return t.$batchState({$touched:e},r)};t.$batchFocused=function(e,r){return t.$batchState({$focused:e},r)};t.$batchPending=function(e,r){return t.$batchState({$pending:e},r)};t.$batchError=function(e,r){return t.$batchState({$error:e},r)};t.$getFirstError=function(e){var r=t.$formutil;if(e){var n=r.$getField(e);return n&&n.$getFirstError()}for(var a in r.$weakErrors){if(r.$weakErrors.hasOwnProperty(a)){var i=r.$weakErrors[a];for(var u in i){if(i.hasOwnProperty(u)){return i[u]instanceof Error?i[u].message:i[u]}}}}};t.$new=function(){return t.$formutil};t.$$defaultInitialize();return t}M(a,[{key:"$$deepParseObject",value:function e(t){var r=arguments.length>1&&arguments[1]!==undefined?arguments[1]:{};Ve(t,(function(e,t){return be(r,t,e)}));return r}},{key:"$$resetFormUpdateFields",value:function e(){this.$$formShouldUpdateFields={};this.$$formShouldUpdateAll=false}},{key:"componentDidMount",value:function e(){Fe(this.props.$ref,this.$formutil)}},{key:"componentDidUpdate",value:function e(t){Fe(this.props.$ref,this.$formutil);this.$$triggerFormChange()}},{key:"componentWillUnmount",value:function e(){Fe(this.props.$ref,null)}},{key:"_render",value:function t(){var r=this.$formutil;var n=this.props,a=n.children,i=n.render,u=n.component;if(u){return e.createElement(u,{$formutil:r})}if(se(i)){return i(r)}if(se(a)){return a(r)}return e.Children.map(a,(function(t){return t&&de(t.type)?e.cloneElement(t,{$formutil:r}):t}))}},{key:"render",value:function e(){var t=this;var r=this.props.$processer;var n=Object.keys(this.$$registers).map((function(e){return{path:e,$state:t.$$registers[e].$getState()}}));var a=this.$$formShouldUpdateAll;var i=this.$formutil||{};var u=n.some((function(e){var t=e.$state;return t.$invalid}));var s=n.some((function(e){var t=e.$state;return t.$dirty}));var l=n.some((function(e){var t=e.$state;return t.$touched}));var f=n.some((function(e){var t=e.$state;return t.$focused}));var $=this.$$formPending||n.some((function(e){var t=e.$state;return t.$pending}));var c=a?{}:h({},i.$pureParams);var d=a?{}:h({},i.$states);var v=a?{}:h({},i.$errors);var p=a?{}:h({},i.$dirts);var m=a?{}:h({},i.$touches);var g=a?{}:h({},i.$focuses);var y=a?{}:h({},i.$pendings);var b=a?{}:h({},i.$weakStates);var w=a?{}:h({},i.$weakParams);var F=a?{}:h({},i.$weakErrors);var C=a?{}:h({},i.$weakDirts);var P=a?{}:h({},i.$weakFocuses);var V=a?{}:h({},i.$weakTouches);var k=a?{}:h({},i.$weakPendings);for(var S=0,O=n.length;S<O;S++){var E=n[S],_=E.$state,j=E.path;if(!a){if(!this.$$formShouldUpdateFields[j]){continue}}if(r){r(_,j)}if(j in w&&_.$pristine&&oe(_.$value)){delete w[j];Oe(c,j)}else if(w[j]!==_.$value){w[j]=_.$value;be(c,j,_.$value)}be(d,j,_);b[j]=_;if(F[j]!==_.$error){if(_.$invalid){be(v,j,_.$error);F[j]=_.$error}else if(j in F){Oe(v,j);delete F[j]}}if(C[j]!==_.$dirty){be(p,j,_.$dirty);C[j]=_.$dirty}if(V[j]!==_.$touched){be(m,j,_.$touched);V[j]=_.$touched}if(P[j]!==_.$focused){be(g,j,_.$focused);P[j]=_.$focused}if(k[j]!==_.$pending){be(y,j,_.$pending);k[j]=_.$pending}}this.$formutil={$$registers:h({},this.$$registers),$$deepRegisters:this.$$deepRegisters,$states:d,$pureParams:c,$params:h(h({},this.$$defaultValues),c),$errors:v,$dirts:p,$touches:m,$focuses:g,$pendings:y,$weakStates:b,$weakParams:w,$weakErrors:F,$weakDirts:C,$weakTouches:V,$weakFocuses:P,$weakPendings:k,$getFirstError:this.$getFirstError,$render:this.$render,$getField:this.$getField,$onValidates:this.$onValidates,$new:this.$new,$setStates:this.$setStates,$setValues:this.$setValues,$setErrors:this.$setErrors,$setTouches:this.$setTouches,$setDirts:this.$setDirts,$setFocuses:this.$setFocuses,$setPendings:this.$setPendings,$batchState:this.$batchState,$batchTouched:this.$batchTouched,$batchDirty:this.$batchDirty,$batchFocused:this.$batchFocused,$batchPending:this.$batchPending,$reset:this.$reset,$validates:this.$validates,$validate:this.$validate,$valid:!u,$invalid:u,$dirty:s,$pristine:!s,$touched:l,$untouched:!l,$focused:f,$pending:$};this.$$resetFormUpdateFields();return o["default"].createElement(re.Provider,{value:this.getFormContext},this._render())}}]);return a}(e.Component);Re.displayName="React.Formutil.Form";Re.defaultProps={$defaultValues:{},$defaultStates:{}};function Ae(e,t){if(e==null)return{};var r={};var n=Object.keys(e);var a,i;for(i=0;i<n.length;i++){a=n[i];if(t.indexOf(a)>=0)continue;r[a]=e[a]}return r}var De=Ae;function Ne(e,t){if(e==null)return{};var r=De(e,t);var n,a;if(Object.getOwnPropertySymbols){var i=Object.getOwnPropertySymbols(e);for(a=0;a<i.length;a++){n=i[a];if(t.indexOf(n)>=0)continue;if(!Object.prototype.propertyIsEnumerable.call(e,n))continue;r[n]=e[n]}}return r}var Ue=Ne;var Te=["render","component","children","$defaultValues","$defaultStates","$onFormChange","$validator","$processer","$ref"];function Ie(t){var r=arguments.length>1&&arguments[1]!==undefined?arguments[1]:{};var n=function(e){G(a,e);var n=te(a);function a(){var e;T(this,a);for(var r=arguments.length,i=new Array(r),u=0;u<r;u++){i[u]=arguments[u]}e=n.call.apply(n,[this].concat(i));e.renderChildren=function(r){return o["default"].createElement(t,Object.assign({},e.othersProps,{$formutil:r,ref:e.props.__forwardRef__}))};return e}M(a,[{key:"render",value:function e(){var t=this.props,n=t.__forwardRef__,a=Ue(t,["__forwardRef__"]);var i=this.props,u=i.component,s=Ue(i,["component"]);Te.forEach((function(e){if(e in a){if(e==="$defaultStates"||e==="$defaultValues"){s[e]=h(h({},r[e]),a[e])}delete a[e]}}));this.othersProps=a;return o["default"].createElement(Re,Object.assign({},r,s,{render:this.renderChildren}))}}]);return a}(e.Component);n.displayName="React.Formutil.withForm."+(t.displayName||t.name||"Anonymous");var a=e.forwardRef((function(e,t){return o["default"].createElement(n,Object.assign({__forwardRef__:t},e))}));a.displayName="React.Formutil.withForm.ForwardRef."+(t.displayName||t.name||"Anonymous");return f["default"](a,t)}var He=he(Ie);var Me=0;var Le={$valid:true,$invalid:false,$dirty:false,$pristine:true,$touched:false,$untouched:true,$focused:false,$pending:false,$error:{}};function qe(e){return e!==true}function Be(e,t,r){s["default"](!oe(e),"You should return a string or Error when the validation('".concat(r&&r+": ").concat(t,"') failed, otherwise return true."))}var Ye="React.Formutil.Field";function Qe(){return Me++}function Ge(t,r){var n=r.children,a=r.render,i=r.component;if(i){return e.createElement(i,{$fieldutil:t})}if(se(a)){return a(t)}if(se(n)){return n(t)}return e.Children.map(n,(function(r){return r&&de(r.type)?e.cloneElement(r,{$fieldutil:t}):r}))}function ze(e,t){var r={$$FIELD_UUID:e.$$FIELD_UUID,$$reset:o,$$merge:b,$$detectChange:a,$$triggerChange:i,$onValidate:u,$new:function t(){return e.$fieldutil},$picker:s,$getState:s,$getComponent:function e(){return t},$reset:function t(r,n){return e.$setState(o(r),n)},$getFirstError:y,$validate:l,$setState:e.$setState,$render:f,$setValue:$,$setTouched:c,$setDirty:d,$setFocused:v,$setValidity:m,$setError:p,$setPending:g};var n;function a(e){if("$value"in e||"$viewValue"in e){l()}}function i(t){var r=t.$newValue,n=t.$prevValue;var a=e.props.$onFieldChange;if(se(a)){a(r,n,e.$formContext.$formutil)}}function u(e){n.then(e);return n}function o(t){var r;var n=e.props,a=e.$formContext;if(a.$$getDefault){var i=n.name;var u=a.$$getDefault(),o=u.$$defaultStates,s=u.$$defaultValues;if(i&&s){var l=be(s,i);r=be(o,i)||{};if(!oe(l)){r.$value=l}}}var f=n.$defaultValue,$=n.$defaultState;return b(h(h(h(h({},Le),se($)?$(n):$),{},{$value:se(f)?f(n):"$defaultValue"in n?f:""},r),t))}function s(){return h({},e.$state)}function l(t){return n=new Promise((function(r){var n=e.props,a=e.$formContext;var i=h(h({},n.$validators),n.$asyncValidators);var u=e.$state,o=u.$value,s=u.$pending,l=Object.assign({},u.$error);var f=a.$formutil;var $={};var c=false;var d;var v;var y;var b;delete l[_e];var w=Object.keys(i).reduce((function(t,r){delete l[r];if(!c&&n[r]!=null){var a=i[r](o,n[r],h(h({},n),{},{$formutil:f,$fieldutil:e.$fieldutil,$validError:$}));if(fe(a)){t.push(a.catch((function(e){if(!d){m(r,e||r)}})))}else if(qe(a)){$[r]=a||r;Be(a,r,n.name);if(n.$validateLazy){c=true}}}return t}),[]);var F=function e(n){return r(pe(t,pe(y,n)))};if(w.length){if(!s){g(true)}v=function e(t){return d=t(F)};w.push(p(h(h({},l),$)));b=Promise.all(w).then((function(){if(d){return d}e.$shouldCancelPrevAsyncValidate=null;return g(false,F)}))}else{if(s){g(false)}b=p(h(h({},l),$),F)}if(e.$shouldCancelPrevAsyncValidate){e.$shouldCancelPrevAsyncValidate((function(e){y=e;return b}))}e.$shouldCancelPrevAsyncValidate=v}))}function f(t,r){return e.$setState({$viewValue:t,$dirty:true},r)}function $(t,r){return e.$setState({$value:t},r)}function c(t,r){return e.$setState({$touched:t},r)}function d(t,r){return e.$setState({$dirty:t},r)}function v(t,r){return e.$setState({$focused:t},r)}function p(t,r){return e.$setState({$error:t},r)}function m(t){var r=arguments.length>1&&arguments[1]!==undefined?arguments[1]:true;var n=arguments.length>2?arguments[2]:undefined;var a=Object.assign({},e.$state.$error);if(qe(r)){a[t]=r||t;Be(r,t,e.props.name)}else{delete a[t]}return p(a,n)}function g(t,r){return e.$setState({$pending:t},r)}function y(){var t=e.$state.$error,r=t===void 0?{}:t;for(var n in r){if(r.hasOwnProperty(n)){return r[n]instanceof Error?r[n].message:r[n]}}}function b(t){var r=Object.assign({},t);if("$error"in r){if(!r.$error){r.$error={}}r.$valid=Object.keys(r.$error).length===0}var n=e.props,a=n.$parser,i=n.$formatter;if("$viewValue"in r&&!("$value"in r)){var u=function e(t){return r.$viewValue=t};r.$value=a?a(r.$viewValue,u):r.$viewValue}else if("$value"in r&&!("$viewValue"in r)){var o=function e(t){return r.$value=t};r.$viewValue=i?i(r.$value,o):r.$value}if("$valid"in r){r.$invalid=!r.$valid}else if("$invalid"in r){r.$dirty=!r.$invalid}if("$dirty"in r){r.$pristine=!r.$dirty}else if("$pristine"in r){r.$dirty=!r.$pristine}if("$touched"in r){r.$untouched=!r.$touched}else if("$untouched"in r){r.$touched=!r.$untouched}e.$state=h(h({},e.$state),r);return s()}return r}var Ke=function(e){G(r,e);var t=te(r);function r(){var e;T(this,r);for(var n=arguments.length,a=new Array(n),i=0;i<n;i++){a[i]=arguments[i]}e=t.call.apply(t,[this].concat(a));e.$$FIELD_UUID=Qe();e.$formContext=void 0;e.$state=void 0;e.shouldRendered=false;e.$setState=function(t,r){return new Promise((function(n){var a=function t(){return n(pe(r,e.$fieldutil))};if(e.isMounting){var i=e.props.name;if(i in(e.$formContext.$$registers||{})){e.shouldRendered=false;e.$formContext.$$onChange(i,t,a);if(!e.shouldRendered){e.forceUpdate()}}else{e.$registered.$$merge(t);e.$registered.$$detectChange(t);e.forceUpdate(a)}}else{e.$registered.$$merge(t);a()}}))};return e}M(r,[{key:"componentDidMount",value:function e(){this.isMounting=true;var t=this.props.name,r=this.$formContext;s["default"](!t||r.$formutil,"You should enusre that the <Field /> with the name '".concat(t,"' must be used underneath a <Form /> component or withForm() HOC, otherwise it's isolated."));s["default"](t,"You should assign a name to <Field />, otherwise it will be isolated!");if(r.$$register){r.$$register(t,this.$fieldHandler)}this.$prevState=this.$state;Fe(this.props.$ref,this.$fieldutil)}},{key:"componentWillUnmount",value:function e(){if(this.$formContext.$$unregister){this.$formContext.$$unregister(this.props.name,this.$fieldHandler,this.props.$reserveOnUnmount)}this.isMounting=false;Fe(this.props.$ref,null)}},{key:"componentDidUpdate",value:function e(t){var r=this.props.name;if(r!==t.name){if(this.$formContext.$$register){this.$formContext.$$register(r,this.$fieldHandler,t.name)}}Fe(this.props.$ref,this.$fieldutil);if(this.$state.$value!==this.$prevState.$value){if(!(r in(this.$formContext.$$registers||{}))){this.$registered.$$triggerChange({$newValue:this.$state.$value,$prevValue:this.$prevState.$value})}}this.$prevState=this.$state}},{key:"shouldComponentUpdate",value:function e(t){var r=t.$memo;return!r||!Ee(this.$registered.$getState(),this.$prevState)||!(Array.isArray(r)?$["default"](r,this.props.$memo):$["default"](this.props,t))}},{key:"_render",value:function e(){var t=this.$fieldutil=h(h(h({$name:this.props.name},this.$registered.$getState()),this.$registered),{},{$$formutil:this.$formContext.$formutil});return Ge(t,this.props)}},{key:"render",value:function e(){var t=this;this.shouldRendered=true;return o["default"].createElement(re.Consumer,null,(function(e){var r=!t.$formContext;t.$formContext=e();if(!t.$fieldHandler){t.$fieldHandler=ze(t,t)}t.$registered=(t.$formContext.$$registers||{})[t.$fieldHandler.$name]||t.$fieldHandler;if(r){t.$fieldHandler.$$reset();t.$fieldHandler.$validate()}return t._render()}))}}]);return r}(e.Component);Ke.displayName=Ye;var We=["name","$defaultValue","$defaultState","$onFieldChange","$validators","$asyncValidators","$validateLazy","$memo","$reserveOnUnmount","$ref","$parser","$formatter","render","component","children"];function Je(t){var r=arguments.length>1&&arguments[1]!==undefined?arguments[1]:{};var n=function(e){G(a,e);var n=te(a);function a(){var e;T(this,a);for(var r=arguments.length,i=new Array(r),u=0;u<r;u++){i[u]=arguments[u]}e=n.call.apply(n,[this].concat(i));e.renderChildren=function(r){return o["default"].createElement(t,Object.assign({},e.othersProps,{$fieldutil:r,ref:e.props.__forwardRef__}))};return e}M(a,[{key:"render",value:function e(){var t=this.props,n=t.__forwardRef__,a=Ue(t,["__forwardRef__"]);var i=this.props,u=i.component,s=Ue(i,["component"]);We.concat(Object.keys(h(h(h(h({},r.$validators),r.$asyncValidators),a.$validators),a.$asyncValidators))).forEach((function(e){if(e in a){if(e==="$validators"||e==="$asyncValidators"||e==="$defaultState"){s[e]=h(h({},r[e]),a[e])}delete a[e]}}));this.othersProps=a;return o["default"].createElement(Ke,Object.assign({},r,s,{render:this.renderChildren}))}}]);return a}(e.Component);n.displayName="React.Formutil.withField."+(t.displayName||t.name||"Anonymous");var a=e.forwardRef((function(e,t){return o["default"].createElement(n,Object.assign({__forwardRef__:t},e))}));a.displayName="React.Formutil.withField.ForwardRef."+(t.displayName||t.name||"Anonymous");return f["default"](a,t)}var Xe=he(Je);var Ze=function(e){G(r,e);var t=te(r);function r(){T(this,r);return t.apply(this,arguments)}M(r,[{key:"render",value:function e(){var t=this;var r=this.props,n=r.$fieldutil,a=r.value,i=r.onChange,u=r.onFocus,s=r.onBlur,l=r.checked,f=r.unchecked,$=Ue(r,["$fieldutil","value","onChange","onFocus","onBlur","checked","unchecked"]);var c=this.props.type;var d={value:"compositionValue"in this?this.compositionValue:a,onCompositionEnd:function e(r){t.isComposing=false;delete t.compositionValue;d.onChange(r)},onCompositionStart:function e(){return t.isComposing=true},onChange:function e(r){var n=r.target.value;if(t.isComposing){t.compositionValue=n;t.forceUpdate()}else{i(n,r)}},onFocus:u,onBlur:function e(r){if(t.isComposing){t.isComposing=false;delete t.compositionValue;d.onChange(r)}return s(r)}};var v="input";switch(c){case"select":v=c;d.onChange=function(e){var t=e.target;var r=t.multiple?[].slice.call(t.options).filter((function(e){return e.selected})).map((function(e){return e.value})):t.value;i(r,e)};delete $.type;break;case"textarea":v=c;delete $.type;break;case"checkbox":case"radio":d={checked:a===l,onChange:function e(t){i(t.target.checked?l:f,t)},onFocus:u,onBlur:s};break}return o["default"].createElement(v,Object.assign({},$,d))}}]);return r}(e.Component);Ze.displayName="React.Formutil.EasyField.Native";Ze.defaultProps={value:"",type:"text",checked:true,unchecked:false};var et=e.createContext((function(){return{}})),tt=et.Provider,rt=et.Consumer;var nt=function(t){G(n,t);var r=te(n);function n(){var e;T(this,n);for(var t=arguments.length,a=new Array(t),i=0;i<t;i++){a[i]=arguments[i]}e=r.call.apply(r,[this].concat(a));e.getGroupContext=function(){return e.props};return e}M(n,[{key:"_render",value:function t(){var r=this.props,n=r.className,a=r.groupNode,i=r.children;var u={GroupOption:at,Field:it};var s=se(i)?i(u):e.Children.map(i,(function(t){return e.cloneElement(t,u)}));if(a===null){return s}return o["default"].createElement(a,{className:n},s)}},{key:"render",value:function e(){return o["default"].createElement(tt,{value:this.getGroupContext},this._render())}}]);return n}(e.Component);nt.displayName="React.Formutil.EasyField.Group";nt.defaultProps={type:"checkbox",groupNode:"div"};var at=function(e){G(r,e);var t=te(r);function r(){T(this,r);return t.apply(this,arguments)}M(r,[{key:"componentDidMount",value:function e(){s["default"]("$value"in this.props,"You should pass a $value to <GroupOption />.")}},{key:"render",value:function e(){var t=this.props,r=t.$value,n=t.onChange,a=t.onFocus,i=t.onBlur,u=Ue(t,["$value","onChange","onFocus","onBlur"]);return o["default"].createElement(rt,null,(function(e){var t=e();var s=t.type,l=t.name;var f=s==="radio"?{checked:t.value===r,onChange:function e(a){t.onChange(r,a);n&&n(a)}}:s==="checkbox"?{checked:t.value.indexOf(r)>-1,onChange:function e(a){t.onChange(a.target.checked?t.value.concat(r):t.value.filter((function(e){return e!==r})),a);n&&n(a)}}:{value:t.value,onChange:function e(r){t.onChange(r);n&&n(r)}};return o["default"].createElement("input",Object.assign({name:l},u,f,{type:s,onFocus:function e(r){t.onFocus(r);a&&a(r)},onBlur:function e(r){t.onBlur(r);i&&i(r)}}))}))}}]);return r}(e.Component);at.displayName="React.Formutil.EasyField.Group.Option";var it=function(e){G(r,e);var t=te(r);function r(){T(this,r);return t.apply(this,arguments)}M(r,[{key:"componentDidMount",value:function e(){s["default"](false,'The "Field" property in EasyField\'s children-props has been deprecated. Please use "GroupOption" instead.')}},{key:"render",value:function e(){return o["default"].createElement(at,this.props)}}]);return r}(e.Component);it.displayName="React.Formutil.EasyField.Group.Option.Deprecated";var ut=o["default"].Frament||"div";var ot=function(e){G(r,e);var t=te(r);function r(e){var n;T(this,r);n=t.call(this,e);n.id=0;n.latestValue=n.props.value;n.$formutil=void 0;n.FieldValidators={required:function e(t){return t!==null}};n.$onFormChange=function(e){e.$onValidates((function(e){var t=e.$invalid,r=e.$params;if(t){if(n.props.value.length){n.props.onChange(n.latestValue=[])}}else if(!$["default"](n.props.value,r.list)){n.props.onChange(n.latestValue=r.list)}}))};n.swap=function(e,t,r){return n.$setState((function(r){var n=r.items;var a=[n[e],n[t]];n[t]=a[0];n[e]=a[1];return n}),r)};n.insert=function(){var e,t,r;for(var a=arguments.length,i=new Array(a),u=0;u<a;u++){i[u]=arguments[u]}i.forEach((function(n){if(se(n)){r=n}else if(typeof n==="number"){e=n}else if(typeof n==="object"){t=n}}));return n.$setState((function(r){var a=r.items;if(oe(e)){a.push(n.getId(t))}else{a.splice(e,0,n.getId(t))}return{items:a}}),r)};n.remove=function(){var e,t;for(var r=arguments.length,a=new Array(r),i=0;i<r;i++){a[i]=arguments[i]}a.forEach((function(r){if(se(r)){t=r}else if(typeof r==="number"){e=r}}));return n.$setState((function(t){var r=t.items;if(oe(e)){r.pop()}else{r.splice(e,1)}if(!r.length){r=[n.getId()]}return{items:r}}),t)};n.$setState=function(e,t){return new Promise((function(r){return n.setState(e,(function(){return n.$formutil.$onValidates((function(e){return r(pe(t,e))}))}))}))};n.state={items:e.value.length?e.value.map((function(){return n.getId()})):[n.getId()],formKey:0};return n}M(r,[{key:"componentDidUpdate",value:function e(t){var r=this;if(this.props.value!==this.latestValue){this.setState({items:this.props.value.length?this.props.value.map((function(){return r.getId()})):[this.getId()],formKey:this.state.formKey+1});this.latestValue=this.props.value}}},{key:"getId",value:function e(t){return{id:this.id++,values:t}}},{key:"render",value:function e(){var t=this;var r=this.props,n=r.children,a=r.onFocus,i=r.onBlur,u=r.value;var s=this;if(!se(n)){return null}var l={$insert:this.insert,$remove:this.remove,$swap:this.swap,$push:function e(r,n){return t.insert(r,n)},$pop:function e(r){return t.remove(r)},$shift:function e(r){return t.remove(0,r)},$unshift:function e(r,n){return t.insert(0,r,n)},onFocus:a,onBlur:i};return o["default"].createElement(Re,{key:this.state.formKey,$defaultValues:{list:u},$onFormChange:this.$onFormChange,children:function e(r){t.$formutil=r;return o["default"].createElement(ut,null,t.state.items.map((function(e,a){var i=e.id,u=e.values;return o["default"].createElement(Ke,{key:i,required:true,$defaultValue:u||null,$validators:t.FieldValidators,name:"list[".concat(a,"]"),children:function e(i){return o["default"].createElement(Re,{$defaultValues:i.$value||{},$onFormChange:function e(t){return t.$onValidates((function(e){var t=e.$invalid,r=e.$params;if(t){if(i.$viewValue!==null){i.$render(null)}}else if(!$["default"](i.$viewValue,r)){i.$render(r)}}))},children:function e(i){return n(h(h({get $length(){return s.state.items.length},$index:a,$isLast:function e(){return a===t.state.items.length-1},$isFirst:function e(){return a===0}},l),i),r)}})}})})))}})}}]);return r}(e.Component);ot.displayName="React.Formutil.EasyField.List";var st="__TYPE__";var lt=[["required",function(e,t,r){var n=r.__TYPE__,a=r.checked,i=a===void 0?true:a;return t===false||(n==="checked"?e===i:!le(e))}],["maxLength",function(e,t){return le(e)||e.length<=t*1}],["minLength",function(e,t){return le(e)||e.length>=t*1}],["max",function(e,t){return le(e)||e*1<=t*1}],["min",function(e,t){return le(e)||e*1>=t*1}],["pattern",function(e,t){return le(e)||t.test(e)}],["enum",function(e,t){return le(e)||t.indexOf(e)>-1}],["checker",function(e,t,r){return t(e,r)}]].reduce((function(e,t){var r=N(t,2),n=r[0],a=r[1];e[n]=function e(t,r,i){var u=i.validMessage,o=u===void 0?{}:u;return a.apply(void 0,arguments)||o[n]||"Error input: ".concat(n)};return e}),{});var ft="React.Formutil.EasyField";var $t={validMessage:{},valuePropName:"value",changePropName:"onChange",focusPropName:"onFocus",blurPropName:"onBlur",$parser:function e(t){return typeof t==="string"?t.trim():t}};function ct(e,t,r){var n;var a=t.valuePropName,i=t.changePropName,u=t.focusPropName,o=t.blurPropName,s=t.getValueFromEvent,l=t.passUtil;var f=function e(t){return t&&t.target?t.target[a]:t};var $=h(h({},r),{},(n={},d(n,a,e.$viewValue),d(n,i,(function(r){var n;for(var a=arguments.length,u=new Array(a>1?a-1:0),o=1;o<a;o++){u[o-1]=arguments[o]}if(((n=u[0])===null||n===void 0?void 0:n.nativeEvent)instanceof Event){u.push(r)}else{u.unshift(r)}var l=t[i];l&&l.apply(void 0,u);var $=s?s.apply(void 0,u):f(r);e.$render($)})),d(n,u,(function(){var r=t[u];r&&r.apply(void 0,arguments);e.$setFocused(true)})),d(n,o,(function(){var r=t[o];r&&r.apply(void 0,arguments);if(e.$untouched){e.$setTouched(true)}e.$setFocused(false)})),n));if(l){$[l===true?"$fieldutil":String(l)]=e}return $}function dt(e){var t=e.children,r=e.component,n=e.render,a=Ue(e,["children","component","render"]);var i=a.name,u=a.type,o=a.defaultValue,s=a.valuePropName,l=a.changePropName,f=a.focusPropName,$=a.blurPropName,c=a.getValueFromEvent,d=a.validMessage,v=a.checked,p=a.unchecked,m=a.__TYPE__,g=a.__DIFF__,y=a.passUtil,b=a.$defaultValue,w=a.$defaultState,F=a.$onFieldChange,C=a.$validators,P=a.$asyncValidators,V=a.$validateLazy,k=a.$memo,S=a.$reserveOnUnmount,O=a.$parser,E=a.$formatter,_=a.$ref,j=Ue(a,["name","type","defaultValue","valuePropName","changePropName","focusPropName","blurPropName","getValueFromEvent","validMessage","checked","unchecked","__TYPE__","__DIFF__","passUtil","$defaultValue","$defaultState","$onFieldChange","$validators","$asyncValidators","$validateLazy","$memo","$reserveOnUnmount","$parser","$formatter","$ref"]);var x={children:t,component:r,render:n};if(k===true&&oe(g)){a.__DIFF__=[t,r,n]}var R=!oe(u)||oe(t)&&oe(r)&&oe(n);Object.keys(h(h({},a.$validators=h(h({},lt),a.$validators)),a.$asyncValidators)).forEach((function(e){if(e in j){if(!R||!ge(e)){delete j[e]}}}));if(R){var A=(u||"").split("."),D=N(A,2),U=D[0],T=U===void 0?"text":U,I=D[1];x.component=T==="group"?nt:T==="list"?ot:Ze;if(i){j.name=i}if(u){j.type=T}if(t){j.children=t}j.checked=v;j.unchecked=p;switch(T){case"select":case"textarea":if(e.multiple){a[st]="array"}break;case"group":if(I==="checkbox"){a[st]="array"}j.type=I;break;case"checkbox":case"radio":a[st]="checked";break;case"list":a[st]="array";break}}if(!("$defaultValue"in a)&&"defaultValue"in e){a.$defaultValue=o}if(!("$defaultValue"in a)&&st in a){var H;switch(a[st]){case"checked":var M=a.unchecked,L=M===void 0?false:M;H=L;break;case"array":H=[];break;case"object":H={};break;case"number":H=0;break}a.$defaultValue=H}return{fieldProps:a,childProps:j,renderProps:x}}function vt(t,r){var n=r.component,a=r.render,i=r.children;if(n){return e.createElement(n,t)}if(se(a)){return a(t)}if(se(i)){return i(t)}return e.Children.map(i,(function(r){return e.cloneElement(r,t)}))}var pt=function(e){G(r,e);var t=te(r);function r(){var e;T(this,r);for(var n=arguments.length,a=new Array(n),i=0;i<n;i++){a[i]=arguments[i]}e=t.call.apply(t,[this].concat(a));e.renderChildren=function(t){var r=e.parsedProps,n=r.fieldProps,a=r.childProps,i=r.renderProps;return vt(ct(t,n,a),i)};e.parsedProps={};return e}M(r,[{key:"render",value:function e(){var t=this.parsedProps=dt(this.props),r=t.fieldProps;return o["default"].createElement(Ke,Object.assign({},r,{children:this.renderChildren}))}}]);return r}(e.Component);pt.displayName=ft;pt.defaultProps=$t;function ht(t){var r=e.forwardRef((function(e,r){return o["default"].createElement(re.Consumer,null,(function(n){return o["default"].createElement(t,Object.assign({},e,{$formutil:n().$formutil,ref:r}))}))}));r.displayName="React.Formutil.connect."+(t.displayName||t.name||"Anonymous");return f["default"](r,t)}function mt(){if(!o["default"].useState){throw new Error("Hooks api need react@>=16.8, Please upgrade your reactjs.")}var e=o["default"].useContext;var t=e(re);return t()}function gt(e){var t=arguments.length>1&&arguments[1]!==undefined?arguments[1]:{};if(!o["default"].useState){throw new Error("Hooks api need react@>=16.8, Please upgrade your reactjs.")}var r=o["default"].useState,n=o["default"].useLayoutEffect,a=o["default"].useRef;var i;if(e){if(typeof e==="string"){i=e;t.name=i}else{t=e;i=t.name}}var u=mt();var l=a({}).current;var f=a([]);var $;l.$formContext=u;l.props=t;l.$setState=p;l.shouldRendered=true;var c=r((function(){l.$$FIELD_UUID=Qe();l.$fieldHandler=$=ze(l);l.$fieldHandler.$$reset();l.$fieldHandler.$validate()})),d=N(c,2),v=d[1];if(!$){$=(u.$$registers||{})[l.$fieldHandler.$name]||l.$fieldHandler}n((function(){var e=l.$state;if(l.isMounting){if(!(i in(u.$$registers||{}))){$.$$triggerChange({$newValue:e.$value,$prevValue:l.$prevState.$value})}}l.$prevState=e}),[l.$state.$value]);n((function(){l.isMounting=true;s["default"](!i||u.$formutil,"You should enusre that the useField() with the name '".concat(i,"' must be used underneath a <Form /> component or withForm() HOC, otherwise it's isolated."));s["default"](i,"You should pass a name argument to useField(), otherwise it will be isolated!");return function(){l.isMounting=false;Fe(t.$ref,null)}}),[]);n((function(){if(u.$$register){u.$$register(i,l.$fieldHandler)}return function(){if(u.$$unregister){u.$$unregister(i,l.$fieldHandler,!l.isMounting&&t.$reserveOnUnmount)}}}),[i]);n((function(){Fe(t.$ref,l.$fieldutil)}));n((function(){if(f.current.length>0){var e=O(f.current);f.current.length=0;while(e.length){e.pop()(l.$fieldutil)}}}));function p(e,t){return new Promise((function(r){var n=function e(){return r(pe(t,l.$fieldutil))};if(l.isMounting){if(i in(u.$$registers||{})){l.shouldRendered=false;u.$$onChange(i,e,n);if(!l.shouldRendered){v({})}}else{$.$$merge(e);$.$$detectChange(e);v({});f.current.push(n)}}else{$.$$merge(e);n()}}))}return l.$fieldutil=h(h(h({$name:i},$.$getState()),$),{},{$$formutil:u.$formutil})}function yt(){var e=mt(),t=e.$formutil;return t}function bt(e){e=h(h(h({},$t),e),{},{children:null});var t=dt(e),r=t.fieldProps,n=t.childProps;var a=gt(r);return ct(a,r,n)}exports.EasyField=pt;exports.Field=Ke;exports.Form=Re;exports.connect=ht;exports.formContext=re;exports.useField=gt;exports.useForm=yt;exports.useHandler=bt;exports.withField=Xe;exports.withForm=He;
+"use strict";Object.defineProperty(exports,"__esModule",{value:true});var e=require("react");var t=require("warning");var r=require("react-dom");var n=require("react-is");var a=require("hoist-non-react-statics");var i=require("react-fast-compare");function u(e){return e&&typeof e==="object"&&"default"in e?e:{default:e}}var o=u(e);var s=u(t);var l=u(n);var f=u(a);var $=u(i);function c(e,t,r){if(t in e){Object.defineProperty(e,t,{value:r,enumerable:true,configurable:true,writable:true})}else{e[t]=r}return e}var d=c;function v(e,t){var r=Object.keys(e);if(Object.getOwnPropertySymbols){var n=Object.getOwnPropertySymbols(e);if(t)n=n.filter((function(t){return Object.getOwnPropertyDescriptor(e,t).enumerable}));r.push.apply(r,n)}return r}function p(e){for(var t=1;t<arguments.length;t++){var r=arguments[t]!=null?arguments[t]:{};if(t%2){v(Object(r),true).forEach((function(t){d(e,t,r[t])}))}else if(Object.getOwnPropertyDescriptors){Object.defineProperties(e,Object.getOwnPropertyDescriptors(r))}else{v(Object(r)).forEach((function(t){Object.defineProperty(e,t,Object.getOwnPropertyDescriptor(r,t))}))}}return e}var h=p;function m(e,t){if(t==null||t>e.length)t=e.length;for(var r=0,n=new Array(t);r<t;r++){n[r]=e[r]}return n}var g=m;function y(e){if(Array.isArray(e))return g(e)}var b=y;function w(e){if(typeof Symbol!=="undefined"&&Symbol.iterator in Object(e))return Array.from(e)}var F=w;function C(e,t){if(!e)return;if(typeof e==="string")return g(e,t);var r=Object.prototype.toString.call(e).slice(8,-1);if(r==="Object"&&e.constructor)r=e.constructor.name;if(r==="Map"||r==="Set")return Array.from(e);if(r==="Arguments"||/^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(r))return g(e,t)}var P=C;function V(){throw new TypeError("Invalid attempt to spread non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.")}var S=V;function k(e){return b(e)||F(e)||P(e)||S()}var O=k;function E(e){if(Array.isArray(e))return e}var _=E;function j(e,t){if(typeof Symbol==="undefined"||!(Symbol.iterator in Object(e)))return;var r=[];var n=true;var a=false;var i=undefined;try{for(var u=e[Symbol.iterator](),o;!(n=(o=u.next()).done);n=true){r.push(o.value);if(t&&r.length===t)break}}catch(e){a=true;i=e}finally{try{if(!n&&u["return"]!=null)u["return"]()}finally{if(a)throw i}}return r}var x=j;function R(){throw new TypeError("Invalid attempt to destructure non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.")}var A=R;function D(e,t){return _(e)||x(e,t)||P(e,t)||A()}var N=D;function U(e,t){if(!(e instanceof t)){throw new TypeError("Cannot call a class as a function")}}var T=U;function I(e,t){for(var r=0;r<t.length;r++){var n=t[r];n.enumerable=n.enumerable||false;n.configurable=true;if("value"in n)n.writable=true;Object.defineProperty(e,n.key,n)}}function H(e,t,r){if(t)I(e.prototype,t);if(r)I(e,r);return e}var M=H;function L(e){if(e===void 0){throw new ReferenceError("this hasn't been initialised - super() hasn't been called")}return e}var q=L;function B(e,t){return t={exports:{}},e(t,t.exports),t.exports}var Y=B((function(e){function t(r,n){e.exports=t=Object.setPrototypeOf||function e(t,r){t.__proto__=r;return t};return t(r,n)}e.exports=t}));function Q(e,t){if(typeof t!=="function"&&t!==null){throw new TypeError("Super expression must either be null or a function")}e.prototype=Object.create(t&&t.prototype,{constructor:{value:e,writable:true,configurable:true}});if(t)Y(e,t)}var G=Q;var z=B((function(e){function t(r){e.exports=t=Object.setPrototypeOf?Object.getPrototypeOf:function e(t){return t.__proto__||Object.getPrototypeOf(t)};return t(r)}e.exports=t}));function K(){if(typeof Reflect==="undefined"||!Reflect.construct)return false;if(Reflect.construct.sham)return false;if(typeof Proxy==="function")return true;try{Date.prototype.toString.call(Reflect.construct(Date,[],(function(){})));return true}catch(e){return false}}var W=K;var J=B((function(e){function t(r){"@babel/helpers - typeof";if(typeof Symbol==="function"&&typeof Symbol.iterator==="symbol"){e.exports=t=function e(t){return typeof t}}else{e.exports=t=function e(t){return t&&typeof Symbol==="function"&&t.constructor===Symbol&&t!==Symbol.prototype?"symbol":typeof t}}return t(r)}e.exports=t}));function X(e,t){if(t&&(J(t)==="object"||typeof t==="function")){return t}return q(e)}var Z=X;function ee(e){var t=W();return function r(){var n=z(e),a;if(t){var i=z(this).constructor;a=Reflect.construct(n,arguments,i)}else{a=n.apply(this,arguments)}return Z(this,a)}}var te=ee;var re=e.createContext((function(){return{}}));var ne=l["default"].isValidElementType;var ae=Object.getPrototypeOf({});var ie=/\s*(?:\]\s*\.|\]\s*\[|\.|\[|\])\s*/g;var ue=typeof window==="undefined"?global:window;function oe(e){return typeof e==="undefined"}function se(e){return typeof e==="function"}function le(e){return oe(e)||e===null||e+""===""}function fe(e){return!!e&&se(e.then)}function $e(e){return Object.prototype.toString.call(e)==="[object Object]"}function ce(e){if(!$e(e))return false;if(null===Object.getPrototypeOf(e))return true;if(!se(e.constructor))return false;return e.constructor.prototype===ae}function de(e){return ne(e)&&typeof e!=="string"}function ve(e){if(Array.isArray(e)){var t=[];for(var r=0,n=e.length;r<n;r++){t[r]=ve(e[r])}return t}else if(ce(e)){var a={};for(var i in e){if(e.hasOwnProperty(i))a[i]=ve(e[i])}return a}return e}var pe=function e(t){for(var r=arguments.length,n=new Array(r>1?r-1:0),a=1;a<r;a++){n[a-1]=arguments[a]}if(se(t)){t.apply(void 0,n)}return n[0]};function he(e){return function(){for(var t=arguments.length,r=new Array(t),n=0;n<t;n++){r[n]=arguments[n]}if(de(r[0])){return e.apply(void 0,r)}return function(t){return e(t,r[0])}}}var me=["minlength","maxlength","max","min","required","pattern","step"];function ge(e){return me.indexOf(e.toLowerCase())>-1}var ye=function e(t){try{var r=new Function("origin","global","return typeof ".concat(t," === 'number' || (typeof ").concat(t," !== 'undefined' && !(origin in global)) ? ").concat(t," : origin"));return r(t,ue)}catch(e){return t}};function be(){for(var e=arguments.length,t=new Array(e),r=0;r<e;r++){t[r]=arguments[r]}var n=t[0],a=t[1],i=t[2];s["default"](typeof a==="string","The second parameter(".concat(JSON.stringify(a),") of parsePath() must be a string."));var u=(a.match(ie)||[]).map((function(e){return e.replace(/\s/g,"")}));var o=a.split(ie).map((function(e){return e.trim()})).filter((function(e){return e!==""}));var l=n;try{if(t.length<3){for(var f=0,$=o.length;f<$;f++){var c=ye(o[f]);if(f+1===$){return l[c]}if(oe(l[c])){break}l=l[c]}}else{for(var d=0,v=o.length;d<v;d++){var p=ye(o[d]);var m=o[d+1];var g=u[d];if(oe(m)){l[p]=i;break}switch(g){case"].":case".":l=l[p]=oe(l[p])?{}:h({},l[p]);break;case"][":case"[":var y=ye(m);l=l[p]=oe(l[p])?typeof y==="number"&&y>=0?[]:{}:Array.isArray(l[p])?O(l[p]):h({},l[p]);break;default:l[p]=i;break}}}}catch(e){s["default"](false,"The name '%s' of Field seems is not a legal expression.",a)}if(t.length>2){return n}}function we(e,t){var r=t.split(ie).map((function(e){return e.trim()})).filter((function(e){return e!==""}));for(var n=0,a=r.length;n<a;n++){var i=ye(r[n]);if(!(i in e)){break}if(n+1===a){return{data:e[i]}}e=e[i]}}function Fe(e,t){if(e){if(se(e)){e(t)}else if("current"in e){e.current=t}}}var Ce=function e(t,r){for(var n=0,a=t.length;n<a;n++){if(r(t[n])===true){return t[n]}}};var Pe=function e(t,r){return Object.keys(t).reduce((function(e,n){e[n]=r(t[n],n,t);return e}),{})};var Ve=function e(t,r){return Object.keys(t).forEach((function(e){return r(t[e],e,t)}))};var Se=undefined;function ke(e,t,r){Ve(e,(function(t,r){if(t===Se){delete e[r]}else if(ce(t)||Array.isArray(t)){ke(t,r,e)}}));if(r&&Object.keys(e).every((function(t){return e[t]===Se}))){r[t]=Se;ke(r)}}var Oe=function e(t,r){if(!oe(be(t,r))){be(t,r,Se);ke(t)}};function Ee(e,t){if(e===t){return true}var r=Object.keys(e);if(r.length!==Object.keys(t).length){return false}for(var n=0;n<r.length;n++){if(e[r[n]]!==t[r[n]]){return false}}return true}var _e="FORM_VALIDATE_RESULT";var je,xe;if(typeof requestAnimationFrame==="function"){je=requestAnimationFrame;xe=cancelAnimationFrame}else{je=setTimeout;xe=clearTimeout}var Re=function(t){G(a,t);var n=te(a);function a(e){var t;T(this,a);t=n.call(this,e);t.$$formPending=void 0;t.$$formValidatePromise=void 0;t.$$registers={};t.$$deepRegisters={};t.getFormContext=function(){return{$$registers:t.$$registers,$$register:t.$$register,$$unregister:t.$$unregister,$$onChange:t.$$onChange,$$getDefault:t.$$getDefault,$formutil:t.$formutil}};t.$$regDuplications={};t.$$duplicateTimer=void 0;t.$$checkDuplication=function(){var e=q(t),r=e.$$regDuplications;var n;Ve(r,(function(e,t){var a=N(e,2),i=a[0],u=a[1];s["default"](i.$$reserved,"The Field with a name '".concat(t,"' has been registered!"));u.$$reset(i.$getState());n=delete r[t]}));if(n){t.$render()}};t.$$register=function(e,n,a){t.$$unregister(a,n);if(e){var i=t.$$getRegister(e);if(i){xe(t.$$duplicateTimer);t.$$regDuplications[e]=[i,n];t.$$duplicateTimer=je((function(){return r.unstable_batchedUpdates(t.$$checkDuplication)}))}else{t.$$fieldChangedQueue.push({name:e,$newValue:n.$getState().$value});Oe(t.$$defaultValues,e)}t.$$registers[n.$name=e]=n;t.$$formShouldUpdateFields[e]=true;t.createDeepRegisters();t.$render()}};t.$$unregister=function(e,r,n){if(e){if(e in t.$$regDuplications){var a=N(t.$$regDuplications[e],2),i=a[0],u=a[1];t.$$fieldChangedQueue.push({name:e,$newValue:u.$getState().$value,$prevValue:i.$getState().$value});delete t.$$regDuplications[e]}else if(t.$$registers[e]===r){if(n){r.$$reserved=true}else{delete t.$$registers[e];t.$$fieldChangedQueue.push({name:e,$prevValue:r.$getState().$value});Oe(t.$$defaultValues,e)}}t.$$formShouldUpdateAll=true;t.createDeepRegisters();t.$render()}};t.$$defaultInitialize=function(){var e=t.props,r=e.$defaultValues,n=e.$defaultStates;t.$$defaultValues=t.$$deepParseObject(ve(se(r)?r(t.props)||{}:r));t.$$defaultStates=t.$$deepParseObject(ve(se(n)?n(t.props)||{}:n))};t.$$getDefault=function(){return{$$defaultStates:t.$$defaultStates,$$defaultValues:t.$$defaultValues}};t.$$formShouldUpdateFields={};t.$$formShouldUpdateAll=false;t.$$fieldChangedQueue=[];t.$$triggerFormChange=function(){if(t.$$fieldChangedQueue.length){var e=O(t.$$fieldChangedQueue);t.$$fieldChangedQueue.length=0;var r={};var n={};var a=t.$$registers;var i=false;e.forEach((function(e){if(!(e.name in a)){delete e.$newValue}if(e.$newValue!==e.$prevValue){if("$newValue"in e&&"$prevValue"in e){var u=t.$$getRegister(e.name);if(u){u.$$triggerChange(e)}}"$newValue"in e&&be(r,e.name,e.$newValue);"$prevValue"in e&&be(n,e.name,e.$prevValue);i=true}}));if(i){if(se(t.props.$validator)){t.$$formValidate()}if(se(t.props.$onFormChange)){t.props.$onFormChange(t.$formutil,r,n)}}}};t.createDeepRegisters=function(){return t.$$deepRegisters=t.$$deepParseObject(t.$$registers)};t.$$getRegister=function(e){if(e){var r=t.$$registers[e]||be(t.$$deepRegisters,e);if(r){return r}}};t.$$formValidate=function(){return t.$$formValidatePromise=new Promise((function(e){var r=t.props.$validator;var n;var a;var i;var u;var o=r(t.$formutil.$params,t.$formutil);var s=function t(r){return e(pe(i,r))};if(fe(o)){if(!t.$$formPending){t.$$formPending=true;t.$render()}a=function e(t){return n=t(s)};u=o.then((function(){return void 0}),(function(e){return e})).then((function(e){if(n){return n}t.$shouldCancelPrevAsyncValidate=null;t.$$formPending=false;return t.$$setFormErrors(e,s)}))}else{if(t.$$formPending){t.$$formPending=false}u=t.$$setFormErrors(o,s)}if(t.$shouldCancelPrevAsyncValidate){t.$shouldCancelPrevAsyncValidate((function(e){i=e;return u}))}t.$shouldCancelPrevAsyncValidate=a}))};t.$$setFormErrors=function(e,r){if(e&&(e instanceof Error||typeof e!=="object")){s["default"](false,"The result of $validator in <Form /> should always return None(null,undefined) or an object contains error message of Field.");return t.$render(r)}return t.$$setStates(e||{},(function(e,t){var r=t.$getState(),n=r.$error,a=n===void 0?{}:n;if(e){return{$error:h(h({},a),{},d({},_e,e))}}if(a[_e]){delete a[_e];return{$error:a}}}),r,true)};t.$getField=function(e){var r=t.$$getRegister(e);s["default"](!e||r,"$getField('".concat(e,"') fail to find the matched Field. Maybe it has been unmounted."));s["default"](e,"You should pass a name of the mounted Field to $getField().");if(r){var n;return(n=r.$new)===null||n===void 0?void 0:n.call(r)}};t.$$onChange=function(e,r,n){return t.$setStates(d({},e,r),n)};t.$$setStates=function(){var e=arguments.length>0&&arguments[0]!==undefined?arguments[0]:{};var n=arguments.length>1?arguments[1]:undefined;var a=arguments.length>2?arguments[2]:undefined;var i=arguments.length>3?arguments[3]:undefined;var u=t.$$deepParseObject(e);var o=[];Ve(t.$$registers,(function(e,r){var a=we(u,r);if(i||a){var s=e.$getState();var l=e&&n(a&&a.data,e);if(l){var f=e.$$merge(l),$=f.$value;o.push([e,l]);if("$value"in l||"$viewValue"in l){var c=Ce(t.$$fieldChangedQueue,(function(e){return e.name===r}));if(c){c.$newValue=$}else{t.$$fieldChangedQueue.push({name:r,$newValue:$,$prevValue:s.$value})}}t.$$formShouldUpdateFields[r]=true}}}));return r.unstable_batchedUpdates((function(){o.forEach((function(e){var t=N(e,2),r=t[0],n=t[1];return r.$$detectChange(n)}));return t.$render(a)}))};t.$render=function(e){return new Promise((function(r){return t.forceUpdate((function(){return r(pe(e,t.$formutil))}))}))};t.$validates=function(){var e;for(var r=arguments.length,n=new Array(r),a=0;a<r;a++){n[a]=arguments[a]}if(se(n[n.length-1])){e=n.pop()}if(n.length){var i=function e(r){r.forEach((function(r){if(Array.isArray(r)){e(r)}else{var n=t.$getField(r);if(n){n.$validate()}}}))};i(n)}else{Ve(t.$$registers,(function(e){return e.$validate()}));if(se(t.props.$validator)){t.$$formValidate()}}return t.$onValidates(e)};t.$onValidates=function(e){var r=Object.keys(t.$$registers).map((function(e){return t.$$registers[e].$onValidate()}));r.push(t.$$formValidatePromise);return Promise.all(r).then((function(){return pe(e,t.$formutil)}))};t.$validate=function(e,r){var n=t.$getField(e);if(n){return n.$validate(r)}return pe(r)};t.$reset=function(e,r){t.$$defaultInitialize();if(se(e)){r=e;e={}}return t.$$setStates(e,(function(e,t){return t.$$reset(e)}),r,true)};t.$setStates=function(e,r){return t.$$setStates(e,(function(e){return e}),r)};t.$setValues=function(e,r){t.$$deepParseObject(ve(e),t.$$defaultValues);ke(t.$$defaultValues);return t.$$setStates(e,(function(e){return{$value:e}}),r)};t.$setFocuses=function(e,r){return t.$$setStates(e,(function(e){return{$focused:e}}),r)};t.$setDirts=function(e,r){return t.$$setStates(e,(function(e){return{$dirty:e}}),r)};t.$setTouches=function(e,r){return t.$$setStates(e,(function(e){return{$touched:e}}),r)};t.$setPendings=function(e,r){return t.$$setStates(e,(function(e){return{$pending:e}}),r)};t.$setErrors=function(e,r){return t.$$setStates(e,(function(e){return{$error:e}}),r)};t.$batchState=function(e,r){return t.$setStates(Pe(t.$$registers,(function(){return e})),r)};t.$batchDirty=function(e,r){return t.$batchState({$dirty:e},r)};t.$batchTouched=function(e,r){return t.$batchState({$touched:e},r)};t.$batchFocused=function(e,r){return t.$batchState({$focused:e},r)};t.$batchPending=function(e,r){return t.$batchState({$pending:e},r)};t.$batchError=function(e,r){return t.$batchState({$error:e},r)};t.$getFirstError=function(e){var r=t.$formutil;if(e){var n=r.$getField(e);return n&&n.$getFirstError()}for(var a in r.$weakErrors){if(r.$weakErrors.hasOwnProperty(a)){var i=r.$weakErrors[a];for(var u in i){if(i.hasOwnProperty(u)){return i[u]instanceof Error?i[u].message:i[u]}}}}};t.$new=function(){return t.$formutil};t.$$defaultInitialize();return t}M(a,[{key:"$$deepParseObject",value:function e(t){var r=arguments.length>1&&arguments[1]!==undefined?arguments[1]:{};Ve(t,(function(e,t){return be(r,t,e)}));return r}},{key:"$$resetFormUpdateFields",value:function e(){this.$$formShouldUpdateFields={};this.$$formShouldUpdateAll=false}},{key:"componentDidMount",value:function e(){Fe(this.props.$ref,this.$formutil)}},{key:"componentDidUpdate",value:function e(t){Fe(this.props.$ref,this.$formutil);this.$$triggerFormChange()}},{key:"componentWillUnmount",value:function e(){Fe(this.props.$ref,null)}},{key:"_render",value:function t(){var r=this.$formutil;var n=this.props,a=n.children,i=n.render,u=n.component;if(u){return e.createElement(u,{$formutil:r})}if(se(i)){return i(r)}if(se(a)){return a(r)}return e.Children.map(a,(function(t){return t&&de(t.type)?e.cloneElement(t,{$formutil:r}):t}))}},{key:"render",value:function e(){var t=this;var r=this.props.$processer;var n=Object.keys(this.$$registers).map((function(e){return{path:e,$state:t.$$registers[e].$getState()}}));var a=this.$$formShouldUpdateAll;var i=this.$formutil||{};var u=n.some((function(e){var t=e.$state;return t.$invalid}));var s=n.some((function(e){var t=e.$state;return t.$dirty}));var l=n.some((function(e){var t=e.$state;return t.$touched}));var f=n.some((function(e){var t=e.$state;return t.$focused}));var $=this.$$formPending||n.some((function(e){var t=e.$state;return t.$pending}));var c=a?{}:h({},i.$pureParams);var d=a?{}:h({},i.$states);var v=a?{}:h({},i.$errors);var p=a?{}:h({},i.$dirts);var m=a?{}:h({},i.$touches);var g=a?{}:h({},i.$focuses);var y=a?{}:h({},i.$pendings);var b=a?{}:h({},i.$weakStates);var w=a?{}:h({},i.$weakParams);var F=a?{}:h({},i.$weakErrors);var C=a?{}:h({},i.$weakDirts);var P=a?{}:h({},i.$weakFocuses);var V=a?{}:h({},i.$weakTouches);var S=a?{}:h({},i.$weakPendings);for(var k=0,O=n.length;k<O;k++){var E=n[k],_=E.$state,j=E.path;if(!a){if(!this.$$formShouldUpdateFields[j]){continue}}if(r){r(_,j)}if(j in w&&_.$pristine&&oe(_.$value)){delete w[j];Oe(c,j)}else if(w[j]!==_.$value){w[j]=_.$value;be(c,j,_.$value)}be(d,j,_);b[j]=_;if(F[j]!==_.$error){if(_.$invalid){be(v,j,_.$error);F[j]=_.$error}else if(j in F){Oe(v,j);delete F[j]}}if(C[j]!==_.$dirty){be(p,j,_.$dirty);C[j]=_.$dirty}if(V[j]!==_.$touched){be(m,j,_.$touched);V[j]=_.$touched}if(P[j]!==_.$focused){be(g,j,_.$focused);P[j]=_.$focused}if(S[j]!==_.$pending){be(y,j,_.$pending);S[j]=_.$pending}}this.$formutil={$$registers:h({},this.$$registers),$$deepRegisters:this.$$deepRegisters,$states:d,$pureParams:c,$params:h(h({},this.$$defaultValues),c),$errors:v,$dirts:p,$touches:m,$focuses:g,$pendings:y,$weakStates:b,$weakParams:w,$weakErrors:F,$weakDirts:C,$weakTouches:V,$weakFocuses:P,$weakPendings:S,$getFirstError:this.$getFirstError,$render:this.$render,$getField:this.$getField,$onValidates:this.$onValidates,$new:this.$new,$setStates:this.$setStates,$setValues:this.$setValues,$setErrors:this.$setErrors,$setTouches:this.$setTouches,$setDirts:this.$setDirts,$setFocuses:this.$setFocuses,$setPendings:this.$setPendings,$batchState:this.$batchState,$batchTouched:this.$batchTouched,$batchDirty:this.$batchDirty,$batchFocused:this.$batchFocused,$batchPending:this.$batchPending,$reset:this.$reset,$validates:this.$validates,$validate:this.$validate,$valid:!u,$invalid:u,$dirty:s,$pristine:!s,$touched:l,$untouched:!l,$focused:f,$pending:$};this.$$resetFormUpdateFields();return o["default"].createElement(re.Provider,{value:this.getFormContext},this._render())}}]);return a}(e.Component);Re.displayName="React.Formutil.Form";Re.defaultProps={$defaultValues:{},$defaultStates:{}};function Ae(e,t){if(e==null)return{};var r={};var n=Object.keys(e);var a,i;for(i=0;i<n.length;i++){a=n[i];if(t.indexOf(a)>=0)continue;r[a]=e[a]}return r}var De=Ae;function Ne(e,t){if(e==null)return{};var r=De(e,t);var n,a;if(Object.getOwnPropertySymbols){var i=Object.getOwnPropertySymbols(e);for(a=0;a<i.length;a++){n=i[a];if(t.indexOf(n)>=0)continue;if(!Object.prototype.propertyIsEnumerable.call(e,n))continue;r[n]=e[n]}}return r}var Ue=Ne;var Te=["render","component","children","$defaultValues","$defaultStates","$onFormChange","$validator","$processer","$ref"];function Ie(t){var r=arguments.length>1&&arguments[1]!==undefined?arguments[1]:{};var n=function(e){G(a,e);var n=te(a);function a(){var e;T(this,a);for(var r=arguments.length,i=new Array(r),u=0;u<r;u++){i[u]=arguments[u]}e=n.call.apply(n,[this].concat(i));e.renderChildren=function(r){return o["default"].createElement(t,Object.assign({},e.othersProps,{$formutil:r,ref:e.props.__forwardRef__}))};return e}M(a,[{key:"render",value:function e(){var t=this.props,n=t.__forwardRef__,a=Ue(t,["__forwardRef__"]);var i=this.props,u=i.component,s=Ue(i,["component"]);Te.forEach((function(e){if(e in a){if(e==="$defaultStates"||e==="$defaultValues"){s[e]=h(h({},r[e]),a[e])}delete a[e]}}));this.othersProps=a;return o["default"].createElement(Re,Object.assign({},r,s,{render:this.renderChildren}))}}]);return a}(e.Component);n.displayName="React.Formutil.withForm."+(t.displayName||t.name||"Anonymous");var a=e.forwardRef((function(e,t){return o["default"].createElement(n,Object.assign({__forwardRef__:t},e))}));a.displayName="React.Formutil.withForm.ForwardRef."+(t.displayName||t.name||"Anonymous");return f["default"](a,t)}var He=he(Ie);var Me=0;var Le={$valid:true,$invalid:false,$dirty:false,$pristine:true,$touched:false,$untouched:true,$focused:false,$pending:false,$error:{}};function qe(e){return e!==true}function Be(e,t,r){s["default"](!oe(e),"You should return a string or Error when the validation('".concat(r&&r+": ").concat(t,"') failed, otherwise return true."))}var Ye="React.Formutil.Field";function Qe(){return Me++}function Ge(t,r){var n=r.children,a=r.render,i=r.component;if(i){return e.createElement(i,{$fieldutil:t})}if(se(a)){return a(t)}if(se(n)){return n(t)}return e.Children.map(n,(function(r){return r&&de(r.type)?e.cloneElement(r,{$fieldutil:t}):r}))}function ze(e,t){var r={$$FIELD_UUID:e.$$FIELD_UUID,$$reset:o,$$merge:b,$$detectChange:a,$$triggerChange:i,$onValidate:u,$new:function t(){return e.$fieldutil},$picker:s,$getState:s,$getComponent:function e(){return t},$reset:function t(r,n){return e.$setState(o(r),n)},$getFirstError:y,$validate:l,$setState:e.$setState,$render:f,$setValue:$,$setTouched:c,$setDirty:d,$setFocused:v,$setValidity:m,$setError:p,$setPending:g};var n;function a(e){if("$value"in e||"$viewValue"in e){l()}}function i(t){var r=t.$newValue,n=t.$prevValue;var a=e.props.$onFieldChange;if(se(a)){a(r,n,e.$formContext.$formutil)}}function u(e){n.then(e);return n}function o(t){var r;var n=e.props,a=e.$formContext;if(a.$$getDefault){var i=n.name;var u=a.$$getDefault(),o=u.$$defaultStates,s=u.$$defaultValues;if(i&&s){var l=be(s,i);r=be(o,i)||{};if(!oe(l)){r.$value=l}}}var f=n.$defaultValue,$=n.$defaultState;return b(h(h(h(h({},Le),se($)?$(n):$),{},{$value:se(f)?f(n):"$defaultValue"in n?f:""},r),t))}function s(){return h({},e.$state)}function l(t){return n=new Promise((function(r){var n=e.props,a=e.$formContext;var i=h(h({},n.$validators),n.$asyncValidators);var u=e.$state,o=u.$value,s=u.$pending,l=Object.assign({},u.$error);var f=a.$formutil;var $={};var c=false;var d;var v;var y;var b;delete l[_e];var w=Object.keys(i).reduce((function(t,r){delete l[r];if(!c&&n[r]!=null){var a=i[r](o,n[r],h(h({},n),{},{$formutil:f,$fieldutil:e.$fieldutil,$validError:$}));if(fe(a)){t.push(a.catch((function(e){if(!d){m(r,e||r)}})))}else if(qe(a)){$[r]=a||r;Be(a,r,n.name);if(n.$validateLazy){c=true}}}return t}),[]);var F=function e(n){return r(pe(t,pe(y,n)))};if(w.length){if(!s){g(true)}v=function e(t){return d=t(F)};w.push(p(h(h({},l),$)));b=Promise.all(w).then((function(){if(d){return d}e.$shouldCancelPrevAsyncValidate=null;return g(false,F)}))}else{if(s){g(false)}b=p(h(h({},l),$),F)}if(e.$shouldCancelPrevAsyncValidate){e.$shouldCancelPrevAsyncValidate((function(e){y=e;return b}))}e.$shouldCancelPrevAsyncValidate=v}))}function f(t,r){return e.$setState({$viewValue:t,$dirty:true},r)}function $(t,r){return e.$setState({$value:t},r)}function c(t,r){return e.$setState({$touched:t},r)}function d(t,r){return e.$setState({$dirty:t},r)}function v(t,r){return e.$setState({$focused:t},r)}function p(t,r){return e.$setState({$error:t},r)}function m(t){var r=arguments.length>1&&arguments[1]!==undefined?arguments[1]:true;var n=arguments.length>2?arguments[2]:undefined;var a=Object.assign({},e.$state.$error);if(qe(r)){a[t]=r||t;Be(r,t,e.props.name)}else{delete a[t]}return p(a,n)}function g(t,r){return e.$setState({$pending:t},r)}function y(){var t=e.$state.$error,r=t===void 0?{}:t;for(var n in r){if(r.hasOwnProperty(n)){return r[n]instanceof Error?r[n].message:r[n]}}}function b(t){var r=Object.assign({},t);if("$error"in r){if(!r.$error){r.$error={}}r.$valid=Object.keys(r.$error).length===0}var n=e.props,a=n.$parser,i=n.$formatter;if("$viewValue"in r&&!("$value"in r)){var u=function e(t){return r.$viewValue=t};r.$value=a?a(r.$viewValue,u):r.$viewValue}else if("$value"in r&&!("$viewValue"in r)){var o=function e(t){return r.$value=t};r.$viewValue=i?i(r.$value,o):r.$value}if("$valid"in r){r.$invalid=!r.$valid}else if("$invalid"in r){r.$dirty=!r.$invalid}if("$dirty"in r){r.$pristine=!r.$dirty}else if("$pristine"in r){r.$dirty=!r.$pristine}if("$touched"in r){r.$untouched=!r.$touched}else if("$untouched"in r){r.$touched=!r.$untouched}e.$state=h(h({},e.$state),r);return s()}return r}var Ke=function(e){G(r,e);var t=te(r);function r(){var e;T(this,r);for(var n=arguments.length,a=new Array(n),i=0;i<n;i++){a[i]=arguments[i]}e=t.call.apply(t,[this].concat(a));e.$$FIELD_UUID=Qe();e.$formContext=void 0;e.$state=void 0;e.shouldRendered=false;e.$setState=function(t,r){return new Promise((function(n){var a=function t(){return n(pe(r,e.$fieldutil))};if(e.isMounting){var i=e.props.name;if(i in(e.$formContext.$$registers||{})){e.shouldRendered=false;e.$formContext.$$onChange(i,t,a);if(!e.shouldRendered){e.forceUpdate()}}else{e.$registered.$$merge(t);e.$registered.$$detectChange(t);e.forceUpdate(a)}}else{e.$registered.$$merge(t);a()}}))};return e}M(r,[{key:"componentDidMount",value:function e(){this.isMounting=true;var t=this.props.name,r=this.$formContext;s["default"](!t||r.$formutil,"You should enusre that the <Field /> with the name '".concat(t,"' must be used underneath a <Form /> component or withForm() HOC, otherwise it's isolated."));s["default"](t,"You should assign a name to <Field />, otherwise it will be isolated!");if(r.$$register){r.$$register(t,this.$fieldHandler)}this.$prevState=this.$state;Fe(this.props.$ref,this.$fieldutil)}},{key:"componentWillUnmount",value:function e(){if(this.$formContext.$$unregister){this.$formContext.$$unregister(this.props.name,this.$fieldHandler,this.props.$reserveOnUnmount)}this.isMounting=false;Fe(this.props.$ref,null)}},{key:"componentDidUpdate",value:function e(t){var r=this.props.name;if(r!==t.name){if(this.$formContext.$$register){this.$formContext.$$register(r,this.$fieldHandler,t.name)}}Fe(this.props.$ref,this.$fieldutil);if(this.$state.$value!==this.$prevState.$value){if(!(r in(this.$formContext.$$registers||{}))){this.$registered.$$triggerChange({$newValue:this.$state.$value,$prevValue:this.$prevState.$value})}}this.$prevState=this.$state}},{key:"shouldComponentUpdate",value:function e(t){var r=t.$memo;return!r||!Ee(this.$registered.$getState(),this.$prevState)||!(Array.isArray(r)?$["default"](r,this.props.$memo):$["default"](this.props,t))}},{key:"_render",value:function e(){var t=this.$fieldutil=h(h(h({$name:this.props.name},this.$registered.$getState()),this.$registered),{},{$$formutil:this.$formContext.$formutil});return Ge(t,this.props)}},{key:"render",value:function e(){var t=this;this.shouldRendered=true;return o["default"].createElement(re.Consumer,null,(function(e){var r=!t.$formContext;t.$formContext=e();if(!t.$fieldHandler){t.$fieldHandler=ze(t,t)}t.$registered=(t.$formContext.$$registers||{})[t.$fieldHandler.$name]||t.$fieldHandler;if(r){t.$fieldHandler.$$reset();t.$fieldHandler.$validate()}return t._render()}))}}]);return r}(e.Component);Ke.displayName=Ye;var We=["name","$defaultValue","$defaultState","$onFieldChange","$validators","$asyncValidators","$validateLazy","$memo","$reserveOnUnmount","$ref","$parser","$formatter","render","component","children"];function Je(t){var r=arguments.length>1&&arguments[1]!==undefined?arguments[1]:{};var n=function(e){G(a,e);var n=te(a);function a(){var e;T(this,a);for(var r=arguments.length,i=new Array(r),u=0;u<r;u++){i[u]=arguments[u]}e=n.call.apply(n,[this].concat(i));e.renderChildren=function(r){return o["default"].createElement(t,Object.assign({},e.othersProps,{$fieldutil:r,ref:e.props.__forwardRef__}))};return e}M(a,[{key:"render",value:function e(){var t=this.props,n=t.__forwardRef__,a=Ue(t,["__forwardRef__"]);var i=this.props,u=i.component,s=Ue(i,["component"]);We.concat(Object.keys(h(h(h(h({},r.$validators),r.$asyncValidators),a.$validators),a.$asyncValidators))).forEach((function(e){if(e in a){if(e==="$validators"||e==="$asyncValidators"||e==="$defaultState"){s[e]=h(h({},r[e]),a[e])}delete a[e]}}));this.othersProps=a;return o["default"].createElement(Ke,Object.assign({},r,s,{render:this.renderChildren}))}}]);return a}(e.Component);n.displayName="React.Formutil.withField."+(t.displayName||t.name||"Anonymous");var a=e.forwardRef((function(e,t){return o["default"].createElement(n,Object.assign({__forwardRef__:t},e))}));a.displayName="React.Formutil.withField.ForwardRef."+(t.displayName||t.name||"Anonymous");return f["default"](a,t)}var Xe=he(Je);var Ze=function(e){G(r,e);var t=te(r);function r(){T(this,r);return t.apply(this,arguments)}M(r,[{key:"render",value:function e(){var t=this;var r=this.props,n=r.$fieldutil,a=r.value,i=r.onChange,u=r.onFocus,s=r.onBlur,l=r.checked,f=r.unchecked,$=Ue(r,["$fieldutil","value","onChange","onFocus","onBlur","checked","unchecked"]);var c=this.props.type;var d={value:"compositionValue"in this?this.compositionValue:a,onCompositionEnd:function e(r){t.isComposing=false;delete t.compositionValue;d.onChange(r)},onCompositionStart:function e(){return t.isComposing=true},onChange:function e(r){var n=r.target.value;if(t.isComposing){t.compositionValue=n;t.forceUpdate()}else{i(n,r)}},onFocus:u,onBlur:function e(r){if(t.isComposing){t.isComposing=false;delete t.compositionValue;d.onChange(r)}return s(r)}};var v="input";switch(c){case"select":v=c;d.onChange=function(e){var t=e.target;var r=t.multiple?[].slice.call(t.options).filter((function(e){return e.selected})).map((function(e){return e.value})):t.value;i(r,e)};delete $.type;break;case"textarea":v=c;delete $.type;break;case"checkbox":case"radio":d={checked:a===l,onChange:function e(t){i(t.target.checked?l:f,t)},onFocus:u,onBlur:s};break}return o["default"].createElement(v,Object.assign({},$,d))}}]);return r}(e.Component);Ze.displayName="React.Formutil.EasyField.Native";Ze.defaultProps={value:"",type:"text",checked:true,unchecked:false};var et=e.createContext((function(){return{}})),tt=et.Provider,rt=et.Consumer;var nt=function(t){G(n,t);var r=te(n);function n(){var e;T(this,n);for(var t=arguments.length,a=new Array(t),i=0;i<t;i++){a[i]=arguments[i]}e=r.call.apply(r,[this].concat(a));e.getGroupContext=function(){return e.props};return e}M(n,[{key:"_render",value:function t(){var r=this.props,n=r.className,a=r.groupNode,i=r.children;var u={GroupOption:at,Field:it};var s=se(i)?i(u):e.Children.map(i,(function(t){return e.cloneElement(t,u)}));if(a===null){return s}return o["default"].createElement(a,{className:n},s)}},{key:"render",value:function e(){return o["default"].createElement(tt,{value:this.getGroupContext},this._render())}}]);return n}(e.Component);nt.displayName="React.Formutil.EasyField.Group";nt.defaultProps={type:"checkbox",groupNode:"div"};var at=function(e){G(r,e);var t=te(r);function r(){T(this,r);return t.apply(this,arguments)}M(r,[{key:"componentDidMount",value:function e(){s["default"]("$value"in this.props,"You should pass a $value to <GroupOption />.")}},{key:"render",value:function e(){var t=this.props,r=t.$value,n=t.onChange,a=t.onFocus,i=t.onBlur,u=Ue(t,["$value","onChange","onFocus","onBlur"]);return o["default"].createElement(rt,null,(function(e){var t=e();var s=t.type,l=t.name;var f=s==="radio"?{checked:t.value===r,onChange:function e(a){t.onChange(r,a);n&&n(a)}}:s==="checkbox"?{checked:t.value.indexOf(r)>-1,onChange:function e(a){t.onChange(a.target.checked?t.value.concat(r):t.value.filter((function(e){return e!==r})),a);n&&n(a)}}:{value:t.value,onChange:function e(r){t.onChange(r);n&&n(r)}};return o["default"].createElement("input",Object.assign({name:l},u,f,{type:s,onFocus:function e(r){t.onFocus(r);a&&a(r)},onBlur:function e(r){t.onBlur(r);i&&i(r)}}))}))}}]);return r}(e.Component);at.displayName="React.Formutil.EasyField.Group.Option";var it=function(e){G(r,e);var t=te(r);function r(){T(this,r);return t.apply(this,arguments)}M(r,[{key:"componentDidMount",value:function e(){s["default"](false,'The "Field" property in EasyField\'s children-props has been deprecated. Please use "GroupOption" instead.')}},{key:"render",value:function e(){return o["default"].createElement(at,this.props)}}]);return r}(e.Component);it.displayName="React.Formutil.EasyField.Group.Option.Deprecated";var ut=o["default"].Frament||"div";var ot=function(e){G(r,e);var t=te(r);function r(e){var n;T(this,r);n=t.call(this,e);n.id=0;n.latestValue=n.props.value;n.$formutil=void 0;n.FieldValidators={required:function e(t){return t!==null}};n.$onFormChange=function(e){e.$onValidates((function(e){var t=e.$invalid,r=e.$params;if(t){if(n.props.value.length){n.props.onChange(n.latestValue=[])}}else if(!$["default"](n.props.value,r.list)){n.props.onChange(n.latestValue=r.list)}}))};n.swap=function(e,t,r){return n.$setState((function(r){var n=r.items;var a=[n[e],n[t]];n[t]=a[0];n[e]=a[1];return n}),r)};n.insert=function(){var e,t,r;for(var a=arguments.length,i=new Array(a),u=0;u<a;u++){i[u]=arguments[u]}i.forEach((function(n){if(se(n)){r=n}else if(typeof n==="number"){e=n}else if(typeof n==="object"){t=n}}));return n.$setState((function(r){var a=r.items;if(oe(e)){a.push(n.getId(t))}else{a.splice(e,0,n.getId(t))}return{items:a}}),r)};n.remove=function(){var e,t;for(var r=arguments.length,a=new Array(r),i=0;i<r;i++){a[i]=arguments[i]}a.forEach((function(r){if(se(r)){t=r}else if(typeof r==="number"){e=r}}));return n.$setState((function(t){var r=t.items;if(oe(e)){r.pop()}else{r.splice(e,1)}if(!r.length){r=[n.getId()]}return{items:r}}),t)};n.$setState=function(e,t){return new Promise((function(r){return n.setState(e,(function(){return n.$formutil.$onValidates((function(e){return r(pe(t,e))}))}))}))};n.state={items:e.value.length?e.value.map((function(){return n.getId()})):[n.getId()],formKey:0};return n}M(r,[{key:"componentDidUpdate",value:function e(t){var r=this;if(this.props.value!==this.latestValue){this.setState({items:this.props.value.length?this.props.value.map((function(){return r.getId()})):[this.getId()],formKey:this.state.formKey+1});this.latestValue=this.props.value}}},{key:"getId",value:function e(t){return{id:this.id++,values:t}}},{key:"render",value:function e(){var t=this;var r=this.props,n=r.children,a=r.onFocus,i=r.onBlur,u=r.value;var s=this;if(!se(n)){return null}var l={$insert:this.insert,$remove:this.remove,$swap:this.swap,$push:function e(r,n){return t.insert(r,n)},$pop:function e(r){return t.remove(r)},$shift:function e(r){return t.remove(0,r)},$unshift:function e(r,n){return t.insert(0,r,n)},onFocus:a,onBlur:i};return o["default"].createElement(Re,{key:this.state.formKey,$defaultValues:{list:u},$onFormChange:this.$onFormChange,children:function e(r){t.$formutil=r;return o["default"].createElement(ut,null,t.state.items.map((function(e,a){var i=e.id,u=e.values;return o["default"].createElement(Ke,{key:i,required:true,$defaultValue:u||null,$validators:t.FieldValidators,name:"list[".concat(a,"]"),children:function e(i){return o["default"].createElement(Re,{$defaultValues:i.$value||{},$onFormChange:function e(t){return t.$onValidates((function(e){var t=e.$invalid,r=e.$params;if(t){if(i.$viewValue!==null){i.$render(null)}}else if(!$["default"](i.$viewValue,r)){i.$render(r)}}))},children:function e(i){return n(h(h({get $length(){return s.state.items.length},$index:a,$isLast:function e(){return a===t.state.items.length-1},$isFirst:function e(){return a===0}},l),i),r)}})}})})))}})}}]);return r}(e.Component);ot.displayName="React.Formutil.EasyField.List";var st="__TYPE__";var lt=[["required",function(e,t,r){var n=r.__TYPE__,a=r.checked,i=a===void 0?true:a;return t===false||(n==="checked"?e===i:!le(e))}],["maxLength",function(e,t){return le(e)||e.length<=t*1}],["minLength",function(e,t){return le(e)||e.length>=t*1}],["max",function(e,t){return le(e)||e*1<=t*1}],["min",function(e,t){return le(e)||e*1>=t*1}],["pattern",function(e,t){return le(e)||t.test(e)}],["enum",function(e,t){return le(e)||t.indexOf(e)>-1}],["checker",function(e,t,r){return t(e,r)}]].reduce((function(e,t){var r=N(t,2),n=r[0],a=r[1];e[n]=function e(t,r,i){var u=i.validMessage,o=u===void 0?{}:u;return a.apply(void 0,arguments)||o[n]||"Error input: ".concat(n)};return e}),{});var ft="React.Formutil.EasyField";var $t={validMessage:{},valuePropName:"value",changePropName:"onChange",focusPropName:"onFocus",blurPropName:"onBlur",$parser:function e(t){return typeof t==="string"?t.trim():t}};function ct(e,t,r){var n;var a=t.valuePropName,i=t.changePropName,u=t.focusPropName,o=t.blurPropName,s=t.getValueFromEvent,l=t.passUtil;var f=function e(t){return t&&t.target?t.target[a]:t};var $=h(h({},r),{},(n={},d(n,a,e.$viewValue),d(n,i,(function(r){var n;for(var a=arguments.length,u=new Array(a>1?a-1:0),o=1;o<a;o++){u[o-1]=arguments[o]}if(((n=u[0])===null||n===void 0?void 0:n.nativeEvent)instanceof Event){u.push(r)}else{u.unshift(r)}var l=t[i];l&&l.apply(void 0,u);var $=s?s.apply(void 0,u):f(r);e.$render($)})),d(n,u,(function(){var r=t[u];r&&r.apply(void 0,arguments);e.$setFocused(true)})),d(n,o,(function(){var r=t[o];r&&r.apply(void 0,arguments);if(e.$untouched){e.$setTouched(true)}e.$setFocused(false)})),n));if(l){$[l===true?"$fieldutil":String(l)]=e}return $}function dt(e){var t=e.children,r=e.component,n=e.render,a=Ue(e,["children","component","render"]);var i=a.name,u=a.type,o=a.defaultValue,s=a.valuePropName,l=a.changePropName,f=a.focusPropName,$=a.blurPropName,c=a.getValueFromEvent,d=a.validMessage,v=a.checked,p=a.unchecked,m=a.__TYPE__,g=a.__DIFF__,y=a.passUtil,b=a.$defaultValue,w=a.$defaultState,F=a.$onFieldChange,C=a.$validators,P=a.$asyncValidators,V=a.$validateLazy,S=a.$memo,k=a.$reserveOnUnmount,O=a.$parser,E=a.$formatter,_=a.$ref,j=Ue(a,["name","type","defaultValue","valuePropName","changePropName","focusPropName","blurPropName","getValueFromEvent","validMessage","checked","unchecked","__TYPE__","__DIFF__","passUtil","$defaultValue","$defaultState","$onFieldChange","$validators","$asyncValidators","$validateLazy","$memo","$reserveOnUnmount","$parser","$formatter","$ref"]);var x={children:t,component:r,render:n};if(S===true&&oe(g)){a.__DIFF__=[t,r,n]}var R=!oe(u)||oe(t)&&oe(r)&&oe(n);Object.keys(h(h({},a.$validators=h(h({},lt),a.$validators)),a.$asyncValidators)).forEach((function(e){if(e in j){if(!R||!ge(e)){delete j[e]}}}));if(R){var A=(u||"").split("."),D=N(A,2),U=D[0],T=U===void 0?"text":U,I=D[1];x.component=T==="group"?nt:T==="list"?ot:Ze;if(i){j.name=i}if(u){j.type=T}if(t){j.children=t}j.checked=v;j.unchecked=p;switch(T){case"select":case"textarea":if(e.multiple){a[st]="array"}break;case"group":if(I==="checkbox"){a[st]="array"}j.type=I;break;case"checkbox":case"radio":a[st]="checked";break;case"list":a[st]="array";break}}if(!("$defaultValue"in a)&&"defaultValue"in e){a.$defaultValue=o}if(!("$defaultValue"in a)&&st in a){var H;switch(a[st]){case"checked":var M=a.unchecked,L=M===void 0?false:M;H=L;break;case"array":H=[];break;case"object":H={};break;case"number":H=0;break}a.$defaultValue=H}return{fieldProps:a,childProps:j,renderProps:x}}function vt(t,r){var n=r.component,a=r.render,i=r.children;if(n){return e.createElement(n,t)}if(se(a)){return a(t)}if(se(i)){return i(t)}return e.Children.map(i,(function(r){return e.cloneElement(r,t)}))}var pt=function(e){G(r,e);var t=te(r);function r(){var e;T(this,r);for(var n=arguments.length,a=new Array(n),i=0;i<n;i++){a[i]=arguments[i]}e=t.call.apply(t,[this].concat(a));e.renderChildren=function(t){var r=e.parsedProps,n=r.fieldProps,a=r.childProps,i=r.renderProps;return vt(ct(t,n,a),i)};e.parsedProps={};return e}M(r,[{key:"render",value:function e(){var t=this.parsedProps=dt(this.props),r=t.fieldProps;return o["default"].createElement(Ke,Object.assign({},r,{children:this.renderChildren}))}}]);return r}(e.Component);pt.displayName=ft;pt.defaultProps=$t;function ht(t){var r=e.forwardRef((function(e,r){return o["default"].createElement(re.Consumer,null,(function(n){return o["default"].createElement(t,Object.assign({},e,{$formutil:n().$formutil,ref:r}))}))}));r.displayName="React.Formutil.connect."+(t.displayName||t.name||"Anonymous");return f["default"](r,t)}function mt(){if(!o["default"].useState){throw new Error("Hooks api need react@>=16.8, Please upgrade your reactjs.")}var e=o["default"].useContext;var t=e(re);return t()}function gt(e){var t=arguments.length>1&&arguments[1]!==undefined?arguments[1]:{};if(!o["default"].useState){throw new Error("Hooks api need react@>=16.8, Please upgrade your reactjs.")}var r=o["default"].useState,n=o["default"].useLayoutEffect,a=o["default"].useRef;var i;if(e){if(typeof e==="string"){i=e;t.name=i}else{t=e;i=t.name}}var u=mt();var l=a({}).current;var f=a([]);var $;l.$formContext=u;l.props=t;l.$setState=p;l.shouldRendered=true;var c=r((function(){l.$$FIELD_UUID=Qe();l.$fieldHandler=$=ze(l);l.$fieldHandler.$$reset();l.$fieldHandler.$validate()})),d=N(c,2),v=d[1];if(!$){$=(u.$$registers||{})[l.$fieldHandler.$name]||l.$fieldHandler}n((function(){var e=l.$state;if(l.isMounting){if(!(i in(u.$$registers||{}))){$.$$triggerChange({$newValue:e.$value,$prevValue:l.$prevState.$value})}}l.$prevState=e}),[l.$state.$value]);n((function(){l.isMounting=true;s["default"](!i||u.$formutil,"You should enusre that the useField() with the name '".concat(i,"' must be used underneath a <Form /> component or withForm() HOC, otherwise it's isolated."));s["default"](i,"You should pass a name argument to useField(), otherwise it will be isolated!");return function(){l.isMounting=false;Fe(t.$ref,null)}}),[]);n((function(){if(u.$$register){u.$$register(i,l.$fieldHandler)}return function(){if(u.$$unregister){u.$$unregister(i,l.$fieldHandler,!l.isMounting&&t.$reserveOnUnmount)}}}),[i]);n((function(){Fe(t.$ref,l.$fieldutil)}));n((function(){if(f.current.length>0){var e=O(f.current);f.current.length=0;while(e.length){e.pop()(l.$fieldutil)}}}));function p(e,t){return new Promise((function(r){var n=function e(){return r(pe(t,l.$fieldutil))};if(l.isMounting){if(i in(u.$$registers||{})){l.shouldRendered=false;u.$$onChange(i,e,n);if(!l.shouldRendered){v({})}}else{$.$$merge(e);$.$$detectChange(e);v({});f.current.push(n)}}else{$.$$merge(e);n()}}))}return l.$fieldutil=h(h(h({$name:i},$.$getState()),$),{},{$$formutil:u.$formutil})}function yt(){var e=mt(),t=e.$formutil;return t}function bt(e){e=h(h(h({},$t),e),{},{children:null});var t=dt(e),r=t.fieldProps,n=t.childProps;var a=gt(r);return ct(a,r,n)}exports.EasyField=pt;exports.Field=Ke;exports.Form=Re;exports.connect=ht;exports.formContext=re;exports.useField=gt;exports.useForm=yt;exports.useHandler=bt;exports.withField=Xe;exports.withForm=He;
diff --git a/dist/react-formutil.esm.development.js b/dist/react-formutil.esm.development.js
index ab5ef4a..27e8a4e 100644
--- a/dist/react-formutil.esm.development.js
+++ b/dist/react-formutil.esm.development.js
@@ -834,6 +834,7 @@ var Form = /*#__PURE__*/function (_Component) {
         var pathData = pathExist($parsedTree, name);
 
         if (force || pathData) {
+          var $curState = handler.$getState();
           var $newState = handler && processer(pathData && pathData.data, handler);
 
           if ($newState) {
@@ -849,11 +850,11 @@ var Form = /*#__PURE__*/function (_Component) {
 
               if (findItem) {
                 findItem.$newValue = $newValue;
-              } else if (name in _this.$formutil.$weakParams) {
+              } else {
                 _this.$$fieldChangedQueue.push({
                   name: name,
                   $newValue: $newValue,
-                  $prevValue: _this.$formutil.$weakParams[name]
+                  $prevValue: $curState.$value
                 });
               }
             }
diff --git a/dist/react-formutil.esm.production.js b/dist/react-formutil.esm.production.js
index d448e30..38a028f 100644
--- a/dist/react-formutil.esm.production.js
+++ b/dist/react-formutil.esm.production.js
@@ -1 +1 @@
-import e,{createContext as t,createElement as r,Children as n,cloneElement as i,Component as a,forwardRef as o}from"react";import u from"warning";import{unstable_batchedUpdates as s}from"react-dom";import l from"react-is";import f from"hoist-non-react-statics";import $ from"react-fast-compare";function c(e,t,r){if(t in e){Object.defineProperty(e,t,{value:r,enumerable:true,configurable:true,writable:true})}else{e[t]=r}return e}function d(e,t){var r=Object.keys(e);if(Object.getOwnPropertySymbols){var n=Object.getOwnPropertySymbols(e);if(t)n=n.filter((function(t){return Object.getOwnPropertyDescriptor(e,t).enumerable}));r.push.apply(r,n)}return r}function v(e){for(var t=1;t<arguments.length;t++){var r=arguments[t]!=null?arguments[t]:{};if(t%2){d(Object(r),true).forEach((function(t){c(e,t,r[t])}))}else if(Object.getOwnPropertyDescriptors){Object.defineProperties(e,Object.getOwnPropertyDescriptors(r))}else{d(Object(r)).forEach((function(t){Object.defineProperty(e,t,Object.getOwnPropertyDescriptor(r,t))}))}}return e}function p(e,t){if(t==null||t>e.length)t=e.length;for(var r=0,n=new Array(t);r<t;r++){n[r]=e[r]}return n}function h(e){if(Array.isArray(e))return p(e)}function m(e){if(typeof Symbol!=="undefined"&&Symbol.iterator in Object(e))return Array.from(e)}function g(e,t){if(!e)return;if(typeof e==="string")return p(e,t);var r=Object.prototype.toString.call(e).slice(8,-1);if(r==="Object"&&e.constructor)r=e.constructor.name;if(r==="Map"||r==="Set")return Array.from(e);if(r==="Arguments"||/^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(r))return p(e,t)}function y(){throw new TypeError("Invalid attempt to spread non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.")}function b(e){return h(e)||m(e)||g(e)||y()}function w(e){if(Array.isArray(e))return e}function F(e,t){if(typeof Symbol==="undefined"||!(Symbol.iterator in Object(e)))return;var r=[];var n=true;var i=false;var a=undefined;try{for(var o=e[Symbol.iterator](),u;!(n=(u=o.next()).done);n=true){r.push(u.value);if(t&&r.length===t)break}}catch(e){i=true;a=e}finally{try{if(!n&&o["return"]!=null)o["return"]()}finally{if(i)throw a}}return r}function P(){throw new TypeError("Invalid attempt to destructure non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.")}function V(e,t){return w(e)||F(e,t)||g(e,t)||P()}function k(e,t){if(!(e instanceof t)){throw new TypeError("Cannot call a class as a function")}}function S(e,t){for(var r=0;r<t.length;r++){var n=t[r];n.enumerable=n.enumerable||false;n.configurable=true;if("value"in n)n.writable=true;Object.defineProperty(e,n.key,n)}}function C(e,t,r){if(t)S(e.prototype,t);if(r)S(e,r);return e}function O(e){if(e===void 0){throw new ReferenceError("this hasn't been initialised - super() hasn't been called")}return e}function E(e,t){E=Object.setPrototypeOf||function e(t,r){t.__proto__=r;return t};return E(e,t)}function _(e,t){if(typeof t!=="function"&&t!==null){throw new TypeError("Super expression must either be null or a function")}e.prototype=Object.create(t&&t.prototype,{constructor:{value:e,writable:true,configurable:true}});if(t)E(e,t)}function j(e){j=Object.setPrototypeOf?Object.getPrototypeOf:function e(t){return t.__proto__||Object.getPrototypeOf(t)};return j(e)}function A(){if(typeof Reflect==="undefined"||!Reflect.construct)return false;if(Reflect.construct.sham)return false;if(typeof Proxy==="function")return true;try{Date.prototype.toString.call(Reflect.construct(Date,[],(function(){})));return true}catch(e){return false}}function D(e){"@babel/helpers - typeof";if(typeof Symbol==="function"&&typeof Symbol.iterator==="symbol"){D=function e(t){return typeof t}}else{D=function e(t){return t&&typeof Symbol==="function"&&t.constructor===Symbol&&t!==Symbol.prototype?"symbol":typeof t}}return D(e)}function R(e,t){if(t&&(D(t)==="object"||typeof t==="function")){return t}return O(e)}function x(e){var t=A();return function r(){var n=j(e),i;if(t){var a=j(this).constructor;i=Reflect.construct(n,arguments,a)}else{i=n.apply(this,arguments)}return R(this,i)}}var N=t((function(){return{}}));var U=l.isValidElementType;var T=Object.getPrototypeOf({});var I=/\s*(?:\]\s*\.|\]\s*\[|\.|\[|\])\s*/g;var H=typeof window==="undefined"?global:window;function M(e){return typeof e==="undefined"}function L(e){return typeof e==="function"}function B(e){return M(e)||e===null||e+""===""}function Y(e){return!!e&&L(e.then)}function Q(e){return Object.prototype.toString.call(e)==="[object Object]"}function G(e){if(!Q(e))return false;if(null===Object.getPrototypeOf(e))return true;if(!L(e.constructor))return false;return e.constructor.prototype===T}function z(e){return U(e)&&typeof e!=="string"}function q(e){if(Array.isArray(e)){var t=[];for(var r=0,n=e.length;r<n;r++){t[r]=q(e[r])}return t}else if(G(e)){var i={};for(var a in e){if(e.hasOwnProperty(a))i[a]=q(e[a])}return i}return e}var K=function e(t){for(var r=arguments.length,n=new Array(r>1?r-1:0),i=1;i<r;i++){n[i-1]=arguments[i]}if(L(t)){t.apply(void 0,n)}return n[0]};function W(e){return function(){for(var t=arguments.length,r=new Array(t),n=0;n<t;n++){r[n]=arguments[n]}if(z(r[0])){return e.apply(void 0,r)}return function(t){return e(t,r[0])}}}var J=["minlength","maxlength","max","min","required","pattern","step"];function X(e){return J.indexOf(e.toLowerCase())>-1}var Z=function e(t){try{var r=new Function("origin","global","return typeof ".concat(t," === 'number' || (typeof ").concat(t," !== 'undefined' && !(origin in global)) ? ").concat(t," : origin"));return r(t,H)}catch(e){return t}};function ee(){for(var e=arguments.length,t=new Array(e),r=0;r<e;r++){t[r]=arguments[r]}var n=t[0],i=t[1],a=t[2];u(typeof i==="string","The second parameter(".concat(JSON.stringify(i),") of parsePath() must be a string."));var o=(i.match(I)||[]).map((function(e){return e.replace(/\s/g,"")}));var s=i.split(I).map((function(e){return e.trim()})).filter((function(e){return e!==""}));var l=n;try{if(t.length<3){for(var f=0,$=s.length;f<$;f++){var c=Z(s[f]);if(f+1===$){return l[c]}if(M(l[c])){break}l=l[c]}}else{for(var d=0,p=s.length;d<p;d++){var h=Z(s[d]);var m=s[d+1];var g=o[d];if(M(m)){l[h]=a;break}switch(g){case"].":case".":l=l[h]=M(l[h])?{}:v({},l[h]);break;case"][":case"[":var y=Z(m);l=l[h]=M(l[h])?typeof y==="number"&&y>=0?[]:{}:Array.isArray(l[h])?b(l[h]):v({},l[h]);break;default:l[h]=a;break}}}}catch(e){u(false,"The name '%s' of Field seems is not a legal expression.",i)}if(t.length>2){return n}}function te(e,t){var r=t.split(I).map((function(e){return e.trim()})).filter((function(e){return e!==""}));for(var n=0,i=r.length;n<i;n++){var a=Z(r[n]);if(!(a in e)){break}if(n+1===i){return{data:e[a]}}e=e[a]}}function re(e,t){if(e){if(L(e)){e(t)}else if("current"in e){e.current=t}}}var ne=function e(t,r){for(var n=0,i=t.length;n<i;n++){if(r(t[n])===true){return t[n]}}};var ie=function e(t,r){return Object.keys(t).reduce((function(e,n){e[n]=r(t[n],n,t);return e}),{})};var ae=function e(t,r){return Object.keys(t).forEach((function(e){return r(t[e],e,t)}))};var oe=undefined;function ue(e,t,r){ae(e,(function(t,r){if(t===oe){delete e[r]}else if(G(t)||Array.isArray(t)){ue(t,r,e)}}));if(r&&Object.keys(e).every((function(t){return e[t]===oe}))){r[t]=oe;ue(r)}}var se=function e(t,r){if(!M(ee(t,r))){ee(t,r,oe);ue(t)}};function le(e,t){if(e===t){return true}var r=Object.keys(e);if(r.length!==Object.keys(t).length){return false}for(var n=0;n<r.length;n++){if(e[r[n]]!==t[r[n]]){return false}}return true}var fe="FORM_VALIDATE_RESULT";var $e,ce;if(typeof requestAnimationFrame==="function"){$e=requestAnimationFrame;ce=cancelAnimationFrame}else{$e=setTimeout;ce=clearTimeout}var de=function(t){_(o,t);var a=x(o);function o(e){var t;k(this,o);t=a.call(this,e);t.$$formPending=void 0;t.$$formValidatePromise=void 0;t.$$registers={};t.$$deepRegisters={};t.getFormContext=function(){return{$$registers:t.$$registers,$$register:t.$$register,$$unregister:t.$$unregister,$$onChange:t.$$onChange,$$getDefault:t.$$getDefault,$formutil:t.$formutil}};t.$$regDuplications={};t.$$duplicateTimer=void 0;t.$$checkDuplication=function(){var e=O(t),r=e.$$regDuplications;var n;ae(r,(function(e,t){var i=V(e,2),a=i[0],o=i[1];u(a.$$reserved,"The Field with a name '".concat(t,"' has been registered!"));o.$$reset(a.$getState());n=delete r[t]}));if(n){t.$render()}};t.$$register=function(e,r,n){t.$$unregister(n,r);if(e){var i=t.$$getRegister(e);if(i){ce(t.$$duplicateTimer);t.$$regDuplications[e]=[i,r];t.$$duplicateTimer=$e((function(){return s(t.$$checkDuplication)}))}else{t.$$fieldChangedQueue.push({name:e,$newValue:r.$getState().$value});se(t.$$defaultValues,e)}t.$$registers[r.$name=e]=r;t.$$formShouldUpdateFields[e]=true;t.createDeepRegisters();t.$render()}};t.$$unregister=function(e,r,n){if(e){if(e in t.$$regDuplications){var i=V(t.$$regDuplications[e],2),a=i[0],o=i[1];t.$$fieldChangedQueue.push({name:e,$newValue:o.$getState().$value,$prevValue:a.$getState().$value});delete t.$$regDuplications[e]}else if(t.$$registers[e]===r){if(n){r.$$reserved=true}else{delete t.$$registers[e];t.$$fieldChangedQueue.push({name:e,$prevValue:r.$getState().$value});se(t.$$defaultValues,e)}}t.$$formShouldUpdateAll=true;t.createDeepRegisters();t.$render()}};t.$$defaultInitialize=function(){var e=t.props,r=e.$defaultValues,n=e.$defaultStates;t.$$defaultValues=t.$$deepParseObject(q(L(r)?r(t.props)||{}:r));t.$$defaultStates=t.$$deepParseObject(q(L(n)?n(t.props)||{}:n))};t.$$getDefault=function(){return{$$defaultStates:t.$$defaultStates,$$defaultValues:t.$$defaultValues}};t.$$formShouldUpdateFields={};t.$$formShouldUpdateAll=false;t.$$fieldChangedQueue=[];t.$$triggerFormChange=function(){if(t.$$fieldChangedQueue.length){var e=b(t.$$fieldChangedQueue);t.$$fieldChangedQueue.length=0;var r={};var n={};var i=t.$$registers;var a=false;e.forEach((function(e){if(!(e.name in i)){delete e.$newValue}if(e.$newValue!==e.$prevValue){if("$newValue"in e&&"$prevValue"in e){var o=t.$$getRegister(e.name);if(o){o.$$triggerChange(e)}}"$newValue"in e&&ee(r,e.name,e.$newValue);"$prevValue"in e&&ee(n,e.name,e.$prevValue);a=true}}));if(a){if(L(t.props.$validator)){t.$$formValidate()}if(L(t.props.$onFormChange)){t.props.$onFormChange(t.$formutil,r,n)}}}};t.createDeepRegisters=function(){return t.$$deepRegisters=t.$$deepParseObject(t.$$registers)};t.$$getRegister=function(e){if(e){var r=t.$$registers[e]||ee(t.$$deepRegisters,e);if(r){return r}}};t.$$formValidate=function(){return t.$$formValidatePromise=new Promise((function(e){var r=t.props.$validator;var n;var i;var a;var o;var u=r(t.$formutil.$params,t.$formutil);var s=function t(r){return e(K(a,r))};if(Y(u)){if(!t.$$formPending){t.$$formPending=true;t.$render()}i=function e(t){return n=t(s)};o=u.then((function(){return void 0}),(function(e){return e})).then((function(e){if(n){return n}t.$shouldCancelPrevAsyncValidate=null;t.$$formPending=false;return t.$$setFormErrors(e,s)}))}else{if(t.$$formPending){t.$$formPending=false}o=t.$$setFormErrors(u,s)}if(t.$shouldCancelPrevAsyncValidate){t.$shouldCancelPrevAsyncValidate((function(e){a=e;return o}))}t.$shouldCancelPrevAsyncValidate=i}))};t.$$setFormErrors=function(e,r){if(e&&(e instanceof Error||typeof e!=="object")){u(false,"The result of $validator in <Form /> should always return None(null,undefined) or an object contains error message of Field.");return t.$render(r)}return t.$$setStates(e||{},(function(e,t){var r=t.$getState(),n=r.$error,i=n===void 0?{}:n;if(e){return{$error:v(v({},i),{},c({},fe,e))}}if(i[fe]){delete i[fe];return{$error:i}}}),r,true)};t.$getField=function(e){var r=t.$$getRegister(e);u(!e||r,"$getField('".concat(e,"') fail to find the matched Field. Maybe it has been unmounted."));u(e,"You should pass a name of the mounted Field to $getField().");if(r){var n;return(n=r.$new)===null||n===void 0?void 0:n.call(r)}};t.$$onChange=function(e,r,n){return t.$setStates(c({},e,r),n)};t.$$setStates=function(){var e=arguments.length>0&&arguments[0]!==undefined?arguments[0]:{};var r=arguments.length>1?arguments[1]:undefined;var n=arguments.length>2?arguments[2]:undefined;var i=arguments.length>3?arguments[3]:undefined;var a=t.$$deepParseObject(e);var o=[];ae(t.$$registers,(function(e,n){var u=te(a,n);if(i||u){var s=e&&r(u&&u.data,e);if(s){var l=e.$$merge(s),f=l.$value;o.push([e,s]);if("$value"in s||"$viewValue"in s){var $=ne(t.$$fieldChangedQueue,(function(e){return e.name===n}));if($){$.$newValue=f}else if(n in t.$formutil.$weakParams){t.$$fieldChangedQueue.push({name:n,$newValue:f,$prevValue:t.$formutil.$weakParams[n]})}}t.$$formShouldUpdateFields[n]=true}}}));return s((function(){o.forEach((function(e){var t=V(e,2),r=t[0],n=t[1];return r.$$detectChange(n)}));return t.$render(n)}))};t.$render=function(e){return new Promise((function(r){return t.forceUpdate((function(){return r(K(e,t.$formutil))}))}))};t.$validates=function(){var e;for(var r=arguments.length,n=new Array(r),i=0;i<r;i++){n[i]=arguments[i]}if(L(n[n.length-1])){e=n.pop()}if(n.length){var a=function e(r){r.forEach((function(r){if(Array.isArray(r)){e(r)}else{var n=t.$getField(r);if(n){n.$validate()}}}))};a(n)}else{ae(t.$$registers,(function(e){return e.$validate()}));if(L(t.props.$validator)){t.$$formValidate()}}return t.$onValidates(e)};t.$onValidates=function(e){var r=Object.keys(t.$$registers).map((function(e){return t.$$registers[e].$onValidate()}));r.push(t.$$formValidatePromise);return Promise.all(r).then((function(){return K(e,t.$formutil)}))};t.$validate=function(e,r){var n=t.$getField(e);if(n){return n.$validate(r)}return K(r)};t.$reset=function(e,r){t.$$defaultInitialize();if(L(e)){r=e;e={}}return t.$$setStates(e,(function(e,t){return t.$$reset(e)}),r,true)};t.$setStates=function(e,r){return t.$$setStates(e,(function(e){return e}),r)};t.$setValues=function(e,r){t.$$deepParseObject(q(e),t.$$defaultValues);ue(t.$$defaultValues);return t.$$setStates(e,(function(e){return{$value:e}}),r)};t.$setFocuses=function(e,r){return t.$$setStates(e,(function(e){return{$focused:e}}),r)};t.$setDirts=function(e,r){return t.$$setStates(e,(function(e){return{$dirty:e}}),r)};t.$setTouches=function(e,r){return t.$$setStates(e,(function(e){return{$touched:e}}),r)};t.$setPendings=function(e,r){return t.$$setStates(e,(function(e){return{$pending:e}}),r)};t.$setErrors=function(e,r){return t.$$setStates(e,(function(e){return{$error:e}}),r)};t.$batchState=function(e,r){return t.$setStates(ie(t.$$registers,(function(){return e})),r)};t.$batchDirty=function(e,r){return t.$batchState({$dirty:e},r)};t.$batchTouched=function(e,r){return t.$batchState({$touched:e},r)};t.$batchFocused=function(e,r){return t.$batchState({$focused:e},r)};t.$batchPending=function(e,r){return t.$batchState({$pending:e},r)};t.$batchError=function(e,r){return t.$batchState({$error:e},r)};t.$getFirstError=function(e){var r=t.$formutil;if(e){var n=r.$getField(e);return n&&n.$getFirstError()}for(var i in r.$weakErrors){if(r.$weakErrors.hasOwnProperty(i)){var a=r.$weakErrors[i];for(var o in a){if(a.hasOwnProperty(o)){return a[o]instanceof Error?a[o].message:a[o]}}}}};t.$new=function(){return t.$formutil};t.$$defaultInitialize();return t}C(o,[{key:"$$deepParseObject",value:function e(t){var r=arguments.length>1&&arguments[1]!==undefined?arguments[1]:{};ae(t,(function(e,t){return ee(r,t,e)}));return r}},{key:"$$resetFormUpdateFields",value:function e(){this.$$formShouldUpdateFields={};this.$$formShouldUpdateAll=false}},{key:"componentDidMount",value:function e(){re(this.props.$ref,this.$formutil)}},{key:"componentDidUpdate",value:function e(t){re(this.props.$ref,this.$formutil);this.$$triggerFormChange()}},{key:"componentWillUnmount",value:function e(){re(this.props.$ref,null)}},{key:"_render",value:function e(){var t=this.$formutil;var a=this.props,o=a.children,u=a.render,s=a.component;if(s){return r(s,{$formutil:t})}if(L(u)){return u(t)}if(L(o)){return o(t)}return n.map(o,(function(e){return e&&z(e.type)?i(e,{$formutil:t}):e}))}},{key:"render",value:function t(){var r=this;var n=this.props.$processer;var i=Object.keys(this.$$registers).map((function(e){return{path:e,$state:r.$$registers[e].$getState()}}));var a=this.$$formShouldUpdateAll;var o=this.$formutil||{};var u=i.some((function(e){var t=e.$state;return t.$invalid}));var s=i.some((function(e){var t=e.$state;return t.$dirty}));var l=i.some((function(e){var t=e.$state;return t.$touched}));var f=i.some((function(e){var t=e.$state;return t.$focused}));var $=this.$$formPending||i.some((function(e){var t=e.$state;return t.$pending}));var c=a?{}:v({},o.$pureParams);var d=a?{}:v({},o.$states);var p=a?{}:v({},o.$errors);var h=a?{}:v({},o.$dirts);var m=a?{}:v({},o.$touches);var g=a?{}:v({},o.$focuses);var y=a?{}:v({},o.$pendings);var b=a?{}:v({},o.$weakStates);var w=a?{}:v({},o.$weakParams);var F=a?{}:v({},o.$weakErrors);var P=a?{}:v({},o.$weakDirts);var V=a?{}:v({},o.$weakFocuses);var k=a?{}:v({},o.$weakTouches);var S=a?{}:v({},o.$weakPendings);for(var C=0,O=i.length;C<O;C++){var E=i[C],_=E.$state,j=E.path;if(!a){if(!this.$$formShouldUpdateFields[j]){continue}}if(n){n(_,j)}if(j in w&&_.$pristine&&M(_.$value)){delete w[j];se(c,j)}else if(w[j]!==_.$value){w[j]=_.$value;ee(c,j,_.$value)}ee(d,j,_);b[j]=_;if(F[j]!==_.$error){if(_.$invalid){ee(p,j,_.$error);F[j]=_.$error}else if(j in F){se(p,j);delete F[j]}}if(P[j]!==_.$dirty){ee(h,j,_.$dirty);P[j]=_.$dirty}if(k[j]!==_.$touched){ee(m,j,_.$touched);k[j]=_.$touched}if(V[j]!==_.$focused){ee(g,j,_.$focused);V[j]=_.$focused}if(S[j]!==_.$pending){ee(y,j,_.$pending);S[j]=_.$pending}}this.$formutil={$$registers:v({},this.$$registers),$$deepRegisters:this.$$deepRegisters,$states:d,$pureParams:c,$params:v(v({},this.$$defaultValues),c),$errors:p,$dirts:h,$touches:m,$focuses:g,$pendings:y,$weakStates:b,$weakParams:w,$weakErrors:F,$weakDirts:P,$weakTouches:k,$weakFocuses:V,$weakPendings:S,$getFirstError:this.$getFirstError,$render:this.$render,$getField:this.$getField,$onValidates:this.$onValidates,$new:this.$new,$setStates:this.$setStates,$setValues:this.$setValues,$setErrors:this.$setErrors,$setTouches:this.$setTouches,$setDirts:this.$setDirts,$setFocuses:this.$setFocuses,$setPendings:this.$setPendings,$batchState:this.$batchState,$batchTouched:this.$batchTouched,$batchDirty:this.$batchDirty,$batchFocused:this.$batchFocused,$batchPending:this.$batchPending,$reset:this.$reset,$validates:this.$validates,$validate:this.$validate,$valid:!u,$invalid:u,$dirty:s,$pristine:!s,$touched:l,$untouched:!l,$focused:f,$pending:$};this.$$resetFormUpdateFields();return e.createElement(N.Provider,{value:this.getFormContext},this._render())}}]);return o}(a);de.displayName="React.Formutil.Form";de.defaultProps={$defaultValues:{},$defaultStates:{}};function ve(e,t){if(e==null)return{};var r={};var n=Object.keys(e);var i,a;for(a=0;a<n.length;a++){i=n[a];if(t.indexOf(i)>=0)continue;r[i]=e[i]}return r}function pe(e,t){if(e==null)return{};var r=ve(e,t);var n,i;if(Object.getOwnPropertySymbols){var a=Object.getOwnPropertySymbols(e);for(i=0;i<a.length;i++){n=a[i];if(t.indexOf(n)>=0)continue;if(!Object.prototype.propertyIsEnumerable.call(e,n))continue;r[n]=e[n]}}return r}var he=["render","component","children","$defaultValues","$defaultStates","$onFormChange","$validator","$processer","$ref"];function me(t){var r=arguments.length>1&&arguments[1]!==undefined?arguments[1]:{};var n=function(n){_(a,n);var i=x(a);function a(){var r;k(this,a);for(var n=arguments.length,o=new Array(n),u=0;u<n;u++){o[u]=arguments[u]}r=i.call.apply(i,[this].concat(o));r.renderChildren=function(n){return e.createElement(t,Object.assign({},r.othersProps,{$formutil:n,ref:r.props.__forwardRef__}))};return r}C(a,[{key:"render",value:function t(){var n=this.props,i=n.__forwardRef__,a=pe(n,["__forwardRef__"]);var o=this.props,u=o.component,s=pe(o,["component"]);he.forEach((function(e){if(e in a){if(e==="$defaultStates"||e==="$defaultValues"){s[e]=v(v({},r[e]),a[e])}delete a[e]}}));this.othersProps=a;return e.createElement(de,Object.assign({},r,s,{render:this.renderChildren}))}}]);return a}(a);n.displayName="React.Formutil.withForm."+(t.displayName||t.name||"Anonymous");var i=o((function(t,r){return e.createElement(n,Object.assign({__forwardRef__:r},t))}));i.displayName="React.Formutil.withForm.ForwardRef."+(t.displayName||t.name||"Anonymous");return f(i,t)}var ge=W(me);var ye=0;var be={$valid:true,$invalid:false,$dirty:false,$pristine:true,$touched:false,$untouched:true,$focused:false,$pending:false,$error:{}};function we(e){return e!==true}function Fe(e,t,r){u(!M(e),"You should return a string or Error when the validation('".concat(r&&r+": ").concat(t,"') failed, otherwise return true."))}var Pe="React.Formutil.Field";function Ve(){return ye++}function ke(e,t){var a=t.children,o=t.render,u=t.component;if(u){return r(u,{$fieldutil:e})}if(L(o)){return o(e)}if(L(a)){return a(e)}return n.map(a,(function(t){return t&&z(t.type)?i(t,{$fieldutil:e}):t}))}function Se(e,t){var r={$$FIELD_UUID:e.$$FIELD_UUID,$$reset:u,$$merge:b,$$detectChange:i,$$triggerChange:a,$onValidate:o,$new:function t(){return e.$fieldutil},$picker:s,$getState:s,$getComponent:function e(){return t},$reset:function t(r,n){return e.$setState(u(r),n)},$getFirstError:y,$validate:l,$setState:e.$setState,$render:f,$setValue:$,$setTouched:c,$setDirty:d,$setFocused:p,$setValidity:m,$setError:h,$setPending:g};var n;function i(e){if("$value"in e||"$viewValue"in e){l()}}function a(t){var r=t.$newValue,n=t.$prevValue;var i=e.props.$onFieldChange;if(L(i)){i(r,n,e.$formContext.$formutil)}}function o(e){n.then(e);return n}function u(t){var r;var n=e.props,i=e.$formContext;if(i.$$getDefault){var a=n.name;var o=i.$$getDefault(),u=o.$$defaultStates,s=o.$$defaultValues;if(a&&s){var l=ee(s,a);r=ee(u,a)||{};if(!M(l)){r.$value=l}}}var f=n.$defaultValue,$=n.$defaultState;return b(v(v(v(v({},be),L($)?$(n):$),{},{$value:L(f)?f(n):"$defaultValue"in n?f:""},r),t))}function s(){return v({},e.$state)}function l(t){return n=new Promise((function(r){var n=e.props,i=e.$formContext;var a=v(v({},n.$validators),n.$asyncValidators);var o=e.$state,u=o.$value,s=o.$pending,l=Object.assign({},o.$error);var f=i.$formutil;var $={};var c=false;var d;var p;var y;var b;delete l[fe];var w=Object.keys(a).reduce((function(t,r){delete l[r];if(!c&&n[r]!=null){var i=a[r](u,n[r],v(v({},n),{},{$formutil:f,$fieldutil:e.$fieldutil,$validError:$}));if(Y(i)){t.push(i.catch((function(e){if(!d){m(r,e||r)}})))}else if(we(i)){$[r]=i||r;Fe(i,r,n.name);if(n.$validateLazy){c=true}}}return t}),[]);var F=function e(n){return r(K(t,K(y,n)))};if(w.length){if(!s){g(true)}p=function e(t){return d=t(F)};w.push(h(v(v({},l),$)));b=Promise.all(w).then((function(){if(d){return d}e.$shouldCancelPrevAsyncValidate=null;return g(false,F)}))}else{if(s){g(false)}b=h(v(v({},l),$),F)}if(e.$shouldCancelPrevAsyncValidate){e.$shouldCancelPrevAsyncValidate((function(e){y=e;return b}))}e.$shouldCancelPrevAsyncValidate=p}))}function f(t,r){return e.$setState({$viewValue:t,$dirty:true},r)}function $(t,r){return e.$setState({$value:t},r)}function c(t,r){return e.$setState({$touched:t},r)}function d(t,r){return e.$setState({$dirty:t},r)}function p(t,r){return e.$setState({$focused:t},r)}function h(t,r){return e.$setState({$error:t},r)}function m(t){var r=arguments.length>1&&arguments[1]!==undefined?arguments[1]:true;var n=arguments.length>2?arguments[2]:undefined;var i=Object.assign({},e.$state.$error);if(we(r)){i[t]=r||t;Fe(r,t,e.props.name)}else{delete i[t]}return h(i,n)}function g(t,r){return e.$setState({$pending:t},r)}function y(){var t=e.$state.$error,r=t===void 0?{}:t;for(var n in r){if(r.hasOwnProperty(n)){return r[n]instanceof Error?r[n].message:r[n]}}}function b(t){var r=Object.assign({},t);if("$error"in r){if(!r.$error){r.$error={}}r.$valid=Object.keys(r.$error).length===0}var n=e.props,i=n.$parser,a=n.$formatter;if("$viewValue"in r&&!("$value"in r)){var o=function e(t){return r.$viewValue=t};r.$value=i?i(r.$viewValue,o):r.$viewValue}else if("$value"in r&&!("$viewValue"in r)){var u=function e(t){return r.$value=t};r.$viewValue=a?a(r.$value,u):r.$value}if("$valid"in r){r.$invalid=!r.$valid}else if("$invalid"in r){r.$dirty=!r.$invalid}if("$dirty"in r){r.$pristine=!r.$dirty}else if("$pristine"in r){r.$dirty=!r.$pristine}if("$touched"in r){r.$untouched=!r.$touched}else if("$untouched"in r){r.$touched=!r.$untouched}e.$state=v(v({},e.$state),r);return s()}return r}var Ce=function(t){_(n,t);var r=x(n);function n(){var e;k(this,n);for(var t=arguments.length,i=new Array(t),a=0;a<t;a++){i[a]=arguments[a]}e=r.call.apply(r,[this].concat(i));e.$$FIELD_UUID=Ve();e.$formContext=void 0;e.$state=void 0;e.shouldRendered=false;e.$setState=function(t,r){return new Promise((function(n){var i=function t(){return n(K(r,e.$fieldutil))};if(e.isMounting){var a=e.props.name;if(a in(e.$formContext.$$registers||{})){e.shouldRendered=false;e.$formContext.$$onChange(a,t,i);if(!e.shouldRendered){e.forceUpdate()}}else{e.$registered.$$merge(t);e.$registered.$$detectChange(t);e.forceUpdate(i)}}else{e.$registered.$$merge(t);i()}}))};return e}C(n,[{key:"componentDidMount",value:function e(){this.isMounting=true;var t=this.props.name,r=this.$formContext;u(!t||r.$formutil,"You should enusre that the <Field /> with the name '".concat(t,"' must be used underneath a <Form /> component or withForm() HOC, otherwise it's isolated."));u(t,"You should assign a name to <Field />, otherwise it will be isolated!");if(r.$$register){r.$$register(t,this.$fieldHandler)}this.$prevState=this.$state;re(this.props.$ref,this.$fieldutil)}},{key:"componentWillUnmount",value:function e(){if(this.$formContext.$$unregister){this.$formContext.$$unregister(this.props.name,this.$fieldHandler,this.props.$reserveOnUnmount)}this.isMounting=false;re(this.props.$ref,null)}},{key:"componentDidUpdate",value:function e(t){var r=this.props.name;if(r!==t.name){if(this.$formContext.$$register){this.$formContext.$$register(r,this.$fieldHandler,t.name)}}re(this.props.$ref,this.$fieldutil);if(this.$state.$value!==this.$prevState.$value){if(!(r in(this.$formContext.$$registers||{}))){this.$registered.$$triggerChange({$newValue:this.$state.$value,$prevValue:this.$prevState.$value})}}this.$prevState=this.$state}},{key:"shouldComponentUpdate",value:function e(t){var r=t.$memo;return!r||!le(this.$registered.$getState(),this.$prevState)||!(Array.isArray(r)?$(r,this.props.$memo):$(this.props,t))}},{key:"_render",value:function e(){var t=this.$fieldutil=v(v(v({$name:this.props.name},this.$registered.$getState()),this.$registered),{},{$$formutil:this.$formContext.$formutil});return ke(t,this.props)}},{key:"render",value:function t(){var r=this;this.shouldRendered=true;return e.createElement(N.Consumer,null,(function(e){var t=!r.$formContext;r.$formContext=e();if(!r.$fieldHandler){r.$fieldHandler=Se(r,r)}r.$registered=(r.$formContext.$$registers||{})[r.$fieldHandler.$name]||r.$fieldHandler;if(t){r.$fieldHandler.$$reset();r.$fieldHandler.$validate()}return r._render()}))}}]);return n}(a);Ce.displayName=Pe;var Oe=["name","$defaultValue","$defaultState","$onFieldChange","$validators","$asyncValidators","$validateLazy","$memo","$reserveOnUnmount","$ref","$parser","$formatter","render","component","children"];function Ee(t){var r=arguments.length>1&&arguments[1]!==undefined?arguments[1]:{};var n=function(n){_(a,n);var i=x(a);function a(){var r;k(this,a);for(var n=arguments.length,o=new Array(n),u=0;u<n;u++){o[u]=arguments[u]}r=i.call.apply(i,[this].concat(o));r.renderChildren=function(n){return e.createElement(t,Object.assign({},r.othersProps,{$fieldutil:n,ref:r.props.__forwardRef__}))};return r}C(a,[{key:"render",value:function t(){var n=this.props,i=n.__forwardRef__,a=pe(n,["__forwardRef__"]);var o=this.props,u=o.component,s=pe(o,["component"]);Oe.concat(Object.keys(v(v(v(v({},r.$validators),r.$asyncValidators),a.$validators),a.$asyncValidators))).forEach((function(e){if(e in a){if(e==="$validators"||e==="$asyncValidators"||e==="$defaultState"){s[e]=v(v({},r[e]),a[e])}delete a[e]}}));this.othersProps=a;return e.createElement(Ce,Object.assign({},r,s,{render:this.renderChildren}))}}]);return a}(a);n.displayName="React.Formutil.withField."+(t.displayName||t.name||"Anonymous");var i=o((function(t,r){return e.createElement(n,Object.assign({__forwardRef__:r},t))}));i.displayName="React.Formutil.withField.ForwardRef."+(t.displayName||t.name||"Anonymous");return f(i,t)}var _e=W(Ee);var je=function(t){_(n,t);var r=x(n);function n(){k(this,n);return r.apply(this,arguments)}C(n,[{key:"render",value:function t(){var r=this;var n=this.props,i=n.$fieldutil,a=n.value,o=n.onChange,u=n.onFocus,s=n.onBlur,l=n.checked,f=n.unchecked,$=pe(n,["$fieldutil","value","onChange","onFocus","onBlur","checked","unchecked"]);var c=this.props.type;var d={value:"compositionValue"in this?this.compositionValue:a,onCompositionEnd:function e(t){r.isComposing=false;delete r.compositionValue;d.onChange(t)},onCompositionStart:function e(){return r.isComposing=true},onChange:function e(t){var n=t.target.value;if(r.isComposing){r.compositionValue=n;r.forceUpdate()}else{o(n,t)}},onFocus:u,onBlur:function e(t){if(r.isComposing){r.isComposing=false;delete r.compositionValue;d.onChange(t)}return s(t)}};var v="input";switch(c){case"select":v=c;d.onChange=function(e){var t=e.target;var r=t.multiple?[].slice.call(t.options).filter((function(e){return e.selected})).map((function(e){return e.value})):t.value;o(r,e)};delete $.type;break;case"textarea":v=c;delete $.type;break;case"checkbox":case"radio":d={checked:a===l,onChange:function e(t){o(t.target.checked?l:f,t)},onFocus:u,onBlur:s};break}return e.createElement(v,Object.assign({},$,d))}}]);return n}(a);je.displayName="React.Formutil.EasyField.Native";je.defaultProps={value:"",type:"text",checked:true,unchecked:false};var Ae=t((function(){return{}})),De=Ae.Provider,Re=Ae.Consumer;var xe=function(t){_(a,t);var r=x(a);function a(){var e;k(this,a);for(var t=arguments.length,n=new Array(t),i=0;i<t;i++){n[i]=arguments[i]}e=r.call.apply(r,[this].concat(n));e.getGroupContext=function(){return e.props};return e}C(a,[{key:"_render",value:function t(){var r=this.props,a=r.className,o=r.groupNode,u=r.children;var s={GroupOption:Ne,Field:Ue};var l=L(u)?u(s):n.map(u,(function(e){return i(e,s)}));if(o===null){return l}return e.createElement(o,{className:a},l)}},{key:"render",value:function t(){return e.createElement(De,{value:this.getGroupContext},this._render())}}]);return a}(a);xe.displayName="React.Formutil.EasyField.Group";xe.defaultProps={type:"checkbox",groupNode:"div"};var Ne=function(t){_(n,t);var r=x(n);function n(){k(this,n);return r.apply(this,arguments)}C(n,[{key:"componentDidMount",value:function e(){u("$value"in this.props,"You should pass a $value to <GroupOption />.")}},{key:"render",value:function t(){var r=this.props,n=r.$value,i=r.onChange,a=r.onFocus,o=r.onBlur,u=pe(r,["$value","onChange","onFocus","onBlur"]);return e.createElement(Re,null,(function(t){var r=t();var s=r.type,l=r.name;var f=s==="radio"?{checked:r.value===n,onChange:function e(t){r.onChange(n,t);i&&i(t)}}:s==="checkbox"?{checked:r.value.indexOf(n)>-1,onChange:function e(t){r.onChange(t.target.checked?r.value.concat(n):r.value.filter((function(e){return e!==n})),t);i&&i(t)}}:{value:r.value,onChange:function e(t){r.onChange(t);i&&i(t)}};return e.createElement("input",Object.assign({name:l},u,f,{type:s,onFocus:function e(t){r.onFocus(t);a&&a(t)},onBlur:function e(t){r.onBlur(t);o&&o(t)}}))}))}}]);return n}(a);Ne.displayName="React.Formutil.EasyField.Group.Option";var Ue=function(t){_(n,t);var r=x(n);function n(){k(this,n);return r.apply(this,arguments)}C(n,[{key:"componentDidMount",value:function e(){u(false,'The "Field" property in EasyField\'s children-props has been deprecated. Please use "GroupOption" instead.')}},{key:"render",value:function t(){return e.createElement(Ne,this.props)}}]);return n}(a);Ue.displayName="React.Formutil.EasyField.Group.Option.Deprecated";var Te=e.Frament||"div";var Ie=function(t){_(n,t);var r=x(n);function n(e){var t;k(this,n);t=r.call(this,e);t.id=0;t.latestValue=t.props.value;t.$formutil=void 0;t.FieldValidators={required:function e(t){return t!==null}};t.$onFormChange=function(e){e.$onValidates((function(e){var r=e.$invalid,n=e.$params;if(r){if(t.props.value.length){t.props.onChange(t.latestValue=[])}}else if(!$(t.props.value,n.list)){t.props.onChange(t.latestValue=n.list)}}))};t.swap=function(e,r,n){return t.$setState((function(t){var n=t.items;var i=[n[e],n[r]];n[r]=i[0];n[e]=i[1];return n}),n)};t.insert=function(){var e,r,n;for(var i=arguments.length,a=new Array(i),o=0;o<i;o++){a[o]=arguments[o]}a.forEach((function(t){if(L(t)){n=t}else if(typeof t==="number"){e=t}else if(typeof t==="object"){r=t}}));return t.$setState((function(n){var i=n.items;if(M(e)){i.push(t.getId(r))}else{i.splice(e,0,t.getId(r))}return{items:i}}),n)};t.remove=function(){var e,r;for(var n=arguments.length,i=new Array(n),a=0;a<n;a++){i[a]=arguments[a]}i.forEach((function(t){if(L(t)){r=t}else if(typeof t==="number"){e=t}}));return t.$setState((function(r){var n=r.items;if(M(e)){n.pop()}else{n.splice(e,1)}if(!n.length){n=[t.getId()]}return{items:n}}),r)};t.$setState=function(e,r){return new Promise((function(n){return t.setState(e,(function(){return t.$formutil.$onValidates((function(e){return n(K(r,e))}))}))}))};t.state={items:e.value.length?e.value.map((function(){return t.getId()})):[t.getId()],formKey:0};return t}C(n,[{key:"componentDidUpdate",value:function e(t){var r=this;if(this.props.value!==this.latestValue){this.setState({items:this.props.value.length?this.props.value.map((function(){return r.getId()})):[this.getId()],formKey:this.state.formKey+1});this.latestValue=this.props.value}}},{key:"getId",value:function e(t){return{id:this.id++,values:t}}},{key:"render",value:function t(){var r=this;var n=this.props,i=n.children,a=n.onFocus,o=n.onBlur,u=n.value;var s=this;if(!L(i)){return null}var l={$insert:this.insert,$remove:this.remove,$swap:this.swap,$push:function e(t,n){return r.insert(t,n)},$pop:function e(t){return r.remove(t)},$shift:function e(t){return r.remove(0,t)},$unshift:function e(t,n){return r.insert(0,t,n)},onFocus:a,onBlur:o};return e.createElement(de,{key:this.state.formKey,$defaultValues:{list:u},$onFormChange:this.$onFormChange,children:function t(n){r.$formutil=n;return e.createElement(Te,null,r.state.items.map((function(t,a){var o=t.id,u=t.values;return e.createElement(Ce,{key:o,required:true,$defaultValue:u||null,$validators:r.FieldValidators,name:"list[".concat(a,"]"),children:function t(o){return e.createElement(de,{$defaultValues:o.$value||{},$onFormChange:function e(t){return t.$onValidates((function(e){var t=e.$invalid,r=e.$params;if(t){if(o.$viewValue!==null){o.$render(null)}}else if(!$(o.$viewValue,r)){o.$render(r)}}))},children:function e(t){return i(v(v({get $length(){return s.state.items.length},$index:a,$isLast:function e(){return a===r.state.items.length-1},$isFirst:function e(){return a===0}},l),t),n)}})}})})))}})}}]);return n}(a);Ie.displayName="React.Formutil.EasyField.List";var He="__TYPE__";var Me=[["required",function(e,t,r){var n=r.__TYPE__,i=r.checked,a=i===void 0?true:i;return t===false||(n==="checked"?e===a:!B(e))}],["maxLength",function(e,t){return B(e)||e.length<=t*1}],["minLength",function(e,t){return B(e)||e.length>=t*1}],["max",function(e,t){return B(e)||e*1<=t*1}],["min",function(e,t){return B(e)||e*1>=t*1}],["pattern",function(e,t){return B(e)||t.test(e)}],["enum",function(e,t){return B(e)||t.indexOf(e)>-1}],["checker",function(e,t,r){return t(e,r)}]].reduce((function(e,t){var r=V(t,2),n=r[0],i=r[1];e[n]=function e(t,r,a){var o=a.validMessage,u=o===void 0?{}:o;return i.apply(void 0,arguments)||u[n]||"Error input: ".concat(n)};return e}),{});var Le="React.Formutil.EasyField";var Be={validMessage:{},valuePropName:"value",changePropName:"onChange",focusPropName:"onFocus",blurPropName:"onBlur",$parser:function e(t){return typeof t==="string"?t.trim():t}};function Ye(e,t,r){var n;var i=t.valuePropName,a=t.changePropName,o=t.focusPropName,u=t.blurPropName,s=t.getValueFromEvent,l=t.passUtil;var f=function e(t){return t&&t.target?t.target[i]:t};var $=v(v({},r),{},(n={},c(n,i,e.$viewValue),c(n,a,(function(r){var n;for(var i=arguments.length,o=new Array(i>1?i-1:0),u=1;u<i;u++){o[u-1]=arguments[u]}if(((n=o[0])===null||n===void 0?void 0:n.nativeEvent)instanceof Event){o.push(r)}else{o.unshift(r)}var l=t[a];l&&l.apply(void 0,o);var $=s?s.apply(void 0,o):f(r);e.$render($)})),c(n,o,(function(){var r=t[o];r&&r.apply(void 0,arguments);e.$setFocused(true)})),c(n,u,(function(){var r=t[u];r&&r.apply(void 0,arguments);if(e.$untouched){e.$setTouched(true)}e.$setFocused(false)})),n));if(l){$[l===true?"$fieldutil":String(l)]=e}return $}function Qe(e){var t=e.children,r=e.component,n=e.render,i=pe(e,["children","component","render"]);var a=i.name,o=i.type,u=i.defaultValue,s=i.valuePropName,l=i.changePropName,f=i.focusPropName,$=i.blurPropName,c=i.getValueFromEvent,d=i.validMessage,p=i.checked,h=i.unchecked,m=i.__TYPE__,g=i.__DIFF__,y=i.passUtil,b=i.$defaultValue,w=i.$defaultState,F=i.$onFieldChange,P=i.$validators,k=i.$asyncValidators,S=i.$validateLazy,C=i.$memo,O=i.$reserveOnUnmount,E=i.$parser,_=i.$formatter,j=i.$ref,A=pe(i,["name","type","defaultValue","valuePropName","changePropName","focusPropName","blurPropName","getValueFromEvent","validMessage","checked","unchecked","__TYPE__","__DIFF__","passUtil","$defaultValue","$defaultState","$onFieldChange","$validators","$asyncValidators","$validateLazy","$memo","$reserveOnUnmount","$parser","$formatter","$ref"]);var D={children:t,component:r,render:n};if(C===true&&M(g)){i.__DIFF__=[t,r,n]}var R=!M(o)||M(t)&&M(r)&&M(n);Object.keys(v(v({},i.$validators=v(v({},Me),i.$validators)),i.$asyncValidators)).forEach((function(e){if(e in A){if(!R||!X(e)){delete A[e]}}}));if(R){var x=(o||"").split("."),N=V(x,2),U=N[0],T=U===void 0?"text":U,I=N[1];D.component=T==="group"?xe:T==="list"?Ie:je;if(a){A.name=a}if(o){A.type=T}if(t){A.children=t}A.checked=p;A.unchecked=h;switch(T){case"select":case"textarea":if(e.multiple){i[He]="array"}break;case"group":if(I==="checkbox"){i[He]="array"}A.type=I;break;case"checkbox":case"radio":i[He]="checked";break;case"list":i[He]="array";break}}if(!("$defaultValue"in i)&&"defaultValue"in e){i.$defaultValue=u}if(!("$defaultValue"in i)&&He in i){var H;switch(i[He]){case"checked":var L=i.unchecked,B=L===void 0?false:L;H=B;break;case"array":H=[];break;case"object":H={};break;case"number":H=0;break}i.$defaultValue=H}return{fieldProps:i,childProps:A,renderProps:D}}function Ge(e,t){var a=t.component,o=t.render,u=t.children;if(a){return r(a,e)}if(L(o)){return o(e)}if(L(u)){return u(e)}return n.map(u,(function(t){return i(t,e)}))}var ze=function(t){_(n,t);var r=x(n);function n(){var e;k(this,n);for(var t=arguments.length,i=new Array(t),a=0;a<t;a++){i[a]=arguments[a]}e=r.call.apply(r,[this].concat(i));e.renderChildren=function(t){var r=e.parsedProps,n=r.fieldProps,i=r.childProps,a=r.renderProps;return Ge(Ye(t,n,i),a)};e.parsedProps={};return e}C(n,[{key:"render",value:function t(){var r=this.parsedProps=Qe(this.props),n=r.fieldProps;return e.createElement(Ce,Object.assign({},n,{children:this.renderChildren}))}}]);return n}(a);ze.displayName=Le;ze.defaultProps=Be;function qe(t){var r=o((function(r,n){return e.createElement(N.Consumer,null,(function(i){return e.createElement(t,Object.assign({},r,{$formutil:i().$formutil,ref:n}))}))}));r.displayName="React.Formutil.connect."+(t.displayName||t.name||"Anonymous");return f(r,t)}function Ke(){if(!e.useState){throw new Error("Hooks api need react@>=16.8, Please upgrade your reactjs.")}var t=e.useContext;var r=t(N);return r()}function We(t){var r=arguments.length>1&&arguments[1]!==undefined?arguments[1]:{};if(!e.useState){throw new Error("Hooks api need react@>=16.8, Please upgrade your reactjs.")}var n=e.useState,i=e.useLayoutEffect,a=e.useRef;var o;if(t){if(typeof t==="string"){o=t;r.name=o}else{r=t;o=r.name}}var s=Ke();var l=a({}).current;var f=a([]);var $;l.$formContext=s;l.props=r;l.$setState=h;l.shouldRendered=true;var c=n((function(){l.$$FIELD_UUID=Ve();l.$fieldHandler=$=Se(l);l.$fieldHandler.$$reset();l.$fieldHandler.$validate()})),d=V(c,2),p=d[1];if(!$){$=(s.$$registers||{})[l.$fieldHandler.$name]||l.$fieldHandler}i((function(){var e=l.$state;if(l.isMounting){if(!(o in(s.$$registers||{}))){$.$$triggerChange({$newValue:e.$value,$prevValue:l.$prevState.$value})}}l.$prevState=e}),[l.$state.$value]);i((function(){l.isMounting=true;u(!o||s.$formutil,"You should enusre that the useField() with the name '".concat(o,"' must be used underneath a <Form /> component or withForm() HOC, otherwise it's isolated."));u(o,"You should pass a name argument to useField(), otherwise it will be isolated!");return function(){l.isMounting=false;re(r.$ref,null)}}),[]);i((function(){if(s.$$register){s.$$register(o,l.$fieldHandler)}return function(){if(s.$$unregister){s.$$unregister(o,l.$fieldHandler,!l.isMounting&&r.$reserveOnUnmount)}}}),[o]);i((function(){re(r.$ref,l.$fieldutil)}));i((function(){if(f.current.length>0){var e=b(f.current);f.current.length=0;while(e.length){e.pop()(l.$fieldutil)}}}));function h(e,t){return new Promise((function(r){var n=function e(){return r(K(t,l.$fieldutil))};if(l.isMounting){if(o in(s.$$registers||{})){l.shouldRendered=false;s.$$onChange(o,e,n);if(!l.shouldRendered){p({})}}else{$.$$merge(e);$.$$detectChange(e);p({});f.current.push(n)}}else{$.$$merge(e);n()}}))}return l.$fieldutil=v(v(v({$name:o},$.$getState()),$),{},{$$formutil:s.$formutil})}function Je(){var e=Ke(),t=e.$formutil;return t}function Xe(e){e=v(v(v({},Be),e),{},{children:null});var t=Qe(e),r=t.fieldProps,n=t.childProps;var i=We(r);return Ye(i,r,n)}export{ze as EasyField,Ce as Field,de as Form,qe as connect,N as formContext,We as useField,Je as useForm,Xe as useHandler,_e as withField,ge as withForm};
+import e,{createContext as t,createElement as r,Children as n,cloneElement as i,Component as a,forwardRef as o}from"react";import u from"warning";import{unstable_batchedUpdates as s}from"react-dom";import l from"react-is";import f from"hoist-non-react-statics";import $ from"react-fast-compare";function c(e,t,r){if(t in e){Object.defineProperty(e,t,{value:r,enumerable:true,configurable:true,writable:true})}else{e[t]=r}return e}function d(e,t){var r=Object.keys(e);if(Object.getOwnPropertySymbols){var n=Object.getOwnPropertySymbols(e);if(t)n=n.filter((function(t){return Object.getOwnPropertyDescriptor(e,t).enumerable}));r.push.apply(r,n)}return r}function v(e){for(var t=1;t<arguments.length;t++){var r=arguments[t]!=null?arguments[t]:{};if(t%2){d(Object(r),true).forEach((function(t){c(e,t,r[t])}))}else if(Object.getOwnPropertyDescriptors){Object.defineProperties(e,Object.getOwnPropertyDescriptors(r))}else{d(Object(r)).forEach((function(t){Object.defineProperty(e,t,Object.getOwnPropertyDescriptor(r,t))}))}}return e}function p(e,t){if(t==null||t>e.length)t=e.length;for(var r=0,n=new Array(t);r<t;r++){n[r]=e[r]}return n}function h(e){if(Array.isArray(e))return p(e)}function m(e){if(typeof Symbol!=="undefined"&&Symbol.iterator in Object(e))return Array.from(e)}function g(e,t){if(!e)return;if(typeof e==="string")return p(e,t);var r=Object.prototype.toString.call(e).slice(8,-1);if(r==="Object"&&e.constructor)r=e.constructor.name;if(r==="Map"||r==="Set")return Array.from(e);if(r==="Arguments"||/^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(r))return p(e,t)}function y(){throw new TypeError("Invalid attempt to spread non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.")}function b(e){return h(e)||m(e)||g(e)||y()}function w(e){if(Array.isArray(e))return e}function F(e,t){if(typeof Symbol==="undefined"||!(Symbol.iterator in Object(e)))return;var r=[];var n=true;var i=false;var a=undefined;try{for(var o=e[Symbol.iterator](),u;!(n=(u=o.next()).done);n=true){r.push(u.value);if(t&&r.length===t)break}}catch(e){i=true;a=e}finally{try{if(!n&&o["return"]!=null)o["return"]()}finally{if(i)throw a}}return r}function V(){throw new TypeError("Invalid attempt to destructure non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.")}function P(e,t){return w(e)||F(e,t)||g(e,t)||V()}function S(e,t){if(!(e instanceof t)){throw new TypeError("Cannot call a class as a function")}}function k(e,t){for(var r=0;r<t.length;r++){var n=t[r];n.enumerable=n.enumerable||false;n.configurable=true;if("value"in n)n.writable=true;Object.defineProperty(e,n.key,n)}}function C(e,t,r){if(t)k(e.prototype,t);if(r)k(e,r);return e}function O(e){if(e===void 0){throw new ReferenceError("this hasn't been initialised - super() hasn't been called")}return e}function E(e,t){E=Object.setPrototypeOf||function e(t,r){t.__proto__=r;return t};return E(e,t)}function _(e,t){if(typeof t!=="function"&&t!==null){throw new TypeError("Super expression must either be null or a function")}e.prototype=Object.create(t&&t.prototype,{constructor:{value:e,writable:true,configurable:true}});if(t)E(e,t)}function j(e){j=Object.setPrototypeOf?Object.getPrototypeOf:function e(t){return t.__proto__||Object.getPrototypeOf(t)};return j(e)}function A(){if(typeof Reflect==="undefined"||!Reflect.construct)return false;if(Reflect.construct.sham)return false;if(typeof Proxy==="function")return true;try{Date.prototype.toString.call(Reflect.construct(Date,[],(function(){})));return true}catch(e){return false}}function D(e){"@babel/helpers - typeof";if(typeof Symbol==="function"&&typeof Symbol.iterator==="symbol"){D=function e(t){return typeof t}}else{D=function e(t){return t&&typeof Symbol==="function"&&t.constructor===Symbol&&t!==Symbol.prototype?"symbol":typeof t}}return D(e)}function R(e,t){if(t&&(D(t)==="object"||typeof t==="function")){return t}return O(e)}function x(e){var t=A();return function r(){var n=j(e),i;if(t){var a=j(this).constructor;i=Reflect.construct(n,arguments,a)}else{i=n.apply(this,arguments)}return R(this,i)}}var N=t((function(){return{}}));var U=l.isValidElementType;var T=Object.getPrototypeOf({});var I=/\s*(?:\]\s*\.|\]\s*\[|\.|\[|\])\s*/g;var H=typeof window==="undefined"?global:window;function M(e){return typeof e==="undefined"}function L(e){return typeof e==="function"}function B(e){return M(e)||e===null||e+""===""}function Y(e){return!!e&&L(e.then)}function Q(e){return Object.prototype.toString.call(e)==="[object Object]"}function G(e){if(!Q(e))return false;if(null===Object.getPrototypeOf(e))return true;if(!L(e.constructor))return false;return e.constructor.prototype===T}function z(e){return U(e)&&typeof e!=="string"}function q(e){if(Array.isArray(e)){var t=[];for(var r=0,n=e.length;r<n;r++){t[r]=q(e[r])}return t}else if(G(e)){var i={};for(var a in e){if(e.hasOwnProperty(a))i[a]=q(e[a])}return i}return e}var K=function e(t){for(var r=arguments.length,n=new Array(r>1?r-1:0),i=1;i<r;i++){n[i-1]=arguments[i]}if(L(t)){t.apply(void 0,n)}return n[0]};function W(e){return function(){for(var t=arguments.length,r=new Array(t),n=0;n<t;n++){r[n]=arguments[n]}if(z(r[0])){return e.apply(void 0,r)}return function(t){return e(t,r[0])}}}var J=["minlength","maxlength","max","min","required","pattern","step"];function X(e){return J.indexOf(e.toLowerCase())>-1}var Z=function e(t){try{var r=new Function("origin","global","return typeof ".concat(t," === 'number' || (typeof ").concat(t," !== 'undefined' && !(origin in global)) ? ").concat(t," : origin"));return r(t,H)}catch(e){return t}};function ee(){for(var e=arguments.length,t=new Array(e),r=0;r<e;r++){t[r]=arguments[r]}var n=t[0],i=t[1],a=t[2];u(typeof i==="string","The second parameter(".concat(JSON.stringify(i),") of parsePath() must be a string."));var o=(i.match(I)||[]).map((function(e){return e.replace(/\s/g,"")}));var s=i.split(I).map((function(e){return e.trim()})).filter((function(e){return e!==""}));var l=n;try{if(t.length<3){for(var f=0,$=s.length;f<$;f++){var c=Z(s[f]);if(f+1===$){return l[c]}if(M(l[c])){break}l=l[c]}}else{for(var d=0,p=s.length;d<p;d++){var h=Z(s[d]);var m=s[d+1];var g=o[d];if(M(m)){l[h]=a;break}switch(g){case"].":case".":l=l[h]=M(l[h])?{}:v({},l[h]);break;case"][":case"[":var y=Z(m);l=l[h]=M(l[h])?typeof y==="number"&&y>=0?[]:{}:Array.isArray(l[h])?b(l[h]):v({},l[h]);break;default:l[h]=a;break}}}}catch(e){u(false,"The name '%s' of Field seems is not a legal expression.",i)}if(t.length>2){return n}}function te(e,t){var r=t.split(I).map((function(e){return e.trim()})).filter((function(e){return e!==""}));for(var n=0,i=r.length;n<i;n++){var a=Z(r[n]);if(!(a in e)){break}if(n+1===i){return{data:e[a]}}e=e[a]}}function re(e,t){if(e){if(L(e)){e(t)}else if("current"in e){e.current=t}}}var ne=function e(t,r){for(var n=0,i=t.length;n<i;n++){if(r(t[n])===true){return t[n]}}};var ie=function e(t,r){return Object.keys(t).reduce((function(e,n){e[n]=r(t[n],n,t);return e}),{})};var ae=function e(t,r){return Object.keys(t).forEach((function(e){return r(t[e],e,t)}))};var oe=undefined;function ue(e,t,r){ae(e,(function(t,r){if(t===oe){delete e[r]}else if(G(t)||Array.isArray(t)){ue(t,r,e)}}));if(r&&Object.keys(e).every((function(t){return e[t]===oe}))){r[t]=oe;ue(r)}}var se=function e(t,r){if(!M(ee(t,r))){ee(t,r,oe);ue(t)}};function le(e,t){if(e===t){return true}var r=Object.keys(e);if(r.length!==Object.keys(t).length){return false}for(var n=0;n<r.length;n++){if(e[r[n]]!==t[r[n]]){return false}}return true}var fe="FORM_VALIDATE_RESULT";var $e,ce;if(typeof requestAnimationFrame==="function"){$e=requestAnimationFrame;ce=cancelAnimationFrame}else{$e=setTimeout;ce=clearTimeout}var de=function(t){_(o,t);var a=x(o);function o(e){var t;S(this,o);t=a.call(this,e);t.$$formPending=void 0;t.$$formValidatePromise=void 0;t.$$registers={};t.$$deepRegisters={};t.getFormContext=function(){return{$$registers:t.$$registers,$$register:t.$$register,$$unregister:t.$$unregister,$$onChange:t.$$onChange,$$getDefault:t.$$getDefault,$formutil:t.$formutil}};t.$$regDuplications={};t.$$duplicateTimer=void 0;t.$$checkDuplication=function(){var e=O(t),r=e.$$regDuplications;var n;ae(r,(function(e,t){var i=P(e,2),a=i[0],o=i[1];u(a.$$reserved,"The Field with a name '".concat(t,"' has been registered!"));o.$$reset(a.$getState());n=delete r[t]}));if(n){t.$render()}};t.$$register=function(e,r,n){t.$$unregister(n,r);if(e){var i=t.$$getRegister(e);if(i){ce(t.$$duplicateTimer);t.$$regDuplications[e]=[i,r];t.$$duplicateTimer=$e((function(){return s(t.$$checkDuplication)}))}else{t.$$fieldChangedQueue.push({name:e,$newValue:r.$getState().$value});se(t.$$defaultValues,e)}t.$$registers[r.$name=e]=r;t.$$formShouldUpdateFields[e]=true;t.createDeepRegisters();t.$render()}};t.$$unregister=function(e,r,n){if(e){if(e in t.$$regDuplications){var i=P(t.$$regDuplications[e],2),a=i[0],o=i[1];t.$$fieldChangedQueue.push({name:e,$newValue:o.$getState().$value,$prevValue:a.$getState().$value});delete t.$$regDuplications[e]}else if(t.$$registers[e]===r){if(n){r.$$reserved=true}else{delete t.$$registers[e];t.$$fieldChangedQueue.push({name:e,$prevValue:r.$getState().$value});se(t.$$defaultValues,e)}}t.$$formShouldUpdateAll=true;t.createDeepRegisters();t.$render()}};t.$$defaultInitialize=function(){var e=t.props,r=e.$defaultValues,n=e.$defaultStates;t.$$defaultValues=t.$$deepParseObject(q(L(r)?r(t.props)||{}:r));t.$$defaultStates=t.$$deepParseObject(q(L(n)?n(t.props)||{}:n))};t.$$getDefault=function(){return{$$defaultStates:t.$$defaultStates,$$defaultValues:t.$$defaultValues}};t.$$formShouldUpdateFields={};t.$$formShouldUpdateAll=false;t.$$fieldChangedQueue=[];t.$$triggerFormChange=function(){if(t.$$fieldChangedQueue.length){var e=b(t.$$fieldChangedQueue);t.$$fieldChangedQueue.length=0;var r={};var n={};var i=t.$$registers;var a=false;e.forEach((function(e){if(!(e.name in i)){delete e.$newValue}if(e.$newValue!==e.$prevValue){if("$newValue"in e&&"$prevValue"in e){var o=t.$$getRegister(e.name);if(o){o.$$triggerChange(e)}}"$newValue"in e&&ee(r,e.name,e.$newValue);"$prevValue"in e&&ee(n,e.name,e.$prevValue);a=true}}));if(a){if(L(t.props.$validator)){t.$$formValidate()}if(L(t.props.$onFormChange)){t.props.$onFormChange(t.$formutil,r,n)}}}};t.createDeepRegisters=function(){return t.$$deepRegisters=t.$$deepParseObject(t.$$registers)};t.$$getRegister=function(e){if(e){var r=t.$$registers[e]||ee(t.$$deepRegisters,e);if(r){return r}}};t.$$formValidate=function(){return t.$$formValidatePromise=new Promise((function(e){var r=t.props.$validator;var n;var i;var a;var o;var u=r(t.$formutil.$params,t.$formutil);var s=function t(r){return e(K(a,r))};if(Y(u)){if(!t.$$formPending){t.$$formPending=true;t.$render()}i=function e(t){return n=t(s)};o=u.then((function(){return void 0}),(function(e){return e})).then((function(e){if(n){return n}t.$shouldCancelPrevAsyncValidate=null;t.$$formPending=false;return t.$$setFormErrors(e,s)}))}else{if(t.$$formPending){t.$$formPending=false}o=t.$$setFormErrors(u,s)}if(t.$shouldCancelPrevAsyncValidate){t.$shouldCancelPrevAsyncValidate((function(e){a=e;return o}))}t.$shouldCancelPrevAsyncValidate=i}))};t.$$setFormErrors=function(e,r){if(e&&(e instanceof Error||typeof e!=="object")){u(false,"The result of $validator in <Form /> should always return None(null,undefined) or an object contains error message of Field.");return t.$render(r)}return t.$$setStates(e||{},(function(e,t){var r=t.$getState(),n=r.$error,i=n===void 0?{}:n;if(e){return{$error:v(v({},i),{},c({},fe,e))}}if(i[fe]){delete i[fe];return{$error:i}}}),r,true)};t.$getField=function(e){var r=t.$$getRegister(e);u(!e||r,"$getField('".concat(e,"') fail to find the matched Field. Maybe it has been unmounted."));u(e,"You should pass a name of the mounted Field to $getField().");if(r){var n;return(n=r.$new)===null||n===void 0?void 0:n.call(r)}};t.$$onChange=function(e,r,n){return t.$setStates(c({},e,r),n)};t.$$setStates=function(){var e=arguments.length>0&&arguments[0]!==undefined?arguments[0]:{};var r=arguments.length>1?arguments[1]:undefined;var n=arguments.length>2?arguments[2]:undefined;var i=arguments.length>3?arguments[3]:undefined;var a=t.$$deepParseObject(e);var o=[];ae(t.$$registers,(function(e,n){var u=te(a,n);if(i||u){var s=e.$getState();var l=e&&r(u&&u.data,e);if(l){var f=e.$$merge(l),$=f.$value;o.push([e,l]);if("$value"in l||"$viewValue"in l){var c=ne(t.$$fieldChangedQueue,(function(e){return e.name===n}));if(c){c.$newValue=$}else{t.$$fieldChangedQueue.push({name:n,$newValue:$,$prevValue:s.$value})}}t.$$formShouldUpdateFields[n]=true}}}));return s((function(){o.forEach((function(e){var t=P(e,2),r=t[0],n=t[1];return r.$$detectChange(n)}));return t.$render(n)}))};t.$render=function(e){return new Promise((function(r){return t.forceUpdate((function(){return r(K(e,t.$formutil))}))}))};t.$validates=function(){var e;for(var r=arguments.length,n=new Array(r),i=0;i<r;i++){n[i]=arguments[i]}if(L(n[n.length-1])){e=n.pop()}if(n.length){var a=function e(r){r.forEach((function(r){if(Array.isArray(r)){e(r)}else{var n=t.$getField(r);if(n){n.$validate()}}}))};a(n)}else{ae(t.$$registers,(function(e){return e.$validate()}));if(L(t.props.$validator)){t.$$formValidate()}}return t.$onValidates(e)};t.$onValidates=function(e){var r=Object.keys(t.$$registers).map((function(e){return t.$$registers[e].$onValidate()}));r.push(t.$$formValidatePromise);return Promise.all(r).then((function(){return K(e,t.$formutil)}))};t.$validate=function(e,r){var n=t.$getField(e);if(n){return n.$validate(r)}return K(r)};t.$reset=function(e,r){t.$$defaultInitialize();if(L(e)){r=e;e={}}return t.$$setStates(e,(function(e,t){return t.$$reset(e)}),r,true)};t.$setStates=function(e,r){return t.$$setStates(e,(function(e){return e}),r)};t.$setValues=function(e,r){t.$$deepParseObject(q(e),t.$$defaultValues);ue(t.$$defaultValues);return t.$$setStates(e,(function(e){return{$value:e}}),r)};t.$setFocuses=function(e,r){return t.$$setStates(e,(function(e){return{$focused:e}}),r)};t.$setDirts=function(e,r){return t.$$setStates(e,(function(e){return{$dirty:e}}),r)};t.$setTouches=function(e,r){return t.$$setStates(e,(function(e){return{$touched:e}}),r)};t.$setPendings=function(e,r){return t.$$setStates(e,(function(e){return{$pending:e}}),r)};t.$setErrors=function(e,r){return t.$$setStates(e,(function(e){return{$error:e}}),r)};t.$batchState=function(e,r){return t.$setStates(ie(t.$$registers,(function(){return e})),r)};t.$batchDirty=function(e,r){return t.$batchState({$dirty:e},r)};t.$batchTouched=function(e,r){return t.$batchState({$touched:e},r)};t.$batchFocused=function(e,r){return t.$batchState({$focused:e},r)};t.$batchPending=function(e,r){return t.$batchState({$pending:e},r)};t.$batchError=function(e,r){return t.$batchState({$error:e},r)};t.$getFirstError=function(e){var r=t.$formutil;if(e){var n=r.$getField(e);return n&&n.$getFirstError()}for(var i in r.$weakErrors){if(r.$weakErrors.hasOwnProperty(i)){var a=r.$weakErrors[i];for(var o in a){if(a.hasOwnProperty(o)){return a[o]instanceof Error?a[o].message:a[o]}}}}};t.$new=function(){return t.$formutil};t.$$defaultInitialize();return t}C(o,[{key:"$$deepParseObject",value:function e(t){var r=arguments.length>1&&arguments[1]!==undefined?arguments[1]:{};ae(t,(function(e,t){return ee(r,t,e)}));return r}},{key:"$$resetFormUpdateFields",value:function e(){this.$$formShouldUpdateFields={};this.$$formShouldUpdateAll=false}},{key:"componentDidMount",value:function e(){re(this.props.$ref,this.$formutil)}},{key:"componentDidUpdate",value:function e(t){re(this.props.$ref,this.$formutil);this.$$triggerFormChange()}},{key:"componentWillUnmount",value:function e(){re(this.props.$ref,null)}},{key:"_render",value:function e(){var t=this.$formutil;var a=this.props,o=a.children,u=a.render,s=a.component;if(s){return r(s,{$formutil:t})}if(L(u)){return u(t)}if(L(o)){return o(t)}return n.map(o,(function(e){return e&&z(e.type)?i(e,{$formutil:t}):e}))}},{key:"render",value:function t(){var r=this;var n=this.props.$processer;var i=Object.keys(this.$$registers).map((function(e){return{path:e,$state:r.$$registers[e].$getState()}}));var a=this.$$formShouldUpdateAll;var o=this.$formutil||{};var u=i.some((function(e){var t=e.$state;return t.$invalid}));var s=i.some((function(e){var t=e.$state;return t.$dirty}));var l=i.some((function(e){var t=e.$state;return t.$touched}));var f=i.some((function(e){var t=e.$state;return t.$focused}));var $=this.$$formPending||i.some((function(e){var t=e.$state;return t.$pending}));var c=a?{}:v({},o.$pureParams);var d=a?{}:v({},o.$states);var p=a?{}:v({},o.$errors);var h=a?{}:v({},o.$dirts);var m=a?{}:v({},o.$touches);var g=a?{}:v({},o.$focuses);var y=a?{}:v({},o.$pendings);var b=a?{}:v({},o.$weakStates);var w=a?{}:v({},o.$weakParams);var F=a?{}:v({},o.$weakErrors);var V=a?{}:v({},o.$weakDirts);var P=a?{}:v({},o.$weakFocuses);var S=a?{}:v({},o.$weakTouches);var k=a?{}:v({},o.$weakPendings);for(var C=0,O=i.length;C<O;C++){var E=i[C],_=E.$state,j=E.path;if(!a){if(!this.$$formShouldUpdateFields[j]){continue}}if(n){n(_,j)}if(j in w&&_.$pristine&&M(_.$value)){delete w[j];se(c,j)}else if(w[j]!==_.$value){w[j]=_.$value;ee(c,j,_.$value)}ee(d,j,_);b[j]=_;if(F[j]!==_.$error){if(_.$invalid){ee(p,j,_.$error);F[j]=_.$error}else if(j in F){se(p,j);delete F[j]}}if(V[j]!==_.$dirty){ee(h,j,_.$dirty);V[j]=_.$dirty}if(S[j]!==_.$touched){ee(m,j,_.$touched);S[j]=_.$touched}if(P[j]!==_.$focused){ee(g,j,_.$focused);P[j]=_.$focused}if(k[j]!==_.$pending){ee(y,j,_.$pending);k[j]=_.$pending}}this.$formutil={$$registers:v({},this.$$registers),$$deepRegisters:this.$$deepRegisters,$states:d,$pureParams:c,$params:v(v({},this.$$defaultValues),c),$errors:p,$dirts:h,$touches:m,$focuses:g,$pendings:y,$weakStates:b,$weakParams:w,$weakErrors:F,$weakDirts:V,$weakTouches:S,$weakFocuses:P,$weakPendings:k,$getFirstError:this.$getFirstError,$render:this.$render,$getField:this.$getField,$onValidates:this.$onValidates,$new:this.$new,$setStates:this.$setStates,$setValues:this.$setValues,$setErrors:this.$setErrors,$setTouches:this.$setTouches,$setDirts:this.$setDirts,$setFocuses:this.$setFocuses,$setPendings:this.$setPendings,$batchState:this.$batchState,$batchTouched:this.$batchTouched,$batchDirty:this.$batchDirty,$batchFocused:this.$batchFocused,$batchPending:this.$batchPending,$reset:this.$reset,$validates:this.$validates,$validate:this.$validate,$valid:!u,$invalid:u,$dirty:s,$pristine:!s,$touched:l,$untouched:!l,$focused:f,$pending:$};this.$$resetFormUpdateFields();return e.createElement(N.Provider,{value:this.getFormContext},this._render())}}]);return o}(a);de.displayName="React.Formutil.Form";de.defaultProps={$defaultValues:{},$defaultStates:{}};function ve(e,t){if(e==null)return{};var r={};var n=Object.keys(e);var i,a;for(a=0;a<n.length;a++){i=n[a];if(t.indexOf(i)>=0)continue;r[i]=e[i]}return r}function pe(e,t){if(e==null)return{};var r=ve(e,t);var n,i;if(Object.getOwnPropertySymbols){var a=Object.getOwnPropertySymbols(e);for(i=0;i<a.length;i++){n=a[i];if(t.indexOf(n)>=0)continue;if(!Object.prototype.propertyIsEnumerable.call(e,n))continue;r[n]=e[n]}}return r}var he=["render","component","children","$defaultValues","$defaultStates","$onFormChange","$validator","$processer","$ref"];function me(t){var r=arguments.length>1&&arguments[1]!==undefined?arguments[1]:{};var n=function(n){_(a,n);var i=x(a);function a(){var r;S(this,a);for(var n=arguments.length,o=new Array(n),u=0;u<n;u++){o[u]=arguments[u]}r=i.call.apply(i,[this].concat(o));r.renderChildren=function(n){return e.createElement(t,Object.assign({},r.othersProps,{$formutil:n,ref:r.props.__forwardRef__}))};return r}C(a,[{key:"render",value:function t(){var n=this.props,i=n.__forwardRef__,a=pe(n,["__forwardRef__"]);var o=this.props,u=o.component,s=pe(o,["component"]);he.forEach((function(e){if(e in a){if(e==="$defaultStates"||e==="$defaultValues"){s[e]=v(v({},r[e]),a[e])}delete a[e]}}));this.othersProps=a;return e.createElement(de,Object.assign({},r,s,{render:this.renderChildren}))}}]);return a}(a);n.displayName="React.Formutil.withForm."+(t.displayName||t.name||"Anonymous");var i=o((function(t,r){return e.createElement(n,Object.assign({__forwardRef__:r},t))}));i.displayName="React.Formutil.withForm.ForwardRef."+(t.displayName||t.name||"Anonymous");return f(i,t)}var ge=W(me);var ye=0;var be={$valid:true,$invalid:false,$dirty:false,$pristine:true,$touched:false,$untouched:true,$focused:false,$pending:false,$error:{}};function we(e){return e!==true}function Fe(e,t,r){u(!M(e),"You should return a string or Error when the validation('".concat(r&&r+": ").concat(t,"') failed, otherwise return true."))}var Ve="React.Formutil.Field";function Pe(){return ye++}function Se(e,t){var a=t.children,o=t.render,u=t.component;if(u){return r(u,{$fieldutil:e})}if(L(o)){return o(e)}if(L(a)){return a(e)}return n.map(a,(function(t){return t&&z(t.type)?i(t,{$fieldutil:e}):t}))}function ke(e,t){var r={$$FIELD_UUID:e.$$FIELD_UUID,$$reset:u,$$merge:b,$$detectChange:i,$$triggerChange:a,$onValidate:o,$new:function t(){return e.$fieldutil},$picker:s,$getState:s,$getComponent:function e(){return t},$reset:function t(r,n){return e.$setState(u(r),n)},$getFirstError:y,$validate:l,$setState:e.$setState,$render:f,$setValue:$,$setTouched:c,$setDirty:d,$setFocused:p,$setValidity:m,$setError:h,$setPending:g};var n;function i(e){if("$value"in e||"$viewValue"in e){l()}}function a(t){var r=t.$newValue,n=t.$prevValue;var i=e.props.$onFieldChange;if(L(i)){i(r,n,e.$formContext.$formutil)}}function o(e){n.then(e);return n}function u(t){var r;var n=e.props,i=e.$formContext;if(i.$$getDefault){var a=n.name;var o=i.$$getDefault(),u=o.$$defaultStates,s=o.$$defaultValues;if(a&&s){var l=ee(s,a);r=ee(u,a)||{};if(!M(l)){r.$value=l}}}var f=n.$defaultValue,$=n.$defaultState;return b(v(v(v(v({},be),L($)?$(n):$),{},{$value:L(f)?f(n):"$defaultValue"in n?f:""},r),t))}function s(){return v({},e.$state)}function l(t){return n=new Promise((function(r){var n=e.props,i=e.$formContext;var a=v(v({},n.$validators),n.$asyncValidators);var o=e.$state,u=o.$value,s=o.$pending,l=Object.assign({},o.$error);var f=i.$formutil;var $={};var c=false;var d;var p;var y;var b;delete l[fe];var w=Object.keys(a).reduce((function(t,r){delete l[r];if(!c&&n[r]!=null){var i=a[r](u,n[r],v(v({},n),{},{$formutil:f,$fieldutil:e.$fieldutil,$validError:$}));if(Y(i)){t.push(i.catch((function(e){if(!d){m(r,e||r)}})))}else if(we(i)){$[r]=i||r;Fe(i,r,n.name);if(n.$validateLazy){c=true}}}return t}),[]);var F=function e(n){return r(K(t,K(y,n)))};if(w.length){if(!s){g(true)}p=function e(t){return d=t(F)};w.push(h(v(v({},l),$)));b=Promise.all(w).then((function(){if(d){return d}e.$shouldCancelPrevAsyncValidate=null;return g(false,F)}))}else{if(s){g(false)}b=h(v(v({},l),$),F)}if(e.$shouldCancelPrevAsyncValidate){e.$shouldCancelPrevAsyncValidate((function(e){y=e;return b}))}e.$shouldCancelPrevAsyncValidate=p}))}function f(t,r){return e.$setState({$viewValue:t,$dirty:true},r)}function $(t,r){return e.$setState({$value:t},r)}function c(t,r){return e.$setState({$touched:t},r)}function d(t,r){return e.$setState({$dirty:t},r)}function p(t,r){return e.$setState({$focused:t},r)}function h(t,r){return e.$setState({$error:t},r)}function m(t){var r=arguments.length>1&&arguments[1]!==undefined?arguments[1]:true;var n=arguments.length>2?arguments[2]:undefined;var i=Object.assign({},e.$state.$error);if(we(r)){i[t]=r||t;Fe(r,t,e.props.name)}else{delete i[t]}return h(i,n)}function g(t,r){return e.$setState({$pending:t},r)}function y(){var t=e.$state.$error,r=t===void 0?{}:t;for(var n in r){if(r.hasOwnProperty(n)){return r[n]instanceof Error?r[n].message:r[n]}}}function b(t){var r=Object.assign({},t);if("$error"in r){if(!r.$error){r.$error={}}r.$valid=Object.keys(r.$error).length===0}var n=e.props,i=n.$parser,a=n.$formatter;if("$viewValue"in r&&!("$value"in r)){var o=function e(t){return r.$viewValue=t};r.$value=i?i(r.$viewValue,o):r.$viewValue}else if("$value"in r&&!("$viewValue"in r)){var u=function e(t){return r.$value=t};r.$viewValue=a?a(r.$value,u):r.$value}if("$valid"in r){r.$invalid=!r.$valid}else if("$invalid"in r){r.$dirty=!r.$invalid}if("$dirty"in r){r.$pristine=!r.$dirty}else if("$pristine"in r){r.$dirty=!r.$pristine}if("$touched"in r){r.$untouched=!r.$touched}else if("$untouched"in r){r.$touched=!r.$untouched}e.$state=v(v({},e.$state),r);return s()}return r}var Ce=function(t){_(n,t);var r=x(n);function n(){var e;S(this,n);for(var t=arguments.length,i=new Array(t),a=0;a<t;a++){i[a]=arguments[a]}e=r.call.apply(r,[this].concat(i));e.$$FIELD_UUID=Pe();e.$formContext=void 0;e.$state=void 0;e.shouldRendered=false;e.$setState=function(t,r){return new Promise((function(n){var i=function t(){return n(K(r,e.$fieldutil))};if(e.isMounting){var a=e.props.name;if(a in(e.$formContext.$$registers||{})){e.shouldRendered=false;e.$formContext.$$onChange(a,t,i);if(!e.shouldRendered){e.forceUpdate()}}else{e.$registered.$$merge(t);e.$registered.$$detectChange(t);e.forceUpdate(i)}}else{e.$registered.$$merge(t);i()}}))};return e}C(n,[{key:"componentDidMount",value:function e(){this.isMounting=true;var t=this.props.name,r=this.$formContext;u(!t||r.$formutil,"You should enusre that the <Field /> with the name '".concat(t,"' must be used underneath a <Form /> component or withForm() HOC, otherwise it's isolated."));u(t,"You should assign a name to <Field />, otherwise it will be isolated!");if(r.$$register){r.$$register(t,this.$fieldHandler)}this.$prevState=this.$state;re(this.props.$ref,this.$fieldutil)}},{key:"componentWillUnmount",value:function e(){if(this.$formContext.$$unregister){this.$formContext.$$unregister(this.props.name,this.$fieldHandler,this.props.$reserveOnUnmount)}this.isMounting=false;re(this.props.$ref,null)}},{key:"componentDidUpdate",value:function e(t){var r=this.props.name;if(r!==t.name){if(this.$formContext.$$register){this.$formContext.$$register(r,this.$fieldHandler,t.name)}}re(this.props.$ref,this.$fieldutil);if(this.$state.$value!==this.$prevState.$value){if(!(r in(this.$formContext.$$registers||{}))){this.$registered.$$triggerChange({$newValue:this.$state.$value,$prevValue:this.$prevState.$value})}}this.$prevState=this.$state}},{key:"shouldComponentUpdate",value:function e(t){var r=t.$memo;return!r||!le(this.$registered.$getState(),this.$prevState)||!(Array.isArray(r)?$(r,this.props.$memo):$(this.props,t))}},{key:"_render",value:function e(){var t=this.$fieldutil=v(v(v({$name:this.props.name},this.$registered.$getState()),this.$registered),{},{$$formutil:this.$formContext.$formutil});return Se(t,this.props)}},{key:"render",value:function t(){var r=this;this.shouldRendered=true;return e.createElement(N.Consumer,null,(function(e){var t=!r.$formContext;r.$formContext=e();if(!r.$fieldHandler){r.$fieldHandler=ke(r,r)}r.$registered=(r.$formContext.$$registers||{})[r.$fieldHandler.$name]||r.$fieldHandler;if(t){r.$fieldHandler.$$reset();r.$fieldHandler.$validate()}return r._render()}))}}]);return n}(a);Ce.displayName=Ve;var Oe=["name","$defaultValue","$defaultState","$onFieldChange","$validators","$asyncValidators","$validateLazy","$memo","$reserveOnUnmount","$ref","$parser","$formatter","render","component","children"];function Ee(t){var r=arguments.length>1&&arguments[1]!==undefined?arguments[1]:{};var n=function(n){_(a,n);var i=x(a);function a(){var r;S(this,a);for(var n=arguments.length,o=new Array(n),u=0;u<n;u++){o[u]=arguments[u]}r=i.call.apply(i,[this].concat(o));r.renderChildren=function(n){return e.createElement(t,Object.assign({},r.othersProps,{$fieldutil:n,ref:r.props.__forwardRef__}))};return r}C(a,[{key:"render",value:function t(){var n=this.props,i=n.__forwardRef__,a=pe(n,["__forwardRef__"]);var o=this.props,u=o.component,s=pe(o,["component"]);Oe.concat(Object.keys(v(v(v(v({},r.$validators),r.$asyncValidators),a.$validators),a.$asyncValidators))).forEach((function(e){if(e in a){if(e==="$validators"||e==="$asyncValidators"||e==="$defaultState"){s[e]=v(v({},r[e]),a[e])}delete a[e]}}));this.othersProps=a;return e.createElement(Ce,Object.assign({},r,s,{render:this.renderChildren}))}}]);return a}(a);n.displayName="React.Formutil.withField."+(t.displayName||t.name||"Anonymous");var i=o((function(t,r){return e.createElement(n,Object.assign({__forwardRef__:r},t))}));i.displayName="React.Formutil.withField.ForwardRef."+(t.displayName||t.name||"Anonymous");return f(i,t)}var _e=W(Ee);var je=function(t){_(n,t);var r=x(n);function n(){S(this,n);return r.apply(this,arguments)}C(n,[{key:"render",value:function t(){var r=this;var n=this.props,i=n.$fieldutil,a=n.value,o=n.onChange,u=n.onFocus,s=n.onBlur,l=n.checked,f=n.unchecked,$=pe(n,["$fieldutil","value","onChange","onFocus","onBlur","checked","unchecked"]);var c=this.props.type;var d={value:"compositionValue"in this?this.compositionValue:a,onCompositionEnd:function e(t){r.isComposing=false;delete r.compositionValue;d.onChange(t)},onCompositionStart:function e(){return r.isComposing=true},onChange:function e(t){var n=t.target.value;if(r.isComposing){r.compositionValue=n;r.forceUpdate()}else{o(n,t)}},onFocus:u,onBlur:function e(t){if(r.isComposing){r.isComposing=false;delete r.compositionValue;d.onChange(t)}return s(t)}};var v="input";switch(c){case"select":v=c;d.onChange=function(e){var t=e.target;var r=t.multiple?[].slice.call(t.options).filter((function(e){return e.selected})).map((function(e){return e.value})):t.value;o(r,e)};delete $.type;break;case"textarea":v=c;delete $.type;break;case"checkbox":case"radio":d={checked:a===l,onChange:function e(t){o(t.target.checked?l:f,t)},onFocus:u,onBlur:s};break}return e.createElement(v,Object.assign({},$,d))}}]);return n}(a);je.displayName="React.Formutil.EasyField.Native";je.defaultProps={value:"",type:"text",checked:true,unchecked:false};var Ae=t((function(){return{}})),De=Ae.Provider,Re=Ae.Consumer;var xe=function(t){_(a,t);var r=x(a);function a(){var e;S(this,a);for(var t=arguments.length,n=new Array(t),i=0;i<t;i++){n[i]=arguments[i]}e=r.call.apply(r,[this].concat(n));e.getGroupContext=function(){return e.props};return e}C(a,[{key:"_render",value:function t(){var r=this.props,a=r.className,o=r.groupNode,u=r.children;var s={GroupOption:Ne,Field:Ue};var l=L(u)?u(s):n.map(u,(function(e){return i(e,s)}));if(o===null){return l}return e.createElement(o,{className:a},l)}},{key:"render",value:function t(){return e.createElement(De,{value:this.getGroupContext},this._render())}}]);return a}(a);xe.displayName="React.Formutil.EasyField.Group";xe.defaultProps={type:"checkbox",groupNode:"div"};var Ne=function(t){_(n,t);var r=x(n);function n(){S(this,n);return r.apply(this,arguments)}C(n,[{key:"componentDidMount",value:function e(){u("$value"in this.props,"You should pass a $value to <GroupOption />.")}},{key:"render",value:function t(){var r=this.props,n=r.$value,i=r.onChange,a=r.onFocus,o=r.onBlur,u=pe(r,["$value","onChange","onFocus","onBlur"]);return e.createElement(Re,null,(function(t){var r=t();var s=r.type,l=r.name;var f=s==="radio"?{checked:r.value===n,onChange:function e(t){r.onChange(n,t);i&&i(t)}}:s==="checkbox"?{checked:r.value.indexOf(n)>-1,onChange:function e(t){r.onChange(t.target.checked?r.value.concat(n):r.value.filter((function(e){return e!==n})),t);i&&i(t)}}:{value:r.value,onChange:function e(t){r.onChange(t);i&&i(t)}};return e.createElement("input",Object.assign({name:l},u,f,{type:s,onFocus:function e(t){r.onFocus(t);a&&a(t)},onBlur:function e(t){r.onBlur(t);o&&o(t)}}))}))}}]);return n}(a);Ne.displayName="React.Formutil.EasyField.Group.Option";var Ue=function(t){_(n,t);var r=x(n);function n(){S(this,n);return r.apply(this,arguments)}C(n,[{key:"componentDidMount",value:function e(){u(false,'The "Field" property in EasyField\'s children-props has been deprecated. Please use "GroupOption" instead.')}},{key:"render",value:function t(){return e.createElement(Ne,this.props)}}]);return n}(a);Ue.displayName="React.Formutil.EasyField.Group.Option.Deprecated";var Te=e.Frament||"div";var Ie=function(t){_(n,t);var r=x(n);function n(e){var t;S(this,n);t=r.call(this,e);t.id=0;t.latestValue=t.props.value;t.$formutil=void 0;t.FieldValidators={required:function e(t){return t!==null}};t.$onFormChange=function(e){e.$onValidates((function(e){var r=e.$invalid,n=e.$params;if(r){if(t.props.value.length){t.props.onChange(t.latestValue=[])}}else if(!$(t.props.value,n.list)){t.props.onChange(t.latestValue=n.list)}}))};t.swap=function(e,r,n){return t.$setState((function(t){var n=t.items;var i=[n[e],n[r]];n[r]=i[0];n[e]=i[1];return n}),n)};t.insert=function(){var e,r,n;for(var i=arguments.length,a=new Array(i),o=0;o<i;o++){a[o]=arguments[o]}a.forEach((function(t){if(L(t)){n=t}else if(typeof t==="number"){e=t}else if(typeof t==="object"){r=t}}));return t.$setState((function(n){var i=n.items;if(M(e)){i.push(t.getId(r))}else{i.splice(e,0,t.getId(r))}return{items:i}}),n)};t.remove=function(){var e,r;for(var n=arguments.length,i=new Array(n),a=0;a<n;a++){i[a]=arguments[a]}i.forEach((function(t){if(L(t)){r=t}else if(typeof t==="number"){e=t}}));return t.$setState((function(r){var n=r.items;if(M(e)){n.pop()}else{n.splice(e,1)}if(!n.length){n=[t.getId()]}return{items:n}}),r)};t.$setState=function(e,r){return new Promise((function(n){return t.setState(e,(function(){return t.$formutil.$onValidates((function(e){return n(K(r,e))}))}))}))};t.state={items:e.value.length?e.value.map((function(){return t.getId()})):[t.getId()],formKey:0};return t}C(n,[{key:"componentDidUpdate",value:function e(t){var r=this;if(this.props.value!==this.latestValue){this.setState({items:this.props.value.length?this.props.value.map((function(){return r.getId()})):[this.getId()],formKey:this.state.formKey+1});this.latestValue=this.props.value}}},{key:"getId",value:function e(t){return{id:this.id++,values:t}}},{key:"render",value:function t(){var r=this;var n=this.props,i=n.children,a=n.onFocus,o=n.onBlur,u=n.value;var s=this;if(!L(i)){return null}var l={$insert:this.insert,$remove:this.remove,$swap:this.swap,$push:function e(t,n){return r.insert(t,n)},$pop:function e(t){return r.remove(t)},$shift:function e(t){return r.remove(0,t)},$unshift:function e(t,n){return r.insert(0,t,n)},onFocus:a,onBlur:o};return e.createElement(de,{key:this.state.formKey,$defaultValues:{list:u},$onFormChange:this.$onFormChange,children:function t(n){r.$formutil=n;return e.createElement(Te,null,r.state.items.map((function(t,a){var o=t.id,u=t.values;return e.createElement(Ce,{key:o,required:true,$defaultValue:u||null,$validators:r.FieldValidators,name:"list[".concat(a,"]"),children:function t(o){return e.createElement(de,{$defaultValues:o.$value||{},$onFormChange:function e(t){return t.$onValidates((function(e){var t=e.$invalid,r=e.$params;if(t){if(o.$viewValue!==null){o.$render(null)}}else if(!$(o.$viewValue,r)){o.$render(r)}}))},children:function e(t){return i(v(v({get $length(){return s.state.items.length},$index:a,$isLast:function e(){return a===r.state.items.length-1},$isFirst:function e(){return a===0}},l),t),n)}})}})})))}})}}]);return n}(a);Ie.displayName="React.Formutil.EasyField.List";var He="__TYPE__";var Me=[["required",function(e,t,r){var n=r.__TYPE__,i=r.checked,a=i===void 0?true:i;return t===false||(n==="checked"?e===a:!B(e))}],["maxLength",function(e,t){return B(e)||e.length<=t*1}],["minLength",function(e,t){return B(e)||e.length>=t*1}],["max",function(e,t){return B(e)||e*1<=t*1}],["min",function(e,t){return B(e)||e*1>=t*1}],["pattern",function(e,t){return B(e)||t.test(e)}],["enum",function(e,t){return B(e)||t.indexOf(e)>-1}],["checker",function(e,t,r){return t(e,r)}]].reduce((function(e,t){var r=P(t,2),n=r[0],i=r[1];e[n]=function e(t,r,a){var o=a.validMessage,u=o===void 0?{}:o;return i.apply(void 0,arguments)||u[n]||"Error input: ".concat(n)};return e}),{});var Le="React.Formutil.EasyField";var Be={validMessage:{},valuePropName:"value",changePropName:"onChange",focusPropName:"onFocus",blurPropName:"onBlur",$parser:function e(t){return typeof t==="string"?t.trim():t}};function Ye(e,t,r){var n;var i=t.valuePropName,a=t.changePropName,o=t.focusPropName,u=t.blurPropName,s=t.getValueFromEvent,l=t.passUtil;var f=function e(t){return t&&t.target?t.target[i]:t};var $=v(v({},r),{},(n={},c(n,i,e.$viewValue),c(n,a,(function(r){var n;for(var i=arguments.length,o=new Array(i>1?i-1:0),u=1;u<i;u++){o[u-1]=arguments[u]}if(((n=o[0])===null||n===void 0?void 0:n.nativeEvent)instanceof Event){o.push(r)}else{o.unshift(r)}var l=t[a];l&&l.apply(void 0,o);var $=s?s.apply(void 0,o):f(r);e.$render($)})),c(n,o,(function(){var r=t[o];r&&r.apply(void 0,arguments);e.$setFocused(true)})),c(n,u,(function(){var r=t[u];r&&r.apply(void 0,arguments);if(e.$untouched){e.$setTouched(true)}e.$setFocused(false)})),n));if(l){$[l===true?"$fieldutil":String(l)]=e}return $}function Qe(e){var t=e.children,r=e.component,n=e.render,i=pe(e,["children","component","render"]);var a=i.name,o=i.type,u=i.defaultValue,s=i.valuePropName,l=i.changePropName,f=i.focusPropName,$=i.blurPropName,c=i.getValueFromEvent,d=i.validMessage,p=i.checked,h=i.unchecked,m=i.__TYPE__,g=i.__DIFF__,y=i.passUtil,b=i.$defaultValue,w=i.$defaultState,F=i.$onFieldChange,V=i.$validators,S=i.$asyncValidators,k=i.$validateLazy,C=i.$memo,O=i.$reserveOnUnmount,E=i.$parser,_=i.$formatter,j=i.$ref,A=pe(i,["name","type","defaultValue","valuePropName","changePropName","focusPropName","blurPropName","getValueFromEvent","validMessage","checked","unchecked","__TYPE__","__DIFF__","passUtil","$defaultValue","$defaultState","$onFieldChange","$validators","$asyncValidators","$validateLazy","$memo","$reserveOnUnmount","$parser","$formatter","$ref"]);var D={children:t,component:r,render:n};if(C===true&&M(g)){i.__DIFF__=[t,r,n]}var R=!M(o)||M(t)&&M(r)&&M(n);Object.keys(v(v({},i.$validators=v(v({},Me),i.$validators)),i.$asyncValidators)).forEach((function(e){if(e in A){if(!R||!X(e)){delete A[e]}}}));if(R){var x=(o||"").split("."),N=P(x,2),U=N[0],T=U===void 0?"text":U,I=N[1];D.component=T==="group"?xe:T==="list"?Ie:je;if(a){A.name=a}if(o){A.type=T}if(t){A.children=t}A.checked=p;A.unchecked=h;switch(T){case"select":case"textarea":if(e.multiple){i[He]="array"}break;case"group":if(I==="checkbox"){i[He]="array"}A.type=I;break;case"checkbox":case"radio":i[He]="checked";break;case"list":i[He]="array";break}}if(!("$defaultValue"in i)&&"defaultValue"in e){i.$defaultValue=u}if(!("$defaultValue"in i)&&He in i){var H;switch(i[He]){case"checked":var L=i.unchecked,B=L===void 0?false:L;H=B;break;case"array":H=[];break;case"object":H={};break;case"number":H=0;break}i.$defaultValue=H}return{fieldProps:i,childProps:A,renderProps:D}}function Ge(e,t){var a=t.component,o=t.render,u=t.children;if(a){return r(a,e)}if(L(o)){return o(e)}if(L(u)){return u(e)}return n.map(u,(function(t){return i(t,e)}))}var ze=function(t){_(n,t);var r=x(n);function n(){var e;S(this,n);for(var t=arguments.length,i=new Array(t),a=0;a<t;a++){i[a]=arguments[a]}e=r.call.apply(r,[this].concat(i));e.renderChildren=function(t){var r=e.parsedProps,n=r.fieldProps,i=r.childProps,a=r.renderProps;return Ge(Ye(t,n,i),a)};e.parsedProps={};return e}C(n,[{key:"render",value:function t(){var r=this.parsedProps=Qe(this.props),n=r.fieldProps;return e.createElement(Ce,Object.assign({},n,{children:this.renderChildren}))}}]);return n}(a);ze.displayName=Le;ze.defaultProps=Be;function qe(t){var r=o((function(r,n){return e.createElement(N.Consumer,null,(function(i){return e.createElement(t,Object.assign({},r,{$formutil:i().$formutil,ref:n}))}))}));r.displayName="React.Formutil.connect."+(t.displayName||t.name||"Anonymous");return f(r,t)}function Ke(){if(!e.useState){throw new Error("Hooks api need react@>=16.8, Please upgrade your reactjs.")}var t=e.useContext;var r=t(N);return r()}function We(t){var r=arguments.length>1&&arguments[1]!==undefined?arguments[1]:{};if(!e.useState){throw new Error("Hooks api need react@>=16.8, Please upgrade your reactjs.")}var n=e.useState,i=e.useLayoutEffect,a=e.useRef;var o;if(t){if(typeof t==="string"){o=t;r.name=o}else{r=t;o=r.name}}var s=Ke();var l=a({}).current;var f=a([]);var $;l.$formContext=s;l.props=r;l.$setState=h;l.shouldRendered=true;var c=n((function(){l.$$FIELD_UUID=Pe();l.$fieldHandler=$=ke(l);l.$fieldHandler.$$reset();l.$fieldHandler.$validate()})),d=P(c,2),p=d[1];if(!$){$=(s.$$registers||{})[l.$fieldHandler.$name]||l.$fieldHandler}i((function(){var e=l.$state;if(l.isMounting){if(!(o in(s.$$registers||{}))){$.$$triggerChange({$newValue:e.$value,$prevValue:l.$prevState.$value})}}l.$prevState=e}),[l.$state.$value]);i((function(){l.isMounting=true;u(!o||s.$formutil,"You should enusre that the useField() with the name '".concat(o,"' must be used underneath a <Form /> component or withForm() HOC, otherwise it's isolated."));u(o,"You should pass a name argument to useField(), otherwise it will be isolated!");return function(){l.isMounting=false;re(r.$ref,null)}}),[]);i((function(){if(s.$$register){s.$$register(o,l.$fieldHandler)}return function(){if(s.$$unregister){s.$$unregister(o,l.$fieldHandler,!l.isMounting&&r.$reserveOnUnmount)}}}),[o]);i((function(){re(r.$ref,l.$fieldutil)}));i((function(){if(f.current.length>0){var e=b(f.current);f.current.length=0;while(e.length){e.pop()(l.$fieldutil)}}}));function h(e,t){return new Promise((function(r){var n=function e(){return r(K(t,l.$fieldutil))};if(l.isMounting){if(o in(s.$$registers||{})){l.shouldRendered=false;s.$$onChange(o,e,n);if(!l.shouldRendered){p({})}}else{$.$$merge(e);$.$$detectChange(e);p({});f.current.push(n)}}else{$.$$merge(e);n()}}))}return l.$fieldutil=v(v(v({$name:o},$.$getState()),$),{},{$$formutil:s.$formutil})}function Je(){var e=Ke(),t=e.$formutil;return t}function Xe(e){e=v(v(v({},Be),e),{},{children:null});var t=Qe(e),r=t.fieldProps,n=t.childProps;var i=We(r);return Ye(i,r,n)}export{ze as EasyField,Ce as Field,de as Form,qe as connect,N as formContext,We as useField,Je as useForm,Xe as useHandler,_e as withField,ge as withForm};
diff --git a/dist/react-formutil.umd.development.js b/dist/react-formutil.umd.development.js
index 1587530..6f4302b 100644
--- a/dist/react-formutil.umd.development.js
+++ b/dist/react-formutil.umd.development.js
@@ -1194,6 +1194,7 @@
           var pathData = pathExist($parsedTree, name);
 
           if (force || pathData) {
+            var $curState = handler.$getState();
             var $newState = handler && processer(pathData && pathData.data, handler);
 
             if ($newState) {
@@ -1209,11 +1210,11 @@
 
                 if (findItem) {
                   findItem.$newValue = $newValue;
-                } else if (name in _this.$formutil.$weakParams) {
+                } else {
                   _this.$$fieldChangedQueue.push({
                     name: name,
                     $newValue: $newValue,
-                    $prevValue: _this.$formutil.$weakParams[name]
+                    $prevValue: $curState.$value
                   });
                 }
               }
diff --git a/dist/react-formutil.umd.production.js b/dist/react-formutil.umd.production.js
index 3c2ad1f..3fadc75 100644
--- a/dist/react-formutil.umd.production.js
+++ b/dist/react-formutil.umd.production.js
@@ -1 +1 @@
-(function(e,r){typeof exports==="object"&&typeof module!=="undefined"?r(exports,require("react"),require("react-dom")):typeof define==="function"&&define.amd?define(["exports","react","react-dom"],r):(e=typeof globalThis!=="undefined"?globalThis:e||self,r(e.ReactFormutil={},e.React,e.ReactDOM))})(this,(function(e,r,t){"use strict";function n(e){return e&&typeof e==="object"&&"default"in e?e:{default:e}}var a=n(r);function i(e,r,t){if(r in e){Object.defineProperty(e,r,{value:t,enumerable:true,configurable:true,writable:true})}else{e[r]=t}return e}var o=i;function u(e,r){var t=Object.keys(e);if(Object.getOwnPropertySymbols){var n=Object.getOwnPropertySymbols(e);if(r)n=n.filter((function(r){return Object.getOwnPropertyDescriptor(e,r).enumerable}));t.push.apply(t,n)}return t}function s(e){for(var r=1;r<arguments.length;r++){var t=arguments[r]!=null?arguments[r]:{};if(r%2){u(Object(t),true).forEach((function(r){o(e,r,t[r])}))}else if(Object.getOwnPropertyDescriptors){Object.defineProperties(e,Object.getOwnPropertyDescriptors(t))}else{u(Object(t)).forEach((function(r){Object.defineProperty(e,r,Object.getOwnPropertyDescriptor(t,r))}))}}return e}var f=s;function l(e,r){if(r==null||r>e.length)r=e.length;for(var t=0,n=new Array(r);t<r;t++){n[t]=e[t]}return n}var c=l;function $(e){if(Array.isArray(e))return c(e)}var d=$;function v(e){if(typeof Symbol!=="undefined"&&Symbol.iterator in Object(e))return Array.from(e)}var p=v;function h(e,r){if(!e)return;if(typeof e==="string")return c(e,r);var t=Object.prototype.toString.call(e).slice(8,-1);if(t==="Object"&&e.constructor)t=e.constructor.name;if(t==="Map"||t==="Set")return Array.from(e);if(t==="Arguments"||/^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(t))return c(e,r)}var m=h;function y(){throw new TypeError("Invalid attempt to spread non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.")}var g=y;function b(e){return d(e)||p(e)||m(e)||g()}var w=b;function S(e){if(Array.isArray(e))return e}var P=S;function C(e,r){if(typeof Symbol==="undefined"||!(Symbol.iterator in Object(e)))return;var t=[];var n=true;var a=false;var i=undefined;try{for(var o=e[Symbol.iterator](),u;!(n=(u=o.next()).done);n=true){t.push(u.value);if(r&&t.length===r)break}}catch(e){a=true;i=e}finally{try{if(!n&&o["return"]!=null)o["return"]()}finally{if(a)throw i}}return t}var F=C;function V(){throw new TypeError("Invalid attempt to destructure non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.")}var k=V;function O(e,r){return P(e)||F(e,r)||m(e,r)||k()}var E=O;function _(e,r){if(!(e instanceof r)){throw new TypeError("Cannot call a class as a function")}}var j=_;function x(e,r){for(var t=0;t<r.length;t++){var n=r[t];n.enumerable=n.enumerable||false;n.configurable=true;if("value"in n)n.writable=true;Object.defineProperty(e,n.key,n)}}function R(e,r,t){if(r)x(e.prototype,r);if(t)x(e,t);return e}var A=R;function D(e){if(e===void 0){throw new ReferenceError("this hasn't been initialised - super() hasn't been called")}return e}var N=D;function U(e,r){return r={exports:{}},e(r,r.exports),r.exports}var M=U((function(e){function r(t,n){e.exports=r=Object.setPrototypeOf||function e(r,t){r.__proto__=t;return r};return r(t,n)}e.exports=r}));function T(e,r){if(typeof r!=="function"&&r!==null){throw new TypeError("Super expression must either be null or a function")}e.prototype=Object.create(r&&r.prototype,{constructor:{value:e,writable:true,configurable:true}});if(r)M(e,r)}var I=T;var L=U((function(e){function r(t){e.exports=r=Object.setPrototypeOf?Object.getPrototypeOf:function e(r){return r.__proto__||Object.getPrototypeOf(r)};return r(t)}e.exports=r}));function H(){if(typeof Reflect==="undefined"||!Reflect.construct)return false;if(Reflect.construct.sham)return false;if(typeof Proxy==="function")return true;try{Date.prototype.toString.call(Reflect.construct(Date,[],(function(){})));return true}catch(e){return false}}var z=H;var B=U((function(e){function r(t){"@babel/helpers - typeof";if(typeof Symbol==="function"&&typeof Symbol.iterator==="symbol"){e.exports=r=function e(r){return typeof r}}else{e.exports=r=function e(r){return r&&typeof Symbol==="function"&&r.constructor===Symbol&&r!==Symbol.prototype?"symbol":typeof r}}return r(t)}e.exports=r}));function Q(e,r){if(r&&(B(r)==="object"||typeof r==="function")){return r}return N(e)}var q=Q;function G(e){var r=z();return function t(){var n=L(e),a;if(r){var i=L(this).constructor;a=Reflect.construct(n,arguments,i)}else{a=n.apply(this,arguments)}return q(this,a)}}var K=G;var Y=function(){};var W=Y;var J=r.createContext((function(){return{}}));var X=60103,Z=60106,ee=60107,re=60108,te=60114,ne=60109,ae=60110,ie=60112,oe=60113,ue=60120,se=60115,fe=60116,le=60121,ce=60122,$e=60117,de=60129,ve=60131;if("function"===typeof Symbol&&Symbol.for){var pe=Symbol.for;X=pe("react.element");Z=pe("react.portal");ee=pe("react.fragment");re=pe("react.strict_mode");te=pe("react.profiler");ne=pe("react.provider");ae=pe("react.context");ie=pe("react.forward_ref");oe=pe("react.suspense");ue=pe("react.suspense_list");se=pe("react.memo");fe=pe("react.lazy");le=pe("react.block");ce=pe("react.server.block");$e=pe("react.fundamental");de=pe("react.debug_trace_mode");ve=pe("react.legacy_hidden")}function he(e){if("object"===typeof e&&null!==e){var r=e.$$typeof;switch(r){case X:switch(e=e.type,e){case ee:case te:case re:case oe:case ue:return e;default:switch(e=e&&e.$$typeof,e){case ae:case ie:case fe:case se:case ne:return e;default:return r}}case Z:return r}}}var me=ne,ye=X,ge=ie,be=ee,we=fe,Se=se,Pe=Z,Ce=te,Fe=re,Ve=oe;var ke=ae;var Oe=me;var Ee=ye;var _e=ge;var je=be;var xe=we;var Re=Se;var Ae=Pe;var De=Ce;var Ne=Fe;var Ue=Ve;var Me=function(){return!1};var Te=function(){return!1};var Ie=function(e){return he(e)===ae};var Le=function(e){return he(e)===ne};var He=function(e){return"object"===typeof e&&null!==e&&e.$$typeof===X};var ze=function(e){return he(e)===ie};var Be=function(e){return he(e)===ee};var Qe=function(e){return he(e)===fe};var qe=function(e){return he(e)===se};var Ge=function(e){return he(e)===Z};var Ke=function(e){return he(e)===te};var Ye=function(e){return he(e)===re};var We=function(e){return he(e)===oe};var Je=function(e){return"string"===typeof e||"function"===typeof e||e===ee||e===te||e===de||e===re||e===oe||e===ue||e===ve||"object"===typeof e&&null!==e&&(e.$$typeof===fe||e.$$typeof===se||e.$$typeof===ne||e.$$typeof===ae||e.$$typeof===ie||e.$$typeof===$e||e.$$typeof===le||e[0]===ce)?!0:!1};var Xe=he;var Ze={ContextConsumer:ke,ContextProvider:Oe,Element:Ee,ForwardRef:_e,Fragment:je,Lazy:xe,Memo:Re,Portal:Ae,Profiler:De,StrictMode:Ne,Suspense:Ue,isAsyncMode:Me,isConcurrentMode:Te,isContextConsumer:Ie,isContextProvider:Le,isElement:He,isForwardRef:ze,isFragment:Be,isLazy:Qe,isMemo:qe,isPortal:Ge,isProfiler:Ke,isStrictMode:Ye,isSuspense:We,isValidElementType:Je,typeOf:Xe};var er=U((function(e){{e.exports=Ze}}));var rr=er.isValidElementType;var tr=Object.getPrototypeOf({});var nr=/\s*(?:\]\s*\.|\]\s*\[|\.|\[|\])\s*/g;var ar=typeof window==="undefined"?global:window;function ir(e){return typeof e==="undefined"}function or(e){return typeof e==="function"}function ur(e){return ir(e)||e===null||e+""===""}function sr(e){return!!e&&or(e.then)}function fr(e){return Object.prototype.toString.call(e)==="[object Object]"}function lr(e){if(!fr(e))return false;if(null===Object.getPrototypeOf(e))return true;if(!or(e.constructor))return false;return e.constructor.prototype===tr}function cr(e){return rr(e)&&typeof e!=="string"}function $r(e){if(Array.isArray(e)){var r=[];for(var t=0,n=e.length;t<n;t++){r[t]=$r(e[t])}return r}else if(lr(e)){var a={};for(var i in e){if(e.hasOwnProperty(i))a[i]=$r(e[i])}return a}return e}var dr=function e(r){for(var t=arguments.length,n=new Array(t>1?t-1:0),a=1;a<t;a++){n[a-1]=arguments[a]}if(or(r)){r.apply(void 0,n)}return n[0]};function vr(e){return function(){for(var r=arguments.length,t=new Array(r),n=0;n<r;n++){t[n]=arguments[n]}if(cr(t[0])){return e.apply(void 0,t)}return function(r){return e(r,t[0])}}}var pr=["minlength","maxlength","max","min","required","pattern","step"];function hr(e){return pr.indexOf(e.toLowerCase())>-1}var mr=function e(r){try{var t=new Function("origin","global","return typeof ".concat(r," === 'number' || (typeof ").concat(r," !== 'undefined' && !(origin in global)) ? ").concat(r," : origin"));return t(r,ar)}catch(e){return r}};function yr(){for(var e=arguments.length,r=new Array(e),t=0;t<e;t++){r[t]=arguments[t]}var n=r[0],a=r[1],i=r[2];W(typeof a==="string","The second parameter(".concat(JSON.stringify(a),") of parsePath() must be a string."));var o=(a.match(nr)||[]).map((function(e){return e.replace(/\s/g,"")}));var u=a.split(nr).map((function(e){return e.trim()})).filter((function(e){return e!==""}));var s=n;try{if(r.length<3){for(var l=0,c=u.length;l<c;l++){var $=mr(u[l]);if(l+1===c){return s[$]}if(ir(s[$])){break}s=s[$]}}else{for(var d=0,v=u.length;d<v;d++){var p=mr(u[d]);var h=u[d+1];var m=o[d];if(ir(h)){s[p]=i;break}switch(m){case"].":case".":s=s[p]=ir(s[p])?{}:f({},s[p]);break;case"][":case"[":var y=mr(h);s=s[p]=ir(s[p])?typeof y==="number"&&y>=0?[]:{}:Array.isArray(s[p])?w(s[p]):f({},s[p]);break;default:s[p]=i;break}}}}catch(e){}if(r.length>2){return n}}function gr(e,r){var t=r.split(nr).map((function(e){return e.trim()})).filter((function(e){return e!==""}));for(var n=0,a=t.length;n<a;n++){var i=mr(t[n]);if(!(i in e)){break}if(n+1===a){return{data:e[i]}}e=e[i]}}function br(e,r){if(e){if(or(e)){e(r)}else if("current"in e){e.current=r}}}var wr=function e(r,t){for(var n=0,a=r.length;n<a;n++){if(t(r[n])===true){return r[n]}}};var Sr=function e(r,t){return Object.keys(r).reduce((function(e,n){e[n]=t(r[n],n,r);return e}),{})};var Pr=function e(r,t){return Object.keys(r).forEach((function(e){return t(r[e],e,r)}))};var Cr=undefined;function Fr(e,r,t){Pr(e,(function(r,t){if(r===Cr){delete e[t]}else if(lr(r)||Array.isArray(r)){Fr(r,t,e)}}));if(t&&Object.keys(e).every((function(r){return e[r]===Cr}))){t[r]=Cr;Fr(t)}}var Vr=function e(r,t){if(!ir(yr(r,t))){yr(r,t,Cr);Fr(r)}};function kr(e,r){if(e===r){return true}var t=Object.keys(e);if(t.length!==Object.keys(r).length){return false}for(var n=0;n<t.length;n++){if(e[t[n]]!==r[t[n]]){return false}}return true}var Or="FORM_VALIDATE_RESULT";var Er,_r;if(typeof requestAnimationFrame==="function"){Er=requestAnimationFrame;_r=cancelAnimationFrame}else{Er=setTimeout;_r=clearTimeout}var jr=function(e){I(i,e);var n=K(i);function i(e){var r;j(this,i);r=n.call(this,e);r.$$formPending=void 0;r.$$formValidatePromise=void 0;r.$$registers={};r.$$deepRegisters={};r.getFormContext=function(){return{$$registers:r.$$registers,$$register:r.$$register,$$unregister:r.$$unregister,$$onChange:r.$$onChange,$$getDefault:r.$$getDefault,$formutil:r.$formutil}};r.$$regDuplications={};r.$$duplicateTimer=void 0;r.$$checkDuplication=function(){var e=N(r),t=e.$$regDuplications;var n;Pr(t,(function(e,r){var a=E(e,2),i=a[0],o=a[1];W(i.$$reserved);o.$$reset(i.$getState());n=delete t[r]}));if(n){r.$render()}};r.$$register=function(e,n,a){r.$$unregister(a,n);if(e){var i=r.$$getRegister(e);if(i){_r(r.$$duplicateTimer);r.$$regDuplications[e]=[i,n];r.$$duplicateTimer=Er((function(){return t.unstable_batchedUpdates(r.$$checkDuplication)}))}else{r.$$fieldChangedQueue.push({name:e,$newValue:n.$getState().$value});Vr(r.$$defaultValues,e)}r.$$registers[n.$name=e]=n;r.$$formShouldUpdateFields[e]=true;r.createDeepRegisters();r.$render()}};r.$$unregister=function(e,t,n){if(e){if(e in r.$$regDuplications){var a=E(r.$$regDuplications[e],2),i=a[0],o=a[1];r.$$fieldChangedQueue.push({name:e,$newValue:o.$getState().$value,$prevValue:i.$getState().$value});delete r.$$regDuplications[e]}else if(r.$$registers[e]===t){if(n){t.$$reserved=true}else{delete r.$$registers[e];r.$$fieldChangedQueue.push({name:e,$prevValue:t.$getState().$value});Vr(r.$$defaultValues,e)}}r.$$formShouldUpdateAll=true;r.createDeepRegisters();r.$render()}};r.$$defaultInitialize=function(){var e=r.props,t=e.$defaultValues,n=e.$defaultStates;r.$$defaultValues=r.$$deepParseObject($r(or(t)?t(r.props)||{}:t));r.$$defaultStates=r.$$deepParseObject($r(or(n)?n(r.props)||{}:n))};r.$$getDefault=function(){return{$$defaultStates:r.$$defaultStates,$$defaultValues:r.$$defaultValues}};r.$$formShouldUpdateFields={};r.$$formShouldUpdateAll=false;r.$$fieldChangedQueue=[];r.$$triggerFormChange=function(){if(r.$$fieldChangedQueue.length){var e=w(r.$$fieldChangedQueue);r.$$fieldChangedQueue.length=0;var t={};var n={};var a=r.$$registers;var i=false;e.forEach((function(e){if(!(e.name in a)){delete e.$newValue}if(e.$newValue!==e.$prevValue){if("$newValue"in e&&"$prevValue"in e){var o=r.$$getRegister(e.name);if(o){o.$$triggerChange(e)}}"$newValue"in e&&yr(t,e.name,e.$newValue);"$prevValue"in e&&yr(n,e.name,e.$prevValue);i=true}}));if(i){if(or(r.props.$validator)){r.$$formValidate()}if(or(r.props.$onFormChange)){r.props.$onFormChange(r.$formutil,t,n)}}}};r.createDeepRegisters=function(){return r.$$deepRegisters=r.$$deepParseObject(r.$$registers)};r.$$getRegister=function(e){if(e){var t=r.$$registers[e]||yr(r.$$deepRegisters,e);if(t){return t}}};r.$$formValidate=function(){return r.$$formValidatePromise=new Promise((function(e){var t=r.props.$validator;var n;var a;var i;var o;var u=t(r.$formutil.$params,r.$formutil);var s=function r(t){return e(dr(i,t))};if(sr(u)){if(!r.$$formPending){r.$$formPending=true;r.$render()}a=function e(r){return n=r(s)};o=u.then((function(){return void 0}),(function(e){return e})).then((function(e){if(n){return n}r.$shouldCancelPrevAsyncValidate=null;r.$$formPending=false;return r.$$setFormErrors(e,s)}))}else{if(r.$$formPending){r.$$formPending=false}o=r.$$setFormErrors(u,s)}if(r.$shouldCancelPrevAsyncValidate){r.$shouldCancelPrevAsyncValidate((function(e){i=e;return o}))}r.$shouldCancelPrevAsyncValidate=a}))};r.$$setFormErrors=function(e,t){if(e&&(e instanceof Error||typeof e!=="object")){return r.$render(t)}return r.$$setStates(e||{},(function(e,r){var t=r.$getState(),n=t.$error,a=n===void 0?{}:n;if(e){return{$error:f(f({},a),{},o({},Or,e))}}if(a[Or]){delete a[Or];return{$error:a}}}),t,true)};r.$getField=function(e){var t=r.$$getRegister(e);if(t){var n;return(n=t.$new)===null||n===void 0?void 0:n.call(t)}};r.$$onChange=function(e,t,n){return r.$setStates(o({},e,t),n)};r.$$setStates=function(){var e=arguments.length>0&&arguments[0]!==undefined?arguments[0]:{};var n=arguments.length>1?arguments[1]:undefined;var a=arguments.length>2?arguments[2]:undefined;var i=arguments.length>3?arguments[3]:undefined;var o=r.$$deepParseObject(e);var u=[];Pr(r.$$registers,(function(e,t){var a=gr(o,t);if(i||a){var s=e&&n(a&&a.data,e);if(s){var f=e.$$merge(s),l=f.$value;u.push([e,s]);if("$value"in s||"$viewValue"in s){var c=wr(r.$$fieldChangedQueue,(function(e){return e.name===t}));if(c){c.$newValue=l}else if(t in r.$formutil.$weakParams){r.$$fieldChangedQueue.push({name:t,$newValue:l,$prevValue:r.$formutil.$weakParams[t]})}}r.$$formShouldUpdateFields[t]=true}}}));return t.unstable_batchedUpdates((function(){u.forEach((function(e){var r=E(e,2),t=r[0],n=r[1];return t.$$detectChange(n)}));return r.$render(a)}))};r.$render=function(e){return new Promise((function(t){return r.forceUpdate((function(){return t(dr(e,r.$formutil))}))}))};r.$validates=function(){var e;for(var t=arguments.length,n=new Array(t),a=0;a<t;a++){n[a]=arguments[a]}if(or(n[n.length-1])){e=n.pop()}if(n.length){var i=function e(t){t.forEach((function(t){if(Array.isArray(t)){e(t)}else{var n=r.$getField(t);if(n){n.$validate()}}}))};i(n)}else{Pr(r.$$registers,(function(e){return e.$validate()}));if(or(r.props.$validator)){r.$$formValidate()}}return r.$onValidates(e)};r.$onValidates=function(e){var t=Object.keys(r.$$registers).map((function(e){return r.$$registers[e].$onValidate()}));t.push(r.$$formValidatePromise);return Promise.all(t).then((function(){return dr(e,r.$formutil)}))};r.$validate=function(e,t){var n=r.$getField(e);if(n){return n.$validate(t)}return dr(t)};r.$reset=function(e,t){r.$$defaultInitialize();if(or(e)){t=e;e={}}return r.$$setStates(e,(function(e,r){return r.$$reset(e)}),t,true)};r.$setStates=function(e,t){return r.$$setStates(e,(function(e){return e}),t)};r.$setValues=function(e,t){r.$$deepParseObject($r(e),r.$$defaultValues);Fr(r.$$defaultValues);return r.$$setStates(e,(function(e){return{$value:e}}),t)};r.$setFocuses=function(e,t){return r.$$setStates(e,(function(e){return{$focused:e}}),t)};r.$setDirts=function(e,t){return r.$$setStates(e,(function(e){return{$dirty:e}}),t)};r.$setTouches=function(e,t){return r.$$setStates(e,(function(e){return{$touched:e}}),t)};r.$setPendings=function(e,t){return r.$$setStates(e,(function(e){return{$pending:e}}),t)};r.$setErrors=function(e,t){return r.$$setStates(e,(function(e){return{$error:e}}),t)};r.$batchState=function(e,t){return r.$setStates(Sr(r.$$registers,(function(){return e})),t)};r.$batchDirty=function(e,t){return r.$batchState({$dirty:e},t)};r.$batchTouched=function(e,t){return r.$batchState({$touched:e},t)};r.$batchFocused=function(e,t){return r.$batchState({$focused:e},t)};r.$batchPending=function(e,t){return r.$batchState({$pending:e},t)};r.$batchError=function(e,t){return r.$batchState({$error:e},t)};r.$getFirstError=function(e){var t=r.$formutil;if(e){var n=t.$getField(e);return n&&n.$getFirstError()}for(var a in t.$weakErrors){if(t.$weakErrors.hasOwnProperty(a)){var i=t.$weakErrors[a];for(var o in i){if(i.hasOwnProperty(o)){return i[o]instanceof Error?i[o].message:i[o]}}}}};r.$new=function(){return r.$formutil};r.$$defaultInitialize();return r}A(i,[{key:"$$deepParseObject",value:function e(r){var t=arguments.length>1&&arguments[1]!==undefined?arguments[1]:{};Pr(r,(function(e,r){return yr(t,r,e)}));return t}},{key:"$$resetFormUpdateFields",value:function e(){this.$$formShouldUpdateFields={};this.$$formShouldUpdateAll=false}},{key:"componentDidMount",value:function e(){br(this.props.$ref,this.$formutil)}},{key:"componentDidUpdate",value:function e(r){br(this.props.$ref,this.$formutil);this.$$triggerFormChange()}},{key:"componentWillUnmount",value:function e(){br(this.props.$ref,null)}},{key:"_render",value:function e(){var t=this.$formutil;var n=this.props,a=n.children,i=n.render,o=n.component;if(o){return r.createElement(o,{$formutil:t})}if(or(i)){return i(t)}if(or(a)){return a(t)}return r.Children.map(a,(function(e){return e&&cr(e.type)?r.cloneElement(e,{$formutil:t}):e}))}},{key:"render",value:function e(){var r=this;var t=this.props.$processer;var n=Object.keys(this.$$registers).map((function(e){return{path:e,$state:r.$$registers[e].$getState()}}));var i=this.$$formShouldUpdateAll;var o=this.$formutil||{};var u=n.some((function(e){var r=e.$state;return r.$invalid}));var s=n.some((function(e){var r=e.$state;return r.$dirty}));var l=n.some((function(e){var r=e.$state;return r.$touched}));var c=n.some((function(e){var r=e.$state;return r.$focused}));var $=this.$$formPending||n.some((function(e){var r=e.$state;return r.$pending}));var d=i?{}:f({},o.$pureParams);var v=i?{}:f({},o.$states);var p=i?{}:f({},o.$errors);var h=i?{}:f({},o.$dirts);var m=i?{}:f({},o.$touches);var y=i?{}:f({},o.$focuses);var g=i?{}:f({},o.$pendings);var b=i?{}:f({},o.$weakStates);var w=i?{}:f({},o.$weakParams);var S=i?{}:f({},o.$weakErrors);var P=i?{}:f({},o.$weakDirts);var C=i?{}:f({},o.$weakFocuses);var F=i?{}:f({},o.$weakTouches);var V=i?{}:f({},o.$weakPendings);for(var k=0,O=n.length;k<O;k++){var E=n[k],_=E.$state,j=E.path;if(!i){if(!this.$$formShouldUpdateFields[j]){continue}}if(t){t(_,j)}if(j in w&&_.$pristine&&ir(_.$value)){delete w[j];Vr(d,j)}else if(w[j]!==_.$value){w[j]=_.$value;yr(d,j,_.$value)}yr(v,j,_);b[j]=_;if(S[j]!==_.$error){if(_.$invalid){yr(p,j,_.$error);S[j]=_.$error}else if(j in S){Vr(p,j);delete S[j]}}if(P[j]!==_.$dirty){yr(h,j,_.$dirty);P[j]=_.$dirty}if(F[j]!==_.$touched){yr(m,j,_.$touched);F[j]=_.$touched}if(C[j]!==_.$focused){yr(y,j,_.$focused);C[j]=_.$focused}if(V[j]!==_.$pending){yr(g,j,_.$pending);V[j]=_.$pending}}this.$formutil={$$registers:f({},this.$$registers),$$deepRegisters:this.$$deepRegisters,$states:v,$pureParams:d,$params:f(f({},this.$$defaultValues),d),$errors:p,$dirts:h,$touches:m,$focuses:y,$pendings:g,$weakStates:b,$weakParams:w,$weakErrors:S,$weakDirts:P,$weakTouches:F,$weakFocuses:C,$weakPendings:V,$getFirstError:this.$getFirstError,$render:this.$render,$getField:this.$getField,$onValidates:this.$onValidates,$new:this.$new,$setStates:this.$setStates,$setValues:this.$setValues,$setErrors:this.$setErrors,$setTouches:this.$setTouches,$setDirts:this.$setDirts,$setFocuses:this.$setFocuses,$setPendings:this.$setPendings,$batchState:this.$batchState,$batchTouched:this.$batchTouched,$batchDirty:this.$batchDirty,$batchFocused:this.$batchFocused,$batchPending:this.$batchPending,$reset:this.$reset,$validates:this.$validates,$validate:this.$validate,$valid:!u,$invalid:u,$dirty:s,$pristine:!s,$touched:l,$untouched:!l,$focused:c,$pending:$};this.$$resetFormUpdateFields();return a["default"].createElement(J.Provider,{value:this.getFormContext},this._render())}}]);return i}(r.Component);jr.displayName="React.Formutil.Form";jr.defaultProps={$defaultValues:{},$defaultStates:{}};function xr(e,r){if(e==null)return{};var t={};var n=Object.keys(e);var a,i;for(i=0;i<n.length;i++){a=n[i];if(r.indexOf(a)>=0)continue;t[a]=e[a]}return t}var Rr=xr;function Ar(e,r){if(e==null)return{};var t=Rr(e,r);var n,a;if(Object.getOwnPropertySymbols){var i=Object.getOwnPropertySymbols(e);for(a=0;a<i.length;a++){n=i[a];if(r.indexOf(n)>=0)continue;if(!Object.prototype.propertyIsEnumerable.call(e,n))continue;t[n]=e[n]}}return t}var Dr=Ar;var Nr="function"===typeof Symbol&&Symbol.for,Ur=Nr?Symbol.for("react.element"):60103,Mr=Nr?Symbol.for("react.portal"):60106,Tr=Nr?Symbol.for("react.fragment"):60107,Ir=Nr?Symbol.for("react.strict_mode"):60108,Lr=Nr?Symbol.for("react.profiler"):60114,Hr=Nr?Symbol.for("react.provider"):60109,zr=Nr?Symbol.for("react.context"):60110,Br=Nr?Symbol.for("react.async_mode"):60111,Qr=Nr?Symbol.for("react.concurrent_mode"):60111,qr=Nr?Symbol.for("react.forward_ref"):60112,Gr=Nr?Symbol.for("react.suspense"):60113,Kr=Nr?Symbol.for("react.suspense_list"):60120,Yr=Nr?Symbol.for("react.memo"):60115,Wr=Nr?Symbol.for("react.lazy"):60116,Jr=Nr?Symbol.for("react.block"):60121,Xr=Nr?Symbol.for("react.fundamental"):60117,Zr=Nr?Symbol.for("react.responder"):60118,et=Nr?Symbol.for("react.scope"):60119;function rt(e){if("object"===typeof e&&null!==e){var r=e.$$typeof;switch(r){case Ur:switch(e=e.type,e){case Br:case Qr:case Tr:case Lr:case Ir:case Gr:return e;default:switch(e=e&&e.$$typeof,e){case zr:case qr:case Wr:case Yr:case Hr:return e;default:return r}}case Mr:return r}}}function tt(e){return rt(e)===Qr}var nt=Br;var at=Qr;var it=zr;var ot=Hr;var ut=Ur;var st=qr;var ft=Tr;var lt=Wr;var ct=Yr;var $t=Mr;var dt=Lr;var vt=Ir;var pt=Gr;var ht=function(e){return tt(e)||rt(e)===Br};var mt=tt;var yt=function(e){return rt(e)===zr};var gt=function(e){return rt(e)===Hr};var bt=function(e){return"object"===typeof e&&null!==e&&e.$$typeof===Ur};var wt=function(e){return rt(e)===qr};var St=function(e){return rt(e)===Tr};var Pt=function(e){return rt(e)===Wr};var Ct=function(e){return rt(e)===Yr};var Ft=function(e){return rt(e)===Mr};var Vt=function(e){return rt(e)===Lr};var kt=function(e){return rt(e)===Ir};var Ot=function(e){return rt(e)===Gr};var Et=function(e){return"string"===typeof e||"function"===typeof e||e===Tr||e===Qr||e===Lr||e===Ir||e===Gr||e===Kr||"object"===typeof e&&null!==e&&(e.$$typeof===Wr||e.$$typeof===Yr||e.$$typeof===Hr||e.$$typeof===zr||e.$$typeof===qr||e.$$typeof===Xr||e.$$typeof===Zr||e.$$typeof===et||e.$$typeof===Jr)};var _t=rt;var jt={AsyncMode:nt,ConcurrentMode:at,ContextConsumer:it,ContextProvider:ot,Element:ut,ForwardRef:st,Fragment:ft,Lazy:lt,Memo:ct,Portal:$t,Profiler:dt,StrictMode:vt,Suspense:pt,isAsyncMode:ht,isConcurrentMode:mt,isContextConsumer:yt,isContextProvider:gt,isElement:bt,isForwardRef:wt,isFragment:St,isLazy:Pt,isMemo:Ct,isPortal:Ft,isProfiler:Vt,isStrictMode:kt,isSuspense:Ot,isValidElementType:Et,typeOf:_t};var xt=U((function(e){{e.exports=jt}}));var Rt={childContextTypes:true,contextType:true,contextTypes:true,defaultProps:true,displayName:true,getDefaultProps:true,getDerivedStateFromError:true,getDerivedStateFromProps:true,mixins:true,propTypes:true,type:true};var At={name:true,length:true,prototype:true,caller:true,callee:true,arguments:true,arity:true};var Dt={$$typeof:true,render:true,defaultProps:true,displayName:true,propTypes:true};var Nt={$$typeof:true,compare:true,defaultProps:true,displayName:true,propTypes:true,type:true};var Ut={};Ut[xt.ForwardRef]=Dt;Ut[xt.Memo]=Nt;function Mt(e){if(xt.isMemo(e)){return Nt}return Ut[e["$$typeof"]]||Rt}var Tt=Object.defineProperty;var It=Object.getOwnPropertyNames;var Lt=Object.getOwnPropertySymbols;var Ht=Object.getOwnPropertyDescriptor;var zt=Object.getPrototypeOf;var Bt=Object.prototype;function Qt(e,r,t){if(typeof r!=="string"){if(Bt){var n=zt(r);if(n&&n!==Bt){Qt(e,n,t)}}var a=It(r);if(Lt){a=a.concat(Lt(r))}var i=Mt(e);var o=Mt(r);for(var u=0;u<a.length;++u){var s=a[u];if(!At[s]&&!(t&&t[s])&&!(o&&o[s])&&!(i&&i[s])){var f=Ht(r,s);try{Tt(e,s,f)}catch(e){}}}}return e}var qt=Qt;var Gt=["render","component","children","$defaultValues","$defaultStates","$onFormChange","$validator","$processer","$ref"];function Kt(e){var t=arguments.length>1&&arguments[1]!==undefined?arguments[1]:{};var n=function(r){I(i,r);var n=K(i);function i(){var r;j(this,i);for(var t=arguments.length,o=new Array(t),u=0;u<t;u++){o[u]=arguments[u]}r=n.call.apply(n,[this].concat(o));r.renderChildren=function(t){return a["default"].createElement(e,Object.assign({},r.othersProps,{$formutil:t,ref:r.props.__forwardRef__}))};return r}A(i,[{key:"render",value:function e(){var r=this.props,n=r.__forwardRef__,i=Dr(r,["__forwardRef__"]);var o=this.props,u=o.component,s=Dr(o,["component"]);Gt.forEach((function(e){if(e in i){if(e==="$defaultStates"||e==="$defaultValues"){s[e]=f(f({},t[e]),i[e])}delete i[e]}}));this.othersProps=i;return a["default"].createElement(jr,Object.assign({},t,s,{render:this.renderChildren}))}}]);return i}(r.Component);n.displayName="React.Formutil.withForm."+(e.displayName||e.name||"Anonymous");var i=r.forwardRef((function(e,r){return a["default"].createElement(n,Object.assign({__forwardRef__:r},e))}));i.displayName="React.Formutil.withForm.ForwardRef."+(e.displayName||e.name||"Anonymous");return qt(i,e)}var Yt=vr(Kt);var Wt=typeof Element!=="undefined";var Jt=typeof Map==="function";var Xt=typeof Set==="function";var Zt=typeof ArrayBuffer==="function"&&!!ArrayBuffer.isView;function en(e,r){if(e===r)return true;if(e&&r&&typeof e=="object"&&typeof r=="object"){if(e.constructor!==r.constructor)return false;var t,n,a;if(Array.isArray(e)){t=e.length;if(t!=r.length)return false;for(n=t;n--!==0;)if(!en(e[n],r[n]))return false;return true}var i;if(Jt&&e instanceof Map&&r instanceof Map){if(e.size!==r.size)return false;i=e.entries();while(!(n=i.next()).done)if(!r.has(n.value[0]))return false;i=e.entries();while(!(n=i.next()).done)if(!en(n.value[1],r.get(n.value[0])))return false;return true}if(Xt&&e instanceof Set&&r instanceof Set){if(e.size!==r.size)return false;i=e.entries();while(!(n=i.next()).done)if(!r.has(n.value[0]))return false;return true}if(Zt&&ArrayBuffer.isView(e)&&ArrayBuffer.isView(r)){t=e.length;if(t!=r.length)return false;for(n=t;n--!==0;)if(e[n]!==r[n])return false;return true}if(e.constructor===RegExp)return e.source===r.source&&e.flags===r.flags;if(e.valueOf!==Object.prototype.valueOf)return e.valueOf()===r.valueOf();if(e.toString!==Object.prototype.toString)return e.toString()===r.toString();a=Object.keys(e);t=a.length;if(t!==Object.keys(r).length)return false;for(n=t;n--!==0;)if(!Object.prototype.hasOwnProperty.call(r,a[n]))return false;if(Wt&&e instanceof Element)return false;for(n=t;n--!==0;){if((a[n]==="_owner"||a[n]==="__v"||a[n]==="__o")&&e.$$typeof){continue}if(!en(e[a[n]],r[a[n]]))return false}return true}return e!==e&&r!==r}var rn=function e(r,t){try{return en(r,t)}catch(e){if((e.message||"").match(/stack|recursion/i)){console.warn("react-fast-compare cannot handle circular refs");return false}throw e}};var tn=0;var nn={$valid:true,$invalid:false,$dirty:false,$pristine:true,$touched:false,$untouched:true,$focused:false,$pending:false,$error:{}};function an(e){return e!==true}function on(e,r,t){}var un="React.Formutil.Field";function sn(){return tn++}function fn(e,t){var n=t.children,a=t.render,i=t.component;if(i){return r.createElement(i,{$fieldutil:e})}if(or(a)){return a(e)}if(or(n)){return n(e)}return r.Children.map(n,(function(t){return t&&cr(t.type)?r.cloneElement(t,{$fieldutil:e}):t}))}function ln(e,r){var t={$$FIELD_UUID:e.$$FIELD_UUID,$$reset:u,$$merge:b,$$detectChange:a,$$triggerChange:i,$onValidate:o,$new:function r(){return e.$fieldutil},$picker:s,$getState:s,$getComponent:function e(){return r},$reset:function r(t,n){return e.$setState(u(t),n)},$getFirstError:g,$validate:l,$setState:e.$setState,$render:c,$setValue:$,$setTouched:d,$setDirty:v,$setFocused:p,$setValidity:m,$setError:h,$setPending:y};var n;function a(e){if("$value"in e||"$viewValue"in e){l()}}function i(r){var t=r.$newValue,n=r.$prevValue;var a=e.props.$onFieldChange;if(or(a)){a(t,n,e.$formContext.$formutil)}}function o(e){n.then(e);return n}function u(r){var t;var n=e.props,a=e.$formContext;if(a.$$getDefault){var i=n.name;var o=a.$$getDefault(),u=o.$$defaultStates,s=o.$$defaultValues;if(i&&s){var l=yr(s,i);t=yr(u,i)||{};if(!ir(l)){t.$value=l}}}var c=n.$defaultValue,$=n.$defaultState;return b(f(f(f(f({},nn),or($)?$(n):$),{},{$value:or(c)?c(n):"$defaultValue"in n?c:""},t),r))}function s(){return f({},e.$state)}function l(r){return n=new Promise((function(t){var n=e.props,a=e.$formContext;var i=f(f({},n.$validators),n.$asyncValidators);var o=e.$state,u=o.$value,s=o.$pending,l=Object.assign({},o.$error);var c=a.$formutil;var $={};var d=false;var v;var p;var g;var b;delete l[Or];var w=Object.keys(i).reduce((function(r,t){delete l[t];if(!d&&n[t]!=null){var a=i[t](u,n[t],f(f({},n),{},{$formutil:c,$fieldutil:e.$fieldutil,$validError:$}));if(sr(a)){r.push(a.catch((function(e){if(!v){m(t,e||t)}})))}else if(an(a)){$[t]=a||t;on(a,t,n.name);if(n.$validateLazy){d=true}}}return r}),[]);var S=function e(n){return t(dr(r,dr(g,n)))};if(w.length){if(!s){y(true)}p=function e(r){return v=r(S)};w.push(h(f(f({},l),$)));b=Promise.all(w).then((function(){if(v){return v}e.$shouldCancelPrevAsyncValidate=null;return y(false,S)}))}else{if(s){y(false)}b=h(f(f({},l),$),S)}if(e.$shouldCancelPrevAsyncValidate){e.$shouldCancelPrevAsyncValidate((function(e){g=e;return b}))}e.$shouldCancelPrevAsyncValidate=p}))}function c(r,t){return e.$setState({$viewValue:r,$dirty:true},t)}function $(r,t){return e.$setState({$value:r},t)}function d(r,t){return e.$setState({$touched:r},t)}function v(r,t){return e.$setState({$dirty:r},t)}function p(r,t){return e.$setState({$focused:r},t)}function h(r,t){return e.$setState({$error:r},t)}function m(r){var t=arguments.length>1&&arguments[1]!==undefined?arguments[1]:true;var n=arguments.length>2?arguments[2]:undefined;var a=Object.assign({},e.$state.$error);if(an(t)){a[r]=t||r;on(t,r,e.props.name)}else{delete a[r]}return h(a,n)}function y(r,t){return e.$setState({$pending:r},t)}function g(){var r=e.$state.$error,t=r===void 0?{}:r;for(var n in t){if(t.hasOwnProperty(n)){return t[n]instanceof Error?t[n].message:t[n]}}}function b(r){var t=Object.assign({},r);if("$error"in t){if(!t.$error){t.$error={}}t.$valid=Object.keys(t.$error).length===0}var n=e.props,a=n.$parser,i=n.$formatter;if("$viewValue"in t&&!("$value"in t)){var o=function e(r){return t.$viewValue=r};t.$value=a?a(t.$viewValue,o):t.$viewValue}else if("$value"in t&&!("$viewValue"in t)){var u=function e(r){return t.$value=r};t.$viewValue=i?i(t.$value,u):t.$value}if("$valid"in t){t.$invalid=!t.$valid}else if("$invalid"in t){t.$dirty=!t.$invalid}if("$dirty"in t){t.$pristine=!t.$dirty}else if("$pristine"in t){t.$dirty=!t.$pristine}if("$touched"in t){t.$untouched=!t.$touched}else if("$untouched"in t){t.$touched=!t.$untouched}e.$state=f(f({},e.$state),t);return s()}return t}var cn=function(e){I(t,e);var r=K(t);function t(){var e;j(this,t);for(var n=arguments.length,a=new Array(n),i=0;i<n;i++){a[i]=arguments[i]}e=r.call.apply(r,[this].concat(a));e.$$FIELD_UUID=sn();e.$formContext=void 0;e.$state=void 0;e.shouldRendered=false;e.$setState=function(r,t){return new Promise((function(n){var a=function r(){return n(dr(t,e.$fieldutil))};if(e.isMounting){var i=e.props.name;if(i in(e.$formContext.$$registers||{})){e.shouldRendered=false;e.$formContext.$$onChange(i,r,a);if(!e.shouldRendered){e.forceUpdate()}}else{e.$registered.$$merge(r);e.$registered.$$detectChange(r);e.forceUpdate(a)}}else{e.$registered.$$merge(r);a()}}))};return e}A(t,[{key:"componentDidMount",value:function e(){this.isMounting=true;var r=this.props.name,t=this.$formContext;W(!r||t.$formutil);if(t.$$register){t.$$register(r,this.$fieldHandler)}this.$prevState=this.$state;br(this.props.$ref,this.$fieldutil)}},{key:"componentWillUnmount",value:function e(){if(this.$formContext.$$unregister){this.$formContext.$$unregister(this.props.name,this.$fieldHandler,this.props.$reserveOnUnmount)}this.isMounting=false;br(this.props.$ref,null)}},{key:"componentDidUpdate",value:function e(r){var t=this.props.name;if(t!==r.name){if(this.$formContext.$$register){this.$formContext.$$register(t,this.$fieldHandler,r.name)}}br(this.props.$ref,this.$fieldutil);if(this.$state.$value!==this.$prevState.$value){if(!(t in(this.$formContext.$$registers||{}))){this.$registered.$$triggerChange({$newValue:this.$state.$value,$prevValue:this.$prevState.$value})}}this.$prevState=this.$state}},{key:"shouldComponentUpdate",value:function e(r){var t=r.$memo;return!t||!kr(this.$registered.$getState(),this.$prevState)||!(Array.isArray(t)?rn(t,this.props.$memo):rn(this.props,r))}},{key:"_render",value:function e(){var r=this.$fieldutil=f(f(f({$name:this.props.name},this.$registered.$getState()),this.$registered),{},{$$formutil:this.$formContext.$formutil});return fn(r,this.props)}},{key:"render",value:function e(){var r=this;this.shouldRendered=true;return a["default"].createElement(J.Consumer,null,(function(e){var t=!r.$formContext;r.$formContext=e();if(!r.$fieldHandler){r.$fieldHandler=ln(r,r)}r.$registered=(r.$formContext.$$registers||{})[r.$fieldHandler.$name]||r.$fieldHandler;if(t){r.$fieldHandler.$$reset();r.$fieldHandler.$validate()}return r._render()}))}}]);return t}(r.Component);cn.displayName=un;var $n=["name","$defaultValue","$defaultState","$onFieldChange","$validators","$asyncValidators","$validateLazy","$memo","$reserveOnUnmount","$ref","$parser","$formatter","render","component","children"];function dn(e){var t=arguments.length>1&&arguments[1]!==undefined?arguments[1]:{};var n=function(r){I(i,r);var n=K(i);function i(){var r;j(this,i);for(var t=arguments.length,o=new Array(t),u=0;u<t;u++){o[u]=arguments[u]}r=n.call.apply(n,[this].concat(o));r.renderChildren=function(t){return a["default"].createElement(e,Object.assign({},r.othersProps,{$fieldutil:t,ref:r.props.__forwardRef__}))};return r}A(i,[{key:"render",value:function e(){var r=this.props,n=r.__forwardRef__,i=Dr(r,["__forwardRef__"]);var o=this.props,u=o.component,s=Dr(o,["component"]);$n.concat(Object.keys(f(f(f(f({},t.$validators),t.$asyncValidators),i.$validators),i.$asyncValidators))).forEach((function(e){if(e in i){if(e==="$validators"||e==="$asyncValidators"||e==="$defaultState"){s[e]=f(f({},t[e]),i[e])}delete i[e]}}));this.othersProps=i;return a["default"].createElement(cn,Object.assign({},t,s,{render:this.renderChildren}))}}]);return i}(r.Component);n.displayName="React.Formutil.withField."+(e.displayName||e.name||"Anonymous");var i=r.forwardRef((function(e,r){return a["default"].createElement(n,Object.assign({__forwardRef__:r},e))}));i.displayName="React.Formutil.withField.ForwardRef."+(e.displayName||e.name||"Anonymous");return qt(i,e)}var vn=vr(dn);var pn=function(e){I(t,e);var r=K(t);function t(){j(this,t);return r.apply(this,arguments)}A(t,[{key:"render",value:function e(){var r=this;var t=this.props,n=t.$fieldutil,i=t.value,o=t.onChange,u=t.onFocus,s=t.onBlur,f=t.checked,l=t.unchecked,c=Dr(t,["$fieldutil","value","onChange","onFocus","onBlur","checked","unchecked"]);var $=this.props.type;var d={value:"compositionValue"in this?this.compositionValue:i,onCompositionEnd:function e(t){r.isComposing=false;delete r.compositionValue;d.onChange(t)},onCompositionStart:function e(){return r.isComposing=true},onChange:function e(t){var n=t.target.value;if(r.isComposing){r.compositionValue=n;r.forceUpdate()}else{o(n,t)}},onFocus:u,onBlur:function e(t){if(r.isComposing){r.isComposing=false;delete r.compositionValue;d.onChange(t)}return s(t)}};var v="input";switch($){case"select":v=$;d.onChange=function(e){var r=e.target;var t=r.multiple?[].slice.call(r.options).filter((function(e){return e.selected})).map((function(e){return e.value})):r.value;o(t,e)};delete c.type;break;case"textarea":v=$;delete c.type;break;case"checkbox":case"radio":d={checked:i===f,onChange:function e(r){o(r.target.checked?f:l,r)},onFocus:u,onBlur:s};break}return a["default"].createElement(v,Object.assign({},c,d))}}]);return t}(r.Component);pn.displayName="React.Formutil.EasyField.Native";pn.defaultProps={value:"",type:"text",checked:true,unchecked:false};var hn=r.createContext((function(){return{}})),mn=hn.Provider,yn=hn.Consumer;var gn=function(e){I(n,e);var t=K(n);function n(){var e;j(this,n);for(var r=arguments.length,a=new Array(r),i=0;i<r;i++){a[i]=arguments[i]}e=t.call.apply(t,[this].concat(a));e.getGroupContext=function(){return e.props};return e}A(n,[{key:"_render",value:function e(){var t=this.props,n=t.className,i=t.groupNode,o=t.children;var u={GroupOption:bn,Field:wn};var s=or(o)?o(u):r.Children.map(o,(function(e){return r.cloneElement(e,u)}));if(i===null){return s}return a["default"].createElement(i,{className:n},s)}},{key:"render",value:function e(){return a["default"].createElement(mn,{value:this.getGroupContext},this._render())}}]);return n}(r.Component);gn.displayName="React.Formutil.EasyField.Group";gn.defaultProps={type:"checkbox",groupNode:"div"};var bn=function(e){I(t,e);var r=K(t);function t(){j(this,t);return r.apply(this,arguments)}A(t,[{key:"componentDidMount",value:function e(){W("$value"in this.props)}},{key:"render",value:function e(){var r=this.props,t=r.$value,n=r.onChange,i=r.onFocus,o=r.onBlur,u=Dr(r,["$value","onChange","onFocus","onBlur"]);return a["default"].createElement(yn,null,(function(e){var r=e();var s=r.type,f=r.name;var l=s==="radio"?{checked:r.value===t,onChange:function e(a){r.onChange(t,a);n&&n(a)}}:s==="checkbox"?{checked:r.value.indexOf(t)>-1,onChange:function e(a){r.onChange(a.target.checked?r.value.concat(t):r.value.filter((function(e){return e!==t})),a);n&&n(a)}}:{value:r.value,onChange:function e(t){r.onChange(t);n&&n(t)}};return a["default"].createElement("input",Object.assign({name:f},u,l,{type:s,onFocus:function e(t){r.onFocus(t);i&&i(t)},onBlur:function e(t){r.onBlur(t);o&&o(t)}}))}))}}]);return t}(r.Component);bn.displayName="React.Formutil.EasyField.Group.Option";var wn=function(e){I(t,e);var r=K(t);function t(){j(this,t);return r.apply(this,arguments)}A(t,[{key:"componentDidMount",value:function e(){}},{key:"render",value:function e(){return a["default"].createElement(bn,this.props)}}]);return t}(r.Component);wn.displayName="React.Formutil.EasyField.Group.Option.Deprecated";var Sn=a["default"].Frament||"div";var Pn=function(e){I(t,e);var r=K(t);function t(e){var n;j(this,t);n=r.call(this,e);n.id=0;n.latestValue=n.props.value;n.$formutil=void 0;n.FieldValidators={required:function e(r){return r!==null}};n.$onFormChange=function(e){e.$onValidates((function(e){var r=e.$invalid,t=e.$params;if(r){if(n.props.value.length){n.props.onChange(n.latestValue=[])}}else if(!rn(n.props.value,t.list)){n.props.onChange(n.latestValue=t.list)}}))};n.swap=function(e,r,t){return n.$setState((function(t){var n=t.items;var a=[n[e],n[r]];n[r]=a[0];n[e]=a[1];return n}),t)};n.insert=function(){var e,r,t;for(var a=arguments.length,i=new Array(a),o=0;o<a;o++){i[o]=arguments[o]}i.forEach((function(n){if(or(n)){t=n}else if(typeof n==="number"){e=n}else if(typeof n==="object"){r=n}}));return n.$setState((function(t){var a=t.items;if(ir(e)){a.push(n.getId(r))}else{a.splice(e,0,n.getId(r))}return{items:a}}),t)};n.remove=function(){var e,r;for(var t=arguments.length,a=new Array(t),i=0;i<t;i++){a[i]=arguments[i]}a.forEach((function(t){if(or(t)){r=t}else if(typeof t==="number"){e=t}}));return n.$setState((function(r){var t=r.items;if(ir(e)){t.pop()}else{t.splice(e,1)}if(!t.length){t=[n.getId()]}return{items:t}}),r)};n.$setState=function(e,r){return new Promise((function(t){return n.setState(e,(function(){return n.$formutil.$onValidates((function(e){return t(dr(r,e))}))}))}))};n.state={items:e.value.length?e.value.map((function(){return n.getId()})):[n.getId()],formKey:0};return n}A(t,[{key:"componentDidUpdate",value:function e(r){var t=this;if(this.props.value!==this.latestValue){this.setState({items:this.props.value.length?this.props.value.map((function(){return t.getId()})):[this.getId()],formKey:this.state.formKey+1});this.latestValue=this.props.value}}},{key:"getId",value:function e(r){return{id:this.id++,values:r}}},{key:"render",value:function e(){var r=this;var t=this.props,n=t.children,i=t.onFocus,o=t.onBlur,u=t.value;var s=this;if(!or(n)){return null}var l={$insert:this.insert,$remove:this.remove,$swap:this.swap,$push:function e(t,n){return r.insert(t,n)},$pop:function e(t){return r.remove(t)},$shift:function e(t){return r.remove(0,t)},$unshift:function e(t,n){return r.insert(0,t,n)},onFocus:i,onBlur:o};return a["default"].createElement(jr,{key:this.state.formKey,$defaultValues:{list:u},$onFormChange:this.$onFormChange,children:function e(t){r.$formutil=t;return a["default"].createElement(Sn,null,r.state.items.map((function(e,i){var o=e.id,u=e.values;return a["default"].createElement(cn,{key:o,required:true,$defaultValue:u||null,$validators:r.FieldValidators,name:"list[".concat(i,"]"),children:function e(o){return a["default"].createElement(jr,{$defaultValues:o.$value||{},$onFormChange:function e(r){return r.$onValidates((function(e){var r=e.$invalid,t=e.$params;if(r){if(o.$viewValue!==null){o.$render(null)}}else if(!rn(o.$viewValue,t)){o.$render(t)}}))},children:function e(a){return n(f(f({get $length(){return s.state.items.length},$index:i,$isLast:function e(){return i===r.state.items.length-1},$isFirst:function e(){return i===0}},l),a),t)}})}})})))}})}}]);return t}(r.Component);Pn.displayName="React.Formutil.EasyField.List";var Cn="__TYPE__";var Fn=[["required",function(e,r,t){var n=t.__TYPE__,a=t.checked,i=a===void 0?true:a;return r===false||(n==="checked"?e===i:!ur(e))}],["maxLength",function(e,r){return ur(e)||e.length<=r*1}],["minLength",function(e,r){return ur(e)||e.length>=r*1}],["max",function(e,r){return ur(e)||e*1<=r*1}],["min",function(e,r){return ur(e)||e*1>=r*1}],["pattern",function(e,r){return ur(e)||r.test(e)}],["enum",function(e,r){return ur(e)||r.indexOf(e)>-1}],["checker",function(e,r,t){return r(e,t)}]].reduce((function(e,r){var t=E(r,2),n=t[0],a=t[1];e[n]=function e(r,t,i){var o=i.validMessage,u=o===void 0?{}:o;return a.apply(void 0,arguments)||u[n]||"Error input: ".concat(n)};return e}),{});var Vn="React.Formutil.EasyField";var kn={validMessage:{},valuePropName:"value",changePropName:"onChange",focusPropName:"onFocus",blurPropName:"onBlur",$parser:function e(r){return typeof r==="string"?r.trim():r}};function On(e,r,t){var n;var a=r.valuePropName,i=r.changePropName,u=r.focusPropName,s=r.blurPropName,l=r.getValueFromEvent,c=r.passUtil;var $=function e(r){return r&&r.target?r.target[a]:r};var d=f(f({},t),{},(n={},o(n,a,e.$viewValue),o(n,i,(function(t){var n;for(var a=arguments.length,o=new Array(a>1?a-1:0),u=1;u<a;u++){o[u-1]=arguments[u]}if(((n=o[0])===null||n===void 0?void 0:n.nativeEvent)instanceof Event){o.push(t)}else{o.unshift(t)}var s=r[i];s&&s.apply(void 0,o);var f=l?l.apply(void 0,o):$(t);e.$render(f)})),o(n,u,(function(){var t=r[u];t&&t.apply(void 0,arguments);e.$setFocused(true)})),o(n,s,(function(){var t=r[s];t&&t.apply(void 0,arguments);if(e.$untouched){e.$setTouched(true)}e.$setFocused(false)})),n));if(c){d[c===true?"$fieldutil":String(c)]=e}return d}function En(e){var r=e.children,t=e.component,n=e.render,a=Dr(e,["children","component","render"]);var i=a.name,o=a.type,u=a.defaultValue,s=a.valuePropName,l=a.changePropName,c=a.focusPropName,$=a.blurPropName,d=a.getValueFromEvent,v=a.validMessage,p=a.checked,h=a.unchecked,m=a.__TYPE__,y=a.__DIFF__,g=a.passUtil,b=a.$defaultValue,w=a.$defaultState,S=a.$onFieldChange,P=a.$validators,C=a.$asyncValidators,F=a.$validateLazy,V=a.$memo,k=a.$reserveOnUnmount,O=a.$parser,_=a.$formatter,j=a.$ref,x=Dr(a,["name","type","defaultValue","valuePropName","changePropName","focusPropName","blurPropName","getValueFromEvent","validMessage","checked","unchecked","__TYPE__","__DIFF__","passUtil","$defaultValue","$defaultState","$onFieldChange","$validators","$asyncValidators","$validateLazy","$memo","$reserveOnUnmount","$parser","$formatter","$ref"]);var R={children:r,component:t,render:n};if(V===true&&ir(y)){a.__DIFF__=[r,t,n]}var A=!ir(o)||ir(r)&&ir(t)&&ir(n);Object.keys(f(f({},a.$validators=f(f({},Fn),a.$validators)),a.$asyncValidators)).forEach((function(e){if(e in x){if(!A||!hr(e)){delete x[e]}}}));if(A){var D=(o||"").split("."),N=E(D,2),U=N[0],M=U===void 0?"text":U,T=N[1];R.component=M==="group"?gn:M==="list"?Pn:pn;if(i){x.name=i}if(o){x.type=M}if(r){x.children=r}x.checked=p;x.unchecked=h;switch(M){case"select":case"textarea":if(e.multiple){a[Cn]="array"}break;case"group":if(T==="checkbox"){a[Cn]="array"}x.type=T;break;case"checkbox":case"radio":a[Cn]="checked";break;case"list":a[Cn]="array";break}}if(!("$defaultValue"in a)&&"defaultValue"in e){a.$defaultValue=u}if(!("$defaultValue"in a)&&Cn in a){var I;switch(a[Cn]){case"checked":var L=a.unchecked,H=L===void 0?false:L;I=H;break;case"array":I=[];break;case"object":I={};break;case"number":I=0;break}a.$defaultValue=I}return{fieldProps:a,childProps:x,renderProps:R}}function _n(e,t){var n=t.component,a=t.render,i=t.children;if(n){return r.createElement(n,e)}if(or(a)){return a(e)}if(or(i)){return i(e)}return r.Children.map(i,(function(t){return r.cloneElement(t,e)}))}var jn=function(e){I(t,e);var r=K(t);function t(){var e;j(this,t);for(var n=arguments.length,a=new Array(n),i=0;i<n;i++){a[i]=arguments[i]}e=r.call.apply(r,[this].concat(a));e.renderChildren=function(r){var t=e.parsedProps,n=t.fieldProps,a=t.childProps,i=t.renderProps;return _n(On(r,n,a),i)};e.parsedProps={};return e}A(t,[{key:"render",value:function e(){var r=this.parsedProps=En(this.props),t=r.fieldProps;return a["default"].createElement(cn,Object.assign({},t,{children:this.renderChildren}))}}]);return t}(r.Component);jn.displayName=Vn;jn.defaultProps=kn;function xn(e){var t=r.forwardRef((function(r,t){return a["default"].createElement(J.Consumer,null,(function(n){return a["default"].createElement(e,Object.assign({},r,{$formutil:n().$formutil,ref:t}))}))}));t.displayName="React.Formutil.connect."+(e.displayName||e.name||"Anonymous");return qt(t,e)}function Rn(){if(!a["default"].useState){throw new Error("Hooks api need react@>=16.8, Please upgrade your reactjs.")}var e=a["default"].useContext;var r=e(J);return r()}function An(e){var r=arguments.length>1&&arguments[1]!==undefined?arguments[1]:{};if(!a["default"].useState){throw new Error("Hooks api need react@>=16.8, Please upgrade your reactjs.")}var t=a["default"].useState,n=a["default"].useLayoutEffect,i=a["default"].useRef;var o;if(e){if(typeof e==="string"){o=e;r.name=o}else{r=e;o=r.name}}var u=Rn();var s=i({}).current;var l=i([]);var c;s.$formContext=u;s.props=r;s.$setState=p;s.shouldRendered=true;var $=t((function(){s.$$FIELD_UUID=sn();s.$fieldHandler=c=ln(s);s.$fieldHandler.$$reset();s.$fieldHandler.$validate()})),d=E($,2),v=d[1];if(!c){c=(u.$$registers||{})[s.$fieldHandler.$name]||s.$fieldHandler}n((function(){var e=s.$state;if(s.isMounting){if(!(o in(u.$$registers||{}))){c.$$triggerChange({$newValue:e.$value,$prevValue:s.$prevState.$value})}}s.$prevState=e}),[s.$state.$value]);n((function(){s.isMounting=true;W(!o||u.$formutil);return function(){s.isMounting=false;br(r.$ref,null)}}),[]);n((function(){if(u.$$register){u.$$register(o,s.$fieldHandler)}return function(){if(u.$$unregister){u.$$unregister(o,s.$fieldHandler,!s.isMounting&&r.$reserveOnUnmount)}}}),[o]);n((function(){br(r.$ref,s.$fieldutil)}));n((function(){if(l.current.length>0){var e=w(l.current);l.current.length=0;while(e.length){e.pop()(s.$fieldutil)}}}));function p(e,r){return new Promise((function(t){var n=function e(){return t(dr(r,s.$fieldutil))};if(s.isMounting){if(o in(u.$$registers||{})){s.shouldRendered=false;u.$$onChange(o,e,n);if(!s.shouldRendered){v({})}}else{c.$$merge(e);c.$$detectChange(e);v({});l.current.push(n)}}else{c.$$merge(e);n()}}))}return s.$fieldutil=f(f(f({$name:o},c.$getState()),c),{},{$$formutil:u.$formutil})}function Dn(){var e=Rn(),r=e.$formutil;return r}function Nn(e){e=f(f(f({},kn),e),{},{children:null});var r=En(e),t=r.fieldProps,n=r.childProps;var a=An(t);return On(a,t,n)}e.EasyField=jn;e.Field=cn;e.Form=jr;e.connect=xn;e.formContext=J;e.useField=An;e.useForm=Dn;e.useHandler=Nn;e.withField=vn;e.withForm=Yt;Object.defineProperty(e,"__esModule",{value:true})}));
+(function(e,r){typeof exports==="object"&&typeof module!=="undefined"?r(exports,require("react"),require("react-dom")):typeof define==="function"&&define.amd?define(["exports","react","react-dom"],r):(e=typeof globalThis!=="undefined"?globalThis:e||self,r(e.ReactFormutil={},e.React,e.ReactDOM))})(this,(function(e,r,t){"use strict";function n(e){return e&&typeof e==="object"&&"default"in e?e:{default:e}}var a=n(r);function i(e,r,t){if(r in e){Object.defineProperty(e,r,{value:t,enumerable:true,configurable:true,writable:true})}else{e[r]=t}return e}var o=i;function u(e,r){var t=Object.keys(e);if(Object.getOwnPropertySymbols){var n=Object.getOwnPropertySymbols(e);if(r)n=n.filter((function(r){return Object.getOwnPropertyDescriptor(e,r).enumerable}));t.push.apply(t,n)}return t}function s(e){for(var r=1;r<arguments.length;r++){var t=arguments[r]!=null?arguments[r]:{};if(r%2){u(Object(t),true).forEach((function(r){o(e,r,t[r])}))}else if(Object.getOwnPropertyDescriptors){Object.defineProperties(e,Object.getOwnPropertyDescriptors(t))}else{u(Object(t)).forEach((function(r){Object.defineProperty(e,r,Object.getOwnPropertyDescriptor(t,r))}))}}return e}var f=s;function l(e,r){if(r==null||r>e.length)r=e.length;for(var t=0,n=new Array(r);t<r;t++){n[t]=e[t]}return n}var c=l;function $(e){if(Array.isArray(e))return c(e)}var d=$;function v(e){if(typeof Symbol!=="undefined"&&Symbol.iterator in Object(e))return Array.from(e)}var p=v;function h(e,r){if(!e)return;if(typeof e==="string")return c(e,r);var t=Object.prototype.toString.call(e).slice(8,-1);if(t==="Object"&&e.constructor)t=e.constructor.name;if(t==="Map"||t==="Set")return Array.from(e);if(t==="Arguments"||/^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(t))return c(e,r)}var m=h;function y(){throw new TypeError("Invalid attempt to spread non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.")}var g=y;function b(e){return d(e)||p(e)||m(e)||g()}var w=b;function S(e){if(Array.isArray(e))return e}var C=S;function P(e,r){if(typeof Symbol==="undefined"||!(Symbol.iterator in Object(e)))return;var t=[];var n=true;var a=false;var i=undefined;try{for(var o=e[Symbol.iterator](),u;!(n=(u=o.next()).done);n=true){t.push(u.value);if(r&&t.length===r)break}}catch(e){a=true;i=e}finally{try{if(!n&&o["return"]!=null)o["return"]()}finally{if(a)throw i}}return t}var F=P;function V(){throw new TypeError("Invalid attempt to destructure non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.")}var O=V;function k(e,r){return C(e)||F(e,r)||m(e,r)||O()}var E=k;function _(e,r){if(!(e instanceof r)){throw new TypeError("Cannot call a class as a function")}}var j=_;function x(e,r){for(var t=0;t<r.length;t++){var n=r[t];n.enumerable=n.enumerable||false;n.configurable=true;if("value"in n)n.writable=true;Object.defineProperty(e,n.key,n)}}function R(e,r,t){if(r)x(e.prototype,r);if(t)x(e,t);return e}var A=R;function D(e){if(e===void 0){throw new ReferenceError("this hasn't been initialised - super() hasn't been called")}return e}var N=D;function U(e,r){return r={exports:{}},e(r,r.exports),r.exports}var M=U((function(e){function r(t,n){e.exports=r=Object.setPrototypeOf||function e(r,t){r.__proto__=t;return r};return r(t,n)}e.exports=r}));function T(e,r){if(typeof r!=="function"&&r!==null){throw new TypeError("Super expression must either be null or a function")}e.prototype=Object.create(r&&r.prototype,{constructor:{value:e,writable:true,configurable:true}});if(r)M(e,r)}var I=T;var L=U((function(e){function r(t){e.exports=r=Object.setPrototypeOf?Object.getPrototypeOf:function e(r){return r.__proto__||Object.getPrototypeOf(r)};return r(t)}e.exports=r}));function H(){if(typeof Reflect==="undefined"||!Reflect.construct)return false;if(Reflect.construct.sham)return false;if(typeof Proxy==="function")return true;try{Date.prototype.toString.call(Reflect.construct(Date,[],(function(){})));return true}catch(e){return false}}var z=H;var B=U((function(e){function r(t){"@babel/helpers - typeof";if(typeof Symbol==="function"&&typeof Symbol.iterator==="symbol"){e.exports=r=function e(r){return typeof r}}else{e.exports=r=function e(r){return r&&typeof Symbol==="function"&&r.constructor===Symbol&&r!==Symbol.prototype?"symbol":typeof r}}return r(t)}e.exports=r}));function Q(e,r){if(r&&(B(r)==="object"||typeof r==="function")){return r}return N(e)}var q=Q;function G(e){var r=z();return function t(){var n=L(e),a;if(r){var i=L(this).constructor;a=Reflect.construct(n,arguments,i)}else{a=n.apply(this,arguments)}return q(this,a)}}var K=G;var Y=function(){};var W=Y;var J=r.createContext((function(){return{}}));var X=60103,Z=60106,ee=60107,re=60108,te=60114,ne=60109,ae=60110,ie=60112,oe=60113,ue=60120,se=60115,fe=60116,le=60121,ce=60122,$e=60117,de=60129,ve=60131;if("function"===typeof Symbol&&Symbol.for){var pe=Symbol.for;X=pe("react.element");Z=pe("react.portal");ee=pe("react.fragment");re=pe("react.strict_mode");te=pe("react.profiler");ne=pe("react.provider");ae=pe("react.context");ie=pe("react.forward_ref");oe=pe("react.suspense");ue=pe("react.suspense_list");se=pe("react.memo");fe=pe("react.lazy");le=pe("react.block");ce=pe("react.server.block");$e=pe("react.fundamental");de=pe("react.debug_trace_mode");ve=pe("react.legacy_hidden")}function he(e){if("object"===typeof e&&null!==e){var r=e.$$typeof;switch(r){case X:switch(e=e.type,e){case ee:case te:case re:case oe:case ue:return e;default:switch(e=e&&e.$$typeof,e){case ae:case ie:case fe:case se:case ne:return e;default:return r}}case Z:return r}}}var me=ne,ye=X,ge=ie,be=ee,we=fe,Se=se,Ce=Z,Pe=te,Fe=re,Ve=oe;var Oe=ae;var ke=me;var Ee=ye;var _e=ge;var je=be;var xe=we;var Re=Se;var Ae=Ce;var De=Pe;var Ne=Fe;var Ue=Ve;var Me=function(){return!1};var Te=function(){return!1};var Ie=function(e){return he(e)===ae};var Le=function(e){return he(e)===ne};var He=function(e){return"object"===typeof e&&null!==e&&e.$$typeof===X};var ze=function(e){return he(e)===ie};var Be=function(e){return he(e)===ee};var Qe=function(e){return he(e)===fe};var qe=function(e){return he(e)===se};var Ge=function(e){return he(e)===Z};var Ke=function(e){return he(e)===te};var Ye=function(e){return he(e)===re};var We=function(e){return he(e)===oe};var Je=function(e){return"string"===typeof e||"function"===typeof e||e===ee||e===te||e===de||e===re||e===oe||e===ue||e===ve||"object"===typeof e&&null!==e&&(e.$$typeof===fe||e.$$typeof===se||e.$$typeof===ne||e.$$typeof===ae||e.$$typeof===ie||e.$$typeof===$e||e.$$typeof===le||e[0]===ce)?!0:!1};var Xe=he;var Ze={ContextConsumer:Oe,ContextProvider:ke,Element:Ee,ForwardRef:_e,Fragment:je,Lazy:xe,Memo:Re,Portal:Ae,Profiler:De,StrictMode:Ne,Suspense:Ue,isAsyncMode:Me,isConcurrentMode:Te,isContextConsumer:Ie,isContextProvider:Le,isElement:He,isForwardRef:ze,isFragment:Be,isLazy:Qe,isMemo:qe,isPortal:Ge,isProfiler:Ke,isStrictMode:Ye,isSuspense:We,isValidElementType:Je,typeOf:Xe};var er=U((function(e){{e.exports=Ze}}));var rr=er.isValidElementType;var tr=Object.getPrototypeOf({});var nr=/\s*(?:\]\s*\.|\]\s*\[|\.|\[|\])\s*/g;var ar=typeof window==="undefined"?global:window;function ir(e){return typeof e==="undefined"}function or(e){return typeof e==="function"}function ur(e){return ir(e)||e===null||e+""===""}function sr(e){return!!e&&or(e.then)}function fr(e){return Object.prototype.toString.call(e)==="[object Object]"}function lr(e){if(!fr(e))return false;if(null===Object.getPrototypeOf(e))return true;if(!or(e.constructor))return false;return e.constructor.prototype===tr}function cr(e){return rr(e)&&typeof e!=="string"}function $r(e){if(Array.isArray(e)){var r=[];for(var t=0,n=e.length;t<n;t++){r[t]=$r(e[t])}return r}else if(lr(e)){var a={};for(var i in e){if(e.hasOwnProperty(i))a[i]=$r(e[i])}return a}return e}var dr=function e(r){for(var t=arguments.length,n=new Array(t>1?t-1:0),a=1;a<t;a++){n[a-1]=arguments[a]}if(or(r)){r.apply(void 0,n)}return n[0]};function vr(e){return function(){for(var r=arguments.length,t=new Array(r),n=0;n<r;n++){t[n]=arguments[n]}if(cr(t[0])){return e.apply(void 0,t)}return function(r){return e(r,t[0])}}}var pr=["minlength","maxlength","max","min","required","pattern","step"];function hr(e){return pr.indexOf(e.toLowerCase())>-1}var mr=function e(r){try{var t=new Function("origin","global","return typeof ".concat(r," === 'number' || (typeof ").concat(r," !== 'undefined' && !(origin in global)) ? ").concat(r," : origin"));return t(r,ar)}catch(e){return r}};function yr(){for(var e=arguments.length,r=new Array(e),t=0;t<e;t++){r[t]=arguments[t]}var n=r[0],a=r[1],i=r[2];W(typeof a==="string","The second parameter(".concat(JSON.stringify(a),") of parsePath() must be a string."));var o=(a.match(nr)||[]).map((function(e){return e.replace(/\s/g,"")}));var u=a.split(nr).map((function(e){return e.trim()})).filter((function(e){return e!==""}));var s=n;try{if(r.length<3){for(var l=0,c=u.length;l<c;l++){var $=mr(u[l]);if(l+1===c){return s[$]}if(ir(s[$])){break}s=s[$]}}else{for(var d=0,v=u.length;d<v;d++){var p=mr(u[d]);var h=u[d+1];var m=o[d];if(ir(h)){s[p]=i;break}switch(m){case"].":case".":s=s[p]=ir(s[p])?{}:f({},s[p]);break;case"][":case"[":var y=mr(h);s=s[p]=ir(s[p])?typeof y==="number"&&y>=0?[]:{}:Array.isArray(s[p])?w(s[p]):f({},s[p]);break;default:s[p]=i;break}}}}catch(e){}if(r.length>2){return n}}function gr(e,r){var t=r.split(nr).map((function(e){return e.trim()})).filter((function(e){return e!==""}));for(var n=0,a=t.length;n<a;n++){var i=mr(t[n]);if(!(i in e)){break}if(n+1===a){return{data:e[i]}}e=e[i]}}function br(e,r){if(e){if(or(e)){e(r)}else if("current"in e){e.current=r}}}var wr=function e(r,t){for(var n=0,a=r.length;n<a;n++){if(t(r[n])===true){return r[n]}}};var Sr=function e(r,t){return Object.keys(r).reduce((function(e,n){e[n]=t(r[n],n,r);return e}),{})};var Cr=function e(r,t){return Object.keys(r).forEach((function(e){return t(r[e],e,r)}))};var Pr=undefined;function Fr(e,r,t){Cr(e,(function(r,t){if(r===Pr){delete e[t]}else if(lr(r)||Array.isArray(r)){Fr(r,t,e)}}));if(t&&Object.keys(e).every((function(r){return e[r]===Pr}))){t[r]=Pr;Fr(t)}}var Vr=function e(r,t){if(!ir(yr(r,t))){yr(r,t,Pr);Fr(r)}};function Or(e,r){if(e===r){return true}var t=Object.keys(e);if(t.length!==Object.keys(r).length){return false}for(var n=0;n<t.length;n++){if(e[t[n]]!==r[t[n]]){return false}}return true}var kr="FORM_VALIDATE_RESULT";var Er,_r;if(typeof requestAnimationFrame==="function"){Er=requestAnimationFrame;_r=cancelAnimationFrame}else{Er=setTimeout;_r=clearTimeout}var jr=function(e){I(i,e);var n=K(i);function i(e){var r;j(this,i);r=n.call(this,e);r.$$formPending=void 0;r.$$formValidatePromise=void 0;r.$$registers={};r.$$deepRegisters={};r.getFormContext=function(){return{$$registers:r.$$registers,$$register:r.$$register,$$unregister:r.$$unregister,$$onChange:r.$$onChange,$$getDefault:r.$$getDefault,$formutil:r.$formutil}};r.$$regDuplications={};r.$$duplicateTimer=void 0;r.$$checkDuplication=function(){var e=N(r),t=e.$$regDuplications;var n;Cr(t,(function(e,r){var a=E(e,2),i=a[0],o=a[1];W(i.$$reserved);o.$$reset(i.$getState());n=delete t[r]}));if(n){r.$render()}};r.$$register=function(e,n,a){r.$$unregister(a,n);if(e){var i=r.$$getRegister(e);if(i){_r(r.$$duplicateTimer);r.$$regDuplications[e]=[i,n];r.$$duplicateTimer=Er((function(){return t.unstable_batchedUpdates(r.$$checkDuplication)}))}else{r.$$fieldChangedQueue.push({name:e,$newValue:n.$getState().$value});Vr(r.$$defaultValues,e)}r.$$registers[n.$name=e]=n;r.$$formShouldUpdateFields[e]=true;r.createDeepRegisters();r.$render()}};r.$$unregister=function(e,t,n){if(e){if(e in r.$$regDuplications){var a=E(r.$$regDuplications[e],2),i=a[0],o=a[1];r.$$fieldChangedQueue.push({name:e,$newValue:o.$getState().$value,$prevValue:i.$getState().$value});delete r.$$regDuplications[e]}else if(r.$$registers[e]===t){if(n){t.$$reserved=true}else{delete r.$$registers[e];r.$$fieldChangedQueue.push({name:e,$prevValue:t.$getState().$value});Vr(r.$$defaultValues,e)}}r.$$formShouldUpdateAll=true;r.createDeepRegisters();r.$render()}};r.$$defaultInitialize=function(){var e=r.props,t=e.$defaultValues,n=e.$defaultStates;r.$$defaultValues=r.$$deepParseObject($r(or(t)?t(r.props)||{}:t));r.$$defaultStates=r.$$deepParseObject($r(or(n)?n(r.props)||{}:n))};r.$$getDefault=function(){return{$$defaultStates:r.$$defaultStates,$$defaultValues:r.$$defaultValues}};r.$$formShouldUpdateFields={};r.$$formShouldUpdateAll=false;r.$$fieldChangedQueue=[];r.$$triggerFormChange=function(){if(r.$$fieldChangedQueue.length){var e=w(r.$$fieldChangedQueue);r.$$fieldChangedQueue.length=0;var t={};var n={};var a=r.$$registers;var i=false;e.forEach((function(e){if(!(e.name in a)){delete e.$newValue}if(e.$newValue!==e.$prevValue){if("$newValue"in e&&"$prevValue"in e){var o=r.$$getRegister(e.name);if(o){o.$$triggerChange(e)}}"$newValue"in e&&yr(t,e.name,e.$newValue);"$prevValue"in e&&yr(n,e.name,e.$prevValue);i=true}}));if(i){if(or(r.props.$validator)){r.$$formValidate()}if(or(r.props.$onFormChange)){r.props.$onFormChange(r.$formutil,t,n)}}}};r.createDeepRegisters=function(){return r.$$deepRegisters=r.$$deepParseObject(r.$$registers)};r.$$getRegister=function(e){if(e){var t=r.$$registers[e]||yr(r.$$deepRegisters,e);if(t){return t}}};r.$$formValidate=function(){return r.$$formValidatePromise=new Promise((function(e){var t=r.props.$validator;var n;var a;var i;var o;var u=t(r.$formutil.$params,r.$formutil);var s=function r(t){return e(dr(i,t))};if(sr(u)){if(!r.$$formPending){r.$$formPending=true;r.$render()}a=function e(r){return n=r(s)};o=u.then((function(){return void 0}),(function(e){return e})).then((function(e){if(n){return n}r.$shouldCancelPrevAsyncValidate=null;r.$$formPending=false;return r.$$setFormErrors(e,s)}))}else{if(r.$$formPending){r.$$formPending=false}o=r.$$setFormErrors(u,s)}if(r.$shouldCancelPrevAsyncValidate){r.$shouldCancelPrevAsyncValidate((function(e){i=e;return o}))}r.$shouldCancelPrevAsyncValidate=a}))};r.$$setFormErrors=function(e,t){if(e&&(e instanceof Error||typeof e!=="object")){return r.$render(t)}return r.$$setStates(e||{},(function(e,r){var t=r.$getState(),n=t.$error,a=n===void 0?{}:n;if(e){return{$error:f(f({},a),{},o({},kr,e))}}if(a[kr]){delete a[kr];return{$error:a}}}),t,true)};r.$getField=function(e){var t=r.$$getRegister(e);if(t){var n;return(n=t.$new)===null||n===void 0?void 0:n.call(t)}};r.$$onChange=function(e,t,n){return r.$setStates(o({},e,t),n)};r.$$setStates=function(){var e=arguments.length>0&&arguments[0]!==undefined?arguments[0]:{};var n=arguments.length>1?arguments[1]:undefined;var a=arguments.length>2?arguments[2]:undefined;var i=arguments.length>3?arguments[3]:undefined;var o=r.$$deepParseObject(e);var u=[];Cr(r.$$registers,(function(e,t){var a=gr(o,t);if(i||a){var s=e.$getState();var f=e&&n(a&&a.data,e);if(f){var l=e.$$merge(f),c=l.$value;u.push([e,f]);if("$value"in f||"$viewValue"in f){var $=wr(r.$$fieldChangedQueue,(function(e){return e.name===t}));if($){$.$newValue=c}else{r.$$fieldChangedQueue.push({name:t,$newValue:c,$prevValue:s.$value})}}r.$$formShouldUpdateFields[t]=true}}}));return t.unstable_batchedUpdates((function(){u.forEach((function(e){var r=E(e,2),t=r[0],n=r[1];return t.$$detectChange(n)}));return r.$render(a)}))};r.$render=function(e){return new Promise((function(t){return r.forceUpdate((function(){return t(dr(e,r.$formutil))}))}))};r.$validates=function(){var e;for(var t=arguments.length,n=new Array(t),a=0;a<t;a++){n[a]=arguments[a]}if(or(n[n.length-1])){e=n.pop()}if(n.length){var i=function e(t){t.forEach((function(t){if(Array.isArray(t)){e(t)}else{var n=r.$getField(t);if(n){n.$validate()}}}))};i(n)}else{Cr(r.$$registers,(function(e){return e.$validate()}));if(or(r.props.$validator)){r.$$formValidate()}}return r.$onValidates(e)};r.$onValidates=function(e){var t=Object.keys(r.$$registers).map((function(e){return r.$$registers[e].$onValidate()}));t.push(r.$$formValidatePromise);return Promise.all(t).then((function(){return dr(e,r.$formutil)}))};r.$validate=function(e,t){var n=r.$getField(e);if(n){return n.$validate(t)}return dr(t)};r.$reset=function(e,t){r.$$defaultInitialize();if(or(e)){t=e;e={}}return r.$$setStates(e,(function(e,r){return r.$$reset(e)}),t,true)};r.$setStates=function(e,t){return r.$$setStates(e,(function(e){return e}),t)};r.$setValues=function(e,t){r.$$deepParseObject($r(e),r.$$defaultValues);Fr(r.$$defaultValues);return r.$$setStates(e,(function(e){return{$value:e}}),t)};r.$setFocuses=function(e,t){return r.$$setStates(e,(function(e){return{$focused:e}}),t)};r.$setDirts=function(e,t){return r.$$setStates(e,(function(e){return{$dirty:e}}),t)};r.$setTouches=function(e,t){return r.$$setStates(e,(function(e){return{$touched:e}}),t)};r.$setPendings=function(e,t){return r.$$setStates(e,(function(e){return{$pending:e}}),t)};r.$setErrors=function(e,t){return r.$$setStates(e,(function(e){return{$error:e}}),t)};r.$batchState=function(e,t){return r.$setStates(Sr(r.$$registers,(function(){return e})),t)};r.$batchDirty=function(e,t){return r.$batchState({$dirty:e},t)};r.$batchTouched=function(e,t){return r.$batchState({$touched:e},t)};r.$batchFocused=function(e,t){return r.$batchState({$focused:e},t)};r.$batchPending=function(e,t){return r.$batchState({$pending:e},t)};r.$batchError=function(e,t){return r.$batchState({$error:e},t)};r.$getFirstError=function(e){var t=r.$formutil;if(e){var n=t.$getField(e);return n&&n.$getFirstError()}for(var a in t.$weakErrors){if(t.$weakErrors.hasOwnProperty(a)){var i=t.$weakErrors[a];for(var o in i){if(i.hasOwnProperty(o)){return i[o]instanceof Error?i[o].message:i[o]}}}}};r.$new=function(){return r.$formutil};r.$$defaultInitialize();return r}A(i,[{key:"$$deepParseObject",value:function e(r){var t=arguments.length>1&&arguments[1]!==undefined?arguments[1]:{};Cr(r,(function(e,r){return yr(t,r,e)}));return t}},{key:"$$resetFormUpdateFields",value:function e(){this.$$formShouldUpdateFields={};this.$$formShouldUpdateAll=false}},{key:"componentDidMount",value:function e(){br(this.props.$ref,this.$formutil)}},{key:"componentDidUpdate",value:function e(r){br(this.props.$ref,this.$formutil);this.$$triggerFormChange()}},{key:"componentWillUnmount",value:function e(){br(this.props.$ref,null)}},{key:"_render",value:function e(){var t=this.$formutil;var n=this.props,a=n.children,i=n.render,o=n.component;if(o){return r.createElement(o,{$formutil:t})}if(or(i)){return i(t)}if(or(a)){return a(t)}return r.Children.map(a,(function(e){return e&&cr(e.type)?r.cloneElement(e,{$formutil:t}):e}))}},{key:"render",value:function e(){var r=this;var t=this.props.$processer;var n=Object.keys(this.$$registers).map((function(e){return{path:e,$state:r.$$registers[e].$getState()}}));var i=this.$$formShouldUpdateAll;var o=this.$formutil||{};var u=n.some((function(e){var r=e.$state;return r.$invalid}));var s=n.some((function(e){var r=e.$state;return r.$dirty}));var l=n.some((function(e){var r=e.$state;return r.$touched}));var c=n.some((function(e){var r=e.$state;return r.$focused}));var $=this.$$formPending||n.some((function(e){var r=e.$state;return r.$pending}));var d=i?{}:f({},o.$pureParams);var v=i?{}:f({},o.$states);var p=i?{}:f({},o.$errors);var h=i?{}:f({},o.$dirts);var m=i?{}:f({},o.$touches);var y=i?{}:f({},o.$focuses);var g=i?{}:f({},o.$pendings);var b=i?{}:f({},o.$weakStates);var w=i?{}:f({},o.$weakParams);var S=i?{}:f({},o.$weakErrors);var C=i?{}:f({},o.$weakDirts);var P=i?{}:f({},o.$weakFocuses);var F=i?{}:f({},o.$weakTouches);var V=i?{}:f({},o.$weakPendings);for(var O=0,k=n.length;O<k;O++){var E=n[O],_=E.$state,j=E.path;if(!i){if(!this.$$formShouldUpdateFields[j]){continue}}if(t){t(_,j)}if(j in w&&_.$pristine&&ir(_.$value)){delete w[j];Vr(d,j)}else if(w[j]!==_.$value){w[j]=_.$value;yr(d,j,_.$value)}yr(v,j,_);b[j]=_;if(S[j]!==_.$error){if(_.$invalid){yr(p,j,_.$error);S[j]=_.$error}else if(j in S){Vr(p,j);delete S[j]}}if(C[j]!==_.$dirty){yr(h,j,_.$dirty);C[j]=_.$dirty}if(F[j]!==_.$touched){yr(m,j,_.$touched);F[j]=_.$touched}if(P[j]!==_.$focused){yr(y,j,_.$focused);P[j]=_.$focused}if(V[j]!==_.$pending){yr(g,j,_.$pending);V[j]=_.$pending}}this.$formutil={$$registers:f({},this.$$registers),$$deepRegisters:this.$$deepRegisters,$states:v,$pureParams:d,$params:f(f({},this.$$defaultValues),d),$errors:p,$dirts:h,$touches:m,$focuses:y,$pendings:g,$weakStates:b,$weakParams:w,$weakErrors:S,$weakDirts:C,$weakTouches:F,$weakFocuses:P,$weakPendings:V,$getFirstError:this.$getFirstError,$render:this.$render,$getField:this.$getField,$onValidates:this.$onValidates,$new:this.$new,$setStates:this.$setStates,$setValues:this.$setValues,$setErrors:this.$setErrors,$setTouches:this.$setTouches,$setDirts:this.$setDirts,$setFocuses:this.$setFocuses,$setPendings:this.$setPendings,$batchState:this.$batchState,$batchTouched:this.$batchTouched,$batchDirty:this.$batchDirty,$batchFocused:this.$batchFocused,$batchPending:this.$batchPending,$reset:this.$reset,$validates:this.$validates,$validate:this.$validate,$valid:!u,$invalid:u,$dirty:s,$pristine:!s,$touched:l,$untouched:!l,$focused:c,$pending:$};this.$$resetFormUpdateFields();return a["default"].createElement(J.Provider,{value:this.getFormContext},this._render())}}]);return i}(r.Component);jr.displayName="React.Formutil.Form";jr.defaultProps={$defaultValues:{},$defaultStates:{}};function xr(e,r){if(e==null)return{};var t={};var n=Object.keys(e);var a,i;for(i=0;i<n.length;i++){a=n[i];if(r.indexOf(a)>=0)continue;t[a]=e[a]}return t}var Rr=xr;function Ar(e,r){if(e==null)return{};var t=Rr(e,r);var n,a;if(Object.getOwnPropertySymbols){var i=Object.getOwnPropertySymbols(e);for(a=0;a<i.length;a++){n=i[a];if(r.indexOf(n)>=0)continue;if(!Object.prototype.propertyIsEnumerable.call(e,n))continue;t[n]=e[n]}}return t}var Dr=Ar;var Nr="function"===typeof Symbol&&Symbol.for,Ur=Nr?Symbol.for("react.element"):60103,Mr=Nr?Symbol.for("react.portal"):60106,Tr=Nr?Symbol.for("react.fragment"):60107,Ir=Nr?Symbol.for("react.strict_mode"):60108,Lr=Nr?Symbol.for("react.profiler"):60114,Hr=Nr?Symbol.for("react.provider"):60109,zr=Nr?Symbol.for("react.context"):60110,Br=Nr?Symbol.for("react.async_mode"):60111,Qr=Nr?Symbol.for("react.concurrent_mode"):60111,qr=Nr?Symbol.for("react.forward_ref"):60112,Gr=Nr?Symbol.for("react.suspense"):60113,Kr=Nr?Symbol.for("react.suspense_list"):60120,Yr=Nr?Symbol.for("react.memo"):60115,Wr=Nr?Symbol.for("react.lazy"):60116,Jr=Nr?Symbol.for("react.block"):60121,Xr=Nr?Symbol.for("react.fundamental"):60117,Zr=Nr?Symbol.for("react.responder"):60118,et=Nr?Symbol.for("react.scope"):60119;function rt(e){if("object"===typeof e&&null!==e){var r=e.$$typeof;switch(r){case Ur:switch(e=e.type,e){case Br:case Qr:case Tr:case Lr:case Ir:case Gr:return e;default:switch(e=e&&e.$$typeof,e){case zr:case qr:case Wr:case Yr:case Hr:return e;default:return r}}case Mr:return r}}}function tt(e){return rt(e)===Qr}var nt=Br;var at=Qr;var it=zr;var ot=Hr;var ut=Ur;var st=qr;var ft=Tr;var lt=Wr;var ct=Yr;var $t=Mr;var dt=Lr;var vt=Ir;var pt=Gr;var ht=function(e){return tt(e)||rt(e)===Br};var mt=tt;var yt=function(e){return rt(e)===zr};var gt=function(e){return rt(e)===Hr};var bt=function(e){return"object"===typeof e&&null!==e&&e.$$typeof===Ur};var wt=function(e){return rt(e)===qr};var St=function(e){return rt(e)===Tr};var Ct=function(e){return rt(e)===Wr};var Pt=function(e){return rt(e)===Yr};var Ft=function(e){return rt(e)===Mr};var Vt=function(e){return rt(e)===Lr};var Ot=function(e){return rt(e)===Ir};var kt=function(e){return rt(e)===Gr};var Et=function(e){return"string"===typeof e||"function"===typeof e||e===Tr||e===Qr||e===Lr||e===Ir||e===Gr||e===Kr||"object"===typeof e&&null!==e&&(e.$$typeof===Wr||e.$$typeof===Yr||e.$$typeof===Hr||e.$$typeof===zr||e.$$typeof===qr||e.$$typeof===Xr||e.$$typeof===Zr||e.$$typeof===et||e.$$typeof===Jr)};var _t=rt;var jt={AsyncMode:nt,ConcurrentMode:at,ContextConsumer:it,ContextProvider:ot,Element:ut,ForwardRef:st,Fragment:ft,Lazy:lt,Memo:ct,Portal:$t,Profiler:dt,StrictMode:vt,Suspense:pt,isAsyncMode:ht,isConcurrentMode:mt,isContextConsumer:yt,isContextProvider:gt,isElement:bt,isForwardRef:wt,isFragment:St,isLazy:Ct,isMemo:Pt,isPortal:Ft,isProfiler:Vt,isStrictMode:Ot,isSuspense:kt,isValidElementType:Et,typeOf:_t};var xt=U((function(e){{e.exports=jt}}));var Rt={childContextTypes:true,contextType:true,contextTypes:true,defaultProps:true,displayName:true,getDefaultProps:true,getDerivedStateFromError:true,getDerivedStateFromProps:true,mixins:true,propTypes:true,type:true};var At={name:true,length:true,prototype:true,caller:true,callee:true,arguments:true,arity:true};var Dt={$$typeof:true,render:true,defaultProps:true,displayName:true,propTypes:true};var Nt={$$typeof:true,compare:true,defaultProps:true,displayName:true,propTypes:true,type:true};var Ut={};Ut[xt.ForwardRef]=Dt;Ut[xt.Memo]=Nt;function Mt(e){if(xt.isMemo(e)){return Nt}return Ut[e["$$typeof"]]||Rt}var Tt=Object.defineProperty;var It=Object.getOwnPropertyNames;var Lt=Object.getOwnPropertySymbols;var Ht=Object.getOwnPropertyDescriptor;var zt=Object.getPrototypeOf;var Bt=Object.prototype;function Qt(e,r,t){if(typeof r!=="string"){if(Bt){var n=zt(r);if(n&&n!==Bt){Qt(e,n,t)}}var a=It(r);if(Lt){a=a.concat(Lt(r))}var i=Mt(e);var o=Mt(r);for(var u=0;u<a.length;++u){var s=a[u];if(!At[s]&&!(t&&t[s])&&!(o&&o[s])&&!(i&&i[s])){var f=Ht(r,s);try{Tt(e,s,f)}catch(e){}}}}return e}var qt=Qt;var Gt=["render","component","children","$defaultValues","$defaultStates","$onFormChange","$validator","$processer","$ref"];function Kt(e){var t=arguments.length>1&&arguments[1]!==undefined?arguments[1]:{};var n=function(r){I(i,r);var n=K(i);function i(){var r;j(this,i);for(var t=arguments.length,o=new Array(t),u=0;u<t;u++){o[u]=arguments[u]}r=n.call.apply(n,[this].concat(o));r.renderChildren=function(t){return a["default"].createElement(e,Object.assign({},r.othersProps,{$formutil:t,ref:r.props.__forwardRef__}))};return r}A(i,[{key:"render",value:function e(){var r=this.props,n=r.__forwardRef__,i=Dr(r,["__forwardRef__"]);var o=this.props,u=o.component,s=Dr(o,["component"]);Gt.forEach((function(e){if(e in i){if(e==="$defaultStates"||e==="$defaultValues"){s[e]=f(f({},t[e]),i[e])}delete i[e]}}));this.othersProps=i;return a["default"].createElement(jr,Object.assign({},t,s,{render:this.renderChildren}))}}]);return i}(r.Component);n.displayName="React.Formutil.withForm."+(e.displayName||e.name||"Anonymous");var i=r.forwardRef((function(e,r){return a["default"].createElement(n,Object.assign({__forwardRef__:r},e))}));i.displayName="React.Formutil.withForm.ForwardRef."+(e.displayName||e.name||"Anonymous");return qt(i,e)}var Yt=vr(Kt);var Wt=typeof Element!=="undefined";var Jt=typeof Map==="function";var Xt=typeof Set==="function";var Zt=typeof ArrayBuffer==="function"&&!!ArrayBuffer.isView;function en(e,r){if(e===r)return true;if(e&&r&&typeof e=="object"&&typeof r=="object"){if(e.constructor!==r.constructor)return false;var t,n,a;if(Array.isArray(e)){t=e.length;if(t!=r.length)return false;for(n=t;n--!==0;)if(!en(e[n],r[n]))return false;return true}var i;if(Jt&&e instanceof Map&&r instanceof Map){if(e.size!==r.size)return false;i=e.entries();while(!(n=i.next()).done)if(!r.has(n.value[0]))return false;i=e.entries();while(!(n=i.next()).done)if(!en(n.value[1],r.get(n.value[0])))return false;return true}if(Xt&&e instanceof Set&&r instanceof Set){if(e.size!==r.size)return false;i=e.entries();while(!(n=i.next()).done)if(!r.has(n.value[0]))return false;return true}if(Zt&&ArrayBuffer.isView(e)&&ArrayBuffer.isView(r)){t=e.length;if(t!=r.length)return false;for(n=t;n--!==0;)if(e[n]!==r[n])return false;return true}if(e.constructor===RegExp)return e.source===r.source&&e.flags===r.flags;if(e.valueOf!==Object.prototype.valueOf)return e.valueOf()===r.valueOf();if(e.toString!==Object.prototype.toString)return e.toString()===r.toString();a=Object.keys(e);t=a.length;if(t!==Object.keys(r).length)return false;for(n=t;n--!==0;)if(!Object.prototype.hasOwnProperty.call(r,a[n]))return false;if(Wt&&e instanceof Element)return false;for(n=t;n--!==0;){if((a[n]==="_owner"||a[n]==="__v"||a[n]==="__o")&&e.$$typeof){continue}if(!en(e[a[n]],r[a[n]]))return false}return true}return e!==e&&r!==r}var rn=function e(r,t){try{return en(r,t)}catch(e){if((e.message||"").match(/stack|recursion/i)){console.warn("react-fast-compare cannot handle circular refs");return false}throw e}};var tn=0;var nn={$valid:true,$invalid:false,$dirty:false,$pristine:true,$touched:false,$untouched:true,$focused:false,$pending:false,$error:{}};function an(e){return e!==true}function on(e,r,t){}var un="React.Formutil.Field";function sn(){return tn++}function fn(e,t){var n=t.children,a=t.render,i=t.component;if(i){return r.createElement(i,{$fieldutil:e})}if(or(a)){return a(e)}if(or(n)){return n(e)}return r.Children.map(n,(function(t){return t&&cr(t.type)?r.cloneElement(t,{$fieldutil:e}):t}))}function ln(e,r){var t={$$FIELD_UUID:e.$$FIELD_UUID,$$reset:u,$$merge:b,$$detectChange:a,$$triggerChange:i,$onValidate:o,$new:function r(){return e.$fieldutil},$picker:s,$getState:s,$getComponent:function e(){return r},$reset:function r(t,n){return e.$setState(u(t),n)},$getFirstError:g,$validate:l,$setState:e.$setState,$render:c,$setValue:$,$setTouched:d,$setDirty:v,$setFocused:p,$setValidity:m,$setError:h,$setPending:y};var n;function a(e){if("$value"in e||"$viewValue"in e){l()}}function i(r){var t=r.$newValue,n=r.$prevValue;var a=e.props.$onFieldChange;if(or(a)){a(t,n,e.$formContext.$formutil)}}function o(e){n.then(e);return n}function u(r){var t;var n=e.props,a=e.$formContext;if(a.$$getDefault){var i=n.name;var o=a.$$getDefault(),u=o.$$defaultStates,s=o.$$defaultValues;if(i&&s){var l=yr(s,i);t=yr(u,i)||{};if(!ir(l)){t.$value=l}}}var c=n.$defaultValue,$=n.$defaultState;return b(f(f(f(f({},nn),or($)?$(n):$),{},{$value:or(c)?c(n):"$defaultValue"in n?c:""},t),r))}function s(){return f({},e.$state)}function l(r){return n=new Promise((function(t){var n=e.props,a=e.$formContext;var i=f(f({},n.$validators),n.$asyncValidators);var o=e.$state,u=o.$value,s=o.$pending,l=Object.assign({},o.$error);var c=a.$formutil;var $={};var d=false;var v;var p;var g;var b;delete l[kr];var w=Object.keys(i).reduce((function(r,t){delete l[t];if(!d&&n[t]!=null){var a=i[t](u,n[t],f(f({},n),{},{$formutil:c,$fieldutil:e.$fieldutil,$validError:$}));if(sr(a)){r.push(a.catch((function(e){if(!v){m(t,e||t)}})))}else if(an(a)){$[t]=a||t;on(a,t,n.name);if(n.$validateLazy){d=true}}}return r}),[]);var S=function e(n){return t(dr(r,dr(g,n)))};if(w.length){if(!s){y(true)}p=function e(r){return v=r(S)};w.push(h(f(f({},l),$)));b=Promise.all(w).then((function(){if(v){return v}e.$shouldCancelPrevAsyncValidate=null;return y(false,S)}))}else{if(s){y(false)}b=h(f(f({},l),$),S)}if(e.$shouldCancelPrevAsyncValidate){e.$shouldCancelPrevAsyncValidate((function(e){g=e;return b}))}e.$shouldCancelPrevAsyncValidate=p}))}function c(r,t){return e.$setState({$viewValue:r,$dirty:true},t)}function $(r,t){return e.$setState({$value:r},t)}function d(r,t){return e.$setState({$touched:r},t)}function v(r,t){return e.$setState({$dirty:r},t)}function p(r,t){return e.$setState({$focused:r},t)}function h(r,t){return e.$setState({$error:r},t)}function m(r){var t=arguments.length>1&&arguments[1]!==undefined?arguments[1]:true;var n=arguments.length>2?arguments[2]:undefined;var a=Object.assign({},e.$state.$error);if(an(t)){a[r]=t||r;on(t,r,e.props.name)}else{delete a[r]}return h(a,n)}function y(r,t){return e.$setState({$pending:r},t)}function g(){var r=e.$state.$error,t=r===void 0?{}:r;for(var n in t){if(t.hasOwnProperty(n)){return t[n]instanceof Error?t[n].message:t[n]}}}function b(r){var t=Object.assign({},r);if("$error"in t){if(!t.$error){t.$error={}}t.$valid=Object.keys(t.$error).length===0}var n=e.props,a=n.$parser,i=n.$formatter;if("$viewValue"in t&&!("$value"in t)){var o=function e(r){return t.$viewValue=r};t.$value=a?a(t.$viewValue,o):t.$viewValue}else if("$value"in t&&!("$viewValue"in t)){var u=function e(r){return t.$value=r};t.$viewValue=i?i(t.$value,u):t.$value}if("$valid"in t){t.$invalid=!t.$valid}else if("$invalid"in t){t.$dirty=!t.$invalid}if("$dirty"in t){t.$pristine=!t.$dirty}else if("$pristine"in t){t.$dirty=!t.$pristine}if("$touched"in t){t.$untouched=!t.$touched}else if("$untouched"in t){t.$touched=!t.$untouched}e.$state=f(f({},e.$state),t);return s()}return t}var cn=function(e){I(t,e);var r=K(t);function t(){var e;j(this,t);for(var n=arguments.length,a=new Array(n),i=0;i<n;i++){a[i]=arguments[i]}e=r.call.apply(r,[this].concat(a));e.$$FIELD_UUID=sn();e.$formContext=void 0;e.$state=void 0;e.shouldRendered=false;e.$setState=function(r,t){return new Promise((function(n){var a=function r(){return n(dr(t,e.$fieldutil))};if(e.isMounting){var i=e.props.name;if(i in(e.$formContext.$$registers||{})){e.shouldRendered=false;e.$formContext.$$onChange(i,r,a);if(!e.shouldRendered){e.forceUpdate()}}else{e.$registered.$$merge(r);e.$registered.$$detectChange(r);e.forceUpdate(a)}}else{e.$registered.$$merge(r);a()}}))};return e}A(t,[{key:"componentDidMount",value:function e(){this.isMounting=true;var r=this.props.name,t=this.$formContext;W(!r||t.$formutil);if(t.$$register){t.$$register(r,this.$fieldHandler)}this.$prevState=this.$state;br(this.props.$ref,this.$fieldutil)}},{key:"componentWillUnmount",value:function e(){if(this.$formContext.$$unregister){this.$formContext.$$unregister(this.props.name,this.$fieldHandler,this.props.$reserveOnUnmount)}this.isMounting=false;br(this.props.$ref,null)}},{key:"componentDidUpdate",value:function e(r){var t=this.props.name;if(t!==r.name){if(this.$formContext.$$register){this.$formContext.$$register(t,this.$fieldHandler,r.name)}}br(this.props.$ref,this.$fieldutil);if(this.$state.$value!==this.$prevState.$value){if(!(t in(this.$formContext.$$registers||{}))){this.$registered.$$triggerChange({$newValue:this.$state.$value,$prevValue:this.$prevState.$value})}}this.$prevState=this.$state}},{key:"shouldComponentUpdate",value:function e(r){var t=r.$memo;return!t||!Or(this.$registered.$getState(),this.$prevState)||!(Array.isArray(t)?rn(t,this.props.$memo):rn(this.props,r))}},{key:"_render",value:function e(){var r=this.$fieldutil=f(f(f({$name:this.props.name},this.$registered.$getState()),this.$registered),{},{$$formutil:this.$formContext.$formutil});return fn(r,this.props)}},{key:"render",value:function e(){var r=this;this.shouldRendered=true;return a["default"].createElement(J.Consumer,null,(function(e){var t=!r.$formContext;r.$formContext=e();if(!r.$fieldHandler){r.$fieldHandler=ln(r,r)}r.$registered=(r.$formContext.$$registers||{})[r.$fieldHandler.$name]||r.$fieldHandler;if(t){r.$fieldHandler.$$reset();r.$fieldHandler.$validate()}return r._render()}))}}]);return t}(r.Component);cn.displayName=un;var $n=["name","$defaultValue","$defaultState","$onFieldChange","$validators","$asyncValidators","$validateLazy","$memo","$reserveOnUnmount","$ref","$parser","$formatter","render","component","children"];function dn(e){var t=arguments.length>1&&arguments[1]!==undefined?arguments[1]:{};var n=function(r){I(i,r);var n=K(i);function i(){var r;j(this,i);for(var t=arguments.length,o=new Array(t),u=0;u<t;u++){o[u]=arguments[u]}r=n.call.apply(n,[this].concat(o));r.renderChildren=function(t){return a["default"].createElement(e,Object.assign({},r.othersProps,{$fieldutil:t,ref:r.props.__forwardRef__}))};return r}A(i,[{key:"render",value:function e(){var r=this.props,n=r.__forwardRef__,i=Dr(r,["__forwardRef__"]);var o=this.props,u=o.component,s=Dr(o,["component"]);$n.concat(Object.keys(f(f(f(f({},t.$validators),t.$asyncValidators),i.$validators),i.$asyncValidators))).forEach((function(e){if(e in i){if(e==="$validators"||e==="$asyncValidators"||e==="$defaultState"){s[e]=f(f({},t[e]),i[e])}delete i[e]}}));this.othersProps=i;return a["default"].createElement(cn,Object.assign({},t,s,{render:this.renderChildren}))}}]);return i}(r.Component);n.displayName="React.Formutil.withField."+(e.displayName||e.name||"Anonymous");var i=r.forwardRef((function(e,r){return a["default"].createElement(n,Object.assign({__forwardRef__:r},e))}));i.displayName="React.Formutil.withField.ForwardRef."+(e.displayName||e.name||"Anonymous");return qt(i,e)}var vn=vr(dn);var pn=function(e){I(t,e);var r=K(t);function t(){j(this,t);return r.apply(this,arguments)}A(t,[{key:"render",value:function e(){var r=this;var t=this.props,n=t.$fieldutil,i=t.value,o=t.onChange,u=t.onFocus,s=t.onBlur,f=t.checked,l=t.unchecked,c=Dr(t,["$fieldutil","value","onChange","onFocus","onBlur","checked","unchecked"]);var $=this.props.type;var d={value:"compositionValue"in this?this.compositionValue:i,onCompositionEnd:function e(t){r.isComposing=false;delete r.compositionValue;d.onChange(t)},onCompositionStart:function e(){return r.isComposing=true},onChange:function e(t){var n=t.target.value;if(r.isComposing){r.compositionValue=n;r.forceUpdate()}else{o(n,t)}},onFocus:u,onBlur:function e(t){if(r.isComposing){r.isComposing=false;delete r.compositionValue;d.onChange(t)}return s(t)}};var v="input";switch($){case"select":v=$;d.onChange=function(e){var r=e.target;var t=r.multiple?[].slice.call(r.options).filter((function(e){return e.selected})).map((function(e){return e.value})):r.value;o(t,e)};delete c.type;break;case"textarea":v=$;delete c.type;break;case"checkbox":case"radio":d={checked:i===f,onChange:function e(r){o(r.target.checked?f:l,r)},onFocus:u,onBlur:s};break}return a["default"].createElement(v,Object.assign({},c,d))}}]);return t}(r.Component);pn.displayName="React.Formutil.EasyField.Native";pn.defaultProps={value:"",type:"text",checked:true,unchecked:false};var hn=r.createContext((function(){return{}})),mn=hn.Provider,yn=hn.Consumer;var gn=function(e){I(n,e);var t=K(n);function n(){var e;j(this,n);for(var r=arguments.length,a=new Array(r),i=0;i<r;i++){a[i]=arguments[i]}e=t.call.apply(t,[this].concat(a));e.getGroupContext=function(){return e.props};return e}A(n,[{key:"_render",value:function e(){var t=this.props,n=t.className,i=t.groupNode,o=t.children;var u={GroupOption:bn,Field:wn};var s=or(o)?o(u):r.Children.map(o,(function(e){return r.cloneElement(e,u)}));if(i===null){return s}return a["default"].createElement(i,{className:n},s)}},{key:"render",value:function e(){return a["default"].createElement(mn,{value:this.getGroupContext},this._render())}}]);return n}(r.Component);gn.displayName="React.Formutil.EasyField.Group";gn.defaultProps={type:"checkbox",groupNode:"div"};var bn=function(e){I(t,e);var r=K(t);function t(){j(this,t);return r.apply(this,arguments)}A(t,[{key:"componentDidMount",value:function e(){W("$value"in this.props)}},{key:"render",value:function e(){var r=this.props,t=r.$value,n=r.onChange,i=r.onFocus,o=r.onBlur,u=Dr(r,["$value","onChange","onFocus","onBlur"]);return a["default"].createElement(yn,null,(function(e){var r=e();var s=r.type,f=r.name;var l=s==="radio"?{checked:r.value===t,onChange:function e(a){r.onChange(t,a);n&&n(a)}}:s==="checkbox"?{checked:r.value.indexOf(t)>-1,onChange:function e(a){r.onChange(a.target.checked?r.value.concat(t):r.value.filter((function(e){return e!==t})),a);n&&n(a)}}:{value:r.value,onChange:function e(t){r.onChange(t);n&&n(t)}};return a["default"].createElement("input",Object.assign({name:f},u,l,{type:s,onFocus:function e(t){r.onFocus(t);i&&i(t)},onBlur:function e(t){r.onBlur(t);o&&o(t)}}))}))}}]);return t}(r.Component);bn.displayName="React.Formutil.EasyField.Group.Option";var wn=function(e){I(t,e);var r=K(t);function t(){j(this,t);return r.apply(this,arguments)}A(t,[{key:"componentDidMount",value:function e(){}},{key:"render",value:function e(){return a["default"].createElement(bn,this.props)}}]);return t}(r.Component);wn.displayName="React.Formutil.EasyField.Group.Option.Deprecated";var Sn=a["default"].Frament||"div";var Cn=function(e){I(t,e);var r=K(t);function t(e){var n;j(this,t);n=r.call(this,e);n.id=0;n.latestValue=n.props.value;n.$formutil=void 0;n.FieldValidators={required:function e(r){return r!==null}};n.$onFormChange=function(e){e.$onValidates((function(e){var r=e.$invalid,t=e.$params;if(r){if(n.props.value.length){n.props.onChange(n.latestValue=[])}}else if(!rn(n.props.value,t.list)){n.props.onChange(n.latestValue=t.list)}}))};n.swap=function(e,r,t){return n.$setState((function(t){var n=t.items;var a=[n[e],n[r]];n[r]=a[0];n[e]=a[1];return n}),t)};n.insert=function(){var e,r,t;for(var a=arguments.length,i=new Array(a),o=0;o<a;o++){i[o]=arguments[o]}i.forEach((function(n){if(or(n)){t=n}else if(typeof n==="number"){e=n}else if(typeof n==="object"){r=n}}));return n.$setState((function(t){var a=t.items;if(ir(e)){a.push(n.getId(r))}else{a.splice(e,0,n.getId(r))}return{items:a}}),t)};n.remove=function(){var e,r;for(var t=arguments.length,a=new Array(t),i=0;i<t;i++){a[i]=arguments[i]}a.forEach((function(t){if(or(t)){r=t}else if(typeof t==="number"){e=t}}));return n.$setState((function(r){var t=r.items;if(ir(e)){t.pop()}else{t.splice(e,1)}if(!t.length){t=[n.getId()]}return{items:t}}),r)};n.$setState=function(e,r){return new Promise((function(t){return n.setState(e,(function(){return n.$formutil.$onValidates((function(e){return t(dr(r,e))}))}))}))};n.state={items:e.value.length?e.value.map((function(){return n.getId()})):[n.getId()],formKey:0};return n}A(t,[{key:"componentDidUpdate",value:function e(r){var t=this;if(this.props.value!==this.latestValue){this.setState({items:this.props.value.length?this.props.value.map((function(){return t.getId()})):[this.getId()],formKey:this.state.formKey+1});this.latestValue=this.props.value}}},{key:"getId",value:function e(r){return{id:this.id++,values:r}}},{key:"render",value:function e(){var r=this;var t=this.props,n=t.children,i=t.onFocus,o=t.onBlur,u=t.value;var s=this;if(!or(n)){return null}var l={$insert:this.insert,$remove:this.remove,$swap:this.swap,$push:function e(t,n){return r.insert(t,n)},$pop:function e(t){return r.remove(t)},$shift:function e(t){return r.remove(0,t)},$unshift:function e(t,n){return r.insert(0,t,n)},onFocus:i,onBlur:o};return a["default"].createElement(jr,{key:this.state.formKey,$defaultValues:{list:u},$onFormChange:this.$onFormChange,children:function e(t){r.$formutil=t;return a["default"].createElement(Sn,null,r.state.items.map((function(e,i){var o=e.id,u=e.values;return a["default"].createElement(cn,{key:o,required:true,$defaultValue:u||null,$validators:r.FieldValidators,name:"list[".concat(i,"]"),children:function e(o){return a["default"].createElement(jr,{$defaultValues:o.$value||{},$onFormChange:function e(r){return r.$onValidates((function(e){var r=e.$invalid,t=e.$params;if(r){if(o.$viewValue!==null){o.$render(null)}}else if(!rn(o.$viewValue,t)){o.$render(t)}}))},children:function e(a){return n(f(f({get $length(){return s.state.items.length},$index:i,$isLast:function e(){return i===r.state.items.length-1},$isFirst:function e(){return i===0}},l),a),t)}})}})})))}})}}]);return t}(r.Component);Cn.displayName="React.Formutil.EasyField.List";var Pn="__TYPE__";var Fn=[["required",function(e,r,t){var n=t.__TYPE__,a=t.checked,i=a===void 0?true:a;return r===false||(n==="checked"?e===i:!ur(e))}],["maxLength",function(e,r){return ur(e)||e.length<=r*1}],["minLength",function(e,r){return ur(e)||e.length>=r*1}],["max",function(e,r){return ur(e)||e*1<=r*1}],["min",function(e,r){return ur(e)||e*1>=r*1}],["pattern",function(e,r){return ur(e)||r.test(e)}],["enum",function(e,r){return ur(e)||r.indexOf(e)>-1}],["checker",function(e,r,t){return r(e,t)}]].reduce((function(e,r){var t=E(r,2),n=t[0],a=t[1];e[n]=function e(r,t,i){var o=i.validMessage,u=o===void 0?{}:o;return a.apply(void 0,arguments)||u[n]||"Error input: ".concat(n)};return e}),{});var Vn="React.Formutil.EasyField";var On={validMessage:{},valuePropName:"value",changePropName:"onChange",focusPropName:"onFocus",blurPropName:"onBlur",$parser:function e(r){return typeof r==="string"?r.trim():r}};function kn(e,r,t){var n;var a=r.valuePropName,i=r.changePropName,u=r.focusPropName,s=r.blurPropName,l=r.getValueFromEvent,c=r.passUtil;var $=function e(r){return r&&r.target?r.target[a]:r};var d=f(f({},t),{},(n={},o(n,a,e.$viewValue),o(n,i,(function(t){var n;for(var a=arguments.length,o=new Array(a>1?a-1:0),u=1;u<a;u++){o[u-1]=arguments[u]}if(((n=o[0])===null||n===void 0?void 0:n.nativeEvent)instanceof Event){o.push(t)}else{o.unshift(t)}var s=r[i];s&&s.apply(void 0,o);var f=l?l.apply(void 0,o):$(t);e.$render(f)})),o(n,u,(function(){var t=r[u];t&&t.apply(void 0,arguments);e.$setFocused(true)})),o(n,s,(function(){var t=r[s];t&&t.apply(void 0,arguments);if(e.$untouched){e.$setTouched(true)}e.$setFocused(false)})),n));if(c){d[c===true?"$fieldutil":String(c)]=e}return d}function En(e){var r=e.children,t=e.component,n=e.render,a=Dr(e,["children","component","render"]);var i=a.name,o=a.type,u=a.defaultValue,s=a.valuePropName,l=a.changePropName,c=a.focusPropName,$=a.blurPropName,d=a.getValueFromEvent,v=a.validMessage,p=a.checked,h=a.unchecked,m=a.__TYPE__,y=a.__DIFF__,g=a.passUtil,b=a.$defaultValue,w=a.$defaultState,S=a.$onFieldChange,C=a.$validators,P=a.$asyncValidators,F=a.$validateLazy,V=a.$memo,O=a.$reserveOnUnmount,k=a.$parser,_=a.$formatter,j=a.$ref,x=Dr(a,["name","type","defaultValue","valuePropName","changePropName","focusPropName","blurPropName","getValueFromEvent","validMessage","checked","unchecked","__TYPE__","__DIFF__","passUtil","$defaultValue","$defaultState","$onFieldChange","$validators","$asyncValidators","$validateLazy","$memo","$reserveOnUnmount","$parser","$formatter","$ref"]);var R={children:r,component:t,render:n};if(V===true&&ir(y)){a.__DIFF__=[r,t,n]}var A=!ir(o)||ir(r)&&ir(t)&&ir(n);Object.keys(f(f({},a.$validators=f(f({},Fn),a.$validators)),a.$asyncValidators)).forEach((function(e){if(e in x){if(!A||!hr(e)){delete x[e]}}}));if(A){var D=(o||"").split("."),N=E(D,2),U=N[0],M=U===void 0?"text":U,T=N[1];R.component=M==="group"?gn:M==="list"?Cn:pn;if(i){x.name=i}if(o){x.type=M}if(r){x.children=r}x.checked=p;x.unchecked=h;switch(M){case"select":case"textarea":if(e.multiple){a[Pn]="array"}break;case"group":if(T==="checkbox"){a[Pn]="array"}x.type=T;break;case"checkbox":case"radio":a[Pn]="checked";break;case"list":a[Pn]="array";break}}if(!("$defaultValue"in a)&&"defaultValue"in e){a.$defaultValue=u}if(!("$defaultValue"in a)&&Pn in a){var I;switch(a[Pn]){case"checked":var L=a.unchecked,H=L===void 0?false:L;I=H;break;case"array":I=[];break;case"object":I={};break;case"number":I=0;break}a.$defaultValue=I}return{fieldProps:a,childProps:x,renderProps:R}}function _n(e,t){var n=t.component,a=t.render,i=t.children;if(n){return r.createElement(n,e)}if(or(a)){return a(e)}if(or(i)){return i(e)}return r.Children.map(i,(function(t){return r.cloneElement(t,e)}))}var jn=function(e){I(t,e);var r=K(t);function t(){var e;j(this,t);for(var n=arguments.length,a=new Array(n),i=0;i<n;i++){a[i]=arguments[i]}e=r.call.apply(r,[this].concat(a));e.renderChildren=function(r){var t=e.parsedProps,n=t.fieldProps,a=t.childProps,i=t.renderProps;return _n(kn(r,n,a),i)};e.parsedProps={};return e}A(t,[{key:"render",value:function e(){var r=this.parsedProps=En(this.props),t=r.fieldProps;return a["default"].createElement(cn,Object.assign({},t,{children:this.renderChildren}))}}]);return t}(r.Component);jn.displayName=Vn;jn.defaultProps=On;function xn(e){var t=r.forwardRef((function(r,t){return a["default"].createElement(J.Consumer,null,(function(n){return a["default"].createElement(e,Object.assign({},r,{$formutil:n().$formutil,ref:t}))}))}));t.displayName="React.Formutil.connect."+(e.displayName||e.name||"Anonymous");return qt(t,e)}function Rn(){if(!a["default"].useState){throw new Error("Hooks api need react@>=16.8, Please upgrade your reactjs.")}var e=a["default"].useContext;var r=e(J);return r()}function An(e){var r=arguments.length>1&&arguments[1]!==undefined?arguments[1]:{};if(!a["default"].useState){throw new Error("Hooks api need react@>=16.8, Please upgrade your reactjs.")}var t=a["default"].useState,n=a["default"].useLayoutEffect,i=a["default"].useRef;var o;if(e){if(typeof e==="string"){o=e;r.name=o}else{r=e;o=r.name}}var u=Rn();var s=i({}).current;var l=i([]);var c;s.$formContext=u;s.props=r;s.$setState=p;s.shouldRendered=true;var $=t((function(){s.$$FIELD_UUID=sn();s.$fieldHandler=c=ln(s);s.$fieldHandler.$$reset();s.$fieldHandler.$validate()})),d=E($,2),v=d[1];if(!c){c=(u.$$registers||{})[s.$fieldHandler.$name]||s.$fieldHandler}n((function(){var e=s.$state;if(s.isMounting){if(!(o in(u.$$registers||{}))){c.$$triggerChange({$newValue:e.$value,$prevValue:s.$prevState.$value})}}s.$prevState=e}),[s.$state.$value]);n((function(){s.isMounting=true;W(!o||u.$formutil);return function(){s.isMounting=false;br(r.$ref,null)}}),[]);n((function(){if(u.$$register){u.$$register(o,s.$fieldHandler)}return function(){if(u.$$unregister){u.$$unregister(o,s.$fieldHandler,!s.isMounting&&r.$reserveOnUnmount)}}}),[o]);n((function(){br(r.$ref,s.$fieldutil)}));n((function(){if(l.current.length>0){var e=w(l.current);l.current.length=0;while(e.length){e.pop()(s.$fieldutil)}}}));function p(e,r){return new Promise((function(t){var n=function e(){return t(dr(r,s.$fieldutil))};if(s.isMounting){if(o in(u.$$registers||{})){s.shouldRendered=false;u.$$onChange(o,e,n);if(!s.shouldRendered){v({})}}else{c.$$merge(e);c.$$detectChange(e);v({});l.current.push(n)}}else{c.$$merge(e);n()}}))}return s.$fieldutil=f(f(f({$name:o},c.$getState()),c),{},{$$formutil:u.$formutil})}function Dn(){var e=Rn(),r=e.$formutil;return r}function Nn(e){e=f(f(f({},On),e),{},{children:null});var r=En(e),t=r.fieldProps,n=r.childProps;var a=An(t);return kn(a,t,n)}e.EasyField=jn;e.Field=cn;e.Form=jr;e.connect=xn;e.formContext=J;e.useField=An;e.useForm=Dn;e.useHandler=Nn;e.withField=vn;e.withForm=Yt;Object.defineProperty(e,"__esModule",{value:true})}));
diff --git a/package.json b/package.json
index 401d482..4937c22 100644
--- a/package.json
+++ b/package.json
@@ -1,6 +1,6 @@
 {
   "name": "react-formutil",
-  "version": "1.1.1",
+  "version": "1.1.2",
   "description": "Happy to build the forms in React ^_^",
   "main": "dist/index.cjs.js",
   "module": "dist/index.esm.js",
diff --git a/src/Form.js b/src/Form.js
index 48852d5..34ee23d 100644
--- a/src/Form.js
+++ b/src/Form.js
@@ -366,6 +366,7 @@ class Form extends Component {
             const pathData = utils.pathExist($parsedTree, name);
 
             if (force || pathData) {
+                const $curState = handler.$getState();
                 const $newState = handler && processer(pathData && pathData.data, handler);
 
                 if ($newState) {
@@ -378,11 +379,11 @@ class Form extends Component {
 
                         if (findItem) {
                             findItem.$newValue = $newValue;
-                        } else if (name in this.$formutil.$weakParams) {
+                        } else {
                             this.$$fieldChangedQueue.push({
                                 name,
                                 $newValue,
-                                $prevValue: this.$formutil.$weakParams[name]
+                                $prevValue: $curState.$value
                             });
                         }
                     }