finstep-template-cli 1.0.1

package/README.md

@@ -0,0 +1,41 @@
+# Finstep Template CLI
+
+一个用于快速创建 Finstep 项目模板的脚手架工具。
+
+## 特性
+
+- 🚀 基于 React 18 + TypeScript + Vite
+- 🎨 集成 Ant Design + Tailwind CSS
+- 📱 响应式设计
+- 🔄 状态管理 (MobX)
+- 🛣️ 路由管理 (React Router)
+- 📦 包管理 (pnpm)
+- 🔧 开发工具配置完整
+
+## 安装
+
+```bash
+npm install -g finstep-template-cli
+```
+
+## 使用
+
+### 创建新项目
+
+```bash
+# 交互式创建
+create-finstep-app
+
+# 直接指定项目名称
+create-finstep-app my-project
+```
+
+### 开发
+
+```bash
+cd my-project
+pnpm install
+pnpm dev
+```
+
+## 项目结构

package/cli.js

@@ -0,0 +1,117 @@
+#!/usr/bin/env node
+
+// AI生成的脚手架CLI工具
+const { program } = require('commander');
+const inquirer = require('inquirer');
+const fs = require('fs-extra');
+const path = require('path');
+const chalk = require('chalk');
+const ora = require('ora');
+
+program
+  .name('create-finstep-app')
+  .description('创建Finstep项目模板')
+  .version('1.0.0');
+
+program
+  .argument('[project-name]', '项目名称')
+  .action(async (projectName) => {
+    try {
+      // 如果没有提供项目名称，则询问用户
+      if (!projectName) {
+        const answers = await inquirer.prompt([
+          {
+            type: 'input',
+            name: 'projectName',
+            message: '请输入项目名称:',
+            validate: (input) => {
+              if (!input.trim()) {
+                return '项目名称不能为空';
+              }
+              if (!/^[a-zA-Z0-9-_]+$/.test(input)) {
+                return '项目名称只能包含字母、数字、连字符和下划线';
+              }
+              return true;
+            }
+          }
+        ]);
+        projectName = answers.projectName;
+      }
+
+      // 检查目录是否已存在
+      const targetDir = path.resolve(process.cwd(), projectName);
+      if (fs.existsSync(targetDir)) {
+        const { overwrite } = await inquirer.prompt([
+          {
+            type: 'confirm',
+            name: 'overwrite',
+            message: `目录 ${projectName} 已存在，是否覆盖？`,
+            default: false
+          }
+        ]);
+
+        if (!overwrite) {
+          console.log(chalk.yellow('操作已取消'));
+          process.exit(0);
+        }
+
+        await fs.remove(targetDir);
+      }
+
+      // 创建项目
+      await createProject(projectName, targetDir);
+
+    } catch (error) {
+      console.error(chalk.red('创建项目失败:'), error.message);
+      process.exit(1);
+    }
+  });
+
+/**
+ * 创建项目函数
+ * @param {string} projectName - 项目名称
+ * @param {string} targetDir - 目标目录
+ */
+async function createProject(projectName, targetDir) {
+  const spinner = ora('正在创建项目...').start();
+
+  try {
+    // 复制模板文件
+    const templateDir = path.join(__dirname, 'template');
+    // 检查模板目录是否存在
+    if (!fs.existsSync(templateDir)) {
+      throw new Error('模板目录不存在，请检查安装是否完整');
+    }
+    await fs.copy(templateDir, targetDir);
+
+    // 更新package.json中的项目名称
+    const packageJsonPath = path.join(targetDir, 'package.json');
+    const packageJson = await fs.readJson(packageJsonPath);
+    packageJson.name = projectName;
+    await fs.writeJson(packageJsonPath, packageJson, { spaces: 2 });
+
+    // 更新README.md
+    const readmePath = path.join(targetDir, 'README.md');
+    let readmeContent = await fs.readFile(readmePath, 'utf-8');
+    readmeContent = readmeContent.replace(/finstep-b-protal/g, projectName);
+    await fs.writeFile(readmePath, readmeContent);
+
+    spinner.succeed('项目创建成功!');
+
+    console.log();
+    console.log(chalk.green(`✨ 项目 ${projectName} 创建成功!`));
+    console.log();
+    console.log('接下来的步骤:');
+    console.log(chalk.cyan(`  cd ${projectName}`));
+    console.log(chalk.cyan('  pnpm install'));
+    console.log(chalk.cyan('  pnpm dev'));
+    console.log();
+    console.log('祝你开发愉快! 🚀');
+
+  } catch (error) {
+    spinner.fail('项目创建失败');
+    throw error;
+  }
+}
+
+program.parse();

package/package.json

@@ -0,0 +1,39 @@
+{
+  "name": "finstep-template-cli",
+  "version": "1.0.1",
+  "description": "Finstep项目模板脚手架工具",
+  "main": "index.js",
+  "bin": {
+    "create-finstep-app": "cli.js"
+  },
+  "files": [
+    "template/",
+    "cli.js",
+    "README.md"
+  ],
+  "scripts": {
+    "build": "node build.js",
+    "prepublishOnly": "npm run build"
+  },
+  "keywords": [
+    "finstep",
+    "template",
+    "react",
+    "typescript",
+    "vite",
+    "antd"
+  ],
+  "author": "finstep",
+  "license": "MIT",
+  "dependencies": {
+    "chalk": "^5.5.0",
+    "commander": "^11.1.0",
+    "fs-extra": "^11.3.1",
+    "inquirer": "^9.3.7",
+    "ora": "^7.0.1"
+  },
+  "devDependencies": {
+    "@types/fs-extra": "^11.0.4",
+    "@types/inquirer": "^9.0.9"
+  }
+}

package/template/.env.development

@@ -0,0 +1,3 @@
+VITE_API_URL=/api
+VITE_USER_NODE_ENV=development
+VITE_BASE_URL=//

package/template/.env.production

@@ -0,0 +1,3 @@
+VITE_API_URL=https://news-saas-server.finstep.cn
+VITE_USER_NODE_ENV=production
+VITE_BASE_URL=//

package/template/.env.staging

@@ -0,0 +1,3 @@
+VITE_API_URL=https://api.staging.com
+VITE_USER_NODE_ENV=staging
+VITE_BASE_URL=//

package/template/.env.test

@@ -0,0 +1,3 @@
+VITE_API_URL=http://product-test.finstep.cn
+VITE_USER_NODE_ENV=test
+VITE_BASE_URL=//

package/template/.eslintrc.cjs

@@ -0,0 +1,21 @@
+/* AI Generated Code - ESLint 配置文件 */
+module.exports = {
+  root: true,
+  env: { browser: true, es2020: true },
+  extends: [
+    'eslint:recommended',
+    '@typescript-eslint/recommended',
+    'plugin:react-hooks/recommended',
+  ],
+  ignorePatterns: ['dist', '.eslintrc.cjs'],
+  parser: '@typescript-eslint/parser',
+  plugins: ['react-refresh'],
+  rules: {
+    'react-refresh/only-export-components': [
+      'warn',
+      { allowConstantExport: true },
+    ],
+    'react-hooks/exhaustive-deps': 'off',
+    '@typescript-eslint/no-unused-vars': 'warn',
+  },
+}

package/template/README.md

@@ -0,0 +1,69 @@
+# React + TypeScript + Vite
+
+This template provides a minimal setup to get React working in Vite with HMR and some ESLint rules.
+
+Currently, two official plugins are available:
+
+- [@vitejs/plugin-react](https://github.com/vitejs/vite-plugin-react/blob/main/packages/plugin-react) uses [Babel](https://babeljs.io/) for Fast Refresh
+- [@vitejs/plugin-react-swc](https://github.com/vitejs/vite-plugin-react/blob/main/packages/plugin-react-swc) uses [SWC](https://swc.rs/) for Fast Refresh
+
+## Expanding the ESLint configuration
+
+If you are developing a production application, we recommend updating the configuration to enable type-aware lint rules:
+
+```js
+export default tseslint.config([
+  globalIgnores(['dist']),
+  {
+    files: ['**/*.{ts,tsx}'],
+    extends: [
+      // Other configs...
+
+      // Remove tseslint.configs.recommended and replace with this
+      ...tseslint.configs.recommendedTypeChecked,
+      // Alternatively, use this for stricter rules
+      ...tseslint.configs.strictTypeChecked,
+      // Optionally, add this for stylistic rules
+      ...tseslint.configs.stylisticTypeChecked,
+
+      // Other configs...
+    ],
+    languageOptions: {
+      parserOptions: {
+        project: ['./tsconfig.node.json', './tsconfig.app.json'],
+        tsconfigRootDir: import.meta.dirname,
+      },
+      // other options...
+    },
+  },
+])
+```
+
+You can also install [eslint-plugin-react-x](https://github.com/Rel1cx/eslint-react/tree/main/packages/plugins/eslint-plugin-react-x) and [eslint-plugin-react-dom](https://github.com/Rel1cx/eslint-react/tree/main/packages/plugins/eslint-plugin-react-dom) for React-specific lint rules:
+
+```js
+// eslint.config.js
+import reactX from 'eslint-plugin-react-x'
+import reactDom from 'eslint-plugin-react-dom'
+
+export default tseslint.config([
+  globalIgnores(['dist']),
+  {
+    files: ['**/*.{ts,tsx}'],
+    extends: [
+      // Other configs...
+      // Enable lint rules for React
+      reactX.configs['recommended-typescript'],
+      // Enable lint rules for React DOM
+      reactDom.configs.recommended,
+    ],
+    languageOptions: {
+      parserOptions: {
+        project: ['./tsconfig.node.json', './tsconfig.app.json'],
+        tsconfigRootDir: import.meta.dirname,
+      },
+      // other options...
+    },
+  },
+])
+```

package/template/auto-imports.d.ts

@@ -0,0 +1,47 @@
+/* eslint-disable */
+/* prettier-ignore */
+// @ts-nocheck
+// noinspection JSUnusedGlobalSymbols
+// Generated by unplugin-auto-import
+// biome-ignore lint: disable
+export {}
+declare global {
+  const Link: typeof import('react-router-dom')['Link']
+  const NavLink: typeof import('react-router-dom')['NavLink']
+  const Navigate: typeof import('react-router-dom')['Navigate']
+  const Outlet: typeof import('react-router-dom')['Outlet']
+  const Route: typeof import('react-router-dom')['Route']
+  const Routes: typeof import('react-router-dom')['Routes']
+  const createRef: typeof import('react')['createRef']
+  const forwardRef: typeof import('react')['forwardRef']
+  const lazy: typeof import('react')['lazy']
+  const memo: typeof import('react')['memo']
+  const startTransition: typeof import('react')['startTransition']
+  const useCallback: typeof import('react')['useCallback']
+  const useContext: typeof import('react')['useContext']
+  const useDebugValue: typeof import('react')['useDebugValue']
+  const useDeferredValue: typeof import('react')['useDeferredValue']
+  const useEffect: typeof import('react')['useEffect']
+  const useHref: typeof import('react-router')['useHref']
+  const useId: typeof import('react')['useId']
+  const useImperativeHandle: typeof import('react')['useImperativeHandle']
+  const useInRouterContext: typeof import('react-router')['useInRouterContext']
+  const useInsertionEffect: typeof import('react')['useInsertionEffect']
+  const useLayoutEffect: typeof import('react')['useLayoutEffect']
+  const useLinkClickHandler: typeof import('react-router-dom')['useLinkClickHandler']
+  const useLocation: typeof import('react-router')['useLocation']
+  const useMemo: typeof import('react')['useMemo']
+  const useNavigate: typeof import('react-router')['useNavigate']
+  const useNavigationType: typeof import('react-router')['useNavigationType']
+  const useOutlet: typeof import('react-router')['useOutlet']
+  const useOutletContext: typeof import('react-router')['useOutletContext']
+  const useParams: typeof import('react-router')['useParams']
+  const useReducer: typeof import('react')['useReducer']
+  const useRef: typeof import('react')['useRef']
+  const useResolvedPath: typeof import('react-router')['useResolvedPath']
+  const useRoutes: typeof import('react-router')['useRoutes']
+  const useSearchParams: typeof import('react-router-dom')['useSearchParams']
+  const useState: typeof import('react')['useState']
+  const useSyncExternalStore: typeof import('react')['useSyncExternalStore']
+  const useTransition: typeof import('react')['useTransition']
+}

package/template/eslint.config.js

@@ -0,0 +1,26 @@
+import js from '@eslint/js'
+import globals from 'globals'
+import reactHooks from 'eslint-plugin-react-hooks'
+import reactRefresh from 'eslint-plugin-react-refresh'
+import tseslint from 'typescript-eslint'
+
+export default tseslint.config(
+  { ignores: ['dist'] },
+  {
+    extends: [js.configs.recommended, ...tseslint.configs.recommended],
+    files: ['**/*.{ts,tsx}'],
+    languageOptions: {
+      ecmaVersion: 2020,
+      globals: globals.browser,
+    },
+    plugins: {
+      'react-hooks': reactHooks,
+      'react-refresh': reactRefresh,
+    },
+    rules: {
+      ...reactHooks.configs.recommended.rules,
+      "react-hooks/exhaustive-deps": "off",
+      'react-refresh/only-export-components': 'off',
+    },
+  },
+)

package/template/index.html

@@ -0,0 +1,16 @@
+<!doctype html>
+<html lang="en">
+
+<head>
+  <meta charset="UTF-8" />
+  <link rel="icon" type="image/svg+xml" href="/logo.svg" />
+  <meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=no" />
+  <title>财跃星辰</title>
+</head>
+
+<body>
+  <div id="root"></div>
+  <script type="module" src="/src/main.tsx"></script>
+</body>
+
+</html>

package/template/package.json

@@ -0,0 +1,46 @@
+{
+  "name": "finstep-b-protal",
+  "private": true,
+  "version": "0.0.0",
+  "type": "module",
+  "scripts": {
+    "dev": "vite",
+    "build": "tsc -b && vite build",
+    "build:test": "vite build --mode test",
+    "build:stag": "vite build -mode stag",
+    "lint": "eslint .",
+    "preview": "vite preview"
+  },
+  "dependencies": {
+    "@ant-design/icons": "^6.0.0",
+    "@tailwindcss/postcss": "^4.1.11",
+    "antd": "^5.26.7",
+    "autoprefixer": "^10.4.21",
+    "axios": "^1.11.0",
+    "finstep-b-components": "1.0.8",
+    "framer-motion": "^12.23.12",
+    "mobx": "^6.13.6",
+    "mobx-persist-store": "^1.1.5",
+    "mobx-react-lite": "^4.1.0",
+    "postcss": "^8.5.6",
+    "react": "^18.3.1",
+    "react-dom": "^18.3.1",
+    "react-router-dom": "^6.28.0",
+    "tailwindcss": "^4.1.11"
+  },
+  "devDependencies": {
+    "@eslint/js": "^9.30.1",
+    "@types/node": "^24.2.0",
+    "@types/react": "^18.3.12",
+    "@types/react-dom": "^18.3.1",
+    "@vitejs/plugin-react": "^4.6.0",
+    "eslint": "^9.30.1",
+    "eslint-plugin-react-hooks": "^5.2.0",
+    "eslint-plugin-react-refresh": "^0.4.20",
+    "globals": "^16.3.0",
+    "typescript": "~5.8.3",
+    "typescript-eslint": "^8.35.1",
+    "unplugin-auto-import": "^0.19.0",
+    "vite": "^7.0.4"
+  }
+}

package/template/postcss.config.js

@@ -0,0 +1,5 @@
+export default {
+  plugins: {
+    "@tailwindcss/postcss": {},
+  },
+}

package/template/public/logo.svg

@@ -0,0 +1,85 @@
+<?xml version="1.0" encoding="UTF-8"?>
+<svg id="_图层_2" data-name="图层 2" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" viewBox="0 0 274.54 211.7">
+  <defs>
+    <style>
+      .cls-1 {
+        fill: url(#_未命名的渐变_21);
+      }
+
+      .cls-1, .cls-2, .cls-3, .cls-4, .cls-5, .cls-6, .cls-7 {
+        stroke-width: 0px;
+      }
+
+      .cls-2 {
+        fill: url(#_未命名的渐变_20);
+      }
+
+      .cls-2, .cls-3, .cls-4, .cls-5, .cls-6, .cls-7 {
+        fill-rule: evenodd;
+      }
+
+      .cls-3 {
+        fill: url(#_未命名的渐变_23);
+      }
+
+      .cls-4 {
+        fill: url(#_未命名的渐变_12);
+      }
+
+      .cls-5 {
+        fill: url(#_未命名的渐变_3);
+      }
+
+      .cls-6 {
+        fill: url(#_未命名的渐变_12-2);
+      }
+
+      .cls-7 {
+        fill: url(#_未命名的渐变_3-2);
+      }
+    </style>
+    <linearGradient id="_未命名的渐变_12" data-name="未命名的渐变 12" x1="20.63" y1="111.57" x2="27.95" y2="68.34" gradientUnits="userSpaceOnUse">
+      <stop offset="0" stop-color="#f9b1ff"/>
+      <stop offset="1" stop-color="#9764ff"/>
+    </linearGradient>
+    <linearGradient id="_未命名的渐变_3" data-name="未命名的渐变 3" x1="0" y1="26.46" x2="211.7" y2="26.46" gradientUnits="userSpaceOnUse">
+      <stop offset="0" stop-color="#12b3fd"/>
+      <stop offset="1" stop-color="#8efdf4"/>
+    </linearGradient>
+    <linearGradient id="_未命名的渐变_23" data-name="未命名的渐变 23" x1="166.3" y1="187.93" x2="258.08" y2="29.64" gradientUnits="userSpaceOnUse">
+      <stop offset="0" stop-color="#df102a"/>
+      <stop offset=".17" stop-color="#e11730"/>
+      <stop offset=".42" stop-color="#e72a42"/>
+      <stop offset=".72" stop-color="#f04a5f"/>
+      <stop offset="1" stop-color="#fc7081"/>
+    </linearGradient>
+    <linearGradient id="_未命名的渐变_12-2" data-name="未命名的渐变 12" x1="45.83" y1="172" x2="150.59" y2="172" xlink:href="#_未命名的渐变_12"/>
+    <linearGradient id="_未命名的渐变_3-2" data-name="未命名的渐变 3" x1="45.83" y1="105.85" x2="165.87" y2="105.85" xlink:href="#_未命名的渐变_3"/>
+    <linearGradient id="_未命名的渐变_21" data-name="未命名的渐变 21" x1="87.39" y1="155.31" x2="91.71" y2="129.71" gradientUnits="userSpaceOnUse">
+      <stop offset="0" stop-color="#7f26fc"/>
+      <stop offset=".15" stop-color="#7629fc"/>
+      <stop offset=".4" stop-color="#6033fc"/>
+      <stop offset=".7" stop-color="#3b43fc"/>
+      <stop offset="1" stop-color="#0f57fd"/>
+    </linearGradient>
+    <linearGradient id="_未命名的渐变_20" data-name="未命名的渐变 20" x1="21.98" y1="67.7" x2="35.9" y2="44.2" gradientUnits="userSpaceOnUse">
+      <stop offset="0" stop-color="#7f26fc"/>
+      <stop offset=".17" stop-color="#7928fc"/>
+      <stop offset=".37" stop-color="#6b2efc"/>
+      <stop offset=".58" stop-color="#5339fc"/>
+      <stop offset=".8" stop-color="#3247fc"/>
+      <stop offset="1" stop-color="#0f57fd"/>
+    </linearGradient>
+  </defs>
+  <g id="_图层_1-2" data-name="图层 1">
+    <g>
+      <path class="cls-4" d="M27.96,4.5L0,52.92l27.96,48.42c1.15,2,4.04,2,5.2,0l27.96-48.42L33.15,4.5c-1.15-2-4.04-2-5.2,0Z"/>
+      <path class="cls-5" d="M208.69,0H32.29c-1.07,0-2.06.57-2.6,1.5L0,52.92h181.6c1.07,0,2.06-.57,2.6-1.5l27.09-46.92c1.15-2-.29-4.5-2.6-4.5Z"/>
+      <path class="cls-3" d="M153.65,157.27L241.85,4.5c1.15-2,4.04-2,5.2,0l27.09,46.92c.54.93.54,2.07,0,3l-88.2,152.77c-1.15,2-4.04,2-5.2,0l-27.09-46.92c-.54-.93-.54-2.07,0-3Z"/>
+      <path class="cls-6" d="M106.95,132.31h-61.11l44.97,77.89c.54.93,1.53,1.5,2.6,1.5h54.18c2.31,0,3.75-2.5,2.6-4.5l-43.24-74.89Z"/>
+      <path class="cls-7" d="M162.86,79.39h-84.74c-1.07,0-2.06.57-2.6,1.5l-29.69,51.42h89.94c1.07,0,2.06-.57,2.6-1.5l27.09-46.92c1.15-2-.29-4.5-2.6-4.5Z"/>
+      <polygon class="cls-1" points="106.95 132.31 129.99 172.13 45.83 132.31 106.95 132.31"/>
+      <polygon class="cls-2" points="61.11 52.92 0 52.92 48 75.64 61.11 52.92"/>
+    </g>
+  </g>
+</svg>

package/template/public/vite.svg

@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" aria-hidden="true" role="img" class="iconify iconify--logos" width="31.88" height="32" preserveAspectRatio="xMidYMid meet" viewBox="0 0 256 257"><defs><linearGradient id="IconifyId1813088fe1fbc01fb466" x1="-.828%" x2="57.636%" y1="7.652%" y2="78.411%"><stop offset="0%" stop-color="#41D1FF"></stop><stop offset="100%" stop-color="#BD34FE"></stop></linearGradient><linearGradient id="IconifyId1813088fe1fbc01fb467" x1="43.376%" x2="50.316%" y1="2.242%" y2="89.03%"><stop offset="0%" stop-color="#FFEA83"></stop><stop offset="8.333%" stop-color="#FFDD35"></stop><stop offset="100%" stop-color="#FFA800"></stop></linearGradient></defs><path fill="url(#IconifyId1813088fe1fbc01fb466)" d="M255.153 37.938L134.897 252.976c-2.483 4.44-8.862 4.466-11.382.048L.875 37.958c-2.746-4.814 1.371-10.646 6.827-9.67l120.385 21.517a6.537 6.537 0 0 0 2.322-.004l117.867-21.483c5.438-.991 9.574 4.796 6.877 9.62Z"></path><path fill="url(#IconifyId1813088fe1fbc01fb467)" d="M185.432.063L96.44 17.501a3.268 3.268 0 0 0-2.634 3.014l-5.474 92.456a3.268 3.268 0 0 0 3.997 3.378l24.777-5.718c2.318-.535 4.413 1.507 3.936 3.838l-7.361 36.047c-.495 2.426 1.782 4.5 4.151 3.78l15.304-4.649c2.372-.72 4.652 1.36 4.15 3.788l-11.698 56.621c-.732 3.542 3.979 5.473 5.943 2.437l1.313-2.028l72.516-144.72c1.215-2.423-.88-5.186-3.54-4.672l-25.505 4.922c-2.396.462-4.435-1.77-3.759-4.114l16.646-57.705c.677-2.35-1.37-4.583-3.769-4.113Z"></path></svg>

package/template/src/App.css

@@ -0,0 +1,42 @@
+#root {
+  max-width: 1280px;
+  margin: 0 auto;
+  padding: 2rem;
+  text-align: center;
+}
+
+.logo {
+  height: 6em;
+  padding: 1.5em;
+  will-change: filter;
+  transition: filter 300ms;
+}
+.logo:hover {
+  filter: drop-shadow(0 0 2em #646cffaa);
+}
+.logo.react:hover {
+  filter: drop-shadow(0 0 2em #61dafbaa);
+}
+
+@keyframes logo-spin {
+  from {
+    transform: rotate(0deg);
+  }
+  to {
+    transform: rotate(360deg);
+  }
+}
+
+@media (prefers-reduced-motion: no-preference) {
+  a:nth-of-type(2) .logo {
+    animation: logo-spin infinite 20s linear;
+  }
+}
+
+.card {
+  padding: 2em;
+}
+
+.read-the-docs {
+  color: #888;
+}

package/template/src/App.tsx

@@ -0,0 +1,25 @@
+// AI生成的代码 - 主应用组件
+import { HashRouter } from "react-router-dom";
+import Router from "./router";
+// AI生成的代码 - 导入状态管理Provider
+import { StoreProvider } from "./stores/store-context";
+import GlobalLoading from "./components/global-loading";
+
+// 创建路由实例
+
+// AI生成的代码 - 主应用组件，包含 Ant Design App 组件以支持上下文感知的 message API
+function App() {
+  return (
+    <StoreProvider>
+      <div className="min-h-screen bg-slate-950">
+        <HashRouter>
+          <Router />
+        </HashRouter>
+        {/* AI生成的代码 - 全局Loading组件 */}
+        <GlobalLoading />
+      </div>
+    </StoreProvider>
+  );
+}
+
+export default App;

package/template/src/api/home/index.ts

@@ -0,0 +1,56 @@
+import request from "@/utils/request";
+
+// AI生成的代码 - 用户名密码登录接口
+export async function login(data: {
+  username: string;
+  password: string;
+}): Promise<HomeAPi.LoginInfoResponse> {
+  return request({
+    url: "auth/oauth2/token",
+    method: "post",
+    isLoginApi: true, // AI生成的代码 - 标识这是登录接口
+    headers: {
+      "Content-Type": "application/x-www-form-urlencoded",
+    },
+    data: {
+      ...data,
+      grant_type: "password",
+      scope: "server",
+    },
+  });
+}
+// AI生成的代码 - 飞书登录接口
+export async function feishuLogin(data: {
+  mobile: string;
+}): Promise<HomeAPi.LoginInfoResponse> {
+  return request({
+    url: "auth/oauth2/token",
+    method: "post",
+    isLoginApi: true, // AI生成的代码 - 标识这是登录接口
+    headers: {
+      "Content-Type": "application/x-www-form-urlencoded",
+    },
+    data: {
+      ...data,
+      grant_type: "mobile",
+      scope: "server",
+    },
+  });
+}
+export async function refreshToken(data: {
+  refresh_token: string;
+}): Promise<HomeAPi.LoginInfoResponse> {
+  return request({
+    url: "auth/oauth2/token",
+    method: "post",
+    isLoginApi: true, // AI生成的代码 - 标识这是登录接口
+    headers: {
+      "Content-Type": "application/x-www-form-urlencoded",
+    },
+    data: {
+      ...data,
+      grant_type: "refresh_token",
+      scope: "server",
+    },
+  });
+}