@nocobase/client 0.9.3-alpha.1 → 0.9.4-alpha.2

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

@@ -0,0 +1,285 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.ListItemActionInitializers = exports.ListActionInitializers = void 0;
+var _collectionManager = require("../../collection-manager");
+// 表单的操作配置
+var ListActionInitializers = {
+  title: "{{t('Configure actions')}}",
+  icon: 'SettingOutlined',
+  style: {
+    marginLeft: 8
+  },
+  items: [{
+    type: 'itemGroup',
+    title: "{{t('Enable actions')}}",
+    children: [{
+      type: 'item',
+      title: "{{t('Filter')}}",
+      component: 'FilterActionInitializer',
+      schema: {
+        'x-align': 'left'
+      }
+    }, {
+      type: 'item',
+      title: "{{t('Add new')}}",
+      component: 'CreateActionInitializer',
+      schema: {
+        'x-align': 'right',
+        'x-decorator': 'ACLActionProvider',
+        'x-acl-action-props': {
+          skipScopeCheck: true
+        }
+      },
+      visible: function visible() {
+        var collection = (0, _collectionManager.useCollection)();
+        return collection.template !== 'view' && collection.template !== 'file';
+      }
+    }, {
+      type: 'item',
+      title: "{{t('Refresh')}}",
+      component: 'RefreshActionInitializer',
+      schema: {
+        'x-align': 'right'
+      }
+    }, {
+      type: 'item',
+      title: "{{t('Import')}}",
+      component: 'ImportActionInitializer',
+      schema: {
+        'x-align': 'right',
+        'x-decorator': 'ACLActionProvider',
+        'x-acl-action-props': {
+          skipScopeCheck: true
+        }
+      }
+    }, {
+      type: 'item',
+      title: "{{t('Export')}}",
+      component: 'ExportActionInitializer',
+      schema: {
+        'x-align': 'right',
+        'x-decorator': 'ACLActionProvider',
+        'x-acl-action-props': {
+          skipScopeCheck: true
+        }
+      }
+    }]
+  }
+  // {
+  //   type: 'divider',
+  //   visible: () => {
+  //     const collection = useCollection();
+  //     return (collection as any).template !== 'view';
+  //   },
+  // },
+  // {
+  //   type: 'subMenu',
+  //   title: '{{t("Customize")}}',
+  //   children: [
+  //     {
+  //       type: 'item',
+  //       title: '{{t("Bulk update")}}',
+  //       component: 'CustomizeActionInitializer',
+  //       schema: {
+  //         type: 'void',
+  //         title: '{{ t("Bulk update") }}',
+  //         'x-component': 'Action',
+  //         'x-align': 'right',
+  //         'x-acl-action': 'update',
+  //         'x-decorator': 'ACLActionProvider',
+  //         'x-acl-action-props': {
+  //           skipScopeCheck: true,
+  //         },
+  //         'x-action': 'customize:bulkUpdate',
+  //         'x-designer': 'Action.Designer',
+  //         'x-action-settings': {
+  //           assignedValues: {},
+  //           updateMode: 'selected',
+  //           onSuccess: {
+  //             manualClose: true,
+  //             redirecting: false,
+  //             successMessage: '{{t("Updated successfully")}}',
+  //           },
+  //         },
+  //         'x-component-props': {
+  //           icon: 'EditOutlined',
+  //           useProps: '{{ useCustomizeBulkUpdateActionProps }}',
+  //         },
+  //       },
+  //     },
+  //     {
+  //       type: 'item',
+  //       title: '{{t("Bulk edit")}}',
+  //       component: 'CustomizeBulkEditActionInitializer',
+  //       schema: {
+  //         'x-align': 'right',
+  //         'x-decorator': 'ACLActionProvider',
+  //         'x-acl-action': 'update',
+  //         'x-acl-action-props': {
+  //           skipScopeCheck: true,
+  //         },
+  //       },
+  //     },
+  //   ],
+  //   visible: () => {
+  //     const collection = useCollection();
+  //     return (collection as any).template !== 'view';
+  //   },
+  // },
+  ]
+};
+exports.ListActionInitializers = ListActionInitializers;
+var ListItemActionInitializers = {
+  title: '{{t("Configure actions")}}',
+  icon: 'SettingOutlined',
+  items: [{
+    type: 'itemGroup',
+    title: '{{t("Enable actions")}}',
+    children: [{
+      type: 'item',
+      title: '{{t("View")}}',
+      component: 'ViewActionInitializer',
+      schema: {
+        'x-component': 'Action.Link',
+        'x-action': 'view',
+        'x-decorator': 'ACLActionProvider',
+        'x-align': 'left'
+      }
+    }, {
+      type: 'item',
+      title: '{{t("Edit")}}',
+      component: 'UpdateActionInitializer',
+      schema: {
+        'x-component': 'Action.Link',
+        'x-action': 'update',
+        'x-decorator': 'ACLActionProvider',
+        'x-align': 'left'
+      },
+      visible: function visible() {
+        var collection = (0, _collectionManager.useCollection)();
+        return collection.template !== 'view';
+      }
+    }, {
+      type: 'item',
+      title: '{{t("Delete")}}',
+      component: 'DestroyActionInitializer',
+      schema: {
+        'x-component': 'Action.Link',
+        'x-action': 'destroy',
+        'x-decorator': 'ACLActionProvider',
+        'x-align': 'left'
+      }
+    }]
+  }, {
+    type: 'divider'
+  }, {
+    type: 'subMenu',
+    title: '{{t("Customize")}}',
+    children: [{
+      type: 'item',
+      title: '{{t("Popup")}}',
+      component: 'CustomizeActionInitializer',
+      schema: {
+        type: 'void',
+        title: '{{ t("Popup") }}',
+        'x-action': 'customize:popup',
+        'x-designer': 'Action.Designer',
+        'x-component': 'Action.Link',
+        'x-component-props': {
+          openMode: 'drawer'
+        },
+        properties: {
+          drawer: {
+            type: 'void',
+            title: '{{ t("Popup") }}',
+            'x-component': 'Action.Container',
+            'x-component-props': {
+              className: 'nb-action-popup'
+            },
+            properties: {
+              tabs: {
+                type: 'void',
+                'x-component': 'Tabs',
+                'x-component-props': {},
+                'x-initializer': 'TabPaneInitializers',
+                properties: {
+                  tab1: {
+                    type: 'void',
+                    title: '{{t("Details")}}',
+                    'x-component': 'Tabs.TabPane',
+                    'x-designer': 'Tabs.Designer',
+                    'x-component-props': {},
+                    properties: {
+                      grid: {
+                        type: 'void',
+                        'x-component': 'Grid',
+                        'x-initializer': 'RecordBlockInitializers',
+                        properties: {}
+                      }
+                    }
+                  }
+                }
+              }
+            }
+          }
+        }
+      }
+    }, {
+      type: 'item',
+      title: '{{t("Update record")}}',
+      component: 'CustomizeActionInitializer',
+      schema: {
+        title: '{{ t("Update record") }}',
+        'x-component': 'Action.Link',
+        'x-action': 'customize:update',
+        'x-decorator': 'ACLActionProvider',
+        'x-acl-action': 'update',
+        'x-designer': 'Action.Designer',
+        'x-action-settings': {
+          assignedValues: {},
+          onSuccess: {
+            manualClose: true,
+            redirecting: false,
+            successMessage: '{{t("Updated successfully")}}'
+          }
+        },
+        'x-component-props': {
+          useProps: '{{ useCustomizeUpdateActionProps }}'
+        }
+      },
+      visible: function visible() {
+        var collection = (0, _collectionManager.useCollection)();
+        return collection.template !== 'view';
+      }
+    }, {
+      type: 'item',
+      title: '{{t("Custom request")}}',
+      component: 'CustomizeActionInitializer',
+      schema: {
+        title: '{{ t("Custom request") }}',
+        'x-component': 'Action.Link',
+        'x-action': 'customize:table:request',
+        'x-designer': 'Action.Designer',
+        'x-action-settings': {
+          requestSettings: {},
+          onSuccess: {
+            manualClose: false,
+            redirecting: false,
+            successMessage: '{{t("Request success")}}'
+          }
+        },
+        'x-component-props': {
+          useProps: '{{ useCustomizeRequestActionProps }}'
+        }
+      },
+      visible: function visible() {
+        var collection = (0, _collectionManager.useCollection)();
+        return collection.template !== 'view';
+      }
+    }]
+  }]
+};
+exports.ListItemActionInitializers = ListItemActionInitializers;

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

@@ -191,7 +191,7 @@ var TableActionColumnInitializers = function TableActionColumnInitializers(props
         title: '{{t("Update record")}}',
         component: 'CustomizeActionInitializer',
         schema: {
-          title: '{{ t("Update record") }}',
+          title: '{{t("Update record")}}',
           'x-component': 'Action.Link',
           'x-action': 'customize:update',
           'x-decorator': 'ACLActionProvider',

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

@@ -1,4 +1,3 @@
-import { Schema } from '@formily/react';
 export declare const TableActionInitializers: {
     title: string;
     icon: string;
@@ -52,27 +51,11 @@ export declare const TableActionInitializers: {
             visible: () => boolean;
         })[];
         visible?: undefined;
-        component?: undefined;
-        schema?: undefined;
-        find?: undefined;
     } | {
         type: string;
         visible: () => boolean;
         title?: undefined;
         children?: undefined;
-        component?: undefined;
-        schema?: undefined;
-        find?: undefined;
-    } | {
-        type: string;
-        title: string;
-        component: string;
-        schema: {
-            'x-align': string;
-        };
-        find: (schema: Schema) => Schema<any, any, any, any, any, any, any, any, any>;
-        visible: () => boolean;
-        children?: undefined;
     } | {
         type: string;
         title: string;
@@ -127,8 +110,5 @@ export declare const TableActionInitializers: {
             };
         })[];
         visible: () => boolean;
-        component?: undefined;
-        schema?: undefined;
-        find?: undefined;
     })[];
 };

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

@@ -6,12 +6,6 @@ Object.defineProperty(exports, "__esModule", {
 exports.TableActionInitializers = void 0;
 var _react = require("@formily/react");
 var _ = require("../../");
-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 = null == arr ? null : "undefined" != typeof Symbol && arr[Symbol.iterator] || arr["@@iterator"]; if (null != _i) { var _s, _e, _x, _r, _arr = [], _n = !0, _d = !1; try { if (_x = (_i = _i.call(arr)).next, 0 === i) { if (Object(_i) !== _i) return; _n = !1; } else for (; !(_n = (_s = _x.call(_i)).done) && (_arr.push(_s.value), _arr.length !== i); _n = !0); } catch (err) { _d = !0, _e = err; } finally { try { if (!_n && null != _i.return && (_r = _i.return(), Object(_r) !== _r)) return; } finally { if (_d) throw _e; } } return _arr; } }
-function _arrayWithHoles(arr) { if (Array.isArray(arr)) return arr; }
 // 表格操作配置
 var TableActionInitializers = {
   title: "{{t('Configure actions')}}",
@@ -85,35 +79,35 @@ var TableActionInitializers = {
       var collection = (0, _.useCollection)();
       return collection.template !== 'view';
     }
-  }, {
-    type: 'item',
-    title: "{{t('Association fields filter')}}",
-    component: 'ActionBarAssociationFilterAction',
-    schema: {
-      'x-align': 'left'
-    },
-    find: function find(schema) {
-      var _Object$entries$find;
-      var resultSchema = (_Object$entries$find = Object.entries(schema.parent.properties).find(function (_ref2) {
-        var _ref3 = _slicedToArray(_ref2, 2),
-          value = _ref3[1];
-        return value['x-component'] === 'AssociationFilter';
-      })) === null || _Object$entries$find === void 0 ? void 0 : _Object$entries$find[1];
-      return resultSchema;
-    },
-    visible: function visible() {
-      var collection = (0, _.useCollection)();
-      var schema = (0, _react.useFieldSchema)();
-      return collection.template !== 'view' && schema['x-initializer'] !== 'GanttActionInitializers';
-    }
-  }, {
-    type: 'divider',
-    visible: function visible() {
-      var collection = (0, _.useCollection)();
-      var schema = (0, _react.useFieldSchema)();
-      return collection.template !== 'view' && schema['x-initializer'] !== 'GanttActionInitializers';
-    }
-  }, {
+  },
+  // {
+  //   type: 'item',
+  //   title: "{{t('Association fields filter')}}",
+  //   component: 'ActionBarAssociationFilterAction',
+  //   schema: {
+  //     'x-align': 'left',
+  //   },
+  //   find: (schema: Schema) => {
+  //     const resultSchema = Object.entries(schema.parent.properties).find(
+  //       ([, value]) => value['x-component'] === 'AssociationFilter',
+  //     )?.[1];
+  //     return resultSchema;
+  //   },
+  //   visible: () => {
+  //     const collection = useCollection();
+  //     const schema = useFieldSchema();
+  //     return (collection as any).template !== 'view' && schema['x-initializer'] !== 'GanttActionInitializers';
+  //   },
+  // },
+  // {
+  //   type: 'divider',
+  //   visible: () => {
+  //     const collection = useCollection();
+  //     const schema = useFieldSchema();
+  //     return (collection as any).template !== 'view' && schema['x-initializer'] !== 'GanttActionInitializers';
+  //   },
+  // },
+  {
     type: 'subMenu',
     title: '{{t("Customize")}}',
     children: [{

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

@@ -37,7 +37,10 @@ var TableColumnInitializers = function TableColumnInitializers(props) {
       }, {
         type: 'itemGroup',
         title: t("Parent collection fields") + '(' + compile("".concat(Object.keys(inherit)[0])) + ')',
-        children: Object.values(inherit)[0]
+        children: Object.values(inherit)[0].filter(function (v) {
+          var _v$field;
+          return !(v === null || v === void 0 ? void 0 : (_v$field = v.field) === null || _v$field === void 0 ? void 0 : _v$field.isForeignKey);
+        })
       });
     });
   }

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

@@ -21,4 +21,7 @@ export * from './TableColumnInitializers';
 export * from './TableSelectorInitializers';
 export * from './TabPaneInitializers';
 export * from './GanttActionInitializers';
+export * from './DetailsActionInitializers';
+export * from './ListActionInitializers';
+export * from './GridCardActionInitializers';
 export * from '../../schema-component/antd/association-filter/AssociationFilter';

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

@@ -256,6 +256,28 @@ Object.keys(_GanttActionInitializers).forEach(function (key) {
     }
   });
 });
+var _ListActionInitializers = require("./ListActionInitializers");
+Object.keys(_ListActionInitializers).forEach(function (key) {
+  if (key === "default" || key === "__esModule") return;
+  if (key in exports && exports[key] === _ListActionInitializers[key]) return;
+  Object.defineProperty(exports, key, {
+    enumerable: true,
+    get: function get() {
+      return _ListActionInitializers[key];
+    }
+  });
+});
+var _GridCardActionInitializers = require("./GridCardActionInitializers");
+Object.keys(_GridCardActionInitializers).forEach(function (key) {
+  if (key === "default" || key === "__esModule") return;
+  if (key in exports && exports[key] === _GridCardActionInitializers[key]) return;
+  Object.defineProperty(exports, key, {
+    enumerable: true,
+    get: function get() {
+      return _GridCardActionInitializers[key];
+    }
+  });
+});
 var _AssociationFilter = require("../../schema-component/antd/association-filter/AssociationFilter");
 Object.keys(_AssociationFilter).forEach(function (key) {
   if (key === "default" || key === "__esModule") return;

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

@@ -13,6 +13,7 @@ var _reactI18next = require("react-i18next");
 var _blockProvider = require("../../block-provider");
 var _collectionManager = require("../../collection-manager");
 var _schemaComponent = require("../../schema-component");
+var _DeletedField = require("./DeletedField");
 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; }
@@ -85,7 +86,8 @@ var InternalField = function InternalField(props) {
 var CollectionField = (0, _react.connect)(function (props) {
   var fieldSchema = (0, _react.useFieldSchema)();
   return /*#__PURE__*/_react2.default.createElement(_collectionManager.CollectionFieldProvider, {
-    name: fieldSchema.name
+    name: fieldSchema.name,
+    fallback: /*#__PURE__*/_react2.default.createElement(_DeletedField.DeletedField, null)
   }, /*#__PURE__*/_react2.default.createElement(InternalField, _objectSpread({}, props)));
 });
 var BulkEditFormItemValueType;
@@ -111,7 +113,7 @@ var BulkEditField = function BulkEditField(props) {
     setValue = _useState4[1];
   var _useCollection = (0, _collectionManager.useCollection)(),
     getField = _useCollection.getField;
-  var collectionField = getField(fieldSchema.name);
+  var collectionField = getField(fieldSchema.name) || {};
   (0, _react2.useEffect)(function () {
     field.value = _defineProperty({}, type, value);
   }, [type, value]);
@@ -150,9 +152,9 @@ var BulkEditField = function BulkEditField(props) {
     value: BulkEditFormItemValueType.ChangedTo
   }, t('Changed to')), /*#__PURE__*/_react2.default.createElement(_antd.Select.Option, {
     value: BulkEditFormItemValueType.Clear
-  }, t('Clear')), ['subTable', 'linkTo', 'm2m', 'o2m', 'o2o', 'oho', 'obo', 'm2o'].includes(collectionField.interface) && /*#__PURE__*/_react2.default.createElement(_antd.Select.Option, {
+  }, t('Clear')), ['subTable', 'linkTo', 'm2m', 'o2m', 'o2o', 'oho', 'obo', 'm2o'].includes(collectionField === null || collectionField === void 0 ? void 0 : collectionField.interface) && /*#__PURE__*/_react2.default.createElement(_antd.Select.Option, {
     value: BulkEditFormItemValueType.AddAttach
-  }, t('Add attach'))), [BulkEditFormItemValueType.ChangedTo, BulkEditFormItemValueType.AddAttach].includes(type) && collectionField.interface !== 'checkbox' && /*#__PURE__*/_react2.default.createElement(CollectionField, _objectSpread(_objectSpread({}, props), {}, {
+  }, t('Add attach'))), [BulkEditFormItemValueType.ChangedTo, BulkEditFormItemValueType.AddAttach].includes(type) && (collectionField === null || collectionField === void 0 ? void 0 : collectionField.interface) !== 'checkbox' && /*#__PURE__*/_react2.default.createElement(CollectionField, _objectSpread(_objectSpread({}, props), {}, {
     value: value,
     onChange: valueChangeHandler,
     style: {
@@ -164,7 +166,7 @@ var BulkEditField = function BulkEditField(props) {
   //   components={{ BulkEditCollectionField: CollectionField }}
   //   onlyRenderProperties
   // />
-  , [BulkEditFormItemValueType.ChangedTo, BulkEditFormItemValueType.AddAttach].includes(type) && collectionField.interface === 'checkbox' && /*#__PURE__*/_react2.default.createElement(_antd.Checkbox, {
+  , [BulkEditFormItemValueType.ChangedTo, BulkEditFormItemValueType.AddAttach].includes(type) && (collectionField === null || collectionField === void 0 ? void 0 : collectionField.interface) === 'checkbox' && /*#__PURE__*/_react2.default.createElement(_antd.Checkbox, {
     checked: value,
     onChange: valueChangeHandler
   }));

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

@@ -1,3 +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>>>;