@cloud-app-dev/vidc 1.0.12 → 1.0.16

package/es/WorkerFlow/index.js

@@ -0,0 +1,223 @@
+import _Modal from "@cloud-app-dev/basic-components/es/Modal";
+
+function _toConsumableArray(arr) { return _arrayWithoutHoles(arr) || _iterableToArray(arr) || _unsupportedIterableToArray(arr) || _nonIterableSpread(); }
+
+function _nonIterableSpread() { throw new TypeError("Invalid attempt to spread non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method."); }
+
+function _iterableToArray(iter) { if (typeof Symbol !== "undefined" && iter[Symbol.iterator] != null || iter["@@iterator"] != null) return Array.from(iter); }
+
+function _arrayWithoutHoles(arr) { if (Array.isArray(arr)) return _arrayLikeToArray(arr); }
+
+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 { __awaiter } from "tslib";
+import React, { useMemo, useState } from 'react';
+import EndNode from './Nodes/End';
+import Render from './Nodes/Render';
+import Tools from './Tools';
+import WFC from './OperatorContext';
+import { OptionTypes, NodeTemplates, NodeTypes } from './Nodes/Constants';
+import { transformJsonToXML, exportBpmnFile as _exportBpmnFile } from './XML';
+import { getEndEventId } from './XML/utils';
+import useDrawer from './useDrawer';
+import HandleForm from './Form/Handle';
+import ApproverForm from './Form/Approver';
+import ConditionForm from './Form/Condition';
+import "./index.css";
+var FormMap = {
+  1: ApproverForm,
+  3: ConditionForm,
+  5: HandleForm
+};
+
+function WorkFlow(_ref) {
+  var _data = _ref.data,
+      _ref$form = _ref.form,
+      form = _ref$form === void 0 ? [] : _ref$form;
+
+  var _useState = useState(_data.nodeConfig),
+      _useState2 = _slicedToArray(_useState, 2),
+      config = _useState2[0],
+      setConfig = _useState2[1];
+
+  var drawer = useDrawer();
+
+  function updateNode() {
+    setConfig(Object.assign({}, config));
+  } // 链表操作: 几种行为， 添加行为，删除行为，点击行为     pRef.childNode -> objRef.childNode -> 后继
+  // 添加节点
+
+
+  function onAddNode(type, pRef, objRef) {
+    var o = objRef.childNode;
+
+    if (type === OptionTypes.APPROVER) {
+      objRef.childNode = Object.assign(Object.assign({}, NodeTemplates[OptionTypes.APPROVER]()), {
+        childNode: o
+      });
+    }
+
+    if (type === OptionTypes.HANDLE) {
+      objRef.childNode = Object.assign(Object.assign({}, NodeTemplates[OptionTypes.HANDLE]()), {
+        childNode: o
+      });
+    }
+
+    if (type === OptionTypes.NOTIFIER) {
+      objRef.childNode = Object.assign(Object.assign({}, NodeTemplates[OptionTypes.NOTIFIER]()), {
+        childNode: o
+      });
+    }
+
+    if (type === OptionTypes.CONDITION) {
+      objRef.childNode = Object.assign(Object.assign({}, NodeTemplates[OptionTypes.CONDITION]()), {
+        conditionNodes: [Object.assign(Object.assign({}, NodeTemplates[OptionTypes.BRANCH]()), {
+          nodeName: '条件1',
+          priorityLevel: 1,
+          childNode: o
+        }), Object.assign(Object.assign({}, NodeTemplates[OptionTypes.BRANCH]()), {
+          nodeName: '条件2',
+          priorityLevel: 2
+        })]
+      });
+    }
+
+    if (type === OptionTypes.BRANCH) {
+      objRef.conditionNodes.push(Object.assign(Object.assign({}, NodeTemplates[NodeTypes.BRANCH]()), {
+        priorityLevel: objRef.conditionNodes.length + 1
+      }));
+    }
+
+    updateNode();
+  } // 删除节点
+
+
+  function onDeleteNode(pRef, objRef, type, index) {
+    var _this = this;
+
+    var options = {
+      title: "\u662F\u5426\u5220\u9664\u8282\u70B9\"".concat(objRef.nodeName, "\"\uFF1F"),
+      okText: '确定',
+      cancelText: '取消'
+    };
+
+    var onOk = function onOk() {
+      return __awaiter(_this, void 0, void 0, /*#__PURE__*/regeneratorRuntime.mark(function _callee() {
+        var newObj;
+        return regeneratorRuntime.wrap(function _callee$(_context) {
+          while (1) {
+            switch (_context.prev = _context.next) {
+              case 0:
+                if (type === NodeTypes.BRANCH) {
+                  console.log(_toConsumableArray(objRef.conditionNodes), index);
+                  objRef.conditionNodes.splice(index, 1);
+                  console.log(objRef.conditionNodes);
+                } else {
+                  newObj = objRef.childNode;
+                  pRef.childNode = newObj;
+                }
+
+                updateNode();
+
+              case 2:
+              case "end":
+                return _context.stop();
+            }
+          }
+        }, _callee);
+      }));
+    };
+
+    _Modal.confirm(Object.assign(Object.assign({}, options), {
+      onOk: onOk
+    }));
+  } // 获取节点
+
+
+  function onSelectNode(pRef, objRef) {
+    var data = {};
+    var currentNode = {
+      current: objRef,
+      prev: pRef
+    };
+    var formKeys = Object.keys(FormMap);
+
+    var onChange = function onChange(options) {
+      data = Object.assign(Object.assign({}, data), options);
+      console.log(data);
+    };
+
+    var onOk = function onOk() {
+      objRef.nodeUserList = data.nodeUserList || [];
+      objRef.form = data.form || [];
+      objRef.userType = data.userType;
+      objRef.usersHandType = data.usersHandType;
+      objRef.owner = data.nodeUserList.map(function (v) {
+        return v.name;
+      }).join(',');
+      drawer.close();
+      console.log(objRef, data);
+      updateNode();
+    };
+
+    if (formKeys.map(function (v) {
+      return +v;
+    }).includes(objRef.type)) {
+      var FormContent = FormMap[objRef.type];
+      drawer.open({
+        title: objRef.nodeName,
+        width: 600,
+        content: /*#__PURE__*/React.createElement(FormContent, {
+          form: form,
+          item: objRef,
+          onChange: onChange
+        }),
+        onOk: onOk
+      });
+    }
+
+    console.log('currentNode:', currentNode);
+  }
+
+  var endId = useMemo(function () {
+    return getEndEventId(_data);
+  }, []);
+  return /*#__PURE__*/React.createElement(WFC.Provider, {
+    value: {
+      config: config,
+      form: form,
+      updateNode: updateNode,
+      onAddNode: onAddNode,
+      onDeleteNode: onDeleteNode,
+      onSelectNode: onSelectNode
+    }
+  }, /*#__PURE__*/React.createElement("div", {
+    className: "worker-flow-container"
+  }, /*#__PURE__*/React.createElement("section", {
+    className: "worker-flow-design"
+  }, /*#__PURE__*/React.createElement(Tools, {
+    onCreateXML: function onCreateXML() {
+      return transformJsonToXML(_data);
+    },
+    exportBpmnFile: function exportBpmnFile() {
+      return _exportBpmnFile(_data);
+    }
+  }, /*#__PURE__*/React.createElement(Render, {
+    config: config
+  }), /*#__PURE__*/React.createElement(EndNode, {
+    nodeName: "\u6D41\u7A0B\u7ED3\u675F",
+    id: endId
+  })))));
+}
+
+export default WorkFlow;

package/es/WorkerFlow/interface.d.ts

@@ -0,0 +1,58 @@
+export type NodeType = 0 | 1 | 2 | 3 | 4 | 5 | 9; //0开始，1审核，2抄送，3条件判断，4路由，5办理人，9结束
+export type UserSetType = 1 | 2 | 3 | 4 | 5; //1,指定人员;2,自选人员；3，岗位;4,直属主管；5，连续多级主管；
+export type MutipleUserHandleType = 1 | 2; //1,会签，2，或签
+
+export type NodeTypeKey = 'APPROVER' | 'NOTIFIER' | 'BRANCH' | 'CONDITION' | 'HANDLE';
+
+export type BpmnTypeKey = 'startEvent' | 'endEvent' | 'exclusiveGateway' | 'userTask' | 'sequenceFlow';
+
+export type FormAuthType = 1 | 2 | 3; //1,编辑；2，只读；3，隐藏
+
+export type NodeUserType = {
+  name: string;
+  key: 'userId' | 'groupId'; //用户id 或者 用户分组
+  value: string | number;
+  type: 'user' | 'system';
+};
+
+export type WorkerFlowFormType = {
+  name: string;
+  label: string;
+  value: string;
+  type: 'input' | 'select';
+  auth?: FormAuthType;
+  selectType?: 'single' | 'mutiple';
+};
+
+export type NodeItem = {
+  id: string; // ID按规则生成;
+  nodeName: string; //节点名称
+  nodeUserList?: NodeUserType[]; //审核用户，userTask类型存在切必选
+  childNode?: NodeItem; //下一个链接元素
+  conditionNodes?: NodeItem[]; //条件判断集合，路由节点存在
+  type: NodeType; // 自定义类型
+  userType?: UserSetType; //人员设置类型
+  usersHandType?: MutipleUserHandleType; //多人时处理类型
+  conditionList?: { [key: string]: number | string }[]; //条件对象
+  expression?: string; //条件判断模板
+  priorityLevel?: number; // 条件优先级
+  owner?: string; // 显示审核人员文本
+  error?: boolean; // 节点是否出错
+  bpmnType: BpmnTypeKey; // 对于bpmn类型
+  form?: WorkerFlowFormType[];
+};
+
+export interface WorkerFlowContext {
+  config: NodeItem;
+  form: WorkerFlowFormType[];
+  onAddNode: (type: NodeType, pRef: NodeItem, objRef: NodeItem) => void;
+  onDeleteNode: (pRef: NodeItem, objRef: NodeItem, type?: NodeType, index?: number) => void;
+  onSelectNode: (pRef: NodeItem, objRef: NodeItem) => void;
+  updateNode: () => void;
+}
+
+export interface WorkerFlowRequest {
+  id: string;
+  name: string;
+  nodeConfig: NodeItem;
+}

package/es/WorkerFlow/useDrawer.d.ts

@@ -0,0 +1,14 @@
+import React from 'react';
+interface IUseDrawerHookState {
+    content?: React.ReactNode;
+    visible?: boolean;
+    title?: React.ReactNode;
+    onOk?: () => void;
+    width?: number | string;
+    className?: string;
+}
+declare function useDrawer(): {
+    open: (options: IUseDrawerHookState) => void;
+    close: () => void;
+};
+export default useDrawer;

package/es/WorkerFlow/useDrawer.js

@@ -0,0 +1,77 @@
+import _Drawer from "@cloud-app-dev/basic-components/es/Drawer";
+
+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, { useEffect, useMemo, useState } from 'react';
+import ReactDOM from 'react-dom';
+
+function useDrawer() {
+  var div = useMemo(function () {
+    return document.createElement('div');
+  }, []);
+
+  var _useState = useState({
+    content: null,
+    visible: false,
+    title: '',
+    onOk: undefined,
+    width: undefined,
+    className: undefined
+  }),
+      _useState2 = _slicedToArray(_useState, 2),
+      state = _useState2[0],
+      setState = _useState2[1];
+
+  useEffect(function () {
+    document.body.appendChild(div);
+    return function () {
+      document.body.removeChild(div);
+      ReactDOM.unmountComponentAtNode(div);
+      div.remove();
+    };
+  }, []);
+  useEffect(function () {
+    ReactDOM.render( /*#__PURE__*/React.createElement(_Drawer, {
+      visible: state.visible,
+      onOk: state.onOk,
+      onClose: close,
+      destroyOnClose: true,
+      title: state.title,
+      width: state.width,
+      className: state.className
+    }, state.content), div);
+  }, [state.content, state.visible, state.title, state.onOk, state.width, state.className]);
+
+  var open = function open(options) {
+    setState(function (old) {
+      return Object.assign(Object.assign(Object.assign({}, old), options), {
+        visible: true
+      });
+    });
+  };
+
+  var close = function close() {
+    setState(function (old) {
+      return Object.assign(Object.assign({}, old), {
+        visible: false
+      });
+    });
+  };
+
+  return {
+    open: open,
+    close: close
+  };
+}
+
+export default useDrawer;

package/es/WorkerFlow/useModal.d.ts

@@ -0,0 +1,14 @@
+import React from 'react';
+interface IUseModalHookState {
+    content?: React.ReactNode;
+    visible?: boolean;
+    title?: React.ReactNode;
+    onOk?: () => void;
+    width?: number | string;
+    className?: string;
+}
+declare function useModal(): {
+    open: (options: IUseModalHookState) => void;
+    close: () => void;
+};
+export default useModal;

package/es/WorkerFlow/useModal.js

@@ -0,0 +1,79 @@
+import _Modal from "@cloud-app-dev/basic-components/es/Modal";
+
+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, { useEffect, useMemo, useState } from 'react';
+import ReactDOM from 'react-dom';
+
+function useModal() {
+  var div = useMemo(function () {
+    return document.createElement('div');
+  }, []);
+
+  var _useState = useState({
+    content: null,
+    visible: false,
+    title: '',
+    onOk: undefined,
+    width: undefined,
+    className: undefined
+  }),
+      _useState2 = _slicedToArray(_useState, 2),
+      state = _useState2[0],
+      setState = _useState2[1];
+
+  useEffect(function () {
+    document.body.appendChild(div);
+    return function () {
+      document.body.removeChild(div);
+      ReactDOM.unmountComponentAtNode(div);
+      div.remove();
+    };
+  }, []);
+  useEffect(function () {
+    ReactDOM.render( /*#__PURE__*/React.createElement(_Modal, {
+      okText: "\u786E\u5B9A",
+      cancelText: "\u53D6\u6D88",
+      visible: state.visible,
+      onOk: state.onOk,
+      onCancel: close,
+      destroyOnClose: true,
+      title: state.title,
+      width: state.width,
+      className: state.className
+    }, state.content), div);
+  }, [state.content, state.visible, state.title, state.onOk, state.width, state.className]);
+
+  var open = function open(options) {
+    setState(function (old) {
+      return Object.assign(Object.assign(Object.assign({}, old), options), {
+        visible: true
+      });
+    });
+  };
+
+  var close = function close() {
+    setState(function (old) {
+      return Object.assign(Object.assign({}, old), {
+        visible: false
+      });
+    });
+  };
+
+  return {
+    open: open,
+    close: close
+  };
+}
+
+export default useModal;

package/es/core.d.ts

@@ -0,0 +1,16 @@
+export interface HttpResult<T> {
+  code: number;
+  message: string;
+  data: T;
+}
+
+export interface HttpPageResult<T> {
+  code: number;
+  message: string;
+  data: {
+    limit: number;
+    list: T;
+    offset: number;
+    total: number;
+  };
+}

package/es/index.d.ts

@@ -12,3 +12,4 @@ export { default as OrgTree } from './OrgTree';
 export { default as PlaceTree } from './PlaceTree';
 export { default as TreeTitle } from './TreeTitle';
 export { default as Upload } from './Upload';
+export { default as WorkerFlow } from './WorkerFlow';

package/es/index.js

@@ -11,4 +11,5 @@ export { default as List } from './List';
 export { default as OrgTree } from './OrgTree';
 export { default as PlaceTree } from './PlaceTree';
 export { default as TreeTitle } from './TreeTitle';
-export { default as Upload } from './Upload';
+export { default as Upload } from './Upload';
+export { default as WorkerFlow } from './WorkerFlow';

package/package.json

@@ -2,7 +2,7 @@
   "private": false,
   "name": "@cloud-app-dev/vidc",
   "description": "Video Image Data Componennts",
-  "version": "1.0.12",
+  "version": "1.0.16",
   "scripts": {
     "start": "dumi dev",
     "docs:build": "dumi build",
@@ -30,14 +30,19 @@
     ]
   },
   "dependencies": {
+    "@logicflow/core": "^0.7.0",
+    "@types/chroma-js": "^2.1.3",
+    "bpmn-moddle": "^7.1.2",
+    "chroma-js": "^2.1.2",
     "jsencrypt": "^3.2.1",
     "lodash": "^4.17.21",
     "mobx": "^6.3.2",
     "rc-queue-anim": "^2.0.0"
   },
   "devDependencies": {
-    "@cloud-app-dev/basic-components": "^1.0.14",
+    "@cloud-app-dev/basic-components": "^1.0.29",
     "@cloud-app-dev/utils": "^1.0.0",
+    "@types/bpmn-moddle": "^5.1.5",
     "@types/lodash": "^4.14.172",
     "@umijs/test": "^3.0.5",
     "babel-plugin-import": "^1.13.3",

package/tsconfig.json

@@ -24,6 +24,7 @@
     "noUnusedLocals": true,
     "experimentalDecorators": true,
     "skipLibCheck": true,
+    "resolveJsonModule": true,
     "paths": {
       "@/*": ["src/*"],
       "@@/*": ["src/.umi/*"],