diff --git a/.eslintignore b/.eslintignore
deleted file mode 100644
index 3897265..0000000
--- a/.eslintignore
+++ /dev/null
@@ -1,13 +0,0 @@
-.DS_Store
-node_modules
-/build
-/.svelte-kit
-/package
-.env
-.env.*
-!.env.example
-
-# Ignore files for PNPM, NPM and YARN
-pnpm-lock.yaml
-package-lock.json
-yarn.lock
diff --git a/.eslintrc.cjs b/.eslintrc.cjs
deleted file mode 100644
index 8304ad3..0000000
--- a/.eslintrc.cjs
+++ /dev/null
@@ -1,31 +0,0 @@
-/** @type { import("eslint").Linter.FlatConfig } */
-module.exports = {
-	root: true,
-	extends: [
-		'eslint:recommended',
-		'plugin:@typescript-eslint/recommended',
-		'plugin:svelte/recommended',
-		'prettier'
-	],
-	parser: '@typescript-eslint/parser',
-	plugins: ['@typescript-eslint'],
-	parserOptions: {
-		sourceType: 'module',
-		ecmaVersion: 2020,
-		extraFileExtensions: ['.svelte']
-	},
-	env: {
-		browser: true,
-		es2017: true,
-		node: true
-	},
-	overrides: [
-		{
-			files: ['*.svelte'],
-			parser: 'svelte-eslint-parser',
-			parserOptions: {
-				parser: '@typescript-eslint/parser'
-			}
-		}
-	]
-};
diff --git a/src-tauri/src/services/config.rs b/src-tauri/src/services/config.rs
index c30a1d5..65b0b77 100644
--- a/src-tauri/src/services/config.rs
+++ b/src-tauri/src/services/config.rs
@@ -141,6 +141,7 @@ pub struct UpdateConfigRequest {
     pub request_template: Option<String>,
     pub header_template: Option<String>,
     pub request_path: Option<String>,
+    pub file_name_template: Option<String>
 }
 
 // 更新类型配置
@@ -193,6 +194,10 @@ pub async fn update_config(
         config_json.header_template = Some(header_template.clone());
     }
 
+    if let Some(file_name_template) = &form.file_name_template {
+        config_json.file_name_template = Some(file_name_template.clone());
+    }
+
     if let Some(request_path) = &form.request_path {
         config_json.request_path = Some(PathBuf::from(request_path));
         config_json.request_full_path = Some(join_path(
diff --git a/src-tauri/src/structs/config.rs b/src-tauri/src/structs/config.rs
index 8b1cc00..9c0a872 100644
--- a/src-tauri/src/structs/config.rs
+++ b/src-tauri/src/structs/config.rs
@@ -38,6 +38,7 @@ pub struct ConfigJson {
     pub request_full_path: Option<PathBuf>,
     pub request_template: Option<String>,
     pub header_template: Option<String>,
+    pub file_name_template : Option<String>
 }
 
 impl ConfigJson {
@@ -54,6 +55,7 @@ impl ConfigJson {
             request_full_path:None,
             request_template: None,
             header_template: None,
+            file_name_template: None
         }
     }
 }
diff --git a/src-tauri/src/structs/request.rs b/src-tauri/src/structs/request.rs
index e720f37..dd48d37 100644
--- a/src-tauri/src/structs/request.rs
+++ b/src-tauri/src/structs/request.rs
@@ -34,6 +34,8 @@ pub struct Request {
     pub request_template: Option<String>,
     pub header_template: Option<String>,
     pub request_full_path: Option<PathBuf>,
+    // My_$1 : dirname => My_dirname.ts
+    pub file_name_template: Option<String>,
 }
 
 impl Request {
@@ -47,6 +49,7 @@ impl Request {
             request_template: config_json.request_template,
             header_template: config_json.header_template,
             request_full_path: config_json.request_full_path,
+            file_name_template: config_json.file_name_template,
         }
     }
 
@@ -87,15 +90,8 @@ impl Request {
     }
 
     pub fn write_ts(&self, path: &PathBuf) {
-        let types_root_path = self.context.types_full_path.clone().unwrap();
-        let sub_path = match path == &types_root_path {
-            true => None,
-            false => Some(path.strip_prefix(&types_root_path).unwrap().to_path_buf()),
-        };
-
-        println!("sub_path: {:?}", sub_path);
-
-        let read_res = fs::read_dir(path).unwrap();
+        let sub_path = self.get_type_relative_path(path);
+        let write_path = self.get_write_path(&sub_path);
 
         let mut ts_string = match &self.header_template {
             Some(template) => format!("{}\n", template.clone()),
@@ -105,14 +101,7 @@ impl Request {
         let mut import_list: Vec<String> = vec![];
         let mut export_list: Vec<String> = vec![];
 
-        let write_path = match &sub_path {
-            Some(sub_path) => {
-                self.request_full_path.clone().unwrap().join(&sub_path)
-            },
-            None => self.request_full_path.clone().unwrap().join("index"),
-        };
-
-        for dirs in read_res.into_iter() {
+        for dirs in fs::read_dir(path).unwrap().into_iter() {
             let dir = dirs.unwrap();
             let file_type = dir.file_type().unwrap();
             let file_path = dir.path();
@@ -151,12 +140,40 @@ impl Request {
 
         let parent = write_path.parent().unwrap();
 
-        println!("{:#?}", write_path);
-
         fs::create_dir_all(parent).unwrap();
+
         fs::write(format!("{}.ts", write_path.to_str().unwrap()), ts_string).unwrap();
     }
 
+    // 获取 type 文件的相对路径
+    fn get_type_relative_path(&self, path: &PathBuf) -> Option<PathBuf> {
+        let types_root_path = self.context.types_full_path.clone().unwrap();
+        match path == &types_root_path {
+            true => None,
+            false => Some(path.strip_prefix(&types_root_path).unwrap().to_path_buf()),
+        }
+    }
+
+    // 获取写入 service 文件的路径
+    fn get_write_path(&self, sub_path: &Option<PathBuf>) -> PathBuf {
+        match &sub_path {
+            Some(sub_path) => {
+                let mut write_path = self.request_full_path.clone().unwrap().join(&sub_path);
+
+                if let Some(template) = self.file_name_template.clone() {
+                    if let Some(file_name) = write_path.file_name() {
+                        let real_file_name = template.replace("$1", file_name.to_str().unwrap());
+                        write_path.set_file_name(real_file_name);
+                    }
+                }
+
+                write_path
+            }
+            None => self.request_full_path.clone().unwrap().join("index"),
+        }
+    }
+
+    // 检查生成service的 type 文件是否有 Request/Response interface
     fn check_file(&self, file_path: &PathBuf, file_name_without_ext: &String) -> bool {
         let req = format!("{}Request", file_name_without_ext);
         let resp = format!("{}Response", file_name_without_ext);
diff --git a/src/lib/components/ProcessingModal.svelte b/src/lib/components/ProcessingModal.svelte
index 0dd29b1..30ff4da 100644
--- a/src/lib/components/ProcessingModal.svelte
+++ b/src/lib/components/ProcessingModal.svelte
@@ -1,92 +1,89 @@
 <script lang="ts">
-    import { listen } from "@tauri-apps/api/event";
-    import { Modal, ProgressBar } from "carbon-components-svelte";
-    import { onDestroy, onMount } from "svelte";
-    import { runningTask, processingModalOpen, processingModalTotal } from "../store";
-    import { request } from "@/utils";
-    import type { SuccessResponse } from "@/types/public";
-    import { toast } from "@zerodevx/svelte-toast";
-    import { toastTheme } from "@/consts";
-    import { tweened } from "svelte/motion";
-    import { cubicOut } from "svelte/easing";
+	import { listen } from '@tauri-apps/api/event';
+	import { Modal, ProgressBar } from 'carbon-components-svelte';
+	import { onDestroy, onMount } from 'svelte';
+	import { runningTask, processingModalOpen, processingModalTotal } from '../store';
+	import { request } from '@/utils';
+	import type { SuccessResponse } from '@/types/public';
+	import { toast } from '@zerodevx/svelte-toast';
+	import { toastTheme } from '@/consts';
+	import { tweened } from 'svelte/motion';
+	import { cubicOut } from 'svelte/easing';
 
-    const progress = tweened(0, {
-        duration: 400,
-        easing: cubicOut,
-    });
+	const progress = tweened(0, {
+		duration: 400,
+		easing: cubicOut
+	});
 
-    let log_area: HTMLDivElement;
+	let log_area: HTMLDivElement;
 
-    let log_list: {
-        msg: string;
-        is_success: boolean;
-    }[] = [];
+	let log_list: {
+		msg: string;
+		is_success: boolean;
+	}[] = [];
 
-    let unlistenLog: () => void;
+	let unlistenLog: () => void;
 
-    onMount(async () => {
-        unlistenLog = await listen<{
-            msg: string;
-            success_number: number;
-            is_success: boolean;
-        }>("log", (event) => {
-            log_list.push({
-                msg: event.payload.msg,
-                is_success: event.payload.is_success,
-            });
-            log_list = log_list;
-            log_area.scrollTop = log_area.scrollHeight
-            progress.set(event.payload.success_number);
-        });
-    });
+	onMount(async () => {
+		unlistenLog = await listen<{
+			msg: string;
+			success_number: number;
+			is_success: boolean;
+		}>('log', (event) => {
+			log_list.push({
+				msg: event.payload.msg,
+				is_success: event.payload.is_success
+			});
+			log_list = log_list;
+			log_area.scrollTop = log_area.scrollHeight;
+			progress.set(event.payload.success_number);
+		});
+	});
 
-    onDestroy(() => {
-        unlistenLog();
-    });
+	onDestroy(() => {
+		unlistenLog();
+	});
 
-    function onClose() {
-        const over = log_list.length === $processingModalTotal;
+	function onClose() {
+		const over = log_list.length === $processingModalTotal;
 
-        if (!over) {
-            request("pause")
-                .then((res: SuccessResponse<null>) => {
-                    toast.push(JSON.stringify(res.message), toastTheme.success);
-                    $processingModalOpen = false;
-                })
-                .catch((e) => {
-                    toast.push(JSON.stringify(e), toastTheme.error);
-                });
-        }
+		if (!over) {
+			request('pause')
+				// @ts-expect-error
+				.then((res: SuccessResponse<null>) => {
+					toast.push(JSON.stringify(res.message), toastTheme.success);
+					$processingModalOpen = false;
+				})
+				.catch((e) => {
+					toast.push(JSON.stringify(e), toastTheme.error);
+				});
+		}
 
-        log_list = [];
-        $processingModalTotal = 0;
-        progress.set(0);
-        runningTask.update(() => false);
-    }
+		log_list = [];
+		$processingModalTotal = 0;
+		progress.set(0);
+		runningTask.update(() => false);
+	}
 </script>
 
 <Modal
-    bind:open={$processingModalOpen}
-    modalHeading="Log"
-    preventCloseOnClickOutside
-    passiveModal
-    on:close={onClose}
+	bind:open={$processingModalOpen}
+	modalHeading="Log"
+	preventCloseOnClickOutside
+	passiveModal
+	on:close={onClose}
 >
-    <div bind:this={log_area} style="max-height:300px;overflow-y:auto;">
-        {#each log_list as log}
-            {#if log.is_success}
-                <p>{log.msg}</p>
-            {:else}
-                <p style="color:crimson">{log.msg}</p>
-            {/if}
-        {/each}
-    </div>
+	<div bind:this={log_area} style="max-height:300px;overflow-y:auto;">
+		{#each log_list as log}
+			{#if log.is_success}
+				<p>{log.msg}</p>
+			{:else}
+				<p style="color:crimson">{log.msg}</p>
+			{/if}
+		{/each}
+	</div>
 
-    <ProgressBar
-        value={$progress}
-        max={$processingModalTotal}
-        labelText="进度条"
-    />
+	<ProgressBar value={$progress} max={$processingModalTotal} labelText="进度条" />
 </Modal>
 
 <style>
diff --git a/src/lib/components/Prompt.svelte b/src/lib/components/Prompt.svelte
index 6ed7f06..24588ce 100644
--- a/src/lib/components/Prompt.svelte
+++ b/src/lib/components/Prompt.svelte
@@ -1,37 +1,38 @@
 <script lang="ts">
-    import { toastTheme } from "@/consts";
-    import { request } from "@/utils";
-    import { open } from "@tauri-apps/api/dialog";
-    import { toast } from "@zerodevx/svelte-toast";
-    import { Button } from "carbon-components-svelte";
-    import type { SuccessResponse } from "@/types/public";
+	import { toastTheme } from '@/consts';
+	import { request } from '@/utils';
+	import { open } from '@tauri-apps/api/dialog';
+	import { toast } from '@zerodevx/svelte-toast';
+	import { Button } from 'carbon-components-svelte';
+	import type { SuccessResponse } from '@/types/public';
 
-    export let need_init: boolean;
-    export let load_project: boolean;
+	export let need_init: boolean;
+	export let load_project: boolean;
 
-    function choose() {
-        open({
-            title: "选择代码库",
-            directory: true,
-            multiple: false,
-        }).then((res) => {
-            request("read_config", { dir_path: res })
-                .then((res: SuccessResponse<null>) => {
-                    toast.push(JSON.stringify(res.message), toastTheme.success);
-                    need_init = false;
-                    load_project = true;
-                })
-                .catch((e) => {
-                    need_init = true;
-                    load_project = false
-                    toast.push(JSON.stringify(e), toastTheme.error);
-                });
-        });
-    }
+	function choose() {
+		open({
+			title: '选择代码库',
+			directory: true,
+			multiple: false
+		}).then((res) => {
+			request('read_config', { dir_path: res })
+				// @ts-expect-error
+				.then((res: SuccessResponse<null>) => {
+					toast.push(JSON.stringify(res.message), toastTheme.success);
+					need_init = false;
+					load_project = true;
+				})
+				.catch((e) => {
+					need_init = true;
+					load_project = false;
+					toast.push(JSON.stringify(e), toastTheme.error);
+				});
+		});
+	}
 </script>
 
 <main class="flex justify-center items-center w-full" style="min-height:100vh">
-    <Button type="primary" on:click={choose}>选择代码库</Button>
+	<Button type="primary" on:click={choose}>选择代码库</Button>
 </main>
 
 <style>
diff --git a/src/lib/images/github.svg b/src/lib/images/github.svg
deleted file mode 100644
index bc5d249..0000000
--- a/src/lib/images/github.svg
+++ /dev/null
@@ -1,16 +0,0 @@
-<svg xmlns="http://www.w3.org/2000/svg" viewBox="-3 -3 30 30">
-	<path
-		fill-rule="evenodd"
-		clip-rule="evenodd"
-		d="M12 2C6.47715 2 2 6.47715 2 12C2 17.5229 6.47715 22 12 22C17.5229 22 22 17.5229 22 12C22 6.47715 17.5229 2 12 2ZM0 12C0 5.3726 5.3726 0 12 0C18.6274 0 24 5.3726 24 12C24 18.6274 18.6274 24 12 24C5.3726 24 0 18.6274 0 12Z"
-		fill="rgba(0,0,0,0.7)"
-		stroke="none"
-	/>
-	<path
-		fill-rule="evenodd"
-		clip-rule="evenodd"
-		d="M9.59162 22.7357C9.49492 22.6109 9.49492 21.4986 9.59162 19.399C8.55572 19.4347 7.90122 19.3628 7.62812 19.1833C7.21852 18.9139 6.80842 18.0833 6.44457 17.4979C6.08072 16.9125 5.27312 16.8199 4.94702 16.6891C4.62091 16.5582 4.53905 16.0247 5.84562 16.4282C7.15222 16.8316 7.21592 17.9303 7.62812 18.1872C8.04032 18.4441 9.02572 18.3317 9.47242 18.1259C9.91907 17.9201 9.88622 17.1538 9.96587 16.8503C10.0666 16.5669 9.71162 16.5041 9.70382 16.5018C9.26777 16.5018 6.97697 16.0036 6.34772 13.7852C5.71852 11.5669 6.52907 10.117 6.96147 9.49369C7.24972 9.07814 7.22422 8.19254 6.88497 6.83679C8.11677 6.67939 9.06732 7.06709 9.73672 7.99999C9.73737 8.00534 10.6143 7.47854 12.0001 7.47854C13.386 7.47854 13.8777 7.90764 14.2571 7.99999C14.6365 8.09234 14.94 6.36699 17.2834 6.83679C16.7942 7.79839 16.3844 8.99999 16.6972 9.49369C17.0099 9.98739 18.2372 11.5573 17.4833 13.7852C16.9807 15.2706 15.9927 16.1761 14.5192 16.5018C14.3502 16.5557 14.2658 16.6427 14.2658 16.7627C14.2658 16.9427 14.4942 16.9624 14.8233 17.8058C15.0426 18.368 15.0585 19.9739 14.8708 22.6234C14.3953 22.7445 14.0254 22.8257 13.7611 22.8673C13.2924 22.9409 12.7835 22.9822 12.2834 22.9982C11.7834 23.0141 11.6098 23.0123 10.9185 22.948C10.4577 22.9051 10.0154 22.8343 9.59162 22.7357Z"
-		fill="rgba(0,0,0,0.7)"
-		stroke="none"
-	/>
-</svg>
\ No newline at end of file
diff --git a/src/lib/images/svelte-logo.svg b/src/lib/images/svelte-logo.svg
deleted file mode 100644
index 49492a8..0000000
--- a/src/lib/images/svelte-logo.svg
+++ /dev/null
@@ -1 +0,0 @@
-<svg xmlns="http://www.w3.org/2000/svg" width="107" height="128" viewBox="0 0 107 128"><title>svelte-logo</title><path d="M94.1566,22.8189c-10.4-14.8851-30.94-19.2971-45.7914-9.8348L22.2825,29.6078A29.9234,29.9234,0,0,0,8.7639,49.6506a31.5136,31.5136,0,0,0,3.1076,20.2318A30.0061,30.0061,0,0,0,7.3953,81.0653a31.8886,31.8886,0,0,0,5.4473,24.1157c10.4022,14.8865,30.9423,19.2966,45.7914,9.8348L84.7167,98.3921A29.9177,29.9177,0,0,0,98.2353,78.3493,31.5263,31.5263,0,0,0,95.13,58.117a30,30,0,0,0,4.4743-11.1824,31.88,31.88,0,0,0-5.4473-24.1157" style="fill:#ff3e00"/><path d="M45.8171,106.5815A20.7182,20.7182,0,0,1,23.58,98.3389a19.1739,19.1739,0,0,1-3.2766-14.5025,18.1886,18.1886,0,0,1,.6233-2.4357l.4912-1.4978,1.3363.9815a33.6443,33.6443,0,0,0,10.203,5.0978l.9694.2941-.0893.9675a5.8474,5.8474,0,0,0,1.052,3.8781,6.2389,6.2389,0,0,0,6.6952,2.485,5.7449,5.7449,0,0,0,1.6021-.7041L69.27,76.281a5.4306,5.4306,0,0,0,2.4506-3.631,5.7948,5.7948,0,0,0-.9875-4.3712,6.2436,6.2436,0,0,0-6.6978-2.4864,5.7427,5.7427,0,0,0-1.6.7036l-9.9532,6.3449a19.0329,19.0329,0,0,1-5.2965,2.3259,20.7181,20.7181,0,0,1-22.2368-8.2427,19.1725,19.1725,0,0,1-3.2766-14.5024,17.9885,17.9885,0,0,1,8.13-12.0513L55.8833,23.7472a19.0038,19.0038,0,0,1,5.3-2.3287A20.7182,20.7182,0,0,1,83.42,29.6611a19.1739,19.1739,0,0,1,3.2766,14.5025,18.4,18.4,0,0,1-.6233,2.4357l-.4912,1.4978-1.3356-.98a33.6175,33.6175,0,0,0-10.2037-5.1l-.9694-.2942.0893-.9675a5.8588,5.8588,0,0,0-1.052-3.878,6.2389,6.2389,0,0,0-6.6952-2.485,5.7449,5.7449,0,0,0-1.6021.7041L37.73,51.719a5.4218,5.4218,0,0,0-2.4487,3.63,5.7862,5.7862,0,0,0,.9856,4.3717,6.2437,6.2437,0,0,0,6.6978,2.4864,5.7652,5.7652,0,0,0,1.602-.7041l9.9519-6.3425a18.978,18.978,0,0,1,5.2959-2.3278,20.7181,20.7181,0,0,1,22.2368,8.2427,19.1725,19.1725,0,0,1,3.2766,14.5024,17.9977,17.9977,0,0,1-8.13,12.0532L51.1167,104.2528a19.0038,19.0038,0,0,1-5.3,2.3287" style="fill:#fff"/></svg>
\ No newline at end of file
diff --git a/src/lib/images/svelte-welcome.png b/src/lib/images/svelte-welcome.png
deleted file mode 100644
index fe7d2d6..0000000
Binary files a/src/lib/images/svelte-welcome.png and /dev/null differ
diff --git a/src/lib/images/svelte-welcome.webp b/src/lib/images/svelte-welcome.webp
deleted file mode 100644
index 6ec1a28..0000000
Binary files a/src/lib/images/svelte-welcome.webp and /dev/null differ
diff --git a/src/lib/main.ts b/src/lib/main.ts
deleted file mode 100644
index 48b9853..0000000
--- a/src/lib/main.ts
+++ /dev/null
@@ -1,9 +0,0 @@
-import "./styles.css";
-import App from "./App.svelte";
-import "carbon-components-svelte/css/white.css";
-
-const app = new App({
-  target: document.getElementById("app"),
-});
-
-export default app;
diff --git a/src/lib/modules/ConfigModule/index.svelte b/src/lib/modules/ConfigModule/index.svelte
index 95c87ce..fde16f7 100644
--- a/src/lib/modules/ConfigModule/index.svelte
+++ b/src/lib/modules/ConfigModule/index.svelte
@@ -1,139 +1,148 @@
 <script lang="ts">
-    import { toastTheme } from "@/consts";
-    import type { Config, SuccessResponse } from "@/types/public";
-    import { request } from "@/utils";
-    import { toast } from "@zerodevx/svelte-toast";
-    import { Button, TextInput, Tooltip } from "carbon-components-svelte";
-    import { onMount } from "svelte";
+	import { toastTheme } from '@/consts';
+	import type { Config, SuccessResponse } from '@/types/public';
+	import { request } from '@/utils';
+	import { toast } from '@zerodevx/svelte-toast';
+	import { Button, TextInput, Tooltip } from 'carbon-components-svelte';
+	import { onMount } from 'svelte';
 
-    let init_form: Config = {
-        base_url: "",
-        rate_limit: 0,
-        types_path: "",
-        types_full_path: "",
-        break_seconds: 0,
-        request_path: "",
-        request_template: "",
-        header_template: "",
-    };
+	let init_form: Config = {
+		base_url: '',
+		rate_limit: 0,
+		types_path: '',
+		types_full_path: '',
+		break_seconds: 0,
+		request_path: '',
+		request_template: '',
+		header_template: '',
+		file_name_template: ''
+	};
 
-    let form = init_form;
+	let form = init_form;
 
-    onMount(() => {
-        request("get_config",{}).then((res: SuccessResponse<Config>) => {
-            console.log(123);
-            
-            form = res.data;
-        });
-    });
+	onMount(() => {
+        // @ts-expect-error 
+		request('get_config', {}).then((res: SuccessResponse<Config>) => {
+			form = res.data;
+		});
+	});
 
-    function update_config() {
-        if (!form.base_url) {
-            toast.push("请输入Yapi地址根路径", toastTheme.error);
-            return;
-        }
-        if (!form.types_path) {
-            toast.push("请输入项目类型目录文件夹路径", toastTheme.error);
-            return;
-        }
-        if (!form.rate_limit) {
-            toast.push(
-                "请输入请求yapi-openapi最大并行请求数",
-                toastTheme.error,
-            );
-            return;
-        }
-        if (form.break_seconds === undefined) {
-            toast.push("请输入请求yapi-openapi时间间隔", toastTheme.error);
-            return;
-        }
+	function update_config() {
+		if (!form.base_url) {
+			toast.push('请输入Yapi地址根路径', toastTheme.error);
+			return;
+		}
+		if (!form.types_path) {
+			toast.push('请输入项目类型目录文件夹路径', toastTheme.error);
+			return;
+		}
+		if (!form.rate_limit) {
+			toast.push('请输入请求yapi-openapi最大并行请求数', toastTheme.error);
+			return;
+		}
+		if (form.break_seconds === undefined) {
+			toast.push('请输入请求yapi-openapi时间间隔', toastTheme.error);
+			return;
+		}
 
-        if (!form.request_path) {
-            toast.push("请输入Request 目录文件夹路径", toastTheme.error);
-            return;
-        }
-        if (!form.request_template) {
-            toast.push("请输入请求模板字符串", toastTheme.error);
-            return;
-        }
-        if (!form.header_template) {
-            toast.push("请输入请求文件首部字符串", toastTheme.error);
-            return;
-        }
+		if (!form.request_path) {
+			toast.push('请输入Request 目录文件夹路径', toastTheme.error);
+			return;
+		}
+		if (!form.request_template) {
+			toast.push('请输入请求模板字符串', toastTheme.error);
+			return;
+		}
+		if (!form.header_template) {
+			toast.push('请输入请求文件首部字符串', toastTheme.error);
+			return;
+		}
+		if (!form.file_name_template) {
+			toast.push('请输入文件名模板字符串', toastTheme.error);
+			return;
+		}
 
-        request("update_config",  form ).then(
-            (res: SuccessResponse<Config>) => {
-                toast.push(res.message, toastTheme.success);
-            },
-        );
-    }
+        // @ts-expect-error 
+		request('update_config', form).then((res: SuccessResponse<Config>) => {
+			toast.push(res.message, toastTheme.success);
+		});
+	}
 </script>
 
 <main style="height:500px; overflow:auto">
-    <TextInput
-        value={form.base_url}
-        on:change={(e) => (form.base_url = String(e.detail))}
-        labelText="Yapi地址根路径"
-        placeholder="请输入Yapi地址根路径"
-    />
-    <TextInput
-        value={form.types_path}
-        on:change={(e) => (form.types_path = String(e.detail))}
-        labelText="项目类型目录文件夹路径"
-        placeholder="你想要把接口ts文件放到哪个文件夹下？"
-    />
-    <TextInput
-        value={form.rate_limit}
-        on:change={(e) => (form.rate_limit = Number(e.detail))}
-        labelText="请求yapi-openapi最大并行请求数"
-        placeholder="请输入请求yapi-openapi最大并行请求数"
-        type="number"
-    />
-    <TextInput
-        value={form.break_seconds}
-        on:change={(e) => (form.break_seconds = Number(e.detail))}
-        labelText="请求yapi-openapi时间间隔"
-        placeholder="请输入请求yapi-openapi时间间隔"
-        type="number"
-    />
+	<TextInput
+		value={form.base_url}
+		on:change={(e) => (form.base_url = String(e.detail))}
+		labelText="Yapi地址根路径"
+		placeholder="请输入Yapi地址根路径"
+	/>
+	<TextInput
+		value={form.types_path}
+		on:change={(e) => (form.types_path = String(e.detail))}
+		labelText="项目类型目录文件夹路径"
+		placeholder="你想要把接口ts文件放到哪个文件夹下？"
+	/>
+	<TextInput
+		value={form.rate_limit}
+		on:change={(e) => (form.rate_limit = Number(e.detail))}
+		labelText="请求yapi-openapi最大并行请求数"
+		placeholder="请输入请求yapi-openapi最大并行请求数"
+		type="number"
+	/>
+	<TextInput
+		value={form.break_seconds}
+		on:change={(e) => (form.break_seconds = Number(e.detail))}
+		labelText="请求yapi-openapi时间间隔"
+		placeholder="请输入请求yapi-openapi时间间隔"
+		type="number"
+	/>
 
-    <TextInput
-        value={form.request_path}
-        on:change={(e) => (form.request_path = String(e.detail))}
-        labelText="Request 目录文件夹路径"
-        placeholder="你想要把定义 request 的 ts 文件放到哪个文件夹下？"
-    />
-    <TextInput
-        value={form.request_template}
-        on:change={(e) => (form.request_template = String(e.detail))}
-        labelText="请求模板字符串"
-        placeholder="请输入请求模板字符串"
-    />
-    <Tooltip align="start" direction="top">
-        <p>$1: 请求名</p>
-        <p>$2: 请求类型</p>
-        <p>$3: 返回类型</p>
-        <p>$4: 接口地址</p>
-    </Tooltip>
-    <TextInput
-        value={form.header_template}
-        on:change={(e) => (form.header_template = String(e.detail))}
-        labelText="请求文件首部字符串"
-        placeholder="请输入请求文件首部字符串"
-    />
+	<TextInput
+		value={form.request_path}
+		on:change={(e) => (form.request_path = String(e.detail))}
+		labelText="Request 目录文件夹路径"
+		placeholder="你想要把定义 request 的 ts 文件放到哪个文件夹下？"
+	/>
+	<TextInput
+		value={form.request_template}
+		on:change={(e) => (form.request_template = String(e.detail))}
+		labelText="请求模板字符串"
+		placeholder="请输入请求模板字符串"
+	/>
+	<Tooltip align="start" direction="top">
+		<p>$1: 请求名</p>
+		<p>$2: 请求类型</p>
+		<p>$3: 返回类型</p>
+		<p>$4: 接口地址</p>
+	</Tooltip>
+	<TextInput
+		value={form.header_template}
+		on:change={(e) => (form.header_template = String(e.detail))}
+		labelText="请求文件首部字符串"
+		placeholder="请输入请求文件首部字符串"
+	/>
+	<TextInput
+		value={form.file_name_template}
+		on:change={(e) => (form.file_name_template = String(e.detail))}
+		labelText="文件名模板字符串"
+		placeholder="请输入文件名模板字符串"
+	/>
+	<Tooltip align="start" direction="top">
+		<p>$1: 文件名</p>
+	</Tooltip>
 </main>
 <footer class="config-module-footer">
-    <Button type="primary" on:click={update_config}>提交</Button>
+	<Button type="primary" on:click={update_config}>提交</Button>
 </footer>
 
 <style lang="scss">
-    .config-module-footer {
-        :global(.bx--btn) {
-            width: 100%;
-            max-width: 100vw;
-            text-align: center;
-            display: block;
-        }
-    }
-
+	.config-module-footer {
+		:global(.bx--btn) {
+			width: 100%;
+			max-width: 100vw;
+			text-align: center;
+			display: block;
+            margin-top: 20px;
+		}
+	}
 </style>
diff --git a/src/lib/modules/ServiceModule/components/ConfigModal.svelte b/src/lib/modules/ServiceModule/components/ConfigModal.svelte
index 71aba15..4464e25 100644
--- a/src/lib/modules/ServiceModule/components/ConfigModal.svelte
+++ b/src/lib/modules/ServiceModule/components/ConfigModal.svelte
@@ -1,81 +1,96 @@
 <script lang="ts">
-    import { Modal, TextInput, Tooltip } from "carbon-components-svelte";
-    import { request } from "@/utils";
-    import { toast } from "@zerodevx/svelte-toast";
-    import { toastTheme } from "@/consts";
-    import type { Config, SuccessResponse } from "@/types/public";
+	import { Modal, TextInput, Tooltip } from 'carbon-components-svelte';
+	import { request } from '@/utils';
+	import { toast } from '@zerodevx/svelte-toast';
+	import { toastTheme } from '@/consts';
+	import type { Config, SuccessResponse } from '@/types/public';
 
-    export let open: boolean;
-    export let load_types: boolean;
+	export let open: boolean;
+	export let load_types: boolean;
 
-    let form: Config = {
-        request_path: "src/services",
-        request_template:
-            "export const $1 = (params: $2) => request<$3>('/api/$4' , { method: 'post' , data: params});",
-        header_template: "import { request } from 'umi';",
-    };
+	let form: Config = {
+		request_path: 'src/services',
+		request_template:
+			"export const $1 = (params: $2) => request<$3>('/api/$4' , { method: 'post' , data: params});",
+		header_template: "import { request } from 'umi';",
+		file_name_template: '$1'
+	};
 
-    function on_submit() {
-        if (!form.request_path) {
-            toast.push("请输入Request 目录文件夹路径", toastTheme.error);
-            return;
-        }
-        if (!form.request_template) {
-            toast.push("请输入请求模板字符串", toastTheme.error);
-            return;
-        }
-        if (!form.header_template) {
-            toast.push("请输入请求文件首部字符串", toastTheme.error);
-            return;
-        }
+	function on_submit() {
+		if (!form.request_path) {
+			toast.push('请输入Request 目录文件夹路径', toastTheme.error);
+			return;
+		}
+		if (!form.request_template) {
+			toast.push('请输入请求模板字符串', toastTheme.error);
+			return;
+		}
+		if (!form.header_template) {
+			toast.push('请输入请求文件首部字符串', toastTheme.error);
+			return;
+		}
+		if (!form.file_name_template) {
+			toast.push('请输入文件名模板字符串', toastTheme.error);
+			return;
+		}
 
-        request("update_config", form)
-            .then((res: SuccessResponse<Config>) => {
-                toast.push(res.message, toastTheme.success);
-                open = false;
-                load_types = true;
-            })
-            .catch((e) => {
-                toast.push(JSON.stringify(e), toastTheme.error);
-            });
-    }
+		request('update_config', form)
+			// @ts-expect-error
+			.then((res: SuccessResponse<Config>) => {
+				toast.push(res.message, toastTheme.success);
+				open = false;
+				load_types = true;
+			})
+			.catch((e) => {
+				toast.push(JSON.stringify(e), toastTheme.error);
+			});
+	}
 </script>
 
 <Modal
-    bind:open
-    modalHeading="初始化配置"
-    preventCloseOnClickOutside
-    primaryButtonText="提交"
-    secondaryButtonText="取消"
-    on:click:button--secondary={() => {
-        open = false;
-    }}
-    on:submit={on_submit}
+	bind:open
+	modalHeading="初始化配置"
+	preventCloseOnClickOutside
+	primaryButtonText="提交"
+	secondaryButtonText="取消"
+	on:click:button--secondary={() => {
+		open = false;
+	}}
+	on:submit={on_submit}
 >
-    <TextInput
-        value={form.request_path}
-        on:change={(e) => (form.request_path = String(e.detail))}
-        labelText="Request 目录文件夹路径"
-        placeholder="你想要把定义 request 的 ts 文件放到哪个文件夹下？"
-    />
-    <TextInput
-        value={form.request_template}
-        on:change={(e) => (form.request_template = String(e.detail))}
-        labelText="请求模板字符串"
-        placeholder="请输入请求模板字符串"
-    />
-    <Tooltip align="start" direction="top">
-        <p>$1: 请求名</p>
-        <p>$2: 请求类型</p>
-        <p>$3: 返回类型</p>
-        <p>$4: 接口地址</p>
-    </Tooltip>
-    <TextInput
-        value={form.header_template}
-        on:change={(e) => (form.header_template = String(e.detail))}
-        labelText="请求文件首部字符串"
-        placeholder="请输入请求文件首部字符串"
-    />
+	<TextInput
+		value={form.request_path}
+		on:change={(e) => (form.request_path = String(e.detail))}
+		labelText="Request 目录文件夹路径"
+		placeholder="你想要把定义 request 的 ts 文件放到哪个文件夹下？"
+	/>
+	<TextInput
+		value={form.request_template}
+		on:change={(e) => (form.request_template = String(e.detail))}
+		labelText="请求模板字符串"
+		placeholder="请输入请求模板字符串"
+	/>
+	<Tooltip align="start" direction="top">
+		<p>$1: 请求名</p>
+		<p>$2: 请求类型</p>
+		<p>$3: 返回类型</p>
+		<p>$4: 接口地址</p>
+	</Tooltip>
+	<TextInput
+		value={form.header_template}
+		on:change={(e) => (form.header_template = String(e.detail))}
+		labelText="请求文件首部字符串"
+		placeholder="请输入请求文件首部字符串"
+	/>
+	<TextInput
+		value={form.file_name_template}
+		on:change={(e) => (form.file_name_template = String(e.detail))}
+		labelText="文件名模板字符串"
+		placeholder="请输入文件名模板字符串"
+	/>
+	<Tooltip align="start" direction="top">
+		<p>$1: 文件名</p>
+	</Tooltip>
 </Modal>
 
 <style>
diff --git a/src/lib/modules/ServiceModule/components/Node.svelte b/src/lib/modules/ServiceModule/components/Node.svelte
index 103c533..72de6e6 100644
--- a/src/lib/modules/ServiceModule/components/Node.svelte
+++ b/src/lib/modules/ServiceModule/components/Node.svelte
@@ -1,115 +1,110 @@
 <script lang="ts">
-    import { toastTheme } from "@/consts";
-    import type { SuccessResponse, TypesTree } from "@/types/public";
-    import { request, wop } from "@/utils";
-    import { toast } from "@zerodevx/svelte-toast";
-    import { confirm } from "@tauri-apps/api/dialog";
+	import { toastTheme } from '@/consts';
+	import type { SuccessResponse, TypesTree } from '@/types/public';
+	import { request, wop } from '@/utils';
+	import { toast } from '@zerodevx/svelte-toast';
+	import { confirm } from '@tauri-apps/api/dialog';
 
-    export let expanded = false;
-    export let name: string;
-    export let children: TypesTree[];
-    export let full_path: string;
-    export let level = 1;
+	export let expanded = false;
+	export let name: string;
+	export let children: TypesTree[];
+	export let full_path: string;
+	export let level = 1;
 
-    function toggle() {
-        if (children.length == 0) {
-            return;
-        }
-        expanded = !expanded;
-    }
+	function toggle() {
+		if (children.length == 0) {
+			return;
+		}
+		expanded = !expanded;
+	}
 
-    async function update_service(full_path: string) {
-        const confirmed = await confirm("操作将重新生成ts文件，是否确定？");
+	async function update_service(full_path: string) {
+		const confirmed = await confirm('操作将重新生成ts文件，是否确定？');
 
-        if (!confirmed) return;
+		if (!confirmed) return;
 
-        request("update_request", { full_path: [full_path] })
-            .then((res: SuccessResponse<null>) => {
-                toast.push(JSON.stringify(res.message), toastTheme.success);
-            })
-            .catch((e) => {
-                toast.push(JSON.stringify(e), toastTheme.error);
-            });
-    }
-
-  
+		request('update_request', { full_path: [full_path] })
+			// @ts-expect-error
+			.then((res: SuccessResponse<null>) => {
+				toast.push(JSON.stringify(res.message), toastTheme.success);
+			})
+			.catch((e) => {
+				toast.push(JSON.stringify(e), toastTheme.error);
+			});
+	}
 </script>
 
 <div class:wrapper={level == 2}>
-    <div class="flex-inline items-end">
-        <button class="flex-inline items-end" on:click={toggle}>
-            {#if children.length}
-                <img class="icon" src="/directory.svg" alt="directory" />
-            {:else}
-                <img class="icon" src="/file.svg" alt="file" />
-            {/if}
-            <button class="node" class:expanded>{name}</button>
-        </button>
-        {#if children.length}
-            <button
-                class="flex-inline items-end"
-                style="margin-left:1em"
-                on:click={() => update_service(full_path)}
-            >
-                <img
-                    class="icon"
-                    src="/update.svg"
-                    alt="更新类型对应的 Service"
-                />
-            </button>
-        {/if}
-    </div>
+	<div class="flex-inline items-end">
+		<button class="flex-inline items-end" on:click={toggle}>
+			{#if children.length}
+				<img class="icon" src="/directory.svg" alt="directory" />
+			{:else}
+				<img class="icon" src="/file.svg" alt="file" />
+			{/if}
+			<button class="node" class:expanded>{name}</button>
+		</button>
+		{#if children.length}
+			<button
+				class="flex-inline items-end"
+				style="margin-left:1em"
+				on:click={() => update_service(full_path)}
+			>
+				<img class="icon" src="/update.svg" alt="更新类型对应的 Service" />
+			</button>
+		{/if}
+	</div>
 
-    {#if expanded}
-        <ul transition:wop>
-            {#each children as child}
-                <li>
-                    <svelte:self {...child} level={level + 1} />
-                </li>
-            {/each}
-        </ul>
-    {/if}
+	{#if expanded}
+		<ul transition:wop>
+			{#each children as child}
+				<li>
+					<svelte:self {...child} level={level + 1} />
+				</li>
+			{/each}
+		</ul>
+	{/if}
 </div>
 
 <style>
-    .wrapper {
-        border: 1px solid #78bdcc;
-        border-radius: 6px;
-        padding: 8px;
-        display: inline-block;
-    }
+	.wrapper {
+		border: 1px solid #78bdcc;
+		border-radius: 6px;
+		padding: 8px;
+		display: inline-block;
+	}
 
-    .node {
-        padding: 0 0 0 1em;
-        background-size: 1em 1em;
-        font-size: 20px;
-    }
+	.node {
+		padding: 0 0 0 1em;
+		background-size: 1em 1em;
+		font-size: 20px;
+	}
 
-    button {
-        background: #fff;
-        cursor: pointer;
-        border: none;
-        padding: 0;
-    }
+	button {
+		background: #fff;
+		cursor: pointer;
+		border: none;
+		padding: 0;
+	}
 
-    .expanded {
-        font-weight: bold;
-    }
+	.expanded {
+		font-weight: bold;
+	}
 
-    ul {
-        padding: 0.2em 0 0 0.5em;
-        margin: 0 0 0 0.5em;
-        list-style: none;
-        border-left: 1px solid #eee;
-        transition: all 1s ease-in;
-    }
+	ul {
+		padding: 0.2em 0 0 0.5em;
+		margin: 0 0 0 0.5em;
+		list-style: none;
+		border-left: 1px solid #eee;
+		transition: all 1s ease-in;
+	}
 
-    li {
-        padding: 0.2em 0;
-    }
+	li {
+		padding: 0.2em 0;
+	}
 
-    .icon {
-        width: 20px;
-        height: 20px;
-    }
+	.icon {
+		width: 20px;
+		height: 20px;
+	}
 </style>
diff --git a/src/lib/modules/ServiceModule/components/TypesTree.svelte b/src/lib/modules/ServiceModule/components/TypesTree.svelte
index 034c2a1..27289bf 100644
--- a/src/lib/modules/ServiceModule/components/TypesTree.svelte
+++ b/src/lib/modules/ServiceModule/components/TypesTree.svelte
@@ -1,91 +1,91 @@
 <script lang="ts">
-    import { toastTheme } from "@/consts";
-    import type { SuccessResponse, TypesTree } from "@/types/public";
-    import { request } from "@/utils";
-    import { toast } from "@zerodevx/svelte-toast";
-    import { onMount } from "svelte";
-    import Node from "./Node.svelte";
-    import { Button, Search } from "carbon-components-svelte";
-    import { confirm } from "@tauri-apps/api/dialog";
+	import { toastTheme } from '@/consts';
+	import type { SuccessResponse, TypesTree } from '@/types/public';
+	import { request } from '@/utils';
+	import { toast } from '@zerodevx/svelte-toast';
+	import { onMount } from 'svelte';
+	import Node from './Node.svelte';
+	import { Button, Search } from 'carbon-components-svelte';
+	import { confirm } from '@tauri-apps/api/dialog';
 
-    let list: TypesTree[] = [];
-    let searchKey = "";
+	let list: TypesTree[] = [];
+	let searchKey = '';
 
-    onMount(() => {
-        get_data();
-    });
+	onMount(() => {
+		get_data();
+	});
 
-    function get_data() {
-        request("get_request_list", { key: searchKey })
-            .then((res: SuccessResponse<TypesTree[]>) => {
-                list = sort(res.data);
-                toast.push(JSON.stringify(res.message), toastTheme.success);
-            })
-            .catch((e) => {
-                toast.push(JSON.stringify(e), toastTheme.error);
-            });
-    }
+	function get_data() {
+		request('get_request_list', { key: searchKey })
+			// @ts-expect-error
+			.then((res: SuccessResponse<TypesTree[]>) => {
+				list = sort(res.data);
+				toast.push(JSON.stringify(res.message), toastTheme.success);
+			})
+			.catch((e) => {
+				toast.push(JSON.stringify(e), toastTheme.error);
+			});
+	}
 
-    async function update_service() {
-        const confirmed = await confirm("操作将重新生成ts文件，是否确定？");
+	async function update_service() {
+		const confirmed = await confirm('操作将重新生成ts文件，是否确定？');
 
-        if (!confirmed) return;
+		if (!confirmed) return;
 
-        const full_path = list.map((item) => item.full_path);
+		const full_path = list.map((item) => item.full_path);
 
-        request("update_request", { full_path })
-            .then((res: SuccessResponse<null>) => {
-                toast.push(JSON.stringify(res.message), toastTheme.success);
-            })
-            .catch((e) => {
-                toast.push(JSON.stringify(e), toastTheme.error);
-            });
-    }
+		request('update_request', { full_path })
+			// @ts-expect-error
+			.then((res: SuccessResponse<null>) => {
+				toast.push(JSON.stringify(res.message), toastTheme.success);
+			})
+			.catch((e) => {
+				toast.push(JSON.stringify(e), toastTheme.error);
+			});
+	}
 
-    function sort(list: TypesTree[]) {
-        list.forEach((item) => {
-            item.children.sort((a, b) => {
-                if (a.children.length) {
-                    return -1;
-                }
-                return 0;
-            });
-            if (item.children.length) {
-                sort(item.children);
-            }
-        });
+	function sort(list: TypesTree[]) {
+		list.forEach((item) => {
+			item.children.sort((a, b) => {
+				if (a.children.length) {
+					return -1;
+				}
+				return 0;
+			});
+			if (item.children.length) {
+				sort(item.children);
+			}
+		});
 
-        return list;
-    }
-
-    
+		return list;
+	}
 </script>
 
 <main>
-    <div class="flex justify-between items-center">
-        <div class="header">对应的接口树：</div>
-        <Button kind="tertiary" on:click={update_service}>更新所有请求</Button>
-    </div>
-    <div class="flex items-center" style="margin-top:10px;margin-bottom:10px">
-        <Search bind:value={searchKey} />
-        <Button kind="secondary" on:click={get_data}>搜索</Button>
-    </div>
+	<div class="flex justify-between items-center">
+		<div class="header">对应的接口树：</div>
+		<Button kind="tertiary" on:click={update_service}>更新所有请求</Button>
+	</div>
+	<div class="flex items-center" style="margin-top:10px;margin-bottom:10px">
+		<Search bind:value={searchKey} />
+		<Button kind="secondary" on:click={get_data}>搜索</Button>
+	</div>
 
-    {#each list as item}
-        <Node {...item} expanded={true} />
-    {/each}
+	{#each list as item}
+		<Node {...item} expanded={true} />
+	{/each}
 </main>
 
 <style>
-    main {
-        margin-left: 10px;
-        max-height: 100%;
-        max-width: 100%;
-        overflow: hidden;
-    }
+	main {
+		margin-left: 10px;
+		max-height: 100%;
+		max-width: 100%;
+		overflow: hidden;
+	}
 
-    .header {
-        font-size: 22px;
-        font-weight: bold;
-    }
+	.header {
+		font-size: 22px;
+		font-weight: bold;
+	}
 </style>
diff --git a/src/lib/modules/ServiceModule/index.svelte b/src/lib/modules/ServiceModule/index.svelte
index 619d3a8..f3441c5 100644
--- a/src/lib/modules/ServiceModule/index.svelte
+++ b/src/lib/modules/ServiceModule/index.svelte
@@ -1,33 +1,32 @@
 <script lang="ts">
-    import type { SuccessResponse } from "@/types/public";
-    import { request } from "@/utils";
-    import { onMount } from "svelte";
-    import ConfigModal from "./components/ConfigModal.svelte";
-    import { toastTheme } from "@/consts";
-    import { toast } from "@zerodevx/svelte-toast";
-    import TypesTree from "./components/TypesTree.svelte";
+	import type { SuccessResponse } from '@/types/public';
+	import { request } from '@/utils';
+	import { onMount } from 'svelte';
+	import ConfigModal from './components/ConfigModal.svelte';
+	import { toastTheme } from '@/consts';
+	import { toast } from '@zerodevx/svelte-toast';
+	import TypesTree from './components/TypesTree.svelte';
 
-    let need_init = false
-    let load_types = false
+	let need_init = false;
+	let load_types = false;
 
-    onMount(() => {
-        request("check_request_config")
-            .then((res: SuccessResponse<null>) => {
-                // toast.push(JSON.stringify(res.message), toastTheme.success);
-                load_types = true
-            })
-            .catch((e) => {
-                toast.push(JSON.stringify(e), toastTheme.error);
-                need_init = true
-            });
-    });
+	onMount(() => {
+		request('check_request_config')
+			// @ts-expect-error
+			.then((res: SuccessResponse<null>) => {
+				load_types = true;
+			})
+			.catch((e) => {
+				toast.push(JSON.stringify(e), toastTheme.error);
+				need_init = true;
+			});
+	});
 </script>
 
 {#if need_init}
-    <ConfigModal bind:open={need_init} bind:load_types />
+	<ConfigModal bind:open={need_init} bind:load_types />
 {/if}
 
 {#if load_types}
-    <TypesTree />
+	<TypesTree />
 {/if}
-
diff --git a/src/lib/modules/TypeModule/components/ConfigModal.svelte b/src/lib/modules/TypeModule/components/ConfigModal.svelte
index c2bb4ec..532d591 100644
--- a/src/lib/modules/TypeModule/components/ConfigModal.svelte
+++ b/src/lib/modules/TypeModule/components/ConfigModal.svelte
@@ -1,92 +1,90 @@
 <script lang="ts">
-    import { Modal, TextInput } from "carbon-components-svelte";
-    import { request } from "@/utils";
-    import { toast } from "@zerodevx/svelte-toast";
-    import { toastTheme } from "@/consts";
-    import type { Config, SuccessResponse } from "@/types/public";
+	import { Modal, TextInput } from 'carbon-components-svelte';
+	import { request } from '@/utils';
+	import { toast } from '@zerodevx/svelte-toast';
+	import { toastTheme } from '@/consts';
+	import type { Config, SuccessResponse } from '@/types/public';
 
-    export let open: boolean;
-    export let load_project: boolean;
+	export let open: boolean;
+	export let load_project: boolean;
 
-    let init_form: Config = {
-        base_url: "",
-        types_path: "src/types",
-        rate_limit: 5,
-        break_seconds: 0,
-    };
+	let init_form: Config = {
+		base_url: '',
+		types_path: 'src/types',
+		rate_limit: 5,
+		break_seconds: 0
+	};
 
-    $: form = init_form;
+	$: form = init_form;
 
-    function on_submit() {
-        if (!form.base_url) {
-            toast.push("请输入Yapi地址根路径", toastTheme.error);
-            return;
-        }
-        if (!form.types_path) {
-            toast.push("请输入项目类型目录文件夹路径", toastTheme.error);
-            return;
-        }
-        if (!form.rate_limit) {
-            toast.push(
-                "请输入请求yapi-openapi最大并行请求数",
-                toastTheme.error
-            );
-            return;
-        }
-        if (form.break_seconds === undefined) {
-            toast.push("请输入请求yapi-openapi时间间隔", toastTheme.error);
-            return;
-        }
-        request("update_config", form)
-            .then((res: SuccessResponse<Config>) => {
-                toast.push(res.message, toastTheme.success);
-                open = false;
-                load_project = true;
-            })
-            .catch((e) => {
-                toast.push(JSON.stringify(e), toastTheme.error);
-            });
-    }
+	function on_submit() {
+		if (!form.base_url) {
+			toast.push('请输入Yapi地址根路径', toastTheme.error);
+			return;
+		}
+		if (!form.types_path) {
+			toast.push('请输入项目类型目录文件夹路径', toastTheme.error);
+			return;
+		}
+		if (!form.rate_limit) {
+			toast.push('请输入请求yapi-openapi最大并行请求数', toastTheme.error);
+			return;
+		}
+		if (form.break_seconds === undefined) {
+			toast.push('请输入请求yapi-openapi时间间隔', toastTheme.error);
+			return;
+		}
+		request('update_config', form)
+			// @ts-expect-error
+			.then((res: SuccessResponse<Config>) => {
+				toast.push(res.message, toastTheme.success);
+				open = false;
+				load_project = true;
+			})
+			.catch((e) => {
+				toast.push(JSON.stringify(e), toastTheme.error);
+			});
+	}
 </script>
 
 <Modal
-    bind:open
-    modalHeading="初始化配置"
-    preventCloseOnClickOutside
-    selectorPrimaryFocus="#source-code"
-    primaryButtonText="提交"
-    secondaryButtonText="取消"
-    on:click:button--secondary={() => {
-        open = false;
-    }}
-    on:submit={on_submit}
+	bind:open
+	modalHeading="初始化配置"
+	preventCloseOnClickOutside
+	selectorPrimaryFocus="#source-code"
+	primaryButtonText="提交"
+	secondaryButtonText="取消"
+	on:click:button--secondary={() => {
+		open = false;
+	}}
+	on:submit={on_submit}
 >
-    <TextInput
-        value={form.base_url}
-        on:change={(e) => (form.base_url = String(e.detail))}
-        labelText="Yapi地址根路径"
-        placeholder="请输入Yapi地址根路径"
-    />
-    <TextInput
-        value={form.types_path}
-        on:change={(e) => (form.types_path = String(e.detail))}
-        labelText="项目类型目录文件夹路径"
-        placeholder="你想要把接口ts文件放到哪个文件夹下？"
-    />
-    <TextInput
-        value={form.rate_limit}
-        on:change={(e) => (form.rate_limit = Number(e.detail))}
-        labelText="请求yapi-openapi最大并行请求数"
-        placeholder="请输入请求yapi-openapi最大并行请求数"
-        type="number"
-    />
-    <TextInput
-        value={form.break_seconds}
-        on:change={(e) => (form.break_seconds = Number(e.detail))}
-        labelText="请求yapi-openapi时间间隔"
-        placeholder="请输入请求yapi-openapi时间间隔"
-        type="number"
-    />
+	<TextInput
+		value={form.base_url}
+		on:change={(e) => (form.base_url = String(e.detail))}
+		labelText="Yapi地址根路径"
+		placeholder="请输入Yapi地址根路径"
+	/>
+	<TextInput
+		value={form.types_path}
+		on:change={(e) => (form.types_path = String(e.detail))}
+		labelText="项目类型目录文件夹路径"
+		placeholder="你想要把接口ts文件放到哪个文件夹下？"
+	/>
+	<TextInput
+		value={form.rate_limit}
+		on:change={(e) => (form.rate_limit = Number(e.detail))}
+		labelText="请求yapi-openapi最大并行请求数"
+		placeholder="请输入请求yapi-openapi最大并行请求数"
+		type="number"
+	/>
+	<TextInput
+		value={form.break_seconds}
+		on:change={(e) => (form.break_seconds = Number(e.detail))}
+		labelText="请求yapi-openapi时间间隔"
+		placeholder="请输入请求yapi-openapi时间间隔"
+		type="number"
+	/>
 </Modal>
 
 <style>
diff --git a/src/lib/modules/TypeModule/components/ProjectTab/AddProjectModal.svelte b/src/lib/modules/TypeModule/components/ProjectTab/AddProjectModal.svelte
index 24bd684..57af028 100644
--- a/src/lib/modules/TypeModule/components/ProjectTab/AddProjectModal.svelte
+++ b/src/lib/modules/TypeModule/components/ProjectTab/AddProjectModal.svelte
@@ -1,89 +1,86 @@
 <script lang="ts">
-    import { Modal, TextInput, ComposedModal } from "carbon-components-svelte";
-    import { request } from "@/utils";
-    import { toast } from "@zerodevx/svelte-toast";
-    import { toastTheme } from "@/consts";
-    import type { QueueStatus, SuccessResponse } from "@/types/public";
-    import {
-        runningTask,
-        processingModalOpen,
-        processingModalTotal,
-    } from "@/store";
-    import { confirm } from "@tauri-apps/api/dialog";
+	import { Modal, TextInput, ComposedModal } from 'carbon-components-svelte';
+	import { request } from '@/utils';
+	import { toast } from '@zerodevx/svelte-toast';
+	import { toastTheme } from '@/consts';
+	import type { QueueStatus, SuccessResponse } from '@/types/public';
+	import { runningTask, processingModalOpen, processingModalTotal } from '@/store';
+	import { confirm } from '@tauri-apps/api/dialog';
 
-    let initForm = {
-        id: "",
-        token: "",
-    };
+	let initForm = {
+		id: '',
+		token: ''
+	};
 
-    export let open: boolean;
-    export let banInitModal: boolean;
+	export let open: boolean;
+	export let banInitModal: boolean;
 
-    let form = initForm;
+	let form = initForm;
 
-    async function on_submit() {
-        if ($runningTask) {
-            toast.push("正在执行任务...请稍等", toastTheme.error);
-            return;
-        }
+	async function on_submit() {
+		if ($runningTask) {
+			toast.push('正在执行任务...请稍等', toastTheme.error);
+			return;
+		}
 
-        if (!form.id) {
-            toast.push("请输入Yapi项目ID", toastTheme.error);
-            return;
-        }
+		if (!form.id) {
+			toast.push('请输入Yapi项目ID', toastTheme.error);
+			return;
+		}
 
-        if (!form.token) {
-            toast.push("请输入Yapi项目token", toastTheme.error);
-            return;
-        }
+		if (!form.token) {
+			toast.push('请输入Yapi项目token', toastTheme.error);
+			return;
+		}
 
-        const confirmed = await confirm("操作将生成ts文件，是否确定？");
+		const confirmed = await confirm('操作将生成ts文件，是否确定？');
 
-        if (!confirmed) return;
+		if (!confirmed) return;
 
-        toast.push("正在添加任务...");
-        request("update_projects", { projects: [form], is_full_update: true })
-            .then((res: SuccessResponse<number>) => {
-                if (res.data === 0) {
-                    toast.push("无待执行的任务");
-                } else {
-                    toast.push(res.message, toastTheme.success);
-                    processingModalOpen.update(() => true);
-                    processingModalTotal.update(() => res.data);
-                    runningTask.update(() => true);
-                }
-                banInitModal = true;
-                open = false;
-                form = initForm;
-            })
-            .catch((e) => {
-                toast.push(JSON.stringify(e), toastTheme.error);
-            });
-    }
+		toast.push('正在添加任务...');
+		request('update_projects', { projects: [form], is_full_update: true })
+			// @ts-expect-error
+			.then((res: SuccessResponse<number>) => {
+				if (res.data === 0) {
+					toast.push('无待执行的任务');
+				} else {
+					toast.push(res.message, toastTheme.success);
+					processingModalOpen.update(() => true);
+					processingModalTotal.update(() => res.data);
+					runningTask.update(() => true);
+				}
+				banInitModal = true;
+				open = false;
+				form = initForm;
+			})
+			.catch((e) => {
+				toast.push(JSON.stringify(e), toastTheme.error);
+			});
+	}
 </script>
 
 <Modal
-    bind:open
-    preventCloseOnClickOutside
-    modalHeading="新增项目"
-    selectorPrimaryFocus="#source-code"
-    primaryButtonText="提交"
-    secondaryButtonText="取消"
-    on:click:button--secondary={() => {
-        open = false;
-    }}
-    on:submit={on_submit}
+	bind:open
+	preventCloseOnClickOutside
+	modalHeading="新增项目"
+	selectorPrimaryFocus="#source-code"
+	primaryButtonText="提交"
+	secondaryButtonText="取消"
+	on:click:button--secondary={() => {
+		open = false;
+	}}
+	on:submit={on_submit}
 >
-    <TextInput
-        value={form.id}
-        on:change={(e) => (form.id = String(e.detail))}
-        labelText="Yapi项目ID"
-        placeholder="请输入Yapi项目ID"
-    />
-    <TextInput
-        value={form.token}
-        on:change={(e) => (form.token = String(e.detail))}
-        labelText="Yapi项目token"
-        placeholder="请输入Yapi项目token"
-    />
+	<TextInput
+		value={form.id}
+		on:change={(e) => (form.id = String(e.detail))}
+		labelText="Yapi项目ID"
+		placeholder="请输入Yapi项目ID"
+	/>
+	<TextInput
+		value={form.token}
+		on:change={(e) => (form.token = String(e.detail))}
+		labelText="Yapi项目token"
+		placeholder="请输入Yapi项目token"
+	/>
 </Modal>
diff --git a/src/lib/modules/TypeModule/components/ProjectTab/Category.svelte b/src/lib/modules/TypeModule/components/ProjectTab/Category.svelte
index 46afe14..f1b6dfd 100644
--- a/src/lib/modules/TypeModule/components/ProjectTab/Category.svelte
+++ b/src/lib/modules/TypeModule/components/ProjectTab/Category.svelte
@@ -1,119 +1,96 @@
 <script lang="ts">
-    import {
-        Accordion,
-        AccordionItem,
-        InlineLoading,
-    } from "carbon-components-svelte";
-    import type {
-        CategoryType,
-        QueueStatus,
-        SuccessResponse,
-    } from "@/types/public";
-    import Interface from "./Interface.svelte";
-    import { request } from "@/utils";
-    import { toast } from "@zerodevx/svelte-toast";
-    import { toastTheme } from "@/consts";
-    import { processingModalTotal, processingModalOpen, runningTask } from "@/store";
-    import { confirm } from "@tauri-apps/api/dialog";
+	import { Accordion, AccordionItem, InlineLoading } from 'carbon-components-svelte';
+	import type { CategoryType, QueueStatus, SuccessResponse } from '@/types/public';
+	import Interface from './Interface.svelte';
+	import { request } from '@/utils';
+	import { toast } from '@zerodevx/svelte-toast';
+	import { toastTheme } from '@/consts';
+	import { processingModalTotal, processingModalOpen, runningTask } from '@/store';
+	import { confirm } from '@tauri-apps/api/dialog';
 
-    export let data: CategoryType;
-    export let token: string;
+	export let data: CategoryType;
+	export let token: string;
 
-    $: interfaces = data.interfaces;
+	$: interfaces = data.interfaces;
 
-    async function update_category(
-        id: string,
-        name: string,
-        is_full_update: boolean,
-    ) {
-        if ($runningTask) {
-            toast.push("正在执行任务...请稍等", toastTheme.error);
-            return 
-        }
+	async function update_category(id: string, name: string, is_full_update: boolean) {
+		if ($runningTask) {
+			toast.push('正在执行任务...请稍等', toastTheme.error);
+			return;
+		}
 
-        const confirmed = await confirm("操作将重新生成ts文件，是否确定？");
+		const confirmed = await confirm('操作将重新生成ts文件，是否确定？');
 
-        if (!confirmed) return;
+		if (!confirmed) return;
 
-        let categories = [
-            {
-                id,
-                name,
-            },
-        ];
+		let categories = [
+			{
+				id,
+				name
+			}
+		];
 
-        toast.push("正在添加任务...")
-        request("update_categories", { categories, token, is_full_update })
-            .then((res: SuccessResponse<number>) => {
-                if (res.data === 0) {
-                    toast.push("无待执行的任务");
-                }else{
-                    toast.push(res.message, toastTheme.success);
-                    processingModalOpen.update(() => true);
-                    processingModalTotal.update(() => res.data);
-                    runningTask.update(() => true);
-                }
-            })
-            .catch((e) => {
-                toast.push(JSON.stringify(e), toastTheme.error);
-            })
-    }
+		toast.push('正在添加任务...');
+		request('update_categories', { categories, token, is_full_update })
+			// @ts-expect-error
+			.then((res: SuccessResponse<number>) => {
+				if (res.data === 0) {
+					toast.push('无待执行的任务');
+				} else {
+					toast.push(res.message, toastTheme.success);
+					processingModalOpen.update(() => true);
+					processingModalTotal.update(() => res.data);
+					runningTask.update(() => true);
+				}
+			})
+			.catch((e) => {
+				toast.push(JSON.stringify(e), toastTheme.error);
+			});
+	}
 </script>
 
 <Accordion align="start">
-    <AccordionItem>
-        <svelte:fragment slot="title">
-            <div class="flex justify-between items-center">
-                <div>
-                    {data.name}
-                </div>
-                <div class="flex items-center" style="height: 30px;">
-                    <div
-                        style="margin-left: 10px;margin-right : 10px; cursor:pointer"
-                        on:click|stopPropagation={() =>
-                            update_category(data.id, data.name, true)}
-                        on:keypress|stopPropagation={() =>
-                            update_category(data.id, data.name, true)}
-                        role="button"
-                        tabindex="0"
-                    >
-                        <img
-                            class="icon"
-                            src="/full_update.svg"
-                            alt="全量更新分类下的接口"
-                        />
-                    </div>
+	<AccordionItem>
+		<svelte:fragment slot="title">
+			<div class="flex justify-between items-center">
+				<div>
+					{data.name}
+				</div>
+				<div class="flex items-center" style="height: 30px;">
+					<div
+						style="margin-left: 10px;margin-right : 10px; cursor:pointer"
+						on:click|stopPropagation={() => update_category(data.id, data.name, true)}
+						on:keypress|stopPropagation={() => update_category(data.id, data.name, true)}
+						role="button"
+						tabindex="0"
+					>
+						<img class="icon" src="/full_update.svg" alt="全量更新分类下的接口" />
+					</div>
 
-                    <div
-                        style="margin-left: 10px;margin-right : 10px; cursor:pointer"
-                        on:click|stopPropagation={() =>
-                            update_category(data.id, data.name, false)}
-                        on:keypress|stopPropagation={() =>
-                            update_category(data.id, data.name, false)}
-                        role="button"
-                        tabindex="0"
-                    >
-                        <img
-                            class="icon"
-                            src="/update.svg"
-                            alt="增量更新分类下的接口"
-                        />
-                    </div>
-                </div>
-            </div>
-        </svelte:fragment>
+					<div
+						style="margin-left: 10px;margin-right : 10px; cursor:pointer"
+						on:click|stopPropagation={() => update_category(data.id, data.name, false)}
+						on:keypress|stopPropagation={() => update_category(data.id, data.name, false)}
+						role="button"
+						tabindex="0"
+					>
+						<img class="icon" src="/update.svg" alt="增量更新分类下的接口" />
+					</div>
+				</div>
+			</div>
+		</svelte:fragment>
 
-        {#each interfaces as data}
-            {#if data.name}
-                <Interface {data} {token} />
-            {/if}
-        {/each}
-    </AccordionItem>
+		{#each interfaces as data}
+			{#if data.name}
+				<Interface {data} {token} />
+			{/if}
+		{/each}
+	</AccordionItem>
 </Accordion>
 
 <style>
-    .icon {
-        width: 20px;
-        height: 20px;
-    }
+	.icon {
+		width: 20px;
+		height: 20px;
+	}
 </style>
diff --git a/src/lib/modules/TypeModule/components/ProjectTab/Interface.svelte b/src/lib/modules/TypeModule/components/ProjectTab/Interface.svelte
index 1015656..82364bb 100644
--- a/src/lib/modules/TypeModule/components/ProjectTab/Interface.svelte
+++ b/src/lib/modules/TypeModule/components/ProjectTab/Interface.svelte
@@ -1,68 +1,65 @@
 <script lang="ts">
-    import { toast } from "@zerodevx/svelte-toast";
-    import type {
-        InterfaceType,
-        QueueStatus,
-        SuccessResponse,
-    } from "@/types/public";
-    import { request } from "@/utils";
-    import { toastTheme } from "@/consts";
-    import { InlineLoading } from "carbon-components-svelte";
-    import { processingModalTotal, processingModalOpen, runningTask } from "@/store";
-    import { confirm } from "@tauri-apps/api/dialog";
+	import { toast } from '@zerodevx/svelte-toast';
+	import type { InterfaceType, QueueStatus, SuccessResponse } from '@/types/public';
+	import { request } from '@/utils';
+	import { toastTheme } from '@/consts';
+	import { InlineLoading } from 'carbon-components-svelte';
+	import { processingModalTotal, processingModalOpen, runningTask } from '@/store';
+	import { confirm } from '@tauri-apps/api/dialog';
 
-    export let data: InterfaceType;
-    export let token: string;
+	export let data: InterfaceType;
+	export let token: string;
 
-    async function update_interface(id: string) {
-        if ($runningTask) {
-            toast.push("正在执行任务...请稍等", toastTheme.error);
-            return 
-        }
-        const confirmed = await confirm("操作将重新生成ts文件，是否确定？");
+	async function update_interface(id: string) {
+		if ($runningTask) {
+			toast.push('正在执行任务...请稍等', toastTheme.error);
+			return;
+		}
+		const confirmed = await confirm('操作将重新生成ts文件，是否确定？');
 
-        if (!confirmed) return;
+		if (!confirmed) return;
 
-        let interfaces = [
-            {
-                id,
-            },
-        ];
+		let interfaces = [
+			{
+				id
+			}
+		];
 
-        toast.push("正在添加任务...")
-        request("update_interface", { interfaces, token })
-            .then((res: SuccessResponse<number>) => {
-                toast.push(res.message, toastTheme.success);
-                processingModalOpen.update(() => true);
-                processingModalTotal.update(() => res.data);
-                runningTask.update(() => true);
-            })
-            .catch((e) => {
-                toast.push(JSON.stringify(e), toastTheme.error);
-            })
-    }
+		toast.push('正在添加任务...');
+		request('update_interface', { interfaces, token })
+			// @ts-expect-error
+			.then((res: SuccessResponse<number>) => {
+				toast.push(res.message, toastTheme.success);
+				processingModalOpen.update(() => true);
+				processingModalTotal.update(() => res.data);
+				runningTask.update(() => true);
+			})
+			.catch((e) => {
+				toast.push(JSON.stringify(e), toastTheme.error);
+			});
+	}
 </script>
 
 <div class="flex justify-between items-center" style="margin-bottom: 10px">
-    <div>
-        {data.name}
-    </div>
-    <div>
-        <div
-            style="margin-left: 10px; cursor:pointer"
-            on:click|stopPropagation={() => update_interface(data.id)}
-            on:keypress|stopPropagation={() => update_interface(data.id)}
-            role="button"
-            tabindex="0"
-        >
-            <img class="icon" src="/full_update.svg" alt="更新接口" />
-        </div>
-    </div>
+	<div>
+		{data.name}
+	</div>
+	<div>
+		<div
+			style="margin-left: 10px; cursor:pointer"
+			on:click|stopPropagation={() => update_interface(data.id)}
+			on:keypress|stopPropagation={() => update_interface(data.id)}
+			role="button"
+			tabindex="0"
+		>
+			<img class="icon" src="/full_update.svg" alt="更新接口" />
+		</div>
+	</div>
 </div>
 
 <style>
-    .icon {
-        width: 20px;
-        height: 20px;
-    }
+	.icon {
+		width: 20px;
+		height: 20px;
+	}
 </style>
diff --git a/src/lib/modules/TypeModule/components/ProjectTab/index.svelte b/src/lib/modules/TypeModule/components/ProjectTab/index.svelte
index c1a6910..b5ada18 100644
--- a/src/lib/modules/TypeModule/components/ProjectTab/index.svelte
+++ b/src/lib/modules/TypeModule/components/ProjectTab/index.svelte
@@ -1,156 +1,133 @@
 <script lang="ts">
-    import {
-        Button,
-        Search,
-        Tab,
-        TabContent,
-        Tabs,
-    } from "carbon-components-svelte";
-    import type {
-        Config,
-        ProjectList,
-        QueueStatus,
-        SuccessResponse,
-    } from "@/types/public";
-    import { onMount } from "svelte";
-    import Category from "./Category.svelte";
-    import { request } from "@/utils";
-    import { toast } from "@zerodevx/svelte-toast";
-    import { toastTheme } from "@/consts";
-    import AddProjectModal from "./AddProjectModal.svelte";
-    import { listen } from "@tauri-apps/api/event";
-    import ProcessingModal from "@/components/ProcessingModal.svelte";
-    import {
-        processingModalOpen,
-        processingModalTotal,
-        runningTask,
-    } from "@/store";
-    import { confirm } from "@tauri-apps/api/dialog";
-    import { slide } from "svelte/transition";
-
-    let config: Config | undefined;
-    let openAddModal = false;
-    let ready = false;
-    let searchKey = "";
-    let banInitModal = false;
-
-    onMount(() => {
-        getConfig();
-    });
-
-    listen("task_completed", (_) => {
-        toast.push("任务已完成");
-        getConfig();
-    });
-
-    function getConfig() {
-        request("get_config", { key: searchKey })
-            .then((res: SuccessResponse<Config>) => {
-                config = res.data;
-            })
-            .catch((e) => {
-                toast.push(JSON.stringify(e), toastTheme.error);
-            })
-            .finally(() => {
-                ready = true;
-            });
-    }
-
-    async function fetchProjects(is_full_update: boolean, project_id?: string) {
-        if ($runningTask) {
-            toast.push("正在执行任务...请稍等", toastTheme.error);
-            return;
-        }
-
-        const confirmed = await confirm("操作将重新生成ts文件，是否确定？");
-
-        if (!confirmed) return;
-
-        let project_list = config?.project_list || [];
-
-        let projects = project_list.map((project) => ({
-            id: project.project_id,
-            token: project.token,
-        }));
-
-        if (project_id) {
-            projects = projects.filter((project) => project.id === project_id);
-        }
-        toast.push("正在添加任务...");
-        request("update_projects", { projects, is_full_update })
-            .then((res: SuccessResponse<number>) => {
-                if (res.data === 0) {
-                    toast.push("无待执行的任务");
-                } else {
-                    toast.push(res.message, toastTheme.success);
-                    processingModalOpen.update(() => true);
-                    processingModalTotal.update(() => res.data);
-                    runningTask.update(() => true);
-                }
-            })
-            .catch((e) => {
-                toast.push(JSON.stringify(e), toastTheme.error);
-            });
-    }
-
-    function search() {
-        banInitModal = true;
-        getConfig();
-    }
-
-    $: project_list = config?.project_list || [];
-
-    $: {
-        if (!banInitModal && ready && project_list.length == 0) {
-            openAddModal = true;
-        }
-    }
+	import { Button, Search, Tab, TabContent, Tabs } from 'carbon-components-svelte';
+	import type { Config, ProjectList, QueueStatus, SuccessResponse } from '@/types/public';
+	import { onMount } from 'svelte';
+	import Category from './Category.svelte';
+	import { request } from '@/utils';
+	import { toast } from '@zerodevx/svelte-toast';
+	import { toastTheme } from '@/consts';
+	import AddProjectModal from './AddProjectModal.svelte';
+	import { listen } from '@tauri-apps/api/event';
+	import ProcessingModal from '@/components/ProcessingModal.svelte';
+	import { processingModalOpen, processingModalTotal, runningTask } from '@/store';
+	import { confirm } from '@tauri-apps/api/dialog';
+	import { slide } from 'svelte/transition';
+
+	let config: Config | undefined;
+	let openAddModal = false;
+	let ready = false;
+	let searchKey = '';
+	let banInitModal = false;
+
+	onMount(() => {
+		getConfig();
+	});
+
+	listen('task_completed', (_) => {
+		toast.push('任务已完成');
+		getConfig();
+	});
+
+	function getConfig() {
+		request('get_config', { key: searchKey })
+			// @ts-expect-error
+			.then((res: SuccessResponse<Config>) => {
+				config = res.data;
+			})
+			.catch((e) => {
+				toast.push(JSON.stringify(e), toastTheme.error);
+			})
+			.finally(() => {
+				ready = true;
+			});
+	}
+
+	async function fetchProjects(is_full_update: boolean, project_id?: string) {
+		if ($runningTask) {
+			toast.push('正在执行任务...请稍等', toastTheme.error);
+			return;
+		}
+
+		const confirmed = await confirm('操作将重新生成ts文件，是否确定？');
+
+		if (!confirmed) return;
+
+		let project_list = config?.project_list || [];
+
+		let projects = project_list.map((project) => ({
+			id: project.project_id,
+			token: project.token
+		}));
+
+		if (project_id) {
+			projects = projects.filter((project) => project.id === project_id);
+		}
+		toast.push('正在添加任务...');
+		request('update_projects', { projects, is_full_update })
+			// @ts-expect-error
+			.then((res: SuccessResponse<number>) => {
+				if (res.data === 0) {
+					toast.push('无待执行的任务');
+				} else {
+					toast.push(res.message, toastTheme.success);
+					processingModalOpen.update(() => true);
+					processingModalTotal.update(() => res.data);
+					runningTask.update(() => true);
+				}
+			})
+			.catch((e) => {
+				toast.push(JSON.stringify(e), toastTheme.error);
+			});
+	}
+
+	function search() {
+		banInitModal = true;
+		getConfig();
+	}
+
+	$: project_list = config?.project_list || [];
+
+	$: {
+		if (!banInitModal && ready && project_list.length == 0) {
+			openAddModal = true;
+		}
+	}
 </script>
 
 <ProcessingModal />
-<AddProjectModal bind:open={openAddModal} bind:banInitModal={banInitModal} />
+<AddProjectModal bind:open={openAddModal} bind:banInitModal />
 
 <div>
-    <Button kind="ghost" on:click={() => (openAddModal = true)}
-        >添加新项目</Button
-    >
-    <Button kind="ghost" on:click={() => fetchProjects(true)}
-        >全量更新所有项目</Button
-    >
-    <Button kind="ghost" on:click={() => fetchProjects(false)}
-        >增量更新所有项目</Button
-    >
+	<Button kind="ghost" on:click={() => (openAddModal = true)}>添加新项目</Button>
+	<Button kind="ghost" on:click={() => fetchProjects(true)}>全量更新所有项目</Button>
+	<Button kind="ghost" on:click={() => fetchProjects(false)}>增量更新所有项目</Button>
 </div>
 <div class="flex items-center">
-    <Search bind:value={searchKey} on:blur={() => (banInitModal = false)} />
-    <Button kind="secondary" on:click={search}>搜索</Button>
+	<Search bind:value={searchKey} on:blur={() => (banInitModal = false)} />
+	<Button kind="secondary" on:click={search}>搜索</Button>
 </div>
 <Tabs>
-    {#each project_list as project}
-        <Tab label={project.project_id} />
-    {/each}
-
-    <svelte:fragment slot="content">
-        {#each project_list as project}
-            <TabContent>
-                <div transition:slide={{ duration: 300 }}>
-                    <div style="margin-bottom:10px">
-                        <Button
-                            on:click={() =>
-                                fetchProjects(true, project.project_id)}
-                            >全量更新当前项目</Button
-                        >
-                        <Button
-                            on:click={() =>
-                                fetchProjects(false, project.project_id)}
-                            >增量更新当前项目</Button
-                        >
-                    </div>
-                    {#each project.categories as category}
-                        <Category data={category} token={project.token} />
-                    {/each}
-                </div>
-            </TabContent>
-        {/each}
-    </svelte:fragment>
+	{#each project_list as project}
+		<Tab label={project.project_id} />
+	{/each}
+
+	<svelte:fragment slot="content">
+		{#each project_list as project}
+			<TabContent>
+				<div transition:slide={{ duration: 300 }}>
+					<div style="margin-bottom:10px">
+						<Button on:click={() => fetchProjects(true, project.project_id)}
+							>全量更新当前项目</Button
+						>
+						<Button on:click={() => fetchProjects(false, project.project_id)}
+							>增量更新当前项目</Button
+						>
+					</div>
+					{#each project.categories as category}
+						<Category data={category} token={project.token} />
+					{/each}
+				</div>
+			</TabContent>
+		{/each}
+	</svelte:fragment>
 </Tabs>
diff --git a/src/lib/styles.css b/src/lib/styles.css
deleted file mode 100644
index e69de29..0000000
diff --git a/src/lib/types/public.ts b/src/lib/types/public.ts
index c344e5b..85d7e97 100644
--- a/src/lib/types/public.ts
+++ b/src/lib/types/public.ts
@@ -9,6 +9,7 @@ export interface Config {
     request_path?: string,
     request_template?: string,
     header_template?: string
+    file_name_template?: string
 }