@haluo/biz 2.0.15-beta.1 → 2.0.15-beta.2

package/dist/haluo-biz.js

@@ -2509,6 +2509,7 @@ const _sfc_main = {
       replaceSeamless: 0,
       seamlessCount: 0,
       overLine: "",
+      lasteDropDom: "",
       currentVideo: null,
       targetMove: "",
       moverClasses: ["halo-img-content", "halo-video-content"]
@@ -3250,22 +3251,29 @@ const _sfc_main = {
       });
       editorDom.ondragover = function(e) {
         if (me2.targetMove && me2.moverClasses.includes(me2.targetMove.className)) {
+          if (e.target.offsetParent === editorDom) {
+            me2.overLine = e.target.offsetHeight + e.target.offsetTop + "px";
+            me2.lasteDropDom = e.target;
+          }
           e.preventDefault();
         }
       };
       editorDom.ondrop = function(e) {
         if (me2.targetMove && me2.moverClasses.includes(me2.targetMove.className)) {
-          if (e.target.parentNode !== editorDom) {
+          const target = me2.lasteDropDom || e.target;
+          if (target.parentNode !== editorDom) {
             return;
           }
-          if (e.target === editorDom) {
-            e.target.appendChild(me2.targetMove);
+          if (target === editorDom) {
+            target.appendChild(me2.targetMove);
           } else {
-            e.target.after(me2.targetMove);
+            target.after(me2.targetMove);
           }
           me2.targetMove = "";
+          me2.lasteDropDom = "";
           e.preventDefault();
         }
+        me2.overLine = "";
       };
       me2.editor.addEventListener("willPaste", function(type, handler) {
         function validateDom() {
@@ -3921,9 +3929,14 @@ function _sfc_render(_ctx, _cache, $props, $setup, $data, $options) {
     withDirectives(createElementVNode("div", {
       style: normalizeStyle({ textAlign: $options.align }),
       class: "placeholder"
-    }, "\u8BF7\u8F93\u5165\u6B63\u6587", 4), [
+    }, "\u8BF7\u8F93\u5165\u6B63\u6587 ", 4), [
       [vShow, !$options.isInputing && !$data.titleCount && !$data.hasArticleCard]
     ]),
+    $data.overLine ? (openBlock(), createElementBlock("div", {
+      key: 0,
+      class: "overline",
+      style: normalizeStyle({ top: $data.overLine })
+    }, null, 4)) : createCommentVNode("", true),
     createElementVNode("div", {
       id: "editor-content",
       style: normalizeStyle({ cursor: $data.cursorStyle }),

package/dist/haluo-biz.umd.cjs

@@ -2511,6 +2511,7 @@
         replaceSeamless: 0,
         seamlessCount: 0,
         overLine: "",
+        lasteDropDom: "",
         currentVideo: null,
         targetMove: "",
         moverClasses: ["halo-img-content", "halo-video-content"]
@@ -3252,22 +3253,29 @@
         });
         editorDom.ondragover = function(e) {
           if (me2.targetMove && me2.moverClasses.includes(me2.targetMove.className)) {
+            if (e.target.offsetParent === editorDom) {
+              me2.overLine = e.target.offsetHeight + e.target.offsetTop + "px";
+              me2.lasteDropDom = e.target;
+            }
             e.preventDefault();
           }
         };
         editorDom.ondrop = function(e) {
           if (me2.targetMove && me2.moverClasses.includes(me2.targetMove.className)) {
-            if (e.target.parentNode !== editorDom) {
+            const target = me2.lasteDropDom || e.target;
+            if (target.parentNode !== editorDom) {
               return;
             }
-            if (e.target === editorDom) {
-              e.target.appendChild(me2.targetMove);
+            if (target === editorDom) {
+              target.appendChild(me2.targetMove);
             } else {
-              e.target.after(me2.targetMove);
+              target.after(me2.targetMove);
             }
             me2.targetMove = "";
+            me2.lasteDropDom = "";
             e.preventDefault();
           }
+          me2.overLine = "";
         };
         me2.editor.addEventListener("willPaste", function(type, handler) {
           function validateDom() {
@@ -3923,9 +3931,14 @@
       vue.withDirectives(vue.createElementVNode("div", {
         style: vue.normalizeStyle({ textAlign: $options.align }),
         class: "placeholder"
-      }, "\u8BF7\u8F93\u5165\u6B63\u6587", 4), [
+      }, "\u8BF7\u8F93\u5165\u6B63\u6587 ", 4), [
         [vue.vShow, !$options.isInputing && !$data.titleCount && !$data.hasArticleCard]
       ]),
+      $data.overLine ? (vue.openBlock(), vue.createElementBlock("div", {
+        key: 0,
+        class: "overline",
+        style: vue.normalizeStyle({ top: $data.overLine })
+      }, null, 4)) : vue.createCommentVNode("", true),
       vue.createElementVNode("div", {
         id: "editor-content",
         style: vue.normalizeStyle({ cursor: $data.cursorStyle }),

package/dist/style.css

@@ -1065,6 +1065,14 @@
   height: 100vh;
   background-color: rgba(0, 0, 0, 0.3);
 }
+.editor .overline {
+  position: absolute;
+  z-index: 50;
+  pointer-events: none;
+  background-color: #1a74ff;
+  width: 100%;
+  height: 1px;
+}
 .video-progress {
   width: 440px;
   height: 220px;

package/package.json

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