feat(EditorContainer): support hide message & hide message btn

litingyes · litingyes · commit 00fa113ecb49 · 2023-07-09T15:52:25.000+08:00
diff --git a/package.json b/package.json
@@ -30,7 +30,7 @@
     "./dist/style.css": "./dist/style.css"
   },
   "scripts": {
-    "dev": "vite",
+    "dev": "vite --port 5555",
     "build": "vite build",
     "build-types": "vue-tsc -p tsconfig.build.json && api-extractor run -c api-extractor.json && node scripts/cleanup.js",
     "build-preview": "vite build -c vite.preview.config.ts",
diff --git a/src/extend/EditorContainer.vue b/src/extend/EditorContainer.vue
@@ -6,10 +6,19 @@ import { Store } from '../store'
 import MessageToggle from '../editor/MessageToggle.vue'
 import MonacoEditor from '../editor/MonacoEditor.vue'
 
+export interface Props {
+  hideMessageToggle?: boolean
+  hideMessage?: boolean
+}
+
+const props = withDefaults(defineProps<Props>(), {
+  hideMessageToggle: false,
+})
+
 const SHOW_ERROR_KEY = 'repl_show_error'
 
 const store = inject('store') as Store
-const showMessage = ref(getItem())
+const showMessage = ref(props.hideMessage || getItem())
 
 const onChange = debounce((code: string) => {
   store.state.activeFile.code = code
@@ -37,7 +46,7 @@ watch(showMessage, () => {
       :filename="store.state.activeFile.filename"
     />
     <Message v-show="showMessage" :err="store.state.errors[0]" />
-    <MessageToggle v-model="showMessage" />
+    <MessageToggle v-if="!props.hideMessageToggle" v-model="showMessage" />
   </div>
 </template>
 
