@jelper/context-composer 1.1.0 → 1.1.1

package/es/index.js

@@ -1,14 +1,25 @@
-import React, { useMemo } from 'react';
+import React, { memo } from 'react';
 export const createCtxComposer = (useCfgHook) => {
     const ComposerCtx = React.createContext({});
     return {
-        forwardComposer: (Com) => (props) => {
-            const value = useCfgHook(props);
-            return (React.createElement(ComposerCtx.Provider, { value: value }, useMemo(() => React.createElement(Com, Object.assign({}, props)), [props])));
+        forwardComposer: (Com, propsAreEqual) => {
+            const MemoCom = memo(Com, propsAreEqual);
+            return (props) => {
+                const value = useCfgHook(props);
+                return (React.createElement(ComposerCtx.Provider, { value: value },
+                    React.createElement(MemoCom, Object.assign({}, props))));
+            };
         },
         useComposerCtx() {
             return React.useContext(ComposerCtx);
         },
+        buildHooks(cb) {
+            return (...p) => {
+                const value = React.useContext(ComposerCtx);
+                return cb(value)(...p);
+            };
+        },
+        ComposerCtx,
     };
 };
 export const mergeComposer = (list) => {

package/lib/index.js

@@ -39,13 +39,28 @@ var react_1 = __importStar(require("react"));
 var createCtxComposer = function (useCfgHook) {
     var ComposerCtx = react_1.default.createContext({});
     return {
-        forwardComposer: function (Com) { return function (props) {
-            var value = useCfgHook(props);
-            return (react_1.default.createElement(ComposerCtx.Provider, { value: value }, (0, react_1.useMemo)(function () { return react_1.default.createElement(Com, __assign({}, props)); }, [props])));
-        }; },
+        forwardComposer: function (Com, propsAreEqual) {
+            var MemoCom = (0, react_1.memo)(Com, propsAreEqual);
+            return function (props) {
+                var value = useCfgHook(props);
+                return (react_1.default.createElement(ComposerCtx.Provider, { value: value },
+                    react_1.default.createElement(MemoCom, __assign({}, props))));
+            };
+        },
         useComposerCtx: function () {
             return react_1.default.useContext(ComposerCtx);
         },
+        buildHooks: function (cb) {
+            return function () {
+                var p = [];
+                for (var _i = 0; _i < arguments.length; _i++) {
+                    p[_i] = arguments[_i];
+                }
+                var value = react_1.default.useContext(ComposerCtx);
+                return cb(value).apply(void 0, p);
+            };
+        },
+        ComposerCtx: ComposerCtx,
     };
 };
 exports.createCtxComposer = createCtxComposer;

package/package.json

@@ -1,6 +1,6 @@
 {
 	"name": "@jelper/context-composer",
-	"version": "1.1.0",
+	"version": "1.1.1",
 	"description": "react context helper",
 	"main": "lib/index.js",
 	"module": "es/index.js",
@@ -20,12 +20,14 @@
 		"access": "public"
 	},
 	"devDependencies": {
+		"react": "~18.2.0",
 		"@jelper/builder": "1.1.0",
 		"@types/node": "~18.0.0",
 		"@types/react": "~18.2.17"
 	},
-	"dependencies": {
-		"react": "~18.2.0"
+	"dependencies": {},
+	"peerDependencies": {
+		"react": ">=18.0.0"
 	},
 	"author": "apathyjade@outlook.com",
 	"license": "ISC",

package/types/index.d.ts

@@ -3,6 +3,8 @@ type Composer<P> = (Com: FC<P>) => FC<P>;
 export declare const createCtxComposer: <P extends React.JSX.IntrinsicAttributes, T>(useCfgHook: (props: P) => T) => {
     forwardComposer: (Com: FC<P>) => FC<P>;
     useComposerCtx: () => T;
+    buildHooks: <F extends (...arg: any) => any>(cb: (value: T) => F) => (...p: Parameters<F>) => ReturnType<F>;
+    ComposerCtx: React.Context<T>;
 };
 export declare const mergeComposer: <P extends React.JSX.IntrinsicAttributes>(list: Array<Composer<P>>) => Composer<P>;
 export default createCtxComposer;