@devops-flow/devops-flow-pipeline-detail 0.0.50 → 0.0.52

package/es/components/common/teambition/flow-job-btn/cardsMap.d.ts

@@ -1,7 +1,8 @@
 export declare const ExecuteableButtons: string[];
-export declare const buildButtonComponentWrapper: ({ displayType, mode, isAdmin, ...props }: {
+export declare const buildButtonComponentWrapper: ({ displayType, type, mode, isAdmin, ...props }: {
     [x: string]: any;
     displayType: any;
+    type: any;
     mode: any;
     isAdmin?: boolean;
 }) => (restProps: any) => any;

package/es/components/common/teambition/flow-job-btn/cardsMap.js

@@ -1,8 +1,8 @@
 import _extends from "@babel/runtime/helpers/extends";
 import _objectWithoutPropertiesLoose from "@babel/runtime/helpers/objectWithoutPropertiesLoose";
-var _excluded = ["displayType", "mode", "isAdmin"],
+var _excluded = ["displayType", "type", "mode", "isAdmin"],
   _excluded2 = ["displayType", "type"];
-import React from 'react';
+import React, { useContext } from 'react';
 import ExecuteButton from "./execute-button";
 import LogButton from "./log-btn";
 import AuiTestSummaryButton from "./aui-test-summary";
@@ -24,13 +24,41 @@ import DebugButton from "./debug-button";
 import ReleaseOrderButton from "./release-order";
 import ChangeInfoButton from "./change-info-btn";
 import { getFeature } from "../../../../utils";
+import ConfigContext from "../../../../contexts/config";
 export var ExecuteableButtons = ['EXECUTE'];
 export var buildButtonComponentWrapper = function buildButtonComponentWrapper(_ref) {
   var displayType = _ref.displayType,
+    type = _ref.type,
     mode = _ref.mode,
     _ref$isAdmin = _ref.isAdmin,
     isAdmin = _ref$isAdmin === void 0 ? false : _ref$isAdmin,
     props = _objectWithoutPropertiesLoose(_ref, _excluded);
+  var globalConfig = useContext(ConfigContext);
+  var _globalConfig$replace = globalConfig.replaceLinks,
+    reportLinkHost = _globalConfig$replace.report,
+    scanLinkHost = _globalConfig$replace.scan;
+
+  // 独立组件的后端返回数据格式，和 Flow 不一致，需要要type类型判断，返回结果一样
+  if (type === 'LINK') {
+    return function (restProps) {
+      var Button = LinkButton[mode];
+      return Button ? /*#__PURE__*/React.createElement(Button, _extends({}, props, restProps, {
+        text: true,
+        id: restProps.key,
+        reportLinkHost: reportLinkHost
+      })) : null;
+    };
+  }
+  if (type === 'STAT_INFO') {
+    return function (restProps) {
+      var button = StateInfoButton[mode];
+      // 这个 Button 返回数组，不能当成 react 组件用
+      return button ? button(_extends({}, props, restProps, {
+        id: restProps.key,
+        scanLinkHost: scanLinkHost
+      })) : null;
+    };
+  }
   if (!displayType) {
     return function () {
       return null;
@@ -41,6 +69,7 @@ export var buildButtonComponentWrapper = function buildButtonComponentWrapper(_r
       return function (restProps) {
         var Button = ExecuteButton[mode];
         return Button ? /*#__PURE__*/React.createElement(Button, _extends({}, props, restProps, {
+          type: type,
           id: restProps.key
         })) : null;
       };
@@ -78,7 +107,8 @@ export var buildButtonComponentWrapper = function buildButtonComponentWrapper(_r
         var button = StateInfoButton[mode];
         // 这个 Button 返回数组，不能当成 react 组件用
         return button ? button(_extends({}, props, restProps, {
-          id: restProps.key
+          id: restProps.key,
+          scanLinkHost: scanLinkHost
         })) : null;
       };
     case 'STAT_INFO_WITH_REDLINES':

package/es/components/common/teambition/flow-job-btn/execute-button/index.js

@@ -1,10 +1,11 @@
-import React, { useState } from 'react';
+import React, { useContext, useState } from 'react';
 import { Button } from '@teamix/ui';
 import { locale } from "../../../../../utils";
 import { BaiscIconFont } from "../../icon-font";
 import { YunxiaoIcon } from '@alife/devops-ui';
 import intl from "../../../../../locale";
 import { callApiAndRefresh, RetryPipelineJobRun, SkipPipelineJobRun, StopPipelineJobRun } from "../../../../../utils/api";
+import ConfigContext from "../../../../../contexts/config";
 
 /**
  * 执行按钮
@@ -33,6 +34,8 @@ var ExecuteButton = function ExecuteButton(_ref) {
   var _useState2 = useState(disable),
     disabled = _useState2[0],
     setDisabled = _useState2[1];
+  var globalConfig = useContext(ConfigContext);
+  var apiHost = globalConfig.replaceLinks.api;
   var doCallApiAndRefresh = function doCallApiAndRefresh(apiFunc, params) {
     return callApiAndRefresh(apiFunc, params, onRefresh, setLoading, setDisabled, name);
   };
@@ -47,7 +50,8 @@ var ExecuteButton = function ExecuteButton(_ref) {
           doCallApiAndRefresh(RetryPipelineJobRun, {
             pipelineId: pipelineId,
             pipelineRunId: pipelineRunId,
-            jobId: job.id
+            jobId: job.id,
+            host: apiHost
           });
           break;
         }
@@ -56,7 +60,8 @@ var ExecuteButton = function ExecuteButton(_ref) {
           doCallApiAndRefresh(SkipPipelineJobRun, {
             pipelineId: pipelineId,
             pipelineRunId: pipelineRunId,
-            jobId: job.id
+            jobId: job.id,
+            host: apiHost
           });
           break;
         }
@@ -65,7 +70,8 @@ var ExecuteButton = function ExecuteButton(_ref) {
           doCallApiAndRefresh(StopPipelineJobRun, {
             pipelineId: pipelineId,
             pipelineRunId: pipelineRunId,
-            jobId: job.id
+            jobId: job.id,
+            host: apiHost
           });
           break;
         }

package/es/components/common/teambition/flow-job-btn/link/index.d.ts

@@ -1,7 +1,7 @@
 /// <reference types="react" />
 /**
  * 按钮实现模板
-*/
+ */
 declare const LinkButton: {
     (props: any): JSX.Element;
     Button: any;

package/es/components/common/teambition/flow-job-btn/link/index.js

@@ -1,16 +1,20 @@
 import React from 'react';
 import { Button } from '@teamix/ui';
 import { BaiscIconFont as Icon } from "../../icon-font";
-import { replaceHost } from "../replaceHost";
+import { replaceHostWithBase } from "../replaceHost";
 
 /**
  * 按钮实现模板
-*/
+ */
 var LinkButton = function LinkButton(props) {
+  var url = props.params.url;
+  if (props.reportLinkHost) {
+    url = replaceHostWithBase(props.params.url, props.reportLinkHost);
+  }
   return /*#__PURE__*/React.createElement(Button, {
     key: props.id,
     onClick: function onClick() {
-      return window.open(replaceHost(props.url));
+      return window.open(url);
     },
     text: true
   }, /*#__PURE__*/React.createElement(Icon, {

package/es/components/common/teambition/flow-job-btn/log-btn/index.js

@@ -2,10 +2,9 @@ import _objectWithoutPropertiesLoose from "@babel/runtime/helpers/objectWithoutP
 var _excluded = ["view"],
   _excluded2 = ["onClick", "id", "text"];
 /* eslint-disable react/no-array-index-key */
-import React, { useState, useEffect, Fragment } from 'react';
+import React, { useState, useEffect, Fragment, useContext } from 'react';
 import { Tree, Loading, Button } from '@teamix/ui';
-import Loadable from "../../../../../utils/loadable";
-import { every, dropWhile } from 'lodash-es';
+import { dropWhile, isEmpty } from 'lodash-es';
 import Ansi from 'ansi-to-react';
 import { Title } from '@alife/devops-ui';
 import PluginLogTable from "../../../../pluginLogTable";
@@ -15,21 +14,19 @@ import { BaiscIconFont } from "../../icon-font";
 import { StatusAbleIcon } from "../../instance-status-icon";
 import intl from "../../../../../locale";
 import "./index.scss";
-import { GetPipelineJobSteps, GetPipelineJobStepLog } from "../../../../../utils/api";
-var AI = Loadable({
-  loader: function loader() {
-    return import("./AI");
-  }
-});
+import { GetPipelineJobSteps, GetPipelineJobStepLog, GetPipelineLogOrigin } from "../../../../../utils/api";
+import ConfigContext from "../../../../../contexts/config";
 var TreeNode = Tree.Node;
 
 // 默认拉取的日志行数
-var DEFAULT_LIMIT = 1000;
+// const DEFAULT_LIMIT = 1000;
 // 默认拉取日志时间间隔
 var DEFAULT_INTERVAL = 1000;
 // 已完成节点加速加载
 var DEFAULT_RATE = 10;
-var AI_DIAGNOSIS_MAX_SUPPORT_LOG_LINES = 100000;
+
+// const AI_DIAGNOSIS_MAX_SUPPORT_LOG_LINES = 100000;
+
 var logPulltimer; // 日志加载
 var nodePullTimer; // 日志节点加载
 var scrollTimer;
@@ -41,50 +38,6 @@ var tooltip = function tooltip(trigger, text) {
     align: "t"
   }, text || trigger);
 };
-var i18n = function i18n(nodeName) {
-  var map = {
-    申请运行环境: {
-      en_US: 'Apply Env',
-      zh_CN: intl.get({
-        id: 'rdc-tb-cd-assets.flow-job-btn.log-btn.ApplyForARunningEnvironment',
-        defaultMessage: '申请运行环境'
-      })
-    },
-    清理工作区: {
-      en_US: 'Clean Workspace',
-      zh_CN: intl.get({
-        id: 'rdc-tb-cd-assets.flow-job-btn.log-btn.CleanUpTheWorkspace',
-        defaultMessage: '清理工作区'
-      })
-    },
-    流水线缓存: {
-      en_US: 'Restore Cache',
-      zh_CN: intl.get({
-        id: 'rdc-tb-cd-assets.flow-job-btn.log-btn.PipelineCache',
-        defaultMessage: '流水线缓存'
-      })
-    },
-    克隆代码: {
-      en_US: 'Clone Repo',
-      zh_CN: intl.get({
-        id: 'rdc-tb-cd-assets.flow-job-btn.log-btn.CloneCode',
-        defaultMessage: '克隆代码'
-      })
-    },
-    缓存上传: {
-      en_US: 'Archive Cache',
-      zh_CN: intl.get({
-        id: 'rdc-tb-cd-assets.flow-job-btn.log-btn.CacheUpload',
-        defaultMessage: '缓存上传'
-      })
-    }
-  };
-  if (map[nodeName]) {
-    return map[nodeName][locale || 'zh_CN'];
-  } else {
-    return nodeName;
-  }
-};
 var i18nActionName = function i18nActionName(action) {
   var map = {
     构建: {
@@ -102,8 +55,7 @@ var i18nActionName = function i18nActionName(action) {
   }
 };
 var SubTree = function SubTree(props) {
-  var treeUrl = props.treeUrl,
-    treeSummaryUrl = props.treeSummaryUrl,
+  var treeSummaryUrl = props.treeSummaryUrl,
     nodeUrl = props.nodeUrl,
     headerUrl = props.headerUrl,
     downloadUrl = props.downloadUrl,
@@ -118,6 +70,8 @@ var SubTree = function SubTree(props) {
     instance = props.instance,
     job = props.job,
     setBuildId = props.setBuildId;
+  var globalConfig = useContext(ConfigContext);
+  var apiHost = globalConfig.replaceLinks.api;
   var _useState = useState([]),
     tree = _useState[0],
     setTree = _useState[1];
@@ -130,18 +84,10 @@ var SubTree = function SubTree(props) {
   var _useState4 = useState(false),
     selectedNode = _useState4[0],
     setSelectedNode = _useState4[1];
-  var logTreeIsFinished = function logTreeIsFinished(logTree) {
-    var nodes = logTree[0].steps;
-    return nodes.find(function (node) {
-      return node.status === 'fail';
-    }) || every(nodes, function (node) {
-      return node.status === 'success';
-    });
-  };
   var getPipelineJobSteps = function getPipelineJobSteps() {
     var pipelineRunId = instance.pipelineRunId,
       pipelineId = instance.pipelineId;
-    GetPipelineJobSteps(pipelineId, pipelineRunId, job.id).then(function (jobSteps) {
+    GetPipelineJobSteps(pipelineId, pipelineRunId, job.id, apiHost).then(function (jobSteps) {
       setLoading(false);
       if (jobSteps && jobSteps[0]) {
         setTree(jobSteps);
@@ -205,12 +151,12 @@ var SubTree = function SubTree(props) {
       setCurrent(treeIndex);
       setPluginLogVisible(false);
     }
-  }, tree.map(function (item, i) {
+  }, tree.map(function (item) {
     return /*#__PURE__*/React.createElement(TreeNode, {
       label: i18nActionName(item.actionName),
       key: item.jobId,
       disabled: true
-    }, item.buildProcessNodes.map(function (node, i) {
+    }, item.buildProcessNodes.map(function (node) {
       return /*#__PURE__*/React.createElement(TreeNode, {
         className: ["job-log-tree__node--" + node.status, node.nodeIndex === selectedNode.nodeIndex && treeIndex === current ? 'selected' : ''].join(' '),
         key: JSON.stringify(node),
@@ -249,11 +195,9 @@ var LogButton = function LogButton(_ref) {
     context = _useState9[0],
     setContext = _useState9[1];
   var _useState10 = useState(''),
-    downloadURL = _useState10[0],
-    setDownloadURL = _useState10[1];
+    downloadURL = _useState10[0];
   var _useState11 = useState(''),
-    downloadLogAction = _useState11[0],
-    setDownloadLogAction = _useState11[1];
+    downloadLogAction = _useState11[0];
   var _useState12 = useState(''),
     viewLogAction = _useState12[0],
     setViewLogAction = _useState12[1];
@@ -263,6 +207,8 @@ var LogButton = function LogButton(_ref) {
   var _useState14 = useState(),
     buildId = _useState14[0],
     setBuildId = _useState14[1];
+  var globalConfig = useContext(ConfigContext);
+  var apiHost = globalConfig.replaceLinks.api;
   var isFinishStatus = function isFinishStatus(status) {
     return ['success', 'fail'].includes(status);
   };
@@ -309,11 +255,11 @@ var LogButton = function LogButton(_ref) {
         jobId: job.id,
         buildId: buildId,
         offset: offset,
-        stepIndex: selectNode.nodeIndex
+        stepIndex: selectNode.nodeIndex,
+        host: apiHost
       }).then(function (res) {
         var logs = res.logs,
-          last = res.last,
-          more = res.more;
+          last = res.last;
         cache = cache + "\n" + logs;
         if (!/[^\s]/.test(cache)) {
           setLogs(intl.get({
@@ -344,6 +290,7 @@ var LogButton = function LogButton(_ref) {
       offset: 0,
       cache: ''
     });
+    if (!isEmpty(context) && buildId) setLogOrigin();
   }, [context, buildId]);
   useEffect(function () {
     setLoading(true);
@@ -403,48 +350,57 @@ var LogButton = function LogButton(_ref) {
       }, /*#__PURE__*/React.createElement(Ansi, null, log.replace(/ /g, "\xA0")));
     });
   };
-  var formatedAppBuildLogs = function formatedAppBuildLogs() {
-    var logsWithoutScripts = (logs.split('LoG_TaB_HeaD')[2] || '').split(/\n/);
-    if (logsWithoutScripts.slice(0, 20).join().includes('heartbeat timeout,please contact with system administrator')) {
-      return intl.get({
-        id: 'rdc-tb-cd-assets.flow-job-btn.log-btn.TheTaskWasTerminatedUnexpectedly',
-        defaultMessage: '任务执行意外终止，请尝试重试'
-      });
-    }
-    if (loading) {
-      return '';
-    }
-    if (logsWithoutScripts.filter(function (log) {
-      return log;
-    }).length === 0) {
-      return intl.get({
-        id: 'rdc-tb-cd-assets.flow-job-btn.log-btn.NoLogs',
-        defaultMessage: '没有日志'
-      });
-    }
-    var format = function format(log) {
-      if (/HIGHLIGHT__GREEN/.test(log)) {
-        return /*#__PURE__*/React.createElement("span", {
-          style: {
-            color: 'var(--color-success-5, #23b066)'
-          }
-        }, log.replace(/HIGHLIGHT__GREEN/, ''));
-      }
-      if (/HIGHLIGHT__/.test(log)) {
-        return /*#__PURE__*/React.createElement("span", {
-          style: {
-            color: 'var(--color-help-5, #fad414)'
-          }
-        }, log.replace(/HIGHLIGHT__/, ''));
-      }
-      return log;
-    };
-    return logsWithoutScripts.map(function (log, index) {
-      return /*#__PURE__*/React.createElement("div", {
-        key: index
-      }, format(log));
-    });
-  };
+  //   const logsWithoutScripts = (logs.split('LoG_TaB_HeaD')[2] || '').split(
+  //     /\n/,
+  //   );
+  //   if (
+  //     logsWithoutScripts
+  //       .slice(0, 20)
+  //       .join()
+  //       .includes('heartbeat timeout,please contact with system administrator')
+  //   ) {
+  //     return intl.get({
+  //       id: 'rdc-tb-cd-assets.flow-job-btn.log-btn.TheTaskWasTerminatedUnexpectedly',
+  //       defaultMessage: '任务执行意外终止，请尝试重试',
+  //     });
+  //   }
+
+  //   if (loading) {
+  //     return '';
+  //   }
+
+  //   if (logsWithoutScripts.filter((log) => log).length === 0) {
+  //     return intl.get({
+  //       id: 'rdc-tb-cd-assets.flow-job-btn.log-btn.NoLogs',
+  //       defaultMessage: '没有日志',
+  //     });
+  //   }
+
+  //   const format = (log) => {
+  //     if (/HIGHLIGHT__GREEN/.test(log)) {
+  //       return (
+  //         <span style={{ color: 'var(--color-success-5, #23b066)' }}>
+  //           {log.replace(/HIGHLIGHT__GREEN/, '')}
+  //         </span>
+  //       );
+  //     }
+
+  //     if (/HIGHLIGHT__/.test(log)) {
+  //       return (
+  //         <span style={{ color: 'var(--color-help-5, #fad414)' }}>
+  //           {log.replace(/HIGHLIGHT__/, '')}
+  //         </span>
+  //       );
+  //     }
+
+  //     return log;
+  //   };
+
+  //   return logsWithoutScripts.map((log, index) => (
+  //     <div key={index}>{format(log)}</div>
+  //   ));
+  // };
+
   var handleScroll = function handleScroll() {
     if (scrollTimer) {
       clearTimeout(scrollTimer);
@@ -490,18 +446,27 @@ var LogButton = function LogButton(_ref) {
     // step日志
     return context.selectNode ? context.selectNode.nodeName : props.name;
   };
+  var setLogOrigin = function setLogOrigin() {
+    var pipelineRunId = instance.pipelineRunId,
+      pipelineId = instance.pipelineId;
+    GetPipelineLogOrigin({
+      pipelineId: pipelineId,
+      pipelineRunId: pipelineRunId,
+      jobId: job.id,
+      stepIndex: context.selectNode.stepIndex,
+      buildId: buildId
+    }, apiHost).then(function (res) {
+      setViewLogAction(res);
+    })["catch"](function () {
+      setViewLogAction('');
+    });
+  };
   var butttonToGetDownloadUrlAndOpen = function butttonToGetDownloadUrlAndOpen(url, title) {
     return /*#__PURE__*/React.createElement(Button, {
       text: true,
       size: "small",
       onClick: function onClick() {
-        fetch({
-          url: url
-        }).then(function (res) {
-          if (res.successful && res.object) {
-            window.open(res.object);
-          }
-        })["catch"](console.error);
+        url && window.open(url);
       }
     }, title);
   };
@@ -544,14 +509,11 @@ var LogButton = function LogButton(_ref) {
     className: "log-panel__title__head"
   }, getLogsPanelTitle()), !pluginLogVisible && /*#__PURE__*/React.createElement("div", {
     className: "log-panel__title__ops"
-  }, downloadLogAction && /*#__PURE__*/React.createElement(React.Fragment, null, /*#__PURE__*/React.createElement("span", {
+  }, /*#__PURE__*/React.createElement("span", {
     className: "log-panel__view-log-btn"
   }, butttonToGetDownloadUrlAndOpen(viewLogAction, intl.get({
     id: 'rdc-tb-cd-assets.flow-job-btn.log-btn.View',
     defaultMessage: '查看原始日志'
-  }))), butttonToGetDownloadUrlAndOpen(downloadLogAction, intl.get({
-    id: 'rdc-tb-cd-assets.flow-job-btn.log-btn.View',
-    defaultMessage: '下载日志'
   }))), !downloadLogAction && downloadURL && /*#__PURE__*/React.createElement(Button, {
     text: true,
     size: "small",

package/es/components/common/teambition/flow-job-btn/replaceHost.d.ts

@@ -1 +1,2 @@
 export declare const replaceHost: (url: any) => any;
+export declare const replaceHostWithBase: (url: string, newHost: string) => string;

package/es/components/common/teambition/flow-job-btn/replaceHost.js

@@ -4,4 +4,14 @@ export var replaceHost = function replaceHost(url) {
   var ToReplace = '/';
   var path = url.replace(reg, ToReplace);
   return getUrlWithContextPath(path);
+};
+export var replaceHostWithBase = function replaceHostWithBase(url, newHost) {
+  var replaceUrls = ['testing.rdc.aliyun.com', 'flow.aliyun.com'];
+  var urlObj = new URL(url);
+  if (newHost && replaceUrls.some(function (item) {
+    return urlObj.host.includes(item);
+  })) {
+    return newHost + '/devops/getReport?reportPath=' + urlObj.pathname;
+  }
+  return url;
 };

package/es/components/common/teambition/flow-job-btn/stat-info-s-common/common.js

@@ -1,10 +1,12 @@
 import _extends from "@babel/runtime/helpers/extends";
 /* eslint-disable react/prop-types */
-import React, { useEffect, useState } from 'react';
+import React, { useContext, useEffect, useState } from 'react';
 import { Button } from '@teamix/ui';
 import { Title } from '@alife/devops-ui';
 import { BaiscIconFont } from "../../icon-font";
 import confirmOpenReportDialog, { getTrustPipelineReportConfig } from "./RememberConfirm";
+import ConfigContext from "../../../../../contexts/config";
+import { replaceHostWithBase } from "../replaceHost";
 export var CommonButton = function CommonButton(_ref) {
   var text = _ref.text,
     link = _ref.link,
@@ -13,6 +15,8 @@ export var CommonButton = function CommonButton(_ref) {
   var _useState = useState(),
     trustReport = _useState[0],
     setTrustReport = _useState[1];
+  var globalConfig = useContext(ConfigContext);
+  var scanHost = globalConfig.replaceLinks.scan;
   function getTrustReport() {
     getTrustPipelineReportConfig().then(function (v) {
       setTrustReport(v);
@@ -29,7 +33,9 @@ export var CommonButton = function CommonButton(_ref) {
         cb: getTrustReport
       });
     } else {
-      window.open(link.href);
+      var url = link.href;
+      if (scanHost) url = replaceHostWithBase(url, scanHost);
+      window.open(url);
     }
   };
   return /*#__PURE__*/React.createElement(Button, _extends({

package/es/components/common/teambition/flow-job-btn/state-info/index.js

@@ -7,7 +7,7 @@ import Avatar from "../../avatar";
 import { BaiscIconFont } from "../../icon-font";
 import intl from "../../../../../locale";
 import "./index.scss";
-import { replaceHost } from "../replaceHost";
+import { replaceHost, replaceHostWithBase } from "../replaceHost";
 import { CommonButton, StatInfoItem } from "../stat-info-s-common/common";
 import confirmOpenReportDialog, { getTrustPipelineReportConfig } from "../stat-info-s-common/RememberConfirm";
 var skippedOrOthers = function skippedOrOthers(stat) {
@@ -416,7 +416,8 @@ var StateInfoButton = function StateInfoButton(args) {
   var data = args.data,
     id = args.id,
     name = args.name,
-    hasMore = args.hasMore;
+    hasMore = args.hasMore,
+    scanLinkHost = args.scanLinkHost;
   var statistic = JSON.parse(data);
   if (statistic.QIXI) {
     var url = statistic.QIXI.url;
@@ -439,7 +440,7 @@ var StateInfoButton = function StateInfoButton(args) {
   }
   var link = {
     component: 'a',
-    href: replaceHost(statistic._REPORT.url),
+    href: replaceHostWithBase(statistic._REPORT.url, scanLinkHost),
     target: '_blank'
   };
   var prefix = hasMore ? name + " - " : '';
@@ -587,18 +588,9 @@ var Summary = function Summary(props) {
     if (cancelBy) {
       return /*#__PURE__*/React.createElement("div", {
         className: "stat-info danger p12"
-      }, /*#__PURE__*/React.createElement(Title, {
-        align: "t",
-        trigger: /*#__PURE__*/React.createElement(Avatar, {
-          uid: cancelBy,
-          nameOnly: true
-        })
-      }, /*#__PURE__*/React.createElement(Avatar, {
-        uid: cancelBy,
-        nameOnly: true
-      })), intl.get({
-        id: 'rdc-tb-cd-assets.flow-job-btn.state-info.CanceledTask',
-        defaultMessage: '取消了任务'
+      }, intl.get({
+        id: 'rdc-tb-cd-assets.dashboardMain.main.HeaderExtra.Canceled',
+        defaultMessage: '已取消'
       }));
     }
   }

package/es/components/common/teambition/flow-job-new/index.js

@@ -1,6 +1,6 @@
 import _extends from "@babel/runtime/helpers/extends";
 // /* eslint-disable react/jsx-filename-extension */
-import React, { useState, useEffect, useMemo } from 'react';
+import React, { useState, useEffect, useMemo, useContext } from 'react';
 import { Balloon, Message, MenuButton, Divider, Tag } from '@teamix/ui';
 import { YunxiaoIcon, Title, ButtonIcon } from '@alife/devops-ui';
 import Avatar from '@alife/yunxiao-avatar';
@@ -20,6 +20,7 @@ import hackCls from "./hack.module.scss";
 import AnimatedContainer from "../../../PipelineGraph/AnimatedContainer";
 import "./avatar-group/index.scss";
 import { StartPipelineJobRun } from "../../../../utils/api";
+import ConfigContext from "../../../../contexts/config";
 var Tooltip = Balloon.Tooltip;
 var manualApprovePrefix = 'manual-approve-avatar';
 
@@ -84,7 +85,6 @@ var FlowSwitch = function FlowSwitch(_ref) {
   var pipelineJobId = _ref.pipelineJobId,
     pipelineRunId = _ref.pipelineRunId,
     status = _ref.status,
-    stageInstId = _ref.stageInstId,
     pipelineId = _ref.pipelineId,
     _ref$isOld = _ref.isOld,
     isOld = _ref$isOld === void 0 ? false : _ref$isOld,
@@ -93,13 +93,16 @@ var FlowSwitch = function FlowSwitch(_ref) {
   var _useState = useState(false),
     requesting = _useState[0],
     setRequesting = _useState[1];
+  var globalConfig = useContext(ConfigContext);
+  var apiHost = globalConfig.replaceLinks.api;
   var manualSwitch = function manualSwitch() {
     if (requesting || status === 'SUCCESS' && !isOld) return;
     setRequesting(true);
     StartPipelineJobRun({
       pipelineId: pipelineId,
       pipelineRunId: pipelineRunId,
-      jobId: pipelineJobId
+      jobId: pipelineJobId,
+      host: apiHost
     }).then(function (res) {
       setRequesting(false);
       if (res) {
@@ -210,6 +213,8 @@ export var FlowJobCard = function FlowJobCard(_ref2) {
     onCardLeave = _ref2.onCardLeave,
     instance = _ref2.instance,
     onRefresh = _ref2.onRefresh;
+  var globalConfig = useContext(ConfigContext);
+  var reportLinkHost = globalConfig.replaceLinks.report;
   var status = job.status,
     resultStatus = job.resultStatus,
     _job$result = job.result,
@@ -454,7 +459,8 @@ export var FlowJobCard = function FlowJobCard(_ref2) {
         pipelineId: pipelineId,
         onRefresh: onRefresh,
         instance: instance,
-        job: job
+        job: job,
+        reportLinkHost: reportLinkHost
       }))({
         view: true,
         onClick: function onClick(type, props) {