@seafile/sdoc-editor 3.0.225 → 3.0.226

package/dist/assets/css/diff-viewer.css

@@ -9,7 +9,7 @@
   filter: grayscale(100%);
 }
 
-.sdoc-editor__article .sdoc-image-wrapper.sdoc-diff-image-deleted .sdoc-image-content > span:first-child::after {
+.sdoc-editor__article .sdoc-image-wrapper.sdoc-diff-image-deleted .sdoc-image-content>span:first-child::after {
   content: '';
   position: absolute;
   top: 50%;

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

@@ -112,7 +112,7 @@
 .sdoc-editor__article .sdoc-image-wrapper {
   position: relative;
   display: inline-block;
-  margin: 5px 0;
+  margin: 5px 0.15em;
   caret-color: transparent;
   max-width: 99%;
 }

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

@@ -48,6 +48,19 @@
   background: #EFEFEF;
 }
 
+.sdoc-image-hover-menu-container .hover-menu-container .op-item.disabled {
+  color: #999;
+  cursor: not-allowed;
+}
+
+.sdoc-image-hover-menu-container .hover-menu-container .op-item.disabled:hover {
+  background: transparent;
+}
+
+.sdoc-image-hover-menu-container .hover-menu-container .op-item.disabled .sdocfont {
+  color: #999;
+}
+
 .sdoc-image-hover-menu-container .hover-menu-container .active {
   background: #EFEFEF;
 }

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

@@ -69,6 +69,13 @@ var ImageHoverMenu = function ImageHoverMenu(_ref) {
     setIsShowTooltip = _useState8[1];
   var isWiki = editor.editorType === _constants.WIKI_EDITOR;
   var currentHref = data.href;
+  var imagePath = _slateReact.ReactEditor.findPath(editor, element);
+  var isInListItem = !!_slate.Editor.above(editor, {
+    at: imagePath,
+    match: function match(node) {
+      return node.type === _constants2.LIST_ITEM;
+    }
+  });
   (0, _react.useEffect)(function () {
     setIsShowTooltip(true);
   }, []);
@@ -236,17 +243,19 @@ var ImageHoverMenu = function ImageHoverMenu(_ref) {
     className: "op-group-item"
   }, /*#__PURE__*/_react["default"].createElement("span", {
     role: "button",
+    "aria-disabled": isInListItem,
     className: (0, _classnames["default"])('op-item', {
-      'active': popoverState.displayPopover
+      'active': popoverState.displayPopover,
+      'disabled': isInListItem
     }),
-    onClick: function onClick(e) {
+    onClick: isInListItem ? undefined : function (e) {
       onShowProver(e, 'displayPopover');
     }
   }, /*#__PURE__*/_react["default"].createElement("span", {
     className: "mr-1"
   }, t(type === _constants2.IMAGE_BLOCK ? 'Block' : 'Inline')), /*#__PURE__*/_react["default"].createElement("i", {
     className: "sdocfont sdoc-arrow-down"
-  }), popoverState.displayPopover && /*#__PURE__*/_react["default"].createElement("div", {
+  }), !isInListItem && popoverState.displayPopover && /*#__PURE__*/_react["default"].createElement("div", {
     className: "sdoc-image-popover sdoc-dropdown-menu"
   }, _constants3.IMAGE_DISPLAY_TYPE.map(function (item) {
     return /*#__PURE__*/_react["default"].createElement("div", {

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

@@ -5,8 +5,8 @@ Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports["default"] = void 0;
-var _slicedToArray2 = _interopRequireDefault(require("@babel/runtime/helpers/esm/slicedToArray"));
 var _toConsumableArray2 = _interopRequireDefault(require("@babel/runtime/helpers/esm/toConsumableArray"));
+var _slicedToArray2 = _interopRequireDefault(require("@babel/runtime/helpers/esm/slicedToArray"));
 var _slate = require("@seafile/slate");
 var _toast = _interopRequireDefault(require("../../../components/toast"));
 var _constants = require("../../../constants");
@@ -23,7 +23,8 @@ var withImage = function withImage(editor) {
     insertData = editor.insertData,
     deleteBackward = editor.deleteBackward,
     insertFragment = editor.insertFragment,
-    insertBreak = editor.insertBreak;
+    insertBreak = editor.insertBreak,
+    normalizeNode = editor.normalizeNode;
   var newEditor = editor;
 
   // rewrite isInline
@@ -43,6 +44,23 @@ var withImage = function withImage(editor) {
     }
     return isVoid(elem);
   };
+  newEditor.normalizeNode = function (_ref) {
+    var _ref2 = (0, _slicedToArray2["default"])(_ref, 2),
+      node = _ref2[0],
+      path = _ref2[1];
+    var imageCount = node.type === _constants2.IMAGE_BLOCK ? node.children.filter(function (child) {
+      return child.type === _constants2.IMAGE;
+    }).length : 0;
+    if (imageCount >= 2) {
+      _slate.Transforms.setNodes(editor, {
+        type: _constants2.PARAGRAPH
+      }, {
+        at: path
+      });
+      return;
+    }
+    return normalizeNode([node, path]);
+  };
   newEditor.insertData = function (data) {
     var fragment = data.getData("application/".concat(_constants2.CLIPBOARD_FORMAT_KEY)) || (0, _documentUtils.getSlateFragmentAttribute)(data);
     var originSdocUuid = data.getData("text/".concat(_constants2.CLIPBOARD_ORIGIN_SDOC_KEY));

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

@@ -486,15 +486,17 @@ function renderImage(props, editor) {
   var element = props.element,
     leaf = props.leaf;
   var style = (0, _objectSpread2["default"])({}, props.style);
+  var isAdded = !!element.add;
+  var isDeleted = !isAdded && !!element["delete"];
   var diffImageClassName = (0, _classnames["default"])(props.className, {
-    'sdoc-diff-image-added': !!element.add,
-    'sdoc-diff-image-deleted': !!element["delete"]
+    'sdoc-diff-image-added': isAdded,
+    'sdoc-diff-image-deleted': isDeleted
   });
   if (leaf && leaf.computed_background_color) {
     style['backgroundColor'] = leaf.computed_background_color;
   }
-  if (element.add || element["delete"]) {
-    style = Object.assign({}, style, element.add ? _constants2.ADDED_STYLE : _constants2.DELETED_STYLE);
+  if (isAdded || isDeleted) {
+    style = Object.assign({}, style, isAdded ? _constants2.ADDED_STYLE : _constants2.DELETED_STYLE);
     if (style.computed_background_color) {
       style['backgroundColor'] = style.computed_background_color;
     }

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@seafile/sdoc-editor",
-  "version": "3.0.225",
+  "version": "3.0.226",
   "main": "dist/index.js",
   "scripts": {
     "test": "jest",
@@ -71,5 +71,5 @@
   "publishConfig": {
     "access": "public"
   },
-  "gitHead": "8da759c5eb27c940bde666a47ea8dcb762442d05"
+  "gitHead": "e7a97a795c324277181e19dfdecd24e92cdb5e02"
 }