@seafile/sdoc-editor 0.5.78 → 1.0.0

package/dist/basic-sdk/extension/plugins/link/plugin.js

@@ -83,7 +83,7 @@ const withLink = editor => {
         });
       } else {
         const [firstSelectedNode, ...restNodes] = getSelectedElems(newEditor);
-        if (!firstSelectedNode || restNodes) return; // If select more than one node or not select any node, return
+        if (!firstSelectedNode || restNodes.length) return; // If select more than one node or not select any node, return
         const isSelectTextNodes = firstSelectedNode.children.some(node => Text.isText(node));
         if (!isSelectTextNodes) return;
         const selectContent = window.getSelection().toString();

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/extension/plugins/table/helpers.js

@@ -1377,6 +1377,7 @@ export const handleInsertTable = (editor, insertPosition, path, tableNode) => {
       at: selection.anchor
     });
   }
+  ReactEditor.focus(editor);
 };
 export const getInsertPosition = editor => {
   const {

package/dist/basic-sdk/extension/toolbar/insert-element-toolbar/index.js

@@ -30,6 +30,7 @@ const QuickInsertBlockMenu = _ref => {
   const renderItemListRef = useRef([]);
   const downDownWrapperRef = useRef(null);
   const onInsertImageToggle = useCallback(() => {
+    callback && callback();
     const eventBus = EventBus.getInstance();
     if (insertPosition === INSERT_POSITION.CURRENT) {
       Transforms.select(editor, editor.selection.focus);
@@ -39,47 +40,47 @@ const QuickInsertBlockMenu = _ref => {
       insertPosition,
       slateNode
     });
-    callback && callback();
     // eslint-disable-next-line react-hooks/exhaustive-deps
   }, [editor, insertPosition]);
   const createTable = useCallback(size => {
+    callback && callback();
     const newInsertPosition = slateNode.type === ELEMENT_TYPE.LIST_ITEM ? INSERT_POSITION.AFTER : insertPosition;
     insertTable(editor, size, editor.selection, newInsertPosition);
-    callback && callback();
     // eslint-disable-next-line react-hooks/exhaustive-deps
   }, [editor, insertPosition, slateNode]);
   const openLinkDialog = useCallback(() => {
+    callback && callback();
     const eventBus = EventBus.getInstance();
     eventBus.dispatch(INTERNAL_EVENT.INSERT_ELEMENT, {
       type: ELEMENT_TYPE.LINK,
       insertPosition,
       slateNode
     });
-    callback && callback();
     // eslint-disable-next-line react-hooks/exhaustive-deps
   }, [insertPosition]);
   const onInsertCodeBlock = useCallback(() => {
+    callback && callback();
     const newInsertPosition = slateNode.type === ELEMENT_TYPE.LIST_ITEM ? INSERT_POSITION.AFTER : insertPosition;
     changeToCodeBlock(editor, 'plaintext', newInsertPosition);
-    callback && callback();
     // eslint-disable-next-line react-hooks/exhaustive-deps
   }, [editor, insertPosition, slateNode]);
   const onInsertList = useCallback(type => {
-    toggleList(editor, type, insertPosition);
     callback && callback();
+    toggleList(editor, type, insertPosition);
     // eslint-disable-next-line react-hooks/exhaustive-deps
   }, [editor, insertPosition, slateNode]);
   const onInsertCheckList = useCallback(() => {
-    setCheckListItemType(editor, ELEMENT_TYPE.CHECK_LIST_ITEM, insertPosition);
     callback && callback();
+    setCheckListItemType(editor, ELEMENT_TYPE.CHECK_LIST_ITEM, insertPosition);
     // eslint-disable-next-line react-hooks/exhaustive-deps
   }, [editor, insertPosition, slateNode]);
   const onInsert = useCallback(type => {
-    insertElement(editor, type, insertPosition);
     callback && callback();
+    insertElement(editor, type, insertPosition);
     // eslint-disable-next-line react-hooks/exhaustive-deps
   }, [editor, insertPosition, slateNode]);
   const onInsertCallout = useCallback(type => {
+    callback && callback();
     if (insertPosition === INSERT_POSITION.CURRENT) {
       wrapCallout(editor);
       Transforms.removeNodes(editor, {
@@ -89,7 +90,6 @@ const QuickInsertBlockMenu = _ref => {
       insertElement(editor, type, insertPosition);
       wrapCallout(editor);
     }
-    callback && callback();
   }, [callback, editor, insertPosition]);
   const isDisableCallout = useMemo(() => {
     const callout = getAboveBlockNode(editor, {

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

@@ -33,9 +33,9 @@ const SideToolbar = () => {
     // eslint-disable-next-line react-hooks/exhaustive-deps
   }, []);
   const handleClick = useCallback(e => {
-    if (!isShowSideMenu) return;
+    if (!isShowSideMenu || !menuRef.current) return;
     const isClickSideTool = menuRef.current.contains(e.target);
-    if (isClickSideTool) return;
+    if (isClickSideTool || !sideMenuRef.current) return;
     const {
       sideMenuDom
     } = sideMenuRef.current;

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": "1.0.0",
   "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 行"
 }