@next-core/brick-kit 2.94.0 → 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,130 +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());
+          }
 
-  if (attemptToVisitGlobals.has("__WIDGET_FN__")) {
-    globalVariables.__WIDGET_FN__ = widgetFunctions;
-  }
+        });
+
+      case "SEGUE":
+        return {
+          getUrl: getUrlBySegueFactory(app, segues)
+        };
+
+      case "SESSION_STORAGE":
+        return {
+          getItem: getItemFactory("session")
+        };
+
+      case "SYS":
+        return getReadOnlyProxy(sys);
+
+      case "__WIDGET_FN__":
+        return widgetFunctions;
 
-  if (attemptToVisitGlobals.has("MISC")) {
-    globalVariables.MISC = getRuntime().getMiscSettings();
+      case "__WIDGET_IMG__":
+        return widgetImagesFactory;
+
+      case "__WIDGET_I18N__":
+        return widgetI18nFactory;
+    }
   }
 
-  if (attemptToVisitGlobals.has("BASE_URL")) {
-    globalVariables.BASE_URL = getBasePath().replace(/\/$/, "");
+  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)