feat (Ban): 改进黑白名单页，解决记录过多导致的卡顿问题 (#227)

* feat(Ban): 改进黑白名单页

* fix: 更好地支持 pnpm 特性

* fix: 修复移动端菜单的颜色

* feat(Ban): 拉黑设置项有变化时提示保存

* feat(Ban): 黑白名单使用分页

* feat(Ban): 黑白名单增加分页

components.d.ts

@@ -7,6 +7,8 @@ export {}
 
 declare module 'vue' {
   export interface GlobalComponents {
+    BanConfig: typeof import('./src/components/misc/banList/BanConfig.vue')['default']
+    BanList: typeof import('./src/components/misc/banList/BanList.vue')['default']
     CensorConfig: typeof import('./src/components/mod/censor/CensorConfig.vue')['default']
     CensorFiles: typeof import('./src/components/mod/censor/CensorFiles.vue')['default']
     CensorLog: typeof import('./src/components/mod/censor/CensorLog.vue')['default']
@@ -94,7 +96,7 @@ declare module 'vue' {
     PageJs: typeof import('./src/components/mod/PageJs.vue')['default']
     PageMiscAdvancedSettings: typeof import('./src/components/misc/PageMiscAdvancedSettings.vue')['default']
     PageMiscBackup: typeof import('./src/components/misc/PageMiscBackup.vue')['default']
-    PageMiscBanList: typeof import('./src/components/misc/PageMiscBanList.vue')['default']
+    PageMiscBan: typeof import('./src/components/misc/PageMiscBan.vue')['default']
     PageMiscDeck: typeof import('./src/components/mod/PageMiscDeck.vue')['default']
     PageMiscGroup: typeof import('./src/components/misc/PageMiscGroup.vue')['default']
     PageMiscSettings: typeof import('./src/components/misc/PageMiscSettings.vue')['default']

package.json

@@ -14,43 +14,47 @@
   "type": "module",
   "dependencies": {
     "@codemirror/lang-javascript": "^6.2.2",
+    "@element-plus/icons-vue": "^2.3.1",
     "@vueuse/core": "^10.11.0",
     "asmcrypto.js": "^2.3.2",
     "axios": "^1.7.2",
     "axios-retry": "^4.4.1",
     "clipboard": "^2.0.11",
     "codemirror": "^6.0.1",
     "cron-parser": "^4.9.0",
-    "dayjs": "^1.11.11",
+    "dayjs": "^1.11.12",
     "element-plus": "^2.7.7",
     "filesize": "^10.1.4",
+    "highlight.js": "^11.10.0",
     "lodash-es": "^4.17.21",
     "pinia": "^2.1.7",
     "randomcolor": "^0.6.2",
-    "vue": "^3.4.31",
+    "vue": "^3.4.33",
     "vue-diff": "^1.2.4",
     "vue-router": "^4.4.0",
     "vuedraggable": "^4.1.0"
   },
   "devDependencies": {
     "@iconify-json/bi": "^1.1.23",
     "@iconify-json/carbon": "^1.1.36",
+    "@rushstack/eslint-patch": "^1.10.3",
+    "@tsconfig/node20": "^20.1.4",
     "@types/lodash-es": "^4.17.12",
-    "@types/node": "^20.14.10",
+    "@types/node": "^20.14.11",
     "@types/randomcolor": "^0.5.9",
     "@typescript-eslint/eslint-plugin": "^6.21.0",
     "@typescript-eslint/parser": "^6.21.0",
     "@vitejs/plugin-legacy": "^5.4.1",
     "@vitejs/plugin-vue": "^5.0.5",
     "@vitejs/plugin-vue-jsx": "^4.0.0",
-    "@vue/compiler-sfc": "^3.4.31",
+    "@vue/tsconfig": "^0.5.1",
     "autoprefixer": "^10.4.19",
     "eslint": "^8.57.0",
     "eslint-plugin-vue": "^9.27.0",
     "iconify-icon": "^1.0.8",
     "postcss": "^8.4.39",
-    "postcss-nested": "^6.0.1",
-    "tailwindcss": "^3.4.5",
+    "postcss-nested": "^6.2.0",
+    "tailwindcss": "^3.4.6",
     "typescript": "^5.5.3",
     "unplugin-auto-import": "^0.17.8",
     "unplugin-icons": "^0.17.4",