@next-core/brick-kit 2.107.2 → 2.108.0

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.108.0](https://github.com/easyops-cn/next-core/compare/@next-core/brick-kit@2.107.4...@next-core/brick-kit@2.108.0) (2022-03-18)
+
+
+### Features
+
+* React组件支持调用provider ([1fe6096](https://github.com/easyops-cn/next-core/commit/1fe60963f96b4cddd889837da3ae5dd19f472d46))
+
+
+
+
+
+## [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)
 
 

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";
@@ -2631,7 +2647,7 @@
     }) : internalOptions;
   }
 
-  var _excluded$4 = ["children"],
+  var _excluded$6 = ["children"],
       _excluded2$1 = ["items", "app"];
   var symbolAppId = Symbol("appId");
   // Caching menu requests to avoid flicker.
@@ -2843,7 +2859,7 @@
         var {
           children
         } = _ref,
-            rest = _objectWithoutProperties__default["default"](_ref, _excluded$4);
+            rest = _objectWithoutProperties__default["default"](_ref, _excluded$6);
 
         return _objectSpread__default["default"](_objectSpread__default["default"]({}, yield computeRealValueWithOverrideApp(rest, rest[symbolAppId], context, kernel)), {}, {
           children: children && (yield computeMenuItemsWithOverrideApp(children, context, kernel))
@@ -3404,7 +3420,7 @@
     return kernel.loadDynamicBricksInBrickConf(brickConf);
   }
 
-  var _excluded$3 = ["extraQuery", "clear", "keepHash"];
+  var _excluded$5 = ["extraQuery", "clear", "keepHash"];
   function historyExtended(browserHistory) {
     var {
       push: originalPush,
@@ -3420,7 +3436,7 @@
           clear,
           keepHash
         } = options,
-            state = _objectWithoutProperties__default["default"](options, _excluded$3);
+            state = _objectWithoutProperties__default["default"](options, _excluded$5);
 
         var urlSearchParams = new URLSearchParams(clear ? "" : browserHistory.location.search);
         var params = {};
@@ -6590,7 +6606,7 @@
     }
   }
 
-  var _excluded$2 = ["feature_flags"];
+  var _excluded$4 = ["feature_flags"];
   function standaloneBootstrap() {
     return _standaloneBootstrap.apply(this, arguments);
   }
@@ -6626,7 +6642,7 @@
           var {
             feature_flags: featureFlags
           } = sys_settings,
-              rest = _objectWithoutProperties__default["default"](sys_settings, _excluded$2);
+              rest = _objectWithoutProperties__default["default"](sys_settings, _excluded$4);
 
           settings = _objectSpread__default["default"]({
             featureFlags
@@ -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);
@@ -10318,7 +10334,7 @@
     }
   }
 
-  var _excluded$1 = ["properties", "slots"],
+  var _excluded$3 = ["properties", "slots"],
       _excluded2 = ["ref", "slots"];
   function expandCustomTemplate(brickConf, proxyBrick, context) {
     var tplContext = new CustomTemplateContext(proxyBrick);
@@ -10359,7 +10375,7 @@
       properties: templateProperties,
       slots: externalSlots
     } = brickConf,
-        restBrickConf = _objectWithoutProperties__default["default"](brickConf, _excluded$1);
+        restBrickConf = _objectWithoutProperties__default["default"](brickConf, _excluded$3);
 
     var newBrickConf = restBrickConf; // Get a copy of proxy for each instance of custom template.
 
@@ -12795,7 +12811,7 @@
     checkoutTplContext: lodash.noop
   };
 
-  var _excluded = ["type"];
+  var _excluded$2 = ["type"];
   // Inspired by [LitElement](https://github.com/Polymer/lit-element)
 
   /**
@@ -13065,7 +13081,7 @@
       var {
         type
       } = options,
-          eventInit = _objectWithoutProperties__default["default"](options, _excluded);
+          eventInit = _objectWithoutProperties__default["default"](options, _excluded$2);
 
       this.__dev_only_definedEvents.add(type); // Make event emitter readonly.
 
@@ -13157,6 +13173,242 @@
     };
   }, UpdatingElement);
 
+  var useProviderArgsDefaults = {
+    provider: "",
+    customOptions: {
+      onError: () => {
+        /* Do nothing.. */
+      },
+      transform: (oldData, newData) => newData,
+      data: undefined,
+      loading: false,
+      suspense: false
+    },
+    dependencies: undefined
+  };
+  var defaults = Object.entries(useProviderArgsDefaults).reduce((acc, _ref) => {
+    var [key, value] = _ref;
+    if (Object.prototype.toString.call(value) === "[object Object]") return _objectSpread__default["default"](_objectSpread__default["default"]({}, acc), value);
+    return _objectSpread__default["default"](_objectSpread__default["default"]({}, acc), {}, {
+      [key]: value
+    });
+  }, {});
+
+  var _excluded$1 = ["body"];
+  function useProviderArgs(providerOrParamsOrGlobalOptions, gloabalOptionsOrDeps, deps) {
+    var provider = React.useMemo(() => {
+      if (typeof providerOrParamsOrGlobalOptions === "string") {
+        return providerOrParamsOrGlobalOptions;
+      }
+
+      return useProviderArgsDefaults.provider;
+    }, [providerOrParamsOrGlobalOptions, gloabalOptionsOrDeps]);
+    var options = React.useMemo(() => {
+      var localOptions = {};
+
+      if (lodash.isObject(providerOrParamsOrGlobalOptions)) {
+        localOptions = providerOrParamsOrGlobalOptions;
+      } else if (lodash.isObject(gloabalOptionsOrDeps)) {
+        localOptions = gloabalOptionsOrDeps;
+      }
+
+      return _objectSpread__default["default"](_objectSpread__default["default"]({}, defaults), localOptions);
+    }, [providerOrParamsOrGlobalOptions, gloabalOptionsOrDeps]);
+    var requestInit = React.useMemo(() => {
+      var customOptionKeys = [...Object.keys(useProviderArgsDefaults), ...Object.keys(useProviderArgsDefaults.customOptions)];
+
+      var _reduce = Object.keys(options).reduce((acc, key) => {
+        if (!customOptionKeys.includes(key)) acc[key] = options[key];
+        return acc;
+      }, {}),
+          {
+        body = null
+      } = _reduce,
+          restOptions = _objectWithoutProperties__default["default"](_reduce, _excluded$1);
+
+      return {
+        options: _objectSpread__default["default"]({}, restOptions),
+        body
+      };
+    }, [options]);
+    var dependencies = React.useMemo(() => {
+      if (Array.isArray(gloabalOptionsOrDeps)) return gloabalOptionsOrDeps;
+      if (Array.isArray(deps)) return deps;
+      return defaults.dependencies;
+    }, [gloabalOptionsOrDeps, deps]);
+    var loading = options.loading || Array.isArray(dependencies);
+    var customOptions = React.useMemo(() => {
+      var customOptionKeys = Object.keys(useProviderArgsDefaults.customOptions);
+      var customOptions = customOptionKeys.reduce((opts, key) => {
+        opts[key] = options[key];
+        return opts;
+      }, {});
+      return _objectSpread__default["default"](_objectSpread__default["default"]({}, customOptions), {}, {
+        loading
+      });
+    }, [options]);
+    return {
+      provider,
+      customOptions,
+      requestInit,
+      dependencies
+    };
+  }
+
+  var cache = new Map();
+  function fetchProviderArgs(_x) {
+    return _fetchProviderArgs.apply(this, arguments);
+  }
+
+  function _fetchProviderArgs() {
+    _fetchProviderArgs = _asyncToGenerator__default["default"](function* (provider) {
+      for (var _len = arguments.length, originalArgs = new Array(_len > 1 ? _len - 1 : 0), _key = 1; _key < _len; _key++) {
+        originalArgs[_key - 1] = arguments[_key];
+      }
+
+      var cacheKey = JSON.stringify({
+        provider,
+        originalArgs
+      });
+      if (cache.has(cacheKey)) return cache.get(cacheKey);
+      var args = yield getArgsOfCustomApi(provider, originalArgs);
+      cache.set(cacheKey, args);
+      return args;
+    });
+    return _fetchProviderArgs.apply(this, arguments);
+  }
+
+  var _excluded = ["onError", "transform", "suspense"];
+  function useProvider() {
+    var {
+      provider,
+      customOptions,
+      dependencies,
+      requestInit
+    } = useProviderArgs(...arguments);
+
+    var {
+      onError,
+      transform,
+      suspense
+    } = customOptions,
+        defaults = _objectWithoutProperties__default["default"](customOptions, _excluded);
+
+    var [loading, setLoading] = React.useState(defaults.loading);
+    var suspenseStatus = React.useRef("pending");
+    var suspender = React.useRef();
+    var mounted = React.useRef(false);
+    var error = React.useRef();
+    var response = React.useRef();
+    var data = React.useRef(defaults.data);
+    var forceUpdate = React.useReducer(() => ({}), [])[1];
+    var doFetch = React.useCallback( /*#__PURE__*/_asyncToGenerator__default["default"](function* () {
+      try {
+        error.current = undefined;
+        if (!suspense) setLoading(true);
+        var newRes = yield CustomApi(...arguments);
+        response.current = newRes;
+        data.current = transform(data.current, newRes);
+      } catch (e) {
+        error.current = e;
+      }
+
+      if (!suspense) setLoading(false);
+      if (error.current) onError(error.current);
+      return data.current;
+    }), [provider, customOptions, dependencies, requestInit, suspense, transform, defaults.data, onError]);
+    var makeFetch = React.useCallback( /*#__PURE__*/function () {
+      var _ref2 = _asyncToGenerator__default["default"](function* (providerOrBody, body) {
+        var providerStr = provider;
+        var data = {};
+
+        if (lodash.isString(providerOrBody)) {
+          providerStr = providerOrBody;
+        }
+
+        if (lodash.isObject(providerOrBody)) {
+          data = providerOrBody;
+        } else if (lodash.isObject(body)) {
+          data = body;
+        }
+
+        var args = yield fetchProviderArgs(providerStr, data, requestInit.options);
+
+        if (suspense) {
+          return _asyncToGenerator__default["default"](function* () {
+            suspender.current = doFetch(...args).then(newData => {
+              suspenseStatus.current = "success";
+              return newData;
+            }, error => {
+              suspenseStatus.current = "error";
+              error.current = error;
+              return error;
+            });
+            forceUpdate();
+            return yield suspender.current;
+          })();
+        }
+
+        return doFetch(...args);
+      });
+
+      return function (_x, _x2) {
+        return _ref2.apply(this, arguments);
+      };
+    }(), [doFetch]);
+    var request = React.useMemo(() => Object.defineProperties({
+      query: makeFetch
+    }, {
+      loading: {
+        get() {
+          return loading;
+        }
+
+      },
+      data: {
+        get() {
+          return data.current;
+        }
+
+      },
+      error: {
+        get() {
+          return error.current;
+        }
+
+      }
+    }), [makeFetch]); // onMount/onUpdate
+
+    React.useEffect(() => {
+      mounted.current = true;
+
+      if (Array.isArray(dependencies) && provider) {
+        request.query(provider, requestInit.body);
+      }
+
+      return () => mounted.current = false;
+    }, dependencies);
+
+    if (suspense && suspender.current) {
+      switch (suspenseStatus.current) {
+        case "pending":
+          throw suspender.current;
+
+        case "error":
+          throw error.current;
+      }
+    }
+
+    return Object.assign([request, response.current, loading, error.current], _objectSpread__default["default"](_objectSpread__default["default"]({
+      request
+    }, request), {}, {
+      response: response.current,
+      data: data.current,
+      loading,
+      error: error.current
+    }));
+  }
+
   exports.BrickAsComponent = BrickAsComponent;
   exports.BrickWrapper = BrickWrapper;
   exports.DisplayByFeatureFlags = DisplayByFeatureFlags;
@@ -13169,6 +13421,7 @@
   exports.StoryboardFunctionRegistryFactory = StoryboardFunctionRegistryFactory;
   exports.UpdatingElement = UpdatingElement;
   exports.authenticate = authenticate;
+  exports.batchSetAppsLocalTheme = batchSetAppsLocalTheme;
   exports.checkIf = checkIf;
   exports.checkIfByTransform = checkIfByTransform;
   exports.createHistory = createHistory;
@@ -13178,6 +13431,7 @@
   exports.event = event;
   exports.getAuth = getAuth;
   exports.getCssPropertyValue = getCssPropertyValue;
+  exports.getCurrentTheme = getCurrentTheme;
   exports.getHistory = getHistory;
   exports.getMockInfo = getMockInfo;
   exports.getRuntime = getRuntime;
@@ -13204,6 +13458,7 @@
   exports.useCurrentTheme = useCurrentTheme;
   exports.useFeatureFlags = useFeatureFlags;
   exports.useLocation = useLocation;
+  exports.useProvider = useProvider;
   exports.useRecentApps = useRecentApps;
 
   Object.defineProperty(exports, '__esModule', { value: true });