@nocobase/client 0.7.0-alpha.82 → 0.7.0-alpha.83

package/lib/workflow/triggers/schedule.js

@@ -0,0 +1,554 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.default = void 0;
+
+var _react = _interopRequireWildcard(require("react"));
+
+var _antd = require("antd");
+
+var _react2 = require("@formily/react");
+
+var _collectionManager = require("../../collection-manager");
+
+var _schemaComponent = require("../../schema-component");
+
+var _WorkflowCanvas = require("../WorkflowCanvas");
+
+var _calculators = require("../calculators");
+
+var _collection = require("../schemas/collection");
+
+var _reactI18next = require("react-i18next");
+
+var _core = require("@formily/core");
+
+var _css = require("@emotion/css");
+
+var _templateObject, _templateObject2, _templateObject3, _templateObject4;
+
+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 _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 _typeof(obj) { "@babel/helpers - typeof"; return _typeof = "function" == typeof Symbol && "symbol" == typeof Symbol.iterator ? function (obj) { return typeof obj; } : function (obj) { return obj && "function" == typeof Symbol && obj.constructor === Symbol && obj !== Symbol.prototype ? "symbol" : typeof obj; }, _typeof(obj); }
+
+function _taggedTemplateLiteral(strings, raw) { if (!raw) { raw = strings.slice(0); } return Object.freeze(Object.defineProperties(strings, { raw: { value: Object.freeze(raw) } })); }
+
+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; }
+
+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 DateFieldsSelect = (0, _react2.observer)(function (props) {
+  var _values$config;
+
+  var compile = (0, _schemaComponent.useCompile)();
+
+  var _useCollectionManager = (0, _collectionManager.useCollectionManager)(),
+      getCollectionFields = _useCollectionManager.getCollectionFields;
+
+  var _useForm = (0, _react2.useForm)(),
+      values = _useForm.values;
+
+  var fields = getCollectionFields(values === null || values === void 0 ? void 0 : (_values$config = values.config) === null || _values$config === void 0 ? void 0 : _values$config.collection);
+  return /*#__PURE__*/_react.default.createElement(_antd.Select, _objectSpread({}, props), fields.filter(function (field) {
+    return !field.hidden && (field.uiSchema ? field.type === 'date' : false);
+  }).map(function (field) {
+    var _field$uiSchema;
+
+    return /*#__PURE__*/_react.default.createElement(_antd.Select.Option, {
+      key: field.name,
+      value: field.name
+    }, compile((_field$uiSchema = field.uiSchema) === null || _field$uiSchema === void 0 ? void 0 : _field$uiSchema.title));
+  }));
+});
+
+var OnField = function OnField(_ref) {
+  var value = _ref.value,
+      _onChange = _ref.onChange;
+
+  var _useTranslation = (0, _reactI18next.useTranslation)(),
+      t = _useTranslation.t;
+
+  var _useState = (0, _react.useState)(value.offset ? value.offset / Math.abs(value.offset) : 0),
+      _useState2 = _slicedToArray(_useState, 2),
+      dir = _useState2[0],
+      setDir = _useState2[1];
+
+  return /*#__PURE__*/_react.default.createElement("fieldset", {
+    className: (0, _css.css)(_templateObject || (_templateObject = _taggedTemplateLiteral(["\n      display: flex;\n      gap: .5em;\n    "])))
+  }, /*#__PURE__*/_react.default.createElement(DateFieldsSelect, {
+    value: value.field,
+    onChange: function onChange(field) {
+      return _onChange(_objectSpread(_objectSpread({}, value), {}, {
+        field: field
+      }));
+    }
+  }), value.field ? /*#__PURE__*/_react.default.createElement(_antd.Select, {
+    value: dir,
+    onChange: function onChange(v) {
+      setDir(v);
+
+      _onChange(_objectSpread(_objectSpread({}, value), {}, {
+        offset: Math.abs(value.offset) * v
+      }));
+    }
+  }, /*#__PURE__*/_react.default.createElement(_antd.Select.Option, {
+    value: 0
+  }, t('Exactly at')), /*#__PURE__*/_react.default.createElement(_antd.Select.Option, {
+    value: -1
+  }, t('Before')), /*#__PURE__*/_react.default.createElement(_antd.Select.Option, {
+    value: 1
+  }, t('After'))) : null, dir ? /*#__PURE__*/_react.default.createElement(_react.default.Fragment, null, /*#__PURE__*/_react.default.createElement(_antd.InputNumber, {
+    value: Math.abs(value.offset),
+    onChange: function onChange(v) {
+      return _onChange(_objectSpread(_objectSpread({}, value), {}, {
+        offset: v * dir
+      }));
+    }
+  }), /*#__PURE__*/_react.default.createElement(_antd.Select, {
+    value: value.unit || 86400000,
+    onChange: function onChange(unit) {
+      return _onChange(_objectSpread(_objectSpread({}, value), {}, {
+        unit: unit
+      }));
+    }
+  }, /*#__PURE__*/_react.default.createElement(_antd.Select.Option, {
+    value: 86400000
+  }, t('Days')), /*#__PURE__*/_react.default.createElement(_antd.Select.Option, {
+    value: 3600000
+  }, t('Hours')), /*#__PURE__*/_react.default.createElement(_antd.Select.Option, {
+    value: 60000
+  }, t('Minutes')), /*#__PURE__*/_react.default.createElement(_antd.Select.Option, {
+    value: 1000
+  }, t('Seconds')))) : null);
+};
+
+function EndsByField(_ref2) {
+  var value = _ref2.value,
+      _onChange2 = _ref2.onChange;
+
+  var _useTranslation2 = (0, _reactI18next.useTranslation)(),
+      t = _useTranslation2.t;
+
+  var _useState3 = (0, _react.useState)(_typeof(value) === 'object' && !(value instanceof Date) ? 'field' : 'date'),
+      _useState4 = _slicedToArray(_useState3, 2),
+      type = _useState4[0],
+      setType = _useState4[1];
+
+  return /*#__PURE__*/_react.default.createElement("fieldset", {
+    className: (0, _css.css)(_templateObject2 || (_templateObject2 = _taggedTemplateLiteral(["\n      display: flex;\n      gap: .5em;\n    "])))
+  }, /*#__PURE__*/_react.default.createElement(_antd.Select, {
+    value: type,
+    onChange: function onChange(t) {
+      _onChange2(t === 'field' ? {} : null);
+
+      setType(t);
+    }
+  }, /*#__PURE__*/_react.default.createElement(_antd.Select.Option, {
+    value: 'field'
+  }, t('By field')), /*#__PURE__*/_react.default.createElement(_antd.Select.Option, {
+    value: 'date'
+  }, t('By custom date'))), type === 'field' ? /*#__PURE__*/_react.default.createElement(OnField, {
+    value: value,
+    onChange: _onChange2
+  }) : /*#__PURE__*/_react.default.createElement(_schemaComponent.DatePicker, {
+    showTime: true,
+    value: value,
+    onChange: _onChange2
+  }));
+}
+
+function parseCronRule(cron) {
+  var _rules$index$;
+
+  if (!cron) {
+    return {
+      mode: 0
+    };
+  }
+
+  var rules = cron.split(/\s+/).slice(1).map(function (v) {
+    return v.split('/');
+  });
+  var index = rules.findIndex(function (rule) {
+    return rule[0] === '*';
+  });
+
+  if (index === -1) {
+    return {
+      mode: 0
+    };
+  } // fix days of week
+
+
+  if (index === 3 && rules[4][0] === '*') {
+    index = 4;
+  }
+
+  return {
+    mode: index + 1,
+    step: (_rules$index$ = rules[index][1]) !== null && _rules$index$ !== void 0 ? _rules$index$ : 1
+  };
+}
+
+var CronUnits = [{
+  value: 1,
+  option: 'By minute',
+  unitText: 'Minutes'
+}, {
+  value: 2,
+  option: 'By hour',
+  unitText: 'Hours'
+}, {
+  value: 3,
+  option: 'By date',
+  unitText: 'Days',
+  conflict: true,
+  startFrom: 1
+}, {
+  value: 4,
+  option: 'By month',
+  unitText: 'Months',
+  startFrom: 1
+}, {
+  value: 5,
+  option: 'By day of week',
+  unitText: 'Days',
+  conflict: true
+}];
+
+function getChangedCron(_ref3) {
+  var mode = _ref3.mode,
+      step = _ref3.step;
+  var m = mode - 1;
+  var left = [0].concat(_toConsumableArray(Array(m).fill(null).map(function (_, i) {
+    var _CronUnits$i$startFro;
+
+    if (CronUnits[m].conflict && CronUnits[i].conflict) {
+      return '?';
+    }
+
+    return i === 3 ? '*' : (_CronUnits$i$startFro = CronUnits[i].startFrom) !== null && _CronUnits$i$startFro !== void 0 ? _CronUnits$i$startFro : 0;
+  }))).join(' ');
+  var right = Array(5 - mode).fill(null).map(function (_, i) {
+    if (CronUnits[m].conflict && CronUnits[mode + i].conflict || mode === 4) {
+      return '?';
+    }
+
+    return '*';
+  }).join(' ');
+  return "".concat(left, " ").concat(!step || step == 1 ? '*' : "*/".concat(step)).concat(right ? " ".concat(right) : '');
+}
+
+var CronField = function CronField(_ref4) {
+  var _ref4$value = _ref4.value,
+      value = _ref4$value === void 0 ? '' : _ref4$value,
+      _onChange3 = _ref4.onChange;
+
+  var _useTranslation3 = (0, _reactI18next.useTranslation)(),
+      t = _useTranslation3.t;
+
+  var cron = parseCronRule(value);
+  var unit = CronUnits[cron.mode - 1];
+  return /*#__PURE__*/_react.default.createElement("fieldset", {
+    className: (0, _css.css)(_templateObject3 || (_templateObject3 = _taggedTemplateLiteral(["\n      display: flex;\n      gap: .5em;\n    "])))
+  }, /*#__PURE__*/_react.default.createElement(_antd.Select, {
+    value: cron.mode,
+    onChange: function onChange(v) {
+      return _onChange3(v ? getChangedCron({
+        step: cron.step,
+        mode: v
+      }) : '');
+    }
+  }, /*#__PURE__*/_react.default.createElement(_antd.Select.Option, {
+    value: 0
+  }, t('No repeat')), CronUnits.map(function (item) {
+    return /*#__PURE__*/_react.default.createElement(_antd.Select.Option, {
+      key: item.value,
+      value: item.value
+    }, t(item.option));
+  })), cron.mode ? /*#__PURE__*/_react.default.createElement(_antd.InputNumber, {
+    value: cron.step,
+    onChange: function onChange(v) {
+      return _onChange3(getChangedCron({
+        step: v,
+        mode: cron.mode
+      }));
+    },
+    min: 1,
+    addonBefore: t('Every'),
+    addonAfter: t(unit.unitText)
+  }) : null);
+};
+
+var ModeFieldsets = {
+  0: {
+    startsOn: {
+      type: 'datetime',
+      name: 'startsOn',
+      title: '{{t("Starts on")}}',
+      'x-decorator': 'FormItem',
+      'x-component': 'DatePicker',
+      'x-component-props': {
+        showTime: true
+      },
+      required: true
+    },
+    cron: {
+      type: 'string',
+      name: 'cron',
+      title: '{{t("Repeat mode")}}',
+      'x-decorator': 'FormItem',
+      'x-component': 'CronField',
+      'x-reactions': [{
+        target: 'config.endsOn',
+        fulfill: {
+          state: {
+            visible: '{{!!$self.value}}'
+          }
+        }
+      }, {
+        target: 'config.limit',
+        fulfill: {
+          state: {
+            visible: '{{!!$self.value}}'
+          }
+        }
+      }]
+    },
+    endsOn: {
+      type: 'datetime',
+      name: 'endsOn',
+      title: '{{t("Ends on")}}',
+      'x-decorator': 'FormItem',
+      'x-component': 'DatePicker',
+      'x-component-props': {
+        showTime: true
+      }
+    },
+    limit: {
+      type: 'number',
+      name: 'limit',
+      title: '{{t("Repeat limit")}}',
+      'x-decorator': 'FormItem',
+      'x-component': 'InputNumber',
+      'x-component-props': {
+        placeholder: '{{t("No limit")}}',
+        min: 0
+      }
+    }
+  },
+  1: {
+    collection: _objectSpread(_objectSpread({}, _collection.collection), {}, {
+      'x-reactions': [].concat(_toConsumableArray(_collection.collection['x-reactions']), [{
+        // only full path works
+        target: 'config.startsOn',
+        fulfill: {
+          state: {
+            visible: '{{!!$self.value}}'
+          }
+        }
+      }])
+    }),
+    startsOn: {
+      type: 'object',
+      title: '{{t("Starts on")}}',
+      'x-decorator': 'FormItem',
+      'x-component': 'OnField',
+      required: true
+    },
+    cron: {
+      type: 'string',
+      name: 'cron',
+      title: '{{t("Repeat mode")}}',
+      'x-decorator': 'FormItem',
+      'x-component': 'CronField',
+      'x-reactions': [{
+        target: 'config.endsOn',
+        fulfill: {
+          state: {
+            visible: '{{!!$self.value}}'
+          }
+        }
+      }, {
+        target: 'config.limit',
+        fulfill: {
+          state: {
+            visible: '{{!!$self.value}}'
+          }
+        }
+      }]
+    },
+    endsOn: {
+      type: 'object',
+      title: '{{t("Ends on")}}',
+      'x-decorator': 'FormItem',
+      'x-component': 'EndsByField'
+    },
+    limit: {
+      type: 'number',
+      name: 'limit',
+      title: '{{t("Repeat limit")}}',
+      'x-decorator': 'FormItem',
+      'x-component': 'InputNumber',
+      'x-component-props': {
+        placeholder: '{{t("No limit")}}',
+        min: 0
+      }
+    }
+  }
+};
+
+var ScheduleConfig = function ScheduleConfig() {
+  var _useForm2 = (0, _react2.useForm)(),
+      _useForm2$values = _useForm2.values,
+      values = _useForm2$values === void 0 ? {} : _useForm2$values,
+      clearFormGraph = _useForm2.clearFormGraph;
+
+  var _values$config2 = values.config,
+      config = _values$config2 === void 0 ? {} : _values$config2;
+
+  var _useState5 = (0, _react.useState)(config.mode),
+      _useState6 = _slicedToArray(_useState5, 2),
+      mode = _useState6[0],
+      setMode = _useState6[1];
+
+  (0, _react2.useFormEffects)(function () {
+    (0, _core.onFieldValueChange)('config.mode', function (field) {
+      setMode(field.value);
+      clearFormGraph('config.collection');
+      clearFormGraph('config.startsOn');
+      clearFormGraph('config.cron');
+      clearFormGraph('config.endsOn');
+    });
+  });
+  return /*#__PURE__*/_react.default.createElement(_react.default.Fragment, null, /*#__PURE__*/_react.default.createElement(_schemaComponent.SchemaComponent, {
+    schema: {
+      type: 'number',
+      title: '{{t("Trigger mode")}}',
+      name: 'mode',
+      'x-decorator': 'FormItem',
+      'x-component': 'Radio.Group',
+      'x-component-props': {
+        options: [{
+          value: 0,
+          label: '{{t("Based on certain date")}}'
+        }, {
+          value: 1,
+          label: '{{t("Based on date field of collection")}}'
+        }]
+      },
+      required: true
+    }
+  }), /*#__PURE__*/_react.default.createElement(_schemaComponent.SchemaComponent, {
+    schema: {
+      type: 'void',
+      properties: _defineProperty({}, "mode-".concat(mode), {
+        type: 'void',
+        'x-component': 'fieldset',
+        'x-component-props': {
+          className: (0, _css.css)(_templateObject4 || (_templateObject4 = _taggedTemplateLiteral(["\n                  .ant-select{\n                    width: auto;\n                    min-width: 4em;\n                  }\n\n                  .ant-input-number{\n                    width: 4em;\n                  }\n\n                  .ant-picker{\n                    width: auto;\n                  }\n                "])))
+        },
+        properties: ModeFieldsets[mode]
+      })
+    },
+    components: {
+      DateFieldsSelect: DateFieldsSelect,
+      OnField: OnField,
+      CronField: CronField,
+      EndsByField: EndsByField
+    }
+  }));
+};
+
+var _default = {
+  title: '{{t("Schedule event")}}',
+  type: 'schedule',
+  fieldset: {
+    config: {
+      type: 'object',
+      name: 'config',
+      'x-component': 'ScheduleConfig',
+      'x-component-props': {}
+    }
+  },
+  scope: {
+    useCollectionDataSource: _collectionManager.useCollectionDataSource
+  },
+  components: {
+    // FieldsSelect
+    ScheduleConfig: ScheduleConfig
+  },
+  getter: function getter(_ref5) {
+    var _collections$find, _options$path;
+
+    var type = _ref5.type,
+        options = _ref5.options,
+        _onChange4 = _ref5.onChange;
+
+    var _useTranslation4 = (0, _reactI18next.useTranslation)(),
+        t = _useTranslation4.t;
+
+    var compile = (0, _schemaComponent.useCompile)();
+
+    var _useCollectionManager2 = (0, _collectionManager.useCollectionManager)(),
+        _useCollectionManager3 = _useCollectionManager2.collections,
+        collections = _useCollectionManager3 === void 0 ? [] : _useCollectionManager3;
+
+    var _useFlowContext = (0, _WorkflowCanvas.useFlowContext)(),
+        workflow = _useFlowContext.workflow;
+
+    var collection = (_collections$find = collections.find(function (item) {
+      return item.name === workflow.config.collection;
+    })) !== null && _collections$find !== void 0 ? _collections$find : {
+      fields: []
+    };
+    return /*#__PURE__*/_react.default.createElement(_antd.Select, {
+      placeholder: t('Fields'),
+      value: options === null || options === void 0 ? void 0 : (_options$path = options.path) === null || _options$path === void 0 ? void 0 : _options$path.replace(/^data\./, ''),
+      onChange: function onChange(path) {
+        _onChange4({
+          type: type,
+          options: _objectSpread(_objectSpread({}, options), {}, {
+            path: "data.".concat(path)
+          })
+        });
+      }
+    }, collection.fields.filter(function (field) {
+      var _field$uiSchema2;
+
+      return _calculators.BaseTypeSet.has(field === null || field === void 0 ? void 0 : (_field$uiSchema2 = field.uiSchema) === null || _field$uiSchema2 === void 0 ? void 0 : _field$uiSchema2.type);
+    }).map(function (field) {
+      return /*#__PURE__*/_react.default.createElement(_antd.Select.Option, {
+        key: field.name,
+        value: field.name
+      }, compile(field.uiSchema.title));
+    }));
+  }
+};
+exports.default = _default;

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@nocobase/client",
-  "version": "0.7.0-alpha.82",
+  "version": "0.7.0-alpha.83",
   "license": "Apache-2.0",
   "licenses": [
     {
@@ -18,8 +18,8 @@
     "@formily/antd": "2.0.20",
     "@formily/core": "2.0.20",
     "@formily/react": "2.0.20",
-    "@nocobase/sdk": "0.7.0-alpha.82",
-    "@nocobase/utils": "0.7.0-alpha.82",
+    "@nocobase/sdk": "0.7.0-alpha.83",
+    "@nocobase/utils": "0.7.0-alpha.83",
     "ahooks": "^3.0.5",
     "antd": "~4.19.5",
     "axios": "^0.26.1",
@@ -52,5 +52,5 @@
     "@types/marked": "^4.0.1",
     "axios-mock-adapter": "^1.20.0"
   },
-  "gitHead": "4820fd09375c7200d1ea0bb0aab1bd4783b80d3d"
+  "gitHead": "838f4f18dcd9ed4fe2ae2660a4918e2a5bd3a869"
 }