@cloud-app-dev/vidc 1.0.12 → 1.0.16

package/es/WorkerFlow/Nodes/AddOption.js

@@ -0,0 +1,23 @@
+import _IconFont from "@cloud-app-dev/basic-components/es/IconFont";
+import React from 'react';
+
+function AddNodeOption(_ref) {
+  var type = _ref.type,
+      onClick = _ref.onClick,
+      name = _ref.name,
+      icon = _ref.icon,
+      color = _ref.color;
+  return /*#__PURE__*/React.createElement("div", {
+    className: 'add-node-popover-item ' + type,
+    onClick: onClick
+  }, /*#__PURE__*/React.createElement("span", {
+    className: "item-wrapper"
+  }, /*#__PURE__*/React.createElement(_IconFont, {
+    type: icon,
+    style: {
+      color: color
+    }
+  })), /*#__PURE__*/React.createElement("span", null, name));
+}
+
+export default AddNodeOption;

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

@@ -0,0 +1,6 @@
+import { NodeType } from '../interface';
+interface IAddNodeListProps {
+    onOptionClick: (type: NodeType) => void;
+}
+declare function AddNodeList({ onOptionClick }: IAddNodeListProps): JSX.Element;
+export default AddNodeList;

package/es/WorkerFlow/Nodes/AddOptionList.js

@@ -0,0 +1,44 @@
+import React from 'react';
+import AddNodeOption from './AddOption';
+import { OptionNames, OptionTypes } from './Constants';
+
+function AddNodeList(_ref) {
+  var onOptionClick = _ref.onOptionClick;
+  return /*#__PURE__*/React.createElement("div", {
+    className: "add-node-popover-body"
+  }, /*#__PURE__*/React.createElement(AddNodeOption, {
+    icon: "icon-yewu",
+    type: "approver",
+    onClick: function onClick() {
+      return onOptionClick(OptionTypes.APPROVER);
+    },
+    color: OptionNames[OptionTypes.APPROVER].color,
+    name: OptionNames[OptionTypes.APPROVER].name
+  }), /*#__PURE__*/React.createElement(AddNodeOption, {
+    icon: "icon-biaoqian",
+    type: "notifier",
+    onClick: function onClick() {
+      return onOptionClick(OptionTypes.NOTIFIER);
+    },
+    color: OptionNames[OptionTypes.NOTIFIER].color,
+    name: OptionNames[OptionTypes.NOTIFIER].name
+  }), /*#__PURE__*/React.createElement(AddNodeOption, {
+    icon: "icon-yewu",
+    type: "handle",
+    onClick: function onClick() {
+      return onOptionClick(OptionTypes.HANDLE);
+    },
+    color: OptionNames[OptionTypes.HANDLE].color,
+    name: OptionNames[OptionTypes.HANDLE].name
+  }), /*#__PURE__*/React.createElement(AddNodeOption, {
+    icon: "icon-ListTree",
+    type: "condition",
+    onClick: function onClick() {
+      return onOptionClick(OptionTypes.CONDITION);
+    },
+    color: OptionNames[OptionTypes.CONDITION].color,
+    name: OptionNames[OptionTypes.CONDITION].name
+  }));
+}
+
+export default AddNodeList;

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

@@ -0,0 +1,11 @@
+import { NodeItem } from '../interface';
+interface IApproverNodeProps {
+    pRef: NodeItem;
+    objRef: NodeItem;
+    onContentClick: () => void;
+    nodeName: string;
+    owner?: string;
+    id: string;
+}
+declare function ApproverNode(props: IApproverNodeProps): JSX.Element;
+export default ApproverNode;

package/es/WorkerFlow/Nodes/Approver.js

@@ -0,0 +1,53 @@
+import _IconFont from "@cloud-app-dev/basic-components/es/IconFont";
+import React, { useContext } from 'react';
+import NodeWrap from './Wrap';
+import TitleElement from './TitleElement';
+import WFC from '../OperatorContext';
+
+function ApproverNode(props) {
+  var _useContext = useContext(WFC),
+      onDeleteNode = _useContext.onDeleteNode,
+      onSelectNode = _useContext.onSelectNode;
+
+  function delNode() {
+    onDeleteNode(props.pRef, props.objRef);
+  }
+
+  function onChange(val) {
+    // 数据设置不用去重新渲染
+    props.pRef.childNode.nodeName = val;
+  }
+
+  function onContentClick() {
+    onSelectNode(props.pRef, props.objRef);
+    props.onContentClick && props.onContentClick();
+  } // TODO: 这里读取props数据
+
+
+  var TitleEl = /*#__PURE__*/React.createElement(TitleElement, {
+    icon: "icon-yewu",
+    delNode: delNode,
+    placeholder: props.nodeName,
+    nodeName: props.nodeName,
+    onTitleChange: onChange
+  });
+  return /*#__PURE__*/React.createElement(NodeWrap, {
+    id: props.id,
+    titleStyle: {
+      backgroundColor: '#29CCCC'
+    },
+    onContentClick: onContentClick,
+    title: TitleEl,
+    objRef: props.objRef
+  }, /*#__PURE__*/React.createElement("div", {
+    className: "text"
+  }, props.owner ? /*#__PURE__*/React.createElement("span", {
+    title: props.owner
+  }, props.owner) : /*#__PURE__*/React.createElement("span", {
+    className: "placeholder"
+  }, "\u8BF7\u9009\u62E9\u5BA1\u6838\u4EBA"), /*#__PURE__*/React.createElement(_IconFont, {
+    type: "icon-S_Arrow_SmallRight"
+  })));
+}
+
+export default ApproverNode;

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

@@ -0,0 +1,9 @@
+import { NodeItem } from '../interface';
+interface IConditionNodeProps {
+    conditionNodes: NodeItem[];
+    pRef: NodeItem;
+    objRef: NodeItem;
+    id: string;
+}
+declare function ConditionNode({ conditionNodes: branches, objRef, pRef, id }: IConditionNodeProps): JSX.Element;
+export default ConditionNode;

package/es/WorkerFlow/Nodes/Condition.js

@@ -0,0 +1,154 @@
+import _IconFont from "@cloud-app-dev/basic-components/es/IconFont";
+import React, { useContext } from 'react';
+import AddNode from './Add';
+import Render from './Render';
+import { NodeTypes } from './Constants';
+import WFC from '../OperatorContext';
+
+function CoverLine(_ref) {
+  var _ref$first = _ref.first,
+      first = _ref$first === void 0 ? false : _ref$first,
+      _ref$last = _ref.last,
+      last = _ref$last === void 0 ? false : _ref$last;
+  return /*#__PURE__*/React.createElement(React.Fragment, null, first && /*#__PURE__*/React.createElement("div", {
+    className: "top-left-cover-line"
+  }), first && /*#__PURE__*/React.createElement("div", {
+    className: "bottom-left-cover-line"
+  }), last && /*#__PURE__*/React.createElement("div", {
+    className: "top-right-cover-line"
+  }), last && /*#__PURE__*/React.createElement("div", {
+    className: "bottom-right-cover-line"
+  }));
+}
+
+function BranchNode(_ref2) {
+  var first = _ref2.first,
+      last = _ref2.last,
+      sortLeft = _ref2.sortLeft,
+      owner = _ref2.owner,
+      nodeName = _ref2.nodeName,
+      priorityLevel = _ref2.priorityLevel,
+      delBranch = _ref2.delBranch,
+      sortRight = _ref2.sortRight,
+      onBranchClick = _ref2.onBranchClick,
+      objRef = _ref2.objRef,
+      id = _ref2.id;
+  return /*#__PURE__*/React.createElement("div", {
+    className: "condition-node"
+  }, /*#__PURE__*/React.createElement("div", {
+    className: "condition-node-box"
+  }, /*#__PURE__*/React.createElement("div", {
+    className: "auto-judge",
+    id: id
+  }, !first && /*#__PURE__*/React.createElement("div", {
+    className: "sort-left",
+    onClick: sortLeft
+  }), /*#__PURE__*/React.createElement("div", {
+    className: "title-wrapper"
+  }, /*#__PURE__*/React.createElement("span", {
+    className: "editable-title"
+  }, nodeName), /*#__PURE__*/React.createElement("span", {
+    className: "priority-title"
+  }, "\u4F18\u5148\u7EA7", priorityLevel), /*#__PURE__*/React.createElement(_IconFont, {
+    className: "worker-flow-node-del",
+    type: "icon-MarkNo",
+    onClick: delBranch
+  })), !last && /*#__PURE__*/React.createElement("div", {
+    className: "sort-right",
+    onClick: sortRight
+  }), /*#__PURE__*/React.createElement("div", {
+    className: "content",
+    onClick: function onClick() {
+      return onBranchClick(objRef);
+    }
+  }, /*#__PURE__*/React.createElement("div", {
+    className: "text"
+  }, owner ? /*#__PURE__*/React.createElement("span", {
+    title: owner
+  }, owner) : /*#__PURE__*/React.createElement("span", {
+    className: "placeholder"
+  }, "\u8BF7\u8BBE\u7F6E\u6761\u4EF6"), /*#__PURE__*/React.createElement(_IconFont, {
+    type: "icon-S_Arrow_SmallRight"
+  })))), /*#__PURE__*/React.createElement(AddNode, {
+    objRef: objRef
+  })));
+}
+
+function ConditionNode(_ref3) {
+  var _ref3$conditionNodes = _ref3.conditionNodes,
+      branches = _ref3$conditionNodes === void 0 ? [] : _ref3$conditionNodes,
+      objRef = _ref3.objRef,
+      pRef = _ref3.pRef,
+      id = _ref3.id;
+
+  var _useContext = useContext(WFC),
+      onAddNode = _useContext.onAddNode,
+      onDeleteNode = _useContext.onDeleteNode,
+      onSelectNode = _useContext.onSelectNode;
+
+  function addBranch() {
+    onAddNode(NodeTypes.BRANCH, pRef, objRef);
+  }
+
+  function _delBranch(i) {
+    if (branches.length === 2) {
+      onDeleteNode(pRef, objRef);
+      return;
+    }
+
+    console.log('delBranch(i)', i);
+    onDeleteNode(pRef, objRef, NodeTypes.BRANCH, i);
+  }
+
+  function sortLeft() {}
+
+  function sortRight() {}
+
+  function onBranchClick(objRef) {
+    onSelectNode(objRef, objRef);
+  }
+
+  if (!Array.isArray(branches) || branches.length === 0) {
+    return null;
+  }
+
+  return /*#__PURE__*/React.createElement("div", {
+    className: "branch-wrap"
+  }, /*#__PURE__*/React.createElement("div", {
+    className: "branch-box-wrap"
+  }, /*#__PURE__*/React.createElement("div", {
+    className: "branch-box"
+  }, /*#__PURE__*/React.createElement("button", {
+    className: "add-branch",
+    onClick: addBranch,
+    id: id
+  }, "\u6DFB\u52A0\u6761\u4EF6"), branches.map(function (item, index) {
+    return /*#__PURE__*/React.createElement("div", {
+      className: "col-box",
+      key: index.toString()
+    }, /*#__PURE__*/React.createElement(BranchNode, Object.assign({}, item, {
+      nodeName: item.nodeName,
+      priorityLevel: item.priorityLevel,
+      owner: item.owner,
+      sortLeft: sortLeft,
+      sortRight: sortRight,
+      first: index === 0,
+      onBranchClick: onBranchClick,
+      delBranch: function delBranch() {
+        return _delBranch(index);
+      },
+      last: index === branches.length - 1,
+      objRef: item
+    })), item.childNode && /*#__PURE__*/React.createElement(Render, {
+      pRef: item,
+      config: item.childNode
+    }), /*#__PURE__*/React.createElement(CoverLine, {
+      first: index === 0,
+      last: index === branches.length - 1
+    }));
+  })), /*#__PURE__*/React.createElement(AddNode, {
+    objRef: objRef
+  })));
+}
+
+export default ConditionNode;

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

@@ -0,0 +1,34 @@
+import { MutipleUserHandleType, NodeItem, NodeType, NodeTypeKey, UserSetType } from '../interface';
+export declare const OptionTypes: {
+    [key in NodeTypeKey]: NodeType;
+};
+export declare const UserSetOptions: {
+    [key in UserSetType]: {
+        label: string;
+        value: UserSetType;
+    };
+};
+export declare const UserHandleTypeOptions: {
+    [key in MutipleUserHandleType]: {
+        label: string;
+        value: MutipleUserHandleType;
+        desc: string;
+    };
+};
+export declare const NodeTypes: {
+    START: number;
+    APPROVER: NodeType;
+    NOTIFIER: NodeType;
+    BRANCH: NodeType;
+    CONDITION: NodeType;
+    HANDLE: NodeType;
+};
+export declare const OptionNames: {
+    [key: number]: {
+        name: string;
+        color: string;
+    };
+};
+export declare const NodeTemplates: {
+    [key: number]: () => NodeItem;
+};

package/es/WorkerFlow/Nodes/Constants.js

@@ -0,0 +1,110 @@
+var _OptionNames, _NodeTemplates;
+
+function _defineProperty(obj, key, value) { if (key in obj) { Object.defineProperty(obj, key, { value: value, enumerable: true, configurable: true, writable: true }); } else { obj[key] = value; } return obj; }
+
+import { createId } from '../XML/utils'; // 添加节点类型
+
+export var OptionTypes = {
+  APPROVER: 1,
+  NOTIFIER: 2,
+  BRANCH: 3,
+  CONDITION: 4,
+  HANDLE: 5
+}; //人员类型
+
+export var UserSetOptions = {
+  1: {
+    label: '指定人员',
+    value: 1
+  },
+  2: {
+    label: '自选人员',
+    value: 2
+  },
+  3: {
+    label: '岗位',
+    value: 3
+  },
+  4: {
+    label: '直属主管',
+    value: 4
+  },
+  5: {
+    label: '连续多级主管',
+    value: 5
+  }
+};
+export var UserHandleTypeOptions = {
+  1: {
+    label: '会签',
+    value: 1,
+    desc: '须所有审批人同意'
+  },
+  2: {
+    label: '或签',
+    value: 2,
+    desc: '一名审批人同意或拒绝即可'
+  }
+};
+export var NodeTypes = Object.assign(Object.assign({}, OptionTypes), {
+  START: 0
+}); // 节点类型默认标题名
+
+export var OptionNames = (_OptionNames = {}, _defineProperty(_OptionNames, OptionTypes.APPROVER, {
+  name: '审批人',
+  color: 'rgb(41, 204, 204)'
+}), _defineProperty(_OptionNames, OptionTypes.NOTIFIER, {
+  name: '抄送人',
+  color: 'rgb(25, 140, 255)'
+}), _defineProperty(_OptionNames, OptionTypes.CONDITION, {
+  name: '条件分支',
+  color: '#15bc83'
+}), _defineProperty(_OptionNames, OptionTypes.HANDLE, {
+  name: '办理人',
+  color: 'rgb(255, 179, 25)'
+}), _OptionNames); // 节点模板
+
+export var NodeTemplates = (_NodeTemplates = {}, _defineProperty(_NodeTemplates, OptionTypes.APPROVER, function () {
+  return {
+    id: createId('UserTask'),
+    nodeName: '审核人',
+    type: OptionTypes.APPROVER,
+    nodeUserList: [],
+    bpmnType: 'userTask'
+  };
+}), _defineProperty(_NodeTemplates, OptionTypes.HANDLE, function () {
+  return {
+    id: createId('UserTask'),
+    nodeName: '办理人',
+    type: OptionTypes.HANDLE,
+    nodeUserList: [],
+    bpmnType: 'userTask'
+  };
+}), _defineProperty(_NodeTemplates, OptionTypes.NOTIFIER, function () {
+  return {
+    id: createId('UserTask'),
+    nodeName: '抄送人',
+    type: OptionTypes.NOTIFIER,
+    nodeUserList: [],
+    bpmnType: 'userTask'
+  };
+}), _defineProperty(_NodeTemplates, OptionTypes.CONDITION, function () {
+  return {
+    id: createId('ExclusiveGateway'),
+    nodeName: '路由',
+    type: OptionTypes.CONDITION,
+    childNode: null,
+    conditionNodes: [],
+    bpmnType: 'exclusiveGateway'
+  };
+}), _defineProperty(_NodeTemplates, OptionTypes.BRANCH, function () {
+  return {
+    id: createId('SequenceFlow'),
+    nodeName: '条件',
+    type: OptionTypes.BRANCH,
+    conditionList: [],
+    nodeUserList: [],
+    childNode: null,
+    bpmnType: 'sequenceFlow'
+  };
+}), _NodeTemplates);

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

@@ -0,0 +1,6 @@
+interface IEndNodeProps {
+    id: string;
+    nodeName: string;
+}
+declare function EndNode({ id, nodeName }: IEndNodeProps): JSX.Element;
+export default EndNode;

package/es/WorkerFlow/Nodes/End.js

@@ -0,0 +1,16 @@
+import React from 'react';
+
+function EndNode(_ref) {
+  var id = _ref.id,
+      nodeName = _ref.nodeName;
+  return /*#__PURE__*/React.createElement("div", {
+    className: "end-node"
+  }, /*#__PURE__*/React.createElement("div", {
+    className: "end-node-circle",
+    id: id
+  }), /*#__PURE__*/React.createElement("div", {
+    className: "end-node-text"
+  }, nodeName));
+}
+
+export default EndNode;

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

@@ -0,0 +1,11 @@
+import { NodeItem } from '../interface';
+interface IHandleNodeProps {
+    pRef: NodeItem;
+    objRef: NodeItem;
+    onContentClick: () => void;
+    nodeName: string;
+    owner?: string;
+    id: string;
+}
+declare function HandleNode(props: IHandleNodeProps): JSX.Element;
+export default HandleNode;

package/es/WorkerFlow/Nodes/Handle.js

@@ -0,0 +1,53 @@
+import _IconFont from "@cloud-app-dev/basic-components/es/IconFont";
+import React, { useContext } from 'react';
+import NodeWrap from './Wrap';
+import TitleElement from './TitleElement';
+import WFC from '../OperatorContext';
+
+function HandleNode(props) {
+  var _useContext = useContext(WFC),
+      onDeleteNode = _useContext.onDeleteNode,
+      onSelectNode = _useContext.onSelectNode;
+
+  function delNode() {
+    onDeleteNode(props.pRef, props.objRef);
+  }
+
+  function onChange(val) {
+    // 数据设置不用去重新渲染
+    props.pRef.childNode.nodeName = val;
+  }
+
+  function onContentClick() {
+    onSelectNode(props.pRef, props.objRef);
+    props.onContentClick && props.onContentClick();
+  } // TODO: 这里读取props数据
+
+
+  var TitleEl = /*#__PURE__*/React.createElement(TitleElement, {
+    icon: "icon-yewu",
+    delNode: delNode,
+    placeholder: props.nodeName,
+    nodeName: props.nodeName,
+    onTitleChange: onChange
+  });
+  return /*#__PURE__*/React.createElement(NodeWrap, {
+    id: props.id,
+    titleStyle: {
+      backgroundColor: '#FFB319'
+    },
+    onContentClick: onContentClick,
+    title: TitleEl,
+    objRef: props.objRef
+  }, /*#__PURE__*/React.createElement("div", {
+    className: "text"
+  }, props.owner ? /*#__PURE__*/React.createElement("span", {
+    title: props.owner
+  }, props.owner) : /*#__PURE__*/React.createElement("span", {
+    className: "placeholder"
+  }, "\u8BF7\u9009\u62E9\u529E\u7406\u4EBA"), /*#__PURE__*/React.createElement(_IconFont, {
+    type: "icon-S_Arrow_SmallRight"
+  })));
+}
+
+export default HandleNode;

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

@@ -0,0 +1,7 @@
+import { NodeItem } from '../interface';
+interface IMatchNodeProps {
+    config: NodeItem;
+    pRef: NodeItem;
+}
+declare function MatchNode({ config, pRef }: IMatchNodeProps): JSX.Element;
+export default MatchNode;

package/es/WorkerFlow/Nodes/Node.js

@@ -0,0 +1,26 @@
+import React from 'react';
+import StartNode from './Start';
+import ApproverNode from './Approver';
+import NotifierNode from './Notifier';
+import ConditionNode from './Condition';
+import HandleNode from './Handle';
+var NodeMaps = {
+  0: StartNode,
+  1: ApproverNode,
+  2: NotifierNode,
+  4: ConditionNode,
+  5: HandleNode
+};
+
+function MatchNode(_ref) {
+  var config = _ref.config,
+      pRef = _ref.pRef;
+  var Node = NodeMaps[config.type] || null;
+  return Node && /*#__PURE__*/React.createElement(Node, Object.assign({}, config, {
+    objRef: config,
+    pRef: pRef,
+    key: config.id
+  }));
+}
+
+export default MatchNode;

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

@@ -0,0 +1,11 @@
+import { NodeItem } from '../interface';
+interface INotifierNodeProps {
+    pRef: NodeItem;
+    objRef: NodeItem;
+    onContentClick?: () => void;
+    nodeName: string;
+    owner?: string;
+    id: string;
+}
+declare function NotifierNode({ pRef, objRef, onContentClick, nodeName, owner, id }: INotifierNodeProps): JSX.Element;
+export default NotifierNode;

package/es/WorkerFlow/Nodes/Notifier.js

@@ -0,0 +1,58 @@
+import _IconFont from "@cloud-app-dev/basic-components/es/IconFont";
+import React, { useContext } from 'react';
+import NodeWrap from './Wrap';
+import TitleElement from './TitleElement';
+import WFC from '../OperatorContext';
+
+function NotifierNode(_ref) {
+  var pRef = _ref.pRef,
+      objRef = _ref.objRef,
+      onContentClick = _ref.onContentClick,
+      nodeName = _ref.nodeName,
+      owner = _ref.owner,
+      id = _ref.id;
+
+  var _useContext = useContext(WFC),
+      onDeleteNode = _useContext.onDeleteNode,
+      onSelectNode = _useContext.onSelectNode;
+
+  function delNode() {
+    onDeleteNode(pRef, objRef);
+  }
+
+  function onChange(val) {
+    pRef.childNode.nodeName = val;
+  }
+
+  function onContentClickAction() {
+    onSelectNode(pRef, objRef);
+    onContentClick && onContentClick();
+  }
+
+  var TitleEl = /*#__PURE__*/React.createElement(TitleElement, {
+    icon: "icon-biaoqian",
+    delNode: delNode,
+    placeholder: nodeName,
+    nodeName: nodeName,
+    onTitleChange: onChange
+  });
+  return /*#__PURE__*/React.createElement(NodeWrap, {
+    id: id,
+    titleStyle: {
+      backgroundColor: '#198CFF'
+    },
+    onContentClick: onContentClickAction,
+    title: TitleEl,
+    objRef: objRef
+  }, /*#__PURE__*/React.createElement("div", {
+    className: "text"
+  }, owner ? /*#__PURE__*/React.createElement("span", {
+    title: owner
+  }, owner) : /*#__PURE__*/React.createElement("span", {
+    className: "placeholder"
+  }, "\u8BF7\u9009\u62E9\u6284\u9001\u4EBA"), /*#__PURE__*/React.createElement(_IconFont, {
+    type: "icon-S_Arrow_SmallRight"
+  })));
+}
+
+export default NotifierNode;

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

@@ -0,0 +1,7 @@
+import { NodeItem } from '../interface';
+interface IRenderProps {
+    config: NodeItem;
+    pRef?: NodeItem;
+}
+declare function Render({ config, pRef }: IRenderProps): JSX.Element;
+export default Render;

package/es/WorkerFlow/Nodes/Render.js

@@ -0,0 +1,16 @@
+import React from 'react';
+import MatchNode from './Node';
+
+function Render(_ref) {
+  var config = _ref.config,
+      pRef = _ref.pRef;
+  return /*#__PURE__*/React.createElement(React.Fragment, null, /*#__PURE__*/React.createElement(MatchNode, {
+    pRef: pRef,
+    config: config
+  }), config.childNode && /*#__PURE__*/React.createElement(Render, {
+    pRef: config,
+    config: config.childNode
+  }));
+}
+
+export default Render;