vuewrite 0.0.17 → 0.0.19

package/dist/vuewrite.d.ts

@@ -6,11 +6,12 @@ import { HTMLAttributes } from 'vue';
 import { PropType } from 'vue';
 import { PublicProps } from 'vue';
 import { Ref } from 'vue';
+import { RendererElement } from 'vue';
+import { RendererNode } from 'vue';
+import { VNode } from 'vue';
 
 declare type __VLS_NonUndefinedable<T> = T extends undefined ? never : T;
 
-declare type __VLS_NonUndefinedable_2<T> = T extends undefined ? never : T;
-
 declare type __VLS_TypePropsToRuntimeProps<T> = {
     [K in keyof T]-?: {} extends Pick<T, K> ? {
         type: PropType<__VLS_NonUndefinedable<T[K]>>;
@@ -20,15 +21,6 @@ declare type __VLS_TypePropsToRuntimeProps<T> = {
     };
 };
 
-declare type __VLS_TypePropsToRuntimeProps_2<T> = {
-    [K in keyof T]-?: {} extends Pick<T, K> ? {
-        type: PropType<__VLS_NonUndefinedable_2<T[K]>>;
-    } : {
-        type: PropType<T[K]>;
-        required: true;
-    };
-};
-
 declare type __VLS_WithTemplateSlots<T, S> = T & {
     new (): {
         $slots: S;
@@ -221,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(): [{
@@ -242,27 +239,24 @@ declare class TextEditorStore {
     selectAll(): void;
 }
 
-export declare const TextEditorView: DefineComponent<__VLS_TypePropsToRuntimeProps_2<{
-modelValue: {
-text: string;
-styles?: Style[];
-type?: string;
-}[] | string;
-decorator?: Decorator | undefined;
-parser?: TextParser | undefined;
-styles?: Style[] | undefined;
-preventMultiline?: boolean | undefined;
-}>, {}, unknown, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, {}, string, PublicProps, Readonly<ExtractPropTypes<__VLS_TypePropsToRuntimeProps_2<{
-modelValue: {
-text: string;
-styles?: Style[];
-type?: string;
-}[] | string;
-decorator?: Decorator | undefined;
-parser?: TextParser | undefined;
-styles?: Style[] | undefined;
-preventMultiline?: boolean | undefined;
-}>>>, {}, {}>;
+export declare const TextEditorView: DefineComponent<Readonly<{
+styles?: any;
+decorator?: any;
+parser?: any;
+modelValue?: any;
+}>, () => VNode<RendererNode, RendererElement, {
+[key: string]: any;
+}>, unknown, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, {}, string, PublicProps, Readonly<ExtractPropTypes<Readonly<{
+styles?: any;
+decorator?: any;
+parser?: any;
+modelValue?: any;
+}>>>, {
+readonly styles?: any;
+readonly decorator?: any;
+readonly parser?: any;
+readonly modelValue?: any;
+}, {}>;
 
 declare type TextParser = (text: string) => Style[];
 

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]);
         }
@@ -666,8 +680,12 @@ const _sfc_main$2 = defineComponent({
       return h(elementTag, attrs, text);
     };
     return () => {
-      if (slot.value)
-        return slot.value({ content, props: blockProps, block: props.block });
+      if (slot.value) {
+        const component = slot.value({ content, props: blockProps, block: props.block });
+        if (Array.isArray(component) && component.length === 1)
+          return component[0];
+        return component;
+      }
       return h("div", blockProps, content());
     };
   }
@@ -839,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();
@@ -851,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) => {
@@ -913,38 +946,23 @@ const _sfc_main$1 = /* @__PURE__ */ defineComponent({
     };
   }
 });
-const _sfc_main = /* @__PURE__ */ defineComponent({
-  __name: "TextEditorView",
-  props: {
-    modelValue: {},
-    decorator: { type: Function },
-    parser: {},
-    styles: {},
-    preventMultiline: { type: Boolean }
-  },
-  setup(__props) {
-    const props = __props;
-    const slots = useSlots();
+const _sfc_main = defineComponent({
+  props: ["modelValue", "decorator", "parser", "styles"],
+  setup(props, { slots }) {
     const blocks = computed(() => {
       if (Array.isArray(props.modelValue)) {
         return props.modelValue;
       }
       return [{ text: props.modelValue, styles: props.styles ?? [] }];
     });
-    return (_ctx, _cache) => {
-      return openBlock(), createElementBlock("div", null, [
-        (openBlock(true), createElementBlock(Fragment, null, renderList(blocks.value, (block) => {
-          return openBlock(), createBlock(_sfc_main$2, {
-            key: block.id,
-            block,
-            slots: unref(slots),
-            decorator: props.decorator,
-            parser: props.parser,
-            static: ""
-          }, null, 8, ["block", "slots", "decorator", "parser"]);
-        }), 128))
-      ]);
-    };
+    return () => h("div", blocks.value.map((block) => h(_sfc_main$2, {
+      key: block.id,
+      block,
+      slots,
+      decorator: props.decorator,
+      parser: props.parser,
+      static: true
+    })));
   }
 });
 export {

package/package.json

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