@seafile/sdoc-editor 1.0.171 → 1.0.172

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

@@ -19,7 +19,6 @@ var _constants2 = require("../../../constants");
 var _constants3 = require("../../constants");
 var _toast = _interopRequireDefault(require("../../../../components/toast"));
 var _helpers = require("../../plugins/sdoc-link/helpers");
-var _helpers2 = require("../../plugins/wiki-link/helpers");
 require("./style.css");
 const FileLinkInsertDialog = _ref => {
   let {
@@ -27,6 +26,11 @@ const FileLinkInsertDialog = _ref => {
     element,
     closeDialog
   } = _ref;
+  const {
+    t
+  } = (0, _reactI18next.useTranslation)();
+  const eventBus = _eventBus.default.getInstance();
+  const fileLinkInsertRef = (0, _react.useRef)(null);
   const historyFileWrapperRef = (0, _react.useRef)(document.querySelector('.sdoc-history-files-wrapper'));
   const [files, setFiles] = (0, _react.useState)([]);
   const [position, setPosition] = (0, _react.useState)({
@@ -34,18 +38,14 @@ const FileLinkInsertDialog = _ref => {
     left: 0
   });
   const [newFileName, setNewFileName] = (0, _react.useState)('');
-  const {
-    t
-  } = (0, _reactI18next.useTranslation)();
   const [header, setHeader] = (0, _react.useState)(t('Recent_visited'));
-  const eventBus = _eventBus.default.getInstance();
   const deleteInputAndInsertText = (0, _react.useCallback)(function () {
     for (var _len = arguments.length, args = new Array(_len), _key = 0; _key < _len; _key++) {
       args[_key] = arguments[_key];
     }
     return (0, _helpers.insertTextWhenRemoveFileNameCollector)(editor, element, ...args);
   }, [editor, element]);
-  const getPosition = (0, _react.useCallback)(() => {
+  const getPosition = (0, _react.useCallback)(e => {
     const {
       selection
     } = editor;
@@ -60,6 +60,7 @@ const FileLinkInsertDialog = _ref => {
       } = domNode.getBoundingClientRect();
       let popoverTop = top + topGap;
       let popoverLeft = left + leftGap;
+
       // Insert gap between the popover and the selected node
       // file item height 32px, header height 32px, add button height 32px, margin-top 8px, max-height 306px
       const popoverHeight = Math.min(files.length * 32 + 32 * 3 + 8, 300);
@@ -71,17 +72,6 @@ const FileLinkInsertDialog = _ref => {
         const counterTopGap = 8;
         popoverTop = top - popoverHeight - counterTopGap;
       }
-      if (editor.editorType === _constants2.WIKI_EDITOR) {
-        const wikiEditorContainer = document.querySelector('.sdoc-editor-container');
-        if (wikiEditorContainer) {
-          const {
-            left,
-            top
-          } = wikiEditorContainer.getBoundingClientRect();
-          popoverLeft -= left;
-          popoverTop -= top;
-        }
-      }
       setPosition({
         top: popoverTop,
         left: popoverLeft
@@ -93,20 +83,30 @@ const FileLinkInsertDialog = _ref => {
     var _historyFileWrapperRe, _historyFileWrapperRe2;
     const isClickInside = (_historyFileWrapperRe = historyFileWrapperRef.current) === null || _historyFileWrapperRe === void 0 ? void 0 : (_historyFileWrapperRe2 = _historyFileWrapperRe.contains) === null || _historyFileWrapperRe2 === void 0 ? void 0 : _historyFileWrapperRe2.call(_historyFileWrapperRe, e.target);
     if (isClickInside) return;
+
+    // Click on the insertion position without closing
+    const insertCollectorEl = document.querySelector('.sdoc-file-name-insert-collector');
+    if (insertCollectorEl && insertCollectorEl.className === e.target.className) return;
     deleteInputAndInsertText();
     closeDialog();
   }, [closeDialog, deleteInputAndInsertText]);
   const onScroll = (0, _react.useCallback)(e => {
-    getPosition();
+    getPosition(e);
   }, [getPosition]);
-  const getHistoryFiles = (0, _react.useCallback)(e => {
-    const getItemKey = editor.editorType === _constants2.WIKI_EDITOR ? 'wiki-recent-files' : 'sdoc-recent-files';
-    const files = _utils.LocalStorage.getItem(getItemKey) || [];
+  const getHistoryFiles = (0, _react.useCallback)(isCalculatedByFiles => {
+    const getItemKey = 'sdoc-recent-files';
+    let files = _utils.LocalStorage.getItem(getItemKey) || [];
+    if (isCalculatedByFiles) {
+      const newFiles = (0, _utils.getMaximumCapacity)(files);
+      files = newFiles;
+    }
     setFiles(files);
-  }, [editor.editorType]);
+  }, []);
   (0, _react.useEffect)(() => {
+    fileLinkInsertRef.current['isFirstMount'] = true;
     getHistoryFiles();
-  }, [getHistoryFiles]);
+    // eslint-disable-next-line react-hooks/exhaustive-deps
+  }, []);
   const onKeydown = (0, _react.useCallback)(e => {
     const {
       key
@@ -182,23 +182,22 @@ const FileLinkInsertDialog = _ref => {
   }, []);
   (0, _react.useEffect)(() => {
     if (!(element !== null && element !== void 0 && element.children)) return;
+    // No search on first load
+    if (fileLinkInsertRef.current['isFirstMount']) {
+      fileLinkInsertRef.current['isFirstMount'] = false;
+      return;
+    }
     const searchText = _slate.Node.string(element);
     onSearch(searchText);
   }, [element, onSearch]);
   const onSelect = (0, _react.useCallback)(fileInfo => {
     const {
       doc_uuid,
-      name,
-      wikiRepoId,
-      pageId
+      name
     } = fileInfo;
     (0, _helpers.removeTempInput)(editor, element);
     closeDialog();
-    if (editor.editorType === _constants2.WIKI_EDITOR) {
-      (0, _helpers2.insertWikiPageLink)(editor, name, wikiRepoId, pageId);
-    } else {
-      (0, _helpers.insertSdocFileLink)(editor, name, doc_uuid);
-    }
+    (0, _helpers.insertSdocFileLink)(editor, name, doc_uuid);
   }, [closeDialog, editor, element]);
   const onShowMore = (0, _react.useCallback)(() => {
     eventBus.dispatch(_constants2.INTERNAL_EVENT.INSERT_ELEMENT, {
@@ -211,26 +210,24 @@ const FileLinkInsertDialog = _ref => {
     e.stopPropagation();
     (0, _helpers.removeTempInput)(editor, element);
     const eventBus = _eventBus.default.getInstance();
-    const dispatchEventKey = editor.editorType === _constants2.WIKI_EDITOR ? _constants.EXTERNAL_EVENT.CREATE_WIKI_PAGE : _constants.EXTERNAL_EVENT.CREATE_SDOC_FILE;
-    let external_props = {};
-    if (dispatchEventKey === _constants.EXTERNAL_EVENT.CREATE_SDOC_FILE) {
-      external_props = {
-        insertSdocFileLink: _helpers.insertSdocFileLink,
-        editor
-      };
-    }
-    eventBus.dispatch(dispatchEventKey, {
-      newFileName: newFileName.trim(),
+    const createName = newFileName.trim();
+    const external_props = {
+      insertSdocFileLink: _helpers.insertSdocFileLink,
+      editor
+    };
+    eventBus.dispatch(_constants.EXTERNAL_EVENT.CREATE_SDOC_FILE, {
+      newFileName: createName,
       ...external_props
     });
   }, [editor, element, newFileName]);
   const createFileTipDefault = (0, _react.useMemo)(() => {
-    return editor.editorType === _constants2.WIKI_EDITOR ? 'New_page' : 'Create_a_new_sdoc_file';
-  }, [editor.editorType]);
+    return 'Create_a_new_sdoc_file';
+  }, []);
   const createFileName = (0, _react.useMemo)(() => {
-    return editor.editorType === _constants2.WIKI_EDITOR ? newFileName : `${newFileName}.sdoc`;
-  }, [editor.editorType, newFileName]);
+    return `${newFileName}.sdoc`;
+  }, [newFileName]);
   return /*#__PURE__*/_react.default.createElement("div", {
+    ref: fileLinkInsertRef,
     className: "sdoc-history-files-content popover",
     style: {
       ...position,
@@ -249,9 +246,11 @@ const FileLinkInsertDialog = _ref => {
       onClick: () => {
         onSelect(item);
       }
-    }, /*#__PURE__*/_react.default.createElement("i", {
-      className: "sdocfont sdoc-document"
-    }), /*#__PURE__*/_react.default.createElement("span", null, item.name));
+    }, /*#__PURE__*/_react.default.createElement("span", {
+      className: "file-item-icon sdocfont sdoc-document"
+    }), /*#__PURE__*/_react.default.createElement("span", {
+      className: "file-item-name"
+    }, item.name));
   }), /*#__PURE__*/_react.default.createElement("div", {
     className: "sdoc-history-files-item",
     onClick: onShowMore

package/dist/basic-sdk/extension/commons/file-insert-dialog/style.css

@@ -3,7 +3,8 @@
   flex-direction: column;
   position: absolute;
   width: 400px;
-  max-height: 300px;
+  max-width: 400px;
+  max-height: 350px;
   /* The same as hierarchy of comment drawer  */
   z-index: 103;
   box-shadow: 0 1px 3px rgba(0, 0, 0, .15), 0 4px 8px 3px rgba(0, 0, 0, .15);
@@ -35,17 +36,28 @@
 }
 
 .sdoc-history-files-content .sdoc-history-files .sdoc-history-files-item {
-  padding: 0px 16px;
+  padding: 6px 16px;
   height: 32px;
-  line-height: 32px;
-  text-overflow: ellipsis;
   font-size: 14px;
-  white-space: nowrap;
+  display: flex;
+  align-items: flex-start;
 }
 
-.sdoc-history-files-content .sdoc-history-files .sdoc-history-files-item :first-child {
-  font-size: 12px;
-  margin-right: 5px;
+.sdoc-history-files-content .sdoc-history-files .sdoc-history-files-item .file-item-icon {
+  font-size: 16px;
+  margin-right: 8px;
+  color: #ff9800;
+  width: 20px;
+  height: 20px;
+  display: flex;
+  justify-content: center;
+  align-items: center;
+}
+
+.sdoc-history-files-content .sdoc-history-files .sdoc-history-files-item .file-item-name {
+  white-space: nowrap;
+  text-overflow: ellipsis;
+  overflow: hidden;
 }
 
 .sdoc-history-files-content .sdoc-history-files .sdoc-history-files-item:hover {

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

@@ -17,9 +17,11 @@ var _constants2 = require("../../constants");
 var _helpers = require("../../plugins/image/helpers");
 var _helpers2 = require("../../plugins/video/helpers");
 var _context = _interopRequireDefault(require("../../../../context.js"));
-var _index2 = _interopRequireDefault(require("../file-insert-dialog/index.js"));
-var _index3 = _interopRequireDefault(require("../../../../components/toast/index.js"));
-var _index4 = require("../../plugins/video/constants/index.js");
+var _index2 = _interopRequireDefault(require("../wiki-file-insert-dialog/index.js"));
+var _index3 = _interopRequireDefault(require("../file-insert-dialog/index.js"));
+var _index4 = _interopRequireDefault(require("../../../../components/toast/index.js"));
+var _index5 = require("../../plugins/video/constants/index.js");
+var _constants3 = require("../../../../basic-sdk/constants");
 const InsertElementDialog = _ref => {
   let {
     editor
@@ -49,7 +51,7 @@ const InsertElementDialog = _ref => {
   }, [validEditor, uploadLocalImageInputRef, insertPosition, slateNode]);
   const handleDisplayAlert = (0, _react.useCallback)(() => {
     setTimeout(() => {
-      _index3.default.warning(`${t('The_current_version_does_not_support_>5MB_video_file')}`, {
+      _index4.default.warning(`${t('The_current_version_does_not_support_>5MB_video_file')}`, {
         duration: 3
       });
     }, 0);
@@ -57,7 +59,7 @@ const InsertElementDialog = _ref => {
   const onVideoFileChanged = (0, _react.useCallback)(event => {
     const files = event.target.files;
     // Show warning for 3s and no further insertion if video file is more than 5MB
-    if (files[0].size > _index4.VIDEO_MAX_SIZE_5MB) {
+    if (files[0].size > _index5.VIDEO_MAX_SIZE_5MB) {
       handleDisplayAlert();
       event.target.value = null;
       return;
@@ -194,7 +196,14 @@ const InsertElementDialog = _ref => {
       }
     case _constants2.ELEMENT_TYPE.FILE_LINK_INSET_INPUT_TEMP:
       {
-        return /*#__PURE__*/_react.default.createElement(_index2.default, {
+        if (editor.editorType === _constants3.WIKI_EDITOR) {
+          return /*#__PURE__*/_react.default.createElement(_index2.default, {
+            element: slateNode,
+            editor: editor,
+            closeDialog: closeDialog
+          });
+        }
+        return /*#__PURE__*/_react.default.createElement(_index3.default, {
           element: slateNode,
           editor: editor,
           closeDialog: closeDialog

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

@@ -0,0 +1,274 @@
+"use strict";
+
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault").default;
+var _interopRequireWildcard = require("@babel/runtime/helpers/interopRequireWildcard").default;
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.default = void 0;
+var _react = _interopRequireWildcard(require("react"));
+var _slateReact = require("@seafile/slate-react");
+var _reactI18next = require("react-i18next");
+var _slate = require("@seafile/slate");
+var _lodash = _interopRequireDefault(require("lodash.throttle"));
+var _classnames = _interopRequireDefault(require("classnames"));
+var _utils = require("../../../../utils");
+var _constants = require("../../../../constants");
+var _eventBus = _interopRequireDefault(require("../../../utils/event-bus"));
+var _constants2 = require("../../../constants");
+var _helpers = require("../../plugins/sdoc-link/helpers");
+var _helpers2 = require("../../plugins/wiki-link/helpers");
+require("./style.css");
+const WikiFileLinkInsertDialog = _ref => {
+  let {
+    editor,
+    element,
+    closeDialog
+  } = _ref;
+  const {
+    t
+  } = (0, _reactI18next.useTranslation)();
+  const eventBus = _eventBus.default.getInstance();
+  const fileLinkInsertRef = (0, _react.useRef)(null);
+  const historyFileWrapperRef = (0, _react.useRef)(document.querySelector('.sdoc-history-files-wrapper'));
+  const [files, setFiles] = (0, _react.useState)([]);
+  const [position, setPosition] = (0, _react.useState)({});
+  const [newFileName, setNewFileName] = (0, _react.useState)('');
+  const [header, setHeader] = (0, _react.useState)(t('Link_to_page'));
+  const [hiddenMoreMenu, setHiddenMoreMenu] = (0, _react.useState)(false);
+  const deleteInputAndInsertText = (0, _react.useCallback)(function () {
+    for (var _len = arguments.length, args = new Array(_len), _key = 0; _key < _len; _key++) {
+      args[_key] = arguments[_key];
+    }
+    return (0, _helpers.insertTextWhenRemoveFileNameCollector)(editor, element, ...args);
+  }, [editor, element]);
+  const getPosition = (0, _react.useCallback)(() => {
+    queueMicrotask(() => {
+      const {
+        selection
+      } = editor;
+      const nodeEntry = _slate.Editor.node(editor, selection);
+      const domNode = _slateReact.ReactEditor.toDOMNode(editor, nodeEntry[0]);
+      if (domNode) {
+        const topGap = 20;
+        const leftGap = 16;
+        const outlineWidth = 300;
+        const {
+          top: domNodeTop,
+          left: domNodeLeft
+        } = domNode.getBoundingClientRect();
+        let popoverTop = domNodeTop - topGap;
+        let popoverLeft = domNodeLeft - leftGap - outlineWidth;
+        const {
+          height
+        } = fileLinkInsertRef.current.getBoundingClientRect();
+        const popoverBottomY = popoverTop + height;
+        const viewportHeight = window.innerHeight;
+        if (popoverBottomY > viewportHeight) {
+          // 8px for the gap between the popover and the bottom of the viewport
+          const counterTopGap = 8;
+          popoverTop = popoverTop - height - topGap - counterTopGap;
+        }
+        setPosition({
+          top: popoverTop,
+          left: popoverLeft
+        });
+      }
+    });
+  }, [editor]);
+  const onClick = (0, _react.useCallback)(e => {
+    var _historyFileWrapperRe, _historyFileWrapperRe2;
+    const isClickInside = (_historyFileWrapperRe = historyFileWrapperRef.current) === null || _historyFileWrapperRe === void 0 ? void 0 : (_historyFileWrapperRe2 = _historyFileWrapperRe.contains) === null || _historyFileWrapperRe2 === void 0 ? void 0 : _historyFileWrapperRe2.call(_historyFileWrapperRe, e.target);
+    if (isClickInside) return;
+
+    // Click on the insertion position without closing
+    const insertCollectorEl = document.querySelector('.sdoc-file-name-insert-collector');
+    if (insertCollectorEl && insertCollectorEl.className === e.target.className) return;
+    deleteInputAndInsertText();
+    closeDialog();
+  }, [closeDialog, deleteInputAndInsertText]);
+  const onScroll = (0, _lodash.default)(() => {
+    getPosition();
+  }, 100);
+  const getHistoryFiles = (0, _react.useCallback)(isCalculatedByFiles => {
+    let files = _utils.LocalStorage.getItem('wiki-recent-files') || [];
+    if (isCalculatedByFiles) {
+      const newFiles = (0, _utils.getMaximumCapacity)(files);
+      // Can accommodate all without showing more operations
+      if (files.length <= newFiles.length) {
+        setHiddenMoreMenu(true);
+      }
+      files = newFiles;
+    }
+    setFiles(files);
+  }, []);
+  (0, _react.useEffect)(() => {
+    fileLinkInsertRef.current['isFirstMount'] = true;
+    getHistoryFiles(true);
+    getPosition();
+    // eslint-disable-next-line react-hooks/exhaustive-deps
+  }, []);
+  const onKeydown = (0, _react.useCallback)(e => {
+    const {
+      key
+    } = e;
+    switch (key) {
+      case 'Escape':
+        deleteInputAndInsertText();
+        closeDialog();
+        break;
+      case 'ArrowRight':
+      case 'ArrowLeft':
+        deleteInputAndInsertText();
+        closeDialog();
+        break;
+      case 'ArrowUp':
+      case 'ArrowDown':
+        deleteInputAndInsertText();
+        closeDialog();
+        break;
+      default:
+        break;
+    }
+  }, [closeDialog, deleteInputAndInsertText]);
+  (0, _react.useEffect)(() => {
+    const sdocScrollContainer = document.getElementById('sdoc-scroll-container');
+    document.addEventListener('click', onClick);
+    document.addEventListener('keydown', onKeydown);
+    sdocScrollContainer.addEventListener('scroll', onScroll);
+    const unsubscribeCloseDialog = eventBus.subscribe(_constants2.INTERNAL_EVENT.CLOSE_FILE_INSET_DIALOG, closeDialog);
+    return () => {
+      sdocScrollContainer.removeEventListener('scroll', onScroll);
+      document.removeEventListener('click', onClick);
+      document.removeEventListener('keydown', onKeydown);
+      unsubscribeCloseDialog();
+    };
+  }, [closeDialog, editor, eventBus, files, getPosition, onClick, onKeydown, onScroll]);
+  const onSearch = (0, _react.useCallback)(searchText => {
+    if (searchText.trim().length === 0) {
+      getHistoryFiles();
+      setHiddenMoreMenu(true);
+      setHeader(t('Link_to_page'));
+      setNewFileName('');
+      getPosition();
+      return;
+    }
+    const {
+      navConfig
+    } = window.wiki.config;
+    const {
+      pages
+    } = navConfig;
+    const newFiles = [];
+    pages.forEach(page => {
+      if (page.name.includes(searchText.trim())) {
+        newFiles.push(page);
+      }
+    });
+    // No results found
+    if (newFiles.length === 0) {
+      setHeader(t('No_page_results'));
+      setNewFileName(searchText);
+    } else {
+      setHeader(t('Link_to_page'));
+      setNewFileName('');
+    }
+    setHiddenMoreMenu(true);
+    setFiles(newFiles);
+    getPosition();
+    // eslint-disable-next-line react-hooks/exhaustive-deps
+  }, []);
+  (0, _react.useEffect)(() => {
+    if (!(element !== null && element !== void 0 && element.children)) return;
+    // No search on first load
+    if (fileLinkInsertRef.current['isFirstMount']) {
+      fileLinkInsertRef.current['isFirstMount'] = false;
+      return;
+    }
+    const searchText = _slate.Node.string(element);
+    onSearch(searchText);
+  }, [element, onSearch]);
+  const onSelect = (0, _react.useCallback)(fileInfo => {
+    const {
+      name,
+      wikiRepoId,
+      pageId,
+      icon,
+      isDir
+    } = fileInfo;
+    (0, _helpers.removeTempInput)(editor, element);
+    closeDialog();
+    (0, _helpers2.insertWikiPageLink)(editor, name, wikiRepoId, pageId, icon, isDir);
+  }, [closeDialog, editor, element]);
+  const onShowMoreWiki = (0, _react.useCallback)(e => {
+    e.stopPropagation();
+    const recentFiles = _utils.LocalStorage.getItem('wiki-recent-files') || [];
+    setFiles(recentFiles);
+    setHiddenMoreMenu(true);
+  }, []);
+  const onCreateFile = (0, _react.useCallback)(e => {
+    e.stopPropagation();
+    (0, _helpers.removeTempInput)(editor, element);
+    const eventBus = _eventBus.default.getInstance();
+    const createName = newFileName.trim() || t('New_page');
+    eventBus.dispatch(_constants.EXTERNAL_EVENT.CREATE_WIKI_PAGE, {
+      newFileName: createName
+    });
+  }, [editor, element, newFileName, t]);
+  const createFileTipDefault = (0, _react.useMemo)(() => {
+    return 'New_page';
+  }, []);
+  const createFileName = (0, _react.useMemo)(() => {
+    return `"${newFileName}" ${t('Page')}`;
+  }, [newFileName, t]);
+  return /*#__PURE__*/_react.default.createElement("div", {
+    ref: fileLinkInsertRef,
+    className: (0, _classnames.default)('wiki-history-files-content popover'),
+    style: {
+      ...position,
+      position: 'absolute',
+      opacity: Object.keys(position).length ? 1 : 0
+    }
+  }, header.length !== 0 && /*#__PURE__*/_react.default.createElement("div", {
+    className: "wiki-history-files-header"
+  }, header), /*#__PURE__*/_react.default.createElement("div", {
+    className: (0, _classnames.default)('sdoc-history-files', {
+      'no-header': header.length === 0
+    })
+  }, files.map(item => {
+    return /*#__PURE__*/_react.default.createElement("div", {
+      key: item.doc_uuid,
+      className: (0, _classnames.default)('sdoc-history-files-item', {
+        'files-item-has-dir': item === null || item === void 0 ? void 0 : item.path
+      }),
+      onClick: () => {
+        onSelect(item);
+      }
+    }, (item === null || item === void 0 ? void 0 : item.icon) && /*#__PURE__*/_react.default.createElement("span", {
+      className: "file-item-emoticons"
+    }, item.icon), !(item !== null && item !== void 0 && item.icon) && /*#__PURE__*/_react.default.createElement(_react.default.Fragment, null, item !== null && item !== void 0 && item.isDir ? /*#__PURE__*/_react.default.createElement("span", {
+      className: "file-item-icon sf3-font sf3-font-files2"
+    }) : /*#__PURE__*/_react.default.createElement("span", {
+      className: "file-item-icon sf3-font sf3-font-file"
+    })), /*#__PURE__*/_react.default.createElement("span", {
+      className: "file-item-name-wrapper"
+    }, /*#__PURE__*/_react.default.createElement("span", {
+      className: "file-item-name"
+    }, item.name), (item === null || item === void 0 ? void 0 : item.path) && /*#__PURE__*/_react.default.createElement("span", {
+      className: "name-dir"
+    }, item.path)));
+  }), !hiddenMoreMenu && /*#__PURE__*/_react.default.createElement("div", {
+    className: "sdoc-history-files-item",
+    onClick: onShowMoreWiki
+  }, "...", t('More'))), /*#__PURE__*/_react.default.createElement("div", {
+    className: "sdoc-history-files-add",
+    onClick: onCreateFile
+  }, /*#__PURE__*/_react.default.createElement("i", {
+    className: "sdocfont sdoc-append"
+  }), /*#__PURE__*/_react.default.createElement("span", {
+    className: "new-file-name"
+  }, newFileName ? t('Create_file_name_sdoc', {
+    file_name_sdoc: createFileName
+  }) : t(createFileTipDefault))));
+};
+var _default = exports.default = WikiFileLinkInsertDialog;

package/dist/basic-sdk/extension/commons/wiki-file-insert-dialog/style.css

@@ -0,0 +1,116 @@
+.wiki-history-files-content {
+  display: flex;
+  flex-direction: column;
+  position: absolute;
+  width: 400px;
+  max-width: 400px;
+  max-height: 350px;
+  /* The same as hierarchy of comment drawer  */
+  z-index: 103;
+  box-shadow: 0 1px 3px rgba(0, 0, 0, .15), 0 4px 8px 3px rgba(0, 0, 0, .15);
+}
+
+.wiki-history-files-content .wiki-history-files-header {
+  display: flex;
+  flex-shrink: 0;
+  align-items: center;
+  margin-top: 8px;
+  padding: 0px 16px;
+  height: 32px;
+  width: 100%;
+  color: #999999;
+  font-size: 14px;
+  user-select: none;
+  cursor: default;
+}
+
+.wiki-history-files-content .sdoc-history-files {
+  flex-grow: 1;
+  overflow-y: auto;
+  cursor: pointer;
+}
+
+.wiki-history-files-content .no-header {
+  margin-top: 8px;
+  width: 100%;
+}
+
+.wiki-history-files-content .sdoc-history-files .sdoc-history-files-item {
+  padding: 6px 16px;
+  height: 32px;
+  font-size: 14px;
+  display: flex;
+  align-items: flex-start;
+}
+
+.wiki-history-files-content .sdoc-history-files .sdoc-history-files-item .file-item-icon {
+  font-size: 16px;
+  margin-right: 8px;
+  color: #666666;
+  width: 20px;
+  height: 20px;
+  display: flex;
+  justify-content: center;
+  align-items: center;
+}
+
+.wiki-history-files-content .sdoc-history-files .sdoc-history-files-item .file-item-name {
+  white-space: nowrap;
+  text-overflow: ellipsis;
+  overflow: hidden;
+}
+
+.wiki-history-files-content .sdoc-history-files .sdoc-history-files-item:hover {
+  background-color: #f5f5f5;
+}
+
+.wiki-history-files-content .sdoc-history-files-add {
+  display: flex;
+  flex-shrink: 0;
+  align-items: center;
+  padding: 0px 16px;
+  height: 32px;
+  width: 100%;
+  border-top: 1px solid #e9ecef;
+  font-size: 14px;
+  cursor: pointer;
+}
+
+.wiki-history-files-content .sdoc-history-files-add :first-child {
+  color: #444444;
+  margin-right: 10px;
+}
+
+.wiki-history-files-content .sdoc-history-files-add .new-file-name {
+  text-wrap: nowrap;
+  text-overflow: ellipsis;
+  overflow: hidden;
+}
+
+.wiki-history-files-content .sdoc-history-files .sdoc-history-files-item.files-item-has-dir {
+  height: 51px;
+}
+
+.wiki-history-files-content .sdoc-history-files .sdoc-history-files-item .file-item-emoticons {
+  font-size: 14px;
+  margin-right: 8px;
+  width: 20px;
+  height: 20px;
+  display: flex;
+  justify-content: center;
+  align-items: center;
+}
+
+.wiki-history-files-content .sdoc-history-files .sdoc-history-files-item .file-item-name-wrapper {
+  display: flex;
+  flex-direction: column;
+  overflow: hidden;
+}
+
+.wiki-history-files-content .sdoc-history-files .sdoc-history-files-item .file-item-name-wrapper .name-dir {
+  color: #666;
+  font-size: 12px;
+  white-space: nowrap;
+  text-overflow: ellipsis;
+  overflow: hidden;
+}

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

@@ -69,6 +69,27 @@ const insertSdocFileLink = (editor, text, uuid) => {
   removeShortCutSymbol(editor);
   const sdocFileNode = generateSdocFileNode(uuid, text);
   if (isCollapsed) {
+    const {
+      anchor,
+      focus
+    } = editor.selection;
+    const [targetNode] = _slate.Editor.node(editor, editor.selection, {
+      depth: 2
+    }) || [];
+
+    // When the current cursor position is on a link, change the position to after the link
+    if (targetNode && targetNode.type === _constants.SDOC_LINK && anchor.path.length === 3) {
+      editor.selection = {
+        anchor: {
+          offset: anchor.offset,
+          path: [anchor.path[0], anchor.path[1] + 1]
+        },
+        focus: {
+          offset: focus.offset,
+          path: [focus.path[0], focus.path[1] + 1]
+        }
+      };
+    }
     _slate.Transforms.insertNodes(editor, sdocFileNode);
   } else {
     const selectedText = _slate.Editor.string(editor, selection); // Selected text

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

@@ -25,6 +25,10 @@ const SdocFileLink = _ref => {
     children,
     attributes
   } = _ref;
+  const {
+    icon,
+    isDir
+  } = element;
   const sdocFileRef = (0, _react.useRef)(null);
   const scrollRef = (0, _useScrollContext.useScrollContext)();
   const [isShowInsertHoverMenu, setIsShowInsertHoverMenu] = (0, _react.useState)(false);
@@ -134,9 +138,13 @@ const SdocFileLink = _ref => {
   }, [_constants2.SDOC_LINK_TYPE.ICON_LINK, _constants2.SDOC_LINK_TYPE.CARD_LINK].includes(element.display_type) && /*#__PURE__*/_react.default.createElement("span", {
     className: "sdoc-file-link-icon",
     style: style
-  }, /*#__PURE__*/_react.default.createElement("i", {
+  }, element.type !== _elementType.WIKI_LINK && /*#__PURE__*/_react.default.createElement("i", {
     className: "sdocfont sdoc-document"
-  })), /*#__PURE__*/_react.default.createElement("span", {
+  }), element.type === _elementType.WIKI_LINK && /*#__PURE__*/_react.default.createElement(_react.default.Fragment, null, icon && /*#__PURE__*/_react.default.createElement("span", null, icon), !icon && /*#__PURE__*/_react.default.createElement(_react.default.Fragment, null, isDir ? /*#__PURE__*/_react.default.createElement("span", {
+    className: "sf3-font sf3-font-files2"
+  }) : /*#__PURE__*/_react.default.createElement("span", {
+    className: "sf3-font sf3-font-file"
+  })))), /*#__PURE__*/_react.default.createElement("span", {
     className: 'sdoc-file-text-link',
     style: style
   }, /*#__PURE__*/_react.default.createElement("a", {

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

@@ -4,13 +4,13 @@ var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefau
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
-exports.insertWikiPageLink = exports.getWikiUrl = exports.generateSdocFileNode = void 0;
+exports.insertWikiPageLink = exports.getWikiUrl = exports.generateWikiFileNode = void 0;
 var _slate = require("@seafile/slate");
 var _slugid = _interopRequireDefault(require("slugid"));
 var _constants = require("../../constants");
 var _helpers = require("../sdoc-link/helpers");
 var _elementType = require("../../constants/element-type");
-const insertWikiPageLink = (editor, text, wikiRepoId, pageId) => {
+const insertWikiPageLink = (editor, text, wikiRepoId, pageId, icon, isDir) => {
   if ((0, _helpers.isMenuDisabled)(editor)) return;
   // Selection folded or not
   const {
@@ -21,7 +21,7 @@ const insertWikiPageLink = (editor, text, wikiRepoId, pageId) => {
 
   // Remove shortcut symbol,if trigger by shortcut
   (0, _helpers.removeShortCutSymbol)(editor);
-  const wikiLinkNode = generateSdocFileNode(wikiRepoId, pageId, text);
+  const wikiLinkNode = generateWikiFileNode(wikiRepoId, pageId, text, icon, isDir);
   if (isCollapsed) {
     _slate.Transforms.insertNodes(editor, wikiLinkNode);
   } else {
@@ -42,14 +42,18 @@ const insertWikiPageLink = (editor, text, wikiRepoId, pageId) => {
   }
 };
 exports.insertWikiPageLink = insertWikiPageLink;
-const generateSdocFileNode = function (wikiRepoId, pageId) {
+const generateWikiFileNode = function (wikiRepoId, pageId) {
   let title = arguments.length > 2 && arguments[2] !== undefined ? arguments[2] : '';
+  let icon = arguments.length > 3 ? arguments[3] : undefined;
+  let isDir = arguments.length > 4 ? arguments[4] : undefined;
   const wikiPageLinkNode = {
     id: _slugid.default.nice(),
     type: _elementType.WIKI_LINK,
     wiki_repo_id: wikiRepoId,
     page_id: pageId,
     title: title,
+    icon,
+    isDir,
     display_type: _constants.INSERT_FILE_DISPLAY_TYPE[1],
     children: [{
       id: _slugid.default.nice(),
@@ -58,13 +62,11 @@ const generateSdocFileNode = function (wikiRepoId, pageId) {
   };
   return wikiPageLinkNode;
 };
-exports.generateSdocFileNode = generateSdocFileNode;
+exports.generateWikiFileNode = generateWikiFileNode;
 const getWikiUrl = (wikiRepoId, pageId) => {
   const {
-    origin,
-    pathname
+    origin
   } = window.location;
-  const pathName = pathname.replace(/\d+\/$/, `${wikiRepoId}/`);
-  return `${origin}${pathName}?page_id=${pageId}`;
+  return `${origin}/wikis/${wikiRepoId}/?page_id=${pageId}`;
 };
 exports.getWikiUrl = getWikiUrl;

package/dist/utils/index.js

@@ -25,7 +25,7 @@ Object.defineProperty(exports, "getEventTransfer", {
     return _getEventTransfer.default;
   }
 });
-exports.resetWebTitle = exports.isMobile = exports.isMac = exports.isEnglish = exports.getSelectionCoords = exports.getImageFileNameWithTimestamp = void 0;
+exports.resetWebTitle = exports.isMobile = exports.isMac = exports.isEnglish = exports.getSelectionCoords = exports.getMaximumCapacity = exports.getImageFileNameWithTimestamp = void 0;
 var _dateUtils = _interopRequireDefault(require("./date-utils"));
 var _localStorageUtils = _interopRequireDefault(require("./local-storage-utils"));
 var _context = _interopRequireDefault(require("../context"));
@@ -152,4 +152,22 @@ const isEnglish = str => {
   }
   return false;
 };
-exports.isEnglish = isEnglish;
+exports.isEnglish = isEnglish;
+const getMaximumCapacity = files => {
+  const containerMaxHeight = 350;
+  const containerTop = 40;
+  const containerBottom = 32;
+  const containerMore = 32;
+  const availableHeight = containerMaxHeight - containerTop - containerBottom - containerMore;
+  let allHeight = 0;
+  const newFiles = [];
+  files.forEach(file => {
+    const itemHeight = file !== null && file !== void 0 && file.path ? 51 : 32;
+    allHeight = allHeight + itemHeight;
+    if (allHeight <= availableHeight) {
+      newFiles.push(file);
+    }
+  });
+  return newFiles;
+};
+exports.getMaximumCapacity = getMaximumCapacity;

package/package.json

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

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

@@ -575,5 +575,8 @@
   "Video": "Video",
   "Upload_local_video": "Upload_local_video",
   "The_current_version_does_not_support_>5MB_video_file": "The_current_version_does_not_support_>5MB_video_file",
-  "Token_expired_Please_refresh_the_page": "Token expired. Please refresh the page."
+  "Token_expired_Please_refresh_the_page": "Token expired. Please refresh the page.",
+  "Link_to_page": "Link to page",
+  "No_page_results": "No page results",
+  "Page": "Page"
 }

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

@@ -575,5 +575,8 @@
   "Video": "Video",
   "Upload_local_video": "Upload_local_video",
   "The_current_version_does_not_support_>5MB_video_file": "The_current_version_does_not_support_>5MB_video_file",
-  "Token_expired_Please_refresh_the_page": "Token expired. Please refresh the page."
+  "Token_expired_Please_refresh_the_page": "Token expired. Please refresh the page.",
+  "Link_to_page": "Link to page",
+  "No_page_results": "No page results",
+  "Page": "Page"
 }

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

@@ -575,5 +575,8 @@
   "Video": "Video",
   "Upload_local_video": "Upload_local_video",
   "The_current_version_does_not_support_>5MB_video_file": "The_current_version_does_not_support_>5MB_video_file",
-  "Token_expired_Please_refresh_the_page": "Token expired. Please refresh the page."
+  "Token_expired_Please_refresh_the_page": "Token expired. Please refresh the page.",
+  "Link_to_page": "Link to page",
+  "No_page_results": "No page results",
+  "Page": "Page"
 }

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

@@ -575,5 +575,8 @@
   "Video": "Video",
   "Upload_local_video": "Upload_local_video",
   "The_current_version_does_not_support_>5MB_video_file": "The_current_version_does_not_support_>5MB_video_file",
-  "Token_expired_Please_refresh_the_page": "Token expired. Please refresh the page."
+  "Token_expired_Please_refresh_the_page": "Token expired. Please refresh the page.",
+  "Link_to_page": "Link to page",
+  "No_page_results": "No page results",
+  "Page": "Page"
 }

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

@@ -575,5 +575,8 @@
   "Video": "Video",
   "Upload_local_video": "Upload_local_video",
   "The_current_version_does_not_support_>5MB_video_file": "The_current_version_does_not_support_>5MB_video_file",
-  "Token_expired_Please_refresh_the_page": "Token expired. Please refresh the page."
+  "Token_expired_Please_refresh_the_page": "Token expired. Please refresh the page.",
+  "Link_to_page": "Link to page",
+  "No_page_results": "No page results",
+  "Page": "Page"
 }

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

@@ -575,5 +575,8 @@
   "Video": "Video",
   "Upload_local_video": "Upload_local_video",
   "The_current_version_does_not_support_>5MB_video_file": "The_current_version_does_not_support_>5MB_video_file",
-  "Token_expired_Please_refresh_the_page": "Token expired. Please refresh the page."
+  "Token_expired_Please_refresh_the_page": "Token expired. Please refresh the page.",
+  "Link_to_page": "Link to page",
+  "No_page_results": "No page results",
+  "Page": "Page"
 }

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

@@ -575,5 +575,8 @@
   "Video": "Vidéo",
   "Upload_local_video": "Upload_local_video",
   "The_current_version_does_not_support_>5MB_video_file": "The_current_version_does_not_support_>5MB_video_file",
-  "Token_expired_Please_refresh_the_page": "Token expired. Please refresh the page."
+  "Token_expired_Please_refresh_the_page": "Token expired. Please refresh the page.",
+  "Link_to_page": "Link to page",
+  "No_page_results": "No page results",
+  "Page": "Page"
 }

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

@@ -575,5 +575,8 @@
   "Video": "Video",
   "Upload_local_video": "Upload_local_video",
   "The_current_version_does_not_support_>5MB_video_file": "The_current_version_does_not_support_>5MB_video_file",
-  "Token_expired_Please_refresh_the_page": "Token expired. Please refresh the page."
+  "Token_expired_Please_refresh_the_page": "Token expired. Please refresh the page.",
+  "Link_to_page": "Link to page",
+  "No_page_results": "No page results",
+  "Page": "Page"
 }

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

@@ -575,5 +575,8 @@
   "Video": "Видео",
   "Upload_local_video": "Загрузка_локального_видео",
   "The_current_version_does_not_support_>5MB_video_file": "Текущая_версия_не_поддерживает_видео_файл_>5_МБ",
-  "Token_expired_Please_refresh_the_page": "Token expired. Please refresh the page."
+  "Token_expired_Please_refresh_the_page": "Срок действия токена истек. Обновите страницу.",
+  "Link_to_page": "Ссылка на страницу",
+  "No_page_results": "No page results",
+  "Page": "Page"
 }

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

@@ -247,7 +247,7 @@
   "Server_is_disconnected_Reconnecting": "服务器断开连接。正在重新连接...",
   "Server_is_reconnected": "服务器已重新连接。",
   "Outline": "目录",
-  "Headings_you_add_to_the_document_will_appear_here": "您添加到文档中的标题将显示在此处",
+  "Headings_you_add_to_the_document_will_appear_here": "你添加到文档中的标题将显示在此处",
   "Open_parent_folder": "打开父目录",
   "Redo": "重做",
   "Undo": "撤销",
@@ -575,5 +575,8 @@
   "Video": "视频",
   "Upload_local_video": "上传本地视频",
   "The_current_version_does_not_support_>5MB_video_file": "当前版本不支持大于 5MB 的视频文件",
-  "Token_expired_Please_refresh_the_page": "Token已过期。请刷新页面。"
+  "Token_expired_Please_refresh_the_page": "Token已过期。请刷新页面。",
+  "Link_to_page": "链接到页面",
+  "No_page_results": "没有页面结果",
+  "Page": "页面"
 }