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

package/es/components/dashboardMain/components/build-and-deploy-setting-new/dialog/group-dialog/index.js

@@ -0,0 +1,391 @@
+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 { Dialog, Form, Input, Field, Message, Select } from '@teamix/ui';
+import { ButtonIcon } from '@alife/devops-ui';
+import exceed from "../../../../../../utils/apimap";
+import { CopyToClipboard } from 'react-copy-to-clipboard';
+import utils from "../../../../../../utils";
+import { navigateWithContexPath } from "../../../../../../utils/route-utils";
+import TagSelect from "./tagSelect";
+import { PurposeContext } from "../..";
+import { envDatasource } from "../../../../../common/teambition/pipeline-info/baseInfo";
+import EcsLabelFormItems from "./ecs-label-form-items";
+import { pick } from 'lodash';
+import Member from "../../../../../common/teambition/yunxiao-member";
+import { MachineGroupVisibilityDataSource } from "../../types";
+import intl from "../../../../../../locale";
+var FormItem = Form.Item;
+var GroupDialog = function GroupDialog(_ref) {
+  var group = _ref.group,
+    visible = _ref.visible,
+    _onClose = _ref.onClose,
+    _ref$disabled = _ref.disabled,
+    disabled = _ref$disabled === void 0 ? false : _ref$disabled,
+    _ref$defaultSelectVis = _ref.defaultSelectVisible,
+    defaultSelectVisible = _ref$defaultSelectVis === void 0 ? false : _ref$defaultSelectVis,
+    _ref$tagSelectAloneMo = _ref.tagSelectAloneMode,
+    tagSelectAloneMode = _ref$tagSelectAloneMo === void 0 ? true : _ref$tagSelectAloneMo,
+    fetchGroup = _ref.fetchGroup,
+    fetchGroups = _ref.fetchGroups,
+    createTypeIsEcsLabel = _ref.createTypeIsEcsLabel;
+  var _React$useContext = React.useContext(PurposeContext),
+    purpose = _React$useContext.purpose,
+    purposeName = _React$useContext.purposeName,
+    purpoesForReqestArg = _React$useContext.purpoesForReqestArg;
+  var isEdit = !!group;
+  var isCreate = !group;
+  var _useState = useState(false),
+    saveBtnLoading = _useState[0],
+    setSaveBtnLoading = _useState[1];
+  var field = Field.useField();
+  var _useState2 = useState([]),
+    createMembers = _useState2[0],
+    setCreateMembers = _useState2[1];
+  var saveMembers = /*#__PURE__*/function () {
+    var _ref2 = _asyncToGenerator(/*#__PURE__*/_regeneratorRuntime.mark(function _callee(objId, members) {
+      var config;
+      return _regeneratorRuntime.wrap(function _callee$(_context) {
+        while (1) switch (_context.prev = _context.next) {
+          case 0:
+            config = {
+              api: 'Member.batchOverrideResourceMembers',
+              data: {
+                objType: purpose === 'deploy' ? 'deployGroup' : 'buildGroup',
+                objId: objId,
+                purpose: purpoesForReqestArg,
+                members: JSON.stringify(members.map(function (it) {
+                  return _extends({}, it, {
+                    objectId: objId
+                  });
+                }))
+              }
+            };
+            _context.next = 3;
+            return exceed.fetch(config);
+          case 3:
+          case "end":
+            return _context.stop();
+        }
+      }, _callee);
+    }));
+    return function saveMembers(_x, _x2) {
+      return _ref2.apply(this, arguments);
+    };
+  }();
+  useEffect(function () {
+    var _uuid = utils.uuidStartWithALetter(16);
+    field.setValues({
+      name: (group === null || group === void 0 ? void 0 : group.name) || intl.get({
+        id: 'rdc-tb-cd-assets.dialog.group-dialog.NewPurposename',
+        defaultMessage: '新的{purposeName}'
+      }, {
+        purposeName: purposeName
+      }),
+      uuid: (group === null || group === void 0 ? void 0 : group.uuid) || _uuid,
+      tagIdList: (group === null || group === void 0 ? void 0 : group.tagList.map(function (item) {
+        return item.id;
+      })) || []
+    });
+    if (group !== null && group !== void 0 && group.visibility) {
+      field.setValue('visibility', group.visibility);
+    }
+    if (purpose === 'deploy') {
+      var _group$envObj$0$envId, _group$envObj, _group$envObj$;
+      field.setValues({
+        envId: String((_group$envObj$0$envId = group === null || group === void 0 ? void 0 : (_group$envObj = group.envObj) === null || _group$envObj === void 0 ? void 0 : (_group$envObj$ = _group$envObj[0]) === null || _group$envObj$ === void 0 ? void 0 : _group$envObj$.envId) !== null && _group$envObj$0$envId !== void 0 ? _group$envObj$0$envId : '')
+      });
+    }
+    if (createTypeIsEcsLabel) {
+      field.setValues(pick(group, ['serviceConnectionId', 'aliyunRegion', 'ecsLabelKey', 'ecsLabelValue']));
+    }
+  }, [group, field]);
+  var onOk = /*#__PURE__*/function () {
+    var _ref3 = _asyncToGenerator(/*#__PURE__*/_regeneratorRuntime.mark(function _callee2() {
+      var validateResult, _field$getValues, name, uuid, tagIdList, visibility, serviceConnectionId, aliyunRegion, ecsLabelKey, ecsLabelValue, envId, params, machineGroupStr, fetchConfig, _yield$exceed$fetch, successful, object;
+      return _regeneratorRuntime.wrap(function _callee2$(_context2) {
+        while (1) switch (_context2.prev = _context2.next) {
+          case 0:
+            _context2.next = 2;
+            return field.validatePromise();
+          case 2:
+            validateResult = _context2.sent;
+            if (!Object.keys((validateResult === null || validateResult === void 0 ? void 0 : validateResult.errors) || {}).length) {
+              _context2.next = 6;
+              break;
+            }
+            Message.error(intl.get({
+              id: 'rdc-tb-cd-assets.dialog.group-dialog.VerificationFailed',
+              defaultMessage: '校验失败'
+            }));
+            return _context2.abrupt("return");
+          case 6:
+            _field$getValues = field.getValues(), name = _field$getValues.name, uuid = _field$getValues.uuid, tagIdList = _field$getValues.tagIdList, visibility = _field$getValues.visibility, serviceConnectionId = _field$getValues.serviceConnectionId, aliyunRegion = _field$getValues.aliyunRegion, ecsLabelKey = _field$getValues.ecsLabelKey, ecsLabelValue = _field$getValues.ecsLabelValue, envId = _field$getValues.envId;
+            params = {
+              uuid: uuid,
+              name: name,
+              tagIds: tagIdList.join(','),
+              purpose: purpoesForReqestArg
+            };
+            if (visibility) {
+              params.visibility = visibility;
+            }
+            if (purpose === 'deploy') {
+              params.envId = envId;
+              params.type = 'ECS';
+            }
+            if (createTypeIsEcsLabel) {
+              params = _extends({}, params, {
+                ecsType: 'ECS_LABEL',
+                serviceConnectionId: serviceConnectionId,
+                aliyunRegion: aliyunRegion,
+                ecsLabelKey: ecsLabelKey,
+                ecsLabelValue: ecsLabelValue
+              });
+            }
+            if (group) {
+              params.id = group.id;
+            }
+            machineGroupStr = JSON.stringify(params);
+            fetchConfig = {
+              api: isEdit ? 'Machine.group.update' : 'Machine.group.save',
+              params: {
+                purpose: purpose
+              },
+              data: {
+                machineGroupStr: machineGroupStr
+              }
+            };
+            setSaveBtnLoading(true);
+            _context2.next = 17;
+            return exceed.fetch(fetchConfig);
+          case 17:
+            _yield$exceed$fetch = _context2.sent;
+            successful = _yield$exceed$fetch.successful;
+            object = _yield$exceed$fetch.object;
+            if (successful) {
+              _context2.next = 23;
+              break;
+            }
+            setSaveBtnLoading(false);
+            return _context2.abrupt("return");
+          case 23:
+            if (isCreate) {
+              saveMembers(object, createMembers);
+              fetchGroups(); // 调用这个，主要是为了更新group权限（buildGroupPermissionResult）
+              navigateWithContexPath("/setting/" + purpose + "/" + object);
+            } else {
+              fetchGroup();
+            }
+            _onClose && _onClose();
+          case 25:
+          case "end":
+            return _context2.stop();
+        }
+      }, _callee2);
+    }));
+    return function onOk() {
+      return _ref3.apply(this, arguments);
+    };
+  }();
+  return /*#__PURE__*/React.createElement(Dialog, {
+    title: (isEdit ? intl.get({
+      id: 'rdc-tb-cd-assets.dialog.group-dialog.Set',
+      defaultMessage: '设置'
+    }) : intl.get({
+      id: 'rdc-tb-cd-assets.dialog.group-dialog.New',
+      defaultMessage: '新建'
+    })) + " " + purposeName,
+    visible: visible,
+    size: 'medium',
+    onOk: onOk,
+    okProps: {
+      loading: saveBtnLoading
+    },
+    onClose: function onClose() {
+      _onClose && _onClose();
+    }
+  }, /*#__PURE__*/React.createElement(Form, {
+    field: field
+  }, /*#__PURE__*/React.createElement(FormItem, {
+    label: intl.get({
+      id: 'rdc-tb-cd-assets.dialog.group-dialog.PurposenameName',
+      defaultMessage: '{purposeName}名称'
+    }, {
+      purposeName: purposeName
+    }),
+    required: true
+  }, /*#__PURE__*/React.createElement(Input, _extends({
+    trim: true,
+    disabled: disabled,
+    placeholder: intl.get({
+      id: 'rdc-tb-cd-assets.dialog.group-dialog.EnterAName',
+      defaultMessage: '请输入名称'
+    }),
+    maxLength: 256,
+    showLimitHint: true
+  }, field.init('name', {
+    rules: [{
+      required: true,
+      message: intl.get({
+        id: 'rdc-tb-cd-assets.dialog.group-dialog.EnterAName',
+        defaultMessage: '请输入名称'
+      })
+    }]
+  })))), /*#__PURE__*/React.createElement(FormItem, {
+    label: purposeName + "ID",
+    required: true
+  }, /*#__PURE__*/React.createElement(Input, _extends({
+    trim: true,
+    hasLimitHint: true,
+    maxLength: 16,
+    disabled: isEdit,
+    placeholder: intl.get({
+      id: 'rdc-tb-cd-assets.dialog.group-dialog.EnterPurposenameId',
+      defaultMessage: '请输入{purposeName} ID'
+    }, {
+      purposeName: purposeName
+    })
+  }, field.init('uuid', {
+    rules: [{
+      required: true,
+      message: intl.get({
+        id: 'rdc-tb-cd-assets.dialog.group-dialog.EnterPurposenameId',
+        defaultMessage: '请输入{purposeName} ID'
+      }, {
+        purposeName: purposeName
+      })
+    }, {
+      pattern: /^[a-zA-Z][\w.-]*$/,
+      message: intl.get({
+        id: 'rdc-tb-cd-assets.dialog.group-dialog.CanOnlyContainLettersAnd',
+        defaultMessage: "只能包含字母和数字、 '_'，且只能以字母开头"
+      })
+    }, {
+      validator: function validator(rule, value) {
+        if (value.length < 8) {
+          return Promise.reject(intl.get({
+            id: 'rdc-tb-cd-assets.dialog.group-dialog.PurposenameTheIdMustBe',
+            defaultMessage: '{purposeName} ID 长度 8-16 个字符'
+          }, {
+            purposeName: purposeName
+          }));
+        } else {
+          return Promise.resolve(null);
+        }
+      }
+    }]
+  }), {
+    addonTextAfter: isEdit && /*#__PURE__*/React.createElement(CopyToClipboard, {
+      text: field.getValue('uuid'),
+      onCopy: function onCopy() {
+        return Message.success({
+          title: intl.get({
+            id: 'rdc-tb-cd-assets.dialog.group-dialog.SuccessfullyCopiedToTheClipboard',
+            defaultMessage: '成功复制到剪贴板'
+          })
+        });
+      }
+    }, /*#__PURE__*/React.createElement(ButtonIcon, {
+      name: "copy-line"
+    }))
+  }))), /*#__PURE__*/React.createElement(FormItem, {
+    label: intl.get({
+      id: 'rdc-tb-cd-assets.dialog.group-dialog.PurposenameTags',
+      defaultMessage: '{purposeName}标签'
+    }, {
+      purposeName: purposeName
+    })
+  }, /*#__PURE__*/React.createElement(TagSelect, _extends({
+    defaultSelectVisible: defaultSelectVisible,
+    disabled: disabled,
+    style: {
+      width: '100%'
+    }
+  }, field.init('tagIdList'), tagSelectAloneMode ? {
+    onChange: function onChange(v) {
+      return field.setValue('tagIdList', v);
+    }
+  } : {}, {
+    placeholder: !disabled && !(field.getValue('tagIdList') || []).length ? intl.get({
+      id: 'rdc-tb-cd-assets.dialog.group-dialog.PleaseSelectALabel',
+      defaultMessage: '请选择标签'
+    }) : intl.get({
+      id: 'rdc-tb-cd-assets.dialog.group-dialog.NoTagSet',
+      defaultMessage: '未设置标签'
+    })
+  }))), purpose === 'deploy' && /*#__PURE__*/React.createElement(FormItem, {
+    label: intl.get({
+      id: 'rdc-tb-cd-assets.dialog.group-dialog.HostGroupEnvironment',
+      defaultMessage: '主机组环境'
+    })
+  }, /*#__PURE__*/React.createElement(Select, _extends({
+    disabled: disabled,
+    style: {
+      width: '100%'
+    },
+    dataSource: envDatasource
+  }, field.init('envId'), {
+    placeholder: intl.get({
+      id: 'rdc-tb-cd-assets.dialog.group-dialog.PleaseSelect',
+      defaultMessage: '请选择'
+    })
+  }))), createTypeIsEcsLabel && /*#__PURE__*/React.createElement(EcsLabelFormItems, {
+    field: field,
+    isEdit: isEdit
+  }), function () {
+    var memberEl = /*#__PURE__*/React.createElement(FormItem, {
+      label: intl.get({
+        id: 'rdc-tb-cd-assets.dialog.group-dialog.Member',
+        defaultMessage: '成员'
+      }),
+      required: true
+    }, /*#__PURE__*/React.createElement(Member, {
+      isAsync: true,
+      inviteVisible: true,
+      disabled: false,
+      onChange: isCreate ? setCreateMembers : function (m) {
+        return saveMembers(group.id, m);
+      },
+      objId: group === null || group === void 0 ? void 0 : group.id,
+      objType: purpose === 'deploy' ? 'deployGroup' : 'buildGroup',
+      onReady: isCreate ? setCreateMembers : function () {}
+    }));
+
+    // 若是编辑 等待group信息加载后渲染
+    var memberElIfReady = isEdit && !group ? null : memberEl;
+    if (purpose === 'deploy') {
+      return memberElIfReady;
+    } else {
+      // build group
+      return /*#__PURE__*/React.createElement(React.Fragment, null, /*#__PURE__*/React.createElement(FormItem, {
+        label: intl.get({
+          id: 'rdc-tb-cd-assets.dialog.group-dialog.Openness',
+          defaultMessage: '公开性'
+        }),
+        required: true
+      }, /*#__PURE__*/React.createElement(Select, _extends({
+        dataSource: MachineGroupVisibilityDataSource
+      }, field.init('visibility', {
+        rules: [{
+          required: true,
+          message: intl.get({
+            id: 'rdc-tb-cd-assets.dialog.group-dialog.PleaseSelectOpenness',
+            defaultMessage: '请选择公开性'
+          })
+        }]
+      }), {
+        placeholder: intl.get({
+          id: 'rdc-tb-cd-assets.dialog.group-dialog.PleaseSelectOpenness',
+          defaultMessage: '请选择公开性'
+        })
+      }))), memberElIfReady);
+    }
+  }()));
+};
+export default GroupDialog;

package/es/components/dashboardMain/components/build-and-deploy-setting-new/dialog/group-dialog/tagSelect.d.ts

@@ -0,0 +1,10 @@
+/// <reference types="react" />
+export declare const getTagList: (groupNameCb: any) => Promise<{
+    tagLists?: undefined;
+    formatTagLists?: undefined;
+} | {
+    tagLists: any;
+    formatTagLists: any;
+}>;
+declare const TagSelect: (props: any) => JSX.Element;
+export default TagSelect;

package/es/components/dashboardMain/components/build-and-deploy-setting-new/dialog/group-dialog/tagSelect.js

@@ -0,0 +1,291 @@
+import _extends from "@babel/runtime/helpers/extends";
+import _objectWithoutPropertiesLoose from "@babel/runtime/helpers/objectWithoutPropertiesLoose";
+import _asyncToGenerator from "@babel/runtime/helpers/asyncToGenerator";
+var _excluded = ["onChange", "value", "createTag", "defaultSelectVisible"];
+import _regeneratorRuntime from "@babel/runtime/regenerator";
+import React, { useState, useEffect, cloneElement } from 'react';
+import { Select as AtSelect, Button, Field } from '@teamix/ui';
+import { YunxiaoIcon } from '@alife/devops-ui';
+import exceed from "../../../../../../utils/apimap";
+import { debounce } from 'lodash-es';
+import AddTagDialog from "../../../tag-setting/add-tag-dialog";
+import intl from "../../../../../../locale";
+export var getTagList = /*#__PURE__*/function () {
+  var _ref = _asyncToGenerator(/*#__PURE__*/_regeneratorRuntime.mark(function _callee(groupNameCb) {
+    var config, _yield$exceed$fetch, successful, object;
+    return _regeneratorRuntime.wrap(function _callee$(_context) {
+      while (1) switch (_context.prev = _context.next) {
+        case 0:
+          config = {
+            api: 'Tag.group.list',
+            data: {
+              withDetails: true
+            }
+          };
+          _context.next = 3;
+          return exceed.fetch(config);
+        case 3:
+          _yield$exceed$fetch = _context.sent;
+          successful = _yield$exceed$fetch.successful;
+          object = _yield$exceed$fetch.object;
+          if (successful) {
+            _context.next = 8;
+            break;
+          }
+          return _context.abrupt("return", {});
+        case 8:
+          return _context.abrupt("return", {
+            tagLists: object,
+            formatTagLists: formatSelectData(object, groupNameCb)
+          });
+        case 9:
+        case "end":
+          return _context.stop();
+      }
+    }, _callee);
+  }));
+  return function getTagList(_x) {
+    return _ref.apply(this, arguments);
+  };
+}();
+var formatSelectData = function formatSelectData(data, groupNameCb) {
+  if (data === void 0) {
+    data = [];
+  }
+  return data.reduce(function (prev, item) {
+    var name = item.name,
+      id = item.id,
+      _item$tagList = item.tagList,
+      tagList = _item$tagList === void 0 ? [] : _item$tagList;
+    if (!tagList.length) return prev;
+    var children = tagList.map(function (_ref2) {
+      var label = _ref2.name,
+        value = _ref2.id,
+        color = _ref2.color;
+      return {
+        label: label,
+        value: value,
+        color: color
+      };
+    });
+    return [].concat(prev, [{
+      label: groupNameCb ? groupNameCb({
+        name: name,
+        id: id
+      }) : name,
+      children: children
+    }]);
+  }, []);
+};
+var _ref3 = window.AK_GLOBAL.currentUser || {},
+  permissions = _ref3.permissions;
+var canCreateTag = permissions.includes('tb.role.tag.create');
+var createTrigger = function createTrigger(_ref4) {
+  var _ref4$icon = _ref4.icon,
+    icon = _ref4$icon === void 0 ? false : _ref4$icon,
+    _ref4$text = _ref4.text,
+    text = _ref4$text === void 0 ? '' : _ref4$text;
+  return /*#__PURE__*/React.createElement(Button, {
+    text: true,
+    type: "primary",
+    disabled: !canCreateTag
+  }, icon && /*#__PURE__*/React.createElement(YunxiaoIcon, {
+    type: "add-fill"
+  }), text || intl.get({
+    id: 'rdc-tb-cd-assets.teambition.pipeline-info.tagSelect.CreateTag',
+    defaultMessage: '新建标签'
+  }));
+};
+var prefix = 'tag-select';
+var timer = null;
+var TagSelect = function TagSelect(props) {
+  var _onChange = props.onChange,
+    value = props.value,
+    _props$createTag = props.createTag,
+    createTag = _props$createTag === void 0 ? true : _props$createTag,
+    _props$defaultSelectV = props.defaultSelectVisible,
+    defaultSelectVisible = _props$defaultSelectV === void 0 ? false : _props$defaultSelectV,
+    others = _objectWithoutPropertiesLoose(props, _excluded);
+  var _useState = useState([]),
+    selectData = _useState[0],
+    setSelectData = _useState[1];
+  var _useState2 = useState([]),
+    originalData = _useState2[0],
+    setOriginalData = _useState2[1];
+  var _useState3 = useState({}),
+    addTagInfo = _useState3[0],
+    setAddTagInfo = _useState3[1];
+  var _useState4 = useState(false),
+    addTagVisible = _useState4[0],
+    setAddTagVisible = _useState4[1];
+  var _useState5 = useState(false),
+    tagSelectVisible = _useState5[0],
+    setTagSelectVisible = _useState5[1];
+  var tagField = Field.useField();
+  var onAddTag = function onAddTag(e, _ref5) {
+    var name = _ref5.name,
+      id = _ref5.id;
+    e.stopPropagation();
+    tagField.setValues({
+      tagGroupId: id
+    });
+    setAddTagInfo({
+      tagGroupDatasource: [{
+        name: name,
+        id: id
+      }],
+      tagGroupDisabled: true
+    });
+    setAddTagVisible(true);
+    setTagSelectVisible(false);
+  };
+  var groupNameCb = function groupNameCb(_ref6) {
+    var name = _ref6.name,
+      id = _ref6.id;
+    return /*#__PURE__*/React.createElement("div", {
+      className: prefix + "-label"
+    }, name, createTag && /*#__PURE__*/cloneElement(createTrigger({
+      icon: true
+    }), {
+      onClick: function onClick(e) {
+        return onAddTag(e, {
+          name: name,
+          id: id
+        });
+      }
+    }));
+  };
+  var getSelectData = /*#__PURE__*/function () {
+    var _ref7 = _asyncToGenerator(/*#__PURE__*/_regeneratorRuntime.mark(function _callee2() {
+      var _yield$getTagList, tagLists, formatTagLists;
+      return _regeneratorRuntime.wrap(function _callee2$(_context2) {
+        while (1) switch (_context2.prev = _context2.next) {
+          case 0:
+            _context2.next = 2;
+            return getTagList(groupNameCb);
+          case 2:
+            _yield$getTagList = _context2.sent;
+            tagLists = _yield$getTagList.tagLists;
+            formatTagLists = _yield$getTagList.formatTagLists;
+            setOriginalData(tagLists);
+            setSelectData(formatTagLists);
+          case 7:
+          case "end":
+            return _context2.stop();
+        }
+      }, _callee2);
+    }));
+    return function getSelectData() {
+      return _ref7.apply(this, arguments);
+    };
+  }();
+  useEffect(function () {
+    if (!defaultSelectVisible) {
+      return;
+    }
+    timer = setTimeout(function () {
+      setTagSelectVisible(defaultSelectVisible);
+    }, 500);
+  }, [defaultSelectVisible]);
+  useEffect(function () {
+    getSelectData();
+    return function () {
+      timer && clearTimeout(timer);
+    };
+  }, []);
+  var onSearch = function onSearch(v) {
+    if (v) {
+      var res = originalData.reduce(function (pre, _ref8) {
+        var _ref8$tagList = _ref8.tagList,
+          tagList = _ref8$tagList === void 0 ? [] : _ref8$tagList,
+          name = _ref8.name,
+          id = _ref8.id;
+        if (!tagList.length) return [];
+        var filterTagList = tagList.filter(function (_ref9) {
+          var innerName = _ref9.name;
+          return innerName.includes(v);
+        });
+        if (!filterTagList.length) return pre;
+        return [].concat(pre, formatSelectData([{
+          name: name,
+          id: id,
+          tagList: filterTagList
+        }]));
+      }, []);
+      setSelectData(res);
+      return;
+    }
+    setSelectData(formatSelectData(originalData));
+  };
+  var renderItem = function renderItem(_ref10) {
+    var color = _ref10.color,
+      label = _ref10.label;
+    return /*#__PURE__*/React.createElement("div", {
+      className: prefix + "-item"
+    }, /*#__PURE__*/React.createElement("span", {
+      style: {
+        background: color
+      }
+    }), /*#__PURE__*/React.createElement("span", null, label));
+  };
+  var notFoundContent = function notFoundContent() {
+    return /*#__PURE__*/React.createElement("div", {
+      style: {
+        display: 'inline-flex',
+        alignItems: 'center',
+        justifyContent: 'center',
+        width: '100%'
+      }
+    }, intl.get({
+      id: 'rdc-tb-cd-assets.teambition.pipeline-info.tagSelect.NoLabel',
+      defaultMessage: '暂无标签，'
+    }), /*#__PURE__*/cloneElement(createTrigger({
+      text: intl.get({
+        id: 'rdc-tb-cd-assets.teambition.pipeline-info.tagSelect.ClickCreateTag',
+        defaultMessage: '点击新建标签'
+      })
+    }), {
+      onClick: function onClick(e) {
+        return onAddTag(e, {
+          name: intl.get({
+            id: 'rdc-tb-cd-assets.teambition.pipeline-info.tagSelect.Unclassified',
+            defaultMessage: '未分类'
+          }),
+          id: 0
+        });
+      }
+    }));
+  };
+  return /*#__PURE__*/React.createElement(React.Fragment, null, /*#__PURE__*/React.createElement(AtSelect, _extends({
+    mode: "tag",
+    showSearch: true,
+    filterLocal: false,
+    onSearch: debounce(onSearch, 500),
+    style: {
+      width: '100%'
+    },
+    popupClassName: prefix,
+    itemRender: renderItem,
+    dataSource: selectData,
+    notFoundContent: notFoundContent(),
+    visible: tagSelectVisible
+  }, value ? {
+    value: (value || []).map(Number)
+  } : {}, {
+    onVisibleChange: setTagSelectVisible,
+    onChange: function onChange(v) {
+      _onChange && _onChange(v);
+    }
+  }, others)), addTagVisible && /*#__PURE__*/React.createElement(AddTagDialog, _extends({}, addTagInfo, {
+    visible: addTagVisible,
+    onClose: function onClose() {
+      setAddTagVisible(false);
+      tagField.reset();
+    },
+    onRefresh: function onRefresh() {
+      return getSelectData();
+    },
+    field: tagField
+  })));
+};
+export default TagSelect;

package/es/components/dashboardMain/components/build-and-deploy-setting-new/dialog/host-dialog/demo-form/DemoForm.d.ts

@@ -0,0 +1,4 @@
+/// <reference types="react" />
+export default function DemoForm({ demoEcsField }: {
+    demoEcsField: any;
+}): JSX.Element;