@seafile/sdoc-editor 0.2.1 → 0.2.3

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

@@ -55,7 +55,7 @@
   content: attr(op-item-tooltip);
   top: -40px;
   left: -20px;
-  width: 70px;
+  width: 100px;
   height: 30px;
   display: flex;
   justify-content: center;

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

@@ -18,9 +18,11 @@ var ImageHoverMenu = function ImageHoverMenu(_ref) {
     onHideImageHoverMenu = _ref.onHideImageHoverMenu,
     t = _ref.t;
   var data = element.data,
-    display_type = element.display_type,
+    _element$display_type = element.display_type,
+    display_type = _element$display_type === void 0 ? IMAGE_DISPLAY_TYPE[0] : _element$display_type,
     align = element.align,
-    border_type = element.border_type;
+    _element$border_type = element.border_type,
+    border_type = _element$border_type === void 0 ? IMAGE_BORDER_TYPE[0].type : _element$border_type;
   var _useState = useState({
       displayPopover: false,
       alignPopover: false,
@@ -91,7 +93,8 @@ var ImageHoverMenu = function ImageHoverMenu(_ref) {
     className: "sdocfont sdoc-drop-down icon-font"
   })), /*#__PURE__*/React.createElement("span", {
     role: "button",
-    className: classnames('op-item', 'ml-1', {
+    "op-item-tooltip": t('Image_border'),
+    className: classnames('op-item', 'op-tooltip', 'ml-1', {
       'active': popoverState.borderPopover
     }),
     onClick: function onClick(e) {
@@ -105,7 +108,8 @@ var ImageHoverMenu = function ImageHoverMenu(_ref) {
     className: "op-group-item"
   }, /*#__PURE__*/React.createElement("span", {
     role: "button",
-    className: "op-item",
+    "op-item-tooltip": t('Full_screen_mode'),
+    className: "op-item op-tooltip",
     onClick: function onClick(e) {
       e.stopPropagation();
       setIsShowImagePreview(!isShowImagePreview);

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

@@ -118,7 +118,8 @@ var Image = function Image(_ref) {
     // eslint-disable-next-line react-hooks/exhaustive-deps
   }, []);
   var onHideImageHoverMenu = useCallback(function (e) {
-    if (e.target === imageRef.current) return;
+    var imagePreviewer = document.getElementsByClassName('sf-editor-image-previewer');
+    if (e.target === imageRef.current || imagePreviewer[0].contains(e.target)) return;
     setIsShowImageHoverMenu(false);
   }, []);
   useEffect(function () {
@@ -152,9 +153,10 @@ var Image = function Image(_ref) {
     if (elem) {
       var _elem$getBoundingClie = elem.getBoundingClientRect(),
         top = _elem$getBoundingClie.top,
-        left = _elem$getBoundingClie.left;
+        left = _elem$getBoundingClie.left,
+        _width = _elem$getBoundingClie.width;
       var menuTop = top - 42;
-      var menuLeft = left - 18;
+      var menuLeft = left - 222 / 2 + _width / 2; // left = left distance - (menu width / 2) + (image with / 2)
       setMenuPosition({
         top: menuTop,
         left: menuLeft
@@ -168,7 +170,7 @@ var Image = function Image(_ref) {
   }, [setPosition]);
   var reloadImage = useCallback(function () {
     if (imageRef) {
-      imageRef.current = getImageURL(data.src);
+      imageRef.current['src'] = getImageURL(data.src);
     }
   }, [data.src]);
   var onImageLoadError = useCallback(function () {

package/dist/basic-sdk/extension/plugins/text-style/helpers.js

@@ -2,6 +2,7 @@ import _slicedToArray from "@babel/runtime/helpers/esm/slicedToArray";
 import { Editor } from '@seafile/slate';
 import { getNodeType } from '../../core';
 import { CODE_BLOCK } from '../../constants/element-type';
+import { TEXT_STYLE_MAP } from '../../constants/menus-config';
 export var isMenuDisabled = function isMenuDisabled(editor, readonly) {
   if (readonly) return true;
   if (editor.selection == null) return true;
@@ -23,6 +24,11 @@ export var isMenuDisabled = function isMenuDisabled(editor, readonly) {
   return false;
 };
 export var addMark = function addMark(editor, type) {
+  if (type === TEXT_STYLE_MAP.SUPERSCRIPT) {
+    removeMark(editor, TEXT_STYLE_MAP.SUBSCRIPT);
+  } else if (type === TEXT_STYLE_MAP.SUBSCRIPT) {
+    removeMark(editor, TEXT_STYLE_MAP.SUPERSCRIPT);
+  }
   Editor.addMark(editor, type, true);
 };
 export var removeMark = function removeMark(editor, type) {

package/package.json

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

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

@@ -380,5 +380,7 @@
   "Checking": "Checking...",
   "Publishing": "Publishing...",
   "Inline": "Inline",
-  "Block": "Block"
+  "Block": "Block",
+  "Full_screen_mode": "Full screen mode",
+  "Image_border": "Image border"
 }

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

@@ -380,5 +380,7 @@
   "Checking": "检查中...",
   "Publishing": "发布中...",
   "Inline": "嵌入行内",
-  "Block": "独占一行"
+  "Block": "独占一行",
+  "Full_screen_mode": "全屏查看",
+  "Image_border": "图片边框"
 }