update: searchBox

docs/.vuepress/theme/components/SearchBox/index.vue

@@ -11,7 +11,7 @@
 			spellcheck="false"
 			@input="query = $event.target.value"
 			@focus="focused = true"
-			@blur="focused = true"
+			@blur="focused = false"
 			@keyup.enter="go(focusIndex)"
 			@keyup.up="onUp"
 			@keyup.down="onDown"
@@ -23,6 +23,7 @@
 			style="z-index: 1"
 			@mouseleave="unfocus"
 		>
+			<template v-if="this.suggestions && this.suggestions.length">
 				<li
 					v-for="(s, i) in suggestions"
 					:key="i"
@@ -38,6 +39,12 @@
 						</div>
 					</a>
 				</li>
+			</template>
+			<li v-else class="suggestion">
+				<div class="suggestion-item">
+					<span class="page-title">暂无结果</span>
+				</div>
+			</li>
 		</ul>
 	</div>
 </template>
@@ -62,7 +69,7 @@
 
 		computed: {
 			showSuggestions() {
-				return this.focused && this.suggestions && this.suggestions.length;
+				return this.focused && this.query && this.query.length; // && this.suggestions && this.suggestions.length;
 			},
 
 			suggestions() {