diff --git a/src/components/overlay/t-confirm.vue b/src/components/overlay/to-confirm.vue
similarity index 92%
rename from src/components/overlay/t-confirm.vue
rename to src/components/overlay/to-confirm.vue
index 4fdbcbbe..77d01782 100644
--- a/src/components/overlay/t-confirm.vue
+++ b/src/components/overlay/to-confirm.vue
@@ -1,5 +1,5 @@
 <template>
-  <v-overlay v-model="visible">
+  <TOverlay v-model="visible" :to-click="onCancel">
     <div class="confirm-div">
       <div class="confirm-box">
         <div class="confirm-title">
@@ -27,14 +27,15 @@
         </div>
       </div>
     </div>
-  </v-overlay>
+  </TOverlay>
 </template>
 
 <script lang="ts" setup>
 // vue
 import { computed } from "vue";
+import TOverlay from "../main/t-overlay.vue";
 
-interface TConfirmProps {
+interface TOConfirmProps {
   title: string;
   subtitle?: string;
   isInput?: boolean;
@@ -45,16 +46,15 @@ interface TConfirmProps {
   modelInput: string;
 }
 
-interface TConfirmEmits {
-  (e: "update:show", v: boolean): void;
+interface TOConfirmEmits {
   (e: "update:modelValue", v: boolean): void;
   (e: "update:modelInput", v: string): void;
   (e: "confirm"): void;
   (e: "cancel"): void;
 }
 
-const emits = defineEmits<TConfirmEmits>();
-const props = withDefaults(defineProps<TConfirmProps>(), {
+const emits = defineEmits<TOConfirmEmits>();
+const props = withDefaults(defineProps<TOConfirmProps>(), {
   title: "确认",
   subtitle: "",
   isInput: false,
diff --git a/src/pages/Config.vue b/src/pages/Config.vue
index f90e0b77..f398cb66 100644
--- a/src/pages/Config.vue
+++ b/src/pages/Config.vue
@@ -175,7 +175,7 @@
 // vue
 import { computed, onMounted, ref } from "vue";
 import TLoading from "../components/main/t-loading.vue";
-import TConfirm from "../components/overlay/t-confirm.vue";
+import TConfirm from "../components/overlay/to-confirm.vue";
 // tauri
 import { app, fs, os } from "@tauri-apps/api";
 // store