@next-core/brick-kit 2.166.0 → 2.167.0

package/dist/index.bundle.js

@@ -2430,6 +2430,229 @@
     }
   }
 
+  function isBasicProperty(propRef) {
+    return !!propRef.refProperty;
+  }
+  function isTransformableProperty(propRef) {
+    return !!propRef.refTransform;
+  }
+  function isMergeableProperty(propRef) {
+    return !!propRef.mergeProperty;
+  }
+  function isRefProperty(propRef) {
+    return !!propRef.ref;
+  }
+  function isVariableProperty(propRef) {
+    return !!propRef.asVariable;
+  }
+
+  var customTemplateRegistry = new Map();
+  var appRegistered = new Set();
+  var symbolForComputedPropsFromProxy = Symbol.for("tpl.computedPropsFromProxy");
+  var symbolForRefForProxy = Symbol.for("tpl.refForProxy");
+  var symbolForTplContextId = Symbol.for("tpl.contextId");
+
+  function propertyMerge(conf, value, object) {
+    return propertyMergeAll(conf.$$mergeBase, Object.fromEntries(conf.$$mergeBase.proxies.map(proxy => [proxy.$$reversedRef, proxy === conf ? value : object[proxy.$$reversedRef]])));
+  }
+  function propertyMergeAll(mergeBase, object) {
+    if (mergeBase.mergeType === "array") {
+      return propertyMergeAllOfArray(mergeBase, object);
+    }
+    if (mergeBase.mergeType === "object") {
+      return propertyMergeAllOfObject(mergeBase, object);
+    }
+    // istanbul ignore next: should never reach
+    throw new TypeError("unsupported mergeType: \"".concat(mergeBase.mergeType, "\""));
+  }
+  function propertyMergeAllOfArray(_ref, object) {
+    var _$1, _proxy$mergeArgs;
+    var {
+      baseValue,
+      context,
+      proxies
+    } = _ref;
+    // Use an approach like template-literal's quasis:
+    // `quasi0${0}quais1${1}quasi2...`
+    // Every quasi can be merged with multiple items.
+    var computedBaseValue = Array.isArray(baseValue) ? computeRealValue(baseValue, context, true, {
+      $$lazyForUseBrick: true
+    }) : [];
+    var quasis = [];
+    var size = computedBaseValue.length + 1;
+    for (var i = 0; i < size; i += 1) {
+      quasis.push([]);
+    }
+    for (var proxy of proxies) {
+      var position = void 0;
+      switch (proxy.mergeMethod) {
+        case "append":
+          position = computedBaseValue.length;
+          break;
+        case "prepend":
+          position = 0;
+          break;
+        case "insertAt":
+          // Defaults to `-1`.
+          position = (_$1 = (_proxy$mergeArgs = proxy.mergeArgs) === null || _proxy$mergeArgs === void 0 ? void 0 : _proxy$mergeArgs[0]) !== null && _$1 !== void 0 ? _$1 : -1;
+          if (position < 0) {
+            // It's counted from the end if position is negative.
+            position += quasis.length;
+          }
+          position = _.clamp(position, 0, computedBaseValue.length);
+          break;
+        // istanbul ignore next: should never reach
+        default:
+          throw new TypeError("unsupported mergeMethod: \"".concat(proxy.mergeMethod, "\" for mergeType \"").concat(proxy.mergeType, "\""));
+      }
+      var patchValue = object[proxy.$$reversedRef];
+      if (!Array.isArray(patchValue)) {
+        patchValue = [];
+      }
+      quasis[position].push(...patchValue);
+    }
+    return quasis.flatMap((item, index) => index < computedBaseValue.length ? item.concat(computedBaseValue[index]) : item);
+  }
+  function propertyMergeAllOfObject(_ref2, object) {
+    var {
+      baseValue,
+      proxies,
+      context
+    } = _ref2;
+    var computedBaseValue = brickUtils.isObject(baseValue) ? computeRealValue(baseValue, context, true) : {};
+    return proxies.reduce((acc, proxy) => {
+      switch (proxy.mergeMethod) {
+        case "extend":
+          return _objectSpread__default["default"](_objectSpread__default["default"]({}, acc), object[proxy.$$reversedRef]);
+        // istanbul ignore next: should never reach
+        default:
+          throw new TypeError("unsupported mergeMethod: \"".concat(proxy.mergeMethod, "\" for mergeType \"").concat(proxy.mergeType, "\""));
+      }
+    }, computedBaseValue);
+  }
+
+  function setupTemplateProxy(proxyContext, ref, slots) {
+    var computedPropsFromProxy = {};
+    var refForProxy;
+    var {
+      reversedProxies,
+      templateProperties,
+      externalSlots,
+      templateContextId,
+      proxyBrick
+    } = proxyContext;
+    if (ref && reversedProxies) {
+      refForProxy = {};
+      proxyBrick.proxyRefs.set(ref, refForProxy);
+
+      // Reversed proxies are used for expand storyboard before rendering page.
+      if (reversedProxies.properties.has(ref)) {
+        Object.assign(computedPropsFromProxy, Object.fromEntries(reversedProxies.properties.get(ref).flatMap(propRef => {
+          // `propValue` is computed.
+          var propValue = templateProperties === null || templateProperties === void 0 ? void 0 : templateProperties[propRef.$$reversedRef];
+          if (isTransformableProperty(propRef)) {
+            return Object.entries(preprocessTransformProperties({
+              [propRef.$$reversedRef]: propValue
+            }, propRef.refTransform));
+          }
+          if (isBasicProperty(propRef)) {
+            return [[propRef.refProperty, propValue]];
+          }
+          // Ignore Variable properties.
+          // And mergeable properties are processed later.
+          return [];
+        }).filter(propRef => propRef[1] !== undefined)));
+
+        // Brick properties can be merged multiple times.
+        if (reversedProxies.mergeBases.has(ref)) {
+          Object.assign(computedPropsFromProxy, Object.fromEntries(Array.from(reversedProxies.mergeBases.get(ref).entries()).map(_ref => {
+            var [mergeProperty, mergeBase] = _ref;
+            return [mergeProperty, propertyMergeAll(mergeBase, templateProperties !== null && templateProperties !== void 0 ? templateProperties : {})];
+          }).filter(item => item[1] !== undefined)));
+        }
+      }
+
+      // Use an approach like template-literal's quasis:
+      // `quasi0${0}quais1${1}quasi2...`
+      // Every quasi (indexed by `refPosition`) can be slotted with multiple bricks.
+      var quasisMap = new Map();
+      if (reversedProxies.slots.has(ref)) {
+        for (var item of reversedProxies.slots.get(ref)) {
+          var _item$refPosition, _externalSlots$item$$, _externalSlots$item$$2;
+          if (!quasisMap.has(item.refSlot)) {
+            var quasis = [];
+            // The size of quasis should be the existed slotted bricks' size plus one.
+            var size = brickUtils.hasOwnProperty(slots, item.refSlot) ? slots[item.refSlot].bricks.length + 1 : 1;
+            for (var i = 0; i < size; i += 1) {
+              quasis.push([]);
+            }
+            quasisMap.set(item.refSlot, quasis);
+          }
+          var expandableSlot = quasisMap.get(item.refSlot);
+          var refPosition = (_item$refPosition = item.refPosition) !== null && _item$refPosition !== void 0 ? _item$refPosition : -1;
+          expandableSlot[_.clamp(refPosition < 0 ? expandableSlot.length + refPosition : refPosition, 0, expandableSlot.length - 1)].push(...((_externalSlots$item$$ = externalSlots === null || externalSlots === void 0 ? void 0 : (_externalSlots$item$$2 = externalSlots[item.$$reversedRef]) === null || _externalSlots$item$$2 === void 0 ? void 0 : _externalSlots$item$$2.bricks) !== null && _externalSlots$item$$ !== void 0 ? _externalSlots$item$$ : []));
+        }
+      }
+      var _loop = function (slotName, _quasis) {
+        if (!brickUtils.hasOwnProperty(slots, slotName)) {
+          slots[slotName] = {
+            type: "bricks",
+            bricks: []
+          };
+        }
+        var slotConf = slots[slotName];
+        slotConf.bricks = _quasis.flatMap((bricks, index) => index < slotConf.bricks.length ? bricks.concat(slotConf.bricks[index]) : bricks);
+        if (slotConf.bricks.length === 0) {
+          delete slots[slotName];
+        }
+      };
+      for (var [slotName, _quasis] of quasisMap.entries()) {
+        _loop(slotName, _quasis);
+      }
+    }
+    return {
+      [symbolForComputedPropsFromProxy]: computedPropsFromProxy,
+      [symbolForRefForProxy]: refForProxy,
+      [symbolForTplContextId]: templateContextId
+    };
+  }
+
+  var _excluded$7 = ["properties", "slots"];
+  function setupUseBrickInTemplate(props, proxyContext) {
+    function walk(props) {
+      if (!brickUtils.isObject(props)) {
+        return props;
+      }
+      if (Array.isArray(props)) {
+        return props.map(walk);
+      }
+      return Object.fromEntries(Object.entries(props).map(_ref => {
+        var [key, value] = _ref;
+        return brickUtils.isObject(value) && key === "useBrick" ? Array.isArray(value) ? [key, value.map(setup)] : [key, setup(value)] : [key, walk(value)];
+      }).concat(Object.getOwnPropertySymbols(props).map(k => [k, props[k]])));
+    }
+    function setup(item) {
+      var {
+          properties,
+          slots: originalSlots
+        } = item,
+        restConf = _objectWithoutProperties__default["default"](item, _excluded$7);
+      var slots = Object.fromEntries(Object.entries(originalSlots !== null && originalSlots !== void 0 ? originalSlots : {}).map(_ref2 => {
+        var _slotConf$bricks;
+        var [slotName, slotConf] = _ref2;
+        return [slotName, {
+          type: "bricks",
+          bricks: ((_slotConf$bricks = slotConf.bricks) !== null && _slotConf$bricks !== void 0 ? _slotConf$bricks : []).map(setup)
+        }];
+      }));
+      return _objectSpread__default["default"](_objectSpread__default["default"]({}, restConf), {}, {
+        properties: walk(properties),
+        slots
+      }, setupTemplateProxy(proxyContext, restConf.ref, slots));
+    }
+    return walk(props);
+  }
+
   var computeRealValue = (value, context, injectDeep, internalOptions) => {
     var preEvaluated = isPreEvaluated(value);
     if (preEvaluated || typeof value === "string") {
@@ -2481,6 +2704,11 @@
   };
   function setProperties(bricks, properties, context, injectDeep) {
     var realProps = computeRealProperties(properties, context, injectDeep);
+    if (context.tplContextId) {
+      realProps = setupUseBrickInTemplate(realProps, {
+        templateContextId: context.tplContextId
+      });
+    }
     if (!Array.isArray(bricks)) {
       bricks = [bricks];
     }
@@ -2548,7 +2776,7 @@
     }) : internalOptions;
   }
 
-  var _excluded$7 = ["children"],
+  var _excluded$6 = ["children"],
     _excluded2$2 = ["children"],
     _excluded3 = ["items", "app"];
   var symbolAppId = Symbol("appId");
@@ -2811,7 +3039,7 @@
         var {
             children
           } = _ref,
-          rest = _objectWithoutProperties__default["default"](_ref, _excluded$7);
+          rest = _objectWithoutProperties__default["default"](_ref, _excluded$6);
         var overrideAppId = rest[symbolAppId];
         if (!rest[symbolMenuI18nNamespace] && overrideAppId !== contextAppId && !appIds.has(overrideAppId) && attemptToVisit(rest, ["I18N"])) {
           appIds.add(overrideAppId);
@@ -3433,7 +3661,7 @@
     return kernel.loadDynamicBricksInBrickConf(brickConf);
   }
 
-  var _excluded$6 = ["extraQuery", "clear", "keepHash"];
+  var _excluded$5 = ["extraQuery", "clear", "keepHash"];
   var blocked = false;
   function getUserConfirmation(message, callback) {
     blocked = !confirm(message);
@@ -3463,7 +3691,7 @@
             clear,
             keepHash
           } = options,
-          state = _objectWithoutProperties__default["default"](options, _excluded$6);
+          state = _objectWithoutProperties__default["default"](options, _excluded$5);
         var urlSearchParams = new URLSearchParams(clear ? "" : browserHistory.location.search);
         var params = {};
         Object.assign(params, query, extraQuery);
@@ -6323,41 +6551,302 @@
     };
   }();
 
-  /**
-   * Merge `app.defaultConfig` and `app.userConfig` to `app.config`.
-   *
-   * @param bootstrapResponse - Response of bootstrap API.
-   */
-  function processBootstrapResponse(bootstrapResponse) {
-    for (var storyboard of bootstrapResponse.storyboards) {
-      var app = storyboard.app;
-      if (app) {
-        app.config = brickUtils.deepFreeze(_.merge({}, app.defaultConfig, app.userConfig));
-        if (app.locales) {
-          (function () {
-            // Prefix to avoid conflict between brick package's i18n namespace.
-            var ns = "$tmp-".concat(app.id);
-            // Support any languages in `app.locales`.
-            Object.entries(app.locales).forEach(_ref => {
-              var [lang, resources] = _ref;
-              i18next__default["default"].addResourceBundle(lang, ns, resources);
-            });
-            // Use `app.name` as the fallback `app.localeName`.
-            app.localeName = i18next__default["default"].getFixedT(null, ns)("name", app.name);
-            // Remove the temporary i18n resource bundles.
-            Object.keys(app.locales).forEach(lang => {
-              i18next__default["default"].removeResourceBundle(lang, ns);
-            });
-          })();
-        } else {
-          app.localeName = app.name;
-        }
-      }
+  var cache$1 = new Map();
+  function loadScript(src, prefix) {
+    if (Array.isArray(src)) {
+      return Promise.all(src.map(item => loadScript(item, prefix)));
     }
-    if (bootstrapResponse.settings) {
-      bootstrapResponse.settings = brickUtils.deepFreeze(bootstrapResponse.settings);
+    var fixedSrc = prefix ? "".concat(prefix).concat(src) : src;
+    var cachedPromise = cache$1.get(fixedSrc);
+    if (cachedPromise) {
+      return cachedPromise;
     }
-    bootstrapResponse.brickPackages = brickUtils.deepFreeze(bootstrapResponse.brickPackages);
+    var promise = new Promise((resolve, reject) => {
+      var end = () => {
+        window.dispatchEvent(new Event("request.end"));
+      };
+      var script = document.createElement("script");
+      script.src = fixedSrc;
+      script.type = "text/javascript";
+      script.async = true;
+      script.onload = () => {
+        resolve(fixedSrc);
+        end();
+      };
+      script.onerror = e => {
+        reject(e);
+        end();
+      };
+      var firstScript = document.currentScript || document.getElementsByTagName("script")[0];
+      firstScript.parentNode.insertBefore(script, firstScript);
+      window.dispatchEvent(new Event("request.start"));
+    });
+    cache$1.set(fixedSrc, promise);
+    return promise;
+  }
+
+  // https://github.com/module-federation/module-federation-examples/blob/eda9493f3991a423479fd834cfb1d7b241d9d1f0/advanced-api/dynamic-remotes/app1/src/App.js
+  function loadSharedModule(_x, _x2) {
+    return _loadSharedModule.apply(this, arguments);
+  }
+  function _loadSharedModule() {
+    _loadSharedModule = _asyncToGenerator__default["default"](function* (scope, module) {
+      // Initializes the share scope. This fills it with known provided modules from this build and all remotes
+      yield __webpack_init_sharing__("default");
+      var container = window[scope]; // or get the container somewhere else
+      // Initialize the container, it may provide shared modules
+      yield container.init(__webpack_share_scopes__.default);
+      var factory = yield container.get(module);
+      return factory();
+    });
+    return _loadSharedModule.apply(this, arguments);
+  }
+
+  var resolveBasicPkg;
+  var basicPkgWillBeResolved = false;
+  var waitBasicPkg = new Promise(resolve => {
+    resolveBasicPkg = resolve;
+  });
+  function flushStableLoadBricks() {
+    if (!basicPkgWillBeResolved) {
+      resolveBasicPkg();
+    }
+  }
+  function loadBricksImperatively(_x, _x2) {
+    return _loadBricksImperatively.apply(this, arguments);
+  }
+  function _loadBricksImperatively() {
+    _loadBricksImperatively = _asyncToGenerator__default["default"](function* (bricks, brickPackages) {
+      var promise = enqueueStableLoad("bricks", bricks, brickPackages);
+      flushStableLoadBricks();
+      return dispatchRequestStatus(promise);
+    });
+    return _loadBricksImperatively.apply(this, arguments);
+  }
+  function loadProcessorsImperatively(processors, brickPackages) {
+    var promise = enqueueStableLoad("processors", processors, brickPackages);
+    flushStableLoadBricks();
+    return dispatchRequestStatus(promise);
+  }
+  var v2AdapterPromise;
+  var V2_ADAPTER_LOAD_BRICKS = "v2-adapter.load-bricks";
+
+  // Get brick/processor items including their dependencies
+  function getItemsByPkg(type, list, brickPackagesMap) {
+    var itemsByPkg = new Map();
+    var listToLoad = new Set();
+    var add = item => {
+      var _pkg$dependencies;
+      if (listToLoad.has(item)) {
+        return;
+      }
+      listToLoad.add(item);
+      var pkg;
+      var namespace;
+      var itemName;
+      if (type === "processors" || item.includes(".")) {
+        [namespace, itemName] = item.split(".");
+        var pkgId = "bricks/".concat(type === "processors" ? getProcessorPackageName(namespace) : namespace);
+        pkg = brickPackagesMap.get(pkgId);
+      } else {
+        itemName = item;
+        for (var p of brickPackagesMap.values()) {
+          var _p$elements;
+          if ((_p$elements = p.elements) !== null && _p$elements !== void 0 && _p$elements.some(e => e === itemName)) {
+            pkg = p;
+            break;
+          }
+        }
+      }
+      if (!pkg) {
+        throw new Error("Package for ".concat(item, " not found."));
+      }
+      var groupItems = itemsByPkg.get(pkg);
+      if (!groupItems) {
+        groupItems = [];
+        itemsByPkg.set(pkg, groupItems);
+      }
+      groupItems.push(itemName);
+
+      // Load their dependencies too
+      var deps = (_pkg$dependencies = pkg.dependencies) === null || _pkg$dependencies === void 0 ? void 0 : _pkg$dependencies[item];
+      if (deps) {
+        for (var dep of deps) {
+          add(dep);
+        }
+      }
+    };
+    for (var item of list) {
+      add(item);
+    }
+    return itemsByPkg;
+  }
+  function loadBrickModule(_x3, _x4, _x5) {
+    return _loadBrickModule.apply(this, arguments);
+  }
+  function _loadBrickModule() {
+    _loadBrickModule = _asyncToGenerator__default["default"](function* (type, pkgId, itemName) {
+      var moduleName = "".concat(type === "processors" ? "./processors/" : "./").concat(itemName);
+      try {
+        yield loadSharedModule(pkgId, moduleName);
+      } catch (error) {
+        // eslint-disable-next-line no-console
+        console.error(error);
+        throw new Error("Load ".concat(type, " of \"").concat(pkgId.split("/").pop(), ".").concat(moduleName.split("/").pop(), "\" failed"));
+      }
+    });
+    return _loadBrickModule.apply(this, arguments);
+  }
+  function loadRestBricks(type, pkgs, itemsMap) {
+    return pkgs.map( /*#__PURE__*/function () {
+      var _ref = _asyncToGenerator__default["default"](function* (pkg) {
+        var _window$PUBLIC_ROOT;
+        yield loadScript(pkg.filePath, (_window$PUBLIC_ROOT = window.PUBLIC_ROOT) !== null && _window$PUBLIC_ROOT !== void 0 ? _window$PUBLIC_ROOT : "");
+        yield waitBasicPkg;
+        return Promise.all(
+        // eslint-disable-next-line @typescript-eslint/no-non-null-assertion
+        itemsMap.get(pkg).map(itemName => loadBrickModule(type, pkg.id, itemName)));
+      });
+      return function (_x6) {
+        return _ref.apply(this, arguments);
+      };
+    }());
+  }
+  function enqueueStableLoad(_x7, _x8, _x9) {
+    return _enqueueStableLoad.apply(this, arguments);
+  }
+  function _enqueueStableLoad() {
+    _enqueueStableLoad = _asyncToGenerator__default["default"](function* (type, list, brickPackages) {
+      var brickPackagesMap = new Map();
+      for (var pkg of brickPackages) {
+        var _pkg$id;
+        var pkgId = (_pkg$id = pkg.id) !== null && _pkg$id !== void 0 ? _pkg$id : getPkgIdByFilePath(pkg.filePath);
+        brickPackagesMap.set(pkgId, pkg);
+      }
+      var itemsByPkg = getItemsByPkg(type, list, brickPackagesMap);
+      var foundBasicPkg;
+      var v2Packages = [];
+      var v3PackagesOtherThanBasic = [];
+      var maybeV2Adapter;
+      for (var _pkg of itemsByPkg.keys()) {
+        if (_pkg.id) {
+          if (_pkg.id === "bricks/basic") {
+            foundBasicPkg = _pkg;
+          } else {
+            v3PackagesOtherThanBasic.push(_pkg);
+          }
+        } else {
+          // Brick packages of v2 has no `id`
+          v2Packages.push(_pkg);
+          maybeV2Adapter = brickPackagesMap.get("bricks/v2-adapter");
+          if (!maybeV2Adapter) {
+            // eslint-disable-next-line no-console
+            console.error("Using v2 bricks, but v2-adapter not found");
+          }
+        }
+      }
+      var v2Adapter = maybeV2Adapter;
+      var basicPkgPromise;
+      var basicPkg = foundBasicPkg;
+      if (basicPkg) {
+        var _window$PUBLIC_ROOT2;
+        var tempPromise = loadScript(basicPkg.filePath, (_window$PUBLIC_ROOT2 = window.PUBLIC_ROOT) !== null && _window$PUBLIC_ROOT2 !== void 0 ? _window$PUBLIC_ROOT2 : "");
+        // Packages other than BASIC will wait for an extra micro-task tick.
+        if (!basicPkgWillBeResolved) {
+          basicPkgWillBeResolved = true;
+          tempPromise.then(() => Promise.resolve()).then(resolveBasicPkg);
+        }
+        basicPkgPromise = tempPromise.then(() => Promise.all(
+        // eslint-disable-next-line @typescript-eslint/no-non-null-assertion
+        itemsByPkg.get(basicPkg).map(itemName => loadBrickModule(type, basicPkg.id, itemName))));
+      }
+      var pkgPromises = [basicPkgPromise].concat(loadRestBricks(type, v3PackagesOtherThanBasic, itemsByPkg));
+      if (v2Adapter && v2Packages.length > 0) {
+        if (!v2AdapterPromise) {
+          // Load `v2-adapter.load-bricks` and its dependencies
+          var v2AdapterItemsByPkg = getItemsByPkg("bricks", [V2_ADAPTER_LOAD_BRICKS], brickPackagesMap);
+          var v2AdapterPackages = [...v2AdapterItemsByPkg.keys()];
+          var loadV2Adapter = /*#__PURE__*/function () {
+            var _ref2 = _asyncToGenerator__default["default"](function* () {
+              yield Promise.all(loadRestBricks("bricks", v2AdapterPackages, v2AdapterItemsByPkg));
+              return document.createElement(V2_ADAPTER_LOAD_BRICKS);
+            });
+            return function loadV2Adapter() {
+              return _ref2.apply(this, arguments);
+            };
+          }();
+          v2AdapterPromise = loadV2Adapter();
+        }
+        pkgPromises.push(v2AdapterPromise.then(adapter => Promise.all(v2Packages.map(pkg => {
+          var pkgId = getPkgIdByFilePath(pkg.filePath);
+          var pkgNamespace = pkgId.split("/")[1];
+          return adapter.resolve(v2Adapter.filePath, pkg.filePath, type === "bricks" ?
+          // eslint-disable-next-line @typescript-eslint/no-non-null-assertion
+          itemsByPkg.get(pkg).map(itemName => "".concat(pkgNamespace, ".").concat(itemName)) : [], pkg.dll,
+          // Todo: remove `brickPackages` as an argument
+          brickPackages);
+        }))));
+      }
+      yield Promise.all(pkgPromises);
+    });
+    return _enqueueStableLoad.apply(this, arguments);
+  }
+  function dispatchRequestStatus(_x10) {
+    return _dispatchRequestStatus.apply(this, arguments);
+  }
+  function _dispatchRequestStatus() {
+    _dispatchRequestStatus = _asyncToGenerator__default["default"](function* (promise) {
+      window.dispatchEvent(new Event("request.start"));
+      try {
+        yield promise;
+      } finally {
+        window.dispatchEvent(new Event("request.end"));
+      }
+    });
+    return _dispatchRequestStatus.apply(this, arguments);
+  }
+  function getProcessorPackageName(camelPackageName) {
+    return camelPackageName.replace(/[A-Z]/g, match => "-".concat(match[0].toLocaleLowerCase())).replace(/_[0-9]/g, match => "-".concat(match[1]));
+  }
+  function getPkgIdByFilePath(filePath) {
+    return filePath.split("/").slice(0, 2).join("/");
+  }
+
+  /**
+   * Merge `app.defaultConfig` and `app.userConfig` to `app.config`.
+   *
+   * @param bootstrapResponse - Response of bootstrap API.
+   */
+  function processBootstrapResponse(bootstrapResponse) {
+    for (var storyboard of bootstrapResponse.storyboards) {
+      var app = storyboard.app;
+      if (app) {
+        app.config = brickUtils.deepFreeze(_.merge({}, app.defaultConfig, app.userConfig));
+        if (app.locales) {
+          (function () {
+            // Prefix to avoid conflict between brick package's i18n namespace.
+            var ns = "$tmp-".concat(app.id);
+            // Support any languages in `app.locales`.
+            Object.entries(app.locales).forEach(_ref => {
+              var [lang, resources] = _ref;
+              i18next__default["default"].addResourceBundle(lang, ns, resources);
+            });
+            // Use `app.name` as the fallback `app.localeName`.
+            app.localeName = i18next__default["default"].getFixedT(null, ns)("name", app.name);
+            // Remove the temporary i18n resource bundles.
+            Object.keys(app.locales).forEach(lang => {
+              i18next__default["default"].removeResourceBundle(lang, ns);
+            });
+          })();
+        } else {
+          app.localeName = app.name;
+        }
+      }
+    }
+    if (bootstrapResponse.settings) {
+      bootstrapResponse.settings = brickUtils.deepFreeze(bootstrapResponse.settings);
+    }
+    bootstrapResponse.brickPackages = brickUtils.deepFreeze(bootstrapResponse.brickPackages);
     bootstrapResponse.templatePackages = brickUtils.deepFreeze(bootstrapResponse.templatePackages);
   }
 
@@ -6534,7 +7023,7 @@
     };
   }();
 
-  var _excluded$5 = ["feature_flags"],
+  var _excluded$4 = ["feature_flags"],
     _excluded2$1 = ["featureFlags", "misc"];
   function standaloneBootstrap() {
     return _standaloneBootstrap.apply(this, arguments);
@@ -6580,7 +7069,7 @@
           var {
               feature_flags: featureFlags
             } = sys_settings,
-            rest = _objectWithoutProperties__default["default"](sys_settings, _excluded$5);
+            rest = _objectWithoutProperties__default["default"](sys_settings, _excluded$4);
           settings = _objectSpread__default["default"]({
             featureFlags
           }, rest);
@@ -7538,28 +8027,6 @@
   var filterProperties = ["instanceId", "brick", "slots", "properties", "events", "if", "context", "bricks", "mountPoint"];
   var symbolForFormContextId = Symbol.for("form.contextId");
 
-  var customTemplateRegistry = new Map();
-  var appRegistered = new Set();
-  var symbolForComputedPropsFromProxy = Symbol.for("tpl.computedPropsFromProxy");
-  var symbolForRefForProxy = Symbol.for("tpl.refForProxy");
-  var symbolForTplContextId = Symbol.for("tpl.contextId");
-
-  function isBasicProperty(propRef) {
-    return !!propRef.refProperty;
-  }
-  function isTransformableProperty(propRef) {
-    return !!propRef.refTransform;
-  }
-  function isMergeableProperty(propRef) {
-    return !!propRef.mergeProperty;
-  }
-  function isRefProperty(propRef) {
-    return !!propRef.ref;
-  }
-  function isVariableProperty(propRef) {
-    return !!propRef.asVariable;
-  }
-
   function collectRefsInTemplate(template) {
     var refMap = new Map();
     collectRefsInBrickConfs(template.bricks, refMap);
@@ -7615,207 +8082,6 @@
     }
   }
 
-  function propertyMerge(conf, value, object) {
-    return propertyMergeAll(conf.$$mergeBase, Object.fromEntries(conf.$$mergeBase.proxies.map(proxy => [proxy.$$reversedRef, proxy === conf ? value : object[proxy.$$reversedRef]])));
-  }
-  function propertyMergeAll(mergeBase, object) {
-    if (mergeBase.mergeType === "array") {
-      return propertyMergeAllOfArray(mergeBase, object);
-    }
-    if (mergeBase.mergeType === "object") {
-      return propertyMergeAllOfObject(mergeBase, object);
-    }
-    // istanbul ignore next: should never reach
-    throw new TypeError("unsupported mergeType: \"".concat(mergeBase.mergeType, "\""));
-  }
-  function propertyMergeAllOfArray(_ref, object) {
-    var _$1, _proxy$mergeArgs;
-    var {
-      baseValue,
-      context,
-      proxies
-    } = _ref;
-    // Use an approach like template-literal's quasis:
-    // `quasi0${0}quais1${1}quasi2...`
-    // Every quasi can be merged with multiple items.
-    var computedBaseValue = Array.isArray(baseValue) ? computeRealValue(baseValue, context, true, {
-      $$lazyForUseBrick: true
-    }) : [];
-    var quasis = [];
-    var size = computedBaseValue.length + 1;
-    for (var i = 0; i < size; i += 1) {
-      quasis.push([]);
-    }
-    for (var proxy of proxies) {
-      var position = void 0;
-      switch (proxy.mergeMethod) {
-        case "append":
-          position = computedBaseValue.length;
-          break;
-        case "prepend":
-          position = 0;
-          break;
-        case "insertAt":
-          // Defaults to `-1`.
-          position = (_$1 = (_proxy$mergeArgs = proxy.mergeArgs) === null || _proxy$mergeArgs === void 0 ? void 0 : _proxy$mergeArgs[0]) !== null && _$1 !== void 0 ? _$1 : -1;
-          if (position < 0) {
-            // It's counted from the end if position is negative.
-            position += quasis.length;
-          }
-          position = _.clamp(position, 0, computedBaseValue.length);
-          break;
-        // istanbul ignore next: should never reach
-        default:
-          throw new TypeError("unsupported mergeMethod: \"".concat(proxy.mergeMethod, "\" for mergeType \"").concat(proxy.mergeType, "\""));
-      }
-      var patchValue = object[proxy.$$reversedRef];
-      if (!Array.isArray(patchValue)) {
-        patchValue = [];
-      }
-      quasis[position].push(...patchValue);
-    }
-    return quasis.flatMap((item, index) => index < computedBaseValue.length ? item.concat(computedBaseValue[index]) : item);
-  }
-  function propertyMergeAllOfObject(_ref2, object) {
-    var {
-      baseValue,
-      proxies,
-      context
-    } = _ref2;
-    var computedBaseValue = brickUtils.isObject(baseValue) ? computeRealValue(baseValue, context, true) : {};
-    return proxies.reduce((acc, proxy) => {
-      switch (proxy.mergeMethod) {
-        case "extend":
-          return _objectSpread__default["default"](_objectSpread__default["default"]({}, acc), object[proxy.$$reversedRef]);
-        // istanbul ignore next: should never reach
-        default:
-          throw new TypeError("unsupported mergeMethod: \"".concat(proxy.mergeMethod, "\" for mergeType \"").concat(proxy.mergeType, "\""));
-      }
-    }, computedBaseValue);
-  }
-
-  function setupTemplateProxy(proxyContext, ref, slots) {
-    var computedPropsFromProxy = {};
-    var refForProxy;
-    var {
-      reversedProxies,
-      templateProperties,
-      externalSlots,
-      templateContextId,
-      proxyBrick
-    } = proxyContext;
-    if (ref && reversedProxies) {
-      refForProxy = {};
-      proxyBrick.proxyRefs.set(ref, refForProxy);
-
-      // Reversed proxies are used for expand storyboard before rendering page.
-      if (reversedProxies.properties.has(ref)) {
-        Object.assign(computedPropsFromProxy, Object.fromEntries(reversedProxies.properties.get(ref).flatMap(propRef => {
-          // `propValue` is computed.
-          var propValue = templateProperties === null || templateProperties === void 0 ? void 0 : templateProperties[propRef.$$reversedRef];
-          if (isTransformableProperty(propRef)) {
-            return Object.entries(preprocessTransformProperties({
-              [propRef.$$reversedRef]: propValue
-            }, propRef.refTransform));
-          }
-          if (isBasicProperty(propRef)) {
-            return [[propRef.refProperty, propValue]];
-          }
-          // Ignore Variable properties.
-          // And mergeable properties are processed later.
-          return [];
-        }).filter(propRef => propRef[1] !== undefined)));
-
-        // Brick properties can be merged multiple times.
-        if (reversedProxies.mergeBases.has(ref)) {
-          Object.assign(computedPropsFromProxy, Object.fromEntries(Array.from(reversedProxies.mergeBases.get(ref).entries()).map(_ref => {
-            var [mergeProperty, mergeBase] = _ref;
-            return [mergeProperty, propertyMergeAll(mergeBase, templateProperties !== null && templateProperties !== void 0 ? templateProperties : {})];
-          }).filter(item => item[1] !== undefined)));
-        }
-      }
-
-      // Use an approach like template-literal's quasis:
-      // `quasi0${0}quais1${1}quasi2...`
-      // Every quasi (indexed by `refPosition`) can be slotted with multiple bricks.
-      var quasisMap = new Map();
-      if (reversedProxies.slots.has(ref)) {
-        for (var item of reversedProxies.slots.get(ref)) {
-          var _item$refPosition, _externalSlots$item$$, _externalSlots$item$$2;
-          if (!quasisMap.has(item.refSlot)) {
-            var quasis = [];
-            // The size of quasis should be the existed slotted bricks' size plus one.
-            var size = brickUtils.hasOwnProperty(slots, item.refSlot) ? slots[item.refSlot].bricks.length + 1 : 1;
-            for (var i = 0; i < size; i += 1) {
-              quasis.push([]);
-            }
-            quasisMap.set(item.refSlot, quasis);
-          }
-          var expandableSlot = quasisMap.get(item.refSlot);
-          var refPosition = (_item$refPosition = item.refPosition) !== null && _item$refPosition !== void 0 ? _item$refPosition : -1;
-          expandableSlot[_.clamp(refPosition < 0 ? expandableSlot.length + refPosition : refPosition, 0, expandableSlot.length - 1)].push(...((_externalSlots$item$$ = externalSlots === null || externalSlots === void 0 ? void 0 : (_externalSlots$item$$2 = externalSlots[item.$$reversedRef]) === null || _externalSlots$item$$2 === void 0 ? void 0 : _externalSlots$item$$2.bricks) !== null && _externalSlots$item$$ !== void 0 ? _externalSlots$item$$ : []));
-        }
-      }
-      var _loop = function (slotName, _quasis) {
-        if (!brickUtils.hasOwnProperty(slots, slotName)) {
-          slots[slotName] = {
-            type: "bricks",
-            bricks: []
-          };
-        }
-        var slotConf = slots[slotName];
-        slotConf.bricks = _quasis.flatMap((bricks, index) => index < slotConf.bricks.length ? bricks.concat(slotConf.bricks[index]) : bricks);
-        if (slotConf.bricks.length === 0) {
-          delete slots[slotName];
-        }
-      };
-      for (var [slotName, _quasis] of quasisMap.entries()) {
-        _loop(slotName, _quasis);
-      }
-    }
-    return {
-      [symbolForComputedPropsFromProxy]: computedPropsFromProxy,
-      [symbolForRefForProxy]: refForProxy,
-      [symbolForTplContextId]: templateContextId
-    };
-  }
-
-  var _excluded$4 = ["properties", "slots"];
-  function setupUseBrickInTemplate(props, proxyContext) {
-    function walk(props) {
-      if (!brickUtils.isObject(props)) {
-        return props;
-      }
-      if (Array.isArray(props)) {
-        return props.map(walk);
-      }
-      return Object.fromEntries(Object.entries(props).map(_ref => {
-        var [key, value] = _ref;
-        return brickUtils.isObject(value) && key === "useBrick" ? Array.isArray(value) ? [key, value.map(setup)] : [key, setup(value)] : [key, walk(value)];
-      }).concat(Object.getOwnPropertySymbols(props).map(k => [k, props[k]])));
-    }
-    function setup(item) {
-      var {
-          properties,
-          slots: originalSlots
-        } = item,
-        restConf = _objectWithoutProperties__default["default"](item, _excluded$4);
-      var slots = Object.fromEntries(Object.entries(originalSlots !== null && originalSlots !== void 0 ? originalSlots : {}).map(_ref2 => {
-        var _slotConf$bricks;
-        var [slotName, slotConf] = _ref2;
-        return [slotName, {
-          type: "bricks",
-          bricks: ((_slotConf$bricks = slotConf.bricks) !== null && _slotConf$bricks !== void 0 ? _slotConf$bricks : []).map(setup)
-        }];
-      }));
-      return _objectSpread__default["default"](_objectSpread__default["default"]({}, restConf), {}, {
-        properties: walk(properties),
-        slots
-      }, setupTemplateProxy(proxyContext, restConf.ref, slots));
-    }
-    return walk(props);
-  }
-
   var _excluded$3 = ["properties", "slots"],
     _excluded2 = ["ref", "slots"];
   function expandCustomTemplate(brickConf, proxyBrick, context) {
@@ -8313,6 +8579,7 @@
               pendingTask: Promise.resolve()
             };
           } else {
+            var _eager$v3Bricks;
             // 先加载模板
             var templateDeps = brickUtils.getTemplateDepsOfStoryboard(storyboard, templatePackages);
             yield loadScriptOfBricksOrTemplates(templateDeps);
@@ -8321,6 +8588,8 @@
               dll,
               deps,
               bricks,
+              v3Bricks,
+              v3Processors,
               eager
             } = brickUtils.getDllAndDepsOfStoryboard(yield brickUtils.asyncProcessStoryboard(storyboard, brickTemplateRegistry, templatePackages), brickPackages, {
               ignoreBricksInUnusedCustomTemplates: true
@@ -8328,10 +8597,15 @@
             // 需要先阻塞加载 Custom Processors 和 widgets。
             yield loadScriptOfDll(eager.dll);
             yield loadScriptOfBricksOrTemplates(eager.deps);
+            if ((_eager$v3Bricks = eager.v3Bricks) !== null && _eager$v3Bricks !== void 0 && _eager$v3Bricks.length) {
+              yield loadBricksImperatively(eager.v3Bricks, brickPackages);
+            }
             // 加载构件资源时，不再阻塞后续业务数据的加载，在挂载构件时再等待该任务完成。
             // 挂载构件可能包括：Provider 构件实时挂载、路由准备完成后的统一挂载等。
             return {
-              pendingTask: loadScriptOfDll(dll).then(() => loadScriptOfBricksOrTemplates(deps)).then(() => loadLazyBricks(bricks))
+              pendingTask: loadScriptOfDll(dll).then(() => loadScriptOfBricksOrTemplates(deps)).then( /*#__PURE__*/_asyncToGenerator__default["default"](function* () {
+                yield Promise.all([loadLazyBricks(bricks), (v3Bricks === null || v3Bricks === void 0 ? void 0 : v3Bricks.length) && loadBricksImperatively(v3Bricks, brickPackages), (v3Processors === null || v3Processors === void 0 ? void 0 : v3Processors.length) && loadProcessorsImperatively(v3Processors, brickPackages)]);
+              }))
             };
           }
         });
@@ -8340,28 +8614,33 @@
         };
       }());
       _defineProperty__default["default"](this, "_loadDynamicBricks", /*#__PURE__*/function () {
-        var _ref2 = _asyncToGenerator__default["default"](function* (bricks, processors) {
+        var _ref3 = _asyncToGenerator__default["default"](function* (bricks, processors) {
           var filteredBricks = bricks.filter(
           // Only try to load undefined custom elements.
           item => !customElements.get(item));
+          var {
+            brickPackages
+          } = _this.bootstrapData;
           // Try to load deps for dynamic added bricks.
           var {
             dll,
-            deps
+            deps,
+            v3Bricks,
+            v3Processors
           } = brickUtils.getDllAndDepsByResource({
             bricks: filteredBricks,
             processors
           }, _this.bootstrapData.brickPackages);
           yield loadScriptOfDll(dll);
           yield loadScriptOfBricksOrTemplates(deps);
-          yield loadLazyBricks(filteredBricks);
+          yield Promise.all([loadLazyBricks(filteredBricks), (v3Bricks === null || v3Bricks === void 0 ? void 0 : v3Bricks.length) && loadBricksImperatively(v3Bricks, brickPackages), (v3Processors === null || v3Processors === void 0 ? void 0 : v3Processors.length) && loadProcessorsImperatively(v3Processors, brickPackages)]);
         });
         return function (_x2, _x3) {
-          return _ref2.apply(this, arguments);
+          return _ref3.apply(this, arguments);
         };
       }());
       _defineProperty__default["default"](this, "_loadEditorBricks", /*#__PURE__*/function () {
-        var _ref3 = _asyncToGenerator__default["default"](function* (editorBricks) {
+        var _ref4 = _asyncToGenerator__default["default"](function* (editorBricks) {
           var {
             dll,
             deps
@@ -8374,7 +8653,7 @@
           yield loadScriptOfBricksOrTemplates(deps);
         });
         return function (_x4) {
-          return _ref3.apply(this, arguments);
+          return _ref4.apply(this, arguments);
         };
       }());
     }
@@ -8558,8 +8837,8 @@
         // Prefix to avoid conflict between brick package's i18n namespace.
         var i18nNamespace = getI18nNamespace("app", storyboard.app.id);
         // Support any language in `meta.i18n`.
-        Object.entries(storyboard.meta.i18n).forEach(_ref4 => {
-          var [lang, resources] = _ref4;
+        Object.entries(storyboard.meta.i18n).forEach(_ref5 => {
+          var [lang, resources] = _ref5;
           i18next__default["default"].addResourceBundle(lang, i18nNamespace, resources);
         });
       }
@@ -8981,8 +9260,8 @@
           });
         });
         if (!filterMenus.length) {
-          var _ref5, _yield$InstanceApi_po;
-          filterMenus = (_ref5 = (_yield$InstanceApi_po = yield InstanceApi_postSearch("STANDALONE_MENU@EASYOPS", {
+          var _ref6, _yield$InstanceApi_po;
+          filterMenus = (_ref6 = (_yield$InstanceApi_po = yield InstanceApi_postSearch("STANDALONE_MENU@EASYOPS", {
             page: 1,
             page_size: 200,
             fields: {
@@ -9011,7 +9290,7 @@
                 $eq: true
               }
             }
-          })) === null || _yield$InstanceApi_po === void 0 ? void 0 : _yield$InstanceApi_po.list) !== null && _ref5 !== void 0 ? _ref5 : [];
+          })) === null || _yield$InstanceApi_po === void 0 ? void 0 : _yield$InstanceApi_po.list) !== null && _ref6 !== void 0 ? _ref6 : [];
         }
         return filterMenus;
       })();