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

package/es/components/dashboardMain/components/build-and-deploy-setting-new/detail/machines-table.js

@@ -0,0 +1,632 @@
+import _extends from "@babel/runtime/helpers/extends";
+import _asyncToGenerator from "@babel/runtime/helpers/asyncToGenerator";
+import _regeneratorRuntime from "@babel/runtime/regenerator";
+import React, { useState, useEffect } from 'react';
+import { Message, Dialog, Input } from '@teamix/ui';
+import { YunxiaoTable, YunxiaoIcon, ButtonIcon, Title, Tooltip } from '@alife/devops-ui';
+import intl from "../../../../../locale";
+import exceed from "../../../../../utils/apimap";
+import getHelpLink from "../../../../../utils/helplink";
+import LogDialog from "../../../../log-dialog";
+import HostDialog from "../dialog/host-dialog";
+import { PurposeContext } from "../../../../../../dist/PipelineFlowDetail";
+import { ALIYUN_REGIONS } from "../../../../../utils/aliyunRegions";
+var PREFIX = 'machines-table';
+var MachinesTable = function MachinesTable(_ref) {
+  var group = _ref.group,
+    fetchGroup = _ref.fetchGroup,
+    searchVal = _ref.searchVal,
+    loading = _ref.loading,
+    editable = _ref.editable;
+  var _React$useContext = React.useContext(PurposeContext),
+    purpose = _React$useContext.purpose,
+    purposeName = _React$useContext.purposeName;
+  var machineInfos = group.machineInfos,
+    groupId = group.id;
+  var _useState = useState(machineInfos),
+    dataSource = _useState[0],
+    setDataSource = _useState[1];
+  var _useState2 = useState({
+      visible: false
+    }),
+    logDialogProps = _useState2[0],
+    setLogDialogProps = _useState2[1];
+  var _useState3 = useState(false),
+    hostDialogVisible = _useState3[0],
+    setHostDialogVisible = _useState3[1];
+  var _useState4 = useState(),
+    hostDialogOsType = _useState4[0],
+    setHostDialogOsType = _useState4[1];
+  var _useState5 = useState(null),
+    disabledRetryBtnMachineSn = _useState5[0],
+    setDisabledRetryBtnMachineSn = _useState5[1];
+  useEffect(function () {
+    if (!searchVal) {
+      setDataSource(machineInfos);
+    } else {
+      setDataSource(machineInfos.filter(function (_ref2) {
+        var machineSn = _ref2.machineSn,
+          instanceName = _ref2.instanceName,
+          ip = _ref2.ip;
+        return (machineSn === null || machineSn === void 0 ? void 0 : machineSn.includes(searchVal)) || (instanceName === null || instanceName === void 0 ? void 0 : instanceName.includes(searchVal)) || (ip === null || ip === void 0 ? void 0 : ip.includes(searchVal));
+      }));
+    }
+  }, [searchVal, machineInfos]);
+  var getHostOccupyStatus = function getHostOccupyStatus(_, __, item) {
+    var relatedMachineGroupId = item.relatedMachineGroupId,
+      relatedMachineGroupName = item.relatedMachineGroupName;
+    var groupIdArr = relatedMachineGroupId ? relatedMachineGroupId.split(',') : [];
+    var groupNameArr = relatedMachineGroupName ? relatedMachineGroupName.split(',') : [];
+    if (groupIdArr.includes((groupId || '').toString())) {
+      groupNameArr.splice(groupIdArr.findIndex(function (i) {
+        return i === (groupId || '').toString();
+      }), 1);
+    }
+    var isOccupy = !!groupNameArr.length;
+    var text = intl.get({
+      id: 'rdc-tb-cd-assets.deploy-group-dialog.host-table.NotOccupied',
+      defaultMessage: '未占用'
+    });
+    var dotColor = '#64D16D';
+    if (isOccupy) {
+      var name = groupNameArr.join('，');
+      text = intl.get({
+        id: 'rdc-tb-cd-assets.build-and-deploy-setting-new.detail.machines-table.TheHostIsOccupiedBy',
+        defaultMessage: '主机已被【{name}】占用'
+      }, {
+        name: name
+      });
+      dotColor = 'red';
+    }
+    return /*#__PURE__*/React.createElement(Tooltip, {
+      trigger: /*#__PURE__*/React.createElement("div", null, /*#__PURE__*/React.createElement("span", {
+        className: PREFIX + "-table-dot",
+        style: dotColor ? {
+          background: dotColor
+        } : {}
+      }), isOccupy ? intl.get({
+        id: 'rdc-tb-cd-assets.build-and-deploy-setting-new.detail.machines-table.Occupied',
+        defaultMessage: '已占用'
+      }) : text),
+      align: "l"
+    }, text);
+  };
+  var getHostStatus = function getHostStatus(_, __, item) {
+    var status = item.status;
+    if (!status) {
+      return '--';
+    }
+    var isStatus = status === 'ok' || status === 'Running';
+    var text = intl.get({
+      id: 'rdc-tb-cd-assets.deploy-group-dialog.host-table.Normal',
+      defaultMessage: '正常'
+    });
+    if (isStatus) return text;
+    text = /*#__PURE__*/React.createElement("span", {
+      style: {
+        color: 'var(--color-error-5, #cd3021)'
+      }
+    }, intl.get({
+      id: 'rdc-tb-cd-assets.deploy-group-dialog.host-table.TheHostCannotBeConnected',
+      defaultMessage: '主机无法连接'
+    }));
+    return /*#__PURE__*/React.createElement(Title, {
+      trigger: text,
+      align: "t"
+    }, text);
+  };
+  var getInstallStatusStatus = function getInstallStatusStatus(_, __, item) {
+    var installStatus = item.installStatus,
+      log = item.log,
+      machineType = item.machineType;
+    var machineTypeIconMap = {
+      PUBLIC_MACHINE: {
+        text: intl.get({
+          id: 'rdc-tb-cd-assets.build-and-deploy-setting-new.detail.machines-table.InstallationMethodManuallyInstallRunner',
+          defaultMessage: '安装方式：手动安装Runner'
+        }),
+        iconType: 'host-line',
+        iconColor: 'var(--color-notice-5, #006ad4)'
+      },
+      ECS_ALIYUN: {
+        text: intl.get({
+          id: 'rdc-tb-cd-assets.build-and-deploy-setting-new.detail.machines-table.InstallationMethodAlibabaCloudEcs',
+          defaultMessage: '安装方式：阿里云ECS'
+        }),
+        iconType: 'ECS-fill',
+        iconColor: 'var(--color-warning-4, #ed9011)'
+      }
+    };
+    var installStatusStatusMap = {
+      Finished: {
+        text: intl.get({
+          id: 'rdc-tb-cd-assets.build-and-deploy-setting-new.detail.machines-table.Success',
+          defaultMessage: '成功'
+        }),
+        textColor: 'var(--color-text1-3, #575757)'
+      },
+      Failed: {
+        text: intl.get({
+          id: 'rdc-tb-cd-assets.build-and-deploy-setting-new.detail.machines-table.Failed',
+          defaultMessage: '失败'
+        }),
+        textColor: 'var(--color-error-5, #cd3021)'
+      },
+      Running: {
+        text: intl.get({
+          id: 'rdc-tb-cd-assets.build-and-deploy-setting-new.detail.machines-table.Installing',
+          defaultMessage: '安装中'
+        }),
+        textColor: 'var(--color-text1-3, #575757)'
+      },
+      Skipped: {
+        text: intl.get({
+          id: 'rdc-tb-cd-assets.build-and-deploy-setting-new.detail.machines-table.Skipped',
+          defaultMessage: '已跳过'
+        }),
+        textColor: 'var(--color-text1-3, #575757)'
+      }
+    };
+    var machineTypeIcon = machineTypeIconMap[machineType];
+    var status = installStatusStatusMap[installStatus === null || installStatus === void 0 ? void 0 : installStatus.replace(/^Retry::/, '')];
+    if (!status) {
+      return '--';
+    }
+    var title = /*#__PURE__*/React.createElement(React.Fragment, null, !!machineTypeIcon && /*#__PURE__*/React.createElement(Tooltip, {
+      trigger: /*#__PURE__*/React.createElement(YunxiaoIcon, {
+        type: machineTypeIcon.iconType,
+        style: {
+          marginRight: 4,
+          color: machineTypeIcon.iconColor
+        }
+      })
+    }, machineTypeIcon.text), /*#__PURE__*/React.createElement("span", {
+      className: (installStatus === null || installStatus === void 0 ? void 0 : installStatus.replace(/^Retry::/, '')) === 'Running' ? 'running-text' : '',
+      style: {
+        marginRight: 4,
+        color: status.textColor
+      }
+    }, status.text));
+    return /*#__PURE__*/React.createElement("span", null, title, !!log && /*#__PURE__*/React.createElement("a", {
+      style: {
+        cursor: 'pointer'
+      },
+      onClick: function onClick() {
+        setLogDialogProps({
+          visible: true,
+          logText: log,
+          title: /*#__PURE__*/React.createElement(React.Fragment, null, title, "\xB7 ", item.instanceName)
+        });
+      }
+    }, intl.get({
+      id: 'rdc-tb-cd-assets.build-and-deploy-setting-new.detail.machines-table.Log',
+      defaultMessage: '日志'
+    })));
+  };
+  var onRemoveBySn = function onRemoveBySn(_ref3) {
+    var instanceName = _ref3.instanceName,
+      uuid = _ref3.uuid,
+      machineGroupId = _ref3.machineGroupId,
+      machineSn = _ref3.machineSn;
+    var onOk = /*#__PURE__*/function () {
+      var _ref4 = _asyncToGenerator(/*#__PURE__*/_regeneratorRuntime.mark(function _callee() {
+        return _regeneratorRuntime.wrap(function _callee$(_context) {
+          while (1) switch (_context.prev = _context.next) {
+            case 0:
+              _context.next = 2;
+              return exceed.fetch({
+                api: 'SaMachine.unbindFromGroup',
+                params: {
+                  sn: uuid || machineSn,
+                  purpose: purpose
+                },
+                data: {
+                  machineGroupId: machineGroupId,
+                  machineSn: machineSn
+                }
+              });
+            case 2:
+              fetchGroup();
+              Message.success({
+                title: intl.get({
+                  id: 'rdc-tb-cd-assets.build-and-deploy-setting-new.detail.machines-table.InstancenameTheHostHasBeen',
+                  defaultMessage: '【{instanceName}】主机删除成功'
+                }, {
+                  instanceName: instanceName
+                })
+              });
+            case 4:
+            case "end":
+              return _context.stop();
+          }
+        }, _callee);
+      }));
+      return function onOk() {
+        return _ref4.apply(this, arguments);
+      };
+    }();
+    Dialog.alert({
+      size: 'small',
+      title: /*#__PURE__*/React.createElement("div", {
+        style: {
+          lineBreak: 'anywhere'
+        }
+      }, intl.get({
+        id: 'rdc-tb-cd-assets.build-and-deploy-setting-new.detail.machines-table.AreYouSureYouWant',
+        defaultMessage: '确认移除节点【{instanceName}】吗？'
+      }, {
+        instanceName: instanceName
+      })),
+      content: /*#__PURE__*/React.createElement(React.Fragment, null, intl.get({
+        id: 'rdc-tb-cd-assets.build-and-deploy-setting-new.detail.machines-table.RemoveANodeOnlyFrom',
+        defaultMessage: '移除节点仅将节点从当前'
+      }), purposeName, intl.get({
+        id: 'rdc-tb-cd-assets.build-and-deploy-setting-new.detail.machines-table.UnbindingDoesNotDeleteThe',
+        defaultMessage: '解除绑定，并不会删除真实机器，也不会卸载Runner（如有需要请'
+      }), /*#__PURE__*/React.createElement("a", {
+        href: getHelpLink('runner_error_hint'),
+        target: "_blank",
+        rel: "noreferrer"
+      }, intl.get({
+        id: 'rdc-tb-cd-assets.build-and-deploy-setting-new.detail.machines-table.ManuallyUninstall',
+        defaultMessage: '手动卸载'
+      })), intl.get({
+        id: 'rdc-tb-cd-assets.build-and-deploy-setting-new.detail.machines-table.PleaseKnow',
+        defaultMessage: '），请知悉。'
+      })),
+      animation: {
+        "in": 'expandInDown',
+        out: 'expandOutUp'
+      },
+      onOk: onOk
+    });
+  };
+  var onReInstallClick = function onReInstallClick(_ref5) {
+    var machineType = _ref5.machineType,
+      machineSn = _ref5.machineSn,
+      machineGroupId = _ref5.machineGroupId,
+      machineOsArch = _ref5.machineOsArch;
+    if (machineType === 'ECS_ALIYUN') {
+      Dialog.confirm({
+        messageProps: {
+          type: 'notice'
+        },
+        title: intl.get({
+          id: 'rdc-tb-cd-assets.build-and-deploy-setting-new.detail.machines-table.Confirm',
+          defaultMessage: '确认'
+        }),
+        content: intl.get({
+          id: 'rdc-tb-cd-assets.build-and-deploy-setting-new.detail.machines-table.AreYouSureYouWant.1',
+          defaultMessage: '确认重新安装Runner吗？'
+        }),
+        onOk: function onOk() {
+          // ecs直接调重装接口
+          var fetchConfig = {
+            api: 'Machine.group.retry',
+            params: {
+              purpose: purpose
+            },
+            data: {
+              machineGroupId: machineGroupId,
+              machineSn: machineSn
+            }
+          };
+          setDisabledRetryBtnMachineSn(machineSn);
+          exceed.fetch(fetchConfig).then(function (res) {
+            setDisabledRetryBtnMachineSn(null);
+            if (res.successful) {
+              Message.success(intl.get({
+                id: 'rdc-tb-cd-assets.build-and-deploy-setting-new.detail.machines-table.RestartRunnerTriggeredSuccessfully',
+                defaultMessage: '重装Runner触发成功'
+              }));
+              fetchGroup();
+            } else {
+              Message.error(intl.get({
+                id: 'rdc-tb-cd-assets.build-and-deploy-setting-new.detail.machines-table.FailedToReloadRunnerReserrormsg',
+                defaultMessage: '重装Runner触发失败 {resErrorMsg}'
+              }, {
+                resErrorMsg: res.errorMsg
+              }));
+            }
+          });
+        }
+      });
+      return;
+    }
+
+    // 自有主机，弹命令弹窗
+    setHostDialogOsType(machineOsArch === null || machineOsArch === void 0 ? void 0 : machineOsArch.split('/')[0]); // machineOsArch为「操作系统/架构」，仅截取操作系统
+    setHostDialogVisible(true);
+  };
+  return /*#__PURE__*/React.createElement(React.Fragment, null, /*#__PURE__*/React.createElement(YunxiaoTable, {
+    className: PREFIX,
+    dataSource: dataSource,
+    primaryKey: "instanceId",
+    maxBodyHeight: 'unset',
+    hasBorder: true,
+    loading: loading
+  }, /*#__PURE__*/React.createElement(YunxiaoTable.Column, {
+    title: intl.get({
+      id: 'rdc-tb-cd-assets.build-and-deploy-setting-new.detail.machines-table.InstanceId',
+      defaultMessage: '实例ID'
+    }),
+    dataIndex: "machineSn" // s- 开头为自有主机；其他都是阿里云Ecs
+    ,
+    width: 300,
+    cell: function cell(_, index, record) {
+      var machineSn = record.machineSn;
+      return /*#__PURE__*/React.createElement(React.Fragment, null, /*#__PURE__*/React.createElement(YunxiaoTable.TitleCell, {
+        title: machineSn,
+        description: /*#__PURE__*/React.createElement(Desc, {
+          record: record,
+          fetchGroup: fetchGroup
+        })
+      }));
+    }
+  }), /*#__PURE__*/React.createElement(YunxiaoTable.Column, {
+    title: "IP",
+    dataIndex: "ip",
+    width: 160,
+    cell: function cell(v) {
+      return /*#__PURE__*/React.createElement(Title, {
+        trigger: v,
+        align: "t"
+      }, v);
+    }
+  }), /*#__PURE__*/React.createElement(YunxiaoTable.Column, {
+    title: intl.get({
+      id: 'rdc-tb-cd-assets.build-and-deploy-setting-new.detail.machines-table.Region',
+      defaultMessage: '地域'
+    }),
+    width: 200,
+    dataIndex: "aliyunRegionId",
+    cell: function cell(v) {
+      var _ALIYUN_REGIONS$find;
+      if (v === 'PUBLIC') return '-';
+      return ((_ALIYUN_REGIONS$find = ALIYUN_REGIONS.find(function (i) {
+        return i.regionId === v;
+      })) === null || _ALIYUN_REGIONS$find === void 0 ? void 0 : _ALIYUN_REGIONS$find.regionName) || v;
+    }
+  }), /*#__PURE__*/React.createElement(YunxiaoTable.Column, {
+    title: intl.get({
+      id: 'rdc-tb-cd-assets.build-and-deploy-setting-new.detail.machines-table.OperatingSystemArchitecture',
+      defaultMessage: '操作系统/架构'
+    }),
+    width: 140,
+    dataIndex: "machineOsArch"
+  }), /*#__PURE__*/React.createElement(YunxiaoTable.Column, {
+    title: intl.get({
+      id: 'rdc-tb-cd-assets.build-and-deploy-setting-new.detail.machines-table.Occupancy',
+      defaultMessage: '占用情况'
+    }),
+    width: 120,
+    cell: getHostOccupyStatus
+  }), /*#__PURE__*/React.createElement(YunxiaoTable.Column, {
+    title: intl.get({
+      id: 'rdc-tb-cd-assets.build-and-deploy-setting-new.detail.machines-table.RunnerStatus',
+      defaultMessage: 'Runner状态'
+    }),
+    width: 150,
+    cell: getHostStatus
+  }), /*#__PURE__*/React.createElement(YunxiaoTable.Column, {
+    title: intl.get({
+      id: 'rdc-tb-cd-assets.build-and-deploy-setting-new.detail.machines-table.InstallationProgress',
+      defaultMessage: '安装进度'
+    }),
+    width: 160,
+    cell: getInstallStatusStatus
+  }), /*#__PURE__*/React.createElement(YunxiaoTable.Column, {
+    title: intl.get({
+      id: 'rdc-tb-cd-assets.build-and-deploy-setting-new.detail.machines-table.Operation',
+      defaultMessage: '操作'
+    }),
+    lock: "right",
+    width: 100,
+    cell: function cell(_, __, item) {
+      if (!editable) {
+        return '--';
+      }
+      return /*#__PURE__*/React.createElement(React.Fragment, null, /*#__PURE__*/React.createElement(Tooltip, {
+        trigger: /*#__PURE__*/React.createElement(ButtonIcon, {
+          name: "reinstall-line",
+          onClick: function onClick() {
+            return onReInstallClick(item);
+          },
+          style: {
+            marginRight: 8
+          },
+          disabled: item.status === 'Running' || disabledRetryBtnMachineSn === item.machineSn
+        })
+      }, intl.get({
+        id: 'rdc-tb-cd-assets.build-and-deploy-setting-new.detail.machines-table.ReloadRunner',
+        defaultMessage: '重装Runner'
+      })), /*#__PURE__*/React.createElement(Tooltip, {
+        trigger: /*#__PURE__*/React.createElement(ButtonIcon, {
+          name: "delete-line",
+          onClick: function onClick() {
+            return onRemoveBySn(item);
+          }
+        })
+      }, intl.get({
+        id: 'rdc-tb-cd-assets.build-and-deploy-setting-new.detail.machines-table.RemoveNode',
+        defaultMessage: '移除节点'
+      })));
+    }
+  })), logDialogProps.visible && /*#__PURE__*/React.createElement(LogDialog, _extends({}, logDialogProps, {
+    onClose: function onClose() {
+      setLogDialogProps({
+        visible: false
+      });
+    }
+  })), hostDialogVisible && /*#__PURE__*/React.createElement(HostDialog, {
+    isRetry: true,
+    osType: hostDialogOsType,
+    visible: hostDialogVisible,
+    group: group,
+    fetchGroup: fetchGroup,
+    onClose: function onClose() {
+      setHostDialogVisible(false);
+      setHostDialogOsType();
+    }
+  }));
+};
+
+/**
+ * 主机名和备注
+ */
+function Desc(_ref6) {
+  var record = _ref6.record,
+    fetchGroup = _ref6.fetchGroup;
+  var machineSn = record.machineSn,
+    mark = record.mark,
+    machineGroupId = record.machineGroupId,
+    instanceName = record.instanceName;
+  var onMarkChange = /*#__PURE__*/function () {
+    var _ref7 = _asyncToGenerator(/*#__PURE__*/_regeneratorRuntime.mark(function _callee2(newMark, machineSn, machineGroupId) {
+      var message;
+      return _regeneratorRuntime.wrap(function _callee2$(_context2) {
+        while (1) switch (_context2.prev = _context2.next) {
+          case 0:
+            if (newMark === void 0) {
+              newMark = '';
+            }
+            _context2.next = 3;
+            return new Promise(function (resolve) {
+              var msg = newMark;
+              Dialog.confirm({
+                title: intl.get({
+                  id: 'rdc-tb-cd-assets.build-and-deploy-setting-new.detail.machines-table.Remarks',
+                  defaultMessage: '备注'
+                }),
+                okProps: {
+                  children: intl.get({
+                    id: 'rdc-tb-cd-assets.build-and-deploy-setting-new.detail.machines-table.Save',
+                    defaultMessage: '保存'
+                  })
+                },
+                onOk: function onOk() {
+                  return resolve(msg);
+                },
+                onClose: function onClose() {
+                  return resolve(false);
+                },
+                onCancel: function onCancel() {
+                  return resolve(false);
+                },
+                content: /*#__PURE__*/React.createElement(Input.TextArea, {
+                  maxLength: 128,
+                  rows: 8,
+                  showLimitHint: true,
+                  defaultValue: msg,
+                  style: {
+                    width: '100%'
+                  },
+                  placeholder: intl.get({
+                    id: 'rdc-tb-cd-assets.build-and-deploy-setting-new.detail.machines-table.EnterAComment',
+                    defaultMessage: '请输入备注'
+                  }),
+                  onChange: function onChange(v) {
+                    msg = v;
+                  }
+                })
+              });
+            });
+          case 3:
+            message = _context2.sent;
+            if (!(message === false)) {
+              _context2.next = 6;
+              break;
+            }
+            return _context2.abrupt("return");
+          case 6:
+            exceed.fetch({
+              api: 'Machine.saveMark',
+              data: {
+                machineGroupId: machineGroupId,
+                machineSn: machineSn,
+                mark: message
+              }
+            }).then(function () {
+              fetchGroup({
+                onlyTableLoading: true
+              });
+            });
+          case 7:
+          case "end":
+            return _context2.stop();
+        }
+      }, _callee2);
+    }));
+    return function onMarkChange(_x, _x2, _x3) {
+      return _ref7.apply(this, arguments);
+    };
+  }();
+  return /*#__PURE__*/React.createElement("div", {
+    style: {
+      display: 'flex',
+      whiteSpace: 'nowrap',
+      lineHeight: '24px'
+    }
+  }, /*#__PURE__*/React.createElement("span", {
+    style: {
+      maxWidth: 180,
+      display: 'inline-block',
+      verticalAlign: 'bottom'
+    }
+  }, /*#__PURE__*/React.createElement(Title, {
+    trigger: instanceName
+  }, intl.get({
+    id: 'rdc-tb-cd-assets.build-and-deploy-setting-new.detail.machines-table.HostNameInstancename',
+    defaultMessage: '主机名：{instanceName}'
+  }, {
+    instanceName: instanceName
+  }))), mark ? /*#__PURE__*/React.createElement(React.Fragment, null, /*#__PURE__*/React.createElement("span", {
+    style: {
+      margin: '0 4px'
+    }
+  }, "\u2022"), /*#__PURE__*/React.createElement(Tooltip, {
+    trigger: /*#__PURE__*/React.createElement("span", {
+      style: {
+        flexShrink: 1,
+        overflow: 'hidden',
+        textOverflow: 'ellipsis'
+      }
+    }, mark)
+  }, /*#__PURE__*/React.createElement("div", null, intl.get({
+    id: 'rdc-tb-cd-assets.build-and-deploy-setting-new.detail.machines-table.Remarks.1',
+    defaultMessage: '备注：'
+  })), /*#__PURE__*/React.createElement("div", {
+    style: {
+      whiteSpace: 'pre-wrap'
+    }
+  }, mark)), /*#__PURE__*/React.createElement(ButtonIcon, {
+    tooltip: intl.get({
+      id: 'rdc-tb-cd-assets.build-and-deploy-setting-new.detail.machines-table.Edit',
+      defaultMessage: '编辑'
+    }),
+    className: PREFIX + "-visible-on-row-hover",
+    style: {
+      marginLeft: 4,
+      verticalAlign: 'bottom'
+    },
+    name: "edit-line",
+    onClick: function onClick() {
+      onMarkChange(mark, machineSn, machineGroupId);
+    }
+  })) : /*#__PURE__*/React.createElement("span", {
+    className: PREFIX + "-visible-on-row-hover"
+  }, /*#__PURE__*/React.createElement("a", {
+    style: {
+      marginLeft: 4
+    },
+    href: "#",
+    onClick: function onClick(e) {
+      e.preventDefault();
+      onMarkChange(mark, machineSn, machineGroupId);
+    }
+  }, intl.get({
+    id: 'rdc-tb-cd-assets.build-and-deploy-setting-new.detail.machines-table.AddRemarks',
+    defaultMessage: '添加备注'
+  }))));
+}
+export default MachinesTable;

package/es/components/dashboardMain/components/build-and-deploy-setting-new/detail/operation.d.ts

@@ -0,0 +1,6 @@
+/// <reference types="react" />
+declare const Operation: ({ searchVal, setSearchVal }: {
+    searchVal: any;
+    setSearchVal: any;
+}) => JSX.Element;
+export default Operation;

package/es/components/dashboardMain/components/build-and-deploy-setting-new/detail/operation.js

@@ -0,0 +1,21 @@
+import React from 'react';
+// import { Dropdown, Menu } from '@teamix/ui';
+import { SearchIcon } from '@alife/devops-ui';
+import intl from "../../../../../locale";
+var Operation = function Operation(_ref) {
+  var searchVal = _ref.searchVal,
+    setSearchVal = _ref.setSearchVal;
+  return /*#__PURE__*/React.createElement(React.Fragment, null, /*#__PURE__*/React.createElement(SearchIcon, {
+    direction: "rtl",
+    placeholder: intl.get({
+      id: 'rdc-tb-cd-assets.build-and-deploy-setting-new.detail.operation.IpInstanceIdHostname',
+      defaultMessage: 'IP/实例ID/主机名'
+    }),
+    onChange: function onChange(v) {
+      setSearchVal(v);
+    },
+    value: searchVal,
+    width: 180
+  }));
+};
+export default Operation;

package/es/components/dashboardMain/components/build-and-deploy-setting-new/dialog/group-dialog/ecs-label-form-items/index.d.ts

@@ -0,0 +1,9 @@
+/// <reference types="react" />
+import { Field } from '@teamix/ui';
+interface IProps {
+    field: Field;
+    disabled?: boolean;
+    isEdit?: boolean;
+}
+export default function EcsLabelFormItems({ field, disabled, isEdit }: IProps): JSX.Element;
+export {};