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

package/es/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/es/schema-initializer/buttons/DetailsActionInitializers.js

@@ -27,6 +27,18 @@ export 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/es/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/es/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/es/schema-initializer/buttons/ReadPrettyFormActionInitializers.js

@@ -1,4 +1,8 @@
 import { useCollection } from '../..';
+var useVisibleCollection = function useVisibleCollection() {
+  var collection = useCollection();
+  return collection.template !== 'view';
+};
 // 表单的操作配置
 export var ReadPrettyFormActionInitializers = {
   title: '{{t("Configure actions")}}',
@@ -20,10 +24,7 @@ export var ReadPrettyFormActionInitializers = {
           type: 'primary'
         }
       },
-      visible: function visible() {
-        var collection = useCollection();
-        return collection.template !== 'view';
-      }
+      visible: useVisibleCollection
     }, {
       type: 'item',
       title: '{{t("Delete")}}',
@@ -32,10 +33,20 @@ export var ReadPrettyFormActionInitializers = {
         'x-component': 'Action',
         'x-decorator': 'ACLActionProvider'
       },
-      visible: function visible() {
-        var collection = 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")}}',
@@ -121,10 +132,7 @@ export var ReadPrettyFormActionInitializers = {
           useProps: '{{ useCustomizeUpdateActionProps }}'
         }
       },
-      visible: function visible() {
-        var collection = useCollection();
-        return collection.template !== 'view';
-      }
+      visible: useVisibleCollection
     }, {
       type: 'item',
       title: '{{t("Custom request")}}',
@@ -147,10 +155,7 @@ export var ReadPrettyFormActionInitializers = {
           useProps: '{{ useCustomizeRequestActionProps }}'
         }
       },
-      visible: function visible() {
-        var collection = useCollection();
-        return collection.template !== 'view';
-      }
+      visible: useVisibleCollection
     }]
   }]
 };

package/es/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/es/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/es/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/es/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/es/schema-initializer/buttons/TabPaneInitializers.js

@@ -14,9 +14,6 @@ export var TabPaneInitializers = function TabPaneInitializers(props) {
   var _useDesignable = useDesignable(),
     designable = _useDesignable.designable,
     insertBeforeEnd = _useDesignable.insertBeforeEnd;
-  if (!designable) {
-    return null;
-  }
   var useSubmitAction = function useSubmitAction() {
     var form = useForm();
     var ctx = useActionContext();
@@ -153,6 +150,9 @@ export var TabPaneInitializers = function TabPaneInitializers(props) {
       }
     };
   }, []);
+  if (!designable) {
+    return null;
+  }
   return /*#__PURE__*/React.createElement(SchemaComponent, {
     schema: schema
   });

package/es/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/es/schema-initializer/buttons/TableActionColumnInitializers.js

@@ -4,13 +4,13 @@ function _toPropertyKey(arg) { var key = _toPrimitive(arg, "string"); return _ty
 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 { MenuOutlined } from '@ant-design/icons';
 import { useFieldSchema } from '@formily/react';
+import _ from 'lodash';
 import React from 'react';
 import { useTranslation } from 'react-i18next';
 import { SchemaInitializer, SchemaSettings } from '../..';
 import { useAPIClient } from '../../api-client';
 import { useCollection } from '../../collection-manager';
 import { createDesignable, useDesignable } from '../../schema-component';
-import _ from 'lodash';
 export var Resizable = function Resizable(props) {
   var _fieldSchema$xCompon;
   var _useTranslation = useTranslation(),
@@ -102,7 +102,6 @@ export var TableActionColumnInitializers = function TableActionColumnInitializer
           'x-decorator': 'ACLActionProvider'
         },
         visible: function visible() {
-          var collection = useCollection();
           return collection.template !== 'view';
         }
       }, modifyFlag && {
@@ -123,6 +122,18 @@ export var TableActionColumnInitializers = function TableActionColumnInitializer
           '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'
@@ -202,7 +213,6 @@ export var TableActionColumnInitializers = function TableActionColumnInitializer
           }
         },
         visible: function visible() {
-          var collection = useCollection();
           return collection.template !== 'view';
         }
       }, {
@@ -227,7 +237,6 @@ export var TableActionColumnInitializers = function TableActionColumnInitializer
           }
         },
         visible: function visible() {
-          var collection = useCollection();
           return collection.template !== 'view';
         }
       }]

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

@@ -28,7 +28,7 @@ export var TableActionInitializers = {
           skipScopeCheck: true
         }
       },
-      visible: function visible() {
+      visible: function useVisible() {
         var collection = useCollection();
         return collection.template !== 'view' && collection.template !== 'file';
       }
@@ -40,7 +40,7 @@ export var TableActionInitializers = {
         'x-align': 'right',
         'x-decorator': 'ACLActionProvider'
       },
-      visible: function visible() {
+      visible: function useVisible() {
         var collection = useCollection();
         return collection.template !== 'view';
       }
@@ -58,7 +58,7 @@ export var TableActionInitializers = {
       schema: {
         'x-align': 'right'
       },
-      visible: function visible() {
+      visible: function useVisible() {
         var _schema$parent;
         var schema = useFieldSchema();
         var collection = useCollection();
@@ -69,7 +69,7 @@ export var TableActionInitializers = {
     }]
   }, {
     type: 'divider',
-    visible: function visible() {
+    visible: function useVisible() {
       var collection = useCollection();
       return collection.template !== 'view';
     }
@@ -147,7 +147,7 @@ export var TableActionInitializers = {
         }
       }
     }],
-    visible: function visible() {
+    visible: function useVisible() {
       var collection = useCollection();
       return collection.template !== 'view';
     }

package/es/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/es/schema-initializer/buttons/TableColumnInitializers.js

@@ -9,15 +9,21 @@ import { useTranslation } from 'react-i18next';
 import { SchemaInitializer } from '../SchemaInitializer';
 import { itemsMerge, useAssociatedTableColumnInitializerFields, useTableColumnInitializerFields, useInheritsTableColumnInitializerFields } from '../utils';
 import { useCompile } from '../../schema-component';
+import { useField, useFieldSchema } from '@formily/react';
 // 表格列配置
 export 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 = useTranslation(),
     t = _useTranslation.t;
+  var field = useField();
+  var fieldSchema = useFieldSchema();
   var associatedFields = useAssociatedTableColumnInitializerFields();
   var inheritFields = useInheritsTableColumnInitializerFields();
   var compile = useCompile();
+  var isSubTable = fieldSchema['x-component'] === 'AssociationField.SubTable';
   var fieldItems = [{
     type: 'itemGroup',
     title: t('Display fields'),
@@ -37,7 +43,7 @@ export 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'
     }, {
@@ -46,13 +52,15 @@ export 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.createElement(SchemaInitializer.Button, {
     insertPosition: 'beforeEnd',
     icon: 'SettingOutlined',

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

@@ -15,13 +15,13 @@ function _taggedTemplateLiteral(strings, raw) { if (!raw) { raw = strings.slice(
 import { DownOutlined, PlusOutlined } from '@ant-design/icons';
 import { css } from '@emotion/css';
 import { RecursionField, observer, useField, useFieldSchema } from '@formily/react';
-import { Button, Dropdown, Menu } from 'antd';
-import React, { useEffect, useState } from 'react';
+import { Button, Dropdown } from 'antd';
+import React, { useEffect, useMemo, useState } from 'react';
 import { useDesignable } from '../../';
 import { useACLRolesCheck, useRecordPkValue } from '../../acl/ACLProvider';
 import { CollectionProvider, useCollection, useCollectionManager } from '../../collection-manager';
 import { useRecord } from '../../record-provider';
-import { ActionContext, useActionContext, useCompile } from '../../schema-component';
+import { ActionContextProvider, useActionContext, useCompile } from '../../schema-component';
 import { linkageAction } from '../../schema-component/antd/action/utils';
 export 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"])));
 var actionAclCheck = function actionAclCheck(actionPath) {
@@ -92,7 +92,7 @@ export var CreateRecordAction = observer(function (props) {
   }, [linkageRules, values]);
   return /*#__PURE__*/React.createElement("div", {
     className: actionDesignerCss
-  }, /*#__PURE__*/React.createElement(ActionContext.Provider, {
+  }, /*#__PURE__*/React.createElement(ActionContextProvider, {
     value: _objectSpread(_objectSpread({}, ctx), {}, {
       visible: visible,
       setVisible: setVisible
@@ -109,6 +109,8 @@ export var CreateRecordAction = observer(function (props) {
     basePath: field.address,
     onlyRenderProperties: true
   }))));
+}, {
+  displayName: 'CreateRecordAction'
 });
 export var CreateAction = observer(function (props) {
   var _field$data, _field$data2;
@@ -122,36 +124,46 @@ export var CreateAction = observer(function (props) {
   var _useCollectionManager = 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 = 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 = useRecord();
   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,
-      onClick: function onClick(info) {
-        _onClick === null || _onClick === void 0 ? void 0 : _onClick(option.name);
-      }
-    }, compile(option.title));
-  }));
+  var menuItems = 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 = useMemo(function () {
+    return {
+      items: menuItems
+    };
+  }, [menuItems]);
   useEffect(function () {
     field.linkageProperty = {};
     linkageRules.filter(function (k) {
@@ -176,12 +188,12 @@ export var CreateAction = 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__*/React.createElement(Dropdown, {
-    overlay: menu
+    menu: menu
   }, /*#__PURE__*/React.createElement(Button, {
     icon: icon,
     type: componentType
@@ -198,4 +210,6 @@ export var CreateAction = 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'
 });

package/es/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/es/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>>>;