Merge branch 'main' of github.com:le5le-com/visualization-design

src/views/components/common/MonacoModal.vue

@@ -1,31 +1,33 @@
 <template>
-  <t-dialog
-    :header="title"
-    :visible="visible"
-    width="900px"
-    :on-confirm="handleOk"
-    :on-cancel="cancel"
-    :on-close="cancel"
-  >
-    <t-radio-group
-      v-if="options"
-      size="small"
-      v-model="currentValue"
-      :default-value="0"
-      @change="changeOption"
+  <div class="monaco-dialog">
+    <t-dialog
+      :header="title"
+      :visible="visible"
+      width="900px"
+      :on-confirm="handleOk"
+      :on-cancel="cancel"
+      :on-close="cancel"
     >
-      <t-tooltip
-        v-for="option in options"
-        :content="option.tip"
-        placement="top"
+      <t-radio-group
+        v-if="options"
+        size="small"
+        v-model="currentValue"
+        :default-value="0"
+        @change="changeOption"
       >
-        <t-radio-button :value="option.value">
-          {{ option.name }}</t-radio-button
+        <t-tooltip
+          v-for="option in options"
+          :content="option.tip"
+          placement="top"
         >
-      </t-tooltip>
-    </t-radio-group>
-    <div ref="monacoDom" class="monaco"></div>
-  </t-dialog>
+          <t-radio-button :value="option.value">
+            {{ option.name }}</t-radio-button
+          >
+        </t-tooltip>
+      </t-radio-group>
+      <div ref="monacoDom" class="monaco"></div>
+    </t-dialog>
+  </div>
 </template>
 <script lang="ts">
 export interface monacoOption {
@@ -146,9 +148,9 @@ watch(
           monaco.editor.setModelLanguage(editor.getModel(), props.language);
         }
         // 格式化
-        setTimeout(() => {
-          editor.getAction(['editor.action.formatDocument'])._run();
-        }, 300);
+        // setTimeout(() => {
+        //   editor.getAction(["editor.action.formatDocument"])._run();
+        // }, 300);
       });
     }
   }