@lark-apaas/client-toolkit 1.1.19-alpha.error.1 → 1.1.20

package/lib/components/ErrorRender/index.js

@@ -21,9 +21,15 @@ const RenderError = (props)=>{
     useEffect(()=>{
         if (!resetErrorBoundary) return;
         const hot = getModuleHot();
-        if (hot) hot.addStatusHandler(createApplyHandle((success)=>{
-            if (success) resetErrorBoundary();
-        }));
+        if (hot) {
+            const handler = createApplyHandle((success)=>{
+                if (success) resetErrorBoundary();
+            });
+            hot.addStatusHandler(handler);
+            return ()=>{
+                hot.removeStatusHandler(handler);
+            };
+        }
     }, [
         resetErrorBoundary
     ]);

package/lib/logger/intercept-global-error.js

@@ -64,7 +64,7 @@ function processDevServerLog(log) {
 }
 function listenModuleHmr() {
     const hot = getModuleHot();
-    if (hot) hot.addStatusHandler(createApplyHandle((success)=>{
+    if (hot) hot.addStatusHandler(createApplyHandle((success, status)=>{
         if (success) submitPostMessage({
             type: 'DevServerMessage',
             data: {

package/lib/utils/module-hot.d.ts

@@ -13,6 +13,7 @@
 type ModuleHotType = 'idle' | 'check' | 'prepare' | 'ready' | 'dispose' | 'apply' | 'abort' | 'fail';
 interface ModuleHotInstance {
     addStatusHandler: (handler: (status: ModuleHotType) => void) => void;
+    removeStatusHandler: (handler: (status: ModuleHotType) => void) => void;
 }
 export declare function getModuleHot(): ModuleHotInstance | null;
 /**
@@ -20,5 +21,5 @@ export declare function getModuleHot(): ModuleHotInstance | null;
  * 监听模块热更状态，当状态为apply时，调用回调函数并传入true
  * @param callback 热更成功回调函数，参数为是否成功
  */
-export declare function createApplyHandle(callback: (success: boolean) => void): (status: ModuleHotType) => void;
+export declare function createApplyHandle(callback: (success: boolean, status: ModuleHotType) => void): (status: ModuleHotType) => void;
 export {};

package/lib/utils/module-hot.js

@@ -7,12 +7,12 @@ function createApplyHandle(callback) {
     return (status)=>{
         if ('fail' === status || 'abort' === status) {
             hasApply = false;
-            return callback(false);
+            return callback(false, status);
         }
         if (hasApply) {
             if ('idle' === status) {
                 hasApply = false;
-                callback(true);
+                callback(true, status);
             }
             return;
         }

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@lark-apaas/client-toolkit",
-  "version": "1.1.19-alpha.error.1",
+  "version": "1.1.20",
   "types": "./lib/index.d.ts",
   "main": "./lib/index.js",
   "files": [
@@ -76,7 +76,7 @@
     "@ant-design/colors": "^7.2.1",
     "@ant-design/cssinjs": "^1.24.0",
     "@data-loom/js": "^0.4.0",
-    "@lark-apaas/miaoda-inspector": "^1.0.2",
+    "@lark-apaas/miaoda-inspector": "^1.0.4",
     "@radix-ui/react-avatar": "^1.1.10",
     "@radix-ui/react-popover": "^1.1.15",
     "@radix-ui/react-slot": "^1.2.3",