@next-core/brick-kit 2.95.1 → 2.99.0

package/CHANGELOG.md

@@ -3,6 +3,55 @@
 All notable changes to this project will be documented in this file.
 See [Conventional Commits](https://conventionalcommits.org) for commit guidelines.
 
+# [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)
+
+
+### Features
+
+* some adjustment for EasyopsEmpty's empty image ([cc5af32](https://github.com/easyops-cn/next-core/commit/cc5af32a93d7497ff236c2189e730a3f771d3866)), closes [Refs#MONITOR-2681](https://github.com/Refs/issues/MONITOR-2681)
+
+
+
+
+
 ## [2.95.1](https://github.com/easyops-cn/next-core/compare/@next-core/brick-kit@2.95.0...@next-core/brick-kit@2.95.1) (2021-12-28)
 
 **Note:** Version bump only for package @next-core/brick-kit

package/dist/index.bundle.js

@@ -286,7 +286,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 +1876,7 @@
         case "QUERY":
           return getDynamicReadOnlyProxy({
             get(target, key) {
-              return query.get(key);
+              return query.has(key) ? query.get(key) : undefined;
             },
 
             ownKeys() {
@@ -1888,7 +1888,7 @@
         case "QUERY_ARRAY":
           return getDynamicReadOnlyProxy({
             get(target, key) {
-              return query.getAll(key);
+              return query.has(key) ? query.getAll(key) : undefined;
             },
 
             ownKeys() {
@@ -1902,6 +1902,11 @@
             getUrl: getUrlBySegueFactory(app, segues)
           };
 
+        case "THEME":
+          return {
+            getTheme
+          };
+
         case "SESSION_STORAGE":
           return {
             getItem: getItemFactory("session")
@@ -5302,6 +5307,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 +5603,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 +9175,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 +9421,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 +9520,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,17 +10886,27 @@
   };
   var defaultLocale = localeValues;
 
-  var emptyImage = "empty-image.397ff6359f4066d8.png";
+  var emptyImage = "empty-image.8e18d87fea570ef0.png";
+
+  var bigEmptyImage = "big-empty-image.397ff6359f4066d8.png";
 
   /**
    * 用于展示空数据的 React 组件。
    */
   function EasyopsEmpty(props) {
+    var _props$imageStyle;
+
     var illustration = React.useMemo(() => props.illustration && illustrations.getIllustration(props.illustration), [props.illustration]);
-    var image = props.illustration ? illustration : getImageUrl(emptyImage);
+
+    var _emptyImage = props.useBigEmptyImage ? bigEmptyImage : emptyImage;
+
+    var image = props.illustration ? illustration : getImageUrl(_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: props.imageStyle,
+      imageStyle: imageStyle,
       description: props.description
     });
   }
@@ -11384,7 +11418,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;