@next-core/runtime 1.36.0 → 1.37.0

package/dist/cjs/createRoot.js

@@ -16,7 +16,6 @@ var _StoryboardFunctions = require("./internal/compute/StoryboardFunctions.js");
 var _registerAppI18n = require("./internal/registerAppI18n.js");
 var _registerCustomTemplates = require("./internal/registerCustomTemplates.js");
 var _setUIVersion = require("./setUIVersion.js");
-var _setupRootRuntimeContext = require("./internal/setupRootRuntimeContext.js");
 function unstable_createRoot(container, {
   portal: _portal,
   scope = "fragment",
@@ -71,7 +70,6 @@ function unstable_createRoot(container, {
       };
       if (scope === "page") {
         var _clearI18nBundles;
-        (0, _setupRootRuntimeContext.setupRootRuntimeContext)(bricks, runtimeContext);
         (0, _themeAndMode.setTheme)(theme !== null && theme !== void 0 ? theme : "light");
         (0, _themeAndMode.setMode)("default");
         (0, _setUIVersion.setUIVersion)(uiVersion);
@@ -103,7 +101,7 @@ function unstable_createRoot(container, {
       let output;
       let stores = [];
       try {
-        output = await (0, _Renderer.renderBricks)(renderRoot, bricks, runtimeContext, rendererContext, []);
+        output = await (0, _Renderer.renderBricks)(renderRoot, bricks, runtimeContext, rendererContext, [], {});
         stores = (0, _Renderer.getDataStores)(runtimeContext);
         await (0, _Renderer.postAsyncRender)(output, runtimeContext, stores);
       } catch (error) {
@@ -118,8 +116,7 @@ function unstable_createRoot(container, {
             return: renderRoot,
             runtimeContext: null
           },
-          blockingList: [],
-          menuRequests: []
+          blockingList: []
         };
       }
       renderRoot.child = output.node;

package/dist/cjs/createRoot.js.map

@@ -1 +1 @@
-{"version":3,"file":"createRoot.js","names":["_lodash","require","_Renderer","_RendererContext","_DataStore","_mount","_handleHttpError","_themeAndMode","_enums","_StoryboardFunctions","_registerAppI18n","_registerCustomTemplates","_setUIVersion","_setupRootRuntimeContext","unstable_createRoot","container","portal","_portal","scope","unknownBricks","createPortal","document","createElement","style","position","width","height","body","append","unmounted","rendererContext","clearI18nBundles","render","brick","theme","uiVersion","context","functions","templates","i18n","i18nData","Error","bricks","concat","previousRendererContext","renderId","uniqueId","RendererContext","runtimeContext","ctxStore","DataStore","undefined","pendingPermissionsPreCheck","tplStateStoreMap","Map","formStateStoreMap","renderRoot","tag","RenderTag","ROOT","_clearI18nBundles","setupRootRuntimeContext","setTheme","setMode","setUIVersion","demoApp","id","homepage","app","demoStoryboard","meta","customTemplates","registerAppI18n","registerCustomTemplates","registerStoryboardFunctions","define","failed","output","stores","renderBricks","getDataStores","postAsyncRender","error","node","BRICK","type","properties","textContent","httpErrorToString","return","blockingList","menuRequests","child","dispatchOnUnmount","dispose","unmountTree","dispatchBeforePageLoad","applyTheme","applyMode","mountTree","window","scrollTo","store","mountAsyncData","dispatchPageLoad","dispatchOnMount","initializeScrollIntoView","initializeMediaChange","initializeMessageDispatcher","unmount","remove"],"sources":["../../src/createRoot.ts"],"sourcesContent":["import type {\n  BrickConf,\n  ContextConf,\n  CustomTemplate,\n  MetaI18n,\n  MicroApp,\n  SiteTheme,\n  Storyboard,\n  StoryboardFunction,\n} from \"@next-core/types\";\nimport { uniqueId } from \"lodash\";\nimport {\n  RenderOutput,\n  getDataStores,\n  postAsyncRender,\n  renderBricks,\n} from \"./internal/Renderer.js\";\nimport { RendererContext } from \"./internal/RendererContext.js\";\nimport { DataStore } from \"./internal/data/DataStore.js\";\nimport type { RenderRoot, RuntimeContext } from \"./internal/interfaces.js\";\nimport { mountTree, unmountTree } from \"./internal/mount.js\";\nimport { httpErrorToString } from \"./handleHttpError.js\";\nimport { applyMode, applyTheme, setMode, setTheme } from \"./themeAndMode.js\";\nimport { RenderTag } from \"./internal/enums.js\";\nimport { registerStoryboardFunctions } from \"./internal/compute/StoryboardFunctions.js\";\nimport { registerAppI18n } from \"./internal/registerAppI18n.js\";\nimport { registerCustomTemplates } from \"./internal/registerCustomTemplates.js\";\nimport { setUIVersion } from \"./setUIVersion.js\";\nimport { setupRootRuntimeContext } from \"./internal/setupRootRuntimeContext.js\";\n\nexport interface CreateRootOptions {\n  portal?: HTMLElement;\n  /**\n   * Defaults to \"fragment\", only set it to \"page\" when the root is in a standalone iframe.\n   * - page: render as whole page, triggering page life cycles, and enable register of functions/templates/i18n.\n   * - fragment: render as fragment, not triggering page life cycles, and disable register of functions/templates/i18n.\n   */\n  scope?: \"page\" | \"fragment\";\n\n  /**\n   * Whether to throw error when encountering unknown bricks.\n   *\n   * Defaults to \"throw\".\n   */\n  unknownBricks?: \"silent\" | \"throw\";\n}\n\nexport interface RenderOptions {\n  theme?: SiteTheme;\n  uiVersion?: string;\n  context?: ContextConf[];\n  functions?: StoryboardFunction[];\n  templates?: CustomTemplate[];\n  i18n?: MetaI18n;\n}\n\nexport function unstable_createRoot(\n  container: HTMLElement | DocumentFragment,\n  { portal: _portal, scope = \"fragment\", unknownBricks }: CreateRootOptions = {}\n) {\n  let portal = _portal;\n  let createPortal: RenderRoot[\"createPortal\"];\n  if (_portal) {\n    createPortal = _portal;\n  } else {\n    // Create portal container when necessary.\n    createPortal = () => {\n      portal = document.createElement(\"div\");\n      portal.style.position = \"absolute\";\n      portal.style.width = portal.style.height = \"0\";\n      document.body.append(portal);\n      return portal;\n    };\n  }\n  let unmounted = false;\n  let rendererContext: RendererContext | undefined;\n  let clearI18nBundles: Function | undefined;\n\n  return {\n    async render(\n      brick: BrickConf | BrickConf[],\n      {\n        theme,\n        uiVersion,\n        context,\n        functions,\n        templates,\n        i18n: i18nData,\n      }: RenderOptions = {}\n    ) {\n      if (unmounted) {\n        throw new Error(\n          \"The root is unmounted and cannot be rendered any more\"\n        );\n      }\n      const bricks = ([] as BrickConf[]).concat(brick);\n\n      const previousRendererContext = rendererContext;\n      const renderId = uniqueId(\"render-id-\");\n      rendererContext = new RendererContext(scope, { unknownBricks, renderId });\n\n      const runtimeContext = {\n        ctxStore: new DataStore(\"CTX\", undefined, rendererContext),\n        pendingPermissionsPreCheck: [],\n        tplStateStoreMap: new Map<string, DataStore<\"STATE\">>(),\n        formStateStoreMap: new Map<string, DataStore<\"FORM_STATE\">>(),\n      } as Partial<RuntimeContext> as RuntimeContext;\n\n      const renderRoot: RenderRoot = {\n        tag: RenderTag.ROOT,\n        container,\n        createPortal,\n      };\n\n      if (scope === \"page\") {\n        setupRootRuntimeContext(bricks, runtimeContext);\n        setTheme(theme ?? \"light\");\n        setMode(\"default\");\n        setUIVersion(uiVersion);\n\n        const demoApp = {\n          id: \"demo\",\n          homepage: \"/demo\",\n        } as MicroApp;\n        runtimeContext.app = demoApp;\n        const demoStoryboard = {\n          app: demoApp,\n          meta: {\n            i18n: i18nData,\n            customTemplates: templates,\n          },\n        } as Storyboard;\n\n        // Register i18n.\n        clearI18nBundles?.();\n        clearI18nBundles = registerAppI18n(demoStoryboard);\n\n        // Register custom templates.\n        registerCustomTemplates(demoStoryboard);\n\n        // Register functions.\n        registerStoryboardFunctions(functions, demoApp);\n      }\n\n      runtimeContext.ctxStore.define(context, runtimeContext);\n\n      let failed = false;\n      let output: RenderOutput;\n      let stores: DataStore<\"CTX\" | \"STATE\" | \"FORM_STATE\">[] = [];\n\n      try {\n        output = await renderBricks(\n          renderRoot,\n          bricks,\n          runtimeContext,\n          rendererContext,\n          []\n        );\n\n        stores = getDataStores(runtimeContext);\n        await postAsyncRender(output, runtimeContext, stores);\n      } catch (error) {\n        failed = true;\n        output = {\n          node: {\n            tag: RenderTag.BRICK,\n            type: \"div\",\n            properties: {\n              textContent: httpErrorToString(error),\n            },\n            return: renderRoot,\n            runtimeContext: null!,\n          },\n          blockingList: [],\n          menuRequests: [],\n        };\n      }\n\n      renderRoot.child = output.node;\n\n      previousRendererContext?.dispatchOnUnmount();\n      previousRendererContext?.dispose();\n      unmountTree(container);\n      if (portal) {\n        unmountTree(portal);\n      }\n\n      if (scope === \"page\") {\n        if (!failed) {\n          rendererContext.dispatchBeforePageLoad();\n        }\n\n        applyTheme();\n        applyMode();\n      }\n\n      mountTree(renderRoot);\n\n      if (scope === \"page\") {\n        window.scrollTo(0, 0);\n      }\n\n      if (!failed) {\n        for (const store of stores) {\n          store.mountAsyncData();\n        }\n\n        if (scope === \"page\") {\n          rendererContext.dispatchPageLoad();\n          // rendererContext.dispatchAnchorLoad();\n        }\n        rendererContext.dispatchOnMount();\n        rendererContext.initializeScrollIntoView();\n        rendererContext.initializeMediaChange();\n        rendererContext.initializeMessageDispatcher();\n      }\n    },\n    unmount() {\n      if (unmounted) {\n        return;\n      }\n      unmounted = true;\n      unmountTree(container);\n      if (portal) {\n        unmountTree(portal);\n        // Only remove the portal from its parent when it's dynamic created.\n        if (!_portal) {\n          portal.remove();\n        }\n      }\n    },\n  };\n}\n"],"mappings":"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"}
+{"version":3,"file":"createRoot.js","names":["_lodash","require","_Renderer","_RendererContext","_DataStore","_mount","_handleHttpError","_themeAndMode","_enums","_StoryboardFunctions","_registerAppI18n","_registerCustomTemplates","_setUIVersion","unstable_createRoot","container","portal","_portal","scope","unknownBricks","createPortal","document","createElement","style","position","width","height","body","append","unmounted","rendererContext","clearI18nBundles","render","brick","theme","uiVersion","context","functions","templates","i18n","i18nData","Error","bricks","concat","previousRendererContext","renderId","uniqueId","RendererContext","runtimeContext","ctxStore","DataStore","undefined","pendingPermissionsPreCheck","tplStateStoreMap","Map","formStateStoreMap","renderRoot","tag","RenderTag","ROOT","_clearI18nBundles","setTheme","setMode","setUIVersion","demoApp","id","homepage","app","demoStoryboard","meta","customTemplates","registerAppI18n","registerCustomTemplates","registerStoryboardFunctions","define","failed","output","stores","renderBricks","getDataStores","postAsyncRender","error","node","BRICK","type","properties","textContent","httpErrorToString","return","blockingList","child","dispatchOnUnmount","dispose","unmountTree","dispatchBeforePageLoad","applyTheme","applyMode","mountTree","window","scrollTo","store","mountAsyncData","dispatchPageLoad","dispatchOnMount","initializeScrollIntoView","initializeMediaChange","initializeMessageDispatcher","unmount","remove"],"sources":["../../src/createRoot.ts"],"sourcesContent":["import type {\n  BrickConf,\n  ContextConf,\n  CustomTemplate,\n  MetaI18n,\n  MicroApp,\n  SiteTheme,\n  Storyboard,\n  StoryboardFunction,\n} from \"@next-core/types\";\nimport { uniqueId } from \"lodash\";\nimport {\n  RenderOutput,\n  getDataStores,\n  postAsyncRender,\n  renderBricks,\n} from \"./internal/Renderer.js\";\nimport { RendererContext } from \"./internal/RendererContext.js\";\nimport { DataStore } from \"./internal/data/DataStore.js\";\nimport type { RenderRoot, RuntimeContext } from \"./internal/interfaces.js\";\nimport { mountTree, unmountTree } from \"./internal/mount.js\";\nimport { httpErrorToString } from \"./handleHttpError.js\";\nimport { applyMode, applyTheme, setMode, setTheme } from \"./themeAndMode.js\";\nimport { RenderTag } from \"./internal/enums.js\";\nimport { registerStoryboardFunctions } from \"./internal/compute/StoryboardFunctions.js\";\nimport { registerAppI18n } from \"./internal/registerAppI18n.js\";\nimport { registerCustomTemplates } from \"./internal/registerCustomTemplates.js\";\nimport { setUIVersion } from \"./setUIVersion.js\";\n\nexport interface CreateRootOptions {\n  portal?: HTMLElement;\n  /**\n   * Defaults to \"fragment\", only set it to \"page\" when the root is in a standalone iframe.\n   * - page: render as whole page, triggering page life cycles, and enable register of functions/templates/i18n.\n   * - fragment: render as fragment, not triggering page life cycles, and disable register of functions/templates/i18n.\n   */\n  scope?: \"page\" | \"fragment\";\n\n  /**\n   * Whether to throw error when encountering unknown bricks.\n   *\n   * Defaults to \"throw\".\n   */\n  unknownBricks?: \"silent\" | \"throw\";\n}\n\nexport interface RenderOptions {\n  theme?: SiteTheme;\n  uiVersion?: string;\n  context?: ContextConf[];\n  functions?: StoryboardFunction[];\n  templates?: CustomTemplate[];\n  i18n?: MetaI18n;\n}\n\nexport function unstable_createRoot(\n  container: HTMLElement | DocumentFragment,\n  { portal: _portal, scope = \"fragment\", unknownBricks }: CreateRootOptions = {}\n) {\n  let portal = _portal;\n  let createPortal: RenderRoot[\"createPortal\"];\n  if (_portal) {\n    createPortal = _portal;\n  } else {\n    // Create portal container when necessary.\n    createPortal = () => {\n      portal = document.createElement(\"div\");\n      portal.style.position = \"absolute\";\n      portal.style.width = portal.style.height = \"0\";\n      document.body.append(portal);\n      return portal;\n    };\n  }\n  let unmounted = false;\n  let rendererContext: RendererContext | undefined;\n  let clearI18nBundles: Function | undefined;\n\n  return {\n    async render(\n      brick: BrickConf | BrickConf[],\n      {\n        theme,\n        uiVersion,\n        context,\n        functions,\n        templates,\n        i18n: i18nData,\n      }: RenderOptions = {}\n    ) {\n      if (unmounted) {\n        throw new Error(\n          \"The root is unmounted and cannot be rendered any more\"\n        );\n      }\n      const bricks = ([] as BrickConf[]).concat(brick);\n\n      const previousRendererContext = rendererContext;\n      const renderId = uniqueId(\"render-id-\");\n      rendererContext = new RendererContext(scope, { unknownBricks, renderId });\n\n      const runtimeContext = {\n        ctxStore: new DataStore(\"CTX\", undefined, rendererContext),\n        pendingPermissionsPreCheck: [],\n        tplStateStoreMap: new Map<string, DataStore<\"STATE\">>(),\n        formStateStoreMap: new Map<string, DataStore<\"FORM_STATE\">>(),\n      } as Partial<RuntimeContext> as RuntimeContext;\n\n      const renderRoot: RenderRoot = {\n        tag: RenderTag.ROOT,\n        container,\n        createPortal,\n      };\n\n      if (scope === \"page\") {\n        setTheme(theme ?? \"light\");\n        setMode(\"default\");\n        setUIVersion(uiVersion);\n\n        const demoApp = {\n          id: \"demo\",\n          homepage: \"/demo\",\n        } as MicroApp;\n        runtimeContext.app = demoApp;\n        const demoStoryboard = {\n          app: demoApp,\n          meta: {\n            i18n: i18nData,\n            customTemplates: templates,\n          },\n        } as Storyboard;\n\n        // Register i18n.\n        clearI18nBundles?.();\n        clearI18nBundles = registerAppI18n(demoStoryboard);\n\n        // Register custom templates.\n        registerCustomTemplates(demoStoryboard);\n\n        // Register functions.\n        registerStoryboardFunctions(functions, demoApp);\n      }\n\n      runtimeContext.ctxStore.define(context, runtimeContext);\n\n      let failed = false;\n      let output: RenderOutput;\n      let stores: DataStore<\"CTX\" | \"STATE\" | \"FORM_STATE\">[] = [];\n\n      try {\n        output = await renderBricks(\n          renderRoot,\n          bricks,\n          runtimeContext,\n          rendererContext,\n          [],\n          {}\n        );\n\n        stores = getDataStores(runtimeContext);\n        await postAsyncRender(output, runtimeContext, stores);\n      } catch (error) {\n        failed = true;\n        output = {\n          node: {\n            tag: RenderTag.BRICK,\n            type: \"div\",\n            properties: {\n              textContent: httpErrorToString(error),\n            },\n            return: renderRoot,\n            runtimeContext: null!,\n          },\n          blockingList: [],\n        };\n      }\n\n      renderRoot.child = output.node;\n\n      previousRendererContext?.dispatchOnUnmount();\n      previousRendererContext?.dispose();\n      unmountTree(container);\n      if (portal) {\n        unmountTree(portal);\n      }\n\n      if (scope === \"page\") {\n        if (!failed) {\n          rendererContext.dispatchBeforePageLoad();\n        }\n\n        applyTheme();\n        applyMode();\n      }\n\n      mountTree(renderRoot);\n\n      if (scope === \"page\") {\n        window.scrollTo(0, 0);\n      }\n\n      if (!failed) {\n        for (const store of stores) {\n          store.mountAsyncData();\n        }\n\n        if (scope === \"page\") {\n          rendererContext.dispatchPageLoad();\n          // rendererContext.dispatchAnchorLoad();\n        }\n        rendererContext.dispatchOnMount();\n        rendererContext.initializeScrollIntoView();\n        rendererContext.initializeMediaChange();\n        rendererContext.initializeMessageDispatcher();\n      }\n    },\n    unmount() {\n      if (unmounted) {\n        return;\n      }\n      unmounted = true;\n      unmountTree(container);\n      if (portal) {\n        unmountTree(portal);\n        // Only remove the portal from its parent when it's dynamic created.\n        if (!_portal) {\n          portal.remove();\n        }\n      }\n    },\n  };\n}\n"],"mappings":"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"}

package/dist/cjs/internal/Renderer.js

@@ -34,9 +34,14 @@ var _expandFormRenderer = require("./FormRenderer/expandFormRenderer.js");
 var _evaluate = require("./compute/evaluate.js");
 var _matchStoryboard = require("./matchStoryboard.js");
 var _bindListeners = require("./bindListeners.js");
-async function renderRoutes(returnNode, routes, _runtimeContext, rendererContext, parentRoutes, slotId, isIncremental) {
+var _setupRootRuntimeContext = require("./setupRootRuntimeContext.js");
+async function renderRoutes(returnNode, routes, _runtimeContext, rendererContext, parentRoutes, menuRequestReturnNode, slotId, isIncremental) {
   const matched = await (0, _matchRoutes.matchRoutes)(routes, _runtimeContext);
   const output = getEmptyRenderOutput();
+  const menuRequestNode = {
+    return: menuRequestReturnNode
+  };
+  output.menuRequestNode = menuRequestNode;
   switch (matched) {
     case "missed":
       break;
@@ -89,28 +94,30 @@ async function renderRoutes(returnNode, routes, _runtimeContext, rendererContext
         } else {
           const menuRequest = loadMenu(route.menu, runtimeContext);
           if (menuRequest) {
-            output.menuRequests.push(menuRequest);
+            menuRequestNode.request = menuRequest;
+          }
+          if (!isIncremental) {
+            rendererContext.memoizeMenuRequestNode(routes, menuRequestNode);
           }
+          let newOutput;
           if (route.type === "routes") {
-            const newOutput = await renderRoutes(returnNode, route.routes, runtimeContext, rendererContext, routePath, slotId);
-            mergeRenderOutput(output, newOutput);
+            newOutput = await renderRoutes(returnNode, route.routes, runtimeContext, rendererContext, routePath, menuRequestNode, slotId);
           } else {
-            const newOutput = await renderBricks(returnNode, route.bricks, runtimeContext, rendererContext, routePath, slotId);
-            mergeRenderOutput(output, newOutput);
-          }
-          if (returnNode.tag === _enums.RenderTag.BRICK) {
-            rendererContext.memoizeMenuRequests(route, output.menuRequests);
+            newOutput = await renderBricks(returnNode, route.bricks, runtimeContext, rendererContext, routePath, menuRequestNode, slotId);
           }
+          mergeRenderOutput(output, newOutput);
+          appendMenuRequestNode(menuRequestReturnNode, newOutput.menuRequestNode);
         }
       }
   }
   return output;
 }
-async function renderBricks(returnNode, bricks, runtimeContext, rendererContext, parentRoutes, slotId, tplStack, keyPath) {
+async function renderBricks(returnNode, bricks, runtimeContext, rendererContext, parentRoutes, menuRequestReturnNode, slotId, tplStack, keyPath) {
+  (0, _setupRootRuntimeContext.setupRootRuntimeContext)(bricks, runtimeContext, true);
   const output = getEmptyRenderOutput();
   const kPath = keyPath !== null && keyPath !== void 0 ? keyPath : [];
   // 多个构件并行异步转换，但转换的结果按原顺序串行合并。
-  const rendered = await Promise.all(bricks.map((brickConf, index) => renderBrick(returnNode, brickConf, runtimeContext, rendererContext, parentRoutes, slotId, kPath.concat(index), tplStack && new Map(tplStack))));
+  const rendered = await Promise.all(bricks.map((brickConf, index) => renderBrick(returnNode, brickConf, runtimeContext, rendererContext, parentRoutes, menuRequestReturnNode, slotId, kPath.concat(index), tplStack && new Map(tplStack))));
   rendered.forEach((item, index) => {
     if (item.hasTrackingControls) {
       // Memoize a render node before it's been merged.
@@ -120,7 +127,7 @@ async function renderBricks(returnNode, bricks, runtimeContext, rendererContext,
   });
   return output;
 }
-async function renderBrick(returnNode, brickConf, _runtimeContext, rendererContext, parentRoutes, slotId, keyPath = [], tplStack = new Map()) {
+async function renderBrick(returnNode, brickConf, _runtimeContext, rendererContext, parentRoutes, menuRequestReturnNode, slotId, keyPath = [], tplStack = new Map()) {
   var _hooks$checkPermissio2, _runtimeContext$app;
   const output = getEmptyRenderOutput();
   if (!brickConf.brick) {
@@ -158,7 +165,7 @@ async function renderBrick(returnNode, brickConf, _runtimeContext, rendererConte
         ...acc,
         [symbol]: brickConf[symbol]
       }), {})
-    }, _runtimeContext, rendererContext, parentRoutes, slotId, keyPath, tplStack);
+    }, _runtimeContext, rendererContext, parentRoutes, menuRequestReturnNode, slotId, keyPath, tplStack);
   }
   const tplStateStoreId = brickConf[_constants.symbolForTplStateStoreId];
   const formStateStoreId = brickConf[_constants2.symbolForFormStateStoreId];
@@ -220,12 +227,12 @@ async function renderBrick(returnNode, brickConf, _runtimeContext, rendererConte
             if (!Array.isArray(computedDataSource)) {
               return getEmptyRenderOutput();
             }
-            return renderForEach(returnNode, computedDataSource, bricks, runtimeContext, rendererContext, parentRoutes, slotId, tplStack, keyPath);
+            return renderForEach(returnNode, computedDataSource, bricks, runtimeContext, rendererContext, parentRoutes, menuRequestReturnNode, slotId, tplStack, keyPath);
           }
         case ":if":
         case ":switch":
           {
-            return renderBricks(returnNode, bricks, runtimeContext, rendererContext, parentRoutes, slotId, tplStack, keyPath);
+            return renderBricks(returnNode, bricks, runtimeContext, rendererContext, parentRoutes, menuRequestReturnNode, slotId, tplStack, keyPath);
           }
       }
     };
@@ -431,12 +438,12 @@ async function renderBrick(returnNode, brickConf, _runtimeContext, rendererConte
     const routeSlotFromIndexToSlotId = new Map();
     const rendered = await Promise.all(Object.entries(slots).map(([childSlotId, slotConf], index) => {
       if (slotConf.type !== "routes") {
-        return renderBricks(brick, slotConf.bricks, childRuntimeContext, rendererContext, parentRoutes, childSlotId, tplStack);
+        return renderBricks(brick, slotConf.bricks, childRuntimeContext, rendererContext, parentRoutes, menuRequestReturnNode, childSlotId, tplStack);
       }
       const parentRoute = parentRoutes[parentRoutes.length - 1];
       if (parentRoute !== null && parentRoute !== void 0 && parentRoute.incrementalSubRoutes) {
         routeSlotFromIndexToSlotId.set(index, childSlotId);
-        rendererContext.performIncrementalRender(async (location, prevLocation) => {
+        rendererContext.performIncrementalRender(slotConf, parentRoutes, async (location, prevLocation) => {
           const {
             homepage
           } = childRuntimeContext.app;
@@ -460,18 +467,19 @@ async function renderBrick(returnNode, brickConf, _runtimeContext, rendererConte
           let incrementalOutput;
           let scopedStores = [];
           try {
-            incrementalOutput = await renderRoutes(brick, slotConf.routes, scopedRuntimeContext, rendererContext, parentRoutes, childSlotId, true);
+            incrementalOutput = await renderRoutes(brick, slotConf.routes, scopedRuntimeContext, rendererContext, parentRoutes, menuRequestReturnNode, childSlotId, true);
 
             // Do not ignore incremental rendering even if all sub-routes are missed.
             // Since parent route is matched.
-
-            // Bailout if redirect or unauthenticated is set
-            if (rendererContext.reBailout(incrementalOutput)) {
-              return true;
+            if (incrementalOutput.route) {
+              // Bailout if redirect or unauthenticated is set
+              if (rendererContext.reBailout(incrementalOutput)) {
+                return true;
+              }
+              scopedStores = [...tplStateStoreScope, ...formStateStoreScope];
+              await postAsyncRender(incrementalOutput, scopedRuntimeContext, [scopedRuntimeContext.ctxStore, ...scopedStores]);
             }
-            scopedStores = [...tplStateStoreScope, ...formStateStoreScope];
-            await postAsyncRender(incrementalOutput, scopedRuntimeContext, [scopedRuntimeContext.ctxStore, ...scopedStores]);
-            await rendererContext.reMergeMenuRequests(slotConf.routes, incrementalOutput.route, incrementalOutput.menuRequests);
+            await rendererContext.reMergeMenuRequestNodes(menuRequestReturnNode, slotConf.routes, incrementalOutput.menuRequestNode);
           } catch (error) {
             // eslint-disable-next-line no-console
             console.error("Incremental sub-router failed:", error);
@@ -485,7 +493,7 @@ async function renderBrick(returnNode, brickConf, _runtimeContext, rendererConte
             } = result);
 
             // Assert: no errors will be throw
-            await rendererContext.reMergeMenuRequests(slotConf.routes, incrementalOutput.route, incrementalOutput.menuRequests);
+            await rendererContext.reMergeMenuRequestNodes(menuRequestReturnNode, slotConf.routes, incrementalOutput.menuRequestNode);
           }
           rendererContext.reRender(childSlotId, [], incrementalOutput.node, brick);
           if (!failed) {
@@ -494,16 +502,19 @@ async function renderBrick(returnNode, brickConf, _runtimeContext, rendererConte
               store.mountAsyncData();
             }
           }
-          return true;
+
+          // When result is null, it means the incremental rendering is tried but routes missed.
+          // In this case, we should continue to re-render the parent routes.
+          return incrementalOutput.route ? true : null;
         });
       }
-      return renderRoutes(brick, slotConf.routes, childRuntimeContext, rendererContext, parentRoutes, childSlotId);
+      return renderRoutes(brick, slotConf.routes, childRuntimeContext, rendererContext, parentRoutes, menuRequestReturnNode, childSlotId);
     }));
     const childrenOutput = {
       ...output,
       node: undefined,
       blockingList: [],
-      menuRequests: []
+      menuRequestNode: undefined
     };
     rendered.forEach((item, index) => {
       if (routeSlotFromIndexToSlotId.has(index)) {
@@ -511,6 +522,7 @@ async function renderBrick(returnNode, brickConf, _runtimeContext, rendererConte
         rendererContext.memoize(routeSlotFromIndexToSlotId.get(index), [], item.node, brick);
       }
       mergeRenderOutput(childrenOutput, item);
+      mergeSiblingRenderMenuRequest(childrenOutput, item);
     });
     if (childrenOutput.node) {
       brick.child = childrenOutput.node;
@@ -519,6 +531,7 @@ async function renderBrick(returnNode, brickConf, _runtimeContext, rendererConte
       ...childrenOutput,
       node: undefined
     });
+    appendMenuRequestNode(menuRequestReturnNode, output.menuRequestNode = childrenOutput.menuRequestNode);
   };
   blockingList.push(loadChildren());
   await Promise.all(blockingList);
@@ -534,14 +547,14 @@ function ensureValidControlBrick(brick) {
     throw new Error(`Unknown storyboard control node: "${brick}"`);
   }
 }
-async function renderForEach(returnNode, dataSource, bricks, runtimeContext, rendererContext, parentRoutes, slotId, tplStack, keyPath) {
+async function renderForEach(returnNode, dataSource, bricks, runtimeContext, rendererContext, parentRoutes, menuRequestReturnNode, slotId, tplStack, keyPath) {
   const output = getEmptyRenderOutput();
   const rows = dataSource.length;
   const rendered = await Promise.all(dataSource.map((item, i) => Promise.all(bricks.map((brickConf, j) => renderBrick(returnNode, brickConf, {
     ...runtimeContext,
     forEachItem: item,
     forEachIndex: i
-  }, rendererContext, parentRoutes, slotId, keyPath.concat(i * rows + j), tplStack && new Map(tplStack))))));
+  }, rendererContext, parentRoutes, menuRequestReturnNode, slotId, keyPath.concat(i * rows + j), tplStack && new Map(tplStack))))));
 
   // 多层构件并行异步转换，但转换的结果按原顺序串行合并。
   rendered.flat().forEach((item, index) => {
@@ -595,12 +608,11 @@ function mergeRenderOutput(output, newOutput) {
   const {
     blockingList,
     node,
-    menuRequests,
+    menuRequestNode,
     hasTrackingControls,
     ...rest
   } = newOutput;
   output.blockingList.push(...blockingList);
-  output.menuRequests.push(...menuRequests);
   if (node) {
     if (output.node) {
       let last = output.node;
@@ -614,10 +626,37 @@ function mergeRenderOutput(output, newOutput) {
   }
   Object.assign(output, rest);
 }
+function mergeSiblingRenderMenuRequest(output, newOutput) {
+  const menuRequestNode = newOutput.menuRequestNode;
+  if (menuRequestNode) {
+    if (output.menuRequestNode) {
+      let last = output.menuRequestNode;
+      while (last.sibling) {
+        last = last.sibling;
+      }
+      last.sibling = menuRequestNode;
+    } else {
+      output.menuRequestNode = menuRequestNode;
+    }
+  }
+}
+function appendMenuRequestNode(menuRequestReturnNode, menuRequestNode) {
+  if (!menuRequestNode) {
+    return;
+  }
+  if (menuRequestReturnNode.child) {
+    let last = menuRequestReturnNode.child;
+    while (last.sibling) {
+      last = last.sibling;
+    }
+    last.sibling = menuRequestNode;
+  } else {
+    menuRequestReturnNode.child = menuRequestNode;
+  }
+}
 function getEmptyRenderOutput() {
   return {
-    blockingList: [],
-    menuRequests: []
+    blockingList: []
   };
 }
 function childrenToSlots(children, originalSlots) {