v2.3.0 support more shortcuts

package.json

@@ -1,6 +1,6 @@
 {
   "name": "ehunter",
-  "version": "2.2.4",
+  "version": "2.3.0",
   "description": "A Vue.js project",
   "author": "Alex Chen <c360785655@gmail.com>",
   "private": true,

src/assets/value/bookInstrction.js

@@ -1,14 +1,11 @@
 export default {
     cn: `
-可使用键盘的左右键翻页
-![image-keyboard_arrow](https://raw.githubusercontent.com/hanFengSan/eHunter/master/github_image/keyboard_arrow.jpg)
+支持\`A\`. \`D\`, \`Left(左)\`, \`Right(右)\`和\`Space(空格)\`键翻页.
 `,
     en: `
-You can use the keyboard's left and right keys to page
-![image-keyboard_arrow](https://raw.githubusercontent.com/hanFengSan/eHunter/master/github_image/keyboard_arrow.jpg)    
+You can use the keyboard's \`A\`, \`D\`, \`Left\`, \`Right\` and \`Space\` keys to page.
 `,
     jp: `
-キーボードの左右のキーを使用してページングすることができます
-![image-keyboard_arrow](https://raw.githubusercontent.com/hanFengSan/eHunter/master/github_image/keyboard_arrow.jpg)    
+You can use the keyboard's \`A\`, \`D\`, \`Left\`, \`Right\` and \`Space\` keys to page.
 `
 }

src/assets/value/instruction.js

@@ -11,12 +11,13 @@ export default {
 2.在页面右上角点击打开eHunter
 ![image-open_ehunter](https://raw.githubusercontent.com/hanFengSan/eHunter/master/github_image/open_ehunter.jpg)
 
-3.在\`阅读模式\`为\`书本\`时, 可使用键盘的左右键翻页
-![image-keyboard_arrow](https://raw.githubusercontent.com/hanFengSan/eHunter/master/github_image/keyboard_arrow.jpg)
+3.\`滚动\`模式下, 支持\`A\`. \`D\`, \`Left(左)\`和\`Right(右)\`键翻页. 
 
-4.\`分卷页数\`对性能要求较高,请不要设置过高,可能会导致卡顿.
+4.\`书页\`模式下, 支持\`A\`. \`D\`, \`Left(左)\`, \`Right(右)\`和\`Space(空格)\`键翻页.
 
-5.在前页采用\`Normal\`模式查看缩略图可加速加载, 使用\`Large\`模式会慢一些.
+5.\`分卷页数\`对性能要求较高,请不要设置过高,可能会导致卡顿.
+
+6.在前页采用\`Normal\`模式查看缩略图可加速加载, 使用\`Large\`模式会慢一些.
 
 ### 反馈和建议
 * 可在[Github](https://github.com/hanFengSan/eHunter)上开issue给我.
@@ -39,12 +40,13 @@ export default {
 2.Click the button at the upper right corner of this page to open the eHunter
 ![image-open_ehunter](https://raw.githubusercontent.com/hanFengSan/eHunter/master/github_image/open_ehunter.jpg)
 
-3.When the \`Mode\` is \`Book\`, you can use the keyboard's left and right keys to page
-![image-keyboard_arrow](https://raw.githubusercontent.com/hanFengSan/eHunter/master/github_image/keyboard_arrow.jpg)
+3.When the \`Mode\` is \`Scroll\`, you can use the keyboard's \`A\`, \`D\`, \`Left\` and \`Right\` keys to page.
+
+4.When the \`Mode\` is \`Book\`, you can use the keyboard's \`A\`, \`D\`, \`Left\`, \`Right\` and \`Space\` keys to page.
 
-4.This is a high performance requirements on \`Volume size\`. If too big, the program will be slow.
+5.This is a high performance requirements on \`Volume size\`. If too big, the program will be slow.
 
-5.You can use \`Normal\` mode of thumbnail in previous page to accelerate the load. If it's \`Large\` mode, the loading will be slow a bit.
+6.You can use \`Normal\` mode of thumbnail in previous page to accelerate the load. If it's \`Large\` mode, the loading will be slow a bit.
 
 ### Feedback & Suggestion
 * Open issue on [Github](https://github.com/hanFengSan/eHunter) to me.
@@ -67,12 +69,13 @@ If you like this extension, I hope you can give a five-star rating in store. 8-)
 2.このページの右上隅にあるボタンをクリックしてeHunterを開きます
 ![image-open_ehunter](https://raw.githubusercontent.com/hanFengSan/eHunter/master/github_image/open_ehunter.jpg)
 
-3.\`モード\`が\`スクロール\`のときは、キーボードの左右のキーを使用してページングすることができます
-![image-keyboard_arrow](https://raw.githubusercontent.com/hanFengSan/eHunter/master/github_image/keyboard_arrow.jpg)
+3.When the \`Mode\` is \`Scroll\`, you can use the keyboard's \`A\`, \`D\`, \`Left\` and \`Right\` keys to page.
+
+4.When the \`Mode\` is \`Book\`, you can use the keyboard's \`A\`, \`D\`, \`Left\`, \`Right\` and \`Space\` keys to page.
 
-4.これは\`ボリュームサイズ\`の高性能要件です。 大きすぎるとプログラムが遅くなります。
+5.これは\`ボリュームサイズ\`の高性能要件です。 大きすぎるとプログラムが遅くなります。
 
-5.前のページのサムネイルの「Normal」モードを使用して負荷を高速化することができます。「Large」モードの場合は、読み込みが少し遅くなります。
+6.前のページのサムネイルの「Normal」モードを使用して負荷を高速化することができます。「Large」モードの場合は、読み込みが少し遅くなります。
 
 ### フィードバックと提案
 * 私にGITHUBのオープンな問題

src/assets/value/tags.js

@@ -34,3 +34,5 @@ export const DIALOG_OPERATION_TYPE_POSITIVE = 'DIALOG_OPERATION_TYPE_POSITIVE';
 export const DIALOG_OPERATION_TYPE_WARNING = 'DIALOG_OPERATION_TYPE_WARNING';
 
 export const TYPE_PROXY = 'TYPE_PROXY';
+
+export const KEYBOARD = 'KEYBOARD';

src/assets/value/version.js

@@ -1,12 +1,14 @@
 export default {
     cn: `
-* 支持更多缩略图, 比如10rows/40rows
-
+* 滚动模式下, 支持\`A\`和\`D\`键翻页.
+* 书页模式下, 支持\`A\`键. \`D\`以及\`Space(空格)\`键翻页.
 `,
     en: `
-* Support more thumbs, such as \`10rows\`, \`40rows\`.
+* Support the keyboard's \`A\` and \`D\` keys to page in Scroll mode.
+* Support the keyboard's \`A\`, \`D\` and \`Space\` keys to page in Book mode.
 `,
     jp: `
-* Support more thumbs, such as \`10rows\`, \`40rows\`.
+* Support the keyboard's \`A\` and \`D\` keys to page in Scroll mode.
+* Support the keyboard's \`A\`, \`D\` and \`Space\` keys to page in Book mode.
 `
 }

src/components/AlbumBookView.vue

@@ -193,13 +193,19 @@ export default {
         },
 
         watchKeyboard(e) {
+            if (e.metaKey || e.ctrlKey) {
+                return;
+            }
             switch (e.key) {
                 case 'ArrowLeft':
+                case 'a':
                     if (this.bookIndex > 0) {
                         this.setBookIndex(this.bookIndex - 1);
                     }
                     break;
                 case 'ArrowRight':
+                case 'd':
+                case ' ':
                     if (this.bookIndex < this.screens.length - 1) {
                         this.setBookIndex(this.bookIndex + 1);
                     }

src/components/AlbumScrollView.vue

@@ -70,6 +70,11 @@ export default {
 
     created() {
         setTimeout(() => this.setIndex({ val: this.curIndex.val, updater: tags.SCROLL_VIEW_VOL }), 1000);
+        document.addEventListener('keydown', this.watchKeyboard);
+    },
+
+    destroyed() {
+        document.removeEventListener('keydown', this.watchKeyboard);
     },
 
     computed: {
@@ -213,6 +218,26 @@ export default {
             if (await SettingService.getShowTopBar()) {
                 this.toggleTopBar(val);
             }
+        },
+
+        watchKeyboard(e) {
+            if (e.metaKey || e.ctrlKey) {
+                return;
+            }
+            switch (e.key) {
+                case 'ArrowLeft':
+                case 'a':
+                    if (this.centerIndex.val !== 0) {
+                        this.setIndex({ val: this.centerIndex.val - 1, updater: tags.KEYBOARD });
+                    }
+                    break;
+                case 'ArrowRight':
+                case 'd':
+                    if (this.centerIndex.val !== AlbumService.getPageCount()) {
+                        this.setIndex({ val: this.centerIndex.val + 1, updater: tags.KEYBOARD });
+                    }
+                    break;
+            }
         }
     }
 };

src/config.js

@@ -1,5 +1,5 @@
 module.exports = {
-    version: '2.2.4',
+    version: '2.3.0',
     updateServer1: 'https://raw.githubusercontent.com/hanFengSan/eHunter/master/update.json',
     updateServer2: 'https://raw.githubusercontent.com/hanFengSan/eHunter/master/update.json'
 };

update.json

@@ -1,9 +1,9 @@
 {
     "cn":{
-        "title":"新版本: v2.2.4",
-        "version":"2.2.4",
-        "text":"支持更多缩略图",
-        "time":1543319008235,
+        "title":"新版本: v2.3.0",
+        "version":"2.3.0",
+        "text":"支持更多快捷键",
+        "time":1543726902266,
         "duration":604800000,
         "always":true,
         "operations":[
@@ -26,10 +26,10 @@
         ]
     },
     "en":{
-        "title":"New version: v2.2.4",
-        "version":"2.2.3",
-        "text":"Support more thumbs",
-        "time":1543319008235,
+        "title":"New version: v3.3.0",
+        "version":"2.3.0",
+        "text":"Support more shortcuts",
+        "time":1543726902266,
         "duration":604800000,
         "always":true,
         "operations":[
@@ -52,10 +52,10 @@
         ]
     },
     "jp":{
-        "title":"新しいバージョン: v2.2.4",
-        "version":"2.2.3",
-        "text":"Support more thumbs",
-        "time":1543319008235,
+        "title":"新しいバージョン: v2.3.0",
+        "version":"2.3.0",
+        "text":"Support more shortcuts",
+        "time":1543726902266,
         "duration":604800000,
         "always":true,
         "operations":[

yarn-error.log

@@ -16,14 +16,15 @@ Platform:
 npm manifest: 
   {
     "name": "ehunter",
-    "version": "2.2.4",
+    "version": "2.3.0",
     "description": "A Vue.js project",
     "author": "Alex Chen <c360785655@gmail.com>",
     "private": true,
     "scripts": {
       "dev": "webpack --config build/webpack.dev.conf.js",
       "build": "webpack --config build/webpack.prod.conf.js",
       "publish": "npm run test && npm run build && web-ext build -s dist -a publish_output",
+      "publish_no_test": "npm run build && web-ext build -s dist -a publish_output",
       "test": "npm run unit",
       "unit": "cross-env BABEL_ENV=test karma start test/unit/karma.conf.js --single-run"
     },