@seafile/sdoc-editor 0.4.34 → 0.4.36

package/dist/api/seafile-api.js

@@ -117,6 +117,10 @@ class SeafileAPI {
     const url = 'api/v2.1/seadoc/query-copy-move-progress/' + docUuid + '/?&doc_uuid=' + docUuid + '&task_id=' + taskId;
     return this.req.get(url);
   }
+  searchSdocFiles(docUuid, query, page, per_page) {
+    const url = 'api/v2.1/seadoc/search-filename/' + docUuid + '/?query=' + query + '&page=' + page + '&per_page=' + per_page;
+    return this.req.get(url);
+  }
 
   // participants
   listParticipants(docUuid) {

package/dist/basic-sdk/comment/components/global-comment/index.js

@@ -1,8 +1,7 @@
 import _objectSpread from "@babel/runtime/helpers/esm/objectSpread2";
 import React, { useCallback, useEffect, useRef, useState } from 'react';
 import dayjs from 'dayjs';
-import { useSlateStatic } from '@seafile/slate-react';
-import { ReactEditor } from '@seafile/slate-react';
+import { useSlateStatic, ReactEditor } from '@seafile/slate-react';
 import { ElementPopover } from '../../../extension/commons';
 import EventBus from '../../../utils/event-bus';
 import useCommentList from '../../hooks/comment-hooks/use-comment-list';

package/dist/basic-sdk/comment/helper.js

@@ -13,8 +13,8 @@ export const getSelectionRange = () => {
   return null;
 };
 export const getCursorPosition = () => {
-  let x = 0,
-    y = 0;
+  let x = 0;
+  let y = 0;
   let range = getSelectionRange();
   if (range) {
     const rect = range.getBoundingClientRect();

package/dist/basic-sdk/comment/utils/index.js

@@ -100,7 +100,9 @@ class CommentUtilities {
         content,
         nodeType
       } = _ref2;
-      let spanNode1, spanNode2, imageContainer;
+      let spanNode1;
+      let spanNode2;
+      let imageContainer;
       if (nodeType === 'image') {
         spanNode1 = document.createElement('div');
         spanNode1.className = 'image-container';

package/dist/basic-sdk/editor/editable-article.js

@@ -154,7 +154,7 @@ const EditableArticle = _ref => {
         block: 'nearest'
       });
     } catch (error) {
-      // 
+      //
     }
   }, []);
   return /*#__PURE__*/React.createElement(Slate, {

package/dist/basic-sdk/editor/sdoc-editor.js

@@ -5,7 +5,7 @@ import deepCopy from 'deep-copy';
 import context from '../../context';
 import CommonLoading from '../../components/common-loading';
 import { INTERNAL_EVENT, PAGE_EDIT_AREA_WIDTH } from '../constants';
-import { createDefaultEditor } from '../extension';
+import { createDefaultEditor, HeaderToolbar } from '../extension';
 import withNodeId from '../node-id';
 import { withSocketIO } from '../socket';
 import { focusEditor } from '../extension/core';
@@ -13,7 +13,6 @@ import InsertElementDialog from '../extension/commons/insert-element-dialog';
 import { EditorContainer, EditorContent } from '../layout';
 import EditableArticle from './editable-article';
 import { ColorProvider } from '../hooks/use-color-context';
-import { HeaderToolbar } from '../extension';
 import ReadOnlyArticle from '../views/readonly-article';
 import { isMobile } from '../../utils';
 import { CollaboratorsProvider } from '../../hooks';

package/dist/basic-sdk/extension/commons/history-files/index.css

@@ -14,6 +14,7 @@
   padding: 0px;
   color: #212529;
   font-size: 14px;
+  text-decoration: underline;
 }
 
 .sdoc-history-files-wrapper .sdoc-history-files-content .sdoc-history-files-header {
@@ -31,6 +32,10 @@
   overflow-y: scroll;
 }
 
+.sdoc-history-files-wrapper .sdoc-history-files-content .no-header {
+  margin-top: 8px;
+}
+
 .sdoc-history-files-wrapper .sdoc-history-files-content .sdoc-history-files .sdoc-history-files-item {
   font-size: 14px;
   line-height: 32px;

package/dist/basic-sdk/extension/commons/history-files/index.js

@@ -3,9 +3,14 @@ import React, { useCallback, useEffect, useState, useRef } from 'react';
 import { Editor } from '@seafile/slate';
 import { ReactEditor } from '@seafile/slate-react';
 import { withTranslation } from 'react-i18next';
+import classNames from 'classnames';
+import debounce from 'lodash.debounce';
+import toaster from '../../../../components/toast';
 import EventBus from '../../../utils/event-bus';
+import context from '../../../../context';
+import { focusEditor } from '../../core';
 import { insertSdocFileLink } from '../../plugins/sdoc-link/helpers';
-import { LocalStorage } from '../../../../utils';
+import { LocalStorage, isEnglish } from '../../../../utils';
 import { INTERNAL_EVENT } from '../../../constants';
 import { EXTERNAL_EVENT } from '../../../../constants';
 import { SDOC_LINK } from '../../constants';
@@ -54,6 +59,13 @@ const HistoryFiles = _ref => {
     const files = LocalStorage.getItem('sdoc-recent-files') || [];
     setFiles(files);
   }, []);
+  const onInsertLink = useCallback(params => {
+    const {
+      insertSdocFileLinkCallback
+    } = insertLinkCallback;
+    insertSdocFileLinkCallback(editor, params.data.obj_name, params.data.doc_uuid);
+    closeDialog();
+  }, [closeDialog, editor, insertLinkCallback]);
   useEffect(() => {
     getPosition();
     getHistoryFiles();
@@ -62,41 +74,83 @@ const HistoryFiles = _ref => {
     }, 0);
     const sdocScrollContainer = document.getElementById('sdoc-scroll-container');
     sdocScrollContainer.addEventListener('scroll', onScroll);
+    const eventBus = EventBus.getInstance();
+    const unsubscribeInsertLink = eventBus.subscribe(EXTERNAL_EVENT.INSERT_LINK, onInsertLink);
     document.addEventListener('click', onClick);
     return () => {
       sdocScrollContainer.removeEventListener('scroll', onScroll);
+      unsubscribeInsertLink();
       document.removeEventListener('click', onClick);
     };
     // eslint-disable-next-line react-hooks/exhaustive-deps
   }, []);
-  const onSearch = useCallback(e => {
-    let newFiles = LocalStorage.getItem('sdoc-recent-files') || [];
-    if (e.target.value) {
-      newFiles = newFiles.filter(item => item.file_name.includes(e.target.value));
-      if (newFiles.length === 0) {
-        setHeader(t('The_document_does_not_exist'));
-        setNewFileName(e.target.value);
-      } else {
-        setHeader(t('Recent_previews'));
-        setNewFileName('');
-      }
-      setFiles(newFiles);
+  const onKeydown = useCallback(e => {
+    const {
+      key,
+      target
+    } = e;
+    if (key === 'Backspace' && !target.selectionStart && !target.selectionEnd && !target.value) {
+      focusEditor(editor);
+      closeDialog();
+    }
+  }, [closeDialog, editor]);
+  const onCompositionStart = e => {
+    e.stopPropagation();
+    historyFilesInputRef.current.typing = true;
+  };
+  const onCompositionEnd = e => {
+    e.stopPropagation();
+    historyFilesInputRef.current.typing = false;
+    onSearch(e);
+  };
+  const onSearch = useCallback(async e => {
+    // Ignore when entering Chinese
+    if (historyFilesInputRef.current.typing) return;
+
+    // Show history files when search is empty
+    if (e.target.value.trim().length === 0) {
+      setHeader(t('Recent_previews'));
+      setNewFileName('');
+      getHistoryFiles();
+      return;
+    }
+
+    // Cannot be found if the search is less than three characters.
+    if (isEnglish(e.target.value.trim()) && e.target.value.length < 3) {
+      setFiles([]);
+      setHeader(t('The_document_does_not_exist'));
+      setNewFileName(e.target.value);
       return;
     }
-    setHeader(t('Recent_previews'));
-    setNewFileName('');
-    setFiles(newFiles);
+    try {
+      var _res$data;
+      const res = await context.searchSdocFiles(e.target.value, 1, 10);
+      if (res === null || res === void 0 ? void 0 : (_res$data = res.data) === null || _res$data === void 0 ? void 0 : _res$data.results) {
+        let newFiles = res.data.results;
+        if (newFiles.length === 0) {
+          setHeader(t('The_document_does_not_exist'));
+          setNewFileName(e.target.value);
+        } else {
+          setHeader('');
+          setNewFileName('');
+        }
+        setFiles(newFiles);
+        return;
+      }
+    } catch (error) {
+      toaster.danger(error.message);
+    }
     // eslint-disable-next-line react-hooks/exhaustive-deps
   }, []);
   const onSelect = useCallback(fileInfo => {
     const {
-      file_uuid,
-      file_name
+      doc_uuid,
+      name
     } = fileInfo;
     const {
       insertSdocFileLinkCallback
     } = insertLinkCallback;
-    insertSdocFileLinkCallback(editor, file_name, file_uuid);
+    insertSdocFileLinkCallback(editor, name, doc_uuid);
     closeDialog();
     // eslint-disable-next-line react-hooks/exhaustive-deps
   }, []);
@@ -112,8 +166,7 @@ const HistoryFiles = _ref => {
     eventBus.dispatch(EXTERNAL_EVENT.CREATE_SDOC_FILE, {
       newFileName: newFileName.trim()
     });
-    closeDialog();
-  }, [closeDialog, newFileName]);
+  }, [newFileName]);
   return /*#__PURE__*/React.createElement("div", {
     ref: historyFilesRef,
     className: "sdoc-history-files-wrapper popover",
@@ -123,26 +176,28 @@ const HistoryFiles = _ref => {
     className: "sdoc-history-files-search-input",
     ref: historyFilesInputRef,
     autoComplete: "off",
-    onChange: onSearch,
-    onCompositionStart: e => {
-      e.stopPropagation();
-    }
+    onChange: debounce(onSearch, 200),
+    onCompositionStart: onCompositionStart,
+    onCompositionEnd: onCompositionEnd,
+    onKeyDown: onKeydown
   }), /*#__PURE__*/React.createElement("div", {
     className: "sdoc-history-files-content"
-  }, /*#__PURE__*/React.createElement("div", {
+  }, header.length !== 0 && /*#__PURE__*/React.createElement("div", {
     className: "sdoc-history-files-header"
   }, header), /*#__PURE__*/React.createElement("div", {
-    className: "sdoc-history-files"
+    className: classNames('sdoc-history-files', {
+      'no-header': header.length === 0
+    })
   }, files.map(item => {
     return /*#__PURE__*/React.createElement("div", {
-      key: item.file_uuid,
+      key: item.doc_uuid,
       className: "sdoc-history-files-item",
       onClick: () => {
         onSelect(item);
       }
     }, /*#__PURE__*/React.createElement("i", {
       className: "sdocfont sdoc-document"
-    }), /*#__PURE__*/React.createElement("span", null, item.file_name));
+    }), /*#__PURE__*/React.createElement("span", null, item.name));
   }), /*#__PURE__*/React.createElement("div", {
     className: "sdoc-history-files-item",
     onClick: onShowMore

package/dist/basic-sdk/extension/commons/select-file-dialog/local-files/index.css

@@ -25,6 +25,8 @@
 }
 
 .sdoc-files-tree .sdoc-file-info .sdoc-file-icon-container {
+  display: flex;
+  align-items: center;
   width: 2.8rem;
   height: 100%;
   padding-left: 1.5rem;

package/dist/basic-sdk/extension/constants/font.js

@@ -517,6 +517,7 @@ export const FONT = [
   }
 } // 楷体
 ];
+
 export const SDOC_FONT_SIZE = {
   DEFAULT: 11,
   [ELEMENT_TYPE.TITLE]: 26,

package/dist/basic-sdk/extension/constants/index.js

@@ -1,5 +1,6 @@
 // extension plugin
 import * as ELEMENT_TYPE from './element-type';
+// eslint-disable-next-line no-duplicate-imports
 import { BLOCKQUOTE, TITLE, SUBTITLE, HEADER, HEADER1, HEADER2, HEADER3, HEADER4, HEADER5, HEADER6, PARAGRAPH, ORDERED_LIST, UNORDERED_LIST, LIST_ITEM, CHECK_LIST_ITEM, CODE_BLOCK, CODE_LINE, TABLE, TABLE_CELL, TABLE_ROW, LINK, SDOC_LINK, FILE_LINK, IMAGE, IMAGE_BLOCK, TOP_LEVEL_TYPES, INLINE_LEVEL_TYPES, CALL_OUT } from './element-type';
 export { DEFAULT_COLORS, STANDARD_COLORS, DEFAULT_RECENT_USED_LIST, DEFAULT_FONT_COLOR, RECENT_USED_HIGHLIGHT_COLORS_KEY, RECENT_USED_FONT_COLORS_KEY, RECENT_USED_TABLE_CELL_BACKGROUND_COLORS_KEY, DEFAULT_LAST_USED_FONT_COLOR, DEFAULT_LAST_USED_HIGHLIGHT_COLOR, DEFAULT_LAST_USED_TABLE_CELL_BACKGROUND_COLOR } from './color';
 export { FONT_SIZE, DEFAULT_FONT, FONT, GOOGLE_FONT_CLASS, RECENT_USED_FONTS_KEY, SDOC_FONT_SIZE } from './font';

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

@@ -72,6 +72,7 @@ const renderCallout = (_ref, editor) => {
         top: menuTop,
         left: left // left = code-block left distance
       };
+
       setPopoverPosition(newMenuPosition);
     }
   }, [isShowColorSelector, readOnly]);
@@ -107,6 +108,7 @@ const renderCallout = (_ref, editor) => {
       top: menuTop,
       left: left // left = callout left distance
     };
+
     setPopoverPosition(newMenuPosition);
     setIsShowColorSelector(true);
   }, [readOnly]);

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

@@ -23,6 +23,7 @@ export const isMenuDisabled = (editor, readonly) => {
   if (isMatch) return false; // enable
   return true; // disable
 };
+
 export const getSelectCodeElem = editor => {
   const codeNode = getSelectedNodeByType(editor, CODE_BLOCK);
   if (codeNode == null) return null;
@@ -32,8 +33,8 @@ export const changeToCodeBlock = function (editor) {
   let language = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : '';
   let position = arguments.length > 2 && arguments[2] !== undefined ? arguments[2] : INSERT_POSITION.CURRENT;
   // Summarizes the strings for the selected highest-level node
-  let strArr = [],
-    path = Editor.path(editor, editor.selection);
+  let strArr = [];
+  let path = Editor.path(editor, editor.selection);
   if (position === INSERT_POSITION.AFTER) {
     strArr = [''];
   } else {
@@ -62,6 +63,7 @@ export const changeToCodeBlock = function (editor) {
     style: {
       white_space: 'nowrap' // default nowrap
     },
+
     children: [{
       id: slugid.nice(),
       type: CODE_LINE,
@@ -125,7 +127,8 @@ export const changeToPlainText = editor => {
 };
 export const setClipboardCodeBlockData = value => {
   // Insert text into the clipboard for use on other pages
-  const text = value.children.map(line => Node.string(line)).join('\n');
+  // Empty string cannot apply in `copy`
+  const text = value.children.map(line => Node.string(line)).join('\n') || ' ';
   copy(text, {
     format: 'text/plain',
     onCopy: data => {

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

@@ -81,6 +81,7 @@ const CodeBlock = _ref => {
         top: menuTop,
         left: left // left = code-block left distance
       };
+
       setMenuPosition(newMenuPosition);
     }
     setShowHoverMenu(true);
@@ -104,6 +105,7 @@ const CodeBlock = _ref => {
         top: menuTop,
         left: left // left = code-block left distance
       };
+
       setMenuPosition(newMenuPosition);
     }
   }, [readOnly, showHoverMenu]);

package/dist/basic-sdk/extension/plugins/file-link/helpers.js

@@ -20,6 +20,7 @@ export const isMenuDisabled = (editor, readonly) => {
   if (notMatch) return true; // disabled
   return false; // enable
 };
+
 export const generateFileNode = (uuid, text) => {
   const fileNode = {
     id: slugid.nice(),

package/dist/basic-sdk/extension/plugins/html/helper.js

@@ -68,6 +68,7 @@ const deserializeElements = function () {
       // nothing todo
     }
   });
+
   return nodes;
 };
 const formatElementNodes = nodes => {

package/dist/basic-sdk/extension/plugins/image/hover-menu/index.js

@@ -71,9 +71,9 @@ const ImageHoverMenu = _ref => {
         const beforeLeaf = newNodeEntry[0].children.slice(0, index);
         const imageLeaf = newNodeEntry[0].children.slice(index, index + 1);
         const afterLeaf = newNodeEntry[0].children.slice(index + 1);
-        let beforeNode = null,
-          centerNode = null,
-          afterNode = null;
+        let beforeNode = null;
+        let centerNode = null;
+        let afterNode = null;
         let p = path[0];
         if (!beforeLeaf.every(item => {
           var _item$text;

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

@@ -19,6 +19,7 @@ export const isMenuDisabled = (editor, readonly) => {
   if (notMatch) return true; // disabled
   return false; // enable
 };
+
 export const checkLink = url => {
   if (url.indexOf('http') !== 0) {
     return true;

package/dist/basic-sdk/extension/plugins/sdoc-link/helpers.js

@@ -5,7 +5,6 @@ import slugid from 'slugid';
 import copy from 'copy-to-clipboard';
 import context from '../../../../context';
 import { focusEditor, getNodeType, getSelectedElems } from '../../core';
-import { LocalStorage } from '../../../../utils';
 import { SDOC_LINK, LINK, INSERT_FILE_DISPLAY_TYPE, CODE_BLOCK, CODE_LINE, PARAGRAPH } from '../../constants';
 export const isMenuDisabled = (editor, readonly) => {
   if (readonly) return true;
@@ -22,6 +21,7 @@ export const isMenuDisabled = (editor, readonly) => {
   if (notMatch) return true; // disabled
   return false; // enable
 };
+
 export const generateSdocFileNode = (uuid, text) => {
   const sdocFileNode = {
     id: slugid.nice(),

package/dist/basic-sdk/extension/plugins/table/helpers.js

@@ -175,6 +175,7 @@ export const isAllInTable = editor => {
   if (firstSelectedNode.type !== ELEMENT_TYPE.TABLE) return false;
   return selectedNodes.slice(1).every(node => [ELEMENT_TYPE.TABLE_ROW, ELEMENT_TYPE.TABLE_CELL].includes(node.type)); // same table element
 };
+
 export const setCellStyle = (editor, style) => {
   // Select single cell
   if (ObjectUtils.isSameObject(editor.tableSelectedRange, EMPTY_SELECTED_RANGE)) {
@@ -1512,4 +1513,25 @@ export const getHighlightClass = (editor, cellPath) => {
   const rowIndex = cellPath[cellPath.length - 2];
   const className = getCellHighlightClassName(alternate_highlight_color, rowIndex);
   return className;
+};
+
+// Correct the selected range when combined cell are selected
+export const adjustCombinedCellRange = (table, range) => {
+  const {
+    minRowIndex,
+    maxRowIndex,
+    minColIndex,
+    maxColIndex
+  } = range;
+  const firstCell = table.children[minRowIndex].children[minColIndex];
+  const {
+    colspan = 0,
+    rowspan = 0
+  } = firstCell;
+  if (rowspan > 1 || colspan > 1) {
+    const isRowCombined = minRowIndex + rowspan === maxRowIndex + 1;
+    const isColCombined = minColIndex + colspan === maxColIndex + 1;
+    if (isRowCombined && isColCombined) return EMPTY_SELECTED_RANGE;
+  }
+  return range;
 };

package/dist/basic-sdk/extension/plugins/table/render/index.js

@@ -2,13 +2,13 @@ import _objectSpread from "@babel/runtime/helpers/esm/objectSpread2";
 import React, { useRef, useState, useEffect, useCallback } from 'react';
 import classnames from 'classnames';
 import throttle from 'lodash.throttle';
-import { useSelected, useSlateStatic, useReadOnly } from '@seafile/slate-react';
+import { useSelected, useSlateStatic, useReadOnly, ReactEditor } from '@seafile/slate-react';
 import { Transforms, Editor } from '@seafile/slate';
 import { EMPTY_SELECTED_RANGE } from '../constants';
 import { ResizeHandlersContext, TableSelectedRangeContext, SettingSelectRangeContext } from './hooks';
 import EventBus from '../../../../utils/event-bus';
 import { INTERNAL_EVENT } from '../../../../constants';
-import { getTableColumns, setTableSelectedRange, getFirstTableCell, getRowHeight } from '../helpers';
+import { getTableColumns, setTableSelectedRange, getFirstTableCell, getRowHeight, adjustCombinedCellRange } from '../helpers';
 import ObjectUtils from '../../../../utils/object-utils';
 import ResizeHandlers from './resize-handlers';
 import { registerResizeEvents, unregisterResizeEvents } from '../../../../utils/mouse-event';
@@ -102,12 +102,14 @@ const Table = _ref => {
         const cellData = tableCell.style.gridArea.split(' / ');
         const endRowSpan = Number(cellData[2].split(' ')[1]);
         const endColSpan = Number(cellData[3].split(' ')[1]);
-        const newSelectedRange = {
+        const tableSlateNode = ReactEditor.toSlateNode(editor, table.current);
+        let newSelectedRange = {
           minRowIndex: Math.min(startRowIndex, endRowIndex),
           maxRowIndex: startRowIndex < endRowIndex ? endRowIndex + endRowSpan - 1 : startRowIndex + startRowSpan - 1,
           minColIndex: Math.min(startColIndex, endColIndex),
           maxColIndex: startColIndex < endColIndex ? endColIndex + endColSpan - 1 : startColIndex + startColSpan - 1
         };
+        newSelectedRange = adjustCombinedCellRange(tableSlateNode, newSelectedRange);
         if (!ObjectUtils.isSameObject(selectedRange, EMPTY_SELECTED_RANGE)) {
           event.preventDefault();
           Editor.withoutNormalizing(editor, () => {

package/dist/basic-sdk/extension/plugins/table/render/render-cell.js

@@ -5,9 +5,9 @@ import { useSlateStatic, useReadOnly } from '@seafile/slate-react';
 import { Editor, Transforms } from '@seafile/slate';
 import ObjectUtils from '../../../../utils/object-utils';
 import { findPath, focusEditor } from '../../../core';
-import { useResizeHandlersContext, useTableSelectedRangeContext } from './hooks';
+import { useTableSelectedRangeContext } from './hooks';
 import { EMPTY_SELECTED_RANGE, SELECTED_TABLE_CELL_BACKGROUND_COLOR, TABLE_CELL_STYLE } from '../constants';
-import { getTableColumns, colorBlend, getHighlightClass } from '../helpers';
+import { colorBlend, getHighlightClass } from '../helpers';
 import EventBus from '../../../../utils/event-bus';
 import { INTERNAL_EVENT } from '../../../../constants';
 const TableCell = _ref => {
@@ -19,7 +19,6 @@ const TableCell = _ref => {
   const editor = useSlateStatic();
   const selectedRange = useTableSelectedRangeContext() || EMPTY_SELECTED_RANGE;
   const cellPath = findPath(editor, element, [0, 0]);
-  const columns = useResizeHandlersContext() || getTableColumns(editor, element);
   const pathLength = cellPath.length;
   const rowIndex = cellPath[pathLength - 2];
   const cellIndex = cellPath[pathLength - 1];
@@ -60,10 +59,10 @@ const TableCell = _ref => {
   if (element.is_combined) {
     style.display = 'none';
   }
-  if (rowIndex == 0) {
+  if (rowIndex === 0) {
     style.borderTop = '1px solid #ddd';
   }
-  if (cellIndex == 0) {
+  if (cellIndex === 0) {
     style.borderLeft = '1px solid #ddd';
   }
   const {
@@ -134,10 +133,10 @@ function renderTableCell(props) {
     if (element.is_combined) {
       style.display = 'none';
     }
-    if (rowIndex == 0) {
+    if (rowIndex === 0) {
       style.borderTop = '1px solid #ddd';
     }
-    if (cellIndex == 0) {
+    if (cellIndex === 0) {
       style.borderLeft = '1px solid #ddd';
     }
     const {

package/dist/basic-sdk/extension/plugins/table/render/resize-handlers/column-resize-handler.js

@@ -1,5 +1,5 @@
 import _objectSpread from "@babel/runtime/helpers/esm/objectSpread2";
-import React, { useRef, useState, useEffect, useCallback, useLayoutEffect } from 'react';
+import React, { useRef, useState, useEffect, useLayoutEffect } from 'react';
 import { useSlateStatic } from '@seafile/slate-react';
 import { useTableRootContext } from '../hooks';
 import { TABLE_CELL_MIN_WIDTH } from '../../constants';

package/dist/basic-sdk/extension/plugins/table/render/resize-handlers/row-resize-handler.js

@@ -1,6 +1,5 @@
 import React, { useEffect, useState, useRef, useLayoutEffect } from 'react';
-import { useSlateStatic } from '@seafile/slate-react';
-import { ReactEditor } from '@seafile/slate-react';
+import { useSlateStatic, ReactEditor } from '@seafile/slate-react';
 import { TABLE_ROW_MIN_HEIGHT } from '../../constants';
 import { focusClosestCellWhenJustifyCellSize, getRowHeight, updateTableRowHeight } from '../../helpers';
 import { eventStopPropagation, getMouseDownInfo, getMouseMoveInfo, registerResizeEvents, unregisterResizeEvents } from '../../../../../utils/mouse-event';
@@ -65,7 +64,7 @@ const RowResizeHandler = _ref => {
     // eslint-disable-next-line react-hooks/exhaustive-deps
   }, [isDraggingResizeHandler, mouseDownInfo, rowBottom, table, height]);
   useEffect(() => {
-    const cell = row.children.filter(cell => !cell.is_combined && (!cell.rowspan || cell.rowspan == 1))[0];
+    const cell = row.children.filter(cell => !cell.is_combined && (!cell.rowspan || cell.rowspan === 1))[0];
     if (!cell) return;
     const rowDom = ReactEditor.toDOMNode(editor, cell);
     if (!rowDom) return;

package/dist/basic-sdk/extension/plugins/table/render/table-header/rows-header/row-header.js

@@ -1,4 +1,4 @@
-import React, { useRef, useCallback, useState, useEffect, useLayoutEffect } from 'react';
+import React, { useRef, useCallback, useState, useEffect } from 'react';
 import { useSlateStatic } from '@seafile/slate-react';
 import classnames from 'classnames';
 import ObjectUtils from '../../../../../../utils/object-utils';

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

@@ -92,6 +92,7 @@ export const getDomTopHeight = (dom, slateNode) => {
   if (ADD_POSITION_OFFSET_TYPE.includes(slateNode.type)) {
     offsetY = lightHight / 2 + paddingTop - 12; // side toolbar icon is 12 px
   }
+
   const HEADER_HEIGHT = 56 + 44;
   return rect.y - HEADER_HEIGHT + offsetY;
 };

package/dist/basic-sdk/extension/toolbar/side-toolbar/transform-menus.js

@@ -3,7 +3,7 @@ import { UncontrolledPopover } from 'reactstrap';
 import { withTranslation } from 'react-i18next';
 import { ReactEditor, useSlateStatic } from '@seafile/slate-react';
 import { onSetNodeType } from './helpers';
-import { SIDE_TRANSFORM_MENUS_CONFIG, LIST_ITEM_SUPPORTED_TRANSFORMATION, LIST_ITEM_CORRELATION_TYPE, BLOCKQUOTE, CALL_OUT } from '../../constants';
+import { SIDE_TRANSFORM_MENUS_CONFIG, LIST_ITEM_SUPPORTED_TRANSFORMATION, LIST_ITEM_CORRELATION_TYPE, BLOCKQUOTE, CALL_OUT, HEADERS } from '../../constants';
 import DropdownMenuItem from '../../commons/dropdown-menu-item';
 const TransformMenus = _ref => {
   let {
@@ -24,11 +24,18 @@ const TransformMenus = _ref => {
       newSideMenusConfig = SIDE_TRANSFORM_MENUS_CONFIG.filter(item => LIST_ITEM_SUPPORTED_TRANSFORMATION.includes(item.type));
     }
     const path = ReactEditor.findPath(editor, slateNode);
-    if (path && path.length > 1) {
+    if (path) {
       const nodeIndex = path[0];
       const highestNode = editor.children[nodeIndex];
-      if (highestNode.type === BLOCKQUOTE) {
-        newSideMenusConfig = SIDE_TRANSFORM_MENUS_CONFIG.filter(item => item.type !== CALL_OUT);
+      if (path.length > 1) {
+        if (highestNode.type === BLOCKQUOTE) {
+          newSideMenusConfig = SIDE_TRANSFORM_MENUS_CONFIG.filter(item => item.type !== CALL_OUT);
+        }
+      }
+
+      // headers can't be nested by quote block
+      if (HEADERS.includes(highestNode.type)) {
+        newSideMenusConfig = SIDE_TRANSFORM_MENUS_CONFIG.filter(item => item.type !== BLOCKQUOTE);
       }
     }
     return newSideMenusConfig;

package/dist/basic-sdk/utils/dom-utils.js

@@ -27,8 +27,8 @@ export const getSelectionRange = () => {
 };
 export const getCursorPosition = function () {
   let isScrollUp = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : true;
-  let x = 0,
-    y = 0;
+  let x = 0;
+  let y = 0;
   let range = getSelectionRange();
   if (range) {
     const rect = range.getBoundingClientRect();

package/dist/constants/index.js

@@ -17,7 +17,8 @@ export const EXTERNAL_EVENT = {
   NEW_NOTIFICATION: 'new_notification',
   PARTICIPANT_ADDED: 'participant-added',
   PARTICIPANT_REMOVED: 'participant-removed',
-  CREATE_SDOC_FILE: 'create_sdoc_file'
+  CREATE_SDOC_FILE: 'create_sdoc_file',
+  INSERT_LINK: 'insert_link'
 };
 export const TIP_TYPE = {
   DELETE_NO_CHANGES_REVISION: 'delete_no_changes_revision',

package/dist/context.js

@@ -204,6 +204,10 @@ class Context {
     const docUuid = this.getSetting('docUuid');
     return this.api.getCopyMoveProgressView(docUuid, taskId);
   }
+  searchSdocFiles(query, page, per_page) {
+    const docUuid = this.getSetting('docUuid');
+    return this.api.searchSdocFiles(docUuid, query, page, per_page);
+  }
 
   // participants
   listParticipants() {

package/dist/layout/layout.js

@@ -2,12 +2,38 @@ import _objectWithoutProperties from "@babel/runtime/helpers/esm/objectWithoutPr
 const _excluded = ["children", "className"];
 import React, { useEffect } from 'react';
 import classnames from 'classnames';
+import context from '../context';
+import { LocalStorage } from '../utils';
 const Layout = _ref => {
   let {
       children,
       className
     } = _ref,
     restProps = _objectWithoutProperties(_ref, _excluded);
+  const cacheHistoryfiles = () => {
+    const docUuid = context.getSetting('docUuid');
+    const docName = context.getSetting('docName');
+    const rencentFiles = LocalStorage.getItem('sdoc-recent-files', []);
+    let arr = [];
+    const newFile = {
+      doc_uuid: docUuid,
+      name: docName
+    };
+    if (rencentFiles.length > 0) {
+      const isExist = rencentFiles.find(item => item.doc_uuid === docUuid);
+      if (isExist) return;
+      if (!isExist) {
+        let newRencentFiles = rencentFiles.slice(0);
+        if (rencentFiles.length === 10) {
+          newRencentFiles.shift();
+        }
+        arr = [newFile, ...newRencentFiles];
+      }
+    } else {
+      arr.push(newFile);
+    }
+    LocalStorage.setItem('sdoc-recent-files', arr);
+  };
   useEffect(() => {
     setTimeout(() => {
       const url = window.location.href;
@@ -17,6 +43,7 @@ const Layout = _ref => {
         element && element.scrollIntoView(true);
       }
     }, 500);
+    cacheHistoryfiles();
   }, []);
   return /*#__PURE__*/React.createElement("div", Object.assign({
     className: classnames('sdoc-editor-page-wrapper', className)

package/dist/utils/get-event-transfer.js

@@ -4,7 +4,9 @@ const {
   TEXT
 } = TransferTypes;
 function getEventTransfer(event) {
-  let html, text, files;
+  let html;
+  let text;
+  let files;
   if (window.isMobile) {
     if (window.dtableTransfer) {
       text = window.dtableTransfer['TEXT'];

package/dist/utils/index.js

@@ -56,12 +56,12 @@ export const resetWebTitle = t => {
 };
 export const getSelectionCoords = () => {
   let doc = window.document;
-  let sel = doc.selection,
-    range,
-    rects,
-    rect;
-  let x = 0,
-    y = 0;
+  let sel = doc.selection;
+  let range;
+  let rects;
+  let rect;
+  let x = 0;
+  let y = 0;
   if (sel) {
     if (sel.type !== 'Control') {
       range = sel.createRange();
@@ -109,4 +109,11 @@ export const getSelectionCoords = () => {
     y: y
   };
 };
+export const isEnglish = str => {
+  const pattern = new RegExp('[A-Za-z]+');
+  if (pattern.test(str)) {
+    return true;
+  }
+  return false;
+};
 export { DateUtils, LocalStorage, getEventTransfer, Hotkey };

package/package.json

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