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

Refactor(Transform): Remove auto add react import when transform

Browse Source
This commit is contained in:
Fat Snake
2024-09-13 09:20:02 +08:00
parent 72ab390756
commit d6d5cd927c
1 changed files with 2 additions and 7 deletions
Download Patch File Download Diff File Expand all files Collapse all files

9
src/components/Playground/Output/Transform/index.tsx
View File

@@ -2,7 +2,7 @@ import MonacoEditor from '@monaco-editor/react'
import { Loader } from 'esbuild-wasm' import { Loader } from 'esbuild-wasm'
import '@/components/Playground/Output/Transform/transform.scss' import '@/components/Playground/Output/Transform/transform.scss'
import { IFile, ITheme } from '@/components/Playground/shared' import { IFile, ITheme } from '@/components/Playground/shared'
import { cssToJs, jsonToJs, addReactImport } from '@/components/Playground/files' import { cssToJs, jsonToJs } from '@/components/Playground/files'
import Compiler from '@/components/Playground/compiler' import Compiler from '@/components/Playground/compiler'
import { MonacoEditorConfig } from '@/components/Playground/CodeEditor/Editor/monacoConfig' import { MonacoEditorConfig } from '@/components/Playground/CodeEditor/Editor/monacoConfig'
@@ -16,12 +16,7 @@ const Transform = ({ file, theme }: OutputProps) => {
const [errorMsg, setErrorMsg] = useState('') const [errorMsg, setErrorMsg] = useState('')
const compile = (code: string, loader: Loader) => { const compile = (code: string, loader: Loader) => {
let _code = code Compiler?.transform(code, loader)
if (['jsx', 'tsx'].includes(loader)) {
_code = addReactImport(code)
}
Compiler?.transform(_code, loader)
.then((value) => { .then((value) => {
setCompiledCode(value.code) setCompiledCode(value.code)
setErrorMsg('') setErrorMsg('')