youngkingdom/dify
1
0
Fork 0
mirror of https://github.com/langgenius/dify.git synced 2026-05-06 02:18:08 +08:00
Code Issues Packages Projects Releases Wiki Activity

fix comment cursor position

Browse Source
This commit is contained in:
hjlarry
2025-09-18 09:17:45 +08:00
parent 4653981b6b
commit e8683bf957
3 changed files with 16 additions and 22 deletions
Download Patch File Download Diff File Expand all files Collapse all files

13
web/app/components/workflow/comment/comment-input.tsx
View File

@ -1,6 +1,5 @@
import type { FC } from 'react'
import { memo, useCallback, useEffect, useMemo, useState } from 'react'
import { useReactFlow, useViewport } from 'reactflow'
import { memo, useCallback, useEffect, useState } from 'react'
import Avatar from '@/app/components/base/avatar'
import { useAppContext } from '@/context/app-context'
import { MentionInput } from './mention-input'
@ -15,12 +14,6 @@ type CommentInputProps = {
export const CommentInput: FC<CommentInputProps> = memo(({ position, onSubmit, onCancel }) => {
const [content, setContent] = useState('')
const { userProfile } = useAppContext()
const { flowToScreenPosition } = useReactFlow()
const viewport = useViewport()
const screenPosition = useMemo(() => {
return flowToScreenPosition(position)
}, [position.x, position.y, viewport.x, viewport.y, viewport.zoom, flowToScreenPosition])
useEffect(() => {
const handleGlobalKeyDown = (e: KeyboardEvent) => {
@ -46,8 +39,8 @@ export const CommentInput: FC<CommentInputProps> = memo(({ position, onSubmit, o
<div
className="absolute z-50 w-96"
style={{
left: screenPosition.x,
top: screenPosition.y,
left: position.x,
top: position.y,
}}
data-comment-input
>

4
web/app/components/workflow/comment/cursor.tsx
View File

@ -17,8 +17,8 @@ export const CommentCursor: FC<CommentCursorProps> = memo(({ mousePosition }) =>
<div
className="pointer-events-none absolute z-50 flex h-6 w-6 items-center justify-center"
style={{
left: mousePosition.elementX - 3,
top: mousePosition.elementY - 3,
left: mousePosition.elementX,
top: mousePosition.elementY,
transform: 'translate(-50%, -50%)',
}}
>