代码编辑器

解决无界微前端接入代码编辑器monaco-editor之后出现，交互异常的问题

• 1.0.11: 适配 0.45.0
• 1.0.9: 适配 0.47.0，firefox浏览器当中存在问题
• 1.0.6: 适配 0.52.2，firefox浏览器当中存在问题
• 1.0.4: 适配 0.44.0

使用方式

<template>
  <Editor ref="editorRef" @editorInstanceUpdate="editorInstanceUpdate" :options="options" :style="{ height: '300px' }" />
</template>

<script setup>
import {ref, onMounted} from "vue";
import monaco, { Editor } from "@lbx/editor";

const editorRef = ref();
const options = ref({
  value: 'select * from user',
  fontSize: 26
})
const editorInstanceUpdate = (editor) => {
  console.log("props editor: ", editor);
}
onMounted(() => {
  const instance = editorRef.value.getEditorInstance?.();
  console.log("ref get editor instance: ", instance);
})

console.log("Editor: ", monaco, Editor);

</script>