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

package/lib/collection-manager/Configuration/components/CollectionCategory.js

@@ -0,0 +1,27 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.CollectionCategory = void 0;
+
+var _react = require("@formily/react");
+
+var _antd = require("antd");
+
+var _react2 = _interopRequireDefault(require("react"));
+
+var _schemaComponent = require("../../../schema-component");
+
+function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
+
+var CollectionCategory = (0, _react.observer)(function (props) {
+  var value = props.value;
+  var compile = (0, _schemaComponent.useCompile)();
+  return /*#__PURE__*/_react2.default.createElement(_react2.default.Fragment, null, value.map(function (item) {
+    return /*#__PURE__*/_react2.default.createElement(_antd.Tag, {
+      color: item.color
+    }, compile(item === null || item === void 0 ? void 0 : item.name));
+  }));
+});
+exports.CollectionCategory = CollectionCategory;

package/lib/collection-manager/Configuration/index.d.ts

@@ -9,3 +9,6 @@ export * from './OverridingCollectionField';
 export * from './ViewInheritedField';
 export * from './AddCollectionAction';
 export * from './EditCollectionAction';
+export * from './ConfigurationTabs';
+export * from './AddCategoryAction';
+export * from './EditCategoryAction';

package/lib/collection-manager/Configuration/index.js

@@ -148,6 +148,45 @@ Object.keys(_EditCollectionAction).forEach(function (key) {
     }
   });
 });
+
+var _ConfigurationTabs = require("./ConfigurationTabs");
+
+Object.keys(_ConfigurationTabs).forEach(function (key) {
+  if (key === "default" || key === "__esModule") return;
+  if (key in exports && exports[key] === _ConfigurationTabs[key]) return;
+  Object.defineProperty(exports, key, {
+    enumerable: true,
+    get: function get() {
+      return _ConfigurationTabs[key];
+    }
+  });
+});
+
+var _AddCategoryAction = require("./AddCategoryAction");
+
+Object.keys(_AddCategoryAction).forEach(function (key) {
+  if (key === "default" || key === "__esModule") return;
+  if (key in exports && exports[key] === _AddCategoryAction[key]) return;
+  Object.defineProperty(exports, key, {
+    enumerable: true,
+    get: function get() {
+      return _AddCategoryAction[key];
+    }
+  });
+});
+
+var _EditCategoryAction = require("./EditCategoryAction");
+
+Object.keys(_EditCategoryAction).forEach(function (key) {
+  if (key === "default" || key === "__esModule") return;
+  if (key in exports && exports[key] === _EditCategoryAction[key]) return;
+  Object.defineProperty(exports, key, {
+    enumerable: true,
+    get: function get() {
+      return _EditCategoryAction[key];
+    }
+  });
+});
 (0, _core.registerValidateFormats)({
   uid: /^[A-Za-z0-9][A-Za-z0-9_-]*$/
 });

package/lib/collection-manager/Configuration/schemas/collections.d.ts

@@ -2,3 +2,6 @@ import { ISchema } from '@formily/react';
 import { CollectionOptions } from '../../types';
 export declare const collection: CollectionOptions;
 export declare const collectionSchema: ISchema;
+export declare const collectionTableSchema: ISchema;
+export declare const collectionCategorySchema: ISchema;
+export declare const collectionCategoryEditSchema: ISchema;

package/lib/collection-manager/Configuration/schemas/collections.js

@@ -3,12 +3,14 @@
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
-exports.collectionSchema = exports.collection = void 0;
+exports.collectionTableSchema = exports.collectionSchema = exports.collectionCategorySchema = exports.collectionCategoryEditSchema = exports.collection = void 0;
 
 var _react = require("@formily/react");
 
 var _antd = require("antd");
 
+var _shared = require("@formily/shared");
+
 var _reactI18next = require("react-i18next");
 
 var _apiClient = require("../../../api-client");
@@ -17,8 +19,14 @@ var _i18n = require("../../../i18n");
 
 var _CollectionTemplate = require("../components/CollectionTemplate");
 
+var _CollectionCategory = require("../components/CollectionCategory");
+
 var _collectionFields = require("./collectionFields");
 
+var _properties;
+
+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 asyncGeneratorStep(gen, resolve, reject, _next, _throw, key, arg) { try { var info = gen[key](arg); var value = info.value; } catch (error) { reject(error); return; } if (info.done) { resolve(value); } else { Promise.resolve(value).then(_next, _throw); } }
 
 function _asyncToGenerator(fn) { return function () { var self = this, args = arguments; return new Promise(function (resolve, reject) { var gen = fn.apply(self, args); function _next(value) { asyncGeneratorStep(gen, resolve, reject, _next, _throw, "next", value); } function _throw(err) { asyncGeneratorStep(gen, resolve, reject, _next, _throw, "throw", err); } _next(undefined); }); }; }
@@ -105,205 +113,335 @@ var collectionSchema = {
             filter: {
               'hidden.$isFalsy': true
             },
-            appends: []
+            appends: ['category']
           }
         }
       },
       properties: {
-        actions: {
+        tabs: {
           type: 'void',
-          'x-component': 'ActionBar',
-          'x-component-props': {
-            style: {
-              marginBottom: 16
+          'x-component': 'ConfigurationTabs'
+        }
+      }
+    }
+  }
+};
+exports.collectionSchema = collectionSchema;
+var collectionTableSchema = {
+  type: 'object',
+  properties: (_properties = {}, _defineProperty(_properties, (0, _shared.uid)(), {
+    type: 'void',
+    'x-component': 'ActionBar',
+    'x-component-props': {
+      style: {
+        marginBottom: 16
+      }
+    },
+    properties: {
+      filter: {
+        type: 'void',
+        title: '{{ t("Filter") }}',
+        default: {
+          $and: [{
+            title: {
+              $includes: ''
             }
-          },
-          properties: {
-            filter: {
-              type: 'void',
-              title: '{{ t("Filter") }}',
-              default: {
-                $and: [{
-                  title: {
-                    $includes: ''
+          }, {
+            name: {
+              $includes: ''
+            }
+          }]
+        },
+        'x-action': 'filter',
+        'x-component': 'Filter.Action',
+        'x-component-props': {
+          icon: 'FilterOutlined',
+          useProps: '{{ cm.useFilterActionProps }}'
+        },
+        'x-align': 'left'
+      },
+      delete: {
+        type: 'void',
+        title: '{{ t("Delete") }}',
+        'x-component': 'Action',
+        'x-component-props': {
+          icon: 'DeleteOutlined',
+          useAction: '{{ cm.useBulkDestroyActionAndRefreshCM }}',
+          confirm: {
+            title: "{{t('Delete record')}}",
+            content: "{{t('Are you sure you want to delete it?')}}"
+          }
+        }
+      },
+      create: {
+        type: 'void',
+        title: '{{ t("Create collection") }}',
+        'x-component': 'AddCollection',
+        'x-component-props': {
+          type: 'primary'
+        }
+      }
+    }
+  }), _defineProperty(_properties, (0, _shared.uid)(), {
+    type: 'void',
+    'x-uid': 'input',
+    'x-component': 'Table.Void',
+    'x-component-props': {
+      rowKey: 'name',
+      rowSelection: {
+        type: 'checkbox'
+      },
+      useDataSource: '{{ cm.useDataSourceFromRAC }}',
+      useAction: function useAction() {
+        var api = (0, _apiClient.useAPIClient)();
+
+        var _useTranslation = (0, _reactI18next.useTranslation)(),
+            t = _useTranslation.t;
+
+        return {
+          move: function move(from, to) {
+            return _asyncToGenerator( /*#__PURE__*/regeneratorRuntime.mark(function _callee() {
+              return regeneratorRuntime.wrap(function _callee$(_context) {
+                while (1) {
+                  switch (_context.prev = _context.next) {
+                    case 0:
+                      _context.next = 2;
+                      return api.resource('collections').move({
+                        sourceId: from.key,
+                        targetId: to.key
+                      });
+
+                    case 2:
+                      _antd.message.success(t('Saved successfully'), 0.2);
+
+                    case 3:
+                    case "end":
+                      return _context.stop();
                   }
-                }, {
-                  name: {
-                    $includes: ''
+                }
+              }, _callee);
+            }))();
+          }
+        };
+      }
+    },
+    properties: {
+      column1: {
+        type: 'void',
+        'x-decorator': 'Table.Column.Decorator',
+        'x-component': 'Table.Column',
+        properties: {
+          title: {
+            'x-component': 'CollectionField',
+            'x-read-pretty': true
+          }
+        }
+      },
+      column2: {
+        type: 'void',
+        'x-decorator': 'Table.Column.Decorator',
+        'x-component': 'Table.Column',
+        properties: {
+          name: {
+            type: 'string',
+            'x-component': 'CollectionField',
+            'x-read-pretty': true
+          }
+        }
+      },
+      column3: {
+        type: 'void',
+        'x-decorator': 'Table.Column.Decorator',
+        'x-component': 'Table.Column',
+        title: '{{t("Collection template")}}',
+        properties: {
+          template: {
+            'x-component': _CollectionTemplate.CollectionTemplate,
+            'x-read-pretty': true
+          }
+        }
+      },
+      column4: {
+        type: 'void',
+        'x-decorator': 'Table.Column.Decorator',
+        'x-component': 'Table.Column',
+        'x-visible': 'categoryVisible',
+        title: '{{t("Collection category")}}',
+        properties: {
+          category: {
+            'x-component': _CollectionCategory.CollectionCategory,
+            'x-read-pretty': true
+          }
+        }
+      },
+      column5: {
+        type: 'void',
+        title: '{{ t("Actions") }}',
+        'x-component': 'Table.Column',
+        properties: {
+          actions: {
+            type: 'void',
+            'x-component': 'Space',
+            'x-component-props': {
+              split: '|'
+            },
+            properties: {
+              view: {
+                type: 'void',
+                title: '{{ t("Configure fields") }}',
+                'x-component': 'Action.Link',
+                'x-component-props': {},
+                properties: {
+                  drawer: {
+                    type: 'void',
+                    'x-component': 'Action.Drawer',
+                    'x-component-props': {
+                      destroyOnClose: true
+                    },
+                    'x-reactions': function xReactions(field) {
+                      var i = field.path.segments[1];
+                      var table = field.form.getValuesIn("table.".concat(i));
+
+                      if (table) {
+                        field.title = "".concat(compile(table.title), " - ").concat(compile('{{ t("Configure fields") }}'));
+                      }
+                    },
+                    properties: {
+                      collectionFieldSchema: _collectionFields.collectionFieldSchema
+                    }
                   }
-                }]
+                }
               },
-              'x-action': 'filter',
-              'x-component': 'Filter.Action',
-              'x-component-props': {
-                icon: 'FilterOutlined',
-                useProps: '{{ cm.useFilterActionProps }}'
+              update: {
+                type: 'void',
+                title: '{{ t("Edit") }}',
+                'x-component': 'EditCollection',
+                'x-component-props': {
+                  type: 'primary'
+                }
               },
-              'x-align': 'left'
-            },
-            delete: {
-              type: 'void',
-              title: '{{ t("Delete") }}',
+              delete: {
+                type: 'void',
+                title: '{{ t("Delete") }}',
+                'x-component': 'Action.Link',
+                'x-component-props': {
+                  confirm: {
+                    title: "{{t('Delete record')}}",
+                    content: "{{t('Are you sure you want to delete it?')}}"
+                  },
+                  useAction: '{{ cm.useDestroyActionAndRefreshCM }}'
+                }
+              }
+            }
+          }
+        }
+      }
+    }
+  }), _properties)
+};
+exports.collectionTableSchema = collectionTableSchema;
+var collectionCategorySchema = {
+  type: 'object',
+  properties: {
+    form: {
+      type: 'void',
+      'x-decorator': 'Form',
+      'x-component': 'Action.Modal',
+      title: '{{ t("Add category") }}',
+      'x-component-props': {
+        width: 520,
+        getContainer: '{{ getContainer }}'
+      },
+      properties: {
+        name: {
+          type: 'string',
+          title: '{{t("Category name")}}',
+          required: true,
+          'x-disabled': '{{ !createOnly }}',
+          'x-decorator': 'FormItem',
+          'x-component': 'Input'
+        },
+        color: {
+          type: 'string',
+          title: '{{t("Color")}}',
+          required: false,
+          'x-decorator': 'FormItem',
+          'x-component': 'ColorSelect'
+        },
+        footer: {
+          type: 'void',
+          'x-component': 'Action.Modal.Footer',
+          properties: {
+            action1: {
+              title: '{{ t("Cancel") }}',
               'x-component': 'Action',
               'x-component-props': {
-                icon: 'DeleteOutlined',
-                useAction: '{{ cm.useBulkDestroyActionAndRefreshCM }}',
-                confirm: {
-                  title: "{{t('Delete record')}}",
-                  content: "{{t('Are you sure you want to delete it?')}}"
-                }
+                useAction: '{{ useCancelAction }}'
               }
             },
-            create: {
-              type: 'void',
-              title: '{{ t("Create collection") }}',
-              'x-component': 'AddCollection',
+            action2: {
+              title: '{{ t("Submit") }}',
+              'x-component': 'Action',
               'x-component-props': {
-                type: 'primary'
+                type: 'primary',
+                useAction: '{{ useCreateCategry }}'
               }
             }
           }
+        }
+      }
+    }
+  }
+};
+exports.collectionCategorySchema = collectionCategorySchema;
+var collectionCategoryEditSchema = {
+  type: 'object',
+  properties: {
+    form: {
+      type: 'void',
+      'x-decorator': 'Form',
+      'x-decorator-props': {
+        useValues: '{{ useValuesFromRecord }}'
+      },
+      'x-component': 'Action.Modal',
+      title: '{{ t("Edit category") }}',
+      'x-component-props': {
+        width: 520,
+        getContainer: '{{ getContainer }}'
+      },
+      properties: {
+        name: {
+          type: 'string',
+          title: '{{t("Category name")}}',
+          required: true,
+          'x-disabled': '{{ !createOnly }}',
+          'x-decorator': 'FormItem',
+          'x-component': 'Input'
+        },
+        color: {
+          type: 'string',
+          title: '{{t("Color")}}',
+          required: false,
+          'x-decorator': 'FormItem',
+          'x-component': 'ColorSelect'
         },
-        table: {
+        footer: {
           type: 'void',
-          'x-uid': 'input',
-          'x-component': 'Table.Void',
-          'x-component-props': {
-            rowKey: 'name',
-            rowSelection: {
-              type: 'checkbox'
-            },
-            useDataSource: '{{ cm.useDataSourceFromRAC }}',
-            useAction: function useAction() {
-              var api = (0, _apiClient.useAPIClient)();
-
-              var _useTranslation = (0, _reactI18next.useTranslation)(),
-                  t = _useTranslation.t;
-
-              return {
-                move: function move(from, to) {
-                  return _asyncToGenerator( /*#__PURE__*/regeneratorRuntime.mark(function _callee() {
-                    return regeneratorRuntime.wrap(function _callee$(_context) {
-                      while (1) {
-                        switch (_context.prev = _context.next) {
-                          case 0:
-                            console.log(from, to);
-                            _context.next = 3;
-                            return api.resource('collections').move({
-                              sourceId: from.key,
-                              targetId: to.key
-                            });
-
-                          case 3:
-                            _antd.message.success(t('Saved successfully'), 0.2);
-
-                          case 4:
-                          case "end":
-                            return _context.stop();
-                        }
-                      }
-                    }, _callee);
-                  }))();
-                }
-              };
-            }
-          },
+          'x-component': 'Action.Modal.Footer',
           properties: {
-            column1: {
-              type: 'void',
-              'x-decorator': 'Table.Column.Decorator',
-              'x-component': 'Table.Column',
-              properties: {
-                title: {
-                  'x-component': 'CollectionField',
-                  'x-read-pretty': true
-                }
-              }
-            },
-            column2: {
-              type: 'void',
-              'x-decorator': 'Table.Column.Decorator',
-              'x-component': 'Table.Column',
-              properties: {
-                name: {
-                  type: 'string',
-                  'x-component': 'CollectionField',
-                  'x-read-pretty': true
-                }
-              }
-            },
-            column3: {
-              type: 'void',
-              'x-decorator': 'Table.Column.Decorator',
-              'x-component': 'Table.Column',
-              title: '{{t("Collection template")}}',
-              properties: {
-                template: {
-                  'x-component': _CollectionTemplate.CollectionTemplate,
-                  'x-read-pretty': true
-                }
+            action1: {
+              title: '{{ t("Cancel") }}',
+              'x-component': 'Action',
+              'x-component-props': {
+                useAction: '{{ useCancelAction }}'
               }
             },
-            column4: {
-              type: 'void',
-              title: '{{ t("Actions") }}',
-              'x-component': 'Table.Column',
-              properties: {
-                actions: {
-                  type: 'void',
-                  'x-component': 'Space',
-                  'x-component-props': {
-                    split: '|'
-                  },
-                  properties: {
-                    view: {
-                      type: 'void',
-                      title: '{{ t("Configure fields") }}',
-                      'x-component': 'Action.Link',
-                      'x-component-props': {},
-                      properties: {
-                        drawer: {
-                          type: 'void',
-                          'x-component': 'Action.Drawer',
-                          'x-component-props': {
-                            destroyOnClose: true
-                          },
-                          'x-reactions': function xReactions(field) {
-                            var i = field.path.segments[1];
-                            var table = field.form.getValuesIn("table.".concat(i));
-
-                            if (table) {
-                              field.title = "".concat(compile(table.title), " - ").concat(compile('{{ t("Configure fields") }}'));
-                            }
-                          },
-                          properties: {
-                            collectionFieldSchema: _collectionFields.collectionFieldSchema
-                          }
-                        }
-                      }
-                    },
-                    update: {
-                      type: 'void',
-                      title: '{{ t("Edit") }}',
-                      'x-component': 'EditCollection',
-                      'x-component-props': {
-                        type: 'primary'
-                      }
-                    },
-                    delete: {
-                      type: 'void',
-                      title: '{{ t("Delete") }}',
-                      'x-component': 'Action.Link',
-                      'x-component-props': {
-                        confirm: {
-                          title: "{{t('Delete record')}}",
-                          content: "{{t('Are you sure you want to delete it?')}}"
-                        },
-                        useAction: '{{ cm.useDestroyActionAndRefreshCM }}'
-                      }
-                    }
-                  }
-                }
+            action2: {
+              title: '{{ t("Submit") }}',
+              'x-component': 'Action',
+              'x-component-props': {
+                type: 'primary',
+                useAction: '{{ useEditCategry }}'
               }
             }
           }
@@ -312,4 +450,4 @@ var collectionSchema = {
     }
   }
 };
-exports.collectionSchema = collectionSchema;
+exports.collectionCategoryEditSchema = collectionCategoryEditSchema;

package/lib/collection-manager/Configuration/templates.d.ts

@@ -54,5 +54,6 @@ export declare const templates: Map<string, import("@formily/react").Stringify<{
     "x-read-only"?: boolean;
     "x-read-pretty"?: boolean;
 }>>;
+export declare const collectionTemplates: any;
 export declare function registerTemplate(key: string, schema: any): void;
 export declare const templateOptions: () => any[];

package/lib/collection-manager/Configuration/templates.js

@@ -5,6 +5,7 @@ function _typeof(obj) { "@babel/helpers - typeof"; return _typeof = "function" =
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
+exports.collectionTemplates = void 0;
 exports.registerTemplate = registerTemplate;
 exports.templates = exports.templateOptions = void 0;
 
@@ -23,6 +24,7 @@ function _defineProperty(obj, key, value) { if (key in obj) { Object.definePrope
 var templates = new Map();
 exports.templates = templates;
 var collectionTemplates = {};
+exports.collectionTemplates = collectionTemplates;
 
 function registerTemplate(key, schema) {
   collectionTemplates[key] = schema;

package/lib/collection-manager/action-hooks.js

@@ -794,6 +794,8 @@ var useBulkDestroyActionAndRefreshCM = function useBulkDestroyActionAndRefreshCM
 exports.useBulkDestroyActionAndRefreshCM = useBulkDestroyActionAndRefreshCM;
 
 var useFilterActionProps = function useFilterActionProps() {
+  var _service$state, _service$state$params;
+
   var _useResourceContext8 = (0, _ResourceActionProvider.useResourceContext)(),
       collection = _useResourceContext8.collection;
 
@@ -801,7 +803,7 @@ var useFilterActionProps = function useFilterActionProps() {
   var service = (0, _ResourceActionProvider.useResourceActionContext)();
   return (0, _useFilterActionProps.useFilterFieldProps)({
     options: options,
-    params: service.params,
+    params: ((_service$state = service.state) === null || _service$state === void 0 ? void 0 : (_service$state$params = _service$state.params) === null || _service$state$params === void 0 ? void 0 : _service$state$params[0]) || service.params,
     service: service
   });
 };