@seafile/sdoc-editor 1.0.47 → 1.0.48

package/dist/basic-sdk/extension/plugins/image/helpers.js

@@ -5,10 +5,10 @@ import { ReactEditor } from '@seafile/slate-react';
 import slugId from 'slugid';
 import context from '../../../../context';
 import EventBus from '../../../utils/event-bus';
-import { generateEmptyElement, getNodeType, isTextNode, getParentNode, focusEditor } from '../../core';
+import { generateEmptyElement, getNodeType, isTextNode, getParentNode, focusEditor, getAboveBlockNode } from '../../core';
 import { isList } from '../../toolbar/side-toolbar/helpers';
 import { COMMENT_EDITOR, INTERNAL_EVENT } from '../../../constants';
-import { CODE_BLOCK, ELEMENT_TYPE, IMAGE, IMAGE_BLOCK, INSERT_POSITION, SUBTITLE, TITLE } from '../../constants';
+import { CODE_BLOCK, ELEMENT_TYPE, IMAGE, IMAGE_BLOCK, INSERT_POSITION, PARAGRAPH, SUBTITLE, TITLE } from '../../constants';
 import base64ToUnit8Array from '../../../../utils/base64-to-unit8array';
 export const isInsertImageMenuDisabled = (editor, readonly) => {
   if (readonly) return true;
@@ -57,6 +57,22 @@ export const insertImage = function (editor, srcList, selection) {
   });
   const validSelection = selection || editor.selection;
   let path = Editor.path(editor, validSelection);
+  const aboveNodeEntry = getAboveBlockNode(editor);
+  const isEmptyParagraph = aboveNodeEntry[0].type === PARAGRAPH && Node.string(aboveNodeEntry[0]).length === 0;
+  if (imageNodes.length === 1 && isEmptyParagraph) {
+    const imageNode = imageNodes[0];
+    Transforms.insertNodes(editor, imageNode, {
+      at: validSelection
+    });
+    Transforms.setNodes(editor, {
+      type: IMAGE_BLOCK
+    }, {
+      at: validSelection
+    });
+    const imageEndSelection = Path.next(Path.next(path));
+    focusEditor(editor, imageEndSelection);
+    return;
+  }
   if (position === INSERT_POSITION.AFTER) {
     if (isList(editor, path)) {
       const targetPath = path.slice(0, -2);

package/dist/basic-sdk/extension/plugins/image/plugin.js

@@ -3,7 +3,7 @@ import toaster from '../../../../components/toast';
 import context from '../../../../context';
 import EventBus from '../../../utils/event-bus';
 import { insertImage, hasSdocImages, getImageData, queryCopyMoveProgressView, resetCursor, isInsertImageMenuDisabled, getSingleImageFromFragment } from './helpers';
-import { focusEditor, generateEmptyElement, isBlockAboveEmpty } from '../../core';
+import { focusEditor, generateEmptyElement, getLastChildPath, getSelectedNodeEntryByType, isBlockAboveEmpty, isSelectionAtBlockStart } from '../../core';
 import { getErrorMsg } from '../../../../utils';
 import { getSlateFragmentAttribute } from '../../../utils/document-utils';
 import { INSERT_POSITION, CLIPBOARD_FORMAT_KEY, CLIPBOARD_ORIGIN_SDOC_KEY, IMAGE, IMAGE_BLOCK, PARAGRAPH, ELEMENT_TYPE } from '../../constants';
@@ -123,28 +123,39 @@ const withImage = editor => {
     const {
       selection
     } = editor;
-    const focusPoint = Editor.before(editor, selection);
+    if (!selection) return deleteBackward(unit);
     const point = Editor.before(editor, selection, {
       distance: 1
     });
     if (!point) return deleteBackward(unit);
-    const [node, path] = Editor.node(editor, [point.path[0], point.path[1]]);
-    const isPerviousNodeImage = node.type === IMAGE;
-    if (isPerviousNodeImage && Range.isCollapsed(selection) && isBlockAboveEmpty(editor) && !Path.isCommon(path, selection.anchor.path)) {
-      deleteBackward(unit);
-      focusEditor(newEditor, Editor.end(newEditor, focusPoint));
-      return;
+    if (!Range.isCollapsed(selection)) {
+      return deleteBackward(unit);
     }
-    if (Element.isElement(node) && node.type === IMAGE) {
-      // If the wrapping element is image_block, delete the wrapping element
-      const [parentNode, p] = Editor.node(editor, [path[0]]);
-      if (parentNode.type === IMAGE_BLOCK) {
-        Transforms.removeNodes(editor, {
-          at: p
-        });
+    if (isSelectionAtBlockStart(editor)) {
+      const path = selection.anchor.path;
+      const beforePath = [path[0] - 1];
+      const beforeBlock = Editor.node(editor, beforePath);
+      if (beforeBlock && beforeBlock[0].type === IMAGE_BLOCK) {
+        focusEditor(editor, [...beforePath, 1]);
         return;
       }
-      focusEditor(editor, Path.next(path));
+    }
+    const imageBlock = getSelectedNodeEntryByType(editor, IMAGE_BLOCK);
+    if (imageBlock) {
+      const path = selection.anchor.path;
+      const deletePath = [path[0]];
+      Transforms.removeNodes(editor, {
+        at: deletePath
+      });
+      const beforeEntry = Editor.node(editor, Path.previous(deletePath));
+      const selectPath = getLastChildPath(beforeEntry);
+      const endOfFirstNode = Editor.end(editor, selectPath);
+      const range = {
+        anchor: endOfFirstNode,
+        focus: endOfFirstNode
+      };
+      focusEditor(editor, range);
+      return;
     }
     deleteBackward(unit);
   };

package/dist/basic-sdk/extension/plugins/table/helpers.js

@@ -577,8 +577,10 @@ export const removeTableElement = (editor, type) => {
         return;
       }
       for (let i = minRowIndex; i <= maxRowIndex; i++) {
-        Transforms.removeNodes(editor, {
-          at: [...tablePath, minRowIndex]
+        queueMicrotask(() => {
+          Transforms.removeNodes(editor, {
+            at: [...tablePath, minRowIndex]
+          });
         });
       }
       const focusPath = [...tablePath, minRowIndex === 0 ? 0 : minRowIndex - 1, cellIndex];
@@ -1772,9 +1774,27 @@ export const isHideDragHandlerLine = (editor, displayType, table, cellPath, isDr
   if (displayType === DRAG_HANDLER_COLUMN && cellIndex > 0) {
     const prevCell = table.children[rowIndex].children[cellIndex - 1];
     preCellDom = ReactEditor.toDOMNode(editor, prevCell);
+
+    // Check if there are merged cells in the columns before and after the drag line
+    const beforeLineColumnHasCombined = table.children.find(item => {
+      const cell = item.children[cellIndex - 1];
+      return cell.children.length > 1;
+    });
+    const afterLineColumnHasCombined = table.children.find(item => {
+      const cell = item.children[cellIndex];
+      return (cell === null || cell === void 0 ? void 0 : cell.is_combined) === true;
+    });
+    if (beforeLineColumnHasCombined && afterLineColumnHasCombined) return true;
   } else if (displayType === DRAG_HANDLER_ROW && rowIndex > 0) {
     const prevCell = table.children[rowIndex - 1].children[cellIndex];
     preCellDom = ReactEditor.toDOMNode(editor, prevCell);
+
+    // Check whether there are merged cells in the rows before and after the drag line
+    const beforeLineRow = table.children[rowIndex - 1];
+    const afterLineRow = table.children[rowIndex];
+    const beforeLineRowHasCombined = beforeLineRow.children.find(item => item.children.length > 1);
+    const afterLineRowHasCombined = afterLineRow.children.find(item => (item === null || item === void 0 ? void 0 : item.is_combined) === true);
+    if (beforeLineRowHasCombined && afterLineRowHasCombined) return true;
   }
 
   // Check is above cell selected

package/dist/basic-sdk/extension/plugins/table/menu/table-context-menu/index.js

@@ -46,7 +46,7 @@ class TableContextMenu extends React.Component {
       } = this.props;
       insertTableElement(editor, type, position, count);
     });
-    _defineProperty(this, "removeTableElement", type => {
+    _defineProperty(this, "removeTableElements", type => {
       const {
         editor
       } = this.props;
@@ -54,7 +54,7 @@ class TableContextMenu extends React.Component {
     });
     _defineProperty(this, "renderRemoveBtn", (type, title) => {
       return /*#__PURE__*/React.createElement("button", {
-        onMouseDown: this.removeTableElement.bind(this, type),
+        onMouseDown: this.removeTableElements.bind(this, type),
         className: "dropdown-item"
       }, this.props.t(title));
     });

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@seafile/sdoc-editor",
-  "version": "1.0.47",
+  "version": "1.0.48",
   "private": false,
   "description": "This is a sdoc editor",
   "main": "dist/index.js",