🐛 fix: ui bug fixed [#80,#59]

.npmrc

@@ -1 +1,2 @@
 lockfile=false
+resolution-mode=highest

.umirc.ts

@@ -1,5 +1,11 @@
 import { defineConfig } from 'umi'
 import WebpackShellPlugin from 'webpack-shell-plugin-next'
+// @ts-ignore
+import CssMinimizerPlugin from 'css-minimizer-webpack-plugin'
+// @ts-ignore
+import lightningcss from 'lightningcss'
+// @ts-ignore
+import browserslist from 'browserslist'
 
 const mac = [
   'rm ./javascript/index.js',
@@ -17,7 +23,7 @@ const win = [
 
 export default defineConfig({
   routes: [{ path: '/', component: 'index' }],
-  npmClient: 'yarn',
+  npmClient: 'pnpm',
   mpa: {},
   codeSplitting: false,
   define: {
@@ -35,6 +41,14 @@ export default defineConfig({
     ],
   ],
   chainWebpack(memo) {
+    memo.plugin('minimizer').use(CssMinimizerPlugin, [
+      {
+        minify: CssMinimizerPlugin.lightningCssMinify,
+        minimizerOptions: {
+          targets: lightningcss.browserslistToTargets(browserslist('>= 0.25%')),
+        },
+      },
+    ])
     memo.plugin('shell').use(WebpackShellPlugin, [
       {
         onBuildExit: {

package.json

@@ -43,7 +43,6 @@
       "prettier --parser=typescript --write"
     ]
   },
-  "dependencies": {},
   "devDependencies": {
     "@ant-design/icons": "^5",
     "@commitlint/cli": "^17",
@@ -60,13 +59,16 @@
     "antd": "^5",
     "antd-style": "^3",
     "babel-plugin-styled-components": "^2",
+    "browserslist": "^4",
     "commitlint": "^17",
     "commitlint-config-gitmoji": "^2",
     "concurrently": "^8",
+    "css-minimizer-webpack-plugin": "^5",
     "eslint": "^8",
     "eslint-import-resolver-alias": "^1",
     "eslint-import-resolver-typescript": "^3",
     "husky": "^8",
+    "lightningcss": "^1",
     "lint-staged": "^13",
     "lodash-es": "^4",
     "object-to-css-variables": "^0.2",

src/theme/components/extra-network.less

@@ -114,7 +114,7 @@
   .metadata-button {
     top: 24px;
     right: 4px;
-    font-size: 10px !important;
+    font-size: 24px !important;
     opacity: 0;
 
     &:hover {

src/theme/components/quicksetting.less

@@ -18,7 +18,7 @@
   }
 
   .head > label {
-    min-width: 60%;
+    min-width: unset;
     max-width: 60%;
     margin-right: 12px;
   }

tsconfig.json

@@ -1,21 +1,22 @@
 {
-  "extends": "./src/.umi-production/tsconfig.json",
+  "extends": "./src/.umi/tsconfig.json",
   "compilerOptions": {
     "target": "ESNext",
     "useDefineForClassFields": true,
     "lib": ["DOM", "DOM.Iterable", "ESNext"],
-    "allowJs": false,
+    "allowJs": true,
     "skipLibCheck": true,
     "esModuleInterop": false,
     "allowSyntheticDefaultImports": true,
     "strict": true,
     "forceConsistentCasingInFileNames": true,
     "module": "ESNext",
-    "moduleResolution": "Node",
+    "moduleResolution": "bundler",
     "resolveJsonModule": true,
     "isolatedModules": true,
     "noEmit": true,
-    "jsx": "react-jsx",
+    "jsx": "preserve",
+    "incremental": true,
     "paths": {
       "@/*": ["./src/*"]
     }