@agentscope-ai/flow 0.0.17 → 0.0.18

package/dist/components/condition-item/index.d.ts

@@ -2,7 +2,7 @@ import { IConditionItem } from "../../types/work-flow";
 import React from 'react';
 import { IVarTreeItem } from '../variable-tree-select';
 import './index.less';
-export declare const operatorLabelRender: (val: string) => "=" | "≠" | ">" | "≥" | "<" | "≤" | "∋" | "∌" | undefined;
+export declare const operatorLabelRender: (val: string) => "<" | ">" | "=" | "≠" | "≥" | "≤" | "∋" | "∌" | undefined;
 export interface IConditionItemProps {
     value: IConditionItem;
     onChange: (value: Partial<IConditionItem>) => void;

package/dist/components/flow-icon/index.d.ts

@@ -2,7 +2,7 @@ import React from 'react';
 import './index.less';
 declare const _default: React.NamedExoticComponent<{
     nodeType: string;
-    size?: "small" | "default" | undefined;
+    size?: "default" | "small" | undefined;
     showBg?: boolean | undefined;
     noWidth?: boolean | undefined;
 }>;

package/dist/components/node-result-panel/index.js

@@ -10,8 +10,8 @@ function _iterableToArrayLimit(r, l) { var t = null == r ? null : "undefined" !=
 function _arrayWithHoles(arr) { if (Array.isArray(arr)) return arr; }
 import { useStore } from "../../flow/context";
 import $i18n from "../../i18n";
-import { Pagination } from '@agentscope-ai/design';
-import { SparkUpLine } from '@agentscope-ai/icons';
+import { Pagination, Tooltip } from '@agentscope-ai/design';
+import { SparkTargetLine, SparkUpLine } from '@agentscope-ai/icons';
 import { Typography } from 'antd';
 import classNames from 'classnames';
 import React, { memo, useMemo, useState } from 'react';
@@ -70,6 +70,12 @@ var ResultContent = function ResultContent(props) {
   }, output))));
 };
 var NodeResultPanel = function NodeResultPanel(props) {
+  var onFlowEvent = useStore(function (state) {
+    return state.onFlowEvent;
+  });
+  var showNodeResultTargetButton = useStore(function (state) {
+    return state.showNodeResultTargetButton;
+  });
   var _useState = useState(false),
     _useState2 = _slicedToArray(_useState, 2),
     expand = _useState2[0],
@@ -121,9 +127,21 @@ var NodeResultPanel = function NodeResultPanel(props) {
     className: "spark-flow-node-result-status"
   }, statusNameMap[props.data.nodeStatus]), /*#__PURE__*/React.createElement("span", {
     className: "spark-flow-node-result-time"
-  }, props.data.nodeExecTime)), props.data.nodeStatus !== 'skip' && /*#__PURE__*/React.createElement(SparkUpLine, {
+  }, props.data.nodeExecTime)), /*#__PURE__*/React.createElement("div", {
+    className: "flex-center gap-[8px]"
+  }, showNodeResultTargetButton && /*#__PURE__*/React.createElement(Tooltip, {
+    title: $i18n.get({
+      id: 'spark-flow.components.NodeResultPanel.index.locateNodeInTestPanel',
+      dm: '定位到测试窗中节点位置'
+    })
+  }, /*#__PURE__*/React.createElement(SparkTargetLine, {
+    className: "text-base cursor-pointer",
+    onClick: function onClick() {
+      onFlowEvent === null || onFlowEvent === void 0 || onFlowEvent('nodeResultTargetClick', props.data.nodeId);
+    }
+  })), props.data.nodeStatus !== 'skip' && /*#__PURE__*/React.createElement(SparkUpLine, {
     className: "text-base spark-flow-node-result-expand-icon"
-  })), expand && batch && /*#__PURE__*/React.createElement(Pagination, {
+  }))), expand && batch && /*#__PURE__*/React.createElement(Pagination, {
     current: batchIndex,
     total: props.data.batches.length,
     pageSize: 1,

package/dist/components/variable-tree-select/index.d.ts

@@ -29,5 +29,5 @@ export declare const VariableTreeNodeItem: React.MemoExoticComponent<(props: IVa
     value?: string | undefined;
     onChange?: ((value: Pick<IVarItem, 'type' | 'value'>) => void) | undefined;
 }) => React.JSX.Element>;
-declare const VariableTreeSelect: React.MemoExoticComponent<(props: IVariableTreeSelectProps) => string | number | boolean | React.JSX.Element | Iterable<React.ReactNode> | null | undefined>;
+declare const VariableTreeSelect: React.MemoExoticComponent<(props: IVariableTreeSelectProps) => string | number | boolean | Iterable<React.ReactNode> | React.JSX.Element | null | undefined>;
 export default VariableTreeSelect;

package/dist/flow/index.js

@@ -67,8 +67,17 @@ var Flow = /*#__PURE__*/memo(function (props) {
   var showSingleTest = useStore(function (state) {
     return state.showSingleTest;
   });
+  var setOnFlowEvent = useStore(function (state) {
+    return state.setOnFlowEvent;
+  });
   var _useNodesReadOnly = useNodesReadOnly(),
     nodesReadOnly = _useNodesReadOnly.nodesReadOnly;
+  useEffect(function () {
+    setOnFlowEvent(props.onFlowEvent);
+    return function () {
+      return setOnFlowEvent(undefined);
+    };
+  }, [props.onFlowEvent, setOnFlowEvent]);
   useEffect(function () {
     var _props$onFlowEvent;
     (_props$onFlowEvent = props.onFlowEvent) === null || _props$onFlowEvent === void 0 || _props$onFlowEvent.call(props, 'showSingleTest', null);

package/dist/i18n/locales/en-us.json

@@ -89,6 +89,7 @@
   "spark-flow.components.NodeResultPanel.index.paused": "Paused",
   "spark-flow.components.NodeResultPanel.index.input": "Input",
   "spark-flow.components.NodeResultPanel.index.output": "Output",
+  "spark-flow.components.NodeResultPanel.index.locateNodeInTestPanel": "Locate node in test panel",
   "spark-flow.components.NodeTree.index.searchNodeName": "Search",
   "spark-flow.components.ShortMemoryForm.index.nodeCache": "Node cache",
   "spark-flow.components.ShortMemoryForm.index.customCache": "Custom cache",

package/dist/i18n/locales/ja-jp.json

@@ -89,6 +89,7 @@
     "spark-flow.components.NodeResultPanel.index.paused": "一時停止",
     "spark-flow.components.NodeResultPanel.index.input": "入力",
     "spark-flow.components.NodeResultPanel.index.output": "出力",
+    "spark-flow.components.NodeResultPanel.index.locateNodeInTestPanel": "テストパネルでノード位置を表示",
     "spark-flow.components.NodeTree.index.searchNodeName": "ノード名を検索",
     "spark-flow.components.ShortMemoryForm.index.nodeCache": "このノードのキャッシュ",
     "spark-flow.components.ShortMemoryForm.index.customCache": "カスタムキャッシュ",

package/dist/i18n/locales/zh-cn.json

@@ -89,6 +89,7 @@
   "spark-flow.components.NodeResultPanel.index.paused": "暂停",
   "spark-flow.components.NodeResultPanel.index.input": "输入",
   "spark-flow.components.NodeResultPanel.index.output": "输出",
+  "spark-flow.components.NodeResultPanel.index.locateNodeInTestPanel": "定位到测试窗中节点位置",
   "spark-flow.components.NodeTree.index.searchNodeName": "搜索节点名称",
   "spark-flow.components.ShortMemoryForm.index.nodeCache": "本节点缓存",
   "spark-flow.components.ShortMemoryForm.index.customCache": "自定义缓存",

package/dist/store/index.d.ts

@@ -66,5 +66,9 @@ export interface IWorkFlowStore {
     setShowCheckList: (val: boolean) => void;
     NodeMenuItemRenderer?: (props: INodeMenuItemProps) => React.ReactNode;
     debounceChangeTimeout: number;
+    onFlowEvent?: (type: string, params: any) => void;
+    setOnFlowEvent: (fn: ((type: string, params: any) => void) | undefined) => void;
+    showNodeResultTargetButton: boolean;
+    setShowNodeResultTargetButton: (val: boolean) => void;
 }
 export declare const createWorkflowStore: (initialState?: Partial<IWorkFlowStore>) => import("zustand/vanilla").StoreApi<IWorkFlowStore>;

package/dist/store/index.js

@@ -140,7 +140,23 @@ export var createWorkflowStore = function createWorkflowStore() {
           };
         });
       },
-      debounceChangeTimeout: 300
+      debounceChangeTimeout: 300,
+      onFlowEvent: undefined,
+      setOnFlowEvent: function setOnFlowEvent(fn) {
+        return set(function () {
+          return {
+            onFlowEvent: fn
+          };
+        });
+      },
+      showNodeResultTargetButton: false,
+      setShowNodeResultTargetButton: function setShowNodeResultTargetButton(val) {
+        return set(function () {
+          return {
+            showNodeResultTargetButton: val
+          };
+        });
+      }
     }, initialState);
   });
 };

package/dist/utils/index.js

@@ -209,7 +209,7 @@ export var getParentInputParams = function getParentInputParams(node) {
   var list = [];
   inputParams.forEach(function (item) {
     var _item$value, _item$type;
-    // 检查是不是数组里的子变量，例如${DocumentParse_AKQK.layout.[markdownContent]
+    // check if item.value is the children property of an array, for example: ${DocumentParse_AKQK.layout.[markdownContent]
     var matches = (_item$value = item.value) === null || _item$value === void 0 ? void 0 : _item$value.match(/\[[^\[\]]+\]/g);
     var isSubPropertyInArray = matches === null || matches === void 0 ? void 0 : matches.length;
     if (((_item$type = item.type) !== null && _item$type !== void 0 && _item$type.includes('Array') || isSubPropertyInArray) && !!item.value) {

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@agentscope-ai/flow",
-  "version": "0.0.17",
+  "version": "0.0.18",
   "description": "A powerful and flexible flow canvas rendering engine designed for AI applications. Provides comprehensive workflow visualization and interaction capabilities for platforms like Bailian and AgentScope, enabling seamless creation and management of complex AI agent workflows with an intuitive drag-and-drop interface.",
   "module": "dist/index.js",
   "types": "dist/index.d.ts",