@tarojs/router 4.0.0-beta.8 → 4.0.0-beta.80

package/dist/style.js

@@ -3,6 +3,9 @@
  */
 function loadAnimateStyle(ms = 300) {
     const css = `
+body {
+  overflow: hidden; // 防止 iOS 页面滚动
+}
 .taro_router > .taro_page {
   position: absolute;
   left: 0;
@@ -18,6 +21,7 @@ function loadAnimateStyle(ms = 300) {
 .taro_router > .taro_page.taro_tabbar_page,
 .taro_router > .taro_page.taro_page_show.taro_page_stationed {
   transform: none;
+  transition: none;
 }
 
 .taro_router > .taro_page.taro_page_show {
@@ -64,6 +68,96 @@ ${enableTabBar ? `
 `;
     addStyle(css);
 }
+/**
+ * 插入导航栏相关的样式
+*/
+function loadNavigationBarStyle() {
+    const css = `
+  .taro-navigation-bar-show {
+    display: flex;
+    background: white;
+    position: sticky;
+    z-index: 500;
+    top: 0;
+    padding-bottom: 8px;
+    padding-top: calc(env(safe-area-inset-top) + 8px);
+    justify-content: center;
+    align-items: center;
+  }
+
+  .taro-navigation-bar-hide {
+    display: none;
+  }
+
+  .taro-navigation-bar-title-wrap {
+    display: flex;
+    height: 24px;
+  }
+
+  .taro-navigation-bar-title-wrap > .taro-navigation-bar-loading {
+    display: none;
+    animation: loading 2s linear infinite;
+  }
+
+  .taro-navigation-bar-title-wrap .taro-navigation-bar-loading.taro-navigation-bar-loading-show {
+    display: flex;
+  }
+
+  .taro-navigation-bar-title-wrap > .taro-navigation-bar-title {
+    font-size: 24px;
+    height: 24px;
+    line-height: 24px;
+    max-width: 100px;
+    white-space: nowrap;
+    overflow: hidden;
+    line-height: 24px;
+    text-overflow: ellipsis;
+  }
+
+  @keyframes loading {
+    from {
+      transform: rotate(0deg);
+    }
+    to {
+      transform: rotate(360deg);
+    }
+  }
+
+  @keyframes loading {
+    from {
+      transform: rotate(0deg);
+    }
+    to {
+      transform: rotate(360deg);
+    }
+  }  
+
+  .taro-navigation-bar-no-icon > .taro-navigation-bar-home {
+    display: none;
+  }
+
+  .taro-navigation-bar-no-icon > .taro-navigation-bar-back {
+    display: none;
+  }
+
+  .taro-navigation-bar-home-icon > .taro-navigation-bar-home {
+    display: flex;
+    left: 8px;
+    position: absolute;
+    width: 24px;
+    height: 24px;
+  }
+
+  .taro-navigation-bar-back-icon > .taro-navigation-bar-back {
+    display: flex;
+    left: 8px;
+    position: absolute;
+    width: 24px;
+    height: 24px;
+  }
+`;
+    addStyle(css);
+}
 function addStyle(css) {
     if (!css)
         return;
@@ -72,4 +166,4 @@ function addStyle(css) {
     document.getElementsByTagName('head')[0].appendChild(style);
 }
 
-export { addStyle, loadAnimateStyle, loadRouterStyle };
+export { addStyle, loadAnimateStyle, loadNavigationBarStyle, loadRouterStyle };

package/dist/utils/index.js

@@ -1,5 +1,4 @@
 import { addLeadingSlash } from '@tarojs/runtime';
-import 'tslib';
 
 class RoutesAlias {
     constructor() {

package/dist/utils/navigate.d.ts

@@ -1,4 +1,10 @@
 declare const isWeixin: () => boolean;
 declare const isDingTalk: () => boolean;
-declare function setTitle(title: string): Promise<string>;
-export { isWeixin, isDingTalk, setTitle };
+declare function setMpaTitle(title: string): void;
+declare function setTitle(title: string): void;
+declare function setNavigationBarStyle(option: {
+    backgroundColor: string;
+    frontColor: string;
+}): void;
+declare function setNavigationBarLoading(loading: boolean): void;
+export { isWeixin, isDingTalk, setMpaTitle, setTitle, setNavigationBarStyle, setNavigationBarLoading };

package/dist/utils/navigate.js

@@ -1,25 +1,31 @@
-import { __awaiter } from 'tslib';
+import { eventCenter } from '@tarojs/runtime';
 
-let preTitle = document.title;
-let isLoadDdEntry = false;
 const isWeixin = () => !!navigator.userAgent.match(/\bMicroMessenger\b/ig);
 const isDingTalk = () => !!navigator.userAgent.match(/\bDingTalk\b/ig);
-function setTitle(title) {
-    return __awaiter(this, void 0, void 0, function* () {
-        if (preTitle === title)
-            return title;
-        document.title = title;
-        preTitle = title;
-        if (process.env.SUPPORT_DINGTALK_NAVIGATE !== 'disabled' && isDingTalk()) {
-            if (!isLoadDdEntry) {
-                isLoadDdEntry = true;
-                require('dingtalk-jsapi/platform');
-            }
-            const setDingTitle = require('dingtalk-jsapi/api/biz/navigation/setTitle').default;
-            setDingTitle({ title });
+let preTitle = document.title;
+let isLoadDdEntry = false;
+function setMpaTitle(title) {
+    if (preTitle === title)
+        return;
+    document.title = title;
+    preTitle = title;
+    if (process.env.SUPPORT_DINGTALK_NAVIGATE !== 'disabled' && isDingTalk()) {
+        if (!isLoadDdEntry) {
+            isLoadDdEntry = true;
+            require('dingtalk-jsapi/platform');
         }
-        return title;
-    });
+        const setDingTitle = require('dingtalk-jsapi/api/biz/navigation/setTitle').default;
+        setDingTitle({ title });
+    }
+}
+function setTitle(title) {
+    eventCenter.trigger('__taroH5SetNavigationBarTitle', title);
+}
+function setNavigationBarStyle(option) {
+    eventCenter.trigger('__taroH5setNavigationBarColor', option);
+}
+function setNavigationBarLoading(loading) {
+    eventCenter.trigger('__taroH5setNavigationBarLoading', loading);
 }
 
-export { isDingTalk, isWeixin, setTitle };
+export { isDingTalk, isWeixin, setMpaTitle, setNavigationBarLoading, setNavigationBarStyle, setTitle };

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@tarojs/router",
-  "version": "4.0.0-beta.8",
+  "version": "4.0.0-beta.80",
   "description": "Taro-router",
   "browser": "dist/index.js",
   "main:h5": "dist/index.esm.js",
@@ -44,12 +44,14 @@
     "rollup-plugin-ts": "^3.0.2",
     "ts-jest": "^29.0.5",
     "typescript": "^4.7.4",
-    "@tarojs/runtime": "4.0.0-beta.8",
-    "@tarojs/taro": "4.0.0-beta.8"
+    "@tarojs/runtime": "4.0.0-beta.80",
+    "@tarojs/taro": "4.0.0-beta.80",
+    "@tarojs/shared": "4.0.0-beta.80"
   },
   "peerDependencies": {
-    "@tarojs/taro": "4.0.0-beta.8",
-    "@tarojs/runtime": "4.0.0-beta.8"
+    "@tarojs/runtime": "4.0.0-beta.80",
+    "@tarojs/shared": "4.0.0-beta.80",
+    "@tarojs/taro": "4.0.0-beta.80"
   },
   "scripts": {
     "prebuild": "pnpm run clean",

package/types/api.d.ts

@@ -11,3 +11,8 @@ export interface Option extends Base {
 export interface NavigateBackOption extends Base {
   delta: number
 }
+
+ export interface NavigateOption extends BaseOption {
+  url: string
+  events?: Record<string, any>
+}