feat: injectKeepAlive add props

Author: fupengl

package.json

@@ -60,7 +60,7 @@
   },
   "dependencies": {
     "@babel/runtime": "^7.11.2",
-    "@planjs/utils": "^1.0.7",
+    "@planjs/utils": "^1.5.1",
     "hoist-non-react-statics": "^3.3.2",
     "js-md5": "^0.7.3"
   },
@@ -74,7 +74,7 @@
     "@babel/preset-typescript": "^7.10.4",
     "@commitlint/cli": "^9.1.2",
     "@commitlint/config-conventional": "^11.0.0",
-    "@planjs/fabric": "^0.0.5",
+    "@planjs/fabric": "^0.0.73",
     "@testing-library/react": "^10.4.9",
     "@types/hoist-non-react-statics": "^3.3.1",
     "@types/jest": "^26.0.10",
@@ -93,7 +93,7 @@
     "react": "16.13.1",
     "react-dom": "16.13.1",
     "rimraf": "^3.0.2",
-    "stan-builder": "^0.4.2",
+    "stan-builder": "^0.9.9",
     "standard-version": "^9.0.0",
     "ts-jest": "^26.3.0",
     "typescript": "^4.1.2"

src/KeepAlive.tsx

@@ -4,11 +4,12 @@ import { START_MOUNTING_DOM, LIFECYCLE } from './Provider';
 import keepAlive, { COMMAND } from './utils/keepAliveDecorator';
 import changePositionByComment from './utils/changePositionByComment';
 
-export interface KeepAliveProps {
+export interface KeepAliveProps<P = any> {
   key?: string;
   name?: string;
   disabled?: boolean;
   extra?: any;
+  dynamicPros?: (componentProps: P, keepAliveProps: KeepAliveProps) => KeepAliveProps;
 }
 
 interface IKeepAliveInnerProps extends KeepAliveProps {

src/injectKeepAlive.tsx

@@ -1,12 +1,14 @@
 import React from 'react';
 import KeepAlive, { KeepAliveProps } from './KeepAlive';
 
-export default function injectKeepAlive(opt: KeepAliveProps) {
-  return function <P = {}>(Component: React.ComponentType<P>) {
-    return (props: P) => (
-      <KeepAlive {...opt}>
-        <Component {...props} />
-      </KeepAlive>
-    );
+export default function injectKeepAlive<P = {}>(opt: KeepAliveProps<P>) {
+  return function (Component: React.ComponentType<P>) {
+    return (props: P) => {
+      return (
+        <KeepAlive {...(opt?.dynamicPros?.(props, opt) || opt)}>
+          <Component {...props} />
+        </KeepAlive>
+      );
+    };
   };
 }