Skip to content

Commit a78acf4

Browse files
committed
fix (core): 修复自动提示单词导致样式混乱
1 parent c922931 commit a78acf4

File tree

1 file changed

+4
-10
lines changed

1 file changed

+4
-10
lines changed

src/composables/useCodeMirrorFunctionHelp.ts

Lines changed: 4 additions & 10 deletions
Original file line numberDiff line numberDiff line change
@@ -1,20 +1,17 @@
11
import {EditorView, hoverTooltip} from '@codemirror/view'
22

3-
1
4-
53
export function useCodeMirrorFunctionHelp()
64
{
75
// 提示框
86
const createHelpTooltip = (text: string) => {
97
const dom = document.createElement('div')
10-
dom.className = 'cm-function-help-tooltip'
8+
dom.className = 'cm-custom-function-tooltip'
119

1210
dom.innerHTML = `
1311
<div class="relative mb-1">
1412
<div class="px-2 py-1 bg-gray-800 text-white text-xs rounded">
1513
<span class="font-mono">${text}</span>
1614
</div>
17-
<!-- 小三角箭头 -->
1815
<div class="absolute left-1/2 transform -translate-x-1/2 top-full">
1916
<div class="w-0 h-0 border-l-4 border-r-4 border-t-4 border-transparent border-t-gray-800"></div>
2017
</div>
@@ -50,18 +47,15 @@ export function useCodeMirrorFunctionHelp()
5047

5148
// 提示框样式主题
5249
const functionHelpTheme = EditorView.theme({
53-
'.cm-function-help-tooltip': {
50+
'.cm-custom-function-tooltip': {
5451
zIndex: '100',
5552
animation: 'fadeIn 0.2s ease-out'
5653
},
57-
'.cm-tooltip': {
58-
border: 'none !important',
54+
'.cm-tooltip.cm-tooltip-hover': {
5955
backgroundColor: 'transparent !important',
56+
border: 'none !important',
6057
boxShadow: 'none !important'
6158
},
62-
'.cm-tooltip-arrow': {
63-
display: 'none !important'
64-
},
6559
'@keyframes fadeIn': {
6660
'from': {opacity: '0', transform: 'translateY(-2px)'},
6761
'to': {opacity: '1', transform: 'translateY(0)'}

0 commit comments

Comments
 (0)