@devops-flow/devops-flow-pipeline-detail 0.0.40 → 0.0.42

package/es/components/detailMain/index.d.ts

@@ -1,8 +1,9 @@
 /// <reference types="react" />
-declare const TBDetailMain: ({ loading, type, pipelineId, onRunPipeline, onBuildNumberChange, changeConfig, onPipelineStatusChanged, haveHistoryPip, }: {
+declare const TBDetailMain: ({ loading, type, pipelineId, pipelineRunId, onRunPipeline, onBuildNumberChange, changeConfig, onPipelineStatusChanged, haveHistoryPip, }: {
     loading: any;
     type: any;
     pipelineId: any;
+    pipelineRunId: any;
     onRunPipeline: any;
     onBuildNumberChange: any;
     changeConfig: any;

package/es/components/detailMain/index.js

@@ -10,6 +10,7 @@ var TBDetailMain = function TBDetailMain(_ref) {
   var loading = _ref.loading,
     type = _ref.type,
     pipelineId = _ref.pipelineId,
+    pipelineRunId = _ref.pipelineRunId,
     onRunPipeline = _ref.onRunPipeline,
     onBuildNumberChange = _ref.onBuildNumberChange,
     changeConfig = _ref.changeConfig,
@@ -21,6 +22,7 @@ var TBDetailMain = function TBDetailMain(_ref) {
     loading: loading,
     type: type,
     pipelineId: pipelineId,
+    pipelineRunId: pipelineRunId,
     haveHistoryPip: haveHistoryPip,
     onBuildNumberChange: onBuildNumberChange,
     onRunPipeline: onRunPipeline,

package/es/components/detailMain/recent/index.js

@@ -1,12 +1,14 @@
 import _extends from "@babel/runtime/helpers/extends";
+import _asyncToGenerator from "@babel/runtime/helpers/asyncToGenerator";
 import _objectWithoutPropertiesLoose from "@babel/runtime/helpers/objectWithoutPropertiesLoose";
 var _excluded = ["loading", "onBuildNumberChange", "onPipelineStatusChanged", "haveHistoryPip"];
+import _regeneratorRuntime from "@babel/runtime/regenerator";
 import React, { useEffect, useState } from 'react';
 import { Loading } from '@teamix/ui';
 import imgSrc from "../../../assets/img-src";
 import intl from "../../../locale";
 import "./index.scss";
-import { GetLatestPipelineRun } from "../../../utils/api";
+import { GetLatestPipelineRun, GetPipelineRunHistory } from "../../../utils/api";
 import PipelineInstance from "../../common/teambition/pipeline-instance-new";
 import RunPipelineButton from "../../common/teambition/run-pipeline-btn";
 import MessagePage from "../../common/teambition/message-page";
@@ -17,6 +19,7 @@ var Current = function Current(_ref) {
     haveHistoryPip = _ref.haveHistoryPip,
     props = _objectWithoutPropertiesLoose(_ref, _excluded);
   var pipelineId = props.pipelineId,
+    pipelineRunId = props.pipelineRunId,
     type = props.type;
   var _useState = useState(),
     instance = _useState[0],
@@ -35,14 +38,29 @@ var Current = function Current(_ref) {
       return onBuildNumberChange === null || onBuildNumberChange === void 0 ? void 0 : onBuildNumberChange(undefined, false);
     };
   }, []);
-  var getLatestPipeline = function getLatestPipeline() {
-    GetLatestPipelineRun(pipelineId).then(function (res) {
-      setLoading(false);
-      setInstance(res);
-    })["catch"](function () {
-      setLoading(false);
-    });
-  };
+  var getLatestPipeline = /*#__PURE__*/function () {
+    var _ref2 = _asyncToGenerator(/*#__PURE__*/_regeneratorRuntime.mark(function _callee() {
+      var api;
+      return _regeneratorRuntime.wrap(function _callee$(_context) {
+        while (1) switch (_context.prev = _context.next) {
+          case 0:
+            api = pipelineRunId ? GetPipelineRunHistory(pipelineId, pipelineRunId) : GetLatestPipelineRun(pipelineId);
+            api.then(function (res) {
+              setLoading(false);
+              setInstance(res);
+            })["catch"](function () {
+              setLoading(false);
+            });
+          case 2:
+          case "end":
+            return _context.stop();
+        }
+      }, _callee);
+    }));
+    return function getLatestPipeline() {
+      return _ref2.apply(this, arguments);
+    };
+  }();
   useEffect(function () {
     getLatestPipeline();
     var intervalId = setInterval(function () {

package/es/index.css

@@ -0,0 +1 @@
+@import url('https://g.alicdn.com/yunxiao-fe/teamix-ui/1.5.27/style/style/yunxiao-v5.min.css');

package/es/index.d.ts

@@ -1,5 +1,6 @@
 /// <reference types="react" />
 import 'utils/initYunxiaoCommon';
+import './index.css';
 import './pages/tbNavigationInit/index';
 import './components/common/at-design.scss';
 import './components/common/teambition/index.scss';

package/es/index.js

@@ -2,6 +2,7 @@ import _extends from "@babel/runtime/helpers/extends";
 /* eslint-disable import/first */
 import "./utils/initYunxiaoCommon";
 import React from 'react';
+import "./index.css";
 import { ConfigProvider } from '@teamix/ui';
 import "./pages/tbNavigationInit/index";
 import "./components/common/at-design.scss";
@@ -72,13 +73,15 @@ var enterFlowTrack = function enterFlowTrack() {
 var lang = locale || window.FORCE && window.FORCE.locale || 'zh_CN';
 var isEn = lang === 'en_US';
 var App = function App(props) {
-  var pipelineId = props.pipelineId;
+  var pipelineId = props.pipelineId,
+    pipelineRunId = props.pipelineRunId;
   return /*#__PURE__*/React.createElement(ConfigProvider, {
     locale: isEn ? enUS : zhCN
   }, /*#__PURE__*/React.createElement("div", {
     className: "container"
   }, /*#__PURE__*/React.createElement(AsyncDetail, {
     pipelineId: pipelineId,
+    pipelineRunId: pipelineRunId,
     location: window.location
   })));
 };

package/es/style.js

@@ -8,4 +8,5 @@ import '@alife/yunxiao-icon/es/style';
 import '@alife/yunxiao-ai-panel/es/style';
 
 import '@alife/yunxiao-avatar/es/style';
-import '@alife/teamix-step-dialog/es/style';
+import '@alife/teamix-step-dialog/es/style';
+import './index.css';

package/es/utils/api/index.d.ts

@@ -1,5 +1,6 @@
 export declare const getFlowDataApi: (data: any) => Promise<any>;
 export declare const GetLatestPipelineRun: (pipelineId: any) => Promise<any>;
+export declare const GetPipelineRunHistory: (pipelineId: any, pipelineRunId: any) => Promise<any>;
 export declare const GetPipelineJobSteps: (pipelineId: any, pipelineRunId: any, jobId: any) => Promise<any>;
 export declare const GetPipelineJobStepLog: ({ pipelineId, pipelineRunId, jobId, buildId, stepIndex, offset }: {
     pipelineId: any;

package/es/utils/api/index.js

@@ -33,7 +33,7 @@ export var getFlowDataApi = /*#__PURE__*/function () {
   };
 }();
 
-// 查询流水线最新运行历史
+// 查询流水线最新运行
 export var GetLatestPipelineRun = function GetLatestPipelineRun(pipelineId) {
   var data = {
     action: 'GetLatestPipelineRun',
@@ -46,6 +46,20 @@ export var GetLatestPipelineRun = function GetLatestPipelineRun(pipelineId) {
   return getFlowDataApi(data);
 };
 
+// 查询流水线运行历史
+export var GetPipelineRunHistory = function GetPipelineRunHistory(pipelineId, pipelineRunId) {
+  var data = {
+    action: 'GetLatestPipelineRun',
+    method: 'GET',
+    actionPath: 'https://{domain}/oapi/v1/flow/organization/{organizationId}/pipelines/{pipelineId}/pipelineRuns/{pipelineRunId}',
+    pathParams: {
+      pipelineId: pipelineId,
+      pipelineRunId: pipelineRunId
+    }
+  };
+  return getFlowDataApi(data);
+};
+
 // 查询任务步骤列表
 
 export var GetPipelineJobSteps = function GetPipelineJobSteps(pipelineId, pipelineRunId, jobId) {

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@devops-flow/devops-flow-pipeline-detail",
-  "version": "0.0.40",
+  "version": "0.0.42",
   "description": "flow 流水线详情",
   "medusaName": "rdc-tb-cd-assets",
   "main": "dist/PipelineFlowDetail.js",