@haluo/biz 0.1.20 → 0.1.22

package/dist/haluo-biz.js

@@ -5103,6 +5103,7 @@ const _sfc_main = {
       });
     },
     imgUploadHandler(type, imgSrc) {
+      const me = this;
       if (type && imgSrc) {
         if (type === "uploadAgainImages") {
           this.updateImage(imgSrc, this.currentImg);
@@ -5114,7 +5115,7 @@ const _sfc_main = {
               src: imgSrc,
               img: imgSrc,
               selected: false,
-              seamlessFlag: this.replaceSeamless,
+              seamlessFlag: me.replaceSeamless,
               type: "2"
             }, this.range);
           } else {
@@ -5175,7 +5176,7 @@ const _sfc_main = {
           return;
         const current = me.findParentByClass(e.target, "halo-img-content");
         const range = document.createRange();
-        range.setEnd(current.previousElementSibling || current, 1);
+        range.setEnd(current.previousElementSibling, 1);
         range.collapse(false);
         me.range = range;
         me.replaceSeamless = data.seamlessFlag || "0";
@@ -5186,6 +5187,24 @@ const _sfc_main = {
       delBtn.onclick = function(e) {
         if (me.disabled)
           return;
+        const cur = me.findParentByClass(e.target, "halo-img-content");
+        const currentImg = cur.getElementsByClassName("halo-picture-area")[0];
+        const currentData = JSON.parse(currentImg.getAttribute("data"));
+        if (currentData.seamlessFlag === "0") {
+          if (!cur.previousElementSibling)
+            return;
+          try {
+            const imgcont = cur.previousElementSibling.previousElementSibling;
+            const input = imgcont.getElementsByClassName("desc-input-wrap")[0];
+            const pic = imgcont.getElementsByClassName("halo-picture-area")[0];
+            const data2 = JSON.parse(pic.getAttribute("data"));
+            data2.seamlessFlag = "0";
+            pic.setAttribute("data", JSON.stringify(data2));
+            input.style.display = "";
+          } catch (e2) {
+            console.log(e2);
+          }
+        }
         me.removeParentByClass(e.target, "halo-img-content");
         me.updateData(true);
       };
@@ -5290,6 +5309,7 @@ const _sfc_main = {
       window.Squire.prototype.insertImages = function(src, data = {}, range) {
         var isHaloImage = me.isHaloImage(src);
         var scrollTop = document.documentElement.scrollTop;
+        const isSeameless = data.seamlessFlag === "1";
         var loading = this.createElement("div", {
           "class": "img-loading",
           "contenteditable": "false"
@@ -5317,7 +5337,7 @@ const _sfc_main = {
           "src": src,
           "class": isHaloImage ? "halo-picture-area" : "halo-picture-area no-upload",
           "data": JSON.stringify(data),
-          "style": data.seamlessFlag === "1" ? "margin: 0" : "margin-top: 0",
+          "style": isSeameless ? "margin: 0" : "margin-top: 0",
           "data-content": data.content || "",
           "contenteditable": "false"
         });
@@ -5332,16 +5352,11 @@ const _sfc_main = {
           "class": "halo-img-content",
           "contenteditable": "false"
         }, [...childList]);
-        if (me.imgType === "seamless") {
-          me.countList.push(p);
-          if (me.countList.length === me.imgList.length) {
-            var ct = this.createElement("div", {}, [...me.countList]);
-            this.insertElement(ct, range);
-            this.imgType = "normal";
-          }
-          return;
-        }
         this.insertElement(p, range);
+        if (isSeameless) {
+          me.removeDefault(p, "nextElementSibling");
+          me.removeDefault(p, "previousElementSibling");
+        }
         setTimeout(() => {
           document.documentElement.scrollTop = scrollTop;
         }, 50);
@@ -5415,6 +5430,23 @@ const _sfc_main = {
       };
       me.sticky();
     },
+    removeDefault(next, key) {
+      const me = this;
+      const cur = next[key];
+      if (!cur || cur.innerText !== "\n")
+        return;
+      const blockDefault = cur.classList.contains("halo-paragraph") || false;
+      const isLasterBlock = next.classList.contains("halo-paragraph") || false;
+      if (blockDefault && isLasterBlock) {
+        cur.remove();
+        me.removeDefault(cur, key);
+      } else {
+        if (blockDefault) {
+          cur.style.display = "none";
+          me.removeDefault(cur, key);
+        }
+      }
+    },
     generateDelLinkIcon() {
       const me = this;
       const del = this.editor.createElement("img", {

package/dist/haluo-biz.umd.cjs

@@ -5108,6 +5108,7 @@
         });
       },
       imgUploadHandler(type, imgSrc) {
+        const me = this;
         if (type && imgSrc) {
           if (type === "uploadAgainImages") {
             this.updateImage(imgSrc, this.currentImg);
@@ -5119,7 +5120,7 @@
                 src: imgSrc,
                 img: imgSrc,
                 selected: false,
-                seamlessFlag: this.replaceSeamless,
+                seamlessFlag: me.replaceSeamless,
                 type: "2"
               }, this.range);
             } else {
@@ -5180,7 +5181,7 @@
             return;
           const current = me.findParentByClass(e.target, "halo-img-content");
           const range = document.createRange();
-          range.setEnd(current.previousElementSibling || current, 1);
+          range.setEnd(current.previousElementSibling, 1);
           range.collapse(false);
           me.range = range;
           me.replaceSeamless = data.seamlessFlag || "0";
@@ -5191,6 +5192,24 @@
         delBtn.onclick = function(e) {
           if (me.disabled)
             return;
+          const cur = me.findParentByClass(e.target, "halo-img-content");
+          const currentImg = cur.getElementsByClassName("halo-picture-area")[0];
+          const currentData = JSON.parse(currentImg.getAttribute("data"));
+          if (currentData.seamlessFlag === "0") {
+            if (!cur.previousElementSibling)
+              return;
+            try {
+              const imgcont = cur.previousElementSibling.previousElementSibling;
+              const input = imgcont.getElementsByClassName("desc-input-wrap")[0];
+              const pic = imgcont.getElementsByClassName("halo-picture-area")[0];
+              const data2 = JSON.parse(pic.getAttribute("data"));
+              data2.seamlessFlag = "0";
+              pic.setAttribute("data", JSON.stringify(data2));
+              input.style.display = "";
+            } catch (e2) {
+              console.log(e2);
+            }
+          }
           me.removeParentByClass(e.target, "halo-img-content");
           me.updateData(true);
         };
@@ -5295,6 +5314,7 @@
         window.Squire.prototype.insertImages = function(src, data = {}, range) {
           var isHaloImage = me.isHaloImage(src);
           var scrollTop = document.documentElement.scrollTop;
+          const isSeameless = data.seamlessFlag === "1";
           var loading = this.createElement("div", {
             "class": "img-loading",
             "contenteditable": "false"
@@ -5322,7 +5342,7 @@
             "src": src,
             "class": isHaloImage ? "halo-picture-area" : "halo-picture-area no-upload",
             "data": JSON.stringify(data),
-            "style": data.seamlessFlag === "1" ? "margin: 0" : "margin-top: 0",
+            "style": isSeameless ? "margin: 0" : "margin-top: 0",
             "data-content": data.content || "",
             "contenteditable": "false"
           });
@@ -5337,16 +5357,11 @@
             "class": "halo-img-content",
             "contenteditable": "false"
           }, [...childList]);
-          if (me.imgType === "seamless") {
-            me.countList.push(p);
-            if (me.countList.length === me.imgList.length) {
-              var ct = this.createElement("div", {}, [...me.countList]);
-              this.insertElement(ct, range);
-              this.imgType = "normal";
-            }
-            return;
-          }
           this.insertElement(p, range);
+          if (isSeameless) {
+            me.removeDefault(p, "nextElementSibling");
+            me.removeDefault(p, "previousElementSibling");
+          }
           setTimeout(() => {
             document.documentElement.scrollTop = scrollTop;
           }, 50);
@@ -5420,6 +5435,23 @@
         };
         me.sticky();
       },
+      removeDefault(next, key) {
+        const me = this;
+        const cur = next[key];
+        if (!cur || cur.innerText !== "\n")
+          return;
+        const blockDefault = cur.classList.contains("halo-paragraph") || false;
+        const isLasterBlock = next.classList.contains("halo-paragraph") || false;
+        if (blockDefault && isLasterBlock) {
+          cur.remove();
+          me.removeDefault(cur, key);
+        } else {
+          if (blockDefault) {
+            cur.style.display = "none";
+            me.removeDefault(cur, key);
+          }
+        }
+      },
       generateDelLinkIcon() {
         const me = this;
         const del = this.editor.createElement("img", {

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "@haluo/biz",
   "description": "rich text",
-  "version": "0.1.20",
+  "version": "0.1.22",
   "type": "module",
   "module": "./dist/haluo-biz.js",
   "main": "./dist/haluo-biz.umd.cjs",