vue-editify 0.1.18 → 0.1.20

package/examples/App.vue

@@ -1,6 +1,6 @@
 <template>
-	<div style="padding: 80px 10px 10px 10px; height: 100%; box-sizing: border-box">
-		<Editify ref="editify" border v-model="val" :menu="menuConfig" style="height: 100%" placeholder="Please Enter Text..." locale="zh_CN" allowPasteHtml :customHtmlPaste="customHtmlPaste"></Editify>
+	<div style="padding: 10px; height: 100%; box-sizing: border-box">
+		<Editify ref="editify" border v-model="val" :menu="menuConfig" style="height: 100%" placeholder="Please Enter Text..." locale="zh_CN" :customTextPaste="customTextPaste"></Editify>
 	</div>
 </template>
 <script setup lang="ts">
@@ -11,7 +11,7 @@ const val = ref<string>('<p><br></p>')
 const editify = ref<InstanceType<typeof Editify> | null>(null)
 const menuConfig = ref<MenuConfigType>({
 	use: true,
-	mode: 'fixed',
+	mode: 'inner',
 	image: {
 		accept: ['jpg'],
 		handleError: (error, file) => {
@@ -22,17 +22,18 @@ const menuConfig = ref<MenuConfigType>({
 		show: true
 	}
 })
-const customHtmlPaste = function (elements) {
-	for (let i = 0; i < elements.length; i++) {
-		if (elements[i].hasMarks()) {
-			elements[i].marks['data-paste'] = 'true'
-		} else {
-			elements[i].marks = {
-				'data-paste': 'true'
-			}
-		}
-		editify.value!.editor!.insertElement(elements[i], false)
-	}
+const customTextPaste = function (data: string) {
+	const text = new AlexElement(
+		'text',
+		null,
+		null,
+		{
+			color: 'red',
+			'font-weight': 'bold'
+		},
+		data
+	)
+	editify.value!.editor!.insertElement(text)
 }
 </script>
 <style lang="less">

package/lib/editify.es.js

@@ -3539,7 +3539,7 @@ class AlexEditor {
           this.insertElement(text);
           this.range.anchor.moveToEnd(text);
           this.range.focus.moveToEnd(text);
-          this.emit("insertParagraph", null, inblock);
+          this.emit("insertParagraph", inblock, inblock);
         } else if (inblock.behavior == "block") {
           if (this.range.anchor.offset == 0 && !(previousElement && inblock.isContains(previousElement))) {
             const paragraph = inblock.clone(false);
@@ -3579,7 +3579,7 @@ class AlexEditor {
           this.insertElement(text);
           this.range.anchor.moveToEnd(text);
           this.range.focus.moveToEnd(text);
-          this.emit("insertParagraph", null, block);
+          this.emit("insertParagraph", block, block);
         } else {
           if (this.range.anchor.offset == 0 && !(previousElement && block.isContains(previousElement))) {
             const paragraph = block.clone(false);
@@ -18815,9 +18815,15 @@ const elementIsInTask = (element2) => {
   return false;
 };
 const isList = function(element2, ordered = false) {
+  if (element2.isEmpty()) {
+    return false;
+  }
   return element2.parsedom == "div" && element2.hasMarks() && element2.marks["data-editify-list"] == (ordered ? "ol" : "ul");
 };
 const isTask = function(element2) {
+  if (element2.isEmpty()) {
+    return false;
+  }
   return element2.parsedom == "div" && element2.hasMarks() && element2.marks.hasOwnProperty("data-editify-task");
 };
 const hasPreInRange = (editor, dataRangeCaches) => {
@@ -25352,7 +25358,7 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
           const element$12 = editor.value.getElementByKey(key);
           if (isTask(element$12)) {
             const rect = element.getElementBounding(elm);
-            if (e.pageX >= Math.abs(rect.left) && e.pageX <= Math.abs(rect.left + 16) && e.pageY >= Math.abs(rect.top + 2) && e.pageY <= Math.abs(rect.top + 18)) {
+            if (e.pageX >= Math.abs(rect.left) && e.pageX <= Math.abs(rect.left + 16) && e.pageY >= Math.abs(rect.top + elm.offsetHeight / 2 - 8) && e.pageY <= Math.abs(rect.top + elm.offsetHeight / 2 + 8)) {
               if (element$12.marks["data-editify-task"] == "checked") {
                 element$12.marks["data-editify-task"] = "uncheck";
               } else {
@@ -25506,12 +25512,17 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
       }, 0);
     };
     const handleInsertParagraph = (element2, previousElement) => {
-      if (previousElement.isOnlyHasBreak() && element2.isOnlyHasBreak()) {
-        if (previousElement.parsedom != AlexElement.BLOCK_NODE) {
-          elementToParagraph(previousElement);
-          editor.value.range.anchor.moveToStart(previousElement);
-          editor.value.range.focus.moveToStart(previousElement);
-          element2.toEmpty();
+      if (!element2.isEqual(previousElement)) {
+        if (previousElement.isOnlyHasBreak() && element2.isOnlyHasBreak()) {
+          if (previousElement.parsedom != AlexElement.BLOCK_NODE) {
+            elementToParagraph(previousElement);
+            editor.value.range.anchor.moveToStart(previousElement);
+            editor.value.range.focus.moveToStart(previousElement);
+            element2.toEmpty();
+          }
+        }
+        if (isTask(element2)) {
+          element2.marks["data-editify-task"] = "uncheck";
         }
       }
       emits("insertparagraph", value.value);
@@ -25738,8 +25749,8 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
     };
   }
 });
-const Editify = /* @__PURE__ */ _export_sfc(_sfc_main, [["__scopeId", "data-v-c0db2307"]]);
-const version = "0.1.18";
+const Editify = /* @__PURE__ */ _export_sfc(_sfc_main, [["__scopeId", "data-v-c794ee6c"]]);
+const version = "0.1.20";
 const install = (app) => {
   app.component(Editify.name, Editify);
 };