@next-core/brick-kit 2.107.1 → 2.107.4

package/CHANGELOG.md

@@ -3,6 +3,36 @@
 All notable changes to this project will be documented in this file.
 See [Conventional Commits](https://conventionalcommits.org) for commit guidelines.
 
+## [2.107.4](https://github.com/easyops-cn/next-core/compare/@next-core/brick-kit@2.107.3...@next-core/brick-kit@2.107.4) (2022-03-15)
+
+**Note:** Version bump only for package @next-core/brick-kit
+
+
+
+
+
+## [2.107.3](https://github.com/easyops-cn/next-core/compare/@next-core/brick-kit@2.107.2...@next-core/brick-kit@2.107.3) (2022-03-15)
+
+
+### Bug Fixes
+
+* switch dark theme ([00ebb32](https://github.com/easyops-cn/next-core/commit/00ebb32101d86dcf05942746a25258cb9e84b699))
+
+
+
+
+
+## [2.107.2](https://github.com/easyops-cn/next-core/compare/@next-core/brick-kit@2.107.1...@next-core/brick-kit@2.107.2) (2022-03-07)
+
+
+### Bug Fixes
+
+* fix style ([ff394cb](https://github.com/easyops-cn/next-core/commit/ff394cbfc591bc72ad6f0f6f2f761a4d64d9d774))
+
+
+
+
+
 ## [2.107.1](https://github.com/easyops-cn/next-core/compare/@next-core/brick-kit@2.107.0...@next-core/brick-kit@2.107.1) (2022-03-07)
 
 

package/dist/index.bundle.js

@@ -1,8 +1,8 @@
 (function (global, factory) {
-  typeof exports === 'object' && typeof module !== 'undefined' ? factory(exports, require('history'), require('@babel/runtime/helpers/objectSpread2'), require('@babel/runtime/helpers/objectWithoutProperties'), require('@babel/runtime/helpers/asyncToGenerator'), require('@babel/runtime/helpers/defineProperty'), require('react'), require('lodash'), require('@next-core/brick-utils'), require('@next-core/brick-http'), require('moment'), require('@next-core/pipes'), require('i18next'), require('@next-core/easyops-analytics'), require('antd'), require('@ant-design/icons'), require('js-yaml'), 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', 'antd', '@ant-design/icons', 'js-yaml', '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.antd, global.icons, global.yaml, 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, antd, icons, yaml, reactI18next, _extends, illustrations, _decorate) { 'use strict';
+  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('@next-core/brick-utils'), require('lodash'), require('@next-core/brick-http'), require('moment'), require('@next-core/pipes'), require('i18next'), require('@next-core/easyops-analytics'), require('antd'), require('@ant-design/icons'), require('js-yaml'), 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', '@next-core/brick-utils', 'lodash', '@next-core/brick-http', 'moment', '@next-core/pipes', 'i18next', '@next-core/easyops-analytics', 'antd', '@ant-design/icons', 'js-yaml', '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.brickUtils, global.lodash, global.brickHttp, global.moment, global.pipes, global.i18next, global.easyopsAnalytics, global.antd, global.icons, global.yaml, global.reactI18next, global._extends, global.illustrations, global._decorate));
+})(this, (function (exports, history$1, _objectSpread, _objectWithoutProperties, _asyncToGenerator$4, _defineProperty$1, React, brickUtils, lodash, brickHttp, moment, pipes, i18next, easyopsAnalytics, antd, icons, yaml, reactI18next, _extends, illustrations, _decorate) { 'use strict';
 
   function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }
 
@@ -332,9 +332,10 @@
     brickTemplateRegistry.set(name, factory);
   }
 
-  // Themes.
   var DEFAULT_THEME = "light";
   var theme = DEFAULT_THEME;
+  var storage = new brickUtils.JsonStorage(localStorage);
+  var LOCAL_STORAGE_APPS_THEME_KEY = "apps-theme";
   function setTheme(value) {
     if (value !== "dark" && value !== "light" && value !== "dark-v2") {
       throw new Error("Unsupported theme: ".concat(value));
@@ -375,6 +376,21 @@
       };
     }, []);
     return currentTheme;
+  }
+  function batchSetAppsLocalTheme(appsTheme) {
+    storage.setItem(LOCAL_STORAGE_APPS_THEME_KEY, _objectSpread__default["default"](_objectSpread__default["default"]({}, getLocalAppsTheme()), appsTheme));
+  }
+  function getLocalAppsTheme() {
+    var result;
+
+    try {
+      result = storage.getItem(LOCAL_STORAGE_APPS_THEME_KEY);
+    } catch (_unused) {
+      // eslint-disable-next-line no-console
+      console.error("JSON parse error inside `getLocalAppsTheme()`");
+    }
+
+    return result || {};
   } // Modes.
 
   var DEFAULT_MODE = "default";
@@ -9811,7 +9827,7 @@
       var _this3 = this;
 
       return _asyncToGenerator__default["default"](function* () {
-        var _apiAnalyzer$getInsta;
+        var _apiAnalyzer$getInsta, _getLocalAppsTheme;
 
         _this3.state = "initial";
         _this3.renderId = lodash.uniqueId("render-id-");
@@ -9862,7 +9878,7 @@
         var legacy = currentApp ? currentApp.legacy : undefined;
         _this3.kernel.nextApp = currentApp;
         var layoutType = (currentApp === null || currentApp === void 0 ? void 0 : currentApp.layoutType) || "console";
-        setTheme((currentApp === null || currentApp === void 0 ? void 0 : currentApp.theme) || "light");
+        setTheme(((_getLocalAppsTheme = getLocalAppsTheme()) === null || _getLocalAppsTheme === void 0 ? void 0 : _getLocalAppsTheme[currentApp === null || currentApp === void 0 ? void 0 : currentApp.id]) || (currentApp === null || currentApp === void 0 ? void 0 : currentApp.theme) || "light");
         setMode("default");
         devtoolsHookEmit("rendering");
         unmountTree(mountPoints.bg);
@@ -12069,7 +12085,7 @@
         y1: "4.31113823%",
         x2: "82.851613%",
         y2: "88.6978534%",
-        id: createNewId("inearGradient-1")
+        id: createNewId("linearGradient-1")
       }, /*#__PURE__*/React__default["default"].createElement("stop", {
         stopColor: "#545454",
         offset: "0%"
@@ -12081,7 +12097,7 @@
         y1: "4.31113823%",
         x2: "84.2061777%",
         y2: "88.6978534%",
-        id: createNewId("inearGradient-2")
+        id: createNewId("linearGradient-2")
       }, /*#__PURE__*/React__default["default"].createElement("stop", {
         stopColor: "#515151",
         offset: "0%"
@@ -12165,7 +12181,7 @@
         transform: "translate(345.000000, 239.000000)"
       }, /*#__PURE__*/React__default["default"].createElement("path", {
         d: "M63.0027562,53.3770492 L16.3415061,53.3770492 C15.617696,53.3770492 14.9220071,53.6573421 14.4003686,54.1591332 L5.7704918,62.4606569 L5.7704918,62.4606569 L5.7704918,76.6295082 C5.7704918,79.7223028 8.2776972,82.2295082 11.3704918,82.2295082 L67.9737705,82.2295082 C71.0665651,82.2295082 73.5737705,79.7223028 73.5737705,76.6295082 L73.5737705,62.4606569 L73.5737705,62.4606569 L64.9438937,54.1591332 C64.4222552,53.6573421 63.7265663,53.3770492 63.0027562,53.3770492 Z",
-        id: "Fill-3",
+        id: createNewId("Fill-3"),
         fill: "#313131"
       }), /*#__PURE__*/React__default["default"].createElement("path", {
         d: "M53.2598788,19.5784543 L64.9180328,31.2366083 L64.9180328,68.3007026 C64.9180328,69.8470999 63.6644301,71.1007026 62.1180328,71.1007026 L17.2262295,71.1007026 C15.6798322,71.1007026 14.4262295,69.8470999 14.4262295,68.3007026 L14.4262295,25.5784543 C14.4262295,22.2647458 17.112521,19.5784543 20.4262295,19.5784543 L53.2598788,19.5784543 Z",
@@ -13169,6 +13185,7 @@
   exports.StoryboardFunctionRegistryFactory = StoryboardFunctionRegistryFactory;
   exports.UpdatingElement = UpdatingElement;
   exports.authenticate = authenticate;
+  exports.batchSetAppsLocalTheme = batchSetAppsLocalTheme;
   exports.checkIf = checkIf;
   exports.checkIfByTransform = checkIfByTransform;
   exports.createHistory = createHistory;
@@ -13178,6 +13195,7 @@
   exports.event = event;
   exports.getAuth = getAuth;
   exports.getCssPropertyValue = getCssPropertyValue;
+  exports.getCurrentTheme = getCurrentTheme;
   exports.getHistory = getHistory;
   exports.getMockInfo = getMockInfo;
   exports.getRuntime = getRuntime;