@nocobase/plugin-workflow 0.7.1-alpha.5 → 0.7.2-alpha.1

package/lib/client/nodes/index.js

@@ -0,0 +1,390 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.Node = Node;
+exports.NodeDefaultView = NodeDefaultView;
+exports.RemoveButton = RemoveButton;
+exports.instructions = void 0;
+exports.useNodeContext = useNodeContext;
+
+function _icons() {
+  const data = require("@ant-design/icons");
+
+  _icons = function _icons() {
+    return data;
+  };
+
+  return data;
+}
+
+function _css() {
+  const data = require("@emotion/css");
+
+  _css = function _css() {
+    return data;
+  };
+
+  return data;
+}
+
+function _react() {
+  const data = require("@formily/react");
+
+  _react = function _react() {
+    return data;
+  };
+
+  return data;
+}
+
+function _client() {
+  const data = require("@nocobase/utils/client");
+
+  _client = function _client() {
+    return data;
+  };
+
+  return data;
+}
+
+function _antd() {
+  const data = require("antd");
+
+  _antd = function _antd() {
+    return data;
+  };
+
+  return data;
+}
+
+function _react2() {
+  const data = _interopRequireWildcard(require("react"));
+
+  _react2 = function _react2() {
+    return data;
+  };
+
+  return data;
+}
+
+function _reactI18next() {
+  const data = require("react-i18next");
+
+  _reactI18next = function _reactI18next() {
+    return data;
+  };
+
+  return data;
+}
+
+function _client2() {
+  const data = require("@nocobase/client");
+
+  _client2 = function _client2() {
+    return data;
+  };
+
+  return data;
+}
+
+var _style = require("../style");
+
+var _WorkflowCanvas = require("../WorkflowCanvas");
+
+var _calculation = _interopRequireDefault(require("./calculation"));
+
+var _condition = _interopRequireDefault(require("./condition"));
+
+var _parallel = _interopRequireDefault(require("./parallel"));
+
+var _delay = _interopRequireDefault(require("./delay"));
+
+var _query = _interopRequireDefault(require("./query"));
+
+var _create = _interopRequireDefault(require("./create"));
+
+var _update = _interopRequireDefault(require("./update"));
+
+var _destroy = _interopRequireDefault(require("./destroy"));
+
+function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
+
+function _getRequireWildcardCache(nodeInterop) { if (typeof WeakMap !== "function") return null; var cacheBabelInterop = new WeakMap(); var cacheNodeInterop = new WeakMap(); return (_getRequireWildcardCache = function _getRequireWildcardCache(nodeInterop) { return nodeInterop ? cacheNodeInterop : cacheBabelInterop; })(nodeInterop); }
+
+function _interopRequireWildcard(obj, nodeInterop) { if (!nodeInterop && obj && obj.__esModule) { return obj; } if (obj === null || typeof obj !== "object" && typeof obj !== "function") { return { default: obj }; } var cache = _getRequireWildcardCache(nodeInterop); if (cache && cache.has(obj)) { return cache.get(obj); } var newObj = {}; var hasPropertyDescriptor = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var key in obj) { if (key !== "default" && Object.prototype.hasOwnProperty.call(obj, key)) { var desc = hasPropertyDescriptor ? Object.getOwnPropertyDescriptor(obj, key) : null; if (desc && (desc.get || desc.set)) { Object.defineProperty(newObj, key, desc); } else { newObj[key] = obj[key]; } } } newObj.default = obj; if (cache) { cache.set(obj, newObj); } return newObj; }
+
+function asyncGeneratorStep(gen, resolve, reject, _next, _throw, key, arg) { try { var info = gen[key](arg); var value = info.value; } catch (error) { reject(error); return; } if (info.done) { resolve(value); } else { Promise.resolve(value).then(_next, _throw); } }
+
+function _asyncToGenerator(fn) { return function () { var self = this, args = arguments; return new Promise(function (resolve, reject) { var gen = fn.apply(self, args); function _next(value) { asyncGeneratorStep(gen, resolve, reject, _next, _throw, "next", value); } function _throw(err) { asyncGeneratorStep(gen, resolve, reject, _next, _throw, "throw", err); } _next(undefined); }); }; }
+
+;
+const instructions = new (_client().Registry)();
+exports.instructions = instructions;
+instructions.register('condition', _condition.default);
+instructions.register('parallel', _parallel.default);
+instructions.register('calculation', _calculation.default);
+instructions.register('delay', _delay.default);
+instructions.register('query', _query.default);
+instructions.register('create', _create.default);
+instructions.register('update', _update.default);
+instructions.register('destroy', _destroy.default);
+
+function useUpdateAction() {
+  const _useTranslation = (0, _reactI18next().useTranslation)(),
+        t = _useTranslation.t;
+
+  const form = (0, _react().useForm)();
+  const api = (0, _client2().useAPIClient)();
+  const ctx = (0, _client2().useActionContext)();
+
+  const _useResourceActionCon = (0, _client2().useResourceActionContext)(),
+        refresh = _useResourceActionCon.refresh;
+
+  const data = useNodeContext();
+
+  const _useFlowContext = (0, _WorkflowCanvas.useFlowContext)(),
+        workflow = _useFlowContext.workflow;
+
+  return {
+    run() {
+      return _asyncToGenerator(function* () {
+        if (workflow.executed) {
+          _antd().message.error(t('Node in executed workflow cannot be modified'));
+
+          return;
+        }
+
+        yield form.submit();
+        yield api.resource('flow_nodes', data.id).update({
+          filterByTk: data.id,
+          values: {
+            title: form.values.title,
+            config: form.values.config
+          }
+        });
+        ctx.setVisible(false);
+        refresh();
+      })();
+    }
+
+  };
+}
+
+;
+
+const NodeContext = _react2().default.createContext(null);
+
+function useNodeContext() {
+  return (0, _react2().useContext)(NodeContext);
+}
+
+function Node({
+  data
+}) {
+  const instruction = instructions.get(data.type);
+  return _react2().default.createElement(NodeContext.Provider, {
+    value: data
+  }, _react2().default.createElement("div", {
+    className: (0, _css().cx)(_style.nodeBlockClass)
+  }, instruction.render ? instruction.render(data) : _react2().default.createElement(NodeDefaultView, {
+    data: data
+  }), !instruction.endding ? _react2().default.createElement(_WorkflowCanvas.AddButton, {
+    upstream: data
+  }) : _react2().default.createElement("div", {
+    className: (0, _css().css)`
+                flex-grow: 1;
+                display: flex;
+                flex-direction: column;
+                align-items: center;
+                justify-content: center;
+                width: 1px;
+                height: 6em;
+                padding: 2em 0;
+                background-color: #f0f2f5;
+
+                .anticon{
+                  font-size: 1.5em;
+                  line-height: 100%;
+                }
+              `
+  }, _react2().default.createElement(_icons().CloseOutlined, null))));
+}
+
+function RemoveButton() {
+  const _useTranslation2 = (0, _reactI18next().useTranslation)(),
+        t = _useTranslation2.t;
+
+  const api = (0, _client2().useAPIClient)();
+
+  const _useFlowContext2 = (0, _WorkflowCanvas.useFlowContext)(),
+        workflow = _useFlowContext2.workflow;
+
+  const resource = api.resource('workflows.nodes', workflow.id);
+  const current = useNodeContext();
+
+  const _useFlowContext3 = (0, _WorkflowCanvas.useFlowContext)(),
+        nodes = _useFlowContext3.nodes,
+        onNodeRemoved = _useFlowContext3.onNodeRemoved;
+
+  function onRemove() {
+    return _onRemove.apply(this, arguments);
+  }
+
+  function _onRemove() {
+    _onRemove = _asyncToGenerator(function* () {
+      function onOk() {
+        return _onOk.apply(this, arguments);
+      }
+
+      function _onOk() {
+        _onOk = _asyncToGenerator(function* () {
+          const _yield$resource$destr = yield resource.destroy({
+            filterByTk: current.id
+          }),
+                node = _yield$resource$destr.data.data;
+
+          onNodeRemoved(node);
+        });
+        return _onOk.apply(this, arguments);
+      }
+
+      const hasBranches = !nodes.find(item => item.upstream === current && item.branchIndex != null);
+      const message = hasBranches ? t('Are you sure you want to delete it?') : t('This node contains branches, deleting will also be preformed to them, are you sure?');
+
+      _antd().Modal.confirm({
+        title: t('Delete'),
+        content: message,
+        onOk
+      });
+    });
+    return _onRemove.apply(this, arguments);
+  }
+
+  return workflow.executed ? null : _react2().default.createElement(_antd().Button, {
+    type: "text",
+    shape: "circle",
+    icon: _react2().default.createElement(_icons().DeleteOutlined, null),
+    onClick: onRemove,
+    className: "workflow-node-remove-button"
+  });
+}
+
+function NodeDefaultView(props) {
+  const compile = (0, _client2().useCompile)();
+
+  const _useFlowContext4 = (0, _WorkflowCanvas.useFlowContext)(),
+        workflow = _useFlowContext4.workflow;
+
+  const data = props.data,
+        children = props.children;
+  const instruction = instructions.get(data.type);
+  const detailText = workflow.executed ? '{{t("View")}}' : '{{t("Configure")}}';
+  return _react2().default.createElement("div", {
+    className: (0, _css().cx)(_style.nodeClass, `workflow-node-type-${data.type}`)
+  }, _react2().default.createElement("div", {
+    className: (0, _css().cx)(_style.nodeCardClass)
+  }, _react2().default.createElement("div", {
+    className: (0, _css().cx)(_style.nodeHeaderClass)
+  }, _react2().default.createElement("div", {
+    className: (0, _css().cx)(_style.nodeMetaClass)
+  }, _react2().default.createElement(_antd().Tag, null, compile(instruction.title))), _react2().default.createElement("h4", {
+    className: (0, _css().cx)(_style.nodeTitleClass)
+  }, _react2().default.createElement("strong", null, data.title), _react2().default.createElement("span", {
+    className: "workflow-node-id"
+  }, "#", data.id)), _react2().default.createElement(RemoveButton, null)), _react2().default.createElement(_client2().SchemaComponent, {
+    scope: instruction.scope,
+    components: instruction.components,
+    schema: {
+      type: 'void',
+      properties: {
+        view: instruction.view,
+        config: {
+          type: 'void',
+          title: detailText,
+          'x-component': 'Action.Link',
+          'x-component-props': {
+            type: 'primary'
+          },
+          properties: {
+            [instruction.type]: {
+              type: 'void',
+              title: instruction.title,
+              'x-component': 'Action.Drawer',
+              'x-decorator': 'Form',
+              'x-decorator-props': {
+                useValues(options) {
+                  const d = useNodeContext();
+                  return (0, _client2().useRequest)(() => {
+                    return Promise.resolve({
+                      data: d
+                    });
+                  }, options);
+                }
+
+              },
+              properties: {
+                title: {
+                  type: 'string',
+                  name: 'title',
+                  title: '{{t("Name")}}',
+                  'x-decorator': 'FormItem',
+                  'x-component': 'Input'
+                },
+                config: {
+                  type: 'void',
+                  name: 'config',
+                  'x-component': 'fieldset',
+                  'x-component-props': {
+                    disabled: workflow.executed,
+                    className: (0, _css().css)`
+                            .ant-select,
+                            .ant-cascader-picker,
+                            .ant-picker,
+                            .ant-input-number,
+                            .ant-input-affix-wrapper{
+                              width: auto;
+                              min-width: 6em;
+                            }
+                          `
+                  },
+                  properties: instruction.fieldset
+                },
+                actions: {
+                  type: 'void',
+                  'x-component': 'Action.Drawer.Footer',
+                  properties: workflow.executed ? {
+                    close: {
+                      title: '{{t("Close")}}',
+                      'x-component': 'Action',
+                      'x-component-props': {
+                        useAction: '{{ cm.useCancelAction }}'
+                      }
+                    }
+                  } : {
+                    cancel: {
+                      title: '{{t("Cancel")}}',
+                      'x-component': 'Action',
+                      'x-component-props': {
+                        useAction: '{{ cm.useCancelAction }}'
+                      }
+                    },
+                    submit: {
+                      title: '{{t("Submit")}}',
+                      'x-component': 'Action',
+                      'x-component-props': {
+                        type: 'primary',
+                        useAction: useUpdateAction
+                      }
+                    }
+                  }
+                }
+              }
+            }
+          }
+        }
+      }
+    }
+  })), children);
+}

package/lib/client/nodes/parallel.d.ts

@@ -0,0 +1,24 @@
+/// <reference types="react" />
+declare const _default: {
+    title: string;
+    type: string;
+    group: string;
+    fieldset: {
+        'config.mode': {
+            type: string;
+            name: string;
+            title: string;
+            'x-decorator': string;
+            'x-component': string;
+            'x-component-props': {};
+            enum: {
+                value: string;
+                label: JSX.Element;
+            }[];
+            default: string;
+        };
+    };
+    view: {};
+    render(data: any): JSX.Element;
+};
+export default _default;

package/lib/client/nodes/parallel.js

@@ -0,0 +1,216 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.default = void 0;
+
+function _react() {
+  const data = _interopRequireWildcard(require("react"));
+
+  _react = function _react() {
+    return data;
+  };
+
+  return data;
+}
+
+function _css() {
+  const data = require("@emotion/css");
+
+  _css = function _css() {
+    return data;
+  };
+
+  return data;
+}
+
+function _icons() {
+  const data = require("@ant-design/icons");
+
+  _icons = function _icons() {
+    return data;
+  };
+
+  return data;
+}
+
+function _antd() {
+  const data = require("antd");
+
+  _antd = function _antd() {
+    return data;
+  };
+
+  return data;
+}
+
+function _reactI18next() {
+  const data = require("react-i18next");
+
+  _reactI18next = function _reactI18next() {
+    return data;
+  };
+
+  return data;
+}
+
+function _client() {
+  const data = require("@nocobase/client");
+
+  _client = function _client() {
+    return data;
+  };
+
+  return data;
+}
+
+var _2 = require(".");
+
+var _WorkflowCanvas = require("../WorkflowCanvas");
+
+var _style = require("../style");
+
+function _getRequireWildcardCache(nodeInterop) { if (typeof WeakMap !== "function") return null; var cacheBabelInterop = new WeakMap(); var cacheNodeInterop = new WeakMap(); return (_getRequireWildcardCache = function _getRequireWildcardCache(nodeInterop) { return nodeInterop ? cacheNodeInterop : cacheBabelInterop; })(nodeInterop); }
+
+function _interopRequireWildcard(obj, nodeInterop) { if (!nodeInterop && obj && obj.__esModule) { return obj; } if (obj === null || typeof obj !== "object" && typeof obj !== "function") { return { default: obj }; } var cache = _getRequireWildcardCache(nodeInterop); if (cache && cache.has(obj)) { return cache.get(obj); } var newObj = {}; var hasPropertyDescriptor = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var key in obj) { if (key !== "default" && Object.prototype.hasOwnProperty.call(obj, key)) { var desc = hasPropertyDescriptor ? Object.getOwnPropertyDescriptor(obj, key) : null; if (desc && (desc.get || desc.set)) { Object.defineProperty(newObj, key, desc); } else { newObj[key] = obj[key]; } } } newObj.default = obj; if (cache) { cache.set(obj, newObj); } return newObj; }
+
+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; }
+
+var _default = {
+  title: '{{t("Parallel branch")}}',
+  type: 'parallel',
+  group: 'control',
+  fieldset: {
+    'config.mode': {
+      type: 'string',
+      name: 'config.mode',
+      title: '{{t("Mode")}}',
+      'x-decorator': 'FormItem',
+      'x-component': 'Radio.Group',
+      'x-component-props': {},
+      enum: [{
+        value: 'all',
+        label: _react().default.createElement(_antd().Tooltip, {
+          title: _client().i18n.t('Continue after all branches succeeded'),
+          placement: "bottom"
+        }, _client().i18n.t('All succeeded'), " ", _react().default.createElement(_icons().QuestionCircleOutlined, {
+          style: {
+            color: '#999'
+          }
+        }))
+      }, {
+        value: 'any',
+        label: _react().default.createElement(_antd().Tooltip, {
+          title: _client().i18n.t('Continue after any branch succeeded'),
+          placement: "bottom"
+        }, _client().i18n.t('Any succeeded'), " ", _react().default.createElement(_icons().QuestionCircleOutlined, {
+          style: {
+            color: '#999'
+          }
+        }))
+      }, {
+        value: 'race',
+        label: _react().default.createElement(_antd().Tooltip, {
+          title: _client().i18n.t('Continue after any branch succeeded, or exit after any branch failed'),
+          placement: "bottom"
+        }, _client().i18n.t('Any succeeded or failed'), " ", _react().default.createElement(_icons().QuestionCircleOutlined, {
+          style: {
+            color: '#999'
+          }
+        }))
+      }],
+      default: 'all'
+    }
+  },
+  view: {},
+
+  render(data) {
+    const id = data.id,
+          mode = data.config.mode;
+
+    const _useTranslation = (0, _reactI18next().useTranslation)(),
+          t = _useTranslation.t;
+
+    const _useFlowContext = (0, _WorkflowCanvas.useFlowContext)(),
+          nodes = _useFlowContext.nodes;
+
+    const branches = nodes.reduce((result, node) => {
+      if (node.upstreamId === id && node.branchIndex != null) {
+        return result.concat(node);
+      }
+
+      return result;
+    }, []).sort((a, b) => a.branchIndex - b.branchIndex);
+
+    const _useState = (0, _react().useState)(Math.max(2, branches.length)),
+          _useState2 = _slicedToArray(_useState, 2),
+          branchCount = _useState2[0],
+          setBranchCount = _useState2[1];
+
+    const tempBranches = Array(Math.max(0, branchCount - branches.length)).fill(null);
+    const lastBranchHead = branches[branches.length - 1];
+    return _react().default.createElement(_2.NodeDefaultView, {
+      data: data
+    }, _react().default.createElement("div", {
+      className: (0, _css().cx)(_style.nodeSubtreeClass)
+    }, _react().default.createElement("div", {
+      className: (0, _css().cx)(_style.branchBlockClass)
+    }, branches.map(branch => _react().default.createElement(_WorkflowCanvas.Branch, {
+      key: branch.id,
+      from: data,
+      entry: branch,
+      branchIndex: branch.branchIndex
+    })), tempBranches.map((_, i) => _react().default.createElement(_WorkflowCanvas.Branch, {
+      key: `temp_${branches.length + i}`,
+      from: data,
+      branchIndex: (lastBranchHead ? lastBranchHead.branchIndex : 0) + i + 1,
+      controller: branches.length + i > 1 ? _react().default.createElement("div", {
+        className: (0, _css().css)`
+                        padding-top: 2em;
+
+                        > button{
+                          .anticon{
+                            transform: rotate(45deg)
+                          }
+                        }
+                      `
+      }, _react().default.createElement(_antd().Button, {
+        shape: "circle",
+        icon: _react().default.createElement(_icons().PlusOutlined, null),
+        onClick: () => setBranchCount(branchCount - 1)
+      })) : null
+    }))), _react().default.createElement("div", {
+      className: (0, _css().css)`
+              position: relative;
+              height: 2em;
+            `
+    }, _react().default.createElement(_antd().Tooltip, {
+      title: t('Add branch')
+    }, _react().default.createElement(_antd().Button, {
+      icon: _react().default.createElement(_icons().PlusOutlined, null),
+      className: (0, _css().css)`
+                  position: absolute;
+                  top: calc(50% - 1px);
+                  transform: translateX(-50%) rotate(45deg);
+
+                  .anticon{
+                    transform: rotate(-45deg);
+                  }
+                `,
+      onClick: () => setBranchCount(branchCount + 1)
+    })))));
+  }
+
+};
+exports.default = _default;

package/lib/client/nodes/query.d.ts

@@ -0,0 +1,70 @@
+import { useCollectionDataSource } from '@nocobase/client';
+import { VariableComponent } from '../calculators';
+declare const _default: {
+    title: string;
+    type: string;
+    group: string;
+    fieldset: {
+        'config.collection': {
+            type: string;
+            title: string;
+            name: string;
+            required: boolean;
+            'x-reactions': string[];
+            'x-decorator': string;
+            'x-component': string;
+            'x-component-props': {
+                placeholder: string;
+            };
+        };
+        'config.multiple': {
+            type: string;
+            title: string;
+            name: string;
+            'x-decorator': string;
+            'x-component': string;
+            'x-component-props': {
+                disabled: boolean;
+            };
+        };
+        'config.params': {
+            type: string;
+            name: string;
+            title: string;
+            'x-decorator': string;
+            properties: {
+                filter: {
+                    type: string;
+                    title: string;
+                    name: string;
+                    'x-decorator': string;
+                    'x-decorator-props': {
+                        labelAlign: string;
+                        className: string;
+                    };
+                    'x-component': string;
+                    'x-component-props': {
+                        useProps(): {
+                            options: any[];
+                            className: string;
+                        };
+                        dynamicComponent: string;
+                    };
+                };
+            };
+        };
+    };
+    view: {};
+    scope: {
+        useCollectionDataSource: typeof useCollectionDataSource;
+    };
+    components: {
+        VariableComponent: typeof VariableComponent;
+    };
+    getter({ type, options, onChange }: {
+        type: any;
+        options: any;
+        onChange: any;
+    }): JSX.Element;
+};
+export default _default;