@seafile/sdoc-editor 3.0.60 → 3.0.62

package/dist/assets/css/dropdown-menu.css

@@ -1,6 +1,7 @@
 .sdoc-dropdown-menu,
 .sdoc-dropdown-menu .sdoc-dropdown-menu-container {
   min-width: 12rem;
+  padding: 8px 0;
 }
 
 .sdoc-dropdown-menu .sdoc-dropdown-menu-divider {

package/dist/comment/components/comment-context-menu/index.css

@@ -4,6 +4,10 @@
   font-size: 14px;
 }
 
+.menu-group-item.sdoc-comment-menu-container .sdoc-comment-menu-item {
+  padding: 4px;
+}
+
 .menu-group-item.sdoc-comment-menu-container .sdocfont {
   color: #666;
 }

package/dist/comment/components/global-comment/index.css

@@ -5,7 +5,7 @@
 
 .sdoc-comment-drawer .comments-panel-wrapper {
   /* 100vh - toolbar height*/
-  height: calc(100vh - 93px);
+  height: calc(100vh - 100px);
   display: flex;
   flex-direction: column;
   background: #fff;

package/dist/comment/helper.js

@@ -32,7 +32,7 @@ var getCursorPosition = exports.getCursorPosition = function getCursorPosition()
   var range = getSelectionRange();
   if (range) {
     var rect = range.getBoundingClientRect();
-    var headerHeight = 93;
+    var headerHeight = 100;
     x = rect.x || 0;
     y = rect.y - headerHeight + (rect.height - 24) / 2 || 0;
   }
@@ -91,7 +91,7 @@ var getElementCommentCountTop = exports.getElementCommentCountTop = function get
     minY = Math.min(minY, y);
   });
   var resultY;
-  resultY = minY - 93 + scrollTop; // 100: header height(56) + toolbar height(37)
+  resultY = minY - 100 + scrollTop; // 100: header height(56) + toolbar height(37)
   if (editor.editorType === _constants.WIKI_EDITOR) {
     // 55 is basic top title height in wiki
     resultY = commentContainerWikiTransfer(resultY, 55);

package/dist/extension/commons/file-link-preview/index.css

@@ -13,7 +13,7 @@
 
 .sdoc-file-preview-drawer .file-preview-panel-wrapper {
   /* 100vh - toolbar height*/
-  height: calc(100vh - 93px);
+  height: calc(100vh - 100px);
   display: flex;
   flex-direction: column;
   background: #fff;

package/dist/extension/commons/menu/menu.css

@@ -20,6 +20,7 @@
   background-color: transparent;
   padding-block-start: unset;
   padding-block-end: unset;
+  padding-inline: 0;
 }
 
 .menu-group .menu-group-item:hover {

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

@@ -92,6 +92,7 @@
   align-items: center;
   justify-content: center;
   width: 20px;
+  color: #868E96 !important;
 }
 
 .sdoc-files-search-popover-container .sdoc-search-wrapper .sdoc-sm-close,

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

@@ -47,13 +47,13 @@
 .sdoc-files-tree .sdoc-file-checked {
   position: absolute;
   right: 10px;
-  color: #798d99;
-  font-size: 12px;
+  color: #666;
+  font-size: 14px;
   font-weight: 400;
 }
 
 .sdoc-files-tree .sdoc-file-info .sdoc-file-icon {
-  color: #9aa0ac;
+  color: #666;
 }
 
 .sdoc-files-tree .sdoc-file-info.active {
@@ -64,7 +64,7 @@
   height: 1.5rem;
   width: 1.5rem;
   line-height: 1.5rem !important;
-  font-size: 14px !important;
+  font-size: 12px !important;
   text-align: center;
   position: absolute;
   left: 0;

package/dist/extension/plugins/ai/ai-menu/style.css

@@ -4,6 +4,10 @@
   font-size: 14px;
 }
 
+.menu-group-item.sdoc-ask-ai-menu-container .sdoc-ask-ai-menu-item {
+  padding: 4px;
+}
+
 .sdoc-context-menu-divider {
   margin-right: 8px;
   border-left: 1px solid #e5e5e5;

package/dist/extension/plugins/callout/render-elem/callout-color-selector/style.css

@@ -36,4 +36,5 @@
   top: 1px;
   left: 3px;
   font-size: 12px;
+  color: #666;
 }

package/dist/extension/plugins/callout/render-elem/callout-icon/style.css

@@ -1,7 +1,7 @@
 .sdoc-callout-icon-selector-container {
   position: absolute;
   padding: 4px;
-  left: 40px;
+  left: 60px;
   top: 36.5px;
   background-color: #fff;
   border: 1px solid #eee;

package/dist/extension/plugins/file-link/hover-menu/index.css

@@ -79,7 +79,7 @@
 .sdoc-file-link-hover-menu-container .sdoc-file-display-style-popover {
   position: absolute;
   top: 37px;
-  right: -80px;
+  left: 125px;
   padding: 8px 0;
   background-color: #fff;
   border: 1px solid #e5e6e8;

package/dist/extension/plugins/file-link/render-elem.js

@@ -59,7 +59,7 @@ var FileLink = function FileLink(_ref) {
         top = _elem$getBoundingClie.top,
         left = _elem$getBoundingClie.left;
       var menuTop = top - 42; // top = top distance - menu height
-      var menuLeft = left - 18; // left = left distance - (menu width / 2)
+      var menuLeft = left;
       var newMenuPosition = {
         top: menuTop,
         left: menuLeft

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

@@ -71,18 +71,22 @@
 }
 
 .sdoc-image-hover-menu-container .align-popover {
-  left: 80px;
+  left: 100px;
   min-width: 6rem;
 }
 
 .sdoc-image-hover-menu-container .border-popover {
-  left: 115px;
+  left: 104px;
   flex-direction: row;
   height: 80px;
   align-items: center;
   padding: 0 8px;
 }
 
+.sdoc-image-hover-menu-container .border-popover.sdoc-block-image {
+  left: 144px;
+}
+
 .sdoc-image-hover-menu-container .border-popover .sdoc-dropdown-menu-item .sdoc-dropdown-item-content .sdoc-check-mark {
   transform: translateX(-24px);
 }

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

@@ -164,6 +164,13 @@ var ImageHoverMenu = function ImageHoverMenu(_ref) {
     }
     // eslint-disable-next-line react-hooks/exhaustive-deps
   }, []);
+  var borderPopoverStyle = (0, _react.useMemo)(function () {
+    var isBlockChild = [_constants.TABLE, _constants.BLOCKQUOTE, _constants.CALL_OUT, _constants.MULTI_COLUMN].includes(type);
+    if (!isBlockChild) return null;
+    return {
+      left: '0px'
+    };
+  }, [type]);
   return /*#__PURE__*/_react["default"].createElement(_commons.ElementPopover, null, /*#__PURE__*/_react["default"].createElement("div", {
     className: "sdoc-image-hover-menu-container",
     style: menuPosition
@@ -226,7 +233,7 @@ var ImageHoverMenu = function ImageHoverMenu(_ref) {
       });
     }
   }, /*#__PURE__*/_react["default"].createElement("i", {
-    className: "sdocfont sdoc-caption mr-1"
+    className: "sdocfont sdoc-caption"
   }), isShowTooltip && /*#__PURE__*/_react["default"].createElement(_tooltip["default"], {
     target: "sdoc_image_caption",
     placement: "top",
@@ -284,7 +291,10 @@ var ImageHoverMenu = function ImageHoverMenu(_ref) {
       className: "sdocfont sdoc-check-mark sdoc-dropdown-item-right-icon"
     }));
   })), popoverState.borderPopover && /*#__PURE__*/_react["default"].createElement("div", {
-    className: "sdoc-image-popover border-popover sdoc-dropdown-menu"
+    className: (0, _classnames["default"])('sdoc-image-popover border-popover sdoc-dropdown-menu', {
+      'sdoc-block-image': type === _constants.IMAGE_BLOCK
+    }),
+    style: borderPopoverStyle
   }, _constants2.IMAGE_BORDER_TYPE.map(function (item) {
     return /*#__PURE__*/_react["default"].createElement("div", {
       key: item.type,

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

@@ -224,12 +224,10 @@ var getMenuPosition = exports.getMenuPosition = function getMenuPosition(element
   if (!element) return {};
   var _element$getBoundingC = element.getBoundingClientRect(),
     top = _element$getBoundingC.top,
-    left = _element$getBoundingC.left,
-    width = _element$getBoundingC.width;
+    left = _element$getBoundingC.left;
   // top = top distance - menu height
   var menuTop = top - 42;
-  // left = left distance - (menu width / 2) + (link with / 2)
-  var menuLeft = left - 140 / 2 + width / 2;
+  var menuLeft = left;
   var menuPosition = {
     top: menuTop,
     left: menuLeft

package/dist/extension/plugins/link/hover/index.css

@@ -35,6 +35,7 @@
 .link-op-menu-link:hover {
   text-decoration: none;
   background: #EFEFEF;
+  color: #212529;
 }
 
 .link-op-icons {

package/dist/extension/plugins/sdoc-link/hover-menu/index.css

@@ -79,7 +79,7 @@
 .sdoc-link-hover-menu-container .sdoc-file-display-style-popover {
   position: absolute;
   top: 37px;
-  right: -80px;
+  left: 125px;
   padding: 8px 0;
   background-color: #fff;
   border: 1px solid #e5e6e8;

package/dist/extension/plugins/sdoc-link/render/render-elem.js

@@ -66,7 +66,7 @@ var SdocFileLink = function SdocFileLink(_ref) {
         top = _elem$getBoundingClie.top,
         left = _elem$getBoundingClie.left;
       var menuTop = top - 42; // top = top distance - menu height
-      var menuLeft = left - 18; // left = left distance - (menu width / 2)
+      var menuLeft = left;
       var newMenuPosition = {
         top: menuTop,
         left: menuLeft

package/dist/extension/plugins/table/popover/table-template/index.css

@@ -1,3 +1,7 @@
+.sdoc-table-template-popover-wrapper {
+  min-width: 312px;
+}
+
 .sdoc-table-template-inner-popover {
   display: flex;
   flex-wrap: wrap;

package/dist/extension/plugins/table/popover/table-template/index.js

@@ -118,6 +118,7 @@ var TableTemplate = function TableTemplate(_ref) {
     fade: false,
     className: "sdoc-sub-dropdown-menu sdoc-table-template-popover",
     innerClassName: "sdoc-table-template-inner-popover",
+    popperClassName: "sdoc-table-template-popover-wrapper",
     ref: ref
   }, tableTemplatePreviewList.map(function (alternateColor, index) {
     return /*#__PURE__*/_react["default"].createElement(_sampleTable["default"], {

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

@@ -38,9 +38,7 @@ var WhiteboardHoverMenu = function WhiteboardHoverMenu(_ref) {
     role: "button",
     className: "op-item",
     onClick: onOpen
-  }, /*#__PURE__*/_react["default"].createElement("span", {
-    className: "mr-1"
-  }, t('Open')))), /*#__PURE__*/_react["default"].createElement("span", {
+  }, /*#__PURE__*/_react["default"].createElement("span", null, t('Open')))), /*#__PURE__*/_react["default"].createElement("span", {
     className: "op-group-item"
   }, /*#__PURE__*/_react["default"].createElement("span", {
     id: "sdoc_whiteboard_delete",

package/dist/extension/toolbar/side-toolbar/side-menu.css

@@ -32,6 +32,5 @@
   background-color: #fff;
   min-width: 150px;
   border-radius: 2px;
-  left: -6px !important;
   cursor: pointer;
 }

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@seafile/sdoc-editor",
-  "version": "3.0.60",
+  "version": "3.0.62",
   "main": "dist/index.js",
   "scripts": {
     "test": "jest",
@@ -17,7 +17,7 @@
   "license": "ISC",
   "description": "",
   "dependencies": {
-    "@seafile/comment-editor": "1.0.11",
+    "@seafile/comment-editor": "1.0.12",
     "@seafile/print-js": "1.6.6",
     "@seafile/react-image-lightbox": "5.0.4",
     "@seafile/seafile-database": "0.0.17",
@@ -72,5 +72,5 @@
   "publishConfig": {
     "access": "public"
   },
-  "gitHead": "53612249c2e031bedcf18f55fe3a4a4387c5efa9"
+  "gitHead": "3cd608591a791b0ac01deee0f0549daa8597b047"
 }