feat(): support emit render info

Author: SailorF

packages/brick-kit/src/core/Router.ts

@@ -6,6 +6,7 @@ import type {
   PluginLocation,
   PluginRuntimeContext,
   RuntimeMisc,
+  NavTip,
 } from "@next-core/brick-types";
 import {
   restoreDynamicTemplates,
@@ -234,6 +235,7 @@ export class Router {
     const history = getHistory();
     history.unblock();
 
+    const renderStartTime = Date.now();
     // Create the page tracker before page load.
     // And the API Analyzer maybe disabled.
     const pageTracker = apiAnalyzer.getInstance()?.pageTracker();
@@ -559,6 +561,36 @@ export class Router {
           pageTitle: document.title,
         });
 
+        const renderTime = Date.now() - renderStartTime;
+        const { loadTime = 2500, loadInfoPage } =
+          this.kernel.bootstrapData.settings.misc ?? {};
+        if (currentApp.isBuildPush && renderTime > loadTime) {
+          const getSecond = (time: number): number =>
+            Math.floor(time * 100) / 100;
+          window.dispatchEvent(
+            new CustomEvent<NavTip[]>("app.bar.tips", {
+              detail: [
+                {
+                  text: `您的页面存在性能问题, 当前页面渲染时间为: ${getSecond(
+                    renderTime / 1000
+                  )} 秒, 规定阈值为: ${getSecond(
+                    (loadTime as number) / 1000
+                  )} 秒; 您已超过, 请您针对该页面进行性能优化!`,
+                  closeable: false,
+                  ...(loadInfoPage
+                    ? {
+                        info: {
+                          label: "查看详情",
+                          url: loadInfoPage as string,
+                        },
+                      }
+                    : {}),
+                },
+              ],
+            })
+          );
+        }
+
         // analytics page_view event
         userAnalytics.event("page_view", {
           micro_app_id: this.kernel.currentApp.id,

packages/brick-types/src/runtime.ts

@@ -321,6 +321,15 @@ export interface UserInfo {
   user_memo: string;
 }
 
+export interface NavTip {
+  text: string;
+  closeable?: boolean;
+  info?: {
+    url: string;
+    label: string;
+  };
+}
+
 /** @internal */
 export interface MagicBrickConfig {
   selector: string;