@nocobase/client 0.9.2-alpha.4 → 0.9.4-alpha.1

package/es/schema-component/antd/list/List.Designer.js

@@ -0,0 +1,205 @@
+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); }
+import { useFieldSchema, useField } from '@formily/react';
+import React from 'react';
+import { ArrayItems } from '@formily/antd';
+import { useListBlockContext } from './List.Decorator';
+import _ from 'lodash';
+import { useTranslation } from 'react-i18next';
+import { useCollection, useCollectionFilterOptions, useSortFields } from '../../../collection-manager';
+import { GeneralSchemaDesigner, SchemaSettings } from '../../../schema-settings';
+import { useSchemaTemplate } from '../../../schema-templates';
+import { useDesignable } from '../../hooks';
+import { removeNullCondition } from '../filter';
+import { FilterDynamicComponent } from '../table-v2/FilterDynamicComponent';
+export var ListDesigner = function ListDesigner() {
+  var _fieldSchema$xDecora, _fieldSchema$xDecora$, _fieldSchema$xDecora2, _fieldSchema$xDecora3, _fieldSchema$xDecora4, _field$decoratorProps, _field$decoratorProps2;
+  var _useCollection = useCollection(),
+    name = _useCollection.name,
+    title = _useCollection.title;
+  var template = useSchemaTemplate();
+  var _useTranslation = useTranslation(),
+    t = _useTranslation.t;
+  var fieldSchema = useFieldSchema();
+  var field = useField();
+  var dataSource = useCollectionFilterOptions(name);
+  var _useListBlockContext = useListBlockContext(),
+    service = _useListBlockContext.service;
+  var _useDesignable = useDesignable(),
+    dn = _useDesignable.dn;
+  var sortFields = useSortFields(name);
+  var defaultFilter = (fieldSchema === null || fieldSchema === void 0 ? void 0 : (_fieldSchema$xDecora = fieldSchema['x-decorator-props']) === null || _fieldSchema$xDecora === void 0 ? void 0 : (_fieldSchema$xDecora$ = _fieldSchema$xDecora.params) === null || _fieldSchema$xDecora$ === void 0 ? void 0 : _fieldSchema$xDecora$.filter) || {};
+  var defaultSort = (fieldSchema === null || fieldSchema === void 0 ? void 0 : (_fieldSchema$xDecora2 = fieldSchema['x-decorator-props']) === null || _fieldSchema$xDecora2 === void 0 ? void 0 : (_fieldSchema$xDecora3 = _fieldSchema$xDecora2.params) === null || _fieldSchema$xDecora3 === void 0 ? void 0 : _fieldSchema$xDecora3.sort) || [];
+  var defaultResource = fieldSchema === null || fieldSchema === void 0 ? void 0 : (_fieldSchema$xDecora4 = fieldSchema['x-decorator-props']) === null || _fieldSchema$xDecora4 === void 0 ? void 0 : _fieldSchema$xDecora4.resource;
+  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, {
+    template: template,
+    title: title || name
+  }, /*#__PURE__*/React.createElement(SchemaSettings.BlockTitleItem, null), /*#__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(_ref) {
+      var _schema;
+      var filter = _ref.filter;
+      filter = removeNullCondition(filter);
+      _.set(fieldSchema, 'x-decorator-props.params.filter', filter);
+      field.decoratorProps.params = _objectSpread(_objectSpread({}, fieldSchema['x-decorator-props'].params), {}, {
+        page: 1
+      });
+      dn.emit('patch', {
+        schema: (_schema = {}, _defineProperty(_schema, 'x-uid', fieldSchema['x-uid']), _defineProperty(_schema, 'x-decorator-props', fieldSchema['x-decorator-props']), _schema)
+      });
+    }
+  }), /*#__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(_ref2) {
+      var _schema2;
+      var sort = _ref2.sort;
+      var sortArr = sort.map(function (item) {
+        return item.direction === 'desc' ? "-".concat(item.field) : item.field;
+      });
+      _.set(fieldSchema, 'x-decorator-props.params.sort', sortArr);
+      field.decoratorProps.params = _objectSpread(_objectSpread({}, fieldSchema['x-decorator-props'].params), {}, {
+        page: 1
+      });
+      dn.emit('patch', {
+        schema: (_schema2 = {}, _defineProperty(_schema2, 'x-uid', fieldSchema['x-uid']), _defineProperty(_schema2, 'x-decorator-props', fieldSchema['x-decorator-props']), _schema2)
+      });
+    }
+  }), /*#__PURE__*/React.createElement(SchemaSettings.SelectItem, {
+    title: t('Records per page'),
+    value: ((_field$decoratorProps = field.decoratorProps) === null || _field$decoratorProps === void 0 ? void 0 : (_field$decoratorProps2 = _field$decoratorProps.params) === null || _field$decoratorProps2 === void 0 ? void 0 : _field$decoratorProps2.pageSize) || 20,
+    options: [{
+      label: '10',
+      value: 10
+    }, {
+      label: '20',
+      value: 20
+    }, {
+      label: '50',
+      value: 50
+    }, {
+      label: '80',
+      value: 80
+    }, {
+      label: '100',
+      value: 100
+    }],
+    onChange: function onChange(pageSize) {
+      var _schema3;
+      _.set(fieldSchema, 'x-decorator-props.params.pageSize', pageSize);
+      field.decoratorProps.params = _objectSpread(_objectSpread({}, fieldSchema['x-decorator-props'].params), {}, {
+        page: 1
+      });
+      dn.emit('patch', {
+        schema: (_schema3 = {}, _defineProperty(_schema3, 'x-uid', fieldSchema['x-uid']), _defineProperty(_schema3, 'x-decorator-props', fieldSchema['x-decorator-props']), _schema3)
+      });
+    }
+  }), /*#__PURE__*/React.createElement(SchemaSettings.Template, {
+    componentName: 'List',
+    collectionName: name,
+    resourceName: defaultResource
+  }), /*#__PURE__*/React.createElement(SchemaSettings.Divider, null), /*#__PURE__*/React.createElement(SchemaSettings.Remove, {
+    removeParentsIfNoChildren: true,
+    breakRemoveOn: {
+      'x-component': 'Grid'
+    }
+  }));
+};

package/es/schema-component/antd/list/List.Item.d.ts

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

package/es/schema-component/antd/list/List.Item.js

@@ -0,0 +1,15 @@
+var _templateObject;
+function _taggedTemplateLiteral(strings, raw) { if (!raw) { raw = strings.slice(0); } return Object.freeze(Object.defineProperties(strings, { raw: { value: Object.freeze(raw) } })); }
+import React from 'react';
+import { css } from '@emotion/css';
+import { useField } from '@formily/react';
+import { RecordSimpleProvider } from '../../../record-provider';
+var itemCss = css(_templateObject || (_templateObject = _taggedTemplateLiteral(["\n  display: flex;\n  width: 100%;\n  flex-direction: column;\n  gap: 8px;\n  padding: 12px 0;\n  border-bottom: 1px solid #f0f0f0;\n"])));
+export var ListItem = function ListItem(props) {
+  var field = useField();
+  return /*#__PURE__*/React.createElement("div", {
+    className: itemCss
+  }, /*#__PURE__*/React.createElement(RecordSimpleProvider, {
+    value: field.value
+  }, props.children));
+};

package/es/schema-component/antd/list/List.d.ts

@@ -0,0 +1,8 @@
+import { ListDesigner } from './List.Designer';
+import { ListBlockProvider } from './List.Decorator';
+import { ListItem } from './List.Item';
+export declare const List: ((props: any) => JSX.Element) & {
+    Item: typeof ListItem;
+    Designer: typeof ListDesigner;
+    Decorator: typeof ListBlockProvider;
+};

package/es/schema-component/antd/list/List.js

@@ -0,0 +1,83 @@
+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); }
+var _templateObject;
+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); }
+function _slicedToArray(arr, i) { return _arrayWithHoles(arr) || _iterableToArrayLimit(arr, i) || _unsupportedIterableToArray(arr, i) || _nonIterableRest(); }
+function _nonIterableRest() { throw new TypeError("Invalid attempt to destructure non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method."); }
+function _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 _iterableToArrayLimit(arr, i) { var _i = null == arr ? null : "undefined" != typeof Symbol && arr[Symbol.iterator] || arr["@@iterator"]; if (null != _i) { var _s, _e, _x, _r, _arr = [], _n = !0, _d = !1; try { if (_x = (_i = _i.call(arr)).next, 0 === i) { if (Object(_i) !== _i) return; _n = !1; } else for (; !(_n = (_s = _x.call(_i)).done) && (_arr.push(_s.value), _arr.length !== i); _n = !0); } catch (err) { _d = !0, _e = err; } finally { try { if (!_n && null != _i.return && (_r = _i.return(), Object(_r) !== _r)) return; } finally { if (_d) throw _e; } } return _arr; } }
+function _arrayWithHoles(arr) { if (Array.isArray(arr)) return arr; }
+function _taggedTemplateLiteral(strings, raw) { if (!raw) { raw = strings.slice(0); } return Object.freeze(Object.defineProperties(strings, { raw: { value: Object.freeze(raw) } })); }
+import { ListDesigner } from './List.Designer';
+import { ListBlockProvider, useListBlockContext, useListItemProps } from './List.Decorator';
+import React, { useCallback, useState } from 'react';
+import { RecursionField, Schema, useField, useFieldSchema } from '@formily/react';
+import { css, cx } from '@emotion/css';
+import { List as AntdList } from 'antd';
+import { useListActionBarProps } from './hooks';
+import { SortableItem } from '../../common';
+import { SchemaComponentOptions } from '../../core';
+import { useDesigner } from '../../hooks';
+import { ListItem } from './List.Item';
+var designerCss = css(_templateObject || (_templateObject = _taggedTemplateLiteral(["\n  width: 100%;\n  margin-bottom: var(--nb-spacing);\n  &:hover {\n    > .general-schema-designer {\n      display: block;\n    }\n  }\n\n  > .general-schema-designer {\n    position: absolute;\n    z-index: 999;\n    top: 0;\n    bottom: 0;\n    left: 0;\n    right: 0;\n    display: none;\n    background: rgba(241, 139, 98, 0.06);\n    border: 0;\n    pointer-events: none;\n    > .general-schema-designer-icons {\n      position: absolute;\n      right: 2px;\n      top: 2px;\n      line-height: 16px;\n      pointer-events: all;\n      .ant-space-item {\n        background-color: #f18b62;\n        color: #fff;\n        line-height: 16px;\n        width: 16px;\n        padding-left: 1px;\n      }\n    }\n  }\n"])));
+var InternalList = function InternalList(props) {
+  var _service$data, _field$value;
+  var _useListBlockContext = useListBlockContext(),
+    service = _useListBlockContext.service;
+  var run = service.run,
+    params = service.params;
+  var fieldSchema = useFieldSchema();
+  var Designer = useDesigner();
+  var meta = service === null || service === void 0 ? void 0 : (_service$data = service.data) === null || _service$data === void 0 ? void 0 : _service$data.meta;
+  var field = useField();
+  var _useState = useState(new Map()),
+    _useState2 = _slicedToArray(_useState, 1),
+    schemaMap = _useState2[0];
+  var getSchema = useCallback(function (key) {
+    if (!schemaMap.has(key)) {
+      schemaMap.set(key, new Schema({
+        type: 'object',
+        properties: _defineProperty({}, key, fieldSchema.properties['item'])
+      }));
+    }
+    return schemaMap.get(key);
+  }, [fieldSchema.properties, schemaMap]);
+  var onPaginationChange = useCallback(function (page, pageSize) {
+    run(_objectSpread(_objectSpread({}, params === null || params === void 0 ? void 0 : params[0]), {}, {
+      page: page,
+      pageSize: pageSize
+    }));
+  }, [run, params]);
+  return /*#__PURE__*/React.createElement(SchemaComponentOptions, {
+    scope: {
+      useListItemProps: useListItemProps,
+      useListActionBarProps: useListActionBarProps
+    }
+  }, /*#__PURE__*/React.createElement(SortableItem, {
+    className: cx('nb-list', designerCss)
+  }, /*#__PURE__*/React.createElement(AntdList, {
+    pagination: !meta || meta.count <= meta.pageSize ? false : {
+      onChange: onPaginationChange,
+      total: (meta === null || meta === void 0 ? void 0 : meta.count) || 0,
+      pageSize: (meta === null || meta === void 0 ? void 0 : meta.pageSize) || 10,
+      current: (meta === null || meta === void 0 ? void 0 : meta.page) || 1
+    },
+    loading: service === null || service === void 0 ? void 0 : service.loading
+  }, (_field$value = field.value) === null || _field$value === void 0 ? void 0 : _field$value.map(function (item, index) {
+    return /*#__PURE__*/React.createElement(RecursionField, {
+      basePath: field.address,
+      key: index,
+      name: index,
+      onlyRenderProperties: true,
+      schema: getSchema(index)
+    });
+  })), /*#__PURE__*/React.createElement(Designer, null)));
+};
+export var List = InternalList;
+List.Item = ListItem;
+List.Designer = ListDesigner;
+List.Decorator = ListBlockProvider;

package/es/schema-component/antd/list/hooks.d.ts

@@ -0,0 +1,4 @@
+import { SpaceProps } from 'antd';
+export declare const useListActionBarProps: () => {
+    spaceProps: SpaceProps;
+};

package/es/schema-component/antd/list/hooks.js

@@ -0,0 +1,9 @@
+var spaceProps = {
+  size: ['large', 'small'],
+  wrap: true
+};
+export var useListActionBarProps = function useListActionBarProps() {
+  return {
+    spaceProps: spaceProps
+  };
+};

package/es/schema-component/antd/list/index.d.ts

@@ -0,0 +1 @@
+export * from './List';

package/es/schema-component/antd/list/index.js

@@ -0,0 +1 @@
+export * from './List';

package/es/schema-component/antd/menu/Menu.js

@@ -232,7 +232,8 @@ Menu.Item = observer(function (props) {
     eventKey: schema.name,
     schema: schema
   }), /*#__PURE__*/React.createElement(SortableItem, {
-    className: designerCss
+    className: designerCss,
+    removeParentsIfNoChildren: false
   }, /*#__PURE__*/React.createElement(Icon, {
     type: icon
   }), /*#__PURE__*/React.createElement("span", {
@@ -254,7 +255,8 @@ Menu.URL = observer(function (props) {
       window.open(props.href, '_blank');
     }
   }), /*#__PURE__*/React.createElement(SortableItem, {
-    className: designerCss
+    className: designerCss,
+    removeParentsIfNoChildren: false
   }, /*#__PURE__*/React.createElement(Icon, {
     type: icon
   }), /*#__PURE__*/React.createElement("span", {
@@ -276,7 +278,8 @@ Menu.SubMenu = observer(function (props) {
     key: schema.name,
     eventKey: schema.name,
     title: /*#__PURE__*/React.createElement(SortableItem, {
-      className: subMenuDesignerCss
+      className: subMenuDesignerCss,
+      removeParentsIfNoChildren: false
     }, /*#__PURE__*/React.createElement(Icon, {
       type: icon
     }), field.title, /*#__PURE__*/React.createElement(Designer, null))

package/es/schema-component/antd/record-picker/InputRecordPicker.d.ts

@@ -1,4 +1,5 @@
 import React from 'react';
 export declare const RecordPickerContext: React.Context<any>;
 export declare const InputRecordPicker: React.FC<any>;
+export declare const RecordPickerProvider: (props: any) => JSX.Element;
 export declare function isShowFilePicker(labelUiSchema: any): boolean;

package/es/schema-component/antd/record-picker/InputRecordPicker.js

@@ -1,6 +1,7 @@
 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); }
 var _excluded = ["onRowSelectionChange", "rowKey"],
-  _excluded2 = ["value", "multiple", "onChange", "quickUpload", "selectFile"];
+  _excluded2 = ["value", "multiple", "onChange", "quickUpload", "selectFile"],
+  _excluded3 = ["multiple", "onChange", "selectedRows", "setSelectedRows", "options", "collectionField"];
 function _slicedToArray(arr, i) { return _arrayWithHoles(arr) || _iterableToArrayLimit(arr, i) || _unsupportedIterableToArray(arr, i) || _nonIterableRest(); }
 function _nonIterableRest() { throw new TypeError("Invalid attempt to destructure non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method."); }
 function _iterableToArrayLimit(arr, i) { var _i = null == arr ? null : "undefined" != typeof Symbol && arr[Symbol.iterator] || arr["@@iterator"]; if (null != _i) { var _s, _e, _x, _r, _arr = [], _n = !0, _d = !1; try { if (_x = (_i = _i.call(arr)).next, 0 === i) { if (Object(_i) !== _i) return; _n = !1; } else for (; !(_n = (_s = _x.call(_i)).done) && (_arr.push(_s.value), _arr.length !== i); _n = !0); } catch (err) { _d = !0, _e = err; } finally { try { if (!_n && null != _i.return && (_r = _i.return(), Object(_r) !== _r)) return; } finally { if (_d) throw _e; } } return _arr; } }
@@ -63,7 +64,7 @@ var useTableSelectorProps = function useTableSelectorProps() {
     rowKey: rowKey,
     rowSelection: {
       type: multiple ? 'checkbox' : 'radio',
-      selectedRowKeys: rcSelectRows.filter(function (item) {
+      selectedRowKeys: rcSelectRows === null || rcSelectRows === void 0 ? void 0 : rcSelectRows.filter(function (item) {
         return options.every(function (row) {
           return row[rowKey] !== item[rowKey];
         });
@@ -211,6 +212,7 @@ export var InputRecordPicker = function InputRecordPicker(props) {
         var _value = multiple ? [] : null;
         _onChange(_value);
         setSelectedRows(_value);
+        setOptions([]);
       } else if (Array.isArray(changed)) {
         if (!changed.length) {
           _onChange([]);
@@ -239,6 +241,25 @@ export var InputRecordPicker = function InputRecordPicker(props) {
     options: options
   }));
 };
+export var RecordPickerProvider = function RecordPickerProvider(props) {
+  var multiple = props.multiple,
+    onChange = props.onChange,
+    selectedRows = props.selectedRows,
+    setSelectedRows = props.setSelectedRows,
+    options = props.options,
+    collectionField = props.collectionField,
+    other = _objectWithoutProperties(props, _excluded3);
+  return /*#__PURE__*/React.createElement(RecordPickerContext.Provider, {
+    value: _objectSpread({
+      multiple: multiple,
+      onChange: onChange,
+      selectedRows: selectedRows,
+      setSelectedRows: setSelectedRows,
+      options: options,
+      collectionField: collectionField
+    }, other)
+  }, props.children);
+};
 var Drawer = function Drawer(_ref) {
   var multiple = _ref.multiple,
     onChange = _ref.onChange,
@@ -259,16 +280,15 @@ var Drawer = function Drawer(_ref) {
     } : {};
     return filter;
   };
-  return /*#__PURE__*/React.createElement(RecordPickerContext.Provider, {
-    value: {
-      multiple: multiple,
-      onChange: onChange,
-      selectedRows: selectedRows,
-      setSelectedRows: setSelectedRows,
-      options: options,
-      collectionField: collectionField
-    }
-  }, /*#__PURE__*/React.createElement(CollectionProvider, {
+  var recordPickerProps = {
+    multiple: multiple,
+    onChange: onChange,
+    selectedRows: selectedRows,
+    setSelectedRows: setSelectedRows,
+    options: options,
+    collectionField: collectionField
+  };
+  return /*#__PURE__*/React.createElement(RecordPickerProvider, _objectSpread({}, recordPickerProps), /*#__PURE__*/React.createElement(CollectionProvider, {
     allowNull: true,
     name: collectionField === null || collectionField === void 0 ? void 0 : collectionField.target
   }, /*#__PURE__*/React.createElement(ActionContext.Provider, {

package/es/schema-component/antd/remote-select/RemoteSelect.js

@@ -11,18 +11,19 @@ function _toPrimitive(input, hint) { if (_typeof(input) !== "object" || input ==
 function _objectWithoutProperties(source, excluded) { if (source == null) return {}; var target = _objectWithoutPropertiesLoose(source, excluded); var key, i; if (Object.getOwnPropertySymbols) { var sourceSymbolKeys = Object.getOwnPropertySymbols(source); for (i = 0; i < sourceSymbolKeys.length; i++) { key = sourceSymbolKeys[i]; if (excluded.indexOf(key) >= 0) continue; if (!Object.prototype.propertyIsEnumerable.call(source, key)) continue; target[key] = source[key]; } } return target; }
 function _objectWithoutPropertiesLoose(source, excluded) { if (source == null) return {}; var target = {}; var sourceKeys = Object.keys(source); var key, i; for (i = 0; i < sourceKeys.length; i++) { key = sourceKeys[i]; if (excluded.indexOf(key) >= 0) continue; target[key] = source[key]; } return target; }
 import { LoadingOutlined } from '@ant-design/icons';
-import { connect, mapProps, mapReadPretty, useFieldSchema } from '@formily/react';
+import { connect, mapProps, mapReadPretty, useField, useFieldSchema } from '@formily/react';
 import { Tag } from 'antd';
+import { uniqBy } from 'lodash';
 import moment from 'moment';
 import React, { useCallback, useEffect, useMemo, useRef } from 'react';
 import { useRequest } from '../../../api-client';
 import { mergeFilter } from '../../../block-provider/SharedFilterProvider';
 import { useCollection, useCollectionManager } from '../../../collection-manager';
-import { useCompile } from '../../hooks';
 import { Select, defaultFieldNames } from '../select';
 import { ReadPretty } from './ReadPretty';
+var EMPTY = 'N/A';
 var InternalRemoteSelect = connect(function (props) {
-  var _service$params;
+  var _field$componentProps, _field$componentProps2, _field$componentProps3, _service$params;
   var _props$fieldNames = props.fieldNames,
     fieldNames = _props$fieldNames === void 0 ? {} : _props$fieldNames,
     _props$service = props.service,
@@ -36,9 +37,9 @@ var InternalRemoteSelect = connect(function (props) {
     mapOptions = props.mapOptions,
     _targetField = props.targetField,
     others = _objectWithoutProperties(props, _excluded);
-  var compile = useCompile();
   var firstRun = useRef(false);
   var fieldSchema = useFieldSchema();
+  var field = useField();
   var _useCollection = useCollection(),
     getField = _useCollection.getField;
   var _useCollectionManager = useCollectionManager(),
@@ -56,7 +57,7 @@ var InternalRemoteSelect = connect(function (props) {
   var mapOptionsToTags = useCallback(function (options) {
     try {
       return options.map(function (option) {
-        var _targetField$uiSchema, _ref;
+        var _targetField$uiSchema, _objectSpread2;
         var label = option[fieldNames.label];
         if (targetField === null || targetField === void 0 ? void 0 : (_targetField$uiSchema = targetField.uiSchema) === null || _targetField$uiSchema === void 0 ? void 0 : _targetField$uiSchema.enum) {
           if (Array.isArray(label)) {
@@ -73,7 +74,9 @@ var InternalRemoteSelect = connect(function (props) {
                   }
                 }, (option === null || option === void 0 ? void 0 : option.label) || item);
               } else {
-                return /*#__PURE__*/React.createElement(Tag, null, item);
+                return /*#__PURE__*/React.createElement(Tag, {
+                  key: item
+                }, item);
               }
             }).reverse();
           } else {
@@ -92,10 +95,10 @@ var InternalRemoteSelect = connect(function (props) {
         }
         if (mapOptions) {
           var _mapOptions;
-          return mapOptions((_mapOptions = {}, _defineProperty(_mapOptions, fieldNames.label, label), _defineProperty(_mapOptions, fieldNames.value, option[fieldNames.value]), _mapOptions));
+          return mapOptions((_mapOptions = {}, _defineProperty(_mapOptions, fieldNames.label, label || EMPTY), _defineProperty(_mapOptions, fieldNames.value, option[fieldNames.value]), _mapOptions));
         }
-        return _ref = {}, _defineProperty(_ref, fieldNames.label, label || option[fieldNames.value]), _defineProperty(_ref, fieldNames.value, option[fieldNames.value]), _ref;
-      });
+        return _objectSpread(_objectSpread({}, option), {}, (_objectSpread2 = {}, _defineProperty(_objectSpread2, fieldNames.label, label || EMPTY), _defineProperty(_objectSpread2, fieldNames.value, option[fieldNames.value]), _objectSpread2));
+      }).filter(Boolean);
     } catch (err) {
       console.error(err);
       return options;
@@ -109,7 +112,7 @@ var InternalRemoteSelect = connect(function (props) {
       }, service === null || service === void 0 ? void 0 : service.params), {}, {
         // fields: [fieldNames.label, fieldNames.value, ...(service?.params?.fields || [])],
         // search needs
-        filter: mergeFilter([service === null || service === void 0 ? void 0 : (_service$params = service.params) === null || _service$params === void 0 ? void 0 : _service$params.filter])
+        filter: mergeFilter([((_field$componentProps = field.componentProps) === null || _field$componentProps === void 0 ? void 0 : (_field$componentProps2 = _field$componentProps.service) === null || _field$componentProps2 === void 0 ? void 0 : (_field$componentProps3 = _field$componentProps2.params) === null || _field$componentProps3 === void 0 ? void 0 : _field$componentProps3.filter) || (service === null || service === void 0 ? void 0 : (_service$params = service.params) === null || _service$params === void 0 ? void 0 : _service$params.filter)])
       })
     }), {
       manual: manual,
@@ -131,13 +134,13 @@ var InternalRemoteSelect = connect(function (props) {
     }
   }, [runDep]);
   var onSearch = /*#__PURE__*/function () {
-    var _ref2 = _asyncToGenerator( /*#__PURE__*/_regeneratorRuntime().mark(function _callee(search) {
-      var _service$params2;
+    var _ref = _asyncToGenerator( /*#__PURE__*/_regeneratorRuntime().mark(function _callee(search) {
+      var _field$componentProps4, _field$componentProps5, _field$componentProps6, _service$params2;
       return _regeneratorRuntime().wrap(function _callee$(_context) {
         while (1) switch (_context.prev = _context.next) {
           case 0:
             run({
-              filter: mergeFilter([_defineProperty({}, fieldNames.label, _defineProperty({}, operator, search)), service === null || service === void 0 ? void 0 : (_service$params2 = service.params) === null || _service$params2 === void 0 ? void 0 : _service$params2.filter])
+              filter: mergeFilter([search ? _defineProperty({}, fieldNames.label, _defineProperty({}, operator, search)) : {}, ((_field$componentProps4 = field.componentProps) === null || _field$componentProps4 === void 0 ? void 0 : (_field$componentProps5 = _field$componentProps4.service) === null || _field$componentProps5 === void 0 ? void 0 : (_field$componentProps6 = _field$componentProps5.params) === null || _field$componentProps6 === void 0 ? void 0 : _field$componentProps6.filter) || (service === null || service === void 0 ? void 0 : (_service$params2 = service.params) === null || _service$params2 === void 0 ? void 0 : _service$params2.filter)])
             });
           case 1:
           case "end":
@@ -146,32 +149,28 @@ var InternalRemoteSelect = connect(function (props) {
       }, _callee);
     }));
     return function onSearch(_x) {
-      return _ref2.apply(this, arguments);
+      return _ref.apply(this, arguments);
     };
   }();
   var getOptionsByFieldNames = useCallback(function (item) {
     return Object.keys(fieldNames).reduce(function (obj, key) {
-      var value = item[fieldNames[key]];
-      if (value) {
-        // support hidden, disabled, etc.
-        obj[['label', 'value', 'options'].includes(key) ? fieldNames[key] : key] = key === 'label' ? compile(value) : value;
-      }
       return obj;
     }, {});
   }, [fieldNames]);
   var normalizeOptions = useCallback(function (obj) {
-    var _ref4;
+    var _ref3;
     if (objectValue || _typeof(obj) === 'object') {
       return getOptionsByFieldNames(obj);
     }
-    return _ref4 = {}, _defineProperty(_ref4, fieldNames.value, obj), _defineProperty(_ref4, fieldNames.label, obj), _ref4;
+    return _ref3 = {}, _defineProperty(_ref3, fieldNames.value, obj), _defineProperty(_ref3, fieldNames.label, obj), _ref3;
   }, [objectValue, getOptionsByFieldNames]);
   var options = useMemo(function () {
     var _data$data, _data$data2;
     if (!(data === null || data === void 0 ? void 0 : (_data$data = data.data) === null || _data$data === void 0 ? void 0 : _data$data.length)) {
-      return value !== undefined && value !== null ? Array.isArray(value) ? value.map(normalizeOptions) : [normalizeOptions(value)] : [];
+      return value !== undefined && value !== null ? Array.isArray(value) ? value : [value] : [];
     }
-    return (data === null || data === void 0 ? void 0 : (_data$data2 = data.data) === null || _data$data2 === void 0 ? void 0 : _data$data2.map(getOptionsByFieldNames)) || [];
+    var valueOptions = value !== undefined && value !== null && (Array.isArray(value) ? value : [value]) || [];
+    return uniqBy((data === null || data === void 0 ? void 0 : (_data$data2 = data.data) === null || _data$data2 === void 0 ? void 0 : _data$data2.concat(valueOptions)) || [], fieldNames.value);
   }, [data === null || data === void 0 ? void 0 : data.data, getOptionsByFieldNames, normalizeOptions, value]);
   var onDropdownVisibleChange = function onDropdownVisibleChange() {
     if (firstRun.current) {
@@ -181,6 +180,7 @@ var InternalRemoteSelect = connect(function (props) {
     firstRun.current = true;
   };
   return /*#__PURE__*/React.createElement(Select, _objectSpread(_objectSpread({
+    dropdownMatchSelectWidth: false,
     autoClearSearchValue: true,
     filterOption: false,
     filterSort: null,

package/es/schema-component/antd/select/Select.js

@@ -53,6 +53,7 @@ var ObjectSelect = function ObjectSelect(props) {
     options: options,
     fieldNames: fieldNames,
     showSearch: true,
+    dropdownMatchSelectWidth: false,
     filterOption: function filterOption(input, option) {
       var _option;
       return ((_option = option === null || option === void 0 ? void 0 : option[fieldNames.label || 'label']) !== null && _option !== void 0 ? _option : '').includes(input);
@@ -96,6 +97,7 @@ var InternalSelect = connect(function (props) {
     showSearch: true,
     filterOption: filterOption,
     allowClear: true,
+    dropdownMatchSelectWidth: false,
     value: value
   }, others), {}, {
     onChange: function onChange(changed) {

package/es/schema-component/antd/table/Table.Void.Designer.js

@@ -114,6 +114,7 @@ export var TableVoidDesigner = function TableVoidDesigner() {
                   field: {
                     type: 'string',
                     enum: sortFields,
+                    required: true,
                     'x-decorator': 'FormItem',
                     'x-component': 'Select',
                     'x-component-props': {