@nocobase/client 0.9.4-alpha.2 → 0.10.0-alpha.3

package/lib/schema-initializer/utils.js

@@ -6,9 +6,11 @@ Object.defineProperty(exports, "__esModule", {
 exports.useTableColumnInitializerFields = exports.useRemoveGridFormItem = exports.useRecordCollectionDataSourceItems = exports.useInheritsTableColumnInitializerFields = exports.useInheritsFormItemInitializerFields = exports.useFormItemInitializerFields = exports.useFilterInheritsFormItemInitializerFields = exports.useFilterFormItemInitializerFields = exports.useFilterAssociatedFormItemInitializerFields = exports.useCustomFormItemInitializerFields = exports.useCustomBulkEditFormItemInitializerFields = exports.useCurrentSchema = exports.useCollectionDataSourceItems = exports.useAssociatedTableColumnInitializerFields = exports.useAssociatedFormItemInitializerFields = exports.removeTableColumn = exports.removeGridFormItem = exports.itemsMerge = exports.gridRowColWrap = exports.findTableColumn = exports.createTableSelectorSchema = exports.createTableBlockSchema = exports.createReadPrettyFormBlockSchema = exports.createListBlockSchema = exports.createKanbanBlockSchema = exports.createGridCardBlockSchema = exports.createGanttBlockSchema = exports.createFormBlockSchema = exports.createFilterFormBlockSchema = exports.createDetailsBlockSchema = exports.createCollapseBlockSchema = exports.createCalendarBlockSchema = void 0;
 var _react = require("@formily/react");
 var _shared = require("@formily/shared");
+var _client = require("@nocobase/utils/client");
+var _lodash = _interopRequireDefault(require("lodash"));
 var _react2 = _interopRequireWildcard(require("react"));
 var _reactI18next = require("react-i18next");
-var _ = require("../");
+var _2 = require("../");
 var _collectionManager = require("../collection-manager");
 var _utils = require("../filter-provider/utils");
 var _schemaComponent = require("../schema-component");
@@ -17,7 +19,7 @@ var _SelectCollection = require("./SelectCollection");
 var _excluded = ["formItemInitializers", "actionInitializers", "collection", "association", "resource", "template"],
   _excluded2 = ["formItemInitializers", "actionInitializers", "itemActionInitializers", "collection", "association", "resource", "template"],
   _excluded3 = ["formItemInitializers", "actionInitializers", "itemActionInitializers", "collection", "association", "resource", "template"],
-  _excluded4 = ["formItemInitializers", "actionInitializers", "collection", "resource", "association", "action", "template"],
+  _excluded4 = ["formItemInitializers", "actionInitializers", "collection", "resource", "association", "action", "actions", "x-designer", "template", "title"],
   _excluded5 = ["formItemInitializers", "actionInitializers", "collection", "resource", "association", "action", "template"],
   _excluded6 = ["formItemInitializers", "actionInitializers", "collection", "association", "resource", "template"],
   _excluded7 = ["collection", "resource", "rowKey", "tableActionInitializers", "tableColumnInitializers", "tableActionColumnInitializers", "tableBlockProvider", "disableTemplate", "TableBlockDesigner", "blockType", "pageSize"],
@@ -27,15 +29,12 @@ var _excluded = ["formItemInitializers", "actionInitializers", "collection", "as
   _excluded11 = ["collection", "resource", "groupField"];
 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 _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
 function _typeof(obj) { "@babel/helpers - typeof"; return _typeof = "function" == typeof Symbol && "symbol" == typeof Symbol.iterator ? function (obj) { return typeof obj; } : function (obj) { return obj && "function" == typeof Symbol && obj.constructor === Symbol && obj !== Symbol.prototype ? "symbol" : typeof obj; }, _typeof(obj); }
 function 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 _objectWithoutProperties(source, excluded) { if (source == null) return {}; var target = _objectWithoutPropertiesLoose(source, excluded); var key, i; if (Object.getOwnPropertySymbols) { var sourceSymbolKeys = Object.getOwnPropertySymbols(source); for (i = 0; i < sourceSymbolKeys.length; i++) { key = sourceSymbolKeys[i]; if (excluded.indexOf(key) >= 0) continue; if (!Object.prototype.propertyIsEnumerable.call(source, key)) continue; target[key] = source[key]; } } return target; }
 function _objectWithoutPropertiesLoose(source, excluded) { if (source == null) return {}; var target = {}; var sourceKeys = Object.keys(source); var key, i; for (i = 0; i < sourceKeys.length; i++) { key = sourceKeys[i]; if (excluded.indexOf(key) >= 0) continue; target[key] = source[key]; } return target; }
-function _slicedToArray(arr, i) { return _arrayWithHoles(arr) || _iterableToArrayLimit(arr, i) || _unsupportedIterableToArray(arr, i) || _nonIterableRest(); }
-function _nonIterableRest() { throw new TypeError("Invalid attempt to destructure non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method."); }
-function _iterableToArrayLimit(arr, i) { var _i = null == arr ? null : "undefined" != typeof Symbol && arr[Symbol.iterator] || arr["@@iterator"]; if (null != _i) { var _s, _e, _x, _r, _arr = [], _n = !0, _d = !1; try { if (_x = (_i = _i.call(arr)).next, 0 === i) { if (Object(_i) !== _i) return; _n = !1; } else for (; !(_n = (_s = _x.call(_i)).done) && (_arr.push(_s.value), _arr.length !== i); _n = !0); } catch (err) { _d = !0, _e = err; } finally { try { if (!_n && null != _i.return && (_r = _i.return(), Object(_r) !== _r)) return; } finally { if (_d) throw _e; } } return _arr; } }
-function _arrayWithHoles(arr) { if (Array.isArray(arr)) return arr; }
 function _toConsumableArray(arr) { return _arrayWithoutHoles(arr) || _iterableToArray(arr) || _unsupportedIterableToArray(arr) || _nonIterableSpread(); }
 function _nonIterableSpread() { throw new TypeError("Invalid attempt to spread non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method."); }
 function _unsupportedIterableToArray(o, minLen) { if (!o) return; if (typeof o === "string") return _arrayLikeToArray(o, minLen); var n = Object.prototype.toString.call(o).slice(8, -1); if (n === "Object" && o.constructor) n = o.constructor.name; if (n === "Map" || n === "Set") return Array.from(o); if (n === "Arguments" || /^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n)) return _arrayLikeToArray(o, minLen); }
@@ -107,6 +106,7 @@ var findTableColumn = function findTableColumn(schema, key, action) {
   });
 };
 exports.findTableColumn = findTableColumn;
+var quickEditField = ['attachment', 'textarea', 'markdown', 'json', 'richText', 'polygon', 'circle', 'point', 'lineString'];
 var useTableColumnInitializerFields = function useTableColumnInitializerFields() {
   var _useCollection = (0, _collectionManager.useCollection)(),
     name = _useCollection.name,
@@ -115,22 +115,38 @@ var useTableColumnInitializerFields = function useTableColumnInitializerFields()
   var _useCollectionManager = (0, _collectionManager.useCollectionManager)(),
     getInterface = _useCollectionManager.getInterface,
     getCollection = _useCollectionManager.getCollection;
+  var fieldSchema = (0, _react.useFieldSchema)();
+  var isSubTable = fieldSchema['x-component'] === 'AssociationField.SubTable';
+  var form = (0, _react.useForm)();
+  var isReadPretty = isSubTable ? form.readPretty : true;
   return currentFields.filter(function (field) {
     return (field === null || field === void 0 ? void 0 : field.interface) && (field === null || field === void 0 ? void 0 : field.interface) !== 'subTable' && !(field === null || field === void 0 ? void 0 : field.isForeignKey) && !(field === null || field === void 0 ? void 0 : field.treeChildren);
   }).map(function (field) {
-    var _field$uiSchema;
+    var _getCollection, _field$uiSchema, _field$uiSchema2;
     var interfaceConfig = getInterface(field.interface);
+    var isFileCollection = (field === null || field === void 0 ? void 0 : field.target) && ((_getCollection = getCollection(field === null || field === void 0 ? void 0 : field.target)) === null || _getCollection === void 0 ? void 0 : _getCollection.template) === 'file';
     var schema = {
       name: field.name,
       'x-collection-field': "".concat(name, ".").concat(field.name),
       'x-component': 'CollectionField',
-      'x-read-pretty': true,
-      'x-component-props': {}
+      'x-component-props': isFileCollection ? {
+        fieldNames: {
+          label: 'preview',
+          value: 'id'
+        }
+      } : {},
+      'x-read-pretty': isReadPretty || ((_field$uiSchema = field.uiSchema) === null || _field$uiSchema === void 0 ? void 0 : _field$uiSchema['x-read-pretty']),
+      'x-decorator': isSubTable ? quickEditField.includes(field.interface) || isFileCollection ? 'QuickEdit' : 'FormItem' : null,
+      'x-decorator-props': {
+        labelStyle: {
+          display: 'none'
+        }
+      }
     };
     // interfaceConfig?.schemaInitialize?.(schema, { field, readPretty: true, block: 'Table' });
     return {
       type: 'item',
-      title: (field === null || field === void 0 ? void 0 : (_field$uiSchema = field.uiSchema) === null || _field$uiSchema === void 0 ? void 0 : _field$uiSchema.title) || field.name,
+      title: (field === null || field === void 0 ? void 0 : (_field$uiSchema2 = field.uiSchema) === null || _field$uiSchema2 === void 0 ? void 0 : _field$uiSchema2.title) || field.name,
       component: 'TableCollectionFieldInitializer',
       find: findTableColumn,
       remove: removeTableColumn,
@@ -138,7 +154,7 @@ var useTableColumnInitializerFields = function useTableColumnInitializerFields()
         var _interfaceConfig$sche;
         interfaceConfig === null || interfaceConfig === void 0 ? void 0 : (_interfaceConfig$sche = interfaceConfig.schemaInitialize) === null || _interfaceConfig$sche === void 0 ? void 0 : _interfaceConfig$sche.call(interfaceConfig, s, {
           field: field,
-          readPretty: true,
+          readPretty: isReadPretty,
           block: 'Table',
           targetCollection: getCollection(field.target)
         });
@@ -161,7 +177,7 @@ var useAssociatedTableColumnInitializerFields = function useAssociatedTableColum
   var groups = fields === null || fields === void 0 ? void 0 : (_fields$filter = fields.filter(function (field) {
     return ['o2o', 'oho', 'obo', 'm2o'].includes(field.interface);
   })) === null || _fields$filter === void 0 ? void 0 : _fields$filter.map(function (field) {
-    var _subFields$filter, _field$uiSchema2;
+    var _subFields$filter, _field$uiSchema3;
     var subFields = getCollectionFields(field.target);
     var items = subFields
     // ?.filter((subField) => subField?.interface && !['o2o', 'oho', 'obo', 'o2m', 'm2o', 'subTable', 'linkTo'].includes(subField?.interface))
@@ -204,7 +220,7 @@ var useAssociatedTableColumnInitializerFields = function useAssociatedTableColum
     });
     return {
       type: 'subMenu',
-      title: (_field$uiSchema2 = field.uiSchema) === null || _field$uiSchema2 === void 0 ? void 0 : _field$uiSchema2.title,
+      title: (_field$uiSchema3 = field.uiSchema) === null || _field$uiSchema3 === void 0 ? void 0 : _field$uiSchema3.title,
       children: items
     };
   });
@@ -219,6 +235,10 @@ var useInheritsTableColumnInitializerFields = function useInheritsTableColumnIni
     getInheritCollections = _useCollectionManager3.getInheritCollections,
     getCollection = _useCollectionManager3.getCollection,
     getParentCollectionFields = _useCollectionManager3.getParentCollectionFields;
+  var fieldSchema = (0, _react.useFieldSchema)();
+  var isSubTable = fieldSchema['x-component'] === 'AssociationField.SubTable';
+  var form = (0, _react.useForm)();
+  var isReadPretty = isSubTable ? form.readPretty : true;
   var inherits = getInheritCollections(name);
   return inherits === null || inherits === void 0 ? void 0 : inherits.map(function (v) {
     var fields = getParentCollectionFields(v, name);
@@ -226,18 +246,30 @@ var useInheritsTableColumnInitializerFields = function useInheritsTableColumnIni
     return _defineProperty({}, targetCollection === null || targetCollection === void 0 ? void 0 : targetCollection.title, fields === null || fields === void 0 ? void 0 : fields.filter(function (field) {
       return field === null || field === void 0 ? void 0 : field.interface;
     }).map(function (k) {
-      var _k$uiSchema;
+      var _getCollection2, _k$uiSchema, _k$uiSchema2;
       var interfaceConfig = getInterface(k.interface);
+      var isFileCollection = (k === null || k === void 0 ? void 0 : k.target) && ((_getCollection2 = getCollection(k === null || k === void 0 ? void 0 : k.target)) === null || _getCollection2 === void 0 ? void 0 : _getCollection2.template) === 'file';
       var schema = {
         name: "".concat(k.name),
         'x-component': 'CollectionField',
-        'x-read-pretty': true,
+        'x-read-pretty': isReadPretty || ((_k$uiSchema = k.uiSchema) === null || _k$uiSchema === void 0 ? void 0 : _k$uiSchema['x-read-pretty']),
         'x-collection-field': "".concat(name, ".").concat(k.name),
-        'x-component-props': {}
+        'x-component-props': isFileCollection ? {
+          fieldNames: {
+            label: 'preview',
+            value: 'id'
+          }
+        } : {},
+        'x-decorator': isSubTable ? quickEditField.includes(k.interface) || isFileCollection ? 'QuickEdit' : 'FormItem' : null,
+        'x-decorator-props': {
+          labelStyle: {
+            display: 'none'
+          }
+        }
       };
       return {
         type: 'item',
-        title: (k === null || k === void 0 ? void 0 : (_k$uiSchema = k.uiSchema) === null || _k$uiSchema === void 0 ? void 0 : _k$uiSchema.title) || k.name,
+        title: (k === null || k === void 0 ? void 0 : (_k$uiSchema2 = k.uiSchema) === null || _k$uiSchema2 === void 0 ? void 0 : _k$uiSchema2.title) || k.name,
         component: 'TableCollectionFieldInitializer',
         find: findTableColumn,
         remove: removeTableColumn,
@@ -279,7 +311,7 @@ var useFormItemInitializerFields = function useFormItemInitializerFields(options
   return currentFields === null || currentFields === void 0 ? void 0 : (_currentFields$filter = currentFields.filter(function (field) {
     return (field === null || field === void 0 ? void 0 : field.interface) && !(field === null || field === void 0 ? void 0 : field.isForeignKey) && !(field === null || field === void 0 ? void 0 : field.treeChildren);
   })) === null || _currentFields$filter === void 0 ? void 0 : _currentFields$filter.map(function (field) {
-    var _field$uiSchema3, _field$uiSchema4;
+    var _field$uiSchema4, _field$uiSchema5;
     var interfaceConfig = getInterface(field.interface);
     var targetCollection = getCollection(field.target);
     // const component =
@@ -294,12 +326,12 @@ var useFormItemInitializerFields = function useFormItemInitializerFields(options
       'x-decorator': 'FormItem',
       'x-collection-field': "".concat(name, ".").concat(field.name),
       'x-component-props': {},
-      'x-read-pretty': field === null || field === void 0 ? void 0 : (_field$uiSchema3 = field.uiSchema) === null || _field$uiSchema3 === void 0 ? void 0 : _field$uiSchema3['x-read-pretty']
+      'x-read-pretty': field === null || field === void 0 ? void 0 : (_field$uiSchema4 = field.uiSchema) === null || _field$uiSchema4 === void 0 ? void 0 : _field$uiSchema4['x-read-pretty']
     };
     // interfaceConfig?.schemaInitialize?.(schema, { field, block: 'Form', readPretty: form.readPretty });
     var resultItem = {
       type: 'item',
-      title: (field === null || field === void 0 ? void 0 : (_field$uiSchema4 = field.uiSchema) === null || _field$uiSchema4 === void 0 ? void 0 : _field$uiSchema4.title) || field.name,
+      title: (field === null || field === void 0 ? void 0 : (_field$uiSchema5 = field.uiSchema) === null || _field$uiSchema5 === void 0 ? void 0 : _field$uiSchema5.title) || field.name,
       component: 'CollectionFieldInitializer',
       remove: removeGridFormItem,
       schemaInitialize: function schemaInitialize(s) {
@@ -347,7 +379,7 @@ var useFilterFormItemInitializerFields = function useFilterFormItemInitializerFi
     var _getInterface;
     return (field === null || field === void 0 ? void 0 : field.interface) && !(field === null || field === void 0 ? void 0 : field.isForeignKey) && ((_getInterface = getInterface(field.interface)) === null || _getInterface === void 0 ? void 0 : _getInterface.filterable);
   })) === null || _currentFields$filter2 === void 0 ? void 0 : _currentFields$filter2.map(function (field) {
-    var _field$uiSchema6;
+    var _field$uiSchema7;
     var interfaceConfig = getInterface(field.interface);
     var targetCollection = getCollection(field.target);
     // const component =
@@ -365,7 +397,7 @@ var useFilterFormItemInitializerFields = function useFilterFormItemInitializerFi
       'x-component-props': {}
     };
     if ((0, _utils.isAssocField)(field)) {
-      var _field$uiSchema5;
+      var _field$uiSchema6;
       schema = {
         type: 'string',
         name: "".concat(field.name),
@@ -374,12 +406,12 @@ var useFilterFormItemInitializerFields = function useFilterFormItemInitializerFi
         'x-component': 'CollectionField',
         'x-decorator': 'FormItem',
         'x-collection-field': "".concat(name, ".").concat(field.name),
-        'x-component-props': (_field$uiSchema5 = field.uiSchema) === null || _field$uiSchema5 === void 0 ? void 0 : _field$uiSchema5['x-component-props']
+        'x-component-props': (_field$uiSchema6 = field.uiSchema) === null || _field$uiSchema6 === void 0 ? void 0 : _field$uiSchema6['x-component-props']
       };
     }
     var resultItem = {
       type: 'item',
-      title: (field === null || field === void 0 ? void 0 : (_field$uiSchema6 = field.uiSchema) === null || _field$uiSchema6 === void 0 ? void 0 : _field$uiSchema6.title) || field.name,
+      title: (field === null || field === void 0 ? void 0 : (_field$uiSchema7 = field.uiSchema) === null || _field$uiSchema7 === void 0 ? void 0 : _field$uiSchema7.title) || field.name,
       component: 'CollectionFieldInitializer',
       remove: removeGridFormItem,
       schemaInitialize: function schemaInitialize(s) {
@@ -417,7 +449,7 @@ var useAssociatedFormItemInitializerFields = function useAssociatedFormItemIniti
   var groups = fields === null || fields === void 0 ? void 0 : (_fields$filter2 = fields.filter(function (field) {
     return interfaces.includes(field.interface);
   })) === null || _fields$filter2 === void 0 ? void 0 : _fields$filter2.map(function (field) {
-    var _subFields$filter2, _field$uiSchema7;
+    var _subFields$filter2, _field$uiSchema8;
     var subFields = getCollectionFields(field.target);
     var items = subFields === null || subFields === void 0 ? void 0 : (_subFields$filter2 = subFields.filter(function (subField) {
       return (subField === null || subField === void 0 ? void 0 : subField.interface) && !['subTable'].includes(subField === null || subField === void 0 ? void 0 : subField.interface) && !subField.treeChildren;
@@ -455,7 +487,7 @@ var useAssociatedFormItemInitializerFields = function useAssociatedFormItemIniti
     });
     return {
       type: 'subMenu',
-      title: (_field$uiSchema7 = field.uiSchema) === null || _field$uiSchema7 === void 0 ? void 0 : _field$uiSchema7.title,
+      title: (_field$uiSchema8 = field.uiSchema) === null || _field$uiSchema8 === void 0 ? void 0 : _field$uiSchema8.title,
       children: items
     };
   });
@@ -463,14 +495,14 @@ var useAssociatedFormItemInitializerFields = function useAssociatedFormItemIniti
 };
 exports.useAssociatedFormItemInitializerFields = useAssociatedFormItemInitializerFields;
 var getItem = function getItem(field, schemaName, collectionName, getCollectionFields, processedCollections) {
-  var _field$uiSchema9;
+  var _field$uiSchema10;
   if (field.interface === 'm2o') {
-    var _field$uiSchema8;
+    var _field$uiSchema9;
     if (processedCollections.includes(field.target)) return null;
     var subFields = getCollectionFields(field.target);
     return {
       type: 'subMenu',
-      title: (_field$uiSchema8 = field.uiSchema) === null || _field$uiSchema8 === void 0 ? void 0 : _field$uiSchema8.title,
+      title: (_field$uiSchema9 = field.uiSchema) === null || _field$uiSchema9 === void 0 ? void 0 : _field$uiSchema9.title,
       children: subFields.map(function (subField) {
         return (
           // 使用 | 分隔，是为了防止 form.values 中出现 { a: { b: 1 } } 的情况
@@ -497,7 +529,7 @@ var getItem = function getItem(field, schemaName, collectionName, getCollectionF
   };
   return {
     type: 'item',
-    title: ((_field$uiSchema9 = field.uiSchema) === null || _field$uiSchema9 === void 0 ? void 0 : _field$uiSchema9.title) || field.name,
+    title: ((_field$uiSchema10 = field.uiSchema) === null || _field$uiSchema10 === void 0 ? void 0 : _field$uiSchema10.title) || field.name,
     component: 'CollectionFieldInitializer',
     remove: removeGridFormItem,
     schema: schema
@@ -546,7 +578,7 @@ var useInheritsFormItemInitializerFields = function useInheritsFormItemInitializ
     return _defineProperty({}, targetCollection === null || targetCollection === void 0 ? void 0 : targetCollection.title, fields === null || fields === void 0 ? void 0 : (_fields$filter4 = fields.filter(function (field) {
       return (field === null || field === void 0 ? void 0 : field.interface) && !(field === null || field === void 0 ? void 0 : field.isForeignKey);
     })) === null || _fields$filter4 === void 0 ? void 0 : _fields$filter4.map(function (field) {
-      var _field$uiSchema10, _field$uiSchema11, _field$uiSchema12;
+      var _field$uiSchema11, _field$uiSchema12, _field$uiSchema13;
       var interfaceConfig = getInterface(field.interface);
       var targetCollection = getCollection(field.target);
       // const component =
@@ -556,17 +588,17 @@ var useInheritsFormItemInitializerFields = function useInheritsFormItemInitializ
       var schema = {
         type: 'string',
         name: field.name,
-        title: (field === null || field === void 0 ? void 0 : (_field$uiSchema10 = field.uiSchema) === null || _field$uiSchema10 === void 0 ? void 0 : _field$uiSchema10.title) || field.name,
+        title: (field === null || field === void 0 ? void 0 : (_field$uiSchema11 = field.uiSchema) === null || _field$uiSchema11 === void 0 ? void 0 : _field$uiSchema11.title) || field.name,
         'x-designer': 'FormItem.Designer',
         'x-component': component,
         'x-decorator': 'FormItem',
         'x-collection-field': "".concat(name, ".").concat(field.name),
         'x-component-props': {},
-        'x-read-pretty': field === null || field === void 0 ? void 0 : (_field$uiSchema11 = field.uiSchema) === null || _field$uiSchema11 === void 0 ? void 0 : _field$uiSchema11['x-read-pretty']
+        'x-read-pretty': field === null || field === void 0 ? void 0 : (_field$uiSchema12 = field.uiSchema) === null || _field$uiSchema12 === void 0 ? void 0 : _field$uiSchema12['x-read-pretty']
       };
       return {
         type: 'item',
-        title: (field === null || field === void 0 ? void 0 : (_field$uiSchema12 = field.uiSchema) === null || _field$uiSchema12 === void 0 ? void 0 : _field$uiSchema12.title) || field.name,
+        title: (field === null || field === void 0 ? void 0 : (_field$uiSchema13 = field.uiSchema) === null || _field$uiSchema13 === void 0 ? void 0 : _field$uiSchema13.title) || field.name,
         component: 'CollectionFieldInitializer',
         remove: removeGridFormItem,
         schemaInitialize: function schemaInitialize(s) {
@@ -610,7 +642,7 @@ var useFilterInheritsFormItemInitializerFields = function useFilterInheritsFormI
       var _getInterface2;
       return (field === null || field === void 0 ? void 0 : field.interface) && !(field === null || field === void 0 ? void 0 : field.isForeignKey) && ((_getInterface2 = getInterface(field.interface)) === null || _getInterface2 === void 0 ? void 0 : _getInterface2.filterable);
     })) === null || _fields$filter5 === void 0 ? void 0 : _fields$filter5.map(function (field) {
-      var _field$uiSchema13, _field$uiSchema14, _field$uiSchema15;
+      var _field$uiSchema14, _field$uiSchema15, _field$uiSchema16;
       var interfaceConfig = getInterface(field.interface);
       var targetCollection = getCollection(field.target);
       // const component =
@@ -620,18 +652,18 @@ var useFilterInheritsFormItemInitializerFields = function useFilterInheritsFormI
       var schema = {
         type: 'string',
         name: field.name,
-        title: (field === null || field === void 0 ? void 0 : (_field$uiSchema13 = field.uiSchema) === null || _field$uiSchema13 === void 0 ? void 0 : _field$uiSchema13.title) || field.name,
+        title: (field === null || field === void 0 ? void 0 : (_field$uiSchema14 = field.uiSchema) === null || _field$uiSchema14 === void 0 ? void 0 : _field$uiSchema14.title) || field.name,
         required: false,
         'x-designer': 'FormItem.FilterFormDesigner',
         'x-component': 'CollectionField',
         'x-decorator': 'FormItem',
         'x-collection-field': "".concat(name, ".").concat(field.name),
         'x-component-props': {},
-        'x-read-pretty': field === null || field === void 0 ? void 0 : (_field$uiSchema14 = field.uiSchema) === null || _field$uiSchema14 === void 0 ? void 0 : _field$uiSchema14['x-read-pretty']
+        'x-read-pretty': field === null || field === void 0 ? void 0 : (_field$uiSchema15 = field.uiSchema) === null || _field$uiSchema15 === void 0 ? void 0 : _field$uiSchema15['x-read-pretty']
       };
       return {
         type: 'item',
-        title: (field === null || field === void 0 ? void 0 : (_field$uiSchema15 = field.uiSchema) === null || _field$uiSchema15 === void 0 ? void 0 : _field$uiSchema15.title) || field.name,
+        title: (field === null || field === void 0 ? void 0 : (_field$uiSchema16 = field.uiSchema) === null || _field$uiSchema16 === void 0 ? void 0 : _field$uiSchema16.title) || field.name,
         component: 'CollectionFieldInitializer',
         remove: removeGridFormItem,
         schemaInitialize: function schemaInitialize(s) {
@@ -665,15 +697,15 @@ var useCustomFormItemInitializerFields = function useCustomFormItemInitializerFi
     block = _ref9$block === void 0 ? 'Form' : _ref9$block;
   var remove = useRemoveGridFormItem();
   return currentFields === null || currentFields === void 0 ? void 0 : (_currentFields$filter3 = currentFields.filter(function (field) {
-    var _field$uiSchema16;
-    return (field === null || field === void 0 ? void 0 : field.interface) && !(field === null || field === void 0 ? void 0 : (_field$uiSchema16 = field.uiSchema) === null || _field$uiSchema16 === void 0 ? void 0 : _field$uiSchema16['x-read-pretty']) && field.interface !== 'snapshot' && field.type !== 'sequence';
+    var _field$uiSchema17;
+    return (field === null || field === void 0 ? void 0 : field.interface) && !(field === null || field === void 0 ? void 0 : (_field$uiSchema17 = field.uiSchema) === null || _field$uiSchema17 === void 0 ? void 0 : _field$uiSchema17['x-read-pretty']) && field.interface !== 'snapshot' && field.type !== 'sequence';
   })) === null || _currentFields$filter3 === void 0 ? void 0 : _currentFields$filter3.map(function (field) {
-    var _field$uiSchema17, _field$uiSchema18;
+    var _field$uiSchema18, _field$uiSchema19;
     var interfaceConfig = getInterface(field.interface);
     var schema = {
       type: 'string',
       name: field.name,
-      title: (field === null || field === void 0 ? void 0 : (_field$uiSchema17 = field.uiSchema) === null || _field$uiSchema17 === void 0 ? void 0 : _field$uiSchema17.title) || field.name,
+      title: (field === null || field === void 0 ? void 0 : (_field$uiSchema18 = field.uiSchema) === null || _field$uiSchema18 === void 0 ? void 0 : _field$uiSchema18.title) || field.name,
       'x-designer': 'FormItem.Designer',
       'x-component': 'AssignedField',
       'x-decorator': 'FormItem',
@@ -681,7 +713,7 @@ var useCustomFormItemInitializerFields = function useCustomFormItemInitializerFi
     };
     return {
       type: 'item',
-      title: (field === null || field === void 0 ? void 0 : (_field$uiSchema18 = field.uiSchema) === null || _field$uiSchema18 === void 0 ? void 0 : _field$uiSchema18.title) || field.name,
+      title: (field === null || field === void 0 ? void 0 : (_field$uiSchema19 = field.uiSchema) === null || _field$uiSchema19 === void 0 ? void 0 : _field$uiSchema19.title) || field.name,
       component: 'CollectionFieldInitializer',
       remove: remove,
       schemaInitialize: function schemaInitialize(s) {
@@ -714,15 +746,15 @@ var useCustomBulkEditFormItemInitializerFields = function useCustomBulkEditFormI
   var remove = useRemoveGridFormItem();
   var filterFields = (0, _react2.useMemo)(function () {
     return fields === null || fields === void 0 ? void 0 : fields.filter(function (field) {
-      var _field$uiSchema19;
-      return (field === null || field === void 0 ? void 0 : field.interface) && !(field === null || field === void 0 ? void 0 : (_field$uiSchema19 = field.uiSchema) === null || _field$uiSchema19 === void 0 ? void 0 : _field$uiSchema19['x-read-pretty']) && field.interface !== 'snapshot' && field.type !== 'sequence';
+      var _field$uiSchema20;
+      return (field === null || field === void 0 ? void 0 : field.interface) && !(field === null || field === void 0 ? void 0 : (_field$uiSchema20 = field.uiSchema) === null || _field$uiSchema20 === void 0 ? void 0 : _field$uiSchema20['x-read-pretty']) && field.interface !== 'snapshot' && field.type !== 'sequence';
     }).map(function (field) {
-      var _field$uiSchema20, _field$uiSchema21;
+      var _field$uiSchema21, _field$uiSchema22;
       var interfaceConfig = getInterface(field.interface);
       var schema = {
         type: 'string',
         name: field.name,
-        title: (field === null || field === void 0 ? void 0 : (_field$uiSchema20 = field.uiSchema) === null || _field$uiSchema20 === void 0 ? void 0 : _field$uiSchema20.title) || field.name,
+        title: (field === null || field === void 0 ? void 0 : (_field$uiSchema21 = field.uiSchema) === null || _field$uiSchema21 === void 0 ? void 0 : _field$uiSchema21.title) || field.name,
         'x-designer': 'FormItem.Designer',
         'x-component': 'BulkEditField',
         'x-decorator': 'FormItem',
@@ -730,7 +762,7 @@ var useCustomBulkEditFormItemInitializerFields = function useCustomBulkEditFormI
       };
       return {
         type: 'item',
-        title: (field === null || field === void 0 ? void 0 : (_field$uiSchema21 = field.uiSchema) === null || _field$uiSchema21 === void 0 ? void 0 : _field$uiSchema21.title) || field.name,
+        title: (field === null || field === void 0 ? void 0 : (_field$uiSchema22 = field.uiSchema) === null || _field$uiSchema22 === void 0 ? void 0 : _field$uiSchema22.title) || field.name,
         component: 'CollectionFieldInitializer',
         remove: remove,
         schemaInitialize: function schemaInitialize(s) {
@@ -784,7 +816,7 @@ var useCurrentSchema = function useCurrentSchema(action, key) {
   var _useDesignable = (0, _schemaComponent.useDesignable)(),
     _remove = _useDesignable.remove;
   var schema = find(fieldSchema, key, action);
-  var ctx = (0, _react2.useContext)(_.BlockRequestContext);
+  var ctx = (0, _react2.useContext)(_2.BlockRequestContext);
   return {
     schema: schema,
     exists: !!schema,
@@ -869,28 +901,26 @@ var useCollectionDataSourceItems = function useCollectionDataSourceItems(compone
     getCollectionFields = _useCollectionManager12.getCollectionFields;
   var _useSchemaTemplateMan2 = (0, _schemaTemplates.useSchemaTemplateManager)(),
     getTemplatesByCollection = _useSchemaTemplateMan2.getTemplatesByCollection;
-  var _useState = (0, _react2.useState)([]),
-    _useState2 = _slicedToArray(_useState, 2),
-    selected = _useState2[0],
-    setSelected = _useState2[1];
-  var _useState3 = (0, _react2.useState)(null),
-    _useState4 = _slicedToArray(_useState3, 2),
-    value = _useState4[0],
-    onChange = _useState4[1];
+  var _useContext = (0, _react2.useContext)(_2.SchemaInitializerButtonContext),
+    searchValue = _useContext.searchValue,
+    setSearchValue = _useContext.setSearchValue;
+  // eslint-disable-next-line react-hooks/exhaustive-deps
+  var onChange = (0, _react2.useCallback)(_lodash.default.debounce(setSearchValue, 300), [setSearchValue]);
+  if (!setSearchValue) {
+    (0, _client.error)('useCollectionDataSourceItems: please use in SchemaInitializerButtonContext and provide setSearchValue');
+    return [];
+  }
   var clearKeywords = function clearKeywords() {
-    setSelected([]);
-    onChange(null);
+    setSearchValue('');
   };
   return [{
     key: 'tableBlock',
     type: 'itemGroup',
     title: /*#__PURE__*/_react2.default.createElement(_SelectCollection.SelectCollection, {
-      value: value,
-      onChange: onChange,
-      setSelected: setSelected
+      value: searchValue,
+      onChange: onChange
     }),
     children: collections === null || collections === void 0 ? void 0 : (_collections$filter = collections.filter(function (item) {
-      var b = !value || selected.includes(item.name);
       if (item.inherit) {
         return false;
       }
@@ -904,7 +934,10 @@ var useCollectionDataSourceItems = function useCollectionDataSourceItems(compone
       } else if (item.template === 'file' && ['Kanban', 'FormItem', 'Calendar'].includes(componentName)) {
         return false;
       } else {
-        return b && !((item === null || item === void 0 ? void 0 : item.isThrough) && (item === null || item === void 0 ? void 0 : item.autoCreate));
+        if (!item.title) {
+          return false;
+        }
+        return item.title.toUpperCase().includes(searchValue.toUpperCase()) && !((item === null || item === void 0 ? void 0 : item.isThrough) && (item === null || item === void 0 ? void 0 : item.autoCreate));
       }
     })) === null || _collections$filter === void 0 ? void 0 : _collections$filter.map(function (item, index) {
       var templates = getTemplatesByCollection(item.name).filter(function (template) {
@@ -1027,7 +1060,6 @@ var createDetailsBlockSchema = function createDetailsBlockSchema(options) {
       }), _properties3)
     })
   };
-  console.log(JSON.stringify(schema, null, 2));
   return schema;
 };
 exports.createDetailsBlockSchema = createDetailsBlockSchema;
@@ -1146,6 +1178,9 @@ var createGridCardBlockSchema = function createGridCardBlockSchema(options) {
       runWhenParamsChanged: true
     }, others),
     'x-component': 'BlockItem',
+    'x-component-props': {
+      useProps: '{{ useGridCardBlockItemProps }}'
+    },
     'x-designer': 'GridCard.Designer',
     properties: {
       actionBar: {
@@ -1163,7 +1198,7 @@ var createGridCardBlockSchema = function createGridCardBlockSchema(options) {
         type: 'array',
         'x-component': 'GridCard',
         'x-component-props': {
-          props: '{{ useGridCardBlockProps }}'
+          useProps: '{{ useGridCardBlockProps }}'
         },
         properties: {
           item: {
@@ -1212,7 +1247,12 @@ var createFormBlockSchema = function createFormBlockSchema(options) {
     resource = options.resource,
     association = options.association,
     action = options.action,
+    _options$actions = options.actions,
+    actions = _options$actions === void 0 ? {} : _options$actions,
+    _options$xDesigner = options['x-designer'],
+    designer = _options$xDesigner === void 0 ? 'FormV2.Designer' : _options$xDesigner,
     template = options.template,
+    title = options.title,
     others = _objectWithoutProperties(options, _excluded4);
   var resourceName = resource || association || collection;
   var schema = {
@@ -1231,8 +1271,11 @@ var createFormBlockSchema = function createFormBlockSchema(options) {
       // useParams: '{{ useParamsFromRecord }}',
     }),
 
-    'x-designer': 'FormV2.Designer',
+    'x-designer': designer,
     'x-component': 'CardItem',
+    'x-component-props': {
+      title: title
+    },
     properties: _defineProperty({}, (0, _shared.uid)(), {
       type: 'void',
       'x-component': 'FormV2',
@@ -1256,7 +1299,7 @@ var createFormBlockSchema = function createFormBlockSchema(options) {
               marginTop: 24
             }
           },
-          properties: {}
+          properties: actions
         }
       }
     })

package/lib/schema-items/GeneralSchemaItems.js

@@ -18,7 +18,7 @@ function _defineProperty(obj, key, value) { key = _toPropertyKey(key); if (key i
 function _toPropertyKey(arg) { var key = _toPrimitive(arg, "string"); return _typeof(key) === "symbol" ? key : String(key); }
 function _toPrimitive(input, hint) { if (_typeof(input) !== "object" || input === null) return input; var prim = input[Symbol.toPrimitive]; if (prim !== undefined) { var res = prim.call(input, hint || "default"); if (_typeof(res) !== "object") return res; throw new TypeError("@@toPrimitive must return a primitive value."); } return (hint === "string" ? String : Number)(input); }
 var GeneralSchemaItems = (0, _react.observer)(function (props) {
-  var _collectionField$uiSc, _field$decoratorProps, _fieldSchema$xDecora;
+  var _collectionField$uiSc, _fieldSchema$xDecora, _fieldSchema$xDecora2, _fieldSchema$xDecora3;
   var _props$required = props.required,
     required = _props$required === void 0 ? true : _props$required;
   var _useCollectionManager = (0, _collectionManager.useCollectionManager)(),
@@ -65,7 +65,7 @@ var GeneralSchemaItems = (0, _react.observer)(function (props) {
       dn.refresh();
     }
   }), /*#__PURE__*/_react2.default.createElement(_schemaSettings.SchemaSettings.SwitchItem, {
-    checked: (_field$decoratorProps = field.decoratorProps.showTitle) !== null && _field$decoratorProps !== void 0 ? _field$decoratorProps : true,
+    checked: (_fieldSchema$xDecora = (_fieldSchema$xDecora2 = fieldSchema['x-decorator-props']) === null || _fieldSchema$xDecora2 === void 0 ? void 0 : _fieldSchema$xDecora2['showTitle']) !== null && _fieldSchema$xDecora !== void 0 ? _fieldSchema$xDecora : true,
     title: t('Display title'),
     onChange: function onChange(checked) {
       fieldSchema['x-decorator-props'] = fieldSchema['x-decorator-props'] || {};
@@ -117,7 +117,7 @@ var GeneralSchemaItems = (0, _react.observer)(function (props) {
       title: t('Edit description'),
       properties: {
         tooltip: {
-          default: fieldSchema === null || fieldSchema === void 0 ? void 0 : (_fieldSchema$xDecora = fieldSchema['x-decorator-props']) === null || _fieldSchema$xDecora === void 0 ? void 0 : _fieldSchema$xDecora.tooltip,
+          default: fieldSchema === null || fieldSchema === void 0 ? void 0 : (_fieldSchema$xDecora3 = fieldSchema['x-decorator-props']) === null || _fieldSchema$xDecora3 === void 0 ? void 0 : _fieldSchema$xDecora3.tooltip,
           'x-decorator': 'FormItem',
           'x-component': 'Input.TextArea',
           'x-component-props': {}
@@ -152,5 +152,7 @@ var GeneralSchemaItems = (0, _react.observer)(function (props) {
       refresh();
     }
   }));
+}, {
+  displayName: 'GeneralSchemaItems'
 });
 exports.GeneralSchemaItems = GeneralSchemaItems;

package/lib/schema-items/OpenModeSchemaItems.js

@@ -36,14 +36,16 @@ var OpenModeSchemaItems = function OpenModeSchemaItems(options) {
     value: openModeValue,
     onChange: function onChange(value) {
       field.componentProps.openMode = value;
-      fieldSchema['x-component-props'] = field.componentProps;
+      var schema = {
+        'x-uid': fieldSchema['x-uid']
+      };
+      schema['x-component-props'] = fieldSchema['x-component-props'] || {};
+      schema['x-component-props'].openMode = value;
+      fieldSchema['x-component-props'].openMode = value;
       // when openMode change, set openSize value to default
       Reflect.deleteProperty(fieldSchema['x-component-props'], 'openSize');
       dn.emit('patch', {
-        schema: {
-          'x-uid': fieldSchema['x-uid'],
-          'x-component-props': fieldSchema['x-component-props']
-        }
+        schema: schema
       });
       dn.refresh();
     }
@@ -68,12 +70,14 @@ var OpenModeSchemaItems = function OpenModeSchemaItems(options) {
     value: (_fieldSchema$xCompon2 = fieldSchema === null || fieldSchema === void 0 ? void 0 : (_fieldSchema$xCompon3 = fieldSchema['x-component-props']) === null || _fieldSchema$xCompon3 === void 0 ? void 0 : _fieldSchema$xCompon3['openSize']) !== null && _fieldSchema$xCompon2 !== void 0 ? _fieldSchema$xCompon2 : (fieldSchema === null || fieldSchema === void 0 ? void 0 : (_fieldSchema$xCompon4 = fieldSchema['x-component-props']) === null || _fieldSchema$xCompon4 === void 0 ? void 0 : _fieldSchema$xCompon4['openMode']) == 'modal' ? 'large' : 'middle',
     onChange: function onChange(value) {
       field.componentProps.openSize = value;
-      fieldSchema['x-component-props'] = field.componentProps;
+      var schema = {
+        'x-uid': fieldSchema['x-uid']
+      };
+      schema['x-component-props'] = fieldSchema['x-component-props'] || {};
+      schema['x-component-props'].openSize = value;
+      fieldSchema['x-component-props'].openSize = value;
       dn.emit('patch', {
-        schema: {
-          'x-uid': fieldSchema['x-uid'],
-          'x-component-props': fieldSchema['x-component-props']
-        }
+        schema: schema
       });
       dn.refresh();
     },

package/lib/schema-settings/DataTemplates/FormDataTemplates.d.ts

@@ -1,3 +1,3 @@
 import React from 'react';
-export declare const FormDataTemplates: React.MemoExoticComponent<React.FunctionComponent<Pick<any, string | number | symbol>>>;
+export declare const FormDataTemplates: React.MemoExoticComponent<import("@formily/react").ReactFC<Pick<any, string | number | symbol>>>;
 export declare function getLabel(titleField: any): any;