增加导入导出功能

Flauver · Feb 4, 2025 · baa722a · baa722a
1 parent daa342a
commit baa722a
Show file tree

Hide file tree

Showing 25 changed files with 111 additions and 46 deletions.
diff --git a/.github/workflows/deploy.yml b/.github/workflows/deploy.yml
@@ -40,7 +40,7 @@ jobs:
 
       - uses: actions/configure-pages@v2
 
-      - uses: actions/upload-pages-artifact@v2
+      - uses: actions/upload-pages-artifact@v3
         with:
           path: dist
 

diff --git a/components/train/CardLayout.vue b/components/train/CardLayout.vue
@@ -33,6 +33,51 @@ watch(() => p.progress, async (newV, oldV) => {
     }
 })
 
+function exportLocalStorage() {
+    let data = JSON.stringify(localStorage,null, 4);    
+    let blob = new Blob([data], {type: "charset=utf-8"});  
+    let url = URL.createObjectURL(blob);  
+  
+    let link = document.createElement('a');  
+    link.href = url;  
+    link.download = 'progress'; // 你可以设置任何你想要的下载文件名  
+    link.click();
+    link.remove()
+}
+
+function importLocalStorage() {
+    
+const fileInput = document.createElement('input');
+fileInput.type = 'file';
+ 
+fileInput.addEventListener('change', (event) => {
+    const file = event.target.files[0];
+    
+    if (file) {
+        const reader = new FileReader();
+        
+        reader.onload = (event) => {
+            const contents = event.target.result;
+            
+            // 2. 将文件内容解析为 JSON 数据并写入 localStorage
+            try {
+                const parsedData = JSON.parse(contents);
+                Object.keys(parsedData).forEach(key => {
+                    localStorage.setItem(key, parsedData[key]);
+                });
+                alert('导入成功！');
+            } catch (error) {
+                alert('导入失败：文件格式错误！');
+            }
+        };
+        
+        reader.readAsText(file);
+    }
+});
+ 
+fileInput.click();
+}
+
 </script>
 
 <template>
@@ -55,7 +100,9 @@ watch(() => p.progress, async (newV, oldV) => {
 
     <div v-if="!showConfetti" class="text-gray-500 flex justify-between">
         <div class="text-gray-500">训练进度： {{ progress }} / {{ max }}</div>
+        <button @click="importLocalStorage">导入</button>
+        <button @click="exportLocalStorage">导出</button>
         <button class="btn btn-ghost btn-sm font-light" @click="$emit('restart')">restart</button>
     </div>
-
+    导入完了要刷新
 </template>
diff --git a/dist/404.html b/dist/404.html
@@ -6,15 +6,15 @@
     <title>404 | 简单鹤</title>
     <meta name="description" content="Not Found">
     <meta name="generator" content="VitePress v1.3.4">
-    <link rel="preload stylesheet" href="/jdh/assets/style.cIOlK2Be.css" as="style">
+    <link rel="preload stylesheet" href="/jdh/assets/style.C18mTFVM.css" as="style">
 
-    <script type="module" src="/jdh/assets/app.DK2PXF-9.js"></script>
+    <script type="module" src="/jdh/assets/app.DVSPP6gM.js"></script>
     <script id="check-dark-mode">(()=>{const e=localStorage.getItem("vitepress-theme-appearance")||"auto",a=window.matchMedia("(prefers-color-scheme: dark)").matches;(!e||e==="auto"?a:e==="dark")&&document.documentElement.classList.add("dark")})();</script>
     <script id="check-mac-os">document.documentElement.classList.toggle("mac",/Mac|iPhone|iPod|iPad/i.test(navigator.platform));</script>
   </head>
   <body>
     <div id="app"></div>
-    <script>window.__VP_HASH_MAP__=JSON.parse("{\"gen.md\":\"ueq2KOUA\",\"index.md\":\"X2NP386o\",\"lutai_index.md\":\"dHwxz0pt\",\"tutorial.md\":\"DinAVb3P\"}");window.__VP_SITE_DATA__=JSON.parse("{\"lang\":\"zh-hans-CN\",\"dir\":\"ltr\",\"title\":\"简单鹤\",\"description\":\"简单的鹤，好喝的鹤\",\"base\":\"/jdh/\",\"head\":[],\"router\":{\"prefetchLinks\":true},\"appearance\":true,\"themeConfig\":{\"nav\":[{\"text\":\"主页\",\"link\":\"/\"}],\"sidebar\":[{\"items\":[{\"text\":\"教程\",\"link\":\"/tutorial\"},{\"text\":\"字根练习\",\"link\":\"/gen\"}]}],\"darkModeSwitchLabel\":\"黑暗模式\",\"langMenuLabel\":\"选择语言\",\"returnToTopLabel\":\"回到顶部\",\"sidebarMenuLabel\":\"目录\",\"outline\":{\"level\":\"deep\",\"label\":\"本页大纲\"},\"search\":{\"provider\":\"local\",\"options\":{\"translations\":{\"button\":{\"buttonAriaLabel\":\"搜索\",\"buttonText\":\"搜索\"},\"modal\":{\"displayDetails\":\"展示详细内容\",\"resetButtonTitle\":\"清空关键词\",\"noResultsText\":\"搜索不到，请换个关键词\",\"backButtonTitle\":\"返回\",\"footer\":{\"selectText\":\"进入网页\",\"navigateText\":\"浏览\",\"navigateDownKeyAriaLabel\":\"下键\",\"navigateUpKeyAriaLabel\":\"上键\",\"closeKeyAriaLabel\":\"关闭\",\"closeText\":\"取消搜索\"}}}}},\"socialLinks\":[{\"icon\":\"github\",\"link\":\"https://github.com/Flauver/jdh\"}]},\"locales\":{},\"scrollOffset\":134,\"cleanUrls\":false}");</script>
+    <script>window.__VP_HASH_MAP__=JSON.parse("{\"gen.md\":\"8Iws-m6r\",\"index.md\":\"X2NP386o\",\"lutai_index.md\":\"BgkIySzf\",\"tutorial.md\":\"ES4-IZ4o\"}");window.__VP_SITE_DATA__=JSON.parse("{\"lang\":\"zh-hans-CN\",\"dir\":\"ltr\",\"title\":\"简单鹤\",\"description\":\"简单的鹤，好喝的鹤\",\"base\":\"/jdh/\",\"head\":[],\"router\":{\"prefetchLinks\":true},\"appearance\":true,\"themeConfig\":{\"nav\":[{\"text\":\"主页\",\"link\":\"/\"}],\"sidebar\":[{\"items\":[{\"text\":\"教程\",\"link\":\"/tutorial\"},{\"text\":\"字根练习\",\"link\":\"/gen\"}]}],\"darkModeSwitchLabel\":\"黑暗模式\",\"langMenuLabel\":\"选择语言\",\"returnToTopLabel\":\"回到顶部\",\"sidebarMenuLabel\":\"目录\",\"outline\":{\"level\":\"deep\",\"label\":\"本页大纲\"},\"search\":{\"provider\":\"local\",\"options\":{\"translations\":{\"button\":{\"buttonAriaLabel\":\"搜索\",\"buttonText\":\"搜索\"},\"modal\":{\"displayDetails\":\"展示详细内容\",\"resetButtonTitle\":\"清空关键词\",\"noResultsText\":\"搜索不到，请换个关键词\",\"backButtonTitle\":\"返回\",\"footer\":{\"selectText\":\"进入网页\",\"navigateText\":\"浏览\",\"navigateDownKeyAriaLabel\":\"下键\",\"navigateUpKeyAriaLabel\":\"上键\",\"closeKeyAriaLabel\":\"关闭\",\"closeText\":\"取消搜索\"}}}}},\"socialLinks\":[{\"icon\":\"github\",\"link\":\"https://github.com/Flauver/jdh\"}]},\"locales\":{},\"scrollOffset\":134,\"cleanUrls\":false}");</script>
 
   </body>
 </html>
diff --git a/dist/assets/app.DK2PXF-9.js → dist/assets/app.DVSPP6gM.js b/dist/assets/app.DK2PXF-9.js → dist/assets/app.DVSPP6gM.js
diff --git a/dist/assets/chunks/@localSearchIndexroot.CVCL1BXv.js b/dist/assets/chunks/@localSearchIndexroot.CVCL1BXv.js
diff --git a/dist/assets/chunks/@localSearchIndexroot.Ea_7jyV-.js b/dist/assets/chunks/@localSearchIndexroot.Ea_7jyV-.js