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

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

@@ -17,6 +17,7 @@ export declare const DetailsActionInitializers: {
                 'x-component-props': {
                     type: string;
                 };
+                'x-action'?: undefined;
             };
         } | {
             type: string;
@@ -26,6 +27,19 @@ export declare const DetailsActionInitializers: {
                 'x-component': string;
                 'x-decorator': string;
                 'x-component-props'?: undefined;
+                'x-action'?: undefined;
+            };
+        } | {
+            type: string;
+            title: string;
+            component: string;
+            schema: {
+                'x-component': string;
+                'x-action': string;
+                'x-decorator': string;
+                'x-component-props': {
+                    type: string;
+                };
             };
         })[];
     }[];

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

@@ -33,6 +33,18 @@ var DetailsActionInitializers = {
         'x-component': 'Action',
         'x-decorator': 'ACLActionProvider'
       }
+    }, {
+      type: 'item',
+      title: '{{t("Duplicate")}}',
+      component: 'DuplicateActionInitializer',
+      schema: {
+        'x-component': 'Action',
+        'x-action': 'duplicate',
+        'x-decorator': 'ACLActionProvider',
+        'x-component-props': {
+          type: 'primary'
+        }
+      }
     }]
   }]
 };

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

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

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

@@ -17,6 +17,7 @@ export declare const ReadPrettyFormActionInitializers: {
                 'x-component-props': {
                     type: string;
                 };
+                'x-action'?: undefined;
             };
             visible: () => boolean;
         } | {
@@ -27,6 +28,20 @@ export declare const ReadPrettyFormActionInitializers: {
                 'x-component': string;
                 'x-decorator': string;
                 'x-component-props'?: undefined;
+                'x-action'?: undefined;
+            };
+            visible: () => boolean;
+        } | {
+            type: string;
+            title: string;
+            component: string;
+            schema: {
+                'x-component': string;
+                'x-action': string;
+                'x-decorator': string;
+                'x-component-props': {
+                    type: string;
+                };
             };
             visible: () => boolean;
         } | {
@@ -37,6 +52,7 @@ export declare const ReadPrettyFormActionInitializers: {
                 'x-component': string;
                 'x-decorator'?: undefined;
                 'x-component-props'?: undefined;
+                'x-action'?: undefined;
             };
             visible?: undefined;
         })[];

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

@@ -5,6 +5,10 @@ Object.defineProperty(exports, "__esModule", {
 });
 exports.ReadPrettyFormActionInitializers = void 0;
 var _ = require("../..");
+var useVisibleCollection = function useVisibleCollection() {
+  var collection = (0, _.useCollection)();
+  return collection.template !== 'view';
+};
 // 表单的操作配置
 var ReadPrettyFormActionInitializers = {
   title: '{{t("Configure actions")}}',
@@ -26,10 +30,7 @@ var ReadPrettyFormActionInitializers = {
           type: 'primary'
         }
       },
-      visible: function visible() {
-        var collection = (0, _.useCollection)();
-        return collection.template !== 'view';
-      }
+      visible: useVisibleCollection
     }, {
       type: 'item',
       title: '{{t("Delete")}}',
@@ -38,10 +39,20 @@ var ReadPrettyFormActionInitializers = {
         'x-component': 'Action',
         'x-decorator': 'ACLActionProvider'
       },
-      visible: function visible() {
-        var collection = (0, _.useCollection)();
-        return collection.template !== 'view';
-      }
+      visible: useVisibleCollection
+    }, {
+      type: 'item',
+      title: '{{t("Duplicate")}}',
+      component: 'DuplicateActionInitializer',
+      schema: {
+        'x-component': 'Action',
+        'x-action': 'duplicate',
+        'x-decorator': 'ACLActionProvider',
+        'x-component-props': {
+          type: 'primary'
+        }
+      },
+      visible: useVisibleCollection
     }, {
       type: 'item',
       title: '{{t("Print")}}',
@@ -127,10 +138,7 @@ var ReadPrettyFormActionInitializers = {
           useProps: '{{ useCustomizeUpdateActionProps }}'
         }
       },
-      visible: function visible() {
-        var collection = (0, _.useCollection)();
-        return collection.template !== 'view';
-      }
+      visible: useVisibleCollection
     }, {
       type: 'item',
       title: '{{t("Custom request")}}',
@@ -153,10 +161,7 @@ var ReadPrettyFormActionInitializers = {
           useProps: '{{ useCustomizeRequestActionProps }}'
         }
       },
-      visible: function visible() {
-        var collection = (0, _.useCollection)();
-        return collection.template !== 'view';
-      }
+      visible: useVisibleCollection
     }]
   }]
 };

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

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

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

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

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

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

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

@@ -1,3 +1,4 @@
-export declare const TabPaneInitializers: (props?: any) => JSX.Element;
-export declare const TabPaneInitializersForCreateFormBlock: (props: any) => JSX.Element;
-export declare const TabPaneInitializersForBulkEditFormBlock: (props: any) => JSX.Element;
+import React from 'react';
+export declare const TabPaneInitializers: (props?: any) => React.JSX.Element;
+export declare const TabPaneInitializersForCreateFormBlock: (props: any) => React.JSX.Element;
+export declare const TabPaneInitializersForBulkEditFormBlock: (props: any) => React.JSX.Element;

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

@@ -22,9 +22,6 @@ var TabPaneInitializers = function TabPaneInitializers(props) {
   var _useDesignable = (0, _.useDesignable)(),
     designable = _useDesignable.designable,
     insertBeforeEnd = _useDesignable.insertBeforeEnd;
-  if (!designable) {
-    return null;
-  }
   var useSubmitAction = function useSubmitAction() {
     var form = (0, _react.useForm)();
     var ctx = (0, _.useActionContext)();
@@ -161,6 +158,9 @@ var TabPaneInitializers = function TabPaneInitializers(props) {
       }
     };
   }, []);
+  if (!designable) {
+    return null;
+  }
   return /*#__PURE__*/_react2.default.createElement(_.SchemaComponent, {
     schema: schema
   });

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

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

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

@@ -6,13 +6,13 @@ Object.defineProperty(exports, "__esModule", {
 exports.TableActionColumnInitializers = exports.Resizable = void 0;
 var _icons = require("@ant-design/icons");
 var _react = require("@formily/react");
+var _lodash = _interopRequireDefault(require("lodash"));
 var _react2 = _interopRequireDefault(require("react"));
 var _reactI18next = require("react-i18next");
 var _2 = require("../..");
 var _apiClient = require("../../api-client");
 var _collectionManager = require("../../collection-manager");
 var _schemaComponent = require("../../schema-component");
-var _lodash = _interopRequireDefault(require("lodash"));
 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 _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; }
@@ -110,7 +110,6 @@ var TableActionColumnInitializers = function TableActionColumnInitializers(props
           'x-decorator': 'ACLActionProvider'
         },
         visible: function visible() {
-          var collection = (0, _collectionManager.useCollection)();
           return collection.template !== 'view';
         }
       }, modifyFlag && {
@@ -131,6 +130,18 @@ var TableActionColumnInitializers = function TableActionColumnInitializers(props
           'x-action': 'create',
           'x-decorator': 'ACLActionProvider'
         }
+      }, {
+        type: 'item',
+        title: t('Duplicate'),
+        component: 'DuplicateActionInitializer',
+        schema: {
+          'x-component': 'Action.Link',
+          'x-action': 'duplicate',
+          'x-decorator': 'ACLActionProvider'
+        },
+        visible: function visible() {
+          return collection.template !== 'view';
+        }
       }]
     }, {
       type: 'divider'
@@ -210,7 +221,6 @@ var TableActionColumnInitializers = function TableActionColumnInitializers(props
           }
         },
         visible: function visible() {
-          var collection = (0, _collectionManager.useCollection)();
           return collection.template !== 'view';
         }
       }, {
@@ -235,7 +245,6 @@ var TableActionColumnInitializers = function TableActionColumnInitializers(props
           }
         },
         visible: function visible() {
-          var collection = (0, _collectionManager.useCollection)();
           return collection.template !== 'view';
         }
       }]

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

@@ -34,7 +34,7 @@ var TableActionInitializers = {
           skipScopeCheck: true
         }
       },
-      visible: function visible() {
+      visible: function useVisible() {
         var collection = (0, _.useCollection)();
         return collection.template !== 'view' && collection.template !== 'file';
       }
@@ -46,7 +46,7 @@ var TableActionInitializers = {
         'x-align': 'right',
         'x-decorator': 'ACLActionProvider'
       },
-      visible: function visible() {
+      visible: function useVisible() {
         var collection = (0, _.useCollection)();
         return collection.template !== 'view';
       }
@@ -64,7 +64,7 @@ var TableActionInitializers = {
       schema: {
         'x-align': 'right'
       },
-      visible: function visible() {
+      visible: function useVisible() {
         var _schema$parent;
         var schema = (0, _react.useFieldSchema)();
         var collection = (0, _.useCollection)();
@@ -75,7 +75,7 @@ var TableActionInitializers = {
     }]
   }, {
     type: 'divider',
-    visible: function visible() {
+    visible: function useVisible() {
       var collection = (0, _.useCollection)();
       return collection.template !== 'view';
     }
@@ -153,7 +153,7 @@ var TableActionInitializers = {
         }
       }
     }],
-    visible: function visible() {
+    visible: function useVisible() {
       var collection = (0, _.useCollection)();
       return collection.template !== 'view';
     }

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

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

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

@@ -9,6 +9,7 @@ var _reactI18next = require("react-i18next");
 var _SchemaInitializer = require("../SchemaInitializer");
 var _utils = require("../utils");
 var _schemaComponent = require("../../schema-component");
+var _react2 = require("@formily/react");
 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; }
@@ -19,12 +20,17 @@ function _toPrimitive(input, hint) { if (_typeof(input) !== "object" || input ==
 // 表格列配置
 var TableColumnInitializers = function TableColumnInitializers(props) {
   var _props$items = props.items,
-    items = _props$items === void 0 ? [] : _props$items;
+    items = _props$items === void 0 ? [] : _props$items,
+    _props$action = props.action,
+    action = _props$action === void 0 ? true : _props$action;
   var _useTranslation = (0, _reactI18next.useTranslation)(),
     t = _useTranslation.t;
+  var field = (0, _react2.useField)();
+  var fieldSchema = (0, _react2.useFieldSchema)();
   var associatedFields = (0, _utils.useAssociatedTableColumnInitializerFields)();
   var inheritFields = (0, _utils.useInheritsTableColumnInitializerFields)();
   var compile = (0, _schemaComponent.useCompile)();
+  var isSubTable = fieldSchema['x-component'] === 'AssociationField.SubTable';
   var fieldItems = [{
     type: 'itemGroup',
     title: t('Display fields'),
@@ -44,7 +50,7 @@ var TableColumnInitializers = function TableColumnInitializers(props) {
       });
     });
   }
-  if ((associatedFields === null || associatedFields === void 0 ? void 0 : associatedFields.length) > 0) {
+  if ((associatedFields === null || associatedFields === void 0 ? void 0 : associatedFields.length) > 0 && field.readPretty) {
     fieldItems.push({
       type: 'divider'
     }, {
@@ -53,13 +59,15 @@ var TableColumnInitializers = function TableColumnInitializers(props) {
       children: associatedFields
     });
   }
-  fieldItems.push({
-    type: 'divider'
-  }, {
-    type: 'item',
-    title: t('Action column'),
-    component: 'TableActionColumnInitializer'
-  });
+  if (action) {
+    fieldItems.push({
+      type: 'divider'
+    }, {
+      type: 'item',
+      title: t('Action column'),
+      component: 'TableActionColumnInitializer'
+    });
+  }
   return /*#__PURE__*/_react.default.createElement(_SchemaInitializer.SchemaInitializer.Button, {
     insertPosition: 'beforeEnd',
     icon: 'SettingOutlined',

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

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

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

@@ -1,7 +1,8 @@
+import React from 'react';
 export declare enum BulkEditFormItemValueType {
     RemainsTheSame = 1,
     ChangedTo = 2,
     Clear = 3,
     AddAttach = 4
 }
-export declare const BulkEditField: (props: any) => JSX.Element;
+export declare const BulkEditField: (props: any) => React.JSX.Element;

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

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

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

@@ -101,7 +101,7 @@ var CreateRecordAction = (0, _react.observer)(function (props) {
   }, [linkageRules, values]);
   return /*#__PURE__*/_react2.default.createElement("div", {
     className: actionDesignerCss
-  }, /*#__PURE__*/_react2.default.createElement(_schemaComponent.ActionContext.Provider, {
+  }, /*#__PURE__*/_react2.default.createElement(_schemaComponent.ActionContextProvider, {
     value: _objectSpread(_objectSpread({}, ctx), {}, {
       visible: visible,
       setVisible: setVisible
@@ -118,6 +118,8 @@ var CreateRecordAction = (0, _react.observer)(function (props) {
     basePath: field.address,
     onlyRenderProperties: true
   }))));
+}, {
+  displayName: 'CreateRecordAction'
 });
 exports.CreateRecordAction = CreateRecordAction;
 var CreateAction = (0, _react.observer)(function (props) {
@@ -132,36 +134,46 @@ var CreateAction = (0, _react.observer)(function (props) {
   var _useCollectionManager = (0, _collectionManager.useCollectionManager)(),
     getChildrenCollections = _useCollectionManager.getChildrenCollections;
   var totalChildCollections = getChildrenCollections(collection.name);
-  var inheritsCollections = enableChildren.map(function (k) {
-    if (!k) {
-      return;
-    }
-    var childCollection = totalChildCollections.find(function (j) {
-      return j.name === k.collection;
-    });
-    if (!childCollection) {
-      return;
-    }
-    return _objectSpread(_objectSpread({}, childCollection), {}, {
-      title: k.title || childCollection.title
+  var inheritsCollections = (0, _react2.useMemo)(function () {
+    return enableChildren.map(function (k) {
+      if (!k) {
+        return;
+      }
+      var childCollection = totalChildCollections.find(function (j) {
+        return j.name === k.collection;
+      });
+      if (!childCollection) {
+        return;
+      }
+      return _objectSpread(_objectSpread({}, childCollection), {}, {
+        title: k.title || childCollection.title
+      });
+    }).filter(function (v) {
+      return v && actionAclCheck("".concat(v.name, ":create"));
     });
-  }).filter(function (v) {
-    return v && actionAclCheck("".concat(v.name, ":create"));
-  });
+  }, [enableChildren, totalChildCollections]);
   var linkageRules = (fieldSchema === null || fieldSchema === void 0 ? void 0 : fieldSchema['x-linkage-rules']) || [];
   var values = (0, _recordProvider.useRecord)();
   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,
-      onClick: function onClick(info) {
-        _onClick === null || _onClick === void 0 ? void 0 : _onClick(option.name);
-      }
-    }, compile(option.title));
-  }));
+  var menuItems = (0, _react2.useMemo)(function () {
+    return inheritsCollections.map(function (option) {
+      return {
+        key: option.name,
+        label: compile(option.title),
+        onClick: function onClick() {
+          return _onClick === null || _onClick === void 0 ? void 0 : _onClick(option.name);
+        }
+      };
+    });
+  }, [inheritsCollections, _onClick]);
+  var menu = (0, _react2.useMemo)(function () {
+    return {
+      items: menuItems
+    };
+  }, [menuItems]);
   (0, _react2.useEffect)(function () {
     field.linkageProperty = {};
     linkageRules.filter(function (k) {
@@ -186,12 +198,12 @@ var CreateAction = (0, _react.observer)(function (props) {
         loading: false
       })];
     },
-    overlay: menu,
+    menu: menu,
     onClick: function onClick(info) {
       _onClick === null || _onClick === void 0 ? void 0 : _onClick(collection.name);
     }
   }, icon, props.children) : /*#__PURE__*/_react2.default.createElement(_antd.Dropdown, {
-    overlay: menu
+    menu: menu
   }, /*#__PURE__*/_react2.default.createElement(_antd.Button, {
     icon: icon,
     type: componentType
@@ -208,5 +220,7 @@ var CreateAction = (0, _react.observer)(function (props) {
       opacity: designable && (field === null || field === void 0 ? void 0 : (_field$data2 = field.data) === null || _field$data2 === void 0 ? void 0 : _field$data2.hidden) && 0.1
     }
   }, props.children));
+}, {
+  displayName: 'CreateAction'
 });
 exports.CreateAction = CreateAction;

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

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

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

@@ -0,0 +1,3 @@
+import React from 'react';
+export declare const useDuplicatefieldsContext: () => any;
+export declare const DuplicateAction: React.MemoExoticComponent<import("@formily/react").ReactFC<Pick<any, string | number | symbol>>>;