fix(container): container render bounds delay

packages/plugins/free-container-plugin/src/container-node-render/components/container/index.tsx

@@ -21,35 +21,34 @@ export const ContainerNodeContainer: FC<IContainerNodeContainer> = ({ children }
   const [height, setHeight] = useState(size.height);
 
   const updatePorts = () => {
-    requestAnimationFrame(() => {
+    const portsData = node.getData<WorkflowNodePortsData>(WorkflowNodePortsData);
-      const portsData = node.getData<WorkflowNodePortsData>(WorkflowNodePortsData);
+    portsData.updateDynamicPorts();
-      portsData.updateDynamicPorts();
+  };
-    });
+
+  const updateSize = () => {
+    // 无子节点时
+    if (node.blocks.length === 0) {
+      setWidth(size.width);
+      setHeight(size.height);
+      return;
+    }
+    // 存在子节点时，只监听宽高变化
+    setWidth(transform.bounds.width);
+    setHeight(transform.bounds.height);
   };
 
   useEffect(() => {
-    const updateSize = () => {
-      // 无子节点时
-      if (node.blocks.length === 0) {
-        setWidth(size.width);
-        setHeight(size.height);
-        return;
-      }
-      // 存在子节点时，只监听宽高变化
-      if (width !== transform.bounds.width) {
-        setWidth(transform.bounds.width);
-      }
-      if (height !== transform.bounds.height) {
-        setHeight(transform.bounds.height);
-      }
-    };
-    updateSize();
     const dispose = transform.onDataChange(() => {
       updateSize();
       updatePorts();
     });
     return () => dispose.dispose();
-  }, [transform]);
+  }, [transform, width, height]);
+
+  useEffect(() => {
+    // 初始化触发一次
+    updateSize();
+  }, []);
 
   return (
     <ContainerNodeContainerStyle

packages/plugins/free-container-plugin/src/node-into-container/service.ts

@@ -102,6 +102,7 @@ export class NodeIntoContainerService {
       x: parentTransform.position.x + nodeJSON.meta!.position!.x,
       y: parentTransform.position.y + nodeJSON.meta!.position!.y,
     });
+    parentTransform.fireChange();
     await this.nextFrame();
     parentTransform.fireChange();
     this.emitter.fire({