@next-core/brick-kit 2.96.0 → 2.99.1

package/CHANGELOG.md

@@ -3,6 +3,52 @@
 All notable changes to this project will be documented in this file.
 See [Conventional Commits](https://conventionalcommits.org) for commit guidelines.
 
+## [2.99.1](https://github.com/easyops-cn/next-core/compare/@next-core/brick-kit@2.99.0...@next-core/brick-kit@2.99.1) (2021-12-31)
+
+**Note:** Version bump only for package @next-core/brick-kit
+
+
+
+
+
+# [2.99.0](https://github.com/easyops-cn/next-core/compare/@next-core/brick-kit@2.98.0...@next-core/brick-kit@2.99.0) (2021-12-31)
+
+
+### Features
+
+* dark theme ([c6709a7](https://github.com/easyops-cn/next-core/commit/c6709a7a30a8860a6cb3e0245967c9bcfd5e78f5))
+
+
+
+
+
+# [2.98.0](https://github.com/easyops-cn/next-core/compare/@next-core/brick-kit@2.97.0...@next-core/brick-kit@2.98.0) (2021-12-30)
+
+
+### Features
+
+* support dark-v2 ([0434b7e](https://github.com/easyops-cn/next-core/commit/0434b7e34c441c28ceb75ba753f46e3cd5ccc5c8))
+
+
+
+
+
+# [2.97.0](https://github.com/easyops-cn/next-core/compare/@next-core/brick-kit@2.96.0...@next-core/brick-kit@2.97.0) (2021-12-29)
+
+
+### Bug Fixes
+
+* fix accessing not-existed property of QUERY ([edcf0b1](https://github.com/easyops-cn/next-core/commit/edcf0b168e27f7b89ba2debde5a779c89500a0dd))
+
+
+### Features
+
+* **MockRegistry:**  update mocks data ([10fed90](https://github.com/easyops-cn/next-core/commit/10fed9053e62af9cc52d994772343d629f45afac))
+
+
+
+
+
 # [2.96.0](https://github.com/easyops-cn/next-core/compare/@next-core/brick-kit@2.95.1...@next-core/brick-kit@2.96.0) (2021-12-29)
 
 

package/dist/index.bundle.js

@@ -1,21 +1,40 @@
 (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('moment'), require('@next-core/pipes'), require('i18next'), 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', 'moment', '@next-core/pipes', 'i18next', '@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$1, global.React, global.lodash, global.brickUtils, global.brickHttp, global.moment, global.pipes, global.i18next, global.easyopsAnalytics, global.yaml, global.antd, global.icons, global.reactI18next, global._extends, global.illustrations, global._decorate));
-})(this, (function (exports, history$1, _objectSpread, _objectWithoutProperties, _asyncToGenerator$4, _defineProperty$1, React, lodash, brickUtils, brickHttp, moment, pipes, i18next, easyopsAnalytics, yaml, antd, icons, reactI18next, _extends, 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.moment, global.pipes, global.i18next, 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$1, React, lodash, brickUtils, brickHttp, moment, pipes, i18next, easyopsAnalytics, yaml, antd, icons, reactI18next, _extends$2, illustrations, _decorate) { 'use strict';
 
   function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }
 
+  function _interopNamespace(e) {
+    if (e && e.__esModule) return e;
+    var n = Object.create(null);
+    if (e) {
+      Object.keys(e).forEach(function (k) {
+        if (k !== 'default') {
+          var d = Object.getOwnPropertyDescriptor(e, k);
+          Object.defineProperty(n, k, d.get ? d : {
+            enumerable: true,
+            get: function () { return e[k]; }
+          });
+        }
+      });
+    }
+    n["default"] = e;
+    return Object.freeze(n);
+  }
+
   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$1);
   var React__default = /*#__PURE__*/_interopDefaultLegacy(React);
+  var React__namespace = /*#__PURE__*/_interopNamespace(React);
   var lodash__default = /*#__PURE__*/_interopDefaultLegacy(lodash);
   var moment__default = /*#__PURE__*/_interopDefaultLegacy(moment);
   var i18next__default = /*#__PURE__*/_interopDefaultLegacy(i18next);
   var yaml__default = /*#__PURE__*/_interopDefaultLegacy(yaml);
-  var _extends__default = /*#__PURE__*/_interopDefaultLegacy(_extends);
+  var _extends__default = /*#__PURE__*/_interopDefaultLegacy(_extends$2);
   var _decorate__default = /*#__PURE__*/_interopDefaultLegacy(_decorate);
 
   class BaseBar {
@@ -286,7 +305,7 @@
   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));
     }
 
@@ -1876,7 +1895,7 @@
         case "QUERY":
           return getDynamicReadOnlyProxy({
             get(target, key) {
-              return query.get(key);
+              return query.has(key) ? query.get(key) : undefined;
             },
 
             ownKeys() {
@@ -1888,7 +1907,7 @@
         case "QUERY_ARRAY":
           return getDynamicReadOnlyProxy({
             get(target, key) {
-              return query.getAll(key);
+              return query.has(key) ? query.getAll(key) : undefined;
             },
 
             ownKeys() {
@@ -1902,6 +1921,11 @@
             getUrl: getUrlBySegueFactory(app, segues)
           };
 
+        case "THEME":
+          return {
+            getTheme
+          };
+
         case "SESSION_STORAGE":
           return {
             getItem: getItemFactory("session")
@@ -5302,6 +5326,9 @@
             applyTheme(handler.action === "theme.setDarkTheme" ? "dark" : "light");
           };
 
+        case "theme.setTheme":
+          return builtinThemeListenerFactory(handler.args, handler, context);
+
         case "mode.setDashboardMode":
         case "mode.setDefaultMode":
           return event => {
@@ -5595,6 +5622,19 @@
     };
   }
 
+  function builtinThemeListenerFactory(args, ifContainer, context) {
+    return function (event) {
+      if (!looseCheckIf(ifContainer, _objectSpread__default["default"](_objectSpread__default["default"]({}, context), {}, {
+        event
+      }))) {
+        return;
+      }
+
+      var [theme] = argsFactory(args, context, event);
+      applyTheme(theme);
+    };
+  }
+
   function findRefElement(brick, ref) {
     var _getParentTemplate, _getParentTemplate$$$;
 
@@ -9154,21 +9194,24 @@
     return defaultCollapsed || defaultCollapsedBreakpoint && document.documentElement.clientWidth < defaultCollapsedBreakpoint;
   }
 
-  var useMockList = [];
-  function registerMock(mockList) {
-    if (mockList) useMockList = mockList;
-  }
-
-  function getUrlRegExp(str) {
-    return new RegExp("".concat(str.replace(/:\w+/g, "[\\w|-]+"), "$"));
-  }
-
-  var isMatchMockUrl = (requestUrl, uri) => {
-    var reg = getUrlRegExp(uri);
-    return reg.test(requestUrl);
+  var mocks = {
+    mockId: null,
+    mockList: []
   };
-  var getMockRule = requestUrl => {
-    return useMockList.find(item => isMatchMockUrl(requestUrl, item.uri));
+  function registerMock(useMocks) {
+    var _useMocks$mockList;
+
+    if (useMocks) mocks = _objectSpread__default["default"](_objectSpread__default["default"]({}, useMocks), {}, {
+      mockList: (_useMocks$mockList = useMocks.mockList) === null || _useMocks$mockList === void 0 ? void 0 : _useMocks$mockList.map(item => _objectSpread__default["default"](_objectSpread__default["default"]({}, item), {}, {
+        uri: item.uri.replace(/(easyops\.api\.)(.+)(@\d+\.\d+\.\d+(?=\/))(.+)/, (_match, p1, p2, _p3, p4) => {
+          return "(".concat(p1, ")?").concat(p2, "(@\\d+\\.\\d+\\.\\d+)?").concat(p4, "$");
+        }).replace(/:\w+/g, "[\\w|-]+")
+      }))
+    });
+  }
+  var getMockId = requestUrl => {
+    if (mocks.mockList.find(item => new RegExp(item.uri).test(requestUrl))) return mocks.mockId;
+    return undefined;
   };
 
   class Router {
@@ -9397,7 +9440,7 @@
         };
 
         if (storyboard) {
-          var _currentApp$breadcrum, _currentApp$breadcrum2;
+          var _currentApp$breadcrum, _currentApp$breadcrum2, _currentApp$theme;
 
           if (appChanged && currentApp.id && isLoggedIn()) {
             var usedCustomApis = brickUtils.mapCustomApisToNameAndNamespace(brickUtils.scanCustomApisInStoryboard(storyboard));
@@ -9496,7 +9539,7 @@
             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();
@@ -10862,9 +10905,289 @@
   };
   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__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: "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__namespace.createElement("filter", {
+    x: "-57.2%",
+    y: "-47.7%",
+    width: "233.4%",
+    height: "233.4%",
+    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: "M37.311 12.459a4 4 0 0 1 4 4v3.419l-7.418-7.419h3.418z",
+    id: "empty-image_svg__f"
+  }), /*#__PURE__*/React__namespace.createElement("filter", {
+    x: "-94.4%",
+    y: "-121.3%",
+    width: "288.7%",
+    height: "288.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$1 = /*#__PURE__*/React__namespace.createElement("g", {
+    fill: "none",
+    fillRule: "evenodd"
+  }, /*#__PURE__*/React__namespace.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__namespace.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__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", {
+    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__namespace.createElement("g", {
+    transform: "rotate(180 37.602 16.168)"
+  }, /*#__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: "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__namespace.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__namespace.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__namespace.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__namespace.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__namespace.createElement("defs", null, /*#__PURE__*/React__namespace.createElement("linearGradient", {
+    x1: "5.718%",
+    y1: "4.311%",
+    x2: "83.05%",
+    y2: "88.915%",
+    id: "big-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: "big-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: "big-empty-image_svg__c"
+  }), /*#__PURE__*/React__namespace.createElement("filter", {
+    x: "-37.5%",
+    y: "-31.3%",
+    width: "187.5%",
+    height: "187.5%",
+    filterUnits: "objectBoundingBox",
+    id: "big-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: "big-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: "big-empty-image_svg__f"
+  }), /*#__PURE__*/React__namespace.createElement("filter", {
+    x: "-61.9%",
+    y: "-79.5%",
+    width: "223.7%",
+    height: "223.7%",
+    filterUnits: "objectBoundingBox",
+    id: "big-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: "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: "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__namespace.createElement("g", null, /*#__PURE__*/React__namespace.createElement("use", {
+    fill: "#000",
+    filter: "url(#big-empty-image_svg__b)",
+    xlinkHref: "#big-empty-image_svg__c"
+  }), /*#__PURE__*/React__namespace.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__namespace.createElement("g", {
+    transform: "rotate(180 57.343 24.657)"
+  }, /*#__PURE__*/React__namespace.createElement("use", {
+    fill: "#000",
+    filter: "url(#big-empty-image_svg__e)",
+    xlinkHref: "#big-empty-image_svg__f"
+  }), /*#__PURE__*/React__namespace.createElement("use", {
+    fill: "url(#big-empty-image_svg__g)",
+    xlinkHref: "#big-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: "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: "#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: "#D6D8E4",
+    opacity: 0.8
+  }));
+
+  function SvgBigEmptyImage(props) {
+    return /*#__PURE__*/React__namespace.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 组件。
@@ -10874,29 +11197,25 @@
 
     var illustration = React.useMemo(() => props.illustration && illustrations.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["default"].createElement(_emptyImage);
     var imageStyle = (_props$imageStyle = props.imageStyle) !== null && _props$imageStyle !== void 0 ? _props$imageStyle : props.useBigEmptyImage ? undefined : {
       height: "60px"
     };
     return /*#__PURE__*/React__default["default"].createElement(antd.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__default["default"].createElement(EasyopsEmpty, null);
   }
@@ -11394,7 +11713,7 @@
   exports.event = event;
   exports.getAuth = getAuth;
   exports.getHistory = getHistory;
-  exports.getMockRule = getMockRule;
+  exports.getMockId = getMockId;
   exports.getRuntime = getRuntime;
   exports.handleHttpError = handleHttpError;
   exports.httpErrorToString = httpErrorToString;