♻️ showConfirm重构

2026-05-21 05:25:45 +08:00 · 2024-11-15 15:47:40 +08:00
parent 76f8bc3c16
commit 36b0d198a9
30 changed files with 650 additions and 804 deletions
--- a/src/pages/User/Abyss.vue
+++ b/src/pages/User/Abyss.vue
@@ -115,7 +115,7 @@ import { storeToRefs } from "pinia";
 import { onMounted, ref, watch, computed } from "vue";
 import { useRouter } from "vue-router";

-import showConfirm from "../../components/func/confirm.js";
+import showDialog from "../../components/func/dialog.js";
 import showSnackbar from "../../components/func/snackbar.js";
 import TSubLine from "../../components/main/t-subline.vue";
 import ToLoading from "../../components/overlay/to-loading.vue";
@@ -196,20 +196,20 @@ async function refreshAbyss(): Promise<void> {
    return;
  }
  if (uidCur.value && uidCur.value !== user.value.gameUid) {
-    const confirmSwitch = await showConfirm({
-      title: "是否切换游戏账户",
-      text: `确认则尝试切换至 ${uidCur.value}`,
-    });
-    if (confirmSwitch) {
+    const switchCheck = await showDialog.check(
+      "是否切换游戏账户",
+      `确认则尝试切换至 ${uidCur.value}`,
+    );
+    if (switchCheck) {
      await useUserStore().switchGameAccount(uidCur.value);
      await refreshAbyss();
      return;
    }
-    const confirm = await showConfirm({
-      title: "确定刷新？",
-      text: `用户${user.value.gameUid}与当前UID${uidCur.value}不一致`,
-    });
-    if (!confirm) {
+    const freshCheck = await showDialog.check(
+      "确定刷新？",
+      `用户${user.value.gameUid}与当前UID${uidCur.value}不一致`,
+    );
+    if (!freshCheck) {
      showSnackbar.cancel("已取消深渊数据刷新");
      return;
    }
@@ -321,11 +321,8 @@ async function deleteAbyss(): Promise<void> {
    showSnackbar.warn("未选择游戏UID");
    return;
  }
-  const confirm = await showConfirm({
-    title: "确定删除数据？",
-    text: `将清除${uidCur.value}的所有深渊数据`,
-  });
-  if (!confirm) {
+  const delCheck = await showDialog.check("确定删除数据？", `将清除${uidCur.value}的所有深渊数据`);
+  if (!delCheck) {
    showSnackbar.cancel("已取消删除");
    return;
  }
--- a/src/pages/User/Characters.vue
+++ b/src/pages/User/Characters.vue
@@ -103,7 +103,7 @@ import { getVersion } from "@tauri-apps/api/app";
 import { storeToRefs } from "pinia";
 import { onMounted, ref, watch, computed } from "vue";

-import showConfirm from "../../components/func/confirm.js";
+import showDialog from "../../components/func/dialog.js";
 import showSnackbar from "../../components/func/snackbar.js";
 import ToLoading from "../../components/overlay/to-loading.vue";
 import TuaAvatarBox from "../../components/userAvatar/tua-avatar-box.vue";
@@ -252,20 +252,20 @@ async function refresh(): Promise<void> {
    await new Promise((resolve) => setTimeout(resolve, 500));
  }
  if (uidCur.value && uidCur.value !== user.value.gameUid) {
-    const switchConfirm = await showConfirm({
-      title: "是否切换游戏账户",
-      text: `确认则尝试切换至${uidCur.value}`,
-    });
-    if (switchConfirm) {
+    const switchCheck = await showDialog.check(
+      "是否切换游戏账户",
+      `确认则尝试切换至${uidCur.value}`,
+    );
+    if (switchCheck) {
      await useUserStore().switchGameAccount(uidCur.value);
      await refresh();
      return;
    }
-    const confirm = await showConfirm({
-      title: "确定刷新？",
-      text: `用户${user.value.gameUid}与当前UID${uidCur.value}不一致`,
-    });
-    if (!confirm) {
+    const freshCheck = await showDialog.check(
+      "是否刷新角色数据",
+      `用户${user.value.gameUid}与当前UID${uidCur.value}不一致`,
+    );
+    if (!freshCheck) {
      showSnackbar.cancel("已取消角色数据刷新");
      return;
    }
@@ -353,11 +353,8 @@ async function deleteUid(): Promise<void> {
    showSnackbar.warn("未找到当前UID");
    return;
  }
-  const confirm = await showConfirm({
-    title: "确定删除？",
-    text: `将删除${uidCur.value}对应的角色数据`,
-  });
-  if (!confirm) {
+  const delCheck = await showDialog.check("确定删除？", `将删除${uidCur.value}对应的角色数据`);
+  if (!delCheck) {
    showSnackbar.cancel("已取消删除");
    return;
  }
--- a/src/pages/User/Combat.vue
+++ b/src/pages/User/Combat.vue
@@ -96,7 +96,7 @@ import { storeToRefs } from "pinia";
 import { onMounted, ref, watch, computed } from "vue";
 import { useRouter } from "vue-router";

-import showConfirm from "../../components/func/confirm.js";
+import showDialog from "../../components/func/dialog.js";
 import showSnackbar from "../../components/func/snackbar.js";
 import TSubLine from "../../components/main/t-subline.vue";
 import ToLoading from "../../components/overlay/to-loading.vue";
@@ -167,20 +167,20 @@ async function refreshCombat(): Promise<void> {
    return;
  }
  if (uidCur.value && uidCur.value !== user.value.gameUid) {
-    const confirmSwitch = await showConfirm({
-      title: "是否切换游戏账户",
-      text: `确认则尝试切换至 ${uidCur.value}`,
-    });
-    if (confirmSwitch) {
+    const switchCheck = await showDialog.check(
+      "是否切换游戏账户",
+      `确认则尝试切换至 ${uidCur.value}`,
+    );
+    if (switchCheck) {
      await useUserStore().switchGameAccount(uidCur.value);
      await refreshCombat();
      return;
    }
-    const confirm = await showConfirm({
-      title: "确定刷新？",
-      text: `用户${user.value.gameUid}与当前UID${uidCur.value}不一致`,
-    });
-    if (!confirm) {
+    const freshCheck = await showDialog.check(
+      "确定刷新？",
+      `用户${user.value.gameUid}与当前UID${uidCur.value}不一致`,
+    );
+    if (!freshCheck) {
      showSnackbar.cancel("已取消剧诗数据刷新");
      return;
    }
@@ -279,11 +279,8 @@ async function deleteCombat(): Promise<void> {
    showSnackbar.error("未找到符合条件的数据!");
    return;
  }
-  const confirm = await showConfirm({
-    title: "确定删除数据？",
-    text: `将清除${uidCur.value}的所有剧诗数据`,
-  });
-  if (!confirm) {
+  const delCheck = await showDialog.check("确定删除数据？", `将清除${uidCur.value}的所有剧诗数据`);
+  if (!delCheck) {
    showSnackbar.cancel("已取消删除");
    return;
  }
--- a/src/pages/User/Gacha.vue
+++ b/src/pages/User/Gacha.vue
@@ -55,7 +55,7 @@ import { open, save } from "@tauri-apps/plugin-dialog";
 import { storeToRefs } from "pinia";
 import { onMounted, ref, watch, computed } from "vue";

-import showConfirm from "../../components/func/confirm.js";
+import showDialog from "../../components/func/dialog.js";
 import showSnackbar from "../../components/func/snackbar.js";
 import GroEcharts from "../../components/gachaRecord/gro-echarts.vue";
 import GroHistory from "../../components/gachaRecord/gro-history.vue";
@@ -129,20 +129,20 @@ onMounted(async () => {
 async function confirmRefresh(force: boolean): Promise<void> {
  await TGLogger.Info(`[UserGacha][${account.value.gameUid}][confirmRefresh] 刷新祈愿数据`);
  if (uidCur.value && uidCur.value !== account.value.gameUid) {
-    const confirmSwitch = await showConfirm({
-      title: "是否切换游戏账户",
-      text: `确认则尝试切换至 ${uidCur.value}`,
-    });
-    if (confirmSwitch) {
+    const switchCheck = await showDialog.check(
+      "是否切换游戏账户",
+      `确认则尝试切换至 ${uidCur.value}`,
+    );
+    if (switchCheck) {
      await useUserStore().switchGameAccount(uidCur.value);
      await confirmRefresh(force);
      return;
    }
-    const confirm = await showConfirm({
-      title: "确定刷新？",
-      text: `用户${account.value.gameUid}与当前UID${uidCur.value}不一致`,
-    });
-    if (!confirm) {
+    const freshCheck = await showDialog.check(
+      "确定刷新?",
+      `用户${account.value.gameUid}与当前UID${uidCur.value}不一致`,
+    );
+    if (!freshCheck) {
      showSnackbar.cancel("已取消祈愿数据刷新");
      return;
    }
@@ -297,11 +297,11 @@ async function importUigf4(filePath: string): Promise<void> {
  const remoteData = await readUigf4Data(filePath);
  const uidCount = remoteData.hk4e.length;
  const dataCount = remoteData.hk4e.reduce((acc, cur) => acc + cur.list.length, 0);
-  const res = await showConfirm({
-    title: "是否导入祈愿数据？",
-    text: `共 ${uidCount} 个 UID，${dataCount} 条数据`,
-  });
-  if (!res) {
+  const importCheck = await showDialog.check(
+    "是否导入祈愿数据？",
+    `共 ${uidCount} 个 UID，${dataCount} 条数据`,
+  );
+  if (!importCheck) {
    showSnackbar.cancel("已取消祈愿数据导入");
    return;
  }
@@ -321,11 +321,11 @@ async function importUigf4(filePath: string): Promise<void> {

 async function importUigf(filePath: string): Promise<void> {
  const remoteData = await readUigfData(filePath);
-  const confirm = await showConfirm({
-    title: "是否导入祈愿数据？",
-    text: `UID：${remoteData.info.uid}，共 ${remoteData.list.length} 条数据`,
-  });
-  if (!confirm) {
+  const importCheck = await showDialog.check(
+    "是否导入祈愿数据？",
+    `UID：${remoteData.info.uid}，共 ${remoteData.list.length} 条数据`,
+  );
+  if (!importCheck) {
    showSnackbar.cancel("已取消祈愿数据导入");
    return;
  }
@@ -354,11 +354,11 @@ async function exportUigf(): Promise<void> {
    showSnackbar.error(`UID ${uidCur.value} 暂无祈愿数据`);
    return;
  }
-  const res = await showConfirm({
-    title: "是否导出祈愿数据？",
-    text: `UID：${uidCur.value}，共 ${gachaList.length} 条数据`,
-  });
-  if (!res) {
+  const exportCheck = await showDialog.check(
+    "是否导出祈愿数据？",
+    `UID：${uidCur.value}，共 ${gachaList.length} 条数据`,
+  );
+  if (!exportCheck) {
    showSnackbar.cancel(`已取消 UID ${uidCur.value} 的祈愿数据导出`);
    return;
  }
@@ -385,22 +385,22 @@ async function exportUigf(): Promise<void> {
 // 导出 UIGF v4 版本的祈愿数据
 async function exportUigf4(): Promise<void> {
  if (!uidCur.value) return;
-  const checkConfirm = await showConfirm({ title: "确定导出UIGFv4格式的祈愿数据？" });
-  if (!checkConfirm) {
+  const exportCheck = await showDialog.check("确定导出UIGFv4格式的祈愿数据？");
+  if (!exportCheck) {
    showSnackbar.cancel("已取消 UIGF v4 格式导出");
    return;
  }
  await TGLogger.Info(`[UserGacha][${uidCur.value}][exportUigf4] 导出祈愿数据(v4)`);
  // todo 单开一个overlay用于选取导出的UID
-  const allConfirm = await showConfirm({
-    title: "是否导出所有 UID 的祈愿数据？",
-    text: "取消则只导出当前 UID 的祈愿数据",
-  });
-  if (allConfirm === undefined) {
+  const exportAllCheck = await showDialog.check(
+    "是否导出所有 UID 的祈愿数据？",
+    "取消则只导出当前 UID 的祈愿数据",
+  );
+  if (exportAllCheck === undefined) {
    showSnackbar.cancel("已取消 UIGF v4 格式导出");
    return;
  }
-  if (!allConfirm) {
+  if (!exportAllCheck) {
    const gachaList = await TSUserGacha.getGachaRecords(uidCur.value);
    if (gachaList.length === 0) {
      showSnackbar.error(`UID ${uidCur.value} 暂无祈愿数据`);
@@ -418,7 +418,7 @@ async function exportUigf4(): Promise<void> {
  }
  loadingTitle.value = "正在导出祈愿数据";
  loading.value = true;
-  if (!allConfirm) {
+  if (!exportAllCheck) {
    await exportUigf4Data(file, uidCur.value);
  } else {
    await exportUigf4Data(file);
@@ -435,25 +435,20 @@ async function deleteGacha(): Promise<void> {
    return;
  }
  await TGLogger.Info(`[UserGacha][${uidCur.value}][deleteGacha] 删除祈愿数据`);
-  const firstConfirm = await showConfirm({
-    title: "是否删除祈愿数据？",
-    text: `UID：${uidCur.value}，共 ${gachaListCur.value.length} 条数据`,
-  });
-  if (!firstConfirm) {
+  const delCheck = await showDialog.check(
+    "确定删除祈愿数据？",
+    `UID：${uidCur.value}，共 ${gachaListCur.value.length} 条数据`,
+  );
+  if (!delCheck) {
    showSnackbar.cancel("已取消祈愿数据删除");
    await TGLogger.Info(`[UserGacha][${uidCur.value}][deleteGacha] 已取消祈愿数据删除`);
    return;
  }
  const uidList = await TSUserGacha.getUidList();
-  let secondConfirm: string | boolean | undefined;
  if (uidList.length <= 1) {
-    secondConfirm = await showConfirm({
-      title: "删除后数据库将为空，确定删除？",
-      text: `UID：${uidCur.value}，共 ${gachaListCur.value.length} 条数据`,
-    });
-    if (!secondConfirm) {
+    const forceCheck = await showDialog.check("删除后数据库将为空，确定删除？");
+    if (!forceCheck) {
      showSnackbar.cancel("已取消祈愿数据删除");
-      await TGLogger.Info(`[UserGacha][${uidCur.value}][deleteGacha] 已取消祈愿数据删除`);
      return;
    }
  }
--- a/src/pages/User/Record.vue
+++ b/src/pages/User/Record.vue
@@ -60,7 +60,7 @@ import { getVersion } from "@tauri-apps/api/app";
 import { storeToRefs } from "pinia";
 import { computed, onMounted, ref, watch } from "vue";

-import showConfirm from "../../components/func/confirm.js";
+import showDialog from "../../components/func/dialog.js";
 import showSnackbar from "../../components/func/snackbar.js";
 import TSubLine from "../../components/main/t-subline.vue";
 import ToLoading from "../../components/overlay/to-loading.vue";
@@ -125,20 +125,20 @@ async function loadRecord(): Promise<void> {
 async function refreshRecord(): Promise<void> {
  if (!user.value) return;
  if (uidCur.value && uidCur.value.toString() !== user.value.gameUid) {
-    const switchConfirm = await showConfirm({
-      title: "是否切换游戏账户",
-      text: `确认则尝试切换至${uidCur.value}`,
-    });
-    if (switchConfirm) {
+    const switchCheck = await showDialog.check(
+      "是否切换游戏账户",
+      `确认则尝试切换至${uidCur.value}`,
+    );
+    if (switchCheck) {
      await useUserStore().switchGameAccount(uidCur.value.toString());
      await refreshRecord();
      return;
    }
-    const confirm = await showConfirm({
-      title: "确定刷新？",
-      text: `用户${user.value.gameUid}与当前UID${uidCur.value}不一致`,
-    });
-    if (!confirm) {
+    const freshCheck = await showDialog.check(
+      "是否刷新战绩数据",
+      `用户${user.value.gameUid}与当前UID${uidCur.value}不一致`,
+    );
+    if (!freshCheck) {
      showSnackbar.cancel("已取消战绩数据刷新");
      return;
    }
@@ -198,11 +198,8 @@ async function deleteRecord(): Promise<void> {
    showSnackbar.warn("未找到当前UID");
    return;
  }
-  const confirm = await showConfirm({
-    title: "确定删除？",
-    text: `将删除${uidCur.value}对应的战绩数据`,
-  });
-  if (!confirm) {
+  const delCheck = await showDialog.check("确定删除？", `将删除${uidCur.value}对应的战绩数据`);
+  if (!delCheck) {
    showSnackbar.cancel("已取消删除战绩数据");
    return;
  }
--- a/src/pages/WIKI/Character.vue
+++ b/src/pages/WIKI/Character.vue
@@ -26,7 +26,7 @@
 import { onBeforeMount, ref, watch } from "vue";
 import { useRoute } from "vue-router";

-import showConfirm from "../../components/func/confirm.js";
+import showDialog from "../../components/func/dialog.js";
 import showSnackbar from "../../components/func/snackbar.js";
 import TwcCharacter from "../../components/wiki/twc-character.vue";
 import TwcListItem from "../../components/wiki/twc-list-item.vue";
@@ -99,11 +99,8 @@ async function toOuter(item?: TGApp.App.Character.WikiBriefInfo): Promise<void>
    showSnackbar.warn(`角色 ${item.name} 暂无观测枢页面`);
    return;
  }
-  const confirm = await showConfirm({
-    title: `角色 ${item.name} 暂无数据`,
-    text: "是否打开观测枢页面？",
-  });
-  if (!confirm) {
+  const openCheck = await showDialog.check(`角色 ${item.name} 暂无数据`, "是否打开观测枢页面？");
+  if (!openCheck) {
    showSnackbar.cancel("已取消打开观测枢页面");
    return;
  }
--- a/src/pages/WIKI/Weapon.vue
+++ b/src/pages/WIKI/Weapon.vue
@@ -29,7 +29,7 @@
 import { onBeforeMount, ref } from "vue";
 import { useRoute } from "vue-router";

-import showConfirm from "../../components/func/confirm.js";
+import showDialog from "../../components/func/dialog.js";
 import showSnackbar from "../../components/func/snackbar.js";
 import TwcListItem from "../../components/wiki/twc-list-item.vue";
 import TwcWeapon from "../../components/wiki/twc-weapon.vue";
@@ -92,11 +92,8 @@ async function toOuter(item?: TGApp.App.Weapon.WikiBriefInfo): Promise<void> {
    showSnackbar.warn(`武器 ${item.name} 暂无观测枢页面`);
    return;
  }
-  const confirm = await showConfirm({
-    title: `武器 ${item.name} 暂无数据`,
-    text: "是否打开观测枢页面？",
-  });
-  if (!confirm) {
+  const check = await showDialog.check(`武器 ${item.name} 暂无数据`, "是否打开观测枢页面？");
+  if (!check) {
    showSnackbar.cancel("已取消打开观测枢页面");
    return;
  }
--- a/src/pages/common/Achievements.vue
+++ b/src/pages/common/Achievements.vue
@@ -59,7 +59,7 @@ import { writeTextFile } from "@tauri-apps/plugin-fs";
 import { onMounted, ref, watch, computed, onUnmounted } from "vue";
 import { useRoute, useRouter } from "vue-router";

-import showConfirm from "../../components/func/confirm.js";
+import showDialog from "../../components/func/dialog.js";
 import showSnackbar from "../../components/func/snackbar.js";
 import ToLoading from "../../components/overlay/to-loading.vue";
 import TuaAchiList from "../../components/userAchi/tua-achi-list.vue";
@@ -151,12 +151,7 @@ async function importJson(): Promise<void> {
  }
  const check = await verifyUiafData(selectedFile);
  if (!check) return;
-  let uidInput = await showConfirm({
-    mode: "input",
-    title: "请输入存档UID",
-    text: "UID:",
-    input: uidCur.value.toString(),
-  });
+  let uidInput = await showDialog.input("请输入存档UID", "UID:", uidCur.value.toString());
  if (uidInput === false) {
    showSnackbar.cancel("已取消存档导入");
    return;
@@ -211,25 +206,16 @@ async function exportJson(): Promise<void> {

 async function handleImportOuter(app: string): Promise<void> {
  await TGLogger.Info(`[Achievements][handleImportOuter] 导入来源：${app}`);
-  const confirm = await showConfirm({
-    title: "是否导入祈愿数据？",
-    text: `来源APP：${app}`,
-  });
-  if (!confirm) {
+  const importCheck = await showDialog.check("是否导入祈愿数据？", `来源APP：${app}`);
+  if (!importCheck) {
    showSnackbar.cancel("已取消导入");
-    await TGLogger.Info("[Achievements][handleImportOuter] 已取消导入");
    return;
  }
  // 读取 剪贴板
  const clipboard = await window.navigator.clipboard.readText();
  const check = await verifyUiafDataClipboard();
  if (!check) return;
-  let uidInput = await showConfirm({
-    mode: "input",
-    title: "请输入存档UID",
-    text: "UID:",
-    input: uidCur.value.toString(),
-  });
+  let uidInput = await showDialog.input("请输入存档UID", "UID:", uidCur.value.toString());
  if (uidInput === false) {
    showSnackbar.cancel("已取消存档导入");
    return;
@@ -250,11 +236,7 @@ async function handleImportOuter(app: string): Promise<void> {
 }

 async function createUid(): Promise<void> {
-  const uidInput = await showConfirm({
-    mode: "input",
-    title: "请输入新存档UID",
-    text: "UID:",
-  });
+  const uidInput = await showDialog.input("请输入新存档UID", "UID:");
  if (uidInput === undefined || uidInput === false) {
    showSnackbar.cancel("已取消");
    return;
@@ -273,11 +255,11 @@ async function createUid(): Promise<void> {
 }

 async function deleteUid(): Promise<void> {
-  const uidInput = await showConfirm({
-    title: "确定删除该存档?",
-    text: `确认则清空存档-${uidCur.value}对应数据`,
-  });
-  if (uidInput === undefined || !uidInput) {
+  const delCheck = await showDialog.check(
+    "确定删除该存档?",
+    `确认则清空存档-${uidCur.value}对应数据`,
+  );
+  if (!delCheck) {
    showSnackbar.cancel("已取消删除存档");
    return;
  }
--- a/src/pages/common/Config.vue
+++ b/src/pages/common/Config.vue
@@ -120,7 +120,7 @@ import TcDataDir from "../../components/config/tc-dataDir.vue";
 import TcGameBadge from "../../components/config/tc-gameBadge.vue";
 import TcInfo from "../../components/config/tc-info.vue";
 import TcUserBadge from "../../components/config/tc-userBadge.vue";
-import showConfirm from "../../components/func/confirm.js";
+import showDialog from "../../components/func/dialog.js";
 import showSnackbar from "../../components/func/snackbar.js";
 import ToLoading from "../../components/overlay/to-loading.vue";
 import TGSqlite from "../../plugins/Sqlite/index.js";
@@ -162,16 +162,13 @@ onMounted(async () => {

 // 备份数据
 async function confirmBackup(): Promise<void> {
-  const res = await showConfirm({
-    title: "是否备份到默认路径",
-    text: "取消则自选路径，点击外部不做处理",
-  });
-  if (res === undefined) {
+  const bcCheck = await showDialog.check("是否备份到默认路径", "取消则自选路径，点击外部不做处理");
+  if (bcCheck === undefined) {
    showSnackbar.cancel("已取消备份");
    return;
  }
  let saveDir = appStore.userDir;
-  if (!res) {
+  if (!bcCheck) {
    const dir: string | null = await open({
      directory: true,
      defaultPath: saveDir,
@@ -196,16 +193,13 @@ async function confirmBackup(): Promise<void> {

 // 恢复数据
 async function confirmRestore(): Promise<void> {
-  const resConfirm = await showConfirm({
-    title: "是否从默认路径恢复",
-    text: "取消则自选路径，点击外部不做处理",
-  });
-  if (resConfirm === undefined) {
+  const rsCheck = await showDialog.check("是否从默认路径恢复", "取消则自选路径，点击外部不做处理");
+  if (rsCheck === undefined) {
    showSnackbar.cancel("已取消恢复");
    return;
  }
  let saveDir = appStore.userDir;
-  if (!resConfirm) {
+  if (!rsCheck) {
    const dir: string | null = await open({
      directory: true,
      defaultPath: saveDir,
@@ -231,8 +225,8 @@ async function confirmRestore(): Promise<void> {

 // 更新数据
 async function confirmUpdate(title?: string): Promise<void> {
-  const res = await showConfirm({ title: title ?? "确认更新数据吗？", text: "请确保存在备份数据" });
-  if (!res) {
+  const updateCheck = await showDialog.check(title ?? "确认更新数据吗？");
+  if (!updateCheck) {
    showSnackbar.cancel("已取消更新数据库");
    return;
  }
@@ -250,11 +244,11 @@ async function confirmUpdate(title?: string): Promise<void> {
 async function confirmUpdateDevice(force?: boolean): Promise<void> {
  if (force !== undefined && force) {
    await TGLogger.Info("[Config][confirmUpdateDevice][force] 开始强制更新设备信息");
-    const resF = await showConfirm({
-      title: "确认强制更新设备信息吗？",
-      text: `DeviceFp:${appStore.deviceInfo.device_fp}`,
-    });
-    if (!resF) {
+    const forceCheck = await showDialog.check(
+      "确认强制更新设备信息吗？",
+      `DeviceFp:${appStore.deviceInfo.device_fp}`,
+    );
+    if (!forceCheck) {
      showSnackbar.cancel("已取消强制更新设备信息");
      await TGLogger.Info("[Config][confirmUpdateDevice][force] 取消强制更新设备信息");
      return;
@@ -274,8 +268,8 @@ async function confirmUpdateDevice(force?: boolean): Promise<void> {
  await TGLogger.Info("[Config][confirmUpdateDevice] 开始更新设备信息");
  const localFp = getDeviceInfo("device_fp");
  if (localFp !== "0000000000000") {
-    const res = await showConfirm({ title: "确认更新设备信息吗？", text: `DeviceFp:${localFp}` });
-    if (!res) {
+    const updateCheck = await showDialog.check("确认更新设备信息吗？", `DeviceFp:${localFp}`);
+    if (!updateCheck) {
      showSnackbar.cancel("已取消更新设备信息");
      await TGLogger.Info("[Config][confirmUpdateDevice] 取消更新设备信息");
      return;
@@ -312,11 +306,11 @@ async function confirmDelCache(): Promise<void> {
  }
  cacheSize.value = cacheBSize;
  loading.value = false;
-  const res = await showConfirm({
-    title: "确认清除缓存吗？",
-    text: `当前缓存大小为 ${bytesToSize(cacheBSize)}`,
-  });
-  if (!res) {
+  const delCheck = await showDialog.check(
+    "确认清除缓存吗？",
+    `当前缓存大小为 ${bytesToSize(cacheBSize)}`,
+  );
+  if (!delCheck) {
    showSnackbar.cancel("已取消清除缓存");
    await TGLogger.Info("[Config][confirmDelCache] 取消清除缓存");
    return;
@@ -335,8 +329,8 @@ async function confirmDelCache(): Promise<void> {
 // 恢复默认设置
 async function confirmResetApp(): Promise<void> {
  await TGLogger.Info("[Config][confirmResetApp] 开始恢复默认设置");
-  const res = await showConfirm({ title: "确认恢复默认设置吗？" });
-  if (!res) {
+  const resetCheck = await showDialog.check("确认恢复默认设置吗？");
+  if (!resetCheck) {
    showSnackbar.cancel("已取消恢复默认设置");
    await TGLogger.Info("[Config][confirmResetApp] 取消恢复默认设置");
    return;
@@ -350,18 +344,14 @@ async function confirmResetApp(): Promise<void> {

 // 前置
 async function tryShowReset(): Promise<void> {
-  const res = await showConfirm({
-    title: "请输入验证 Code",
-    text: "请联系开发者获取",
-    mode: "input",
-  });
-  if (!res) {
+  const codeInput = await showDialog.input("请输入验证 Code", "请联系开发者获取");
+  if (!codeInput) {
    showSnackbar.cancel("已取消");
    return;
  }
  const time = getBuildTime();
  const code = time.startsWith("dev.") ? "dev" : time;
-  if (res === code || res === "reset1128") {
+  if (codeInput === code || codeInput === "reset1128") {
    showReset.value = true;
    showSnackbar.success("已开启重置数据库选项");
    return;
@@ -372,11 +362,11 @@ async function tryShowReset(): Promise<void> {
 // 重置数据库
 async function confirmResetDB(title?: string): Promise<void> {
  await TGLogger.Info("[Config][confirmResetDB] 开始重置数据库");
-  const res = await showConfirm({
-    title: title ?? "确认重置数据库吗？",
-    text: "请确认已经备份关键数据",
-  });
-  if (!res) {
+  const resetCheck = await showDialog.check(
+    title ?? "确认重置数据库吗？",
+    "请确认已经备份关键数据",
+  );
+  if (!resetCheck) {
    showSnackbar.cancel("已取消重置数据库");
    await TGLogger.Info("[Config][confirmResetDB] 取消重置数据库");
    return;
--- a/src/pages/common/PostCollect.vue
+++ b/src/pages/common/PostCollect.vue
@@ -95,7 +95,7 @@ import { UnlistenFn } from "@tauri-apps/api/event";
 import { storeToRefs } from "pinia";
 import { computed, onMounted, onUnmounted, ref, watch } from "vue";

-import showConfirm from "../../components/func/confirm.js";
+import showDialog from "../../components/func/dialog.js";
 import showSnackbar from "../../components/func/snackbar.js";
 import TPostCard from "../../components/main/t-postcard.vue";
 import ToCollectPost from "../../components/overlay/to-collectPost.vue";
@@ -188,11 +188,7 @@ function toSelect() {

 async function addCollect(): Promise<void> {
  let title, desc;
-  const titleC = await showConfirm({
-    mode: "input",
-    title: "新建分类",
-    text: "请输入分类名称",
-  });
+  const titleC = await showDialog.input("新建分类", "分类名称：");
  if (titleC === undefined || titleC === false) return;
  if (titleC === "未分类") {
    showSnackbar.warn("分类名不可为未分类");
@@ -203,11 +199,7 @@ async function addCollect(): Promise<void> {
    return;
  }
  title = titleC;
-  const descC = await showConfirm({
-    mode: "input",
-    title: "新建分类",
-    text: "请输入分类描述",
-  });
+  const descC = await showDialog.input("新建分类", "分类描述：");
  if (descC === false) return;
  if (descC === undefined) desc = title;
  else desc = descC;
@@ -226,12 +218,7 @@ async function toEdit(): Promise<void> {
    showSnackbar.warn("未找到合集信息");
    return;
  }
-  let cTc = await showConfirm({
-    title: "修改分类标题",
-    mode: "input",
-    text: "请输入分类标题",
-    input: collect.title,
-  });
+  let cTc = await showDialog.input("修改分类标题", "分类标题：", collect.title);
  if (cTc === false) {
    showSnackbar.cancel("取消修改分类信息");
    return;
@@ -245,14 +232,9 @@ async function toEdit(): Promise<void> {
    showSnackbar.warn("分类名称重复");
    return;
  }
-  let cTd = await showConfirm({
-    title: "修改分类描述",
-    mode: "input",
-    text: "请输入分类描述",
-    input: collect.desc,
-  });
+  let cTd = await showDialog.input("修改分类描述", "分类描述：", collect.desc);
  if (typeof cTd !== "string") cTd = collect.desc;
-  const cc = await showConfirm({ title: "确定修改？", text: `[${cTc}] ${cTd}` });
+  const cc = await showDialog.check("确定修改？", `[${cTc}] ${cTd}`);
  if (!cc) {
    showSnackbar.cancel("取消修改分类信息");
    return;
@@ -280,11 +262,8 @@ async function deletePost(force: boolean = false): Promise<void> {
    return;
  }
  const title = force ? "删除帖子" : "移除帖子分类";
-  const res = await showConfirm({
-    title: `确定${title}?`,
-    text: `共 ${selectedPost.value.length} 条帖子`,
-  });
-  if (!res) {
+  const check = await showDialog.check(`确定${title}?`, `共 ${selectedPost.value.length} 条帖子`);
+  if (!check) {
    showSnackbar.cancel("取消操作");
    return;
  }
@@ -311,11 +290,11 @@ async function deleteCollect(force: boolean): Promise<void> {
    return;
  }
  const title = force ? "删除分类" : "清空分类";
-  const res = await showConfirm({
-    title: `确定${title}?`,
-    text: `该分类下${selected.value.length}条帖子将被${force ? "删除" : "移除分类(未分类将被删除)"}`,
-  });
-  if (!res) {
+  const check = await showDialog.check(
+    `确定${title}?`,
+    `该分类下 ${selected.value.length} 条帖子将被${force ? "删除" : "移除分类(未分类将被删除)"}`,
+  );
+  if (!check) {
    showSnackbar.cancel("取消操作");
    return;
  }
@@ -377,17 +356,13 @@ watch(
 );

 async function freshOther(): Promise<void> {
-  const input = await showConfirm({
-    mode: "input",
-    title: "导入其他用户收藏",
-    text: "请输入用户米游社UID",
-  });
-  if (typeof input === "string") {
-    if (isNaN(Number(input))) {
+  const uidInput = await showDialog.input("导入其他用户收藏", "米游社UID：");
+  if (typeof uidInput === "string") {
+    if (isNaN(Number(uidInput))) {
      showSnackbar.warn("UID 格式错误，请输入数字");
      return;
    }
-    await freshUser(input);
+    await freshUser(uidInput);
    return;
  }
  showSnackbar.cancel("取消导入");