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

package/es/components/common/teambition/pipeline-roll-back/index.js

@@ -0,0 +1,189 @@
+import _extends from "@babel/runtime/helpers/extends";
+import React, { useCallback, useEffect, useState } from 'react';
+import { Loading, Message, Input, Button } from '@teamix/ui';
+import DiffViewer from "../../../diffViewer";
+import exceed from "../../../../utils/apimap";
+import FullScreenDialog from "../../../FullScreenDialog";
+import styles from "./index.module.scss";
+import { navigateWithContexPath } from "../../../../utils/route-utils";
+import intl from "../../../../locale";
+import { Title } from '@alife/devops-ui';
+var PipelineRollBack = function PipelineRollBack(_ref) {
+  var visible = _ref.visible,
+    setVisible = _ref.setVisible,
+    pipelineId = _ref.pipelineId,
+    lastVersion = _ref.lastVersion,
+    diffVersion = _ref.diffVersion,
+    pipeline = _ref.pipeline,
+    rollCallback = _ref.rollCallback,
+    pipelineName = _ref.pipelineName;
+  var _useState = useState(false),
+    loading = _useState[0],
+    setLoading = _useState[1];
+  var _useState2 = useState(''),
+    fromFlow = _useState2[0],
+    setFromFlow = _useState2[1];
+  var _useState3 = useState(''),
+    toFlow = _useState3[0],
+    setToFlow = _useState3[1];
+  var _useState4 = useState(''),
+    updateLog = _useState4[0],
+    setUpdateLog = _useState4[1];
+  var _useState5 = useState(false),
+    updateLoading = _useState5[0],
+    setUpdateLoading = _useState5[1];
+  var getRevisions = useCallback(function () {
+    setLoading(true);
+    exceed.fetch({
+      api: 'Pipeline.configs',
+      params: {
+        pipelineId: pipelineId
+      },
+      data: {
+        versions: [lastVersion, diffVersion],
+        withConfigYaml: true
+      }
+    }).then(function (res) {
+      setLoading(false);
+      if (res.successful) {
+        var _res$object$items, _res$object$items$fin, _res$object$items2, _res$object$items2$fi;
+        setFromFlow(((_res$object$items = res.object.items) === null || _res$object$items === void 0 ? void 0 : (_res$object$items$fin = _res$object$items.find(function (item) {
+          return item.version === lastVersion;
+        })) === null || _res$object$items$fin === void 0 ? void 0 : _res$object$items$fin.flow) || '');
+        setToFlow(((_res$object$items2 = res.object.items) === null || _res$object$items2 === void 0 ? void 0 : (_res$object$items2$fi = _res$object$items2.find(function (item) {
+          return item.version === diffVersion;
+        })) === null || _res$object$items2$fi === void 0 ? void 0 : _res$object$items2$fi.flow) || '');
+      }
+    })["catch"](function () {
+      setLoading(false);
+    });
+  }, [diffVersion, lastVersion, pipelineId]);
+  var onClose = function onClose() {
+    if (updateLoading) {
+      Message.warning(intl.get({
+        id: 'rdc-tb-cd-assets.teambition.pipeline-roll-back.RollingBackPleaseWait',
+        defaultMessage: '回滚中，请稍后'
+      }));
+      return;
+    }
+    setVisible(false);
+  };
+  var onRollBack = function onRollBack() {
+    setUpdateLoading(true);
+    var pipelineVo = pipeline.pipelineVo || {};
+    var pipelineConfigVo = _extends({}, pipelineVo.pipelineConfigVo, {
+      changeLog: updateLog,
+      flow: toFlow
+    });
+    exceed.fetch({
+      api: 'Pipeline2.update',
+      data: {
+        pipeline: JSON.stringify(_extends({}, pipelineVo, {
+          pipelineConfigVo: pipelineConfigVo
+        })),
+        refObjectList: JSON.stringify(pipeline.pipelineObjRelList)
+      },
+      params: {
+        id: pipelineId
+      }
+    }).then(function (res) {
+      setUpdateLoading(false);
+      if (res.successful) {
+        Message.success(intl.get({
+          id: 'rdc-tb-cd-assets.teambition.pipeline-roll-back.RollbackSucceeded',
+          defaultMessage: '回滚成功'
+        }));
+        setVisible(false);
+        if (rollCallback) {
+          rollCallback();
+        }
+        navigateWithContexPath("/pipelines/" + pipelineId + "/edit");
+      }
+    })["catch"](function () {
+      setUpdateLoading(false);
+    });
+  };
+  useEffect(function () {
+    if (visible) {
+      getRevisions();
+    } else {
+      setFromFlow('');
+      setToFlow('');
+    }
+  }, [getRevisions, visible]);
+  useEffect(function () {
+    if (visible) {
+      setUpdateLog(intl.get({
+        id: 'rdc-tb-cd-assets.teambition.pipeline-roll-back.RolledBackFromVersionDiffversion',
+        defaultMessage: '回滚自 {diffVersion} 版本'
+      }, {
+        diffVersion: diffVersion
+      }));
+    }
+  }, [diffVersion, visible]);
+  return /*#__PURE__*/React.createElement(FullScreenDialog, {
+    visible: visible,
+    title: /*#__PURE__*/React.createElement("div", {
+      className: styles.titleContent
+    }, /*#__PURE__*/React.createElement("div", {
+      className: styles.title
+    }, /*#__PURE__*/React.createElement(Title, {
+      trigger: pipelineName
+    })), /*#__PURE__*/React.createElement("span", null, ' - '), /*#__PURE__*/React.createElement("span", null, intl.get({
+      id: 'rdc-tb-cd-assets.teambition.pipeline-roll-back.PipelineVersionRollback',
+      defaultMessage: '版本回滚'
+    }))),
+    onClose: onClose,
+    width: 800,
+    footer: /*#__PURE__*/React.createElement("div", {
+      className: styles.rollBackFooter
+    }, /*#__PURE__*/React.createElement(Input, {
+      value: updateLog,
+      onChange: setUpdateLog,
+      className: styles.footerLog,
+      maxLength: 400
+    }), /*#__PURE__*/React.createElement("div", null, /*#__PURE__*/React.createElement(Button, {
+      type: "normal",
+      onClick: onClose
+    }, intl.get({
+      id: 'rdc-tb-cd-assets.teambition.pipeline-roll-back.Cancel',
+      defaultMessage: '取消'
+    })), /*#__PURE__*/React.createElement(Button, {
+      warning: true,
+      type: "primary",
+      loading: updateLoading,
+      onClick: onRollBack
+    }, intl.get({
+      id: 'rdc-tb-cd-assets.teambition.pipeline-roll-back.Rollback',
+      defaultMessage: '回滚'
+    })))),
+    animation: {
+      "in": 'expandInDown',
+      out: 'expandOutUp'
+    }
+  }, function (fullScreen) {
+    return /*#__PURE__*/React.createElement(Loading, {
+      visible: loading,
+      inline: false
+    }, /*#__PURE__*/React.createElement("div", {
+      className: styles.rollBackTitle
+    }, /*#__PURE__*/React.createElement(Message, {
+      title: intl.get({
+        id: 'rdc-tb-cd-assets.teambition.pipeline-roll-back.OnlyYamlInTheFlow',
+        defaultMessage: '仅回滚流水配置中的 YAML，触发方式、变量、缓存等配置不会回滚，请谨慎操作！'
+      }),
+      type: "warning"
+    })), /*#__PURE__*/React.createElement("div", {
+      style: {
+        minHeight: 400
+      }
+    }, /*#__PURE__*/React.createElement(DiffViewer, {
+      oldValue: fromFlow,
+      newValue: toFlow,
+      height: fullScreen ? 'calc(100vh - 162px)' : 'calc(100vh - 402px)',
+      minHeight: 400,
+      scrollToDiff: true
+    })));
+  });
+};
+export default PipelineRollBack;

package/es/components/common/teambition/pipeline-roll-back/index.module.scss

@@ -0,0 +1,23 @@
+.rollBackTitle {
+  padding: 10px 20px;
+  border-bottom: 1px solid var(--color-brand3-2, #e9edf0);
+}
+
+.rollBackFooter {
+  display: flex;
+  align-items: center;
+}
+
+.footerLog {
+  flex: 1;
+  margin-right: 40px;
+}
+
+.titleContent {
+  display: flex;
+  align-items: center;
+}
+
+.title {
+  max-width: 400px;
+}

package/es/components/common/teambition/pipeline-run-confirm/index.d.ts

@@ -0,0 +1,13 @@
+/// <reference types="react" />
+import './index.scss';
+interface Props {
+    value: string;
+    onChange?: Function;
+    onExtraClick?: Function;
+    extraDisabled?: boolean;
+    style?: any;
+}
+export declare function removeDoubleQuote(text: any): any;
+export declare const PipelineRunTextArea: ({ value, onChange, onExtraClick, extraDisabled, style, }: Props) => JSX.Element;
+declare const PipelineRunConfirm: (props: any) => JSX.Element;
+export default PipelineRunConfirm;

package/es/components/common/teambition/pipeline-run-confirm/index.js

@@ -0,0 +1,83 @@
+import _objectWithoutPropertiesLoose from "@babel/runtime/helpers/objectWithoutPropertiesLoose";
+var _excluded = ["visible", "onClose", "onOk", "loading"];
+import React from 'react';
+import { Dialog, Input, Message } from '@teamix/ui';
+import intl from "../../../../locale";
+import "./index.scss";
+var PREFIX = 'pipeline-running';
+// 后端处理运行备注中的双引号有问题，要前端去掉
+// https://devops.aliyun.com/projex/bug/YXFB-1941# 《运行备注里只要有双引号“” 镜像升级就会失败》
+export function removeDoubleQuote(text) {
+  if (typeof text === 'string') {
+    return text.replace(/"/g, '');
+  }
+  return text;
+}
+export var PipelineRunTextArea = function PipelineRunTextArea(_ref) {
+  var value = _ref.value,
+    _ref$onChange = _ref.onChange,
+    _onChange = _ref$onChange === void 0 ? function () {} : _ref$onChange,
+    _ref$onExtraClick = _ref.onExtraClick,
+    onExtraClick = _ref$onExtraClick === void 0 ? function () {} : _ref$onExtraClick,
+    extraDisabled = _ref.extraDisabled,
+    _ref$style = _ref.style,
+    style = _ref$style === void 0 ? {} : _ref$style;
+  return /*#__PURE__*/React.createElement("div", {
+    className: PREFIX + "__textArea",
+    style: style
+  }, /*#__PURE__*/React.createElement("div", {
+    className: PREFIX + "__textArea__label"
+  }, intl.get({
+    id: 'rdc-tb-cd-assets.teambition.pipeline-run-confirm.Description',
+    defaultMessage: '运行备注'
+  })), /*#__PURE__*/React.createElement(Input.TextArea, {
+    value: value,
+    maxLength: 300,
+    showLimitHint: true,
+    onChange: function onChange(text) {
+      if (text.includes('"')) {
+        Message.notice(intl.get({
+          id: 'rdc-tb-cd-assets.teambition.pipeline-run-confirm.DoubleQuotationMarksInEnglish',
+          defaultMessage: '不支持填写英文双引号'
+        }));
+      }
+      _onChange(removeDoubleQuote(text));
+    },
+    style: {
+      width: '100%'
+    },
+    placeholder: intl.get({
+      id: 'rdc-tb-cd-assets.teambition.pipeline-run-confirm.EnterADescription',
+      defaultMessage: '输入运行备注'
+    })
+  }));
+};
+var PipelineRunConfirm = function PipelineRunConfirm(props) {
+  var visible = props.visible,
+    onClose = props.onClose,
+    onOk = props.onOk,
+    loading = props.loading,
+    others = _objectWithoutPropertiesLoose(props, _excluded);
+  return /*#__PURE__*/React.createElement(Dialog, {
+    visible: visible,
+    onClose: onClose,
+    onCancel: onClose,
+    title: intl.get({
+      id: 'rdc-tb-cd-assets.teambition.pipeline-run-confirm.ConfirmTheRunningPipeline',
+      defaultMessage: '确认运行流水线'
+    }),
+    height: "290px",
+    onOk: onOk,
+    style: {
+      width: 500
+    },
+    okProps: {
+      children: intl.get({
+        id: 'rdc-tb-cd-assets.teambition.pipeline-run-confirm.Run',
+        defaultMessage: '运行'
+      }),
+      loading: loading
+    }
+  }, /*#__PURE__*/React.createElement(PipelineRunTextArea, others));
+};
+export default PipelineRunConfirm;

package/es/components/common/teambition/pipeline-run-confirm/index.scss

@@ -0,0 +1,16 @@
+// $PREFIX: pipeline-running;
+
+// @include block($PREFIX) {
+//   @include element(title) {
+//     font-weight: 500;
+//     margin-bottom: 12px;
+//   }
+//   @include element(textArea) {
+//     @include element(label) {
+//       display: flex;
+//       align-items: center;
+//       justify-content: space-between;
+//       margin-bottom: 8px;
+//     }
+//   }
+// }

package/es/components/common/teambition/pipeline-save-diff/index.d.ts

@@ -0,0 +1,12 @@
+/// <reference types="react" />
+interface PipelineSaveDiffProps {
+    visible: boolean;
+    setVisible: (visible: boolean) => void;
+    saveLoading?: boolean;
+    saveCallback?: (log: string, callback?: () => void) => void;
+    sourcePipeline: Record<string, any>;
+    pipeline: Record<string, any>;
+    isSaveAndRun: boolean;
+}
+declare const PipelineSaveDiff: ({ visible, setVisible, sourcePipeline, pipeline, saveLoading, saveCallback, isSaveAndRun, }: PipelineSaveDiffProps) => JSX.Element;
+export default PipelineSaveDiff;

package/es/components/common/teambition/pipeline-save-diff/index.js

@@ -0,0 +1,98 @@
+import React, { useEffect, useState } from 'react';
+import { Input, Button } from '@teamix/ui';
+import DiffViewer from "../../../diffViewer";
+import FullScreenDialog from "../../../FullScreenDialog";
+import styles from "./index.module.scss";
+import intl from "../../../../locale";
+var PipelineSaveDiff = function PipelineSaveDiff(_ref) {
+  var visible = _ref.visible,
+    setVisible = _ref.setVisible,
+    sourcePipeline = _ref.sourcePipeline,
+    pipeline = _ref.pipeline,
+    saveLoading = _ref.saveLoading,
+    saveCallback = _ref.saveCallback,
+    isSaveAndRun = _ref.isSaveAndRun;
+  var _useState = useState(''),
+    fromFlow = _useState[0],
+    setFromFlow = _useState[1];
+  var _useState2 = useState(''),
+    toFlow = _useState2[0],
+    setToFlow = _useState2[1];
+  var _useState3 = useState(''),
+    updateLog = _useState3[0],
+    setUpdateLog = _useState3[1];
+  var onClose = function onClose() {
+    setVisible(false);
+    setFromFlow('');
+    setToFlow('');
+    setUpdateLog('');
+  };
+  var onSave = function onSave() {
+    saveCallback(updateLog, function () {
+      onClose();
+    });
+  };
+  useEffect(function () {
+    if (visible) {
+      var _sourcePipeline$pipel, _pipeline$pipelineVo;
+      var sourcePipelineConfigVo = (sourcePipeline === null || sourcePipeline === void 0 ? void 0 : (_sourcePipeline$pipel = sourcePipeline.pipelineVo) === null || _sourcePipeline$pipel === void 0 ? void 0 : _sourcePipeline$pipel.pipelineConfigVo) || {};
+      setFromFlow(sourcePipelineConfigVo.flow || '');
+      var pipelineConfigVo = (pipeline === null || pipeline === void 0 ? void 0 : (_pipeline$pipelineVo = pipeline.pipelineVo) === null || _pipeline$pipelineVo === void 0 ? void 0 : _pipeline$pipelineVo.pipelineConfigVo) || {};
+      setToFlow(pipelineConfigVo.flow || '');
+    }
+  }, [sourcePipeline, pipeline, visible]);
+  return /*#__PURE__*/React.createElement(FullScreenDialog, {
+    visible: visible,
+    title: intl.get({
+      id: 'rdc-tb-cd-assets.teambition.pipeline-save-diff.PreviewChanges',
+      defaultMessage: '预览更改'
+    }),
+    onClose: onClose,
+    width: 800,
+    footer: /*#__PURE__*/React.createElement("div", {
+      className: styles.saveDiffFooter
+    }, /*#__PURE__*/React.createElement(Input, {
+      placeholder: intl.get({
+        id: 'rdc-tb-cd-assets.teambition.pipeline-save-diff.EnterARevisionLog',
+        defaultMessage: '请输入修订日志'
+      }),
+      value: updateLog,
+      onChange: setUpdateLog,
+      className: styles.footerLog,
+      maxLength: 400
+    }), /*#__PURE__*/React.createElement("div", null, /*#__PURE__*/React.createElement(Button, {
+      type: "normal",
+      onClick: onClose
+    }, intl.get({
+      id: 'rdc-tb-cd-assets.teambition.pipeline-save-diff.Cancel',
+      defaultMessage: '取消'
+    })), /*#__PURE__*/React.createElement(Button, {
+      type: "primary",
+      loading: saveLoading,
+      onClick: onSave
+    }, isSaveAndRun ? intl.get({
+      id: 'rdc-tb-cd-assets.teambition.pipeline-save-diff.SaveAndExecute',
+      defaultMessage: '保存并执行'
+    }) : intl.get({
+      id: 'rdc-tb-cd-assets.teambition.pipeline-save-diff.Save',
+      defaultMessage: '保存'
+    })))),
+    animation: {
+      "in": 'expandInDown',
+      out: 'expandOutUp'
+    }
+  }, function (fullScreen) {
+    return /*#__PURE__*/React.createElement("div", {
+      style: {
+        minHeight: 400
+      }
+    }, /*#__PURE__*/React.createElement(DiffViewer, {
+      oldValue: fromFlow,
+      newValue: toFlow,
+      height: fullScreen ? 'calc(100vh - 107px)' : 'calc(100vh - 347px)',
+      minHeight: 400,
+      scrollToDiff: true
+    }));
+  });
+};
+export default PipelineSaveDiff;

package/es/components/common/teambition/pipeline-save-diff/index.module.scss

@@ -0,0 +1,9 @@
+.saveDiffFooter {
+  display: flex;
+  align-items: center;
+}
+
+.footerLog {
+  flex: 1;
+  margin-right: 40px;
+}

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

@@ -0,0 +1,8 @@
+/// <reference types="react" />
+export default function BranchesFilter({ field, filedNameToCheck, help, regexpFieldName, enableFieldName, }: {
+    field: any;
+    filedNameToCheck?: string;
+    help?: any;
+    regexpFieldName?: string;
+    enableFieldName?: string;
+}): JSX.Element;

package/es/components/common/teambition/pipeline-source/BranchesFilter.js

@@ -0,0 +1,93 @@
+import _extends from "@babel/runtime/helpers/extends";
+import React, { useEffect } from 'react';
+import { Form, Input, Checkbox, Balloon } from '@teamix/ui';
+import { YunxiaoIcon } from '@alife/devops-ui';
+import intl from "../../../../locale";
+var Tooltip = Balloon.Tooltip;
+var FormItem = Form.Item;
+var codeRepoHelp = intl.get({
+  id: 'rdc-tb-cd-assets.teambition.pipeline-source.BranchesFilter.OnlyBranchesOrTagsThat',
+  defaultMessage: '仅满足过滤规则的分支或标签可以触发流水线运行，在手工触发、代码源触发、定时触发、Webhook触发各场景均生效'
+});
+export default function BranchesFilter(_ref) {
+  var field = _ref.field,
+    _ref$filedNameToCheck = _ref.filedNameToCheck,
+    filedNameToCheck = _ref$filedNameToCheck === void 0 ? 'branch' : _ref$filedNameToCheck,
+    _ref$help = _ref.help,
+    help = _ref$help === void 0 ? codeRepoHelp : _ref$help,
+    _ref$regexpFieldName = _ref.regexpFieldName,
+    regexpFieldName = _ref$regexpFieldName === void 0 ? 'branchesFilter' : _ref$regexpFieldName,
+    _ref$enableFieldName = _ref.enableFieldName,
+    enableFieldName = _ref$enableFieldName === void 0 ? 'branchesFilterEnable' : _ref$enableFieldName;
+  var init = field.init;
+
+  // 老版触发过滤的值，这里需要依赖
+  var trigger = field.getValue('trigger');
+  var enableFilter = field.getValue('enableFilter');
+  // 依赖 branch，在这个组件校验
+  var relatedFieldValue = field.getValue(filedNameToCheck);
+  useEffect(function () {
+    field.getValue(regexpFieldName) && field.validate([regexpFieldName]);
+  }, [relatedFieldValue]);
+  return /*#__PURE__*/React.createElement(React.Fragment, null, /*#__PURE__*/React.createElement(FormItem, null, /*#__PURE__*/React.createElement(Tooltip, {
+    align: "t",
+    trigger: /*#__PURE__*/React.createElement(Checkbox, _extends({
+      disabled: trigger && enableFilter
+    }, init(enableFieldName, {
+      valueName: 'checked'
+    })), /*#__PURE__*/React.createElement(React.Fragment, null, intl.get({
+      id: 'rdc-tb-cd-assets.teambition.pipeline-source.BranchesFilter.FilterRules',
+      defaultMessage: '过滤规则'
+    }), /*#__PURE__*/React.createElement(YunxiaoIcon, {
+      type: "question-line",
+      style: {
+        color: 'var(--color-text1-7, #8b8b8b)',
+        marginLeft: 5,
+        cursor: 'pointer'
+      }
+    })))
+  }, trigger && enableFilter ? intl.get({
+    id: 'rdc-tb-cd-assets.teambition.pipeline-source.BranchesFilter.FilteringRulesAreMutuallyExclusive',
+    defaultMessage: '「过滤规则」与代码源触发中的「开启分支或标签过滤」互斥，请先取消勾选代码源触发中的过滤条件'
+  }) : help)), field.getValue(enableFieldName) && /*#__PURE__*/React.createElement(FormItem, {
+    label: ''
+  }, /*#__PURE__*/React.createElement(Input, _extends({
+    disabled: !field.getValue(enableFieldName)
+  }, init(regexpFieldName, {
+    rules: [{
+      required: true,
+      message: intl.get({
+        id: 'rdc-tb-cd-assets.teambition.pipeline-source.BranchesFilter.RequiredRulesWhenFilteringIs',
+        defaultMessage: '开启过滤时规则必填'
+      })
+    }, {
+      validator: function validator(_rule, value, callback) {
+        var reg;
+        try {
+          reg = new RegExp(value);
+        } catch (e) {
+          callback(intl.get({
+            id: 'rdc-tb-cd-assets.teambition.pipeline-source.BranchesFilter.InvalidRegularExpression',
+            defaultMessage: '正则表达式不合法'
+          }));
+          return;
+        }
+        if (relatedFieldValue && !reg.test(relatedFieldValue)) {
+          callback(intl.get({
+            id: 'rdc-tb-cd-assets.teambition.pipeline-source.BranchesFilter.TheDefaultValueRelatedfieldvalueDoes',
+            defaultMessage: '默认值「{relatedFieldValue}」不满足此过滤规则'
+          }, {
+            relatedFieldValue: relatedFieldValue
+          }));
+          return;
+        }
+        callback('');
+      }
+    }]
+  }), {
+    placeholder: intl.get({
+      id: 'rdc-tb-cd-assets.teambition.pipeline-source.BranchesFilter.EnterAFilteringRuleThat',
+      defaultMessage: '请输入过滤规则，支持正则表达式'
+    })
+  }))));
+}

package/es/components/common/teambition/pipeline-source/artifact-source/acr-sign.d.ts

@@ -0,0 +1,8 @@
+/// <reference types="react" />
+declare const AcrSign: ({ field, disabled, sources, update }: {
+    field: any;
+    disabled?: boolean;
+    sources: any;
+    update: any;
+}) => JSX.Element;
+export default AcrSign;

package/es/components/common/teambition/pipeline-source/artifact-source/acr-sign.js

@@ -0,0 +1,87 @@
+import _extends from "@babel/runtime/helpers/extends";
+import React, { useEffect } from 'react';
+import { Form, Balloon, Input } from '@teamix/ui';
+import { YunxiaoIcon } from '@alife/devops-ui';
+import intl from "../../../../../locale";
+var Tooltip = Balloon.Tooltip;
+var FormItem = Form.Item;
+var tooltip = function tooltip(trigger, text) {
+  return /*#__PURE__*/React.createElement(Tooltip, {
+    align: "t",
+    trigger: trigger
+  }, text);
+};
+var AcrSign = function AcrSign(_ref) {
+  var field = _ref.field,
+    _ref$disabled = _ref.disabled,
+    disabled = _ref$disabled === void 0 ? false : _ref$disabled,
+    sources = _ref.sources,
+    update = _ref.update;
+  var init = field.init;
+  useEffect(function () {
+    update && field.validate(['name']);
+  }, []);
+  var handleChange = function handleChange(v) {
+    if (!v) return;
+    field.setValue('name', v);
+  };
+  var workspaceName = function workspaceName(rule, value, callback) {
+    var needRename = (JSON.parse(sources) || []).some(function (s) {
+      var sign = field.getValue('sign');
+      return value === s.name && sign !== s.sign;
+    });
+    if (needRename) {
+      callback(intl.get({
+        id: 'rdc-tb-cd-assets.pipeline-source.artifact-source.acr-sign.DuplicateWorkingDirectoriesWithOther',
+        defaultMessage: '不允许与其它流水线源工作目录重复'
+      }));
+      return;
+    }
+    callback();
+  };
+  var WorkspaceLabel = function WorkspaceLabel() {
+    return /*#__PURE__*/React.createElement("div", null, /*#__PURE__*/React.createElement("div", null, intl.get({
+      id: 'rdc-tb-cd-assets.pipeline-source.artifact-source.acr-sign.ImageId',
+      defaultMessage: '镜像标识'
+    }), tooltip(/*#__PURE__*/React.createElement(YunxiaoIcon, {
+      type: "question-line",
+      style: {
+        color: 'var(--color-text1-7, #8b8b8b)',
+        marginLeft: 5,
+        cursor: 'pointer'
+      }
+    }), /*#__PURE__*/React.createElement("span", null, intl.get({
+      id: 'rdc-tb-cd-assets.pipeline-source.artifact-source.acr-sign.ImageIdUsedToSelect',
+      defaultMessage: '镜像标识，用于后续部署任务选择产物'
+    })))));
+  };
+  return /*#__PURE__*/React.createElement(FormItem, {
+    className: "next-top next-inline",
+    label: WorkspaceLabel()
+  }, /*#__PURE__*/React.createElement(Input, _extends({}, init('name', {
+    props: {
+      onChange: function onChange(workspace) {
+        handleChange(workspace);
+      }
+    },
+    rules: [{
+      required: true,
+      message: intl.get({
+        id: 'rdc-tb-cd-assets.pipeline-source.artifact-source.acr-sign.EnterAnImageId',
+        defaultMessage: '请输入镜像标识'
+      })
+    }, {
+      pattern: /^\w+[\w.-]*$/,
+      message: intl.get({
+        id: 'rdc-tb-cd-assets.pipeline-source.workspace.PatternMsg',
+        defaultMessage: "只能包含字母和数字、 '_'、 '.'和'-'，且只能以字母、数字或'_'开头"
+      })
+    }, {
+      validator: workspaceName
+    }]
+  }), {
+    disabled: disabled,
+    maxLength: 100
+  })));
+};
+export default AcrSign;

package/es/components/common/teambition/pipeline-source/artifact-source/acr-webhook.d.ts

@@ -0,0 +1,8 @@
+/// <reference types="react" />
+import '../index.scss';
+import './index.scss';
+declare const AcrWebhook: ({ field, webhookKey }: {
+    field: any;
+    webhookKey: any;
+}) => JSX.Element;
+export default AcrWebhook;