dragon-editor 3.0.1 → 3.0.2

package/dist/module.json

@@ -1,5 +1,5 @@
 {
   "name": "dragon-editor",
   "configKey": "dragon-editor",
-  "version": "3.0.1"
+  "version": "3.0.2"
 }

package/dist/runtime/components/DragonEditor.vue

@@ -156,15 +156,16 @@ function setDecoration(type: string) {
     _setNodeStyle(`de-${type}`, editorStore);
 }
 
-function getContentData() {
+function getContentData(): DEContentData {
     if (editorStore.$content !== null) {
         return _getContentData(editorStore.$content);
     } else {
         console.error("[DragonEditor] Con't find content Element.");
+        return [];
     }
 }
 
-function setContentData(data: any[]) {
+function setContentData(data: DEContentData) {
     _setContentData(data, editorStore);
 }
 

package/dist/runtime/components/DragonEditorViewer.vue

@@ -22,7 +22,7 @@
 
 <script setup lang="ts">
 const props = defineProps<{
-    content: any[];
+    content: DEContentData;
 }>();
 </script>
 

package/dist/runtime/type.d.ts

@@ -22,3 +22,30 @@ interface DEArrangeCursorData {
     endNodeIdx: number;
     endOffset: number;
 }
+
+interface DETextBlock {
+    type: "text";
+    textContent: string;
+}
+
+interface DEHeadingBlock {
+    type: "heading";
+    level: number;
+    id: string;
+    textContent: string;
+}
+
+interface DEUListBlock {
+    type: "ul";
+    child: string[];
+}
+
+interface DEOListBlock {
+    type: "ol";
+    pattern: "a" | "i" | "1" | "A" | "I";
+    child: string[];
+}
+
+type DEContent = DETextBlock | DEHeadingBlock | DEUListBlock | DEOListBlock;
+
+type DEContentData = DEContent[];

package/dist/runtime/utils/convertor.d.ts

@@ -1,2 +1,2 @@
-export declare function _getContentData($content: HTMLDivElement): any[];
+export declare function _getContentData($content: HTMLDivElement): DEContentData;
 export declare function _setContentData(data: any[], store: any): void;

package/dist/runtime/utils/keyboardEvent.mjs

@@ -676,17 +676,9 @@ function defaultBlockBackspaceEvent(e, store, $element) {
 function listBlockBackspaceEvent(e, store, $element) {
   const $listBlock = $element;
   const $targetItem = _findContentEditableElement(store.cursorData.startNode);
-  const childList = store.$content.querySelectorAll(".de-block");
   const liList = $listBlock.querySelectorAll(".de-item");
   const $target = _getParentElementIfNodeIsText(store.cursorData.startNode, $targetItem);
-  let elementIdx = -1;
   let liIdx = -1;
-  for (let i = 0; childList.length > i; i += 1) {
-    if (childList[i] === $element) {
-      elementIdx = i;
-      break;
-    }
-  }
   for (let i = 0; liList.length > i; i += 1) {
     if (liList[i] === $targetItem) {
       liIdx = i;
@@ -726,6 +718,7 @@ function listBlockBackspaceEvent(e, store, $element) {
             _setCursor($preBlock, 0);
           }
           $targetItem.remove();
+          $listBlock.remove();
         }
       }
     }

package/package.json

@@ -1,6 +1,6 @@
 {
     "name": "dragon-editor",
-    "version": "3.0.1",
+    "version": "3.0.2",
     "description": "Javascript WYSIWYG editor in Nuxt3!",
     "repository": {
         "type": "git",