@agentscope-ai/flow 0.0.1 → 0.0.2

package/dist/components/base-node/index.js

@@ -106,10 +106,10 @@ function BaseNode(props) {
     }
   }, [props.id]);
   var nodeResult = useMemo(function () {
-    var _taskStore$node_resul;
+    var _taskStore$nodeResult;
     if (!taskStore) return null;
-    return ((_taskStore$node_resul = taskStore.node_results) === null || _taskStore$node_resul === void 0 ? void 0 : _taskStore$node_resul.find(function (item) {
-      return item.node_id === props.id;
+    return ((_taskStore$nodeResult = taskStore.nodeResults) === null || _taskStore$nodeResult === void 0 ? void 0 : _taskStore$nodeResult.find(function (item) {
+      return item.nodeId === props.id;
     })) || null;
   }, [props.id, taskStore]);
   var actionMenus = useMemo(function () {
@@ -167,7 +167,7 @@ function BaseNode(props) {
     }
   }, /*#__PURE__*/React.createElement("div", {
     ref: containerRef,
-    className: classNames('spark-flow-node-container', props.className, _defineProperty({}, "spark-flow-node-container-".concat(nodeResult === null || nodeResult === void 0 ? void 0 : nodeResult.node_status), !!nodeResult && showResults))
+    className: classNames('spark-flow-node-container', props.className, _defineProperty({}, "spark-flow-node-container-".concat(nodeResult === null || nodeResult === void 0 ? void 0 : nodeResult.nodeStatus), !!nodeResult && showResults))
   }, /*#__PURE__*/React.createElement("div", {
     className: "flex-justify-between"
   }, /*#__PURE__*/React.createElement("div", {
@@ -180,7 +180,7 @@ function BaseNode(props) {
     },
     className: "spark-flow-node-label flex-1 w-1"
   }, props.data.label)), !!nodeResult && showResults ? /*#__PURE__*/React.createElement(NodeStatusIcon, {
-    status: nodeResult.node_status
+    status: nodeResult.nodeStatus
   }) : props.disableAction ? null : /*#__PURE__*/React.createElement("div", {
     onClick: function onClick(e) {
       e.stopPropagation();

package/dist/components/check-list-btn/index.js

@@ -38,13 +38,13 @@ export default /*#__PURE__*/memo(function CheckListBtn() {
     nodes.forEach(function (item) {
       var nodeInfo = nodeSchemaMap[item.type];
       if (!(nodeInfo !== null && nodeInfo !== void 0 && nodeInfo.checkValid)) return;
-      var error_msgs = nodeInfo.checkValid(item.data);
-      if (error_msgs.length > 0) {
+      var errorMsgs = nodeInfo.checkValid(item.data);
+      if (errorMsgs.length > 0) {
         list.push({
-          node_id: item.id,
-          error_msgs: error_msgs,
-          node_type: item.type,
-          node_name: item.data.label
+          nodeId: item.id,
+          errorMsgs: errorMsgs,
+          nodeType: item.type,
+          nodeName: item.data.label
         });
       }
     });
@@ -89,24 +89,24 @@ export default /*#__PURE__*/memo(function CheckListBtn() {
     }, checkList.map(function (item) {
       return /*#__PURE__*/React.createElement("div", {
         onClick: function onClick() {
-          handleNodeClickByNodeId(item.node_id);
+          handleNodeClickByNodeId(item.nodeId);
           setShowCheckList(false);
         },
-        key: item.node_id,
+        key: item.nodeId,
         className: "spark-flow-node-check-container"
       }, /*#__PURE__*/React.createElement("div", {
         className: "spark-flow-node-check-container-header"
       }, /*#__PURE__*/React.createElement(FlowIcon, {
         size: "small",
-        nodeType: item.node_type
+        nodeType: item.nodeType
       }), /*#__PURE__*/React.createElement(Typography.Text, {
         ellipsis: {
-          tooltip: item.node_name
+          tooltip: item.nodeName
         },
         className: "spark-flow-node-check-container-header-title"
-      }, item.node_name)), /*#__PURE__*/React.createElement("div", {
+      }, item.nodeName)), /*#__PURE__*/React.createElement("div", {
         className: "spark-flow-node-check-container-content"
-      }, item.error_msgs.map(function (msg, index) {
+      }, item.errorMsgs.map(function (msg, index) {
         return /*#__PURE__*/React.createElement("div", {
           className: "spark-flow-node-check-container-content-item",
           key: index

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/condition-item/index.js

@@ -8,7 +8,7 @@ import { filterVarItemsByType } from "../../hooks";
 import { Divider, Flex, Select } from 'antd';
 import React, { useMemo } from 'react';
 import { OPERATOR_OPTS_MAP } from "../../constant";
-import { VALUE_FROM_OPTIONS, variableFromLabelRender, VariableSelector } from "../custom-inputs-control";
+import { valueFrom_OPTIONS, variableFromLabelRender, VariableSelector } from "../custom-inputs-control";
 import { VariableBaseInput } from "../variable-input";
 import "./index.less";
 var getRightType = function getRightType(type) {
@@ -80,12 +80,12 @@ export default function ConditionItem(props) {
           style: {
             width: 60
           },
-          options: VALUE_FROM_OPTIONS,
-          value: props.value.right.value_from,
+          options: valueFrom_OPTIONS,
+          value: props.value.right.valueFrom,
           onChange: function onChange(val) {
             return props.onChange({
               right: _objectSpread(_objectSpread({}, props.value.right), {}, {
-                value_from: val,
+                valueFrom: val,
                 value: void 0
               })
             });
@@ -98,7 +98,7 @@ export default function ConditionItem(props) {
         }), /*#__PURE__*/React.createElement(Divider, {
           className: "spark-flow-condition-item-divider",
           type: "vertical"
-        }), props.value.right.value_from === 'refer' && /*#__PURE__*/React.createElement("div", {
+        }), props.value.right.valueFrom === 'refer' && /*#__PURE__*/React.createElement("div", {
           className: "flex-1"
         }, /*#__PURE__*/React.createElement(VariableSelector, {
           disabled: props.disabled,
@@ -111,7 +111,7 @@ export default function ConditionItem(props) {
               right: _objectSpread(_objectSpread({}, props.value.right), val)
             });
           }
-        })), props.value.right.value_from === 'input' && /*#__PURE__*/React.createElement("div", {
+        })), props.value.right.valueFrom === 'input' && /*#__PURE__*/React.createElement("div", {
           className: "flex-1"
         }, /*#__PURE__*/React.createElement(VariableBaseInput, {
           disabled: props.disabled,
@@ -126,7 +126,7 @@ export default function ConditionItem(props) {
           type: props.value.right.type
         })));
     }
-  }, [props.value, props.disabled, props.onChange]);
+  }, [props.value, props.disabled, props.onChange, memoRightVariableListByType]);
   return /*#__PURE__*/React.createElement("div", {
     className: "spark-flow-condition-item"
   }, /*#__PURE__*/React.createElement(Flex, {
@@ -143,7 +143,7 @@ export default function ConditionItem(props) {
       props.onChange({
         left: _objectSpread(_objectSpread({}, props.value.left), val),
         right: props.value.left.type === val.type ? props.value.right : {
-          value_from: props.value.right.value_from,
+          valueFrom: props.value.right.valueFrom,
           value: void 0,
           type: getRightType(val.type)
         },

package/dist/components/custom-handle/source-handle.js

@@ -9,6 +9,7 @@ import { SparkPlusLine } from '@agentscope-ai/icons';
 import { Handle, Position } from '@xyflow/react';
 import React, { useState } from 'react';
 import { PopoverNodeMenu } from "../node-menu";
+import classNames from 'classnames';
 export default function SourceHandle(props) {
   var _useState = useState(false),
     _useState2 = _slicedToArray(_useState, 2),
@@ -34,7 +35,7 @@ export default function SourceHandle(props) {
       e.stopPropagation();
       e.preventDefault();
     },
-    className: "spark-flow-source-handle flex-center ".concat(open ? 'spark-flow-source-handle-open' : '', " ").concat(props.className),
+    className: classNames('spark-flow-source-handle', 'flex-center', open ? 'spark-flow-source-handle-open' : '', props.className),
     type: "source",
     position: Position.Right,
     id: props.handleId

package/dist/components/custom-inputs-control/index.d.ts

@@ -48,7 +48,7 @@ export declare const VariableSelector: React.MemoExoticComponent<(props: {
 }) => React.JSX.Element>;
 export declare const VariableFormComp: React.MemoExoticComponent<(props: IVariableFormCompProps) => React.JSX.Element | undefined>;
 export declare const variableFromLabelRender: (value: string) => React.JSX.Element | null;
-export declare const VALUE_FROM_OPTIONS: {
+export declare const valueFrom_OPTIONS: {
     label: React.JSX.Element;
     value: string;
 }[];

package/dist/components/custom-inputs-control/index.js

@@ -35,7 +35,7 @@ export var variableLabelRender = function variableLabelRender(_ref) {
       dm: '无效变量'
     }));
   }
-  if (value.value_from !== 'refer' || !value.value || !nodeInfo) {
+  if (value.valueFrom !== 'refer' || !value.value || !nodeInfo) {
     return null;
   }
   return /*#__PURE__*/React.createElement("div", {
@@ -164,7 +164,7 @@ export var VariableSelector = /*#__PURE__*/memo(function (props) {
   }));
 });
 export var VariableFormComp = /*#__PURE__*/memo(function (props) {
-  if (props.data.value_from === 'clear') return /*#__PURE__*/React.createElement(Input, {
+  if (props.data.valueFrom === 'clear') return /*#__PURE__*/React.createElement(Input, {
     className: "flex-1",
     disabled: true,
     placeholder: $i18n.get({
@@ -172,7 +172,7 @@ export var VariableFormComp = /*#__PURE__*/memo(function (props) {
       dm: '不需要输入值'
     })
   });
-  if (props.data.value_from === 'refer') return /*#__PURE__*/React.createElement(VariableSelector, {
+  if (props.data.valueFrom === 'refer') return /*#__PURE__*/React.createElement(VariableSelector, {
     disabled: props.disabled,
     value: props.data,
     onChange: props.onChange,
@@ -180,7 +180,7 @@ export var VariableFormComp = /*#__PURE__*/memo(function (props) {
     enabledTypes: props.enabledTypes,
     disabledTypes: props.disabledTypes
   });
-  if (props.data.value_from === 'input') {
+  if (props.data.valueFrom === 'input') {
     if (props.typeSwitchDisabled) {
       return /*#__PURE__*/React.createElement("div", {
         className: "flex-1"
@@ -215,7 +215,7 @@ export var variableFromLabelRender = function variableFromLabelRender(value) {
   });
   return null;
 };
-export var VALUE_FROM_OPTIONS = [{
+export var valueFrom_OPTIONS = [{
   label: /*#__PURE__*/React.createElement("div", {
     className: "flex items-center gap-[8px]"
   }, /*#__PURE__*/React.createElement(SparkQuotationLine, {
@@ -244,7 +244,7 @@ export default /*#__PURE__*/memo(function CustomInputsControl(props) {
   var changeRowValue = useCallback(function (ind, payload) {
     var newVal = value.map(function (item, index) {
       if (index === ind) {
-        if (payload.value_from === 'input' && !payload.type) {
+        if (payload.valueFrom === 'input' && !payload.type) {
           payload.type = 'String';
         }
         return _objectSpread(_objectSpread({}, item), payload);
@@ -256,7 +256,7 @@ export default /*#__PURE__*/memo(function CustomInputsControl(props) {
   var handleAddVar = useCallback(function () {
     props.onChange([].concat(_toConsumableArray(value), [{
       key: '',
-      value_from: 'refer',
+      valueFrom: 'refer',
       type: props.defaultType || 'String'
     }]));
   }, [props.defaultType, props.onChange, value]);
@@ -317,15 +317,15 @@ export default /*#__PURE__*/memo(function CustomInputsControl(props) {
         width: 60
       },
       className: "flex-shrink-0 spark-flow-variable-from-select",
-      value: item.value_from,
+      value: item.valueFrom,
       onChange: function onChange(val) {
         return changeRowValue(index, {
-          value_from: val,
+          valueFrom: val,
           value: void 0
         });
       },
       disabled: props.disabled,
-      options: VALUE_FROM_OPTIONS,
+      options: valueFrom_OPTIONS,
       labelRender: function labelRender(props) {
         return variableFromLabelRender(props.value);
       },

package/dist/components/flow-base-edge/index.js

@@ -63,8 +63,8 @@ export default /*#__PURE__*/memo(function FlowBaseEdge(_ref) {
   var _getCommonConfig = getCommonConfig(),
     antPrefix = _getCommonConfig.antPrefix;
   var colorList = useMemo(function () {
-    if (edgeData._source_node_status && edgeData._target_node_status) {
-      if (edgeData._source_node_status === 'success' && edgeData._target_node_status === 'success') {
+    if (edgeData._source_nodeStatus && edgeData._target_nodeStatus) {
+      if (edgeData._source_nodeStatus === 'success' && edgeData._target_nodeStatus === 'success') {
         return [{
           color: '#30A46C',
           opacity: 0.5,
@@ -75,7 +75,7 @@ export default /*#__PURE__*/memo(function FlowBaseEdge(_ref) {
           offset: 100
         }];
       }
-      if (edgeData._source_node_status === 'success' && edgeData._target_node_status === 'fail') {
+      if (edgeData._source_nodeStatus === 'success' && edgeData._target_nodeStatus === 'fail') {
         return [{
           color: '#30A46C',
           opacity: 1,
@@ -90,7 +90,7 @@ export default /*#__PURE__*/memo(function FlowBaseEdge(_ref) {
           offset: 100
         }];
       }
-      if (edgeData._source_node_status === 'success' || edgeData._source_node_status === 'executing' && edgeData._target_node_status === 'executing') {
+      if (edgeData._source_nodeStatus === 'success' || edgeData._source_nodeStatus === 'executing' && edgeData._target_nodeStatus === 'executing') {
         return [{
           color: '#30A46C',
           opacity: 1,
@@ -135,22 +135,22 @@ export default /*#__PURE__*/memo(function FlowBaseEdge(_ref) {
   }, [edgeData, selected]);
   var isAnimated = useMemo(function () {
     var _ref2;
-    if (edgeData._source_node_status === 'executing' && edgeData._target_node_status === 'executing') return true;
-    return edgeData._source_node_status === 'success' && !((_ref2 = ['fail', 'success']) !== null && _ref2 !== void 0 && _ref2.includes(edgeData._target_node_status || ''));
+    if (edgeData._source_nodeStatus === 'executing' && edgeData._target_nodeStatus === 'executing') return true;
+    return edgeData._source_nodeStatus === 'success' && !((_ref2 = ['fail', 'success']) !== null && _ref2 !== void 0 && _ref2.includes(edgeData._target_nodeStatus || ''));
   }, [edgeData]);
   var markerEndColor = useMemo(function () {
-    if (edgeData._source_node_status && edgeData._target_node_status) {
-      if (edgeData._source_node_status === 'success' && edgeData._target_node_status === 'success') {
+    if (edgeData._source_nodeStatus && edgeData._target_nodeStatus) {
+      if (edgeData._source_nodeStatus === 'success' && edgeData._target_nodeStatus === 'success') {
         return {
           stroke: '#30A46C'
         };
       }
-      if (edgeData._source_node_status === 'success' && edgeData._target_node_status === 'fail') {
+      if (edgeData._source_nodeStatus === 'success' && edgeData._target_nodeStatus === 'fail') {
         return {
           stroke: '#F23139'
         };
       }
-      if (edgeData._source_node_status === 'success') {
+      if (edgeData._source_nodeStatus === 'success') {
         return {
           stroke: '#615CED'
         };
@@ -168,7 +168,7 @@ export default /*#__PURE__*/memo(function FlowBaseEdge(_ref) {
     return {
       stroke: "var(--".concat(antPrefix, "-color-mauve)")
     };
-  }, [edgeData._hover, selected, getCommonConfig, edgeData._source_node_status, edgeData._target_node_status]);
+  }, [edgeData._hover, selected, getCommonConfig, edgeData._source_nodeStatus, edgeData._target_nodeStatus, antPrefix]);
   return /*#__PURE__*/React.createElement(React.Fragment, null, !animated && /*#__PURE__*/React.createElement("defs", null, /*#__PURE__*/React.createElement("marker", {
     id: "".concat(id, "-arrow"),
     markerWidth: "20",

package/dist/components/flow-panel/config-panel.js

@@ -74,14 +74,14 @@ export var ConfigPanel = /*#__PURE__*/memo(function (_ref) {
         onNodeDelete(selectedNodeData.id);
         break;
       case 'id':
-        copy(selectedNode.id);
+        copy(selectedNodeData.id);
         message.success($i18n.get({
           id: 'spark-flow.components.FlowPanel.ConfigPanel.copySuccess',
           dm: '复制成功'
         }));
         break;
     }
-  }, [selectedNodeData === null || selectedNodeData === void 0 ? void 0 : selectedNodeData.id, selectedNodeData === null || selectedNodeData === void 0 ? void 0 : selectedNodeData.data.label]);
+  }, [selectedNodeData, setState, onNodeCopy, onNodeDelete]);
   useEffect(function () {
     setState({
       isEditing: false

package/dist/components/judge-form/index.js

@@ -54,12 +54,12 @@ export default /*#__PURE__*/memo(function JudgeForm(props) {
       logic: 'and',
       conditions: [{
         left: {
-          value_from: 'refer',
+          valueFrom: 'refer',
           type: 'String',
           value: void 0
         },
         right: {
-          value_from: 'input',
+          valueFrom: 'input',
           type: 'String',
           value: void 0
         },
@@ -75,12 +75,12 @@ export default /*#__PURE__*/memo(function JudgeForm(props) {
     changeBranchItem(branchId, {
       conditions: [].concat(_toConsumableArray(targetBranch.conditions || []), [{
         left: {
-          value_from: 'refer',
+          valueFrom: 'refer',
           type: 'String',
           value: void 0
         },
         right: {
-          value_from: 'input',
+          valueFrom: 'input',
           type: 'String',
           value: void 0
         },

package/dist/components/node-menu/index.js

@@ -171,7 +171,7 @@ export var NodeMenu = /*#__PURE__*/memo(function (props) {
         parentId: parentId
       }, props.source, props.target);
     }
-  }, [props.parentId, props.source, props.target, props.onSelect, nodes]);
+  }, [props.parentId, props.source, props.target, props.onSelect, nodes, nodesReadOnly, onAddNewNodeWithSource]);
   return /*#__PURE__*/React.createElement("div", {
     className: "spark-flow-node-menu h-full flex flex-col"
   }, /*#__PURE__*/React.createElement("div", {

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

@@ -96,15 +96,15 @@ var NodeResultPanel = function NodeResultPanel(props) {
   var errorInfoContent = useMemo(function () {
     if (isBatch) {
       var _props$data$batches3;
-      return (_props$data$batches3 = props.data.batches[batchIndex - 1]) === null || _props$data$batches3 === void 0 ? void 0 : _props$data$batches3.error_info;
+      return (_props$data$batches3 = props.data.batches[batchIndex - 1]) === null || _props$data$batches3 === void 0 ? void 0 : _props$data$batches3.errorInfo;
     }
-    return props.data.error_info;
+    return props.data.errorInfo;
   }, [props.data, batchIndex]);
   return /*#__PURE__*/React.createElement("div", {
     onClick: function onClick(e) {
       e.stopPropagation();
     },
-    className: classNames("spark-flow-node-result-panel nodrag spark-flow-node-result-panel-".concat(props.data.node_status), _defineProperty({}, 'spark-flow-node-result-panel-hidden', !expand))
+    className: classNames("spark-flow-node-result-panel nodrag spark-flow-node-result-panel-".concat(props.data.nodeStatus), _defineProperty({}, 'spark-flow-node-result-panel-hidden', !expand))
   }, /*#__PURE__*/React.createElement("div", {
     className: "spark-flow-node-result-header flex flex-col gap-[4px]",
     onClick: function onClick(e) {
@@ -119,9 +119,9 @@ var NodeResultPanel = function NodeResultPanel(props) {
     className: "flex-center gap-[8px]"
   }, /*#__PURE__*/React.createElement("span", {
     className: "spark-flow-node-result-status"
-  }, statusNameMap[props.data.node_status]), /*#__PURE__*/React.createElement("span", {
+  }, statusNameMap[props.data.nodeStatus]), /*#__PURE__*/React.createElement("span", {
     className: "spark-flow-node-result-time"
-  }, props.data.node_exec_time)), props.data.node_status !== 'skip' && /*#__PURE__*/React.createElement(SparkUpLine, {
+  }, props.data.nodeExecTime)), props.data.nodeStatus !== 'skip' && /*#__PURE__*/React.createElement(SparkUpLine, {
     className: "text-base spark-flow-node-result-expand-icon"
   })), expand && isBatch && /*#__PURE__*/React.createElement(Pagination, {
     current: batchIndex,
@@ -138,7 +138,7 @@ var NodeResultPanel = function NodeResultPanel(props) {
     onClick: function onClick(e) {
       return e.stopPropagation();
     }
-  }), expand && props.data.node_status === 'fail' && /*#__PURE__*/React.createElement(Typography.Text, {
+  }), expand && props.data.nodeStatus === 'fail' && /*#__PURE__*/React.createElement(Typography.Text, {
     ellipsis: {
       tooltip: {
         title: errorInfoContent,

package/dist/components/task-status/index.js

@@ -52,21 +52,21 @@ function TaskStatus() {
   });
   var copyRequestId = useCallback(function () {
     if (!taskStore) return;
-    copy(taskStore.request_id);
+    copy(taskStore.requestId);
     message.success($i18n.get({
       id: 'spark-flow.components.TaskStatus.index.requestIdCopied',
       dm: 'Request ID 已复制'
     }));
-  }, [taskStore === null || taskStore === void 0 ? void 0 : taskStore.request_id]);
+  }, [taskStore === null || taskStore === void 0 ? void 0 : taskStore.requestId]);
   var dataSource = useMemo(function () {
     var list = [];
-    taskStore.node_results.forEach(function (item) {
+    taskStore.nodeResults.forEach(function (item) {
       var _item$usages;
       if ((_item$usages = item.usages) !== null && _item$usages !== void 0 && _item$usages.length) {
         var _item$usages2;
         var tokenMap = ((_item$usages2 = item.usages) === null || _item$usages2 === void 0 ? void 0 : _item$usages2.reduce(function (acc, cur) {
-          acc.input += cur.prompt_tokens;
-          acc.output += cur.completion_tokens;
+          acc.input += cur.promptTokens;
+          acc.output += cur.completionTokens;
           return acc;
         }, {
           input: 0,
@@ -76,14 +76,14 @@ function TaskStatus() {
           output: 0
         };
         list.push(_objectSpread({
-          id: item.node_id,
-          name: item.node_name,
-          type: item.node_type
+          id: item.nodeId,
+          name: item.nodeName,
+          type: item.nodeType
         }, tokenMap));
       }
     });
     return list;
-  }, [taskStore.node_results]);
+  }, [taskStore.nodeResults]);
   var columns = useMemo(function () {
     return [{
       title: $i18n.get({
@@ -129,7 +129,7 @@ function TaskStatus() {
     }];
   }, []);
   return /*#__PURE__*/React.createElement(React.Fragment, null, /*#__PURE__*/React.createElement("div", {
-    className: classNames("spark-flow-task-status flex-justify-between spark-flow-task-status-".concat(taskStore.task_status), {
+    className: classNames("spark-flow-task-status flex-justify-between spark-flow-task-status-".concat(taskStore.taskStatus), {
       'spark-flow-task-status-hidden-results': !showResults
     })
   }, /*#__PURE__*/React.createElement("div", {
@@ -137,8 +137,8 @@ function TaskStatus() {
   }, /*#__PURE__*/React.createElement("div", {
     className: "flex items-center gap-[8px]"
   }, /*#__PURE__*/React.createElement(NodeStatusIcon, {
-    status: taskStore.task_status
-  }), /*#__PURE__*/React.createElement("span", null, statusNameMap[taskStore.task_status]), /*#__PURE__*/React.createElement("span", null, taskStore.task_exec_time)), /*#__PURE__*/React.createElement("div", {
+    status: taskStore.taskStatus
+  }), /*#__PURE__*/React.createElement("span", null, statusNameMap[taskStore.taskStatus]), /*#__PURE__*/React.createElement("span", null, taskStore.taskExecTime)), /*#__PURE__*/React.createElement("div", {
     className: "flex items-center gap-[4px]"
   }, /*#__PURE__*/React.createElement(Popover, {
     placement: "bottom",
@@ -170,7 +170,7 @@ function TaskStatus() {
       className: "font-medium"
     }, "Request ID"), /*#__PURE__*/React.createElement("div", {
       className: "flex gap-[4px] items-center"
-    }, taskStore.request_id, /*#__PURE__*/React.createElement(SparkCopyLine, {
+    }, taskStore.requestId, /*#__PURE__*/React.createElement(SparkCopyLine, {
       className: "cursor-pointer",
       onClick: copyRequestId,
       size: 16

package/dist/hooks/use-edges-interaction.js

@@ -20,10 +20,10 @@ export var useEdgesInteraction = function useEdgesInteraction() {
       var source = item.source,
         target = item.target;
       var sourceNodeResult = cacheNodeResult[source] || val.find(function (v) {
-        return v.node_id === source;
+        return v.nodeId === source;
       });
       var targetNodeResult = cacheNodeResult[target] || val.find(function (v) {
-        return v.node_id === target;
+        return v.nodeId === target;
       });
       if (!cacheNodeResult[source]) {
         cacheNodeResult[source] = sourceNodeResult;
@@ -32,17 +32,17 @@ export var useEdgesInteraction = function useEdgesInteraction() {
         cacheNodeResult[target] = targetNodeResult;
       }
       if (!!sourceNodeResult && !!targetNodeResult) return _objectSpread(_objectSpread({}, item), {}, {
-        animated: targetNodeResult.node_status === 'executing',
+        animated: targetNodeResult.nodeStatus === 'executing',
         data: _objectSpread(_objectSpread({}, item.data), {}, {
-          _source_node_status: sourceNodeResult.node_status,
-          _target_node_status: targetNodeResult.node_status
+          _source_nodeStatus: sourceNodeResult.nodeStatus,
+          _target_nodeStatus: targetNodeResult.nodeStatus
         })
       });
       return _objectSpread(_objectSpread({}, item), {}, {
         animated: false,
         data: _objectSpread(_objectSpread({}, item.data), {}, {
-          _source_node_status: undefined,
-          _target_node_status: undefined
+          _source_nodeStatus: undefined,
+          _target_nodeStatus: undefined
         })
       });
     });
@@ -56,8 +56,8 @@ export var useEdgesInteraction = function useEdgesInteraction() {
       return _objectSpread(_objectSpread({}, item), {}, {
         animated: false,
         data: _objectSpread(_objectSpread({}, item.data), {}, {
-          _source_node_status: undefined,
-          _target_node_status: undefined
+          _source_nodeStatus: undefined,
+          _target_nodeStatus: undefined
         })
       });
     });

package/dist/hooks/use-flow-debug-interaction.js

@@ -10,7 +10,7 @@ export var useFlowDebugInteraction = function useFlowDebugInteraction() {
     hiddenEdgeStatus = _useEdgesInteraction.hiddenEdgeStatus;
   var updateTaskStore = useCallback(function (val) {
     setTaskStore(val);
-    updateEdgeByNodeResults(val.node_results);
+    updateEdgeByNodeResults(val.nodeResults);
   }, [setTaskStore, updateEdgeByNodeResults]);
   var clearTaskStore = useCallback(function () {
     setTaskStore(void 0);

package/dist/hooks/use-nodes-interaction.js

@@ -534,10 +534,10 @@ export var useNodesInteraction = function useNodesInteraction() {
             }
             sourceHandle = _newNode.id;
             if (_newNode.type === 'Classifier') {
-              sourceHandle = "".concat(_newNode.id, "_").concat(_newNode.data.node_param.conditions[0].id);
+              sourceHandle = "".concat(_newNode.id, "_").concat(_newNode.data.nodeParam.conditions[0].id);
             }
             if (_newNode.type === 'Judge') {
-              sourceHandle = "".concat(_newNode.id, "_").concat(_newNode.data.node_param.branches[0].id);
+              sourceHandle = "".concat(_newNode.id, "_").concat(_newNode.data.nodeParam.branches[0].id);
             }
             newEdges.push(generateEdge({
               source: source.id,

package/dist/hooks/use-nodes-output-params.js

@@ -181,11 +181,11 @@ export var useNodesOutputParams = function useNodesOutputParams() {
     var options = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : {};
     var outputParams = [];
     Object.keys(nodesMap).forEach(function (nodeId) {
-      var _node$data$output_par;
+      var _node$data$outputPara;
       var node = nodesMap[nodeId];
-      if (((_node$data$output_par = node.data.output_params) === null || _node$data$output_par === void 0 ? void 0 : _node$data$output_par.length) > 0) {
+      if (((_node$data$outputPara = node.data.outputParams) === null || _node$data$outputPara === void 0 ? void 0 : _node$data$outputPara.length) > 0) {
         var varItems = buildOutputParamsTree(_objectSpread({
-          outputParams: node.data.output_params,
+          outputParams: node.data.outputParams,
           nodeId: nodeId
         }, options));
         if (varItems.length > 0) {
@@ -213,8 +213,8 @@ export var useNodesOutputParams = function useNodesOutputParams() {
         value: '${sys.query}',
         type: 'String'
       }, {
-        label: 'history_list',
-        value: '${sys.history_list}',
+        label: 'historyList',
+        value: '${sys.historyList}',
         type: 'Array<String>'
       }]
     }];

package/dist/hooks/use-work-flow.js

@@ -12,10 +12,10 @@ export var useNodesReadOnly = function useNodesReadOnly() {
   var getNodesReadOnly = useCallback(function () {
     var _workflowStore$getSta = workflowStore.getState(),
       taskStore = _workflowStore$getSta.taskStore;
-    return [WorkflowRunningStatus.Running, WorkflowRunningStatus.Paused].includes((taskStore === null || taskStore === void 0 ? void 0 : taskStore.task_status) || '') || readyOnly;
+    return [WorkflowRunningStatus.Running, WorkflowRunningStatus.Paused].includes((taskStore === null || taskStore === void 0 ? void 0 : taskStore.taskStatus) || '') || readyOnly;
   }, [workflowStore, readyOnly]);
   return {
-    nodesReadOnly: [WorkflowRunningStatus.Running, WorkflowRunningStatus.Paused].includes((taskStore === null || taskStore === void 0 ? void 0 : taskStore.task_status) || '') || readyOnly,
+    nodesReadOnly: [WorkflowRunningStatus.Running, WorkflowRunningStatus.Paused].includes((taskStore === null || taskStore === void 0 ? void 0 : taskStore.taskStatus) || '') || readyOnly,
     getNodesReadOnly: getNodesReadOnly
   };
 };

package/dist/index.d.ts

@@ -7,7 +7,7 @@ export { default as CodeInput } from './components/code-input';
 export { operatorLabelRender } from './components/condition-item';
 export { default as SourceHandle } from './components/custom-handle/source-handle';
 export { default as TargetHandle } from './components/custom-handle/target-handle';
-export { default as CustomInputsControl, VALUE_FROM_OPTIONS, VariableFormComp, VariableSelector, variableFromLabelRender, } from './components/custom-inputs-control';
+export { default as CustomInputsControl, valueFrom_OPTIONS, VariableFormComp, VariableSelector, variableFromLabelRender, } from './components/custom-inputs-control';
 export * from './components/custom-outputs-form';
 export { default as DraggableWithHandle } from './components/draggable-with-handle';
 export { default as DragPanel } from './components/drag-panel';

package/dist/index.js

@@ -6,7 +6,7 @@ export { default as CodeInput } from "./components/code-input";
 export { operatorLabelRender } from "./components/condition-item";
 export { default as SourceHandle } from "./components/custom-handle/source-handle";
 export { default as TargetHandle } from "./components/custom-handle/target-handle";
-export { default as CustomInputsControl, VALUE_FROM_OPTIONS, VariableFormComp, VariableSelector, variableFromLabelRender } from "./components/custom-inputs-control";
+export { default as CustomInputsControl, valueFrom_OPTIONS, VariableFormComp, VariableSelector, variableFromLabelRender } from "./components/custom-inputs-control";
 export * from "./components/custom-outputs-form";
 export { default as DraggableWithHandle } from "./components/draggable-with-handle";
 export { default as DragPanel } from "./components/drag-panel";

package/dist/types/work-flow.d.ts

@@ -45,8 +45,8 @@ export interface IPointItem {
 }
 export interface IEdgeData {
     _hover?: boolean;
-    _source_node_status?: IWorkFlowStatus;
-    _target_node_status?: IWorkFlowStatus;
+    _source_nodeStatus?: IWorkFlowStatus;
+    _target_nodeStatus?: IWorkFlowStatus;
 }
 export interface INodeDataOutputParamItem {
     id?: string;
@@ -54,7 +54,7 @@ export interface INodeDataOutputParamItem {
     type?: IValueType;
     desc?: string;
     required?: boolean;
-    value_from?: 'refer' | 'input' | 'clear';
+    valueFrom?: 'refer' | 'input' | 'clear';
     properties?: INodeDataOutputParamItem[];
 }
 export interface INodeDataInputParamItem {
@@ -62,15 +62,15 @@ export interface INodeDataInputParamItem {
     key: string;
     type?: IValueType;
     value?: string;
-    value_from?: 'refer' | 'input' | 'clear';
+    valueFrom?: 'refer' | 'input' | 'clear';
     /** Whether the parameter is required */
     required?: boolean;
 }
 export type IWorkFlowNodeData<T = any> = {
     label: string;
-    input_params: INodeDataInputParamItem[];
-    output_params: INodeDataOutputParamItem[];
-    node_param: T;
+    inputParams: INodeDataInputParamItem[];
+    outputParams: INodeDataOutputParamItem[];
+    nodeParam: T;
     desc?: string;
 };
 export interface IConditionItem {
@@ -85,10 +85,10 @@ export interface IBranchItem {
     conditions?: IConditionItem[];
 }
 export interface ICheckListItem {
-    node_id: string;
-    node_type: string;
-    node_name: string;
-    error_msgs: {
+    nodeId: string;
+    nodeType: string;
+    nodeName: string;
+    errorMsgs: {
         label: string;
         error: string;
     }[];
@@ -112,12 +112,12 @@ export interface IUserInputItem {
     required?: boolean;
 }
 export interface IWorkFlowTaskResultItem {
-    node_type: string;
-    node_name: string;
-    node_id: string;
+    nodeType: string;
+    nodeName: string;
+    nodeId: string;
     node_content: string | IUserInputItem[];
-    node_status: IWorkFlowStatus;
-    parent_node_id?: string;
+    nodeStatus: IWorkFlowStatus;
+    parent_nodeId?: string;
 }
 export interface IWorkFlowNodeResultItem {
     is_batch: boolean;
@@ -128,23 +128,23 @@ export interface IWorkFlowNodeResultItem {
     input?: string;
     output?: string;
     usages?: {
-        prompt_tokens: number;
-        completion_tokens: number;
+        promptTokens: number;
+        completionTokens: number;
         total_tokens: number;
     }[];
     batches: IWorkFlowNodeResultItem[];
     is_multi_branch: boolean;
     multi_branch_results?: {
-        condition_id: string;
-        target_ids: string[];
+        conditionId: string;
+        targetIds: string[];
     }[];
-    node_id: string;
-    node_name: string;
-    node_type: string;
-    node_status: IWorkFlowStatus;
-    parent_node_id?: string;
+    nodeId: string;
+    nodeName: string;
+    nodeType: string;
+    nodeStatus: IWorkFlowStatus;
+    parent_nodeId?: string;
     output_type: 'json' | 'text';
-    node_exec_time: string;
+    nodeExecTime: string;
     try_catch?: {
         happened: boolean;
         strategy: string;
@@ -173,16 +173,16 @@ export interface IWorkFlowNodeResultItem {
             };
         }[];
     };
-    error_info?: string;
+    errorInfo?: string;
 }
 export interface IWorkFlowTaskProcess {
     task_id: string;
     conversation_id?: string;
-    request_id: string;
-    task_status: IWorkFlowStatus;
+    requestId: string;
+    taskStatus: IWorkFlowStatus;
     task_results: IWorkFlowTaskResultItem[];
     error_code?: string;
-    error_info?: string;
-    task_exec_time: string;
-    node_results: IWorkFlowNodeResultItem[];
+    errorInfo?: string;
+    taskExecTime: string;
+    nodeResults: IWorkFlowNodeResultItem[];
 }

package/dist/utils/index.js

@@ -205,9 +205,9 @@ export var layoutFlow = /*#__PURE__*/function () {
   };
 }();
 export var getParentInputParams = function getParentInputParams(node) {
-  var input_params = node.data.input_params;
+  var inputParams = node.data.inputParams;
   var list = [];
-  input_params.forEach(function (item) {
+  inputParams.forEach(function (item) {
     var _item$type;
     if ((_item$type = item.type) !== null && _item$type !== void 0 && _item$type.includes('Array') && !!item.value) {
       var arrayType = item.type.replace(/^Array<(.+)>$/, '$1');

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@agentscope-ai/flow",
-  "version": "0.0.1",
+  "version": "0.0.2",
   "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",