feat(tpl): lookup backward for prefix match if shift is down

Author: marjune163

README.md

@@ -328,6 +328,6 @@ Specify PID file. PID will be written into the file on application startup.
 - `↑`, `↓`: move focus between file items
 - `Ctrl`/`Opt` + `↑`: move focus to first file item
 - `Ctrl`/`Opt` + `↓`: move focus to last file item
-- Repeat inputting same character will look for next file that prefixes with it.
-- Non-repeat inputs will be remembered as a string in short time to look for next file prefix match.
+- Repeat inputting same character will look for next file that prefixes with it. + `Shift` for reverse direction.
+- Non-repeat inputs will be remembered as a string in short time to look for next file prefix match. + `Shift` for reverse direction.
 - When upload is enabled, pasting(`Ctrl`/`Cmd` + `v`) image or text content will upload that content as a file.

README.zh-CN.md

@@ -318,6 +318,6 @@ ghfs [选项]
 - `↑`, `↓`：使焦点在文件项之间移动
 - `Ctrl`/`Opt` + `↑`：把焦点移动到第一个文件项
 - `Ctrl`/`Opt` + `↓`：把焦点移动到最后一个文件项
-- 重复输入相同字符将查找下一个前缀匹配该字符的文件。
-- 输入不重复的字符，将在短时间内被记忆为字符串，用于查找下一个前缀匹配的文件。
+- 重复输入相同字符将查找下一个前缀匹配该字符的文件。+ `Shift`执行反向查找。
+- 输入不重复的字符，将在短时间内被记忆为字符串，用于查找下一个前缀匹配的文件。+ `Shift`执行反向查找。
 - 当已启用上传时，粘贴（`Ctrl`/`Cmd` + `v`）图像或文本会将此内容上传为文件。

src/tpl/defaultTheme/frontend/index.js

@@ -243,7 +243,7 @@
 			return;
 		}
 
-		function getFocusableSibling(container, isPrev, startA) {
+		function getFocusableSibling(container, isBackward, startA) {
 			if (!container) {
 				return
 			}
@@ -255,7 +255,7 @@
 				startLI = startLI.parentElement;
 			}
 			if (!startLI) {
-				if (isPrev) {
+				if (isBackward) {
 					startLI = container.firstElementChild;
 				} else {
 					startLI = container.lastElementChild;
@@ -267,7 +267,7 @@
 
 			var siblingLI = startLI;
 			do {
-				if (isPrev) {
+				if (isBackward) {
 					siblingLI = siblingLI.previousElementSibling;
 					if (!siblingLI) {
 						siblingLI = container.lastElementChild;
@@ -303,7 +303,7 @@
 			return a;
 		}
 
-		function getMatchedFocusableSibling(container, isPrev, startA, buf) {
+		function getMatchedFocusableSibling(container, isBackward, startA, buf) {
 			var skipRound = buf.length === 1;	// find next prefix
 			var matchKeyA;
 			var firstCheckA;
@@ -334,7 +334,7 @@
 				if (buf.length <= textContent.length && textContent.substring(0, buf.length) === buf) {
 					return a;
 				}
-			} while (a = getFocusableSibling(container, isPrev, a));
+			} while (a = getFocusableSibling(container, isBackward, a));
 			return matchKeyA;
 		}
 
@@ -376,7 +376,7 @@
 			lookupTimer = setTimeout(clearLookupContext, 850);
 		}
 
-		function lookup(key) {
+		function lookup(key, isBackward) {
 			key = key.toLowerCase();
 
 			var currentLookupStartA;
@@ -397,7 +397,7 @@
 				lookupBuffer += key;
 			}
 			delayClearLookupContext();
-			return getMatchedFocusableSibling(itemList, false, currentLookupStartA, lookupKey || lookupBuffer);
+			return getMatchedFocusableSibling(itemList, isBackward, currentLookupStartA, lookupKey || lookupBuffer);
 		}
 
 		var canArrowMove;
@@ -457,7 +457,7 @@
 					}
 				}
 				if (!e.ctrlKey && (!e.altKey || IS_MAC_PLATFORM) && !e.metaKey && e.key.length === 1) {
-					return lookup(e.key);
+					return lookup(e.key, e.shiftKey);
 				}
 			} else if (e.keyCode) {
 				if (canArrowMove(e)) {
@@ -489,7 +489,7 @@
 					}
 				}
 				if (!e.ctrlKey && (!e.altKey || IS_MAC_PLATFORM) && !e.metaKey && e.keyCode >= 32 && e.keyCode <= 126) {
-					return lookup(String.fromCharCode(e.keyCode));
+					return lookup(String.fromCharCode(e.keyCode), e.shiftKey);
 				}
 			}
 		}