@next-core/brick-kit 2.92.2 → 2.95.0

package/dist/index.esm.js

@@ -7,9 +7,9 @@ import React, { useState, useEffect, forwardRef, useRef, useImperativeHandle, us
 import lodash, { set, get, difference, identity, cloneDeep, isNil, sortBy, merge, clamp, uniqueId, orderBy, omit, isEmpty } from 'lodash';
 import { toPath, computeRealRoutePath, hasOwnProperty, isObject, isEvaluable, transformAndInject, transform, trackContext, scanPermissionActionsInStoryboard, precookFunction, cook, shouldAllowRecursiveEvaluations, preevaluate, inject, deepFreeze, createProviderClass, scanRouteAliasInStoryboard, loadScript, getTemplateDepsOfStoryboard, getDllAndDepsOfStoryboard, asyncProcessStoryboard, prefetchScript, scanBricksInBrickConf, scanProcessorsInAny, getDllAndDepsByResource, resolveContextConcurrently, matchPath, asyncProcessBrick, restoreDynamicTemplates, mapCustomApisToNameAndNamespace, scanCustomApisInStoryboard } from '@next-core/brick-utils';
 import { http, HttpResponseError, HttpFetchError } from '@next-core/brick-http';
-import i18next, { getFixedT } from 'i18next';
 import moment from 'moment';
 import { pipes } from '@next-core/pipes';
+import i18next, { getFixedT } from 'i18next';
 import { userAnalytics, apiAnalyzer } from '@next-core/easyops-analytics';
 import yaml from 'js-yaml';
 import { Modal, message, Empty, ConfigProvider } from 'antd';
@@ -1159,7 +1159,6 @@ function listenDevtools() {
     }
   });
 }
-
 function getDevHook() {
   return window.__BRICK_NEXT_DEVTOOLS_HOOK__;
 }
@@ -1170,6 +1169,90 @@ function restoreDehydrated(value) {
   return (_getDevHook$restoreDe = (_getDevHook2 = getDevHook()) === null || _getDevHook2 === void 0 ? void 0 : _getDevHook2.restoreDehydrated(value)) !== null && _getDevHook$restoreDe !== void 0 ? _getDevHook$restoreDe : value;
 }
 
+function getItemFactory(storageType) {
+  return function (name) {
+    var storage = storageType === "local" ? localStorage : sessionStorage;
+    return JSON.parse(storage.getItem(name));
+  };
+}
+
+var locale$7 = {
+  [K.REQUEST_FAILED]: "Request Failed",
+  [K.MODAL_OK]: "Ok",
+  [K.MODAL_CANCEL]: "Cancel",
+  [K.SOMETHING_WENT_WRONG]: "Something went wrong!",
+  [K.LOGIN_TIMEOUT_MESSAGE]: "You haven't logged in or your login session has expired. Login right now?",
+  [K.NETWORK_ERROR]: "Network error, please check your network."
+};
+var en = locale$7;
+
+var locale$6 = {
+  [K.REQUEST_FAILED]: "请求失败",
+  [K.MODAL_OK]: "确认",
+  [K.MODAL_CANCEL]: "取消",
+  [K.SOMETHING_WENT_WRONG]: "出现了一些问题！",
+  [K.LOGIN_TIMEOUT_MESSAGE]: "您还未登录或登录信息已过期，现在重新登录？",
+  [K.NETWORK_ERROR]: "网络错误，请检查您的网络连接。"
+};
+var zh = locale$6;
+
+/** @internal */
+
+var initI18n = () => {
+  i18next.addResourceBundle("en", NS_BRICK_KIT, en);
+  i18next.addResourceBundle("zh", NS_BRICK_KIT, zh);
+};
+/** @internal */
+
+function getI18nNamespace(type, id) {
+  return "$".concat(type, "-").concat(id);
+}
+
+function registerWidgetI18n(widgetId, i18n) {
+  var ns = getI18nNamespace("widget", widgetId);
+  Object.entries(i18n).forEach(_ref => {
+    var [lang, resources] = _ref;
+    i18next.addResourceBundle(lang, ns, resources);
+  });
+}
+function widgetI18nFactory(widgetId) {
+  return getFixedT(null, getI18nNamespace("widget", widgetId));
+}
+
+function i18nText(data) {
+  var _i18next$language;
+
+  if (!data) {
+    return;
+  }
+
+  var language = (_i18next$language = i18next.language) !== null && _i18next$language !== void 0 ? _i18next$language : "zh-CN"; // First, make a perfect match.
+
+  if (hasOwnProperty(data, language)) {
+    return data[language];
+  } // https://en.wikipedia.org/wiki/IETF_language_tag
+
+
+  var primaryLanguage = language.split("-")[0];
+
+  if (primaryLanguage !== language) {
+    // Then, match the primary language (which omits other subtags).
+    // E.g., match `zh` if the current language is `zh-CN`.
+    return hasOwnProperty(data, primaryLanguage) ? data[primaryLanguage] : undefined;
+  } // At last, match the first key which starts with the primary language,
+  // if the current language contains primary subtag only.
+  // E.g., match `zh-CN` if the current language is `zh`.
+
+
+  var prefix = "".concat(primaryLanguage, "-");
+
+  for (var key of Object.keys(data)) {
+    if (key.startsWith(prefix)) {
+      return data[key];
+    }
+  }
+}
+
 function asyncGeneratorStep$2(gen, resolve, reject, _next, _throw, key, arg) {
   try {
     var info = gen[key](arg);
@@ -1382,88 +1465,68 @@ function resetPermissionPreChecks() {
   permissionMap.clear();
 }
 
-function getItemFactory(storageType) {
-  return function (name) {
-    var storage = storageType === "local" ? localStorage : sessionStorage;
-    return JSON.parse(storage.getItem(name));
-  };
-}
+// `GeneralGlobals` are globals which are page-state-agnostic,
+// thus they can be used both in storyboard expressions and functions.
+function getGeneralGlobals(attemptToVisitGlobals, options) {
+  var globalVariables = {};
 
-function i18nText(data) {
-  var _i18next$language;
+  for (var variableName of attemptToVisitGlobals) {
+    var variable = getIndividualGlobal(variableName, options);
 
-  if (!data) {
-    return;
+    if (variable !== undefined) {
+      globalVariables[variableName] = variable;
+    }
   }
 
-  var language = (_i18next$language = i18next.language) !== null && _i18next$language !== void 0 ? _i18next$language : "zh-CN"; // First, make a perfect match.
+  return globalVariables;
+}
 
-  if (hasOwnProperty(data, language)) {
-    return data[language];
-  } // https://en.wikipedia.org/wiki/IETF_language_tag
+function getIndividualGlobal(variableName, _ref) {
+  var {
+    collectCoverage,
+    widgetId,
+    app,
+    storyboardFunctions
+  } = _ref;
 
+  switch (variableName) {
+    case "BASE_URL":
+      return collectCoverage ? "/next" : getBasePath().replace(/\/$/, "");
 
-  var primaryLanguage = language.split("-")[0];
+    case "FN":
+      return storyboardFunctions;
 
-  if (primaryLanguage !== language) {
-    // Then, match the primary language (which omits other subtags).
-    // E.g., match `zh` if the current language is `zh-CN`.
-    return hasOwnProperty(data, primaryLanguage) ? data[primaryLanguage] : undefined;
-  } // At last, match the first key which starts with the primary language,
-  // if the current language contains primary subtag only.
-  // E.g., match `zh-CN` if the current language is `zh`.
+    case "IMG":
+      return collectCoverage ? fakeImageFactory() : widgetId ? widgetImagesFactory(widgetId) : imagesFactory(app.id, app.isBuildPush);
 
+    case "I18N":
+      return collectCoverage ? identity : widgetId ? widgetI18nFactory(widgetId) : getFixedT(null, getI18nNamespace("app", app.id));
 
-  var prefix = "".concat(primaryLanguage, "-");
+    case "I18N_TEXT":
+      return collectCoverage ? fakeI18nText : i18nText;
 
-  for (var key of Object.keys(data)) {
-    if (key.startsWith(prefix)) {
-      return data[key];
-    }
+    case "PERMISSIONS":
+      return {
+        check: collectCoverage ? fakeCheckPermissions : checkPermissions
+      };
   }
 }
 
-var locale$7 = {
-  [K.REQUEST_FAILED]: "Request Failed",
-  [K.MODAL_OK]: "Ok",
-  [K.MODAL_CANCEL]: "Cancel",
-  [K.SOMETHING_WENT_WRONG]: "Something went wrong!",
-  [K.LOGIN_TIMEOUT_MESSAGE]: "You haven't logged in or your login session has expired. Login right now?",
-  [K.NETWORK_ERROR]: "Network error, please check your network."
-};
-var en = locale$7;
-
-var locale$6 = {
-  [K.REQUEST_FAILED]: "请求失败",
-  [K.MODAL_OK]: "确认",
-  [K.MODAL_CANCEL]: "取消",
-  [K.SOMETHING_WENT_WRONG]: "出现了一些问题！",
-  [K.LOGIN_TIMEOUT_MESSAGE]: "您还未登录或登录信息已过期，现在重新登录？",
-  [K.NETWORK_ERROR]: "网络错误，请检查您的网络连接。"
-};
-var zh = locale$6;
-
-/** @internal */
+function fakeI18nText(data) {
+  return data === null || data === void 0 ? void 0 : data.en;
+}
 
-var initI18n = () => {
-  i18next.addResourceBundle("en", NS_BRICK_KIT, en);
-  i18next.addResourceBundle("zh", NS_BRICK_KIT, zh);
-};
-/** @internal */
+function fakeImageFactory() {
+  return {
+    get(name) {
+      return "mock/images/".concat(name);
+    }
 
-function getI18nNamespace(type, id) {
-  return "$".concat(type, "-").concat(id);
+  };
 }
 
-function registerWidgetI18n(widgetId, i18n) {
-  var ns = getI18nNamespace("widget", widgetId);
-  Object.entries(i18n).forEach(_ref => {
-    var [lang, resources] = _ref;
-    i18next.addResourceBundle(lang, ns, resources);
-  });
-}
-function widgetI18nFactory(widgetId) {
-  return getFixedT(null, getI18nNamespace("widget", widgetId));
+function fakeCheckPermissions() {
+  return true;
 }
 
 /** @internal */
@@ -1482,29 +1545,11 @@ function StoryboardFunctionRegistryFactory() {
     }
 
   });
-
-  var builtinSupply = _objectSpread({
-    // Functions can call other functions.
-    FN: storyboardFunctions
-  }, collectCoverage ? {
-    // Fake builtin methods for tests.
-    I18N: identity,
-    I18N_TEXT: fakeI18nText,
-    IMG: fakeImageFactory()
-  } : widgetId ? {
-    I18N: widgetI18nFactory(widgetId),
-    I18N_TEXT: i18nText,
-    IMG: widgetImagesFactory(widgetId)
-  } : {
-    I18N_TEXT: i18nText
-  });
+  var currentApp;
 
   function registerStoryboardFunctions(functions, app) {
     if (app) {
-      Object.assign(builtinSupply, {
-        I18N: getFixedT(null, getI18nNamespace("app", app.id)),
-        IMG: imagesFactory(app.id, app.isBuildPush)
-      });
+      currentApp = app;
     }
 
     registeredFunctions.clear();
@@ -1546,7 +1591,12 @@ function StoryboardFunctionRegistryFactory() {
       rules: {
         noVar: true
       },
-      globalVariables: supply(precooked.attemptToVisitGlobals, builtinSupply),
+      globalVariables: supply(precooked.attemptToVisitGlobals, getGeneralGlobals(precooked.attemptToVisitGlobals, {
+        collectCoverage,
+        widgetId,
+        app: currentApp,
+        storyboardFunctions
+      })),
       hooks: collector && {
         beforeEvaluate: collector.beforeEvaluate,
         beforeCall: collector.beforeCall,
@@ -1571,19 +1621,6 @@ function StoryboardFunctionRegistryFactory() {
   };
 }
 
-function fakeI18nText(data) {
-  return data === null || data === void 0 ? void 0 : data.en;
-}
-
-function fakeImageFactory() {
-  return {
-    get(name) {
-      return "mock/images/".concat(name);
-    }
-
-  };
-}
-
 var {
   storyboardFunctions,
   registerStoryboardFunctions
@@ -1612,6 +1649,39 @@ function registerWidgetFunctions(widgetId, functions) {
   registerStoryboardFunctions(functions);
 }
 
+var THROW = () => {
+  throw new Error("Can't modify read-only proxy object");
+};
+
+var readOnlyHandler = {
+  set: THROW,
+  defineProperty: THROW,
+  deleteProperty: THROW,
+  setPrototypeOf: THROW
+};
+function getReadOnlyProxy(object) {
+  return new Proxy(object, readOnlyHandler);
+} // First, we want to make accessing property of globals lazy,
+// So we use *Proxy* to make a dynamic accessor for each of these globals.
+// But we also want to keep them working in devtools.
+
+function getDynamicReadOnlyProxy(_ref) {
+  var {
+    get,
+    ownKeys
+  } = _ref;
+
+  if (getDevHook()) {
+    // In devtools, we extract them at beginning.
+    var target = Object.fromEntries(ownKeys(null).map(key => [key, get(null, key, null)]));
+    return getReadOnlyProxy(target);
+  }
+
+  return new Proxy(Object.freeze({}), {
+    get
+  });
+}
+
 var symbolForRaw = Symbol.for("pre.evaluated.raw");
 var symbolForContext = Symbol.for("pre.evaluated.context");
 function isPreEvaluated(raw) {
@@ -1729,126 +1799,142 @@ function evaluate(raw) {
 
   var app = (_runtimeContext$overr = runtimeContext.overrideApp) !== null && _runtimeContext$overr !== void 0 ? _runtimeContext$overr : currentApp;
 
-  if (attemptToVisitGlobals.has("QUERY")) {
-    globalVariables.QUERY = Object.fromEntries(Array.from(query.keys()).map(key => [key, query.get(key)]));
-  }
+  function getIndividualGlobal(variableName) {
+    switch (variableName) {
+      case "ALIAS":
+        return {
+          getUrl: getUrlByAliasFactory(app)
+        };
 
-  if (attemptToVisitGlobals.has("QUERY_ARRAY")) {
-    globalVariables.QUERY_ARRAY = Object.fromEntries(Array.from(query.keys()).map(key => [key, query.getAll(key)]));
-  }
+      case "ANCHOR":
+        return hash ? hash.substr(1) : null;
 
-  if (attemptToVisitGlobals.has("PARAMS")) {
-    globalVariables.PARAMS = new URLSearchParams(query);
-  }
+      case "APP":
+        return cloneDeep(app);
 
-  if (attemptToVisitGlobals.has("APP")) {
-    globalVariables.APP = cloneDeep(app);
-  }
+      case "CTX":
+        return getDynamicReadOnlyProxy({
+          get(target, key) {
+            var _item$brick$element;
 
-  if (attemptToVisitGlobals.has("PATH")) {
-    globalVariables.PATH = cloneDeep(match.params);
-  }
+            var item = storyboardContext.get(key);
+            return !item ? item : item.type === "brick-property" ? (_item$brick$element = item.brick.element) === null || _item$brick$element === void 0 ? void 0 : _item$brick$element[item.prop] : item.value;
+          },
 
-  if (attemptToVisitGlobals.has("SYS")) {
-    globalVariables.SYS = cloneDeep(sys);
-  }
+          ownKeys() {
+            return Array.from(storyboardContext.keys());
+          }
 
-  if (attemptToVisitGlobals.has("FLAGS")) {
-    globalVariables.FLAGS = cloneDeep(flags);
-  }
+        });
 
-  if (attemptToVisitGlobals.has("HASH")) {
-    globalVariables.HASH = hash;
-  }
+      case "FLAGS":
+        return getReadOnlyProxy(flags);
 
-  if (attemptToVisitGlobals.has("ANCHOR")) {
-    globalVariables.ANCHOR = hash ? hash.substr(1) : null;
-  }
+      case "HASH":
+        return hash;
 
-  if (attemptToVisitGlobals.has("SEGUE")) {
-    globalVariables.SEGUE = {
-      getUrl: getUrlBySegueFactory(app, segues)
-    };
-  }
+      case "INSTALLED_APPS":
+        return {
+          has: (appId, matchVersion) => getRuntime().hasInstalledApp(appId, matchVersion)
+        };
 
-  if (attemptToVisitGlobals.has("ALIAS")) {
-    globalVariables.ALIAS = {
-      getUrl: getUrlByAliasFactory(app)
-    };
-  }
+      case "LOCAL_STORAGE":
+        return {
+          getItem: getItemFactory("local")
+        };
 
-  if (attemptToVisitGlobals.has("IMG")) {
-    globalVariables.IMG = imagesFactory(app.id, app.isBuildPush);
-  }
+      case "MISC":
+        return getRuntime().getMiscSettings();
 
-  if (attemptToVisitGlobals.has("__WIDGET_IMG__")) {
-    globalVariables.__WIDGET_IMG__ = widgetImagesFactory;
-  }
+      case "PARAMS":
+        return new URLSearchParams(query);
 
-  if (attemptToVisitGlobals.has("I18N")) {
-    globalVariables.I18N = i18next.getFixedT(null, getI18nNamespace("app", app.id));
-  }
+      case "PATH":
+        return getReadOnlyProxy(match.params);
 
-  if (attemptToVisitGlobals.has("__WIDGET_I18N__")) {
-    globalVariables.__WIDGET_I18N__ = widgetI18nFactory;
-  }
+      case "PROCESSORS":
+        return getDynamicReadOnlyProxy({
+          get(target, key) {
+            var pkg = customProcessorRegistry.get(key);
+            return pkg ? getDynamicReadOnlyProxy({
+              get(t, k) {
+                return pkg.get(k);
+              },
 
-  if (attemptToVisitGlobals.has("I18N_TEXT")) {
-    globalVariables.I18N_TEXT = i18nText;
-  }
+              ownKeys() {
+                return Array.from(pkg.keys());
+              }
 
-  if (attemptToVisitGlobals.has("CTX")) {
-    globalVariables.CTX = Object.fromEntries(Array.from(storyboardContext.entries()).map(_ref => {
-      var _item$brick$element;
+            }) : pkg;
+          },
 
-      var [name, item] = _ref;
-      return [name, item.type === "brick-property" ? (_item$brick$element = item.brick.element) === null || _item$brick$element === void 0 ? void 0 : _item$brick$element[item.prop] : item.value];
-    }));
-  }
+          ownKeys() {
+            return Array.from(customProcessorRegistry.keys());
+          }
 
-  if (attemptToVisitGlobals.has("PROCESSORS")) {
-    globalVariables.PROCESSORS = Object.fromEntries(Array.from(customProcessorRegistry.entries()).map(_ref2 => {
-      var [namespace, registry] = _ref2;
-      return [namespace, Object.fromEntries(registry.entries())];
-    }));
-  }
+        });
 
-  if (attemptToVisitGlobals.has("PERMISSIONS")) {
-    globalVariables.PERMISSIONS = {
-      check: checkPermissions
-    };
-  }
+      case "QUERY":
+        return getDynamicReadOnlyProxy({
+          get(target, key) {
+            return query.get(key);
+          },
 
-  if (attemptToVisitGlobals.has("LOCAL_STORAGE")) {
-    globalVariables.LOCAL_STORAGE = {
-      getItem: getItemFactory("local")
-    };
-  }
+          ownKeys() {
+            return Array.from(query.keys());
+          }
 
-  if (attemptToVisitGlobals.has("SESSION_STORAGE")) {
-    globalVariables.SESSION_STORAGE = {
-      getItem: getItemFactory("session")
-    };
-  }
+        });
 
-  if (attemptToVisitGlobals.has("INSTALLED_APPS")) {
-    globalVariables.INSTALLED_APPS = {
-      has: (appId, matchVersion) => getRuntime().hasInstalledApp(appId, matchVersion)
-    };
-  }
+      case "QUERY_ARRAY":
+        return getDynamicReadOnlyProxy({
+          get(target, key) {
+            return query.getAll(key);
+          },
 
-  if (attemptToVisitGlobals.has("FN")) {
-    globalVariables.FN = storyboardFunctions;
-  }
+          ownKeys() {
+            return Array.from(query.keys());
+          }
+
+        });
+
+      case "SEGUE":
+        return {
+          getUrl: getUrlBySegueFactory(app, segues)
+        };
+
+      case "SESSION_STORAGE":
+        return {
+          getItem: getItemFactory("session")
+        };
+
+      case "SYS":
+        return getReadOnlyProxy(sys);
 
-  if (attemptToVisitGlobals.has("__WIDGET_FN__")) {
-    globalVariables.__WIDGET_FN__ = widgetFunctions;
+      case "__WIDGET_FN__":
+        return widgetFunctions;
+
+      case "__WIDGET_IMG__":
+        return widgetImagesFactory;
+
+      case "__WIDGET_I18N__":
+        return widgetI18nFactory;
+    }
   }
 
-  if (attemptToVisitGlobals.has("MISC")) {
-    globalVariables.MISC = getRuntime().getMiscSettings();
+  for (var variableName of attemptToVisitGlobals) {
+    var variable = getIndividualGlobal(variableName);
+
+    if (variable !== undefined) {
+      globalVariables[variableName] = variable;
+    }
   }
 
+  Object.assign(globalVariables, getGeneralGlobals(precooked.attemptToVisitGlobals, {
+    storyboardFunctions,
+    app
+  }));
+
   try {
     var result = cook(precooked.expression, precooked.source, {
       globalVariables: supply(precooked.attemptToVisitGlobals, globalVariables)
@@ -6097,14 +6183,6 @@ class Kernel {
 
     _defineProperty$1(this, "loadingBar", void 0);
 
-    _defineProperty$1(this, "navBar", void 0);
-
-    _defineProperty$1(this, "sideBar", void 0);
-
-    _defineProperty$1(this, "footer", void 0);
-
-    _defineProperty$1(this, "breadcrumb", void 0);
-
     _defineProperty$1(this, "router", void 0);
 
     _defineProperty$1(this, "currentApp", void 0);
@@ -6121,8 +6199,6 @@ class Kernel {
 
     _defineProperty$1(this, "currentLayout", void 0);
 
-    _defineProperty$1(this, "enableUiV8", false);
-
     _defineProperty$1(this, "allUserMapPromise", Promise.resolve(new Map()));
 
     _defineProperty$1(this, "allMagicBrickConfigMapPromise", Promise.resolve(new Map()));
@@ -6149,20 +6225,13 @@ class Kernel {
         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"); // 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.loadingBar = new BaseBar(_this, "loadingBar");
       _this.router = new Router(_this);
       initAnalytics();
       yield _this.router.bootstrap();
@@ -6190,13 +6259,7 @@ class Kernel {
         loadingBar: "business-website.loading-bar",
         pageNotFound: "business-website.page-not-found",
         pageError: "business-website.page-error"
-      } : _objectSpread(_objectSpread({}, _this2.enableUiV8 ? {
-        loadingBar: _this2.bootstrapData.navbar.loadingBar,
-        navBar: "frame-bricks.nav-bar",
-        sideBar: "frame-bricks.side-bar",
-        breadcrumb: null,
-        footer: null
-      } : _this2.bootstrapData.navbar), {}, {
+      } : _objectSpread(_objectSpread({}, _this2.bootstrapData.navbar), {}, {
         pageNotFound: "basic-bricks.page-not-found",
         pageError: "basic-bricks.page-error"
       });
@@ -6211,7 +6274,7 @@ class Kernel {
 
       yield Promise.all([_this2.menuBar.bootstrap(_this2.presetBricks.menuBar, {
         testid: "brick-next-menu-bar"
-      }), _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)]);
+      }), _this2.appBar.bootstrap(_this2.presetBricks.appBar), _this2.loadingBar.bootstrap(_this2.presetBricks.loadingBar)]);
     })();
   }
 
@@ -6763,16 +6826,6 @@ class Kernel {
     })();
   }
 
-  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.
 
@@ -6977,8 +7030,6 @@ var PropertyDisplayType;
 
 /** @internal */
 
-/** @internal */
-
 /**
  * 应用的 Storyboard 配置。
  */
@@ -9104,6 +9155,23 @@ function shouldBeDefaultCollapsed(defaultCollapsed, defaultCollapsedBreakpoint)
   return defaultCollapsed || defaultCollapsedBreakpoint && document.documentElement.clientWidth < defaultCollapsedBreakpoint;
 }
 
+var useMockList = [];
+function registerMock(mockList) {
+  if (mockList) useMockList = mockList;
+}
+
+function getUrlRegExp(str) {
+  return new RegExp("".concat(str.replace(/:\w+/g, "[\\w|-]+"), "$"));
+}
+
+var isMatchMockUrl = (requestUrl, uri) => {
+  var reg = getUrlRegExp(uri);
+  return reg.test(requestUrl);
+};
+var getMockRule = requestUrl => {
+  return useMockList.find(item => isMatchMockUrl(requestUrl, item.uri));
+};
+
 class Router {
   constructor(kernel) {
     _defineProperty$1(this, "defaultCollapsed", false);
@@ -9289,7 +9357,7 @@ class Router {
       var storyboard = locationContext.matchStoryboard(_this3.kernel.bootstrapData.storyboards);
 
       if (storyboard) {
-        var _storyboard$meta;
+        var _storyboard$meta, _storyboard$meta2;
 
         yield _this3.kernel.fulfilStoryboard(storyboard); // 将动态解析后的模板还原，以便重新动态解析。
 
@@ -9307,6 +9375,7 @@ class Router {
         _this3.kernel.registerCustomTemplatesInStoryboard(storyboard);
 
         registerStoryboardFunctions((_storyboard$meta = storyboard.meta) === null || _storyboard$meta === void 0 ? void 0 : _storyboard$meta.functions, storyboard.app);
+        registerMock((_storyboard$meta2 = storyboard.meta) === null || _storyboard$meta2 === void 0 ? void 0 : _storyboard$meta2.mocks);
       }
 
       var {
@@ -9445,33 +9514,30 @@ class Router {
         if (barsHidden || getRuntimeMisc().isInIframeOfLegacyConsole) {
           _this3.kernel.toggleBars(false);
         } else if (_this3.kernel.currentLayout === "console") {
-          /* istanbul ignore next */
-          if (!_this3.kernel.enableUiV8) {
-            var _menuBar$menu, _menuBar$menu2;
-
-            yield constructMenu(menuBar, _this3.locationContext.getCurrentContext(), _this3.kernel);
+          var _menuBar$menu, _menuBar$menu2;
 
-            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);
+          yield constructMenu(menuBar, _this3.locationContext.getCurrentContext(), _this3.kernel);
 
-              _this3.defaultCollapsed = true;
-            } else {
-              if (_this3.defaultCollapsed) {
-                _this3.kernel.menuBar.collapse(false);
-              }
+          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 = false;
+            _this3.defaultCollapsed = true;
+          } else {
+            if (_this3.defaultCollapsed) {
+              _this3.kernel.menuBar.collapse(false);
             }
 
-            if (actualLegacy === "iframe") {
-              // Do not modify breadcrumb in iframe mode,
-              // it will be *popped* from iframe automatically.
-              delete appBar.breadcrumb;
-            }
+            _this3.defaultCollapsed = false;
+          }
 
-            mountStaticNode(_this3.kernel.menuBar.element, menuBar);
-            mountStaticNode(_this3.kernel.appBar.element, appBar);
+          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);
         }
 
         _this3.kernel.toggleLegacyIframe(actualLegacy === "iframe");
@@ -11298,5 +11364,5 @@ var ModalElement = _decorate(null, function (_initialize, _UpdatingElement) {
   };
 }, UpdatingElement);
 
-export { BrickAsComponent, BrickWrapper, DisplayByFeatureFlags, EasyopsEmpty, ErrorBoundary, FeatureFlagsProvider, ForwardRefSingleBrickAsComponent, ModalElement, SingleBrickAsComponent, StoryboardFunctionRegistryFactory, UpdatingElement, authenticate, checkIf, checkIfByTransform, createHistory, createRuntime, developHelper, doTransform, event, getAuth, getHistory, getRuntime, handleHttpError, httpErrorToString, i18nText, initI18n, isLoggedIn, logout, looseCheckIf, looseCheckIfByTransform, looseCheckIfOfComputed, method, preprocessTransformProperties, property, reTransformForDevtools, renderEasyopsEmpty, transformElementProperties, transformIntermediateData, transformProperties, useApplyPageTitle, useCurrentApp, useCurrentMode, useCurrentTheme, useFeatureFlags, useLocation, useRecentApps };
+export { BrickAsComponent, BrickWrapper, DisplayByFeatureFlags, EasyopsEmpty, ErrorBoundary, FeatureFlagsProvider, ForwardRefSingleBrickAsComponent, ModalElement, SingleBrickAsComponent, StoryboardFunctionRegistryFactory, UpdatingElement, authenticate, checkIf, checkIfByTransform, createHistory, createRuntime, developHelper, doTransform, event, getAuth, getHistory, getMockRule, getRuntime, handleHttpError, httpErrorToString, i18nText, initI18n, isLoggedIn, logout, looseCheckIf, looseCheckIfByTransform, looseCheckIfOfComputed, method, preprocessTransformProperties, property, reTransformForDevtools, renderEasyopsEmpty, transformElementProperties, transformIntermediateData, transformProperties, useApplyPageTitle, useCurrentApp, useCurrentMode, useCurrentTheme, useFeatureFlags, useLocation, useRecentApps };
 //# sourceMappingURL=index.esm.js.map