vuewrite 0.0.23 → 0.0.24-a

package/dist/vuewrite.d.ts

@@ -97,6 +97,7 @@ offset: number;
 };
 };
 isFocused: Ref<boolean>;
+getCurrentBlocks: () => Generator<Block, any, unknown>;
 toggleStyle: (style: string) => void;
 applyStyle: (_style: string, meta?: any) => void;
 removeStyle: (_style: string) => void;
@@ -131,7 +132,9 @@ onKeydown?: ((...args: any[]) => any) | undefined;
 "onUpdate:modelValue"?: ((...args: any[]) => any) | undefined;
 "onUpdate:styles"?: ((...args: any[]) => any) | undefined;
 }, {}, {}>, {
+    _before?(_: {}): any;
     placeholder?(_: {}): any;
+    _after?(_: {}): any;
 }>;
 
 declare class TextEditorHistory {
@@ -150,7 +153,7 @@ declare class TextEditorHistory {
     redo(): void;
 }
 
-export declare type TextEditorRef = Pick<TextEditorStore, "currentStyles" | "currentBlock" | "isCollapsed" | "selection" | "toggleStyle" | "applyStyle" | "removeStyle" | "insertText" | "insertBlock" | "addNewLine" | "removeNewLine" | "selectAll" | "removeCurrentBlock"> & {
+export declare type TextEditorRef = Pick<TextEditorStore, "currentStyles" | "currentBlock" | "isCollapsed" | "selection" | "getCurrentBlocks" | "toggleStyle" | "applyStyle" | "removeStyle" | "insertText" | "insertBlock" | "addNewLine" | "removeNewLine" | "selectAll" | "removeCurrentBlock"> & {
     isFocused: boolean;
     getClientRects: (selection: TextEditorSelection) => DOMRectList;
     pushHistory: TextEditorHistory["push"];
@@ -218,6 +221,7 @@ declare class TextEditorStore {
         }[] | undefined;
         editable?: boolean | undefined;
     } | null;
+    getCurrentBlocks(): Generator<Block>;
     _selectedText: ComputedRef<string>;
     get selectedText(): string;
     moveOffset(newOffset: number): void;

package/dist/vuewrite.js

@@ -4,7 +4,7 @@ var __publicField = (obj, key, value) => {
   __defNormalProp(obj, typeof key !== "symbol" ? key + "" : key, value);
   return value;
 };
-import { getCurrentScope, onScopeDispose, unref, watch, reactive, computed, ref, defineComponent, getCurrentInstance, h, nextTick, useSlots, isProxy, toRaw, onMounted, openBlock, createElementBlock, Fragment, renderList, createBlock, renderSlot, createCommentVNode } from "vue";
+import { getCurrentScope, onScopeDispose, unref, watch, reactive, computed, ref, defineComponent, getCurrentInstance, h, nextTick, useSlots, isProxy, toRaw, onMounted, openBlock, createElementBlock, renderSlot, Fragment, renderList, createBlock, createCommentVNode } from "vue";
 function tryOnScopeDispose(fn) {
   if (getCurrentScope()) {
     onScopeDispose(fn);
@@ -281,6 +281,17 @@ class TextEditorStore {
   get currentBlock() {
     return this._currentBlock.value;
   }
+  *getCurrentBlocks() {
+    const blockAnchorIndex = this.blocks.findIndex((item) => item.id === this.selection.anchor.blockId);
+    const focusAnchorIndex = this.blocks.findIndex((item) => item.id === this.selection.focus.blockId);
+    if (blockAnchorIndex === -1 || focusAnchorIndex === -1)
+      return;
+    const start = Math.min(blockAnchorIndex, focusAnchorIndex);
+    const end = Math.max(blockAnchorIndex, focusAnchorIndex);
+    for (let i = start; i <= end; i++) {
+      yield this.blocks[i];
+    }
+  }
   get selectedText() {
     return this._selectedText.value;
   }
@@ -1050,6 +1061,7 @@ const _sfc_main$1 = /* @__PURE__ */ defineComponent({
       isCollapsed: store._isCollapsed,
       selection: store.selection,
       isFocused: store.isFocused,
+      getCurrentBlocks: store.getCurrentBlocks.bind(store),
       toggleStyle: store.toggleStyle.bind(store),
       applyStyle: store.applyStyle.bind(store),
       removeStyle: store.removeStyle.bind(store),
@@ -1077,6 +1089,7 @@ const _sfc_main$1 = /* @__PURE__ */ defineComponent({
         onCut: _cache[3] || (_cache[3] = //@ts-ignore
         (...args) => unref(onCut) && unref(onCut)(...args))
       }, [
+        renderSlot(_ctx.$slots, "_before"),
         (openBlock(true), createElementBlock(Fragment, null, renderList(unref(store).blocks, (block) => {
           return openBlock(), createBlock(_sfc_main$2, {
             key: block.id,
@@ -1088,7 +1101,8 @@ const _sfc_main$1 = /* @__PURE__ */ defineComponent({
             onPostrender: onPostRender
           }, null, 8, ["block", "slots", "renderer", "decorator", "parser"]);
         }), 128)),
-        unref(store).blocks.length === 1 && unref(store).blocks[0].text === "" && !unref(store).blocks[0].type ? renderSlot(_ctx.$slots, "placeholder", { key: 0 }) : createCommentVNode("", true)
+        unref(store).blocks.length === 1 && unref(store).blocks[0].text === "" && !unref(store).blocks[0].type ? renderSlot(_ctx.$slots, "placeholder", { key: 0 }) : createCommentVNode("", true),
+        renderSlot(_ctx.$slots, "_after")
       ], 544);
     };
   }

package/package.json

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