@nocobase/client 0.8.1-alpha.4 → 0.9.0-alpha.2

package/lib/acl/Configuration/ConfigureCenter.js

@@ -0,0 +1,278 @@
+"use strict";
+
+function _typeof(obj) { "@babel/helpers - typeof"; return _typeof = "function" == typeof Symbol && "symbol" == typeof Symbol.iterator ? function (obj) { return typeof obj; } : function (obj) { return obj && "function" == typeof Symbol && obj.constructor === Symbol && obj !== Symbol.prototype ? "symbol" : typeof obj; }, _typeof(obj); }
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.SettingsCenterConfigure = exports.SettingCenterProvider = void 0;
+
+var _antd = require("antd");
+
+var _react = _interopRequireWildcard(require("react"));
+
+var _reactI18next = require("react-i18next");
+
+var _apiClient = require("../../api-client");
+
+var _recordProvider = require("../../record-provider");
+
+var _schemaComponent = require("../../schema-component");
+
+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 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; }
+
+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; }
+
+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 _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; }
+
+var getParentKeys = function getParentKeys(tree, func) {
+  var path = arguments.length > 2 && arguments[2] !== undefined ? arguments[2] : [];
+  if (!tree) return [];
+
+  var _iterator = _createForOfIteratorHelper(tree),
+      _step;
+
+  try {
+    for (_iterator.s(); !(_step = _iterator.n()).done;) {
+      var data = _step.value;
+      path.push(data.key);
+      if (func(data)) return path;
+
+      if (data.children) {
+        var findChildren = getParentKeys(data.children, func, path);
+        if (findChildren.length) return findChildren;
+      }
+
+      path.pop();
+    }
+  } catch (err) {
+    _iterator.e(err);
+  } finally {
+    _iterator.f();
+  }
+
+  return [];
+};
+
+var getChildrenKeys = function getChildrenKeys() {
+  var data = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : [];
+  var arr = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : [];
+
+  var _iterator2 = _createForOfIteratorHelper(data),
+      _step2;
+
+  try {
+    for (_iterator2.s(); !(_step2 = _iterator2.n()).done;) {
+      var item = _step2.value;
+      arr.push(item.key);
+      if (item.children && item.children.length) getChildrenKeys(item.children, arr);
+    }
+  } catch (err) {
+    _iterator2.e(err);
+  } finally {
+    _iterator2.f();
+  }
+
+  return arr;
+};
+
+var SettingMenuContext = /*#__PURE__*/(0, _react.createContext)(null);
+
+function useGetContext() {
+  var _useState = (0, _react.useState)(null),
+      _useState2 = _slicedToArray(_useState, 2),
+      context = _useState2[0],
+      setContext = _useState2[1];
+
+  Promise.resolve().then(function () {
+    return _interopRequireWildcard(require('../../pm'));
+  }).then(function (_ref) {
+    var SettingsCenterContext = _ref.SettingsCenterContext;
+    setContext(SettingsCenterContext);
+  });
+  return context;
+}
+
+var SettingCenterProvider = function SettingCenterProvider(props) {
+  var context = useGetContext();
+  var configureItems = context && (0, _react.useContext)(context);
+  return /*#__PURE__*/_react.default.createElement(SettingMenuContext.Provider, {
+    value: configureItems
+  }, props.children);
+};
+
+exports.SettingCenterProvider = SettingCenterProvider;
+
+var formatPluginTabs = function formatPluginTabs(data) {
+  var tabs = [];
+
+  for (var key in data) {
+    var plugin = data === null || data === void 0 ? void 0 : data[key];
+
+    for (var tabKey in (plugin === null || plugin === void 0 ? void 0 : plugin.tabs) || {}) {
+      var tab = plugin === null || plugin === void 0 ? void 0 : plugin.tabs[tabKey];
+      tabs.push(_objectSpread(_objectSpread({
+        pluginTitle: plugin.title
+      }, tab), {}, {
+        key: "pm.".concat(key, ".").concat(tabKey)
+      }));
+    }
+  }
+
+  return tabs;
+  var arr = Object.entries(data);
+  var pluginsTabs = [];
+  console.log(tabs);
+  arr.forEach(function (v) {
+    var children = Object.entries(v[1].tabs).map(function (k) {
+      return {
+        key: 'pm.' + v[0] + '.' + k[0],
+        title: k[1].title
+      };
+    });
+    pluginsTabs.push({
+      title: v[1].title,
+      key: 'pm.' + v[0],
+      children: children
+    });
+  });
+  return pluginsTabs;
+};
+
+var SettingsCenterConfigure = function SettingsCenterConfigure() {
+  var record = (0, _recordProvider.useRecord)();
+  var api = (0, _apiClient.useAPIClient)();
+  var pluginTags = (0, _react.useContext)(SettingMenuContext);
+  var items = pluginTags && formatPluginTabs(pluginTags) || [];
+
+  var _useTranslation = (0, _reactI18next.useTranslation)(),
+      t = _useTranslation.t;
+
+  var compile = (0, _schemaComponent.useCompile)();
+
+  var _useRequest = (0, _apiClient.useRequest)({
+    resource: 'roles.snippets',
+    resourceOf: record.name,
+    action: 'list',
+    params: {
+      paginate: false
+    }
+  }),
+      loading = _useRequest.loading,
+      refresh = _useRequest.refresh,
+      data = _useRequest.data;
+
+  var resource = api.resource('roles.snippets', record.name);
+
+  var handleChange = /*#__PURE__*/function () {
+    var _ref2 = _asyncToGenerator( /*#__PURE__*/regeneratorRuntime.mark(function _callee(checked, record) {
+      var childrenKeys, totalKeys;
+      return regeneratorRuntime.wrap(function _callee$(_context) {
+        while (1) {
+          switch (_context.prev = _context.next) {
+            case 0:
+              childrenKeys = getChildrenKeys(record === null || record === void 0 ? void 0 : record.children, []);
+              totalKeys = childrenKeys.concat(record.key);
+
+              if (checked) {
+                _context.next = 8;
+                break;
+              }
+
+              _context.next = 5;
+              return resource.remove({
+                values: totalKeys.map(function (v) {
+                  return '!' + v;
+                })
+              });
+
+            case 5:
+              refresh();
+              _context.next = 11;
+              break;
+
+            case 8:
+              _context.next = 10;
+              return resource.add({
+                values: totalKeys.map(function (v) {
+                  return '!' + v;
+                })
+              });
+
+            case 10:
+              refresh();
+
+            case 11:
+              _antd.message.success(t('Saved successfully'));
+
+            case 12:
+            case "end":
+              return _context.stop();
+          }
+        }
+      }, _callee);
+    }));
+
+    return function handleChange(_x, _x2) {
+      return _ref2.apply(this, arguments);
+    };
+  }();
+
+  return (items === null || items === void 0 ? void 0 : items.length) && /*#__PURE__*/_react.default.createElement(_antd.Table, {
+    loading: loading,
+    rowKey: 'key',
+    pagination: false,
+    columns: [{
+      dataIndex: 'title',
+      title: t('Plugin tab name'),
+      render: function render(value) {
+        return compile(value);
+      }
+    }, {
+      dataIndex: 'pluginTitle',
+      title: t('Plugin name'),
+      render: function render(value) {
+        return compile(value);
+      }
+    }, {
+      dataIndex: 'accessible',
+      title: t('Accessible'),
+      render: function render(_, record) {
+        var _data$data;
+
+        var checked = !(data === null || data === void 0 ? void 0 : (_data$data = data.data) === null || _data$data === void 0 ? void 0 : _data$data.includes('!' + record.key));
+        return !record.children && /*#__PURE__*/_react.default.createElement(_antd.Checkbox, {
+          checked: checked,
+          onChange: function onChange() {
+            return handleChange(checked, record);
+          }
+        });
+      }
+    }],
+    dataSource: items
+  });
+};
+
+exports.SettingsCenterConfigure = SettingsCenterConfigure;

package/lib/acl/Configuration/MenuConfigure.js

@@ -9,6 +9,8 @@ exports.MenuConfigure = void 0;
 
 var _antd = require("antd");
 
+var _lodash = require("lodash");
+
 var _react = _interopRequireWildcard(require("react"));
 
 var _reactI18next = require("react-i18next");
@@ -17,8 +19,6 @@ var _apiClient = require("../../api-client");
 
 var _recordProvider = require("../../record-provider");
 
-var _lodash = require("lodash");
-
 var _MenuItemsProvider = require("./MenuItemsProvider");
 
 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); }
@@ -283,7 +283,7 @@ var MenuConfigure = function MenuConfigure() {
 
           return onChange;
         }()
-      }), t('Accessible')),
+      }), ' ', t('Accessible')),
       render: function render(_, schema) {
         var checked = uids.includes(schema.uid);
         return /*#__PURE__*/_react.default.createElement(_antd.Checkbox, {

package/lib/acl/Configuration/PermisionProvider.d.ts

@@ -0,0 +1,4 @@
+import React from 'react';
+export declare const SettingCenterPermissionProvider: (props: any) => JSX.Element;
+export declare const PermissionContext: React.Context<any>;
+export declare const PermissionProvider: (props: any) => JSX.Element;

package/lib/acl/Configuration/PermisionProvider.js

@@ -0,0 +1,156 @@
+"use strict";
+
+function _typeof(obj) { "@babel/helpers - typeof"; return _typeof = "function" == typeof Symbol && "symbol" == typeof Symbol.iterator ? function (obj) { return typeof obj; } : function (obj) { return obj && "function" == typeof Symbol && obj.constructor === Symbol && obj !== Symbol.prototype ? "symbol" : typeof obj; }, _typeof(obj); }
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.SettingCenterPermissionProvider = exports.PermissionProvider = exports.PermissionContext = void 0;
+
+var _antd = require("antd");
+
+var _react = _interopRequireWildcard(require("react"));
+
+var _reactI18next = require("react-i18next");
+
+var _apiClient = require("../../api-client");
+
+var _recordProvider = require("../../record-provider");
+
+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; }
+
+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; }
+
+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 _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; }
+
+var SettingCenterPermissionProvider = function SettingCenterPermissionProvider(props) {
+  var _currentRecord$snippe;
+
+  var _useContext = (0, _react.useContext)(PermissionContext),
+      currentRecord = _useContext.currentRecord;
+
+  if (!(currentRecord === null || currentRecord === void 0 ? void 0 : (_currentRecord$snippe = currentRecord.snippets) === null || _currentRecord$snippe === void 0 ? void 0 : _currentRecord$snippe.includes('pm.*'))) {
+    return null;
+  }
+
+  return /*#__PURE__*/_react.default.createElement("div", null, props.children);
+};
+
+exports.SettingCenterPermissionProvider = SettingCenterPermissionProvider;
+var PermissionContext = /*#__PURE__*/(0, _react.createContext)(null);
+exports.PermissionContext = PermissionContext;
+
+var PermissionProvider = function PermissionProvider(props) {
+  var api = (0, _apiClient.useAPIClient)();
+  var record = (0, _recordProvider.useRecord)();
+
+  var _useTranslation = (0, _reactI18next.useTranslation)(),
+      t = _useTranslation.t;
+
+  var snippets = record.snippets;
+  snippets === null || snippets === void 0 ? void 0 : snippets.forEach(function (key) {
+    record[key] = true;
+  });
+
+  var _useState = (0, _react.useState)(record),
+      _useState2 = _slicedToArray(_useState, 2),
+      currentRecord = _useState2[0],
+      setCurrentRecord = _useState2[1];
+
+  return /*#__PURE__*/_react.default.createElement(PermissionContext.Provider, {
+    value: {
+      currentRecord: currentRecord,
+      update: function () {
+        var _update = _asyncToGenerator( /*#__PURE__*/regeneratorRuntime.mark(function _callee(field, form) {
+          var _field$getState, path, value, resource;
+
+          return regeneratorRuntime.wrap(function _callee$(_context) {
+            while (1) {
+              switch (_context.prev = _context.next) {
+                case 0:
+                  _field$getState = field.getState(), path = _field$getState.path, value = _field$getState.value;
+
+                  if (!['ui.*', 'pm', 'pm.*'].includes(path)) {
+                    _context.next = 13;
+                    break;
+                  }
+
+                  resource = api.resource('roles.snippets', record.name);
+
+                  if (!value) {
+                    _context.next = 8;
+                    break;
+                  }
+
+                  _context.next = 6;
+                  return resource.add({
+                    values: [path]
+                  });
+
+                case 6:
+                  _context.next = 10;
+                  break;
+
+                case 8:
+                  _context.next = 10;
+                  return resource.remove({
+                    values: [path]
+                  });
+
+                case 10:
+                  setCurrentRecord(_objectSpread(_objectSpread(_objectSpread({}, currentRecord), form.values), {}, _defineProperty({}, path, value)));
+                  _context.next = 16;
+                  break;
+
+                case 13:
+                  _context.next = 15;
+                  return api.resource('roles').update({
+                    filterByTk: record.name,
+                    values: form.values
+                  });
+
+                case 15:
+                  setCurrentRecord(_objectSpread(_objectSpread({}, currentRecord), form.values));
+
+                case 16:
+                  _antd.message.success(t('Saved successfully'));
+
+                case 17:
+                case "end":
+                  return _context.stop();
+              }
+            }
+          }, _callee);
+        }));
+
+        function update(_x, _x2) {
+          return _update.apply(this, arguments);
+        }
+
+        return update;
+      }()
+    }
+  }, props.children);
+};
+
+exports.PermissionProvider = PermissionProvider;

package/lib/acl/Configuration/RoleConfigure.js

@@ -1,5 +1,7 @@
 "use strict";
 
+function _typeof(obj) { "@babel/helpers - typeof"; return _typeof = "function" == typeof Symbol && "symbol" == typeof Symbol.iterator ? function (obj) { return typeof obj; } : function (obj) { return obj && "function" == typeof Symbol && obj.constructor === Symbol && obj !== Symbol.prototype ? "symbol" : typeof obj; }, _typeof(obj); }
+
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
@@ -7,44 +9,132 @@ exports.RoleConfigure = void 0;
 
 var _core = require("@formily/core");
 
+var _react = require("@formily/react");
+
 var _antd = require("antd");
 
-var _react = _interopRequireDefault(require("react"));
+var _uniq = _interopRequireDefault(require("lodash/uniq"));
+
+var _react2 = _interopRequireWildcard(require("react"));
 
 var _reactI18next = require("react-i18next");
 
 var _apiClient = require("../../api-client");
 
-var _recordProvider = require("../../record-provider");
-
 var _schemaComponent = require("../../schema-component");
 
+var _PermisionProvider = require("./PermisionProvider");
+
+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; }
+
 function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: 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); }); }; }
 
-var RoleConfigure = function RoleConfigure() {
-  var api = (0, _apiClient.useAPIClient)();
-  var record = (0, _recordProvider.useRecord)();
+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 _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 _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 _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; }
+
+var SnippetCheckboxGroup = (0, _react.connect)(function (props) {
   var _useTranslation = (0, _reactI18next.useTranslation)(),
       t = _useTranslation.t;
 
-  return /*#__PURE__*/_react.default.createElement(_schemaComponent.SchemaComponent, {
+  return /*#__PURE__*/_react2.default.createElement(_antd.Checkbox.Group, {
+    style: {
+      width: '100%'
+    },
+    value: props.value,
+    onChange: function onChange(values) {
+      var value = (0, _uniq.default)([].concat(_toConsumableArray(props.value || []), _toConsumableArray(values))).filter(function (key) {
+        return key && !['!ui.*', '!pm', '!pm.*'].includes(key);
+      }).map(function (key) {
+        if (!['ui.*', 'pm', 'pm.*'].includes(key)) {
+          return key;
+        }
+
+        if (values === null || values === void 0 ? void 0 : values.includes(key)) {
+          return key;
+        }
+
+        return "!".concat(key);
+      });
+
+      for (var _i = 0, _arr = ['ui.*', 'pm', 'pm.*']; _i < _arr.length; _i++) {
+        var key = _arr[_i];
+
+        if (!value.includes(key) && !value.includes("!".concat(key))) {
+          value.push("!".concat(key));
+        }
+      }
+
+      props.onChange(value);
+    }
+  }, /*#__PURE__*/_react2.default.createElement("div", {
+    style: {
+      marginTop: 16
+    }
+  }, /*#__PURE__*/_react2.default.createElement(_antd.Checkbox, {
+    value: "ui.*"
+  }, t('Allows to configure interface'))), /*#__PURE__*/_react2.default.createElement("div", {
+    style: {
+      marginTop: 8
+    }
+  }, /*#__PURE__*/_react2.default.createElement(_antd.Checkbox, {
+    value: "pm"
+  }, t('Allows to install, activate, disable plugins'))), /*#__PURE__*/_react2.default.createElement("div", {
+    style: {
+      marginTop: 8
+    }
+  }, /*#__PURE__*/_react2.default.createElement(_antd.Checkbox, {
+    value: "pm.*"
+  }, t('Allows to configure plugins'))));
+});
+
+var RoleConfigure = function RoleConfigure() {
+  var _useContext = (0, _react2.useContext)(_PermisionProvider.PermissionContext),
+      update = _useContext.update,
+      currentRecord = _useContext.currentRecord;
+
+  var _useTranslation2 = (0, _reactI18next.useTranslation)(),
+      t = _useTranslation2.t;
+
+  return /*#__PURE__*/_react2.default.createElement(_schemaComponent.SchemaComponent, {
+    components: {
+      SnippetCheckboxGroup: SnippetCheckboxGroup
+    },
     schema: {
       type: 'void',
       name: 'form',
       'x-component': 'Form',
       'x-component-props': {
         useValues: function useValues(options) {
-          return (0, _apiClient.useRequest)({
-            resource: 'roles',
-            action: 'get',
-            params: {
-              filterByTk: record.name
-            }
+          var api = (0, _apiClient.useAPIClient)();
+          return (0, _apiClient.useRequest)(function () {
+            return api.resource('roles').get({
+              filterByTk: currentRecord.name
+            }).then(function (res) {
+              var _res$data, _record$snippets;
+
+              var record = res === null || res === void 0 ? void 0 : (_res$data = res.data) === null || _res$data === void 0 ? void 0 : _res$data.data;
+              (_record$snippets = record.snippets) === null || _record$snippets === void 0 ? void 0 : _record$snippets.forEach(function (key) {
+                record[key] = true;
+              });
+              return {
+                data: record
+              };
+            });
           }, options);
         },
         effects: function effects() {
@@ -63,15 +153,9 @@ var RoleConfigure = function RoleConfigure() {
 
                     case 2:
                       _context.next = 4;
-                      return api.resource('roles').update({
-                        filterByTk: record.name,
-                        values: form.values
-                      });
+                      return update(field, form);
 
                     case 4:
-                      _antd.message.success(t('Saved successfully'));
-
-                    case 5:
                     case "end":
                       return _context.stop();
                   }
@@ -86,11 +170,11 @@ var RoleConfigure = function RoleConfigure() {
         }
       },
       properties: {
-        allowConfigure: {
+        snippets: {
           title: t('Configure permissions'),
+          type: 'boolean',
           'x-decorator': 'FormItem',
-          'x-component': 'Checkbox',
-          'x-content': t('Allows configuration of the whole system, including UI, collections, permissions, etc.')
+          'x-component': 'SnippetCheckboxGroup'
         },
         'strategy.actions': {
           title: t('Global action permissions'),

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

@@ -1,2 +1,2 @@
-export declare const useAvailableActions: () => any;
+export declare const useAvailableActions: () => any[];
 export declare const RoleTable: () => JSX.Element;