vuewrite 0.0.18 → 0.0.19

package/dist/vuewrite.d.ts

@@ -213,6 +213,11 @@ declare class TextEditorStore {
     removeNewLine(): void;
     onInput(_e: Event): void;
     addNewLine(): void;
+    addNewLineAfter(): {
+        id: string;
+        text: string;
+        styles: never[];
+    };
     insertText(data: string): void;
     insertBlock(blockData: Partial<Block>): void;
     get startAndEnd(): [{

package/dist/vuewrite.js

@@ -366,6 +366,12 @@ class TextEditorStore {
     this.selection.focus = { blockId: block.id, offset: 0 };
     this.history.push("setText");
   }
+  addNewLineAfter() {
+    const index = this.blocks.findIndex((item) => item.id === this.selection.anchor.blockId);
+    const block = { id: uid(), text: "", styles: [] };
+    this.blocks.splice(index + 1, 0, block);
+    return block;
+  }
   insertText(data) {
     const block = this.currentBlock;
     if (!block)
@@ -388,7 +394,11 @@ class TextEditorStore {
     }
     Object.assign(this.currentBlock, blockData);
     if (blockData.editable === false && this.currentBlock === this.blocks[this.blocks.length - 1]) {
-      this.addNewLine();
+      const newLine = this.addNewLineAfter();
+      this.selection.focus.blockId = newLine.id;
+      this.selection.focus.offset = 0;
+      this.selection.anchor.blockId = newLine.id;
+      this.selection.anchor.offset = 0;
     }
     this.history.push("setText");
   }
@@ -606,12 +616,16 @@ const _sfc_main$2 = defineComponent({
       const markers = [];
       if (block.styles) {
         for (let style of block.styles) {
+          if (style.end <= style.start)
+            continue;
           markers.push([style.start, style]);
           markers.push([style.end, style]);
         }
       }
       if (props.parser) {
         for (let style of props.parser(text)) {
+          if (style.end <= style.start)
+            continue;
           markers.push([style.start, style]);
           markers.push([style.end, style]);
         }
@@ -843,11 +857,15 @@ const _sfc_main$1 = /* @__PURE__ */ defineComponent({
       store.history.push("setText");
     });
     const onCopy = (e) => {
+      if (e.defaultPrevented)
+        return;
       e.preventDefault();
       navigator.clipboard.writeText(store.selectedText);
       store.history.push("setText");
     };
     const onCut = (e) => {
+      if (e.defaultPrevented)
+        return;
       e.preventDefault();
       navigator.clipboard.writeText(store.selectedText);
       store.deleteSelected();
@@ -855,11 +873,22 @@ const _sfc_main$1 = /* @__PURE__ */ defineComponent({
     };
     const onPaste = (e) => {
       var _a;
+      if (e.defaultPrevented)
+        return;
       e.preventDefault();
       const text = (_a = e.clipboardData) == null ? void 0 : _a.getData("Text");
       if (!text)
         return;
-      store.insertText(text);
+      if (props.preventMultiline) {
+        const blocks = text.split("\n");
+        store.insertText(blocks[0]);
+        for (let i = 1; i < blocks.length; i++) {
+          store.addNewLine();
+          store.insertText(blocks[i]);
+        }
+      } else {
+        store.insertText(text);
+      }
       store.history.push("setText");
     };
     const getClientRects = (selection) => {

package/package.json

@@ -2,7 +2,7 @@
   "name": "vuewrite",
   "description": "Rich Text Editor based on Vue3 reactivity",
   "private": false,
-  "version": "0.0.18",
+  "version": "0.0.19",
   "type": "module",
   "license": "MIT",
   "author": "den59k",