feat(EditorContainer): support hidden sfc of file-selector

litingyes · litingyes · commit 9fe6a9bb0292 · 2023-07-08T00:11:10.000+08:00
diff --git a/src/editor/EditorContainer.vue b/src/editor/EditorContainer.vue
@@ -9,9 +9,18 @@ import type { EditorComponentType } from './types'
 
 const SHOW_ERROR_KEY = 'repl_show_error'
 
-const props = defineProps<{
+interface Props {
   editorComponent: EditorComponentType
-}>()
+  hideFileSelector?: Boolean
+}
+
+// const props = defineProps<{
+//   editorComponent: EditorComponentType
+// }>()
+
+const props = withDefaults(defineProps<Props>(), {
+  hideFileSelector: () => false,
+})
 
 const store = inject('store') as Store
 const showMessage = ref(getItem())
@@ -35,7 +44,7 @@ watch(showMessage, () => {
 </script>
 
 <template>
-  <FileSelector />
+  <FileSelector v-if="!hideFileSelector" />
   <div class="editor-container">
     <props.editorComponent
       @change="onChange"
diff --git a/src/index.ts b/src/index.ts
@@ -4,6 +4,7 @@ export { ReplStore, File, defaultMainFile, importMapFile } from './store'
 export { compileFile } from './transform'
 export { default as CodeMirrorEditor } from './editor/CodeMirrorEditor.vue'
 export { default as MonacoEditor } from './editor/MonacoEditor.vue'
+export { default as EditorContainer } from './editor/EditorContainer.vue'
 export type { Props as ReplProps } from './Repl.vue'
 export type { Store, StoreOptions, SFCOptions, StoreState } from './store'
 export type { OutputModes } from './output/types'
