From 7c0fb759138e75b0dcf50fe43720b3f8ea3493cf Mon Sep 17 00:00:00 2001
From: Frost-ZX <frost-zx@foxmail.com>
Date: Sun, 1 Sep 2024 18:01:04 +0800
Subject: [PATCH] =?UTF-8?q?feat:=20=E4=BF=9D=E5=AD=98=E5=AF=BC=E8=88=AA?=
 =?UTF-8?q?=E9=93=BE=E6=8E=A5=E4=BE=A7=E8=BE=B9=E6=A0=8F=E6=8A=98=E5=8F=A0?=
 =?UTF-8?q?=E7=8A=B6=E6=80=81=E5=92=8C=E6=90=9C=E7=B4=A2=E7=B1=BB=E5=9E=8B?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 src/config/storage.js         |  6 ++++++
 src/views/NavView/NavView.vue | 19 +++++++++++++++++--
 2 files changed, 23 insertions(+), 2 deletions(-)

diff --git a/src/config/storage.js b/src/config/storage.js
index 71472ca..8b73a55 100644
--- a/src/config/storage.js
+++ b/src/config/storage.js
@@ -3,5 +3,11 @@
 /** 储存 key 前缀 */
 const PREFIX = 'frost-navigation/';
 
+/** 导航链接侧边栏折叠状态 */
+export const SKEY_NAV_LINK_ASIDE_COLLAPSED = PREFIX + 'nav-link-aside-collapsed';
+
+/** 导航链接搜索类型 */
+export const SKEY_NAV_LINK_SEARCH_TYPE = PREFIX + 'nav-link-search-type';
+
 /** 当前使用的搜索引擎名称 */
 export const SKEY_SEARCH_ENGINE_NAME = PREFIX + 'search-engine-name';
diff --git a/src/views/NavView/NavView.vue b/src/views/NavView/NavView.vue
index 769c6c2..a9dd1e4 100644
--- a/src/views/NavView/NavView.vue
+++ b/src/views/NavView/NavView.vue
@@ -143,6 +143,11 @@ import {
   NAV_MODULE_TITLE,
 } from '@/config/modules';
 
+import {
+  SKEY_NAV_LINK_ASIDE_COLLAPSED,
+  SKEY_NAV_LINK_SEARCH_TYPE,
+} from '@/config/storage';
+
 import {
   $dialog, $message,
 } from '@/assets/js/naive-ui';
@@ -151,6 +156,10 @@ import {
   formatNavLinks,
 } from '@/assets/js/nav-links';
 
+import {
+  useLocalStorage,
+} from '@vueuse/core';
+
 /** 链接详情 */
 const detailDrawer = reactive({
 
@@ -163,7 +172,10 @@ const detailDrawer = reactive({
 });
 
 /** 分类列表是否折叠 */
-const isCollapsed = shallowRef(false);
+const isCollapsed = useLocalStorage(
+  SKEY_NAV_LINK_ASIDE_COLLAPSED,
+  false
+);
 
 /** 完整的链接列表 */
 const navLinksAll = formatNavLinks(true);
@@ -194,7 +206,10 @@ const navLinksTitle = shallowRef('');
 const searchKeyword = shallowRef('');
 
 /** 搜索类型 */
-const searchType = shallowRef('all');
+const searchType = useLocalStorage(
+  SKEY_NAV_LINK_SEARCH_TYPE,
+  'all'
+);
 
 /**
  * @desc 搜索类型列表