feat: add showOpenSource prop

Author: edison1105

src/Repl.vue

@@ -18,6 +18,7 @@ export interface Props {
   store?: Store
   autoResize?: boolean
   showCompileOutput?: boolean
+  showOpenSource?: boolean
   showImportMap?: boolean
   showTsConfig?: boolean
   clearConsole?: boolean
@@ -53,6 +54,7 @@ const props = withDefaults(defineProps<Props>(), {
   store: () => useStore(),
   autoResize: true,
   showCompileOutput: true,
+  showOpenSource: false,
   showImportMap: true,
   showTsConfig: true,
   clearConsole: true,
@@ -105,6 +107,7 @@ defineExpose({ reload })
           ref="output"
           :editor-component="editor"
           :show-compile-output="props.showCompileOutput"
+          :show-open-source="props.showOpenSource"
           :ssr="!!props.ssr"
         />
       </template>

src/output/Output.vue

@@ -10,7 +10,8 @@ import {
 const props = defineProps<{
   editorComponent: EditorComponentType
   showCompileOutput?: boolean
-  ssr: boolean
+  ssr: boolean,
+  showOpenSource?: boolean
 }>()
 
 const { store } = inject(injectKeyProps)!
@@ -34,7 +35,7 @@ const mode = computed<OutputModes>({
 })
 
 const showSourceMap = computed(() => {
-  return mode.value === 'js' || mode.value === 'ssr'
+  return props.showOpenSource && mode.value === 'js' || mode.value === 'ssr'
 })
 
 function openSourceMap() {

test/main.ts

@@ -58,6 +58,7 @@ const App = {
         theme: theme.value,
         previewTheme: previewTheme.value,
         editor: MonacoEditor,
+        showOpenSource: true,
         // layout: 'vertical',
         ssr: true,
         sfcOptions: {