mirror of
https://github.com/labring/FastGPT.git
synced 2025-07-23 21:13:50 +00:00

* perf: insert mongo dataset data session * perf: dataset data index * remove delay * rename bill schema * rename bill record * perf: bill table * perf: prompt * perf: sub plan * change the usage count * feat: usage bill * publish usages * doc * 新增团队聊天功能 (#20) * perf: doc * feat 添加标签部分 feat 信息团队标签配置 feat 新增团队同步管理 feat team分享页面 feat 完成team分享页面 feat 实现模糊搜索 style 格式化 fix 修复迷糊匹配 style 样式修改 fix 团队标签功能修复 * fix 修复鉴权功能 * merge 合并代码 * fix 修复引用错误 * fix 修复pr问题 * fix 修复ts格式问题 --------- Co-authored-by: archer <545436317@qq.com> Co-authored-by: liuxingwan <liuxingwan.lxw@alibaba-inc.com> * update extra plan * fix: ts * format * perf: bill field * feat: standard plan * fix: ts * feat 个人账号页面修改 (#22) * feat 添加标签部分 feat 信息团队标签配置 feat 新增团队同步管理 feat team分享页面 feat 完成team分享页面 feat 实现模糊搜索 style 格式化 fix 修复迷糊匹配 style 样式修改 fix 团队标签功能修复 * fix 修复鉴权功能 * merge 合并代码 * fix 修复引用错误 * fix 修复pr问题 * fix 修复ts格式问题 * feat 修改个人账号页 --------- Co-authored-by: liuxingwan <liuxingwan.lxw@alibaba-inc.com> * sub plan page (#23) * fix chunk index; error page text * feat: dataset process Integral prediction * feat: stand plan field * feat: sub plan limit * perf: index * query extension * perf: share link push app name * perf: plan point unit * perf: get sub plan * perf: account page * feat 新增套餐详情弹窗代码 (#24) * merge 合并代码 * fix 新增套餐详情弹框 * fix 修复pr问题 * feat: change http node input to prompt editor (#21) * feat: change http node input to prompt editor * fix * split PromptEditor to HttpInput * Team plans (#25) * perf: pay check * perf: team plan test * plan limit check * replace sensitive text * perf: fix some null * collection null check * perf: plans modal * perf: http module * pacakge (#26) * individuation page and pay modal amount (#27) * feat: individuation page * team chat config * pay modal * plan count and replace invalid chars (#29) * fix: user oneapi * fix: training queue * fix: qa queue * perf: remove space chars * replace invalid chars * change httpinput dropdown menu (#28) * perf: http * reseet free plan * perf: plan code to packages * remove llm config to package * perf: code * perf: faq * fix: get team plan --------- Co-authored-by: yst <77910600+yu-and-liu@users.noreply.github.com> Co-authored-by: liuxingwan <liuxingwan.lxw@alibaba-inc.com> Co-authored-by: heheer <71265218+newfish-cmyk@users.noreply.github.com>
153 lines
4.6 KiB
TypeScript
153 lines
4.6 KiB
TypeScript
import { useState, useRef, useTransition, useEffect } from 'react';
|
|
import { LexicalComposer } from '@lexical/react/LexicalComposer';
|
|
import { PlainTextPlugin } from '@lexical/react/LexicalPlainTextPlugin';
|
|
import { ContentEditable } from '@lexical/react/LexicalContentEditable';
|
|
import { HistoryPlugin } from '@lexical/react/LexicalHistoryPlugin';
|
|
import { OnChangePlugin } from '@lexical/react/LexicalOnChangePlugin';
|
|
import LexicalErrorBoundary from '@lexical/react/LexicalErrorBoundary';
|
|
import VariablePickerPlugin from './plugins/VariablePickerPlugin';
|
|
import { Box } from '@chakra-ui/react';
|
|
import styles from './index.module.scss';
|
|
import VariablePlugin from './plugins/VariablePlugin';
|
|
import { VariableNode } from './plugins/VariablePlugin/node';
|
|
import { EditorState, LexicalEditor } from 'lexical';
|
|
import OnBlurPlugin from './plugins/OnBlurPlugin';
|
|
import MyIcon from '../../Icon';
|
|
import { EditorVariablePickerType } from './type.d';
|
|
import { getNanoid } from '@fastgpt/global/common/string/tools';
|
|
import FocusPlugin from './plugins/FocusPlugin';
|
|
import { textToEditorState } from './utils';
|
|
|
|
export default function Editor({
|
|
h = 200,
|
|
showResize = true,
|
|
showOpenModal = true,
|
|
onOpenModal,
|
|
variables,
|
|
onChange,
|
|
onBlur,
|
|
value,
|
|
placeholder = ''
|
|
}: {
|
|
h?: number;
|
|
showResize?: boolean;
|
|
showOpenModal?: boolean;
|
|
onOpenModal?: () => void;
|
|
variables: EditorVariablePickerType[];
|
|
onChange?: (editorState: EditorState) => void;
|
|
onBlur?: (editor: LexicalEditor) => void;
|
|
value?: string;
|
|
currentValue?: string;
|
|
placeholder?: string;
|
|
}) {
|
|
const [key, setKey] = useState(getNanoid(6));
|
|
const [_, startSts] = useTransition();
|
|
const [height, setHeight] = useState(h);
|
|
const [focus, setFocus] = useState(false);
|
|
|
|
const initialConfig = {
|
|
namespace: 'promptEditor',
|
|
nodes: [VariableNode],
|
|
editorState: textToEditorState(value),
|
|
onError: (error: Error) => {
|
|
throw error;
|
|
}
|
|
};
|
|
|
|
const initialY = useRef(0);
|
|
const handleMouseDown = (e: React.MouseEvent) => {
|
|
initialY.current = e.clientY;
|
|
|
|
const handleMouseMove = (e: MouseEvent) => {
|
|
const deltaY = e.clientY - initialY.current;
|
|
setHeight((prevHeight) => (prevHeight + deltaY < h * 0.5 ? h * 0.5 : prevHeight + deltaY));
|
|
initialY.current = e.clientY;
|
|
};
|
|
|
|
const handleMouseUp = () => {
|
|
document.removeEventListener('mousemove', handleMouseMove);
|
|
document.removeEventListener('mouseup', handleMouseUp);
|
|
};
|
|
|
|
document.addEventListener('mousemove', handleMouseMove);
|
|
document.addEventListener('mouseup', handleMouseUp);
|
|
};
|
|
|
|
useEffect(() => {
|
|
if (focus) return;
|
|
setKey(getNanoid(6));
|
|
}, [value, variables.length]);
|
|
|
|
return (
|
|
<Box position={'relative'} width={'full'} h={`${height}px`} cursor={'text'}>
|
|
<LexicalComposer initialConfig={initialConfig} key={key}>
|
|
<PlainTextPlugin
|
|
contentEditable={<ContentEditable className={styles.contentEditable} />}
|
|
placeholder={
|
|
<Box
|
|
position={'absolute'}
|
|
top={0}
|
|
left={0}
|
|
right={0}
|
|
bottom={0}
|
|
py={3}
|
|
px={4}
|
|
pointerEvents={'none'}
|
|
overflow={'overlay'}
|
|
>
|
|
<Box
|
|
color={'myGray.500'}
|
|
fontSize={'xs'}
|
|
userSelect={'none'}
|
|
whiteSpace={'pre-wrap'}
|
|
wordBreak={'break-all'}
|
|
h={'100%'}
|
|
>
|
|
{placeholder}
|
|
</Box>
|
|
</Box>
|
|
}
|
|
ErrorBoundary={LexicalErrorBoundary}
|
|
/>
|
|
<HistoryPlugin />
|
|
<FocusPlugin focus={focus} setFocus={setFocus} />
|
|
<OnChangePlugin
|
|
onChange={(e) => {
|
|
startSts(() => {
|
|
onChange?.(e);
|
|
});
|
|
}}
|
|
/>
|
|
<VariablePickerPlugin variables={variables} />
|
|
<VariablePlugin variables={variables} />
|
|
<OnBlurPlugin onBlur={onBlur} />
|
|
</LexicalComposer>
|
|
{showResize && (
|
|
<Box
|
|
position={'absolute'}
|
|
right={'0'}
|
|
bottom={'-1'}
|
|
zIndex={9}
|
|
cursor={'ns-resize'}
|
|
px={'2px'}
|
|
onMouseDown={handleMouseDown}
|
|
>
|
|
<MyIcon name={'common/editor/resizer'} width={'14px'} height={'14px'} />
|
|
</Box>
|
|
)}
|
|
{showOpenModal && (
|
|
<Box
|
|
zIndex={10}
|
|
position={'absolute'}
|
|
bottom={1}
|
|
right={2}
|
|
cursor={'pointer'}
|
|
onClick={onOpenModal}
|
|
>
|
|
<MyIcon name={'common/fullScreenLight'} w={'14px'} color={'myGray.600'} />
|
|
</Box>
|
|
)}
|
|
</Box>
|
|
);
|
|
}
|