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

package/es/components/common/teambition/pipeline-flow-var/cache-table/index.js

@@ -0,0 +1,417 @@
+import _extends from "@babel/runtime/helpers/extends";
+import React, { useState } from 'react';
+import { Switch, Button, Dialog, Message, Result, Radio, Balloon } from '@teamix/ui';
+import { Header, Content, YunxiaoIcon, YunxiaoTable, Section } from '@alife/devops-ui';
+import exceed from "../../../../../utils/apimap";
+import track from "../../../../../utils/track";
+import { intervalEnterTime } from "../../../../../utils";
+import AddCacheDialog, { isValidDir } from "./add-cache-dialog";
+import TableEditablePane from "../table-editable-pane";
+import intl from "../../../../../locale";
+import "./index.scss";
+import helpLink from "../../../../../utils/helplink";
+import { getFeature } from "../../../../../utils";
+import PmLocalMount from "./pmLocalMount";
+var Column = YunxiaoTable.Column;
+var CacheTable = function CacheTable(props) {
+  var dataSource = props.dataSource,
+    prefix = props.prefix,
+    settings = props.settings,
+    onSettingsChange = props.onSettingsChange,
+    pipelineId = props.pipelineId;
+  var _runnerCacheMode = settings.runnerCacheMode;
+  var _useState = useState(dataSource || []),
+    caches = _useState[0],
+    setCaches = _useState[1];
+  var _useState2 = useState(_runnerCacheMode || 'local'),
+    runnerCacheMode = _useState2[0],
+    setRunnerCacheMode = _useState2[1];
+  var _useState3 = useState(false),
+    visible = _useState3[0],
+    setVisible = _useState3[1];
+  var _useState4 = useState(dataSource === undefined),
+    showTip = _useState4[0];
+  var _onChange = function onChange(value) {
+    setCaches(value);
+    onSettingsChange(JSON.stringify(Object.assign({}, settings, {
+      caches: value
+    })));
+  };
+  var onRunnerCacheModeChange = function onRunnerCacheModeChange(value) {
+    setRunnerCacheMode(value);
+    onSettingsChange(JSON.stringify(Object.assign({}, settings, {
+      runnerCacheMode: value
+    })));
+  };
+  var onCacheAdd = function onCacheAdd(cacheItem) {
+    _onChange([].concat(caches, [cacheItem]));
+    setVisible(false);
+    track({
+      action: 'confirm add cache',
+      page: 'edit page',
+      daysinceenterflow: intervalEnterTime()
+    });
+  };
+  var addCache = function addCache() {
+    setVisible(true);
+    track({
+      action: 'add cache',
+      page: 'edit page',
+      daysinceenterflow: intervalEnterTime()
+    });
+  };
+  var removeCache = function removeCache(index) {
+    caches.splice(index, 1);
+    _onChange(caches);
+  };
+  var clearCache = function clearCache() {
+    Dialog.confirm({
+      messageProps: {
+        type: 'notice'
+      },
+      title: intl.get({
+        id: 'rdc-tb-cd-assets.pipeline-flow-var.cache-table.ConfirmCacheCleaning',
+        defaultMessage: '确认清理缓存'
+      }),
+      content: /*#__PURE__*/React.createElement("div", {
+        style: {
+          width: 580
+        }
+      }, intl.get({
+        id: 'rdc-tb-cd-assets.pipeline-flow-var.cache-table.YouAreAboutToClean',
+        defaultMessage: '即将清理云效托管缓存，若您的构建机为私有构建机，且设置使用构建机本地缓存'
+      }), helpLink('self_build_cluster_cache_clean') && /*#__PURE__*/React.createElement(React.Fragment, null, "\uFF0C", /*#__PURE__*/React.createElement("a", {
+        href: helpLink('self_build_cluster_cache_clean'),
+        rel: "noreferrer",
+        target: "_blank"
+      }, intl.get({
+        id: 'rdc-tb-cd-assets.teambition.help-link.ViewHelp',
+        defaultMessage: '查看帮助'
+      }))), intl.get({
+        id: 'rdc-tb-cd-assets.pipeline-flow-var.cache-table.AfterTheCacheIsCleared2',
+        defaultMessage: '。缓存清理后不可恢复，重新执行任务后可生成缓存。'
+      })),
+      onOk: function onOk() {
+        return exceed.fetch({
+          api: 'Pipeline.cache.clear',
+          data: {
+            pipelineId: pipelineId
+          }
+        }).then(function (res) {
+          if (res.successful) {
+            Message.success({
+              title: intl.get({
+                id: 'rdc-tb-cd-assets.pipeline-flow-var.cache-table.PipelineCacheClearedSuccessfully',
+                defaultMessage: '流水线缓存清理成功'
+              })
+            });
+          } else {
+            Message.error({
+              title: intl.get({
+                id: 'rdc-tb-cd-assets.pipeline-flow-var.cache-table.FailedToClearThePipeline',
+                defaultMessage: '流水线缓存清理失败'
+              })
+            });
+          }
+          track({
+            action: 'confirm delete cache',
+            page: 'edit page',
+            daysinceenterflow: intervalEnterTime()
+          });
+        });
+      }
+    });
+    track({
+      action: 'delete cache',
+      page: 'edit page',
+      daysinceenterflow: intervalEnterTime()
+    });
+  };
+  var column = [{
+    title: intl.get({
+      id: 'rdc-tb-cd-assets.pipeline-flow-var.cache-table.CacheDirectory',
+      defaultMessage: '缓存目录'
+    }),
+    dataIndex: 'directory',
+    className: 'key',
+    width: 280,
+    cell: function cell(v, i, record) {
+      return /*#__PURE__*/React.createElement(TableEditablePane, {
+        index: i,
+        value: v,
+        defaultValue: v,
+        validator: function validator(value, index) {
+          // console.log(value, index);
+          if (value === '') {
+            return {
+              status: 'error',
+              text: intl.get({
+                id: 'rdc-tb-cd-assets.pipeline-flow-var.cache-table.TheCacheDirectoryMustBe',
+                defaultMessage: '缓存目录不能为空'
+              })
+            };
+          }
+          if (dataSource.some(function (_ref, i2) {
+            var directory = _ref.directory;
+            return directory === value && i2 !== index;
+          })) {
+            return {
+              status: 'error',
+              text: intl.get({
+                id: 'rdc-tb-cd-assets.pipeline-flow-var.cache-table.TheCacheDirectoryCannotBe',
+                defaultMessage: '缓存目录不能重复'
+              })
+            };
+          }
+          if (!isValidDir(value)) {
+            return {
+              status: 'error',
+              text: intl.get({
+                id: 'rdc-tb-cd-assets.pipeline-flow-var.cache-table.InvalidCacheDirectory',
+                defaultMessage: '无效缓存目录，不允许填写"/"、"/root/workspace"以及/root/workspace以下的目录，缓存目录规则请查看帮助文档'
+              })
+            };
+          }
+          return {
+            status: 'succeed',
+            text: intl.get({
+              id: 'rdc-tb-cd-assets.pipeline-flow-var.cache-table.Success',
+              defaultMessage: '成功'
+            })
+          };
+        },
+        onOk: function onOk(value) {
+          var next = caches.map(function (cache, index) {
+            return index === i ? Object.assign({}, record, {
+              directory: value
+            }) : cache;
+          });
+          _onChange(next);
+        }
+      });
+    }
+  }, {
+    title: intl.get({
+      id: 'rdc-tb-cd-assets.pipeline-flow-var.cache-table.Description',
+      defaultMessage: '描述'
+    }),
+    dataIndex: 'desc',
+    className: 'key',
+    width: 280,
+    cell: function cell(v, i, record) {
+      return /*#__PURE__*/React.createElement(TableEditablePane, {
+        index: i,
+        value: v,
+        defaultValue: v,
+        validator: function validator() {
+          return {
+            status: 'succeed',
+            text: intl.get({
+              id: 'rdc-tb-cd-assets.pipeline-flow-var.cache-table.Success',
+              defaultMessage: '成功'
+            })
+          };
+        },
+        onOk: function onOk(value) {
+          var next = caches.map(function (cache, index) {
+            return index === i ? Object.assign({}, record, {
+              desc: value
+            }) : cache;
+          });
+          _onChange(next);
+        }
+      });
+    }
+  }, {
+    title: intl.get({
+      id: 'rdc-tb-cd-assets.pipeline-flow-var.cache-table.Enable',
+      defaultMessage: '是否开启'
+    }),
+    dataIndex: 'disable',
+    className: 'disable',
+    width: 280,
+    cell: function cell(v, index, record) {
+      return /*#__PURE__*/React.createElement(Switch, {
+        checked: !v,
+        onChange: function onChange(value) {
+          var next = caches.map(function (cache, i) {
+            return index === i ? Object.assign({}, record, {
+              disable: !value
+            }) : cache;
+          });
+          _onChange(next);
+        }
+      });
+    }
+  }];
+  var operation = function operation(_, index) {
+    return /*#__PURE__*/React.createElement("div", {
+      className: prefix + "__table--ops"
+    }, /*#__PURE__*/React.createElement(Button, {
+      text: true,
+      type: "normal",
+      className: "item remove",
+      onClick: function onClick() {
+        return removeCache(index);
+      }
+    }, /*#__PURE__*/React.createElement(YunxiaoIcon, {
+      type: "delete-line"
+    })));
+  };
+  var table = /*#__PURE__*/React.createElement(YunxiaoTable, {
+    dataSource: caches,
+    className: prefix + "__table",
+    hasBorder: true,
+    emptyContent: /*#__PURE__*/React.createElement(Result, {
+      img: "none",
+      desc: intl.get({
+        id: 'rdc-tb-cd-assets.dashboardMain.main.main.NoData',
+        defaultMessage: '没有数据'
+      }),
+      theme: "yunxiao",
+      imageTheme: "yunxiao",
+      size: "small"
+    }),
+    maxBodyHeight: "unset"
+  }, column.map(function (c) {
+    return /*#__PURE__*/React.createElement(Column, _extends({
+      key: c.dataIndex
+    }, c));
+  }), /*#__PURE__*/React.createElement(Column, {
+    title: intl.get({
+      id: 'rdc-tb-cd-assets.pipeline-flow-var.cache-table.Operation',
+      defaultMessage: '操作'
+    }),
+    cell: operation,
+    width: 60
+  }));
+  return /*#__PURE__*/React.createElement(React.Fragment, null, /*#__PURE__*/React.createElement(Header, {
+    hasBorderBottom: true,
+    title: intl.get({
+      id: 'rdc-tb-cd-assets.pipeline-flow-var.cache-table.Cache',
+      defaultMessage: '缓存'
+    }),
+    description: /*#__PURE__*/React.createElement(React.Fragment, null, intl.get({
+      id: 'rdc-tb-cd-assets.pipeline-flow-var.cache-table.FlowTheBuildDependenciesIn',
+      defaultMessage: 'Flow\n            会将不同任务工作区缓存目录下的构建依赖分别进行缓存，下次该任务执行时可快速下载缓存，以提高整体构建速度（该缓存设置仅适用于Linux容器构建环境'
+    }), getFeature('buildGroup.windows') && intl.get({
+      id: 'rdc-tb-cd-assets.pipeline-flow-var.cache-table.WindowsVmConfigureTheCache',
+      defaultMessage: '，Windows VM构建环境请自行配置缓存'
+    }), "\uFF09", helpLink('pipeline_cache') && /*#__PURE__*/React.createElement("a", {
+      href: helpLink('pipeline_cache'),
+      target: "_blank",
+      rel: "noreferrer"
+    }, intl.get({
+      id: 'rdc-tb-cd-assets.pipeline-flow-var.cache-table.ViewDocuments',
+      defaultMessage: '查看文档'
+    })))
+  }), /*#__PURE__*/React.createElement(Content, null, showTip && /*#__PURE__*/React.createElement(Message, {
+    type: "warning",
+    title: intl.get({
+      id: 'rdc-tb-cd-assets.pipeline-flow-var.cache-table.Prompt',
+      defaultMessage: '提示信息'
+    }),
+    style: {
+      marginTop: 16
+    }
+  }, intl.get({
+    id: 'rdc-tb-cd-assets.pipeline-flow-var.cache-table.IfNoPipelineCacheIs',
+    defaultMessage: '当前流水线未配置过流水线缓存，将使用默认的缓存配置。 默认缓存配置将在配置缓存后自动失效'
+  })), /*#__PURE__*/React.createElement(Section, {
+    titleBannerProps: {
+      open: true,
+      style: {
+        background: 'var(--color-brand3-2, #e9edf0)',
+        marginBottom: '12px'
+      }
+    },
+    title: intl.get({
+      id: 'rdc-tb-cd-assets.pipeline-flow-var.cache-table.CacheDirectory',
+      defaultMessage: '缓存目录'
+    }),
+    operation: /*#__PURE__*/React.createElement("div", null, /*#__PURE__*/React.createElement(Button, {
+      text: true,
+      type: "primary",
+      onClick: addCache,
+      style: {
+        marginLeft: 10
+      }
+    }, /*#__PURE__*/React.createElement(YunxiaoIcon, {
+      type: "add-fill"
+    }), intl.get({
+      id: 'rdc-tb-cd-assets.pipeline-flow-var.cache-table.AddCacheDirectory',
+      defaultMessage: '添加缓存目录'
+    })), getFeature('disable.hosted.cached.clean') || /*#__PURE__*/React.createElement(Button, {
+      text: true,
+      type: "primary",
+      warning: true,
+      onClick: clearCache,
+      style: {
+        marginLeft: 10
+      }
+    }, /*#__PURE__*/React.createElement(YunxiaoIcon, {
+      type: "format-painter-line"
+    }), intl.get({
+      id: 'rdc-tb-cd-assets.pipeline-flow-var.cache-table.ClearCache',
+      defaultMessage: '清理缓存'
+    })), /*#__PURE__*/React.createElement(AddCacheDialog, {
+      caches: caches,
+      onOk: function onOk(value) {
+        onCacheAdd(value);
+      },
+      onClose: function onClose() {
+        setVisible(false);
+      },
+      visible: visible
+    }))
+  }, table), /*#__PURE__*/React.createElement(Section, {
+    titleBannerProps: {
+      open: true,
+      style: {
+        background: 'var(--color-brand3-2, #e9edf0)',
+        marginBottom: '12px'
+      }
+    },
+    title: intl.get({
+      id: 'rdc-tb-cd-assets.pipeline-flow-var.cache-table.PrivateBuildClusterCacheConfiguration',
+      defaultMessage: '私有构建集群缓存配置'
+    })
+  }, /*#__PURE__*/React.createElement(Radio.Group, {
+    onChange: onRunnerCacheModeChange,
+    value: runnerCacheMode,
+    itemDirection: 'ver'
+  }, /*#__PURE__*/React.createElement(Radio, {
+    value: 'local'
+  }, intl.get({
+    id: 'rdc-tb-cd-assets.pipeline-flow-var.cache-table.CacheConfig.Local',
+    defaultMessage: '本地缓存（所有依赖文件均会存储在私有构建集群上）'
+  })), /*#__PURE__*/React.createElement(Radio, {
+    value: 'cloud'
+  }, intl.get({
+    id: 'rdc-tb-cd-assets.pipeline-flow-var.cache-table.CloudEffectManagedCacheCache',
+    defaultMessage: '云效托管缓存（缓存文件会上传到云效管理的存储中）'
+  }), getFeature('disable.hosted.cache.expiration') || /*#__PURE__*/React.createElement(Balloon.Tooltip, {
+    trigger: /*#__PURE__*/React.createElement(YunxiaoIcon, {
+      type: "question-line"
+    })
+  }, intl.get({
+    id: 'rdc-tb-cd-assets.pipeline-flow-var.cache-table.CloudEffectManagedCacheOnly',
+    defaultMessage: '云效托管缓存仅保留30天内使用过的缓存'
+  }))))), /*#__PURE__*/React.createElement(Section, {
+    titleBannerProps: {
+      open: true,
+      style: {
+        background: 'var(--color-brand3-2, #e9edf0)',
+        marginBottom: '12px'
+      }
+    },
+    title: intl.get({
+      id: 'rdc-tb-cd-assets.pipeline-flow-var.cache-table.PrivateBuildClusterLocalMount',
+      defaultMessage: '私有构建集群本地挂载配置'
+    })
+  }, /*#__PURE__*/React.createElement(PmLocalMount, {
+    settings: settings,
+    onSettingsChange: onSettingsChange
+  }))));
+};
+export default CacheTable;

package/es/components/common/teambition/pipeline-flow-var/cache-table/index.scss

@@ -0,0 +1,17 @@
+.var-default-input, .var-param-input {
+  & > input::placeholder {
+    color: red;
+  }
+}
+
+.pipeline-flow-var__table {
+  .value, .key {
+    position: relative;
+    max-width: 300px;
+    &:hover {
+      .table-editable-pane__edit {
+        opacity: 1;
+      }
+    }
+  }
+}

package/es/components/common/teambition/pipeline-flow-var/cache-table/mountCard.module.scss

@@ -0,0 +1,47 @@
+.card {
+  width: 500px;
+  border-radius: 4px;
+  padding: 16px 20px;
+  border: 1px solid var(--color-brand3-2, #e9edf0);
+  .upper {
+    .titleRow {
+      display: flex;
+      align-items: center;
+      justify-content: space-between;
+      .l {
+        font-size: 14px;
+        font-weight: 500;
+        line-height: 22px;
+      }
+      .r {
+      }
+    }
+    .descRow {
+      font-size: 12px;
+      margin-top: 8px;
+      font-weight: normal;
+      line-height: 18px;
+      color: var(--color-text1-2, #6e6e6e);
+    }
+  }
+  .lower {
+    margin-top: 16px;
+    padding-top: 12px;
+    border-top: 1px solid var(--color-brand3-2, #e9edf0);
+    .item {
+      display: flex;
+      line-height: 24px;
+      font-size: 12px;
+    }
+    .label {
+      flex-shrink: 0;
+      width: 160px;
+      color: var(--color-text1-2, #6e6e6e);
+    }
+    .value {
+      overflow: hidden;
+      text-overflow: ellipsis;
+      white-space: nowrap;
+    }
+  }
+}

package/es/components/common/teambition/pipeline-flow-var/cache-table/pmLocalMount.d.ts

@@ -0,0 +1,5 @@
+/// <reference types="react" />
+export default function PmLocalMount({ settings, onSettingsChange }: {
+    settings: any;
+    onSettingsChange: any;
+}): JSX.Element;

package/es/components/common/teambition/pipeline-flow-var/cache-table/pmLocalMount.js

@@ -0,0 +1,167 @@
+import _asyncToGenerator from "@babel/runtime/helpers/asyncToGenerator";
+import _extends from "@babel/runtime/helpers/extends";
+import _regeneratorRuntime from "@babel/runtime/regenerator";
+import React, { useState } from 'react';
+import styles from "./mountCard.module.scss";
+import { Switch, Button, Dialog, Input, Form, Field } from '@teamix/ui';
+import intl from "../../../../../locale";
+export default function PmLocalMount(_ref) {
+  var settings = _ref.settings,
+    onSettingsChange = _ref.onSettingsChange;
+  var pmLocalMount = settings.pmLocalMount;
+  var mount = settings.mount;
+
+  // const [pmLocalMount, setPmLocalMount] = useState(pmLocalMount || false);
+
+  var _useState = useState(false),
+    pmLocalMountDialogVisible = _useState[0],
+    setPmLocalMountDialogVisible = _useState[1];
+  var mountField = Field.useField();
+  var close = function close() {
+    return setPmLocalMountDialogVisible(false);
+  };
+  return /*#__PURE__*/React.createElement("div", null, /*#__PURE__*/React.createElement("div", {
+    className: styles.card
+  }, /*#__PURE__*/React.createElement("div", {
+    className: styles.upper
+  }, /*#__PURE__*/React.createElement("div", {
+    className: styles.titleRow
+  }, /*#__PURE__*/React.createElement("div", {
+    className: styles.l
+  }, intl.get({
+    id: 'rdc-tb-cd-assets.pipeline-flow-var.cache-table.pmLocalMount.PrivateBuildClusterLocalMount',
+    defaultMessage: '私有构建集群本地挂载配置'
+  })), /*#__PURE__*/React.createElement("div", {
+    className: styles.r
+  }, pmLocalMount && /*#__PURE__*/React.createElement(Button, {
+    type: "primary",
+    text: true,
+    onClick: function onClick() {
+      return setPmLocalMountDialogVisible(true);
+    }
+  }, intl.get({
+    id: 'rdc-tb-cd-assets.pipeline-flow-var.cache-table.pmLocalMount.ModifyConfiguration',
+    defaultMessage: '修改配置'
+  })), /*#__PURE__*/React.createElement(Switch, {
+    size: "small",
+    style: {
+      marginLeft: 8
+    },
+    onChange: function onChange(v) {
+      if (v) {
+        // 开启, 在下一步的弹窗中更新开关值
+        setPmLocalMountDialogVisible(true);
+      } else {
+        // 关闭直接更新值
+        onSettingsChange(JSON.stringify(_extends({}, settings, {
+          pmLocalMount: false
+        })));
+      }
+    },
+    checked: pmLocalMount
+  }))), /*#__PURE__*/React.createElement("div", {
+    className: styles.descRow
+  }, intl.get({
+    id: 'rdc-tb-cd-assets.pipeline-flow-var.cache-table.pmLocalMount.AllDependentFilesAreStored',
+    defaultMessage: '所有依赖文件均会存储在私有构建集群上'
+  }))), pmLocalMount && /*#__PURE__*/React.createElement("div", {
+    className: styles.lower
+  }, [{
+    label: intl.get({
+      id: 'rdc-tb-cd-assets.pipeline-flow-var.cache-table.pmLocalMount.HostDirectory',
+      defaultMessage: '宿主机目录'
+    }),
+    value: mount === null || mount === void 0 ? void 0 : mount.source
+  }, {
+    label: intl.get({
+      id: 'rdc-tb-cd-assets.pipeline-flow-var.cache-table.pmLocalMount.ContainerBuildEnvironmentDirectory',
+      defaultMessage: '容器构建环境目录'
+    }),
+    value: mount === null || mount === void 0 ? void 0 : mount.dest
+  }].map(function (item) {
+    return /*#__PURE__*/React.createElement("div", {
+      className: styles.item
+    }, /*#__PURE__*/React.createElement("div", {
+      className: styles.label,
+      title: item.label
+    }, item.label), /*#__PURE__*/React.createElement("div", {
+      className: styles.value,
+      title: item.value
+    }, item.value));
+  }))), pmLocalMountDialogVisible && /*#__PURE__*/React.createElement(Dialog, {
+    visible: true,
+    title: intl.get({
+      id: 'rdc-tb-cd-assets.pipeline-flow-var.cache-table.pmLocalMount.PrivateBuildClusterLocalMount',
+      defaultMessage: '私有构建集群本地挂载配置'
+    }),
+    onCancel: close,
+    onClose: close,
+    onOk: /*#__PURE__*/_asyncToGenerator(/*#__PURE__*/_regeneratorRuntime.mark(function _callee() {
+      var e, next;
+      return _regeneratorRuntime.wrap(function _callee$(_context) {
+        while (1) switch (_context.prev = _context.next) {
+          case 0:
+            _context.next = 2;
+            return mountField.validatePromise();
+          case 2:
+            e = _context.sent;
+            if (!(e !== null && e !== void 0 && e.errors)) {
+              _context.next = 5;
+              break;
+            }
+            return _context.abrupt("return");
+          case 5:
+            next = _extends({}, settings, {
+              pmLocalMount: true,
+              mount: {
+                source: mountField.getValue('source'),
+                dest: mountField.getValue('dest')
+              }
+            });
+            onSettingsChange(JSON.stringify(next));
+            mountField.reset();
+            close();
+          case 9:
+          case "end":
+            return _context.stop();
+        }
+      }, _callee);
+    }))
+  }, /*#__PURE__*/React.createElement(Form, {
+    field: mountField
+  }, /*#__PURE__*/React.createElement(Form.Item, {
+    required: true,
+    asterisk: true,
+    label: intl.get({
+      id: 'rdc-tb-cd-assets.pipeline-flow-var.cache-table.pmLocalMount.HostDirectory',
+      defaultMessage: '宿主机目录'
+    })
+  }, /*#__PURE__*/React.createElement(Input, _extends({}, mountField.init('source', {
+    initValue: mount === null || mount === void 0 ? void 0 : mount.source,
+    rules: [{
+      required: true
+    }]
+  }), {
+    placeholder: intl.get({
+      id: 'rdc-tb-cd-assets.pipeline-flow-var.cache-table.pmLocalMount.EnterTheHostDirectoryTo',
+      defaultMessage: '请输入需要挂载的宿主机目录'
+    })
+  }))), /*#__PURE__*/React.createElement(Form.Item, {
+    required: true,
+    asterisk: true,
+    label: intl.get({
+      id: 'rdc-tb-cd-assets.pipeline-flow-var.cache-table.pmLocalMount.ContainerBuildEnvironmentDirectory',
+      defaultMessage: '容器构建环境目录'
+    })
+  }, /*#__PURE__*/React.createElement(Input, _extends({}, mountField.init('dest', {
+    initValue: mount === null || mount === void 0 ? void 0 : mount.dest,
+    rules: [{
+      required: true
+    }]
+  }), {
+    placeholder: intl.get({
+      id: 'rdc-tb-cd-assets.pipeline-flow-var.cache-table.pmLocalMount.EnterTheDirectoryOfThe',
+      defaultMessage: '请输入挂载后容器构建环境目录'
+    })
+  }))))));
+}

package/es/components/common/teambition/pipeline-flow-var/index.d.ts

@@ -0,0 +1,11 @@
+/// <reference types="react" />
+import './index.scss';
+declare const PipelineFlowVar: {
+    (props: any): JSX.Element;
+    propTypes: {
+        globalParams: any;
+        onSettingsChange: any;
+        pipelineId: any;
+    };
+};
+export default PipelineFlowVar;