使用antd

src-tauri/Cargo.lock

@@ -1369,10 +1369,6 @@ dependencies = [
  "adler",
 ]
 
-[[package]]
-name = "modules"
-version = "0.1.0"
-
 [[package]]
 name = "native-tls"
 version = "0.2.11"

src-tauri/Cargo.toml

@@ -28,7 +28,7 @@ uuid = "1.2.2"
 regex = "1.7.0"
 
 [workspace]
-members = ["modules"]
+#members = ["modules"]
 
 [features]
 # by default Tauri runs in production mode

src/pages/Finder/Finder.tsx

@@ -1,7 +1,7 @@
 import {useEffect, useState} from "react";
 import {invoke} from "@tauri-apps/api/tauri";
 // import {file} from "@tauri-apps/api/tauri";
-
+import { Button, Space } from 'antd';
 import { open, message } from '@tauri-apps/api/dialog';
 import { tauri } from "@tauri-apps/api";
 // import { appDataDir } from '@tauri-apps/api/path';
@@ -20,9 +20,9 @@ export default function Finder() {
 		//   multiple: true,
 		//   defaultPath: await appDataDir(),
 		});
-		
+
 		if (Array.isArray(selected)) {
-			setSelectPath(selected.toString());	
+			setSelectPath(selected.toString());
 		  // user selected multiple directories
 		} else if (selected === null) {
 		  // user cancelled the selection
@@ -41,6 +41,14 @@ export default function Finder() {
 
 	return (
 		<div>
+			<Space wrap>
+				<Button type="primary">Primary Button</Button>
+				<Button>Default Button</Button>
+				<Button type="dashed">Dashed Button</Button>
+				<Button type="text">Text Button</Button>
+				<Button type="link">Link Button</Button>
+			</Space>
+
 			<div>finder</div>
 			<button onClick={() => selectDirectory()}>run</button>
 			<div>selectPath:</div>
@@ -49,4 +57,4 @@ export default function Finder() {
 			</div>
 		</div>
 	)
-}
+}

vite.config.ts

@@ -2,15 +2,20 @@ import {defineConfig} from "vite";
 import path from 'node:path'
 import react from "@vitejs/plugin-react";
 import alias from '@rollup/plugin-alias';
+import vitePluginForArco from '@arco-plugins/vite-react'
 
 // https://vitejs.dev/config/
 export default defineConfig({
-  plugins: [react(),alias({
+  plugins: [
+    react(),
+    alias({
     entries: [
       { find: '@', replacement: './src' },
       // { find: 'batman-1.0.0', replacement: './joker-1.5.0' }
     ]
-  })],
+  }),
+
+  ],
   css: {
     //* css模块化
     modules: { // css模块化 文件以.module.[css|less|scss]结尾