vuewrite 0.0.3 → 0.0.4

package/dist/vuewrite.d.ts

@@ -145,6 +145,8 @@ declare class TextEditorStore {
             meta?: any;
         }[];
     } | null;
+    _selectedText: ComputedRef<string>;
+    get selectedText(): string;
     moveOffset(newOffset: number): void;
     onInput(_e: Event): void;
     addNewLine(): void;

package/dist/vuewrite.js

@@ -156,6 +156,18 @@ class TextEditorStore {
         return null;
       return this.blocks.find((item) => item.id === this.selection.anchor.blockId) ?? null;
     }));
+    __publicField(this, "_selectedText", computed(() => {
+      if (this.isCollapsed)
+        return "";
+      const [start, end, startIndex, endIndex] = this.startAndEnd;
+      if (startIndex === endIndex) {
+        return this.blocks[startIndex].text.slice(start.offset, end.offset);
+      }
+      const startText = this.blocks[startIndex].text.slice(start.offset);
+      const endText = this.blocks[endIndex].text.slice(0, end.offset);
+      const arr = [startText, ...this.blocks.slice(startIndex + 1, endIndex).map((block) => block.text), endText];
+      return arr.join("\n");
+    }));
     __publicField(this, "_currentStyles", computed(() => {
       const [start, end, startIndex, endIndex] = this.startAndEnd;
       const styles = /* @__PURE__ */ new Map();
@@ -179,6 +191,9 @@ class TextEditorStore {
   get currentBlock() {
     return this._currentBlock.value;
   }
+  get selectedText() {
+    return this._selectedText.value;
+  }
   moveOffset(newOffset) {
     const delta = newOffset - this.selection.anchor.offset;
     if (delta === 0)
@@ -663,6 +678,23 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
         applySelection();
       }
     });
+    const onCopy = (e) => {
+      e.preventDefault();
+      navigator.clipboard.writeText(store.selectedText);
+    };
+    const onCut = (e) => {
+      e.preventDefault();
+      navigator.clipboard.writeText(store.selectedText);
+      store.deleteSelected();
+    };
+    const onPaste = (e) => {
+      var _a;
+      e.preventDefault();
+      const text = (_a = e.clipboardData) == null ? void 0 : _a.getData("Text");
+      if (!text)
+        return;
+      store.insertText(text);
+    };
     __expose({
       currentStyles: store._currentStyles,
       currentBlock: store._currentBlock,
@@ -682,7 +714,10 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
         contenteditable: "",
         onInput: _cache[0] || (_cache[0] = //@ts-ignore
         (...args) => unref(store).onInput && unref(store).onInput(...args)),
-        onKeydown: onKeyDown
+        onKeydown: onKeyDown,
+        onCopy,
+        onPaste,
+        onCut
       }, [
         (openBlock(true), createElementBlock(Fragment, null, renderList(unref(store).blocks, (block) => {
           return openBlock(), createBlock(_sfc_main$1, {

package/package.json

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