@my-react/react-reconciler-compact 0.0.6 → 0.0.8

package/dist/cjs/index.development.js

@@ -920,7 +920,7 @@ function requireIndex_development_1 () {
 		    enableSyncFlush$1.current = stack.pop();
 		};
 
-		var currentRunningFiber$5 = react.__my_react_internal__.currentRunningFiber, currentScheduler$g = react.__my_react_internal__.currentScheduler, currentScopeFiber$1 = react.__my_react_internal__.currentScopeFiber, currentError$1 = react.__my_react_internal__.currentError, currentCallingFiber$1 = react.__my_react_internal__.currentCallingFiber;
+		var currentRunningFiber$5 = react.__my_react_internal__.currentRunningFiber, currentScheduler$h = react.__my_react_internal__.currentScheduler, currentScopeFiber$1 = react.__my_react_internal__.currentScopeFiber, currentError$1 = react.__my_react_internal__.currentError, currentCallingFiber$1 = react.__my_react_internal__.currentCallingFiber;
 		var safeCall = function (action) {
 		    var args = [];
 		    for (var _i = 1; _i < arguments.length; _i++) {
@@ -931,7 +931,7 @@ function requireIndex_development_1 () {
 		    }
 		    catch (e) {
 		        var fiber = (currentCallingFiber$1 === null || currentCallingFiber$1 === void 0 ? void 0 : currentCallingFiber$1[(currentCallingFiber$1 === null || currentCallingFiber$1 === void 0 ? void 0 : currentCallingFiber$1.length) - 1]) || currentScopeFiber$1.current || currentRunningFiber$5.current;
-		        var renderScheduler = currentScheduler$g.current;
+		        var renderScheduler = currentScheduler$h.current;
 		        currentError$1.current = currentError$1.current || e;
 		        renderScheduler.dispatchError({ fiber: fiber, error: currentError$1.current });
 		    }
@@ -951,7 +951,7 @@ function requireIndex_development_1 () {
 		            return fallback();
 		        }
 		        else {
-		            var renderScheduler = currentScheduler$g.current;
+		            var renderScheduler = currentScheduler$h.current;
 		            currentError$1.current = currentError$1.current || e;
 		            renderScheduler.dispatchError({ fiber: fiber, error: currentError$1.current });
 		        }
@@ -985,7 +985,7 @@ function requireIndex_development_1 () {
 		    }
 		    catch (e) {
 		        var fiber = (currentCallingFiber$1 === null || currentCallingFiber$1 === void 0 ? void 0 : currentCallingFiber$1[(currentCallingFiber$1 === null || currentCallingFiber$1 === void 0 ? void 0 : currentCallingFiber$1.length) - 1]) || currentScopeFiber$1.current || currentRunningFiber$5.current;
-		        var renderScheduler = currentScheduler$g.current;
+		        var renderScheduler = currentScheduler$h.current;
 		        currentError$1.current = currentError$1.current || e;
 		        renderScheduler.dispatchError({ fiber: fiber, error: currentError$1.current });
 		    }
@@ -994,7 +994,7 @@ function requireIndex_development_1 () {
 		    }
 		};
 
-		var currentScheduler$f = react.__my_react_internal__.currentScheduler, currentRunningFiber$4 = react.__my_react_internal__.currentRunningFiber, currentScopeFiber = react.__my_react_internal__.currentScopeFiber, currentCallingFiber = react.__my_react_internal__.currentCallingFiber;
+		var currentScheduler$g = react.__my_react_internal__.currentScheduler, currentRunningFiber$4 = react.__my_react_internal__.currentRunningFiber, currentScopeFiber = react.__my_react_internal__.currentScopeFiber, currentCallingFiber = react.__my_react_internal__.currentCallingFiber;
 		var enableOptimizeTreeLog = react.__my_react_shared__.enableOptimizeTreeLog;
 		var typeColor = {
 		    normal: "rgba(10, 190, 235, 0.8)",
@@ -1049,7 +1049,7 @@ function requireIndex_development_1 () {
 		    for (var _i = 0; _i < arguments.length; _i++) {
 		        args[_i] = arguments[_i];
 		    }
-		    var renderScheduler = currentScheduler$f.current;
+		    var renderScheduler = currentScheduler$g.current;
 		    var startWithPlain = typeof args[0] === "string";
 		    var renderFiber = warnFiber || (currentCallingFiber === null || currentCallingFiber === void 0 ? void 0 : currentCallingFiber[(currentCallingFiber === null || currentCallingFiber === void 0 ? void 0 : currentCallingFiber.length) - 1]) || currentScopeFiber.current || currentRunningFiber$4.current;
 		    renderFiber && fiberWarn.apply(void 0, __spreadArray([renderFiber], args, false));
@@ -1086,7 +1086,7 @@ function requireIndex_development_1 () {
 		    for (var _i = 0; _i < arguments.length; _i++) {
 		        args[_i] = arguments[_i];
 		    }
-		    var renderScheduler = currentScheduler$f.current;
+		    var renderScheduler = currentScheduler$g.current;
 		    var startWithPlain = typeof args[0] === "string";
 		    var renderFiber = errorFiber || (currentCallingFiber === null || currentCallingFiber === void 0 ? void 0 : currentCallingFiber[(currentCallingFiber === null || currentCallingFiber === void 0 ? void 0 : currentCallingFiber.length) - 1]) || currentScopeFiber.current || currentRunningFiber$4.current;
 		    renderFiber && fiberError.apply(void 0, __spreadArray([renderFiber], args, false));
@@ -1330,7 +1330,7 @@ function requireIndex_development_1 () {
 		    for (var _i = 2; _i < arguments.length; _i++) {
 		        args[_i - 2] = arguments[_i];
 		    }
-		    var renderScheduler = currentScheduler$f.current;
+		    var renderScheduler = currentScheduler$g.current;
 		    var tree = renderScheduler.getFiberTree(fiber);
 		    if ((_b = warnMap === null || warnMap === void 0 ? void 0 : warnMap[tree]) === null || _b === void 0 ? void 0 : _b[key])
 		        return;
@@ -1346,7 +1346,7 @@ function requireIndex_development_1 () {
 		    for (var _i = 2; _i < arguments.length; _i++) {
 		        args[_i - 2] = arguments[_i];
 		    }
-		    var renderScheduler = currentScheduler$f.current;
+		    var renderScheduler = currentScheduler$g.current;
 		    var tree = renderScheduler.getFiberTree(fiber);
 		    if ((_b = errorMap === null || errorMap === void 0 ? void 0 : errorMap[tree]) === null || _b === void 0 ? void 0 : _b[key])
 		        return;
@@ -1396,7 +1396,15 @@ function requireIndex_development_1 () {
 		        }
 		        else {
 		            // text element
-		            return { key: null, ref: null, nodeType: exports.NODE_TYPE.__text__, elementType: String(element), pendingProps: emptyProps$1, finalElement: element, pendingText: String(element) };
+		            return {
+		                key: null,
+		                ref: null,
+		                nodeType: exports.NODE_TYPE.__text__,
+		                elementType: String(element),
+		                pendingProps: emptyProps$1,
+		                finalElement: element,
+		                pendingText: String(element),
+		            };
 		        }
 		    }
 		    return { key: null, ref: null, nodeType: nodeType, elementType: null, pendingProps: emptyProps$1, finalElement: element };
@@ -1597,7 +1605,7 @@ function requireIndex_development_1 () {
 		    }
 		};
 
-		var currentRunningFiber$3 = react.__my_react_internal__.currentRunningFiber, currentScheduler$e = react.__my_react_internal__.currentScheduler;
+		var currentRunningFiber$3 = react.__my_react_internal__.currentRunningFiber, currentScheduler$f = react.__my_react_internal__.currentScheduler;
 		var dispatchHook = function (params) {
 		    var fiber = currentRunningFiber$3.current;
 		    if (!fiber) {
@@ -1687,7 +1695,7 @@ function requireIndex_development_1 () {
 		    }
 		};
 		var initScheduler = function () {
-		    var scheduler = currentScheduler$e.current;
+		    var scheduler = currentScheduler$f.current;
 		    scheduler.getFiberTree = getFiberTree;
 		    scheduler.readPromise = readPromise;
 		    scheduler.readContext = readContext;
@@ -1746,8 +1754,11 @@ function requireIndex_development_1 () {
 		var generateFiberToMountList = function (fiber) {
 		    var listTree = new myreactSharedExports.ListTree();
 		    var getNext = function (fiber, root) {
-		        if (myreactSharedExports.include(fiber.state, myreactSharedExports.STATE_TYPE.__unmount__))
-		            return null;
+		        if (myreactSharedExports.include(fiber.state, myreactSharedExports.STATE_TYPE.__unmount__)) {
+		            if (fiber.sibling)
+		                return fiber.sibling;
+		            return fiber.parent;
+		        }
 		        if (fiber.child)
 		            return fiber.child;
 		        while (fiber && fiber !== root) {
@@ -1768,94 +1779,46 @@ function requireIndex_development_1 () {
 		    return listTree;
 		};
 		var generateFiberToUnmountList = generateFiberToMountList;
-
-		var currentRunningFiber$2 = react.__my_react_internal__.currentRunningFiber;
-		var mountToNextFiberFromRoot = function (renderDispatch, fiber) {
-		    if (myreactSharedExports.include(fiber.state, myreactSharedExports.STATE_TYPE.__unmount__) || renderDispatch.isAppCrashed)
-		        return null;
-		    if (myreactSharedExports.include(fiber.state, myreactSharedExports.STATE_TYPE.__stable__) && fiber.state !== myreactSharedExports.STATE_TYPE.__stable__) {
-		        devErrorWithFiber(fiber, "[@my-react/react] current fiber state not valid, look like a bug for @my-react");
-		    }
-		    if (myreactSharedExports.include(fiber.state, myreactSharedExports.STATE_TYPE.__create__ |
-		        myreactSharedExports.STATE_TYPE.__inherit__ |
-		        myreactSharedExports.STATE_TYPE.__triggerSync__ |
-		        myreactSharedExports.STATE_TYPE.__triggerSyncForce__ |
-		        myreactSharedExports.STATE_TYPE.__triggerConcurrent__ |
-		        myreactSharedExports.STATE_TYPE.__triggerConcurrentForce__ |
-		        myreactSharedExports.STATE_TYPE.__retrigger__ |
-		        myreactSharedExports.STATE_TYPE.__reschedule__ |
-		        myreactSharedExports.STATE_TYPE.__recreate__)) {
-		        fiber.state = myreactSharedExports.remove(fiber.state, myreactSharedExports.STATE_TYPE.__retrigger__);
-		        currentRunningFiber$2.current = fiber;
-		        {
-		            runtimeNextWorkDev(renderDispatch, fiber);
+		/**
+		 *
+		 * @param action listToFoot action for performance
+		 */
+		var generateFiberToListWithAction = function (fiber, action) {
+		    var listTree = new myreactSharedExports.ListTree();
+		    var getNext = function (fiber, root) {
+		        if (myreactSharedExports.include(fiber.state, myreactSharedExports.STATE_TYPE.__unmount__)) {
+		            if (fiber.sibling)
+		                return fiber.sibling;
+		            return fiber.parent;
 		        }
-		        currentRunningFiber$2.current = null;
-		    }
-		    if (!myreactSharedExports.include(fiber.state, myreactSharedExports.STATE_TYPE.__retrigger__)) {
-		        fiber.state = myreactSharedExports.STATE_TYPE.__stable__;
-		    }
-		    else {
-		        fiber.state = myreactSharedExports.STATE_TYPE.__triggerSync__;
-		    }
-		    if (fiber.child)
-		        return fiber.child;
-		    var nextFiber = fiber;
-		    while (nextFiber && nextFiber !== renderDispatch.runtimeFiber.scheduledFiber) {
-		        renderDispatch.generateCommitList(nextFiber);
-		        if (nextFiber.sibling)
-		            return nextFiber.sibling;
-		        nextFiber = nextFiber.parent;
-		    }
-		    if (nextFiber === renderDispatch.runtimeFiber.scheduledFiber)
-		        renderDispatch.generateCommitList(nextFiber);
-		    return null;
-		};
-		var performToNextFiberFromRoot = function (renderDispatch, fiber) {
-		    if (myreactSharedExports.include(fiber.state, myreactSharedExports.STATE_TYPE.__unmount__) || renderDispatch.isAppCrashed)
-		        return null;
-		    if (myreactSharedExports.include(fiber.state, myreactSharedExports.STATE_TYPE.__stable__) && fiber.state !== myreactSharedExports.STATE_TYPE.__stable__) {
-		        devErrorWithFiber(fiber, "[@my-react/react] current fiber state not valid, look like a bug for @my-react");
-		    }
-		    if (myreactSharedExports.include(fiber.state, myreactSharedExports.STATE_TYPE.__create__ |
-		        myreactSharedExports.STATE_TYPE.__inherit__ |
-		        myreactSharedExports.STATE_TYPE.__triggerSync__ |
-		        myreactSharedExports.STATE_TYPE.__triggerSyncForce__ |
-		        myreactSharedExports.STATE_TYPE.__triggerConcurrent__ |
-		        myreactSharedExports.STATE_TYPE.__triggerConcurrentForce__ |
-		        myreactSharedExports.STATE_TYPE.__retrigger__ |
-		        myreactSharedExports.STATE_TYPE.__reschedule__ |
-		        myreactSharedExports.STATE_TYPE.__recreate__)) {
-		        fiber.state = myreactSharedExports.remove(fiber.state, myreactSharedExports.STATE_TYPE.__retrigger__);
-		        currentRunningFiber$2.current = fiber;
-		        {
-		            runtimeNextWorkDev(renderDispatch, fiber);
+		        if (fiber.child)
+		            return fiber.child;
+		        while (fiber && fiber !== root) {
+		            listTree.push(fiber);
+		            action(fiber);
+		            if (fiber.sibling)
+		                return fiber.sibling;
+		            fiber = fiber.parent;
 		        }
-		        currentRunningFiber$2.current = null;
-		        triggerFiberUpdateListener(renderDispatch, fiber);
-		    }
-		    if (!myreactSharedExports.include(fiber.state, myreactSharedExports.STATE_TYPE.__retrigger__)) {
-		        fiber.state = myreactSharedExports.STATE_TYPE.__stable__;
-		    }
-		    else {
-		        fiber.state = myreactSharedExports.STATE_TYPE.__triggerSync__;
-		    }
-		    if (fiber.child)
-		        return fiber.child;
-		    var nextFiber = fiber;
-		    while (nextFiber && nextFiber !== renderDispatch.runtimeFiber.scheduledFiber) {
-		        renderDispatch.generateCommitList(nextFiber);
-		        if (nextFiber.sibling)
-		            return nextFiber.sibling;
-		        nextFiber = nextFiber.parent;
+		        if (fiber === root) {
+		            listTree.push(fiber);
+		            action(fiber);
+		        }
+		        return null;
+		    };
+		    var f = fiber;
+		    while (f) {
+		        f = getNext(f, fiber);
 		    }
-		    if (nextFiber === renderDispatch.runtimeFiber.scheduledFiber)
-		        renderDispatch.generateCommitList(nextFiber);
-		    return null;
+		    return listTree;
 		};
 
 		var defaultGenerateEffectMap = function (fiber, effect, map, option) {
-		    var list = map.get(fiber) || new myreactSharedExports.ListTree();
+		    var list = map.get(fiber);
+		    if (!list) {
+		        list = new myreactSharedExports.ListTree();
+		        map.set(fiber, list);
+		    }
 		    if (option) {
 		        if (option.stickyToHead) {
 		            list.pushToHead(effect);
@@ -1870,7 +1833,6 @@ function requireIndex_development_1 () {
 		    else {
 		        list.push(effect);
 		    }
-		    map.set(fiber, list);
 		};
 		var defaultInvokeEffect = function (renderDispatch, fiber) {
 		    if (myreactSharedExports.include(fiber.patch, myreactSharedExports.PATCH_TYPE.__effect__)) {
@@ -1997,8 +1959,112 @@ function requireIndex_development_1 () {
 		    }
 		};
 
-		var enableSuspenseRoot$2 = react.__my_react_shared__.enableSuspenseRoot;
-		var currentScheduler$d = react.__my_react_internal__.currentScheduler;
+		var currentRunningFiber$2 = react.__my_react_internal__.currentRunningFiber;
+		var mountToNextFiberFromRoot = function (renderDispatch, fiber) {
+		    if (myreactSharedExports.include(fiber.state, myreactSharedExports.STATE_TYPE.__unmount__) || renderDispatch.isAppCrashed)
+		        return null;
+		    if (myreactSharedExports.include(fiber.state, myreactSharedExports.STATE_TYPE.__stable__) && fiber.state !== myreactSharedExports.STATE_TYPE.__stable__) {
+		        devErrorWithFiber(fiber, "[@my-react/react] current fiber state not valid, look like a bug for @my-react");
+		    }
+		    if (myreactSharedExports.include(fiber.state, myreactSharedExports.STATE_TYPE.__create__ |
+		        myreactSharedExports.STATE_TYPE.__inherit__ |
+		        myreactSharedExports.STATE_TYPE.__triggerSync__ |
+		        myreactSharedExports.STATE_TYPE.__triggerSyncForce__ |
+		        myreactSharedExports.STATE_TYPE.__triggerConcurrent__ |
+		        myreactSharedExports.STATE_TYPE.__triggerConcurrentForce__ |
+		        myreactSharedExports.STATE_TYPE.__retrigger__ |
+		        myreactSharedExports.STATE_TYPE.__reschedule__ |
+		        myreactSharedExports.STATE_TYPE.__recreate__)) {
+		        fiber.state = myreactSharedExports.remove(fiber.state, myreactSharedExports.STATE_TYPE.__retrigger__);
+		        currentRunningFiber$2.current = fiber;
+		        {
+		            runtimeNextWorkDev(renderDispatch, fiber);
+		        }
+		        currentRunningFiber$2.current = null;
+		    }
+		    if (!myreactSharedExports.include(fiber.state, myreactSharedExports.STATE_TYPE.__retrigger__)) {
+		        fiber.state = myreactSharedExports.STATE_TYPE.__stable__;
+		    }
+		    else {
+		        fiber.state = myreactSharedExports.STATE_TYPE.__triggerSync__;
+		    }
+		    if (fiber.child)
+		        return fiber.child;
+		    var nextFiber = fiber;
+		    while (nextFiber && nextFiber !== renderDispatch.runtimeFiber.scheduledFiber) {
+		        renderDispatch.generateCommitList(nextFiber);
+		        if (nextFiber.sibling)
+		            return nextFiber.sibling;
+		        // current nextFiber is all done, back to parent
+		        {
+		            safeCallWithCurrentFiber({
+		                fiber: nextFiber,
+		                action: function safeCallAfterFiberDone() {
+		                    var _a, _b;
+		                    (_b = (_a = listenerMap.get(renderDispatch)) === null || _a === void 0 ? void 0 : _a.afterFiberDone) === null || _b === void 0 ? void 0 : _b.forEach(function (cb) { return cb(nextFiber); });
+		                },
+		            });
+		        }
+		        nextFiber = nextFiber.parent;
+		    }
+		    if (nextFiber === renderDispatch.runtimeFiber.scheduledFiber)
+		        renderDispatch.generateCommitList(nextFiber);
+		    return null;
+		};
+		var performToNextFiberFromRoot = function (renderDispatch, fiber) {
+		    if (myreactSharedExports.include(fiber.state, myreactSharedExports.STATE_TYPE.__unmount__) || renderDispatch.isAppCrashed)
+		        return null;
+		    if (myreactSharedExports.include(fiber.state, myreactSharedExports.STATE_TYPE.__stable__) && fiber.state !== myreactSharedExports.STATE_TYPE.__stable__) {
+		        devErrorWithFiber(fiber, "[@my-react/react] current fiber state not valid, look like a bug for @my-react");
+		    }
+		    if (myreactSharedExports.include(fiber.state, myreactSharedExports.STATE_TYPE.__create__ |
+		        myreactSharedExports.STATE_TYPE.__inherit__ |
+		        myreactSharedExports.STATE_TYPE.__triggerSync__ |
+		        myreactSharedExports.STATE_TYPE.__triggerSyncForce__ |
+		        myreactSharedExports.STATE_TYPE.__triggerConcurrent__ |
+		        myreactSharedExports.STATE_TYPE.__triggerConcurrentForce__ |
+		        myreactSharedExports.STATE_TYPE.__retrigger__ |
+		        myreactSharedExports.STATE_TYPE.__reschedule__ |
+		        myreactSharedExports.STATE_TYPE.__recreate__)) {
+		        fiber.state = myreactSharedExports.remove(fiber.state, myreactSharedExports.STATE_TYPE.__retrigger__);
+		        currentRunningFiber$2.current = fiber;
+		        {
+		            runtimeNextWorkDev(renderDispatch, fiber);
+		        }
+		        currentRunningFiber$2.current = null;
+		        triggerFiberUpdateListener(renderDispatch, fiber);
+		    }
+		    if (!myreactSharedExports.include(fiber.state, myreactSharedExports.STATE_TYPE.__retrigger__)) {
+		        fiber.state = myreactSharedExports.STATE_TYPE.__stable__;
+		    }
+		    else {
+		        fiber.state = myreactSharedExports.STATE_TYPE.__triggerSync__;
+		    }
+		    if (fiber.child)
+		        return fiber.child;
+		    var nextFiber = fiber;
+		    while (nextFiber && nextFiber !== renderDispatch.runtimeFiber.scheduledFiber) {
+		        renderDispatch.generateCommitList(nextFiber);
+		        if (nextFiber.sibling)
+		            return nextFiber.sibling;
+		        {
+		            safeCallWithCurrentFiber({
+		                fiber: nextFiber,
+		                action: function safeCallAfterFiberDone() {
+		                    var _a, _b;
+		                    (_b = (_a = listenerMap.get(renderDispatch)) === null || _a === void 0 ? void 0 : _a.afterFiberDone) === null || _b === void 0 ? void 0 : _b.forEach(function (cb) { return cb(nextFiber); });
+		                },
+		            });
+		        }
+		        nextFiber = nextFiber.parent;
+		    }
+		    if (nextFiber === renderDispatch.runtimeFiber.scheduledFiber)
+		        renderDispatch.generateCommitList(nextFiber);
+		    return null;
+		};
+
+		var enableSuspenseRoot$3 = react.__my_react_shared__.enableSuspenseRoot;
+		var currentScheduler$e = react.__my_react_internal__.currentScheduler;
 		var mountLoopAllFromScheduler = function (renderDispatch) {
 		    while (renderDispatch.runtimeFiber.nextWorkingFiber) {
 		        renderDispatch.runtimeFiber.retriggerFiber = null;
@@ -2069,7 +2135,7 @@ function requireIndex_development_1 () {
 		                _a.sent();
 		                return [3 /*break*/, 1];
 		            case 3:
-		                if (!enableSuspenseRoot$2.current) return [3 /*break*/, 5];
+		                if (!enableSuspenseRoot$3.current) return [3 /*break*/, 5];
 		                suspenseField_1 = getInstanceFieldByInstance(renderDispatch);
 		                list = suspenseField_1.asyncLoadList.getAll();
 		                if (list.length === 0)
@@ -2150,7 +2216,7 @@ function requireIndex_development_1 () {
 		                    }); })).then(function () {
 		                        var aliveNode = defaultResolveAliveSuspenseFiber(node) || renderDispatch.rootFiber;
 		                        aliveNode.state = myreactSharedExports.STATE_TYPE.__triggerSyncForce__;
-		                        var renderScheduler = currentScheduler$d.current;
+		                        var renderScheduler = currentScheduler$e.current;
 		                        var updater = {
 		                            type: myreactSharedExports.UpdateQueueType.suspense,
 		                            trigger: aliveNode,
@@ -2178,7 +2244,7 @@ function requireIndex_development_1 () {
 		        }
 		    }
 		    // TODO update flow
-		    if (enableSuspenseRoot$2.current) {
+		    if (enableSuspenseRoot$3.current) {
 		        var suspenseField_2 = getInstanceFieldByInstance(renderDispatch);
 		        var list = suspenseField_2.asyncLoadList.getAll();
 		        if (list.length === 0)
@@ -2216,7 +2282,7 @@ function requireIndex_development_1 () {
 		                                (_a = item._list) === null || _a === void 0 ? void 0 : _a.clear();
 		                                allFiber.forEach(function (node) {
 		                                    node.state = myreactSharedExports.STATE_TYPE.__recreate__;
-		                                    var renderScheduler = currentScheduler$d.current;
+		                                    var renderScheduler = currentScheduler$e.current;
 		                                    var updater = {
 		                                        type: myreactSharedExports.UpdateQueueType.suspense,
 		                                        trigger: node,
@@ -2246,6 +2312,8 @@ function requireIndex_development_1 () {
 		    }
 		};
 
+		var enableSuspenseRoot$2 = react.__my_react_shared__.enableSuspenseRoot;
+		var currentScheduler$d = react.__my_react_internal__.currentScheduler;
 		exports.updateTypeEnum = void 0;
 		(function (updateTypeEnum) {
 		    updateTypeEnum[updateTypeEnum["syncFromRoot"] = 0] = "syncFromRoot";
@@ -2292,7 +2360,143 @@ function requireIndex_development_1 () {
 		    }
 		    return hasSync;
 		};
-		var processAsyncLoadListOnUpdate = processAsyncLoadListOnSyncMount;
+		var processAsyncLoadListOnUpdate = function (renderDispatch) {
+		    var _a;
+		    if ((_a = renderDispatch.pendingSuspenseFiberArray) === null || _a === void 0 ? void 0 : _a.length) {
+		        var allPendingSuspenseFiberArray = renderDispatch.pendingSuspenseFiberArray.getAll();
+		        if (renderDispatch.enableAsyncLoad) {
+		            var allField_1 = [];
+		            allPendingSuspenseFiberArray.forEach(function (node) {
+		                defaultDeleteChildEffect(renderDispatch, node);
+		                var field = getInstanceFieldByInstance(node.instance);
+		                var allPendingLoadArray = field.asyncLoadList.getAll().filter(function (item) {
+		                    if (myreactSharedExports.isPromise(item)) {
+		                        return typeof item.status !== "string";
+		                    }
+		                    else {
+		                        return !item._loading && !item._loaded && !item._error;
+		                    }
+		                });
+		                if (allPendingLoadArray.length) {
+		                    Promise.all(allPendingLoadArray.map(function (item) { return __awaiter(void 0, void 0, void 0, function () {
+		                        var _a;
+		                        return __generator(this, function (_b) {
+		                            switch (_b.label) {
+		                                case 0:
+		                                    if (!myreactSharedExports.isPromise(item)) return [3 /*break*/, 2];
+		                                    return [4 /*yield*/, renderDispatch.processPromise(item)];
+		                                case 1:
+		                                    _b.sent();
+		                                    return [3 /*break*/, 4];
+		                                case 2: return [4 /*yield*/, renderDispatch.processLazy(item)];
+		                                case 3:
+		                                    _b.sent();
+		                                    _b.label = 4;
+		                                case 4:
+		                                    (_a = item._list) === null || _a === void 0 ? void 0 : _a.clear();
+		                                    field.asyncLoadList.uniDelete(item);
+		                                    return [2 /*return*/];
+		                            }
+		                        });
+		                    }); })).then(function () {
+		                        var aliveNode = defaultResolveAliveSuspenseFiber(node) || renderDispatch.rootFiber;
+		                        aliveNode.state = myreactSharedExports.STATE_TYPE.__triggerSyncForce__;
+		                        var renderScheduler = currentScheduler$d.current;
+		                        var updater = {
+		                            type: myreactSharedExports.UpdateQueueType.suspense,
+		                            trigger: aliveNode,
+		                            isSync: true,
+		                            isForce: true,
+		                            payLoad: allPendingLoadArray,
+		                        };
+		                        renderScheduler.dispatchState(updater);
+		                    });
+		                }
+		                // fix hmr
+		                node.state = myreactSharedExports.STATE_TYPE.__reschedule__;
+		                field.isHidden = true;
+		                allField_1.push(field);
+		            });
+		            var root = renderDispatch.rootFiber;
+		            root.state = myreactSharedExports.remove(root.state, myreactSharedExports.STATE_TYPE.__stable__);
+		            root.state = myreactSharedExports.merge(root.state, myreactSharedExports.STATE_TYPE.__retrigger__);
+		            // TODO use hide tree to improve
+		            mountLoopAll(renderDispatch, root);
+		            allField_1.forEach(function (field) { return (field.isHidden = false); });
+		            renderDispatch.pendingSuspenseFiberArray.clear();
+		        }
+		        else {
+		            throw new Error("[@my-react/reconciler] should not process async load list on sync mount without enableAsyncLoad, you may use a wrong renderDispatch instance");
+		        }
+		    }
+		    // TODO update flow
+		    if (enableSuspenseRoot$2.current) {
+		        var suspenseField_1 = getInstanceFieldByInstance(renderDispatch);
+		        var list = suspenseField_1.asyncLoadList.getAll();
+		        if (list.length === 0)
+		            return;
+		        if (renderDispatch.enableAsyncLoad) {
+		            // defaultDeleteCurrentEffect(renderDispatch, renderDispatch.rootFiber);
+		            // defaultDeleteChildEffect(renderDispatch, renderDispatch.rootFiber);
+		            var allPendingLoadArray = list.filter(function (item) {
+		                if (myreactSharedExports.isPromise(item)) {
+		                    return typeof item.status !== "string";
+		                }
+		                else {
+		                    return !item._loading && !item._loaded && !item._error;
+		                }
+		            });
+		            if (allPendingLoadArray.length) {
+		                allPendingLoadArray.forEach(function (item) { var _a; return (_a = item._list) === null || _a === void 0 ? void 0 : _a.forEach(function (node) { return defaultDeleteCurrentEffect(renderDispatch, node); }); });
+		                Promise.all(allPendingLoadArray.map(function (item) { return __awaiter(void 0, void 0, void 0, function () {
+		                    var allFiber;
+		                    var _a;
+		                    return __generator(this, function (_b) {
+		                        switch (_b.label) {
+		                            case 0:
+		                                if (!myreactSharedExports.isPromise(item)) return [3 /*break*/, 2];
+		                                return [4 /*yield*/, renderDispatch.processPromise(item)];
+		                            case 1:
+		                                _b.sent();
+		                                return [3 /*break*/, 4];
+		                            case 2: return [4 /*yield*/, renderDispatch.processLazy(item)];
+		                            case 3:
+		                                _b.sent();
+		                                _b.label = 4;
+		                            case 4:
+		                                allFiber = new Set(item._list);
+		                                (_a = item._list) === null || _a === void 0 ? void 0 : _a.clear();
+		                                allFiber.forEach(function (node) {
+		                                    node.state = myreactSharedExports.STATE_TYPE.__recreate__;
+		                                    var renderScheduler = currentScheduler$d.current;
+		                                    var updater = {
+		                                        type: myreactSharedExports.UpdateQueueType.suspense,
+		                                        trigger: node,
+		                                        isSync: true,
+		                                        isForce: true,
+		                                        payLoad: [item],
+		                                    };
+		                                    renderScheduler.dispatchState(updater);
+		                                });
+		                                suspenseField_1.asyncLoadList.uniDelete(item);
+		                                return [2 /*return*/];
+		                        }
+		                    });
+		                }); }));
+		            }
+		            // suspenseField.isHidden = true;
+		            // const root = renderDispatch.rootFiber;
+		            // root.state = remove(root.state, STATE_TYPE.__stable__);
+		            // root.state = merge(root.state, STATE_TYPE.__retrigger__);
+		            // // TODO use hide tree to improve
+		            // mountLoopAll(renderDispatch, root);
+		            // suspenseField.isHidden = false;
+		        }
+		        else {
+		            throw new Error("[@my-react/reconciler] should not process async load list on sync mount without enableAsyncLoad, you may use a wrong renderDispatch instance");
+		        }
+		    }
+		};
 
 		var isErrorBoundariesInstance = function (instance, Component) {
 		    return typeof instance.componentDidCatch === "function" || typeof Component.getDerivedStateFromError === "function";
@@ -2741,9 +2945,7 @@ function requireIndex_development_1 () {
 		                    throw new Error("[@my-react/react] current update not valid, look like a bug for @my-react");
 		                }
 		                allQueue.delete(node);
-		                {
-		                    processedNodes.push(updater);
-		                }
+		                processedNodes.push(updater);
 		                var payLoad_1 = updater.payLoad;
 		                fiber.pendingState = safeCallWithCurrentFiber({
 		                    fiber: fiber,
@@ -2773,9 +2975,7 @@ function requireIndex_development_1 () {
 		            }
 		            else if (updater.isSync) {
 		                allQueue.delete(node);
-		                {
-		                    processedNodes.push(updater);
-		                }
+		                processedNodes.push(updater);
 		                isSync = isSync || updater.isSync;
 		                isForce = isForce || updater.isForce;
 		                isImmediate = isImmediate || updater.isImmediate;
@@ -2808,17 +3008,15 @@ function requireIndex_development_1 () {
 		                return callbacks.forEach(function (cb) { return cb === null || cb === void 0 ? void 0 : cb(); });
 		            }
 		            : void 0;
-		        {
-		            return {
-		                needUpdate: needUpdate,
-		                nodes: processedNodes,
-		                isSync: isSync,
-		                isForce: isForce,
-		                isImmediate: isImmediate,
-		                isRetrigger: isRetrigger,
-		                callback: invokeCallbackArray,
-		            };
-		        }
+		        return {
+		            needUpdate: needUpdate,
+		            nodes: processedNodes,
+		            isSync: isSync,
+		            isForce: isForce,
+		            isImmediate: isImmediate,
+		            isRetrigger: isRetrigger,
+		            callback: invokeCallbackArray,
+		        };
 		    }
 		    else {
 		        var _loop_2 = function () {
@@ -2828,9 +3026,7 @@ function requireIndex_development_1 () {
 		                if (updater.trigger !== typedInstance)
 		                    throw new Error("[@my-react/react] current update not valid, look like a bug for @my-react");
 		                allQueue.delete(node);
-		                {
-		                    processedNodes.push(updater);
-		                }
+		                processedNodes.push(updater);
 		                var payLoad_2 = updater.payLoad;
 		                fiber.pendingState = safeCallWithCurrentFiber({
 		                    fiber: fiber,
@@ -2860,9 +3056,7 @@ function requireIndex_development_1 () {
 		            }
 		            else {
 		                allQueue.delete(node);
-		                {
-		                    processedNodes.push(updater);
-		                }
+		                processedNodes.push(updater);
 		                isSync = isSync || updater.isSync;
 		                isForce = isForce || updater.isForce;
 		                isImmediate = isImmediate || updater.isImmediate;
@@ -2890,17 +3084,15 @@ function requireIndex_development_1 () {
 		                return callbacks.forEach(function (cb) { return cb === null || cb === void 0 ? void 0 : cb(); });
 		            }
 		            : void 0;
-		        {
-		            return {
-		                needUpdate: needUpdate,
-		                nodes: processedNodes,
-		                isSync: isSync,
-		                isForce: isForce,
-		                isImmediate: isImmediate,
-		                isRetrigger: isRetrigger,
-		                callback: invokeCallbackArray,
-		            };
-		        }
+		        return {
+		            needUpdate: needUpdate,
+		            nodes: processedNodes,
+		            isSync: isSync,
+		            isForce: isForce,
+		            isImmediate: isImmediate,
+		            isRetrigger: isRetrigger,
+		            callback: invokeCallbackArray,
+		        };
 		    }
 		};
 		var processClassComponentUpdateQueueLegacy = function (renderDispatch, fiber) {
@@ -2929,9 +3121,7 @@ function requireIndex_development_1 () {
 		            if (updater.trigger !== typedInstance)
 		                throw new Error("[@my-react/react] current update not valid, look like a bug for @my-react");
 		            allQueue.delete(node);
-		            {
-		                processedNodes.push(updater);
-		            }
+		            processedNodes.push(updater);
 		            var payLoad_3 = updater.payLoad;
 		            fiber.pendingState = safeCallWithCurrentFiber({
 		                fiber: fiber,
@@ -2961,9 +3151,7 @@ function requireIndex_development_1 () {
 		        }
 		        else {
 		            allQueue.delete(node);
-		            {
-		                processedNodes.push(updater);
-		            }
+		            processedNodes.push(updater);
 		            isSync = isSync || updater.isSync;
 		            isForce = isForce || updater.isForce;
 		            isImmediate = isImmediate || updater.isImmediate;
@@ -2992,17 +3180,15 @@ function requireIndex_development_1 () {
 		            return callbacks.forEach(function (cb) { return cb === null || cb === void 0 ? void 0 : cb(); });
 		        }
 		        : void 0;
-		    {
-		        return {
-		            needUpdate: needUpdate,
-		            nodes: processedNodes,
-		            isSync: isSync,
-		            isForce: isForce,
-		            isImmediate: isImmediate,
-		            isRetrigger: isRetrigger,
-		            callback: invokeCallbackArray,
-		        };
-		    }
+		    return {
+		        needUpdate: needUpdate,
+		        nodes: processedNodes,
+		        isSync: isSync,
+		        isForce: isForce,
+		        isImmediate: isImmediate,
+		        isRetrigger: isRetrigger,
+		        callback: invokeCallbackArray,
+		    };
 		};
 		var processFunctionComponentUpdateQueueLatest = function (renderDispatch, fiber, enableTaskPriority) {
 		    var _a, _b;
@@ -3031,9 +3217,7 @@ function requireIndex_development_1 () {
 		                    throw new Error("[@my-react/react] current update not valid, look like a bug for @my-react");
 		                }
 		                allQueue.delete(node);
-		                {
-		                    processedNodes.push(updater);
-		                }
+		                processedNodes.push(updater);
 		                var trigger = updater.trigger, payLoad_4 = updater.payLoad, reducer_1 = updater.reducer;
 		                var typedTrigger_1 = trigger;
 		                var lastResult_1 = typedTrigger_1.result;
@@ -3078,9 +3262,7 @@ function requireIndex_development_1 () {
 		            }
 		            else if (updater.isSync) {
 		                allQueue.delete(node);
-		                {
-		                    processedNodes.push(updater);
-		                }
+		                processedNodes.push(updater);
 		                var payLoad = updater.payLoad;
 		                isSync = isSync || updater.isSync;
 		                isForce = isForce || updater.isForce;
@@ -3114,17 +3296,15 @@ function requireIndex_development_1 () {
 		                return callbacks.forEach(function (cb) { return cb === null || cb === void 0 ? void 0 : cb(); });
 		            }
 		            : void 0;
-		        {
-		            return {
-		                needUpdate: needUpdate,
-		                nodes: processedNodes,
-		                isSync: isSync,
-		                isForce: isForce,
-		                isImmediate: isImmediate,
-		                isRetrigger: isRetrigger,
-		                callback: invokeCallbackArray,
-		            };
-		        }
+		        return {
+		            needUpdate: needUpdate,
+		            nodes: processedNodes,
+		            isSync: isSync,
+		            isForce: isForce,
+		            isImmediate: isImmediate,
+		            isRetrigger: isRetrigger,
+		            callback: invokeCallbackArray,
+		        };
 		    }
 		    else {
 		        var _loop_4 = function () {
@@ -3135,9 +3315,7 @@ function requireIndex_development_1 () {
 		                    throw new Error("[@my-react/react] current update not valid, look like a bug for @my-react");
 		                }
 		                allQueue.delete(node);
-		                {
-		                    processedNodes.push(updater);
-		                }
+		                processedNodes.push(updater);
 		                var trigger = updater.trigger, payLoad_5 = updater.payLoad, reducer_2 = updater.reducer;
 		                var typedTrigger_2 = trigger;
 		                var lastResult_2 = typedTrigger_2.result;
@@ -3182,9 +3360,7 @@ function requireIndex_development_1 () {
 		            }
 		            else {
 		                allQueue.delete(node);
-		                {
-		                    processedNodes.push(updater);
-		                }
+		                processedNodes.push(updater);
 		                var payLoad = updater.payLoad;
 		                isSync = isSync || updater.isSync;
 		                isForce = isForce || updater.isForce;
@@ -3213,17 +3389,15 @@ function requireIndex_development_1 () {
 		                return callbacks.forEach(function (cb) { return cb === null || cb === void 0 ? void 0 : cb(); });
 		            }
 		            : void 0;
-		        {
-		            return {
-		                needUpdate: needUpdate,
-		                nodes: processedNodes,
-		                isSync: isSync,
-		                isForce: isForce,
-		                isImmediate: isImmediate,
-		                isRetrigger: isRetrigger,
-		                callback: invokeCallbackArray,
-		            };
-		        }
+		        return {
+		            needUpdate: needUpdate,
+		            nodes: processedNodes,
+		            isSync: isSync,
+		            isForce: isForce,
+		            isImmediate: isImmediate,
+		            isRetrigger: isRetrigger,
+		            callback: invokeCallbackArray,
+		        };
 		    }
 		};
 		var processFunctionComponentUpdateQueueLegacy = function (renderDispatch, fiber) {
@@ -3251,9 +3425,7 @@ function requireIndex_development_1 () {
 		                throw new Error("[@my-react/react] current update not valid, look like a bug for @my-react");
 		            }
 		            allQueue.delete(node);
-		            {
-		                processedNodes.push(updater);
-		            }
+		            processedNodes.push(updater);
 		            var trigger = updater.trigger, payLoad_6 = updater.payLoad, reducer_3 = updater.reducer;
 		            var typedTrigger_3 = trigger;
 		            var lastResult_3 = typedTrigger_3.result;
@@ -3298,9 +3470,7 @@ function requireIndex_development_1 () {
 		        }
 		        else {
 		            allQueue.delete(node);
-		            {
-		                processedNodes.push(updater);
-		            }
+		            processedNodes.push(updater);
 		            var payLoad = updater.payLoad;
 		            isSync = isSync || updater.isSync;
 		            isForce = isForce || updater.isForce;
@@ -3330,17 +3500,15 @@ function requireIndex_development_1 () {
 		            return callbacks.forEach(function (cb) { return cb === null || cb === void 0 ? void 0 : cb(); });
 		        }
 		        : void 0;
-		    {
-		        return {
-		            needUpdate: needUpdate,
-		            nodes: processedNodes,
-		            isSync: isSync,
-		            isForce: isForce,
-		            isImmediate: isImmediate,
-		            isRetrigger: isRetrigger,
-		            callback: invokeCallbackArray,
-		        };
-		    }
+		    return {
+		        needUpdate: needUpdate,
+		        nodes: processedNodes,
+		        isSync: isSync,
+		        isForce: isForce,
+		        isImmediate: isImmediate,
+		        isRetrigger: isRetrigger,
+		        callback: invokeCallbackArray,
+		    };
 		};
 		var processNormalComponentUpdateLatest = function (renderDispatch, fiber) {
 		    if (myreactSharedExports.include(fiber.state, myreactSharedExports.STATE_TYPE.__unmount__))
@@ -3359,9 +3527,7 @@ function requireIndex_development_1 () {
 		        var updater = node.value;
 		        var nextNode = node.next;
 		        allQueue.delete(node);
-		        {
-		            processedNodes.push(updater);
-		        }
+		        processedNodes.push(updater);
 		        var payLoad = updater.payLoad;
 		        isSync = isSync || updater.isSync;
 		        isForce = isForce || updater.isForce;
@@ -3385,17 +3551,15 @@ function requireIndex_development_1 () {
 		            return callbacks.forEach(function (cb) { return cb === null || cb === void 0 ? void 0 : cb(); });
 		        }
 		        : void 0;
-		    {
-		        return {
-		            needUpdate: needUpdate,
-		            nodes: processedNodes,
-		            isSync: isSync,
-		            isForce: isForce,
-		            isImmediate: isImmediate,
-		            isRetrigger: isRetrigger,
-		            callback: invokeCallbackArray,
-		        };
-		    }
+		    return {
+		        needUpdate: needUpdate,
+		        nodes: processedNodes,
+		        isSync: isSync,
+		        isForce: isForce,
+		        isImmediate: isImmediate,
+		        isRetrigger: isRetrigger,
+		        callback: invokeCallbackArray,
+		    };
 		};
 		var processNormalComponentUpdateLegacy = function (renderDispatch, fiber) {
 		    if (myreactSharedExports.include(fiber.state, myreactSharedExports.STATE_TYPE.__unmount__))
@@ -3414,9 +3578,7 @@ function requireIndex_development_1 () {
 		    if (node) {
 		        var updater = node.value;
 		        allQueue.delete(node);
-		        {
-		            processedNodes.push(updater);
-		        }
+		        processedNodes.push(updater);
 		        var payLoad = updater.payLoad;
 		        isSync = isSync || updater.isSync;
 		        isForce = isForce || updater.isForce;
@@ -3444,17 +3606,15 @@ function requireIndex_development_1 () {
 		            return callbacks.forEach(function (cb) { return cb === null || cb === void 0 ? void 0 : cb(); });
 		        }
 		        : void 0;
-		    {
-		        return {
-		            needUpdate: needUpdate,
-		            nodes: processedNodes,
-		            isSync: isSync,
-		            isForce: isForce,
-		            isImmediate: isImmediate,
-		            isRetrigger: isRetrigger,
-		            callback: invokeCallbackArray,
-		        };
-		    }
+		    return {
+		        needUpdate: needUpdate,
+		        nodes: processedNodes,
+		        isSync: isSync,
+		        isForce: isForce,
+		        isImmediate: isImmediate,
+		        isRetrigger: isRetrigger,
+		        callback: invokeCallbackArray,
+		    };
 		};
 		/**
 		 * @deprecated
@@ -3602,9 +3762,12 @@ function requireIndex_development_1 () {
 		};
 
 		var defaultGenerateUnmountMap = function (fiber, unmount, map) {
-		    var list = map.get(fiber) || new myreactSharedExports.ListTree();
-		    var newList = generateFiberToUnmountList(unmount);
-		    map.set(fiber, list.concat(newList));
+		    var list = map.get(fiber);
+		    if (!list) {
+		        list = new myreactSharedExports.ListTree();
+		        map.set(fiber, list);
+		    }
+		    list.push(unmount);
 		};
 		var defaultDispatchUnmount = function (renderDispatch) {
 		    if (renderDispatch.isAppUnmounted)
@@ -3616,35 +3779,33 @@ function requireIndex_development_1 () {
 		var defaultInvokeUnmountList = function (renderDispatch, fiber) {
 		    if (myreactSharedExports.include(fiber.patch, myreactSharedExports.PATCH_TYPE.__unmount__)) {
 		        var unmountMap = renderDispatch.runtimeMap.unmountMap;
-		        var allUnmount_1 = unmountMap.get(fiber);
+		        var allUnmount = unmountMap.get(fiber);
 		        unmountMap.delete(fiber);
-		        if (allUnmount_1 && allUnmount_1.length)
-		            safeCallWithCurrentFiber({
-		                fiber: fiber,
-		                action: function safeCallUnmountList() {
-		                    unmountList(renderDispatch, allUnmount_1);
-		                },
+		        if (allUnmount && allUnmount.length) {
+		            allUnmount.listToFoot(function invokeUnmountFromCurrent(unmount) {
+		                safeCallWithCurrentFiber({
+		                    fiber: unmount,
+		                    action: function safeCallUnmountFromCurrent() {
+		                        unmountFiber(renderDispatch, unmount);
+		                    },
+		                });
 		            });
+		        }
 		        fiber.patch = myreactSharedExports.remove(fiber.patch, myreactSharedExports.PATCH_TYPE.__unmount__);
 		    }
 		};
 
-		var unmountList = function (renderDispatch, list) {
-		    // will happen when app crash
-		    list.listToFoot(function invokeUnmountPendingList(f) {
+		// unmount current fiber
+		var unmountFiber = function (renderDispatch, fiber) {
+		    if (myreactSharedExports.include(fiber.state, myreactSharedExports.STATE_TYPE.__unmount__))
+		        return;
+		    var list = generateFiberToListWithAction(fiber, function invokeUnmountPending(f) {
 		        defaultInvokeUnmountList(renderDispatch, f);
 		    });
 		    list.listToFoot(function invokeFiberUnmountList(f) {
 		        unmountFiberNode(renderDispatch, f);
 		    });
 		};
-		// unmount current fiber
-		var unmountFiber = function (renderDispatch, fiber) {
-		    if (myreactSharedExports.include(fiber.state, myreactSharedExports.STATE_TYPE.__unmount__))
-		        return;
-		    var list = generateFiberToUnmountList(fiber);
-		    unmountList(renderDispatch, list);
-		};
 		// unmount current container with safe
 		var unmountContainer = function (renderDispatch, cb) {
 		    renderDispatch.reconcileUnmount();
@@ -3818,8 +3979,8 @@ function requireIndex_development_1 () {
 		};
 
 		var globalLoop$2 = react.__my_react_internal__.globalLoop, currentScheduler$a = react.__my_react_internal__.currentScheduler;
-		var enableConcurrentMode$1 = react.__my_react_shared__.enableConcurrentMode;
 		var scheduleUpdateFromRoot = function (renderDispatch) {
+		    var _a, _b, _c, _d;
 		    var allLive = renderDispatch.pendingUpdateFiberArray.getAll().filter(function (f) { return myreactSharedExports.exclude(f.state, myreactSharedExports.STATE_TYPE.__unmount__); });
 		    renderDispatch.pendingUpdateFiberArray.clear();
 		    if (allLive.length) {
@@ -3827,11 +3988,17 @@ function requireIndex_development_1 () {
 		        renderDispatch.runtimeFiber.nextWorkingFiber = renderDispatch.rootFiber;
 		        currentTriggerFiber.current = allLive.length > 1 ? allLive : allLive[0];
 		        allLive.forEach(function (fiber) { return applyTriggerFiberCb(renderDispatch, fiber); });
-		        if (!enableConcurrentMode$1.current || allLive.some(function (f) { return myreactSharedExports.include(f.state, myreactSharedExports.STATE_TYPE.__triggerSync__ | myreactSharedExports.STATE_TYPE.__triggerSyncForce__); })) {
+		        if (!renderDispatch.enableConcurrentMode || allLive.some(function (f) { return myreactSharedExports.include(f.state, myreactSharedExports.STATE_TYPE.__triggerSync__ | myreactSharedExports.STATE_TYPE.__triggerSyncForce__); })) {
+		            {
+		                (_b = (_a = listenerMap.get(renderDispatch)) === null || _a === void 0 ? void 0 : _a.beforeDispatchUpdate) === null || _b === void 0 ? void 0 : _b.forEach(function (cb) { return cb(renderDispatch, allLive); });
+		            }
 		            updateSyncFromRoot(renderDispatch);
 		        }
 		        else {
 		            renderDispatch.resetYield();
+		            {
+		                (_d = (_c = listenerMap.get(renderDispatch)) === null || _c === void 0 ? void 0 : _c.beforeDispatchUpdate) === null || _d === void 0 ? void 0 : _d.forEach(function (cb) { return cb(renderDispatch, allLive); });
+		            }
 		            updateConcurrentFromRoot(renderDispatch);
 		        }
 		    }
@@ -3840,6 +4007,22 @@ function requireIndex_development_1 () {
 		        scheduleNext(renderDispatch);
 		    }
 		};
+		var scheduleOther = function (renderDispatch) {
+		    var _a;
+		    var renderScheduler = currentScheduler$a.current;
+		    if (!renderScheduler.dispatchSet || ((_a = renderScheduler.dispatchSet) === null || _a === void 0 ? void 0 : _a.length) === 1)
+		        return;
+		    var allDispatch = renderScheduler.dispatchSet;
+		    var hasPending = allDispatch
+		        .getAll()
+		        .find(function (d) { return d !== renderDispatch && d.isAppMounted && d.enableUpdate && !d.isAppCrashed && !d.isAppUnmounted && d.pendingUpdateFiberArray.length; });
+		    if (hasPending) {
+		        scheduleUpdate(hasPending);
+		    }
+		    else {
+		        globalLoop$2.current = false;
+		    }
+		};
 		var scheduleNext = function (renderDispatch) {
 		    var _a;
 		    if (!renderDispatch.isAppUnmounted && !renderDispatch.isAppCrashed && renderDispatch.enableUpdate && renderDispatch.pendingUpdateFiberArray.length) {
@@ -3862,7 +4045,7 @@ function requireIndex_development_1 () {
 		};
 		var scheduleUpdate = function (renderDispatch) {
 		    if (renderDispatch.isAppUnmounted) {
-		        scheduleNext(renderDispatch);
+		        scheduleOther(renderDispatch);
 		        return;
 		    }
 		    scheduleUpdateFromRoot(renderDispatch);
@@ -3870,6 +4053,23 @@ function requireIndex_development_1 () {
 
 		var globalLoop$1 = react.__my_react_internal__.globalLoop, currentScheduler$9 = react.__my_react_internal__.currentScheduler;
 		var enableScopeTreeLog$3 = react.__my_react_shared__.enableScopeTreeLog;
+		function finishUpdateSyncFromRoot(renderDispatch) {
+		    var _a, _b;
+		    var commitList = renderDispatch.pendingCommitFiberList;
+		    var changedList = renderDispatch.pendingChangedFiberList;
+		    renderDispatch.resetUpdateFlowRuntimeFiber();
+		    renderDispatch.pendingCommitFiberList = null;
+		    renderDispatch.pendingChangedFiberList = null;
+		    enableScopeTreeLog$3.current && setLogScope();
+		    (commitList === null || commitList === void 0 ? void 0 : commitList.length) && renderDispatch.reconcileUpdate(commitList);
+		    enableScopeTreeLog$3.current && resetLogScope();
+		    ((_b = (_a = listenerMap.get(renderDispatch)) === null || _a === void 0 ? void 0 : _a.afterDispatchUpdate) === null || _b === void 0 ? void 0 : _b.forEach(function (cb) { return cb(renderDispatch); }));
+		    (changedList === null || changedList === void 0 ? void 0 : changedList.length) &&
+		        safeCall(function safeCallFiberHasChangeListener() {
+		            var _a, _b;
+		            (_b = (_a = listenerMap.get(renderDispatch)) === null || _a === void 0 ? void 0 : _a.fiberHasChange) === null || _b === void 0 ? void 0 : _b.forEach(function (cb) { return cb(changedList); });
+		        });
+		}
 		var updateSyncFromRoot = function (renderDispatch) {
 		    globalLoop$1.current = true;
 		    var renderScheduler = currentScheduler$9.current;
@@ -3877,26 +4077,63 @@ function requireIndex_development_1 () {
 		    updateLoopSyncFromRoot(renderDispatch);
 		    processAsyncLoadListOnUpdate(renderDispatch);
 		    enableScopeTreeLog$3.current && resetLogScope();
-		    (function finishUpdateSyncFromRoot() {
-		        var commitList = renderDispatch.pendingCommitFiberList;
-		        var changedList = renderDispatch.pendingChangedFiberList;
-		        renderDispatch.resetUpdateFlowRuntimeFiber();
-		        renderDispatch.pendingCommitFiberList = null;
-		        renderDispatch.pendingChangedFiberList = null;
-		        enableScopeTreeLog$3.current && setLogScope();
-		        (commitList === null || commitList === void 0 ? void 0 : commitList.length) && renderDispatch.reconcileUpdate(commitList);
-		        enableScopeTreeLog$3.current && resetLogScope();
-		        (changedList === null || changedList === void 0 ? void 0 : changedList.length) &&
-		            safeCall(function safeCallFiberHasChangeListener() {
-		                var _a, _b;
-		                (_b = (_a = listenerMap.get(renderDispatch)) === null || _a === void 0 ? void 0 : _a.fiberHasChange) === null || _b === void 0 ? void 0 : _b.forEach(function (cb) { return cb(changedList); });
-		            });
-		    })();
+		    finishUpdateSyncFromRoot(renderDispatch);
 		    renderScheduler.microTask(function callScheduleNext() {
 		        globalLoop$1.current = false;
 		        scheduleNext(renderDispatch);
 		    });
 		};
+		function finishUpdateConcurrentFromRoot(renderDispatch) {
+		    var _a, _b;
+		    var commitList = renderDispatch.pendingCommitFiberList;
+		    var changedList = renderDispatch.pendingChangedFiberList;
+		    renderDispatch.resetUpdateFlowRuntimeFiber();
+		    renderDispatch.pendingCommitFiberList = null;
+		    renderDispatch.pendingChangedFiberList = null;
+		    enableScopeTreeLog$3.current && setLogScope();
+		    (commitList === null || commitList === void 0 ? void 0 : commitList.length) && renderDispatch.reconcileUpdate(commitList);
+		    enableScopeTreeLog$3.current && setLogScope();
+		    ((_b = (_a = listenerMap.get(renderDispatch)) === null || _a === void 0 ? void 0 : _a.afterDispatchUpdate) === null || _b === void 0 ? void 0 : _b.forEach(function (cb) { return cb(renderDispatch); }));
+		    (changedList === null || changedList === void 0 ? void 0 : changedList.length) &&
+		        safeCall(function safeCallFiberHasChangeListener() {
+		            var _a, _b;
+		            (_b = (_a = listenerMap.get(renderDispatch)) === null || _a === void 0 ? void 0 : _a.fiberHasChange) === null || _b === void 0 ? void 0 : _b.forEach(function (cb) { return cb(changedList); });
+		        });
+		}
+		function checkNextFiberIsSync(renderDispatch) {
+		    return myreactSharedExports.include(renderDispatch.runtimeFiber.nextWorkingFiber.state, myreactSharedExports.STATE_TYPE.__triggerSync__ | myreactSharedExports.STATE_TYPE.__triggerSyncForce__);
+		    // include(renderDispatch.runtimeFiber.nextWorkingFiber.state, STATE_TYPE.__retrigger__)
+		}
+		function updateConCurrentNextFrame(renderDispatch) {
+		    var renderScheduler = currentScheduler$9.current;
+		    enableScopeTreeLog$3.current && setLogScope();
+		    var hasSync = updateLoopConcurrentFromRoot(renderDispatch);
+		    enableScopeTreeLog$3.current && resetLogScope();
+		    if (renderDispatch.runtimeFiber.nextWorkingFiber) {
+		        if (hasSync || checkNextFiberIsSync(renderDispatch)) {
+		            updateSyncFromRoot(renderDispatch);
+		        }
+		        else {
+		            renderScheduler.yieldTask(function resumeUpdateConcurrentFromRoot() {
+		                if (hasSync || checkNextFiberIsSync(renderDispatch)) {
+		                    updateSyncFromRoot(renderDispatch);
+		                }
+		                else {
+		                    updateConCurrentNextFrame(renderDispatch);
+		                }
+		            });
+		        }
+		    }
+		    else {
+		        processAsyncLoadListOnUpdate(renderDispatch);
+		        finishUpdateConcurrentFromRoot(renderDispatch);
+		        renderScheduler.microTask(function callScheduleNext() {
+		            // TODO! flash all effect
+		            globalLoop$1.current = false;
+		            scheduleNext(renderDispatch);
+		        });
+		    }
+		}
 		var updateConcurrentFromRoot = function (renderDispatch) {
 		    globalLoop$1.current = true;
 		    var renderScheduler = currentScheduler$9.current;
@@ -3904,40 +4141,23 @@ function requireIndex_development_1 () {
 		    var hasSync = updateLoopConcurrentFromRoot(renderDispatch);
 		    enableScopeTreeLog$3.current && resetLogScope();
 		    if (renderDispatch.runtimeFiber.nextWorkingFiber) {
-		        var checkCurrentIsSync_1 = function () {
-		            return hasSync || myreactSharedExports.include(renderDispatch.runtimeFiber.nextWorkingFiber.state, myreactSharedExports.STATE_TYPE.__triggerSync__ | myreactSharedExports.STATE_TYPE.__triggerSyncForce__);
-		        };
-		        if (checkCurrentIsSync_1()) {
+		        if (hasSync || checkNextFiberIsSync(renderDispatch)) {
 		            updateSyncFromRoot(renderDispatch);
 		        }
 		        else {
 		            renderScheduler.yieldTask(function resumeUpdateConcurrentFromRoot() {
-		                if (checkCurrentIsSync_1()) {
+		                if (hasSync || checkNextFiberIsSync(renderDispatch)) {
 		                    updateSyncFromRoot(renderDispatch);
 		                }
 		                else {
-		                    updateConcurrentFromRoot(renderDispatch);
+		                    updateConCurrentNextFrame(renderDispatch);
 		                }
 		            });
 		        }
 		    }
 		    else {
 		        processAsyncLoadListOnUpdate(renderDispatch);
-		        (function finishUpdateConcurrentFromRoot() {
-		            var commitList = renderDispatch.pendingCommitFiberList;
-		            var changedList = renderDispatch.pendingChangedFiberList;
-		            renderDispatch.resetUpdateFlowRuntimeFiber();
-		            renderDispatch.pendingCommitFiberList = null;
-		            renderDispatch.pendingChangedFiberList = null;
-		            enableScopeTreeLog$3.current && setLogScope();
-		            (commitList === null || commitList === void 0 ? void 0 : commitList.length) && renderDispatch.reconcileUpdate(commitList);
-		            enableScopeTreeLog$3.current && setLogScope();
-		            (changedList === null || changedList === void 0 ? void 0 : changedList.length) &&
-		                safeCall(function safeCallFiberHasChangeListener() {
-		                    var _a, _b;
-		                    (_b = (_a = listenerMap.get(renderDispatch)) === null || _a === void 0 ? void 0 : _a.fiberHasChange) === null || _b === void 0 ? void 0 : _b.forEach(function (cb) { return cb(changedList); });
-		                });
-		        })();
+		        finishUpdateConcurrentFromRoot(renderDispatch);
 		        renderScheduler.microTask(function callScheduleNext() {
 		            // TODO! flash all effect
 		            globalLoop$1.current = false;
@@ -3968,7 +4188,7 @@ function requireIndex_development_1 () {
 		    }
 		    if (hookNode.type === myreactSharedExports.HOOK_TYPE.useOptimistic) {
 		        var value = hookNode.value;
-		        if (value.reducer && typeof value.reducer !== 'function') {
+		        if (value.reducer && typeof value.reducer !== "function") {
 		            throw new Error("[@my-react/react] ".concat(myreactSharedExports.HOOK_TYPE[hookNode.type], " initial error"));
 		        }
 		    }
@@ -4191,7 +4411,7 @@ function requireIndex_development_1 () {
 		                var nextValue = mergeFunc(newValue, hookNode.result.value.value);
 		                var payloadRef = { current: function (last) { return ({ value: nextValue, start: last.start }); } };
 		                hookNode._update({ isForce: true, isSync: true, payLoad: function (last) { return payloadRef.current(last); } });
-		                hookNode.cancel = function () { return payloadRef.current = function (last) { return last; }; };
+		                hookNode.cancel = function () { return (payloadRef.current = function (last) { return last; }); };
 		            },
 		        };
 		    }
@@ -4558,11 +4778,10 @@ function requireIndex_development_1 () {
 		        fiber.constructor.prototype.isMyReactFiberNode);
 		};
 
-		var enableConcurrentMode = react.__my_react_shared__.enableConcurrentMode;
 		var currentScheduler$5 = react.__my_react_internal__.currentScheduler;
 		var processUpdateOnFiber = function (renderDispatch, fiber, _isImmediate, _isRetrigger) {
 		    var renderScheduler = currentScheduler$5.current;
-		    var flag = enableConcurrentMode.current;
+		    var flag = renderDispatch.enableConcurrentMode;
 		    var updateState = null;
 		    if (myreactSharedExports.include(fiber.type, exports.NODE_TYPE.__class__)) {
 		        updateState = flag ? processClassComponentUpdateQueueLatest(renderDispatch, fiber, flag) : processClassComponentUpdateQueueLegacy(renderDispatch, fiber);
@@ -5550,6 +5769,9 @@ function requireIndex_development_1 () {
 		            fiberHMR: new Set(),
 		            beforeFiberRun: new Set(),
 		            afterFiberRun: new Set(),
+		            afterFiberDone: new Set(),
+		            beforeDispatchRender: new Set(),
+		            afterDispatchRender: new Set(),
 		            fiberWarn: new Set(),
 		            fiberError: new Set(),
 		            fiberState: new Set(),
@@ -5563,12 +5785,12 @@ function requireIndex_development_1 () {
 		            hookUpdate: new Set(),
 		            hookState: new Set(),
 		            hookUnmount: new Set(),
-		            beforeCommit: new Set(),
-		            afterCommit: new Set(),
-		            beforeUpdate: new Set(),
-		            afterUpdate: new Set(),
-		            beforeUnmount: new Set(),
-		            afterUnmount: new Set(),
+		            beforeCommitMount: new Set(),
+		            afterCommitMount: new Set(),
+		            beforeCommitUpdate: new Set(),
+		            afterCommitUpdate: new Set(),
+		            beforeCommitUnmount: new Set(),
+		            afterCommitUnmount: new Set(),
 		        }
 		        ;
 		};
@@ -5865,6 +6087,54 @@ function requireIndex_development_1 () {
 		        };
 		        (_a = set === null || set === void 0 ? void 0 : set.add) === null || _a === void 0 ? void 0 : _a.call(set, onceCb);
 		    };
+		    RenderDispatchEvent.prototype.onAfterFiberDone = function (cb) {
+		        var _a;
+		        var set = listenerMap.get(this).afterFiberDone;
+		        (_a = set === null || set === void 0 ? void 0 : set.add) === null || _a === void 0 ? void 0 : _a.call(set, cb);
+		        return function () { var _a; return (_a = set === null || set === void 0 ? void 0 : set.delete) === null || _a === void 0 ? void 0 : _a.call(set, cb); };
+		    };
+		    RenderDispatchEvent.prototype.onceAfterFiberDone = function (cb) {
+		        var _a;
+		        var set = listenerMap.get(this).afterFiberDone;
+		        var onceCb = function (_fiber) {
+		            var _a;
+		            cb(_fiber);
+		            (_a = set === null || set === void 0 ? void 0 : set.delete) === null || _a === void 0 ? void 0 : _a.call(set, onceCb);
+		        };
+		        (_a = set === null || set === void 0 ? void 0 : set.add) === null || _a === void 0 ? void 0 : _a.call(set, onceCb);
+		    };
+		    RenderDispatchEvent.prototype.onBeforeDispatchRender = function (cb) {
+		        var _a;
+		        var set = listenerMap.get(this).beforeDispatchRender;
+		        (_a = set === null || set === void 0 ? void 0 : set.add) === null || _a === void 0 ? void 0 : _a.call(set, cb);
+		        return function () { var _a; return (_a = set === null || set === void 0 ? void 0 : set.delete) === null || _a === void 0 ? void 0 : _a.call(set, cb); };
+		    };
+		    RenderDispatchEvent.prototype.onceBeforeDispatchRender = function (cb) {
+		        var _a;
+		        var set = listenerMap.get(this).beforeDispatchRender;
+		        var onceCb = function (renderDispatch) {
+		            var _a;
+		            cb(renderDispatch);
+		            (_a = set === null || set === void 0 ? void 0 : set.delete) === null || _a === void 0 ? void 0 : _a.call(set, onceCb);
+		        };
+		        (_a = set === null || set === void 0 ? void 0 : set.add) === null || _a === void 0 ? void 0 : _a.call(set, onceCb);
+		    };
+		    RenderDispatchEvent.prototype.onBeforeDispatchUpdate = function (cb) {
+		        var _a;
+		        var set = listenerMap.get(this).beforeDispatchUpdate;
+		        (_a = set === null || set === void 0 ? void 0 : set.add) === null || _a === void 0 ? void 0 : _a.call(set, cb);
+		        return function () { var _a; return (_a = set === null || set === void 0 ? void 0 : set.delete) === null || _a === void 0 ? void 0 : _a.call(set, cb); };
+		    };
+		    RenderDispatchEvent.prototype.onceBeforeDispatchUpdate = function (cb) {
+		        var _a;
+		        var set = listenerMap.get(this).beforeDispatchUpdate;
+		        var onceCb = function (renderDispatch, list) {
+		            var _a;
+		            cb(renderDispatch, list);
+		            (_a = set === null || set === void 0 ? void 0 : set.delete) === null || _a === void 0 ? void 0 : _a.call(set, onceCb);
+		        };
+		        (_a = set === null || set === void 0 ? void 0 : set.add) === null || _a === void 0 ? void 0 : _a.call(set, onceCb);
+		    };
 		    RenderDispatchEvent.prototype.onInstanceInitial = function (cb) {
 		        var set = listenerMap.get(this).instanceInitial;
 		        set.add(cb);
@@ -5969,78 +6239,78 @@ function requireIndex_development_1 () {
 		        };
 		        set.add(onceCb);
 		    };
-		    RenderDispatchEvent.prototype.onBeforeCommit = function (cb) {
-		        var set = listenerMap.get(this).beforeCommit;
+		    RenderDispatchEvent.prototype.onBeforeCommitMount = function (cb) {
+		        var set = listenerMap.get(this).beforeCommitMount;
 		        set.add(cb);
 		        return function () { return set.delete(cb); };
 		    };
-		    RenderDispatchEvent.prototype.onceBeforeCommit = function (cb) {
-		        var set = listenerMap.get(this).beforeCommit;
+		    RenderDispatchEvent.prototype.onceBeforeCommitMount = function (cb) {
+		        var set = listenerMap.get(this).beforeCommitMount;
 		        var onceCb = function () {
 		            cb();
 		            set.delete(onceCb);
 		        };
 		        set.add(onceCb);
 		    };
-		    RenderDispatchEvent.prototype.onAfterCommit = function (cb) {
-		        var set = listenerMap.get(this).afterCommit;
+		    RenderDispatchEvent.prototype.onAfterCommitMount = function (cb) {
+		        var set = listenerMap.get(this).afterCommitMount;
 		        set.add(cb);
 		        return function () { return set.delete(cb); };
 		    };
-		    RenderDispatchEvent.prototype.onceAfterCommit = function (cb) {
-		        var set = listenerMap.get(this).afterCommit;
+		    RenderDispatchEvent.prototype.onceAfterCommitMount = function (cb) {
+		        var set = listenerMap.get(this).afterCommitMount;
 		        var onceCb = function () {
 		            cb();
 		            set.delete(onceCb);
 		        };
 		        set.add(onceCb);
 		    };
-		    RenderDispatchEvent.prototype.onBeforeUpdate = function (cb) {
-		        var set = listenerMap.get(this).beforeUpdate;
+		    RenderDispatchEvent.prototype.onBeforeCommitUpdate = function (cb) {
+		        var set = listenerMap.get(this).beforeCommitUpdate;
 		        set.add(cb);
 		        return function () { return set.delete(cb); };
 		    };
-		    RenderDispatchEvent.prototype.onceBeforeUpdate = function (cb) {
-		        var set = listenerMap.get(this).beforeUpdate;
+		    RenderDispatchEvent.prototype.onceBeforeCommitUpdate = function (cb) {
+		        var set = listenerMap.get(this).beforeCommitUpdate;
 		        var onceCb = function () {
 		            cb();
 		            set.delete(onceCb);
 		        };
 		        set.add(onceCb);
 		    };
-		    RenderDispatchEvent.prototype.onAfterUpdate = function (cb) {
-		        var set = listenerMap.get(this).afterUpdate;
+		    RenderDispatchEvent.prototype.onAfterCommitUpdate = function (cb) {
+		        var set = listenerMap.get(this).afterCommitUpdate;
 		        set.add(cb);
 		        return function () { return set.delete(cb); };
 		    };
-		    RenderDispatchEvent.prototype.onceAfterUpdate = function (cb) {
-		        var set = listenerMap.get(this).afterUpdate;
+		    RenderDispatchEvent.prototype.onceAfterCommitUpdate = function (cb) {
+		        var set = listenerMap.get(this).afterCommitUpdate;
 		        var onceCb = function () {
 		            cb();
 		            set.delete(onceCb);
 		        };
 		        set.add(onceCb);
 		    };
-		    RenderDispatchEvent.prototype.onBeforeUnmount = function (cb) {
-		        var set = listenerMap.get(this).beforeUnmount;
+		    RenderDispatchEvent.prototype.onBeforeCommitUnmount = function (cb) {
+		        var set = listenerMap.get(this).beforeCommitUnmount;
 		        set.add(cb);
 		        return function () { return set.delete(cb); };
 		    };
-		    RenderDispatchEvent.prototype.onceBeforeUnmount = function (cb) {
-		        var set = listenerMap.get(this).beforeUnmount;
+		    RenderDispatchEvent.prototype.onceBeforeCommitUnmount = function (cb) {
+		        var set = listenerMap.get(this).beforeCommitUnmount;
 		        var onceCb = function () {
 		            cb();
 		            set.delete(onceCb);
 		        };
 		        set.add(onceCb);
 		    };
-		    RenderDispatchEvent.prototype.onAfterUnmount = function (cb) {
-		        var set = listenerMap.get(this).afterUnmount;
+		    RenderDispatchEvent.prototype.onAfterCommitUnmount = function (cb) {
+		        var set = listenerMap.get(this).afterCommitUnmount;
 		        set.add(cb);
 		        return function () { return set.delete(cb); };
 		    };
-		    RenderDispatchEvent.prototype.onceAfterUnmount = function (cb) {
-		        var set = listenerMap.get(this).afterUnmount;
+		    RenderDispatchEvent.prototype.onceAfterCommitUnmount = function (cb) {
+		        var set = listenerMap.get(this).afterCommitUnmount;
 		        var onceCb = function () {
 		            cb();
 		            set.delete(onceCb);
@@ -6077,10 +6347,10 @@ function requireIndex_development_1 () {
 
 		var currentScheduler$2 = react.__my_react_internal__.currentScheduler;
 		var enableScopeTreeLog$2 = react.__my_react_shared__.enableScopeTreeLog;
+		// TODO improve
 		var defaultDispatchMountLatest = function (_dispatch, _fiber) {
-		    var _list = generateFiberToMountList(_fiber);
 		    beforeSyncUpdate();
-		    _list.listToFoot(function invokeUnmountPendingAndInsertionEffectList(_fiber) {
+		    var _list = generateFiberToListWithAction(_fiber, function invokeUnmountPendingList(_fiber) {
 		        defaultInvokeUnmountList(_dispatch, _fiber);
 		    });
 		    _list.listToFoot(function invokeInsertionEffectList(_fiber) {
@@ -6326,7 +6596,7 @@ function requireIndex_development_1 () {
 		        _this.isAppMounted = false;
 		        _this.isAppCrashed = false;
 		        _this.isAppUnmounted = false;
-		        _this.version = "0.3.15";
+		        _this.version = "0.3.17";
 		        _this.mode = "development" ;
 		        _this.renderMode = "render";
 		        _this.pendingCommitFiberList = null;
@@ -6470,11 +6740,11 @@ function requireIndex_development_1 () {
 		            (_a = instance.beforeCommit) === null || _a === void 0 ? void 0 : _a.call(instance);
 		        });
 		        safeCall(function safeCallBeforeCommitListener() {
-		            listenerMap.get(instance).beforeCommit.forEach(function (cb) { return cb(); });
+		            listenerMap.get(instance).beforeCommitMount.forEach(function (cb) { return cb(); });
 		        });
 		        defaultDispatchMount(this, _fiber);
 		        safeCall(function safeCallAfterCommitListener() {
-		            listenerMap.get(instance).afterCommit.forEach(function (cb) { return cb(); });
+		            listenerMap.get(instance).afterCommitMount.forEach(function (cb) { return cb(); });
 		        });
 		        safeCall(function safeCallAfterCommit() {
 		            var _a;
@@ -6488,11 +6758,11 @@ function requireIndex_development_1 () {
 		            (_a = instance.beforeUpdate) === null || _a === void 0 ? void 0 : _a.call(instance);
 		        });
 		        safeCall(function safeCallBeforeUpdateListener() {
-		            listenerMap.get(instance).beforeUpdate.forEach(function (cb) { return cb(); });
+		            listenerMap.get(instance).beforeCommitUpdate.forEach(function (cb) { return cb(); });
 		        });
 		        defaultDispatchUpdate(this, _list);
 		        safeCall(function safeCallAfterUpdateListener() {
-		            listenerMap.get(instance).afterUpdate.forEach(function (cb) { return cb(); });
+		            listenerMap.get(instance).afterCommitUpdate.forEach(function (cb) { return cb(); });
 		        });
 		        safeCall(function safeCallAfterUpdate() {
 		            var _a;
@@ -6506,11 +6776,11 @@ function requireIndex_development_1 () {
 		            (_a = instance.beforeUnmount) === null || _a === void 0 ? void 0 : _a.call(instance);
 		        });
 		        safeCall(function safeCallBeforeUnmountListener() {
-		            listenerMap.get(instance).beforeUnmount.forEach(function (cb) { return cb(); });
+		            listenerMap.get(instance).beforeCommitUnmount.forEach(function (cb) { return cb(); });
 		        });
 		        defaultDispatchUnmount(this);
 		        safeCall(function safeCallAfterUnmountListener() {
-		            listenerMap.get(instance).afterUnmount.forEach(function (cb) { return cb(); });
+		            listenerMap.get(instance).afterCommitUnmount.forEach(function (cb) { return cb(); });
 		        });
 		        safeCall(function safeCallAfterUnmount() {
 		            var _a;
@@ -6603,29 +6873,29 @@ function requireIndex_development_1 () {
 		    });
 		    var typedFiber = fiber;
 		    var processedNodes = [];
+		    var updater = {
+		        type: myreactSharedExports.UpdateQueueType.context,
+		        trigger: fiber,
+		        payLoad: afterValue,
+		        isSync: true,
+		        isForce: true,
+		        isImmediate: true,
+		        isRetrigger: true,
+		    };
 		    if (enableDebugFiled.current) {
-		        typedFiber._debugUpdateQueue = typedFiber._debugUpdateQueue || new myreactSharedExports.ListTree();
 		        var now = Date.now();
-		        var updater = {
-		            type: myreactSharedExports.UpdateQueueType.context,
-		            trigger: fiber,
-		            payLoad: afterValue,
-		            isSync: true,
-		            isForce: true,
-		            isImmediate: true,
-		            isRetrigger: true,
-		            _debugBeforeValue: beforeValue,
-		            _debugAfterValue: afterValue,
-		            _debugCreateTime: now,
-		            _debugRunTime: now,
-		            _debugType: myreactSharedExports.UpdateQueueType[myreactSharedExports.UpdateQueueType.context],
-		        };
-		        processedNodes.push(updater);
+		        updater._debugBeforeValue = beforeValue;
+		        updater._debugAfterValue = afterValue;
+		        updater._debugCreateTime = now;
+		        updater._debugRunTime = now;
+		        updater._debugType = myreactSharedExports.UpdateQueueType[myreactSharedExports.UpdateQueueType.context];
 		        if (enableDebugUpdateQueue.current) {
+		            typedFiber._debugUpdateQueue = typedFiber._debugUpdateQueue || new myreactSharedExports.ListTree();
 		            typedFiber._debugUpdateQueue.push(updater);
 		        }
 		    }
-		    var devUpdater = {
+		    processedNodes.push(updater);
+		    var updateState = {
 		        needUpdate: true,
 		        nodes: processedNodes,
 		        isSync: true,
@@ -6637,7 +6907,7 @@ function requireIndex_development_1 () {
 		        fiber: fiber,
 		        action: function safeCallFiberTriggerListener() {
 		            var _a, _b;
-		            (_b = (_a = listenerMap.get(renderDispatch)) === null || _a === void 0 ? void 0 : _a.fiberTrigger) === null || _b === void 0 ? void 0 : _b.forEach(function (cb) { return cb(fiber, devUpdater ); });
+		            (_b = (_a = listenerMap.get(renderDispatch)) === null || _a === void 0 ? void 0 : _a.fiberTrigger) === null || _b === void 0 ? void 0 : _b.forEach(function (cb) { return cb(fiber, updateState); });
 		        },
 		    });
 		};
@@ -6698,66 +6968,74 @@ function requireIndex_development_1 () {
 
 		var globalLoop = react.__my_react_internal__.globalLoop;
 		var enableScopeTreeLog = react.__my_react_shared__.enableScopeTreeLog;
+		function finishMountSync(renderDispatch, fiber) {
+		    enableScopeTreeLog.current && setLogScope();
+		    renderDispatch.reconcileCommit(fiber);
+		    var changedList = renderDispatch.pendingChangedFiberList;
+		    renderDispatch.resetUpdateFlowRuntimeFiber();
+		    renderDispatch.pendingCommitFiberList = null;
+		    renderDispatch.pendingChangedFiberList = null;
+		    enableScopeTreeLog.current && resetLogScope();
+		    (changedList === null || changedList === void 0 ? void 0 : changedList.length) &&
+		        safeCallWithCurrentFiber({
+		            fiber: fiber,
+		            action: function safeCallFiberHasChangeListener() {
+		                var _a, _b;
+		                (_b = (_a = listenerMap.get(renderDispatch)) === null || _a === void 0 ? void 0 : _a.fiberHasChange) === null || _b === void 0 ? void 0 : _b.forEach(function (cb) { return cb(changedList); });
+		            },
+		        });
+		}
 		var mountSync = function (renderDispatch, fiber) {
+		    var _a, _b, _c;
+		    ((_b = (_a = listenerMap.get(renderDispatch)) === null || _a === void 0 ? void 0 : _a.beforeDispatchRender) === null || _b === void 0 ? void 0 : _b.forEach(function (cb) { return cb(renderDispatch); }));
 		    globalLoop.current = true;
 		    enableScopeTreeLog.current && setLogScope();
 		    mountLoopAll(renderDispatch, fiber);
 		    processAsyncLoadListOnSyncMount(renderDispatch);
 		    enableScopeTreeLog.current && resetLogScope();
-		    (function finishMount() {
-		        enableScopeTreeLog.current && setLogScope();
-		        renderDispatch.reconcileCommit(fiber);
-		        var changedList = renderDispatch.pendingChangedFiberList;
-		        renderDispatch.resetUpdateFlowRuntimeFiber();
-		        renderDispatch.pendingCommitFiberList = null;
-		        renderDispatch.pendingChangedFiberList = null;
-		        enableScopeTreeLog.current && resetLogScope();
-		        (changedList === null || changedList === void 0 ? void 0 : changedList.length) &&
-		            safeCallWithCurrentFiber({
-		                fiber: fiber,
-		                action: function safeCallFiberHasChangeListener() {
-		                    var _a, _b;
-		                    (_b = (_a = listenerMap.get(renderDispatch)) === null || _a === void 0 ? void 0 : _a.fiberHasChange) === null || _b === void 0 ? void 0 : _b.forEach(function (cb) { return cb(changedList); });
-		                },
-		            });
-		    })();
+		    finishMountSync(renderDispatch, fiber);
+		    ((_c = listenerMap.get(renderDispatch)) === null || _c === void 0 ? void 0 : _c.afterDispatchRender.forEach(function (cb) { return cb(renderDispatch); }));
 		    globalLoop.current = false;
 		};
+		function finishMountAsync(renderDispatch, fiber) {
+		    enableScopeTreeLog.current && setLogScope();
+		    renderDispatch.reconcileCommit(fiber);
+		    var changedList = renderDispatch.pendingChangedFiberList;
+		    renderDispatch.resetUpdateFlowRuntimeFiber();
+		    renderDispatch.pendingCommitFiberList = null;
+		    renderDispatch.pendingChangedFiberList = null;
+		    enableScopeTreeLog.current && resetLogScope();
+		    (changedList === null || changedList === void 0 ? void 0 : changedList.length) &&
+		        safeCallWithCurrentFiber({
+		            fiber: fiber,
+		            action: function safeCallFiberHasChangeListener() {
+		                var _a, _b;
+		                (_b = (_a = listenerMap.get(renderDispatch)) === null || _a === void 0 ? void 0 : _a.fiberHasChange) === null || _b === void 0 ? void 0 : _b.forEach(function (cb) { return cb(changedList); });
+		            },
+		        });
+		}
 		var mountAsync = function (renderDispatch, fiber) { return __awaiter(void 0, void 0, void 0, function () {
-		    return __generator(this, function (_a) {
-		        switch (_a.label) {
+		    var _a, _b, _c;
+		    return __generator(this, function (_d) {
+		        switch (_d.label) {
 		            case 0:
+		                ((_b = (_a = listenerMap.get(renderDispatch)) === null || _a === void 0 ? void 0 : _a.beforeDispatchRender) === null || _b === void 0 ? void 0 : _b.forEach(function (cb) { return cb(renderDispatch); }));
 		                globalLoop.current = true;
 		                enableScopeTreeLog.current && setLogScope();
 		                mountLoopAll(renderDispatch, fiber);
 		                return [4 /*yield*/, processAsyncLoadListOnAsyncMount(renderDispatch)];
 		            case 1:
-		                _a.sent();
-		                enableScopeTreeLog.current && setLogScope();
-		                (function finishMount() {
-		                    enableScopeTreeLog.current && setLogScope();
-		                    renderDispatch.reconcileCommit(fiber);
-		                    var changedList = renderDispatch.pendingChangedFiberList;
-		                    renderDispatch.resetUpdateFlowRuntimeFiber();
-		                    renderDispatch.pendingCommitFiberList = null;
-		                    renderDispatch.pendingChangedFiberList = null;
-		                    enableScopeTreeLog.current && setLogScope();
-		                    (changedList === null || changedList === void 0 ? void 0 : changedList.length) &&
-		                        safeCallWithCurrentFiber({
-		                            fiber: fiber,
-		                            action: function safeCallFiberHasChangeListener() {
-		                                var _a, _b;
-		                                (_b = (_a = listenerMap.get(renderDispatch)) === null || _a === void 0 ? void 0 : _a.fiberHasChange) === null || _b === void 0 ? void 0 : _b.forEach(function (cb) { return cb(changedList); });
-		                            },
-		                        });
-		                })();
+		                _d.sent();
+		                enableScopeTreeLog.current && resetLogScope();
+		                finishMountAsync(renderDispatch, fiber);
+		                ((_c = listenerMap.get(renderDispatch)) === null || _c === void 0 ? void 0 : _c.afterDispatchRender.forEach(function (cb) { return cb(renderDispatch); }));
 		                globalLoop.current = false;
 		                return [2 /*return*/];
 		        }
 		    });
 		}); };
 
-		var version = "0.3.15";
+		var version = "0.3.17";
 
 		exports.CustomRenderDispatch = CustomRenderDispatch;
 		exports.MyReactFiberNode = MyReactFiberNode;
@@ -6815,6 +7093,7 @@ function requireIndex_development_1 () {
 		exports.enableLogForCurrentFlowIsRunning = enableLogForCurrentFlowIsRunning;
 		exports.enableValidMyReactElement = enableValidMyReactElement;
 		exports.fiberToDispatchMap = fiberToDispatchMap;
+		exports.generateFiberToListWithAction = generateFiberToListWithAction;
 		exports.generateFiberToMountList = generateFiberToMountList;
 		exports.generateFiberToUnmountList = generateFiberToUnmountList;
 		exports.getClassInstanceFieldByInstance = getClassInstanceFieldByInstance;
@@ -6932,7 +7211,6 @@ function requireIndex_development_1 () {
 		exports.unmountFiber = unmountFiber;
 		exports.unmountFiberNode = unmountFiberNode;
 		exports.unmountInstance = unmountInstance;
-		exports.unmountList = unmountList;
 		exports.updateConcurrentFromRoot = updateConcurrentFromRoot;
 		exports.updateFiberNode = updateFiberNode;
 		exports.updateHookNode = updateHookNode;
@@ -8121,10 +8399,9 @@ var ReconcilerDispatchFiber = function (renderDispatch, fiber) {
 var currentScheduler$2 = require$$0.__my_react_internal__.currentScheduler;
 var enableScopeTreeLog$3 = require$$0.__my_react_shared__.enableScopeTreeLog;
 var ReconcilerDispatchMount = function (_dispatch, _fiber, config) {
-    var _list = myreactReconcilerExports.generateFiberToMountList(_fiber);
     var pendingCommitFiberArray = [];
     myreactReconcilerExports.beforeSyncUpdate();
-    _list.listToFoot(function invokeUnmountPendingAndInsertionEffectList(_fiber) {
+    var _list = myreactReconcilerExports.generateFiberToListWithAction(_fiber, function invokeUnmountPendingList(_fiber) {
         myreactReconcilerExports.defaultInvokeUnmountList(_dispatch, _fiber);
     });
     _list.listToFoot(function invokeInsertionEffectList(_fiber) {
@@ -8205,7 +8482,7 @@ var ReconcilerDispatchUpdate = function (_dispatch, _list, config) {
         }
     });
     myreactReconcilerExports.afterSyncUpdate();
-    var pendingCreateFiberArray = [];
+    var pendingFinalizeInitialChildrenFiberSet = new Set();
     var pendingCommitFiberArray = [];
     _list.listToFoot(function invokeCreateAndUpdateList(_fiber) {
         if (myreactSharedExports.exclude(_fiber.state, myreactSharedExports.STATE_TYPE.__unmount__) && !_dispatch.isAppUnmounted) {
@@ -8219,7 +8496,7 @@ var ReconcilerDispatchUpdate = function (_dispatch, _list, config) {
             });
             var afterHasNode = _fiber.nativeNode;
             if (!beforeHasNode && afterHasNode) {
-                pendingCreateFiberArray.push(_fiber);
+                pendingFinalizeInitialChildrenFiberSet.add(_fiber);
             }
         }
     });
@@ -8229,6 +8506,8 @@ var ReconcilerDispatchUpdate = function (_dispatch, _list, config) {
                 fiber: _fiber,
                 action: function safeCallPosition() {
                     _dispatch.commitPosition(_fiber);
+                    var parentFiber = getValidParentFiberWithNode(_dispatch, _fiber);
+                    parentFiber && pendingFinalizeInitialChildrenFiberSet.add(parentFiber);
                 },
             });
         }
@@ -8239,6 +8518,8 @@ var ReconcilerDispatchUpdate = function (_dispatch, _list, config) {
                 fiber: _fiber,
                 action: function safeCallAppendList() {
                     _dispatch.commitAppend(_fiber);
+                    var parentFiber = getValidParentFiberWithNode(_dispatch, _fiber);
+                    parentFiber && pendingFinalizeInitialChildrenFiberSet.add(parentFiber);
                 },
             });
         }
@@ -8253,7 +8534,7 @@ var ReconcilerDispatchUpdate = function (_dispatch, _list, config) {
             });
         }
     });
-    pendingCreateFiberArray.forEach(function invokeFinalizeInitialChildren(_fiber) {
+    pendingFinalizeInitialChildrenFiberSet.forEach(function invokeFinalizeInitialChildren(_fiber) {
         if (_fiber.nativeNode) {
             var node = config.getPublicInstance(_fiber.nativeNode);
             var type = _fiber.elementType;
@@ -8300,7 +8581,7 @@ var initialRef = {
     typeForAppend: myreactReconcilerExports.NODE_TYPE.__text__ | myreactReconcilerExports.NODE_TYPE.__plain__,
     typeForNativeNode: myreactReconcilerExports.NODE_TYPE.__text__ | myreactReconcilerExports.NODE_TYPE.__plain__ | myreactReconcilerExports.NODE_TYPE.__portal__,
 };
-var createDispatch = function (rootNode, rootFiber, rootElement, config) {
+var createDispatch = function (rootNode, rootFiber, rootElement, config, flag) {
     var ReconcilerDispatch = /** @class */ (function (_super) {
         __extends(ReconcilerDispatch, _super);
         function ReconcilerDispatch() {
@@ -8347,11 +8628,11 @@ var createDispatch = function (rootNode, rootFiber, rootElement, config) {
                 (_a = instance.beforeCommit) === null || _a === void 0 ? void 0 : _a.call(instance);
             });
             myreactReconcilerExports.safeCall(function safeCallBeforeCommitListener() {
-                myreactReconcilerExports.listenerMap.get(instance).beforeCommit.forEach(function (cb) { return cb(); });
+                myreactReconcilerExports.listenerMap.get(instance).beforeCommitMount.forEach(function (cb) { return cb(); });
             });
             ReconcilerDispatchMount(this, _fiber, config);
             myreactReconcilerExports.safeCall(function safeCallAfterCommitListener() {
-                myreactReconcilerExports.listenerMap.get(instance).afterCommit.forEach(function (cb) { return cb(); });
+                myreactReconcilerExports.listenerMap.get(instance).afterCommitMount.forEach(function (cb) { return cb(); });
             });
             myreactReconcilerExports.safeCall(function safeCallAfterCommit() {
                 var _a;
@@ -8368,11 +8649,11 @@ var createDispatch = function (rootNode, rootFiber, rootElement, config) {
                 (_a = instance.beforeUpdate) === null || _a === void 0 ? void 0 : _a.call(instance);
             });
             myreactReconcilerExports.safeCall(function safeCallBeforeUpdateListener() {
-                myreactReconcilerExports.listenerMap.get(instance).beforeUpdate.forEach(function (cb) { return cb(); });
+                myreactReconcilerExports.listenerMap.get(instance).beforeCommitUpdate.forEach(function (cb) { return cb(); });
             });
             ReconcilerDispatchUpdate(this, _list, config);
             myreactReconcilerExports.safeCall(function safeCallAfterUpdateListener() {
-                myreactReconcilerExports.listenerMap.get(instance).afterUpdate.forEach(function (cb) { return cb(); });
+                myreactReconcilerExports.listenerMap.get(instance).afterCommitUpdate.forEach(function (cb) { return cb(); });
             });
             myreactReconcilerExports.safeCall(function safeCallAfterUpdate() {
                 var _a;
@@ -8423,7 +8704,10 @@ var createDispatch = function (rootNode, rootFiber, rootElement, config) {
             },
         });
     }
-    return new ReconcilerDispatch(rootNode, rootFiber, rootElement);
+    var dispatch = new ReconcilerDispatch(rootNode, rootFiber, rootElement);
+    dispatch.enableConcurrentMode = flag !== 0;
+    dispatch.renderMode = flag !== 0 ? "concurrent" : "legacy";
+    return dispatch;
 };
 
 var DEV_REFRESH_FIELD = "__@my-react/react-refresh-inject__";
@@ -8504,7 +8788,6 @@ var enableDebugFiled$1 = require$$0.__my_react_shared__.enableDebugFiled, enable
  * @internal
  */
 var prepareScheduler = function () {
-    // enableConcurrentMode.current = false;
     enableDebugFiled$1.current = true;
     enableScopeTreeLog$1.current = true;
     myreactReconcilerExports.enableFiberForLog.current = true;
@@ -8518,8 +8801,16 @@ var currentScheduler = require$$0.__my_react_internal__.currentScheduler;
 var Reconciler = function (_config) {
     var rendererPackageName = "@my-react";
     var ReconcilerSet = new Set();
-    var createContainer = function (_container) {
+    var createContainer = function (_container, flag) {
         prepareScheduler();
+        if (flag === 0) {
+            // legacy mode
+            _container.__flag__ = 0;
+        }
+        else {
+            // concurrent mode
+            _container.__flag__ = 1;
+        }
         enableDebugFiled.current = true;
         enableScopeTreeLog.current = false;
         // enableFiberForLog.current = false;
@@ -8548,7 +8839,7 @@ var Reconciler = function (_config) {
             delGlobalDispatch(renderDispatch);
         }
         var _fiber = new myreactReconcilerExports.MyReactFiberNode(_element);
-        var _renderDispatch = createDispatch(_container, _fiber, _element, _config);
+        var _renderDispatch = createDispatch(_container, _fiber, _element, _config, _container.__flag__);
         _cb && _renderDispatch.pendingEffect(_fiber, _cb);
         ReconcilerSet.add(_renderDispatch);
         renderScheduler.dispatchSet.uniPush(_renderDispatch);
@@ -8616,7 +8907,7 @@ var Reconciler = function (_config) {
     };
 };
 
-var version = "0.0.6";
+var version = "0.0.8";
 var createReconciler = Reconciler;
 
 exports.createReconciler = createReconciler;