@seafile/seafile-editor 1.0.10 → 1.0.12

package/dist/containers/article-info/style.css

@@ -4,6 +4,7 @@
   flex-direction: column;
   background-color: #f5f5f5;
   user-select: none;
+  min-height: 0;
 }
 
 .sf-article-info-container .nav {
@@ -44,7 +45,8 @@
 .sf-article-info-container .sf-article-info-content {
   flex: 1;
   font-size: 0.937rem;
-  overflow: hidden;
+  min-height: 0;
+  overflow: auto;
 }
 
 .sf-article-info-container .sf-article-info-content:hover {

package/dist/editors/slate-editor/editor-help/style.css

@@ -2,11 +2,11 @@
   display: none;
   background-color: #fff;
   border-left: 1px solid #eee;
-  flex: 0 0 350px;
+  flex: 0 0 300px;
   height: 100%;
   overflow-x: hidden;
   overflow-y: auto;
-  width: 250px;
+  width: 300px;
 }
 
 .sf-markdown-help-wrapper.active {

package/dist/editors/slate-editor/style.css

@@ -31,6 +31,7 @@
 .sf-slate-editor-container .sf-slate-scroll-container {
   height: 100%;
   width: 100%;
+  background-color: #fafaf9;
   overflow: auto;
 }
 

package/dist/extension/plugins/header/menu/index.js

@@ -22,37 +22,32 @@ const HeaderMenu = _ref => {
   // eslint-disable-next-line react-hooks/exhaustive-deps
   const isDisabled = useMemo(() => isMenuDisabled(editor, readonly), [editor.selection, readonly]);
   const onHideHeaderMenu = useCallback(e => {
-    const menu = headerPopoverRef.current;
-    const clickIsInMenu = menu && menu.contains(e.target) && menu !== e.target;
-    if (clickIsInMenu) return;
     setIsShowHeaderPopover(false);
     unregisterEventHandler();
     // eslint-disable-next-line react-hooks/exhaustive-deps
   }, []);
   const registerEventHandler = useCallback(() => {
-    document.addEventListener('click', onHideHeaderMenu, true);
+    document.addEventListener('click', onHideHeaderMenu);
     // eslint-disable-next-line react-hooks/exhaustive-deps
   }, []);
   const unregisterEventHandler = useCallback(() => {
-    document.removeEventListener('click', onHideHeaderMenu, true);
+    document.removeEventListener('click', onHideHeaderMenu);
     // eslint-disable-next-line react-hooks/exhaustive-deps
   }, []);
-  const onToggleClick = useCallback(event => {
+  const onToggleClick = event => {
     event.stopPropagation();
+    event.preventDefault();
     event.nativeEvent.stopImmediatePropagation();
-    setIsShowHeaderPopover(isShowHeaderPopover => {
-      const newIsShowHeaderPopover = !isShowHeaderPopover;
-      newIsShowHeaderPopover ? registerEventHandler() : unregisterEventHandler();
-      return newIsShowHeaderPopover;
-    });
-  }, [registerEventHandler, unregisterEventHandler]);
+    !isShowHeaderPopover ? registerEventHandler() : unregisterEventHandler();
+    setIsShowHeaderPopover(!isShowHeaderPopover);
+  };
   const onMouseDown = useCallback(type => {
     setHeaderType(editor, type);
     setIsShowHeaderPopover(false);
     unregisterEventHandler();
   }, [editor, unregisterEventHandler]);
   const getToolTip = type => {
-    // chrome in Mac: "Mozilla/5.0 (Macintosh; Intel Mac OS X 10_15_7) AppleWebKit/537.36 (KHTML, like Gecko) Chrome/116.0.0.0 Safari/537.36"
+    // chrome in Mac: "Mozilla/5.0 (Macintosh; Intel Mac OS X 10_15_7) AppleWebKit/537.36 (HTML, like Gecko) Chrome/116.0.0.0 Safari/537.36"
     const isMac = window.navigator.userAgent.indexOf('Macintosh') !== -1;
     return isMac ? MAC_HOTKEYS_TIP_HEADER[type] : WIN_HOTKEYS_EVENT_HEADER[type];
   };
@@ -70,7 +65,7 @@ const HeaderMenu = _ref => {
   }, /*#__PURE__*/React.createElement("span", {
     className: "active"
   }, t(HEADER_TITLE_MAP[currentHeaderType !== null && currentHeaderType !== void 0 ? currentHeaderType : ELementTypes.PARAGRAPH])), !isDisabled && /*#__PURE__*/React.createElement("span", {
-    className: "sf-font sdoc-".concat(isShowHeaderPopover ? 'caret-up' : 'drop-down')
+    className: "sf-create-icon sf-font sdoc-".concat(isShowHeaderPopover ? 'caret-up' : 'drop-down')
   })), isShowHeaderPopover && /*#__PURE__*/React.createElement("div", {
     ref: headerPopoverRef,
     className: "header-popover "

package/dist/extension/plugins/header/menu/style.css

@@ -3,7 +3,6 @@
   height: 100%;
   width: 140px;
   padding: 6px 8px;
-  border-right: 1px solid #e5e6e8;
   position: relative;
   align-items: center;
 }
@@ -17,6 +16,8 @@
   border-bottom: 6px solid transparent;
   border-left: 6px solid transparent;
   border-right: 6px solid transparent;
+  scale: 0.6;
+  pointer-events: none;
 }
 
 .header-menu.header-toggle-disabled::after {
@@ -58,12 +59,12 @@
 
 
 .header-menu .header-toggle.header-popover-showed {
-  background-color: #e5e6e8;
+  background-color: #f2f2f2;
   border-radius: 2px;
 }
 
 .header-menu .header-toggle:not(.header-toggle-disabled):hover {
-  background-color: #e5e6e8;
+  background-color: #f2f2f2;
   border-radius: 2px;
 }
 
@@ -81,7 +82,7 @@
 
 .header-menu .header-popover {
   position: absolute;
-  top: 42px;
+  top: 32px;
   left: 8px;
   padding: 8px 0;
   width: 100%;

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

@@ -1,5 +1,6 @@
 import React, { useCallback, useEffect } from 'react';
 import { createPortal } from 'react-dom';
+import { useTranslation } from 'react-i18next';
 import EventBus from '../../../../utils/event-bus';
 import { getLinkInfo, unWrapLinkNode } from '../helper';
 import { isUrl } from '../../../../utils/common';
@@ -12,6 +13,9 @@ const LinkPopover = _ref => {
     popoverPosition,
     editor
   } = _ref;
+  const {
+    t
+  } = useTranslation();
   useEffect(() => {
     return () => {
       // unregister click event before unmount
@@ -54,7 +58,7 @@ const LinkPopover = _ref => {
     target: "_blank",
     rel: "noopener noreferrer",
     className: "sf-link-op-menu-link"
-  }, linkUrl), /*#__PURE__*/React.createElement("div", {
+  }, t('Open_link')), /*#__PURE__*/React.createElement("div", {
     className: "sf-link-op-icons d-flex "
   }, /*#__PURE__*/React.createElement("span", {
     role: "button",

package/dist/extension/plugins/link/render-elem/style.css

@@ -26,7 +26,7 @@
   font-size: 12px;
   color: #212529;
   padding: 0 5px;
-  border-radius: 2px;
+  border-right: 1p solid #f1f1f1;
   line-height: 20px;
 }
 
@@ -34,6 +34,7 @@
   color: #212529;
   text-decoration: none;
   background: #f1f1f1;
+  cursor: pointer;
 }
 
 .sf-link-op-icons {

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@seafile/seafile-editor",
-  "version": "1.0.10",
+  "version": "1.0.12",
   "description": "",
   "main": "dist/index.js",
   "scripts": {

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

@@ -219,5 +219,6 @@
     ]
   },
   "Select_field": "Select field",
-  "Font_style": "Font style"
+  "Font_style": "Font style",
+  "Open_link": "Open link"
 }

package/public/locales/zh-CN/seafile-editor.json

@@ -206,5 +206,6 @@
     ]
   },
   "Select_field": "Select field",
-  "Font_style": "Font style"
+  "Font_style": "Font style",
+  "Open_link":"打开链接"
 }