@rxflow/base 0.0.4-alpha.0 → 0.0.4-alpha.2

package/cjs/Flow.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"Flow.d.ts","sourceRoot":"","sources":["Flow.tsx"],"names":[],"mappings":"AAAA;;;;;;;GAOG;AACH,OAAO,8BAA8B,CAAC;AACtC,OAAO,EAAC,cAAc,EAAC,MAAM,SAAS,CAAC;AAQvC,OAAO,EAGL,IAAI,EAGJ,IAAI,EAOL,MAAM,eAAe,CAAC;AAavB,OAAO,cAAc,CAAC;AA0HtB,wBAAgB,IAAI,CAAC,QAAQ,SAAS,IAAI,GAAG,IAAI,EAAE,QAAQ,SAAS,IAAI,GAAG,IAAI,EAAE,KAAK,EAAE,cAAc,CAAC,QAAQ,EAAE,QAAQ,CAAC,2CAwNzH"}
+{"version":3,"file":"Flow.d.ts","sourceRoot":"","sources":["Flow.tsx"],"names":[],"mappings":"AAAA;;;;;;;GAOG;AACH,OAAO,8BAA8B,CAAC;AACtC,OAAO,EAAC,cAAc,EAAC,MAAM,SAAS,CAAC;AAQvC,OAAO,EAGL,IAAI,EAGJ,IAAI,EAOL,MAAM,eAAe,CAAC;AAavB,OAAO,cAAc,CAAC;AA0HtB,wBAAgB,IAAI,CAAC,QAAQ,SAAS,IAAI,GAAG,IAAI,EAAE,QAAQ,SAAS,IAAI,GAAG,IAAI,EAAE,KAAK,EAAE,cAAc,CAAC,QAAQ,EAAE,QAAQ,CAAC,2CA0NzH"}

package/cjs/Flow.js

@@ -94,6 +94,7 @@ function Flow(props) {
     children,
     forceFitView
   } = props;
+  console.log('render', '------');
   (0, _useListenRender.useListenRender)(); // 性能监听 hook
 
   const [minimapVisible, setMinimapVisible] = (0, _react2.useState)(!!(showMiniMap && !showControls)); // 不显示控制器是默认按照字段控制 miniMap显示状态

package/cjs/store/PropsStore.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"PropsStore.d.ts","sourceRoot":"","sources":["PropsStore.tsx"],"names":[],"mappings":"AAAA;;;;;;;;;GASG;AACH,OAAO,EAAE,cAAc,EAAmB,MAAM,UAAU,CAAC;AAG3D,OAAO,EAAE,SAAS,EAA8B,MAAM,OAAO,CAAC;AAK9D,MAAM,WAAW,eAAe,CAC9B,WAAW,SAAS,MAAM,CAAC,MAAM,EAAE,GAAG,CAAC,GAAG,MAAM,CAAC,MAAM,EAAE,GAAG,CAAC,EAC7D,UAAU,SAAS,cAAc,GAAG,cAAc;IAElD,wBAAwB;IACxB,UAAU,EAAE,WAAW,CAAC;IACxB,mCAAmC;IACnC,SAAS,EAAE,UAAU,CAAC;IACtB,QAAQ,EAAE,SAAS,CAAC;CACrB;AAiCD,eAAO,MAAM,UAAU,mRAOpB,gBAAgB,WAAW,EAAE,UAAU,CAAC,4CAyC1C,CAAC"}
+{"version":3,"file":"PropsStore.d.ts","sourceRoot":"","sources":["PropsStore.tsx"],"names":[],"mappings":"AAAA;;;;;;;;;GASG;AACH,OAAO,EAAE,cAAc,EAAmB,MAAM,UAAU,CAAC;AAG3D,OAAO,EAAE,SAAS,EAA8B,MAAM,OAAO,CAAC;AAmB9D,MAAM,WAAW,eAAe,CAC9B,WAAW,SAAS,MAAM,CAAC,MAAM,EAAE,GAAG,CAAC,GAAG,MAAM,CAAC,MAAM,EAAE,GAAG,CAAC,EAC7D,UAAU,SAAS,cAAc,GAAG,cAAc;IAElD,wBAAwB;IACxB,UAAU,EAAE,WAAW,CAAC;IACxB,mCAAmC;IACnC,SAAS,EAAE,UAAU,CAAC;IACtB,QAAQ,EAAE,SAAS,CAAC;CACrB;AAiCD,eAAO,MAAM,UAAU,mRAOpB,gBAAgB,WAAW,EAAE,UAAU,CAAC,4CA8C1C,CAAC"}

package/cjs/store/PropsStore.js

@@ -22,6 +22,18 @@ var _jsxRuntime = require("react/jsx-runtime");
  * Copyright (c) 2025 by yanxianliang, All Rights Reserved.
  */
 
+/**
+ * 提取非函数属性用于深比较
+ * 避免函数每次渲染生成新引用导致循环更新
+ */const extractDataProps = props => {
+  const result = {};
+  for (const key in props) {
+    if (typeof props[key] !== 'function') {
+      result[key] = props[key];
+    }
+  }
+  return result;
+};
 /**
  * 构建 nodeTypeMap
  */
@@ -68,17 +80,22 @@ const PropsStore = ({
     return buildNodeTypeMap(nodeTypes);
   }, [nodeTypes]);
 
+  // 提取数据属性用于深比较（排除函数，避免循环更新）
+  const inputDataProps = (0, _react.useMemo)(() => extractDataProps(inputProps), [inputProps]);
+  const flowDataProps = (0, _react.useMemo)(() => extractDataProps(flowProps), [flowProps]);
+
   // 更新状态 - 同时存储 inputProps 和 flowProps
+  // 只对数据属性做深比较，函数属性不参与比较
   (0, _ahooks.useDeepCompareEffect)(() => {
     setState({
-      // 分别存储原始和转换后的 props
+      // 分别存储原始和转换后的 props（包含函数）
       inputProps,
       flowProps,
       // 其他状态
       id: flowProps.id || defaultId,
       nodeTypeMap
     });
-  }, [inputProps, flowProps]);
+  }, [inputDataProps, flowDataProps]);
 
   // nodes 变化时清除初始化记录
   (0, _react.useEffect)(() => {