@next-core/brick-kit 2.107.4 → 2.108.0

package/CHANGELOG.md

@@ -3,6 +3,17 @@
 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

package/dist/index.bundle.js

@@ -2647,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.
@@ -2859,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))
@@ -3420,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,
@@ -3436,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 = {};
@@ -6606,7 +6606,7 @@
     }
   }
 
-  var _excluded$2 = ["feature_flags"];
+  var _excluded$4 = ["feature_flags"];
   function standaloneBootstrap() {
     return _standaloneBootstrap.apply(this, arguments);
   }
@@ -6642,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
@@ -10334,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);
@@ -10375,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.
 
@@ -12811,7 +12811,7 @@
     checkoutTplContext: lodash.noop
   };
 
-  var _excluded = ["type"];
+  var _excluded$2 = ["type"];
   // Inspired by [LitElement](https://github.com/Polymer/lit-element)
 
   /**
@@ -13081,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.
 
@@ -13173,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;
@@ -13222,6 +13458,7 @@
   exports.useCurrentTheme = useCurrentTheme;
   exports.useFeatureFlags = useFeatureFlags;
   exports.useLocation = useLocation;
+  exports.useProvider = useProvider;
   exports.useRecentApps = useRecentApps;
 
   Object.defineProperty(exports, '__esModule', { value: true });