@seafile/sdoc-editor 0.2.19 → 0.2.21

package/dist/basic-sdk/comment/components/editor-comment.js

@@ -8,6 +8,7 @@ import CommentList from './comment-list';
 import { useSelectionElement } from '../../hooks/use-selection-element';
 import { useCommentContext } from '../hooks/use-comment-context';
 import ElementsCommentCount from './elements-comment-count';
+import { ELEMENT_TYPE } from '../../extension/constants';
 var EditorComment = function EditorComment() {
   useSelectionUpdate();
   var editor = useSlateStatic();
@@ -43,9 +44,13 @@ var EditorComment = function EditorComment() {
   var cursor = useCursorPosition();
   var style = useMemo(function () {
     var _Node$string;
-    if (selectionElement && ((_Node$string = Node.string(selectionElement)) === null || _Node$string === void 0 ? void 0 : _Node$string.length) === 0) return {
-      top: '-99999px'
-    };
+    if (selectionElement && ((_Node$string = Node.string(selectionElement)) === null || _Node$string === void 0 ? void 0 : _Node$string.length) === 0 && !selectionElement.children.find(function (n) {
+      return n.type === ELEMENT_TYPE.IMAGE;
+    })) {
+      return {
+        top: '-99999px'
+      };
+    }
     var comments = element_comments_map[selectionElement === null || selectionElement === void 0 ? void 0 : selectionElement.id];
     var unresolvedComments = comments && comments.filter(function (item) {
       return !item.resolved;

package/dist/basic-sdk/comment/components/elements-comment-count/element-comment-count.js

@@ -1,4 +1,5 @@
-import React, { useCallback } from 'react';
+import _slicedToArray from "@babel/runtime/helpers/esm/slicedToArray";
+import React, { useCallback, useEffect, useState } from 'react';
 import { useSlateStatic } from '@seafile/slate-react';
 import { Editor } from '@seafile/slate';
 import { getNodeById, focusEditor, findPath } from '../../../extension/core';
@@ -6,12 +7,15 @@ import { useScrollContext } from '../../../hooks/use-scroll-context';
 import { getElementCommentCountTop } from '../../helper';
 import { eventStopPropagation } from '../../../utils/mouse-event';
 var ElementCommentCount = function ElementCommentCount(_ref) {
-  var _scrollRef$current;
   var elementId = _ref.elementId,
     commentsCount = _ref.commentsCount;
   var editor = useSlateStatic();
   var element = getNodeById(editor.children, elementId);
   var scrollRef = useScrollContext();
+  var _useState = useState(-9999),
+    _useState2 = _slicedToArray(_useState, 2),
+    top = _useState2[0],
+    setTop = _useState2[1];
   var onClick = useCallback(function (event) {
     eventStopPropagation(event);
     var path = findPath(editor, element);
@@ -22,9 +26,14 @@ var ElementCommentCount = function ElementCommentCount(_ref) {
     };
     focusEditor(editor, range);
   }, [editor, element]);
+  useEffect(function () {
+    var _scrollRef$current;
+    if (!element) return;
+    var scrollTop = (scrollRef === null || scrollRef === void 0 ? void 0 : (_scrollRef$current = scrollRef.current) === null || _scrollRef$current === void 0 ? void 0 : _scrollRef$current.scrollTop) || 0;
+    var newTop = getElementCommentCountTop(editor, element, scrollTop);
+    setTop(newTop);
+  }, [editor, elementId, element, scrollRef]);
   if (!element) return null;
-  var scrollTop = (scrollRef === null || scrollRef === void 0 ? void 0 : (_scrollRef$current = scrollRef.current) === null || _scrollRef$current === void 0 ? void 0 : _scrollRef$current.scrollTop) || 0;
-  var top = getElementCommentCountTop(editor, element, scrollTop);
   return /*#__PURE__*/React.createElement("div", {
     className: "element-comments-count",
     style: {

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

@@ -279,7 +279,8 @@ function renderImage(props, editor) {
   var isSelected = useSelected();
 
   // decorate diff-viewer
-  var element = props.element;
+  var element = props.element,
+    leaf = props.leaf;
   if (element.ADD || element.DELETE) {
     var style = element.ADD ? ADDED_STYLE : DELETED_STYLE;
     return /*#__PURE__*/React.createElement("span", {
@@ -290,6 +291,21 @@ function renderImage(props, editor) {
         height: 'fit-content'
       }
     }, /*#__PURE__*/React.createElement(SdocImage, Object.assign({}, props, {
+      className: classNames(props.className || '', 'm-0'),
+      editor: editor,
+      isSelected: isSelected
+    })));
+  }
+  if (leaf && leaf.computed_background_color) {
+    return /*#__PURE__*/React.createElement("span", {
+      className: "d-inline-block p-1",
+      style: {
+        backgroundColor: leaf.computed_background_color,
+        width: 'fit-content',
+        height: 'fit-content'
+      }
+    }, /*#__PURE__*/React.createElement(SdocImage, Object.assign({}, props, {
+      className: classNames(props.className || '', 'm-0'),
       editor: editor,
       isSelected: isSelected
     })));

package/dist/basic-sdk/extension/render/custom-element.js

@@ -1,3 +1,4 @@
+import _objectSpread from "@babel/runtime/helpers/esm/objectSpread2";
 import _slicedToArray from "@babel/runtime/helpers/esm/slicedToArray";
 import { useCallback } from 'react';
 import { useSlateStatic } from '@seafile/slate-react';
@@ -5,6 +6,7 @@ import { BLOCKQUOTE, LINK, CHECK_LIST_ITEM, HEADER1, HEADER2, HEADER3, HEADER4,
 import { BlockquotePlugin, LinkPlugin, CheckListPlugin, HeaderPlugin, ListPlugin, CodeBlockPlugin, ImagePlugin, TablePlugin, SdocLinkPlugin, ParagraphPlugin, FileLinkPlugin } from '../plugins';
 import EventBus from '../../utils/event-bus';
 import { INTERNAL_EVENT } from '../../constants';
+import { getParentNode } from '../core';
 var CustomRenderElement = function CustomRenderElement(props) {
   var editor = useSlateStatic();
   var element = props.element,
@@ -102,9 +104,21 @@ var CustomRenderElement = function CustomRenderElement(props) {
       }
     case IMAGE:
       {
+        var _editor$element_comme;
+        var parentNode = getParentNode(editor.children, element.id);
+        var comments = ((_editor$element_comme = editor.element_comments_map) === null || _editor$element_comme === void 0 ? void 0 : _editor$element_comme[parentNode.id]) || [];
+        var unresolvedComments = comments && comments.filter(function (item) {
+          return !item.resolved;
+        });
+        var leaf = {};
+        if (unresolvedComments && unresolvedComments.length > 0) {
+          leaf['computed_background_color'] = 'rgba(129, 237, 247, 0.5)';
+        }
         var _ImagePlugin$renderEl = _slicedToArray(ImagePlugin.renderElements, 1),
           renderImage = _ImagePlugin$renderEl[0];
-        return renderImage(props, editor);
+        return renderImage(_objectSpread(_objectSpread({}, props), {}, {
+          leaf: leaf
+        }), editor);
       }
     case ELEMENT_TYPE.TABLE:
       {

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

@@ -61,7 +61,7 @@ var SDocOutline = function SDocOutline(_ref) {
     onClick: toggleShow
   })), list.length === 0 && /*#__PURE__*/React.createElement("p", {
     className: "mt-4 text-secondary"
-  }, t('Headings_you_add_to_the_document_will_appear_here')), list.length > 0 && /*#__PURE__*/React.createElement("ol", {
+  }, t('Headings_you_add_to_the_document_will_appear_here')), list.length > 0 && /*#__PURE__*/React.createElement("div", {
     className: "sdoc-outline-list-container"
   }, list.map(function (item, index) {
     return /*#__PURE__*/React.createElement(OutlineItem, {

package/dist/basic-sdk/outline/outline-item.js

@@ -43,7 +43,7 @@ var OutlineItem = /*#__PURE__*/function (_React$PureComponent) {
         'pl-7': type === 'header3',
         'active': isHighlighted
       });
-      return /*#__PURE__*/React.createElement("li", {
+      return /*#__PURE__*/React.createElement("div", {
         className: outlineItemClass,
         onClick: this.onItemClick,
         onMouseOver: this.onMouseOver,

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@seafile/sdoc-editor",
-  "version": "0.2.19",
+  "version": "0.2.21",
   "private": false,
   "description": "This is a sdoc editor",
   "main": "dist/index.js",

package/public/locales/cs/sdoc-editor.json

@@ -391,5 +391,6 @@
   "Delete_failed": "Smazání se nezdařilo",
   "Insert_caption": "Insert caption",
   "No_collaborators_available": "No_collaborators_available",
-  "Find_a_collaborator": "Find a collaborator"
+  "Find_a_collaborator": "Find a collaborator",
+  "Doc_comments": "Document comments"
 }

package/public/locales/de/sdoc-editor.json

@@ -391,5 +391,6 @@
   "Delete_failed": "Löschen fehlgeschlagen",
   "Insert_caption": "Insert caption",
   "No_collaborators_available": "No_collaborators_available",
-  "Find_a_collaborator": "Find a collaborator"
+  "Find_a_collaborator": "Find a collaborator",
+  "Doc_comments": "Document comments"
 }

package/public/locales/es/sdoc-editor.json

@@ -391,5 +391,6 @@
   "Delete_failed": "Eliminar falló",
   "Insert_caption": "Insert caption",
   "No_collaborators_available": "No_collaborators_available",
-  "Find_a_collaborator": "Find a collaborator"
+  "Find_a_collaborator": "Find a collaborator",
+  "Doc_comments": "Document comments"
 }

package/public/locales/fr/sdoc-editor.json

@@ -391,5 +391,6 @@
   "Delete_failed": "Échec de la suppression",
   "Insert_caption": "Insert caption",
   "No_collaborators_available": "No_collaborators_available",
-  "Find_a_collaborator": "Find a collaborator"
+  "Find_a_collaborator": "Find a collaborator",
+  "Doc_comments": "Document comments"
 }

package/public/locales/it/sdoc-editor.json

@@ -391,5 +391,6 @@
   "Delete_failed": "Rimozione fallita",
   "Insert_caption": "Insert caption",
   "No_collaborators_available": "No_collaborators_available",
-  "Find_a_collaborator": "Find a collaborator"
+  "Find_a_collaborator": "Find a collaborator",
+  "Doc_comments": "Document comments"
 }

package/public/locales/ru/sdoc-editor.json

@@ -389,7 +389,8 @@
   "Published": "Опубликовано",
   "Delete_Successfully": "Удалено",
   "Delete_failed": "Не удалось удалить",
-  "Insert_caption": "Insert caption",
-  "No_collaborators_available": "No_collaborators_available",
-  "Find_a_collaborator": "Find a collaborator"
+  "Insert_caption": "Вставить подпись",
+  "No_collaborators_available": "Нет доступных соавторов",
+  "Find_a_collaborator": "Найти соавтора",
+  "Doc_comments": "Document comments"
 }

package/public/locales/zh_CN/sdoc-editor.json

@@ -391,5 +391,6 @@
   "Delete_failed": "删除失败",
   "Insert_caption": "插入标题",
   "No_collaborators_available": "没有找到协作人",
-  "Find_a_collaborator": "查找协作人"
+  "Find_a_collaborator": "查找协作人",
+  "Doc_comments": "文档评论"
 }