@agentscope-ai/flow 0.0.18 → 0.0.20

package/dist/components/custom-outputs-form/index.less

@@ -33,6 +33,7 @@
 }
 
 .spark-flow-inputs-form-item {
+  height: 32px;
   .ant-select-sm .ant-select-selector,
   .ant-input-sm {
     font-size: 12px;

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?: "default" | "small" | undefined;
+    size?: "small" | "default" | undefined;
     showBg?: boolean | undefined;
     noWidth?: boolean | undefined;
 }>;

package/dist/components/variable-input/index.js

@@ -159,7 +159,7 @@ var VariableInput = function VariableInput(_ref2) {
       });
     }
   }), /*#__PURE__*/React.createElement("div", {
-    className: "variable-input-content flex-1 w-[1px]"
+    className: "variable-input-content flex-1 w-[1px] max-h-full"
   }, /*#__PURE__*/React.createElement(VariableBaseInput, {
     disabled: disabled,
     isCompact: true,

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 | Iterable<React.ReactNode> | React.JSX.Element | null | undefined>;
+declare const VariableTreeSelect: React.MemoExoticComponent<(props: IVariableTreeSelectProps) => string | number | boolean | React.JSX.Element | Iterable<React.ReactNode> | null | undefined>;
 export default VariableTreeSelect;

package/dist/hooks/use-flow-interaction.d.ts

@@ -1,4 +1,4 @@
-import { OnSelectionChangeFunc } from '@xyflow/react';
+import { Node, OnSelectionChangeFunc } from '@xyflow/react';
 export declare const useFlowInteraction: () => {
     onSelectionChange: OnSelectionChangeFunc;
     onFlowClearState: (options: {
@@ -9,4 +9,5 @@ export declare const useFlowInteraction: () => {
         nodeId: string;
     }) => void;
     onLayout: () => Promise<void>;
+    setNodes: (payload: Node[] | ((nodes: Node[]) => Node[])) => void;
 };

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

@@ -168,6 +168,7 @@ export var useFlowInteraction = function useFlowInteraction() {
     onFlowClearState: onFlowClearState,
     autoFitView: autoFitView,
     focusElement: focusElement,
-    onLayout: onLayout
+    onLayout: onLayout,
+    setNodes: reactFlow.setNodes
   };
 };

package/dist/index.css

@@ -1 +1 @@
-.flex-justify-between{display:flex;justify-content:space-between;align-items:center}.flex-center,.full-center{display:flex;justify-content:center;align-items:center}.full-center{width:100%;height:100%}.absolute{position:absolute}.relative{position:relative}.bottom-\[16px\]{bottom:16px}.left-\[16px\]{left:16px}.m-0{margin:0}.mx-\[2px\]{margin-left:2px;margin-right:2px}.block{display:block}.flex{display:flex}.inline-flex{display:inline-flex}.size-\[16px\]{width:16px;height:16px}.size-\[24px\]{width:24px;height:24px}.size-\[32px\]{width:32px;height:32px}.size-\[36px\]{width:36px;height:36px}.h-9{height:2.25rem}.h-\[1px\]{height:1px}.h-\[20px\]{height:20px}.h-\[32px\]{height:32px}.h-full{height:100%}.w-0{width:0}.w-1{width:.25rem}.w-\[1px\]{width:1px}.w-full{width:100%}.flex-1{flex:1 1 0%}.flex-shrink-0{flex-shrink:0}.transform{transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.cursor-pointer{cursor:pointer}.flex-col{flex-direction:column}.flex-nowrap{flex-wrap:nowrap}.items-center{align-items:center}.items-stretch{align-items:stretch}.justify-end{justify-content:flex-end}.gap-\[12px\]{gap:12px}.gap-\[16px\]{gap:16px}.gap-\[2px\]{gap:2px}.gap-\[4px\]{gap:4px}.gap-\[8px\]{gap:8px}.self-start{align-self:flex-start}.overflow-y-auto{overflow-y:auto}.rounded-\[6px\]{border-radius:6px}.bg-yellow-200{--tw-bg-opacity:1;background-color:rgb(254 240 138/var(--tw-bg-opacity,1))}.p-\[20px\]{padding:20px}.p-\[4px\]{padding:4px}.p-\[6px\]{padding:6px}.px-\[16px\]{padding-left:16px;padding-right:16px}.px-\[8px\]{padding-left:8px;padding-right:8px}.py-\[4px\]{padding-top:4px;padding-bottom:4px}.py-\[8px\]{padding-top:8px;padding-bottom:8px}.pb-\[16px\]{padding-bottom:16px}.pb-\[8px\]{padding-bottom:8px}.pl-3{padding-left:.75rem}.pl-\[16px\]{padding-left:16px}.pr-\[24px\]{padding-right:24px}.text-\[12px\]{font-size:12px}.text-\[14px\]{font-size:14px}.text-\[20px\]{font-size:20px}.text-\[24px\]{font-size:24px}.text-base{font-size:1rem;line-height:1.5rem}.font-medium{font-weight:500}.filter{filter:var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow)}.transition{transition-property:color,background-color,border-color,text-decoration-color,fill,stroke,opacity,box-shadow,transform,filter,backdrop-filter;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:.15s}
+.flex-justify-between{display:flex;justify-content:space-between;align-items:center}.flex-center,.full-center{display:flex;justify-content:center;align-items:center}.full-center{width:100%;height:100%}.absolute{position:absolute}.relative{position:relative}.bottom-\[16px\]{bottom:16px}.left-\[16px\]{left:16px}.m-0{margin:0}.mx-\[2px\]{margin-left:2px;margin-right:2px}.block{display:block}.flex{display:flex}.inline-flex{display:inline-flex}.size-\[16px\]{width:16px;height:16px}.size-\[24px\]{width:24px;height:24px}.size-\[32px\]{width:32px;height:32px}.size-\[36px\]{width:36px;height:36px}.h-9{height:2.25rem}.h-\[1px\]{height:1px}.h-\[20px\]{height:20px}.h-\[32px\]{height:32px}.h-full{height:100%}.max-h-full{max-height:100%}.w-0{width:0}.w-1{width:.25rem}.w-\[1px\]{width:1px}.w-full{width:100%}.flex-1{flex:1 1 0%}.flex-shrink-0{flex-shrink:0}.transform{transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.cursor-pointer{cursor:pointer}.flex-col{flex-direction:column}.flex-nowrap{flex-wrap:nowrap}.items-center{align-items:center}.items-stretch{align-items:stretch}.justify-end{justify-content:flex-end}.gap-\[12px\]{gap:12px}.gap-\[16px\]{gap:16px}.gap-\[2px\]{gap:2px}.gap-\[4px\]{gap:4px}.gap-\[8px\]{gap:8px}.self-start{align-self:flex-start}.overflow-y-auto{overflow-y:auto}.rounded-\[6px\]{border-radius:6px}.bg-yellow-200{--tw-bg-opacity:1;background-color:rgb(254 240 138/var(--tw-bg-opacity,1))}.p-\[20px\]{padding:20px}.p-\[4px\]{padding:4px}.p-\[6px\]{padding:6px}.px-\[16px\]{padding-left:16px;padding-right:16px}.px-\[8px\]{padding-left:8px;padding-right:8px}.py-\[4px\]{padding-top:4px;padding-bottom:4px}.py-\[8px\]{padding-top:8px;padding-bottom:8px}.pb-\[16px\]{padding-bottom:16px}.pb-\[8px\]{padding-bottom:8px}.pl-3{padding-left:.75rem}.pl-\[16px\]{padding-left:16px}.pr-\[24px\]{padding-right:24px}.text-\[12px\]{font-size:12px}.text-\[14px\]{font-size:14px}.text-\[20px\]{font-size:20px}.text-\[24px\]{font-size:24px}.text-base{font-size:1rem;line-height:1.5rem}.font-medium{font-weight:500}.filter{filter:var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow)}.transition{transition-property:color,background-color,border-color,text-decoration-color,fill,stroke,opacity,box-shadow,transform,filter,backdrop-filter;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:.15s}

package/package.json

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