@nocobase/client 0.7.4-alpha.7 → 0.7.5-alpha.1

package/lib/schema-component/hooks/useDesignable.js

@@ -28,7 +28,7 @@ var _reactI18next = require("react-i18next");
 
 var _apiClient = require("../../api-client");
 
-var _context4 = require("../context");
+var _context5 = require("../context");
 
 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); }
 
@@ -171,25 +171,61 @@ var Designable = /*#__PURE__*/function () {
         return;
       }
 
+      var updateColumnSize = function updateColumnSize(parent) {
+        if (!parent) {
+          return;
+        }
+
+        var len = Object.values(parent.properties).length;
+        var schemas = [];
+        parent.mapProperties(function (s) {
+          s['x-component-props'] = s['x-component-props'] || {};
+          s['x-component-props']['width'] = 100 / len;
+
+          if (s['x-uid']) {
+            schemas.push({
+              'x-uid': s['x-uid'],
+              'x-component-props': s['x-component-props']
+            });
+          }
+        });
+
+        if (parent['x-uid'] && schemas.length) {
+          return schemas;
+        }
+
+        return [];
+      };
+
       this.on('insertAdjacent', /*#__PURE__*/function () {
         var _ref2 = _asyncToGenerator( /*#__PURE__*/regeneratorRuntime.mark(function _callee(_ref) {
-          var onSuccess, current, position, schema, wrap, removed;
+          var onSuccess, current, position, schema, wrap, wrapped, removed, schemas;
           return regeneratorRuntime.wrap(function _callee$(_context) {
             while (1) {
               switch (_context.prev = _context.next) {
                 case 0:
-                  onSuccess = _ref.onSuccess, current = _ref.current, position = _ref.position, schema = _ref.schema, wrap = _ref.wrap, removed = _ref.removed;
+                  onSuccess = _ref.onSuccess, current = _ref.current, position = _ref.position, schema = _ref.schema, wrap = _ref.wrap, wrapped = _ref.wrapped, removed = _ref.removed;
+                  schemas = [];
+
+                  if ((wrapped === null || wrapped === void 0 ? void 0 : wrapped['x-component']) === 'Grid.Col') {
+                    schemas = updateColumnSize(wrapped.parent);
+                  }
+
+                  if ((removed === null || removed === void 0 ? void 0 : removed['x-component']) === 'Grid.Col') {
+                    schemas = updateColumnSize(removed.parent);
+                  }
+
                   refresh();
 
                   if (current['x-uid']) {
-                    _context.next = 4;
+                    _context.next = 7;
                     break;
                   }
 
                   return _context.abrupt("return");
 
-                case 4:
-                  _context.next = 6;
+                case 7:
+                  _context.next = 9;
                   return api.request({
                     url: "/uiSchemas:insertAdjacent/".concat(current['x-uid'], "?position=").concat(position),
                     method: 'post',
@@ -199,24 +235,37 @@ var Designable = /*#__PURE__*/function () {
                     }
                   });
 
-                case 6:
+                case 9:
+                  if (!schemas.length) {
+                    _context.next = 12;
+                    break;
+                  }
+
+                  _context.next = 12;
+                  return api.request({
+                    url: "/uiSchemas:batchPatch",
+                    method: 'post',
+                    data: schemas
+                  });
+
+                case 12:
                   if (!(removed === null || removed === void 0 ? void 0 : removed['x-uid'])) {
-                    _context.next = 9;
+                    _context.next = 15;
                     break;
                   }
 
-                  _context.next = 9;
+                  _context.next = 15;
                   return api.request({
                     url: "/uiSchemas:remove/".concat(removed['x-uid']),
                     method: 'post'
                   });
 
-                case 9:
+                case 15:
                   onSuccess === null || onSuccess === void 0 ? void 0 : onSuccess();
 
                   _antd.message.success(t('Saved successfully'), 0.2);
 
-                case 11:
+                case 17:
                 case "end":
                   return _context.stop();
               }
@@ -268,43 +317,93 @@ var Designable = /*#__PURE__*/function () {
           return _ref4.apply(this, arguments);
         };
       }());
-      this.on('remove', /*#__PURE__*/function () {
+      this.on('batchPatch', /*#__PURE__*/function () {
         var _ref6 = _asyncToGenerator( /*#__PURE__*/regeneratorRuntime.mark(function _callee3(_ref5) {
-          var removed;
+          var schemas;
           return regeneratorRuntime.wrap(function _callee3$(_context3) {
             while (1) {
               switch (_context3.prev = _context3.next) {
                 case 0:
-                  removed = _ref5.removed;
+                  schemas = _ref5.schemas;
+                  refresh();
+                  _context3.next = 4;
+                  return api.request({
+                    url: "/uiSchemas:batchPatch",
+                    method: 'post',
+                    data: schemas
+                  });
+
+                case 4:
+                  _antd.message.success(t('Saved successfully'), 0.2);
+
+                case 5:
+                case "end":
+                  return _context3.stop();
+              }
+            }
+          }, _callee3);
+        }));
+
+        return function (_x3) {
+          return _ref6.apply(this, arguments);
+        };
+      }());
+      this.on('remove', /*#__PURE__*/function () {
+        var _ref8 = _asyncToGenerator( /*#__PURE__*/regeneratorRuntime.mark(function _callee4(_ref7) {
+          var removed, schemas;
+          return regeneratorRuntime.wrap(function _callee4$(_context4) {
+            while (1) {
+              switch (_context4.prev = _context4.next) {
+                case 0:
+                  removed = _ref7.removed;
+                  schemas = [];
+
+                  if ((removed === null || removed === void 0 ? void 0 : removed['x-component']) === 'Grid.Col') {
+                    schemas = updateColumnSize(removed.parent);
+                  }
+
                   refresh();
 
                   if (removed === null || removed === void 0 ? void 0 : removed['x-uid']) {
-                    _context3.next = 4;
+                    _context4.next = 6;
                     break;
                   }
 
-                  return _context3.abrupt("return");
+                  return _context4.abrupt("return");
 
-                case 4:
-                  _context3.next = 6;
+                case 6:
+                  _context4.next = 8;
                   return api.request({
                     url: "/uiSchemas:remove/".concat(removed['x-uid']),
                     method: 'post'
                   });
 
-                case 6:
+                case 8:
+                  if (!schemas.length) {
+                    _context4.next = 11;
+                    break;
+                  }
+
+                  _context4.next = 11;
+                  return api.request({
+                    url: "/uiSchemas:batchPatch",
+                    method: 'post',
+                    data: schemas
+                  });
+
+                case 11:
                   _antd.message.success(t('Saved successfully'), 0.2);
 
-                case 7:
+                case 12:
                 case "end":
-                  return _context3.stop();
+                  return _context4.stop();
               }
             }
-          }, _callee3);
+          }, _callee4);
         }));
 
-        return function (_x3) {
-          return _ref6.apply(this, arguments);
+        return function (_x4) {
+          return _ref8.apply(this, arguments);
         };
       }());
     }
@@ -600,6 +699,7 @@ var Designable = /*#__PURE__*/function () {
       this.emit('insertAdjacent', _objectSpread({
         position: 'beforeBegin',
         schema: schema2,
+        wrapped: wrapped,
         wrap: schema1
       }, opts));
     }
@@ -670,7 +770,8 @@ var Designable = /*#__PURE__*/function () {
       this.emit('insertAdjacent', _objectSpread({
         position: 'afterBegin',
         schema: schema2,
-        wrap: schema1
+        wrap: schema1,
+        wrapped: wrapped
       }, opts));
     }
     /**
@@ -689,6 +790,7 @@ var Designable = /*#__PURE__*/function () {
         return;
       }
 
+      delete schema['x-index'];
       var opts = {
         onSuccess: options.onSuccess
       };
@@ -730,7 +832,8 @@ var Designable = /*#__PURE__*/function () {
       this.emit('insertAdjacent', _objectSpread({
         position: 'beforeEnd',
         schema: schema2,
-        wrap: schema1
+        wrap: schema1,
+        wrapped: wrapped
       }, opts));
     }
     /**
@@ -814,7 +917,8 @@ var Designable = /*#__PURE__*/function () {
       this.emit('insertAdjacent', _objectSpread({
         position: 'afterEnd',
         schema: schema2,
-        wrap: schema1
+        wrap: schema1,
+        wrapped: wrapped
       }, opts));
     }
   }]);
@@ -826,7 +930,7 @@ var Designable = /*#__PURE__*/function () {
 exports.Designable = Designable;
 
 function useDesignable() {
-  var _useContext = (0, _react2.useContext)(_context4.SchemaComponentContext),
+  var _useContext = (0, _react2.useContext)(_context5.SchemaComponentContext),
       designable = _useContext.designable,
       setDesignable = _useContext.setDesignable,
       refresh = _useContext.refresh,

package/lib/schema-initializer/SchemaInitializer.d.ts

@@ -1,4 +1,5 @@
 import React from 'react';
+import './style.less';
 import { SchemaInitializerButtonProps, SchemaInitializerItemComponent, SchemaInitializerItemProps } from './types';
 export declare const SchemaInitializerItemContext: React.Context<any>;
 export declare const SchemaInitializer: {

package/lib/schema-initializer/SchemaInitializer.js

@@ -21,6 +21,8 @@ var _icon = require("../icon");
 
 var _hooks = require("../schema-component/hooks");
 
+require("./style.less");
+
 var _templateObject;
 
 var _excluded = ["title", "insert", "wrap", "items", "insertPosition", "dropdown", "component", "style", "icon", "onSuccess"],
@@ -68,6 +70,7 @@ var SchemaInitializer = function SchemaInitializer() {
 };
 
 exports.SchemaInitializer = SchemaInitializer;
+var menuItemGroupCss = 'nb-menu-item-group';
 SchemaInitializer.Button = (0, _react.observer)(function (props) {
   var title = props.title,
       insert = props.insert,
@@ -146,7 +149,8 @@ SchemaInitializer.Button = (0, _react.observer)(function (props) {
 
         return !!((_item$children2 = item.children) === null || _item$children2 === void 0 ? void 0 : _item$children2.length) && /*#__PURE__*/_react2.default.createElement(_antd.Menu.SubMenu, {
           key: item.key || "item-group-".concat(indexA),
-          title: compile(item.title)
+          title: compile(item.title),
+          popupClassName: menuItemGroupCss
         }, renderItems(item.children));
       }
     });
@@ -216,7 +220,8 @@ SchemaInitializer.Item = function (props) {
             // @ts-ignore
             eventKey: item.key || "item-group-".concat(indexA),
             key: item.key || "item-group-".concat(indexA),
-            title: compile(item.title)
+            title: compile(item.title),
+            className: menuItemGroupCss
           }, renderMenuItem(item.children));
         }
 

package/lib/schema-initializer/buttons/TabPaneInitializers.d.ts

@@ -1 +1,2 @@
-export declare const TabPaneInitializers: () => JSX.Element;
+export declare const TabPaneInitializers: (props?: any) => JSX.Element;
+export declare const TabPaneInitializersForCreateFormBlock: () => JSX.Element;

package/lib/schema-initializer/buttons/TabPaneInitializers.js

@@ -3,7 +3,7 @@
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
-exports.TabPaneInitializers = void 0;
+exports.TabPaneInitializersForCreateFormBlock = exports.TabPaneInitializers = void 0;
 
 var _react = require("@formily/react");
 
@@ -17,7 +17,7 @@ function asyncGeneratorStep(gen, resolve, reject, _next, _throw, key, arg) { try
 
 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); }); }; }
 
-var TabPaneInitializers = function TabPaneInitializers() {
+var TabPaneInitializers = function TabPaneInitializers(props) {
   var _useDesignable = (0, _.useDesignable)(),
       designable = _useDesignable.designable,
       insertBeforeEnd = _useDesignable.insertBeforeEnd;
@@ -29,6 +29,7 @@ var TabPaneInitializers = function TabPaneInitializers() {
   var useSubmitAction = function useSubmitAction() {
     var form = (0, _react.useForm)();
     var ctx = (0, _.useActionContext)();
+    var index = (0, _.useRecordIndex)();
     return {
       run: function run() {
         return _asyncToGenerator( /*#__PURE__*/regeneratorRuntime.mark(function _callee() {
@@ -55,7 +56,7 @@ var TabPaneInitializers = function TabPaneInitializers() {
                       grid: {
                         type: 'void',
                         'x-component': 'Grid',
-                        'x-initializer': 'RecordBlockInitializers',
+                        'x-initializer': props.isCreate || index === null ? 'CreateFormBlockInitializers' : 'RecordBlockInitializers',
                         properties: {}
                       }
                     }
@@ -164,4 +165,12 @@ var TabPaneInitializers = function TabPaneInitializers() {
   });
 };
 
-exports.TabPaneInitializers = TabPaneInitializers;
+exports.TabPaneInitializers = TabPaneInitializers;
+
+var TabPaneInitializersForCreateFormBlock = function TabPaneInitializersForCreateFormBlock() {
+  return /*#__PURE__*/_react2.default.createElement(TabPaneInitializers, {
+    isCreate: true
+  });
+};
+
+exports.TabPaneInitializersForCreateFormBlock = TabPaneInitializersForCreateFormBlock;

package/lib/schema-initializer/items/ActionInitializer.d.ts

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

package/lib/schema-initializer/items/ActionInitializer.js

@@ -0,0 +1,26 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.ActionInitializer = void 0;
+
+var _react = _interopRequireDefault(require("react"));
+
+var _InitializerWithSwitch = require("./InitializerWithSwitch");
+
+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 ActionInitializer = function ActionInitializer(props) {
+  return /*#__PURE__*/_react.default.createElement(_InitializerWithSwitch.InitializerWithSwitch, _objectSpread(_objectSpread({}, props), {}, {
+    type: 'x-action'
+  }));
+};
+
+exports.ActionInitializer = ActionInitializer;

package/lib/schema-initializer/items/BlockInitializer.d.ts

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

package/lib/schema-initializer/items/BlockInitializer.js

@@ -0,0 +1,31 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.BlockInitializer = void 0;
+
+var _react = _interopRequireDefault(require("react"));
+
+var _ = require("..");
+
+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; }
+
+// Block
+var BlockInitializer = function BlockInitializer(props) {
+  var item = props.item,
+      insert = props.insert;
+  return /*#__PURE__*/_react.default.createElement(_.SchemaInitializer.Item, {
+    onClick: function onClick() {
+      insert(_objectSpread({}, item.schema));
+    }
+  });
+};
+
+exports.BlockInitializer = BlockInitializer;

package/lib/schema-initializer/items/BulkDestroyActionInitializer.d.ts

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

package/lib/schema-initializer/items/BulkDestroyActionInitializer.js

@@ -0,0 +1,40 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.BulkDestroyActionInitializer = void 0;
+
+var _react = _interopRequireDefault(require("react"));
+
+var _ActionInitializer = require("./ActionInitializer");
+
+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 BulkDestroyActionInitializer = function BulkDestroyActionInitializer(props) {
+  var schema = {
+    title: '{{ t("Delete") }}',
+    'x-action': 'destroy',
+    'x-component': 'Action',
+    'x-designer': 'Action.Designer',
+    'x-component-props': {
+      icon: 'DeleteOutlined',
+      confirm: {
+        title: "{{t('Delete record')}}",
+        content: "{{t('Are you sure you want to delete it?')}}"
+      },
+      useProps: '{{ useBulkDestroyActionProps }}'
+    }
+  };
+  return /*#__PURE__*/_react.default.createElement(_ActionInitializer.ActionInitializer, _objectSpread(_objectSpread({}, props), {}, {
+    schema: schema
+  }));
+};
+
+exports.BulkDestroyActionInitializer = BulkDestroyActionInitializer;

package/lib/schema-initializer/items/CalendarBlockInitializer.d.ts

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

package/lib/schema-initializer/items/CalendarBlockInitializer.js

@@ -0,0 +1,148 @@
+"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.CalendarBlockInitializer = void 0;
+
+var _react = _interopRequireWildcard(require("react"));
+
+var _antd = require("@formily/antd");
+
+var _icons = require("@ant-design/icons");
+
+var _react2 = require("@formily/react");
+
+var _reactI18next = require("react-i18next");
+
+var _collectionManager = require("../../collection-manager");
+
+var _schemaComponent = require("../../schema-component");
+
+var _utils = require("../utils");
+
+var _DataBlockInitializer = require("./DataBlockInitializer");
+
+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 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); }); }; }
+
+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 CalendarBlockInitializer = function CalendarBlockInitializer(props) {
+  var insert = props.insert;
+
+  var _useTranslation = (0, _reactI18next.useTranslation)(),
+      t = _useTranslation.t;
+
+  var _useCollectionManager = (0, _collectionManager.useCollectionManager)(),
+      getCollection = _useCollectionManager.getCollection;
+
+  var options = (0, _react.useContext)(_react2.SchemaOptionsContext);
+  return /*#__PURE__*/_react.default.createElement(_DataBlockInitializer.DataBlockInitializer, _objectSpread(_objectSpread({}, props), {}, {
+    componentType: 'Calendar',
+    icon: /*#__PURE__*/_react.default.createElement(_icons.FormOutlined, null),
+    onCreateBlockSchema: function () {
+      var _onCreateBlockSchema = _asyncToGenerator( /*#__PURE__*/regeneratorRuntime.mark(function _callee(_ref) {
+        var _collection$fields, _collection$fields$fi, _collection$fields2, _collection$fields2$f;
+
+        var item, collection, stringFields, dateFields, values;
+        return regeneratorRuntime.wrap(function _callee$(_context) {
+          while (1) {
+            switch (_context.prev = _context.next) {
+              case 0:
+                item = _ref.item;
+                collection = getCollection(item.name);
+                stringFields = collection === null || collection === void 0 ? void 0 : (_collection$fields = collection.fields) === null || _collection$fields === void 0 ? void 0 : (_collection$fields$fi = _collection$fields.filter(function (field) {
+                  return field.type === 'string';
+                })) === null || _collection$fields$fi === void 0 ? void 0 : _collection$fields$fi.map(function (field) {
+                  var _field$uiSchema;
+
+                  return {
+                    label: field === null || field === void 0 ? void 0 : (_field$uiSchema = field.uiSchema) === null || _field$uiSchema === void 0 ? void 0 : _field$uiSchema.title,
+                    value: field.name
+                  };
+                });
+                dateFields = collection === null || collection === void 0 ? void 0 : (_collection$fields2 = collection.fields) === null || _collection$fields2 === void 0 ? void 0 : (_collection$fields2$f = _collection$fields2.filter(function (field) {
+                  return field.type === 'date';
+                })) === null || _collection$fields2$f === void 0 ? void 0 : _collection$fields2$f.map(function (field) {
+                  var _field$uiSchema2;
+
+                  return {
+                    label: field === null || field === void 0 ? void 0 : (_field$uiSchema2 = field.uiSchema) === null || _field$uiSchema2 === void 0 ? void 0 : _field$uiSchema2.title,
+                    value: field.name
+                  };
+                });
+                _context.next = 6;
+                return (0, _antd.FormDialog)(t('Create calendar block'), function () {
+                  return /*#__PURE__*/_react.default.createElement(_schemaComponent.SchemaComponentOptions, {
+                    scope: options.scope,
+                    components: _objectSpread({}, options.components)
+                  }, /*#__PURE__*/_react.default.createElement(_antd.FormLayout, {
+                    layout: 'vertical'
+                  }, /*#__PURE__*/_react.default.createElement(_schemaComponent.SchemaComponent, {
+                    schema: {
+                      properties: {
+                        title: {
+                          title: t('Title field'),
+                          enum: stringFields,
+                          required: true,
+                          'x-component': 'Select',
+                          'x-decorator': 'FormItem'
+                        },
+                        start: {
+                          title: t('Start date field'),
+                          enum: dateFields,
+                          required: true,
+                          default: 'createdAt',
+                          'x-component': 'Select',
+                          'x-decorator': 'FormItem'
+                        },
+                        end: {
+                          title: t('End date field'),
+                          enum: dateFields,
+                          'x-component': 'Select',
+                          'x-decorator': 'FormItem'
+                        }
+                      }
+                    }
+                  })));
+                }).open({
+                  initialValues: {}
+                });
+
+              case 6:
+                values = _context.sent;
+                insert((0, _utils.createCalendarBlockSchema)({
+                  collection: item.name,
+                  fieldNames: _objectSpread({}, values)
+                }));
+
+              case 8:
+              case "end":
+                return _context.stop();
+            }
+          }
+        }, _callee);
+      }));
+
+      function onCreateBlockSchema(_x) {
+        return _onCreateBlockSchema.apply(this, arguments);
+      }
+
+      return onCreateBlockSchema;
+    }()
+  }));
+};
+
+exports.CalendarBlockInitializer = CalendarBlockInitializer;

package/lib/schema-initializer/items/CollectionFieldInitializer.d.ts

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