@seafile/sdoc-editor 1.0.46 → 1.0.47

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

@@ -8,7 +8,7 @@ import EventBus from '../../../utils/event-bus';
 import { generateEmptyElement, getNodeType, isTextNode, getParentNode, focusEditor } 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 } from '../../constants';
+import { CODE_BLOCK, ELEMENT_TYPE, IMAGE, IMAGE_BLOCK, INSERT_POSITION, SUBTITLE, TITLE } from '../../constants';
 import base64ToUnit8Array from '../../../../utils/base64-to-unit8array';
 export const isInsertImageMenuDisabled = (editor, readonly) => {
   if (readonly) return true;
@@ -26,6 +26,8 @@ export const isInsertImageMenuDisabled = (editor, readonly) => {
       }
       if (type === CODE_BLOCK) return true;
       if (type.startsWith('header')) return true;
+      if (type === TITLE) return true;
+      if (type === SUBTITLE) return true;
       if (Editor.isVoid(editor, n)) return true;
       return false;
     },
@@ -147,11 +149,13 @@ export const resetCursor = editor => {
     Transforms.select(editor, targetPath);
   });
 };
-export const isSingleImage = data => {
-  if (data.length !== 1) return false;
-  if (Node.string(data[0]).length !== 0) return false;
-  if (data[0].children.filter(item => (item === null || item === void 0 ? void 0 : item.type) === IMAGE).length !== 1) return false;
-  return true;
+export const getSingleImageFromFragment = data => {
+  if (data.length !== 1) return null;
+  if (Node.string(data[0]).length !== 0) return null;
+  const children = data[0].children;
+  const images = children.filter(item => (item === null || item === void 0 ? void 0 : item.type) === IMAGE);
+  if (images.length !== 1) return null;
+  return images[0];
 };
 export const insertImageFiles = (files, editor, targetPath) => {
   context.uploadLocalImage(files).then(fileUrl => {

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

@@ -2,11 +2,11 @@ import { Transforms, Path, Editor, Element, Range } from '@seafile/slate';
 import toaster from '../../../../components/toast';
 import context from '../../../../context';
 import EventBus from '../../../utils/event-bus';
-import { insertImage, hasSdocImages, getImageData, queryCopyMoveProgressView, resetCursor, isSingleImage } from './helpers';
+import { insertImage, hasSdocImages, getImageData, queryCopyMoveProgressView, resetCursor, isInsertImageMenuDisabled, getSingleImageFromFragment } from './helpers';
 import { focusEditor, generateEmptyElement, isBlockAboveEmpty } 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 } from '../../constants';
+import { INSERT_POSITION, CLIPBOARD_FORMAT_KEY, CLIPBOARD_ORIGIN_SDOC_KEY, IMAGE, IMAGE_BLOCK, PARAGRAPH, ELEMENT_TYPE } from '../../constants';
 import { INTERNAL_EVENT } from '../../../constants';
 const withImage = editor => {
   const {
@@ -70,14 +70,27 @@ const withImage = editor => {
     if (data.types && data.types.includes('Files') && data.files[0].type.includes(IMAGE)) {
       context.uploadLocalImage(data.files).then(fileUrl => {
         insertImage(newEditor, fileUrl, editor.selection, INSERT_POSITION.CURRENT);
-        resetCursor(newEditor);
       });
       return;
     }
     insertData(data);
   };
   newEditor.insertFragment = data => {
-    if (isSingleImage(data)) {
+    const singleImage = getSingleImageFromFragment(data);
+    if (singleImage && isInsertImageMenuDisabled(editor)) {
+      const path = Editor.path(editor, editor.selection);
+      const nextPath = Path.next([path[0]]);
+      const p = generateEmptyElement(ELEMENT_TYPE.PARAGRAPH);
+      p.children = [singleImage];
+      Transforms.insertNodes(editor, p, {
+        at: nextPath
+      });
+      // There will be a space before and after the image
+      const imagePath = [...nextPath, 1];
+      focusEditor(editor, Path.next(imagePath));
+      return;
+    }
+    if (singleImage) {
       resetCursor(newEditor);
     }
     return insertFragment(data);

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

@@ -201,7 +201,8 @@ const Image = _ref => {
   }, attributes, {
     style: _objectSpread({}, style),
     onMouseOver: e => selectImageWhenSelectPartial(e, editor, element, isSelected),
-    contentEditable: "true"
+    contentEditable: "true",
+    suppressContentEditableWarning: true
   }), /*#__PURE__*/React.createElement("img", {
     ref: imageRef,
     src: imagePlaceholder,
@@ -214,10 +215,10 @@ const Image = _ref => {
   }, attributes, {
     style: _objectSpread({}, style),
     onMouseOver: e => selectImageWhenSelectPartial(e, editor, element, isSelected),
-    contentEditable: "true"
+    contentEditable: "true",
+    suppressContentEditableWarning: true
   }), /*#__PURE__*/React.createElement("span", {
-    className: "sdoc-image-inner",
-    contentEditable: "false"
+    className: "sdoc-image-inner"
   }, /*#__PURE__*/React.createElement("span", {
     className: "sdoc-image-content"
   }, /*#__PURE__*/React.createElement("span", {
@@ -238,8 +239,7 @@ const Image = _ref => {
     ref: resizerRef,
     onMouseDown: onResizeStart
   }), isResizing && /*#__PURE__*/React.createElement("span", {
-    className: "image-size",
-    contentEditable: false
+    className: "image-size"
   }, /*#__PURE__*/React.createElement("span", null, t('Width'), ':', parseInt(movingWidth || ((_imageRef$current = imageRef.current) === null || _imageRef$current === void 0 ? void 0 : _imageRef$current.clientWidth))), /*#__PURE__*/React.createElement("span", null, "\xA0\xA0"), /*#__PURE__*/React.createElement("span", null, t('Height'), ':', imageRef.current.clientHeight))), nodeEntry[0].type === IMAGE_BLOCK && show_caption && /*#__PURE__*/React.createElement("input", {
     id: "sdoc-image-caption-input",
     ref: imageCaptionInputRef,

package/dist/basic-sdk/extension/plugins/seatable-tables/helpers.js

@@ -18,6 +18,8 @@ export const isInsertSeaTableTableDisabled = (editor, readonly) => {
         type = getNodeType(parentNode);
       }
       if (type.startsWith('header')) return true;
+      if (type === ELEMENT_TYPE.TITLE) return true;
+      if (type === ELEMENT_TYPE.SUBTITLE) return true;
       if (type === ELEMENT_TYPE.CODE_BLOCK) return true;
       if (type === ELEMENT_TYPE.ORDERED_LIST) return true;
       if (type === ELEMENT_TYPE.UNORDERED_LIST) return true;

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

@@ -25,6 +25,8 @@ export const isTableMenuDisabled = (editor, readonly) => {
         type = getNodeType(parentNode);
       }
       if (type.startsWith('header')) return true;
+      if (type === ELEMENT_TYPE.TITLE) return true;
+      if (type === ELEMENT_TYPE.SUBTITLE) return true;
       if (type === ELEMENT_TYPE.CODE_BLOCK) return true;
       if (type === ELEMENT_TYPE.ORDERED_LIST) return true;
       if (type === ELEMENT_TYPE.UNORDERED_LIST) return true;

package/dist/pages/sdoc-wiki-editor.js

@@ -6,7 +6,6 @@ import { PAGE_EDIT_AREA_WIDTH, WIKI_EDITOR } from '../basic-sdk/constants';
 import { createWikiEditor } from '../basic-sdk/extension';
 import withNodeId from '../basic-sdk/node-id';
 import { withSocketIO } from '../basic-sdk/socket';
-import { TITLE } from '../basic-sdk/extension/constants';
 import WikiEditor from '../basic-sdk/editor/wiki-editor';
 import '../assets/css/simple-viewer.css';
 const SdocWikiEditor = _ref => {

package/package.json

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