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

package/es/components/common/teambition/flow-job-btn/execute-button/index.js

@@ -0,0 +1,176 @@
+import React, { useState } from 'react';
+import { Button } from '@teamix/ui';
+import { locale } from "../../../../../utils";
+import { BaiscIconFont } from "../../icon-font";
+import { YunxiaoIcon } from '@alife/devops-ui';
+import intl from "../../../../../locale";
+import { callApiAndRefresh, RetryPipelineJobRun, SkipPipelineJobRun, StopPipelineJobRun } from "../../../../../utils/api";
+
+/**
+ * 执行按钮
+ * @param name: 按钮名称
+ */
+var ExecuteButton = function ExecuteButton(_ref) {
+  var name = _ref.name,
+    view = _ref.view,
+    id = _ref.id,
+    _ref$text = _ref.text,
+    text = _ref$text === void 0 ? false : _ref$text,
+    _ref$code = _ref.code,
+    code = _ref$code === void 0 ? '' : _ref$code,
+    icon = _ref.icon,
+    _ref$disable = _ref.disable,
+    disable = _ref$disable === void 0 ? false : _ref$disable,
+    _ref$operateType = _ref.operateType,
+    operateType = _ref$operateType === void 0 ? '' : _ref$operateType,
+    type = _ref.type,
+    instance = _ref.instance,
+    job = _ref.job,
+    onRefresh = _ref.onRefresh;
+  var _useState = useState(false),
+    loading = _useState[0],
+    setLoading = _useState[1];
+  var _useState2 = useState(disable),
+    disabled = _useState2[0],
+    setDisabled = _useState2[1];
+  var doCallApiAndRefresh = function doCallApiAndRefresh(apiFunc, params) {
+    return callApiAndRefresh(apiFunc, params, onRefresh, setLoading, setDisabled, name);
+  };
+  var onExecuteClick = function onExecuteClick() {
+    setLoading(true);
+    setDisabled(true);
+    var pipelineRunId = instance.pipelineRunId,
+      pipelineId = instance.pipelineId;
+    switch (type) {
+      case 'RetryPipelineJobRun':
+        {
+          doCallApiAndRefresh(RetryPipelineJobRun, {
+            pipelineId: pipelineId,
+            pipelineRunId: pipelineRunId,
+            jobId: job.id
+          });
+          break;
+        }
+      case 'SkipPipelineJobRun':
+        {
+          doCallApiAndRefresh(SkipPipelineJobRun, {
+            pipelineId: pipelineId,
+            pipelineRunId: pipelineRunId,
+            jobId: job.id
+          });
+          break;
+        }
+      case 'StopPipelineJobRun':
+        {
+          doCallApiAndRefresh(StopPipelineJobRun, {
+            pipelineId: pipelineId,
+            pipelineRunId: pipelineRunId,
+            jobId: job.id
+          });
+          break;
+        }
+      default:
+        break;
+    }
+    // TODO 实现对load状态的处理
+    // fetch({ url: relativePath, method })
+    //   .then((res) => {
+    //     if (res.successful) {
+    //       if (code === 'LOAD') {
+    //         setButtonList && setButtonList(res.object || []);
+    //       }
+    //       Message.success({
+    //         title: intl.get(
+    //           {
+    //             id: 'rdc-tb-cd-assets.flow-job-btn.execute-button.NameExecuted',
+    //             defaultMessage: '{name}已执行',
+    //           },
+    //           { name },
+    //         ),
+    //       });
+    //     } else {
+    //       Message.error({
+    //         title: res.errorMsg || intl.get(
+    //           {
+    //             id: 'rdc-tb-cd-assets.flow-job-btn.execute-button.NameFailedToRun',
+    //             defaultMessage: '{name}未能执行',
+    //           },
+    //           { name },
+    //         ),
+    //       });
+    //     }
+    //     setTimeout(() => {
+    //       setLoading(false);
+    //       setDisabled(false);
+    //     }, 1000);
+    //   })
+    //   .catch(() => {
+    //     setLoading(false);
+    //     setDisabled(false);
+    //   });
+  };
+  var getButtonIcon = function getButtonIcon() {
+    var preset = {
+      RetryPipelineJobRun: /*#__PURE__*/React.createElement(BaiscIconFont, {
+        type: "refresh-line"
+      }),
+      SkipPipelineJobRun: /*#__PURE__*/React.createElement(BaiscIconFont, {
+        type: "share-line"
+      }),
+      cancel: /*#__PURE__*/React.createElement(BaiscIconFont, {
+        type: "delete-line"
+      })
+    };
+    if (preset[code.toLowerCase()]) {
+      return preset[code.toLowerCase()];
+    }
+    if (icon) {
+      return /*#__PURE__*/React.createElement(YunxiaoIcon, {
+        type: icon
+      });
+    }
+    return /*#__PURE__*/React.createElement(YunxiaoIcon, {
+      type: "play-line"
+    });
+  };
+  var i18nButtonName = function i18nButtonName() {
+    var map = {
+      CANCEL: {
+        en_US: 'Cancel',
+        zh_CN: intl.get({
+          id: 'rdc-tb-cd-assets.flow-job-btn.execute-button.Cancel',
+          defaultMessage: '取消'
+        })
+      },
+      RETRY: {
+        en_US: 'Retry',
+        zh_CN: intl.get({
+          id: 'rdc-tb-cd-assets.flow-job-btn.execute-button.TryAgain',
+          defaultMessage: '重试'
+        })
+      },
+      SKIP: {
+        en_US: 'Skip',
+        zh_CN: intl.get({
+          id: 'rdc-tb-cd-assets.flow-job-btn.execute-button.Skip',
+          defaultMessage: '跳过'
+        })
+      }
+    };
+    var action = map[code.toUpperCase()];
+    if (!action) return name;
+    return action[locale || 'zh_CN'];
+  };
+  return disable ? null : /*#__PURE__*/React.createElement(Button, {
+    key: id,
+    loading: loading,
+    text: !!view,
+    type: "primary",
+    onClick: onExecuteClick,
+    disabled: disable || disabled,
+    className: operateType.toLowerCase()
+  }, !loading && !text && getButtonIcon(), !loading && i18nButtonName(code, name));
+};
+ExecuteButton.Button = ExecuteButton;
+ExecuteButton.View = null;
+export default ExecuteButton;

package/es/components/common/teambition/flow-job-btn/index.d.ts

@@ -0,0 +1,12 @@
+export declare const ExecuteableButtons: string[];
+export declare const buildButtonComponentWrapper: ({ type, mode, isAdmin, ...props }: {
+    [x: string]: any;
+    type: any;
+    mode: any;
+    isAdmin?: boolean;
+}) => (restProps: any) => any;
+declare const wrapper: ({ type, ...props }: {
+    [x: string]: any;
+    type: any;
+}) => any;
+export default wrapper;

package/es/components/common/teambition/flow-job-btn/index.js

@@ -0,0 +1,207 @@
+import _extends from "@babel/runtime/helpers/extends";
+import _objectWithoutPropertiesLoose from "@babel/runtime/helpers/objectWithoutPropertiesLoose";
+var _excluded = ["type", "mode", "isAdmin"],
+  _excluded2 = ["type"];
+import React from 'react';
+import ExecuteButton from "./execute-button";
+import LogButton from "./log-btn";
+import AuiTestSummaryButton from "./aui-test-summary";
+import PackageLink from "./package-link";
+import StateInfoButton from "./state-info";
+import EmasArtifact from "./emas-artifact";
+import LinkWithQRCode from "./link-with-qrcode";
+import SummaryInfoButton from "./summary-info";
+import StateInfoWithRedline from "./state-info-with-redline";
+import DeployOrderButton from "./deploy-order";
+import AppDeployOrderButton from "./app-deploy-order";
+import LinkButton from "./link";
+import ViewButton from "./view";
+import ConflictMergeButton from "./conflict-merge-btn";
+import IstioConflictMergeButton from "./istio-conflict-merge-btn";
+import BatchConflictMergeButton from "./batch-conflict-merge-btn";
+import ReleaseBranchButton from "./release-branch";
+import DebugButton from "./debug-button";
+import ReleaseOrderButton from "./release-order";
+import ChangeInfoButton from "./change-info-btn";
+import { getFeature } from "../../../../utils";
+export var ExecuteableButtons = ['EXECUTE'];
+export var buildButtonComponentWrapper = function buildButtonComponentWrapper(_ref) {
+  var type = _ref.type,
+    mode = _ref.mode,
+    _ref$isAdmin = _ref.isAdmin,
+    isAdmin = _ref$isAdmin === void 0 ? false : _ref$isAdmin,
+    props = _objectWithoutPropertiesLoose(_ref, _excluded);
+  switch (type.toUpperCase()) {
+    case 'EXECUTE':
+      return function (restProps) {
+        var Button = ExecuteButton[mode];
+        return Button ? /*#__PURE__*/React.createElement(Button, _extends({}, props, restProps, {
+          id: restProps.key
+        })) : null;
+      };
+    case 'LOG':
+    case 'LOGPIPELINEJOBRUN':
+      return function (restProps) {
+        var Button = LogButton[mode];
+        return Button ? /*#__PURE__*/React.createElement(Button, _extends({}, props, restProps, {
+          id: restProps.key
+        })) : null;
+      };
+    case 'AUI_TEST_SUMMARY':
+      return function (restProps) {
+        var Button = AuiTestSummaryButton[mode];
+        return Button ? /*#__PURE__*/React.createElement(Button, _extends({}, props, restProps, {
+          id: restProps.key
+        })) : null;
+      };
+    case 'BUILD_VERSION_INFO':
+      return function (restProps) {
+        var Button = PackageLink[mode];
+        return Button ? /*#__PURE__*/React.createElement(Button, _extends({}, props, restProps, {
+          id: restProps.key
+        })) : null;
+      };
+    case 'SUMMARY_INFO':
+      return function (restProps) {
+        var Button = SummaryInfoButton[mode];
+        return Button ? /*#__PURE__*/React.createElement(Button, _extends({}, props, restProps, {
+          id: restProps.key
+        })) : null;
+      };
+    case 'STAT_INFO':
+      return function (restProps) {
+        var button = StateInfoButton[mode];
+        return button ? button(_extends({}, props, restProps, {
+          id: restProps.key
+        })) : null;
+      };
+    case 'STAT_INFO_WITH_REDLINES':
+      return function (restProps) {
+        var button = StateInfoWithRedline[mode];
+        return button ? button(_extends({}, props, restProps, {
+          id: restProps.key
+        })) : null;
+      };
+    case 'DEPLOY_ORDER':
+      if (JSON.parse(props.data).engineVersion) {
+        return function (restProps) {
+          var Button = AppDeployOrderButton[mode];
+          return Button ? /*#__PURE__*/React.createElement(Button, _extends({}, props, restProps, {
+            id: restProps.key
+          })) : null;
+        };
+      }
+      return function (restProps) {
+        var Button = DeployOrderButton[mode];
+        return Button ? /*#__PURE__*/React.createElement(Button, _extends({}, props, restProps, {
+          id: restProps.key
+        })) : null;
+      };
+    case 'LINK':
+      return function (restProps) {
+        var Button = LinkButton[mode];
+        return Button ? /*#__PURE__*/React.createElement(Button, _extends({}, props, restProps, {
+          text: true,
+          id: restProps.key
+        })) : null;
+      };
+    case 'VIEW':
+      return function (restProps) {
+        var Button = ViewButton[mode];
+        return Button ? /*#__PURE__*/React.createElement(Button, _extends({}, props, restProps, {
+          text: true,
+          id: restProps.key
+        })) : null;
+      };
+    case 'CONFLICT_MERGE':
+      return function (restProps) {
+        var Button = ConflictMergeButton[mode];
+        return Button ? /*#__PURE__*/React.createElement(Button, _extends({}, props, restProps, {
+          text: true,
+          id: restProps.key
+        })) : null;
+      };
+    case 'CONFLICT_MERGE_ISTIO':
+      return function (restProps) {
+        var Button = IstioConflictMergeButton[mode];
+        return Button ? /*#__PURE__*/React.createElement(Button, _extends({}, props, restProps, {
+          text: true,
+          id: restProps.key
+        })) : null;
+      };
+    case 'CONFLICT_MERGE_BATCH':
+      return function (restProps) {
+        var Button = BatchConflictMergeButton[mode];
+        return Button ? /*#__PURE__*/React.createElement(Button, _extends({}, props, restProps, {
+          text: true,
+          id: restProps.key
+        })) : null;
+      };
+    case 'BRANCH_INFO':
+      return function (restProps) {
+        var Button = ReleaseBranchButton[mode];
+        return Button ? /*#__PURE__*/React.createElement(Button, _extends({}, props, restProps, {
+          text: true,
+          id: restProps.key
+        })) : null;
+      };
+    case 'EMAS_ARTIFACT':
+      return function (restProps) {
+        var Button = EmasArtifact[mode];
+        return Button ? /*#__PURE__*/React.createElement(Button, _extends({}, props, restProps, {
+          text: true,
+          id: restProps.key
+        })) : null;
+      };
+    case 'LINK_WITH_QR_CODE':
+      return function (restProps) {
+        var Button = LinkWithQRCode[mode];
+        return Button ? /*#__PURE__*/React.createElement(Button, _extends({}, props, restProps, {
+          text: true,
+          id: restProps.key
+        })) : null;
+      };
+    case 'DEBUG_BUTTON':
+      return function (restProps) {
+        if (!isAdmin) {
+          return null;
+        }
+        if (!getFeature('pipeline.btn.debug')) {
+          return null;
+        }
+        var Button = DebugButton[mode];
+        return Button ? /*#__PURE__*/React.createElement(Button, _extends({}, props, restProps, {
+          text: true,
+          id: restProps.key
+        })) : null;
+      };
+    case 'RELEASE':
+      return function (restProps) {
+        var Button = ReleaseOrderButton[mode];
+        return Button ? /*#__PURE__*/React.createElement(Button, _extends({}, props, restProps, {
+          text: true,
+          id: restProps.key
+        })) : null;
+      };
+    case 'APPSTACK_ACCESS_CHECKPOINT_INFO':
+      return function (restProps) {
+        var Button = ChangeInfoButton[mode];
+        return Button ? /*#__PURE__*/React.createElement(Button, _extends({}, props, restProps, {
+          text: true,
+          id: restProps.key
+        })) : null;
+      };
+    default:
+      return function () {
+        return null;
+      };
+  }
+};
+var wrapper = function wrapper(_ref2) {
+  var type = _ref2.type,
+    props = _objectWithoutPropertiesLoose(_ref2, _excluded2);
+  return buildButtonComponentWrapper(_extends({
+    type: type.toUpperCase()
+  }, props))();
+};
+export default wrapper;

package/es/components/common/teambition/flow-job-btn/istio-conflict-merge-btn/index.d.ts

@@ -0,0 +1,12 @@
+/// <reference types="react" />
+import './index.scss';
+declare const ConflictMergeButton: {
+    ({ onClick, id, disable }: {
+        onClick: any;
+        id: any;
+        disable: any;
+    }): JSX.Element;
+    Button: any;
+    View: (props: any) => JSX.Element;
+};
+export default ConflictMergeButton;

package/es/components/common/teambition/flow-job-btn/istio-conflict-merge-btn/index.js

@@ -0,0 +1,193 @@
+import React, { Fragment } from 'react';
+import { Button, Message, Balloon, Dialog } from '@teamix/ui';
+import { YunxiaoIcon, YunxiaoTable } from '@alife/devops-ui';
+import fetch from "../../flow-engine/fetch";
+import intl from "../../../../../locale";
+import "./index.scss";
+var ResolverDialog = function ResolverDialog(props) {
+  // const [loading, setLoading] = useState(false);
+  // const [disabled, setDisabled] = useState(false);
+  // const [version, setVersion] = useState();
+
+  var getRelativePath = function getRelativePath(url) {
+    if (!url.startsWith('http')) {
+      return url;
+    }
+    var obj = new URL(url);
+    return "" + obj.pathname + obj.search;
+  };
+  var _JSON$parse = JSON.parse((props === null || props === void 0 ? void 0 : props.data) || '{"versions": []}'),
+    versions = _JSON$parse.versions;
+  var instances = versions === null || versions === void 0 ? void 0 : versions.map(function (i) {
+    return i.entity;
+  });
+  var onExecuteClick = function onExecuteClick(resolve_item) {
+    // setLoading(true);
+    // setDisabled(true);
+    var relativePath = getRelativePath(props.url);
+    fetch({
+      url: relativePath,
+      method: props.method,
+      data: {
+        params: JSON.stringify({
+          RESOLVE_CONFLICT_DEPLOYMENT: resolve_item
+        })
+      }
+    }).then(function (res) {
+      if (res.successful) {
+        Message.success({
+          title: intl.get({
+            id: 'rdc-tb-cd-assets.flow-job-btn.istio-conflict-merge-btn.ExecutionSucceeded',
+            defaultMessage: '执行成功'
+          })
+        });
+        props.onClose();
+      } else {
+        Message.error({
+          title: intl.get({
+            id: 'rdc-tb-cd-assets.flow-job-btn.istio-conflict-merge-btn.ExecutionFailed',
+            defaultMessage: '执行失败'
+          })
+        });
+      }
+      // setTimeout(() => {
+      //   setLoading(false);
+      //   setDisabled(false);
+      // }, 1000);
+    })["catch"](function () {
+      // setLoading(false);
+      // setDisabled(false);
+    });
+  };
+  return /*#__PURE__*/React.createElement("div", {
+    className: "conflict-info"
+  }, /*#__PURE__*/React.createElement("h3", null, intl.get({
+    id: 'rdc-tb-cd-assets.flow-job-btn.istio-conflict-merge-btn.ConflictResolution',
+    defaultMessage: '解决冲突'
+  })), /*#__PURE__*/React.createElement("p", null, intl.get({
+    id: 'rdc-tb-cd-assets.flow-job-btn.istio-conflict-merge-btn.TheCurrentServiceIsAssociated',
+    defaultMessage: '当前服务关联了多个应用工作负载，请选择一个应用实例接管所有流量'
+  })), /*#__PURE__*/React.createElement(Message, {
+    type: "warning",
+    title: intl.get({
+      id: 'rdc-tb-cd-assets.flow-job-btn.istio-conflict-merge-btn.Cue',
+      defaultMessage: '提示'
+    })
+  }, intl.get({
+    id: 'rdc-tb-cd-assets.flow-job-btn.istio-conflict-merge-btn.BeforePerformingBlueGreenRelease',
+    defaultMessage: '执行蓝绿发布前，需要要求当前发布的服务有且只有一个唯一的应用工作负载实例，当存在多个版本的应用工作负载实例时云效将认为当前服务处于不稳定状态'
+  })), /*#__PURE__*/React.createElement("br", null), /*#__PURE__*/React.createElement(YunxiaoTable, {
+    dataSource: instances,
+    hasBorder: true
+  }, /*#__PURE__*/React.createElement(YunxiaoTable.Column, {
+    title: intl.get({
+      id: 'rdc-tb-cd-assets.flow-job-btn.istio-conflict-merge-btn.Namespace',
+      defaultMessage: '命名空间'
+    }),
+    cell: function cell(v, _, item) {
+      return "" + item.metadata.namespace;
+    }
+  }), /*#__PURE__*/React.createElement(YunxiaoTable.Column, {
+    title: intl.get({
+      id: 'rdc-tb-cd-assets.flow-job-btn.istio-conflict-merge-btn.Name',
+      defaultMessage: '名称'
+    }),
+    cell: function cell(v, _, item) {
+      return item.metadata.name;
+    }
+  }), /*#__PURE__*/React.createElement(YunxiaoTable.Column, {
+    title: intl.get({
+      id: 'rdc-tb-cd-assets.flow-job-btn.istio-conflict-merge-btn.Container',
+      defaultMessage: '容器'
+    }),
+    cell: function cell(v, _, item) {
+      var _item$spec$template$s = item.spec.template.spec.containers,
+        containers = _item$spec$template$s === void 0 ? [] : _item$spec$template$s;
+      var ops = containers.map(function (c) {
+        return /*#__PURE__*/React.createElement(Balloon.Tooltip, {
+          type: "primary",
+          align: "t",
+          trigger: /*#__PURE__*/React.createElement(Button, {
+            name: "meta",
+            text: true
+          }, /*#__PURE__*/React.createElement(YunxiaoIcon, {
+            type: "particle-line"
+          }), c.name)
+        }, c.image);
+      });
+      return /*#__PURE__*/React.createElement(Fragment, null, ops);
+    }
+  }), /*#__PURE__*/React.createElement(YunxiaoTable.Column, {
+    title: intl.get({
+      id: 'rdc-tb-cd-assets.flow-job-btn.istio-conflict-merge-btn.CreationTime',
+      defaultMessage: '创建时间'
+    }),
+    cell: function cell(v, _, item) {
+      return item.metadata.creationTimestamp;
+    }
+  }), /*#__PURE__*/React.createElement(YunxiaoTable.Column, {
+    title: intl.get({
+      id: 'rdc-tb-cd-assets.flow-job-btn.istio-conflict-merge-btn.Operation',
+      defaultMessage: '操作'
+    }),
+    cell: function cell(v, _, item) {
+      return /*#__PURE__*/React.createElement(Button, {
+        text: true,
+        type: "primary",
+        disabled: !item.metadata.labels || !item.metadata.labels.version,
+        onClick: function onClick() {
+          var dialog = Dialog.alert({
+            messageProps: {
+              type: 'warning'
+            },
+            title: intl.get({
+              id: 'rdc-tb-cd-assets.flow-job-btn.istio-conflict-merge-btn.ConfirmTheOperation',
+              defaultMessage: '请确认操作'
+            }),
+            content: intl.get({
+              id: 'rdc-tb-cd-assets.flow-job-btn.istio-conflict-merge-btn.TheCurrentOperationModifiesIstio',
+              defaultMessage: '当前操作将会修改istio流量规则，使用{itemMetadataName}接管所有流量，并移除其它工作负载实例'
+            }, {
+              itemMetadataName: item.metadata.name
+            }),
+            onOk: function onOk() {
+              dialog.update && dialog.update({
+                loading: true
+              });
+              onExecuteClick(item.metadata.name);
+              setTimeout(function () {
+                dialog.hide();
+              }, 1000);
+              return false;
+            },
+            footerActions: ['cancel', 'ok']
+          });
+        }
+      }, intl.get({
+        id: 'rdc-tb-cd-assets.flow-job-btn.istio-conflict-merge-btn.TakeOverTraffic',
+        defaultMessage: '接管流量'
+      }));
+    }
+  })));
+};
+var ConflictMergeButton = function ConflictMergeButton(_ref) {
+  var _onClick = _ref.onClick,
+    id = _ref.id,
+    disable = _ref.disable;
+  return disable ? null : /*#__PURE__*/React.createElement(Button, {
+    text: true,
+    key: id,
+    type: "primary",
+    onClick: function onClick() {
+      _onClick('CONFLICT_MERGE_ISTIO');
+    }
+  }, /*#__PURE__*/React.createElement(YunxiaoIcon, {
+    type: "warning-fill"
+  }), intl.get({
+    id: 'rdc-tb-cd-assets.flow-job-btn.istio-conflict-merge-btn.ConflictResolution',
+    defaultMessage: '解决冲突'
+  }));
+};
+ConflictMergeButton.Button = ConflictMergeButton;
+ConflictMergeButton.View = ResolverDialog;
+export default ConflictMergeButton;

package/es/components/common/teambition/flow-job-btn/istio-conflict-merge-btn/index.scss

@@ -0,0 +1,20 @@
+.conflict-info {
+  width: 100%;
+  display: inline-block;
+  overflow-y: auto;
+  padding: 0 20px 20px 20px;
+  pre {
+    white-space: normal;
+    line-height: 2;
+  }
+  .item {
+    margin-bottom: 30px;
+    .title {
+      display: flex;
+      align-items: center;
+      .next-btn {
+        margin-left: 6px;
+      }
+    }
+  }
+}

package/es/components/common/teambition/flow-job-btn/link/index.d.ts

@@ -0,0 +1,11 @@
+/// <reference types="react" />
+/**
+ * 按钮实现模板
+*/
+declare const LinkButton: {
+    (props: any): JSX.Element;
+    Button: any;
+    View: any;
+    Card: any;
+};
+export default LinkButton;

package/es/components/common/teambition/flow-job-btn/link/index.js

@@ -0,0 +1,29 @@
+import React from 'react';
+import { Button } from '@teamix/ui';
+import { BaiscIconFont as Icon } from "../../icon-font";
+import { replaceHost } from "../replaceHost";
+
+/**
+ * 按钮实现模板
+*/
+var LinkButton = function LinkButton(props) {
+  return /*#__PURE__*/React.createElement(Button, {
+    key: props.id,
+    onClick: function onClick() {
+      return window.open(replaceHost(props.url));
+    },
+    text: true
+  }, /*#__PURE__*/React.createElement(Icon, {
+    type: "link-line"
+  }), props.name || props.title || props.type);
+};
+
+// 按钮样式：运行卡片底部按钮实现
+LinkButton.Button = LinkButton;
+
+// 视图样式：按钮详情实现
+LinkButton.View = null;
+
+// 卡片样式： 运行卡片中显示缩略信息按钮实现, 如果改按钮不支持当前显示模式返回null
+LinkButton.Card = null;
+export default LinkButton;

package/es/components/common/teambition/flow-job-btn/link-with-qrcode/index.d.ts

@@ -0,0 +1,7 @@
+/// <reference types="react" />
+declare const LinkWithQRCode: {
+    (props: any): JSX.Element;
+    Card: any;
+    Button: (props: any) => JSX.Element;
+};
+export default LinkWithQRCode;