vuewrite 0.0.5-a → 0.0.6

package/dist/vuewrite.d.ts

@@ -43,8 +43,12 @@ export declare type Style = {
 export declare const TextEditor: __VLS_WithTemplateSlots<DefineComponent<__VLS_TypePropsToRuntimeProps<{
 decorator?: Decorator | undefined;
 single?: boolean | undefined;
-modelValue?: string | string[] | undefined;
-styles?: Style[] | Style[][] | undefined;
+modelValue?: string | {
+text: string;
+styles?: Style[] | undefined;
+type?: string | undefined;
+}[] | undefined;
+styles?: Style[] | undefined;
 autofocus?: boolean | undefined;
 autoselect?: boolean | undefined;
 }>, {
@@ -84,8 +88,12 @@ keydown: (...args: any[]) => void;
 }, string, PublicProps, Readonly<ExtractPropTypes<__VLS_TypePropsToRuntimeProps<{
 decorator?: Decorator | undefined;
 single?: boolean | undefined;
-modelValue?: string | string[] | undefined;
-styles?: Style[] | Style[][] | undefined;
+modelValue?: string | {
+text: string;
+styles?: Style[] | undefined;
+type?: string | undefined;
+}[] | undefined;
+styles?: Style[] | undefined;
 autofocus?: boolean | undefined;
 autoselect?: boolean | undefined;
 }>>> & {

package/dist/vuewrite.js

@@ -566,7 +566,9 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
         }
         store.blocks.length = newValue.length;
         for (let i = 0; i < newValue.length; i++) {
-          store.blocks[i].text = newValue[i];
+          store.blocks[i].text = newValue[i].text;
+          store.blocks[i].type = newValue[i].type;
+          store.blocks[i].text = newValue[i].text;
         }
       }
     }, { immediate: true });
@@ -577,20 +579,23 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
       for (let i = 0; i < store.blocks.length; i++) {
         if (newStyles.length <= i)
           break;
-        const style = props.single ? newStyles : newStyles[i];
-        store.blocks[i].styles = style;
+        store.blocks[i].styles = newStyles;
       }
     }, { immediate: true });
     watch(() => store.blocks, () => {
       if (props.single) {
         modelValue = store.blocks[0].text;
         styles = store.blocks[0].styles;
+        emit("update:styles", styles);
+        emit("update:modelValue", modelValue);
       } else {
-        modelValue = store.blocks.map((item) => item.text);
-        styles = store.blocks.map((item) => item.styles);
+        modelValue = store.blocks.map((item) => ({
+          type: item.type,
+          text: item.text,
+          styles: item.styles.length === 0 ? void 0 : item.styles
+        }));
+        emit("update:modelValue", modelValue);
       }
-      emit("update:modelValue", modelValue);
-      emit("update:styles", styles);
     }, { deep: true });
     const onKeyDown = (e) => {
       emit("keydown", e);

package/package.json

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