feat(dialog, toast): 添加全局对话框和提示功能

Author: milangree

shared/locales/en.js

@@ -25,6 +25,13 @@ const messages = {
   "common.id": "ID",
   "common.searching": "Searching…",
   "common.notFound": "No matching users found",
+  "common.ok": "OK",
+  "common.confirm": "Confirm",
+  "common.cancel": "Cancel",
+  "common.input": "Input",
+  "common.notice": "Notice",
+  "common.inputPlaceholder": "Enter a value",
+  "common.dangerAction": "Dangerous action",
   "nav.dashboard": "Dashboard",
   "nav.conversations": "Conversations",
   "nav.users": "Users",
@@ -111,13 +118,22 @@ const messages = {
   "users.blockUser": "Block user",
   "users.unblockUser": "Unblock user",
   "users.addWhitelist": "Set as whitelist",
+  "users.removeWhitelist": "Remove whitelist",
+  "users.addWhitelistConfirm": "Set user {name} as whitelist?",
+  "users.removeWhitelistConfirm": "Remove user {name} from whitelist?",
+  "users.unblockConfirm": "Unblock user {name}?",
+  "users.batchUnblockConfirm": "Unblock {n} selected users?",
+  "users.batchWhitelistConfirm": "Add {n} selected users to whitelist?",
+  "users.quickBlockConfirm": "Block user {name}?",
+  "users.quickUnblockConfirm": "Unblock user {name}?",
+  "users.quickWhitelistConfirm": "Set user {name} as whitelist?",
   "users.selectedCount": "{n} selected",
   "users.batchBlock": "Batch Block",
   "users.batchUnblock": "Batch Unblock",
   "users.batchWhitelist": "Add Whitelist",
   "users.cancel": "Cancel",
   "users.table.user": "User",
-  "users.table.id": "ID",
+  "users.table.id": "Telegram ID",
   "users.table.status": "Status",
   "users.table.username": "Username",
   "users.table.firstContact": "First Contact (UTC+8)",
@@ -131,7 +147,7 @@ const messages = {
   "users.prevPage": "Previous",
   "users.nextPage": "Next",
   "users.detail.noUsername": "No username",
-  "users.detail.id": "ID",
+  "users.detail.id": "Telegram ID",
   "users.detail.status": "Status",
   "users.detail.blockReason": "Block reason",
   "users.detail.verified": "Verified",
@@ -142,10 +158,9 @@ const messages = {
   "users.detail.unknown": "Unknown",
   "users.detail.firstContact": "First contact",
   "users.copy": "Copy",
-  "users.copyUid": "UID",
+  "users.copyUid": "Telegram ID",
   "users.copyName": "Name",
   "users.messages": "View conversation",
-  "users.removeWhitelist": "Remove Whitelist",
   "users.delete": "Delete User",
   "users.deleteConfirm": "Delete user {id}? The user will need to verify again next time.",
   "users.addWhitelistWithIcon": "⚪ Add Whitelist",
@@ -174,7 +189,8 @@ const messages = {
   "whitelist.remove": "Remove",
   "whitelist.pageInfo": "Page {page} · Total {total}",
   "whitelist.addSuccess": "✅ User {id} added to whitelist",
-  "whitelist.removeConfirm": "Remove user {id} from whitelist?",
+  "whitelist.addConfirm": "Add user {name} to whitelist?",
+  "whitelist.removeConfirm": "Remove user {name} from whitelist?",
   "conv.search": "🔍 Search users…",
   "conv.blockedTag": "B",
   "conv.noMessage": "No message",
@@ -344,6 +360,9 @@ const messages = {
   "settings.storage.noD1": "D1 / Hyperdrive not bound — add bindings in Pages settings to switch storage backend",
   "settings.storage.syncing": "Syncing data and switching…",
   "settings.storage.switchHint": "Switching will sync full data from old storage to new storage safely",
+  "settings.storage.switchConfirm": "Switch to {target}? Existing data will be synced automatically.",
+  "settings.admin.removeConfirm": "Remove admin {id}?",
+  "settings.feature.messageFilterRemoveConfirm": "Delete this message filter rule?",
   "settings.storage.clearData": "Clear Database",
   "settings.storage.clearing": "Clearing data…",
   "settings.storage.clearDataHint": "This will not delete WebUI login accounts, but it will clear bot business data such as users, conversations, whitelist entries, and verification states.",
@@ -353,6 +372,9 @@ const messages = {
   "settings.storage.sqlTools": "SQL Import / Export",
   "settings.storage.sqlExport": "Export SQL File",
   "settings.storage.sqlImport": "Import SQL File",
+  "settings.storage.sqlMode.plain": "Plain",
+  "settings.storage.sqlMode.base64": "Base64",
+  "settings.storage.sqlMode.aes": "AES-256-GCM",
   "settings.storage.sqlPlaceholder": "Please choose a SQL file to import.",
   "settings.storage.sqlHint": "Import and export only affect bot business data SQL and do not include WebUI login accounts. Export directly downloads a .sql file for the current storage type (KV / D1), and import reads the selected SQL file back into the active storage.",
   "settings.storage.sqlImportConfirm": "Import the selected SQL file and overwrite existing bot business data?",

shared/locales/zh-hans.js

@@ -25,6 +25,13 @@ const messages = {
   "common.id": "ID",
   "common.searching": "搜索中…",
   "common.notFound": "未找到匹配用户",
+  "common.ok": "知道了",
+  "common.confirm": "确认",
+  "common.cancel": "取消",
+  "common.input": "请输入",
+  "common.notice": "提示",
+  "common.inputPlaceholder": "请输入内容",
+  "common.dangerAction": "危险操作",
   "nav.dashboard": "仪表盘",
   "nav.conversations": "对话记录",
   "nav.users": "用户管理",
@@ -111,13 +118,22 @@ const messages = {
   "users.blockUser": "封禁用户",
   "users.unblockUser": "解封用户",
   "users.addWhitelist": "设置为白名单",
+  "users.removeWhitelist": "移出白名单",
+  "users.addWhitelistConfirm": "确认将用户 {name} 设置为白名单？",
+  "users.removeWhitelistConfirm": "确认将用户 {name} 移出白名单？",
+  "users.unblockConfirm": "确认解封用户 {name}？",
+  "users.batchUnblockConfirm": "确认解封已选的 {n} 位用户？",
+  "users.batchWhitelistConfirm": "确认将已选的 {n} 位用户加入白名单？",
+  "users.quickBlockConfirm": "确认封禁用户 {name}？",
+  "users.quickUnblockConfirm": "确认解封用户 {name}？",
+  "users.quickWhitelistConfirm": "确认将用户 {name} 设置为白名单？",
   "users.selectedCount": "已选 {n} 人",
   "users.batchBlock": "批量封禁",
   "users.batchUnblock": "批量解封",
   "users.batchWhitelist": "加白名单",
   "users.cancel": "取消",
   "users.table.user": "用户",
-  "users.table.id": "ID",
+  "users.table.id": "Telegram ID",
   "users.table.status": "状态",
   "users.table.username": "用户名",
   "users.table.firstContact": "首次联系 (UTC+8)",
@@ -131,7 +147,7 @@ const messages = {
   "users.prevPage": "上一页",
   "users.nextPage": "下一页",
   "users.detail.noUsername": "无用户名",
-  "users.detail.id": "ID",
+  "users.detail.id": "Telegram ID",
   "users.detail.status": "状态",
   "users.detail.blockReason": "封禁原因",
   "users.detail.verified": "已验证",
@@ -142,10 +158,9 @@ const messages = {
   "users.detail.unknown": "未知",
   "users.detail.firstContact": "首次联系",
   "users.copy": "复制",
-  "users.copyUid": "UID",
+  "users.copyUid": "Telegram ID",
   "users.copyName": "姓名",
   "users.messages": "查看对话",
-  "users.removeWhitelist": "移出白名单",
   "users.delete": "删除用户",
   "users.deleteConfirm": "确认删除用户 {id}？删除后该用户需重新验证。",
   "users.addWhitelistWithIcon": "⚪ 加白名单",
@@ -174,7 +189,8 @@ const messages = {
   "whitelist.remove": "移出",
   "whitelist.pageInfo": "第 {page} 页 · 共 {total} 人",
   "whitelist.addSuccess": "✅ 用户 {id} 已加入白名单",
-  "whitelist.removeConfirm": "确认将用户 {id} 移出白名单？",
+  "whitelist.addConfirm": "确认将用户 {name} 加入白名单？",
+  "whitelist.removeConfirm": "确认将用户 {name} 移出白名单？",
   "conv.search": "🔍 搜索用户…",
   "conv.blockedTag": "封",
   "conv.noMessage": "无消息",
@@ -344,6 +360,9 @@ const messages = {
   "settings.storage.noD1": "D1 / Hyperdrive 未绑定 — 在 Pages 设置中添加绑定后才可切换存储后端",
   "settings.storage.syncing": "正在同步数据并切换…",
   "settings.storage.switchHint": "切换时会自动将全量数据从旧存储同步到新存储，可安全切换。",
+  "settings.storage.switchConfirm": "确认切换到 {target}？将自动同步现有数据。",
+  "settings.admin.removeConfirm": "确认移除管理员 {id}？",
+  "settings.feature.messageFilterRemoveConfirm": "确认删除该消息过滤规则？",
   "settings.storage.clearData": "清空数据库",
   "settings.storage.clearing": "正在清空数据…",
   "settings.storage.clearDataHint": "此操作不会删除 WebUI 登录账号和2FA，但会清空机器人产生的用户、对话、白名单、验证状态和相关的数据。",
@@ -353,6 +372,9 @@ const messages = {
   "settings.storage.sqlTools": "SQL 导入 / 导出",
   "settings.storage.sqlExport": "导出 SQL 文件",
   "settings.storage.sqlImport": "导入 SQL 文件",
+  "settings.storage.sqlMode.plain": "明文",
+  "settings.storage.sqlMode.base64": "Base64",
+  "settings.storage.sqlMode.aes": "AES-256-GCM",
   "settings.storage.sqlPlaceholder": "请选择 SQL 文件进行导入。",
   "settings.storage.sqlHint": "导入与导出的是机器人业务数据 SQL，不包含 WebUI 登录账号。导出会直接下载当前数据库类型（KV / D1）对应的 .sql 文件，导入会读取所选 SQL 文件并恢复到当前启用的存储。",
   "settings.storage.sqlImportConfirm": "确认导入所选 SQL 文件并覆盖现有机器人业务数据？",

shared/locales/zh-hant.js

@@ -25,6 +25,13 @@ const messages = {
   "common.id": "ID",
   "common.searching": "搜尋中…",
   "common.notFound": "未找到符合使用者",
+  "common.ok": "知道了",
+  "common.confirm": "確認",
+  "common.cancel": "取消",
+  "common.input": "請輸入",
+  "common.notice": "提示",
+  "common.inputPlaceholder": "請輸入內容",
+  "common.dangerAction": "危險操作",
   "nav.dashboard": "儀表板",
   "nav.conversations": "對話記錄",
   "nav.users": "使用者管理",
@@ -111,13 +118,22 @@ const messages = {
   "users.blockUser": "封鎖使用者",
   "users.unblockUser": "解封使用者",
   "users.addWhitelist": "設為白名單",
+  "users.removeWhitelist": "移出白名單",
+  "users.addWhitelistConfirm": "確認將使用者 {name} 設為白名單？",
+  "users.removeWhitelistConfirm": "確認將使用者 {name} 移出白名單？",
+  "users.unblockConfirm": "確認解封使用者 {name}？",
+  "users.batchUnblockConfirm": "確認解封已選的 {n} 位使用者？",
+  "users.batchWhitelistConfirm": "確認將已選的 {n} 位使用者加入白名單？",
+  "users.quickBlockConfirm": "確認封鎖使用者 {name}？",
+  "users.quickUnblockConfirm": "確認解封使用者 {name}？",
+  "users.quickWhitelistConfirm": "確認將使用者 {name} 設為白名單？",
   "users.selectedCount": "已選 {n} 人",
   "users.batchBlock": "批量封鎖",
   "users.batchUnblock": "批量解封",
   "users.batchWhitelist": "加白名單",
   "users.cancel": "取消",
   "users.table.user": "使用者",
-  "users.table.id": "ID",
+  "users.table.id": "Telegram ID",
   "users.table.status": "狀態",
   "users.table.username": "使用者名稱",
   "users.table.firstContact": "首次聯絡 (UTC+8)",
@@ -131,7 +147,7 @@ const messages = {
   "users.prevPage": "上一頁",
   "users.nextPage": "下一頁",
   "users.detail.noUsername": "無使用者名稱",
-  "users.detail.id": "ID",
+  "users.detail.id": "Telegram ID",
   "users.detail.status": "狀態",
   "users.detail.blockReason": "封鎖原因",
   "users.detail.verified": "已驗證",
@@ -142,10 +158,9 @@ const messages = {
   "users.detail.unknown": "未知",
   "users.detail.firstContact": "首次聯絡",
   "users.copy": "複製",
-  "users.copyUid": "UID",
+  "users.copyUid": "Telegram ID",
   "users.copyName": "姓名",
   "users.messages": "查看對話",
-  "users.removeWhitelist": "移出白名單",
   "users.delete": "刪除使用者",
   "users.deleteConfirm": "確認刪除使用者 {id}？刪除後該使用者需重新驗證。",
   "users.addWhitelistWithIcon": "⚪ 加白名單",
@@ -174,7 +189,8 @@ const messages = {
   "whitelist.remove": "移出",
   "whitelist.pageInfo": "第 {page} 頁 · 共 {total} 人",
   "whitelist.addSuccess": "✅ 使用者 {id} 已加入白名單",
-  "whitelist.removeConfirm": "確認將使用者 {id} 移出白名單？",
+  "whitelist.addConfirm": "確認將使用者 {name} 加入白名單？",
+  "whitelist.removeConfirm": "確認將使用者 {name} 移出白名單？",
   "conv.search": "🔍 搜尋使用者…",
   "conv.blockedTag": "封",
   "conv.noMessage": "無訊息",
@@ -338,6 +354,9 @@ const messages = {
   "settings.storage.sqlTools": "SQL 匯入 / 匯出",
   "settings.storage.sqlExport": "匯出 SQL 檔案",
   "settings.storage.sqlImport": "匯入 SQL 檔案",
+  "settings.storage.sqlMode.plain": "明文",
+  "settings.storage.sqlMode.base64": "Base64",
+  "settings.storage.sqlMode.aes": "AES-256-GCM",
   "settings.storage.sqlPlaceholder": "請選擇 SQL 檔案進行匯入。",
   "settings.storage.sqlHint": "匯入與匯出的是機器人業務資料 SQL，不包含 WebUI 登入帳號。匯出會直接下載目前資料庫類型（KV / D1）對應的 .sql 檔案，匯入會讀取所選 SQL 檔案並還原到目前啟用的儲存。",
   "settings.storage.sqlImportConfirm": "確認匯入所選 SQL 檔案並覆蓋現有機器人業務資料？",
@@ -587,7 +606,10 @@ const messages = {
   "api.settings.sqlExportFailed": "匯出 SQL 失敗: {error}",
   "api.settings.sqlImportFailed": "匯入 SQL 失敗: {error}",
   "settings.storage.syncing": "正在同步資料並切換…",
-  "settings.storage.switchHint": "切換時會將舊儲存的全部資料安全同步到新儲存"
+  "settings.storage.switchHint": "切換時會將舊儲存的全部資料安全同步到新儲存",
+  "settings.storage.switchConfirm": "確認切換到 {target}？將自動同步現有資料。",
+  "settings.admin.removeConfirm": "確認移除管理員 {id}？",
+  "settings.feature.messageFilterRemoveConfirm": "確認刪除該訊息過濾規則？"
 };
 
 export default messages;

src/App.vue

@@ -136,6 +136,9 @@
     </div>
     <RouterView />
   </div>
+
+  <AppDialog />
+  <AppToast />
 </template>
 
 <script setup>
@@ -144,6 +147,8 @@ import { RouterLink, RouterView, useRouter, useRoute } from 'vue-router'
 import { AUTH_EXPIRED_EVENT, useAuthStore } from './stores/auth'
 import { useI18nStore } from './stores/i18n'
 import AppIcon from './components/AppIcon.vue'
+import AppDialog from './components/AppDialog.vue'
+import AppToast from './components/AppToast.vue'
 import api from './stores/api'
 
 const auth = useAuthStore()