@lm_fe/pages-mchc 0.1.201

package/dist/a_chunks/.root63.js

@@ -0,0 +1,159 @@
+import { MyBaseList } from '@lm_fe/pages';
+import { APP_CONFIG } from '@lm_fe/env';
+import { formatDateTime, safe_json_parse, getSearchParamsAll } from '@lm_fe/utils';
+import React__default from 'react';
+function RequestLog() {
+  return /*#__PURE__*/React__default.createElement(MyBaseList, {
+    modalFormConfig: {
+      bodyStyle: {
+        height: undefined
+      },
+      modal_data: {
+        disableAll: true
+      }
+    },
+    name: "/api/http-logs",
+    beforeSearch: function beforeSearch(v) {
+      return v;
+    },
+    initialSearchValue: {
+      reqTime: formatDateTime()
+    },
+    searchConfig: [{
+      name: 'reqTime',
+      label: '请求时间',
+      inputType: 'DatePicker',
+      inputProps: {
+        showTime: true,
+        format: formatDateTime.format
+      }
+    }, {
+      label: '请求地址',
+      inputType: 'input',
+      name: 'url'
+    }, {
+      name: 'clientIp',
+      label: '请求IP',
+      inputType: 'input'
+    }, {
+      label: '响应状态码',
+      inputType: 'input',
+      name: 'status'
+    }, {
+      label: '登陆账号',
+      inputType: 'input',
+      name: 'login'
+    }, {
+      label: '登录名',
+      inputType: 'input',
+      name: 'userName'
+    }],
+    tableColumns: [{
+      title: '请求地址',
+      dataIndex: 'url',
+      ellipsis: true,
+      width: APP_CONFIG.CELL_WIDTH_SMALL,
+      align: 'center',
+      layout: '1/3'
+    }, {
+      title: '请求时间',
+      dataIndex: 'reqTime',
+      ellipsis: true,
+      width: APP_CONFIG.CELL_WIDTH_SMALL,
+      sortType: 'date',
+      align: 'center',
+      layout: '1/3'
+    }, {
+      title: '客请求IP',
+      dataIndex: 'clientIp',
+      ellipsis: true,
+      width: APP_CONFIG.CELL_WIDTH_SMALL,
+      showSorter: false,
+      align: 'center',
+      layout: '1/3'
+    }, {
+      title: '响应状态码',
+      dataIndex: 'status',
+      width: APP_CONFIG.CELL_WIDTH_SMALL,
+      align: 'center',
+      layout: '1/3'
+    }, {
+      title: '响应时长',
+      dataIndex: 'timetaken',
+      width: APP_CONFIG.CELL_WIDTH_SMALL,
+      showSorter: false,
+      align: 'center',
+      layout: '1/3'
+    }, {
+      title: 'method',
+      dataIndex: 'method',
+      inputType: 'Input',
+      layout: '1/3'
+    }, {
+      title: '请求参数',
+      dataIndex: 'params',
+      hidden: true,
+      inputType: 'Input',
+      layout: '1/1'
+    }, {
+      title: 'headers',
+      containerType: 'tabs',
+      hidden: true,
+      children: [{
+        dataIndex: 'headers',
+        inputType: 'MyMonaco',
+        inputProps: {
+          language: 'json',
+          height: 520
+        }
+      }]
+    }, {
+      title: 'resData',
+      containerType: 'tabs',
+      hidden: true,
+      children: [{
+        dataIndex: 'resData',
+        inputType: 'MyMonaco',
+        inputProps: {
+          language: 'json',
+          height: 520
+        }
+      }]
+    }, {
+      title: 'exception',
+      containerType: 'tabs',
+      hidden: true,
+      children: [{
+        dataIndex: 'exception',
+        inputType: 'MyMonaco',
+        inputProps: {
+          language: 'json',
+          height: 520
+        }
+      }]
+    }, {
+      title: 'params',
+      containerType: 'tabs',
+      hidden: true,
+      children: [{
+        dataIndex: 'params',
+        inputType: 'MyMonaco',
+        processRemote: function processRemote(v, form) {
+          if (!v) return;
+          var maybeObj = safe_json_parse(v);
+          if (maybeObj) return JSON.stringify(maybeObj, null, 2);
+          var url = location.href + "?".concat(v);
+          var u = new URL(url);
+          var obj = getSearchParamsAll(u);
+          return JSON.stringify(obj, null, 2);
+        },
+        inputProps: {
+          language: 'json',
+          height: 520
+        }
+      }]
+    }]
+  });
+}
+export { RequestLog as default };
+//# sourceMappingURL=.root63.js.map

package/dist/a_chunks/.root63.js.map

@@ -0,0 +1 @@
+{"version":3,"file":".root63.js","sources":["../../src/pages/system/request-log/index.tsx"],"sourcesContent":["import { MyBaseList } from '@lm_fe/pages';\nimport { APP_CONFIG } from \"@lm_fe/env\";\nimport { formatDateTime, getSearchParamsAll, safe_json_parse } from \"@lm_fe/utils\";\nimport React from \"react\";\nexport default function RequestLog() {\n    return <MyBaseList modalFormConfig={{\n            bodyStyle: {\n                height: undefined,\n            },\n            modal_data: {\n                disableAll: true\n            }\n        }} name=\"/api/http-logs\" beforeSearch={function (v) {\n            return v;\n        }} initialSearchValue={{\n            reqTime: formatDateTime()\n        }} searchConfig={[\n            {\n                name: 'reqTime',\n                label: '请求时间',\n                inputType: 'DatePicker',\n                inputProps: {\n                    showTime: true,\n                    format: formatDateTime.format,\n                }\n            },\n            {\n                label: '请求地址',\n                inputType: 'input',\n                name: 'url',\n            },\n            {\n                name: 'clientIp',\n                label: '请求IP',\n                inputType: 'input',\n            },\n            {\n                label: '响应状态码',\n                inputType: 'input',\n                name: 'status',\n            },\n            {\n                label: '登陆账号',\n                inputType: 'input',\n                name: 'login',\n            },\n            {\n                label: '登录名',\n                inputType: 'input',\n                name: 'userName',\n            },\n        ]} tableColumns={[\n            {\n                title: '请求地址',\n                dataIndex: 'url',\n                ellipsis: true,\n                width: APP_CONFIG.CELL_WIDTH_SMALL,\n                align: 'center',\n                layout: '1/3',\n            },\n            {\n                title: '请求时间',\n                dataIndex: 'reqTime',\n                ellipsis: true,\n                width: APP_CONFIG.CELL_WIDTH_SMALL,\n                sortType: 'date',\n                align: 'center',\n                layout: '1/3',\n            },\n            {\n                title: '客请求IP',\n                dataIndex: 'clientIp',\n                ellipsis: true,\n                width: APP_CONFIG.CELL_WIDTH_SMALL,\n                showSorter: false,\n                align: 'center',\n                layout: '1/3',\n            },\n            {\n                title: '响应状态码',\n                dataIndex: 'status',\n                width: APP_CONFIG.CELL_WIDTH_SMALL,\n                align: 'center',\n                layout: '1/3',\n            },\n            {\n                title: '响应时长',\n                dataIndex: 'timetaken',\n                width: APP_CONFIG.CELL_WIDTH_SMALL,\n                showSorter: false,\n                align: 'center',\n                layout: '1/3',\n            },\n            {\n                title: 'method',\n                dataIndex: 'method',\n                inputType: 'Input',\n                layout: '1/3',\n            },\n            {\n                title: '请求参数',\n                dataIndex: 'params',\n                hidden: true,\n                inputType: 'Input',\n                layout: '1/1',\n            },\n            {\n                title: 'headers',\n                containerType: 'tabs',\n                hidden: true,\n                children: [{\n                        dataIndex: 'headers',\n                        inputType: 'MyMonaco',\n                        inputProps: { language: 'json', height: 520 },\n                    }]\n            },\n            {\n                title: 'resData',\n                containerType: 'tabs',\n                hidden: true,\n                children: [\n                    {\n                        dataIndex: 'resData',\n                        inputType: 'MyMonaco',\n                        inputProps: { language: 'json', height: 520 },\n                    }\n                ]\n            },\n            {\n                title: 'exception',\n                containerType: 'tabs',\n                hidden: true,\n                children: [\n                    {\n                        dataIndex: 'exception',\n                        inputType: 'MyMonaco',\n                        inputProps: { language: 'json', height: 520 },\n                    }\n                ]\n            },\n            {\n                title: 'params',\n                containerType: 'tabs',\n                hidden: true,\n                children: [\n                    {\n                        dataIndex: 'params',\n                        inputType: 'MyMonaco',\n                        processRemote: function (v, form) {\n                            if (!v)\n                                return;\n                            var maybeObj = safe_json_parse(v);\n                            if (maybeObj)\n                                return JSON.stringify(maybeObj, null, 2);\n                            var url = location.href + \"?\".concat(v);\n                            var u = new URL(url);\n                            var obj = getSearchParamsAll(u);\n                            return JSON.stringify(obj, null, 2);\n                        },\n                        inputProps: { language: 'json', height: 520 },\n                    }\n                ]\n            },\n        ]}/>;\n}\n"],"names":["RequestLog","React","createElement","MyBaseList","modalFormConfig","bodyStyle","height","undefined","modal_data","disableAll","name","beforeSearch","v","initialSearchValue","reqTime","formatDateTime","searchConfig","label","inputType","inputProps","showTime","format","tableColumns","title","dataIndex","ellipsis","width","APP_CONFIG","CELL_WIDTH_SMALL","align","layout","sortType","showSorter","hidden","containerType","children","language","processRemote","form","maybeObj","safe_json_parse","JSON","stringify","url","location","href","concat","u","URL","obj","getSearchParamsAll"],"mappings":"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"}

package/dist/a_chunks/.root64.js

@@ -0,0 +1,480 @@
+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 { 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 '@lm_fe/pages';
+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 RoleTable = function (_super) {
+  __extends(RoleTable, _super);
+  function RoleTable() {
+    return _super !== null && _super.apply(this, arguments) || this;
+  }
+  return RoleTable;
+}(BaseTableOld);
+var modalFormDescriptions = {
+  name: {
+    key: 'name',
+    label: '角色代码',
+    rules: [{
+      required: true,
+      message: '角色代码是必填项'
+    }],
+    inputType: 'input',
+    inputProps: {}
+  },
+  nickname: {
+    key: 'nickname',
+    label: '角色名称',
+    rules: [{
+      required: true,
+      message: '角色名称是必填项'
+    }],
+    inputType: 'input',
+    inputProps: {}
+  },
+  groupdesc: {
+    key: 'groupdesc',
+    label: '角色描述',
+    rules: [{
+      required: true,
+      message: '角色描述是必填项'
+    }],
+    inputType: 'text_area',
+    inputProps: {}
+  },
+  groupRanks: {
+    key: 'groupRanks',
+    label: '等级分类',
+    inputType: 'MyEditTable',
+    inputProps: {
+      showEdit: true,
+      formDescriptions: [{
+        dataIndex: 'name',
+        title: '名称',
+        inputType: 'MyInput',
+        inputProps: {}
+      }, {
+        dataIndex: 'rankSort',
+        title: '等级',
+        inputType: 'input_number',
+        inputProps: {}
+      }, {
+        dataIndex: 'administrator',
+        title: '管理',
+        inputType: 'MC',
+        inputProps: {
+          options: '是,否',
+          marshal: 0
+        }
+      }]
+    }
+  }
+};
+var fromApi = function fromApi(item) {
+  return __assign(__assign({}, item), {
+    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');
+    })
+  });
+};
+var toApi = function toApi(item) {
+  return __assign(__assign({}, item), {
+    authorities: _get(item, 'authorities') && _map(_get(item, 'authorities'), function (auth) {
+      return {
+        name: auth
+      };
+    }),
+    permissions: _get(item, 'authorities') && _map(_get(item, 'permissions'), function (id) {
+      return {
+        id: id
+      };
+    })
+  });
+};
+var processFromApi = function processFromApi(data) {
+  return _map(data, function (item) {
+    return fromApi(item);
+  });
+};
+var RolesModal = generateModalForm({
+  formDescriptions: modalFormDescriptions,
+  url: '/api/groups',
+  title: '角色',
+  fromApi: fromApi,
+  toApi: toApi,
+  modalProps: {
+    width: 600
+  },
+  formItemLayout: {
+    labelCol: {
+      span: 6
+    },
+    wrapperCol: {
+      span: 16
+    }
+  }
+});
+var tableColumns = [{
+  title: '角色代码',
+  dataIndex: 'name',
+  ellipsis: true,
+  width: APP_CONFIG.CELL_WIDTH_SMALL
+}, {
+  title: '角色名称',
+  dataIndex: 'nickname',
+  ellipsis: true,
+  width: APP_CONFIG.CELL_WIDTH_SMALL
+}, {
+  title: '角色描述',
+  dataIndex: 'groupdesc',
+  ellipsis: true,
+  width: APP_CONFIG.CELL_WIDTH_MIDDLE,
+  render: function render(text, record) {
+    return /*#__PURE__*/React__default.createElement(_Tooltip, {
+      placement: "topLeft",
+      title: text
+    }, /*#__PURE__*/React__default.createElement("span", {
+      className: "text-overflow",
+      style: {
+        width: 185
+      }
+    }, 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) {
+  __extends(Roles, _super);
+  function Roles() {
+    var _this = _super !== null && _super.apply(this, arguments) || this;
+    _this.state = {
+      dataSource: [],
+      menuDataSource: [],
+      visible: false,
+      editable: false,
+      id: undefined,
+      defaultCheckedMenu: [],
+      activeRole: {}
+    };
+    _this.roleColumns = __spreadArray(__spreadArray([], _this.props.tableColumns, true), [{
+      title: '操作',
+      align: 'center',
+      width: 136,
+      render: function render(value, rowData) {
+        return /*#__PURE__*/React__default.createElement(React__default.Fragment, null, /*#__PURE__*/React__default.createElement(_Button, {
+          type: "link",
+          size: "small",
+          icon: /*#__PURE__*/React__default.createElement(EditOutlined, {
+            className: "global-table-action-icon"
+          }),
+          onClick: function onClick() {
+            _this.setState({
+              visible: true,
+              editable: true,
+              id: rowData.id
+            });
+          }
+        }, "\u7F16\u8F91"), /*#__PURE__*/React__default.createElement(_Divider, {
+          type: "vertical"
+        }), /*#__PURE__*/React__default.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, {
+          type: "link",
+          size: "small",
+          icon: /*#__PURE__*/React__default.createElement(DeleteOutlined, {
+            className: "global-table-action-icon"
+          })
+        }, "\u5220\u9664")));
+      }
+    }], false);
+    _this.handleSearch = function () {
+      return __awaiter(_this, void 0, void 0, function () {
+        var _a, baseUrl, needPagination, dataSource, _b, total;
+        return __generator(this, function (_c) {
+          switch (_c.label) {
+            case 0:
+              _a = this.props, baseUrl = _a.baseUrl, needPagination = _a.needPagination;
+              _b = processFromApi;
+              return [4, request.get(baseUrl)];
+            case 1:
+              dataSource = _b.apply(void 0, [_c.sent().data]);
+              total = 0;
+              if (!needPagination) return [3, 3];
+              return [4, request.get("".concat(baseUrl, "/count"))];
+            case 2:
+              total = _c.sent().data;
+              _c.label = 3;
+            case 3:
+              this.setState({
+                dataSource: dataSource,
+                total: total
+              });
+              return [2];
+          }
+        });
+      });
+    };
+    _this.handleRowClick = function (rowData) {
+      return function (e) {
+        _this.setState({
+          defaultCheckedMenu: _get(rowData, 'permissions'),
+          activeRole: rowData
+        });
+      };
+    };
+    _this.setRowClassName = function (rowData) {
+      var activeRole = _this.state.activeRole;
+      if (_get(rowData, 'id') === _get(activeRole, 'id')) {
+        return 'table-row-active';
+      }
+      return '';
+    };
+    _this.handleSaveApiPermission = function (checkedData) {
+      return __awaiter(_this, void 0, void 0, function () {
+        var activeRole, baseUrl, error_1;
+        return __generator(this, function (_a) {
+          switch (_a.label) {
+            case 0:
+              activeRole = this.state.activeRole;
+              baseUrl = this.props.baseUrl;
+              _a.label = 1;
+            case 1:
+              _a.trys.push([1, 4,, 5]);
+              return [4, request.put(baseUrl, toApi(__assign(__assign({}, activeRole), {
+                authorities: checkedData
+              })))];
+            case 2:
+              _a.sent();
+              _message.success('保存 API 权限成功');
+              return [4, this.handleSearch()];
+            case 3:
+              _a.sent();
+              return [3, 5];
+            case 4:
+              error_1 = _a.sent();
+              console.log(error_1);
+              return [3, 5];
+            case 5:
+              return [2];
+          }
+        });
+      });
+    };
+    _this.handleSaveMenuPermission = function (checkedData) {
+      return __awaiter(_this, void 0, void 0, function () {
+        var activeRole, baseUrl, error_2;
+        return __generator(this, function (_a) {
+          switch (_a.label) {
+            case 0:
+              activeRole = this.state.activeRole;
+              baseUrl = this.props.baseUrl;
+              _a.label = 1;
+            case 1:
+              _a.trys.push([1, 4,, 5]);
+              return [4, request.put(baseUrl, toApi(__assign(__assign({}, activeRole), {
+                permissions: checkedData
+              })))];
+            case 2:
+              _a.sent();
+              _message.success('保存菜单/权限成功');
+              return [4, this.handleSearch()];
+            case 3:
+              _a.sent();
+              return [3, 5];
+            case 4:
+              error_2 = _a.sent();
+              console.log(error_2);
+              return [3, 5];
+            case 5:
+              return [2];
+          }
+        });
+      });
+    };
+    return _this;
+  }
+  Roles.prototype.render = function () {
+    var _this = this;
+    var baseTitle = this.props.baseTitle;
+    var _a = this.state,
+      dataSource = _a.dataSource,
+      visible = _a.visible,
+      editable = _a.editable,
+      id = _a.id,
+      activeRole = _a.activeRole;
+    return /*#__PURE__*/React__default.createElement(React__default.Fragment, null, /*#__PURE__*/React__default.createElement(_Row, {
+      gutter: 12,
+      className: "role-wrap"
+    }, /*#__PURE__*/React__default.createElement(_Col, {
+      flex: "700px"
+    }, /*#__PURE__*/React__default.createElement(RoleTable, {
+      columns: this.roleColumns,
+      dataSource: dataSource,
+      onAdd: function onAdd() {
+        _this.setState({
+          visible: true,
+          editable: true
+        });
+      },
+      pagination: false,
+      rowClassName: this.setRowClassName,
+      onRow: function onRow(record) {
+        return {
+          onClick: _this.handleRowClick(record)
+        };
+      },
+      baseTitle: baseTitle,
+      scroll: {}
+    })), /*#__PURE__*/React__default.createElement(_Col, {
+      flex: "1"
+    }, /*#__PURE__*/React__default.createElement(MenuPermissionCard$1, {
+      key: _get(activeRole, 'id'),
+      role: activeRole,
+      onSaveMenuPermission: this.handleSaveMenuPermission
+    })), /*#__PURE__*/React__default.createElement(_Col, {
+      flex: "1"
+    }, /*#__PURE__*/React__default.createElement(MenuPermissionCard, {
+      key: _get(activeRole, 'id'),
+      role: activeRole,
+      onSaveApiPermission: this.handleSaveApiPermission
+    }))), visible && /*#__PURE__*/React__default.createElement(RolesModal, {
+      visible: visible,
+      editable: editable,
+      id: id,
+      onCancel: this.handleCancel,
+      onSearch: this.handleSearch
+    }));
+  };
+  Roles.defaultProps = {
+    baseUrl: '/api/groups',
+    baseTitle: '角色1',
+    needPagination: false,
+    showQuery: false,
+    tableColumns: tableColumns,
+    rowKey: 'id',
+    showAdd: false
+  };
+  return Roles;
+}(BaseListOld);
+export { Roles as default };
+//# sourceMappingURL=.root64.js.map