@nocobase/client 0.9.1-alpha.2 → 0.9.2-alpha.2

package/es/schema-component/antd/association-filter/ActionBarAssociationFilterAction.js

@@ -1,37 +1,44 @@
+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) { if (key in obj) { Object.defineProperty(obj, key, { value: value, enumerable: true, configurable: true, writable: true }); } else { obj[key] = value; } return obj; }
-
+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); }
 import { useFieldSchema } from '@formily/react';
 import React, { useContext } from 'react';
 import { useTranslation } from 'react-i18next';
 import { useAPIClient } from '../../../api-client';
 import { createDesignable, SchemaComponentContext } from '../..';
 import { ActionInitializer } from '../../../schema-initializer/items/ActionInitializer';
+import { useBlockRequestContext } from '../../../block-provider';
+import { mergeFilter } from '../../../block-provider/SharedFilterProvider';
 export var ActionBarAssociationFilterAction = function ActionBarAssociationFilterAction(props) {
   var _useContext = useContext(SchemaComponentContext),
-      refresh = _useContext.refresh;
-
+    refresh = _useContext.refresh;
   var fieldSchema = useFieldSchema();
   var api = useAPIClient();
-
   var _useTranslation = useTranslation(),
-      t = _useTranslation.t;
-
+    t = _useTranslation.t;
   var dn = createDesignable({
     t: t,
     api: api,
     refresh: refresh,
     current: fieldSchema
   });
+  var _useBlockRequestConte = useBlockRequestContext(),
+    service = _useBlockRequestConte.service,
+    blockProps = _useBlockRequestConte.props;
   dn.loadAPIClientEvents();
-
   var handleInsert = function handleInsert(s) {
     dn.insertBeforeBegin(s);
   };
-
+  var handleRemove = function handleRemove(schema, remove) {
+    var _service$params, _blockProps$params;
+    remove(schema);
+    service.run(_objectSpread(_objectSpread({}, (_service$params = service.params) === null || _service$params === void 0 ? void 0 : _service$params[0]), {}, {
+      filter: mergeFilter([blockProps === null || blockProps === void 0 ? void 0 : (_blockProps$params = blockProps.params) === null || _blockProps$params === void 0 ? void 0 : _blockProps$params.filter])
+    }));
+  };
   var schema = {
     type: 'void',
     'x-action': 'associateFilter',
@@ -39,14 +46,13 @@ export var ActionBarAssociationFilterAction = function ActionBarAssociationFilte
     'x-component': 'AssociationFilter',
     properties: {}
   };
-
   var newProps = _objectSpread(_objectSpread({}, props), {}, {
     insert: handleInsert,
+    remove: handleRemove,
     wrap: function wrap(s) {
       return s;
     }
   });
-
   return /*#__PURE__*/React.createElement(ActionInitializer, _objectSpread(_objectSpread({}, newProps), {}, {
     schema: schema
   }));

package/es/schema-component/antd/association-filter/AssociationFilter.BlockDesigner.d.ts

@@ -0,0 +1 @@
+export declare const AssociationFilterBlockDesigner: () => JSX.Element;

package/es/schema-component/antd/association-filter/AssociationFilter.BlockDesigner.js

@@ -0,0 +1,34 @@
+import { useFieldSchema } from '@formily/react';
+import React from 'react';
+import { useTranslation } from 'react-i18next';
+import { useCollection } from '../../../collection-manager';
+import { FilterBlockType } from '../../../filter-provider/utils';
+import { GeneralSchemaDesigner, SchemaSettings } from '../../../schema-settings';
+import { useSchemaTemplate } from '../../../schema-templates';
+export var AssociationFilterBlockDesigner = function AssociationFilterBlockDesigner() {
+  var _fieldSchema$xDecora;
+  var _useCollection = useCollection(),
+    name = _useCollection.name,
+    title = _useCollection.title;
+  var template = useSchemaTemplate();
+  var fieldSchema = useFieldSchema();
+  var _useTranslation = useTranslation(),
+    t = _useTranslation.t;
+  var defaultResource = fieldSchema === null || fieldSchema === void 0 ? void 0 : (_fieldSchema$xDecora = fieldSchema['x-decorator-props']) === null || _fieldSchema$xDecora === void 0 ? void 0 : _fieldSchema$xDecora.resource;
+  return /*#__PURE__*/React.createElement(GeneralSchemaDesigner, {
+    template: template,
+    title: title || name
+  }, /*#__PURE__*/React.createElement(SchemaSettings.BlockTitleItem, null), /*#__PURE__*/React.createElement(SchemaSettings.Template, {
+    componentName: 'FilterCollapse',
+    collectionName: name,
+    resourceName: defaultResource
+  }), /*#__PURE__*/React.createElement(SchemaSettings.ConnectDataBlocks, {
+    type: FilterBlockType.COLLAPSE,
+    emptyDescription: t('No blocks to connect')
+  }), /*#__PURE__*/React.createElement(SchemaSettings.Divider, null), /*#__PURE__*/React.createElement(SchemaSettings.Remove, {
+    removeParentsIfNoChildren: true,
+    breakRemoveOn: {
+      'x-component': 'Grid'
+    }
+  }));
+};

package/es/schema-component/antd/association-filter/AssociationFilter.FilterBlockInitializer.d.ts

@@ -0,0 +1 @@
+export declare const AssociationFilterFilterBlockInitializer: () => JSX.Element;

package/es/schema-component/antd/association-filter/AssociationFilter.FilterBlockInitializer.js

@@ -0,0 +1,87 @@
+var _templateObject;
+function _taggedTemplateLiteral(strings, raw) { if (!raw) { raw = strings.slice(0); } return Object.freeze(Object.defineProperties(strings, { raw: { value: Object.freeze(raw) } })); }
+import { css } from '@emotion/css';
+import React from 'react';
+import { useTranslation } from 'react-i18next';
+import { useOptionalFieldList } from '../../../block-provider/hooks';
+import { useAssociatedFields } from '../../../filter-provider/utils';
+import { SchemaInitializer } from '../../../schema-initializer';
+export var AssociationFilterFilterBlockInitializer = function AssociationFilterFilterBlockInitializer() {
+  var _useTranslation = useTranslation(),
+    t = _useTranslation.t;
+  var associatedFields = useAssociatedFields();
+  var optionalList = useOptionalFieldList();
+  var useProps = '{{useAssociationFilterBlockProps}}';
+  var children = associatedFields.map(function (field) {
+    var _field$uiSchema, _field$uiSchema2;
+    return {
+      type: 'item',
+      key: field.key,
+      title: (_field$uiSchema = field.uiSchema) === null || _field$uiSchema === void 0 ? void 0 : _field$uiSchema.title,
+      component: 'AssociationFilterDesignerDisplayField',
+      schema: {
+        name: field.name,
+        title: (_field$uiSchema2 = field.uiSchema) === null || _field$uiSchema2 === void 0 ? void 0 : _field$uiSchema2.title,
+        type: 'void',
+        'x-designer': 'AssociationFilter.Item.Designer',
+        'x-component': 'AssociationFilter.Item',
+        'x-component-props': {
+          fieldNames: {
+            label: field.targetKey || 'id'
+          },
+          useProps: useProps
+        },
+        properties: {}
+      }
+    };
+  });
+  var optionalChildren = optionalList.map(function (field) {
+    return {
+      type: 'item',
+      key: field.key,
+      title: field.uiSchema.title,
+      component: 'AssociationFilterDesignerDisplayField',
+      schema: {
+        name: field.name,
+        title: field.uiSchema.title,
+        interface: field.interface,
+        type: 'void',
+        'x-designer': 'AssociationFilter.Item.Designer',
+        'x-component': 'AssociationFilter.Item',
+        'x-component-props': {
+          fieldNames: {
+            label: field.name
+          },
+          useProps: useProps
+        },
+        properties: {}
+      }
+    };
+  });
+  var associatedFieldGroup = {
+    type: 'itemGroup',
+    title: t('Association fields'),
+    children: children
+  };
+  // 可选项字段
+  var optionalFieldGroup = {
+    type: 'itemGroup',
+    title: t('Optional fields'),
+    children: optionalChildren
+  };
+  var dividerItem = {
+    type: 'divider'
+  };
+  var deleteItem = {
+    type: 'item',
+    title: t('Delete'),
+    component: 'AssociationFilterDesignerDelete'
+  };
+  var items = [associatedFieldGroup, optionalFieldGroup];
+  return /*#__PURE__*/React.createElement(SchemaInitializer.Button, {
+    className: css(_templateObject || (_templateObject = _taggedTemplateLiteral(["\n        margin-top: 16px;\n      "]))),
+    icon: 'SettingOutlined',
+    title: t('Configure fields'),
+    items: items
+  });
+};

package/es/schema-component/antd/association-filter/AssociationFilter.Initializer.js

@@ -1,38 +1,33 @@
 var _templateObject;
-
 function _taggedTemplateLiteral(strings, raw) { if (!raw) { raw = strings.slice(0); } return Object.freeze(Object.defineProperties(strings, { raw: { value: Object.freeze(raw) } })); }
-
 import { css } from '@emotion/css';
 import React from 'react';
 import { useTranslation } from 'react-i18next';
-import { useCollection } from '../../../collection-manager';
+import { useAssociatedFields } from '../../../filter-provider/utils';
 import { SchemaInitializer } from '../../../schema-initializer';
 export var AssociationFilterInitializer = function AssociationFilterInitializer() {
   var _useTranslation = useTranslation(),
-      t = _useTranslation.t;
-
-  var _useCollection = useCollection(),
-      fields = _useCollection.fields;
-
-  var associatedFields = fields.filter(function (field) {
-    return ['o2o', 'oho', 'obo', 'm2o', 'createdBy', 'updatedBy', 'o2m', 'm2m', 'linkTo'].includes(field.interface);
-  });
-  var items = associatedFields.map(function (field) {
+    t = _useTranslation.t;
+  var associatedFields = useAssociatedFields();
+  var useProps = '{{useAssociationFilterProps}}';
+  var children = associatedFields.map(function (field) {
+    var _field$uiSchema, _field$uiSchema2;
     return {
       type: 'item',
       key: field.key,
-      title: field.uiSchema.title,
+      title: (_field$uiSchema = field.uiSchema) === null || _field$uiSchema === void 0 ? void 0 : _field$uiSchema.title,
       component: 'AssociationFilterDesignerDisplayField',
       schema: {
         name: field.name,
-        title: field.uiSchema.title,
+        title: (_field$uiSchema2 = field.uiSchema) === null || _field$uiSchema2 === void 0 ? void 0 : _field$uiSchema2.title,
         type: 'void',
         'x-designer': 'AssociationFilter.Item.Designer',
         'x-component': 'AssociationFilter.Item',
         'x-component-props': {
           fieldNames: {
             label: field.targetKey || 'id'
-          }
+          },
+          useProps: useProps
         },
         properties: {}
       }
@@ -41,7 +36,7 @@ export var AssociationFilterInitializer = function AssociationFilterInitializer(
   var associatedFieldGroup = {
     type: 'itemGroup',
     title: t('Association fields'),
-    children: items
+    children: children
   };
   var dividerItem = {
     type: 'divider'
@@ -51,10 +46,11 @@ export var AssociationFilterInitializer = function AssociationFilterInitializer(
     title: t('Delete'),
     component: 'AssociationFilterDesignerDelete'
   };
+  var items = [associatedFieldGroup, dividerItem, deleteItem];
   return /*#__PURE__*/React.createElement(SchemaInitializer.Button, {
     className: css(_templateObject || (_templateObject = _taggedTemplateLiteral(["\n        margin-top: 16px;\n      "]))),
     icon: 'SettingOutlined',
     title: t('Configure fields'),
-    items: [associatedFieldGroup, dividerItem, deleteItem]
+    items: items
   });
 };

package/es/schema-component/antd/association-filter/AssociationFilter.Item.Designer.js

@@ -1,49 +1,50 @@
+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) { if (key in obj) { Object.defineProperty(obj, key, { value: value, enumerable: true, configurable: true, writable: true }); } else { obj[key] = value; } return obj; }
-
-import { useFieldSchema } from '@formily/react';
+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); }
+import { useField, useFieldSchema } from '@formily/react';
+import _ from 'lodash';
 import React from 'react';
 import { useTranslation } from 'react-i18next';
-import { useCollectionManager } from '../../../collection-manager';
+import { useCollection, useCollectionFilterOptions, useCollectionManager, useSortFields } from '../../../collection-manager';
 import { GeneralSchemaDesigner, SchemaSettings } from '../../../schema-settings';
 import { useCompile, useDesignable } from '../../hooks';
-import { AssociationFilter } from './AssociationFilter';
 export var AssociationFilterItemDesigner = function AssociationFilterItemDesigner(props) {
-  var _getCollectionFields, _collectionField$uiSc, _fieldSchema$xCompon, _fieldSchema$xCompon$;
-
+  var _fieldSchema$xCompon, _fieldSchema$xCompon$, _fieldSchema$xCompon2, _fieldSchema$xCompon3, _collectionField$uiSc, _fieldSchema$xCompon4, _fieldSchema$xCompon5;
   var fieldSchema = useFieldSchema();
-
+  var field = useField();
   var _useTranslation = useTranslation(),
-      t = _useTranslation.t;
-
-  var collectionField = AssociationFilter.useAssociationField();
-
+    t = _useTranslation.t;
   var _useCollectionManager = useCollectionManager(),
-      getCollectionFields = _useCollectionManager.getCollectionFields;
-
+    getCollectionJoinField = _useCollectionManager.getCollectionJoinField;
+  var _useCollection = useCollection(),
+    getField = _useCollection.getField;
+  var collectionField = getField(fieldSchema['name']) || getCollectionJoinField(fieldSchema['x-collection-field']);
+  var filterEnum = (collectionField === null || collectionField === void 0 ? void 0 : collectionField.target) ? useCollectionFilterOptions(collectionField === null || collectionField === void 0 ? void 0 : collectionField.target) : [];
+  var defaultFilter = (fieldSchema === null || fieldSchema === void 0 ? void 0 : (_fieldSchema$xCompon = fieldSchema['x-component-props']) === null || _fieldSchema$xCompon === void 0 ? void 0 : (_fieldSchema$xCompon$ = _fieldSchema$xCompon.params) === null || _fieldSchema$xCompon$ === void 0 ? void 0 : _fieldSchema$xCompon$.filter) || {};
+  var _useCollectionManager2 = useCollectionManager(),
+    getCollectionFields = _useCollectionManager2.getCollectionFields;
   var compile = useCompile();
-
   var _useDesignable = useDesignable(),
-      dn = _useDesignable.dn;
-
-  var targetFields = (_getCollectionFields = getCollectionFields(collectionField.target)) !== null && _getCollectionFields !== void 0 ? _getCollectionFields : [];
-  var options = targetFields.filter(function (field) {
-    return (field === null || field === void 0 ? void 0 : field.interface) && ['id', 'input', 'phone', 'email', 'integer', 'number'].includes(field === null || field === void 0 ? void 0 : field.interface);
+    dn = _useDesignable.dn;
+  var targetFields = (collectionField === null || collectionField === void 0 ? void 0 : collectionField.target) ? getCollectionFields(collectionField === null || collectionField === void 0 ? void 0 : collectionField.target) : [];
+  var options = targetFields
+  // .filter(
+  //   (field) => field?.interface && ['id', 'input', 'phone', 'email', 'integer', 'number'].includes(field?.interface),
+  // )
+  .filter(function (field) {
+    return !(field === null || field === void 0 ? void 0 : field.target) && field.type !== 'boolean';
   }).map(function (field) {
     var _field$uiSchema;
-
     return {
       value: field === null || field === void 0 ? void 0 : field.name,
       label: compile(field === null || field === void 0 ? void 0 : (_field$uiSchema = field.uiSchema) === null || _field$uiSchema === void 0 ? void 0 : _field$uiSchema.title) || (field === null || field === void 0 ? void 0 : field.name)
     };
   });
-
   var onTitleFieldChange = function onTitleFieldChange(label) {
     var schema = _defineProperty({}, 'x-uid', fieldSchema['x-uid']);
-
     var fieldNames = {
       label: label
     };
@@ -55,7 +56,17 @@ export var AssociationFilterItemDesigner = function AssociationFilterItemDesigne
     });
     dn.refresh();
   };
-
+  var sortFields = useSortFields(collectionField === null || collectionField === void 0 ? void 0 : collectionField.target);
+  var defaultSort = (fieldSchema === null || fieldSchema === void 0 ? void 0 : (_fieldSchema$xCompon2 = fieldSchema['x-component-props']) === null || _fieldSchema$xCompon2 === void 0 ? void 0 : (_fieldSchema$xCompon3 = _fieldSchema$xCompon2.params) === null || _fieldSchema$xCompon3 === void 0 ? void 0 : _fieldSchema$xCompon3.sort) || [];
+  var sort = defaultSort === null || defaultSort === void 0 ? void 0 : defaultSort.map(function (item) {
+    return item.startsWith('-') ? {
+      field: item.substring(1),
+      direction: 'desc'
+    } : {
+      field: item,
+      direction: 'asc'
+    };
+  });
   return /*#__PURE__*/React.createElement(GeneralSchemaDesigner, _objectSpread(_objectSpread({}, props), {}, {
     disableInitializer: true
   }), /*#__PURE__*/React.createElement(SchemaSettings.ModalItem, {
@@ -75,7 +86,6 @@ export var AssociationFilterItemDesigner = function AssociationFilterItemDesigne
     },
     onSubmit: function onSubmit(_ref) {
       var title = _ref.title;
-
       if (title) {
         // field.title = title;
         fieldSchema.title = title;
@@ -86,14 +96,66 @@ export var AssociationFilterItemDesigner = function AssociationFilterItemDesigne
           }
         });
       }
-
       dn.refresh();
     }
+  }), /*#__PURE__*/React.createElement(SchemaSettings.SwitchItem, {
+    title: t('Default collapse'),
+    checked: field.componentProps.defaultCollapse,
+    onChange: function onChange(v) {
+      var _schema2;
+      field.componentProps.defaultCollapse = v;
+      fieldSchema['x-component-props']['defaultCollapse'] = v;
+      dn.emit('patch', {
+        schema: (_schema2 = {}, _defineProperty(_schema2, 'x-uid', fieldSchema['x-uid']), _defineProperty(_schema2, 'x-component-props', fieldSchema['x-component-props']), _schema2)
+      });
+      dn.refresh();
+    }
+  }), /*#__PURE__*/React.createElement(SchemaSettings.ModalItem, {
+    title: t('Set the data scope'),
+    schema: {
+      type: 'object',
+      title: t('Set the data scope'),
+      properties: {
+        filter: {
+          default: defaultFilter,
+          enum: filterEnum,
+          'x-component': 'Filter',
+          'x-component-props': {}
+        }
+      }
+    },
+    onSubmit: function onSubmit(_ref2) {
+      var _field$componentProps, _schema3;
+      var filter = _ref2.filter;
+      _.set(field.componentProps, 'params', _objectSpread(_objectSpread({}, (_field$componentProps = field.componentProps) === null || _field$componentProps === void 0 ? void 0 : _field$componentProps.params), {}, {
+        filter: filter
+      }));
+      fieldSchema['x-component-props']['params'] = field.componentProps.params;
+      dn.emit('patch', {
+        schema: (_schema3 = {}, _defineProperty(_schema3, 'x-uid', fieldSchema['x-uid']), _defineProperty(_schema3, 'x-component-props', fieldSchema['x-component-props']), _schema3)
+      });
+    }
+  }), /*#__PURE__*/React.createElement(SchemaSettings.DefaultSortingRules, {
+    sort: sort,
+    sortFields: sortFields,
+    onSubmit: function onSubmit(_ref3) {
+      var _field$componentProps2;
+      var sort = _ref3.sort;
+      _.set(field.componentProps, 'params', _objectSpread(_objectSpread({}, (_field$componentProps2 = field.componentProps) === null || _field$componentProps2 === void 0 ? void 0 : _field$componentProps2.params), {}, {
+        sort: sort.map(function (item) {
+          return item.direction === 'desc' ? "-".concat(item.field) : item.field;
+        })
+      }));
+      fieldSchema['x-component-props']['params'] = field.componentProps.params;
+      dn.emit('patch', {
+        schema: fieldSchema
+      });
+    }
   }), /*#__PURE__*/React.createElement(SchemaSettings.SelectItem, {
     key: "title-field",
     title: t('Title field'),
     options: options,
-    value: (_fieldSchema$xCompon = fieldSchema['x-component-props']) === null || _fieldSchema$xCompon === void 0 ? void 0 : (_fieldSchema$xCompon$ = _fieldSchema$xCompon.fieldNames) === null || _fieldSchema$xCompon$ === void 0 ? void 0 : _fieldSchema$xCompon$.label,
+    value: (_fieldSchema$xCompon4 = fieldSchema['x-component-props']) === null || _fieldSchema$xCompon4 === void 0 ? void 0 : (_fieldSchema$xCompon5 = _fieldSchema$xCompon4.fieldNames) === null || _fieldSchema$xCompon5 === void 0 ? void 0 : _fieldSchema$xCompon5.label,
     onChange: onTitleFieldChange
   }), /*#__PURE__*/React.createElement(SchemaSettings.Remove, {
     breakRemoveOn: {