@nocobase/client 0.9.4-alpha.2 → 0.10.0-alpha.3

package/es/schema-component/antd/association-field/FileManager.js

@@ -25,7 +25,7 @@ import { FormProvider, RecordPickerContext, RecordPickerProvider, SchemaComponen
 import { TableSelectorParamsProvider, useTableSelectorProps as useTsp } from '../../../block-provider/TableSelectorProvider';
 import { CollectionProvider, useCollection } from '../../../collection-manager';
 import { useCompile } from '../../hooks';
-import { ActionContext } from '../action';
+import { ActionContextProvider } from '../action';
 import { FileSelector, Preview } from '../preview';
 import { ReadPrettyInternalViewer } from './InternalViewer';
 import { useFieldNames, useInsertSchema } from './hooks';
@@ -149,6 +149,7 @@ var InternalFileManager = function InternalFileManager(props) {
     association: {
       target: collectionField === null || collectionField === void 0 ? void 0 : collectionField.target
     },
+    options: options,
     onChange: props === null || props === void 0 ? void 0 : props.onChange,
     selectedRows: selectedRows,
     setSelectedRows: setSelectedRows,
@@ -174,7 +175,12 @@ var InternalFileManager = function InternalFileManager(props) {
       }
     };
   };
-  return /*#__PURE__*/React.createElement("div", null, /*#__PURE__*/React.createElement(FileSelector, {
+  return /*#__PURE__*/React.createElement("div", {
+    style: {
+      width: '100%',
+      overflow: 'auto'
+    }
+  }, /*#__PURE__*/React.createElement(FileSelector, {
     value: options,
     multiple: multiple,
     quickUpload: quickUpload !== false,
@@ -198,11 +204,15 @@ var InternalFileManager = function InternalFileManager(props) {
         }
       }
     }
-  }), /*#__PURE__*/React.createElement(ActionContext.Provider, {
+  }), /*#__PURE__*/React.createElement(ActionContextProvider, {
     value: {
       openMode: 'drawer',
       visible: visibleSelector,
-      setVisible: setVisibleSelector
+      setVisible: setVisibleSelector,
+      modalProps: {
+        getContainer: others === null || others === void 0 ? void 0 : others.getContainer
+      },
+      formValueChanged: false
     }
   }, /*#__PURE__*/React.createElement(RecordPickerProvider, _objectSpread({}, pickerProps), /*#__PURE__*/React.createElement(CollectionProvider, {
     name: collectionField.target

package/es/schema-component/antd/association-field/InternalNester.d.ts

@@ -1 +1,2 @@
-export declare const InternalNester: () => JSX.Element;
+import React from 'react';
+export declare const InternalNester: () => React.JSX.Element;

package/es/schema-component/antd/association-field/InternalNester.js

@@ -1,16 +1,25 @@
+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, _templateObject2;
+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 _taggedTemplateLiteral(strings, raw) { if (!raw) { raw = strings.slice(0); } return Object.freeze(Object.defineProperties(strings, { raw: { value: Object.freeze(raw) } })); }
 import { FormLayout } from '@formily/antd';
 import { RecursionField, useField, useFieldSchema } from '@formily/react';
 import React, { useEffect } from 'react';
+import { css, cx } from '@emotion/css';
 import { CollectionProvider } from '../../../collection-manager';
 import { useInsertSchema } from './hooks';
 import { useAssociationFieldContext } from './hooks';
 import schema from './schema';
 export var InternalNester = function InternalNester() {
+  var _fieldSchema$xDecora, _fieldSchema$xDecora2;
   var field = useField();
   var fieldSchema = useFieldSchema();
   var insertNester = useInsertSchema('Nester');
   var _useAssociationFieldC = useAssociationFieldContext(),
     collectionField = _useAssociationFieldC.options;
+  var showTitle = (_fieldSchema$xDecora = (_fieldSchema$xDecora2 = fieldSchema['x-decorator-props']) === null || _fieldSchema$xDecora2 === void 0 ? void 0 : _fieldSchema$xDecora2.showTitle) !== null && _fieldSchema$xDecora !== void 0 ? _fieldSchema$xDecora : true;
   useEffect(function () {
     insertNester(schema.Nester);
   }, []);
@@ -18,6 +27,8 @@ export var InternalNester = function InternalNester() {
     name: collectionField.target
   }, /*#__PURE__*/React.createElement(FormLayout, {
     layout: 'vertical'
+  }, /*#__PURE__*/React.createElement("div", {
+    className: cx(css(_templateObject || (_templateObject = _taggedTemplateLiteral(["\n              & .ant-formily-item-layout-vertical {\n                margin-bottom: 10px;\n              }\n              .ant-card-body {\n                padding: 15px 20px 5px;\n              }\n              .ant-divider-horizontal {\n                margin: 10px 0;\n              }\n            "]))), _defineProperty({}, css(_templateObject2 || (_templateObject2 = _taggedTemplateLiteral(["\n                .ant-card-body {\n                  padding: 0px 20px 20px 0px;\n                }\n                > .ant-card-bordered {\n                  border: none;\n                }\n              "]))), showTitle === false))
   }, /*#__PURE__*/React.createElement(RecursionField, {
     onlyRenderProperties: true,
     basePath: field.address,
@@ -25,5 +36,5 @@ export var InternalNester = function InternalNester() {
     filterProperties: function filterProperties(s) {
       return s['x-component'] === 'AssociationField.Nester';
     }
-  })));
+  }))));
 };

package/es/schema-component/antd/association-field/InternalPicker.d.ts

@@ -1,2 +1,2 @@
 import React from 'react';
-export declare const InternalPicker: React.MemoExoticComponent<React.FunctionComponent<Pick<any, string | number | symbol>>>;
+export declare const InternalPicker: React.MemoExoticComponent<import("@formily/react").ReactFC<Pick<any, string | number | symbol>>>;

package/es/schema-component/antd/association-field/InternalPicker.js

@@ -19,10 +19,11 @@ import { Input, Select } from 'antd';
 import { differenceBy, unionBy } from 'lodash';
 import React, { useContext, useMemo, useState } from 'react';
 import { FormProvider, RecordPickerContext, RecordPickerProvider, SchemaComponentOptions, useActionContext } from '../..';
+import { RecordProvider } from '../../../';
 import { TableSelectorParamsProvider, useTableSelectorProps as useTsp } from '../../../block-provider/TableSelectorProvider';
 import { CollectionProvider } from '../../../collection-manager';
 import { useCompile } from '../../hooks';
-import { ActionContext } from '../action';
+import { ActionContextProvider } from '../action';
 import { useAssociationFieldContext, useFieldNames, useInsertSchema } from './hooks';
 import schema from './schema';
 import { flatData, getLabelFormatValue, useLabelUiSchema } from './util';
@@ -162,7 +163,8 @@ export var InternalPicker = observer(function (props) {
   return /*#__PURE__*/React.createElement(React.Fragment, null, /*#__PURE__*/React.createElement(Input.Group, {
     compact: true,
     style: {
-      display: 'flex'
+      display: 'flex',
+      lineHeight: '32px'
     }
   }, /*#__PURE__*/React.createElement("div", {
     style: {
@@ -201,14 +203,16 @@ export var InternalPicker = observer(function (props) {
     options: options,
     value: getValue(),
     open: false
-  }))), isAllowAddNew && /*#__PURE__*/React.createElement(RecursionField, {
+  }))), isAllowAddNew && /*#__PURE__*/React.createElement(RecordProvider, {
+    record: null
+  }, /*#__PURE__*/React.createElement(RecursionField, {
     onlyRenderProperties: true,
     basePath: field.address,
     schema: fieldSchema,
     filterProperties: function filterProperties(s) {
       return s['x-component'] === 'Action';
     }
-  })), /*#__PURE__*/React.createElement(ActionContext.Provider, {
+  }))), /*#__PURE__*/React.createElement(ActionContextProvider, {
     value: {
       openMode: 'drawer',
       visible: visibleSelector,
@@ -233,4 +237,6 @@ export var InternalPicker = observer(function (props) {
       return s['x-component'] === 'AssociationField.Selector';
     }
   }))))))));
+}, {
+  displayName: 'InternalPicker'
 });

package/es/schema-component/antd/association-field/InternalSubTable.d.ts

@@ -1 +1,2 @@
-export declare const InternalSubTable: () => JSX.Element;
+import React from 'react';
+export declare const InternalSubTable: React.MemoExoticComponent<import("@formily/react").ReactFC<unknown>>;

package/es/schema-component/antd/association-field/InternalSubTable.js

@@ -1,10 +1,21 @@
-import { FormLayout } from '@formily/antd';
-import { RecursionField, useField, useFieldSchema } from '@formily/react';
+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 _taggedTemplateLiteral(strings, raw) { if (!raw) { raw = strings.slice(0); } return Object.freeze(Object.defineProperties(strings, { raw: { value: Object.freeze(raw) } })); }
+import { css } from '@emotion/css';
+import { FormItem as _FormItem, FormLayout } from '@formily/antd';
+import { RecursionField, observer, useField, useFieldSchema } from '@formily/react';
 import React, { useEffect } from 'react';
 import { CollectionProvider } from '../../../collection-manager';
+import { SchemaComponentOptions } from '../../../schema-component';
+import Select from '../select/Select';
 import { useAssociationFieldContext, useInsertSchema } from './hooks';
 import schema from './schema';
-export var InternalSubTable = function InternalSubTable() {
+export var InternalSubTable = observer(function () {
   var field = useField();
   var fieldSchema = useFieldSchema();
   var insert = useInsertSchema('SubTable');
@@ -12,11 +23,27 @@ export var InternalSubTable = function InternalSubTable() {
     options = _useAssociationFieldC.options;
   useEffect(function () {
     insert(schema.SubTable);
+    field.required = fieldSchema['required'];
   }, []);
   return /*#__PURE__*/React.createElement(CollectionProvider, {
     name: options.target
   }, /*#__PURE__*/React.createElement(FormLayout, {
-    layout: 'vertical'
+    className: css(_templateObject || (_templateObject = _taggedTemplateLiteral(["\n            .ant-formily-item-bordered-none {\n              .ant-input-number-group-addon {\n                border: none !important;\n                background: none;\n              }\n              .ant-checkbox-wrapper {\n                margin-left: 8px;\n              }\n              .ant-btn {\n                border: none !important;\n                box-shadow: none;\n              }\n            }\n          "]))),
+    layout: 'vertical',
+    bordered: false
+  }, /*#__PURE__*/React.createElement(SchemaComponentOptions, {
+    components: {
+      FormItem: function FormItem(props) {
+        return /*#__PURE__*/React.createElement(_FormItem, _objectSpread({}, props));
+      },
+      'Radio.Group': Select,
+      'Checkbox.Group': function CheckboxGroup(props) {
+        return /*#__PURE__*/React.createElement(Select, _objectSpread({
+          multiple: true,
+          mode: "multiple"
+        }, props));
+      }
+    }
   }, /*#__PURE__*/React.createElement(RecursionField, {
     onlyRenderProperties: true,
     basePath: field.address,
@@ -24,5 +51,7 @@ export var InternalSubTable = function InternalSubTable() {
     filterProperties: function filterProperties(s) {
       return s['x-component'] === 'AssociationField.SubTable';
     }
-  })));
-};
+  }))));
+}, {
+  displayName: 'InternalSubTable'
+});

package/es/schema-component/antd/association-field/InternalViewer.js

@@ -12,7 +12,8 @@ import { CollectionProvider } from '../../../collection-manager';
 import { RecordProvider, useRecord } from '../../../record-provider';
 import { FormProvider } from '../../core';
 import { useCompile } from '../../hooks';
-import { ActionContext, useActionContext } from '../action';
+import { useDesignable } from '../../';
+import { ActionContextProvider, useActionContext } from '../action';
 import { EllipsisWithTooltip } from '../input/EllipsisWithTooltip';
 import { useAssociationFieldContext, useFieldNames, useInsertSchema } from './hooks';
 import schema from './schema';
@@ -43,6 +44,8 @@ export var ReadPrettyInternalViewer = observer(function (props) {
     record = _useState4[0],
     setRecord = _useState4[1];
   var compile = useCompile();
+  var _useDesignable = useDesignable(),
+    designable = _useDesignable.designable;
   var labelUiSchema = useLabelUiSchema(collectionField, (fieldNames === null || fieldNames === void 0 ? void 0 : fieldNames.label) || 'label');
   var _useActionContext = useActionContext(),
     snapshot = _useActionContext.snapshot;
@@ -58,7 +61,9 @@ export var ReadPrettyInternalViewer = observer(function (props) {
           var _ellipsisWithTooltipR;
           e.stopPropagation();
           e.preventDefault();
-          insertViewer(schema.Viewer);
+          if (designable) {
+            insertViewer(schema.Viewer);
+          }
           setVisible(true);
           setRecord(record);
           ellipsisWithTooltipRef === null || ellipsisWithTooltipRef === void 0 ? void 0 : (_ellipsisWithTooltipR = ellipsisWithTooltipRef.current) === null || _ellipsisWithTooltipR === void 0 ? void 0 : _ellipsisWithTooltipR.setPopoverVisible(false);
@@ -101,7 +106,7 @@ export var ReadPrettyInternalViewer = observer(function (props) {
   }, /*#__PURE__*/React.createElement(EllipsisWithTooltip, {
     ellipsis: true,
     ref: ellipsisWithTooltipRef
-  }, renderRecords()), /*#__PURE__*/React.createElement(ActionContext.Provider, {
+  }, renderRecords()), /*#__PURE__*/React.createElement(ActionContextProvider, {
     value: {
       visible: visible,
       setVisible: setVisible,
@@ -109,4 +114,6 @@ export var ReadPrettyInternalViewer = observer(function (props) {
       snapshot: (collectionField === null || collectionField === void 0 ? void 0 : collectionField.interface) === 'snapshot'
     }
   }, renderRecordProvider()))));
+}, {
+  displayName: 'ReadPrettyInternalViewer'
 });

package/es/schema-component/antd/association-field/Nester.d.ts

@@ -1 +1,2 @@
-export declare const Nester: (props: any) => JSX.Element;
+import React from 'react';
+export declare const Nester: (props: any) => React.JSX.Element;

package/es/schema-component/antd/association-field/Nester.js

@@ -1,12 +1,17 @@
+var _templateObject, _templateObject2;
 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 _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; }
 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 { CloseCircleOutlined } from '@ant-design/icons';
+import { CloseOutlined, PlusOutlined } from '@ant-design/icons';
+import { css } from '@emotion/css';
+import { spliceArrayState } from '@formily/core/esm/shared/internals';
 import { RecursionField, observer, useFieldSchema } from '@formily/react';
-import { Button, Card, Divider } from 'antd';
+import { action } from '@formily/reactive';
+import { Button, Card, Divider, Tooltip } from 'antd';
 import React, { useContext } from 'react';
 import { useTranslation } from 'react-i18next';
 import { AssociationFieldContext } from './context';
@@ -36,43 +41,82 @@ var ToManyNester = observer(function (props) {
     allowDissociate = _useAssociationFieldC.allowDissociate;
   var _useTranslation = useTranslation(),
     t = _useTranslation.t;
-  return /*#__PURE__*/React.createElement(Card, {
+  return (field.value || []).length > 0 ? /*#__PURE__*/React.createElement(Card, {
     bordered: true,
     style: {
       position: 'relative'
-    }
+    },
+    className: css(_templateObject || (_templateObject = _taggedTemplateLiteral(["\n          > .ant-card-body > .ant-divider:last-child {\n            display: none;\n          }\n        "])))
   }, (field.value || []).map(function (value, index) {
     var allowed = allowDissociate;
     if (!allowDissociate) {
       allowed = !(value === null || value === void 0 ? void 0 : value[options.targetKey]);
     }
-    return /*#__PURE__*/React.createElement(React.Fragment, null, !field.readPretty && allowed && /*#__PURE__*/React.createElement("div", {
+    return /*#__PURE__*/React.createElement(React.Fragment, {
+      key: index
+    }, /*#__PURE__*/React.createElement("div", {
       style: {
         textAlign: 'right'
       }
-    }, /*#__PURE__*/React.createElement(CloseCircleOutlined, {
+    }, field.editable && allowMultiple && /*#__PURE__*/React.createElement(Tooltip, {
+      key: 'add',
+      title: t('Add new')
+    }, /*#__PURE__*/React.createElement(PlusOutlined, {
+      style: {
+        zIndex: 1000,
+        marginRight: '10px',
+        color: '#a8a3a3'
+      },
+      onClick: function onClick() {
+        action(function () {
+          if (!Array.isArray(field.value)) {
+            field.value = [];
+          }
+          spliceArrayState(field, {
+            startIndex: index + 1,
+            insertCount: 1
+          });
+          field.value.splice(index + 1, 0, {});
+          return field.onInput(field.value);
+        });
+      }
+    })), !field.readPretty && allowed && /*#__PURE__*/React.createElement(Tooltip, {
+      key: 'remove',
+      title: t('Remove')
+    }, /*#__PURE__*/React.createElement(CloseOutlined, {
       style: {
         zIndex: 1000,
-        position: 'absolute',
         color: '#a8a3a3'
       },
       onClick: function onClick() {
-        var result = field.value;
-        result.splice(index, 1);
-        field.value = result;
+        action(function () {
+          spliceArrayState(field, {
+            startIndex: index,
+            deleteCount: 1
+          });
+          field.value.splice(index, 1);
+          return field.onInput(field.value);
+        });
       }
-    })), /*#__PURE__*/React.createElement(RecursionField, {
+    }))), /*#__PURE__*/React.createElement(RecursionField, {
       onlyRenderProperties: true,
       basePath: field.address.concat(index),
       schema: fieldSchema
     }), /*#__PURE__*/React.createElement(Divider, null));
-  }), field.editable && allowMultiple && /*#__PURE__*/React.createElement(Button, {
-    type: 'dashed',
+  })) : /*#__PURE__*/React.createElement(React.Fragment, null, field.editable && allowMultiple && /*#__PURE__*/React.createElement(Tooltip, {
+    key: 'add',
+    title: t('Add new')
+  }, /*#__PURE__*/React.createElement(Button, {
+    type: 'default',
+    className: css(_templateObject2 || (_templateObject2 = _taggedTemplateLiteral(["\n                border: 1px solid #f0f0f0 !important;\n                box-shadow: none;\n              "]))),
     block: true,
+    icon: /*#__PURE__*/React.createElement(PlusOutlined, null),
     onClick: function onClick() {
       var result = field.value;
       result.push({});
       field.value = result;
     }
-  }, t('Add new')));
+  })));
+}, {
+  displayName: 'ToManyNester'
 });

package/es/schema-component/antd/association-field/ReadPretty.d.ts

@@ -1,2 +1,2 @@
 import React from 'react';
-export declare const ReadPretty: React.MemoExoticComponent<React.FunctionComponent<unknown>>;
+export declare const ReadPretty: React.MemoExoticComponent<import("@formily/react").ReactFC<unknown>>;

package/es/schema-component/antd/association-field/ReadPretty.js

@@ -16,7 +16,11 @@ var ReadPrettyAssociationField = observer(function (props) {
   var _useAssociationFieldC = useAssociationFieldContext(),
     currentMode = _useAssociationFieldC.currentMode;
   return /*#__PURE__*/React.createElement(React.Fragment, null, ['Select', 'Picker'].includes(currentMode) && /*#__PURE__*/React.createElement(ReadPrettyInternalViewer, _objectSpread({}, props)), currentMode === 'Nester' && /*#__PURE__*/React.createElement(InternalNester, _objectSpread({}, props)), currentMode === 'SubTable' && /*#__PURE__*/React.createElement(InternalSubTable, _objectSpread({}, props)), currentMode === 'FileManager' && /*#__PURE__*/React.createElement(FileManageReadPretty, _objectSpread({}, props)));
+}, {
+  displayName: 'ReadPrettyAssociationField'
 });
 export var ReadPretty = observer(function (props) {
   return /*#__PURE__*/React.createElement(AssociationFieldProvider, null, /*#__PURE__*/React.createElement(ReadPrettyAssociationField, _objectSpread({}, props)));
+}, {
+  displayName: 'ReadPretty'
 });

package/es/schema-component/antd/association-field/SubTable.js

@@ -1,25 +1,66 @@
+var _templateObject, _templateObject2, _templateObject3;
+function _taggedTemplateLiteral(strings, raw) { if (!raw) { raw = strings.slice(0); } return Object.freeze(Object.defineProperties(strings, { raw: { value: Object.freeze(raw) } })); }
+import { PlusOutlined } from '@ant-design/icons';
+import { css } from '@emotion/css';
+import { exchangeArrayState } from '@formily/core/esm/shared/internals';
 import { observer } from '@formily/react';
+import { action } from '@formily/reactive';
+import { isArr } from '@formily/shared';
 import { Button } from 'antd';
 import React from 'react';
+import { useTranslation } from 'react-i18next';
 import { Table } from '../table-v2/Table';
 import { useAssociationFieldContext } from './hooks';
 export var SubTable = observer(function (props) {
   var _useAssociationFieldC = useAssociationFieldContext(),
     field = _useAssociationFieldC.field;
-  return /*#__PURE__*/React.createElement("div", null, /*#__PURE__*/React.createElement(Table, {
+  var _useTranslation = useTranslation(),
+    t = _useTranslation.t;
+  var move = function move(fromIndex, toIndex) {
+    if (toIndex === undefined) return;
+    if (!isArr(field.value)) return;
+    if (fromIndex === toIndex) return;
+    return action(function () {
+      var fromItem = field.value[fromIndex];
+      field.value.splice(fromIndex, 1);
+      field.value.splice(toIndex, 0, fromItem);
+      exchangeArrayState(field, {
+        fromIndex: fromIndex,
+        toIndex: toIndex
+      });
+      return field.onInput(field.value);
+    });
+  };
+  field.move = move;
+  return /*#__PURE__*/React.createElement("div", {
+    className: css(_templateObject || (_templateObject = _taggedTemplateLiteral(["\n          .ant-table-footer {\n            padding: 0 !important;\n          }\n          .ant-formily-item-error-help {\n            display: none;\n          }\n          .ant-description-textarea {\n            line-height: 34px;\n          }\n          .ant-table-cell .ant-formily-item-error-help {\n            display: block;\n            position: absolute;\n            font-size: 12px;\n            top: 100%;\n            background: #fff;\n            width: 100%;\n            margin-top: 3px;\n            padding: 3px;\n            z-index: 1;\n            border-radius: 3px;\n            box-shadow: 0 0 10px #eee;\n            animation: none;\n            transform: translateY(0);\n            opacity: 1;\n          }\n        "])))
+  }, /*#__PURE__*/React.createElement(Table, {
+    className: css(_templateObject2 || (_templateObject2 = _taggedTemplateLiteral(["\n            .ant-select-selector {\n              /* min-height: 31px; */\n            }\n            .ant-formily-item.ant-formily-item-feedback-layout-loose {\n              margin-bottom: 0px !important;\n            }\n            .ant-formily-editable {\n              vertical-align: sub;\n            }\n            .ant-table table {\n            }\n            td:not(.ant-table-selection-column) {\n              padding: 5px !important;\n            }\n          "]))),
+    bordered: true,
     size: 'small',
-    showIndex: true,
     field: field,
-    pagination: false
-  }), field.editable && /*#__PURE__*/React.createElement(Button, {
-    type: 'dashed',
-    block: true,
-    style: {
-      marginTop: 12
+    showIndex: true,
+    dragSort: field.editable,
+    showDel: field.editable,
+    pagination: false,
+    rowSelection: {
+      type: 'none',
+      hideSelectAll: true
     },
-    onClick: function onClick() {
-      field.value = field.value || [];
-      field.value.push({});
+    footer: function footer() {
+      return field.editable && /*#__PURE__*/React.createElement(Button, {
+        type: 'text',
+        block: true,
+        className: css(_templateObject3 || (_templateObject3 = _taggedTemplateLiteral(["\n                  display: block;\n                "]))),
+        onClick: function onClick() {
+          field.value = field.value || [];
+          field.value.push({});
+          field.onInput(field.value);
+        },
+        icon: /*#__PURE__*/React.createElement(PlusOutlined, null)
+      });
     }
-  }, "Add new"));
+  }));
+}, {
+  displayName: 'SubTable'
 });

package/es/schema-component/antd/association-field/components/CreateRecordAction.d.ts

@@ -1,2 +1,2 @@
 import React from 'react';
-export declare const CreateRecordAction: React.MemoExoticComponent<React.FunctionComponent<unknown>>;
+export declare const CreateRecordAction: React.MemoExoticComponent<import("@formily/react").ReactFC<unknown>>;

package/es/schema-component/antd/association-field/components/CreateRecordAction.js

@@ -14,7 +14,7 @@ import { RecursionField, observer, useField, useFieldSchema } from '@formily/rea
 import React, { useState } from 'react';
 import { CollectionProvider } from '../../../../collection-manager';
 import { CreateAction } from '../../../../schema-initializer/components';
-import { ActionContext, useActionContext } from '../../action';
+import { ActionContextProvider, useActionContext } from '../../action';
 import { useAssociationFieldContext, useInsertSchema } from '../hooks';
 import schema from '../schema';
 export var CreateRecordAction = observer(function (props) {
@@ -43,7 +43,7 @@ export var CreateRecordAction = observer(function (props) {
     onClick: function onClick(arg) {
       return addbuttonClick(arg);
     }
-  })), /*#__PURE__*/React.createElement(ActionContext.Provider, {
+  })), /*#__PURE__*/React.createElement(ActionContextProvider, {
     value: _objectSpread(_objectSpread({}, ctx), {}, {
       visible: visibleAddNewer,
       setVisible: setVisibleAddNewer
@@ -58,4 +58,6 @@ export var CreateRecordAction = observer(function (props) {
       return s['x-component'] === 'AssociationField.AddNewer';
     }
   }))));
+}, {
+  displayName: 'CreateRecordAction'
 });

package/es/schema-component/antd/association-field/schema.d.ts

@@ -121,22 +121,10 @@ declare const _default: {
         type: string;
         'x-component': string;
         'x-initializer': string;
-        properties: {
-            indexCol: {
-                type: string;
-                'x-component': string;
-                'x-component-props': {
-                    width: number;
-                };
-                properties: {
-                    __index__: {
-                        type: string;
-                        'x-component': string;
-                        'x-read-pretty': boolean;
-                    };
-                };
-            };
+        'x-initializer-props': {
+            action: boolean;
         };
+        properties: {};
     };
 };
 export default _default;

package/es/schema-component/antd/association-field/schema.js

@@ -121,21 +121,9 @@ export default {
     type: 'void',
     'x-component': 'AssociationField.SubTable',
     'x-initializer': 'TableColumnInitializers',
-    properties: {
-      indexCol: {
-        type: 'void',
-        'x-component': 'TableV2.Column',
-        'x-component-props': {
-          width: 80
-        },
-        properties: {
-          __index__: {
-            type: 'void',
-            'x-component': 'TableV2.Index',
-            'x-read-pretty': true
-          }
-        }
-      }
-    }
+    'x-initializer-props': {
+      action: false
+    },
+    properties: {}
   }
 };

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

@@ -1 +1,2 @@
-export declare const ActionBarAssociationFilterAction: (props: any) => JSX.Element;
+import React from 'react';
+export declare const ActionBarAssociationFilterAction: (props: any) => React.JSX.Element;

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

@@ -1 +1,2 @@
-export declare const AssociationFilterBlockDesigner: () => JSX.Element;
+import React from 'react';
+export declare const AssociationFilterBlockDesigner: () => React.JSX.Element;

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

@@ -1 +1,2 @@
-export declare const AssociationFilterFilterBlockInitializer: () => JSX.Element;
+import React from 'react';
+export declare const AssociationFilterFilterBlockInitializer: () => React.JSX.Element;

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

@@ -1 +1,2 @@
-export declare const AssociationFilterInitializer: () => JSX.Element;
+import React from 'react';
+export declare const AssociationFilterInitializer: () => React.JSX.Element;

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

@@ -1 +1,2 @@
-export declare const AssociationFilterItemDesigner: (props: any) => JSX.Element;
+import React from 'react';
+export declare const AssociationFilterItemDesigner: (props: any) => React.JSX.Element;

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

@@ -1 +1,2 @@
-export declare const AssociationFilterItem: (props: any) => JSX.Element;
+import React from 'react';
+export declare const AssociationFilterItem: (props: any) => React.JSX.Element;

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

@@ -1,12 +1,13 @@
+import React from 'react';
 import { AssociationFilterItemDesigner } from './AssociationFilter.Item.Designer';
 export declare const AssociationFilter: {
-    (props: any): JSX.Element;
-    Provider: (props: any) => JSX.Element;
-    Initializer: () => JSX.Element;
-    FilterBlockInitializer: () => JSX.Element;
-    Item: ((props: any) => JSX.Element) & {
+    (props: any): React.JSX.Element;
+    Provider: (props: any) => React.JSX.Element;
+    Initializer: () => React.JSX.Element;
+    FilterBlockInitializer: () => React.JSX.Element;
+    Item: ((props: any) => React.JSX.Element) & {
         Designer: typeof AssociationFilterItemDesigner;
     };
-    BlockDesigner: () => JSX.Element;
+    BlockDesigner: () => React.JSX.Element;
     useAssociationField(): import("../../../collection-manager").CollectionFieldOptions;
 };

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

@@ -1 +1,2 @@
-export declare const AssociationFilterDesignerDelete: (props: any) => JSX.Element;
+import React from 'react';
+export declare const AssociationFilterDesignerDelete: (props: any) => React.JSX.Element;