@seafile/sdoc-editor 2.0.202 → 3.0.0

package/dist/extension/commons/select-file-dialog/index.css

@@ -159,7 +159,6 @@
 
 .sdoc-toggle-view .sdoc-tree-view,
 .sdoc-toggle-view .sdoc-list-view {
-  color: #666666;
   min-width: 66px;
   width: fit-content;
   border-radius: 2px;

package/dist/extension/commons/select-file-dialog/list-view/index.css

@@ -33,12 +33,6 @@
   flex: 1 1;
   margin-left: .25rem;
   overflow: hidden;
-  white-space: nowrap;
-  text-overflow: ellipsis;
-}
-
-.sdoc-file-wrapper:has(.sdoc-file-checked) .sdoc-item-content {
-  padding-right: 32px;
 }
 
 .sdoc-item-name {

package/dist/extension/commons/select-file-dialog/tree-view/index.css

@@ -76,13 +76,6 @@
 
 .sdoc-files-tree .sdoc-file-info .sdoc-file-name {
   font-size: 14px;
-  white-space: nowrap;
-  overflow: hidden;
-  text-overflow: ellipsis;
-}
-
-.sdoc-files-tree .sdoc-file-info:has(.sdoc-file-checked) .sdoc-file-name {
-  padding-right: 32px;
 }
 
 .sdoc-files-tree .sdoc-folder-children {

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

@@ -293,7 +293,7 @@ var SIDE_INSERT_MENUS_CONFIG = exports.SIDE_INSERT_MENUS_CONFIG = (_SIDE_INSERT_
   type: _elementType.IMAGE,
   text: 'Image'
 }), _elementType.VIDEO, {
-  id: '',
+  id: 'sdoc-side-menu-item-video',
   iconClass: 'sdocfont sdoc-video',
   type: _elementType.VIDEO,
   text: 'Video'

package/dist/extension/plugins/link/dialog/add-link-dialog/index.js

@@ -173,7 +173,7 @@ var AddLinkDialog = function AddLinkDialog(_ref) {
     return function () {
       return clearTimeout(timer);
     };
-  }, [linked_id]);
+  }, []);
   (0, _react.useEffect)(function () {
     var genHtml = /*#__PURE__*/function () {
       var _ref3 = (0, _asyncToGenerator2["default"])(/*#__PURE__*/(0, _regenerator2["default"])().m(function _callee() {

package/dist/extension/plugins/link/helpers.js

@@ -252,7 +252,7 @@ var parseHtmlString = exports.parseHtmlString = function parseHtmlString(htmlStr
   var parser = new DOMParser();
   var doc = parser.parseFromString(htmlString, 'text/html');
   var resultHtml;
-  if (targetType === 'img') {
+  if (targetType == 'img') {
     resultHtml = (0, _toConsumableArray2["default"])(doc.querySelectorAll('p:has(img)')).map(function (p) {
       return p.outerHTML;
     }).join('');
@@ -264,7 +264,6 @@ var parseHtmlString = exports.parseHtmlString = function parseHtmlString(htmlStr
   return resultHtml;
 };
 var isEmptyNode = exports.isEmptyNode = function isEmptyNode(node) {
-  if (node.type === _constants.IMAGE_BLOCK) return false;
   var text = _slate.Node.string(node);
   return text.trim() === '';
 };

package/dist/extension/plugins/video/helpers.js

@@ -125,7 +125,6 @@ var insertVideo = exports.insertVideo = function insertVideo(editor, videoFiles,
     _slate.Transforms.insertNodes(editor, p, {
       at: [path[0] + 1]
     });
-    (0, _core.focusEditor)(editor, [path[0] + 1, 2]);
     return;
   }
   var aboveNodeEntry = (0, _core.getAboveBlockNode)(editor);

package/dist/extension/plugins/video/menu/index.js

@@ -58,7 +58,7 @@ var VideoMenu = function 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/extension/toolbar/insert-element-toolbar/index.js

@@ -7,7 +7,7 @@ Object.defineProperty(exports, "__esModule", {
 });
 exports["default"] = void 0;
 var _defineProperty2 = _interopRequireDefault(require("@babel/runtime/helpers/esm/defineProperty"));
-var _objectSpread2 = _interopRequireDefault(require("@babel/runtime/helpers/esm/objectSpread2"));
+var _objectSpread4 = _interopRequireDefault(require("@babel/runtime/helpers/esm/objectSpread2"));
 var _slicedToArray2 = _interopRequireDefault(require("@babel/runtime/helpers/esm/slicedToArray"));
 var _react = _interopRequireWildcard(require("react"));
 var _reactI18next = require("react-i18next");
@@ -27,8 +27,9 @@ var _transforms = require("../../plugins/list/transforms");
 var _helper2 = require("../../plugins/multi-column/helper");
 var _helpers3 = require("../../plugins/table/helpers");
 var _tableSizePopover = _interopRequireDefault(require("../../plugins/table/popover/table-size-popover"));
+var _helpers4 = require("../../plugins/video/helpers");
 var _utils = require("../../utils");
-var _helpers4 = require("../side-toolbar/helpers");
+var _helpers5 = require("../side-toolbar/helpers");
 var _const = require("./const");
 require("./style.css");
 var QuickInsertBlockMenu = function QuickInsertBlockMenu(_ref) {
@@ -73,11 +74,28 @@ var QuickInsertBlockMenu = function QuickInsertBlockMenu(_ref) {
     }
     eventBus.dispatch(_constants.INTERNAL_EVENT.INSERT_ELEMENT, {
       type: _constants2.LOCAL_VIDEO,
-      insertPosition: insertPosition,
-      slateNode: slateNode
+      editor: editor
     });
     // eslint-disable-next-line react-hooks/exhaustive-deps
   }, [editor, insertPosition]);
+  var addVideoLink = (0, _react.useCallback)(function () {
+    callback && callback();
+    var eventBus = _eventBus["default"].getInstance();
+    eventBus.dispatch(_constants.INTERNAL_EVENT.INSERT_ELEMENT, {
+      type: _constants2.ELEMENT_TYPE.VIDEO_LINK,
+      editor: editor
+    });
+    // eslint-disable-next-line react-hooks/exhaustive-deps
+  }, [editor]);
+  var openSelectVideoFileDialog = (0, _react.useCallback)(function () {
+    callback && callback();
+    var eventBus = _eventBus["default"].getInstance();
+    eventBus.dispatch(_constants.INTERNAL_EVENT.INSERT_ELEMENT, {
+      type: _constants2.ELEMENT_TYPE.VIDEO,
+      insertVideo: _helpers4.insertVideo
+    });
+    // eslint-disable-next-line react-hooks/exhaustive-deps
+  }, []);
   var createTable = (0, _react.useCallback)(function (size) {
     callback && callback();
     var newInsertPosition = slateNode.type === _constants2.ELEMENT_TYPE.LIST_ITEM ? _constants2.INSERT_POSITION.AFTER : insertPosition;
@@ -112,7 +130,7 @@ var QuickInsertBlockMenu = function QuickInsertBlockMenu(_ref) {
   }, [editor, insertPosition, slateNode]);
   var onInsert = (0, _react.useCallback)(function (type) {
     callback && callback();
-    (0, _helpers4.insertElement)(editor, type, insertPosition);
+    (0, _helpers5.insertElement)(editor, type, insertPosition);
     // eslint-disable-next-line react-hooks/exhaustive-deps
   }, [editor, insertPosition, slateNode]);
   var onInsertCallout = (0, _react.useCallback)(function (type) {
@@ -125,7 +143,7 @@ var QuickInsertBlockMenu = function QuickInsertBlockMenu(_ref) {
         }
       });
     } else if (insertPosition === _constants2.INSERT_POSITION.AFTER) {
-      (0, _helpers4.insertElement)(editor, type, insertPosition);
+      (0, _helpers5.insertElement)(editor, type, insertPosition);
       (0, _helper.wrapCallout)(editor);
     }
   }, [callback, editor, insertPosition]);
@@ -185,26 +203,49 @@ var QuickInsertBlockMenu = function QuickInsertBlockMenu(_ref) {
     (0, _helper2.insertMultiColumn)(editor, editor.selection, newInsertPosition, type);
   }, [callback, editor, insertPosition, slateNode]);
   var dropDownItems = (0, _react.useMemo)(function () {
-    var items = (0, _defineProperty2["default"])((0, _defineProperty2["default"])((0, _defineProperty2["default"])((0, _defineProperty2["default"])((0, _defineProperty2["default"])((0, _defineProperty2["default"])((0, _defineProperty2["default"])((0, _defineProperty2["default"])((0, _defineProperty2["default"])((0, _defineProperty2["default"])({}, _constants2.IMAGE, /*#__PURE__*/_react["default"].createElement(_dropdownMenuItem["default"], {
+    var items = (0, _objectSpread4["default"])((0, _objectSpread4["default"])((0, _defineProperty2["default"])({}, _constants2.IMAGE, /*#__PURE__*/_react["default"].createElement(_dropdownMenuItem["default"], {
       isHidden: !quickInsertMenuSearchMap[_constants2.IMAGE],
       disabled: isDisableImage,
       key: "sdoc-insert-menu-image",
-      menuConfig: (0, _objectSpread2["default"])({}, _constants2.SIDE_INSERT_MENUS_CONFIG[_constants2.ELEMENT_TYPE.IMAGE]),
+      menuConfig: (0, _objectSpread4["default"])({}, _constants2.SIDE_INSERT_MENUS_CONFIG[_constants2.ELEMENT_TYPE.IMAGE]),
       onClick: onInsertImageToggle
-    })), _constants2.VIDEO, /*#__PURE__*/_react["default"].createElement(_dropdownMenuItem["default"], {
+    })), editor.editorType !== _constants.DOCUMENT_PLUGIN_EDITOR && (0, _defineProperty2["default"])({}, _constants2.VIDEO,
+    /*#__PURE__*/
+    // eslint-disable-next-line react/jsx-indent
+    _react["default"].createElement(_dropdownMenuItem["default"], {
       isHidden: !quickInsertMenuSearchMap[_constants2.VIDEO],
       disabled: isDisableVideo,
       key: "sdoc-insert-menu-video",
-      menuConfig: (0, _objectSpread2["default"])({}, _constants2.SIDE_INSERT_MENUS_CONFIG[_constants2.ELEMENT_TYPE.VIDEO]),
+      menuConfig: (0, _objectSpread4["default"])({}, _constants2.SIDE_INSERT_MENUS_CONFIG[_constants2.ELEMENT_TYPE.VIDEO]),
+      className: "pr-2"
+    }, /*#__PURE__*/_react["default"].createElement("i", {
+      className: "sdocfont sdoc-right-slide sdoc-dropdown-item-right-icon"
+    }), /*#__PURE__*/_react["default"].createElement(_reactstrap.UncontrolledPopover, {
+      target: "sdoc-side-menu-item-video",
+      trigger: "hover",
+      className: "sdoc-menu-popover sdoc-dropdown-menu sdoc-sub-dropdown-menu sdoc-insert-video-menu-popover",
+      placement: "left-start",
+      hideArrow: true,
+      fade: false
+    }, /*#__PURE__*/_react["default"].createElement("div", {
+      className: "sdoc-insert-video-menu-popover-container sdoc-dropdown-menu-container"
+    }, /*#__PURE__*/_react["default"].createElement("div", {
+      className: "sdoc-dropdown-menu-item",
       onClick: onInsertVideoToggle
-    })), _constants2.TABLE,
+    }, t('Upload_local_video')), /*#__PURE__*/_react["default"].createElement("div", {
+      className: "sdoc-dropdown-menu-item",
+      onClick: addVideoLink
+    }, t('Add_video_link')), editor.editorType !== _constants.WIKI_EDITOR && /*#__PURE__*/_react["default"].createElement("div", {
+      className: "sdoc-dropdown-menu-item",
+      onClick: openSelectVideoFileDialog
+    }, t('Link_video_file'))))))), {}, (0, _defineProperty2["default"])((0, _defineProperty2["default"])((0, _defineProperty2["default"])((0, _defineProperty2["default"])((0, _defineProperty2["default"])((0, _defineProperty2["default"])((0, _defineProperty2["default"])((0, _defineProperty2["default"])({}, _constants2.TABLE,
     /*#__PURE__*/
     // eslint-disable-next-line react/jsx-indent
     _react["default"].createElement(_dropdownMenuItem["default"], {
       isHidden: !quickInsertMenuSearchMap[_constants2.TABLE],
       disabled: isDisableTable,
       key: "sdoc-insert-menu-table",
-      menuConfig: (0, _objectSpread2["default"])({}, _constants2.SIDE_INSERT_MENUS_CONFIG[_constants2.ELEMENT_TYPE.TABLE]),
+      menuConfig: (0, _objectSpread4["default"])({}, _constants2.SIDE_INSERT_MENUS_CONFIG[_constants2.ELEMENT_TYPE.TABLE]),
       className: "pr-2"
     }, /*#__PURE__*/_react["default"].createElement("i", {
       className: "sdocfont sdoc-right-slide sdoc-dropdown-item-right-icon"
@@ -221,75 +262,75 @@ var QuickInsertBlockMenu = function QuickInsertBlockMenu(_ref) {
     }))), _constants2.LINK, /*#__PURE__*/_react["default"].createElement(_dropdownMenuItem["default"], {
       isHidden: !quickInsertMenuSearchMap[_constants2.LINK],
       key: "sdoc-insert-menu-link",
-      menuConfig: (0, _objectSpread2["default"])({}, _constants2.SIDE_INSERT_MENUS_CONFIG[_constants2.ELEMENT_TYPE.LINK]),
+      menuConfig: (0, _objectSpread4["default"])({}, _constants2.SIDE_INSERT_MENUS_CONFIG[_constants2.ELEMENT_TYPE.LINK]),
       onClick: openLinkDialog
     })), _constants2.CODE_BLOCK, /*#__PURE__*/_react["default"].createElement(_dropdownMenuItem["default"], {
       isHidden: !quickInsertMenuSearchMap[_constants2.CODE_BLOCK],
       disabled: isDisableCodeBlock,
       key: "sdoc-insert-menu-code-block",
-      menuConfig: (0, _objectSpread2["default"])({}, _constants2.SIDE_INSERT_MENUS_CONFIG[_constants2.ELEMENT_TYPE.CODE_BLOCK]),
+      menuConfig: (0, _objectSpread4["default"])({}, _constants2.SIDE_INSERT_MENUS_CONFIG[_constants2.ELEMENT_TYPE.CODE_BLOCK]),
       onClick: onInsertCodeBlock
     })), _constants2.CALL_OUT, /*#__PURE__*/_react["default"].createElement(_dropdownMenuItem["default"], {
       isHidden: !quickInsertMenuSearchMap[_constants2.CALL_OUT],
       disabled: isDisableCallout,
       key: "sdoc-insert-menu-callout",
-      menuConfig: (0, _objectSpread2["default"])({}, _constants2.SIDE_INSERT_MENUS_CONFIG[_constants2.ELEMENT_TYPE.CALL_OUT]),
+      menuConfig: (0, _objectSpread4["default"])({}, _constants2.SIDE_INSERT_MENUS_CONFIG[_constants2.ELEMENT_TYPE.CALL_OUT]),
       onClick: function onClick() {
         return onInsertCallout(_constants2.PARAGRAPH);
       }
     })), _constants2.UNORDERED_LIST, /*#__PURE__*/_react["default"].createElement(_dropdownMenuItem["default"], {
       isHidden: !quickInsertMenuSearchMap[_constants2.UNORDERED_LIST],
       key: "sdoc-insert-menu-unorder-list",
-      menuConfig: (0, _objectSpread2["default"])({}, _constants2.SIDE_INSERT_MENUS_CONFIG[_constants2.ELEMENT_TYPE.UNORDERED_LIST]),
+      menuConfig: (0, _objectSpread4["default"])({}, _constants2.SIDE_INSERT_MENUS_CONFIG[_constants2.ELEMENT_TYPE.UNORDERED_LIST]),
       onClick: function onClick() {
         onInsertList(_constants2.ELEMENT_TYPE.UNORDERED_LIST);
       }
     })), _constants2.ORDERED_LIST, /*#__PURE__*/_react["default"].createElement(_dropdownMenuItem["default"], {
       isHidden: !quickInsertMenuSearchMap[_constants2.ORDERED_LIST],
       key: "sdoc-insert-menu-order-list",
-      menuConfig: (0, _objectSpread2["default"])({}, _constants2.SIDE_INSERT_MENUS_CONFIG[_constants2.ELEMENT_TYPE.ORDERED_LIST]),
+      menuConfig: (0, _objectSpread4["default"])({}, _constants2.SIDE_INSERT_MENUS_CONFIG[_constants2.ELEMENT_TYPE.ORDERED_LIST]),
       onClick: function onClick() {
         onInsertList(_constants2.ELEMENT_TYPE.ORDERED_LIST);
       }
     })), _constants2.CHECK_LIST_ITEM, /*#__PURE__*/_react["default"].createElement(_dropdownMenuItem["default"], {
       isHidden: !quickInsertMenuSearchMap[_constants2.CHECK_LIST_ITEM],
       key: "sdoc-insert-menu-check-list",
-      menuConfig: (0, _objectSpread2["default"])({}, _constants2.SIDE_INSERT_MENUS_CONFIG[_constants2.ELEMENT_TYPE.CHECK_LIST_ITEM]),
+      menuConfig: (0, _objectSpread4["default"])({}, _constants2.SIDE_INSERT_MENUS_CONFIG[_constants2.ELEMENT_TYPE.CHECK_LIST_ITEM]),
       onClick: onInsertCheckList
     })), _constants2.PARAGRAPH, /*#__PURE__*/_react["default"].createElement(_dropdownMenuItem["default"], {
       isHidden: !quickInsertMenuSearchMap[_constants2.PARAGRAPH],
       disabled: isEmptyNode,
       key: "sdoc-insert-menu-paragraph",
-      menuConfig: (0, _objectSpread2["default"])({}, _constants2.SIDE_INSERT_MENUS_CONFIG[_constants2.ELEMENT_TYPE.PARAGRAPH]),
+      menuConfig: (0, _objectSpread4["default"])({}, _constants2.SIDE_INSERT_MENUS_CONFIG[_constants2.ELEMENT_TYPE.PARAGRAPH]),
       onClick: function onClick() {
         return onInsert(_constants2.ELEMENT_TYPE.PARAGRAPH);
       }
-    }));
+    })));
     if (_commonUtils.isMobile) {
       items = (0, _defineProperty2["default"])((0, _defineProperty2["default"])((0, _defineProperty2["default"])((0, _defineProperty2["default"])({}, _constants2.UNORDERED_LIST, /*#__PURE__*/_react["default"].createElement(_dropdownMenuItem["default"], {
         isHidden: !quickInsertMenuSearchMap[_constants2.UNORDERED_LIST],
         key: "sdoc-insert-menu-unorder-list",
-        menuConfig: (0, _objectSpread2["default"])({}, _constants2.SIDE_INSERT_MENUS_CONFIG[_constants2.ELEMENT_TYPE.UNORDERED_LIST]),
+        menuConfig: (0, _objectSpread4["default"])({}, _constants2.SIDE_INSERT_MENUS_CONFIG[_constants2.ELEMENT_TYPE.UNORDERED_LIST]),
         onClick: function onClick() {
           onInsertList(_constants2.ELEMENT_TYPE.UNORDERED_LIST);
         }
       })), _constants2.ORDERED_LIST, /*#__PURE__*/_react["default"].createElement(_dropdownMenuItem["default"], {
         isHidden: !quickInsertMenuSearchMap[_constants2.ORDERED_LIST],
         key: "sdoc-insert-menu-order-list",
-        menuConfig: (0, _objectSpread2["default"])({}, _constants2.SIDE_INSERT_MENUS_CONFIG[_constants2.ELEMENT_TYPE.ORDERED_LIST]),
+        menuConfig: (0, _objectSpread4["default"])({}, _constants2.SIDE_INSERT_MENUS_CONFIG[_constants2.ELEMENT_TYPE.ORDERED_LIST]),
         onClick: function onClick() {
           onInsertList(_constants2.ELEMENT_TYPE.ORDERED_LIST);
         }
       })), _constants2.CHECK_LIST_ITEM, /*#__PURE__*/_react["default"].createElement(_dropdownMenuItem["default"], {
         isHidden: !quickInsertMenuSearchMap[_constants2.CHECK_LIST_ITEM],
         key: "sdoc-insert-menu-check-list",
-        menuConfig: (0, _objectSpread2["default"])({}, _constants2.SIDE_INSERT_MENUS_CONFIG[_constants2.ELEMENT_TYPE.CHECK_LIST_ITEM]),
+        menuConfig: (0, _objectSpread4["default"])({}, _constants2.SIDE_INSERT_MENUS_CONFIG[_constants2.ELEMENT_TYPE.CHECK_LIST_ITEM]),
         onClick: onInsertCheckList
       })), _constants2.PARAGRAPH, /*#__PURE__*/_react["default"].createElement(_dropdownMenuItem["default"], {
         isHidden: !quickInsertMenuSearchMap[_constants2.PARAGRAPH],
         disabled: isEmptyNode,
         key: "sdoc-insert-menu-paragraph",
-        menuConfig: (0, _objectSpread2["default"])({}, _constants2.SIDE_INSERT_MENUS_CONFIG[_constants2.ELEMENT_TYPE.PARAGRAPH]),
+        menuConfig: (0, _objectSpread4["default"])({}, _constants2.SIDE_INSERT_MENUS_CONFIG[_constants2.ELEMENT_TYPE.PARAGRAPH]),
         onClick: function onClick() {
           return onInsert(_constants2.ELEMENT_TYPE.PARAGRAPH);
         }
@@ -417,7 +458,7 @@ var QuickInsertBlockMenu = function QuickInsertBlockMenu(_ref) {
   }, [clearSelectStyle, currentSelectIndex, downDownWrapperRef, onHandleInputFocus]);
   var onChange = (0, _react.useCallback)(function (e) {
     if (!downDownWrapperRef.current.isInputtingChinese) {
-      var newMenuSearchMap = (0, _helpers4.getSearchedOperations)(_constants2.SIDE_QUICK_INSERT_MENUS_SEARCH_MAP, true, e, t, editor);
+      var newMenuSearchMap = (0, _helpers5.getSearchedOperations)(_constants2.SIDE_QUICK_INSERT_MENUS_SEARCH_MAP, true, e, t, editor);
       setQuickInsertMenuSearchMap(newMenuSearchMap);
     }
   }, [editor, t]);

package/dist/extension/toolbar/side-toolbar/insert-block-menu.js

@@ -10,6 +10,7 @@ var _objectSpread2 = _interopRequireDefault(require("@babel/runtime/helpers/esm/
 var _toConsumableArray2 = _interopRequireDefault(require("@babel/runtime/helpers/esm/toConsumableArray"));
 var _react = _interopRequireWildcard(require("react"));
 var _reactI18next = require("react-i18next");
+var _reactstrap = require("reactstrap");
 var _slate = require("@seafile/slate");
 var _slateReact = require("@seafile/slate-react");
 var _constants = require("../../../constants");
@@ -23,7 +24,8 @@ var _transforms = require("../../plugins/list/transforms");
 var _helper2 = require("../../plugins/multi-column/helper");
 var _helpers3 = require("../../plugins/table/helpers");
 var _tableSizePopover = _interopRequireDefault(require("../../plugins/table/popover/table-size-popover"));
-var _helpers4 = require("./helpers");
+var _helpers4 = require("../../plugins/video/helpers");
+var _helpers5 = require("./helpers");
 var InsertBlockMenu = function InsertBlockMenu(_ref) {
   var _ref$insertPosition = _ref.insertPosition,
     insertPosition = _ref$insertPosition === void 0 ? _constants2.INSERT_POSITION.CURRENT : _ref$insertPosition,
@@ -48,17 +50,42 @@ var InsertBlockMenu = function InsertBlockMenu(_ref) {
     // eslint-disable-next-line react-hooks/exhaustive-deps
   }, [editor, insertPosition]);
   var onInsertVideoToggle = (0, _react.useCallback)(function () {
-    var eventBus = _eventBus["default"].getInstance();
-    if (insertPosition === _constants2.INSERT_POSITION.CURRENT) {
+    if (insertPosition === _constants2.INSERT_POSITION.AFTER) {
       _slate.Transforms.select(editor, editor.selection.focus);
     }
+    var eventBus = _eventBus["default"].getInstance();
     eventBus.dispatch(_constants.INTERNAL_EVENT.INSERT_ELEMENT, {
       type: _constants2.LOCAL_VIDEO,
+      editor: editor,
+      insertPosition: insertPosition
+    });
+    // eslint-disable-next-line react-hooks/exhaustive-deps
+  }, [editor, insertPosition]);
+  var addVideoLink = (0, _react.useCallback)(function () {
+    if (insertPosition === _constants2.INSERT_POSITION.AFTER) {
+      (0, _helpers5.insertElement)(editor, _constants2.PARAGRAPH, insertPosition);
+    }
+    var eventBus = _eventBus["default"].getInstance();
+    eventBus.dispatch(_constants.INTERNAL_EVENT.INSERT_ELEMENT, {
+      type: _constants2.ELEMENT_TYPE.VIDEO_LINK,
+      editor: editor,
+      insertPosition: insertPosition
+    });
+    // eslint-disable-next-line react-hooks/exhaustive-deps
+  }, [insertPosition, editor]);
+  var openSelectVideoFileDialog = (0, _react.useCallback)(function () {
+    if (insertPosition === _constants2.INSERT_POSITION.AFTER) {
+      (0, _helpers5.insertElement)(editor, _constants2.PARAGRAPH, insertPosition);
+    }
+    var eventBus = _eventBus["default"].getInstance();
+    eventBus.dispatch(_constants.INTERNAL_EVENT.INSERT_ELEMENT, {
+      type: _constants2.ELEMENT_TYPE.VIDEO,
+      insertVideo: _helpers4.insertVideo,
       insertPosition: insertPosition,
       slateNode: slateNode
     });
     // eslint-disable-next-line react-hooks/exhaustive-deps
-  }, [editor, insertPosition]);
+  }, [insertPosition, slateNode]);
   var createTable = (0, _react.useCallback)(function (size) {
     var newInsertPosition = slateNode.type === _constants2.ELEMENT_TYPE.LIST_ITEM ? _constants2.INSERT_POSITION.AFTER : insertPosition;
     (0, _helpers3.insertTable)(editor, size, editor.selection, newInsertPosition);
@@ -66,6 +93,9 @@ var InsertBlockMenu = function InsertBlockMenu(_ref) {
     // eslint-disable-next-line react-hooks/exhaustive-deps
   }, [editor, insertPosition, slateNode]);
   var openLinkDialog = (0, _react.useCallback)(function () {
+    if (insertPosition === _constants2.INSERT_POSITION.AFTER) {
+      _slate.Transforms.select(editor, editor.selection.focus);
+    }
     var eventBus = _eventBus["default"].getInstance();
     eventBus.dispatch(_constants.INTERNAL_EVENT.INSERT_ELEMENT, {
       type: _constants2.ELEMENT_TYPE.LINK,
@@ -74,7 +104,7 @@ var InsertBlockMenu = function InsertBlockMenu(_ref) {
     });
 
     // eslint-disable-next-line react-hooks/exhaustive-deps
-  }, [insertPosition]);
+  }, [insertPosition, editor]);
 
   // const onInsertChart = useCallback(() => {
   //   const newInsertPosition = slateNode.type === ELEMENT_TYPE.LIST_ITEM ? INSERT_POSITION.AFTER : insertPosition;
@@ -97,14 +127,14 @@ var InsertBlockMenu = function InsertBlockMenu(_ref) {
     // eslint-disable-next-line react-hooks/exhaustive-deps
   }, [editor, insertPosition, slateNode]);
   var onInsert = (0, _react.useCallback)(function (type) {
-    (0, _helpers4.insertElement)(editor, type, insertPosition);
+    (0, _helpers5.insertElement)(editor, type, insertPosition);
     // eslint-disable-next-line react-hooks/exhaustive-deps
   }, [editor, insertPosition, slateNode]);
   var onInsertCallout = (0, _react.useCallback)(function (type) {
     if (insertPosition === _constants2.INSERT_POSITION.CURRENT) {
       (0, _helper.wrapCallout)(editor);
     } else if (insertPosition === _constants2.INSERT_POSITION.AFTER) {
-      (0, _helpers4.insertElement)(editor, type, insertPosition);
+      (0, _helpers5.insertElement)(editor, type, insertPosition);
       (0, _helper.wrapCallout)(editor);
     }
   }, [editor, insertPosition]);
@@ -144,10 +174,31 @@ var InsertBlockMenu = function InsertBlockMenu(_ref) {
     onClick: onInsertImageToggle
   }), editor.editorType !== _constants.DOCUMENT_PLUGIN_EDITOR && /*#__PURE__*/_react["default"].createElement(_dropdownMenuItem["default"], {
     isHidden: !insertMenuSearchMap[_constants2.ELEMENT_TYPE.VIDEO],
-    disabled: (0, _helpers4.isInMultiColumnNode)(editor, slateNode),
+    key: "sdoc-insert-menu-video",
+    disabled: (0, _helpers5.isInMultiColumnNode)(editor, slateNode),
     menuConfig: (0, _objectSpread2["default"])({}, _constants2.SIDE_INSERT_MENUS_CONFIG[_constants2.ELEMENT_TYPE.VIDEO]),
+    className: "pr-2"
+  }, /*#__PURE__*/_react["default"].createElement("i", {
+    className: "sdocfont sdoc-right-slide sdoc-dropdown-item-right-icon"
+  }), /*#__PURE__*/_react["default"].createElement(_reactstrap.UncontrolledPopover, {
+    target: "sdoc-side-menu-item-video",
+    trigger: "hover",
+    className: "sdoc-menu-popover sdoc-dropdown-menu sdoc-sub-dropdown-menu sdoc-insert-video-menu-popover",
+    placement: "right-start",
+    hideArrow: true,
+    fade: false
+  }, /*#__PURE__*/_react["default"].createElement("div", {
+    className: "sdoc-insert-video-menu-popover-container sdoc-dropdown-menu-container"
+  }, /*#__PURE__*/_react["default"].createElement("div", {
+    className: "sdoc-dropdown-menu-item",
     onClick: onInsertVideoToggle
-  }), /*#__PURE__*/_react["default"].createElement(_dropdownMenuItem["default"], {
+  }, t('Upload_local_video')), /*#__PURE__*/_react["default"].createElement("div", {
+    className: "sdoc-dropdown-menu-item",
+    onClick: addVideoLink
+  }, t('Add_video_link')), editor.editorType !== _constants.WIKI_EDITOR && /*#__PURE__*/_react["default"].createElement("div", {
+    className: "sdoc-dropdown-menu-item",
+    onClick: openSelectVideoFileDialog
+  }, t('Link_video_file'))))), /*#__PURE__*/_react["default"].createElement(_dropdownMenuItem["default"], {
     isHidden: !insertMenuSearchMap[_constants2.ELEMENT_TYPE.TABLE],
     key: "sdoc-insert-menu-table",
     menuConfig: (0, _objectSpread2["default"])({}, _constants2.SIDE_INSERT_MENUS_CONFIG[_constants2.ELEMENT_TYPE.TABLE]),

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@seafile/sdoc-editor",
-  "version": "2.0.202",
+  "version": "3.0.0",
   "main": "dist/index.js",
   "scripts": {
     "test": "jest",
@@ -71,5 +71,5 @@
   "publishConfig": {
     "access": "public"
   },
-  "gitHead": "a0f7311114597313bfe8367fc8725a8e1c2f8e89"
+  "gitHead": "bb8d81d4df2885fa2558ae327b02d9ebf12ae093"
 }