@seafile/sdoc-editor 2.0.169 → 2.0.171

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

@@ -141,6 +141,7 @@ var CommentItemCollapseWrapper = function CommentItemCollapseWrapper(_ref) {
   }, [latestReply, t]);
   var handleScrollToArticle = (0, _react.useCallback)(function (e) {
     e.stopPropagation();
+    if (!element) return;
     var dom = _slateReact.ReactEditor.toDOMNode(editor, element);
     var headerHeight = 56 + 37;
     scrollRef.current.scrollTo({

package/dist/comment/components/comment-item-wrapper.js

@@ -401,6 +401,7 @@ var CommentItemWrapper = /*#__PURE__*/(0, _react.forwardRef)(function (_ref, ref
   });
   var handleScrollToArticle = (0, _react.useCallback)(function (e) {
     e.stopPropagation();
+    if (!element) return;
     var dom = _slateReact.ReactEditor.toDOMNode(editor, element);
     var headerHeight = 56 + 37;
     scrollRef.current.scrollTo({

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

@@ -23,10 +23,11 @@ var ImagePreviewer = /*#__PURE__*/function (_React$Component) {
     (0, _defineProperty2["default"])(_this, "getImageNodes", function (nodes) {
       var nodeIndex = 0;
       var list = [];
+      var editor = _this.props.editor;
       while (nodes && nodeIndex <= nodes.length - 1) {
         var currentNode = nodes[nodeIndex];
         if (currentNode.type === 'image') {
-          var url = (0, _helpers.getImageURL)(currentNode.data);
+          var url = (0, _helpers.getImageURL)(currentNode.data, editor);
           url && list.push(url);
         } else {
           list.push.apply(list, (0, _toConsumableArray2["default"])(_this.getImageNodes(currentNode.children)));
@@ -49,9 +50,9 @@ var ImagePreviewer = /*#__PURE__*/function (_React$Component) {
         };
       });
     });
-    var editor = props.editor,
+    var _editor = props.editor,
       imageUrl = props.imageUrl;
-    _this.images = _this.getImageNodes(editor.children);
+    _this.images = _this.getImageNodes(_editor.children);
     _this.state = {
       imageIndex: _this.images.findIndex(function (item) {
         return item === imageUrl;

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

@@ -277,6 +277,7 @@ var selectImageWhenSelectPartial = exports.selectImageWhenSelectPartial = functi
   var isMouseLeftDown = event.buttons === 1;
   if (!isMouseLeftDown) return;
   var selection = editor.selection;
+  if (!selection) return;
   if (_slate.Range.isCollapsed(selection)) return;
   var imagePath = _slateReact.ReactEditor.findPath(editor, imageNode);
   if (imageNode.type === _constants2.IMAGE_BLOCK) {

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

@@ -304,7 +304,7 @@ var ImageHoverMenu = function ImageHoverMenu(_ref) {
       className: "sdocfont sdoc-check-mark sdoc-dropdown-item-right-icon"
     })));
   })), isShowImagePreview && /*#__PURE__*/_react["default"].createElement(_imagePreviewer["default"], {
-    imageUrl: (0, _helpers.getImageURL)(data),
+    imageUrl: (0, _helpers.getImageURL)(data, editor),
     editor: editor,
     toggleImagePreviewer: function toggleImagePreviewer() {
       setIsShowImagePreview(!isShowImagePreview);

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

@@ -93,6 +93,10 @@ var Image = function Image(_ref) {
     }),
     isUploadLoading = _useUploadImage.isUploadLoading,
     isUploadError = _useUploadImage.isUploadError;
+  var _useState11 = (0, _react.useState)(true),
+    _useState12 = (0, _slicedToArray2["default"])(_useState11, 2),
+    canEditable = _useState12[0],
+    setCanEditable = _useState12[1];
   var registerEvent = (0, _react.useCallback)(function (eventList) {
     eventList.forEach(function (element) {
       document.addEventListener(element.eventName, element.event);
@@ -273,6 +277,9 @@ var Image = function Image(_ref) {
       setIsShowImagePlaceholder(false);
     }
   }, [element === null || element === void 0 ? void 0 : element.data]);
+  var onSetFocus = (0, _react.useCallback)(function () {
+    setCanEditable(false);
+  }, []);
   var onSetCaption = (0, _react.useCallback)(function (e) {
     var path = _slateReact.ReactEditor.findPath(editor, element);
     var newData = (0, _objectSpread2["default"])((0, _objectSpread2["default"])({}, data), {}, {
@@ -285,6 +292,7 @@ var Image = function Image(_ref) {
         at: path
       });
     }
+    setCanEditable(true);
   }, [data, editor, element]);
   return /*#__PURE__*/_react["default"].createElement(_react["default"].Fragment, null, isShowImagePlaceholder && /*#__PURE__*/_react["default"].createElement("span", Object.assign({
     className: (0, _classnames["default"])('sdoc-image-wrapper', className)
@@ -320,7 +328,7 @@ var Image = function Image(_ref) {
     "data-id": element.id,
     className: (0, _classnames["default"])('sdoc-image-wrapper', className)
   }, attributes, {
-    contentEditable: "true",
+    contentEditable: canEditable,
     suppressContentEditableWarning: true,
     style: (0, _objectSpread2["default"])({}, style),
     onMouseOver: function onMouseOver(e) {
@@ -369,6 +377,7 @@ var Image = function Image(_ref) {
     value: caption,
     disabled: readOnly,
     onBlur: onSetCaption,
+    onFocus: onSetFocus,
     onChange: function onChange(e) {
       setCaption(e.target.value);
     },

package/dist/wiki-outline/style.css

@@ -3,7 +3,7 @@
   padding: .5rem 1rem .5rem 0;
 }
 
-.sdoc-wiki-viewer-outline .outline-h2, 
+.sdoc-wiki-viewer-outline .outline-h2,
 .sdoc-wiki-viewer-outline .outline-h3 {
   white-space: nowrap;
   overflow: hidden;
@@ -13,7 +13,7 @@
 .sdoc-wiki-viewer-outline .outline-h2 {
   margin-left: 20px;
   line-height: 2.5;
-  color:#364149;
+  color: #364149;
   white-space: nowrap;
   cursor: pointer;
 }
@@ -25,9 +25,9 @@
 .sdoc-wiki-viewer-outline .outline-h3 {
   margin-left: 40px;
   line-height: 2.5;
-  color:#364149;
+  color: #364149;
   white-space: nowrap;
-  cursor:pointer;
+  cursor: pointer;
 }
 
 .sdoc-wiki-viewer-outline .outline-h3:hover {

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@seafile/sdoc-editor",
-  "version": "2.0.169",
+  "version": "2.0.171",
   "main": "dist/index.js",
   "scripts": {
     "test": "jest",
@@ -71,5 +71,5 @@
   "publishConfig": {
     "access": "public"
   },
-  "gitHead": "81b15b595b10919c9f8bb95965e71ac0d1dceb6c"
+  "gitHead": "eb6f48e69f80043974e17b540f2a6f0f72fa7e16"
 }