@seafile/sdoc-editor 0.5.77 → 0.5.79

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,6 +1,7 @@
-import React, { useCallback, useEffect, useState } from 'react';
+import React, { useCallback, useEffect, useMemo, useState } from 'react';
 import classNames from 'classnames';
-import { useSelected } from '@seafile/slate-react';
+import { useTranslation } from 'react-i18next';
+import { useReadOnly, useSelected } from '@seafile/slate-react';
 import Loading from '../../../../../components/loading';
 import RecordHeader from './record-header';
 import RecordList from './record-list';
@@ -11,25 +12,33 @@ function SeaTableTable(_ref) {
     className,
     attributes,
     children,
-    editor,
-    t
+    editor
   } = _ref;
   const isSelected = useSelected();
+  const isReadOnly = useReadOnly();
   const [isLoading, setIsLoading] = useState(true);
-  const [records, setRecords] = useState([]);
   const [columns, setColumns] = useState([]);
+  const [records, setRecords] = useState([]);
+  const [shownRecords, setShownRecords] = useState([]);
+  const [isShowTipMessage, setIsShowTipMessage] = useState(false);
+  const {
+    t
+  } = useTranslation();
   useEffect(() => {
     const {
       table_id
     } = element;
     const table = editor.getTableById(table_id);
-    // todo
-    const rows = table.rows.slice(0, 50);
-    setRecords(rows);
     setColumns(table.columns);
+    const records = table.rows;
+    const isShowTipMessage = isReadOnly ? records.length > 200 : records.length > 10;
+    const shownRecords = isReadOnly ? records.slice(0, 200) : records.slice(0, 10);
+    setIsShowTipMessage(isShowTipMessage);
+    setRecords(records);
+    setShownRecords(shownRecords);
     setIsLoading(false);
     // eslint-disable-next-line react-hooks/exhaustive-deps
-  }, [element]);
+  }, [element, isReadOnly]);
   const containerClass = classNames('seatable-view-container', {
     selected: isSelected
   });
@@ -42,15 +51,21 @@ function SeaTableTable(_ref) {
   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: shownRecords,
     columns: columns,
     getTableCellValue: getTableCellValue
-  })), children);
+  })), !isReadOnly && isShowTipMessage && /*#__PURE__*/React.createElement("div", {
+    className: "d-print-none ml-2 m-2"
+  }, t('And_x_more_records', {
+    count: records.length - 10
+  })), isReadOnly && isShowTipMessage && /*#__PURE__*/React.createElement("div", {
+    className: "d-print-none ml-2 m-2"
+  }, t('Print_limit_exceeded'))), 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/utils/dom-utils.js

@@ -60,7 +60,7 @@ export const getHeaderHeight = editor => {
     case WIKI_EDITOR:
       return 113.2;
     case DOCUMENT_PLUGIN_EDITOR:
-      return 38 + 48 + 49 + 37;
+      return 67 + 48 + 49 + 37;
     default:
       // sdoc-editor-page-header height = 56
       // sdoc-editor-toolbar height = 37

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

@@ -1,7 +1,7 @@
 import React, { useEffect, useMemo } from 'react';
 import { withTranslation } from 'react-i18next';
 import context from '../context';
-import { SDocEditor } from '../basic-sdk';
+import { SDocEditor, SDocViewer } from '../basic-sdk';
 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';
@@ -13,9 +13,9 @@ import '../assets/css/simple-editor.css';
 import '../assets/css/plugin-editor.css';
 const DocumentPluginEditor = _ref => {
   let {
+    isReadOnly,
     document,
     showOutline,
-    scrollRef,
     tableId,
     columns,
     getColumnCellValue,
@@ -58,12 +58,17 @@ const DocumentPluginEditor = _ref => {
     validEditor.getColumnCellValue = getColumnCellValue ? getColumnCellValue : null;
     forceUpdate();
   }, [forceUpdate, getColumnCellValue, validEditor.getColumnCellValue]);
-  return /*#__PURE__*/React.createElement(ErrorBoundary, null, /*#__PURE__*/React.createElement(SDocEditor, {
+  return /*#__PURE__*/React.createElement(ErrorBoundary, null, !isReadOnly && /*#__PURE__*/React.createElement(SDocEditor, {
     editor: validEditor,
-    scrollRef: scrollRef,
     document: document,
     showComment: false,
     showOutline: showOutline
+  }), isReadOnly && /*#__PURE__*/React.createElement(SDocViewer, {
+    editor: validEditor,
+    document: document,
+    showToolbar: false,
+    showComment: false,
+    showOutline: showOutline
   }));
 };
 export default withTranslation('sdoc-editor')(DocumentPluginEditor);

package/package.json

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

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

@@ -462,5 +462,7 @@
   "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",
+  "Print_limit_exceeded": "Exceeding the print limit, only the first 200 lines will be printed"
 }

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

@@ -462,5 +462,7 @@
   "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",
+  "Print_limit_exceeded": "Exceeding the print limit, only the first 200 lines will be printed"
 }

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

@@ -462,5 +462,7 @@
   "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",
+  "Print_limit_exceeded": "Exceeding the print limit, only the first 200 lines will be printed"
 }

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

@@ -462,5 +462,7 @@
   "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",
+  "Print_limit_exceeded": "Exceeding the print limit, only the first 200 lines will be printed"
 }

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

@@ -462,5 +462,7 @@
   "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",
+  "Print_limit_exceeded": "Exceeding the print limit, only the first 200 lines will be printed"
 }

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

@@ -462,5 +462,7 @@
   "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",
+  "Print_limit_exceeded": "Exceeding the print limit, only the first 200 lines will be printed"
 }

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

@@ -462,5 +462,7 @@
   "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",
+  "Print_limit_exceeded": "Exceeding the print limit, only the first 200 lines will be printed"
 }

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

@@ -462,5 +462,7 @@
   "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",
+  "Print_limit_exceeded": "Exceeding the print limit, only the first 200 lines will be printed"
 }

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

@@ -462,5 +462,7 @@
   "Vertical_align": "Вертикальное выравнивание",
   "Horizontal_align": "Горизонтальное выравнивание",
   "SeaTable_column": "Столбец SeaTable",
-  "SeaTable_table": "SeaTable table"
+  "SeaTable_table": "Таблица SeaTable",
+  "And_x_more_records": "and {{count}} more records",
+  "Print_limit_exceeded": "Exceeding the print limit, only the first 200 lines will be printed"
 }

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

@@ -462,5 +462,7 @@
   "Vertical_align": "垂直对齐",
   "Horizontal_align": "水平对齐",
   "SeaTable_column": "SeaTable 列",
-  "SeaTable_table": "SeaTable 子表"
+  "SeaTable_table": "SeaTable 子表",
+  "And_x_more_records": "以及另外 {{count}} 条记录",
+  "Print_limit_exceeded": "超过打印限制, 只会打印前 200 行"
 }