@pubinfo-nightly/module-rbac 2025.11.14

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

@@ -0,0 +1,59 @@
+import type { RouteRecordRaw } from 'vue-router';
+
+const routes: RouteRecordRaw = {
+  path: '/safe_manage',
+  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,
+        auth: 'blacklist',
+        activeIcon: 'system-point',
+      },
+    },
+    {
+      path: 'whitelist',
+      component: () => import('@/views/blackWhiteList/index.vue'),
+      name: 'Whitelist',
+      meta: {
+        title: '白名单管理',
+        singleMenu: true,
+        auth: 'whitelist',
+        activeIcon: 'system-point',
+      },
+    },
+    {
+      path: 'safe-setting',
+      component: () => import('@/views/safe_setting/index.vue'),
+      name: 'SafeSetting',
+      meta: {
+        title: '安全配置',
+        singleMenu: true,
+        activeIcon: 'system-point',
+        auth: 'safe_setting',
+      },
+    },
+    {
+      path: 'watermark-setting',
+      component: () => import('@/views/watermark_setting/index.vue'),
+      name: 'WatermarkSetting',
+      meta: {
+        title: '页面水印配置',
+        singleMenu: true,
+        activeIcon: 'system-point',
+        auth: 'watermarkSetting',
+      },
+    },
+  ],
+};
+
+export default routes;

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

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

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

@@ -0,0 +1,82 @@
+import type { RouteRecordRaw } from 'vue-router';
+
+const routes: RouteRecordRaw = {
+  path: '/system_manage',
+  redirect: '/system_manage/dictionary',
+  name: 'SystemManage',
+  meta: {
+    title: '系统配置',
+    icon: 'icon_safe_manage',
+  },
+  children: [
+    {
+      path: '/system_manage/dictionary',
+      name: 'DictionaryPage',
+      meta: {
+        title: '字典管理',
+        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,
+        auth: 'position',
+        activeIcon: 'system-point',
+      },
+    },
+    {
+      path: 'region',
+      component: () => import('@/views/region/index.vue'),
+      name: 'Region',
+      meta: {
+        title: '区域管理',
+        singleMenu: true,
+        auth: 'region',
+        activeIcon: 'system-point',
+      },
+    },
+    {
+      path: 'group',
+      component: () => import('@/views/group/index.vue'),
+      name: 'Group',
+      meta: {
+        title: '群组管理',
+        singleMenu: true,
+        auth: 'group',
+        activeIcon: 'system-point',
+      },
+    },
+  ],
+};
+
+export default routes;

package/src/stores/index.ts

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

package/src/stores/view.ts

@@ -0,0 +1,292 @@
+import { acceptHMRUpdate, defineStore } from 'pinia';
+import { getAllRouteModules, readProjectModules } from 'pubinfo-nightly';
+
+// WebSocket 消息类型定义
+export interface WebSocketMessage {
+  type: 'custom'
+  event: 'pubinfo-resolver:update'
+  data: {
+    action: 'add' | 'unlink'
+    file: string
+    timestamp: number
+  }
+}
+
+// 路由树节点接口
+export interface RouteTreeNode {
+  title: string
+  key: string
+  root?: boolean
+  module?: boolean
+  children?: RouteTreeNode[]
+  isLeaf?: boolean
+  value?: string
+  scope?: string
+}
+
+// 模块信息接口
+interface ModuleInfo {
+  id: string
+  pages: Record<string, string>
+}
+
+export const useViewStore = defineStore('view', () => {
+  // 主项目页面路径数据
+  const projectPages = ref<Record<string, string>>({});
+
+  // 模块页面路径数据
+  const modulePages = ref<Map<string, Record<string, string>>>(new Map()); // 路由树数据
+  const routeTree = ref<RouteTreeNode[]>([]);
+
+  // 最后更新时间
+  const lastUpdateTime = ref<number>(0);
+
+  // WebSocket 连接状态
+  const wsConnected = ref<boolean>(false);
+
+  /**
+   * 初始化路由树数据
+   */
+  function initializeRouteData() {
+    // 获取主项目的 pages - 只存储路径
+    const projectStructure = readProjectModules();
+    const rawProjectPages = projectStructure?.pages || {};
+    projectPages.value = Object.keys(rawProjectPages).reduce((acc, key) => {
+      acc[key] = key; // 存储路径本身
+      return acc;
+    }, {} as Record<string, string>);
+
+    // 获取所有模块的 pages - 只存储路径
+    const routeModuleMap = getAllRouteModules();
+    const modulePageMap = new Map<string, Record<string, string>>();
+    for (const [id, moduleMap] of routeModuleMap) {
+      const pathMap = Object.keys(moduleMap).reduce((acc, key) => {
+        acc[key] = key; // 存储路径本身
+        return acc;
+      }, {} as Record<string, string>);
+      modulePageMap.set(id, pathMap);
+    }
+    modulePages.value = modulePageMap;
+
+    // 构建路由树
+    buildRouteTree();
+  }
+
+  /**
+   * 构建路由树结构
+   */
+  function buildRouteTree() {
+    const treeNodes: RouteTreeNode[] = [];
+
+    // 构建本地项目节点
+    if (Object.keys(projectPages.value).length > 0) {
+      const localPaths = Object.keys(projectPages.value);
+
+      treeNodes.push(
+        buildTreeNode('本地', 'local', localPaths),
+      );
+    }
+
+    // 构建模块节点
+    for (const [id, moduleMap] of modulePages.value) {
+      if (Object.keys(moduleMap).length > 0) {
+        treeNodes.push(
+          buildTreeNode(id, `module:${id}`, Object.keys(moduleMap), id),
+        );
+      }
+    }
+
+    routeTree.value = treeNodes;
+  }
+
+  /**
+   * 从扁平路径数组构建树节点
+   */
+  function buildTreeNode(
+    label: string,
+    keyPrefix: string,
+    paths: string[],
+    scope?: string,
+  ): RouteTreeNode {
+    const root: RouteTreeNode = {
+      title: label,
+      key: keyPrefix,
+      root: true,
+      module: keyPrefix !== 'local',
+      children: [],
+    };
+
+    const findOrCreate = (parent: RouteTreeNode, title: string, key: string) => {
+      if (!parent.children) {
+        parent.children = [];
+      }
+      let node = parent.children.find(n => n.title === title && !n.isLeaf);
+      if (!node) {
+        node = { title, key, children: [] };
+        parent.children.push(node);
+      }
+      return node;
+    };
+
+    for (const p of paths) {
+      const segs = p.split('/').filter(Boolean);
+      let current = root;
+      let acc = keyPrefix;
+
+      for (let i = 0; i < segs.length; i++) {
+        const seg = segs[i];
+        acc = acc ? `${acc}/${seg}` : seg;
+        const isLast = i === segs.length - 1;
+
+        if (isLast) {
+          // 叶子节点
+          current.children = current.children || [];
+          current.children.push({
+            title: seg,
+            key: acc,
+            isLeaf: true,
+            value: p,
+            scope,
+          });
+        }
+        else {
+          current = findOrCreate(current, seg, acc);
+        }
+      }
+    }
+
+    return root;
+  }
+
+  /**
+   * 处理 WebSocket 文件变化事件
+   */
+  function handleFileChange(message: WebSocketMessage) {
+    const { action, file, timestamp } = message.data;
+
+    // 更新时间戳
+    lastUpdateTime.value = timestamp;
+
+    // 根据操作类型处理
+    if (action === 'add') {
+      handleFileAdd(file);
+    }
+    else if (action === 'unlink') {
+      handleFileRemove(file);
+    }
+
+    // 重新构建路由树
+    buildRouteTree();
+  }
+
+  /**
+   * 处理文件添加
+   */
+  function handleFileAdd(filePath: string) {
+    // 检查是否是 views 目录下的 .vue 文件
+    const relativePath = filePath.replace(/^.*\/src\//, 'src/');
+
+    if (relativePath.startsWith('src/views/') && relativePath.endsWith('.vue')) {
+      // 添加到主项目页面数据
+      projectPages.value = {
+        ...projectPages.value,
+        [relativePath]: relativePath,
+      };
+    }
+  }
+
+  /**
+   * 处理文件删除
+   */
+  function handleFileRemove(filePath: string) {
+    // 检查是否是 views 目录下的 .vue 文件
+    const relativePath = filePath.replace(/^.*\/src\//, 'src/');
+    if (relativePath.startsWith('src/views/') && relativePath.endsWith('.vue')) {
+      // 从主项目页面数据中移除
+      const newProjectPages = { ...projectPages.value };
+      delete newProjectPages[relativePath];
+      projectPages.value = newProjectPages;
+    }
+  }
+
+  /**
+   * 设置 WebSocket 连接状态
+   */
+  function setWebSocketConnected(connected: boolean) {
+    wsConnected.value = connected;
+  }
+
+  /**
+   * 获取路由树数据（用于组件）
+   */
+  function getRouteTreeData() {
+    return routeTree.value;
+  }
+
+  /**
+   * 刷新路由树数据
+   */
+  function refreshRouteTree() {
+    initializeRouteData();
+  }
+
+  /**
+   * 根据搜索条件过滤树数据
+   */
+  function filterRouteTree(searchQuery: string): RouteTreeNode[] {
+    if (!searchQuery.trim()) {
+      return routeTree.value;
+    }
+
+    const q = searchQuery.trim().toLowerCase();
+
+    const filterNodes = (nodes: RouteTreeNode[]): RouteTreeNode[] => {
+      const result: RouteTreeNode[] = [];
+
+      for (const node of nodes) {
+        const title = node.title.toLowerCase();
+        const value = (node.value || '').toLowerCase();
+        const key = node.key.toLowerCase();
+        const selfMatch = title.includes(q) || value.includes(q) || key.includes(q);
+
+        let filteredChildren: RouteTreeNode[] | undefined;
+        if (node.children && node.children.length > 0) {
+          filteredChildren = filterNodes(node.children);
+        }
+
+        if (selfMatch || (filteredChildren && filteredChildren.length > 0)) {
+          const cloned = { ...node };
+          if (filteredChildren) {
+            cloned.children = filteredChildren;
+          }
+          result.push(cloned);
+        }
+      }
+
+      return result;
+    };
+
+    return filterNodes(routeTree.value);
+  }
+
+  return {
+    // 状态
+    projectPages: readonly(projectPages),
+    modulePages: readonly(modulePages),
+    routeTree: readonly(routeTree),
+    lastUpdateTime: readonly(lastUpdateTime),
+    wsConnected: readonly(wsConnected),
+
+    // 方法
+    initializeRouteData,
+    handleFileChange,
+    setWebSocketConnected,
+    getRouteTreeData,
+    refreshRouteTree,
+    filterRouteTree,
+  };
+});
+
+if (import.meta.hot) {
+  import.meta.hot.accept(acceptHMRUpdate(useViewStore, import.meta.hot));
+}

package/src/utils/dict.ts

@@ -0,0 +1,21 @@
+import { getDictItemListBatch } from '@/api/modules/configData';
+
+function arraify<T>(data: T | T[]) {
+  return Array.isArray(data) ? data : [data];
+}
+
+/**
+ * 获取字典数据
+ */
+export async function getDictItem(params: { dictCode: string | string[] }) {
+  const dictCodes = arraify(params.dictCode);
+  const res = await getDictItemListBatch({ dictCode: dictCodes.join(',') });
+
+  if (res.success) {
+    if (dictCodes.length === 1) {
+      return res.data?.[0]?.dictItemList;
+    }
+
+    return res.data;
+  }
+}

package/src/utils/routeSystem.ts

@@ -0,0 +1,53 @@
+import { useWebSocketManager } from '@/composables/useWebSocketManager';
+import { useViewStore } from '@/stores/view';
+
+/**
+ * 应用启动时的路由数据初始化
+ */
+export function initializeRouteSystem() {
+  const viewStore = useViewStore();
+  const wsManager = useWebSocketManager();
+
+  try {
+    // 初始化路由数据
+    viewStore.initializeRouteData();
+
+    // 初始化 WebSocket 管理器
+    wsManager.initializeWebSocket();
+
+    return {
+      viewStore,
+      wsManager,
+    };
+  }
+  catch (error) {
+    console.error('[RBAC] 路由系统初始化失败:', error);
+    throw error;
+  }
+}
+
+/**
+ * 应用关闭时的清理逻辑
+ */
+export function cleanupRouteSystem() {
+  try {
+    const wsManager = useWebSocketManager();
+    wsManager.cleanupWebSocket();
+  }
+  catch (error) {
+    console.error('[RBAC] 路由系统清理失败:', error);
+  }
+}
+
+/**
+ * 手动刷新路由数据
+ */
+export function refreshRouteSystem() {
+  try {
+    const viewStore = useViewStore();
+    viewStore.refreshRouteTree();
+  }
+  catch (error) {
+    console.error('[RBAC] 路由系统数据刷新失败:', error);
+  }
+}

package/src/utils/validateObjectStructure.ts

@@ -0,0 +1,47 @@
+export interface ValidateOptions {
+  /** 允许的最大嵌套层级（含根层） */
+  maxDepth?: number
+  /** 每一层最多 key 数 */
+  maxKeysPerLevel?: number
+}
+
+export interface ValidateResult {
+  valid: boolean
+  errors: string[]
+}
+
+export function validateObjectStructure(
+  obj: any,
+  options: ValidateOptions = {},
+): ValidateResult {
+  const { maxDepth = 3, maxKeysPerLevel = 10 } = options;
+  const errors: string[] = [];
+
+  function traverse(value: any, depth: number, path: string) {
+    if (depth > maxDepth) {
+      errors.push(`对象嵌套层级超过限制，最大允许 ${maxDepth} 层。问题位置: ${path}`);
+      return;
+    }
+
+    if (value && typeof value === 'object' && !Array.isArray(value)) {
+      const keys = Object.keys(value);
+
+      if (keys.length > maxKeysPerLevel) {
+        errors.push(
+          `对象包含过多字段（${keys.length} 个），最大允许 ${maxKeysPerLevel} 个。位置: ${path}`,
+        );
+      }
+
+      keys.forEach((key) => {
+        traverse(value[key], depth + 1, `${path}.${key}`);
+      });
+    }
+  }
+
+  traverse(obj, 1, 'root');
+
+  return {
+    valid: errors.length === 0,
+    errors,
+  };
+}