@nocobase/client 0.9.0-alpha.2 → 0.9.1-alpha.2

package/lib/schema-initializer/buttons/BlockInitializers.d.ts

@@ -124,7 +124,7 @@ export declare const BlockInitializers: {
             };
         };
     };
-    items: ({
+    items: {
         key: string;
         type: string;
         title: string;
@@ -134,187 +134,5 @@ export declare const BlockInitializers: {
             title: string;
             component: string;
         }[];
-    } | {
-        key: string;
-        type: string;
-        title: string;
-        children: ({
-            key: string;
-            type: string;
-            title: string;
-            component: string;
-            icon: string;
-            schema: {
-                type: string;
-                'x-designer': string;
-                'x-decorator': string;
-                'x-component': string;
-                'x-component-props': {
-                    plot: string;
-                    config: {
-                        data: {
-                            type: string;
-                            sales: number;
-                        }[];
-                        xField: string;
-                        yField: string;
-                        label: {
-                            position: string;
-                            style: {
-                                fill: string;
-                                opacity: number;
-                            };
-                        };
-                        xAxis: {
-                            label: {
-                                autoHide: boolean;
-                                autoRotate: boolean;
-                            };
-                        };
-                        meta: {
-                            type: {
-                                alias: string;
-                            };
-                            sales: {
-                                alias: string;
-                            };
-                        };
-                    };
-                };
-            };
-        } | {
-            key: string;
-            type: string;
-            title: string;
-            component: string;
-            icon: string;
-            schema: {
-                type: string;
-                'x-designer': string;
-                'x-decorator': string;
-                'x-component': string;
-                'x-component-props': {
-                    plot: string;
-                    config: {
-                        data: {
-                            year: string;
-                            value: number;
-                        }[];
-                        xField: string;
-                        yField: string;
-                        seriesField: string;
-                        legend: {
-                            position: string;
-                        };
-                    };
-                };
-            };
-        } | {
-            key: string;
-            type: string;
-            title: string;
-            component: string;
-            icon: string;
-            schema: {
-                type: string;
-                'x-designer': string;
-                'x-decorator': string;
-                'x-component': string;
-                'x-component-props': {
-                    plot: string;
-                    config: {
-                        data: {
-                            Date: string;
-                            scales: number;
-                        }[];
-                        padding: string;
-                        xField: string;
-                        yField: string;
-                        xAxis: {
-                            tickCount: number;
-                        };
-                    };
-                };
-            };
-        } | {
-            key: string;
-            type: string;
-            title: string;
-            component: string;
-            icon: string;
-            schema: {
-                type: string;
-                'x-designer': string;
-                'x-decorator': string;
-                'x-component': string;
-                'x-component-props': {
-                    plot: string;
-                    config: {
-                        appendPadding: number;
-                        data: {
-                            type: string;
-                            value: number;
-                        }[];
-                        angleField: string;
-                        colorField: string;
-                        radius: number;
-                        label: {
-                            type: string;
-                            offset: string;
-                            content: string;
-                            style: {
-                                fontSize: number;
-                                textAlign: string;
-                            };
-                        };
-                        interactions: {
-                            type: string;
-                        }[];
-                    };
-                };
-            };
-        } | {
-            key: string;
-            type: string;
-            title: string;
-            component: string;
-            icon: string;
-            schema: {
-                type: string;
-                'x-designer': string;
-                'x-decorator': string;
-                'x-component': string;
-                'x-component-props': {
-                    plot: string;
-                    config: {
-                        data: {
-                            timePeriod: string;
-                            value: number;
-                        }[];
-                        xField: string;
-                        yField: string;
-                        xAxis: {
-                            range: number[];
-                        };
-                    };
-                };
-            };
-        } | {
-            key: string;
-            type: string;
-            title: string;
-            component: string;
-            icon: string;
-            schema: {
-                type: string;
-                'x-designer': string;
-                'x-decorator': string;
-                'x-component': string;
-                'x-component-props': {
-                    plot?: undefined;
-                    config?: undefined;
-                };
-            };
-        })[];
-    })[];
+    }[];
 };

package/lib/schema-initializer/buttons/BlockInitializers.js

@@ -1,7 +1,5 @@
 "use strict";
 
-function _typeof(obj) { "@babel/helpers - typeof"; return _typeof = "function" == typeof Symbol && "symbol" == typeof Symbol.iterator ? function (obj) { return typeof obj; } : function (obj) { return obj && "function" == typeof Symbol && obj.constructor === Symbol && obj !== Symbol.prototype ? "symbol" : typeof obj; }, _typeof(obj); }
-
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
@@ -9,12 +7,6 @@ exports.BlockInitializers = void 0;
 
 var _utils = require("../utils");
 
-var chartConfig = _interopRequireWildcard(require("./chart-config"));
-
-function _getRequireWildcardCache(nodeInterop) { if (typeof WeakMap !== "function") return null; var cacheBabelInterop = new WeakMap(); var cacheNodeInterop = new WeakMap(); return (_getRequireWildcardCache = function _getRequireWildcardCache(nodeInterop) { return nodeInterop ? cacheNodeInterop : cacheBabelInterop; })(nodeInterop); }
-
-function _interopRequireWildcard(obj, nodeInterop) { if (!nodeInterop && obj && obj.__esModule) { return obj; } if (obj === null || _typeof(obj) !== "object" && typeof obj !== "function") { return { default: obj }; } var cache = _getRequireWildcardCache(nodeInterop); if (cache && cache.has(obj)) { return cache.get(obj); } var newObj = {}; var hasPropertyDescriptor = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var key in obj) { if (key !== "default" && Object.prototype.hasOwnProperty.call(obj, key)) { var desc = hasPropertyDescriptor ? Object.getOwnPropertyDescriptor(obj, key) : null; if (desc && (desc.get || desc.set)) { Object.defineProperty(newObj, key, desc); } else { newObj[key] = obj[key]; } } } newObj.default = obj; if (cache) { cache.set(obj, newObj); } return newObj; }
-
 // 页面里添加区块
 var BlockInitializers = {
   title: '{{t("Add block")}}',
@@ -50,106 +42,6 @@ var BlockInitializers = {
       title: '{{t("Kanban")}}',
       component: 'KanbanBlockInitializer'
     }]
-  }, {
-    key: 'g2plot',
-    type: 'itemGroup',
-    title: '{{t("Chart blocks")}}',
-    children: [{
-      key: 'column',
-      type: 'item',
-      title: '{{t("Column chart")}}',
-      component: 'G2PlotInitializer',
-      icon: 'BarChartOutlined',
-      schema: {
-        type: 'void',
-        'x-designer': 'G2Plot.Designer',
-        'x-decorator': 'CardItem',
-        'x-component': 'G2Plot',
-        'x-component-props': {
-          plot: 'Column',
-          config: chartConfig.column
-        }
-      }
-    }, {
-      key: 'bar',
-      type: 'item',
-      title: '{{t("Bar chart")}}',
-      component: 'G2PlotInitializer',
-      icon: 'BarChartOutlined',
-      schema: {
-        type: 'void',
-        'x-designer': 'G2Plot.Designer',
-        'x-decorator': 'CardItem',
-        'x-component': 'G2Plot',
-        'x-component-props': {
-          plot: 'Bar',
-          config: chartConfig.bar
-        }
-      }
-    }, {
-      key: 'line',
-      type: 'item',
-      title: '{{t("Line chart")}}',
-      component: 'G2PlotInitializer',
-      icon: 'LineChartOutlined',
-      schema: {
-        type: 'void',
-        'x-designer': 'G2Plot.Designer',
-        'x-decorator': 'CardItem',
-        'x-component': 'G2Plot',
-        'x-component-props': {
-          plot: 'Line',
-          config: chartConfig.line
-        }
-      }
-    }, {
-      key: 'pie',
-      type: 'item',
-      title: '{{t("Pie chart")}}',
-      component: 'G2PlotInitializer',
-      icon: 'PieChartOutlined',
-      schema: {
-        type: 'void',
-        'x-designer': 'G2Plot.Designer',
-        'x-decorator': 'CardItem',
-        'x-component': 'G2Plot',
-        'x-component-props': {
-          plot: 'Pie',
-          config: chartConfig.pie
-        }
-      }
-    }, {
-      key: 'area',
-      type: 'item',
-      title: '{{t("Area chart")}}',
-      component: 'G2PlotInitializer',
-      icon: 'AreaChartOutlined',
-      schema: {
-        type: 'void',
-        'x-designer': 'G2Plot.Designer',
-        'x-decorator': 'CardItem',
-        'x-component': 'G2Plot',
-        'x-component-props': {
-          plot: 'Area',
-          config: chartConfig.area
-        }
-      }
-    }, {
-      key: 'other',
-      type: 'item',
-      title: '{{t("Other chart")}}',
-      component: 'G2PlotInitializer',
-      icon: 'AreaChartOutlined',
-      schema: {
-        type: 'void',
-        'x-designer': 'G2Plot.Designer',
-        'x-decorator': 'CardItem',
-        'x-component': 'G2Plot',
-        'x-component-props': {// plot: 'Area',
-          // config: {},
-        }
-      }
-    }]
   }, {
     key: 'media',
     type: 'itemGroup',

package/lib/schema-initializer/buttons/RecordBlockInitializers.js

@@ -17,6 +17,12 @@ var _utils = require("../utils");
 
 function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: 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) { if (key in obj) { Object.defineProperty(obj, key, { value: value, enumerable: true, configurable: true, writable: true }); } else { obj[key] = value; } return obj; }
+
 var recursiveParent = function recursiveParent(schema) {
   var _schema$xDecorator;
 
@@ -124,17 +130,21 @@ var useRelationFields = function useRelationFields() {
   return relationFields;
 };
 
-var useInheritFields = function useInheritFields(props) {
-  var actionInitializers = props.actionInitializers;
-  var collection = (0, _.useCollection)();
-
-  var _useCollectionManager2 = (0, _.useCollectionManager)(),
-      getChildrenCollections = _useCollectionManager2.getChildrenCollections;
-
-  var childrenCollections = getChildrenCollections(collection.name);
-  return childrenCollections.map(function (c) {
+var useDetailCollections = function useDetailCollections(props) {
+  var actionInitializers = props.actionInitializers,
+      childrenCollections = props.childrenCollections,
+      collection = props.collection;
+  var detailCollections = [{
+    key: collection.name,
+    type: 'item',
+    title: (collection === null || collection === void 0 ? void 0 : collection.title) || collection.name,
+    component: 'RecordReadPrettyFormBlockInitializer',
+    icon: false,
+    targetCollection: collection,
+    actionInitializers: actionInitializers
+  }].concat(childrenCollections.map(function (c) {
     return {
-      key: c.key,
+      key: c.name,
       type: 'item',
       title: (c === null || c === void 0 ? void 0 : c.title) || c.name,
       component: 'RecordReadPrettyFormBlockInitializer',
@@ -142,7 +152,34 @@ var useInheritFields = function useInheritFields(props) {
       targetCollection: c,
       actionInitializers: actionInitializers
     };
-  });
+  }));
+  return detailCollections;
+};
+
+var useFormCollections = function useFormCollections(props) {
+  var actionInitializers = props.actionInitializers,
+      childrenCollections = props.childrenCollections,
+      collection = props.collection;
+  var formCollections = [{
+    key: collection.name,
+    type: 'item',
+    title: (collection === null || collection === void 0 ? void 0 : collection.title) || collection.name,
+    component: 'RecordFormBlockInitializer',
+    icon: false,
+    targetCollection: collection,
+    actionInitializers: actionInitializers
+  }].concat(childrenCollections.map(function (c) {
+    return {
+      key: c.name,
+      type: 'item',
+      title: (c === null || c === void 0 ? void 0 : c.title) || c.name,
+      component: 'RecordFormBlockInitializer',
+      icon: false,
+      targetCollection: c,
+      actionInitializers: actionInitializers
+    };
+  }));
+  return formCollections;
 };
 
 var RecordBlockInitializers = function RecordBlockInitializers(props) {
@@ -152,6 +189,13 @@ var RecordBlockInitializers = function RecordBlockInitializers(props) {
   var insertPosition = props.insertPosition,
       component = props.component,
       actionInitializers = props.actionInitializers;
+  var collection = (0, _.useCollection)();
+
+  var _useCollectionManager2 = (0, _.useCollectionManager)(),
+      getChildrenCollections = _useCollectionManager2.getChildrenCollections;
+
+  var childrenCollections = getChildrenCollections(collection.name);
+  var hasChildCollection = (childrenCollections === null || childrenCollections === void 0 ? void 0 : childrenCollections.length) > 0;
   return /*#__PURE__*/_react2.default.createElement(_.SchemaInitializer.Button, {
     wrap: _utils.gridRowColWrap,
     insertPosition: insertPosition,
@@ -161,7 +205,23 @@ var RecordBlockInitializers = function RecordBlockInitializers(props) {
     items: [{
       type: 'itemGroup',
       title: '{{t("Current record blocks")}}',
-      children: [{
+      children: hasChildCollection ? [{
+        key: 'details',
+        type: 'subMenu',
+        title: '{{t("Details")}}',
+        children: useDetailCollections(_objectSpread(_objectSpread({}, props), {}, {
+          childrenCollections: childrenCollections,
+          collection: collection
+        }))
+      }, {
+        key: 'form',
+        type: 'subMenu',
+        title: '{{t("Form")}}',
+        children: useFormCollections(_objectSpread(_objectSpread({}, props), {}, {
+          childrenCollections: childrenCollections,
+          collection: collection
+        }))
+      }] : [{
         key: 'details',
         type: 'item',
         title: '{{t("Details")}}',
@@ -173,10 +233,6 @@ var RecordBlockInitializers = function RecordBlockInitializers(props) {
         title: '{{t("Form")}}',
         component: 'RecordFormBlockInitializer'
       }]
-    }, {
-      type: 'itemGroup',
-      title: '{{t("Children collection blocks")}}',
-      children: useInheritFields(props)
     }, {
       type: 'itemGroup',
       title: '{{t("Relationship blocks")}}',

package/lib/schema-initializer/buttons/TableActionColumnInitializers.d.ts

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

package/lib/schema-initializer/buttons/TableActionColumnInitializers.js

@@ -3,7 +3,7 @@
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
-exports.TableActionColumnInitializers = void 0;
+exports.TableActionColumnInitializers = exports.Resizable = void 0;
 
 var _icons = require("@ant-design/icons");
 
@@ -64,6 +64,8 @@ var Resizable = function Resizable(props) {
   });
 };
 
+exports.Resizable = Resizable;
+
 var TableActionColumnInitializers = function TableActionColumnInitializers(props) {
   var fieldSchema = (0, _react.useFieldSchema)();
   var api = (0, _apiClient.useAPIClient)();

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

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

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

@@ -0,0 +1,199 @@
+"use strict";
+
+function _typeof(obj) { "@babel/helpers - typeof"; return _typeof = "function" == typeof Symbol && "symbol" == typeof Symbol.iterator ? function (obj) { return typeof obj; } : function (obj) { return obj && "function" == typeof Symbol && obj.constructor === Symbol && obj !== Symbol.prototype ? "symbol" : typeof obj; }, _typeof(obj); }
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.actionDesignerCss = exports.CreateRecordAction = void 0;
+
+var _react = _interopRequireWildcard(require("react"));
+
+var _icons = require("@ant-design/icons");
+
+var _react2 = require("@formily/react");
+
+var _antd = require("antd");
+
+var _css = require("@emotion/css");
+
+var _collectionManager = require("../../collection-manager");
+
+var _schemaComponent = require("../../schema-component");
+
+var _ACLProvider = require("../../acl/ACLProvider");
+
+var _templateObject;
+
+function _getRequireWildcardCache(nodeInterop) { if (typeof WeakMap !== "function") return null; var cacheBabelInterop = new WeakMap(); var cacheNodeInterop = new WeakMap(); return (_getRequireWildcardCache = function _getRequireWildcardCache(nodeInterop) { return nodeInterop ? cacheNodeInterop : cacheBabelInterop; })(nodeInterop); }
+
+function _interopRequireWildcard(obj, nodeInterop) { if (!nodeInterop && obj && obj.__esModule) { return obj; } if (obj === null || _typeof(obj) !== "object" && typeof obj !== "function") { return { default: obj }; } var cache = _getRequireWildcardCache(nodeInterop); if (cache && cache.has(obj)) { return cache.get(obj); } var newObj = {}; var hasPropertyDescriptor = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var key in obj) { if (key !== "default" && Object.prototype.hasOwnProperty.call(obj, key)) { var desc = hasPropertyDescriptor ? Object.getOwnPropertyDescriptor(obj, key) : null; if (desc && (desc.get || desc.set)) { Object.defineProperty(newObj, key, desc); } else { newObj[key] = obj[key]; } } } newObj.default = obj; if (cache) { cache.set(obj, newObj); } return newObj; }
+
+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) { if (key in obj) { Object.defineProperty(obj, key, { value: value, enumerable: true, configurable: true, writable: true }); } else { obj[key] = value; } return obj; }
+
+function _slicedToArray(arr, i) { return _arrayWithHoles(arr) || _iterableToArrayLimit(arr, i) || _unsupportedIterableToArray(arr, i) || _nonIterableRest(); }
+
+function _nonIterableRest() { throw new TypeError("Invalid attempt to destructure non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method."); }
+
+function _unsupportedIterableToArray(o, minLen) { if (!o) return; if (typeof o === "string") return _arrayLikeToArray(o, minLen); var n = Object.prototype.toString.call(o).slice(8, -1); if (n === "Object" && o.constructor) n = o.constructor.name; if (n === "Map" || n === "Set") return Array.from(o); if (n === "Arguments" || /^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n)) return _arrayLikeToArray(o, minLen); }
+
+function _arrayLikeToArray(arr, len) { if (len == null || len > arr.length) len = arr.length; for (var i = 0, arr2 = new Array(len); i < len; i++) { arr2[i] = arr[i]; } return arr2; }
+
+function _iterableToArrayLimit(arr, i) { var _i = arr == null ? null : typeof Symbol !== "undefined" && arr[Symbol.iterator] || arr["@@iterator"]; if (_i == null) return; var _arr = []; var _n = true; var _d = false; var _s, _e; try { for (_i = _i.call(arr); !(_n = (_s = _i.next()).done); _n = true) { _arr.push(_s.value); if (i && _arr.length === i) break; } } catch (err) { _d = true; _e = err; } finally { try { if (!_n && _i["return"] != null) _i["return"](); } finally { if (_d) throw _e; } } return _arr; }
+
+function _arrayWithHoles(arr) { if (Array.isArray(arr)) return arr; }
+
+function _taggedTemplateLiteral(strings, raw) { if (!raw) { raw = strings.slice(0); } return Object.freeze(Object.defineProperties(strings, { raw: { value: Object.freeze(raw) } })); }
+
+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"])));
+exports.actionDesignerCss = actionDesignerCss;
+
+var actionAclCheck = function actionAclCheck(actionPath) {
+  var _actionPath;
+
+  var _useACLRolesCheck = (0, _ACLProvider.useACLRolesCheck)(),
+      data = _useACLRolesCheck.data,
+      inResources = _useACLRolesCheck.inResources,
+      getResourceActionParams = _useACLRolesCheck.getResourceActionParams,
+      getStrategyActionParams = _useACLRolesCheck.getStrategyActionParams;
+
+  var recordPkValue = (0, _ACLProvider.useRecordPkValue)();
+  var collection = (0, _collectionManager.useCollection)();
+  var resource = collection.resource;
+
+  var parseAction = function parseAction(actionPath) {
+    var options = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : {};
+
+    var _actionPath$split = actionPath.split(':'),
+        _actionPath$split2 = _slicedToArray(_actionPath$split, 1),
+        resourceName = _actionPath$split2[0];
+
+    if (data === null || data === void 0 ? void 0 : data.allowAll) {
+      return {};
+    }
+
+    if (inResources(resourceName)) {
+      return getResourceActionParams(actionPath);
+    }
+
+    return getStrategyActionParams(actionPath);
+  };
+
+  if (!actionPath && resource) {
+    actionPath = "".concat(resource, ":create}");
+  }
+
+  if (!((_actionPath = actionPath) === null || _actionPath === void 0 ? void 0 : _actionPath.includes(':'))) {
+    actionPath = "".concat(resource, ":").concat(actionPath);
+  }
+
+  if (!actionPath) {
+    return true;
+  }
+
+  var params = parseAction(actionPath, {
+    recordPkValue: recordPkValue
+  });
+
+  if (!params) {
+    return false;
+  }
+
+  return true;
+};
+
+var CreateRecordAction = (0, _react2.observer)(function (props) {
+  var _useState = (0, _react.useState)(false),
+      _useState2 = _slicedToArray(_useState, 2),
+      visible = _useState2[0],
+      setVisible = _useState2[1];
+
+  var collection = (0, _collectionManager.useCollection)();
+  var fieldSchema = (0, _react2.useFieldSchema)();
+  var enableChildren = fieldSchema['x-enable-children'] || [];
+  var field = (0, _react2.useField)();
+
+  var _useCollectionManager = (0, _collectionManager.useCollectionManager)(),
+      getChildrenCollections = _useCollectionManager.getChildrenCollections;
+
+  var totalChildCollections = getChildrenCollections(collection.name);
+  var inheritsCollections = enableChildren.map(function (k) {
+    var childCollection = totalChildCollections.find(function (j) {
+      return j.name === k.collection;
+    });
+    return _objectSpread(_objectSpread({}, childCollection), {}, {
+      title: k.title || childCollection.title
+    });
+  }).filter(function (v) {
+    return actionAclCheck("".concat(v.name, ":create"));
+  });
+
+  var _useState3 = (0, _react.useState)(collection.name),
+      _useState4 = _slicedToArray(_useState3, 2),
+      currentCollection = _useState4[0],
+      setCurrentCollection = _useState4[1];
+
+  var ctx = (0, _schemaComponent.useActionContext)();
+  var compile = (0, _schemaComponent.useCompile)();
+
+  var menu = /*#__PURE__*/_react.default.createElement(_antd.Menu, null, inheritsCollections.map(function (option) {
+    return /*#__PURE__*/_react.default.createElement(_antd.Menu.Item, {
+      key: option.name,
+      onClick: function onClick(info) {
+        setVisible(true);
+        setCurrentCollection(option.name);
+      }
+    }, compile(option.title));
+  }));
+
+  return /*#__PURE__*/_react.default.createElement("div", {
+    className: actionDesignerCss
+  }, /*#__PURE__*/_react.default.createElement(_schemaComponent.ActionContext.Provider, {
+    value: _objectSpread(_objectSpread({}, ctx), {}, {
+      visible: visible,
+      setVisible: setVisible
+    })
+  }, (inheritsCollections === null || inheritsCollections === void 0 ? void 0 : inheritsCollections.length) > 0 ? /*#__PURE__*/_react.default.createElement(_antd.Dropdown.Button, {
+    type: "primary",
+    icon: /*#__PURE__*/_react.default.createElement(_icons.DownOutlined, null),
+    buttonsRender: function buttonsRender(_ref) {
+      var _ref2 = _slicedToArray(_ref, 2),
+          leftButton = _ref2[0],
+          rightButton = _ref2[1];
+
+      return [leftButton, /*#__PURE__*/_react.default.cloneElement(rightButton, {
+        loading: false
+      })];
+    },
+    overlay: menu,
+    onClick: function onClick(info) {
+      setVisible(true);
+      setCurrentCollection(collection.name);
+    }
+  }, /*#__PURE__*/_react.default.createElement(_icons.PlusOutlined, null), props.children) : /*#__PURE__*/_react.default.createElement(_antd.Button, {
+    type: 'primary',
+    icon: /*#__PURE__*/_react.default.createElement(_icons.PlusOutlined, null),
+    onClick: function onClick(info) {
+      setVisible(true);
+      setCurrentCollection(collection.name);
+    }
+  }, props.children), /*#__PURE__*/_react.default.createElement(_collectionManager.CollectionProvider, {
+    name: currentCollection
+  }, /*#__PURE__*/_react.default.createElement(_react2.RecursionField, {
+    schema: fieldSchema,
+    basePath: field.address,
+    onlyRenderProperties: true
+  }))));
+}); // export const CreateRecordAction = observer((props: any) => {
+//   return (
+//     <Action {...props} component={CreateAction}>
+//       {props.children}
+//     </Action>
+//   );
+// });
+
+exports.CreateRecordAction = CreateRecordAction;