@seafile/sdoc-editor 1.0.194 → 1.0.195-test0.0.1

package/dist/basic-sdk/assets/css/sdoc-editor-plugins.css

@@ -158,6 +158,10 @@
   padding: 8px 0;
 }
 
+.sdoc-insert-whiteboard-menu-popover-container {
+  padding: 8px 0;
+}
+
 /* caret */
 .sdoc-editor__article .caret-item .caret-name::before {
   content: attr(name);

package/dist/basic-sdk/extension/constants/element-type.js

@@ -3,7 +3,7 @@
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
-exports.WIKI_LINK = exports.VIDEO = exports.UNORDERED_LIST = exports.TWO_COLUMN = exports.TOP_LEVEL_TYPES = exports.TITLE = exports.THREE_COLUMN = exports.TABLE_ROW = exports.TABLE_CELL = exports.TABLE = exports.SUBTITLE = exports.SEATABLE_TABLE = exports.SEATABLE_COLUMN = exports.SDOC_LINK = exports.QUICK_INSERT = exports.PARAGRAPH = exports.ORDERED_LIST = exports.MULTI_COLUMN = exports.MENTION_TEMP = exports.MENTION = exports.LIST_ITEM = exports.LINK = exports.INLINE_LEVEL_TYPES = exports.IMAGE_BLOCK = exports.IMAGE = exports.HEADER6 = exports.HEADER5 = exports.HEADER4 = exports.HEADER3 = exports.HEADER2 = exports.HEADER1 = exports.HEADER = exports.FOUR_COLUMN = exports.FONT_SIZE_REDUCE = exports.FONT_SIZE_INCREASE = exports.FONT_SIZE = exports.FIVE_COLUMN = exports.FILE_LINK_INSET_INPUT_TEMP = exports.FILE_LINK = exports.COLUMN = exports.CODE_LINE = exports.CODE_BLOCK = exports.CHECK_LIST_ITEM = exports.CALL_OUT = exports.BLOCKQUOTE = exports.ASK_AI = void 0;
+exports.WIKI_LINK = exports.WHITEBOARD = exports.VIDEO = exports.UNORDERED_LIST = exports.TWO_COLUMN = exports.TOP_LEVEL_TYPES = exports.TITLE = exports.THREE_COLUMN = exports.TABLE_ROW = exports.TABLE_CELL = exports.TABLE = exports.SUBTITLE = exports.SEATABLE_TABLE = exports.SEATABLE_COLUMN = exports.SDOC_LINK = exports.QUICK_INSERT = exports.PARAGRAPH = exports.ORDERED_LIST = exports.MULTI_COLUMN = exports.MENTION_TEMP = exports.MENTION = exports.LIST_ITEM = exports.LINK = exports.INLINE_LEVEL_TYPES = exports.IMAGE_BLOCK = exports.IMAGE = exports.HEADER6 = exports.HEADER5 = exports.HEADER4 = exports.HEADER3 = exports.HEADER2 = exports.HEADER1 = exports.HEADER = exports.FOUR_COLUMN = exports.FONT_SIZE_REDUCE = exports.FONT_SIZE_INCREASE = exports.FONT_SIZE = exports.FIVE_COLUMN = exports.FILE_LINK_INSET_INPUT_TEMP = exports.FILE_LINK = exports.COLUMN = exports.CODE_LINE = exports.CODE_BLOCK = exports.CHECK_LIST_ITEM = exports.CALL_OUT = exports.BLOCKQUOTE = exports.ASK_AI = void 0;
 const BLOCKQUOTE = exports.BLOCKQUOTE = 'blockquote';
 const TITLE = exports.TITLE = 'title';
 const SUBTITLE = exports.SUBTITLE = 'subtitle';
@@ -42,6 +42,7 @@ const MENTION = exports.MENTION = 'mention';
 const MENTION_TEMP = exports.MENTION_TEMP = 'mention_temp';
 const FILE_LINK_INSET_INPUT_TEMP = exports.FILE_LINK_INSET_INPUT_TEMP = 'file_link_insert_input_temp';
 const QUICK_INSERT = exports.QUICK_INSERT = 'quick_insert';
+const WHITEBOARD = exports.WHITEBOARD = 'whiteboard';
 const SEATABLE_COLUMN = exports.SEATABLE_COLUMN = 'seatable_column';
 const SEATABLE_TABLE = exports.SEATABLE_TABLE = 'seatable_table';
 const ASK_AI = exports.ASK_AI = 'ask_ai';

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

@@ -484,6 +484,12 @@ Object.defineProperty(exports, "VIDEO", {
     return _elementType.VIDEO;
   }
 });
+Object.defineProperty(exports, "WHITEBOARD", {
+  enumerable: true,
+  get: function () {
+    return _elementType.WHITEBOARD;
+  }
+});
 Object.defineProperty(exports, "WIN_HOTKEYS", {
   enumerable: true,
   get: function () {
@@ -534,7 +540,7 @@ const FILE_TYPE = exports.FILE_TYPE = {
   [_elementType.FILE_LINK]: 'file',
   [_elementType.SDOC_LINK]: 'sdoc'
 };
-const SUPPORTED_SIDE_OPERATION_TYPE = exports.SUPPORTED_SIDE_OPERATION_TYPE = [_elementType.PARAGRAPH, _elementType.SUBTITLE, _elementType.HEADER1, _elementType.HEADER2, _elementType.HEADER3, _elementType.HEADER4, _elementType.HEADER5, _elementType.HEADER6, _elementType.CHECK_LIST_ITEM, _elementType.CODE_BLOCK, _elementType.TABLE, _elementType.BLOCKQUOTE, _elementType.CALL_OUT, _elementType.IMAGE_BLOCK, _elementType.VIDEO, _elementType.SEATABLE_TABLE, _elementType.MULTI_COLUMN];
+const SUPPORTED_SIDE_OPERATION_TYPE = exports.SUPPORTED_SIDE_OPERATION_TYPE = [_elementType.PARAGRAPH, _elementType.SUBTITLE, _elementType.HEADER1, _elementType.HEADER2, _elementType.HEADER3, _elementType.HEADER4, _elementType.HEADER5, _elementType.HEADER6, _elementType.CHECK_LIST_ITEM, _elementType.CODE_BLOCK, _elementType.TABLE, _elementType.BLOCKQUOTE, _elementType.CALL_OUT, _elementType.IMAGE_BLOCK, _elementType.VIDEO, _elementType.WHITEBOARD, _elementType.SEATABLE_TABLE, _elementType.MULTI_COLUMN];
 const MOUSE_ENTER_EVENT_DISABLED_MAP = exports.MOUSE_ENTER_EVENT_DISABLED_MAP = {
   [_elementType.PARAGRAPH]: [_elementType.CALL_OUT],
   [_elementType.TITLE]: [_elementType.CALL_OUT],
@@ -552,4 +558,4 @@ const MOUSE_ENTER_EVENT_DISABLED_MAP = exports.MOUSE_ENTER_EVENT_DISABLED_MAP =
   [_elementType.HEADER6]: [_elementType.CALL_OUT],
   [_elementType.CALL_OUT]: [_elementType.CALL_OUT]
 };
-const ROOT_ELEMENT_TYPES = exports.ROOT_ELEMENT_TYPES = [_elementType.PARAGRAPH, _elementType.TITLE, _elementType.SUBTITLE, _elementType.CHECK_LIST_ITEM, _elementType.ORDERED_LIST, _elementType.UNORDERED_LIST, _elementType.BLOCKQUOTE, _elementType.HEADER1, _elementType.HEADER2, _elementType.HEADER3, _elementType.HEADER4, _elementType.HEADER5, _elementType.HEADER6, _elementType.CALL_OUT, _elementType.TABLE, _elementType.CODE_BLOCK, _elementType.IMAGE_BLOCK, _elementType.VIDEO, _elementType.SEATABLE_TABLE];
+const ROOT_ELEMENT_TYPES = exports.ROOT_ELEMENT_TYPES = [_elementType.PARAGRAPH, _elementType.TITLE, _elementType.SUBTITLE, _elementType.CHECK_LIST_ITEM, _elementType.ORDERED_LIST, _elementType.UNORDERED_LIST, _elementType.BLOCKQUOTE, _elementType.HEADER1, _elementType.HEADER2, _elementType.HEADER3, _elementType.HEADER4, _elementType.HEADER5, _elementType.HEADER6, _elementType.CALL_OUT, _elementType.TABLE, _elementType.CODE_BLOCK, _elementType.IMAGE_BLOCK, _elementType.VIDEO, _elementType.SEATABLE_TABLE, _elementType.WHITEBOARD];

package/dist/basic-sdk/extension/constants/menus-config.js

@@ -233,6 +233,11 @@ const MENUS_CONFIG_MAP = exports.MENUS_CONFIG_MAP = {
     iconClass: 'sdocfont sdoc-seatable-table',
     type: _elementType.SEATABLE_TABLE,
     text: 'SeaTable_table'
+  },
+  [_elementType.WHITEBOARD]: {
+    id: `sdoc_${_elementType.WHITEBOARD}`,
+    iconClass: 'sdocfont sdoc-document',
+    text: 'Whiteboard'
   }
 };
 

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

@@ -4,7 +4,7 @@ var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefau
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
-exports.someNode = exports.isTopLevelListItem = exports.isTextNode = exports.isStartPoint = exports.isSelectionAtBlockStart = exports.isSelectionAtBlockEnd = exports.isRangeInSameBlock = exports.isRangeAcrossBlocks = exports.isMultiLevelList = exports.isLastNode = exports.isLastChild = exports.isHasImg = exports.isFirstChild = exports.isEndPoint = exports.isEmptyArticle = exports.isCurrentLineHasText = exports.isCurrentLineEmpty = exports.isContainsVoidElement = exports.isBlockTextEmptyAfterSelection = exports.isBlockAboveEmpty = exports.isAncestorEmpty = exports.getTopLevelBlockNode = exports.getStartPoint = exports.getSelectedNodeEntryByType = exports.getSelectedNodeByTypes = exports.getSelectedNodeByType = exports.getSelectedElems = exports.getQueryOptions = exports.getPreviousPath = exports.getPrevNode = exports.getPointBefore = exports.getParentNode = exports.getNodes = exports.getNodeType = exports.getNodeEntries = exports.getNodeById = exports.getNode = exports.getNextSiblingNodes = exports.getNextNode = exports.getLastChildPath = exports.getLastChild = exports.getEndPoint = exports.getEditorString = exports.getDeepInlineChildren = exports.getCurrentNode = exports.getCommonNode = exports.getChildren = exports.getAboveNode = exports.getAboveBlockNode = exports.findPath = exports.findNode = exports.findDescendant = void 0;
+exports.someNode = exports.isTopLevelListItem = exports.isTextNode = exports.isStartPoint = exports.isSelectionAtBlockStart = exports.isSelectionAtBlockEnd = exports.isRangeInSameBlock = exports.isRangeAcrossBlocks = exports.isMultiLevelList = exports.isMiddlePoint = exports.isLastNode = exports.isLastChild = exports.isHasImg = exports.isFirstChild = exports.isEndPoint = exports.isEmptyArticle = exports.isCurrentLineHasText = exports.isCurrentLineEmpty = exports.isContainsVoidElement = exports.isBlockTextEmptyAfterSelection = exports.isBlockAboveEmpty = exports.isAncestorEmpty = exports.getTopLevelBlockNode = exports.getStartPoint = exports.getSelectedNodeEntryByType = exports.getSelectedNodeByTypes = exports.getSelectedNodeByType = exports.getSelectedElems = exports.getQueryOptions = exports.getPreviousPath = exports.getPrevNode = exports.getPointBefore = exports.getParentNode = exports.getNodes = exports.getNodeType = exports.getNodeEntries = exports.getNodeById = exports.getNode = exports.getNextSiblingNodes = exports.getNextNode = exports.getLastChildPath = exports.getLastChild = exports.getEndPoint = exports.getEditorString = exports.getDeepInlineChildren = exports.getCurrentNode = exports.getCommonNode = exports.getChildren = exports.getAboveNode = exports.getAboveBlockNode = exports.findPath = exports.findNode = exports.findDescendant = void 0;
 var _slate = require("@seafile/slate");
 var _slateReact = require("@seafile/slate-react");
 var _utils = require("../utils");
@@ -390,6 +390,10 @@ const isEndPoint = (editor, point, at) => {
   return !!point && _slate.Editor.isEnd(editor, point, at);
 };
 exports.isEndPoint = isEndPoint;
+const isMiddlePoint = (editor, point, at) => {
+  return !isStartPoint(editor, point, at) && !isEndPoint(editor, point, at);
+};
+exports.isMiddlePoint = isMiddlePoint;
 const isBlockTextEmptyAfterSelection = editor => {
   if (!editor.selection) return false;
   const blockAbove = _slate.Editor.above(editor, {

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

@@ -29,9 +29,10 @@ const withBlockquote = editor => {
       match: n => _slate.Element.isElement(n) && [_constants.PARAGRAPH, _constants.HEADER1, _constants.HEADER2, _constants.HEADER3, _constants.HEADER4, _constants.HEADER5, _constants.HEADER6, _constants.TITLE, _constants.SUBTITLE].includes(n.type),
       mode: 'lowest'
     });
+
     // Exit blockquote when current line is empty
-    const isAtEnd = currentLineEntry[1].slice(-1)[0] === quoteBlockEntry[0].children.length - 1;
-    if (isAtEnd) {
+    const isAtBlockquoteEnd = currentLineEntry[1].slice(-1)[0] === quoteBlockEntry[0].children.length - 1;
+    if (isAtBlockquoteEnd) {
       const isEmptyLine = !(currentLineEntry && _slate.Editor.string(newEditor, currentLineEntry[1]).length) && !(0, _core.isContainsVoidElement)(currentLineEntry[0]);
       if (isEmptyLine) {
         const nextPath = _slate.Path.next(quoteBlockEntry[1]);
@@ -43,6 +44,15 @@ const withBlockquote = editor => {
       }
     }
 
+    // const isMiddleIn
+    if (_slate.Range.isCollapsed(selection)) {
+      const isMiddleIn = (0, _core.isMiddlePoint)(editor, selection.anchor, currentLineEntry[1]);
+      if (isMiddleIn) {
+        insertBreak();
+        return;
+      }
+    }
+
     // Insert new line
     _slate.Transforms.insertNodes(editor, {
       type: _constants.PARAGRAPH,
@@ -70,20 +80,15 @@ const withBlockquote = editor => {
       const [, currentLinePath] = currentLineEntry;
       const currentLineIndex = currentLinePath[blockQuotePath.length];
       // Transforms to paragraph when Select at the beginning of the first line
-      if (currentLineIndex === 0 && (0, _core.isBlockAboveEmpty)(newEditor)) {
-        const emptyParagraph = (0, _core.generateEmptyElement)(_constants.PARAGRAPH);
-        _slate.Transforms.removeNodes(editor, {
-          at: blockQuoteEntry[1]
-        });
-        _slate.Transforms.insertNodes(newEditor, emptyParagraph, {
-          at: blockQuoteEntry[1]
+      if (currentLineIndex === 0) {
+        _slate.Transforms.liftNodes(editor, {
+          at: currentLinePath
         });
-        const focusPoint = _slate.Editor.end(newEditor, blockQuoteEntry[1]);
-        (0, _core.focusEditor)(newEditor, focusPoint);
         return;
       }
+
       // Merge with previous line when Select at the beginning of the line
-      if ((0, _core.isSelectionAtBlockStart)(editor)) {
+      if (currentLineIndex !== 0 && (0, _core.isSelectionAtBlockStart)(editor)) {
         const lineText = _slate.Node.string(currentLineEntry[0]);
         const previousNodeEntry = _slate.Editor.previous(editor, {
           at: currentLineEntry[1]

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

@@ -44,7 +44,7 @@ const VideoMenu = _ref => {
     hideArrow: true,
     fade: false
   }, /*#__PURE__*/_react.default.createElement("div", {
-    className: "sdoc-insert-video-menu-popover-container sdoc-dropdown-menu-container 333"
+    className: "sdoc-insert-video-menu-popover-container sdoc-dropdown-menu-container"
   }, /*#__PURE__*/_react.default.createElement("div", {
     className: "sdoc-dropdown-menu-item",
     onClick: openLocalVideoDialog

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

@@ -0,0 +1,61 @@
+"use strict";
+
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault").default;
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.onCreateWhiteboardFile = exports.isInsertWhiteboardMenuDisabled = exports.insertWhiteboard = void 0;
+var _slate = require("@seafile/slate");
+var _core = require("../../core");
+var _constants = require("../../constants");
+var _eventBus = _interopRequireDefault(require("../../../utils/event-bus"));
+var _constants2 = require("../../../../constants");
+const isInsertWhiteboardMenuDisabled = (editor, readonly) => {
+  if (readonly) return true;
+  const {
+    selection
+  } = editor;
+  if (selection === null) return true;
+  if (!_slate.Range.isCollapsed(selection)) return true;
+  const [match] = _slate.Editor.nodes(editor, {
+    match: n => {
+      let type = (0, _core.getNodeType)(n);
+      if (!type && (0, _core.isTextNode)(n) && n.id) {
+        const parentNode = (0, _core.getParentNode)(editor.children, n.id);
+        type = (0, _core.getNodeType)(parentNode);
+      }
+      if (type === _constants.CODE_BLOCK) return true;
+      if (type.startsWith('header')) return true;
+      if (type === _constants.TITLE) return true;
+      if (type === _constants.SUBTITLE) return true;
+      if (type === _constants.LIST_ITEM) return true;
+      if (type === _constants.CHECK_LIST_ITEM) return true;
+      if (type === _constants.MULTI_COLUMN) return true;
+      if (type === _constants.BLOCKQUOTE) return true;
+      if (type === _constants.CALL_OUT) return true;
+      if (_slate.Editor.isVoid(editor, n)) return true;
+      return false;
+    },
+    universal: true
+  });
+  if (match) return true;
+  return false;
+};
+exports.isInsertWhiteboardMenuDisabled = isInsertWhiteboardMenuDisabled;
+const insertWhiteboard = () => {};
+exports.insertWhiteboard = insertWhiteboard;
+const onCreateWhiteboardFile = editor => {
+  // e.stopPropagation();
+
+  const eventBus = _eventBus.default.getInstance();
+  const external_props = {
+    insertWhiteboard,
+    fileType: 'draw',
+    editor
+  };
+  console.log(2, external_props.insertWhiteboard);
+  eventBus.dispatch(_constants2.EXTERNAL_EVENT.CREATE_WHITEBOARD_FILE, {
+    ...external_props
+  });
+};
+exports.onCreateWhiteboardFile = onCreateWhiteboardFile;

package/dist/basic-sdk/extension/plugins/whiteboard/index.js

@@ -0,0 +1,21 @@
+"use strict";
+
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault").default;
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.default = void 0;
+var _constants = require("../../constants");
+var _plugin = _interopRequireDefault(require("./plugin"));
+var _menu = _interopRequireDefault(require("./menu"));
+var _renderElem = require("./render-elem");
+// import './index.css';
+
+const WhiteboardPlugin = {
+  type: _constants.WHITEBOARD,
+  nodeType: 'element',
+  editorMenus: [_menu.default],
+  editorPlugin: _plugin.default,
+  renderElements: [_renderElem.renderWhiteboard]
+};
+var _default = exports.default = WhiteboardPlugin;

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

@@ -0,0 +1,50 @@
+"use strict";
+
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault").default;
+var _interopRequireWildcard = require("@babel/runtime/helpers/interopRequireWildcard").default;
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.default = void 0;
+var _react = _interopRequireWildcard(require("react"));
+var _reactI18next = require("react-i18next");
+var _reactstrap = require("reactstrap");
+var _dropdownMenuItem = _interopRequireDefault(require("../../../commons/dropdown-menu-item"));
+var _helpers = require("../helpers");
+var _constants = require("../../../constants");
+const WhiteboardMenu = _ref => {
+  let {
+    editor,
+    readonly
+  } = _ref;
+  const disabled = (0, _helpers.isInsertWhiteboardMenuDisabled)(editor, readonly);
+  const menuConfig = _constants.MENUS_CONFIG_MAP[_constants.WHITEBOARD];
+  const {
+    t
+  } = (0, _reactI18next.useTranslation)();
+  const onCreateFile = () => {
+    (0, _helpers.onCreateWhiteboardFile)(editor);
+  };
+  return /*#__PURE__*/_react.default.createElement(_react.default.Fragment, null, /*#__PURE__*/_react.default.createElement(_dropdownMenuItem.default, {
+    disabled: disabled,
+    menuConfig: menuConfig,
+    className: "pr-2"
+  }, !disabled && /*#__PURE__*/_react.default.createElement("i", {
+    className: "sdocfont sdoc-right-slide sdoc-dropdown-item-right-icon"
+  })), !disabled && /*#__PURE__*/_react.default.createElement(_reactstrap.UncontrolledPopover, {
+    target: menuConfig.id,
+    trigger: "hover",
+    className: "sdoc-menu-popover sdoc-dropdown-menu sdoc-sub-dropdown-menu sdoc-insert-whiteboard-menu-popover",
+    placement: "right-start",
+    hideArrow: true,
+    fade: false
+  }, /*#__PURE__*/_react.default.createElement("div", {
+    className: "sdoc-insert-whiteboard-menu-popover-container sdoc-dropdown-menu-container"
+  }, /*#__PURE__*/_react.default.createElement("div", {
+    className: "sdoc-dropdown-menu-item"
+  }, t('Upload_local_whiteboard')), /*#__PURE__*/_react.default.createElement("div", {
+    className: "sdoc-dropdown-menu-item",
+    onClick: onCreateFile
+  }, t('Create_new_whiteboard')))));
+};
+var _default = exports.default = WhiteboardMenu;

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

@@ -0,0 +1,28 @@
+"use strict";
+
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault").default;
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.default = void 0;
+var _react = _interopRequireDefault(require("react"));
+var _constants = require("../../constants");
+const withWhiteboard = editor => {
+  const {
+    isVoid
+  } = editor;
+  const newEditor = editor;
+
+  // Make whiteboard as void node
+  newEditor.isVoid = elem => {
+    const {
+      type
+    } = elem;
+    if (type === _constants.WHITEBOARD) {
+      return true;
+    }
+    return isVoid(elem);
+  };
+  return newEditor;
+};
+var _default = exports.default = withWhiteboard;

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

@@ -0,0 +1,19 @@
+"use strict";
+
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault").default;
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.renderWhiteboard = renderWhiteboard;
+var _react = _interopRequireDefault(require("react"));
+const Whiteboard = _ref => {
+  let {
+    editor
+  } = _ref;
+  return /*#__PURE__*/_react.default.createElement(_react.default.Fragment, null);
+};
+function renderWhiteboard(props, editor) {
+  return /*#__PURE__*/_react.default.createElement(Whiteboard, Object.assign({}, props, {
+    editor: editor
+  }));
+}

package/dist/basic-sdk/extension/render/custom-element.js

@@ -1,5 +1,6 @@
 "use strict";
 
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault").default;
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
@@ -12,6 +13,7 @@ var _core = require("../core");
 var _helper = require("./helper");
 var _elementType = require("../constants/element-type");
 var _constants2 = require("../../constants");
+var _whiteboard = _interopRequireDefault(require("../plugins/whiteboard"));
 const CustomRenderElement = props => {
   const editor = (0, _slateReact.useSlateStatic)();
   const readonly = (0, _slateReact.useReadOnly)();
@@ -210,6 +212,11 @@ const CustomRenderElement = props => {
         const [renderSeaTableTable] = _plugins.SeaTableViewsPlugin.renderElements;
         return renderSeaTableTable(props, editor);
       }
+    case _elementType.WHITEBOARD:
+      {
+        const [renderWhiteboard] = _whiteboard.default.renderElements;
+        return renderWhiteboard(props, editor);
+      }
     default:
       {
         const [renderParagraph] = _plugins.ParagraphPlugin.renderElements;

package/dist/basic-sdk/extension/render/render-comment-editor-element.js

@@ -1,5 +1,6 @@
 "use strict";
 
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault").default;
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
@@ -8,6 +9,7 @@ var _slateReact = require("@seafile/slate-react");
 var _constants = require("../constants");
 var _plugins = require("../plugins");
 var _core = require("../core");
+var _whiteboard = _interopRequireDefault(require("../plugins/whiteboard"));
 const RenderCommentEditorCustomRenderElement = props => {
   const editor = (0, _slateReact.useSlateStatic)();
   const readonly = (0, _slateReact.useReadOnly)();
@@ -95,6 +97,13 @@ const RenderCommentEditorCustomRenderElement = props => {
         const [renderBlockquote] = _plugins.BlockquotePlugin.renderElements;
         return renderBlockquote(props, editor);
       }
+    case _constants.WHITEBOARD:
+      {
+        const [renderWhiteboard] = _whiteboard.default.renderElements;
+        return renderWhiteboard({
+          ...props
+        }, editor);
+      }
     default:
       {
         const [renderParagraph] = _plugins.ParagraphPlugin.renderElements;

package/dist/basic-sdk/extension/toolbar/header-toolbar/insert-toolbar/index.js

@@ -22,6 +22,7 @@ var _menu8 = _interopRequireDefault(require("../../../plugins/seatable-tables/me
 var _eventBus = _interopRequireDefault(require("../../../../utils/event-bus"));
 var _constants = require("../../../../constants");
 require("./index.css");
+var _menu9 = _interopRequireDefault(require("../../../plugins/whiteboard/menu"));
 const InsertToolbar = _ref => {
   let {
     isRichEditor,
@@ -95,7 +96,7 @@ const InsertToolbar = _ref => {
     style: {
       maxHeight: window.innerHeight - bottom - 100
     }
-  }, /*#__PURE__*/_react.default.createElement(_menu.default, props), /*#__PURE__*/_react.default.createElement(_tableMenu.default, props), (editor === null || editor === void 0 ? void 0 : editor.editorType) !== _constants.DOCUMENT_PLUGIN_EDITOR && /*#__PURE__*/_react.default.createElement(_menu2.default, props), /*#__PURE__*/_react.default.createElement(_menu3.default, props), /*#__PURE__*/_react.default.createElement(_menu4.default, props), /*#__PURE__*/_react.default.createElement("div", {
+  }, /*#__PURE__*/_react.default.createElement(_menu.default, props), /*#__PURE__*/_react.default.createElement(_tableMenu.default, props), (editor === null || editor === void 0 ? void 0 : editor.editorType) !== _constants.DOCUMENT_PLUGIN_EDITOR && /*#__PURE__*/_react.default.createElement(_menu2.default, props), /*#__PURE__*/_react.default.createElement(_menu9.default, props), /*#__PURE__*/_react.default.createElement(_menu3.default, props), /*#__PURE__*/_react.default.createElement(_menu4.default, props), /*#__PURE__*/_react.default.createElement("div", {
     className: "sdoc-dropdown-menu-divider"
   }), editor.columns && /*#__PURE__*/_react.default.createElement(_menu7.default, props), editor.tables && /*#__PURE__*/_react.default.createElement(_menu8.default, props), !editor.tables && /*#__PURE__*/_react.default.createElement(_react.default.Fragment, null, /*#__PURE__*/_react.default.createElement(_menu5.default, props), /*#__PURE__*/_react.default.createElement(_menu6.default, props)))));
 };

package/dist/basic-sdk/extension/toolbar/side-toolbar/event.js

@@ -4,7 +4,7 @@ var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefau
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
-exports.onMouseEnter = exports.onDrop = exports.onDragOver = exports.onDragLeave = void 0;
+exports.onMouseEnter = exports.onDrop = exports.onDragOver = exports.onDragLeave = exports.DRAG_SDOC_EDITOR_ELEMENT = void 0;
 var _eventBus = _interopRequireDefault(require("../../../utils/event-bus"));
 var _constants = require("../../../constants");
 var _constants2 = require("../../constants");
@@ -36,4 +36,5 @@ const onDrop = event => {
   const eventBus = _eventBus.default.getInstance();
   eventBus.dispatch(_constants.INTERNAL_EVENT.ON_DRAG_DROP_BLOCK, event);
 };
-exports.onDrop = onDrop;
+exports.onDrop = onDrop;
+const DRAG_SDOC_EDITOR_ELEMENT = exports.DRAG_SDOC_EDITOR_ELEMENT = 'drag_sdoc_editor_element';

package/dist/basic-sdk/extension/toolbar/side-toolbar/helpers.js

@@ -138,7 +138,7 @@ const isVoidNode = node => {
 };
 exports.isVoidNode = isVoidNode;
 const isNotSupportTransform = node => {
-  if (node.type && [_constants.CODE_BLOCK, _constants.TABLE, _constants.CALL_OUT, _constants.VIDEO, _constants.SEATABLE_TABLE].includes(node.type)) {
+  if (node.type && [_constants.CODE_BLOCK, _constants.TABLE, _constants.CALL_OUT, _constants.VIDEO, _constants.SEATABLE_TABLE, _constants.WHITEBOARD].includes(node.type)) {
     return true;
   }
   return false;

package/dist/basic-sdk/extension/toolbar/side-toolbar/index.js

@@ -19,6 +19,7 @@ var _helpers2 = require("../../plugins/image/helpers");
 var _constants = require("../../../constants");
 var _constants2 = require("../../constants");
 var _helper = require("../../plugins/callout/helper");
+var _event = require("./event");
 require("./index.css");
 let sourceElement = null;
 let targetElement = null;
@@ -122,6 +123,7 @@ const SideToolbar = () => {
     // eslint-disable-next-line react-hooks/exhaustive-deps
   }, [editor, isShowSideMenu, scrollRef, sidePosition.top]);
   const onMouseDown = (0, _react.useCallback)(e => {
+    e.stopPropagation();
     const domSelection = window.getSelection();
     if (domSelection.type !== 'Range' || !editor.selection || _slate.Path.equals(editor.selection.focus.path, editor.selection.anchor.path)) {
       draggedPreviewContainer.current = null;
@@ -193,6 +195,7 @@ const SideToolbar = () => {
     });
   }, [editor, isShowSideMenu, slateNode]);
   const dragStart = (0, _react.useCallback)(event => {
+    event.stopPropagation();
     // Create the preview container when dragging more than one listNodes
     const noDrag = _slate.Path.equals(editor.selection.focus.path, editor.selection.anchor.path);
     if (showSelectedNodesRef.current && showSelectedNodesRef.current.length > 1 && !noDrag) {
@@ -207,6 +210,7 @@ const SideToolbar = () => {
         draggedPreviewContainer.current.appendChild(clonedNode);
       });
       event.dataTransfer.setDragImage(draggedPreviewContainer.current, 0, 0);
+      event.dataTransfer.setData(_event.DRAG_SDOC_EDITOR_ELEMENT, true);
       draggedSourcePaths.current = showSelectedNodesRef.current.map(_ref4 => {
         let [, path] = _ref4;
         return path;
@@ -228,8 +232,11 @@ const SideToolbar = () => {
       sourceElement = _slateReact.ReactEditor.toDOMNode(editor, nodeEntry[0]);
     }
     event.dataTransfer.setDragImage(sourceElement, 0, 0);
+    event.dataTransfer.setData(_event.DRAG_SDOC_EDITOR_ELEMENT, true);
   }, [editor, slateNode]);
   const dragOver = (0, _react.useCallback)(event => {
+    const dragTypes = event.dataTransfer.types;
+    if (!dragTypes.includes(_event.DRAG_SDOC_EDITOR_ELEMENT)) return;
     const overElement = event.currentTarget;
     if (!overElement.classList.contains('sdoc-draging')) {
       overElement.classList.add('sdoc-draging');
@@ -240,11 +247,14 @@ const SideToolbar = () => {
     leaveElement.classList.remove('sdoc-draging');
   }, []);
   const drop = (0, _react.useCallback)(event => {
-    const dragTypes = event.dataTransfer.types;
     targetElement = event.currentTarget;
     targetElement.classList.remove('sdoc-draging');
+    const dragTypes = event.dataTransfer.types;
+    if (!dragTypes.includes(_event.DRAG_SDOC_EDITOR_ELEMENT)) return;
+
     // Prevent dragging table data to the editor
     if (dragTypes.includes(_constants2.TABLE_DRAG_KEY)) return;
+
     // Drag local image files to sdoc
     if (event.dataTransfer.files.length > 0) {
       const [, targetPath] = (0, _helpers.getNodeEntry)(editor, targetElement);
@@ -302,6 +312,7 @@ const SideToolbar = () => {
         draggedSourcePaths.current = null;
         showSelectedNodesRef.current = null;
         draggedPreviewContainer.current = null;
+        event.dataTransfer.clearData();
       }
     }
     const [sourceNode, sourcePath] = (0, _helpers.getNodeEntry)(editor, sourceElement);

package/dist/constants/index.js

@@ -36,6 +36,7 @@ const EXTERNAL_EVENT = exports.EXTERNAL_EVENT = {
   PARTICIPANT_REMOVED: 'participant-removed',
   CREATE_SDOC_FILE: 'create_sdoc_file',
   CREATE_WIKI_PAGE: 'create_wiki_page',
+  CREATE_WHITEBOARD_FILE: 'create_whiteboard_file',
   // wiki
   INSERT_LINK: 'insert_link',
   // document

package/package.json

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