1

Author: d-w-x

src/views/MirrorPage.vue

@@ -1,5 +1,5 @@
 <script setup lang="tsx">
-import { computed, reactive } from 'vue';
+import { computed, reactive, onMounted, onUnmounted, ref } from 'vue';
 import { useRouter } from 'vue-router';
 import { useI18n } from 'vue-i18n';
 import {
@@ -26,6 +26,31 @@ const [entries, setEntries] = useMutableRef([] as SyncEntry[]);
 const [loading, setLoading] = useMutableRef(true);
 const [filter, setFilter] = useMutableRef('');
 const onInput = useDebounce(setFilter);
+const searchInputRef = ref<HTMLElement>();
+
+// 捕获 Ctrl+F 事件
+function handleKeyDown(event: KeyboardEvent) {
+  if ((event.ctrlKey || event.metaKey) && event.key === 'f') {
+    event.preventDefault();
+    if (searchInputRef.value) {
+      // 聚焦到搜索框
+      searchInputRef.value.focus();
+      // 如果有内容，选中内容以便用户可以直接输入新内容
+      const inputElement = searchInputRef.value.querySelector('input');
+      if (inputElement) {
+        inputElement.select();
+      }
+    }
+  }
+}
+
+onMounted(() => {
+  document.addEventListener('keydown', handleKeyDown);
+});
+
+onUnmounted(() => {
+  document.removeEventListener('keydown', handleKeyDown);
+});
 
 usePromiseEffect(fetchEntries, res => {
   setEntries(res.sort((a, b) => a.name.localeCompare(b.name)));
@@ -36,9 +61,9 @@ function getAbsolutePath(path: string) {
   if (path.startsWith('http')) {
     return path;
   } else if (path.startsWith('/')) {
-    return window.location.href + path;
+    return window.location.href.replace(/\/$/, '') + path;
   }
-  return window.location.href + '/' + path;
+  return window.location.href.replace(/\/$/, '') + '/' + path;
 }
 
 function RouteButton({ data }: { data: SyncEntry }) {
@@ -159,7 +184,11 @@ const columns = computed(() =>
 <template>
   <NH2 prefix="bar">
     <span>{{ t('header.mirrors') }}</span>
-    <NInput :placeholder="t('table.searchText')" @input="onInput">
+    <NInput
+      ref="searchInputRef"
+      :placeholder="t('table.searchText')"
+      @input="onInput"
+    >
       <template #prefix>
         <NIcon>
           <SearchOutline />