@nocobase/client 0.7.0-alpha.9 → 0.7.1-alpha.4

package/.buildrc.ts

@@ -0,0 +1,5 @@
+export default {
+  target: 'browser',
+  cjs: 'babel',
+  esm: 'babel',
+};

package/.umirc.ts

@@ -0,0 +1,24 @@
+import { resolveNocobasePackagesAlias } from '@nocobase/devtools/umiConfig';
+import { defineConfig } from 'dumi';
+
+export default defineConfig({
+  title: 'NocoBase',
+  // outputPath: `./docs/dist/${lang}`,
+  mode: 'site',
+  resolve: {
+    includes: ['./'],
+  },
+  // locales: [[lang, lang]],
+  hash: true,
+  logo: 'https://www.nocobase.com/images/logo.png',
+  navs: [
+    null,
+    {
+      title: 'GitHub',
+      path: 'https://github.com/nocobase/nocobase',
+    },
+  ],
+  chainWebpack(config) {
+    resolveNocobasePackagesAlias(config);
+  },
+});

package/es/acl/ACLProvider.js

@@ -0,0 +1,258 @@
+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 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; }
+
+import { useFieldSchema } from '@formily/react';
+import { Spin } from 'antd';
+import React, { createContext, useContext } from 'react';
+import { Redirect } from 'react-router-dom';
+import { useAPIClient, useRequest } from '../api-client';
+import { useCollection } from '../collection-manager';
+import { useRecordIsOwn } from '../record-provider';
+import { SchemaComponentOptions, useDesignable } from '../schema-component';
+export var ACLContext = /*#__PURE__*/createContext(null);
+export var ACLProvider = function ACLProvider(props) {
+  return /*#__PURE__*/React.createElement(SchemaComponentOptions, {
+    components: {
+      ACLCollectionFieldProvider: ACLCollectionFieldProvider,
+      ACLActionProvider: ACLActionProvider,
+      ACLMenuItemProvider: ACLMenuItemProvider,
+      ACLCollectionProvider: ACLCollectionProvider
+    }
+  }, props.children);
+};
+export var ACLRolesCheckProvider = function ACLRolesCheckProvider(props) {
+  var _useDesignable = useDesignable(),
+      setDesignable = _useDesignable.setDesignable;
+
+  var api = useAPIClient();
+  var result = useRequest({
+    url: 'roles:check'
+  }, {
+    onSuccess: function onSuccess(data) {
+      var _data$data, _data$data2, _data$data3;
+
+      if (!(data === null || data === void 0 ? void 0 : (_data$data = data.data) === null || _data$data === void 0 ? void 0 : _data$data.allowConfigure) && !(data === null || data === void 0 ? void 0 : (_data$data2 = data.data) === null || _data$data2 === void 0 ? void 0 : _data$data2.allowAll)) {
+        setDesignable(false);
+      }
+
+      if ((data === null || data === void 0 ? void 0 : (_data$data3 = data.data) === null || _data$data3 === void 0 ? void 0 : _data$data3.role) !== api.auth.role) {
+        var _data$data4;
+
+        api.auth.setRole(data === null || data === void 0 ? void 0 : (_data$data4 = data.data) === null || _data$data4 === void 0 ? void 0 : _data$data4.role);
+      }
+    }
+  });
+
+  if (result.loading) {
+    return /*#__PURE__*/React.createElement(Spin, null);
+  }
+
+  if (result.error) {
+    return /*#__PURE__*/React.createElement(Redirect, {
+      to: '/signin'
+    });
+  }
+
+  return /*#__PURE__*/React.createElement(ACLContext.Provider, {
+    value: result
+  }, props.children);
+};
+export var useRoleRecheck = function useRoleRecheck() {
+  var ctx = useContext(ACLContext);
+
+  var _useACLRoleContext = useACLRoleContext(),
+      allowAll = _useACLRoleContext.allowAll,
+      allowConfigure = _useACLRoleContext.allowConfigure;
+
+  return function () {
+    if (allowAll || allowConfigure) {
+      return;
+    }
+
+    ctx.refresh();
+  };
+};
+export var useACLContext = function useACLContext() {
+  return useContext(ACLContext);
+};
+export var useACLRoleContext = function useACLRoleContext() {
+  var _ctx$data;
+
+  var ctx = useContext(ACLContext);
+  var data = (_ctx$data = ctx.data) === null || _ctx$data === void 0 ? void 0 : _ctx$data.data;
+  return _objectSpread(_objectSpread({}, data), {}, {
+    getActionParams: function getActionParams(path, _ref) {
+      var _data$actionAlias, _data$resources, _data$actions, _data$strategy;
+
+      var skipOwnCheck = _ref.skipOwnCheck,
+          isOwn = _ref.isOwn;
+
+      var _path$split = path.split(':'),
+          _path$split2 = _slicedToArray(_path$split, 2),
+          resourceName = _path$split2[0],
+          act = _path$split2[1];
+
+      var currentAction = (data === null || data === void 0 ? void 0 : (_data$actionAlias = data.actionAlias) === null || _data$actionAlias === void 0 ? void 0 : _data$actionAlias[act]) || act;
+      var hasResource = data === null || data === void 0 ? void 0 : (_data$resources = data.resources) === null || _data$resources === void 0 ? void 0 : _data$resources.includes(resourceName);
+      var params = data === null || data === void 0 ? void 0 : (_data$actions = data.actions) === null || _data$actions === void 0 ? void 0 : _data$actions["".concat(resourceName, ":").concat(currentAction)];
+
+      if (hasResource) {
+        if (!skipOwnCheck && (params === null || params === void 0 ? void 0 : params.own)) {
+          return isOwn ? params : null;
+        }
+
+        return params;
+      }
+
+      var strategyActions = (data === null || data === void 0 ? void 0 : (_data$strategy = data.strategy) === null || _data$strategy === void 0 ? void 0 : _data$strategy.actions) || [];
+      var strategyAction = strategyActions === null || strategyActions === void 0 ? void 0 : strategyActions.find(function (action) {
+        var _action$split = action.split(':'),
+            _action$split2 = _slicedToArray(_action$split, 1),
+            value = _action$split2[0];
+
+        return value === currentAction;
+      });
+
+      if (!strategyAction) {
+        return;
+      }
+
+      if (skipOwnCheck) {
+        return {};
+      }
+
+      var _strategyAction$split = strategyAction.split(':'),
+          _strategyAction$split2 = _slicedToArray(_strategyAction$split, 2),
+          actionScope = _strategyAction$split2[1];
+
+      if (actionScope === 'own') {
+        return isOwn;
+      }
+
+      return {};
+    }
+  });
+};
+export var ACLAllowConfigure = function ACLAllowConfigure(props) {
+  var _useACLRoleContext2 = useACLRoleContext(),
+      allowAll = _useACLRoleContext2.allowAll,
+      allowConfigure = _useACLRoleContext2.allowConfigure;
+
+  if (allowAll || allowConfigure) {
+    return /*#__PURE__*/React.createElement(React.Fragment, null, props.children);
+  }
+
+  return null;
+};
+var ACLActionParamsContext = /*#__PURE__*/createContext({});
+export var ACLCollectionProvider = function ACLCollectionProvider(props) {
+  var _fieldSchema$xAclAc;
+
+  var _useACLRoleContext3 = useACLRoleContext(),
+      allowAll = _useACLRoleContext3.allowAll,
+      allowConfigure = _useACLRoleContext3.allowConfigure,
+      getActionParams = _useACLRoleContext3.getActionParams;
+
+  var fieldSchema = useFieldSchema();
+  var isOwn = useRecordIsOwn();
+
+  if (allowAll || allowConfigure) {
+    return /*#__PURE__*/React.createElement(React.Fragment, null, props.children);
+  }
+
+  var path = fieldSchema['x-acl-action'];
+  var skipScopeCheck = (_fieldSchema$xAclAc = fieldSchema['x-acl-action-props']) === null || _fieldSchema$xAclAc === void 0 ? void 0 : _fieldSchema$xAclAc.skipScopeCheck;
+
+  if (!path) {
+    return /*#__PURE__*/React.createElement(React.Fragment, null, props.children);
+  }
+
+  var params = getActionParams(path, {
+    isOwn: isOwn,
+    skipOwnCheck: skipScopeCheck === false ? false : true
+  });
+
+  if (!params) {
+    return null;
+  }
+
+  return /*#__PURE__*/React.createElement(ACLActionParamsContext.Provider, {
+    value: params
+  }, props.children);
+};
+export var ACLActionProvider = function ACLActionProvider(props) {
+  var _fieldSchema$xAclAc2;
+
+  var _useCollection = useCollection(),
+      name = _useCollection.name;
+
+  var fieldSchema = useFieldSchema();
+  var isOwn = useRecordIsOwn();
+
+  var _useACLRoleContext4 = useACLRoleContext(),
+      allowAll = _useACLRoleContext4.allowAll,
+      allowConfigure = _useACLRoleContext4.allowConfigure,
+      getActionParams = _useACLRoleContext4.getActionParams;
+
+  if (!name || allowAll || allowConfigure) {
+    return /*#__PURE__*/React.createElement(React.Fragment, null, props.children);
+  }
+
+  var actionName = fieldSchema['x-action'];
+  var path = fieldSchema['x-acl-action'] || "".concat(name, ":").concat(actionName);
+  var skipScopeCheck = (_fieldSchema$xAclAc2 = fieldSchema['x-acl-action-props']) === null || _fieldSchema$xAclAc2 === void 0 ? void 0 : _fieldSchema$xAclAc2.skipScopeCheck;
+  var params = getActionParams(path, {
+    skipOwnCheck: skipScopeCheck,
+    isOwn: isOwn
+  });
+
+  if (!params) {
+    return null;
+  }
+
+  return /*#__PURE__*/React.createElement(ACLActionParamsContext.Provider, {
+    value: params
+  }, props.children);
+};
+export var ACLCollectionFieldProvider = function ACLCollectionFieldProvider(props) {
+  return /*#__PURE__*/React.createElement(React.Fragment, null, props.children);
+};
+export var ACLMenuItemProvider = function ACLMenuItemProvider(props) {
+  var _useACLRoleContext5 = useACLRoleContext(),
+      allowAll = _useACLRoleContext5.allowAll,
+      allowConfigure = _useACLRoleContext5.allowConfigure,
+      _useACLRoleContext5$a = _useACLRoleContext5.allowMenuItemIds,
+      allowMenuItemIds = _useACLRoleContext5$a === void 0 ? [] : _useACLRoleContext5$a;
+
+  var fieldSchema = useFieldSchema();
+
+  if (allowAll || allowConfigure) {
+    return /*#__PURE__*/React.createElement(React.Fragment, null, props.children);
+  }
+
+  if (!fieldSchema['x-uid']) {
+    return /*#__PURE__*/React.createElement(React.Fragment, null, props.children);
+  }
+
+  if (allowMenuItemIds.includes(fieldSchema['x-uid'])) {
+    return /*#__PURE__*/React.createElement(React.Fragment, null, props.children);
+  }
+
+  return null;
+};
+export default ACLProvider;

package/es/acl/ACLShortcut.d.ts

@@ -0,0 +1 @@
+export declare const ACLShortcut: () => JSX.Element;

package/es/acl/ACLShortcut.js

@@ -0,0 +1,60 @@
+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 _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; }
+
+import { LockOutlined } from '@ant-design/icons';
+import { uid } from '@formily/shared';
+import React, { useState } from 'react';
+import { useTranslation } from 'react-i18next';
+import { PluginManager } from '../plugin-manager';
+import { ActionContext, SchemaComponent } from '../schema-component';
+import * as components from './Configuration';
+var schema = {
+  type: 'object',
+  properties: _defineProperty({}, uid(), {
+    'x-component': 'Action.Drawer',
+    type: 'void',
+    title: '{{t("Roles & Permissions")}}',
+    properties: {
+      hello1: {
+        type: 'void',
+        'x-component': 'RoleTable'
+      }
+    }
+  })
+};
+export var ACLShortcut = function ACLShortcut() {
+  var _useState = useState(false),
+      _useState2 = _slicedToArray(_useState, 2),
+      visible = _useState2[0],
+      setVisible = _useState2[1];
+
+  var _useTranslation = useTranslation(),
+      t = _useTranslation.t;
+
+  return /*#__PURE__*/React.createElement(ActionContext.Provider, {
+    value: {
+      visible: visible,
+      setVisible: setVisible
+    }
+  }, /*#__PURE__*/React.createElement(PluginManager.Toolbar.Item, {
+    icon: /*#__PURE__*/React.createElement(LockOutlined, null),
+    title: t('Roles & Permissions'),
+    onClick: function onClick() {
+      setVisible(true);
+    }
+  }), /*#__PURE__*/React.createElement(SchemaComponent, {
+    components: components,
+    schema: schema
+  }));
+};

package/es/acl/Configuration/MenuConfigure.d.ts

@@ -0,0 +1 @@
+export declare const MenuConfigure: () => JSX.Element;

package/es/acl/Configuration/MenuConfigure.js

@@ -0,0 +1,206 @@
+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); }); }; }
+
+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 _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 _toConsumableArray(arr) { return _arrayWithoutHoles(arr) || _iterableToArray(arr) || _unsupportedIterableToArray(arr) || _nonIterableSpread(); }
+
+function _nonIterableSpread() { throw new TypeError("Invalid attempt to spread non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method."); }
+
+function _iterableToArray(iter) { if (typeof Symbol !== "undefined" && iter[Symbol.iterator] != null || iter["@@iterator"] != null) return Array.from(iter); }
+
+function _arrayWithoutHoles(arr) { if (Array.isArray(arr)) return _arrayLikeToArray(arr); }
+
+function _createForOfIteratorHelper(o, allowArrayLike) { var it = typeof Symbol !== "undefined" && o[Symbol.iterator] || o["@@iterator"]; if (!it) { if (Array.isArray(o) || (it = _unsupportedIterableToArray(o)) || allowArrayLike && o && typeof o.length === "number") { if (it) o = it; var i = 0; var F = function F() {}; return { s: F, n: function n() { if (i >= o.length) return { done: true }; return { done: false, value: o[i++] }; }, e: function e(_e2) { throw _e2; }, f: F }; } throw new TypeError("Invalid attempt to iterate non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method."); } var normalCompletion = true, didErr = false, err; return { s: function s() { it = it.call(o); }, n: function n() { var step = it.next(); normalCompletion = step.done; return step; }, e: function e(_e3) { didErr = true; err = _e3; }, f: function f() { try { if (!normalCompletion && it.return != null) it.return(); } finally { if (didErr) throw err; } } }; }
+
+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; }
+
+import { Checkbox, message, Table } from 'antd';
+import React, { useState } from 'react';
+import { useTranslation } from 'react-i18next';
+import { useAPIClient, useRequest } from '../../api-client';
+import { useRecord } from '../../record-provider';
+import { useCompile } from '../../schema-component';
+import { useMenuItems } from './RoleTable';
+
+var findUids = function findUids(items) {
+  if (!Array.isArray(items)) {
+    return [];
+  }
+
+  var uids = [];
+
+  var _iterator = _createForOfIteratorHelper(items),
+      _step;
+
+  try {
+    for (_iterator.s(); !(_step = _iterator.n()).done;) {
+      var item = _step.value;
+      uids.push(item.uid);
+      uids.push.apply(uids, _toConsumableArray(findUids(item.children)));
+    }
+  } catch (err) {
+    _iterator.e(err);
+  } finally {
+    _iterator.f();
+  }
+
+  return uids;
+};
+
+export var MenuConfigure = function MenuConfigure() {
+  var record = useRecord();
+  var api = useAPIClient();
+  var items = useMenuItems();
+  var compile = useCompile();
+
+  var _useTranslation = useTranslation(),
+      t = _useTranslation.t;
+
+  var allUids = findUids(items);
+
+  var _useState = useState([]),
+      _useState2 = _slicedToArray(_useState, 2),
+      uids = _useState2[0],
+      setUids = _useState2[1];
+
+  var _useRequest = useRequest({
+    resource: 'roles.menuUiSchemas',
+    resourceOf: record.name,
+    action: 'list',
+    params: {
+      paginate: false
+    }
+  }, {
+    onSuccess: function onSuccess(data) {
+      var _data$data;
+
+      setUids((data === null || data === void 0 ? void 0 : (_data$data = data.data) === null || _data$data === void 0 ? void 0 : _data$data.map(function (schema) {
+        return schema['x-uid'];
+      })) || []);
+    }
+  }),
+      loading = _useRequest.loading,
+      refresh = _useRequest.refresh;
+
+  var resource = api.resource('roles.menuUiSchemas', record.name);
+  var allChecked = allUids.length === uids.length;
+  return /*#__PURE__*/React.createElement(Table, {
+    loading: loading,
+    rowKey: 'uid',
+    pagination: false,
+    expandable: {
+      defaultExpandAllRows: true
+    },
+    columns: [{
+      dataIndex: 'title',
+      title: t('Menu item title')
+    }, {
+      dataIndex: 'accessible',
+      title: /*#__PURE__*/React.createElement(React.Fragment, null, /*#__PURE__*/React.createElement(Checkbox, {
+        checked: allChecked,
+        onChange: function () {
+          var _onChange = _asyncToGenerator( /*#__PURE__*/regeneratorRuntime.mark(function _callee(value) {
+            return regeneratorRuntime.wrap(function _callee$(_context) {
+              while (1) {
+                switch (_context.prev = _context.next) {
+                  case 0:
+                    if (!allChecked) {
+                      _context.next = 5;
+                      break;
+                    }
+
+                    _context.next = 3;
+                    return resource.set({
+                      values: []
+                    });
+
+                  case 3:
+                    _context.next = 7;
+                    break;
+
+                  case 5:
+                    _context.next = 7;
+                    return resource.set({
+                      values: allUids
+                    });
+
+                  case 7:
+                    refresh();
+                    message.success(t('Saved successfully'));
+
+                  case 9:
+                  case "end":
+                    return _context.stop();
+                }
+              }
+            }, _callee);
+          }));
+
+          function onChange(_x) {
+            return _onChange.apply(this, arguments);
+          }
+
+          return onChange;
+        }()
+      }), ' ', t('Accessible')),
+      render: function render(_, schema) {
+        var checked = uids.includes(schema.uid);
+        return /*#__PURE__*/React.createElement(Checkbox, {
+          checked: checked,
+          onChange: function () {
+            var _onChange2 = _asyncToGenerator( /*#__PURE__*/regeneratorRuntime.mark(function _callee2(e) {
+              var index;
+              return regeneratorRuntime.wrap(function _callee2$(_context2) {
+                while (1) {
+                  switch (_context2.prev = _context2.next) {
+                    case 0:
+                      if (checked) {
+                        index = uids.indexOf(schema.uid);
+                        uids.splice(index, 1);
+                        setUids(_toConsumableArray(uids));
+                      } else {
+                        setUids(function (prev) {
+                          return [].concat(_toConsumableArray(prev), [schema.uid]);
+                        });
+                      }
+
+                      _context2.next = 3;
+                      return resource.toggle({
+                        values: {
+                          tk: schema.uid
+                        }
+                      });
+
+                    case 3:
+                      message.success(t('Saved successfully'));
+
+                    case 4:
+                    case "end":
+                      return _context2.stop();
+                  }
+                }
+              }, _callee2);
+            }));
+
+            function onChange(_x2) {
+              return _onChange2.apply(this, arguments);
+            }
+
+            return onChange;
+          }()
+        });
+      }
+    }],
+    dataSource: items
+  });
+};

package/es/acl/Configuration/RoleConfigure.d.ts

@@ -0,0 +1 @@
+export declare const RoleConfigure: () => JSX.Element;

package/es/acl/Configuration/RoleConfigure.js

@@ -0,0 +1,94 @@
+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); }); }; }
+
+import { onFieldChange } from '@formily/core';
+import { message } from 'antd';
+import React from 'react';
+import { useTranslation } from 'react-i18next';
+import { useAPIClient, useRequest } from '../../api-client';
+import { useRecord } from '../../record-provider';
+import { SchemaComponent } from '../../schema-component';
+export var RoleConfigure = function RoleConfigure() {
+  var api = useAPIClient();
+  var record = useRecord();
+
+  var _useTranslation = useTranslation(),
+      t = _useTranslation.t;
+
+  return /*#__PURE__*/React.createElement(SchemaComponent, {
+    schema: {
+      type: 'void',
+      name: 'form',
+      'x-component': 'Form',
+      'x-component-props': {
+        useValues: function useValues(options) {
+          return useRequest({
+            resource: 'roles',
+            action: 'get',
+            params: {
+              filterByTk: record.name
+            }
+          }, options);
+        },
+        effects: function effects() {
+          onFieldChange('*', /*#__PURE__*/function () {
+            var _ref = _asyncToGenerator( /*#__PURE__*/regeneratorRuntime.mark(function _callee(field, form) {
+              return regeneratorRuntime.wrap(function _callee$(_context) {
+                while (1) {
+                  switch (_context.prev = _context.next) {
+                    case 0:
+                      if (form.modified) {
+                        _context.next = 2;
+                        break;
+                      }
+
+                      return _context.abrupt("return");
+
+                    case 2:
+                      _context.next = 4;
+                      return api.resource('roles').update({
+                        filterByTk: record.name,
+                        values: form.values
+                      });
+
+                    case 4:
+                      message.success(t('Saved successfully'));
+
+                    case 5:
+                    case "end":
+                      return _context.stop();
+                  }
+                }
+              }, _callee);
+            }));
+
+            return function (_x, _x2) {
+              return _ref.apply(this, arguments);
+            };
+          }());
+        }
+      },
+      properties: {
+        allowConfigure: {
+          title: t('Configure permissions'),
+          'x-decorator': 'FormItem',
+          'x-component': 'Checkbox',
+          'x-content': t('Allows configuration of the whole system, including UI, collections, permissions, etc.')
+        },
+        'strategy.actions': {
+          title: t('Global action permissions'),
+          description: t('All collections use general action permissions by default; permission configured individually will override the default one.'),
+          'x-component': 'StrategyActions',
+          'x-decorator': 'FormItem'
+        },
+        allowNewMenu: {
+          title: t('Menu permissions'),
+          'x-decorator': 'FormItem',
+          'x-component': 'Checkbox',
+          'x-content': t('New menu items are allowed to be accessed by default.')
+        }
+      }
+    }
+  });
+};

package/es/acl/Configuration/RoleTable.d.ts

@@ -0,0 +1,3 @@
+export declare const useAvailableActions: () => any;
+export declare const useMenuItems: () => any;
+export declare const RoleTable: () => JSX.Element;