package.json

@@ -55,8 +55,7 @@
     "react-redux": "^7.2.6",
     "recorder-core": "^1.3.25011100",
     "redux": "^4.1.2",
-    "remark-gfm": "^4.0.1",
+    "remark-gfm": "^4.0.1"
-    "utif": "^3.1.0"
   },
   "devDependencies": {
     "@svgr/webpack": "^5.5.0",
@@ -79,7 +78,6 @@
     "postcss-less": "^5.0.0",
     "prettier": "^2.4.1",
     "pretty-quick": "^3.1.2",
-    "prompts": "^2.4.2",
     "stylelint": "^14.1.0",
     "stylelint-config-prettier": "^9.0.3",
     "stylelint-config-standard": "^24.0.0",

pnpm-lock.yaml

@@ -131,9 +131,6 @@ importers:
       remark-gfm:
         specifier: ^4.0.1
         version: 4.0.1
-      utif:
-        specifier: ^3.1.0
-        version: 3.1.0
     devDependencies:
       '@svgr/webpack':
         specifier: ^5.5.0
@@ -195,9 +192,6 @@ importers:
       pretty-quick:
         specifier: ^3.1.2
         version: 3.3.1(prettier@2.8.8)
-      prompts:
-        specifier: ^2.4.2
-        version: 2.4.2
       stylelint:
         specifier: ^14.1.0
         version: 14.16.1
@@ -3318,10 +3312,6 @@ packages:
     resolution: {integrity: sha512-dcS1ul+9tmeD95T+x28/ehLgd9mENa3LsvDTtzm3vyBEO7RPptvAD+t44WVXaUjTBRcrpFeFlC8WCruUR456hw==}
     engines: {node: '>=0.10.0'}
 
-  kleur@3.0.3:
-    resolution: {integrity: sha512-eTIzlVOSUR+JxdDFepEYcBMtZ9Qqdef+rnzWdRZuMbOywu5tO2w2N7rqjoANZ5k9vywhL6Br1VRjUIgTQx4E8w==}
-    engines: {node: '>=6'}
-
   kleur@4.1.5:
     resolution: {integrity: sha512-o+NO+8WrRiQEE4/7nwRJhN1HWpVmJm511pBHUxPLtp0BUISzlBplORYSmTclCnJvQq2tKu/sgl3xVpkc7ZWuQQ==}
     engines: {node: '>=6'}
@@ -4031,10 +4021,6 @@ packages:
     resolution: {integrity: sha512-7PiHtLll5LdnKIMw100I+8xJXR5gW2QwWYkT6iJva0bXitZKa/XMrSbdmg3r2Xnaidz9Qumd0VPaMrZlF9V9sA==}
     engines: {node: '>=0.4.0'}
 
-  prompts@2.4.2:
-    resolution: {integrity: sha512-NxNv/kLguCA7p3jE8oL2aEBsrJWgAakBpgmgK6lpPWV+WuOmY6r2/zbAVnP+T8bQlA0nzHXSJSJW0Hq7ylaD2Q==}
-    engines: {node: '>= 6'}
-
   prop-types@15.8.1:
     resolution: {integrity: sha512-oj87CgZICdulUohogVAR7AjlC0327U4el4L6eAvOqCeudMDVU0NThNaV+b9Df4dXgSP1gXMTnPdhfe/2qDH5cg==}
 
@@ -4489,9 +4475,6 @@ packages:
   simple-swizzle@0.2.4:
     resolution: {integrity: sha512-nAu1WFPQSMNr2Zn9PGSZK9AGn4t/y97lEm+MXTtUDwfP0ksAIX4nO+6ruD9Jwut4C49SB1Ws+fbXsm/yScWOHw==}
 
-  sisteransi@1.0.5:
-    resolution: {integrity: sha512-bLGGlR1QxBcynn2d5YmDX4MGjlZvy2MRBDRNHLJ8VI6l6+9FUiyTFNJ0IveOSP0bcXgVDPRcfGqA0pjaqUpfVg==}
-
   size-sensor@1.0.2:
     resolution: {integrity: sha512-2NCmWxY7A9pYKGXNBfteo4hy14gWu47rg5692peVMst6lQLPKrVjhY+UTEsPI5ceFRJSl3gVgMYaUi/hKuaiKw==}
 
@@ -4993,9 +4976,6 @@ packages:
     peerDependencies:
       react: ^16.8.0 || ^17.0.0 || ^18.0.0 || ^19.0.0
 
-  utif@3.1.0:
-    resolution: {integrity: sha512-WEo4D/xOvFW53K5f5QTaTbbiORcm2/pCL9P6qmJnup+17eYfKaEhDeX9PeQkuyEoIxlbGklDuGl8xwuXYMrrXQ==}
-
   util-deprecate@1.0.2:
     resolution: {integrity: sha512-EPD5q1uXyFxJpCrLnCc1nHnq3gOa6DZBocAIiI2TaSCA7VCJ1UJDMagCzIkXNsUYfD1daK//LTEQ8xiIbrHtcw==}
 
@@ -9371,8 +9351,6 @@ snapshots:
 
   kind-of@6.0.3: {}
 
-  kleur@3.0.3: {}
-
   kleur@4.1.5: {}
 
   klona@2.0.6: {}
@@ -10397,11 +10375,6 @@ snapshots:
 
   progress@2.0.3: {}
 
-  prompts@2.4.2:
-    dependencies:
-      kleur: 3.0.3
-      sisteransi: 1.0.5
-
   prop-types@15.8.1:
     dependencies:
       loose-envify: 1.4.0
@@ -10972,8 +10945,6 @@ snapshots:
     dependencies:
       is-arrayish: 0.3.4
 
-  sisteransi@1.0.5: {}
-
   size-sensor@1.0.2: {}
 
   skmeans@0.9.7: {}
@@ -11555,10 +11526,6 @@ snapshots:
     dependencies:
       react: 17.0.2
 
-  utif@3.1.0:
-    dependencies:
-      pako: 1.0.11
-
   util-deprecate@1.0.2: {}
 
   util.promisify@1.0.1:

scripts/merge-to-production.js

@@ -1,7 +1,6 @@
 #!/usr/bin/env node
 
-const { spawnSync } = require('child_process');
+const { execSync } = require('child_process');
-const prompts = require('prompts');
 
 const COLORS = {
   red: '\x1b[31m',
@@ -11,323 +10,116 @@ const COLORS = {
   reset: '\x1b[0m'
 };
 
-class MergeConflictError extends Error {
-  constructor(branchName) {
-    super(`合并到 ${branchName} 时发生冲突`);
-    this.name = 'MergeConflictError';
-    this.branchName = branchName;
-  }
-}
-
-class PromptAbortedError extends Error {
-  constructor() {
-    super('操作已取消');
-    this.name = 'PromptAbortedError';
-  }
-}
-
 function log(message, color = 'reset') {
   console.log(`${COLORS[color]}${message}${COLORS.reset}`);
 }
 
-function runCommand(command, args, options = {}) {
+function exec(command, options = {}) {
-  const { silent = false, ignoreError = false } = options;
+  try {
-  const result = spawnSync(command, args, {
+    return execSync(command, { encoding: 'utf-8', stdio: options.silent ? 'pipe' : 'inherit', ...options });
-    encoding: 'utf-8',
+  } catch (error) {
-    stdio: silent ? ['inherit', 'pipe', 'pipe'] : 'inherit'
+    if (options.ignoreError) {
-  });
+      return error.stdout || '';
-
-  if (result.error) {
-    throw result.error;
-  }
-
-  if (result.status !== 0) {
-    if (ignoreError) {
-      return result.stdout || '';
     }
-
-    const error = new Error(`${command} ${args.join(' ')} failed`);
-    error.status = result.status;
-    error.stdout = result.stdout || '';
-    error.stderr = result.stderr || '';
     throw error;
   }
-
-  return result.stdout || '';
-}
-
-function git(args, options = {}) {
-  return runCommand('git', args, options);
-}
-
-function getCurrentBranch() {
-  return git(['branch', '--show-current'], { silent: true }).trim();
-}
-
-function getLocalBranches() {
-  return git(['branch', '--format=%(refname:short)'], { silent: true })
-    .split(/\r?\n/)
-    .map(item => item.trim())
-    .filter(Boolean);
-}
-
-function hasRemoteBranch(branchName) {
-  const output = git(['rev-parse', '--verify', '--quiet', `refs/remotes/origin/${branchName}`], {
-    silent: true,
-    ignoreError: true
-  });
-
-  return output.trim().length > 0;
 }
 
-function stashChanges(state) {
+function run() {
-  const status = git(['status', '--porcelain'], { silent: true });
+  log('\n========================================', 'cyan');
-  state.hasChanges = status.trim().length > 0;
+  log('  合并 master 到 production 分支', 'cyan');
-
+  log('========================================\n', 'cyan');
-  if (!state.hasChanges) {
-    return;
-  }
 
-  log('>>> 暂存未提交的改动...', 'yellow');
+  // 获取当前分支名
-  git(['stash', 'push', '-m', 'auto-stash-before-merge']);
+  const currentBranch = exec('git branch --show-current', { silent: true }).trim();
-  state.stashCreated = true;
+  log(`当前分支: ${currentBranch}\n`, 'cyan');
-  log('已暂存\n', 'green');
-}
 
-function restoreWorkspace(state) {
+  // 暂存未提交的更改
-  if (state.currentBranch && getCurrentBranch() !== state.currentBranch) {
+  const status = exec('git status --porcelain', { silent: true });
-    log(`>>> 切换回原分支 ${state.currentBranch}...`, 'yellow');
+  const hasChanges = status.trim().length > 0;
-    git(['checkout', state.currentBranch], { ignoreError: true });
+  if (hasChanges) {
+    log('>>> 暂存未提交的更改...', 'yellow');
+    exec('git stash push -m "暂存未提交的更改"');
+    log('已暂存\n', 'green');
   }
 
-  if (state.stashCreated) {
+  // 拉取最新代码
-    log('>>> 恢复暂存的改动...', 'yellow');
+  log('>>> 拉取远程最新代码...', 'yellow');
-    git(['stash', 'pop'], { ignoreError: true });
+  try {
-    log('已恢复\n', 'green');
+    exec('git fetch origin');
+  } catch (error) {
+    log('\n错误: 拉取远程代码失败', 'red');
+    process.exit(1);
   }
-}
-
-function fetchOrigin() {
-  log('>>> 拉取远程最新信息...', 'yellow');
-  git(['fetch', 'origin']);
   log('拉取完成\n', 'green');
-}
-
-function checkoutBranch(branchName) {
-  log(`>>> 切换到 ${branchName} 分支...`, 'yellow');
-  git(['checkout', branchName]);
-  log(`已切换到 ${branchName}\n`, 'green');
-}
 
-function pullBranchIfNeeded(branchName) {
+  // 切换到 master 并更新
-  if (!hasRemoteBranch(branchName)) {
+  log('>>> 切换到 master 分支并更新...', 'yellow');
-    log(`>>> 本地分支 ${branchName} 未关联 origin/${branchName}，跳过 pull`, 'yellow');
+  try {
-    return;
+    exec('git checkout master');
+    exec('git pull origin master');
+  } catch (error) {
+    log('\n错误: 更新 master 分支失败', 'red');
+    process.exit(1);
   }
+  log('master 分支已更新\n', 'green');
 
-  log(`>>> 更新 ${branchName} 分支...`, 'yellow');
+  // 切换到 production 并更新
-  git(['pull', 'origin', branchName]);
+  log('>>> 切换到 production 分支并更新...', 'yellow');
-  log(`${branchName} 已更新\n`, 'green');
+  try {
-}
+    exec('git checkout production');
-
+    exec('git pull origin production');
-function pushBranchIfNeeded(branchName) {
+  } catch (error) {
-  if (!hasRemoteBranch(branchName)) {
+    log('\n错误: 更新 production 分支失败，分支可能不存在', 'red');
-    log(`>>> 本地分支 ${branchName} 未关联 origin/${branchName}，跳过 push`, 'yellow');
+    log('请先创建 production 分支: git checkout -b production\n', 'yellow');
-    return;
+    exec(`git checkout ${currentBranch}`, { ignoreError: true });
+    process.exit(1);
   }
+  log('production 分支已更新\n', 'green');
 
-  log(`>>> 推送 ${branchName} 到远程...`, 'yellow');
+  // 合并 master 到 production
-  git(['push', 'origin', branchName]);
+  log('>>> 合并 master 到 production...', 'yellow');
-  log(`${branchName} 推送成功\n`, 'green');
-}
-
-function printConflictGuidance(branchName) {
-  log(`\n错误: 合并到 ${branchName} 时发生冲突`, 'red');
-  log('请手动解决冲突后再继续', 'red');
-  log('\n冲突文件:', 'yellow');
-  git(['diff', '--name-only', '--diff-filter=U'], { ignoreError: true });
-  log('\n解决冲突后可继续执行:', 'yellow');
-  log('  git add .', 'cyan');
-  log('  git commit', 'cyan');
-  log(`  git push origin ${branchName}\n`, 'cyan');
-  log('如需放弃本次合并:', 'yellow');
-  log('  git merge --abort\n', 'cyan');
-}
-
-function mergeBranch(sourceBranch, targetBranch, state) {
-  log(`>>> 合并 ${sourceBranch} -> ${targetBranch}...`, 'yellow');
-
   try {
-    git(['merge', sourceBranch, '--no-edit']);
+    exec('git merge master --no-edit');
   } catch (error) {
-    state.shouldRestoreWorkspace = false;
+    log('\n错误: 合并过程中发生冲突!', 'red');
-    throw new MergeConflictError(targetBranch);
+    log('请手动解决冲突后再提交', 'red');
+    log('\n冲突文件:', 'yellow');
+    exec('git diff --name-only --diff-filter=U', { ignoreError: true });
+    log('\n解决冲突后运行:', 'yellow');
+    log('  git add .', 'cyan');
+    log('  git commit', 'cyan');
+    log('  git push origin production\n', 'cyan');
+    log('或放弃合并:', 'yellow');
+    log('  git merge --abort\n', 'cyan');
+    process.exit(1);
   }
-
   log('合并成功\n', 'green');
-}
-
-async function promptValue(config) {
-  const response = await prompts(config, {
-    onCancel() {
-      throw new PromptAbortedError();
-    }
-  });
 
-  return response[config.name];
+  // 推送到远程
-}
+  log('>>> 推送到远程 production 分支...', 'yellow');
-
+  try {
-async function selectOption(title, options) {
+    exec('git push origin production');
-  log('', 'reset');
+  } catch (error) {
-
+    log('\n错误: 推送失败', 'red');
-  return promptValue({
+    process.exit(1);
-    type: 'select',
-    name: 'value',
-    message: title,
-    hint: '使用上下方向键选择，回车确认',
-    choices: options.map(option => ({
-      title: option.label,
-      value: option.value,
-      description: option.description
-    }))
-  });
-}
-
-async function selectBranch(title, branches, currentBranch) {
-  return selectOption(
-    title,
-    branches.map(branchName => ({
-      value: branchName,
-      label: branchName === currentBranch ? `${branchName} (当前分支)` : branchName
-    }))
-  );
-}
-
-async function confirm(message) {
-  log('', 'reset');
-
-  return promptValue({
-    type: 'confirm',
-    name: 'confirmed',
-    message,
-    initial: true
-  });
-}
-
-async function runSingleBranchMerge(state) {
-  const branches = getLocalBranches();
-
-  if (branches.length < 2) {
-    throw new Error('本地分支数量不足，无法执行单分支合并');
-  }
-
-  const sourceBranch = await selectBranch('请选择来源分支', branches, state.currentBranch);
-  const targetCandidates = branches.filter(branchName => branchName !== sourceBranch);
-  const targetBranch = await selectBranch('请选择目标分支', targetCandidates, state.currentBranch);
-
-  log(`\n将执行: ${sourceBranch} -> ${targetBranch}\n`, 'cyan');
-
-  const accepted = await confirm('确认开始合并吗');
-  if (!accepted) {
-    log('已取消操作', 'yellow');
-    return;
-  }
-
-  stashChanges(state);
-  fetchOrigin();
-  checkoutBranch(targetBranch);
-  pullBranchIfNeeded(targetBranch);
-  mergeBranch(sourceBranch, targetBranch, state);
-  pushBranchIfNeeded(targetBranch);
-
-  log('\n========================================', 'green');
-  log(`  已完成 ${sourceBranch} -> ${targetBranch} 合并`, 'green');
-  log('========================================\n', 'green');
-}
-
-async function runDeployMerge(state) {
-  if (state.currentBranch === 'production') {
-    throw new Error('当前分支为 production，不能执行部署合并');
-  }
-
-  log(`\n将执行部署合并: ${state.currentBranch} -> master -> production\n`, 'cyan');
-
-  const accepted = await confirm('确认开始部署合并吗');
-  if (!accepted) {
-    log('已取消操作', 'yellow');
-    return;
   }
+  log('推送成功\n', 'green');
 
-  stashChanges(state);
+  // 切换回原分支
-  fetchOrigin();
+  log(`>>> 切换回原分支 ${currentBranch}...`, 'yellow');
+  exec(`git checkout ${currentBranch}`, { ignoreError: true });
 
-  checkoutBranch('master');
+  // 恢复暂存的更改
-  pullBranchIfNeeded('master');
+  if (hasChanges) {
-
+    log('>>> 恢复暂存的更改...', 'yellow');
-  if (state.currentBranch !== 'master') {
+    exec('git stash pop', { ignoreError: true });
-    mergeBranch(state.currentBranch, 'master', state);
+    log('已恢复\n', 'green');
-  } else {
-    log('当前分支已是 master，跳过 feature -> master 合并\n', 'yellow');
   }
 
-  pushBranchIfNeeded('master');
-
-  checkoutBranch('production');
-  pullBranchIfNeeded('production');
-  mergeBranch('master', 'production', state);
-  pushBranchIfNeeded('production');
-
   log('\n========================================', 'green');
-  log(`  已完成 ${state.currentBranch} -> master -> production`, 'green');
+  log('  master 已成功合并到 production!', 'green');
   log('========================================\n', 'green');
 }
 
-async function run() {
-  const state = {
-    currentBranch: '',
-    hasChanges: false,
-    stashCreated: false,
-    shouldRestoreWorkspace: true
-  };
-
-  try {
-    log('\n========================================', 'cyan');
-    log('  Git 分支合并工具', 'cyan');
-    log('========================================\n', 'cyan');
-
-    state.currentBranch = getCurrentBranch();
-
-    if (!state.currentBranch) {
-      throw new Error('当前不在任何本地分支上，无法执行合并');
-    }
-
-    log(`当前分支: ${state.currentBranch}\n`, 'cyan');
-
-    const action = await selectOption('请选择操作类型', [
-      { label: '单分支合并', value: 'single', description: '手动选择来源分支和目标分支' },
-      { label: '部署合并', value: 'deploy', description: '将当前分支依次合并到 master 和 production' }
-    ]);
-
-    if (action === 'single') {
-      await runSingleBranchMerge(state);
-    } else {
-      await runDeployMerge(state);
-    }
-  } catch (error) {
-    if (error instanceof MergeConflictError) {
-      printConflictGuidance(error.branchName);
-    } else if (error instanceof PromptAbortedError) {
-      log('\n已取消操作\n', 'yellow');
-    } else {
-      log(`\n错误: ${error.message}\n`, 'red');
-    }
-
-    process.exitCode = error instanceof PromptAbortedError ? 0 : 1;
-  } finally {
-    if (state.shouldRestoreWorkspace) {
-      restoreWorkspace(state);
-    }
-  }
-}
-
 run();

src/components/FlowEditor/node/imageNode/ImageNode.tsx

@@ -5,9 +5,6 @@ import DynamicIcon from '@/components/DynamicIcon';
 import NodeContentImage from '@/pages/flowEditor/components/nodeContentImage';
 import NodeStatusIndicator, { NodeStatus } from '@/components/FlowEditor/NodeStatusIndicator';
 import { useStore as useFlowStore } from '@xyflow/react';
-import { useSelector } from 'react-redux';
-import { getCurrentAppKey } from '@/utils/flow/runtime';
-import { getRuntimeImageUrl } from '@/utils/flow/imageRuntimeData';
 
 const setIcon = () => {
   return <DynamicIcon type="IconImage" style={{ fontSize: '16px', marginRight: '5px' }} />;
@@ -15,12 +12,6 @@ const setIcon = () => {
 
 const ImageNode = ({ data, id }: { data: any; id: string }) => {
   const title = data.title || '图片展示';
-  const { currentAppData, appRuntimeData } = useSelector((state: any) => state.ideContainer);
-  const currentAppKey = getCurrentAppKey(currentAppData);
-  const runtimeNodeData = currentAppKey
-    ? appRuntimeData[currentAppKey]?.nodeData
-    : [];
-  const imageUrl = getRuntimeImageUrl(runtimeNodeData, id);
 
   // 获取节点选中状态 - 适配React Flow v12 API
   const isSelected = useStore((state) =>
@@ -44,7 +35,7 @@ const ImageNode = ({ data, id }: { data: any; id: string }) => {
         {title}
         <NodeStatusIndicator status={nodeStatus} isVisible={isStatusVisible} />
       </div>
-      <NodeContentImage data={data} imageUrl={imageUrl} />
+      <NodeContentImage data={data} />
     </div>
   );
 };

src/components/FlowEditor/node/style/baseOther.module.less

@@ -105,40 +105,6 @@
     min-height: 10px;
   }
 
-  .node-image-box {
-    width: 150px;
-    padding: 6px;
-    margin: -1px auto 0;
-    background-color: #ffffff;
-    border: 1px solid #cccccc;
-    border-radius: 3px;
-
-    :global(.arco-image) {
-      display: block;
-      max-width: 100%;
-    }
-
-    :global(.arco-image-img) {
-      max-width: 100%;
-      max-height: 120px;
-      object-fit: contain;
-    }
-
-    .node-image-loading,
-    .node-image-download {
-      display: block;
-      color: #86909c;
-      font-size: 12px;
-      line-height: 22px;
-      text-align: center;
-      word-break: break-all;
-    }
-
-    .node-image-download {
-      color: #165dff;
-    }
-  }
-
   .node-content-box {
     padding: 10px;
     margin: -1px auto;

src/components/FlowEditor/nodeEditors/validators/nodeValidators.ts

@@ -332,7 +332,6 @@ const validateBasicParams = (nodeData: any): string[] => {
 
   // 检查输入参数的完整性
   if (nodeData.parameters?.dataIns) {
-    console.log("nodeData.parameters.dataIns", nodeData.parameters);
     nodeData.parameters.dataIns.forEach((param: any, index: number) => {
       if (!param.id) {
         errors.push(`第${index + 1}个输入参数的标识不能为空`);

src/const/isdp/componentDeploy.ts

@@ -67,51 +67,35 @@ export const startStatusMap = startStatusDic.reduce((obj, item) => {
 
 /**
  * 组件编译状态
- * BUILT_IDLE 空闲中
+ * BUILT_DOING, BUILT_IGNORE,BUILT_DOCKER,BUILT_FAIL
- * BUILT_RUNNING 编译中
- * BUILT_SUCCESS 编译成功
- * BUILT_FAILED 编译失败
- * BUILT_CANCELED 编译取消
- * BUILT_NEVER 未编译
  */
 export const compileStatusConstant = {
-  BUILT_IDLE: 'idle',
+  BUILT_DOING: 'built-doing',
-  BUILT_RUNNING: 'running',
+  BUILT_IGNORE: 'built-ignore',
-  BUILT_SUCCESS: 'success',
+  BUILT_DOCKER: 'built-docker',
-  BUILT_FAILED: 'failed',
+  BUILT_FAIL: 'built-fail',
-  BUILT_CANCELED: 'canceled',
+  // 前端单独使用
-  BUILT_NEVER: 'never',
+  NOT_COMPILED: 'not-compiled',
+  get(type) {
+    return compileStatusConstant[type] || compileStatusConstant.NOT_COMPILED;
+  }
 };
 export const compileStatusDic = [
-  {
-    label: '未编译',
-    value: compileStatusConstant.BUILT_NEVER,
-    color: 'gray'
-  },
-  {
-    label: '空闲中',
-    value: compileStatusConstant.BUILT_IDLE,
-    color: 'blue'
-  },
   {
     label: '编译中',
-    value: compileStatusConstant.BUILT_RUNNING,
+    value: compileStatusConstant.BUILT_DOING
-    color: 'blue'
   },
   {
-    label: '编译成功',
+    label: '免编译',
-    value: compileStatusConstant.BUILT_SUCCESS,
+    value: compileStatusConstant.BUILT_IGNORE
-    color: 'green'
   },
   {
-    label: '编译失败',
+    label: '已编译',
-    value: compileStatusConstant.BUILT_FAILED,
+    value: compileStatusConstant.BUILT_DOCKER
-    color: 'red'
   },
   {
-    label: '编译取消',
+    label: '编译失败',
-    value: compileStatusConstant.BUILT_CANCELED,
+    value: compileStatusConstant.BUILT_FAIL
-    color: 'orange'
   }
 ];
 export const compileStatusMap = startStatusDic.reduce((obj, item) => {

src/hooks/useFlowCallbacks.ts

@@ -63,10 +63,6 @@ import {
   buildRuntimeNode,
   resolveNodeDefinition,
 } from '@/utils/flow/nodeOnboarding';
-import {
-  shouldPersistCanvas,
-  shouldUseCachedCanvas,
-} from '@/utils/flow/canvasCache';
 
 import { Dispatch } from 'redux';
 import {
@@ -129,10 +125,6 @@ export const useFlowCallbacks = (
     return getCurrentAppKey(currentAppData) || initialData?.appId;
   }, [initialData]);
 
-  const refreshAppList = useCallback(() => {
-    document.dispatchEvent(new CustomEvent('refreshAppList'));
-  }, []);
-
   // region 画布操作
   // 节点变更处理，添加防抖机制
   const onNodesChange = useCallback(
@@ -195,12 +187,6 @@ export const useFlowCallbacks = (
       if (!sourceNode || !targetNode) {
         return;
       }
-
-      // 不允许链接到自己的节点上
-      if (sourceNode.id === targetNode.id) {
-        console.warn("不允许自旋链接");
-        return;
-      }
       // 获取源节点和目标节点的参数信息
       const sourceParams: any = sourceNode.data?.parameters || {};
       const targetParams: any = targetNode.data?.parameters || {};
@@ -527,9 +513,8 @@ export const useFlowCallbacks = (
   // 初始化画布数据
   const initializeCanvasData = useCallback(() => {
     const appKey = getCurrentFlowAppKey();
-    const cachedCanvas = appKey ? canvasDataMap[appKey] : null;
+    if (appKey && canvasDataMap[appKey]) {
-    if (shouldUseCachedCanvas({ cachedCanvas, initialData, useDefault })) {
+      const { edges, nodes } = canvasDataMap[appKey];
-      const { edges, nodes } = cachedCanvas;
       setNodes(nodes);
       setEdges(edges);
     } else {
@@ -548,19 +533,11 @@ export const useFlowCallbacks = (
 
     // 标记历史记录已初始化
     setHistoryInitialized(true);
-  }, [initialData, useDefault, canvasDataMap, getCurrentFlowAppKey]);
+  }, [initialData, canvasDataMap, getCurrentFlowAppKey]);
   // 实时更新 canvasDataMap
   const updateCanvasDataMapEffect = useCallback(() => {
     const appKey = getCurrentFlowAppKey();
-    const { appRuntimeData } = store.getState().ideContainer;
+    if (appKey) {
-    const isCurrentAppRunning =
-      appKey && appRuntimeData[appKey]?.isRunning;
-
-    if (
-      appKey &&
-      !isCurrentAppRunning &&
-      shouldPersistCanvas({ nodes, edges })
-    ) {
       updateCanvasDataMapDebounced(
         dispatch,
         canvasDataMap,
@@ -574,13 +551,7 @@ export const useFlowCallbacks = (
     return () => {
       // 取消防抖函数
     };
-  }, [
+  }, [nodes, edges, dispatch, canvasDataMap, getCurrentFlowAppKey]);
-    nodes,
-    edges,
-    dispatch,
-    canvasDataMap,
-    getCurrentFlowAppKey,
-  ]);
   // 关闭编辑弹窗
   const closeEditModal = useCallback(() => {
     setIsEditModalOpen(false);
@@ -1410,7 +1381,6 @@ export const useFlowCallbacks = (
 
             // 更新运行ID
             dispatch(updateRuntimeId(res.data));
-            refreshAppList();
 
             // 开始运行时动画
             setEdges((eds) =>
@@ -1444,7 +1414,6 @@ export const useFlowCallbacks = (
 
             // 更新运行ID
             dispatch(updateRuntimeId(res.data));
-            refreshAppList();
 
             // 开始运行时动画
             setEdges((eds) =>
@@ -1473,8 +1442,9 @@ export const useFlowCallbacks = (
         } else {
           // 特殊停止逻辑，持久化运行的应用使用这里的入参
           await stopApp(currentAppData.instanceId);
+          // 特殊停止完成后触发事件，通知刷新应用列表
+          document.dispatchEvent(new CustomEvent('refreshAppList'));
         }
-        refreshAppList();
 
         // 重置节点状态
         dispatch(resetNodeStatus());
@@ -1500,7 +1470,7 @@ export const useFlowCallbacks = (
         }
       }
     },
-    [getCurrentFlowAppKey, refreshAppList]
+    [getCurrentFlowAppKey]
   );
 
   // 暂停/恢复应用

src/hooks/useFlowEditorState.ts

@@ -2,58 +2,11 @@ import { useState, useRef, useEffect, useMemo } from 'react';
 import { Node, Edge } from '@xyflow/react';
 import { debounce } from 'lodash';
 import { useSelector, useDispatch, shallowEqual } from 'react-redux';
-import { updateCanvasDataMap, updateNodeStatus } from '@/store/ideContainer';
+import { updateCanvasDataMap } from '@/store/ideContainer';
 import { getCurrentAppKey } from '@/utils/flow/runtime';
-import { getNodeData } from '@/api/appIns';
 
 import { Dispatch } from 'redux';
 
-const getRuntimeNodeStatus = (state: any) => {
-  switch (state) {
-    case 0:
-    case '0':
-      return 'running';
-    case 1:
-    case '1':
-      return 'success';
-    case -1:
-    case '-1':
-      return 'failed';
-    default:
-      return '';
-  }
-};
-
-const collectRuntimeNodes = (runtimeData: any) => {
-  if (!runtimeData) {
-    return [];
-  }
-
-  if (Array.isArray(runtimeData)) {
-    return runtimeData.flatMap((item) => {
-      if (Array.isArray(item?.nodes)) {
-        return item.nodes;
-      }
-
-      return item?.nodeId || item?.id ? [item] : [];
-    });
-  }
-
-  if (Array.isArray(runtimeData?.main?.nodeLogs)) {
-    return runtimeData.main.nodeLogs;
-  }
-
-  if (Array.isArray(runtimeData?.nodes)) {
-    return runtimeData.nodes;
-  }
-
-  if (Array.isArray(runtimeData?.data)) {
-    return collectRuntimeNodes(runtimeData.data);
-  }
-
-  return [];
-};
-
 export const useFlowEditorState = (initialData?: any, readOnly?: boolean) => {
   const [nodes, setNodes] = useState<Node[]>([]);
   const [edges, setEdges] = useState<Edge[]>([]);
@@ -93,11 +46,6 @@ export const useFlowEditorState = (initialData?: any, readOnly?: boolean) => {
   // 在组件顶部添加历史记录相关状态
   const [historyInitialized, setHistoryInitialized] = useState(false);
   const historyTimeoutRef = useRef<NodeJS.Timeout | null>(null);
-  const syncedRuntimeKeyRef = useRef('');
-  const currentRunId =
-    currentAppKey && appRuntimeData[currentAppKey]
-      ? appRuntimeData[currentAppKey].runId
-      : '';
 
   // 更新节点状态，将从store获取的状态应用到节点上
   useEffect(() => {
@@ -113,9 +61,7 @@ export const useFlowEditorState = (initialData?: any, readOnly?: boolean) => {
       Object.values(initialData.components).some((comp: any) => comp.status);
 
     setNodes((prevNodes) => {
-      let hasChanges = false;
+      return prevNodes.map((node) => {
-
-      const nextNodes = prevNodes.map((node) => {
         // 如果是只读模式（历史实例查看），优先使用节点自身的历史状态
         // 如果是正常运行模式，只使用运行时状态
         let nodeStatus = 'waiting';
@@ -134,14 +80,6 @@ export const useFlowEditorState = (initialData?: any, readOnly?: boolean) => {
           showStatus = currentAppIsRunning;
         }
 
-        if (
-          node.data.status === nodeStatus &&
-          node.data.isStatusVisible === showStatus
-        ) {
-          return node;
-        }
-
-        hasChanges = true;
         return {
           ...node,
           data: {
@@ -151,8 +89,6 @@ export const useFlowEditorState = (initialData?: any, readOnly?: boolean) => {
           },
         };
       });
-
-      return hasChanges ? nextNodes : prevNodes;
     });
   }, [
     appRuntimeData,
@@ -164,70 +100,6 @@ export const useFlowEditorState = (initialData?: any, readOnly?: boolean) => {
     readOnly,
   ]);
 
-  useEffect(() => {
-    if (
-      readOnly ||
-      !currentAppKey ||
-      !currentAppIsRunning ||
-      !currentRunId ||
-      nodes.length === 0
-    ) {
-      return;
-    }
-
-    const syncKey = `${currentAppKey}:${currentRunId}`;
-    if (syncedRuntimeKeyRef.current === syncKey) {
-      return;
-    }
-
-    let canceled = false;
-    syncedRuntimeKeyRef.current = syncKey;
-
-    const syncRuntimeNodeStatus = async () => {
-      try {
-        const nodeDataRes: any = await getNodeData(currentRunId);
-        const runtimeData = nodeDataRes?.data || nodeDataRes;
-        const runtimeNodes = collectRuntimeNodes(runtimeData);
-
-        if (canceled || runtimeNodes.length === 0) {
-          return;
-        }
-
-        runtimeNodes.forEach((node) => {
-          const nodeId = node?.nodeId || node?.id;
-          const status = getRuntimeNodeStatus(node?.state);
-
-          if (nodeId && status) {
-            dispatch(updateNodeStatus({
-              nodeId,
-              status,
-              appId: currentAppKey,
-              actionType: 'RUNTIME_RECONNECT_SYNC',
-            }));
-          }
-        });
-      } catch (error) {
-        if (!canceled) {
-          syncedRuntimeKeyRef.current = '';
-          console.error('同步运行实例节点状态失败:', error);
-        }
-      }
-    };
-
-    syncRuntimeNodeStatus();
-
-    return () => {
-      canceled = true;
-    };
-  }, [
-    currentAppKey,
-    currentAppIsRunning,
-    currentRunId,
-    dispatch,
-    nodes.length,
-    readOnly,
-  ]);
-
   const updateCanvasDataMapDebounced = useRef(
     debounce(
       (

src/hooks/useWebSocket.ts

@@ -20,7 +20,7 @@ interface WebSocketHook {
 const useWebSocket = (options: WebSocketOptions = {}): WebSocketHook => {
   const {
     reconnectInterval = 3000,
-    maxReconnectAttempts = 99,
+    maxReconnectAttempts = 0,
     onOpen,
     onClose,
     onError,
@@ -58,8 +58,7 @@ const useWebSocket = (options: WebSocketOptions = {}): WebSocketHook => {
     if (wsRef.current && wsRef.current.readyState === WebSocket.OPEN) {
       const messageStr = typeof message === 'string' ? message : JSON.stringify(message);
       wsRef.current.send(messageStr);
-    }
+    } else {
-    else {
       console.warn('WebSocket is not connected. Cannot send message.');
     }
   }, []);

src/pages/componentDevelopment/componentDeployment/collapseList.tsx

@@ -25,25 +25,9 @@ interface CollapseListProps {
   searchKeyword?: string;
   runStatus?: string;
   componentClassify?: string;
-  compileLogsMap: Record<string, string>;
-  compileStatusMap: Record<string, 'idle' | 'running' | 'success' | 'failed' | 'canceled'>;
-  subscribeInstanceLog: (instanceId: string) => void;
-  unsubscribeInstanceLog: (instanceId: string) => void;
-  updateCompileStatus: (instanceId: string, status: 'idle' | 'running' | 'success' | 'failed' | 'canceled') => void;
-  isWsConnected: boolean;
 }
 
-const CollapseList: React.FC<CollapseListProps> = ({
+const CollapseList: React.FC<CollapseListProps> = ({ searchKeyword, runStatus, componentClassify }) => {
-  searchKeyword,
-  runStatus,
-  componentClassify,
-  compileLogsMap,
-  compileStatusMap,
-  subscribeInstanceLog,
-  unsubscribeInstanceLog,
-  updateCompileStatus,
-  isWsConnected
-}) => {
   const [collapses, setCollapses] = useState([]);
   const [visible, setVisible] = useState(false);
   const [showOffSaleModal, setShowOffSaleModal] = useState(false);
@@ -274,15 +258,7 @@ const CollapseList: React.FC<CollapseListProps> = ({
               name={index.toString()}
               extra={extraNode(item)}
             >
-              <ListNode
+              <ListNode componentData={item} />
-                componentData={item}
-                compileLogsMap={compileLogsMap}
-                compileStatusMap={compileStatusMap}
-                subscribeInstanceLog={subscribeInstanceLog}
-                unsubscribeInstanceLog={unsubscribeInstanceLog}
-                updateCompileStatus={updateCompileStatus}
-                isWsConnected={isWsConnected}
-              />
             </CollapseItem>
           ))}
         </Collapse>

src/pages/componentDevelopment/componentDeployment/index.tsx

@@ -1,14 +1,11 @@
-import React, { useState, useEffect, useRef } from 'react';
+import React, { useState, useEffect } from 'react';
 import styles from './style/index.module.less';
-import { Button, Input, Modal, Radio, Space, Select, Message } from '@arco-design/web-react';
+import { Button, Input, Modal, Radio, Space, Select } from '@arco-design/web-react';
 import { IconSearch } from '@arco-design/web-react/icon';
 import CollapseList from './collapseList';
 import { startStatusConstant } from '@/const/isdp/componentDeploy';
 import ConfigTutorial from '@/pages/componentDevelopment/componentEnv/configTutorial';
 import { getComponentClassify } from '@/api/componentClassify';
-import useWebSocket from '@/hooks/useWebSocket';
-import { getToken } from '@/utils/auth';
-import { isJSON } from '@/utils/common';
 
 const ComponentDeployment = () => {
   const [searchKeyword, setSearchKeyword] = useState('');
@@ -18,74 +15,6 @@ const ComponentDeployment = () => {
   const [selectedStatus, setSelectedStatus] = useState<string | undefined>(undefined);
   const [tutorialVisible, setTutorialVisible] = useState(false);
 
-  // 编译日志相关状态 - 按实例 ID 分组存储
-  const [compileLogsMap, setCompileLogsMap] = useState<Record<string, string>>({});
-  // 编译状态管理 - 按实例 ID 存储状态
-  const [compileStatusMap, setCompileStatusMap] = useState<Record<string, 'idle' | 'running' | 'success' | 'failed' | 'canceled'>>({});
-  const compileLogSequenceRef = useRef<Record<string, number>>({});
-  const currentCompileIdRef = useRef<string | null>(null);
-
-  // WebSocket 连接 - 用于接收编译日志
-  const { connect: wsConnect, disconnect: wsDisconnect, sendMessage, isConnected } = useWebSocket({
-    onMessage: (event) => {
-      const id = currentCompileIdRef.current;
-      if (!id) return;
-
-      try {
-        const currentSequence = (compileLogSequenceRef.current[id] || 0) + 1;
-        compileLogSequenceRef.current[id] = currentSequence;
-
-        if (isJSON(event.data)) {
-          const parseData = JSON.parse(event.data);
-          const message = parseData.message || parseData.line || event.data;
-          const sequenceMessage = `${currentSequence}. ${message}`;
-          setCompileLogsMap(prev => ({
-            ...prev,
-            [id]: prev[id] ? prev[id] + '\n' + sequenceMessage : sequenceMessage
-          }));
-        }
-        else {
-          const data = `${currentSequence}. ${event.data}`;
-          setCompileLogsMap(prev => ({
-            ...prev,
-            [id]: prev[id] ? prev[id] + '\n' + data : data
-          }));
-        }
-      } catch (error) {
-        console.error('解析 WebSocket 消息失败:', error);
-      }
-    },
-    onOpen: () => {
-      console.log('编译日志 WebSocket 连接成功');
-    },
-    onError: (error) => {
-      console.error('编译日志 WebSocket 错误:', error);
-    },
-    onClose: () => {
-      console.log('编译日志 WebSocket 连接已关闭');
-    }
-  });
-
-  // 页面挂载时连接 WebSocket
-  useEffect(() => {
-    const protocol = window.location.protocol === 'https:' ? 'wss:' : 'ws:';
-    const host = window.location.host;
-    let wsUrl;
-
-    if (window.location.host.includes('localhost')) {
-      wsUrl = `${process.env.NEXT_PUBLIC_DEV_SOCKET_HOST}/ws/v1/bpms-workbench/instance-log?Authorization=Bearer ${getToken()}`;
-    }
-    else {
-      wsUrl = `${protocol}//${host}/ws/v1/bpms-workbench/instance-log?Authorization=Bearer ${getToken()}`;
-    }
-
-    wsConnect(wsUrl);
-
-    return () => {
-      wsDisconnect();
-    };
-  }, []);
-
   useEffect(() => {
     const timer = setTimeout(() => setDebouncedKeyword(searchKeyword), 500);
     return () => clearTimeout(timer);
@@ -99,57 +28,6 @@ const ComponentDeployment = () => {
     });
   }, []);
 
-  // 订阅实例编译日志
-  const subscribeInstanceLog = (instanceId: string) => {
-    currentCompileIdRef.current = instanceId;
-
-    compileLogSequenceRef.current[instanceId] = 0;
-
-    // 清空该实例之前的日志
-    setCompileLogsMap(prev => ({
-      ...prev,
-      [instanceId]: ''
-    }));
-
-    // 设置编译状态为 running
-    setCompileStatusMap(prev => ({
-      ...prev,
-      [instanceId]: 'running'
-    }));
-
-    if (isConnected) {
-      sendMessage({
-        instanceId,
-        type: 'subscribe'
-      });
-    }
-    else {
-      Message.warning('WebSocket 未连接，无法实时接收日志');
-    }
-  };
-
-  // 取消订阅实例编译日志
-  const unsubscribeInstanceLog = (instanceId: string) => {
-    if (isConnected && instanceId) {
-      sendMessage({
-        instanceId,
-        type: 'unsubscribe'
-      });
-    }
-
-    if (currentCompileIdRef.current === instanceId) {
-      currentCompileIdRef.current = null;
-    }
-  };
-
-  // 更新编译状态
-  const updateCompileStatus = (instanceId: string, status: 'idle' | 'running' | 'success' | 'failed' | 'canceled') => {
-    setCompileStatusMap(prev => ({
-      ...prev,
-      [instanceId]: status
-    }));
-  };
-
   // 状态选项配置
   const statusOptions = [
     { label: '全部', value: undefined },
@@ -210,17 +88,8 @@ const ComponentDeployment = () => {
           </Space>
         </div>
         <div className={styles['content']}>
-          <CollapseList
+          <CollapseList searchKeyword={debouncedKeyword} runStatus={selectedStatus}
-            searchKeyword={debouncedKeyword}
+                        componentClassify={selectedClassify} />
-            runStatus={selectedStatus}
-            componentClassify={selectedClassify}
-            compileLogsMap={compileLogsMap}
-            compileStatusMap={compileStatusMap}
-            subscribeInstanceLog={subscribeInstanceLog}
-            unsubscribeInstanceLog={unsubscribeInstanceLog}
-            updateCompileStatus={updateCompileStatus}
-            isWsConnected={isConnected}
-          />
         </div>
       </div>
 

src/pages/componentDevelopment/componentDeployment/listNode.tsx

@@ -1,4 +1,4 @@
-import React, { useEffect, useRef, useState } from 'react';
+import React, { useEffect, useState } from 'react';
 import {
   Button,
   Space,
@@ -22,41 +22,20 @@ import {
   refreshInstanceDependency,
   getComponentResource
 } from '@/api/componentInstance';
-import {
+import { runStatusConstant, runStatusDic, runTypeConstant, runTypeDic } from '@/const/isdp/componentDeploy';
-  compileStatusDic,
-  runStatusConstant,
-  runStatusDic,
-  runTypeConstant,
-  runTypeDic
-} from '@/const/isdp/componentDeploy';
 import dayjs from 'dayjs';
 import EditInstanceModal from './editInstanceModal';
 import EnvConfigModal from './envConfigModal';
 import ResourceMonitorModal from '@/components/ResourceMonitorModal';
-import { getToken } from '@/utils/auth';
 
 const { RangePicker } = DatePicker;
 const { TextArea } = Input;
 
 interface ListNodeProps {
   componentData: any; // 组件数据
-  compileLogsMap: Record<string, string>;
-  compileStatusMap: Record<string, 'idle' | 'running' | 'success' | 'failed' | 'canceled'>;
-  subscribeInstanceLog: (instanceId: string) => void;
-  unsubscribeInstanceLog: (instanceId: string) => void;
-  updateCompileStatus: (instanceId: string, status: 'idle' | 'running' | 'success' | 'failed' | 'canceled') => void;
-  isWsConnected: boolean;
 }
 
-const ListNode: React.FC<ListNodeProps> = ({
+const ListNode: React.FC<ListNodeProps> = ({ componentData }) => {
-                                             componentData,
-                                             compileLogsMap,
-                                             compileStatusMap,
-                                             subscribeInstanceLog,
-                                             unsubscribeInstanceLog,
-                                             updateCompileStatus,
-                                             isWsConnected
-                                           }) => {
   const [data, setData] = useState([]);
   const [loading, setLoading] = useState(false);
   const [refreshingIds, setRefreshingIds] = useState<Set<string>>(new Set()); // 记录正在刷新的实例ID
@@ -86,10 +65,6 @@ const ListNode: React.FC<ListNodeProps> = ({
   const [resourceModalVisible, setResourceModalVisible] = useState(false);
   const [resourceData, setResourceData] = useState<any>(null);
 
-  // 编译日志 Modal 相关状态
-  const [compileModalVisible, setCompileModalVisible] = useState(false);
-  const [compileInstance, setCompileInstance] = useState<any>(null);
-
   // 获取实例列表
   const fetchInstanceList = async () => {
     if (!componentData?.identifier) return;
@@ -189,20 +164,35 @@ const ListNode: React.FC<ListNodeProps> = ({
     // 添加到刷新中的集合
     setRefreshingIds(prev => new Set(prev).add(record.id));
 
+    // 显示提示消息
+    const messageKey = `refresh_${record.id}`;
+    Message.loading({
+      id: messageKey,
+      content: '正在编译组件,请稍候...',
+      duration: 0 // 不自动关闭
+    });
+
     try {
-      // 调用编译接口
       const res: any = await refreshInstanceDependency(record.id);
 
-      if (res.code === 200) {
+      // 关闭 loading 消息
-        Message.success('编译任务已提交');
+      Message.clear();
+
+      if (res.code === 200 && res.data) {
+        Message.success('依赖刷新成功');
+        // 刷新列表
+        fetchInstanceList();
       }
       else {
-        Message.error(res.msg || '编译失败');
+        Message.error(res.msg || '依赖刷新失败');
       }
     } catch (error) {
+      // 关闭 loading 消息
+      Message.clear();
       console.error('编译组件失败:', error);
-      Message.error('编译组件失败,请稍后重试');
+      Message.error('依赖刷新失败,请稍后重试');
     } finally {
+      // 从刷新中的集合移除
       setRefreshingIds(prev => {
         const newSet = new Set(prev);
         newSet.delete(record.id);
@@ -211,27 +201,6 @@ const ListNode: React.FC<ListNodeProps> = ({
     }
   };
 
-  // 打开编译日志 Modal
-  const handleOpenCompileLog = (record) => {
-    setCompileInstance(record);
-    setCompileModalVisible(true);
-
-    // 通过父组件传递的方法订阅该实例的编译日志
-    subscribeInstanceLog(record.id);
-  };
-
-  // 关闭编译日志 Modal
-  const handleCloseCompileModal = () => {
-    setCompileModalVisible(false);
-
-    // 取消订阅当前实例的日志
-    if (compileInstance?.id) {
-      unsubscribeInstanceLog(compileInstance.id);
-    }
-
-    setCompileInstance(null);
-  };
-
   // 打开日志 Modal
   const handleOpenLog = (record) => {
     setCurrentInstance(record);
@@ -309,6 +278,7 @@ const ListNode: React.FC<ListNodeProps> = ({
   // 处理编辑实例确定
   const handleEditOk = async (values: any) => {
     try {
+      console.log('更新实例信息:', { ...editingInstance, ...values });
       Message.success('更新成功');
       setEditModalVisible(false);
       setEditingInstance(null);
@@ -349,8 +319,7 @@ const ListNode: React.FC<ListNodeProps> = ({
       if (res.code === 200 && res.data) {
         setResourceData(res.data);
         setResourceModalVisible(true);
-      }
+      } else {
-      else {
         Message.error(res.msg || '获取资源信息失败');
       }
     } catch (error) {
@@ -369,17 +338,7 @@ const ListNode: React.FC<ListNodeProps> = ({
     {
       title: '组件标识',
       dataIndex: 'identifier',
-      align: 'center',
+      align: 'center'
-      render: (identifier, record) => {
-        return (
-          <span
-            style={{ color: '#3491FA', cursor: 'pointer' }}
-            onClick={() => handleOpenEdit(record)}
-          >
-            {identifier}
-          </span>
-        );
-      }
     },
     {
       title: '实例名称',
@@ -396,7 +355,7 @@ const ListNode: React.FC<ListNodeProps> = ({
       }
     },
     {
-      title: '实例运行状态',
+      title: '运行状态',
       dataIndex: 'runStatus',
       align: 'center',
       render: (runStatus) => {
@@ -404,15 +363,6 @@ const ListNode: React.FC<ListNodeProps> = ({
         return item ? <Tag color={item.color}>{item.label}</Tag> : '-';
       }
     },
-    {
-      title: '实例编译状态',
-      dataIndex: 'currentTaskStatus',
-      align: 'center',
-      render: (currentTaskStatus) => {
-        const item = compileStatusDic.find(d => d.value === currentTaskStatus);
-        return item ? <Tag color={item.color}>{item.label}</Tag> : '-';
-      }
-    },
     {
       title: '创建时间',
       dataIndex: 'createTime',
@@ -431,11 +381,6 @@ const ListNode: React.FC<ListNodeProps> = ({
         const isRefreshing = refreshingIds.has(record.id);
         const isLocalRun = record.runType === 'LOCAL';
 
-        // 获取当前实例的编译状态
-        const compileStatus = compileStatusMap[record.currentTaskStatus] || 'idle';
-        // 编译状态为 running、failed、canceled 时不显示启停按钮
-        const hideStartStopButtons = compileStatus === 'running' || compileStatus === 'failed' || compileStatus === 'canceled';
-
         return (
           <div className={styles['table-handle-box']}>
             <Space size={20}>
@@ -449,49 +394,45 @@ const ListNode: React.FC<ListNodeProps> = ({
                   >
                     编译组件
                   </Button>
-                  <Button
-                    type="text"
-                    onClick={() => handleOpenCompileLog(record)}
-                  >
-                    编译日志
-                  </Button>
                   <Button type="text" onClick={() => handleOpenLog(record)}>运行日志</Button>
                 </>
               )}
               {!isRunning && (
                 <Button type="text" onClick={() => handleOpenEnvConfig(record)}>环境配置</Button>
               )}
-              {/*{!isLocalRun && isRunning && (*/}
+              {!isLocalRun && isRunning && (
-              {/*  <Button type="text" onClick={() => handeViewResource(record)}>组件资源</Button>*/}
+                <Button type="text" onClick={() => handeViewResource(record)}>组件资源</Button>
-              {/*)}*/}
+              )}
-              {!hideStartStopButtons && (
+              <Button type="text"
-                <>
+                      onClick={() => handleOpenEdit(record)}
-                  {isRunning ? (
-                    <Button
-                      type="text"
-                      style={{ color: 'rgb(var(--danger-6))' }}
-                      icon={<img
-                        src={'/icons/powerUpIcon.png'}
-                        style={{
-                          width: 16,
-                          height: 16,
-                          marginRight: 5,
-                          verticalAlign: 'middle',
-                          filter: 'invert(27%) sepia(96%) saturate(4392%) hue-rotate(348deg) brightness(95%) contrast(95%)'
-                        }} />}
-                      onClick={() => handleStop(record)}
-                    >停止</Button>
-                  ) : (
-                    <Button
-                      type="text"
                       icon={<img
-                        src={'/icons/powerUpIcon.png'}
+                        src={'/icons/editIcon.png'}
                         style={{ width: 16, height: 16, marginRight: 5, verticalAlign: 'middle' }} />}
-                      onClick={() => handleStart(record)}
+              >编辑</Button>
-                      loading={startingId === record.id && startLoading}
+              {isRunning ? (
-                    >启动</Button>
+                <Button
-                  )}
+                  type="text"
-                </>
+                  style={{ color: 'rgb(var(--danger-6))' }}
+                  icon={<img
+                    src={'/icons/powerUpIcon.png'}
+                    style={{
+                      width: 16,
+                      height: 16,
+                      marginRight: 5,
+                      verticalAlign: 'middle',
+                      filter: 'invert(27%) sepia(96%) saturate(4392%) hue-rotate(348deg) brightness(95%) contrast(95%)'
+                    }} />}
+                  onClick={() => handleStop(record)}
+                >停止</Button>
+              ) : (
+                <Button
+                  type="text"
+                  icon={<img
+                    src={'/icons/powerUpIcon.png'}
+                    style={{ width: 16, height: 16, marginRight: 5, verticalAlign: 'middle' }} />}
+                  onClick={() => handleStart(record)}
+                  loading={startingId === record.id && startLoading}
+                >启动</Button>
               )}
               {!isRunning && (
                 <Button
@@ -577,26 +518,6 @@ const ListNode: React.FC<ListNodeProps> = ({
         />
       </Modal>
 
-      {/* 编译日志 Modal */}
-      <Modal
-        title={`编译日志 - ${compileInstance?.name || compileInstance?.identifier || ''}`}
-        visible={compileModalVisible}
-        onCancel={handleCloseCompileModal}
-        footer={null}
-        style={{ width: '70%' }}
-      >
-        <TextArea
-          value={compileLogsMap[compileInstance?.id] || ''}
-          readOnly
-          placeholder="等待编译输出..."
-          style={{
-            minHeight: 400,
-            fontFamily: 'monospace',
-            fontSize: 13
-          }}
-        />
-      </Modal>
-
       {/* 编辑实例信息 Modal */}
       <EditInstanceModal
         visible={editModalVisible}

src/pages/componentDevelopment/componentList/addApiModal.tsx

@@ -1,6 +1,6 @@
 import React, { useState, useEffect } from 'react';
 import { Modal, Form, Input, Message } from '@arco-design/web-react';
-import EditableTable, { validateEditableTableData } from '@/pages/componentDevelopment/componentList/editableTable';
+import EditableTable from '@/pages/componentDevelopment/componentList/editableTable';
 import { updateComponentDesign } from '@/api/componentDevelopProcess';
 
 const FormItem = Form.Item;
@@ -18,12 +18,10 @@ const AddApiModal = ({
   const [form] = Form.useForm();
   const [parametersData, setParametersData] = useState([]);
   const [responsesData, setResponsesData] = useState([]);
-  const [showTableValidationErrors, setShowTableValidationErrors] = useState(false);
 
   // 当 visible 或 componentDesignProgress 变化时，设置表单初始值
   useEffect(() => {
     if (visible && componentDesignProgress) {
-      setShowTableValidationErrors(false);
       // 设置表单字段值
       form.setFieldsValue({
         ident: componentDesignProgress.ident || '',
@@ -53,7 +51,6 @@ const AddApiModal = ({
       }
     }
     else if (visible) {
-      setShowTableValidationErrors(false);
       // 重置表单和表格数据
       form.resetFields();
       setParametersData([]);
@@ -65,15 +62,6 @@ const AddApiModal = ({
     try {
       await form.validate();
       const formData = form.getFields();
-      const parametersValidation = validateEditableTableData(parametersData);
-      const responsesValidation = validateEditableTableData(responsesData);
-
-      if (!parametersValidation.valid || !responsesValidation.valid) {
-        setShowTableValidationErrors(true);
-        const firstError = parametersValidation.errors[0] || responsesValidation.errors[0];
-        Message.error(firstError || '请检查参数填写是否正确');
-        return;
-      }
 
       // 构造要提交的数据
       const params = {
@@ -182,7 +170,6 @@ const AddApiModal = ({
             onDataUpdate={setParametersData}
             initialData={componentDesignProgress?.parameters || []}
             visible={visible}
-            showValidationErrors={showTableValidationErrors}
           />
         </FormItem>
         <FormItem label="输出参数" field="responses">
@@ -190,7 +177,6 @@ const AddApiModal = ({
             onDataUpdate={setResponsesData}
             initialData={componentDesignProgress?.responses || []}
             visible={visible}
-            showValidationErrors={showTableValidationErrors}
           />
         </FormItem>
       </Form>

src/pages/componentDevelopment/componentList/editableTable.tsx

@@ -22,70 +22,20 @@ const arrayTypeOptions = [
   { label: 'OBJECT', value: 'OBJECT' }
 ];
 
-const isEmptyValue = (value) => value === undefined || value === null || `${value}`.trim() === '';
+function EditableCell({ value, onChange, columnType, record, dataIndex }) {
-
-const getFieldError = (record, dataIndex) => {
-  if (dataIndex === 'ident' && isEmptyValue(record.ident)) {
-    return '请输入名称';
-  }
-
-  if (dataIndex === 'type' && isEmptyValue(record.type)) {
-    return '请选择数据类型';
-  }
-
-  if (dataIndex === 'generic' && record.type === 'ARRAY' && isEmptyValue(record.generic)) {
-    return '请选择数组类型';
-  }
-
-  return '';
-};
-
-export const validateEditableTableData = (tableData = []) => {
-  const errors = [];
-
-  tableData.forEach((item, index) => {
-    const rowIndex = index + 1;
-
-    if (isEmptyValue(item.ident)) {
-      errors.push(`第${rowIndex}行请输入名称`);
-    }
-
-    if (isEmptyValue(item.type)) {
-      errors.push(`第${rowIndex}行请选择数据类型`);
-    }
-
-    if (item.type === 'ARRAY' && isEmptyValue(item.generic)) {
-      errors.push(`第${rowIndex}行请选择数组类型`);
-    }
-  });
-
-  return {
-    valid: errors.length === 0,
-    errors
-  };
-};
-
-function EditableCell({ value, onChange, columnType, record, dataIndex, showError, onBlur }) {
   const [error, setError] = useState('');
-  const requiredError = getFieldError(record, dataIndex);
-  const mergedError = error || (showError ? requiredError : '');
 
   // 对于数组类型字段的特殊处理
   if (dataIndex === 'generic') {
     // 仅当数据类型为 ARRAY 时才可编辑
     if (record.type === 'ARRAY') {
       return (
-        <div>
+        <Select
-          <Select
+          value={value}
-            value={value}
+          onChange={onChange}
-            onChange={onChange}
+          options={arrayTypeOptions}
-            onBlur={onBlur}
+          placeholder="请选择数组类型"
-            options={arrayTypeOptions}
+        />
-            placeholder="请选择数组类型"
-            status={mergedError ? 'error' : undefined}
-          />
-          {mergedError && <div style={{ color: '#f53f3f', fontSize: 12, marginTop: 4 }}>{mergedError}</div>}
-        </div>
       );
     }
     else {
@@ -114,11 +64,10 @@ function EditableCell({ value, onChange, columnType, record, dataIndex, showErro
           <Input
             value={value}
             onChange={handleIdentChange}
-            onBlur={onBlur}
             placeholder="请输入（仅支持英文字母、数字和下划线）"
-            status={mergedError ? 'error' : undefined}
+            status={error ? 'error' : undefined}
           />
-          {mergedError && <div style={{ color: '#f53f3f', fontSize: 12, marginTop: 4 }}>{mergedError}</div>}
+          {error && <div style={{ color: '#f53f3f', fontSize: 12, marginTop: 4 }}>{error}</div>}
         </div>
       );
     }
@@ -127,7 +76,6 @@ function EditableCell({ value, onChange, columnType, record, dataIndex, showErro
       <Input
         value={value}
         onChange={onChange}
-        onBlur={onBlur}
         placeholder="请输入"
       />
     );
@@ -135,39 +83,20 @@ function EditableCell({ value, onChange, columnType, record, dataIndex, showErro
 
   if (columnType === 'select') {
     return (
-      <div>
+      <Select
-        <Select
+        value={value}
-          value={value}
+        onChange={onChange}
-          onChange={onChange}
+        options={dataTypeOptions}
-          onBlur={onBlur}
+        placeholder="请选择数据类型"
-          options={dataTypeOptions}
+      />
-          placeholder="请选择数据类型"
-          status={mergedError ? 'error' : undefined}
-        />
-        {mergedError && <div style={{ color: '#f53f3f', fontSize: 12, marginTop: 4 }}>{mergedError}</div>}
-      </div>
     );
   }
 
   return <span>{value}</span>;
 }
 
-function EditableTable({ onDataUpdate, initialData = [], visible, showValidationErrors = false }) {
+function EditableTable({ onDataUpdate, initialData = [], visible }) {
   const [data, setData] = useState([]);
-  const [touchedFields, setTouchedFields] = useState({});
-
-  const getFieldKey = (key, dataIndex) => `${key}-${dataIndex}`;
-
-  const markFieldTouched = (key, dataIndex) => {
-    setTouchedFields(prev => ({
-      ...prev,
-      [getFieldKey(key, dataIndex)]: true
-    }));
-  };
-
-  const shouldShowFieldError = (record, dataIndex) => {
-    return showValidationErrors || touchedFields[getFieldKey(record.key, dataIndex)];
-  };
 
   // 当初始数据变化时，更新表格数据
   useEffect(() => {
@@ -183,7 +112,6 @@ function EditableTable({ onDataUpdate, initialData = [], visible, showValidation
 
   useEffect(() => {
     if (!visible) setData([]);
-    if (!visible) setTouchedFields({});
   }, [visible]);
 
   const handleValueChange = (key, dataIndex, value) => {
@@ -216,8 +144,6 @@ function EditableTable({ onDataUpdate, initialData = [], visible, showValidation
           columnType="input"
           record={record}
           dataIndex="ident"
-          showError={shouldShowFieldError(record, 'ident')}
-          onBlur={() => markFieldTouched(record.key, 'ident')}
         />
       )
     },
@@ -231,8 +157,6 @@ function EditableTable({ onDataUpdate, initialData = [], visible, showValidation
           columnType="select"
           record={record}
           dataIndex="type"
-          showError={shouldShowFieldError(record, 'type')}
-          onBlur={() => markFieldTouched(record.key, 'type')}
         />
       )
     },
@@ -246,8 +170,6 @@ function EditableTable({ onDataUpdate, initialData = [], visible, showValidation
           columnType="select"
           record={record}
           dataIndex="generic"
-          showError={shouldShowFieldError(record, 'generic')}
-          onBlur={() => markFieldTouched(record.key, 'generic')}
         />
       )
     },
@@ -261,8 +183,6 @@ function EditableTable({ onDataUpdate, initialData = [], visible, showValidation
           columnType="input"
           record={record}
           dataIndex="desc"
-          showError={false}
-          onBlur={() => markFieldTouched(record.key, 'desc')}
         />
       )
     },

src/pages/componentDevelopment/componentList/importComponentModal.tsx

@@ -1,24 +1,20 @@
 import React, { useState, useRef, useEffect } from 'react';
-import { Modal, Button, Message, Tabs } from '@arco-design/web-react';
+import { Modal, Button, Message, Divider, Tabs, Checkbox } from '@arco-design/web-react';
 import { IconUpload, IconDelete, IconFile } from '@arco-design/web-react/icon';
 import styles from './style/importComponentModal.module.less';
 
-interface ParsedComponentInfo {
-  baseInfo?: any;
-  operates?: any[];
-}
-
 interface ImportComponentModalProps {
   visible: boolean;
   onCancel: () => void;
   onOk: (files: FileItem[]) => void;
-  onFileSelect: (file: File) => Promise<ParsedComponentInfo[] | ParsedComponentInfo | null>;
+  onFileSelect: (file: File) => void;
+  componentInfo: any; // 单次文件解析的结果
   loading: boolean;
 }
 
 interface FileItem {
   file: File;
-  componentInfo: ParsedComponentInfo[]; // 该文件包含的组件列表
+  componentInfo: any[]; // 该文件包含的组件列表
 }
 
 const ImportComponentModal: React.FC<ImportComponentModalProps> = ({
@@ -26,10 +22,12 @@ const ImportComponentModal: React.FC<ImportComponentModalProps> = ({
                                                                      onCancel,
                                                                      onOk,
                                                                      onFileSelect,
+                                                                     componentInfo,
                                                                      loading
                                                                    }) => {
   const [fileItems, setFileItems] = useState<FileItem[]>([]);
   const [activeTabKey, setActiveTabKey] = useState<string>('0');
+  const [pendingFile, setPendingFile] = useState<File | null>(null); // 等待解析的文件
   const fileInputRef = useRef<HTMLInputElement>(null);
 
   // 当弹窗关闭时清空所有状态
@@ -37,60 +35,56 @@ const ImportComponentModal: React.FC<ImportComponentModalProps> = ({
     if (!visible) {
       setFileItems([]);
       setActiveTabKey('0');
+      setPendingFile(null);
     }
   }, [visible]);
 
-  const updateFileItem = (file: File, componentInfo: ParsedComponentInfo[] | ParsedComponentInfo) => {
+  // 当 componentInfo 更新时，添加到 fileItems`
-    const componentList = Array.isArray(componentInfo) ? componentInfo : [componentInfo];
+  useEffect(() => {
-    let nextActiveKey = '0';
+    if (pendingFile && componentInfo) {
+      const componentList = Array.isArray(componentInfo) ? componentInfo : [componentInfo];
 
-    setFileItems((prev) => {
+      // 检查文件是否已存在
-      const existingIndex = prev.findIndex((item) => item.file.name === file.name);
+      const existingIndex = fileItems.findIndex(item => item.file.name === pendingFile.name);
 
       if (existingIndex >= 0) {
-        nextActiveKey = String(existingIndex);
+        // 更新现有文件
-        const nextItems = [...prev];
+        const newFileItems = [...fileItems];
-        nextItems[existingIndex] = {
+        newFileItems[existingIndex] = {
-          file,
+          file: pendingFile,
           componentInfo: componentList
         };
-        return nextItems;
+        setFileItems(newFileItems);
       }
-
+      else {
-      nextActiveKey = String(prev.length);
+        // 添加新文件
-      return [
+        const newFileItem: FileItem = {
-        ...prev,
+          file: pendingFile,
-        {
-          file,
           componentInfo: componentList
-        }
+        };
-      ];
+        const updatedFileItems = [...fileItems, newFileItem];
-    });
+        setFileItems(updatedFileItems);
-
+        setActiveTabKey(String(fileItems.length)); // 切换到新添加的标签页
-    setActiveTabKey(nextActiveKey);
+      }
-  };
-
-  const handleFileChange = async (event: React.ChangeEvent<HTMLInputElement>) => {
-    const selectedFiles = Array.from(event.target.files ?? []);
-    if (selectedFiles.length === 0) return;
-
-    const validFiles = selectedFiles.filter((file) => file.name.match(/\.zip$/i));
-    const invalidFileCount = selectedFiles.length - validFiles.length;
 
-    if (invalidFileCount > 0) {
+      setPendingFile(null);
-      Message.error('请选择 ZIP 压缩包文件');
     }
+  }, [componentInfo]);
 
-    for (const file of validFiles) {
+  const handleFileChange = (event: React.ChangeEvent<HTMLInputElement>) => {
-      const parsedComponentInfo = await onFileSelect(file);
+    const files = event.target.files;
+    if (!files || files.length === 0) return;
 
-      if (!parsedComponentInfo) {
+    // 验证文件类型 (.zip)
-        continue;
+    const file = files[0];
-      }
+    if (!file.name.match(/\.zip$/i)) {
-
+      Message.error('请选择ZIP压缩包文件');
-      updateFileItem(file, parsedComponentInfo);
+      event.target.value = '';
+      return;
     }
 
+    setPendingFile(file);
+    onFileSelect(file);
     event.target.value = '';
   };
 
@@ -122,6 +116,7 @@ const ImportComponentModal: React.FC<ImportComponentModalProps> = ({
   const handleClose = () => {
     setFileItems([]);
     setActiveTabKey('0');
+    setPendingFile(null);
     onCancel();
   };
 
@@ -156,7 +151,6 @@ const ImportComponentModal: React.FC<ImportComponentModalProps> = ({
     >
       <input
         ref={fileInputRef}
-        multiple
         type="file"
         accept=".zip"
         style={{ display: 'none' }}
@@ -164,7 +158,7 @@ const ImportComponentModal: React.FC<ImportComponentModalProps> = ({
       />
 
       <div className={styles['import-modal-content']}>
-        {fileItems.length === 0 && (
+        {fileItems.length === 0 && !pendingFile && (
           <div className={styles['empty-state']}>
             <p className={styles['empty-text']}>请点击下方&#34;添加文件&#34;按钮选择组件压缩包</p>
             <p className={styles['empty-hint']}>支持 .zip 格式文件，可添加多个文件</p>
@@ -178,9 +172,9 @@ const ImportComponentModal: React.FC<ImportComponentModalProps> = ({
             type="card"
           >
             {fileItems.map((fileItem, fileIndex) => {
-              const currentComponent = fileItem.componentInfo[0];
+              const current = fileItems[activeTabKey];
-              const baseInfo = currentComponent?.baseInfo || {};
+              const baseInfo = current.componentInfo[0].baseInfo;
-              const operates = currentComponent?.operates || [];
+              const operates = current.componentInfo[0].operates;
               return (
                 <Tabs.TabPane
                   key={String(fileIndex)}

src/pages/componentDevelopment/componentList/index.tsx

@@ -84,6 +84,7 @@ const GlobalVarContainer = () => {
     { label: 'Python', value: 'Python' }
   ];
   const [importModalVisible, setImportModalVisible] = useState(false); // 导入弹窗
+  const [importComponentInfo, setImportComponentInfo] = useState(null); // 导入组件信息
   const [importLoading, setImportLoading] = useState(false); // 导入加载状态
   const [showOffSaleModal, setShowOffSaleModal] = useState(false);
   const [offSaleComponent, setOffSaleComponent] = useState(null);
@@ -422,16 +423,16 @@ const GlobalVarContainer = () => {
       const res: any = await getImportComponentInfo({ file });
 
       if (res.code === 200) {
+        setImportComponentInfo(res.data);
         Message.success('组件信息解析成功');
-        return res.data;
       }
       else {
         Message.error(res.msg || '解析组件信息失败');
-        return null;
+        setImportComponentInfo(null);
       }
     } catch (error) {
       Message.error('解析组件信息失败');
-      return null;
+      setImportComponentInfo(null);
     } finally {
       setImportLoading(false);
     }
@@ -452,6 +453,7 @@ const GlobalVarContainer = () => {
       if (res.code === 200) {
         Message.success('组件导入成功');
         setImportModalVisible(false);
+        setImportComponentInfo(null);
         fetchComponentData(); // 刷新列表
       }
       else {
@@ -469,6 +471,7 @@ const GlobalVarContainer = () => {
   // 关闭导入弹窗
   const handleImportCancel = () => {
     setImportModalVisible(false);
+    setImportComponentInfo(null);
   };
 
   // 查看审核历史
@@ -887,6 +890,7 @@ const GlobalVarContainer = () => {
         onCancel={handleImportCancel}
         onOk={handleImportConfirm}
         onFileSelect={handleImportFileSelect}
+        componentInfo={importComponentInfo}
         loading={importLoading}
       />
 

src/pages/componentDevelopment/componentTest/testInstance.tsx

@@ -111,6 +111,7 @@ const TestInstance = ({ instance, parentId, onBack }: { instance: any; parentId:
     else {
       // WebSocket连接前置
       const res: any = await startTestCase(instance.id);
+      console.log('res:', res);
 
       // 构建WebSocket URL，根据你的实际后端配置调整
       const protocol = window.location.protocol === 'https:' ? 'wss:' : 'ws:';

src/pages/dashboard/workplace/overview.tsx

@@ -61,7 +61,7 @@ function Overview() {
   const [loading, setLoading] = useState(true);
   const t = useLocale(locale);
 
-  const userInfo = useSelector((state: any) => state.user?.userInfo || {});
+  const userInfo = useSelector((state: any) => state.userInfo || {});
 
   const fetchData = async () => {
     setLoading(true);
@@ -79,7 +79,7 @@ function Overview() {
     <Card>
       <Typography.Title heading={5}>
         {t['workplace.welcomeBack']}
-        {userInfo.username}
+        {userInfo.name}
       </Typography.Title>
       <Divider />
       <Row>

src/pages/flowEditor/FlowEditorMain.tsx

@@ -163,54 +163,6 @@ const FlowEditorMain: React.FC<FlowEditorMainProps> = (props) => {
   // 流程发布弹窗状态
   const [publishModalVisible, setPublishModalVisible] = React.useState(false);
 
-  const selectedCopyableNodes = useMemo(
-    () =>
-      nodes.filter(
-        (node) =>
-          node.selected && node.type !== 'start' && node.type !== 'end'
-      ),
-    [nodes]
-  );
-
-  const selectedEdgeCount = useMemo(
-    () => edges.filter((edge) => edge.selected).length,
-    [edges]
-  );
-
-  const hasMultiElementSelection =
-    selectedCopyableNodes.length > 1 || selectedEdgeCount > 0;
-
-  const copySelectedElements = React.useCallback(
-    (fallbackNode?: Node) => {
-      const shouldCopySelection =
-        selectedCopyableNodes.length > 0 &&
-        (!fallbackNode || fallbackNode.selected);
-      const nodeToCopy =
-        (shouldCopySelection ? selectedCopyableNodes[0] : undefined) ||
-        (fallbackNode?.type !== 'start' && fallbackNode?.type !== 'end'
-          ? fallbackNode
-          : undefined);
-
-      if (!nodeToCopy) {
-        return;
-      }
-
-      copyNode(nodeToCopy);
-      setIsEditModalOpen(false);
-      setMenu(null);
-    },
-    [copyNode, selectedCopyableNodes, setIsEditModalOpen, setMenu]
-  );
-
-  const contextNode =
-    menu?.type === 'node' ? nodes.find((node) => node.id === menu.id) : null;
-  const contextEdge =
-    menu?.type === 'edge' ? edges.find((edge) => edge.id === menu.id) : null;
-  const nodeContextCopiesSelection =
-    !!contextNode?.selected && hasMultiElementSelection;
-  const edgeContextCopiesSelection =
-    !!contextEdge?.selected && selectedCopyableNodes.length > 0;
-
   // 监听自定义事件以隐藏/显示节点
   useEffect(() => {
     const handleToggleNodeVisibility = (event: CustomEvent) => {
@@ -303,11 +255,12 @@ const FlowEditorMain: React.FC<FlowEditorMainProps> = (props) => {
       // Ctrl/Cmd+C 复制选中的节点
       if (isModifierKey && e.key === 'c' && canEdit) {
         // 获取当前选中的节点
-        const selectedNode = nodes.find(
+        const selectedNode = nodes.find((node) => node.selected);
-          (node) =>
-            node.selected && node.type !== 'start' && node.type !== 'end'
-        );
         if (selectedNode) {
+          // 不允许复制开始和结束节点
+          if (selectedNode.type === 'start' || selectedNode.type === 'end') {
+            return;
+          }
           e.preventDefault();
           copyNode(selectedNode);
         }
@@ -697,11 +650,10 @@ const FlowEditorMain: React.FC<FlowEditorMainProps> = (props) => {
           }}
         >
           <NodeContextMenu
-            node={contextNode!}
+            node={nodes.find((n) => n.id === menu.id)!}
             onDelete={deleteNode}
             onEdit={editNode}
-            onCopy={copySelectedElements}
+            onCopy={copyNode}
-            copyLabel={nodeContextCopiesSelection ? '复制选中内容' : '复制节点'}
             onCloseMenu={setMenu}
             onCloseOpenModal={setIsEditModalOpen}
             isRunning={currentAppIsRunning}
@@ -720,13 +672,9 @@ const FlowEditorMain: React.FC<FlowEditorMainProps> = (props) => {
           }}
         >
           <EdgeContextMenu
-            edge={contextEdge!}
+            edge={edges.find((e) => e.id === menu.id)!}
             onDelete={deleteEdge}
             onEdit={editEdge}
-            onCopy={
-              edgeContextCopiesSelection ? () => copySelectedElements() : undefined
-            }
-            copyLabel="复制选中内容"
             onAddNode={(edge) => {
               setEdgeForNodeAdd(edge);
               setIsEditModalOpen(false);
@@ -748,15 +696,6 @@ const FlowEditorMain: React.FC<FlowEditorMainProps> = (props) => {
         >
           <PaneContextMenu
             position={menu.position!}
-            onCopySelection={
-              selectedCopyableNodes.length > 0
-                ? () => copySelectedElements()
-                : undefined
-            }
-            onPasteNode={(position) => {
-              pasteNode(position);
-              setMenu(null);
-            }}
             onAddNode={(
               nodeType: string,
               position: { x: number; y: number },

src/pages/flowEditor/components/edgeContextMenu.tsx

@@ -6,8 +6,6 @@ interface EdgeContextMenuProps {
   edge: Edge;
   onDelete?: (edge: Edge) => void;
   onEdit?: (edge: Edge) => void;
-  onCopy?: () => void;
-  copyLabel?: string;
   onAddNode?: (edge: Edge) => void; // 添加在边上添加节点的功能
 }
 
@@ -15,8 +13,6 @@ const EdgeContextMenu: React.FC<EdgeContextMenuProps> = ({
   edge,
   onDelete,
   onEdit,
-  onCopy,
-  copyLabel = '复制选中内容',
   onAddNode
 }) => {
   const handleDelete = () => {
@@ -27,10 +23,6 @@ const EdgeContextMenu: React.FC<EdgeContextMenuProps> = ({
     onEdit && onEdit(edge);
   };
 
-  const handleCopy = () => {
-    onCopy && onCopy();
-  };
-
   // 添加在边上添加节点的处理函数
   const handleAddNode = () => {
     onAddNode && onAddNode(edge);
@@ -44,11 +36,6 @@ const EdgeContextMenu: React.FC<EdgeContextMenuProps> = ({
         boxShadow: '0 2px 8px rgba(0, 0, 0, 0.15)'
       }}
     >
-      {onCopy && (
-        <Menu.Item key="copy" onClick={handleCopy}>
-          {copyLabel}
-        </Menu.Item>
-      )}
       <Menu.Item key="add-node" onClick={handleAddNode}>
         添加节点
       </Menu.Item>

src/pages/flowEditor/components/nodeContentImage.tsx

@@ -1,9 +1,8 @@
-import React, { useEffect, useState } from 'react';
+import React from 'react';
 import styles from '@/components/FlowEditor/node/style/baseOther.module.less';
-import { Handle, Position } from '@xyflow/react';
+import { Handle, Position, useStore } from '@xyflow/react';
 import { Image } from '@arco-design/web-react';
 import { formatDataType } from '@/utils/common';
-import UTIF from 'utif';
 
 interface NodeContentData {
   parameters?: {
@@ -104,64 +103,7 @@ const renderRegularNodeHandles = (dataIns: any[], dataOuts: any[], apiIns: any[]
 };
 
 
-const getImageBlobType = (url: string, blobType: string) => {
+const NodeContent = ({ data }: { data: NodeContentData }) => {
-  if (blobType && blobType !== 'application/octet-stream') {
-    return blobType;
-  }
-
-  const cleanUrl = url.split('?')[0].toLowerCase();
-  if (cleanUrl.endsWith('.png')) return 'image/png';
-  if (cleanUrl.endsWith('.jpg') || cleanUrl.endsWith('.jpeg')) return 'image/jpeg';
-  if (cleanUrl.endsWith('.gif')) return 'image/gif';
-  if (cleanUrl.endsWith('.webp')) return 'image/webp';
-  if (cleanUrl.endsWith('.bmp')) return 'image/bmp';
-  if (cleanUrl.endsWith('.svg')) return 'image/svg+xml';
-  if (cleanUrl.endsWith('.tif') || cleanUrl.endsWith('.tiff')) return 'image/tiff';
-
-  return blobType || 'application/octet-stream';
-};
-
-const isTiffImage = (url: string, blobType: string) => {
-  const imageType = getImageBlobType(url, blobType).toLowerCase();
-  const cleanUrl = url.split('?')[0].toLowerCase();
-
-  return (
-    imageType === 'image/tiff' ||
-    cleanUrl.endsWith('.tif') ||
-    cleanUrl.endsWith('.tiff')
-  );
-};
-
-const createTiffPreviewUrl = async (url: string, blob: Blob) => {
-  const buffer = await blob.arrayBuffer();
-  const ifds = UTIF.decode(buffer);
-  const firstImage = ifds[0];
-
-  if (!firstImage) {
-    throw new Error('empty tiff image');
-  }
-
-  UTIF.decodeImage(buffer, firstImage);
-  const rgba = UTIF.toRGBA8(firstImage);
-  const canvas = document.createElement('canvas');
-  canvas.width = firstImage.width;
-  canvas.height = firstImage.height;
-
-  const context = canvas.getContext('2d');
-  if (!context) {
-    throw new Error('canvas context unavailable');
-  }
-
-  const imageData = context.createImageData(firstImage.width, firstImage.height);
-  imageData.data.set(rgba);
-  context.putImageData(imageData, 0, 0);
-
-  return canvas.toDataURL('image/png');
-};
-
-const NodeContent = ({ data, imageUrl = '' }: { data: NodeContentData; imageUrl?: string }) => {
-  const [previewUrl, setPreviewUrl] = useState('');
-  const [imageLoadError, setImageLoadError] = useState(false);
   const apiIns = data.parameters?.apiIns || [];
   const apiOuts = data.parameters?.apiOuts || [];
   const dataIns = data.parameters?.dataIns || [];
@@ -172,60 +114,6 @@ const NodeContent = ({ data, imageUrl = '' }: { data: NodeContentData; imageUrl?
   const isEndNode = data.type === 'end';
   const isSpecialNode = isStartNode || isEndNode;
 
-  useEffect(() => {
-    let canceled = false;
-    let objectUrl = '';
-
-    setPreviewUrl('');
-    setImageLoadError(false);
-
-    if (!imageUrl) {
-      return undefined;
-    }
-
-    const loadImageBlob = async () => {
-      try {
-        const response = await fetch(imageUrl);
-        if (!response.ok) {
-          throw new Error(`load image failed: ${response.status}`);
-        }
-
-        const blob = await response.blob();
-        if (isTiffImage(imageUrl, blob.type)) {
-          const tiffPreviewUrl = await createTiffPreviewUrl(imageUrl, blob);
-          if (!canceled) {
-            setPreviewUrl(tiffPreviewUrl);
-          }
-          return;
-        }
-
-        const typedBlob = new Blob([blob], {
-          type: getImageBlobType(imageUrl, blob.type),
-        });
-        objectUrl = URL.createObjectURL(typedBlob);
-
-        if (!canceled) {
-          setPreviewUrl(objectUrl);
-        }
-      } catch (error) {
-        console.error('图片下载预览失败:', error);
-        if (!canceled) {
-          setPreviewUrl(imageUrl);
-          setImageLoadError(true);
-        }
-      }
-    };
-
-    loadImageBlob();
-
-    return () => {
-      canceled = true;
-      if (objectUrl) {
-        URL.revokeObjectURL(objectUrl);
-      }
-    };
-  }, [imageUrl]);
-
   return (
     <>
       {/*content栏-api部分*/}
@@ -290,31 +178,14 @@ const NodeContent = ({ data, imageUrl = '' }: { data: NodeContentData; imageUrl?
         </>
       )}
 
-      {imageUrl && (
+      {/*图片展示 TODO 需要对接接口*/}
-        <div className={styles['node-image-box']}>
+      {/*<div className={styles['node-image-box']}>*/}
-          {previewUrl ? (
+      {/*  <Image*/}
-            <Image
+      {/*    width={150}*/}
-              width={150}
+      {/*    src=""*/}
-              src={previewUrl}
+      {/*    alt="lamp"*/}
-              alt="图片展示"
+      {/*  />*/}
-              style={{ display: 'block' }}
+      {/*</div>*/}
-              onError={() => setImageLoadError(true)}
-            />
-          ) : (
-            <div className={styles['node-image-loading']}>加载中</div>
-          )}
-          {imageLoadError && (
-            <a
-              className={styles['node-image-download']}
-              href={imageUrl}
-              target="_blank"
-              rel="noreferrer"
-            >
-              下载图片
-            </a>
-          )}
-        </div>
-      )}
 
       {/* 根据节点类型渲染不同的句柄 */}
       {renderRegularNodeHandles(dataIns, dataOuts, apiIns, apiOuts)}

src/pages/flowEditor/components/nodeContentLocal.tsx

@@ -210,15 +210,15 @@ const formatFooter = (data: any, eventListOld = []) => {
           if (topic.includes('**empty**')) return '';
           return `事件: ${name}`;
         }
-      // case 'EVENTSEND_SYNC':
+      case 'EVENTSEND_SYNC':
-      //   const parsedData1 = isJSON(data.customDef) ? JSON.parse(data.customDef) : null;
+        const parsedData1 = isJSON(data.customDef) ? JSON.parse(data.customDef) : null;
-      //   if (parsedData1) {
+        if (parsedData1) {
-      //     const { eventName } = parsedData1;
+          const { eventName } = parsedData1;
-      //     return `事件: ${eventName}`;
+          return `事件: ${eventName}`;
-      //   }
+        }
-      //   else {
+        else {
-      //     return '';
+          return '';
-      //   }
+        }
       case 'BASIC':
       case 'BASIC_LOOP':
         return data.compIdentifier ? `当前实例:${data.compIdentifier}` : '';

src/pages/flowEditor/components/nodeContextMenu.tsx

@@ -9,7 +9,6 @@ interface NodeContextMenuProps {
   onRename?: (node: Node) => void;
   onDelete?: (node: Node) => void;
   onCopy?: (node: Node) => void;
-  copyLabel?: string;
   onEdit?: (node: Node) => void;
   onCloseMenu?: (data: React.Dispatch<React.SetStateAction<any>>) => void;
   onCloseOpenModal?: (boolean: boolean) => void;
@@ -20,7 +19,6 @@ const NodeContextMenu: React.FC<NodeContextMenuProps> = ({
                                                            node,
                                                            onDelete,
                                                            onCopy,
-                                                           copyLabel = '复制节点',
                                                            onEdit,
                                                            onCloseMenu,
                                                            onCloseOpenModal,
@@ -106,7 +104,7 @@ const NodeContextMenu: React.FC<NodeContextMenuProps> = ({
 
         menuItems.push(
           <Menu.Item key="copy" onClick={handleCopy}>
-            {copyLabel}
+            复制节点
           </Menu.Item>
         );
         menuItems.push(

src/pages/flowEditor/components/paneContextMenu.tsx

@@ -6,15 +6,11 @@ const SubMenu = Menu.SubMenu;
 
 interface PaneContextMenuProps {
   onAddNode: (nodeType: string, position: { x: number; y: number }, node: any) => void;
-  onCopySelection?: () => void;
-  onPasteNode?: (position: { x: number; y: number }) => void;
   position: { x: number; y: number };
 }
 
 const PaneContextMenu: React.FC<PaneContextMenuProps> = ({
                                                            onAddNode,
-                                                           onCopySelection,
-                                                           onPasteNode,
                                                            position
                                                          }) => {
   // 包装onAddNode函数以适配AddNodeMenu组件的接口
@@ -24,11 +20,16 @@ const PaneContextMenu: React.FC<PaneContextMenuProps> = ({
 
   // 处理粘贴节点
   const handlePasteNode = useCallback(() => {
-    onPasteNode && onPasteNode(position);
+    // 创建自定义粘贴事件
-  }, [onPasteNode, position]);
+    const pasteEvent = new ClipboardEvent('paste', {
+      clipboardData: new DataTransfer()
+    });
+    pasteEvent.clipboardData?.setData('text', 'paste-node');
+    document.dispatchEvent(pasteEvent);
+  }, []);
 
   // 检查是否有复制的节点数据
-  const hasCopiedNode = !!localStorage.getItem('copiedNode') || !!localStorage.getItem('copiedFlowData');
+  const hasCopiedNode = !!localStorage.getItem('copiedNode');
 
   return (
     <Menu
@@ -40,11 +41,6 @@ const PaneContextMenu: React.FC<PaneContextMenuProps> = ({
       }}
       triggerProps={{ trigger: 'click' }}
     >
-      {onCopySelection && (
-        <Menu.Item key="copy-selection" onClick={onCopySelection}>
-          复制选中内容
-        </Menu.Item>
-      )}
       <SubMenu
         key="add-node"
         title="添加节点"

src/pages/flowEditor/index.tsx

@@ -12,11 +12,7 @@ import FlowEditorMain from './FlowEditorMain';
 import { useFlowEditorState } from '@/hooks/useFlowEditorState';
 import { useFlowCallbacks } from '@/hooks/useFlowCallbacks';
 
-const FlowEditorWithProvider: React.FC<{
+const FlowEditorWithProvider: React.FC<{ initialData?: any, useDefault?: boolean, readOnly?: boolean }> = ({ initialData, useDefault, readOnly }) => {
-  initialData?: any,
-  useDefault?: boolean,
-  readOnly?: boolean
-}> = ({ initialData, useDefault, readOnly }) => {
   return (
     <div style={{ width: '100%', height: '91vh', display: 'flex' }} onContextMenu={(e) => e.preventDefault()}>
       <ReactFlowProvider>
@@ -26,11 +22,7 @@ const FlowEditorWithProvider: React.FC<{
   );
 };
 
-const FlowEditor: React.FC<{ initialData?: any, useDefault?: boolean, readOnly?: boolean }> = ({
+const FlowEditor: React.FC<{ initialData?: any, useDefault?: boolean, readOnly?: boolean }> = ({ initialData, useDefault, readOnly = false }) => {
-                                                                                                 initialData,
-                                                                                                 useDefault,
-                                                                                                 readOnly = false
-                                                                                               }) => {
   const reactFlowInstance = useReactFlow();
   const reactFlowWrapper = useRef<HTMLDivElement>(null);
   const [menu, setMenu] = useState<{
@@ -213,56 +205,30 @@ const FlowEditor: React.FC<{ initialData?: any, useDefault?: boolean, readOnly?:
     setMenu(null);
   }, [setMenu]);
 
-  // 存储最后的鼠标位置
+  // 添加处理粘贴事件的函数
-  const lastMousePositionRef = useRef<{ x: number; y: number } | null>(null);
-
-  // 跟踪鼠标位置
-  useEffect(() => {
-    const handleMouseMove = (event: MouseEvent) => {
-      const pane = reactFlowWrapper.current?.getBoundingClientRect();
-      if (pane && reactFlowInstance) {
-        const position = reactFlowInstance.screenToFlowPosition({
-          x: event.clientX,
-          y: event.clientY
-        });
-        lastMousePositionRef.current = position;
-      }
-    };
-
-    const canvasElement = reactFlowWrapper.current;
-    if (canvasElement) {
-      canvasElement.addEventListener('mousemove', handleMouseMove);
-    }
-
-    return () => {
-      if (canvasElement) {
-        canvasElement.removeEventListener('mousemove', handleMouseMove);
-      }
-    };
-  }, [reactFlowInstance]);
-
-  // 处理粘贴事件
   const handlePasteNode = useCallback((event: ClipboardEvent) => {
-    // 右键菜单触发的粘贴(有menu.position)
+    // 检查是否是粘贴操作且在画布区域内
     if (event.clipboardData?.getData('text') === 'paste-node' && menu?.type === 'pane' && menu.position) {
       pasteNode(menu.position);
       setMenu(null);
     }
-  }, [menu, pasteNode, setMenu]);
+  }, [menu, pasteNode]);
 
   // 添加键盘事件监听
   useEffect(() => {
     const handleKeyDown = (event: KeyboardEvent) => {
       // 检查是否按下了 Ctrl+V (Windows/Linux) 或 Cmd+V (Mac)
       if ((event.ctrlKey || event.metaKey) && event.key === 'v') {
-        // 键盘快捷键粘贴,使用最后的鼠标位置
+        // 触发自定义粘贴事件
-        if (lastMousePositionRef.current) {
+        const pasteEvent = new ClipboardEvent('paste', {
-          pasteNode(lastMousePositionRef.current);
+          clipboardData: new DataTransfer()
-        }
+        });
+        pasteEvent.clipboardData?.setData('text', 'paste-node');
+        document.dispatchEvent(pasteEvent);
       }
     };
 
-    // 为画布添加键盘和粘贴事件监听
+    // 为画布添加键盘事件监听
     const canvasElement = reactFlowWrapper.current;
     if (canvasElement) {
       canvasElement.addEventListener('keydown', handleKeyDown);
@@ -275,7 +241,7 @@ const FlowEditor: React.FC<{ initialData?: any, useDefault?: boolean, readOnly?:
       }
       document.removeEventListener('paste', handlePasteNode);
     };
-  }, [pasteNode, handlePasteNode]);
+  }, [handlePasteNode]);
 
   // 监听边的变化，处理添加节点的触发
   useEffect(() => {

src/pages/flowEditor/sideBar/config/localNodeData.ts

@@ -84,7 +84,6 @@ const imageParameters = {
     defaultValue: ''
   }],
   dataIns: [{
-    id: 'in',
     name: 'in',
     desc: 'url',
     dataType: 'STRING',

src/pages/ideContainer/index.tsx

@@ -1,15 +1,8 @@
 import React, { useState, useEffect, useRef } from 'react';
 import { useSelector, useDispatch } from 'react-redux';
-import {
+import { updateSocketId, updateNodeStatus, updateEventListOld } from '@/store/ideContainer';
-  updateSocketId,
-  updateNodeStatus,
-  updateEventListOld,
-  updateRuntimeId,
-  updateIsRunning
-} from '@/store/ideContainer';
 import useWebSocket from '@/hooks/useWebSocket';
 import { isJSON, getUrlParams } from '@/utils/common';
-import { buildRuntimeReconnectRequest } from '@/utils/runtimeReconnect';
 
 import styles from './style/index.module.less';
 import SideBar from './sideBar';
@@ -24,7 +17,7 @@ import {
   updateEventList,
   updateGlobalVarList
 } from '@/store/ideContainer';
-import { getAppListBySceneId, reconnectRun } from '@/api/apps';
+import { getAppListBySceneId } from '@/api/apps';
 import { getProjectComp } from '@/api/scene';
 
 import ProjectContainer from '@/pages/orchestration/project';
@@ -64,22 +57,6 @@ const ALL_PATHS = [
   'systemResource', 'appGuide'
 ];
 
-const getRuntimeNodeStatus = (state: any) => {
-  switch (state) {
-    case 0:
-    case '0':
-      return 'running';
-    case 1:
-    case '1':
-      return 'success';
-    case -1:
-    case '-1':
-      return 'failed';
-    default:
-      return '';
-  }
-};
-
 function IDEContainer() {
   const [selected, setSelected] = useState<Selected>({});
   const [urlParams, setUrlParams] = useState<UrlParamsOptions>({});
@@ -87,10 +64,9 @@ function IDEContainer() {
   // 用于跟踪已打开的tab，保持组件状态
   const [openedTabs, setOpenedTabs] = useState<Set<string>>(new Set());
   const [subMenuData, setSubMenuData] = useState<any>({});
-  const { menuData, flowData, currentAppData, socketId } = useSelector((state) => state.ideContainer);
+  const { menuData, flowData, currentAppData } = useSelector((state) => state.ideContainer);
   const dispatch = useDispatch();
   const navBarRef = useRef<NavBarRef>(null);
-  const lastReconnectKeyRef = useRef('');
 
   // 初始化WebSocket hook
   const ws = useWebSocket({
@@ -110,12 +86,25 @@ function IDEContainer() {
       // 处理节点状态更新
       if (socketMessage?.nodeLog) {
         const { nodeId, state, runLog, appId } = socketMessage.nodeLog;
-        const status = getRuntimeNodeStatus(state);
+        // 将状态映射为前端使用的状态
+        let status = 'waiting';
+        switch (state) {
+          case 0: // 运行中
+            status = 'running';
+            break;
+          case 1: // 运行成功
+            status = 'success';
+            break;
+          case -1: // 运行失败
+            status = 'failed';
+            break;
+          default:// 等待运行
+            status = 'waiting';
+            break;
+        }
         // 更新节点状态，使用特殊的actionType标记这是运行时状态更新
         // 如果后端提供了 appId，则传递给 action 以确保更新正确的应用状态
-        if (nodeId && status) {
+        dispatch(updateNodeStatus({ nodeId, status, appId, actionType: 'RUNTIME_UPDATE' }));
-          dispatch(updateNodeStatus({ nodeId, status, appId, actionType: 'RUNTIME_UPDATE' }));
-        }
 
         // 只有当存在runLog时才发送日志到logBar
         if (runLog) {
@@ -133,52 +122,6 @@ function IDEContainer() {
     }
   });
 
-  useEffect(() => {
-    const reconnectRequest = buildRuntimeReconnectRequest({
-      app: currentAppData,
-      socketId,
-      lastReconnectKey: lastReconnectKeyRef.current
-    });
-
-    if (!reconnectRequest) {
-      return;
-    }
-
-    let canceled = false;
-    lastReconnectKeyRef.current = reconnectRequest.reconnectKey;
-
-    const reconnectRuntime = async () => {
-      try {
-        dispatch(updateRuntimeId(reconnectRequest.instanceId));
-        dispatch(updateIsRunning(true));
-
-        const res: any = await reconnectRun({
-          instanceId: reconnectRequest.instanceId,
-          newSocketId: reconnectRequest.newSocketId
-        });
-
-        const reconnectResult = res?.data || res;
-        if (!canceled && reconnectResult?.success === false) {
-          lastReconnectKeyRef.current = '';
-          Message.error(reconnectResult.message || '运行实例重连失败');
-          return;
-        }
-      } catch (error) {
-        if (!canceled) {
-          lastReconnectKeyRef.current = '';
-          console.error('运行实例重连失败:', error);
-          Message.error('运行实例重连失败');
-        }
-      }
-    };
-
-    reconnectRuntime();
-
-    return () => {
-      canceled = true;
-    };
-  }, [currentAppData, socketId, dispatch]);
-
   // 监听自定义事件，处理打开子节点标签页的逻辑
   useEffect(() => {
     const handleOpenSubNodeTab = async (event: CustomEvent) => {

src/pages/ideContainer/logBar.tsx

@@ -1,7 +1,7 @@
 import React, { useState, useRef, useEffect } from 'react';
 import { ResizeBox, Tabs } from '@arco-design/web-react';
 import styles from './style/logBar.module.less';
-import { updateLogBarStatus, updateRuntimeNodeData } from '@/store/ideContainer';
+import { updateLogBarStatus } from '@/store/ideContainer';
 import { useSelector, useDispatch } from 'react-redux';
 import { getNodeData } from '@/api/appIns';
 import RunTimeData from './components/runTimeData';
@@ -165,32 +165,27 @@ const LogBar: React.FC<LogBarProps> = () => {
 
   // 获取当前应用的运行状态
   const currentAppKey = getCurrentAppKey(currentAppData);
-  const currentAppIsRunning = currentAppKey && appRuntimeData[currentAppKey]?.isRunning;
+  const isRunning = currentAppKey && appRuntimeData[currentAppKey]?.isRunning;
-  const currentRunId = currentAppKey ? appRuntimeData[currentAppKey]?.runId : '';
 
   // 实现轮询获取运行数据 - 只在应用运行时轮询
   useEffect(() => {
     let intervalId: NodeJS.Timeout | null = null;
-    const appKey = currentAppKey;
+    const appKey = getCurrentAppKey(currentAppData);
 
     // 只有在应用正在运行且有 runId 时才开始轮询
     if (
       appKey &&
-      currentAppIsRunning &&
+      appRuntimeData[appKey]?.isRunning &&
-      currentRunId
+      appRuntimeData[appKey]?.runId
     ) {
       const fetchRuntimeData = async () => {
         try {
           setLoading(true);
-          const response = await getNodeData(currentRunId);
+          const response = await getNodeData(appRuntimeData[appKey].runId);
           setRuntimeData((prev) => ({
             ...prev,
             [appKey]: response.data,
           }));
-          dispatch(updateRuntimeNodeData({
-            appId: appKey,
-            nodeData: response.data
-          }));
         } catch (error) {
           console.error('获取运行数据失败:', error);
         } finally {
@@ -211,12 +206,12 @@ const LogBar: React.FC<LogBarProps> = () => {
         clearInterval(intervalId);
       }
     };
-  }, [currentAppKey, currentAppIsRunning, currentRunId, dispatch]);
+  }, [currentAppData, appRuntimeData]);
 
   // 当应用停止运行时，清除运行数据
   useEffect(() => {
-    const appKey = currentAppKey;
+    const appKey = getCurrentAppKey(currentAppData);
-    if (appKey && !currentAppIsRunning) {
+    if (appKey && !appRuntimeData[appKey]?.isRunning) {
       // 清除当前应用的运行数据
       setRuntimeData((prev) => {
         const newData = { ...prev };
@@ -224,7 +219,7 @@ const LogBar: React.FC<LogBarProps> = () => {
         return newData;
       });
     }
-  }, [currentAppKey, currentAppIsRunning]);
+  }, [isRunning, currentAppData]);
 
   // 渲染校验日志内容
   const renderValidationLogs = () => {

src/pages/ideContainer/market.tsx

@@ -365,18 +365,7 @@ const Market: React.FC<MarketProps> = ({ updateProjectComp }) => {
                   <div className={styles['component-list']}>
                     <div className={styles['component-info']}>
                       <img src="/icons/compIcon.png" alt="" />
-                      <div className={styles['component-text']}>
+                      <span>{component.label || component.flowName}</span>
-                        <div className={styles['component-header']}>
-                          <span className={styles['component-flowName']}>{component.label || component.flowName}</span>
-                          {component?.comp?.codeLanguage && (
-                            <Tag size="small" color="arcoblue" className={styles['component-language-tag']}>
-                              {component.comp.codeLanguage}
-                            </Tag>
-                          )}
-                        </div>
-                        <span className={styles['component-identifier']}>{component?.comp?.identifier}</span>
-                        <span className={styles['component-author']}>{component?.author}</span>
-                      </div>
                     </div>
                     {/*两种状态 未添加的是primary 已添加的是secondary*/}
                     {

src/pages/ideContainer/style/market.module.less

@@ -44,57 +44,16 @@
       display: flex;
       justify-content: space-between;
       align-items: center;
-      gap: 12px;
       padding-top: 10px;
 
       .component-info {
-        min-width: 0;
-        flex: 1;
         display: flex;
         align-items: center;
 
         img {
-          width: 45px;
+          width: 40px;
-          height: 45px;
+          height: 40px;
-          margin-right: 15px;
+          margin-right: 10px;
-          flex-shrink: 0;
-        }
-
-        .component-text {
-          min-width: 0;
-          flex: 1;
-          display: flex;
-          flex-direction: column;
-          gap: 4px;
-
-          .component-header {
-            min-width: 0;
-            display: flex;
-            align-items: center;
-            gap: 8px;
-          }
-
-          .component-flowName {
-            min-width: 0;
-            font-size: 16px;
-            font-weight: 600;
-            overflow: hidden;
-            text-overflow: ellipsis;
-            white-space: nowrap;
-          }
-
-          .component-language-tag {
-            flex-shrink: 0;
-          }
-
-          .component-identifier,
-          .component-author {
-            font-size: 12px;
-            color: #adadad;
-            overflow: hidden;
-            text-overflow: ellipsis;
-            white-space: nowrap;
-          }
         }
       }
     }

src/pages/orchestration/event/index.tsx

@@ -97,9 +97,6 @@ const HandleModal = ({ visible, onChangeVisible, onRefresh }) => {
                 if (value.includes('**empty**')) {
                   return cb('非法事件标识，请重新输入');
                 }
-                if (!/^[A-Za-z0-9_]+$/.test(value)) {
-                  return cb('事件标识只能输入英文字母、数字和下划线');
-                }
 
                 return cb();
               }
@@ -235,7 +232,7 @@ const EventContainer = () => {
           title="删除事件"
           content="事件删除后无法恢复，请谨慎删除！"
           onOk={async () => {
-            const res: any = await deleteEventItem(record.topicId);
+            const res: any = await deleteEventItem(record.eventId);
             if (res && res.code === 200) {
               Message.success('删除成功');
               fetchEventData();

src/pages/orchestration/globalVar/addModal.tsx

@@ -151,9 +151,6 @@ const AddGlobalVarModal = ({ visible, onOk, onChangeVisible, form }) => {
                 if (!value) {
                   return cb('请填写变量名');
                 }
-                if (!/^[A-Za-z0-9_]+$/.test(value)) {
-                  return cb('变量名只能输入英文字母、数字和下划线');
-                }
 
                 return cb();
               }

src/store/ideContainer.ts

@@ -28,7 +28,6 @@ interface IDEContainerState {
       isPaused: boolean;
       logs: any[];
       runId: string;
-      nodeData: any[];
       eventSendNodeList: any[]; // [{nodeID:topic}]
       eventlisteneList: any[]; //  [{nodeID:topic}]
     }
@@ -213,19 +212,6 @@ const ideContainerSlice = createSlice({
         state.appRuntimeData[appId].logs = [];
       }
     },
-    // 更新运行节点数据
-    updateRuntimeNodeData: (state, { payload }) => {
-      const { appId, nodeData } = payload;
-      if (!appId) {
-        return;
-      }
-      if (!state.appRuntimeData[appId]) {
-        state.appRuntimeData[appId] = createDefaultAppRuntimeState();
-      }
-      state.appRuntimeData[appId].nodeData = Array.isArray(nodeData)
-        ? nodeData
-        : [];
-    },
     // 更新组件编码路径
     updateComponentCodingPath(state, action) {
       state.componentCoding = { ...action.payload };
@@ -255,7 +241,6 @@ export const {
   updateEventNodeList,
   addRuntimeLog,
   clearRuntimeLogs,
-  updateRuntimeNodeData,
   updateComponentCodingPath,
 } = ideContainerSlice.actions;
 

src/store/user.ts

@@ -3,7 +3,6 @@ import { createSlice } from '@reduxjs/toolkit';
 export interface UserState {
   userInfo?: {
     name?: string;
-    username?: string;
     avatar?: string;
     job?: string;
     organization?: string;

src/utils/convertFlowData.ts

@@ -4,28 +4,6 @@ import LoopNode from '@/components/FlowEditor/node/loopNode/LoopNode';
 import { updateEventNodeList } from '@/store/ideContainer';
 import { resolveNodeComponent } from '@/utils/flow/nodeRegistry';
 
-const runtimeToEditorNodeTypeMap: Record<string, string> = {
-  SHOW_IMAGE: 'IMAGE',
-  SHOW_RESULT: 'RESULT',
-  JSON_CONVERT: 'JSONCONVERT',
-};
-
-const editorToRuntimeNodeTypeMap: Record<string, string> = {
-  IMAGE: 'SHOW_IMAGE',
-  RESULT: 'SHOW_RESULT',
-  JSONCONVERT: 'JSON_CONVERT',
-};
-
-export const toEditorNodeType = (type?: string) => {
-  if (!type) return type;
-  return runtimeToEditorNodeTypeMap[type] || type;
-};
-
-export const toRuntimeComponentType = (type?: string) => {
-  if (!type) return type;
-  return editorToRuntimeNodeTypeMap[type] || type;
-};
-
 /**
  * 将提供的数据结构转换为适用于 flow editor 的 nodes 和 edges
  * @param flowData - 原始数据结构
@@ -139,19 +117,19 @@ export const convertFlowData = (flowData: any, useDefault = true) => {
 
     // 确定节点类型
     let nodeType = 'BASIC';
-    const componentType = toEditorNodeType(nodeConfig.component?.type);
     if (nodeId.includes('start')) {
       nodeType = 'start';
     } else if (nodeId.includes('end')) {
       nodeType = 'end';
     } else if (
-      componentType === 'LOOP_START' ||
+      nodeConfig.component?.type === 'LOOP_START' ||
-      componentType === 'LOOP_END'
+      nodeConfig.component?.type === 'LOOP_END'
     ) {
       nodeType = 'LOOP';
     } else {
-      nodeType = componentType || 'BASIC';
+      nodeType = nodeConfig.component?.type || 'BASIC';
     }
+
     // 解析位置信息
     const position = nodeConfig.position || { x: 0, y: 0 };
 
@@ -165,16 +143,16 @@ export const convertFlowData = (flowData: any, useDefault = true) => {
         parameters: {
           apiIns: getNodeApiIns(nodeId, nodeConfig, currentProjectCompData),
           apiOuts: getNodeApiOuts(nodeId, nodeConfig, currentProjectCompData),
-          dataIns: getNodeDataIns(nodeConfig),
+          dataIns: nodeConfig.dataIns || [],
           dataOuts: nodeConfig.dataOuts || [],
         },
-        type: componentType || nodeType,
+        type: nodeConfig.component?.type || nodeType,
       },
     };
 
     // 添加组件标识信息
     if (nodeConfig.component) {
-      node.data.component = { ...nodeConfig.component, type: componentType };
+      node.data.component = { ...nodeConfig.component };
       node.data.compId = nodeConfig.component.compId;
     }
 
@@ -493,7 +471,7 @@ export const revertFlowData = (nodes: any[], edges: any[]) => {
       // 处理 component 信息
       if (node.data?.component) {
         nodeConfig.component = {
-          type: toRuntimeComponentType(nodeType),
+          type: nodeType,
           compIdentifier: node.data.component.compIdentifier || '',
           compInstanceIdentifier:
             node.data.component.compInstanceIdentifier || '',
@@ -504,7 +482,7 @@ export const revertFlowData = (nodes: any[], edges: any[]) => {
       } else if (nodeType !== 'start' && nodeType !== 'end') {
         // 对于非 start/end 节点，添加基本的 component 信息
         nodeConfig.component = {
-          type: toRuntimeComponentType(nodeType),
+          type: nodeType,
         };
       }
       if (['BASIC', 'SUB'].includes(nodeType))
@@ -647,13 +625,10 @@ export const reverseConvertFlowData = (
           }),
         };
       } else if (node.data?.component) {
-        nodeConfig.component = {
+        nodeConfig.component = { ...node.data.component };
-          ...node.data.component,
-          type: toRuntimeComponentType(node.data.component.type || node.type),
-        };
       } else {
         nodeConfig.component = {
-          type: toRuntimeComponentType(node.type),
+          type: node.type,
         };
       }
 
@@ -750,27 +725,6 @@ export const reverseConvertFlowData = (
   return flowData;
 };
 
-// 获取节点的数据输入参数
-const getNodeDataIns = (nodeConfig: any) => {
-  if (Array.isArray(nodeConfig.dataIns) && nodeConfig.dataIns.length > 0) {
-    return nodeConfig.dataIns;
-  }
-
-  if (nodeConfig.component?.type === 'EVENTSEND_SYNC') {
-    return [
-      {
-        arrayType: null,
-        dataType: 'STRING',
-        defaultValue: '',
-        desc: '输入',
-        id: 'in',
-      },
-    ];
-  }
-
-  return [];
-};
-
 // 获取节点的API输入参数
 const getNodeApiIns = (
   nodeId: string,

src/utils/flow/canvasCache.js

@@ -1,48 +0,0 @@
-function hasObjectValues(value) {
-  return Boolean(value && typeof value === 'object' && Object.keys(value).length > 0);
-}
-
-function hasInitialCanvasData(initialData, useDefault) {
-  if (!initialData) {
-    return false;
-  }
-
-  if (Array.isArray(initialData)) {
-    return initialData.length > 0;
-  }
-
-  if (useDefault) {
-    return hasObjectValues(initialData?.main?.components) || hasObjectValues(initialData?.components);
-  }
-
-  return hasObjectValues(initialData);
-}
-
-function hasCanvasContent(canvas) {
-  return Boolean(
-    canvas &&
-    ((Array.isArray(canvas.nodes) && canvas.nodes.length > 0) ||
-      (Array.isArray(canvas.edges) && canvas.edges.length > 0))
-  );
-}
-
-function shouldUseCachedCanvas({ cachedCanvas, initialData, useDefault }) {
-  if (!cachedCanvas) {
-    return false;
-  }
-
-  if (hasCanvasContent(cachedCanvas)) {
-    return true;
-  }
-
-  return !hasInitialCanvasData(initialData, useDefault);
-}
-
-function shouldPersistCanvas({ nodes, edges }) {
-  return hasCanvasContent({ nodes, edges });
-}
-
-module.exports = {
-  shouldUseCachedCanvas,
-  shouldPersistCanvas,
-};

src/utils/flow/imageRuntimeData.ts

@@ -1,40 +0,0 @@
-export interface RuntimeNodeData {
-  nodeId?: string;
-  input?: Record<string, any>;
-  [key: string]: any;
-}
-
-const isRuntimeNode = (item: any): item is RuntimeNodeData => {
-  return !!item && typeof item === 'object' && typeof item.nodeId === 'string';
-};
-
-export const flattenRuntimeNodeData = (runtimeData: any): RuntimeNodeData[] => {
-  if (!Array.isArray(runtimeData)) {
-    return [];
-  }
-
-  return runtimeData.reduce<RuntimeNodeData[]>((nodes, item) => {
-    if (isRuntimeNode(item)) {
-      nodes.push(item);
-      return nodes;
-    }
-
-    if (Array.isArray(item?.nodes)) {
-      nodes.push(...item.nodes.filter(isRuntimeNode));
-    }
-
-    return nodes;
-  }, []);
-};
-
-export const getRuntimeImageUrl = (
-  runtimeData: any,
-  nodeId: string
-): string => {
-  const nodeData = flattenRuntimeNodeData(runtimeData).find(
-    (item) => item.nodeId === nodeId
-  );
-  const imageUrl = nodeData?.input?.in;
-
-  return typeof imageUrl === 'string' ? imageUrl.trim() : '';
-};

src/utils/flow/runtime.ts

@@ -9,7 +9,6 @@ export interface AppRuntimeState {
   isPaused: boolean;
   logs: any[];
   runId: string;
-  nodeData: any[];
   eventSendNodeList: any[];
   eventlisteneList: any[];
 }
@@ -30,7 +29,6 @@ export const createDefaultAppRuntimeState = (): AppRuntimeState => ({
   isPaused: false,
   logs: [],
   runId: '',
-  nodeData: [],
   eventSendNodeList: [],
   eventlisteneList: [],
 });

src/utils/runtimeReconnect.js

@@ -1,28 +0,0 @@
-function isScheduledRunning(app) {
-  return app && (app.scheduled === 1 || app.scheduled === '1' || app.scheduled === true);
-}
-
-function buildRuntimeReconnectRequest({ app, socketId, lastReconnectKey }) {
-  const instanceId = app && app.instanceId ? String(app.instanceId) : '';
-  const newSocketId = socketId ? String(socketId) : '';
-  const appKey = app && (app.id || app.key) ? String(app.id || app.key) : '';
-
-  if (!isScheduledRunning(app) || !instanceId || !newSocketId || !appKey) {
-    return null;
-  }
-
-  const reconnectKey = `${appKey}:${instanceId}:${newSocketId}`;
-  if (reconnectKey === lastReconnectKey) {
-    return null;
-  }
-
-  return {
-    instanceId,
-    newSocketId,
-    reconnectKey,
-  };
-}
-
-module.exports = {
-  buildRuntimeReconnectRequest,
-};