feat:修改配置文件

.commitlint.js

@@ -0,0 +1,3 @@
+module.exports = {
+  extends: ["@nicecode/commit-lint"],
+};

.editorconfig

@@ -0,0 +1,16 @@
+# http://editorconfig.org
+root = true
+
+[*]
+indent_style = space
+indent_size = 2
+end_of_line = lf
+charset = utf-8
+trim_trailing_whitespace = true
+insert_final_newline = true
+
+[*.md]
+trim_trailing_whitespace = false
+
+[Makefile]
+indent_style = tab

.env

@@ -0,0 +1,2 @@
+BROWSER=none
+ESLINT=1

.eslintignore

@@ -0,0 +1,3 @@
+build/
+dist/
+.umi

.eslintrc.js

@@ -0,0 +1,39 @@
+module.exports = {
+  extends: [
+    "alloy",
+    "alloy/react",
+    "alloy/typescript"
+  ],
+  plugins: [
+    "@typescript-eslint/eslint-plugin"
+  ],
+  parser: "@typescript-eslint/parser",
+  parserOptions: {
+    ecmaVersion: 2020,
+  },
+  "env": {
+    // 您的环境变量（包含多个预定义的全局变量）
+    // Your environments (which contains several predefined global variables)
+    //
+    // browser: true,
+    // node: true,
+    // mocha: true,
+    // jest: true,
+    // jquery: true
+  },
+  "globals": {
+    // 您的全局变量（设置为 false 表示它不允许被重新赋值）
+    // Your global variables (setting to false means it's not allowed to be reassigned)
+    //
+    // myGlobal: false
+  },
+  "rules": {
+    // 自定义您的规则
+    // Customize your rules
+    "react/jsx-no-useless-fragment": 0,
+    "@typescript-eslint/no-require-imports": 0,
+    "no-constant-binary-expression": 0,
+    "no-unused-private-class-members": 0,
+    "prefer-object-has-own": 0
+  }
+};

.gitignore

@@ -0,0 +1,23 @@
+# See https://help.github.com/articles/ignoring-files/ for more about ignoring files.
+
+# dependencies
+/node_modules
+/npm-debug.log*
+/yarn-error.log
+/yarn.lock
+/package-lock.json
+
+# production
+/dist
+
+# misc
+.DS_Store
+
+# umi
+/src/.umi
+/src/.umi-production
+/src/.umi-test
+/.env.local
+
+# editor directories and files
+.idea

.prettierignore

@@ -0,0 +1,8 @@
+**/*.md
+**/*.svg
+**/*.ejs
+**/*.html
+package.json
+.umi
+.umi-production
+.umi-test

.prettierrc.js

@@ -0,0 +1,37 @@
+module.exports = {
+    // 一行最多 100 字符
+    printWidth: 100,
+    // 使用 4 个空格缩进
+    tabWidth: 4,
+    // 不使用缩进符，而使用空格
+    useTabs: false,
+    // 行尾需要有分号
+    semi: true,
+    // 使用单引号
+    singleQuote: true,
+    // 对象的 key 仅在必要时用引号
+    quoteProps: 'as-needed',
+    // jsx 不使用单引号，而使用双引号
+    jsxSingleQuote: false,
+    // 末尾不需要逗号
+    trailingComma: 'none',
+    // 大括号内的首尾需要空格
+    bracketSpacing: true,
+    // jsx 标签的反尖括号需要换行
+    jsxBracketSameLine: false,
+    // 箭头函数，只有一个参数的时候，也需要括号
+    arrowParens: 'always',
+    // 每个文件格式化的范围是文件的全部内容
+    rangeStart: 0,
+    rangeEnd: Infinity,
+    // 不需要写文件开头的 @prettier
+    requirePragma: false,
+    // 不需要自动在文件开头插入 @prettier
+    insertPragma: false,
+    // 使用默认的折行标准
+    proseWrap: 'preserve',
+    // 根据显示样式决定 html 要不要折行
+    htmlWhitespaceSensitivity: 'css',
+    // 换行符使用 lf
+    endOfLine: 'lf'
+};

.umirc.pre.ts

@@ -0,0 +1,7 @@
+import { defineConfig } from 'umi';
+
+export default defineConfig({
+  define: {
+    'process.env.BASE_API': '/api',
+  },
+});

.umirc.production.ts

@@ -0,0 +1,10 @@
+import { defineConfig } from 'umi';
+
+export default defineConfig({
+  define: {
+    'process.env.BASE_API': '/api',
+  },
+  extraBabelPlugins: [
+    ['transform-remove-console', { "exclude": [ "error", "warn"] }]
+  ],
+});

.umirc.release.ts

@@ -0,0 +1,7 @@
+import { defineConfig } from 'umi';
+
+export default defineConfig({
+  define: {
+    'process.env.BASE_API': '/api',
+  },
+});

.umirc.test.ts

@@ -0,0 +1,7 @@
+import { defineConfig } from 'umi';
+
+export default defineConfig({
+  define: {
+    'process.env.BASE_API': '/api',
+  },
+});

.umirc.ts

@@ -0,0 +1,96 @@
+import { defineConfig } from 'umi';
+import px2rem from 'postcss-px2rem';
+
+export default defineConfig({
+  favicon: 'https://jzx-h5.oss-cn-hangzhou.aliyuncs.com/logo.ico',
+  hash: true,
+  dva: {
+    immer: true,
+    hmr: false,
+  },
+  antd: {
+    mobile: false,
+  },
+  publicPath: '/',
+  fastRefresh: {},
+  // webpack5: {},
+  // mfsu: {},
+  dynamicImport: {
+    loading: '@/components/PageLoading/index',
+  },
+  extraPostCSSPlugins: [px2rem({ remUnit: 37.5, exclude: /node_modules/i })],
+  routes: [
+    {
+      path: '/',
+      component: '@/layouts/BlankLayout',
+      wrappers: ['@/wrappers/SecurityWrapper'],
+      routes: [
+        // { exact: true, path: '/', redirect: '/home' },
+        {
+          path: '/',
+          component: '@/pages/index',
+          name: '首页',
+          title: '首页',
+          icon: 'EntranceOutlined',
+        },
+      ],
+    },
+  ],
+  define: {
+    'process.env.BASE_API': '/api',
+  },
+  proxy: {
+    '/api': {
+      target: 'http://mock.com',
+      changeOrigin: true,
+      pathRewrite: { '^/api': '' },
+    },
+  },
+  theme: {
+    // 'primary-color': '#2228e0',
+    // 'info-color': '#2228e0',
+    // 'processing-color': '#2228e0',
+    // 'link-color': '#2228e0',
+    // 'success-color': '#46cf84',
+    // 'warning-color': '#ffa42e',
+    // 'error-color': '#fa4646',
+    // 'highlight-color': '#fa4646',
+    // 'normal-color': '#e0e0e0',
+    // 'heading-color': '#000000',
+    // 'text-color': '#4a4a4a',
+    // 'text-color-secondary': '#7c7c7c',
+    // 'disabled-color': '#c7c7c7',
+    // 'border-radius-base': '3px',
+    // 'border-color-base': '#e0e0e0',
+    // 'font-family':
+    //   '"Alibaba PuHuiTi", "SourceHanSans TW", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, "Noto Sans", sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji"',
+    // 'padding-lg': '24px',
+    // 'padding-md': '16px',
+    // 'padding-sm': '12px',
+    // 'padding-xs': '8px',
+    // 'padding-xxs': '4px',
+    // 'margin-lg': '24px',
+    // 'margin-md': '16px',
+    // 'margin-sm': '12px',
+    // 'margin-xs': '8px',
+    // 'margin-xxs': '4px',
+  },
+  locale: {
+    default: 'zh-CN',
+    antd: false,
+  },
+  ignoreMomentLocale: true,
+  targets: {
+    ie: 10,
+  },
+  // extraBabelPlugins: [
+  //   [
+  //     'import',
+  //     {
+  //       libraryName: 'antd-mobile',
+  //       libraryDirectory: 'es/components',
+  //       style: false,
+  //     },
+  //   ],
+  // ],
+});

.vscode/react.code-snippets

@@ -0,0 +1,77 @@
+{
+	"函数组件模板": {
+		"prefix": "tsx",
+		"body": [
+			"// $CURRENT_YEAR-$CURRENT_MONTH-$CURRENT_DATE - by dev",
+			"\n",
+			"import { } from 'react'",
+			"import { connect, ConnectProps } from 'umi'",
+			"import {} from 'antd-mobile'",
+			"import styles from './index.less'",
+            "\n",
+            "interface I$1 extends ConnectProps {",
+            "}",
+            "\n",
+            "export default connect(({}: {}) => ({",
+			"}))((props: I$1) => {",
+            "  return (",
+            "    <div className={styles.$1}>$1</div>",
+            "  )",
+            "})",
+		],
+		"description": "umi 函数组件模板"
+	},
+	"model模板": {
+		"prefix": "mts",
+		"body": [
+			"import { ImmerReducer, Effect } from 'umi';",
+			"import { SubscriptionsMapObject } from 'dva';",
+			"import { } from './serve';",
+			"\n",
+			"export interface $1ModelState {",
+			"}",
+			"\n",
+			"export interface $1ModelType {",
+			"    namespace: '$1';",
+			"    state: $1ModelState;",
+			"    effects: {",
+			"    };",
+			"    reducers: {",
+			"        save: ImmerReducer<$1ModelState>;",
+			"        reset: ImmerReducer<$1ModelState>;",
+  			"    };",
+			"    subscriptions: SubscriptionsMapObject;",
+			"}",
+			"\n",
+			"const initialState: $1ModelState = {",
+			"}",
+			"\n",
+			"const $1Model: $1ModelType = {",
+			"    namespace: '$1',",
+			"    state: initialState,",
+			"    effects: {",
+			"        // *getFormList({ payload }, { call, put }) {",
+			"        //    const response = yield call(getCaseForm, payload);",
+			"        //    yield put({",
+			"        //        type: 'save',",
+			"        //        payload: response,",
+			"        //    });",
+			"        //},",
+			"    },",
+			"    reducers: {",
+			"        save(state, { payload }: any) {",
+			"            return { ...state, ...payload }",
+			"        },",
+			"        reset(state, { payload }: any) {",
+			"            return {  ...initialState }",
+			"        }",
+			"    },",
+			"    subscriptions: {}",
+			"};",
+			"\n",
+
+			"export default $1Model;"
+		]
+
+	}
+}

.vscode/settings.json

@@ -0,0 +1,147 @@
+// setting.json
+{
+    "debug.console.fontFamily": "JetBrains Mono",
+    // 控制在运行预启动任务后遇到错误时应该怎么做。debugAnyway: 忽略任务错误并开始调试。
+    "debug.onTaskErrors": "debugAnyway",
+    // 控制编辑器是否应在对屏幕阅读器进行了优化的模式下运行。设置为“开”将禁用自动换行。
+    "editor.accessibilitySupport": "off",
+    // 控制是否启用平滑插入动画
+    "editor.cursorSmoothCaretAnimation": true,
+    "editor.find.addExtraSpaceOnTop": false,
+    // 这个控制是否启用字体连字
+    "editor.fontLigatures": "'ss01', 'ss02', 'ss03', 'ss06', 'zero'",
+    // 控制编辑器是否应呈现垂直字形边距。字形边距最常用于调试。
+    "editor.glyphMargin": true,
+    // 控制是否在编辑器中自动显示内联建议。
+    "editor.inlineSuggest.enabled": true,
+    // 在通过鼠标添加多个光标时使用的修改键。“转到定义”和“打开链接”功能所需的鼠标动作将会相应调整，不与多光标修改键冲突
+    "editor.multiCursorModifier": "ctrlCmd",
+    "editor.tabSize": 2,
+    "editor.fontWeight": 440,
+    "editor.fontFamily": "JetBrains Mono, Menlo, Monaco, 'Courier New', monospace",
+    // 控制是否突出显示可能与基本 ASCII 字符混淆的字符，但当前用户区域设置中常见的字符除外。
+    "editor.unicodeHighlight.ambiguousCharacters": false,
+    // 控制是否突出显示仅保留空格或完全没有宽度的字符。
+    "editor.unicodeHighlight.invisibleCharacters": false,
+    // ESLint要验证的语言
+    "eslint.validate": [
+        "javascript",
+        "javascriptreact",
+        "vue",
+        "typescript",
+        "typescriptreact",
+        "html",
+        "css",
+        "scss",
+        "less",
+        "mpx",
+        "json",
+        "markdown"
+    ],
+    // 不显示eslint校验的警告信息
+    "eslint.quiet": true,
+    // eslint保存时只修复有问题的代码
+    "eslint.codeActionsOnSave.mode": "problems",
+    "eslint.format.enable": true,
+    // 文件自动延迟保存
+    "files.autoSaveDelay": 5000,
+    // 默认行尾字符。 LF
+    "files.eol": "\n",
+    // 启用简单文件对话框。启用时，简单文件对话框将替换系统文件对话框。
+    "files.simpleDialog.enable": true,
+    // 同步 Git 存储库前请先进行确认。
+    "git.confirmSync": false,
+    "git.autofetch": true,
+    // 控制如何处理工作区中的松散文件
+    "security.workspace.trust.untrustedFiles": "open",
+    "vetur.validation.template": false,
+    // 编辑器左侧目录树偏移量
+    "workbench.tree.indent": 10,
+    "workbench.iconTheme": "file-icons",
+    "workbench.startupEditor": "newUntitledFile",
+    "workbench.productIconTheme": "icons-carbon",
+    "workbench.colorTheme": "Community Material Theme Palenight High Contrast",
+    // 控制无标题提示应该是编辑器或浮动按钮中的内联文本，还是应该隐藏。
+    "workbench.editor.untitled.hint": "hidden",
+    // 调整对话框窗口的外观。
+    "window.dialogStyle": "custom",
+    // 启用 macOS Sierra 窗口选项卡。请注意，更改在完全重新启动程序后才能生效。同时，开启原生选项卡将禁用自定义标题栏样式。
+    "window.nativeTabs": true, // this is great, macOS only
+    // 调整窗口标题栏的外观。在 Linux 和 Windows 上，此设置也会影响应用程序和上下文菜单的外观。更改需要完全重新启动才能应用。
+    "window.titleBarStyle": "custom",
+    // 控制工作台中活动栏的可见性。
+    "workbench.activityBar.visible": true,
+    // 控制在会话期间显示已打开文件的编辑器是否应在被其他进程删除或重命名时自动关闭。
+    // 禁用此功能将使编辑器在此类事件中保持打开状态。
+    // 请注意，从应用程序内删除将始终关闭编辑器，且永远不会关闭具有未保存更改的编辑器以保留数据。
+    "workbench.editor.closeOnFileDelete": true,
+    // 控制是否在具有未保存更改的编辑器的选项卡上绘制顶部边框。
+    "workbench.editor.highlightModifiedTabs": true,
+    // 控制在工作台中字体的渲染方式。antialiased: 进行像素而不是次像素级别的字体平滑。可能会导致字体整体显示得更细
+    "workbench.fontAliasing": "antialiased",
+    // 控制列表和树是否具有平滑滚动效果。
+    "workbench.list.smoothScrolling": true,
+    // 控制侧边栏和活动栏的位置。它们可以显示在工作台的左侧或右侧。
+    "workbench.sideBar.location": "left",
+    // 控制扩展的自动更新行为。更新是从 Microsoft 联机服务中获取的。
+    // onlyEnabledExtensions: 仅为已启用的扩展自动下载并安装更新。将不会自动更新已禁用的扩展。
+    "extensions.autoUpdate": "onlyEnabledExtensions",
+    // 启用后，将不会显示扩展建议的通知。
+    "extensions.ignoreRecommendations": true,
+    // 控制终端光标是否闪烁。
+    "terminal.integrated.cursorBlinking": true,
+    // 控制终端光标的样式。
+    "terminal.integrated.cursorStyle": "underline",
+    // 要在终端中用于非粗体文本的字体粗细。接受“正常”和“加粗”这两个关键字，或接受 1-1000 之间的数字。
+    "terminal.integrated.fontWeight": "300",
+    // 当必须关闭终端进程(例如当窗口或应用程序关闭时)时，这将确定何时应还原以前的终端会话内容，以及在下次打开工作区时重新创建的进程。
+    "terminal.integrated.persistentSessionReviveProcess": "never",
+    // 控制终端选项卡是否以列表的形式显示在终端的一侧。如果禁用此功能，将改为显示下拉列表。
+    "terminal.integrated.tabs.enabled": true,
+    // 删除时，是否确认
+    "explorer.confirmDelete": false,
+    // 控制在资源管理器内拖放移动文件或文件夹时是否进行确认。
+    "explorer.confirmDragAndDrop": false,
+    // 实验性。控制是否已在资源管理器中启用文件嵌套。文件嵌套允许目录中的相关文件在单个父文件下以可视方式组合在一起。
+    "explorer.experimental.fileNesting.enabled": true,
+    // 实验性。控制是否自动展开文件嵌套。
+    "explorer.experimental.fileNesting.expand": false,
+    // 实验性。控制资源管理器中文件的嵌套。
+    "explorer.experimental.fileNesting.patterns": {
+        ".gitignore": ".gitattributes, .gitmodules, .gitmessage, .mailmap, .git-blame*",
+        "*.js": "$(capture).js.map, $(capture).min.js, $(capture).d.ts",
+        "*.jsx": "$(capture).js",
+        "*.ts": "$(capture).js, $(capture).*.ts",
+        "*.tsx": "$(capture).ts",
+        "*.vue": "$(capture).*.ts, $(capture).*.js",
+        "index.d.ts": "*.d.ts",
+        "shims.d.ts": "*.d.ts",
+        "*.cpp": "$(capture).hpp, $(capture).h, $(capture).hxx",
+        "*.cxx": "$(capture).hpp, $(capture).h, $(capture).hxx",
+        "*.cc": "$(capture).hpp, $(capture).h, $(capture).hxx",
+        "*.c": "$(capture).h",
+        "go.mod": ".air*, go.sum",
+        "default.nix": "shell.nix",
+        "flake.nix": "flake.lock",
+        "BUILD.bazel": "*.bzl, *.bazel, *.bazelrc, bazel.rc, .bazelignore, .bazelproject, WORKSPACE",
+        "CMakeLists.txt": "*.cmake, *.cmake.in, .cmake-format.yaml, CMakePresets.json",
+        ".clang-tidy": ".clang-format",
+        ".env": "*.env, .env.*, env.d.ts",
+        "dockerfile": ".dockerignore, dockerfile*",
+        "package.json": ".browserslist*, .circleci*, .codecov, .commitlint*, .editorconfig, .eslint*, .firebase*, .flowconfig, .github*, .gitlab*, .gitpod*, .huskyrc*, .jslint*, .lintstagedrc*, .markdownlint*, .mocha*, .node-version, .nodemon*, .npm*, .nvmrc, .pm2*, .pnp.*, .pnpm*, .prettier*, .releaserc*, .sentry*, .stackblitz*, .styleci*, .stylelint*, .tazerc*, .textlint*, .tool-versions, .travis*, .vscode*, .watchman*, .xo-config*, .yamllint*, .yarnrc*, api-extractor.json, appveyor*, ava.config.*, azure-pipelines*, bower.json, build.config.*, commitlint*, crowdin*, cypress.json, dangerfile*, dprint.json, firebase.json, grunt*, gulp*, jasmine.*, jenkins*, jest.config.*, jsconfig.*, karma*, lerna*, lint-staged*, nest-cli.*, netlify*, nodemon*, nx.*, package-lock.json, playwright.config.*, pm2.*, pnpm*, prettier*, pullapprove*, puppeteer.config.*, renovate*, rollup.config.*, stylelint*, tsconfig.*, tsdoc.*, tslint*, tsup.config.*, turbo*, typedoc*, vercel*, vetur.config.*, vitest.config.*, webpack.config.*, workspace.json, xo.config.*, yarn*",
+        "rush.json": ".browserslist*, .circleci*, .codecov, .commitlint*, .editorconfig, .eslint*, .firebase*, .flowconfig, .github*, .gitlab*, .gitpod*, .huskyrc*, .jslint*, .lintstagedrc*, .markdownlint*, .mocha*, .node-version, .nodemon*, .npm*, .nvmrc, .pm2*, .pnp.*, .pnpm*, .prettier*, .releaserc*, .sentry*, .stackblitz*, .styleci*, .stylelint*, .tazerc*, .textlint*, .tool-versions, .travis*, .vscode*, .watchman*, .xo-config*, .yamllint*, .yarnrc*, api-extractor.json, appveyor*, ava.config.*, azure-pipelines*, bower.json, build.config.*, commitlint*, crowdin*, cypress.json, dangerfile*, dprint.json, firebase.json, grunt*, gulp*, jasmine.*, jenkins*, jest.config.*, jsconfig.*, karma*, lerna*, lint-staged*, nest-cli.*, netlify*, nodemon*, nx.*, package-lock.json, playwright.config.*, pm2.*, pnpm*, prettier*, pullapprove*, puppeteer.config.*, renovate*, rollup.config.*, stylelint*, tsconfig.*, tsdoc.*, tslint*, tsup.config.*, turbo*, typedoc*, vercel*, vetur.config.*, vitest.config.*, webpack.config.*, workspace.json, xo.config.*, yarn*",
+        "readme.*": "authors, backers.md, changelog*, citation*, code_of_conduct.md, codeowners, contributing.md, contributors, copying, credits, governance.md, history.md, license*, maintainers, readme*, security.md, sponsors.md",
+        "cargo.toml": ".clippy.toml, .rustfmt.toml, cargo.lock, clippy.toml, cross.toml, rust-toolchain.toml, rustfmt.toml",
+        "gemfile": ".ruby-version, gemfile.lock",
+        "composer.json": "composer.lock, phpunit.xml*, psalm*.xml",
+        "vite.config.*": "*.env, .babelrc*, .codecov, .cssnanorc*, .env.*, .htmlnanorc*, .mocha*, .postcssrc*, .terserrc*, api-extractor.json, ava.config.*, babel.config.*, cssnano.config.*, cypress.json, env.d.ts, htmlnanorc.*, index.html, jasmine.*, jest.config.*, jsconfig.*, karma*, playwright.config.*, postcss.config.*, puppeteer.config.*, svgo.config.*, tailwind.config.*, tsconfig.*, tsdoc.*, unocss.config.*, vitest.config.*, webpack.config.*, windi.config.*",
+        "vue.config.*": "*.env, .babelrc*, .codecov, .cssnanorc*, .env.*, .htmlnanorc*, .mocha*, .postcssrc*, .terserrc*, api-extractor.json, ava.config.*, babel.config.*, cssnano.config.*, cypress.json, env.d.ts, htmlnanorc.*, jasmine.*, jest.config.*, jsconfig.*, karma*, playwright.config.*, postcss.config.*, puppeteer.config.*, svgo.config.*, tailwind.config.*, tsconfig.*, tsdoc.*, unocss.config.*, vitest.config.*, webpack.config.*, windi.config.*",
+        "nuxt.config.*": "*.env, .babelrc*, .codecov, .cssnanorc*, .env.*, .htmlnanorc*, .mocha*, .postcssrc*, .terserrc*, api-extractor.json, ava.config.*, babel.config.*, cssnano.config.*, cypress.json, env.d.ts, htmlnanorc.*, jasmine.*, jest.config.*, jsconfig.*, karma*, playwright.config.*, postcss.config.*, puppeteer.config.*, svgo.config.*, tailwind.config.*, tsconfig.*, tsdoc.*, unocss.config.*, vitest.config.*, webpack.config.*, windi.config.*",
+        "next.config.*": "*.env, .babelrc*, .codecov, .cssnanorc*, .env.*, .htmlnanorc*, .mocha*, .postcssrc*, .terserrc*, api-extractor.json, ava.config.*, babel.config.*, cssnano.config.*, cypress.json, env.d.ts, htmlnanorc.*, jasmine.*, jest.config.*, jsconfig.*, karma*, next-env.d.ts, playwright.config.*, postcss.config.*, puppeteer.config.*, svgo.config.*, tailwind.config.*, tsconfig.*, tsdoc.*, unocss.config.*, vitest.config.*, webpack.config.*, windi.config.*",
+        "svelte.config.*": "*.env, .babelrc*, .codecov, .cssnanorc*, .env.*, .htmlnanorc*, .mocha*, .postcssrc*, .terserrc*, api-extractor.json, ava.config.*, babel.config.*, cssnano.config.*, cypress.json, env.d.ts, htmlnanorc.*, jasmine.*, jest.config.*, jsconfig.*, karma*, mdsvex.config.js, playwright.config.*, postcss.config.*, puppeteer.config.*, svgo.config.*, tailwind.config.*, tsconfig.*, tsdoc.*, unocss.config.*, vitest.config.*, webpack.config.*, windi.config.*",
+        "remix.config.*": "*.env, .babelrc*, .codecov, .cssnanorc*, .env.*, .htmlnanorc*, .mocha*, .postcssrc*, .terserrc*, api-extractor.json, ava.config.*, babel.config.*, cssnano.config.*, cypress.json, env.d.ts, htmlnanorc.*, jasmine.*, jest.config.*, jsconfig.*, karma*, playwright.config.*, postcss.config.*, puppeteer.config.*, remix.*, svgo.config.*, tailwind.config.*, tsconfig.*, tsdoc.*, unocss.config.*, vitest.config.*, webpack.config.*, windi.config.*"
+    },
+    "[typescript]": {
+        "editor.defaultFormatter": "dbaeumer.vscode-eslint"
+    }
+}

README.md

@@ -1,34 +1 @@
-## 目前已有脚手架列表
-
-| 名称    | 说明                        | 技术栈                |
-| ------- | --------------------------- | --------------------- |
-| nextJs  | 基于 React 的服务端渲染方案 | nextJs + axios + antd |
-| ReactJs | 基于 React 的业务型脚手架   | umiJs + axios + antd  |
-| TaroJs  | 基于 React 的多端适配方案   | TaroJs 全家桶         |
-| Vue     | 基于 Vue 的业务型脚手架     | vueJs 全家桶          |
-| Gulp    | 基于 Gulp 的清凉型脚手架    | --                    |
-
-## 快速上手
-
-### 1. 安装相关依赖
-
-```js
-// 推荐
-yarn global add @nicecode/cli
-
-// or
-// npm install @nicecode/cli -g
-```
-
-### 2. 运行命令
-
-```js
-// 查看脚手架版本号，是否安装成功
-nice - V
-```
-
-### 3. 创建项目
-
-```js
-nice create ${项目名称}
-```
+# react-template

package.json

@@ -0,0 +1,79 @@
+{
+  "private": true,
+  "scripts": {
+    "start": "umi dev",
+    "build": "umi build",
+    "build:test": "cross-env UMI_ENV=test umi build",
+    "build:release": "cross-env UMI_ENV=release umi build",
+    "build:pre": "cross-env UMI_ENV=pre umi build",
+    "build:production": "cross-env UMI_ENV=production umi build",
+    "lint": "eslint 'src/**/*.{js,jsx,tsx,ts}'",
+    "lint:fix": "eslint 'src/**/*.{js,jsx,tsx,ts}' --fix",
+    "prettier": "prettier --write '**/*.{less,css,md,json}'",
+    "test": "umi-test",
+    "test:coverage": "umi-test --coverage",
+    "cz": "git add . && git cz"
+  },
+  "config": {
+    "commitizen": {
+      "path": "@nicecode/commit"
+    }
+  },
+  "husky": {
+    "hooks": {
+      "commit-msg": "commitlint -E HUSKY_GIT_PARAMS"
+    }
+  },
+  "gitHooks": {
+    "pre-commit": "tsc --noEmit && lint-staged"
+  },
+  "lint-staged": {
+    "*.{js,jsx,ts,tsx}": [
+      "npm run lint:fix",
+      "git add ."
+    ],
+    "*.{less,css,md,json}": [
+      "npm run prettier",
+      "git add ."
+    ]
+  },
+  "dependencies": {
+    "@ant-design/icons": "^4.7.0",
+    "@ant-design/pro-layout": "^6.15.4",
+    "@nicecode/tools": "^0.2.12",
+    "antd-mobile": "^5.12.6",
+    "amfe-flexible": "^2.2.1",
+    "antd-mobile-icons": "^0.2.2",
+    "classnames": "^2.2.6",
+    "js-cookie": "^2.2.1",
+    "react": "^17.0.1",
+    "react-dom": "^17.0.1",
+    "umi": "^3.5.15",
+    "weixin-js-sdk": "^1.6.0"
+  },
+  "devDependencies": {
+    "@nicecode/commit-lint": "^0.1.2",
+    "@types/classnames": "^2.2.10",
+    "@types/react": "^18.0.9",
+    "@types/react-dom": "^18.0.5",
+    "@typescript-eslint/eslint-plugin": "^5.26.0",
+    "@typescript-eslint/parser": "^5.26.0",
+    "@umijs/preset-react": "1.x",
+    "@umijs/test": "^3.0.16",
+    "babel-plugin-import": "^1.13.5",
+    "babel-plugin-transform-remove-console": "^6.9.4",
+    "commitlint": "^17.0.1",
+    "cross-env": "^7.0.2",
+    "eruda": "^2.4.1",
+    "eslint": "^7.16.0",
+    "eslint-config-alloy": "^4.5.1",
+    "eslint-plugin-react": "^7.30.0",
+    "husky": "^8.0.1",
+    "lint-staged": "^10.0.7",
+    "postcss-px2rem": "^0.3.0",
+    "prettier": "^1.19.1",
+    "typescript": "^4.1.3",
+    "yapi-to-typescript": "^3.34.1",
+    "yorkie": "^2.0.0"
+  }
+}

src/app.ts

@@ -0,0 +1,14 @@
+import 'amfe-flexible';
+import eruda from 'eruda'
+import 'antd-mobile/es/global';
+import '@/styles/index.less';
+import '@/styles/reset.less';
+
+if (process.env.UMI_ENV !== 'production') {
+    eruda.init();
+}
+
+// 初始化，可以通过 useModel 调用
+export function getInitialState() {
+    return {}
+}

src/assets/data/code.ts

@@ -0,0 +1,2 @@
+// 业务错误码
+export default {};

src/assets/data/constants.ts

@@ -0,0 +1,5 @@
+export const DATE_FORMAT = 'yyyy-MM-dd';
+
+export const TIME_FORMAT = 'HH:mm:ss';
+
+export const DATE_TIME_FORMAT = `${DATE_FORMAT} ${TIME_FORMAT}`;

src/components/PageLoading/index.tsx

@@ -0,0 +1,3 @@
+import { PageLoading } from '@ant-design/pro-layout';
+
+export default PageLoading;

src/components/User/index.tsx

@@ -0,0 +1,10 @@
+function User() {
+  return (
+    <>
+      <div>个人中心</div>
+      <div>退出登录</div>
+    </>
+  );
+}
+
+export default User;

src/interfaces/base.ts

@@ -0,0 +1,28 @@
+import React from 'react';
+
+export interface BaseProps {
+  className?: string;
+  style?: React.CSSProperties;
+  children?: React.ReactNode;
+}
+
+export interface Pagination {
+  total: number;
+  size: number;
+  index: number;
+  length: number;
+  beginIndex: number;
+  endIndex: number;
+}
+
+export interface BaseResponse {
+  code: string;
+  msg: string;
+  memo: string;
+  data: any;
+  page?: Pagination;
+  result: number;
+  success: boolean;
+  requestId: string;
+  linkTime: number;
+}

src/layouts/BlankLayout/index.tsx

@@ -0,0 +1,9 @@
+import React from 'react';
+
+interface IBlankLayout {
+  children: React.ReactNode
+}
+
+const BlankLayout: React.FC<IBlankLayout> = ({ children }) => (<>{children}</>);
+
+export default BlankLayout;

src/locales/zh-CN.ts

@@ -0,0 +1 @@
+export default {};

src/models/connect.ts

@@ -0,0 +1,5 @@
+import { UserModelState } from './user';
+
+export interface ConnectState {
+  user: UserModelState;
+}

src/models/user.ts

@@ -0,0 +1,56 @@
+import { ImmerReducer, Effect } from 'umi';
+import { SubscriptionsMapObject } from 'dva';
+import { getUserInfo } from '@/services/user';
+
+export interface UserInfo {
+  name?: string;
+}
+
+export interface UserModelState {
+  info: UserInfo;
+  token: string;
+}
+
+export interface UserModelType {
+  namespace: 'user';
+  state: UserModelState;
+  effects: {
+    fetchUser: Effect;
+  };
+  reducers: {
+    setUserInfo: ImmerReducer<UserModelState>;
+    setToken: ImmerReducer<UserModelState>;
+  };
+  subscriptions: SubscriptionsMapObject;
+}
+
+const UserModel: UserModelType = {
+  namespace: 'user',
+  state: {
+    info: {},
+    token: '',
+  },
+  effects: {
+    // 获取用户信息
+    *fetchUser(_, { call, put }) {
+      const response = yield call(getUserInfo);
+      yield put({
+        type: 'setUserInfo',
+        payload: response,
+      });
+    },
+  },
+  reducers: {
+    // 修改用户信息
+    setUserInfo(state, { payload }) {
+      state.info = payload;
+    },
+    // 修改 token
+    setToken(state, { payload }) {
+      state.token = payload || '';
+    },
+  },
+  subscriptions: {},
+};
+
+export default UserModel;

src/pages/document.ejs

@@ -0,0 +1,15 @@
+<!DOCTYPE html>
+<html lang="en">
+<head>
+  <meta charset="UTF-8">
+  <meta http-equiv="X-UA-Compatible" content="IE=edge">
+  <meta name="apple-mobile-web-app-capable" content="yes" />
+  <meta name="full-screen" content="yes">
+  <meta name="x5-fullscreen" content="true">
+  <meta name="viewport" content="width=device-width, initial-scale=1, minimum-scale=1, maximum-scale=1, user-scalable=no">
+  <title>加载中...</title>
+</head>
+<body>
+  <div id="root" style="position:relative;"></div>
+</body>
+</html>

src/pages/index.less

@@ -0,0 +1,8 @@
+.home {
+    padding: 12px;
+}
+.title {
+    margin: 100px auto;
+    font-size: 24px;
+    text-align: center;
+}

src/pages/index.tsx

@@ -0,0 +1,13 @@
+import { Button } from 'antd-mobile'
+import styles from './index.less';
+
+export default function () {
+  return (
+    <div className={styles.home}>
+      <h1 className={styles.title}>welcome! there is nicecode!</h1>
+      <Button color='primary' fill='solid' block>
+        你好
+      </Button>
+    </div>
+  );
+}

src/services/common.ts

@@ -0,0 +1,27 @@
+import request from '@/utils/request';
+
+/**
+ * 获取微信授权信息
+ * @returns 获取微信授权信息
+ */
+export async function getWxAuthorities(data: { url: string; }): Promise<any> {
+  return request.post('/dianhun/traffic/accident/weixin/param/v1', data);
+}
+
+/**
+ * 获取用户信息
+ * @returns 获取微信授权信息
+ */
+export async function getUserInfo(data: any): Promise<any> {
+  return request.post(
+    process.env.BASE_API + '/dianhun/traffic/accident/weixin/code/v1',
+    data,
+  );
+}
+
+export async function jumpToWxUrl(params: any): Promise<any> {
+  return request.post(
+    process.env.BASE_API + '/dianhun/traffic/accident/weixin/redirectUrl/v1',
+    params,
+  );
+}

src/services/user.ts

@@ -0,0 +1,7 @@
+import request from '@/utils/request';
+
+export async function getUserInfo(): Promise<any> {
+  return request('/developer/info', {
+    method: 'get',
+  });
+}

src/styles/index.less

@@ -0,0 +1 @@
+@import './var.less';

src/styles/reset.less

@@ -0,0 +1,32 @@
+@import 'var.less';
+:root {
+    --adm-radius-s: 4px;
+    --adm-radius-m: 8px;
+    --adm-radius-l: 12px;
+    --adm-font-size-1: 9px;
+    --adm-font-size-2: 10px;
+    --adm-font-size-3: 11px;
+    --adm-font-size-4: 12px;
+    --adm-font-size-5: 13px;
+    --adm-font-size-6: 14px;
+    --adm-font-size-7: 15px;
+    --adm-font-size-8: 16px;
+    --adm-font-size-9: 17px;
+    --adm-font-size-10: 18px;
+    --adm-color-primary: #1677ff;
+    --adm-color-success: #00b578;
+    --adm-color-warning: #ff8f1f;
+    --adm-color-danger: #ff3141;
+    --adm-color-white: #ffffff;
+    --adm-color-text: #333333;
+    --adm-color-text-secondary: #666666;
+    --adm-color-weak: #999999;
+    --adm-color-light: #cccccc;
+    --adm-color-border: #eeeeee;
+    --adm-color-box: #f5f5f5;
+    --adm-color-background: #ffffff;
+    --adm-font-size-main: var(--adm-font-size-5);
+    --adm-font-family: -apple-system, blinkmacsystemfont, 'Helvetica Neue', helvetica, segoe ui,
+        arial, roboto, 'PingFang SC', 'miui', 'Hiragino Sans GB', 'Microsoft Yahei', sans-serif;
+    --adm-border-color: var(--adm-color-border);
+}

src/styles/var.less

@@ -0,0 +1,90 @@
+// 颜色
+@S1: #25282a;
+@S2: #1c21b8;
+@S3: #2228e0;
+@S4: #4046ff;
+@S5: #9ca8ff;
+@S6: #c9d2ff;
+@M1: #000000;
+@M2: #4a4a4a;
+@M3: #7c7c7c;
+@M4: #959595;
+@M5: #c7c7c7;
+@M6: #e0e0e0;
+@M7: #f2f2f2;
+@M8: #f9f9f9;
+@M9: #ffffff;
+@D1: #fac105;
+@D2: #ffab24;
+@D3: #ff6952;
+@D4: #ff3c73;
+@D5: #ee62d5;
+@D6: #8475ff;
+@D7: #4f73ff;
+@D8: #148aff;
+@D9: #0cc0c9;
+@D10: #0cc991;
+@D11: #83d615;
+@D1-1: #fef8e5;
+@D2-1: #fff6e9;
+@D3-1: #fff0ed;
+@D4-1: #ffebf1;
+@D5-1: #fdeffa;
+@D6-1: #f2f1ff;
+@D7-1: #edf1ff;
+@D8-1: #e7f3ff;
+@D9-1: #e6f8f9;
+@D10-1: #e6f9f3;
+@D11-1: #f2fae7;
+@F-info: #4766ff;
+@F-success: #46cf84;
+@F-warning: #ffa42e;
+@F-red: #fa4646;
+
+/* 字体 */
+@Fs-1: 12px;
+@Fs-2: 14px;
+@Fs-3: 16px;
+@Fs-4: 18px;
+@Fs-5: 20px;
+@Fs-6: 22px;
+@Fs-7: 24px;
+@Fs-8: 28px;
+@Fs-9: 32px;
+
+/* 行高 */
+@Lh-1: 20px;
+@Lh-2: 22px;
+@Lh-3: 24px;
+@Lh-4: 26px;
+@Lh-5: 28px;
+@Lh-6: 30px;
+@Lh-7: 32px;
+@Lh-8: 36px;
+@Lh-9: 42px;
+
+// 间距
+@Sp-1: 2px;
+@Sp-2: 4px;
+@Sp-3: 8px;
+@Sp-4: 10px;
+@Sp-5: 12px;
+@Sp-6: 16px;
+@Sp-7: 20px;
+@Sp-8: 24px;
+@Sp-9: 30px;
+@Sp-10: 32px;
+@Sp-11: 40px;
+
+// 阴影
+@Sh-1: 0 0 8px 0 rgba(0, 0, 0, 0.05);
+@Sh-2: 0 2px 8px 0 rgba(0, 0, 0, 0.1);
+@Sh-3: 0 0 12px 0 rgba(0, 0, 0, 0.1);
+@Sh-4: -4px 0 20px 0 rgba(0, 0, 0, 0.1);
+@Sh-5: 0 2px 20px 0 rgba(0, 0, 0, 0.3);
+
+// 圆角
+@Ra-1: 2px;
+@Ra-2: 3px;
+@Ra-3: 6px;
+@Ra-4: 10px;

src/utils/flexible.ts

@@ -0,0 +1,53 @@
+(function flexible(window, document) {
+  let docEl = document.documentElement;
+  let dpr = window.devicePixelRatio || 1;
+
+  // adjust body font size
+  function setBodyFontSize() {
+    if (document.body) {
+      document.body.style.fontSize = 12 * dpr + 'px';
+    } else {
+      document.addEventListener('DOMContentLoaded', setBodyFontSize);
+    }
+  }
+  setBodyFontSize();
+
+  // set 1rem = viewWidth / 10
+  function setRemUnit() {
+    let width = document.documentElement.clientWidth;
+    let height = document.documentElement.clientHeight;
+    let rem = 0
+    if (width > height) {
+      // 横屏
+      // @ts-ignore
+      rem = height * 1.78;
+    } else {
+      // 竖屏
+      rem = width * 1.78;
+    }
+    docEl.style.fontSize = rem / 10 + 'px';
+  }
+
+  setRemUnit();
+
+  // reset rem unit on page resize
+  window.addEventListener('resize', setRemUnit);
+  window.addEventListener('pageshow', (e) => {
+    if (e.persisted) {
+      setRemUnit();
+    }
+  });
+
+  // detect 0.5px supports
+  if (dpr >= 2) {
+    let fakeBody = document.createElement('body');
+    let testElement = document.createElement('div');
+    testElement.style.border = '.5px solid transparent';
+    fakeBody.appendChild(testElement);
+    docEl.appendChild(fakeBody);
+    if (testElement.offsetHeight === 1) {
+      docEl.classList.add('hairlines');
+    }
+    docEl.removeChild(fakeBody);
+  }
+})(window, document);

src/utils/index.ts

@@ -0,0 +1,55 @@
+import { Toast } from 'antd-mobile';
+
+export const resize = () => {
+  let width = document.documentElement.clientWidth;
+  let height = document.documentElement.clientHeight;
+  console.log(width, height);
+  let root = document.querySelector('#root') as any;
+  root.style.position = 'relative';
+  // root.style.overflow = 'hidden';
+  root.style.top = '50%';
+  root.style.left = '50%';
+  root.style['transform-origin'] = '50% 50%';
+
+  if (width > height) {
+    // 横屏
+    // 判断比例是否正确
+    root.style.width = height * 1.78 + 'px';
+    root.style.height = height + 'px';
+    root.style.transform = 'translate(-50%, -50%)';
+    // 不旋转
+  } else {
+    // 竖屏
+    root.style.width = width * 1.78 + 'px';
+    root.style.height = width + 'px';
+    root.style.transform = 'translate(-50%, -50%) rotate(90deg)';
+  }
+};
+
+/**
+ * 复制粘贴
+ * @param value 需要复制粘贴的值
+ */
+export const copy = function (value: any) {
+  return new Promise((resolve) => {
+    let copyTextArea = null;
+    try {
+      copyTextArea = document.createElement('textarea');
+      copyTextArea.style.height = '0px';
+      copyTextArea.style.opacity = '0';
+      copyTextArea.style.width = '0px';
+      document.body.appendChild(copyTextArea);
+      copyTextArea.value = value;
+      copyTextArea.select();
+      document.execCommand('copy');
+      Toast.show({
+        content: '链接复制成功！',
+      });
+      resolve(value);
+    } finally {
+      if (copyTextArea?.parentNode) {
+        copyTextArea.parentNode.removeChild(copyTextArea);
+      }
+    }
+  });
+};

src/utils/request.ts

@@ -0,0 +1,54 @@
+import { extend } from 'umi-request';
+import { Toast } from 'antd-mobile';
+import CodeMsg from '@/assets/data/code';
+import { BaseResponse } from '@/interfaces/base';
+
+/**
+ * 错误处理
+ * @param data {Object} 请求返回的信息
+ */
+export function handleError(data: BaseResponse) {
+  const msg = CodeMsg[data.code] || data.msg || CodeMsg['DEFAULT_TIP_MESSAGE'];
+  Toast.show({
+    content: msg,
+  })
+}
+
+// create an axios instance
+const service = extend({
+  baseURL: process.env.BASE_API, // api的base_url
+  timeout: 1000,
+  mode: 'cors',
+  errorHandler: (error: any) => handleError(error),
+});
+
+// request interceptor
+service.interceptors.request.use(
+  (url: string, config: any) => {
+    // 防止 GET 请求缓存GET
+    if (config.method === 'GET') {
+      const t = new Date().getTime();
+      config.params = config.params ? { ...config.params, t } : { t };
+    }
+    return config;
+  }
+);
+
+// response interceptor
+service.interceptors.response.use(
+  async (response: any) => {
+    const res = await response.clone().json();
+    if (Number(res.code) !== 200) {
+      if (Number(res.code) === 1007) {
+        // 登录失效
+        window.location.href = '/';
+        return Promise.resolve();
+      }
+      handleError(res);
+      return Promise.resolve();
+    }
+    return res.data;
+  }
+);
+
+export default service;

src/utils/wxShare.ts

@@ -0,0 +1,120 @@
+import { getWxAuthorities } from '@/services/common';
+import { checkDevice } from '@nicecode/tools';
+import wx from 'weixin-js-sdk';
+
+//  要用到微信API
+function getJSSDK(
+  shareUrl: string,
+  shareMsg: {
+    title: string;
+    desc: string;
+    link: string;
+    imgUrl: string;
+  },
+) {
+  if (checkDevice.isWeChat()) {
+    getWxAuthorities({ url: shareUrl }).then(
+      (res: {
+        data: {
+          appId: string;
+          timestamp: number;
+          echostr: string;
+          signature: string;
+        };
+      }) => {
+        wx.config({
+          // debug: true, // 开启调试模式,调用的所有api的返回值会在客户端alert出来，若要查看传入的参数，可以在pc端打开，参数信息会通过log打出，仅在pc端时才会打印。
+          appId: res.data.appId, // 必填，公众号的唯一标识
+          timestamp: res.data.timestamp, // 必填，生成签名的时间戳
+          nonceStr: res.data.echostr, // 必填，生成签名的随机串
+          signature: res.data.signature, // 必填，签名
+          jsApiList: ['updateAppMessageShareData', 'updateTimelineShareData'],
+        });
+        wx.ready(() => {
+          // 分享给微信朋友
+          wx.updateAppMessageShareData({
+            title: shareMsg.title,
+            desc: shareMsg.desc,
+            link: shareMsg.link,
+            imgUrl: shareMsg.imgUrl,
+            success: function success(res: any) {
+              console.log(res, '分享成功');
+            },
+            cancel: function cancel() {
+              // console.log('已取消');
+            },
+            fail: function fail() {
+              // alert(JSON.stringify(res));
+            },
+          });
+          // 2.2 监听“分享到朋友圈”按钮点击、自定义分享内容及分享结果接口
+          wx.updateTimelineShareData({
+            title: shareMsg.title,
+            link: shareMsg.link,
+            imgUrl: shareMsg.imgUrl,
+            success: function success(_res: any) {
+              // alert('已分享');
+            },
+            cancel: function cancel(_res: any) {
+              // alert('已取消');
+            },
+            fail: function fail() {
+              // alert(JSON.stringify(res));
+            },
+          });
+          // 2.3 监听“分享到QQ”按钮点击、自定义分享内容及分享结果接口
+          //   wx.onMenuShareQQ({
+          //     title: shareMsg.title,
+          //     desc: shareMsg.desc,
+          //     link: shareMsg.linkurl,
+          //     imgUrl: shareMsg.img,
+          //     trigger: function trigger(res) {
+          //       //alert('用户点击分享到QQ');
+          //     },
+          //     complete: function complete(res) {
+          //       alert(JSON.stringify(res));
+          //     },
+          //     success: function success(res) {
+          //       //alert('已分享');
+          //     },
+          //     cancel: function cancel(res) {
+          //       //alert('已取消');
+          //     },
+          //     fail: function fail(res) {
+          //       //alert(JSON.stringify(res));
+          //     }
+          //   });
+          // 2.4 监听“分享到微博”按钮点击、自定义分享内容及分享结果接口
+          //   wx.onMenuShareWeibo({
+          //     title: shareMsg.title,
+          //     desc: shareMsg.desc,
+          //     link: shareMsg.linkurl,
+          //     imgUrl: shareMsg.img,
+          //     trigger: function trigger(res) {
+          //       //alert('用户点击分享到微博');
+          //     },
+          //     complete: function complete(res) {
+          //       // alert(JSON.stringify(res));
+          //     },
+          //     success: function success(res) {
+          //       //alert('已分享');
+          //     },
+          //     cancel: function cancel(res) {
+          //       // alert('已取消');
+          //     },
+          //     fail: function fail(res) {
+          //     // alert(JSON.stringify(res));
+          //     }
+          //   });
+        });
+        wx.error(() => {
+          // alert("微信验证失败");
+        });
+      },
+    );
+  }
+}
+export default {
+  // 获取JSSDK
+  getJSSDK,
+};

src/wrappers/SecurityWrapper.tsx

@@ -0,0 +1,30 @@
+import React, { useEffect } from 'react';
+import { Redirect, connect, Dispatch, useLocation } from 'umi';
+import { ConnectState } from '@/models/connect';
+
+export interface SecurityWrapperProps {
+  token: string;
+  dispatch: Dispatch;
+  children: React.ReactNode
+}
+
+const SecurityWrapper: React.FC<SecurityWrapperProps> = ({
+  token,
+  children,
+}) => {
+  useEffect(() => {
+    // dispatch && dispatch({ type: 'user/fetchUser' });
+  }, []);
+
+  const isLogin = !!token;
+  const { pathname } = useLocation();
+
+  if (!isLogin && pathname !== '/') {
+    return <Redirect to="/" />;
+  }
+  return <>{children}</>;
+};
+
+export default connect(({ user }: ConnectState) => ({
+  token: user.token,
+}))(SecurityWrapper);

tsconfig.json

@@ -0,0 +1,26 @@
+{
+    "compilerOptions": {
+        "outDir": "build/dist",
+        "module": "esnext",
+        "target": "esnext",
+        "lib": ["esnext", "dom"],
+        "sourceMap": true,
+        "baseUrl": ".",
+        "jsx": "react-jsx",
+        "allowSyntheticDefaultImports": true,
+        "moduleResolution": "node",
+        "forceConsistentCasingInFileNames": true,
+        "noImplicitReturns": true,
+        "suppressImplicitAnyIndexErrors": true,
+        "noUnusedLocals": true,
+        "allowJs": true,
+        "skipLibCheck": true,
+        "experimentalDecorators": true,
+        "strict": true,
+        "paths": {
+            "@/*": ["./src/*"],
+            "@@/*": ["./src/.umi/*"]
+        }
+    },
+    "exclude": ["node_modules", "build", "dist", "scripts", "src/.umi/*", "webpack", "jest"]
+}

typings.d.ts

@@ -0,0 +1,8 @@
+declare module '*.css';
+declare module '*.less';
+declare module '*.png';
+declare module '*.jpeg';
+declare module '*.jpg';
+declare module 'eruda'
+declare module 'weixin-js-sdk'
+declare module 'postcss-px2rem'

ytt.config.ts

@@ -0,0 +1,36 @@
+import { defineConfig } from 'yapi-to-typescript'
+
+export default defineConfig([
+  {
+    serverUrl: 'http://yapi.jzxer.cn',
+    typesOnly: false,
+    target: 'typescript',
+    reactHooks: {
+      enabled: false,
+    },
+    prodEnvName: 'production',
+    outputFilePath: 'src/api/index.ts',
+    requestFunctionFilePath: 'src/utils/request.ts',
+    dataKey: 'data',
+    projects: [
+      {
+        token: '',
+        categories: [
+          {
+            id: 0,
+            getRequestFunctionName(interfaceInfo, changeCase) {
+              // 以接口全路径生成请求函数名
+              return changeCase.camelCase(interfaceInfo.path)
+
+              // 若生成的请求函数名存在语法关键词报错、或想通过某个关键词触发 IDE 自动引入提示，可考虑加前缀，如:
+              // return changeCase.camelCase(`api_${interfaceInfo.path}`)
+
+              // 若生成的请求函数名有重复报错，可考虑将接口请求方式纳入生成条件，如:
+              // return changeCase.camelCase(`${interfaceInfo.method}_${interfaceInfo.path}`)
+            },
+          },
+        ],
+      },
+    ],
+  },
+])