@lm_fe/pages-mchc 0.1.201 → 0.2.5

package/dist/a_chunks/{.root64.js → pages.system.role.js}

@@ -1,42 +1,323 @@
-import 'antd/es/row/style';
-import _Row from 'antd/es/row';
-import 'antd/es/col/style';
-import _Col from 'antd/es/col';
-import 'antd/es/message/style';
-import _message from 'antd/es/message';
-import 'antd/es/popconfirm/style';
-import _Popconfirm from 'antd/es/popconfirm';
-import 'antd/es/divider/style';
-import _Divider from 'antd/es/divider';
-import 'antd/es/button/style';
-import _Button from 'antd/es/button';
-import _get from 'lodash/get';
-import { s as styleInject, _ as __extends, d as __assign, a as __spreadArray, b as __awaiter, c as __generator } from './index.js';
-import React__default from 'react';
-import { BaseTableOld, generateModalForm, PermissionSelect, ApiPermissionSelect, BaseListOld } from '@lm_fe/components_m';
-import _map from 'lodash/map';
-import 'antd/es/tooltip/style';
-import _Tooltip from 'antd/es/tooltip';
-import { APP_CONFIG } from '@lm_fe/env';
-import { EditOutlined, DeleteOutlined } from '@ant-design/icons';
-import 'antd/es/card/style';
-import _Card from 'antd/es/card';
-import _isEmpty from 'lodash/isEmpty';
+import { s as styleInject, e as __extends, _ as __awaiter, a as __generator, c as __assign, d as __spreadArray } from './index.js';
+import { Input, Checkbox, Card, Button, Tooltip, Row, Col, Divider, Popconfirm } from 'antd';
+import { filter, isEqual, map, includes, toUpper, get, isEmpty, concat, keyBy, compact, indexOf, keys, cloneDeep } from 'lodash';
+import React from 'react';
 import { request } from '@lm_fe/utils';
-import 'antd/es/tabs/style';
-import 'antd/es/tabs';
-import 'lodash/size';
-import 'lodash/orderBy';
-import '@lm_fe/components';
-import 'antd/es/collapse/style';
-import 'antd/es/collapse';
-import 'antd/es/badge/style';
-import 'antd/es/badge';
-import 'lodash/assign';
-import '@lm_fe/service';
+import { Tree_L } from '@lm_fe/components';
+import { BaseTableOld, generateModalForm, BaseListOld, MyIcon } from '@lm_fe/components_m';
+import { mchcEnv, APP_CONFIG } from '@lm_fe/env';
 import '@lm_fe/pages';
+import '@lm_fe/service';
 var css_248z$1 = ".role-permission-card {\n  height: 100%;\n}\n.role-permission-card .ant-card {\n  height: 100%;\n  display: flex;\n  flex-direction: column;\n}\n.role-permission-card .ant-card .ant-card-head {\n  margin-bottom: 0;\n}\n.role-permission-card .ant-card .ant-card-head .ant-card-extra {\n  padding: 0;\n}\n.role-permission-card .ant-card .ant-card-head .ant-btn {\n  height: 30px;\n}\n.role-permission-card .ant-card .ant-card-body {\n  flex: 1;\n  overflow: auto;\n  padding-top: 0;\n}\n.role-permission-card__header {\n  display: flex;\n  justify-content: space-between;\n  align-items: center;\n  flex-flow: row nowrap;\n}\n.role-wrap #table-scrollContainer {\n  overflow: auto !important;\n}\n";
 styleInject(css_248z$1);
+var ApiPermissionSelect = function (_super) {
+  __extends(ApiPermissionSelect, _super);
+  function ApiPermissionSelect() {
+    var _this = _super !== null && _super.apply(this, arguments) || this;
+    _this.state = {
+      data: [],
+      tempData: [],
+      checkedData: [],
+      isUpdated: false
+    };
+    _this.handleChange = function (item) {
+      return function (e) {
+        var checkedData = _this.state.checkedData;
+        var checked = e.target.checked;
+        var onChange = _this.props.onChange;
+        var newCheckedData = [];
+        if (checked) {
+          checkedData.push(item);
+          newCheckedData = checkedData;
+          onChange(newCheckedData);
+        } else {
+          newCheckedData = filter(checkedData, function (key) {
+            return key !== item;
+          });
+          onChange(newCheckedData);
+        }
+        _this.setState({
+          checkedData: newCheckedData,
+          isUpdated: true
+        });
+      };
+    };
+    _this.handleFilter = function (e) {
+      return __awaiter(_this, void 0, void 0, function () {
+        var data;
+        return __generator(this, function (_a) {
+          data = this.state.data;
+          this.setState({
+            tempData: filter(data, function (item) {
+              return includes(toUpper(item), toUpper(get(e, 'target.value')));
+            })
+          });
+          return [2];
+        });
+      });
+    };
+    return _this;
+  }
+  ApiPermissionSelect.prototype.componentDidMount = function () {
+    return __awaiter(this, void 0, void 0, function () {
+      var data;
+      return __generator(this, function (_a) {
+        switch (_a.label) {
+          case 0:
+            return [4, request.get('/api/users/authorities')];
+          case 1:
+            data = _a.sent().data;
+            this.setState({
+              data: data,
+              tempData: data
+            });
+            return [2];
+        }
+      });
+    });
+  };
+  ApiPermissionSelect.getDerivedStateFromProps = function (nextProps, prevState) {
+    var checkedData = prevState.checkedData,
+      isUpdated = prevState.isUpdated;
+    var value = nextProps.value;
+    if (!isEqual(map(value, function (item) {
+      return item.name;
+    }), checkedData) && value && !isUpdated) {
+      return {
+        checkedData: value
+      };
+    }
+    return null;
+  };
+  ApiPermissionSelect.prototype.render = function () {
+    var _this = this;
+    var disabled = this.props.disabled;
+    var _a = this.state,
+      tempData = _a.tempData,
+      checkedData = _a.checkedData;
+    console.log({
+      tempData: tempData
+    });
+    return /*#__PURE__*/React.createElement("div", {
+      style: {
+        background: '#fff'
+      }
+    }, /*#__PURE__*/React.createElement(Input, {
+      style: {
+        background: '#fff',
+        margin: 8,
+        width: '95%'
+      },
+      placeholder: "\u8BF7\u8F93\u5165\u6743\u9650\u540D\u79F0",
+      onChange: this.handleFilter
+    }), map(tempData, function (item) {
+      return /*#__PURE__*/React.createElement(Checkbox, {
+        style: {
+          display: 'block',
+          marginLeft: 8
+        },
+        key: item,
+        disabled: disabled,
+        onChange: _this.handleChange(item),
+        checked: includes(checkedData, item)
+      }, item);
+    }));
+  };
+  return ApiPermissionSelect;
+}(React.Component);
+var MenuPermissionCard$1 = function (_super) {
+  __extends(MenuPermissionCard, _super);
+  function MenuPermissionCard() {
+    var _this = _super !== null && _super.apply(this, arguments) || this;
+    _this.state = {
+      checkedData: []
+    };
+    _this.handleSaveApiPermission = function () {
+      var onSaveApiPermission = _this.props.onSaveApiPermission;
+      var checkedData = _this.state.checkedData;
+      if (!isEmpty(checkedData)) {
+        onSaveApiPermission && onSaveApiPermission(checkedData);
+      }
+    };
+    _this.handleChange = function (checkedData) {
+      _this.setState({
+        checkedData: checkedData
+      });
+    };
+    return _this;
+  }
+  MenuPermissionCard.prototype.render = function () {
+    var role = this.props.role;
+    return /*#__PURE__*/React.createElement("div", {
+      className: "role-permission-card"
+    }, /*#__PURE__*/React.createElement(Card, {
+      size: "small",
+      title: "API\u6743\u9650",
+      extra: /*#__PURE__*/React.createElement(Button, {
+        type: "primary",
+        onClick: this.handleSaveApiPermission,
+        disabled: isEmpty(role)
+      }, "\u4FDD\u5B58")
+    }, /*#__PURE__*/React.createElement(ApiPermissionSelect, {
+      value: get(role, 'authorities'),
+      disabled: isEmpty(role),
+      onChange: this.handleChange
+    })));
+  };
+  return MenuPermissionCard;
+}(React.PureComponent);
+var PermissionSelect = function (_super) {
+  __extends(PermissionSelect, _super);
+  function PermissionSelect() {
+    var _this = _super !== null && _super.apply(this, arguments) || this;
+    _this.state = {
+      treeData: [],
+      checkedData: [],
+      isUpdated: false
+    };
+    _this.handleChange = function (checked, e) {
+      var onChange = _this.props.onChange;
+      var halfChecked = get(e, 'halfCheckedKeys');
+      onChange && onChange(concat(halfChecked, checked));
+    };
+    _this.transferMenus = function (menus, parentid) {
+      if (parentid === void 0) {
+        parentid = 0;
+      }
+      var temp = [];
+      map(menus, function (item) {
+        if (item.parentid === parentid) {
+          item.title = item.name;
+          item.key = item.id;
+          item.children = _this.transferMenus(menus, item.id);
+          if (isEmpty(item.children)) {
+            item.isLeaf = true;
+          } else {
+            item.isLeaf = false;
+          }
+          temp.push(item);
+        }
+      });
+      return temp;
+    };
+    _this.omitKeysByBaseKeys = function (baseKeys, nativePermissions) {
+      var nativePermissionsMapping = keyBy(nativePermissions, 'id');
+      map(baseKeys, function (key) {
+        if (get(nativePermissionsMapping, "".concat(key, ".parentid")) !== 0) {
+          baseKeys.push(get(nativePermissionsMapping, "".concat(key, ".parentid")));
+        }
+      });
+      return baseKeys;
+    };
+    _this.getIsNotSelectedParentKeys = function (nativePermissions, selectedKeys) {
+      var omitParentKeys = [];
+      var parentKeys = compact(Array.from(new Set(map(nativePermissions, function (permission) {
+        if (get(permission, 'parentid') !== 0) {
+          return get(permission, 'parentid');
+        }
+      }))));
+      map(parentKeys, function (parentKey) {
+        if (indexOf(selectedKeys, parentKey) > -1) {
+          var childrens = filter(nativePermissions, function (permission) {
+            return get(permission, 'parentid') === parentKey;
+          });
+          var childrenKeys = keys(keyBy(childrens, 'id'));
+          for (var index = 0; index < childrenKeys.length; index++) {
+            var key = Number(childrenKeys[index]);
+            if (indexOf(selectedKeys, key) === -1) {
+              omitParentKeys.push(parentKey);
+              break;
+            }
+          }
+        }
+      });
+      return omitParentKeys;
+    };
+    return _this;
+  }
+  PermissionSelect.prototype.componentDidMount = function () {
+    return __awaiter(this, void 0, void 0, function () {
+      var value, nativePermissions, treeData, baseOmitKeys, omitKeys;
+      return __generator(this, function (_a) {
+        switch (_a.label) {
+          case 0:
+            value = this.props.value;
+            return [4, request.get('/api/permissions?size=1000')];
+          case 1:
+            nativePermissions = _a.sent().data;
+            treeData = this.transferMenus(cloneDeep(nativePermissions));
+            baseOmitKeys = this.getIsNotSelectedParentKeys(nativePermissions, value);
+            omitKeys = this.omitKeysByBaseKeys(baseOmitKeys, nativePermissions);
+            this.setState({
+              treeData: treeData,
+              checkedData: filter(value, function (key) {
+                return omitKeys.indexOf(key) === -1;
+              })
+            });
+            return [2];
+        }
+      });
+    });
+  };
+  PermissionSelect.prototype.render = function () {
+    var disabled = this.props.disabled;
+    var _a = this.state,
+      treeData = _a.treeData,
+      checkedData = _a.checkedData;
+    if (treeData.length > 0) {
+      return /*#__PURE__*/React.createElement(Tree_L, __assign({
+        treeData: treeData,
+        defaultCheckedKeys: checkedData,
+        defaultExpandAll: true,
+        checkable: true,
+        disabled: disabled,
+        onCheck: this.handleChange
+      }, this.props));
+    }
+    return /*#__PURE__*/React.createElement("span", null, "\u6743\u9650\u52A0\u8F7D\u4E2D...");
+  };
+  return PermissionSelect;
+}(React.Component);
+var MenuPermissionCard = function (_super) {
+  __extends(MenuPermissionCard, _super);
+  function MenuPermissionCard() {
+    var _this = _super !== null && _super.apply(this, arguments) || this;
+    _this.state = {
+      checkedData: []
+    };
+    _this.handleSaveMenu = function () {
+      var onSaveMenuPermission = _this.props.onSaveMenuPermission;
+      var checkedData = _this.state.checkedData;
+      onSaveMenuPermission && onSaveMenuPermission(checkedData);
+    };
+    _this.handleChange = function (checkedData) {
+      _this.setState({
+        checkedData: checkedData
+      });
+    };
+    return _this;
+  }
+  MenuPermissionCard.prototype.render = function () {
+    var role = this.props.role;
+    return /*#__PURE__*/React.createElement("div", {
+      className: "role-permission-card"
+    }, /*#__PURE__*/React.createElement(Card, {
+      size: "small",
+      title: "\u83DC\u5355/\u6743\u9650",
+      extra: /*#__PURE__*/React.createElement(Button, {
+        type: "primary",
+        onClick: this.handleSaveMenu,
+        disabled: isEmpty(role)
+      }, "\u4FDD\u5B58")
+    }, /*#__PURE__*/React.createElement(PermissionSelect, {
+      value: get(role, 'permissions'),
+      defaultExpandAll: false,
+      disabled: isEmpty(role),
+      onChange: this.handleChange
+    })));
+  };
+  return MenuPermissionCard;
+}(React.PureComponent);
 var RoleTable = function (_super) {
   __extends(RoleTable, _super);
   function RoleTable() {
@@ -80,6 +361,7 @@ var modalFormDescriptions = {
     label: '等级分类',
     inputType: 'MyEditTable',
     inputProps: {
+      marshal: 0,
       showEdit: true,
       formDescriptions: [{
         dataIndex: 'name',
@@ -94,9 +376,9 @@ var modalFormDescriptions = {
       }, {
         dataIndex: 'administrator',
         title: '管理',
-        inputType: 'MC',
+        inputType: 'MySwitch',
         inputProps: {
-          options: '是,否',
+          options: mchcEnv.get_other_options('nyOptions'),
           marshal: 0
         }
       }]
@@ -105,22 +387,22 @@ var modalFormDescriptions = {
 };
 var fromApi = function fromApi(item) {
   return __assign(__assign({}, item), {
-    permissions: _get(item, 'permissions') && _map(_get(item, 'permissions'), function (permission) {
-      return _get(permission, 'id');
+    permissions: get(item, 'permissions') && map(get(item, 'permissions'), function (permission) {
+      return get(permission, 'id');
     }),
-    authorities: _get(item, 'authorities') && _map(_get(item, 'authorities'), function (permission) {
-      return _get(permission, 'name');
+    authorities: get(item, 'authorities') && map(get(item, 'authorities'), function (permission) {
+      return get(permission, 'name');
     })
   });
 };
 var toApi = function toApi(item) {
   return __assign(__assign({}, item), {
-    authorities: _get(item, 'authorities') && _map(_get(item, 'authorities'), function (auth) {
+    authorities: get(item, 'authorities') && map(get(item, 'authorities'), function (auth) {
       return {
         name: auth
       };
     }),
-    permissions: _get(item, 'authorities') && _map(_get(item, 'permissions'), function (id) {
+    permissions: get(item, 'authorities') && map(get(item, 'permissions'), function (id) {
       return {
         id: id
       };
@@ -128,7 +410,7 @@ var toApi = function toApi(item) {
   });
 };
 var processFromApi = function processFromApi(data) {
-  return _map(data, function (item) {
+  return map(data, function (item) {
     return fromApi(item);
   });
 };
@@ -166,10 +448,10 @@ var tableColumns = [{
   ellipsis: true,
   width: APP_CONFIG.CELL_WIDTH_MIDDLE,
   render: function render(text, record) {
-    return /*#__PURE__*/React__default.createElement(_Tooltip, {
+    return /*#__PURE__*/React.createElement(Tooltip, {
       placement: "topLeft",
       title: text
-    }, /*#__PURE__*/React__default.createElement("span", {
+    }, /*#__PURE__*/React.createElement("span", {
       className: "text-overflow",
       style: {
         width: 185
@@ -177,87 +459,6 @@ var tableColumns = [{
     }, text));
   }
 }];
-var MenuPermissionCard$1 = function (_super) {
-  __extends(MenuPermissionCard, _super);
-  function MenuPermissionCard() {
-    var _this = _super !== null && _super.apply(this, arguments) || this;
-    _this.state = {
-      checkedData: []
-    };
-    _this.handleSaveMenu = function () {
-      var onSaveMenuPermission = _this.props.onSaveMenuPermission;
-      var checkedData = _this.state.checkedData;
-      onSaveMenuPermission && onSaveMenuPermission(checkedData);
-    };
-    _this.handleChange = function (checkedData) {
-      _this.setState({
-        checkedData: checkedData
-      });
-    };
-    return _this;
-  }
-  MenuPermissionCard.prototype.render = function () {
-    var role = this.props.role;
-    return /*#__PURE__*/React__default.createElement("div", {
-      className: "role-permission-card"
-    }, /*#__PURE__*/React__default.createElement(_Card, {
-      size: "small",
-      title: "\u83DC\u5355/\u6743\u9650",
-      extra: /*#__PURE__*/React__default.createElement(_Button, {
-        type: "primary",
-        onClick: this.handleSaveMenu,
-        disabled: _isEmpty(role)
-      }, "\u4FDD\u5B58")
-    }, /*#__PURE__*/React__default.createElement(PermissionSelect, {
-      value: _get(role, 'permissions'),
-      defaultExpandAll: false,
-      disabled: _isEmpty(role),
-      onChange: this.handleChange
-    })));
-  };
-  return MenuPermissionCard;
-}(React__default.PureComponent);
-var MenuPermissionCard = function (_super) {
-  __extends(MenuPermissionCard, _super);
-  function MenuPermissionCard() {
-    var _this = _super !== null && _super.apply(this, arguments) || this;
-    _this.state = {
-      checkedData: []
-    };
-    _this.handleSaveApiPermission = function () {
-      var onSaveApiPermission = _this.props.onSaveApiPermission;
-      var checkedData = _this.state.checkedData;
-      if (!_isEmpty(checkedData)) {
-        onSaveApiPermission && onSaveApiPermission(checkedData);
-      }
-    };
-    _this.handleChange = function (checkedData) {
-      _this.setState({
-        checkedData: checkedData
-      });
-    };
-    return _this;
-  }
-  MenuPermissionCard.prototype.render = function () {
-    var role = this.props.role;
-    return /*#__PURE__*/React__default.createElement("div", {
-      className: "role-permission-card"
-    }, /*#__PURE__*/React__default.createElement(_Card, {
-      size: "small",
-      title: "API\u6743\u9650",
-      extra: /*#__PURE__*/React__default.createElement(_Button, {
-        type: "primary",
-        onClick: this.handleSaveApiPermission,
-        disabled: _isEmpty(role)
-      }, "\u4FDD\u5B58")
-    }, /*#__PURE__*/React__default.createElement(ApiPermissionSelect, {
-      value: _get(role, 'authorities'),
-      disabled: _isEmpty(role),
-      onChange: this.handleChange
-    })));
-  };
-  return MenuPermissionCard;
-}(React__default.PureComponent);
 var css_248z = ".role-wrap {\n  height: 100%;\n}\n.role-wrap .ant-col {\n  height: 100%;\n  overflow: auto;\n}\n.role-wrap .ant-col .ant-table-title {\n  background-color: #fff;\n}\n.role-wrap .ant-col .ant-card-extra {\n  padding: 8px;\n}\n";
 styleInject(css_248z);
 var Roles = function (_super) {
@@ -278,10 +479,11 @@ var Roles = function (_super) {
       align: 'center',
       width: 136,
       render: function render(value, rowData) {
-        return /*#__PURE__*/React__default.createElement(React__default.Fragment, null, /*#__PURE__*/React__default.createElement(_Button, {
+        return /*#__PURE__*/React.createElement(React.Fragment, null, /*#__PURE__*/React.createElement(Button, {
           type: "link",
           size: "small",
-          icon: /*#__PURE__*/React__default.createElement(EditOutlined, {
+          icon: /*#__PURE__*/React.createElement(MyIcon, {
+            value: 'EditOutlined',
             className: "global-table-action-icon"
           }),
           onClick: function onClick() {
@@ -291,17 +493,18 @@ var Roles = function (_super) {
               id: rowData.id
             });
           }
-        }, "\u7F16\u8F91"), /*#__PURE__*/React__default.createElement(_Divider, {
+        }, "\u7F16\u8F91"), /*#__PURE__*/React.createElement(Divider, {
           type: "vertical"
-        }), /*#__PURE__*/React__default.createElement(_Popconfirm, {
-          title: "\u786E\u5B9A\u8981\u5220\u9664\u8FD9\u4E2A".concat(_get(_this.props, 'baseTitle'), "\u5417?"),
+        }), /*#__PURE__*/React.createElement(Popconfirm, {
+          title: "\u786E\u5B9A\u8981\u5220\u9664\u8FD9\u4E2A".concat(get(_this.props, 'baseTitle'), "\u5417?"),
           onConfirm: _this.handleDelete(rowData),
           okText: "\u786E\u5B9A",
           cancelText: "\u53D6\u6D88"
-        }, /*#__PURE__*/React__default.createElement(_Button, {
+        }, /*#__PURE__*/React.createElement(Button, {
           type: "link",
           size: "small",
-          icon: /*#__PURE__*/React__default.createElement(DeleteOutlined, {
+          icon: /*#__PURE__*/React.createElement(MyIcon, {
+            value: 'DeleteOutlined',
             className: "global-table-action-icon"
           })
         }, "\u5220\u9664")));
@@ -337,14 +540,14 @@ var Roles = function (_super) {
     _this.handleRowClick = function (rowData) {
       return function (e) {
         _this.setState({
-          defaultCheckedMenu: _get(rowData, 'permissions'),
+          defaultCheckedMenu: get(rowData, 'permissions'),
           activeRole: rowData
         });
       };
     };
     _this.setRowClassName = function (rowData) {
       var activeRole = _this.state.activeRole;
-      if (_get(rowData, 'id') === _get(activeRole, 'id')) {
+      if (get(rowData, 'id') === get(activeRole, 'id')) {
         return 'table-row-active';
       }
       return '';
@@ -365,7 +568,7 @@ var Roles = function (_super) {
               })))];
             case 2:
               _a.sent();
-              _message.success('保存 API 权限成功');
+              mchcEnv.success('保存 API 权限成功');
               return [4, this.handleSearch()];
             case 3:
               _a.sent();
@@ -396,7 +599,7 @@ var Roles = function (_super) {
               })))];
             case 2:
               _a.sent();
-              _message.success('保存菜单/权限成功');
+              mchcEnv.success('保存菜单/权限成功');
               return [4, this.handleSearch()];
             case 3:
               _a.sent();
@@ -422,12 +625,12 @@ var Roles = function (_super) {
       editable = _a.editable,
       id = _a.id,
       activeRole = _a.activeRole;
-    return /*#__PURE__*/React__default.createElement(React__default.Fragment, null, /*#__PURE__*/React__default.createElement(_Row, {
+    return /*#__PURE__*/React.createElement(React.Fragment, null, /*#__PURE__*/React.createElement(Row, {
       gutter: 12,
       className: "role-wrap"
-    }, /*#__PURE__*/React__default.createElement(_Col, {
+    }, /*#__PURE__*/React.createElement(Col, {
       flex: "700px"
-    }, /*#__PURE__*/React__default.createElement(RoleTable, {
+    }, /*#__PURE__*/React.createElement(RoleTable, {
       columns: this.roleColumns,
       dataSource: dataSource,
       onAdd: function onAdd() {
@@ -445,25 +648,25 @@ var Roles = function (_super) {
       },
       baseTitle: baseTitle,
       scroll: {}
-    })), /*#__PURE__*/React__default.createElement(_Col, {
+    })), /*#__PURE__*/React.createElement(Col, {
       flex: "1"
-    }, /*#__PURE__*/React__default.createElement(MenuPermissionCard$1, {
-      key: _get(activeRole, 'id'),
+    }, /*#__PURE__*/React.createElement(MenuPermissionCard, {
+      key: get(activeRole, 'id'),
       role: activeRole,
       onSaveMenuPermission: this.handleSaveMenuPermission
-    })), /*#__PURE__*/React__default.createElement(_Col, {
+    })), /*#__PURE__*/React.createElement(Col, {
       flex: "1"
-    }, /*#__PURE__*/React__default.createElement(MenuPermissionCard, {
-      key: _get(activeRole, 'id'),
+    }, /*#__PURE__*/React.createElement(MenuPermissionCard$1, {
+      key: get(activeRole, 'id'),
       role: activeRole,
       onSaveApiPermission: this.handleSaveApiPermission
-    }))), visible && /*#__PURE__*/React__default.createElement(RolesModal, {
+    }))), visible && (/*#__PURE__*/React.createElement(RolesModal, {
       visible: visible,
       editable: editable,
       id: id,
       onCancel: this.handleCancel,
       onSearch: this.handleSearch
-    }));
+    })));
   };
   Roles.defaultProps = {
     baseUrl: '/api/groups',
@@ -477,4 +680,3 @@ var Roles = function (_super) {
   return Roles;
 }(BaseListOld);
 export { Roles as default };
-//# sourceMappingURL=.root64.js.map