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

package/lib/client/triggers/schedule/RepeatField.js

@@ -0,0 +1,191 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.RepeatField = RepeatField;
+
+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 _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;
+}
+
+function _reactJsCron() {
+  const data = require("react-js-cron");
+
+  _reactJsCron = function _reactJsCron() {
+    return data;
+  };
+
+  return data;
+}
+
+var _Cron = _interopRequireDefault(require("./locale/Cron.zh-CN"));
+
+function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
+
+const languages = {
+  'zh-CN': _Cron.default
+};
+const RepeatOptions = [{
+  value: 'none',
+  text: 'No repeat'
+}, {
+  value: 60000,
+  text: 'By minute',
+  unitText: 'Minutes'
+}, {
+  value: 3600000,
+  text: 'By hour',
+  unitText: 'Hours'
+}, {
+  value: 86400000,
+  text: 'By day',
+  unitText: 'Days'
+}, {
+  value: 604800000,
+  text: 'By week',
+  unitText: 'Weeks'
+}, // { value: 18144_000_000, text: 'By 30 days' },
+{
+  value: 'cron',
+  text: 'Advanced'
+}];
+
+function getNumberOption(v) {
+  const opts = RepeatOptions.filter(option => typeof option.value === 'number').reverse();
+  return opts.find(item => !(v % item.value));
+}
+
+function getRepeatTypeValue(v) {
+  switch (typeof v) {
+    case 'number':
+      const option = getNumberOption(v);
+      return option ? option.value : 'none';
+
+    case 'string':
+      return 'cron';
+
+    default:
+      break;
+  }
+
+  return 'none';
+}
+
+function CommonRepeatField({
+  value,
+  onChange: _onChange
+}) {
+  const _useTranslation = (0, _reactI18next().useTranslation)(),
+        t = _useTranslation.t;
+
+  const option = getNumberOption(value);
+  return _react().default.createElement(_antd().InputNumber, {
+    value: value / option.value,
+    onChange: v => _onChange(v * option.value),
+    min: 1,
+    addonBefore: t('Every'),
+    addonAfter: t(option.unitText)
+  });
+}
+
+function RepeatField({
+  value = null,
+  onChange
+}) {
+  const _useTranslation2 = (0, _reactI18next().useTranslation)(),
+        t = _useTranslation2.t;
+
+  const typeValue = getRepeatTypeValue(value);
+
+  function onTypeChange(v) {
+    if (v === 'none') {
+      onChange(null);
+      return;
+    }
+
+    if (v === 'cron') {
+      onChange('0 * * * * *');
+      return;
+    }
+
+    onChange(v);
+  }
+
+  const locale = languages[localStorage.getItem('NOCOBASE_LOCALE') || 'en-US'];
+  return _react().default.createElement("fieldset", {
+    className: (0, _css().css)`
+      display: flex;
+      flex-direction: ${typeValue === 'cron' ? 'column' : 'row'};
+      align-items: flex-start;
+      gap: .5em;
+
+      .react-js-cron{
+        padding: .5em .5em 0 .5em;
+        border: 1px dashed #ccc;
+
+        .react-js-cron-field{
+          margin-bottom: .5em;
+
+          > span{
+            margin: 0 .5em 0 0;
+          }
+
+          > .react-js-cron-select{
+            margin: 0 .5em 0 0;
+          }
+        }
+      }
+    `
+  }, _react().default.createElement(_antd().Select, {
+    value: typeValue,
+    onChange: onTypeChange
+  }, RepeatOptions.map(item => _react().default.createElement(_antd().Select.Option, {
+    key: item.value,
+    value: item.value
+  }, t(item.text)))), typeof typeValue === 'number' ? _react().default.createElement(CommonRepeatField, {
+    value: value,
+    onChange: onChange
+  }) : null, typeValue === 'cron' ? _react().default.createElement(_reactJsCron().Cron, {
+    value: value.trim().split(/\s+/).slice(1).join(' '),
+    setValue: v => onChange(`0 ${v}`),
+    clearButton: false,
+    locale: locale
+  }) : null);
+}

package/lib/client/triggers/schedule/ScheduleConfig.d.ts

@@ -0,0 +1 @@
+export declare const ScheduleConfig: () => JSX.Element;

package/lib/client/triggers/schedule/ScheduleConfig.js

@@ -0,0 +1,286 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.ScheduleConfig = void 0;
+
+function _react() {
+  const data = _interopRequireWildcard(require("react"));
+
+  _react = function _react() {
+    return data;
+  };
+
+  return data;
+}
+
+function _core() {
+  const data = require("@formily/core");
+
+  _core = function _core() {
+    return data;
+  };
+
+  return data;
+}
+
+function _react2() {
+  const data = require("@formily/react");
+
+  _react2 = function _react2() {
+    return data;
+  };
+
+  return data;
+}
+
+function _css() {
+  const data = require("@emotion/css");
+
+  _css = function _css() {
+    return data;
+  };
+
+  return data;
+}
+
+function _client() {
+  const data = require("@nocobase/client");
+
+  _client = function _client() {
+    return data;
+  };
+
+  return data;
+}
+
+var _collection = require("../../schemas/collection");
+
+var _OnField = require("./OnField");
+
+var _EndsByField = require("./EndsByField");
+
+var _RepeatField = require("./RepeatField");
+
+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; }
+
+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; }
+
+const ModeFieldsets = {
+  0: {
+    startsOn: {
+      type: 'datetime',
+      name: 'startsOn',
+      title: '{{t("Starts on")}}',
+      'x-decorator': 'FormItem',
+      'x-component': 'DatePicker',
+      'x-component-props': {
+        showTime: true
+      },
+      required: true
+    },
+    repeat: {
+      type: 'string',
+      name: 'repeat',
+      title: '{{t("Repeat mode")}}',
+      'x-decorator': 'FormItem',
+      'x-component': 'RepeatField',
+      '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': [..._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',
+      'x-reactions': [{
+        target: 'config.repeat',
+        fulfill: {
+          state: {
+            visible: '{{!!$self.value}}'
+          }
+        }
+      }],
+      required: true
+    },
+    repeat: {
+      type: 'string',
+      name: 'repeat',
+      title: '{{t("Repeat mode")}}',
+      'x-decorator': 'FormItem',
+      'x-component': 'RepeatField',
+      '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
+      }
+    }
+  }
+};
+
+const ScheduleConfig = () => {
+  const _useForm = (0, _react2().useForm)(),
+        _useForm$values = _useForm.values,
+        values = _useForm$values === void 0 ? {} : _useForm$values,
+        clearFormGraph = _useForm.clearFormGraph;
+
+  const _values$config = values.config,
+        config = _values$config === void 0 ? {} : _values$config;
+
+  const _useState = (0, _react().useState)(config.mode),
+        _useState2 = _slicedToArray(_useState, 2),
+        mode = _useState2[0],
+        setMode = _useState2[1];
+
+  (0, _react2().useFormEffects)(() => {
+    (0, _core().onFieldValueChange)('config.mode', field => {
+      setMode(field.value);
+      clearFormGraph('config.collection');
+      clearFormGraph('config.startsOn');
+      clearFormGraph('config.repeat');
+      clearFormGraph('config.endsOn');
+      clearFormGraph('config.limit');
+    });
+  });
+  return _react().default.createElement(_react().default.Fragment, null, _react().default.createElement(_client().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
+    }
+  }), _react().default.createElement(_client().SchemaComponent, {
+    schema: {
+      type: 'void',
+      properties: {
+        [`mode-${mode}`]: {
+          type: 'void',
+          'x-component': 'fieldset',
+          'x-component-props': {
+            className: (0, _css().css)`
+                  .ant-input-number{
+                    width: 4em;
+                  }
+
+                  .ant-picker{
+                    width: auto;
+                  }
+                `
+          },
+          properties: ModeFieldsets[mode]
+        }
+      }
+    },
+    components: {
+      OnField: _OnField.OnField,
+      RepeatField: _RepeatField.RepeatField,
+      EndsByField: _EndsByField.EndsByField
+    }
+  }));
+};
+
+exports.ScheduleConfig = ScheduleConfig;

package/lib/client/triggers/schedule/index.d.ts

@@ -0,0 +1,25 @@
+import { useCollectionDataSource } from '@nocobase/client';
+declare const _default: {
+    title: string;
+    type: string;
+    fieldset: {
+        config: {
+            type: string;
+            name: string;
+            'x-component': string;
+            'x-component-props': {};
+        };
+    };
+    scope: {
+        useCollectionDataSource: typeof useCollectionDataSource;
+    };
+    components: {
+        ScheduleConfig: () => JSX.Element;
+    };
+    getter({ type, options, onChange }: {
+        type: any;
+        options: any;
+        onChange: any;
+    }): JSX.Element;
+};
+export default _default;

package/lib/client/triggers/schedule/index.js

@@ -0,0 +1,124 @@
+"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 _reactI18next() {
+  const data = require("react-i18next");
+
+  _reactI18next = function _reactI18next() {
+    return data;
+  };
+
+  return data;
+}
+
+function _antd() {
+  const data = require("antd");
+
+  _antd = function _antd() {
+    return data;
+  };
+
+  return data;
+}
+
+function _client() {
+  const data = require("@nocobase/client");
+
+  _client = function _client() {
+    return data;
+  };
+
+  return data;
+}
+
+var _ScheduleConfig = require("./ScheduleConfig");
+
+var _WorkflowCanvas = require("../../WorkflowCanvas");
+
+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("Schedule event")}}',
+  type: 'schedule',
+  fieldset: {
+    config: {
+      type: 'object',
+      name: 'config',
+      'x-component': 'ScheduleConfig',
+      'x-component-props': {}
+    }
+  },
+  scope: {
+    useCollectionDataSource: _client().useCollectionDataSource
+  },
+  components: {
+    ScheduleConfig: _ScheduleConfig.ScheduleConfig
+  },
+
+  getter({
+    type,
+    options,
+    onChange: _onChange
+  }) {
+    var _collections$find, _options$path;
+
+    const _useTranslation = (0, _reactI18next().useTranslation)(),
+          t = _useTranslation.t;
+
+    const compile = (0, _client().useCompile)();
+
+    const _useCollectionManager = (0, _client().useCollectionManager)(),
+          _useCollectionManager2 = _useCollectionManager.collections,
+          collections = _useCollectionManager2 === void 0 ? [] : _useCollectionManager2;
+
+    const _useFlowContext = (0, _WorkflowCanvas.useFlowContext)(),
+          workflow = _useFlowContext.workflow;
+
+    const collection = (_collections$find = collections.find(item => item.name === workflow.config.collection)) !== null && _collections$find !== void 0 ? _collections$find : {
+      fields: []
+    };
+    return _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: path => {
+        _onChange({
+          type,
+          options: _objectSpread(_objectSpread({}, options), {}, {
+            path: `data.${path}`
+          })
+        });
+      }
+    }, collection.fields.filter(field => {
+      var _field$uiSchema;
+
+      return _calculators.BaseTypeSet.has(field === null || field === void 0 ? void 0 : (_field$uiSchema = field.uiSchema) === null || _field$uiSchema === void 0 ? void 0 : _field$uiSchema.type);
+    }).map(field => _react().default.createElement(_antd().Select.Option, {
+      key: field.name,
+      value: field.name
+    }, compile(field.uiSchema.title))));
+  }
+
+};
+exports.default = _default;

package/lib/client/triggers/schedule/locale/Cron.zh-CN.d.ts

@@ -0,0 +1,34 @@
+declare const _default: {
+    everyText: string;
+    emptyMonths: string;
+    emptyMonthDays: string;
+    emptyMonthDaysShort: string;
+    emptyWeekDays: string;
+    emptyWeekDaysShort: string;
+    emptyHours: string;
+    emptyMinutes: string;
+    emptyMinutesForHourPeriod: string;
+    yearOption: string;
+    monthOption: string;
+    weekOption: string;
+    dayOption: string;
+    hourOption: string;
+    minuteOption: string;
+    rebootOption: string;
+    prefixPeriod: string;
+    prefixMonths: string;
+    prefixMonthDays: string;
+    prefixWeekDays: string;
+    prefixWeekDaysForMonthAndYearPeriod: string;
+    prefixHours: string;
+    prefixMinutes: string;
+    prefixMinutesForHourPeriod: string;
+    suffixMinutesForHourPeriod: string;
+    errorInvalidCron: string;
+    clearButtonText: string;
+    weekDays: string[];
+    months: string[];
+    altWeekDays: string[];
+    altMonths: string[];
+};
+export default _default;