@nocobase/client 0.9.3-alpha.1 → 0.9.4-alpha.2

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

@@ -219,6 +219,118 @@ export declare const createDetailsBlockSchema: (options: any) => import("@formil
     "x-read-only"?: boolean;
     "x-read-pretty"?: boolean;
 }>;
+export declare const createListBlockSchema: (options: any) => import("@formily/react").Stringify<{
+    [key: symbol]: any;
+    [key: `x-${string}`]: any;
+    [key: `x-${number}`]: any;
+    version?: string;
+    name?: import("@formily/react").SchemaKey;
+    title?: any;
+    description?: any;
+    default?: any;
+    readOnly?: boolean;
+    writeOnly?: boolean;
+    type?: import("@formily/react").SchemaTypes;
+    enum?: import("@formily/react").SchemaEnum<any>;
+    const?: any;
+    multipleOf?: number;
+    maximum?: number;
+    exclusiveMaximum?: number;
+    minimum?: number;
+    exclusiveMinimum?: number;
+    maxLength?: number;
+    minLength?: number;
+    pattern?: string | RegExp;
+    maxItems?: number;
+    minItems?: number;
+    uniqueItems?: boolean;
+    maxProperties?: number;
+    minProperties?: number;
+    required?: string | boolean | string[];
+    format?: string;
+    $ref?: string;
+    $namespace?: string;
+    definitions?: import("@formily/react").SchemaProperties<any, any, any, any, any, any, any, any>;
+    properties?: import("@formily/react").SchemaProperties<any, any, any, any, any, any, any, any>;
+    items?: import("@formily/react").SchemaItems<any, any, any, any, any, any, any, any>;
+    additionalItems?: import("@formily/react").Stringify<any>;
+    patternProperties?: import("@formily/react").SchemaProperties<any, any, any, any, any, any, any, any>;
+    additionalProperties?: import("@formily/react").Stringify<any>;
+    "x-value"?: any;
+    "x-index"?: number;
+    "x-pattern"?: any;
+    "x-display"?: any;
+    "x-validator"?: any;
+    "x-decorator"?: any;
+    "x-decorator-props"?: any;
+    "x-component"?: any;
+    "x-component-props"?: any;
+    "x-reactions"?: import("@formily/react").SchemaReactions<any>;
+    "x-content"?: any;
+    "x-data"?: any;
+    "x-visible"?: boolean;
+    "x-hidden"?: boolean;
+    "x-disabled"?: boolean;
+    "x-editable"?: boolean;
+    "x-read-only"?: boolean;
+    "x-read-pretty"?: boolean;
+}>;
+export declare const createGridCardBlockSchema: (options: any) => import("@formily/react").Stringify<{
+    [key: symbol]: any;
+    [key: `x-${string}`]: any;
+    [key: `x-${number}`]: any;
+    version?: string;
+    name?: import("@formily/react").SchemaKey;
+    title?: any;
+    description?: any;
+    default?: any;
+    readOnly?: boolean;
+    writeOnly?: boolean;
+    type?: import("@formily/react").SchemaTypes;
+    enum?: import("@formily/react").SchemaEnum<any>;
+    const?: any;
+    multipleOf?: number;
+    maximum?: number;
+    exclusiveMaximum?: number;
+    minimum?: number;
+    exclusiveMinimum?: number;
+    maxLength?: number;
+    minLength?: number;
+    pattern?: string | RegExp;
+    maxItems?: number;
+    minItems?: number;
+    uniqueItems?: boolean;
+    maxProperties?: number;
+    minProperties?: number;
+    required?: string | boolean | string[];
+    format?: string;
+    $ref?: string;
+    $namespace?: string;
+    definitions?: import("@formily/react").SchemaProperties<any, any, any, any, any, any, any, any>;
+    properties?: import("@formily/react").SchemaProperties<any, any, any, any, any, any, any, any>;
+    items?: import("@formily/react").SchemaItems<any, any, any, any, any, any, any, any>;
+    additionalItems?: import("@formily/react").Stringify<any>;
+    patternProperties?: import("@formily/react").SchemaProperties<any, any, any, any, any, any, any, any>;
+    additionalProperties?: import("@formily/react").Stringify<any>;
+    "x-value"?: any;
+    "x-index"?: number;
+    "x-pattern"?: any;
+    "x-display"?: any;
+    "x-validator"?: any;
+    "x-decorator"?: any;
+    "x-decorator-props"?: any;
+    "x-component"?: any;
+    "x-component-props"?: any;
+    "x-reactions"?: import("@formily/react").SchemaReactions<any>;
+    "x-content"?: any;
+    "x-data"?: any;
+    "x-visible"?: boolean;
+    "x-hidden"?: boolean;
+    "x-disabled"?: boolean;
+    "x-editable"?: boolean;
+    "x-read-only"?: boolean;
+    "x-read-pretty"?: boolean;
+}>;
 export declare const createFormBlockSchema: (options: any) => import("@formily/react").Stringify<{
     [key: symbol]: any;
     [key: `x-${string}`]: any;

package/lib/schema-initializer/utils.js

@@ -3,7 +3,7 @@
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
-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.createKanbanBlockSchema = exports.createGanttBlockSchema = exports.createFormBlockSchema = exports.createFilterFormBlockSchema = exports.createDetailsBlockSchema = exports.createCollapseBlockSchema = exports.createCalendarBlockSchema = void 0;
+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 _react2 = _interopRequireWildcard(require("react"));
@@ -15,14 +15,16 @@ var _schemaComponent = require("../schema-component");
 var _schemaTemplates = require("../schema-templates");
 var _SelectCollection = require("./SelectCollection");
 var _excluded = ["formItemInitializers", "actionInitializers", "collection", "association", "resource", "template"],
-  _excluded2 = ["formItemInitializers", "actionInitializers", "collection", "resource", "association", "action", "template"],
-  _excluded3 = ["formItemInitializers", "actionInitializers", "collection", "resource", "association", "action", "template"],
-  _excluded4 = ["formItemInitializers", "actionInitializers", "collection", "association", "resource", "template"],
-  _excluded5 = ["collection", "resource", "rowKey", "tableActionInitializers", "tableColumnInitializers", "tableActionColumnInitializers", "tableBlockProvider", "disableTemplate", "TableBlockDesigner", "blockType", "pageSize"],
-  _excluded6 = ["collection", "resource", "rowKey"],
-  _excluded7 = ["collection", "resource", "fieldNames"],
-  _excluded8 = ["collection", "resource", "fieldNames"],
-  _excluded9 = ["collection", "resource", "groupField"];
+  _excluded2 = ["formItemInitializers", "actionInitializers", "itemActionInitializers", "collection", "association", "resource", "template"],
+  _excluded3 = ["formItemInitializers", "actionInitializers", "itemActionInitializers", "collection", "association", "resource", "template"],
+  _excluded4 = ["formItemInitializers", "actionInitializers", "collection", "resource", "association", "action", "template"],
+  _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"],
+  _excluded8 = ["collection", "resource", "rowKey"],
+  _excluded9 = ["collection", "resource", "fieldNames"],
+  _excluded10 = ["collection", "resource", "fieldNames"],
+  _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 _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); }
@@ -537,7 +539,9 @@ var useInheritsFormItemInitializerFields = function useInheritsFormItemInitializ
       _ref5$readPretty = _ref5.readPretty,
       readPretty = _ref5$readPretty === void 0 ? form.readPretty : _ref5$readPretty,
       _ref5$block = _ref5.block,
-      block = _ref5$block === void 0 ? 'Form' : _ref5$block;
+      block = _ref5$block === void 0 ? 'Form' : _ref5$block,
+      _ref5$component = _ref5.component,
+      component = _ref5$component === void 0 ? 'CollectionField' : _ref5$component;
     var targetCollection = getCollection(v);
     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);
@@ -554,7 +558,7 @@ var useInheritsFormItemInitializerFields = function useInheritsFormItemInitializ
         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,
         'x-designer': 'FormItem.Designer',
-        'x-component': 'CollectionField',
+        'x-component': component,
         'x-decorator': 'FormItem',
         'x-collection-field': "".concat(name, ".").concat(field.name),
         'x-component-props': {},
@@ -1027,17 +1031,189 @@ var createDetailsBlockSchema = function createDetailsBlockSchema(options) {
   return schema;
 };
 exports.createDetailsBlockSchema = createDetailsBlockSchema;
-var createFormBlockSchema = function createFormBlockSchema(options) {
+var createListBlockSchema = function createListBlockSchema(options) {
   var _options$formItemInit2 = options.formItemInitializers,
-    formItemInitializers = _options$formItemInit2 === void 0 ? 'FormItemInitializers' : _options$formItemInit2,
+    formItemInitializers = _options$formItemInit2 === void 0 ? 'ReadPrettyFormItemInitializers' : _options$formItemInit2,
     _options$actionInitia2 = options.actionInitializers,
-    actionInitializers = _options$actionInitia2 === void 0 ? 'FormActionInitializers' : _options$actionInitia2,
+    actionInitializers = _options$actionInitia2 === void 0 ? 'ListActionInitializers' : _options$actionInitia2,
+    _options$itemActionIn = options.itemActionInitializers,
+    itemActionInitializers = _options$itemActionIn === void 0 ? 'ListItemActionInitializers' : _options$itemActionIn,
+    collection = options.collection,
+    association = options.association,
+    resource = options.resource,
+    template = options.template,
+    others = _objectWithoutProperties(options, _excluded2);
+  var resourceName = resource || association || collection;
+  var schema = {
+    type: 'void',
+    'x-acl-action': "".concat(resourceName, ":view"),
+    'x-decorator': 'List.Decorator',
+    'x-decorator-props': _objectSpread({
+      resource: resourceName,
+      collection: collection,
+      association: association,
+      readPretty: true,
+      action: 'list',
+      params: {
+        pageSize: 10
+      },
+      runWhenParamsChanged: true
+    }, others),
+    'x-component': 'CardItem',
+    'x-designer': 'List.Designer',
+    properties: {
+      actionBar: {
+        type: 'void',
+        'x-initializer': actionInitializers,
+        'x-component': 'ActionBar',
+        'x-component-props': {
+          style: {
+            marginBottom: 'var(--nb-spacing)'
+          }
+        },
+        properties: {}
+      },
+      list: {
+        type: 'array',
+        'x-component': 'List',
+        'x-component-props': {
+          props: '{{ useListBlockProps }}'
+        },
+        properties: {
+          item: {
+            type: 'object',
+            'x-component': 'List.Item',
+            'x-read-pretty': true,
+            'x-component-props': {
+              useProps: '{{ useListItemProps }}'
+            },
+            properties: {
+              grid: template || {
+                type: 'void',
+                'x-component': 'Grid',
+                'x-initializer': formItemInitializers,
+                'x-initializer-props': {
+                  useProps: '{{ useListItemInitializerProps }}'
+                },
+                properties: {}
+              },
+              actionBar: {
+                type: 'void',
+                'x-align': 'left',
+                'x-initializer': itemActionInitializers,
+                'x-component': 'ActionBar',
+                'x-component-props': {
+                  useProps: '{{ useListActionBarProps }}',
+                  layout: 'one-column'
+                },
+                properties: {}
+              }
+            }
+          }
+        }
+      }
+    }
+  };
+  return schema;
+};
+exports.createListBlockSchema = createListBlockSchema;
+var createGridCardBlockSchema = function createGridCardBlockSchema(options) {
+  var _options$formItemInit3 = options.formItemInitializers,
+    formItemInitializers = _options$formItemInit3 === void 0 ? 'ReadPrettyFormItemInitializers' : _options$formItemInit3,
+    _options$actionInitia3 = options.actionInitializers,
+    actionInitializers = _options$actionInitia3 === void 0 ? 'GridCardActionInitializers' : _options$actionInitia3,
+    _options$itemActionIn2 = options.itemActionInitializers,
+    itemActionInitializers = _options$itemActionIn2 === void 0 ? 'GridCardItemActionInitializers' : _options$itemActionIn2,
+    collection = options.collection,
+    association = options.association,
+    resource = options.resource,
+    template = options.template,
+    others = _objectWithoutProperties(options, _excluded3);
+  var resourceName = resource || association || collection;
+  var schema = {
+    type: 'void',
+    'x-acl-action': "".concat(resourceName, ":view"),
+    'x-decorator': 'GridCard.Decorator',
+    'x-decorator-props': _objectSpread({
+      resource: resourceName,
+      collection: collection,
+      association: association,
+      readPretty: true,
+      action: 'list',
+      params: {
+        pageSize: 12
+      },
+      runWhenParamsChanged: true
+    }, others),
+    'x-component': 'BlockItem',
+    'x-designer': 'GridCard.Designer',
+    properties: {
+      actionBar: {
+        type: 'void',
+        'x-initializer': actionInitializers,
+        'x-component': 'ActionBar',
+        'x-component-props': {
+          style: {
+            marginBottom: 'var(--nb-spacing)'
+          }
+        },
+        properties: {}
+      },
+      list: {
+        type: 'array',
+        'x-component': 'GridCard',
+        'x-component-props': {
+          props: '{{ useGridCardBlockProps }}'
+        },
+        properties: {
+          item: {
+            type: 'object',
+            'x-component': 'GridCard.Item',
+            'x-read-pretty': true,
+            'x-component-props': {
+              useProps: '{{ useGridCardItemProps }}'
+            },
+            properties: {
+              grid: template || {
+                type: 'void',
+                'x-component': 'Grid',
+                'x-initializer': formItemInitializers,
+                'x-initializer-props': {
+                  useProps: '{{ useGridCardItemInitializerProps }}'
+                },
+                properties: {}
+              },
+              actionBar: {
+                type: 'void',
+                'x-align': 'left',
+                'x-initializer': itemActionInitializers,
+                'x-component': 'ActionBar',
+                'x-component-props': {
+                  useProps: '{{ useGridCardActionBarProps }}',
+                  layout: 'one-column'
+                },
+                properties: {}
+              }
+            }
+          }
+        }
+      }
+    }
+  };
+  return schema;
+};
+exports.createGridCardBlockSchema = createGridCardBlockSchema;
+var createFormBlockSchema = function createFormBlockSchema(options) {
+  var _options$formItemInit4 = options.formItemInitializers,
+    formItemInitializers = _options$formItemInit4 === void 0 ? 'FormItemInitializers' : _options$formItemInit4,
+    _options$actionInitia4 = options.actionInitializers,
+    actionInitializers = _options$actionInitia4 === void 0 ? 'FormActionInitializers' : _options$actionInitia4,
     collection = options.collection,
     resource = options.resource,
     association = options.association,
     action = options.action,
     template = options.template,
-    others = _objectWithoutProperties(options, _excluded2);
+    others = _objectWithoutProperties(options, _excluded4);
   var resourceName = resource || association || collection;
   var schema = {
     type: 'void',
@@ -1089,16 +1265,16 @@ var createFormBlockSchema = function createFormBlockSchema(options) {
 };
 exports.createFormBlockSchema = createFormBlockSchema;
 var createFilterFormBlockSchema = function createFilterFormBlockSchema(options) {
-  var _options$formItemInit3 = options.formItemInitializers,
-    formItemInitializers = _options$formItemInit3 === void 0 ? 'FilterFormItemInitializers' : _options$formItemInit3,
-    _options$actionInitia3 = options.actionInitializers,
-    actionInitializers = _options$actionInitia3 === void 0 ? 'FilterFormActionInitializers' : _options$actionInitia3,
+  var _options$formItemInit5 = options.formItemInitializers,
+    formItemInitializers = _options$formItemInit5 === void 0 ? 'FilterFormItemInitializers' : _options$formItemInit5,
+    _options$actionInitia5 = options.actionInitializers,
+    actionInitializers = _options$actionInitia5 === void 0 ? 'FilterFormActionInitializers' : _options$actionInitia5,
     collection = options.collection,
     resource = options.resource,
     association = options.association,
     action = options.action,
     template = options.template,
-    others = _objectWithoutProperties(options, _excluded3);
+    others = _objectWithoutProperties(options, _excluded5);
   var resourceName = resource || association || collection;
   var schema = {
     type: 'void',
@@ -1147,15 +1323,15 @@ var createFilterFormBlockSchema = function createFilterFormBlockSchema(options)
 };
 exports.createFilterFormBlockSchema = createFilterFormBlockSchema;
 var createReadPrettyFormBlockSchema = function createReadPrettyFormBlockSchema(options) {
-  var _options$formItemInit4 = options.formItemInitializers,
-    formItemInitializers = _options$formItemInit4 === void 0 ? 'ReadPrettyFormItemInitializers' : _options$formItemInit4,
-    _options$actionInitia4 = options.actionInitializers,
-    actionInitializers = _options$actionInitia4 === void 0 ? 'ReadPrettyFormActionInitializers' : _options$actionInitia4,
+  var _options$formItemInit6 = options.formItemInitializers,
+    formItemInitializers = _options$formItemInit6 === void 0 ? 'ReadPrettyFormItemInitializers' : _options$formItemInit6,
+    _options$actionInitia6 = options.actionInitializers,
+    actionInitializers = _options$actionInitia6 === void 0 ? 'ReadPrettyFormActionInitializers' : _options$actionInitia6,
     collection = options.collection,
     association = options.association,
     resource = options.resource,
     template = options.template,
-    others = _objectWithoutProperties(options, _excluded4);
+    others = _objectWithoutProperties(options, _excluded6);
   var resourceName = resource || association || collection;
   var schema = {
     type: 'void',
@@ -1216,7 +1392,7 @@ var createTableBlockSchema = function createTableBlockSchema(options) {
     blockType = options.blockType,
     _options$pageSize = options.pageSize,
     pageSize = _options$pageSize === void 0 ? 20 : _options$pageSize,
-    others = _objectWithoutProperties(options, _excluded5);
+    others = _objectWithoutProperties(options, _excluded7);
   var schema = {
     type: 'void',
     'x-decorator': tableBlockProvider !== null && tableBlockProvider !== void 0 ? tableBlockProvider : 'TableBlockProvider',
@@ -1244,7 +1420,7 @@ var createTableBlockSchema = function createTableBlockSchema(options) {
         'x-component': 'ActionBar',
         'x-component-props': {
           style: {
-            marginBottom: 16
+            marginBottom: 'var(--nb-spacing)'
           }
         },
         properties: {}
@@ -1319,7 +1495,7 @@ var createTableSelectorSchema = function createTableSelectorSchema(options) {
   var collection = options.collection,
     resource = options.resource,
     rowKey = options.rowKey,
-    others = _objectWithoutProperties(options, _excluded6);
+    others = _objectWithoutProperties(options, _excluded8);
   var schema = {
     type: 'void',
     'x-acl-action': "".concat(resource || collection, ":list"),
@@ -1342,7 +1518,7 @@ var createTableSelectorSchema = function createTableSelectorSchema(options) {
         'x-component': 'ActionBar',
         'x-component-props': {
           style: {
-            marginBottom: 16
+            marginBottom: 'var(--nb-spacing)'
           }
         },
         properties: {}
@@ -1369,7 +1545,7 @@ var createCalendarBlockSchema = function createCalendarBlockSchema(options) {
   var collection = options.collection,
     resource = options.resource,
     fieldNames = options.fieldNames,
-    others = _objectWithoutProperties(options, _excluded7);
+    others = _objectWithoutProperties(options, _excluded9);
   var schema = {
     type: 'void',
     'x-acl-action': "".concat(resource || collection, ":list"),
@@ -1461,7 +1637,7 @@ var createGanttBlockSchema = function createGanttBlockSchema(options) {
   var collection = options.collection,
     resource = options.resource,
     fieldNames = options.fieldNames,
-    others = _objectWithoutProperties(options, _excluded8);
+    others = _objectWithoutProperties(options, _excluded10);
   var schema = {
     type: 'void',
     'x-acl-action': "".concat(resource || collection, ":list"),
@@ -1589,7 +1765,7 @@ var createKanbanBlockSchema = function createKanbanBlockSchema(options) {
   var collection = options.collection,
     resource = options.resource,
     groupField = options.groupField,
-    others = _objectWithoutProperties(options, _excluded9);
+    others = _objectWithoutProperties(options, _excluded11);
   var schema = {
     type: 'void',
     'x-acl-action': "".concat(resource || collection, ":list"),
@@ -1612,7 +1788,7 @@ var createKanbanBlockSchema = function createKanbanBlockSchema(options) {
         'x-component': 'ActionBar',
         'x-component-props': {
           style: {
-            marginBottom: 16
+            marginBottom: 'var(--nb-spacing)'
           }
         },
         properties: {}

package/lib/schema-items/GeneralSchemaItems.d.ts

@@ -0,0 +1,4 @@
+import React from 'react';
+export declare const GeneralSchemaItems: React.FC<{
+    required?: boolean;
+}>;

package/lib/schema-items/GeneralSchemaItems.js

@@ -0,0 +1,156 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.GeneralSchemaItems = void 0;
+var _react = require("@formily/react");
+var _react2 = _interopRequireDefault(require("react"));
+var _reactI18next = require("react-i18next");
+var _collectionManager = require("../collection-manager");
+var _schemaComponent = require("../schema-component");
+var _schemaSettings = require("../schema-settings");
+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 _defineProperty(obj, key, value) { key = _toPropertyKey(key); if (key in obj) { Object.defineProperty(obj, key, { value: value, enumerable: true, configurable: true, writable: true }); } else { obj[key] = value; } return obj; }
+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 _props$required = props.required,
+    required = _props$required === void 0 ? true : _props$required;
+  var _useCollectionManager = (0, _collectionManager.useCollectionManager)(),
+    getCollectionJoinField = _useCollectionManager.getCollectionJoinField;
+  var _useCollection = (0, _collectionManager.useCollection)(),
+    getField = _useCollection.getField;
+  var field = (0, _react.useField)();
+  var fieldSchema = (0, _react.useFieldSchema)();
+  var _useTranslation = (0, _reactI18next.useTranslation)(),
+    t = _useTranslation.t;
+  var _useDesignable = (0, _schemaComponent.useDesignable)(),
+    dn = _useDesignable.dn,
+    refresh = _useDesignable.refresh;
+  var collectionField = getField(fieldSchema['name']) || getCollectionJoinField(fieldSchema['x-collection-field']);
+  return /*#__PURE__*/_react2.default.createElement(_react2.default.Fragment, null, collectionField && /*#__PURE__*/_react2.default.createElement(_schemaSettings.SchemaSettings.ModalItem, {
+    key: "edit-field-title",
+    title: t('Edit field title'),
+    schema: {
+      type: 'object',
+      title: t('Edit field title'),
+      properties: {
+        title: {
+          title: t('Field title'),
+          default: field === null || field === void 0 ? void 0 : field.title,
+          description: "".concat(t('Original field title: ')).concat(collectionField === null || collectionField === void 0 ? void 0 : (_collectionField$uiSc = collectionField.uiSchema) === null || _collectionField$uiSc === void 0 ? void 0 : _collectionField$uiSc.title),
+          'x-decorator': 'FormItem',
+          'x-component': 'Input',
+          'x-component-props': {}
+        }
+      }
+    },
+    onSubmit: function onSubmit(_ref) {
+      var title = _ref.title;
+      if (title) {
+        field.title = title;
+        fieldSchema.title = title;
+        dn.emit('patch', {
+          schema: {
+            'x-uid': fieldSchema['x-uid'],
+            title: fieldSchema.title
+          }
+        });
+      }
+      dn.refresh();
+    }
+  }), /*#__PURE__*/_react2.default.createElement(_schemaSettings.SchemaSettings.SwitchItem, {
+    checked: (_field$decoratorProps = field.decoratorProps.showTitle) !== null && _field$decoratorProps !== void 0 ? _field$decoratorProps : true,
+    title: t('Display title'),
+    onChange: function onChange(checked) {
+      fieldSchema['x-decorator-props'] = fieldSchema['x-decorator-props'] || {};
+      fieldSchema['x-decorator-props']['showTitle'] = checked;
+      field.decoratorProps.showTitle = checked;
+      dn.emit('patch', {
+        schema: {
+          'x-uid': fieldSchema['x-uid'],
+          'x-decorator-props': _objectSpread(_objectSpread({}, fieldSchema['x-decorator-props']), {}, {
+            showTitle: checked
+          })
+        }
+      });
+      dn.refresh();
+    }
+  }), !field.readPretty && /*#__PURE__*/_react2.default.createElement(_schemaSettings.SchemaSettings.ModalItem, {
+    key: "edit-description",
+    title: t('Edit description'),
+    schema: {
+      type: 'object',
+      title: t('Edit description'),
+      properties: {
+        description: {
+          // title: t('Description'),
+          default: field === null || field === void 0 ? void 0 : field.description,
+          'x-decorator': 'FormItem',
+          'x-component': 'Input.TextArea',
+          'x-component-props': {}
+        }
+      }
+    },
+    onSubmit: function onSubmit(_ref2) {
+      var description = _ref2.description;
+      field.description = description;
+      fieldSchema.description = description;
+      dn.emit('patch', {
+        schema: {
+          'x-uid': fieldSchema['x-uid'],
+          description: fieldSchema.description
+        }
+      });
+      dn.refresh();
+    }
+  }), field.readPretty && /*#__PURE__*/_react2.default.createElement(_schemaSettings.SchemaSettings.ModalItem, {
+    key: "edit-tooltip",
+    title: t('Edit tooltip'),
+    schema: {
+      type: 'object',
+      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,
+          'x-decorator': 'FormItem',
+          'x-component': 'Input.TextArea',
+          'x-component-props': {}
+        }
+      }
+    },
+    onSubmit: function onSubmit(_ref3) {
+      var tooltip = _ref3.tooltip;
+      field.decoratorProps.tooltip = tooltip;
+      fieldSchema['x-decorator-props'] = fieldSchema['x-decorator-props'] || {};
+      fieldSchema['x-decorator-props']['tooltip'] = tooltip;
+      dn.emit('patch', {
+        schema: {
+          'x-uid': fieldSchema['x-uid'],
+          'x-decorator-props': fieldSchema['x-decorator-props']
+        }
+      });
+      dn.refresh();
+    }
+  }), !field.readPretty && fieldSchema['x-component'] !== 'FormField' && required && /*#__PURE__*/_react2.default.createElement(_schemaSettings.SchemaSettings.SwitchItem, {
+    key: "required",
+    title: t('Required'),
+    checked: fieldSchema.required,
+    onChange: function onChange(required) {
+      var schema = _defineProperty({}, 'x-uid', fieldSchema['x-uid']);
+      field.required = required;
+      fieldSchema['required'] = required;
+      schema['required'] = required;
+      dn.emit('patch', {
+        schema: schema
+      });
+      refresh();
+    }
+  }));
+});
+exports.GeneralSchemaItems = GeneralSchemaItems;

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

@@ -1 +1,2 @@
 export * from './OpenModeSchemaItems';
+export * from './GeneralSchemaItems';

package/lib/schema-items/index.js

@@ -13,4 +13,15 @@ Object.keys(_OpenModeSchemaItems).forEach(function (key) {
       return _OpenModeSchemaItems[key];
     }
   });
+});
+var _GeneralSchemaItems = require("./GeneralSchemaItems");
+Object.keys(_GeneralSchemaItems).forEach(function (key) {
+  if (key === "default" || key === "__esModule") return;
+  if (key in exports && exports[key] === _GeneralSchemaItems[key]) return;
+  Object.defineProperty(exports, key, {
+    enumerable: true,
+    get: function get() {
+      return _GeneralSchemaItems[key];
+    }
+  });
 });