@agentscope-ai/flow 0.0.10 → 0.0.12

package/dist/components/base-node/index.d.ts

@@ -10,6 +10,9 @@ interface IProps extends NodeProps<IWorkFlowNode> {
     disableAction?: boolean;
     className?: string;
     hasFailBranch?: boolean;
+    slots?: {
+        afterLabel?: React.ReactNode;
+    };
 }
 export declare const NodeStatusIcon: React.MemoExoticComponent<({ status }: {
     status: IWorkFlowStatus;

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

@@ -64,6 +64,7 @@ export var NodeStatusIcon = /*#__PURE__*/memo(function (_ref) {
   });
 });
 function BaseNode(props) {
+  var _props$slots;
   var containerRef = useRef(null);
   var taskStore = useStore(function (store) {
     return store.taskStore;
@@ -179,7 +180,7 @@ function BaseNode(props) {
       tooltip: true
     },
     className: "spark-flow-node-label flex-1 w-1"
-  }, props.data.label)), !!nodeResult && showResults ? /*#__PURE__*/React.createElement(NodeStatusIcon, {
+  }, props.data.label), !!((_props$slots = props.slots) !== null && _props$slots !== void 0 && _props$slots.afterLabel) && props.slots.afterLabel), !!nodeResult && showResults ? /*#__PURE__*/React.createElement(NodeStatusIcon, {
     status: nodeResult.nodeStatus
   }) : props.disableAction ? null : /*#__PURE__*/React.createElement("div", {
     onClick: function onClick(e) {
@@ -278,11 +279,19 @@ export var GroupNode = /*#__PURE__*/memo(function (props) {
   var _useNodesInteraction2 = useNodesInteraction(),
     onAddNewNode = _useNodesInteraction2.onAddNewNode;
   var onDrop = function onDrop(event) {
+    var _event$dataTransfer;
     setHovered(false);
     setIsDragging(false);
     event.preventDefault();
     event.stopPropagation();
-    var type = event.dataTransfer.getData('application/reactflow');
+    // 兼容某些 Windows Chrome 版本 dataTransfer 可能为 undefined 的情况
+    if (!event.dataTransfer) {
+      message.warning($i18n.get({
+        id: 'spark-flow.components.BaseNode.index.browserDragNotSupported',
+        dm: '当前浏览器不支持完整的拖拽功能，请尝试：1. 升级到最新的chrome浏览器；2. 使用浏览器的匿名模式 3. 使用其他浏览器，如：edge；'
+      }));
+    }
+    var type = (_event$dataTransfer = event.dataTransfer) === null || _event$dataTransfer === void 0 ? void 0 : _event$dataTransfer.getData('application/reactflow');
     if (typeof type === 'undefined' || !type) {
       return;
     }

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

@@ -12,8 +12,12 @@ function _nonIterableSpread() { throw new TypeError("Invalid attempt to spread n
 function _iterableToArray(iter) { if (typeof Symbol !== "undefined" && iter[Symbol.iterator] != null || iter["@@iterator"] != null) return Array.from(iter); }
 function _arrayWithoutHoles(arr) { if (Array.isArray(arr)) return _arrayLikeToArray(arr); }
 function _createForOfIteratorHelper(o, allowArrayLike) { var it = typeof Symbol !== "undefined" && o[Symbol.iterator] || o["@@iterator"]; if (!it) { if (Array.isArray(o) || (it = _unsupportedIterableToArray(o)) || allowArrayLike && o && typeof o.length === "number") { if (it) o = it; var i = 0; var F = function F() {}; return { s: F, n: function n() { if (i >= o.length) return { done: true }; return { done: false, value: o[i++] }; }, e: function e(_e) { throw _e; }, f: F }; } throw new TypeError("Invalid attempt to iterate non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method."); } var normalCompletion = true, didErr = false, err; return { s: function s() { it = it.call(o); }, n: function n() { var step = it.next(); normalCompletion = step.done; return step; }, e: function e(_e2) { didErr = true; err = _e2; }, f: function f() { try { if (!normalCompletion && it.return != null) it.return(); } finally { if (didErr) throw err; } } }; }
+function _slicedToArray(arr, i) { return _arrayWithHoles(arr) || _iterableToArrayLimit(arr, i) || _unsupportedIterableToArray(arr, i) || _nonIterableRest(); }
+function _nonIterableRest() { throw new TypeError("Invalid attempt to destructure non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method."); }
 function _unsupportedIterableToArray(o, minLen) { if (!o) return; if (typeof o === "string") return _arrayLikeToArray(o, minLen); var n = Object.prototype.toString.call(o).slice(8, -1); if (n === "Object" && o.constructor) n = o.constructor.name; if (n === "Map" || n === "Set") return Array.from(o); if (n === "Arguments" || /^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n)) return _arrayLikeToArray(o, minLen); }
 function _arrayLikeToArray(arr, len) { if (len == null || len > arr.length) len = arr.length; for (var i = 0, arr2 = new Array(len); i < len; i++) arr2[i] = arr[i]; return arr2; }
+function _iterableToArrayLimit(r, l) { var t = null == r ? null : "undefined" != typeof Symbol && r[Symbol.iterator] || r["@@iterator"]; if (null != t) { var e, n, i, u, a = [], f = !0, o = !1; try { if (i = (t = t.call(r)).next, 0 === l) { if (Object(t) !== t) return; f = !1; } else for (; !(f = (e = i.call(t)).done) && (a.push(e.value), a.length !== l); f = !0); } catch (r) { o = !0, n = r; } finally { try { if (!f && null != t.return && (u = t.return(), Object(u) !== u)) return; } finally { if (o) throw n; } } return a; } }
+function _arrayWithHoles(arr) { if (Array.isArray(arr)) return arr; }
 import { ITERATION_PADDING, NEW_NODE_PADDING } from "../constant";
 import { useStore } from "../flow/context";
 import $i18n from "../i18n";
@@ -25,6 +29,9 @@ import { useCallback } from 'react';
 import { useFlowInteraction } from "./use-flow-interaction";
 import { useFlowSave } from "./use-flow-save";
 export var useNodesInteraction = function useNodesInteraction() {
+  var _message$useMessage = message.useMessage(),
+    _message$useMessage2 = _slicedToArray(_message$useMessage, 1),
+    messageApi = _message$useMessage2[0];
   var _useFlowSave = useFlowSave(),
     handleSaveFlowDraft = _useFlowSave.handleSaveFlowDraft;
   var store = useStoreApi();
@@ -318,9 +325,17 @@ export var useNodesInteraction = function useNodesInteraction() {
     };
   }(), [store, handleSaveFlowDraft, nodeSchemaMap, onAddCustomNode, addNewNodeCallback]);
   var onDrop = useCallback(function (event, parentId) {
+    var _event$dataTransfer;
     setIsDragging(false);
     event.preventDefault();
-    var type = event.dataTransfer.getData('application/reactflow');
+    // 兼容某些 Windows Chrome 版本 dataTransfer 可能为 undefined 的情况
+    if (!event.dataTransfer) {
+      messageApi.warning($i18n.get({
+        id: 'spark-flow.hooks.useNodesInteraction.browserDragNotSupported',
+        dm: '当前浏览器不支持完整的拖拽功能，请尝试：1. 升级到最新的chrome浏览器；2. 使用浏览器的匿名模式 3. 使用其他浏览器，如：edge；'
+      }));
+    }
+    var type = (_event$dataTransfer = event.dataTransfer) === null || _event$dataTransfer === void 0 ? void 0 : _event$dataTransfer.getData('application/reactflow');
     if (typeof type === 'undefined' || !type) {
       return;
     }
@@ -334,7 +349,10 @@ export var useNodesInteraction = function useNodesInteraction() {
   }, [onAddNewNode]);
   var onDragOver = useCallback(function (event) {
     event.preventDefault();
-    event.dataTransfer.dropEffect = 'move';
+    // 兼容某些 Windows Chrome 版本 dataTransfer 可能为 undefined 的情况
+    if (event.dataTransfer) {
+      event.dataTransfer.dropEffect = 'move';
+    }
   }, []);
   var handleSelectNode = useCallback(function (nodeId) {
     var _store$getState4 = store.getState(),

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

@@ -5,6 +5,7 @@
   "spark-flow.components.BaseNode.index.debug": "Debug",
   "spark-flow.components.BaseNode.index.whenError": "when errors occurred",
   "spark-flow.components.BaseNode.index.errorBranch": "Error branch",
+  "spark-flow.components.BaseNode.index.browserDragNotSupported": "Your browser does not fully support drag and drop. Please try: 1. Upgrade to the latest Chrome browser; 2. Use the browser's incognito mode; 3. Use another browser, such as Edge.",
   "spark-flow.components.CheckListBtn.index.checklistVar1": "Checklist · {var1}",
   "spark-flow.components.CheckListBtn.index.allResolved": "All items in the checklist have been resolved",
   "spark-flow.components.CodeInput.index.arrayEmpty": "Array(Empty)",
@@ -294,6 +295,7 @@
   "spark-flow.hooks.useNodesInteraction.nodeCannotBeAddedToGroup": "This node cannot be added to the sub canvas",
   "spark-flow.hooks.useNodesInteraction.nodeCannotBeAddedToGroupWithNodeType": "This node cannot be added to the sub canvas with this node type",
   "spark-flow.hooks.useNodesInteraction.copySuccess": "Successful",
+  "spark-flow.hooks.useNodesInteraction.browserDragNotSupported": "Your browser does not fully support drag and drop. Please try: 1. Upgrade to the latest Chrome browser; 2. Use the browser's incognito mode; 3. Use another browser, such as Edge.",
   "spark-flow.hooks.useNodesOutputParams.builtinVariable": "Built-in Variable",
   "spark-flow.components.CodeInput.index.jsonEdit": "Json edit",
   "spark-flow.demos.spark-flow-1.components.WorkFlowHeader.index.clear": "Clear",

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

@@ -5,6 +5,7 @@
     "spark-flow.components.BaseNode.index.debug": "デバッグ",
     "spark-flow.components.BaseNode.index.whenError": "エラー発生時",
     "spark-flow.components.BaseNode.index.errorBranch": "エラーブランチ",
+    "spark-flow.components.BaseNode.index.browserDragNotSupported": "現在のブラウザはドラッグ＆ドロップを完全にサポートしていません。次の方法をお試しください：1. 最新のChromeブラウザにアップグレードする；2. ブラウザのシークレットモードを使用する；3. Edgeなど他のブラウザを使用する。",
     "spark-flow.components.CheckListBtn.index.checklistVar1": "チェックリスト · {var1}",
     "spark-flow.components.CheckListBtn.index.allResolved": "すべてのチェックリスト項目が解決されました",
     "spark-flow.components.CodeInput.index.arrayEmpty": "Array(空の配列)",
@@ -294,6 +295,7 @@
     "spark-flow.hooks.useNodesInteraction.nodeCannotBeAddedToGroup": "このノードはサブキャンバスに追加できません",
     "spark-flow.hooks.useNodesInteraction.nodeCannotBeAddedToGroupWithNodeType": "このノードはこのサブキャンバスに追加できません",
     "spark-flow.hooks.useNodesInteraction.copySuccess": "コピー成功",
+    "spark-flow.hooks.useNodesInteraction.browserDragNotSupported": "現在のブラウザはドラッグ＆ドロップを完全にサポートしていません。次の方法をお試しください：1. 最新のChromeブラウザにアップグレードする；2. ブラウザのシークレットモードを使用する；3. Edgeなど他のブラウザを使用する。",
     "spark-flow.hooks.useNodesOutputParams.builtinVariable": "組み込み変数",
     "spark-flow.components.CodeInput.index.jsonEdit": "JSON編集",
     "spark-flow.demos.spark-flow-1.components.WorkFlowHeader.index.clear": "クリア"

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

@@ -5,6 +5,7 @@
   "spark-flow.components.BaseNode.index.debug": "调试",
   "spark-flow.components.BaseNode.index.whenError": "当异常时",
   "spark-flow.components.BaseNode.index.errorBranch": "异常分支",
+  "spark-flow.components.BaseNode.index.browserDragNotSupported": "当前浏览器不支持完整的拖拽功能，请尝试：1. 升级到最新的chrome浏览器；2. 使用浏览器的匿名模式 3. 使用其他浏览器，如：edge；",
   "spark-flow.components.CheckListBtn.index.checklistVar1": "检查清单 · {var1}",
   "spark-flow.components.CheckListBtn.index.allResolved": "所有清单项已解决",
   "spark-flow.components.CodeInput.index.arrayEmpty": "Array(空数组)",
@@ -294,6 +295,7 @@
   "spark-flow.hooks.useNodesInteraction.nodeCannotBeAddedToGroup": "该节点不能添加到子画布中",
   "spark-flow.hooks.useNodesInteraction.nodeCannotBeAddedToGroupWithNodeType": "该节点不能添加到该类型的子画布中",
   "spark-flow.hooks.useNodesInteraction.copySuccess": "复制成功",
+  "spark-flow.hooks.useNodesInteraction.browserDragNotSupported": "当前浏览器不支持完整的拖拽功能，请尝试：1. 升级到最新的chrome浏览器；2. 使用浏览器的匿名模式 3. 使用其他浏览器，如：edge；",
   "spark-flow.hooks.useNodesOutputParams.builtinVariable": "内置变量",
   "spark-flow.components.CodeInput.index.jsonEdit": "JSON编辑",
   "spark-flow.demos.spark-flow-1.components.WorkFlowHeader.index.clear": "清除",

package/package.json

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