pref(nodeEditor): 应用节点实例增加未运行状态下禁用选择

src/components/FlowEditor/nodeEditors/BasicNodeEditor.tsx

@@ -6,6 +6,8 @@ import { IconUnorderedList } from '@arco-design/web-react/icon';
 import ParamsTable from '@/components/FlowEditor/nodeEditors/components/ParamsTable';
 import { queryInstance } from '@/api/components';
 
+const Option = Select.Option;
+
 const BasicNodeEditor: React.FC<NodeEditorProps> = ({
                                                       node,
                                                       nodeData,
@@ -84,9 +86,12 @@ const BasicNodeEditor: React.FC<NodeEditorProps> = ({
       const newOptions = res.data.map((item: any) => {
         return {
           label: item.identifier,
-          value: item.identifier
+          value: item.identifier,
+          runStatus: item.runStatus,
+          runType: item.runType
         };
       });
+      console.log('newOptions:', newOptions);
       setOptions(newOptions);
     }
   };
@@ -125,7 +130,7 @@ const BasicNodeEditor: React.FC<NodeEditorProps> = ({
         <span>组件描述：</span>
         <div>{currentCompInfo?.description}</div>
       </div>
-      <Form.Item label="节点类型">
+      <Form.Item label="运行实例（非运行中的实例无法选择）">
         <Select
           value={nodeData?.component?.compIdentifier || ''}
           onChange={(value) => {
@@ -135,8 +140,13 @@ const BasicNodeEditor: React.FC<NodeEditorProps> = ({
               compInstanceIdentifier: value
             });
           }}
-          options={options}
+        >
-        />
+          {options.map((option, index) => (
+            <Option key={option.id} value={option.value} disabled={option.runType === 0}>
+              {option.value}
+            </Option>
+          ))}
+        </Select>
       </Form.Item>
       <Typography.Title heading={5}><IconUnorderedList style={{ marginRight: 5 }} />输入参数</Typography.Title>
       <ParamsTable