@seafile/sdoc-editor 2.0.169 → 2.0.170

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/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/package.json

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