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

package/lib/locale/ja_JP.d.ts

@@ -421,7 +421,7 @@ declare const _default: {
     "Skip required validation": string;
     "Form values": string;
     "Fields values": string;
-    'The field has bee deleted': string;
+    'The field has been deleted': string;
     "When submitting the following fields, the saved values are": string;
     "After successful submission": string;
     Then: string;
@@ -554,8 +554,14 @@ declare const _default: {
     "Edit block title": string;
     "Province/city/area name": string;
     "Field component": string;
+    "Allow multiple": string;
+    "Quick upload": string;
+    "Select file": string;
     Subtable: string;
     Subform: string;
+    "Sub-details": string;
+    "Field mode": string;
+    "Allow add new data": string;
     "Regular expression": string;
     "Enabled languages": string;
     "View all plugins": string;
@@ -608,5 +614,6 @@ declare const _default: {
     'Add template': string;
     'Display data template selector': string;
     'Form data templates': string;
+    "Data template": string;
 };
 export default _default;

package/lib/locale/ja_JP.js

@@ -427,7 +427,7 @@ var _default = {
   "Skip required validation": "必須のバリデーションをスキップ",
   "Form values": "フォームの値",
   "Fields values": "フィールドの値",
-  'The field has bee deleted': 'フィールドが削除されました',
+  'The field has been deleted': 'フィールドが削除されました',
   "When submitting the following fields, the saved values are": "次のフィールドを送信すると、保存された値は",
   "After successful submission": "送信が成功した後",
   "Then": "その後",
@@ -560,8 +560,14 @@ var _default = {
   "Edit block title": "ブロックタイトルを編集",
   "Province/city/area name": "Province/city/area name",
   "Field component": "フィールドコンポーネント",
+  "Allow multiple": "複数選択を許可する",
+  "Quick upload": "クイックアップロード",
+  "Select file": "ファイルを選択",
   "Subtable": "サブテーブル",
   "Subform": "サブフォーム",
+  "Sub-details": "サブリスト",
+  "Field mode": "フィールドコンポーネント",
+  "Allow add new data": "データの追加を許可",
   "Regular expression": "正規表現",
   "Enabled languages": "利用可能な言語",
   "View all plugins": "すべてのプラグラインを見る",
@@ -614,6 +620,7 @@ var _default = {
   'Data fields': 'データフィールド',
   'Add template': 'テンプレートを追加',
   'Display data template selector': 'データテンプレートセレクターを表示',
-  'Form data templates': 'フォームデータテンプレート'
+  'Form data templates': 'フォームデータテンプレート',
+  "Data template": "データテンプレート"
 };
 exports.default = _default;

package/lib/locale/pt_BR.d.ts

@@ -240,6 +240,9 @@ declare const _default: {
     "Display association fields": string;
     "Display field title": string;
     "Field component": string;
+    "Quick upload": string;
+    "Select file": string;
+    "Allow multiple": string;
     Subtable: string;
     Subform: string;
     "Record picker": string;
@@ -458,7 +461,7 @@ declare const _default: {
     "Skip required validation": string;
     "Form values": string;
     "Fields values": string;
-    'The field has bee deleted': string;
+    'The field has been deleted': string;
     "When submitting the following fields, the saved values are": string;
     "After successful submission": string;
     Then: string;
@@ -662,5 +665,6 @@ declare const _default: {
     'Add template': string;
     'Display data template selector': string;
     'Form data templates': string;
+    "Data template": string;
 };
 export default _default;

package/lib/locale/pt_BR.js

@@ -246,6 +246,9 @@ var _default = {
   "Display association fields": "Exibir campos de associação",
   "Display field title": "Exibir título do campo",
   "Field component": "Componente de campo",
+  "Quick upload": "Upload rápido",
+  "Select file": "Selecionar arquivo",
+  "Allow multiple": "Permitir múltiplos",
   "Subtable": "Subtabela",
   "Subform": "Subformulário",
   "Record picker": "Selecionador de registros",
@@ -464,7 +467,7 @@ var _default = {
   "Skip required validation": "Ignorar validação obrigatória",
   "Form values": "Valores do formulário",
   "Fields values": "campo removido",
-  'The field has bee deleted': 'O campo foi excluído',
+  'The field has been deleted': 'O campo foi excluído',
   "When submitting the following fields, the saved values are": "Ao enviar os seguintes campos, os valores salvos são",
   "After successful submission": "Depois do envio bem-sucedido",
   "Then": "Então",
@@ -667,6 +670,7 @@ var _default = {
   'Data fields': 'Campos de dados',
   'Add template': 'Adicionar modelo',
   'Display data template selector': 'Exibir seletor de modelo de dados',
-  'Form data templates': 'Modelos de dados do formulário'
+  'Form data templates': 'Modelos de dados do formulário',
+  "Data template": "Modelo de dados"
 };
 exports.default = _default;

package/lib/locale/ru_RU.d.ts

@@ -363,7 +363,7 @@ declare const _default: {
     "Skip required validation": string;
     "Form values": string;
     "Fields values": string;
-    'The field has bee deleted': string;
+    'The field has been deleted': string;
     "When submitting the following fields, the saved values are": string;
     "After successful submission": string;
     Then: string;
@@ -492,6 +492,9 @@ declare const _default: {
     "Edit block title": string;
     "Province/city/area name": string;
     "Field component": string;
+    "Allow multiple": string;
+    "Quick upload": string;
+    "Select file": string;
     Subtable: string;
     Subform: string;
     "Regular expression": string;
@@ -516,5 +519,6 @@ declare const _default: {
     'Add template': string;
     'Display data template selector': string;
     'Form data templates': string;
+    "Data template": string;
 };
 export default _default;

package/lib/locale/ru_RU.js

@@ -369,7 +369,7 @@ var _default = {
   "Skip required validation": "Пропустить обязатеьную проверку",
   "Form values": "Значения формы",
   "Fields values": "Значения полей",
-  'The field has bee deleted': 'Поле было удалено',
+  'The field has been deleted': 'Поле было удалено',
   "When submitting the following fields, the saved values are": "При отправке следующих полей, сохраненные значения такие",
   "After successful submission": "После удачной отправки",
   "Then": "Затем",
@@ -498,6 +498,9 @@ var _default = {
   "Edit block title": "Изменить заголовок блока",
   "Province/city/area name": "Имя области/города/района",
   "Field component": "Компонент поля",
+  "Allow multiple": "Разрешить множественный выбор",
+  "Quick upload": "Быстрая загрузка",
+  "Select file": "Выбрать файл",
   "Subtable": "Подтаблица",
   "Subform": "Подформа",
   "Regular expression": "Образец",
@@ -521,6 +524,7 @@ var _default = {
   'Data fields': "Поля данных",
   'Add template': "Добавить шаблон",
   'Display data template selector': "Отображать селектор шаблона данных",
-  'Form data templates': "Шаблоны данных формы"
+  'Form data templates': "Шаблоны данных формы",
+  "Data template": "Шаблон данных"
 };
 exports.default = _default;

package/lib/locale/tr_TR.d.ts

@@ -362,7 +362,7 @@ declare const _default: {
     "Skip required validation": string;
     "Form values": string;
     "Fields values": string;
-    'The field has bee deleted': string;
+    'The field has been deleted': string;
     "When submitting the following fields, the saved values are": string;
     "After successful submission": string;
     Then: string;
@@ -491,6 +491,9 @@ declare const _default: {
     operater: string;
     "Province/city/area name": string;
     "Field component": string;
+    "Allow multiple": string;
+    "Quick upload": string;
+    "Select file": string;
     Subtable: string;
     Subform: string;
     "Regular expression": string;
@@ -515,5 +518,6 @@ declare const _default: {
     'Add template': string;
     'Display data template selector': string;
     'Form data templates': string;
+    "Data template": string;
 };
 export default _default;

package/lib/locale/tr_TR.js

@@ -368,7 +368,7 @@ var _default = {
   "Skip required validation": "Zorunlu alan kontrollerini atla",
   "Form values": "Form değerleri",
   "Fields values": "Alanların değerleri",
-  'The field has bee deleted': 'Alan silindi',
+  'The field has been deleted': 'Alan silindi',
   "When submitting the following fields, the saved values are": "Aşağıdaki alanlar gönderilirken kaydedilen değerler",
   "After successful submission": "Başarılı gönderimden sonra",
   "Then": "Then",
@@ -497,6 +497,9 @@ var _default = {
   "operater": "operatör",
   "Province/city/area name": "Semt/şehir/bölge adı",
   "Field component": "Alan bileşeni",
+  "Allow multiple": "Birden çok izin ver",
+  "Quick upload": "Hızlı yükleme",
+  "Select file": "Dosya seç",
   "Subtable": "Alttablo",
   "Subform": "Altform",
   "Regular expression": "Model(Pattern)",
@@ -520,6 +523,7 @@ var _default = {
   'Data fields': 'Veri alanları',
   'Add template': 'Şablon ekle',
   'Display data template selector': 'Veri şablonu seçicisini görüntüle',
-  'Form data templates': 'Form veri şablonları'
+  'Form data templates': 'Form veri şablonları',
+  "Data template": "Veri şablonu"
 };
 exports.default = _default;

package/lib/locale/zh_CN.d.ts

@@ -120,6 +120,17 @@ declare const _default: {
     "Filter blocks": string;
     Table: string;
     Form: string;
+    List: string;
+    "Grid Card": string;
+    "Screen size": string;
+    pixels: string;
+    "Display title": string;
+    'Set the count of columns displayed in a row': string;
+    Column: string;
+    'Phone device': string;
+    'Tablet device': string;
+    'Desktop device': string;
+    'Large screen device': string;
     "Table OID(Inheritance)": string;
     Collapse: string;
     "Select data source": string;
@@ -298,13 +309,19 @@ declare const _default: {
     "Display association fields": string;
     "Display field title": string;
     "Field component": string;
+    "Allow multiple": string;
+    "Quick upload": string;
+    "Select file": string;
     Subtable: string;
     Subform: string;
+    "Sub-details": string;
     "Record picker": string;
     "Toggles the subfield mode": string;
     "Selector mode": string;
     "Subtable mode": string;
     "Subform mode": string;
+    "Field mode": string;
+    "Allow add new data": string;
     "Edit block title": string;
     "Block title": string;
     Pattern: string;
@@ -516,7 +533,7 @@ declare const _default: {
     'Skip required validation': string;
     'Form values': string;
     'Fields values': string;
-    'The field has bee deleted': string;
+    'The field has been deleted': string;
     'When submitting the following fields, the saved values are': string;
     'After successful submission': string;
     Then: string;
@@ -726,5 +743,14 @@ declare const _default: {
     'Add template': string;
     'Display data template selector': string;
     'Form data templates': string;
+    'Data template': string;
+    'Reload application': string;
+    'The application is reloading, please do not close the page.': string;
+    'Application reloading': string;
+    'Reboot application': string;
+    "Allows to clear cache, reboot application": string;
+    'The will interrupt service, it may take a few seconds to restart. Are you sure to continue?': string;
+    Reboot: string;
+    'Clear cache': string;
 };
 export default _default;

package/lib/locale/zh_CN.js

@@ -126,6 +126,17 @@ var _default = {
   "Filter blocks": "筛选区块",
   "Table": "表格",
   "Form": "表单",
+  "List": "列表",
+  "Grid Card": "网格卡片",
+  "Screen size": "屏幕尺寸",
+  "pixels": "像素",
+  "Display title": "显示标题",
+  'Set the count of columns displayed in a row': "设置一行展示的列数",
+  'Column': '列',
+  'Phone device': '手机设备',
+  'Tablet device': '平板设备',
+  'Desktop device': '电脑设备',
+  'Large screen device': '大屏幕设备',
   "Table OID(Inheritance)": "数据表 OID(继承)",
   "Collapse": "折叠面板",
   "Select data source": "选择数据源",
@@ -304,13 +315,19 @@ var _default = {
   "Display association fields": "显示关联表的字段",
   "Display field title": "显示字段标题",
   "Field component": "字段组件",
+  "Allow multiple": "允许多选",
+  "Quick upload": "快速上传",
+  "Select file": "选择文件",
   "Subtable": "子表格",
   "Subform": "子表单",
+  "Sub-details": "子详情",
   "Record picker": "数据选择器",
   "Toggles the subfield mode": "切换子字段模式",
   "Selector mode": "选择器模式",
   "Subtable mode": "子表格模式",
   "Subform mode": "子表单模式",
+  "Field mode": "字段组件",
+  "Allow add new data": "允许添加数据",
   "Edit block title": "编辑区块标题",
   "Block title": "区块标题",
   "Pattern": "模式",
@@ -522,7 +539,7 @@ var _default = {
   'Skip required validation': '跳过必填校验',
   'Form values': '表单值',
   'Fields values': '字段值',
-  'The field has bee deleted': '字段已删除',
+  'The field has been deleted': '字段已删除',
   'When submitting the following fields, the saved values are': '提交以下字段时，保存的值为',
   'After successful submission': '提交成功后',
   'Then': '然后',
@@ -732,6 +749,15 @@ var _default = {
   'Data fields': '数据字段',
   'Add template': '添加模板',
   'Display data template selector': '显示数据模板选择框',
-  'Form data templates': '表单数据模板'
+  'Form data templates': '表单数据模板',
+  'Data template': '数据模板',
+  'Reload application': '重载应用',
+  'The application is reloading, please do not close the page.': '应用正在重新加载，请勿关闭页面。',
+  'Application reloading': '应用重新加载中',
+  'Reboot application': '重启应用',
+  "Allows to clear cache, reboot application": "允许清除缓存，重启应用",
+  'The will interrupt service, it may take a few seconds to restart. Are you sure to continue?': '重启将会中断当前服务，这个过程可能需要一点时间，确定要继续吗？',
+  'Reboot': '重启',
+  'Clear cache': '清除缓存'
 };
 exports.default = _default;

package/lib/record-provider/index.d.ts

@@ -5,6 +5,10 @@ export declare const RecordProvider: React.FC<{
     record: any;
     parent?: any;
 }>;
+export declare const RecordSimpleProvider: React.FC<{
+    value: Record<string, any>;
+    children: React.ReactNode;
+}>;
 export declare const RecordIndexProvider: React.FC<{
     index: any;
 }>;

package/lib/record-provider/index.js

@@ -3,7 +3,7 @@
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
-exports.RecordProvider = exports.RecordIndexProvider = exports.RecordIndexContext = exports.RecordContext = void 0;
+exports.RecordSimpleProvider = exports.RecordProvider = exports.RecordIndexProvider = exports.RecordIndexContext = exports.RecordContext = void 0;
 exports.useRecord = useRecord;
 exports.useRecordIndex = useRecordIndex;
 exports.useRecordIsOwn = void 0;
@@ -34,6 +34,10 @@ var RecordProvider = function RecordProvider(props) {
   }, children);
 };
 exports.RecordProvider = RecordProvider;
+var RecordSimpleProvider = function RecordSimpleProvider(props) {
+  return /*#__PURE__*/_react.default.createElement(RecordContext.Provider, _objectSpread({}, props));
+};
+exports.RecordSimpleProvider = RecordSimpleProvider;
 var RecordIndexProvider = function RecordIndexProvider(props) {
   var index = props.index,
     children = props.children;

package/lib/schema-component/antd/action/Action.Designer.js

@@ -66,6 +66,7 @@ var ActionDesigner = function ActionDesigner(props) {
     dn = _useDesignable.dn;
   var _useTranslation2 = (0, _reactI18next.useTranslation)(),
     t = _useTranslation2.t;
+  var isAction = (0, _hooks.useLinkageAction)();
   var isPopupAction = ['create', 'update', 'view', 'customize:popup'].includes(fieldSchema['x-action'] || '');
   var isUpdateModePopupAction = ['customize:bulkUpdate', 'customize:bulkEdit'].includes(fieldSchema['x-action']);
   var _useState = (0, _react2.useState)(),
@@ -73,10 +74,11 @@ var ActionDesigner = function ActionDesigner(props) {
     initialSchema = _useState2[0],
     setInitialSchema = _useState2[1];
   var actionType = (_fieldSchema$xAction = fieldSchema['x-action']) !== null && _fieldSchema$xAction !== void 0 ? _fieldSchema$xAction : '';
-  var isLinkageAction = linkageAction || (0, _hooks.useLinkageAction)();
+  var isLinkageAction = linkageAction || isAction;
   var isChildCollectionAction = getChildrenCollections(name).length > 0 && fieldSchema['x-action'] === 'create';
-  var isSupportEditButton = fieldSchema['x-action'] !== 'expandAll';
   var isLink = fieldSchema['x-component'] === 'Action.Link';
+  var isDelete = (fieldSchema === null || fieldSchema === void 0 ? void 0 : fieldSchema.parent['x-component']) === 'CollectionField';
+  var isDraggable = (fieldSchema === null || fieldSchema === void 0 ? void 0 : fieldSchema.parent['x-component']) !== 'CollectionField';
   (0, _react2.useEffect)(function () {
     var schemaUid = (0, _shared.uid)();
     var schema = {
@@ -92,7 +94,8 @@ var ActionDesigner = function ActionDesigner(props) {
     'customize:save': t('After clicking the custom button, the following fields of the current record will be saved according to the following form.')
   };
   return /*#__PURE__*/_react2.default.createElement(_schemaSettings.GeneralSchemaDesigner, _objectSpread(_objectSpread({}, restProps), {}, {
-    disableInitializer: true
+    disableInitializer: true,
+    draggable: isDraggable
   }), /*#__PURE__*/_react2.default.createElement(MenuGroup, null, /*#__PURE__*/_react2.default.createElement(_schemaSettings.SchemaSettings.ModalItem, {
     title: t('Edit button'),
     schema: {
@@ -104,8 +107,7 @@ var ActionDesigner = function ActionDesigner(props) {
           'x-component': 'Input',
           title: t('Button title'),
           default: fieldSchema.title,
-          'x-component-props': {},
-          'x-visible': isSupportEditButton
+          'x-component-props': {}
           // description: `原字段标题：${collectionField?.uiSchema?.title}`,
         },
 
@@ -115,7 +117,7 @@ var ActionDesigner = function ActionDesigner(props) {
           title: t('Button icon'),
           default: fieldSchema === null || fieldSchema === void 0 ? void 0 : (_fieldSchema$xCompon = fieldSchema['x-component-props']) === null || _fieldSchema$xCompon === void 0 ? void 0 : _fieldSchema$xCompon.icon,
           'x-component-props': {},
-          'x-visible': isSupportEditButton && !isLink
+          'x-visible': !isLink
           // description: `原字段标题：${collectionField?.uiSchema?.title}`,
         },
 
@@ -296,7 +298,7 @@ var ActionDesigner = function ActionDesigner(props) {
     }
   }), isChildCollectionAction && /*#__PURE__*/_react2.default.createElement(_schemaSettings.SchemaSettings.EnableChildCollections, {
     collectionName: name
-  }), /*#__PURE__*/_react2.default.createElement(_schemaSettings.SchemaSettings.Divider, null), /*#__PURE__*/_react2.default.createElement(_schemaSettings.SchemaSettings.Remove, {
+  }), !isDelete && [/*#__PURE__*/_react2.default.createElement(_schemaSettings.SchemaSettings.Divider, null), /*#__PURE__*/_react2.default.createElement(_schemaSettings.SchemaSettings.Remove, {
     removeParentsIfNoChildren: true,
     breakRemoveOn: function breakRemoveOn(s) {
       return s['x-component'] === 'Space' || s['x-component'].endsWith('ActionBar');
@@ -304,6 +306,6 @@ var ActionDesigner = function ActionDesigner(props) {
     confirm: {
       title: t('Delete action')
     }
-  })));
+  })]));
 };
 exports.ActionDesigner = ActionDesigner;

package/lib/schema-component/antd/action/Action.Drawer.js

@@ -26,6 +26,7 @@ function _objectWithoutProperties(source, excluded) { if (source == null) return
 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; }
 var openSizeWidthMap = new Map([['small', '30%'], ['middle', '50%'], ['large', '70%']]);
 var ActionDrawer = (0, _react.observer)(function (props) {
+  var _schema$parent, _schema$parent$xComp;
   var _props$footerNodeName = props.footerNodeName,
     footerNodeName = _props$footerNodeName === void 0 ? 'Action.Drawer.Footer' : _props$footerNodeName,
     others = _objectWithoutProperties(props, _excluded);
@@ -38,6 +39,8 @@ var ActionDrawer = (0, _react.observer)(function (props) {
     openSize = _useActionContext$ope === void 0 ? 'middle' : _useActionContext$ope;
   var schema = (0, _react.useFieldSchema)();
   var field = (0, _react.useField)();
+  var openSizeFromParent = (_schema$parent = schema.parent) === null || _schema$parent === void 0 ? void 0 : (_schema$parent$xComp = _schema$parent['x-component-props']) === null || _schema$parent$xComp === void 0 ? void 0 : _schema$parent$xComp['openSize'];
+  var finalOpenSize = openSizeFromParent || openSize;
   var footerSchema = schema.reduceProperties(function (buf, s) {
     if (s['x-component'] === footerNodeName) {
       return s;
@@ -49,7 +52,7 @@ var ActionDrawer = (0, _react.observer)(function (props) {
       e.stopPropagation();
     }
   }, /*#__PURE__*/_react2.default.createElement(_antd.Drawer, _objectSpread(_objectSpread({
-    width: openSizeWidthMap.get(openSize),
+    width: openSizeWidthMap.get(finalOpenSize),
     title: field.title
   }, others), {}, {
     destroyOnClose: true,

package/lib/schema-component/antd/action/ActionBar.js

@@ -13,7 +13,7 @@ var _schemaInitializer = require("../../../schema-initializer");
 var _common = require("../../common");
 var _hooks = require("../../hooks");
 var _templateObject;
-var _excluded = ["layout", "style"];
+var _excluded = ["layout", "style", "spaceProps"];
 function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
 function _taggedTemplateLiteral(strings, raw) { if (!raw) { raw = strings.slice(0); } return Object.freeze(Object.defineProperties(strings, { raw: { value: Object.freeze(raw) } })); }
 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; }
@@ -25,34 +25,39 @@ function _objectWithoutProperties(source, excluded) { if (source == null) return
 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; }
 var ActionBar = (0, _react.observer)(function (props) {
   var _fieldSchema$properti;
-  var _props$layout = props.layout,
-    layout = _props$layout === void 0 ? 'tow-columns' : _props$layout,
-    style = props.style,
-    others = _objectWithoutProperties(props, _excluded);
+  var _useProps = (0, _hooks.useProps)(props),
+    _useProps$layout = _useProps.layout,
+    layout = _useProps$layout === void 0 ? 'tow-columns' : _useProps$layout,
+    style = _useProps.style,
+    spaceProps = _useProps.spaceProps,
+    others = _objectWithoutProperties(_useProps, _excluded);
   var fieldSchema = (0, _react.useFieldSchema)();
   var _useSchemaInitializer = (0, _schemaInitializer.useSchemaInitializer)(fieldSchema['x-initializer']),
-    render = _useSchemaInitializer.render;
+    InitializerComponent = _useSchemaInitializer.InitializerComponent;
   var _useDesignable = (0, _hooks.useDesignable)(),
     designable = _useDesignable.designable;
   if (layout === 'one-column') {
-    return /*#__PURE__*/_react2.default.createElement(_common.DndContext, null, /*#__PURE__*/_react2.default.createElement("div", _objectSpread({
+    return /*#__PURE__*/_react2.default.createElement(_common.DndContext, null, /*#__PURE__*/_react2.default.createElement("div", _objectSpread(_objectSpread({
       style: _objectSpread({
-        display: 'flex'
+        display: 'flex',
+        alignItems: 'center'
       }, style)
-    }, others), props.children && /*#__PURE__*/_react2.default.createElement("div", {
+    }, others), {}, {
+      className: (0, _css.cx)(others.className, 'nb-action-bar')
+    }), props.children && /*#__PURE__*/_react2.default.createElement("div", {
       style: {
         marginRight: 8
       }
-    }, /*#__PURE__*/_react2.default.createElement(_antd.Space, null, fieldSchema.mapProperties(function (schema, key) {
+    }, /*#__PURE__*/_react2.default.createElement(_antd.Space, _objectSpread({}, spaceProps), fieldSchema.mapProperties(function (schema, key) {
       return /*#__PURE__*/_react2.default.createElement(_react.RecursionField, {
         key: key,
         name: key,
         schema: schema
       });
-    }))), render()));
+    }))), /*#__PURE__*/_react2.default.createElement(InitializerComponent, null)));
   }
   var hasActions = Object.keys((_fieldSchema$properti = fieldSchema.properties) !== null && _fieldSchema$properti !== void 0 ? _fieldSchema$properti : {}).length > 0;
-  return /*#__PURE__*/_react2.default.createElement("div", _objectSpread({
+  return /*#__PURE__*/_react2.default.createElement("div", _objectSpread(_objectSpread({
     style: !designable && !hasActions ? undefined : _objectSpread({
       display: 'flex',
       justifyContent: 'space-between',
@@ -60,7 +65,9 @@ var ActionBar = (0, _react.observer)(function (props) {
       overflowX: 'auto',
       flexShrink: 0
     }, style)
-  }, others), /*#__PURE__*/_react2.default.createElement("div", {
+  }, others), {}, {
+    className: (0, _css.cx)(others.className, 'nb-action-bar')
+  }), /*#__PURE__*/_react2.default.createElement("div", {
     className: (0, _css.css)(_templateObject || (_templateObject = _taggedTemplateLiteral(["\n          .ant-space:last-child {\n            margin-left: 8px;\n          }\n        "]))),
     style: {
       display: 'flex',
@@ -68,7 +75,7 @@ var ActionBar = (0, _react.observer)(function (props) {
       alignItems: 'center',
       width: '100%'
     }
-  }, /*#__PURE__*/_react2.default.createElement(_common.DndContext, null, /*#__PURE__*/_react2.default.createElement(_antd.Space, null, fieldSchema.mapProperties(function (schema, key) {
+  }, /*#__PURE__*/_react2.default.createElement(_common.DndContext, null, /*#__PURE__*/_react2.default.createElement(_antd.Space, _objectSpread({}, spaceProps), fieldSchema.mapProperties(function (schema, key) {
     if (schema['x-align'] !== 'left') {
       return null;
     }
@@ -77,7 +84,7 @@ var ActionBar = (0, _react.observer)(function (props) {
       name: key,
       schema: schema
     });
-  })), /*#__PURE__*/_react2.default.createElement(_antd.Space, null, fieldSchema.mapProperties(function (schema, key) {
+  })), /*#__PURE__*/_react2.default.createElement(_antd.Space, _objectSpread({}, spaceProps), fieldSchema.mapProperties(function (schema, key) {
     if (schema['x-align'] === 'left') {
       return null;
     }
@@ -86,6 +93,6 @@ var ActionBar = (0, _react.observer)(function (props) {
       name: key,
       schema: schema
     });
-  })))), render());
+  })))), /*#__PURE__*/_react2.default.createElement(InitializerComponent, null));
 });
 exports.ActionBar = ActionBar;

package/lib/schema-component/antd/association-field/AssociationFieldProvider.d.ts

@@ -0,0 +1,2 @@
+import React from 'react';
+export declare const AssociationFieldProvider: React.MemoExoticComponent<React.FunctionComponent<unknown>>;

package/lib/schema-component/antd/association-field/AssociationFieldProvider.js

@@ -0,0 +1,40 @@
+"use strict";
+
+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); }
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.AssociationFieldProvider = void 0;
+var _react = require("@formily/react");
+var _react2 = _interopRequireWildcard(require("react"));
+var _collectionManager = require("../../../collection-manager");
+var _context = require("./context");
+function _getRequireWildcardCache(nodeInterop) { if (typeof WeakMap !== "function") return null; var cacheBabelInterop = new WeakMap(); var cacheNodeInterop = new WeakMap(); return (_getRequireWildcardCache = function _getRequireWildcardCache(nodeInterop) { return nodeInterop ? cacheNodeInterop : cacheBabelInterop; })(nodeInterop); }
+function _interopRequireWildcard(obj, nodeInterop) { if (!nodeInterop && obj && obj.__esModule) { return obj; } if (obj === null || _typeof(obj) !== "object" && typeof obj !== "function") { return { default: obj }; } var cache = _getRequireWildcardCache(nodeInterop); if (cache && cache.has(obj)) { return cache.get(obj); } var newObj = {}; var hasPropertyDescriptor = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var key in obj) { if (key !== "default" && Object.prototype.hasOwnProperty.call(obj, key)) { var desc = hasPropertyDescriptor ? Object.getOwnPropertyDescriptor(obj, key) : null; if (desc && (desc.get || desc.set)) { Object.defineProperty(newObj, key, desc); } else { newObj[key] = obj[key]; } } } newObj.default = obj; if (cache) { cache.set(obj, newObj); } return newObj; }
+var AssociationFieldProvider = (0, _react.observer)(function (props) {
+  var _fieldSchema$xCompon2;
+  var field = (0, _react.useField)();
+  var _useCollectionManager = (0, _collectionManager.useCollectionManager)(),
+    getCollectionJoinField = _useCollectionManager.getCollectionJoinField,
+    getCollection = _useCollectionManager.getCollection;
+  var fieldSchema = (0, _react.useFieldSchema)();
+  var collectionField = (0, _react2.useMemo)(function () {
+    return getCollectionJoinField(fieldSchema['x-collection-field']);
+  }, [fieldSchema['x-collection-field'], fieldSchema.name]);
+  var isFileCollection = (0, _react2.useMemo)(function () {
+    var _getCollection;
+    return ((_getCollection = getCollection(collectionField === null || collectionField === void 0 ? void 0 : collectionField.target)) === null || _getCollection === void 0 ? void 0 : _getCollection.template) === 'file';
+  }, [fieldSchema['x-collection-field']]);
+  var currentMode = (0, _react2.useMemo)(function () {
+    var _fieldSchema$xCompon;
+    return ((_fieldSchema$xCompon = fieldSchema['x-component-props']) === null || _fieldSchema$xCompon === void 0 ? void 0 : _fieldSchema$xCompon.mode) || (isFileCollection ? 'FileManager' : 'Select');
+  }, [(_fieldSchema$xCompon2 = fieldSchema['x-component-props']) === null || _fieldSchema$xCompon2 === void 0 ? void 0 : _fieldSchema$xCompon2.mode]);
+  return collectionField ? /*#__PURE__*/_react2.default.createElement(_context.AssociationFieldContext.Provider, {
+    value: {
+      options: collectionField,
+      field: field,
+      currentMode: currentMode
+    }
+  }, props.children) : null;
+});
+exports.AssociationFieldProvider = AssociationFieldProvider;

package/lib/schema-component/antd/association-field/AssociationSelect.d.ts

@@ -0,0 +1,14 @@
+import React from 'react';
+import { RemoteSelectProps } from '../remote-select';
+export declare type AssociationSelectProps<P = any> = RemoteSelectProps<P> & {
+    action?: string;
+    multiple?: boolean;
+};
+interface AssociationSelectInterface {
+    (props: any): React.ReactElement;
+    Designer: React.FC;
+    FilterDesigner: React.FC;
+}
+export declare const AssociationSelect: AssociationSelectInterface;
+export declare const AssociationSelectReadPretty: React.ForwardRefExoticComponent<Pick<Partial<any>, string | number | symbol> & React.RefAttributes<unknown>>;
+export {};