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

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

@@ -11,6 +11,7 @@ var _antd = require("antd");
 var _moment = _interopRequireDefault(require("moment"));
 var _react2 = _interopRequireDefault(require("react"));
 var _reactI18next = require("react-i18next");
+var _classnames = _interopRequireDefault(require("classnames"));
 var _ = require("../..");
 var _XButton = require("./XButton");
 var _templateObject, _templateObject2, _templateObject3;
@@ -51,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, {
@@ -66,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, {
@@ -79,7 +80,7 @@ var ConstantTypes = {
   boolean: {
     label: "{{t(\"Boolean\")}}",
     value: 'boolean',
-    component: function component(_ref3) {
+    component: function BooleanComponent(_ref3) {
       var onChange = _ref3.onChange,
         value = _ref3.value;
       var _useTranslation = (0, _reactI18next.useTranslation)(),
@@ -102,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, {
@@ -122,7 +123,7 @@ var ConstantTypes = {
   null: {
     label: "{{t(\"Null\")}}",
     value: 'null',
-    component: function component() {
+    component: function NullComponent() {
       var _useTranslation2 = (0, _reactI18next.useTranslation)(),
         t = _useTranslation2.t;
       return /*#__PURE__*/_react2.default.createElement(_antd.Input, {
@@ -154,12 +155,13 @@ function Input(props) {
     children = props.children,
     button = props.button,
     useTypedConstant = props.useTypedConstant,
-    style = props.style;
+    style = props.style,
+    className = props.className;
   var parsed = parseValue(value);
   var isConstant = typeof parsed === 'string';
   var type = isConstant ? parsed : '';
   var variable = isConstant ? null : parsed;
-  var varialbeOptions = typeof scope === 'function' ? scope() : scope !== null && scope !== void 0 ? scope : [];
+  var variableOptions = typeof scope === 'function' ? scope() : scope !== null && scope !== void 0 ? scope : [];
   var _ref5 = children ? {
       value: '',
       label: '{{t("Constant")}}'
@@ -170,7 +172,7 @@ function Input(props) {
     },
     ConstantComponent = _ref5.component,
     constantOption = _objectWithoutProperties(_ref5, _excluded);
-  var options = compile([constantOption].concat(_toConsumableArray(varialbeOptions)));
+  var options = compile([constantOption].concat(_toConsumableArray(variableOptions)));
   function onSwitch(next) {
     if (next[0] === '') {
       if (next[1]) {
@@ -200,13 +202,9 @@ function Input(props) {
   return /*#__PURE__*/_react2.default.createElement(_antd.Input.Group, {
     compact: true,
     style: style,
-    className: (0, _css.css)(_templateObject || (_templateObject = _taggedTemplateLiteral(["\n        width: auto;\n        display: flex !important;\n        .ant-input-disabled {\n          .ant-tag {\n            color: #bfbfbf;\n            border-color: #d9d9d9;\n          }\n        }\n        .ant-input.null-value {\n          width: 4em;\n          min-width: 4em;\n        }\n      "])))
-  }, /*#__PURE__*/_react2.default.createElement("div", {
-    style: {
-      flex: 1
-    }
+    className: (0, _classnames.default)(className, (0, _css.css)(_templateObject || (_templateObject = _taggedTemplateLiteral(["\n          width: auto;\n          display: flex !important;\n          .ant-input-disabled {\n            .ant-tag {\n              color: #bfbfbf;\n              border-color: #d9d9d9;\n            }\n          }\n          .ant-input.null-value {\n            width: 4em;\n            min-width: 4em;\n          }\n        "]))))
   }, variable ? /*#__PURE__*/_react2.default.createElement("div", {
-    className: (0, _css.css)(_templateObject2 || (_templateObject2 = _taggedTemplateLiteral(["\n              position: relative;\n              line-height: 0;\n\n              &:hover {\n                .ant-select-clear {\n                  opacity: 0.8;\n                }\n              }\n\n              .ant-input {\n                overflow: auto;\n                white-space: nowrap;\n                ", "\n\n                .ant-tag {\n                  display: inline;\n                  line-height: 19px;\n                  margin: 0;\n                  padding: 2px 7px;\n                  border-radius: 10px;\n                }\n              }\n            "])), disabled ? '' : 'padding-right: 28px;')
+    className: (0, _css.css)(_templateObject2 || (_templateObject2 = _taggedTemplateLiteral(["\n            position: relative;\n            line-height: 0;\n\n            &:hover {\n              .ant-select-clear {\n                opacity: 0.8;\n              }\n            }\n\n            .ant-input {\n              overflow: auto;\n              white-space: nowrap;\n              ", "\n\n              .ant-tag {\n                display: inline;\n                line-height: 19px;\n                margin: 0;\n                padding: 2px 7px;\n                border-radius: 10px;\n              }\n            }\n          "])), disabled ? '' : 'padding-right: 28px;')
   }, /*#__PURE__*/_react2.default.createElement("div", {
     onInput: function onInput(e) {
       return e.preventDefault();
@@ -227,7 +225,8 @@ function Input(props) {
     contentEditable: false,
     color: "blue"
   }, variableText)), !disabled ? /*#__PURE__*/_react2.default.createElement("span", {
-    className: (0, _css.cx)('ant-select-clear', (0, _css.css)(_templateObject3 || (_templateObject3 = _taggedTemplateLiteral(["\n                    user-select: 'none';\n                  "])))),
+    className: (0, _css.cx)('ant-select-clear', (0, _css.css)(_templateObject3 || (_templateObject3 = _taggedTemplateLiteral(["\n                  user-select: 'none';\n                "])))),
+    // eslint-disable-next-line react/no-unknown-property
     unselectable: "on",
     "aria-hidden": true,
     onClick: function onClick() {
@@ -236,7 +235,7 @@ function Input(props) {
   }, /*#__PURE__*/_react2.default.createElement(_icons.CloseCircleFilled, null)) : null) : children !== null && children !== void 0 ? children : /*#__PURE__*/_react2.default.createElement(ConstantComponent, {
     value: value,
     onChange: onChange
-  })), options.length > 1 ? /*#__PURE__*/_react2.default.createElement(_antd.Cascader, {
+  }), options.length > 1 ? /*#__PURE__*/_react2.default.createElement(_antd.Cascader, {
     options: options,
     value: variable !== null && variable !== void 0 ? variable : [''].concat(_toConsumableArray(children || !((_constantOption$child = constantOption.children) === null || _constantOption$child === void 0 ? void 0 : _constantOption$child.length) ? [] : [type])),
     onChange: onSwitch,

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/antd/variable/Variable.d.ts

@@ -1,4 +1,5 @@
 /// <reference types="react" />
+import { IField } from '../../../collection-manager';
 export declare function Variable(): any;
 export declare namespace Variable {
     var Input: import("react").ForwardRefExoticComponent<Pick<Partial<any>, string | number | symbol> & import("react").RefAttributes<unknown>>;
@@ -6,3 +7,4 @@ export declare namespace Variable {
     var JSON: import("react").ForwardRefExoticComponent<Pick<Partial<any>, string | number | symbol> & import("react").RefAttributes<unknown>>;
 }
 export default Variable;
+export declare function isInvariable(value: IField): boolean;

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

@@ -5,10 +5,11 @@ Object.defineProperty(exports, "__esModule", {
 });
 exports.Variable = Variable;
 exports.default = void 0;
+exports.isInvariable = isInvariable;
 var _react = require("@formily/react");
 var _Input = require("./Input");
-var _TextArea = require("./TextArea");
 var _JSONInput = require("./JSONInput");
+var _TextArea = require("./TextArea");
 function Variable() {
   return null;
 }
@@ -16,4 +17,7 @@ Variable.Input = (0, _react.connect)(_Input.Input);
 Variable.TextArea = (0, _react.connect)(_TextArea.TextArea, (0, _react.mapReadPretty)(_TextArea.TextArea.ReadPretty));
 Variable.JSON = (0, _react.connect)(_JSONInput.JSONInput);
 var _default = Variable;
-exports.default = _default;
+exports.default = _default;
+function isInvariable(value) {
+  return !!(value === null || value === void 0 ? void 0 : value.invariable);
+}

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];
+    }
+  });
 });