@next-core/brick-kit 2.166.0 → 2.167.0

package/dist/index.esm.js

@@ -3,8 +3,8 @@ import _objectSpread from '@babel/runtime/helpers/objectSpread2';
 import _objectWithoutProperties from '@babel/runtime/helpers/objectWithoutProperties';
 import _defineProperty$1 from '@babel/runtime/helpers/defineProperty';
 import _asyncToGenerator$3 from '@babel/runtime/helpers/asyncToGenerator';
-import _, { set, get, difference, identity, uniqueId, cloneDeep, isNil, isEmpty, merge, sortBy, orderBy, isObject as isObject$1, clamp, uniq, pick, omit, findLastIndex, noop, isString as isString$1 } from 'lodash';
-import { JsonStorage, toPath, computeRealRoutePath, hasOwnProperty, isObject, isEvaluable, transformAndInject, transform, trackContext, trackState, trackFormState, scanPermissionActionsInStoryboard, precookFunction, cook, collectContextUsage, deferResolveContextConcurrently, resolveContextConcurrently, syncResolveContextConcurrently, trackUsedFormState, trackUsedState, trackUsedContext, shouldAllowRecursiveEvaluations, preevaluate, inject, scanPermissionActionsInAny, deepFreeze, matchPath, asyncProcessBrick, createProviderClass, removeDeadConditionsInTpl, getTemplateDepsOfStoryboard, getDllAndDepsOfStoryboard, asyncProcessStoryboard, getDllAndDepsByResource, scanRouteAliasInStoryboard, prefetchScript, scanBricksInBrickConf, scanProcessorsInAny, loadScript, scanAppGetMenuInAny, scanInstalledAppsInStoryboard, removeDeadConditions, restoreDynamicTemplates, scanStoryboard, mapCustomApisToNameAndNamespace } from '@next-core/brick-utils';
+import _, { set, get, difference, identity, uniqueId, cloneDeep, clamp, isNil, isEmpty, merge, sortBy, orderBy, isObject as isObject$1, uniq, pick, omit, findLastIndex, noop, isString as isString$1 } from 'lodash';
+import { JsonStorage, toPath, computeRealRoutePath, hasOwnProperty, isObject, isEvaluable, transformAndInject, transform, trackContext, trackState, trackFormState, scanPermissionActionsInStoryboard, precookFunction, cook, collectContextUsage, deferResolveContextConcurrently, resolveContextConcurrently, syncResolveContextConcurrently, trackUsedFormState, trackUsedState, trackUsedContext, shouldAllowRecursiveEvaluations, preevaluate, inject, scanPermissionActionsInAny, deepFreeze, matchPath, asyncProcessBrick, createProviderClass, removeDeadConditionsInTpl, getTemplateDepsOfStoryboard, getDllAndDepsOfStoryboard, asyncProcessStoryboard, getDllAndDepsByResource, scanRouteAliasInStoryboard, prefetchScript, scanBricksInBrickConf, scanProcessorsInAny, loadScript as loadScript$1, scanAppGetMenuInAny, scanInstalledAppsInStoryboard, removeDeadConditions, restoreDynamicTemplates, scanStoryboard, mapCustomApisToNameAndNamespace } from '@next-core/brick-utils';
 import React, { useState, useEffect, useRef, useMemo, useCallback, forwardRef, useImperativeHandle, useContext, createContext, useReducer } from 'react';
 import { http, HttpResponseError, HttpAbortError, HttpFetchError } from '@next-core/brick-http';
 import { Modal, message, Empty, ConfigProvider } from 'antd';
@@ -2431,6 +2431,229 @@ function evaluate(raw) {
   }
 }
 
+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 _, _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 = (_ = (_proxy$mergeArgs = proxy.mergeArgs) === null || _proxy$mergeArgs === void 0 ? void 0 : _proxy$mergeArgs[0]) !== null && _ !== void 0 ? _ : -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 = isObject(baseValue) ? computeRealValue(baseValue, context, true) : {};
+  return proxies.reduce((acc, proxy) => {
+    switch (proxy.mergeMethod) {
+      case "extend":
+        return _objectSpread(_objectSpread({}, 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 = 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 (!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 (!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 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(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(_objectSpread({}, 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") {
@@ -2482,6 +2705,11 @@ var computeRealValue = (value, context, injectDeep, internalOptions) => {
 };
 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];
   }
@@ -2549,7 +2777,7 @@ function getNextInternalOptions(internalOptions, isArray, key) {
   }) : internalOptions;
 }
 
-var _excluded$7 = ["children"],
+var _excluded$6 = ["children"],
   _excluded2$2 = ["children"],
   _excluded3 = ["items", "app"];
 var symbolAppId = Symbol("appId");
@@ -2812,7 +3040,7 @@ function collectAppsRequireI18nFulfilled(items, contextAppId, appIds) {
       var {
           children
         } = _ref,
-        rest = _objectWithoutProperties(_ref, _excluded$7);
+        rest = _objectWithoutProperties(_ref, _excluded$6);
       var overrideAppId = rest[symbolAppId];
       if (!rest[symbolMenuI18nNamespace] && overrideAppId !== contextAppId && !appIds.has(overrideAppId) && attemptToVisit(rest, ["I18N"])) {
         appIds.add(overrideAppId);
@@ -3434,7 +3662,7 @@ function _internalApiLoadDynamicBricksInBrickConf(brickConf) {
   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);
@@ -3464,7 +3692,7 @@ function historyExtended(browserHistory) {
           clear,
           keepHash
         } = options,
-        state = _objectWithoutProperties(options, _excluded$6);
+        state = _objectWithoutProperties(options, _excluded$5);
       var urlSearchParams = new URLSearchParams(clear ? "" : browserHistory.location.search);
       var params = {};
       Object.assign(params, query, extraQuery);
@@ -6324,41 +6552,302 @@ var UserAdminApi_searchAllUsersInfo = /*#__PURE__*/function () {
   };
 }();
 
-/**
- * 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 = 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.addResourceBundle(lang, ns, resources);
-          });
-          // Use `app.name` as the fallback `app.localeName`.
-          app.localeName = i18next.getFixedT(null, ns)("name", app.name);
-          // Remove the temporary i18n resource bundles.
-          Object.keys(app.locales).forEach(lang => {
-            i18next.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 = deepFreeze(bootstrapResponse.settings);
+  var fixedSrc = prefix ? "".concat(prefix).concat(src) : src;
+  var cachedPromise = cache$1.get(fixedSrc);
+  if (cachedPromise) {
+    return cachedPromise;
   }
-  bootstrapResponse.brickPackages = 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$3(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$3(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$3(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$3(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$3(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$3(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$3(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 = 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.addResourceBundle(lang, ns, resources);
+          });
+          // Use `app.name` as the fallback `app.localeName`.
+          app.localeName = i18next.getFixedT(null, ns)("name", app.name);
+          // Remove the temporary i18n resource bundles.
+          Object.keys(app.locales).forEach(lang => {
+            i18next.removeResourceBundle(lang, ns);
+          });
+        })();
+      } else {
+        app.localeName = app.name;
+      }
+    }
+  }
+  if (bootstrapResponse.settings) {
+    bootstrapResponse.settings = deepFreeze(bootstrapResponse.settings);
+  }
+  bootstrapResponse.brickPackages = deepFreeze(bootstrapResponse.brickPackages);
   bootstrapResponse.templatePackages = deepFreeze(bootstrapResponse.templatePackages);
 }
 
@@ -6535,7 +7024,7 @@ var RuntimeApi_searchMicroAppStandalone = /*#__PURE__*/function () {
   };
 }();
 
-var _excluded$5 = ["feature_flags"],
+var _excluded$4 = ["feature_flags"],
   _excluded2$1 = ["featureFlags", "misc"];
 function standaloneBootstrap() {
   return _standaloneBootstrap.apply(this, arguments);
@@ -6581,7 +7070,7 @@ function _standaloneBootstrap() {
         var {
             feature_flags: featureFlags
           } = sys_settings,
-          rest = _objectWithoutProperties(sys_settings, _excluded$5);
+          rest = _objectWithoutProperties(sys_settings, _excluded$4);
         settings = _objectSpread({
           featureFlags
         }, rest);
@@ -7539,28 +8028,6 @@ var formRenderer = "form-renderer.form-renderer";
 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);
@@ -7616,207 +8083,6 @@ function collectMergeBases(conf, mergeBases, contextInTemplate, refToBrickConf)
   }
 }
 
-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 _, _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 = (_ = (_proxy$mergeArgs = proxy.mergeArgs) === null || _proxy$mergeArgs === void 0 ? void 0 : _proxy$mergeArgs[0]) !== null && _ !== void 0 ? _ : -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 = isObject(baseValue) ? computeRealValue(baseValue, context, true) : {};
-  return proxies.reduce((acc, proxy) => {
-    switch (proxy.mergeMethod) {
-      case "extend":
-        return _objectSpread(_objectSpread({}, 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 = 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 (!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 (!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 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(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(_objectSpread({}, 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) {
@@ -8314,6 +8580,7 @@ class Kernel {
             pendingTask: Promise.resolve()
           };
         } else {
+          var _eager$v3Bricks;
           // 先加载模板
           var templateDeps = getTemplateDepsOfStoryboard(storyboard, templatePackages);
           yield loadScriptOfBricksOrTemplates(templateDeps);
@@ -8322,6 +8589,8 @@ class Kernel {
             dll,
             deps,
             bricks,
+            v3Bricks,
+            v3Processors,
             eager
           } = getDllAndDepsOfStoryboard(yield asyncProcessStoryboard(storyboard, brickTemplateRegistry, templatePackages), brickPackages, {
             ignoreBricksInUnusedCustomTemplates: true
@@ -8329,10 +8598,15 @@ class Kernel {
           // 需要先阻塞加载 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$3(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)]);
+            }))
           };
         }
       });
@@ -8341,28 +8615,33 @@ class Kernel {
       };
     }());
     _defineProperty$1(this, "_loadDynamicBricks", /*#__PURE__*/function () {
-      var _ref2 = _asyncToGenerator$3(function* (bricks, processors) {
+      var _ref3 = _asyncToGenerator$3(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
         } = 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$1(this, "_loadEditorBricks", /*#__PURE__*/function () {
-      var _ref3 = _asyncToGenerator$3(function* (editorBricks) {
+      var _ref4 = _asyncToGenerator$3(function* (editorBricks) {
         var {
           dll,
           deps
@@ -8375,7 +8654,7 @@ class Kernel {
         yield loadScriptOfBricksOrTemplates(deps);
       });
       return function (_x4) {
-        return _ref3.apply(this, arguments);
+        return _ref4.apply(this, arguments);
       };
     }());
   }
@@ -8559,8 +8838,8 @@ class Kernel {
       // 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.addResourceBundle(lang, i18nNamespace, resources);
       });
     }
@@ -8982,8 +9261,8 @@ class Kernel {
         });
       });
       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: {
@@ -9012,7 +9291,7 @@ class Kernel {
               $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;
     })();
@@ -9055,15 +9334,15 @@ function _loadScriptOfDll() {
   _loadScriptOfDll = _asyncToGenerator$3(function* (dlls) {
     if (dlls.some(dll => dll.startsWith("dll-of-editor-bricks-helper."))) {
       var dllPath = window.DLL_PATH || {};
-      yield loadScript(dllPath["react-dnd"], window.CORE_ROOT);
+      yield loadScript$1(dllPath["react-dnd"], window.CORE_ROOT);
     }
     // `loadScript` is auto cached, no need to filter out `react-dnd`.
-    yield loadScript(dlls, window.CORE_ROOT);
+    yield loadScript$1(dlls, window.CORE_ROOT);
   });
   return _loadScriptOfDll.apply(this, arguments);
 }
 function loadScriptOfBricksOrTemplates(src) {
-  return loadScript(src, window.PUBLIC_ROOT);
+  return loadScript$1(src, window.PUBLIC_ROOT);
 }
 function generateColorTheme(theme) {
   if (!theme) {