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

package/dist/cjs/index.production.js

@@ -913,7 +913,7 @@ function requireIndex_production_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++) {
@@ -924,7 +924,7 @@ function requireIndex_production_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 });
 		    }
@@ -944,7 +944,7 @@ function requireIndex_production_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 });
 		        }
@@ -978,7 +978,7 @@ function requireIndex_production_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 });
 		    }
@@ -987,7 +987,7 @@ function requireIndex_production_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)",
@@ -1042,7 +1042,7 @@ function requireIndex_production_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));
@@ -1079,7 +1079,7 @@ function requireIndex_production_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));
@@ -1283,7 +1283,7 @@ function requireIndex_production_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;
@@ -1299,7 +1299,7 @@ function requireIndex_production_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;
@@ -1335,7 +1335,15 @@ function requireIndex_production_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 };
@@ -1500,7 +1508,7 @@ function requireIndex_production_1 () {
 		var initHMR = function (env) {
 		};
 
-		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) {
@@ -1590,7 +1598,7 @@ function requireIndex_production_1 () {
 		    }
 		};
 		var initScheduler = function () {
-		    var scheduler = currentScheduler$e.current;
+		    var scheduler = currentScheduler$f.current;
 		    scheduler.getFiberTree = getFiberTree;
 		    scheduler.readPromise = readPromise;
 		    scheduler.readContext = readContext;
@@ -1642,8 +1650,11 @@ function requireIndex_production_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) {
@@ -1664,88 +1675,46 @@ function requireIndex_production_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.__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;
-		        {
-		            runtimeNextWork(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.__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;
-		        {
-		            runtimeNextWork(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);
@@ -1760,7 +1729,6 @@ function requireIndex_production_1 () {
 		    else {
 		        list.push(effect);
 		    }
-		    map.set(fiber, list);
 		};
 		var defaultInvokeEffect = function (renderDispatch, fiber) {
 		    if (myreactSharedExports.include(fiber.patch, myreactSharedExports.PATCH_TYPE.__effect__)) {
@@ -1887,8 +1855,87 @@ function requireIndex_production_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.__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;
+		        {
+		            runtimeNextWork(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;
+		        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.__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;
+		        {
+		            runtimeNextWork(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;
+		        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;
@@ -1959,7 +2006,7 @@ function requireIndex_production_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)
@@ -2040,7 +2087,7 @@ function requireIndex_production_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,
@@ -2068,7 +2115,7 @@ function requireIndex_production_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)
@@ -2106,7 +2153,7 @@ function requireIndex_production_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,
@@ -2136,6 +2183,8 @@ function requireIndex_production_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";
@@ -2180,9 +2229,145 @@ function requireIndex_production_1 () {
 		        renderDispatch.runtimeFiber.nextWorkingFiber = retriggerFiber || nextFiber;
 		        renderDispatch.runtimeFiber.retriggerFiber = null;
 		    }
-		    return hasSync;
+		    return hasSync;
+		};
+		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 processAsyncLoadListOnUpdate = processAsyncLoadListOnSyncMount;
 
 		var isErrorBoundariesInstance = function (instance, Component) {
 		    return typeof instance.componentDidCatch === "function" || typeof Component.getDerivedStateFromError === "function";
@@ -2596,6 +2781,7 @@ function requireIndex_production_1 () {
 		    var isImmediate = false;
 		    var isRetrigger = false;
 		    var callbacks = [];
+		    var processedNodes = [];
 		    var typedInstance = fiber.instance;
 		    var baseState = Object.assign({}, fiber.pendingState);
 		    var baseProps = Object.assign({}, typedInstance.props);
@@ -2606,6 +2792,7 @@ function requireIndex_production_1 () {
 		            var nextNode = node.next;
 		            if (updater.type === myreactSharedExports.UpdateQueueType.component && updater.isSync) {
 		                allQueue.delete(node);
+		                processedNodes.push(updater);
 		                var payLoad_1 = updater.payLoad;
 		                fiber.pendingState = safeCallWithCurrentFiber({
 		                    fiber: fiber,
@@ -2624,6 +2811,7 @@ function requireIndex_production_1 () {
 		            }
 		            else if (updater.isSync) {
 		                allQueue.delete(node);
+		                processedNodes.push(updater);
 		                isSync = isSync || updater.isSync;
 		                isForce = isForce || updater.isForce;
 		                isImmediate = isImmediate || updater.isImmediate;
@@ -2645,16 +2833,15 @@ function requireIndex_production_1 () {
 		                return callbacks.forEach(function (cb) { return cb === null || cb === void 0 ? void 0 : cb(); });
 		            }
 		            : void 0;
-		        {
-		            return {
-		                needUpdate: needUpdate,
-		                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 () {
@@ -2662,6 +2849,7 @@ function requireIndex_production_1 () {
 		            var nextNode = node.next;
 		            if (updater.type === myreactSharedExports.UpdateQueueType.component) {
 		                allQueue.delete(node);
+		                processedNodes.push(updater);
 		                var payLoad_2 = updater.payLoad;
 		                fiber.pendingState = safeCallWithCurrentFiber({
 		                    fiber: fiber,
@@ -2680,6 +2868,7 @@ function requireIndex_production_1 () {
 		            }
 		            else {
 		                allQueue.delete(node);
+		                processedNodes.push(updater);
 		                isSync = isSync || updater.isSync;
 		                isForce = isForce || updater.isForce;
 		                isImmediate = isImmediate || updater.isImmediate;
@@ -2696,16 +2885,15 @@ function requireIndex_production_1 () {
 		                return callbacks.forEach(function (cb) { return cb === null || cb === void 0 ? void 0 : cb(); });
 		            }
 		            : void 0;
-		        {
-		            return {
-		                needUpdate: needUpdate,
-		                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) {
@@ -2722,6 +2910,7 @@ function requireIndex_production_1 () {
 		    var isImmediate = false;
 		    var isRetrigger = false;
 		    var callbacks = [];
+		    var processedNodes = [];
 		    var typedInstance = fiber.instance;
 		    var baseState = Object.assign({}, fiber.pendingState);
 		    var baseProps = Object.assign({}, typedInstance.props);
@@ -2730,6 +2919,7 @@ function requireIndex_production_1 () {
 		        var updater = node.value;
 		        if (updater.type === myreactSharedExports.UpdateQueueType.component) {
 		            allQueue.delete(node);
+		            processedNodes.push(updater);
 		            var payLoad_3 = updater.payLoad;
 		            fiber.pendingState = safeCallWithCurrentFiber({
 		                fiber: fiber,
@@ -2748,6 +2938,7 @@ function requireIndex_production_1 () {
 		        }
 		        else {
 		            allQueue.delete(node);
+		            processedNodes.push(updater);
 		            isSync = isSync || updater.isSync;
 		            isForce = isForce || updater.isForce;
 		            isImmediate = isImmediate || updater.isImmediate;
@@ -2765,16 +2956,15 @@ function requireIndex_production_1 () {
 		            return callbacks.forEach(function (cb) { return cb === null || cb === void 0 ? void 0 : cb(); });
 		        }
 		        : void 0;
-		    {
-		        return {
-		            needUpdate: needUpdate,
-		            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;
@@ -2791,6 +2981,7 @@ function requireIndex_production_1 () {
 		    var isForce = false;
 		    var isImmediate = false;
 		    var isRetrigger = false;
+		    var processedNodes = [];
 		    var callbacks = [];
 		    if (enableTaskPriority && allQueue.some(function (l) { return l.isSync; })) {
 		        var _loop_3 = function () {
@@ -2798,6 +2989,7 @@ function requireIndex_production_1 () {
 		            var nextNode = node.next;
 		            if (updater.type === myreactSharedExports.UpdateQueueType.hook && updater.isSync) {
 		                allQueue.delete(node);
+		                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;
@@ -2830,6 +3022,7 @@ function requireIndex_production_1 () {
 		            }
 		            else if (updater.isSync) {
 		                allQueue.delete(node);
+		                processedNodes.push(updater);
 		                updater.payLoad;
 		                isSync = isSync || updater.isSync;
 		                isForce = isForce || updater.isForce;
@@ -2853,16 +3046,15 @@ function requireIndex_production_1 () {
 		                return callbacks.forEach(function (cb) { return cb === null || cb === void 0 ? void 0 : cb(); });
 		            }
 		            : void 0;
-		        {
-		            return {
-		                needUpdate: needUpdate,
-		                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 () {
@@ -2870,6 +3062,7 @@ function requireIndex_production_1 () {
 		            var nextNode = node.next;
 		            if (updater.type === myreactSharedExports.UpdateQueueType.hook) {
 		                allQueue.delete(node);
+		                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;
@@ -2902,6 +3095,7 @@ function requireIndex_production_1 () {
 		            }
 		            else {
 		                allQueue.delete(node);
+		                processedNodes.push(updater);
 		                updater.payLoad;
 		                isSync = isSync || updater.isSync;
 		                isForce = isForce || updater.isForce;
@@ -2920,16 +3114,15 @@ function requireIndex_production_1 () {
 		                return callbacks.forEach(function (cb) { return cb === null || cb === void 0 ? void 0 : cb(); });
 		            }
 		            : void 0;
-		        {
-		            return {
-		                needUpdate: needUpdate,
-		                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) {
@@ -2947,11 +3140,13 @@ function requireIndex_production_1 () {
 		    var isForce = false;
 		    var isImmediate = false;
 		    var isRetrigger = false;
+		    var processedNodes = [];
 		    var callbacks = [];
 		    if (node) {
 		        var updater = node.value;
 		        if (updater.type === myreactSharedExports.UpdateQueueType.hook) {
 		            allQueue.delete(node);
+		            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;
@@ -2984,6 +3179,7 @@ function requireIndex_production_1 () {
 		        }
 		        else {
 		            allQueue.delete(node);
+		            processedNodes.push(updater);
 		            updater.payLoad;
 		            isSync = isSync || updater.isSync;
 		            isForce = isForce || updater.isForce;
@@ -3003,16 +3199,15 @@ function requireIndex_production_1 () {
 		            return callbacks.forEach(function (cb) { return cb === null || cb === void 0 ? void 0 : cb(); });
 		        }
 		        : void 0;
-		    {
-		        return {
-		            needUpdate: needUpdate,
-		            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__))
@@ -3024,11 +3219,13 @@ function requireIndex_production_1 () {
 		    var isForce = false;
 		    var isImmediate = false;
 		    var isRetrigger = false;
+		    var processedNodes = [];
 		    var callbacks = [];
 		    while (node) {
 		        var updater = node.value;
 		        var nextNode = node.next;
 		        allQueue.delete(node);
+		        processedNodes.push(updater);
 		        updater.payLoad;
 		        isSync = isSync || updater.isSync;
 		        isForce = isForce || updater.isForce;
@@ -3042,16 +3239,15 @@ function requireIndex_production_1 () {
 		            return callbacks.forEach(function (cb) { return cb === null || cb === void 0 ? void 0 : cb(); });
 		        }
 		        : void 0;
-		    {
-		        return {
-		            needUpdate: needUpdate,
-		            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__))
@@ -3064,10 +3260,12 @@ function requireIndex_production_1 () {
 		    var isForce = false;
 		    var isImmediate = false;
 		    var isRetrigger = false;
+		    var processedNodes = [];
 		    var callbacks = [];
 		    if (node) {
 		        var updater = node.value;
 		        allQueue.delete(node);
+		        processedNodes.push(updater);
 		        updater.payLoad;
 		        isSync = isSync || updater.isSync;
 		        isForce = isForce || updater.isForce;
@@ -3085,16 +3283,15 @@ function requireIndex_production_1 () {
 		            return callbacks.forEach(function (cb) { return cb === null || cb === void 0 ? void 0 : cb(); });
 		        }
 		        : void 0;
-		    {
-		        return {
-		            needUpdate: needUpdate,
-		            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
@@ -3175,9 +3372,12 @@ function requireIndex_production_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)
@@ -3189,35 +3389,33 @@ function requireIndex_production_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();
@@ -3380,7 +3578,6 @@ function requireIndex_production_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 allLive = renderDispatch.pendingUpdateFiberArray.getAll().filter(function (f) { return myreactSharedExports.exclude(f.state, myreactSharedExports.STATE_TYPE.__unmount__); });
 		    renderDispatch.pendingUpdateFiberArray.clear();
@@ -3388,7 +3585,7 @@ function requireIndex_production_1 () {
 		        renderDispatch.runtimeFiber.scheduledFiber = renderDispatch.rootFiber;
 		        renderDispatch.runtimeFiber.nextWorkingFiber = renderDispatch.rootFiber;
 		        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__); })) {
 		            updateSyncFromRoot(renderDispatch);
 		        }
 		        else {
@@ -3400,6 +3597,22 @@ function requireIndex_production_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) {
@@ -3422,7 +3635,7 @@ function requireIndex_production_1 () {
 		};
 		var scheduleUpdate = function (renderDispatch) {
 		    if (renderDispatch.isAppUnmounted) {
-		        scheduleNext(renderDispatch);
+		        scheduleOther(renderDispatch);
 		        return;
 		    }
 		    scheduleUpdateFromRoot(renderDispatch);
@@ -3430,66 +3643,97 @@ function requireIndex_production_1 () {
 
 		var globalLoop$1 = react.__my_react_internal__.globalLoop, currentScheduler$9 = react.__my_react_internal__.currentScheduler;
 		react.__my_react_shared__.enableScopeTreeLog;
+		function finishUpdateSyncFromRoot(renderDispatch) {
+		    var commitList = renderDispatch.pendingCommitFiberList;
+		    var changedList = renderDispatch.pendingChangedFiberList;
+		    renderDispatch.resetUpdateFlowRuntimeFiber();
+		    renderDispatch.pendingCommitFiberList = null;
+		    renderDispatch.pendingChangedFiberList = null;
+		    (commitList === null || commitList === void 0 ? void 0 : commitList.length) && renderDispatch.reconcileUpdate(commitList);
+		    (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;
 		    updateLoopSyncFromRoot(renderDispatch);
 		    processAsyncLoadListOnUpdate(renderDispatch);
-		    (function finishUpdateSyncFromRoot() {
-		        var commitList = renderDispatch.pendingCommitFiberList;
-		        var changedList = renderDispatch.pendingChangedFiberList;
-		        renderDispatch.resetUpdateFlowRuntimeFiber();
-		        renderDispatch.pendingCommitFiberList = null;
-		        renderDispatch.pendingChangedFiberList = null;
-		        (commitList === null || commitList === void 0 ? void 0 : commitList.length) && renderDispatch.reconcileUpdate(commitList);
-		        (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 commitList = renderDispatch.pendingCommitFiberList;
+		    var changedList = renderDispatch.pendingChangedFiberList;
+		    renderDispatch.resetUpdateFlowRuntimeFiber();
+		    renderDispatch.pendingCommitFiberList = null;
+		    renderDispatch.pendingChangedFiberList = null;
+		    (commitList === null || commitList === void 0 ? void 0 : commitList.length) && renderDispatch.reconcileUpdate(commitList);
+		    (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;
+		    var hasSync = updateLoopConcurrentFromRoot(renderDispatch);
+		    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;
 		    var hasSync = updateLoopConcurrentFromRoot(renderDispatch);
 		    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;
-		            (commitList === null || commitList === void 0 ? void 0 : commitList.length) && renderDispatch.reconcileUpdate(commitList);
-		            (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;
@@ -3714,7 +3958,7 @@ function requireIndex_production_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; }); };
 		            },
 		        };
 		    }
@@ -4040,11 +4284,10 @@ function requireIndex_production_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);
@@ -4501,7 +4744,7 @@ function requireIndex_production_1 () {
 		        var prevProps = fiber.memoizedProps.value;
 		        var nextProps = fiber.pendingProps.value;
 		        if (!myreactSharedExports.isNormalEquals(prevProps, nextProps)) {
-		            prepareUpdateAllDependence(renderDispatch, fiber);
+		            prepareUpdateAllDependence(renderDispatch, fiber, prevProps, nextProps);
 		        }
 		    }
 		};
@@ -4979,12 +5222,12 @@ function requireIndex_production_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(),
 		        };
 		};
 		var getInitialMap = function () { return ({
@@ -5280,6 +5523,54 @@ function requireIndex_production_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);
@@ -5384,78 +5675,78 @@ function requireIndex_production_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);
@@ -5492,10 +5783,10 @@ function requireIndex_production_1 () {
 
 		var currentScheduler$2 = react.__my_react_internal__.currentScheduler;
 		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) {
@@ -5716,7 +6007,7 @@ function requireIndex_production_1 () {
 		        _this.isAppMounted = false;
 		        _this.isAppCrashed = false;
 		        _this.isAppUnmounted = false;
-		        _this.version = "0.3.15";
+		        _this.version = "0.3.17";
 		        _this.mode = "production";
 		        _this.renderMode = "render";
 		        _this.pendingCommitFiberList = null;
@@ -5860,11 +6151,11 @@ function requireIndex_production_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;
@@ -5878,11 +6169,11 @@ function requireIndex_production_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;
@@ -5896,11 +6187,11 @@ function requireIndex_production_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;
@@ -5991,8 +6282,20 @@ function requireIndex_production_1 () {
 		            typedFiber_1.state = myreactSharedExports.STATE_TYPE.__triggerSyncForce__;
 		        }
 		    });
-		    var proUpdater = {
+		    var processedNodes = [];
+		    var updater = {
+		        type: myreactSharedExports.UpdateQueueType.context,
+		        trigger: fiber,
+		        payLoad: afterValue,
+		        isSync: true,
+		        isForce: true,
+		        isImmediate: true,
+		        isRetrigger: true,
+		    };
+		    processedNodes.push(updater);
+		    var updateState = {
 		        needUpdate: true,
+		        nodes: processedNodes,
 		        isSync: true,
 		        isForce: true,
 		        isImmediate: true,
@@ -6002,7 +6305,7 @@ function requireIndex_production_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, proUpdater); });
+		            (_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); });
 		        },
 		    });
 		};
@@ -6063,58 +6366,60 @@ function requireIndex_production_1 () {
 
 		var globalLoop = react.__my_react_internal__.globalLoop;
 		react.__my_react_shared__.enableScopeTreeLog;
+		function finishMountSync(renderDispatch, fiber) {
+		    renderDispatch.reconcileCommit(fiber);
+		    var changedList = renderDispatch.pendingChangedFiberList;
+		    renderDispatch.resetUpdateFlowRuntimeFiber();
+		    renderDispatch.pendingCommitFiberList = null;
+		    renderDispatch.pendingChangedFiberList = null;
+		    (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) {
 		    globalLoop.current = true;
 		    mountLoopAll(renderDispatch, fiber);
 		    processAsyncLoadListOnSyncMount(renderDispatch);
-		    (function finishMount() {
-		        renderDispatch.reconcileCommit(fiber);
-		        var changedList = renderDispatch.pendingChangedFiberList;
-		        renderDispatch.resetUpdateFlowRuntimeFiber();
-		        renderDispatch.pendingCommitFiberList = null;
-		        renderDispatch.pendingChangedFiberList = null;
-		        (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);
 		    globalLoop.current = false;
 		};
+		function finishMountAsync(renderDispatch, fiber) {
+		    renderDispatch.reconcileCommit(fiber);
+		    var changedList = renderDispatch.pendingChangedFiberList;
+		    renderDispatch.resetUpdateFlowRuntimeFiber();
+		    renderDispatch.pendingCommitFiberList = null;
+		    renderDispatch.pendingChangedFiberList = null;
+		    (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) {
+		    return __generator(this, function (_d) {
+		        switch (_d.label) {
 		            case 0:
 		                globalLoop.current = true;
 		                mountLoopAll(renderDispatch, fiber);
 		                return [4 /*yield*/, processAsyncLoadListOnAsyncMount(renderDispatch)];
 		            case 1:
-		                _a.sent();
-		                (function finishMount() {
-		                    renderDispatch.reconcileCommit(fiber);
-		                    var changedList = renderDispatch.pendingChangedFiberList;
-		                    renderDispatch.resetUpdateFlowRuntimeFiber();
-		                    renderDispatch.pendingCommitFiberList = null;
-		                    renderDispatch.pendingChangedFiberList = null;
-		                    (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();
+		                finishMountAsync(renderDispatch, fiber);
 		                globalLoop.current = false;
 		                return [2 /*return*/];
 		        }
 		    });
 		}); };
 
-		var version = "0.3.15";
+		var version = "0.3.17";
 
 		exports.CustomRenderDispatch = CustomRenderDispatch;
 		exports.MyReactFiberNode = MyReactFiberNode;
@@ -6172,6 +6477,7 @@ function requireIndex_production_1 () {
 		exports.enableLogForCurrentFlowIsRunning = enableLogForCurrentFlowIsRunning;
 		exports.enableValidMyReactElement = enableValidMyReactElement;
 		exports.fiberToDispatchMap = fiberToDispatchMap;
+		exports.generateFiberToListWithAction = generateFiberToListWithAction;
 		exports.generateFiberToMountList = generateFiberToMountList;
 		exports.generateFiberToUnmountList = generateFiberToUnmountList;
 		exports.getClassInstanceFieldByInstance = getClassInstanceFieldByInstance;
@@ -6289,7 +6595,6 @@ function requireIndex_production_1 () {
 		exports.unmountFiber = unmountFiber;
 		exports.unmountFiberNode = unmountFiberNode;
 		exports.unmountInstance = unmountInstance;
-		exports.unmountList = unmountList;
 		exports.updateConcurrentFromRoot = updateConcurrentFromRoot;
 		exports.updateFiberNode = updateFiberNode;
 		exports.updateHookNode = updateHookNode;
@@ -7467,10 +7772,9 @@ var ReconcilerDispatchFiber = function (renderDispatch, fiber) {
 var currentScheduler$2 = require$$0.__my_react_internal__.currentScheduler;
 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) {
@@ -7549,7 +7853,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) {
@@ -7563,7 +7867,7 @@ var ReconcilerDispatchUpdate = function (_dispatch, _list, config) {
             });
             var afterHasNode = _fiber.nativeNode;
             if (!beforeHasNode && afterHasNode) {
-                pendingCreateFiberArray.push(_fiber);
+                pendingFinalizeInitialChildrenFiberSet.add(_fiber);
             }
         }
     });
@@ -7573,6 +7877,8 @@ var ReconcilerDispatchUpdate = function (_dispatch, _list, config) {
                 fiber: _fiber,
                 action: function safeCallPosition() {
                     _dispatch.commitPosition(_fiber);
+                    var parentFiber = getValidParentFiberWithNode(_dispatch, _fiber);
+                    parentFiber && pendingFinalizeInitialChildrenFiberSet.add(parentFiber);
                 },
             });
         }
@@ -7583,6 +7889,8 @@ var ReconcilerDispatchUpdate = function (_dispatch, _list, config) {
                 fiber: _fiber,
                 action: function safeCallAppendList() {
                     _dispatch.commitAppend(_fiber);
+                    var parentFiber = getValidParentFiberWithNode(_dispatch, _fiber);
+                    parentFiber && pendingFinalizeInitialChildrenFiberSet.add(parentFiber);
                 },
             });
         }
@@ -7597,7 +7905,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;
@@ -7642,7 +7950,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() {
@@ -7689,11 +7997,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;
@@ -7710,11 +8018,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;
@@ -7743,7 +8051,10 @@ var createDispatch = function (rootNode, rootFiber, rootElement, config) {
         };
         return ReconcilerDispatch;
     }(myreactReconcilerExports.CustomRenderDispatch));
-    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;
 };
 
 /* eslint-disable @typescript-eslint/no-require-imports */
@@ -7810,7 +8121,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;
@@ -7824,8 +8134,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 = false;
         enableScopeTreeLog.current = false;
         // enableFiberForLog.current = false;
@@ -7854,7 +8172,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);
@@ -7921,7 +8239,7 @@ var Reconciler = function (_config) {
     };
 };
 
-var version = "0.0.6";
+var version = "0.0.8";
 var createReconciler = Reconciler;
 
 exports.createReconciler = createReconciler;