新增简洁名字(仅限本子)，大幅度优化手机端体验，可选择显示全名以及简称，切换时每页的本子数会变化。排序新增简洁名字排序，并且与显示绑定。优化代码结构，去除部分无用代码。修复查找任务bug(同步更新) 更新vite至3.x

src/store/index.js

@@ -17,12 +17,8 @@ const actions = {
                 AuthCode
             }
         }).then((res) => {
-            let temp = []
             context.commit("_emptyGalleryTasks")
-            JSON.parse(res.data.data).forEach((task) => {
-                temp.push(task)
-            })
-            context.commit("_updateGalleryTasks", temp)
+            context.commit("_updateGalleryTasks", JSON.parse(res.data.data))
 
         })
     },
@@ -35,12 +31,8 @@ const actions = {
                 AuthCode
             }
         }).then(res => {
-            let temp = []
             context.commit("_emptyVideoTasks")
-            JSON.parse(res.data.data).forEach(task => {
-                temp.push(task)
-            })
-            context.commit("_updateVideoTasks", temp)
+            context.commit("_updateVideoTasks", JSON.parse(res.data.data))
         })
     },
     postGalleryTask(context, data){
@@ -239,6 +231,23 @@ const mutations = {
     },
     _updateGalleryTasks(state, tasks){
         tasks.forEach((task) => {
+            let name = task.name
+            let lastIndex = name.lastIndexOf("[")
+            name = name.substring(0, lastIndex)
+            while(name.includes("[") && name.includes("]")){
+                let start = name.indexOf("[")
+                let end = name.indexOf("]") + 1
+                let temp = name.substring(start, end)
+                name = name.replace(temp, "")
+            }
+            while(name.includes("(") && name.includes(")")){
+                let start = name.indexOf("(")
+                let end = name.indexOf(")") + 1
+                let temp = name.substring(start, end)
+                name = name.replace(temp, "")
+            }
+            task.shortName = name.trim()
+
             if(task.status === "已提交"){
                 task.progress = "已提交"
             }
@@ -332,18 +341,20 @@ const mutations = {
     },
     _searchLocalByKeyword(state, keyword){
         state.searchTask.splice(0)
-        state.page = 1
-        let tasks
-        if(state.showType === "video")
-            tasks = state.totalVideoTask
-        else
-            tasks = state.totalGalleryTask
-        tasks.forEach((task) => {
-            if(task.name.includes(keyword))
-                state.searchTask.push(task)
-        })
-        if(state.searchTask.length === 0){
-            ElMessage("未找到该关键字的任务")
+        if(keyword.trim() !== '') {
+            state.page = 1
+            let tasks
+            if (state.showType === "video")
+                tasks = state.totalVideoTask
+            else
+                tasks = state.totalGalleryTask
+            tasks.forEach((task) => {
+                if (task.name.includes(keyword))
+                    state.searchTask.push(task)
+            })
+            if (state.searchTask.length === 0) {
+                ElMessage("未找到该关键字的任务")
+            }
         }
     },
     _deleteGallery(state, gid){
@@ -385,18 +396,34 @@ const mutations = {
     },
     _setSortType(state, sortType){
         state.sortType = sortType
-        state.totalGalleryTask =  state.totalGalleryTask.sort((before, after) => {
-            if(sortType === 'name')
-                return before.name > after.name ? 1: -1
-            else
-                return before.createTime - after.createTime
-        })
-        state.totalVideoTask = state.totalVideoTask.sort((before, after) => {
-            if(sortType === 'name')
-                return before.name > after.name ? 1: -1
-            else
-                return before.createTime - after.createTime
-        })
+        switch (sortType) {
+            case "fullName":
+                state.totalGalleryTask =  state.totalGalleryTask.sort((before, after) => {
+                    return before.name > after.name ? 1: -1
+                })
+                state.totalVideoTask = state.totalVideoTask.sort((before, after) => {
+                    return before.name > after.name ? 1: -1
+                })
+                break
+            case "shortName":
+                state.totalGalleryTask =  state.totalGalleryTask.sort((before, after) => {
+                    return before.shortName > after.shortName ? 1: -1
+                })
+                break
+            case "createTime":
+                state.totalGalleryTask =  state.totalGalleryTask.sort((before, after) => {
+                    return before.createTime - after.createTime
+                })
+                state.totalVideoTask = state.totalVideoTask.sort((before, after) => {
+                    return before.createTime - after.createTime
+                })
+        }
+    },
+    _setShowNameType(state, type){
+        if(type === "shortName")
+            state.length = state.shortLength
+        else
+            state.length = state.defaultLength
     },
     _setMaskDomain(state, maskDomain){
         state.maskDomain = maskDomain
@@ -411,7 +438,9 @@ const state = {
     chosenVideo:false,                 //准备下载的视频
 
     page:1,                                 //当前页数
-    length:8,                               //每页能有多少个链接
+    length:7,                               //每页能有多少个链接
+    defaultLength:7,                        //默认个数
+    shortLength:10,                          //简洁个数
 
     isAuth:false,                           //是否授权
     AuthCode:'',                            //授权码
@@ -422,9 +451,9 @@ const state = {
     showHistory:'',                         //是否打开面板
     showType:'gallery',                     //展示类型
     sortType:'name',                        //排序类型
-    weekUsed:{},
+    weekUsed:{},                            //每周用量
 
-    maskDomain:[]
+    maskDomain:[]                           //伪装域名
 }
 
 const getters = {