@tarojs/router 3.3.16 → 3.4.0-beta.1

package/dist/router.esm.js

@@ -1,243 +1,782 @@
-import { requestAnimationFrame, container, SERVICE_IDENTIFIER, eventCenter, Current, createPageConfig, stringify } from '@tarojs/runtime';
+import _extends from '@babel/runtime/helpers/esm/extends';
+import _objectSpread from '@babel/runtime/helpers/objectSpread2';
+import _asyncToGenerator from '@babel/runtime/helpers/asyncToGenerator';
+import _regeneratorRuntime from '@babel/runtime/regenerator';
+import _toConsumableArray from '@babel/runtime/helpers/toConsumableArray';
+import _classCallCheck from '@babel/runtime/helpers/classCallCheck';
+import _createClass from '@babel/runtime/helpers/createClass';
+import _defineProperty from '@babel/runtime/helpers/defineProperty';
+import { Current, requestAnimationFrame, container, SERVICE_IDENTIFIER, createPageConfig, stringify, eventCenter } from '@tarojs/runtime';
+import _typeof from '@babel/runtime/helpers/typeof';
+import _slicedToArray from '@babel/runtime/helpers/slicedToArray';
+import _createForOfIteratorHelper from '@babel/runtime/helpers/createForOfIteratorHelper';
+import { initTabBarApis } from '@tarojs/taro';
+
+var r,
+    B = r || (r = {});
+B.Pop = "POP";
+B.Push = "PUSH";
+B.Replace = "REPLACE";
+var C = "production" !== process.env.NODE_ENV ? function (b) {
+  return Object.freeze(b);
+} : function (b) {
+  return b;
+};
 
-function _extends() {
-  _extends = Object.assign || function (target) {
-    for (var i = 1; i < arguments.length; i++) {
-      var source = arguments[i];
+function D(b, h) {
+  if (!b) {
+    "undefined" !== typeof console && console.warn(h);
 
-      for (var key in source) {
-        if (Object.prototype.hasOwnProperty.call(source, key)) {
-          target[key] = source[key];
-        }
+    try {
+      throw Error(h);
+    } catch (k) {}
+  }
+}
+
+function E(b) {
+  b.preventDefault();
+  b.returnValue = "";
+}
+
+function F() {
+  var b = [];
+  return {
+    get length() {
+      return b.length;
+    },
+
+    push: function push(h) {
+      b.push(h);
+      return function () {
+        b = b.filter(function (k) {
+          return k !== h;
+        });
+      };
+    },
+    call: function call(h) {
+      b.forEach(function (k) {
+        return k && k(h);
+      });
+    }
+  };
+}
+
+function H() {
+  return Math.random().toString(36).substr(2, 8);
+}
+
+function I(b) {
+  var h = b.pathname,
+      k = b.search;
+  b = b.hash;
+  return (void 0 === h ? "/" : h) + (void 0 === k ? "" : k) + (void 0 === b ? "" : b);
+}
+
+function J(b) {
+  var h = {};
+
+  if (b) {
+    var k = b.indexOf("#");
+    0 <= k && (h.hash = b.substr(k), b = b.substr(0, k));
+    k = b.indexOf("?");
+    0 <= k && (h.search = b.substr(k), b = b.substr(0, k));
+    b && (h.pathname = b);
+  }
+
+  return h;
+}
+
+function createBrowserHistory(b) {
+  function h() {
+    var c = p.location,
+        a = m.state || {};
+    return [a.idx, C({
+      pathname: c.pathname,
+      search: c.search,
+      hash: c.hash,
+      state: a.usr || null,
+      key: a.key || "default"
+    })];
+  }
+
+  function k(c) {
+    return "string" === typeof c ? c : I(c);
+  }
+
+  function x(c, a) {
+    void 0 === a && (a = null);
+    return C(_extends({
+      pathname: q.pathname,
+      hash: "",
+      search: ""
+    }, "string" === typeof c ? J(c) : c, {
+      state: a,
+      key: H()
+    }));
+  }
+
+  function z(c) {
+    t = c;
+    c = h();
+    v = c[0];
+    q = c[1];
+    d.call({
+      action: t,
+      location: q
+    });
+  }
+
+  function A(c, a) {
+    function e() {
+      A(c, a);
+    }
+
+    var l = r.Push,
+        g = x(c, a);
+
+    if (!f.length || (f.call({
+      action: l,
+      location: g,
+      retry: e
+    }), !1)) {
+      var n = [{
+        usr: g.state,
+        key: g.key,
+        idx: v + 1
+      }, k(g)];
+      g = n[0];
+      n = n[1];
+
+      try {
+        m.pushState(g, "", n);
+      } catch (G) {
+        p.location.assign(n);
       }
+
+      z(l);
     }
+  }
+
+  function y(c, a) {
+    function e() {
+      y(c, a);
+    }
+
+    var l = r.Replace,
+        g = x(c, a);
+    f.length && (f.call({
+      action: l,
+      location: g,
+      retry: e
+    }), 1) || (g = [{
+      usr: g.state,
+      key: g.key,
+      idx: v
+    }, k(g)], m.replaceState(g[0], "", g[1]), z(l));
+  }
+
+  function w(c) {
+    m.go(c);
+  }
 
-    return target;
+  void 0 === b && (b = {});
+  b = b.window;
+  var p = void 0 === b ? document.defaultView : b,
+      m = p.history,
+      u = null;
+  p.addEventListener("popstate", function () {
+    if (u) f.call(u), u = null;else {
+      var c = r.Pop,
+          a = h(),
+          e = a[0];
+      a = a[1];
+      if (f.length) {
+        if (null != e) {
+          var l = v - e;
+          l && (u = {
+            action: c,
+            location: a,
+            retry: function retry() {
+              w(-1 * l);
+            }
+          }, w(l));
+        } else "production" !== process.env.NODE_ENV ? D(!1, "You are trying to block a POP navigation to a location that was not created by the history library. The block will fail silently in production, but in general you should do all navigation with the history library (instead of using window.history.pushState directly) to avoid this situation.") : void 0;
+      } else z(c);
+    }
+  });
+  var t = r.Pop;
+  b = h();
+  var v = b[0],
+      q = b[1],
+      d = F(),
+      f = F();
+  null == v && (v = 0, m.replaceState(_extends({}, m.state, {
+    idx: v
+  }), ""));
+  return {
+    get action() {
+      return t;
+    },
+
+    get location() {
+      return q;
+    },
+
+    createHref: k,
+    push: A,
+    replace: y,
+    go: w,
+    back: function back() {
+      w(-1);
+    },
+    forward: function forward() {
+      w(1);
+    },
+    listen: function listen(c) {
+      return d.push(c);
+    },
+    block: function block(c) {
+      var a = f.push(c);
+      1 === f.length && p.addEventListener("beforeunload", E);
+      return function () {
+        a();
+        f.length || p.removeEventListener("beforeunload", E);
+      };
+    }
   };
+}
+
+function createHashHistory(b) {
+  function h() {
+    var a = J(m.location.hash.substr(1)),
+        e = a.pathname,
+        l = a.search;
+    a = a.hash;
+    var g = u.state || {};
+    return [g.idx, C({
+      pathname: void 0 === e ? "/" : e,
+      search: void 0 === l ? "" : l,
+      hash: void 0 === a ? "" : a,
+      state: g.usr || null,
+      key: g.key || "default"
+    })];
+  }
+
+  function k() {
+    if (t) c.call(t), t = null;else {
+      var a = r.Pop,
+          e = h(),
+          l = e[0];
+      e = e[1];
+      if (c.length) {
+        if (null != l) {
+          var g = q - l;
+          g && (t = {
+            action: a,
+            location: e,
+            retry: function retry() {
+              p(-1 * g);
+            }
+          }, p(g));
+        } else "production" !== process.env.NODE_ENV ? D(!1, "You are trying to block a POP navigation to a location that was not created by the history library. The block will fail silently in production, but in general you should do all navigation with the history library (instead of using window.history.pushState directly) to avoid this situation.") : void 0;
+      } else A(a);
+    }
+  }
+
+  function x(a) {
+    var e = document.querySelector("base"),
+        l = "";
+    e && e.getAttribute("href") && (e = m.location.href, l = e.indexOf("#"), l = -1 === l ? e : e.slice(0, l));
+    return l + "#" + ("string" === typeof a ? a : I(a));
+  }
+
+  function z(a, e) {
+    void 0 === e && (e = null);
+    return C(_extends({
+      pathname: d.pathname,
+      hash: "",
+      search: ""
+    }, "string" === typeof a ? J(a) : a, {
+      state: e,
+      key: H()
+    }));
+  }
+
+  function A(a) {
+    v = a;
+    a = h();
+    q = a[0];
+    d = a[1];
+    f.call({
+      action: v,
+      location: d
+    });
+  }
+
+  function y(a, e) {
+    function l() {
+      y(a, e);
+    }
 
-  return _extends.apply(this, arguments);
+    var g = r.Push,
+        n = z(a, e);
+    "production" !== process.env.NODE_ENV ? D("/" === n.pathname.charAt(0), "Relative pathnames are not supported in hash history.push(" + JSON.stringify(a) + ")") : void 0;
+
+    if (!c.length || (c.call({
+      action: g,
+      location: n,
+      retry: l
+    }), !1)) {
+      var G = [{
+        usr: n.state,
+        key: n.key,
+        idx: q + 1
+      }, x(n)];
+      n = G[0];
+      G = G[1];
+
+      try {
+        u.pushState(n, "", G);
+      } catch (K) {
+        m.location.assign(G);
+      }
+
+      A(g);
+    }
+  }
+
+  function w(a, e) {
+    function l() {
+      w(a, e);
+    }
+
+    var g = r.Replace,
+        n = z(a, e);
+    "production" !== process.env.NODE_ENV ? D("/" === n.pathname.charAt(0), "Relative pathnames are not supported in hash history.replace(" + JSON.stringify(a) + ")") : void 0;
+    c.length && (c.call({
+      action: g,
+      location: n,
+      retry: l
+    }), 1) || (n = [{
+      usr: n.state,
+      key: n.key,
+      idx: q
+    }, x(n)], u.replaceState(n[0], "", n[1]), A(g));
+  }
+
+  function p(a) {
+    u.go(a);
+  }
+
+  void 0 === b && (b = {});
+  b = b.window;
+  var m = void 0 === b ? document.defaultView : b,
+      u = m.history,
+      t = null;
+  m.addEventListener("popstate", k);
+  m.addEventListener("hashchange", function () {
+    var a = h()[1];
+    I(a) !== I(d) && k();
+  });
+  var v = r.Pop;
+  b = h();
+  var q = b[0],
+      d = b[1],
+      f = F(),
+      c = F();
+  null == q && (q = 0, u.replaceState(_extends({}, u.state, {
+    idx: q
+  }), ""));
+  return {
+    get action() {
+      return v;
+    },
+
+    get location() {
+      return d;
+    },
+
+    createHref: x,
+    push: y,
+    replace: w,
+    go: p,
+    back: function back() {
+      p(-1);
+    },
+    forward: function forward() {
+      p(1);
+    },
+    listen: function listen(a) {
+      return f.push(a);
+    },
+    block: function block(a) {
+      var e = c.push(a);
+      1 === c.length && m.addEventListener("beforeunload", E);
+      return function () {
+        e();
+        c.length || m.removeEventListener("beforeunload", E);
+      };
+    }
+  };
 }
 
-var r,B=r||(r={});B.Pop="POP";B.Push="PUSH";B.Replace="REPLACE";var C="production"!==process.env.NODE_ENV?function(b){return Object.freeze(b)}:function(b){return b};function D(b,h){if(!b){"undefined"!==typeof console&&console.warn(h);try{throw Error(h);}catch(k){}}}function E(b){b.preventDefault();b.returnValue="";}
-function F(){var b=[];return {get length(){return b.length},push:function(h){b.push(h);return function(){b=b.filter(function(k){return k!==h});}},call:function(h){b.forEach(function(k){return k&&k(h)});}}}function H(){return Math.random().toString(36).substr(2,8)}function I(b){var h=b.pathname,k=b.search;b=b.hash;return (void 0===h?"/":h)+(void 0===k?"":k)+(void 0===b?"":b)}
-function J(b){var h={};if(b){var k=b.indexOf("#");0<=k&&(h.hash=b.substr(k),b=b.substr(0,k));k=b.indexOf("?");0<=k&&(h.search=b.substr(k),b=b.substr(0,k));b&&(h.pathname=b);}return h}
-function createBrowserHistory(b){function h(){var c=p.location,a=m.state||{};return [a.idx,C({pathname:c.pathname,search:c.search,hash:c.hash,state:a.usr||null,key:a.key||"default"})]}function k(c){return "string"===typeof c?c:I(c)}function x(c,a){void 0===a&&(a=null);return C(_extends({pathname:q.pathname,hash:"",search:""},"string"===typeof c?J(c):c,{state:a,key:H()}))}function z(c){t=c;c=h();v=c[0];q=c[1];d.call({action:t,location:q});}function A(c,a){function e(){A(c,a);}var l=r.Push,g=x(c,
-a);if(!f.length||(f.call({action:l,location:g,retry:e}),!1)){var n=[{usr:g.state,key:g.key,idx:v+1},k(g)];g=n[0];n=n[1];try{m.pushState(g,"",n);}catch(G){p.location.assign(n);}z(l);}}function y(c,a){function e(){y(c,a);}var l=r.Replace,g=x(c,a);f.length&&(f.call({action:l,location:g,retry:e}),1)||(g=[{usr:g.state,key:g.key,idx:v},k(g)],m.replaceState(g[0],"",g[1]),z(l));}function w(c){m.go(c);}void 0===b&&(b={});b=b.window;var p=void 0===b?document.defaultView:b,m=p.history,u=null;p.addEventListener("popstate",
-function(){if(u)f.call(u),u=null;else {var c=r.Pop,a=h(),e=a[0];a=a[1];if(f.length)if(null!=e){var l=v-e;l&&(u={action:c,location:a,retry:function(){w(-1*l);}},w(l));}else "production"!==process.env.NODE_ENV?D(!1,"You are trying to block a POP navigation to a location that was not created by the history library. The block will fail silently in production, but in general you should do all navigation with the history library (instead of using window.history.pushState directly) to avoid this situation."):
-void 0;else z(c);}});var t=r.Pop;b=h();var v=b[0],q=b[1],d=F(),f=F();null==v&&(v=0,m.replaceState(_extends({},m.state,{idx:v}),""));return {get action(){return t},get location(){return q},createHref:k,push:A,replace:y,go:w,back:function(){w(-1);},forward:function(){w(1);},listen:function(c){return d.push(c)},block:function(c){var a=f.push(c);1===f.length&&p.addEventListener("beforeunload",E);return function(){a();f.length||p.removeEventListener("beforeunload",E);}}}}function createHashHistory(b){function h(){var a=J(m.location.hash.substr(1)),e=a.pathname,l=a.search;a=a.hash;var g=u.state||{};return [g.idx,C({pathname:void 0===e?"/":e,search:void 0===l?"":l,hash:void 0===a?"":a,state:g.usr||null,key:g.key||"default"})]}function k(){if(t)c.call(t),t=null;else {var a=r.Pop,e=h(),l=e[0];e=e[1];if(c.length)if(null!=l){var g=q-l;g&&(t={action:a,location:e,retry:function(){p(-1*g);}},p(g));}else "production"!==process.env.NODE_ENV?D(!1,"You are trying to block a POP navigation to a location that was not created by the history library. The block will fail silently in production, but in general you should do all navigation with the history library (instead of using window.history.pushState directly) to avoid this situation."):
-void 0;else A(a);}}function x(a){var e=document.querySelector("base"),l="";e&&e.getAttribute("href")&&(e=m.location.href,l=e.indexOf("#"),l=-1===l?e:e.slice(0,l));return l+"#"+("string"===typeof a?a:I(a))}function z(a,e){void 0===e&&(e=null);return C(_extends({pathname:d.pathname,hash:"",search:""},"string"===typeof a?J(a):a,{state:e,key:H()}))}function A(a){v=a;a=h();q=a[0];d=a[1];f.call({action:v,location:d});}function y(a,e){function l(){y(a,e);}var g=r.Push,n=z(a,e);"production"!==process.env.NODE_ENV?
-D("/"===n.pathname.charAt(0),"Relative pathnames are not supported in hash history.push("+JSON.stringify(a)+")"):void 0;if(!c.length||(c.call({action:g,location:n,retry:l}),!1)){var G=[{usr:n.state,key:n.key,idx:q+1},x(n)];n=G[0];G=G[1];try{u.pushState(n,"",G);}catch(K){m.location.assign(G);}A(g);}}function w(a,e){function l(){w(a,e);}var g=r.Replace,n=z(a,e);"production"!==process.env.NODE_ENV?D("/"===n.pathname.charAt(0),"Relative pathnames are not supported in hash history.replace("+JSON.stringify(a)+
-")"):void 0;c.length&&(c.call({action:g,location:n,retry:l}),1)||(n=[{usr:n.state,key:n.key,idx:q},x(n)],u.replaceState(n[0],"",n[1]),A(g));}function p(a){u.go(a);}void 0===b&&(b={});b=b.window;var m=void 0===b?document.defaultView:b,u=m.history,t=null;m.addEventListener("popstate",k);m.addEventListener("hashchange",function(){var a=h()[1];I(a)!==I(d)&&k();});var v=r.Pop;b=h();var q=b[0],d=b[1],f=F(),c=F();null==q&&(q=0,u.replaceState(_extends({},u.state,{idx:q}),""));return {get action(){return v},get location(){return d},
-createHref:x,push:y,replace:w,go:p,back:function(){p(-1);},forward:function(){p(1);},listen:function(a){return f.push(a)},block:function(a){var e=c.push(a);1===c.length&&m.addEventListener("beforeunload",E);return function(){e();c.length||m.removeEventListener("beforeunload",E);}}}}
-
-let history;
-let basename = '/';
-function setHistoryMode(mode, base = '/') {
-    const options = {
-        window
-    };
-    basename = base;
-    if (mode === 'browser') {
-        history = createBrowserHistory(options);
-    }
-    else {
-        // default is hash
-        history = createHashHistory(options);
-    }
-}
-function prependBasename(url = '') {
-    return basename.replace(/\/$/, '') + '/' + url.replace(/^\//, '');
-}
-const hasBasename = (path, prefix) => new RegExp('^' + prefix + '(\\/|\\?|#|$)', 'i').test(path);
-const stripBasename = (path, prefix) => hasBasename(path, prefix) ? path.substr(prefix.length) : path;
-
-class Stacks {
-    constructor() {
-        this.stacks = [];
-        this.backDelta = 0;
-    }
-    set delta(delta) {
-        if (delta > 0) {
-            this.backDelta = delta;
-        }
-        else {
-            --this.backDelta;
-        }
-    }
-    get length() {
-        return this.stacks.length;
-    }
-    get last() {
-        return this.stacks[this.length - 1];
-    }
-    get() {
-        return this.stacks;
-    }
-    getItem(index) {
-        return this.stacks[index];
-    }
-    getLastIndex(pathname) {
-        const list = [...this.stacks].reverse();
-        return list.findIndex(page => { var _a; return ((_a = page.path) === null || _a === void 0 ? void 0 : _a.replace(/\?.*/g, '')) === pathname; });
-    }
-    getDelta(pathname) {
-        if (this.backDelta >= 1) {
-            return this.backDelta;
-        }
-        // NOTE: 此处为了修复浏览器后退多级页面，在大量重复路由状况下可能出现判断错误的情况 （增强判断能力只能考虑在 query 中新增参数来判断，暂时搁置）
-        return this.getLastIndex(pathname) || 1;
-    }
-    getPrevIndex(pathname) {
-        const lastIndex = this.getLastIndex(pathname);
-        if (lastIndex < 0) {
-            return -1;
-        }
-        return this.length - 1 - lastIndex;
-    }
-    pop() {
-        return this.stacks.pop();
-    }
-    push(page) {
-        return this.stacks.push(page);
-    }
-}
-const stacks = new Stacks();
-
-let routesAlias = {};
-function setRoutesAlias(alias) {
-    routesAlias = alias;
-}
-function addLeadingSlash(path) {
-    if (path == null) {
-        return '';
-    }
-    return path.charAt(0) === '/' ? path : '/' + path;
-}
-const isTabBar = (config) => {
-    var _a, _b;
-    const { customRoutes = {}, basename = '', pathname } = config.router;
-    const routePath = stripBasename(pathname, basename);
-    const pagePath = ((_a = Object.entries(customRoutes).find(([, target]) => target === routePath)) === null || _a === void 0 ? void 0 : _a[0]) || routePath;
-    return !!pagePath && (((_b = config.tabBar) === null || _b === void 0 ? void 0 : _b.list) || []).some(t => t.pagePath === pagePath);
+var history;
+var basename = '/';
+function setHistoryMode(mode) {
+  var base = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : '/';
+  var options = {
+    window: window
+  };
+  basename = base;
+
+  if (mode === 'browser') {
+    history = createBrowserHistory(options);
+  } else {
+    // default is hash
+    history = createHashHistory(options);
+  }
+}
+function prependBasename() {
+  var url = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : '';
+  return basename.replace(/\/$/, '') + '/' + url.replace(/^\//, '');
+}
+var hasBasename = function hasBasename() {
+  var path = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : '';
+  var prefix = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : '';
+  return new RegExp('^' + prefix + '(\\/|\\?|#|$)', 'i').test(path);
+};
+var stripBasename = function stripBasename() {
+  var path = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : '';
+  var prefix = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : '';
+  return hasBasename(path, prefix) ? path.substr(prefix.length) : path;
 };
 
-function processNavigateUrl(option) {
-    var _a;
-    const pathPieces = J(option.url);
-    // 处理自定义路由
-    Object.keys(routesAlias).forEach(key => {
-        if (addLeadingSlash(key) === addLeadingSlash(pathPieces.pathname)) {
-            pathPieces.pathname = routesAlias[key];
-        }
-    });
-    // 处理相对路径
-    if ((_a = pathPieces === null || pathPieces === void 0 ? void 0 : pathPieces.pathname) === null || _a === void 0 ? void 0 : _a.includes('./')) {
-        const parts = history.location.pathname.split('/');
-        parts.pop();
-        pathPieces.pathname.split('/').forEach((item) => {
-            if (item === '.') {
-                return;
-            }
-            item === '..' ? parts.pop() : parts.push(item);
-        });
-        pathPieces.pathname = parts.join('/');
-    }
-    // 处理 basename
-    pathPieces.pathname = prependBasename(pathPieces.pathname);
-    // hack fix history v5 bug: https://github.com/remix-run/history/issues/814
-    if (!pathPieces.search)
-        pathPieces.search = '';
-    return pathPieces;
-}
-async function navigate(option, method) {
-    return new Promise((resolve, reject) => {
-        const { success, complete, fail } = option;
-        const unListen = history.listen(() => {
-            success === null || success === void 0 ? void 0 : success();
-            complete === null || complete === void 0 ? void 0 : complete();
-            resolve();
-            unListen();
-        });
-        try {
-            if ('url' in option) {
-                const pathPieces = processNavigateUrl(option);
-                const state = { timestamp: Date.now() };
-                if (method === 'navigateTo') {
-                    history.push(pathPieces, state);
-                }
-                else if (method === 'redirectTo') {
-                    history.replace(pathPieces, state);
-                }
-            }
-            else if (method === 'navigateBack') {
-                stacks.delta = option.delta;
-                history.go(-option.delta);
-            }
-        }
-        catch (error) {
-            fail === null || fail === void 0 ? void 0 : fail(error);
-            complete === null || complete === void 0 ? void 0 : complete();
-            reject(error);
-        }
-    });
-}
-function navigateTo(option) {
-    return navigate(option, 'navigateTo');
-}
-function redirectTo(option) {
-    return navigate(option, 'redirectTo');
-}
-function navigateBack(options = { delta: 1 }) {
-    if (!options.delta || options.delta < 1) {
-        options.delta = 1;
-    }
-    return navigate(options, 'navigateBack');
-}
-function switchTab(option) {
-    // TODO: 清除掉所有的栈去目标页面
-    return redirectTo(option);
-}
-function reLaunch(option) {
-    // TODO: 清除掉所有的栈去目标页面
-    return redirectTo(option);
-}
-function getCurrentPages() {
-    return stacks.get();
+var Stacks = /*#__PURE__*/function () {
+  function Stacks() {
+    _classCallCheck(this, Stacks);
+
+    _defineProperty(this, "stacks", []);
+
+    _defineProperty(this, "backDelta", 0);
+  }
+
+  _createClass(Stacks, [{
+    key: "delta",
+    set: function set(delta) {
+      if (delta > 0) {
+        this.backDelta = delta;
+      } else {
+        --this.backDelta;
+      }
+    }
+  }, {
+    key: "length",
+    get: function get() {
+      return this.stacks.length;
+    }
+  }, {
+    key: "last",
+    get: function get() {
+      return this.stacks[this.length - 1];
+    }
+  }, {
+    key: "get",
+    value: function get() {
+      return this.stacks;
+    }
+  }, {
+    key: "getItem",
+    value: function getItem(index) {
+      return this.stacks[index];
+    }
+  }, {
+    key: "getLastIndex",
+    value: function getLastIndex(pathname) {
+      var stateWith = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : 1;
+
+      var list = _toConsumableArray(this.stacks).reverse();
+
+      return list.findIndex(function (page, i) {
+        var _page$path;
+
+        return i >= stateWith && ((_page$path = page.path) === null || _page$path === void 0 ? void 0 : _page$path.replace(/\?.*/g, '')) === pathname;
+      });
+    }
+  }, {
+    key: "getDelta",
+    value: function getDelta(pathname) {
+      if (this.backDelta >= 1) {
+        return this.backDelta;
+      } // NOTE: 此处为了修复浏览器后退多级页面，在大量重复路由状况下可能出现判断错误的情况 （增强判断能力只能考虑在 query 中新增参数来判断，暂时搁置）
+
+
+      return this.getLastIndex(pathname) || 1;
+    }
+  }, {
+    key: "getPrevIndex",
+    value: function getPrevIndex(pathname) {
+      var stateWith = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : 1;
+      var lastIndex = this.getLastIndex(pathname, stateWith);
+
+      if (lastIndex < 0) {
+        return -1;
+      }
+
+      return this.length - 1 - lastIndex;
+    }
+  }, {
+    key: "pop",
+    value: function pop() {
+      return this.stacks.pop();
+    }
+  }, {
+    key: "push",
+    value: function push(page) {
+      return this.stacks.push(page);
+    }
+  }]);
+
+  return Stacks;
+}();
+
+var stacks = new Stacks();
+
+function addLeadingSlash(path) {
+  if (path == null) {
+    return '';
+  }
+
+  return path.charAt(0) === '/' ? path : '/' + path;
 }
 
-/**
- * Expose `pathToRegexp`.
- */
-var pathToRegexp_1 = pathToRegexp;
-var match_1 = match;
-var regexpToFunction_1 = regexpToFunction;
-var parse_1 = parse;
-var compile_1 = compile;
-var tokensToFunction_1 = tokensToFunction;
-var tokensToRegExp_1 = tokensToRegExp;
+var RoutesAlias = /*#__PURE__*/function () {
+  function RoutesAlias() {
+    var _this = this;
+
+    _classCallCheck(this, RoutesAlias);
+
+    _defineProperty(this, "conf", []);
+
+    _defineProperty(this, "getConfig", function () {
+      var url = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : '';
+
+      var customRoute = _this.conf.filter(function (arr) {
+        return arr.includes(url);
+      });
+
+      return customRoute[0];
+    });
+
+    _defineProperty(this, "getOrigin", function () {
+      var _this$getConfig;
+
+      var url = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : '';
+      return ((_this$getConfig = _this.getConfig(url)) === null || _this$getConfig === void 0 ? void 0 : _this$getConfig[0]) || url;
+    });
+
+    _defineProperty(this, "getAlias", function () {
+      var _this$getConfig2;
+
+      var url = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : '';
+      return ((_this$getConfig2 = _this.getConfig(url)) === null || _this$getConfig2 === void 0 ? void 0 : _this$getConfig2[1]) || url;
+    });
+
+    _defineProperty(this, "getAll", function () {
+      var url = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : '';
+      return _this.conf.filter(function (arr) {
+        return arr.includes(url);
+      }).reduce(function (p, a) {
+        p.push(a[1]);
+        return p;
+      }, [url]);
+    });
+  }
+
+  _createClass(RoutesAlias, [{
+    key: "set",
+    value: function set() {
+      var _this2 = this;
+
+      var customRoutes = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : {};
+
+      var _loop = function _loop(_key) {
+        var path = customRoutes[_key];
+        _key = addLeadingSlash(_key);
+
+        if (typeof path === 'string') {
+          _this2.conf.push([_key, addLeadingSlash(path)]);
+        } else if ((path === null || path === void 0 ? void 0 : path.length) > 0) {
+          var _this2$conf;
+
+          (_this2$conf = _this2.conf).push.apply(_this2$conf, _toConsumableArray(path.map(function (p) {
+            return [_key, addLeadingSlash(p)];
+          })));
+        }
+
+        key = _key;
+      };
+
+      for (var key in customRoutes) {
+        _loop(key);
+      }
+    }
+  }]);
+
+  return RoutesAlias;
+}();
+
+var routesAlias = new RoutesAlias();
+
+function processNavigateUrl(option) {
+  var _pathPieces$pathname;
+
+  var pathPieces = J(option.url); // 处理自定义路由
+
+  pathPieces.pathname = routesAlias.getAlias(addLeadingSlash(pathPieces.pathname)); // 处理相对路径
+
+  if (pathPieces !== null && pathPieces !== void 0 && (_pathPieces$pathname = pathPieces.pathname) !== null && _pathPieces$pathname !== void 0 && _pathPieces$pathname.includes('./')) {
+    var parts = history.location.pathname.split('/');
+    parts.pop();
+    pathPieces.pathname.split('/').forEach(function (item) {
+      if (item === '.') {
+        return;
+      }
+
+      item === '..' ? parts.pop() : parts.push(item);
+    });
+    pathPieces.pathname = parts.join('/');
+  } // 处理 basename
+
+
+  pathPieces.pathname = prependBasename(pathPieces.pathname); // hack fix history v5 bug: https://github.com/remix-run/history/issues/814
+
+  if (!pathPieces.search) pathPieces.search = '';
+  return pathPieces;
+}
 
+function navigate(_x, _x2) {
+  return _navigate.apply(this, arguments);
+}
+
+function _navigate() {
+  _navigate = _asyncToGenerator( /*#__PURE__*/_regeneratorRuntime.mark(function _callee(option, method) {
+    return _regeneratorRuntime.wrap(function _callee$(_context) {
+      while (1) {
+        switch (_context.prev = _context.next) {
+          case 0:
+            return _context.abrupt("return", new Promise(function (resolve, reject) {
+              var success = option.success,
+                  complete = option.complete,
+                  fail = option.fail;
+              var unListen = history.listen(function () {
+                var res = {
+                  errMsg: "".concat(method, ": ok")
+                };
+                success === null || success === void 0 ? void 0 : success(res);
+                complete === null || complete === void 0 ? void 0 : complete(res);
+                resolve(res);
+                unListen();
+              });
+
+              try {
+                if ('url' in option) {
+                  var pathPieces = processNavigateUrl(option);
+                  var state = {
+                    timestamp: Date.now()
+                  };
+
+                  if (method === 'navigateTo') {
+                    history.push(pathPieces, state);
+                  } else if (method === 'redirectTo' || method === 'switchTab') {
+                    history.replace(pathPieces, state);
+                  } else if (method === 'reLaunch') {
+                    stacks.delta = stacks.length;
+                    history.replace(pathPieces, state);
+                  }
+                } else if (method === 'navigateBack') {
+                  stacks.delta = option.delta;
+                  history.go(-option.delta);
+                }
+              } catch (error) {
+                var res = {
+                  errMsg: "".concat(method, ": fail ").concat(error.message || error)
+                };
+                fail === null || fail === void 0 ? void 0 : fail(res);
+                complete === null || complete === void 0 ? void 0 : complete(res);
+                reject(res);
+              }
+            }));
+
+          case 1:
+          case "end":
+            return _context.stop();
+        }
+      }
+    }, _callee);
+  }));
+  return _navigate.apply(this, arguments);
+}
+
+function navigateTo(option) {
+  return navigate(option, 'navigateTo');
+}
+function redirectTo(option) {
+  return navigate(option, 'redirectTo');
+}
+function navigateBack() {
+  var options = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : {
+    delta: 1
+  };
+
+  if (!options.delta || options.delta < 1) {
+    options.delta = 1;
+  }
+
+  return navigate(options, 'navigateBack');
+}
+function switchTab(option) {
+  return navigate(option, 'switchTab');
+}
+function reLaunch(option) {
+  return navigate(option, 'reLaunch');
+}
+function getCurrentPages() {
+  var pages = stacks.get();
+  return pages.map(function (e) {
+    return _objectSpread(_objectSpread({}, e), {}, {
+      route: e.path || ''
+    });
+  });
+}
+
+var pathToRegexp$2 = {exports: {}};
+
+pathToRegexp$2.exports = pathToRegexp;
+pathToRegexp$2.exports.match = match;
+pathToRegexp$2.exports.regexpToFunction = regexpToFunction;
+pathToRegexp$2.exports.parse = parse;
+pathToRegexp$2.exports.compile = compile;
+pathToRegexp$2.exports.tokensToFunction = tokensToFunction;
+pathToRegexp$2.exports.tokensToRegExp = tokensToRegExp;
 /**
  * Default configs.
  */
-var DEFAULT_DELIMITER = '/';
 
+var DEFAULT_DELIMITER = '/';
 /**
  * The main path matching regexp utility.
  *
  * @type {RegExp}
  */
-var PATH_REGEXP = new RegExp([
-  // Match escaped characters that would otherwise appear in future matches.
-  // This allows the user to escape special characters that won't transform.
-  '(\\\\.)',
-  // Match Express-style parameters and un-named parameters with a prefix
-  // and optional suffixes. Matches appear as:
-  //
-  // ":test(\\d+)?" => ["test", "\d+", undefined, "?"]
-  // "(\\d+)"  => [undefined, undefined, "\d+", undefined]
-  '(?:\\:(\\w+)(?:\\(((?:\\\\.|[^\\\\()])+)\\))?|\\(((?:\\\\.|[^\\\\()])+)\\))([+*?])?'
-].join('|'), 'g');
 
+var PATH_REGEXP = new RegExp([// Match escaped characters that would otherwise appear in future matches.
+// This allows the user to escape special characters that won't transform.
+'(\\\\.)', // Match Express-style parameters and un-named parameters with a prefix
+// and optional suffixes. Matches appear as:
+//
+// ":test(\\d+)?" => ["test", "\d+", undefined, "?"]
+// "(\\d+)"  => [undefined, undefined, "\d+", undefined]
+'(?:\\:(\\w+)(?:\\(((?:\\\\.|[^\\\\()])+)\\))?|\\(((?:\\\\.|[^\\\\()])+)\\))([+*?])?'].join('|'), 'g');
 /**
  * Parse a string for the raw tokens.
  *
@@ -245,13 +784,14 @@ var PATH_REGEXP = new RegExp([
  * @param  {Object=} options
  * @return {!Array}
  */
-function parse (str, options) {
+
+function parse(str, options) {
   var tokens = [];
   var key = 0;
   var index = 0;
   var path = '';
-  var defaultDelimiter = (options && options.delimiter) || DEFAULT_DELIMITER;
-  var whitelist = (options && options.whitelist) || undefined;
+  var defaultDelimiter = options && options.delimiter || DEFAULT_DELIMITER;
+  var whitelist = options && options.whitelist || undefined;
   var pathEscaped = false;
   var res;
 
@@ -260,13 +800,12 @@ function parse (str, options) {
     var escaped = res[1];
     var offset = res.index;
     path += str.slice(index, offset);
-    index = offset + m.length;
+    index = offset + m.length; // Ignore already escaped sequences.
 
-    // Ignore already escaped sequences.
     if (escaped) {
       path += escaped[1];
       pathEscaped = true;
-      continue
+      continue;
     }
 
     var prev = '';
@@ -284,9 +823,9 @@ function parse (str, options) {
         prev = c;
         path = path.slice(0, k);
       }
-    }
+    } // Push the current path onto the tokens.
+
 
-    // Push the current path onto the tokens.
     if (path) {
       tokens.push(path);
       path = '';
@@ -297,27 +836,23 @@ function parse (str, options) {
     var optional = modifier === '?' || modifier === '*';
     var pattern = capture || group;
     var delimiter = prev || defaultDelimiter;
-
     tokens.push({
       name: name || key++,
       prefix: prev,
       delimiter: delimiter,
       optional: optional,
       repeat: repeat,
-      pattern: pattern
-        ? escapeGroup(pattern)
-        : '[^' + escapeString(delimiter === defaultDelimiter ? delimiter : (delimiter + defaultDelimiter)) + ']+?'
+      pattern: pattern ? escapeGroup(pattern) : '[^' + escapeString(delimiter === defaultDelimiter ? delimiter : delimiter + defaultDelimiter) + ']+?'
     });
-  }
+  } // Push any remaining characters.
+
 
-  // Push any remaining characters.
   if (path || index < str.length) {
     tokens.push(path + str.substr(index));
   }
 
-  return tokens
+  return tokens;
 }
-
 /**
  * Compile a string to a template function for the path.
  *
@@ -325,67 +860,73 @@ function parse (str, options) {
  * @param  {Object=}            options
  * @return {!function(Object=, Object=)}
  */
-function compile (str, options) {
-  return tokensToFunction(parse(str, options), options)
-}
 
+
+function compile(str, options) {
+  return tokensToFunction(parse(str, options), options);
+}
 /**
  * Create path match function from `path-to-regexp` spec.
  */
-function match (str, options) {
+
+
+function match(str, options) {
   var keys = [];
   var re = pathToRegexp(str, keys, options);
-  return regexpToFunction(re, keys)
+  return regexpToFunction(re, keys);
 }
-
 /**
  * Create a path match function from `path-to-regexp` output.
  */
-function regexpToFunction (re, keys) {
+
+
+function regexpToFunction(re, keys) {
   return function (pathname, options) {
     var m = re.exec(pathname);
-    if (!m) return false
-
+    if (!m) return false;
     var path = m[0];
     var index = m.index;
     var params = {};
-    var decode = (options && options.decode) || decodeURIComponent;
+    var decode = options && options.decode || decodeURIComponent;
 
     for (var i = 1; i < m.length; i++) {
-      if (m[i] === undefined) continue
-
+      if (m[i] === undefined) continue;
       var key = keys[i - 1];
 
       if (key.repeat) {
         params[key.name] = m[i].split(key.delimiter).map(function (value) {
-          return decode(value, key)
+          return decode(value, key);
         });
       } else {
         params[key.name] = decode(m[i], key);
       }
     }
 
-    return { path: path, index: index, params: params }
-  }
+    return {
+      path: path,
+      index: index,
+      params: params
+    };
+  };
 }
-
 /**
  * Expose a method for transforming tokens into the path function.
  */
-function tokensToFunction (tokens, options) {
+
+
+function tokensToFunction(tokens, options) {
   // Compile all the tokens into regexps.
-  var matches = new Array(tokens.length);
+  var matches = new Array(tokens.length); // Compile all the patterns before compilation.
 
-  // Compile all the patterns before compilation.
   for (var i = 0; i < tokens.length; i++) {
-    if (typeof tokens[i] === 'object') {
+    if (_typeof(tokens[i]) === 'object') {
       matches[i] = new RegExp('^(?:' + tokens[i].pattern + ')$', flags(options));
     }
   }
 
   return function (data, options) {
     var path = '';
-    var encode = (options && options.encode) || encodeURIComponent;
+    var encode = options && options.encode || encodeURIComponent;
     var validate = options ? options.validate !== false : true;
 
     for (var i = 0; i < tokens.length; i++) {
@@ -393,7 +934,7 @@ function tokensToFunction (tokens, options) {
 
       if (typeof token === 'string') {
         path += token;
-        continue
+        continue;
       }
 
       var value = data ? data[token.name] : undefined;
@@ -401,78 +942,78 @@ function tokensToFunction (tokens, options) {
 
       if (Array.isArray(value)) {
         if (!token.repeat) {
-          throw new TypeError('Expected "' + token.name + '" to not repeat, but got array')
+          throw new TypeError('Expected "' + token.name + '" to not repeat, but got array');
         }
 
         if (value.length === 0) {
-          if (token.optional) continue
-
-          throw new TypeError('Expected "' + token.name + '" to not be empty')
+          if (token.optional) continue;
+          throw new TypeError('Expected "' + token.name + '" to not be empty');
         }
 
         for (var j = 0; j < value.length; j++) {
           segment = encode(value[j], token);
 
           if (validate && !matches[i].test(segment)) {
-            throw new TypeError('Expected all "' + token.name + '" to match "' + token.pattern + '"')
+            throw new TypeError('Expected all "' + token.name + '" to match "' + token.pattern + '"');
           }
 
           path += (j === 0 ? token.prefix : token.delimiter) + segment;
         }
 
-        continue
+        continue;
       }
 
       if (typeof value === 'string' || typeof value === 'number' || typeof value === 'boolean') {
         segment = encode(String(value), token);
 
         if (validate && !matches[i].test(segment)) {
-          throw new TypeError('Expected "' + token.name + '" to match "' + token.pattern + '", but got "' + segment + '"')
+          throw new TypeError('Expected "' + token.name + '" to match "' + token.pattern + '", but got "' + segment + '"');
         }
 
         path += token.prefix + segment;
-        continue
+        continue;
       }
 
-      if (token.optional) continue
-
-      throw new TypeError('Expected "' + token.name + '" to be ' + (token.repeat ? 'an array' : 'a string'))
+      if (token.optional) continue;
+      throw new TypeError('Expected "' + token.name + '" to be ' + (token.repeat ? 'an array' : 'a string'));
     }
 
-    return path
-  }
+    return path;
+  };
 }
-
 /**
  * Escape a regular expression string.
  *
  * @param  {string} str
  * @return {string}
  */
-function escapeString (str) {
-  return str.replace(/([.+*?=^!:${}()[\]|/\\])/g, '\\$1')
-}
 
+
+function escapeString(str) {
+  return str.replace(/([.+*?=^!:${}()[\]|/\\])/g, '\\$1');
+}
 /**
  * Escape the capturing group by escaping special characters and meaning.
  *
  * @param  {string} group
  * @return {string}
  */
-function escapeGroup (group) {
-  return group.replace(/([=!:$/()])/g, '\\$1')
-}
 
+
+function escapeGroup(group) {
+  return group.replace(/([=!:$/()])/g, '\\$1');
+}
 /**
  * Get the flags for a regexp from the options.
  *
  * @param  {Object} options
  * @return {string}
  */
-function flags (options) {
-  return options && options.sensitive ? '' : 'i'
-}
 
+
+function flags(options) {
+  return options && options.sensitive ? '' : 'i';
+}
 /**
  * Pull out keys from a regexp.
  *
@@ -480,10 +1021,11 @@ function flags (options) {
  * @param  {Array=}  keys
  * @return {!RegExp}
  */
-function regexpToRegexp (path, keys) {
-  if (!keys) return path
 
-  // Use a negative lookahead to match only capturing groups.
+
+function regexpToRegexp(path, keys) {
+  if (!keys) return path; // Use a negative lookahead to match only capturing groups.
+
   var groups = path.source.match(/\((?!\?)/g);
 
   if (groups) {
@@ -499,9 +1041,8 @@ function regexpToRegexp (path, keys) {
     }
   }
 
-  return path
+  return path;
 }
-
 /**
  * Transform an array into a regexp.
  *
@@ -510,16 +1051,17 @@ function regexpToRegexp (path, keys) {
  * @param  {Object=} options
  * @return {!RegExp}
  */
-function arrayToRegexp (path, keys, options) {
+
+
+function arrayToRegexp(path, keys, options) {
   var parts = [];
 
   for (var i = 0; i < path.length; i++) {
     parts.push(pathToRegexp(path[i], keys, options).source);
   }
 
-  return new RegExp('(?:' + parts.join('|') + ')', flags(options))
+  return new RegExp('(?:' + parts.join('|') + ')', flags(options));
 }
-
 /**
  * Create a path regexp from string input.
  *
@@ -528,10 +1070,11 @@ function arrayToRegexp (path, keys, options) {
  * @param  {Object=} options
  * @return {!RegExp}
  */
-function stringToRegexp (path, keys, options) {
-  return tokensToRegExp(parse(path, options), keys, options)
-}
 
+
+function stringToRegexp(path, keys, options) {
+  return tokensToRegExp(parse(path, options), keys, options);
+}
 /**
  * Expose a function for taking tokens and returning a RegExp.
  *
@@ -540,27 +1083,24 @@ function stringToRegexp (path, keys, options) {
  * @param  {Object=} options
  * @return {!RegExp}
  */
-function tokensToRegExp (tokens, keys, options) {
-  options = options || {};
 
+
+function tokensToRegExp(tokens, keys, options) {
+  options = options || {};
   var strict = options.strict;
   var start = options.start !== false;
   var end = options.end !== false;
   var delimiter = options.delimiter || DEFAULT_DELIMITER;
   var endsWith = [].concat(options.endsWith || []).map(escapeString).concat('$').join('|');
-  var route = start ? '^' : '';
+  var route = start ? '^' : ''; // Iterate over the tokens and create our regexp string.
 
-  // Iterate over the tokens and create our regexp string.
   for (var i = 0; i < tokens.length; i++) {
     var token = tokens[i];
 
     if (typeof token === 'string') {
       route += escapeString(token);
     } else {
-      var capture = token.repeat
-        ? '(?:' + token.pattern + ')(?:' + escapeString(token.delimiter) + '(?:' + token.pattern + '))*'
-        : token.pattern;
-
+      var capture = token.repeat ? '(?:' + token.pattern + ')(?:' + escapeString(token.delimiter) + '(?:' + token.pattern + '))*' : token.pattern;
       if (keys) keys.push(token);
 
       if (token.optional) {
@@ -577,21 +1117,16 @@ function tokensToRegExp (tokens, keys, options) {
 
   if (end) {
     if (!strict) route += '(?:' + escapeString(delimiter) + ')?';
-
     route += endsWith === '$' ? '$' : '(?=' + endsWith + ')';
   } else {
     var endToken = tokens[tokens.length - 1];
-    var isEndDelimited = typeof endToken === 'string'
-      ? endToken[endToken.length - 1] === delimiter
-      : endToken === undefined;
-
+    var isEndDelimited = typeof endToken === 'string' ? endToken[endToken.length - 1] === delimiter : endToken === undefined;
     if (!strict) route += '(?:' + escapeString(delimiter) + '(?=' + endsWith + '))?';
     if (!isEndDelimited) route += '(?=' + escapeString(delimiter) + '|' + endsWith + ')';
   }
 
-  return new RegExp(route, flags(options))
+  return new RegExp(route, flags(options));
 }
-
 /**
  * Normalize the given path string, returning a regular expression.
  *
@@ -604,25 +1139,21 @@ function tokensToRegExp (tokens, keys, options) {
  * @param  {Object=}               options
  * @return {!RegExp}
  */
-function pathToRegexp (path, keys, options) {
+
+
+function pathToRegexp(path, keys, options) {
   if (path instanceof RegExp) {
-    return regexpToRegexp(path, keys)
+    return regexpToRegexp(path, keys);
   }
 
   if (Array.isArray(path)) {
-    return arrayToRegexp(/** @type {!Array} */ (path), keys, options)
+    return arrayToRegexp(path, keys, options);
   }
 
-  return stringToRegexp(/** @type {string} */ (path), keys, options)
+  return stringToRegexp(path, keys, options);
 }
-pathToRegexp_1.match = match_1;
-pathToRegexp_1.regexpToFunction = regexpToFunction_1;
-pathToRegexp_1.parse = parse_1;
-pathToRegexp_1.compile = compile_1;
-pathToRegexp_1.tokensToFunction = tokensToFunction_1;
-pathToRegexp_1.tokensToRegExp = tokensToRegExp_1;
 
-/*! Universal Router | MIT License | https://www.kriasoft.com/universal-router/ */
+var pathToRegexp$1 = pathToRegexp$2.exports;
 
 var hasOwnProperty = Object.prototype.hasOwnProperty;
 var cache = new Map();
@@ -644,7 +1175,7 @@ function matchPath(route, pathname, parentKeys, parentParams) {
     var keys = [];
     regexp = {
       keys: keys,
-      pattern: pathToRegexp_1(route.path || '', keys, {
+      pattern: pathToRegexp$1(route.path || '', keys, {
         end: end
       })
     };
@@ -767,7 +1298,7 @@ var UniversalRouter = function () {
       options = {};
     }
 
-    if (!routes || typeof routes !== 'object') {
+    if (!routes || _typeof(routes) !== 'object') {
       throw new TypeError('Invalid routes');
     }
 
@@ -846,851 +1377,1204 @@ var UniversalRouter = function () {
   return UniversalRouter;
 }();
 
-UniversalRouter.pathToRegexp = pathToRegexp_1;
-
-const Taro = require('@tarojs/taro-h5');
-function initTabbar(config) {
-    if (config.tabBar == null) {
-        return;
-    }
-    // TODO: 找到 tabbar 的类型
-    const tabbar = document.createElement('taro-tabbar');
-    const homePage = config.pages ? config.pages[0] : '';
-    tabbar.conf = config.tabBar;
-    tabbar.conf.homePage = history.location.pathname === '/' ? homePage : history.location.pathname;
-    const routerConfig = config.router;
-    tabbar.conf.mode = routerConfig && routerConfig.mode ? routerConfig.mode : 'hash';
-    if (routerConfig.customRoutes) {
-        tabbar.conf.custom = true;
-        tabbar.conf.customRoutes = routerConfig.customRoutes;
-    }
-    else {
-        tabbar.conf.custom = false;
-        tabbar.conf.customRoutes = {};
-    }
-    if (typeof routerConfig.basename !== 'undefined') {
-        tabbar.conf.basename = routerConfig.basename;
-    }
-    const container = document.getElementById('container');
-    // eslint-disable-next-line no-unused-expressions
-    container === null || container === void 0 ? void 0 : container.appendChild(tabbar);
-    Taro.initTabBarApis(config);
-}
-
-const routerConfig = Object.create(null);
-function init(config) {
-    var _a;
-    config.router.mode = config.router.mode || 'hash';
-    setHistoryMode(config.router.mode, config.router.basename);
-    Object.assign(routerConfig, config);
-    (_a = document.getElementById('app')) === null || _a === void 0 ? void 0 : _a.remove();
-    const container = document.createElement('div');
-    container.classList.add('taro-tabbar__container');
-    container.id = 'container';
-    const panel = document.createElement('div');
-    panel.classList.add('taro-tabbar__panel');
-    const app = document.createElement('div');
-    app.id = 'app';
-    app.classList.add('taro_router');
-    panel.appendChild(app);
-    container.appendChild(panel);
-    document.body.appendChild(container);
-    initTabbar(config);
-}
-
-let pageScrollFn;
-let pageDOM = window;
-function bindPageScroll(page, config) {
-    pageDOM.removeEventListener('scroll', pageScrollFn);
-    pageDOM = getScrollContainer();
-    const distance = config.onReachBottomDistance || 50;
-    let isReachBottom = false;
-    pageScrollFn = function () {
-        page.onPageScroll && page.onPageScroll({
-            scrollTop: pageDOM instanceof Window ? window.scrollY : pageDOM.scrollTop
-        });
-        if (isReachBottom && getOffset() > distance) {
-            isReachBottom = false;
-        }
-        if (page.onReachBottom &&
-            !isReachBottom &&
-            getOffset() < distance) {
-            isReachBottom = true;
-            page.onReachBottom();
-        }
-    };
-    pageDOM.addEventListener('scroll', pageScrollFn, false);
-}
-window.addEventListener('DOMSubtreeModified', (e) => {
-    var _a;
-    // @ts-ignore
-    const className = (_a = e.target) === null || _a === void 0 ? void 0 : _a.className;
-    if (className && /taro-tabbar__/.test(className)) {
-        pageDOM.removeEventListener('scroll', pageScrollFn);
-        pageDOM = getScrollContainer();
-        pageDOM.addEventListener('scroll', pageScrollFn, false);
-    }
-}, false);
-function getScrollContainer() {
-    if (document.querySelector('.taro-tabbar__tabbar') === null) {
-        // 没设置tabbar
-        return window;
-    }
-    else {
-        // 有设置tabbar
-        return document.querySelector('.taro-tabbar__panel') || window;
-    }
-}
-function getOffset() {
-    if (pageDOM instanceof Window) {
-        return document.documentElement.scrollHeight - window.scrollY - window.innerHeight;
-    }
-    else {
-        return pageDOM.scrollHeight - pageDOM.scrollTop - pageDOM.clientHeight;
-    }
-}
+UniversalRouter.pathToRegexp = pathToRegexp$1;
 
-function createCommonjsModule(fn, module) {
-	return module = { exports: {} }, fn(module, module.exports), module.exports;
-}
+var queryString = {};
 
-var strictUriEncode = str => encodeURIComponent(str).replace(/[!'()*]/g, x => `%${x.charCodeAt(0).toString(16).toUpperCase()}`);
+var strictUriEncode = function strictUriEncode(str) {
+  return encodeURIComponent(str).replace(/[!'()*]/g, function (x) {
+    return "%".concat(x.charCodeAt(0).toString(16).toUpperCase());
+  });
+};
 
 var token = '%[a-f0-9]{2}';
 var singleMatcher = new RegExp(token, 'gi');
 var multiMatcher = new RegExp('(' + token + ')+', 'gi');
 
 function decodeComponents(components, split) {
-	try {
-		// Try to decode the entire string first
-		return decodeURIComponent(components.join(''));
-	} catch (err) {
-		// Do nothing
-	}
-
-	if (components.length === 1) {
-		return components;
-	}
+  try {
+    // Try to decode the entire string first
+    return decodeURIComponent(components.join(''));
+  } catch (err) {// Do nothing
+  }
 
-	split = split || 1;
+  if (components.length === 1) {
+    return components;
+  }
 
-	// Split the array in 2 parts
-	var left = components.slice(0, split);
-	var right = components.slice(split);
+  split = split || 1; // Split the array in 2 parts
 
-	return Array.prototype.concat.call([], decodeComponents(left), decodeComponents(right));
+  var left = components.slice(0, split);
+  var right = components.slice(split);
+  return Array.prototype.concat.call([], decodeComponents(left), decodeComponents(right));
 }
 
 function decode(input) {
-	try {
-		return decodeURIComponent(input);
-	} catch (err) {
-		var tokens = input.match(singleMatcher);
-
-		for (var i = 1; i < tokens.length; i++) {
-			input = decodeComponents(tokens, i).join('');
+  try {
+    return decodeURIComponent(input);
+  } catch (err) {
+    var tokens = input.match(singleMatcher);
 
-			tokens = input.match(singleMatcher);
-		}
+    for (var i = 1; i < tokens.length; i++) {
+      input = decodeComponents(tokens, i).join('');
+      tokens = input.match(singleMatcher);
+    }
 
-		return input;
-	}
+    return input;
+  }
 }
 
 function customDecodeURIComponent(input) {
-	// Keep track of all the replacements and prefill the map with the `BOM`
-	var replaceMap = {
-		'%FE%FF': '\uFFFD\uFFFD',
-		'%FF%FE': '\uFFFD\uFFFD'
-	};
-
-	var match = multiMatcher.exec(input);
-	while (match) {
-		try {
-			// Decode as big chunks as possible
-			replaceMap[match[0]] = decodeURIComponent(match[0]);
-		} catch (err) {
-			var result = decode(match[0]);
-
-			if (result !== match[0]) {
-				replaceMap[match[0]] = result;
-			}
-		}
-
-		match = multiMatcher.exec(input);
-	}
-
-	// Add `%C2` at the end of the map to make sure it does not replace the combinator before everything else
-	replaceMap['%C2'] = '\uFFFD';
-
-	var entries = Object.keys(replaceMap);
-
-	for (var i = 0; i < entries.length; i++) {
-		// Replace all decoded components
-		var key = entries[i];
-		input = input.replace(new RegExp(key, 'g'), replaceMap[key]);
-	}
-
-	return input;
-}
+  // Keep track of all the replacements and prefill the map with the `BOM`
+  var replaceMap = {
+    '%FE%FF': "\uFFFD\uFFFD",
+    '%FF%FE': "\uFFFD\uFFFD"
+  };
+  var match = multiMatcher.exec(input);
 
-var decodeUriComponent = function (encodedURI) {
-	if (typeof encodedURI !== 'string') {
-		throw new TypeError('Expected `encodedURI` to be of type `string`, got `' + typeof encodedURI + '`');
-	}
+  while (match) {
+    try {
+      // Decode as big chunks as possible
+      replaceMap[match[0]] = decodeURIComponent(match[0]);
+    } catch (err) {
+      var result = decode(match[0]);
 
-	try {
-		encodedURI = encodedURI.replace(/\+/g, ' ');
+      if (result !== match[0]) {
+        replaceMap[match[0]] = result;
+      }
+    }
 
-		// Try the built in decoder first
-		return decodeURIComponent(encodedURI);
-	} catch (err) {
-		// Fallback to a more advanced decoder
-		return customDecodeURIComponent(encodedURI);
-	}
+    match = multiMatcher.exec(input);
+  } // Add `%C2` at the end of the map to make sure it does not replace the combinator before everything else
+
+
+  replaceMap['%C2'] = "\uFFFD";
+  var entries = Object.keys(replaceMap);
+
+  for (var i = 0; i < entries.length; i++) {
+    // Replace all decoded components
+    var key = entries[i];
+    input = input.replace(new RegExp(key, 'g'), replaceMap[key]);
+  }
+
+  return input;
+}
+
+var decodeUriComponent = function decodeUriComponent(encodedURI) {
+  if (typeof encodedURI !== 'string') {
+    throw new TypeError('Expected `encodedURI` to be of type `string`, got `' + _typeof(encodedURI) + '`');
+  }
+
+  try {
+    encodedURI = encodedURI.replace(/\+/g, ' '); // Try the built in decoder first
+
+    return decodeURIComponent(encodedURI);
+  } catch (err) {
+    // Fallback to a more advanced decoder
+    return customDecodeURIComponent(encodedURI);
+  }
 };
 
-var splitOnFirst = (string, separator) => {
-	if (!(typeof string === 'string' && typeof separator === 'string')) {
-		throw new TypeError('Expected the arguments to be of type `string`');
-	}
+var splitOnFirst = function splitOnFirst(string, separator) {
+  if (!(typeof string === 'string' && typeof separator === 'string')) {
+    throw new TypeError('Expected the arguments to be of type `string`');
+  }
 
-	if (separator === '') {
-		return [string];
-	}
+  if (separator === '') {
+    return [string];
+  }
 
-	const separatorIndex = string.indexOf(separator);
+  var separatorIndex = string.indexOf(separator);
 
-	if (separatorIndex === -1) {
-		return [string];
-	}
+  if (separatorIndex === -1) {
+    return [string];
+  }
 
-	return [
-		string.slice(0, separatorIndex),
-		string.slice(separatorIndex + separator.length)
-	];
+  return [string.slice(0, separatorIndex), string.slice(separatorIndex + separator.length)];
 };
 
-var filterObj = function (obj, predicate) {
-	var ret = {};
-	var keys = Object.keys(obj);
-	var isArr = Array.isArray(predicate);
+var filterObj = function filterObj(obj, predicate) {
+  var ret = {};
+  var keys = Object.keys(obj);
+  var isArr = Array.isArray(predicate);
 
-	for (var i = 0; i < keys.length; i++) {
-		var key = keys[i];
-		var val = obj[key];
+  for (var i = 0; i < keys.length; i++) {
+    var key = keys[i];
+    var val = obj[key];
 
-		if (isArr ? predicate.indexOf(key) !== -1 : predicate(key, val, obj)) {
-			ret[key] = val;
-		}
-	}
+    if (isArr ? predicate.indexOf(key) !== -1 : predicate(key, val, obj)) {
+      ret[key] = val;
+    }
+  }
 
-	return ret;
+  return ret;
 };
 
-var queryString = createCommonjsModule(function (module, exports) {
-
-
-
-
-
-const isNullOrUndefined = value => value === null || value === undefined;
-
-function encoderForArrayFormat(options) {
-	switch (options.arrayFormat) {
-		case 'index':
-			return key => (result, value) => {
-				const index = result.length;
-
-				if (
-					value === undefined ||
-					(options.skipNull && value === null) ||
-					(options.skipEmptyString && value === '')
-				) {
-					return result;
-				}
-
-				if (value === null) {
-					return [...result, [encode(key, options), '[', index, ']'].join('')];
-				}
-
-				return [
-					...result,
-					[encode(key, options), '[', encode(index, options), ']=', encode(value, options)].join('')
-				];
-			};
-
-		case 'bracket':
-			return key => (result, value) => {
-				if (
-					value === undefined ||
-					(options.skipNull && value === null) ||
-					(options.skipEmptyString && value === '')
-				) {
-					return result;
-				}
-
-				if (value === null) {
-					return [...result, [encode(key, options), '[]'].join('')];
-				}
-
-				return [...result, [encode(key, options), '[]=', encode(value, options)].join('')];
-			};
-
-		case 'comma':
-		case 'separator':
-			return key => (result, value) => {
-				if (value === null || value === undefined || value.length === 0) {
-					return result;
-				}
-
-				if (result.length === 0) {
-					return [[encode(key, options), '=', encode(value, options)].join('')];
-				}
-
-				return [[result, encode(value, options)].join(options.arrayFormatSeparator)];
-			};
-
-		default:
-			return key => (result, value) => {
-				if (
-					value === undefined ||
-					(options.skipNull && value === null) ||
-					(options.skipEmptyString && value === '')
-				) {
-					return result;
-				}
-
-				if (value === null) {
-					return [...result, encode(key, options)];
-				}
-
-				return [...result, [encode(key, options), '=', encode(value, options)].join('')];
-			};
-	}
-}
+(function (exports) {
 
-function parserForArrayFormat(options) {
-	let result;
-
-	switch (options.arrayFormat) {
-		case 'index':
-			return (key, value, accumulator) => {
-				result = /\[(\d*)\]$/.exec(key);
-
-				key = key.replace(/\[\d*\]$/, '');
-
-				if (!result) {
-					accumulator[key] = value;
-					return;
-				}
-
-				if (accumulator[key] === undefined) {
-					accumulator[key] = {};
-				}
-
-				accumulator[key][result[1]] = value;
-			};
-
-		case 'bracket':
-			return (key, value, accumulator) => {
-				result = /(\[\])$/.exec(key);
-				key = key.replace(/\[\]$/, '');
-
-				if (!result) {
-					accumulator[key] = value;
-					return;
-				}
-
-				if (accumulator[key] === undefined) {
-					accumulator[key] = [value];
-					return;
-				}
-
-				accumulator[key] = [].concat(accumulator[key], value);
-			};
-
-		case 'comma':
-		case 'separator':
-			return (key, value, accumulator) => {
-				const isArray = typeof value === 'string' && value.includes(options.arrayFormatSeparator);
-				const isEncodedArray = (typeof value === 'string' && !isArray && decode(value, options).includes(options.arrayFormatSeparator));
-				value = isEncodedArray ? decode(value, options) : value;
-				const newValue = isArray || isEncodedArray ? value.split(options.arrayFormatSeparator).map(item => decode(item, options)) : value === null ? value : decode(value, options);
-				accumulator[key] = newValue;
-			};
-
-		default:
-			return (key, value, accumulator) => {
-				if (accumulator[key] === undefined) {
-					accumulator[key] = value;
-					return;
-				}
-
-				accumulator[key] = [].concat(accumulator[key], value);
-			};
-	}
-}
+  var strictUriEncode$1 = strictUriEncode;
+  var decodeComponent = decodeUriComponent;
+  var splitOnFirst$1 = splitOnFirst;
+  var filterObject = filterObj;
 
-function validateArrayFormatSeparator(value) {
-	if (typeof value !== 'string' || value.length !== 1) {
-		throw new TypeError('arrayFormatSeparator must be single character string');
-	}
-}
+  var isNullOrUndefined = function isNullOrUndefined(value) {
+    return value === null || value === undefined;
+  };
 
-function encode(value, options) {
-	if (options.encode) {
-		return options.strict ? strictUriEncode(value) : encodeURIComponent(value);
-	}
+  function encoderForArrayFormat(options) {
+    switch (options.arrayFormat) {
+      case 'index':
+        return function (key) {
+          return function (result, value) {
+            var index = result.length;
 
-	return value;
-}
+            if (value === undefined || options.skipNull && value === null || options.skipEmptyString && value === '') {
+              return result;
+            }
 
-function decode(value, options) {
-	if (options.decode) {
-		return decodeUriComponent(value);
-	}
+            if (value === null) {
+              return [].concat(_toConsumableArray(result), [[encode(key, options), '[', index, ']'].join('')]);
+            }
 
-	return value;
-}
+            return [].concat(_toConsumableArray(result), [[encode(key, options), '[', encode(index, options), ']=', encode(value, options)].join('')]);
+          };
+        };
+
+      case 'bracket':
+        return function (key) {
+          return function (result, value) {
+            if (value === undefined || options.skipNull && value === null || options.skipEmptyString && value === '') {
+              return result;
+            }
 
-function keysSorter(input) {
-	if (Array.isArray(input)) {
-		return input.sort();
-	}
+            if (value === null) {
+              return [].concat(_toConsumableArray(result), [[encode(key, options), '[]'].join('')]);
+            }
 
-	if (typeof input === 'object') {
-		return keysSorter(Object.keys(input))
-			.sort((a, b) => Number(a) - Number(b))
-			.map(key => input[key]);
-	}
+            return [].concat(_toConsumableArray(result), [[encode(key, options), '[]=', encode(value, options)].join('')]);
+          };
+        };
 
-	return input;
-}
+      case 'comma':
+      case 'separator':
+        return function (key) {
+          return function (result, value) {
+            if (value === null || value === undefined || value.length === 0) {
+              return result;
+            }
+
+            if (result.length === 0) {
+              return [[encode(key, options), '=', encode(value, options)].join('')];
+            }
+
+            return [[result, encode(value, options)].join(options.arrayFormatSeparator)];
+          };
+        };
+
+      default:
+        return function (key) {
+          return function (result, value) {
+            if (value === undefined || options.skipNull && value === null || options.skipEmptyString && value === '') {
+              return result;
+            }
+
+            if (value === null) {
+              return [].concat(_toConsumableArray(result), [encode(key, options)]);
+            }
+
+            return [].concat(_toConsumableArray(result), [[encode(key, options), '=', encode(value, options)].join('')]);
+          };
+        };
+    }
+  }
+
+  function parserForArrayFormat(options) {
+    var result;
+
+    switch (options.arrayFormat) {
+      case 'index':
+        return function (key, value, accumulator) {
+          result = /\[(\d*)\]$/.exec(key);
+          key = key.replace(/\[\d*\]$/, '');
+
+          if (!result) {
+            accumulator[key] = value;
+            return;
+          }
+
+          if (accumulator[key] === undefined) {
+            accumulator[key] = {};
+          }
+
+          accumulator[key][result[1]] = value;
+        };
+
+      case 'bracket':
+        return function (key, value, accumulator) {
+          result = /(\[\])$/.exec(key);
+          key = key.replace(/\[\]$/, '');
+
+          if (!result) {
+            accumulator[key] = value;
+            return;
+          }
+
+          if (accumulator[key] === undefined) {
+            accumulator[key] = [value];
+            return;
+          }
+
+          accumulator[key] = [].concat(accumulator[key], value);
+        };
+
+      case 'comma':
+      case 'separator':
+        return function (key, value, accumulator) {
+          var isArray = typeof value === 'string' && value.includes(options.arrayFormatSeparator);
+          var isEncodedArray = typeof value === 'string' && !isArray && decode(value, options).includes(options.arrayFormatSeparator);
+          value = isEncodedArray ? decode(value, options) : value;
+          var newValue = isArray || isEncodedArray ? value.split(options.arrayFormatSeparator).map(function (item) {
+            return decode(item, options);
+          }) : value === null ? value : decode(value, options);
+          accumulator[key] = newValue;
+        };
+
+      default:
+        return function (key, value, accumulator) {
+          if (accumulator[key] === undefined) {
+            accumulator[key] = value;
+            return;
+          }
+
+          accumulator[key] = [].concat(accumulator[key], value);
+        };
+    }
+  }
+
+  function validateArrayFormatSeparator(value) {
+    if (typeof value !== 'string' || value.length !== 1) {
+      throw new TypeError('arrayFormatSeparator must be single character string');
+    }
+  }
+
+  function encode(value, options) {
+    if (options.encode) {
+      return options.strict ? strictUriEncode$1(value) : encodeURIComponent(value);
+    }
+
+    return value;
+  }
+
+  function decode(value, options) {
+    if (options.decode) {
+      return decodeComponent(value);
+    }
+
+    return value;
+  }
+
+  function keysSorter(input) {
+    if (Array.isArray(input)) {
+      return input.sort();
+    }
+
+    if (_typeof(input) === 'object') {
+      return keysSorter(Object.keys(input)).sort(function (a, b) {
+        return Number(a) - Number(b);
+      }).map(function (key) {
+        return input[key];
+      });
+    }
+
+    return input;
+  }
+
+  function removeHash(input) {
+    var hashStart = input.indexOf('#');
+
+    if (hashStart !== -1) {
+      input = input.slice(0, hashStart);
+    }
+
+    return input;
+  }
+
+  function getHash(url) {
+    var hash = '';
+    var hashStart = url.indexOf('#');
+
+    if (hashStart !== -1) {
+      hash = url.slice(hashStart);
+    }
+
+    return hash;
+  }
+
+  function extract(input) {
+    input = removeHash(input);
+    var queryStart = input.indexOf('?');
+
+    if (queryStart === -1) {
+      return '';
+    }
+
+    return input.slice(queryStart + 1);
+  }
+
+  function parseValue(value, options) {
+    if (options.parseNumbers && !Number.isNaN(Number(value)) && typeof value === 'string' && value.trim() !== '') {
+      value = Number(value);
+    } else if (options.parseBooleans && value !== null && (value.toLowerCase() === 'true' || value.toLowerCase() === 'false')) {
+      value = value.toLowerCase() === 'true';
+    }
+
+    return value;
+  }
+
+  function parse(query, options) {
+    options = Object.assign({
+      decode: true,
+      sort: true,
+      arrayFormat: 'none',
+      arrayFormatSeparator: ',',
+      parseNumbers: false,
+      parseBooleans: false
+    }, options);
+    validateArrayFormatSeparator(options.arrayFormatSeparator);
+    var formatter = parserForArrayFormat(options); // Create an object with no prototype
+
+    var ret = Object.create(null);
+
+    if (typeof query !== 'string') {
+      return ret;
+    }
+
+    query = query.trim().replace(/^[?#&]/, '');
+
+    if (!query) {
+      return ret;
+    }
+
+    var _iterator = _createForOfIteratorHelper(query.split('&')),
+        _step;
+
+    try {
+      for (_iterator.s(); !(_step = _iterator.n()).done;) {
+        var param = _step.value;
+
+        if (param === '') {
+          continue;
+        }
+
+        var _splitOnFirst = splitOnFirst$1(options.decode ? param.replace(/\+/g, ' ') : param, '='),
+            _splitOnFirst2 = _slicedToArray(_splitOnFirst, 2),
+            _key = _splitOnFirst2[0],
+            _value = _splitOnFirst2[1]; // Missing `=` should be `null`:
+        // http://w3.org/TR/2012/WD-url-20120524/#collect-url-parameters
+
+
+        _value = _value === undefined ? null : ['comma', 'separator'].includes(options.arrayFormat) ? _value : decode(_value, options);
+        formatter(decode(_key, options), _value, ret);
+      }
+    } catch (err) {
+      _iterator.e(err);
+    } finally {
+      _iterator.f();
+    }
+
+    for (var _i = 0, _Object$keys = Object.keys(ret); _i < _Object$keys.length; _i++) {
+      var key = _Object$keys[_i];
+      var value = ret[key];
+
+      if (_typeof(value) === 'object' && value !== null) {
+        for (var _i2 = 0, _Object$keys2 = Object.keys(value); _i2 < _Object$keys2.length; _i2++) {
+          var k = _Object$keys2[_i2];
+          value[k] = parseValue(value[k], options);
+        }
+      } else {
+        ret[key] = parseValue(value, options);
+      }
+    }
+
+    if (options.sort === false) {
+      return ret;
+    }
+
+    return (options.sort === true ? Object.keys(ret).sort() : Object.keys(ret).sort(options.sort)).reduce(function (result, key) {
+      var value = ret[key];
+
+      if (Boolean(value) && _typeof(value) === 'object' && !Array.isArray(value)) {
+        // Sort object keys, not values
+        result[key] = keysSorter(value);
+      } else {
+        result[key] = value;
+      }
+
+      return result;
+    }, Object.create(null));
+  }
+
+  exports.extract = extract;
+  exports.parse = parse;
+
+  exports.stringify = function (object, options) {
+    if (!object) {
+      return '';
+    }
+
+    options = Object.assign({
+      encode: true,
+      strict: true,
+      arrayFormat: 'none',
+      arrayFormatSeparator: ','
+    }, options);
+    validateArrayFormatSeparator(options.arrayFormatSeparator);
+
+    var shouldFilter = function shouldFilter(key) {
+      return options.skipNull && isNullOrUndefined(object[key]) || options.skipEmptyString && object[key] === '';
+    };
+
+    var formatter = encoderForArrayFormat(options);
+    var objectCopy = {};
+
+    for (var _i3 = 0, _Object$keys3 = Object.keys(object); _i3 < _Object$keys3.length; _i3++) {
+      var key = _Object$keys3[_i3];
+
+      if (!shouldFilter(key)) {
+        objectCopy[key] = object[key];
+      }
+    }
+
+    var keys = Object.keys(objectCopy);
+
+    if (options.sort !== false) {
+      keys.sort(options.sort);
+    }
+
+    return keys.map(function (key) {
+      var value = object[key];
+
+      if (value === undefined) {
+        return '';
+      }
+
+      if (value === null) {
+        return encode(key, options);
+      }
+
+      if (Array.isArray(value)) {
+        return value.reduce(formatter(key), []).join('&');
+      }
+
+      return encode(key, options) + '=' + encode(value, options);
+    }).filter(function (x) {
+      return x.length > 0;
+    }).join('&');
+  };
+
+  exports.parseUrl = function (url, options) {
+    options = Object.assign({
+      decode: true
+    }, options);
+
+    var _splitOnFirst3 = splitOnFirst$1(url, '#'),
+        _splitOnFirst4 = _slicedToArray(_splitOnFirst3, 2),
+        url_ = _splitOnFirst4[0],
+        hash = _splitOnFirst4[1];
+
+    return Object.assign({
+      url: url_.split('?')[0] || '',
+      query: parse(extract(url), options)
+    }, options && options.parseFragmentIdentifier && hash ? {
+      fragmentIdentifier: decode(hash, options)
+    } : {});
+  };
+
+  exports.stringifyUrl = function (object, options) {
+    options = Object.assign({
+      encode: true,
+      strict: true
+    }, options);
+    var url = removeHash(object.url).split('?')[0] || '';
+    var queryFromUrl = exports.extract(object.url);
+    var parsedQueryFromUrl = exports.parse(queryFromUrl, {
+      sort: false
+    });
+    var query = Object.assign(parsedQueryFromUrl, object.query);
+    var queryString = exports.stringify(query, options);
+
+    if (queryString) {
+      queryString = "?".concat(queryString);
+    }
+
+    var hash = getHash(object.url);
+
+    if (object.fragmentIdentifier) {
+      hash = "#".concat(encode(object.fragmentIdentifier, options));
+    }
 
-function removeHash(input) {
-	const hashStart = input.indexOf('#');
-	if (hashStart !== -1) {
-		input = input.slice(0, hashStart);
-	}
+    return "".concat(url).concat(queryString).concat(hash);
+  };
+
+  exports.pick = function (input, filter, options) {
+    options = Object.assign({
+      parseFragmentIdentifier: true
+    }, options);
+
+    var _exports$parseUrl = exports.parseUrl(input, options),
+        url = _exports$parseUrl.url,
+        query = _exports$parseUrl.query,
+        fragmentIdentifier = _exports$parseUrl.fragmentIdentifier;
+
+    return exports.stringifyUrl({
+      url: url,
+      query: filterObject(query, filter),
+      fragmentIdentifier: fragmentIdentifier
+    }, options);
+  };
+
+  exports.exclude = function (input, filter, options) {
+    var exclusionFilter = Array.isArray(filter) ? function (key) {
+      return !filter.includes(key);
+    } : function (key, value) {
+      return !filter(key, value);
+    };
+    return exports.pick(input, exclusionFilter, options);
+  };
+})(queryString);
+
+var pageScrollFn;
+var pageDOM = window;
+function bindPageScroll(page, config) {
+  pageDOM.removeEventListener('scroll', pageScrollFn);
+  pageDOM = getScrollContainer();
+  var distance = config.onReachBottomDistance || 50;
+  var isReachBottom = false;
+
+  pageScrollFn = function pageScrollFn() {
+    page.onPageScroll && page.onPageScroll({
+      scrollTop: pageDOM instanceof Window ? window.scrollY : pageDOM.scrollTop
+    });
+
+    if (isReachBottom && getOffset() > distance) {
+      isReachBottom = false;
+    }
 
-	return input;
+    if (page.onReachBottom && !isReachBottom && getOffset() < distance) {
+      isReachBottom = true;
+      page.onReachBottom();
+    }
+  };
+
+  pageDOM.addEventListener('scroll', pageScrollFn, false);
 }
+window.addEventListener('DOMSubtreeModified', function (e) {
+  var target = e.target;
+  var className = target === null || target === void 0 ? void 0 : target.className;
+
+  if (className && /taro_page/.test(className)) {
+    pageDOM.removeEventListener('scroll', pageScrollFn);
+    pageDOM = getScrollContainer();
+    pageDOM.addEventListener('scroll', pageScrollFn, false);
+  }
+}, false);
 
-function getHash(url) {
-	let hash = '';
-	const hashStart = url.indexOf('#');
-	if (hashStart !== -1) {
-		hash = url.slice(hashStart);
-	}
+function getScrollContainer() {
+  var _Current$page;
 
-	return hash;
+  var id = (_Current$page = Current.page) === null || _Current$page === void 0 ? void 0 : _Current$page.path;
+  var el = id ? document.getElementById(id) : document.querySelector('.taro_page') || document.querySelector('.taro_router');
+  return el || window;
 }
 
-function extract(input) {
-	input = removeHash(input);
-	const queryStart = input.indexOf('?');
-	if (queryStart === -1) {
-		return '';
-	}
+function getOffset() {
+  if (pageDOM instanceof Window) {
+    return document.documentElement.scrollHeight - window.scrollY - window.innerHeight;
+  } else {
+    return pageDOM.scrollHeight - pageDOM.scrollTop - pageDOM.clientHeight;
+  }
+}
 
-	return input.slice(queryStart + 1);
+/**
+ * 插入页面动画需要的样式
+ */
+function loadAnimateStyle() {
+  var ms = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : 300;
+  var css = "\n.taro_router .taro_page {\n  position: absolute;\n  left: 0;\n  top: 0;\n  width: 100%;\n  height: 100%;\n  transform: translate3d(100%, 0, 0);\n  transition: transform ".concat(ms, "ms;\n}\n\n.taro_router .taro_page.taro_tabbar_page {\n  transform: none;\n}\n\n.taro_router .taro_page.taro_page_show {\n  transform: translate3d(0, 0, 0);\n}");
+  var style = document.createElement('style');
+  style.innerHTML = css;
+  document.getElementsByTagName('head')[0].appendChild(style);
 }
 
-function parseValue(value, options) {
-	if (options.parseNumbers && !Number.isNaN(Number(value)) && (typeof value === 'string' && value.trim() !== '')) {
-		value = Number(value);
-	} else if (options.parseBooleans && value !== null && (value.toLowerCase() === 'true' || value.toLowerCase() === 'false')) {
-		value = value.toLowerCase() === 'true';
-	}
+// @ts-nocheck
+function initTabbar(config) {
+  if (config.tabBar == null) {
+    return;
+  } // TODO: custom-tab-bar
 
-	return value;
+
+  var tabbar = document.createElement('taro-tabbar');
+  var homePage = config.entryPagePath || (config.pages ? config.pages[0] : '');
+  tabbar.conf = config.tabBar;
+  tabbar.conf.homePage = history.location.pathname === '/' ? homePage : history.location.pathname;
+  var routerConfig = config.router;
+  tabbar.conf.mode = routerConfig && routerConfig.mode ? routerConfig.mode : 'hash';
+
+  if (routerConfig.customRoutes) {
+    tabbar.conf.custom = true;
+    tabbar.conf.customRoutes = routerConfig.customRoutes;
+  } else {
+    tabbar.conf.custom = false;
+    tabbar.conf.customRoutes = {};
+  }
+
+  if (typeof routerConfig.basename !== 'undefined') {
+    tabbar.conf.basename = routerConfig.basename;
+  }
+
+  var container = document.getElementById('container');
+  container === null || container === void 0 ? void 0 : container.appendChild(tabbar);
+  initTabBarApis(config);
 }
 
-function parse(query, options) {
-	options = Object.assign({
-		decode: true,
-		sort: true,
-		arrayFormat: 'none',
-		arrayFormatSeparator: ',',
-		parseNumbers: false,
-		parseBooleans: false
-	}, options);
-
-	validateArrayFormatSeparator(options.arrayFormatSeparator);
-
-	const formatter = parserForArrayFormat(options);
-
-	// Create an object with no prototype
-	const ret = Object.create(null);
-
-	if (typeof query !== 'string') {
-		return ret;
-	}
-
-	query = query.trim().replace(/^[?#&]/, '');
-
-	if (!query) {
-		return ret;
-	}
-
-	for (const param of query.split('&')) {
-		if (param === '') {
-			continue;
-		}
-
-		let [key, value] = splitOnFirst(options.decode ? param.replace(/\+/g, ' ') : param, '=');
-
-		// Missing `=` should be `null`:
-		// http://w3.org/TR/2012/WD-url-20120524/#collect-url-parameters
-		value = value === undefined ? null : ['comma', 'separator'].includes(options.arrayFormat) ? value : decode(value, options);
-		formatter(decode(key, options), value, ret);
-	}
-
-	for (const key of Object.keys(ret)) {
-		const value = ret[key];
-		if (typeof value === 'object' && value !== null) {
-			for (const k of Object.keys(value)) {
-				value[k] = parseValue(value[k], options);
-			}
-		} else {
-			ret[key] = parseValue(value, options);
-		}
-	}
-
-	if (options.sort === false) {
-		return ret;
-	}
-
-	return (options.sort === true ? Object.keys(ret).sort() : Object.keys(ret).sort(options.sort)).reduce((result, key) => {
-		const value = ret[key];
-		if (Boolean(value) && typeof value === 'object' && !Array.isArray(value)) {
-			// Sort object keys, not values
-			result[key] = keysSorter(value);
-		} else {
-			result[key] = value;
-		}
-
-		return result;
-	}, Object.create(null));
+function setDisplay(el) {
+  var type = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : '';
+
+  if (el) {
+    el.style.display = type;
+  }
 }
 
-exports.extract = extract;
-exports.parse = parse;
+var PageHandler = /*#__PURE__*/function () {
+  function PageHandler(config) {
+    _classCallCheck(this, PageHandler);
+
+    _defineProperty(this, "config", void 0);
+
+    _defineProperty(this, "defaultAnimation", {
+      duration: 300,
+      delay: 50
+    });
+
+    _defineProperty(this, "hideTimer", void 0);
+
+    _defineProperty(this, "unloadTimer", void 0);
+
+    _defineProperty(this, "lastHidePage", void 0);
+
+    _defineProperty(this, "lastUnloadPage", void 0);
+
+    this.config = config;
+    this.mount();
+  }
 
-exports.stringify = (object, options) => {
-	if (!object) {
-		return '';
-	}
+  _createClass(PageHandler, [{
+    key: "appId",
+    get: function get() {
+      return 'app';
+    }
+  }, {
+    key: "router",
+    get: function get() {
+      return this.config.router;
+    }
+  }, {
+    key: "routerMode",
+    get: function get() {
+      return this.router.mode || 'hash';
+    }
+  }, {
+    key: "customRoutes",
+    get: function get() {
+      return this.router.customRoutes || {};
+    }
+  }, {
+    key: "routes",
+    get: function get() {
+      return this.config.routes;
+    }
+  }, {
+    key: "tabBarList",
+    get: function get() {
+      var _this$config$tabBar;
 
-	options = Object.assign({
-		encode: true,
-		strict: true,
-		arrayFormat: 'none',
-		arrayFormatSeparator: ','
-	}, options);
+      return ((_this$config$tabBar = this.config.tabBar) === null || _this$config$tabBar === void 0 ? void 0 : _this$config$tabBar.list) || [];
+    }
+  }, {
+    key: "PullDownRefresh",
+    get: function get() {
+      return this.config.PullDownRefresh;
+    }
+  }, {
+    key: "animation",
+    get: function get() {
+      var _this$config$animatio, _this$config;
 
-	validateArrayFormatSeparator(options.arrayFormatSeparator);
+      return (_this$config$animatio = (_this$config = this.config) === null || _this$config === void 0 ? void 0 : _this$config.animation) !== null && _this$config$animatio !== void 0 ? _this$config$animatio : this.defaultAnimation;
+    }
+  }, {
+    key: "animationDelay",
+    get: function get() {
+      var _this$defaultAnimatio;
 
-	const shouldFilter = key => (
-		(options.skipNull && isNullOrUndefined(object[key])) ||
-		(options.skipEmptyString && object[key] === '')
-	);
+      return _typeof(this.animation) === 'object' ? this.animation.delay : this.animation ? (_this$defaultAnimatio = this.defaultAnimation) === null || _this$defaultAnimatio === void 0 ? void 0 : _this$defaultAnimatio.delay : 0;
+    }
+  }, {
+    key: "animationDuration",
+    get: function get() {
+      var _this$defaultAnimatio2;
+
+      return _typeof(this.animation) === 'object' ? this.animation.duration : this.animation ? (_this$defaultAnimatio2 = this.defaultAnimation) === null || _this$defaultAnimatio2 === void 0 ? void 0 : _this$defaultAnimatio2.duration : 0;
+    }
+  }, {
+    key: "pathname",
+    get: function get() {
+      return this.router.pathname;
+    },
+    set: function set(p) {
+      this.router.pathname = p;
+    }
+  }, {
+    key: "basename",
+    get: function get() {
+      return this.router.basename || '';
+    }
+  }, {
+    key: "pageConfig",
+    get: function get() {
+      var _this = this;
 
-	const formatter = encoderForArrayFormat(options);
+      return this.routes.find(function (r) {
+        var _routesAlias$getConfi;
 
-	const objectCopy = {};
+        var routePath = stripBasename(_this.pathname, _this.basename);
+        var pagePath = addLeadingSlash(r.path);
+        return pagePath === routePath || ((_routesAlias$getConfi = routesAlias.getConfig(pagePath)) === null || _routesAlias$getConfi === void 0 ? void 0 : _routesAlias$getConfi.includes(routePath));
+      });
+    }
+  }, {
+    key: "isTabBar",
+    get: function get() {
+      var _Object$entries$find;
+
+      var routePath = stripBasename(this.pathname, this.basename);
+      var pagePath = ((_Object$entries$find = Object.entries(this.customRoutes).find(function (_ref) {
+        var _ref2 = _slicedToArray(_ref, 2),
+            target = _ref2[1];
+
+        if (typeof target === 'string') {
+          return target === routePath;
+        } else if ((target === null || target === void 0 ? void 0 : target.length) > 0) {
+          return target.includes(routePath);
+        }
 
-	for (const key of Object.keys(object)) {
-		if (!shouldFilter(key)) {
-			objectCopy[key] = object[key];
-		}
-	}
+        return false;
+      })) === null || _Object$entries$find === void 0 ? void 0 : _Object$entries$find[0]) || routePath;
+      return !!pagePath && this.tabBarList.some(function (t) {
+        return t.pagePath === pagePath;
+      });
+    }
+  }, {
+    key: "isSamePage",
+    value: function isSamePage(page) {
+      var routePath = stripBasename(this.pathname, this.basename);
+      var pagePath = stripBasename(page === null || page === void 0 ? void 0 : page.path, this.basename);
+      return pagePath.startsWith(routePath + '?');
+    }
+  }, {
+    key: "search",
+    get: function get() {
+      var search = '?';
 
-	const keys = Object.keys(objectCopy);
+      if (this.routerMode) {
+        var idx = location.hash.indexOf('?');
 
-	if (options.sort !== false) {
-		keys.sort(options.sort);
-	}
+        if (idx > -1) {
+          search = location.hash.slice(idx);
+        }
+      } else {
+        search = location.search;
+      }
 
-	return keys.map(key => {
-		const value = object[key];
+      return search.substr(1);
+    }
+  }, {
+    key: "getQuery",
+    value: function getQuery() {
+      var stamp = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : 0;
+      var search = this.search;
+      var query = search ? queryString.parse(search) : {};
+
+      if (stamp) {
+        query.stamp = stamp.toString();
+      }
 
-		if (value === undefined) {
-			return '';
-		}
+      return query;
+    }
+  }, {
+    key: "mount",
+    value: function mount() {
+      var _document$getElementB;
+
+      setHistoryMode(this.routerMode, this.router.basename);
+      (_document$getElementB = document.getElementById('app')) === null || _document$getElementB === void 0 ? void 0 : _document$getElementB.remove();
+      this.animation && loadAnimateStyle(this.animationDuration);
+      var app = document.createElement('div');
+      app.id = this.appId;
+      app.classList.add('taro_router');
+
+      if (this.tabBarList.length > 1) {
+        var container = document.createElement('div');
+        container.classList.add('taro-tabbar__container');
+        container.id = 'container';
+        var panel = document.createElement('div');
+        panel.classList.add('taro-tabbar__panel');
+        panel.appendChild(app);
+        container.appendChild(panel);
+        document.body.appendChild(container);
+        initTabbar(this.config);
+      } else {
+        document.body.appendChild(app);
+      }
+    }
+  }, {
+    key: "onReady",
+    value: function onReady(page) {
+      var onLoad = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : true;
+      var pageEl = document.getElementById(page.path);
+
+      if (pageEl && !(pageEl !== null && pageEl !== void 0 && pageEl['__isReady'])) {
+        var _el$componentOnReady, _el$componentOnReady$;
+
+        var el = pageEl.firstElementChild;
+        el === null || el === void 0 ? void 0 : (_el$componentOnReady = el['componentOnReady']) === null || _el$componentOnReady === void 0 ? void 0 : (_el$componentOnReady$ = _el$componentOnReady.call(el)) === null || _el$componentOnReady$ === void 0 ? void 0 : _el$componentOnReady$.then(function () {
+          requestAnimationFrame(function () {
+            page.onReady();
+            pageEl['__isReady'] = true;
+          });
+        });
+        onLoad && (pageEl['__page'] = page);
+      }
+    }
+  }, {
+    key: "load",
+    value: function load(page) {
+      var _this2 = this;
+
+      var pageConfig = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : {};
+      var stacksIndex = arguments.length > 2 && arguments[2] !== undefined ? arguments[2] : 0;
+      if (!page) return;
+      var pageEl = document.getElementById(page.path);
+
+      if (pageEl) {
+        setDisplay(pageEl);
+        this.isTabBar && pageEl.classList.add('taro_tabbar_page');
+        this.addAnimation(pageEl, stacksIndex === 0);
+      } else {
+        var _page$onLoad;
 
-		if (value === null) {
-			return encode(key, options);
-		}
+        (_page$onLoad = page.onLoad) === null || _page$onLoad === void 0 ? void 0 : _page$onLoad.call(page, this.getQuery(stacksIndex), function () {
+          var _pageEl;
 
-		if (Array.isArray(value)) {
-			return value
-				.reduce(formatter(key), [])
-				.join('&');
-		}
+          pageEl = document.getElementById(page.path);
+          _this2.isTabBar && ((_pageEl = pageEl) === null || _pageEl === void 0 ? void 0 : _pageEl.classList.add('taro_tabbar_page'));
 
-		return encode(key, options) + '=' + encode(value, options);
-	}).filter(x => x.length > 0).join('&');
-};
+          _this2.addAnimation(pageEl, stacksIndex === 0);
 
-exports.parseUrl = (url, options) => {
-	options = Object.assign({
-		decode: true
-	}, options);
+          _this2.onReady(page, true);
+        });
+      }
 
-	const [url_, hash] = splitOnFirst(url, '#');
+      stacks.push(page);
+      page.onShow();
+      bindPageScroll(page, pageConfig);
+    }
+  }, {
+    key: "unload",
+    value: function unload(page) {
+      var _this3 = this;
+
+      var delta = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : 1;
+      var top = arguments.length > 2 && arguments[2] !== undefined ? arguments[2] : false;
+      if (!page) return;
+      stacks.delta = --delta;
+      stacks.pop();
+
+      if (this.animation && top) {
+        if (this.unloadTimer) {
+          var _this$lastUnloadPage, _this$lastUnloadPage$;
+
+          clearTimeout(this.unloadTimer);
+          (_this$lastUnloadPage = this.lastUnloadPage) === null || _this$lastUnloadPage === void 0 ? void 0 : (_this$lastUnloadPage$ = _this$lastUnloadPage.onUnload) === null || _this$lastUnloadPage$ === void 0 ? void 0 : _this$lastUnloadPage$.call(_this$lastUnloadPage);
+          this.unloadTimer = null;
+        }
 
-	return Object.assign(
-		{
-			url: url_.split('?')[0] || '',
-			query: parse(extract(url), options)
-		},
-		options && options.parseFragmentIdentifier && hash ? {fragmentIdentifier: decode(hash, options)} : {}
-	);
-};
+        this.lastUnloadPage = page;
+        var pageEl = document.getElementById(page.path);
+        pageEl === null || pageEl === void 0 ? void 0 : pageEl.classList.remove('taro_page_show');
+        this.unloadTimer = setTimeout(function () {
+          var _this3$lastUnloadPage, _this3$lastUnloadPage2;
 
-exports.stringifyUrl = (object, options) => {
-	options = Object.assign({
-		encode: true,
-		strict: true
-	}, options);
+          _this3.unloadTimer = null;
+          (_this3$lastUnloadPage = _this3.lastUnloadPage) === null || _this3$lastUnloadPage === void 0 ? void 0 : (_this3$lastUnloadPage2 = _this3$lastUnloadPage.onUnload) === null || _this3$lastUnloadPage2 === void 0 ? void 0 : _this3$lastUnloadPage2.call(_this3$lastUnloadPage);
+        }, this.animationDuration);
+      }
 
-	const url = removeHash(object.url).split('?')[0] || '';
-	const queryFromUrl = exports.extract(object.url);
-	const parsedQueryFromUrl = exports.parse(queryFromUrl, {sort: false});
+      if (delta >= 1) this.unload(stacks.last, delta);
+    }
+  }, {
+    key: "show",
+    value: function show(page) {
+      var _this4 = this;
+
+      var pageConfig = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : {};
+      var stacksIndex = arguments.length > 2 && arguments[2] !== undefined ? arguments[2] : 0;
+      if (!page) return;
+      page.onShow();
+      var pageEl = document.getElementById(page.path);
+
+      if (pageEl) {
+        setDisplay(pageEl);
+        this.addAnimation(pageEl, stacksIndex === 0);
+      } else {
+        var _page$onLoad2;
 
-	const query = Object.assign(parsedQueryFromUrl, object.query);
-	let queryString = exports.stringify(query, options);
-	if (queryString) {
-		queryString = `?${queryString}`;
-	}
+        (_page$onLoad2 = page.onLoad) === null || _page$onLoad2 === void 0 ? void 0 : _page$onLoad2.call(page, this.getQuery(stacksIndex), function () {
+          pageEl = document.getElementById(page.path);
 
-	let hash = getHash(object.url);
-	if (object.fragmentIdentifier) {
-		hash = `#${encode(object.fragmentIdentifier, options)}`;
-	}
+          _this4.addAnimation(pageEl, stacksIndex === 0);
 
-	return `${url}${queryString}${hash}`;
-};
+          _this4.onReady(page, false);
+        });
+      }
 
-exports.pick = (input, filter, options) => {
-	options = Object.assign({
-		parseFragmentIdentifier: true
-	}, options);
-
-	const {url, query, fragmentIdentifier} = exports.parseUrl(input, options);
-	return exports.stringifyUrl({
-		url,
-		query: filterObj(query, filter),
-		fragmentIdentifier
-	}, options);
-};
+      bindPageScroll(page, pageConfig);
+    }
+  }, {
+    key: "hide",
+    value: function hide(page) {
+      var _this5 = this;
 
-exports.exclude = (input, filter, options) => {
-	const exclusionFilter = Array.isArray(filter) ? key => !filter.includes(key) : (key, value) => !filter(key, value);
+      if (!page) return; // NOTE: 修复多页并发问题，此处可能因为路由跳转过快，执行时页面可能还没有创建成功
 
-	return exports.pick(input, exclusionFilter, options);
-};
-});
-var queryString_1 = queryString.extract;
-var queryString_2 = queryString.parse;
-var queryString_3 = queryString.stringify;
-var queryString_4 = queryString.parseUrl;
-var queryString_5 = queryString.stringifyUrl;
-var queryString_6 = queryString.pick;
-var queryString_7 = queryString.exclude;
-
-function getSearch() {
-    let search = '?';
-    if (routerConfig.router.mode === 'hash') {
-        const idx = location.hash.indexOf('?');
-        if (idx > -1) {
-            search = location.hash.slice(idx);
-        }
-    }
-    else {
-        search = location.search;
-    }
-    return search.substr(1);
-}
-const qs = function (stamp = 0) {
-    const search = getSearch();
-    const query = search
-        ? queryString.parse(search)
-        : {};
-    if (stamp) {
-        query.stamp = stamp.toString();
-    }
-    return query;
-};
+      var pageEl = document.getElementById(page.path);
 
-/* eslint-disable dot-notation */
-function pageOnReady(page, onLoad = true) {
-    var _a, _b;
-    const pageEl = document.getElementById(page.path);
-    if (pageEl && !(pageEl === null || pageEl === void 0 ? void 0 : pageEl['__isReady'])) {
-        const el = pageEl.firstElementChild;
-        (_b = (_a = el === null || el === void 0 ? void 0 : el['componentOnReady']) === null || _a === void 0 ? void 0 : _a.call(el)) === null || _b === void 0 ? void 0 : _b.then(() => {
-            requestAnimationFrame(() => {
-                page.onReady();
-                pageEl['__isReady'] = true;
-            });
-        });
-        onLoad && (pageEl['__page'] = page);
-    }
-}
-function loadPage(page, pageConfig = {}, stacksIndex = 0) {
-    if (!page)
-        return;
-    const pageEl = document.getElementById(page.path);
-    if (pageEl) {
-        pageEl.style.display = 'block';
-    }
-    else {
-        page.onLoad(qs(stacksIndex), () => pageOnReady(page, true));
-    }
-    stacks.push(page);
-    page.onShow();
-    bindPageScroll(page, pageConfig);
-}
-function unloadPage(page, delta = 1) {
-    if (!page)
-        return;
-    stacks.delta = --delta;
-    stacks.pop();
-    page.onUnload();
-    if (delta >= 1)
-        unloadPage(stacks.last, delta);
-}
-function showPage(page, pageConfig = {}, stacksIndex = 0) {
-    if (!page)
-        return;
-    page.onShow();
-    const pageEl = document.getElementById(page.path);
-    if (pageEl) {
-        pageEl.style.display = 'block';
-    }
-    else {
-        page.onLoad(qs(stacksIndex), () => pageOnReady(page, false));
-    }
-    bindPageScroll(page, pageConfig);
-}
-function hidePage(page) {
-    if (!page)
-        return;
-    // NOTE: 修复多页并发问题，此处可能因为路由跳转过快，执行时页面可能还没有创建成功
-    const pageEl = document.getElementById(page.path);
-    if (pageEl) {
-        pageEl.style.display = 'none';
-        page.onHide();
-    }
-    else {
-        setTimeout(() => hidePage(page), 0);
-    }
-}
+      if (pageEl) {
+        if (this.hideTimer) {
+          clearTimeout(this.hideTimer);
+          this.hideTimer = null;
+          setDisplay(this.lastHidePage, 'none');
+        }
+
+        this.lastHidePage = pageEl;
+        this.hideTimer = setTimeout(function () {
+          _this5.hideTimer = null;
+          setDisplay(_this5.lastHidePage, 'none');
+        }, this.animationDelay);
+        page.onHide();
+      } else {
+        setTimeout(function () {
+          return _this5.hide(page);
+        }, 0);
+      }
+    }
+  }, {
+    key: "addAnimation",
+    value: function addAnimation(pageEl) {
+      var first = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : false;
+      if (!pageEl) return;
+
+      if (this.animation && !first) {
+        setTimeout(function () {
+          pageEl.classList.add('taro_page_show');
+        }, this.animationDelay);
+      } else {
+        pageEl.classList.add('taro_page_show');
+      }
+    }
+  }]);
+
+  return PageHandler;
+}();
+
+function createRouter(app, config, framework) {
+  var _routes$0$path;
+
+  var handler = new PageHandler(config);
+  var runtimeHooks = container.get(SERVICE_IDENTIFIER.Hooks);
+  routesAlias.set(handler.router.customRoutes);
+  var basename = handler.router.basename;
+  var routes = handler.routes.map(function (route) {
+    return {
+      path: routesAlias.getAll(addLeadingSlash(route.path)),
+      action: route.load
+    };
+  });
+  var entryPagePath = config.entryPagePath || ((_routes$0$path = routes[0].path) === null || _routes$0$path === void 0 ? void 0 : _routes$0$path[0]);
+  var router = new UniversalRouter(routes, {
+    baseUrl: basename || ''
+  });
+  app.onLaunch();
+
+  var render = /*#__PURE__*/function () {
+    var _ref2 = _asyncToGenerator( /*#__PURE__*/_regeneratorRuntime.mark(function _callee(_ref) {
+      var location, action, element, _app$onPageNotFound, pageConfig, enablePullDownRefresh, _pageConfig$navigatio, currentPage, pathname, shouldLoad, prevIndex, delta, _prevIndex, _delta, _element$default, _runtimeHooks$createP, el, loadConfig, stacksIndex, page;
+
+      return _regeneratorRuntime.wrap(function _callee$(_context) {
+        while (1) {
+          switch (_context.prev = _context.next) {
+            case 0:
+              location = _ref.location, action = _ref.action;
+              handler.pathname = location.pathname;
+              _context.prev = 2;
+              _context.next = 5;
+              return router.resolve(handler.router.forcePath || handler.pathname);
+
+            case 5:
+              element = _context.sent;
+              _context.next = 15;
+              break;
+
+            case 8:
+              _context.prev = 8;
+              _context.t0 = _context["catch"](2);
+
+              if (!(_context.t0.status === 404)) {
+                _context.next = 14;
+                break;
+              }
+
+              (_app$onPageNotFound = app.onPageNotFound) === null || _app$onPageNotFound === void 0 ? void 0 : _app$onPageNotFound.call(app, {
+                path: handler.pathname
+              });
+              _context.next = 15;
+              break;
+
+            case 14:
+              throw new Error(_context.t0);
+
+            case 15:
+              if (element) {
+                _context.next = 17;
+                break;
+              }
+
+              return _context.abrupt("return");
+
+            case 17:
+              pageConfig = handler.pageConfig;
+              enablePullDownRefresh = false;
+              eventCenter.trigger('__taroRouterChange', {
+                toLocation: {
+                  path: handler.pathname
+                }
+              });
+
+              if (pageConfig) {
+                document.title = (_pageConfig$navigatio = pageConfig.navigationBarTitleText) !== null && _pageConfig$navigatio !== void 0 ? _pageConfig$navigatio : document.title;
+                enablePullDownRefresh = pageConfig.enablePullDownRefresh;
+              }
+
+              currentPage = Current.page;
+              pathname = handler.pathname;
+              shouldLoad = false;
+
+              if (!(action === 'POP')) {
+                _context.next = 31;
+                break;
+              }
+
+              // NOTE: 浏览器事件退后多次时，该事件只会被触发一次
+              prevIndex = stacks.getPrevIndex(pathname);
+              delta = stacks.getDelta(pathname);
+              handler.unload(currentPage, delta, prevIndex > -1);
+
+              if (prevIndex > -1) {
+                handler.show(stacks.getItem(prevIndex), pageConfig, prevIndex);
+              } else {
+                shouldLoad = true;
+              }
+
+              _context.next = 42;
+              break;
+
+            case 31:
+              if (!handler.isTabBar) {
+                _context.next = 40;
+                break;
+              }
+
+              if (!handler.isSamePage(currentPage)) {
+                _context.next = 34;
+                break;
+              }
+
+              return _context.abrupt("return");
+
+            case 34:
+              _prevIndex = stacks.getPrevIndex(pathname, 0);
+              handler.hide(currentPage);
+
+              if (!(_prevIndex > -1)) {
+                _context.next = 38;
+                break;
+              }
+
+              return _context.abrupt("return", handler.show(stacks.getItem(_prevIndex), pageConfig, _prevIndex));
+
+            case 38:
+              _context.next = 41;
+              break;
+
+            case 40:
+              if (action === 'REPLACE') {
+                _delta = stacks.getDelta(pathname); // NOTE: 页面路由记录并不会清空，只是移除掉缓存的 stack 以及页面
+
+                handler.unload(currentPage, _delta);
+              } else if (action === 'PUSH') {
+                handler.hide(currentPage);
+              }
+
+            case 41:
+              shouldLoad = true;
+
+            case 42:
+              if (!(shouldLoad || stacks.length < 1)) {
+                _context.next = 50;
+                break;
+              }
+
+              el = (_element$default = element.default) !== null && _element$default !== void 0 ? _element$default : element;
+              loadConfig = _objectSpread({}, pageConfig);
+              stacksIndex = stacks.length;
+              delete loadConfig['path'];
+              delete loadConfig['load'];
+              page = createPageConfig(enablePullDownRefresh ? (_runtimeHooks$createP = runtimeHooks.createPullDownComponent) === null || _runtimeHooks$createP === void 0 ? void 0 : _runtimeHooks$createP.call(runtimeHooks, el, location.pathname, framework, handler.PullDownRefresh) : el, pathname + stringify(handler.getQuery(stacksIndex)), {}, loadConfig);
+              return _context.abrupt("return", handler.load(page, pageConfig, stacksIndex));
+
+            case 50:
+            case "end":
+              return _context.stop();
+          }
+        }
+      }, _callee, null, [[2, 8]]);
+    }));
+
+    return function render(_x) {
+      return _ref2.apply(this, arguments);
+    };
+  }();
+
+  if (history.location.pathname === '/') {
+    history.replace(prependBasename(entryPagePath + history.location.search));
+  }
 
-/* eslint-disable dot-notation */
-function createRouter(app, config, framework) {
-    var _a;
-    init(config);
-    const routes = [];
-    const alias = (_a = config.router.customRoutes) !== null && _a !== void 0 ? _a : {};
-    const runtimeHooks = container.get(SERVICE_IDENTIFIER.Hooks);
-    setRoutesAlias(alias);
-    for (let i = 0; i < config.routes.length; i++) {
-        const route = config.routes[i];
-        const path = addLeadingSlash(route.path);
-        routes.push({
-            path: alias[path] || path,
-            action: route.load
-        });
-    }
-    const basename = config.router.basename;
-    const router = new UniversalRouter(routes, { baseUrl: basename || '' });
-    app.onLaunch();
-    const render = async ({ location, action }) => {
-        var _a, _b, _c, _d;
-        routerConfig.router.pathname = location.pathname;
-        let element;
-        try {
-            element = await router.resolve(config.router.forcePath || location.pathname);
-        }
-        catch (error) {
-            if (error.status === 404) {
-                (_a = app.onPageNotFound) === null || _a === void 0 ? void 0 : _a.call(app, {
-                    path: location.pathname
-                });
-            }
-            else {
-                throw new Error(error);
-            }
-        }
-        if (!element)
-            return;
-        const pageConfig = config.routes.find(r => {
-            const path = addLeadingSlash(r.path);
-            return path === location.pathname || alias[path] === location.pathname;
-        });
-        let enablePullDownRefresh = false;
-        eventCenter.trigger('__taroRouterChange', {
-            toLocation: {
-                path: location.pathname
-            }
-        });
-        if (pageConfig) {
-            document.title = (_b = pageConfig.navigationBarTitleText) !== null && _b !== void 0 ? _b : document.title;
-            enablePullDownRefresh = pageConfig.enablePullDownRefresh;
-        }
-        const currentPage = Current.page;
-        const pathname = location.pathname;
-        let shouldLoad = false;
-        if (action === 'POP') {
-            // NOTE: 浏览器事件退后多次时，该事件只会被触发一次
-            const prevIndex = stacks.getPrevIndex(pathname);
-            const delta = stacks.getDelta(pathname);
-            unloadPage(currentPage, delta);
-            if (prevIndex > -1) {
-                showPage(stacks.getItem(prevIndex), pageConfig, prevIndex);
-            }
-            else {
-                shouldLoad = true;
-            }
-        }
-        else if (action === 'PUSH') {
-            hidePage(currentPage);
-            shouldLoad = true;
-        }
-        else if (action === 'REPLACE') {
-            if (isTabBar(config)) {
-                hidePage(currentPage);
-                const prevIndex = stacks.getPrevIndex(pathname);
-                if (prevIndex > -1) {
-                    // NOTE: tabbar 页且之前出现过，直接复用
-                    return showPage(stacks.getItem(prevIndex), pageConfig, prevIndex);
-                }
-            }
-            else {
-                unloadPage(currentPage);
-            }
-            shouldLoad = true;
-        }
-        if (shouldLoad || stacks.length < 1) {
-            const el = (_c = element.default) !== null && _c !== void 0 ? _c : element;
-            const loadConfig = Object.assign({}, pageConfig);
-            const stacksIndex = stacks.length;
-            delete loadConfig['path'];
-            delete loadConfig['load'];
-            const page = createPageConfig(enablePullDownRefresh ? (_d = runtimeHooks.createPullDownComponent) === null || _d === void 0 ? void 0 : _d.call(runtimeHooks, el, location.pathname, framework, routerConfig.PullDownRefresh) : el, pathname + stringify(qs(stacksIndex)), {}, loadConfig);
-            return loadPage(page, pageConfig, stacksIndex);
-        }
-    };
-    if (history.location.pathname === '/') {
-        history.replace(prependBasename(routes[0].path + history.location.search));
-    }
-    render({ location: history.location, action: r.Push });
-    app.onShow(qs(stacks.length));
-    return history.listen(render);
+  render({
+    location: history.location,
+    action: r.Push
+  });
+  app.onShow(handler.getQuery(stacks.length));
+  return history.listen(render);
 }
 
 export { createRouter, getCurrentPages, history, navigateBack, navigateTo, reLaunch, redirectTo, switchTab };