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

package/lib/schema-component/antd/table-v2/Table.js

@@ -44,9 +44,13 @@ function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { va
 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); }
-var useTableColumns = function useTableColumns() {
-  var _schema$reducePropert;
+var useArrayField = function useArrayField(props) {
   var field = (0, _react.useField)();
+  return props.field || field;
+};
+var useTableColumns = function useTableColumns(props) {
+  var _schema$reducePropert;
+  var field = useArrayField(props);
   var schema = (0, _react.useFieldSchema)();
   var _useACLFieldWhitelist = (0, _ACLProvider.useACLFieldWhitelist)(),
     schemaInWhitelist = _useACLFieldWhitelist.schemaInWhitelist;
@@ -87,8 +91,8 @@ var useTableColumns = function useTableColumns() {
         }, /*#__PURE__*/_react2.default.createElement(_2.RecordProvider, {
           record: record
         }, /*#__PURE__*/_react2.default.createElement(_react.RecursionField, {
+          basePath: field.address.concat(record.__index || index),
           schema: s,
-          name: record.__index || index,
           onlyRenderProperties: true
         })));
       }
@@ -188,8 +192,6 @@ var useValidator = function useValidator(validator) {
 };
 var Table = (0, _react.observer)(function (props) {
   var _schema$parent, _schema$parent2, _field$data, _fieldSchema$parent, _fieldSchema$parent$x, _field$value4, _field$value4$slice;
-  var field = (0, _react.useField)();
-  var columns = useTableColumns();
   var pagination1 = props.pagination,
     useProps = props.useProps,
     onChange = props.onChange,
@@ -210,6 +212,8 @@ var Table = (0, _react.observer)(function (props) {
     required = _others1$others.required,
     _onExpand = _others1$others.onExpand,
     others = _objectWithoutProperties(_others1$others, _excluded3);
+  var field = useArrayField(others);
+  var columns = useTableColumns(others);
   var schema = (0, _react.useFieldSchema)();
   var isTableSelector = (schema === null || schema === void 0 ? void 0 : (_schema$parent = schema.parent) === null || _schema$parent === void 0 ? void 0 : _schema$parent['x-decorator']) === 'TableSelectorProvider';
   var ctx = isTableSelector ? (0, _2.useTableSelectorContext)() : (0, _2.useTableBlockContext)();

package/lib/schema-component/antd/table-v2/index.js

@@ -13,6 +13,7 @@ var _Table3 = require("./Table.Column");
 var _TableColumn = require("./Table.Column.ActionBar");
 var _TableColumn2 = require("./Table.Column.Decorator");
 var _TableColumn3 = require("./Table.Column.Designer");
+var _Table4 = require("./Table.Index");
 var _TableSelector = require("./TableSelector");
 var _TableBlockDesigner = require("./TableBlockDesigner");
 Object.keys(_TableBlockDesigner).forEach(function (key) {
@@ -57,4 +58,5 @@ TableV2.Column.ActionBar = _TableColumn.TableColumnActionBar;
 TableV2.Column.Decorator = _TableColumn2.TableColumnDecorator;
 TableV2.Column.Designer = _TableColumn3.TableColumnDesigner;
 TableV2.ActionColumnDesigner = _Table2.TableActionColumnDesigner;
-TableV2.Selector = _TableSelector.TableSelector;
+TableV2.Selector = _TableSelector.TableSelector;
+TableV2.Index = _Table4.TableIndex;

package/lib/schema-component/antd/table-v2/utils.js

@@ -41,7 +41,7 @@ function getIdsWithChildren(nodes) {
         var node = _step.value;
         if (node.children && node.children.length > 0) {
           ids.push(node.id);
-          ids.push.apply(ids, _toConsumableArray(getIdsWithChildren(node.children)));
+          ids.push.apply(ids, _toConsumableArray(getIdsWithChildren(node === null || node === void 0 ? void 0 : node.children)));
         }
       }
     } catch (err) {

package/lib/schema-component/antd/variable/Input.js

@@ -52,7 +52,7 @@ var ConstantTypes = {
   string: {
     label: "{{t(\"String\")}}",
     value: 'string',
-    component: function component(_ref) {
+    component: function StringComponent(_ref) {
       var _onChange = _ref.onChange,
         value = _ref.value;
       return /*#__PURE__*/_react2.default.createElement(_antd.Input, {
@@ -67,7 +67,7 @@ var ConstantTypes = {
   number: {
     label: '{{t("Number")}}',
     value: 'number',
-    component: function component(_ref2) {
+    component: function NumberComponent(_ref2) {
       var onChange = _ref2.onChange,
         value = _ref2.value;
       return /*#__PURE__*/_react2.default.createElement(_antd.InputNumber, {
@@ -80,7 +80,7 @@ var ConstantTypes = {
   boolean: {
     label: "{{t(\"Boolean\")}}",
     value: 'boolean',
-    component: function Com(_ref3) {
+    component: function BooleanComponent(_ref3) {
       var onChange = _ref3.onChange,
         value = _ref3.value;
       var _useTranslation = (0, _reactI18next.useTranslation)(),
@@ -103,7 +103,7 @@ var ConstantTypes = {
   date: {
     label: '{{t("Date")}}',
     value: 'date',
-    component: function component(_ref4) {
+    component: function DateComponent(_ref4) {
       var _onChange2 = _ref4.onChange,
         value = _ref4.value;
       return /*#__PURE__*/_react2.default.createElement(_antd.DatePicker, {
@@ -123,7 +123,7 @@ var ConstantTypes = {
   null: {
     label: "{{t(\"Null\")}}",
     value: 'null',
-    component: function Com() {
+    component: function NullComponent() {
       var _useTranslation2 = (0, _reactI18next.useTranslation)(),
         t = _useTranslation2.t;
       return /*#__PURE__*/_react2.default.createElement(_antd.Input, {

package/lib/schema-component/antd/variable/TextArea.js

@@ -9,7 +9,6 @@ var _react = _interopRequireWildcard(require("react"));
 var _antd = require("antd");
 var _react2 = require("@formily/react");
 var _css = require("@emotion/css");
-var _reactI18next = require("react-i18next");
 var sanitizeHTML = _interopRequireWildcard(require("sanitize-html"));
 var _2 = require("../..");
 var _VariableSelect = require("./VariableSelect");
@@ -224,8 +223,6 @@ function TextArea(props) {
     _props$multiline = props.multiline,
     multiline = _props$multiline === void 0 ? true : _props$multiline;
   var compile = (0, _2.useCompile)();
-  var _useTranslation = (0, _reactI18next.useTranslation)(),
-    t = _useTranslation.t;
   var inputRef = (0, _react.useRef)(null);
   var options = compile((_ref2 = typeof scope === 'function' ? scope() : scope) !== null && _ref2 !== void 0 ? _ref2 : []);
   var form = (0, _react2.useForm)();
@@ -343,7 +340,7 @@ function TextArea(props) {
     if (ev.key === 'Enter') {
       ev.preventDefault();
     }
-    setIME(ev.keyCode === 229);
+    setIME(ev.keyCode === 229 && ![' ', '1', '2', '3', '4', '5', '6', '7', '8', '9', '0', 'Enter'].includes(ev.key));
     // if (ev.key === 'Control') {
     //   console.debug(getSelection().getRangeAt(0));
     // }
@@ -401,7 +398,7 @@ function TextArea(props) {
     onInsert: onInsert
   }) : null);
 }
-TextArea.ReadPretty = function (props) {
+TextArea.ReadPretty = function ReadPretty(props) {
   var _ref5;
   var value = props.value,
     _props$multiline2 = props.multiline,

package/lib/schema-component/common/dnd-context/index.js

@@ -31,7 +31,7 @@ var useDragEnd = function useDragEnd(props) {
   var _useTranslation = (0, _reactI18next.useTranslation)(),
     t = _useTranslation.t;
   return function (event) {
-    var _active$data, _active$data$current, _over$data, _over$data$current, _over$data2, _over$data2$current, _over$data3, _over$data3$current, _over$data4, _over$data4$current, _over$data5, _over$data5$current;
+    var _active$data, _active$data$current, _over$data, _over$data$current, _over$data2, _over$data2$current, _over$data3, _over$data3$current, _over$data4, _over$data4$current, _over$data5, _over$data5$current, _over$data$current$re;
     var active = event.active,
       over = event.over;
     var activeSchema = active === null || active === void 0 ? void 0 : (_active$data = active.data) === null || _active$data === void 0 ? void 0 : (_active$data$current = _active$data.current) === null || _active$data$current === void 0 ? void 0 : _active$data$current.schema;
@@ -40,6 +40,7 @@ var useDragEnd = function useDragEnd(props) {
     var breakRemoveOn = over === null || over === void 0 ? void 0 : (_over$data3 = over.data) === null || _over$data3 === void 0 ? void 0 : (_over$data3$current = _over$data3.current) === null || _over$data3$current === void 0 ? void 0 : _over$data3$current.breakRemoveOn;
     var wrapSchema = over === null || over === void 0 ? void 0 : (_over$data4 = over.data) === null || _over$data4 === void 0 ? void 0 : (_over$data4$current = _over$data4.current) === null || _over$data4$current === void 0 ? void 0 : _over$data4$current.wrapSchema;
     var onSuccess = over === null || over === void 0 ? void 0 : (_over$data5 = over.data) === null || _over$data5 === void 0 ? void 0 : (_over$data5$current = _over$data5.current) === null || _over$data5$current === void 0 ? void 0 : _over$data5$current.onSuccess;
+    var removeParentsIfNoChildren = (_over$data$current$re = over.data.current.removeParentsIfNoChildren) !== null && _over$data$current$re !== void 0 ? _over$data$current$re : true;
     if (!activeSchema || !overSchema) {
       var _props$onDragEnd;
       props === null || props === void 0 ? void 0 : (_props$onDragEnd = props.onDragEnd) === null || _props$onDragEnd === void 0 ? void 0 : _props$onDragEnd.call(props, event);
@@ -68,7 +69,7 @@ var useDragEnd = function useDragEnd(props) {
       dn.insertAdjacent(insertAdjacent, activeSchema, {
         wrap: wrapSchema,
         breakRemoveOn: breakRemoveOn,
-        removeParentsIfNoChildren: true,
+        removeParentsIfNoChildren: removeParentsIfNoChildren,
         onSuccess: onSuccess
       });
       props === null || props === void 0 ? void 0 : (_props$onDragEnd4 = props.onDragEnd) === null || _props$onDragEnd4 === void 0 ? void 0 : _props$onDragEnd4.call(props, event);

package/lib/schema-component/common/sortable-item/SortableItem.js

@@ -84,15 +84,18 @@ var useSortableItemId = function useSortableItemId(props) {
   return field.address.toString();
 };
 var SortableItem = (0, _react.observer)(function (props) {
+  var _others$removeParents;
   var _useSortableItemProps = useSortableItemProps(props),
     schema = _useSortableItemProps.schema,
     id = _useSortableItemProps.id,
     others = _objectWithoutProperties(_useSortableItemProps, _excluded2);
+  var removeParentsIfNoChildren = (_others$removeParents = others.removeParentsIfNoChildren) !== null && _others$removeParents !== void 0 ? _others$removeParents : true;
   return /*#__PURE__*/_react2.default.createElement(SortableProvider, {
     id: id,
     data: {
       insertAdjacent: 'afterEnd',
-      schema: schema
+      schema: schema,
+      removeParentsIfNoChildren: removeParentsIfNoChildren
     }
   }, /*#__PURE__*/_react2.default.createElement(Sortable, _objectSpread({}, others), props.children));
 });

package/lib/schema-component/common/utils/uitls.js

@@ -74,7 +74,7 @@ var getValue = function getValue(str, values) {
   var regex = /{{(.*?)}}/;
   var matches = str === null || str === void 0 ? void 0 : (_str$match3 = str.match) === null || _str$match3 === void 0 ? void 0 : _str$match3.call(str, regex);
   if (matches) {
-    return getVariableValue(str, values);
+    return getVariableValue(str, (0, _flat2.default)(values));
   } else {
     return str;
   }

package/lib/schema-component/hooks/index.d.ts

@@ -9,3 +9,4 @@ export * from './useFieldComponentOptions';
 export * from './useFieldTitle';
 export * from './useProps';
 export * from './useTableSize';
+export * from './useFieldModeOptions';

package/lib/schema-component/hooks/index.js

@@ -123,4 +123,15 @@ Object.keys(_useTableSize).forEach(function (key) {
       return _useTableSize[key];
     }
   });
+});
+var _useFieldModeOptions = require("./useFieldModeOptions");
+Object.keys(_useFieldModeOptions).forEach(function (key) {
+  if (key === "default" || key === "__esModule") return;
+  if (key in exports && exports[key] === _useFieldModeOptions[key]) return;
+  Object.defineProperty(exports, key, {
+    enumerable: true,
+    get: function get() {
+      return _useFieldModeOptions[key];
+    }
+  });
 });

package/lib/schema-component/hooks/useFieldModeOptions.d.ts

@@ -0,0 +1,4 @@
+export declare const useFieldModeOptions: () => {
+    label: string;
+    value: string;
+}[];

package/lib/schema-component/hooks/useFieldModeOptions.js

@@ -0,0 +1,112 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.useFieldModeOptions = void 0;
+var _react = require("@formily/react");
+var _react2 = require("react");
+var _reactI18next = require("react-i18next");
+var _collectionManager = require("../../collection-manager");
+var useFieldModeOptions = function useFieldModeOptions() {
+  var _fieldSchema$xCompon;
+  var _useCollectionManager = (0, _collectionManager.useCollectionManager)(),
+    getCollectionJoinField = _useCollectionManager.getCollectionJoinField,
+    getCollection = _useCollectionManager.getCollection;
+  var fieldSchema = (0, _react.useFieldSchema)();
+  var field = (0, _react.useField)();
+  var isReadPretty = field.readPretty;
+  var _useCollection = (0, _collectionManager.useCollection)(),
+    getField = _useCollection.getField;
+  var collectionField = getField(fieldSchema['name']) || getCollectionJoinField(fieldSchema['x-collection-field']);
+  var _useTranslation = (0, _reactI18next.useTranslation)(),
+    t = _useTranslation.t;
+  var _ref = ((_fieldSchema$xCompon = fieldSchema['x-component-props']) === null || _fieldSchema$xCompon === void 0 ? void 0 : _fieldSchema$xCompon.fieldNames) || {},
+    label = _ref.label;
+  var fieldModeOptions = (0, _react2.useMemo)(function () {
+    if (!collectionField || !(collectionField === null || collectionField === void 0 ? void 0 : collectionField.interface)) {
+      return;
+    }
+    if (!['o2o', 'oho', 'obo', 'o2m', 'linkTo', 'm2o', 'm2m'].includes(collectionField.interface)) return;
+    var collection = getCollection(collectionField.target);
+    if ((collection === null || collection === void 0 ? void 0 : collection.template) === 'file') {
+      return isReadPretty ? [{
+        label: t('Title'),
+        value: 'Select'
+      }, {
+        label: t('File manager'),
+        value: 'FileManager'
+      }] : [{
+        label: t('File manager'),
+        value: 'FileManager'
+      }, {
+        label: t('Record picker'),
+        value: 'Picker'
+      }, {
+        label: t('Select'),
+        value: 'Select'
+      }];
+    }
+    switch (collectionField.interface) {
+      case 'o2m':
+        return isReadPretty ? [{
+          label: t('Title'),
+          value: 'Select'
+        },
+        // { label: t('Subtable'), value: 'SubTable' },
+        {
+          label: t('Sub-details'),
+          value: 'Nester'
+        }] : [{
+          label: t('Record picker'),
+          value: 'Picker'
+        },
+        // { label: t('Subtable'), value: 'SubTable' },
+        {
+          label: t('Select'),
+          value: 'Select'
+        }, {
+          label: t('Subform'),
+          value: 'Nester'
+        }];
+      case 'm2o':
+      case 'm2m':
+      case 'linkTo':
+        return isReadPretty ? [{
+          label: t('Title'),
+          value: 'Select'
+        }, {
+          label: t('Sub-details'),
+          value: 'Nester'
+        }] : [{
+          label: t('Record picker'),
+          value: 'Picker'
+        }, {
+          label: t('Select'),
+          value: 'Select'
+        }, {
+          label: t('Subform'),
+          value: 'Nester'
+        }];
+      default:
+        return isReadPretty ? [{
+          label: t('Title'),
+          value: 'Select'
+        }, {
+          label: t('Sub-details'),
+          value: 'Nester'
+        }] : [{
+          label: t('Record picker'),
+          value: 'Picker'
+        }, {
+          label: t('Select'),
+          value: 'Select'
+        }, {
+          label: t('Subform'),
+          value: 'Nester'
+        }];
+    }
+  }, [t, collectionField === null || collectionField === void 0 ? void 0 : collectionField.interface, label]);
+  return fieldModeOptions;
+};
+exports.useFieldModeOptions = useFieldModeOptions;

package/lib/schema-initializer/components/CreateRecordAction.d.ts

@@ -1,3 +1,3 @@
 import React from 'react';
 export declare const actionDesignerCss: string;
-export declare const CreateRecordAction: React.MemoExoticComponent<React.FunctionComponent<unknown>>;
+export declare const CreateRecordAction: React.MemoExoticComponent<React.FunctionComponent<Pick<any, string | number | symbol>>>;

package/lib/schema-initializer/components/CreateRecordAction.js

@@ -117,6 +117,7 @@ var CreateRecordAction = (0, _react.observer)(function (props) {
   var compile = (0, _schemaComponent.useCompile)();
   var _useDesignable = (0, _.useDesignable)(),
     designable = _useDesignable.designable;
+  var icon = props.icon || /*#__PURE__*/_react2.default.createElement(_icons.PlusOutlined, null);
   var menu = /*#__PURE__*/_react2.default.createElement(_antd.Menu, null, inheritsCollections.map(function (option) {
     return /*#__PURE__*/_react2.default.createElement(_antd.Menu.Item, {
       key: option.name,
@@ -160,16 +161,16 @@ var CreateRecordAction = (0, _react.observer)(function (props) {
       setVisible(true);
       setCurrentCollection(collection.name);
     }
-  }, /*#__PURE__*/_react2.default.createElement(_icons.PlusOutlined, null), props.children) : /*#__PURE__*/_react2.default.createElement(_antd.Dropdown, {
+  }, icon, props.children) : /*#__PURE__*/_react2.default.createElement(_antd.Dropdown, {
     overlay: menu
   }, /*#__PURE__*/_react2.default.createElement(_antd.Button, {
-    icon: /*#__PURE__*/_react2.default.createElement(_icons.PlusOutlined, null),
+    icon: icon,
     type: 'primary'
   }, props.children, " ", /*#__PURE__*/_react2.default.createElement(_icons.DownOutlined, null))) : /*#__PURE__*/_react2.default.createElement(_antd.Button, {
     type: componentType,
     disabled: field.disabled,
     danger: componentType === 'danger',
-    icon: /*#__PURE__*/_react2.default.createElement(_icons.PlusOutlined, null),
+    icon: icon,
     onClick: function onClick(info) {
       setVisible(true);
       setCurrentCollection(collection.name);

package/lib/schema-initializer/items/ExpandActionInitializer.d.ts

@@ -1,2 +1 @@
 export declare const ExpandActionInitializer: (props: any) => JSX.Element;
-export declare const ExpandActionComponent: (props: any) => JSX.Element;

package/lib/schema-initializer/items/ExpandActionInitializer.js

@@ -3,33 +3,30 @@
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
-exports.ExpandActionInitializer = exports.ExpandActionComponent = void 0;
+exports.ExpandActionInitializer = void 0;
 var _react = _interopRequireDefault(require("react"));
-var _antd = require("antd");
-var _css = require("@emotion/css");
-var _reactI18next = require("react-i18next");
-var _react2 = require("@formily/react");
 var _ActionInitializer = require("./ActionInitializer");
-var _ = require("../../");
-var _icons = require("@ant-design/icons");
-var _templateObject;
+var _reactI18next = require("react-i18next");
 function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
 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); }
 var ExpandActionInitializer = function ExpandActionInitializer(props) {
+  var _useTranslation = (0, _reactI18next.useTranslation)(),
+    t = _useTranslation.t;
   var schema = {
     'x-action': 'expandAll',
     'x-component': 'Action',
-    'x-designer': 'Action.Designer',
+    'x-designer': 'Expand.Action.Design',
     'x-component-props': {
-      icon: '{{ expandIcon}}',
-      useProps: '{{ useExpandAllActionProps }}',
-      component: 'ExpandActionComponent',
+      titleExpand: t("Expand all"),
+      titleCollapse: t("Collapse all"),
+      iconExpand: 'nodeexpandoutlined',
+      iconCollapse: 'nodecollapseoutlined',
+      component: 'Expand.Action',
       useAction: function useAction() {
         return {
           run: function run() {}
@@ -41,27 +38,4 @@ var ExpandActionInitializer = function ExpandActionInitializer(props) {
     schema: schema
   }));
 };
-exports.ExpandActionInitializer = ExpandActionInitializer;
-var actionDesignerCss = (0, _css.css)(_templateObject || (_templateObject = _taggedTemplateLiteral(["\n  position: relative;\n  &:hover {\n    .general-schema-designer {\n      display: block;\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    top: 0;\n    bottom: 0;\n    left: 0;\n    right: 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 ExpandActionComponent = function ExpandActionComponent(props) {
-  var _schema$parent, _schema$parent$parent;
-  var _useTranslation = (0, _reactI18next.useTranslation)(),
-    t = _useTranslation.t;
-  var schema = (0, _react2.useFieldSchema)();
-  var isTableSelector = ((_schema$parent = schema.parent) === null || _schema$parent === void 0 ? void 0 : (_schema$parent$parent = _schema$parent.parent) === null || _schema$parent$parent === void 0 ? void 0 : _schema$parent$parent['x-decorator']) === 'TableSelectorProvider';
-  var ctx = isTableSelector ? (0, _.useTableSelectorContext)() : (0, _.useTableBlockContext)();
-  return /*#__PURE__*/_react.default.createElement("div", {
-    className: actionDesignerCss
-  }, ctx.params['tree'] && /*#__PURE__*/_react.default.createElement(_antd.Button, {
-    onClick: function onClick() {
-      ctx === null || ctx === void 0 ? void 0 : ctx.setExpandFlag();
-    },
-    icon: (ctx === null || ctx === void 0 ? void 0 : ctx.expandFlag) ? /*#__PURE__*/_react.default.createElement(_icons.NodeCollapseOutlined, null) : /*#__PURE__*/_react.default.createElement(_icons.NodeExpandOutlined, null),
-    type: props.type
-  }, props.children[1], /*#__PURE__*/_react.default.createElement("span", {
-    style: {
-      marginLeft: 10
-    }
-  }, (ctx === null || ctx === void 0 ? void 0 : ctx.expandFlag) ? t('Collapse all') : t('Expand all'))));
-};
-exports.ExpandActionComponent = ExpandActionComponent;
+exports.ExpandActionInitializer = ExpandActionInitializer;

package/lib/schema-initializer/items/SelectActionInitializer.d.ts

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

package/lib/schema-initializer/items/SelectActionInitializer.js

@@ -0,0 +1,73 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.SelectActionInitializer = void 0;
+var _react = _interopRequireDefault(require("react"));
+var _ActionInitializer = require("./ActionInitializer");
+function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
+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); }
+var SelectActionInitializer = function SelectActionInitializer(props) {
+  var schema = {
+    type: 'void',
+    title: '{{ t("Select") }}',
+    'x-action': 'update',
+    'x-designer': 'Action.Designer',
+    'x-component': 'Action',
+    'x-component-props': {
+      openMode: 'drawer'
+    },
+    properties: {
+      drawer: {
+        type: 'void',
+        'x-component': 'AssociationField.Selector',
+        title: '{{ t("Select record") }}',
+        'x-component-props': {
+          className: 'nb-record-picker-selector'
+        },
+        properties: {
+          grid: {
+            type: 'void',
+            'x-component': 'Grid',
+            'x-initializer': 'TableSelectorInitializers',
+            properties: {}
+          },
+          footer: {
+            'x-component': 'Action.Container.Footer',
+            'x-component-props': {},
+            properties: {
+              actions: {
+                type: 'void',
+                'x-component': 'ActionBar',
+                'x-component-props': {},
+                properties: {
+                  submit: {
+                    title: '{{ t("Submit") }}',
+                    'x-action': 'submit',
+                    'x-component': 'Action',
+                    'x-designer': 'Action.Designer',
+                    'x-component-props': {
+                      type: 'primary',
+                      htmlType: 'submit',
+                      useProps: '{{ usePickActionProps }}'
+                    }
+                  }
+                }
+              }
+            }
+          }
+        }
+      }
+    }
+  };
+  return /*#__PURE__*/_react.default.createElement(_ActionInitializer.ActionInitializer, _objectSpread(_objectSpread({}, props), {}, {
+    schema: schema
+  }));
+};
+exports.SelectActionInitializer = SelectActionInitializer;

package/lib/schema-initializer/items/index.d.ts

@@ -48,3 +48,4 @@ export * from './TableSelectorInitializer';
 export * from './UpdateActionInitializer';
 export * from './UpdateSubmitActionInitializer';
 export * from './ViewActionInitializer';
+export * from './SelectActionInitializer';

package/lib/schema-initializer/items/index.js

@@ -552,4 +552,15 @@ Object.keys(_ViewActionInitializer).forEach(function (key) {
       return _ViewActionInitializer[key];
     }
   });
+});
+var _SelectActionInitializer = require("./SelectActionInitializer");
+Object.keys(_SelectActionInitializer).forEach(function (key) {
+  if (key === "default" || key === "__esModule") return;
+  if (key in exports && exports[key] === _SelectActionInitializer[key]) return;
+  Object.defineProperty(exports, key, {
+    enumerable: true,
+    get: function get() {
+      return _SelectActionInitializer[key];
+    }
+  });
 });

package/lib/schema-initializer/utils.js

@@ -280,12 +280,15 @@ var useFormItemInitializerFields = function useFormItemInitializerFields(options
     var _field$uiSchema3, _field$uiSchema4;
     var interfaceConfig = getInterface(field.interface);
     var targetCollection = getCollection(field.target);
-    var component = field.interface === 'o2m' && (targetCollection === null || targetCollection === void 0 ? void 0 : targetCollection.template) !== 'file' && !snapshot ? 'TableField' : 'CollectionField';
+    // const component =
+    //   field.interface === 'o2m' && targetCollection?.template !== 'file' && !snapshot
+    //     ? 'TableField'
+    //     : 'CollectionField';
     var schema = {
       type: 'string',
       name: field.name,
       'x-designer': 'FormItem.Designer',
-      'x-component': component,
+      'x-component': 'CollectionField',
       'x-decorator': 'FormItem',
       'x-collection-field': "".concat(name, ".").concat(field.name),
       'x-component-props': {},
@@ -345,13 +348,16 @@ var useFilterFormItemInitializerFields = function useFilterFormItemInitializerFi
     var _field$uiSchema6;
     var interfaceConfig = getInterface(field.interface);
     var targetCollection = getCollection(field.target);
-    var component = field.interface === 'o2m' && (targetCollection === null || targetCollection === void 0 ? void 0 : targetCollection.template) !== 'file' && !snapshot ? 'TableField' : 'CollectionField';
+    // const component =
+    //   field.interface === 'o2m' && targetCollection?.template !== 'file' && !snapshot
+    //     ? 'TableField'
+    //     : 'CollectionField';
     var schema = {
       type: 'string',
       name: field.name,
       required: false,
       'x-designer': 'FormItem.FilterFormDesigner',
-      'x-component': component,
+      'x-component': 'CollectionField',
       'x-decorator': 'FormItem',
       'x-collection-field': "".concat(name, ".").concat(field.name),
       'x-component-props': {}
@@ -539,13 +545,16 @@ var useInheritsFormItemInitializerFields = function useInheritsFormItemInitializ
       var _field$uiSchema10, _field$uiSchema11, _field$uiSchema12;
       var interfaceConfig = getInterface(field.interface);
       var targetCollection = getCollection(field.target);
-      var component = field.interface === 'o2m' && (targetCollection === null || targetCollection === void 0 ? void 0 : targetCollection.template) !== 'file' && !snapshot ? 'TableField' : 'CollectionField';
+      // const component =
+      //   field.interface === 'o2m' && targetCollection?.template !== 'file' && !snapshot
+      //     ? 'TableField'
+      //     : 'CollectionField';
       var schema = {
         type: 'string',
         name: field.name,
         title: (field === null || field === void 0 ? void 0 : (_field$uiSchema10 = field.uiSchema) === null || _field$uiSchema10 === void 0 ? void 0 : _field$uiSchema10.title) || field.name,
         'x-designer': 'FormItem.Designer',
-        'x-component': component,
+        'x-component': 'CollectionField',
         'x-decorator': 'FormItem',
         'x-collection-field': "".concat(name, ".").concat(field.name),
         'x-component-props': {},
@@ -600,14 +609,17 @@ var useFilterInheritsFormItemInitializerFields = function useFilterInheritsFormI
       var _field$uiSchema13, _field$uiSchema14, _field$uiSchema15;
       var interfaceConfig = getInterface(field.interface);
       var targetCollection = getCollection(field.target);
-      var component = field.interface === 'o2m' && (targetCollection === null || targetCollection === void 0 ? void 0 : targetCollection.template) !== 'file' && !snapshot ? 'TableField' : 'CollectionField';
+      // const component =
+      //   field.interface === 'o2m' && targetCollection?.template !== 'file' && !snapshot
+      //     ? 'TableField'
+      //     : 'CollectionField';
       var schema = {
         type: 'string',
         name: field.name,
         title: (field === null || field === void 0 ? void 0 : (_field$uiSchema13 = field.uiSchema) === null || _field$uiSchema13 === void 0 ? void 0 : _field$uiSchema13.title) || field.name,
         required: false,
         'x-designer': 'FormItem.FilterFormDesigner',
-        'x-component': component,
+        'x-component': 'CollectionField',
         'x-decorator': 'FormItem',
         'x-collection-field': "".concat(name, ".").concat(field.name),
         'x-component-props': {},