@seafile/sdoc-editor 3.0.71 → 3.0.73

package/dist/extension/commons/select-file-dialog/helpers.js

@@ -44,6 +44,7 @@ var getFileTypeIcon = exports.getFileTypeIcon = function getFileTypeIcon(fileTyp
 };
 var parcelFileTypeIcon = exports.parcelFileTypeIcon = function parcelFileTypeIcon(fileName) {
   var _Object$entries$find;
+  if (!fileName) return '';
   var newFileType = fileName.split('.').pop();
   var fileExtType = (_Object$entries$find = Object.entries(_constants.FILEEXT_TYPE).find(function (_ref) {
     var _ref2 = (0, _slicedToArray2["default"])(_ref, 2),

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

@@ -15,6 +15,7 @@ var _slateReact = require("@seafile/slate-react");
 var _classnames = _interopRequireDefault(require("classnames"));
 var _lodash = _interopRequireDefault(require("lodash.throttle"));
 var _constants = require("../../../constants");
+var _context = _interopRequireDefault(require("../../../context"));
 var _commonUtils = require("../../../utils/common-utils");
 var _eventBus = _interopRequireDefault(require("../../../utils/event-bus"));
 var _localStorageUtils = _interopRequireDefault(require("../../../utils/local-storage-utils"));
@@ -165,8 +166,8 @@ var WikiFileLinkInsertDialog = function WikiFileLinkInsertDialog(_ref) {
       getPosition();
       return;
     }
-    var navConfig = window.wiki.config.navConfig;
-    var pages = navConfig.pages;
+    var _context$getSetting = _context["default"].getSetting('navConfig'),
+      pages = _context$getSetting.pages;
     var newFiles = [];
     pages.forEach(function (page) {
       if (page.name.includes(searchText.trim())) {

package/dist/extension/plugins/image/helpers.js

@@ -111,12 +111,12 @@ var insertImage = exports.insertImage = function insertImage(editor, imgInfos, s
       at: validSelection
     });
 
-    // BLOCKQUOTE and CALL_OUT use inline images
+    // BLOCKQUOTE, CALL_OUT, MULTI_COLUMN use inline images
     var imageType = _constants2.IMAGE_BLOCK;
     var _Editor$node = _slate.Editor.node(editor, [aboveNodeEntry[1][0]]),
       _Editor$node2 = (0, _slicedToArray2["default"])(_Editor$node, 1),
       topNode = _Editor$node2[0];
-    if ([_constants2.BLOCKQUOTE, _constants2.CALL_OUT].includes(topNode === null || topNode === void 0 ? void 0 : topNode.type)) {
+    if ([_constants2.BLOCKQUOTE, _constants2.CALL_OUT, _constants2.MULTI_COLUMN].includes(topNode === null || topNode === void 0 ? void 0 : topNode.type)) {
       imageType = '';
     }
     if (imageType === _constants2.IMAGE_BLOCK) {

package/dist/extension/plugins/image/image-loader/index.css

@@ -11,6 +11,7 @@
   bottom: 0;
   left: 0;
   background-color: rgba(0, 0, 0, 0.5);
+  container-type: inline-size;
 }
 
 @keyframes spin {
@@ -32,7 +33,6 @@
   animation: spin 1s linear infinite;
   user-select: none;
   pointer-events: none;
-  margin-left: 15px;
 }
 
 .sdoc-image-process-container .copyright {
@@ -40,6 +40,12 @@
   color: #fff;
 }
 
+@container (max-width: 140px) {
+  .sdoc-image-process-container .copyright {
+    display: none;
+  }
+}
+
 .sdoc-image-content.upload-error>span {
   min-height: 300px;
   min-width: 400px;

package/dist/extension/plugins/link/dialog/add-link-dialog/index.css

@@ -5,6 +5,7 @@
 }
 
 .select-btn .link-address-btn,
+.select-btn .link-page-btn,
 .select-btn .link-block-btn {
   font-size: .875rem;
   font-weight: 600;
@@ -12,16 +13,19 @@
 }
 
 .select-btn .link-address-btn:hover,
+.select-btn .link-page-btn:hover,
 .select-btn .link-block-btn:hover {
   cursor: pointer;
 }
 
+.select-btn .link-page-btn.active,
 .select-btn .link-address-btn.active,
 .select-btn .link-block-btn.active {
   color: #ff9800;
   border-bottom: 2px solid #ff9800;
 }
 
+.select-btn .link-page-btn,
 .select-btn .link-address-btn {
   margin-right: 40px;
 }
@@ -33,6 +37,7 @@
 .selected-linked-block-wrapper .form-control {
   display: flex;
   justify-content: space-between;
+  align-items: center;
   cursor: pointer;
   height: 36.39px;
 }

package/dist/extension/plugins/link/dialog/add-link-dialog/index.js

@@ -14,11 +14,13 @@ var _reactI18next = require("react-i18next");
 var _reactstrap = require("reactstrap");
 var _slate = require("@seafile/slate");
 var _classnames = _interopRequireDefault(require("classnames"));
+var _constants = require("../../../../../constants");
 var _mdToHtml = require("../../../../../slate-convert/md-to-html");
 var _slateToMd = _interopRequireDefault(require("../../../../../slate-convert/slate-to-md"));
-var _constants = require("../../../../constants");
+var _constants2 = require("../../../../constants");
 var _core = require("../../../../core");
 var _helpers = require("../../helpers");
+var _linkedPage = _interopRequireDefault(require("./select-forms/linked-page"));
 require("./index.css");
 var AddLinkDialog = function AddLinkDialog(_ref) {
   var editor = _ref.editor,
@@ -43,7 +45,8 @@ var AddLinkDialog = function AddLinkDialog(_ref) {
       href: ''
     },
     oldURL = _ref2.href,
-    linked_id = _ref2.linked_id;
+    linked_id = _ref2.linked_id,
+    linked_wiki_page_id = _ref2.linked_wiki_page_id;
   var oldTitle = (element === null || element === void 0 ? void 0 : element.children[0].text) || linkTitle || '';
   var initTitle = (0, _react.useMemo)(function () {
     return oldTitle ? oldTitle : (0, _core.getEditorString)(editor, editor.selection);
@@ -52,50 +55,69 @@ var AddLinkDialog = function AddLinkDialog(_ref) {
     _useState6 = (0, _slicedToArray2["default"])(_useState5, 2),
     title = _useState6[0],
     setTitle = _useState6[1];
-  var _useState7 = (0, _react.useState)(linked_id ? '' : oldURL),
+  var _useState7 = (0, _react.useState)(''),
     _useState8 = (0, _slicedToArray2["default"])(_useState7, 2),
-    url = _useState8[0],
-    setURL = _useState8[1];
-  var _useState9 = (0, _react.useState)(linked_id ? 'block' : 'url'),
+    selectedBlockId = _useState8[0],
+    setSelectedBlockId = _useState8[1];
+  var _useState9 = (0, _react.useState)(''),
     _useState0 = (0, _slicedToArray2["default"])(_useState9, 2),
-    activeTab = _useState0[0],
-    setActiveTab = _useState0[1];
-  var _useState1 = (0, _react.useState)(''),
+    selectedPageId = _useState0[0],
+    setSelectedPageId = _useState0[1];
+  var _useState1 = (0, _react.useState)([]),
     _useState10 = (0, _slicedToArray2["default"])(_useState1, 2),
-    selectedBlockId = _useState10[0],
-    setSelectedBlockId = _useState10[1];
-  var _useState11 = (0, _react.useState)([]),
+    headerList = _useState10[0],
+    setheaderList = _useState10[1];
+  var _useState11 = (0, _react.useState)(false),
     _useState12 = (0, _slicedToArray2["default"])(_useState11, 2),
-    headerList = _useState12[0],
-    setheaderList = _useState12[1];
+    isOpenSelect = _useState12[0],
+    setIsOpenSelect = _useState12[1];
   var _useState13 = (0, _react.useState)(false),
     _useState14 = (0, _slicedToArray2["default"])(_useState13, 2),
-    isOpenSelect = _useState14[0],
-    setIsOpenSelect = _useState14[1];
+    isOpenSelectHeader = _useState14[0],
+    setIsOpenSelectHeader = _useState14[1];
   var _useState15 = (0, _react.useState)(false),
     _useState16 = (0, _slicedToArray2["default"])(_useState15, 2),
-    isOpenSelectHeader = _useState16[0],
-    setIsOpenSelectHeader = _useState16[1];
+    isOpenSelectImageBlock = _useState16[0],
+    setIsOpenSelectImageBlock = _useState16[1];
   var _useState17 = (0, _react.useState)(false),
     _useState18 = (0, _slicedToArray2["default"])(_useState17, 2),
-    isOpenSelectImageBlock = _useState18[0],
-    setIsOpenSelectImageBlock = _useState18[1];
+    isOpenSelectCodeBlock = _useState18[0],
+    setIsOpenSelectCodeBlock = _useState18[1];
   var _useState19 = (0, _react.useState)(false),
     _useState20 = (0, _slicedToArray2["default"])(_useState19, 2),
-    isOpenSelectCodeBlock = _useState20[0],
-    setIsOpenSelectCodeBlock = _useState20[1];
-  var _useState21 = (0, _react.useState)(false),
+    isOpenSelectBlockquote = _useState20[0],
+    setIsOpenSelectBlockquote = _useState20[1];
+  var _useState21 = (0, _react.useState)(''),
     _useState22 = (0, _slicedToArray2["default"])(_useState21, 2),
-    isOpenSelectBlockquote = _useState22[0],
-    setIsOpenSelectBlockquote = _useState22[1];
-  var _useState23 = (0, _react.useState)(''),
+    htmlString = _useState22[0],
+    setHtmlString = _useState22[1];
+  var initTab = (0, _react.useMemo)(function () {
+    if (linked_id) {
+      return 'block';
+    }
+    if (linked_wiki_page_id) {
+      return 'page';
+    }
+    return 'url';
+  }, [linked_id, linked_wiki_page_id]);
+  var _useState23 = (0, _react.useState)(initTab !== 'url' ? '' : oldURL),
     _useState24 = (0, _slicedToArray2["default"])(_useState23, 2),
-    htmlString = _useState24[0],
-    setHtmlString = _useState24[1];
+    url = _useState24[0],
+    setURL = _useState24[1];
+  var _useState25 = (0, _react.useState)(initTab),
+    _useState26 = (0, _slicedToArray2["default"])(_useState25, 2),
+    activeTab = _useState26[0],
+    setActiveTab = _useState26[1];
   var submit = (0, _react.useCallback)(function () {
     setLinkErrorMessage('');
     setTitleErrorMessage('');
-    if (!url && !selectedBlockId) {
+    if (editor.editorType === _constants.WIKI_EDITOR) {
+      if (!url && !selectedBlockId && !selectedPageId) {
+        setLinkErrorMessage(t('The_link_address_or_link_page_or_link_block_is_required'));
+        return;
+      }
+    }
+    if (editor.editorType !== _constants.WIKI_EDITOR && !url && !selectedBlockId) {
       setLinkErrorMessage(t('The_link_address_or_link_block_is_required'));
       return;
     }
@@ -109,15 +131,15 @@ var AddLinkDialog = function AddLinkDialog(_ref) {
     }
     var isEdit = oldURL || oldTitle;
     if (isEdit) {
-      (0, _helpers.updateLink)(editor, title, url, selectedBlockId);
+      (0, _helpers.updateLink)(editor, title, url, selectedBlockId, selectedPageId);
     } else {
-      (0, _helpers.insertLink)(editor, title, url, insertPosition, slateNode, selectedBlockId);
+      (0, _helpers.insertLink)(editor, title, url, insertPosition, slateNode, selectedBlockId, selectedPageId);
     }
     handleSubmit && handleSubmit();
     closeDialog();
 
     // eslint-disable-next-line react-hooks/exhaustive-deps
-  }, [editor, url, title, oldTitle, oldURL, insertPosition, selectedBlockId]);
+  }, [editor, url, title, oldTitle, oldURL, insertPosition, selectedBlockId, selectedPageId]);
   var onKeyDown = (0, _react.useCallback)(function (event) {
     if (event.keyCode === 13) {
       event.preventDefault();
@@ -132,6 +154,7 @@ var AddLinkDialog = function AddLinkDialog(_ref) {
     if (value === url) return;
     setURL(value);
     setSelectedBlockId('');
+    setSelectedPageId('');
   }, [url]);
   var handleTitleChange = (0, _react.useCallback)(function (event) {
     var value = event.target.value;
@@ -157,6 +180,7 @@ var AddLinkDialog = function AddLinkDialog(_ref) {
       var nodeId = block.dataset.id;
       setSelectedBlockId(nodeId);
       setURL('');
+      setSelectedPageId('');
       setIsOpenSelect(false);
     }
   };
@@ -187,7 +211,7 @@ var AddLinkDialog = function AddLinkDialog(_ref) {
           while (1) switch (_context.n) {
             case 0:
               list = editor.children.filter(function (node) {
-                return _slate.Element.isElement(node) && !(0, _helpers.isEmptyNode)(node) && _constants.INTERNAL_LINKED_TYPE.includes(node.type);
+                return _slate.Element.isElement(node) && !(0, _helpers.isEmptyNode)(node) && _constants2.INTERNAL_LINKED_TYPE.includes(node.type);
               });
               mdValue = list.map(function (node) {
                 return "<!--".concat(node.id, "-->\n").concat((0, _slateToMd["default"])([node]));
@@ -215,7 +239,7 @@ var AddLinkDialog = function AddLinkDialog(_ref) {
   (0, _react.useEffect)(function () {
     // Get header node list
     var headerList = editor.children.filter(function (node) {
-      return _slate.Element.isElement(node) && !(0, _helpers.isEmptyNode)(node) && _constants.HEADERS.includes(node.type);
+      return _slate.Element.isElement(node) && !(0, _helpers.isEmptyNode)(node) && _constants2.HEADERS.includes(node.type);
     });
     if (headerList.length > 0) {
       setheaderList(headerList);
@@ -256,7 +280,14 @@ var AddLinkDialog = function AddLinkDialog(_ref) {
     onClick: function onClick() {
       return setActiveTab('url');
     }
-  }, t('Link_address')), /*#__PURE__*/_react["default"].createElement("div", {
+  }, t('Link_address')), editor.editorType === _constants.WIKI_EDITOR && /*#__PURE__*/_react["default"].createElement("div", {
+    className: (0, _classnames["default"])('link-page-btn', {
+      'active': activeTab === 'page'
+    }),
+    onClick: function onClick() {
+      return setActiveTab('page');
+    }
+  }, t('Link_page')), /*#__PURE__*/_react["default"].createElement("div", {
     className: (0, _classnames["default"])('link-block-btn', {
       'active': activeTab === 'block'
     }),
@@ -313,7 +344,7 @@ var AddLinkDialog = function AddLinkDialog(_ref) {
       }
     }, /*#__PURE__*/_react["default"].createElement("div", {
       className: "heading-prefix"
-    }, _constants.HEADER_TAG[header.type]), /*#__PURE__*/_react["default"].createElement("div", {
+    }, _constants2.HEADER_TAG[header.type]), /*#__PURE__*/_react["default"].createElement("div", {
       "data-id": header.id,
       className: "linked-header-block-item"
     }, headerContext));
@@ -374,7 +405,13 @@ var AddLinkDialog = function AddLinkDialog(_ref) {
     onClick: function onClick(e) {
       return handleOnChangeBlock(e);
     }
-  }))))), /*#__PURE__*/_react["default"].createElement(_reactstrap.ModalFooter, null, /*#__PURE__*/_react["default"].createElement(_reactstrap.Button, {
+  }))), editor.editorType === _constants.WIKI_EDITOR && activeTab === 'page' && /*#__PURE__*/_react["default"].createElement(_linkedPage["default"], {
+    editor: editor,
+    element: element,
+    setSelectedPageId: setSelectedPageId,
+    setSelectedBlockId: setSelectedBlockId,
+    setURL: setURL
+  }))), /*#__PURE__*/_react["default"].createElement(_reactstrap.ModalFooter, null, /*#__PURE__*/_react["default"].createElement(_reactstrap.Button, {
     color: "secondary",
     onClick: closeDialog
   }, t('Cancel')), /*#__PURE__*/_react["default"].createElement(_reactstrap.Button, {

package/dist/extension/plugins/link/dialog/add-link-dialog/select-forms/linked-page.css

@@ -0,0 +1,153 @@
+.link-block-wrapper.sdoc-wiki-link-page {
+  padding: 12px 5px;
+}
+
+.sdoc-wiki-link-page-item-wrapper {
+  display: block;
+  width: 100%;
+}
+
+.sdoc-wiki-link-page-item {
+  display: flex;
+  width: auto;
+  height: 32px;
+  padding: 0 8px 0 0;
+  font-size: 14px;
+  align-items: center;
+  justify-content: flex-start;
+  border-radius: 3px;
+  margin-left: 20px;
+  cursor: pointer;
+}
+
+.sdoc-wiki-link-page-item.is-dir {
+  margin-left: 0;
+}
+
+.sdoc-wiki-link-page-item:hover {
+  background-color: #f5f5f5;
+}
+
+.sdoc-wiki-link-page-item .toggle-icon-container {
+  width: 22px;
+  height: 22px;
+  display: flex;
+  justify-content: center;
+  align-items: center;
+  color: #666;
+  font-size: 12px;
+  border-radius: 3px;
+}
+
+.sdoc-wiki-link-page-item .toggle-icon-container .sdoc-file-icon-toggle {
+  transform: rotate(270deg);
+}
+
+.sdoc-wiki-link-page-item .toggle-icon-container.opened .sdoc-file-icon-toggle {
+  transform: rotate(0deg);
+}
+
+.sdoc-wiki-link-page-item .page-icon {
+  width: 20px;
+  height: 20px;
+  border-radius: 3px;
+  display: flex;
+  justify-content: center;
+  align-items: center;
+  /* margin-left: 22px; */
+  margin-right: 6px;
+}
+
+.sdoc-wiki-link-page-main {
+  display: inline-flex;
+  align-items: center;
+  flex: 1 1;
+}
+
+.sdoc-wiki-link-page-item-wrapper .page-name {
+  height: 32px;
+  line-height: 32px;
+  flex: 1 1;
+  overflow: hidden;
+  text-overflow: ellipsis;
+  white-space: nowrap;
+}
+
+.sdoc-files-search-popover-container {
+  width: 100%;
+  padding: 0 5px 5px;
+}
+
+.selected-wiki-linked-page {
+  display: flex;
+  width: auto;
+  height: 32px;
+  padding: 0 8px 0 0;
+  font-size: 14px;
+  align-items: center;
+  justify-content: flex-start;
+}
+
+.selected-wiki-linked-page .page-icon {
+  width: 20px;
+  height: 20px;
+  border-radius: 3px;
+  display: flex;
+  justify-content: center;
+  align-items: center;
+  margin-right: 6px;
+}
+
+.selected-wiki-linked-page .page-name {
+  height: 32px;
+  line-height: 32px;
+  flex: 1 1;
+  overflow: hidden;
+  text-overflow: ellipsis;
+  white-space: nowrap;
+}
+
+.sdoc-page-search-container {
+  position: relative;
+  display: flex;
+  align-items: center;
+  width: 100%;
+  padding: 0 5px 5px;
+}
+
+.sdoc-page-search-container .sdoc-search {
+  position: absolute;
+  left: 10px;
+  display: flex;
+  align-items: center;
+  justify-content: center;
+  width: 20px;
+  color: #868E96 !important;
+  font-size: 14px;
+}
+
+.sdoc-page-search-container .sdoc-search-close-icon {
+  position: absolute;
+  right: 10px;
+  display: flex;
+  border-radius: 3px;
+  align-items: center;
+  justify-content: center;
+  height: 24px;
+  width: 24px;
+}
+
+.sdoc-search-close-icon:hover {
+  background-color: #efefef;
+}
+
+.sdoc-search-close-icon .sdocfont {
+  font-size: 16px;
+  color: #868E96;
+  cursor: pointer;
+}
+
+.no-search-result {
+  display: flex;
+  padding: 0 5px;
+}

package/dist/extension/plugins/link/dialog/add-link-dialog/select-forms/linked-page.js

@@ -0,0 +1,222 @@
+"use strict";
+
+var _interopRequireWildcard = require("@babel/runtime/helpers/interopRequireWildcard")["default"];
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault")["default"];
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports["default"] = void 0;
+var _defineProperty2 = _interopRequireDefault(require("@babel/runtime/helpers/esm/defineProperty"));
+var _objectSpread3 = _interopRequireDefault(require("@babel/runtime/helpers/esm/objectSpread2"));
+var _slicedToArray2 = _interopRequireDefault(require("@babel/runtime/helpers/esm/slicedToArray"));
+var _react = _interopRequireWildcard(require("react"));
+var _reactI18next = require("react-i18next");
+var _reactstrap = require("reactstrap");
+var _classnames = _interopRequireDefault(require("classnames"));
+var _isHotkey = _interopRequireDefault(require("is-hotkey"));
+var _constants = require("../../../../../../constants");
+var _context = _interopRequireDefault(require("../../../../../../context"));
+var _selectedPageDisplay = require("./selected-page-display");
+require("./linked-page.css");
+var LinkedPagesForm = function LinkedPagesForm(_ref) {
+  var editor = _ref.editor,
+    element = _ref.element,
+    setSelectedPageId = _ref.setSelectedPageId,
+    setSelectedBlockId = _ref.setSelectedBlockId,
+    setURL = _ref.setURL;
+  var _useTranslation = (0, _reactI18next.useTranslation)('sdoc-editor'),
+    t = _useTranslation.t;
+  var _useState = (0, _react.useState)(false),
+    _useState2 = (0, _slicedToArray2["default"])(_useState, 2),
+    isOpenSelect = _useState2[0],
+    setIsOpenSelect = _useState2[1];
+  var _useState3 = (0, _react.useState)({}),
+    _useState4 = (0, _slicedToArray2["default"])(_useState3, 2),
+    collapsedMap = _useState4[0],
+    setCollapsedMap = _useState4[1];
+  var _useState5 = (0, _react.useState)(''),
+    _useState6 = (0, _slicedToArray2["default"])(_useState5, 2),
+    temSearchContent = _useState6[0],
+    setTemSearchContent = _useState6[1];
+  var _useState7 = (0, _react.useState)(''),
+    _useState8 = (0, _slicedToArray2["default"])(_useState7, 2),
+    searchContent = _useState8[0],
+    setSearchContent = _useState8[1];
+  var _useState9 = (0, _react.useState)(false),
+    _useState0 = (0, _slicedToArray2["default"])(_useState9, 2),
+    isOpenSearch = _useState0[0],
+    setIsOpenSearch = _useState0[1];
+  var _useState1 = (0, _react.useState)([]),
+    _useState10 = (0, _slicedToArray2["default"])(_useState1, 2),
+    searchResult = _useState10[0],
+    setSearchResult = _useState10[1];
+  var searchRef = (0, _react.useRef)(null);
+  var _ref2 = editor.editorType === _constants.WIKI_EDITOR && _context["default"].getSetting('navConfig'),
+    wikiPageList = _ref2.pages,
+    wikiNavPages = _ref2.navigation;
+  var _ref3 = element || {},
+    linked_wiki_page_id = _ref3.linked_wiki_page_id;
+  var _useState11 = (0, _react.useState)(linked_wiki_page_id || ''),
+    _useState12 = (0, _slicedToArray2["default"])(_useState11, 2),
+    displayedWikiPage = _useState12[0],
+    setDisplayedWikiPage = _useState12[1];
+  var isCollapsed = function isCollapsed(dirId) {
+    return !collapsedMap[dirId];
+  };
+  var toggleDir = function toggleDir(dirId) {
+    setCollapsedMap(function (prev) {
+      return (0, _objectSpread3["default"])((0, _objectSpread3["default"])({}, prev), {}, (0, _defineProperty2["default"])({}, dirId, !prev[dirId]));
+    });
+  };
+  var executeSearch = (0, _react.useCallback)(function () {
+    if (!temSearchContent.trim()) {
+      setSearchContent('');
+      setIsOpenSearch(false);
+      return;
+    }
+    setSearchContent(temSearchContent);
+    setIsOpenSearch(true);
+  }, [temSearchContent]);
+  var handleSearchInputChange = (0, _react.useCallback)(function (e) {
+    var keyword = e.target.value.toLowerCase();
+    setTemSearchContent(keyword);
+  }, []);
+  var handleInputKeyDown = (0, _react.useCallback)(function (e) {
+    if ((0, _isHotkey["default"])('enter', e)) {
+      e.preventDefault();
+      executeSearch();
+    }
+    if ((0, _isHotkey["default"])('escape', e)) {
+      e.preventDefault();
+      e.stopPropagation();
+      var el = searchRef.current;
+      if (!el) return;
+      el && el.blur();
+      el && (el.value = '');
+      setSearchContent('');
+      setIsOpenSearch(false);
+    }
+    // eslint-disable-next-line react-hooks/exhaustive-deps
+  }, [executeSearch, isOpenSearch]);
+  var getSearchPages = function getSearchPages(searchContent) {
+    var result = wikiPageList.filter(function (p) {
+      var _p$name;
+      return (_p$name = p.name) === null || _p$name === void 0 ? void 0 : _p$name.includes(searchContent);
+    });
+    result && setSearchResult(result);
+  };
+  var handleSelect = function handleSelect(e, pageId) {
+    e.stopPropagation();
+    setSelectedPageId(pageId);
+    setSelectedBlockId('');
+    setURL('');
+    setDisplayedWikiPage(pageId);
+    setIsOpenSelect(false);
+    setIsOpenSearch(false);
+  };
+  var handleOnClickClose = function handleOnClickClose(e) {
+    e.stopPropagation();
+    var el = searchRef.current;
+    if (!el) return;
+    el && el.blur();
+    el && (el.value = '');
+    setIsOpenSearch(false);
+    setSearchContent('');
+  };
+  (0, _react.useEffect)(function () {
+    if (searchContent.trim() && isOpenSearch) {
+      getSearchPages(searchContent);
+    }
+    // eslint-disable-next-line react-hooks/exhaustive-deps
+  }, [isOpenSearch, searchContent]);
+  var _renderPage = function renderPage(item, wikiPageList) {
+    var depth = arguments.length > 2 && arguments[2] !== undefined ? arguments[2] : 0;
+    var isFromSearch = arguments.length > 3 ? arguments[3] : undefined;
+    var page = wikiPageList.find(function (p) {
+      return p.id === item.id;
+    });
+    if (isFromSearch) {
+      page.isDir = false;
+    }
+    return /*#__PURE__*/_react["default"].createElement("div", {
+      key: page.id,
+      className: "sdoc-wiki-link-page-item-wrapper",
+      style: {
+        paddingLeft: depth * 16
+      }
+    }, /*#__PURE__*/_react["default"].createElement("div", {
+      className: (0, _classnames["default"])('sdoc-wiki-link-page-item', {
+        'is-dir': page.isDir
+      })
+    }, page.isDir && /*#__PURE__*/_react["default"].createElement("span", {
+      className: (0, _classnames["default"])('toggle-icon-container', {
+        'opened': !isCollapsed(page.id)
+      }),
+      onClick: function onClick(e) {
+        e.stopPropagation();
+        toggleDir(page.id);
+      }
+    }, /*#__PURE__*/_react["default"].createElement("i", {
+      className: "sdoc-file-icon sdoc-file-icon-toggle sdocfont sdoc-arrow-down"
+    })), /*#__PURE__*/_react["default"].createElement("span", {
+      className: "sdoc-wiki-link-page-main",
+      onClick: function onClick(e) {
+        return handleSelect(e, page.id);
+      }
+    }, page.icon && /*#__PURE__*/_react["default"].createElement("span", {
+      className: "page-icon"
+    }, page.icon), !page.icon && /*#__PURE__*/_react["default"].createElement(_react["default"].Fragment, null, page.isDir ? /*#__PURE__*/_react["default"].createElement("span", {
+      className: "page-icon sf3-font sf3-font-files2"
+    }) : /*#__PURE__*/_react["default"].createElement("span", {
+      className: "page-icon sf3-font sf3-font-file"
+    })), /*#__PURE__*/_react["default"].createElement("span", {
+      className: "page-name"
+    }, page.name))), page.isDir && !isCollapsed(page.id) && item.children.length > 0 && /*#__PURE__*/_react["default"].createElement("div", {
+      className: "sdoc-wiki-link-page-children"
+    }, item.children.map(function (child) {
+      return _renderPage(child, wikiPageList, depth + 1);
+    })));
+  };
+  return /*#__PURE__*/_react["default"].createElement("div", {
+    className: "form-group selected-linked-block-wrapper"
+  }, /*#__PURE__*/_react["default"].createElement("div", {
+    className: (0, _classnames["default"])('form-control', {
+      'expanded': isOpenSelect
+    }),
+    onClick: function onClick() {
+      setIsOpenSelect(!isOpenSelect);
+    }
+  }, /*#__PURE__*/_react["default"].createElement("span", {
+    className: "selected-wiki-linked-page"
+  }, /*#__PURE__*/_react["default"].createElement(_selectedPageDisplay.PageDisplay, {
+    pageId: displayedWikiPage,
+    wikiPageList: wikiPageList
+  })), /*#__PURE__*/_react["default"].createElement("i", {
+    className: "sdoc-file-icon sdoc-file-icon-toggle sdocfont sdoc-arrow-down"
+  })), isOpenSelect && /*#__PURE__*/_react["default"].createElement("div", {
+    className: "link-block-wrapper sdoc-wiki-link-page"
+  }, /*#__PURE__*/_react["default"].createElement("div", {
+    className: "sdoc-page-search-container"
+  }, /*#__PURE__*/_react["default"].createElement("div", {
+    className: "sdocfont sdoc-find-replace sdoc-search"
+  }), /*#__PURE__*/_react["default"].createElement(_reactstrap.Input, {
+    innerRef: searchRef,
+    className: "sdoc-search-input",
+    onKeyUp: handleInputKeyDown,
+    onChange: handleSearchInputChange,
+    id: "sdoc-search",
+    placeholder: t('Search_page')
+  }), /*#__PURE__*/_react["default"].createElement("div", {
+    className: "sdoc-search-close-icon",
+    onClick: handleOnClickClose
+  }, /*#__PURE__*/_react["default"].createElement("i", {
+    className: "sdocfont sdoc-sm-close"
+  }))), !isOpenSearch && wikiNavPages && wikiNavPages.length > 0 && wikiNavPages.map(function (item) {
+    return _renderPage(item, wikiPageList, 0);
+  }), isOpenSearch && searchResult.length > 0 && searchResult.map(function (item) {
+    return _renderPage(item, wikiPageList, 0, true);
+  }), isOpenSearch && searchResult.length === 0 && /*#__PURE__*/_react["default"].createElement("div", {
+    className: "no-search-result"
+  }, t('No_page_results'))));
+};
+var _default = exports["default"] = LinkedPagesForm;

package/dist/extension/plugins/link/dialog/add-link-dialog/select-forms/selected-page-display.js

@@ -0,0 +1,25 @@
+"use strict";
+
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault")["default"];
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.PageDisplay = void 0;
+var _react = _interopRequireDefault(require("react"));
+var PageDisplay = exports.PageDisplay = function PageDisplay(_ref) {
+  var pageId = _ref.pageId,
+    wikiPageList = _ref.wikiPageList;
+  var page = wikiPageList.find(function (p) {
+    return p.id === pageId;
+  });
+  if (!page) return null;
+  return /*#__PURE__*/_react["default"].createElement(_react["default"].Fragment, null, page.icon && /*#__PURE__*/_react["default"].createElement("span", {
+    className: "page-icon"
+  }, page.icon), !page.icon && /*#__PURE__*/_react["default"].createElement(_react["default"].Fragment, null, page.isDir ? /*#__PURE__*/_react["default"].createElement("span", {
+    className: "page-icon sf3-font sf3-font-files2"
+  }) : /*#__PURE__*/_react["default"].createElement("span", {
+    className: "page-icon sf3-font sf3-font-file"
+  })), /*#__PURE__*/_react["default"].createElement("span", {
+    className: "page-name"
+  }, page.name));
+};

package/dist/extension/plugins/link/helpers.js

@@ -11,7 +11,8 @@ var _slicedToArray2 = _interopRequireDefault(require("@babel/runtime/helpers/esm
 var _slate = require("@seafile/slate");
 var _slateReact = require("@seafile/slate-react");
 var _slugid = _interopRequireDefault(require("slugid"));
-var _constants = require("../../constants");
+var _constants = require("../../../constants");
+var _constants2 = require("../../constants");
 var _core = require("../../core");
 var isMenuDisabled = exports.isMenuDisabled = function isMenuDisabled(editor, readonly) {
   if (readonly) return true;
@@ -20,7 +21,7 @@ var isMenuDisabled = exports.isMenuDisabled = function isMenuDisabled(editor, re
   var notMatch = selectedElems.some(function (elem) {
     var type = elem.type;
     if (editor.isVoid(elem)) return true;
-    if ([_constants.CODE_BLOCK, _constants.CODE_LINE, _constants.LINK].includes(type)) return true;
+    if ([_constants2.CODE_BLOCK, _constants2.CODE_LINE, _constants2.LINK].includes(type)) return true;
     return false;
   });
   if (notMatch) return true; // disabled
@@ -32,13 +33,14 @@ var checkLink = exports.checkLink = function checkLink(url) {
   }
   return false;
 };
-var genLinkNode = exports.genLinkNode = function genLinkNode(url, text, nodeId) {
+var genLinkNode = exports.genLinkNode = function genLinkNode(url, text, nodeId, pageId) {
   var linkNode = {
     id: _slugid["default"].nice(),
     type: 'link',
-    href: url,
+    href: url || '',
     title: text,
     linked_id: nodeId || '',
+    linked_wiki_page_id: pageId || '',
     children: [{
       id: _slugid["default"].nice(),
       text: text || ''
@@ -49,30 +51,33 @@ var genLinkNode = exports.genLinkNode = function genLinkNode(url, text, nodeId)
 var getLinkType = exports.getLinkType = function getLinkType(editor) {
   var _Editor$nodes = _slate.Editor.nodes(editor, {
       match: function match(n) {
-        return (0, _core.getNodeType)(n) === _constants.LINK;
+        return (0, _core.getNodeType)(n) === _constants2.LINK;
       },
       universal: true
     }),
     _Editor$nodes2 = (0, _slicedToArray2["default"])(_Editor$nodes, 1),
     match = _Editor$nodes2[0];
-  if (!match) return _constants.PARAGRAPH;
+  if (!match) return _constants2.PARAGRAPH;
   var _match = (0, _slicedToArray2["default"])(match, 1),
     n = _match[0];
   return (0, _core.getNodeType)(n);
 };
 var insertLink = exports.insertLink = function insertLink(editor, title, url) {
-  var position = arguments.length > 3 && arguments[3] !== undefined ? arguments[3] : _constants.INSERT_POSITION.CURRENT;
+  var position = arguments.length > 3 && arguments[3] !== undefined ? arguments[3] : _constants2.INSERT_POSITION.CURRENT;
   var slateNode = arguments.length > 4 ? arguments[4] : undefined;
   var linkedNodeId = arguments.length > 5 ? arguments[5] : undefined;
-  if (position === _constants.INSERT_POSITION.CURRENT && isMenuDisabled(editor)) return;
-  if (!title || !url && !linkedNodeId) return;
+  var selectedPageId = arguments.length > 6 ? arguments[6] : undefined;
+  if (position === _constants2.INSERT_POSITION.CURRENT && isMenuDisabled(editor)) return;
+  if (!title || !url && !linkedNodeId && !selectedPageId) return;
   var linkNode = genLinkNode(url, title);
   if (linkedNodeId) {
     linkNode = genLinkNode(url, title, linkedNodeId);
+  } else if (selectedPageId) {
+    linkNode = genLinkNode(url, title, '', selectedPageId);
   }
-  if (position === _constants.INSERT_POSITION.AFTER) {
+  if (position === _constants2.INSERT_POSITION.AFTER) {
     var path = _slate.Editor.path(editor, editor.selection);
-    if (slateNode && (slateNode === null || slateNode === void 0 ? void 0 : slateNode.type) === _constants.LIST_ITEM) {
+    if (slateNode && (slateNode === null || slateNode === void 0 ? void 0 : slateNode.type) === _constants2.LIST_ITEM) {
       path = _slateReact.ReactEditor.findPath(editor, slateNode);
       var nextPath = _slate.Path.next(path);
       _slate.Transforms.insertNodes(editor, linkNode, {
@@ -80,7 +85,7 @@ var insertLink = exports.insertLink = function insertLink(editor, title, url) {
       });
       return;
     }
-    var p = (0, _core.generateEmptyElement)(_constants.ELEMENT_TYPE.PARAGRAPH);
+    var p = (0, _core.generateEmptyElement)(_constants2.ELEMENT_TYPE.PARAGRAPH);
     p.children[1] = linkNode;
     _slate.Transforms.insertNodes(editor, p, {
       at: [path[0] + 1]
@@ -113,23 +118,47 @@ var insertLink = exports.insertLink = function insertLink(editor, title, url) {
     edge: 'end'
   });
 };
-var updateLink = exports.updateLink = function updateLink(editor, newText, newUrl, linkedNodeId) {
+var updateLink = exports.updateLink = function updateLink(editor, newText, newUrl, linkedNodeId, linkedPageId) {
   // Update children
   var linkAbove = (0, _core.getAboveNode)(editor, {
     match: {
-      type: _constants.LINK
+      type: _constants2.LINK
     }
   });
   if (linkAbove) {
     var _ref = linkAbove[0] || {},
       oldUrl = _ref.href,
       oldText = _ref.title;
-    if (linkedNodeId) {
-      _slate.Transforms.setNodes(editor, {
-        linked_id: linkedNodeId
-      }, {
-        at: linkAbove[1]
-      });
+    if (linkedNodeId || linkedPageId) {
+      // In non-wiki link
+      if (editor.editorType !== _constants.WIKI_EDITOR && linkedNodeId) {
+        _slate.Transforms.setNodes(editor, {
+          linked_id: linkedNodeId
+        }, {
+          at: linkAbove[1]
+        });
+      }
+      // In wiki link
+      if (editor.editorType === _constants.WIKI_EDITOR) {
+        if (linkedNodeId) {
+          _slate.Transforms.setNodes(editor, (0, _objectSpread2["default"])((0, _objectSpread2["default"])({}, linkedNodeId && {
+            linked_id: linkedNodeId
+          }), {
+            linked_wiki_page_id: ''
+          }), {
+            at: linkAbove[1]
+          });
+        }
+        if (linkedPageId) {
+          _slate.Transforms.setNodes(editor, (0, _objectSpread2["default"])((0, _objectSpread2["default"])({}, linkedPageId && {
+            linked_wiki_page_id: linkedPageId
+          }), {
+            linked_id: ''
+          }), {
+            at: linkAbove[1]
+          });
+        }
+      }
       if (oldText !== newText) {
         _slate.Transforms.setNodes(editor, {
           title: newText
@@ -138,14 +167,25 @@ var updateLink = exports.updateLink = function updateLink(editor, newText, newUr
         });
       }
     }
-    if (!linkedNodeId && (oldUrl !== newUrl || oldText !== newText)) {
-      _slate.Transforms.setNodes(editor, {
-        href: newUrl,
-        title: newText,
-        linked_id: ''
-      }, {
-        at: linkAbove[1]
-      });
+    if (!linkedNodeId && !linkedPageId && (oldUrl !== newUrl || oldText !== newText)) {
+      if (editor.editorType === _constants.WIKI_EDITOR) {
+        _slate.Transforms.setNodes(editor, {
+          href: newUrl,
+          title: newText,
+          linked_id: '',
+          linked_wiki_page_id: ''
+        }, {
+          at: linkAbove[1]
+        });
+      } else {
+        _slate.Transforms.setNodes(editor, {
+          href: newUrl,
+          title: newText,
+          linked_id: ''
+        }, {
+          at: linkAbove[1]
+        });
+      }
     }
     upsertLinkText(editor, {
       text: newText
@@ -157,7 +197,7 @@ var upsertLinkText = exports.upsertLinkText = function upsertLinkText(editor, _r
   var text = _ref2.text;
   var newLink = (0, _core.getAboveNode)(editor, {
     match: {
-      type: _constants.LINK
+      type: _constants2.LINK
     }
   });
   if (newLink) {
@@ -182,7 +222,7 @@ var unWrapLinkNode = exports.unWrapLinkNode = function unWrapLinkNode(editor) {
   if (editor.selection == null) return;
   var _Editor$nodes3 = _slate.Editor.nodes(editor, {
       match: function match(n) {
-        return (0, _core.getNodeType)(n) === _constants.LINK;
+        return (0, _core.getNodeType)(n) === _constants2.LINK;
       }
     }),
     _Editor$nodes4 = (0, _slicedToArray2["default"])(_Editor$nodes3, 1),
@@ -194,7 +234,7 @@ var unWrapLinkNode = exports.unWrapLinkNode = function unWrapLinkNode(editor) {
   // unlink
   _slate.Transforms.unwrapNodes(editor, {
     match: function match(n) {
-      return (0, _core.getNodeType)(n) === _constants.LINK;
+      return (0, _core.getNodeType)(n) === _constants2.LINK;
     }
   });
 };
@@ -220,7 +260,7 @@ var isCommonFile = exports.isCommonFile = function isCommonFile(res, url) {
   var _ref5 = fileInfo || {},
     is_dir = _ref5.is_dir,
     file_ext = _ref5.file_ext;
-  return fileInfo && !is_dir && !['sdoc', 'exdraw', 'video'].includes(file_ext);
+  return fileInfo && !is_dir && file_ext && !['sdoc', 'exdraw', 'video'].includes(file_ext);
 };
 var isWeChat = exports.isWeChat = function isWeChat() {
   var ua = window.navigator.userAgent.toLowerCase();
@@ -250,7 +290,7 @@ var isLinkToolBarActive = exports.isLinkToolBarActive = function isLinkToolBarAc
   if (!editor.selection) return false;
   var _Editor$nodes5 = _slate.Editor.nodes(editor, {
       match: function match(n) {
-        return (0, _core.getNodeType)(n) === _constants.LINK;
+        return (0, _core.getNodeType)(n) === _constants2.LINK;
       }
     }),
     _Editor$nodes6 = (0, _slicedToArray2["default"])(_Editor$nodes5, 1),
@@ -278,7 +318,7 @@ var parseHtmlString = exports.parseHtmlString = function parseHtmlString(htmlStr
   return resultHtml;
 };
 var isEmptyNode = exports.isEmptyNode = function isEmptyNode(node) {
-  if (node.type === _constants.IMAGE_BLOCK) return false;
+  if (node.type === _constants2.IMAGE_BLOCK) return false;
   var text = _slate.Node.string(node);
   return text.trim() === '';
 };

package/dist/extension/plugins/link/hover/index.js

@@ -13,6 +13,7 @@ var _reactI18next = require("react-i18next");
 var _slate = require("@seafile/slate");
 var _slateReact = require("@seafile/slate-react");
 var _tooltip = _interopRequireDefault(require("../../../../components/tooltip"));
+var _eventBus = _interopRequireDefault(require("../../../../utils/event-bus"));
 var _helpers = require("../helpers");
 require("./index.css");
 var LinkHover = function LinkHover(_ref) {
@@ -24,7 +25,8 @@ var LinkHover = function LinkHover(_ref) {
   var readOnly = (0, _slateReact.useReadOnly)();
   var _useTranslation = (0, _reactI18next.useTranslation)('sdoc-editor'),
     t = _useTranslation.t;
-  var linked_id = element.linked_id;
+  var linked_id = element.linked_id,
+    linked_wiki_page_id = element.linked_wiki_page_id;
   var _useState = (0, _react.useState)(false),
     _useState2 = (0, _slicedToArray2["default"])(_useState, 2),
     isShowTooltip = _useState2[0],
@@ -43,7 +45,14 @@ var LinkHover = function LinkHover(_ref) {
   }, [element.href]);
   var handleOnClick = (0, _react.useCallback)(function (event) {
     event.stopPropagation();
-    if (!linked_id) return;
+    if (!linked_id && !linked_wiki_page_id) return;
+    if (linked_wiki_page_id) {
+      var eventBus = _eventBus["default"].getInstance();
+      eventBus.dispatch('open_wiki_page_id_link', {
+        page_id: linked_wiki_page_id
+      });
+      return;
+    }
     var _Editor$nodes = _slate.Editor.nodes(editor, {
         at: [],
         match: function match(n) {
@@ -69,7 +78,7 @@ var LinkHover = function LinkHover(_ref) {
     id: "link-op-menu",
     className: "link-op-menu",
     style: menuPosition
-  }, linked_id ? /*#__PURE__*/_react["default"].createElement("span", {
+  }, linked_id || linked_wiki_page_id ? /*#__PURE__*/_react["default"].createElement("span", {
     className: "link-op-menu-link",
     onClick: handleOnClick
   }, t('Go_to_link')) : /*#__PURE__*/_react["default"].createElement("span", {

package/dist/extension/plugins/link/plugin.js

@@ -22,7 +22,8 @@ var _utils = require("../../utils");
 var _helpers = require("../file-link/helpers");
 var _helpers2 = require("../sdoc-link/helpers");
 var _helper = require("../whiteboard/helper");
-var _helpers3 = require("./helpers");
+var _helpers3 = require("../wiki-link/helpers");
+var _helpers4 = require("./helpers");
 var withLink = function withLink(editor) {
   var normalizeNode = editor.normalizeNode,
     isInline = editor.isInline,
@@ -42,18 +43,18 @@ var withLink = function withLink(editor) {
   };
   newEditor.insertData = /*#__PURE__*/function () {
     var _ref = (0, _asyncToGenerator2["default"])(/*#__PURE__*/(0, _regenerator2["default"])().m(function _callee(data) {
-      var text, res, fileName, fileUuid, _fileName, fileParentPath, filePath, _fileName2, _fileUuid, url, linkedNodeId, title, params, link, _link, _link2, _Editor$next, _Editor$next2, focusPath, focusPoint, _t;
+      var text, res, fileName, fileUuid, _fileName, fileParentPath, filePath, _fileName2, _fileUuid, url, pathname, _context$getSetting, parts, wikiPageId, title, wikiPageList, page, linkedNodeId, _title, params, link, _link, _link2, _Editor$next, _Editor$next2, focusPath, focusPoint, _t;
       return (0, _regenerator2["default"])().w(function (_context) {
         while (1) switch (_context.p = _context.n) {
           case 0:
             // Paste link content
             text = data.getData('text/plain'); // Internal link, insert sdoc file link
             if (!((0, _isUrl["default"])(text) && !(0, _utils.isImage)(text))) {
-              _context.n = 12;
+              _context.n = 14;
               break;
             }
             if (!(0, _utils.isSameDomain)(text, _context2["default"].getSetting('serviceUrl'))) {
-              _context.n = 10;
+              _context.n = 12;
               break;
             }
             _context.p = 1;
@@ -61,17 +62,17 @@ var withLink = function withLink(editor) {
             return _context2["default"].getLinkFilesInfo([text]);
           case 2:
             res = _context.v;
-            if (!(0, _helpers3.isSdocFile)(res, text)) {
+            if (!(0, _helpers4.isSdocFile)(res, text)) {
               _context.n = 3;
               break;
             }
             fileName = res.data.files_info[text].name;
             fileUuid = res.data.files_info[text].file_uuid;
             (0, _helpers2.insertSdocFileLink)(editor, fileName, fileUuid);
-            _context.n = 7;
+            _context.n = 9;
             break;
           case 3:
-            if (!(0, _helpers3.isExdrawFile)(res, text)) {
+            if (!(0, _helpers4.isExdrawFile)(res, text)) {
               _context.n = 4;
               break;
             }
@@ -79,62 +80,85 @@ var withLink = function withLink(editor) {
             fileParentPath = res.data.files_info[text].parent_path;
             filePath = fileParentPath + '/' + _fileName;
             (0, _helper.insertWhiteboard)(editor, _fileName, filePath);
-            _context.n = 7;
+            _context.n = 9;
             break;
           case 4:
-            if (!(0, _helpers3.isCommonFile)(res, text)) {
+            if (!(0, _helpers4.isCommonFile)(res, text)) {
               _context.n = 5;
               break;
             }
             _fileName2 = res.data.files_info[text].name;
             _fileUuid = res.data.files_info[text].file_uuid;
             (0, _helpers.insertFileLink)(editor, _fileName2, _fileUuid);
-            _context.n = 7;
+            _context.n = 9;
             break;
           case 5:
-            url = new URL(text);
-            linkedNodeId = url.hash.replace(/^#/, '');
+            url = new URL(text); // Insert wiki page as link in wiki
+            pathname = url.pathname;
+            if (!(editor.editorType === _constants.WIKI_EDITOR && pathname.includes('/wikis/'))) {
+              _context.n = 7;
+              break;
+            }
+            parts = pathname.split('/');
+            wikiPageId = parts[parts.length - 2];
             if (!(editor.selection && !_slate.Range.isCollapsed(editor.selection))) {
               _context.n = 6;
               break;
             }
             title = (0, _core.getEditorString)(editor, editor.selection);
-            (0, _helpers3.insertLink)(editor, title, text, _constants2.INSERT_POSITION.CURRENT, null, linkedNodeId);
+            (0, _helpers4.insertLink)(editor, title, text, _constants2.INSERT_POSITION.CURRENT, null, '', wikiPageId);
             return _context.a(2);
           case 6:
+            wikiPageList = (_context$getSetting = _context2["default"].getSetting('navConfig')) === null || _context$getSetting === void 0 ? void 0 : _context$getSetting.pages;
+            page = wikiPageList === null || wikiPageList === void 0 ? void 0 : wikiPageList.find(function (p) {
+              return p.id === wikiPageId;
+            });
+            page && (0, _helpers3.insertWikiPageLink)(editor, page.name, page.wikiRepoId, page.id);
+            return _context.a(2);
+          case 7:
+            // Insert block element as link
+            linkedNodeId = url.hash.replace(/^#/, '');
+            if (!(editor.selection && !_slate.Range.isCollapsed(editor.selection))) {
+              _context.n = 8;
+              break;
+            }
+            _title = (0, _core.getEditorString)(editor, editor.selection);
+            (0, _helpers4.insertLink)(editor, _title, text, _constants2.INSERT_POSITION.CURRENT, null, linkedNodeId);
+            return _context.a(2);
+          case 8:
             params = new URLSearchParams(url.search);
             if (params.get('from') === 'copy-block') {
-              link = (0, _helpers3.genLinkNode)(text, text, linkedNodeId);
+              link = (0, _helpers4.genLinkNode)(text, text, linkedNodeId);
             } else {
-              link = (0, _helpers3.genLinkNode)(text, text);
+              link = (0, _helpers4.genLinkNode)(text, text);
             }
             _slate.Transforms.insertNodes(newEditor, link);
-          case 7:
-            _context.n = 9;
-            break;
-          case 8:
-            _context.p = 8;
-            _t = _context.v;
-            _link = (0, _helpers3.genLinkNode)(text, text);
-            _slate.Transforms.insertNodes(newEditor, _link);
           case 9:
             _context.n = 11;
             break;
           case 10:
-            _link2 = (0, _helpers3.genLinkNode)(text, text);
-            _slate.Transforms.insertNodes(newEditor, _link2);
+            _context.p = 10;
+            _t = _context.v;
+            _link = (0, _helpers4.genLinkNode)(text, text);
+            _slate.Transforms.insertNodes(newEditor, _link);
           case 11:
+            _context.n = 13;
+            break;
+          case 12:
+            _link2 = (0, _helpers4.genLinkNode)(text, text);
+            _slate.Transforms.insertNodes(newEditor, _link2);
+          case 13:
             // Void merging text from link
             _Editor$next = _slate.Editor.next(newEditor), _Editor$next2 = (0, _slicedToArray2["default"])(_Editor$next, 2), focusPath = _Editor$next2[1];
             focusPoint = _slate.Editor.start(newEditor, focusPath);
             _slate.Transforms.select(newEditor, focusPoint);
             return _context.a(2);
-          case 12:
+          case 14:
             insertData(data);
-          case 13:
+          case 15:
             return _context.a(2);
         }
-      }, _callee, null, [[1, 8]]);
+      }, _callee, null, [[1, 10]]);
     }));
     return function (_x) {
       return _ref.apply(this, arguments);

package/dist/extension/plugins/link/render-elem.js

@@ -80,9 +80,22 @@ var Link = /*#__PURE__*/function (_React$Component) {
     });
     (0, _defineProperty2["default"])(_this, "onLinkClick", function (e) {
       var isModClick = (0, _commonUtils.isMac)() ? e.metaKey : e.ctrlKey;
+      var _this$props$element = _this.props.element,
+        linked_id = _this$props$element.linked_id,
+        linked_wiki_page_id = _this$props$element.linked_wiki_page_id,
+        href = _this$props$element.href;
       // mod + click
-      if (isModClick && !_this.props.element.linked_id) {
-        window.open(_this.props.element.href, '_blank', 'noreferrer');
+      if (isModClick && !linked_id && !linked_wiki_page_id) {
+        window.open(href, '_blank', 'noreferrer');
+        return;
+      }
+      // mod + click on linked wiki page
+      if (isModClick && linked_wiki_page_id) {
+        var _href = window.location.href;
+        var parts = _href.split('/');
+        parts[parts.length - 2] = linked_wiki_page_id;
+        var newHref = parts.join('/');
+        window.open(newHref, '_blank', 'noreferrer');
         return;
       }
       _this.setPosition(e.target);

package/dist/extension/plugins/multi-column/render/index.css

@@ -23,7 +23,7 @@
   width: calc(100% - 50px);
   max-width: 100%;
   position: relative;
-  padding: 5px 5px 5px 0px;
+  padding: 5px 0px;
   box-sizing: border-box;
   word-wrap: break-word;
   white-space: pre-wrap;
@@ -45,7 +45,7 @@
 }
 
 .sdoc-multicolumn-container .column-resize-handler .column-width-just.active,
-.sdoc-multicolumn-container .column-resize-handler .column-width-just:hover  {
+.sdoc-multicolumn-container .column-resize-handler .column-width-just:hover {
   background-color: lightgray;
   cursor: col-resize;
 }

package/dist/extension/plugins/sdoc-link/hover-menu/index.js

@@ -18,6 +18,7 @@ var _constants = require("../../../../constants");
 var _usePlugins2 = require("../../../../hooks/use-plugins");
 var _eventBus = _interopRequireDefault(require("../../../../utils/event-bus"));
 var _commons = require("../../../commons");
+var _elementType = require("../../../constants/element-type");
 var _constants2 = require("../constants");
 var _helpers = require("../helpers");
 require("./index.css");
@@ -90,6 +91,16 @@ var SdocLinkHoverMenu = function SdocLinkHoverMenu(_ref) {
     }, 0);
     // eslint-disable-next-line react-hooks/exhaustive-deps
   }, [updateDisplayPlugin]);
+  var handleClickOpenLink = (0, _react.useCallback)(function (e) {
+    e.stopPropagation();
+    if (element.type === _elementType.WIKI_LINK && element.page_id) {
+      e.preventDefault();
+      var eventBus = _eventBus["default"].getInstance();
+      eventBus.dispatch('open_wiki_page_id_link', {
+        page_id: element.page_id
+      });
+    }
+  }, [element]);
   var selectedType = element.display_type || _constants2.SDOC_LINK_TYPE.TEXT_LINK;
   var newSdocFileTypes = _constants2.SDOC_LINK_TYPES.filter(function (sdocLinkType) {
     return (0, _helpers.isInTable)(editor, element) ? sdocLinkType !== _constants2.SDOC_LINK_TYPE.CARD_LINK : true;
@@ -111,9 +122,7 @@ var SdocLinkHoverMenu = function SdocLinkHoverMenu(_ref) {
     target: "_blank",
     rel: "noopener noreferrer",
     className: "link-op-menu-link",
-    onClick: function onClick(e) {
-      return e.stopPropagation();
-    }
+    onClick: handleClickOpenLink
   }, t('Open_link')))), !readOnly && /*#__PURE__*/_react["default"].createElement(_react["default"].Fragment, null, /*#__PURE__*/_react["default"].createElement("span", {
     className: "op-group-item"
   }, /*#__PURE__*/_react["default"].createElement("span", {

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

@@ -23,6 +23,10 @@ var insertWikiPageLink = exports.insertWikiPageLink = function insertWikiPageLin
   var wikiLinkNode = generateWikiFileNode(wikiRepoId, pageId, text, icon, isDir);
   if (isCollapsed) {
     _slate.Transforms.insertNodes(editor, wikiLinkNode);
+    var point = _slate.Editor.after(editor, editor.selection);
+    if (point) {
+      _slate.Transforms.select(editor, point);
+    }
   } else {
     var selectedText = _slate.Editor.string(editor, selection); // Selected text
     if (selectedText !== text) {

package/dist/extension/toolbar/side-toolbar/index.css

@@ -17,7 +17,6 @@
 .sdoc-side-toolbar-container .sdoc-side-op-icon {
   border-radius: 3px;
   padding: 0px 3px;
-  height: 24px;
   color: #AFAFAD;
   margin-right: 1px;
   cursor: pointer;

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@seafile/sdoc-editor",
-  "version": "3.0.71",
+  "version": "3.0.73",
   "main": "dist/index.js",
   "scripts": {
     "test": "jest",
@@ -72,5 +72,5 @@
   "publishConfig": {
     "access": "public"
   },
-  "gitHead": "ccaa7f7243068772c89962fd7924278903e382be"
+  "gitHead": "8375f6d58025bca1016998680af2d51edee20984"
 }