V1.1.1

Edge-coordinates · Edge-coordinates · commit 4e56815905f0 · 2024-02-01T20:57:31.000+08:00
diff --git a/README-quasar.md b/README-quasar.md
@@ -1,4 +1,4 @@
-# Quasar App (quasar-project-02)
+# Quasar App (ETools)
 
 A Quasar Project
 
@@ -38,4 +38,4 @@ quasar build
 ```
 
 ### Customize the configuration
-See [Configuring quasar.config.js](https://v2.quasar.dev/quasar-cli-vite/quasar-config-js).
+See [Configuring quasar.config.js](https://v2.quasar.dev/quasar-cli-vite/quasar-config-js).
diff --git a/README.md b/README.md
@@ -1,12 +1,15 @@
-# waterfall_picture_viewer 瀑布流图片查看器
+# WViewer 瀑布流图片查看器
 
-瀑布流图片查看器，可以遍历文件夹和所有子文件夹并读取其中的全部图片，对于每个文件夹下的图片按照名称排序展示。
-如果图片过多，会按照 定制数量（默认50张图片）/一页进行拆分，支持页面跳转，翻页。
+![doc_home.png](./docs/doc_home.png)
+
+**瀑布流**图片查看器，可以遍历文件夹和所有子文件夹并读取其中的全部图片，对于每个文件夹下的图片**按照名称排序**展示。
+如果图片过多，会按照 定制数量（默认40张图片）/一页进行拆分，支持页面跳转，翻页。
 
 ## 适用范围
+<details>
 
 当看画师图包的时候，很有可能会碰到这种情况：
-![样例](./docs/01.png)
+![样例](./docs/1.png)
 
 - 非常多的子文件夹，每个子文件夹中图片又不是很多。图片看起来，很不能尽兴。
 - 同时，文件浏览器哪怕是**超大图标**，浏览起来仍然让人不很舒服。
@@ -17,32 +20,35 @@
 
 具体请查看[使用示例](#使用示例)
 
+</details>
+
 ## 特性
-- **展示所有**：递归遍历展示选择文件夹**及其所有子文件夹**中的图片，并按照名称排序展示。
-- **方便**： 直接拖入一个文件夹，即可查看图片，**0配置，0副作用**！！！
-- **快捷**： 可配置每一页展示的图片数量，以避免图片加载卡顿。
-- **瀑布流**：美观，大方
-- **快捷键支持**：翻页快捷键，翻图片快捷键（均为 左右键）支持。
-- **实用的图片查看器**：([Viewer.js](https://github.com/fengyuanchen/viewerjs))支持 图片查看的常规操作，放大，旋转，同样支持浏览上一张，下一张图片。
-- **可设置**：支持定制 每页显示图片数量（当硬盘一般且单张图片过大时，建议选择较少的数量，10~20张比较不错），查看器是否显示 图片缩略图集
+- 💡 **展示所有**：递归遍历展示选择文件夹**及其所有子文件夹**中的图片，并按照名称排序展示。
+- 🔑 **方便**： 直接拖入一个文件夹，即可查看图片，**0配置，0副作用**！！！
+- ⚡ **快捷**： 可配置每一页展示的图片数量，以避免图片加载卡顿。
+- 🦋 **瀑布流**：美观，大方
+- ⌨️ **快捷键支持**：~~翻页快捷键~~，翻图片快捷键（均为 左右键）支持。
+- 🛠️ **实用的图片查看器**：([photoswipe](https://github.com/dimsemenov/photoswipe))支持 图片查看的常规操作，放大，旋转，同样支持浏览上一张，下一张图片。
+- 🖥️ **可设置**：支持定制 每页显示图片数量（当硬盘一般且单张图片过大时，建议选择较少的数量，10~20张比较不错），可设置图片筛选器（选定图片类型）……
 
 ## 警告
 
-- 如果图片过大，硬盘性能不好，可能会造成加载卡顿，这时候，建议使用固态硬盘，或者调小每一页展示的图片数量！！
+- 加载大量图片时可能会软件卡顿，这是电脑硬盘读取过慢造成的，耐心等待即可。
+- 如果图片过大，硬盘性能不好，可能会造成加载浏览卡顿，这时候，建议使用固态硬盘，或者调小每一页展示的图片数量！！
 
 ## 使用示例
 
 ### 其一
-![使用教程](https://i.postimg.cc/Vv04083N/100.gif)  
-**[TG preview link](https://t.me/edge_wasteland/4955)** **[GIF preview link](https://postimg.cc/ctZfPV1q)**
+**[TG preview link](https://t.me/edge_wasteland/6464)**
+<!-- **[GIF preview link](https://postimg.cc/ctZfPV1q)** -->
 
 ### For NSFW Use
-**[TG preview link](https://t.me/edge_wasteland/4939)**
+**[TG preview link](https://t.me/edge_wasteland/6465)**
 
 ## 致歉
 
 因为本人时间原因（~~高三~~），个人能力有限（~~是个废物~~）。软件可能存在诸多问题，优化上也很烂，请诸位多多包涵，也欢迎大佬贡献代码。
 
 ## 最后
 
-希望大家赏个**Star**，以满足吾辈这小小的虚荣心吧！！！
+希望大家赏个**Star**，以满足吾辈这小小的虚荣心吧！！！
diff --git a/builder-nsis.nsh b/builder-nsis.nsh
@@ -0,0 +1,8 @@
+!macro preInit
+    SetRegView 64
+    WriteRegExpandStr HKLM "${INSTALL_REGISTRY_KEY}" InstallLocation "C:\Program Files\W Veiwer"
+    WriteRegExpandStr HkCU "${INSTALL_REGISTRY_KEY}" InstallLocation "C:\Program Files\W Veiwer"
+    SetRegView 32
+    WriteRegExpandStr HKLM "${INSTALL_REGISTRY_KEY}" InstallLocation "C:\Program Files\W Veiwer"
+    WriteRegExpandStr HkCU "${INSTALL_REGISTRY_KEY}" InstallLocation "C:\Program Files\W Veiwer"
+!macroend
diff --git a/docs/00.png b/docs/00.png
diff --git a/docs/01.png b/docs/01.png
diff --git a/docs/02.png b/docs/02.png
diff --git a/docs/1.png b/docs/1.png
diff --git a/docs/doc_home.png b/docs/doc_home.png
diff --git a/package.json b/package.json
@@ -1,8 +1,8 @@
 {
   "name": "waterfall-picture-viewer",
-  "version": "1.0.0",
+  "version": "1.0.1",
   "description": "A simple picture viewer",
-  "productName": "Quasar App",
+  "productName": "W Viewer",
   "author": "边缘坐标 <Edgecoordinates@gmail.com>",
   "private": true,
   "scripts": {
diff --git a/quasar.config.js b/quasar.config.js
@@ -227,8 +227,9 @@ module.exports = configure(function (/* ctx */) {
           target: 'nsis',
         },
         nsis: {
+          include: './builder-nsis.nsh',
           oneClick: false, // 一键安装
-          perMachine: false, // 是否开启安装时权限限制（此电脑或当前用户）
+          perMachine: true, // 是否开启安装时权限限制（此电脑或当前用户）
           allowElevation: true, // 允许请求提升。 如果为false，则用户必须使用提升的权限重新启动安装程序。
           allowToChangeInstallationDirectory: true, // 允许修改安装目录
           installerIcon: './public/icons/icon.ico', // 安装图标
diff --git a/src-electron/IPC-main.ts b/src-electron/IPC-main.ts
@@ -2,19 +2,18 @@ import { ipcMain, shell } from 'electron';
 import Store from 'electron-store';
 import { schema } from './default-data';
 
-const store = new Store();
+let store = new Store();
 // 重构判断是否为空并
 
 import { imageRetrieval } from './traverseFolder';
 
-function init () {
-  if (!store.get('itemNum')) store.store = schema;
+export function data_init () {
+  if (!store.get('itemNum')) store = new Store({ schema });
   console.log('pre inited.');
 }
 
 // eslint-disable-next-line @typescript-eslint/no-unused-vars, @typescript-eslint/no-explicit-any
 export function ipcMains (value: void): any {
-  init();
   ipcMain.on('read-file', event => {
     // const fileContent = fs.readFileSync('./file-to-read.txt', { encoding: 'utf-8' })
     const fileContent = 'ddd';
@@ -31,6 +30,12 @@ export function ipcMains (value: void): any {
     return store.set(key, value);
   });
 
+  ipcMain.handle('store-delete', (event, key) => {
+    // console.log(store.get(key));
+    store.delete(key);
+    return 1;
+  });
+
   ipcMain.handle('tool-traverseFolder', (event, path, pFormats) => {
     console.log(path, pFormats);
     return imageRetrieval(path, pFormats);
diff --git a/src-electron/electron-main.ts b/src-electron/electron-main.ts
@@ -39,9 +39,9 @@ function createWindow () {
     mainWindow.webContents.openDevTools();
   } else {
     // we're on production; no access to devtools pls
-    mainWindow.webContents.on('devtools-opened', () => {
-      mainWindow?.webContents.closeDevTools();
-    });
+    // mainWindow.webContents.on('devtools-opened', () => {
+    //   mainWindow?.webContents.closeDevTools();
+    // });
   }
 
   mainWindow.on('closed', () => {
@@ -55,8 +55,11 @@ app.on('window-all-closed', () => {
   }
 });
 
+import { data_init } from './IPC-main';
+
 app.whenReady().then(() => {
   if (mainWindow === undefined) {
+    data_init();
     createWindow();
   }
 });
diff --git a/src-electron/electron-preload.ts b/src-electron/electron-preload.ts
@@ -36,14 +36,17 @@ export type storeAPI = {
   // will contain the data of the file read from the main process.
   get: (key: any) => any;
   set: (key: any, value: any) => any;
+  delete: (key: any) => any;
   initData: () => any;
+  ini: () => void;
 };
 
 export type myWindowAPI = {
   minimize: () => Promise<any>;
   toggleMaximize: () => Promise<any>;
   close: () => Promise<any>;
   openDevTool: () => any;
+  isPackaged: () => any;
 };
 
 export type myToolAPI = {
@@ -52,7 +55,7 @@ export type myToolAPI = {
 };
 
 import { contextBridge, ipcRenderer } from 'electron';
-import { BrowserWindow } from '@electron/remote';
+import { BrowserWindow, app } from '@electron/remote';
 
 // eslint-disable-next-line @typescript-eslint/no-explicit-any
 
@@ -77,6 +80,14 @@ const myStoreAPI: storeAPI = {
     // store.set(key, value);
   },
 
+  async delete (key) {
+    return await ipcRenderer.invoke('store-delete', key);
+  },
+
+  ini () {
+    ipcRenderer.invoke('store-ini');
+  },
+
   initData () {
     // store = new Store();
     // // 重构判断是否为空并
@@ -108,5 +119,9 @@ contextBridge.exposeInMainWorld('myWindowAPI', {
 
   openDevTool () {
     BrowserWindow.getFocusedWindow()!.webContents.openDevTools();
+  },
+
+  isPackaged () {
+    return app.isPackaged;
   }
 });
diff --git a/src/App.vue b/src/App.vue
@@ -15,8 +15,11 @@ import { onMounted } from 'vue'
 import { useSettingStore } from 'stores/viewerSet-store';
 const setStore = useSettingStore()
 async function initData() {
-  setStore.perPageNum = await window.storeAPI.get('itemNum')
-  console.log('setData inited!')
+  // eslint-disable-next-line @typescript-eslint/no-explicit-any
+  let tmpdata: any
+  if (tmpdata = await window.storeAPI.get('itemNum')) setStore.perPageNum = tmpdata
+  console.log(await window.storeAPI.get('itemNum'), setStore.perPageNum)
+  console.log('APP setData inited!')
 }
 
 onMounted(() => {
diff --git a/src/layouts/MainLayout.vue b/src/layouts/MainLayout.vue
@@ -96,9 +96,10 @@ https://quasar.dev/quasar-cli-vite/developing-electron-apps/frameless-electron-w
               <q-item clickable>
                 <q-item-section><router-link to="/about">About</router-link></q-item-section>
               </q-item>
-              <!-- <q-item clickable>
-                <q-item-section><router-link to="/test">TEST</router-link></q-item-section>
-              </q-item> -->
+              <template v-if="!isPackaged()">
+                <q-item clickable><q-item-section><router-link to="/test">TEST</router-link></q-item-section></q-item>
+                <q-item clickable><q-item-section><router-link to="/test/a">TEST A</router-link></q-item-section></q-item>
+              </template>
             </q-list>
           </q-menu>
         </div>
@@ -124,6 +125,9 @@ https://quasar.dev/quasar-cli-vite/developing-electron-apps/frameless-electron-w
 
 export default {
   setup() {
+    function isPackaged() {
+      return window.myWindowAPI.isPackaged()
+    }
     function minimize() {
       window.myWindowAPI?.minimize()
     }
@@ -140,7 +144,7 @@ export default {
       window.myWindowAPI?.openDevTool()
     }
 
-    return { minimize, toggleMaximize, closeApp, openDevTool }
+    return { minimize, toggleMaximize, closeApp, openDevTool, isPackaged }
   }
 }
 </script>
diff --git a/src/pages/AboutPage.vue b/src/pages/AboutPage.vue
@@ -17,7 +17,7 @@
       </div>
     </div>
   </div>
-  <div class="hero min-h-screen bg-base-200">
+  <div class="hero min-h-screen bg-blue-300">
     <div class="hero-content flex-col md:flex-row">
       <img src="~assets/edge-avatar.jpg" class="max-w-sm rounded-lg shadow-2xl" />
       <div>
diff --git a/src/pages/IndexPage.vue b/src/pages/IndexPage.vue
@@ -27,16 +27,25 @@
         </n-upload>
       </n-config-provider>
     </div>
-    <div v-if="!ifImgPreOK">
+    <div v-if="!ifImgPreOK" class="mx-2.5 my-4">
+      <p class="text-h6">Tips:</p>
       <q-list separator>
         <q-item v-ripple>
-          <q-item-section>打开图片查看器之后，使用 ctrl + 鼠标滚轮调整图片大小</q-item-section>
+          <i class="fa-regular fa-face-smile-hearts text-base"></i>
+          <p>&nbsp;&nbsp;打开图片查看器之后，使用 <kbd class="kbd kbd-sm bg-white">Ctrl</kbd> +
+            <kbd class="kbd kbd-sm bg-white">鼠标滚轮</kbd>调整图片大小;图片查看器支持<kbd class="kbd kbd-sm bg-white">◀︎</kbd>
+            <kbd class="kbd kbd-sm bg-white">▶︎</kbd>快捷键切换图片~
+          </p>
         </q-item>
 
         <q-item clickable v-ripple>
-          <q-item-section>
-            <q-item-label>图片查看器支持左右快捷键翻页，支持esc快捷键退出</q-item-label>
-          </q-item-section>
+          <i class="fa-sharp fa-regular fa-comment-heart text-base"></i>
+          <p>&nbsp;&nbsp;图片查看器支持左右快捷键翻页，支持<kbd class="kbd kbd-sm bg-white">Esc</kbd>快捷键退出</p>
+        </q-item>
+
+        <q-item clickable v-ripple>
+          <i class="fa-sharp fa-regular fa-house-chimney-heart text-base"></i>
+          <p>&nbsp;&nbsp;祝您使用愉快！</p>
         </q-item>
       </q-list>
     </div>
diff --git a/src/pages/test/APage.vue b/src/pages/test/APage.vue
@@ -0,0 +1,23 @@
+<template>
+  <q-btn @click="querydb">QueryDB</q-btn>
+  <q-btn @click="cc">iniDB</q-btn>
+</template>
+
+<script setup lang="ts">
+function cc() {
+  window.storeAPI.ini()
+}
+async function querydb() {
+  // console.log(await window.storeAPI.get('itemNum'))
+  // console.log(await window.storeAPI.set('itemxxxxum', 'hahahahahh'))
+  console.log('ddddd')
+  console.log(await window.storeAPI.delete('itemxxxxum'))
+  // console.log(await window.storeAPI.get('itemxxxxum'))
+  if (await window.storeAPI.get('itemxxxxum')) console.log('sss')
+  // eslint-disable-next-line @typescript-eslint/no-explicit-any
+  // window.storeAPI.get('itemNum').then((res: any) => {
+  //   console.log(res)
+  // })
+}
+
+</script>
diff --git a/src/router/routes.ts b/src/router/routes.ts
@@ -13,7 +13,8 @@ const routes: RouteRecordRaw[] = [
     path: '/test/',
     component: () => import('layouts/TestLayout.vue'),
     children: [
-      { path: '', component: () => import('pages/test/IndexPage.vue') }
+      { path: '', component: () => import('pages/test/IndexPage.vue') },
+      { path: 'a/', component: () => import('pages/test/APage.vue') }
     ]
   },
   // Always leave this as last one,
