@next-core/runtime 1.44.2 → 1.44.4

package/dist/esm/internal/Renderer.js

@@ -1,11 +1,3 @@
-import _objectWithoutProperties from "@babel/runtime/helpers/objectWithoutProperties";
-import _objectSpread from "@babel/runtime/helpers/objectSpread2";
-import _asyncToGenerator from "@babel/runtime/helpers/asyncToGenerator";
-var _excluded = ["blockingList", "node", "menuRequestNode", "hasTrackingControls"],
-  _excluded2 = ["if", "permissionsPreCheck"],
-  _excluded3 = ["formData"],
-  _excluded4 = ["src"],
-  _excluded5 = ["href"];
 import { enqueueStableLoadBricks, flushStableLoadBricks, loadBricksImperatively, loadProcessorsImperatively, loadScript, loadStyle } from "@next-core/loader";
 import { isTrackAll } from "@next-core/cook";
 import { hasOwnProperty } from "@next-core/utils/general";
@@ -33,584 +25,534 @@ import { matchHomepage } from "./matchStoryboard.js";
 import { listenerFactory } from "./bindListeners.js";
 import { setupRootRuntimeContext } from "./setupRootRuntimeContext.js";
 import { httpErrorToString } from "../handleHttpError.js";
-export function renderRoutes(_x, _x2, _x3, _x4, _x5, _x6, _x7, _x8) {
-  return _renderRoutes.apply(this, arguments);
-}
-function _renderRoutes() {
-  _renderRoutes = _asyncToGenerator(function* (returnNode, routes, _runtimeContext, rendererContext, parentRoutes, menuRequestReturnNode, slotId, isIncremental) {
-    var matched = yield matchRoutes(routes, _runtimeContext);
-    var output = getEmptyRenderOutput();
-    var menuRequestNode = output.menuRequestNode = {
-      return: menuRequestReturnNode
-    };
-    switch (matched) {
-      case "missed":
-        break;
-      case "unauthenticated":
-        output.unauthenticated = true;
-        break;
-      default:
-        {
-          var _hooks$checkPermissio;
-          var route = output.route = matched.route;
-          output.path = matched.match.path;
-          var runtimeContext = _objectSpread(_objectSpread({}, _runtimeContext), {}, {
-            match: matched.match
-          });
-          if (isIncremental) {
-            runtimeContext.ctxStore.disposeDataInRoutes(routes);
-          }
-          var routePath = parentRoutes.concat(route);
-          runtimeContext.ctxStore.define(route.context, runtimeContext, undefined, routePath);
-          runtimeContext.pendingPermissionsPreCheck.push(hooks === null || hooks === void 0 || (_hooks$checkPermissio = hooks.checkPermissions) === null || _hooks$checkPermissio === void 0 ? void 0 : _hooks$checkPermissio.preCheckPermissionsForBrickOrRoute(route, value => asyncComputeRealValue(value, runtimeContext)));
+export async function renderRoutes(returnNode, routes, _runtimeContext, rendererContext, parentRoutes, menuRequestReturnNode, slotId, isIncremental) {
+  const matched = await matchRoutes(routes, _runtimeContext);
+  const output = getEmptyRenderOutput();
+  const menuRequestNode = output.menuRequestNode = {
+    return: menuRequestReturnNode
+  };
+  switch (matched) {
+    case "missed":
+      break;
+    case "unauthenticated":
+      output.unauthenticated = true;
+      break;
+    default:
+      {
+        var _hooks$checkPermissio;
+        const route = output.route = matched.route;
+        output.path = matched.match.path;
+        const runtimeContext = {
+          ..._runtimeContext,
+          match: matched.match
+        };
+        if (isIncremental) {
+          runtimeContext.ctxStore.disposeDataInRoutes(routes);
+        }
+        const routePath = parentRoutes.concat(route);
+        runtimeContext.ctxStore.define(route.context, runtimeContext, undefined, routePath);
+        runtimeContext.pendingPermissionsPreCheck.push(hooks === null || hooks === void 0 || (_hooks$checkPermissio = hooks.checkPermissions) === null || _hooks$checkPermissio === void 0 ? void 0 : _hooks$checkPermissio.preCheckPermissionsForBrickOrRoute(route, value => asyncComputeRealValue(value, runtimeContext)));
 
-          // Currently, this is only used for brick size-checking: these bricks
-          // will be loaded before page rendering, but they will NOT be rendered.
-          var {
-            preLoadBricks
-          } = route;
-          if (Array.isArray(preLoadBricks)) {
-            output.blockingList.push(loadBricksImperatively(preLoadBricks, getBrickPackages()));
+        // Currently, this is only used for brick size-checking: these bricks
+        // will be loaded before page rendering, but they will NOT be rendered.
+        const {
+          preLoadBricks
+        } = route;
+        if (Array.isArray(preLoadBricks)) {
+          output.blockingList.push(loadBricksImperatively(preLoadBricks, getBrickPackages()));
+        }
+        if (route.type === "redirect") {
+          let redirectTo;
+          if (typeof route.redirect === "string") {
+            redirectTo = await asyncComputeRealValue(route.redirect, runtimeContext);
+          } else {
+            const resolved = await resolveData({
+              transform: "redirect",
+              ...route.redirect
+            }, runtimeContext);
+            redirectTo = resolved.redirect;
           }
-          if (route.type === "redirect") {
-            var redirectTo;
-            if (typeof route.redirect === "string") {
-              redirectTo = yield asyncComputeRealValue(route.redirect, runtimeContext);
-            } else {
-              var resolved = yield resolveData(_objectSpread({
-                transform: "redirect"
-              }, route.redirect), runtimeContext);
-              redirectTo = resolved.redirect;
-            }
-            if (typeof redirectTo !== "string") {
-              // eslint-disable-next-line no-console
-              console.error("Unexpected redirect result:", redirectTo);
-              throw new Error("Unexpected type of redirect result: ".concat(typeof redirectTo));
-            }
-            output.redirect = {
-              path: redirectTo
-            };
+          if (typeof redirectTo !== "string") {
+            // eslint-disable-next-line no-console
+            console.error("Unexpected redirect result:", redirectTo);
+            throw new Error(`Unexpected type of redirect result: ${typeof redirectTo}`);
+          }
+          output.redirect = {
+            path: redirectTo
+          };
+        } else {
+          const menuRequest = loadMenu(route.menu, runtimeContext);
+          if (menuRequest) {
+            menuRequestNode.request = menuRequest;
+          }
+          if (!isIncremental) {
+            rendererContext.memoizeMenuRequestNode(routes, menuRequestNode);
+          }
+          let newOutput;
+          if (route.type === "routes") {
+            newOutput = await renderRoutes(returnNode, route.routes, runtimeContext, rendererContext, routePath, menuRequestNode, slotId);
           } else {
-            var menuRequest = loadMenu(route.menu, runtimeContext);
-            if (menuRequest) {
-              menuRequestNode.request = menuRequest;
-            }
-            if (!isIncremental) {
-              rendererContext.memoizeMenuRequestNode(routes, menuRequestNode);
-            }
-            var newOutput;
-            if (route.type === "routes") {
-              newOutput = yield renderRoutes(returnNode, route.routes, runtimeContext, rendererContext, routePath, menuRequestNode, slotId);
-            } else {
-              newOutput = yield renderBricks(returnNode, route.bricks, runtimeContext, rendererContext, routePath, menuRequestNode, slotId);
-            }
-            mergeRenderOutput(output, newOutput);
-            appendMenuRequestNode(menuRequestNode, newOutput.menuRequestNode);
+            newOutput = await renderBricks(returnNode, route.bricks, runtimeContext, rendererContext, routePath, menuRequestNode, slotId);
           }
+          mergeRenderOutput(output, newOutput);
+          appendMenuRequestNode(menuRequestNode, newOutput.menuRequestNode);
         }
-    }
-    return output;
-  });
-  return _renderRoutes.apply(this, arguments);
-}
-export function renderBricks(_x9, _x10, _x11, _x12, _x13, _x14, _x15, _x16, _x17) {
-  return _renderBricks.apply(this, arguments);
-}
-function _renderBricks() {
-  _renderBricks = _asyncToGenerator(function* (returnNode, bricks, runtimeContext, rendererContext, parentRoutes, menuRequestReturnNode, slotId, tplStack, keyPath) {
-    setupRootRuntimeContext(bricks, runtimeContext, true);
-    var output = getEmptyRenderOutput();
-    var kPath = keyPath !== null && keyPath !== void 0 ? keyPath : [];
-    // 多个构件并行异步转换，但转换的结果按原顺序串行合并。
-    var rendered = yield 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.
-        rendererContext.memoize(slotId, kPath.concat(index), item.node, returnNode);
       }
-      mergeRenderOutput(output, item);
-    });
-    return output;
-  });
-  return _renderBricks.apply(this, arguments);
+  }
+  return output;
 }
-export function renderBrick(_x18, _x19, _x20, _x21, _x22, _x23, _x24) {
-  return _renderBrick.apply(this, arguments);
+export async function renderBricks(returnNode, bricks, runtimeContext, rendererContext, parentRoutes, menuRequestReturnNode, slotId, tplStack, keyPath) {
+  setupRootRuntimeContext(bricks, runtimeContext, true);
+  const output = getEmptyRenderOutput();
+  const kPath = keyPath ?? [];
+  // 多个构件并行异步转换，但转换的结果按原顺序串行合并。
+  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.
+      rendererContext.memoize(slotId, kPath.concat(index), item.node, returnNode);
+    }
+    mergeRenderOutput(output, item);
+  });
+  return output;
 }
-function _renderBrick() {
-  _renderBrick = _asyncToGenerator(function* (returnNode, brickConf, _runtimeContext, rendererContext, parentRoutes, menuRequestReturnNode, slotId) {
-    var keyPath = arguments.length > 7 && arguments[7] !== undefined ? arguments[7] : [];
-    var tplStack = arguments.length > 8 && arguments[8] !== undefined ? arguments[8] : new Map();
-    try {
-      return yield legacyRenderBrick(returnNode, brickConf, _runtimeContext, rendererContext, parentRoutes, menuRequestReturnNode, slotId, keyPath, tplStack);
-    } catch (error) {
-      if (brickConf.errorBoundary) {
-        // eslint-disable-next-line no-console
-        console.error("Error caught by error boundary:", error);
-        return {
-          node: {
-            tag: RenderTag.BRICK,
-            type: "div",
-            properties: {
-              textContent: httpErrorToString(error),
-              dataset: {
-                errorBoundary: ""
-              },
-              style: {
-                color: "var(--color-error)"
-              }
+export async function renderBrick(returnNode, brickConf, _runtimeContext, rendererContext, parentRoutes, menuRequestReturnNode, slotId) {
+  let keyPath = arguments.length > 7 && arguments[7] !== undefined ? arguments[7] : [];
+  let tplStack = arguments.length > 8 && arguments[8] !== undefined ? arguments[8] : new Map();
+  try {
+    return await legacyRenderBrick(returnNode, brickConf, _runtimeContext, rendererContext, parentRoutes, menuRequestReturnNode, slotId, keyPath, tplStack);
+  } catch (error) {
+    if (brickConf.errorBoundary) {
+      // eslint-disable-next-line no-console
+      console.error("Error caught by error boundary:", error);
+      return {
+        node: {
+          tag: RenderTag.BRICK,
+          type: "div",
+          properties: {
+            textContent: httpErrorToString(error),
+            dataset: {
+              errorBoundary: ""
             },
-            runtimeContext: null,
-            return: returnNode
+            style: {
+              color: "var(--color-error)"
+            }
           },
-          blockingList: []
-        };
-      } else {
-        throw error;
-      }
+          runtimeContext: null,
+          return: returnNode
+        },
+        blockingList: []
+      };
+    } else {
+      throw error;
     }
-  });
-  return _renderBrick.apply(this, arguments);
-}
-function legacyRenderBrick(_x25, _x26, _x27, _x28, _x29, _x30, _x31, _x32, _x33) {
-  return _legacyRenderBrick.apply(this, arguments);
+  }
 }
-function _legacyRenderBrick() {
-  _legacyRenderBrick = _asyncToGenerator(function* (returnNode, brickConf, _runtimeContext, rendererContext, parentRoutes, menuRequestReturnNode, slotId, keyPath, tplStack) {
-    var _hooks$checkPermissio2, _runtimeContext$app;
-    var output = getEmptyRenderOutput();
-    if (!brickConf.brick) {
-      if (brickConf.template) {
-        // eslint-disable-next-line no-console
-        console.error("Legacy templates are dropped in v3:", brickConf);
-      } else {
-        // eslint-disable-next-line no-console
-        console.error("Invalid brick:", brickConf);
-      }
-      return output;
+async function legacyRenderBrick(returnNode, brickConf, _runtimeContext, rendererContext, parentRoutes, menuRequestReturnNode, slotId, keyPath, tplStack) {
+  var _hooks$checkPermissio2, _runtimeContext$app;
+  const output = getEmptyRenderOutput();
+  if (!brickConf.brick) {
+    if (brickConf.template) {
+      // eslint-disable-next-line no-console
+      console.error("Legacy templates are dropped in v3:", brickConf);
+    } else {
+      // eslint-disable-next-line no-console
+      console.error("Invalid brick:", brickConf);
     }
+    return output;
+  }
 
-    // Translate `if: "<%= ... %>"` to `brick: ":if", dataSource: "<%= ... %>"`.
-    // In other words, translate tracking if expressions to tracking control nodes of `:if`.
-    var {
-        if: brickIf,
-        permissionsPreCheck
-      } = brickConf,
-      restBrickConf = _objectWithoutProperties(brickConf, _excluded2);
-    if (isGeneralizedTrackAll(brickIf)) {
-      return renderBrick(returnNode, _objectSpread({
-        brick: ":if",
-        dataSource: brickIf,
-        // `permissionsPreCheck` maybe required before computing `if`.
-        permissionsPreCheck,
-        slots: {
-          "": {
-            type: "bricks",
-            bricks: [restBrickConf]
-          }
+  // Translate `if: "<%= ... %>"` to `brick: ":if", dataSource: "<%= ... %>"`.
+  // In other words, translate tracking if expressions to tracking control nodes of `:if`.
+  const {
+    if: brickIf,
+    permissionsPreCheck,
+    ...restBrickConf
+  } = brickConf;
+  if (isGeneralizedTrackAll(brickIf)) {
+    return renderBrick(returnNode, {
+      brick: ":if",
+      dataSource: brickIf,
+      // `permissionsPreCheck` maybe required before computing `if`.
+      permissionsPreCheck,
+      slots: {
+        "": {
+          type: "bricks",
+          bricks: [restBrickConf]
         }
-      }, Object.getOwnPropertySymbols(brickConf).reduce((acc, symbol) => _objectSpread(_objectSpread({}, acc), {}, {
+      },
+      // These symbols have to be copied to the new brick conf.
+      ...Object.getOwnPropertySymbols(brickConf).reduce((acc, symbol) => ({
+        ...acc,
         [symbol]: brickConf[symbol]
-      }), {})), _runtimeContext, rendererContext, parentRoutes, menuRequestReturnNode, slotId, keyPath, tplStack);
-    }
-    var tplStateStoreId = brickConf[symbolForTplStateStoreId];
-    var formStateStoreId = brickConf[symbolForFormStateStoreId];
-    var runtimeContext = _objectSpread(_objectSpread({}, _runtimeContext), {}, {
-      tplStateStoreId,
-      formStateStoreId
-    });
-    if (hasOwnProperty(brickConf, symbolForTPlExternalForEachItem)) {
-      // The external bricks of a template should restore their `forEachItem` and
-      // `forEachIndex` from their host.
-      runtimeContext.forEachItem = brickConf[symbolForTPlExternalForEachItem];
-      runtimeContext.forEachIndex = brickConf[symbolForTPlExternalForEachIndex];
-    } else if (brickConf[symbolForTPlExternalNoForEach]) {
-      delete runtimeContext.forEachItem;
-      delete runtimeContext.forEachIndex;
+      }), {})
+    }, _runtimeContext, rendererContext, parentRoutes, menuRequestReturnNode, slotId, keyPath, tplStack);
+  }
+  const tplStateStoreId = brickConf[symbolForTplStateStoreId];
+  const formStateStoreId = brickConf[symbolForFormStateStoreId];
+  const runtimeContext = {
+    ..._runtimeContext,
+    tplStateStoreId,
+    formStateStoreId
+  };
+  if (hasOwnProperty(brickConf, symbolForTPlExternalForEachItem)) {
+    // The external bricks of a template should restore their `forEachItem` and
+    // `forEachIndex` from their host.
+    runtimeContext.forEachItem = brickConf[symbolForTPlExternalForEachItem];
+    runtimeContext.forEachIndex = brickConf[symbolForTPlExternalForEachIndex];
+  } else if (brickConf[symbolForTPlExternalNoForEach]) {
+    delete runtimeContext.forEachItem;
+    delete runtimeContext.forEachIndex;
+  }
+  const {
+    context
+  } = brickConf;
+  // istanbul ignore next
+  if (Array.isArray(context) && context.length > 0) {
+    const strict = isStrictMode(runtimeContext);
+    warnAboutStrictMode(strict, "Defining context on bricks", "check your brick:", brickConf);
+    if (!strict) {
+      runtimeContext.ctxStore.define(context, runtimeContext);
     }
-    var {
-      context
+  }
+  runtimeContext.pendingPermissionsPreCheck.push(hooks === null || hooks === void 0 || (_hooks$checkPermissio2 = hooks.checkPermissions) === null || _hooks$checkPermissio2 === void 0 ? void 0 : _hooks$checkPermissio2.preCheckPermissionsForBrickOrRoute(brickConf, value => asyncComputeRealValue(value, runtimeContext)));
+  if (!(await asyncCheckBrickIf(brickConf, runtimeContext))) {
+    return output;
+  }
+  const brickName = brickConf.brick;
+  if (brickName.startsWith(":")) {
+    ensureValidControlBrick(brickName);
+    const {
+      dataSource
     } = brickConf;
-    // istanbul ignore next
-    if (Array.isArray(context) && context.length > 0) {
-      var strict = isStrictMode(runtimeContext);
-      warnAboutStrictMode(strict, "Defining context on bricks", "check your brick:", brickConf);
-      if (!strict) {
-        runtimeContext.ctxStore.define(context, runtimeContext);
-      }
-    }
-    runtimeContext.pendingPermissionsPreCheck.push(hooks === null || hooks === void 0 || (_hooks$checkPermissio2 = hooks.checkPermissions) === null || _hooks$checkPermissio2 === void 0 ? void 0 : _hooks$checkPermissio2.preCheckPermissionsForBrickOrRoute(brickConf, value => asyncComputeRealValue(value, runtimeContext)));
-    if (!(yield asyncCheckBrickIf(brickConf, runtimeContext))) {
-      return output;
-    }
-    var brickName = brickConf.brick;
-    if (brickName.startsWith(":")) {
-      var _brickConf$lifeCycle;
-      ensureValidControlBrick(brickName);
-      var {
-        dataSource
-      } = brickConf;
-      var lowerLevelRenderControlNode = /*#__PURE__*/function () {
-        var _ref = _asyncToGenerator(function* (runtimeContext) {
-          var _slots$slot;
-          // First, compute the `dataSource`
-          var computedDataSource = yield asyncComputeRealValue(dataSource, runtimeContext);
+    const lowerLevelRenderControlNode = async runtimeContext => {
+      var _slots$slot;
+      // First, compute the `dataSource`
+      const computedDataSource = await asyncComputeRealValue(dataSource, runtimeContext);
 
-          // Then, get the matched slot.
-          var slot = brickName === ":forEach" ? "" : brickName === ":switch" ? String(computedDataSource) : computedDataSource ? "" : "else";
+      // Then, get the matched slot.
+      const slot = brickName === ":forEach" ? "" : brickName === ":switch" ? String(computedDataSource) : computedDataSource ? "" : "else";
 
-          // Don't forget to transpile children to slots.
-          var slots = childrenToSlots(brickConf.children, brickConf.slots);
+      // Don't forget to transpile children to slots.
+      const slots = childrenToSlots(brickConf.children, brickConf.slots);
 
-          // Then, get the bricks in that matched slot.
-          var bricks = slots && hasOwnProperty(slots, slot) && ((_slots$slot = slots[slot]) === null || _slots$slot === void 0 ? void 0 : _slots$slot.bricks);
-          if (!Array.isArray(bricks)) {
-            return getEmptyRenderOutput();
+      // Then, get the bricks in that matched slot.
+      const bricks = slots && hasOwnProperty(slots, slot) && ((_slots$slot = slots[slot]) === null || _slots$slot === void 0 ? void 0 : _slots$slot.bricks);
+      if (!Array.isArray(bricks)) {
+        return getEmptyRenderOutput();
+      }
+      switch (brickName) {
+        case ":forEach":
+          {
+            if (!Array.isArray(computedDataSource)) {
+              return getEmptyRenderOutput();
+            }
+            return renderForEach(returnNode, computedDataSource, bricks, runtimeContext, rendererContext, parentRoutes, menuRequestReturnNode, slotId, tplStack, keyPath);
           }
-          switch (brickName) {
-            case ":forEach":
-              {
-                if (!Array.isArray(computedDataSource)) {
-                  return getEmptyRenderOutput();
-                }
-                return renderForEach(returnNode, computedDataSource, bricks, runtimeContext, rendererContext, parentRoutes, menuRequestReturnNode, slotId, tplStack, keyPath);
-              }
-            case ":if":
-            case ":switch":
-              {
-                return renderBricks(returnNode, bricks, runtimeContext, rendererContext, parentRoutes, menuRequestReturnNode, slotId, tplStack, keyPath);
-              }
+        case ":if":
+        case ":switch":
+          {
+            return renderBricks(returnNode, bricks, runtimeContext, rendererContext, parentRoutes, menuRequestReturnNode, slotId, tplStack, keyPath);
           }
-        });
-        return function lowerLevelRenderControlNode(_x44) {
-          return _ref.apply(this, arguments);
-        };
-      }();
-      var renderControlNode = /*#__PURE__*/function () {
-        var _ref2 = _asyncToGenerator(function* (runtimeContext) {
-          var _rawOutput$node;
-          var rawOutput = yield lowerLevelRenderControlNode(runtimeContext);
-          (_rawOutput$node = rawOutput.node) !== null && _rawOutput$node !== void 0 ? _rawOutput$node : rawOutput.node = {
-            tag: RenderTag.PLACEHOLDER,
-            return: returnNode
-          };
-          return rawOutput;
-        });
-        return function renderControlNode(_x45) {
-          return _ref2.apply(this, arguments);
-        };
-      }();
-      var controlledOutput = yield renderControlNode(runtimeContext);
-      var {
-        onMount,
-        onUnmount
-      } = (_brickConf$lifeCycle = brickConf.lifeCycle) !== null && _brickConf$lifeCycle !== void 0 ? _brickConf$lifeCycle : {};
-      var {
-        contextNames,
-        stateNames
-      } = getTracks(dataSource);
-      if (contextNames || stateNames) {
-        controlledOutput.hasTrackingControls = true;
-        var renderId = 0;
-        var listener = /*#__PURE__*/function () {
-          var _ref3 = _asyncToGenerator(function* () {
-            var currentRenderId = ++renderId;
-            var [scopedRuntimeContext, tplStateStoreScope, formStateStoreScope] = createScopedRuntimeContext(runtimeContext);
-            var reControlledOutput = yield renderControlNode(scopedRuntimeContext);
-            var scopedStores = [...tplStateStoreScope, ...formStateStoreScope];
-            yield postAsyncRender(reControlledOutput, scopedRuntimeContext, scopedStores);
+      }
+    };
+    const renderControlNode = async runtimeContext => {
+      const rawOutput = await lowerLevelRenderControlNode(runtimeContext);
+      rawOutput.node ?? (rawOutput.node = {
+        tag: RenderTag.PLACEHOLDER,
+        return: returnNode
+      });
+      return rawOutput;
+    };
+    const controlledOutput = await renderControlNode(runtimeContext);
+    const {
+      onMount,
+      onUnmount
+    } = brickConf.lifeCycle ?? {};
+    const {
+      contextNames,
+      stateNames
+    } = getTracks(dataSource);
+    if (contextNames || stateNames) {
+      controlledOutput.hasTrackingControls = true;
+      let renderId = 0;
+      const listener = async () => {
+        const currentRenderId = ++renderId;
+        const [scopedRuntimeContext, tplStateStoreScope, formStateStoreScope] = createScopedRuntimeContext(runtimeContext);
+        const reControlledOutput = await renderControlNode(scopedRuntimeContext);
+        const scopedStores = [...tplStateStoreScope, ...formStateStoreScope];
+        await postAsyncRender(reControlledOutput, scopedRuntimeContext, scopedStores);
 
-            // Ignore stale renders
-            if (renderId === currentRenderId) {
-              if (onUnmount) {
-                listenerFactory(onUnmount, runtimeContext)(new CustomEvent("unmount", {
-                  detail: {
-                    rerender: true
-                  }
-                }));
+        // Ignore stale renders
+        if (renderId === currentRenderId) {
+          if (onUnmount) {
+            listenerFactory(onUnmount, runtimeContext)(new CustomEvent("unmount", {
+              detail: {
+                rerender: true
               }
-              rendererContext.reRender(slotId, keyPath, reControlledOutput.node, returnNode);
-              if (onMount) {
-                listenerFactory(onMount, scopedRuntimeContext)(new CustomEvent("mount", {
-                  detail: {
-                    rerender: true
-                  }
-                }));
-              }
-              for (var store of scopedStores) {
-                store.mountAsyncData();
+            }));
+          }
+          rendererContext.reRender(slotId, keyPath, reControlledOutput.node, returnNode);
+          if (onMount) {
+            listenerFactory(onMount, scopedRuntimeContext)(new CustomEvent("mount", {
+              detail: {
+                rerender: true
               }
-            }
-          });
-          return function listener() {
-            return _ref3.apply(this, arguments);
-          };
-        }();
-        var debouncedListener = debounce(listener);
-        if (contextNames) {
-          for (var contextName of contextNames) {
-            runtimeContext.ctxStore.onChange(contextName, debouncedListener);
+            }));
           }
-        }
-        if (stateNames) {
-          for (var _contextName of stateNames) {
-            var tplStateStore = getTplStateStore(runtimeContext, "STATE", ": \"".concat(dataSource, "\""));
-            tplStateStore.onChange(_contextName, debouncedListener);
+          for (const store of scopedStores) {
+            store.mountAsyncData();
           }
         }
+      };
+      const debouncedListener = debounce(listener);
+      if (contextNames) {
+        for (const contextName of contextNames) {
+          runtimeContext.ctxStore.onChange(contextName, debouncedListener);
+        }
       }
-      if (onMount) {
-        rendererContext.registerArbitraryLifeCycle("onMount", () => {
-          listenerFactory(onMount, runtimeContext)(new CustomEvent("mount", {
-            detail: {
-              rerender: false
-            }
-          }));
-        });
-      }
-      if (onUnmount) {
-        rendererContext.registerArbitraryLifeCycle("onUnmount", () => {
-          listenerFactory(onUnmount, runtimeContext)(new CustomEvent("unmount", {
-            detail: {
-              rerender: false
-            }
-          }));
-        });
+      if (stateNames) {
+        for (const contextName of stateNames) {
+          const tplStateStore = getTplStateStore(runtimeContext, "STATE", `: "${dataSource}"`);
+          tplStateStore.onChange(contextName, debouncedListener);
+        }
       }
-      return controlledOutput;
     }
-
-    // Widgets need to be defined before rendering.
-    if (/\.tpl-/.test(brickName) && !customTemplates.get(brickName)) {
-      yield catchLoad(loadBricksImperatively([brickName], getBrickPackages()), "brick", brickName, rendererContext.unknownBricks);
+    if (onMount) {
+      rendererContext.registerArbitraryLifeCycle("onMount", () => {
+        listenerFactory(onMount, runtimeContext)(new CustomEvent("mount", {
+          detail: {
+            rerender: false
+          }
+        }));
+      });
     }
-    var tplTagName = getTagNameOfCustomTemplate(brickName, (_runtimeContext$app = runtimeContext.app) === null || _runtimeContext$app === void 0 ? void 0 : _runtimeContext$app.id);
-    if (tplTagName) {
-      var _tplStack$get;
-      var tplCount = (_tplStack$get = tplStack.get(tplTagName)) !== null && _tplStack$get !== void 0 ? _tplStack$get : 0;
-      if (tplCount >= 10) {
-        throw new Error("Maximum custom template stack overflowed: \"".concat(tplTagName, "\""));
-      }
-      tplStack.set(tplTagName, tplCount + 1);
-    } else if (brickName.includes("-") && !customElements.get(brickName)) {
-      if (brickName === FORM_RENDERER) {
-        customElements.define(FORM_RENDERER, class FormRendererElement extends HTMLElement {
-          get $$typeof() {
-            return "form-renderer";
+    if (onUnmount) {
+      rendererContext.registerArbitraryLifeCycle("onUnmount", () => {
+        listenerFactory(onUnmount, runtimeContext)(new CustomEvent("unmount", {
+          detail: {
+            rerender: false
           }
-        });
-      } else {
-        output.blockingList.push(catchLoad(enqueueStableLoadBricks([brickName], getBrickPackages()), "brick", brickName, rendererContext.unknownBricks));
-      }
+        }));
+      });
+    }
+    return controlledOutput;
+  }
+
+  // Widgets need to be defined before rendering.
+  if (/\.tpl-/.test(brickName) && !customTemplates.get(brickName)) {
+    await catchLoad(loadBricksImperatively([brickName], getBrickPackages()), "brick", brickName, rendererContext.unknownBricks);
+  }
+  const tplTagName = getTagNameOfCustomTemplate(brickName, (_runtimeContext$app = runtimeContext.app) === null || _runtimeContext$app === void 0 ? void 0 : _runtimeContext$app.id);
+  if (tplTagName) {
+    const tplCount = tplStack.get(tplTagName) ?? 0;
+    if (tplCount >= 10) {
+      throw new Error(`Maximum custom template stack overflowed: "${tplTagName}"`);
     }
-    var formData;
-    var confProps;
+    tplStack.set(tplTagName, tplCount + 1);
+  } else if (brickName.includes("-") && !customElements.get(brickName)) {
     if (brickName === FORM_RENDERER) {
-      var _brickConf$properties;
-      var _ref4 = (_brickConf$properties = brickConf.properties) !== null && _brickConf$properties !== void 0 ? _brickConf$properties : {};
-      ({
-        formData
-      } = _ref4);
-      confProps = _objectWithoutProperties(_ref4, _excluded3);
-      _ref4;
+      customElements.define(FORM_RENDERER, class FormRendererElement extends HTMLElement {
+        get $$typeof() {
+          return "form-renderer";
+        }
+      });
     } else {
-      confProps = brickConf.properties;
-    }
-    var trackingContextList = [];
-    var asyncPropertyEntries = asyncComputeRealPropertyEntries(confProps, runtimeContext, trackingContextList);
-    var computedPropsFromHost = brickConf[symbolForAsyncComputedPropsFromHost];
-    if (computedPropsFromHost) {
-      asyncPropertyEntries.push(...computedPropsFromHost);
+      output.blockingList.push(catchLoad(enqueueStableLoadBricks([brickName], getBrickPackages()), "brick", brickName, rendererContext.unknownBricks));
     }
-    var isScript = brickName === "script";
-    if (isScript || brickName === "link") {
-      var props = yield constructAsyncProperties(asyncPropertyEntries);
-      if (isScript ? props.src : props.rel === "stylesheet" && props.href) {
-        var _window$PUBLIC_ROOT;
-        var prefix = (_window$PUBLIC_ROOT = window.PUBLIC_ROOT) !== null && _window$PUBLIC_ROOT !== void 0 ? _window$PUBLIC_ROOT : "";
-        if (isScript) {
-          var {
-              src
-            } = props,
-            attrs = _objectWithoutProperties(props, _excluded4);
-          yield catchLoad(loadScript(src, prefix, attrs), "script", src, "silent");
-        } else {
-          var {
-              href
-            } = props,
-            attrs = _objectWithoutProperties(props, _excluded5);
-          yield catchLoad(loadStyle(href, prefix, attrs), "stylesheet", href, "silent");
-        }
-        return output;
+  }
+  let formData;
+  let confProps;
+  if (brickName === FORM_RENDERER) {
+    ({
+      formData,
+      ...confProps
+    } = brickConf.properties ?? {});
+  } else {
+    confProps = brickConf.properties;
+  }
+  const trackingContextList = [];
+  const asyncPropertyEntries = asyncComputeRealPropertyEntries(confProps, runtimeContext, trackingContextList);
+  const computedPropsFromHost = brickConf[symbolForAsyncComputedPropsFromHost];
+  if (computedPropsFromHost) {
+    asyncPropertyEntries.push(...computedPropsFromHost);
+  }
+  const isScript = brickName === "script";
+  if (isScript || brickName === "link") {
+    const props = await constructAsyncProperties(asyncPropertyEntries);
+    if (isScript ? props.src : props.rel === "stylesheet" && props.href) {
+      const prefix = window.PUBLIC_ROOT ?? "";
+      if (isScript) {
+        const {
+          src,
+          ...attrs
+        } = props;
+        await catchLoad(loadScript(src, prefix, attrs), "script", src, "silent");
+      } else {
+        const {
+          href,
+          ...attrs
+        } = props;
+        await catchLoad(loadStyle(href, prefix, attrs), "stylesheet", href, "silent");
       }
+      return output;
     }
-    var brick = {
-      tag: RenderTag.BRICK,
-      type: tplTagName || brickName,
-      return: returnNode,
-      slotId,
-      events: brickConf.events,
-      runtimeContext,
-      portal: brickConf.portal,
-      iid: brickConf.iid,
-      ref: brickConf.ref
-    };
-    output.node = brick;
+  }
+  const brick = {
+    tag: RenderTag.BRICK,
+    type: tplTagName || brickName,
+    return: returnNode,
+    slotId,
+    events: brickConf.events,
+    runtimeContext,
+    portal: brickConf.portal,
+    iid: brickConf.iid,
+    ref: brickConf.ref
+  };
+  output.node = brick;
 
-    // 在最终挂载前，先加载所有可能用到的 processors。
-    var usedProcessors = strictCollectMemberUsage([brickConf.events, brickConf.lifeCycle], "PROCESSORS", 2);
-    if (usedProcessors.size > 0) {
-      output.blockingList.push(catchLoad(loadProcessorsImperatively(usedProcessors, getBrickPackages()), "processors", [...usedProcessors].join(", "), rendererContext.unknownBricks));
-    }
+  // 在最终挂载前，先加载所有可能用到的 processors。
+  const usedProcessors = strictCollectMemberUsage([brickConf.events, brickConf.lifeCycle], "PROCESSORS", 2);
+  if (usedProcessors.size > 0) {
+    output.blockingList.push(catchLoad(loadProcessorsImperatively(usedProcessors, getBrickPackages()), "processors", [...usedProcessors].join(", "), rendererContext.unknownBricks));
+  }
 
-    // 加载构件属性和加载子构件等任务，可以并行。
-    var blockingList = [];
-    var loadProperties = /*#__PURE__*/function () {
-      var _ref5 = _asyncToGenerator(function* () {
-        brick.properties = yield constructAsyncProperties(asyncPropertyEntries);
-        listenOnTrackingContext(brick, trackingContextList);
-      });
-      return function loadProperties() {
-        return _ref5.apply(this, arguments);
-      };
-    }();
-    blockingList.push(loadProperties());
-    rendererContext.registerBrickLifeCycle(brick, brickConf.lifeCycle);
-    var expandedBrickConf = brickConf;
-    if (tplTagName) {
-      expandedBrickConf = expandCustomTemplate(tplTagName, brickConf, brick, asyncPropertyEntries, rendererContext);
-    } else if (brickName === FORM_RENDERER) {
-      expandedBrickConf = expandFormRenderer(formData, brickConf, brick, asyncPropertyEntries, rendererContext);
-    }
-    if (expandedBrickConf.portal) {
-      // A portal brick has no slotId.
-      brick.slotId = undefined;
-    }
-    var childRuntimeContext;
-    if (tplTagName) {
-      // There is a boundary for `forEachItem` between template internals and externals.
-      childRuntimeContext = _objectSpread({}, runtimeContext);
-      delete childRuntimeContext.forEachItem;
-      delete childRuntimeContext.forEachIndex;
-    } else {
-      childRuntimeContext = runtimeContext;
+  // 加载构件属性和加载子构件等任务，可以并行。
+  const blockingList = [];
+  const loadProperties = async () => {
+    brick.properties = await constructAsyncProperties(asyncPropertyEntries);
+    listenOnTrackingContext(brick, trackingContextList);
+  };
+  blockingList.push(loadProperties());
+  rendererContext.registerBrickLifeCycle(brick, brickConf.lifeCycle);
+  let expandedBrickConf = brickConf;
+  if (tplTagName) {
+    expandedBrickConf = expandCustomTemplate(tplTagName, brickConf, brick, asyncPropertyEntries, rendererContext);
+  } else if (brickName === FORM_RENDERER) {
+    expandedBrickConf = expandFormRenderer(formData, brickConf, brick, asyncPropertyEntries, rendererContext);
+  }
+  if (expandedBrickConf.portal) {
+    // A portal brick has no slotId.
+    brick.slotId = undefined;
+  }
+  let childRuntimeContext;
+  if (tplTagName) {
+    // There is a boundary for `forEachItem` between template internals and externals.
+    childRuntimeContext = {
+      ...runtimeContext
+    };
+    delete childRuntimeContext.forEachItem;
+    delete childRuntimeContext.forEachIndex;
+  } else {
+    childRuntimeContext = runtimeContext;
+  }
+  const loadChildren = async () => {
+    const slots = childrenToSlots(expandedBrickConf.children, expandedBrickConf.slots);
+    if (!slots) {
+      return;
     }
-    var loadChildren = /*#__PURE__*/function () {
-      var _ref6 = _asyncToGenerator(function* () {
-        var slots = childrenToSlots(expandedBrickConf.children, expandedBrickConf.slots);
-        if (!slots) {
-          return;
-        }
-        var routeSlotFromIndexToSlotId = new Map();
-        var rendered = yield Promise.all(Object.entries(slots).map((_ref7, index) => {
-          var [childSlotId, slotConf] = _ref7;
-          if (slotConf.type !== "routes") {
-            return renderBricks(brick, slotConf.bricks, childRuntimeContext, rendererContext, parentRoutes, menuRequestReturnNode, childSlotId, tplStack);
+    const routeSlotFromIndexToSlotId = new Map();
+    const rendered = await Promise.all(Object.entries(slots).map((_ref, index) => {
+      let [childSlotId, slotConf] = _ref;
+      if (slotConf.type !== "routes") {
+        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(slotConf, parentRoutes, async (location, prevLocation) => {
+          const {
+            homepage
+          } = childRuntimeContext.app;
+          const {
+            pathname
+          } = location;
+          // Ignore if any one of homepage and parent routes not matched.
+          if (!matchHomepage(homepage, pathname) || !parentRoutes.every(route => {
+            let prevMatch;
+            let newMatch;
+            return (prevMatch = matchRoute(route, homepage, prevLocation.pathname)) && (newMatch = matchRoute(route, homepage, pathname)) && (route !== parentRoute || isEqual(prevMatch.params, newMatch.params));
+          })) {
+            return false;
           }
-          var parentRoute = parentRoutes[parentRoutes.length - 1];
-          if (parentRoute !== null && parentRoute !== void 0 && parentRoute.incrementalSubRoutes) {
-            routeSlotFromIndexToSlotId.set(index, childSlotId);
-            rendererContext.performIncrementalRender(slotConf, parentRoutes, /*#__PURE__*/function () {
-              var _ref8 = _asyncToGenerator(function* (location, prevLocation) {
-                var {
-                  homepage
-                } = childRuntimeContext.app;
-                var {
-                  pathname
-                } = location;
-                // Ignore if any one of homepage and parent routes not matched.
-                if (!matchHomepage(homepage, pathname) || !parentRoutes.every(route => {
-                  var prevMatch;
-                  var newMatch;
-                  return (prevMatch = matchRoute(route, homepage, prevLocation.pathname)) && (newMatch = matchRoute(route, homepage, pathname)) && (route !== parentRoute || isEqual(prevMatch.params, newMatch.params));
-                })) {
-                  return false;
-                }
-                var [scopedRuntimeContext, tplStateStoreScope, formStateStoreScope] = createScopedRuntimeContext(_objectSpread(_objectSpread({}, childRuntimeContext), {}, {
-                  location,
-                  query: new URLSearchParams(location.search)
-                }));
-                var failed = false;
-                var incrementalOutput;
-                var scopedStores = [];
-                try {
-                  incrementalOutput = yield 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.
-                  if (incrementalOutput.route) {
-                    // Bailout if redirect or unauthenticated is set
-                    if (rendererContext.reBailout(incrementalOutput)) {
-                      return true;
-                    }
-                    scopedStores = [...tplStateStoreScope, ...formStateStoreScope];
-                    yield postAsyncRender(incrementalOutput, scopedRuntimeContext, [scopedRuntimeContext.ctxStore, ...scopedStores]);
-                  }
-                  yield rendererContext.reMergeMenuRequestNodes(menuRequestReturnNode, slotConf.routes, incrementalOutput.menuRequestNode);
-                } catch (error) {
-                  // eslint-disable-next-line no-console
-                  console.error("Incremental sub-router failed:", error);
-                  var result = rendererContext.reCatch(error, brick);
-                  if (!result) {
-                    return true;
-                  }
-                  ({
-                    failed,
-                    output: incrementalOutput
-                  } = result);
+          const [scopedRuntimeContext, tplStateStoreScope, formStateStoreScope] = createScopedRuntimeContext({
+            ...childRuntimeContext,
+            location,
+            query: new URLSearchParams(location.search)
+          });
+          let failed = false;
+          let incrementalOutput;
+          let scopedStores = [];
+          try {
+            incrementalOutput = await renderRoutes(brick, slotConf.routes, scopedRuntimeContext, rendererContext, parentRoutes, menuRequestReturnNode, childSlotId, true);
 
-                  // Assert: no errors will be throw
-                  yield rendererContext.reMergeMenuRequestNodes(menuRequestReturnNode, slotConf.routes, incrementalOutput.menuRequestNode);
-                }
-                rendererContext.reRender(childSlotId, [], incrementalOutput.node, brick);
-                if (!failed) {
-                  scopedRuntimeContext.ctxStore.mountAsyncData(incrementalOutput.route);
-                  for (var store of scopedStores) {
-                    store.mountAsyncData();
-                  }
-                }
+            // Do not ignore incremental rendering even if all sub-routes are missed.
+            // Since parent route is matched.
+            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]);
+            }
+            await rendererContext.reMergeMenuRequestNodes(menuRequestReturnNode, slotConf.routes, incrementalOutput.menuRequestNode);
+          } catch (error) {
+            // eslint-disable-next-line no-console
+            console.error("Incremental sub-router failed:", error);
+            const result = rendererContext.reCatch(error, brick);
+            if (!result) {
+              return true;
+            }
+            ({
+              failed,
+              output: incrementalOutput
+            } = result);
 
-                // 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 function (_x46, _x47) {
-                return _ref8.apply(this, arguments);
-              };
-            }());
+            // Assert: no errors will be throw
+            await rendererContext.reMergeMenuRequestNodes(menuRequestReturnNode, slotConf.routes, incrementalOutput.menuRequestNode);
           }
-          return renderRoutes(brick, slotConf.routes, childRuntimeContext, rendererContext, parentRoutes, menuRequestReturnNode, childSlotId);
-        }));
-        var childrenOutput = _objectSpread(_objectSpread({}, output), {}, {
-          node: undefined,
-          blockingList: [],
-          menuRequestNode: undefined
-        });
-        rendered.forEach((item, index) => {
-          if (routeSlotFromIndexToSlotId.has(index)) {
-            // Memoize a render node before it's been merged.
-            rendererContext.memoize(routeSlotFromIndexToSlotId.get(index), [], item.node, brick);
+          rendererContext.reRender(childSlotId, [], incrementalOutput.node, brick);
+          if (!failed) {
+            scopedRuntimeContext.ctxStore.mountAsyncData(incrementalOutput.route);
+            for (const store of scopedStores) {
+              store.mountAsyncData();
+            }
           }
-          mergeRenderOutput(childrenOutput, item);
-          mergeSiblingRenderMenuRequest(childrenOutput, item);
+
+          // 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;
         });
-        if (childrenOutput.node) {
-          brick.child = childrenOutput.node;
-        }
-        mergeRenderOutput(output, _objectSpread(_objectSpread({}, childrenOutput), {}, {
-          node: undefined
-        }));
-        appendMenuRequestNode(menuRequestReturnNode, output.menuRequestNode = childrenOutput.menuRequestNode);
-      });
-      return function loadChildren() {
-        return _ref6.apply(this, arguments);
-      };
-    }();
-    blockingList.push(loadChildren());
-    yield Promise.all(blockingList);
-    return output;
-  });
-  return _legacyRenderBrick.apply(this, arguments);
+      }
+      return renderRoutes(brick, slotConf.routes, childRuntimeContext, rendererContext, parentRoutes, menuRequestReturnNode, childSlotId);
+    }));
+    const childrenOutput = {
+      ...output,
+      node: undefined,
+      blockingList: [],
+      menuRequestNode: undefined
+    };
+    rendered.forEach((item, index) => {
+      if (routeSlotFromIndexToSlotId.has(index)) {
+        // Memoize a render node before it's been merged.
+        rendererContext.memoize(routeSlotFromIndexToSlotId.get(index), [], item.node, brick);
+      }
+      mergeRenderOutput(childrenOutput, item);
+      mergeSiblingRenderMenuRequest(childrenOutput, item);
+    });
+    if (childrenOutput.node) {
+      brick.child = childrenOutput.node;
+    }
+    mergeRenderOutput(output, {
+      ...childrenOutput,
+      node: undefined
+    });
+    appendMenuRequestNode(menuRequestReturnNode, output.menuRequestNode = childrenOutput.menuRequestNode);
+  };
+  blockingList.push(loadChildren());
+  await Promise.all(blockingList);
+  return output;
 }
 function isGeneralizedTrackAll(brickIf) {
   return typeof brickIf === "string" ? isTrackAll(brickIf) : isPreEvaluated(brickIf) &&
@@ -619,32 +561,27 @@ function isGeneralizedTrackAll(brickIf) {
 }
 function ensureValidControlBrick(brick) {
   if (brick !== ":forEach" && brick !== ":if" && brick !== ":switch") {
-    throw new Error("Unknown storyboard control node: \"".concat(brick, "\""));
+    throw new Error(`Unknown storyboard control node: "${brick}"`);
   }
 }
-function renderForEach(_x34, _x35, _x36, _x37, _x38, _x39, _x40, _x41, _x42, _x43) {
-  return _renderForEach.apply(this, arguments);
-}
-function _renderForEach() {
-  _renderForEach = _asyncToGenerator(function* (returnNode, dataSource, bricks, runtimeContext, rendererContext, parentRoutes, menuRequestReturnNode, slotId, tplStack, keyPath) {
-    var output = getEmptyRenderOutput();
-    var rows = dataSource.length;
-    var rendered = yield Promise.all(dataSource.map((item, i) => Promise.all(bricks.map((brickConf, j) => renderBrick(returnNode, brickConf, _objectSpread(_objectSpread({}, runtimeContext), {}, {
-      forEachItem: item,
-      forEachIndex: i
-    }), rendererContext, parentRoutes, menuRequestReturnNode, slotId, keyPath.concat(i * rows + j), tplStack && new Map(tplStack))))));
+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, menuRequestReturnNode, slotId, keyPath.concat(i * rows + j), tplStack && new Map(tplStack))))));
 
-    // 多层构件并行异步转换，但转换的结果按原顺序串行合并。
-    rendered.flat().forEach((item, index) => {
-      if (item.hasTrackingControls) {
-        // Memoize a render node before it's been merged.
-        rendererContext.memoize(slotId, keyPath.concat(index), item.node, returnNode);
-      }
-      mergeRenderOutput(output, item);
-    });
-    return output;
+  // 多层构件并行异步转换，但转换的结果按原顺序串行合并。
+  rendered.flat().forEach((item, index) => {
+    if (item.hasTrackingControls) {
+      // Memoize a render node before it's been merged.
+      rendererContext.memoize(slotId, keyPath.concat(index), item.node, returnNode);
+    }
+    mergeRenderOutput(output, item);
   });
-  return _renderForEach.apply(this, arguments);
+  return output;
 }
 export function getDataStores(runtimeContext) {
   return [runtimeContext.ctxStore, ...runtimeContext.tplStateStoreMap.values(), ...runtimeContext.formStateStoreMap.values()];
@@ -654,12 +591,13 @@ export function postAsyncRender(output, runtimeContext, stores) {
   return Promise.all([...output.blockingList, ...stores.map(store => store.waitForAll()), ...runtimeContext.pendingPermissionsPreCheck]);
 }
 export function createScopedRuntimeContext(runtimeContext) {
-  var tplStateStoreScope = [];
-  var formStateStoreScope = [];
-  var scopedRuntimeContext = _objectSpread(_objectSpread({}, runtimeContext), {}, {
+  const tplStateStoreScope = [];
+  const formStateStoreScope = [];
+  const scopedRuntimeContext = {
+    ...runtimeContext,
     tplStateStoreScope,
     formStateStoreScope
-  });
+  };
   return [scopedRuntimeContext, tplStateStoreScope, formStateStoreScope];
 }
 function loadMenu(menuConf, runtimeContext) {
@@ -684,17 +622,17 @@ function loadMenu(menuConf, runtimeContext) {
 }
 function mergeRenderOutput(output, newOutput) {
   // eslint-disable-next-line @typescript-eslint/no-unused-vars
-  var {
-      blockingList,
-      node,
-      menuRequestNode,
-      hasTrackingControls
-    } = newOutput,
-    rest = _objectWithoutProperties(newOutput, _excluded);
+  const {
+    blockingList,
+    node,
+    menuRequestNode,
+    hasTrackingControls,
+    ...rest
+  } = newOutput;
   output.blockingList.push(...blockingList);
   if (node) {
     if (output.node) {
-      var last = output.node;
+      let last = output.node;
       while (last.sibling) {
         last = last.sibling;
       }
@@ -706,10 +644,10 @@ function mergeRenderOutput(output, newOutput) {
   Object.assign(output, rest);
 }
 function mergeSiblingRenderMenuRequest(output, newOutput) {
-  var menuRequestNode = newOutput.menuRequestNode;
+  const menuRequestNode = newOutput.menuRequestNode;
   if (menuRequestNode) {
     if (output.menuRequestNode) {
-      var last = output.menuRequestNode;
+      let last = output.menuRequestNode;
       while (last.sibling) {
         last = last.sibling;
       }
@@ -724,7 +662,7 @@ function appendMenuRequestNode(menuRequestReturnNode, menuRequestNode) {
     return;
   }
   if (menuRequestReturnNode.child) {
-    var last = menuRequestReturnNode.child;
+    let last = menuRequestReturnNode.child;
     while (last.sibling) {
       last = last.sibling;
     }
@@ -739,17 +677,16 @@ function getEmptyRenderOutput() {
   };
 }
 export function childrenToSlots(children, originalSlots) {
-  var newSlots = originalSlots;
+  let newSlots = originalSlots;
   // istanbul ignore next
   if (process.env.NODE_ENV === "development" && children && !Array.isArray(children)) {
     // eslint-disable-next-line no-console
-    console.warn("Specified brick children but not array:", "<".concat(typeof children, ">"), children);
+    console.warn("Specified brick children but not array:", `<${typeof children}>`, children);
   }
   if (Array.isArray(children) && !newSlots) {
     newSlots = {};
-    for (var child of children) {
-      var _child$slot;
-      var slot = (_child$slot = child.slot) !== null && _child$slot !== void 0 ? _child$slot : "";
+    for (const child of children) {
+      const slot = child.slot ?? "";
       if (!hasOwnProperty(newSlots, slot)) {
         newSlots[slot] = {
           type: "bricks",
@@ -764,7 +701,7 @@ export function childrenToSlots(children, originalSlots) {
 function catchLoad(promise, type, name, unknownPolicy) {
   return unknownPolicy === "silent" ? promise.catch(e => {
     // eslint-disable-next-line no-console
-    console.error("Load %s \"%s\" failed:", type, name, e);
+    console.error(`Load %s "%s" failed:`, type, name, e);
   }) : promise;
 }
 //# sourceMappingURL=Renderer.js.map