fix (core): 修复函数帮助提示框出现白色背景问题

Author: qianmoQ

.gitignore

@@ -27,3 +27,5 @@ pnpm-lock.yaml
 *.json
 !config*.json
 go.mod
+.RData
+.Rhistory

README.md

@@ -34,7 +34,7 @@ CodeForge 是一款轻量级、高性能的桌面代码执行器，专为开发
   <img src="public/icons/java.svg" width="60" alt="Java">
   <img src="public/icons/javascript-browser.svg" width="60" alt="JavaScript (Browser)">
   <img src="public/icons/javascript-jquery.svg" width="60" alt="JavaScript (jQuery)">
-  <img src="public/icons/nodejs.svg" width="60" alt="JavaScript (Node.js)">
+  <img src="public/icons/javascript-nodejs.svg" width="60" alt="JavaScript (Node.js)">
   <img src="public/icons/kotlin.svg" width="60" alt="Kotlin">
   <img src="public/icons/nodejs.svg" width="60" alt="Node.js">
   <img src="public/icons/php.svg" width="60" alt="PHP">

src-tauri/src/plugins/shell.rs

@@ -9,7 +9,7 @@ impl LanguagePlugin for ShellPlugin {
     }
 
     fn get_language_name(&self) -> &'static str {
-        "Shell"
+        "ShellScript"
     }
 
     fn get_language_key(&self) -> &'static str {

src/composables/useCodeMirrorFunctionHelp.ts

@@ -1,5 +1,7 @@
-import { EditorView, hoverTooltip } from '@codemirror/view'
+import {EditorView, hoverTooltip} from '@codemirror/view'
+
 1
+
 export function useCodeMirrorFunctionHelp()
 {
     // 提示框
@@ -10,7 +12,7 @@ export function useCodeMirrorFunctionHelp()
         dom.innerHTML = `
             <div class="relative mb-1">
                 <div class="px-2 py-1 bg-gray-800 text-white text-xs rounded">
-                    <span class="font-mono">${ text }</span>
+                    <span class="font-mono">${text}</span>
                 </div>
                 <!-- 小三角箭头 -->
                 <div class="absolute left-1/2 transform -translate-x-1/2 top-full">
@@ -19,12 +21,12 @@ export function useCodeMirrorFunctionHelp()
             </div>
         `
 
-        return { dom }
+        return {dom}
     }
 
     // 显示函数提示扩展
     const showFunctionHelpHover = hoverTooltip((view, pos, side) => {
-        let { from, to, text } = view.state.doc.lineAt(pos)
+        let {from, to, text} = view.state.doc.lineAt(pos)
         let start = pos, end = pos
         while (start > from && /\w/.test(text[start - from - 1])) {
             start--
@@ -44,7 +46,7 @@ export function useCodeMirrorFunctionHelp()
                 return createHelpTooltip(text.slice(start - from, end - from))
             }
         }
-    }, { hoverTime: 300 })
+    }, {hoverTime: 300})
 
     // 提示框样式主题
     const functionHelpTheme = EditorView.theme({
@@ -53,11 +55,16 @@ export function useCodeMirrorFunctionHelp()
             animation: 'fadeIn 0.2s ease-out'
         },
         '.cm-tooltip': {
-            border: 'none !important'
+            border: 'none !important',
+            backgroundColor: 'transparent !important',
+            boxShadow: 'none !important'
+        },
+        '.cm-tooltip-arrow': {
+            display: 'none !important'
         },
         '@keyframes fadeIn': {
-            'from': { opacity: '0', transform: 'translateY(-2px)' },
-            'to': { opacity: '1', transform: 'translateY(0)' }
+            'from': {opacity: '0', transform: 'translateY(-2px)'},
+            'to': {opacity: '1', transform: 'translateY(0)'}
         }
     })