fix: site path and use history router (Tencent#136)

* feat: 代码优化 (Tencent#22)

* feat: 代码优化

* fix: fix card title

* fix: fix color

* fix: 修复饼图文字重叠 (Tencent#57)

* chore(deps): bump axios from 0.21.4 to 0.26.1 (Tencent#54)

Bumps [axios](https://github.com/axios/axios) from 0.21.4 to 0.26.1.
- [Release notes](https://github.com/axios/axios/releases)
- [Changelog](https://github.com/axios/axios/blob/master/CHANGELOG.md)
- [Commits](axios/axios@v0.21.4...v0.26.1)

---
updated-dependencies:
- dependency-name: axios
  dependency-type: direct:production
  update-type: version-update:semver-minor
...

Signed-off-by: dependabot[bot] <support@github.com>

Co-authored-by: dependabot[bot] <49699333+dependabot[bot]@users.noreply.github.com>

* fix: 修复图表文字重叠, fixes Tencent#50

* fix: loss css token (Tencent#58)

Co-authored-by: dependabot[bot] <49699333+dependabot[bot]@users.noreply.github.com>
Co-authored-by: yuyang <uyarnchen@gmail.com>

* feat: add maintenance page (Tencent#73)

* fix(typo): fix form menu title typo (Tencent#74)

* chore(deps): bump qrcode.react from 3.0.1 to 3.0.2

Bumps [qrcode.react](https://github.com/zpao/qrcode.react) from 3.0.1 to 3.0.2.
- [Release notes](https://github.com/zpao/qrcode.react/releases)
- [Changelog](https://github.com/zpao/qrcode.react/blob/main/CHANGELOG.md)
- [Commits](zpao/qrcode.react@v3.0.1...v3.0.2)

---
updated-dependencies:
- dependency-name: qrcode.react
  dependency-type: direct:production
  update-type: version-update:semver-patch
...

Signed-off-by: dependabot[bot] <support@github.com>

* fix(datepicker): refactor date-picker (Tencent#87)

* fix: site path and use history router

Signed-off-by: dependabot[bot] <support@github.com>
Co-authored-by: 巅峰召唤师cz <xuczgh@gmail.com>
Co-authored-by: dependabot[bot] <49699333+dependabot[bot]@users.noreply.github.com>
Co-authored-by: 巅峰召唤师cz <xuchaozheng@outlook.com>
Co-authored-by: southorange1228 <32590310+southorange1228@users.noreply.github.com>

Author: 4 people

.env

@@ -0,0 +1,3 @@
+VITE_SOME_KEY=123
+# 打包路径 根据项目不同按需配置
+VITE_BASE_URL = ./

.env.development

@@ -0,0 +1,3 @@
+VITE_SOME_KEY=456
+# 打包路径
+VITE_BASE_URL = ./

.env.site

@@ -0,0 +1,3 @@
+VITE_SOME_KEY=123
+# 打包路径 根据项目不同按需配置
+VITE_BASE_URL = https://static.tdesign.tencent.com/starter/react/

package.json

@@ -7,7 +7,8 @@
     "dev": "vite --open --mode development",
     "dev:linux": "vite --mode development",
     "build:test": "vite build --mode test",
-    "build": "vite build --mode production",
+    "build": "vite build --mode release",
+    "build:site": "vite build --mode site",
     "site:preview": "npm run build && cp -r dist _site",
     "preview": "vite preview --mode test",
     "test": "echo \"no test specified,work in process\"",

src/configs/host.ts

@@ -11,8 +11,12 @@ export default {
     // 测试环境接口地址
     API: 'https://service-exndqyuk-1257786608.gz.apigw.tencentcs.com',
   },
-  production: {
+  release: {
     // 正式环境接口地址
     API: 'https://service-bv448zsw-1257786608.gz.apigw.tencentcs.com',
   },
+  site: {
+    // TDesign部署特殊需要 与release功能一致
+    API: 'https://service-bv448zsw-1257786608.gz.apigw.tencentcs.com',
+  },
 };

src/global.d.ts

@@ -48,6 +48,6 @@ declare module 'tvision-color';
 
 declare interface ImportMeta {
   env: {
-    MODE: 'development' | 'test' | 'production';
+    MODE: 'development' | 'test' | 'release' | 'mock' | 'site';
   };
 }

src/main.tsx

@@ -1,20 +1,24 @@
 import React from 'react';
 import ReactDOM from 'react-dom';
 import { Provider } from 'react-redux';
-import { HashRouter } from 'react-router-dom';
+import { BrowserRouter } from 'react-router-dom';
 import store from 'modules/store';
 import App from 'layouts/index';
 
 import 'tdesign-react/es/style/index.css';
+
 import './styles/theme.less';
 import './styles/index.less';
 
+const env = import.meta.env.MODE || 'development';
+const baseRouterName = env === 'site' ? '/starter/react/' : '';
+
 const renderApp = () => {
   ReactDOM.render(
     <Provider store={store}>
-      <HashRouter>
+      <BrowserRouter basename={baseRouterName}>
         <App />
-      </HashRouter>
+      </BrowserRouter>
     </Provider>,
     document.getElementById('app'),
   );

tsconfig.json

@@ -1,12 +1,8 @@
 {
   "compilerOptions": {
     "baseUrl": "src",
-    "target": "es5",
-    "lib": [
-      "dom",
-      "dom.iterable",
-      "esnext"
-    ],
+    "target": "esnext",
+    "lib": ["dom", "dom.iterable", "esnext"],
     "allowJs": true,
     "skipLibCheck": true,
     "esModuleInterop": true,
@@ -21,7 +17,5 @@
     "noEmit": true,
     "jsx": "react-jsx"
   },
-  "include": [
-    "src"
-  ]
+  "include": ["src"]
 }

vite.config.js

@@ -1,61 +1,69 @@
 import path from 'path';
+import { loadEnv } from 'vite';
 import { viteMockServe } from 'vite-plugin-mock';
 import react from '@vitejs/plugin-react';
 import svgr from '@honkhonk/vite-plugin-svgr';
 
-export default (params) => ({
-  base: './',
-  resolve: {
-    alias: {
-      assets: path.resolve(__dirname, './src/assets'),
-      components: path.resolve(__dirname, './src/components'),
-      configs: path.resolve(__dirname, './src/configs'),
-      layouts: path.resolve(__dirname, './src/layouts'),
-      modules: path.resolve(__dirname, './src/modules'),
-      pages: path.resolve(__dirname, './src/pages'),
-      styles: path.resolve(__dirname, './src/styles'),
-      utils: path.resolve(__dirname, './src/utils'),
-      services: path.resolve(__dirname, './src/services'),
-      router: path.resolve(__dirname, './src/router'),
-      hooks: path.resolve(__dirname, './src/hooks'),
-      types: path.resolve(__dirname, './src/types'),
+const CWD = process.cwd();
+
+export default (params) => {
+  const { mode } = params;
+  const { VITE_BASE_URL } = loadEnv(mode, CWD);
+
+  return {
+    base: VITE_BASE_URL,
+    resolve: {
+      alias: {
+        assets: path.resolve(__dirname, './src/assets'),
+        components: path.resolve(__dirname, './src/components'),
+        configs: path.resolve(__dirname, './src/configs'),
+        layouts: path.resolve(__dirname, './src/layouts'),
+        modules: path.resolve(__dirname, './src/modules'),
+        pages: path.resolve(__dirname, './src/pages'),
+        styles: path.resolve(__dirname, './src/styles'),
+        utils: path.resolve(__dirname, './src/utils'),
+        services: path.resolve(__dirname, './src/services'),
+        router: path.resolve(__dirname, './src/router'),
+        hooks: path.resolve(__dirname, './src/hooks'),
+        types: path.resolve(__dirname, './src/types'),
+      },
     },
-  },
 
-  css: {
-    preprocessorOptions: {
-      less: {
-        modifyVars: {
-          // 如需自定义组件其他 token, 在此处配置
+    css: {
+      preprocessorOptions: {
+        less: {
+          modifyVars: {
+            // 如需自定义组件其他 token, 在此处配置
+          },
         },
       },
     },
-  },
 
-  plugins: [
-    svgr(),
-    react(),
-    params.mode === 'mock' &&
-      viteMockServe({
-        mockPath: './mock',
-        localEnabled: true,
-      }),
-  ],
+    plugins: [
+      svgr(),
+      react(),
+      mode === 'mock' &&
+        viteMockServe({
+          mockPath: './mock',
+          localEnabled: true,
+        }),
+    ],
 
-  build: {
-    cssCodeSplit: false,
-  },
+    build: {
+      cssCodeSplit: false,
+    },
 
-  server: {
-    host: '0.0.0.0',
-    port: 3003,
-    proxy: {
-      '/api': {
-        // 用于开发环境下的转发请求
-        // 更多请参考：https://vitejs.dev/config/#server-proxy
-        target: 'https://service-exndqyuk-1257786608.gz.apigw.tencentcs.com',
-        changeOrigin: true,
+    server: {
+      host: '0.0.0.0',
+      port: 3003,
+      proxy: {
+        '/api': {
+          // 用于开发环境下的转发请求
+          // 更多请参考：https://vitejs.dev/config/#server-proxy
+          target: 'https://service-exndqyuk-1257786608.gz.apigw.tencentcs.com',
+          changeOrigin: true,
+        },
       },
     },
-  },
-});
+  };
+};