【fix ESLint】src/components/jero/JCodeEditor
This commit is contained in:
@@ -1,6 +1,6 @@
|
|||||||
<template>
|
<template>
|
||||||
<div v-bind="fullScreenParentProps">
|
<div v-bind="fullScreenParentProps">
|
||||||
<a-icon v-if="fullScreen" class="full-screen-icon" :type="iconType" @click="()=>fullCoder=!fullCoder"/>
|
<a-icon v-if="fullScreen" class="full-screen-icon" :type="iconType" @click="()=>fullCoder=!fullCoder" />
|
||||||
|
|
||||||
<div class="code-editor-cust full-screen-child">
|
<div class="code-editor-cust full-screen-child">
|
||||||
<textarea ref="textarea"></textarea>
|
<textarea ref="textarea"></textarea>
|
||||||
@@ -284,11 +284,7 @@ export default {
|
|||||||
// 支持双向绑定
|
// 支持双向绑定
|
||||||
this.coder.on('change', (coder) => {
|
this.coder.on('change', (coder) => {
|
||||||
this.code = coder.getValue()
|
this.code = coder.getValue()
|
||||||
if (this.code) {
|
this.hasCode = !!this.code
|
||||||
this.hasCode = true
|
|
||||||
} else {
|
|
||||||
this.hasCode = false
|
|
||||||
}
|
|
||||||
if (this.$emit) {
|
if (this.$emit) {
|
||||||
this.$emit('input', this.code)
|
this.$emit('input', this.code)
|
||||||
}
|
}
|
||||||
@@ -297,11 +293,7 @@ export default {
|
|||||||
this.hasCode = true
|
this.hasCode = true
|
||||||
})
|
})
|
||||||
this.coder.on('blur', () => {
|
this.coder.on('blur', () => {
|
||||||
if (this.code) {
|
this.hasCode = !!this.code
|
||||||
this.hasCode = true
|
|
||||||
} else {
|
|
||||||
this.hasCode = false
|
|
||||||
}
|
|
||||||
})
|
})
|
||||||
|
|
||||||
/* this.coder.on('cursorActivity',()=>{
|
/* this.coder.on('cursorActivity',()=>{
|
||||||
@@ -364,31 +356,36 @@ export default {
|
|||||||
</script>
|
</script>
|
||||||
|
|
||||||
<style lang="less">
|
<style lang="less">
|
||||||
.code-editor-cust{
|
.code-editor-cust {
|
||||||
flex-grow:1;
|
flex-grow: 1;
|
||||||
display:flex;
|
display: flex;
|
||||||
position:relative;
|
position: relative;
|
||||||
height:100%;
|
height: 100%;
|
||||||
.CodeMirror{
|
|
||||||
flex-grow:1;
|
.CodeMirror {
|
||||||
z-index:1;
|
flex-grow: 1;
|
||||||
.CodeMirror-code{
|
z-index: 1;
|
||||||
line-height:19px;
|
|
||||||
|
.CodeMirror-code {
|
||||||
|
line-height: 19px;
|
||||||
}
|
}
|
||||||
|
|
||||||
}
|
}
|
||||||
.code-mode-select{
|
|
||||||
position:absolute;
|
.code-mode-select {
|
||||||
z-index:2;
|
position: absolute;
|
||||||
right:10px;
|
z-index: 2;
|
||||||
top:10px;
|
right: 10px;
|
||||||
max-width:130px;
|
top: 10px;
|
||||||
|
max-width: 130px;
|
||||||
}
|
}
|
||||||
.CodeMirror{
|
|
||||||
|
.CodeMirror {
|
||||||
height: auto;
|
height: auto;
|
||||||
min-height:100%;
|
min-height: 100%;
|
||||||
}
|
}
|
||||||
.null-tip{
|
|
||||||
|
.null-tip {
|
||||||
position: absolute;
|
position: absolute;
|
||||||
top: 4px;
|
top: 4px;
|
||||||
left: 36px;
|
left: 36px;
|
||||||
@@ -396,17 +393,20 @@ export default {
|
|||||||
color: #ffffffc9;
|
color: #ffffffc9;
|
||||||
line-height: initial;
|
line-height: initial;
|
||||||
}
|
}
|
||||||
.null-tip-hidden{
|
|
||||||
|
.null-tip-hidden {
|
||||||
display: none;
|
display: none;
|
||||||
}
|
}
|
||||||
|
|
||||||
/**选中样式偶然出现高度不够的情况*/
|
/**选中样式偶然出现高度不够的情况*/
|
||||||
.CodeMirror-selected{
|
|
||||||
|
.CodeMirror-selected {
|
||||||
min-height: 19px !important;
|
min-height: 19px !important;
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
|
|
||||||
/* 全屏样式 */
|
/* 全屏样式 */
|
||||||
.full-screen-parent {
|
.full-screen-parent {
|
||||||
position: relative;
|
position: relative;
|
||||||
|
|
||||||
.full-screen-icon {
|
.full-screen-icon {
|
||||||
@@ -474,9 +474,9 @@ export default {
|
|||||||
}
|
}
|
||||||
}
|
}
|
||||||
|
|
||||||
}
|
}
|
||||||
|
|
||||||
.CodeMirror-cursor{
|
.CodeMirror-cursor {
|
||||||
height:18.4px !important;
|
height: 18.4px !important;
|
||||||
}
|
}
|
||||||
</style>
|
</style>
|
||||||
|
|||||||
Reference in New Issue
Block a user