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

package/es/components/PipelineFlowEdit/UIEditor-deprecated/JobDrawer/index.js

@@ -0,0 +1,62 @@
+import React from "react";
+import { Drawer, Divider } from "@teamix/ui";
+import Job from "../Job";
+import styles from "./style.module.scss";
+import { ButtonIcon } from "@alife/devops-ui";
+import { SYMBOL_ID } from "../../const";
+import intl from "../../../../locale";
+export function JobDrawer(props) {
+  var onClose = props.onClose,
+    onJobDelete = props.onJobDelete;
+  var job = props.job,
+    onAddStep = props.onAddStep,
+    onJobChange = props.onJobChange;
+  return /*#__PURE__*/React.createElement(Drawer, {
+    className: styles.drawer,
+    style: {
+      width: 400
+    },
+    hasMask: false,
+    visible: job,
+    onClose: onClose,
+    title: job && /*#__PURE__*/React.createElement("div", {
+      id: job[SYMBOL_ID],
+      className: styles.title
+    }, /*#__PURE__*/React.createElement("div", {
+      className: styles.titleText
+    }, intl.get({
+      id: "rdc-tb-cd-assets.UIEditor-deprecated.JobDrawer.TaskDetails",
+      defaultMessage: "任务详情"
+    }), /*#__PURE__*/React.createElement("div", {
+      className: styles.titleId
+    }, "#", job.id)), /*#__PURE__*/React.createElement(ButtonIcon, {
+      tooltip: intl.get({
+        id: "rdc-tb-cd-assets.UIEditor-deprecated.JobDrawer.AdvancedSettings",
+        defaultMessage: "高级设置"
+      }),
+      onClick: function onClick() {},
+      name: "setting-3-line",
+      style: {
+        marginRight: 8
+      }
+    }), /*#__PURE__*/React.createElement(ButtonIcon, {
+      tooltip: intl.get({
+        id: "rdc-tb-cd-assets.UIEditor-deprecated.JobDrawer.Delete",
+        defaultMessage: "删除"
+      }),
+      onClick: function onClick() {
+        onJobDelete(job[SYMBOL_ID]);
+      },
+      name: "delete-line",
+      warning: true
+    }), /*#__PURE__*/React.createElement(Divider, {
+      direction: "ver"
+    })),
+    v2: false
+  }, /*#__PURE__*/React.createElement(Job, {
+    key: job[SYMBOL_ID],
+    job: job,
+    onAddStep: onAddStep,
+    onJobChange: onJobChange
+  }));
+}

package/es/components/PipelineFlowEdit/UIEditor-deprecated/JobDrawer/style.module.scss

@@ -0,0 +1,36 @@
+.drawer.drawer.drawer {
+  // 覆盖抽屉定位inline的样式
+  top: 56px !important;
+  box-shadow: none;
+  border-radius: 0;
+  height: calc(100vh - 56px);
+
+  :global {
+    .next-drawer-body {
+      padding: 0;
+    }
+  }
+}
+
+.title {
+  a: 1;
+  display: flex;
+  margin-right: 32px;
+  align-items: center;
+
+  // text-overflow: ellipsis;
+  // overflow: hidden;
+  // white-space: nowrap;
+}
+
+.titleText {
+  a: 1;
+  flex-grow: 1;
+  display: flex;
+}
+
+.titleId {
+  margin-left: 8px;
+  color: gray;
+  font-weight: 400;
+}

package/es/components/PipelineFlowEdit/UIEditor-deprecated/PipelineSource/Source.d.ts

@@ -0,0 +1,2 @@
+/// <reference types="react" />
+export declare function Source(): JSX.Element;

package/es/components/PipelineFlowEdit/UIEditor-deprecated/PipelineSource/Source.js

@@ -0,0 +1,44 @@
+import React, { useState } from "react";
+import { Tab } from "@teamix/ui";
+import styles from "./Source.style.module.scss";
+import Codeup from "./sources/Codeup";
+import intl from "../../../../locale";
+export function Source() {
+  var _useState = useState(intl.get({
+      id: "rdc-tb-cd-assets.UIEditor-deprecated.PipelineSource.Source.CodeSource",
+      defaultMessage: "代码源"
+    })),
+    activeKey = _useState[0],
+    setActiveKey = _useState[1];
+  return /*#__PURE__*/React.createElement("div", null, /*#__PURE__*/React.createElement("div", {
+    className: styles.type
+  }, /*#__PURE__*/React.createElement(Tab, {
+    size: "small",
+    shape: "wrapped",
+    activeKey: activeKey,
+    onChange: function onChange(k) {
+      setActiveKey(k);
+    }
+  }, /*#__PURE__*/React.createElement(Tab.Item, {
+    key: intl.get({
+      id: "rdc-tb-cd-assets.UIEditor-deprecated.PipelineSource.Source.CodeSource",
+      defaultMessage: "代码源"
+    }),
+    title: intl.get({
+      id: "rdc-tb-cd-assets.UIEditor-deprecated.PipelineSource.Source.CodeSource",
+      defaultMessage: "代码源"
+    })
+  }), /*#__PURE__*/React.createElement(Tab.Item, {
+    key: "Jenkins",
+    title: "Jenkins"
+  }), /*#__PURE__*/React.createElement(Tab.Item, {
+    key: intl.get({
+      id: "rdc-tb-cd-assets.UIEditor-deprecated.PipelineSource.Source.FlowPipeline",
+      defaultMessage: "Flow流水线"
+    }),
+    title: intl.get({
+      id: "rdc-tb-cd-assets.UIEditor-deprecated.PipelineSource.Source.FlowPipeline",
+      defaultMessage: "Flow流水线"
+    })
+  })), /*#__PURE__*/React.createElement(Codeup, null)));
+}

package/es/components/PipelineFlowEdit/UIEditor-deprecated/PipelineSource/Source.style.module.scss

@@ -0,0 +1,3 @@
+.type {
+  padding: 16px;
+}

package/es/components/PipelineFlowEdit/UIEditor-deprecated/PipelineSource/index.d.ts

@@ -0,0 +1,2 @@
+/// <reference types="react" />
+export declare function PipelineSource(props: any): JSX.Element;

package/es/components/PipelineFlowEdit/UIEditor-deprecated/PipelineSource/index.js

@@ -0,0 +1,17 @@
+import { Drawer } from "@teamix/ui";
+import React from "react";
+import styles from "../UIEditor-deprecated/JobDrawer/style.module.scss";
+import { Source } from "./Source";
+import intl from "../../../../locale";
+export function PipelineSource(props) {
+  return /*#__PURE__*/React.createElement(Drawer, {
+    className: styles.drawer,
+    hasMask: false,
+    visible: true,
+    width: 400,
+    title: intl.get({
+      id: "rdc-tb-cd-assets.UIEditor-deprecated.PipelineSource.PipelineSource",
+      defaultMessage: "流水线源"
+    })
+  }, /*#__PURE__*/React.createElement(Source, null));
+}

package/es/components/PipelineFlowEdit/UIEditor-deprecated/PipelineSource/sources/Codeup.d.ts

@@ -0,0 +1,5 @@
+/// <reference types="react" />
+interface Props {
+}
+export default function Codeup(props: Props): JSX.Element;
+export {};

package/es/components/PipelineFlowEdit/UIEditor-deprecated/PipelineSource/sources/Codeup.js

@@ -0,0 +1,48 @@
+import { Form, Select } from "@teamix/ui";
+import React, { useState } from "react";
+import intl from "../../../../../locale";
+export default function Codeup(props) {
+  var _useState = useState([]),
+    repositories = _useState[0],
+    setRepositories = _useState[1];
+  var _useState2 = useState(null),
+    repoState = _useState2[0],
+    setRepoState = _useState2[1];
+  var getRepositories = function getRepositories(keyword) {
+    if (!keyword) {
+      var selectedRepo = selectedRepoName();
+      var realSearchPromise = _getRepositories(keyword);
+      var selectedSearchPromise = selectedRepo ? _getRepositories(selectedRepo) : Promise.resolve([]);
+      setRepoState("loading");
+      Promise.all([realSearchPromise, selectedSearchPromise]).then(function (reposArray) {
+        setRepositories([].concat(reposArray[0], reposArray[1]));
+      }, function () {
+        setRepositories([]);
+      })["finally"](function () {
+        return setRepoState();
+      });
+    } else {
+      setRepoState("loading");
+      _getRepositories(keyword).then(function (repos) {
+        setRepositories(repos);
+      })["finally"](function () {
+        return setRepoState();
+      });
+    }
+  };
+  return /*#__PURE__*/React.createElement("div", null, /*#__PURE__*/React.createElement(Form, null, /*#__PURE__*/React.createElement(Form.Item, {
+    label: intl.get({
+      id: "rdc-tb-cd-assets.PipelineSource.sources.Codeup.CodeRepository",
+      defaultMessage: "代码仓库"
+    })
+  }, /*#__PURE__*/React.createElement(Select, {
+    onChange: function onChange(first) {}
+  })), /*#__PURE__*/React.createElement(Form.Item, {
+    label: intl.get({
+      id: "rdc-tb-cd-assets.PipelineSource.sources.Codeup.DefaultBranch",
+      defaultMessage: "默认分支"
+    })
+  }, /*#__PURE__*/React.createElement(Select, {
+    onChange: function onChange(first) {}
+  }))));
+}

package/es/components/PipelineFlowEdit/UIEditor-deprecated/SourceCard/EmptySource.d.ts

@@ -0,0 +1,2 @@
+/// <reference types="react" />
+export declare function EmptySource(props: any): JSX.Element;

package/es/components/PipelineFlowEdit/UIEditor-deprecated/SourceCard/EmptySource.js

@@ -0,0 +1,25 @@
+import { YunxiaoIcon } from "@alife/devops-ui";
+import React from "react";
+import styles from "./EmptySource.module.scss";
+import intl from "../../../../locale";
+export function EmptySource(props) {
+  return /*#__PURE__*/React.createElement("div", {
+    className: styles.root
+  }, /*#__PURE__*/React.createElement("h3", null, intl.get({
+    id: "rdc-tb-cd-assets.UIEditor-deprecated.SourceCard.EmptySource.WelcomeToCloudEffectPipeline",
+    defaultMessage: "欢迎使用云效流水线"
+  })), /*#__PURE__*/React.createElement("div", null, intl.get({
+    id: "rdc-tb-cd-assets.UIEditor-deprecated.SourceCard.EmptySource.WeProvideFlexibleAndEasy",
+    defaultMessage: "我们提供灵活易用的持续集成、持续验证、\n        持续发布功能，帮助企业高质量、高效率的交付业务。"
+  })), /*#__PURE__*/React.createElement("div", null, intl.get({
+    id: "rdc-tb-cd-assets.UIEditor-deprecated.SourceCard.EmptySource.ClickTheButtonBelowTo",
+    defaultMessage: "点击下方按钮导入流水线开始你的持续交付之旅吧！"
+  })), /*#__PURE__*/React.createElement("div", {
+    className: styles.add,
+    onClick: function onClick() {
+      throw new Error();
+    }
+  }, /*#__PURE__*/React.createElement(YunxiaoIcon, {
+    type: "add-line1"
+  })));
+}

package/es/components/PipelineFlowEdit/UIEditor-deprecated/SourceCard/EmptySource.module.scss

@@ -0,0 +1,21 @@
+.root {
+  background-color: var(--color-white, #fff);
+  border: 1px solid var(--color-brand3-2, #e9edf0);
+  border-radius: 4px;
+  width: 220px;
+  display: flex;
+  flex-direction: column;
+  justify-items: center;
+  padding: 16px 20px;
+}
+
+.add {
+  margin-top: 16px;
+  border-radius: 4px;
+  background-color: var(--color-brand3-1, #f2f5f7);
+  width: 176px;
+  height: 32px;
+  display: flex;
+  justify-content: center;
+  align-items: center;
+}

package/es/components/PipelineFlowEdit/UIEditor-deprecated/SourceCard/SourceWrapper.d.ts

@@ -0,0 +1,2 @@
+/// <reference types="react" />
+export default function SourceWrapper(props: any): JSX.Element;

package/es/components/PipelineFlowEdit/UIEditor-deprecated/SourceCard/SourceWrapper.js

@@ -0,0 +1,7 @@
+import React from 'react';
+import style from "./SourceWrapper.module.scss";
+export default function SourceWrapper(props) {
+  return /*#__PURE__*/React.createElement("div", {
+    className: style.SourceWrapper
+  }, props.children);
+}

package/es/components/PipelineFlowEdit/UIEditor-deprecated/SourceCard/SourceWrapper.module.scss

@@ -0,0 +1,11 @@
+.SourceWrapper {
+  // padding: 20px;
+  // background-color: #fff;
+  // border-radius: 4px;
+  // box-shadow: 0 3px 8px rgba(0, 0, 0, 0.03);
+
+  display: flex;
+  flex-direction: column;
+  gap: 16px;
+}
+

package/es/components/PipelineFlowEdit/UIEditor-deprecated/SourceCard/index.d.ts

@@ -0,0 +1,12 @@
+/// <reference types="react" />
+import { PipelineSourceTypes } from "src/types/sources";
+interface Props {
+    type: PipelineSourceTypes;
+    name: string;
+    id: string;
+    branch: string;
+    showSetDefault?: boolean;
+    isDefaultWorkspace?: boolean;
+}
+export default function SourceCard(props: Props): JSX.Element;
+export {};

package/es/components/PipelineFlowEdit/UIEditor-deprecated/SourceCard/index.js

@@ -0,0 +1,52 @@
+import React from "react";
+import styles from "./style.module.scss";
+import { YunxiaoIcon } from "@alife/devops-ui";
+import { Radio, Balloon } from "@teamix/ui";
+import intl from "../../../../locale";
+var Tooltip = Balloon.Tooltip;
+export default function SourceCard(props) {
+  var isDefaultWorkspace = props.isDefaultWorkspace,
+    _props$showSetDefault = props.showSetDefault,
+    showSetDefault = _props$showSetDefault === void 0 ? true : _props$showSetDefault;
+  return /*#__PURE__*/React.createElement("div", {
+    className: styles.SourceCard
+  }, /*#__PURE__*/React.createElement("div", {
+    className: styles.header
+  }, /*#__PURE__*/React.createElement("div", {
+    className: styles.icon
+  }, /*#__PURE__*/React.createElement(YunxiaoIcon, {
+    type: "github2-fill"
+  })), /*#__PURE__*/React.createElement("div", {
+    className: styles.name
+  }, props.name), showSetDefault && /*#__PURE__*/React.createElement(Tooltip, {
+    trigger: /*#__PURE__*/React.createElement("div", {
+      className: styles["default"]
+    }, /*#__PURE__*/React.createElement(Radio, {
+      style: {
+        direction: "rtl"
+      },
+      checked: isDefaultWorkspace
+    }, /*#__PURE__*/React.createElement("span", {
+      className: styles.label
+    }, isDefaultWorkspace && intl.get({
+      id: "rdc-tb-cd-assets.UIEditor-deprecated.SourceCard.Default",
+      defaultMessage: "默认"
+    }))))
+  }, isDefaultWorkspace ? intl.get({
+    id: "rdc-tb-cd-assets.UIEditor-deprecated.SourceCard.DefaultWorkspace",
+    defaultMessage: "默认工作区"
+  }) : intl.get({
+    id: "rdc-tb-cd-assets.UIEditor-deprecated.SourceCard.SetAsDefaultWorkspace",
+    defaultMessage: "设为默认工作区"
+  }))), /*#__PURE__*/React.createElement("div", {
+    className: styles.content
+  }, /*#__PURE__*/React.createElement("div", {
+    className: styles.contentItem
+  }, /*#__PURE__*/React.createElement(YunxiaoIcon, {
+    type: "workitem-purple-2-fill"
+  }), "#", props.id), /*#__PURE__*/React.createElement("div", {
+    className: styles.contentItem
+  }, /*#__PURE__*/React.createElement(YunxiaoIcon, {
+    type: "branches-line"
+  }), props.branch)));
+}

package/es/components/PipelineFlowEdit/UIEditor-deprecated/SourceCard/style.module.scss

@@ -0,0 +1,54 @@
+.SourceCard {
+  width: 220px;
+  background-color: #fff;
+  border-radius: 4px;
+  border: 1px solid #e8e8e8;
+}
+
+$contentPaddingLeft: 20px;
+
+.header {
+  background-color: var(--color-brand3-1, rgba(242,245,247,1));
+  border-radius: 4px;
+  display: flex;
+  align-items: center;
+  height: 48px;
+  font-size: 13px;
+  font-weight: 600;
+
+  padding: 0 $contentPaddingLeft;
+}
+
+.content {
+  line-height: 18px;
+  padding: 10px $contentPaddingLeft;
+}
+
+.name {
+  direction: rtl;
+  overflow: hidden;
+  white-space: nowrap;
+  text-overflow: ellipsis;
+  color: var(--color-text1-4, #292929);
+  margin-right: 4px;
+}
+
+.default {
+  white-space: nowrap;
+  justify-self: flex-end;
+  line-height: 1;
+  margin-left: auto;
+  margin-right: -8px;
+  .label {
+    font-size: 12px;
+    color: var(--color-text1-7, #8b8b8b);
+  }
+}
+
+.contentItem {
+  display: flex;
+  gap: 12px;
+  line-height: 26px;
+  align-items: center;
+  color: var(--color-text1-2, #6e6e6e);
+}

package/es/components/PipelineFlowEdit/UIEditor-deprecated/Step.d.ts

@@ -0,0 +1,10 @@
+/// <reference types="react" />
+import { FlowStepState } from "../types";
+type StepProps = StepContentProps;
+export declare function Step(props: StepProps): JSX.Element;
+interface StepContentProps {
+    flowStepItem: FlowStepState;
+    onChange: (nextStep: FlowStepState) => void;
+}
+export declare function StepContent(props: StepContentProps): JSX.Element;
+export {};

package/es/components/PipelineFlowEdit/UIEditor-deprecated/Step.js

@@ -0,0 +1,66 @@
+import React, { useContext, useState } from "react";
+import { Form, Input } from "@teamix/ui";
+import { IngredientsContext } from "../IngredientsContext";
+import { DefTemplate } from "./Template";
+import produce from "immer";
+import intl from "../../../locale";
+export function Step(props) {
+  return /*#__PURE__*/React.createElement(StepContent, props);
+}
+export function StepContent(props) {
+  var flowStepItem = props.flowStepItem,
+    _onChange = props.onChange;
+  var _useState = useState(flowStepItem.value.name),
+    name = _useState[0],
+    setName = _useState[1];
+  var _useState2 = useState(flowStepItem.id),
+    id = _useState2[0],
+    setId = _useState2[1];
+  var _useContext = useContext(IngredientsContext),
+    stepsList = _useContext.stepsList;
+  var stepDef = stepsList.find(function (v) {
+    return v.sign === (flowStepItem === null || flowStepItem === void 0 ? void 0 : flowStepItem.value.step);
+  }).defObj;
+  return /*#__PURE__*/React.createElement("div", {
+    onDoubleClick: function onDoubleClick() {
+      console.log(stepDef);
+    }
+  }, /*#__PURE__*/React.createElement(Form, null, /*#__PURE__*/React.createElement(Form.Item, {
+    label: intl.get({
+      id: "rdc-tb-cd-assets.PipelineFlowEdit.UIEditor-deprecated.Step.TaskName",
+      defaultMessage: "任务名称"
+    })
+  }, /*#__PURE__*/React.createElement(Input, {
+    value: name,
+    onChange: function onChange(v) {
+      setName(v);
+      var next = produce(flowStepItem, function (draft) {
+        draft.value.name = v;
+      });
+      _onChange(next);
+    }
+  })), /*#__PURE__*/React.createElement(Form.Item, {
+    label: intl.get({
+      id: "rdc-tb-cd-assets.PipelineFlowEdit.UIEditor-deprecated.Step.TaskId",
+      defaultMessage: "任务 ID"
+    })
+  }, /*#__PURE__*/React.createElement(Input, {
+    value: id,
+    onChange: function onChange(v) {
+      setId(v);
+      var next = produce(flowStepItem, function (draft) {
+        draft.id = v;
+      });
+      _onChange(next);
+    }
+  })), stepDef && /*#__PURE__*/React.createElement(DefTemplate, {
+    def: stepDef,
+    defValues: flowStepItem.value["with"],
+    onDefValuesChange: function onDefValuesChange(value) {
+      var next = produce(flowStepItem, function (draft) {
+        draft.value["with"] = value;
+      });
+      _onChange(next);
+    }
+  })));
+}

package/es/components/PipelineFlowEdit/UIEditor-deprecated/StepsList.d.ts

@@ -0,0 +1,5 @@
+/// <reference types="react" />
+import { DefCptBaseProps } from "./fields/common";
+type Props = DefCptBaseProps;
+export declare function StepsList(props: Props): JSX.Element;
+export {};

package/es/components/PipelineFlowEdit/UIEditor-deprecated/StepsList.js

@@ -0,0 +1,139 @@
+import React, { useState, useContext } from "react";
+import { Dropdown, Menu, Dialog } from "@teamix/ui";
+import { ItemList } from "./ItemList";
+import { ButtonIcon } from "@alife/devops-ui";
+import { groupBy } from "lodash-es";
+import { arrayMove } from "react-sortable-hoc";
+import { i18nStepName } from "../../../utils";
+import utils from "../../../utils";
+import { SYMBOL_ID } from "../const";
+import { Step } from "./Step";
+import { IngredientsContext } from "../IngredientsContext";
+import produce from "immer";
+import intl from "../../../locale";
+export function StepsList(props) {
+  var onAddStep = props.onAddStep,
+    jobObj = props.jobObj,
+    defItem = props.defItem,
+    onChangeCommit = props.onChangeCommit,
+    syncedValue = props.syncedValue;
+  var _useContext = useContext(IngredientsContext),
+    stepsList = _useContext.stepsList;
+  var grouped = groupBy(stepsList, function (step) {
+    return step.defObj.category;
+  });
+  var localValue = syncedValue;
+  var _useState = useState(null),
+    visibleStepEntryId = _useState[0],
+    setVisibleStepEntryId = _useState[1];
+  var showingStep = localValue.find(function (v) {
+    return v[SYMBOL_ID] === visibleStepEntryId;
+  });
+  var extra = /*#__PURE__*/React.createElement(Dropdown, {
+    trigger: /*#__PURE__*/React.createElement(ButtonIcon, {
+      name: "add-line",
+      onClick: console.log
+    }),
+    triggerType: "click"
+  }, /*#__PURE__*/React.createElement(Menu, {
+    triggerType: "hover",
+    mode: "popup",
+    className: "step-container-menu",
+    popupClassName: "step-container-menu-inner",
+    popupAutoWidth: true
+  }, Object.entries(grouped).map(function (_ref) {
+    var k = _ref[0],
+      value = _ref[1];
+    return /*#__PURE__*/React.createElement(Menu.SubMenu, {
+      key: k,
+      label: k
+    }, value.map(function (step) {
+      return /*#__PURE__*/React.createElement(Menu.Item, {
+        key: "" + step.sign,
+        onClick: function onClick() {
+          // onAddStep(step);
+
+          // const { jobKey, stageId } = showingJobx;
+          //   const job = flowObj.stages[stageId].jobs[jobKey];
+
+          var steps = produce(localValue, function (draft) {
+            var _draft$push;
+            draft.push((_draft$push = {}, _draft$push[SYMBOL_ID] = "FLOW_ENTITY_" + utils.uuid(16), _draft$push.id = "step-" + ("" + Math.random()).slice(-6), _draft$push.value = {
+              step: step.sign,
+              name: step.name
+            }, _draft$push));
+          });
+          onChangeCommit(steps);
+
+          //   job.steps[stepId] = {
+          //     step: step.sign,
+          //     name: step.name,
+          //   };
+        }
+      }, i18nStepName(step.defObj));
+    }));
+  })));
+  return /*#__PURE__*/React.createElement(React.Fragment, null, showingStep && /*#__PURE__*/React.createElement(Dialog, {
+    visible: Boolean(visibleStepEntryId),
+    title: intl.get({
+      id: "rdc-tb-cd-assets.PipelineFlowEdit.UIEditor-deprecated.StepsList.ShowingstepvaluenameTaskDetails",
+      defaultMessage: "「{showingStepValueName}」任务详情"
+    }, {
+      showingStepValueName: showingStep.value.name
+    }),
+    onClose: function onClose() {
+      return setVisibleStepEntryId(null);
+    },
+    hasMask: false
+    // footerActions={['ok']}
+    // okProps={{ children: '完成' }}
+    ,
+    footer: false
+  }, /*#__PURE__*/React.createElement(Step, {
+    flowStepItem: showingStep,
+    onChange: function onChange(newStep) {
+      var next = produce(localValue, function (draft) {
+        var i = draft.findIndex(function (v) {
+          return v[SYMBOL_ID] === newStep[SYMBOL_ID];
+        });
+        draft[i] = newStep;
+      });
+      onChangeCommit(next);
+    }
+  })), /*#__PURE__*/React.createElement(ItemList, {
+    title: intl.get({
+      id: "rdc-tb-cd-assets.PipelineFlowEdit.UIEditor-deprecated.StepsList.TaskSteps",
+      defaultMessage: "任务步骤"
+    }),
+    extra: extra,
+    items: (localValue === null || localValue === void 0 ? void 0 : localValue.map(function (step) {
+      return {
+        id: step[SYMBOL_ID],
+        title: step.value.name,
+        onClick: function onClick() {
+          setVisibleStepEntryId(step[SYMBOL_ID]);
+        }
+      };
+    })) || [],
+    onDelete: function onDelete(entity_id) {
+      var next = produce(localValue, function (draft) {
+        var index = draft.findIndex(function (step) {
+          return step[SYMBOL_ID] === entity_id;
+        });
+        draft.splice(index, 1);
+      });
+      onChangeCommit(next);
+    },
+    onSort: function onSort(_ref2) {
+      var oldIndex = _ref2.oldIndex,
+        newIndex = _ref2.newIndex;
+      if (oldIndex === newIndex) {
+        return;
+      }
+      var next = produce(localValue, function (draft) {
+        return arrayMove(draft, oldIndex, newIndex);
+      });
+      onChangeCommit(next);
+    }
+  }));
+}

package/es/components/PipelineFlowEdit/UIEditor-deprecated/TaskTpl.d.ts

@@ -0,0 +1,2 @@
+/// <reference types="react" />
+export declare function TaskTpl(props: any): JSX.Element;