easy-email-pro-theme 1.34.2 → 1.34.3

package/lib/index.js

@@ -749,7 +749,7 @@ const DraggingProvider = ({
           ev.preventDefault();
           const node = ReactEditor.toDOMNode(editor, dropElement);
           const rect = node.getBoundingClientRect();
-          const isTop = ev.clientY < rect.y + rect.height / 3;
+          const isTop = ev.clientY < rect.y + rect.height / 2;
           root2.querySelectorAll("[data-slate-dragover='true']").forEach((item2) => {
             if (item2 !== node) {
               item2.removeAttribute("data-slate-dragover");
@@ -802,7 +802,6 @@ const DraggingProvider = ({
         if (dropPath && dropElement) {
           ev.preventDefault();
           ev.stopPropagation();
-          const dropParent = Editor.parent(editor, dropPath)[0];
           const [dropNodeEntry] = Editor.nodes(editor, {
             at: dropPath,
             match: (node2, path2) => {
@@ -843,7 +842,7 @@ const DraggingProvider = ({
           }
           const node = ReactEditor.toDOMNode(editor, dropElement);
           const rect = node.getBoundingClientRect();
-          const isTop = ev.clientY < rect.y + rect.height / 3;
+          const isTop = ev.clientY < rect.y + rect.height / 2;
           const isInsert = NodeUtils.isParentCategoryType(
             propsData.element.type,
             dropElement.type
@@ -858,16 +857,35 @@ const DraggingProvider = ({
                 to: [...targetPath, 0]
               });
             } else if (isTop) {
+              const dropIndex = targetPath.pop();
+              const sourceIndex = source[source.length - 1];
+              if (Path.equals(Path.parent(dropPath), Path.parent(source))) {
+                if (sourceIndex !== dropIndex) {
+                  if (sourceIndex < dropIndex) {
+                    targetPath.push(dropIndex - 1);
+                  } else {
+                    targetPath.push(dropIndex);
+                  }
+                }
+              } else {
+                targetPath.push(dropIndex);
+              }
+              if (Path.equals(source, targetPath)) {
+                return;
+              }
               editor.moveNode({
                 at: [...source],
                 to: targetPath
               });
+              setTimeout(() => {
+                setSelectedNodePath(targetPath);
+              }, 0);
             } else {
               const dropIndex = targetPath.pop();
               const sourceIndex = source[source.length - 1];
-              if (Editor.parent(editor, source)[0] === dropParent) {
+              if (Path.equals(Path.parent(dropPath), Path.parent(source))) {
                 if (sourceIndex !== dropIndex) {
-                  if (sourceIndex <= dropIndex) {
+                  if (sourceIndex < dropIndex) {
                     targetPath.push(dropIndex);
                   } else {
                     targetPath.push(dropIndex + 1);
@@ -876,6 +894,9 @@ const DraggingProvider = ({
               } else {
                 targetPath.push(dropIndex + 1);
               }
+              if (Path.equals(source, targetPath)) {
+                return;
+              }
               editor.moveNode({
                 at: [...source],
                 to: targetPath
@@ -2031,6 +2052,7 @@ const ElementPlaceholder$1 = ({ element, nodeElement, isSelected, isHover, path:
 };
 const styleText$9 = ".dragover-box {\n  color: rgb(255, 255, 255);\n  text-align: center;\n  position: fixed;\n  z-index: 999;\n  pointer-events: none;\n}\n\n.dragover-box-inner {\n  position: absolute;\n  width: 100%;\n  display: flex;\n  justify-content: center;\n}\n\n[data-dragover-direction=top] .dragover-box-inner {\n  top: 0;\n}\n\n[data-dragover-direction=bottom] .dragover-box-inner {\n  top: 100%;\n}\n\n[data-dragover-direction=middle].dragover-box {\n  border: 2px solid var(--drag-color);\n}\n[data-dragover-direction=middle].dragover-box .dragover-box-inner {\n  top: 50%;\n  transform: translateY(-50%);\n}\n[data-dragover-direction=middle].dragover-box .dragover-box-inner .dragover-line {\n  display: none;\n}\n\n.dragover-text-tooltip {\n  position: absolute;\n  top: 0;\n  background-color: var(--drag-color);\n  padding: 3px 10px;\n  border-radius: 1px;\n  height: 15px;\n  line-height: 15px;\n  font-size: 14px;\n  display: inline-block;\n  transform: translateY(-50%);\n  z-index: 2;\n}\n\n.dragover-line {\n  width: 100%;\n  position: absolute;\n  top: 0;\n  border-radius: 3px;\n  background: var(--drag-color);\n  height: 4px;\n}";
 const ElementDragover$1 = ({ element, nodeElement, path: path2 }) => {
+  useEditorState();
   const [visible, setVisible] = useState(true);
   const { showInsertTips } = useEditorProps();
   const direction = nodeElement.getAttribute(

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "easy-email-pro-theme",
-  "version": "1.34.2",
+  "version": "1.34.3",
   "description": "",
   "files": [
     "lib"