@seafile/sdoc-editor 1.0.139 → 1.0.141-alpha2

package/dist/api/seafile-api.js

@@ -38,6 +38,7 @@ class SeafileAPI {
     return 'image-' + _slugid.default.nice() + file.name.slice(file.name.lastIndexOf('.'));
   }
   uploadSdocImage(docUuid, imageFiles) {
+    console.log(123);
     const url = '/api/v2.1/seadoc/upload-image/' + docUuid + '/';
     const form = new FormData();
     for (const fileItem of imageFiles) {
@@ -52,9 +53,32 @@ class SeafileAPI {
     return this.req.post(url, form);
   }
   getSdocDownloadImageUrl(docUuid, imageName) {
+    console.log(3333);
     const url = '/api/v2.1/seadoc/download-image/' + docUuid + '/' + encodeURIComponent(imageName);
     return this.req.get(url);
   }
+  getVideoFileNameWithUuid(file) {
+    return 'video-' + _slugid.default.nice() + file.name.slice(file.name.lastIndexOf('.'));
+  }
+  uploadSdocVideo(docUuid, videoFiles) {
+    const url = '/api/v2.1/seadoc/upload-video/' + docUuid + '/';
+    const form = new FormData();
+    for (const fileItem of videoFiles) {
+      console.log('fileItem', fileItem);
+      if (fileItem.type.startsWith('video/')) {
+        const fileName = this.getVideoFileNameWithUuid(fileItem);
+        const file = new File([fileItem], fileName, {
+          type: fileItem.type
+        });
+        form.append('file', file);
+      }
+    }
+    return this.req.post(url, form);
+  }
+  getSdocDownloadVideoUrl(docUuid, videoName) {
+    const url = '/api/v2.1/seadoc/download-video/' + docUuid + '/' + encodeURIComponent(videoName);
+    return this.req.get(url);
+  }
 
   // revision
   startRevise(repoID, fileUuid, path) {

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

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

package/dist/basic-sdk/comment/components/comment-item-collapse-wrapper.js

@@ -108,13 +108,13 @@ const CommentItemCollapseWrapper = _ref => {
     className: "name"
   }, topLevelComment.user_name), /*#__PURE__*/_react.default.createElement("span", {
     className: "time"
-  }, (0, _dayjs.default)(topLevelComment.updated_at).format('MM-DD HH:mm')))), (isUnseen || isReplayUnseen) && /*#__PURE__*/_react.default.createElement("div", {
+  }, (0, _dayjs.default)(topLevelComment.updated_at).format('MM-DD HH:mm'), (topLevelComment === null || topLevelComment === void 0 ? void 0 : topLevelComment.resolved) && /*#__PURE__*/_react.default.createElement("span", {
+    className: "comment-success-resolved sdocfont sdoc-mark-as-resolved"
+  })))), (isUnseen || isReplayUnseen) && /*#__PURE__*/_react.default.createElement("div", {
     className: "sdoc-unread-message-tip"
   })), /*#__PURE__*/_react.default.createElement("div", {
     className: "comment-content"
-  }, (topLevelComment === null || topLevelComment === void 0 ? void 0 : topLevelComment.resolved) && /*#__PURE__*/_react.default.createElement("span", {
-    className: "comment-success-resolved sdocfont sdoc-mark-as-resolved"
-  }), /*#__PURE__*/_react.default.createElement("div", {
+  }, /*#__PURE__*/_react.default.createElement("div", {
     dangerouslySetInnerHTML: {
       __html: commentContent
     }

package/dist/basic-sdk/comment/components/comment-list.css

@@ -147,15 +147,6 @@
   align-items: initial;
 }
 
-.comment-item .comment-footer .comment-author__avatar {
-  width: 16px;
-  height: 16px;
-}
-
-.comment-item .comment-footer .comment-author__avatar img {
-  border-radius: 50%;
-}
-
 .comment-item .comment-footer .comment-author__latest-reply {
   margin-left: 8px;
 }
@@ -168,19 +159,6 @@
   width: 220px;
 }
 
-/* header */
-.sdoc-comment-list-container .comment-header .comment-author__avatar {
-  display: flex;
-  align-items: center;
-}
-
-.sdoc-article-container .sdoc-comment-list-container .comment-item .comment-header .comment-author__avatar img {
-  margin-top: 3px;
-  width: 24px;
-  height: 24px;
-  border-radius: 50%;
-}
-
 .sdoc-comment-list-container .comment-header .comment-author__info {
   display: flex;
   flex-direction: column;
@@ -208,6 +186,12 @@
   align-items: center;
 }
 
+.sdoc-comment-list-container .comment-header .comment-author__info .time .comment-success-resolved {
+  color: rgb(71, 184, 129);
+  margin-left: 6px;
+  font-size: 14px;
+}
+
 .sdoc-comment-list-container .comment-header .sdoc-unread-message-tip {
   display: inline-block;
   height: 6px;
@@ -361,7 +345,29 @@
   padding-right: 10px;
 }
 
-/* editor Side comment preview */
+/* Side comment style */
+.sdoc-article-container .sdoc-comment-list-container .comment-item .comment-header .comment-author__avatar {
+  display: flex;
+  align-items: center;
+  margin-top: 3px;
+  width: 24px;
+  height: 24px;
+}
+
+.sdoc-article-container .sdoc-comment-list-container .comment-item .comment-header .comment-author__avatar img {
+  border-radius: 50%;
+}
+
+.sdoc-article-container .sdoc-comment-list-container .comment-item .comment-footer .comment-author__avatar {
+  width: 16px;
+  height: 16px;
+  margin-top: -1px
+}
+
+.sdoc-article-container .sdoc-comment-list-container .comment-item .comment-footer .comment-author__avatar img {
+  border-radius: 50%;
+}
+
 .sdoc-article-container .sdoc-comment-list-container .comment-item .comment-editor-wrapper.pb-3 {
   padding-bottom: 0 !important;
 }

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

@@ -216,23 +216,22 @@
   background-color: unset;
 }
 
-.sdoc-comment-drawer .sdoc-comment-list-container .comment-item .comment-header .comment-author__avatar img {
+.sdoc-comment-drawer .sdoc-comment-list-container .comment-item .comment-header .comment-author__avatar {
   width: 24px;
   height: 24px;
   margin-top: -5px;
 }
 
+.sdoc-comment-drawer .sdoc-comment-list-container .comment-item .comment-header .comment-author__avatar img {
+  border-radius: 50%;
+}
+
 .sdoc-comment-drawer .sdoc-comment-list-container .comment-item .comment-content {
   margin-left: 35px;
   display: flex;
   align-items: center;
 }
 
-.sdoc-comment-drawer .sdoc-comment-list-container .comment-item .comment-content .comment-success-resolved {
-  color: rgb(71, 184, 129);
-  margin-right: 6px;
-}
-
 .sdoc-comment-drawer .sdoc-comment-list-container .comment-item .comment-footer .comments-count {
   display: flex;
   align-items: center;
@@ -257,6 +256,7 @@
 .sdoc-comment-drawer .sdoc-comment-list-container .comment-item .comment-footer .comment-author__avatar {
   width: 16px;
   height: 16px;
+  margin-top: -1px
 }
 
 .sdoc-comment-drawer .sdoc-comment-list-container .comment-item .comment-footer .comment-author__avatar img {

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

@@ -46,7 +46,8 @@ const INTERNAL_EVENT = exports.INTERNAL_EVENT = {
   ON_PRINT: 'on_print',
   COMMENT_EDITOR_POST_COMMENT: 'comment_editor_post_comment',
   CLOSE_FILE_INSET_DIALOG: 'close_file_insert_dialog',
-  RESIZE_ARTICLE: 'resize_article'
+  RESIZE_ARTICLE: 'resize_article',
+  ON_VIDEO_FILES_UPLOADED: 'on_video_files_uploaded'
 };
 const REVISION_DIFF_KEY = exports.REVISION_DIFF_KEY = 'diff';
 const REVISION_DIFF_VALUE = exports.REVISION_DIFF_VALUE = '1';

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

@@ -159,7 +159,9 @@ const WikiEditor = /*#__PURE__*/(0, _react.forwardRef)((_ref, ref) => {
       editor: validEditor,
       slateValue: slateValue,
       showComment: false
-    }))))));
+    })), !_utils.isMobile && isWikiReadOnly && /*#__PURE__*/_react.default.createElement(_wikiOutline.default, {
+      doc: slateValue
+    })))));
   }
   return /*#__PURE__*/_react.default.createElement(_react.default.Fragment, null, /*#__PURE__*/_react.default.createElement(_layout.EditorContainer, {
     editor: validEditor

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

@@ -7,6 +7,7 @@ Object.defineProperty(exports, "__esModule", {
 });
 exports.default = void 0;
 var _react = _interopRequireWildcard(require("react"));
+var _reactI18next = require("react-i18next");
 var _dialogs = require("../../plugins/table/dialogs");
 var _addLinkDialog = _interopRequireDefault(require("../../plugins/link/dialog/add-link-dialog"));
 var _index = _interopRequireDefault(require("../select-file-dialog/index.js"));
@@ -14,8 +15,10 @@ var _eventBus = _interopRequireDefault(require("../../../utils/event-bus"));
 var _constants = require("../../../constants");
 var _constants2 = require("../../constants");
 var _helpers = require("../../plugins/image/helpers");
+var _helpers2 = require("../../plugins/video/helpers");
 var _context = _interopRequireDefault(require("../../../../context.js"));
 var _index2 = _interopRequireDefault(require("../file-insert-dialog/index.js"));
+var _index3 = _interopRequireDefault(require("../../../../components/toast/index.js"));
 const InsertElementDialog = _ref => {
   let {
     editor
@@ -28,7 +31,12 @@ const InsertElementDialog = _ref => {
   const [validEditor, setValidEditor] = (0, _react.useState)(editor);
   const [linkTitle, setLinkTitle] = (0, _react.useState)('');
   const [handleSubmit, setHandleSubmit] = (0, _react.useState)(() => void 0);
+  const [alertShown, setAlertShown] = (0, _react.useState)(false);
+  const {
+    t
+  } = (0, _reactI18next.useTranslation)();
   const uploadLocalImageInputRef = (0, _react.useRef)();
+  const uploadLocalVideoInputRef = (0, _react.useRef)();
   const onFileChanged = (0, _react.useCallback)(event => {
     const files = event.target.files;
     _context.default.uploadLocalImage(files).then(fileUrl => {
@@ -39,6 +47,33 @@ const InsertElementDialog = _ref => {
     });
     // eslint-disable-next-line react-hooks/exhaustive-deps
   }, [validEditor, uploadLocalImageInputRef, insertPosition, slateNode]);
+  const handleDisplayAlert = (0, _react.useCallback)(() => {
+    console.log(11);
+    _index3.default.warning(`${t('The_current_version_does_not_support_>5MB_video_file')}`);
+  }, [t]);
+  const onVideoFileChanged = (0, _react.useCallback)(event => {
+    const files = event.target.files;
+    const maxSize = 5 * 1024 * 1024;
+
+    // Show warning and no further insertion if video file is more than 5MB
+    if (files[0].size < maxSize) {
+      handleDisplayAlert();
+      setAlertShown(true);
+      // toaster.closeAll();
+      event.target.value = null;
+      console.log(12);
+      return;
+    }
+    console.log(13);
+    _context.default.uploadLocalVideo(files).then(fileUrl => {
+      (0, _helpers2.insertVideo)(validEditor, files, fileUrl, validEditor.selection, insertPosition);
+      if (uploadLocalVideoInputRef.current) {
+        uploadLocalVideoInputRef.current.value = '';
+      }
+    });
+    setAlertShown(false);
+    // eslint-disable-next-line react-hooks/exhaustive-deps
+  }, [validEditor, uploadLocalImageInputRef, insertPosition, slateNode]);
   (0, _react.useEffect)(() => {
     const eventBus = _eventBus.default.getInstance();
     const toggleDialogSubscribe = eventBus.subscribe(_constants.INTERNAL_EVENT.INSERT_ELEMENT, toggleDialog);
@@ -77,6 +112,11 @@ const InsertElementDialog = _ref => {
         uploadLocalImageInputRef.current && uploadLocalImageInputRef.current.click();
       }, 0);
     }
+    if (type === _constants2.LOCAL_VIDEO) {
+      setTimeout(() => {
+        uploadLocalVideoInputRef.current && uploadLocalVideoInputRef.current.click();
+      }, 0);
+    }
   }, [editor]);
   const closeDialog = (0, _react.useCallback)(() => {
     setInsertPosition(_constants2.INSERT_POSITION.CURRENT);
@@ -143,6 +183,19 @@ const InsertElementDialog = _ref => {
           onChange: onFileChanged
         });
       }
+    case _constants2.LOCAL_VIDEO:
+      {
+        return /*#__PURE__*/_react.default.createElement("input", {
+          onClick: e => e.stopPropagation(),
+          ref: uploadLocalVideoInputRef,
+          type: "file",
+          accept: "video/*",
+          style: {
+            display: 'none'
+          },
+          onChange: onVideoFileChanged
+        });
+      }
     case _constants2.ELEMENT_TYPE.FILE_LINK_INSET_INPUT_TEMP:
       {
         return /*#__PURE__*/_react.default.createElement(_index2.default, {

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

@@ -3,7 +3,7 @@
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
-exports.WIKI_LINK = 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 = void 0;
+exports.WIKI_LINK = exports.VIDEO_BLOCK = 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 = void 0;
 const BLOCKQUOTE = exports.BLOCKQUOTE = 'blockquote';
 const TITLE = exports.TITLE = 'title';
 const SUBTITLE = exports.SUBTITLE = 'subtitle';
@@ -36,6 +36,8 @@ const WIKI_LINK = exports.WIKI_LINK = 'wiki_link';
 const FILE_LINK = exports.FILE_LINK = 'file_link';
 const IMAGE = exports.IMAGE = 'image';
 const IMAGE_BLOCK = exports.IMAGE_BLOCK = 'image_block';
+const VIDEO = exports.VIDEO = 'video';
+const VIDEO_BLOCK = exports.VIDEO_BLOCK = 'video_block';
 const CALL_OUT = exports.CALL_OUT = 'callout';
 const MENTION = exports.MENTION = 'mention';
 const MENTION_TEMP = exports.MENTION_TEMP = 'mention_temp';

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

@@ -238,7 +238,7 @@ Object.defineProperty(exports, "LIST_ITEM", {
     return _elementType.LIST_ITEM;
   }
 });
-exports.LOCAL_IMAGE = exports.LIST_TYPE_ARRAY = exports.LIST_ITEM_SUPPORTED_TRANSFORMATION = exports.LIST_ITEM_CORRELATION_TYPE = void 0;
+exports.LOCAL_VIDEO = exports.LOCAL_IMAGE = exports.LIST_TYPE_ARRAY = exports.LIST_ITEM_SUPPORTED_TRANSFORMATION = exports.LIST_ITEM_CORRELATION_TYPE = void 0;
 Object.defineProperty(exports, "MAC_HOTKEYS", {
   enumerable: true,
   get: function () {
@@ -466,6 +466,18 @@ Object.defineProperty(exports, "UNORDERED_LIST", {
     return _elementType.UNORDERED_LIST;
   }
 });
+Object.defineProperty(exports, "VIDEO", {
+  enumerable: true,
+  get: function () {
+    return _elementType.VIDEO;
+  }
+});
+Object.defineProperty(exports, "VIDEO_BLOCK", {
+  enumerable: true,
+  get: function () {
+    return _elementType.VIDEO_BLOCK;
+  }
+});
 Object.defineProperty(exports, "WIN_HOTKEYS", {
   enumerable: true,
   get: function () {
@@ -507,6 +519,7 @@ const INSERT_POSITION = exports.INSERT_POSITION = {
   AFTER: 'after'
 };
 const LOCAL_IMAGE = exports.LOCAL_IMAGE = 'local-image';
+const LOCAL_VIDEO = exports.LOCAL_VIDEO = 'local-video';
 const LIST_TYPE_ARRAY = exports.LIST_TYPE_ARRAY = [_elementType.UNORDERED_LIST, _elementType.ORDERED_LIST];
 const LIST_ITEM_CORRELATION_TYPE = exports.LIST_ITEM_CORRELATION_TYPE = [_elementType.UNORDERED_LIST, _elementType.ORDERED_LIST, _elementType.LIST_ITEM];
 const LIST_ITEM_SUPPORTED_TRANSFORMATION = exports.LIST_ITEM_SUPPORTED_TRANSFORMATION = [_elementType.UNORDERED_LIST, _elementType.ORDERED_LIST, 'left', 'center', 'right', _elementType.BLOCKQUOTE];
@@ -515,7 +528,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.SEATABLE_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_BLOCK, _elementType.SEATABLE_COLUMN];
 const MOUSE_ENTER_EVENT_DISABLED_MAP = exports.MOUSE_ENTER_EVENT_DISABLED_MAP = {
   [_elementType.PARAGRAPH]: [_elementType.CALL_OUT],
   [_elementType.TITLE]: [_elementType.CALL_OUT],
@@ -533,4 +546,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];
+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_BLOCK];

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

@@ -88,6 +88,11 @@ const MENUS_CONFIG_MAP = exports.MENUS_CONFIG_MAP = {
     iconClass: 'sdocfont sdoc-image',
     text: 'Image'
   },
+  [_elementType.VIDEO]: {
+    id: `sdoc_${_elementType.VIDEO}`,
+    iconClass: 'sdocfont sdoc-video',
+    text: 'Video'
+  },
   [_elementType.TABLE]: {
     id: `sdoc_${_elementType.TABLE}`,
     iconClass: 'sdocfont sdoc-table',
@@ -308,6 +313,12 @@ const SIDE_INSERT_MENUS_CONFIG = exports.SIDE_INSERT_MENUS_CONFIG = {
     type: _elementType.IMAGE,
     text: 'Image'
   },
+  [_elementType.VIDEO]: {
+    id: '',
+    iconClass: 'sdocfont sdoc-video',
+    type: _elementType.VIDEO,
+    text: 'Video'
+  },
   [_elementType.TABLE]: {
     id: 'sdoc-side-menu-item-table',
     iconClass: 'sdocfont sdoc-table',
@@ -401,6 +412,7 @@ const SIDE_INSERT_MENUS_CONFIG = exports.SIDE_INSERT_MENUS_CONFIG = {
 };
 const SIDE_INSERT_MENUS_SEARCH_MAP = exports.SIDE_INSERT_MENUS_SEARCH_MAP = {
   [_elementType.IMAGE]: 'Image',
+  [_elementType.VIDEO]: 'Video',
   [_elementType.TABLE]: 'Table',
   [_elementType.MULTI_COLUMN]: 'Multi_column',
   [_elementType.COLUMN]: 'Column',

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

@@ -48,6 +48,7 @@ const withImage = editor => {
     return isVoid(elem);
   };
   newEditor.insertData = data => {
+    console.log(10, data);
     const fragment = data.getData(`application/${_constants.CLIPBOARD_FORMAT_KEY}`) || (0, _documentUtils.getSlateFragmentAttribute)(data);
     const originSdocUuid = data.getData(`text/${_constants.CLIPBOARD_ORIGIN_SDOC_KEY}`);
     if (fragment && originSdocUuid) {
@@ -55,6 +56,7 @@ const withImage = editor => {
       const fragmentData = JSON.parse(decoded);
       if ((0, _helpers.hasSdocImages)(originSdocUuid, fragmentData)) {
         const imageData = (0, _helpers.getImageData)(fragmentData);
+        console.log(9, fragmentData, imageData);
         _context.default.copyImage(originSdocUuid, imageData).then(res => {
           if (res.status === 200) {
             // Task_id is an empty character and is copied from the same database.
@@ -83,6 +85,7 @@ const withImage = editor => {
     insertData(data);
   };
   newEditor.insertFragment = data => {
+    console.log(11, data);
     const singleImage = (0, _helpers.getSingleImageFromFragment)(data);
     if (singleImage && (0, _helpers.isInsertImageMenuDisabled)(editor)) {
       const path = _slate.Editor.path(editor, editor.selection);
@@ -146,6 +149,7 @@ const withImage = editor => {
     }
   };
   newEditor.deleteBackward = unit => {
+    console.log('image');
     const {
       selection
     } = editor;
@@ -186,7 +190,9 @@ const withImage = editor => {
       (0, _core.focusEditor)(editor, range);
       return;
     }
+    console.log(10);
     deleteBackward(unit);
+    console.log(11);
   };
   newEditor.insertBreak = () => {
     const {

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

@@ -37,6 +37,7 @@ const Image = _ref => {
     data,
     border_type = _constants2.IMAGE_BORDER_TYPE[0].type
   } = element;
+  // console.log(1, data);
   const {
     show_caption = false,
     column_key
@@ -304,6 +305,10 @@ const Image = _ref => {
 };
 const SdocImage = (0, _reactI18next.withTranslation)('sdoc-editor')(Image);
 function renderImage(props, editor) {
+  const nodeEntries = _slate.Editor.node(editor, {
+    match: n => n === 'paragraph',
+    universal: true
+  });
   // eslint-disable-next-line react-hooks/rules-of-hooks
   const isSelected = (0, _slateReact.useSelected)();
 

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

@@ -143,6 +143,12 @@ Object.defineProperty(exports, "TextPlugin", {
     return _textStyle.default;
   }
 });
+Object.defineProperty(exports, "VideoPlugin", {
+  enumerable: true,
+  get: function () {
+    return _video.default;
+  }
+});
 Object.defineProperty(exports, "WikiLinkPlugin", {
   enumerable: true,
   get: function () {
@@ -159,6 +165,7 @@ var _checkList = _interopRequireDefault(require("./check-list"));
 var _textStyle = _interopRequireDefault(require("./text-style"));
 var _codeBlock = _interopRequireDefault(require("./code-block"));
 var _image = _interopRequireDefault(require("./image"));
+var _video = _interopRequireDefault(require("./video"));
 var _table = _interopRequireDefault(require("./table"));
 var _multiColumn = _interopRequireDefault(require("./multi-column"));
 var _html = _interopRequireDefault(require("./html"));
@@ -174,7 +181,7 @@ var _quickInsert = _interopRequireDefault(require("./quick-insert"));
 var _wikiLink = _interopRequireDefault(require("./wiki-link"));
 var _seatableColumn = _interopRequireDefault(require("./seatable-column"));
 var _seatableTables = _interopRequireDefault(require("./seatable-tables"));
-const Plugins = [_markdown.default, _html.default, _header.default, _link.default, _blockquote.default, _list.default, _checkList.default, _codeBlock.default, _image.default, _table.default, _multiColumn.default, _textStyle.default, _textAlign.default, _font.default, _sdocLink.default, _paragraph.default, _fileLink.default, _callout.default, _searchReplace.default, _quickInsert.default];
+const Plugins = [_markdown.default, _html.default, _header.default, _link.default, _blockquote.default, _list.default, _checkList.default, _codeBlock.default, _image.default, _video.default, _table.default, _multiColumn.default, _textStyle.default, _textAlign.default, _font.default, _sdocLink.default, _paragraph.default, _fileLink.default, _callout.default, _searchReplace.default, _quickInsert.default];
 const WikiPlugins = exports.WikiPlugins = [...Plugins, _wikiLink.default];
 const CommentPlugins = exports.CommentPlugins = [_markdown.default, _html.default, _paragraph.default, _textStyle.default, _list.default, _image.default, _link.default, _mention.default, _blockquote.default];
 var _default = exports.default = Plugins;

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

@@ -27,7 +27,6 @@ const Paragraph = _ref => {
   } = element;
   const editor = (0, _slateReact.useSlateStatic)();
   const isSelected = (0, _slateReact.useSelected)();
-  const isCommentEditor = editor.editorType === _constants.COMMENT_EDITOR;
   let isShowPlaceHolder = false;
   if (editor.children.length === 1) {
     const node = editor.children[0];
@@ -39,13 +38,14 @@ const Paragraph = _ref => {
     const node = editor.children[1];
     isShowPlaceHolder = _slate.Node.string(element) === '' && (node === null || node === void 0 ? void 0 : node.id) === (element === null || element === void 0 ? void 0 : element.id) && !isComposing;
   }
+  const isCommentEditor = editor.editorType === _constants.COMMENT_EDITOR;
   if (!isCommentEditor && isSelected && _slate.Range.isCollapsed(editor.selection) && (0, _helper.isEmptyNode)(element) && _slateReact.ReactEditor.findPath(editor, element).length === 1 && !isComposing) {
     isShowPlaceHolder = true;
   }
 
   // Distinguish whether paragraph node is in multi_column node
-  const hasMultiColumn = editor.children.some(node => node.type === _constants2.ELEMENT_TYPE.MULTI_COLUMN);
-  if (!isComposing && hasMultiColumn && isSelected && (0, _helper.isEmptyNode)(element) && _slate.Range.isCollapsed(editor.selection)) {
+  const aboveNodeEntry = isSelected && (0, _core.getTopLevelBlockNode)(editor);
+  if (!isComposing && aboveNodeEntry && aboveNodeEntry[0].type === _constants2.ELEMENT_TYPE.MULTI_COLUMN && isSelected && (0, _helper.isEmptyNode)(element) && _slate.Range.isCollapsed(editor.selection)) {
     isShowPlaceHolder = true;
   }
   const style = {

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

@@ -117,7 +117,9 @@ const onCopySdocLinkNode = (editor, element) => {
   if (editor.selection == null || _slate.Range.isExpanded(editor.selection)) return;
   const p = _slateReact.ReactEditor.findPath(editor, element);
   _slate.Transforms.select(editor, p);
+  console.log('selection1111', editor.selection);
   const newData = editor.setFragmentData(new DataTransfer());
+  console.log('newData', newData);
   (0, _copyToClipboard.default)('copy', {
     onCopy: clipboardData => {
       newData.types.forEach(type => {

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

@@ -81,6 +81,7 @@ const withTable = editor => {
     insertBreak();
   };
   newEditor.deleteBackward = unit => {
+    console.log('table');
     const deleteType = (0, _helpers.deleteHandler)(newEditor);
     if (deleteType === 'table') {
       const {
@@ -159,6 +160,7 @@ const withTable = editor => {
     deleteBackward(unit);
   };
   newEditor.deleteFragment = unit => {
+    console.log('table');
     const {
       selection
     } = editor;
@@ -349,6 +351,7 @@ const withTable = editor => {
   newEditor.setFragmentData = dataTransfer => {
     const selectedNode = (0, _core.getSelectedNodeByType)(newEditor, _constants.ELEMENT_TYPE.TABLE);
     if (!selectedNode) {
+      console.log('setFragmentData33333', setFragmentData);
       return setFragmentData(dataTransfer);
     }
     const {