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

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

@@ -1,4 +1,5 @@
 export declare const BlockInitializer: (props: any) => JSX.Element;
+export declare const G2PlotInitializer: (props: any) => JSX.Element;
 export declare const CustomizeActionInitializer: (props: any) => JSX.Element;
 export declare const InitializerWithSwitch: (props: any) => JSX.Element;
 export declare const ActionInitializer: (props: any) => JSX.Element;
@@ -21,6 +22,10 @@ export declare const UpdateSubmitActionInitializer: (props: any) => JSX.Element;
 export declare const CreateFormBlockInitializer: (props: any) => JSX.Element;
 export declare const RecordFormBlockInitializer: (props: any) => JSX.Element;
 export declare const RecordReadPrettyFormBlockInitializer: (props: any) => JSX.Element;
+export declare const RecordAssociationFormBlockInitializer: (props: any) => JSX.Element;
+export declare const RecordReadPrettyAssociationFormBlockInitializer: (props: any) => JSX.Element;
+export declare const RecordAssociationDetailsBlockInitializer: (props: any) => JSX.Element;
+export declare const RecordAssociationCalendarBlockInitializer: (props: any) => JSX.Element;
 export declare const RecordAssociationBlockInitializer: (props: any) => JSX.Element;
 export declare const TableActionColumnInitializer: (props: any) => JSX.Element;
 export declare const TableCollectionFieldInitializer: (props: any) => JSX.Element;

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

@@ -5,7 +5,7 @@ function _typeof(obj) { "@babel/helpers - typeof"; return _typeof = "function" =
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
-exports.ViewActionInitializer = exports.UpdateSubmitActionInitializer = exports.UpdateActionInitializer = exports.TableSelectorInitializer = exports.TableCollectionFieldInitializer = exports.TableBlockInitializer = exports.TableActionColumnInitializer = exports.SubmitActionInitializer = exports.RecordReadPrettyFormBlockInitializer = exports.RecordFormBlockInitializer = exports.RecordAssociationBlockInitializer = exports.MarkdownBlockInitializer = exports.KanbanBlockInitializer = exports.InitializerWithSwitch = exports.FormBlockInitializer = exports.FilterActionInitializer = exports.DetailsBlockInitializer = exports.DestroyActionInitializer = exports.DataBlockInitializer = exports.CustomizeActionInitializer = exports.CreateSubmitActionInitializer = exports.CreateFormBlockInitializer = exports.CreateActionInitializer = exports.CollectionFieldInitializer = exports.CalendarBlockInitializer = exports.BulkDestroyActionInitializer = exports.BlockInitializer = exports.ActionInitializer = void 0;
+exports.ViewActionInitializer = exports.UpdateSubmitActionInitializer = exports.UpdateActionInitializer = exports.TableSelectorInitializer = exports.TableCollectionFieldInitializer = exports.TableBlockInitializer = exports.TableActionColumnInitializer = exports.SubmitActionInitializer = exports.RecordReadPrettyFormBlockInitializer = exports.RecordReadPrettyAssociationFormBlockInitializer = exports.RecordFormBlockInitializer = exports.RecordAssociationFormBlockInitializer = exports.RecordAssociationDetailsBlockInitializer = exports.RecordAssociationCalendarBlockInitializer = exports.RecordAssociationBlockInitializer = exports.MarkdownBlockInitializer = exports.KanbanBlockInitializer = exports.InitializerWithSwitch = exports.G2PlotInitializer = exports.FormBlockInitializer = exports.FilterActionInitializer = exports.DetailsBlockInitializer = exports.DestroyActionInitializer = exports.DataBlockInitializer = exports.CustomizeActionInitializer = exports.CreateSubmitActionInitializer = exports.CreateFormBlockInitializer = exports.CreateActionInitializer = exports.CollectionFieldInitializer = exports.CalendarBlockInitializer = exports.BulkDestroyActionInitializer = exports.BlockInitializer = exports.ActionInitializer = void 0;
 
 var _icons = require("@ant-design/icons");
 
@@ -33,12 +33,17 @@ var _SchemaInitializer = require("../SchemaInitializer");
 
 var _utils = require("../utils");
 
-var _excluded = ["templateWrap", "onCreateBlockSchema", "componentType", "createBlockSchema", "insert"],
-    _excluded2 = ["onCreateBlockSchema", "componentType", "createBlockSchema", "insert"],
+var _excluded = ["item", "insert"],
+    _excluded2 = ["templateWrap", "onCreateBlockSchema", "componentType", "createBlockSchema", "insert"],
     _excluded3 = ["onCreateBlockSchema", "componentType", "createBlockSchema", "insert"],
     _excluded4 = ["onCreateBlockSchema", "componentType", "createBlockSchema", "insert"],
-    _excluded5 = ["item", "onCreateBlockSchema", "componentType", "createBlockSchema", "insert"],
-    _excluded6 = ["onCreateBlockSchema", "componentType", "createBlockSchema", "insert"];
+    _excluded5 = ["onCreateBlockSchema", "componentType", "createBlockSchema", "insert"],
+    _excluded6 = ["item", "onCreateBlockSchema", "componentType", "createBlockSchema", "insert"],
+    _excluded7 = ["item", "onCreateBlockSchema", "componentType", "createBlockSchema", "insert"],
+    _excluded8 = ["item", "onCreateBlockSchema", "componentType", "createBlockSchema", "insert"],
+    _excluded9 = ["item", "onCreateBlockSchema", "componentType", "createBlockSchema", "insert"],
+    _excluded10 = ["item", "onCreateBlockSchema", "componentType", "createBlockSchema", "insert"],
+    _excluded11 = ["onCreateBlockSchema", "componentType", "createBlockSchema", "insert"];
 
 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); }
 
@@ -71,6 +76,20 @@ var BlockInitializer = function BlockInitializer(props) {
 
 exports.BlockInitializer = BlockInitializer;
 
+var G2PlotInitializer = function G2PlotInitializer(props) {
+  var item = props.item,
+      insert = props.insert,
+      others = _objectWithoutProperties(props, _excluded);
+
+  return /*#__PURE__*/_react2.default.createElement(_SchemaInitializer.SchemaInitializer.Item, _objectSpread(_objectSpread({}, others), {}, {
+    onClick: function onClick() {
+      insert(_objectSpread({}, item.schema));
+    }
+  }));
+};
+
+exports.G2PlotInitializer = G2PlotInitializer;
+
 var CustomizeActionInitializer = function CustomizeActionInitializer(props) {
   return /*#__PURE__*/_react2.default.createElement(BlockInitializer, _objectSpread({}, props));
 };
@@ -122,7 +141,7 @@ var DataBlockInitializer = function DataBlockInitializer(props) {
       componentType = props.componentType,
       createBlockSchema = props.createBlockSchema,
       insert = props.insert,
-      others = _objectWithoutProperties(props, _excluded);
+      others = _objectWithoutProperties(props, _excluded2);
 
   var _useSchemaTemplateMan = (0, _schemaTemplates.useSchemaTemplateManager)(),
       getTemplateSchemaByMode = _useSchemaTemplateMan.getTemplateSchemaByMode;
@@ -588,11 +607,28 @@ var CreateActionInitializer = function CreateActionInitializer(props) {
           className: 'nb-action-popup'
         },
         properties: {
-          grid: {
+          tabs: {
             type: 'void',
-            'x-component': 'Grid',
-            'x-initializer': 'CreateFormBlockInitializers',
-            properties: {}
+            'x-component': 'Tabs',
+            'x-component-props': {},
+            'x-initializer': 'TabPaneInitializers',
+            properties: {
+              tab1: {
+                type: 'void',
+                title: '{{t("Add new")}}',
+                'x-component': 'Tabs.TabPane',
+                'x-designer': 'Tabs.Designer',
+                'x-component-props': {},
+                properties: {
+                  grid: {
+                    type: 'void',
+                    'x-component': 'Grid',
+                    'x-initializer': 'CreateFormBlockInitializers',
+                    properties: {}
+                  }
+                }
+              }
+            }
           }
         }
       }
@@ -818,7 +854,7 @@ var CreateFormBlockInitializer = function CreateFormBlockInitializer(props) {
       componentType = props.componentType,
       createBlockSchema = props.createBlockSchema,
       insert = props.insert,
-      others = _objectWithoutProperties(props, _excluded2);
+      others = _objectWithoutProperties(props, _excluded3);
 
   var _useSchemaTemplateMan2 = (0, _schemaTemplates.useSchemaTemplateManager)(),
       getTemplateSchemaByMode = _useSchemaTemplateMan2.getTemplateSchemaByMode;
@@ -900,7 +936,7 @@ var RecordFormBlockInitializer = function RecordFormBlockInitializer(props) {
       componentType = props.componentType,
       createBlockSchema = props.createBlockSchema,
       insert = props.insert,
-      others = _objectWithoutProperties(props, _excluded3);
+      others = _objectWithoutProperties(props, _excluded4);
 
   var _useSchemaTemplateMan3 = (0, _schemaTemplates.useSchemaTemplateManager)(),
       getTemplateSchemaByMode = _useSchemaTemplateMan3.getTemplateSchemaByMode;
@@ -988,7 +1024,7 @@ var RecordReadPrettyFormBlockInitializer = function RecordReadPrettyFormBlockIni
       componentType = props.componentType,
       createBlockSchema = props.createBlockSchema,
       insert = props.insert,
-      others = _objectWithoutProperties(props, _excluded4);
+      others = _objectWithoutProperties(props, _excluded5);
 
   var _useSchemaTemplateMan4 = (0, _schemaTemplates.useSchemaTemplateManager)(),
       getTemplateSchemaByMode = _useSchemaTemplateMan4.getTemplateSchemaByMode;
@@ -998,6 +1034,7 @@ var RecordReadPrettyFormBlockInitializer = function RecordReadPrettyFormBlockIni
   return /*#__PURE__*/_react2.default.createElement(_SchemaInitializer.SchemaInitializer.Item, _objectSpread(_objectSpread({
     icon: /*#__PURE__*/_react2.default.createElement(_icons.FormOutlined, null)
   }, others), {}, {
+    key: '123',
     onClick: function () {
       var _onClick4 = _asyncToGenerator( /*#__PURE__*/regeneratorRuntime.mark(function _callee8(_ref9) {
         var item, s, blockSchema;
@@ -1069,47 +1106,81 @@ var RecordReadPrettyFormBlockInitializer = function RecordReadPrettyFormBlockIni
 
 exports.RecordReadPrettyFormBlockInitializer = RecordReadPrettyFormBlockInitializer;
 
-var RecordAssociationBlockInitializer = function RecordAssociationBlockInitializer(props) {
+var RecordAssociationFormBlockInitializer = function RecordAssociationFormBlockInitializer(props) {
   var item = props.item,
       onCreateBlockSchema = props.onCreateBlockSchema,
       componentType = props.componentType,
       createBlockSchema = props.createBlockSchema,
       insert = props.insert,
-      others = _objectWithoutProperties(props, _excluded5);
+      others = _objectWithoutProperties(props, _excluded6);
 
   var _useSchemaTemplateMan5 = (0, _schemaTemplates.useSchemaTemplateManager)(),
       getTemplateSchemaByMode = _useSchemaTemplateMan5.getTemplateSchemaByMode;
 
-  var _useCollectionManager5 = (0, _collectionManager.useCollectionManager)(),
-      getCollection = _useCollectionManager5.getCollection;
-
+  var field = item.field;
+  var collection = field.target;
+  var resource = "".concat(field.collectionName, ".").concat(field.name);
   return /*#__PURE__*/_react2.default.createElement(_SchemaInitializer.SchemaInitializer.Item, _objectSpread(_objectSpread({
-    icon: /*#__PURE__*/_react2.default.createElement(_icons.TableOutlined, null)
+    icon: /*#__PURE__*/_react2.default.createElement(_icons.FormOutlined, null)
   }, others), {}, {
     onClick: function () {
       var _onClick5 = _asyncToGenerator( /*#__PURE__*/regeneratorRuntime.mark(function _callee9(_ref10) {
-        var item, field, collection;
+        var item, action, actionInitializers, s, blockSchema;
         return regeneratorRuntime.wrap(function _callee9$(_context9) {
           while (1) {
             switch (_context9.prev = _context9.next) {
               case 0:
                 item = _ref10.item;
-                console.log('RecordAssociationBlockInitializer', item);
-                field = item.field;
-                collection = getCollection(field.target);
-                insert((0, _utils.createTableBlockSchema)({
-                  rowKey: collection.filterTargetKey,
-                  collection: field.target,
-                  resource: "".concat(field.collectionName, ".").concat(field.name),
-                  association: "".concat(field.collectionName, ".").concat(field.name)
-                })); // if (item.template) {
-                //   const s = await getTemplateSchemaByMode(item);
-                //   insert(s);
-                // } else {
-                //   insert(createTableBlockSchema({ collection: item.name }));
-                // }
+                action = ['hasOne', 'belongsTo'].includes(field.type) ? 'get' : null;
+                actionInitializers = ['hasOne', 'belongsTo'].includes(field.type) ? 'UpdateFormActionInitializers' : 'CreateFormActionInitializers';
 
-              case 5:
+                if (!item.template) {
+                  _context9.next = 10;
+                  break;
+                }
+
+                _context9.next = 6;
+                return getTemplateSchemaByMode(item);
+
+              case 6:
+                s = _context9.sent;
+
+                if (item.template.componentName === 'FormItem') {
+                  blockSchema = (0, _utils.createFormBlockSchema)({
+                    collection: collection,
+                    resource: resource,
+                    association: resource,
+                    action: action,
+                    useSourceId: '{{ useSourceIdFromParentRecord }}',
+                    useParams: '{{ useParamsFromRecord }}',
+                    actionInitializers: actionInitializers,
+                    template: s
+                  });
+
+                  if (item.mode === 'reference') {
+                    blockSchema['x-template-key'] = item.template.key;
+                  }
+
+                  insert(blockSchema);
+                } else {
+                  insert(s);
+                }
+
+                _context9.next = 11;
+                break;
+
+              case 10:
+                insert((0, _utils.createFormBlockSchema)({
+                  collection: collection,
+                  resource: resource,
+                  association: resource,
+                  action: action,
+                  useSourceId: '{{ useSourceIdFromParentRecord }}',
+                  useParams: '{{ useParamsFromRecord }}',
+                  actionInitializers: actionInitializers
+                }));
+
+              case 11:
               case "end":
                 return _context9.stop();
             }
@@ -1122,7 +1193,377 @@ var RecordAssociationBlockInitializer = function RecordAssociationBlockInitializ
       }
 
       return onClick;
-    }()
+    }(),
+    items: (0, _utils.useRecordCollectionDataSourceItems)('FormItem', item, collection, resource)
+  }));
+};
+
+exports.RecordAssociationFormBlockInitializer = RecordAssociationFormBlockInitializer;
+
+var RecordReadPrettyAssociationFormBlockInitializer = function RecordReadPrettyAssociationFormBlockInitializer(props) {
+  var item = props.item,
+      onCreateBlockSchema = props.onCreateBlockSchema,
+      componentType = props.componentType,
+      createBlockSchema = props.createBlockSchema,
+      insert = props.insert,
+      others = _objectWithoutProperties(props, _excluded7);
+
+  var _useSchemaTemplateMan6 = (0, _schemaTemplates.useSchemaTemplateManager)(),
+      getTemplateSchemaByMode = _useSchemaTemplateMan6.getTemplateSchemaByMode;
+
+  var field = item.field;
+  var collection = field.target;
+  var resource = "".concat(field.collectionName, ".").concat(field.name);
+  return /*#__PURE__*/_react2.default.createElement(_SchemaInitializer.SchemaInitializer.Item, _objectSpread(_objectSpread({
+    icon: /*#__PURE__*/_react2.default.createElement(_icons.FormOutlined, null)
+  }, others), {}, {
+    onClick: function () {
+      var _onClick6 = _asyncToGenerator( /*#__PURE__*/regeneratorRuntime.mark(function _callee10(_ref11) {
+        var item, s, blockSchema;
+        return regeneratorRuntime.wrap(function _callee10$(_context10) {
+          while (1) {
+            switch (_context10.prev = _context10.next) {
+              case 0:
+                item = _ref11.item;
+
+                if (!item.template) {
+                  _context10.next = 8;
+                  break;
+                }
+
+                _context10.next = 4;
+                return getTemplateSchemaByMode(item);
+
+              case 4:
+                s = _context10.sent;
+
+                if (item.template.componentName === 'ReadPrettyFormItem') {
+                  blockSchema = (0, _utils.createReadPrettyFormBlockSchema)({
+                    collection: collection,
+                    resource: resource,
+                    association: resource,
+                    action: 'get',
+                    useSourceId: '{{ useSourceIdFromParentRecord }}',
+                    useParams: '{{ useParamsFromRecord }}',
+                    template: s
+                  });
+
+                  if (item.mode === 'reference') {
+                    blockSchema['x-template-key'] = item.template.key;
+                  }
+
+                  insert(blockSchema);
+                } else {
+                  insert(s);
+                }
+
+                _context10.next = 9;
+                break;
+
+              case 8:
+                insert((0, _utils.createReadPrettyFormBlockSchema)({
+                  collection: collection,
+                  resource: resource,
+                  association: resource,
+                  action: 'get',
+                  useSourceId: '{{ useSourceIdFromParentRecord }}',
+                  useParams: '{{ useParamsFromRecord }}'
+                }));
+
+              case 9:
+              case "end":
+                return _context10.stop();
+            }
+          }
+        }, _callee10);
+      }));
+
+      function onClick(_x10) {
+        return _onClick6.apply(this, arguments);
+      }
+
+      return onClick;
+    }(),
+    items: (0, _utils.useRecordCollectionDataSourceItems)('ReadPrettyFormItem', item, collection, resource)
+  }));
+};
+
+exports.RecordReadPrettyAssociationFormBlockInitializer = RecordReadPrettyAssociationFormBlockInitializer;
+
+var RecordAssociationDetailsBlockInitializer = function RecordAssociationDetailsBlockInitializer(props) {
+  var item = props.item,
+      onCreateBlockSchema = props.onCreateBlockSchema,
+      componentType = props.componentType,
+      createBlockSchema = props.createBlockSchema,
+      insert = props.insert,
+      others = _objectWithoutProperties(props, _excluded8);
+
+  var _useSchemaTemplateMan7 = (0, _schemaTemplates.useSchemaTemplateManager)(),
+      getTemplateSchemaByMode = _useSchemaTemplateMan7.getTemplateSchemaByMode;
+
+  var _useCollectionManager5 = (0, _collectionManager.useCollectionManager)(),
+      getCollection = _useCollectionManager5.getCollection;
+
+  var field = item.field;
+  var collection = getCollection(field.target);
+  var resource = "".concat(field.collectionName, ".").concat(field.name);
+  return /*#__PURE__*/_react2.default.createElement(_SchemaInitializer.SchemaInitializer.Item, _objectSpread(_objectSpread({
+    icon: /*#__PURE__*/_react2.default.createElement(_icons.FormOutlined, null)
+  }, others), {}, {
+    onClick: function () {
+      var _onClick7 = _asyncToGenerator( /*#__PURE__*/regeneratorRuntime.mark(function _callee11(_ref12) {
+        var item, s;
+        return regeneratorRuntime.wrap(function _callee11$(_context11) {
+          while (1) {
+            switch (_context11.prev = _context11.next) {
+              case 0:
+                item = _ref12.item;
+
+                if (!item.template) {
+                  _context11.next = 8;
+                  break;
+                }
+
+                _context11.next = 4;
+                return getTemplateSchemaByMode(item);
+
+              case 4:
+                s = _context11.sent;
+                insert(s);
+                _context11.next = 9;
+                break;
+
+              case 8:
+                insert((0, _utils.createDetailsBlockSchema)({
+                  collection: field.target,
+                  resource: resource,
+                  association: resource,
+                  rowKey: collection.filterTargetKey || 'id'
+                }));
+
+              case 9:
+              case "end":
+                return _context11.stop();
+            }
+          }
+        }, _callee11);
+      }));
+
+      function onClick(_x11) {
+        return _onClick7.apply(this, arguments);
+      }
+
+      return onClick;
+    }(),
+    items: (0, _utils.useRecordCollectionDataSourceItems)('Details', item, field.target, resource)
+  }));
+};
+
+exports.RecordAssociationDetailsBlockInitializer = RecordAssociationDetailsBlockInitializer;
+
+var RecordAssociationCalendarBlockInitializer = function RecordAssociationCalendarBlockInitializer(props) {
+  var item = props.item,
+      onCreateBlockSchema = props.onCreateBlockSchema,
+      componentType = props.componentType,
+      createBlockSchema = props.createBlockSchema,
+      insert = props.insert,
+      others = _objectWithoutProperties(props, _excluded9);
+
+  var _useSchemaTemplateMan8 = (0, _schemaTemplates.useSchemaTemplateManager)(),
+      getTemplateSchemaByMode = _useSchemaTemplateMan8.getTemplateSchemaByMode;
+
+  var _useTranslation4 = (0, _reactI18next.useTranslation)(),
+      t = _useTranslation4.t;
+
+  var options = (0, _react2.useContext)(_react.SchemaOptionsContext);
+
+  var _useCollectionManager6 = (0, _collectionManager.useCollectionManager)(),
+      getCollection = _useCollectionManager6.getCollection;
+
+  var field = item.field;
+  var collection = getCollection(field.target);
+  var resource = "".concat(field.collectionName, ".").concat(field.name);
+  return /*#__PURE__*/_react2.default.createElement(_SchemaInitializer.SchemaInitializer.Item, _objectSpread(_objectSpread({
+    icon: /*#__PURE__*/_react2.default.createElement(_icons.TableOutlined, null)
+  }, others), {}, {
+    onClick: function () {
+      var _onClick8 = _asyncToGenerator( /*#__PURE__*/regeneratorRuntime.mark(function _callee12(_ref13) {
+        var item, s, _collection$fields5, _collection$fields5$f, _collection$fields6, _collection$fields6$f, stringFields, dateFields, values;
+
+        return regeneratorRuntime.wrap(function _callee12$(_context12) {
+          while (1) {
+            switch (_context12.prev = _context12.next) {
+              case 0:
+                item = _ref13.item;
+
+                if (!item.template) {
+                  _context12.next = 8;
+                  break;
+                }
+
+                _context12.next = 4;
+                return getTemplateSchemaByMode(item);
+
+              case 4:
+                s = _context12.sent;
+                insert(s);
+                _context12.next = 14;
+                break;
+
+              case 8:
+                stringFields = collection === null || collection === void 0 ? void 0 : (_collection$fields5 = collection.fields) === null || _collection$fields5 === void 0 ? void 0 : (_collection$fields5$f = _collection$fields5.filter(function (field) {
+                  return field.type === 'string';
+                })) === null || _collection$fields5$f === void 0 ? void 0 : _collection$fields5$f.map(function (field) {
+                  var _field$uiSchema4;
+
+                  return {
+                    label: field === null || field === void 0 ? void 0 : (_field$uiSchema4 = field.uiSchema) === null || _field$uiSchema4 === void 0 ? void 0 : _field$uiSchema4.title,
+                    value: field.name
+                  };
+                });
+                dateFields = collection === null || collection === void 0 ? void 0 : (_collection$fields6 = collection.fields) === null || _collection$fields6 === void 0 ? void 0 : (_collection$fields6$f = _collection$fields6.filter(function (field) {
+                  return field.type === 'date';
+                })) === null || _collection$fields6$f === void 0 ? void 0 : _collection$fields6$f.map(function (field) {
+                  var _field$uiSchema5;
+
+                  return {
+                    label: field === null || field === void 0 ? void 0 : (_field$uiSchema5 = field.uiSchema) === null || _field$uiSchema5 === void 0 ? void 0 : _field$uiSchema5.title,
+                    value: field.name
+                  };
+                });
+                _context12.next = 12;
+                return (0, _antd.FormDialog)(t('Create calendar block'), function () {
+                  return /*#__PURE__*/_react2.default.createElement(_schemaComponent.SchemaComponentOptions, {
+                    scope: options.scope,
+                    components: _objectSpread({}, options.components)
+                  }, /*#__PURE__*/_react2.default.createElement(_antd.FormLayout, {
+                    layout: 'vertical'
+                  }, /*#__PURE__*/_react2.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 12:
+                values = _context12.sent;
+                insert((0, _utils.createCalendarBlockSchema)({
+                  collection: field.target,
+                  resource: resource,
+                  association: resource,
+                  fieldNames: _objectSpread({}, values)
+                }));
+
+              case 14:
+              case "end":
+                return _context12.stop();
+            }
+          }
+        }, _callee12);
+      }));
+
+      function onClick(_x12) {
+        return _onClick8.apply(this, arguments);
+      }
+
+      return onClick;
+    }(),
+    items: (0, _utils.useRecordCollectionDataSourceItems)('Calendar', item, field.target, resource)
+  }));
+};
+
+exports.RecordAssociationCalendarBlockInitializer = RecordAssociationCalendarBlockInitializer;
+
+var RecordAssociationBlockInitializer = function RecordAssociationBlockInitializer(props) {
+  var item = props.item,
+      onCreateBlockSchema = props.onCreateBlockSchema,
+      componentType = props.componentType,
+      createBlockSchema = props.createBlockSchema,
+      insert = props.insert,
+      others = _objectWithoutProperties(props, _excluded10);
+
+  var _useSchemaTemplateMan9 = (0, _schemaTemplates.useSchemaTemplateManager)(),
+      getTemplateSchemaByMode = _useSchemaTemplateMan9.getTemplateSchemaByMode;
+
+  var _useCollectionManager7 = (0, _collectionManager.useCollectionManager)(),
+      getCollection = _useCollectionManager7.getCollection;
+
+  var field = item.field;
+  var collection = getCollection(field.target);
+  var resource = "".concat(field.collectionName, ".").concat(field.name);
+  return /*#__PURE__*/_react2.default.createElement(_SchemaInitializer.SchemaInitializer.Item, _objectSpread(_objectSpread({
+    icon: /*#__PURE__*/_react2.default.createElement(_icons.TableOutlined, null)
+  }, others), {}, {
+    onClick: function () {
+      var _onClick9 = _asyncToGenerator( /*#__PURE__*/regeneratorRuntime.mark(function _callee13(_ref14) {
+        var item, s;
+        return regeneratorRuntime.wrap(function _callee13$(_context13) {
+          while (1) {
+            switch (_context13.prev = _context13.next) {
+              case 0:
+                item = _ref14.item;
+
+                if (!item.template) {
+                  _context13.next = 8;
+                  break;
+                }
+
+                _context13.next = 4;
+                return getTemplateSchemaByMode(item);
+
+              case 4:
+                s = _context13.sent;
+                insert(s);
+                _context13.next = 9;
+                break;
+
+              case 8:
+                insert((0, _utils.createTableBlockSchema)({
+                  rowKey: collection.filterTargetKey,
+                  collection: field.target,
+                  resource: resource,
+                  association: resource
+                }));
+
+              case 9:
+              case "end":
+                return _context13.stop();
+            }
+          }
+        }, _callee13);
+      }));
+
+      function onClick(_x13) {
+        return _onClick9.apply(this, arguments);
+      }
+
+      return onClick;
+    }(),
+    items: (0, _utils.useRecordCollectionDataSourceItems)('Table', item, field.target, resource)
   }));
 };
 
@@ -1182,23 +1623,23 @@ var TableSelectorInitializer = function TableSelectorInitializer(props) {
       componentType = props.componentType,
       createBlockSchema = props.createBlockSchema,
       insert = props.insert,
-      others = _objectWithoutProperties(props, _excluded6);
+      others = _objectWithoutProperties(props, _excluded11);
 
-  var _useSchemaTemplateMan6 = (0, _schemaTemplates.useSchemaTemplateManager)(),
-      getTemplateSchemaByMode = _useSchemaTemplateMan6.getTemplateSchemaByMode;
+  var _useSchemaTemplateMan10 = (0, _schemaTemplates.useSchemaTemplateManager)(),
+      getTemplateSchemaByMode = _useSchemaTemplateMan10.getTemplateSchemaByMode;
 
   var collection = (0, _collectionManager.useCollection)();
   return /*#__PURE__*/_react2.default.createElement(_SchemaInitializer.SchemaInitializer.Item, _objectSpread(_objectSpread({
     icon: /*#__PURE__*/_react2.default.createElement(_icons.FormOutlined, null)
   }, others), {}, {
     onClick: function () {
-      var _onClick6 = _asyncToGenerator( /*#__PURE__*/regeneratorRuntime.mark(function _callee10(_ref11) {
+      var _onClick10 = _asyncToGenerator( /*#__PURE__*/regeneratorRuntime.mark(function _callee14(_ref15) {
         var item, field;
-        return regeneratorRuntime.wrap(function _callee10$(_context10) {
+        return regeneratorRuntime.wrap(function _callee14$(_context14) {
           while (1) {
-            switch (_context10.prev = _context10.next) {
+            switch (_context14.prev = _context14.next) {
               case 0:
-                item = _ref11.item;
+                item = _ref15.item;
                 field = item.field;
                 insert((0, _utils.createTableSelectorSchema)({
                   rowKey: collection.filterTargetKey,
@@ -1208,14 +1649,14 @@ var TableSelectorInitializer = function TableSelectorInitializer(props) {
 
               case 3:
               case "end":
-                return _context10.stop();
+                return _context14.stop();
             }
           }
-        }, _callee10);
+        }, _callee14);
       }));
 
-      function onClick(_x10) {
-        return _onClick6.apply(this, arguments);
+      function onClick(_x14) {
+        return _onClick10.apply(this, arguments);
       }
 
       return onClick;