npm - @next-core/brick-kit - Versions diffs - 2.73.0 → 2.74.1 - Mend

@next-core/brick-kit 2.73.0 → 2.74.1

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.

Files changed (14) hide show

package/CHANGELOG.md +25 -63
package/dist/index.bundle.js +374 -328
package/dist/index.bundle.js.map +1 -1
package/dist/index.esm.js +77 -29
package/dist/index.esm.js.map +1 -1
package/dist/types/core/Kernel.d.ts +6 -0
package/dist/types/core/Kernel.d.ts.map +1 -1
package/dist/types/core/LocationContext.d.ts +2 -2
package/dist/types/core/LocationContext.d.ts.map +1 -1
package/dist/types/core/Router.d.ts.map +1 -1
package/dist/types/core/StoryboardFunctionRegistryFactory.d.ts +1 -0
package/dist/types/core/StoryboardFunctionRegistryFactory.d.ts.map +1 -1
package/dist/types/internal/menu.d.ts.map +1 -1
package/package.json +11 -11

package/dist/index.bundle.js CHANGED Viewed

@@ -1,8 +1,8 @@
 (function (global, factory) {
-  typeof exports === 'object' && typeof module !== 'undefined' ? factory(exports, require('history'), require('@babel/runtime/helpers/objectSpread2'), require('@babel/runtime/helpers/objectWithoutProperties'), require('@babel/runtime/helpers/defineProperty'), require('@babel/runtime/helpers/asyncToGenerator'), require('antd'), require('@next-core/brick-utils'), require('react'), require('@next-core/brick-http'), require('@ant-design/icons'), require('i18next'), require('lodash'), require('moment'), require('@next-core/pipes'), require('js-yaml'), require('@next-core/easyops-analytics'), require('path'), require('react-i18next'), require('@babel/runtime/helpers/esm/extends'), require('@next-core/illustrations'), require('@babel/runtime/helpers/decorate')) :
-  typeof define === 'function' && define.amd ? define(['exports', 'history', '@babel/runtime/helpers/objectSpread2', '@babel/runtime/helpers/objectWithoutProperties', '@babel/runtime/helpers/defineProperty', '@babel/runtime/helpers/asyncToGenerator', 'antd', '@next-core/brick-utils', 'react', '@next-core/brick-http', '@ant-design/icons', 'i18next', 'lodash', 'moment', '@next-core/pipes', 'js-yaml', '@next-core/easyops-analytics', 'path', 'react-i18next', '@babel/runtime/helpers/esm/extends', '@next-core/illustrations', '@babel/runtime/helpers/decorate'], factory) :
-  (global = typeof globalThis !== 'undefined' ? globalThis : global || self, factory(global.BrickKit = {}, global.history$1, global._objectSpread, global._objectWithoutProperties, global._defineProperty$2, global._asyncToGenerator$4, global.antd, global.brickUtils, global.React, global.brickHttp, global.icons, global.i18next, global.lodash, global.moment, global.pipes, global.yaml, global.easyopsAnalytics, global.require$$0, global.reactI18next, global._extends$2, global.illustrations, global._decorate));
-}(this, (function (exports, history$1, _objectSpread, _objectWithoutProperties, _defineProperty$2, _asyncToGenerator$4, antd, brickUtils, React, brickHttp, icons, i18next, lodash, moment, pipes, yaml, easyopsAnalytics, require$$0, reactI18next, _extends$2, illustrations, _decorate) { 'use strict';
+  typeof exports === 'object' && typeof module !== 'undefined' ? factory(exports, require('history'), require('@babel/runtime/helpers/objectSpread2'), require('@babel/runtime/helpers/objectWithoutProperties'), require('@babel/runtime/helpers/defineProperty'), require('@babel/runtime/helpers/asyncToGenerator'), require('antd'), require('@next-core/brick-utils'), require('react'), require('@next-core/brick-http'), require('@ant-design/icons'), require('i18next'), require('lodash'), require('moment'), require('@next-core/pipes'), require('js-yaml'), require('@next-core/easyops-analytics'), require('react-i18next'), require('@babel/runtime/helpers/esm/extends'), require('@next-core/illustrations'), require('@babel/runtime/helpers/decorate')) :
+  typeof define === 'function' && define.amd ? define(['exports', 'history', '@babel/runtime/helpers/objectSpread2', '@babel/runtime/helpers/objectWithoutProperties', '@babel/runtime/helpers/defineProperty', '@babel/runtime/helpers/asyncToGenerator', 'antd', '@next-core/brick-utils', 'react', '@next-core/brick-http', '@ant-design/icons', 'i18next', 'lodash', 'moment', '@next-core/pipes', 'js-yaml', '@next-core/easyops-analytics', 'react-i18next', '@babel/runtime/helpers/esm/extends', '@next-core/illustrations', '@babel/runtime/helpers/decorate'], factory) :
+  (global = typeof globalThis !== 'undefined' ? globalThis : global || self, factory(global.BrickKit = {}, global.history$1, global._objectSpread, global._objectWithoutProperties, global._defineProperty$2, global._asyncToGenerator$4, global.antd, global.brickUtils, global.React, global.brickHttp, global.icons, global.i18next, global.lodash, global.moment, global.pipes, global.yaml, global.easyopsAnalytics, global.reactI18next, global._extends$2, global.illustrations, global._decorate));
+})(this, (function (exports, history$1, _objectSpread, _objectWithoutProperties, _defineProperty$2, _asyncToGenerator$4, antd, brickUtils, React, brickHttp, icons, i18next, lodash, moment, pipes, yaml, easyopsAnalytics, reactI18next, _extends$2, illustrations, _decorate) { 'use strict';
   function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }
@@ -15,14 +15,12 @@
           var d = Object.getOwnPropertyDescriptor(e, k);
           Object.defineProperty(n, k, d.get ? d : {
             enumerable: true,
-            get: function () {
-              return e[k];
-            }
+            get: function () { return e[k]; }
           });
         }
       });
     }
-    n['default'] = e;
+    n["default"] = e;
     return Object.freeze(n);
   }
@@ -36,15 +34,14 @@
   var lodash__default = /*#__PURE__*/_interopDefaultLegacy(lodash);
   var moment__default = /*#__PURE__*/_interopDefaultLegacy(moment);
   var yaml__default = /*#__PURE__*/_interopDefaultLegacy(yaml);
-  var require$$0__default = /*#__PURE__*/_interopDefaultLegacy(require$$0);
   var _extends__default = /*#__PURE__*/_interopDefaultLegacy(_extends$2);
   var _decorate__default = /*#__PURE__*/_interopDefaultLegacy(_decorate);
   class BaseBar {
     constructor(kernel, mountPoint) {
-      _defineProperty__default['default'](this, "element", void 0);
+      _defineProperty__default["default"](this, "element", void 0);
-      _defineProperty__default['default'](this, "brick", void 0);
+      _defineProperty__default["default"](this, "brick", void 0);
       this.kernel = kernel;
       this.mountPoint = mountPoint;
@@ -59,7 +56,7 @@
     bootstrap(brick, options) {
       var _this = this;
-      return _asyncToGenerator__default['default'](function* () {
+      return _asyncToGenerator__default["default"](function* () {
         // Ignore if the brick is not changed.
         if (_this.brick === brick) {
           return;
@@ -231,7 +228,7 @@
           clear,
           keepHash
         } = options,
-            state = _objectWithoutProperties__default['default'](options, _excluded$3);
+            state = _objectWithoutProperties__default["default"](options, _excluded$3);
         var urlSearchParams = new URLSearchParams(clear ? "" : browserHistory.location.search);
         var params = {};
@@ -257,10 +254,10 @@
     function updateAnchorFactory(method) {
       return function updateAnchor(hash, state) {
-        browserHistory[method](_objectSpread__default['default'](_objectSpread__default['default']({}, browserHistory.location), {}, {
+        browserHistory[method](_objectSpread__default["default"](_objectSpread__default["default"]({}, browserHistory.location), {}, {
           key: undefined,
           hash,
-          state: _objectSpread__default['default']({
+          state: _objectSpread__default["default"]({
             // The default notify is false
             notify: false
           }, state)
@@ -269,8 +266,8 @@
     }
     function reload() {
-      browserHistory.replace(_objectSpread__default['default'](_objectSpread__default['default']({}, browserHistory.location), {}, {
-        state: _objectSpread__default['default'](_objectSpread__default['default']({}, browserHistory.location.state), {}, {
+      browserHistory.replace(_objectSpread__default["default"](_objectSpread__default["default"]({}, browserHistory.location), {}, {
+        state: _objectSpread__default["default"](_objectSpread__default["default"]({}, browserHistory.location.state), {}, {
           // Always notify
           notify: true
         })
@@ -355,7 +352,7 @@
     }
     if (error instanceof brickHttp.HttpFetchError) {
-      return i18next__default['default'].t("".concat(NS_BRICK_KIT, ":").concat(K.NETWORK_ERROR));
+      return i18next__default["default"].t("".concat(NS_BRICK_KIT, ":").concat(K.NETWORK_ERROR));
     }
     if (error instanceof brickHttp.HttpResponseError) {
@@ -386,15 +383,15 @@
       }
       unauthenticatedConfirmModal = antd.Modal.confirm({
-        icon: /*#__PURE__*/React__default['default'].createElement(icons.ExclamationCircleOutlined, null),
-        content: /*#__PURE__*/React__default['default'].createElement(LoginTimeoutMessage, null),
-        okText: i18next__default['default'].t("".concat(NS_BRICK_KIT, ":").concat(K.MODAL_OK)),
-        cancelText: i18next__default['default'].t("".concat(NS_BRICK_KIT, ":").concat(K.MODAL_CANCEL)),
+        icon: /*#__PURE__*/React__default["default"].createElement(icons.ExclamationCircleOutlined, null),
+        content: /*#__PURE__*/React__default["default"].createElement(LoginTimeoutMessage, null),
+        okText: i18next__default["default"].t("".concat(NS_BRICK_KIT, ":").concat(K.MODAL_OK)),
+        cancelText: i18next__default["default"].t("".concat(NS_BRICK_KIT, ":").concat(K.MODAL_CANCEL)),
         onOk: () => {
           var ssoEnabled = getRuntime().getFeatureFlags()["sso-enabled"];
           var history = getHistory();
           history.push(ssoEnabled ? "/sso-auth/login" : "/auth/login", {
-            from: _objectSpread__default['default'](_objectSpread__default['default']({}, history.location), {}, {
+            from: _objectSpread__default["default"](_objectSpread__default["default"]({}, history.location), {}, {
               state: undefined
             })
           });
@@ -404,27 +401,27 @@
     }
     return antd.Modal.error({
-      title: i18next__default['default'].t("".concat(NS_BRICK_KIT, ":").concat(K.REQUEST_FAILED)),
-      content: /*#__PURE__*/React__default['default'].createElement("div", {
+      title: i18next__default["default"].t("".concat(NS_BRICK_KIT, ":").concat(K.REQUEST_FAILED)),
+      content: /*#__PURE__*/React__default["default"].createElement("div", {
         style: {
           whiteSpace: "pre-wrap"
         }
       }, httpErrorToString(error)),
-      okText: i18next__default['default'].t("".concat(NS_BRICK_KIT, ":").concat(K.MODAL_OK))
+      okText: i18next__default["default"].t("".concat(NS_BRICK_KIT, ":").concat(K.MODAL_OK))
     });
   }
   function LoginTimeoutMessage() {
-    React__default['default'].useEffect(() => {
+    React__default["default"].useEffect(() => {
       // Unset confirm modal when it's destroyed.
       return () => {
         unauthenticatedConfirmModal = undefined;
       };
     }, []);
-    return /*#__PURE__*/React__default['default'].createElement("div", null, i18next__default['default'].t("".concat(NS_BRICK_KIT, ":").concat(K.LOGIN_TIMEOUT_MESSAGE)));
+    return /*#__PURE__*/React__default["default"].createElement("div", null, i18next__default["default"].t("".concat(NS_BRICK_KIT, ":").concat(K.LOGIN_TIMEOUT_MESSAGE)));
   }
   function supply(attemptToVisitGlobals, providedGlobalVariables) {
-    var globalVariables = _objectSpread__default['default']({}, providedGlobalVariables); // Allow limited browser builtin values.
+    var globalVariables = _objectSpread__default["default"]({}, providedGlobalVariables); // Allow limited browser builtin values.
     globalVariables["undefined"] = undefined;
@@ -466,10 +463,10 @@
         return delegateMethods(Object, ["entries", "fromEntries", "keys", "values"]);
       case "_":
-        return Object.fromEntries(Object.entries(lodash__default['default']).filter(entry => !shouldOmitInLodash.has(entry[0])));
+        return Object.fromEntries(Object.entries(lodash__default["default"]).filter(entry => !shouldOmitInLodash.has(entry[0])));
       case "moment":
-        return Object.assign((...args) => moment__default['default'](...args), Object.fromEntries(Object.entries(moment__default['default']).filter(entry => !shouldOmitInMoment.has(entry[0]))));
+        return Object.assign((...args) => moment__default["default"](...args), Object.fromEntries(Object.entries(moment__default["default"]).filter(entry => !shouldOmitInMoment.has(entry[0]))));
       case "PIPES":
         return pipes.pipes;
@@ -1231,7 +1228,7 @@
   function getNextDoTransformOptions(options, isArray, key) {
     var _options$$$stateOfUse;
-    return options ? _objectSpread__default['default'](_objectSpread__default['default']({}, options), {}, {
+    return options ? _objectSpread__default["default"](_objectSpread__default["default"]({}, options), {}, {
       // Collect tracking context in first level only.
       trackingContextList: undefined,
       $$stateOfUseBrick: options.$$lazyForUseBrick ? getNextStateOfUseBrick((_options$$$stateOfUse = options.$$stateOfUseBrick) !== null && _options$$$stateOfUse !== void 0 ? _options$$$stateOfUse : StateOfUseBrick.INITIAL, isArray, key) : undefined
@@ -1364,11 +1361,20 @@
   }
   function _constructMenu() {
-    _constructMenu = _asyncToGenerator__default['default'](function* (menuBar, context, kernel) {
+    _constructMenu = _asyncToGenerator__default["default"](function* (menuBar, context, kernel) {
       var hasSubMenu = !!menuBar.subMenuId;
       if (menuBar.menuId) {
-        menuBar.menu = yield processMenu(menuBar.menuId, context, kernel, hasSubMenu);
+        var _menuBar$menu;
+        var defaultCollapsed = (_menuBar$menu = menuBar.menu) === null || _menuBar$menu === void 0 ? void 0 : _menuBar$menu.defaultCollapsed;
+        var menu = yield processMenu(menuBar.menuId, context, kernel, hasSubMenu);
+        if (!lodash.isNil(defaultCollapsed)) {
+          menu.defaultCollapsed = defaultCollapsed;
+        }
+        menuBar.menu = menu;
       }
       if (hasSubMenu) {
@@ -1385,7 +1391,7 @@
   }
   function _fetchMenuById() {
-    _fetchMenuById = _asyncToGenerator__default['default'](function* (menuId) {
+    _fetchMenuById = _asyncToGenerator__default["default"](function* (menuId) {
       if (menuCache.has(menuId)) {
         return menuCache.get(menuId);
       }
@@ -1463,7 +1469,7 @@
       }
     }
-    return _objectSpread__default['default'](_objectSpread__default['default']({}, mainMenu), {}, {
+    return _objectSpread__default["default"](_objectSpread__default["default"]({}, mainMenu), {}, {
       items: validMenuList.flatMap(menu => processGroupInject(menu.items, menu, injectWithMenus))
     });
   }
@@ -1479,7 +1485,7 @@
         injectWithMenus.delete(item.groupId);
       }
-      return _objectSpread__default['default'](_objectSpread__default['default']({}, item), {}, {
+      return _objectSpread__default["default"](_objectSpread__default["default"]({}, item), {}, {
         children: ((_processGroupInject = processGroupInject(item.children, menu, injectWithMenus)) !== null && _processGroupInject !== void 0 ? _processGroupInject : []).concat(foundInjectingMenus ? foundInjectingMenus.flatMap(injectingMenu => processGroupInject(injectingMenu.items, injectingMenu, injectWithMenus)) : []),
         [symbolAppId]: menu.app[0].appId
       });
@@ -1491,10 +1497,10 @@
   }
   function _loadDynamicMenuItems() {
-    _loadDynamicMenuItems = _asyncToGenerator__default['default'](function* (menu) {
+    _loadDynamicMenuItems = _asyncToGenerator__default["default"](function* (menu) {
       if (menu.dynamicItems && menu.itemsResolve) {
         var itemsConf = {};
-        yield _internalApiGetResolver().resolveOne("reference", _objectSpread__default['default']({
+        yield _internalApiGetResolver().resolveOne("reference", _objectSpread__default["default"]({
           transform: "items",
           transformMapArray: false
         }, menu.itemsResolve), itemsConf, null, _internalApiGetCurrentContext());
@@ -1509,15 +1515,15 @@
   }
   function _processMenu() {
-    _processMenu = _asyncToGenerator__default['default'](function* (menuId, context, kernel, hasSubMenu) {
+    _processMenu = _asyncToGenerator__default["default"](function* (menuId, context, kernel, hasSubMenu) {
       var _yield$fetchMenuById = yield fetchMenuById(menuId),
           {
         items,
         app
       } = _yield$fetchMenuById,
-          restMenuData = _objectWithoutProperties__default['default'](_yield$fetchMenuById, _excluded2$1);
+          restMenuData = _objectWithoutProperties__default["default"](_yield$fetchMenuById, _excluded2$1);
-      var menuData = _objectSpread__default['default'](_objectSpread__default['default']({}, yield computeRealValueWithOverrideApp(restMenuData, app[0].appId, context, kernel)), {}, {
+      var menuData = _objectSpread__default["default"](_objectSpread__default["default"]({}, yield computeRealValueWithOverrideApp(restMenuData, app[0].appId, context, kernel)), {}, {
         items: yield computeMenuItemsWithOverrideApp(items, context, kernel)
       });
@@ -1552,13 +1558,13 @@
   function computeMenuItemsWithOverrideApp(items, context, kernel) {
     return Promise.all(items.map( /*#__PURE__*/function () {
-      var _ref2 = _asyncToGenerator__default['default'](function* (_ref) {
+      var _ref2 = _asyncToGenerator__default["default"](function* (_ref) {
         var {
           children
         } = _ref,
-            rest = _objectWithoutProperties__default['default'](_ref, _excluded$2);
+            rest = _objectWithoutProperties__default["default"](_ref, _excluded$2);
-        return _objectSpread__default['default'](_objectSpread__default['default']({}, yield computeRealValueWithOverrideApp(rest, rest[symbolAppId], context, kernel)), {}, {
+        return _objectSpread__default["default"](_objectSpread__default["default"]({}, yield computeRealValueWithOverrideApp(rest, rest[symbolAppId], context, kernel)), {}, {
           children: children && (yield computeMenuItemsWithOverrideApp(children, context, kernel))
         });
       });
@@ -1574,7 +1580,7 @@
   }
   function _processMenuTitle() {
-    _processMenuTitle = _asyncToGenerator__default['default'](function* (menuData) {
+    _processMenuTitle = _asyncToGenerator__default["default"](function* (menuData) {
       if (menuData.title || !menuData.titleDataSource) {
         return menuData.title;
       }
@@ -1617,7 +1623,7 @@
   }
   function reorderMenuItems(menuData) {
-    menuData.items = sortMenuItems(menuData.items).map(item => _objectSpread__default['default'](_objectSpread__default['default']({}, item), {}, {
+    menuData.items = sortMenuItems(menuData.items).map(item => _objectSpread__default["default"](_objectSpread__default["default"]({}, item), {}, {
       children: sortMenuItems(item.children)
     }));
   }
@@ -1667,7 +1673,7 @@
   }
   function _computeRealValueWithOverrideApp() {
-    _computeRealValueWithOverrideApp = _asyncToGenerator__default['default'](function* (data, overrideAppId, context, kernel) {
+    _computeRealValueWithOverrideApp = _asyncToGenerator__default["default"](function* (data, overrideAppId, context, kernel) {
       var newContext = context;
       if (overrideAppId !== context.app.id && requireOverrideApp(data)) {
@@ -1675,7 +1681,7 @@
         if (storyboard) {
           yield kernel.fulfilStoryboard(storyboard);
-          newContext = _objectSpread__default['default'](_objectSpread__default['default']({}, context), {}, {
+          newContext = _objectSpread__default["default"](_objectSpread__default["default"]({}, context), {}, {
             overrideApp: storyboard.app
           });
         }
@@ -1690,7 +1696,7 @@
   var requestsMap = new WeakMap();
   function registerLazyBricks(bricks, factory) {
     var factoryWrapper = /*#__PURE__*/function () {
-      var _ref = _asyncToGenerator__default['default'](function* () {
+      var _ref = _asyncToGenerator__default["default"](function* () {
         try {
           window.dispatchEvent(new CustomEvent("request.start"));
           yield factory();
@@ -1717,7 +1723,7 @@
   }
   function _loadLazyBricks() {
-    _loadLazyBricks = _asyncToGenerator__default['default'](function* (bricks) {
+    _loadLazyBricks = _asyncToGenerator__default["default"](function* (bricks) {
       var requests = new Set();
       for (var brick of bricks) {
@@ -1774,7 +1780,7 @@
   /* istanbul ignore next */
   function _dev_only_getFakeKernel(overrides) {
-    return _objectSpread__default['default']({
+    return _objectSpread__default["default"]({
       bootstrapData: kernel.bootstrapData,
       getFeatureFlags: kernel.getFeatureFlags.bind(kernel),
       loadDynamicBricksInBrickConf: kernel.loadDynamicBricksInBrickConf.bind(kernel),
@@ -1783,23 +1789,23 @@
   }
   class Runtime {
     constructor() {
-      _defineProperty__default['default'](this, "registerBrickTemplate", registerBrickTemplate);
+      _defineProperty__default["default"](this, "registerBrickTemplate", registerBrickTemplate);
-      _defineProperty__default['default'](this, "registerCustomTemplate", registerCustomTemplate);
+      _defineProperty__default["default"](this, "registerCustomTemplate", registerCustomTemplate);
-      _defineProperty__default['default'](this, "registerCustomProcessor", registerCustomProcessor);
+      _defineProperty__default["default"](this, "registerCustomProcessor", registerCustomProcessor);
-      _defineProperty__default['default'](this, "registerLazyBricks", registerLazyBricks);
+      _defineProperty__default["default"](this, "registerLazyBricks", registerLazyBricks);
-      _defineProperty__default['default'](this, "getBasePath", getBasePath);
+      _defineProperty__default["default"](this, "getBasePath", getBasePath);
-      _defineProperty__default['default'](this, "getCurrentTheme", getCurrentTheme);
+      _defineProperty__default["default"](this, "getCurrentTheme", getCurrentTheme);
-      _defineProperty__default['default'](this, "getCurrentMode", getCurrentMode);
+      _defineProperty__default["default"](this, "getCurrentMode", getCurrentMode);
     }
     bootstrap(mountPoints) {
-      return _asyncToGenerator__default['default'](function* () {
+      return _asyncToGenerator__default["default"](function* () {
         if (kernel !== undefined) {
           throw new Error("Cannot bootstrap more than once.");
         }
@@ -2202,7 +2208,7 @@
   }
   function _preCheckPermissions() {
-    _preCheckPermissions = _asyncToGenerator__default['default'](function* (storyboard) {
+    _preCheckPermissions = _asyncToGenerator__default["default"](function* (storyboard) {
       var usedActions = brickUtils.scanPermissionActionsInStoryboard(storyboard);
       yield validatePermissions(usedActions);
     });
@@ -2220,7 +2226,7 @@
    */
   function _validatePermissions() {
-    _validatePermissions = _asyncToGenerator__default['default'](function* (usedActions) {
+    _validatePermissions = _asyncToGenerator__default["default"](function* (usedActions) {
       // Do not request known actions.
       var actions = lodash.difference(usedActions, Array.from(permissionMap.keys()));
@@ -2294,7 +2300,7 @@
       return;
     }
-    var language = (_i18next$language = i18next__default['default'].language) !== null && _i18next$language !== void 0 ? _i18next$language : "zh-CN"; // First, make a perfect match.
+    var language = (_i18next$language = i18next__default["default"].language) !== null && _i18next$language !== void 0 ? _i18next$language : "zh-CN"; // First, make a perfect match.
     if (brickUtils.hasOwnProperty(data, language)) {
       return data[language];
@@ -2350,7 +2356,7 @@
     }
     function getStoryboardFunction(name) {
-      var _collector, _collector2, _collector3;
+      var _collector, _collector2, _collector3, _collector4;
       var fn = registeredFunctions.get(name);
@@ -2384,7 +2390,8 @@
         }),
         hooks: {
           beforeEvaluate: (_collector2 = collector) === null || _collector2 === void 0 ? void 0 : _collector2.beforeEvaluate,
-          beforeBranch: (_collector3 = collector) === null || _collector3 === void 0 ? void 0 : _collector3.beforeBranch
+          beforeCall: (_collector3 = collector) === null || _collector3 === void 0 ? void 0 : _collector3.beforeCall,
+          beforeBranch: (_collector4 = collector) === null || _collector4 === void 0 ? void 0 : _collector4.beforeBranch
         }
       });
       fn.processed = true;
@@ -2446,7 +2453,7 @@
     if (typeof raw !== "string") {
       // If the `raw` is not a string, it must be a pre-evaluated object.
       // Then fulfil the context, and restore the original `raw`.
-      runtimeContext = _objectSpread__default['default'](_objectSpread__default['default']({}, raw[symbolForContext]), runtimeContext);
+      runtimeContext = _objectSpread__default["default"](_objectSpread__default["default"]({}, raw[symbolForContext]), runtimeContext);
       raw = raw[symbolForRaw];
     } // A `SyntaxError` maybe thrown.
@@ -2581,7 +2588,7 @@
     }
     if (attemptToVisitGlobals.has("I18N")) {
-      globalVariables.I18N = i18next__default['default'].getFixedT(null, "$app-".concat(app.id));
+      globalVariables.I18N = i18next__default["default"].getFixedT(null, "$app-".concat(app.id));
     }
     if (attemptToVisitGlobals.has("I18N_TEXT")) {
@@ -2782,20 +2789,20 @@
   }
   function getNextInternalOptions(internalOptions, isArray, key) {
-    return internalOptions !== null && internalOptions !== void 0 && internalOptions.$$lazyForUseBrick ? _objectSpread__default['default'](_objectSpread__default['default']({}, internalOptions), {}, {
+    return internalOptions !== null && internalOptions !== void 0 && internalOptions.$$lazyForUseBrick ? _objectSpread__default["default"](_objectSpread__default["default"]({}, internalOptions), {}, {
       $$stateOfUseBrick: getNextStateOfUseBrick(internalOptions.$$stateOfUseBrick, isArray, key)
     }) : internalOptions;
   }
   class WebsocketMessageRequest {
     constructor(event, topic) {
-      _defineProperty__default['default'](this, "topic", void 0);
+      _defineProperty__default["default"](this, "topic", void 0);
-      _defineProperty__default['default'](this, "data", void 0);
+      _defineProperty__default["default"](this, "data", void 0);
-      _defineProperty__default['default'](this, "event", void 0);
+      _defineProperty__default["default"](this, "event", void 0);
-      _defineProperty__default['default'](this, "message", void 0);
+      _defineProperty__default["default"](this, "message", void 0);
       this.event = event;
       this.topic = JSON.stringify(topic);
@@ -2840,13 +2847,13 @@
   class WebsocketMessageResponse {
     constructor(response) {
-      _defineProperty__default['default'](this, "topic", void 0);
+      _defineProperty__default["default"](this, "topic", void 0);
-      _defineProperty__default['default'](this, "data", void 0);
+      _defineProperty__default["default"](this, "data", void 0);
-      _defineProperty__default['default'](this, "event", void 0);
+      _defineProperty__default["default"](this, "event", void 0);
-      _defineProperty__default['default'](this, "message", void 0);
+      _defineProperty__default["default"](this, "message", void 0);
       this.data = response;
       this.message = JSON.parse(response);
@@ -2894,25 +2901,25 @@
   class WebSocketService {
     constructor(options) {
-      _defineProperty__default['default'](this, "retryCount", 0);
+      _defineProperty__default["default"](this, "retryCount", 0);
-      _defineProperty__default['default'](this, "ws", null);
+      _defineProperty__default["default"](this, "ws", null);
-      _defineProperty__default['default'](this, "lockReconnect", false);
+      _defineProperty__default["default"](this, "lockReconnect", false);
-      _defineProperty__default['default'](this, "options", void 0);
+      _defineProperty__default["default"](this, "options", void 0);
-      _defineProperty__default['default'](this, "messageQueue", new Set());
+      _defineProperty__default["default"](this, "messageQueue", new Set());
-      _defineProperty__default['default'](this, "state", "initial");
+      _defineProperty__default["default"](this, "state", "initial");
-      _defineProperty__default['default'](this, "defaultOptions", {
+      _defineProperty__default["default"](this, "defaultOptions", {
         url: null,
         reconnectTimeout: 1000,
         retryLimit: 6
       });
-      this.options = _objectSpread__default['default'](_objectSpread__default['default']({}, this.defaultOptions), options);
+      this.options = _objectSpread__default["default"](_objectSpread__default["default"]({}, this.defaultOptions), options);
       this.createWebSocket();
     }
@@ -3304,7 +3311,7 @@
   };
   try {
-    path = require$$0__default['default'];
+    path = require('path');
   } catch (er) {}
   var GLOBSTAR = minimatch.GLOBSTAR = Minimatch.GLOBSTAR = {};
@@ -4209,15 +4216,15 @@
   }
   class MessageDispatcher {
     constructor() {
-      _defineProperty__default['default'](this, "ws", void 0);
+      _defineProperty__default["default"](this, "ws", void 0);
-      _defineProperty__default['default'](this, "context", void 0);
+      _defineProperty__default["default"](this, "context", void 0);
-      _defineProperty__default['default'](this, "messages", new Map());
+      _defineProperty__default["default"](this, "messages", new Map());
-      _defineProperty__default['default'](this, "messageCallbackHandlers", new Map());
+      _defineProperty__default["default"](this, "messageCallbackHandlers", new Map());
-      _defineProperty__default['default'](this, "channels", new Map());
+      _defineProperty__default["default"](this, "channels", new Map());
     }
     create(brickAndMessages, context) {
@@ -4431,7 +4438,7 @@
     }
     function _poll() {
-      _poll = _asyncToGenerator__default['default'](function* () {
+      _poll = _asyncToGenerator__default["default"](function* () {
         timeoutIdList.delete(currentTimeoutId);
         var shouldStop;
@@ -4514,7 +4521,7 @@
   }
   function _getArgsOfCustomApi() {
-    _getArgsOfCustomApi = _asyncToGenerator__default['default'](function* (provider, originalArgs) {
+    _getArgsOfCustomApi = _asyncToGenerator__default["default"](function* (provider, originalArgs) {
       if (!isCustomApiProvider(provider)) {
         return originalArgs;
       }
@@ -4577,8 +4584,8 @@
   function getApiProfileFromApiDefinition(provider, api) {
     var _contract$endpoint, _contract$response;
-    var contract = typeof api.contract === "string" ? yaml__default['default'].safeLoad(api.contract, {
-      schema: yaml__default['default'].JSON_SCHEMA,
+    var contract = typeof api.contract === "string" ? yaml__default["default"].safeLoad(api.contract, {
+      schema: yaml__default["default"].JSON_SCHEMA,
       json: true
     }) : api.contract;
     var {
@@ -4618,7 +4625,7 @@
   }
   function _fetchFlowApiDefinition2() {
-    _fetchFlowApiDefinition2 = _asyncToGenerator__default['default'](function* (provider) {
+    _fetchFlowApiDefinition2 = _asyncToGenerator__default["default"](function* (provider) {
       var [namespace, nameWithVersion] = provider.split("@");
       var [name, version] = nameWithVersion.split(":");
       var result = yield InstanceApi_postSearch("_INTERFACE_CONTRACT@EASYOPS", {
@@ -4741,7 +4748,7 @@
         case "event.preventDefault":
           return event => {
-            if (!looseCheckIf(handler, _objectSpread__default['default'](_objectSpread__default['default']({}, context), {}, {
+            if (!looseCheckIf(handler, _objectSpread__default["default"](_objectSpread__default["default"]({}, context), {}, {
               event
             }))) {
               return;
@@ -4764,7 +4771,7 @@
         case "handleHttpError":
           return event => {
-            if (!looseCheckIf(handler, _objectSpread__default['default'](_objectSpread__default['default']({}, context), {}, {
+            if (!looseCheckIf(handler, _objectSpread__default["default"](_objectSpread__default["default"]({}, context), {}, {
               event
             }))) {
               return;
@@ -4787,7 +4794,7 @@
         case "theme.setDarkTheme":
         case "theme.setLightTheme":
           return event => {
-            if (!looseCheckIf(handler, _objectSpread__default['default'](_objectSpread__default['default']({}, context), {}, {
+            if (!looseCheckIf(handler, _objectSpread__default["default"](_objectSpread__default["default"]({}, context), {}, {
               event
             }))) {
               return;
@@ -4799,7 +4806,7 @@
         case "mode.setDashboardMode":
         case "mode.setDefaultMode":
           return event => {
-            if (!looseCheckIf(handler, _objectSpread__default['default'](_objectSpread__default['default']({}, context), {}, {
+            if (!looseCheckIf(handler, _objectSpread__default["default"](_objectSpread__default["default"]({}, context), {}, {
               event
             }))) {
               return;
@@ -4810,7 +4817,7 @@
         case "menu.clearMenuTitleCache":
           return event => {
-            if (!looseCheckIf(handler, _objectSpread__default['default'](_objectSpread__default['default']({}, context), {}, {
+            if (!looseCheckIf(handler, _objectSpread__default["default"](_objectSpread__default["default"]({}, context), {}, {
               event
             }))) {
               return;
@@ -4821,7 +4828,7 @@
         case "menu.clearMenuCache":
           return event => {
-            if (!looseCheckIf(handler, _objectSpread__default['default'](_objectSpread__default['default']({}, context), {}, {
+            if (!looseCheckIf(handler, _objectSpread__default["default"](_objectSpread__default["default"]({}, context), {}, {
               event
             }))) {
               return;
@@ -4849,8 +4856,8 @@
   function usingProviderFactory(handler, context, runtimeBrick) {
     return /*#__PURE__*/function () {
-      var _ref = _asyncToGenerator__default['default'](function* (event) {
-        if (!looseCheckIf(handler, _objectSpread__default['default'](_objectSpread__default['default']({}, context), {}, {
+      var _ref = _asyncToGenerator__default["default"](function* (event) {
+        if (!looseCheckIf(handler, _objectSpread__default["default"](_objectSpread__default["default"]({}, context), {}, {
           event
         }))) {
           return;
@@ -4874,7 +4881,7 @@
   function builtinTplDispatchEventFactory(runtimeBrick, args, ifContainer, context) {
     return function (event) {
-      if (!looseCheckIf(ifContainer, _objectSpread__default['default'](_objectSpread__default['default']({}, context), {}, {
+      if (!looseCheckIf(ifContainer, _objectSpread__default["default"](_objectSpread__default["default"]({}, context), {}, {
         event
       }))) {
         return;
@@ -4897,7 +4904,7 @@
     return function (event) {
       var _contextItem$eventTar;
-      if (!looseCheckIf(ifContainer, _objectSpread__default['default'](_objectSpread__default['default']({}, context), {}, {
+      if (!looseCheckIf(ifContainer, _objectSpread__default["default"](_objectSpread__default["default"]({}, context), {}, {
         event
       }))) {
         return;
@@ -4957,7 +4964,7 @@
   function builtinLocationListenerFactory(method, args, ifContainer, context) {
     return function (event) {
-      if (!looseCheckIf(ifContainer, _objectSpread__default['default'](_objectSpread__default['default']({}, context), {}, {
+      if (!looseCheckIf(ifContainer, _objectSpread__default["default"](_objectSpread__default["default"]({}, context), {}, {
         event
       }))) {
         return;
@@ -4974,7 +4981,7 @@
   function builtinSegueListenerFactory(method, args, ifContainer, context) {
     return function (event) {
-      if (!looseCheckIf(ifContainer, _objectSpread__default['default'](_objectSpread__default['default']({}, context), {}, {
+      if (!looseCheckIf(ifContainer, _objectSpread__default["default"](_objectSpread__default["default"]({}, context), {}, {
         event
       }))) {
         return;
@@ -4991,7 +4998,7 @@
   function builtinAliasListenerFactory(method, args, ifContainer, context) {
     return function (event) {
-      if (!looseCheckIf(ifContainer, _objectSpread__default['default'](_objectSpread__default['default']({}, context), {}, {
+      if (!looseCheckIf(ifContainer, _objectSpread__default["default"](_objectSpread__default["default"]({}, context), {}, {
         event
       }))) {
         return;
@@ -5007,7 +5014,7 @@
   function builtinWebSocketListenerFactory(runtimeBrick, method, args, ifContainer, callback, context) {
     return function (event) {
-      if (!looseCheckIf(ifContainer, _objectSpread__default['default'](_objectSpread__default['default']({}, context), {}, {
+      if (!looseCheckIf(ifContainer, _objectSpread__default["default"](_objectSpread__default["default"]({}, context), {}, {
         event
       }))) {
         return;
@@ -5021,7 +5028,7 @@
       getMessageDispatcher()[method](channel, {
         system,
         topic
-      }, _objectSpread__default['default'](_objectSpread__default['default']({}, callback), {}, {
+      }, _objectSpread__default["default"](_objectSpread__default["default"]({}, callback), {}, {
         runtimeBrick,
         context
       }));
@@ -5043,7 +5050,7 @@
     };
     return function (event) {
-      if (!looseCheckIf(ifContainer, _objectSpread__default['default'](_objectSpread__default['default']({}, context), {}, {
+      if (!looseCheckIf(ifContainer, _objectSpread__default["default"](_objectSpread__default["default"]({}, context), {}, {
         event
       }))) {
         return;
@@ -5056,7 +5063,7 @@
   function builtinWindowListenerFactory(args, ifContainer, context) {
     return function (event) {
-      if (!looseCheckIf(ifContainer, _objectSpread__default['default'](_objectSpread__default['default']({}, context), {}, {
+      if (!looseCheckIf(ifContainer, _objectSpread__default["default"](_objectSpread__default["default"]({}, context), {}, {
         event
       }))) {
         return;
@@ -5087,7 +5094,7 @@
   function customListenerFactory(handler, ifContainer, context, runtimeBrick) {
     return function (event) {
-      if (!looseCheckIf(ifContainer, _objectSpread__default['default'](_objectSpread__default['default']({}, context), {}, {
+      if (!looseCheckIf(ifContainer, _objectSpread__default["default"](_objectSpread__default["default"]({}, context), {}, {
         event
       }))) {
         return;
@@ -5130,7 +5137,7 @@
           });
         });
       } else if (isSetPropsCustomHandler(handler)) {
-        setProperties(targets, handler.properties, _objectSpread__default['default'](_objectSpread__default['default']({}, context), {}, {
+        setProperties(targets, handler.properties, _objectSpread__default["default"](_objectSpread__default["default"]({}, context), {}, {
           event
         }), handler.injectDeep !== false);
       }
@@ -5142,7 +5149,7 @@
   }
   function _brickCallback() {
-    _brickCallback = _asyncToGenerator__default['default'](function* (target, handler, method, context, runtimeBrick, event, options) {
+    _brickCallback = _asyncToGenerator__default["default"](function* (target, handler, method, context, runtimeBrick, event, options) {
       var _handler$callback, _poll;
       if (typeof target[method] !== "function") {
@@ -5205,7 +5212,7 @@
       var poll;
       if (isUseProviderHandler(handler)) {
-        poll = computeRealValue(handler.poll, _objectSpread__default['default'](_objectSpread__default['default']({}, context), {}, {
+        poll = computeRealValue(handler.poll, _objectSpread__default["default"](_objectSpread__default["default"]({}, context), {}, {
           event
         }), true);
       }
@@ -5229,7 +5236,7 @@
   function builtinHistoryListenerFactory(method, args, ifContainer, context) {
     return function (event) {
-      if (!looseCheckIf(ifContainer, _objectSpread__default['default'](_objectSpread__default['default']({}, context), {}, {
+      if (!looseCheckIf(ifContainer, _objectSpread__default["default"](_objectSpread__default["default"]({}, context), {}, {
         event
       }))) {
         return;
@@ -5243,7 +5250,7 @@
   function builtinHistoryWithoutArgsListenerFactory(method, ifContainer, context) {
     return function (event) {
-      if (!looseCheckIf(ifContainer, _objectSpread__default['default'](_objectSpread__default['default']({}, context), {}, {
+      if (!looseCheckIf(ifContainer, _objectSpread__default["default"](_objectSpread__default["default"]({}, context), {}, {
         event
       }))) {
         return;
@@ -5255,7 +5262,7 @@
   function builtinConsoleListenerFactory(method, args, ifContainer, context) {
     return function (event) {
-      if (!looseCheckIf(ifContainer, _objectSpread__default['default'](_objectSpread__default['default']({}, context), {}, {
+      if (!looseCheckIf(ifContainer, _objectSpread__default["default"](_objectSpread__default["default"]({}, context), {}, {
         event
       }))) {
         return;
@@ -5270,7 +5277,7 @@
   function builtinMessageListenerFactory(method, args, ifContainer, context) {
     return function (event) {
-      if (!looseCheckIf(ifContainer, _objectSpread__default['default'](_objectSpread__default['default']({}, context), {}, {
+      if (!looseCheckIf(ifContainer, _objectSpread__default["default"](_objectSpread__default["default"]({}, context), {}, {
         event
       }))) {
         return;
@@ -5282,7 +5289,7 @@
   function builtinWebStorageListenerFactory(storageType, method, args, ifContainer, context) {
     return function (event) {
-      if (!looseCheckIf(ifContainer, _objectSpread__default['default'](_objectSpread__default['default']({}, context), {}, {
+      if (!looseCheckIf(ifContainer, _objectSpread__default["default"](_objectSpread__default["default"]({}, context), {}, {
         event
       }))) {
         return;
@@ -5302,16 +5309,16 @@
   }
   function argsFactory(args, context, event, options = {}) {
-    return Array.isArray(args) ? computeRealValue(args, _objectSpread__default['default'](_objectSpread__default['default']({}, context), {}, {
+    return Array.isArray(args) ? computeRealValue(args, _objectSpread__default["default"](_objectSpread__default["default"]({}, context), {}, {
       event
     }), true) : options.useEventAsDefault ? [event] : options.useEventDetailAsDefault ? [event.detail] : [];
   }
   class BrickNode {
     constructor(brick) {
-      _defineProperty__default['default'](this, "$$brick", void 0);
+      _defineProperty__default["default"](this, "$$brick", void 0);
-      _defineProperty__default['default'](this, "children", []);
+      _defineProperty__default["default"](this, "children", []);
       this.$$brick = brick;
     }
@@ -5566,7 +5573,7 @@
    */
   function getAuth() {
-    return _objectSpread__default['default']({}, auth);
+    return _objectSpread__default["default"]({}, auth);
   }
   /** @internal */
@@ -5606,13 +5613,13 @@
             var ns = "$tmp-".concat(app.id); // Support any languages in `app.locales`.
             Object.entries(app.locales).forEach(([lang, resources]) => {
-              i18next__default['default'].addResourceBundle(lang, ns, resources);
+              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.
+            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);
+              i18next__default["default"].removeResourceBundle(lang, ns);
             });
           })();
         } else {
@@ -5635,7 +5642,7 @@
   }
   function _CustomApi() {
-    _CustomApi = _asyncToGenerator__default['default'](function* ({
+    _CustomApi = _asyncToGenerator__default["default"](function* ({
       url,
       method = "GET",
       responseWrapper = true
@@ -5643,7 +5650,7 @@
       var isSimpleRequest = ["get", "delete", "head"].includes(method.toLowerCase());
       if (isSimpleRequest) {
-        var response = yield brickHttp.http.simpleRequest(method, url, _objectSpread__default['default']({
+        var response = yield brickHttp.http.simpleRequest(method, url, _objectSpread__default["default"]({
           params: data
         }, options));
         return responseWrapper ? response.data : response;
@@ -5662,53 +5669,63 @@
   class Kernel {
     constructor() {
-      _defineProperty__default['default'](this, "mountPoints", void 0);
+      _defineProperty__default["default"](this, "mountPoints", void 0);
+      _defineProperty__default["default"](this, "bootstrapData", void 0);
-      _defineProperty__default['default'](this, "bootstrapData", void 0);
+      _defineProperty__default["default"](this, "presetBricks", void 0);
-      _defineProperty__default['default'](this, "presetBricks", void 0);
+      _defineProperty__default["default"](this, "menuBar", void 0);
-      _defineProperty__default['default'](this, "menuBar", void 0);
+      _defineProperty__default["default"](this, "appBar", void 0);
-      _defineProperty__default['default'](this, "appBar", void 0);
+      _defineProperty__default["default"](this, "loadingBar", void 0);
-      _defineProperty__default['default'](this, "loadingBar", void 0);
+      _defineProperty__default["default"](this, "navBar", void 0);
-      _defineProperty__default['default'](this, "router", void 0);
+      _defineProperty__default["default"](this, "sideBar", void 0);
-      _defineProperty__default['default'](this, "currentApp", void 0);
+      _defineProperty__default["default"](this, "footer", void 0);
-      _defineProperty__default['default'](this, "previousApp", void 0);
+      _defineProperty__default["default"](this, "breadcrumb", void 0);
-      _defineProperty__default['default'](this, "nextApp", void 0);
+      _defineProperty__default["default"](this, "router", void 0);
-      _defineProperty__default['default'](this, "currentUrl", void 0);
+      _defineProperty__default["default"](this, "currentApp", void 0);
-      _defineProperty__default['default'](this, "workspaceStack", []);
+      _defineProperty__default["default"](this, "previousApp", void 0);
-      _defineProperty__default['default'](this, "currentLayout", void 0);
+      _defineProperty__default["default"](this, "nextApp", void 0);
-      _defineProperty__default['default'](this, "allUserMapPromise", Promise.resolve(new Map()));
+      _defineProperty__default["default"](this, "currentUrl", void 0);
-      _defineProperty__default['default'](this, "allMagicBrickConfigMapPromise", Promise.resolve(new Map()));
+      _defineProperty__default["default"](this, "workspaceStack", []);
-      _defineProperty__default['default'](this, "nextAppMeta", void 0);
+      _defineProperty__default["default"](this, "currentLayout", void 0);
-      _defineProperty__default['default'](this, "allRelatedAppsPromise", Promise.resolve([]));
+      _defineProperty__default["default"](this, "enableUiV8", false);
-      _defineProperty__default['default'](this, "allMicroAppApiOrchestrationPromise", Promise.resolve(new Map()));
+      _defineProperty__default["default"](this, "allUserMapPromise", Promise.resolve(new Map()));
-      _defineProperty__default['default'](this, "providerRepository", new Map());
+      _defineProperty__default["default"](this, "allMagicBrickConfigMapPromise", Promise.resolve(new Map()));
-      _defineProperty__default['default'](this, "loadUsersStarted", false);
+      _defineProperty__default["default"](this, "nextAppMeta", void 0);
-      _defineProperty__default['default'](this, "loadMagicBrickConfigStarted", false);
+      _defineProperty__default["default"](this, "allRelatedAppsPromise", Promise.resolve([]));
+      _defineProperty__default["default"](this, "allMicroAppApiOrchestrationPromise", Promise.resolve(new Map()));
+      _defineProperty__default["default"](this, "providerRepository", new Map());
+      _defineProperty__default["default"](this, "loadUsersStarted", false);
+      _defineProperty__default["default"](this, "loadMagicBrickConfigStarted", false);
     }
     bootstrap(mountPoints) {
       var _this = this;
-      return _asyncToGenerator__default['default'](function* () {
+      return _asyncToGenerator__default["default"](function* () {
         _this.mountPoints = mountPoints;
         yield Promise.all([_this.loadCheckLogin(), _this.loadMicroApps()]);
@@ -5716,13 +5733,20 @@
           throw new Error("No storyboard were found.");
         }
+        _this.setUiVersion();
         if (isLoggedIn()) {
           _this.loadSharedData();
         }
         _this.menuBar = new MenuBar(_this, "menuBar");
         _this.appBar = new AppBar(_this, "appBar");
-        _this.loadingBar = new BaseBar(_this, "loadingBar");
+        _this.loadingBar = new BaseBar(_this, "loadingBar"); // Todo(nlicro): 这里需要新写对应的NavBar...
+        _this.navBar = new BaseBar(_this, "navBar");
+        _this.sideBar = new BaseBar(_this, "sideBar");
+        _this.breadcrumb = new BaseBar(_this, "breadcrumb");
+        _this.footer = new BaseBar(_this, "footer");
         _this.router = new Router(_this);
         yield _this.router.bootstrap();
@@ -5735,7 +5759,7 @@
     layoutBootstrap(layout) {
       var _this2 = this;
-      return _asyncToGenerator__default['default'](function* () {
+      return _asyncToGenerator__default["default"](function* () {
         var supportedLayouts = ["console", "business"];
         if (!supportedLayouts.includes(layout)) {
@@ -5747,7 +5771,13 @@
           loadingBar: "business-website.loading-bar",
           pageNotFound: "business-website.page-not-found",
           pageError: "business-website.page-error"
-        } : _objectSpread__default['default'](_objectSpread__default['default']({}, _this2.bootstrapData.navbar), {}, {
+        } : _objectSpread__default["default"](_objectSpread__default["default"]({}, _this2.enableUiV8 ? {
+          loadingBar: _this2.bootstrapData.navbar.loadingBar,
+          navBar: "frame-bricks.nav-bar",
+          sideBar: "frame-bricks.side-bar",
+          breadcrumb: null,
+          footer: null
+        } : _this2.bootstrapData.navbar), {}, {
           pageNotFound: "basic-bricks.page-not-found",
           pageError: "basic-bricks.page-error"
         });
@@ -5762,7 +5792,7 @@
         yield Promise.all([_this2.menuBar.bootstrap(_this2.presetBricks.menuBar, {
           testid: "brick-next-menu-bar"
-        }), _this2.appBar.bootstrap(_this2.presetBricks.appBar), _this2.loadingBar.bootstrap(_this2.presetBricks.loadingBar)]);
+        }), _this2.appBar.bootstrap(_this2.presetBricks.appBar), _this2.navBar.bootstrap(_this2.presetBricks.navBar), _this2.sideBar.bootstrap(_this2.presetBricks.sideBar), _this2.footer.bootstrap(_this2.presetBricks.footer), _this2.breadcrumb.bootstrap(_this2.presetBricks.breadcrumb), _this2.loadingBar.bootstrap(_this2.presetBricks.loadingBar)]);
       })();
     }
@@ -5787,7 +5817,7 @@
     }
     loadCheckLogin() {
-      return _asyncToGenerator__default['default'](function* () {
+      return _asyncToGenerator__default["default"](function* () {
         var auth = yield checkLogin();
         if (auth.loggedIn) {
@@ -5799,8 +5829,8 @@
     loadMicroApps(params, interceptorParams) {
       var _this3 = this;
-      return _asyncToGenerator__default['default'](function* () {
-        var d = yield bootstrap(_objectSpread__default['default']({
+      return _asyncToGenerator__default["default"](function* () {
+        var d = yield bootstrap(_objectSpread__default["default"]({
           brief: true
         }, params), {
           interceptorParams
@@ -5810,7 +5840,7 @@
         }, d); // Merge `app.defaultConfig` and `app.userConfig` to `app.config`.
         processBootstrapResponse(bootstrapResponse);
-        _this3.bootstrapData = _objectSpread__default['default'](_objectSpread__default['default']({}, bootstrapResponse), {}, {
+        _this3.bootstrapData = _objectSpread__default["default"](_objectSpread__default["default"]({}, bootstrapResponse), {}, {
           microApps: bootstrapResponse.storyboards.map(storyboard => storyboard.app).filter(Boolean)
         });
       })();
@@ -5819,7 +5849,7 @@
     fulfilStoryboard(storyboard) {
       var _this4 = this;
-      return _asyncToGenerator__default['default'](function* () {
+      return _asyncToGenerator__default["default"](function* () {
         if (storyboard.$$fulfilled) {
           return;
         }
@@ -5833,7 +5863,7 @@
     }
     doFulfilStoryboard(storyboard) {
-      return _asyncToGenerator__default['default'](function* () {
+      return _asyncToGenerator__default["default"](function* () {
         var {
           routes,
           meta
@@ -5850,7 +5880,7 @@
           var i18nNamespace = "$app-".concat(storyboard.app.id); // Support any language in `meta.i18n`.
           Object.entries(meta.i18n).forEach(([lang, resources]) => {
-            i18next__default['default'].addResourceBundle(lang, i18nNamespace, resources);
+            i18next__default["default"].addResourceBundle(lang, i18nNamespace, resources);
           });
         }
       })();
@@ -5859,7 +5889,7 @@
     loadDepsOfStoryboard(storyboard) {
       var _this5 = this;
-      return _asyncToGenerator__default['default'](function* () {
+      return _asyncToGenerator__default["default"](function* () {
         var {
           brickPackages,
           templatePackages
@@ -5936,7 +5966,7 @@
     loadDynamicBricksInBrickConf(brickConf) {
       var _this6 = this;
-      return _asyncToGenerator__default['default'](function* () {
+      return _asyncToGenerator__default["default"](function* () {
         // Notice: `brickConf` contains runtime data,
         // which may contains recursive ref,
         // which could cause stack overflow while traversing.
@@ -5949,7 +5979,7 @@
     loadDynamicBricks(bricks, processors) {
       var _this7 = this;
-      return _asyncToGenerator__default['default'](function* () {
+      return _asyncToGenerator__default["default"](function* () {
         var filteredBricks = bricks.filter( // Only try to load undefined custom elements.
         item => !customElements.get(item)); // Try to load deps for dynamic added bricks.
@@ -5969,7 +5999,7 @@
     loadEditorBricks(editorBricks) {
       var _this8 = this;
-      return _asyncToGenerator__default['default'](function* () {
+      return _asyncToGenerator__default["default"](function* () {
         var {
           dll,
           deps
@@ -6021,7 +6051,7 @@
         this.appBar.setBreadcrumb(null);
       }
-      this.appBar.setPageTitle(null);
+      getRuntime().applyPageTitle(null);
     }
     toggleLegacyIframe(visible) {
@@ -6040,7 +6070,7 @@
     }
     loadUsers() {
-      return _asyncToGenerator__default['default'](function* () {
+      return _asyncToGenerator__default["default"](function* () {
         var allUserMap = new Map();
         try {
@@ -6079,13 +6109,13 @@
     getMicroAppApiOrchestrationMapAsync() {
       var _this9 = this;
-      return _asyncToGenerator__default['default'](function* () {
+      return _asyncToGenerator__default["default"](function* () {
         return yield _this9.allMicroAppApiOrchestrationPromise;
       })();
     }
     loadMicroAppApiOrchestration(usedCustomApis) {
-      return _asyncToGenerator__default['default'](function* () {
+      return _asyncToGenerator__default["default"](function* () {
         var allMicroAppApiOrchestrationMap = new Map();
         var legacyCustomApis = usedCustomApis.filter(item => !item.name.includes(":"));
@@ -6127,7 +6157,7 @@
     }
     loadMagicBrickConfig() {
-      return _asyncToGenerator__default['default'](function* () {
+      return _asyncToGenerator__default["default"](function* () {
         var allMagicBrickConfigMap = new Map();
         try {
@@ -6157,7 +6187,7 @@
     }
     loadRelatedApps() {
-      return _asyncToGenerator__default['default'](function* () {
+      return _asyncToGenerator__default["default"](function* () {
         var relatedApps = [];
         try {
@@ -6174,7 +6204,7 @@
     getRelatedAppsAsync(appId) {
       var _this10 = this;
-      return _asyncToGenerator__default['default'](function* () {
+      return _asyncToGenerator__default["default"](function* () {
         if (!appId) {
           return [];
         }
@@ -6193,7 +6223,7 @@
     updateWorkspaceStack() {
       var _this11 = this;
-      return _asyncToGenerator__default['default'](function* () {
+      return _asyncToGenerator__default["default"](function* () {
         if (_this11.currentApp && _this11.currentApp.id) {
           var workspace = {
             appId: _this11.currentApp.id,
@@ -6253,7 +6283,7 @@
     getProviderBrick(provider) {
       var _this12 = this;
-      return _asyncToGenerator__default['default'](function* () {
+      return _asyncToGenerator__default["default"](function* () {
         if (isCustomApiProvider(provider)) {
           provider = CUSTOM_API_PROVIDER;
         }
@@ -6280,6 +6310,16 @@
       })();
     }
+    setUiVersion() {
+      // get from localStorage fot test
+      // this.enableUiV8 = this.getFeatureFlags()["ui-v8"];
+      this.enableUiV8 = !!localStorage.getItem("test-ui-v8");
+      if (this.enableUiV8) {
+        document.documentElement.dataset.ui = "v8";
+      }
+    }
   } // Since `@next-dll/editor-bricks-helper` depends on `@next-dll/react-dnd`,
   // always load react-dnd before loading editor-bricks-helper.
@@ -6288,7 +6328,7 @@
   }
   function _loadScriptOfDll() {
-    _loadScriptOfDll = _asyncToGenerator__default['default'](function* (dlls) {
+    _loadScriptOfDll = _asyncToGenerator__default["default"](function* (dlls) {
       if (dlls.some(dll => dll.startsWith("dll-of-editor-bricks-helper."))) {
         var dllPath = window.DLL_PATH || {};
         yield brickUtils.loadScript(dllPath["react-dnd"]);
@@ -6401,12 +6441,12 @@
     function getSubRoute(route) {
       if (route.type === "routes") {
-        return _objectSpread__default['default'](_objectSpread__default['default']({}, route), {}, {
+        return _objectSpread__default["default"](_objectSpread__default["default"]({}, route), {}, {
           routes: getSubRoutes(route.routes)
         });
       }
-      return _objectSpread__default['default'](_objectSpread__default['default']({}, route), {}, {
+      return _objectSpread__default["default"](_objectSpread__default["default"]({}, route), {}, {
         bricks: getSubBricks(route.bricks)
       });
     }
@@ -6421,16 +6461,16 @@
     function getSubBrick(brickConf) {
       if (brickUtils.isObject(brickConf.slots)) {
-        return _objectSpread__default['default'](_objectSpread__default['default']({}, brickConf), {}, {
+        return _objectSpread__default["default"](_objectSpread__default["default"]({}, brickConf), {}, {
           slots: Object.fromEntries(Object.entries(brickConf.slots).map(([slotId, slotConf]) => {
             if (slotConf.type === "routes") {
-              return [slotId, _objectSpread__default['default'](_objectSpread__default['default']({}, slotConf), {}, {
+              return [slotId, _objectSpread__default["default"](_objectSpread__default["default"]({}, slotConf), {}, {
                 routes: getSubRoutes(slotConf.routes)
               })];
             }
             /* istanbul ignore else: should never reach */
             else if (slotConf.type === "bricks") {
-              return [slotId, _objectSpread__default['default'](_objectSpread__default['default']({}, slotConf), {}, {
+              return [slotId, _objectSpread__default["default"](_objectSpread__default["default"]({}, slotConf), {}, {
                 bricks: getSubBricks(slotConf.bricks)
               })];
             }
@@ -6445,7 +6485,7 @@
       return brickConf;
     }
-    return _objectSpread__default['default'](_objectSpread__default['default']({}, storyboard), {}, {
+    return _objectSpread__default["default"](_objectSpread__default["default"]({}, storyboard), {}, {
       routes: getSubRoutes(storyboard.routes)
     });
   }
@@ -6581,7 +6621,7 @@
     return proxies.reduce((acc, proxy) => {
       switch (proxy.mergeMethod) {
         case "extend":
-          return _objectSpread__default['default'](_objectSpread__default['default']({}, acc), object[proxy.$$reversedRef]);
+          return _objectSpread__default["default"](_objectSpread__default["default"]({}, acc), object[proxy.$$reversedRef]);
         // istanbul ignore next: should never reach
         default:
@@ -6635,11 +6675,11 @@
       properties: templateProperties,
       slots: templateSlots
     } = brickConf,
-        restBrickConf = _objectWithoutProperties__default['default'](brickConf, _excluded$1);
+        restBrickConf = _objectWithoutProperties__default["default"](brickConf, _excluded$1);
     var newBrickConf = restBrickConf; // Get a copy of proxy for each instance of custom template.
-    var proxyCopy = _objectSpread__default['default']({}, proxy);
+    var proxyCopy = _objectSpread__default["default"]({}, proxy);
     proxyBrick.proxy = proxyCopy;
     proxyBrick.proxyRefs = new Map();
@@ -6664,8 +6704,8 @@
           tplVariables[reversedRef] = templateProperties === null || templateProperties === void 0 ? void 0 : templateProperties[reversedRef];
         } else {
           // Variable property proxies have no refs.
-          refPropertiesCopy[reversedRef] = _objectSpread__default['default'](_objectSpread__default['default']({}, conf), {}, {
-            extraOneWayRefs: Array.isArray(conf.extraOneWayRefs) ? conf.extraOneWayRefs.map(extraConf => _objectSpread__default['default']({}, extraConf)) : undefined
+          refPropertiesCopy[reversedRef] = _objectSpread__default["default"](_objectSpread__default["default"]({}, conf), {}, {
+            extraOneWayRefs: Array.isArray(conf.extraOneWayRefs) ? conf.extraOneWayRefs.map(extraConf => _objectSpread__default["default"]({}, extraConf)) : undefined
           });
         }
       }
@@ -6686,7 +6726,7 @@
         _conf.$$reversedRef = _reversedRef;
         if (isMergeableProperty(_conf)) {
-          collectMergeBases(_conf, reversedProxies.mergeBases, _objectSpread__default['default'](_objectSpread__default['default']({}, context), {}, {
+          collectMergeBases(_conf, reversedProxies.mergeBases, _objectSpread__default["default"](_objectSpread__default["default"]({}, context), {}, {
             getTplVariables
           }), refToBrickConf);
         }
@@ -6756,7 +6796,7 @@
       ref,
       slots: slotsInTemplate
     } = brickConfInTemplate,
-        restBrickConfInTemplate = _objectWithoutProperties__default['default'](brickConfInTemplate, _excluded2);
+        restBrickConfInTemplate = _objectWithoutProperties__default["default"](brickConfInTemplate, _excluded2);
     var {
       reversedProxies,
@@ -6883,7 +6923,7 @@
       }
     }
-    return _objectSpread__default['default'](_objectSpread__default['default']({}, restBrickConfInTemplate), {}, {
+    return _objectSpread__default["default"](_objectSpread__default["default"]({}, restBrickConfInTemplate), {}, {
       slots,
       [symbolForComputedPropsFromProxy]: computedPropsFromProxy,
       [symbolForRefForProxy]: refForProxy,
@@ -7109,7 +7149,7 @@
       return;
     }
-    customTemplateRegistry.set(tagName, _objectSpread__default['default'](_objectSpread__default['default']({}, tplConstructor), {}, {
+    customTemplateRegistry.set(tagName, _objectSpread__default["default"](_objectSpread__default["default"]({}, tplConstructor), {}, {
       name: tagName
     })); // Collect defined properties of the template.
@@ -7147,11 +7187,11 @@
   class CustomTemplateContext {
     constructor() {
-      _defineProperty__default['default'](this, "contextMap", new Map());
+      _defineProperty__default["default"](this, "contextMap", new Map());
-      _defineProperty__default['default'](this, "brickMap", new Map());
+      _defineProperty__default["default"](this, "brickMap", new Map());
-      _defineProperty__default['default'](this, "propsMap", new Map());
+      _defineProperty__default["default"](this, "propsMap", new Map());
     }
     createContext() {
@@ -7207,35 +7247,35 @@
   class LocationContext {
     constructor(kernel, location) {
-      _defineProperty__default['default'](this, "query", void 0);
+      _defineProperty__default["default"](this, "query", void 0);
-      _defineProperty__default['default'](this, "resolver", void 0);
+      _defineProperty__default["default"](this, "resolver", void 0);
-      _defineProperty__default['default'](this, "messageDispatcher", void 0);
+      _defineProperty__default["default"](this, "messageDispatcher", void 0);
-      _defineProperty__default['default'](this, "beforePageLoadHandlers", []);
+      _defineProperty__default["default"](this, "beforePageLoadHandlers", []);
-      _defineProperty__default['default'](this, "pageLoadHandlers", []);
+      _defineProperty__default["default"](this, "pageLoadHandlers", []);
-      _defineProperty__default['default'](this, "beforePageLeaveHandlers", []);
+      _defineProperty__default["default"](this, "beforePageLeaveHandlers", []);
-      _defineProperty__default['default'](this, "pageLeaveHandlers", []);
+      _defineProperty__default["default"](this, "pageLeaveHandlers", []);
-      _defineProperty__default['default'](this, "anchorLoadHandlers", []);
+      _defineProperty__default["default"](this, "anchorLoadHandlers", []);
-      _defineProperty__default['default'](this, "anchorUnloadHandlers", []);
+      _defineProperty__default["default"](this, "anchorUnloadHandlers", []);
-      _defineProperty__default['default'](this, "messageCloseHandlers", []);
+      _defineProperty__default["default"](this, "messageCloseHandlers", []);
-      _defineProperty__default['default'](this, "messageHandlers", []);
+      _defineProperty__default["default"](this, "messageHandlers", []);
-      _defineProperty__default['default'](this, "segues", {});
+      _defineProperty__default["default"](this, "segues", {});
-      _defineProperty__default['default'](this, "currentMatch", void 0);
+      _defineProperty__default["default"](this, "currentMatch", void 0);
-      _defineProperty__default['default'](this, "storyboardContext", new Map());
+      _defineProperty__default["default"](this, "storyboardContext", new Map());
-      _defineProperty__default['default'](this, "tplContext", new CustomTemplateContext());
+      _defineProperty__default["default"](this, "tplContext", new CustomTemplateContext());
       this.kernel = kernel;
       this.location = location;
@@ -7257,7 +7297,7 @@
         match,
         app: this.kernel.nextApp,
         images: (_this$kernel$nextAppM = this.kernel.nextAppMeta) === null || _this$kernel$nextAppM === void 0 ? void 0 : _this$kernel$nextAppM.images,
-        sys: _objectSpread__default['default']({
+        sys: _objectSpread__default["default"]({
           org: auth.org,
           username: auth.username,
           userInstanceId: auth.userInstanceId,
@@ -7285,7 +7325,7 @@
     defineStoryboardFreeContext(contextConfs, coreContext, brick) {
       var _this = this;
-      return _asyncToGenerator__default['default'](function* () {
+      return _asyncToGenerator__default["default"](function* () {
         yield brickUtils.resolveContextConcurrently(contextConfs, contextConf => _this.resolveStoryboardContext(contextConf, coreContext, brick));
       })();
     }
@@ -7293,7 +7333,7 @@
     resolveStoryboardContext(contextConf, coreContext, brick) {
       var _this2 = this;
-      return _asyncToGenerator__default['default'](function* () {
+      return _asyncToGenerator__default["default"](function* () {
         if (contextConf.property) {
           if (brick) {
             _this2.setStoryboardContext(contextConf.name, {
@@ -7314,7 +7354,7 @@
             if (looseCheckIf(contextConf.resolve, coreContext)) {
               isResolve = true;
               var valueConf = {};
-              yield _this2.resolver.resolveOne("reference", _objectSpread__default['default']({
+              yield _this2.resolver.resolveOne("reference", _objectSpread__default["default"]({
                 transform: "value",
                 transformMapArray: false
               }, contextConf.resolve), valueConf, null, coreContext);
@@ -7426,7 +7466,7 @@
     mountRoutes(routes, slotId, mountRoutesResult) {
       var _this3 = this;
-      return _asyncToGenerator__default['default'](function* () {
+      return _asyncToGenerator__default["default"](function* () {
         var matched = _this3.matchRoutes(routes, _this3.kernel.nextApp);
         var redirect;
@@ -7509,7 +7549,7 @@
     mountMenu(menuConf, match, mountRoutesResult) {
       var _this4 = this;
-      return _asyncToGenerator__default['default'](function* () {
+      return _asyncToGenerator__default["default"](function* () {
         if (menuConf === false) {
           // `route.menu` 设置为 `false` 表示不显示顶栏和侧栏。
           mountRoutesResult.flags.barsHidden = true;
@@ -7551,7 +7591,7 @@
         var injectDeep = menuConf.injectDeep;
         if (menuConf.type === "resolve") {
-          yield _this4.resolver.resolveOne("reference", _objectSpread__default['default']({
+          yield _this4.resolver.resolveOne("reference", _objectSpread__default["default"]({
             transformMapArray: false
           }, menuConf.resolve), menuConf, null, context);
           injectDeep = false;
@@ -7570,7 +7610,7 @@
         if (menuId) {
           mountRoutesResult.menuBar.menuId = menuId;
-          mountRoutesResult.menuBar.menu = null;
+          mountRoutesResult.menuBar.menu = sidebarMenu;
         } else if (sidebarMenu) {
           mountRoutesResult.menuBar.menu = sidebarMenu;
           mountRoutesResult.menuBar.menuId = null;
@@ -7597,10 +7637,10 @@
     mountProviders(providers, match, slotId, mountRoutesResult) {
       var _this5 = this;
-      return _asyncToGenerator__default['default'](function* () {
+      return _asyncToGenerator__default["default"](function* () {
         if (Array.isArray(providers)) {
           for (var providerConf of providers) {
-            yield _this5.mountBrick(_objectSpread__default['default'](_objectSpread__default['default']({}, typeof providerConf === "string" ? {
+            yield _this5.mountBrick(_objectSpread__default["default"](_objectSpread__default["default"]({}, typeof providerConf === "string" ? {
               brick: providerConf
             } : providerConf), {}, {
               bg: true,
@@ -7614,7 +7654,7 @@
     mountBricks(bricks, match, slotId, mountRoutesResult, tplStack) {
       var _this6 = this;
-      return _asyncToGenerator__default['default'](function* () {
+      return _asyncToGenerator__default["default"](function* () {
         for (var brickConf of bricks) {
           try {
             yield _this6.mountBrick(brickConf, match, slotId, mountRoutesResult, tplStack === null || tplStack === void 0 ? void 0 : tplStack.slice());
@@ -7648,7 +7688,7 @@
     checkResolvableIf(ifContainer, context) {
       var _this7 = this;
-      return _asyncToGenerator__default['default'](function* () {
+      return _asyncToGenerator__default["default"](function* () {
         if (brickUtils.isObject(ifContainer.if)) {
           var ifChecked = computeRealValue(ifContainer.if, context, true);
           var ifConf = {};
@@ -7661,7 +7701,7 @@
     }
     preCheckPermissions(container, context) {
-      return _asyncToGenerator__default['default'](function* () {
+      return _asyncToGenerator__default["default"](function* () {
         if (isLoggedIn() && container.permissionsPreCheck && Array.isArray(container.permissionsPreCheck)) {
           var usedActions = computeRealValue(container.permissionsPreCheck, context, true);
           yield validatePermissions(usedActions);
@@ -7672,7 +7712,7 @@
     mountBrick(brickConf, match, slotId, mountRoutesResult, tplStack = []) {
       var _this8 = this;
-      return _asyncToGenerator__default['default'](function* () {
+      return _asyncToGenerator__default["default"](function* () {
         var _this8$kernel$nextApp;
         var tplContextId = brickConf[symbolForTplContextId];
@@ -7747,7 +7787,7 @@
         var expandedBrickConf = brickConf;
         if (tplTagName) {
-          expandedBrickConf = expandCustomTemplate(_objectSpread__default['default'](_objectSpread__default['default']({}, brickConf), {}, {
+          expandedBrickConf = expandCustomTemplate(_objectSpread__default["default"](_objectSpread__default["default"]({}, brickConf), {}, {
             brick: tplTagName,
             // Properties are computed for custom templates.
             properties: brick.properties
@@ -7821,7 +7861,7 @@
           if (brickUtils.isObject(expandedBrickConf.slots)) {
             for (var [_slotId, slotConf] of Object.entries(expandedBrickConf.slots)) {
-              var slottedMountRoutesResult = _objectSpread__default['default'](_objectSpread__default['default']({}, mountRoutesResult), {}, {
+              var slottedMountRoutesResult = _objectSpread__default["default"](_objectSpread__default["default"]({}, mountRoutesResult), {}, {
                 main: brick.children
               });
@@ -8059,7 +8099,7 @@
         // },
         $refresh: {
           value: function () {
-            var _ref = _asyncToGenerator__default['default'](function* ({
+            var _ref = _asyncToGenerator__default["default"](function* ({
               ignoreErrors,
               throwErrors,
               $$scheduled
@@ -8072,7 +8112,7 @@
               try {
                 yield Promise.all(this.$$dependents.map( /*#__PURE__*/function () {
-                  var _ref2 = _asyncToGenerator__default['default'](function* ({
+                  var _ref2 = _asyncToGenerator__default["default"](function* ({
                     brick,
                     method,
                     args,
@@ -8107,7 +8147,7 @@
                     }
                     function _fetchData() {
-                      _fetchData = _asyncToGenerator__default['default'](function* () {
+                      _fetchData = _asyncToGenerator__default["default"](function* () {
                         var value = yield promise;
                         data = field === null || field === undefined ? value : lodash.get(value, field); // The fetched data and its inner objects should never be *injected* again.
@@ -8167,13 +8207,13 @@
   class Resolver {
     constructor(kernel) {
-      _defineProperty__default['default'](this, "cache", new Map());
+      _defineProperty__default["default"](this, "cache", new Map());
-      _defineProperty__default['default'](this, "refreshQueue", new Map());
+      _defineProperty__default["default"](this, "refreshQueue", new Map());
-      _defineProperty__default['default'](this, "definedResolves", new Map());
+      _defineProperty__default["default"](this, "definedResolves", new Map());
-      _defineProperty__default['default'](this, "active", true);
+      _defineProperty__default["default"](this, "active", true);
       this.kernel = kernel;
     }
@@ -8193,7 +8233,7 @@
     defineResolves(resolves, context) {
       if (Array.isArray(resolves)) {
         for (var _resolveConf of resolves) {
-          this.definedResolves.set(_resolveConf.id, _objectSpread__default['default'](_objectSpread__default['default']({}, _resolveConf), {}, {
+          this.definedResolves.set(_resolveConf.id, _objectSpread__default["default"](_objectSpread__default["default"]({}, _resolveConf), {}, {
             args: computeRealValue(_resolveConf.args, context, true)
           }));
         }
@@ -8203,7 +8243,7 @@
     resolve(brickConf, brick, context) {
       var _this = this;
-      return _asyncToGenerator__default['default'](function* () {
+      return _asyncToGenerator__default["default"](function* () {
         var _brickConf$lifeCycle$, _brickConf$lifeCycle;
         var useResolves = ((_brickConf$lifeCycle$ = (_brickConf$lifeCycle = brickConf.lifeCycle) === null || _brickConf$lifeCycle === void 0 ? void 0 : _brickConf$lifeCycle.useResolves) !== null && _brickConf$lifeCycle$ !== void 0 ? _brickConf$lifeCycle$ : []).filter(r => {
@@ -8224,7 +8264,7 @@
     resolveOne(type, resolveConf, conf, brick, context) {
       var _this2 = this;
-      return _asyncToGenerator__default['default'](function* () {
+      return _asyncToGenerator__default["default"](function* () {
         var brickConf = conf;
         var propsReference = conf;
         var actualResolveConf;
@@ -8275,12 +8315,12 @@
           makeProviderRefreshable(providerBrick);
           if (providerBrick.interval && !_this2.refreshQueue.has(providerBrick)) {
-            _this2.refreshQueue.set(providerBrick, _objectSpread__default['default']({}, providerBrick.interval));
+            _this2.refreshQueue.set(providerBrick, _objectSpread__default["default"]({}, providerBrick.interval));
           } // Currently we can't refresh dynamic templates.
           if (type !== "reference" && !brickConf.template) {
-            providerBrick.$$dependents.push(_objectSpread__default['default']({
+            providerBrick.$$dependents.push(_objectSpread__default["default"]({
               brick,
               method,
               args,
@@ -8347,7 +8387,7 @@
         }
         function _fetchData() {
-          _fetchData = _asyncToGenerator__default['default'](function* () {
+          _fetchData = _asyncToGenerator__default["default"](function* () {
             var value = yield promise;
             data = field === null || field === undefined ? value : lodash.get(value, field); // The fetched data and its inner objects should never be *injected* again.
@@ -8388,7 +8428,7 @@
       var _loop = function (providerBrick, interval) {
         var request = /*#__PURE__*/function () {
-          var _ref = _asyncToGenerator__default['default'](function* () {
+          var _ref = _asyncToGenerator__default["default"](function* () {
             yield providerBrick.$refresh({
               ignoreErrors: interval.ignoreErrors,
               throwErrors: true,
@@ -8429,7 +8469,7 @@
       // Pass remaining arguments (including vendor specific ones) to parent constructor
       super(rawError.message);
-      _defineProperty__default['default'](this, "rawError", void 0);
+      _defineProperty__default["default"](this, "rawError", void 0);
       this.name = "ResolveRequestError"; // Maintains proper stack trace for where our error was thrown (only available on V8)
       // istanbul ignore else
@@ -8449,21 +8489,21 @@
   class Router {
     constructor(kernel) {
-      _defineProperty__default['default'](this, "defaultCollapsed", false);
+      _defineProperty__default["default"](this, "defaultCollapsed", false);
-      _defineProperty__default['default'](this, "locationContext", void 0);
+      _defineProperty__default["default"](this, "locationContext", void 0);
-      _defineProperty__default['default'](this, "rendering", false);
+      _defineProperty__default["default"](this, "rendering", false);
-      _defineProperty__default['default'](this, "nextLocation", void 0);
+      _defineProperty__default["default"](this, "nextLocation", void 0);
-      _defineProperty__default['default'](this, "prevLocation", void 0);
+      _defineProperty__default["default"](this, "prevLocation", void 0);
-      _defineProperty__default['default'](this, "state", "initial");
+      _defineProperty__default["default"](this, "state", "initial");
-      _defineProperty__default['default'](this, "renderId", void 0);
+      _defineProperty__default["default"](this, "renderId", void 0);
-      _defineProperty__default['default'](this, "featureFlags", void 0);
+      _defineProperty__default["default"](this, "featureFlags", void 0);
       this.kernel = kernel;
       this.featureFlags = this.kernel.getFeatureFlags();
@@ -8520,14 +8560,14 @@
     bootstrap() {
       var _this = this;
-      return _asyncToGenerator__default['default'](function* () {
+      return _asyncToGenerator__default["default"](function* () {
         var history = getHistory();
         _this.prevLocation = history.location;
         _this.locationChangeNotify("", history.location.pathname);
         history.listen( /*#__PURE__*/function () {
-          var _ref = _asyncToGenerator__default['default'](function* (location, action) {
+          var _ref = _asyncToGenerator__default["default"](function* (location, action) {
             var _this$prevLocation$st, _location$state;
             var ignoreRendering = false;
@@ -8537,12 +8577,15 @@
             }; // Omit the "key" when checking whether locations are equal in certain situations.
             if ( // When current location is triggered by browser action of hash link.
-            location.key === undefined || action === "POP" && (_this.prevLocation.key === undefined || // or the previous location specified notify false.
+            location.key === undefined || // When current location is triggered by browser action of non-push-or-replace,
+            // such as goBack or goForward,
+            action === "POP" && ( // and the previous location was triggered by hash link,
+            _this.prevLocation.key === undefined || // or the previous location specified notify false.
             ((_this$prevLocation$st = _this.prevLocation.state) === null || _this$prevLocation$st === void 0 ? void 0 : _this$prevLocation$st.notify) === false)) {
               omittedLocationProps.key = null;
             }
-            if (history$1.locationsAreEqual(_objectSpread__default['default'](_objectSpread__default['default']({}, _this.prevLocation), omittedLocationProps), _objectSpread__default['default'](_objectSpread__default['default']({}, location), omittedLocationProps)) || action !== "POP" && ((_location$state = location.state) === null || _location$state === void 0 ? void 0 : _location$state.notify) === false) {
+            if (history$1.locationsAreEqual(_objectSpread__default["default"](_objectSpread__default["default"]({}, _this.prevLocation), omittedLocationProps), _objectSpread__default["default"](_objectSpread__default["default"]({}, location), omittedLocationProps)) || action !== "POP" && ((_location$state = location.state) === null || _location$state === void 0 ? void 0 : _location$state.notify) === false) {
               // Ignore rendering if location not changed except hash, state and optional key.
               // Ignore rendering if notify is `false`.
               ignoreRendering = true;
@@ -8586,7 +8629,7 @@
     queuedRender(location) {
       var _this2 = this;
-      return _asyncToGenerator__default['default'](function* () {
+      return _asyncToGenerator__default["default"](function* () {
         _this2.rendering = true;
         try {
@@ -8606,7 +8649,7 @@
     render(location) {
       var _this3 = this;
-      return _asyncToGenerator__default['default'](function* () {
+      return _asyncToGenerator__default["default"](function* () {
         _this3.state = "initial";
         _this3.renderId = lodash.uniqueId("render-id-");
         resetAllInjected();
@@ -8773,30 +8816,33 @@
           if (barsHidden || getRuntimeMisc().isInIframeOfLegacyConsole) {
             _this3.kernel.toggleBars(false);
           } else if (_this3.kernel.currentLayout === "console") {
-            var _menuBar$menu, _menuBar$menu2;
+            /* istanbul ignore next */
+            if (!_this3.kernel.enableUiV8) {
+              var _menuBar$menu, _menuBar$menu2;
-            yield constructMenu(menuBar, _this3.locationContext.getCurrentContext(), _this3.kernel);
+              yield constructMenu(menuBar, _this3.locationContext.getCurrentContext(), _this3.kernel);
-            if (shouldBeDefaultCollapsed((_menuBar$menu = menuBar.menu) === null || _menuBar$menu === void 0 ? void 0 : _menuBar$menu.defaultCollapsed, (_menuBar$menu2 = menuBar.menu) === null || _menuBar$menu2 === void 0 ? void 0 : _menuBar$menu2.defaultCollapsedBreakpoint)) {
-              _this3.kernel.menuBar.collapse(true);
+              if (shouldBeDefaultCollapsed((_menuBar$menu = menuBar.menu) === null || _menuBar$menu === void 0 ? void 0 : _menuBar$menu.defaultCollapsed, (_menuBar$menu2 = menuBar.menu) === null || _menuBar$menu2 === void 0 ? void 0 : _menuBar$menu2.defaultCollapsedBreakpoint)) {
+                _this3.kernel.menuBar.collapse(true);
-              _this3.defaultCollapsed = true;
-            } else {
-              if (_this3.defaultCollapsed) {
-                _this3.kernel.menuBar.collapse(false);
+                _this3.defaultCollapsed = true;
+              } else {
+                if (_this3.defaultCollapsed) {
+                  _this3.kernel.menuBar.collapse(false);
+                }
+                _this3.defaultCollapsed = false;
               }
-              _this3.defaultCollapsed = false;
-            }
+              if (actualLegacy === "iframe") {
+                // Do not modify breadcrumb in iframe mode,
+                // it will be *popped* from iframe automatically.
+                delete appBar.breadcrumb;
+              }
-            if (actualLegacy === "iframe") {
-              // Do not modify breadcrumb in iframe mode,
-              // it will be *popped* from iframe automatically.
-              delete appBar.breadcrumb;
+              mountStaticNode(_this3.kernel.menuBar.element, menuBar);
+              mountStaticNode(_this3.kernel.appBar.element, appBar);
             }
-            mountStaticNode(_this3.kernel.menuBar.element, menuBar);
-            mountStaticNode(_this3.kernel.appBar.element, appBar);
           }
           _this3.kernel.toggleLegacyIframe(actualLegacy === "iframe");
@@ -8973,12 +9019,12 @@
   /** @internal */
   var initI18n = () => {
-    i18next__default['default'].addResourceBundle("en", NS_BRICK_KIT, en);
-    i18next__default['default'].addResourceBundle("zh", NS_BRICK_KIT, zh);
+    i18next__default["default"].addResourceBundle("en", NS_BRICK_KIT, en);
+    i18next__default["default"].addResourceBundle("zh", NS_BRICK_KIT, zh);
   };
   // Ref https://reactjs.org/docs/error-boundaries.html
-  class LegacyErrorBoundary extends React__default['default'].Component {
+  class LegacyErrorBoundary extends React__default["default"].Component {
     constructor(props) {
       super(props);
       this.state = {
@@ -9001,9 +9047,9 @@
     render() {
       if (this.state.error) {
         // You can render any custom fallback UI
-        return /*#__PURE__*/React__default['default'].createElement("div", {
+        return /*#__PURE__*/React__default["default"].createElement("div", {
           "data-testid": "error-boundary"
-        }, /*#__PURE__*/React__default['default'].createElement("h3", null, this.props.t(K.SOMETHING_WENT_WRONG)), /*#__PURE__*/React__default['default'].createElement("p", null, httpErrorToString(this.state.error)));
+        }, /*#__PURE__*/React__default["default"].createElement("h3", null, this.props.t(K.SOMETHING_WENT_WRONG)), /*#__PURE__*/React__default["default"].createElement("p", null, httpErrorToString(this.state.error)));
       }
       return this.props.children;
@@ -9165,7 +9211,7 @@
       }
       warnNativeHtmlElementProperty(element.key);
-      return _objectSpread__default['default'](_objectSpread__default['default']({}, element), {}, {
+      return _objectSpread__default["default"](_objectSpread__default["default"]({}, element), {}, {
         finisher(Class) {
           Class.createMethod(element.key);
         }
@@ -9198,8 +9244,8 @@
   /** @internal */
   function useRecentApps() {
-    var [recentApps, setRecentApps] = React__default['default'].useState(getRuntime().getRecentApps());
-    React__default['default'].useEffect(() => {
+    var [recentApps, setRecentApps] = React__default["default"].useState(getRuntime().getRecentApps());
+    React__default["default"].useEffect(() => {
       var listener = event => {
         setRecentApps(event.detail);
       };
@@ -9233,8 +9279,8 @@
   function useLocation() {
     var history = getHistory();
-    var [location, setLocation] = React__default['default'].useState(history.location);
-    React__default['default'].useEffect(() => {
+    var [location, setLocation] = React__default["default"].useState(history.location);
+    React__default["default"].useEffect(() => {
       var unlisten = history.listen(location => setLocation(location));
       return unlisten;
     }, [history]);
@@ -9295,7 +9341,7 @@
     var properties = doTransform(data, cloneDeepWithInjectedMark(useBrick.properties) || {}, transformOption);
-    var brick = _objectSpread__default['default'](_objectSpread__default['default']({}, useBrick), {}, {
+    var brick = _objectSpread__default["default"](_objectSpread__default["default"]({}, useBrick), {}, {
       type: useBrick.brick,
       // Now transform data in properties too.
       properties
@@ -9342,7 +9388,7 @@
             };
           };
-          var _proxyBrick = _objectSpread__default['default'](_objectSpread__default['default']({}, tplBrick), {}, {
+          var _proxyBrick = _objectSpread__default["default"](_objectSpread__default["default"]({}, tplBrick), {}, {
             element: brick.element
           });
@@ -9354,7 +9400,7 @@
           singleRefBrickProxyMap.set(brick.ref, {
             brick: _proxyBrick
           });
-          handleProxyOfCustomTemplate(_objectSpread__default['default'](_objectSpread__default['default']({}, tplBrick), {}, {
+          handleProxyOfCustomTemplate(_objectSpread__default["default"](_objectSpread__default["default"]({}, tplBrick), {}, {
             proxyRefs: singleRefBrickProxyMap,
             proxy: getFilterProxy(tplBrick.proxy, brick.ref)
           }));
@@ -9380,7 +9426,7 @@
    * @param props - 属性。
    */
-  var SingleBrickAsComponent = /*#__PURE__*/React__default['default'].memo(function SingleBrickAsComponent({
+  var SingleBrickAsComponent = /*#__PURE__*/React__default["default"].memo(function SingleBrickAsComponent({
     useBrick,
     data,
     parentRefForUseBrickInPortal,
@@ -9391,7 +9437,7 @@
     var template;
     var brick;
-    var isBrickAvailable = React__default['default'].useMemo(() => {
+    var isBrickAvailable = React__default["default"].useMemo(() => {
       if (brickUtils.isObject(useBrick.if) && !isPreEvaluated(useBrick.if)) {
         // eslint-disable-next-line
         console.warn("Currently resolvable-if in `useBrick` is not supported.");
@@ -9403,7 +9449,7 @@
       return true;
     }, [useBrick, data]);
-    var runtimeBrick = React__default['default'].useMemo( /*#__PURE__*/_asyncToGenerator__default['default'](function* () {
+    var runtimeBrick = React__default["default"].useMemo( /*#__PURE__*/_asyncToGenerator__default["default"](function* () {
       if (!isBrickAvailable) {
         return null;
       } // If the router state is initial, ignore rendering the sub-brick.
@@ -9441,8 +9487,8 @@
       return brick;
     }), [useBrick, data, isBrickAvailable]);
-    var innerRefCallback = React__default['default'].useCallback( /*#__PURE__*/function () {
-      var _ref2 = _asyncToGenerator__default['default'](function* (element) {
+    var innerRefCallback = React__default["default"].useCallback( /*#__PURE__*/function () {
+      var _ref2 = _asyncToGenerator__default["default"](function* (element) {
         immediatelyRefCallback === null || immediatelyRefCallback === void 0 ? void 0 : immediatelyRefCallback(element);
         if (element) {
@@ -9496,24 +9542,24 @@
     }
     if (template) {
-      return /*#__PURE__*/React__default['default'].createElement(template.brick, {
+      return /*#__PURE__*/React__default["default"].createElement(template.brick, {
         ref: innerRefCallback
       }, ...slotsToChildren(template.slots).map((item, index) => {
-        return /*#__PURE__*/React__default['default'].createElement(SingleBrickAsComponent, {
+        return /*#__PURE__*/React__default["default"].createElement(SingleBrickAsComponent, {
           key: index,
           useBrick: item,
           data: brick.properties
         });
       }));
     } else {
-      return /*#__PURE__*/React__default['default'].createElement(useBrick.brick, {
+      return /*#__PURE__*/React__default["default"].createElement(useBrick.brick, {
         ref: innerRefCallback
       }, ...slotsToChildren(useBrick.slots).map((item, index) => {
         if (useBrick[symbolForTplContextId] && !item[symbolForTplContextId]) {
           item[symbolForTplContextId] = useBrick[symbolForTplContextId];
         }
-        return /*#__PURE__*/React__default['default'].createElement(SingleBrickAsComponent, {
+        return /*#__PURE__*/React__default["default"].createElement(SingleBrickAsComponent, {
           key: index,
           useBrick: item,
           data: data
@@ -9547,7 +9593,7 @@
     parentRefForUseBrickInPortal
   }) {
     if (Array.isArray(useBrick)) {
-      return /*#__PURE__*/React__default['default'].createElement(React__default['default'].Fragment, null, useBrick.map((item, index) => /*#__PURE__*/React__default['default'].createElement(SingleBrickAsComponent, {
+      return /*#__PURE__*/React__default["default"].createElement(React__default["default"].Fragment, null, useBrick.map((item, index) => /*#__PURE__*/React__default["default"].createElement(SingleBrickAsComponent, {
         key: index,
         useBrick: item,
         data: data,
@@ -9555,7 +9601,7 @@
       })));
     }
-    return /*#__PURE__*/React__default['default'].createElement(SingleBrickAsComponent, {
+    return /*#__PURE__*/React__default["default"].createElement(SingleBrickAsComponent, {
       useBrick: useBrick,
       data: data,
       parentRefForUseBrickInPortal: parentRefForUseBrickInPortal
@@ -9567,8 +9613,8 @@
       return [];
     }
-    return Object.entries(slots).flatMap(([slot, slotConf]) => Array.isArray(slotConf.bricks) ? slotConf.bricks.map(child => _objectSpread__default['default'](_objectSpread__default['default']({}, child), {}, {
-      properties: _objectSpread__default['default'](_objectSpread__default['default']({}, child.properties), {}, {
+    return Object.entries(slots).flatMap(([slot, slotConf]) => Array.isArray(slotConf.bricks) ? slotConf.bricks.map(child => _objectSpread__default["default"](_objectSpread__default["default"]({}, child), {}, {
+      properties: _objectSpread__default["default"](_objectSpread__default["default"]({}, child.properties), {}, {
         slot
       })
     })) : []);
@@ -9585,7 +9631,7 @@
   // eslint-disable-next-line react/display-name
-  var ForwardRefSingleBrickAsComponent = /*#__PURE__*/React__default['default'].memo( /*#__PURE__*/React.forwardRef(function LegacySingleBrickAsComponent({
+  var ForwardRefSingleBrickAsComponent = /*#__PURE__*/React__default["default"].memo( /*#__PURE__*/React.forwardRef(function LegacySingleBrickAsComponent({
     useBrick,
     data,
     parentRefForUseBrickInPortal,
@@ -9597,7 +9643,7 @@
     var template;
     var brick;
-    var isBrickAvailable = React__default['default'].useMemo(() => {
+    var isBrickAvailable = React__default["default"].useMemo(() => {
       if (brickUtils.isObject(useBrick.if) && !isPreEvaluated(useBrick.if)) {
         // eslint-disable-next-line
         console.warn("Currently resolvable-if in `useBrick` is not supported.");
@@ -9614,7 +9660,7 @@
     React.useImperativeHandle(ref, () => {
       return brickRef.current;
     });
-    var runtimeBrick = React__default['default'].useMemo( /*#__PURE__*/_asyncToGenerator__default['default'](function* () {
+    var runtimeBrick = React__default["default"].useMemo( /*#__PURE__*/_asyncToGenerator__default["default"](function* () {
       if (!isBrickAvailable) {
         return null;
       } // If the router state is initial, ignore rendering the sub-brick.
@@ -9654,8 +9700,8 @@
       listenOnTrackingContext(brick, trackingContextList, runtimeContext);
       return brick;
     }), [useBrick, data, isBrickAvailable]);
-    var innerRefCallback = React__default['default'].useCallback( /*#__PURE__*/function () {
-      var _ref4 = _asyncToGenerator__default['default'](function* (element) {
+    var innerRefCallback = React__default["default"].useCallback( /*#__PURE__*/function () {
+      var _ref4 = _asyncToGenerator__default["default"](function* (element) {
         brickRef.current = element;
         if (element) {
@@ -9709,24 +9755,24 @@
     }
     if (template) {
-      return /*#__PURE__*/React__default['default'].createElement(template.brick, {
+      return /*#__PURE__*/React__default["default"].createElement(template.brick, {
         ref: innerRefCallback
       }, ...slotsToChildren(template.slots).map((item, index) => {
-        return /*#__PURE__*/React__default['default'].createElement(SingleBrickAsComponent, {
+        return /*#__PURE__*/React__default["default"].createElement(SingleBrickAsComponent, {
           key: index,
           useBrick: item,
           data: brick.properties
         });
       }));
     } else {
-      return /*#__PURE__*/React__default['default'].createElement(useBrick.brick, {
+      return /*#__PURE__*/React__default["default"].createElement(useBrick.brick, {
         ref: innerRefCallback
       }, ...slotsToChildren(useBrick.slots).map((item, index) => {
         if (useBrick[symbolForTplContextId] && !item[symbolForTplContextId]) {
           item[symbolForTplContextId] = useBrick[symbolForTplContextId];
         }
-        return /*#__PURE__*/React__default['default'].createElement(SingleBrickAsComponent, {
+        return /*#__PURE__*/React__default["default"].createElement(SingleBrickAsComponent, {
           key: index,
           useBrick: item,
           data: data
@@ -9786,7 +9832,7 @@
   var TimePicker$1 = locale$4;
   var locale$3 = {
-    lang: _extends__default['default']({
+    lang: _extends__default["default"]({
       placeholder: '请选择日期',
       yearPlaceholder: '请选择年份',
       quarterPlaceholder: '请选择季度',
@@ -9797,7 +9843,7 @@
       rangeMonthPlaceholder: ['开始月份', '结束月份'],
       rangeWeekPlaceholder: ['开始周', '结束周']
     }, locale$5),
-    timePickerLocale: _extends__default['default']({}, TimePicker$1)
+    timePickerLocale: _extends__default["default"]({}, TimePicker$1)
   }; // should add whitespace between char in Button
   locale$3.lang.ok = '确 定'; // All settings at:
@@ -9983,7 +10029,7 @@
   var TimePicker = locale$1;
   var locale = {
-    lang: _extends__default['default']({
+    lang: _extends__default["default"]({
       placeholder: 'Select date',
       yearPlaceholder: 'Select year',
       quarterPlaceholder: 'Select quarter',
@@ -9994,7 +10040,7 @@
       rangeMonthPlaceholder: ['Start month', 'End month'],
       rangeWeekPlaceholder: ['Start week', 'End week']
     }, locale$2),
-    timePickerLocale: _extends__default['default']({}, TimePicker)
+    timePickerLocale: _extends__default["default"]({}, TimePicker)
   }; // All settings at:
   // https://github.com/ant-design/ant-design/blob/master/components/date-picker/locale/example.json
@@ -10214,8 +10260,8 @@
     var background = (_props$background = props.background) !== null && _props$background !== void 0 ? _props$background : "white";
     var emptyImage = background === "white" ? SvgEmptyGreyImage : SvgEmptyLightGreyImage;
     var illustration = React.useMemo(() => props.illustration && illustrations.getIllustration(props.illustration), [props.illustration]);
-    var image = props.illustration ? illustration : /*#__PURE__*/React__default['default'].createElement(emptyImage);
-    return /*#__PURE__*/React__default['default'].createElement(antd.Empty, {
+    var image = props.illustration ? illustration : /*#__PURE__*/React__default["default"].createElement(emptyImage);
+    return /*#__PURE__*/React__default["default"].createElement(antd.Empty, {
       image: image,
       imageStyle: props.imageStyle,
       description: props.description
@@ -10226,7 +10272,7 @@
    */
   function renderEasyopsEmpty() {
-    return /*#__PURE__*/React__default['default'].createElement(EasyopsEmpty, null);
+    return /*#__PURE__*/React__default["default"].createElement(EasyopsEmpty, null);
   }
   var FeatureFlagsContext = /*#__PURE__*/React.createContext(null);
@@ -10296,25 +10342,25 @@
   function DisplayByFeatureFlags(props) {
     var featureFlags = useFeatureFlags(props.name);
-    return featureFlags.every(flag => !!flag) ? /*#__PURE__*/React__default['default'].createElement(React__default['default'].Fragment, null, props.children) : props !== null && props !== void 0 && props.fallback ? /*#__PURE__*/React__default['default'].createElement(React__default['default'].Fragment, null, props === null || props === void 0 ? void 0 : props.fallback) : null;
+    return featureFlags.every(flag => !!flag) ? /*#__PURE__*/React__default["default"].createElement(React__default["default"].Fragment, null, props.children) : props !== null && props !== void 0 && props.fallback ? /*#__PURE__*/React__default["default"].createElement(React__default["default"].Fragment, null, props === null || props === void 0 ? void 0 : props.fallback) : null;
   }
   /**
    * 构件的 React 组件包装器，包含 ErrorBoundary, ConfigProvider, FeatureFlagsProvider。
    */
   function BrickWrapper(props) {
-    var locale = i18next__default['default'].language && i18next__default['default'].language.split("-")[0] === "en" ? defaultLocale : zhCN; // istanbul ignore next
+    var locale = i18next__default["default"].language && i18next__default["default"].language.split("-")[0] === "en" ? defaultLocale : zhCN; // istanbul ignore next
     var featureFlags = process.env.NODE_ENV === "test" ? {} : getRuntime().getFeatureFlags();
-    return /*#__PURE__*/React__default['default'].createElement(ErrorBoundary, null, /*#__PURE__*/React__default['default'].createElement(FeatureFlagsProvider, {
+    return /*#__PURE__*/React__default["default"].createElement(ErrorBoundary, null, /*#__PURE__*/React__default["default"].createElement(FeatureFlagsProvider, {
       value: featureFlags
-    }, /*#__PURE__*/React__default['default'].createElement(antd.ConfigProvider, {
+    }, /*#__PURE__*/React__default["default"].createElement(antd.ConfigProvider, {
       locale: locale,
       autoInsertSpaceInButton: false,
       renderEmpty: () => {
         var _props$wrapperConfig;
-        return /*#__PURE__*/React__default['default'].createElement(EasyopsEmpty, (_props$wrapperConfig = props.wrapperConfig) === null || _props$wrapperConfig === void 0 ? void 0 : _props$wrapperConfig.empty);
+        return /*#__PURE__*/React__default["default"].createElement(EasyopsEmpty, (_props$wrapperConfig = props.wrapperConfig) === null || _props$wrapperConfig === void 0 ? void 0 : _props$wrapperConfig.empty);
       }
     }, props.children)));
   }
@@ -10420,7 +10466,7 @@
     constructor(...args) {
       super(...args);
-      _defineProperty__default['default'](this, "_hasRequestedRender", false);
+      _defineProperty__default["default"](this, "_hasRequestedRender", false);
     }
     /** @internal */
@@ -10608,7 +10654,7 @@
       var {
         type
       } = options,
-          eventInit = _objectWithoutProperties__default['default'](options, _excluded);
+          eventInit = _objectWithoutProperties__default["default"](options, _excluded);
       this.__dev_only_definedEvents.add(type); // Make event emitter readonly.
@@ -10616,7 +10662,7 @@
       Object.defineProperty(this.prototype, name, {
         get() {
           return Object.freeze({
-            emit: detail => this.dispatchEvent(new CustomEvent(type, _objectSpread__default['default'](_objectSpread__default['default']({}, eventInit), {}, {
+            emit: detail => this.dispatchEvent(new CustomEvent(type, _objectSpread__default["default"](_objectSpread__default["default"]({}, eventInit), {}, {
               detail
             })))
           });
@@ -10631,19 +10677,19 @@
   }
-  _defineProperty__default['default'](UpdatingElement, "_observedAttributes", new Set());
+  _defineProperty__default["default"](UpdatingElement, "_observedAttributes", new Set());
-  _defineProperty__default['default'](UpdatingElement, "__dev_only_definedProperties", new Set());
+  _defineProperty__default["default"](UpdatingElement, "__dev_only_definedProperties", new Set());
-  _defineProperty__default['default'](UpdatingElement, "__dev_only_definedMethods", new Set());
+  _defineProperty__default["default"](UpdatingElement, "__dev_only_definedMethods", new Set());
-  _defineProperty__default['default'](UpdatingElement, "__dev_only_definedEvents", new Set());
+  _defineProperty__default["default"](UpdatingElement, "__dev_only_definedEvents", new Set());
   /**
    * 模态框类构件的抽象基类。
    */
-  var ModalElement = _decorate__default['default'](null, function (_initialize, _UpdatingElement) {
+  var ModalElement = _decorate__default["default"](null, function (_initialize, _UpdatingElement) {
     class ModalElement extends _UpdatingElement {
       constructor(...args) {
         super(...args);
@@ -10749,5 +10795,5 @@
   Object.defineProperty(exports, '__esModule', { value: true });
-})));
+}));
 //# sourceMappingURL=index.bundle.js.map