@devops-flow/devops-flow-pipeline-detail 0.0.37

package/es/components/common/teambition/pipeline-instance-new/package/packages.js

@@ -0,0 +1,256 @@
+import _inheritsLoose from "@babel/runtime/helpers/inheritsLoose";
+import _asyncToGenerator from "@babel/runtime/helpers/asyncToGenerator";
+import _regeneratorRuntime from "@babel/runtime/regenerator";
+import React from 'react';
+import { Button, Dialog, Loading } from '@teamix/ui';
+import ExpandedApp from "./tree";
+import fetch from "../../flow-engine/fetch";
+import intl from "../../../../../locale";
+var transform = function transform(data, pack) {
+  return data.map(function (i) {
+    return {
+      label: i.name,
+      key: i.path,
+      isLeaf: !i.dir,
+      size: i.dir ? null : i.size,
+      id: pack.id + "-" + i.path,
+      packageId: pack.id
+    };
+  });
+};
+var asyncGetData = /*#__PURE__*/function () {
+  var _ref = _asyncToGenerator(/*#__PURE__*/_regeneratorRuntime.mark(function _callee(pack, path) {
+    return _regeneratorRuntime.wrap(function _callee$(_context) {
+      while (1) switch (_context.prev = _context.next) {
+        case 0:
+          return _context.abrupt("return", new Promise(function (resolve) {
+            fetch({
+              url: "/flow/service/pipeline/package/getContentById?packageId=" + pack.id + "&path=" + path
+            }).then(function (res) {
+              if (res.successful && res.object) {
+                resolve(transform(res.object.content, pack));
+              } else {
+                resolve([]);
+              }
+            });
+          }));
+        case 1:
+        case "end":
+          return _context.stop();
+      }
+    }, _callee);
+  }));
+  return function asyncGetData(_x, _x2) {
+    return _ref.apply(this, arguments);
+  };
+}();
+function getContentsOfPath(_x3, _x4) {
+  return _getContentsOfPath.apply(this, arguments);
+}
+function _getContentsOfPath() {
+  _getContentsOfPath = _asyncToGenerator(/*#__PURE__*/_regeneratorRuntime.mark(function _callee3(pack, path) {
+    var contents;
+    return _regeneratorRuntime.wrap(function _callee3$(_context3) {
+      while (1) switch (_context3.prev = _context3.next) {
+        case 0:
+          _context3.next = 2;
+          return asyncGetData(pack, path);
+        case 2:
+          contents = _context3.sent;
+          contents.map(/*#__PURE__*/function () {
+            var _ref2 = _asyncToGenerator(/*#__PURE__*/_regeneratorRuntime.mark(function _callee2(content) {
+              return _regeneratorRuntime.wrap(function _callee2$(_context2) {
+                while (1) switch (_context2.prev = _context2.next) {
+                  case 0:
+                    if (content.isLeaf) {
+                      _context2.next = 4;
+                      break;
+                    }
+                    _context2.next = 3;
+                    return getContentsOfPath(pack, content.key);
+                  case 3:
+                    content.children = _context2.sent;
+                  case 4:
+                    return _context2.abrupt("return", content);
+                  case 5:
+                  case "end":
+                    return _context2.stop();
+                }
+              }, _callee2);
+            }));
+            return function (_x8) {
+              return _ref2.apply(this, arguments);
+            };
+          }());
+          return _context3.abrupt("return", Promise.resolve(contents));
+        case 5:
+        case "end":
+          return _context3.stop();
+      }
+    }, _callee3);
+  }));
+  return _getContentsOfPath.apply(this, arguments);
+}
+function mapToTree(_x5, _x6) {
+  return _mapToTree.apply(this, arguments);
+}
+function _mapToTree() {
+  _mapToTree = _asyncToGenerator(/*#__PURE__*/_regeneratorRuntime.mark(function _callee4(pack, index) {
+    var node;
+    return _regeneratorRuntime.wrap(function _callee4$(_context4) {
+      while (1) switch (_context4.prev = _context4.next) {
+        case 0:
+          node = {
+            label: pack.packageLabel,
+            key: pack.path,
+            isLeaf: false,
+            id: index + "-" + pack.packageLabel
+          };
+          _context4.next = 3;
+          return getContentsOfPath(pack, '');
+        case 3:
+          node.children = _context4.sent;
+          return _context4.abrupt("return", Promise.resolve(node));
+        case 5:
+        case "end":
+          return _context4.stop();
+      }
+    }, _callee4);
+  }));
+  return _mapToTree.apply(this, arguments);
+}
+function getTree(_x7) {
+  return _getTree.apply(this, arguments);
+}
+function _getTree() {
+  _getTree = _asyncToGenerator(/*#__PURE__*/_regeneratorRuntime.mark(function _callee6(packages) {
+    var tree;
+    return _regeneratorRuntime.wrap(function _callee6$(_context6) {
+      while (1) switch (_context6.prev = _context6.next) {
+        case 0:
+          tree = packages.map(/*#__PURE__*/function () {
+            var _ref3 = _asyncToGenerator(/*#__PURE__*/_regeneratorRuntime.mark(function _callee5(pack, index) {
+              var node;
+              return _regeneratorRuntime.wrap(function _callee5$(_context5) {
+                while (1) switch (_context5.prev = _context5.next) {
+                  case 0:
+                    _context5.next = 2;
+                    return mapToTree(pack, index);
+                  case 2:
+                    node = _context5.sent;
+                    return _context5.abrupt("return", node);
+                  case 4:
+                  case "end":
+                    return _context5.stop();
+                }
+              }, _callee5);
+            }));
+            return function (_x9, _x10) {
+              return _ref3.apply(this, arguments);
+            };
+          }());
+          return _context6.abrupt("return", Promise.all(tree));
+        case 2:
+        case "end":
+          return _context6.stop();
+      }
+    }, _callee6);
+  }));
+  return _getTree.apply(this, arguments);
+}
+var Packages = /*#__PURE__*/function (_React$Component) {
+  function Packages(props) {
+    var _this;
+    _this = _React$Component.call(this, props) || this;
+    _this.onOpen = function () {
+      var packages = _this.props.packages;
+      _this.setState({
+        visible: true,
+        loading: true
+      });
+      getTree(packages).then(function (contents) {
+        _this.setState({
+          data: contents,
+          loading: false
+        });
+      });
+    };
+    _this.close = function () {
+      _this.setState({
+        visible: false
+      });
+    };
+    _this.state = {
+      visible: false,
+      data: [],
+      loading: true
+    };
+    return _this;
+  }
+  _inheritsLoose(Packages, _React$Component);
+  var _proto = Packages.prototype;
+  _proto.render = function render() {
+    var _this2 = this;
+    var _this$state = this.state,
+      visible = _this$state.visible,
+      data = _this$state.data;
+    var _this$props$packages = this.props.packages,
+      packages = _this$props$packages === void 0 ? [] : _this$props$packages;
+    return /*#__PURE__*/React.createElement("div", {
+      onWheel: function onWheel(e) {
+        return e.stopPropagation();
+      },
+      onPointerUp: function onPointerUp(e) {
+        return e.stopPropagation();
+      },
+      onPointerDown: function onPointerDown(e) {
+        return e.stopPropagation();
+      }
+    }, /*#__PURE__*/React.createElement("div", {
+      className: "packages-entry " + ((packages || []).length === 0 && 'disabled'),
+      onClick: function onClick() {
+        if ((packages || []).length === 0) return;
+        _this2.onOpen();
+      }
+    }, /*#__PURE__*/React.createElement("div", {
+      className: "info"
+    }, /*#__PURE__*/React.createElement(Button, {
+      text: true,
+      type: "primary",
+      disabled: (packages || []).length === 0
+    }, (packages || []).length)), /*#__PURE__*/React.createElement("span", {
+      className: "title"
+    }, intl.get({
+      id: 'rdc-tb-cd-assets.teambition.pipeline-instance.Packages',
+      defaultMessage: '运行产物'
+    }))), /*#__PURE__*/React.createElement(Dialog, {
+      title: intl.get({
+        id: 'rdc-tb-cd-assets.teambition.pipeline-instance.Packages',
+        defaultMessage: '运行产物'
+      }) + "\u30FB" + data.length + "\n          " + intl.get({
+        id: 'rdc-tb-cd-assets.pipeline-instance.package.packages.Item',
+        defaultMessage: '项'
+      }),
+      size: "medium",
+      visible: visible,
+      footer: false,
+      onClose: this.close,
+      className: "detail-packages-dialog"
+    }, /*#__PURE__*/React.createElement(Loading, {
+      visible: this.state.loading,
+      inline: false,
+      tip: intl.get({
+        id: 'rdc-tb-cd-assets.pipeline-instance.package.packages.DataLoading',
+        defaultMessage: '数据奋力加载中...'
+      }),
+      style: {
+        minHeight: 100
+      }
+    }, /*#__PURE__*/React.createElement("div", null, !this.state.loading && /*#__PURE__*/React.createElement(ExpandedApp, {
+      dataSource: data,
+      hasHeader: true
+    })))));
+  };
+  return Packages;
+}(React.Component);
+export default Packages;

package/es/components/common/teambition/pipeline-instance-new/package/tree.d.ts

@@ -0,0 +1,12 @@
+import React from 'react';
+declare class ExpandedApp extends React.Component {
+    constructor(props: any);
+    componentDidMount(): void;
+    loadDataSource: () => void;
+    downloadFile: (record: any) => void;
+    renderName: (_: any, __: any, record: any) => JSX.Element;
+    renderOps: (_: any, __: any, record: any) => JSX.Element;
+    renderSize: (value: any) => JSX.Element;
+    render(): JSX.Element;
+}
+export default ExpandedApp;

package/es/components/common/teambition/pipeline-instance-new/package/tree.js

@@ -0,0 +1,114 @@
+import _inheritsLoose from "@babel/runtime/helpers/inheritsLoose";
+import React from 'react';
+import { Button } from '@teamix/ui';
+import bytes from 'bytes';
+import fetch from "../../flow-engine/fetch";
+import intl from "../../../../../locale";
+import { YunxiaoIcon, YunxiaoTable as Table } from '@alife/devops-ui';
+var ExpandedApp = /*#__PURE__*/function (_React$Component) {
+  function ExpandedApp(props) {
+    var _this;
+    _this = _React$Component.call(this, props) || this;
+    _this.loadDataSource = function () {
+      _this.setState({
+        dataSource: _this.props.dataSource
+      }, function () {
+        setTimeout(function () {
+          _this.forceUpdate();
+        }, 500);
+      });
+    };
+    _this.downloadFile = function (record) {
+      fetch({
+        url: "/flow/service/pipeline/package/downloadFile?packageId=" + record.packageId + "&path=" + record.key
+      }).then(function (res) {
+        if (res.successful) {
+          window.open(res.object);
+        }
+      })["catch"](function () {
+        console.log(intl.get({
+          id: 'rdc-tb-cd-assets.pipeline-instance.package.tree.UnableToObtainTheDownload',
+          defaultMessage: '获取下载链接失败'
+        }));
+      });
+    };
+    _this.renderName = function (_, __, record) {
+      if (record.isLeaf) {
+        return /*#__PURE__*/React.createElement("span", {
+          className: "leaf-name"
+        }, /*#__PURE__*/React.createElement(YunxiaoIcon, {
+          type: "file-2-line",
+          className: "file-icon"
+        }), ' ', record.label);
+      }
+      return /*#__PURE__*/React.createElement("span", null, /*#__PURE__*/React.createElement(YunxiaoIcon, {
+        type: "folder-line"
+      }), " ", record.label);
+    };
+    _this.renderOps = function (_, __, record) {
+      if (record.isLeaf) {
+        return /*#__PURE__*/React.createElement(React.Fragment, null, /*#__PURE__*/React.createElement(Button, {
+          text: true,
+          type: "primary",
+          onClick: function onClick() {
+            _this.downloadFile(record);
+          }
+        }, /*#__PURE__*/React.createElement(YunxiaoIcon, {
+          type: "download-line"
+        })));
+      }
+      return null;
+    };
+    _this.renderSize = function (value) {
+      if (!value) {
+        return null;
+      }
+      return /*#__PURE__*/React.createElement("span", null, bytes(value));
+    };
+    _this.state = {
+      // dataSource: props.dataSource.filter(item => item.key !== props.rootPackage),
+      dataSource: props.dataSource
+    };
+    return _this;
+  }
+  _inheritsLoose(ExpandedApp, _React$Component);
+  var _proto = ExpandedApp.prototype;
+  _proto.componentDidMount = function componentDidMount() {
+    this.loadDataSource();
+  };
+  _proto.render = function render() {
+    return /*#__PURE__*/React.createElement(Table, {
+      isTree: true,
+      dataSource: this.state.dataSource,
+      stickyHeader: true,
+      hasBorder: true,
+      maxBodyHeight: 480,
+      onExpandedRowClick: this.onExpandedRowClick
+    }, /*#__PURE__*/React.createElement(Table.Colum, {
+      title: intl.get({
+        id: 'rdc-tb-cd-assets.pipeline-instance.package.tree.ProductName',
+        defaultMessage: '产物名称'
+      }),
+      dataIndex: "label",
+      className: "packages-name",
+      cell: this.renderName
+    }), /*#__PURE__*/React.createElement(Table.Colum, {
+      title: intl.get({
+        id: 'rdc-tb-cd-assets.pipeline-instance-new.package.tree.Size',
+        defaultMessage: '大小'
+      }),
+      dataIndex: "size",
+      width: 120,
+      cell: this.renderSize
+    }), /*#__PURE__*/React.createElement(Table.Colum, {
+      width: 100,
+      title: intl.get({
+        id: 'rdc-tb-cd-assets.pipeline-instance.package.tree.Operation',
+        defaultMessage: '操作'
+      }),
+      cell: this.renderOps
+    }));
+  };
+  return ExpandedApp;
+}(React.Component);
+export default ExpandedApp;

package/es/components/common/teambition/pipeline-instance-new/source.d.ts

@@ -0,0 +1,22 @@
+/// <reference types="react" />
+interface InstanceSourceResult {
+    type: string;
+    data: {
+        repo: string;
+        repoType: string;
+        artifactName: string;
+        /** 实际版本，可能由 latest 解析而来：1.0, 2.0 ... */
+        version: string;
+        /** 可能是 latest, 1.0, ... */
+        versionName: string;
+    };
+}
+export declare function artifactSourceInstanceResultProcess(item: InstanceSourceResult): {
+    readonly versionDisplayText: string;
+    readonly artifactUrl: string;
+};
+declare const Source: (props: {
+    item: object;
+    onReleaseInfo: Function;
+}) => JSX.Element;
+export default Source;