@cloud-app-dev/vidc 1.0.12 → 1.0.16

package/es/WorkerFlow/Form/FormAuth.js

@@ -0,0 +1,116 @@
+import "antd/lib/radio/style/css";
+import _Radio from "antd/lib/radio";
+import "antd/lib/table/style/css";
+import _Table from "antd/lib/table";
+import _ContentBox from "@cloud-app-dev/basic-components/es/ContentBox";
+
+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 React, { useCallback, useEffect, useState } from 'react';
+import { cloneDeep } from 'lodash';
+
+function FormAuth(_ref) {
+  var form = _ref.form,
+      onChange = _ref.onChange;
+
+  var _useState = useState({
+    form: cloneDeep(form)
+  }),
+      _useState2 = _slicedToArray(_useState, 2),
+      state = _useState2[0],
+      setState = _useState2[1];
+
+  var onFormAuthChange = useCallback(function (options) {
+    var newForm = state.form;
+    newForm.forEach(function (item) {
+      if (item.name === options.name) {
+        item.auth = options.auth;
+      }
+    });
+    console.log(newForm);
+    setState(function (old) {
+      return Object.assign(Object.assign({}, old), {
+        form: _toConsumableArray(newForm)
+      });
+    });
+  }, [state.form]);
+  useEffect(function () {
+    return onChange(state.form);
+  }, [state.form]);
+  return /*#__PURE__*/React.createElement(_ContentBox.InfoBox, {
+    className: "user-form-auth-layout",
+    title: "\u8868\u5355\u64CD\u4F5C\u6743\u9650"
+  }, /*#__PURE__*/React.createElement(_Table, {
+    className: "user-form-table",
+    pagination: false,
+    rowKey: "name",
+    columns: [{
+      title: '表单字段',
+      dataIndex: 'label',
+      align: 'center'
+    }, {
+      title: '可编辑',
+      align: 'center',
+      render: function render(item) {
+        return /*#__PURE__*/React.createElement(_Radio, {
+          checked: item.auth === 1,
+          onClick: function onClick() {
+            return onFormAuthChange({
+              name: item.name,
+              auth: 1
+            });
+          }
+        });
+      }
+    }, {
+      title: '只读',
+      align: 'center',
+      render: function render(item) {
+        return /*#__PURE__*/React.createElement(_Radio, {
+          checked: item.auth === 2,
+          onClick: function onClick() {
+            return onFormAuthChange({
+              name: item.name,
+              auth: 2
+            });
+          }
+        });
+      }
+    }, {
+      title: '隐藏',
+      align: 'center',
+      render: function render(item) {
+        return /*#__PURE__*/React.createElement(_Radio, {
+          checked: item.auth === 3,
+          onClick: function onClick() {
+            return onFormAuthChange({
+              name: item.name,
+              auth: 3
+            });
+          }
+        });
+      }
+    }],
+    dataSource: state.form
+  }));
+}
+
+export default FormAuth;

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

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

package/es/WorkerFlow/Form/Handle.js

@@ -0,0 +1,19 @@
+import React from 'react';
+import UserSet from './UserSet';
+import FormAuth from './FormAuth';
+
+function HandleForm(_ref) {
+  var form = _ref.form,
+      item = _ref.item,
+      onChange = _ref.onChange;
+  return /*#__PURE__*/React.createElement("div", null, /*#__PURE__*/React.createElement(UserSet, {
+    userType: item.userType,
+    nodeUserList: item.nodeUserList,
+    onChange: onChange
+  }), /*#__PURE__*/React.createElement(FormAuth, {
+    form: form,
+    onChange: onChange
+  }));
+}
+
+export default HandleForm;

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

@@ -0,0 +1,7 @@
+import { NodeUserType } from '../interface';
+interface IUserSelectProps {
+    userList: NodeUserType[];
+    onChange?: (users: NodeUserType[]) => void;
+}
+declare function UserSelect({ userList }: IUserSelectProps): JSX.Element;
+export default UserSelect;

package/es/WorkerFlow/Form/UserSelect.js

@@ -0,0 +1,253 @@
+import _useHttp2 from "@cloud-app-dev/basic-components/es/useHttp";
+import "antd/lib/tag/style/css";
+import _Tag from "antd/lib/tag";
+import _IconFont from "@cloud-app-dev/basic-components/es/IconFont";
+import "antd/lib/button/style/css";
+import _Button from "antd/lib/button";
+import "antd/lib/message/style/css";
+import _message from "antd/lib/message";
+
+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, { useCallback, useMemo, useRef, useState, forwardRef, useImperativeHandle, useEffect } from 'react';
+import useModal from '../useModal';
+import api from '../api';
+import OrgTree from '@/OrgTree';
+import { treeHelper } from '@cloud-app-dev/utils';
+import List from '../../List';
+import _, { uniq } from 'lodash';
+import chroma from 'chroma-js';
+
+function UserSelect(_ref) {
+  var _this = this;
+
+  var _ref$userList = _ref.userList,
+      userList = _ref$userList === void 0 ? [] : _ref$userList;
+
+  var _useState = useState({
+    userList: userList
+  }),
+      _useState2 = _slicedToArray(_useState, 2),
+      state = _useState2[0],
+      setState = _useState2[1];
+
+  var modal = useModal();
+  var cRef = useRef(null);
+  var color = useMemo(function () {
+    var c = getComputedStyle(document.querySelector(':root')).getPropertyValue('--primary');
+
+    var col = _.replace(c, ' ', '');
+
+    return chroma(col).alpha(0.5).hex('rgba');
+  }, []);
+  var userModify = useCallback(function () {
+    modal.open({
+      title: '添加人员',
+      content: /*#__PURE__*/React.createElement(SelectContent, {
+        selectUsers: state.userList,
+        ref: cRef
+      }),
+      width: 800,
+      onOk: function onOk() {
+        return __awaiter(_this, void 0, void 0, /*#__PURE__*/regeneratorRuntime.mark(function _callee() {
+          return regeneratorRuntime.wrap(function _callee$(_context) {
+            while (1) {
+              switch (_context.prev = _context.next) {
+                case 0:
+                  if (!(cRef.current.userList.length > 20)) {
+                    _context.next = 2;
+                    break;
+                  }
+
+                  return _context.abrupt("return", _message.warn('最多能选择20人！'));
+
+                case 2:
+                  setState(function (old) {
+                    return Object.assign(Object.assign({}, old), {
+                      userList: cRef.current.userList
+                    });
+                  });
+                  modal.close();
+
+                case 4:
+                case "end":
+                  return _context.stop();
+              }
+            }
+          }, _callee);
+        }));
+      }
+    });
+  }, [state.userList]);
+  return /*#__PURE__*/React.createElement("div", {
+    className: "user-select-component"
+  }, /*#__PURE__*/React.createElement("div", {
+    className: "user-select-tools"
+  }, /*#__PURE__*/React.createElement(_Button, {
+    icon: /*#__PURE__*/React.createElement(_IconFont, {
+      type: "icon-S_Edit_Draw"
+    }),
+    type: "primary",
+    onClick: userModify
+  }, state.userList.length === 0 ? '添加人员' : '修改人员'), /*#__PURE__*/React.createElement("span", {
+    className: "placeholder"
+  }, "\u4E0D\u80FD\u8D85\u8FC720\u4EBA")), /*#__PURE__*/React.createElement("div", {
+    className: "user-list-wrapper"
+  }, state.userList.map(function (v) {
+    return /*#__PURE__*/React.createElement(_Tag, {
+      closable: true,
+      key: v.value,
+      color: color
+    }, v.name);
+  })));
+}
+
+var SelectContent = /*#__PURE__*/forwardRef(function SelectContentContent(_ref2, ref) {
+  var selectUsers = _ref2.selectUsers;
+
+  var _useState3 = useState({
+    keyword1: '',
+    keyword2: '',
+    orgId: '',
+    selectUsers: selectUsers,
+    selectIds: selectUsers.map(function (v) {
+      return v.value;
+    })
+  }),
+      _useState4 = _slicedToArray(_useState3, 2),
+      state = _useState4[0],
+      setState = _useState4[1];
+
+  var _useHttp = _useHttp2('QueryOrgList', function () {
+    return api.getOrgs();
+  }),
+      _useHttp$data = _useHttp.data,
+      orgList = _useHttp$data === void 0 ? [] : _useHttp$data;
+
+  var treeData = useMemo(function () {
+    return treeHelper.computTreeList(orgList);
+  }, [orgList]);
+  var selectId = useMemo(function () {
+    return state.orgId ? state.orgId : treeData[0] ? treeData[0].id : undefined;
+  }, [treeData, state.orgId]);
+
+  var _useHttp3 = _useHttp2(['QueryUserList', selectId], function (_ref3) {
+    var _ref4 = _slicedToArray(_ref3, 2),
+        _ = _ref4[0],
+        id = _ref4[1];
+
+    return id ? api.getUsers(id) : Promise.resolve();
+  }),
+      _useHttp3$data = _useHttp3.data,
+      userList = _useHttp3$data === void 0 ? [] : _useHttp3$data;
+
+  var onUserChecked1 = useCallback(function (ids) {
+    var items = userList.filter(function (v) {
+      return ids.includes(v.id);
+    });
+    var arr = [];
+    items.forEach(function (item) {
+      arr.push({
+        key: 'userId',
+        type: 'user',
+        name: item.realName,
+        value: item.id
+      });
+    });
+    setState(function (old) {
+      return Object.assign(Object.assign({}, old), {
+        selectUsers: arr,
+        selectIds: uniq([].concat(_toConsumableArray(old.selectIds), _toConsumableArray(ids)))
+      });
+    });
+  }, [userList]);
+  var onUserChecked2 = useCallback(function (ids) {
+    return setState(function (old) {
+      return Object.assign(Object.assign({}, old), {
+        selectIds: ids
+      });
+    });
+  }, []);
+  var list1CheckedKeys = useMemo(function () {
+    return _.intersectionWith(userList, state.selectUsers, function (a, b) {
+      return a.id === b.value;
+    }).map(function (v) {
+      return v.id;
+    });
+  }, [userList, state.selectUsers]);
+  useImperativeHandle(ref, function () {
+    return {
+      userList: state.selectUsers.filter(function (v) {
+        return state.selectIds.includes(v.value);
+      })
+    };
+  }, [state.selectUsers]);
+  useEffect(function () {
+    console.log(treeData);
+  }, [treeData]);
+  return /*#__PURE__*/React.createElement("div", {
+    className: "user-select-modal-content"
+  }, /*#__PURE__*/React.createElement(OrgTree, {
+    treeData: treeData,
+    title: "\u7EC4\u7EC7\u673A\u6784",
+    onSelect: function onSelect(ids) {
+      return setState(function (old) {
+        return Object.assign(Object.assign({}, old), {
+          orgId: ids[0]
+        });
+      });
+    },
+    activeKey: selectId
+  }), /*#__PURE__*/React.createElement(List, {
+    onChecked: onUserChecked1,
+    list: userList,
+    key: userList.length,
+    checkedKeys: list1CheckedKeys,
+    itemKey: "id",
+    itemNameKey: "realName",
+    title: "\u4EBA\u5458",
+    onKeywordChange: function onKeywordChange(v) {
+      return setState(function (old) {
+        return Object.assign(Object.assign({}, old), {
+          keyword1: v
+        });
+      });
+    },
+    keywords: state.keyword1
+  }), /*#__PURE__*/React.createElement(List, {
+    list: state.selectUsers,
+    itemKey: "value",
+    itemNameKey: "name",
+    checkedKeys: state.selectIds,
+    title: "\u5DF2\u6DFB\u52A0(".concat(state.selectUsers.length, "\u4EBA)"),
+    onKeywordChange: function onKeywordChange(v) {
+      return setState(function (old) {
+        return Object.assign(Object.assign({}, old), {
+          keyword2: v
+        });
+      });
+    },
+    keywords: state.keyword2,
+    onChecked: onUserChecked2
+  }));
+});
+export default UserSelect;

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

@@ -0,0 +1,9 @@
+import { MutipleUserHandleType, NodeUserType, UserSetType } from '../interface';
+interface IUserSetProps {
+    userType?: UserSetType;
+    nodeUserList?: NodeUserType[];
+    usersHandType?: MutipleUserHandleType;
+    onChange: (data: any) => void;
+}
+declare function UserSet({ userType, nodeUserList, usersHandType, onChange }: IUserSetProps): JSX.Element;
+export default UserSet;

package/es/WorkerFlow/Form/UserSet.js

@@ -0,0 +1,124 @@
+import "antd/lib/radio/style/css";
+import _Radio from "antd/lib/radio";
+import _ContentBox from "@cloud-app-dev/basic-components/es/ContentBox";
+
+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; }
+
+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, { useCallback, useEffect, useMemo, useState } from 'react';
+import { UserSetOptions } from '../Nodes/Constants';
+import { cloneDeep } from 'lodash';
+import UsersHandleType from './UsersHandleType';
+import UserSelect from './UserSelect';
+var contentMap = {
+  1: UserSelectType1
+};
+
+function UserSet(_ref) {
+  var _ref$userType = _ref.userType,
+      userType = _ref$userType === void 0 ? 1 : _ref$userType,
+      _ref$nodeUserList = _ref.nodeUserList,
+      nodeUserList = _ref$nodeUserList === void 0 ? [] : _ref$nodeUserList,
+      usersHandType = _ref.usersHandType,
+      onChange = _ref.onChange;
+
+  var _useState = useState(_defineProperty({
+    type: userType,
+    usersHandType: usersHandType,
+    1: [],
+    2: [],
+    3: [],
+    4: [],
+    5: []
+  }, userType, cloneDeep(nodeUserList))),
+      _useState2 = _slicedToArray(_useState, 2),
+      state = _useState2[0],
+      setState = _useState2[1];
+
+  var options = useMemo(function () {
+    return Object.values(UserSetOptions);
+  }, []);
+  var Content = useMemo(function () {
+    return contentMap[state.type];
+  }, []);
+  var stateChange = useCallback(function (options) {
+    return setState(function (old) {
+      return cloneDeep(Object.assign(Object.assign({}, old), options));
+    });
+  }, []);
+  var data = useMemo(function () {
+    return {
+      userType: state.type,
+      nodeUserList: state[state.type],
+      usersHandType: state.usersHandType
+    };
+  }, [state]);
+  console.log(data);
+  useEffect(function () {
+    return onChange(data);
+  }, [data]);
+  return /*#__PURE__*/React.createElement(_ContentBox.InfoBox, {
+    title: "\u8BBE\u7F6E\u4EBA\u5458"
+  }, /*#__PURE__*/React.createElement("div", {
+    className: "user-select-type-wrapper"
+  }, /*#__PURE__*/React.createElement(_Radio.Group, {
+    className: "user-select-type-group",
+    value: state.type,
+    onChange: function onChange(e) {
+      return stateChange({
+        type: e.target.value
+      });
+    }
+  }, options.map(function (item) {
+    return /*#__PURE__*/React.createElement(_Radio, {
+      key: item.value,
+      value: item.value
+    }, item.label);
+  })), /*#__PURE__*/React.createElement(Content, {
+    users: state[state.type],
+    usersHandType: state.usersHandType,
+    onChange: function onChange(options) {
+      return stateChange(options);
+    }
+  })));
+}
+/**
+ * @desc 指定人员
+ */
+
+
+function UserSelectType1(_ref2) {
+  var users = _ref2.users,
+      usersHandType = _ref2.usersHandType,
+      _onChange = _ref2.onChange;
+  var userList = useMemo(function () {
+    return users.filter(function (v) {
+      return v.key === 'userId';
+    });
+  }, [users]);
+  return /*#__PURE__*/React.createElement("div", {
+    className: "user-select-type1"
+  }, /*#__PURE__*/React.createElement(UserSelect, {
+    userList: userList
+  }), /*#__PURE__*/React.createElement(UsersHandleType, {
+    usersHandType: usersHandType,
+    onChange: function onChange(value) {
+      return _onChange({
+        usersHandType: value
+      });
+    }
+  }));
+}
+
+export default UserSet;

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

@@ -0,0 +1,6 @@
+import { MutipleUserHandleType } from '../interface';
+declare function UsersHandleType({ usersHandType, onChange }: {
+    usersHandType: MutipleUserHandleType;
+    onChange: (val: MutipleUserHandleType) => void;
+}): JSX.Element;
+export default UsersHandleType;

package/es/WorkerFlow/Form/UsersHandleType.js

@@ -0,0 +1,30 @@
+import "antd/lib/radio/style/css";
+import _Radio from "antd/lib/radio";
+import React, { useMemo } from 'react';
+import { UserHandleTypeOptions } from '../Nodes/Constants';
+
+function UsersHandleType(_ref) {
+  var usersHandType = _ref.usersHandType,
+      _onChange = _ref.onChange;
+  var options = useMemo(function () {
+    return Object.values(UserHandleTypeOptions);
+  }, []);
+  return /*#__PURE__*/React.createElement("div", {
+    className: "users-handle-type-content"
+  }, /*#__PURE__*/React.createElement("div", {
+    className: "handle-title"
+  }, "\u591A\u4EBA\u5BA1\u6279\u65F6\u91C7\u7528\u7684\u5BA1\u6279\u65B9\u5F0F"), /*#__PURE__*/React.createElement(_Radio.Group, {
+    className: "users-handle-type-group",
+    value: usersHandType,
+    onChange: function onChange(e) {
+      return _onChange(e.target.value);
+    }
+  }, options.map(function (item) {
+    return /*#__PURE__*/React.createElement(_Radio, {
+      key: item.value,
+      value: item.value
+    }, item.label, "(".concat(item.desc, ")"));
+  })));
+}
+
+export default UsersHandleType;

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

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

package/es/WorkerFlow/Nodes/Add.js

@@ -0,0 +1,81 @@
+import _IconFont from "@cloud-app-dev/basic-components/es/IconFont";
+
+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, useContext, useEffect, useRef } from 'react';
+import AddNodeList from './AddOptionList';
+import WFC from '../OperatorContext';
+import QueueAnim from 'rc-queue-anim';
+
+function AddNode(_ref) {
+  var pRef = _ref.pRef,
+      objRef = _ref.objRef;
+  var boxRef = useRef(null);
+
+  var _useState = useState(false),
+      _useState2 = _slicedToArray(_useState, 2),
+      showPop = _useState2[0],
+      setShowPop = _useState2[1];
+
+  function onClick() {
+    setShowPop(!showPop);
+  }
+
+  var _useContext = useContext(WFC),
+      onAddNode = _useContext.onAddNode;
+
+  function onOptionClick(type) {
+    onAddNode(type, pRef, objRef);
+    setShowPop(false);
+  }
+
+  useEffect(function () {
+    if (!showPop) {
+      return null;
+    }
+
+    var fn = function fn(e) {
+      var _a;
+
+      var dom = (_a = boxRef.current) === null || _a === void 0 ? void 0 : _a.querySelector('.add-popover');
+      var arrs = Array.from(e.path);
+
+      if (!arrs.includes(dom)) {
+        setShowPop(false);
+      }
+    };
+
+    document.body.addEventListener('click', fn, false);
+    return function () {
+      document.body.removeEventListener('click', fn, false);
+    };
+  }, [showPop]);
+  return /*#__PURE__*/React.createElement("div", {
+    className: "add-node-btn-box",
+    ref: boxRef
+  }, /*#__PURE__*/React.createElement("div", {
+    className: "add-node-btn"
+  }, /*#__PURE__*/React.createElement(QueueAnim, null, showPop ? /*#__PURE__*/React.createElement("div", {
+    className: "add-popover",
+    key: "add-popover"
+  }, /*#__PURE__*/React.createElement(AddNodeList, {
+    onOptionClick: onOptionClick
+  })) : /*#__PURE__*/React.createElement(React.Fragment, null)), /*#__PURE__*/React.createElement("span", null, /*#__PURE__*/React.createElement("button", {
+    className: "btn",
+    onClick: onClick
+  }, /*#__PURE__*/React.createElement(_IconFont, {
+    type: "icon-S_Edit_PlusLine"
+  })))));
+}
+
+export default AddNode;

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

@@ -0,0 +1,9 @@
+interface IAddNodeOptionProps {
+    type: string;
+    onClick: () => void;
+    name: string;
+    icon: string;
+    color: string;
+}
+declare function AddNodeOption({ type, onClick, name, icon, color }: IAddNodeOptionProps): JSX.Element;
+export default AddNodeOption;