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

package/lib/collection-manager/CollectionField.js

@@ -74,7 +74,14 @@ var InternalField = function InternalField(props) {
       field.validator = uiSchema['x-validator'];
     }
 
-    field.readPretty = uiSchema['x-read-pretty'];
+    if (fieldSchema['x-disabled'] === true) {
+      field.disabled = true;
+    }
+
+    if (fieldSchema['x-read-pretty'] === true) {
+      field.readPretty = true;
+    }
+
     setRequired(); // @ts-ignore
 
     field.dataSource = uiSchema.enum;

package/lib/collection-manager/Configuration/AddFieldAction.js

@@ -33,6 +33,8 @@ var _actionHooks = require("../action-hooks");
 
 var _hooks = require("../hooks");
 
+var components = _interopRequireWildcard(require("./components"));
+
 var _interfaces = require("./interfaces");
 
 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); }
@@ -61,7 +63,7 @@ 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 getSchema = function getSchema(schema) {
+var getSchema = function getSchema(schema, record, compile) {
   if (!schema) {
     return;
   }
@@ -90,8 +92,16 @@ var getSchema = function getSchema(schema) {
           }, options);
         }
       },
-      title: '{{ t("Add field") }}',
-      properties: _objectSpread(_objectSpread({}, properties), {}, {
+      title: "".concat(record.title, " - ").concat(compile('{{ t("Add field") }}')),
+      properties: _objectSpread(_objectSpread({
+        summary: {
+          type: 'void',
+          'x-component': 'FieldSummary',
+          'x-component-props': {
+            schemaKey: schema.name
+          }
+        }
+      }, properties), {}, {
         footer: {
           type: 'void',
           'x-component': 'Action.Drawer.Footer',
@@ -133,9 +143,8 @@ var useCreateCollectionField = function useCreateCollectionField() {
   return {
     run: function run() {
       return _asyncToGenerator( /*#__PURE__*/regeneratorRuntime.mark(function _callee() {
-        var _form$values, _form$values$uiSchema, _form$values$uiSchema2, _form$values2;
+        var _form$values;
 
-        var options;
         return regeneratorRuntime.wrap(function _callee$(_context) {
           while (1) {
             switch (_context.prev = _context.next) {
@@ -144,28 +153,46 @@ var useCreateCollectionField = function useCreateCollectionField() {
                 return form.submit();
 
               case 2:
-                options = (form === null || form === void 0 ? void 0 : (_form$values = form.values) === null || _form$values === void 0 ? void 0 : (_form$values$uiSchema = _form$values.uiSchema) === null || _form$values$uiSchema === void 0 ? void 0 : (_form$values$uiSchema2 = _form$values$uiSchema.enum) === null || _form$values$uiSchema2 === void 0 ? void 0 : _form$values$uiSchema2.slice()) || [];
-
-                if (options === null || options === void 0 ? void 0 : options.length) {
-                  form.setValuesIn('uiSchema.enum', options.map(function (option) {
-                    return _objectSpread({
-                      value: (0, _shared.uid)()
-                    }, option);
-                  }));
-                }
-
-                if ((form === null || form === void 0 ? void 0 : (_form$values2 = form.values) === null || _form$values2 === void 0 ? void 0 : _form$values2.interface) === 'linkTo' && title) {
+                // const options = form?.values?.uiSchema?.enum?.slice() || [];
+                // if (options?.length) {
+                //   form.setValuesIn(
+                //     'uiSchema.enum',
+                //     options.map((option) => {
+                //       return {
+                //         value: uid(),
+                //         ...option,
+                //       };
+                //     }),
+                //   );
+                // }
+                // function recursiveChildren(children = [], prefix = 'children') {
+                //   children.forEach((item, index) => {
+                //     const itemOptions = item.uiSchema?.enum?.slice() || [];
+                //     form.setValuesIn(
+                //       `${prefix}[${index}].uiSchema.enum`,
+                //       itemOptions.map((option) => {
+                //         return {
+                //           value: uid(),
+                //           ...option,
+                //         };
+                //       }),
+                //     );
+                //     recursiveChildren(item.children, `${prefix}[${index}].children`);
+                //   });
+                // }
+                // recursiveChildren(form?.values?.children);
+                if (['obo', 'oho', 'o2o', 'o2m', 'm2o', 'm2m', 'linkTo'].includes(form === null || form === void 0 ? void 0 : (_form$values = form.values) === null || _form$values === void 0 ? void 0 : _form$values.interface) && title) {
                   form.setValuesIn('reverseField.uiSchema.title', title);
                 }
 
-                _context.next = 7;
+                _context.next = 5;
                 return _run();
 
-              case 7:
-                _context.next = 9;
+              case 5:
+                _context.next = 7;
                 return refreshCM();
 
-              case 9:
+              case 7:
               case "end":
                 return _context.stop();
             }
@@ -195,6 +222,7 @@ var AddFieldAction = function AddFieldAction() {
   var _useTranslation = (0, _reactI18next.useTranslation)(),
       t = _useTranslation.t;
 
+  var record = (0, _recordProvider.useRecord)();
   return /*#__PURE__*/_react2.default.createElement(_schemaComponent.ActionContext.Provider, {
     value: {
       visible: visible,
@@ -207,7 +235,7 @@ var AddFieldAction = function AddFieldAction() {
         overflow: 'auto'
       },
       onClick: function onClick(info) {
-        var schema = getSchema(getInterface(info.key));
+        var schema = getSchema(getInterface(info.key), record, compile);
         setSchema(schema);
         setVisible(true);
       }
@@ -215,7 +243,9 @@ var AddFieldAction = function AddFieldAction() {
       return option.children.length > 0 && /*#__PURE__*/_react2.default.createElement(_antd2.Menu.ItemGroup, {
         key: option.label,
         title: compile(option.label)
-      }, option.children.map(function (child) {
+      }, option.children.filter(function (child) {
+        return !['o2o', 'subTable'].includes(child.name);
+      }).map(function (child) {
         return /*#__PURE__*/_react2.default.createElement(_antd2.Menu.Item, {
           key: child.name
         }, compile(child.title));
@@ -226,9 +256,9 @@ var AddFieldAction = function AddFieldAction() {
     type: 'primary'
   }, t('Add field'))), /*#__PURE__*/_react2.default.createElement(_schemaComponent.SchemaComponent, {
     schema: schema,
-    components: {
+    components: _objectSpread(_objectSpread({}, components), {}, {
       ArrayTable: _antd.ArrayTable
-    },
+    }),
     scope: {
       createOnly: true,
       useCreateCollectionField: useCreateCollectionField

package/lib/collection-manager/Configuration/AddSubFieldAction.js

@@ -29,6 +29,8 @@ var _schemaComponent = require("../../schema-component");
 
 var _hooks = require("../hooks");
 
+var components = _interopRequireWildcard(require("./components"));
+
 var _interfaces = require("./interfaces");
 
 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); }
@@ -196,9 +198,9 @@ var AddSubFieldAction = function AddSubFieldAction() {
     record: {}
   }, /*#__PURE__*/_react.default.createElement(_schemaComponent.SchemaComponent, {
     schema: schema,
-    components: {
+    components: _objectSpread(_objectSpread({}, components), {}, {
       ArrayTable: _antd.ArrayTable
-    },
+    }),
     scope: {
       createOnly: true,
       useCreateSubField: useCreateSubField

package/lib/collection-manager/Configuration/ConfigurationTable.js

@@ -21,10 +21,14 @@ var _recordProvider = require("../../record-provider");
 
 var _schemaComponent = require("../../schema-component");
 
-var _useCollectionManager3 = require("../hooks/useCollectionManager");
+var _useCollectionManager4 = require("../hooks/useCollectionManager");
+
+var _subTable = require("../sub-table");
 
 var _AddSubFieldAction = require("./AddSubFieldAction");
 
+var _FieldSummary = require("./components/FieldSummary");
+
 var _EditSubFieldAction = require("./EditSubFieldAction");
 
 var _collections = require("./schemas/collections");
@@ -76,6 +80,7 @@ var useCollectionValues = function useCollectionValues(options) {
         createdBy: true,
         updatedBy: true,
         sortable: true,
+        logging: true,
         fields: [{
           name: 'id',
           type: 'integer',
@@ -217,12 +222,32 @@ var useBulkDestroySubField = function useBulkDestroySubField() {
       }))();
     }
   };
+}; // 获取当前字段列表
+
+
+var useCurrentFields = function useCurrentFields() {
+  var record = (0, _recordProvider.useRecord)(); // 仅当当前字段为子表单时，从DataSourceContext中获取已配置的字段列表
+
+  if (record.__parent && record.__parent.interface === 'subTable') {
+    var ctx = (0, _react2.useContext)(_subTable.DataSourceContext);
+    return ctx.dataSource;
+  }
+
+  var _useCollectionManager = (0, _useCollectionManager4.useCollectionManager)(),
+      getCollectionFields = _useCollectionManager.getCollectionFields;
+
+  var fields = getCollectionFields(record.collectionName || record.name);
+  return fields;
+};
+
+var useNewId = function useNewId(prefix) {
+  return "".concat(prefix || '').concat((0, _shared.uid)());
 };
 
 var ConfigurationTable = function ConfigurationTable() {
-  var _useCollectionManager = (0, _useCollectionManager3.useCollectionManager)(),
-      _useCollectionManager2 = _useCollectionManager.collections,
-      collections = _useCollectionManager2 === void 0 ? [] : _useCollectionManager2;
+  var _useCollectionManager2 = (0, _useCollectionManager4.useCollectionManager)(),
+      _useCollectionManager3 = _useCollectionManager2.collections,
+      collections = _useCollectionManager3 === void 0 ? [] : _useCollectionManager3;
 
   var compile = (0, _schemaComponent.useCompile)();
 
@@ -256,7 +281,8 @@ var ConfigurationTable = function ConfigurationTable() {
     schema: _collections.collectionSchema,
     components: {
       AddSubFieldAction: _AddSubFieldAction.AddSubFieldAction,
-      EditSubFieldAction: _EditSubFieldAction.EditSubFieldAction
+      EditSubFieldAction: _EditSubFieldAction.EditSubFieldAction,
+      FieldSummary: _FieldSummary.FieldSummary
     },
     scope: {
       useDestroySubField: useDestroySubField,
@@ -264,7 +290,9 @@ var ConfigurationTable = function ConfigurationTable() {
       useSelectedRowKeys: useSelectedRowKeys,
       useCollectionValues: useCollectionValues,
       useAsyncDataSource: useAsyncDataSource,
-      loadCollections: loadCollections
+      loadCollections: loadCollections,
+      useCurrentFields: useCurrentFields,
+      useNewId: useNewId
     }
   }));
 };

package/lib/collection-manager/Configuration/EditFieldAction.js

@@ -29,6 +29,8 @@ var _actionHooks = require("../action-hooks");
 
 var _hooks = require("../hooks");
 
+var components = _interopRequireWildcard(require("./components"));
+
 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; }
@@ -57,7 +59,9 @@ 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 getSchema = function getSchema(schema) {
+var getSchema = function getSchema(schema, record, compile) {
+  var _record$__parent;
+
   if (!schema) {
     return;
   }
@@ -79,8 +83,16 @@ var getSchema = function getSchema(schema) {
           }, options);
         }
       },
-      title: '{{ t("Edit field") }}',
-      properties: _objectSpread(_objectSpread({}, properties), {}, {
+      title: "".concat((_record$__parent = record.__parent) === null || _record$__parent === void 0 ? void 0 : _record$__parent.title, " - ").concat(compile('{{ t("Edit field") }}')),
+      properties: _objectSpread(_objectSpread({
+        summary: {
+          type: 'void',
+          'x-component': 'FieldSummary',
+          'x-component-props': {
+            schemaKey: schema.name
+          }
+        }
+      }, properties), {}, {
         footer: {
           type: 'void',
           'x-component': 'Action.Drawer.Footer',
@@ -119,31 +131,48 @@ var useUpdateCollectionField = function useUpdateCollectionField() {
   return {
     run: function run() {
       return _asyncToGenerator( /*#__PURE__*/regeneratorRuntime.mark(function _callee() {
-        var _form$values, _form$values$uiSchema, _form$values$uiSchema2;
+        var _form$values, _form$values$uiSchema, _form$values$uiSchema2, _form$values2;
 
-        var options;
+        var options, recursiveChildren;
         return regeneratorRuntime.wrap(function _callee$(_context) {
           while (1) {
             switch (_context.prev = _context.next) {
               case 0:
-                _context.next = 2;
+                recursiveChildren = function _recursiveChildren() {
+                  var children = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : [];
+                  var prefix = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : 'children';
+                  children.forEach(function (item, index) {
+                    var _item$uiSchema, _item$uiSchema$enum;
+
+                    var itemOptions = ((_item$uiSchema = item.uiSchema) === null || _item$uiSchema === void 0 ? void 0 : (_item$uiSchema$enum = _item$uiSchema.enum) === null || _item$uiSchema$enum === void 0 ? void 0 : _item$uiSchema$enum.slice()) || [];
+                    form.setValuesIn("".concat(prefix, "[").concat(index, "].uiSchema.enum"), itemOptions.map(function (option) {
+                      return _objectSpread({
+                        value: (0, _shared.uid)()
+                      }, option);
+                    }));
+                    recursiveChildren(item.children, "".concat(prefix, "[").concat(index, "].children"));
+                  });
+                };
+
+                _context.next = 3;
                 return form.submit();
 
-              case 2:
+              case 3:
                 options = (form === null || form === void 0 ? void 0 : (_form$values = form.values) === null || _form$values === void 0 ? void 0 : (_form$values$uiSchema = _form$values.uiSchema) === null || _form$values$uiSchema === void 0 ? void 0 : (_form$values$uiSchema2 = _form$values$uiSchema.enum) === null || _form$values$uiSchema2 === void 0 ? void 0 : _form$values$uiSchema2.slice()) || [];
                 form.setValuesIn('uiSchema.enum', options.map(function (option) {
                   return _objectSpread({
                     value: (0, _shared.uid)()
                   }, option);
                 }));
-                _context.next = 6;
+                recursiveChildren(form === null || form === void 0 ? void 0 : (_form$values2 = form.values) === null || _form$values2 === void 0 ? void 0 : _form$values2.children);
+                _context.next = 8;
                 return _run();
 
-              case 6:
-                _context.next = 8;
+              case 8:
+                _context.next = 10;
                 return refreshCM();
 
-              case 8:
+              case 10:
               case "end":
                 return _context.stop();
             }
@@ -175,6 +204,7 @@ var EditFieldAction = function EditFieldAction(props) {
   var _useTranslation = (0, _reactI18next.useTranslation)(),
       t = _useTranslation.t;
 
+  var compile = (0, _schemaComponent.useCompile)();
   return /*#__PURE__*/_react2.default.createElement(_schemaComponent.ActionContext.Provider, {
     value: {
       visible: visible,
@@ -200,7 +230,7 @@ var EditFieldAction = function EditFieldAction(props) {
                 data = _yield$api$resource$g.data;
                 schema = getSchema(_objectSpread(_objectSpread({}, getInterface(record.interface)), {}, {
                   default: data === null || data === void 0 ? void 0 : data.data
-                }));
+                }), record, compile);
                 setSchema(schema);
                 setVisible(true);
 
@@ -220,9 +250,9 @@ var EditFieldAction = function EditFieldAction(props) {
     }()
   }, t('Edit')), /*#__PURE__*/_react2.default.createElement(_schemaComponent.SchemaComponent, {
     schema: schema,
-    components: {
+    components: _objectSpread(_objectSpread({}, components), {}, {
       ArrayTable: _antd.ArrayTable
-    },
+    }),
     scope: {
       useUpdateCollectionField: useUpdateCollectionField
     }

package/lib/collection-manager/Configuration/EditSubFieldAction.js

@@ -29,6 +29,8 @@ var _actionHooks = require("../action-hooks");
 
 var _hooks = require("../hooks");
 
+var components = _interopRequireWildcard(require("./components"));
+
 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; }
@@ -214,9 +216,9 @@ var EditSubFieldAction = function EditSubFieldAction(props) {
     }()
   }, t('Edit')), /*#__PURE__*/_react2.default.createElement(_schemaComponent.SchemaComponent, {
     schema: schema,
-    components: {
+    components: _objectSpread(_objectSpread({}, components), {}, {
       ArrayTable: _antd.ArrayTable
-    },
+    }),
     scope: {
       useUpdateCollectionField: useUpdateCollectionField
     }

package/lib/collection-manager/Configuration/components/FieldSummary.d.ts

@@ -0,0 +1,2 @@
+import React from 'react';
+export declare const FieldSummary: React.MemoExoticComponent<React.FunctionComponent<Pick<any, string | number | symbol>>>;

package/lib/collection-manager/Configuration/components/FieldSummary.js

@@ -0,0 +1,49 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.FieldSummary = void 0;
+
+var _css = require("@emotion/css");
+
+var _react = require("@formily/react");
+
+var _antd = require("antd");
+
+var _react2 = _interopRequireDefault(require("react"));
+
+var _reactI18next = require("react-i18next");
+
+var _schemaComponent = require("../../../schema-component");
+
+var _hooks = require("../../hooks");
+
+var _templateObject, _templateObject2, _templateObject3;
+
+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) } })); }
+
+var FieldSummary = (0, _react.observer)(function (props) {
+  var schemaKey = props.schemaKey;
+
+  var _useCollectionManager = (0, _hooks.useCollectionManager)(),
+      getInterface = _useCollectionManager.getInterface;
+
+  var compile = (0, _schemaComponent.useCompile)();
+
+  var _useTranslation = (0, _reactI18next.useTranslation)(),
+      t = _useTranslation.t;
+
+  var schema = getInterface(schemaKey);
+  if (!schema) return null;
+  return /*#__PURE__*/_react2.default.createElement("div", {
+    className: (0, _css.css)(_templateObject || (_templateObject = _taggedTemplateLiteral(["\n        background: #f6f6f6;\n        margin-bottom: 24px;\n        padding: 16px;\n      "])))
+  }, /*#__PURE__*/_react2.default.createElement("div", {
+    className: (0, _css.css)(_templateObject2 || (_templateObject2 = _taggedTemplateLiteral([""])))
+  }, t('Field interface'), ": ", /*#__PURE__*/_react2.default.createElement(_antd.Tag, null, compile(schema.title))), schema.description ? /*#__PURE__*/_react2.default.createElement("div", {
+    className: (0, _css.css)(_templateObject3 || (_templateObject3 = _taggedTemplateLiteral(["\n            margin-top: 8px;\n            color: rgba(0, 0, 0, 0.45);\n          "])))
+  }, compile(schema.description)) : null);
+});
+exports.FieldSummary = FieldSummary;

package/lib/collection-manager/Configuration/components/index.d.ts

@@ -0,0 +1,7 @@
+import React from 'react';
+export declare const SourceForeignKey: React.MemoExoticComponent<React.FunctionComponent<unknown>>;
+export declare const ThroughForeignKey: React.MemoExoticComponent<React.FunctionComponent<unknown>>;
+export declare const TargetForeignKey: React.MemoExoticComponent<React.FunctionComponent<unknown>>;
+export declare const SourceCollection: React.MemoExoticComponent<React.FunctionComponent<unknown>>;
+export declare const SourceKey: React.MemoExoticComponent<React.FunctionComponent<unknown>>;
+export declare const TargetKey: React.MemoExoticComponent<React.FunctionComponent<unknown>>;

package/lib/collection-manager/Configuration/components/index.js

@@ -0,0 +1,142 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.ThroughForeignKey = exports.TargetKey = exports.TargetForeignKey = exports.SourceKey = exports.SourceForeignKey = exports.SourceCollection = void 0;
+
+var _react = require("@formily/react");
+
+var _antd = require("antd");
+
+var _react2 = _interopRequireDefault(require("react"));
+
+var _recordProvider = require("../../../record-provider");
+
+var _schemaComponent = require("../../../schema-component");
+
+var _hooks = require("../../hooks");
+
+function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
+
+var SourceForeignKey = (0, _react.observer)(function () {
+  var record = (0, _recordProvider.useRecord)();
+
+  var _useCollectionManager = (0, _hooks.useCollectionManager)(),
+      getCollection = _useCollectionManager.getCollection;
+
+  var collection = (record === null || record === void 0 ? void 0 : record.collectionName) ? getCollection(record.collectionName) : record;
+  var field = (0, _react.useField)();
+  var form = (0, _react.useForm)();
+
+  var _useCollectionManager2 = (0, _hooks.useCollectionManager)(),
+      getCollectionFields = _useCollectionManager2.getCollectionFields;
+
+  return /*#__PURE__*/_react2.default.createElement("div", null, /*#__PURE__*/_react2.default.createElement(_antd.Select, {
+    allowClear: true,
+    placeholder: '留空时，自动生成 FK 字段',
+    disabled: field.disabled,
+    value: field.value,
+    options: getCollectionFields(collection.name).filter(function (field) {
+      return field.type;
+    }).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) || field.name,
+        value: field.name
+      };
+    })
+  }));
+});
+exports.SourceForeignKey = SourceForeignKey;
+var ThroughForeignKey = (0, _react.observer)(function () {
+  var field = (0, _react.useField)();
+  var form = (0, _react.useForm)();
+
+  var _useCollectionManager3 = (0, _hooks.useCollectionManager)(),
+      getCollectionFields = _useCollectionManager3.getCollectionFields;
+
+  return /*#__PURE__*/_react2.default.createElement("div", null, /*#__PURE__*/_react2.default.createElement(_antd.Select, {
+    allowClear: true,
+    placeholder: '留空时，自动生成 FK 字段',
+    disabled: field.disabled,
+    value: field.value,
+    options: getCollectionFields(form.values.through).filter(function (field) {
+      return field.type;
+    }).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) || field.name,
+        value: field.name
+      };
+    })
+  }));
+});
+exports.ThroughForeignKey = ThroughForeignKey;
+var TargetForeignKey = (0, _react.observer)(function () {
+  var field = (0, _react.useField)();
+  var form = (0, _react.useForm)();
+
+  var _useCollectionManager4 = (0, _hooks.useCollectionManager)(),
+      getCollectionFields = _useCollectionManager4.getCollectionFields;
+
+  return /*#__PURE__*/_react2.default.createElement("div", null, /*#__PURE__*/_react2.default.createElement(_antd.Select, {
+    allowClear: true,
+    placeholder: '留空时，自动生成 FK 字段',
+    disabled: field.disabled,
+    value: field.value,
+    options: getCollectionFields(form.values.target).filter(function (field) {
+      return field.type;
+    }).map(function (field) {
+      var _field$uiSchema3;
+
+      return {
+        label: (field === null || field === void 0 ? void 0 : (_field$uiSchema3 = field.uiSchema) === null || _field$uiSchema3 === void 0 ? void 0 : _field$uiSchema3.title) || field.name,
+        value: field.name
+      };
+    })
+  }));
+});
+exports.TargetForeignKey = TargetForeignKey;
+var SourceCollection = (0, _react.observer)(function () {
+  var record = (0, _recordProvider.useRecord)();
+
+  var _useCollectionManager5 = (0, _hooks.useCollectionManager)(),
+      getCollection = _useCollectionManager5.getCollection;
+
+  var collection = (record === null || record === void 0 ? void 0 : record.collectionName) ? getCollection(record.collectionName) : record;
+  var compile = (0, _schemaComponent.useCompile)();
+  return /*#__PURE__*/_react2.default.createElement("div", null, /*#__PURE__*/_react2.default.createElement(_antd.Select, {
+    disabled: true,
+    value: collection.name,
+    options: [{
+      value: collection.name,
+      label: compile(collection.title)
+    }]
+  }));
+});
+exports.SourceCollection = SourceCollection;
+var SourceKey = (0, _react.observer)(function () {
+  return /*#__PURE__*/_react2.default.createElement("div", null, /*#__PURE__*/_react2.default.createElement(_antd.Select, {
+    disabled: true,
+    value: 'id',
+    options: [{
+      value: 'id',
+      label: 'ID'
+    }]
+  }));
+});
+exports.SourceKey = SourceKey;
+var TargetKey = (0, _react.observer)(function () {
+  return /*#__PURE__*/_react2.default.createElement("div", null, /*#__PURE__*/_react2.default.createElement(_antd.Select, {
+    disabled: true,
+    value: 'id',
+    options: [{
+      value: 'id',
+      label: 'ID'
+    }]
+  }));
+});
+exports.TargetKey = TargetKey;

package/lib/collection-manager/Configuration/interfaces.js

@@ -51,6 +51,7 @@ registerGroupLabel('choices', '{{t("Choices")}}');
 registerGroupLabel('media', '{{t("Media")}}');
 registerGroupLabel('datetime', '{{t("Date & Time")}}');
 registerGroupLabel('relation', '{{t("Relation")}}');
+registerGroupLabel('advanced', '{{t("Advanced type")}}');
 registerGroupLabel('systemInfo', '{{t("System info")}}');
 registerGroupLabel('others', '{{t("Others")}}');
 var options = Object.keys(groupLabels).map(function (groupName) {

package/lib/collection-manager/Configuration/schemas/collectionFields.js

@@ -82,6 +82,10 @@ var collectionFieldSchema = {
   //   collection,
   // },
   properties: {
+    summary: {
+      type: 'void',
+      'x-component': 'FieldSummary'
+    },
     actions: {
       type: 'void',
       'x-component': 'ActionBar',