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

package/lib/client/components/Duration.d.ts

@@ -0,0 +1,5 @@
+/// <reference types="react" />
+export default function ({ value, onChange }: {
+    value?: number;
+    onChange: any;
+}): JSX.Element;

package/lib/client/components/Duration.js

@@ -0,0 +1,96 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.default = _default;
+
+function _react() {
+  const data = _interopRequireDefault(require("react"));
+
+  _react = function _react() {
+    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 _css() {
+  const data = require("@emotion/css");
+
+  _css = function _css() {
+    return data;
+  };
+
+  return data;
+}
+
+function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
+
+const UnitOptions = [{
+  value: 1000,
+  label: 'Seconds'
+}, {
+  value: 60000,
+  label: 'Minutes'
+}, {
+  value: 3600000,
+  label: 'Hours'
+}, {
+  value: 86400000,
+  label: 'Days'
+}, {
+  value: 604800000,
+  label: 'Weeks'
+}];
+
+function getNumberOption(v) {
+  return UnitOptions.slice().reverse().find(item => !(v % item.value));
+}
+
+function _default({
+  value = 60000,
+  onChange: _onChange
+}) {
+  const _useTranslation = (0, _reactI18next().useTranslation)(),
+        t = _useTranslation.t;
+
+  const option = getNumberOption(value);
+  const quantity = Math.round(value / option.value);
+  return _react().default.createElement("fieldset", {
+    className: (0, _css().css)`
+      display: flex;
+      gap: .5em;
+    `
+  }, _react().default.createElement(_antd().InputNumber, {
+    min: 1,
+    value: quantity,
+    onChange: v => _onChange(Math.round(v * option.value))
+  }), _react().default.createElement(_antd().Select, {
+    value: option.value,
+    onChange: unit => _onChange(Math.round(quantity * unit))
+  }, UnitOptions.map(item => _react().default.createElement(_antd().Select.Option, {
+    key: item.value,
+    value: item.value
+  }, t(item.label)))));
+}

package/lib/client/index.d.ts

@@ -0,0 +1,3 @@
+export { triggers } from './triggers';
+export * from './nodes';
+export { WorkflowProvider as default } from './WorkflowProvider';

package/lib/client/index.js

@@ -0,0 +1,38 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+var _exportNames = {
+  triggers: true
+};
+Object.defineProperty(exports, "default", {
+  enumerable: true,
+  get: function get() {
+    return _WorkflowProvider.WorkflowProvider;
+  }
+});
+Object.defineProperty(exports, "triggers", {
+  enumerable: true,
+  get: function get() {
+    return _triggers.triggers;
+  }
+});
+
+var _triggers = require("./triggers");
+
+var _nodes = require("./nodes");
+
+Object.keys(_nodes).forEach(function (key) {
+  if (key === "default" || key === "__esModule") return;
+  if (Object.prototype.hasOwnProperty.call(_exportNames, key)) return;
+  if (key in exports && exports[key] === _nodes[key]) return;
+  Object.defineProperty(exports, key, {
+    enumerable: true,
+    get: function get() {
+      return _nodes[key];
+    }
+  });
+});
+
+var _WorkflowProvider = require("./WorkflowProvider");

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

@@ -0,0 +1,25 @@
+/// <reference types="react" />
+declare const _default: {
+    title: string;
+    type: string;
+    group: string;
+    fieldset: {
+        'config.calculation': {
+            type: string;
+            title: string;
+            name: string;
+            required: boolean;
+            'x-decorator': string;
+            'x-component': string;
+        };
+    };
+    view: {};
+    components: {
+        CalculationConfig({ value, onChange }: {
+            value: any;
+            onChange: any;
+        }): JSX.Element;
+    };
+    getter(): JSX.Element;
+};
+export default _default;

package/lib/client/nodes/calculation.js

@@ -0,0 +1,85 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.default = void 0;
+
+function _css() {
+  const data = require("@emotion/css");
+
+  _css = function _css() {
+    return data;
+  };
+
+  return data;
+}
+
+function _react() {
+  const data = _interopRequireDefault(require("react"));
+
+  _react = function _react() {
+    return data;
+  };
+
+  return data;
+}
+
+function _reactI18next() {
+  const data = require("react-i18next");
+
+  _reactI18next = function _reactI18next() {
+    return data;
+  };
+
+  return data;
+}
+
+var _calculators = require("../calculators");
+
+function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
+
+function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); enumerableOnly && (symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }
+
+function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys(Object(source), !0).forEach(function (key) { _defineProperty(target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
+
+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; }
+
+var _default = {
+  title: '{{t("Calculation")}}',
+  type: 'calculation',
+  group: 'control',
+  fieldset: {
+    'config.calculation': {
+      type: 'object',
+      title: '{{t("Configure calculation")}}',
+      name: 'config.calculation',
+      required: true,
+      'x-decorator': 'FormItem',
+      'x-component': 'CalculationConfig'
+    }
+  },
+  view: {},
+  components: {
+    CalculationConfig({
+      value,
+      onChange
+    }) {
+      return _react().default.createElement(_calculators.Calculation, _objectSpread(_objectSpread({}, value), {}, {
+        onChange: onChange
+      }));
+    }
+
+  },
+
+  getter() {
+    const _useTranslation = (0, _reactI18next().useTranslation)(),
+          t = _useTranslation.t;
+
+    return _react().default.createElement("div", {
+      className: (0, _css().css)`flex-shrink: 0`
+    }, t('Calculation result'));
+  }
+
+};
+exports.default = _default;

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

@@ -0,0 +1,46 @@
+/// <reference types="react" />
+declare function CalculationConfig({ value, onChange }: {
+    value: any;
+    onChange: any;
+}): JSX.Element;
+declare const _default: {
+    title: string;
+    type: string;
+    group: string;
+    fieldset: {
+        'config.rejectOnFalse': {
+            type: string;
+            name: string;
+            title: string;
+            'x-decorator': string;
+            'x-component': string;
+            'x-component-props': {
+                disabled: boolean;
+            };
+            enum: {
+                value: boolean;
+                label: string;
+            }[];
+        };
+        'config.calculation': {
+            type: string;
+            name: string;
+            title: string;
+            'x-decorator': string;
+            'x-component': string;
+        };
+    };
+    view: {};
+    options: {
+        label: string;
+        key: string;
+        value: {
+            rejectOnFalse: boolean;
+        };
+    }[];
+    render(data: any): JSX.Element;
+    components: {
+        CalculationConfig: typeof CalculationConfig;
+    };
+};
+export default _default;

package/lib/client/nodes/condition.js

@@ -0,0 +1,346 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.default = void 0;
+
+function _react() {
+  const data = _interopRequireDefault(require("react"));
+
+  _react = function _react() {
+    return data;
+  };
+
+  return data;
+}
+
+function _css() {
+  const data = require("@emotion/css");
+
+  _css = function _css() {
+    return data;
+  };
+
+  return data;
+}
+
+function _antd() {
+  const data = require("antd");
+
+  _antd = function _antd() {
+    return data;
+  };
+
+  return data;
+}
+
+function _icons() {
+  const data = require("@ant-design/icons");
+
+  _icons = function _icons() {
+    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 _ = require(".");
+
+var _WorkflowCanvas = require("../WorkflowCanvas");
+
+var _style = require("../style");
+
+var _calculators = require("../calculators");
+
+function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
+
+function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); enumerableOnly && (symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }
+
+function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys(Object(source), !0).forEach(function (key) { _defineProperty(target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
+
+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 CalculationItem({
+  value,
+  onChange: _onChange,
+  onRemove
+}) {
+  if (!value) {
+    return null;
+  }
+
+  const calculator = value.calculator,
+        _value$operands = value.operands,
+        operands = _value$operands === void 0 ? [] : _value$operands;
+  return _react().default.createElement("div", {
+    className: (0, _css().css)`
+      display: flex;
+      position: relative;
+      margin: .5em 0;
+    `
+  }, value.group ? _react().default.createElement(CalculationGroup, {
+    value: value.group,
+    onChange: group => _onChange(_objectSpread(_objectSpread({}, value), {}, {
+      group
+    }))
+  }) : _react().default.createElement(_calculators.Calculation, {
+    operands: operands,
+    calculator: calculator,
+    onChange: _onChange
+  }), _react().default.createElement(_antd().Button, {
+    onClick: onRemove,
+    type: "link",
+    icon: _react().default.createElement(_icons().CloseCircleOutlined, null)
+  }));
+}
+
+function CalculationGroup({
+  value,
+  onChange: _onChange2
+}) {
+  const _useTranslation = (0, _reactI18next().useTranslation)(),
+        t = _useTranslation.t;
+
+  const _value$type = value.type,
+        type = _value$type === void 0 ? 'and' : _value$type,
+        _value$calculations = value.calculations,
+        calculations = _value$calculations === void 0 ? [] : _value$calculations;
+
+  function onAddSingle() {
+    _onChange2(_objectSpread(_objectSpread({}, value), {}, {
+      calculations: [...calculations, {
+        not: false,
+        calculator: 'equal'
+      }]
+    }));
+  }
+
+  function onAddGroup() {
+    _onChange2(_objectSpread(_objectSpread({}, value), {}, {
+      calculations: [...calculations, {
+        not: false,
+        group: {
+          type: 'and',
+          calculations: []
+        }
+      }]
+    }));
+  }
+
+  function _onRemove(i) {
+    calculations.splice(i, 1);
+
+    _onChange2(_objectSpread(_objectSpread({}, value), {}, {
+      calculations: [...calculations]
+    }));
+  }
+
+  function onItemChange(i, v) {
+    calculations.splice(i, 1, v);
+
+    _onChange2(_objectSpread(_objectSpread({}, value), {}, {
+      calculations: [...calculations]
+    }));
+  }
+
+  return _react().default.createElement("div", {
+    className: (0, _css().cx)('node-type-condition-group', (0, _css().css)`
+      position: relative;
+      width: 100%;
+
+      .node-type-condition-group{
+        padding: .5em 1em;
+        border: 1px dashed #ddd;
+      }
+
+      + button{
+        position: absolute;
+        right: 0;
+      }
+    `)
+  }, _react().default.createElement("div", {
+    className: (0, _css().css)`
+        display: flex;
+        align-items: center;
+        gap: .5em;
+
+        .ant-select{
+          width: auto;
+          min-width: 6em;
+        }
+      `
+  }, _react().default.createElement(_reactI18next().Trans, null, 'Meet ', _react().default.createElement(_antd().Select, {
+    value: type,
+    onChange: t => _onChange2(_objectSpread(_objectSpread({}, value), {}, {
+      type: t
+    }))
+  }, _react().default.createElement(_antd().Select.Option, {
+    value: "and"
+  }, "All"), _react().default.createElement(_antd().Select.Option, {
+    value: "or"
+  }, "Any")), ' conditions in the group')), _react().default.createElement("div", {
+    className: "calculation-items"
+  }, calculations.map((calculation, i) => _react().default.createElement(CalculationItem, {
+    key: `${calculation.calculator}_${i}`,
+    value: calculation,
+    onChange: onItemChange.bind(this, i),
+    onRemove: () => _onRemove(i)
+  }))), _react().default.createElement("div", {
+    className: (0, _css().css)`
+        button{
+          padding: 0;
+
+          &:not(:last-child){
+            margin-right: 1em;
+          }
+        }
+      `
+  }, _react().default.createElement(_antd().Button, {
+    type: "link",
+    onClick: onAddSingle
+  }, t('Add condition')), _react().default.createElement(_antd().Button, {
+    type: "link",
+    onClick: onAddGroup
+  }, t('Add condition group'))));
+}
+
+function CalculationConfig({
+  value,
+  onChange: _onChange3
+}) {
+  const rule = value && Object.keys(value).length ? value : {
+    group: {
+      type: 'and',
+      calculations: []
+    }
+  };
+  return _react().default.createElement(CalculationGroup, {
+    value: rule.group,
+    onChange: group => _onChange3(_objectSpread(_objectSpread({}, rule), {}, {
+      group
+    }))
+  });
+}
+
+var _default = {
+  title: '{{t("Condition")}}',
+  type: 'condition',
+  group: 'control',
+  fieldset: {
+    'config.rejectOnFalse': {
+      type: 'boolean',
+      name: 'config.rejectOnFalse',
+      title: '{{t("Mode")}}',
+      'x-decorator': 'FormItem',
+      'x-component': 'Radio.Group',
+      'x-component-props': {
+        disabled: true
+      },
+      enum: [{
+        value: true,
+        label: _client().i18n.t('Continue when "Yes"')
+      }, {
+        value: false,
+        label: _client().i18n.t('Branch into "Yes" and "No"')
+      }]
+    },
+    'config.calculation': {
+      type: 'string',
+      name: 'config.calculation',
+      title: '{{t("Conditions")}}',
+      'x-decorator': 'FormItem',
+      'x-component': 'CalculationConfig'
+    }
+  },
+  view: {},
+  options: [{
+    label: _client().i18n.t('Continue when "Yes"'),
+    key: 'rejectOnFalse',
+    value: {
+      rejectOnFalse: true
+    }
+  }, {
+    label: _client().i18n.t('Branch into "Yes" and "No"'),
+    key: 'branch',
+    value: {
+      rejectOnFalse: false
+    }
+  }],
+
+  render(data) {
+    const id = data.id,
+          rejectOnFalse = data.config.rejectOnFalse;
+
+    const _useFlowContext = (0, _WorkflowCanvas.useFlowContext)(),
+          nodes = _useFlowContext.nodes;
+
+    const trueEntry = nodes.find(item => item.upstreamId === id && item.branchIndex === 1);
+    const falseEntry = nodes.find(item => item.upstreamId === id && item.branchIndex === 0);
+    return _react().default.createElement(_.NodeDefaultView, {
+      data: data
+    }, rejectOnFalse ? null : _react().default.createElement("div", {
+      className: (0, _css().cx)(_style.nodeSubtreeClass)
+    }, _react().default.createElement("div", {
+      className: (0, _css().cx)(_style.branchBlockClass, (0, _css().css)`
+                > * > .workflow-branch-lines{
+                  > button{
+                    display: none;
+                  }
+                }
+              `)
+    }, _react().default.createElement(_WorkflowCanvas.Branch, {
+      from: data,
+      entry: falseEntry,
+      branchIndex: 0
+    }), _react().default.createElement(_WorkflowCanvas.Branch, {
+      from: data,
+      entry: trueEntry,
+      branchIndex: 1
+    })), _react().default.createElement("div", {
+      className: (0, _css().css)`
+                position: relative;
+                height: 2em;
+                overflow: visible;
+
+                > span{
+                  position: absolute;
+                  top: calc(1.5em - 1px);
+                  line-height: 1em;
+                  color: #999;
+                  background-color: #f0f2f5;
+                  padding: 1px;
+                }
+              `
+    }, _react().default.createElement("span", {
+      className: (0, _css().css)`right: 4em;`
+    }, _client().i18n.t('No')), _react().default.createElement("span", {
+      className: (0, _css().css)`left: 4em;`
+    }, _client().i18n.t('Yes')))));
+  },
+
+  components: {
+    CalculationConfig
+  }
+};
+exports.default = _default;

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

@@ -0,0 +1,46 @@
+import React from 'react';
+import { useCollectionDataSource } from '@nocobase/client';
+declare const _default: {
+    title: string;
+    type: string;
+    group: string;
+    fieldset: {
+        'config.collection': {
+            name: string;
+            type: string;
+            title: string;
+            required: boolean;
+            'x-reactions': string[];
+            'x-decorator': string;
+            'x-component': string;
+            'x-component-props': {
+                placeholder: string;
+            };
+        };
+        'config.params.values': {
+            type: string;
+            title: string;
+            name: string;
+            'x-decorator': string;
+            'x-decorator-props': {
+                labelAlign: string;
+                className: string;
+            };
+            'x-component': string;
+            description: string;
+        };
+    };
+    view: {};
+    scope: {
+        useCollectionDataSource: typeof useCollectionDataSource;
+    };
+    components: {
+        CollectionFieldset: React.MemoExoticComponent<React.FunctionComponent<Pick<any, string | number | symbol>>>;
+    };
+    getter({ type, options, onChange }: {
+        type: any;
+        options: any;
+        onChange: any;
+    }): JSX.Element;
+};
+export default _default;