🐛 fix: dragging text mistakenly as image

src/app/chat/(desktop)/features/ChatInput/Footer/DragUpload.tsx

@@ -11,6 +11,7 @@ import { agentSelectors } from '@/store/agent/selectors';
 import { useFileStore } from '@/store/file';
 import { useUserStore } from '@/store/user';
 import { modelProviderSelectors } from '@/store/user/selectors';
+import { allowTextDrag } from '@/utils/platform';
 
 const useStyles = createStyles(({ css, token, stylish }) => {
   return {
@@ -60,8 +61,15 @@ const useStyles = createStyles(({ css, token, stylish }) => {
   };
 });
 
+const disallowTextDrag = !allowTextDrag();
+
 const handleDragOver = (e: DragEvent) => {
-  e.preventDefault();
+  if (e.dataTransfer?.items && e.dataTransfer.items.length > 0) {
+    const isFile = e.dataTransfer.types.includes('Files'); // Webpage image drag
+    if (disallowTextDrag || isFile) {
+      e.preventDefault();
+    }
+  }
 };
 
 const DragUpload = memo(() => {
@@ -92,43 +100,55 @@ const DragUpload = memo(() => {
   };
 
   const handleDragEnter = (e: DragEvent) => {
-    e.preventDefault();
-
-    dragCounter.current += 1;
     if (e.dataTransfer?.items && e.dataTransfer.items.length > 0) {
-      setIsDragging(true);
+      const isFile = e.dataTransfer.types.includes('Files');
+      if (disallowTextDrag || isFile) {
+        dragCounter.current += 1;
+        e.preventDefault();
+        setIsDragging(true);
+      }
     }
   };
 
   const handleDragLeave = (e: DragEvent) => {
-    e.preventDefault();
+    if (e.dataTransfer?.items && e.dataTransfer.items.length > 0) {
+      const isFile = e.dataTransfer.types.includes('Files');
+      if (disallowTextDrag || isFile) {
+        e.preventDefault();
 
-    // reset counter
-    dragCounter.current -= 1;
+        // reset counter
+        dragCounter.current -= 1;
 
-    if (dragCounter.current === 0) {
-      setIsDragging(false);
+        if (dragCounter.current === 0) {
+          setIsDragging(false);
+        }
+      }
     }
   };
 
   const handleDrop = async (e: DragEvent) => {
-    e.preventDefault();
-    // reset counter
-    dragCounter.current = 0;
+    if (e.dataTransfer?.items && e.dataTransfer.items.length > 0) {
+      const isFile = e.dataTransfer.types.includes('Files');
+      if (disallowTextDrag || isFile) {
+        e.preventDefault();
 
-    setIsDragging(false);
+        // reset counter
+        dragCounter.current = 0;
 
-    // get filesList
-    // TODO: support folder files upload
-    const files = e.dataTransfer?.files;
+        setIsDragging(false);
 
-    // upload files
-    uploadImages(files);
+        // get filesList
+        // TODO: support folder files upload
+        const files = e.dataTransfer?.files;
+
+        // upload files
+        uploadImages(files);
+      }
+    }
   };
 
   const handlePaste = (event: ClipboardEvent) => {
     // get files from clipboard
-
     const files = event.clipboardData?.files;
 
     uploadImages(files);

src/utils/platform.ts

@@ -15,10 +15,20 @@ export const getBrowser = () => {
   return getParser().getResult().browser.name;
 };
 
+export const getEngine = () => {
+  return getParser().getEngine().name;
+}
+
 export const browserInfo = {
   browser: getBrowser(),
   isMobile: getParser().getDevice().type === 'mobile',
   os: getParser().getOS().name,
 };
 
 export const isMacOS = () => getPlatform() === 'Mac OS';
+
+// 文字拖拽仅支持 Windows/Linux - Chromium 系浏览器 (#2111)
+export const allowTextDrag = () => {
+  const platform = getPlatform();
+  return platform && /Linux|Windows/.test(platform) && getEngine() === 'Blink';
+}