@next-core/brick-kit 2.97.0 → 2.99.2

package/dist/index.esm.js

@@ -3,7 +3,8 @@ import _objectSpread from '@babel/runtime/helpers/objectSpread2';
 import _objectWithoutProperties from '@babel/runtime/helpers/objectWithoutProperties';
 import _asyncToGenerator$4 from '@babel/runtime/helpers/asyncToGenerator';
 import _defineProperty$1 from '@babel/runtime/helpers/defineProperty';
-import React, { useState, useEffect, forwardRef, useRef, useImperativeHandle, useMemo, useContext, createContext } from 'react';
+import * as React from 'react';
+import React__default, { useState, useEffect, forwardRef, useRef, useImperativeHandle, useMemo, useContext, createContext } from 'react';
 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';
@@ -15,7 +16,7 @@ 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 from '@babel/runtime/helpers/esm/extends';
+import _extends$2 from '@babel/runtime/helpers/esm/extends';
 import { getIllustration } from '@next-core/illustrations';
 import _decorate from '@babel/runtime/helpers/decorate';
 
@@ -287,7 +288,7 @@ function registerBrickTemplate(name, factory) {
 var DEFAULT_THEME = "light";
 var theme = DEFAULT_THEME;
 function setTheme(value) {
-  if (value !== "dark" && value !== "light") {
+  if (value !== "dark" && value !== "light" && value !== "dark-v2") {
     throw new Error("Unsupported theme: ".concat(value));
   }
 
@@ -1903,6 +1904,11 @@ function evaluate(raw) {
           getUrl: getUrlBySegueFactory(app, segues)
         };
 
+      case "THEME":
+        return {
+          getTheme
+        };
+
       case "SESSION_STORAGE":
         return {
           getItem: getItemFactory("session")
@@ -3194,8 +3200,8 @@ function handleHttpError(error) {
     }
 
     unauthenticatedConfirmModal = Modal.confirm({
-      icon: /*#__PURE__*/React.createElement(ExclamationCircleOutlined, null),
-      content: /*#__PURE__*/React.createElement(LoginTimeoutMessage, null),
+      icon: /*#__PURE__*/React__default.createElement(ExclamationCircleOutlined, null),
+      content: /*#__PURE__*/React__default.createElement(LoginTimeoutMessage, null),
       okText: i18next.t("".concat(NS_BRICK_KIT, ":").concat(K.MODAL_OK)),
       cancelText: i18next.t("".concat(NS_BRICK_KIT, ":").concat(K.MODAL_CANCEL)),
       onOk: () => {
@@ -3213,7 +3219,7 @@ function handleHttpError(error) {
 
   return Modal.error({
     title: i18next.t("".concat(NS_BRICK_KIT, ":").concat(K.REQUEST_FAILED)),
-    content: /*#__PURE__*/React.createElement("div", {
+    content: /*#__PURE__*/React__default.createElement("div", {
       style: {
         whiteSpace: "pre-wrap"
       }
@@ -3222,13 +3228,13 @@ function handleHttpError(error) {
   });
 }
 function LoginTimeoutMessage() {
-  React.useEffect(() => {
+  React__default.useEffect(() => {
     // Unset confirm modal when it's destroyed.
     return () => {
       unauthenticatedConfirmModal = undefined;
     };
   }, []);
-  return /*#__PURE__*/React.createElement("div", null, i18next.t("".concat(NS_BRICK_KIT, ":").concat(K.LOGIN_TIMEOUT_MESSAGE)));
+  return /*#__PURE__*/React__default.createElement("div", null, i18next.t("".concat(NS_BRICK_KIT, ":").concat(K.LOGIN_TIMEOUT_MESSAGE)));
 }
 
 class WebsocketMessageRequest {
@@ -5303,6 +5309,9 @@ function listenerFactory(handler, context, runtimeBrick) {
           applyTheme(handler.action === "theme.setDarkTheme" ? "dark" : "light");
         };
 
+      case "theme.setTheme":
+        return builtinThemeListenerFactory(handler.args, handler, context);
+
       case "mode.setDashboardMode":
       case "mode.setDefaultMode":
         return event => {
@@ -5596,6 +5605,19 @@ function builtinAnalyticsListenerFactory(args, ifContainer, context) {
   };
 }
 
+function builtinThemeListenerFactory(args, ifContainer, context) {
+  return function (event) {
+    if (!looseCheckIf(ifContainer, _objectSpread(_objectSpread({}, context), {}, {
+      event
+    }))) {
+      return;
+    }
+
+    var [theme] = argsFactory(args, context, event);
+    applyTheme(theme);
+  };
+}
+
 function findRefElement(brick, ref) {
   var _getParentTemplate, _getParentTemplate$$$;
 
@@ -9401,7 +9423,7 @@ class Router {
       };
 
       if (storyboard) {
-        var _currentApp$breadcrum, _currentApp$breadcrum2;
+        var _currentApp$breadcrum, _currentApp$breadcrum2, _currentApp$theme;
 
         if (appChanged && currentApp.id && isLoggedIn()) {
           var usedCustomApis = mapCustomApisToNameAndNamespace(scanCustomApisInStoryboard(storyboard));
@@ -9500,7 +9522,7 @@ class Router {
           legacy: actualLegacy
         });
 
-        setTheme("light");
+        setTheme((_currentApp$theme = currentApp.theme) !== null && _currentApp$theme !== void 0 ? _currentApp$theme : "light");
         setMode("default"); // There is a window to set theme and mode by `lifeCycle.onBeforePageLoad`.
 
         _this3.locationContext.handleBeforePageLoad();
@@ -9554,7 +9576,10 @@ class Router {
           portal.length > 0 && mountTree(portal, mountPoints.portal);
           afterMountTree(mountPoints.main);
           afterMountTree(mountPoints.portal);
-          afterMountTree(mountPoints.bg);
+          afterMountTree(mountPoints.bg); // Scroll to top after each rendering.
+          // See https://github.com/ReactTraining/react-router/blob/master/packages/react-router-dom/docs/guides/scroll-restoration.md
+
+          window.scrollTo(0, 0);
 
           if (!failed) {
             _this3.locationContext.handlePageLoad();
@@ -9564,11 +9589,8 @@ class Router {
             _this3.locationContext.resolver.scheduleRefreshing();
 
             _this3.locationContext.handleMessage();
-          } // Scroll to top after each rendering.
-          // See https://github.com/ReactTraining/react-router/blob/master/packages/react-router-dom/docs/guides/scroll-restoration.md
-
+          }
 
-          window.scrollTo(0, 0);
           pageTracker === null || pageTracker === void 0 ? void 0 : pageTracker(locationContext.getCurrentMatch().path); // analytics page_view event
 
           userAnalytics.event("page_view", _objectSpread({
@@ -9700,7 +9722,7 @@ function getRuntime() {
 }
 
 // Ref https://reactjs.org/docs/error-boundaries.html
-class LegacyErrorBoundary extends React.Component {
+class LegacyErrorBoundary extends React__default.Component {
   constructor(props) {
     super(props);
     this.state = {
@@ -9723,9 +9745,9 @@ class LegacyErrorBoundary extends React.Component {
   render() {
     if (this.state.error) {
       // You can render any custom fallback UI
-      return /*#__PURE__*/React.createElement("div", {
+      return /*#__PURE__*/React__default.createElement("div", {
         "data-testid": "error-boundary"
-      }, /*#__PURE__*/React.createElement("h3", null, this.props.t(K.SOMETHING_WENT_WRONG)), /*#__PURE__*/React.createElement("p", null, httpErrorToString(this.state.error)));
+      }, /*#__PURE__*/React__default.createElement("h3", null, this.props.t(K.SOMETHING_WENT_WRONG)), /*#__PURE__*/React__default.createElement("p", null, httpErrorToString(this.state.error)));
     }
 
     return this.props.children;
@@ -9920,8 +9942,8 @@ function useApplyPageTitle(pageTitle) {
 /** @internal */
 
 function useRecentApps() {
-  var [recentApps, setRecentApps] = React.useState(getRuntime().getRecentApps());
-  React.useEffect(() => {
+  var [recentApps, setRecentApps] = React__default.useState(getRuntime().getRecentApps());
+  React__default.useEffect(() => {
     var listener = event => {
       setRecentApps(event.detail);
     };
@@ -9955,8 +9977,8 @@ function useCurrentApp() {
 
 function useLocation() {
   var history = getHistory();
-  var [location, setLocation] = React.useState(history.location);
-  React.useEffect(() => {
+  var [location, setLocation] = React__default.useState(history.location);
+  React__default.useEffect(() => {
     var unlisten = history.listen(location => setLocation(location));
     return unlisten;
   }, [history]);
@@ -10107,7 +10129,7 @@ var handleProxyOfParentTemplate = (brick, tplContextId, tplContext) => {
  * @param props - 属性。
  */
 
-var SingleBrickAsComponent = /*#__PURE__*/React.memo(function SingleBrickAsComponent(_ref2) {
+var SingleBrickAsComponent = /*#__PURE__*/React__default.memo(function SingleBrickAsComponent(_ref2) {
   var {
     useBrick,
     data,
@@ -10120,7 +10142,7 @@ var SingleBrickAsComponent = /*#__PURE__*/React.memo(function SingleBrickAsCompo
 
   var template;
   var brick;
-  var isBrickAvailable = React.useMemo(() => {
+  var isBrickAvailable = React__default.useMemo(() => {
     if (isObject(useBrick.if) && !isPreEvaluated(useBrick.if)) {
       // eslint-disable-next-line
       console.warn("Currently resolvable-if in `useBrick` is not supported.");
@@ -10134,7 +10156,7 @@ var SingleBrickAsComponent = /*#__PURE__*/React.memo(function SingleBrickAsCompo
 
     return true;
   }, [useBrick, data]);
-  var runtimeBrick = React.useMemo( /*#__PURE__*/_asyncToGenerator$4(function* () {
+  var runtimeBrick = React__default.useMemo( /*#__PURE__*/_asyncToGenerator$4(function* () {
     if (!isBrickAvailable) {
       return null;
     } // If the router state is initial, ignore rendering the sub-brick.
@@ -10173,7 +10195,7 @@ var SingleBrickAsComponent = /*#__PURE__*/React.memo(function SingleBrickAsCompo
 
     return brick;
   }), [useBrick, data, isBrickAvailable]);
-  var innerRefCallback = React.useCallback( /*#__PURE__*/function () {
+  var innerRefCallback = React__default.useCallback( /*#__PURE__*/function () {
     var _ref5 = _asyncToGenerator$4(function* (element) {
       immediatelyRefCallback === null || immediatelyRefCallback === void 0 ? void 0 : immediatelyRefCallback(element);
 
@@ -10228,24 +10250,24 @@ var SingleBrickAsComponent = /*#__PURE__*/React.memo(function SingleBrickAsCompo
   }
 
   if (template) {
-    return /*#__PURE__*/React.createElement(template.brick, {
+    return /*#__PURE__*/React__default.createElement(template.brick, {
       ref: innerRefCallback
     }, ...slotsToChildren(template.slots).map((item, index) => {
-      return /*#__PURE__*/React.createElement(SingleBrickAsComponent, {
+      return /*#__PURE__*/React__default.createElement(SingleBrickAsComponent, {
         key: index,
         useBrick: item,
         data: data
       });
     }));
   } else {
-    return /*#__PURE__*/React.createElement(useBrick.brick, {
+    return /*#__PURE__*/React__default.createElement(useBrick.brick, {
       ref: innerRefCallback
     }, ...slotsToChildren(useBrick.slots).map((item, index) => {
       if (useBrick[symbolForTplContextId] && !item[symbolForTplContextId]) {
         item[symbolForTplContextId] = useBrick[symbolForTplContextId];
       }
 
-      return /*#__PURE__*/React.createElement(SingleBrickAsComponent, {
+      return /*#__PURE__*/React__default.createElement(SingleBrickAsComponent, {
         key: index,
         useBrick: item,
         data: data
@@ -10281,7 +10303,7 @@ function BrickAsComponent(_ref6) {
   } = _ref6;
 
   if (Array.isArray(useBrick)) {
-    return /*#__PURE__*/React.createElement(React.Fragment, null, useBrick.map((item, index) => /*#__PURE__*/React.createElement(SingleBrickAsComponent, {
+    return /*#__PURE__*/React__default.createElement(React__default.Fragment, null, useBrick.map((item, index) => /*#__PURE__*/React__default.createElement(SingleBrickAsComponent, {
       key: index,
       useBrick: item,
       data: data,
@@ -10289,7 +10311,7 @@ function BrickAsComponent(_ref6) {
     })));
   }
 
-  return /*#__PURE__*/React.createElement(SingleBrickAsComponent, {
+  return /*#__PURE__*/React__default.createElement(SingleBrickAsComponent, {
     useBrick: useBrick,
     data: data,
     parentRefForUseBrickInPortal: parentRefForUseBrickInPortal
@@ -10322,7 +10344,7 @@ function transformEvents(data, events) {
 // eslint-disable-next-line react/display-name
 
 
-var ForwardRefSingleBrickAsComponent = /*#__PURE__*/React.memo( /*#__PURE__*/forwardRef(function LegacySingleBrickAsComponent(_ref8, ref) {
+var ForwardRefSingleBrickAsComponent = /*#__PURE__*/React__default.memo( /*#__PURE__*/forwardRef(function LegacySingleBrickAsComponent(_ref8, ref) {
   var {
     useBrick,
     data,
@@ -10335,7 +10357,7 @@ var ForwardRefSingleBrickAsComponent = /*#__PURE__*/React.memo( /*#__PURE__*/for
 
   var template;
   var brick;
-  var isBrickAvailable = React.useMemo(() => {
+  var isBrickAvailable = React__default.useMemo(() => {
     if (isObject(useBrick.if) && !isPreEvaluated(useBrick.if)) {
       // eslint-disable-next-line
       console.warn("Currently resolvable-if in `useBrick` is not supported.");
@@ -10352,7 +10374,7 @@ var ForwardRefSingleBrickAsComponent = /*#__PURE__*/React.memo( /*#__PURE__*/for
   useImperativeHandle(ref, () => {
     return brickRef.current;
   });
-  var runtimeBrick = React.useMemo( /*#__PURE__*/_asyncToGenerator$4(function* () {
+  var runtimeBrick = React__default.useMemo( /*#__PURE__*/_asyncToGenerator$4(function* () {
     if (!isBrickAvailable) {
       return null;
     } // If the router state is initial, ignore rendering the sub-brick.
@@ -10393,7 +10415,7 @@ var ForwardRefSingleBrickAsComponent = /*#__PURE__*/React.memo( /*#__PURE__*/for
     listenOnTrackingContext(brick, trackingContextList, runtimeContext);
     return brick;
   }), [useBrick, data, isBrickAvailable]);
-  var innerRefCallback = React.useCallback( /*#__PURE__*/function () {
+  var innerRefCallback = React__default.useCallback( /*#__PURE__*/function () {
     var _ref11 = _asyncToGenerator$4(function* (element) {
       brickRef.current = element;
 
@@ -10448,24 +10470,24 @@ var ForwardRefSingleBrickAsComponent = /*#__PURE__*/React.memo( /*#__PURE__*/for
   }
 
   if (template) {
-    return /*#__PURE__*/React.createElement(template.brick, {
+    return /*#__PURE__*/React__default.createElement(template.brick, {
       ref: innerRefCallback
     }, ...slotsToChildren(template.slots).map((item, index) => {
-      return /*#__PURE__*/React.createElement(SingleBrickAsComponent, {
+      return /*#__PURE__*/React__default.createElement(SingleBrickAsComponent, {
         key: index,
         useBrick: item,
         data: data
       });
     }));
   } else {
-    return /*#__PURE__*/React.createElement(useBrick.brick, {
+    return /*#__PURE__*/React__default.createElement(useBrick.brick, {
       ref: innerRefCallback
     }, ...slotsToChildren(useBrick.slots).map((item, index) => {
       if (useBrick[symbolForTplContextId] && !item[symbolForTplContextId]) {
         item[symbolForTplContextId] = useBrick[symbolForTplContextId];
       }
 
-      return /*#__PURE__*/React.createElement(SingleBrickAsComponent, {
+      return /*#__PURE__*/React__default.createElement(SingleBrickAsComponent, {
         key: index,
         useBrick: item,
         data: data
@@ -10525,7 +10547,7 @@ var locale$4 = {
 var TimePicker$1 = locale$4;
 
 var locale$3 = {
-  lang: _extends({
+  lang: _extends$2({
     placeholder: '请选择日期',
     yearPlaceholder: '请选择年份',
     quarterPlaceholder: '请选择季度',
@@ -10536,7 +10558,7 @@ var locale$3 = {
     rangeMonthPlaceholder: ['开始月份', '结束月份'],
     rangeWeekPlaceholder: ['开始周', '结束周']
   }, locale$5),
-  timePickerLocale: _extends({}, TimePicker$1)
+  timePickerLocale: _extends$2({}, TimePicker$1)
 }; // should add whitespace between char in Button
 
 locale$3.lang.ok = '确 定'; // All settings at:
@@ -10722,7 +10744,7 @@ var locale$1 = {
 var TimePicker = locale$1;
 
 var locale = {
-  lang: _extends({
+  lang: _extends$2({
     placeholder: 'Select date',
     yearPlaceholder: 'Select year',
     quarterPlaceholder: 'Select quarter',
@@ -10733,7 +10755,7 @@ var locale = {
     rangeMonthPlaceholder: ['Start month', 'End month'],
     rangeWeekPlaceholder: ['Start week', 'End week']
   }, locale$2),
-  timePickerLocale: _extends({}, TimePicker)
+  timePickerLocale: _extends$2({}, TimePicker)
 }; // All settings at:
 // https://github.com/ant-design/ant-design/blob/master/components/date-picker/locale/example.json
 
@@ -10866,9 +10888,289 @@ var localeValues = {
 };
 var defaultLocale = localeValues;
 
-var emptyImage = "empty-image.8e18d87fea570ef0.png";
+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("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: "M23.672 23.607h2.492a4 4 0 0 1 4 4v2.491a4 4 0 0 1-4 4h-2.492a4 4 0 0 1-4-4v-2.491a4 4 0 0 1 4-4z",
+  id: "empty-image_svg__c"
+}), /*#__PURE__*/React.createElement("filter", {
+  x: "-57.2%",
+  y: "-47.7%",
+  width: "233.4%",
+  height: "233.4%",
+  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: "M37.311 12.459a4 4 0 0 1 4 4v3.419l-7.418-7.419h3.418z",
+  id: "empty-image_svg__f"
+}), /*#__PURE__*/React.createElement("filter", {
+  x: "-94.4%",
+  y: "-121.3%",
+  width: "288.7%",
+  height: "288.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$1 = /*#__PURE__*/React.createElement("g", {
+  fill: "none",
+  fillRule: "evenodd"
+}, /*#__PURE__*/React.createElement("path", {
+  d: "M39.682 33.967H10.81a2.8 2.8 0 0 0-1.94.782l-5.197 4.999v6.98a5.6 5.6 0 0 0 5.6 5.6H41.22a5.6 5.6 0 0 0 5.6-5.6v-6.98l-5.196-4.999a2.8 2.8 0 0 0-1.942-.782z",
+  fill: "#A6AAC3"
+}), /*#__PURE__*/React.createElement("path", {
+  d: "M33.893 12.459l7.418 7.419v22.568a2.8 2.8 0 0 1-2.8 2.8h-26.53a2.8 2.8 0 0 1-2.8-2.8V18.459a6 6 0 0 1 6-6h18.712z",
+  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", {
+  stroke: "#FFF",
+  d: "M26.164 24.107c.966 0 1.841.391 2.475 1.025a3.489 3.489 0 0 1 1.025 2.475h0v2.491c0 .967-.392 1.842-1.025 2.475a3.489 3.489 0 0 1-2.475 1.025h0-2.492a3.489 3.489 0 0 1-2.475-1.025 3.489 3.489 0 0 1-1.025-2.475h0v-2.491c0-.967.392-1.842 1.025-2.475a3.489 3.489 0 0 1 2.475-1.025h0z",
+  strokeLinejoin: "square",
+  fill: "url(#empty-image_svg__d)"
+})), /*#__PURE__*/React.createElement("g", {
+  transform: "rotate(180 37.602 16.168)"
+}, /*#__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: "M54.164 27.541c.253 0 .459.205.459.459v.918h.918a.459.459 0 1 1 0 .918h-.918v.918a.459.459 0 0 1-.918 0v-.918h-.918a.459.459 0 0 1 0-.918h.918V28c0-.254.205-.459.459-.459zM1.377 20.197c.19 0 .344.154.344.344v.574h.574a.459.459 0 1 1 0 .918h-.574v.574a.344.344 0 0 1-.688 0l-.001-.574H.459a.459.459 0 0 1 0-.918h.573v-.574c0-.19.155-.344.345-.344z",
+  fill: "#D6D8E4",
+  opacity: 0.3
+}), /*#__PURE__*/React.createElement("path", {
+  d: "M24.787 43.53h.014c7.087.143 9.817-3.834 12.785-4.046l.19-.008h9.044v10.052a2.8 2.8 0 0 1-2.63 2.795l-.17.005H6.472l-.17-.005a2.8 2.8 0 0 1-2.63-2.795V39.475h8.126l.144-.004c2.485.004 5.214 3.898 12.83 4.06l.015-.002z",
+  fill: "#D6D8E4"
+}), /*#__PURE__*/React.createElement("path", {
+  d: "M13.77 2.2s2.308-.555 2.962-2.2c.943 1.35 1.429 1.933 2.547 2.189-1.522.453-2.183.963-2.704 2.401-.598-1.695-1.142-1.914-2.805-2.39",
+  fill: "#D6D8E4",
+  opacity: 0.5
+}), /*#__PURE__*/React.createElement("path", {
+  d: "M41.311 6.64S47.464 5.194 49.21.917c2.514 3.508 3.81 5.025 6.791 5.691-4.059 1.18-5.822 2.503-7.21 6.243-1.594-4.406-3.045-4.976-7.479-6.213",
+  fill: "#D6D8E4",
+  opacity: 0.8
+}));
 
-var bigEmptyImage = "big-empty-image.397ff6359f4066d8.png";
+function SvgEmptyImage(props) {
+  return /*#__PURE__*/React.createElement("svg", _extends$1({
+    width: 56,
+    height: 53,
+    viewBox: "0 0 56 53",
+    xmlns: "http://www.w3.org/2000/svg",
+    xmlnsXlink: "http://www.w3.org/1999/xlink"
+  }, props), _ref$1, _ref2$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("defs", null, /*#__PURE__*/React.createElement("linearGradient", {
+  x1: "5.718%",
+  y1: "4.311%",
+  x2: "83.05%",
+  y2: "88.915%",
+  id: "big-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: "big-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: "big-empty-image_svg__c"
+}), /*#__PURE__*/React.createElement("filter", {
+  x: "-37.5%",
+  y: "-31.3%",
+  width: "187.5%",
+  height: "187.5%",
+  filterUnits: "objectBoundingBox",
+  id: "big-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: "big-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: "big-empty-image_svg__f"
+}), /*#__PURE__*/React.createElement("filter", {
+  x: "-61.9%",
+  y: "-79.5%",
+  width: "223.7%",
+  height: "223.7%",
+  filterUnits: "objectBoundingBox",
+  id: "big-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: "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: "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(#big-empty-image_svg__a)"
+}), /*#__PURE__*/React.createElement("g", null, /*#__PURE__*/React.createElement("use", {
+  fill: "#000",
+  filter: "url(#big-empty-image_svg__b)",
+  xlinkHref: "#big-empty-image_svg__c"
+}), /*#__PURE__*/React.createElement("path", {
+  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(#big-empty-image_svg__d)"
+})), /*#__PURE__*/React.createElement("g", {
+  transform: "rotate(180 57.343 24.657)"
+}, /*#__PURE__*/React.createElement("use", {
+  fill: "#000",
+  filter: "url(#big-empty-image_svg__e)",
+  xlinkHref: "#big-empty-image_svg__f"
+}), /*#__PURE__*/React.createElement("use", {
+  fill: "url(#big-empty-image_svg__g)",
+  xlinkHref: "#big-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: "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: "#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: "#D6D8E4",
+  opacity: 0.8
+}));
+
+function SvgBigEmptyImage(props) {
+  return /*#__PURE__*/React.createElement("svg", _extends({
+    width: 86,
+    height: 80,
+    viewBox: "0 0 86 80",
+    xmlns: "http://www.w3.org/2000/svg",
+    xmlnsXlink: "http://www.w3.org/1999/xlink"
+  }, props), _ref, _ref2);
+}
 
 /**
  * 用于展示空数据的 React 组件。
@@ -10878,31 +11180,27 @@ function EasyopsEmpty(props) {
 
   var illustration = useMemo(() => props.illustration && getIllustration(props.illustration), [props.illustration]);
 
-  var _emptyImage = props.useBigEmptyImage ? bigEmptyImage : emptyImage;
+  var _emptyImage = props.useBigEmptyImage ? SvgBigEmptyImage : SvgEmptyImage;
 
-  var image = props.illustration ? illustration : getImageUrl(_emptyImage);
+  var image = props.illustration ? illustration : /*#__PURE__*/React__default.createElement(_emptyImage);
   var imageStyle = (_props$imageStyle = props.imageStyle) !== null && _props$imageStyle !== void 0 ? _props$imageStyle : props.useBigEmptyImage ? undefined : {
     height: "60px"
   };
-  return /*#__PURE__*/React.createElement(Empty, {
+  return /*#__PURE__*/React__default.createElement(Empty, {
     image: image,
     imageStyle: imageStyle,
-    description: props.description
+    description: props.description,
+    style: {
+      color: "var(--text-color-secondary)"
+    }
   });
 }
-
-function getImageUrl(url) {
-  var _window$CORE_ROOT;
-
-  return "".concat((_window$CORE_ROOT = window.CORE_ROOT) !== null && _window$CORE_ROOT !== void 0 ? _window$CORE_ROOT : "", "assets/").concat(url);
-}
 /**
  * 调用后获得一个默认的展示空数据的 React 组件。
  */
 
-
 function renderEasyopsEmpty() {
-  return /*#__PURE__*/React.createElement(EasyopsEmpty, null);
+  return /*#__PURE__*/React__default.createElement(EasyopsEmpty, null);
 }
 
 var FeatureFlagsContext = /*#__PURE__*/createContext(null);
@@ -10972,7 +11270,7 @@ function useFeatureFlags(name) {
 
 function DisplayByFeatureFlags(props) {
   var featureFlags = useFeatureFlags(props.name);
-  return featureFlags.every(flag => !!flag) ? /*#__PURE__*/React.createElement(React.Fragment, null, props.children) : props !== null && props !== void 0 && props.fallback ? /*#__PURE__*/React.createElement(React.Fragment, null, props === null || props === void 0 ? void 0 : props.fallback) : null;
+  return featureFlags.every(flag => !!flag) ? /*#__PURE__*/React__default.createElement(React__default.Fragment, null, props.children) : props !== null && props !== void 0 && props.fallback ? /*#__PURE__*/React__default.createElement(React__default.Fragment, null, props === null || props === void 0 ? void 0 : props.fallback) : null;
 }
 
 /**
@@ -10982,15 +11280,15 @@ function BrickWrapper(props) {
   var locale = i18next.language && i18next.language.split("-")[0] === "en" ? defaultLocale : zhCN; // istanbul ignore next
 
   var featureFlags = process.env.NODE_ENV === "test" ? {} : getRuntime().getFeatureFlags();
-  return /*#__PURE__*/React.createElement(ErrorBoundary, null, /*#__PURE__*/React.createElement(FeatureFlagsProvider, {
+  return /*#__PURE__*/React__default.createElement(ErrorBoundary, null, /*#__PURE__*/React__default.createElement(FeatureFlagsProvider, {
     value: featureFlags
-  }, /*#__PURE__*/React.createElement(ConfigProvider, {
+  }, /*#__PURE__*/React__default.createElement(ConfigProvider, {
     locale: locale,
     autoInsertSpaceInButton: false,
     renderEmpty: () => {
       var _props$wrapperConfig;
 
-      return /*#__PURE__*/React.createElement(EasyopsEmpty, (_props$wrapperConfig = props.wrapperConfig) === null || _props$wrapperConfig === void 0 ? void 0 : _props$wrapperConfig.empty);
+      return /*#__PURE__*/React__default.createElement(EasyopsEmpty, (_props$wrapperConfig = props.wrapperConfig) === null || _props$wrapperConfig === void 0 ? void 0 : _props$wrapperConfig.empty);
     }
   }, props.children)));
 }