fix：Optimize JS page style (#1081)

opentiny · hexqi · Jan 26, 2025 · Jan 16, 2025 · Jan 16, 2025 · Jan 16, 2025
commit 07509fd1686c37ed875038099963a8371dbfa251
diff --git a/packages/common/component/SvgButton.vue b/packages/common/component/SvgButton.vue
@@ -1,5 +1,5 @@
 <template>
-  <span class="svg-button" :class="{ 'svg-button-hover': hoverBgColor }" @click="$emit('click', $event)">
+  <span class="svg-button" :class="{ 'svg-button-hover': hoverBgColor }" @click="handleClick($event)">
     <tiny-tooltip effect="dark" :content="tips" :placement="placement">
       <component :is="name" v-if="isTinyIcon" />
       <svg-icon v-else :name="name"></svg-icon>
@@ -34,11 +34,17 @@ export default {
     }
   },
   emits: ['click'],
-  setup(props) {
+  setup(props, { emit }) {
     const isTinyIcon = computed(() => props.name.toLowerCase().indexOf('icon') === 0)
 
+    const handleClick = (event) => {
+      event.target.blur()
+      emit('click', event)
+    }
+
     return {
-      isTinyIcon
+      isTinyIcon,
+      handleClick
     }
   }
 }

diff --git a/packages/plugins/script/src/Main.vue b/packages/plugins/script/src/Main.vue
@@ -59,12 +59,11 @@ export default {
         enabled: false
       },
       placeholder: `// ✅ 函数声明可以保存
-      \n function topLevelFunction(){ \n
-      \u200B \u200B const message = 'hello tiny-engine.' \n
+       function topLevelFunction(){ 
+      \u200B \u200B const message = 'hello tiny-engine.' 
       \u200B \u200B console.log(message) 
-      \n }
-      \n 
-      // ❌ 顶层/常规 变量声明 \n const someVariable = 42 \n
+      } \n 
+      // ❌ 顶层/常规 变量声明 \n const someVariable = 42 
       // ❌ 表达式 \n const result = someVariable + 10`,
 
       // 禁用滚动条边边一直显示的边框
@@ -185,4 +184,8 @@ export default {
     margin-left: 5px;
   }
 }
+
+:deep(.monaco-editor .editorPlaceholder) {
+  font-size: 12px !important;
+}
 </style>