@next-core/brick-kit 2.89.2 → 2.91.0

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/asyncToGenerator'), require('@babel/runtime/helpers/defineProperty'), require('react'), require('lodash'), require('@next-core/brick-utils'), require('@next-core/brick-http'), require('i18next'), require('moment'), require('@next-core/pipes'), require('@next-core/easyops-analytics'), require('js-yaml'), require('antd'), require('@ant-design/icons'), 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/asyncToGenerator', '@babel/runtime/helpers/defineProperty', 'react', 'lodash', '@next-core/brick-utils', '@next-core/brick-http', 'i18next', 'moment', '@next-core/pipes', '@next-core/easyops-analytics', 'js-yaml', 'antd', '@ant-design/icons', '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._asyncToGenerator$4, global._defineProperty$2, global.React, global.lodash, global.brickUtils, global.brickHttp, global.i18next, global.moment, global.pipes, global.easyopsAnalytics, global.yaml, global.antd, global.icons, global.reactI18next, global._extends$2, global.illustrations, global._decorate));
-})(this, (function (exports, history$1, _objectSpread, _objectWithoutProperties, _asyncToGenerator$4, _defineProperty$2, React, lodash, brickUtils, brickHttp, i18next, moment, pipes, easyopsAnalytics, yaml, antd, icons, reactI18next, _extends$2, illustrations, _decorate) { 'use strict';
+  (global = typeof globalThis !== 'undefined' ? globalThis : global || self, factory(global.BrickKit = {}, global.history$1, global._objectSpread, global._objectWithoutProperties, global._asyncToGenerator$4, global._defineProperty$1, global.React, global.lodash, global.brickUtils, global.brickHttp, global.i18next, global.moment, global.pipes, global.easyopsAnalytics, global.yaml, global.antd, global.icons, global.reactI18next, global._extends$1, global.illustrations, global._decorate));
+})(this, (function (exports, history$1, _objectSpread, _objectWithoutProperties, _asyncToGenerator$4, _defineProperty$1, React, lodash, brickUtils, brickHttp, i18next, moment, pipes, easyopsAnalytics, yaml, antd, icons, reactI18next, _extends$1, illustrations, _decorate) { 'use strict';
 
   function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }
 
@@ -27,14 +27,14 @@
   var _objectSpread__default = /*#__PURE__*/_interopDefaultLegacy(_objectSpread);
   var _objectWithoutProperties__default = /*#__PURE__*/_interopDefaultLegacy(_objectWithoutProperties);
   var _asyncToGenerator__default = /*#__PURE__*/_interopDefaultLegacy(_asyncToGenerator$4);
-  var _defineProperty__default = /*#__PURE__*/_interopDefaultLegacy(_defineProperty$2);
+  var _defineProperty__default = /*#__PURE__*/_interopDefaultLegacy(_defineProperty$1);
   var React__default = /*#__PURE__*/_interopDefaultLegacy(React);
   var React__namespace = /*#__PURE__*/_interopNamespace(React);
   var lodash__default = /*#__PURE__*/_interopDefaultLegacy(lodash);
   var i18next__default = /*#__PURE__*/_interopDefaultLegacy(i18next);
   var moment__default = /*#__PURE__*/_interopDefaultLegacy(moment);
   var yaml__default = /*#__PURE__*/_interopDefaultLegacy(yaml);
-  var _extends__default = /*#__PURE__*/_interopDefaultLegacy(_extends$2);
+  var _extends__default = /*#__PURE__*/_interopDefaultLegacy(_extends$1);
   var _decorate__default = /*#__PURE__*/_interopDefaultLegacy(_decorate);
 
   class BaseBar {
@@ -426,7 +426,7 @@
     };
   }
 
-  function _defineProperty$1(obj, key, value) {
+  function _defineProperty(obj, key, value) {
     if (key in obj) {
       Object.defineProperty(obj, key, {
         value: value,
@@ -441,7 +441,7 @@
     return obj;
   }
 
-  function ownKeys$1(object, enumerableOnly) {
+  function ownKeys(object, enumerableOnly) {
     var keys = Object.keys(object);
 
     if (Object.getOwnPropertySymbols) {
@@ -455,18 +455,18 @@
     return keys;
   }
 
-  function _objectSpread2$1(target) {
+  function _objectSpread2(target) {
     for (var i = 1; i < arguments.length; i++) {
       var source = arguments[i] != null ? arguments[i] : {};
 
       if (i % 2) {
-        ownKeys$1(Object(source), true).forEach(function (key) {
-          _defineProperty$1(target, key, source[key]);
+        ownKeys(Object(source), true).forEach(function (key) {
+          _defineProperty(target, key, source[key]);
         });
       } else if (Object.getOwnPropertyDescriptors) {
         Object.defineProperties(target, Object.getOwnPropertyDescriptors(source));
       } else {
-        ownKeys$1(Object(source)).forEach(function (key) {
+        ownKeys(Object(source)).forEach(function (key) {
           Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key));
         });
       }
@@ -484,7 +484,7 @@
     var _ref = _asyncToGenerator$3(function* (objectId, instanceId, params, options) {
       return (
         /**! @contract easyops.api.cmdb.instance.GetDetail */
-        (yield brickHttp.http.get("api/gateway/cmdb.instance.GetDetail/object/".concat(objectId, "/instance/").concat(instanceId), _objectSpread2$1(_objectSpread2$1({}, options), {}, {
+        (yield brickHttp.http.get("api/gateway/cmdb.instance.GetDetail/object/".concat(objectId, "/instance/").concat(instanceId), _objectSpread2(_objectSpread2({}, options), {}, {
           params
         }))).data
       );
@@ -685,12 +685,12 @@
     };
   }
 
-  function imagesFactory(app) {
+  function imagesFactory(appId, isBuildPush) {
     return {
       get(name) {
         var _window$PUBLIC_ROOT;
 
-        return app.isBuildPush ? "api/gateway/object_store.object_store.GetObject/api/v1/objectStore/bucket/next-builder/object/".concat(name) : "".concat((_window$PUBLIC_ROOT = window.PUBLIC_ROOT) !== null && _window$PUBLIC_ROOT !== void 0 ? _window$PUBLIC_ROOT : "", "micro-apps/").concat(app.id, "/images/").concat(name);
+        return isBuildPush ? "api/gateway/object_store.object_store.GetObject/api/v1/objectStore/bucket/next-builder/object/".concat(name) : "".concat((_window$PUBLIC_ROOT = window.PUBLIC_ROOT) !== null && _window$PUBLIC_ROOT !== void 0 ? _window$PUBLIC_ROOT : "", "micro-apps/").concat(appId, "/images/").concat(name);
       }
 
     };
@@ -1260,6 +1260,54 @@
     };
   }();
 
+  var auth = {};
+  /** @internal */
+
+  function authenticate(newAuth) {
+    Object.assign(auth, {
+      org: newAuth.org,
+      username: newAuth.username,
+      userInstanceId: newAuth.userInstanceId,
+      loginFrom: newAuth.loginFrom,
+      accessRule: newAuth.accessRule,
+      isAdmin: newAuth.isAdmin
+    }); // re-init analytics to set user_id
+
+    if (easyopsAnalytics.userAnalytics.initialized) {
+      easyopsAnalytics.userAnalytics.setUserId(newAuth.userInstanceId);
+    }
+  }
+  /**
+   * 获取当前登录认证信息。
+   *
+   * @returns 当前登录认证信息。
+   */
+
+  function getAuth() {
+    return _objectSpread__default["default"]({}, auth);
+  }
+  /** @internal */
+
+  function logout() {
+    auth.org = undefined;
+    auth.username = undefined;
+    auth.userInstanceId = undefined;
+    auth.accessRule = undefined;
+    auth.isAdmin = undefined;
+    resetPermissionPreChecks(); // re-init analytics to clear user_id
+
+    easyopsAnalytics.userAnalytics.setUserId();
+  }
+  /**
+   * 查看当前是否已登录。
+   *
+   * @returns 当前是否已登录。
+   */
+
+  function isLoggedIn() {
+    return auth.username !== undefined;
+  }
+
   var permissionMap = new Map();
   function preCheckPermissions(_x) {
     return _preCheckPermissions.apply(this, arguments);
@@ -1316,6 +1364,10 @@
   }
 
   function checkPermissions() {
+    if (getAuth().isAdmin) {
+      return true;
+    }
+
     for (var _len = arguments.length, actions = new Array(_len), _key = 0; _key < _len; _key++) {
       actions[_key] = arguments[_key];
     }
@@ -1389,11 +1441,55 @@
     }
   }
 
+  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__default["default"].addResourceBundle("en", NS_BRICK_KIT, en);
+    i18next__default["default"].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__default["default"].addResourceBundle(lang, ns, resources);
+    });
+  }
+  function widgetI18nFactory(widgetId) {
+    return i18next.getFixedT(null, getI18nNamespace("widget", widgetId));
+  }
+
   /** @internal */
 
   /** @internal */
   function StoryboardFunctionRegistryFactory() {
     var {
+      widgetId,
       collectCoverage
     } = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : {};
     var registeredFunctions = new Map(); // Use `Proxy` with a frozen target, to make a readonly function registry.
@@ -1405,7 +1501,30 @@
 
     });
 
-    function registerStoryboardFunctions(functions) {
+    var builtinSupply = _objectSpread__default["default"]({
+      // Functions can call other functions.
+      FN: storyboardFunctions
+    }, collectCoverage ? {
+      // Fake builtin methods for tests.
+      I18N: lodash.identity,
+      I18N_TEXT: fakeI18nText,
+      IMG: fakeImageFactory()
+    } : widgetId ? {
+      I18N: widgetI18nFactory(widgetId),
+      I18N_TEXT: i18nText,
+      IMG: widgetImagesFactory(widgetId)
+    } : {
+      I18N_TEXT: i18nText
+    });
+
+    function registerStoryboardFunctions(functions, app) {
+      if (app) {
+        Object.assign(builtinSupply, {
+          I18N: i18next.getFixedT(null, getI18nNamespace("app", app.id)),
+          IMG: imagesFactory(app.id, app.isBuildPush)
+        });
+      }
+
       registeredFunctions.clear();
 
       if (Array.isArray(functions)) {
@@ -1445,10 +1564,7 @@
         rules: {
           noVar: true
         },
-        globalVariables: supply(precooked.attemptToVisitGlobals, {
-          // Functions can call other functions.
-          FN: storyboardFunctions
-        }),
+        globalVariables: supply(precooked.attemptToVisitGlobals, builtinSupply),
         hooks: collector && {
           beforeEvaluate: collector.beforeEvaluate,
           beforeCall: collector.beforeCall,
@@ -1473,6 +1589,19 @@
     };
   }
 
+  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
@@ -1494,7 +1623,9 @@
     var {
       storyboardFunctions,
       registerStoryboardFunctions
-    } = StoryboardFunctionRegistryFactory();
+    } = StoryboardFunctionRegistryFactory({
+      widgetId
+    });
     widgetFunctionRegistry.set(widgetId, storyboardFunctions);
     registerStoryboardFunctions(functions);
   }
@@ -1665,7 +1796,7 @@
     }
 
     if (attemptToVisitGlobals.has("IMG")) {
-      globalVariables.IMG = imagesFactory(app);
+      globalVariables.IMG = imagesFactory(app.id, app.isBuildPush);
     }
 
     if (attemptToVisitGlobals.has("__WIDGET_IMG__")) {
@@ -1673,7 +1804,11 @@
     }
 
     if (attemptToVisitGlobals.has("I18N")) {
-      globalVariables.I18N = i18next__default["default"].getFixedT(null, "$app-".concat(app.id));
+      globalVariables.I18N = i18next__default["default"].getFixedT(null, getI18nNamespace("app", app.id));
+    }
+
+    if (attemptToVisitGlobals.has("__WIDGET_I18N__")) {
+      globalVariables.__WIDGET_I18N__ = widgetI18nFactory;
     }
 
     if (attemptToVisitGlobals.has("I18N_TEXT")) {
@@ -2465,6 +2600,8 @@
 
       _defineProperty__default["default"](this, "registerWidgetFunctions", registerWidgetFunctions);
 
+      _defineProperty__default["default"](this, "registerWidgetI18n", registerWidgetI18n);
+
       _defineProperty__default["default"](this, "getBasePath", getBasePath);
 
       _defineProperty__default["default"](this, "getCurrentTheme", getCurrentTheme);
@@ -5743,55 +5880,6 @@
     };
   }
 
-  function _defineProperty(obj, key, value) {
-    if (key in obj) {
-      Object.defineProperty(obj, key, {
-        value: value,
-        enumerable: true,
-        configurable: true,
-        writable: true
-      });
-    } else {
-      obj[key] = value;
-    }
-
-    return obj;
-  }
-
-  function ownKeys(object, enumerableOnly) {
-    var keys = Object.keys(object);
-
-    if (Object.getOwnPropertySymbols) {
-      var symbols = Object.getOwnPropertySymbols(object);
-      if (enumerableOnly) symbols = symbols.filter(function (sym) {
-        return Object.getOwnPropertyDescriptor(object, sym).enumerable;
-      });
-      keys.push.apply(keys, symbols);
-    }
-
-    return keys;
-  }
-
-  function _objectSpread2(target) {
-    for (var i = 1; i < arguments.length; i++) {
-      var source = arguments[i] != null ? arguments[i] : {};
-
-      if (i % 2) {
-        ownKeys(Object(source), true).forEach(function (key) {
-          _defineProperty(target, key, source[key]);
-        });
-      } else if (Object.getOwnPropertyDescriptors) {
-        Object.defineProperties(target, Object.getOwnPropertyDescriptors(source));
-      } else {
-        ownKeys(Object(source)).forEach(function (key) {
-          Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key));
-        });
-      }
-    }
-
-    return target;
-  }
-
   var checkLogin = /*#__PURE__*/function () {
     var _ref2 = _asyncToGenerator$1(function* (options) {
       return (yield brickHttp.http.get("api/auth/login", options)).data;
@@ -5802,30 +5890,6 @@
     };
   }();
 
-  var bootstrap = /*#__PURE__*/function () {
-    var _ref3 = _asyncToGenerator$1(function* (params, options) {
-      return (yield brickHttp.http.get("api/auth/bootstrap", _objectSpread2(_objectSpread2({}, options), {}, {
-        params
-      }))).data;
-    });
-
-    return function bootstrap(_x4, _x5) {
-      return _ref3.apply(this, arguments);
-    };
-  }();
-
-  var getAppStoryboard = /*#__PURE__*/function () {
-    var _ref4 = _asyncToGenerator$1(function* (appId, params, options) {
-      return (yield brickHttp.http.get("api/auth/bootstrap/".concat(appId), _objectSpread2(_objectSpread2({}, options), {}, {
-        params
-      }))).data;
-    });
-
-    return function getAppStoryboard(_x6, _x7, _x8) {
-      return _ref4.apply(this, arguments);
-    };
-  }();
-
   function asyncGeneratorStep(gen, resolve, reject, _next, _throw, key, arg) {
     try {
       var info = gen[key](arg);
@@ -5880,52 +5944,6 @@
     };
   }();
 
-  var auth = {};
-  /** @internal */
-
-  function authenticate(newAuth) {
-    Object.assign(auth, {
-      org: newAuth.org,
-      username: newAuth.username,
-      userInstanceId: newAuth.userInstanceId,
-      loginFrom: newAuth.loginFrom,
-      accessRule: newAuth.accessRule
-    }); // re-init analytics to set user_id
-
-    if (easyopsAnalytics.userAnalytics.initialized) {
-      easyopsAnalytics.userAnalytics.setUserId(newAuth.userInstanceId);
-    }
-  }
-  /**
-   * 获取当前登录认证信息。
-   *
-   * @returns 当前登录认证信息。
-   */
-
-  function getAuth() {
-    return _objectSpread__default["default"]({}, auth);
-  }
-  /** @internal */
-
-  function logout() {
-    auth.org = undefined;
-    auth.username = undefined;
-    auth.userInstanceId = undefined;
-    auth.accessRule = undefined;
-    resetPermissionPreChecks(); // re-init analytics to clear user_id
-
-    easyopsAnalytics.userAnalytics.setUserId();
-  }
-  /**
-   * 查看当前是否已登录。
-   *
-   * @returns 当前是否已登录。
-   */
-
-  function isLoggedIn() {
-    return auth.username !== undefined;
-  }
-
   /**
    * Merge `app.defaultConfig` and `app.userConfig` to `app.config`.
    *
@@ -6251,17 +6269,12 @@
       var _this3 = this;
 
       return _asyncToGenerator__default["default"](function* () {
-        // Todo(jojiang): 等 boostrap V2 接口测试通过后移除 V1 版本的兼容
-        var data = yield window.STANDALONE_MICRO_APPS ? standaloneBootstrap() : localStorage.getItem("__$$use-bootstrap-v2-provider$$__") ? BootstrapV2Api_bootstrapV2(_objectSpread__default["default"]({
+        var data = yield window.STANDALONE_MICRO_APPS ? standaloneBootstrap() : BootstrapV2Api_bootstrapV2(_objectSpread__default["default"]({
           appFields: "defaultConfig,userConfig,locales,name,homepage,id,currentVersion,installStatus,internal,status",
           ignoreTemplateFields: "templates",
           ignoreBrickFields: "bricks,processors,providers,editors"
         }, params), {
           interceptorParams
-        }) : bootstrap(_objectSpread__default["default"]({
-          brief: true
-        }, params), {
-          interceptorParams
         });
 
         var bootstrapResponse = _objectSpread__default["default"]({
@@ -6308,12 +6321,11 @@
             $$fulfilled: true
           });
         } else {
-          /* istanbul ignore next */
           var {
             routes,
             meta,
             app
-          } = yield localStorage.getItem("__$$use-bootstrap-v2-provider$$__") ? BootstrapV2Api_getAppStoryboardV2(storyboard.app.id, {}) : getAppStoryboard(storyboard.app.id);
+          } = yield BootstrapV2Api_getAppStoryboardV2(storyboard.app.id, {});
           Object.assign(storyboard, {
             routes,
             meta,
@@ -6326,7 +6338,7 @@
 
         if ((_storyboard$meta = storyboard.meta) !== null && _storyboard$meta !== void 0 && _storyboard$meta.i18n) {
           // Prefix to avoid conflict between brick package's i18n namespace.
-          var i18nNamespace = "$app-".concat(storyboard.app.id); // Support any language in `meta.i18n`.
+          var i18nNamespace = getI18nNamespace("app", storyboard.app.id); // Support any language in `meta.i18n`.
 
           Object.entries(storyboard.meta.i18n).forEach(_ref => {
             var [lang, resources] = _ref;
@@ -7901,7 +7913,8 @@
           username: auth.username,
           userInstanceId: auth.userInstanceId,
           loginFrom: auth.loginFrom,
-          accessRule: auth.accessRule
+          accessRule: auth.accessRule,
+          isAdmin: auth.isAdmin
         }, getRuntimeMisc()),
         flags: this.kernel.getFeatureFlags(),
         segues: this.segues,
@@ -8311,7 +8324,7 @@
 
     preCheckPermissions(container, context) {
       return _asyncToGenerator__default["default"](function* () {
-        if (isLoggedIn() && container.permissionsPreCheck && Array.isArray(container.permissionsPreCheck)) {
+        if (isLoggedIn() && !getAuth().isAdmin && container.permissionsPreCheck && Array.isArray(container.permissionsPreCheck)) {
           var usedActions = computeRealValue(container.permissionsPreCheck, context, true);
           yield validatePermissions(usedActions);
         }
@@ -8976,12 +8989,13 @@
         } else {
           var actualArgs = args ? ref ? args // `args` are already computed for `defineResolves`
           : context ? computeRealValue(args, context, true) : args : providerBrick.args || [];
+          promise = _asyncToGenerator__default["default"](function* () {
+            if (useProvider) {
+              actualArgs = yield getArgsOfCustomApi(useProvider, actualArgs);
+            }
 
-          if (useProvider) {
-            actualArgs = yield getArgsOfCustomApi(useProvider, actualArgs);
-          }
-
-          promise = providerBrick[method](...actualArgs);
+            return providerBrick[method](...actualArgs);
+          })();
 
           _this2.cache.set(cacheKey, promise);
         }
@@ -9049,7 +9063,7 @@
 
       var _loop = function (providerBrick, interval) {
         var request = /*#__PURE__*/function () {
-          var _ref = _asyncToGenerator__default["default"](function* () {
+          var _ref2 = _asyncToGenerator__default["default"](function* () {
             yield providerBrick.$refresh({
               ignoreErrors: interval.ignoreErrors,
               throwErrors: true,
@@ -9063,7 +9077,7 @@
           });
 
           return function request() {
-            return _ref.apply(this, arguments);
+            return _ref2.apply(this, arguments);
           };
         }();
 
@@ -9294,7 +9308,7 @@
 
           brickUtils.restoreDynamicTemplates(storyboard); // 预加载权限信息
 
-          if (isLoggedIn()) {
+          if (isLoggedIn() && !getAuth().isAdmin) {
             yield preCheckPermissions(storyboard);
           } // 如果找到匹配的 storyboard，那么根据路由匹配得到的 sub-storyboard 加载它的依赖库。
 
@@ -9305,7 +9319,7 @@
 
           _this3.kernel.registerCustomTemplatesInStoryboard(storyboard);
 
-          registerStoryboardFunctions((_storyboard$meta = storyboard.meta) === null || _storyboard$meta === void 0 ? void 0 : _storyboard$meta.functions);
+          registerStoryboardFunctions((_storyboard$meta = storyboard.meta) === null || _storyboard$meta === void 0 ? void 0 : _storyboard$meta.functions, storyboard.app);
         }
 
         var {
@@ -9631,33 +9645,6 @@
     return runtime;
   }
 
-  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__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 {
     constructor(props) {
@@ -10825,92 +10812,153 @@
   };
   var defaultLocale = localeValues;
 
-  function _extends$1() { _extends$1 = Object.assign || function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends$1.apply(this, arguments); }
-
-  var _ref$1 = /*#__PURE__*/React__namespace.createElement("g", {
-    fill: "none"
-  }, /*#__PURE__*/React__namespace.createElement("path", {
-    d: "M61.108 51.8H15.892a2.8 2.8 0 0 0-1.941.782L5.6 60.615V74.2a5.6 5.6 0 0 0 5.6 5.6h54.6a5.6 5.6 0 0 0 5.6-5.6V60.615l-8.35-8.033a2.8 2.8 0 0 0-1.942-.782z",
-    fill: "#C4C4C4"
-  }), /*#__PURE__*/React__namespace.createElement("path", {
-    d: "M16.8 19.6h43.4a2.8 2.8 0 0 1 2.8 2.8v44.8a2.8 2.8 0 0 1-2.8 2.8H16.8a2.8 2.8 0 0 1-2.8-2.8V22.4a2.8 2.8 0 0 1 2.8-2.8z",
-    fill: "#F7F7F7"
-  }), /*#__PURE__*/React__namespace.createElement("path", {
-    d: "M23.8 26.6h29.4a2.8 2.8 0 0 1 2.8 2.8v9.8a2.8 2.8 0 0 1-2.8 2.8H23.8a2.8 2.8 0 0 1-2.8-2.8v-9.8a2.8 2.8 0 0 1 2.8-2.8zm0 26.6h22.4a1.4 1.4 0 0 1 0 2.8H23.8a1.4 1.4 0 0 1 0-2.8zm0-7h29.4a1.4 1.4 0 0 1 0 2.8H23.8a1.4 1.4 0 0 1 0-2.8z",
-    fill: "#E5E5E5"
-  }), /*#__PURE__*/React__namespace.createElement("path", {
-    d: "M82.6 42a.7.7 0 0 1 .7.7v1.399l1.4.001a.7.7 0 0 1 0 1.4l-1.4-.001V46.9a.7.7 0 0 1-1.4 0v-1.401l-1.4.001a.7.7 0 0 1 0-1.4l1.4-.001V42.7a.7.7 0 0 1 .7-.7z",
-    fill: "#CDCDCD"
-  }), /*#__PURE__*/React__namespace.createElement("path", {
-    d: "M2.1 30.8c.29 0 .525.235.525.525l-.001.874.876.001a.7.7 0 0 1 0 1.4h-.876l.001.875a.525.525 0 1 1-1.05 0l-.001-.875H.7a.7.7 0 0 1 0-1.4l.874-.001.001-.874c0-.29.235-.525.525-.525zm6.3 49l-.17-.005A2.8 2.8 0 0 1 5.6 77V60.2h12.393l.175-.006c3.802-.04 7.95 5.943 19.61 6.19l.022-.002.022.002c10.856.218 15.009-5.902 19.558-6.175l.227-.009H71.4V77a2.8 2.8 0 0 1-2.63 2.795l-.17.005H8.4z",
-    fill: "#E5E5E5"
-  }), /*#__PURE__*/React__namespace.createElement("path", {
-    d: "M21 3.356S24.518 2.509 25.516 0c1.438 2.057 2.18 2.947 3.884 3.338-2.321.692-3.33 1.468-4.123 3.662-.912-2.584-1.741-2.919-4.277-3.644",
-    fill: "#F5F5F5"
-  }), /*#__PURE__*/React__namespace.createElement("path", {
-    d: "M63 10.125S72.382 7.923 75.044 1.4c3.834 5.35 5.81 7.663 10.356 8.68-6.19 1.797-8.878 3.816-10.995 9.52-2.43-6.72-4.643-7.59-11.405-9.475",
-    fill: "#E5E5E5"
-  }));
-
-  function SvgEmptyGreyImage(props) {
-    return /*#__PURE__*/React__namespace.createElement("svg", _extends$1({
-      width: 86,
-      height: 80,
-      viewBox: "0 0 86 80",
-      xmlns: "http://www.w3.org/2000/svg"
-    }, props), _ref$1);
-  }
-
   function _extends() { _extends = Object.assign || function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends.apply(this, arguments); }
 
-  var _ref = /*#__PURE__*/React__namespace.createElement("g", {
-    fill: "none"
+  var _ref = /*#__PURE__*/React__namespace.createElement("defs", null, /*#__PURE__*/React__namespace.createElement("linearGradient", {
+    x1: "5.718%",
+    y1: "4.311%",
+    x2: "83.05%",
+    y2: "88.915%",
+    id: "empty-image_svg__a"
+  }, /*#__PURE__*/React__namespace.createElement("stop", {
+    stopColor: "#D4D8E4",
+    offset: "0%"
+  }), /*#__PURE__*/React__namespace.createElement("stop", {
+    stopColor: "#A9B0C4",
+    offset: "100%"
+  })), /*#__PURE__*/React__namespace.createElement("linearGradient", {
+    x1: "0%",
+    y1: "11.08%",
+    x2: "80.548%",
+    y2: "107.704%",
+    id: "empty-image_svg__d"
+  }, /*#__PURE__*/React__namespace.createElement("stop", {
+    stopColor: "#C2C7DA",
+    offset: "0%"
+  }), /*#__PURE__*/React__namespace.createElement("stop", {
+    stopColor: "#8F96B3",
+    offset: "100%"
+  })), /*#__PURE__*/React__namespace.createElement("path", {
+    d: "M34 36h8a4 4 0 0 1 4 4v8a4 4 0 0 1-4 4h-8a4 4 0 0 1-4-4v-8a4 4 0 0 1 4-4z",
+    id: "empty-image_svg__c"
+  }), /*#__PURE__*/React__namespace.createElement("filter", {
+    x: "-37.5%",
+    y: "-31.3%",
+    width: "187.5%",
+    height: "187.5%",
+    filterUnits: "objectBoundingBox",
+    id: "empty-image_svg__b"
+  }, /*#__PURE__*/React__namespace.createElement("feOffset", {
+    dx: 1,
+    dy: 2,
+    in: "SourceAlpha",
+    result: "shadowOffsetOuter1"
+  }), /*#__PURE__*/React__namespace.createElement("feGaussianBlur", {
+    stdDeviation: 2,
+    in: "shadowOffsetOuter1",
+    result: "shadowBlurOuter1"
+  }), /*#__PURE__*/React__namespace.createElement("feComposite", {
+    in: "shadowBlurOuter1",
+    in2: "SourceAlpha",
+    operator: "out",
+    result: "shadowBlurOuter1"
+  }), /*#__PURE__*/React__namespace.createElement("feColorMatrix", {
+    values: "0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0.22 0",
+    in: "shadowBlurOuter1"
+  })), /*#__PURE__*/React__namespace.createElement("linearGradient", {
+    x1: "41.823%",
+    y1: "24.795%",
+    x2: "8.813%",
+    y2: "86.427%",
+    id: "empty-image_svg__g"
+  }, /*#__PURE__*/React__namespace.createElement("stop", {
+    stopColor: "#CCD0DD",
+    offset: "0%"
+  }), /*#__PURE__*/React__namespace.createElement("stop", {
+    stopColor: "#9DA3B9",
+    offset: "100%"
+  })), /*#__PURE__*/React__namespace.createElement("path", {
+    d: "M59 19a4 4 0 0 1 4 4v7.314L51.686 19H59z",
+    id: "empty-image_svg__f"
+  }), /*#__PURE__*/React__namespace.createElement("filter", {
+    x: "-61.9%",
+    y: "-79.5%",
+    width: "223.7%",
+    height: "223.7%",
+    filterUnits: "objectBoundingBox",
+    id: "empty-image_svg__e"
+  }, /*#__PURE__*/React__namespace.createElement("feOffset", {
+    dy: -2,
+    in: "SourceAlpha",
+    result: "shadowOffsetOuter1"
+  }), /*#__PURE__*/React__namespace.createElement("feGaussianBlur", {
+    stdDeviation: 2,
+    in: "shadowOffsetOuter1",
+    result: "shadowBlurOuter1"
+  }), /*#__PURE__*/React__namespace.createElement("feColorMatrix", {
+    values: "0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0.25 0",
+    in: "shadowBlurOuter1"
+  })));
+
+  var _ref2 = /*#__PURE__*/React__namespace.createElement("g", {
+    fill: "none",
+    fillRule: "evenodd"
   }, /*#__PURE__*/React__namespace.createElement("path", {
-    d: "M15.892 52.3a2.3 2.3 0 0 0-1.594.642L6.1 60.828V74.2a5.08 5.08 0 0 0 1.494 3.606A5.084 5.084 0 0 0 11.2 79.3h54.6a5.08 5.08 0 0 0 3.606-1.494A5.084 5.084 0 0 0 70.9 74.2V60.828l-8.198-7.886c-.517-.498-1.331-.642-46.81-.642z",
-    stroke: "#D9D9D9",
-    fill: "#FDFDFD"
-  }), /*#__PURE__*/React__namespace.createElement("path", {
-    d: "M16.8 19.6h43.4a2.8 2.8 0 0 1 2.8 2.8v44.8a2.8 2.8 0 0 1-2.8 2.8H16.8a2.8 2.8 0 0 1-2.8-2.8V22.4a2.8 2.8 0 0 1 2.8-2.8z",
-    stroke: "#EEE",
-    fill: "#F7F7F7"
-  }), /*#__PURE__*/React__namespace.createElement("path", {
-    d: "M23.8 26.6h29.4a2.8 2.8 0 0 1 2.8 2.8v9.8a2.8 2.8 0 0 1-2.8 2.8H23.8a2.8 2.8 0 0 1-2.8-2.8v-9.8a2.8 2.8 0 0 1 2.8-2.8zm0 26.6h22.4a1.4 1.4 0 0 1 0 2.8H23.8a1.4 1.4 0 0 1 0-2.8zm0-7h29.4a1.4 1.4 0 0 1 0 2.8H23.8a1.4 1.4 0 0 1 0-2.8z",
-    fill: "#E5E5E5"
+    d: "M61.108 51.8H15.892a2.8 2.8 0 0 0-1.941.782L5.6 60.615V74.2a5.6 5.6 0 0 0 5.6 5.6h54.6a5.6 5.6 0 0 0 5.6-5.6V60.615l-8.35-8.033a2.8 2.8 0 0 0-1.942-.782z",
+    fill: "#A6AAC3"
   }), /*#__PURE__*/React__namespace.createElement("path", {
-    d: "M82.6 42a.7.7 0 0 1 .7.7v1.399l1.4.001a.7.7 0 0 1 0 1.4l-1.4-.001V46.9a.7.7 0 0 1-1.4 0v-1.401l-1.4.001a.7.7 0 0 1 0-1.4l1.4-.001V42.7a.7.7 0 0 1 .7-.7z",
-    fill: "#CDCDCD"
+    d: "M51.686 19L63 30.314V66.2a2.8 2.8 0 0 1-2.8 2.8H16.8a2.8 2.8 0 0 1-2.8-2.8V25a6 6 0 0 1 6-6h31.686z",
+    fill: "url(#empty-image_svg__a)"
+  }), /*#__PURE__*/React__namespace.createElement("g", null, /*#__PURE__*/React__namespace.createElement("use", {
+    fill: "#000",
+    filter: "url(#empty-image_svg__b)",
+    xlinkHref: "#empty-image_svg__c"
   }), /*#__PURE__*/React__namespace.createElement("path", {
-    d: "M2.1 30.8c.29 0 .525.235.525.525l-.001.874.876.001a.7.7 0 0 1 0 1.4h-.876l.001.875a.525.525 0 1 1-1.05 0l-.001-.875H.7a.7.7 0 0 1 0-1.4l.874-.001.001-.874c0-.29.235-.525.525-.525z",
-    fill: "#E5E5E5"
+    stroke: "#FFF",
+    d: "M42 36.5c.966 0 1.841.392 2.475 1.025A3.489 3.489 0 0 1 45.5 40h0v8c0 .966-.392 1.841-1.025 2.475A3.489 3.489 0 0 1 42 51.5h0-8a3.489 3.489 0 0 1-2.475-1.025A3.489 3.489 0 0 1 30.5 48h0v-8c0-.966.392-1.841 1.025-2.475A3.489 3.489 0 0 1 34 36.5h0z",
+    strokeLinejoin: "square",
+    fill: "url(#empty-image_svg__d)"
+  })), /*#__PURE__*/React__namespace.createElement("g", {
+    transform: "rotate(180 57.343 24.657)"
+  }, /*#__PURE__*/React__namespace.createElement("use", {
+    fill: "#000",
+    filter: "url(#empty-image_svg__e)",
+    xlinkHref: "#empty-image_svg__f"
+  }), /*#__PURE__*/React__namespace.createElement("use", {
+    fill: "url(#empty-image_svg__g)",
+    xlinkHref: "#empty-image_svg__f"
+  })), /*#__PURE__*/React__namespace.createElement("path", {
+    d: "M82.6 42a.7.7 0 0 1 .7.7v1.399l1.4.001a.7.7 0 0 1 0 1.4l-1.4-.001V46.9a.7.7 0 0 1-1.4 0v-1.401l-1.4.001a.7.7 0 0 1 0-1.4l1.4-.001V42.7a.7.7 0 0 1 .7-.7zM2.1 30.8c.29 0 .525.235.525.525l-.001.874.876.001a.7.7 0 0 1 0 1.4h-.876l.001.875a.525.525 0 1 1-1.05 0l-.001-.875H.7a.7.7 0 0 1 0-1.4l.874-.001.001-.874c0-.29.235-.525.525-.525z",
+    fill: "#D6D8E4",
+    opacity: 0.3
   }), /*#__PURE__*/React__namespace.createElement("path", {
-    d: "M17.998 60.7H6.1l.005 16.455c.038.573.287 1.089.669 1.471.389.39.919.632 1.64.674H37.8l30.955-.005a2.293 2.293 0 0 0 1.52-.72c.388-.411.625-.965.625-1.575V60.7l-13.505.009c-1.637.103-3.215 1.012-5.103 2.07-3.338 1.874-7.58 4.243-14.524 4.105l-.537-.015c-7.07-.261-11.352-2.607-14.53-4.352-1.837-1.009-3.277-1.834-4.703-1.817z",
-    stroke: "#D9D9D9",
-    fill: "#F7F5F5"
+    d: "M8.4 79.8l-.17-.005A2.8 2.8 0 0 1 5.6 77V60.2h12.393l.175-.006c3.802-.04 7.95 5.943 19.61 6.19l.022-.002.022.002c10.856.218 15.009-5.902 19.558-6.175l.227-.009H71.4V77a2.8 2.8 0 0 1-2.63 2.795l-.17.005H8.4z",
+    fill: "#D6D8E4"
   }), /*#__PURE__*/React__namespace.createElement("path", {
     d: "M21 3.356S24.518 2.509 25.516 0c1.438 2.057 2.18 2.947 3.884 3.338-2.321.692-3.33 1.468-4.123 3.662-.912-2.584-1.741-2.919-4.277-3.644",
-    fill: "#F5F5F5"
+    fill: "#D6D8E4",
+    opacity: 0.5
   }), /*#__PURE__*/React__namespace.createElement("path", {
     d: "M63 10.125S72.382 7.923 75.044 1.4c3.834 5.35 5.81 7.663 10.356 8.68-6.19 1.797-8.878 3.816-10.995 9.52-2.43-6.72-4.643-7.59-11.405-9.475",
-    fill: "#E5E5E5"
+    fill: "#D6D8E4",
+    opacity: 0.8
   }));
 
-  function SvgEmptyLightGreyImage(props) {
+  function SvgEmptyImage(props) {
     return /*#__PURE__*/React__namespace.createElement("svg", _extends({
       width: 86,
       height: 80,
       viewBox: "0 0 86 80",
-      xmlns: "http://www.w3.org/2000/svg"
-    }, props), _ref);
+      xmlns: "http://www.w3.org/2000/svg",
+      xmlnsXlink: "http://www.w3.org/1999/xlink"
+    }, props), _ref, _ref2);
   }
 
   /**
    * 用于展示空数据的 React 组件。
    */
   function EasyopsEmpty(props) {
-    var _props$background;
-
-    var background = (_props$background = props.background) !== null && _props$background !== void 0 ? _props$background : "white";
-    var emptyImage = background === "white" ? SvgEmptyGreyImage : SvgEmptyLightGreyImage;
+    var emptyImage = SvgEmptyImage;
     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, {