@seafile/sdoc-editor 0.5.78 → 0.5.79

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

@@ -1,7 +1,7 @@
-import React, { useCallback, useEffect, useState } from 'react';
+import React, { useCallback, useEffect, useMemo, useState } from 'react';
 import classNames from 'classnames';
 import { useTranslation } from 'react-i18next';
-import { useSelected } from '@seafile/slate-react';
+import { useReadOnly, useSelected } from '@seafile/slate-react';
 import Loading from '../../../../../components/loading';
 import RecordHeader from './record-header';
 import RecordList from './record-list';
@@ -15,9 +15,12 @@ function SeaTableTable(_ref) {
     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();
@@ -26,11 +29,16 @@ function SeaTableTable(_ref) {
       table_id
     } = element;
     const table = editor.getTableById(table_id);
-    setRecords(table.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
   });
@@ -40,7 +48,6 @@ 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
@@ -50,13 +57,15 @@ function SeaTableTable(_ref) {
     columns: columns
   }), /*#__PURE__*/React.createElement(RecordList, {
     editor: editor,
-    records: records.slice(0, 10),
+    records: shownRecords,
     columns: columns,
     getTableCellValue: getTableCellValue
-  })), isShowMoreMessage && /*#__PURE__*/React.createElement("div", {
-    className: "ml-2 m-2"
+  })), !isReadOnly && isShowTipMessage && /*#__PURE__*/React.createElement("div", {
+    className: "d-print-none ml-2 m-2"
   }, t('And_x_more_records', {
     count: records.length - 10
-  }))), children);
+  })), 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/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.78",
+  "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

@@ -463,5 +463,6 @@
   "Horizontal_align": "Horizontal alignment",
   "SeaTable_column": "SeaTable column",
   "SeaTable_table": "SeaTable table",
-  "And_x_more_records": "and {{count}} more records"
+  "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 行"
 }