@seafile/sdoc-editor 0.4.35 → 0.4.37

package/dist/api/seafile-api.js

@@ -1,15 +1,16 @@
+import _defineProperty from "@babel/runtime/helpers/esm/defineProperty";
 import axios from 'axios';
 import slugid from 'slugid';
 class SeafileAPI {
   constructor(server, token) {
-    this.deleteSdocRevision = docUuid => {
+    _defineProperty(this, "deleteSdocRevision", docUuid => {
       const url = 'api/v2.1/seadoc/revision/' + docUuid + '/';
       return this.req.delete(url);
-    };
-    this.deleteSdocOtherRevision = (docUuid, revisionId) => {
+    });
+    _defineProperty(this, "deleteSdocOtherRevision", (docUuid, revisionId) => {
       const url = 'api/v2.1/seadoc/delete-revision/' + docUuid + '/' + revisionId + '/';
       return this.req.delete(url);
-    };
+    });
     this.req = axios.create({
       baseURL: server,
       headers: {

package/dist/basic-sdk/comment/components/global-comment/index.js

@@ -1,8 +1,7 @@
 import _objectSpread from "@babel/runtime/helpers/esm/objectSpread2";
 import React, { useCallback, useEffect, useRef, useState } from 'react';
 import dayjs from 'dayjs';
-import { useSlateStatic } from '@seafile/slate-react';
-import { ReactEditor } from '@seafile/slate-react';
+import { useSlateStatic, ReactEditor } from '@seafile/slate-react';
 import { ElementPopover } from '../../../extension/commons';
 import EventBus from '../../../utils/event-bus';
 import useCommentList from '../../hooks/comment-hooks/use-comment-list';

package/dist/basic-sdk/comment/helper.js

@@ -13,8 +13,8 @@ export const getSelectionRange = () => {
   return null;
 };
 export const getCursorPosition = () => {
-  let x = 0,
-    y = 0;
+  let x = 0;
+  let y = 0;
   let range = getSelectionRange();
   if (range) {
     const rect = range.getBoundingClientRect();

package/dist/basic-sdk/comment/utils/index.js

@@ -1,3 +1,4 @@
+import _defineProperty from "@babel/runtime/helpers/esm/defineProperty";
 import { Editor } from '@seafile/slate';
 import { getEventTransfer } from '../../../utils';
 import { COMMENT_URL_CLASSNAME } from '../constants';
@@ -53,7 +54,7 @@ export const checkMentionOperation = event => {
 };
 class CommentUtilities {
   constructor() {
-    this.onInsertElement = _ref => {
+    _defineProperty(this, "onInsertElement", _ref => {
       let {
         commentRef,
         selection,
@@ -72,8 +73,8 @@ class CommentUtilities {
         content,
         nodeType
       });
-    };
-    this.getHtmlElement = (nodeType, content) => {
+    });
+    _defineProperty(this, "getHtmlElement", (nodeType, content) => {
       switch (nodeType) {
         case 'image':
           {
@@ -91,8 +92,8 @@ class CommentUtilities {
             return '';
           }
       }
-    };
-    this.createHtmlElement = _ref2 => {
+    });
+    _defineProperty(this, "createHtmlElement", _ref2 => {
       let {
         commentRef,
         selection,
@@ -100,7 +101,9 @@ class CommentUtilities {
         content,
         nodeType
       } = _ref2;
-      let spanNode1, spanNode2, imageContainer;
+      let spanNode1;
+      let spanNode2;
+      let imageContainer;
       if (nodeType === 'image') {
         spanNode1 = document.createElement('div');
         spanNode1.className = 'image-container';
@@ -136,8 +139,8 @@ class CommentUtilities {
         selection.addRange(range);
       }
       return range;
-    };
-    this.onSelectParticipant = _ref3 => {
+    });
+    _defineProperty(this, "onSelectParticipant", _ref3 => {
       let {
         selection,
         range,
@@ -171,7 +174,7 @@ class CommentUtilities {
         commentRef.current.focus();
       }
       return newRange;
-    };
+    });
     /**
      * get the index of '@' from anchor position.
      * @param {*} anchorPosition '@text|anchor position|'
@@ -180,7 +183,7 @@ class CommentUtilities {
      * e.g. '@abc|anchor position|' // 0
      *      '@123 @|anchor position| @abc' // 5
      */
-    this.getAtIndexWithAnchorPosition = (anchorPosition, text) => {
+    _defineProperty(this, "getAtIndexWithAnchorPosition", (anchorPosition, text) => {
       let atIndex = -1;
       for (let i = anchorPosition - 1; i > -1; i--) {
         if (text[i] === '@') {
@@ -189,8 +192,8 @@ class CommentUtilities {
         }
       }
       return atIndex;
-    };
-    this.onPaste = (event, callBack) => {
+    });
+    _defineProperty(this, "onPaste", (event, callBack) => {
       event.stopPropagation();
       let cliperData = getEventTransfer(event);
       if (cliperData.files) {
@@ -211,7 +214,7 @@ class CommentUtilities {
           document.execCommand('paste', false, text);
         }
       }
-    };
+    });
   }
 }
 export const focusToCommentElement = (editor, element) => {

package/dist/basic-sdk/editor/editable-article.js

@@ -154,7 +154,7 @@ const EditableArticle = _ref => {
         block: 'nearest'
       });
     } catch (error) {
-      // 
+      //
     }
   }, []);
   return /*#__PURE__*/React.createElement(Slate, {

package/dist/basic-sdk/editor/sdoc-editor.js

@@ -5,7 +5,7 @@ import deepCopy from 'deep-copy';
 import context from '../../context';
 import CommonLoading from '../../components/common-loading';
 import { INTERNAL_EVENT, PAGE_EDIT_AREA_WIDTH } from '../constants';
-import { createDefaultEditor } from '../extension';
+import { createDefaultEditor, HeaderToolbar } from '../extension';
 import withNodeId from '../node-id';
 import { withSocketIO } from '../socket';
 import { focusEditor } from '../extension/core';
@@ -13,7 +13,6 @@ import InsertElementDialog from '../extension/commons/insert-element-dialog';
 import { EditorContainer, EditorContent } from '../layout';
 import EditableArticle from './editable-article';
 import { ColorProvider } from '../hooks/use-color-context';
-import { HeaderToolbar } from '../extension';
 import ReadOnlyArticle from '../views/readonly-article';
 import { isMobile } from '../../utils';
 import { CollaboratorsProvider } from '../../hooks';

package/dist/basic-sdk/extension/commons/element-popover/index.js

@@ -1,11 +1,12 @@
+import _defineProperty from "@babel/runtime/helpers/esm/defineProperty";
 import React from 'react';
 import ReactDOM from 'react-dom';
 class ElementPopover extends React.Component {
   constructor(props) {
     super(props);
-    this.state = {
+    _defineProperty(this, "state", {
       isMounted: false
-    };
+    });
     this.el = document.createElement('div');
     if (props.className) {
       this.el.className = props.className;

package/dist/basic-sdk/extension/commons/history-files/index.js

@@ -8,6 +8,7 @@ import debounce from 'lodash.debounce';
 import toaster from '../../../../components/toast';
 import EventBus from '../../../utils/event-bus';
 import context from '../../../../context';
+import { focusEditor } from '../../core';
 import { insertSdocFileLink } from '../../plugins/sdoc-link/helpers';
 import { LocalStorage, isEnglish } from '../../../../utils';
 import { INTERNAL_EVENT } from '../../../constants';
@@ -83,6 +84,16 @@ const HistoryFiles = _ref => {
     };
     // eslint-disable-next-line react-hooks/exhaustive-deps
   }, []);
+  const onKeydown = useCallback(e => {
+    const {
+      key,
+      target
+    } = e;
+    if (key === 'Backspace' && !target.selectionStart && !target.selectionEnd && !target.value) {
+      focusEditor(editor);
+      closeDialog();
+    }
+  }, [closeDialog, editor]);
   const onCompositionStart = e => {
     e.stopPropagation();
     historyFilesInputRef.current.typing = true;
@@ -167,7 +178,8 @@ const HistoryFiles = _ref => {
     autoComplete: "off",
     onChange: debounce(onSearch, 200),
     onCompositionStart: onCompositionStart,
-    onCompositionEnd: onCompositionEnd
+    onCompositionEnd: onCompositionEnd,
+    onKeyDown: onKeydown
   }), /*#__PURE__*/React.createElement("div", {
     className: "sdoc-history-files-content"
   }, header.length !== 0 && /*#__PURE__*/React.createElement("div", {

package/dist/basic-sdk/extension/commons/menu/menu-group.js

@@ -1,3 +1,4 @@
+import _defineProperty from "@babel/runtime/helpers/esm/defineProperty";
 import React from 'react';
 class MenuGroup extends React.PureComponent {
   render() {
@@ -7,7 +8,7 @@ class MenuGroup extends React.PureComponent {
     }, this.props.children);
   }
 }
-MenuGroup.defaultProps = {
+_defineProperty(MenuGroup, "defaultProps", {
   className: 'menu-group'
-};
+});
 export default MenuGroup;

package/dist/basic-sdk/extension/constants/font.js

@@ -517,6 +517,7 @@ export const FONT = [
   }
 } // 楷体
 ];
+
 export const SDOC_FONT_SIZE = {
   DEFAULT: 11,
   [ELEMENT_TYPE.TITLE]: 26,

package/dist/basic-sdk/extension/constants/index.js

@@ -1,5 +1,6 @@
 // extension plugin
 import * as ELEMENT_TYPE from './element-type';
+// eslint-disable-next-line no-duplicate-imports
 import { BLOCKQUOTE, TITLE, SUBTITLE, HEADER, HEADER1, HEADER2, HEADER3, HEADER4, HEADER5, HEADER6, PARAGRAPH, ORDERED_LIST, UNORDERED_LIST, LIST_ITEM, CHECK_LIST_ITEM, CODE_BLOCK, CODE_LINE, TABLE, TABLE_CELL, TABLE_ROW, LINK, SDOC_LINK, FILE_LINK, IMAGE, IMAGE_BLOCK, TOP_LEVEL_TYPES, INLINE_LEVEL_TYPES, CALL_OUT } from './element-type';
 export { DEFAULT_COLORS, STANDARD_COLORS, DEFAULT_RECENT_USED_LIST, DEFAULT_FONT_COLOR, RECENT_USED_HIGHLIGHT_COLORS_KEY, RECENT_USED_FONT_COLORS_KEY, RECENT_USED_TABLE_CELL_BACKGROUND_COLORS_KEY, DEFAULT_LAST_USED_FONT_COLOR, DEFAULT_LAST_USED_HIGHLIGHT_COLOR, DEFAULT_LAST_USED_TABLE_CELL_BACKGROUND_COLOR } from './color';
 export { FONT_SIZE, DEFAULT_FONT, FONT, GOOGLE_FONT_CLASS, RECENT_USED_FONTS_KEY, SDOC_FONT_SIZE } from './font';

package/dist/basic-sdk/extension/core/utils/index.js

@@ -2,6 +2,7 @@ import _objectSpread from "@babel/runtime/helpers/esm/objectSpread2";
 import React from 'react';
 import slugid from 'slugid';
 import { useTranslation } from 'react-i18next';
+import { PARAGRAPH } from '../../constants';
 export const match = (node, path, predicate) => {
   if (!predicate) return true;
   if (typeof predicate === 'object') {
@@ -22,6 +23,13 @@ export const generateDefaultText = () => {
     text: ''
   };
 };
+export const generateDefaultParagraph = () => {
+  return {
+    id: slugid.nice(),
+    type: PARAGRAPH,
+    children: [generateDefaultText()]
+  };
+};
 export const generateEmptyElement = function (type) {
   let props = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : {};
   return _objectSpread(_objectSpread({

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

@@ -1,4 +1,5 @@
 import _objectSpread from "@babel/runtime/helpers/esm/objectSpread2";
+import _defineProperty from "@babel/runtime/helpers/esm/defineProperty";
 import React from 'react';
 import { BLOCKQUOTE, MENUS_CONFIG_MAP } from '../../../constants';
 import { MenuItem } from '../../../commons';
@@ -7,27 +8,27 @@ import { focusEditor } from '../../../core';
 class QuoteMenu extends React.Component {
   constructor() {
     super(...arguments);
-    this.isActive = () => {
+    _defineProperty(this, "isActive", () => {
       const {
         editor
       } = this.props;
       return getBlockQuoteType(editor) === BLOCKQUOTE;
-    };
-    this.isDisabled = () => {
+    });
+    _defineProperty(this, "isDisabled", () => {
       const {
         editor,
         readonly
       } = this.props;
       return isMenuDisabled(editor, readonly);
-    };
-    this.onMouseDown = e => {
+    });
+    _defineProperty(this, "onMouseDown", e => {
       const {
         editor
       } = this.props;
       const active = this.isActive(editor);
       setBlockQuoteType(editor, active);
       focusEditor(editor);
-    };
+    });
   }
   render() {
     const {

package/dist/basic-sdk/extension/plugins/callout/render-elem/index.js

@@ -72,6 +72,7 @@ const renderCallout = (_ref, editor) => {
         top: menuTop,
         left: left // left = code-block left distance
       };
+
       setPopoverPosition(newMenuPosition);
     }
   }, [isShowColorSelector, readOnly]);
@@ -107,6 +108,7 @@ const renderCallout = (_ref, editor) => {
       top: menuTop,
       left: left // left = callout left distance
     };
+
     setPopoverPosition(newMenuPosition);
     setIsShowColorSelector(true);
   }, [readOnly]);

package/dist/basic-sdk/extension/plugins/check-list/menu/index.js

@@ -1,4 +1,5 @@
 import _objectSpread from "@babel/runtime/helpers/esm/objectSpread2";
+import _defineProperty from "@babel/runtime/helpers/esm/defineProperty";
 import React from 'react';
 import { CHECK_LIST_ITEM, MENUS_CONFIG_MAP, PARAGRAPH } from '../../../constants';
 import { MenuItem } from '../../../commons';
@@ -7,20 +8,20 @@ import { focusEditor } from '../../../core';
 class CheckListMenu extends React.Component {
   constructor() {
     super(...arguments);
-    this.isActive = () => {
+    _defineProperty(this, "isActive", () => {
       const {
         editor
       } = this.props;
       return getCheckListItemType(editor) === CHECK_LIST_ITEM;
-    };
-    this.isDisabled = () => {
+    });
+    _defineProperty(this, "isDisabled", () => {
       const {
         editor,
         readonly
       } = this.props;
       return isMenuDisabled(editor, readonly);
-    };
-    this.onMouseDown = () => {
+    });
+    _defineProperty(this, "onMouseDown", () => {
       const {
         editor
       } = this.props;
@@ -28,7 +29,7 @@ class CheckListMenu extends React.Component {
       const newType = active ? PARAGRAPH : CHECK_LIST_ITEM;
       setCheckListItemType(editor, newType);
       focusEditor(editor, editor.selection);
-    };
+    });
   }
   render() {
     const {

package/dist/basic-sdk/extension/plugins/check-list/render-elem.js

@@ -1,10 +1,11 @@
+import _defineProperty from "@babel/runtime/helpers/esm/defineProperty";
 import React from 'react';
 import { Transforms } from '@seafile/slate';
 import { ReactEditor } from '@seafile/slate-react';
 class CheckListItem extends React.PureComponent {
   constructor() {
     super(...arguments);
-    this.onChange = event => {
+    _defineProperty(this, "onChange", event => {
       const checked = event.target.checked;
       const {
         editor,
@@ -16,7 +17,7 @@ class CheckListItem extends React.PureComponent {
       }, {
         at: path
       });
-    };
+    });
   }
   render() {
     const {

package/dist/basic-sdk/extension/plugins/code-block/helpers.js

@@ -23,6 +23,7 @@ export const isMenuDisabled = (editor, readonly) => {
   if (isMatch) return false; // enable
   return true; // disable
 };
+
 export const getSelectCodeElem = editor => {
   const codeNode = getSelectedNodeByType(editor, CODE_BLOCK);
   if (codeNode == null) return null;
@@ -32,8 +33,8 @@ export const changeToCodeBlock = function (editor) {
   let language = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : '';
   let position = arguments.length > 2 && arguments[2] !== undefined ? arguments[2] : INSERT_POSITION.CURRENT;
   // Summarizes the strings for the selected highest-level node
-  let strArr = [],
-    path = Editor.path(editor, editor.selection);
+  let strArr = [];
+  let path = Editor.path(editor, editor.selection);
   if (position === INSERT_POSITION.AFTER) {
     strArr = [''];
   } else {
@@ -62,6 +63,7 @@ export const changeToCodeBlock = function (editor) {
     style: {
       white_space: 'nowrap' // default nowrap
     },
+
     children: [{
       id: slugid.nice(),
       type: CODE_LINE,

package/dist/basic-sdk/extension/plugins/code-block/render-elem.js

@@ -81,6 +81,7 @@ const CodeBlock = _ref => {
         top: menuTop,
         left: left // left = code-block left distance
       };
+
       setMenuPosition(newMenuPosition);
     }
     setShowHoverMenu(true);
@@ -104,6 +105,7 @@ const CodeBlock = _ref => {
         top: menuTop,
         left: left // left = code-block left distance
       };
+
       setMenuPosition(newMenuPosition);
     }
   }, [readOnly, showHoverMenu]);

package/dist/basic-sdk/extension/plugins/file-link/helpers.js

@@ -20,6 +20,7 @@ export const isMenuDisabled = (editor, readonly) => {
   if (notMatch) return true; // disabled
   return false; // enable
 };
+
 export const generateFileNode = (uuid, text) => {
   const fileNode = {
     id: slugid.nice(),

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

@@ -1,3 +1,4 @@
+import _defineProperty from "@babel/runtime/helpers/esm/defineProperty";
 import React, { Fragment } from 'react';
 import { withTranslation } from 'react-i18next';
 import classnames from 'classnames';
@@ -9,13 +10,13 @@ import './style.css';
 class HeaderMenu extends React.Component {
   constructor(props) {
     super(props);
-    this.registerEventHandler = () => {
+    _defineProperty(this, "registerEventHandler", () => {
       document.addEventListener('click', this.onHideHeaderMenu, true);
-    };
-    this.unregisterEventHandler = () => {
+    });
+    _defineProperty(this, "unregisterEventHandler", () => {
       document.removeEventListener('click', this.onHideHeaderMenu, true);
-    };
-    this.onHideHeaderMenu = e => {
+    });
+    _defineProperty(this, "onHideHeaderMenu", e => {
       const menu = this.menu;
       const clickIsInMenu = menu && menu.contains(e.target) && menu !== e.target;
       if (clickIsInMenu) return;
@@ -24,24 +25,24 @@ class HeaderMenu extends React.Component {
       }, () => {
         this.unregisterEventHandler();
       });
-    };
-    this.getValue = () => {
+    });
+    _defineProperty(this, "getValue", () => {
       const {
         editor
       } = this.props;
       return getHeaderType(editor);
-    };
-    this.isActive = type => {
+    });
+    _defineProperty(this, "isActive", type => {
       return this.getValue() === type;
-    };
-    this.isDisabled = () => {
+    });
+    _defineProperty(this, "isDisabled", () => {
       const {
         editor,
         readonly
       } = this.props;
       return isMenuDisabled(editor, readonly);
-    };
-    this.onToggleClick = event => {
+    });
+    _defineProperty(this, "onToggleClick", event => {
       event.stopPropagation();
       event.nativeEvent.stopImmediatePropagation();
       const isShowHeaderPopover = !this.state.isShowHeaderPopover;
@@ -58,8 +59,8 @@ class HeaderMenu extends React.Component {
           this.unregisterEventHandler();
         });
       }
-    };
-    this.onMouseDown = type => {
+    });
+    _defineProperty(this, "onMouseDown", type => {
       return () => {
         const {
           editor
@@ -74,15 +75,15 @@ class HeaderMenu extends React.Component {
           this.unregisterEventHandler();
         });
       };
-    };
-    this.setMenuRef = ref => {
+    });
+    _defineProperty(this, "setMenuRef", ref => {
       this.menu = ref;
-    };
-    this.getToolTip = type => {
+    });
+    _defineProperty(this, "getToolTip", type => {
       // chrome in Mac: "Mozilla/5.0 (Macintosh; Intel Mac OS X 10_15_7) AppleWebKit/537.36 (KHTML, like Gecko) Chrome/116.0.0.0 Safari/537.36"
       const isMac = window.navigator.userAgent.indexOf('Macintosh') !== -1;
       return isMac ? MAC_HOTKEYS[type] : WIN_HOTKEYS[type];
-    };
+    });
     this.state = {
       isShowHeaderPopover: false
     };

package/dist/basic-sdk/extension/plugins/html/helper.js

@@ -68,6 +68,7 @@ const deserializeElements = function () {
       // nothing todo
     }
   });
+
   return nodes;
 };
 const formatElementNodes = nodes => {

package/dist/basic-sdk/extension/plugins/image/dialogs/image-previewer.js

@@ -1,3 +1,4 @@
+import _defineProperty from "@babel/runtime/helpers/esm/defineProperty";
 import React from 'react';
 import Lightbox from '@seafile/react-image-lightbox';
 import { getImageURL } from '../helpers';
@@ -5,7 +6,7 @@ import '@seafile/react-image-lightbox/style.css';
 class ImagePreviewer extends React.Component {
   constructor(props) {
     super(props);
-    this.getImageNodes = nodes => {
+    _defineProperty(this, "getImageNodes", nodes => {
       let nodeIndex = 0;
       const list = [];
       while (nodes && nodeIndex <= nodes.length - 1) {
@@ -19,17 +20,17 @@ class ImagePreviewer extends React.Component {
         nodeIndex++;
       }
       return list;
-    };
-    this.moveToPrevImage = () => {
+    });
+    _defineProperty(this, "moveToPrevImage", () => {
       this.setState(prevState => ({
         imageIndex: (prevState.imageIndex + this.images.length - 1) % this.images.length
       }));
-    };
-    this.moveToNextImage = () => {
+    });
+    _defineProperty(this, "moveToNextImage", () => {
       this.setState(prevState => ({
         imageIndex: (prevState.imageIndex + 1) % this.images.length
       }));
-    };
+    });
     const {
       editor,
       imageUrl

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

@@ -1,12 +1,12 @@
 import _objectSpread from "@babel/runtime/helpers/esm/objectSpread2";
 import urlJoin from 'url-join';
 import { Editor, Range, Transforms, Path, Node } from '@seafile/slate';
-import { ReactEditor } from '@seafile/slate-react';
 import context from '../../../../context';
 import EventBus from '../../../utils/event-bus';
-import { generateEmptyElement, getNodeType, isTextNode, getParentNode } from '../../core';
+import { generateEmptyElement, getNodeType, isTextNode, getParentNode, focusEditor } from '../../core';
+import { isList } from '../../toolbar/side-toolbar/helpers';
 import { INTERNAL_EVENT } from '../../../constants';
-import { CODE_BLOCK, ELEMENT_TYPE, IMAGE, INSERT_POSITION, LIST_ITEM } from '../../constants';
+import { CODE_BLOCK, ELEMENT_TYPE, IMAGE, INSERT_POSITION } from '../../constants';
 export const isInsertImageMenuDisabled = (editor, readonly) => {
   if (readonly) return true;
   const {
@@ -48,14 +48,16 @@ export const insertImage = function (editor, srcList, selection) {
   }
   const imageNodes = srcList.map(src => generateImageNode(src));
   const validSelection = selection || editor.selection;
+  let path = Editor.path(editor, validSelection);
   if (position === INSERT_POSITION.AFTER) {
-    let path = Editor.path(editor, validSelection);
-    if (slateNode && (slateNode === null || slateNode === void 0 ? void 0 : slateNode.type) === LIST_ITEM) {
-      path = ReactEditor.findPath(editor, slateNode);
-      const nextPath = Path.next(path);
+    if (isList(editor, path)) {
+      const targetPath = path.slice(0, -2);
+      targetPath[targetPath.length - 1] = targetPath[targetPath.length - 1] + 1;
       Transforms.insertNodes(editor, imageNodes, {
-        at: nextPath
+        at: targetPath
       });
+      const imageEndSelection = Path.next(Path.next([...targetPath, 0, 0]));
+      focusEditor(editor, imageEndSelection);
       return;
     }
     const p = generateEmptyElement(ELEMENT_TYPE.PARAGRAPH);
@@ -65,11 +67,14 @@ export const insertImage = function (editor, srcList, selection) {
     Transforms.insertNodes(editor, p, {
       at: [path[0] + 1]
     });
+    focusEditor(editor, [path[0] + 1, 2]);
     return;
   }
   Transforms.insertNodes(editor, imageNodes, {
     at: validSelection
   });
+  const imageEndSelection = Path.next(Path.next(path));
+  focusEditor(editor, imageEndSelection);
 };
 export const updateImage = (editor, data) => {
   Transforms.setNodes(editor, {

package/dist/basic-sdk/extension/plugins/image/hover-menu/index.js

@@ -71,9 +71,9 @@ const ImageHoverMenu = _ref => {
         const beforeLeaf = newNodeEntry[0].children.slice(0, index);
         const imageLeaf = newNodeEntry[0].children.slice(index, index + 1);
         const afterLeaf = newNodeEntry[0].children.slice(index + 1);
-        let beforeNode = null,
-          centerNode = null,
-          afterNode = null;
+        let beforeNode = null;
+        let centerNode = null;
+        let afterNode = null;
         let p = path[0];
         if (!beforeLeaf.every(item => {
           var _item$text;

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

@@ -19,6 +19,7 @@ export const isMenuDisabled = (editor, readonly) => {
   if (notMatch) return true; // disabled
   return false; // enable
 };
+
 export const checkLink = url => {
   if (url.indexOf('http') !== 0) {
     return true;