feat(web): iteration add output_type ;

docs(web): add comments

web/src/views/Workflow/components/Properties/VariableSelect.tsx

@@ -1,18 +1,36 @@
+/*
+ * @Author: ZhaoYing 
+ * @Date: 2026-02-03 15:40:13 
+ * @Last Modified by:   ZhaoYing 
+ * @Last Modified time: 2026-02-03 15:40:13 
+ */
 import { type FC } from 'react'
 import clsx from 'clsx';
 import { Select, type SelectProps } from 'antd'
 import type { Suggestion } from '../Editor/plugin/AutocompletePlugin'
 type LabelRender = SelectProps['labelRender'];
 
+/**
+ * Props for VariableSelect component
+ */
 interface VariableSelectProps extends SelectProps {
+  /** Available variable options */
   options: Suggestion[];
+  /** Current selected value */
   value?: string;
-  onChange?: (value: string) => void;
+  /** Whether to show clear button */
   allowClear?: boolean;
+  /** Filter out boolean type variables */
   filterBooleanType?: boolean;
+  /** Size of the select component */
   size?: 'small' | 'middle' | 'large'
 }
 
+/**
+ * VariableSelect component
+ * Custom select component for workflow variables with grouped options and custom rendering
+ * @param props - Component props
+ */
 const VariableSelect: FC<VariableSelectProps> = ({
   placeholder,
   options,
@@ -24,9 +42,19 @@ const VariableSelect: FC<VariableSelectProps> = ({
   ...resetPorps
 }) => {
 
-  const handleChange = (value: string) => {
-    onChange?.(value);
+  /**
+   * Handle value change and pass selected option to parent
+   * @param value - Selected value
+   */
+  const handleChange: SelectProps['onChange'] = (value: string) => {
+    const filterItem = options.find(option => `{{${option.value}}}` === value)
+    onChange?.(value, filterItem);
   }
+  /**
+   * Custom label renderer for selected value
+   * Displays node icon, name and variable label
+   * @param props - Label render props
+   */
   const labelRender: LabelRender = (props) => {
     const { value } = props
     const filterOption = filteredOptions.find(vo => `{{${vo.value}}}` === value)
@@ -57,10 +85,14 @@ const VariableSelect: FC<VariableSelectProps> = ({
     }
     return null
   }
+  // Filter options based on boolean type if needed
   const filteredOptions = filterBooleanType 
     ? options.filter(option => option.dataType !== 'boolean')
     : options;
 
+  /**
+   * Group suggestions by node ID
+   */
   const groupedSuggestions = filteredOptions.reduce((groups: Record<string, any[]>, suggestion) => {
     const { nodeData } = suggestion
     const nodeId = nodeData.id as string;
@@ -71,6 +103,9 @@ const VariableSelect: FC<VariableSelectProps> = ({
     return groups;
   }, {});
 
+  /**
+   * Format grouped options for Select component
+   */
   const groupedOptions = Object.entries(groupedSuggestions).map(([_nodeId, suggestions]) => ({
     label: suggestions[0].nodeData.name,
     options: suggestions.map(s => ({