@seafile/sdoc-editor 1.0.38 → 1.0.40

package/dist/basic-sdk/assets/css/dropdown-menu.css

@@ -4,6 +4,8 @@
 }
 
 .sdoc-dropdown-menu .sdoc-seatable-selected-table-list-wrapper {
+  position: absolute;
+  background-color: #ffff;
   max-height: 300px;
   overflow: auto;
 }

package/dist/basic-sdk/extension/commons/file-insert-dialog/index.js

@@ -123,26 +123,20 @@ const FileLinkInsertDialog = _ref => {
         break;
     }
   }, [closeDialog, deleteInputAndInsertText]);
-  const onInsertLink = useCallback(params => {
-    insertSdocFileLink(editor, params.data.obj_name, params.data.doc_uuid);
-    removeTempInput();
-  }, [editor]);
   useEffect(() => {
     getPosition();
     const sdocScrollContainer = document.getElementById('sdoc-scroll-container');
     document.addEventListener('click', onClick);
     document.addEventListener('keydown', onKeydown);
     sdocScrollContainer.addEventListener('scroll', onScroll);
-    const unsubscribeInsertLink = eventBus.subscribe(EXTERNAL_EVENT.INSERT_LINK, onInsertLink);
     const unsubscribeCloseDialog = eventBus.subscribe(INTERNAL_EVENT.CLOSE_FILE_INSET_DIALOG, closeDialog);
     return () => {
       sdocScrollContainer.removeEventListener('scroll', onScroll);
       document.removeEventListener('click', onClick);
       document.removeEventListener('keydown', onKeydown);
-      unsubscribeInsertLink();
       unsubscribeCloseDialog();
     };
-  }, [closeDialog, editor, eventBus, files, getPosition, onClick, onInsertLink, onKeydown, onScroll]);
+  }, [closeDialog, editor, eventBus, files, getPosition, onClick, onKeydown, onScroll]);
   const onSearch = useCallback(async searchText => {
     // Show history files when search is empty
     if (searchText.trim().length === 0) {
@@ -206,13 +200,22 @@ const FileLinkInsertDialog = _ref => {
     });
     removeTempInput(editor, element);
   }, [editor, element, eventBus]);
-  const onCreateFile = useCallback(() => {
+  const onCreateFile = useCallback(e => {
+    e.stopPropagation();
+    removeTempInput(editor, element);
     const eventBus = EventBus.getInstance();
     const dispatchEventKey = editor.editorType === WIKI_EDITOR ? EXTERNAL_EVENT.CREATE_WIKI_PAGE : EXTERNAL_EVENT.CREATE_SDOC_FILE;
-    eventBus.dispatch(dispatchEventKey, {
+    let external_props = {};
+    if (dispatchEventKey === EXTERNAL_EVENT.CREATE_SDOC_FILE) {
+      external_props = {
+        insertSdocFileLink,
+        editor
+      };
+    }
+    eventBus.dispatch(dispatchEventKey, _objectSpread({
       newFileName: newFileName.trim()
-    });
-  }, [editor.editorType, newFileName]);
+    }, external_props));
+  }, [editor, element, newFileName]);
   const createFileTipDefault = useMemo(() => {
     return editor.editorType === WIKI_EDITOR ? 'New_page' : 'Create_a_new_sdoc_file';
   }, [editor.editorType]);

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

@@ -17,7 +17,8 @@ const withCallout = editor => {
     insertFragment,
     deleteBackward,
     onHotKeyDown,
-    insertData
+    insertData,
+    onCopy
   } = editor;
   const newEditor = editor;
   newEditor.deleteBackward = unit => {
@@ -105,6 +106,7 @@ const withCallout = editor => {
     if (getCalloutEntry(editor)) {
       event.stopPropagation();
     }
+    return onCopy(event);
   };
   return newEditor;
 };

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

@@ -1,4 +1,4 @@
-import { Transforms, Node, Editor } from '@seafile/slate';
+import { Transforms, Node, Editor, Range } from '@seafile/slate';
 import { ReactEditor } from '@seafile/slate-react';
 import { FILE_LINK_INSET_INPUT_TEMP, SDOC_LINK } from '../../constants';
 import { getFileSearchInputEntry, insertTempInput, isTriggeredByShortcut } from './helpers';
@@ -9,7 +9,8 @@ const withSdocLink = editor => {
     isInline,
     deleteBackward,
     insertText,
-    onCompositionStart
+    onCompositionStart,
+    onHotKeyDown
   } = editor;
   const newEditor = editor;
 
@@ -72,6 +73,39 @@ const withSdocLink = editor => {
     }
     return onCompositionStart && onCompositionStart(event);
   };
+  newEditor.onHotKeyDown = e => {
+    const {
+      selection
+    } = newEditor;
+    const isCollapsed = Range.isCollapsed(selection);
+    if (isCollapsed) {
+      if (e.key === 'ArrowLeft') {
+        const prePoint = Editor.before(newEditor, selection);
+        const [preNode, prePath] = Editor.node(newEditor, prePoint.path, {
+          depth: 2
+        });
+        if ((preNode === null || preNode === void 0 ? void 0 : preNode.type) === SDOC_LINK) {
+          const beforePointSdocLink = Editor.before(newEditor, prePath);
+          Transforms.select(newEditor, beforePointSdocLink);
+          e.preventDefault();
+          return;
+        }
+      }
+      if (e.key === 'ArrowRight') {
+        const nextPoint = Editor.after(newEditor, selection);
+        const [nextNode, nextPath] = Editor.node(newEditor, nextPoint.path, {
+          depth: 2
+        });
+        if ((nextNode === null || nextNode === void 0 ? void 0 : nextNode.type) === SDOC_LINK) {
+          const afterPointSdocLink = Editor.after(newEditor, nextPath);
+          Transforms.select(newEditor, afterPointSdocLink);
+          e.preventDefault();
+          return;
+        }
+      }
+    }
+    return onHotKeyDown && onHotKeyDown(e);
+  };
   return newEditor;
 };
 export default withSdocLink;

package/dist/basic-sdk/extension/plugins/seatable-column/menu/column-list-menu.js

@@ -1,4 +1,4 @@
-import React, { useMemo, useCallback } from 'react';
+import React, { useMemo, useCallback, useRef, useEffect, useState } from 'react';
 import { COLUMNS_ICON_CONFIG } from '../constants/column';
 import { insertSeaTableColumn, getColumnType } from '../helpers';
 import { COLUMN } from '../../../constants/element-type';
@@ -9,7 +9,21 @@ export default function ColumnListMenu(_ref) {
     editor,
     insertPosition
   } = _ref;
-  const computedBottom = insertPosition ? '0px' : '';
+  const columnRef = useRef(null);
+  const [computedStyle, setComputedStyle] = useState({});
+  useEffect(() => {
+    if (insertPosition) {
+      setComputedStyle({
+        bottom: '0px'
+      });
+    }
+    if (!insertPosition && (columnRef === null || columnRef === void 0 ? void 0 : columnRef.current)) {
+      const centerPosition = parseInt(columnRef.current.getBoundingClientRect().height / 2);
+      setComputedStyle({
+        top: "-".concat(centerPosition, "px")
+      });
+    }
+  }, [insertPosition]);
   const columns = useMemo(() => {
     if (!editor.columns) return [];
     return editor.columns.filter(column => !NOT_SUPPORT_COLUMN_TYPES.includes(column.type));
@@ -32,10 +46,9 @@ export default function ColumnListMenu(_ref) {
     insertSeaTableColumn(editor, active, option, insertPosition);
   }, [editor, insertPosition]);
   return /*#__PURE__*/React.createElement("div", {
+    ref: columnRef,
     className: "column-list-menu",
-    style: {
-      bottom: computedBottom
-    }
+    style: computedStyle
   }, options.map(option => {
     return /*#__PURE__*/React.createElement("div", {
       key: option.value,

package/dist/basic-sdk/extension/plugins/seatable-tables/menu/index.js

@@ -1,8 +1,9 @@
-import React, { useCallback } from 'react';
+import React, { useCallback, useRef } from 'react';
 import { UncontrolledPopover } from 'reactstrap';
 import { insertSeaTableTable, isInsertSeaTableTableDisabled } from '../helpers';
 import { MENUS_CONFIG_MAP, SEATABLE_TABLE } from '../../../constants';
 import DropdownMenuItem from '../../../commons/dropdown-menu-item';
+import SeaTableList from './seatable-list';
 import './index.css';
 const SeaTableTableMenu = _ref => {
   let {
@@ -10,10 +11,9 @@ const SeaTableTableMenu = _ref => {
     readonly,
     insertPosition
   } = _ref;
+  const seatableRef = useRef(null);
   const disabled = isInsertSeaTableTableDisabled(editor, readonly);
   const menuConfig = MENUS_CONFIG_MAP[SEATABLE_TABLE];
-  const computedBottom = insertPosition ? '0px' : '';
-  const tables = editor.tables;
   const onViewClick = useCallback(item => {
     insertSeaTableTable(editor, item, insertPosition);
   }, [editor, insertPosition]);
@@ -29,18 +29,13 @@ const SeaTableTableMenu = _ref => {
     className: "sdoc-menu-popover sdoc-dropdown-menu sdoc-sub-dropdown-menu",
     placement: "right-start",
     hideArrow: true,
-    fade: false
-  }, /*#__PURE__*/React.createElement("div", {
-    className: "sdoc-dropdown-menu-container sdoc-seatable-selected-table-list-wrapper",
-    style: {
-      bottom: computedBottom
-    }
-  }, tables.map(item => {
-    return /*#__PURE__*/React.createElement("div", {
-      key: item._id,
-      className: "sdoc-dropdown-menu-item",
-      onClick: () => onViewClick(item)
-    }, item.name);
-  })))));
+    fade: false,
+    ref: seatableRef
+  }, /*#__PURE__*/React.createElement(SeaTableList, {
+    editor: editor,
+    readonly: readonly,
+    insertPosition: insertPosition,
+    onViewClick: onViewClick
+  }))));
 };
 export default SeaTableTableMenu;

package/dist/basic-sdk/extension/plugins/seatable-tables/menu/seatable-list.js

@@ -0,0 +1,37 @@
+import React, { useState, useEffect, useRef } from 'react';
+const SeaTableList = _ref => {
+  let {
+    editor,
+    insertPosition,
+    onViewClick
+  } = _ref;
+  const seatableRef = useRef(null);
+  const [computedStyle, setComputedStyle] = useState({});
+  const tables = editor.tables;
+  useEffect(() => {
+    if (insertPosition) {
+      setComputedStyle({
+        bottom: '0px'
+      });
+    }
+    if (!insertPosition && (seatableRef === null || seatableRef === void 0 ? void 0 : seatableRef.current)) {
+      const centerPosition = parseInt(seatableRef.current.getBoundingClientRect().height / 2);
+      // 30 is seatable menu height
+      setComputedStyle({
+        top: "-".concat(centerPosition + 30, "px")
+      });
+    }
+  }, [insertPosition]);
+  return /*#__PURE__*/React.createElement("div", {
+    ref: seatableRef,
+    className: "sdoc-dropdown-menu-container sdoc-seatable-selected-table-list-wrapper",
+    style: computedStyle
+  }, tables.map(item => {
+    return /*#__PURE__*/React.createElement("div", {
+      key: item._id,
+      className: "sdoc-dropdown-menu-item",
+      onClick: () => onViewClick(item)
+    }, item.name);
+  }));
+};
+export default SeaTableList;

package/dist/layout/layout.js

@@ -11,6 +11,10 @@ const Layout = _ref => {
     } = _ref,
     restProps = _objectWithoutProperties(_ref, _excluded);
   const cacheHistoryfiles = () => {
+    const isPublished = context.getSetting('isPublished') || false;
+    const isSdocRevision = context.getSetting('isSdocRevision') || false;
+    if (isPublished) return;
+    if (isSdocRevision) return;
     const docUuid = context.getSetting('docUuid');
     const docName = context.getSetting('docName');
     const rencentFiles = LocalStorage.getItem('sdoc-recent-files', []);
@@ -44,6 +48,7 @@ const Layout = _ref => {
       }
     }, 500);
     cacheHistoryfiles();
+    // eslint-disable-next-line react-hooks/exhaustive-deps
   }, []);
   return /*#__PURE__*/React.createElement("div", Object.assign({
     className: classnames('sdoc-editor-page-wrapper', className)

package/package.json

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