|
@@ -1,5 +1,5 @@
|
|
|
<template>
|
|
|
- <div ref="monacoRef" :style="{ height }" class="le-monaco-editor" />
|
|
|
+ <div ref="monacoRef" :style="{ height }" :class="['le-monaco-editor', { 'is-disabled': disabled }]" />
|
|
|
</template>
|
|
|
<script setup lang="ts">
|
|
|
import * as monaco from 'monaco-editor'
|
|
@@ -129,6 +129,9 @@ defineExpose({
|
|
|
border: 1px solid var(--el-color-primary);
|
|
|
border-radius: var(--el-border-radius-base);
|
|
|
}
|
|
|
+ &.is-disabled {
|
|
|
+ border: 1px solid var(--el-border-color-light);
|
|
|
+ }
|
|
|
.monaco-editor {
|
|
|
height: 100%;
|
|
|
.decorationsOverviewRuler,
|