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

package/lib/workflow/triggers/collection.js

@@ -23,8 +23,14 @@ var _collection = require("../schemas/collection");
 
 var _reactI18next = require("react-i18next");
 
+var _css = require("@emotion/css");
+
+var _templateObject;
+
 function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
 
+function _taggedTemplateLiteral(strings, raw) { if (!raw) { raw = strings.slice(0); } return Object.freeze(Object.defineProperties(strings, { raw: { value: Object.freeze(raw) } })); }
+
 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; }
@@ -43,12 +49,15 @@ var FieldsSelect = (0, _react2.observer)(function (props) {
       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 /*#__PURE__*/_react.default.createElement(_antd.Select, _objectSpread(_objectSpread({}, props), {}, {
+    className: (0, _css.css)(_templateObject || (_templateObject = _taggedTemplateLiteral(["\n        min-width: 6em;\n      "])))
+  }), fields.filter(function (field) {
     return !field.hidden && (field.uiSchema ? !field.uiSchema['x-read-pretty'] : true);
   }).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));
   }));
@@ -77,7 +86,8 @@ var _default = {
         }, {
           value: 4,
           label: '{{t("After record deleted")}}'
-        }]
+        }],
+        placeholder: '{{t("Trigger on")}}'
       },
       required: true
     },
@@ -89,7 +99,8 @@ var _default = {
       'x-decorator': 'FormItem',
       'x-component': 'FieldsSelect',
       'x-component-props': {
-        mode: 'multiple'
+        mode: 'multiple',
+        placeholder: '{{t("Select Field")}}'
       }
     },
     'config.condition': _objectSpread(_objectSpread({}, _collection.filter), {}, {

package/lib/workflow/triggers/index.d.ts

@@ -1,6 +1,6 @@
-import React from "react";
 import { ISchema } from "@formily/react";
-import { Registry } from "@nocobase/utils";
+import { Registry } from "@nocobase/utils/client";
+import React from "react";
 export interface Trigger {
     title: string;
     type: string;

package/lib/workflow/triggers/index.js

@@ -5,26 +5,34 @@ Object.defineProperty(exports, "__esModule", {
 });
 exports.triggers = exports.TriggerConfig = void 0;
 
-var _react = _interopRequireDefault(require("react"));
-
-var _react2 = require("@formily/react");
-
 var _css = require("@emotion/css");
 
-var _utils = require("@nocobase/utils");
+var _react = require("@formily/react");
 
-var _reactI18next = require("react-i18next");
+var _client = require("@nocobase/utils/client");
 
 var _antd = require("antd");
 
+var _react2 = _interopRequireDefault(require("react"));
+
+var _reactI18next = require("react-i18next");
+
 var _ = require("../../");
 
+var _style = require("../style");
+
+var _WorkflowCanvas = require("../WorkflowCanvas");
+
 var _collection = _interopRequireDefault(require("./collection"));
 
-var _style = require("../style");
+var _schedule = _interopRequireDefault(require("./schedule/"));
+
+var _templateObject;
 
 function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
 
+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); }); }; }
@@ -33,9 +41,12 @@ function useUpdateConfigAction() {
   var _useTranslation = (0, _reactI18next.useTranslation)(),
       t = _useTranslation.t;
 
-  var form = (0, _react2.useForm)();
+  var form = (0, _react.useForm)();
   var api = (0, _.useAPIClient)();
-  var record = (0, _.useRecord)();
+
+  var _useFlowContext = (0, _WorkflowCanvas.useFlowContext)(),
+      workflow = _useFlowContext.workflow;
+
   var ctx = (0, _.useActionContext)();
 
   var _useResourceActionCon = (0, _.useResourceActionContext)(),
@@ -48,7 +59,7 @@ function useUpdateConfigAction() {
           while (1) {
             switch (_context.prev = _context.next) {
               case 0:
-                if (!record.executed) {
+                if (!workflow.executed) {
                   _context.next = 3;
                   break;
                 }
@@ -63,8 +74,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
                 });
 
@@ -85,9 +96,10 @@ function useUpdateConfigAction() {
 
 ;
 ;
-var triggers = new _utils.Registry();
+var triggers = new _client.Registry();
 exports.triggers = triggers;
 triggers.register(_collection.default.type, _collection.default);
+triggers.register(_schedule.default.type, _schedule.default);
 
 var TriggerConfig = function TriggerConfig() {
   var _useTranslation2 = (0, _reactI18next.useTranslation)(),
@@ -115,13 +127,13 @@ var TriggerConfig = function TriggerConfig() {
 
   var detailText = executed ? '{{t("View")}}' : '{{t("Configure")}}';
   var titleText = "".concat(t('Trigger'), ": ").concat(compile(title));
-  return /*#__PURE__*/_react.default.createElement("div", {
+  return /*#__PURE__*/_react2.default.createElement("div", {
     className: (0, _css.cx)(_style.nodeCardClass)
-  }, /*#__PURE__*/_react.default.createElement("div", {
+  }, /*#__PURE__*/_react2.default.createElement("div", {
     className: (0, _css.cx)(_style.nodeMetaClass)
-  }, /*#__PURE__*/_react.default.createElement(_antd.Tag, {
+  }, /*#__PURE__*/_react2.default.createElement(_antd.Tag, {
     color: "gold"
-  }, t('Trigger'))), /*#__PURE__*/_react.default.createElement("h4", null, compile(title)), /*#__PURE__*/_react.default.createElement(_.SchemaComponent, {
+  }, t('Trigger'))), /*#__PURE__*/_react2.default.createElement("h4", null, compile(title)), /*#__PURE__*/_react2.default.createElement(_.SchemaComponent, {
     schema: {
       type: 'void',
       title: detailText,
@@ -143,7 +155,9 @@ var TriggerConfig = function TriggerConfig() {
               type: 'void',
               name: 'config',
               'x-component': 'fieldset',
-              'x-component-props': {},
+              'x-component-props': {
+                className: (0, _css.css)(_templateObject || (_templateObject = _taggedTemplateLiteral(["\n                      .ant-select{\n                        width: auto;\n                      }\n                    "])))
+              },
               properties: fieldset
             },
             actions: {

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

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

package/lib/{action-logs/ActionLogBlockInitializer.js → workflow/triggers/schedule/DateFieldsSelect.js}

@@ -3,15 +3,17 @@
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
-exports.ActionLogBlockInitializer = void 0;
-
-var _icons = require("@ant-design/icons");
+exports.DateFieldsSelect = void 0;
 
 var _react = _interopRequireDefault(require("react"));
 
-var _reactI18next = require("react-i18next");
+var _react2 = require("@formily/react");
+
+var _antd = require("antd");
 
-var _schemaInitializer = require("../schema-initializer");
+var _ = require("../../../");
+
+var _reactI18next = require("react-i18next");
 
 function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
 
@@ -21,28 +23,32 @@ function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { va
 
 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 ActionLogBlockInitializer = function ActionLogBlockInitializer(props) {
-  var insert = props.insert;
+var DateFieldsSelect = (0, _react2.observer)(function (props) {
+  var _values$config;
 
   var _useTranslation = (0, _reactI18next.useTranslation)(),
       t = _useTranslation.t;
 
-  return /*#__PURE__*/_react.default.createElement(_schemaInitializer.SchemaInitializer.Item, _objectSpread(_objectSpread({}, props), {}, {
-    icon: /*#__PURE__*/_react.default.createElement(_icons.TableOutlined, null),
-    onClick: function onClick(_ref) {
-      var item = _ref.item;
-      insert({
-        type: 'void',
-        'x-component': 'ActionLog',
-        'x-component-props': {}
-      });
-    },
-    items: [{
-      type: 'item',
-      name: 'ActionLog',
-      title: t('Action Logs')
-    }]
-  }));
-};
+  var compile = (0, _.useCompile)();
 
-exports.ActionLogBlockInitializer = ActionLogBlockInitializer;
+  var _useCollectionManager = (0, _.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({
+    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.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));
+  }));
+});
+exports.DateFieldsSelect = DateFieldsSelect;

package/lib/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/lib/workflow/triggers/schedule/EndsByField.js

@@ -0,0 +1,73 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.EndsByField = EndsByField;
+
+var _css = require("@emotion/css");
+
+var _antd = require("antd");
+
+var _react = _interopRequireWildcard(require("react"));
+
+var _reactI18next = require("react-i18next");
+
+var _OnField = require("./OnField");
+
+var _templateObject;
+
+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 _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; }
+
+function EndsByField(_ref) {
+  var value = _ref.value,
+      _onChange = _ref.onChange;
+
+  var _useTranslation = (0, _reactI18next.useTranslation)(),
+      t = _useTranslation.t;
+
+  var _useState = (0, _react.useState)(_typeof(value) === 'object' && !(value instanceof Date) ? 'field' : 'date'),
+      _useState2 = _slicedToArray(_useState, 2),
+      type = _useState2[0],
+      setType = _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(_antd.Select, {
+    value: type,
+    onChange: function onChange(t) {
+      _onChange(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.OnField, {
+    value: value,
+    onChange: _onChange
+  }) : /*#__PURE__*/_react.default.createElement(_antd.DatePicker, {
+    showTime: true,
+    value: value,
+    onChange: _onChange
+  }));
+}

package/lib/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/lib/workflow/triggers/schedule/OnField.js

@@ -0,0 +1,105 @@
+"use strict";
+
+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); }
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.OnField = OnField;
+
+var _react = _interopRequireWildcard(require("react"));
+
+var _css = require("@emotion/css");
+
+var _antd = require("antd");
+
+var _reactI18next = require("react-i18next");
+
+var _DateFieldsSelect = require("./DateFieldsSelect");
+
+var _templateObject;
+
+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 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; }
+
+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.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);
+}

package/lib/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/lib/workflow/triggers/schedule/RepeatField.js

@@ -0,0 +1,146 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.RepeatField = RepeatField;
+
+var _css = require("@emotion/css");
+
+var _antd = require("antd");
+
+var _react = _interopRequireDefault(require("react"));
+
+var _reactI18next = require("react-i18next");
+
+var _reactJsCron = require("react-js-cron");
+
+var _Cron = _interopRequireDefault(require("./locale/Cron.zh-CN"));
+
+var _templateObject;
+
+function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
+
+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); }
+
+var languages = {
+  'zh-CN': _Cron.default
+};
+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 = (0, _reactI18next.useTranslation)(),
+      t = _useTranslation.t;
+
+  var option = getNumberOption(value);
+  return /*#__PURE__*/_react.default.createElement(_antd.InputNumber, {
+    value: value / option.value,
+    onChange: function onChange(v) {
+      return _onChange(v * option.value);
+    },
+    min: 1,
+    addonBefore: t('Every'),
+    addonAfter: t(option.unitText)
+  });
+}
+
+function RepeatField(_ref2) {
+  var _ref2$value = _ref2.value,
+      value = _ref2$value === void 0 ? null : _ref2$value,
+      onChange = _ref2.onChange;
+
+  var _useTranslation2 = (0, _reactI18next.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.default.createElement("fieldset", {
+    className: (0, _css.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.default.createElement(_antd.Select, {
+    value: typeValue,
+    onChange: onTypeChange
+  }, RepeatOptions.map(function (item) {
+    return /*#__PURE__*/_react.default.createElement(_antd.Select.Option, {
+      key: item.value,
+      value: item.value
+    }, t(item.text));
+  })), typeof typeValue === 'number' ? /*#__PURE__*/_react.default.createElement(CommonRepeatField, {
+    value: value,
+    onChange: onChange
+  }) : null, typeValue === 'cron' ? /*#__PURE__*/_react.default.createElement(_reactJsCron.Cron, {
+    value: value.trim().split(/\s+/).slice(1).join(' '),
+    setValue: function setValue(v) {
+      return onChange("0 ".concat(v));
+    },
+    clearButton: false,
+    locale: locale
+  }) : null);
+}

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

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