@pubinfo/module-rbac 2.0.0-beta.3

package/src/routes/index.ts

@@ -0,0 +1,156 @@
+import type { RbacPages } from '@/interface';
+import type { RouteRecordRaw } from 'vue-router';
+import { merge } from 'lodash-es';
+import AuthorityManageMenu from './modules/authority.manage.menu';
+import LogManageMenu from './modules/log.manage.menu';
+import SafeManageMenu from './modules/safe.manage.menu';
+import StyleSettingMangeMenu from './modules/stylesetting.manage.menu';
+import SystemManageMenu from './modules/system.manage.menu';
+
+const asyncRoutes = [
+  {
+    meta: {
+      title: '权限管理系统',
+      // i18n: $t('route.rbac.title'),
+      icon: 'authority',
+    },
+    children: [
+      AuthorityManageMenu,
+      SystemManageMenu,
+      StyleSettingMangeMenu,
+      SafeManageMenu,
+      LogManageMenu,
+    ],
+  },
+];
+
+const RBAC_ROUTE_MAP: RbacPages = {
+  AuthorityManage: {
+    Resource: true,
+    Role: true,
+    RoleGroup: true,
+    DataPermission: true,
+    Organization: true,
+    User: true,
+    Tenant: true,
+  },
+
+  SystemManage: {
+    DictionaryPage: {
+      Dictionary: true,
+      DictionaryItem: true,
+    },
+    Position: true,
+    Region: true,
+    Group: true,
+  },
+
+  SettingManage: {
+    ThemeSetting: true,
+    LayoutSetting: true,
+    PageAnimationSetting: true,
+    PageSizeSetting: true,
+    MenuSetting: true,
+    TabbarSetting: true,
+    ToolbarSetting: true,
+    BreadcrumbSetting: true,
+    OtherSetting: true,
+  },
+
+  SafeManage: {
+    Blacklist: true,
+    Whitelist: true,
+    SafeSetting: true,
+    WatermarkSetting: true,
+  },
+
+  LogManage: {
+    LoginHistory: true,
+    OperateHistory: true,
+  },
+};
+
+/**
+ * 根据传入的 `pages` 过滤路由
+ */
+export function filterPages(options: { pages?: RbacPages }) {
+  const { pages } = options;
+  const pageMap = merge(RBAC_ROUTE_MAP, pages);
+
+  const children = filterRoutesByMap(asyncRoutes[0].children, pageMap);
+
+  return [
+    {
+      ...asyncRoutes[0],
+      children,
+    },
+  ];
+}
+
+/**
+ * 根据 `map` 过滤 `routes`
+ */
+function filterRoutesByMap(routes: RouteRecordRaw[], pageMap: RbacPages) {
+  function filterRecursive(routeList: RouteRecordRaw[], map: Record<string, any>): RouteRecordRaw[] {
+    return routeList
+      .map(route => {
+        if (!route.name || !(route.name in map)) {
+          return null;
+        }
+
+        const currentMap = map?.[route.name as string];
+
+        if (currentMap === false) {
+          return null;
+        }
+
+        if (currentMap === true) {
+          return route;
+        }
+
+        // 如果 map 中包含的是一个合法的 RouteRecordRaw，则替换 route
+        if (typeof currentMap === 'object' && Object.keys(currentMap).includes('path')) {
+          return currentMap;
+        }
+
+        // 递归处理子路由
+        if (typeof currentMap === 'object') {
+          const filteredChildren = route.children ? filterRecursive(route.children, currentMap) : [];
+          return { ...route, children: filteredChildren };
+        }
+
+        return null;
+      })
+      .filter(Boolean);
+  }
+
+  return filterRecursive(routes, pageMap);
+}
+
+// TODO 将以下添加到测试用例
+
+// const a = {
+//   AuthorityManage: {
+//     Resource: true,
+//     Role: false,
+//   },
+// };
+
+// const b = {
+//   AuthorityManage: {
+//     Resource: {
+//       name: 'Resource',
+//       path: 'resource',
+//       component: {},
+//     },
+//     Role: false,
+//   },
+// };
+
+// const c = {
+//   AuthorityManage: true,
+// };
+
+// const d = {
+//   AuthorityManage: false,
+// };

package/src/routes/modules/authority.manage.menu.ts

@@ -0,0 +1,105 @@
+import type { RouteRecordRaw } from 'vue-router';
+// import { $t } from '@/locales';
+
+// function Layout() {
+//   return import('@/layouts/index.vue');
+// }
+
+const routes: RouteRecordRaw = {
+  path: '/authority_manage',
+  // component: Layout,
+  redirect: '/authority_manage/resource',
+  name: 'AuthorityManage',
+  meta: {
+    title: '用户权限管理',
+    icon: 'icon_system_manage',
+  },
+  children: [
+    {
+      path: 'resource',
+      component: () => import('@/views/resource/index.vue'),
+      name: 'Resource',
+      meta: {
+        title: '资源管理',
+        singleMenu: true,
+        // i18n: $t('route.rbac.resource'),
+        auth: 'resource',
+        activeIcon: 'system-point',
+      },
+    },
+    {
+      path: 'role',
+      component: () => import('@/views/role/index.vue'),
+      name: 'Role',
+      meta: {
+        title: '角色管理',
+        singleMenu: true,
+        // i18n: $t('route.rbac.role'),
+        auth: 'role',
+        activeIcon: 'system-point',
+      },
+    },
+    {
+      path: 'role-group',
+      component: () => import('@/views/role_group/index.vue'),
+      name: 'RoleGroup',
+      meta: {
+        title: '角色组管理',
+        singleMenu: true,
+        // i18n: $t('route.rbac.roleGroup'),
+        auth: 'role_group',
+        activeIcon: 'system-point',
+      },
+    },
+    {
+      path: 'data-permission',
+      component: () => import('@/views/data-permission/index.vue'),
+      name: 'DataPermission',
+      meta: {
+        title: '数据权限管理',
+        singleMenu: true,
+        // i18n: $t('route.rbac.dataPermission'),
+        auth: 'data_permission',
+        activeIcon: 'system-point',
+      },
+    },
+    {
+      path: 'organization',
+      component: () => import('@/views/organization/index.vue'),
+      name: 'Organization',
+      meta: {
+        title: '组织管理',
+        singleMenu: true,
+        // i18n: $t('route.rbac.organization'),
+        auth: 'organization',
+        activeIcon: 'system-point',
+      },
+    },
+    {
+      path: 'user',
+      component: () => import('@/views/user/index.vue'),
+      name: 'User',
+      meta: {
+        title: '用户管理',
+        singleMenu: true,
+        // i18n: $t('route.rbac.user'),
+        auth: 'user',
+        activeIcon: 'system-point',
+      },
+    },
+    {
+      path: 'tenant',
+      component: () => import('@/views/tenant/index.vue'),
+      name: 'Tenant',
+      meta: {
+        title: '租户管理',
+        singleMenu: true,
+        // i18n: $t('route.rbac.tenant'),
+        auth: 'tenant',
+        activeIcon: 'system-point',
+      },
+    },
+  ],
+};
+
+export default routes;

package/src/routes/modules/log.manage.menu.ts

@@ -0,0 +1,45 @@
+import type { RouteRecordRaw } from 'vue-router';
+// import { $t } from '@/locales';
+
+// function Layout() {
+//   return import('@/layouts/index.vue');
+// }
+
+const routes: RouteRecordRaw = {
+  path: '/log_manage',
+  // component: Layout,
+  redirect: '/log_manage/login_history',
+  name: 'LogManage',
+  meta: {
+    title: '日志中心',
+    icon: 'log-center',
+  },
+  children: [
+    {
+      path: 'login_history',
+      component: () => import('@/views/log_center/login_history.vue'),
+      name: 'LoginHistory',
+      meta: {
+        title: '登录日志',
+        singleMenu: true,
+        // i18n: $t('route.rbac.loginHistory'),
+        activeIcon: 'system-point',
+        auth: 'login_history',
+      },
+    },
+    {
+      path: 'operate_history',
+      component: () => import('@/views/log_center/operate_history.vue'),
+      name: 'OperateHistory',
+      meta: {
+        title: '操作日志',
+        singleMenu: true,
+        // i18n: $t('route.rbac.operateHistory'),
+        activeIcon: 'system-point',
+        auth: 'operate_history',
+      },
+    },
+  ],
+};
+
+export default routes;

package/src/routes/modules/safe.manage.menu.ts

@@ -0,0 +1,71 @@
+import type { RouteRecordRaw } from 'vue-router';
+// import { $t } from '@/locales';
+
+// function Layout() {
+//   return import('@/layouts/index.vue');
+// }
+
+const routes: RouteRecordRaw = {
+  path: '/safe_manage',
+  // component: Layout,
+  redirect: '/safe_manage/blacklist',
+  name: 'SafeManage',
+  meta: {
+    title: '安全管理',
+    icon: 'icon_safe_manage',
+  },
+  children: [
+    {
+      path: 'blacklist',
+      component: () => import('@/views/blackWhiteList/index.vue'),
+      name: 'Blacklist',
+      meta: {
+        title: '黑名单管理',
+        singleMenu: true,
+        // i18n: $t('route.rbac.blacklist'),
+        auth: 'blacklist',
+        type: 'black',
+        activeIcon: 'system-point',
+      },
+    },
+    {
+      path: 'whitelist',
+      component: () => import('@/views/blackWhiteList/index.vue'),
+      name: 'Whitelist',
+      meta: {
+        title: '白名单管理',
+        singleMenu: true,
+        // i18n: $t('route.rbac.whitelist'),
+        auth: 'whitelist',
+        type: 'white',
+        activeIcon: 'system-point',
+      },
+    },
+    {
+      path: 'safe-setting',
+      component: () => import('@/views/safe_setting/index.vue'),
+      name: 'SafeSetting',
+      meta: {
+        title: '安全配置',
+        singleMenu: true,
+        // i18n: $t('route.rbac.safeSetting'),
+        activeIcon: 'system-point',
+        auth: 'safe_setting',
+      },
+    },
+    {
+      path: 'watermark-setting',
+      component: () => import('@/views/watermark_setting/index.vue'),
+      name: 'WatermarkSetting',
+      meta: {
+        title: '页面水印配置',
+        singleMenu: true,
+        // i18n: $t('route.rbac.watermarkSetting'),
+        activeIcon: 'system-point',
+        auth: 'watermarkSetting',
+      },
+    },
+  ],
+};
+
+export default routes;

package/src/routes/modules/stylesetting.manage.menu.ts

@@ -0,0 +1,130 @@
+import type { RouteRecordRaw } from 'vue-router';
+// import { $t } from '@/locales';
+
+// function Layout() {
+//   return import('@/layouts/index.vue');
+// }
+
+const routes: RouteRecordRaw = {
+  path: '/setting_manage',
+  // component: Layout,
+  redirect: '/setting_manage/theme-setting',
+  name: 'SettingManage',
+  meta: {
+    title: '样式配置',
+    icon: 'setting-manage',
+    auth: 'globalsettings',
+  },
+  children: [
+    {
+      path: 'theme-setting',
+      component: () => import('@/views/theme_setting/index.vue'),
+      name: 'ThemeSetting',
+      meta: {
+        title: '主题配置',
+        singleMenu: true,
+        // i18n: $t('route.rbac.themeSetting'),
+        auth: 'themeSetting',
+        activeIcon: 'system-point',
+      },
+    },
+    {
+      path: 'layout-setting',
+      component: () => import('@/views/layout_setting/index.vue'),
+      name: 'LayoutSetting',
+      meta: {
+        title: '布局配置',
+        singleMenu: true,
+        // i18n: $t('route.rbac.layoutSetting'),
+        auth: 'layoutSetting',
+        activeIcon: 'system-point',
+      },
+    },
+    {
+      path: 'page-animation-setting',
+      component: () => import('@/views/page_animation_setting/index.vue'),
+      name: 'PageAnimationSetting',
+      meta: {
+        title: '页面动画配置',
+        singleMenu: true,
+        // i18n: $t('route.rbac.pageAnimationSetting'),
+        auth: 'pageSetting',
+        activeIcon: 'system-point',
+      },
+    },
+    {
+      path: 'page-size-setting',
+      component: () => import('@/views/page_w_setting/index.vue'),
+      name: 'PageSizeSetting',
+      meta: {
+        title: '页宽配置',
+        singleMenu: true,
+        // i18n: $t('route.rbac.pageSizeSetting'),
+        auth: 'pagesizeSetting',
+        activeIcon: 'system-point',
+      },
+    },
+    {
+      path: 'menu-setting',
+      component: () => import('@/views/menu_setting/index.vue'),
+      name: 'MenuSetting',
+      meta: {
+        title: '导航栏配置',
+        singleMenu: true,
+        // i18n: $t('route.rbac.menuSetting'),
+        auth: 'menuSetting',
+        activeIcon: 'system-point',
+      },
+    },
+    {
+      path: 'tabbar-setting',
+      component: () => import('@/views/tabbar_setting/index.vue'),
+      name: 'TabbarSetting',
+      meta: {
+        title: '标签栏配置',
+        singleMenu: true,
+        // i18n: $t('route.rbac.tabbarSetting'),
+        auth: 'tabbarSetting',
+        activeIcon: 'system-point',
+      },
+    },
+    {
+      path: 'toolbar-setting',
+      component: () => import('@/views/toolbar_setting/index.vue'),
+      name: 'ToolbarSetting',
+      meta: {
+        title: '工具栏配置',
+        singleMenu: true,
+        // i18n: $t('route.rbac.toolbarSetting'),
+        auth: 'toolbarSetting',
+        activeIcon: 'system-point',
+      },
+    },
+    {
+      path: 'breadcrumb-setting',
+      component: () => import('@/views/breadcrumb_setting/index.vue'),
+      name: 'BreadcrumbSetting',
+      meta: {
+        title: '面包屑配置',
+        singleMenu: true,
+        // i18n: $t('route.rbac.breadcrumbSetting'),
+        auth: 'breadcrumbSetting',
+        activeIcon: 'system-point',
+      },
+    },
+    {
+      path: 'other-setting',
+      component: () => import('@/views/other_setting/index.vue'),
+      name: 'OtherSetting',
+      meta: {
+        title: '其他配置',
+        singleMenu: true,
+        // i18n: $t('route.rbac.otherSetting'),
+        auth: 'otherSetting',
+        activeIcon: 'system-point',
+      },
+    },
+  ],
+};
+
+export default routes;

package/src/routes/modules/system.manage.menu.ts

@@ -0,0 +1,92 @@
+import type { RouteRecordRaw } from 'vue-router';
+// import { $t } from '@/locales';
+
+// function Layout() {
+//   return import('@/layouts/index.vue');
+// }
+
+const routes: RouteRecordRaw = {
+  path: '/system_manage',
+  // component: Layout,
+  redirect: '/system_manage/dictionary',
+  name: 'SystemManage',
+  meta: {
+    title: '系统配置',
+    icon: 'icon_safe_manage',
+  },
+  children: [
+    {
+      path: '/system_manage/dictionary',
+      name: 'DictionaryPage',
+      meta: {
+        title: '字典管理',
+        // i18n: $t('route.rbac.dictionary'),
+        auth: 'dictionary',
+        activeIcon: 'system-point',
+      },
+      children: [
+        {
+          path: '',
+          name: 'Dictionary',
+          component: () => import('@/views/dictionary/index.vue'),
+          meta: {
+            title: '字典管理',
+            sidebar: false,
+            breadcrumb: false,
+            activeMenu: '/system_manage/dictionary',
+            cache: 'DictionaryItem',
+          },
+        },
+        {
+          path: 'detail/:id',
+          name: 'DictionaryItem',
+          component: () => import('@/views/dictionary/itemlist.vue'),
+          meta: {
+            title: '字典数据',
+            sidebar: false,
+            breadcrumb: true,
+            activeMenu: '/system_manage/dictionary',
+          },
+        },
+      ],
+    },
+    {
+      path: 'position',
+      component: () => import('@/views/position/index.vue'),
+      name: 'Position',
+      meta: {
+        title: '岗位管理',
+        singleMenu: true,
+        // i18n: $t('route.rbac.position'),
+        auth: 'position',
+        activeIcon: 'system-point',
+      },
+    },
+    {
+      path: 'region',
+      component: () => import('@/views/region/index.vue'),
+      name: 'Region',
+      meta: {
+        title: '区域管理',
+        singleMenu: true,
+        // i18n: $t('route.rbac.region'),
+        auth: 'region',
+        activeIcon: 'system-point',
+      },
+    },
+    {
+      path: 'group',
+      component: () => import('@/views/group/index.vue'),
+      name: 'Group',
+      meta: {
+        title: '群组管理',
+        singleMenu: true,
+        // i18n: $t('route.rbac.group'),
+        auth: 'group',
+        activeIcon: 'system-point',
+      },
+    },
+  ],
+};
+
+export default routes;

package/src/stores/index.ts

@@ -0,0 +1 @@
+export { useSettingsStore } from 'pubinfo';