style: 脚本组件折叠样式调整

frontend/src/components/business/ms-common-script/scriptDefined.vue

@@ -19,29 +19,31 @@
       </MsTag>
     </div>
   </div>
-  <div v-if="props.showType === 'commonScript'" class="relative flex w-full">
+  <div v-if="props.showType === 'commonScript'" class="flex bg-[var(--color-bg-3)]">
-    <MsCodeEditor
+    <div class="relative w-full">
-      ref="codeEditorRef"
+      <MsCodeEditor
-      v-model:model-value="innerCodeValue"
+        ref="codeEditorRef"
-      title=""
+        v-model:model-value="innerCodeValue"
-      :width="expandMenu ? '100%' : '68%'"
+        title=""
-      height="460px"
+        :width="expandMenu ? '100%' : '68%'"
-      theme="vs"
+        height="460px"
-      :language="innerLanguagesType"
+        theme="vs"
-      :read-only="false"
+        :language="innerLanguagesType"
-      :show-full-screen="false"
+        :read-only="false"
-      :show-theme-change="false"
+        :show-full-screen="false"
-    >
+        :show-theme-change="false"
-      <template #rightBox>
+      >
-        <MsScriptMenu
+        <template #rightBox>
-          v-model:expand="expandMenu"
+          <MsScriptMenu
-          v-model:languagesType="innerLanguagesType"
+            v-model:expand="expandMenu"
-          @insert="insertHandler"
+            v-model:languagesType="innerLanguagesType"
-          @form-api-import="formApiImport"
+            @insert="insertHandler"
-          @insert-common-script="insertCommonScript"
+            @form-api-import="formApiImport"
-        />
+            @insert-common-script="insertCommonScript"
-      </template>
+          />
-    </MsCodeEditor>
+        </template>
+      </MsCodeEditor>
+    </div>
   </div>
   <MsCodeEditor
     v-else