@next-core/brick-kit 2.89.2 → 2.91.0

package/dist/index.esm.js

@@ -2,13 +2,13 @@ import { createBrowserHistory, locationsAreEqual, createPath } from 'history';
 import _objectSpread from '@babel/runtime/helpers/objectSpread2';
 import _objectWithoutProperties from '@babel/runtime/helpers/objectWithoutProperties';
 import _asyncToGenerator$4 from '@babel/runtime/helpers/asyncToGenerator';
-import _defineProperty$2 from '@babel/runtime/helpers/defineProperty';
+import _defineProperty$1 from '@babel/runtime/helpers/defineProperty';
 import * as React from 'react';
 import React__default, { useState, useEffect, forwardRef, useRef, useImperativeHandle, useMemo, useContext, createContext } from 'react';
-import lodash, { set, get, difference, cloneDeep, isNil, sortBy, merge, clamp, uniqueId, orderBy, omit, isEmpty } from 'lodash';
+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 from 'i18next';
+import i18next, { getFixedT } from 'i18next';
 import moment from 'moment';
 import { pipes } from '@next-core/pipes';
 import { userAnalytics, apiAnalyzer } from '@next-core/easyops-analytics';
@@ -16,15 +16,15 @@ import yaml from 'js-yaml';
 import { Modal, message, Empty, ConfigProvider } from 'antd';
 import { ExclamationCircleOutlined } from '@ant-design/icons';
 import { withTranslation } from 'react-i18next';
-import _extends$2 from '@babel/runtime/helpers/esm/extends';
+import _extends$1 from '@babel/runtime/helpers/esm/extends';
 import { getIllustration } from '@next-core/illustrations';
 import _decorate from '@babel/runtime/helpers/decorate';
 
 class BaseBar {
   constructor(kernel, mountPoint) {
-    _defineProperty$2(this, "element", void 0);
+    _defineProperty$1(this, "element", void 0);
 
-    _defineProperty$2(this, "brick", void 0);
+    _defineProperty$1(this, "brick", void 0);
 
     this.kernel = kernel;
     this.mountPoint = mountPoint;
@@ -409,7 +409,7 @@ function _asyncToGenerator$3(fn) {
   };
 }
 
-function _defineProperty$1(obj, key, value) {
+function _defineProperty(obj, key, value) {
   if (key in obj) {
     Object.defineProperty(obj, key, {
       value: value,
@@ -424,7 +424,7 @@ function _defineProperty$1(obj, key, value) {
   return obj;
 }
 
-function ownKeys$1(object, enumerableOnly) {
+function ownKeys(object, enumerableOnly) {
   var keys = Object.keys(object);
 
   if (Object.getOwnPropertySymbols) {
@@ -438,18 +438,18 @@ function ownKeys$1(object, enumerableOnly) {
   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));
       });
     }
@@ -467,7 +467,7 @@ var InstanceApi_getDetail = /*#__PURE__*/function () {
   var _ref = _asyncToGenerator$3(function* (objectId, instanceId, params, options) {
     return (
       /**! @contract easyops.api.cmdb.instance.GetDetail */
-      (yield http.get("api/gateway/cmdb.instance.GetDetail/object/".concat(objectId, "/instance/").concat(instanceId), _objectSpread2$1(_objectSpread2$1({}, options), {}, {
+      (yield http.get("api/gateway/cmdb.instance.GetDetail/object/".concat(objectId, "/instance/").concat(instanceId), _objectSpread2(_objectSpread2({}, options), {}, {
         params
       }))).data
     );
@@ -668,12 +668,12 @@ function getUrlBySegueFactory(app, segues) {
   };
 }
 
-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);
     }
 
   };
@@ -1243,6 +1243,54 @@ var PermissionApi_validatePermissions = /*#__PURE__*/function () {
   };
 }();
 
+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 (userAnalytics.initialized) {
+    userAnalytics.setUserId(newAuth.userInstanceId);
+  }
+}
+/**
+ * 获取当前登录认证信息。
+ *
+ * @returns 当前登录认证信息。
+ */
+
+function getAuth() {
+  return _objectSpread({}, 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
+
+  userAnalytics.setUserId();
+}
+/**
+ * 查看当前是否已登录。
+ *
+ * @returns 当前是否已登录。
+ */
+
+function isLoggedIn() {
+  return auth.username !== undefined;
+}
+
 var permissionMap = new Map();
 function preCheckPermissions(_x) {
   return _preCheckPermissions.apply(this, arguments);
@@ -1299,6 +1347,10 @@ function _validatePermissions() {
 }
 
 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];
   }
@@ -1372,11 +1424,55 @@ function i18nText(data) {
   }
 }
 
+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));
+}
+
 /** @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.
@@ -1388,7 +1484,30 @@ function StoryboardFunctionRegistryFactory() {
 
   });
 
-  function registerStoryboardFunctions(functions) {
+  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
+  });
+
+  function registerStoryboardFunctions(functions, app) {
+    if (app) {
+      Object.assign(builtinSupply, {
+        I18N: getFixedT(null, getI18nNamespace("app", app.id)),
+        IMG: imagesFactory(app.id, app.isBuildPush)
+      });
+    }
+
     registeredFunctions.clear();
 
     if (Array.isArray(functions)) {
@@ -1428,10 +1547,7 @@ function StoryboardFunctionRegistryFactory() {
       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,
@@ -1456,6 +1572,19 @@ 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
@@ -1477,7 +1606,9 @@ function registerWidgetFunctions(widgetId, functions) {
   var {
     storyboardFunctions,
     registerStoryboardFunctions
-  } = StoryboardFunctionRegistryFactory();
+  } = StoryboardFunctionRegistryFactory({
+    widgetId
+  });
   widgetFunctionRegistry.set(widgetId, storyboardFunctions);
   registerStoryboardFunctions(functions);
 }
@@ -1648,7 +1779,7 @@ function evaluate(raw) {
   }
 
   if (attemptToVisitGlobals.has("IMG")) {
-    globalVariables.IMG = imagesFactory(app);
+    globalVariables.IMG = imagesFactory(app.id, app.isBuildPush);
   }
 
   if (attemptToVisitGlobals.has("__WIDGET_IMG__")) {
@@ -1656,7 +1787,11 @@ function evaluate(raw) {
   }
 
   if (attemptToVisitGlobals.has("I18N")) {
-    globalVariables.I18N = i18next.getFixedT(null, "$app-".concat(app.id));
+    globalVariables.I18N = i18next.getFixedT(null, getI18nNamespace("app", app.id));
+  }
+
+  if (attemptToVisitGlobals.has("__WIDGET_I18N__")) {
+    globalVariables.__WIDGET_I18N__ = widgetI18nFactory;
   }
 
   if (attemptToVisitGlobals.has("I18N_TEXT")) {
@@ -2438,21 +2573,23 @@ function _dev_only_getFakeKernel(overrides) {
 }
 class Runtime {
   constructor() {
-    _defineProperty$2(this, "registerBrickTemplate", registerBrickTemplate);
+    _defineProperty$1(this, "registerBrickTemplate", registerBrickTemplate);
+
+    _defineProperty$1(this, "registerCustomTemplate", registerCustomTemplate);
 
-    _defineProperty$2(this, "registerCustomTemplate", registerCustomTemplate);
+    _defineProperty$1(this, "registerCustomProcessor", registerCustomProcessor);
 
-    _defineProperty$2(this, "registerCustomProcessor", registerCustomProcessor);
+    _defineProperty$1(this, "registerLazyBricks", registerLazyBricks);
 
-    _defineProperty$2(this, "registerLazyBricks", registerLazyBricks);
+    _defineProperty$1(this, "registerWidgetFunctions", registerWidgetFunctions);
 
-    _defineProperty$2(this, "registerWidgetFunctions", registerWidgetFunctions);
+    _defineProperty$1(this, "registerWidgetI18n", registerWidgetI18n);
 
-    _defineProperty$2(this, "getBasePath", getBasePath);
+    _defineProperty$1(this, "getBasePath", getBasePath);
 
-    _defineProperty$2(this, "getCurrentTheme", getCurrentTheme);
+    _defineProperty$1(this, "getCurrentTheme", getCurrentTheme);
 
-    _defineProperty$2(this, "getCurrentMode", getCurrentMode);
+    _defineProperty$1(this, "getCurrentMode", getCurrentMode);
   }
 
   bootstrap(mountPoints) {
@@ -3011,13 +3148,13 @@ function LoginTimeoutMessage() {
 
 class WebsocketMessageRequest {
   constructor(event, topic) {
-    _defineProperty$2(this, "topic", void 0);
+    _defineProperty$1(this, "topic", void 0);
 
-    _defineProperty$2(this, "data", void 0);
+    _defineProperty$1(this, "data", void 0);
 
-    _defineProperty$2(this, "event", void 0);
+    _defineProperty$1(this, "event", void 0);
 
-    _defineProperty$2(this, "message", void 0);
+    _defineProperty$1(this, "message", void 0);
 
     this.event = event;
     this.topic = JSON.stringify(topic);
@@ -3062,13 +3199,13 @@ var PluginWebSocketMessageEvent;
 
 class WebsocketMessageResponse {
   constructor(response) {
-    _defineProperty$2(this, "topic", void 0);
+    _defineProperty$1(this, "topic", void 0);
 
-    _defineProperty$2(this, "data", void 0);
+    _defineProperty$1(this, "data", void 0);
 
-    _defineProperty$2(this, "event", void 0);
+    _defineProperty$1(this, "event", void 0);
 
-    _defineProperty$2(this, "message", void 0);
+    _defineProperty$1(this, "message", void 0);
 
     this.data = response;
     this.message = JSON.parse(response);
@@ -3116,19 +3253,19 @@ class WebsocketMessageResponse {
 
 class WebSocketService {
   constructor(options) {
-    _defineProperty$2(this, "retryCount", 0);
+    _defineProperty$1(this, "retryCount", 0);
 
-    _defineProperty$2(this, "ws", null);
+    _defineProperty$1(this, "ws", null);
 
-    _defineProperty$2(this, "lockReconnect", false);
+    _defineProperty$1(this, "lockReconnect", false);
 
-    _defineProperty$2(this, "options", void 0);
+    _defineProperty$1(this, "options", void 0);
 
-    _defineProperty$2(this, "messageQueue", new Set());
+    _defineProperty$1(this, "messageQueue", new Set());
 
-    _defineProperty$2(this, "state", "initial");
+    _defineProperty$1(this, "state", "initial");
 
-    _defineProperty$2(this, "defaultOptions", {
+    _defineProperty$1(this, "defaultOptions", {
       url: null,
       reconnectTimeout: 1000,
       retryLimit: 6
@@ -4429,15 +4566,15 @@ function getMessageDispatcher() {
 }
 class MessageDispatcher {
   constructor() {
-    _defineProperty$2(this, "ws", void 0);
+    _defineProperty$1(this, "ws", void 0);
 
-    _defineProperty$2(this, "context", void 0);
+    _defineProperty$1(this, "context", void 0);
 
-    _defineProperty$2(this, "messages", new Map());
+    _defineProperty$1(this, "messages", new Map());
 
-    _defineProperty$2(this, "messageCallbackHandlers", new Map());
+    _defineProperty$1(this, "messageCallbackHandlers", new Map());
 
-    _defineProperty$2(this, "channels", new Map());
+    _defineProperty$1(this, "channels", new Map());
   }
 
   create(brickAndMessages, context) {
@@ -5625,9 +5762,9 @@ function argsFactory(args, context, event) {
 
 class BrickNode {
   constructor(brick) {
-    _defineProperty$2(this, "$$brick", void 0);
+    _defineProperty$1(this, "$$brick", void 0);
 
-    _defineProperty$2(this, "children", []);
+    _defineProperty$1(this, "children", []);
 
     this.$$brick = brick;
   }
@@ -5726,55 +5863,6 @@ function _asyncToGenerator$1(fn) {
   };
 }
 
-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 http.get("api/auth/login", options)).data;
@@ -5785,30 +5873,6 @@ var checkLogin = /*#__PURE__*/function () {
   };
 }();
 
-var bootstrap = /*#__PURE__*/function () {
-  var _ref3 = _asyncToGenerator$1(function* (params, options) {
-    return (yield 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 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);
@@ -5863,52 +5927,6 @@ var UserAdminApi_searchAllUsersInfo = /*#__PURE__*/function () {
   };
 }();
 
-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 (userAnalytics.initialized) {
-    userAnalytics.setUserId(newAuth.userInstanceId);
-  }
-}
-/**
- * 获取当前登录认证信息。
- *
- * @returns 当前登录认证信息。
- */
-
-function getAuth() {
-  return _objectSpread({}, auth);
-}
-/** @internal */
-
-function logout() {
-  auth.org = undefined;
-  auth.username = undefined;
-  auth.userInstanceId = undefined;
-  auth.accessRule = undefined;
-  resetPermissionPreChecks(); // re-init analytics to clear user_id
-
-  userAnalytics.setUserId();
-}
-/**
- * 查看当前是否已登录。
- *
- * @returns 当前是否已登录。
- */
-
-function isLoggedIn() {
-  return auth.username !== undefined;
-}
-
 /**
  * Merge `app.defaultConfig` and `app.userConfig` to `app.config`.
  *
@@ -6068,57 +6086,57 @@ function _standaloneBootstrap() {
 
 class Kernel {
   constructor() {
-    _defineProperty$2(this, "mountPoints", void 0);
+    _defineProperty$1(this, "mountPoints", void 0);
 
-    _defineProperty$2(this, "bootstrapData", void 0);
+    _defineProperty$1(this, "bootstrapData", void 0);
 
-    _defineProperty$2(this, "presetBricks", void 0);
+    _defineProperty$1(this, "presetBricks", void 0);
 
-    _defineProperty$2(this, "menuBar", void 0);
+    _defineProperty$1(this, "menuBar", void 0);
 
-    _defineProperty$2(this, "appBar", void 0);
+    _defineProperty$1(this, "appBar", void 0);
 
-    _defineProperty$2(this, "loadingBar", void 0);
+    _defineProperty$1(this, "loadingBar", void 0);
 
-    _defineProperty$2(this, "navBar", void 0);
+    _defineProperty$1(this, "navBar", void 0);
 
-    _defineProperty$2(this, "sideBar", void 0);
+    _defineProperty$1(this, "sideBar", void 0);
 
-    _defineProperty$2(this, "footer", void 0);
+    _defineProperty$1(this, "footer", void 0);
 
-    _defineProperty$2(this, "breadcrumb", void 0);
+    _defineProperty$1(this, "breadcrumb", void 0);
 
-    _defineProperty$2(this, "router", void 0);
+    _defineProperty$1(this, "router", void 0);
 
-    _defineProperty$2(this, "currentApp", void 0);
+    _defineProperty$1(this, "currentApp", void 0);
 
-    _defineProperty$2(this, "previousApp", void 0);
+    _defineProperty$1(this, "previousApp", void 0);
 
-    _defineProperty$2(this, "nextApp", void 0);
+    _defineProperty$1(this, "nextApp", void 0);
 
-    _defineProperty$2(this, "currentUrl", void 0);
+    _defineProperty$1(this, "currentUrl", void 0);
 
-    _defineProperty$2(this, "currentRoute", void 0);
+    _defineProperty$1(this, "currentRoute", void 0);
 
-    _defineProperty$2(this, "workspaceStack", []);
+    _defineProperty$1(this, "workspaceStack", []);
 
-    _defineProperty$2(this, "currentLayout", void 0);
+    _defineProperty$1(this, "currentLayout", void 0);
 
-    _defineProperty$2(this, "enableUiV8", false);
+    _defineProperty$1(this, "enableUiV8", false);
 
-    _defineProperty$2(this, "allUserMapPromise", Promise.resolve(new Map()));
+    _defineProperty$1(this, "allUserMapPromise", Promise.resolve(new Map()));
 
-    _defineProperty$2(this, "allMagicBrickConfigMapPromise", Promise.resolve(new Map()));
+    _defineProperty$1(this, "allMagicBrickConfigMapPromise", Promise.resolve(new Map()));
 
-    _defineProperty$2(this, "allRelatedAppsPromise", Promise.resolve([]));
+    _defineProperty$1(this, "allRelatedAppsPromise", Promise.resolve([]));
 
-    _defineProperty$2(this, "allMicroAppApiOrchestrationPromise", Promise.resolve(new Map()));
+    _defineProperty$1(this, "allMicroAppApiOrchestrationPromise", Promise.resolve(new Map()));
 
-    _defineProperty$2(this, "providerRepository", new Map());
+    _defineProperty$1(this, "providerRepository", new Map());
 
-    _defineProperty$2(this, "loadUsersStarted", false);
+    _defineProperty$1(this, "loadUsersStarted", false);
 
-    _defineProperty$2(this, "loadMagicBrickConfigStarted", false);
+    _defineProperty$1(this, "loadMagicBrickConfigStarted", false);
   }
 
   bootstrap(mountPoints) {
@@ -6234,17 +6252,12 @@ class Kernel {
     var _this3 = this;
 
     return _asyncToGenerator$4(function* () {
-      // Todo(jojiang): 等 boostrap V2 接口测试通过后移除 V1 版本的兼容
-      var data = yield window.STANDALONE_MICRO_APPS ? standaloneBootstrap() : localStorage.getItem("__$$use-bootstrap-v2-provider$$__") ? BootstrapV2Api_bootstrapV2(_objectSpread({
+      var data = yield window.STANDALONE_MICRO_APPS ? standaloneBootstrap() : BootstrapV2Api_bootstrapV2(_objectSpread({
         appFields: "defaultConfig,userConfig,locales,name,homepage,id,currentVersion,installStatus,internal,status",
         ignoreTemplateFields: "templates",
         ignoreBrickFields: "bricks,processors,providers,editors"
       }, params), {
         interceptorParams
-      }) : bootstrap(_objectSpread({
-        brief: true
-      }, params), {
-        interceptorParams
       });
 
       var bootstrapResponse = _objectSpread({
@@ -6291,12 +6304,11 @@ class Kernel {
           $$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,
@@ -6309,7 +6321,7 @@ class Kernel {
 
       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;
@@ -7771,11 +7783,11 @@ function registerCustomTemplate(tplName, tplConstructor, appId) {
 
 class CustomTemplateContext {
   constructor() {
-    _defineProperty$2(this, "contextMap", new Map());
+    _defineProperty$1(this, "contextMap", new Map());
 
-    _defineProperty$2(this, "brickMap", new Map());
+    _defineProperty$1(this, "brickMap", new Map());
 
-    _defineProperty$2(this, "propsMap", new Map());
+    _defineProperty$1(this, "propsMap", new Map());
   }
 
   createContext() {
@@ -7831,35 +7843,35 @@ function listenOnTrackingContext(brick, trackingContextList, context) {
 
 class LocationContext {
   constructor(kernel, location) {
-    _defineProperty$2(this, "query", void 0);
+    _defineProperty$1(this, "query", void 0);
 
-    _defineProperty$2(this, "resolver", void 0);
+    _defineProperty$1(this, "resolver", void 0);
 
-    _defineProperty$2(this, "messageDispatcher", void 0);
+    _defineProperty$1(this, "messageDispatcher", void 0);
 
-    _defineProperty$2(this, "beforePageLoadHandlers", []);
+    _defineProperty$1(this, "beforePageLoadHandlers", []);
 
-    _defineProperty$2(this, "pageLoadHandlers", []);
+    _defineProperty$1(this, "pageLoadHandlers", []);
 
-    _defineProperty$2(this, "beforePageLeaveHandlers", []);
+    _defineProperty$1(this, "beforePageLeaveHandlers", []);
 
-    _defineProperty$2(this, "pageLeaveHandlers", []);
+    _defineProperty$1(this, "pageLeaveHandlers", []);
 
-    _defineProperty$2(this, "anchorLoadHandlers", []);
+    _defineProperty$1(this, "anchorLoadHandlers", []);
 
-    _defineProperty$2(this, "anchorUnloadHandlers", []);
+    _defineProperty$1(this, "anchorUnloadHandlers", []);
 
-    _defineProperty$2(this, "messageCloseHandlers", []);
+    _defineProperty$1(this, "messageCloseHandlers", []);
 
-    _defineProperty$2(this, "messageHandlers", []);
+    _defineProperty$1(this, "messageHandlers", []);
 
-    _defineProperty$2(this, "segues", {});
+    _defineProperty$1(this, "segues", {});
 
-    _defineProperty$2(this, "currentMatch", void 0);
+    _defineProperty$1(this, "currentMatch", void 0);
 
-    _defineProperty$2(this, "storyboardContext", new Map());
+    _defineProperty$1(this, "storyboardContext", new Map());
 
-    _defineProperty$2(this, "tplContext", new CustomTemplateContext());
+    _defineProperty$1(this, "tplContext", new CustomTemplateContext());
 
     this.kernel = kernel;
     this.location = location;
@@ -7884,7 +7896,8 @@ class LocationContext {
         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,
@@ -8294,7 +8307,7 @@ class LocationContext {
 
   preCheckPermissions(container, context) {
     return _asyncToGenerator$4(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);
       }
@@ -8811,13 +8824,13 @@ function makeProviderRefreshable(providerBrick) {
 
 class Resolver {
   constructor(kernel) {
-    _defineProperty$2(this, "cache", new Map());
+    _defineProperty$1(this, "cache", new Map());
 
-    _defineProperty$2(this, "refreshQueue", new Map());
+    _defineProperty$1(this, "refreshQueue", new Map());
 
-    _defineProperty$2(this, "definedResolves", new Map());
+    _defineProperty$1(this, "definedResolves", new Map());
 
-    _defineProperty$2(this, "active", true);
+    _defineProperty$1(this, "active", true);
 
     this.kernel = kernel;
   }
@@ -8959,12 +8972,13 @@ class Resolver {
       } else {
         var actualArgs = args ? ref ? args // `args` are already computed for `defineResolves`
         : context ? computeRealValue(args, context, true) : args : providerBrick.args || [];
+        promise = _asyncToGenerator$4(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);
       }
@@ -9032,7 +9046,7 @@ class Resolver {
 
     var _loop = function (providerBrick, interval) {
       var request = /*#__PURE__*/function () {
-        var _ref = _asyncToGenerator$4(function* () {
+        var _ref2 = _asyncToGenerator$4(function* () {
           yield providerBrick.$refresh({
             ignoreErrors: interval.ignoreErrors,
             throwErrors: true,
@@ -9046,7 +9060,7 @@ class Resolver {
         });
 
         return function request() {
-          return _ref.apply(this, arguments);
+          return _ref2.apply(this, arguments);
         };
       }();
 
@@ -9073,7 +9087,7 @@ class ResolveRequestError extends Error {
     // Pass remaining arguments (including vendor specific ones) to parent constructor
     super(rawError.message);
 
-    _defineProperty$2(this, "rawError", void 0);
+    _defineProperty$1(this, "rawError", void 0);
 
     this.name = "ResolveRequestError"; // Maintains proper stack trace for where our error was thrown (only available on V8)
     // istanbul ignore else
@@ -9093,21 +9107,21 @@ function shouldBeDefaultCollapsed(defaultCollapsed, defaultCollapsedBreakpoint)
 
 class Router {
   constructor(kernel) {
-    _defineProperty$2(this, "defaultCollapsed", false);
+    _defineProperty$1(this, "defaultCollapsed", false);
 
-    _defineProperty$2(this, "locationContext", void 0);
+    _defineProperty$1(this, "locationContext", void 0);
 
-    _defineProperty$2(this, "rendering", false);
+    _defineProperty$1(this, "rendering", false);
 
-    _defineProperty$2(this, "nextLocation", void 0);
+    _defineProperty$1(this, "nextLocation", void 0);
 
-    _defineProperty$2(this, "prevLocation", void 0);
+    _defineProperty$1(this, "prevLocation", void 0);
 
-    _defineProperty$2(this, "state", "initial");
+    _defineProperty$1(this, "state", "initial");
 
-    _defineProperty$2(this, "renderId", void 0);
+    _defineProperty$1(this, "renderId", void 0);
 
-    _defineProperty$2(this, "featureFlags", void 0);
+    _defineProperty$1(this, "featureFlags", void 0);
 
     this.kernel = kernel;
     this.featureFlags = this.kernel.getFeatureFlags();
@@ -9277,7 +9291,7 @@ class Router {
 
         restoreDynamicTemplates(storyboard); // 预加载权限信息
 
-        if (isLoggedIn()) {
+        if (isLoggedIn() && !getAuth().isAdmin) {
           yield preCheckPermissions(storyboard);
         } // 如果找到匹配的 storyboard，那么根据路由匹配得到的 sub-storyboard 加载它的依赖库。
 
@@ -9288,7 +9302,7 @@ class Router {
 
         _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 {
@@ -9614,33 +9628,6 @@ function getRuntime() {
   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.addResourceBundle("en", NS_BRICK_KIT, en);
-  i18next.addResourceBundle("zh", NS_BRICK_KIT, zh);
-};
-
 // Ref https://reactjs.org/docs/error-boundaries.html
 class LegacyErrorBoundary extends React__default.Component {
   constructor(props) {
@@ -10467,7 +10454,7 @@ var locale$4 = {
 var TimePicker$1 = locale$4;
 
 var locale$3 = {
-  lang: _extends$2({
+  lang: _extends$1({
     placeholder: '请选择日期',
     yearPlaceholder: '请选择年份',
     quarterPlaceholder: '请选择季度',
@@ -10478,7 +10465,7 @@ var locale$3 = {
     rangeMonthPlaceholder: ['开始月份', '结束月份'],
     rangeWeekPlaceholder: ['开始周', '结束周']
   }, locale$5),
-  timePickerLocale: _extends$2({}, TimePicker$1)
+  timePickerLocale: _extends$1({}, TimePicker$1)
 }; // should add whitespace between char in Button
 
 locale$3.lang.ok = '确 定'; // All settings at:
@@ -10664,7 +10651,7 @@ var locale$1 = {
 var TimePicker = locale$1;
 
 var locale = {
-  lang: _extends$2({
+  lang: _extends$1({
     placeholder: 'Select date',
     yearPlaceholder: 'Select year',
     quarterPlaceholder: 'Select quarter',
@@ -10675,7 +10662,7 @@ var locale = {
     rangeMonthPlaceholder: ['Start month', 'End month'],
     rangeWeekPlaceholder: ['Start week', 'End week']
   }, locale$2),
-  timePickerLocale: _extends$2({}, TimePicker)
+  timePickerLocale: _extends$1({}, TimePicker)
 }; // All settings at:
 // https://github.com/ant-design/ant-design/blob/master/components/date-picker/locale/example.json
 
@@ -10808,92 +10795,153 @@ var localeValues = {
 };
 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.createElement("g", {
-  fill: "none"
-}, /*#__PURE__*/React.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.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.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.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.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.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.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.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.createElement("g", {
-  fill: "none"
+var _ref = /*#__PURE__*/React.createElement("defs", null, /*#__PURE__*/React.createElement("linearGradient", {
+  x1: "5.718%",
+  y1: "4.311%",
+  x2: "83.05%",
+  y2: "88.915%",
+  id: "empty-image_svg__a"
+}, /*#__PURE__*/React.createElement("stop", {
+  stopColor: "#D4D8E4",
+  offset: "0%"
+}), /*#__PURE__*/React.createElement("stop", {
+  stopColor: "#A9B0C4",
+  offset: "100%"
+})), /*#__PURE__*/React.createElement("linearGradient", {
+  x1: "0%",
+  y1: "11.08%",
+  x2: "80.548%",
+  y2: "107.704%",
+  id: "empty-image_svg__d"
+}, /*#__PURE__*/React.createElement("stop", {
+  stopColor: "#C2C7DA",
+  offset: "0%"
+}), /*#__PURE__*/React.createElement("stop", {
+  stopColor: "#8F96B3",
+  offset: "100%"
+})), /*#__PURE__*/React.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.createElement("filter", {
+  x: "-37.5%",
+  y: "-31.3%",
+  width: "187.5%",
+  height: "187.5%",
+  filterUnits: "objectBoundingBox",
+  id: "empty-image_svg__b"
+}, /*#__PURE__*/React.createElement("feOffset", {
+  dx: 1,
+  dy: 2,
+  in: "SourceAlpha",
+  result: "shadowOffsetOuter1"
+}), /*#__PURE__*/React.createElement("feGaussianBlur", {
+  stdDeviation: 2,
+  in: "shadowOffsetOuter1",
+  result: "shadowBlurOuter1"
+}), /*#__PURE__*/React.createElement("feComposite", {
+  in: "shadowBlurOuter1",
+  in2: "SourceAlpha",
+  operator: "out",
+  result: "shadowBlurOuter1"
+}), /*#__PURE__*/React.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.createElement("linearGradient", {
+  x1: "41.823%",
+  y1: "24.795%",
+  x2: "8.813%",
+  y2: "86.427%",
+  id: "empty-image_svg__g"
+}, /*#__PURE__*/React.createElement("stop", {
+  stopColor: "#CCD0DD",
+  offset: "0%"
+}), /*#__PURE__*/React.createElement("stop", {
+  stopColor: "#9DA3B9",
+  offset: "100%"
+})), /*#__PURE__*/React.createElement("path", {
+  d: "M59 19a4 4 0 0 1 4 4v7.314L51.686 19H59z",
+  id: "empty-image_svg__f"
+}), /*#__PURE__*/React.createElement("filter", {
+  x: "-61.9%",
+  y: "-79.5%",
+  width: "223.7%",
+  height: "223.7%",
+  filterUnits: "objectBoundingBox",
+  id: "empty-image_svg__e"
+}, /*#__PURE__*/React.createElement("feOffset", {
+  dy: -2,
+  in: "SourceAlpha",
+  result: "shadowOffsetOuter1"
+}), /*#__PURE__*/React.createElement("feGaussianBlur", {
+  stdDeviation: 2,
+  in: "shadowOffsetOuter1",
+  result: "shadowBlurOuter1"
+}), /*#__PURE__*/React.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.createElement("g", {
+  fill: "none",
+  fillRule: "evenodd"
 }, /*#__PURE__*/React.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.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.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.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.createElement("g", null, /*#__PURE__*/React.createElement("use", {
+  fill: "#000",
+  filter: "url(#empty-image_svg__b)",
+  xlinkHref: "#empty-image_svg__c"
 }), /*#__PURE__*/React.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.createElement("g", {
+  transform: "rotate(180 57.343 24.657)"
+}, /*#__PURE__*/React.createElement("use", {
+  fill: "#000",
+  filter: "url(#empty-image_svg__e)",
+  xlinkHref: "#empty-image_svg__f"
+}), /*#__PURE__*/React.createElement("use", {
+  fill: "url(#empty-image_svg__g)",
+  xlinkHref: "#empty-image_svg__f"
+})), /*#__PURE__*/React.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.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.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.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.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 = useMemo(() => props.illustration && getIllustration(props.illustration), [props.illustration]);
   var image = props.illustration ? illustration : /*#__PURE__*/React__default.createElement(emptyImage);
   return /*#__PURE__*/React__default.createElement(Empty, {
@@ -11102,7 +11150,7 @@ class UpdatingElement extends HTMLElement {
   constructor() {
     super(...arguments);
 
-    _defineProperty$2(this, "_hasRequestedRender", false);
+    _defineProperty$1(this, "_hasRequestedRender", false);
   }
 
   /** @internal */
@@ -11313,13 +11361,13 @@ class UpdatingElement extends HTMLElement {
 
 }
 
-_defineProperty$2(UpdatingElement, "_observedAttributes", new Set());
+_defineProperty$1(UpdatingElement, "_observedAttributes", new Set());
 
-_defineProperty$2(UpdatingElement, "__dev_only_definedProperties", new Set());
+_defineProperty$1(UpdatingElement, "__dev_only_definedProperties", new Set());
 
-_defineProperty$2(UpdatingElement, "__dev_only_definedMethods", new Set());
+_defineProperty$1(UpdatingElement, "__dev_only_definedMethods", new Set());
 
-_defineProperty$2(UpdatingElement, "__dev_only_definedEvents", new Set());
+_defineProperty$1(UpdatingElement, "__dev_only_definedEvents", new Set());
 
 /**
  * 模态框类构件的抽象基类。