@agentscope-ai/flow 0.0.21 → 0.0.23

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

@@ -134,7 +134,15 @@ export var VariableSelector = /*#__PURE__*/memo(function (props) {
       nodeType: targetNode.nodeType
     };
   }, [props.value, markedVariableList]);
-  return /*#__PURE__*/React.createElement(VariableTreeSelect, {
+  return /*#__PURE__*/React.createElement("div", {
+    className: "spark-flow-variable-select-wrapper",
+    onClickCapture: function onClickCapture(e) {
+      var _e$target;
+      if ((_e$target = e.target) !== null && _e$target !== void 0 && _e$target.closest('[class*="-select-clear"]')) {
+        e.stopPropagation();
+      }
+    }
+  }, /*#__PURE__*/React.createElement(VariableTreeSelect, {
     onChange: function onChange(val) {
       props.onChange({
         value: val.value,
@@ -159,11 +167,20 @@ export var VariableSelector = /*#__PURE__*/memo(function (props) {
     className: classNames('w-full', 'spark-flow-variable-select'),
     open: false,
     value: !props.value.value ? undefined : props.value.value,
+    onChange: function onChange(next) {
+      if (next === undefined || next === null || next === '') {
+        props.onChange({
+          value: '',
+          type: props.value.type
+        });
+      }
+    },
     prefix: props.prefix ? /*#__PURE__*/React.createElement(VarTypePrefix, {
       prefix: props.prefix
     }) : undefined,
-    variant: props.variant
-  }));
+    variant: props.variant,
+    allowClear: true
+  })));
 });
 export var VariableFormComp = /*#__PURE__*/memo(function (props) {
   if (props.data.valueFrom === 'clear') return /*#__PURE__*/React.createElement(Input, {

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

@@ -1,5 +1,10 @@
 @import '../../index.less';
 
+.spark-flow-variable-select-wrapper {
+  flex: 1;
+  min-width: 0;
+}
+
 .spark-flow-variable-select {
   .@{ant-prefix}-popover-content {
     max-height: 300px;

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

@@ -236,6 +236,7 @@ export var CustomOutputsForm = /*#__PURE__*/memo(function (_ref) {
       className: "spark-flow-inputs-form-item flex gap-[8px] align-center"
     }, /*#__PURE__*/React.createElement(Form.Item, {
       name: "var_".concat(index),
+      className: "spark-flow-variable-name-item",
       style: {
         flex: 1,
         marginBottom: 0

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

@@ -33,7 +33,7 @@
 }
 
 .spark-flow-inputs-form-item {
-  height: 32px;
+  min-height: 32px;
   .ant-select-sm .ant-select-selector,
   .ant-input-sm {
     font-size: 12px;
@@ -41,6 +41,28 @@
   }
 }
 
+.spark-flow-variable-name-item {
+  min-width: 0;
+
+  .@{ant-prefix}-form-item-control,
+  .@{ant-prefix}-form-item-control-input,
+  .@{ant-prefix}-form-item-control-input-content {
+    min-width: 0;
+  }
+
+  .@{ant-prefix}-form-item-explain {
+    width: 100%;
+    max-width: 100%;
+    margin: 0;
+  }
+
+  .@{ant-prefix}-form-item-explain-error {
+    white-space: normal;
+    word-break: break-word;
+    line-height: 1.4;
+  }
+}
+
 .spark-flow-variable-type-select {
   .@{ant-prefix}-cascader-dropdown .@{ant-prefix}-cascader-menu {
     height: auto;

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/package.json

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

package/dist/components/custom-connection-line/index.d.ts

@@ -1,4 +0,0 @@
-import { ConnectionLineComponentProps } from '@xyflow/react';
-import React from 'react';
-declare const _default: React.NamedExoticComponent<ConnectionLineComponentProps>;
-export default _default;

package/dist/components/custom-handle/target-handle.d.ts

@@ -1,6 +0,0 @@
-import React from 'react';
-interface IProps {
-    handleId: string;
-}
-export default function TargetHandle(props: IProps): React.JSX.Element;
-export {};

package/dist/components/drag-panel/index.d.ts

@@ -1,10 +0,0 @@
-import React from 'react';
-import './index.less';
-interface DragPanelProps {
-    maxWidth: number;
-    minWidth: number;
-    children?: React.ReactNode;
-    defaultWidth?: number;
-}
-declare const DragPanel: React.FC<DragPanelProps>;
-export default DragPanel;

package/dist/components/draggable-with-handle/index.d.ts

@@ -1,13 +0,0 @@
-import React, { ReactNode } from 'react';
-import './index.less';
-interface DraggableWithHandleProps<T> {
-    items: T[];
-    onChange: (items: T[]) => void;
-    renderItem: (item: T, dragHandleProps: ReactNode) => ReactNode;
-    getItemId: (item: T) => string;
-    dragIcon?: ReactNode;
-    className?: string;
-    disabled?: boolean;
-}
-export declare function DraggableWithHandle<T>({ items, onChange, renderItem, getItemId, dragIcon, className, disabled, }: DraggableWithHandleProps<T>): React.JSX.Element;
-export default DraggableWithHandle;

package/dist/components/flow-base-edge/linear-gradient-svg.d.ts

@@ -1,21 +0,0 @@
-import React from 'react';
-import './index.less';
-export type ILinearGradientSvgProps = {
-    id: string;
-    startColor: string;
-    stopColor: string;
-    position: {
-        sourceX: number;
-        sourceY: number;
-        targetX: number;
-        targetY: number;
-    };
-    colorList: Array<{
-        color: string;
-        opacity?: number;
-        offset: number;
-    }>;
-    animated?: boolean;
-};
-declare const _default: React.MemoExoticComponent<({ id, position, colorList, animated, }: ILinearGradientSvgProps) => React.JSX.Element>;
-export default _default;

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

@@ -1,9 +0,0 @@
-import React from 'react';
-import './index.less';
-interface IFlowPanel {
-    children?: React.ReactNode[] | React.ReactNode;
-    className?: string;
-    style?: React.CSSProperties;
-}
-declare const _default: React.NamedExoticComponent<IFlowPanel>;
-export default _default;

package/dist/components/flow-panel/panel-container.d.ts

@@ -1,12 +0,0 @@
-import React from 'react';
-interface IPanelContainerProps {
-    title?: React.ReactNode;
-    right?: React.ReactNode;
-    children: React.ReactNode;
-    onClose?: () => void;
-    noPadding?: boolean;
-    hiddenRight?: boolean;
-    headerBottom?: React.ReactNode;
-}
-declare const _default: React.NamedExoticComponent<IPanelContainerProps>;
-export default _default;

package/dist/components/select-with-desc/index.d.ts

@@ -1,5 +0,0 @@
-import { SelectProps } from '@agentscope-ai/design';
-import React from 'react';
-import './index.less';
-declare const _default: React.NamedExoticComponent<SelectProps<any, import("antd/es/select").DefaultOptionType>>;
-export default _default;

package/dist/components/var-type-prefix/index.d.ts

@@ -1,17 +0,0 @@
-import React from 'react';
-export declare const typeAbbr: {
-    'Array<Object>': string;
-    'Array<File>': string;
-    'Array<String>': string;
-    'Array<Number>': string;
-    'Array<Boolean>': string;
-    Object: string;
-    File: string;
-    String: string;
-    Number: string;
-    Boolean: string;
-};
-declare const _default: React.NamedExoticComponent<{
-    prefix?: string | undefined;
-}>;
-export default _default;

package/dist/i18n/i18n.d.ts

@@ -1,62 +0,0 @@
-interface I18nVariables {
-    [key: string]: any;
-}
-interface IMultiLangMap {
-    [key: string]: {
-        [key: string]: string;
-    };
-}
-type TLanguage = 'en' | 'zh' | 'ja' | string;
-/**
- * Internationalization (i18n) utility class
- * Handles language management and string translations
- */
-export default class I18N {
-    multiLangMap: IMultiLangMap;
-    language: TLanguage;
-    /**
-     * Initialize I18N instance with multi-language map
-     * @param config Configuration object containing multiLangMap
-     */
-    constructor({ multiLangMap }: {
-        multiLangMap: IMultiLangMap;
-    });
-    /**
-     * Convert value to string with fallback
-     * @param value Input value to convert
-     * @param defaultValue Fallback value if conversion fails
-     * @returns String representation of the value
-     */
-    toString: (value: any, defaultValue: string) => any;
-    /**
-     * Set current application language
-     * @param language Language code to set ('en' or 'zh')
-     */
-    setCurrentLanguage(language: TLanguage): void;
-    /**
-     * Get current application language
-     * @returns Current language code
-     */
-    getCurrentLanguage(): string;
-    /**
-     * Format translation string with variables
-     * @param idObj Translation ID or object containing ID and default message
-     * @param variables Variables to interpolate into the translation
-     * @returns Formatted translation string
-     */
-    format: (idObj: string | {
-        id: string;
-        dm: string;
-    }, variables: I18nVariables) => string;
-    /**
-     * Get translation for given ID
-     * @param id Translation ID or object containing ID and default message
-     * @param variables Optional variables to interpolate
-     * @returns Translated string
-     */
-    get(id: string | {
-        id: string;
-        dm: string;
-    }, variable?: I18nVariables): string;
-}
-export {};

package/dist/i18n/index.d.ts

@@ -1,3 +0,0 @@
-import I18N from './i18n';
-declare const _default: I18N;
-export default _default;

package/dist/utils/unique-id.d.ts

@@ -1,2 +0,0 @@
-export declare function setUniqueIdStrategy(strategy: 'incremental' | 'random'): void;
-export default function uniqueId(length: number): string;