@seafile/sdoc-editor 0.5.77 → 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/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) && !isComposing) {
+  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/package.json

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

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