@seafile/sdoc-editor 3.0.69 → 3.0.71

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

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

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

@@ -111,22 +111,7 @@ var FileLinkHoverMenu = function FileLinkHoverMenu(_ref) {
     className: (0, _classnames["default"])('mr-1', _constants2.FILE_LINK_TYPE_CONFIG[selectedType].icon)
   }), /*#__PURE__*/_react["default"].createElement("i", {
     className: "sdocfont sdoc-arrow-down"
-  })), isShowTooltip && /*#__PURE__*/_react["default"].createElement(_tooltip["default"], {
-    target: "select_style",
-    placement: "top",
-    fade: true
-  }, t('Select_style')), /*#__PURE__*/_react["default"].createElement("span", {
-    id: "delete_link",
-    role: "button",
-    className: "op-item",
-    onClick: onUnwrapFileLinkNode
-  }, /*#__PURE__*/_react["default"].createElement("i", {
-    className: "sdocfont sdoc-unlink"
-  })), isShowTooltip && /*#__PURE__*/_react["default"].createElement(_tooltip["default"], {
-    target: "delete_link",
-    placement: "top",
-    fade: true
-  }, t('Remove_link')))), isShowDisplayStylePopover && /*#__PURE__*/_react["default"].createElement("div", {
+  }), isShowDisplayStylePopover && /*#__PURE__*/_react["default"].createElement("div", {
     className: "sdoc-file-display-style-popover sdoc-dropdown-menu"
   }, newFileLinkTypes.map(function (fileLinkType) {
     return /*#__PURE__*/_react["default"].createElement("div", {
@@ -143,6 +128,21 @@ var FileLinkHoverMenu = function FileLinkHoverMenu(_ref) {
     }), /*#__PURE__*/_react["default"].createElement("span", null, t(_constants2.FILE_LINK_TYPE_CONFIG[fileLinkType].text))), selectedType === fileLinkType && /*#__PURE__*/_react["default"].createElement("i", {
       className: "sdocfont sdoc-check-mark sdoc-dropdown-item-right-icon"
     }));
-  }))));
+  }))), isShowTooltip && /*#__PURE__*/_react["default"].createElement(_tooltip["default"], {
+    target: "select_style",
+    placement: "top",
+    fade: true
+  }, t('Select_style')), /*#__PURE__*/_react["default"].createElement("span", {
+    id: "delete_link",
+    role: "button",
+    className: "op-item",
+    onClick: onUnwrapFileLinkNode
+  }, /*#__PURE__*/_react["default"].createElement("i", {
+    className: "sdocfont sdoc-unlink"
+  })), isShowTooltip && /*#__PURE__*/_react["default"].createElement(_tooltip["default"], {
+    target: "delete_link",
+    placement: "top",
+    fade: true
+  }, t('Remove_link'))))));
 };
 var _default = exports["default"] = (0, _reactI18next.withTranslation)('sdoc-editor')(FileLinkHoverMenu);

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

@@ -58,8 +58,8 @@
 
 .sdoc-image-hover-menu-container .sdoc-image-popover {
   position: absolute;
-  top: 37px;
-  left: 8px;
+  top: 32px;
+  left: 0px;
   background-color: #fff;
   border: 1px solid #e5e6e8;
   border-radius: 2px;
@@ -72,22 +72,16 @@
 }
 
 .sdoc-image-hover-menu-container .align-popover {
-  left: 100px;
   min-width: 6rem;
 }
 
 .sdoc-image-hover-menu-container .border-popover {
-  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

@@ -190,7 +190,25 @@ var ImageHoverMenu = function ImageHoverMenu(_ref) {
     className: "mr-1"
   }, t(type === _constants.IMAGE_BLOCK ? 'Block' : 'Inline')), /*#__PURE__*/_react["default"].createElement("i", {
     className: "sdocfont sdoc-arrow-down"
-  }))), !readonly && /*#__PURE__*/_react["default"].createElement("span", {
+  }), popoverState.displayPopover && /*#__PURE__*/_react["default"].createElement("div", {
+    className: "sdoc-image-popover sdoc-dropdown-menu"
+  }, _constants2.IMAGE_DISPLAY_TYPE.map(function (item) {
+    return /*#__PURE__*/_react["default"].createElement("div", {
+      key: item.value,
+      className: "sdoc-dropdown-menu-item sdoc-dropdown-item-with-left-icon pr-2",
+      onClick: function onClick(event) {
+        return onSelect(event, {
+          'display_type': item.value
+        });
+      }
+    }, /*#__PURE__*/_react["default"].createElement("div", {
+      className: "sdoc-dropdown-item-content"
+    }, /*#__PURE__*/_react["default"].createElement("i", {
+      className: "sdoc-dropdown-item-content-icon"
+    }), /*#__PURE__*/_react["default"].createElement("span", null, t(item.text))), type === item.value && /*#__PURE__*/_react["default"].createElement("i", {
+      className: "sdocfont sdoc-check-mark sdoc-dropdown-item-right-icon"
+    }));
+  })))), !readonly && /*#__PURE__*/_react["default"].createElement("span", {
     className: "op-group-item"
   }, type === _constants.IMAGE_BLOCK && /*#__PURE__*/_react["default"].createElement("span", {
     role: "button",
@@ -204,7 +222,25 @@ var ImageHoverMenu = function ImageHoverMenu(_ref) {
     className: (0, _classnames["default"])("sdocfont sdoc-align-".concat(align || 'left', " mr-1"))
   }), /*#__PURE__*/_react["default"].createElement("i", {
     className: "sdocfont sdoc-arrow-down"
-  })), /*#__PURE__*/_react["default"].createElement("span", {
+  }), popoverState.alignPopover && /*#__PURE__*/_react["default"].createElement("div", {
+    className: "sdoc-image-popover align-popover sdoc-dropdown-menu"
+  }, _constants.MENUS_CONFIG_MAP[_constants.TEXT_ALIGN].map(function (item) {
+    return /*#__PURE__*/_react["default"].createElement("div", {
+      key: item.id,
+      className: "sdoc-dropdown-menu-item sdoc-dropdown-item-with-left-icon pr-2",
+      onClick: function onClick(event) {
+        return onSelect(event, {
+          align: item.type
+        });
+      }
+    }, /*#__PURE__*/_react["default"].createElement("div", {
+      className: "sdoc-dropdown-item-content"
+    }, /*#__PURE__*/_react["default"].createElement("i", {
+      className: (0, _classnames["default"])(item.iconClass)
+    })), align === item.type && /*#__PURE__*/_react["default"].createElement("i", {
+      className: "sdocfont sdoc-check-mark sdoc-dropdown-item-right-icon"
+    }));
+  }))), /*#__PURE__*/_react["default"].createElement("span", {
     id: "sdoc_image_border",
     role: "button",
     className: (0, _classnames["default"])('op-item', {
@@ -218,7 +254,27 @@ var ImageHoverMenu = function ImageHoverMenu(_ref) {
     className: "sdocfont sdoc-image mr-1"
   }), /*#__PURE__*/_react["default"].createElement("i", {
     className: "sdocfont sdoc-arrow-down"
-  }), isShowTooltip && /*#__PURE__*/_react["default"].createElement(_tooltip["default"], {
+  }), popoverState.borderPopover && /*#__PURE__*/_react["default"].createElement("div", {
+    className: "sdoc-image-popover border-popover sdoc-dropdown-menu"
+  }, _constants2.IMAGE_BORDER_TYPE.map(function (item) {
+    return /*#__PURE__*/_react["default"].createElement("div", {
+      key: item.type,
+      className: "sdoc-dropdown-menu-item sdoc-dropdown-item-with-left-icon pr-2",
+      onClick: function onClick(event) {
+        return onSelect(event, {
+          border_type: item.type
+        });
+      }
+    }, /*#__PURE__*/_react["default"].createElement("div", {
+      className: "sdoc-dropdown-item-content"
+    }, /*#__PURE__*/_react["default"].createElement("img", {
+      src: item.imgUrl,
+      draggable: false,
+      alt: ""
+    }), border_type === item.type && /*#__PURE__*/_react["default"].createElement("i", {
+      className: "sdocfont sdoc-check-mark sdoc-dropdown-item-right-icon"
+    })));
+  })), isShowTooltip && /*#__PURE__*/_react["default"].createElement(_tooltip["default"], {
     target: "sdoc_image_border",
     placement: "top",
     fade: true
@@ -255,66 +311,7 @@ var ImageHoverMenu = function ImageHoverMenu(_ref) {
     target: "sdoc_image_full_screen_mode",
     placement: "top",
     fade: true
-  }, t('Full_screen_mode'))))), popoverState.displayPopover && /*#__PURE__*/_react["default"].createElement("div", {
-    className: "sdoc-image-popover sdoc-dropdown-menu"
-  }, _constants2.IMAGE_DISPLAY_TYPE.map(function (item) {
-    return /*#__PURE__*/_react["default"].createElement("div", {
-      key: item.value,
-      className: "sdoc-dropdown-menu-item sdoc-dropdown-item-with-left-icon pr-2",
-      onClick: function onClick(event) {
-        return onSelect(event, {
-          'display_type': item.value
-        });
-      }
-    }, /*#__PURE__*/_react["default"].createElement("div", {
-      className: "sdoc-dropdown-item-content"
-    }, /*#__PURE__*/_react["default"].createElement("i", {
-      className: "sdoc-dropdown-item-content-icon"
-    }), /*#__PURE__*/_react["default"].createElement("span", null, t(item.text))), type === item.value && /*#__PURE__*/_react["default"].createElement("i", {
-      className: "sdocfont sdoc-check-mark sdoc-dropdown-item-right-icon"
-    }));
-  })), popoverState.alignPopover && /*#__PURE__*/_react["default"].createElement("div", {
-    className: "sdoc-image-popover align-popover sdoc-dropdown-menu"
-  }, _constants.MENUS_CONFIG_MAP[_constants.TEXT_ALIGN].map(function (item) {
-    return /*#__PURE__*/_react["default"].createElement("div", {
-      key: item.id,
-      className: "sdoc-dropdown-menu-item sdoc-dropdown-item-with-left-icon pr-2",
-      onClick: function onClick(event) {
-        return onSelect(event, {
-          align: item.type
-        });
-      }
-    }, /*#__PURE__*/_react["default"].createElement("div", {
-      className: "sdoc-dropdown-item-content"
-    }, /*#__PURE__*/_react["default"].createElement("i", {
-      className: (0, _classnames["default"])(item.iconClass)
-    })), align === item.type && /*#__PURE__*/_react["default"].createElement("i", {
-      className: "sdocfont sdoc-check-mark sdoc-dropdown-item-right-icon"
-    }));
-  })), popoverState.borderPopover && /*#__PURE__*/_react["default"].createElement("div", {
-    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,
-      className: "sdoc-dropdown-menu-item sdoc-dropdown-item-with-left-icon pr-2",
-      onClick: function onClick(event) {
-        return onSelect(event, {
-          border_type: item.type
-        });
-      }
-    }, /*#__PURE__*/_react["default"].createElement("div", {
-      className: "sdoc-dropdown-item-content"
-    }, /*#__PURE__*/_react["default"].createElement("img", {
-      src: item.imgUrl,
-      draggable: false,
-      alt: ""
-    }), border_type === item.type && /*#__PURE__*/_react["default"].createElement("i", {
-      className: "sdocfont sdoc-check-mark sdoc-dropdown-item-right-icon"
-    })));
-  })), isShowImagePreview && /*#__PURE__*/_react["default"].createElement(_imagePreviewer["default"], {
+  }, t('Full_screen_mode'))))), isShowImagePreview && /*#__PURE__*/_react["default"].createElement(_imagePreviewer["default"], {
     imageUrl: (0, _helpers.getImageURL)(data, editor),
     editor: editor,
     toggleImagePreviewer: function toggleImagePreviewer() {

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

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

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

@@ -136,7 +136,24 @@ var SdocLinkHoverMenu = function SdocLinkHoverMenu(_ref) {
     className: (0, _classnames["default"])('mr-1', _constants2.SDOC_LINK_TYPE_CONFIG[selectedType].icon)
   }), /*#__PURE__*/_react["default"].createElement("i", {
     className: "sdocfont sdoc-arrow-down"
-  })), isShowTooltip && /*#__PURE__*/_react["default"].createElement(_tooltip["default"], {
+  }), isShowDisplayStylePopover && /*#__PURE__*/_react["default"].createElement("div", {
+    className: "sdoc-file-display-style-popover sdoc-dropdown-menu"
+  }, newSdocFileTypes.map(function (sdocLinkType) {
+    return /*#__PURE__*/_react["default"].createElement("div", {
+      key: sdocLinkType,
+      "date-type": sdocLinkType,
+      className: "sdoc-dropdown-menu-item sdoc-dropdown-item-with-left-icon pr-2",
+      onClick: function onClick(event) {
+        return onSelect(event, sdocLinkType);
+      }
+    }, /*#__PURE__*/_react["default"].createElement("div", {
+      className: "sdoc-dropdown-item-content"
+    }, /*#__PURE__*/_react["default"].createElement("i", {
+      className: (0, _classnames["default"])('sdoc-dropdown-item-content-icon', _constants2.SDOC_LINK_TYPE_CONFIG[sdocLinkType].icon)
+    }), /*#__PURE__*/_react["default"].createElement("span", null, t(_constants2.SDOC_LINK_TYPE_CONFIG[sdocLinkType].text))), selectedType === sdocLinkType && /*#__PURE__*/_react["default"].createElement("i", {
+      className: "sdocfont sdoc-check-mark sdoc-dropdown-item-right-icon"
+    }));
+  }))), isShowTooltip && /*#__PURE__*/_react["default"].createElement(_tooltip["default"], {
     target: "display_sdoc_link",
     placement: "top",
     fade: true
@@ -166,23 +183,6 @@ var SdocLinkHoverMenu = function SdocLinkHoverMenu(_ref) {
     target: "sdoc_link_preview",
     placement: "top",
     fade: true
-  }, t('Preview'))))), isShowDisplayStylePopover && /*#__PURE__*/_react["default"].createElement("div", {
-    className: "sdoc-file-display-style-popover sdoc-dropdown-menu"
-  }, newSdocFileTypes.map(function (sdocLinkType) {
-    return /*#__PURE__*/_react["default"].createElement("div", {
-      key: sdocLinkType,
-      "date-type": sdocLinkType,
-      className: "sdoc-dropdown-menu-item sdoc-dropdown-item-with-left-icon pr-2",
-      onClick: function onClick(event) {
-        return onSelect(event, sdocLinkType);
-      }
-    }, /*#__PURE__*/_react["default"].createElement("div", {
-      className: "sdoc-dropdown-item-content"
-    }, /*#__PURE__*/_react["default"].createElement("i", {
-      className: (0, _classnames["default"])('sdoc-dropdown-item-content-icon', _constants2.SDOC_LINK_TYPE_CONFIG[sdocLinkType].icon)
-    }), /*#__PURE__*/_react["default"].createElement("span", null, t(_constants2.SDOC_LINK_TYPE_CONFIG[sdocLinkType].text))), selectedType === sdocLinkType && /*#__PURE__*/_react["default"].createElement("i", {
-      className: "sdocfont sdoc-check-mark sdoc-dropdown-item-right-icon"
-    }));
-  }))));
+  }, t('Preview')))))));
 };
 var _default = exports["default"] = (0, _reactI18next.withTranslation)('sdoc-editor')(SdocLinkHoverMenu);

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@seafile/sdoc-editor",
-  "version": "3.0.69",
+  "version": "3.0.71",
   "main": "dist/index.js",
   "scripts": {
     "test": "jest",
@@ -17,7 +17,7 @@
   "license": "ISC",
   "description": "",
   "dependencies": {
-    "@seafile/comment-editor": "1.0.12",
+    "@seafile/comment-editor": "1.0.14",
     "@seafile/print-js": "1.6.6",
     "@seafile/react-image-lightbox": "5.0.4",
     "@seafile/seafile-database": "0.0.19",
@@ -72,5 +72,5 @@
   "publishConfig": {
     "access": "public"
   },
-  "gitHead": "cb6d75dd7ae425cf1c4b2dcc7db63f62f809488c"
+  "gitHead": "ccaa7f7243068772c89962fd7924278903e382be"
 }