ui-default: init

将ui-default合并至主存储库便于维护

packages/ui-default/components/cmeditor/index.js

@@ -0,0 +1,66 @@
+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);