@next-core/brick-kit 2.73.2 → 2.75.1

package/dist/index.bundle.js

@@ -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];
@@ -2447,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.
 
@@ -2582,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")) {
@@ -2783,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);
@@ -2841,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);
@@ -2895,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();
     }
 
@@ -3305,7 +3311,7 @@
   };
 
   try {
-    path = require$$0__default['default'];
+    path = require('path');
   } catch (er) {}
 
   var GLOBSTAR = minimatch.GLOBSTAR = Minimatch.GLOBSTAR = {};
@@ -4210,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) {
@@ -4432,7 +4438,7 @@
     }
 
     function _poll() {
-      _poll = _asyncToGenerator__default['default'](function* () {
+      _poll = _asyncToGenerator__default["default"](function* () {
         timeoutIdList.delete(currentTimeoutId);
         var shouldStop;
 
@@ -4515,7 +4521,7 @@
   }
 
   function _getArgsOfCustomApi() {
-    _getArgsOfCustomApi = _asyncToGenerator__default['default'](function* (provider, originalArgs) {
+    _getArgsOfCustomApi = _asyncToGenerator__default["default"](function* (provider, originalArgs) {
       if (!isCustomApiProvider(provider)) {
         return originalArgs;
       }
@@ -4578,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 {
@@ -4619,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", {
@@ -4742,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;
@@ -4765,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;
@@ -4788,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;
@@ -4800,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;
@@ -4811,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;
@@ -4822,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;
@@ -4850,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;
@@ -4875,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;
@@ -4898,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;
@@ -4958,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;
@@ -4975,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;
@@ -4992,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;
@@ -5008,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;
@@ -5022,7 +5028,7 @@
       getMessageDispatcher()[method](channel, {
         system,
         topic
-      }, _objectSpread__default['default'](_objectSpread__default['default']({}, callback), {}, {
+      }, _objectSpread__default["default"](_objectSpread__default["default"]({}, callback), {}, {
         runtimeBrick,
         context
       }));
@@ -5044,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;
@@ -5057,14 +5063,14 @@
 
   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;
       }
 
-      var [url, target] = argsFactory(args, context, event);
-      window.open(url, target || "_self");
+      var [url, target, features] = argsFactory(args, context, event);
+      window.open(url, target || "_self", features);
     };
   }
 
@@ -5088,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;
@@ -5131,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);
       }
@@ -5143,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") {
@@ -5206,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);
       }
@@ -5230,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;
@@ -5244,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;
@@ -5256,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;
@@ -5271,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;
@@ -5283,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;
@@ -5303,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;
     }
@@ -5567,7 +5573,7 @@
    */
 
   function getAuth() {
-    return _objectSpread__default['default']({}, auth);
+    return _objectSpread__default["default"]({}, auth);
   }
   /** @internal */
 
@@ -5607,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 {
@@ -5636,7 +5642,7 @@
   }
 
   function _CustomApi() {
-    _CustomApi = _asyncToGenerator__default['default'](function* ({
+    _CustomApi = _asyncToGenerator__default["default"](function* ({
       url,
       method = "GET",
       responseWrapper = true
@@ -5644,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;
@@ -5663,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, "presetBricks", void 0);
 
-      _defineProperty__default['default'](this, "bootstrapData", void 0);
+      _defineProperty__default["default"](this, "menuBar", void 0);
 
-      _defineProperty__default['default'](this, "presetBricks", void 0);
+      _defineProperty__default["default"](this, "appBar", void 0);
 
-      _defineProperty__default['default'](this, "menuBar", void 0);
+      _defineProperty__default["default"](this, "loadingBar", void 0);
 
-      _defineProperty__default['default'](this, "appBar", void 0);
+      _defineProperty__default["default"](this, "navBar", void 0);
 
-      _defineProperty__default['default'](this, "loadingBar", void 0);
+      _defineProperty__default["default"](this, "sideBar", void 0);
 
-      _defineProperty__default['default'](this, "router", void 0);
+      _defineProperty__default["default"](this, "footer", void 0);
 
-      _defineProperty__default['default'](this, "currentApp", void 0);
+      _defineProperty__default["default"](this, "breadcrumb", void 0);
 
-      _defineProperty__default['default'](this, "previousApp", void 0);
+      _defineProperty__default["default"](this, "router", void 0);
 
-      _defineProperty__default['default'](this, "nextApp", void 0);
+      _defineProperty__default["default"](this, "currentApp", void 0);
 
-      _defineProperty__default['default'](this, "currentUrl", void 0);
+      _defineProperty__default["default"](this, "previousApp", void 0);
 
-      _defineProperty__default['default'](this, "workspaceStack", []);
+      _defineProperty__default["default"](this, "nextApp", void 0);
 
-      _defineProperty__default['default'](this, "currentLayout", void 0);
+      _defineProperty__default["default"](this, "currentUrl", void 0);
 
-      _defineProperty__default['default'](this, "allUserMapPromise", Promise.resolve(new Map()));
+      _defineProperty__default["default"](this, "workspaceStack", []);
 
-      _defineProperty__default['default'](this, "allMagicBrickConfigMapPromise", Promise.resolve(new Map()));
+      _defineProperty__default["default"](this, "currentLayout", void 0);
 
-      _defineProperty__default['default'](this, "nextAppMeta", void 0);
+      _defineProperty__default["default"](this, "enableUiV8", false);
 
-      _defineProperty__default['default'](this, "allRelatedAppsPromise", Promise.resolve([]));
+      _defineProperty__default["default"](this, "allUserMapPromise", Promise.resolve(new Map()));
 
-      _defineProperty__default['default'](this, "allMicroAppApiOrchestrationPromise", Promise.resolve(new Map()));
+      _defineProperty__default["default"](this, "allMagicBrickConfigMapPromise", Promise.resolve(new Map()));
 
-      _defineProperty__default['default'](this, "providerRepository", new Map());
+      _defineProperty__default["default"](this, "nextAppMeta", void 0);
 
-      _defineProperty__default['default'](this, "loadUsersStarted", false);
+      _defineProperty__default["default"](this, "allRelatedAppsPromise", Promise.resolve([]));
 
-      _defineProperty__default['default'](this, "loadMagicBrickConfigStarted", false);
+      _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()]);
 
@@ -5717,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();
 
@@ -5736,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)) {
@@ -5748,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"
         });
@@ -5763,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)]);
       })();
     }
 
@@ -5788,7 +5817,7 @@
     }
 
     loadCheckLogin() {
-      return _asyncToGenerator__default['default'](function* () {
+      return _asyncToGenerator__default["default"](function* () {
         var auth = yield checkLogin();
 
         if (auth.loggedIn) {
@@ -5800,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
@@ -5811,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)
         });
       })();
@@ -5820,7 +5849,7 @@
     fulfilStoryboard(storyboard) {
       var _this4 = this;
 
-      return _asyncToGenerator__default['default'](function* () {
+      return _asyncToGenerator__default["default"](function* () {
         if (storyboard.$$fulfilled) {
           return;
         }
@@ -5834,7 +5863,7 @@
     }
 
     doFulfilStoryboard(storyboard) {
-      return _asyncToGenerator__default['default'](function* () {
+      return _asyncToGenerator__default["default"](function* () {
         var {
           routes,
           meta
@@ -5851,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);
           });
         }
       })();
@@ -5860,7 +5889,7 @@
     loadDepsOfStoryboard(storyboard) {
       var _this5 = this;
 
-      return _asyncToGenerator__default['default'](function* () {
+      return _asyncToGenerator__default["default"](function* () {
         var {
           brickPackages,
           templatePackages
@@ -5937,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.
@@ -5950,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.
 
@@ -5970,7 +5999,7 @@
     loadEditorBricks(editorBricks) {
       var _this8 = this;
 
-      return _asyncToGenerator__default['default'](function* () {
+      return _asyncToGenerator__default["default"](function* () {
         var {
           dll,
           deps
@@ -6041,7 +6070,7 @@
     }
 
     loadUsers() {
-      return _asyncToGenerator__default['default'](function* () {
+      return _asyncToGenerator__default["default"](function* () {
         var allUserMap = new Map();
 
         try {
@@ -6080,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(":"));
 
@@ -6128,7 +6157,7 @@
     }
 
     loadMagicBrickConfig() {
-      return _asyncToGenerator__default['default'](function* () {
+      return _asyncToGenerator__default["default"](function* () {
         var allMagicBrickConfigMap = new Map();
 
         try {
@@ -6158,7 +6187,7 @@
     }
 
     loadRelatedApps() {
-      return _asyncToGenerator__default['default'](function* () {
+      return _asyncToGenerator__default["default"](function* () {
         var relatedApps = [];
 
         try {
@@ -6175,7 +6204,7 @@
     getRelatedAppsAsync(appId) {
       var _this10 = this;
 
-      return _asyncToGenerator__default['default'](function* () {
+      return _asyncToGenerator__default["default"](function* () {
         if (!appId) {
           return [];
         }
@@ -6194,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,
@@ -6254,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;
         }
@@ -6281,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.
 
@@ -6289,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"]);
@@ -6402,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)
       });
     }
@@ -6422,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)
               })];
             }
@@ -6446,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)
     });
   }
@@ -6582,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:
@@ -6636,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();
@@ -6665,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
           });
         }
       }
@@ -6687,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);
         }
@@ -6757,7 +6796,7 @@
       ref,
       slots: slotsInTemplate
     } = brickConfInTemplate,
-        restBrickConfInTemplate = _objectWithoutProperties__default['default'](brickConfInTemplate, _excluded2);
+        restBrickConfInTemplate = _objectWithoutProperties__default["default"](brickConfInTemplate, _excluded2);
 
     var {
       reversedProxies,
@@ -6884,7 +6923,7 @@
       }
     }
 
-    return _objectSpread__default['default'](_objectSpread__default['default']({}, restBrickConfInTemplate), {}, {
+    return _objectSpread__default["default"](_objectSpread__default["default"]({}, restBrickConfInTemplate), {}, {
       slots,
       [symbolForComputedPropsFromProxy]: computedPropsFromProxy,
       [symbolForRefForProxy]: refForProxy,
@@ -7110,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.
 
@@ -7148,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() {
@@ -7208,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;
@@ -7258,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,
@@ -7286,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));
       })();
     }
@@ -7294,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, {
@@ -7315,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);
@@ -7427,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;
@@ -7510,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;
@@ -7552,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;
@@ -7571,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;
@@ -7598,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,
@@ -7615,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());
@@ -7649,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 = {};
@@ -7662,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);
@@ -7673,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];
@@ -7748,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
@@ -7822,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
               });
 
@@ -8060,7 +8099,7 @@
         // },
         $refresh: {
           value: function () {
-            var _ref = _asyncToGenerator__default['default'](function* ({
+            var _ref = _asyncToGenerator__default["default"](function* ({
               ignoreErrors,
               throwErrors,
               $$scheduled
@@ -8073,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,
@@ -8108,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.
 
@@ -8168,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;
     }
@@ -8194,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)
           }));
         }
@@ -8204,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 => {
@@ -8225,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;
@@ -8276,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,
@@ -8348,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.
 
@@ -8389,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,
@@ -8430,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
@@ -8450,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();
@@ -8521,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;
@@ -8538,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;
@@ -8587,7 +8629,7 @@
     queuedRender(location) {
       var _this2 = this;
 
-      return _asyncToGenerator__default['default'](function* () {
+      return _asyncToGenerator__default["default"](function* () {
         _this2.rendering = true;
 
         try {
@@ -8607,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();
@@ -8774,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");
@@ -8974,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 = {
@@ -9002,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;
@@ -9166,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);
         }
@@ -9199,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);
       };
@@ -9234,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]);
@@ -9296,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
@@ -9343,7 +9388,7 @@
             };
           };
 
-          var _proxyBrick = _objectSpread__default['default'](_objectSpread__default['default']({}, tplBrick), {}, {
+          var _proxyBrick = _objectSpread__default["default"](_objectSpread__default["default"]({}, tplBrick), {}, {
             element: brick.element
           });
 
@@ -9355,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)
           }));
@@ -9381,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,
@@ -9392,19 +9437,21 @@
 
     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.");
       } else if (!looseCheckIfByTransform(useBrick, data, {
-        allowInject: true
+        allowInject: true,
+        // useBrick 中嵌套custom-template的情况下, 会存在丢失getTplVariables的情况, 因此需要在此进行补充
+        getTplVariables: () => tplContext.getContext(useBrick[symbolForTplContextId])
       })) {
         return false;
       }
 
       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.
@@ -9442,8 +9489,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) {
@@ -9497,24 +9544,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
@@ -9548,7 +9595,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,
@@ -9556,7 +9603,7 @@
       })));
     }
 
-    return /*#__PURE__*/React__default['default'].createElement(SingleBrickAsComponent, {
+    return /*#__PURE__*/React__default["default"].createElement(SingleBrickAsComponent, {
       useBrick: useBrick,
       data: data,
       parentRefForUseBrickInPortal: parentRefForUseBrickInPortal
@@ -9568,8 +9615,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
       })
     })) : []);
@@ -9586,7 +9633,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,
@@ -9598,7 +9645,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.");
@@ -9615,7 +9662,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.
@@ -9655,8 +9702,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) {
@@ -9710,24 +9757,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
@@ -9787,7 +9834,7 @@
   var TimePicker$1 = locale$4;
 
   var locale$3 = {
-    lang: _extends__default['default']({
+    lang: _extends__default["default"]({
       placeholder: '请选择日期',
       yearPlaceholder: '请选择年份',
       quarterPlaceholder: '请选择季度',
@@ -9798,7 +9845,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:
@@ -9984,7 +10031,7 @@
   var TimePicker = locale$1;
 
   var locale = {
-    lang: _extends__default['default']({
+    lang: _extends__default["default"]({
       placeholder: 'Select date',
       yearPlaceholder: 'Select year',
       quarterPlaceholder: 'Select quarter',
@@ -9995,7 +10042,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
 
@@ -10215,8 +10262,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
@@ -10227,7 +10274,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);
@@ -10297,25 +10344,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)));
   }
@@ -10421,7 +10468,7 @@
     constructor(...args) {
       super(...args);
 
-      _defineProperty__default['default'](this, "_hasRequestedRender", false);
+      _defineProperty__default["default"](this, "_hasRequestedRender", false);
     }
 
     /** @internal */
@@ -10609,7 +10656,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.
 
@@ -10617,7 +10664,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
             })))
           });
@@ -10632,19 +10679,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);
@@ -10750,5 +10797,5 @@
 
   Object.defineProperty(exports, '__esModule', { value: true });
 
-})));
+}));
 //# sourceMappingURL=index.bundle.js.map