feat: 刷新按钮增加按住ctrl使用原生浏览器刷新功能

Author: hooray

src/layouts/components/Topbar/Toolbar/PageReload/index.vue

@@ -1,8 +1,11 @@
 <script setup lang="ts">
+import useSettingsStore from '@/store/modules/settings'
+
 defineOptions({
   name: 'PageReload',
 })
 
+const settingsStore = useSettingsStore()
 const mainPage = useMainPage()
 
 const isAnimating = ref(false)
@@ -11,12 +14,24 @@ function handleClick() {
   isAnimating.value = true
   mainPage.reload()
 }
+
+function handleCtrlClick() {
+  location.reload()
+}
 </script>
 
 <template>
-  <FaButton variant="ghost" size="icon" @click="handleClick" @animationend="isAnimating = false">
-    <FaIcon name="i-iconoir:refresh-double" class="size-4" :class="{ animation: isAnimating }" />
-  </FaButton>
+  <FaTooltip side="bottom" :disabled="settingsStore.os !== 'mac'">
+    <template #content>
+      <div class="flex-col-center gap-2">
+        <p>按住 <FaKbd>Ctrl</FaKbd> 键并点击</p>
+        <p>可切换为浏览器原生刷新</p>
+      </div>
+    </template>
+    <FaButton variant="ghost" size="icon" @click.exact="handleClick" @click.ctrl.exact="handleCtrlClick" @animationend="isAnimating = false">
+      <FaIcon name="i-iconoir:refresh-double" class="size-4" :class="{ animation: isAnimating }" />
+    </FaButton>
+  </FaTooltip>
 </template>
 
 <style scoped>