@tarojs/taro-h5 3.3.9 → 3.3.13

package/dist/index.cjs.js

@@ -919,7 +919,11 @@ function createBrowserHistory(b) {
 
   function x(c, a) {
     void 0 === a && (a = null);
-    return C(_extends({}, q, "string" === typeof c ? J(c) : c, {
+    return C(_extends({
+      pathname: q.pathname,
+      hash: "",
+      search: ""
+    }, "string" === typeof c ? J(c) : c, {
       state: a,
       key: H()
     }));
@@ -1102,7 +1106,11 @@ function createHashHistory(b) {
 
   function z(a, e) {
     void 0 === e && (e = null);
-    return C(_extends({}, d, "string" === typeof a ? J(a) : a, {
+    return C(_extends({
+      pathname: d.pathname,
+      hash: "",
+      search: ""
+    }, "string" === typeof a ? J(a) : a, {
       state: e,
       key: H()
     }));
@@ -1244,7 +1252,7 @@ function setHistoryMode(mode) {
   }
 }
 
-function parsePath() {
+function prependBasename() {
   var url = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : '';
   return basename.replace(/\/$/, '') + '/' + url.replace(/^\//, '');
 }
@@ -1286,65 +1294,98 @@ var throttle = function throttle(fn, threshold) {
   };
 };
 
-function processNavigateUrl(option) {
-  var url = option.url;
-  var matches = option.url.match(/[?&?].*/);
-  var parameters = '';
+var stripBasename = function stripBasename(path, basename) {
+  return path.startsWith(basename) ? path.replace(basename, '') : path;
+};
 
-  if (matches && matches.length) {
-    parameters = matches[0];
-    url = url.replace(parameters, '');
-  }
+var isTabBar = function isTabBar(config) {
+  var _a, _b;
+
+  var _config$router = config.router,
+      _config$router$custom = _config$router.customRoutes,
+      customRoutes = _config$router$custom === void 0 ? {} : _config$router$custom,
+      _config$router$basena = _config$router.basename,
+      basename = _config$router$basena === void 0 ? '' : _config$router$basena,
+      pathname = _config$router.pathname;
+  var routePath = stripBasename(pathname, basename);
+  var pagePath = ((_a = Object.entries(customRoutes).find(function (_ref) {
+    var _ref2 = _slicedToArray(_ref, 2),
+        target = _ref2[1];
+
+    return 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(function (t) {
+    return t.pagePath === pagePath;
+  });
+};
+
+function processNavigateUrl(option) {
+  var pathPieces = J(option.url); // 处理自定义路由
 
   Object.keys(routesAlias).forEach(function (key) {
-    if (addLeadingSlash(key) === addLeadingSlash(url)) {
-      option.url = routesAlias[key] + parameters;
+    if (addLeadingSlash(key) === addLeadingSlash(pathPieces.pathname)) {
+      pathPieces.pathname = routesAlias[key];
     }
-  });
-}
+  }); // 处理 basename
 
-function navigate(option, method) {
-  var success = option.success,
-      complete = option.complete,
-      fail = option.fail;
-  var failReason;
+  pathPieces.pathname = prependBasename(pathPieces.pathname); // hack fix history v5 bug: https://github.com/remix-run/history/issues/814
 
-  if (option.url) {
-    processNavigateUrl(option);
-  }
+  if (!pathPieces.search) pathPieces.search = '';
+  return pathPieces;
+}
 
-  try {
-    if (method === 'navigateTo') {
-      exports.history.push(parsePath(option.url), {
-        timestamp: Date.now()
-      });
-    } else if (method === 'redirectTo') {
-      exports.history.replace(parsePath(option.url), {
-        timestamp: Date.now()
-      });
-    } else if (method === 'navigateBack') {
-      setHistoryBackDelta(option.delta);
-      exports.history.go(-option.delta);
-    }
-  } catch (error) {
-    failReason = error;
-  }
+function navigate(_x, _x2) {
+  return _navigate.apply(this, arguments);
+}
 
-  return new Promise(function (resolve, reject) {
-    if (failReason) {
-      fail && fail(failReason);
-      complete && complete();
-      reject(failReason);
-      return;
-    }
+function _navigate() {
+  _navigate = _asyncToGenerator( /*#__PURE__*/regeneratorRuntime.mark(function _callee2(option, method) {
+    return regeneratorRuntime.wrap(function _callee2$(_context2) {
+      while (1) {
+        switch (_context2.prev = _context2.next) {
+          case 0:
+            return _context2.abrupt("return", new Promise(function (resolve, reject) {
+              var success = option.success,
+                  complete = option.complete,
+                  fail = option.fail;
+              var unListen = exports.history.listen(function () {
+                success === null || success === void 0 ? void 0 : success();
+                complete === null || complete === void 0 ? void 0 : complete();
+                resolve();
+                unListen();
+              });
 
-    var unlisten = exports.history.listen(function () {
-      success && success();
-      complete && complete();
-      resolve();
-      unlisten();
-    });
-  });
+              try {
+                if ('url' in option) {
+                  var pathPieces = processNavigateUrl(option);
+                  var state = {
+                    timestamp: Date.now()
+                  };
+
+                  if (method === 'navigateTo') {
+                    exports.history.push(pathPieces, state);
+                  } else if (method === 'redirectTo') {
+                    exports.history.replace(pathPieces, state);
+                  }
+                } else if (method === 'navigateBack') {
+                  setHistoryBackDelta(option.delta);
+                  exports.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);
+              }
+            }));
+
+          case 1:
+          case "end":
+            return _context2.stop();
+        }
+      }
+    }, _callee2);
+  }));
+  return _navigate.apply(this, arguments);
 }
 
 function navigateTo(option) {
@@ -1368,10 +1409,12 @@ function navigateBack() {
 }
 
 function switchTab(option) {
-  return navigateTo(option);
+  // TODO: 清除掉所有的栈去目标页面
+  return redirectTo(option);
 }
 
 function reLaunch(option) {
+  // TODO: 清除掉所有的栈去目标页面
   return redirectTo(option);
 }
 
@@ -2043,6 +2086,10 @@ function initTabbar(config) {
     tabbar.conf.customRoutes = {};
   }
 
+  if (typeof routerConfig.basename !== 'undefined') {
+    tabbar.conf.basename = routerConfig.basename;
+  }
+
   var container = document.getElementById('container'); // eslint-disable-next-line no-unused-expressions
 
   container === null || container === void 0 ? void 0 : container.appendChild(tabbar);
@@ -2812,14 +2859,14 @@ function createRouter(app, config, framework) {
   });
   app.onLaunch();
   var render = throttle( /*#__PURE__*/function () {
-    var _ref2 = _asyncToGenerator( /*#__PURE__*/regeneratorRuntime.mark(function _callee(_ref) {
-      var location, action, _a, _b, _c, _d, element, pageConfig, enablePullDownRefresh, shouldLoad, delta, prevIndex, prev, el, _config, pathname, page;
+    var _ref4 = _asyncToGenerator( /*#__PURE__*/regeneratorRuntime.mark(function _callee(_ref3) {
+      var location, action, _a, _b, _c, _d, element, pageConfig, enablePullDownRefresh, shouldLoad, delta, prevIndex, prev, pathname, _prevIndex, _prev, el, loadConfig, _pathname, routerIndex, page;
 
       return regeneratorRuntime.wrap(function _callee$(_context) {
         while (1) {
           switch (_context.prev = _context.next) {
             case 0:
-              location = _ref.location, action = _ref.action;
+              location = _ref3.location, action = _ref3.action;
               routerConfig.router.pathname = location.pathname;
               _context.prev = 2;
               _context.next = 5;
@@ -2875,45 +2922,96 @@ function createRouter(app, config, framework) {
 
               shouldLoad = false;
 
-              if (action === 'POP') {
-                unloadPage(runtime.Current.page);
-                delta = historyBackDelta;
+              if (!(action === 'POP')) {
+                _context.next = 32;
+                break;
+              }
 
-                while (delta-- > 1) {
-                  unloadPage(stacks.slice(-1)[0]);
-                } // 最终必须重置为 1
+              unloadPage(runtime.Current.page);
+              delta = historyBackDelta;
 
+              while (delta-- > 1) {
+                unloadPage(stacks.slice(-1)[0]);
+              } // 最终必须重置为 1
 
-                setHistoryBackDelta(1);
-                prevIndex = stacks.reduceRight(function (p, s, i) {
-                  if (p !== 0) return p;else if (s.path === location.pathname + runtime.stringify(qs(i))) return i;else return 0;
-                }, 0);
-                prev = stacks[prevIndex];
 
-                if (prev) {
-                  showPage(prev, pageConfig, prevIndex);
-                } else {
-                  shouldLoad = true;
-                }
-              } else if (action === 'PUSH') {
-                hidePage(runtime.Current.page);
-                shouldLoad = true;
-              } else if (action === 'REPLACE') {
-                unloadPage(runtime.Current.page);
+              setHistoryBackDelta(1);
+              prevIndex = stacks.reduceRight(function (p, s, i) {
+                if (p !== 0) return p;else if (s.path === location.pathname + runtime.stringify(qs(i))) return i;else return 0;
+              }, 0);
+              prev = stacks[prevIndex];
+
+              if (prev) {
+                showPage(prev, pageConfig, prevIndex);
+              } else {
                 shouldLoad = true;
               }
 
+              _context.next = 49;
+              break;
+
+            case 32:
+              if (!(action === 'PUSH')) {
+                _context.next = 37;
+                break;
+              }
+
+              hidePage(runtime.Current.page);
+              shouldLoad = true;
+              _context.next = 49;
+              break;
+
+            case 37:
+              if (!(action === 'REPLACE')) {
+                _context.next = 49;
+                break;
+              }
+
+              if (!isTabBar(config)) {
+                _context.next = 47;
+                break;
+              }
+
+              hidePage(runtime.Current.page);
+              pathname = stripBasename(config.router.pathname, basename);
+              _prevIndex = stacks.findIndex(function (r) {
+                var _a;
+
+                return ((_a = r.path) === null || _a === void 0 ? void 0 : _a.replace(/\?.*/g, '')) === pathname;
+              });
+
+              if (!(_prevIndex > -1)) {
+                _context.next = 45;
+                break;
+              }
+
+              // tabbar 页且之前出现过，直接复用
+              _prev = stacks[_prevIndex];
+              return _context.abrupt("return", showPage(_prev, pageConfig, _prevIndex));
+
+            case 45:
+              _context.next = 48;
+              break;
+
+            case 47:
+              unloadPage(runtime.Current.page);
+
+            case 48:
+              shouldLoad = true;
+
+            case 49:
               if (shouldLoad) {
                 el = (_c = element["default"]) !== null && _c !== void 0 ? _c : element;
-                _config = Object.assign({}, pageConfig);
-                delete _config['path'];
-                delete _config['load'];
-                pathname = basename ? location.pathname.replace(basename, '') : location.pathname;
-                page = runtime.createPageConfig(enablePullDownRefresh ? (_d = runtimeHooks.createPullDownComponent) === null || _d === void 0 ? void 0 : _d.call(runtimeHooks, el, location.pathname, framework, routerConfig.PullDownRefresh) : el, pathname + runtime.stringify(qs(stacks.length)), {}, _config);
-                loadPage(page, pageConfig, stacks.length);
+                loadConfig = Object.assign({}, pageConfig);
+                delete loadConfig['path'];
+                delete loadConfig['load'];
+                _pathname = stripBasename(config.router.pathname, basename);
+                routerIndex = stacks.length;
+                page = runtime.createPageConfig(enablePullDownRefresh ? (_d = runtimeHooks.createPullDownComponent) === null || _d === void 0 ? void 0 : _d.call(runtimeHooks, el, location.pathname, framework, routerConfig.PullDownRefresh) : el, _pathname + runtime.stringify(qs(routerIndex)), {}, loadConfig);
+                loadPage(page, pageConfig, routerIndex);
               }
 
-            case 24:
+            case 50:
             case "end":
               return _context.stop();
           }
@@ -2921,13 +3019,13 @@ function createRouter(app, config, framework) {
       }, _callee, null, [[2, 8]]);
     }));
 
-    return function (_x) {
-      return _ref2.apply(this, arguments);
+    return function (_x3) {
+      return _ref4.apply(this, arguments);
     };
   }(), 500);
 
   if (exports.history.location.pathname === '/') {
-    exports.history.replace(parsePath(routes[0].path + exports.history.location.search));
+    exports.history.replace(prependBasename(routes[0].path + exports.history.location.search));
   }
 
   render({
@@ -3276,7 +3374,7 @@ var initPxTransform = getInitPxTransform$1(taro);
 var requirePlugin = permanentlyNotSupport('requirePlugin');
 
 var getApp = function getApp() {
-  return taro._$app;
+  return getCurrentInstance().app;
 };
 
 var pxTransform = function pxTransform(size) {
@@ -6291,11 +6389,14 @@ function _previewImage() {
 function loadImage(url, fail) {
   return new Promise(function (resolve) {
     var item = document.createElement('taro-swiper-item-core');
-    item.style.cssText = "\n      display: flex;\n      align-items: center;\n      justify-content: center;\n    ";
+    item.style.cssText = "\n      display: flex;\n      align-items: start;\n      justify-content: center;\n      overflow-y: scroll;\n    ";
     var image = new Image();
     image.style.maxWidth = '100%';
     image.src = url;
-    item.appendChild(image); // Note: 等待图片加载完后返回，会导致轮播被卡住
+    var div = document.createElement('div');
+    div.style.cssText = "\n      display: flex;\n      align-items: center;\n      justify-content: center;\n      max-width: 100%;\n      min-height: 100%;\n    ";
+    div.appendChild(image);
+    item.appendChild(div); // Note: 等待图片加载完后返回，会导致轮播被卡住
 
     resolve(item);
 

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@tarojs/taro-h5",
-  "version": "3.3.9",
+  "version": "3.3.13",
   "description": "Taro h5 framework",
   "main:h5": "src/index.js",
   "main": "dist/index.cjs.js",
@@ -33,9 +33,9 @@
   "author": "O2Team",
   "license": "MIT",
   "dependencies": {
-    "@tarojs/api": "3.3.9",
-    "@tarojs/router": "3.3.9",
-    "@tarojs/runtime": "3.3.9",
+    "@tarojs/api": "3.3.13",
+    "@tarojs/router": "3.3.13",
+    "@tarojs/runtime": "3.3.13",
     "base64-js": "^1.3.0",
     "jsonp-retry": "^1.0.3",
     "mobile-detect": "^1.4.2",
@@ -45,5 +45,5 @@
   "devDependencies": {
     "jest-fetch-mock": "^3.0.3"
   },
-  "gitHead": "dfea7ab7ac6f5abb8bb344595eadc0993d752eae"
+  "gitHead": "d84177a97cc27c01ca63c9dd07e5ab5bbaa91d8a"
 }

package/src/api/image/previewImage.js

@@ -1,4 +1,3 @@
-
 /**
  * 在新页面中全屏预览图片。预览的过程中用户可以进行保存图片、发送给朋友等操作。
  * @param {Object} options
@@ -67,13 +66,23 @@ function loadImage (url, fail) {
     const item = document.createElement('taro-swiper-item-core')
     item.style.cssText = `
       display: flex;
-      align-items: center;
+      align-items: start;
       justify-content: center;
+      overflow-y: scroll;
     `
     const image = new Image()
     image.style.maxWidth = '100%'
     image.src = url
-    item.appendChild(image)
+    const div = document.createElement('div')
+    div.style.cssText = `
+      display: flex;
+      align-items: center;
+      justify-content: center;
+      max-width: 100%;
+      min-height: 100%;
+    `
+    div.appendChild(image)
+    item.appendChild(div)
     // Note: 等待图片加载完后返回，会导致轮播被卡住
     resolve(item)
     if (typeof fail === 'function') {

package/src/taro/index.js

@@ -85,7 +85,7 @@ const initPxTransform = getInitPxTransform(taro)
 
 const requirePlugin = permanentlyNotSupport('requirePlugin')
 const getApp = function () {
-  return taro._$app
+  return getCurrentInstance().app
 }
 
 const pxTransform = function (size) {