@nocobase/client 0.7.1-alpha.7 → 0.7.2-alpha.1

package/lib/index.js

@@ -318,17 +318,4 @@ Object.keys(_user).forEach(function (key) {
       return _user[key];
     }
   });
-});
-
-var _workflow = require("./workflow");
-
-Object.keys(_workflow).forEach(function (key) {
-  if (key === "default" || key === "__esModule") return;
-  if (key in exports && exports[key] === _workflow[key]) return;
-  Object.defineProperty(exports, key, {
-    enumerable: true,
-    get: function get() {
-      return _workflow[key];
-    }
-  });
 });

package/lib/locale/en_US.d.ts

@@ -120,6 +120,7 @@ declare const _default: {
     Phone: string;
     Email: string;
     Number: string;
+    Integer: string;
     Percent: string;
     Password: string;
     Formula: string;
@@ -176,6 +177,7 @@ declare const _default: {
     "Add filter group": string;
     is: string;
     "is not": string;
+    "is variable": string;
     contains: string;
     "does not contain": string;
     "starts with": string;
@@ -541,6 +543,11 @@ declare const _default: {
     "One to one (has one)": string;
     "One to one (belongs to)": string;
     "Use the same time zone (GMT) for all users": string;
+    "Block title": string;
+    "Edit block title": string;
     "Province/city/area name": string;
+    "Field component": string;
+    Subtable: string;
+    Subform: string;
 };
 export default _default;

package/lib/locale/en_US.js

@@ -85,7 +85,7 @@ var _default = {
   "Add new": "Add new",
   "Add record": "Add record",
   "Custom field display name": "Custom field display name",
-  "Display fields": "Display fields",
+  "Display fields": "Display collection fields",
   "Edit record": "Edit record",
   "Delete menu item": "Delete menu item",
   "Add page": "Add page",
@@ -126,6 +126,7 @@ var _default = {
   "Phone": "Phone",
   "Email": "Email",
   "Number": "Number",
+  "Integer": "Integer",
   "Percent": "Percent",
   "Password": "Password",
   "Formula": "Formula",
@@ -182,6 +183,7 @@ var _default = {
   "Add filter group": "Add filter group",
   "is": "is",
   "is not": "is not",
+  "is variable": "is variable",
   "contains": "contains",
   "does not contain": "does not contain",
   "starts with": "starts with",
@@ -547,6 +549,11 @@ var _default = {
   "One to one (has one)": "One to one (has one)",
   "One to one (belongs to)": "One to one (belongs to)",
   "Use the same time zone (GMT) for all users": "Use the same time zone (GMT) for all users",
-  "Province/city/area name": "Province/city/area name"
+  "Block title": "Block title",
+  "Edit block title": "Edit block title",
+  "Province/city/area name": "Province/city/area name",
+  "Field component": "Field component",
+  "Subtable": "Subtable",
+  "Subform": "Subform"
 };
 exports.default = _default;

package/lib/locale/zh_CN.d.ts

@@ -120,6 +120,7 @@ declare const _default: {
     Phone: string;
     Email: string;
     Number: string;
+    Integer: string;
     Percent: string;
     Password: string;
     Formula: string;
@@ -173,7 +174,11 @@ declare const _default: {
     "Many to one description": string;
     "Many to many description": string;
     "Generated automatically if left blank": string;
-    "References fields of associated table": string;
+    "Display association fields": string;
+    "Field component": string;
+    Subtable: string;
+    Subform: string;
+    "Record picker": string;
     "Toggles the subfield mode": string;
     "Selector mode": string;
     "Subtable mode": string;
@@ -189,6 +194,7 @@ declare const _default: {
     "Add filter group": string;
     is: string;
     "is not": string;
+    "is variable": string;
     contains: string;
     "does not contain": string;
     "starts with": string;
@@ -500,10 +506,13 @@ declare const _default: {
     'Branch into "Yes" and "No"': string;
     Conditions: string;
     'Parallel branch': string;
+    'Add branch': string;
     'All succeeded': string;
     'Any succeeded': string;
+    'Any succeeded or failed': string;
     'Continue after all branches succeeded': string;
     'Continue after any branch succeeded': string;
+    'Continue after any branch succeeded, or exit after any branch failed': string;
     Delay: string;
     Duration: string;
     'End Status': string;

package/lib/locale/zh_CN.js

@@ -126,6 +126,7 @@ var _default = {
   "Phone": "手机号码",
   "Email": "电子邮箱",
   "Number": "数字",
+  "Integer": "整数",
   "Percent": "百分比",
   "Password": "密码",
   "Formula": "公式",
@@ -179,7 +180,11 @@ var _default = {
   "Many to one description": "用于创建多对一关系，比如一个城市只能属于一个国家，一个国家可以有多个城市。作为字段存在时，它是一个下拉选择用于选择目标数据表的数据。创建后，会在目标数据表里自动生成一个多对一字段。",
   "Many to many description": "用于创建多对多关系，比如一个学生会有多个老师，一个老师也会有多个学生。作为字段存在时，它是一个下拉选择用于选择目标数据表的数据。",
   "Generated automatically if left blank": "留空时，自动生成中间表",
-  "References fields of associated table": "引用关联表的字段",
+  "Display association fields": "显示关联表的字段",
+  "Field component": "字段组件",
+  "Subtable": "子表格",
+  "Subform": "子表单",
+  "Record picker": "数据选择器",
   "Toggles the subfield mode": "切换子字段模式",
   "Selector mode": "选择器模式",
   "Subtable mode": "子表格模式",
@@ -195,6 +200,7 @@ var _default = {
   "Add filter group": "添加筛选分组",
   "is": "等于",
   "is not": "不等于",
+  "is variable": "为动态变量",
   "contains": "包含",
   "does not contain": "不包含",
   "starts with": "开头是",
@@ -507,10 +513,13 @@ var _default = {
   'Branch into "Yes" and "No"': '“是”和“否”分别继续',
   'Conditions': '条件配置',
   'Parallel branch': '分支',
+  'Add branch': '增加分支',
   'All succeeded': '全部成功',
   'Any succeeded': '任意成功',
+  'Any succeeded or failed': '任意成功或失败',
   'Continue after all branches succeeded': '全部分支都成功后才能继续',
   'Continue after any branch succeeded': '任意分支成功后就继续',
+  'Continue after any branch succeeded, or exit after any branch failed': '任意分支成功继续，或失败后退出',
   'Delay': '延时',
   'Duration': '时长',
   'End Status': '到时状态',

package/lib/schema-component/antd/filter/DynamicComponent.js

@@ -7,12 +7,16 @@ Object.defineProperty(exports, "__esModule", {
 });
 exports.DynamicComponent = void 0;
 
+var _css = require("@emotion/css");
+
 var _core = require("@formily/core");
 
 var _react = require("@formily/react");
 
 var _shared = require("@formily/shared");
 
+var _antd = require("antd");
+
 var _react2 = _interopRequireWildcard(require("react"));
 
 var _core2 = require("../../core");
@@ -21,6 +25,10 @@ var _hooks = require("../../hooks");
 
 var _context = require("./context");
 
+var _useFilterActionProps = require("./useFilterActionProps");
+
+var _templateObject;
+
 function _getRequireWildcardCache(nodeInterop) { if (typeof WeakMap !== "function") return null; var cacheBabelInterop = new WeakMap(); var cacheNodeInterop = new WeakMap(); return (_getRequireWildcardCache = function _getRequireWildcardCache(nodeInterop) { return nodeInterop ? cacheNodeInterop : cacheBabelInterop; })(nodeInterop); }
 
 function _interopRequireWildcard(obj, nodeInterop) { if (!nodeInterop && obj && obj.__esModule) { return obj; } if (obj === null || _typeof(obj) !== "object" && typeof obj !== "function") { return { default: obj }; } var cache = _getRequireWildcardCache(nodeInterop); if (cache && cache.has(obj)) { return cache.get(obj); } var newObj = {}; var hasPropertyDescriptor = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var key in obj) { if (key !== "default" && Object.prototype.hasOwnProperty.call(obj, key)) { var desc = hasPropertyDescriptor ? Object.getOwnPropertyDescriptor(obj, key) : null; if (desc && (desc.get || desc.set)) { Object.defineProperty(newObj, key, desc); } else { newObj[key] = obj[key]; } } } newObj.default = obj; if (cache) { cache.set(obj, newObj); } return newObj; }
@@ -31,6 +39,46 @@ 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; }
 
+function _taggedTemplateLiteral(strings, raw) { if (!raw) { raw = strings.slice(0); } return Object.freeze(Object.defineProperties(strings, { raw: { value: Object.freeze(raw) } })); }
+
+var VariableCascader = (0, _react.connect)(function (props) {
+  var fields = (0, _useFilterActionProps.useFilterOptions)('users');
+  var compile = (0, _hooks.useCompile)();
+  var value = props.value,
+      _onChange = props.onChange;
+  return /*#__PURE__*/_react2.default.createElement(_antd.Cascader, {
+    className: (0, _css.css)(_templateObject || (_templateObject = _taggedTemplateLiteral(["\n        width: 160px;\n      "]))),
+    value: value ? value.split('.') : [],
+    fieldNames: {
+      label: 'title',
+      value: 'name',
+      children: 'children'
+    },
+    onChange: function onChange(value) {
+      _onChange(value ? value.join('.') : null);
+    },
+    options: compile([{
+      title: '{{t("Current user")}}',
+      name: 'currentUser',
+      children: fields.filter(function (field) {
+        if (!field.target) {
+          return true;
+        }
+
+        return field.type === 'belongsTo';
+      }).map(function (field) {
+        if (field.children) {
+          field.children = field.children.filter(function (child) {
+            return !child.target;
+          });
+        }
+
+        return field;
+      })
+    }])
+  });
+});
+
 var DynamicComponent = function DynamicComponent(props) {
   var _useContext = (0, _react2.useContext)(_context.FilterContext),
       dynamicComponent = _useContext.dynamicComponent;
@@ -69,7 +117,10 @@ var DynamicComponent = function DynamicComponent(props) {
         'x-read-pretty': false,
         'x-validator': undefined,
         'x-decorator': undefined
-      })
+      }),
+      components: {
+        VariableCascader: VariableCascader
+      }
     }));
   };
 

package/lib/schema-component/antd/filter/FilterItem.js

@@ -9,6 +9,8 @@ exports.FilterItem = void 0;
 
 var _icons = require("@ant-design/icons");
 
+var _css = require("@emotion/css");
+
 var _react = require("@formily/react");
 
 var _antd = require("antd");
@@ -25,10 +27,14 @@ var _DynamicComponent = require("./DynamicComponent");
 
 var _useValues2 = require("./useValues");
 
+var _templateObject;
+
 function _getRequireWildcardCache(nodeInterop) { if (typeof WeakMap !== "function") return null; var cacheBabelInterop = new WeakMap(); var cacheNodeInterop = new WeakMap(); return (_getRequireWildcardCache = function _getRequireWildcardCache(nodeInterop) { return nodeInterop ? cacheNodeInterop : cacheBabelInterop; })(nodeInterop); }
 
 function _interopRequireWildcard(obj, nodeInterop) { if (!nodeInterop && obj && obj.__esModule) { return obj; } if (obj === null || _typeof(obj) !== "object" && typeof obj !== "function") { return { default: obj }; } var cache = _getRequireWildcardCache(nodeInterop); if (cache && cache.has(obj)) { return cache.get(obj); } var newObj = {}; var hasPropertyDescriptor = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var key in obj) { if (key !== "default" && Object.prototype.hasOwnProperty.call(obj, key)) { var desc = hasPropertyDescriptor ? Object.getOwnPropertyDescriptor(obj, key) : null; if (desc && (desc.get || desc.set)) { Object.defineProperty(newObj, key, desc); } else { newObj[key] = obj[key]; } } } newObj.default = obj; if (cache) { cache.set(obj, newObj); } return newObj; }
 
+function _taggedTemplateLiteral(strings, raw) { if (!raw) { raw = strings.slice(0); } return Object.freeze(Object.defineProperties(strings, { raw: { value: Object.freeze(raw) } })); }
+
 var FilterItem = (0, _react.observer)(function (props) {
   var _useTranslation = (0, _reactI18next.useTranslation)(),
       t = _useTranslation.t;
@@ -52,6 +58,7 @@ var FilterItem = (0, _react.observer)(function (props) {
       marginBottom: 8
     }
   }, /*#__PURE__*/_react2.default.createElement(_antd.Space, null, /*#__PURE__*/_react2.default.createElement(_antd.Cascader, {
+    className: (0, _css.css)(_templateObject || (_templateObject = _taggedTemplateLiteral(["\n            width: 160px;\n          "]))),
     fieldNames: {
       label: 'title',
       value: 'name',

package/lib/schema-component/antd/filter/useFilterActionProps.js

@@ -70,6 +70,8 @@ var useFilterOptions = function useFilterOptions(collectionName) {
         operators = _fieldInterface$filte.operators;
     var option = {
       name: field.name,
+      type: field.type,
+      target: field.target,
       title: (field === null || field === void 0 ? void 0 : (_field$uiSchema = field.uiSchema) === null || _field$uiSchema === void 0 ? void 0 : _field$uiSchema.title) || field.name,
       schema: field === null || field === void 0 ? void 0 : field.uiSchema,
       operators: (operators === null || operators === void 0 ? void 0 : (_operators$filter = operators.filter) === null || _operators$filter === void 0 ? void 0 : _operators$filter.call(operators, function (operator) {

package/lib/schema-component/antd/form-item/FormItem.js

@@ -11,6 +11,8 @@ var _antd = require("@formily/antd");
 
 var _react = require("@formily/react");
 
+var _shared = require("@formily/shared");
+
 var _react2 = _interopRequireDefault(require("react"));
 
 var _reactI18next = require("react-i18next");
@@ -25,7 +27,7 @@ var _schemaSettings = require("../../../schema-settings");
 
 var _blockItem = require("../block-item");
 
-var _shared = require("../input/shared");
+var _shared2 = require("../input/shared");
 
 var _templateObject;
 
@@ -39,6 +41,14 @@ 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 divWrap = function divWrap(schema) {
+  return {
+    type: 'void',
+    'x-component': 'div',
+    properties: _defineProperty({}, schema.name || (0, _shared.uid)(), schema)
+  };
+};
+
 var FormItem = function FormItem(props) {
   var field = (0, _react.useField)();
   return /*#__PURE__*/_react2.default.createElement(_blockItem.BlockItem, {
@@ -48,7 +58,7 @@ var FormItem = function FormItem(props) {
   }, props), {}, {
     extra: field.description ? /*#__PURE__*/_react2.default.createElement("div", {
       dangerouslySetInnerHTML: {
-        __html: (0, _shared.HTMLEncode)(field.description).split('\n').join('<br/>')
+        __html: (0, _shared2.HTMLEncode)(field.description).split('\n').join('<br/>')
       }
     }) : null
   })));
@@ -56,15 +66,20 @@ var FormItem = function FormItem(props) {
 
 exports.FormItem = FormItem;
 
-FormItem.Designer = function () {
+FormItem.Designer = function (props) {
   var _collectionField$uiSc, _collectionField$uiSc2, _fieldSchema$xDecora, _field$componentProps, _field$componentProps2;
 
   var _useCollectionManager = (0, _collectionManager.useCollectionManager)(),
-      getCollectionFields = _useCollectionManager.getCollectionFields;
+      getCollectionFields = _useCollectionManager.getCollectionFields,
+      getCollection = _useCollectionManager.getCollection,
+      getInterface = _useCollectionManager.getInterface,
+      getCollectionJoinField = _useCollectionManager.getCollectionJoinField;
 
   var _useCollection = (0, _collectionManager.useCollection)(),
       getField = _useCollection.getField;
 
+  var tk = (0, _blockProvider.useFilterByTk)();
+
   var _useFormBlockContext = (0, _blockProvider.useFormBlockContext)(),
       form = _useFormBlockContext.form;
 
@@ -76,12 +91,16 @@ FormItem.Designer = function () {
 
   var _useDesignable = (0, _.useDesignable)(),
       dn = _useDesignable.dn,
-      refresh = _useDesignable.refresh;
+      refresh = _useDesignable.refresh,
+      insertAdjacent = _useDesignable.insertAdjacent,
+      insertBeforeBegin = _useDesignable.insertBeforeBegin;
 
   var compile = (0, _.useCompile)();
-  var collectionField = getField(fieldSchema['name']);
+  var collectionField = getField(fieldSchema['name']) || getCollectionJoinField(fieldSchema['x-collection-field']);
+  var interfaceConfig = getInterface(collectionField === null || collectionField === void 0 ? void 0 : collectionField.interface);
   var originalTitle = collectionField === null || collectionField === void 0 ? void 0 : (_collectionField$uiSc = collectionField.uiSchema) === null || _collectionField$uiSc === void 0 ? void 0 : _collectionField$uiSc.title;
   var targetFields = (collectionField === null || collectionField === void 0 ? void 0 : collectionField.target) ? getCollectionFields(collectionField.target) : [];
+  var isSubFormAssocitionField = field.address.segments.includes('__form_grid');
   var initialValue = {
     title: field.title === originalTitle ? undefined : field.title
   };
@@ -199,7 +218,7 @@ FormItem.Designer = function () {
       });
       dn.refresh();
     }
-  }), !field.readPretty && /*#__PURE__*/_react2.default.createElement(_schemaSettings.SchemaSettings.SwitchItem, {
+  }), !field.readPretty && fieldSchema['x-component'] !== 'FormField' && /*#__PURE__*/_react2.default.createElement(_schemaSettings.SchemaSettings.SwitchItem, {
     key: "required",
     title: t('Required'),
     checked: field.required,
@@ -214,6 +233,52 @@ FormItem.Designer = function () {
       });
       refresh();
     }
+  }), form && !isSubFormAssocitionField && ['o2o', 'oho', 'obo', 'o2m'].includes(collectionField === null || collectionField === void 0 ? void 0 : collectionField.interface) && /*#__PURE__*/_react2.default.createElement(_schemaSettings.SchemaSettings.SelectItem, {
+    title: t('Field component'),
+    options: (collectionField === null || collectionField === void 0 ? void 0 : collectionField.interface) === 'o2m' ? [{
+      label: t('Record picker'),
+      value: 'CollectionField'
+    }, {
+      label: t('Subtable'),
+      value: 'TableField'
+    }] : [{
+      label: t('Record picker'),
+      value: 'CollectionField'
+    }, {
+      label: t('Subform'),
+      value: 'FormField'
+    }],
+    value: fieldSchema['x-component'],
+    onChange: function onChange(v) {
+      var _interfaceConfig$sche;
+
+      var schema = {
+        name: collectionField.name,
+        type: 'void',
+        // title: compile(collectionField.uiSchema?.title),
+        'x-decorator': 'FormItem',
+        'x-designer': 'FormItem.Designer',
+        'x-component': v,
+        'x-component-props': {},
+        'x-collection-field': fieldSchema['x-collection-field']
+      };
+      interfaceConfig === null || interfaceConfig === void 0 ? void 0 : (_interfaceConfig$sche = interfaceConfig.schemaInitialize) === null || _interfaceConfig$sche === void 0 ? void 0 : _interfaceConfig$sche.call(interfaceConfig, schema, {
+        field: collectionField,
+        block: 'Form',
+        readPretty: field.readPretty,
+        action: tk ? 'get' : null
+      });
+      insertAdjacent('beforeBegin', divWrap(schema), {
+        onSuccess: function onSuccess() {
+          dn.remove(null, {
+            removeParentsIfNoChildren: true,
+            breakRemoveOn: {
+              'x-component': 'Grid'
+            }
+          });
+        }
+      });
+    }
   }), form && !(form === null || form === void 0 ? void 0 : form.readPretty) && (collectionField === null || collectionField === void 0 ? void 0 : collectionField.interface) !== 'o2m' && /*#__PURE__*/_react2.default.createElement(_schemaSettings.SchemaSettings.SelectItem, {
     key: "pattern",
     title: t('Pattern'),
@@ -229,8 +294,6 @@ FormItem.Designer = function () {
     }],
     value: readOnlyMode,
     onChange: function onChange(v) {
-      console.log('v', v);
-
       var schema = _defineProperty({}, 'x-uid', fieldSchema['x-uid']);
 
       switch (v) {
@@ -251,8 +314,7 @@ FormItem.Designer = function () {
             fieldSchema['x-disabled'] = false;
             schema['x-read-pretty'] = true;
             schema['x-disabled'] = false;
-            field.readPretty = true; // field.disabled = true;
-
+            field.readPretty = true;
             break;
           }
 
@@ -273,7 +335,7 @@ FormItem.Designer = function () {
       });
       dn.refresh();
     }
-  }), (collectionField === null || collectionField === void 0 ? void 0 : collectionField.target) && /*#__PURE__*/_react2.default.createElement(_schemaSettings.SchemaSettings.SelectItem, {
+  }), (collectionField === null || collectionField === void 0 ? void 0 : collectionField.target) && fieldSchema['x-component'] === 'CollectionField' && /*#__PURE__*/_react2.default.createElement(_schemaSettings.SchemaSettings.SelectItem, {
     key: "title-field",
     title: t('Title field'),
     options: options,
@@ -283,14 +345,15 @@ FormItem.Designer = function () {
 
       var fieldNames = _objectSpread(_objectSpread({}, field.componentProps.fieldNames), {}, {
         label: label
-      });
+      }); // if (fieldSchema['x-component-props']?.['field']?.['uiSchema']?.['x-component-props']) {
+      //   fieldSchema['x-component-props']['field']['uiSchema']['x-component-props']['fieldNames'] = fieldNames;
+      // } else {
+      // }
+
 
       fieldSchema['x-component-props'] = fieldSchema['x-component-props'] || {};
       fieldSchema['x-component-props']['fieldNames'] = fieldNames;
-      field.componentProps.fieldNames = fieldNames;
-      schema['x-component-props'] = {
-        fieldNames: fieldNames
-      };
+      schema['x-component-props'] = fieldSchema['x-component-props'];
       dn.emit('patch', {
         schema: schema
       });

package/lib/schema-component/antd/form-v2/FormField.d.ts

@@ -0,0 +1 @@
+export declare const FormField: any;

package/lib/schema-component/antd/form-v2/FormField.js

@@ -0,0 +1,48 @@
+"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.FormField = void 0;
+
+var _react = require("@formily/react");
+
+var _react2 = _interopRequireWildcard(require("react"));
+
+var _blockProvider = require("../../../block-provider");
+
+var _collectionManager = require("../../../collection-manager");
+
+var _hooks = require("../../hooks");
+
+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; }
+
+var FormField = (0, _react.observer)(function (props) {
+  var fieldSchema = (0, _react.useFieldSchema)();
+
+  var _useCollection = (0, _collectionManager.useCollection)(),
+      getField = _useCollection.getField;
+
+  var field = (0, _react.useField)();
+  var collectionField = getField(fieldSchema.name);
+  var compile = (0, _hooks.useCompile)();
+  var ctx = (0, _blockProvider.useFormBlockContext)();
+  (0, _react2.useEffect)(function () {
+    if (!field.title) {
+      var _collectionField$uiSc;
+
+      field.title = compile(collectionField === null || collectionField === void 0 ? void 0 : (_collectionField$uiSc = collectionField.uiSchema) === null || _collectionField$uiSc === void 0 ? void 0 : _collectionField$uiSc.title);
+    }
+
+    if (ctx === null || ctx === void 0 ? void 0 : ctx.field) {
+      ctx.field.added = ctx.field.added || new Set();
+      ctx.field.added.add(fieldSchema.name);
+    }
+  }, []);
+  return /*#__PURE__*/_react2.default.createElement("div", null, props.children);
+});
+exports.FormField = FormField;

package/lib/schema-component/antd/form-v2/index.d.ts

@@ -1,3 +1,4 @@
 import { Form as FormV2 } from './Form';
 import { DetailsDesigner } from './Form.Designer';
 export { FormV2, DetailsDesigner };
+export * from './FormField';

package/lib/schema-component/antd/form-v2/index.js

@@ -3,6 +3,10 @@
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
+var _exportNames = {
+  FormV2: true,
+  DetailsDesigner: true
+};
 Object.defineProperty(exports, "DetailsDesigner", {
   enumerable: true,
   get: function get() {
@@ -20,5 +24,18 @@ var _Form = require("./Form");
 
 var _Form2 = require("./Form.Designer");
 
+var _FormField = require("./FormField");
+
+Object.keys(_FormField).forEach(function (key) {
+  if (key === "default" || key === "__esModule") return;
+  if (Object.prototype.hasOwnProperty.call(_exportNames, key)) return;
+  if (key in exports && exports[key] === _FormField[key]) return;
+  Object.defineProperty(exports, key, {
+    enumerable: true,
+    get: function get() {
+      return _FormField[key];
+    }
+  });
+});
 _Form.Form.Designer = _Form2.FormDesigner;
 _Form.Form.ReadPrettyDesigner = _Form2.ReadPrettyFormDesigner;

package/lib/schema-component/antd/kanban/Kanban.Card.Designer.js

@@ -117,6 +117,15 @@ var KanbanCardDesigner = function KanbanCardDesigner(props) {
       type: 'itemGroup',
       title: t('Display fields'),
       children: fields
+    }, {
+      type: 'divider'
+    }, {
+      type: 'itemGroup',
+      title: t('Display association fields'),
+      children: (0, _utils.useAssociatedFormItemInitializerFields)({
+        readPretty: true,
+        block: 'Kanban'
+      })
     }],
     component: /*#__PURE__*/_react2.default.createElement(_icons.MenuOutlined, {
       style: {