@seafile/sdoc-editor 1.0.170 → 1.0.172-alpha-3

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/file-link/helpers.js

@@ -21,7 +21,7 @@ const isMenuDisabled = (editor, readonly) => {
       type
     } = elem;
     if (editor.isVoid(elem)) return true;
-    if ([_constants.CODE_BLOCK, _constants.CODE_LINE, _constants.LINK].includes(type)) return true;
+    if ([_constants.CODE_BLOCK, _constants.CODE_LINE, _constants.LINK, ..._constants.HEADERS].includes(type)) return true;
     return false;
   });
   if (notMatch) return true; // disabled

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

@@ -3,7 +3,7 @@
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
-exports.setHeaderType = exports.isMenuDisabled = exports.getHeaderType = void 0;
+exports.setHeaderType = exports.isSelectionInHeader = exports.isMenuDisabled = exports.getHeaderType = void 0;
 var _slate = require("@seafile/slate");
 var _core = require("../../core");
 var _constants = require("../../constants");
@@ -44,6 +44,22 @@ const getHeaderType = editor => {
   return (0, _core.getNodeType)(n);
 };
 exports.getHeaderType = getHeaderType;
+const isSelectionInHeader = editor => {
+  const [match] = _slate.Editor.nodes(editor, {
+    match: n => {
+      if (!_slate.Element.isElement(n)) return false;
+      if (!n.type) return false;
+      if (n.type.startsWith(_constants.HEADER)) return true;
+      if (n.type === _constants.TITLE) return true;
+      if (n.type === _constants.SUBTITLE) return true;
+      return false;
+    },
+    // Matches nodes whose node.type starts with header
+    universal: true
+  });
+  return match;
+};
+exports.isSelectionInHeader = isSelectionInHeader;
 const setHeaderType = (editor, type) => {
   if (!type) return;
   _slate.Transforms.setNodes(editor, {

package/dist/basic-sdk/extension/plugins/quick-insert/helper.js

@@ -3,7 +3,7 @@
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
-exports.transformToText = exports.getQuickInsertEntity = exports.genQuickInsert = void 0;
+exports.transformToText = exports.isSelectionSameWithInsert = exports.getQuickInsertEntity = exports.genQuickInsert = void 0;
 var _slate = require("@seafile/slate");
 var _constants = require("../../constants");
 var _core = require("../../core");
@@ -37,4 +37,15 @@ const transformToText = (editor, quickInsertNode) => {
   });
   return insertPathRef.unref();
 };
-exports.transformToText = transformToText;
+exports.transformToText = transformToText;
+const isSelectionSameWithInsert = (editor, element) => {
+  if (!editor.selection) return;
+  if (!_slate.Range.isCollapsed(editor.selection)) return;
+  const {
+    anchor
+  } = editor.selection;
+  const path = _slateReact.ReactEditor.findPath(editor, element);
+  const lastPoint = _slate.Editor.end(editor, path);
+  return _slate.Point.equals(anchor, lastPoint);
+};
+exports.isSelectionSameWithInsert = isSelectionSameWithInsert;

package/dist/basic-sdk/extension/plugins/quick-insert/render-elem.js

@@ -32,6 +32,7 @@ const RenderQuickInsert = (_ref, editor, readonly) => {
   const insertElmRef = (0, _react.useRef)(null);
   const aboveBlockNode = (0, _core.getAboveBlockNode)(editor);
   const isEmptyNode = (0, _helpers.isVoidNode)(aboveBlockNode === null || aboveBlockNode === void 0 ? void 0 : aboveBlockNode[0]);
+  const [isShowPopover] = (0, _react.useState)((0, _helper.isSelectionSameWithInsert)(editor, element));
   const handleClick = (0, _react.useCallback)(e => {
     // Click the search input
     if (sideMenuRef.current.contains(e.target) && e.target.tagName === 'INPUT') return;
@@ -40,7 +41,6 @@ const RenderQuickInsert = (_ref, editor, readonly) => {
     }
   }, [editor, element]);
   const genStyle = (0, _react.useCallback)((top, left) => {
-    if (editor.isRemote) return null;
     const overflowY = top + sideMenuRef.current.offsetHeight - document.body.clientHeight;
     if (overflowY > 0) {
       top = top - overflowY - 10;
@@ -50,7 +50,7 @@ const RenderQuickInsert = (_ref, editor, readonly) => {
       left = sideMenuRef.current.offsetWidth + 10;
     }
     return `top: ${top}px; left: ${left}px`;
-  }, [editor.isRemote]);
+  }, []);
   const handleInsertMenuStyle = (0, _react.useCallback)(() => {
     const currentDom = _slateReact.ReactEditor.toDOMNode(editor, element);
     const {
@@ -65,6 +65,7 @@ const RenderQuickInsert = (_ref, editor, readonly) => {
   }, [handleInsertMenuStyle]);
   (0, _react.useEffect)(() => {
     if (readonly) return;
+    if (!sideMenuRef.current) return;
     const scrollDom = scrollRef.current;
     handleInsertMenuStyle();
     document.addEventListener('click', handleClick);
@@ -83,7 +84,7 @@ const RenderQuickInsert = (_ref, editor, readonly) => {
     ref: insertElmRef
   }, /*#__PURE__*/_react.default.createElement("span", Object.assign({}, attributes, {
     className: ""
-  }), /*#__PURE__*/_react.default.createElement(_InlineBugFixWrapper.default, null), /*#__PURE__*/_react.default.createElement("span", null, "/", children), /*#__PURE__*/_react.default.createElement(_InlineBugFixWrapper.default, null), !readonly && /*#__PURE__*/_react.default.createElement(_commons.ElementPopover, {
+  }), /*#__PURE__*/_react.default.createElement(_InlineBugFixWrapper.default, null), /*#__PURE__*/_react.default.createElement("span", null, "/", children), /*#__PURE__*/_react.default.createElement(_InlineBugFixWrapper.default, null), !readonly && isShowPopover && /*#__PURE__*/_react.default.createElement(_commons.ElementPopover, {
     className: "sdoc-side-menu-popover",
     style: menuStyle
   }, /*#__PURE__*/_react.default.createElement("div", {

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

@@ -12,6 +12,7 @@ var _copyToClipboard = _interopRequireDefault(require("copy-to-clipboard"));
 var _context = _interopRequireDefault(require("../../../../context"));
 var _core = require("../../core");
 var _constants = require("../../constants");
+var _helpers = require("../header/helpers");
 const isMenuDisabled = (editor, readonly) => {
   if (readonly) return true;
   if (editor.selection == null) return true;
@@ -21,7 +22,7 @@ const isMenuDisabled = (editor, readonly) => {
       type
     } = elem;
     if (editor.isVoid(elem)) return true;
-    if ([_constants.CODE_BLOCK, _constants.CODE_LINE, _constants.LINK].includes(type)) return true;
+    if ([_constants.CODE_BLOCK, _constants.CODE_LINE, _constants.LINK, ..._constants.HEADERS].includes(type)) return true;
     return false;
   });
   if (notMatch) return true; // disabled
@@ -68,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
@@ -157,6 +179,9 @@ const getBeforeText = editor => {
 };
 exports.getBeforeText = getBeforeText;
 const isTriggeredByShortcut = editor => {
+  if ((0, _helpers.isSelectionInHeader)(editor)) {
+    return false;
+  }
   const {
     beforeText
   } = getBeforeText(editor);

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/context.js

@@ -199,6 +199,10 @@ class Context {
     const docUuid = this.getSetting('docUuid');
     return this.api.getSdocFiles(docUuid, p, type);
   }
+  getSearchFilesByFilename(query, page, per_page, search_type) {
+    const docUuid = this.getSetting('docUuid');
+    return this.api.searchFilesByFilename(docUuid, query, page, per_page, search_type);
+  }
   getSdocLocalFileId(p) {
     const docUuid = this.getSetting('docUuid');
     return this.api.getSdocFileId(docUuid, p);