@seafile/sdoc-editor 0.5.76 → 0.5.77

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

@@ -33,6 +33,7 @@ export const PAGE_EDIT_AREA_WIDTH = 672; // 672 = 794 - 2[borderLeft + borderRig
 export const COMMENT_EDITOR_EDIT_AREA_WIDTH = 364;
 export const COMMENT_EDITOR = 'comment_editor';
 export const WIKI_EDITOR = 'wiki_editor';
+export const DOCUMENT_PLUGIN_EDITOR = 'document_plugin_editor';
 export const MODIFY_TYPE = {
   ADD: 'add',
   DELETE: 'delete',

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

@@ -33,7 +33,7 @@ const Paragraph = _ref => {
     const node = editor.children[1];
     isShowPlaceHolder = Node.string(element) === '' && (node === null || node === void 0 ? void 0 : node.id) === (element === null || element === void 0 ? void 0 : element.id) && !isComposing;
   }
-  if (isSelected && isWikiEditor && Range.isCollapsed(editor.selection) && isEmptyNode(element)) {
+  if (isSelected && isWikiEditor && Range.isCollapsed(editor.selection) && isEmptyNode(element) && !isComposing) {
     isShowPlaceHolder = true;
   }
   const style = {

package/dist/basic-sdk/extension/toolbar/side-toolbar/index.css

@@ -8,7 +8,6 @@
   width: 24px;
   height: 24px;
   border-radius: 3px;
-  transition: all 0.2s;
 }
 
 .sdoc-side-toolbar-container:hover {
@@ -32,3 +31,17 @@
   background-color: #F2F2F2;
   border-radius: 2px;
 }
+
+@keyframes fade-out {
+  from {
+    opacity: 1;
+  }
+
+  to {
+    opacity: 0.3;
+  }
+}
+
+.fade-out {
+  animation: fade-out 0.15s ease-out;
+}

package/dist/basic-sdk/extension/toolbar/side-toolbar/index.js

@@ -24,6 +24,7 @@ const SideToolbar = () => {
   const [isShowSideMenu, setShowSideMenu] = useState(false);
   const [menuPosition, setMenuPosition] = useState({});
   const [isEnterMoreVertical, setIsEnterMoreVertical] = useState(false);
+  const [isMoving, setIsMoving] = useState(false);
   const sideMenuRef = useRef();
   const onReset = useCallback(() => {
     setShowSideMenu(false);
@@ -74,10 +75,15 @@ const SideToolbar = () => {
       const top = getDomTopHeight(editor, dom, node);
       const isEmpty = isVoidNode(node);
       const offsetY = !editor.editorType ? -1 : 0; // editorType is undefined means sdoc editor
-      setSidePosition({
-        top: top + scrollRef.current.scrollTop + offsetY,
-        left: 20
-      });
+      const topValue = top + scrollRef.current.scrollTop + offsetY;
+      if (topValue !== sidePosition.top) setIsMoving(true);
+      setTimeout(() => {
+        // wait animation
+        setSidePosition({
+          top: topValue,
+          left: 20
+        });
+      }, 150);
       setSlateNode(node);
       setNodeEmpty(isEmpty);
     };
@@ -86,7 +92,7 @@ const SideToolbar = () => {
     return unSubscribeMouseEnter;
 
     // eslint-disable-next-line react-hooks/exhaustive-deps
-  }, [editor, isShowSideMenu, scrollRef]);
+  }, [editor, isShowSideMenu, scrollRef, sidePosition.top]);
   const onShowSideMenuToggle = useCallback(() => {
     setSelection(editor, slateNode);
     const {
@@ -249,7 +255,10 @@ const SideToolbar = () => {
     setIsEnterMoreVertical(false);
   }, []);
   return /*#__PURE__*/React.createElement("div", {
-    className: "sdoc-side-toolbar-container",
+    onAnimationEnd: () => setIsMoving(false),
+    className: classnames('sdoc-side-toolbar-container', {
+      'fade-out': isMoving
+    }),
     style: sidePosition
   }, slateNode && /*#__PURE__*/React.createElement("div", {
     ref: menuRef,

package/dist/basic-sdk/utils/dom-utils.js

@@ -1,4 +1,4 @@
-import { WIKI_EDITOR } from '../constants';
+import { WIKI_EDITOR, DOCUMENT_PLUGIN_EDITOR } from '../constants';
 export const getDomHeight = dom => {
   const styles = window.getComputedStyle(dom);
   const rect = dom.getBoundingClientRect();
@@ -59,6 +59,8 @@ export const getHeaderHeight = editor => {
   switch (editorType) {
     case WIKI_EDITOR:
       return 113.2;
+    case DOCUMENT_PLUGIN_EDITOR:
+      return 38 + 48 + 49 + 37;
     default:
       // sdoc-editor-page-header height = 56
       // sdoc-editor-toolbar height = 37

package/dist/pages/document-plugin-editor.js

@@ -2,7 +2,7 @@ import React, { useEffect, useMemo } from 'react';
 import { withTranslation } from 'react-i18next';
 import context from '../context';
 import { SDocEditor } from '../basic-sdk';
-import { PAGE_EDIT_AREA_WIDTH } from '../basic-sdk/constants';
+import { PAGE_EDIT_AREA_WIDTH, DOCUMENT_PLUGIN_EDITOR } from '../basic-sdk/constants';
 import { createDefaultEditor } from '../basic-sdk/extension';
 import withNodeId from '../basic-sdk/node-id';
 import { withSocketIO } from '../basic-sdk/socket';
@@ -50,7 +50,7 @@ const DocumentPluginEditor = _ref => {
     newEditor.getTableCellValue = getTableCellValue;
     newEditor.cursors = cursors || {};
     newEditor.width = PAGE_EDIT_AREA_WIDTH; // default width
-
+    newEditor.editorType = DOCUMENT_PLUGIN_EDITOR;
     return newEditor;
     // eslint-disable-next-line react-hooks/exhaustive-deps
   }, []);

package/package.json

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

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

@@ -462,5 +462,5 @@
   "Vertical_align": "Vertical alignment",
   "Horizontal_align": "Horizontal alignment",
   "SeaTable_column": "SeaTable column",
-  "SeaTable_view": "SeaTable view"
+  "SeaTable_table": "SeaTable table"
 }

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

@@ -462,5 +462,5 @@
   "Vertical_align": "Vertical alignment",
   "Horizontal_align": "Horizontal alignment",
   "SeaTable_column": "SeaTable column",
-  "SeaTable_view": "SeaTable view"
+  "SeaTable_table": "SeaTable table"
 }

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

@@ -462,5 +462,5 @@
   "Vertical_align": "Vertical alignment",
   "Horizontal_align": "Horizontal alignment",
   "SeaTable_column": "SeaTable column",
-  "SeaTable_view": "SeaTable view"
+  "SeaTable_table": "SeaTable table"
 }

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

@@ -462,5 +462,5 @@
   "Vertical_align": "Vertical alignment",
   "Horizontal_align": "Horizontal alignment",
   "SeaTable_column": "SeaTable column",
-  "SeaTable_view": "SeaTable view"
+  "SeaTable_table": "SeaTable table"
 }

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

@@ -462,5 +462,5 @@
   "Vertical_align": "Vertical alignment",
   "Horizontal_align": "Horizontal alignment",
   "SeaTable_column": "SeaTable column",
-  "SeaTable_view": "SeaTable view"
+  "SeaTable_table": "SeaTable table"
 }

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

@@ -462,5 +462,5 @@
   "Vertical_align": "Vertical alignment",
   "Horizontal_align": "Horizontal alignment",
   "SeaTable_column": "SeaTable column",
-  "SeaTable_view": "SeaTable view"
+  "SeaTable_table": "SeaTable table"
 }

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

@@ -462,5 +462,5 @@
   "Vertical_align": "Vertical alignment",
   "Horizontal_align": "Horizontal alignment",
   "SeaTable_column": "SeaTable column",
-  "SeaTable_view": "SeaTable view"
+  "SeaTable_table": "SeaTable table"
 }

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

@@ -461,6 +461,6 @@
   "Enter_text_or_press_forward_slash_to_insert_element": "Введите текст или нажмите '/', чтобы вставить элемент",
   "Vertical_align": "Вертикальное выравнивание",
   "Horizontal_align": "Горизонтальное выравнивание",
-  "SeaTable_column": "SeaTable column",
-  "SeaTable_view": "SeaTable view"
+  "SeaTable_column": "Столбец SeaTable",
+  "SeaTable_table": "SeaTable table"
 }

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

@@ -462,5 +462,5 @@
   "Vertical_align": "垂直对齐",
   "Horizontal_align": "水平对齐",
   "SeaTable_column": "SeaTable 列",
-  "SeaTable_view": "SeaTable 视图"
+  "SeaTable_table": "SeaTable 子表"
 }