From e25afb74453fd06506a22f6f34537070a29d13a9 Mon Sep 17 00:00:00 2001
From: chuzhongzai <njy1822574439@outlook.com>
Date: Sun, 7 Jun 2026 16:18:44 +0800
Subject: [PATCH] =?UTF-8?q?=E9=87=8D=E6=9E=84=20store=20=E5=B9=B6=E4=BF=AE?=
 =?UTF-8?q?=E5=A4=8D=E5=A4=9A=E4=B8=AA=20bug?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

   - state.collectGallery.slice(0) → splice(0)，修复收藏列表数据残留 bug
   - action 中 state 引用改为 context.state，遵循 Vuex 规范
   - 修复 _searchLocalByLink 中 gid 判空条件（null → undefined）
   - 修复 deleteTask splice 后索引跳过下一个元素
   - 简化 getShortname 用正则替代繁琐的手动遍历
   - 移除 loadWeekUsedAmount 冗余的成功提示弹窗
   - 添加 Axios 全局错误拦截器，统一处理网络请求失败
   - websocket 初始值 {} → null，修正类型
   - resetUndone 硬编码授权码改为从 state 获取
   - computed 移除副作用，改用 watch 实现
   - HentaiSearch 加载指示器 DOM 操作改为响应式 v-show
   - 提取重复的 validateLink 到共享工具函数
   - OnlineReader 全量 watch(store.state) → 精准监听 isReading
---
 favicon.ico                     | Bin 4286 -> 0 bytes
 llm_readme.md                   | 201 ++++++++++++++++++++++++++++++++
 src/components/DashBoard.vue    |  21 ++--
 src/components/HentaiSearch.vue |  21 ++--
 src/components/OnlineReader.vue |   4 +-
 src/components/Side.vue         |  14 ++-
 src/store/index.js              |  94 ++++++---------
 src/utils/validate.js           |   8 ++
 8 files changed, 273 insertions(+), 90 deletions(-)
 delete mode 100644 favicon.ico
 create mode 100644 llm_readme.md
 create mode 100644 src/utils/validate.js

diff --git a/favicon.ico b/favicon.ico
deleted file mode 100644
index df36fcfb72584e00488330b560ebcf34a41c64c2..0000000000000000000000000000000000000000
GIT binary patch
literal 0
HcmV?d00001

literal 4286
zcmds*O-Phc6o&64GDVCEQHxsW(p4>LW*W<827=Unuo8sGpRux(DN@jWP-e29Wl%wj
zY84_aq9}^Am9-cWTD5GGEo#+5Fi2wX_P*bo+xO!)p*7B;iKlbFd(U~_d(U?#hLj56
zPhFkj-|A6~Qk#@g^#D^U0XT1cu=c-vu1+SElX9NR;kzAUV(q0|dl0|%h|dI$%VICy
zJnu2^L*Te9JrJMGh%-P79CL0}dq92RGU6gI{v2~|)p}sG5x0U*z<8U;Ij*hB9z?ei
z@g6Xq-pDoPl=MANPiR7%172VA%r)kev<ISBgE$F{SFy+(=9Z)f)De0Se}ZDZW}Z3B
zElCeVrw;K0Fdl_Cg=gZOFXXc3pL)Q05CAuT+XucQ<8g~3dteP~|7s7c6QYP;fy;mF
zMN;>tV-_5H*QJKFmd;8yA$98zCxBZYXTNZ#QFk2(TX0;Y2dt&WitL#$96|gJY=3xX
zpCoi|YNzgO3R`f@IiEeSmKrPSf#h#Qd<$%Ej^RIeeYfsxhPMOG`S`Pz8q``=511zm
zAm)MX5AV^5xIWPyEu7u>qYs?pn$I4nL9J!=K=SGlKLXpE<5x+2cDTXq?brj?n6sp=
zphe9;_JHf40^9~}9i08r{XM$7HB!`{Ys~TK0kx<}ZQng`UPvH*11|q7&l9?@FQz;8
zx!=3<4seY*%=OlbCbcae?<QnEgvj4i?s}Yk=qA2z`-^*<eK3c)MS4JOdbsTQEOa0)
z0NWqlna2rzs>5^V_}*K>Uo6ZWV8mTyE^B=DKy7-sdLYkR5Z?paTgK-zyIkKjIcpyO
z{+uIt&YSa_$QnN_@t~L014dyK(fOOo+W*MIxbA6Ndgr=Y!f#Tokqv}n<7-9qfHkc3
z=>a|HWqcX8fzQCT=dqVbogRq!-S>H%yA{1w#2Pn;=e>JiEj7Hl;zdt-2f+j2%DeVD
zsW0Ab)ZK@0cIW%W7<X*Er!BfRbvU93$DH%#v6dRt^6HBxz1xBNHx=$&_Gv<&J}Ljk
zJN<Fzx(`Oe@KgQ0F$<14=XV#WK`o#6Ku>z}H{&~yGhn~D;aiP4=;m-HCo`BEI+Kd6
z={Xwx{T<?%b6i9IjI)Ls)S{-*mq<@~R{?$}ZKjf;^k75i_}(2MXt}^SEBVg7AI@28
zo_uPg2V)_e-`2Ois=PYoe%9u*n9({PFR)OnHJPi{dNx>Kx<YG`4QQ>D#iCLfl2<BD
h7L=-;Q>vQGDitKtN>z|-AdCN|$jTFDg0m3O`WLD4_s#$S

diff --git a/llm_readme.md b/llm_readme.md
new file mode 100644
index 0000000..9ff6e95
--- /dev/null
+++ b/llm_readme.md
@@ -0,0 +1,201 @@
+# LionWebsite 项目分析
+
+## 项目概述
+
+LionWebsite 是一个基于 Vue 3 + Vite 构建的漫画/Gallery 下载与管理前端应用。用户通过授权码连接后端服务，可以搜索、下载、在线预览来自 exhentai/e-hentai 的漫画 gallery，并管理下载任务。
+
+后端基址: `https://downloader.lionwebsite.xyz/`
+
+## 技术栈
+
+| 技术 | 用途 |
+|------|------|
+| **Vue 3** (Composition API, `<script setup>`) | 前端框架 |
+| **Vite 5** | 构建工具 |
+| **Element Plus 2.2** | UI 组件库 |
+| **Vuex 4** | 状态管理 |
+| **Axios** | HTTP 请求 |
+| **qs** | URL 序列化 |
+
+## 项目结构
+
+```
+D:\WorkSpace\code\Vue\LionWebsite\
+├── index.html              # 入口 HTML
+├── package.json            # 依赖声明
+├── vite.config.js          # Vite 配置(仅 vue 插件 + 0.0.0.0 host)
+├── public/                 # 静态资源(空)
+├── dist/                   # 构建产物
+└── src/
+    ├── main.js             # 应用入口: mount Element Plus + 全局 CSS
+    ├── reset.css           # CSS reset
+    ├── App.vue             # 根组件: el-container 布局
+    ├── store/
+    │   └── index.js        # Vuex store (所有状态与业务逻辑)
+    └── components/
+        ├── DashBoard.vue   # 仪表盘: 授权、查询、配置、搜索结果弹窗
+        ├── Side.vue        # 主列表: Gallery 表格、翻页、分类/排序
+        ├── HentaiSearch.vue# 在线搜索弹窗: 远程搜索 exhentai gallery
+        └── OnlineReader.vue# 在线预览弹窗: 阅读下载完成的 gallery
+```
+
+## 组件详解
+
+### App.vue (根组件)
+- 使用 `el-container` 布局
+- 左侧 `el-aside` (750px) 放置 `Side` 组件
+- 右侧 `el-main` 放置 `DashBoard` 组件
+
+### DashBoard.vue — 仪表盘
+**功能**: 授权登录、查询任务、修改授权码、在线搜索入口、节点重连、配置管理
+- **授权模块**: 输入授权码 → 调用 `store.dispatch("validate")` → 记住密码(localStorage)
+- **查询模块**: 支持按链接远程查询或按链接/关键字本地查询
+- **操作按钮**: 修改授权码、删除本地授权码、夜间模式切换、在线搜索入口、重连节点
+- **配置弹窗**: 夜间模式(跟随系统)、在线预览分页数、默认分类/排序/显示类型 → 持久化到 localStorage
+- **查询结果弹窗**: 显示 gallery 详细信息，可选择分辨率提交下载任务
+- **缩略图预览**: 鼠标悬停 gallery 时在仪表盘显示封面缩略图
+- **初始化**: `onMounted` 时从 localStorage 恢复授权码与配置
+
+### Side.vue — 主列表
+**功能**: 展示 gallery 表格、分页、分类/排序切换
+- **表格**: 使用 Element Plus `el-table`，列含展开行(详细信息)、名字、操作(下载/收藏/在线看)、进度
+- **操作列**:
+  - 下载: 仅当 status==="下载完成" 时可用，直接 `window.open` 下载链接
+  - 收藏/取消收藏: 调用 `collectGallery` / `disCollectGallery`
+  - 在线看: 调用 `readOnlineGallery`
+- **分类切换**: 我的下载 / 我的收藏 / 全部
+- **排序**: 名字 / 简洁名字 / 任务创建时间
+- **显示类型**: 完整名字 / 简洁名字
+- **翻页**: 首页/上一页/下一页/尾页 + 直接输入页码
+- **缩略图悬停**: 500ms 防抖后触发缩略图更新
+- **空状态提示**: 根据分类显示"您未下载过"或"您未收藏过"
+
+### HentaiSearch.vue — 在线搜索
+**功能**: 远程搜索 exhentai 上的 gallery
+- 输入关键字 → 调用 `https://downloader.lionwebsite.xyz/query?keyword=xxx`
+- 支持分页导航(首页/上一页/下一页/尾页)，后端返回分页链接
+- 每个搜索结果展示: 封面缩略图、名字、上传时间、页数、类型、链接
+- 操作: "在线看"直接阅读、"查看详情"查询到本地并打开详情弹窗
+- 加载状态: CSS 旋转动画 loading 指示器
+
+### OnlineReader.vue — 在线预览
+**功能**: 在弹窗中阅读 gallery 图片
+- 分页阅读: 每页显示 `lengthPerPage` 张图片(默认30)，支持翻页
+- 图片懒加载: 每加载完成一张自动触发加载下一张(`loadImage`)
+- 支持大图预览: 点击图片使用 Element Plus `el-image` 的 `preview-src-list`
+- 连续阅读: 翻页滚动体验优化(监听 `switch` 事件)
+- 页数 < 9 时显示全部页码按钮，>= 9 时只显示输入跳转
+
+## Vuex Store 分析 (store/index.js)
+
+Store 是应用的核心，管理所有状态与后端通信。
+
+### State 关键字段
+
+| 字段 | 类型 | 说明 |
+|------|------|------|
+| `totalGalleryTask` | Array | 所有 gallery 任务 |
+| `chosenGallery` | Object/false | 当前选中的 gallery(待下载) |
+| `collectGallery` | Array | 收藏的 gallery |
+| `downloadGallery` | Array | 分配给当前用户的 gallery |
+| `searchTask` | Array | 本地搜索结果 |
+| `currentTasks` | Array | 当前显示的 tasks(根据分类筛选) |
+| `readingGallery` | Object | 正在阅读的 gallery |
+| `isReading` | Boolean | 是否正在阅读 |
+| `isAuth` | Boolean | 是否已验证 |
+| `AuthCode` | String | 授权码 |
+| `userId` | Number | 用户 ID |
+| `username` | String | 用户名 |
+| `category` | String | 分类: myDownload / myCollect / total |
+| `sortType` | String | 排序: shortName / name / createTime |
+| `galleryNameType` | String | 显示名: shortName / name |
+| `page` | Number | 当前页码 |
+| `length` | Number | 每页条目数 |
+| `websocket` | WebSocket | WebSocket 连接 |
+
+### Actions (后端交互)
+
+| Action | 方法 | 端点 | 说明 |
+|--------|------|------|------|
+| `validate` | POST | `/validate` | 验证授权码，初始化数据 |
+| `updateGalleryTasks` | GET | `/GalleryManage` | 获取所有 gallery 任务 |
+| `postGalleryTask` | POST | `/GalleryManage` | 提交下载任务 |
+| `queryGalleryTask` | GET | `/GalleryManage` | 按链接查询 gallery |
+| `loadWeekUsedAmount` | GET | `/GalleryManage/weekUsedAmount` | 查询本周用量 |
+| `collectGallery` | POST | `/GalleryManage/collect` | 收藏 gallery |
+| `disCollectGallery` | POST | `/GalleryManage/disCollect` | 取消收藏 |
+| `deleteGallery` | DELETE | `/GalleryManage` | 删除 gallery |
+| `readOnlineGallery` | POST | `/GalleryManage/cache` | 缓存并开始在线预览 |
+| `alterAuthCode` | PUT | `/AuthCode` | 修改授权码 |
+| `reconnect` | POST | `/GalleryManage/reconnect` | 重连下载节点 |
+| `resetUndone` | POST | `/GalleryManage/reset` | 重置未完成任务 |
+
+### WebSocket 通信
+
+- 端点: `wss://downloader.lionwebsite.xyz/ws/`
+- 连接后发送: `"DownloaderWebsocket"`
+- 消息类型:
+  - `updateTasks`: 增量更新任务进度
+  - `fullUpdate`: 触发全量刷新
+
+### Getters
+
+| Getter | 说明 |
+|--------|------|
+| `currentTasks` | 返回当前页的 tasks(支持搜索态) |
+| `min` | 最小页码(1) |
+| `max` | 最大页码 |
+
+### 辅助函数
+
+- `getShortname(name)`: 从 gallery 名中去除中括号/括号内的标签信息
+- `confirmCurrentTask(state)`: 根据 category 切换 currentTasks
+- `sortTasks(state)`: 根据 sortType 排序
+- `deleteTask(tasks, key, value)`: 从多个数组中删除匹配的任务
+
+## API 端点汇总
+
+所有请求均需携带 `AuthCode` 参数:
+
+| 端点 | 用途 |
+|------|------|
+| `POST /validate` | 授权码验证 |
+| `GET/POST/DELETE /GalleryManage` | 任务 CRUD |
+| `GET /GalleryManage/weekUsedAmount` | 每周用量查询 |
+| `POST /GalleryManage/collect` | 收藏 |
+| `POST /GalleryManage/disCollect` | 取消收藏 |
+| `POST /GalleryManage/cache` | 缓存 gallery 用于在线预览 |
+| `POST /GalleryManage/reconnect` | 重连下载节点 |
+| `POST /GalleryManage/reset` | 重置未完成任务 |
+| `GET /GalleryManage/ehThumbnail` | 获取缩略图 |
+| `GET /GalleryManage/file/{name}.zip` | 下载文件 |
+| `GET /GalleryManage/onlineImage/{i}` | 在线预览图片 |
+| `PUT /AuthCode` | 修改授权码 |
+| `GET /query` | 远程搜索 exhentai |
+| `WS /ws/` | WebSocket 实时推送 |
+
+## 特色与关键实现
+
+1. **简洁名字处理**: `getShortname()` 使用启发式逻辑从 gallery 完整名中剥离标签
+2. **防抖缩略图**: Side 组件 mouseenter 时 500ms 防抖才更新缩略图
+3. **夜间模式**: 通过 Element Plus 的 `dark` CSS class 切换，支持跟随系统偏好
+4. **权限分级**: userId===3 的用户(Lion)有额外操作权限(重置任务、查看 downloader)
+5. **本地持久化**: 授权码、分页配置、分类/排序/显示偏好均存 localStorage
+6. **WebSocket 实时更新**: 任务进度变化时服务端通过 WebSocket 推送增量更新
+7. **图片懒加载**: 按页加载图片，每加载完成一张自动触发下一张加载
+
+## 构建与运行
+
+```bash
+npm run dev      # 开发服务器 (0.0.0.0)
+npm run build    # 生产构建
+npm run preview  # 预览构建产物
+```
+
+## 潜在问题/改进点
+
+1. `store/index.js` 中 `updateGalleryTasks` 的 action 引用了未在函数签名中声明的 `state` — 使用了外部模块级变量而非 context.state，这在严格模式下可能引起问题
+2. `state.websocket` 在 Vuex 中初始化为 `{}` 而非 `null`，检查方式不够严谨
+3. `getShortname` 函数逻辑复杂且有多处副作用，可读性较低
+4. 部分错误处理较简略(如 `queryGalleries` 中无网络错误处理)
+5. `store/index.js` 中 action 使用全局 `state` 变量(而非 `context.state`)，可能导致作用域混淆
\ No newline at end of file
diff --git a/src/components/DashBoard.vue b/src/components/DashBoard.vue
index 30b250e..528e8bd 100644
--- a/src/components/DashBoard.vue
+++ b/src/components/DashBoard.vue
@@ -140,9 +140,10 @@
 
 <script setup>
 import store from "../store";
-import {computed, ref, onMounted} from "vue";
+import {computed, ref, onMounted, watch} from "vue";
 import {ElMessage} from "element-plus"
 import HentaiSearch from "./HentaiSearch.vue";
+import {validateLink} from "../utils/validate.js";
 
 //授权码相关
 let AuthCode = ref("")
@@ -172,8 +173,6 @@ let realAuthCode = computed(() => {
 })
 
 let chosenGallery = computed(() => {
-  param.value = ''
-  targetResolution.value = ''
   return store.state.chosenGallery
 })
 
@@ -192,6 +191,12 @@ let isLion = computed(() => {
   return store.state.userId === 3
 })
 
+// 查询弹窗打开时重置表单
+watch(chosenGallery, () => {
+  param.value = ''
+  targetResolution.value = ''
+})
+
 //重连节点
 function reconnect(){
   store.dispatch("reconnect")
@@ -269,16 +274,6 @@ function validate(){
   }
 }
 
-//验证链接
-function validateLink(rawLink){
-  if(rawLink.trim() === "")
-    return false
-  if(rawLink.includes("hentai"))
-    return rawLink.includes("/g/")
-  else
-    return false
-}
-
 //在线阅读以及展示缩略图
 function readOnlineGallery(gallery){
   store.dispatch("readOnlineGallery", gallery)
diff --git a/src/components/HentaiSearch.vue b/src/components/HentaiSearch.vue
index c3863bf..c74791d 100644
--- a/src/components/HentaiSearch.vue
+++ b/src/components/HentaiSearch.vue
@@ -4,6 +4,7 @@ import {ref, watch} from "vue";
 import axios from "axios";
 import {ElMessage} from "element-plus";
 import store from "../store/index.js";
+import {validateLink} from "../utils/validate.js";
 
 let props = defineProps(['isQuerying'])
 let emit = defineEmits(['close'])
@@ -13,6 +14,7 @@ let queryPage = ref({})
 let galleries = ref([])
 let param = ref()
 let isShowUp = ref()
+let isLoading = ref(false)
 
 watch(props, () => {
   isShowUp.value = props.isQuerying
@@ -27,11 +29,10 @@ function queryGalleries(link) {
     tempParam = keyword.value
   }
   tempParam = tempParam.replace(" ", "+")
-  document.getElementById("loading").style.display = "inline-block";
+  isLoading.value = true
 
   axios.get("https://downloader.lionwebsite.xyz/query?keyword=" + tempParam)
       .then((res) => {
-        document.getElementById("loading").style.display = "none";
         if (res.data.result === "success") {
           let tempGalleries = JSON.parse(res.data.data)
           queryPage.value.first = 'first' in res.data ? res.data.first : undefined
@@ -48,6 +49,8 @@ function queryGalleries(link) {
         } else {
           ElMessage({message: res.data.data, type: "error"})
         }
+      }).finally(() => {
+        isLoading.value = false
       })
 }
 
@@ -59,15 +62,6 @@ function queryRemoteTask(){
   store.dispatch("queryGalleryTask", param.value)
 }
 
-function validateLink(rawLink){
-  if(rawLink.trim() === "")
-    return false
-  if(rawLink.includes("hentai"))
-    return rawLink.includes("/g/")
-  else
-    return false
-}
-
 function close(){
   emit("close")
 }
@@ -76,7 +70,7 @@ function close(){
 <template>
   <el-dialog title="在线搜索" v-model="isShowUp" top="0" style="margin-bottom: 0" @close="close">
     <div style="text-align: center">
-      <el-input v-model="keyword"></el-input> <el-button @click="queryGalleries(null)">查询</el-button> <div id="loading"/>
+      <el-input v-model="keyword"></el-input> <el-button @click="queryGalleries(null)">查询</el-button> <div class="loading" v-show="isLoading"/>
     </div>
     <el-scrollbar height="75vh" ref="scrollBar">
       <div style="height: 251px; width: 100%; " v-for="gallery in galleries">
@@ -113,14 +107,13 @@ function close(){
   width: 200px;
 }
 
-#loading {
+.loading {
   width: 25px;
   height: 25px;
   border: 2px solid #ccc;
   border-top-color: #3498db;
   border-radius: 50%;
   animation: spin 1s linear infinite;
-  display: none;
 }
 
 @keyframes spin {
diff --git a/src/components/OnlineReader.vue b/src/components/OnlineReader.vue
index eb2ae04..63c5f44 100644
--- a/src/components/OnlineReader.vue
+++ b/src/components/OnlineReader.vue
@@ -18,8 +18,8 @@ let lengthPerPage = computed(() => {
 let readingGallery = computed(() => {
   return store.state.readingGallery
 })
-watch((store.state), (value) => {
-  if(value.isReading && !isReading.value) {
+watch(() => store.state.isReading, (isReadingVal) => {
+  if(isReadingVal && !isReading.value) {
     alterPage()
     isReading.value = true
   }
diff --git a/src/components/Side.vue b/src/components/Side.vue
index 651a3d9..033ea52 100644
--- a/src/components/Side.vue
+++ b/src/components/Side.vue
@@ -96,7 +96,7 @@
 
 <script setup>
 import store from "../store";
-import {computed, ref} from "vue";
+import {computed, ref, watch} from "vue";
 import OnlineReader from "./OnlineReader.vue";
 
 //输入
@@ -133,18 +133,24 @@ let min = computed(() => {
   return store.getters.min
 })
 let max = computed(() => {
-  if(targetPage.value > store.getters.max)
-    store.commit("_changePage", store.getters.max)
   return store.getters.max
 })
 let page = computed(() => {
-  targetPage.value = store.state.page
   return store.state.page
 })
 let isLion = computed(() => {
   return store.state.userId === 3
 })
 
+// 同步 store.page → local targetPage，并在 page 超出 max 时修正
+watch(page, (newPage) => {
+  targetPage.value = newPage
+})
+watch(max, (newMax) => {
+  if(targetPage.value > newMax)
+    store.commit("_changePage", newMax)
+})
+
 let emptyText = computed(() => {
   let action = category.value === 'myDownload' ? '下载': '收藏'
   return '您未' + action + "过"
diff --git a/src/store/index.js b/src/store/index.js
index 3159c76..dc4ff39 100644
--- a/src/store/index.js
+++ b/src/store/index.js
@@ -5,11 +5,20 @@ import qs from "qs"
 const BaseUrl = "https://downloader.lionwebsite.xyz/"
 const GalleryManageUrl = BaseUrl + "GalleryManage"
 
+// Axios 全局错误处理
+axios.interceptors.response.use(
+    response => response,
+    error => {
+        ElMessage({message: "网络请求失败: " + (error.message || ""), type: "error"})
+        return Promise.reject(error)
+    }
+)
+
 const actions = {
     reconnect(context) {
       axios.post(GalleryManageUrl + "/reconnect", {
           params: {
-              AuthCode: state.AuthCode
+              AuthCode: context.state.AuthCode
           }
       }).then(res => {
           if (res.data.result === "success") {
@@ -22,7 +31,7 @@ const actions = {
     updateGalleryTasks(context){
         axios.get(GalleryManageUrl, {
             params:{
-                AuthCode: state.AuthCode,
+                AuthCode: context.state.AuthCode,
                 type: 'all'
             }
         }).then((res) => {
@@ -32,7 +41,7 @@ const actions = {
     },
     postGalleryTask(context, data){
         axios.post(GalleryManageUrl + '?' + qs.stringify({
-            AuthCode: state.AuthCode,
+            AuthCode: context.state.AuthCode,
             ...data
         }, {indices:false})).then((res) => {
             if(res.data.result === "success") {
@@ -52,7 +61,7 @@ const actions = {
             params:{
                 param: link,
                 type: 'link',
-                AuthCode: state.AuthCode
+                AuthCode: context.state.AuthCode
             }
         }).then((res) => {
             if(res.data.result === 'success')
@@ -78,12 +87,12 @@ const actions = {
         })
     },
     initWebsocket(context){
-        state.websocket = new WebSocket("wss://downloader.lionwebsite.xyz/ws/")
-        state.websocket.onopen = () => {
-            state.websocket.send("DownloaderWebsocket")
+        context.state.websocket = new WebSocket("wss://downloader.lionwebsite.xyz/ws/")
+        context.state.websocket.onopen = () => {
+            context.state.websocket.send("DownloaderWebsocket")
         }
 
-        state.websocket.onmessage = (event) => {
+        context.state.websocket.onmessage = (event) => {
             let message = JSON.parse(event.data)
 
             switch (message.type){
@@ -98,19 +107,18 @@ const actions = {
     loadWeekUsedAmount(context){
         axios.get(GalleryManageUrl + "/weekUsedAmount", {
             params: {
-                AuthCode: state.AuthCode
+                AuthCode: context.state.AuthCode
             }
         }).then((res) => {
             if(res.data.result === "success"){
                 context.state.weekUsed = JSON.parse(res.data.data)
-                ElMessage("查询用量成功")
             }else
                 ElMessage("查询用量失败")
         })
     },
     collectGallery(context, gid){
         axios.post(GalleryManageUrl + "/collect?" +qs.stringify( {
-                gid, AuthCode:state.AuthCode
+                gid, AuthCode:context.state.AuthCode
             })).then((res) => {
             ElMessage(res.data.data)
             if(res.data.result === 'success')
@@ -119,7 +127,7 @@ const actions = {
     },
     disCollectGallery(context, gid){
         axios.post(GalleryManageUrl + "/disCollect?" + qs.stringify({
-                gid, AuthCode:state.AuthCode
+                gid, AuthCode:context.state.AuthCode
             })).then((res) => {
             ElMessage(res.data.data)
             if(res.data.result === 'success')
@@ -129,7 +137,7 @@ const actions = {
     deleteGallery(context, gid){
         axios.delete(GalleryManageUrl, {
             params:{
-                AuthCode:state.AuthCode, gid
+                AuthCode:context.state.AuthCode, gid
             }}).then((res) => {
             if(res.data.result === "success"){
                 ElMessage("删除成功")
@@ -154,11 +162,11 @@ const actions = {
             })
     },
     alterAuthCode(context, AuthCode){
-        axios.put(BaseUrl + "AuthCode?" + qs.stringify({'AuthCode': state.AuthCode, 'newAuthCode': AuthCode}))
+        axios.put(BaseUrl + "AuthCode?" + qs.stringify({'AuthCode': context.state.AuthCode, 'newAuthCode': AuthCode}))
             .then((res) => {
                 if(res.data.result === 'success') {
                     ElMessage("修改成功")
-                    if(localStorage.getItem("auth") === state.AuthCode)
+                    if(localStorage.getItem("auth") === context.state.AuthCode)
                         localStorage.setItem("auth", AuthCode)
                     context.state.AuthCode = AuthCode
                 }
@@ -166,8 +174,8 @@ const actions = {
                     ElMessage(res.data.data)
             })
     },
-    resetUndone(){
-        axios.post(GalleryManageUrl + "/reset?AuthCode=big+lion").then((res) => {
+    resetUndone(context){
+        axios.post(GalleryManageUrl + "/reset?AuthCode=" + context.state.AuthCode).then((res) => {
             ElMessage(res.data.data)
         })
     }
@@ -195,7 +203,7 @@ const mutations = {
     },
     _updateGalleryTasks(state, tasks){
         state.totalGalleryTask.splice(0)
-        state.collectGallery.slice(0)
+        state.collectGallery.splice(0)
         state.downloadGallery.splice(0)
 
         tasks.forEach((task) => {
@@ -281,21 +289,18 @@ const mutations = {
     },
     _searchLocalByLink(state, link){
         let tasks = state.currentTasks
-        let i = 0
-        let gid = null
+        let gid = link.split("/")[4]
         let name = null
 
-        gid = link.split("/")[4]
-
-        if(gid === null)
-            for (i = 0; i < tasks.length; i++) {
+        if(gid === undefined)
+            for (let i = 0; i < tasks.length; i++) {
                 if (tasks[i].link === link) {
                     state.page = Math.floor(i / state.length) + 1
                     name = tasks[i].name
                     break
                 }
             }
-        else for (i = 0; i < tasks.length; i++)
+        else for (let i = 0; i < tasks.length; i++)
             if (tasks[i].gid === gid) {
                 state.page = Math.floor(i / state.length) + 1
                 name = state.sortType === "shortName" ? tasks[i].shortName: tasks[i].name
@@ -382,7 +387,7 @@ const mutations = {
 }
 
 const state = {
-    websocket: {},                                 //websocket
+    websocket: null,                               //websocket
 
     totalGalleryTask: [],                    //存放数据的数组
     chosenGallery: false,                    //准备下载
@@ -459,37 +464,11 @@ function getShortname(name){
         console.log(name)
         return null
     }
-    if (name.includes("[")) {
-        let lastIndex = name.lastIndexOf("[")
-        name = name.substring(0, lastIndex)
-        while (name.includes("[") && name.includes("]") && name.indexOf("[") < name.indexOf("]")) {
-            let start = name.indexOf("[")
-            let end = name.indexOf("]") + 1
-            let temp = name.substring(start, end)
-            temp = name.replace(temp, "")
-            if(temp.trim() === ""){
-                name = name.replace("[", "").replace("]", "")
-                break
-            }
-            else
-                name = temp
-        }
-        while (name.includes("(") && name.includes(")") && name.indexOf("(") < name.indexOf(")")) {
-            let start = name.indexOf("(")
-            let end = name.indexOf(")") + 1
-            let temp = name.substring(start, end)
-            temp = name.replace(temp, "")
-            if(temp.trim() === ""){
-                name = name.replace("(", "").replace(")", "")
-                break
-            }
-            else
-                name = temp
-        }
-        return name.trim()
-    } else {
-        return name
-    }
+    if (!name.includes("[")) return name
+
+    // 截取最后一个 [ 之前的部分，然后移除所有 [...] 和 (...) 标签
+    name = name.substring(0, name.lastIndexOf("["))
+    return name.replace(/\s*\[[^\]]*\]\s*/g, '').replace(/\s*\([^\)]*\)\s*/g, '').trim()
 }
 
 function confirmCurrentTask(state){
@@ -530,6 +509,7 @@ function deleteTask(tasks, key, value){
         for(let i=0; i<tasks[j].length; i++)
             if(tasks[j][i][key] === value){
                 tasks[j].splice(i, 1)
+                i--
                 break
             }
 }
diff --git a/src/utils/validate.js b/src/utils/validate.js
new file mode 100644
index 0000000..d116778
--- /dev/null
+++ b/src/utils/validate.js
@@ -0,0 +1,8 @@
+export function validateLink(rawLink){
+  if(rawLink.trim() === "")
+    return false
+  if(rawLink.includes("hentai"))
+    return rawLink.includes("/g/")
+  else
+    return false
+}