[ { "path": ".editorconfig", "content": "# @see: http://editorconfig.org\n\nroot = true\n\n[*] # 表示所有文件适用\ncharset = utf-8 # 设置文件字符集为 utf-8\nend_of_line = lf # 控制换行类型(lf | cr | crlf)\ninsert_final_newline = true # 始终在文件末尾插入一个新行\nindent_style = tab # 缩进风格（tab | space）\nindent_size = 2 # 缩进大小\nmax_line_length = 130 # 最大行长度\n\n[*.md] # 表示仅 md 文件适用以下规则\nmax_line_length = off # 关闭最大行长度限制\ntrim_trailing_whitespace = false # 关闭末尾空格修剪\n" }, { "path": ".eslintignore", "content": "*.sh\nnode_modules\n*.md\n*.woff\n*.ttf\n.vscode\n.idea\ndist\n/public\n/docs\n.husky\n.local\n/bin\n.eslintrc.js\n.prettierrc.js\n/src/mock/*\n\n" }, { "path": ".eslintrc.js", "content": "// @see: http://eslint.cn\n\nmodule.exports = {\n\tsettings: {\n\t\treact: {\n\t\t\tversion: \"detect\"\n\t\t}\n\t},\n\troot: true,\n\tenv: {\n\t\tbrowser: true,\n\t\tnode: true,\n\t\tes6: true\n\t},\n\t/* 指定如何解析语法 */\n\tparser: \"@typescript-eslint/parser\",\n\t/* 优先级低于 parse 的语法解析配置 */\n\tparserOptions: {\n\t\tecmaVersion: 2020,\n\t\tsourceType: \"module\",\n\t\tjsxPragma: \"React\",\n\t\tecmaFeatures: {\n\t\t\tjsx: true\n\t\t}\n\t},\n\tplugins: [\"react\", \"@typescript-eslint\", \"react-hooks\", \"prettier\", \"simple-import-sort\"],\n\t/* 继承某些已有的规则 */\n\textends: [\n\t\t\"eslint:recommended\",\n\t\t\"plugin:react/recommended\",\n\t\t\"plugin:@typescript-eslint/recommended\",\n\t\t\"plugin:react/jsx-runtime\",\n\t\t\"plugin:react-hooks/recommended\",\n\t\t\"prettier\",\n\t\t\"plugin:prettier/recommended\"\n\t],\n\t/*\n\t * \"off\" 或 0 ==> 关闭规则\n\t * \"warn\" 或 1 ==> 打开的规则作为警告（不影响代码执行）\n\t * \"error\" 或 2 ==> 规则作为一个错误（代码不能执行，界面报错）\n\t */\n\trules: {\n\t\t// eslint (http://eslint.cn/docs/rules)\n\t\t\"no-var\": \"error\", // 要求使用 let 或 const 而不是 var\n\t\t\"no-multiple-empty-lines\": [\"error\", { max: 1 }], // 不允许多个空行\n\t\t\"no-use-before-define\": \"off\", // 禁止在 函数/类/变量 定义之前使用它们\n\t\t\"prefer-const\": \"off\", // 此规则旨在标记使用 let 关键字声明但在初始分配后从未重新分配的变量，要求使用 const\n\t\t\"no-irregular-whitespace\": \"off\", // 禁止不规则的空白\n\n\t\t// typeScript (https://typescript-eslint.io/rules)\n\t\t\"@typescript-eslint/no-unused-vars\": \"off\", // 禁止定义未使用的变量\n\t\t\"@typescript-eslint/no-inferrable-types\": \"off\", // 可以轻松推断的显式类型可能会增加不必要的冗长\n\t\t\"@typescript-eslint/no-namespace\": \"off\", // 禁止使用自定义 TypeScript 模块和命名空间。\n\t\t\"@typescript-eslint/no-explicit-any\": \"off\", // 禁止使用 any 类型\n\t\t\"@typescript-eslint/ban-ts-ignore\": \"off\", // 禁止使用 @ts-ignore\n\t\t\"@typescript-eslint/ban-types\": \"off\", // 禁止使用特定类型\n\t\t\"@typescript-eslint/explicit-function-return-type\": \"off\", // 不允许对初始化为数字、字符串或布尔值的变量或参数进行显式类型声明\n\t\t\"@typescript-eslint/no-var-requires\": \"off\", // 不允许在 import 语句中使用 require 语句\n\t\t\"@typescript-eslint/no-empty-function\": \"off\", // 禁止空函数\n\t\t\"@typescript-eslint/no-use-before-define\": \"off\", // 禁止在变量定义之前使用它们\n\t\t\"@typescript-eslint/ban-ts-comment\": \"off\", // 禁止 @ts- 使用注释或要求在指令后进行描述\n\t\t\"@typescript-eslint/no-non-null-assertion\": \"off\", // 不允许使用后缀运算符的非空断言(!)\n\t\t\"@typescript-eslint/explicit-module-boundary-types\": \"off\", // 要求导出函数和类的公共类方法的显式返回和参数类型\n\t\t\"@typescript-eslint/no-empty-interface\": \"off\",\n\t\t// react (https://github.com/jsx-eslint/eslint-plugin-react)\n\t\t\"react-hooks/rules-of-hooks\": \"off\",\n\t\t\"react-hooks/exhaustive-deps\": \"off\",\n\t\t\"simple-import-sort/imports\": \"warn\",\n\t\t\"simple-import-sort/exports\": \"warn\"\n\t},\n\toverrides: [\n\t\t{\n\t\t\tfiles: [\"*.js\", \"*.jsx\", \"*.ts\", \"*.tsx\"],\n\t\t\trules: {\n\t\t\t\t\"simple-import-sort/imports\": [\n\t\t\t\t\t\"warn\",\n\t\t\t\t\t{\n\t\t\t\t\t\tgroups: [\n\t\t\t\t\t\t\t// Packages `react` related packages come first.\n\t\t\t\t\t\t\t[\"^react\", \"^@?\\\\w\"],\n\t\t\t\t\t\t\t// Other relative imports. Put same-folder imports and `.` last.\n\t\t\t\t\t\t\t[\"^(@|components)(/.*|$)\", \"^\\\\./(?=.*/)(?!/?$)\", \"^\\\\.(?!/?$)\", \"^\\\\./?$\"],\n\t\t\t\t\t\t\t// Style imports.\n\t\t\t\t\t\t\t[\"^.+\\\\.?(css)$\"]\n\t\t\t\t\t\t]\n\t\t\t\t\t}\n\t\t\t\t]\n\t\t\t}\n\t\t}\n\t]\n};\n" }, { "path": ".gitattributes", "content": "# Set the default behavior, in case people don't have core.autocrlf set.\n* text=auto\n\n# Explicitly declare text files you want to always be normalized and converted\n# to native line endings on checkout.\n*.c text\n*.h text\n\n# Declare files that will always have CRLF line endings on checkout.\n*.sln text eol=crlf\n\n# Denote all files that are truly binary and should not be modified.\n*.png binary\n*.jpg binary\n" }, { "path": ".gitignore", "content": "# Logs\nlogs\n*.log\nnpm-debug.log*\nyarn-debug.log*\nyarn-error.log*\npnpm-debug.log*\nlerna-debug.log*\n\nnode_modules\ndist\ndist.tar.gz\ndist-ssr\n*.local\nstats.html\n\n\n# Editor directories and files\n.vscode/*\n!.vscode/extensions.json\n!.vscode/settings.json\n.idea\n.DS_Store\n*.suo\n*.ntvs*\n*.njsproj\n*.sln\n*.sw?\n.vscode/settings.json\ndist.zip\n.env.deploy\n" }, { "path": ".husky/commit-msg", "content": "#!/usr/bin/env sh\n. \"$(dirname -- \"$0\")/_/husky.sh\"\n\nnpx --no-install commitlint --edit $1\n" }, { "path": ".husky/pre-commit", "content": "#!/usr/bin/env sh\n. \"$(dirname -- \"$0\")/_/husky.sh\"\n\nnpm run lint:lint-staged\n" }, { "path": ".prettierignore", "content": "/dist/*\n.local\n/node_modules/**\n\n**/*.svg\n**/*.sh\n\n/public/*\n" }, { "path": ".prettierrc.js", "content": "// @see: https://www.prettier.cn\n\nmodule.exports = {\n\t// 超过最大值换行\n\tprintWidth: 130,\n\t// 缩进字节数\n\ttabWidth: 2,\n\t// 使用制表符而不是空格缩进行\n\tuseTabs: true,\n\t// 结尾不用分号(true有，false没有)\n\tsemi: true,\n\t// 使用单引号(true单双引号，false双引号)\n\tsingleQuote: false,\n\t// 更改引用对象属性的时间 可选值\"\"\n\tquoteProps: \"as-needed\",\n\t// 在对象，数组括号与文字之间加空格 \"{ foo: bar }\"\n\tbracketSpacing: true,\n\t// 多行时尽可能打印尾随逗号。（例如，单行数组永远不会出现逗号结尾。） 可选值\"\"，默认none\n\ttrailingComma: \"none\",\n\t// 在JSX中使用单引号而不是双引号\n\tjsxSingleQuote: false,\n\t// (x) => {} 箭头函数参数只有一个时是否要有小括号。avoid：省略括号 ,always：不省略括号\n\tarrowParens: \"avoid\",\n\t// 如果文件顶部已经有一个 doclock，这个选项将新建一行注释，并打上@format标记。\n\tinsertPragma: false,\n\t// 指定要使用的解析器，不需要写文件开头的 @prettier\n\trequirePragma: false,\n\t// 默认值。因为使用了一些折行敏感型的渲染器（如GitHub comment）而按照markdown文本样式进行折行\n\tproseWrap: \"preserve\",\n\t// 在html中空格是否是敏感的 \"css\" - 遵守CSS显示属性的默认值， \"strict\" - 空格被认为是敏感的 ，\"ignore\" - 空格被认为是不敏感的\n\thtmlWhitespaceSensitivity: \"css\",\n\t// 换行符使用 lf 结尾是 可选值\"\"\n\tendOfLine: \"auto\",\n\t// 这两个选项可用于格式化以给定字符偏移量（分别包括和不包括）开始和结束的代码\n\trangeStart: 0,\n\trangeEnd: Infinity,\n\t// Vue文件脚本和样式标签缩进\n\tvueIndentScriptAndStyle: false\n};\n" }, { "path": ".qoder/settings.json", "content": "{\n \"permissions\": {\n \"ask\": [\n \"Read(!/Users/itwanger/Documents/GitHub/paicoding-admin/**)\",\n \"Edit(!/Users/itwanger/Documents/GitHub/paicoding-admin/**)\"\n ],\n \"allow\": [\n \"Read(/Users/itwanger/Documents/GitHub/paicoding-admin/**)\",\n \"Edit(/Users/itwanger/Documents/GitHub/paicoding-admin/**)\"\n ]\n },\n \"memoryImport\": {},\n \"monitoring\": {}\n}" }, { "path": ".stylelintignore", "content": "/dist/*\n/public/*\npublic/*\n" }, { "path": ".stylelintrc.js", "content": "module.exports = {\n\t// 引入标准配置文件和scss配置扩展\n\textends: [\"stylelint-config-standard\", \"stylelint-config-recommended-scss\"],\n\trules: {\n\t\t// 引号必须为单引号\n\t\t\"string-quotes\": [\"single\"],\n\t\t// 冒号后要加空格\n\t\t\"declaration-colon-space-after\": [\"always\"],\n\t\t// 冒号前不加空格\n\t\t\"declaration-colon-space-before\": [\"never\"],\n\t\t// 变量后必须添加!default，本地局部变量可以不加\n\t\t\"scss/dollar-variable-default\": [true, { ignore: \"local\" }],\n\t\t// 属性单独成行\n\t\t\"declaration-block-single-line-max-declarations\": [1],\n\t\t// 属性和值前不带厂商标记（通过autofixer自动添加，不要自己手工写）\n\t\t\"property-no-vendor-prefix\": [true],\n\t\t\"value-no-vendor-prefix\": [true],\n\t\t// 多选择器必须单独成行，逗号结尾\n\t\t\"selector-list-comma-newline-after\": [\"always\"],\n\t\t// 不能有无效的16进制颜色值\n\t\t\"color-no-invalid-hex\": [true]\n\t},\n\tignoreFiles: [\"src/**/*.tsx\", \"src/**/*.ts\", \"src/**/*.jsx\", \"src/**/*.js\"]\n};\n" }, { "path": ".trae/documents/在文章编辑页集成 Moveable.js 实现图片缩放.md", "content": "## 实施计划：集成 react-moveable 实现图片缩放\n\n### 1. 安装依赖\n- 安装 `react-moveable` 库，用于提供图片的拖拽和缩放功能。\n\n### 2. 修改文章编辑页面 ([index.tsx](file:///Users/itwanger/Documents/GitHub/paicoding-admin/src/views/article/edit/index.tsx))\n- **引入 Moveable**：导入 `Moveable` 组件。\n- **状态管理**：\n - `target`: 存储当前选中的图片元素。\n - `moveableRef`: 引用 Moveable 实例。\n- **自定义 ByteMD 插件 (`imageMoveablePlugin`)**：\n - 在预览区域渲染完成后，为所有 `img` 标签绑定点击事件。\n - 点击图片时将其设为 `target`；点击非图片区域时清除 `target`。\n- **集成 Moveable 组件**：\n - 在编辑器预览区域渲染 `Moveable`。\n - 配置 `resizable`, `keepRatio`, `snappable` 等属性。\n- **实现缩放同步**：\n - 在 `onResize` 事件中实时更新图片的 DOM 样式。\n - 在 `onResizeEnd` 事件中，将缩放后的尺寸同步回 Markdown 源码中，通过将 `![alt](url)` 转换为 `` 来实现持久化。\n\n### 3. 样式优化\n- 调整 Moveable 控制柄的样式，确保在编辑器内清晰可见且不遮挡操作。\n\n### 4. 验证与测试\n- 在编辑页面插入图片，尝试通过 Moveable 进行缩放。\n- 确认缩放后的尺寸在保存并重新加载后依然有效。\n" }, { "path": ".trae/documents/文章编辑页：导入 Markdown + 修复 Word 图片清晰度.md", "content": "## 目标\n- 在 `#/article/edit/index` 增加“导入Markdown”功能：读取本地 `.md/.markdown/.txt` 内容并写入编辑器。\n- 导入时不上传图片；图片仍走现有“转链”按钮统一处理外链图片。\n- 针对“语雀导出的 Markdown”做净化：去掉 ``、空 font、注释、以及图片 URL 周围的干扰字符（如反引号/多余空格）。\n\n## 方案：导入 Markdown（不触发上传）\n1. **新增工具栏按钮**\n - 在 [search/index.tsx](file:///Users/itwanger/Documents/GitHub/paicoding-admin/src/views/article/edit/search/index.tsx) 增加“导入Markdown”按钮。\n - 扩展 props：新增 `handleImportMarkdown`。\n\n2. **实现 `handleImportMarkdown`（核心逻辑）**\n - 在 [index.tsx](file:///Users/itwanger/Documents/GitHub/paicoding-admin/src/views/article/edit/index.tsx) 新增 `handleImportMarkdown`：\n - 用隐藏 `input[type=file]` 选择文件，accept：`.md,.markdown,.txt,text/markdown,text/plain`。\n - `file.text()` 读取原文（去 BOM、统一换行）。\n - 调用 `sanitizeYuqueMarkdown(raw)` 做净化（见下）。\n - 若编辑器已有内容：弹 Modal 让用户选“替换/追加/取消”（复用 Word 导入的交互风格）。\n - 标题同步：若净化后的 Markdown 首个非空行匹配 `# 标题`，提取为 `shortTitle` 并从正文移除该行。\n - 写入编辑器：\n - 替换：`setContent(md)` + `handleChange({content: md, shortTitle?})`\n - 追加：`content + '\\n\\n---\\n\\n' + md`\n - 明确不做任何图片上传/转链；用户需要时再点击现有“转链”。\n\n## 语雀 Markdown 净化规则（sanitizeYuqueMarkdown）\n- **清理 font 包装**：移除所有 `` 与 `` 标签，但保留其中的文本内容。\n- **移除无意义的空 font 段落**：例如仅包含空白/换行的 font 标签残留。\n- **移除 HTML 注释块**：``（支持多行）。\n- **修复图片 URL 干扰格式**：将语雀导出常见写法\n - `![]( `https://...png` )` / `![](`https://...`)` / `![alt]( `url` )`\n - 统一规范成 `![](https://...)` 或 `![alt](https://...)`（去反引号、去括号内多余空格）。\n- **基础规范化**：`\n` → `\\n`、去零宽字符、连续 3+ 空行压缩为 2 行。\n\n## 影响范围\n- 不改“转链”逻辑：仍由 [index.tsx](file:///Users/itwanger/Documents/GitHub/paicoding-admin/src/views/article/edit/index.tsx) 现有 `handleReplaceImgUrl` 统一处理外链图片。\n- 不改 Word 导入图片清晰度方案（按你要求先不处理）。\n\n## 涉及文件\n- [src/views/article/edit/index.tsx](file:///Users/itwanger/Documents/GitHub/paicoding-admin/src/views/article/edit/index.tsx)\n- [src/views/article/edit/search/index.tsx](file:///Users/itwanger/Documents/GitHub/paicoding-admin/src/views/article/edit/search/index.tsx)\n\n## 验证方式\n- 进入 `http://127.0.0.1:3301/#/article/edit/index`：\n - 导入语雀导出的 `.md`：确认 font/注释被移除、图片语法变为标准 `![](...)`。\n - 点击“转链”：确认外链图片正常上传替换，且不会重复上传（沿用现有 30 秒缓存策略）。\n - 回归：保存/更新、图片缩放与替换、其它表单项不受影响。" }, { "path": ".vscode/extensions.json", "content": "{\n\t\"recommendations\": [\n\t\t\"dsznajder.es7-react-js-snippets\",\n\t\t\"stylelint.vscode-stylelint\",\n\t\t\"dbaeumer.vscode-eslint\",\n\t\t\"editorconfig.editorconfig\",\n\t\t\"esbenp.prettier-vscode\"\n\t]\n}\n" }, { "path": "AGENTS.md", "content": "# AGENTS.md\n\nThis file provides guidance to Qoder (qoder.com) when working with code in this repository.\n\n## Project Overview\n\npaicoding-admin is a React-based admin panel for the 技术派 (PaiCoding) community platform. Built with React 18, TypeScript, Vite 3, Ant Design 5.x, Redux, and React Router v6.\n\n## Build and Development Commands\n\n### Development\n```bash\nnpm run dev\n# Starts dev server at http://127.0.0.1:3301\n# Default login credentials: admin/admin\n```\n\n### Build\n```bash\n# Production build\nnpm run build:pro\n\n# Development build\nnpm run build:build:dev\n\n# Test build\nnpm run build:test\n```\n\n### Preview\n```bash\nnpm run preview\n```\n\n### Linting and Code Quality\n```bash\n# ESLint check and auto-fix\nnpm run lint:eslint\n\n# Prettier formatting\nnpm run lint:prettier\n\n# Stylelint for CSS/Less/SCSS\nnpm run lint:stylelint\n\n# Run lint-staged (pre-commit hook)\nnpm run lint:lint-staged\n```\n\n### Git Commits\n```bash\n# Automated commit flow with commitizen\nnpm run commit\n```\n\n## Architecture\n\n### State Management (Redux)\n- Uses Redux with redux-persist for state persistence\n- Key modules: `global`, `menu`, `tabs`, `auth`, `breadcrumb`, `disc`\n- Location: `src/redux/modules/`\n- Store configuration: `src/redux/index.ts`\n- Redux DevTools enabled in development\n- Middleware: redux-thunk, redux-promise\n\n### Routing\n- React Router v6 with lazy loading support\n- Route modules auto-loaded from `src/routers/modules/*.tsx` using `import.meta.globEager`\n- Main router config: `src/routers/index.tsx`\n- Route definitions: `src/routers/route.tsx`\n- Supports nested routes, route guards, and multi-tab navigation\n\n### API Layer\n- Axios-based HTTP client with custom wrapper class `RequestHttp`\n- Global request/response interceptors\n- Features: automatic token injection, loading states, error handling, request cancellation\n- Base URL configured via `VITE_API_URL` environment variable\n- API modules organized by feature in `src/api/modules/`\n- Main config: `src/api/index.ts`\n\n### Layout System\n- Main layout: `src/layouts/index.tsx`\n- Components: Header, Menu, Tabs, Footer\n- Uses Ant Design Layout with collapsible sidebar\n- Responsive design with window resize handling\n\n### Project Structure\n```\nsrc/\n├── api/ # API request definitions by module\n├── assets/ # Static assets (images, icons, etc.)\n├── components/ # Reusable components\n├── config/ # Configuration files\n├── enums/ # TypeScript enums\n├── hooks/ # Custom React hooks\n├── layouts/ # Layout components (Header, Menu, Footer, Tabs)\n├── redux/ # Redux store and modules\n├── routers/ # Route configuration and modules\n├── styles/ # Global styles\n├── typings/ # TypeScript type definitions\n├── utils/ # Utility functions\n└── views/ # Page components by feature\n```\n\n### Key Views/Features\n- `statistics/`: Dashboard with ECharts data visualization\n- `config/`: Platform operation configuration\n- `article/`: Article management\n- `column/`: Column configuration\n- `resume/`: Tutorial/course configuration\n- `author/`: User/author management\n- `category/`: Category management\n- `tag/`: Tag management\n- `global/`: Global settings\n- `login/`: Authentication\n\n## Development Notes\n\n### Environment Variables\n- Development: `.env.development` - Backend at `http://127.0.0.1:8080`\n- Production: `.env.production`\n- Test: `.env.test`\n\n### Backend Integration\n- Backend project: [paicoding](https://github.com/itwanger/paicoding)\n- Spring Boot-based community platform\n- Ensure Redis and backend server are running before starting admin panel\n\n### TypeScript Configuration\n- Strict TypeScript enabled\n- Path alias `@` configured to `src/`\n- Config: `tsconfig.json`\n\n### Vite Configuration\n- Proxy configured for `/admin` and `/api/admin` to `http://127.0.0.1:8080`\n- Port: 3301 (configurable via `VITE_PORT`)\n- Gzip compression enabled for production builds\n- Bundle visualization available with `VITE_REPORT`\n- SVG icons via vite-plugin-svg-icons\n- Config: `vite.config.ts`\n\n### Code Standards\n- ESLint with TypeScript, React, and Prettier integration\n- Prettier for code formatting\n- Stylelint for CSS/Less/SCSS\n- Husky + lint-staged for pre-commit hooks\n- Commitizen + commitlint for commit message conventions\n\n## Troubleshooting\n\n### Node Modules Issues\nIf `npm install` fails:\n1. Upgrade Node.js to 16+ (recommended 18+)\n2. Try: `npm install --registry=http://registry.npmmirror.com`\n3. If ECONNRESET error: `npm config set registry http://registry.npmjs.org/`\n4. Delete `node_modules` and reinstall\n\n### launch.sh (Mac/Linux)\nHelper script for common tasks:\n```bash\n./launch.sh install # Install dependencies\n./launch.sh server # Start dev server\n./launch.sh pro # Build, package, and deploy to server\n```\n\nIf `$'\\r': command not found` error:\n```bash\nsed -i 's/\\r//' launch.sh\n# or\ndos2unix launch.sh\n```\n" }, { "path": "CHANGELOG.md", "content": "# Changelog\n\nAll notable changes to this project will be documented in this file. See [standard-version](https://github.com/conventional-changelog/standard-version) for commit guidelines.\n\n### 0.0.1 (2022-09-19)\n\n### Features\n\n- 🚀 项目初始化（今天的 🧱 格外烫手）\n\n### Bug Fixes\n\n- 🧩 密密麻麻\n" }, { "path": "CLAUDE.md", "content": "# CLAUDE.md\n\nThis file provides guidance to Claude Code (claude.ai/code) when working with code in this repository.\n\n## Project Overview\n\npaicoding-admin is the admin dashboard for 技术派 (paicoding), a community platform. Built with React 18, TypeScript, Vite 3, Ant Design 5.x, Redux, and ECharts. It provides comprehensive management capabilities for articles, authors, categories, tags, columns, and site configuration.\n\nBackend API: https://github.com/itwanger/paicoding (Spring Boot based)\n\n## Development Commands\n\n### Local Development\n```bash\nnpm install\n# OR if install fails (requires Node.js 16+)\nnpm install --registry=http://registry.npmmirror.com\n\nnpm run dev\n# Opens http://127.0.0.1:3301\n# Default credentials: admin/admin\n```\n\n### Build\n```bash\n# Production build\nnpm run build:pro\n\n# Development build\nnpm run build:dev\n\n# Test environment build\nnpm run build:test\n```\n\n### Code Quality\n```bash\n# ESLint check and fix\nnpm run lint:eslint\n\n# Prettier formatting\nnpm run lint:prettier\n\n# Stylelint for styles\nnpm run lint:stylelint\n\n# Lint staged files (runs via husky)\nnpm run lint:lint-staged\n```\n\n### Git Commits\n```bash\n# Interactive commit with commitizen\nnpm run commit\n# This runs: git pull && git add -A && git-cz && git push\n```\n\nCommit types follow conventional commits:\n- `feat`: New feature\n- `fix`: Bug fix\n- `docs`: Documentation changes\n- `style`: Code formatting (not affecting logic)\n- `refactor`: Code refactoring\n- `perf`: Performance improvements\n- `test`: Test changes\n- `build`: Build system changes\n- `ci`: CI configuration changes\n- `chore`: Other changes\n\n### Deployment\n```bash\n# For Mac/Linux users\n./launch.sh install # Install dependencies\n./launch.sh server # Start dev server\n./launch.sh pro # Build, upload to server, and deploy\n\n# Manual deployment\nnpm run build:pro # Generates dist/ directory\n# Upload dist/ to /home/admin/ on server\n# Configure Nginx:\n# location ^~ /admin {\n# alias /home/admin/dist/;\n# index index.html;\n# }\n```\n\n## Architecture\n\n### State Management (Redux)\nLocated in `src/redux/modules/`:\n- **global**: Token, theme, language, assembly size, loading state\n- **menu**: Menu collapse state, menu list\n- **tabs**: Multi-tab navigation state\n- **auth**: Authentication and button permissions\n- **breadcrumb**: Breadcrumb navigation\n- **disc**: Discussion/forum state\n\nRedux uses `redux-persist` to persist state to localStorage. Uses `redux-thunk` and `redux-promise` middleware.\n\n### Routing System\n- Routes defined in `src/routers/modules/*.tsx` (modular approach)\n- Auto-imported via `import.meta.globEager` in `src/routers/index.tsx`\n- Route modules: article, author, category, column, config, global, home, statistics, tag, resume, error\n- Lazy loading enabled via `src/routers/utils/lazyLoad.tsx`\n- Auth protection via HOC in `src/routers/utils/authRouter.tsx`\n- Multi-tab support with keep-alive using `react-activation`\n\n### API Layer\n- Axios wrapper in `src/api/index.ts` with global interceptors\n- Request/response interceptors handle:\n - Token injection via `x-access-token` header\n - Loading states via NProgress\n - Error handling (599 = login expired, redirects to login)\n - Duplicate request cancellation\n- API modules in `src/api/modules/`: login, article, author, category, column, config, global, statistics, tag, resume, common\n- Base URL configured via `.env.*` files: `/api/admin`\n- Proxy configured in `vite.config.ts` to forward to `http://127.0.0.1:8080/`\n\n### Layout Structure\nMain layout in `src/layouts/index.tsx`:\n- **Sider**: Left menu (`LayoutMenu`)\n- **Header**: Top navigation with breadcrumb, theme toggle, user avatar (`LayoutHeader`)\n- **Tabs**: Multi-tab navigation (`LayoutTabs`)\n- **Content**: Main content area (rendered via ``)\n- **Footer**: Footer component (`LayoutFooter`)\n\nResponsive: Auto-collapses menu when window width < 1200px.\n\n### Key Features\n1. **Custom Components**:\n - `DebounceSelect`: Debounced search select (used in article/column forms)\n - `TableSelect`: Paginated searchable select with table display\n - `ImgCropUpload`: Image upload with crop functionality (Ant Design)\n - `DatePicker`: Custom date picker for expireTime fields\n - `SecondSureModal`: Secondary confirmation modal\n\n2. **Theme System**:\n - Dark mode support\n - Gray mode & color-weak mode\n - Component size switching (small/middle/large)\n - Managed via `src/hooks/useTheme.ts`\n\n3. **Markdown Editor**:\n - Uses `@bytemd/react` with plugins: gfm, highlight, math, gemoji, medium-zoom\n - Theme support via `juejin-markdown-themes`\n\n## File Organization\n\n```\nsrc/\n├── api/ # API modules and Axios configuration\n├── assets/ # Static assets (icons, images)\n├── components/ # Global reusable components\n├── config/ # Configuration (nprogress, service loading)\n├── enums/ # Enumerations (HTTP status codes, common enums)\n├── hooks/ # Custom React hooks (useTheme, etc.)\n├── layouts/ # Layout components (Header, Menu, Tabs, Footer)\n├── redux/ # Redux store and modules\n├── routers/ # Route configuration (modular)\n├── styles/ # Global styles (less files)\n├── typings/ # TypeScript type definitions\n├── utils/ # Utility functions\n├── views/ # Page components (organized by feature)\n```\n\n### Views Structure\n- `article/`: Article list, edit with markdown editor, search\n- `author/`: Author whitelist, zsxq list\n- `category/`: Category management\n- `column/`: Column settings, article sorting, groups\n- `config/`: Site configuration with image uploads\n- `global/`: Global settings\n- `home/`: Dashboard (default redirect from `/`)\n- `login/`: Login page\n- `resume/`: Resume management\n- `statistics/`: Data statistics with ECharts\n- `tag/`: Tag management\n\n## Important Notes\n\n### Environment Configuration\n- Development: `VITE_API_URL = '/api/admin'`, proxy to `http://127.0.0.1:8080`\n- Backend must be running on port 8080 (paicoding Spring Boot app)\n- Redis must be running for backend\n\n### Path Alias\n- `@` maps to `src/` directory (configured in `vite.config.ts` and `tsconfig.json`)\n\n### TypeScript\n- Strict mode disabled for flexibility\n- Type definitions in `src/typings/` and `src/api/interface/`\n\n### Styling\n- Uses Less preprocessor\n- Global variables in `src/styles/var.less`\n- Ant Design theme customization supported\n\n### Known Issues\n- If `npm install` fails with Node.js < 16, upgrade Node.js to 18+ and npm to 9+\n- OR download pre-packaged node_modules (mentioned in README)\n- Windows users: Convert `launch.sh` line endings if needed (`dos2unix launch.sh`)\n\n### Backend Integration\n- Expects backend at `http://127.0.0.1:8080`\n- Login endpoint returns token stored in Redux + localStorage\n- Token sent as `x-access-token` header in all requests\n- Response format: `{ status: { code, msg }, result: {...} }`\n- Code 599 = not logged in (redirects to login page)\n- Code 200 = success\n" }, { "path": "LICENSE", "content": "MIT License\n\nCopyright (c) 2022 SpicyBoy\n\nPermission is hereby granted, free of charge, to any person obtaining a copy\nof this software and associated documentation files (the \"Software\"), to deal\nin the Software without restriction, including without limitation the rights\nto use, copy, modify, merge, publish, distribute, sublicense, and/or sell\ncopies of the Software, and to permit persons to whom the Software is\nfurnished to do so, subject to the following conditions:\n\nThe above copyright notice and this permission notice shall be included in all\ncopies or substantial portions of the Software.\n\nTHE SOFTWARE IS PROVIDED \"AS IS\", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR\nIMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY,\nFITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE\nAUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER\nLIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM,\nOUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE\nSOFTWARE.\n" }, { "path": "README.md", "content": "# paicoding-admin 🚀\n\n## 介绍 📖\n\n

\n \n \"技术派\"\n \n

\n🚀🚀🚀 paicoding-admin，技术派管理端，基于 React18、React-Router v6、React-Hooks、Redux、TypeScript、Vite3、Ant-Design 5.x、Hook Admin、ECharts 的一套社区管理系统，够惊艳哦。\n

\n

\n \n \n \n \n

\n\n## 一、在线预览地址 👀\n\n- Link：[https://paicoding.com/admin](https://paicoding.com/admin)\n\n## 二、Git 仓库地址 (欢迎 Star⭐)\n\n- GitHub：[https://github.com/itwanger/paicoding-admin](https://github.com/itwanger/paicoding-admin)\n- 码云：[https://gitee.com/itwanger/paicoding-admin](https://gitee.com/itwanger/paicoding-admin)\n\n## 三、🔨🔨🔨 项目功能\n\n- 🚀 采用最新技术找开发：React18、React-Router v6、React-Hooks、TypeScript、Vite3\n- 🚀 采用 Vite3 作为项目开发、打包工具（配置了 Gzip 打包、跨域代理、打包预览工具……）\n- 🚀 整个项目集成了 TypeScript （学期来很酷哦 🤣）\n- 🚀 使用 redux 做状态管理，集成 immer、react-redux、redux-persist 开发\n- 🚀 使用 TypeScript 对 Axios 整个二次封装 （全局错误拦截、常用请求封装、全局请求 Loading、取消重复请求……）\n- 🚀 支持 Antd 组件大小切换、暗黑 && 灰色 && 色弱模式\n- 🚀 使用 自定义高阶组件 进行路由权限拦截（403 页面）、页面按钮权限配置\n- 🚀 支持 React-Router v6 路由懒加载配置、菜单手风琴模式、无限级菜单、多标签页、面包屑导航\n- 🚀 使用 Prettier 统一格式化代码，集成 Eslint、Stylelint 代码校验规范（项目规范配置）\n- 🚀 使用 husky、lint-staged、commitlint、commitizen、cz-git 规范提交信息（项目规范配置）\n\n## 四、安装使用步骤 📑\n\n### Clone：\n\n```text\n# GitHub\ngit clone https://github.com/itwanger/paicoding-admin.git\n```\n\n### Install：\n\n```text\nnpm install\ncnpm install\n\n# npm install 安装失败，请升级 nodejs 到 16 以上，或尝试使用以下命令：\nnpm install --registry=http://registry.npmmirror.com\n\n# npm install 如果出现 npm ERR! code ECONNRESET 错误，可尝试执行以下命令后再安装\nnpm config set registry http://registry.npmjs.org/\n```\n\n### Run：\n\n将技术派的后端代码和前端代码拉到本地后，先启动 Redis 和服务端端。然后再启动 admin 端，可以通过 VSCode 来进行开发。\n\n![](https://cdn.tobebetterjavaer.com/stutymore/README-20230605110431.png)\n\n```text\nnpm run dev\n```\n\n会自动在浏览器打开 [http://127.0.0.1:3301](http://127.0.0.1:3301)，如下所示。\n\n![](https://cdn.tobebetterjavaer.com/stutymore/README-20230605110616.png)\n\n本地的用户名和密码均为 admin 和 admin 。\n\n如果遇到 nodejs 环境的问题实在无法启动，可能是一些依赖包的问题，可以尝试删除 node_modules 文件夹，重新安装依赖包。如果仍然无法解决，可以通过以下方式获取我已经打包好的 node_modules 安装包。\n\n异常堆栈：\n\n![](https://cdn.tobebetterjavaer.com/stutymore/README-20231116201935.png)\n\n解决方法 1：升级 nodejs 到 18 以上，升级 npm 到 9 以上，然后重新 install。\n\n![](https://cdn.tobebetterjavaer.com/stutymore/README-20231116202024.png)\n\n解决方法 2：删除 node_modules 文件夹，在「沉默王二」公众号后台回复「node」下载 node_modules 依赖包。\n\n![](https://cdn.tobebetterjavaer.com/stutymore/README-20231116202230.png)\n\n然后覆盖你本地的 node_modules 包，然后再执行 `npm run dev` 就可以运行起来了。\n\n![](https://cdn.tobebetterjavaer.com/stutymore/README-20231116202239.png)\n\n### Build：\n\n```text\n# 生产环境\nnpm run build:pro\n```\n\n## 五、项目截图\n\n### 1、数据统计页（ECharts 真强大）：\n\n![](https://cdn.tobebetterjavaer.com/stutymore/README-20230602150500.png)\n\n### 2、运营配置页（Ant 的图片上传组件不错哦）：\n\n![](https://cdn.tobebetterjavaer.com/stutymore/README-20230602150909.png)\n\n### 3、文章管理页：\n\n![](https://cdn.tobebetterjavaer.com/stutymore/README-20230602154026.png)\n\n### 4、专栏配置页（自定义下拉框挺好玩的）：\n\n![](https://cdn.tobebetterjavaer.com/stutymore/README-20230602154134.png)\n\n![](https://cdn.tobebetterjavaer.com/stutymore/README-20230602154222.png)\n\n### 5、教程配置页（防抖支持搜索的下拉框、自定义支持分页、搜索的下拉框不错哦）\n\n![](https://cdn.tobebetterjavaer.com/stutymore/README-20230602154904.png)\n\n![](https://cdn.tobebetterjavaer.com/stutymore/README-20230602155018.png)\n\n## 六、文件资源目录 📚\n\n```text\npacoding-admin\n├─ .vscode # vscode推荐配置\n├─ public # 静态资源文件（忽略打包）\n├─ src\n│ ├─ api # API 接口管理\n│ ├─ assets # 静态资源文件\n│ ├─ components # 全局组件\n│ ├─ config # 全局配置项\n│ ├─ enums # 项目枚举\n│ ├─ hooks # 常用 Hooks\n│ ├─ language # 语言国际化\n│ ├─ layouts # 框架布局\n│ ├─ routers # 路由管理\n│ ├─ redux # redux store\n│ ├─ styles # 全局样式\n│ ├─ typings # 全局 ts 声明\n│ ├─ utils # 工具库\n│ ├─ views # 项目所有页面\n│ ├─ App.tsx # 入口页面\n│ ├─ main.tsx # 入口文件\n│ └─ env.d.ts # vite 声明文件\n├─ .editorconfig # 编辑器配置（格式化）\n├─ .env # vite 常用配置\n├─ .env.deploy.example # 部署脚本配置示例\n├─ .env.development # 开发环境配置\n├─ .env.production # 生产环境配置\n├─ .env.test # 测试环境配置\n├─ .eslintignore # 忽略 Eslint 校验\n├─ .eslintrc.js # Eslint 校验配置\n├─ .gitignore # git 提交忽略\n├─ .prettierignore # 忽略 prettier 格式化\n├─ .prettierrc.js # prettier 配置\n├─ .stylelintignore # 忽略 stylelint 格式化\n├─ .stylelintrc.js # stylelint 样式格式化配置\n├─ CHANGELOG.md # 项目更新日志\n├─ commitlint.config.js # git 提交规范配置\n├─ deploy-front.sh # 前端生产环境部署脚本\n├─ index.html # 入口 html\n├─ LICENSE # 开源协议文件\n├─ lint-staged.config # lint-staged 配置文件\n├─ package-lock.json # 依赖包包版本锁\n├─ package.json # 依赖包管理\n├─ postcss.config.js # postcss 配置\n├─ README.md # README 介绍\n├─ tsconfig.json # typescript 全局配置\n└─ vite.config.ts # vite 配置\n```\n\n## 七、项目后台接口 🧩\n\n> 依托于技术派项目，一个基于 Spring Boot、MyBatis-Plus、MySQL、Redis、ElasticSearch、MongoDB、Docker、RabbitMQ 等技术栈实现的社区系统，采用主流的互联网技术架构、全新的 UI 设计、支持一键源码部署，拥有完整的文章&教程发布/搜索/评论/统计流程等，代码完全开源，没有任何二次封装，是一个非常适合二次开发/实战的现代化社区项目 👍 。\n\n- 网站首页：[https://paicoding.com/](https://paicoding.com/)\n- 源码地址：[https://github.com/itwanger/paicoding](https://github.com/itwanger/paicoding)\n\n## 八、生产环境部署\n\n推荐使用根目录下的 `deploy-front.sh` 一键部署脚本。脚本会自动执行 `npm run build:pro`，将 `dist` 压缩为 `dist.zip`，上传到服务器指定目录，删除远端旧的 `dist` 目录并执行 `unzip` 解压。\n\n1、先准备部署配置文件：\n\n```bash\ncp .env.deploy.example .env.deploy\n```\n\n2、修改 `.env.deploy` 中的部署参数：\n\n```bash\nDEPLOY_SERVER_HOST=你的服务器IP\nDEPLOY_SERVER_USER=admin\nDEPLOY_SERVER_KEY=/Users/yourname/.ssh/id_rsa\nDEPLOY_TARGET_DIR=/home/admin\n```\n\n其中：\n\n- `DEPLOY_SERVER_HOST`：服务器 IP 或域名\n- `DEPLOY_SERVER_USER`：SSH 登录用户，默认 `admin`\n- `DEPLOY_SERVER_KEY`：SSH 私钥路径；如果服务器已经配置免密登录，可以留空\n- `DEPLOY_TARGET_DIR`：上传并解压 `dist.zip` 的目标目录，默认 `/home/admin`\n\n3、执行部署脚本：\n\n```bash\n./deploy-front.sh\n```\n\n如果当前脚本没有执行权限，可以先执行：\n\n```bash\nchmod +x deploy-front.sh\n```\n\n4、脚本完成后，服务器上会得到最新的 `/home/admin/dist` 目录。\n\n如果你想手动部署，也可以按下面的流程执行：\n\n```bash\nnpm run build:pro\nzip -r dist.zip dist\nscp dist.zip admin@你的服务器IP:/home/admin/dist.zip\nssh admin@你的服务器IP\ncd /home/admin\nrm -rf dist\nunzip dist.zip\nrm -f dist.zip\n```\n\n5、如果采用 Nginx 的话，请在 server 节点下进行 location 配置。\n\n```\nlocation ^~ /admin {\n\talias /home/admin/dist/; # 根 目 录\n\tindex index.html;\n}\n```\n\n### launch.sh\n\n辅助 shell 脚本，针对 mac/linux 用户而言，提供更好的使用姿势\n\n0. 前提说明\n\n当 launch.sh 执行时，提示 `$‘\\r‘: command not found`时，主要原因是 windows 系统编写的 shell 脚本，每行结尾是`\\r\\n`， 而 linux 的结尾是`\\n`，可以通过下面几种方式进行处理\n\n```bash\n# case1\nsed -i 's/\\r//' launch.sh\n\n# case2\n# sudo apt-get install -y dos2unix\nsudo yum install -y dos2unix\ndos2unix launch.sh\n```\n\n1.安装依赖：\n\n```bash\n./launch.sh install\n```\n\n2.本地启动：\n\n```bash\n./launch.sh server\n```\n\n3.打包上传服务器，并使他生效\n\n```bash\n# 下面这个动作，包含以下几步\n# 1. 打包 -> 生成 dist 目录， 压缩为 dist.tar.gz 包\n# 2. 上传到服务器\n# 3. 将之前旧的静态资源备份，然后解压新的上传包\n./launch.sh pro\n```\n\n## 九、友情链接\n\n- [toBeBetterjavaer](https://github.com/itwanger/toBeBetterJavaer) ：一份通俗易懂、风趣幽默的 Java 学习指南，内容涵盖 Java 基础、Java 并发编程、Java 虚拟机、Java 企业级开发、Java 面试等核心知识点。学 Java，就认准二哥的 Java 进阶之路 😄\n- [paicoding](https://github.com/itwanger/paicoding) ：⭐️ 一款好用又强大的开源社区，基于 Spring Boot、MyBatis-Plus、MySQL、Redis、ElasticSearch、MongoDB、Docker、RabbitMQ 等主流技术栈，附详细教程，包括 Java、Spring、MySQL、Redis、微服务&分布式、消息队列等核心知识点。学编程，就上技术派 😁。\n\n## 十、star 趋势图\n\n[![Star History Chart](https://api.star-history.com/svg?repos=itwanger/paicoding-admin&type=Date)](https://star-history.com/#itwanger/paicoding-admin&Date)\n\n## 十一、许可证\n\n[Apache License 2.0](https://github.com/itwanger/paicoding/blob/main/License)\n\nCopyright (c) 2022-2023 技术派（沉默王二、楼仔、一灰、小超）\n" }, { "path": "commitlint.config.js", "content": "// @see: https://cz-git.qbenben.com/zh/guide\n/** @type {import('cz-git').UserConfig} */\n\nmodule.exports = {\n\tignores: [commit => commit.includes(\"init\")],\n\textends: [\"@commitlint/config-conventional\"],\n\trules: {\n\t\t// @see: https://commitlint.js.org/#/reference-rules\n\t\t\"body-leading-blank\": [2, \"always\"],\n\t\t\"footer-leading-blank\": [1, \"always\"],\n\t\t\"header-max-length\": [2, \"always\", 108],\n\t\t\"subject-empty\": [2, \"never\"],\n\t\t\"type-empty\": [2, \"never\"],\n\t\t\"subject-case\": [0],\n\t\t\"type-enum\": [\n\t\t\t2,\n\t\t\t\"always\",\n\t\t\t[\n\t\t\t\t\"feat\",\n\t\t\t\t\"fix\",\n\t\t\t\t\"docs\",\n\t\t\t\t\"style\",\n\t\t\t\t\"refactor\",\n\t\t\t\t\"perf\",\n\t\t\t\t\"test\",\n\t\t\t\t\"build\",\n\t\t\t\t\"ci\",\n\t\t\t\t\"chore\",\n\t\t\t\t\"revert\",\n\t\t\t\t\"wip\",\n\t\t\t\t\"workflow\",\n\t\t\t\t\"types\",\n\t\t\t\t\"release\"\n\t\t\t]\n\t\t]\n\t},\n\tprompt: {\n\t\tmessages: {\n\t\t\ttype: \"Select the type of change that you're committing:\",\n\t\t\tscope: \"Denote the SCOPE of this change (optional):\",\n\t\t\tcustomScope: \"Denote the SCOPE of this change:\",\n\t\t\tsubject: \"Write a SHORT, IMPERATIVE tense description of the change:\\n\",\n\t\t\tbody: 'Provide a LONGER description of the change (optional). Use \"|\" to break new line:\\n',\n\t\t\tbreaking: 'List any BREAKING CHANGES (optional). Use \"|\" to break new line:\\n',\n\t\t\tfooterPrefixsSelect: \"Select the ISSUES type of changeList by this change (optional):\",\n\t\t\tcustomFooterPrefixs: \"Input ISSUES prefix:\",\n\t\t\tfooter: \"List any ISSUES by this change. E.g.: #31, #34:\\n\",\n\t\t\tconfirmCommit: \"Are you sure you want to proceed with the commit above?\"\n\t\t\t// 中文版\n\t\t\t// type: \"选择你要提交的类型 :\",\n\t\t\t// scope: \"选择一个提交范围（可选）:\",\n\t\t\t// customScope: \"请输入自定义的提交范围 :\",\n\t\t\t// subject: \"填写简短精炼的变更描述 :\\n\",\n\t\t\t// body: '填写更加详细的变更描述（可选）。使用 \"|\" 换行 :\\n',\n\t\t\t// breaking: '列举非兼容性重大的变更（可选）。使用 \"|\" 换行 :\\n',\n\t\t\t// footerPrefixsSelect: \"选择关联issue前缀（可选）:\",\n\t\t\t// customFooterPrefixs: \"输入自定义issue前缀 :\",\n\t\t\t// footer: \"列举关联issue (可选) 例如: #31, #I3244 :\\n\",\n\t\t\t// confirmCommit: \"是否提交或修改commit ?\"\n\t\t},\n\t\ttypes: [\n\t\t\t{\n\t\t\t\tvalue: \"feat\",\n\t\t\t\tname: \"feat: 🚀 A new feature\",\n\t\t\t\temoji: \"🚀\"\n\t\t\t},\n\t\t\t{\n\t\t\t\tvalue: \"fix\",\n\t\t\t\tname: \"fix: 🧩 A bug fix\",\n\t\t\t\temoji: \"🧩\"\n\t\t\t},\n\t\t\t{\n\t\t\t\tvalue: \"docs\",\n\t\t\t\tname: \"docs: 📚 Documentation only changes\",\n\t\t\t\temoji: \"📚\"\n\t\t\t},\n\t\t\t{\n\t\t\t\tvalue: \"style\",\n\t\t\t\tname: \"style: 🎨 Changes that do not affect the meaning of the code\",\n\t\t\t\temoji: \"🎨\"\n\t\t\t},\n\t\t\t{\n\t\t\t\tvalue: \"refactor\",\n\t\t\t\tname: \"refactor: ♻️ A code change that neither fixes a bug nor adds a feature\",\n\t\t\t\temoji: \"♻️\"\n\t\t\t},\n\t\t\t{\n\t\t\t\tvalue: \"perf\",\n\t\t\t\tname: \"perf: ⚡️ A code change that improves performance\",\n\t\t\t\temoji: \"⚡️\"\n\t\t\t},\n\t\t\t{\n\t\t\t\tvalue: \"test\",\n\t\t\t\tname: \"test: ✅ Adding missing tests or correcting existing tests\",\n\t\t\t\temoji: \"✅\"\n\t\t\t},\n\t\t\t{\n\t\t\t\tvalue: \"build\",\n\t\t\t\tname: \"build: 📦️ Changes that affect the build system or external dependencies\",\n\t\t\t\temoji: \"📦️\"\n\t\t\t},\n\t\t\t{\n\t\t\t\tvalue: \"ci\",\n\t\t\t\tname: \"ci: 🎡 Changes to our CI configuration files and scripts\",\n\t\t\t\temoji: \"🎡\"\n\t\t\t},\n\t\t\t{\n\t\t\t\tvalue: \"chore\",\n\t\t\t\tname: \"chore: 🔨 Other changes that don't modify src or test files\",\n\t\t\t\temoji: \"🔨\"\n\t\t\t},\n\t\t\t{\n\t\t\t\tvalue: \"revert\",\n\t\t\t\tname: \"revert: ⏪️ Reverts a previous commit\",\n\t\t\t\temoji: \"⏪️\"\n\t\t\t}\n\t\t\t// 中文版\n\t\t\t// { value: \"特性\", name: \"特性: 🚀 新增功能\", emoji: \"🚀\" },\n\t\t\t// { value: \"修复\", name: \"修复: 🧩 修复缺陷\", emoji: \"🧩\" },\n\t\t\t// { value: \"文档\", name: \"文档: 📚 文档变更\", emoji: \"📚\" },\n\t\t\t// { value: \"格式\", name: \"格式: 🎨 代码格式（不影响功能，例如空格、分号等格式修正）\", emoji: \"🎨\" },\n\t\t\t// { value: \"重构\", name: \"重构: ♻️ 代码重构（不包括 bug 修复、功能新增）\", emoji: \"♻️\" },\n\t\t\t// { value: \"性能\", name: \"性能: ⚡️ 性能优化\", emoji: \"⚡️\" },\n\t\t\t// { value: \"测试\", name: \"测试: ✅ 添加疏漏测试或已有测试改动\", emoji: \"✅\" },\n\t\t\t// { value: \"构建\", name: \"构建: 📦️ 构建流程、外部依赖变更（如升级 npm 包、修改 webpack 配置等）\", emoji: \"📦️\" },\n\t\t\t// { value: \"集成\", name: \"集成: 🎡 修改 CI 配置、脚本\", emoji: \"🎡\" },\n\t\t\t// { value: \"回退\", name: \"回退: ⏪️ 回滚 commit\", emoji: \"⏪️\" },\n\t\t\t// { value: \"其他\", name: \"其他: 🔨 对构建过程或辅助工具和库的更改（不影响源文件、测试用例）\", emoji: \"🔨\" }\n\t\t],\n\t\tuseEmoji: true,\n\t\tthemeColorCode: \"\",\n\t\tscopes: [],\n\t\tallowCustomScopes: true,\n\t\tallowEmptyScopes: true,\n\t\tcustomScopesAlign: \"bottom\",\n\t\tcustomScopesAlias: \"custom\",\n\t\temptyScopesAlias: \"empty\",\n\t\tupperCaseSubject: false,\n\t\tallowBreakingChanges: [\"feat\", \"fix\"],\n\t\tbreaklineNumber: 100,\n\t\tbreaklineChar: \"|\",\n\t\tskipQuestions: [],\n\t\tissuePrefixs: [{ value: \"closed\", name: \"closed: ISSUES has been processed\" }],\n\t\tcustomIssuePrefixsAlign: \"top\",\n\t\temptyIssuePrefixsAlias: \"skip\",\n\t\tcustomIssuePrefixsAlias: \"custom\",\n\t\tallowCustomIssuePrefixs: true,\n\t\tallowEmptyIssuePrefixs: true,\n\t\tconfirmColorize: true,\n\t\tmaxHeaderLength: Infinity,\n\t\tmaxSubjectLength: Infinity,\n\t\tminSubjectLength: 0,\n\t\tscopeOverrides: undefined,\n\t\tdefaultBody: \"\",\n\t\tdefaultIssues: \"\",\n\t\tdefaultScope: \"\",\n\t\tdefaultSubject: \"\"\n\t}\n};\n" }, { "path": "deploy-front.sh", "content": "#!/usr/bin/env bash\n\nset -euo pipefail\n\nSCRIPT_DIR=\"$(cd \"$(dirname \"${BASH_SOURCE[0]}\")\" && pwd)\"\nROOT_DIR=\"$SCRIPT_DIR\"\nFRONTEND_DIR=\"${FRONTEND_DIR:-$ROOT_DIR}\"\nDEFAULT_ENV_FILE=\"$ROOT_DIR/.env.deploy\"\nFALLBACK_ENV_FILE=\"$ROOT_DIR/.env\"\nENV_FILE=\"${ENV_FILE:-$DEFAULT_ENV_FILE}\"\n\nif [ -f \"$ENV_FILE\" ]; then\n set -a\n # shellcheck disable=SC1090\n . \"$ENV_FILE\"\n set +a\nelif [ \"$ENV_FILE\" = \"$DEFAULT_ENV_FILE\" ] && [ -f \"$FALLBACK_ENV_FILE\" ]; then\n set -a\n # shellcheck disable=SC1090\n . \"$FALLBACK_ENV_FILE\"\n set +a\nfi\n\nSERVER_HOST=\"${DEPLOY_SERVER_HOST:-${SERVER_HOST:-}}\"\nSERVER_USER=\"${DEPLOY_SERVER_USER:-${SERVER_USER:-admin}}\"\nSERVER_KEY=\"${DEPLOY_SERVER_KEY:-${SERVER_KEY:-}}\"\nTARGET_DIR=\"${DEPLOY_TARGET_DIR:-${TARGET_DIR:-/home/admin}}\"\nBUILD_CMD=\"${DEPLOY_BUILD_CMD:-${BUILD_CMD:-npm run build:pro}}\"\nSKIP_BUILD=\"${DEPLOY_SKIP_BUILD:-${SKIP_BUILD:-0}}\"\nHEALTHCHECK_URL=\"${DEPLOY_HEALTHCHECK_URL:-${HEALTHCHECK_URL:-}}\"\nHEALTHCHECK_TIMEOUT=\"${DEPLOY_HEALTHCHECK_TIMEOUT:-${HEALTHCHECK_TIMEOUT:-15}}\"\n\nARTIFACT_NAME=\"dist.zip\"\nARTIFACT_PATH=\"$ROOT_DIR/$ARTIFACT_NAME\"\nREMOTE_ARTIFACT_PATH=\"$TARGET_DIR/$ARTIFACT_NAME\"\nSSH_OPTS=(\n -o StrictHostKeyChecking=accept-new\n)\n\nlog() {\n printf '[deploy] %s\\n' \"$1\"\n}\n\nrequire_cmd() {\n if ! command -v \"$1\" >/dev/null 2>&1; then\n printf 'Missing required command: %s\\n' \"$1\" >&2\n exit 1\n fi\n}\n\nrequire_cmd npm\nrequire_cmd zip\nrequire_cmd ssh\nrequire_cmd scp\n\nif [ -n \"$HEALTHCHECK_URL\" ]; then\n require_cmd curl\nfi\n\nif [ ! -d \"$FRONTEND_DIR\" ]; then\n printf 'Frontend directory not found: %s\\n' \"$FRONTEND_DIR\" >&2\n exit 1\nfi\n\nif [ -z \"$SERVER_HOST\" ]; then\n printf 'DEPLOY_SERVER_HOST is required. Set it in %s or export it before running.\\n' \"$ENV_FILE\" >&2\n exit 1\nfi\n\nif [ -n \"$SERVER_KEY\" ]; then\n if [ ! -f \"$SERVER_KEY\" ]; then\n printf 'SSH key not found: %s\\n' \"$SERVER_KEY\" >&2\n exit 1\n fi\n\n SSH_OPTS=(\n -i \"$SERVER_KEY\"\n \"${SSH_OPTS[@]}\"\n )\nfi\n\ncd \"$FRONTEND_DIR\"\n\nif [ \"$SKIP_BUILD\" != \"1\" ]; then\n log \"building frontend with: $BUILD_CMD\"\n eval \"$BUILD_CMD\"\nelse\n log \"skipping build because SKIP_BUILD=1\"\nfi\n\nif [ ! -d \"$FRONTEND_DIR/dist\" ]; then\n printf 'Build output not found: %s\\n' \"$FRONTEND_DIR/dist\" >&2\n exit 1\nfi\n\nrm -f \"$ARTIFACT_PATH\"\n\nlog \"creating artifact: $ARTIFACT_NAME\"\nzip -qry \"$ARTIFACT_PATH\" dist\n\nlog \"ensuring remote target directory exists\"\nssh \"${SSH_OPTS[@]}\" \"$SERVER_USER@$SERVER_HOST\" \"mkdir -p '$TARGET_DIR'\"\n\nlog \"uploading artifact to $SERVER_USER@$SERVER_HOST:$TARGET_DIR\"\nscp \"${SSH_OPTS[@]}\" \"$ARTIFACT_PATH\" \"$SERVER_USER@$SERVER_HOST:$REMOTE_ARTIFACT_PATH\"\n\nlog \"replacing remote dist directory\"\nssh \"${SSH_OPTS[@]}\" \"$SERVER_USER@$SERVER_HOST\" \"\n set -e\n command -v unzip >/dev/null 2>&1 || { echo 'unzip is required on remote host' >&2; exit 1; }\n cd '$TARGET_DIR'\n rm -rf dist\n unzip -oq '$REMOTE_ARTIFACT_PATH' -d '$TARGET_DIR'\n rm -f '$REMOTE_ARTIFACT_PATH'\n\"\n\nlog \"cleaning up local artifact\"\nrm -f \"$ARTIFACT_PATH\"\n\nlog \"verifying remote dist/index.html\"\nssh \"${SSH_OPTS[@]}\" \"$SERVER_USER@$SERVER_HOST\" \"test -f '$TARGET_DIR/dist/index.html'\"\n\nif [ -n \"$HEALTHCHECK_URL\" ]; then\n log \"checking health url: $HEALTHCHECK_URL\"\n curl --fail --silent --show-error --location --max-time \"$HEALTHCHECK_TIMEOUT\" \"$HEALTHCHECK_URL\" >/dev/null\nfi\n\nlog \"deploy finished\"\n" }, { "path": "index.html", "content": "\n\n\t\n\t\t\n\t\t\n\t\t\n\t\t<%- title %>\n\t\n\t\n\t\t
\n\t\t\t\n\t\t\t
\n\t\t\t\t
\n\t\t\t\t\t\n\t\t\t\t
\n\t\t\t
\n\t\t
\n\t\t\n\t\n\n" }, { "path": "launch.sh", "content": "#!/usr/bin/env bash\n\n# file to upload\nWEB_PKG=\"dist.tar.gz\"\nWEB_PKG_BK=\"dist_bk.tar.gz\"\nTMP_WEB_PKG=\"tmp.tar.gz\"\n\nDEPLOY_SCRIPT=\"launch.sh\"\nSTART_FUNC_NAME=\"start\"\nBUILD_FUNC_NAME=\"build\"\nINSTALL_FUNC_NAME=\"install\"\nSERVER_FUNC_NAME=\"server\"\n\n#env, ssh remote, work dir\nENV_PRO=\"pro\"\nSSH_HOST_PRO=(\"admin@39.105.208.175\")\nWORK_DIR_PRO=\"/home/admin/workspace/admin/\"\nADMIN_WORKSPACE=\"dist\"\n\n\n\nfunction build() {\n echo \"---- start to build admin ----\"\n echo \"npm run build:pro\"\n npm run build:pro\n \ttar -zcvf ${WEB_PKG} dist\n\n echo \"---------- 静态资源包dist.tar.gz已打包完成 -------------\"\n}\n\nfunction upload() {\n # upload jar\n # rename to *.jar.bak\n scp ${WEB_PKG} $1:$2${TMP_WEB_PKG}\n ret=$?\n if [[ ${ret} -ne 0 ]] ; then\n echo \"Failed to scp ${WEB_PKG}\"\n return 1\n fi\n\n # upload script\n scp ${DEPLOY_SCRIPT} $1:$2\n ret=$?\n if [[ ${ret} -ne 0 ]] ; then\n echo 'Failed to scp launch.sh'\n return 1\n fi\n}\n\nfunction install() {\n npm install\n}\n\nfunction server() {\n npm run dev\n}\n\nfunction start() {\n echo \"---- 开始部署 ----\"\n\t\tcd ${WORK_DIR_PRO}\n\t\tmv ${WEB_PKG} ${WEB_PKG_BK}\n\t\tmv ${ADMIN_WORKSPACE} \"${ADMIN_WORKSPACE}_bk\"\n\t\tmv ${TMP_WEB_PKG} ${WEB_PKG}\n\t\ttar -zxvf ${WEB_PKG}\n\t\techo \"---- 部署完成 ----\"\n}\n\nfunction deploy() {\n # package\n echo \"*******Start to package*******\"\n build $1\n ret=$?\n if [[ ${ret} -ne 0 ]] ; then\n echo 'Failed to compile'\n exit ${ret}\n fi\n\n if [ \"$1\" = \"${ENV_PRO}\" ]; then\n SSH_HOST=${SSH_HOST_PRO[@]}\n WORK_DIR=${WORK_DIR_PRO}\n else\n echo \"Unknown env: $1\"\n exit\n fi\n\n for host in ${SSH_HOST[@]}\n do\n # upload jar and launch.sh\n echo \"*******Start to upload:${host} *******\"\n upload ${host} ${WORK_DIR}\n ret=$?\n if [[ ${ret} -ne 0 ]] ; then\n echo 'Failed to upload files'\n exit ${ret}\n fi\n done\n\n for host in ${SSH_HOST[@]}\n do\n # run\n echo \"*******Start service:${host} *******\"\n ssh ${host} \"bash ${WORK_DIR}${DEPLOY_SCRIPT} ${START_FUNC_NAME}\"\n echo \"*******Done*******\"\n done\n}\n\nif [ \"$1\" = \"${START_FUNC_NAME}\" ]; then\n start \"$@\"\nelif [ \"$1\" = \"${BUILD_FUNC_NAME}\" ]; then\n build $1\nelif [ \"$1\" = \"${INSTALL_FUNC_NAME}\" ]; then\n install $1\nelif [ \"$1\" = \"${SERVER_FUNC_NAME}\" ]; then\n server $1\nelif [ \"$1\" = \"${ENV_PRO}\" ]; then\n deploy $1\nelse\n echo \"=========== 本地环境安装 & 调试 ==============\"\n echo \"安装依赖: ./launch.sh install\"\n echo \"本地启动: ./launch.sh server\"\n echo \"=========== 上传服务器 & 服务器解压使用 ==============\"\n echo \"打包 dist.tar.gz: ./launch.sh build\"\n echo \"打包静态资源并上传到服务器 & 解压执行: ./launch.sh pro\"\n echo \"服务器上资源启用: ./launch.sh start\"\nfi\n" }, { "path": "lint-staged.config.js", "content": "module.exports = {\n\t\"*.{js,jsx,ts,tsx}\": [\"eslint --fix\", \"prettier --write\"],\n\t\"{!(package)*.json,*.code-snippets,.!(browserslist)*rc}\": [\"prettier --write--parser json\"],\n\t\"package.json\": [\"prettier --write\"],\n\t\"*.{scss,less,styl}\": [\"stylelint --fix\", \"prettier --write\"],\n\t\"*.md\": [\"prettier --write\"]\n};\n" }, { "path": "package.json", "content": "{\n\t\"name\": \"react\",\n\t\"private\": true,\n\t\"version\": \"0.0.1\",\n\t\"scripts\": {\n\t\t\"dev\": \"vite\",\n\t\t\"serve\": \"vite\",\n\t\t\"build:dev\": \"tsc && vite build --mode development\",\n\t\t\"build:test\": \"tsc && vite build --mode test\",\n\t\t\"build:pro\": \"vite build --mode production\",\n\t\t\"preview\": \"vite preview\",\n\t\t\"lint:eslint\": \"eslint --fix --ext .js,.ts,.tsx ./src\",\n\t\t\"lint:prettier\": \"prettier --write --loglevel warn \\\"src/**/*.{js,ts,json,tsx,css,less,scss,html,md}\\\"\",\n\t\t\"lint:stylelint\": \"stylelint --cache --fix \\\"**/*.{less,postcss,css,scss}\\\" --cache --cache-location node_modules/.cache/stylelint/\",\n\t\t\"lint:lint-staged\": \"lint-staged\",\n\t\t\"prepare\": \"husky install\",\n\t\t\"release\": \"standard-version\",\n\t\t\"commit\": \"git pull && git add -A && git-cz && git push\"\n\t},\n\t\"dependencies\": {\n\t\t\"@ant-design/icons\": \"^4.7.0\",\n\t\t\"@bytemd/plugin-gemoji\": \"^1.21.0\",\n\t\t\"@bytemd/plugin-gfm\": \"^1.21.0\",\n\t\t\"@bytemd/plugin-highlight\": \"^1.21.0\",\n\t\t\"@bytemd/plugin-math\": \"^1.21.0\",\n\t\t\"@bytemd/plugin-medium-zoom\": \"^1.21.0\",\n\t\t\"@bytemd/react\": \"^1.21.0\",\n\t\t\"@dnd-kit/core\": \"^6.1.0\",\n\t\t\"@dnd-kit/modifiers\": \"^7.0.0\",\n\t\t\"@dnd-kit/sortable\": \"^8.0.0\",\n\t\t\"antd\": \"^5.6.2\",\n\t\t\"antd-img-crop\": \"^4.12.2\",\n\t\t\"axios\": \"^0.27.2\",\n\t\t\"dayjs\": \"^1.11.7\",\n\t\t\"driver.js\": \"^0.9.8\",\n\t\t\"echarts\": \"^5.3.0\",\n\t\t\"echarts-liquidfill\": \"^3.1.0\",\n\t\t\"github-markdown-css\": \"^5.4.0\",\n\t\t\"i18next\": \"^21.8.10\",\n\t\t\"immer\": \"^9.0.15\",\n\t\t\"js-md5\": \"^0.7.3\",\n\t\t\"juejin-markdown-themes\": \"^1.32.1\",\n\t\t\"loadash\": \"^1.0.0\",\n\t\t\"lodash\": \"^4.17.21\",\n\t\t\"mammoth\": \"^1.11.0\",\n\t\t\"nprogress\": \"^0.2.0\",\n\t\t\"qs\": \"^6.10.5\",\n\t\t\"react\": \"^18.2.0\",\n\t\t\"react-activation\": \"^0.11.2\",\n\t\t\"react-dom\": \"^18.2.0\",\n\t\t\"react-highlight-words\": \"^0.20.0\",\n\t\t\"react-i18next\": \"^11.17.3\",\n\t\t\"react-moveable\": \"^0.56.0\",\n\t\t\"react-redux\": \"^8.0.2\",\n\t\t\"react-router-dom\": \"^6.3.0\",\n\t\t\"react-transition-group\": \"^4.4.2\",\n\t\t\"redux\": \"^4.2.0\",\n\t\t\"redux-persist\": \"^6.0.0\",\n\t\t\"redux-promise\": \"^0.6.0\",\n\t\t\"redux-thunk\": \"^2.4.2\",\n\t\t\"screenfull\": \"^6.0.2\",\n\t\t\"stylelint\": \"^14.16.1\",\n\t\t\"stylelint-config-prettier\": \"^9.0.5\",\n\t\t\"stylelint-config-recommended-scss\": \"^5.0.2\"\n\t},\n\t\"devDependencies\": {\n\t\t\"@commitlint/cli\": \"^17.0.2\",\n\t\t\"@commitlint/config-conventional\": \"^17.0.2\",\n\t\t\"@types/lodash\": \"^4.14.194\",\n\t\t\"@types/node\": \"^17.0.41\",\n\t\t\"@types/react\": \"^18.0.0\",\n\t\t\"@types/react-dom\": \"^18.0.0\",\n\t\t\"@types/react-highlight-words\": \"^0.16.4\",\n\t\t\"@types/react-router-dom\": \"^5.3.3\",\n\t\t\"@types/redux-promise\": \"^0.5.29\",\n\t\t\"@typescript-eslint/eslint-plugin\": \"^5.27.1\",\n\t\t\"@typescript-eslint/parser\": \"^5.27.1\",\n\t\t\"@vitejs/plugin-react\": \"^1.3.0\",\n\t\t\"autoprefixer\": \"^10.4.7\",\n\t\t\"commitizen\": \"^4.2.4\",\n\t\t\"cz-git\": \"^1.3.4\",\n\t\t\"eslint\": \"^8.17.0\",\n\t\t\"eslint-config-prettier\": \"^8.5.0\",\n\t\t\"eslint-plugin-prettier\": \"^4.0.0\",\n\t\t\"eslint-plugin-react\": \"^7.30.0\",\n\t\t\"eslint-plugin-react-hooks\": \"^4.5.0\",\n\t\t\"eslint-plugin-simple-import-sort\": \"^8.0.0\",\n\t\t\"husky\": \"^8.0.1\",\n\t\t\"less\": \"^4.1.3\",\n\t\t\"lint-staged\": \"^13.0.2\",\n\t\t\"postcss\": \"^8.4.14\",\n\t\t\"prettier\": \"^2.6.2\",\n\t\t\"rollup-plugin-visualizer\": \"^5.6.0\",\n\t\t\"sass\": \"^1.55.0\",\n\t\t\"standard-version\": \"^9.5.0\",\n\t\t\"stylelint-config-recess-order\": \"^3.0.0\",\n\t\t\"stylelint-config-standard\": \"^26.0.0\",\n\t\t\"stylelint-less\": \"^1.0.6\",\n\t\t\"typescript\": \"^4.6.3\",\n\t\t\"vite\": \"^4.3.9\",\n\t\t\"vite-plugin-compression\": \"^0.5.1\",\n\t\t\"vite-plugin-eslint\": \"^1.6.1\",\n\t\t\"vite-plugin-html\": \"^3.2.0\",\n\t\t\"vite-plugin-style-import\": \"^2.0.0\",\n\t\t\"vite-plugin-svg-icons\": \"^2.0.1\"\n\t},\n\t\"config\": {\n\t\t\"commitizen\": {\n\t\t\t\"path\": \"node_modules/cz-git\"\n\t\t}\n\t}\n}\n" }, { "path": "postcss.config.js", "content": "module.exports = {\n\tplugins: {\n\t\tautoprefixer: {}\n\t}\n};\n" }, { "path": "src/App.tsx", "content": "import { connect } from \"react-redux\";\nimport { HashRouter } from \"react-router-dom\";\nimport { ConfigProvider } from \"antd\";\nimport zhCN from \"antd/lib/locale/zh_CN\";\n\nimport useTheme from \"@/hooks/useTheme\";\nimport Router from \"@/routers/index\";\nimport AuthRouter from \"@/routers/utils/authRouter\";\n\nimport \"./index.scss\";\n\nconst App = (props: any) => {\n\tconst { assemblySize, themeConfig } = props;\n\n\t// 全局使用主题\n\tuseTheme(themeConfig);\n\n\treturn (\n\t\t\n\t\t\t\n\t\t\t\t\n\t\t\t\t\t\n\t\t\t\t\n\t\t\t\n\t\t\n\t);\n};\n\nconst mapStateToProps = (state: any) => state.global;\nconst mapDispatchToProps = {};\nexport default connect(mapStateToProps, mapDispatchToProps)(App);\n" }, { "path": "src/api/config/servicePort.ts", "content": "// 后端微服务端口名\nexport const PORT1 = \"\";\n" }, { "path": "src/api/helper/axiosCancel.ts", "content": "import axios, { AxiosRequestConfig, Canceler } from \"axios\";\nimport qs from \"qs\";\n\nimport { isFunction } from \"@/utils/is/index\";\n\n// * 声明一个 Map 用于存储每个请求的标识 和 取消函数\nlet pendingMap = new Map();\n\n// * 序列化参数\nexport const getPendingUrl = (config: AxiosRequestConfig) =>\n\t[config.method, config.url, qs.stringify(config.data), qs.stringify(config.params)].join(\"&\");\n\nexport class AxiosCanceler {\n\t/**\n\t * @description: 添加请求\n\t * @param {Object} config\n\t */\n\taddPending(config: AxiosRequestConfig) {\n\t\t// * 在请求开始前，对之前的请求做检查取消操作\n\t\tthis.removePending(config);\n\t\tconst url = getPendingUrl(config);\n\t\tconfig.cancelToken =\n\t\t\tconfig.cancelToken ||\n\t\t\tnew axios.CancelToken(cancel => {\n\t\t\t\tif (!pendingMap.has(url)) {\n\t\t\t\t\t// 如果 pending 中不存在当前请求，则添加进去\n\t\t\t\t\tpendingMap.set(url, cancel);\n\t\t\t\t}\n\t\t\t});\n\t}\n\n\t/**\n\t * @description: 移除请求\n\t * @param {Object} config\n\t */\n\tremovePending(config: AxiosRequestConfig) {\n\t\tconst url = getPendingUrl(config);\n\n\t\tif (pendingMap.has(url)) {\n\t\t\t// 如果在 pending 中存在当前请求标识，需要取消当前请求，并且移除\n\t\t\tconst cancel = pendingMap.get(url);\n\t\t\tcancel && cancel();\n\t\t\tpendingMap.delete(url);\n\t\t}\n\t}\n\n\t/**\n\t * @description: 清空所有pending\n\t */\n\tremoveAllPending() {\n\t\tpendingMap.forEach(cancel => {\n\t\t\tcancel && isFunction(cancel) && cancel();\n\t\t});\n\t\tpendingMap.clear();\n\t}\n\n\t/**\n\t * @description: 重置\n\t */\n\treset(): void {\n\t\tpendingMap = new Map();\n\t}\n}\n" }, { "path": "src/api/helper/checkStatus.ts", "content": "import { message } from \"antd\";\n\n/**\n * @description: 校验网络请求状态码\n * @param {Number} status\n * @return void\n */\nexport const checkStatus = (status: number): void => {\n\tswitch (status) {\n\t\tcase 400:\n\t\t\tmessage.error(\"请求失败！请您稍后重试\");\n\t\t\tbreak;\n\t\tcase 401:\n\t\t\tmessage.error(\"登录失效！请您重新登录\");\n\t\t\tbreak;\n\t\tcase 403:\n\t\t\tmessage.error(\"当前账号无权限访问！\");\n\t\t\tbreak;\n\t\tcase 404:\n\t\t\tmessage.error(\"你所访问的资源不存在！\");\n\t\t\tbreak;\n\t\tcase 405:\n\t\t\tmessage.error(\"请求方式错误！请您稍后重试\");\n\t\t\tbreak;\n\t\tcase 408:\n\t\t\tmessage.error(\"请求超时！请您稍后重试\");\n\t\t\tbreak;\n\t\tcase 500:\n\t\t\tmessage.error(\"服务异常！\");\n\t\t\tbreak;\n\t\tcase 502:\n\t\t\tmessage.error(\"网关错误！\");\n\t\t\tbreak;\n\t\tcase 503:\n\t\t\tmessage.error(\"服务不可用！\");\n\t\t\tbreak;\n\t\tcase 504:\n\t\t\tmessage.error(\"网关超时！\");\n\t\t\tbreak;\n\t\tdefault:\n\t\t\tmessage.error(\"请求失败！\");\n\t}\n};\n" }, { "path": "src/api/index.ts", "content": "import { message } from \"antd\";\nimport axios, { AxiosError, AxiosInstance, AxiosRequestConfig, AxiosResponse } from \"axios\";\n\nimport { PaiRes, ResultData } from \"@/api/interface\";\nimport { LOGIN_URL } from \"@/config/config\";\nimport NProgress from \"@/config/nprogress\";\nimport { showFullScreenLoading, tryHideFullScreenLoading } from \"@/config/serviceLoading\";\nimport { ResultEnum } from \"@/enums/httpEnum\";\nimport { store } from \"@/redux\";\nimport { setToken } from \"@/redux/modules/global/action\";\nimport { AxiosCanceler } from \"./helper/axiosCancel\";\nimport { checkStatus } from \"./helper/checkStatus\";\n\nconst axiosCanceler = new AxiosCanceler();\n\nconst config = {\n\t// 默认地址请求地址，可在 .env 开头文件中修改，在 Axios 中使用\n\t// 实例化的使用用到\n\tbaseURL: import.meta.env.VITE_API_URL as string,\n\t// 跨域时候允许携带凭证\n\twithCredentials: true\n};\n\nclass RequestHttp {\n\tservice: AxiosInstance;\n\n\t// 构造方法\n\tpublic constructor(config: AxiosRequestConfig) {\n\t\t// 实例化axios\n\t\tthis.service = axios.create(config);\n\n\t\t/**\n\t\t * @description 请求拦截器\n\t\t * 客户端发送请求 -> [请求拦截器] -> 服务器\n\t\t * token校验(JWT) : 接受服务器返回的token,存储到redux/本地储存当中\n\t\t */\n\t\tthis.service.interceptors.request.use(\n\t\t\t(config: AxiosRequestConfig) => {\n\t\t\t\tconsole.log(\"发起请求\");\n\t\t\t\t// 进度条开始\n\t\t\t\tNProgress.start();\n\t\t\t\t// 将当前请求添加到 pending 中\n\t\t\t\taxiosCanceler.addPending(config);\n\t\t\t\t// 如果当前请求不需要显示 loading\n\t\t\t\t// 在api服务中通过指定的第三个参数: { headers: { noLoading: true } }来控制不显示loading，参见loginApi\n\t\t\t\tconfig.headers!.noLoading || showFullScreenLoading();\n\t\t\t\t// 从 Redux store 中获取 token 并将其添加到请求的 headers 中。这通常用于身份验证，确保后端可以验证用户的身份。\n\t\t\t\tconst token: string = store.getState().global.token;\n\t\t\t\tconsole.log(\"token\", token);\n\n\t\t\t\treturn { ...config, headers: { ...config.headers, \"x-access-token\": token } };\n\t\t\t},\n\t\t\t(error: AxiosError) => {\n\t\t\t\tconsole.log(\"error\", error);\n\t\t\t\treturn Promise.reject(error);\n\t\t\t}\n\t\t);\n\n\t\t/**\n\t\t * @description 响应拦截器\n\t\t * 服务器换返回信息 -> [拦截统一处理] -> 客户端JS获取到信息\n\t\t */\n\t\tthis.service.interceptors.response.use(\n\t\t\t(response: AxiosResponse) => {\n\t\t\t\tconsole.log(\"response\", response);\n\n\t\t\t\tconst { data, config } = response;\n\t\t\t\t// 进度条结束\n\t\t\t\tNProgress.done();\n\t\t\t\t// 在请求结束后，移除本次请求(关闭loading)\n\t\t\t\taxiosCanceler.removePending(config);\n\t\t\t\ttryHideFullScreenLoading();\n\t\t\t\t// 服务器返回的状态码\n\t\t\t\t// 如果响应是文件流（通过 responseType 判断）\n\t\t\t\tif (config.responseType === \"blob\") {\n\t\t\t\t\t// 跳过 dataStatus.code 检查\n\t\t\t\t\t// TODO（防止下载文件的时候返回数据流，没有code，直接报错）\n\t\t\t\t\treturn response;\n\t\t\t\t}\n\t\t\t\tconst dataStatus = data.status;\n\t\t\t\t// 登录失效（code == 599）\n\t\t\t\tif (dataStatus && dataStatus.code == ResultEnum.NOT_LOGIN) {\n\t\t\t\t\t// 重定向到登录页面\n\t\t\t\t\tstore.dispatch(setToken(\"\"));\n\t\t\t\t\tmessage.error(dataStatus.msg);\n\t\t\t\t\twindow.location.hash = LOGIN_URL;\n\t\t\t\t\treturn Promise.reject(data);\n\t\t\t\t}\n\t\t\t\t// 全局错误信息拦截\n\t\t\t\tif (dataStatus.code && dataStatus.code !== ResultEnum.SUCCESS) {\n\t\t\t\t\tmessage.error(dataStatus.msg);\n\t\t\t\t\treturn Promise.reject(data);\n\t\t\t\t}\n\t\t\t\t// 成功请求（在页面上除非特殊情况，否则不用处理失败逻辑）\n\t\t\t\treturn data;\n\t\t\t},\n\t\t\tasync (error: AxiosError) => {\n\t\t\t\tconsole.log(\"error\", error);\n\t\t\t\tconst { response } = error;\n\t\t\t\tNProgress.done();\n\t\t\t\ttryHideFullScreenLoading();\n\t\t\t\t// 请求超时单独判断，请求超时没有 response\n\t\t\t\tif (error.message.indexOf(\"timeout\") !== -1) message.error(\"请求超时，请稍后再试\");\n\t\t\t\t// 根据响应的错误状态码，做不同的处理\n\t\t\t\tif (response) checkStatus(response.status);\n\t\t\t\t// 服务器结果都没有返回(可能服务器错误可能客户端断网) 断网处理:可以跳转到断网页面\n\t\t\t\tif (!window.navigator.onLine) window.location.hash = \"/500\";\n\t\t\t\treturn Promise.reject(error);\n\t\t\t}\n\t\t);\n\t}\n\n\t// * 常用请求方法封装\n\tdown(url: string, config: AxiosRequestConfig = {}): Promise> {\n\t\tconsole.log(\"开始执行 get 请求，下载文件\", url, config);\n\t\treturn this.service.get(url, config);\n\t}\n\tget(url: string, params?: object, _object = {}): Promise> {\n\t\treturn this.service.get(url, { params, ..._object });\n\t}\n\tpost(url: string, params?: object, _object = {}): Promise> {\n\t\treturn this.service.post(url, params, _object);\n\t}\n\n\tpostForm(url: string, params?: object, _object = {}): Promise> {\n\t\treturn this.service.post(url, params, _object);\n\t}\n\n\tput(url: string, params?: object, _object = {}): Promise> {\n\t\treturn this.service.put(url, params, _object);\n\t}\n\tdelete(url: string, params?: any, _object = {}): Promise> {\n\t\treturn this.service.delete(url, { params, ..._object });\n\t}\n}\n\nexport default new RequestHttp(config);\n" }, { "path": "src/api/interface/index.ts", "content": "// * 请求响应参数(不包含data)\nexport interface Result {\n\tcode: string;\n\tmsg: string;\n}\n\n// * 请求响应参数(包含data)\nexport interface ResultData extends Result {\n\tdata?: T;\n\tstatus?: Status;\n\tresult?: T;\n}\n\nexport interface Status {\n\tcode: number;\n\tmsg: string;\n}\nexport interface PaiRes {\n\tstatus: Status;\n\tresult?: T;\n}\n\n// * 分页响应参数\nexport interface ResPage {\n\tdatalist: T[];\n\tpageNum: number;\n\tpageSize: number;\n\ttotal: number;\n}\n\n// * 分页请求参数\nexport interface ReqPage {\n\tpageNum: number;\n\tpageSize: number;\n}\n\n// * 登录\nexport namespace Login {\n\texport interface ReqLoginForm {\n\t\tusername: string;\n\t\tpassword: string;\n\t}\n\texport interface ResLogin {\n\t\taccess_token: string;\n\t\tuserId: number;\n\t\t// 登录用户名\n\t\tuserName: string;\n\t\t// 用户头像\n\t\tphoto: string;\n\t}\n\texport interface ResAuthButtons {\n\t\t[propName: string]: any;\n\t}\n}\n" }, { "path": "src/api/modules/aiConfig.ts", "content": "import http from \"@/api\";\nimport { PORT1 } from \"@/api/config/servicePort\";\nimport { Login } from \"@/api/interface/index\";\n\nexport type AISourceValue =\n\t| \"CHAT_GPT_3_5\"\n\t| \"CHAT_GPT_4\"\n\t| \"PAI_AI\"\n\t| \"XUN_FEI_AI\"\n\t| \"ZHI_PU_AI\"\n\t| \"ZHIPU_CODING\"\n\t| \"ALI_AI\"\n\t| \"DEEP_SEEK\"\n\t| \"DOU_BAO_AI\";\n\nexport interface GptModelConfig {\n\tkeys?: string[];\n\tproxy?: boolean;\n\tapiHost?: string;\n\ttimeOut?: number;\n\tmaxToken?: number;\n}\n\nexport interface ChatGptConfig {\n\tmain?: AISourceValue;\n\tgpt35?: GptModelConfig;\n\tgpt4?: GptModelConfig;\n}\n\nexport interface ZhipuConfig {\n\tapiSecretKey?: string;\n\trequestIdTemplate?: string;\n\tmodel?: string;\n}\n\nexport interface XunFeiConfig {\n\thostUrl?: string;\n\tdomain?: string;\n\tappId?: string;\n\tapiKey?: string;\n\tapiSecret?: string;\n\tapiPassword?: string;\n}\n\nexport interface ZhipuCodingConfig {\n\tapiKey?: string;\n\tapiHost?: string;\n\tmodel?: string;\n\ttimeout?: number;\n}\n\nexport interface DeepSeekConfig {\n\tapiKey?: string;\n\tapiHost?: string;\n\tmodel?: string;\n\ttimeout?: number;\n}\n\nexport interface DoubaoConfig {\n\tapiKey?: string;\n\tapiHost?: string;\n\tendPoint?: string;\n}\n\nexport interface AliConfig {\n\tmodel?: string;\n}\n\nexport interface AiConfigAdminDTO {\n\tsources?: AISourceValue[];\n\tchatGpt?: ChatGptConfig;\n\tzhipu?: ZhipuConfig;\n\tzhipuCoding?: ZhipuCodingConfig;\n\txunFei?: XunFeiConfig;\n\tdeepSeek?: DeepSeekConfig;\n\tdoubao?: DoubaoConfig;\n\tali?: AliConfig;\n}\n\nexport type AiConfigAdminReq = AiConfigAdminDTO;\n\nexport interface AiConfigTestReq {\n\tsource: AISourceValue;\n\tprompt?: string;\n}\n\nexport interface AiConfigTestRes {\n\tsource?: AISourceValue;\n\tsuccess?: boolean;\n\tmessage?: string;\n\tanswer?: string;\n\tcostMs?: number;\n}\n\nexport const getAiConfigDetailApi = () => {\n\treturn http.get(`${PORT1}/ai/config/detail`);\n};\n\nexport const saveAiConfigApi = (params: AiConfigAdminReq) => {\n\treturn http.post(`${PORT1}/ai/config/save`, params);\n};\n\nexport const testAiConfigApi = (params: AiConfigTestReq) => {\n\treturn http.post(`${PORT1}/ai/config/test`, params);\n};\n" }, { "path": "src/api/modules/article.ts", "content": "import http from \"@/api\";\nimport { PORT1 } from \"@/api/config/servicePort\";\nimport { Login } from \"@/api/interface/index\";\n\n/**\n * @name 文章模块\n */\n\n// 获取列表\nexport const getArticleListApi = (data: { pageNumber: number; pageSize: number }) => {\n\treturn http.post(`${PORT1}/article/list`, data);\n};\n\n// 更新标题操作\nexport const updateArticleApi = (params: object | undefined) => {\n\treturn http.post(`${PORT1}/article/update`, params);\n};\n\n// 保存操作\nexport const saveArticleApi = (params: object | undefined) => {\n\treturn http.post(`${PORT1}/article/save`, params);\n};\n\n// 转链上传图片的操作\nexport const saveImgApi = (params: string) => {\n\treturn http.get(`${PORT1}/image/save?img=` + params);\n};\n\n// 删除操作\nexport const delArticleApi = (articleId: number) => {\n\treturn http.get(`${PORT1}/article/delete`, { articleId });\n};\n\n// 获取文章\nexport const getArticleApi = (articleId: number) => {\n\treturn http.get(`${PORT1}/article/detail`, { articleId });\n};\n\n// 置顶/加精操作\nexport const operateArticleApi = (params: object) => {\n\treturn http.get(`${PORT1}/article/operate`, params);\n};\n\n// 上线/下线操作\nexport const examineArticleApi = (params: object | undefined) => {\n\treturn http.get(`${PORT1}/article/examine`, params);\n};\n\n// AI 生成标题和简介\nexport const generateArticleAiApi = (params: { shortTitle: string; content: string }) => {\n\treturn http.post(`${PORT1}/article/generate/seo`, params);\n};\n\n// 生成语义 URL\nexport const generateArticleSlugApi = (params: { title?: string; shortTitle?: string }) => {\n\treturn http.post(`${PORT1}/article/generate/slug`, params, {\n\t\theaders: { noLoading: true },\n\t\ttimeout: 15000\n\t});\n};\n" }, { "path": "src/api/modules/author.ts", "content": "import http from \"@/api\";\nimport { PORT1 } from \"@/api/config/servicePort\";\nimport { Login } from \"@/api/interface/index\";\n\n// 添加返回类型\nexport const getAuthorWhiteListApi = () => {\n\treturn http.get(`${PORT1}/author/whitelist/get`);\n};\n\n// 获取知识星球用户白名单\nexport const getZsxqWhiteListApi = (data: { pageNumber: number; pageSize: number }) => {\n\treturn http.post(`${PORT1}/zsxq/whitelist`, data);\n};\n\n// 更新知识星球用户白名单\nexport const updateZsxqWhiteApi = (params: object | undefined) => {\n\treturn http.post(`${PORT1}/zsxq/whitelist/save`, params);\n};\n\n// 审核知识星球用户白名单\nexport const operateZsxqWhiteApi = (params: object | undefined) => {\n\treturn http.get(`${PORT1}/zsxq/whitelist/operate`, params);\n};\n\n// 审核知识星球用户白名单，批量\nexport const operateBatchZsxqWhiteApi = (params: object | undefined) => {\n\treturn http.post(`${PORT1}/zsxq/whitelist/batchOperate`, params);\n};\n\n// 重置操作\nexport const resetAuthorWhiteApi = (authorId: number) => {\n\treturn http.get(`${PORT1}/zsxq/whitelist/reset`, { authorId });\n};\n\n// 保存操作\nexport const updateAuthorWhiteApi = (authorId: number) => {\n\treturn http.get(`${PORT1}/author/whitelist/add`, { authorId });\n};\n\n// 删除作者白名单\nexport const delAuthorWhiteApi = (authorId: number) => {\n\treturn http.get(`${PORT1}/author/whitelist/remove`, { authorId });\n};\n" }, { "path": "src/api/modules/category.ts", "content": "import http from \"@/api\";\nimport { PORT1 } from \"@/api/config/servicePort\";\nimport { Login } from \"@/api/interface/index\";\nimport { IFormType } from \"@/views/config\";\n\n/**\n * @name 分类模块\n */\n\n// 获取列表\nexport const getCategoryListApi = (data: { pageNumber: number; pageSize: number }) => {\n\treturn http.post(`${PORT1}/category/list`, data);\n};\n\n// 删除操作\nexport const delCategoryApi = (categoryId: number) => {\n\treturn http.get(`${PORT1}/category/delete`, { categoryId });\n};\n\n// 保存操作\nexport const updateCategoryApi = (form: IFormType) => {\n\treturn http.post(`${PORT1}/category/save`, form);\n};\n\n// 上线/下线操作\nexport const operateCategoryApi = (params: object | undefined) => {\n\treturn http.get(`${PORT1}/category/operate`, params);\n};\n" }, { "path": "src/api/modules/column.ts", "content": "import http from \"@/api\";\nimport { PORT1 } from \"@/api/config/servicePort\";\nimport { Login } from \"@/api/interface/index\";\nimport { IFormType } from \"@/views/column/setting\";\nimport { IArticleSortFormType, IGroupFormType } from \"@/views/column/setting/articlesort\";\nimport { IMoveType } from \"@/views/column/setting/groups\";\n\n/**\n * @name 教程模块\n */\n\n// 获取列表\nexport const getColumnListApi = (data: { pageNumber: number; pageSize: number }) => {\n\treturn http.post(`${PORT1}/column/list`, data);\n};\n\n// 添加返回类型\nexport const getColumnByNameListApi = (key: string) => {\n\treturn http.get(`${PORT1}/column/query`, { key });\n};\n\n// 获取作者列表，参数为作者名称\nexport const getAuthorListApi = (key: string) => {\n\treturn http.get(`${PORT1}/user/query`, { key });\n};\n\n// 保存操作\nexport const updateColumnApi = (form: IFormType) => {\n\treturn http.post(`${PORT1}/column/saveColumn`, form);\n};\n\n// 删除专栏操作\nexport const delColumnApi = (columnId: number) => {\n\treturn http.get(`${PORT1}/column/deleteColumn`, { columnId });\n};\n\n// 获取列表\nexport const getColumnArticleListApi = (data: { columnId: number; pageNumber: number; pageSize: number }) => {\n\treturn http.post(`${PORT1}/column/listColumnArticle`, data);\n};\n\n// 根据专栏文章分组的方式，获取文章列表\nexport const getColumnGroupArticlesApi = (columnId: number) => {\n\treturn http.get(`${PORT1}/column/listColumnByGroup`, { columnId });\n};\n\n// 获取专栏设置的分组列表\nexport const getColumnGroupListApi = (columnId: number) => {\n\treturn http.get(`${PORT1}/column/listGroups`, { columnId });\n};\n\n// 保存专栏文章分组\nexport const updateGroupApi = (form: IGroupFormType) => {\n\treturn http.post(`${PORT1}/column/saveColumnGroup`, form);\n};\n\n// 删除专栏文章分组\nexport const deleteGroupApi = (groupId: number) => {\n\treturn http.get(`${PORT1}/column/deleteColumnGroup`, { groupId });\n};\n\n// 保存操作\nexport const updateColumnArticleApi = (form: IFormType) => {\n\treturn http.post(`${PORT1}/column/saveColumnArticle`, form);\n};\n\n// 删除教程操作\nexport const delColumnArticleApi = (id: number) => {\n\treturn http.get(`${PORT1}/column/deleteColumnArticle`, { id });\n};\n\n// 调整两个教程的顺序\nexport const sortColumnArticleApi = (activeId: number, overId: number) => {\n\treturn http.post(`${PORT1}/column/sortColumnArticleApi`, { activeId, overId });\n};\n\n// 调整教程的顺序\nexport const sortColumnArticleByIDApi = (form: IArticleSortFormType) => {\n\treturn http.post(`${PORT1}/column/sortColumnArticleByIDApi`, form);\n};\n\n// 拖拽移动教程或者分组\nexport const moveColumnArticleOrGroup = (form: IMoveType) => {\n\treturn http.post(`${PORT1}/column/moveColumnArticleOrGroup`, form);\n};\n" }, { "path": "src/api/modules/comment.ts", "content": "import http from \"@/api\";\nimport { PORT1 } from \"@/api/config/servicePort\";\nimport { Login } from \"@/api/interface\";\n\nexport interface SearchCommentReq {\n\tcommentId?: number;\n\tarticleId?: number;\n\tarticleTitle?: string;\n\tuserId?: number;\n\tuserName?: string;\n\tcontent?: string;\n\tcommentType?: number;\n\tpageNumber: number;\n\tpageSize: number;\n}\n\nexport interface CommentSaveReq {\n\tcommentId?: number;\n\tarticleId: number;\n\tparentCommentId?: number;\n\ttopCommentId?: number;\n\tcommentContent: string;\n}\n\nexport interface CommentAdminDTO {\n\tcommentId: number;\n\tarticleId: number;\n\tarticleTitle?: string;\n\tuserId: number;\n\tuserName?: string;\n\tuserAvatar?: string;\n\tcommentContent: string;\n\tparentCommentId: number;\n\ttopCommentId: number;\n\tparentCommentContent?: string;\n\ttopCommentContent?: string;\n\tcommentType: number;\n\treplyCount?: number;\n\tpraiseCount?: number;\n\thighlightInfo?: string;\n\tcreateTime?: string;\n\tupdateTime?: string;\n}\n\nexport interface CommentPageDTO {\n\tlist: CommentAdminDTO[];\n\tpageNum: number;\n\tpageSize: number;\n\ttotal: number;\n\tpageTotal: number;\n}\n\nexport const getCommentListApi = (params: SearchCommentReq) => {\n\treturn http.post(`${PORT1}/comment/list`, params);\n};\n\nexport const getCommentDetailApi = (commentId: number) => {\n\treturn http.get(`${PORT1}/comment/detail`, { commentId });\n};\n\nexport const saveCommentApi = (params: CommentSaveReq) => {\n\treturn http.post(`${PORT1}/comment/save`, params);\n};\n\nexport const deleteCommentApi = (commentId: number) => {\n\treturn http.get(`${PORT1}/comment/delete`, { commentId });\n};\n" }, { "path": "src/api/modules/common.ts", "content": "import http from \"@/api\";\nimport { PORT1 } from \"@/api/config/servicePort\";\nimport { Login } from \"@/api/interface/index\";\nimport { baseDomain } from \"@/utils/util\";\n\n/**\n * @name 分类模块\n */\n\n// 获取字典值\nexport const getDiscListApi = () => {\n\tconsole.log(\"获取字典，getDiscListApi\");\n\treturn http.get(`${PORT1}/common/dict`);\n};\n\n// 上传图片\nexport const uploadImgApi = (data: FormData) => {\n\t// 添加时间戳参数，确保每个请求 URL 不同，避免被 AxiosCanceler 取消\n\treturn http.post(`${PORT1}/image/upload?t=${Date.now()}`, data);\n};\n\n// 文件上传\nexport const uploadFileUrl = () => {\n\treturn `${baseDomain}/oss/upload`;\n};\n" }, { "path": "src/api/modules/config.ts", "content": "import http from \"@/api\";\nimport { PORT1 } from \"@/api/config/servicePort\";\nimport { Login } from \"@/api/interface/index\";\nimport { IFormType } from \"@/views/config\";\n\n/**\n * @name 分类模块\n */\n\n// 获取列表\nexport const getConfigListApi = (data: { pageNumber: number; pageSize: number }) => {\n\treturn http.post(`${PORT1}/config/list`, data);\n};\n\n// 删除操作\nexport const delConfigApi = (configId: number) => {\n\treturn http.get(`${PORT1}/config/delete`, { configId });\n};\n\n// 保存操作\nexport const updateConfigApi = (form: IFormType) => {\n\treturn http.post(`${PORT1}/config/save`, form);\n};\n\n// 上线/下线操作\nexport const operateConfigApi = (params: object | undefined) => {\n\treturn http.get(`${PORT1}/config/operate`, params);\n};\n\n// 刷新配置缓存\nexport const refreshConfigApi = () => {\n\treturn http.get(`${PORT1}/config/refresh`);\n};\n" }, { "path": "src/api/modules/global.ts", "content": "import http from \"@/api\";\nimport { PORT1 } from \"@/api/config/servicePort\";\nimport { Login } from \"@/api/interface/index\";\nimport { IFormType } from \"@/views/global\";\n\n/**\n * @name 标签模块\n */\n\n// 获取列表\nexport const getGlobalConfigListApi = (data: { pageNumber: number; pageSize: number }) => {\n\treturn http.post(`${PORT1}/global/config/list`, data);\n};\n\n// 删除操作\nexport const delGlobalConfigApi = (id: number) => {\n\treturn http.get(`${PORT1}/global/config/delete`, { id });\n};\n\n// 保存操作\nexport const updateGlobalConfigApi = (form: IFormType) => {\n\treturn http.post(`${PORT1}/global/config/save`, form);\n};\n" }, { "path": "src/api/modules/login.ts", "content": "import qs from \"qs\";\n\nimport http from \"@/api\";\nimport { PORT1 } from \"@/api/config/servicePort\";\nimport { Login } from \"@/api/interface/index\";\n\n/**\n * @name 登录模块\n */\n// * 用户登录接口\nexport const loginApi = (params: Login.ReqLoginForm) => {\n\treturn http.postForm(PORT1 + `/login`, qs.stringify(params)); // post 请求携带 表单 参数 ==> application/x-www-form-urlencoded\n};\n\n// * 退出登录接口\nexport const logoutApi = () => {\n\treturn http.get(PORT1 + `/logout`);\n};\n\n/**\n * 查询当前登录的用户信息\n */\nexport const loginUserInfo = () => {\n\treturn http.get(PORT1 + `/info`);\n};\n\n// * 获取按钮权限\nexport const getAuthorButtons = () => {\n\treturn http.get(PORT1 + `/auth/buttons`);\n};\n\n// * 获取菜单列表\nexport const getMenuList = () => {\n\treturn http.get(PORT1 + `/menu/list`);\n};\n" }, { "path": "src/api/modules/resume.ts", "content": "import http from \"@/api\";\nimport { PORT1 } from \"@/api/config/servicePort\";\nimport { Login } from \"@/api/interface/index\";\nimport { IFormType } from \"@/views/resume\";\n\n/**\n * @name 标签模块\n */\n\n// 获取列表\nexport const getResumeListApi = (data: { pageNumber: number; pageSize: number }) => {\n\treturn http.post(`${PORT1}/resume/list`, data);\n};\n\n// 删除操作\nexport const delResumeApi = (resumeId: number) => {\n\treturn http.get(`${PORT1}/resume/delete?resumeId=${resumeId}`);\n};\n\n// 上传\nexport const replayResumeApi = (form: IFormType) => {\n\treturn http.post(`${PORT1}/resume/replay`, form);\n};\n\n// 下载\nexport const downResumeApi = (resumeId: number) => {\n\treturn http.get(`${PORT1}/resume/process?resumeId=${resumeId}`);\n};\n" }, { "path": "src/api/modules/sensitive.ts", "content": "import http from \"@/api\";\nimport { PORT1 } from \"@/api/config/servicePort\";\nimport { Login } from \"@/api/interface/index\";\n\nexport interface SensitiveWordHitDTO {\n\tword: string;\n\thitCount: number;\n}\n\nexport interface SensitiveWordConfigDTO {\n\tenable: boolean;\n\tdenyWords: string[];\n\tallowWords: string[];\n\thitTotal?: number;\n\thitWords?: SensitiveWordHitDTO[];\n}\n\nexport interface SensitiveWordConfigReq {\n\tenable: boolean;\n\tdenyWords: string[];\n\tallowWords: string[];\n}\n\nexport interface SensitiveWordHitPageReq {\n\tpageNumber: number;\n\tpageSize: number;\n}\n\nexport interface SensitiveWordHitPageDTO {\n\tlist: SensitiveWordHitDTO[];\n\tpageNum: number;\n\tpageSize: number;\n\ttotal: number;\n\tpageTotal: number;\n}\n\nexport const getSensitiveWordDetailApi = () => {\n\treturn http.get(`${PORT1}/sensitive/detail`);\n};\n\nexport const saveSensitiveWordConfigApi = (params: SensitiveWordConfigReq) => {\n\treturn http.post(`${PORT1}/sensitive/save`, params);\n};\n\nexport const getSensitiveWordHitListApi = (params: SensitiveWordHitPageReq) => {\n\treturn http.post(`${PORT1}/sensitive/hit/list`, params);\n};\n\nexport const clearSensitiveWordHitApi = (word: string) => {\n\treturn http.post(`${PORT1}/sensitive/hit/clear`, { word });\n};\n" }, { "path": "src/api/modules/statistics.ts", "content": "import http from \"@/api\";\nimport { PORT1 } from \"@/api/config/servicePort\";\n\n/**\n * @name 数据统计模块\n */\n\nexport const getAllApi = () => {\n\treturn http.get(`${PORT1}/statistics/queryTotal`);\n};\n\nexport const getPvUvApi = (day: number) => {\n\treturn http.get(`${PORT1}/statistics/pvUvDayList?day=${day}`);\n};\n\nexport const download2ExcelPvUvApi = (day: number) => {\n\treturn http.down(`${PORT1}/statistics/pvUvDayDownload2Excel?day=${day}`, { responseType: \"blob\" });\n};\n" }, { "path": "src/api/modules/tag.ts", "content": "import http from \"@/api\";\nimport { PORT1 } from \"@/api/config/servicePort\";\nimport { Login } from \"@/api/interface/index\";\nimport { IFormType } from \"@/views/tag\";\n\n/**\n * @name 标签模块\n */\n\n// 获取列表\nexport const getTagListApi = (data: any) => {\n\treturn http.post(`${PORT1}/tag/list`, data);\n};\n\n// 删除操作\nexport const delTagApi = (tagId: number) => {\n\treturn http.get(`${PORT1}/tag/delete`, { tagId });\n};\n\n// 保存操作\nexport const updateTagApi = (form: IFormType) => {\n\treturn http.post(`${PORT1}/tag/save`, form);\n};\n\n// 上线/下线操作\nexport const operateTagApi = (params: object | undefined) => {\n\treturn http.get(`${PORT1}/tag/operate`, params);\n};\n" }, { "path": "src/api/modules/user.ts", "content": "import http from \"@/api\";\nimport { PORT1 } from \"@/api/config/servicePort\";\n\nexport interface UserLoginAuditItem {\n\tid: number;\n\tuserId?: number;\n\tloginName?: string;\n\tstarNumber?: string;\n\tloginType?: number;\n\tloginTypeDesc?: string;\n\teventType?: string;\n\teventTypeDesc?: string;\n\tdeviceId?: string;\n\tdeviceName?: string;\n\tip?: string;\n\tregion?: string;\n\tsessionHash?: string;\n\triskTag?: string;\n\treason?: string;\n\tcreateTime?: string;\n}\n\nexport interface UserSessionItem {\n\tid: number;\n\tuserId?: number;\n\tloginName?: string;\n\tloginType?: number;\n\tloginTypeDesc?: string;\n\tsessionHash?: string;\n\tdeviceId?: string;\n\tdeviceName?: string;\n\tip?: string;\n\tregion?: string;\n\tsessionState?: string;\n\tsessionStateDesc?: string;\n\tofflineReason?: string;\n\tlatestSeenTime?: string;\n\texpireTime?: string;\n\tofflineTime?: string;\n\tcreateTime?: string;\n}\n\nexport interface UserShareRiskItem {\n\tuserId?: number;\n\tloginName?: string;\n\tstarNumber?: string;\n\tkickoutCount?: number;\n\tloginSuccessCount?: number;\n\tdeviceCount?: number;\n\tipCount?: number;\n\tlastKickoutTime?: string;\n\tlastActiveTime?: string;\n\triskLevel?: string;\n\triskReason?: string;\n\tforbidden?: boolean;\n\tforbidUntil?: string;\n\tforbidReason?: string;\n}\n\nexport interface LoginAuditQuery {\n\tuserId?: number;\n\tloginName?: string;\n\tstarNumber?: string;\n\tdeviceId?: string;\n\tip?: string;\n\teventType?: string;\n\tpageNumber: number;\n\tpageSize: number;\n}\n\nexport interface UserShareRiskQuery {\n\tloginName?: string;\n\trecentDays?: number;\n\tminKickoutCount?: number;\n\tminDeviceCount?: number;\n\tminIpCount?: number;\n\tpageNumber: number;\n\tpageSize: number;\n}\n\nexport interface UserSessionQuery {\n\tuserId?: number;\n\tloginName?: string;\n\tdeviceId?: string;\n\tip?: string;\n\tactiveOnly?: boolean;\n\tpageNumber: number;\n\tpageSize: number;\n}\n\nexport interface UserForbidReq {\n\tuserId: number;\n\tdays?: number;\n\treason?: string;\n}\n\nexport interface UserUnforbidReq {\n\tuserId: number;\n}\n\nexport interface PageResult {\n\tlist: T[];\n\tpageNum: number;\n\tpageSize: number;\n\ttotal: number;\n\tpageTotal?: number;\n}\n\nexport const getLoginAuditListApi = (params: LoginAuditQuery) => {\n\treturn http.post>(`${PORT1}/user/login-audit`, params);\n};\n\nexport const getUserSessionListApi = (params: UserSessionQuery) => {\n\treturn http.post>(`${PORT1}/user/session`, params);\n};\n\nexport const getUserShareRiskListApi = (params: UserShareRiskQuery) => {\n\treturn http.post>(`${PORT1}/user/share-risk`, params);\n};\n\nexport const forbidUserApi = (params: UserForbidReq) => {\n\treturn http.post(`${PORT1}/user/forbid`, params);\n};\n\nexport const unforbidUserApi = (params: UserUnforbidReq) => {\n\treturn http.post(`${PORT1}/user/unforbid`, params);\n};\n" }, { "path": "src/api/modules/wxMenu.ts", "content": "import http from \"@/api\";\nimport { PORT1 } from \"@/api/config/servicePort\";\n\nexport interface WxMenuButton {\n\ttype?: string;\n\tname?: string;\n\tkey?: string;\n\turl?: string;\n\tappid?: string;\n\tpagepath?: string;\n\tmedia_id?: string;\n\tarticle_id?: string;\n\tsub_button?: WxMenuButton[];\n}\n\nexport interface WxMenuTree {\n\tbutton?: WxMenuButton[];\n}\n\nexport interface WxMenuReplyArticle {\n\ttitle?: string;\n\tdescription?: string;\n\tpicUrl?: string;\n\turl?: string;\n}\n\nexport interface WxMenuReply {\n\treplyType?: string;\n\tcontent?: string;\n\tarticles?: WxMenuReplyArticle[];\n}\n\nexport interface WxMenuKeywordReply {\n\tmatchType?: string;\n\tkeywords?: string[];\n\treplyType?: string;\n\treply?: WxMenuReply;\n\tenabled?: boolean;\n\tpriority?: number;\n\ttitle?: string;\n}\n\nexport interface WxMenuClickReply {\n\tkey?: string;\n\ttitle?: string;\n\treply?: WxMenuReply;\n}\n\nexport interface WxMenuAiProviderOption {\n\tcode?: number;\n\tvalue?: string;\n\tname?: string;\n\tsyncSupport?: boolean;\n}\n\nexport interface WxMenuConfig {\n\tmenuJson?: string;\n\tcomment?: string;\n\tsubscribeReply?: WxMenuReply;\n\tdefaultReply?: WxMenuReply;\n\tkeywordReplies?: WxMenuKeywordReply[];\n\tmessageFallbackStrategy?: string;\n\taiPrompt?: string;\n\taiProvider?: string;\n\taiEnable?: boolean;\n\taiProviderOptions?: WxMenuAiProviderOption[];\n\tclickReplies?: WxMenuClickReply[];\n}\n\nexport interface WxMenuDetail {\n\tdraftConfig?: WxMenuConfig;\n\tdraftJson?: string;\n\tdraftComment?: string;\n\tdraftMenu?: WxMenuTree;\n\tdraftValid?: boolean;\n\tdraftErrors?: string[];\n\tdraftWarnings?: string[];\n\tsubscribeReply?: WxMenuReply;\n\tdefaultReply?: WxMenuReply;\n\tkeywordReplies?: WxMenuKeywordReply[];\n\tmessageFallbackStrategy?: string;\n\taiPrompt?: string;\n\taiProvider?: string;\n\taiEnable?: boolean;\n\taiProviderOptions?: WxMenuAiProviderOption[];\n\tclickReplies?: WxMenuClickReply[];\n\tremoteJson?: string;\n\tremoteMenu?: WxMenuTree;\n\tconditionalMenuCount?: number;\n\tremoteError?: string;\n\tmenuJsonTemplate?: string;\n\tmenuJsonTips?: string[];\n\treplyTips?: string[];\n}\n\nexport interface WxMenuSaveReq {\n\tmenuJson: string;\n\tcomment?: string;\n\tsubscribeReply?: WxMenuReply;\n\tdefaultReply?: WxMenuReply;\n\tkeywordReplies?: WxMenuKeywordReply[];\n\tmessageFallbackStrategy?: string;\n\taiPrompt?: string;\n\taiProvider?: string;\n\taiEnable?: boolean;\n\tclickReplies?: WxMenuClickReply[];\n}\n\nexport interface WxMenuValidateReq {\n\tmenuJson?: string;\n\tsubscribeReply?: WxMenuReply;\n\tdefaultReply?: WxMenuReply;\n\tkeywordReplies?: WxMenuKeywordReply[];\n\tmessageFallbackStrategy?: string;\n\taiPrompt?: string;\n\taiProvider?: string;\n\taiEnable?: boolean;\n\tclickReplies?: WxMenuClickReply[];\n}\n\nexport interface WxMenuValidateRes {\n\tvalid?: boolean;\n\tnormalizedMenuJson?: string;\n\tmenuErrors?: string[];\n\treplyErrors?: string[];\n\terrors?: string[];\n\twarnings?: string[];\n}\n\nexport interface WxMenuPreviewMatchReq extends WxMenuSaveReq {\n\teventType?: string;\n\teventKey?: string;\n\tcontent?: string;\n}\n\nexport interface WxMenuPreviewMatchRes {\n\tmatched?: boolean;\n\tmatchedRuleTitle?: string;\n\tmatchedRuleType?: string;\n\tmatchedKeyword?: string;\n\treply?: WxMenuReply;\n\tfallbackStrategy?: string;\n\tusedFallback?: boolean;\n}\n\nexport interface WxMenuPreviewAiReq {\n\tcontent?: string;\n\taiPrompt?: string;\n\taiProvider?: string;\n\taiEnable?: boolean;\n}\n\nexport interface WxMenuPreviewAiRes {\n\tsuccess?: boolean;\n\treplyText?: string;\n\tprovider?: string;\n\terrorMsg?: string;\n}\n\nexport interface WxMenuPublishReq {\n\tmenuJson?: string;\n}\n\nexport interface WxMenuPublishRes {\n\tsuccess?: boolean;\n\terrCode?: number;\n\terrMsg?: string;\n\tpublishedMenuJson?: string;\n}\n\nexport const getWxMenuDetailApi = () => {\n\treturn http.get(`${PORT1}/wx/menu/detail`);\n};\n\nexport const saveWxMenuDraftApi = (params: WxMenuSaveReq) => {\n\treturn http.post(`${PORT1}/wx/menu/save`, params);\n};\n\nexport const validateWxMenuApi = (params?: WxMenuValidateReq) => {\n\treturn http.post(`${PORT1}/wx/menu/validate`, params);\n};\n\nexport const previewWxMenuMatchApi = (params?: WxMenuPreviewMatchReq) => {\n\treturn http.post(`${PORT1}/wx/menu/preview/match`, params);\n};\n\nexport const previewWxMenuAiApi = (params?: WxMenuPreviewAiReq) => {\n\treturn http.post(`${PORT1}/wx/menu/preview/ai`, params);\n};\n\nexport const publishWxMenuApi = (params?: WxMenuPublishReq) => {\n\treturn http.post(`${PORT1}/wx/menu/publish`, params);\n};\n\nexport const syncWxMenuApi = () => {\n\treturn http.post(`${PORT1}/wx/menu/sync`);\n};\n" }, { "path": "src/assets/fonts/font.less", "content": "@font-face {\n\tfont-family: YouSheBiaoTiHei;\n\tsrc: url(\"./YouSheBiaoTiHei.ttf\");\n}\n@font-face {\n\tfont-family: MetroDF;\n\tsrc: url(\"./MetroDF.ttf\");\n}\n@font-face {\n\tfont-family: DIN;\n\tsrc: url(\"./DIN.Otf\");\n}\n" }, { "path": "src/assets/iconfont/iconfont.less", "content": "@font-face {\n\tfont-family: iconfont;\n\tsrc: url(\"iconfont.ttf?t=1648886414212\") format(\"truetype\");\n}\n.iconfont {\n\tfont-family: iconfont !important;\n\tfont-size: 16px;\n\t-webkit-font-smoothing: antialiased;\n\t-moz-osx-font-smoothing: grayscale;\n\tfont-style: normal;\n}\n.icon-zhongyingwen::before {\n\tcontent: \"\\e605\";\n}\n.icon-suoxiao::before {\n\tcontent: \"\\e641\";\n}\n.icon-fangda::before {\n\tcontent: \"\\e826\";\n}\n.icon-contentright::before {\n\tcontent: \"\\e8c9\";\n}\n.icon-zhuti::before {\n\tcontent: \"\\e62b\";\n}\n" }, { "path": "src/components/ErrorMessage/403.tsx", "content": "import { useNavigate } from \"react-router-dom\";\nimport { Button, Result } from \"antd\";\n\nimport { HOME_URL } from \"@/config/config\";\n\nimport \"./index.less\";\n\nconst NotAuth = () => {\n\tconst navigate = useNavigate();\n\tconst goHome = () => {\n\t\tnavigate(HOME_URL);\n\t};\n\treturn (\n\t\t\n\t\t\t\t\tBack Home\n\t\t\t\t\n\t\t\t}\n\t\t/>\n\t);\n};\n\nexport default NotAuth;\n" }, { "path": "src/components/ErrorMessage/404.tsx", "content": "import { useNavigate } from \"react-router-dom\";\nimport { Button, Result } from \"antd\";\n\nimport { HOME_URL } from \"@/config/config\";\n\nimport \"./index.less\";\n\nconst NotFound = () => {\n\tconst navigate = useNavigate();\n\tconst goHome = () => {\n\t\tnavigate(HOME_URL);\n\t};\n\treturn (\n\t\t\n\t\t\t\t\tBack Home\n\t\t\t\t\n\t\t\t}\n\t\t/>\n\t);\n};\n\nexport default NotFound;\n" }, { "path": "src/components/ErrorMessage/500.tsx", "content": "import { useNavigate } from \"react-router-dom\";\nimport { Button, Result } from \"antd\";\n\nimport { HOME_URL } from \"@/config/config\";\n\nimport \"./index.less\";\n\nconst NotNetwork = () => {\n\tconst navigate = useNavigate();\n\tconst goHome = () => {\n\t\tnavigate(HOME_URL);\n\t};\n\treturn (\n\t\t\n\t\t\t\t\tBack Home\n\t\t\t\t\n\t\t\t}\n\t\t/>\n\t);\n};\n\nexport default NotNetwork;\n" }, { "path": "src/components/ErrorMessage/index.less", "content": ".ant-result {\n\tdisplay: flex;\n\tflex-direction: column;\n\talign-items: center;\n\tjustify-content: center;\n\theight: 100%;\n\t.ant-result-image {\n\t\tmargin: 0;\n\t}\n}\n" }, { "path": "src/components/Loading/index.less", "content": "/* 请求 Loading 样式 */\n.request-loading {\n\t.ant-spin-text {\n\t\tmargin-top: 5px;\n\t\tfont-size: 18px;\n\t\tcolor: #509ff1;\n\t}\n\t.ant-spin-dot-item {\n\t\tbackground-color: #509ff1;\n\t}\n}\n\n/* 请求 Loading 遮罩层样式 */\n#loading {\n\tposition: fixed;\n\ttop: 0;\n\tright: 0;\n\tbottom: 0;\n\tleft: 0;\n\tz-index: 9998;\n\tdisplay: flex;\n\talign-items: center;\n\tjustify-content: center;\n\tfont-size: 20px;\n\tbackground: rgb(0 0 0 / 50%);\n}\n" }, { "path": "src/components/Loading/index.tsx", "content": "import { Spin } from \"antd\";\n\nimport \"./index.less\";\n\nconst Loading = ({ tip = \"Loading\" }: { tip?: string }) => {\n\treturn ;\n};\n\nexport default Loading;\n" }, { "path": "src/components/SwitchDark/index.tsx", "content": "import { connect } from \"react-redux\";\nimport { Switch } from \"antd\";\n\nimport { setThemeConfig } from \"@/redux/modules/global/action\";\n\nconst SwitchDark = (props: any) => {\n\tconst { setThemeConfig, themeConfig } = props;\n\tconst onChange = (checked: boolean) => {\n\t\tsetThemeConfig({ ...themeConfig, isDark: checked });\n\t};\n\n\treturn (\n\t\t🌞}\n\t\t\tunCheckedChildren={<>🌜}\n\t\t\tonChange={onChange}\n\t\t/>\n\t);\n};\n\nconst mapStateToProps = (state: any) => state.global;\nconst mapDispatchToProps = { setThemeConfig };\nexport default connect(mapStateToProps, mapDispatchToProps)(SwitchDark);\n" }, { "path": "src/components/common-wrap/index.scss", "content": ".content-wrap {\n height: 100%;\n padding: 10px 8px;\n display: flex;\n flex-direction: column;\n box-sizing: border-box;\n overflow-y: auto;\n overflow-x: hidden;\n max-width: 100%;\n}\n\n.content-inter-wrap {\n flex: 1;\n background-color: #fff;\n padding: 20px;\n border-radius: 6px;\n box-sizing: border-box;\n overflow-x: auto;\n max-width: 100%;\n}\n\n@media (max-width: 768px) {\n .content-wrap {\n padding: 8px 4px;\n }\n\n .content-inter-wrap {\n padding: 16px 12px;\n overflow-x: hidden;\n }\n}\n\n@media (max-width: 480px) {\n .content-wrap {\n padding: 4px 2px;\n }\n\n .content-inter-wrap {\n padding: 12px 8px;\n border-radius: 4px;\n }\n}\n" }, { "path": "src/components/common-wrap/index.tsx", "content": "import React, { ReactNode } from \"react\";\n\nimport \"./index.scss\";\n\ninterface IProps {\n\tchildren: ReactNode;\n\tclassName?: string;\n\tstyle?: any;\n}\n\nexport const ContentWrap = ({ children, className, style }: IProps) => (\n\t
\n\t\t{children}\n\t
\n);\n\nexport const ContentInterWrap = ({ children, className, style }: IProps) => (\n\t
\n\t\t{children}\n\t
\n);\n" }, { "path": "src/components/second-sure-modal/index.tsx", "content": "import React, { useState } from \"react\";\nimport { Button, Modal } from \"antd\";\n\nconst SecondSureModal: React.FC = () => {\n\tconst [open, setOpen] = useState(false);\n\tconst [confirmLoading, setConfirmLoading] = useState(false);\n\tconst [modalText, setModalText] = useState(\"Content of the modal\");\n\n\tconst showModal = () => {\n\t\tsetOpen(true);\n\t};\n\n\tconst handleOk = () => {\n\t\tsetModalText(\"The modal will be closed after two seconds\");\n\t\tsetConfirmLoading(true);\n\t\tsetTimeout(() => {\n\t\t\tsetOpen(false);\n\t\t\tsetConfirmLoading(false);\n\t\t}, 2000);\n\t};\n\n\tconst handleCancel = () => {\n\t\tconsole.log(\"Clicked cancel button\");\n\t\tsetOpen(false);\n\t};\n\n\treturn (\n\t\t<>\n\t\t\t\n\t\t\t\t

{modalText}

\n\t\t\t\n\t\t\n\t);\n};\nexport default SecondSureModal;\n" }, { "path": "src/components/svgIcon/index.tsx", "content": "interface SvgProps {\n\tname: string; // 图标的名称 ==> 必传\n\tcolor?: string; //图标的颜色 ==> 非必传\n\tprefix?: string; // 图标的前缀 ==> 非必传（默认为\"icon\"）\n\ticonStyle?: { [key: string]: any }; // 图标的样式 ==> 非必传\n}\n\nexport default function SvgIcon(props: SvgProps) {\n\tconst { name, prefix = \"icon\", iconStyle = { width: \"100px\", height: \"100px\" } } = props;\n\tconst symbolId = `#${prefix}-${name}`;\n\treturn (\n\t\t\n\t\t\t\n\t\t\n\t);\n}\n" }, { "path": "src/config/config.ts", "content": "// ? 全局不动配置项 只做导出不做修改\n\n// * 首页地址（默认）\nexport const HOME_URL: string = \"/statistics/index\";\n\n// * 登录地址\nexport const LOGIN_URL: string = \"/login\";\n\n// * Tabs（黑名单地址，不需要添加到 tabs 的路由地址，暂时没用）\nexport const TABS_BLACK_LIST: string[] = [\"/403\", \"/404\", \"/500\", \"/layout\", \"/login\", \"/dataScreen\"];\n\n// * 高德地图key\nexport const MAP_KEY: string = \"\";\n" }, { "path": "src/config/nprogress.ts", "content": "import NProgress from \"nprogress\";\n\nimport \"nprogress/nprogress.css\";\n\nNProgress.configure({\n\teasing: \"ease\", // 动画方式\n\tspeed: 500, // 递增进度条的速度\n\tshowSpinner: true, // 是否显示加载ico\n\ttrickleSpeed: 200, // 自动递增间隔\n\tminimum: 0.3 // 初始化时的最小百分比\n});\n\nexport default NProgress;\n" }, { "path": "src/config/serviceLoading.tsx", "content": "import ReactDOM from \"react-dom/client\";\n\nimport Loading from \"@/components/Loading\";\n\nlet needLoadingRequestCount = 0;\n\n// * 显示loading\nexport const showFullScreenLoading = () => {\n\tif (needLoadingRequestCount === 0) {\n\t\tlet dom = document.createElement(\"div\");\n\t\tdom.setAttribute(\"id\", \"loading\");\n\t\tdocument.body.appendChild(dom);\n\t\tReactDOM.createRoot(dom).render();\n\t}\n\tneedLoadingRequestCount++;\n};\n\n// * 隐藏loading\nexport const tryHideFullScreenLoading = () => {\n\tif (needLoadingRequestCount <= 0) return;\n\tneedLoadingRequestCount--;\n\tif (needLoadingRequestCount === 0) {\n\t\tdocument.body.removeChild(document.getElementById(\"loading\") as HTMLElement);\n\t}\n};\n" }, { "path": "src/enums/common.ts", "content": "export enum UpdateEnum {\n\tSave = 0,\n\tEdit\n}\n\nexport interface IPagination {\n\tcurrent: number;\n\tpageSize: number;\n\ttotal?: number;\n}\n\nexport const initPagination: IPagination = {\n\tcurrent: 1,\n\tpageSize: 10,\n\ttotal: 0\n};\n\nexport enum PushStatusEnum {\n\tnoPublish = \"0\",\n\tPublished = \"1\",\n\tOffline = \"2\"\n}\nexport const pushStatusInfo = {\n\t[PushStatusEnum.noPublish]: \"default\",\n\t[PushStatusEnum.Published]: \"success\",\n\t[PushStatusEnum.Offline]: \"error\"\n};\n" }, { "path": "src/enums/httpEnum.ts", "content": "// * 请求枚举配置\n/**\n * @description：请求配置\n */\nexport enum ResultEnum {\n\tSUCCESS = 0,\n\tERROR = 500,\n\tOVERDUE = 599,\n\tTIMEOUT = 10000,\n\tNOT_LOGIN = 100403003,\n\tTYPE = \"success\"\n}\n\n/**\n * @description：请求方法\n */\nexport enum RequestEnum {\n\tGET = \"GET\",\n\tPOST = \"POST\",\n\tPATCH = \"PATCH\",\n\tPUT = \"PUT\",\n\tDELETE = \"DELETE\"\n}\n\n/**\n * @description：常用的contentTyp类型\n */\nexport enum ContentTypeEnum {\n\t// json\n\tJSON = \"application/json;charset=UTF-8\",\n\t// text\n\tTEXT = \"text/plain;charset=UTF-8\",\n\t// form-data 一般配合qs\n\tFORM_URLENCODED = \"application/x-www-form-urlencoded;charset=UTF-8\",\n\t// form-data 上传\n\tFORM_DATA = \"multipart/form-data;charset=UTF-8\"\n}\n" }, { "path": "src/hooks/useTheme.ts", "content": "import { ThemeConfigProp } from \"@/redux/interface\";\nimport darkTheme from \"@/styles/theme/theme-dark.less\";\nimport defaultTheme from \"@/styles/theme/theme-default.less\";\n\n/**\n * @description 全局主题设置\n * */\nconst useTheme = (themeConfig: ThemeConfigProp) => {\n\tconst { weakOrGray, isDark } = themeConfig;\n\tconst initTheme = () => {\n\t\t// 灰色和弱色切换\n\t\tconst body = document.documentElement as HTMLElement;\n\t\tif (!weakOrGray) body.setAttribute(\"style\", \"\");\n\t\tif (weakOrGray === \"weak\") body.setAttribute(\"style\", \"filter: invert(80%)\");\n\t\tif (weakOrGray === \"gray\") body.setAttribute(\"style\", \"filter: grayscale(1)\");\n\n\t\t// 切换暗黑模式\n\t\tlet head = document.getElementsByTagName(\"head\")[0];\n\t\tconst getStyle = head.getElementsByTagName(\"style\");\n\t\tif (getStyle.length > 0) {\n\t\t\tfor (let i = 0, l = getStyle.length; i < l; i++) {\n\t\t\t\tif (getStyle[i]?.getAttribute(\"data-type\") === \"dark\") getStyle[i].remove();\n\t\t\t}\n\t\t}\n\t\tlet styleDom = document.createElement(\"style\");\n\t\tstyleDom.dataset.type = \"dark\";\n\t\tstyleDom.innerHTML = isDark ? darkTheme : defaultTheme;\n\t\thead.appendChild(styleDom);\n\t};\n\tinitTheme();\n\n\treturn {\n\t\tinitTheme\n\t};\n};\n\nexport default useTheme;\n" }, { "path": "src/index.scss", "content": ".ant-table-tbody > tr > td {\n padding: 16px !important;\n}\n" }, { "path": "src/layouts/components/Footer/index.less", "content": ".footer {\n\tdisplay: flex;\n\talign-items: center;\n\tjustify-content: center;\n\theight: 30px;\n\tborder-top: 1px solid #e4e7ed;\n\ta {\n\t\tfont-size: 14px;\n\t\tcolor: #858585;\n\t\ttext-decoration: none;\n\t\tletter-spacing: 0.5px;\n\t\twhite-space: nowrap;\n\t}\n}\n" }, { "path": "src/layouts/components/Footer/index.tsx", "content": "import { connect } from \"react-redux\";\n\nimport { baseDomain } from \"@/utils/util\";\n\nimport \"./index.less\";\n\nconst LayoutFooter = (props: any) => {\n\tconst { themeConfig } = props;\n\n\t// 定义一个自动获取年份的方法\n\tconst getYear = () => {\n\t\treturn new Date().getFullYear();\n\t};\n\n\treturn (\n\t\t<>\n\t\t\t{!themeConfig.footer && (\n\t\t\t\t\n\t\t\t)}\n\t\t\n\t);\n};\n\nconst mapStateToProps = (state: any) => state.global;\nexport default connect(mapStateToProps)(LayoutFooter);\n" }, { "path": "src/layouts/components/Header/components/AssemblySize.tsx", "content": "import { connect } from \"react-redux\";\nimport { Dropdown, Menu } from \"antd\";\n\nimport { setAssemblySize } from \"@/redux/modules/global/action\";\n\nconst AssemblySize = (props: any) => {\n\tconst { assemblySize, setAssemblySize } = props;\n\n\t// 切换组件大小\n\tconst onClick = (e: MenuInfo) => {\n\t\tsetAssemblySize(e.key);\n\t};\n\n\tconst menu = (\n\t\t默认,\n\t\t\t\t\tonClick\n\t\t\t\t},\n\t\t\t\t{\n\t\t\t\t\tdisabled: assemblySize == \"large\",\n\t\t\t\t\tkey: \"large\",\n\t\t\t\t\tlabel: 大型,\n\t\t\t\t\tonClick\n\t\t\t\t},\n\t\t\t\t{\n\t\t\t\t\tdisabled: assemblySize == \"small\",\n\t\t\t\t\tkey: \"small\",\n\t\t\t\t\tlabel: 小型,\n\t\t\t\t\tonClick\n\t\t\t\t}\n\t\t\t]}\n\t\t/>\n\t);\n\treturn (\n\t\t\n\t\t\t\n\t\t\n\t);\n};\n\nconst mapStateToProps = (state: any) => state.global;\nconst mapDispatchToProps = { setAssemblySize };\nexport default connect(mapStateToProps, mapDispatchToProps)(AssemblySize);\n" }, { "path": "src/layouts/components/Header/components/AvatarIcon.tsx", "content": "/* eslint-disable prettier/prettier */\nimport { useRef } from \"react\";\nimport { connect, useDispatch } from \"react-redux\";\nimport { useNavigate } from \"react-router-dom\";\nimport { ExclamationCircleOutlined } from \"@ant-design/icons\";\nimport { Avatar, Dropdown, MenuProps, message, Modal } from \"antd\";\n\nimport { logoutApi } from \"@/api/modules/login\";\nimport loginPng from \"@/assets/images/logo_md.png\";\nimport { HOME_URL, LOGIN_URL } from \"@/config/config\";\nimport { setToken, setUserInfo } from \"@/redux/modules/global/action\";\nimport InfoModal from \"./InfoModal\";\nimport PasswordModal from \"./PasswordModal\";\n\nconst AvatarIcon = (props: any) => {\n\tconst { userInfo, setToken, setUserInfo } = props;\n\tconsole.log(\"AvatarIcon setToken setUserInfo\", setToken, setUserInfo);\n\tconsole.log(\"AvatarIcon userInfo\", userInfo );\n\n\tconst navigate = useNavigate();\n\n\tinterface ModalProps {\n\t\tshowModal: (params: Record) => void;\n\t}\n\n\tconst passRef = useRef(null);\n\tconst infoRef = useRef(null);\n\n\t// 退出登录\n\tconst logout = () => {\n\t\tModal.confirm({\n\t\t\ttitle: \"温馨提示 🧡\",\n\t\t\ticon: ,\n\t\t\tcontent: \"是否确认退出登录？\",\n\t\t\tokText: \"确认\",\n\t\t\tcancelText: \"取消\",\n\t\t\tonOk: async () => {\n\t\t\t\t// 此时需要请求服务器端退出登录接口\n\t\t\t\tconst { status, result } = await logoutApi();\n\t\t\t\tif (status && status.code == 0 && result) {\n\t\t\t\t\t// 退出，清除 token，清除用户信息，跳转到登录页\n\t\t\t\t\tsetToken(\"\");\n\t\t\t\t\tsetUserInfo({});\n\t\t\t\t\tmessage.success(\"退出登录成功！\");\n\t\t\t\t\tnavigate(LOGIN_URL);\n\t\t\t\t} else {\n\t\t\t\t\tmessage.success(\"退出登录失败:\" + status?.msg);\n\t\t\t\t}\n\t\t\t}\n\t\t});\n\t};\n\n\tconst items: MenuProps[\"items\"] = [\n\t\t{\n\t\t\tkey: \"1\",\n\t\t\tlabel: 首页,\n\t\t\tonClick: () => navigate(HOME_URL)\n\t\t},\n\t\t{\n\t\t\tkey: \"2\",\n\t\t\tlabel: 个人信息,\n\t\t\tonClick: () => infoRef.current!.showModal({ \n\t\t\t\tphoto: userInfo.photo,\n\t\t\t\tprofile: userInfo.profile,\n\t\t\t\trole: userInfo.role,\n\t\t\t\tuserName: userInfo.userName,\n\t\t\t})\n\t\t},\n\t\t{\n\t\t\tkey: \"3\",\n\t\t\tlabel: 修改密码,\n\t\t\tonClick: () => passRef.current!.showModal({ name: 11 })\n\t\t},\n\t\t{\n\t\t\ttype: \"divider\"\n\t\t},\n\t\t{\n\t\t\tkey: \"4\",\n\t\t\tlabel: 退出登录,\n\t\t\tonClick: logout\n\t\t}\n\t];\n\treturn (\n\t\t<>\n\t\t\t\n\t\t\t\t\n\t\t\t\n\t\t\t\n\t\t\t\n\t\t\n\t);\n};\n\nconst mapDispatchToProps = { setToken, setUserInfo };\nexport default connect(null, mapDispatchToProps)(AvatarIcon);\n" }, { "path": "src/layouts/components/Header/components/BreadcrumbNav.tsx", "content": "import { connect } from \"react-redux\";\nimport { useLocation } from \"react-router-dom\";\nimport { Breadcrumb } from \"antd\";\n\nimport { HOME_URL } from \"@/config/config\";\n\nconst BreadcrumbNav = (props: any) => {\n\tconst { pathname } = useLocation();\n\tconst { themeConfig } = props.global;\n\tconst breadcrumbList = props.breadcrumb.breadcrumbList[pathname] || [];\n\tconsole.log({ breadcrumbList });\n\n\treturn (\n\t\t<>\n\t\t\t{!themeConfig.breadcrumb && (\n\t\t\t\t\n\t\t\t\t\t首页\n\t\t\t\t\t{breadcrumbList.map((item: string) => {\n\t\t\t\t\t\treturn {item !== \"首页\" ? item : null};\n\t\t\t\t\t})}\n\t\t\t\t\n\t\t\t)}\n\t\t\n\t);\n};\n\nconst mapStateToProps = (state: any) => state;\nexport default connect(mapStateToProps)(BreadcrumbNav);\n" }, { "path": "src/layouts/components/Header/components/CollapseIcon.tsx", "content": "import { connect } from \"react-redux\";\nimport { MenuFoldOutlined, MenuUnfoldOutlined } from \"@ant-design/icons\";\n\nimport { updateCollapse } from \"@/redux/modules/menu/action\";\n\nconst CollapseIcon = (props: any) => {\n\tconst { isCollapse, updateCollapse } = props;\n\treturn (\n\t\t {\n\t\t\t\tupdateCollapse(!isCollapse);\n\t\t\t}}\n\t\t>\n\t\t\t{isCollapse ? : }\n\t\t\n\t);\n};\n\nconst mapStateToProps = (state: any) => state.menu;\nconst mapDispatchToProps = { updateCollapse };\nexport default connect(mapStateToProps, mapDispatchToProps)(CollapseIcon);\n" }, { "path": "src/layouts/components/Header/components/Fullscreen.tsx", "content": "import { useEffect, useState } from \"react\";\nimport { message } from \"antd\";\nimport screenfull from \"screenfull\";\n\nconst Fullscreen = () => {\n\tconst [fullScreen, setFullScreen] = useState(screenfull.isFullscreen);\n\n\tuseEffect(() => {\n\t\tscreenfull.on(\"change\", () => {\n\t\t\tif (screenfull.isFullscreen) setFullScreen(true);\n\t\t\telse setFullScreen(false);\n\t\t\treturn () => screenfull.off(\"change\", () => {});\n\t\t});\n\t}, []);\n\n\tconst handleFullScreen = () => {\n\t\tif (!screenfull.isEnabled) message.warning(\"当前您的浏览器不支持全屏 ❌\");\n\t\tscreenfull.toggle();\n\t};\n\treturn (\n\t\t\n\t);\n};\nexport default Fullscreen;\n" }, { "path": "src/layouts/components/Header/components/InfoModal.tsx", "content": "import { Ref, useImperativeHandle, useState } from \"react\";\nimport { Avatar, message, Modal } from \"antd\";\n\ninterface Props {\n\tinnerRef: Ref<{ showModal: (params: any) => void } | undefined>;\n}\n\nconst InfoModal = (props: Props) => {\n\tconst [modalVisible, setModalVisible] = useState(false);\n\tconst [userInfo, setUserInfo] = useState>({}); // 新增状态来存储用户信息\n\n\tuseImperativeHandle(props.innerRef, () => ({\n\t\tshowModal\n\t}));\n\n\tconst showModal = (params: Record) => {\n\t\tconsole.log(params);\n\t\t// 把params 显示到 model 中\n\t\tsetUserInfo(params);\n\t\tsetModalVisible(true);\n\t};\n\n\tconst handleCancel = () => {\n\t\tsetModalVisible(false);\n\t};\n\treturn (\n\t\t\n\t\t\t
\n\t\t\t\t
\n\t\t\t\t\t头像：\n\t\t\t\t\t\n\t\t\t\t\t\t\n\t\t\t\t\t\n\t\t\t\t
\n\t\t\t\t
\n\t\t\t\t\t用户名：\n\t\t\t\t\t{userInfo.userName}\n\t\t\t\t
\n\t\t\t\t
\n\t\t\t\t\t角色：\n\t\t\t\t\t{userInfo.role}\n\t\t\t\t
\n\t\t\t\t
\n\t\t\t\t\t个人简介：\n\t\t\t\t\t{userInfo.profile}\n\t\t\t\t
\n\t\t\t
\n\t\t\n\t);\n};\nexport default InfoModal;\n" }, { "path": "src/layouts/components/Header/components/PasswordModal.tsx", "content": "import { Ref, useImperativeHandle, useState } from \"react\";\nimport { message, Modal } from \"antd\";\n\ninterface Props {\n\tinnerRef: Ref<{ showModal: (params: any) => void }>;\n}\n\nconst PasswordModal = (props: Props) => {\n\tconst [isModalVisible, setIsModalVisible] = useState(false);\n\n\tuseImperativeHandle(props.innerRef, () => ({\n\t\tshowModal\n\t}));\n\n\tconst showModal = (params: { name: number }) => {\n\t\tconsole.log(params);\n\t\tsetIsModalVisible(true);\n\t};\n\n\tconst handleOk = () => {\n\t\tsetIsModalVisible(false);\n\t\tmessage.success(\"修改密码成功 🎉🎉🎉\");\n\t};\n\n\tconst handleCancel = () => {\n\t\tsetIsModalVisible(false);\n\t};\n\treturn (\n\t\t\n\t\t\t

Some Password...

\n\t\t\t

Some Password...

\n\t\t\t

Some Password...

\n\t\t\n\t);\n};\nexport default PasswordModal;\n" }, { "path": "src/layouts/components/Header/components/Theme.tsx", "content": "import { useState } from \"react\";\nimport { connect } from \"react-redux\";\nimport { FireOutlined, SettingOutlined } from \"@ant-design/icons\";\nimport { Divider, Drawer, Switch } from \"antd\";\n\nimport SwitchDark from \"@/components/SwitchDark\";\nimport { setThemeConfig } from \"@/redux/modules/global/action\";\nimport { updateCollapse } from \"@/redux/modules/menu/action\";\n\nconst Theme = (props: any) => {\n\tconst [visible, setVisible] = useState(false);\n\tconst { setThemeConfig, updateCollapse } = props;\n\tconst { isCollapse } = props.menu;\n\tconst { themeConfig } = props.global;\n\tconst { weakOrGray, breadcrumb, tabs, footer } = themeConfig;\n\n\tconst setWeakOrGray = (checked: boolean, theme: string) => {\n\t\tif (checked) return setThemeConfig({ ...themeConfig, weakOrGray: theme });\n\t\tsetThemeConfig({ ...themeConfig, weakOrGray: \"\" });\n\t};\n\n\tconst onChange = (checked: boolean, keyName: string) => {\n\t\treturn setThemeConfig({ ...themeConfig, [keyName]: !checked });\n\t};\n\n\treturn (\n\t\t<>\n\t\t\t {\n\t\t\t\t\tsetVisible(true);\n\t\t\t\t}}\n\t\t\t>\n\t\t\t {\n\t\t\t\t\tsetVisible(false);\n\t\t\t\t}}\n\t\t\t\tvisible={visible}\n\t\t\t\twidth={320}\n\t\t\t>\n\t\t\t\t{/* 全局主题 */}\n\t\t\t\t\n\t\t\t\t\t\n\t\t\t\t\t全局主题\n\t\t\t\t\n\t\t\t\t
\n\t\t\t\t\t暗黑模式\n\t\t\t\t\t\n\t\t\t\t
\n\t\t\t\t
\n\t\t\t\t\t灰色模式\n\t\t\t\t\t {\n\t\t\t\t\t\t\tsetWeakOrGray(e, \"gray\");\n\t\t\t\t\t\t}}\n\t\t\t\t\t/>\n\t\t\t\t
\n\t\t\t\t
\n\t\t\t\t\t色弱模式\n\t\t\t\t\t {\n\t\t\t\t\t\t\tsetWeakOrGray(e, \"weak\");\n\t\t\t\t\t\t}}\n\t\t\t\t\t/>\n\t\t\t\t
\n\t\t\t\t
\n\t\t\t\t{/* 界面设置 */}\n\t\t\t\t\n\t\t\t\t\t\n\t\t\t\t\t界面设置\n\t\t\t\t\n\t\t\t\t
\n\t\t\t\t\t折叠菜单\n\t\t\t\t\t {\n\t\t\t\t\t\t\tupdateCollapse(e);\n\t\t\t\t\t\t}}\n\t\t\t\t\t/>\n\t\t\t\t
\n\t\t\t\t
\n\t\t\t\t\t面包屑导航\n\t\t\t\t\t {\n\t\t\t\t\t\t\tonChange(e, \"breadcrumb\");\n\t\t\t\t\t\t}}\n\t\t\t\t\t/>\n\t\t\t\t
\n\t\t\t\t
\n\t\t\t\t\t标签栏\n\t\t\t\t\t {\n\t\t\t\t\t\t\tonChange(e, \"tabs\");\n\t\t\t\t\t\t}}\n\t\t\t\t\t/>\n\t\t\t\t
\n\t\t\t\t
\n\t\t\t\t\t页脚\n\t\t\t\t\t {\n\t\t\t\t\t\t\tonChange(e, \"footer\");\n\t\t\t\t\t\t}}\n\t\t\t\t\t/>\n\t\t\t\t
\n\t\t\t\n\t\t\n\t);\n};\n\nconst mapStateToProps = (state: any) => state;\nconst mapDispatchToProps = { setThemeConfig, updateCollapse };\nexport default connect(mapStateToProps, mapDispatchToProps)(Theme);\n" }, { "path": "src/layouts/components/Header/index.less", "content": ".ant-layout-header {\n\tdisplay: flex;\n\talign-items: center;\n\tjustify-content: space-between;\n\tborder-bottom: 1px solid #f6f6f6;\n\t.header-lf {\n\t\tdisplay: flex;\n\t\talign-items: center;\n\t\t.collapsed {\n\t\t\tmargin-right: 20px;\n\t\t\tfont-size: 18px;\n\t\t\tcursor: pointer;\n\t\t\ttransition: color 0.3s;\n\t\t}\n\t}\n\t.header-ri {\n\t\tdisplay: flex;\n\t\talign-items: center;\n\t\t.icon-style {\n\t\t\tmargin-right: 22px;\n\t\t\tfont-size: 19px;\n\t\t\tline-height: 19px;\n\t\t\tcursor: pointer;\n\t\t}\n\t\t.username {\n\t\t\tmargin: 0 20px 0 0;\n\t\t\tfont-size: 15px;\n\t\t}\n\t\t.ant-avatar {\n\t\t\tcursor: pointer;\n\t\t}\n\t}\n}\n.theme-item {\n\tdisplay: flex;\n\talign-items: center;\n\tjustify-content: space-between;\n\tmargin: 25px 0;\n\tspan {\n\t\tfont-size: 14px;\n\t}\n\t.ant-switch {\n\t\twidth: 46px;\n\t}\n}\n.divider {\n\tmargin: 0 0 22px !important;\n\tfont-size: 15px !important;\n\t.anticon {\n\t\tmargin-right: 10px;\n\t}\n}\n.ant-divider-with-text::before,\n.ant-divider-with-text::after {\n\tborder-top: 1px solid #dcdfe6 !important;\n}\n" }, { "path": "src/layouts/components/Header/index.tsx", "content": "import { useEffect } from \"react\";\nimport { connect } from \"react-redux\";\nimport { Layout } from \"antd\";\n\nimport { loginUserInfo } from \"@/api/modules/login\";\nimport { getDiscListAction } from \"@/redux/modules/disc/action\";\nimport { setToken, setUserInfo } from \"@/redux/modules/global/action\";\nimport { setTabsList } from \"@/redux/modules/tabs/action\";\nimport AssemblySize from \"./components/AssemblySize\";\nimport AvatarIcon from \"./components/AvatarIcon\";\nimport BreadcrumbNav from \"./components/BreadcrumbNav\";\nimport CollapseIcon from \"./components/CollapseIcon\";\nimport Fullscreen from \"./components/Fullscreen\";\nimport Theme from \"./components/Theme\";\n\nimport \"./index.less\";\n\nconst LayoutHeader = (props: any) => {\n\tconst { setToken, setUserInfo, setTabsList, getDiscListAction } = props;\n\n\t// 尝试从 props 中获取用户信息，如果没有登录行为，则从后端直接获取\n\tlet { userInfo } = props || {};\n\tconsole.log(\"LayoutHeader userInfo\", userInfo);\n\n\tconst { Header } = Layout;\n\n\tuseEffect(() => {\n\t\tlet toCheck = !userInfo || JSON.stringify(userInfo) === \"{}\";\n\t\tconsole.log(\"toCheck\", toCheck);\n\n\t\tif (toCheck) {\n\t\t\tconst fetchUsrInfo = async () => {\n\t\t\t\ttry {\n\t\t\t\t\tconst { status, result } = await loginUserInfo();\n\t\t\t\t\tconsole.log(\"请求用户信息: \", result);\n\n\t\t\t\t\tif (status && status.code == 0 && result && result.userId > 0) {\n\t\t\t\t\t\t// 保存 token 到 Redux 的状态中\n\t\t\t\t\t\tsetToken(String(result.userId));\n\t\t\t\t\t\t// 保存用户登录信息\n\t\t\t\t\t\tsetUserInfo(result);\n\t\t\t\t\t\tsetTabsList([]);\n\t\t\t\t\t\t// 获取字典数据\n\t\t\t\t\t\tgetDiscListAction();\n\t\t\t\t\t}\n\t\t\t\t} catch (e) {\n\t\t\t\t\tconsole.log(\"初始化用户身份异常!\", e);\n\t\t\t\t}\n\t\t\t};\n\t\t\t// 未拿到用户信息时，主动去拿一下\n\t\t\tfetchUsrInfo();\n\t\t}\n\t}, []);\n\n\treturn (\n\t\t
\n\t\t\t
\n\t\t\t\t\n\t\t\t\t\n\t\t\t
\n\t\t\t
\n\t\t\t\t\n\t\t\t\t\n\t\t\t\t\n\t\t\t\t{userInfo.userName || \"技术派\"}\n\t\t\t\t\n\t\t\t
\n\t\t
\n\t);\n};\n\nconst mapStateToProps = (state: any) => state.global;\nconst mapDispatchToProps = { setToken, setUserInfo, getDiscListAction, setTabsList };\nexport default connect(mapStateToProps, mapDispatchToProps)(LayoutHeader);\n" }, { "path": "src/layouts/components/Menu/components/Logo.tsx", "content": "import { connect } from \"react-redux\";\n\nimport logo from \"@/assets/images/logo.svg\";\nimport logoMd from \"@/assets/images/logo_md.png\";\nconst Logo = (props: any) => {\n\tconst { isCollapse } = props;\n\treturn (\n\t\t
\n\t\t\t\"logo\"\n\t\t
\n\t);\n};\n\nconst mapStateToProps = (state: any) => state.menu;\nexport default connect(mapStateToProps)(Logo);\n" }, { "path": "src/layouts/components/Menu/index.css", "content": ".menu {\n display: flex;\n flex-direction: column;\n justify-content: space-between;\n height: 100%;\n /* 去除菜单 Loading 遮罩层 */\n}\n.menu .logo-box {\n display: flex;\n align-items: center;\n justify-content: center;\n height: 55px;\n}\n.menu .logo-box .logo-img {\n width: 100px;\n margin: 0;\n}\n.menu .logo-box .logo-img-md {\n width: 30px;\n}\n.menu .logo-box .logo-text {\n margin: 0 0 0 10px;\n font-size: 24px;\n font-weight: bold;\n color: #dadada;\n white-space: nowrap;\n}\n.menu .ant-menu-root {\n flex: 1;\n overflow-x: hidden;\n overflow-y: auto;\n}\n.menu .ant-spin-nested-loading,\n.menu .ant-spin-container {\n display: flex;\n flex-direction: column;\n height: 100%;\n}\n.menu .ant-spin-nested-loading .ant-spin,\n.menu .ant-spin-container .ant-spin {\n max-height: 100% !important;\n}\n.menu .ant-spin-nested-loading .ant-spin-container::after,\n.menu .ant-spin-container .ant-spin-container::after {\n background: transparent !important;\n}\n.menu .ant-spin-nested-loading .ant-spin-blur,\n.menu .ant-spin-container .ant-spin-blur {\n overflow: auto !important;\n clear: none !important;\n opacity: 1 !important;\n}\n" }, { "path": "src/layouts/components/Menu/index.less", "content": ".menu {\n\tdisplay: flex;\n\tflex-direction: column;\n\tjustify-content: space-between;\n\theight: 100%;\n\t.logo-box {\n\t\tdisplay: flex;\n\t\talign-items: center;\n\t\tjustify-content: center;\n\t\theight: 55px;\n\t\t.logo-img {\n\t\t\twidth: 100px;\n\t\t\tmargin: 0;\n\t\t}\n\t\t.logo-img-md {\n\t\t\twidth: 30px;\n\t\t}\n\t\t.logo-text {\n\t\t\tmargin: 0 0 0 10px;\n\t\t\tfont-size: 24px;\n\t\t\tfont-weight: bold;\n\t\t\tcolor: #dadada;\n\t\t\twhite-space: nowrap;\n\t\t}\n\t}\n\t.ant-menu-root {\n\t\tflex: 1;\n\t\toverflow-x: hidden;\n\t\toverflow-y: auto;\n\t}\n\n\t/* 去除菜单 Loading 遮罩层 */\n\t.ant-spin-nested-loading,\n\t.ant-spin-container {\n\t\tdisplay: flex;\n\t\tflex-direction: column;\n\t\theight: 100%;\n\t\t.ant-spin {\n\t\t\tmax-height: 100% !important;\n\t\t}\n\t\t.ant-spin-container::after {\n\t\t\tbackground: transparent !important;\n\t\t}\n\t\t.ant-spin-blur {\n\t\t\toverflow: auto !important;\n\t\t\tclear: none !important;\n\t\t\topacity: 1 !important;\n\t\t}\n\t}\n}\n" }, { "path": "src/layouts/components/Menu/index.tsx", "content": "/**\n * 菜单控制\n */\nimport React, { useEffect, useState } from \"react\";\nimport { connect } from \"react-redux\";\nimport { useLocation, useNavigate } from \"react-router-dom\";\nimport * as Icons from \"@ant-design/icons\";\nimport type { MenuProps } from \"antd\";\nimport { Menu, Spin } from \"antd\";\n\nimport { setAuthRouter } from \"@/redux/modules/auth/action\";\nimport { setBreadcrumbList } from \"@/redux/modules/breadcrumb/action\";\nimport { setMenuList } from \"@/redux/modules/menu/action\";\nimport { currentMenuList } from \"@/routers/route\";\nimport { getOpenKeys, searchRoute } from \"@/utils/util\";\nimport Logo from \"./components/Logo\";\n\nimport \"./index.less\";\n\nconst LayoutMenu = (props: any) => {\n\tconst { pathname } = useLocation();\n\tconst { isCollapse } = props;\n\tconst [selectedKeys, setSelectedKeys] = useState([pathname]);\n\tconst [openKeys, setOpenKeys] = useState([]);\n\n\t// 刷新页面菜单保持高亮\n\tuseEffect(() => {\n\t\tsetSelectedKeys([pathname]);\n\t\tisCollapse ? null : setOpenKeys(getOpenKeys(pathname));\n\t}, [pathname, isCollapse]);\n\n\t// 设置当前展开的 subMenu\n\tconst onOpenChange = (openKeys: string[]) => {\n\t\tif (openKeys.length === 0 || openKeys.length === 1) return setOpenKeys(openKeys);\n\t\tconst latestOpenKey = openKeys[openKeys.length - 1];\n\t\tif (latestOpenKey.includes(openKeys[0])) return setOpenKeys(openKeys);\n\t\tsetOpenKeys([latestOpenKey]);\n\t};\n\n\t// 定义 menu 类型\n\ttype MenuItem = Required[\"items\"][number];\n\n\t// 动态渲染 Icon 图标\n\tconst customIcons: { [key: string]: any } = Icons;\n\n\t// 处理后台返回菜单 key 值为 antd 菜单需要的 key 值\n\t// const deepLoopFloat = (menuList: Menu.MenuOptions[], newArr: MenuItem[] = []) => {\n\t// \tmenuList.forEach((item: Menu.MenuOptions) => {\n\t// \t\t// 下面判断代码解释 *** !item?.children?.length ==> (!item.children || item.children.length === 0)\n\t// \t\tif (!item?.children?.length) return newArr.push(getItem(item.title, item.path, addIcon(item.icon!)));\n\t// \t\tnewArr.push(getItem(item.title, item.path, addIcon(item.icon!), deepLoopFloat(item.children)));\n\t// \t});\n\t// \treturn newArr;\n\t// };\n\n\t// 获取菜单列表并处理成 antd menu 需要的格式\n\t// const [menuList, setMenuList] = useState([]);\n\tconst [loading, setLoading] = useState(false);\n\t// const getMenuData = async () => {\n\t// \t// setLoading(true);\n\t// \ttry {\n\t// \t\t// const { data } = await getMenuList();\n\t// \t\t// if (!data) return;\n\t// \t\tsetMenuList(deepLoopFloat(currentMenuList));\n\t// \t\t// 存储处理过后的所有面包屑导航栏到 redux 中\n\t// \t\tsetBreadcrumbList(findAllBreadcrumb(currentMenuList));\n\t// \t\t// 把路由菜单处理成一维数组，存储到 redux 中，做菜单权限判断\n\t// \t\tconst dynamicRouter = handleRouter(currentMenuList);\n\t// \t\tsetAuthRouter(dynamicRouter);\n\t// \t\tsetMenuListAction(currentMenuList);\n\t// \t} finally {\n\t// \t\tsetLoading(false);\n\t// \t}\n\t// };\n\t// useEffect(() => {\n\t// \tgetMenuData();\n\t// }, []);\n\n\t// 点击当前菜单跳转页面\n\tconst navigate = useNavigate();\n\tconst clickMenu: MenuProps[\"onClick\"] = ({ key }: { key: string }) => {\n\t\tconst route = searchRoute(key, props.menuList);\n\t\tconsole.log({ route, props });\n\n\t\tif (route.isLink) window.open(route.isLink, \"_blank\");\n\t\tconsole.log({ key });\n\n\t\tnavigate(key);\n\t};\n\n\treturn (\n\t\t
\n\t\t\t\n\t\t\t\t\n\t\t\t\t\n\t\t\t\n\t\t
\n\t);\n};\n\nconst mapStateToProps = (state: any) => state.menu;\nconst mapDispatchToProps = { setMenuList, setBreadcrumbList, setAuthRouter };\nexport default connect(mapStateToProps, mapDispatchToProps)(LayoutMenu);\n" }, { "path": "src/layouts/components/Tabs/components/MoreButton.tsx", "content": "import { useTranslation } from \"react-i18next\";\nimport { useLocation, useNavigate } from \"react-router-dom\";\nimport { DownOutlined } from \"@ant-design/icons\";\nimport { Button, Dropdown, Menu } from \"antd\";\n\nimport { HOME_URL } from \"@/config/config\";\n\nconst MoreButton = (props: any) => {\n\tconst { t } = useTranslation();\n\tconst { pathname } = useLocation();\n\tconst navigate = useNavigate();\n\n\t// close multipleTab\n\tconst closeMultipleTab = (tabPath?: string) => {\n\t\tconst handleTabsList = props.tabsList.filter((item: Menu.MenuOptions) => {\n\t\t\treturn item.path === tabPath || item.path === HOME_URL;\n\t\t});\n\t\tprops.setTabsList(handleTabsList);\n\t\ttabPath ?? navigate(HOME_URL);\n\t};\n\n\tconst menu = (\n\t\t{t(\"tabs.closeCurrent\")},\n\t\t\t\t\tonClick: () => props.delTabs(pathname)\n\t\t\t\t},\n\t\t\t\t{\n\t\t\t\t\tkey: \"2\",\n\t\t\t\t\tlabel: {t(\"tabs.closeOther\")},\n\t\t\t\t\tonClick: () => closeMultipleTab(pathname)\n\t\t\t\t},\n\t\t\t\t{\n\t\t\t\t\tkey: \"3\",\n\t\t\t\t\tlabel: {t(\"tabs.closeAll\")},\n\t\t\t\t\tonClick: () => closeMultipleTab()\n\t\t\t\t}\n\t\t\t]}\n\t\t/>\n\t);\n\treturn (\n\t\t\n\t\t\t\n\t\t\n\t);\n};\nexport default MoreButton;\n" }, { "path": "src/layouts/components/Tabs/index.less", "content": ".tabs {\n\tposition: relative;\n\tborder-bottom: 1px solid #e4e7ed;\n\t.ant-tabs {\n\t\tpadding: 0 90px 0 13px;\n\t\t.ant-tabs-nav {\n\t\t\tmargin: 0;\n\t\t\t&::before {\n\t\t\t\tborder: none;\n\t\t\t}\n\t\t\t.ant-tabs-ink-bar {\n\t\t\t\tvisibility: visible;\n\t\t\t}\n\t\t\t.ant-tabs-tab-with-remove.ant-tabs-tab-active {\n\t\t\t\t.ant-tabs-tab-remove {\n\t\t\t\t\ttop: 1px;\n\t\t\t\t\tmargin: 7px;\n\t\t\t\t\tcolor: @primary-color !important;\n\t\t\t\t\topacity: 1 !important;\n\t\t\t\t}\n\t\t\t\t.ant-tabs-tab-btn {\n\t\t\t\t\ttransform: translateX(-9px);\n\t\t\t\t}\n\t\t\t}\n\t\t\t.ant-tabs-tab {\n\t\t\t\tpadding: 8px 22px;\n\t\t\t\tcolor: #cccccc;\n\t\t\t\tbackground: none;\n\t\t\t\tborder: none;\n\t\t\t\ttransition: none;\n\t\t\t\t.anticon-home {\n\t\t\t\t\tmargin-right: 7px;\n\t\t\t\t}\n\t\t\t\t.ant-tabs-tab-remove {\n\t\t\t\t\tposition: absolute;\n\t\t\t\t\tright: 0;\n\t\t\t\t\tcolor: #cccccc;\n\t\t\t\t\topacity: 0;\n\t\t\t\t\ttransition: 0.1s ease-in-out;\n\t\t\t\t\t&:hover {\n\t\t\t\t\t\tcolor: @primary-color;\n\t\t\t\t\t}\n\t\t\t\t}\n\t\t\t}\n\t\t\t.ant-tabs-tab.ant-tabs-tab-with-remove {\n\t\t\t\t&:hover {\n\t\t\t\t\t.ant-tabs-tab-remove {\n\t\t\t\t\t\ttop: 1px;\n\t\t\t\t\t\tmargin: 7px;\n\t\t\t\t\t\topacity: 1;\n\t\t\t\t\t\ttransition: 0.1s ease-in-out;\n\t\t\t\t\t}\n\t\t\t\t\t.ant-tabs-tab-btn {\n\t\t\t\t\t\ttransform: translateX(-9px);\n\t\t\t\t\t}\n\t\t\t\t}\n\t\t\t}\n\t\t}\n\t}\n\t.more-button {\n\t\tposition: absolute;\n\t\ttop: 8px;\n\t\tright: 13px;\n\t\tpadding-left: 10px;\n\t\tfont-size: 12px;\n\t}\n}\n\n/* tabs 超出显示的样式 */\n.ant-tabs-dropdown {\n\t.ant-tabs-dropdown-menu-item {\n\t\t.anticon-home {\n\t\t\tmargin-right: 7px;\n\t\t}\n\t}\n}\n\n/* tabs 不受全局组件大小影响 */\n.ant-tabs-small > .ant-tabs-nav .ant-tabs-tab,\n.ant-tabs-large > .ant-tabs-nav .ant-tabs-tab {\n\tpadding: 8px 22px !important;\n\tfont-size: 14px !important;\n}\n" }, { "path": "src/layouts/components/Tabs/index.tsx", "content": "import { useEffect, useState } from \"react\";\nimport { connect } from \"react-redux\";\nimport { useLocation, useNavigate } from \"react-router-dom\";\nimport { HomeFilled } from \"@ant-design/icons\";\nimport { message, Tabs } from \"antd\";\n\nimport { HOME_URL } from \"@/config/config\";\nimport { setTabsList } from \"@/redux/modules/tabs/action\";\nimport { routerArray } from \"@/routers\";\nimport { searchRoute } from \"@/utils/util\";\nimport MoreButton from \"./components/MoreButton\";\n\nimport \"./index.less\";\n\nconst LayoutTabs = (props: any) => {\n\tconst { tabsList } = props.tabs;\n\tconst { themeConfig } = props.global;\n\tconst { setTabsList } = props;\n\tconst { TabPane } = Tabs;\n\tconst { pathname } = useLocation();\n\tconst navigate = useNavigate();\n\tconst [activeValue, setActiveValue] = useState(pathname);\n\n\tuseEffect(() => {\n\t\taddTabs();\n\t}, [pathname]);\n\n\t// click tabs\n\tconst clickTabs = (path: string) => {\n\t\tnavigate(path);\n\t};\n\n\t// add tabs\n\tconst addTabs = () => {\n\t\tconst route = searchRoute(pathname, routerArray);\n\t\tlet newTabsList = JSON.parse(JSON.stringify(tabsList));\n\t\tif (tabsList.every((item: any) => item.path !== route.path)) {\n\t\t\tnewTabsList.push({ title: route.meta!.title, path: route.path });\n\t\t}\n\t\tsetTabsList(newTabsList);\n\t\tsetActiveValue(pathname);\n\t};\n\n\t// delete tabs\n\tconst delTabs = (tabPath?: string) => {\n\t\tif (tabPath === HOME_URL) return;\n\t\tif (pathname === tabPath) {\n\t\t\ttabsList.forEach((item: Menu.MenuOptions, index: number) => {\n\t\t\t\tif (item.path !== pathname) return;\n\t\t\t\tconst nextTab = tabsList[index + 1] || tabsList[index - 1];\n\t\t\t\tif (!nextTab) return;\n\t\t\t\tnavigate(nextTab.path);\n\t\t\t});\n\t\t}\n\t\tmessage.success(\"你删除了Tabs标签 😆😆😆\");\n\t\tsetTabsList(tabsList.filter((item: Menu.MenuOptions) => item.path !== tabPath));\n\t};\n\n\treturn (\n\t\t<>\n\t\t\t{!themeConfig.tabs && (\n\t\t\t\t
\n\t\t\t\t\t {\n\t\t\t\t\t\t\tdelTabs(path as string);\n\t\t\t\t\t\t}}\n\t\t\t\t\t>\n\t\t\t\t\t\t{tabsList.map((item: Menu.MenuOptions) => {\n\t\t\t\t\t\t\treturn (\n\t\t\t\t\t\t\t\t\n\t\t\t\t\t\t\t\t\t\t\t{item.path == HOME_URL ? : \"\"}\n\t\t\t\t\t\t\t\t\t\t\t{item.title}\n\t\t\t\t\t\t\t\t\t\t\n\t\t\t\t\t\t\t\t\t}\n\t\t\t\t\t\t\t\t\tclosable={item.path !== HOME_URL}\n\t\t\t\t\t\t\t\t>\n\t\t\t\t\t\t\t);\n\t\t\t\t\t\t})}\n\t\t\t\t\t\n\t\t\t\t\t\n\t\t\t\t
\n\t\t\t)}\n\t\t\n\t);\n};\n\nconst mapStateToProps = (state: any) => state;\nconst mapDispatchToProps = { setTabsList };\nexport default connect(mapStateToProps, mapDispatchToProps)(LayoutTabs);\n" }, { "path": "src/layouts/index.less", "content": ".container {\n\tdisplay: flex;\n\tmin-width: 950px;\n\theight: 100%;\n\tmax-width: 100%;\n\toverflow-x: hidden;\n\tbox-sizing: border-box;\n\t\n\t.ant-layout-sider {\n\t\tbox-sizing: border-box;\n\t\tflex-shrink: 0;\n\t}\n\t.ant-layout {\n\t\t/* 防止 tabs 超出不收缩 */\n\t\toverflow-x: hidden;\n\t\tmin-width: 0;\n\t\tflex: 1;\n\t\t\n\t\t.ant-layout-content {\n\t\t\tbox-sizing: border-box;\n\t\t\tflex: 1;\n\t\t\tpadding: 10px 12px;\n\t\t\toverflow-x: hidden;\n\t\t\tmax-width: 100%;\n\t\t}\n\n\t\t&-sider {\n\t\t\tbackground: #001529;\n\t\t}\n\t}\n\n\t// 平板和手机端适配\n\t@media (max-width: 768px) {\n\t\tmin-width: 100%;\n\t\t\n\t\t.ant-layout {\n\t\t\twidth: 100%;\n\t\t\tmin-width: 0;\n\t\t}\n\t\t\n\t\t.ant-layout-content {\n\t\t\tpadding: 8px 6px;\n\t\t}\n\t}\n\n\t@media (max-width: 480px) {\n\t\t.ant-layout-content {\n\t\t\tpadding: 4px 2px;\n\t\t}\n\t}\n}\n" }, { "path": "src/layouts/index.tsx", "content": "import { useEffect } from \"react\";\nimport { connect } from \"react-redux\";\nimport { Outlet } from \"react-router-dom\";\nimport { Layout } from \"antd\";\n\nimport { updateCollapse } from \"@/redux/modules/menu/action\";\nimport LayoutFooter from \"./components/Footer\";\nimport LayoutHeader from \"./components/Header\";\nimport LayoutMenu from \"./components/Menu\";\nimport LayoutTabs from \"./components/Tabs\";\n\nimport \"./index.less\";\n\nconst LayoutIndex = (props: any) => {\n\tconst { Sider, Content } = Layout;\n\tconst { isCollapse, updateCollapse, setAuthButtons } = props;\n\n\t// 监听窗口大小变化\n\tconst listeningWindow = () => {\n\t\twindow.onresize = () => {\n\t\t\treturn (() => {\n\t\t\t\tlet screenWidth = document.body.clientWidth;\n\t\t\t\tif (!isCollapse && screenWidth < 1200) updateCollapse(true);\n\t\t\t\tif (!isCollapse && screenWidth > 1200) updateCollapse(false);\n\t\t\t})();\n\t\t};\n\t};\n\n\tuseEffect(() => {\n\t\tlisteningWindow();\n\t}, []);\n\n\treturn (\n\t\t// 这里不用 Layout 组件原因是切换页面时样式会先错乱然后在正常显示，造成页面闪屏效果\n\t\t
\n\t\t\t\n\t\t\t\t\n\t\t\t\n\t\t\t\n\t\t\t\t\n\t\t\t\t\n\t\t\t\t\n\t\t\t\t\t\n\t\t\t\t\n\t\t\t\t\n\t\t\t\n\t\t
\n\t);\n};\n\nconst mapStateToProps = (state: any) => state.menu;\nconst mapDispatchToProps = { updateCollapse };\nexport default connect(mapStateToProps, mapDispatchToProps)(LayoutIndex);\n" }, { "path": "src/main.tsx", "content": "import React from \"react\";\nimport ReactDOM from \"react-dom/client\";\nimport { Provider } from \"react-redux\";\nimport { PersistGate } from \"redux-persist/integration/react\";\n\nimport App from \"@/App\";\nimport { persistor, store } from \"@/redux\";\n\nimport \"@/styles/reset.less\";\nimport \"@/assets/iconfont/iconfont.less\";\nimport \"@/assets/fonts/font.less\";\nimport \"@/styles/common.less\";\nimport \"virtual:svg-icons-register\";\n\nconst root = ReactDOM.createRoot(document.getElementById(\"root\")!);\nroot.render(\n\t\n\t\t\n\t\t\t\n\t\t\n\t\n);\n" }, { "path": "src/redux/index.ts", "content": "/* eslint-disable simple-import-sort/imports */\n/* eslint-disable prettier/prettier */\nimport { Action, combineReducers, compose, legacy_createStore as createStore, Store } from \"redux\";\nimport { ThunkAction, ThunkDispatch } from 'redux-thunk';\nimport { applyMiddleware } from \"redux\";\nimport { persistReducer, persistStore } from \"redux-persist\";\nimport storage from \"redux-persist/lib/storage\";\nimport reduxPromise from \"redux-promise\";\nimport reduxThunk from \"redux-thunk\";\n\nimport auth from \"./modules/auth/reducer\";\nimport breadcrumb from \"./modules/breadcrumb/reducer\";\nimport disc from \"./modules/disc/reducer\";\nimport global from \"./modules/global/reducer\";\nimport menu from \"./modules/menu/reducer\";\nimport tabs from \"./modules/tabs/reducer\";\n\n// 创建reducer(拆分reducer)\nconst reducer = combineReducers({\n\tglobal,\n\tmenu,\n\ttabs,\n\tauth,\n\tbreadcrumb,\n\tdisc\n});\n\nexport type RootState = ReturnType;\n// 定义自定义的 thunk action 类型\nexport type AppThunk = ThunkAction<\n ReturnType,\n RootState,\n unknown,\n Action\n>;\n\n// 定义自定义的 dispatch 类型\nexport type AppDispatch = ThunkDispatch>;\n\n// redux 持久化配置\nconst persistConfig = {\n\tkey: \"redux-state\",\n\tstorage: storage\n};\nconst persistReducerConfig = persistReducer(persistConfig, reducer);\n\n// 开启 redux-devtools\nconst composeEnhancers = window.__REDUX_DEVTOOLS_EXTENSION_COMPOSE__ || compose;\n\n// 使用 redux 中间件\nconst middleWares = applyMiddleware(reduxThunk, reduxPromise);\n\n// 创建 store\nconst store: Store = createStore(persistReducerConfig, composeEnhancers(middleWares));\n\n// 创建持久化 store\nconst persistor = persistStore(store);\n\nexport { persistor, store };\n" }, { "path": "src/redux/interface/index.ts", "content": "import type { SizeType } from \"antd/lib/config-provider/SizeContext\";\n\nimport { MapItem } from \"@/typings/common\";\n\n/* themeConfigProp */\nexport interface ThemeConfigProp {\n\tprimary: string;\n\tisDark: boolean;\n\tweakOrGray: string;\n\tbreadcrumb: boolean;\n\ttabs: boolean;\n\tfooter: boolean;\n}\n\n/* GlobalState */\nexport interface GlobalState {\n\ttoken: string;\n\tuserInfo: any;\n\tassemblySize: SizeType;\n\tthemeConfig: ThemeConfigProp;\n}\n\n/* MenuState */\nexport interface MenuState {\n\tisCollapse: boolean;\n\tmenuList: Menu.MenuOptions[];\n}\n\n/* TabsState */\nexport interface TabsState {\n\ttabsActive: string;\n\ttabsList: Menu.MenuOptions[];\n}\n\n/* BreadcrumbState */\nexport interface BreadcrumbState {\n\tbreadcrumbList: {\n\t\t[propName: string]: any;\n\t};\n}\n\n/* AuthState */\nexport interface AuthState {\n\tauthButtons: {\n\t\t[propName: string]: any;\n\t};\n\tauthRouter: string[];\n}\n\n/**discState */\nexport interface DiscState {\n\tdisc: MapItem[];\n}\n" }, { "path": "src/redux/modules/auth/action.ts", "content": "import * as types from \"@/redux/mutation-types\";\n\n// * setAuthButtons\nexport const setAuthButtons = (authButtons: { [propName: string]: any }) => ({\n\ttype: types.SET_AUTH_BUTTONS,\n\tauthButtons\n});\n\n// * setAuthRouter\nexport const setAuthRouter = (authRouter: string[]) => ({\n\ttype: types.SET_AUTH_ROUTER,\n\tauthRouter\n});\n" }, { "path": "src/redux/modules/auth/reducer.ts", "content": "import produce from \"immer\";\nimport { AnyAction } from \"redux\";\n\nimport { AuthState } from \"@/redux/interface\";\nimport * as types from \"@/redux/mutation-types\";\n\nconst authState: AuthState = {\n\tauthButtons: {},\n\tauthRouter: []\n};\n\n// auth reducer\nconst auth = (state: AuthState = authState, action: AnyAction) =>\n\tproduce(state, draftState => {\n\t\tswitch (action.type) {\n\t\t\tcase types.SET_AUTH_BUTTONS:\n\t\t\t\tdraftState.authButtons = action.authButtons;\n\t\t\t\tbreak;\n\t\t\tcase types.SET_AUTH_ROUTER:\n\t\t\t\tdraftState.authRouter = action.authRouter;\n\t\t\t\tbreak;\n\t\t\tdefault:\n\t\t\t\treturn draftState;\n\t\t}\n\t});\n\nexport default auth;\n" }, { "path": "src/redux/modules/breadcrumb/action.ts", "content": "import * as types from \"@/redux/mutation-types\";\n\n// * setBreadcrumbList\nexport const setBreadcrumbList = (breadcrumbList: { [propName: string]: any }) => ({\n\ttype: types.SET_BREADCRUMB_LIST,\n\tbreadcrumbList\n});\n" }, { "path": "src/redux/modules/breadcrumb/reducer.ts", "content": "import produce from \"immer\";\nimport { AnyAction } from \"redux\";\n\nimport { BreadcrumbState } from \"@/redux/interface\";\nimport * as types from \"@/redux/mutation-types\";\n\nconst breadcrumbState: BreadcrumbState = {\n\tbreadcrumbList: {}\n};\n\n// breadcrumb reducer\nconst breadcrumb = (state: BreadcrumbState = breadcrumbState, action: AnyAction) =>\n\tproduce(state, draftState => {\n\t\tswitch (action.type) {\n\t\t\tcase types.SET_BREADCRUMB_LIST:\n\t\t\t\tdraftState.breadcrumbList = action.breadcrumbList;\n\t\t\t\tbreak;\n\t\t\tdefault:\n\t\t\t\treturn draftState;\n\t\t}\n\t});\n\nexport default breadcrumb;\n" }, { "path": "src/redux/modules/disc/action.ts", "content": "import { toPairs } from \"lodash\";\nimport { Dispatch } from \"redux\";\n\nimport { getDiscListApi } from \"@/api/modules/common\";\nimport * as types from \"@/redux/mutation-types\";\n\n// * setDiscList\n// export const setDiscList = discList => ({\n// \ttype: types.UPDATE_DISC,\n// \tdiscList\n// });\n// * redux-promise《async/await》\nconst dictTransform = (dict = {}, keys = [\"id\", \"title\"]) => {\n\tconsole.log(\"字典 d\", dict);\n\n\treturn toPairs(dict).map(item => {\n\t\treturn {\n\t\t\t[keys[0]]: item[0],\n\t\t\t[keys[1]]: item[1]\n\t\t};\n\t});\n};\n\n// * redux-thunk\n// 获取字典数据\n// 异步 action creator\nexport const getDiscListAction = () => {\n\treturn async (dispatch: Dispatch) => {\n\t\tconst { result } = (await getDiscListApi()) || {};\n\t\tconsole.log(\"获取字典，getDiscListAction\");\n\n\t\tlet dictionaryMap = {};\n\t\tfor (const key in result as object) {\n\t\t\tif (Object.getOwnPropertyDescriptor(result, key)) {\n\t\t\t\t// @ts-ignore\n\t\t\t\tdictionaryMap[key] = result[key];\n\t\t\t\t// @ts-ignore\n\t\t\t\tdictionaryMap[`${key}List`] = dictTransform(result[key], [\"value\", \"label\"]);\n\t\t\t}\n\t\t}\n\n\t\tconsole.log(\"字典\", dictionaryMap);\n\n\t\t// 分发 action 更新 state\n\t\tdispatch({\n\t\t\ttype: types.UPDATE_DISC,\n\t\t\tdiscList: dictionaryMap\n\t\t});\n\t};\n};\n" }, { "path": "src/redux/modules/disc/reducer.ts", "content": "import produce from \"immer\";\nimport { AnyAction } from \"redux\";\n\nimport { DiscState } from \"@/redux/interface\";\nimport * as types from \"@/redux/mutation-types\";\n\nconst discState: DiscState = {\n\tdisc: []\n};\n\n// disc reducer\nconst disc = (state: DiscState = discState, action: AnyAction) =>\n\tproduce(state, draftState => {\n\t\tswitch (action.type) {\n\t\t\tcase types.UPDATE_DISC:\n\t\t\t\tdraftState.disc = action.discList;\n\t\t\t\tbreak;\n\t\t\tdefault:\n\t\t\t\treturn draftState;\n\t\t}\n\t});\n\nexport default disc;\n" }, { "path": "src/redux/modules/global/action.ts", "content": "import { ThemeConfigProp } from \"@/redux/interface/index\";\nimport * as types from \"@/redux/mutation-types\";\nimport { MapItem } from \"@/typings/common\";\n\n// * setToken\nexport const setToken = (token: string) => ({\n\ttype: types.SET_TOKEN,\n\ttoken\n});\n\nexport const setUserInfo = (userInfo: MapItem) => {\n\treturn {\n\t\ttype: types.USER_INFO,\n\t\tuserInfo\n\t};\n};\n\n// * setAssemblySize\nexport const setAssemblySize = (assemblySize: string) => ({\n\ttype: types.SET_ASSEMBLY_SIZE,\n\tassemblySize\n});\n\n// * setThemeConfig\nexport const setThemeConfig = (themeConfig: ThemeConfigProp) => ({\n\ttype: types.SET_THEME_CONFIG,\n\tthemeConfig\n});\n" }, { "path": "src/redux/modules/global/reducer.ts", "content": "import produce from \"immer\";\nimport { AnyAction } from \"redux\";\n\nimport { GlobalState } from \"@/redux/interface\";\nimport * as types from \"@/redux/mutation-types\";\n\nconst globalState: GlobalState = {\n\ttoken: \"\",\n\tuserInfo: {},\n\tassemblySize: \"middle\",\n\tthemeConfig: {\n\t\t// 默认 primary 主题颜色\n\t\tprimary: \"#1890ff\",\n\t\t// 深色模式\n\t\tisDark: false,\n\t\t// 色弱模式(weak) || 灰色模式(gray)\n\t\tweakOrGray: \"\",\n\t\t// 面包屑导航\n\t\tbreadcrumb: true,\n\t\t// 标签页\n\t\ttabs: true,\n\t\t// 页脚\n\t\tfooter: true\n\t}\n};\n\n// global reducer\nconst global = (state: GlobalState = globalState, action: AnyAction) => {\n\tconsole.log({ action });\n\n\treturn produce(state, draftState => {\n\t\tswitch (action.type) {\n\t\t\tcase types.SET_TOKEN:\n\t\t\t\tdraftState.token = action.token;\n\t\t\t\tbreak;\n\t\t\tcase types.USER_INFO:\n\t\t\t\tdraftState.userInfo = action.userInfo;\n\t\t\t\tbreak;\n\t\t\tcase types.SET_ASSEMBLY_SIZE:\n\t\t\t\tdraftState.assemblySize = action.assemblySize;\n\t\t\t\tbreak;\n\t\t\tcase types.SET_THEME_CONFIG:\n\t\t\t\tdraftState.themeConfig = action.themeConfig;\n\t\t\t\tbreak;\n\t\t\tdefault:\n\t\t\t\treturn draftState;\n\t\t}\n\t});\n};\nexport default global;\n" }, { "path": "src/redux/modules/menu/action.ts", "content": "import { Dispatch } from \"react\";\n\nimport { getMenuList } from \"@/api/modules/login\";\nimport * as types from \"@/redux/mutation-types\";\n\n// * updateCollapse\nexport const updateCollapse = (isCollapse: boolean) => ({\n\ttype: types.UPDATE_COLLAPSE,\n\tisCollapse\n});\n\n// * setMenuList\nexport const setMenuList = (menuList: Menu.MenuOptions[]) => ({\n\ttype: types.SET_MENU_LIST,\n\tmenuList\n});\n\n// ? 下面方法仅为测试使用，不参与任何功能开发\ninterface MenuProps {\n\ttype: string;\n\tmenuList: Menu.MenuOptions[];\n}\n// * redux-thunk\nexport const getMenuListActionThunk = () => {\n\treturn async (dispatch: Dispatch) => {\n\t\tconst res = await getMenuList();\n\t\tdispatch({\n\t\t\ttype: types.SET_MENU_LIST,\n\t\t\tmenuList: (res.data as Menu.MenuOptions[]) ?? []\n\t\t});\n\t};\n};\n\n// * redux-promise《async/await》\nexport const getMenuListAction = async (): Promise => {\n\tconst res = await getMenuList();\n\treturn {\n\t\ttype: types.SET_MENU_LIST,\n\t\tmenuList: res.data ? res.data : []\n\t};\n};\n\n// * redux-promise《.then/.catch》\nexport const getMenuListActionPromise = (): Promise => {\n\treturn getMenuList().then(res => {\n\t\treturn {\n\t\t\ttype: types.SET_MENU_LIST,\n\t\t\tmenuList: res.data ? res.data : []\n\t\t};\n\t});\n};\n" }, { "path": "src/redux/modules/menu/reducer.ts", "content": "import produce from \"immer\";\nimport { AnyAction } from \"redux\";\n\nimport { MenuState } from \"@/redux/interface\";\nimport * as types from \"@/redux/mutation-types\";\n\nconst menuState: MenuState = {\n\tisCollapse: false,\n\tmenuList: []\n};\n\n// menu reducer\nconst menu = (state: MenuState = menuState, action: AnyAction) =>\n\tproduce(state, draftState => {\n\t\tswitch (action.type) {\n\t\t\tcase types.UPDATE_COLLAPSE:\n\t\t\t\tdraftState.isCollapse = action.isCollapse;\n\t\t\t\tbreak;\n\t\t\tcase types.SET_MENU_LIST:\n\t\t\t\tdraftState.menuList = action.menuList;\n\t\t\t\tbreak;\n\t\t\tdefault:\n\t\t\t\treturn draftState;\n\t\t}\n\t});\n\nexport default menu;\n" }, { "path": "src/redux/modules/tabs/action.ts", "content": "import * as types from \"@/redux/mutation-types\";\n\n// * setTabsList\nexport const setTabsList = (tabsList: Menu.MenuOptions[]) => ({\n\ttype: types.SET_TABS_LIST,\n\ttabsList\n});\n\n// * setTabsActive\nexport const setTabsActive = (tabsActive: string) => ({\n\ttype: types.SET_TABS_ACTIVE,\n\ttabsActive\n});\n" }, { "path": "src/redux/modules/tabs/reducer.ts", "content": "import produce from \"immer\";\nimport { AnyAction } from \"redux\";\n\nimport { HOME_URL } from \"@/config/config\";\nimport { TabsState } from \"@/redux/interface\";\nimport * as types from \"@/redux/mutation-types\";\n\nconst tabsState: TabsState = {\n\t// tabsActive 其实没啥用，使用 pathname 就可以了😂\n\ttabsActive: HOME_URL,\n\ttabsList: [{ title: \"首页\", path: HOME_URL }]\n};\n\n// tabs reducer\nconst tabs = (state: TabsState = tabsState, action: AnyAction) =>\n\tproduce(state, draftState => {\n\t\tswitch (action.type) {\n\t\t\tcase types.SET_TABS_LIST:\n\t\t\t\tdraftState.tabsList = action.tabsList;\n\t\t\t\tbreak;\n\t\t\tcase types.SET_TABS_ACTIVE:\n\t\t\t\tdraftState.tabsActive = action.tabsActive;\n\t\t\t\tbreak;\n\t\t\tdefault:\n\t\t\t\treturn draftState;\n\t\t}\n\t});\n\nexport default tabs;\n" }, { "path": "src/redux/mutation-types.ts", "content": "// 更新 menu 折叠状态\nexport const UPDATE_COLLAPSE = \"UPDATE_ASIDE_COLLAPSE\";\n// 设置 menuList\nexport const SET_MENU_LIST = \"SET_MENU_LIST\";\n// 设置 tabsList\nexport const SET_TABS_LIST = \"SET_TABS_LIST\";\n// 设置 tabsActive\nexport const SET_TABS_ACTIVE = \"SET_TABS_ACTIVE\";\n// 设置 breadcrumb\nexport const SET_BREADCRUMB_LIST = \"SET_BREADCRUMB_LIST\";\n// 设置 authButtons\nexport const SET_AUTH_BUTTONS = \"SET_AUTH_BUTTONS\";\n// 设置 authRouter\nexport const SET_AUTH_ROUTER = \"SET_AUTH_ROUTER\";\n// 设置 token\nexport const SET_TOKEN = \"SET_TOKEN\";\n// 设置 userInfo\nexport const USER_INFO = \"USER_INFO\";\n// 设置 assemblySize\nexport const SET_ASSEMBLY_SIZE = \"SET_ASSEMBLY_SIZE\";\n// 设置 setThemeConfig\nexport const SET_THEME_CONFIG = \"SET_THEME_CONFIG\";\n// 设置字典值\nexport const UPDATE_DISC = \"UPDATE_DISC\";\n" }, { "path": "src/routers/constant.tsx", "content": "import Layout from \"@/layouts/index\";\n/**\n * @description: default layout\n */\nexport const LayoutIndex = () => ;\n" }, { "path": "src/routers/index.tsx", "content": "import { Navigate, useRoutes } from \"react-router-dom\";\n\nimport { RouteObject } from \"@/routers/interface\";\nimport Login from \"@/views/login/index\";\n\n// * 导入所有router\nconst metaRouters = import.meta.globEager(\"./modules/*.tsx\") as Record>;\nconsole.log(\"metaRouters\", metaRouters);\n\n// * 处理路由\nexport const routerArray: RouteObject[] = [];\n\nObject.keys(metaRouters).forEach(item => {\n\tconsole.log(\"item\", item);\n\tconst router = metaRouters[item];\n\n\tObject.keys(router).forEach((key: any) => {\n\t\tconsole.log(\"key\", key);\n\n\t\trouterArray.push(...router[key]);\n\t});\n});\n\nexport const rootRouter: RouteObject[] = [\n\t{\n\t\tpath: \"/\",\n\t\telement: \n\t},\n\t{\n\t\tpath: \"/login\",\n\t\telement: ,\n\t\tmeta: {\n\t\t\ttitle: \"登录页\",\n\t\t\tkey: \"login\"\n\t\t}\n\t},\n\t...routerArray,\n\t{\n\t\tpath: \"*\",\n\t\telement: \n\t}\n];\n\nconst Router = () => {\n\tconst routes = useRoutes(rootRouter);\n\tconsole.log(\"routes\", { routes });\n\n\treturn routes;\n};\n\nexport default Router;\n" }, { "path": "src/routers/interface/index.ts", "content": "export interface MetaProps {\n\tkeepAlive?: boolean;\n\trequiresAuth?: boolean;\n\ttitle: string;\n\tkey?: string;\n}\n\nexport interface RouteObject {\n\tcaseSensitive?: boolean;\n\tchildren?: RouteObject[];\n\telement?: React.ReactNode;\n\tindex?: false;\n\tpath?: string;\n\tmeta?: MetaProps;\n\tisLink?: string;\n}\n" }, { "path": "src/routers/modules/aiConfig.tsx", "content": "import { LayoutIndex } from \"@/routers/constant\";\nimport { RouteObject } from \"@/routers/interface\";\nimport AiConfigPage from \"@/views/aiConfig\";\n\nconst aiConfigRouter: Array = [\n\t{\n\t\telement: ,\n\t\tchildren: [\n\t\t\t{\n\t\t\t\tpath: \"/ai/config/index\",\n\t\t\t\telement: ,\n\t\t\t\tmeta: {\n\t\t\t\t\ttitle: \"AI模型配置\",\n\t\t\t\t\tkey: \"ai-config\"\n\t\t\t\t}\n\t\t\t}\n\t\t]\n\t}\n];\n\nexport default aiConfigRouter;\n" }, { "path": "src/routers/modules/article.tsx", "content": "import React from \"react\";\n\nimport { LayoutIndex } from \"@/routers/constant\";\nimport { RouteObject } from \"@/routers/interface\";\nimport Article from \"@/views/article/list\";\nimport lazyLoad from \"../utils/lazyLoad\";\n\nconst articleRouter: Array = [\n\t{\n\t\telement: ,\n\t\tchildren: [\n\t\t\t{\n\t\t\t\tpath: \"/article\",\n\t\t\t\tmeta: {\n\t\t\t\t\t// requiresAuth: true,\n\t\t\t\t\ttitle: \"文章\",\n\t\t\t\t\tkey: \"/article\"\n\t\t\t\t},\n\t\t\t\tchildren: [\n\t\t\t\t\t{\n\t\t\t\t\t\tpath: \"/article/list/index\",\n\t\t\t\t\t\telement: lazyLoad(React.lazy(() => import(\"@/views/article/list/index\"))),\n\t\t\t\t\t\tmeta: {\n\t\t\t\t\t\t\ttitle: \"文章列表\",\n\t\t\t\t\t\t\tkey: \"/article/list/index\"\n\t\t\t\t\t\t}\n\t\t\t\t\t},\n\t\t\t\t\t{\n\t\t\t\t\t\tpath: \"/article/edit/index\",\n\t\t\t\t\t\telement: lazyLoad(React.lazy(() => import(\"@/views/article/edit/index\"))),\n\t\t\t\t\t\tmeta: {\n\t\t\t\t\t\t\ttitle: \"文章编辑\",\n\t\t\t\t\t\t\tkey: \"/article/edit/index\"\n\t\t\t\t\t\t}\n\t\t\t\t\t},\n\t\t\t\t\t{\n\t\t\t\t\t\tpath: \"/article/comment/index\",\n\t\t\t\t\t\telement: lazyLoad(React.lazy(() => import(\"@/views/comment/index\"))),\n\t\t\t\t\t\tmeta: {\n\t\t\t\t\t\t\ttitle: \"评论管理\",\n\t\t\t\t\t\t\tkey: \"/article/comment/index\"\n\t\t\t\t\t\t}\n\t\t\t\t\t}\n\t\t\t\t]\n\t\t\t}\n\t\t]\n\t}\n];\n\nexport default articleRouter;\n" }, { "path": "src/routers/modules/author.tsx", "content": "import React from \"react\";\n\nimport { LayoutIndex } from \"@/routers/constant\";\nimport { RouteObject } from \"@/routers/interface\";\nimport lazyLoad from \"../utils/lazyLoad\";\n\nconst columnRouter: Array = [\n\t{\n\t\telement: ,\n\t\tchildren: [\n\t\t\t{\n\t\t\t\tpath: \"/author\",\n\t\t\t\tmeta: {\n\t\t\t\t\t// requiresAuth: true,\n\t\t\t\t\ttitle: \"用户管理\",\n\t\t\t\t\tkey: \"/author\"\n\t\t\t\t},\n\t\t\t\tchildren: [\n\t\t\t\t\t{\n\t\t\t\t\t\tpath: \"/author/whitelist/index\",\n\t\t\t\t\t\telement: lazyLoad(React.lazy(() => import(\"@/views/author/whitelist/index\"))),\n\t\t\t\t\t\tmeta: {\n\t\t\t\t\t\t\ttitle: \"作者白名单\",\n\t\t\t\t\t\t\tkey: \"/author/whitelist/index\"\n\t\t\t\t\t\t}\n\t\t\t\t\t},\n\t\t\t\t\t{\n\t\t\t\t\t\tpath: \"/author/zsxqlist/index\",\n\t\t\t\t\t\telement: lazyLoad(React.lazy(() => import(\"@/views/author/zsxqlist/index\"))),\n\t\t\t\t\t\tmeta: {\n\t\t\t\t\t\t\ttitle: \"星球白名单\",\n\t\t\t\t\t\t\tkey: \"/author/zsxqlist/index\"\n\t\t\t\t\t\t}\n\t\t\t\t\t},\n\t\t\t\t\t{\n\t\t\t\t\t\tpath: \"/author/login-audit/index\",\n\t\t\t\t\t\telement: lazyLoad(React.lazy(() => import(\"@/views/author/loginAudit/index\"))),\n\t\t\t\t\t\tmeta: {\n\t\t\t\t\t\t\ttitle: \"登录审计\",\n\t\t\t\t\t\t\tkey: \"/author/login-audit/index\"\n\t\t\t\t\t\t}\n\t\t\t\t\t}\n\t\t\t\t]\n\t\t\t}\n\t\t]\n\t}\n];\n\nexport default columnRouter;\n" }, { "path": "src/routers/modules/category.tsx", "content": "import { LayoutIndex } from \"@/routers/constant\";\nimport { RouteObject } from \"@/routers/interface\";\nimport Sort from \"@/views/category\";\n\nconst sortRouter: Array = [\n\t{\n\t\telement: ,\n\t\tchildren: [\n\t\t\t{\n\t\t\t\tpath: \"/category/index\",\n\t\t\t\telement: ,\n\t\t\t\tmeta: {\n\t\t\t\t\t// requiresAuth: true,\n\t\t\t\t\ttitle: \"分类\",\n\t\t\t\t\tkey: \"sort\"\n\t\t\t\t}\n\t\t\t}\n\t\t]\n\t}\n];\n\nexport default sortRouter;\n" }, { "path": "src/routers/modules/column.tsx", "content": "import React from \"react\";\n\nimport { LayoutIndex } from \"@/routers/constant\";\nimport { RouteObject } from \"@/routers/interface\";\nimport lazyLoad from \"../utils/lazyLoad\";\n\nconst columnRouter: Array = [\n\t{\n\t\telement: ,\n\t\tchildren: [\n\t\t\t{\n\t\t\t\tpath: \"/column\",\n\t\t\t\tmeta: {\n\t\t\t\t\t// requiresAuth: true,\n\t\t\t\t\ttitle: \"专栏\",\n\t\t\t\t\tkey: \"/column\"\n\t\t\t\t},\n\t\t\t\tchildren: [\n\t\t\t\t\t{\n\t\t\t\t\t\tpath: \"/column/setting/index\",\n\t\t\t\t\t\telement: lazyLoad(React.lazy(() => import(\"@/views/column/setting/index\"))),\n\t\t\t\t\t\tmeta: {\n\t\t\t\t\t\t\ttitle: \"专栏设置\",\n\t\t\t\t\t\t\tkey: \"/column/setting/index\"\n\t\t\t\t\t\t}\n\t\t\t\t\t},\n\t\t\t\t\t{\n\t\t\t\t\t\tpath: \"/column/setting/index/articlesort\",\n\t\t\t\t\t\telement: lazyLoad(React.lazy(() => import(\"@/views/column/setting/articlesort/index\"))),\n\t\t\t\t\t\tmeta: {\n\t\t\t\t\t\t\ttitle: \"教程排序\",\n\t\t\t\t\t\t\tkey: \"/column/setting/index/articlesort\"\n\t\t\t\t\t\t}\n\t\t\t\t\t},\n\t\t\t\t\t{\n\t\t\t\t\t\tpath: \"/column/setting/index/groups\",\n\t\t\t\t\t\telement: lazyLoad(React.lazy(() => import(\"@/views/column/setting/groups/index\"))),\n\t\t\t\t\t\tmeta: {\n\t\t\t\t\t\t\ttitle: \"专栏分组\",\n\t\t\t\t\t\t\tkey: \"/column/setting/index/groups\"\n\t\t\t\t\t\t}\n\t\t\t\t\t},\n\t\t\t\t\t{\n\t\t\t\t\t\tpath: \"/column/article/index\",\n\t\t\t\t\t\telement: lazyLoad(React.lazy(() => import(\"@/views/column/article/index\"))),\n\t\t\t\t\t\tmeta: {\n\t\t\t\t\t\t\ttitle: \"添加教程\",\n\t\t\t\t\t\t\tkey: \"/column/article/index\"\n\t\t\t\t\t\t}\n\t\t\t\t\t}\n\t\t\t\t]\n\t\t\t}\n\t\t]\n\t}\n];\n\nexport default columnRouter;\n" }, { "path": "src/routers/modules/config.tsx", "content": "import { LayoutIndex } from \"@/routers/constant\";\nimport { RouteObject } from \"@/routers/interface\";\nimport Banner from \"@/views/config\";\n\nconst configRouter: Array = [\n\t{\n\t\telement: ,\n\t\tchildren: [\n\t\t\t{\n\t\t\t\tpath: \"/config/index\",\n\t\t\t\telement: ,\n\t\t\t\tmeta: {\n\t\t\t\t\t// requiresAuth: true,\n\t\t\t\t\ttitle: \"配置\",\n\t\t\t\t\tkey: \"config\"\n\t\t\t\t}\n\t\t\t}\n\t\t]\n\t}\n];\n\nexport default configRouter;\n" }, { "path": "src/routers/modules/error.tsx", "content": "import React from \"react\";\n\nimport { RouteObject } from \"@/routers/interface\";\nimport lazyLoad from \"@/routers/utils/lazyLoad\";\n\n// 错误页面模块\nconst errorRouter: Array = [\n\t{\n\t\tpath: \"/403\",\n\t\telement: lazyLoad(React.lazy(() => import(\"@/components/ErrorMessage/403\"))),\n\t\tmeta: {\n\t\t\t// requiresAuth: true,\n\t\t\ttitle: \"403页面\",\n\t\t\tkey: \"403\"\n\t\t}\n\t},\n\t{\n\t\tpath: \"/404\",\n\t\telement: lazyLoad(React.lazy(() => import(\"@/components/ErrorMessage/404\"))),\n\t\tmeta: {\n\t\t\t// requiresAuth: false,\n\t\t\ttitle: \"404页面\",\n\t\t\tkey: \"404\"\n\t\t}\n\t},\n\t{\n\t\tpath: \"/500\",\n\t\telement: lazyLoad(React.lazy(() => import(\"@/components/ErrorMessage/500\"))),\n\t\tmeta: {\n\t\t\t// requiresAuth: false,\n\t\t\ttitle: \"500页面\",\n\t\t\tkey: \"500\"\n\t\t}\n\t}\n];\n\nexport default errorRouter;\n" }, { "path": "src/routers/modules/global.tsx", "content": "import { LayoutIndex } from \"@/routers/constant\";\nimport { RouteObject } from \"@/routers/interface\";\nimport Banner from \"@/views/global\";\n\nconst configRouter: Array = [\n\t{\n\t\telement: ,\n\t\tchildren: [\n\t\t\t{\n\t\t\t\tpath: \"/global/index\",\n\t\t\t\telement: ,\n\t\t\t\tmeta: {\n\t\t\t\t\t// requiresAuth: true,\n\t\t\t\t\ttitle: \"全局\",\n\t\t\t\t\tkey: \"global\"\n\t\t\t\t}\n\t\t\t}\n\t\t]\n\t}\n];\n\nexport default configRouter;\n" }, { "path": "src/routers/modules/home.tsx", "content": "import { LayoutIndex } from \"@/routers/constant\";\nimport { RouteObject } from \"@/routers/interface\";\nimport Home from \"@/views/home\";\n\n// 首页模块\nconst homeRouter: Array = [\n\t{\n\t\telement: ,\n\t\tchildren: [\n\t\t\t{\n\t\t\t\tpath: \"/home/index\",\n\t\t\t\telement: ,\n\t\t\t\tmeta: {\n\t\t\t\t\t// requiresAuth: true,\n\t\t\t\t\ttitle: \"首页\",\n\t\t\t\t\tkey: \"home\"\n\t\t\t\t}\n\t\t\t}\n\t\t]\n\t}\n];\n\nexport default homeRouter;\n" }, { "path": "src/routers/modules/resume.tsx", "content": "import { LayoutIndex } from \"@/routers/constant\";\nimport { RouteObject } from \"@/routers/interface\";\nimport Label from \"@/views/resume\";\n\nconst labelRouter: Array = [\n\t{\n\t\telement: ,\n\t\tchildren: [\n\t\t\t{\n\t\t\t\tpath: \"/resume/index\",\n\t\t\t\telement: