@seafile/sdoc-editor 0.5.76 → 0.5.78

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

@@ -45,7 +45,6 @@
 .sdoc-dropdown-menu .sdoc-dropdown-menu-item .sdoc-dropdown-item-content {
   display: flex;
   align-items: center;
-  justify-content: space-between;
   flex: 1;
   font-size: 14px;
 }

package/dist/basic-sdk/comment/components/editor-comment.js

@@ -65,6 +65,7 @@ const EditorComment = _ref => {
       zIndex: Z_INDEX.COMMENT_ADD
     };
   }, [selectionElement, element_comments_map, cursor.y, isShowComments]);
+  if (!selectionElement) return null;
   return /*#__PURE__*/React.createElement("div", {
     className: "sdoc-comment-container"
   }, /*#__PURE__*/React.createElement("div", {

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/commons/dropdown-menu-item/index.css

@@ -2,3 +2,7 @@
 .sdoc-dropdown-item-with-left-icon .sdoc-dropdown-item-content .sdoc-dropdown-item-content-icon {
   color: #444;
 }
+
+.sdoc-link-dropdown-menu-item .sdoc-dropdown-item-content{
+  justify-content: space-between;
+}

package/dist/basic-sdk/extension/commons/dropdown-menu-item/index.js

@@ -28,7 +28,8 @@ const DropdownMenuItem = _ref => {
   return /*#__PURE__*/React.createElement("div", {
     className: classnames('sdoc-dropdown-menu-item', className, {
       'disabled': disabled,
-      'sdoc-dropdown-item-with-left-icon': iconClass
+      'sdoc-dropdown-item-with-left-icon': iconClass,
+      'sdoc-link-dropdown-menu-item': shortcut
     }),
     id: menuConfig.id || '',
     onClick: disabled ? () => {} : onClick || (() => {})

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

@@ -67,8 +67,7 @@ const CodeBlock = _ref => {
     });
     focusEditor(editor);
     Transforms.select(editor, editor.selection);
-    // eslint-disable-next-line react-hooks/exhaustive-deps
-  }, []);
+  }, [editor, element]);
   const onFocusCodeBlock = useCallback(e => {
     if (readOnly) return;
     if (codeBlockRef.current) {

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

@@ -1,7 +1,7 @@
 import _objectSpread from "@babel/runtime/helpers/esm/objectSpread2";
 import React from 'react';
 import { Node, Range } from '@seafile/slate';
-import { useSelected, useSlateStatic } from '@seafile/slate-react';
+import { ReactEditor, useSelected, useSlateStatic } from '@seafile/slate-react';
 import { Placeholder } from '../../core';
 import { isEmptyNode } from './helper';
 import { COMMENT_EDITOR, WIKI_EDITOR } from '../../../constants';
@@ -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) && ReactEditor.findPath(editor, element).length === 1 && !isComposing) {
     isShowPlaceHolder = true;
   }
   const style = {

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

@@ -69,7 +69,7 @@
 
 .sdoc-link-hover-menu-container .hover-menu-container .icon-font {
   font-size: 12px;
-  color: #999999;
+  color: #444;
 }
 
 .sdoc-link-hover-menu-container .sdoc-file-display-style-popover {

package/dist/basic-sdk/extension/plugins/seatable-tables/render-element/index.css

@@ -1,8 +1,7 @@
 .seatable-view-container {
   width: 100%;
-  min-height: 200px;
-  max-height: 400px;
   overflow: auto;
+  border: 1px solid transparent;
 }
 
 .seatable-view-container.selected {

package/dist/basic-sdk/extension/plugins/seatable-tables/render-element/seatable-table.js

@@ -1,5 +1,6 @@
 import React, { useCallback, useEffect, useState } from 'react';
 import classNames from 'classnames';
+import { useTranslation } from 'react-i18next';
 import { useSelected } from '@seafile/slate-react';
 import Loading from '../../../../../components/loading';
 import RecordHeader from './record-header';
@@ -11,21 +12,21 @@ function SeaTableTable(_ref) {
     className,
     attributes,
     children,
-    editor,
-    t
+    editor
   } = _ref;
   const isSelected = useSelected();
   const [isLoading, setIsLoading] = useState(true);
   const [records, setRecords] = useState([]);
   const [columns, setColumns] = useState([]);
+  const {
+    t
+  } = useTranslation();
   useEffect(() => {
     const {
       table_id
     } = element;
     const table = editor.getTableById(table_id);
-    // todo
-    const rows = table.rows.slice(0, 50);
-    setRecords(rows);
+    setRecords(table.rows);
     setColumns(table.columns);
     setIsLoading(false);
     // eslint-disable-next-line react-hooks/exhaustive-deps
@@ -39,18 +40,23 @@ function SeaTableTable(_ref) {
     } = element;
     return editor.getTableCellValue(table_id, row, column);
   }, [editor, element]);
+  const isShowMoreMessage = records.length - 10 > 0 ? true : false;
   return /*#__PURE__*/React.createElement("div", Object.assign({}, attributes, {
     className: containerClass,
     contentEditable: false
-  }), isLoading && /*#__PURE__*/React.createElement(Loading, null), !isLoading && /*#__PURE__*/React.createElement("table", {
+  }), isLoading && /*#__PURE__*/React.createElement(Loading, null), !isLoading && /*#__PURE__*/React.createElement(React.Fragment, null, /*#__PURE__*/React.createElement("table", {
     className: "seatable-view-records"
   }, /*#__PURE__*/React.createElement(RecordHeader, {
     columns: columns
   }), /*#__PURE__*/React.createElement(RecordList, {
     editor: editor,
-    records: records,
+    records: records.slice(0, 10),
     columns: columns,
     getTableCellValue: getTableCellValue
-  })), children);
+  })), isShowMoreMessage && /*#__PURE__*/React.createElement("div", {
+    className: "ml-2 m-2"
+  }, t('And_x_more_records', {
+    count: records.length - 10
+  }))), children);
 }
 export default SeaTableTable;

package/dist/basic-sdk/extension/plugins/text-align/menu/index.css

@@ -0,0 +1,6 @@
+.sdocfont.sdoc-check-mark {
+    position: absolute;
+    left: 8px;
+    transform: scale(.8);
+    color: #798d99;
+}

package/dist/basic-sdk/extension/plugins/text-align/menu/index.js

@@ -5,6 +5,7 @@ import classnames from 'classnames';
 import { getAlignType, isMenuDisabled, setAlignType } from '../helpers';
 import { TEXT_ALIGN, MENUS_CONFIG_MAP } from '../../../constants';
 import Tooltip from '../../../../../components/tooltip';
+import './index.css';
 const TextAlignMenu = _ref => {
   let {
     isRichEditor,
@@ -42,9 +43,10 @@ const TextAlignMenu = _ref => {
     'rich-icon-btn-hover': isRichEditor && !disabled,
     'btn btn-icon btn-secondary btn-active d-flex': !isRichEditor
   });
-  const curType = getCurrentType();
+  let curType = getCurrentType();
   const curIcon = MENUS_CONFIG_MAP[TEXT_ALIGN].filter(item => item.type === curType)[0].iconClass;
   const caretIconClass = "sdoc-menu-with-dropdown-triangle-icon sdocfont sdoc-".concat(isShowMenu ? 'caret-up' : 'drop-down');
+  curType = 'align_' + curType;
   return /*#__PURE__*/React.createElement(React.Fragment, null, /*#__PURE__*/React.createElement("button", {
     type: "button",
     className: validClassName,
@@ -72,11 +74,14 @@ const TextAlignMenu = _ref => {
   }, /*#__PURE__*/React.createElement("div", {
     className: "pt-2 pb-2"
   }, MENUS_CONFIG_MAP[TEXT_ALIGN].map((item, index) => {
+    const isSelected = curType === item.id;
     return /*#__PURE__*/React.createElement("div", {
       key: index,
       className: "sdoc-dropdown-menu-item",
       onClick: () => setType(item.type)
-    }, /*#__PURE__*/React.createElement("i", {
+    }, isSelected && /*#__PURE__*/React.createElement("i", {
+      className: "sdocfont sdoc-check-mark"
+    }), /*#__PURE__*/React.createElement("i", {
       className: item.iconClass
     }));
   }))));

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.78",
   "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/en/sdoc-editor.json

@@ -462,5 +462,6 @@
   "Vertical_align": "Vertical alignment",
   "Horizontal_align": "Horizontal alignment",
   "SeaTable_column": "SeaTable column",
-  "SeaTable_table": "SeaTable table"
+  "SeaTable_table": "SeaTable table",
+  "And_x_more_records": "and {{count}} more records"
 }

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 子表"
 }