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

package/es/schema-component/antd/association-select/AssociationSelect.js

@@ -1,19 +1,13 @@
 function _createForOfIteratorHelper(o, allowArrayLike) { var it = typeof Symbol !== "undefined" && o[Symbol.iterator] || o["@@iterator"]; if (!it) { if (Array.isArray(o) || (it = _unsupportedIterableToArray(o)) || allowArrayLike && o && typeof o.length === "number") { if (it) o = it; var i = 0; var F = function F() {}; return { s: F, n: function n() { if (i >= o.length) return { done: true }; return { done: false, value: o[i++] }; }, e: function e(_e) { throw _e; }, f: F }; } throw new TypeError("Invalid attempt to iterate non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method."); } var normalCompletion = true, didErr = false, err; return { s: function s() { it = it.call(o); }, n: function n() { var step = it.next(); normalCompletion = step.done; return step; }, e: function e(_e2) { didErr = true; err = _e2; }, f: function f() { try { if (!normalCompletion && it.return != null) it.return(); } finally { if (didErr) throw err; } } }; }
-
 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); }
-
-function _arrayLikeToArray(arr, len) { if (len == null || len > arr.length) len = arr.length; for (var i = 0, arr2 = new Array(len); i < len; i++) { arr2[i] = arr[i]; } return arr2; }
-
-function _objectDestructuringEmpty(obj) { if (obj == null) throw new TypeError("Cannot destructure undefined"); }
-
+function _arrayLikeToArray(arr, len) { if (len == null || len > arr.length) len = arr.length; for (var i = 0, arr2 = new Array(len); i < len; i++) arr2[i] = arr[i]; return arr2; }
+function _objectDestructuringEmpty(obj) { if (obj == null) throw new TypeError("Cannot destructure " + 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 _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 _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 { LoadingOutlined } from '@ant-design/icons';
 import { ArrayCollapse, ArrayItems, FormLayout } from '@formily/antd';
 import { connect, mapProps, mapReadPretty, useField, useFieldSchema } from '@formily/react';
@@ -21,15 +15,16 @@ import { uid } from '@formily/shared';
 import _ from 'lodash';
 import React, { useCallback, useMemo } from 'react';
 import { useTranslation } from 'react-i18next';
-import { useFormBlockContext, useFilterByTk } from '../../../block-provider';
-import { useCollectionManager, useCollection, useSortFields, useCollectionFilterOptions } from '../../../collection-manager';
+import { useFilterByTk, useFormBlockContext } from '../../../block-provider';
+import { useCollection, useCollectionFilterOptions, useCollectionManager, useSortFields } from '../../../collection-manager';
 import { GeneralSchemaDesigner, SchemaSettings } from '../../../schema-settings';
-import { useDesignable, useCompile, useFieldComponentOptions, useFieldTitle } from '../../hooks';
+import { useCompile, useDesignable, useFieldComponentOptions, useFieldTitle } from '../../hooks';
+import { removeNullCondition } from '../filter';
 import { RemoteSelect } from '../remote-select';
 import { defaultFieldNames } from '../select';
+import { FilterDynamicComponent } from '../table-v2/FilterDynamicComponent';
 import { ReadPretty } from './ReadPretty';
 import useServiceOptions from './useServiceOptions';
-
 var divWrap = function divWrap(schema) {
   return {
     type: 'void',
@@ -37,25 +32,22 @@ var divWrap = function divWrap(schema) {
     properties: _defineProperty({}, schema.name || uid(), schema)
   };
 };
-
 var InternalAssociationSelect = connect(function (props) {
   var fieldNames = props.fieldNames,
-      _props$objectValue = props.objectValue,
-      objectValue = _props$objectValue === void 0 ? true : _props$objectValue;
+    _props$objectValue = props.objectValue,
+    objectValue = _props$objectValue === void 0 ? true : _props$objectValue;
   var service = useServiceOptions(props);
   useFieldTitle();
   var normalizeValues = useCallback(function (obj) {
     if (!objectValue && _typeof(obj) === 'object') {
       return obj[fieldNames.value];
     }
-
     return obj;
   }, [objectValue, fieldNames.value]);
   var value = useMemo(function () {
     if (props.value === undefined || props.value === null) {
       return;
     }
-
     if (Array.isArray(props.value)) {
       return props.value.map(normalizeValues);
     } else {
@@ -77,42 +69,32 @@ var InternalAssociationSelect = connect(function (props) {
   });
 }), mapReadPretty(ReadPretty));
 export var AssociationSelect = InternalAssociationSelect;
-
 AssociationSelect.Designer = function () {
   var _interfaceConfig$vali, _collectionField$uiSc, _field$componentProps, _field$componentProps2, _field$componentProps3, _field$componentProps4, _field$componentProps5, _field$componentProps6, _collectionField$uiSc2, _fieldSchema$xDecora, _collectionField$uiSc4, _fieldSchema$xCompon, _field$componentProps7, _field$componentProps8;
-
   var _useCollectionManager = useCollectionManager(),
-      getCollectionFields = _useCollectionManager.getCollectionFields,
-      getInterface = _useCollectionManager.getInterface,
-      getCollectionJoinField = _useCollectionManager.getCollectionJoinField;
-
+    getCollectionFields = _useCollectionManager.getCollectionFields,
+    getInterface = _useCollectionManager.getInterface,
+    getCollectionJoinField = _useCollectionManager.getCollectionJoinField,
+    getCollection = _useCollectionManager.getCollection;
   var _useCollection = useCollection(),
-      getField = _useCollection.getField;
-
+    getField = _useCollection.getField,
+    template = _useCollection.template;
   var _useFormBlockContext = useFormBlockContext(),
-      form = _useFormBlockContext.form;
-
+    form = _useFormBlockContext.form;
   var field = useField();
   var fieldSchema = useFieldSchema();
-
   var _useTranslation = useTranslation(),
-      t = _useTranslation.t;
-
+    t = _useTranslation.t;
   var tk = useFilterByTk();
-
-  var _useCollection2 = useCollection();
-
-  _objectDestructuringEmpty(_useCollection2);
-
+  _objectDestructuringEmpty(useCollection());
   var _useDesignable = useDesignable(),
-      dn = _useDesignable.dn,
-      refresh = _useDesignable.refresh,
-      insertAdjacent = _useDesignable.insertAdjacent;
-
+    dn = _useDesignable.dn,
+    refresh = _useDesignable.refresh,
+    insertAdjacent = _useDesignable.insertAdjacent;
   var compile = useCompile();
   var collectionField = getField(fieldSchema['name']) || getCollectionJoinField(fieldSchema['x-collection-field']);
   var fieldComponentOptions = useFieldComponentOptions();
-  var isSubFormAssocitionField = field.address.segments.includes('__form_grid');
+  var isSubFormAssociationField = field.address.segments.includes('__form_grid');
   var interfaceConfig = getInterface(collectionField === null || collectionField === void 0 ? void 0 : collectionField.interface);
   var validateSchema = interfaceConfig === null || interfaceConfig === void 0 ? void 0 : (_interfaceConfig$vali = interfaceConfig['validateSchema']) === null || _interfaceConfig$vali === void 0 ? void 0 : _interfaceConfig$vali.call(interfaceConfig, fieldSchema);
   var originalTitle = collectionField === null || collectionField === void 0 ? void 0 : (_collectionField$uiSc = collectionField.uiSchema) === null || _collectionField$uiSc === void 0 ? void 0 : _collectionField$uiSc.title;
@@ -133,31 +115,25 @@ AssociationSelect.Designer = function () {
       direction: 'asc'
     };
   });
-
   if (!field.readPretty) {
     initialValue['required'] = field.required;
   }
-
   var options = targetFields.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 readOnlyMode = 'editable';
-
   if (fieldSchema['x-disabled'] === true) {
     readOnlyMode = 'readonly';
   }
-
   if (fieldSchema['x-read-pretty'] === true) {
     readOnlyMode = 'read-pretty';
   }
-
   return /*#__PURE__*/React.createElement(GeneralSchemaDesigner, null, collectionField && /*#__PURE__*/React.createElement(SchemaSettings.ModalItem, {
     key: "edit-field-title",
     title: t('Edit field title'),
@@ -177,7 +153,6 @@ AssociationSelect.Designer = function () {
     },
     onSubmit: function onSubmit(_ref) {
       var title = _ref.title;
-
       if (title) {
         field.title = title;
         fieldSchema.title = title;
@@ -188,7 +163,6 @@ AssociationSelect.Designer = function () {
           }
         });
       }
-
       dn.refresh();
     }
   }), !field.readPretty && /*#__PURE__*/React.createElement(SchemaSettings.ModalItem, {
@@ -253,7 +227,6 @@ AssociationSelect.Designer = function () {
     checked: fieldSchema.required,
     onChange: function onChange(required) {
       var schema = _defineProperty({}, 'x-uid', fieldSchema['x-uid']);
-
       field.required = required;
       fieldSchema['required'] = required;
       schema['required'] = required;
@@ -351,12 +324,9 @@ AssociationSelect.Designer = function () {
     },
     onSubmit: function onSubmit(v) {
       var _collectionField$uiSc3;
-
       var rules = [];
-
       var _iterator = _createForOfIteratorHelper(v.rules),
-          _step;
-
+        _step;
       try {
         for (_iterator.s(); !(_step = _iterator.n()).done;) {
           var _rule = _step.value;
@@ -367,25 +337,20 @@ AssociationSelect.Designer = function () {
       } finally {
         _iterator.f();
       }
-
-      var schema = _defineProperty({}, 'x-uid', fieldSchema['x-uid']); // return;
+      var schema = _defineProperty({}, 'x-uid', fieldSchema['x-uid']);
+      // return;
       // if (['number'].includes(collectionField?.interface) && collectionField?.uiSchema?.['x-component-props']?.['stringMode'] === true) {
       //   rules['numberStringMode'] = true;
       // }
-
-
       if (['percent'].includes(collectionField === null || collectionField === void 0 ? void 0 : collectionField.interface)) {
         var _iterator2 = _createForOfIteratorHelper(rules),
-            _step2;
-
+          _step2;
         try {
           for (_iterator2.s(); !(_step2 = _iterator2.n()).done;) {
             var rule = _step2.value;
-
             if (!!rule.maxValue || !!rule.minValue) {
               rule['percentMode'] = true;
             }
-
             if (rule.percentFormat) {
               rule['percentFormats'] = true;
             }
@@ -396,9 +361,7 @@ AssociationSelect.Designer = function () {
           _iterator2.f();
         }
       }
-
       var concatValidator = _.concat([], (collectionField === null || collectionField === void 0 ? void 0 : (_collectionField$uiSc3 = collectionField.uiSchema) === null || _collectionField$uiSc3 === void 0 ? void 0 : _collectionField$uiSc3['x-validator']) || [], rules);
-
       field.validator = concatValidator;
       fieldSchema['x-validator'] = rules;
       schema['x-validator'] = rules;
@@ -427,11 +390,9 @@ AssociationSelect.Designer = function () {
     },
     onSubmit: function onSubmit(v) {
       var schema = _defineProperty({}, 'x-uid', fieldSchema['x-uid']);
-
       if (field.value !== v.default) {
         field.value = v.default;
       }
-
       fieldSchema.default = v.default;
       schema.default = v.default;
       dn.emit('patch', {
@@ -439,13 +400,12 @@ AssociationSelect.Designer = function () {
       });
       refresh();
     }
-  }), form && !isSubFormAssocitionField && fieldComponentOptions && /*#__PURE__*/React.createElement(SchemaSettings.SelectItem, {
+  }), form && !isSubFormAssociationField && fieldComponentOptions && /*#__PURE__*/React.createElement(SchemaSettings.SelectItem, {
     title: t('Field component'),
     options: fieldComponentOptions,
     value: fieldSchema['x-component'],
     onChange: function onChange(type) {
       var _collectionField$uiSc5, _interfaceConfig$sche;
-
       var schema = {
         name: collectionField.name,
         type: 'void',
@@ -464,13 +424,12 @@ AssociationSelect.Designer = function () {
         field: collectionField,
         block: 'Form',
         readPretty: field.readPretty,
-        action: tk ? 'get' : null
+        action: tk ? 'get' : null,
+        targetCollection: getCollection(collectionField.target)
       });
-
       if (type === 'CollectionField') {
         schema['type'] = 'string';
       }
-
       insertAdjacent('beforeBegin', divWrap(schema), {
         onSuccess: function onSuccess() {
           dn.remove(null, {
@@ -493,17 +452,19 @@ AssociationSelect.Designer = function () {
           // title: '数据范围',
           enum: dataSource,
           'x-component': 'Filter',
-          'x-component-props': {}
+          'x-component-props': {
+            dynamicComponent: function dynamicComponent(props) {
+              return FilterDynamicComponent(_objectSpread({}, props));
+            }
+          }
         }
       }
     },
     onSubmit: function onSubmit(_ref4) {
       var _schema4;
-
       var filter = _ref4.filter;
-
+      filter = removeNullCondition(filter);
       _.set(field.componentProps, 'service.params.filter', filter);
-
       fieldSchema['x-component-props'] = field.componentProps;
       dn.emit('patch', {
         schema: (_schema4 = {}, _defineProperty(_schema4, 'x-uid', fieldSchema['x-uid']), _defineProperty(_schema4, 'x-component-props', field.componentProps), _schema4)
@@ -582,14 +543,11 @@ AssociationSelect.Designer = function () {
     },
     onSubmit: function onSubmit(_ref5) {
       var _schema5;
-
       var sort = _ref5.sort;
       var sortArr = sort.map(function (item) {
         return item.direction === 'desc' ? "-".concat(item.field) : item.field;
       });
-
       _.set(field.componentProps, 'service.params.sort', sortArr);
-
       fieldSchema['x-component-props'] = field.componentProps;
       dn.emit('patch', {
         schema: (_schema5 = {}, _defineProperty(_schema5, 'x-uid', fieldSchema['x-uid']), _defineProperty(_schema5, 'x-component-props', field.componentProps), _schema5)
@@ -611,7 +569,6 @@ AssociationSelect.Designer = function () {
     value: readOnlyMode,
     onChange: function onChange(v) {
       var schema = _defineProperty({}, 'x-uid', fieldSchema['x-uid']);
-
       switch (v) {
         case 'readonly':
           {
@@ -623,7 +580,6 @@ AssociationSelect.Designer = function () {
             field.disabled = true;
             break;
           }
-
         case 'read-pretty':
           {
             fieldSchema['x-read-pretty'] = true;
@@ -633,7 +589,6 @@ AssociationSelect.Designer = function () {
             field.readPretty = true;
             break;
           }
-
         default:
           {
             fieldSchema['x-read-pretty'] = false;
@@ -645,7 +600,6 @@ AssociationSelect.Designer = function () {
             break;
           }
       }
-
       dn.emit('patch', {
         schema: schema
       });
@@ -658,13 +612,10 @@ AssociationSelect.Designer = function () {
     value: field === null || field === void 0 ? void 0 : (_field$componentProps7 = field.componentProps) === null || _field$componentProps7 === void 0 ? void 0 : (_field$componentProps8 = _field$componentProps7.fieldNames) === null || _field$componentProps8 === void 0 ? void 0 : _field$componentProps8.label,
     onChange: function onChange(label) {
       var _collectionField$uiSc6, _collectionField$uiSc7;
-
       var schema = _defineProperty({}, 'x-uid', fieldSchema['x-uid']);
-
       var fieldNames = _objectSpread(_objectSpread(_objectSpread({}, collectionField === null || collectionField === void 0 ? void 0 : (_collectionField$uiSc6 = collectionField.uiSchema) === null || _collectionField$uiSc6 === void 0 ? void 0 : (_collectionField$uiSc7 = _collectionField$uiSc6['x-component-props']) === null || _collectionField$uiSc7 === void 0 ? void 0 : _collectionField$uiSc7['fieldNames']), field.componentProps.fieldNames), {}, {
         label: label
       });
-
       field.componentProps.fieldNames = fieldNames;
       fieldSchema['x-component-props'] = fieldSchema['x-component-props'] || {};
       fieldSchema['x-component-props']['fieldNames'] = fieldNames;
@@ -685,5 +636,461 @@ AssociationSelect.Designer = function () {
     }
   }));
 };
-
+/**
+ * 用于筛选表单区块
+ * @returns
+ */
+AssociationSelect.FilterDesigner = function () {
+  var _interfaceConfig$vali2, _collectionField$uiSc8, _field$componentProps9, _field$componentProps10, _field$componentProps11, _field$componentProps12, _field$componentProps13, _field$componentProps14, _collectionField$uiSc9, _fieldSchema$xDecora2, _collectionField$uiSc11, _field$componentProps15, _field$componentProps16;
+  var _useCollectionManager2 = useCollectionManager(),
+    getCollectionFields = _useCollectionManager2.getCollectionFields,
+    getInterface = _useCollectionManager2.getInterface,
+    getCollectionJoinField = _useCollectionManager2.getCollectionJoinField;
+  var _useCollection3 = useCollection(),
+    getField = _useCollection3.getField;
+  var _useFormBlockContext2 = useFormBlockContext(),
+    form = _useFormBlockContext2.form;
+  var field = useField();
+  var fieldSchema = useFieldSchema();
+  var _useTranslation2 = useTranslation(),
+    t = _useTranslation2.t;
+  var _useDesignable2 = useDesignable(),
+    dn = _useDesignable2.dn,
+    refresh = _useDesignable2.refresh;
+  var compile = useCompile();
+  var collectionField = getField(fieldSchema['name']) || getCollectionJoinField(fieldSchema['x-collection-field']);
+  var interfaceConfig = getInterface(collectionField === null || collectionField === void 0 ? void 0 : collectionField.interface);
+  var validateSchema = interfaceConfig === null || interfaceConfig === void 0 ? void 0 : (_interfaceConfig$vali2 = interfaceConfig['validateSchema']) === null || _interfaceConfig$vali2 === void 0 ? void 0 : _interfaceConfig$vali2.call(interfaceConfig, fieldSchema);
+  var originalTitle = collectionField === null || collectionField === void 0 ? void 0 : (_collectionField$uiSc8 = collectionField.uiSchema) === null || _collectionField$uiSc8 === void 0 ? void 0 : _collectionField$uiSc8.title;
+  var targetFields = (collectionField === null || collectionField === void 0 ? void 0 : collectionField.target) ? getCollectionFields(collectionField.target) : [];
+  var initialValue = {
+    title: field.title === originalTitle ? undefined : field.title
+  };
+  var sortFields = useSortFields(collectionField === null || collectionField === void 0 ? void 0 : collectionField.target);
+  var defaultSort = ((_field$componentProps9 = field.componentProps) === null || _field$componentProps9 === void 0 ? void 0 : (_field$componentProps10 = _field$componentProps9.service) === null || _field$componentProps10 === void 0 ? void 0 : (_field$componentProps11 = _field$componentProps10.params) === null || _field$componentProps11 === void 0 ? void 0 : _field$componentProps11.sort) || [];
+  var defaultFilter = ((_field$componentProps12 = field.componentProps) === null || _field$componentProps12 === void 0 ? void 0 : (_field$componentProps13 = _field$componentProps12.service) === null || _field$componentProps13 === void 0 ? void 0 : (_field$componentProps14 = _field$componentProps13.params) === null || _field$componentProps14 === void 0 ? void 0 : _field$componentProps14.filter) || {};
+  var dataSource = useCollectionFilterOptions(collectionField === null || collectionField === void 0 ? void 0 : collectionField.target);
+  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'
+    };
+  });
+  if (!field.readPretty) {
+    initialValue['required'] = field.required;
+  }
+  var options = targetFields.filter(function (field) {
+    return !(field === null || field === void 0 ? void 0 : field.target) && field.type !== 'boolean';
+  }).map(function (field) {
+    var _field$uiSchema2;
+    return {
+      value: field === null || field === void 0 ? void 0 : field.name,
+      label: compile(field === null || field === void 0 ? void 0 : (_field$uiSchema2 = field.uiSchema) === null || _field$uiSchema2 === void 0 ? void 0 : _field$uiSchema2.title) || (field === null || field === void 0 ? void 0 : field.name)
+    };
+  });
+  var readOnlyMode = 'editable';
+  if (fieldSchema['x-disabled'] === true) {
+    readOnlyMode = 'readonly';
+  }
+  if (fieldSchema['x-read-pretty'] === true) {
+    readOnlyMode = 'read-pretty';
+  }
+  return /*#__PURE__*/React.createElement(GeneralSchemaDesigner, null, collectionField && /*#__PURE__*/React.createElement(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$uiSc9 = collectionField.uiSchema) === null || _collectionField$uiSc9 === void 0 ? void 0 : _collectionField$uiSc9.title),
+          'x-decorator': 'FormItem',
+          'x-component': 'Input',
+          'x-component-props': {}
+        }
+      }
+    },
+    onSubmit: function onSubmit(_ref6) {
+      var title = _ref6.title;
+      if (title) {
+        field.title = title;
+        fieldSchema.title = title;
+        dn.emit('patch', {
+          schema: {
+            'x-uid': fieldSchema['x-uid'],
+            title: fieldSchema.title
+          }
+        });
+      }
+      dn.refresh();
+    }
+  }), !field.readPretty && /*#__PURE__*/React.createElement(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(_ref7) {
+      var description = _ref7.description;
+      field.description = description;
+      fieldSchema.description = description;
+      dn.emit('patch', {
+        schema: {
+          'x-uid': fieldSchema['x-uid'],
+          description: fieldSchema.description
+        }
+      });
+      dn.refresh();
+    }
+  }), field.readPretty && /*#__PURE__*/React.createElement(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$xDecora2 = fieldSchema['x-decorator-props']) === null || _fieldSchema$xDecora2 === void 0 ? void 0 : _fieldSchema$xDecora2.tooltip,
+          'x-decorator': 'FormItem',
+          'x-component': 'Input.TextArea',
+          'x-component-props': {}
+        }
+      }
+    },
+    onSubmit: function onSubmit(_ref8) {
+      var tooltip = _ref8.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();
+    }
+  }), form && !(form === null || form === void 0 ? void 0 : form.readPretty) && validateSchema && /*#__PURE__*/React.createElement(SchemaSettings.ModalItem, {
+    title: t('Set validation rules'),
+    components: {
+      ArrayCollapse: ArrayCollapse,
+      FormLayout: FormLayout
+    },
+    schema: {
+      type: 'object',
+      title: t('Set validation rules'),
+      properties: {
+        rules: {
+          type: 'array',
+          default: fieldSchema === null || fieldSchema === void 0 ? void 0 : fieldSchema['x-validator'],
+          'x-component': 'ArrayCollapse',
+          'x-decorator': 'FormItem',
+          'x-component-props': {
+            accordion: true
+          },
+          maxItems: 3,
+          items: {
+            type: 'object',
+            'x-component': 'ArrayCollapse.CollapsePanel',
+            'x-component-props': {
+              header: '{{ t("Validation rule") }}'
+            },
+            properties: {
+              index: {
+                type: 'void',
+                'x-component': 'ArrayCollapse.Index'
+              },
+              layout: {
+                type: 'void',
+                'x-component': 'FormLayout',
+                'x-component-props': {
+                  labelStyle: {
+                    marginTop: '6px'
+                  },
+                  labelCol: 8,
+                  wrapperCol: 16
+                },
+                properties: _objectSpread(_objectSpread({}, validateSchema), {}, {
+                  message: {
+                    type: 'string',
+                    title: '{{ t("Error message") }}',
+                    'x-decorator': 'FormItem',
+                    'x-component': 'Input.TextArea',
+                    'x-component-props': {
+                      autoSize: {
+                        minRows: 2,
+                        maxRows: 2
+                      }
+                    }
+                  }
+                })
+              },
+              remove: {
+                type: 'void',
+                'x-component': 'ArrayCollapse.Remove'
+              },
+              moveUp: {
+                type: 'void',
+                'x-component': 'ArrayCollapse.MoveUp'
+              },
+              moveDown: {
+                type: 'void',
+                'x-component': 'ArrayCollapse.MoveDown'
+              }
+            }
+          },
+          properties: {
+            add: {
+              type: 'void',
+              title: '{{ t("Add validation rule") }}',
+              'x-component': 'ArrayCollapse.Addition',
+              'x-reactions': {
+                dependencies: ['rules'],
+                fulfill: {
+                  state: {
+                    disabled: '{{$deps[0].length >= 3}}'
+                  }
+                }
+              }
+            }
+          }
+        }
+      }
+    },
+    onSubmit: function onSubmit(v) {
+      var _collectionField$uiSc10;
+      var rules = [];
+      var _iterator3 = _createForOfIteratorHelper(v.rules),
+        _step3;
+      try {
+        for (_iterator3.s(); !(_step3 = _iterator3.n()).done;) {
+          var _rule2 = _step3.value;
+          rules.push(_.pickBy(_rule2, _.identity));
+        }
+      } catch (err) {
+        _iterator3.e(err);
+      } finally {
+        _iterator3.f();
+      }
+      var schema = _defineProperty({}, 'x-uid', fieldSchema['x-uid']);
+      // return;
+      // if (['number'].includes(collectionField?.interface) && collectionField?.uiSchema?.['x-component-props']?.['stringMode'] === true) {
+      //   rules['numberStringMode'] = true;
+      // }
+      if (['percent'].includes(collectionField === null || collectionField === void 0 ? void 0 : collectionField.interface)) {
+        var _iterator4 = _createForOfIteratorHelper(rules),
+          _step4;
+        try {
+          for (_iterator4.s(); !(_step4 = _iterator4.n()).done;) {
+            var rule = _step4.value;
+            if (!!rule.maxValue || !!rule.minValue) {
+              rule['percentMode'] = true;
+            }
+            if (rule.percentFormat) {
+              rule['percentFormats'] = true;
+            }
+          }
+        } catch (err) {
+          _iterator4.e(err);
+        } finally {
+          _iterator4.f();
+        }
+      }
+      var concatValidator = _.concat([], (collectionField === null || collectionField === void 0 ? void 0 : (_collectionField$uiSc10 = collectionField.uiSchema) === null || _collectionField$uiSc10 === void 0 ? void 0 : _collectionField$uiSc10['x-validator']) || [], rules);
+      field.validator = concatValidator;
+      fieldSchema['x-validator'] = rules;
+      schema['x-validator'] = rules;
+      dn.emit('patch', {
+        schema: schema
+      });
+      refresh();
+    }
+  }), form && !(form === null || form === void 0 ? void 0 : form.readPretty) && (collectionField === null || collectionField === void 0 ? void 0 : (_collectionField$uiSc11 = collectionField.uiSchema) === null || _collectionField$uiSc11 === void 0 ? void 0 : _collectionField$uiSc11.type) && /*#__PURE__*/React.createElement(SchemaSettings.ModalItem, {
+    title: t('Set default value'),
+    components: {
+      ArrayCollapse: ArrayCollapse,
+      FormLayout: FormLayout
+    },
+    schema: {
+      type: 'object',
+      title: t('Set default value'),
+      properties: {
+        default: _objectSpread(_objectSpread({}, collectionField.uiSchema), {}, {
+          name: 'default',
+          title: t('Default value'),
+          'x-decorator': 'FormItem',
+          default: fieldSchema.default || collectionField.defaultValue
+        })
+      }
+    },
+    onSubmit: function onSubmit(v) {
+      var schema = _defineProperty({}, 'x-uid', fieldSchema['x-uid']);
+      if (field.value !== v.default) {
+        field.value = v.default;
+      }
+      fieldSchema.default = v.default;
+      schema.default = v.default;
+      dn.emit('patch', {
+        schema: schema
+      });
+      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,
+          // title: '数据范围',
+          enum: dataSource,
+          'x-component': 'Filter',
+          'x-component-props': {
+            dynamicComponent: function dynamicComponent(props) {
+              return FilterDynamicComponent(_objectSpread({}, props));
+            }
+          }
+        }
+      }
+    },
+    onSubmit: function onSubmit(_ref9) {
+      var _schema10;
+      var filter = _ref9.filter;
+      filter = removeNullCondition(filter);
+      _.set(field.componentProps, 'service.params.filter', filter);
+      fieldSchema['x-component-props'] = field.componentProps;
+      dn.emit('patch', {
+        schema: (_schema10 = {}, _defineProperty(_schema10, 'x-uid', fieldSchema['x-uid']), _defineProperty(_schema10, 'x-component-props', field.componentProps), _schema10)
+      });
+    }
+  }), /*#__PURE__*/React.createElement(SchemaSettings.ModalItem, {
+    title: t('Set default sorting rules'),
+    components: {
+      ArrayItems: ArrayItems
+    },
+    schema: {
+      type: 'object',
+      title: t('Set default sorting rules'),
+      properties: {
+        sort: {
+          type: 'array',
+          default: sort,
+          'x-component': 'ArrayItems',
+          'x-decorator': 'FormItem',
+          items: {
+            type: 'object',
+            properties: {
+              space: {
+                type: 'void',
+                'x-component': 'Space',
+                properties: {
+                  sort: {
+                    type: 'void',
+                    'x-decorator': 'FormItem',
+                    'x-component': 'ArrayItems.SortHandle'
+                  },
+                  field: {
+                    type: 'string',
+                    enum: sortFields,
+                    'x-decorator': 'FormItem',
+                    'x-component': 'Select',
+                    'x-component-props': {
+                      style: {
+                        width: 260
+                      }
+                    }
+                  },
+                  direction: {
+                    type: 'string',
+                    'x-decorator': 'FormItem',
+                    'x-component': 'Radio.Group',
+                    'x-component-props': {
+                      optionType: 'button'
+                    },
+                    enum: [{
+                      label: t('ASC'),
+                      value: 'asc'
+                    }, {
+                      label: t('DESC'),
+                      value: 'desc'
+                    }]
+                  },
+                  remove: {
+                    type: 'void',
+                    'x-decorator': 'FormItem',
+                    'x-component': 'ArrayItems.Remove'
+                  }
+                }
+              }
+            }
+          },
+          properties: {
+            add: {
+              type: 'void',
+              title: t('Add sort field'),
+              'x-component': 'ArrayItems.Addition'
+            }
+          }
+        }
+      }
+    },
+    onSubmit: function onSubmit(_ref10) {
+      var _schema11;
+      var sort = _ref10.sort;
+      var sortArr = sort.map(function (item) {
+        return item.direction === 'desc' ? "-".concat(item.field) : item.field;
+      });
+      _.set(field.componentProps, 'service.params.sort', sortArr);
+      fieldSchema['x-component-props'] = field.componentProps;
+      dn.emit('patch', {
+        schema: (_schema11 = {}, _defineProperty(_schema11, 'x-uid', fieldSchema['x-uid']), _defineProperty(_schema11, 'x-component-props', field.componentProps), _schema11)
+      });
+    }
+  }), (collectionField === null || collectionField === void 0 ? void 0 : collectionField.target) && ['CollectionField', 'AssociationSelect'].includes(fieldSchema['x-component']) && /*#__PURE__*/React.createElement(SchemaSettings.SelectItem, {
+    key: "title-field",
+    title: t('Title field'),
+    options: options,
+    value: field === null || field === void 0 ? void 0 : (_field$componentProps15 = field.componentProps) === null || _field$componentProps15 === void 0 ? void 0 : (_field$componentProps16 = _field$componentProps15.fieldNames) === null || _field$componentProps16 === void 0 ? void 0 : _field$componentProps16.label,
+    onChange: function onChange(label) {
+      var _collectionField$uiSc12, _collectionField$uiSc13;
+      var schema = _defineProperty({}, 'x-uid', fieldSchema['x-uid']);
+      var fieldNames = _objectSpread(_objectSpread(_objectSpread({}, collectionField === null || collectionField === void 0 ? void 0 : (_collectionField$uiSc12 = collectionField.uiSchema) === null || _collectionField$uiSc12 === void 0 ? void 0 : (_collectionField$uiSc13 = _collectionField$uiSc12['x-component-props']) === null || _collectionField$uiSc13 === void 0 ? void 0 : _collectionField$uiSc13['fieldNames']), field.componentProps.fieldNames), {}, {
+        label: label
+      });
+      field.componentProps.fieldNames = fieldNames;
+      fieldSchema['x-component-props'] = fieldSchema['x-component-props'] || {};
+      fieldSchema['x-component-props']['fieldNames'] = fieldNames;
+      schema['x-component-props'] = fieldSchema['x-component-props'];
+      dn.emit('patch', {
+        schema: schema
+      });
+      dn.refresh();
+    }
+  }), collectionField && /*#__PURE__*/React.createElement(SchemaSettings.Divider, null), /*#__PURE__*/React.createElement(SchemaSettings.Remove, {
+    key: "remove",
+    removeParentsIfNoChildren: true,
+    confirm: {
+      title: t('Delete field')
+    },
+    breakRemoveOn: {
+      'x-component': 'Grid'
+    }
+  }));
+};
 export default AssociationSelect;