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

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

@@ -35,9 +35,13 @@ import { DndContext, useDesignable, useTableSize } from '../..';
 import { RecordIndexProvider, RecordProvider, useSchemaInitializer, useTableBlockContext, useTableSelectorContext } from '../../../';
 import { useACLFieldWhitelist } from '../../../acl/ACLProvider';
 import { extractIndex, getIdsWithChildren, isCollectionFieldComponent, isColumnComponent } from './utils';
-var useTableColumns = function useTableColumns() {
-  var _schema$reducePropert;
+var useArrayField = function useArrayField(props) {
   var field = useField();
+  return props.field || field;
+};
+var useTableColumns = function useTableColumns(props) {
+  var _schema$reducePropert;
+  var field = useArrayField(props);
   var schema = useFieldSchema();
   var _useACLFieldWhitelist = useACLFieldWhitelist(),
     schemaInWhitelist = _useACLFieldWhitelist.schemaInWhitelist;
@@ -78,8 +82,8 @@ var useTableColumns = function useTableColumns() {
         }, /*#__PURE__*/React.createElement(RecordProvider, {
           record: record
         }, /*#__PURE__*/React.createElement(RecursionField, {
+          basePath: field.address.concat(record.__index || index),
           schema: s,
-          name: record.__index || index,
           onlyRenderProperties: true
         })));
       }
@@ -179,8 +183,6 @@ var useValidator = function useValidator(validator) {
 };
 export var Table = observer(function (props) {
   var _schema$parent, _schema$parent2, _field$data, _fieldSchema$parent, _fieldSchema$parent$x, _field$value4, _field$value4$slice;
-  var field = useField();
-  var columns = useTableColumns();
   var pagination1 = props.pagination,
     useProps = props.useProps,
     onChange = props.onChange,
@@ -201,6 +203,8 @@ export var Table = 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 = 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 ? useTableSelectorContext() : useTableBlockContext();

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

@@ -4,6 +4,7 @@ import { TableColumn } from './Table.Column';
 import { TableColumnActionBar } from './Table.Column.ActionBar';
 import { TableColumnDecorator } from './Table.Column.Decorator';
 import { TableColumnDesigner } from './Table.Column.Designer';
+import { TableIndex } from './Table.Index';
 import { TableSelector } from './TableSelector';
 export * from './TableBlockDesigner';
 export * from './TableField';
@@ -14,4 +15,5 @@ TableV2.Column.ActionBar = TableColumnActionBar;
 TableV2.Column.Decorator = TableColumnDecorator;
 TableV2.Column.Designer = TableColumnDesigner;
 TableV2.ActionColumnDesigner = TableActionColumnDesigner;
-TableV2.Selector = TableSelector;
+TableV2.Selector = TableSelector;
+TableV2.Index = TableIndex;

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

@@ -31,7 +31,7 @@ export 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/es/schema-component/antd/variable/Input.js

@@ -17,6 +17,7 @@ import { Input as AntInput, Cascader, DatePicker, InputNumber, Select, Tag } fro
 import moment from 'moment';
 import React from 'react';
 import { useTranslation } from 'react-i18next';
+import classNames from 'classnames';
 import { useCompile } from '../..';
 import { XButton } from './XButton';
 var JT_VALUE_RE = /^\s*{{\s*([^{}]+)\s*}}\s*$/;
@@ -44,7 +45,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__*/React.createElement(AntInput, {
@@ -59,7 +60,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__*/React.createElement(InputNumber, {
@@ -72,7 +73,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 = useTranslation(),
@@ -95,7 +96,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__*/React.createElement(DatePicker, {
@@ -115,7 +116,7 @@ var ConstantTypes = {
   null: {
     label: "{{t(\"Null\")}}",
     value: 'null',
-    component: function component() {
+    component: function NullComponent() {
       var _useTranslation2 = useTranslation(),
         t = _useTranslation2.t;
       return /*#__PURE__*/React.createElement(AntInput, {
@@ -147,12 +148,13 @@ export 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")}}'
@@ -163,7 +165,7 @@ export 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]) {
@@ -193,13 +195,9 @@ export function Input(props) {
   return /*#__PURE__*/React.createElement(AntInput.Group, {
     compact: true,
     style: style,
-    className: 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__*/React.createElement("div", {
-    style: {
-      flex: 1
-    }
+    className: classNames(className, 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__*/React.createElement("div", {
-    className: 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: 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__*/React.createElement("div", {
     onInput: function onInput(e) {
       return e.preventDefault();
@@ -220,7 +218,8 @@ export function Input(props) {
     contentEditable: false,
     color: "blue"
   }, variableText)), !disabled ? /*#__PURE__*/React.createElement("span", {
-    className: cx('ant-select-clear', css(_templateObject3 || (_templateObject3 = _taggedTemplateLiteral(["\n                    user-select: 'none';\n                  "])))),
+    className: cx('ant-select-clear', 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() {
@@ -229,7 +228,7 @@ export function Input(props) {
   }, /*#__PURE__*/React.createElement(CloseCircleFilled, null)) : null) : children !== null && children !== void 0 ? children : /*#__PURE__*/React.createElement(ConstantComponent, {
     value: value,
     onChange: onChange
-  })), options.length > 1 ? /*#__PURE__*/React.createElement(Cascader, {
+  }), options.length > 1 ? /*#__PURE__*/React.createElement(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/es/schema-component/antd/variable/TextArea.js

@@ -15,7 +15,6 @@ import React, { useState, useEffect, useRef, useMemo } from 'react';
 import { Input } from 'antd';
 import { useForm } from '@formily/react';
 import { cx, css } from '@emotion/css';
-import { useTranslation } from 'react-i18next';
 import * as sanitizeHTML from 'sanitize-html';
 import { EllipsisWithTooltip, useCompile } from '../..';
 import { VariableSelect } from './VariableSelect';
@@ -215,8 +214,6 @@ export function TextArea(props) {
     _props$multiline = props.multiline,
     multiline = _props$multiline === void 0 ? true : _props$multiline;
   var compile = useCompile();
-  var _useTranslation = useTranslation(),
-    t = _useTranslation.t;
   var inputRef = useRef(null);
   var options = compile((_ref2 = typeof scope === 'function' ? scope() : scope) !== null && _ref2 !== void 0 ? _ref2 : []);
   var form = useForm();
@@ -334,7 +331,7 @@ export 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));
     // }
@@ -392,7 +389,7 @@ export 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/es/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/es/schema-component/antd/variable/Variable.js

@@ -1,11 +1,14 @@
 import { connect, mapReadPretty } from '@formily/react';
 import { Input } from './Input';
-import { TextArea } from './TextArea';
 import { JSONInput } from './JSONInput';
+import { TextArea } from './TextArea';
 export function Variable() {
   return null;
 }
 Variable.Input = connect(Input);
 Variable.TextArea = connect(TextArea, mapReadPretty(TextArea.ReadPretty));
 Variable.JSON = connect(JSONInput);
-export default Variable;
+export default Variable;
+export function isInvariable(value) {
+  return !!(value === null || value === void 0 ? void 0 : value.invariable);
+}

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

@@ -23,7 +23,7 @@ var useDragEnd = function useDragEnd(props) {
   var _useTranslation = 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;
@@ -32,6 +32,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);
@@ -60,7 +61,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/es/schema-component/common/sortable-item/SortableItem.js

@@ -72,15 +72,18 @@ var useSortableItemId = function useSortableItemId(props) {
   return field.address.toString();
 };
 export var SortableItem = 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__*/React.createElement(SortableProvider, {
     id: id,
     data: {
       insertAdjacent: 'afterEnd',
-      schema: schema
+      schema: schema,
+      removeParentsIfNoChildren: removeParentsIfNoChildren
     }
   }, /*#__PURE__*/React.createElement(Sortable, _objectSpread({}, others), props.children));
 });

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

@@ -62,7 +62,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, flat(values));
   } else {
     return str;
   }

package/es/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/es/schema-component/hooks/index.js

@@ -8,4 +8,5 @@ export * from './useSchemaComponentContext';
 export * from './useFieldComponentOptions';
 export * from './useFieldTitle';
 export * from './useProps';
-export * from './useTableSize';
+export * from './useTableSize';
+export * from './useFieldModeOptions';

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

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

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

@@ -0,0 +1,105 @@
+import { useFieldSchema, useField } from '@formily/react';
+import { useMemo } from 'react';
+import { useTranslation } from 'react-i18next';
+import { useCollection, useCollectionManager } from '../../collection-manager';
+export var useFieldModeOptions = function useFieldModeOptions() {
+  var _fieldSchema$xCompon;
+  var _useCollectionManager = useCollectionManager(),
+    getCollectionJoinField = _useCollectionManager.getCollectionJoinField,
+    getCollection = _useCollectionManager.getCollection;
+  var fieldSchema = useFieldSchema();
+  var field = useField();
+  var isReadPretty = field.readPretty;
+  var _useCollection = useCollection(),
+    getField = _useCollection.getField;
+  var collectionField = getField(fieldSchema['name']) || getCollectionJoinField(fieldSchema['x-collection-field']);
+  var _useTranslation = 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 = 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;
+};

package/es/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/es/schema-initializer/components/CreateRecordAction.js

@@ -108,6 +108,7 @@ export var CreateRecordAction = observer(function (props) {
   var compile = useCompile();
   var _useDesignable = useDesignable(),
     designable = _useDesignable.designable;
+  var icon = props.icon || /*#__PURE__*/React.createElement(PlusOutlined, null);
   var menu = /*#__PURE__*/React.createElement(Menu, null, inheritsCollections.map(function (option) {
     return /*#__PURE__*/React.createElement(Menu.Item, {
       key: option.name,
@@ -151,16 +152,16 @@ export var CreateRecordAction = observer(function (props) {
       setVisible(true);
       setCurrentCollection(collection.name);
     }
-  }, /*#__PURE__*/React.createElement(PlusOutlined, null), props.children) : /*#__PURE__*/React.createElement(Dropdown, {
+  }, icon, props.children) : /*#__PURE__*/React.createElement(Dropdown, {
     overlay: menu
   }, /*#__PURE__*/React.createElement(Button, {
-    icon: /*#__PURE__*/React.createElement(PlusOutlined, null),
+    icon: icon,
     type: 'primary'
   }, props.children, " ", /*#__PURE__*/React.createElement(DownOutlined, null))) : /*#__PURE__*/React.createElement(Button, {
     type: componentType,
     disabled: field.disabled,
     danger: componentType === 'danger',
-    icon: /*#__PURE__*/React.createElement(PlusOutlined, null),
+    icon: icon,
     onClick: function onClick(info) {
       setVisible(true);
       setCurrentCollection(collection.name);

package/es/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/es/schema-initializer/items/ExpandActionInitializer.js

@@ -1,28 +1,25 @@
-var _templateObject;
 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 React from 'react';
-import { Button } from 'antd';
-import { css } from '@emotion/css';
-import { useTranslation } from 'react-i18next';
-import { useFieldSchema } from '@formily/react';
 import { ActionInitializer } from './ActionInitializer';
-import { useTableBlockContext, useTableSelectorContext } from '../../';
-import { NodeCollapseOutlined, NodeExpandOutlined } from '@ant-design/icons';
+import { useTranslation } from 'react-i18next';
 export var ExpandActionInitializer = function ExpandActionInitializer(props) {
+  var _useTranslation = 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() {}
@@ -33,26 +30,4 @@ export var ExpandActionInitializer = function ExpandActionInitializer(props) {
   return /*#__PURE__*/React.createElement(ActionInitializer, _objectSpread(_objectSpread({}, props), {}, {
     schema: schema
   }));
-};
-var actionDesignerCss = 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"])));
-export var ExpandActionComponent = function ExpandActionComponent(props) {
-  var _schema$parent, _schema$parent$parent;
-  var _useTranslation = useTranslation(),
-    t = _useTranslation.t;
-  var schema = 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 ? useTableSelectorContext() : useTableBlockContext();
-  return /*#__PURE__*/React.createElement("div", {
-    className: actionDesignerCss
-  }, ctx.params['tree'] && /*#__PURE__*/React.createElement(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.createElement(NodeCollapseOutlined, null) : /*#__PURE__*/React.createElement(NodeExpandOutlined, null),
-    type: props.type
-  }, props.children[1], /*#__PURE__*/React.createElement("span", {
-    style: {
-      marginLeft: 10
-    }
-  }, (ctx === null || ctx === void 0 ? void 0 : ctx.expandFlag) ? t('Collapse all') : t('Expand all'))));
 };

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

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

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

@@ -0,0 +1,65 @@
+function _typeof(obj) { "@babel/helpers - typeof"; return _typeof = "function" == typeof Symbol && "symbol" == typeof Symbol.iterator ? function (obj) { return typeof obj; } : function (obj) { return obj && "function" == typeof Symbol && obj.constructor === Symbol && obj !== Symbol.prototype ? "symbol" : typeof obj; }, _typeof(obj); }
+function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); enumerableOnly && (symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }
+function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys(Object(source), !0).forEach(function (key) { _defineProperty(target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
+function _defineProperty(obj, key, value) { key = _toPropertyKey(key); if (key in obj) { Object.defineProperty(obj, key, { value: value, enumerable: true, configurable: true, writable: true }); } else { obj[key] = value; } return obj; }
+function _toPropertyKey(arg) { var key = _toPrimitive(arg, "string"); return _typeof(key) === "symbol" ? key : String(key); }
+function _toPrimitive(input, hint) { if (_typeof(input) !== "object" || input === null) return input; var prim = input[Symbol.toPrimitive]; if (prim !== undefined) { var res = prim.call(input, hint || "default"); if (_typeof(res) !== "object") return res; throw new TypeError("@@toPrimitive must return a primitive value."); } return (hint === "string" ? String : Number)(input); }
+import React from 'react';
+import { ActionInitializer } from './ActionInitializer';
+export 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.createElement(ActionInitializer, _objectSpread(_objectSpread({}, props), {}, {
+    schema: schema
+  }));
+};

package/es/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/es/schema-initializer/items/index.js

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