@nocobase/client 0.7.0-alpha.82 → 0.7.1-alpha.4

package/es/workflow/triggers/index.js

@@ -1,16 +1,22 @@
+var _templateObject;
+
+function _taggedTemplateLiteral(strings, raw) { if (!raw) { raw = strings.slice(0); } return Object.freeze(Object.defineProperties(strings, { raw: { value: Object.freeze(raw) } })); }
+
 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); }); }; }
 
-import React from "react";
+import { css, cx } from "@emotion/css";
 import { useForm } from "@formily/react";
-import { cx } from "@emotion/css";
-import { Registry } from "@nocobase/utils";
-import { useTranslation } from "react-i18next";
+import { Registry } from "@nocobase/utils/client";
 import { message, Tag } from "antd";
-import { SchemaComponent, useActionContext, useAPIClient, useCompile, useRecord, useResourceActionContext } from '../../';
-import collection from './collection';
+import React from "react";
+import { useTranslation } from "react-i18next";
+import { SchemaComponent, useActionContext, useAPIClient, useCompile, useResourceActionContext } from '../../';
 import { nodeCardClass, nodeMetaClass } from "../style";
+import { useFlowContext } from "../WorkflowCanvas";
+import collection from './collection';
+import schedule from "./schedule/";
 
 function useUpdateConfigAction() {
   var _useTranslation = useTranslation(),
@@ -18,7 +24,10 @@ function useUpdateConfigAction() {
 
   var form = useForm();
   var api = useAPIClient();
-  var record = useRecord();
+
+  var _useFlowContext = useFlowContext(),
+      workflow = _useFlowContext.workflow;
+
   var ctx = useActionContext();
 
   var _useResourceActionCon = useResourceActionContext(),
@@ -31,7 +40,7 @@ function useUpdateConfigAction() {
           while (1) {
             switch (_context.prev = _context.next) {
               case 0:
-                if (!record.executed) {
+                if (!workflow.executed) {
                   _context.next = 3;
                   break;
                 }
@@ -45,8 +54,8 @@ function useUpdateConfigAction() {
 
               case 5:
                 _context.next = 7;
-                return api.resource('workflows', record.id).update({
-                  filterByTk: record.id,
+                return api.resource('workflows').update({
+                  filterByTk: workflow.id,
                   values: form.values
                 });
 
@@ -69,6 +78,7 @@ function useUpdateConfigAction() {
 ;
 export var triggers = new Registry();
 triggers.register(collection.type, collection);
+triggers.register(schedule.type, schedule);
 export var TriggerConfig = function TriggerConfig() {
   var _useTranslation2 = useTranslation(),
       t = _useTranslation2.t;
@@ -123,7 +133,9 @@ export var TriggerConfig = function TriggerConfig() {
               type: 'void',
               name: 'config',
               'x-component': 'fieldset',
-              'x-component-props': {},
+              'x-component-props': {
+                className: css(_templateObject || (_templateObject = _taggedTemplateLiteral(["\n                      .ant-select{\n                        width: auto;\n                      }\n                    "])))
+              },
               properties: fieldset
             },
             actions: {

package/es/workflow/triggers/schedule/DateFieldsSelect.d.ts

@@ -0,0 +1,2 @@
+import React from "react";
+export declare const DateFieldsSelect: React.FC<any>;

package/es/workflow/triggers/schedule/DateFieldsSelect.js

@@ -0,0 +1,39 @@
+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; }
+
+import React from "react";
+import { observer, useForm } from "@formily/react";
+import { Select } from "antd";
+import { useCollectionManager, useCompile } from "../../../";
+import { useTranslation } from "react-i18next";
+export var DateFieldsSelect = observer(function (props) {
+  var _values$config;
+
+  var _useTranslation = useTranslation(),
+      t = _useTranslation.t;
+
+  var compile = useCompile();
+
+  var _useCollectionManager = useCollectionManager(),
+      getCollectionFields = _useCollectionManager.getCollectionFields;
+
+  var _useForm = 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.createElement(Select, _objectSpread({
+    placeholder: t('Select Field')
+  }, props), fields.filter(function (field) {
+    return !field.hidden && (field.uiSchema ? field.type === 'date' : false);
+  }).map(function (field) {
+    var _field$uiSchema;
+
+    return /*#__PURE__*/React.createElement(Select.Option, {
+      key: field.name,
+      value: field.name
+    }, compile((_field$uiSchema = field.uiSchema) === null || _field$uiSchema === void 0 ? void 0 : _field$uiSchema.title));
+  }));
+});

package/es/workflow/triggers/schedule/EndsByField.d.ts

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

package/es/workflow/triggers/schedule/EndsByField.js

@@ -0,0 +1,57 @@
+var _templateObject;
+
+function _taggedTemplateLiteral(strings, raw) { if (!raw) { raw = strings.slice(0); } return Object.freeze(Object.defineProperties(strings, { raw: { value: Object.freeze(raw) } })); }
+
+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 _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 { css } from "@emotion/css";
+import { DatePicker, Select } from "antd";
+import React, { useState } from "react";
+import { useTranslation } from "react-i18next";
+import { OnField } from "./OnField";
+export function EndsByField(_ref) {
+  var value = _ref.value,
+      _onChange = _ref.onChange;
+
+  var _useTranslation = useTranslation(),
+      t = _useTranslation.t;
+
+  var _useState = useState(_typeof(value) === 'object' && !(value instanceof Date) ? 'field' : 'date'),
+      _useState2 = _slicedToArray(_useState, 2),
+      type = _useState2[0],
+      setType = _useState2[1];
+
+  return /*#__PURE__*/React.createElement("fieldset", {
+    className: css(_templateObject || (_templateObject = _taggedTemplateLiteral(["\n      display: flex;\n      gap: .5em;\n    "])))
+  }, /*#__PURE__*/React.createElement(Select, {
+    value: type,
+    onChange: function onChange(t) {
+      _onChange(t === 'field' ? {} : null);
+
+      setType(t);
+    }
+  }, /*#__PURE__*/React.createElement(Select.Option, {
+    value: 'field'
+  }, t('By field')), /*#__PURE__*/React.createElement(Select.Option, {
+    value: 'date'
+  }, t('By custom date'))), type === 'field' ? /*#__PURE__*/React.createElement(OnField, {
+    value: value,
+    onChange: _onChange
+  }) : /*#__PURE__*/React.createElement(DatePicker, {
+    showTime: true,
+    value: value,
+    onChange: _onChange
+  }));
+}

package/es/workflow/triggers/schedule/OnField.d.ts

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

package/es/workflow/triggers/schedule/OnField.js

@@ -0,0 +1,87 @@
+var _templateObject;
+
+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 _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; }
+
+import React, { useState } from "react";
+import { css } from "@emotion/css";
+import { InputNumber, Select } from "antd";
+import { useTranslation } from "react-i18next";
+import { DateFieldsSelect } from "./DateFieldsSelect";
+export function OnField(_ref) {
+  var value = _ref.value,
+      _onChange = _ref.onChange;
+
+  var _useTranslation = useTranslation(),
+      t = _useTranslation.t;
+
+  var _useState = useState(value.offset ? value.offset / Math.abs(value.offset) : 0),
+      _useState2 = _slicedToArray(_useState, 2),
+      dir = _useState2[0],
+      setDir = _useState2[1];
+
+  return /*#__PURE__*/React.createElement("fieldset", {
+    className: css(_templateObject || (_templateObject = _taggedTemplateLiteral(["\n      display: flex;\n      gap: .5em;\n    "])))
+  }, /*#__PURE__*/React.createElement(DateFieldsSelect, {
+    value: value.field,
+    onChange: function onChange(field) {
+      return _onChange(_objectSpread(_objectSpread({}, value), {}, {
+        field: field
+      }));
+    }
+  }), value.field ? /*#__PURE__*/React.createElement(Select, {
+    value: dir,
+    onChange: function onChange(v) {
+      setDir(v);
+
+      _onChange(_objectSpread(_objectSpread({}, value), {}, {
+        offset: Math.abs(value.offset) * v
+      }));
+    }
+  }, /*#__PURE__*/React.createElement(Select.Option, {
+    value: 0
+  }, t('Exactly at')), /*#__PURE__*/React.createElement(Select.Option, {
+    value: -1
+  }, t('Before')), /*#__PURE__*/React.createElement(Select.Option, {
+    value: 1
+  }, t('After'))) : null, dir ? /*#__PURE__*/React.createElement(React.Fragment, null, /*#__PURE__*/React.createElement(InputNumber, {
+    value: Math.abs(value.offset),
+    onChange: function onChange(v) {
+      return _onChange(_objectSpread(_objectSpread({}, value), {}, {
+        offset: v * dir
+      }));
+    }
+  }), /*#__PURE__*/React.createElement(Select, {
+    value: value.unit || 86400000,
+    onChange: function onChange(unit) {
+      return _onChange(_objectSpread(_objectSpread({}, value), {}, {
+        unit: unit
+      }));
+    }
+  }, /*#__PURE__*/React.createElement(Select.Option, {
+    value: 86400000
+  }, t('Days')), /*#__PURE__*/React.createElement(Select.Option, {
+    value: 3600000
+  }, t('Hours')), /*#__PURE__*/React.createElement(Select.Option, {
+    value: 60000
+  }, t('Minutes')), /*#__PURE__*/React.createElement(Select.Option, {
+    value: 1000
+  }, t('Seconds')))) : null);
+}

package/es/workflow/triggers/schedule/RepeatField.d.ts

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

package/es/workflow/triggers/schedule/RepeatField.js

@@ -0,0 +1,131 @@
+var _templateObject;
+
+function _taggedTemplateLiteral(strings, raw) { if (!raw) { raw = strings.slice(0); } return Object.freeze(Object.defineProperties(strings, { raw: { value: Object.freeze(raw) } })); }
+
+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); }
+
+import { css } from "@emotion/css";
+import { InputNumber, Select } from "antd";
+import React from "react";
+import { useTranslation } from "react-i18next";
+import { Cron } from 'react-js-cron';
+import CronZhCN from './locale/Cron.zh-CN';
+var languages = {
+  'zh-CN': CronZhCN
+};
+var 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) {
+  var opts = RepeatOptions.filter(function (option) {
+    return typeof option.value === 'number';
+  }).reverse();
+  return opts.find(function (item) {
+    return !(v % item.value);
+  });
+}
+
+function getRepeatTypeValue(v) {
+  switch (_typeof(v)) {
+    case 'number':
+      var option = getNumberOption(v);
+      return option ? option.value : 'none';
+
+    case 'string':
+      return 'cron';
+
+    default:
+      break;
+  }
+
+  return 'none';
+}
+
+function CommonRepeatField(_ref) {
+  var value = _ref.value,
+      _onChange = _ref.onChange;
+
+  var _useTranslation = useTranslation(),
+      t = _useTranslation.t;
+
+  var option = getNumberOption(value);
+  return /*#__PURE__*/React.createElement(InputNumber, {
+    value: value / option.value,
+    onChange: function onChange(v) {
+      return _onChange(v * option.value);
+    },
+    min: 1,
+    addonBefore: t('Every'),
+    addonAfter: t(option.unitText)
+  });
+}
+
+export function RepeatField(_ref2) {
+  var _ref2$value = _ref2.value,
+      value = _ref2$value === void 0 ? null : _ref2$value,
+      onChange = _ref2.onChange;
+
+  var _useTranslation2 = useTranslation(),
+      t = _useTranslation2.t;
+
+  var typeValue = getRepeatTypeValue(value);
+
+  function onTypeChange(v) {
+    if (v === 'none') {
+      onChange(null);
+      return;
+    }
+
+    if (v === 'cron') {
+      onChange('0 * * * * *');
+      return;
+    }
+
+    onChange(v);
+  }
+
+  var locale = languages[localStorage.getItem('NOCOBASE_LOCALE') || 'en-US'];
+  return /*#__PURE__*/React.createElement("fieldset", {
+    className: css(_templateObject || (_templateObject = _taggedTemplateLiteral(["\n      display: flex;\n      flex-direction: ", ";\n      align-items: flex-start;\n      gap: .5em;\n\n      .react-js-cron{\n        padding: .5em .5em 0 .5em;\n        border: 1px dashed #ccc;\n\n        .react-js-cron-field{\n          margin-bottom: .5em;\n\n          > span{\n            margin: 0 .5em 0 0;\n          }\n\n          > .react-js-cron-select{\n            margin: 0 .5em 0 0;\n          }\n        }\n      }\n    "])), typeValue === 'cron' ? 'column' : 'row')
+  }, /*#__PURE__*/React.createElement(Select, {
+    value: typeValue,
+    onChange: onTypeChange
+  }, RepeatOptions.map(function (item) {
+    return /*#__PURE__*/React.createElement(Select.Option, {
+      key: item.value,
+      value: item.value
+    }, t(item.text));
+  })), typeof typeValue === 'number' ? /*#__PURE__*/React.createElement(CommonRepeatField, {
+    value: value,
+    onChange: onChange
+  }) : null, typeValue === 'cron' ? /*#__PURE__*/React.createElement(Cron, {
+    value: value.trim().split(/\s+/).slice(1).join(' '),
+    setValue: function setValue(v) {
+      return onChange("0 ".concat(v));
+    },
+    clearButton: false,
+    locale: locale
+  }) : null);
+}

package/es/workflow/triggers/schedule/ScheduleConfig.d.ts

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

package/es/workflow/triggers/schedule/ScheduleConfig.js

@@ -0,0 +1,225 @@
+var _templateObject;
+
+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 _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 _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 _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 _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 _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 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; }
+
+import React, { useState } from 'react';
+import { onFieldValueChange } from '@formily/core';
+import { useForm, useFormEffects } from '@formily/react';
+import { css } from '@emotion/css';
+import { SchemaComponent } from '../../../';
+import { collection } from '../../schemas/collection';
+import { OnField } from './OnField';
+import { EndsByField } from './EndsByField';
+import { RepeatField } from './RepeatField';
+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
+    },
+    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), {}, {
+      'x-reactions': [].concat(_toConsumableArray(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
+      }
+    }
+  }
+};
+export var ScheduleConfig = function ScheduleConfig() {
+  var _useForm = useForm(),
+      _useForm$values = _useForm.values,
+      values = _useForm$values === void 0 ? {} : _useForm$values,
+      clearFormGraph = _useForm.clearFormGraph;
+
+  var _values$config = values.config,
+      config = _values$config === void 0 ? {} : _values$config;
+
+  var _useState = useState(config.mode),
+      _useState2 = _slicedToArray(_useState, 2),
+      mode = _useState2[0],
+      setMode = _useState2[1];
+
+  useFormEffects(function () {
+    onFieldValueChange('config.mode', function (field) {
+      setMode(field.value);
+      clearFormGraph('config.collection');
+      clearFormGraph('config.startsOn');
+      clearFormGraph('config.repeat');
+      clearFormGraph('config.endsOn');
+      clearFormGraph('config.limit');
+    });
+  });
+  return /*#__PURE__*/React.createElement(React.Fragment, null, /*#__PURE__*/React.createElement(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.createElement(SchemaComponent, {
+    schema: {
+      type: 'void',
+      properties: _defineProperty({}, "mode-".concat(mode), {
+        type: 'void',
+        'x-component': 'fieldset',
+        'x-component-props': {
+          className: css(_templateObject || (_templateObject = _taggedTemplateLiteral(["\n                  .ant-input-number{\n                    width: 4em;\n                  }\n\n                  .ant-picker{\n                    width: auto;\n                  }\n                "])))
+        },
+        properties: ModeFieldsets[mode]
+      })
+    },
+    components: {
+      OnField: OnField,
+      RepeatField: RepeatField,
+      EndsByField: EndsByField
+    }
+  }));
+};