feat: code editor base

This commit is contained in:
Joel
2024-02-21 11:04:37 +08:00
parent 13a54c3f56
commit 71d3f71e22
4 changed files with 134 additions and 3 deletions

View File

@ -5,7 +5,8 @@ import { mockData } from './mock'
import VarList from '@/app/components/workflow/nodes/_base/components/variable/var-list'
import AddButton from '@/app/components/base/button/add-button'
import Field from '@/app/components/workflow/nodes/_base/components/field'
import Split from '@/app/components/workflow/nodes/_base/components/split'
import CodeEditor from '@/app/components/workflow/nodes/_base/components/editor/code-editor'
const i18nPrefix = 'workflow.nodes.code'
const Panel: FC = () => {
@ -16,6 +17,8 @@ const Panel: FC = () => {
inputs,
handleVarListChange,
handleAddVariable,
handleCodeChange,
handleCodeLanguageChange,
} = useConfig(mockData)
return (
<div className='mt-2 px-4 space-y-4'>
@ -31,6 +34,14 @@ const Panel: FC = () => {
onChange={handleVarListChange}
/>
</Field>
<Split />
<CodeEditor
value={inputs.code}
onChange={handleCodeChange}
codeLanguage={inputs.code_language}
onCodeLanguageChange={handleCodeLanguageChange}
/>
<Split />
</div>
)
}