You cannot select more than 25 topics
Topics must start with a letter or number, can include dashes ('-') and can be up to 35 characters long.
67 lines
1.3 KiB
JavaScript
67 lines
1.3 KiB
JavaScript
4 years ago
|
import _ from 'lodash';
|
||
|
|
import DOMAttachedObject from 'vj/components/DOMAttachedObject';
|
||
|
|
|
||
|
|
export default class CmEditor extends DOMAttachedObject {
|
||
|
|
static DOMAttachKey = 'vjCmEditorInstance';
|
||
|
|
|
||
|
|
constructor($dom, options = {}) {
|
||
|
|
super($dom);
|
||
|
|
this.editor = null;
|
||
|
|
this.options = options;
|
||
|
|
this.init();
|
||
|
|
}
|
||
|
|
|
||
|
|
async init() {
|
||
|
|
const { default: VjCmEditor } = await import('./vjcmeditor');
|
||
|
|
|
||
|
|
const hasFocus = this.$dom.is(':focus');
|
||
|
|
const srcHeight = this.$dom.outerHeight();
|
||
|
|
|
||
|
|
this.editor = new VjCmEditor({
|
||
|
|
...this.options,
|
||
|
|
element: this.$dom.get(0),
|
||
|
|
});
|
||
|
|
this.moveToEnd();
|
||
|
|
|
||
|
|
const $editor = $(this.editor.wrapper);
|
||
|
|
$editor.css('height', srcHeight);
|
||
|
|
$editor.addClass('toolbar--visible');
|
||
|
|
|
||
|
|
if (hasFocus) {
|
||
|
|
this.focus();
|
||
|
|
}
|
||
|
|
}
|
||
|
|
|
||
|
|
isValid() {
|
||
|
|
return (this.editor !== null);
|
||
|
|
}
|
||
|
|
|
||
|
|
ensureValid() {
|
||
|
|
if (!this.isValid()) {
|
||
|
|
throw new Error('VjCmEditor is not loaded');
|
||
|
|
}
|
||
|
|
}
|
||
|
|
|
||
|
|
value(...argv) {
|
||
|
|
this.ensureValid();
|
||
|
|
const ret = this.editor.value(...argv);
|
||
|
|
if (argv.length > 0) {
|
||
|
|
this.moveToEnd();
|
||
|
|
}
|
||
|
|
return ret;
|
||
|
|
}
|
||
|
|
|
||
|
|
focus() {
|
||
|
|
this.ensureValid();
|
||
|
|
this.editor.codemirror.focus();
|
||
|
|
}
|
||
|
|
|
||
|
|
moveToEnd() {
|
||
|
|
this.ensureValid();
|
||
|
|
const cm = this.editor.codemirror;
|
||
|
|
cm.setCursor(cm.lineCount(), 0);
|
||
|
|
}
|
||
|
|
}
|
||
|
|
|
||
|
|
_.assign(CmEditor, DOMAttachedObject);
|