diff --git a/demo/store/mpstore.esm.js b/demo/store/mpstore.esm.js
index e5cb535..da4e556 100644
--- a/demo/store/mpstore.esm.js
+++ b/demo/store/mpstore.esm.js
@@ -1,5 +1,5 @@
 /*!
- * Mpstore.js v0.1.8
+ * Mpstore.js v0.1.9
  * (c) 2019-2019 Imtaotao
  * Released under the MIT License.
  */
@@ -514,7 +514,7 @@ function updateComponents(store, callback) {
     }
   };
 
-  for (var i = 0; i < len; i++) {
+  for (var i = 0; i < depComponents.length; i++) {
     var _depComponents$i = depComponents[i],
         isPage = _depComponents$i.isPage,
         component = _depComponents$i.component,
@@ -816,7 +816,7 @@ function () {
     this.depComponents = [];
     this.GLOBALWORD = 'global';
     this.isDispatching = false;
-    this.version = '0.1.8';
+    this.version = '0.1.9';
     this.state = Object.freeze(createModule({}));
     this.middleware = new Middleware(this);
   }
@@ -1080,7 +1080,7 @@ function () {
   return Store;
 }();
 
-var version = '0.1.8';
+var version = '0.1.9';
 var nativePage = Page;
 var nativeComponent = Component;
 
diff --git a/dist/mpstore.common.js b/dist/mpstore.common.js
index 5c129f7..e7de141 100644
--- a/dist/mpstore.common.js
+++ b/dist/mpstore.common.js
@@ -1,5 +1,5 @@
 /*!
- * Mpstore.js v0.1.8
+ * Mpstore.js v0.1.9
  * (c) 2019-2019 Imtaotao
  * Released under the MIT License.
  */
@@ -518,7 +518,7 @@ function updateComponents(store, callback) {
     }
   };
 
-  for (var i = 0; i < len; i++) {
+  for (var i = 0; i < depComponents.length; i++) {
     var _depComponents$i = depComponents[i],
         isPage = _depComponents$i.isPage,
         component = _depComponents$i.component,
@@ -820,7 +820,7 @@ function () {
     this.depComponents = [];
     this.GLOBALWORD = 'global';
     this.isDispatching = false;
-    this.version = '0.1.8';
+    this.version = '0.1.9';
     this.state = Object.freeze(createModule({}));
     this.middleware = new Middleware(this);
   }
@@ -1084,7 +1084,7 @@ function () {
   return Store;
 }();
 
-var version = '0.1.8';
+var version = '0.1.9';
 var nativePage = Page;
 var nativeComponent = Component;
 
diff --git a/dist/mpstore.es6m.js b/dist/mpstore.es6m.js
index a8c1183..7720ed9 100644
--- a/dist/mpstore.es6m.js
+++ b/dist/mpstore.es6m.js
@@ -1,5 +1,5 @@
 /*!
- * Mpstore.js v0.1.8
+ * Mpstore.js v0.1.9
  * (c) 2019-2019 Imtaotao
  * Released under the MIT License.
  */
@@ -383,7 +383,7 @@ function updateComponents (store, callback) {
       callback();
     }
   };
-  for (let i = 0; i < len; i++) {
+  for (let i = 0; i < depComponents.length; i++) {
     const {
       isPage,
       component,
@@ -645,7 +645,7 @@ class Store {
     this.depComponents = [];
     this.GLOBALWORD = 'global';
     this.isDispatching = false;
-    this.version = '0.1.8';
+    this.version = '0.1.9';
     this.state = Object.freeze(createModule({}));
     this.middleware = new Middleware(this);
   }
@@ -886,7 +886,7 @@ class Store {
   }
 }
 
-const version = '0.1.8';
+const version = '0.1.9';
 const nativePage = Page;
 const nativeComponent = Component;
 function expandConfig (config, expandMethods, isPage) {
diff --git a/dist/mpstore.esm.js b/dist/mpstore.esm.js
index e5cb535..da4e556 100644
--- a/dist/mpstore.esm.js
+++ b/dist/mpstore.esm.js
@@ -1,5 +1,5 @@
 /*!
- * Mpstore.js v0.1.8
+ * Mpstore.js v0.1.9
  * (c) 2019-2019 Imtaotao
  * Released under the MIT License.
  */
@@ -514,7 +514,7 @@ function updateComponents(store, callback) {
     }
   };
 
-  for (var i = 0; i < len; i++) {
+  for (var i = 0; i < depComponents.length; i++) {
     var _depComponents$i = depComponents[i],
         isPage = _depComponents$i.isPage,
         component = _depComponents$i.component,
@@ -816,7 +816,7 @@ function () {
     this.depComponents = [];
     this.GLOBALWORD = 'global';
     this.isDispatching = false;
-    this.version = '0.1.8';
+    this.version = '0.1.9';
     this.state = Object.freeze(createModule({}));
     this.middleware = new Middleware(this);
   }
@@ -1080,7 +1080,7 @@ function () {
   return Store;
 }();
 
-var version = '0.1.8';
+var version = '0.1.9';
 var nativePage = Page;
 var nativeComponent = Component;
 
diff --git a/dist/mpstore.min.js b/dist/mpstore.min.js
index b6b3715..e04f611 100644
--- a/dist/mpstore.min.js
+++ b/dist/mpstore.min.js
@@ -1,6 +1,6 @@
 /*!
- * Mpstore.js v0.1.8
+ * Mpstore.js v0.1.9
  * (c) 2019-2019 Imtaotao
  * Released under the MIT License.
  */
-"use strict";function _typeof(e){return(_typeof="function"==typeof Symbol&&"symbol"==typeof Symbol.iterator?function(e){return typeof e}:function(e){return e&&"function"==typeof Symbol&&e.constructor===Symbol&&e!==Symbol.prototype?"symbol":typeof e})(e)}function _classCallCheck(e,t){if(!(e instanceof t))throw new TypeError("Cannot call a class as a function")}function _defineProperties(e,t){for(var n=0;n<t.length;n++){var a=t[n];a.enumerable=a.enumerable||!1,a.configurable=!0,"value"in a&&(a.writable=!0),Object.defineProperty(e,a.key,a)}}function _createClass(e,t,n){return t&&_defineProperties(e.prototype,t),n&&_defineProperties(e,n),e}function _defineProperty(e,t,n){return t in e?Object.defineProperty(e,t,{value:n,enumerable:!0,configurable:!0,writable:!0}):e[t]=n,e}function _slicedToArray(e,t){return _arrayWithHoles(e)||_iterableToArrayLimit(e,t)||_nonIterableRest()}function _arrayWithHoles(e){if(Array.isArray(e))return e}function _iterableToArrayLimit(e,t){if(Symbol.iterator in Object(e)||"[object Arguments]"===Object.prototype.toString.call(e)){var n=[],a=!0,r=!1,o=void 0;try{for(var i,s=e[Symbol.iterator]();!(a=(i=s.next()).done)&&(n.push(i.value),!t||n.length!==t);a=!0);}catch(e){r=!0,o=e}finally{try{a||null==s.return||s.return()}finally{if(r)throw o}}return n}}function _nonIterableRest(){throw new TypeError("Invalid attempt to destructure non-iterable instance")}function warning(e,t){if(e="\n\nMpStore warning: ".concat(e,"\n\n"),!t)throw new Error(e);console.warn(e)}function assert(e,t){e||warning(t)}function isPrimitive(e){return"string"==typeof e||"number"==typeof e||"symbol"===_typeof(e)||"boolean"==typeof e}function deepFreeze(e){if(Object.isFrozen(e))return e;for(var t=Object.getOwnPropertyNames(e),n=t.length;~n--;){var a=e[t[n]];"object"===_typeof(a)&&null!==a&&deepFreeze(a)}return Object.freeze(e)}function mergeState(e,t){return deepFreeze(Object.assign({},e,t))}function mixinMethods(e,t){for(var n in t)n in e||(e[n]=t[n])}function remove(e,t){var n=e.findIndex((function(e){return e.component===t}));n>-1&&e.splice(n,1)}function callHook(e,t,n){if(e&&"function"==typeof e[t])return e[t].apply(e,n)}function isEmptyObject(e){for(var t in e)return!1;return!0}function mapObject(e,t){var n={};for(var a in e)e.hasOwnProperty(a)&&(n[a]=t(e[a]));return n}function createWraper(e,t,n){return function(){for(var a,r=arguments.length,o=new Array(r),i=0;i<r;i++)o[i]=arguments[i];return"function"==typeof t&&t.apply(this,o),"function"==typeof e&&(a=e.apply(this,o)),"function"==typeof n&&n.apply(this,o),a}}function isPlainObject(e){if("object"!==_typeof(e)||null===e)return!1;var t=Object.getPrototypeOf(e);if(null===t)return!0;for(var n=t;null!==Object.getPrototypeOf(n);)n=Object.getPrototypeOf(n);return t===n}function clone(e){var t=arguments.length>1&&void 0!==arguments[1]?arguments[1]:new WeakMap;if(null==e||isPrimitive(e)||"function"==typeof e||e instanceof Date)return e;if(t.has(e))return t.get(e);var n="function"!=typeof e.constructor?Object.create(null):new e.constructor;for(var a in t.set(e,n),e)n[a]=clone(e[a],t);return n}function mixin(e){var t=Object.create(null);if("function"==typeof e){e((function(e,n){assert("string"==typeof e,"The mixed method name must a string."),assert("function"==typeof n,"The mixed method is not a function."),assert(!(e in t),'The "'.concat(e,'" is exist,')),t[e]=n}))}return t}Object.defineProperty(exports,"__esModule",{value:!0});var MODULE_FLAG=Symbol("module");function isModule(e){return isPlainObject(e)&&!0===e[MODULE_FLAG]}function addModuleFlag(e){return e[MODULE_FLAG]=!0,e}function createModule(e){return assert(isPlainObject(e),"The base module object must be an plain object"),isModule(e)?e:(addModuleFlag(e),e)}function getModule(e,t){if(!t)return e;for(var n=e,a=t.split("."),r=0,o=a.length;r<o;r++){if(!isModule(n))return null;n=n[a[r]]}return isModule(n)?n:null}function mergeModule(e,t,n,a){for(var r=Object.keys(t),o=r.length;~--o;){var i=r[o];if("function"==typeof a)assert(!(i in e),a(i,n));else{var s=e[i],c=t[i],u=isModule(s),l=isModule(c);assert(!(u&&!l),"The namespace [".concat(i,"] is a module that you can change to other value, ")+"You can use `createModule` method to recreate a module.\n\n  --- from setter function."),assert(!(!u&&l),"The namespace [".concat(i,"] is not a module, you can't create it as a module, ")+"you must define the module in `reducer`.\n\n  --- from setter function."),u&&l&&(t[i]=mergeModule(s,c))}}return createModule(Object.assign({},e,t))}function createModuleByNamespace(e,t,n,a,r){if(!e)return mergeModule(n,t);for(var o={},i=n,s=o,c=e.split("."),u="\n\n  --- from [".concat(a,"] action"),l=0,f=c.length;l<f;l++){var h=void 0,d=c[l],p=l===f-1;d in i?(assert(isModule(i[d]),"you can't create child moudle, "+"because namespace [".concat(d,"] already exists in [").concat(c[l-1]||"root","] module, ")+"but [".concat(d,"] not a module.").concat(u)),h=p?mergeModule(i[d],t,d,r):Object.assign({},i[d])):h=p?createModule(t):addModuleFlag({}),o[d]=h,o=h,i=h}return s}var ADD=1,REMOVE=2,REPLACE=3;function Patch(e,t,n,a){this.type=e,this.path=t,this.value=n,this.leftValue=a}function diffValues(e,t,n,a){"function"==typeof e||null===e?a.push(new Patch(REPLACE,n,t,e)):Array.isArray(e)?Array.isArray(t)?walkArray(e,t,n,a):a.push(new Patch(REPLACE,n,t,e)):"object"===_typeof(e)?null===t||"object"!==_typeof(t)||Array.isArray(t)?a.push(new Patch(REPLACE,n,t,e)):e instanceof Date||t instanceof Date?a.push(new Patch(REPLACE,n,t,e)):walkObject(e,t,n,a):a.push(new Patch(REPLACE,n,t,e))}function walkArray(e,t,n,a){if(e.length<=t.length){for(var r=e.length;~--r;)if(e[r]!==t[r]){var o="".concat(n,"[").concat(r,"]");diffValues(e[r],t[r],o,a)}if(t.length>e.length)for(r=t.length;--r>=e.length;){var i="".concat(n,"[").concat(r,"]");a.push(new Patch(ADD,i,t[r],e[r]))}}else a.push(new Patch(REPLACE,n,t,e))}function walkObject(e,t,n,a){for(var r in e){var o="".concat(n,".").concat(r);r in t?e[r]!==t[r]&&diffValues(e[r],t[r],o,a):a.push(new Patch(REMOVE,o,null,e[r]))}for(var i in t)if(!(i in e)){var s="".concat(n,".").concat(i);a.push(new Patch(ADD,s,t[i],null))}}function diff(e,t,n){var a=[];return walkObject(e,t,n,a),a}var REG=/[^\[\].]+(?=[\[\].])/g;function separatePath(e,t){var n=t.match(REG);if(n&&n.shift()&&n.length>0){for(var a=-1,r=null,o=e,i=null;a++<n.length-2;)i=o,o=o[r=n[a]];return[o,r,i,n[n.length-1]]}}function restore(e,t){for(var n=t.length,a=new Map;~--n;){var r=t[n],o=r.type,i=r.path,s=r.leftValue,c=separatePath(e,i+".");if(c){var u=_slicedToArray(c,4),l=u[0],f=u[1],h=u[2],d=u[3];switch(o){case REMOVE:case REPLACE:l[d]=s;break;case ADD:Array.isArray(l)&&l===h[f]&&a.set(l,{key:f,prevTarget:h}),delete l[d]}}}return a.forEach((function(e,t){var n=e.key,a=e.prevTarget,r=new t.constructor;t.forEach((function(e){return r.push(e)})),a[n]=r})),e}function applyPatchs(e,t,n){for(var a={},r=0,o=t.length;r<o;r++){var i=t[r],s=i.value;a[i.path]=s}e.setData(a,n)}function updateComponents(e,t){var n=0,a=e.hooks,r=e.GLOBALWORD,o=e.depComponents,i=o.length;if(0!==i)for(var s=function(){++n===i&&t()},c=0;c<i;c++){var u=o[c],l=u.isPage,f=u.component,h=u.didUpdate,d=u.willUpdate,p=u.createState;if(f.data[r]){var y=p();if("function"==typeof d&&!1===d.call(e,f,y)){s();continue}var m=diff(f.data[r],y,r);if(m.length>0){if(!1===callHook(a,"willUpdate",[f,y,m,l])){s();continue}applyPatchs(f,m,s),"function"==typeof h&&h.call(e,f,y,m),callHook(a,"didUpdate",[f,y,l]),f.timeTravel&&f.timeTravel.push(m)}else s()}else s()}else t()}var TimeTravel=function(){function e(t,n,a){_classCallCheck(this,e),this.history=[],this.limit=a,this.component=t,this.GLOBALWORD=n,this.length=this.history.length,this.current=this.history.length,this.finallyState=t.data[n]}return _createClass(e,[{key:"push",value:function(e){var t=this.limit,n=this.history,a=this.GLOBALWORD,r=this.history.length,o=this.component.data;if(t>0){var i=r-t;i>=0&&this.history.splice(0,i+1),this.history.push(e),this.length=n.length,this.current=n.length,this.finallyState=clone(o[a])}}},{key:"go",value:function(e){var t=this.current,n=this.history,a=this.component,r=this.GLOBALWORD,o=this.finallyState;if(assert(r in a.data,"You can't use [timeTravel] because it only works for [global state]"),this.limit>0&&0!==e){var i=e+t,s=Math.abs(e);if(i<0||i>n.length)return void warning("Index [".concat(i,"] is not within the allowed range."),!0);for(var c=0,u=clone(a.data[r]);c++<s;){var l=t+Math.sign(e)*c;if(l<n.length)u=restore(u,clone(n[l]));else u=o}var f=diff(a.data[r],u,r);f.length>0&&applyPatchs(a,f),this.current+=e}}},{key:"forward",value:function(){this.go(1)}},{key:"back",value:function(){this.go(-1)}},{key:"toStart",value:function(){this.go(-this.current)}},{key:"toEnd",value:function(){this.go(this.history.length-this.current)}}]),e}(),COMMONACTION=function(){};function match(e,t){return e.action===COMMONACTION||(Array.isArray(e.action)?e.action.indexOf(t)>-1:t===e.action)}function handleLayer(e,t,n,a,r,o){try{t.call(n,a,r,e),o()}catch(t){var i=n.hooks;o(),i&&"function"==typeof i.middlewareError?i.middlewareError(e,a,t):warning("".concat(t,"\n\n   --- from middleware [").concat(e.toString(),"] action."))}}var Middleware=function(){function e(t){_classCallCheck(this,e),this.stack=[],this.store=t,this.isProcessing=!1}return _createClass(e,[{key:"use",value:function(e,t){assert(!this.isProcessing,"can't allow add new middleware in the middleware processing."),this.stack.push({fn:t,action:e})}},{key:"remove",value:function(e,t){var n=this.stack.findIndex((function(n){return n.fn===t&&n.action===e}));n>-1&&this.stack.splice(n,1)}},{key:"process",value:function(e,t,n){var a=this;this.isProcessing=!0;var r=function(){a.isProcessing=!1};if(this.stack.length>0){var o=0;!function t(i){var s=a.stack[o];for(o++;s&&!match(s,e);)s=a.stack[o++];s?handleLayer(e,s.fn,a.store,i,t,r):n(i,r)}(t)}else n(t,r)}}]),e}(),storeId=0;function assertReducer(e,t){var n=t.setter,a=t.partialState,r=e.toString();return assert(!("partialState"in t&&!isPlainObject(a)),"The [partialState] must be an object."+"\n\n --- from [".concat(r,"] action.")),"function"!=typeof n&&(t.setter=function(){warning("Can't changed [".concat(r,"] action value. Have you defined a setter?")+"\n\n --- from [".concat(r,"] action."))}),t}function filterReducer(e,t,n){var a=t.toString(),r=n.namespace,o=n.partialState;if("namespace"in n)assert("string"==typeof r,"The module namespace must be a string."+"\n\n --- from [".concat(a,"] action.")),n.partialState=createModuleByNamespace(r,o,e,a,(function(e,t){return"The [".concat(e,"] already exists in [").concat(t,"] module, ")+"Please don't repeat defined. \n\n --- from [".concat(a,"] action.")}));else for(var i in o)assert(!e.hasOwnProperty(i),"The [".concat(i,"] already exists in global state, ")+"Please don't repeat defined. \n\n --- from [".concat(a,"] action."));return n}var Store=function(){function e(t){_classCallCheck(this,e),this.hooks=t,this.reducers=[],this.id=++storeId,this.depComponents=[],this.GLOBALWORD="global",this.isDispatching=!1,this.version="0.1.8",this.state=Object.freeze(createModule({})),this.middleware=new Middleware(this)}return _createClass(e,[{key:"add",value:function(e,t){var n=_typeof(e);assert("string"===n||"symbol"===n,"The action must be a Symbol or String, but now is [".concat(n,"].")),assert(!this.reducers.find((function(t){return t.action===e})),"Can't repeat defined [".concat(e.toString(),"] action.")),assertReducer(e,t),filterReducer(this.state,e,t),t.action=e,this.reducers.push(t);var a=t.partialState;a&&!isEmptyObject(a)&&(this.state=mergeState(this.state,a))}},{key:"dispatch",value:function(e,t,n){var a=this,r=this.reducers,o=this.isDispatching,i=e.toString();assert(!o,'It is not allowed to call "dispatch" during dispatch execution.'+"\n\n   --- from [".concat(i,"] action."));var s=r.find((function(t){return t.action===e}));assert(s,"The [".concat(i,"] action does not exist. ")+"Maybe you have not defined."),this.middleware.process(e,t,(function(e,t){a.isDispatching=!0;try{var r,o=s.namespace,c="string"==typeof o;if(c){var u=a.getModule(o,"\n\n --- from [".concat(i,"] action."));r=s.setter(u,e,a.state)}else r=s.setter(a.state,e);assert(isPlainObject(r),"setter function should be return a plain object."),isEmptyObject(r)||(c?(r=createModuleByNamespace(o,r,a.state,i),a.state=mergeState(a.state,r)):a.state=deepFreeze(mergeModule(a.state,r)))}finally{a.isDispatching=!1,t()}updateComponents(a,(function(){"function"==typeof n&&n(e)}))}))}},{key:"use",value:function(e,t){var n=this;return"function"==typeof e&&e!==COMMONACTION&&(t=e,e=COMMONACTION),this.middleware.use(e,t),function(){return n.middleware.remove(e,t)}}},{key:"setNamespace",value:function(e){assert(e&&"string"==typeof e,"The [namespace] must be a string"),this.GLOBALWORD=e}},{key:"getModule",value:function(e,t){if(assert("string"==typeof e,"the namespace mast be a string"),!e)return this.state;var n=getModule(this.state,e);return t&&null===n&&warning("The [".concat(e,"] module is not exist.").concat(t||"")),n}},{key:"addModule",value:function(e,t){var n=this;if(assert("string"==typeof e,"the namespace mast be a string"),isPlainObject(t)){var a=Object.keys(t),r=Object.getOwnPropertySymbols(t);if(a.length+r.length>0){for(var o=0,i=function(a){var r=t[a];r.namespace=e,n.add(a,r)};o<a.length;o++)i(a[o]);for(o=0;o<r.length;o++)i(r[o])}}}},{key:"rewirteConfigAndAddDep",value:function(e,t){var n=this,a=null,r=this,o=this.GLOBALWORD,i=e.data,s=e.storeConfig,c=void 0===s?{}:s,u=c.useState,l=c.didUpdate,f=c.willUpdate,h=c.defineReducer,d=c.travelLimit,p=void 0===d?0:d;if(assert("number"==typeof p,"[travelLimit] must be a number, but now is [".concat(_typeof(p),"].")),delete e.storeConfig,"function"==typeof h&&h.call(r,r),"function"==typeof u){var y=null,m=null,v=u.call(r,r);Array.isArray(v)?(y=v[0],m=v[1]):m=v,assert(isPlainObject(m),"[useState] must return a plain object, "+"but now is return a [".concat(_typeof(m),"]")),a=null===y?function(){return clone(mapObject(m,(function(e){return e(r.state)})))}:function(){var e=n.getModule(y,"\n\n   --- from [".concat(y,"] of useState."));return clone(mapObject(m,(function(t){return t(e,r.state)})))}}if(null!==a){var g=a();isPlainObject(g)&&(i?i[o]=g:e.data=_defineProperty({},o,g))}var b=function(e){if(!1!==callHook(n.hooks,"addDep",[e,t])&&null!==a&&e.data&&isPlainObject(e.data[o])){e.timeTravel=new TimeTravel(e,o,p),n.depComponents.push({isPage:t,component:e,didUpdate:l,willUpdate:f,createState:a});var r=diff(e.data[o],a(),o);r.length>0&&applyPatchs(e,r,o)}};if(t)e.onLoad=createWraper(e.onLoad,(function(){b(this),this.store=r})),e.onUnload=createWraper(e.onUnload,null,(function(){remove(r.depComponents,this)}));else{e.lifetimes=e.lifetimes||{};var O=function(t){return e[t]||e.lifetimes[t]},w=function(t,n){return e[t]=e.lifetimes[t]=n};w("attached",createWraper(O("attached"),(function(){b(this),this.store=r}))),w("detached",createWraper(O("detached"),null,(function(){remove(r.depComponents,this)})))}}}]),e}(),version="0.1.8",nativePage=Page,nativeComponent=Component;function expandConfig(e,t,n){isEmptyObject(t)||(n?mixinMethods(e,t):(e.methods=e.methods||{},mixinMethods(e.methods,t)))}function index(e,t){var n=new Store(t),a=mixin(e);return Page=createWraper(nativePage,(function(e){callHook(t,"createBefore",[e,!0]),expandConfig(e,a,!0),n.rewirteConfigAndAddDep(e,!0)})),Component=createWraper(nativeComponent,(function(e){callHook(t,"createBefore",[e,!1]),expandConfig(e,a,!1),n.rewirteConfigAndAddDep(e,!1)})),n}exports.clone=clone,exports.createModule=createModule,exports.default=index,exports.diff=diff,exports.isModule=isModule,exports.restore=restore,exports.version=version;
+"use strict";function _typeof(e){return(_typeof="function"==typeof Symbol&&"symbol"==typeof Symbol.iterator?function(e){return typeof e}:function(e){return e&&"function"==typeof Symbol&&e.constructor===Symbol&&e!==Symbol.prototype?"symbol":typeof e})(e)}function _classCallCheck(e,t){if(!(e instanceof t))throw new TypeError("Cannot call a class as a function")}function _defineProperties(e,t){for(var n=0;n<t.length;n++){var a=t[n];a.enumerable=a.enumerable||!1,a.configurable=!0,"value"in a&&(a.writable=!0),Object.defineProperty(e,a.key,a)}}function _createClass(e,t,n){return t&&_defineProperties(e.prototype,t),n&&_defineProperties(e,n),e}function _defineProperty(e,t,n){return t in e?Object.defineProperty(e,t,{value:n,enumerable:!0,configurable:!0,writable:!0}):e[t]=n,e}function _slicedToArray(e,t){return _arrayWithHoles(e)||_iterableToArrayLimit(e,t)||_nonIterableRest()}function _arrayWithHoles(e){if(Array.isArray(e))return e}function _iterableToArrayLimit(e,t){if(Symbol.iterator in Object(e)||"[object Arguments]"===Object.prototype.toString.call(e)){var n=[],a=!0,r=!1,o=void 0;try{for(var i,s=e[Symbol.iterator]();!(a=(i=s.next()).done)&&(n.push(i.value),!t||n.length!==t);a=!0);}catch(e){r=!0,o=e}finally{try{a||null==s.return||s.return()}finally{if(r)throw o}}return n}}function _nonIterableRest(){throw new TypeError("Invalid attempt to destructure non-iterable instance")}function warning(e,t){if(e="\n\nMpStore warning: ".concat(e,"\n\n"),!t)throw new Error(e);console.warn(e)}function assert(e,t){e||warning(t)}function isPrimitive(e){return"string"==typeof e||"number"==typeof e||"symbol"===_typeof(e)||"boolean"==typeof e}function deepFreeze(e){if(Object.isFrozen(e))return e;for(var t=Object.getOwnPropertyNames(e),n=t.length;~n--;){var a=e[t[n]];"object"===_typeof(a)&&null!==a&&deepFreeze(a)}return Object.freeze(e)}function mergeState(e,t){return deepFreeze(Object.assign({},e,t))}function mixinMethods(e,t){for(var n in t)n in e||(e[n]=t[n])}function remove(e,t){var n=e.findIndex((function(e){return e.component===t}));n>-1&&e.splice(n,1)}function callHook(e,t,n){if(e&&"function"==typeof e[t])return e[t].apply(e,n)}function isEmptyObject(e){for(var t in e)return!1;return!0}function mapObject(e,t){var n={};for(var a in e)e.hasOwnProperty(a)&&(n[a]=t(e[a]));return n}function createWraper(e,t,n){return function(){for(var a,r=arguments.length,o=new Array(r),i=0;i<r;i++)o[i]=arguments[i];return"function"==typeof t&&t.apply(this,o),"function"==typeof e&&(a=e.apply(this,o)),"function"==typeof n&&n.apply(this,o),a}}function isPlainObject(e){if("object"!==_typeof(e)||null===e)return!1;var t=Object.getPrototypeOf(e);if(null===t)return!0;for(var n=t;null!==Object.getPrototypeOf(n);)n=Object.getPrototypeOf(n);return t===n}function clone(e){var t=arguments.length>1&&void 0!==arguments[1]?arguments[1]:new WeakMap;if(null==e||isPrimitive(e)||"function"==typeof e||e instanceof Date)return e;if(t.has(e))return t.get(e);var n="function"!=typeof e.constructor?Object.create(null):new e.constructor;for(var a in t.set(e,n),e)n[a]=clone(e[a],t);return n}function mixin(e){var t=Object.create(null);if("function"==typeof e){e((function(e,n){assert("string"==typeof e,"The mixed method name must a string."),assert("function"==typeof n,"The mixed method is not a function."),assert(!(e in t),'The "'.concat(e,'" is exist,')),t[e]=n}))}return t}Object.defineProperty(exports,"__esModule",{value:!0});var MODULE_FLAG=Symbol("module");function isModule(e){return isPlainObject(e)&&!0===e[MODULE_FLAG]}function addModuleFlag(e){return e[MODULE_FLAG]=!0,e}function createModule(e){return assert(isPlainObject(e),"The base module object must be an plain object"),isModule(e)?e:(addModuleFlag(e),e)}function getModule(e,t){if(!t)return e;for(var n=e,a=t.split("."),r=0,o=a.length;r<o;r++){if(!isModule(n))return null;n=n[a[r]]}return isModule(n)?n:null}function mergeModule(e,t,n,a){for(var r=Object.keys(t),o=r.length;~--o;){var i=r[o];if("function"==typeof a)assert(!(i in e),a(i,n));else{var s=e[i],c=t[i],l=isModule(s),u=isModule(c);assert(!(l&&!u),"The namespace [".concat(i,"] is a module that you can change to other value, ")+"You can use `createModule` method to recreate a module.\n\n  --- from setter function."),assert(!(!l&&u),"The namespace [".concat(i,"] is not a module, you can't create it as a module, ")+"you must define the module in `reducer`.\n\n  --- from setter function."),l&&u&&(t[i]=mergeModule(s,c))}}return createModule(Object.assign({},e,t))}function createModuleByNamespace(e,t,n,a,r){if(!e)return mergeModule(n,t);for(var o={},i=n,s=o,c=e.split("."),l="\n\n  --- from [".concat(a,"] action"),u=0,f=c.length;u<f;u++){var h=void 0,d=c[u],p=u===f-1;d in i?(assert(isModule(i[d]),"you can't create child moudle, "+"because namespace [".concat(d,"] already exists in [").concat(c[u-1]||"root","] module, ")+"but [".concat(d,"] not a module.").concat(l)),h=p?mergeModule(i[d],t,d,r):Object.assign({},i[d])):h=p?createModule(t):addModuleFlag({}),o[d]=h,o=h,i=h}return s}var ADD=1,REMOVE=2,REPLACE=3;function Patch(e,t,n,a){this.type=e,this.path=t,this.value=n,this.leftValue=a}function diffValues(e,t,n,a){"function"==typeof e||null===e?a.push(new Patch(REPLACE,n,t,e)):Array.isArray(e)?Array.isArray(t)?walkArray(e,t,n,a):a.push(new Patch(REPLACE,n,t,e)):"object"===_typeof(e)?null===t||"object"!==_typeof(t)||Array.isArray(t)?a.push(new Patch(REPLACE,n,t,e)):e instanceof Date||t instanceof Date?a.push(new Patch(REPLACE,n,t,e)):walkObject(e,t,n,a):a.push(new Patch(REPLACE,n,t,e))}function walkArray(e,t,n,a){if(e.length<=t.length){for(var r=e.length;~--r;)if(e[r]!==t[r]){var o="".concat(n,"[").concat(r,"]");diffValues(e[r],t[r],o,a)}if(t.length>e.length)for(r=t.length;--r>=e.length;){var i="".concat(n,"[").concat(r,"]");a.push(new Patch(ADD,i,t[r],e[r]))}}else a.push(new Patch(REPLACE,n,t,e))}function walkObject(e,t,n,a){for(var r in e){var o="".concat(n,".").concat(r);r in t?e[r]!==t[r]&&diffValues(e[r],t[r],o,a):a.push(new Patch(REMOVE,o,null,e[r]))}for(var i in t)if(!(i in e)){var s="".concat(n,".").concat(i);a.push(new Patch(ADD,s,t[i],null))}}function diff(e,t,n){var a=[];return walkObject(e,t,n,a),a}var REG=/[^\[\].]+(?=[\[\].])/g;function separatePath(e,t){var n=t.match(REG);if(n&&n.shift()&&n.length>0){for(var a=-1,r=null,o=e,i=null;a++<n.length-2;)i=o,o=o[r=n[a]];return[o,r,i,n[n.length-1]]}}function restore(e,t){for(var n=t.length,a=new Map;~--n;){var r=t[n],o=r.type,i=r.path,s=r.leftValue,c=separatePath(e,i+".");if(c){var l=_slicedToArray(c,4),u=l[0],f=l[1],h=l[2],d=l[3];switch(o){case REMOVE:case REPLACE:u[d]=s;break;case ADD:Array.isArray(u)&&u===h[f]&&a.set(u,{key:f,prevTarget:h}),delete u[d]}}}return a.forEach((function(e,t){var n=e.key,a=e.prevTarget,r=new t.constructor;t.forEach((function(e){return r.push(e)})),a[n]=r})),e}function applyPatchs(e,t,n){for(var a={},r=0,o=t.length;r<o;r++){var i=t[r],s=i.value;a[i.path]=s}e.setData(a,n)}function updateComponents(e,t){var n=0,a=e.hooks,r=e.GLOBALWORD,o=e.depComponents,i=o.length;if(0!==i)for(var s=function(){++n===i&&t()},c=0;c<o.length;c++){var l=o[c],u=l.isPage,f=l.component,h=l.didUpdate,d=l.willUpdate,p=l.createState;if(f.data[r]){var y=p();if("function"==typeof d&&!1===d.call(e,f,y)){s();continue}var m=diff(f.data[r],y,r);if(m.length>0){if(!1===callHook(a,"willUpdate",[f,y,m,u])){s();continue}applyPatchs(f,m,s),"function"==typeof h&&h.call(e,f,y,m),callHook(a,"didUpdate",[f,y,u]),f.timeTravel&&f.timeTravel.push(m)}else s()}else s()}else t()}var TimeTravel=function(){function e(t,n,a){_classCallCheck(this,e),this.history=[],this.limit=a,this.component=t,this.GLOBALWORD=n,this.length=this.history.length,this.current=this.history.length,this.finallyState=t.data[n]}return _createClass(e,[{key:"push",value:function(e){var t=this.limit,n=this.history,a=this.GLOBALWORD,r=this.history.length,o=this.component.data;if(t>0){var i=r-t;i>=0&&this.history.splice(0,i+1),this.history.push(e),this.length=n.length,this.current=n.length,this.finallyState=clone(o[a])}}},{key:"go",value:function(e){var t=this.current,n=this.history,a=this.component,r=this.GLOBALWORD,o=this.finallyState;if(assert(r in a.data,"You can't use [timeTravel] because it only works for [global state]"),this.limit>0&&0!==e){var i=e+t,s=Math.abs(e);if(i<0||i>n.length)return void warning("Index [".concat(i,"] is not within the allowed range."),!0);for(var c=0,l=clone(a.data[r]);c++<s;){var u=t+Math.sign(e)*c;if(u<n.length)l=restore(l,clone(n[u]));else l=o}var f=diff(a.data[r],l,r);f.length>0&&applyPatchs(a,f),this.current+=e}}},{key:"forward",value:function(){this.go(1)}},{key:"back",value:function(){this.go(-1)}},{key:"toStart",value:function(){this.go(-this.current)}},{key:"toEnd",value:function(){this.go(this.history.length-this.current)}}]),e}(),COMMONACTION=function(){};function match(e,t){return e.action===COMMONACTION||(Array.isArray(e.action)?e.action.indexOf(t)>-1:t===e.action)}function handleLayer(e,t,n,a,r,o){try{t.call(n,a,r,e),o()}catch(t){var i=n.hooks;o(),i&&"function"==typeof i.middlewareError?i.middlewareError(e,a,t):warning("".concat(t,"\n\n   --- from middleware [").concat(e.toString(),"] action."))}}var Middleware=function(){function e(t){_classCallCheck(this,e),this.stack=[],this.store=t,this.isProcessing=!1}return _createClass(e,[{key:"use",value:function(e,t){assert(!this.isProcessing,"can't allow add new middleware in the middleware processing."),this.stack.push({fn:t,action:e})}},{key:"remove",value:function(e,t){var n=this.stack.findIndex((function(n){return n.fn===t&&n.action===e}));n>-1&&this.stack.splice(n,1)}},{key:"process",value:function(e,t,n){var a=this;this.isProcessing=!0;var r=function(){a.isProcessing=!1};if(this.stack.length>0){var o=0;!function t(i){var s=a.stack[o];for(o++;s&&!match(s,e);)s=a.stack[o++];s?handleLayer(e,s.fn,a.store,i,t,r):n(i,r)}(t)}else n(t,r)}}]),e}(),storeId=0;function assertReducer(e,t){var n=t.setter,a=t.partialState,r=e.toString();return assert(!("partialState"in t&&!isPlainObject(a)),"The [partialState] must be an object."+"\n\n --- from [".concat(r,"] action.")),"function"!=typeof n&&(t.setter=function(){warning("Can't changed [".concat(r,"] action value. Have you defined a setter?")+"\n\n --- from [".concat(r,"] action."))}),t}function filterReducer(e,t,n){var a=t.toString(),r=n.namespace,o=n.partialState;if("namespace"in n)assert("string"==typeof r,"The module namespace must be a string."+"\n\n --- from [".concat(a,"] action.")),n.partialState=createModuleByNamespace(r,o,e,a,(function(e,t){return"The [".concat(e,"] already exists in [").concat(t,"] module, ")+"Please don't repeat defined. \n\n --- from [".concat(a,"] action.")}));else for(var i in o)assert(!e.hasOwnProperty(i),"The [".concat(i,"] already exists in global state, ")+"Please don't repeat defined. \n\n --- from [".concat(a,"] action."));return n}var Store=function(){function e(t){_classCallCheck(this,e),this.hooks=t,this.reducers=[],this.id=++storeId,this.depComponents=[],this.GLOBALWORD="global",this.isDispatching=!1,this.version="0.1.9",this.state=Object.freeze(createModule({})),this.middleware=new Middleware(this)}return _createClass(e,[{key:"add",value:function(e,t){var n=_typeof(e);assert("string"===n||"symbol"===n,"The action must be a Symbol or String, but now is [".concat(n,"].")),assert(!this.reducers.find((function(t){return t.action===e})),"Can't repeat defined [".concat(e.toString(),"] action.")),assertReducer(e,t),filterReducer(this.state,e,t),t.action=e,this.reducers.push(t);var a=t.partialState;a&&!isEmptyObject(a)&&(this.state=mergeState(this.state,a))}},{key:"dispatch",value:function(e,t,n){var a=this,r=this.reducers,o=this.isDispatching,i=e.toString();assert(!o,'It is not allowed to call "dispatch" during dispatch execution.'+"\n\n   --- from [".concat(i,"] action."));var s=r.find((function(t){return t.action===e}));assert(s,"The [".concat(i,"] action does not exist. ")+"Maybe you have not defined."),this.middleware.process(e,t,(function(e,t){a.isDispatching=!0;try{var r,o=s.namespace,c="string"==typeof o;if(c){var l=a.getModule(o,"\n\n --- from [".concat(i,"] action."));r=s.setter(l,e,a.state)}else r=s.setter(a.state,e);assert(isPlainObject(r),"setter function should be return a plain object."),isEmptyObject(r)||(c?(r=createModuleByNamespace(o,r,a.state,i),a.state=mergeState(a.state,r)):a.state=deepFreeze(mergeModule(a.state,r)))}finally{a.isDispatching=!1,t()}updateComponents(a,(function(){"function"==typeof n&&n(e)}))}))}},{key:"use",value:function(e,t){var n=this;return"function"==typeof e&&e!==COMMONACTION&&(t=e,e=COMMONACTION),this.middleware.use(e,t),function(){return n.middleware.remove(e,t)}}},{key:"setNamespace",value:function(e){assert(e&&"string"==typeof e,"The [namespace] must be a string"),this.GLOBALWORD=e}},{key:"getModule",value:function(e,t){if(assert("string"==typeof e,"the namespace mast be a string"),!e)return this.state;var n=getModule(this.state,e);return t&&null===n&&warning("The [".concat(e,"] module is not exist.").concat(t||"")),n}},{key:"addModule",value:function(e,t){var n=this;if(assert("string"==typeof e,"the namespace mast be a string"),isPlainObject(t)){var a=Object.keys(t),r=Object.getOwnPropertySymbols(t);if(a.length+r.length>0){for(var o=0,i=function(a){var r=t[a];r.namespace=e,n.add(a,r)};o<a.length;o++)i(a[o]);for(o=0;o<r.length;o++)i(r[o])}}}},{key:"rewirteConfigAndAddDep",value:function(e,t){var n=this,a=null,r=this,o=this.GLOBALWORD,i=e.data,s=e.storeConfig,c=void 0===s?{}:s,l=c.useState,u=c.didUpdate,f=c.willUpdate,h=c.defineReducer,d=c.travelLimit,p=void 0===d?0:d;if(assert("number"==typeof p,"[travelLimit] must be a number, but now is [".concat(_typeof(p),"].")),delete e.storeConfig,"function"==typeof h&&h.call(r,r),"function"==typeof l){var y=null,m=null,v=l.call(r,r);Array.isArray(v)?(y=v[0],m=v[1]):m=v,assert(isPlainObject(m),"[useState] must return a plain object, "+"but now is return a [".concat(_typeof(m),"]")),a=null===y?function(){return clone(mapObject(m,(function(e){return e(r.state)})))}:function(){var e=n.getModule(y,"\n\n   --- from [".concat(y,"] of useState."));return clone(mapObject(m,(function(t){return t(e,r.state)})))}}if(null!==a){var g=a();isPlainObject(g)&&(i?i[o]=g:e.data=_defineProperty({},o,g))}var b=function(e){if(!1!==callHook(n.hooks,"addDep",[e,t])&&null!==a&&e.data&&isPlainObject(e.data[o])){e.timeTravel=new TimeTravel(e,o,p),n.depComponents.push({isPage:t,component:e,didUpdate:u,willUpdate:f,createState:a});var r=diff(e.data[o],a(),o);r.length>0&&applyPatchs(e,r,o)}};if(t)e.onLoad=createWraper(e.onLoad,(function(){b(this),this.store=r})),e.onUnload=createWraper(e.onUnload,null,(function(){remove(r.depComponents,this)}));else{e.lifetimes=e.lifetimes||{};var O=function(t){return e[t]||e.lifetimes[t]},w=function(t,n){return e[t]=e.lifetimes[t]=n};w("attached",createWraper(O("attached"),(function(){b(this),this.store=r}))),w("detached",createWraper(O("detached"),null,(function(){remove(r.depComponents,this)})))}}}]),e}(),version="0.1.9",nativePage=Page,nativeComponent=Component;function expandConfig(e,t,n){isEmptyObject(t)||(n?mixinMethods(e,t):(e.methods=e.methods||{},mixinMethods(e.methods,t)))}function index(e,t){var n=new Store(t),a=mixin(e);return Page=createWraper(nativePage,(function(e){callHook(t,"createBefore",[e,!0]),expandConfig(e,a,!0),n.rewirteConfigAndAddDep(e,!0)})),Component=createWraper(nativeComponent,(function(e){callHook(t,"createBefore",[e,!1]),expandConfig(e,a,!1),n.rewirteConfigAndAddDep(e,!1)})),n}exports.clone=clone,exports.createModule=createModule,exports.default=index,exports.diff=diff,exports.isModule=isModule,exports.restore=restore,exports.version=version;
diff --git a/package.json b/package.json
index b58a5eb..8bdba25 100644
--- a/package.json
+++ b/package.json
@@ -1,6 +1,6 @@
 {
   "name": "@rustle/mp-store",
-  "version": "0.1.8",
+  "version": "0.1.9",
   "description": "A lightweight wechat miniprogram state management library",
   "main": "dist/mpstore.common.js",
   "module": "dist/mpstore.esm.js",
diff --git a/src/update.js b/src/update.js
index 827f910..a3979f9 100644
--- a/src/update.js
+++ b/src/update.js
@@ -1,89 +1,90 @@
-import { diff } from './diff'
-import { callHook } from './utils'
-
-export function applyPatchs (component, patchs, callback) {
-  const destObject = {}
-
-  for (let i = 0, len = patchs.length; i < len; i++) {
-    const { value, path } = patchs[i]
-    destObject[path] = value
-  }
-
-  component.setData(destObject, callback)
-}
-
-// update page and component
-export function updateComponents (store, callback) {
-  let total = 0
-  const {
-    hooks,
-    GLOBALWORD,
-    depComponents,
-  } = store
-  const len = depComponents.length
-
-  if (len === 0) {
-    callback()
-    return
-  }
-
-  // call `callback`, when all component views are rendered
-  const renderedCallback = () => {
-    if (++total === len) {
-      callback()
-    }
-  }
-
-  for (let i = 0; i < len; i++) {
-    const {
-      isPage,
-      component,
-      didUpdate,
-      willUpdate,
-      createState,
-    } = depComponents[i]
-
-    if (component.data[GLOBALWORD]) {
-      const newPartialState = createState()
-
-      // the `willUpdate` function will optimize component
-      if (typeof willUpdate === 'function') {
-        if (willUpdate.call(store, component, newPartialState) === false) {
-          renderedCallback()
-          continue
-        }
-      }
-
-      // the base path is `GLOBALWORD`
-      // example: this.setData({ 'global.xx': xx })
-      const patchs = diff(component.data[GLOBALWORD], newPartialState, GLOBALWORD)
-
-      if (patchs.length > 0) {
-        // call global hooks
-        const params = [component, newPartialState, patchs, isPage]
-        if (callHook(hooks, 'willUpdate', params) === false) {
-          renderedCallback()
-          continue
-        }
-
-        // update component
-        applyPatchs(component, patchs, renderedCallback)
-
-        if (typeof didUpdate === 'function') {
-          didUpdate.call(store, component, newPartialState, patchs)
-        }
-        
-        callHook(hooks, 'didUpdate', [component, newPartialState, isPage])
-
-        // record patchs, allow playback view
-        if (component.timeTravel) {
-          component.timeTravel.push(patchs)
-        }
-      } else {
-        renderedCallback()
-      }
-    } else {
-      renderedCallback()
-    }
-  }
+import { diff } from './diff'
+import { callHook } from './utils'
+
+export function applyPatchs (component, patchs, callback) {
+  const destObject = {}
+
+  for (let i = 0, len = patchs.length; i < len; i++) {
+    const { value, path } = patchs[i]
+    destObject[path] = value
+  }
+
+  component.setData(destObject, callback)
+}
+
+// update page and component
+export function updateComponents (store, callback) {
+  let total = 0
+  const {
+    hooks,
+    GLOBALWORD,
+    depComponents,
+  } = store
+  const len = depComponents.length
+
+  if (len === 0) {
+    callback()
+    return
+  }
+
+  // call `callback`, when all component views are rendered
+  const renderedCallback = () => {
+    if (++total === len) {
+      callback()
+    }
+  }
+
+  // the component maybe aleard unload, so, can't use `len`
+  for (let i = 0; i < depComponents.length; i++) {
+    const {
+      isPage,
+      component,
+      didUpdate,
+      willUpdate,
+      createState,
+    } = depComponents[i]
+
+    if (component.data[GLOBALWORD]) {
+      const newPartialState = createState()
+
+      // the `willUpdate` function will optimize component
+      if (typeof willUpdate === 'function') {
+        if (willUpdate.call(store, component, newPartialState) === false) {
+          renderedCallback()
+          continue
+        }
+      }
+
+      // the base path is `GLOBALWORD`
+      // example: this.setData({ 'global.xx': xx })
+      const patchs = diff(component.data[GLOBALWORD], newPartialState, GLOBALWORD)
+
+      if (patchs.length > 0) {
+        // call global hooks
+        const params = [component, newPartialState, patchs, isPage]
+        if (callHook(hooks, 'willUpdate', params) === false) {
+          renderedCallback()
+          continue
+        }
+
+        // update component
+        applyPatchs(component, patchs, renderedCallback)
+
+        if (typeof didUpdate === 'function') {
+          didUpdate.call(store, component, newPartialState, patchs)
+        }
+        
+        callHook(hooks, 'didUpdate', [component, newPartialState, isPage])
+
+        // record patchs, allow playback view
+        if (component.timeTravel) {
+          component.timeTravel.push(patchs)
+        }
+      } else {
+        renderedCallback()
+      }
+    } else {
+      renderedCallback()
+    }
+  }
 }
\ No newline at end of file