FatttSnake/oxygen-ui
1
0
Fork 0
Code Pull Requests Activity

Optimize Transform

Browse Source
This commit is contained in:
Fat Snake
2024-01-10 23:00:30 +08:00
parent 71052009ae
commit 309d5892c7
7 changed files with 111 additions and 107 deletions
Download Patch File Download Diff File Expand all files Collapse all files

15
src/pages/OnlineEditor.tsx
View File

@@ -1,13 +1,14 @@
import React from 'react'
import React, { useState } from 'react'
import CodeEditor from '@/components/Playground/CodeEditor'
import { initFiles } from '@/components/Playground/files'
import { initFiles, MAIN_FILE_NAME } from '@/components/Playground/files'
import { IFiles } from '@/components/Playground/shared'
import FitFullscreen from '@/components/common/FitFullscreen.tsx'
import FlexBox from '@/components/common/FlexBox.tsx'
import Preview from '@/components/Playground/Preview'
import FitFullscreen from '@/components/common/FitFullscreen'
import FlexBox from '@/components/common/FlexBox'
import Transform from '@/components/Playground/Transform'
const OnlineEditor: React.FC = () => {
const [files, setFiles] = useState<IFiles>(initFiles)
const [selectedFileName, setSelectedFileName] = useState(MAIN_FILE_NAME)
return (
<>
@@ -15,12 +16,14 @@ const OnlineEditor: React.FC = () => {
<FlexBox style={{ width: '100%', height: '100%' }} direction={'horizontal'}>
<CodeEditor
files={files}
onSelectedFileChange={setSelectedFileName}
selectedFileName={selectedFileName}
onAddFile={(_, files) => setFiles(files)}
onRemoveFile={(_, files) => setFiles(files)}
onRenameFile={(_, __, files) => setFiles(files)}
onChangeFileContent={(_, __, files) => setFiles(files)}
/>
<Preview files={files} />
<Transform file={files[selectedFileName]} />
</FlexBox>
</FitFullscreen>
</>