@cloud-app-dev/vidc 1.0.39 → 1.0.43

package/es/WorkerFlow/Demo.js

@@ -1,27 +1,13 @@
-import "antd/lib/drawer/style";
-import _Drawer from "antd/lib/drawer";
 import "antd/lib/config-provider/style";
 import _ConfigProvider from "antd/lib/config-provider";
-
-function _slicedToArray(arr, i) { return _arrayWithHoles(arr) || _iterableToArrayLimit(arr, i) || _unsupportedIterableToArray(arr, i) || _nonIterableRest(); }
-
-function _nonIterableRest() { throw new TypeError("Invalid attempt to destructure non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method."); }
-
-function _unsupportedIterableToArray(o, minLen) { if (!o) return; if (typeof o === "string") return _arrayLikeToArray(o, minLen); var n = Object.prototype.toString.call(o).slice(8, -1); if (n === "Object" && o.constructor) n = o.constructor.name; if (n === "Map" || n === "Set") return Array.from(o); if (n === "Arguments" || /^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n)) return _arrayLikeToArray(o, minLen); }
-
-function _arrayLikeToArray(arr, len) { if (len == null || len > arr.length) len = arr.length; for (var i = 0, arr2 = new Array(len); i < len; i++) { arr2[i] = arr[i]; } return arr2; }
-
-function _iterableToArrayLimit(arr, i) { var _i = arr == null ? null : typeof Symbol !== "undefined" && arr[Symbol.iterator] || arr["@@iterator"]; if (_i == null) return; var _arr = []; var _n = true; var _d = false; var _s, _e; try { for (_i = _i.call(arr); !(_n = (_s = _i.next()).done); _n = true) { _arr.push(_s.value); if (i && _arr.length === i) break; } } catch (err) { _d = true; _e = err; } finally { try { if (!_n && _i["return"] != null) _i["return"](); } finally { if (_d) throw _e; } } return _arr; }
-
-function _arrayWithHoles(arr) { if (Array.isArray(arr)) return arr; }
-
-import React, { useState } from 'react';
+import React from 'react';
 import WorkerFlow from './index';
 var form = [{
   label: '处理意见',
   auth: 1,
   name: 'yijian',
-  type: 'string',
+  fromType: 'SINGLE_SELECTION',
+  required: true,
   options: [{
     label: '有效',
     value: 1
@@ -51,31 +37,16 @@ var form = [{
 }];
 
 var App = function App() {
-  var _useState = useState({
-    visible: false
-  }),
-      _useState2 = _slicedToArray(_useState, 2),
-      state = _useState2[0],
-      setState = _useState2[1];
-
   return /*#__PURE__*/React.createElement(_ConfigProvider, {
     prefixCls: "cloudapp"
   }, /*#__PURE__*/React.createElement("div", {
     style: {
       height: 800
     }
-  }, /*#__PURE__*/React.createElement("button", {
-    onClick: function onClick(old) {
-      return setState({
-        visible: true
-      });
-    }
-  }, "111"), /*#__PURE__*/React.createElement(WorkerFlow, {
+  }, /*#__PURE__*/React.createElement(WorkerFlow, {
     form: form,
     onChange: console.log,
     hasTools: true
-  }), /*#__PURE__*/React.createElement(_Drawer, {
-    visible: state.visible
   })));
 };
 

package/es/WorkerFlow/Form/Approver.d.ts

@@ -1,8 +1,9 @@
 import { NodeItem, WorkerFlowFormType } from '../interface';
 interface IApproverFormProps {
     form: WorkerFlowFormType[];
-    item?: NodeItem;
+    item: NodeItem;
     onChange: (data: any) => void;
+    config: NodeItem;
 }
-declare function ApproverForm({ form, item, onChange }: IApproverFormProps): JSX.Element;
+declare function ApproverForm({ form, item, onChange, config }: IApproverFormProps): JSX.Element;
 export default ApproverForm;

package/es/WorkerFlow/Form/Approver.js

@@ -1,18 +1,29 @@
-import React from 'react';
+import React, { useMemo } from 'react';
 import UserSet from './UserSet';
 import FormAuth from './FormAuth';
+import { getParentNodeById } from '../XML/utils';
 
 function ApproverForm(_ref) {
   var form = _ref.form,
       item = _ref.item,
-      onChange = _ref.onChange;
+      onChange = _ref.onChange,
+      config = _ref.config;
+  var parentNodeType = useMemo(function () {
+    var _a;
+
+    return (_a = getParentNodeById(config, item.id)) === null || _a === void 0 ? void 0 : _a.bpmnType;
+  }, [config, item.id]);
+  var includeUserTypes = useMemo(function () {
+    return parentNodeType === 'startEvent' || parentNodeType === 'sequenceFlow' ? [1, 3, 4, 5] : [1, 2, 3, 4, 5];
+  }, []);
   return /*#__PURE__*/React.createElement("div", null, /*#__PURE__*/React.createElement(UserSet, {
     chargeLevel: item.chargeLevel,
     userType: item.userType,
     emptyUsers: item.emptyUserList,
     nodeUserList: item.nodeUserList,
     usersHandType: item.usersHandType,
-    onChange: onChange
+    onChange: onChange,
+    includeUserTypes: includeUserTypes
   }), /*#__PURE__*/React.createElement(FormAuth, {
     form: form,
     onChange: onChange

package/es/WorkerFlow/Form/Condition.js

@@ -56,6 +56,9 @@ function ConditionForm(_ref) {
   }, [formItem.name, useConditionFields]);
   var addCondition = useCallback(function () {
     var modal = modalRef.current;
+    var allowForm = form.filter(function (v) {
+      return v.fromType === 'SINGLE_SELECTION' && v.required;
+    });
 
     var onOk = function onOk() {
       var _a, _b;
@@ -83,7 +86,7 @@ function ConditionForm(_ref) {
     var options = {
       content: /*#__PURE__*/React.createElement(ModalContent, {
         ref: cRef,
-        form: form,
+        form: allowForm,
         value: state.field
       }),
       width: 340,

package/es/WorkerFlow/Form/FormAuth.js

@@ -104,7 +104,7 @@ function FormAuth(_ref) {
           onClick: function onClick() {
             return onFormAuthChange({
               name: item.name,
-              auth: 3
+              auth: 0
             });
           }
         });

package/es/WorkerFlow/Form/GroupSelectModalContent.js

@@ -1,3 +1,4 @@
+import _treeHelper from "@cloud-app-dev/utils/es/treeHelper";
 import _useHttp2 from "@cloud-app-dev/basic-components/es/useHttp";
 
 function _toConsumableArray(arr) { return _arrayWithoutHoles(arr) || _iterableToArray(arr) || _unsupportedIterableToArray(arr) || _nonIterableSpread(); }
@@ -23,9 +24,7 @@ function _arrayWithHoles(arr) { if (Array.isArray(arr)) return arr; }
 import React, { useCallback, useMemo, useState, useImperativeHandle } from 'react';
 import api from '../../Api';
 import TreeMode from '../../TreeMode';
-import List from '../../List';
 import { uniq, intersectionWith } from 'lodash';
-import { treeHelper } from '@cloud-app-dev/utils';
 import { formatRenderGroup } from './utils';
 import GroupList from './GroupList';
 
@@ -52,7 +51,7 @@ function GroupSelectModalContent(_ref, ref) {
       orgList = _useHttp$data === void 0 ? [] : _useHttp$data;
 
   var treeData = useMemo(function () {
-    return treeHelper.computTreeList(orgList);
+    return _treeHelper.computTreeList(orgList);
   }, [orgList]);
   var selectId = useMemo(function () {
     return state.orgId ? state.orgId : treeData[0] ? treeData[0].id : undefined;
@@ -112,9 +111,26 @@ function GroupSelectModalContent(_ref, ref) {
       })
     };
   }, [state.selectUsers, state.selectIds]);
+  var nodeUserList = useMemo(function () {
+    return formatRenderGroup(groupList.filter(function (v) {
+      return !state.keyword1 || v.postName.includes(state.keyword1);
+    }).map(function (v) {
+      var orgItem = orgList.find(function (v2) {
+        return v2.id === v.orgId;
+      });
+      return {
+        name: v.postName,
+        value: v.id,
+        key: 'groupId',
+        groupName: orgItem === null || orgItem === void 0 ? void 0 : orgItem.organizationName
+      };
+    }));
+  }, [groupList, orgList, state.keyword1]);
   var renderList = useMemo(function () {
-    return formatRenderGroup(state.selectUsers);
-  }, [state.selectUsers]);
+    return formatRenderGroup(state.selectUsers.filter(function (v) {
+      return !state.keyword2 || v.name.includes(state.keyword2);
+    }));
+  }, [state.selectUsers, state.keyword2]);
   return /*#__PURE__*/React.createElement("div", {
     className: "user-select-modal-content"
   }, /*#__PURE__*/React.createElement(TreeMode, {
@@ -129,14 +145,9 @@ function GroupSelectModalContent(_ref, ref) {
       });
     },
     selectedKeys: [selectId]
-  }), /*#__PURE__*/React.createElement(List, {
-    onChecked: onUserChecked1,
-    list: groupList,
-    key: groupList.length,
+  }), /*#__PURE__*/React.createElement(GroupList, {
+    list: nodeUserList,
     checkedKeys: list1CheckedKeys,
-    itemKey: "id",
-    itemNameKey: "postName",
-    title: "\u5C97\u4F4D",
     onKeywordChange: function onKeywordChange(v) {
       return setState(function (old) {
         return Object.assign(Object.assign({}, old), {
@@ -144,7 +155,8 @@ function GroupSelectModalContent(_ref, ref) {
         });
       });
     },
-    keywords: state.keyword1
+    keywords: state.keyword1,
+    onChecked: onUserChecked1
   }), /*#__PURE__*/React.createElement(GroupList, {
     list: renderList,
     checkedKeys: state.selectIds,

package/es/WorkerFlow/Form/Handle.d.ts

@@ -1,8 +1,9 @@
 import { NodeItem, WorkerFlowFormType } from '../interface';
 interface IHandleFormProps {
     form: WorkerFlowFormType[];
-    item?: NodeItem;
+    item: NodeItem;
     onChange: (data: any) => void;
+    config: NodeItem;
 }
-declare function HandleForm({ form, item, onChange }: IHandleFormProps): JSX.Element;
+declare function HandleForm({ form, item, onChange, config }: IHandleFormProps): JSX.Element;
 export default HandleForm;

package/es/WorkerFlow/Form/Handle.js

@@ -1,18 +1,28 @@
-import React from 'react';
+import React, { useMemo } from 'react';
 import UserSet from './UserSet';
 import FormAuth from './FormAuth';
+import { getParentNodeById } from '../XML/utils';
 
 function HandleForm(_ref) {
   var form = _ref.form,
       item = _ref.item,
-      onChange = _ref.onChange;
+      onChange = _ref.onChange,
+      config = _ref.config;
+  var parentNodeType = useMemo(function () {
+    var _a;
+
+    return (_a = getParentNodeById(config, item.id)) === null || _a === void 0 ? void 0 : _a.bpmnType;
+  }, [config, item.id]);
+  var includeUserTypes = useMemo(function () {
+    return parentNodeType === 'startEvent' || parentNodeType === 'sequenceFlow' ? [1, 3, 4, 5] : [1, 2, 3, 4, 5];
+  }, []);
   return /*#__PURE__*/React.createElement("div", null, /*#__PURE__*/React.createElement(UserSet, {
     chargeLevel: item.chargeLevel,
     userType: item.userType,
     nodeUserList: item.nodeUserList,
     emptyUsers: item.emptyUserList,
     onChange: onChange,
-    includeUserTypes: [1, 2, 3],
+    includeUserTypes: includeUserTypes,
     usersHandType: item.usersHandType
   }), /*#__PURE__*/React.createElement(FormAuth, {
     form: form,

package/es/WorkerFlow/Form/Notifier.js

@@ -8,7 +8,8 @@ function NotifierForm(_ref) {
     userType: item.userType,
     nodeUserList: item.nodeUserList,
     onChange: onChange,
-    includeUserTypes: [1]
+    includeUserTypes: [1],
+    nodeType: 2
   }));
 }
 

package/es/WorkerFlow/Form/UserAndGroupSelect.js

@@ -27,6 +27,7 @@ import chroma from 'chroma-js';
 import UserSelectModalContent from './UserSelectModalContent';
 import GroupSelectModalContent from './GroupSelectModalContent';
 import RefModal from '../../RefModal';
+import { formatRenderGroup } from './utils';
 
 function UserAndGroupSelect(_ref) {
   var _this = this;
@@ -97,6 +98,9 @@ function UserAndGroupSelect(_ref) {
       }
     });
   }, [state.userList, state.type]);
+  var renderList = useMemo(function () {
+    return state.type === 'groupId' ? formatRenderGroup(state.userList) : state.userList;
+  }, [state.userList, state.type]);
   useEffect(function () {
     return onChange(state.userList);
   }, [state.userList]);
@@ -108,6 +112,16 @@ function UserAndGroupSelect(_ref) {
       });
     });
   }, []);
+  var onCloseTag = useCallback(function (id) {
+    var list = state.userList.filter(function (v) {
+      return v.value !== id;
+    });
+    setState(function (old) {
+      return Object.assign(Object.assign({}, old), {
+        userList: list
+      });
+    });
+  }, [state.userList]);
   return /*#__PURE__*/React.createElement("div", {
     className: "user-select-component user-and-group-select-component"
   }, /*#__PURE__*/React.createElement("div", {
@@ -135,12 +149,37 @@ function UserAndGroupSelect(_ref) {
     className: "placeholder"
   }, "\u4E0D\u80FD\u8D85\u8FC720\u4E2A")), /*#__PURE__*/React.createElement("div", {
     className: "user-list-wrapper"
-  }, state.userList.map(function (v) {
+  }, state.type === 'userId' ? state.userList.map(function (v) {
     return /*#__PURE__*/React.createElement(_Tag, {
       closable: true,
       key: v.value,
-      color: color
+      color: color,
+      onClose: function onClose() {
+        return onCloseTag(v.value);
+      }
     }, v.name);
+  }) : renderList.map(function (v) {
+    return /*#__PURE__*/React.createElement("div", {
+      key: v[0],
+      style: {
+        marginBottom: 12,
+        fontSize: 'var(--fs)'
+      }
+    }, /*#__PURE__*/React.createElement("div", {
+      style: {
+        paddingBottom: 5,
+        fontWeight: 'bold'
+      }
+    }, v[0]), v[1].map(function (item) {
+      return /*#__PURE__*/React.createElement(_Tag, {
+        closable: true,
+        key: item.value,
+        color: color,
+        onClose: function onClose() {
+          return onCloseTag(item.value);
+        }
+      }, item.name);
+    }));
   })), /*#__PURE__*/React.createElement(RefModal, {
     ref: modalRef
   }));

package/es/WorkerFlow/Form/UserSelectModalContent.js

@@ -98,6 +98,16 @@ var UserSelectModalContent = /*#__PURE__*/forwardRef(function UserSelectModalCon
       })
     };
   }, [state.selectUsers, state.selectIds]);
+  var renderList1 = useMemo(function () {
+    return userList.filter(function (v) {
+      return !state.keyword1 || v.realName.includes(state.keyword1);
+    });
+  }, [state.keyword1, userList]);
+  var renderList2 = useMemo(function () {
+    return state.selectUsers.filter(function (v) {
+      return !state.keyword2 || v.name.includes(state.keyword2);
+    });
+  }, [state.keyword2, state.selectUsers]);
   return /*#__PURE__*/React.createElement("div", {
     className: "user-select-modal-content"
   }, /*#__PURE__*/React.createElement(TreeMode, {
@@ -121,7 +131,7 @@ var UserSelectModalContent = /*#__PURE__*/forwardRef(function UserSelectModalCon
     mode: "Org"
   }), /*#__PURE__*/React.createElement(List, {
     onChecked: onUserChecked1,
-    list: userList,
+    list: renderList1,
     key: userList.length,
     checkedKeys: list1CheckedKeys,
     itemKey: "id",
@@ -137,7 +147,7 @@ var UserSelectModalContent = /*#__PURE__*/forwardRef(function UserSelectModalCon
     },
     keywords: state.keyword1
   }), /*#__PURE__*/React.createElement(List, {
-    list: state.selectUsers,
+    list: renderList2,
     itemKey: "value",
     itemNameKey: "name",
     checkedKeys: state.selectIds,

package/es/WorkerFlow/Form/UserSet.d.ts

@@ -1,4 +1,4 @@
-import { MutipleUserHandleType, NodeUserType, UserSetType } from '../interface';
+import { MutipleUserHandleType, NodeType, NodeUserType, UserSetType } from '../interface';
 interface IUserSetProps {
     userType?: UserSetType;
     nodeUserList?: NodeUserType[];
@@ -7,6 +7,7 @@ interface IUserSetProps {
     onChange: (data: any) => void;
     includeUserTypes?: UserSetType[];
     chargeLevel?: 1 | 2 | 3;
+    nodeType?: NodeType;
 }
-declare function UserSet({ userType, nodeUserList, usersHandType, onChange, emptyUsers, includeUserTypes, chargeLevel }: IUserSetProps): JSX.Element;
+declare function UserSet({ userType, nodeType, nodeUserList, usersHandType, onChange, emptyUsers, includeUserTypes, chargeLevel }: IUserSetProps): JSX.Element;
 export default UserSet;

package/es/WorkerFlow/Form/UserSet.js

@@ -38,10 +38,11 @@ function UserSet(_ref) {
 
   var _ref$userType = _ref.userType,
       userType = _ref$userType === void 0 ? 1 : _ref$userType,
+      nodeType = _ref.nodeType,
       _ref$nodeUserList = _ref.nodeUserList,
       nodeUserList = _ref$nodeUserList === void 0 ? [] : _ref$nodeUserList,
       _ref$usersHandType = _ref.usersHandType,
-      usersHandType = _ref$usersHandType === void 0 ? 1 : _ref$usersHandType,
+      usersHandType = _ref$usersHandType === void 0 ? 2 : _ref$usersHandType,
       onChange = _ref.onChange,
       emptyUsers = _ref.emptyUsers,
       includeUserTypes = _ref.includeUserTypes,
@@ -114,7 +115,8 @@ function UserSet(_ref) {
     usersHandType: state.usersHandType,
     onChange: function onChange(options) {
       return stateChange(options);
-    }
+    },
+    nodeType: nodeType
   })));
 }
 /**
@@ -127,7 +129,8 @@ function UserSelectType1(_ref2) {
       usersHandType = _ref2.usersHandType,
       _onChange = _ref2.onChange,
       type = _ref2.type,
-      emptyUsers = _ref2.emptyUsers;
+      emptyUsers = _ref2.emptyUsers,
+      nodeType = _ref2.nodeType;
   var userList = useMemo(function () {
     return users.filter(function (v) {
       return v.key === 'userId';
@@ -140,7 +143,7 @@ function UserSelectType1(_ref2) {
     onChange: function onChange(users) {
       return _onChange(_defineProperty({}, type, users));
     }
-  }), /*#__PURE__*/React.createElement(UsersHandleType, {
+  }), nodeType !== 2 && /*#__PURE__*/React.createElement(React.Fragment, null, /*#__PURE__*/React.createElement(UsersHandleType, {
     usersHandType: usersHandType,
     onChange: function onChange(value) {
       return _onChange({
@@ -154,7 +157,7 @@ function UserSelectType1(_ref2) {
         emptyUsers: users
       });
     }
-  }));
+  })));
 }
 /**
  * @desc 自选人员

package/es/WorkerFlow/Form/UsersHandleType.js

@@ -7,7 +7,9 @@ function UsersHandleType(_ref) {
   var usersHandType = _ref.usersHandType,
       _onChange = _ref.onChange;
   var options = useMemo(function () {
-    return Object.values(UserHandleTypeOptions);
+    return Object.values(UserHandleTypeOptions).sort(function (a, b) {
+      return b.value - a.value;
+    });
   }, []);
   return /*#__PURE__*/React.createElement("div", {
     className: "users-handle-type-content"

package/es/WorkerFlow/Nodes/Add.js

@@ -19,9 +19,6 @@ import QueueAnim from 'rc-queue-anim';
 
 function AddNode(_ref) {
   var node = _ref.node;
-
-  var _a;
-
   var boxRef = useRef(null);
 
   var _useState = useState(false),
@@ -58,6 +55,21 @@ function AddNode(_ref) {
       document.body.removeEventListener('click', fn, false);
     };
   }, [showPop]);
+
+  var types = function () {
+    var _a;
+
+    if (node.type === 0 || node.bpmnType === 'sequenceFlow') {
+      return [1, 3];
+    }
+
+    if (((_a = node.childNode) === null || _a === void 0 ? void 0 : _a.type) === 9) {
+      return [1, 2, 3];
+    }
+
+    return [1, 2, 3, 4];
+  }();
+
   return /*#__PURE__*/React.createElement("div", {
     className: "add-node-btn-box",
     ref: boxRef
@@ -68,8 +80,7 @@ function AddNode(_ref) {
     key: "add-popover"
   }, /*#__PURE__*/React.createElement(AddNodeList, {
     onOptionClick: onOptionClick,
-    type: node.type,
-    childType: (_a = node.childNode) === null || _a === void 0 ? void 0 : _a.type
+    types: types
   })) : /*#__PURE__*/React.createElement(React.Fragment, {
     key: "cancel-popover"
   })), /*#__PURE__*/React.createElement("span", null, /*#__PURE__*/React.createElement("button", {

package/es/WorkerFlow/Nodes/AddOptionList.d.ts

@@ -1,8 +1,7 @@
-import { NodeType } from '../interface';
+import { AddNodeType, NodeType } from '../interface';
 interface IAddNodeListProps {
     onOptionClick: (type: NodeType) => void;
-    type: NodeType;
-    childType: NodeType;
+    types: AddNodeType[];
 }
-declare function AddNodeList({ onOptionClick, type, childType }: IAddNodeListProps): JSX.Element;
+declare function AddNodeList({ onOptionClick, types }: IAddNodeListProps): JSX.Element;
 export default AddNodeList;

package/es/WorkerFlow/Nodes/AddOptionList.js

@@ -4,11 +4,11 @@ import { OptionNames, OptionTypes } from './Constants';
 
 function AddNodeList(_ref) {
   var onOptionClick = _ref.onOptionClick,
-      type = _ref.type,
-      childType = _ref.childType;
+      _ref$types = _ref.types,
+      types = _ref$types === void 0 ? [1, 2, 3, 4] : _ref$types;
   return /*#__PURE__*/React.createElement("div", {
     className: "add-node-popover-body"
-  }, /*#__PURE__*/React.createElement(AddNodeOption, {
+  }, types.includes(1) && /*#__PURE__*/React.createElement(AddNodeOption, {
     icon: "icon-yewu",
     type: "approver",
     onClick: function onClick() {
@@ -16,7 +16,7 @@ function AddNodeList(_ref) {
     },
     color: OptionNames[OptionTypes.APPROVER].color,
     name: OptionNames[OptionTypes.APPROVER].name
-  }), type !== 0 && /*#__PURE__*/React.createElement(AddNodeOption, {
+  }), types.includes(2) && /*#__PURE__*/React.createElement(AddNodeOption, {
     icon: "icon-biaoqian",
     type: "notifier",
     onClick: function onClick() {
@@ -24,7 +24,7 @@ function AddNodeList(_ref) {
     },
     color: OptionNames[OptionTypes.NOTIFIER].color,
     name: OptionNames[OptionTypes.NOTIFIER].name
-  }), /*#__PURE__*/React.createElement(AddNodeOption, {
+  }), types.includes(3) && /*#__PURE__*/React.createElement(AddNodeOption, {
     icon: "icon-yewu",
     type: "handle",
     onClick: function onClick() {
@@ -32,7 +32,7 @@ function AddNodeList(_ref) {
     },
     color: OptionNames[OptionTypes.HANDLE].color,
     name: OptionNames[OptionTypes.HANDLE].name
-  }), !(type === 0 || childType === 9) && /*#__PURE__*/React.createElement(AddNodeOption, {
+  }), types.includes(4) && /*#__PURE__*/React.createElement(AddNodeOption, {
     icon: "icon-ListTree",
     type: "condition",
     onClick: function onClick() {

package/es/WorkerFlow/Nodes/Approver.js

@@ -33,7 +33,7 @@ function ApproverNode(_ref) {
       backgroundColor: '#29CCCC'
     },
     onContentClick: function onContentClick() {
-      return onSelectNode(node);
+      return onSelectNode(node, parentNode);
     },
     title: TitleEl,
     node: node

package/es/WorkerFlow/Nodes/Condition.js

@@ -4,6 +4,7 @@ import AddNode from './Add';
 import Render from './Render';
 import { NodeTypes } from './Constants';
 import WFC from '../OperatorContext';
+import TitleElement from './TitleElement';
 
 function CoverLine(_ref) {
   var _ref$first = _ref.first,
@@ -44,17 +45,13 @@ function BranchNode(_ref2) {
     onClick: sortLeft
   }), /*#__PURE__*/React.createElement("div", {
     className: "title-wrapper"
-  }, /*#__PURE__*/React.createElement("span", {
-    className: "editable-title"
-  }, nodeName), /*#__PURE__*/React.createElement(_IconFont, {
-    className: "worker-flow-node-del",
-    type: "icon-MarkNo",
-    style: {
-      color: '#333',
-      right: 5,
-      top: 5
+  }, /*#__PURE__*/React.createElement(TitleElement, {
+    placeholder: "\u8BF7\u8F93\u5165\u6761\u4EF6\u540D\u79F0",
+    onTitleChange: function onTitleChange(v) {
+      return node.nodeName = v;
     },
-    onClick: delBranch
+    delNode: delBranch,
+    nodeName: node.nodeName
   })), !last && /*#__PURE__*/React.createElement("div", {
     className: "sort-right",
     onClick: sortRight
@@ -115,7 +112,7 @@ function ConditionNode(_ref3) {
       owner: item.owner,
       first: index === 0,
       onBranchClick: function onBranchClick() {
-        return onSelectNode(node, index);
+        return onSelectNode(node, parentNode, index);
       },
       delBranch: function delBranch() {
         return branches.length === 2 ? onDeleteNode(parentNode, node) : onDeleteNode(parentNode, node, NodeTypes.BRANCH, index);

package/es/WorkerFlow/Nodes/Handle.js

@@ -32,7 +32,7 @@ function HandleNode(_ref) {
       backgroundColor: '#FFB319'
     },
     onContentClick: function onContentClick() {
-      return onSelectNode(node);
+      return onSelectNode(node, parentNode);
     },
     title: TitleEl,
     node: node

package/es/WorkerFlow/Nodes/Notifier.js

@@ -32,7 +32,7 @@ function NotifierNode(_ref) {
       backgroundColor: '#198CFF'
     },
     onContentClick: function onContentClick() {
-      return onSelectNode(node);
+      return onSelectNode(node, parentNode);
     },
     title: TitleEl,
     node: node

package/es/WorkerFlow/Nodes/TitleElement.js

@@ -48,7 +48,7 @@ function TitleElement(_ref) {
     onTitleChange && onTitleChange(title);
   }, [title]);
 
-  return /*#__PURE__*/React.createElement(React.Fragment, null, /*#__PURE__*/React.createElement(_IconFont, {
+  return /*#__PURE__*/React.createElement(React.Fragment, null, icon && /*#__PURE__*/React.createElement(_IconFont, {
     type: icon,
     style: {
       paddingRight: 4

package/es/WorkerFlow/Tools.d.ts

@@ -4,5 +4,5 @@ interface IZoomLayoutProps {
     hasTools?: boolean;
     exportBpmnFile?: () => any;
 }
-declare function ZoomLayout({ children, exportBpmnFile }: IZoomLayoutProps): JSX.Element;
+declare function ZoomLayout({ children, exportBpmnFile, hasTools }: IZoomLayoutProps): JSX.Element;
 export default ZoomLayout;