feat: 优化 Progressive Web App (PWA) 体验并调整上下文菜单行为

- 在非 Tauri 环境下启用 PWA 模式时禁用默认上下文菜单和拖放功能
- 重构 makeDisableDefaultContextMenuListener 函数，使用默认行为规则
- 更新 manifest.json 以优先使用 standalone 显示模式

Author: Jesse205

src/App.tsx

@@ -1,4 +1,5 @@
-import { alpha, GlobalStyles, ThemeProvider } from '@suid/material';
+import { alpha, GlobalStyles, ThemeProvider, useMediaQuery } from '@suid/material';
+import { createEffect } from 'solid-js';
 import { makeDisableDefaultContextMenuListener } from './hooks/makeDisableDefaultContextMenuListener';
 import { makeDisableDefaultDropListener } from './hooks/makeDisableDefaultDropListener';
 import { makeDisableDefaultF5Listener } from './hooks/makeDisableDefaultF5Listener';
@@ -10,20 +11,15 @@ export function App() {
   if (IS_TAURI) {
     makeDisableDefaultDropListener();
     makeDisableDefaultF5Listener();
-    makeDisableDefaultContextMenuListener((target) => {
-      if (
-        target instanceof HTMLInputElement &&
-        (target.type === 'email' ||
-          target.type === 'text' ||
-          target.type === 'password' ||
-          target.type === 'number' ||
-          target.type === 'tel' ||
-          target.type === 'url' ||
-          target.type === 'search')
-      ) {
-        return false;
+    makeDisableDefaultContextMenuListener();
+  } else {
+    const standaloneMode = useMediaQuery('(display-mode: standalone)');
+
+    createEffect(() => {
+      if (standaloneMode()) {
+        makeDisableDefaultDropListener();
+        makeDisableDefaultContextMenuListener();
       }
-      return true;
     });
   }
 

src/hooks/makeDisableDefaultContextMenuListener.ts

@@ -1,6 +1,21 @@
 import { makeEventListener } from '@solid-primitives/event-listener';
 
-export function makeDisableDefaultContextMenuListener(when?: (target: EventTarget) => boolean) {
+const DEFAULT_WHEN = (target: EventTarget): boolean => {
+  if (
+    target instanceof HTMLInputElement &&
+    (target.type === 'email' ||
+      target.type === 'text' ||
+      target.type === 'password' ||
+      target.type === 'number' ||
+      target.type === 'tel' ||
+      target.type === 'url' ||
+      target.type === 'search')
+  ) {
+    return false;
+  }
+  return true;
+};
+export function makeDisableDefaultContextMenuListener(when: (target: EventTarget) => boolean = DEFAULT_WHEN) {
   makeEventListener(
     document.documentElement,
     'contextmenu',

src/manifest.json

@@ -5,7 +5,7 @@
   "start_url": "<%= process.env.BASE_URL %>",
   "scope": "<%= process.env.BASE_URL %>",
   "display": "standalone",
-  "display_override": ["minimal-ui"],
+  "display_override": ["standalone", "minimal-ui"],
   "categories": ["productivity", "finance"],
   "icons": [
     {