Merge pull request #1609 from alibaba/xflow

fix:单点调试修改
alibaba · Jan 9, 2025 · b1087ac · b1087ac
2 parents e0cc62e + 7b6ec0d
commit b1087ac
Show file tree

Hide file tree

Showing 5 changed files with 18 additions and 11 deletions.
diff --git a/docs/xflow/api.md b/docs/xflow/api.md
@@ -20,7 +20,6 @@ title: API
 | onNodeClick   | 节点点击事件                         | `NodeMouseHandler`                                                                          |         |
 | antdVersion   | antd 的版本                          | `V4 \| V5`                                                                                  | `V5`    |
 | readOnly      | 只读模式                             | `boolean`                                                                                   | `false` |
-| onTesting      | 单点调试方法                             | `() => void`                                                                                   |  |
 
 
 ## TNodePanel
@@ -103,6 +102,8 @@ title: API
 | nodePanel          | 自定义节点的面板配置信息                                                                                                                         | [TNodePanel](#tnodepanel)                                                                                                                                       |        |
 | switchExtra        | 条件节点属性配置                                                                                                                               | [TSwitchExtra](#tswitchextra)                                                                                                                                   |        |
 | parallelExtra        | 并行节点属性配置                                                                                                                               | [TParallelExtra](#tparallelextra)                                                                                                                                   |        |
+| onTesting      | 节点的单点调试方法                         | `(node,nodes) => void`                                                                                   |  |
+
 
 
 

diff --git a/docs/xflow/demo/nodeSetting/data.tsx b/docs/xflow/demo/nodeSetting/data.tsx
@@ -114,6 +114,9 @@ export const settings = [
       type: 'icon-switch',
       bgColor: '#06AED4',
     },
+    onTesting: (node, nodes) => {
+      console.log("单点调试",node,nodes)
+    },
   },
   {
     title: '工具',

diff --git a/packages/x-flow/src/components/PanelContainer/index.tsx b/packages/x-flow/src/components/PanelContainer/index.tsx
@@ -47,7 +47,6 @@ const Panel: FC<IPanelProps> = (props: IPanelProps) => {
     globalConfig,
     antdVersion,
     readOnly,
-    onTesting,
   }: any = useContext(ConfigContext);
   const nodeSetting = settingMap[nodeType] || {};
   const { nodes, setNodes } = useStore(
@@ -60,7 +59,7 @@ const Panel: FC<IPanelProps> = (props: IPanelProps) => {
   const isDisabled = ['Input', 'Output'].includes(nodeType) || disabled;
   const [descVal, setDescVal] = useState(data?.desc);
   const [titleVal, setTitleVal] = useState(data?.title || nodeSetting?.title);
-  const { nodePanel, iconSvg } = nodeSetting;
+  const { nodePanel, iconSvg, onTesting } = nodeSetting;
   const hideDesc =
     nodePanel?.hideDesc ?? globalConfig?.nodePanel?.hideDesc ?? false;
   const isShowStatusPanel = Boolean(node?._status && openLogPanel);
@@ -152,7 +151,15 @@ const Panel: FC<IPanelProps> = (props: IPanelProps) => {
               <Space size={[4, 4]}>
                 {!isDisabled && onTesting && (
                   <>
-                    <IconView type="icon-yunhang" style={{ fontSize: 16 }} />
+                    <IconView
+                      type="icon-yunhang"
+                      onClick={() => {
+                        const n =
+                          nodes?.find(item => item?.id === node?.id) || {};
+                        onTesting(n, nodes);
+                      }}
+                      style={{ fontSize: 16 }}
+                    />
                     <Divider type="vertical" />
                   </>
                 )}
@@ -167,7 +174,7 @@ const Panel: FC<IPanelProps> = (props: IPanelProps) => {
           </div>
           {!hideDesc && (
             <div className="desc-box">
-              {isDisabled  ? (
+              {isDisabled ? (
                 description
               ) : (
                 <Input.TextArea
@@ -178,7 +185,7 @@ const Panel: FC<IPanelProps> = (props: IPanelProps) => {
                     setDescVal(e.target.value);
                     handleNodeValueChange({ desc: e.target.value });
                   }}
-                 disabled={readOnly}
+                  disabled={readOnly}
                 />
               )}
             </div>

diff --git a/packages/x-flow/src/types.ts b/packages/x-flow/src/types.ts
@@ -34,7 +34,7 @@ export interface TNodeItem {
   };
   disabledCopy?: boolean;
   disabledDelete?: boolean;
-
+  onTesting: (node,nodes) => void;// 单点调试方法
 }
 
 export interface TNodeGroup {
@@ -134,8 +134,6 @@ export interface FlowProps {
   onNodeClick?: NodeMouseHandler;
   onMenuItemClick?: (itemInfo: ItemInfo, defaultAction: () => void) => void;
   clickAddNode?:(type:string,nodeItem:TNodeItem,addNode:(initData?:Record<string,any>)=>void)=>void
-  // 单点调试方法
-  onTesting?: () => void;// 单点调试方法
 }
 interface ItemInfo {
   key: 'copy' | 'paste' | 'delete' | string;

diff --git a/packages/x-flow/src/withProvider.tsx b/packages/x-flow/src/withProvider.tsx
@@ -33,7 +33,6 @@ export default function withProvider<T>(
       antdVersion ='V5',
       readOnly,
       clickAddNode,
-      onTesting,
       ...restProps
     } = props;
     const settingMap = useMemo(() => {
@@ -66,7 +65,6 @@ export default function withProvider<T>(
         ...defaultWidgets,
         ...widgets,
       },
-      onTesting
     };
 
     return (