@seafile/sdoc-editor 1.0.177 → 1.0.178

package/dist/api/seafile-api.js

@@ -146,6 +146,10 @@ class SeafileAPI {
     const url = 'api/v2.1/seadoc/search-filename/' + docUuid + '/?query=' + query + '&page=' + page + '&per_page=' + per_page;
     return this.req.get(url);
   }
+  searchFilesByFilename(docUuid, query, page, per_page, search_type) {
+    const url = 'api/v2.1/seadoc/search-filename/' + docUuid + '/?query=' + query + '&page=' + page + '&per_page=' + per_page + '&search_type=' + search_type;
+    return this.req.get(url);
+  }
 
   // participants
   listParticipants(docUuid) {
@@ -193,5 +197,13 @@ class SeafileAPI {
     const url = `/api/v2.1/seadoc/notifications/${docUuid}/`;
     return this.req.put(url);
   }
+  aiTranslate(docUuid, text, lang) {
+    const url = '/api/v2.1/ai/translate/?file_uuid=' + docUuid;
+    let form = new FormData();
+    form.append('text', text);
+    form.append('lang', lang);
+    form.append('file_uuid', docUuid);
+    return this.req.post(url, form);
+  }
 }
 var _default = exports.default = SeafileAPI;

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

@@ -48,7 +48,8 @@ const INTERNAL_EVENT = exports.INTERNAL_EVENT = {
   CLOSE_FILE_INSET_DIALOG: 'close_file_insert_dialog',
   RESIZE_ARTICLE: 'resize_article',
   ON_VIDEO_FILES_UPLOADED: 'on_video_files_uploaded',
-  RELOAD_COMMENT: 'reload_comment'
+  RELOAD_COMMENT: 'reload_comment',
+  ASK_AI: 'ask_ai'
 };
 const REVISION_DIFF_KEY = exports.REVISION_DIFF_KEY = 'diff';
 const REVISION_DIFF_VALUE = exports.REVISION_DIFF_VALUE = '1';

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

@@ -16,9 +16,11 @@ var _utils = require("../../../../utils");
 var _constants = require("../../../../constants");
 var _eventBus = _interopRequireDefault(require("../../../utils/event-bus"));
 var _constants2 = require("../../../constants");
+var _debounce = _interopRequireDefault(require("../../../utils/debounce"));
 var _constants3 = require("../../constants");
 var _toast = _interopRequireDefault(require("../../../../components/toast"));
 var _helpers = require("../../plugins/sdoc-link/helpers");
+var _helpers2 = require("../select-file-dialog/helpers");
 require("./style.css");
 const FileLinkInsertDialog = _ref => {
   let {
@@ -39,6 +41,7 @@ const FileLinkInsertDialog = _ref => {
   });
   const [newFileName, setNewFileName] = (0, _react.useState)('');
   const [header, setHeader] = (0, _react.useState)(t('Recent_visited'));
+  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];
@@ -98,6 +101,10 @@ const FileLinkInsertDialog = _ref => {
     let files = _utils.LocalStorage.getItem(getItemKey) || [];
     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);
@@ -144,34 +151,30 @@ const FileLinkInsertDialog = _ref => {
       unsubscribeCloseDialog();
     };
   }, [closeDialog, editor, eventBus, files, getPosition, onClick, onKeydown, onScroll]);
-  const onSearch = (0, _react.useCallback)(async searchText => {
+  const onSearch = (0, _react.useCallback)((0, _debounce.default)(async searchText => {
     // Show history files when search is empty
     if (searchText.trim().length === 0) {
       setHeader(t('Recent_visited'));
+      setHiddenMoreMenu(true);
       setNewFileName('');
       getHistoryFiles();
       return;
     }
+    setNewFileName(searchText);
 
     // Cannot be found if the search is less than three characters.
     if ((0, _utils.isEnglish)(searchText.trim()) && searchText.length < 3) {
       setFiles([]);
       setHeader(t('Enter_more_character_start_search'));
-      setNewFileName(searchText);
       return;
     }
     try {
       var _res$data;
-      const res = await _context.default.searchSdocFiles(searchText, 1, 10);
+      const res = await _context.default.getSearchFilesByFilename(searchText, 1, 10, 'sdoc');
       if (res !== null && res !== void 0 && (_res$data = res.data) !== null && _res$data !== void 0 && _res$data.results) {
         let newFiles = res.data.results;
-        if (newFiles.length === 0) {
-          setHeader(t('The_document_does_not_exist'));
-          setNewFileName(searchText);
-        } else {
-          setHeader('');
-          setNewFileName('');
-        }
+        setHeader(t(newFiles.length === 0 ? 'No_results' : 'Link_to_file'));
+        setHiddenMoreMenu(true);
         setFiles(newFiles);
         return;
       }
@@ -179,7 +182,7 @@ const FileLinkInsertDialog = _ref => {
       _toast.default.danger(error.message);
     }
     // eslint-disable-next-line react-hooks/exhaustive-deps
-  }, []);
+  }, 50), []);
   (0, _react.useEffect)(() => {
     if (!(element !== null && element !== void 0 && element.children)) return;
     // No search on first load
@@ -210,10 +213,11 @@ const FileLinkInsertDialog = _ref => {
     e.stopPropagation();
     (0, _helpers.removeTempInput)(editor, element);
     const eventBus = _eventBus.default.getInstance();
-    const createName = newFileName.trim();
+    const createName = newFileName.trim() || t('Create_a_new_file');
     const external_props = {
       insertSdocFileLink: _helpers.insertSdocFileLink,
-      editor
+      editor,
+      noShowDialog: true
     };
     eventBus.dispatch(_constants.EXTERNAL_EVENT.CREATE_SDOC_FILE, {
       newFileName: createName,
@@ -221,7 +225,7 @@ const FileLinkInsertDialog = _ref => {
     });
   }, [editor, element, newFileName]);
   const createFileTipDefault = (0, _react.useMemo)(() => {
-    return 'Create_a_new_sdoc_file';
+    return 'Create_a_new_file';
   }, []);
   const createFileName = (0, _react.useMemo)(() => {
     return `${newFileName}.sdoc`;
@@ -246,15 +250,21 @@ const FileLinkInsertDialog = _ref => {
       onClick: () => {
         onSelect(item);
       }
-    }, /*#__PURE__*/_react.default.createElement("span", {
-      className: "file-item-icon sdocfont sdoc-document"
+    }, /*#__PURE__*/_react.default.createElement("img", {
+      className: "file-item-img",
+      src: (0, _helpers2.sdocFileIcon)(),
+      alt: ""
     }), /*#__PURE__*/_react.default.createElement("span", {
       className: "file-item-name"
     }, item.name));
-  }), /*#__PURE__*/_react.default.createElement("div", {
+  }), !hiddenMoreMenu && /*#__PURE__*/_react.default.createElement("div", {
     className: "sdoc-history-files-item",
     onClick: onShowMore
-  }, "...", t('More'))), /*#__PURE__*/_react.default.createElement("div", {
+  }, /*#__PURE__*/_react.default.createElement("i", {
+    className: "file-item-more sdocfont sdoc-more"
+  }), /*#__PURE__*/_react.default.createElement("span", {
+    className: "more-text"
+  }, t('More')))), /*#__PURE__*/_react.default.createElement("div", {
     className: "sdoc-history-files-add",
     onClick: onCreateFile
   }, /*#__PURE__*/_react.default.createElement("i", {

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

@@ -43,15 +43,9 @@
   align-items: flex-start;
 }
 
-.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 .file-item-img {
+  width: 21.6px;
+  margin-right: 6px;
 }
 
 .sdoc-history-files-content .sdoc-history-files .sdoc-history-files-item .file-item-name {
@@ -60,6 +54,15 @@
   overflow: hidden;
 }
 
+.sdoc-history-files-content .sdoc-history-files .sdoc-history-files-item .file-item-more {
+  font-size: 16px;
+  margin-left: 2px;
+}
+
+.sdoc-history-files-content .sdoc-history-files .sdoc-history-files-item .more-text {
+  margin-left: 10px;
+}
+
 .sdoc-history-files-content .sdoc-history-files .sdoc-history-files-item:hover {
   background-color: #f5f5f5;
 }

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

@@ -22,6 +22,7 @@ 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");
+var _index6 = _interopRequireDefault(require("../../plugins/ai/ai-module/index.js"));
 const InsertElementDialog = _ref => {
   let {
     editor
@@ -55,6 +56,7 @@ const InsertElementDialog = _ref => {
         duration: 3
       });
     }, 0);
+    // eslint-disable-next-line react-hooks/exhaustive-deps
   }, []);
   const onVideoFileChanged = (0, _react.useCallback)(event => {
     const files = event.target.files;
@@ -209,6 +211,14 @@ const InsertElementDialog = _ref => {
           closeDialog: closeDialog
         });
       }
+    case _constants2.ELEMENT_TYPE.ASK_AI:
+      {
+        return /*#__PURE__*/_react.default.createElement(_index6.default, {
+          element: slateNode,
+          editor: editor,
+          closeModule: closeDialog
+        });
+      }
     default:
       {
         return null;

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

@@ -1,9 +1,11 @@
 "use strict";
 
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault").default;
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
-exports.addDataToTree = void 0;
+exports.sdocFileIcon = exports.addDataToTree = void 0;
+var _context = _interopRequireDefault(require("../../../../context"));
 const addDataToTree = (treeData, indexId, childrenData, path) => {
   for (let i = 0; i < treeData.length; i++) {
     var _treeData$i;
@@ -21,4 +23,9 @@ const addDataToTree = (treeData, indexId, childrenData, path) => {
   }
   return treeData;
 };
-exports.addDataToTree = addDataToTree;
+exports.addDataToTree = addDataToTree;
+const sdocFileIcon = () => {
+  const server = _context.default.getSetting('serviceUrl');
+  return `${server}/media/img/file/256/sdoc.png`;
+};
+exports.sdocFileIcon = sdocFileIcon;

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

@@ -18,3 +18,118 @@
   background-color: #FF8000;
   border-color: #FF8000;
 }
+
+.sdoc-file-select-dialog .modal-header-container {
+  display: flex;
+  position: relative;
+  justify-content: space-between;
+  align-items: center;
+  width: 100%;
+  height: 57px;
+  padding: 16px;
+  border-bottom: 1px solid #e9ecef;
+}
+
+.modal-title-container {
+  flex: 0 1 auto;
+  white-space: nowrap;
+  position: relative;
+  display: flex;
+  align-items: center;
+  justify-content: center;
+  margin: auto;
+}
+
+.search-container {
+  display: flex;
+  flex: 1;
+  align-items: center;
+  justify-content: flex-end;
+  margin-right: 8px;
+}
+
+.sdoc-close-dialog {
+  display: flex;
+  align-items: center;
+  justify-content: center;
+  width: 28px;
+}
+
+.search-container .search-icon-container .sdoc-find-replace,
+.modal-header-container .sdoc-close1 {
+  font-size: 16px;
+  color: #666666;
+}
+
+.search-container .search-icon-container  .sdoc-find-replace:hover,
+.modal-header-container .sdoc-close1:hover {
+  background-color: #EFEFEF;
+  border-radius: 3px;
+  height: 28px;
+  width: 28px;
+}
+
+.sdoc-files-search-popover{
+  display: flex;
+  align-items: center;
+  justify-content: center;
+  width: 28px;
+}
+
+.sdoc-files-search-popover-container {
+  display: flex;
+  justify-content: center;
+  align-items: center;
+  width: 200px;
+}
+
+.sdoc-search-wrapper {
+  position: relative;
+  display: flex;
+  align-items: center;
+  width: 100%;
+}
+
+.sdoc-search-input {
+  flex: 1;
+  height: 28px;
+  padding: 0 25px;
+  line-height: 28px;
+
+}
+
+.sdoc-search-input::placeholder {
+  color: #868E96;
+  font-size: 14px;
+}
+
+.sdoc-files-search-popover-container .sdoc-search-wrapper .sdoc-close,
+.sdoc-files-search-popover-container .sdoc-search-wrapper .sdoc-search {
+  display: flex;
+  align-items: center;
+  justify-content: center;
+  width: 20px;
+}
+
+.sdoc-files-search-popover-container .sdoc-search-wrapper .sdoc-close1,
+.sdoc-files-search-popover-container .sdoc-search-wrapper .sdoc-find-replace {
+  color: #666666;
+  font-size: 14px;
+}
+
+.sdoc-files-search-popover-container .sdoc-search-wrapper .sdoc-close1:hover {
+  background-color: #EFEFEF;
+  border-radius: 3px;
+  height: 20px;
+  width: 20px;
+}
+
+.sdoc-files-search-popover-container .sdoc-search-wrapper .sdoc-search {
+  position: absolute;
+  left: 4px;
+}
+
+.sdoc-files-search-popover-container .sdoc-search-wrapper .sdoc-close {
+  position: absolute;
+  right: 4px;
+}

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

@@ -8,6 +8,7 @@ Object.defineProperty(exports, "__esModule", {
 exports.default = void 0;
 var _react = _interopRequireWildcard(require("react"));
 var _reactstrap = require("reactstrap");
+var _isHotkey = _interopRequireDefault(require("is-hotkey"));
 var _reactI18next = require("react-i18next");
 var _context = _interopRequireDefault(require("../../../../context"));
 var _localFiles = _interopRequireDefault(require("./local-files"));
@@ -27,6 +28,9 @@ const SelectSdocFileDialog = _ref => {
     t
   } = (0, _reactI18next.useTranslation)();
   const [currentSelectedFile, setCurrentSelectedFile] = (0, _react.useState)(null);
+  const [temSearchContent, setTemSearchContent] = (0, _react.useState)('');
+  const [searchContent, setSearchContent] = (0, _react.useState)('');
+  const [isOpenSearch, setIsOpenSearch] = (0, _react.useState)(false);
   const onSelectedFile = (0, _react.useCallback)(fileInfo => {
     setCurrentSelectedFile(fileInfo);
   }, []);
@@ -70,24 +74,83 @@ const SelectSdocFileDialog = _ref => {
     closeDialog();
     // eslint-disable-next-line react-hooks/exhaustive-deps
   }, [currentSelectedFile]);
+  const toggleSearch = (0, _react.useCallback)(() => {
+    setIsOpenSearch(prev => !prev);
+  }, []);
+  const handleSearchInputChange = (0, _react.useCallback)(e => {
+    const keyword = e.target.value.toLowerCase();
+    setTemSearchContent(keyword);
+  }, []);
+  const executeSearch = (0, _react.useCallback)(() => {
+    if (!temSearchContent.trim()) {
+      setSearchContent('');
+      return;
+    }
+    setSearchContent(temSearchContent);
+  }, [temSearchContent]);
+  const handleInputKeyDown = (0, _react.useCallback)(e => {
+    if ((0, _isHotkey.default)('enter', e)) {
+      e.preventDefault();
+      executeSearch();
+    }
+    if ((0, _isHotkey.default)('escape', e)) {
+      e.preventDefault();
+      e.stopPropagation();
+      setIsOpenSearch(!isOpenSearch);
+    }
+  }, [executeSearch, isOpenSearch]);
+  (0, _react.useEffect)(() => {
+    if (!isOpenSearch) {
+      setSearchContent('');
+    }
+  }, [isOpenSearch]);
   return /*#__PURE__*/_react.default.createElement(_reactstrap.Modal, {
-    toggle: closeDialog,
     isOpen: true,
     autoFocus: false,
     zIndex: 1071,
     returnFocusAfterClose: false,
     className: "sdoc-file-select-dialog",
     contentClassName: "sdoc-file-select-modal"
-  }, /*#__PURE__*/_react.default.createElement(_reactstrap.ModalHeader, {
-    toggle: closeDialog
-  }, t(modalTitle)), /*#__PURE__*/_react.default.createElement(_reactstrap.ModalBody, {
+  }, /*#__PURE__*/_react.default.createElement("div", {
+    className: "modal-header-container"
+  }, /*#__PURE__*/_react.default.createElement("h5", {
+    className: "modal-title-container"
+  }, t(modalTitle)), /*#__PURE__*/_react.default.createElement("div", {
+    className: "search-container"
+  }, !isOpenSearch && /*#__PURE__*/_react.default.createElement("div", {
+    className: "search-icon-container"
+  }, /*#__PURE__*/_react.default.createElement("div", {
+    className: "sdocfont sdoc-find-replace sdoc-files-search-popover",
+    onClick: toggleSearch
+  })), isOpenSearch && /*#__PURE__*/_react.default.createElement("div", {
+    className: "sdoc-files-search-popover-container"
+  }, /*#__PURE__*/_react.default.createElement("div", {
+    className: "sdoc-search-wrapper"
+  }, /*#__PURE__*/_react.default.createElement("div", {
+    className: "sdocfont sdoc-find-replace sdoc-search"
+  }), /*#__PURE__*/_react.default.createElement(_reactstrap.Input, {
+    autoFocus: true,
+    className: "sdoc-search-input",
+    onKeyUp: handleInputKeyDown,
+    onChange: handleSearchInputChange,
+    id: "sdoc-search",
+    placeholder: t('Search')
+  }), /*#__PURE__*/_react.default.createElement("div", {
+    className: "sdocfont sdoc-close1 sdoc-close",
+    onClick: toggleSearch
+  })))), /*#__PURE__*/_react.default.createElement("div", {
+    className: "sdocfont sdoc-close1 sdoc-close-dialog",
+    onClick: closeDialog
+  })), /*#__PURE__*/_react.default.createElement(_reactstrap.ModalBody, {
     className: "p-0"
   }, /*#__PURE__*/_react.default.createElement("div", {
     className: "sdoc-file-select-container"
   }, /*#__PURE__*/_react.default.createElement(_localFiles.default, {
     fileType: _constants.FILE_TYPE[dialogType],
     onSelectedFile: onSelectedFile,
-    toggle: closeDialog
+    toggle: closeDialog,
+    searchContent: searchContent,
+    isOpenSearch: isOpenSearch
   }), /*#__PURE__*/_react.default.createElement("div", {
     className: "sdoc-file-select-footer"
   }, /*#__PURE__*/_react.default.createElement(_reactstrap.Button, {

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

@@ -17,6 +17,8 @@
   white-space: nowrap;
   position: relative;
   padding-left: 2.8rem;
+  display: flex;
+  flex-direction: column;
 }
 
 .sdoc-files-tree .sdoc-file-info:hover {
@@ -34,6 +36,12 @@
   left: 0;
 }
 
+.sdoc-file-icon-container .sdoc-file-img {
+  position: absolute;
+  width: 21.6px;
+  right: 1px;
+}
+
 .sdoc-files-tree .sdoc-file-info .sdoc-file-icon {
   color: #9aa0ac;
 }
@@ -69,3 +77,37 @@
   color: #999;
   padding: 4px 20px;
 }
+
+.sdoc-files-tree .sdoc-file-info .sdoc-search-folder-name {
+  font-size: 14px;
+  color: #7d7d7d;
+}
+
+.sdoc-folder-container.sdoc-folder-search-results .sdoc-file-info {
+  height: 59px;
+  width: 486px;
+  padding: 10px 50px;
+  flex-direction: column;
+  justify-content: center;
+  border-radius: 2px;
+  overflow: hidden;
+  text-overflow: ellipsis;
+  white-space: nowrap;
+}
+
+.sdoc-folder-container.sdoc-folder-search-results .sdoc-file-info .sdoc-file-icon-container .sdoc-file-img {
+  width: 36px;
+  height: 36px;
+}
+
+.sdoc-folder-container.sdoc-folder-search-results .sdoc-file-name,
+.sdoc-search-folder-name {
+  height: 19.5px;
+  display: flex;
+  align-items: center;
+}
+
+.sdoc-files-tree .sdoc-file-search-no-result {
+  display: flex;
+  justify-content: center;
+}

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

@@ -20,12 +20,16 @@ const LocalFiles = _ref => {
     onSelectedFile,
     toggle,
     fileType,
-    t
+    t,
+    searchContent,
+    isOpenSearch
   } = _ref;
   const folderRef = (0, _react.useRef)(null);
   const [expandedFolder, setExpandedFolder] = (0, _react.useState)(new Set([]));
   const [currentActiveItem, setCurrentActiveItem] = (0, _react.useState)(null);
   const [treeData, setTreeData] = (0, _react.useState)([]);
+  const [hasSearchResult, setHasSearchResult] = (0, _react.useState)(false);
+  const [isCurrentLibrary, setIsCurrentLibrary] = (0, _react.useState)(false);
   const collapsedFolder = (0, _react.useCallback)((data, indexId) => {
     for (let i = 0; i < data.length; i++) {
       var _data$i;
@@ -45,6 +49,8 @@ const LocalFiles = _ref => {
       res.data.forEach(item => {
         item.indexId = _slugid.default.nice();
       });
+      setHasSearchResult(false);
+      setIsCurrentLibrary(true);
       // Open folder
       if (indexId && treeData.length > 0) {
         const newFileListData = (0, _helpers.addDataToTree)(treeData, indexId, res.data, p);
@@ -64,10 +70,15 @@ const LocalFiles = _ref => {
     // eslint-disable-next-line react-hooks/exhaustive-deps
   }, []);
   (0, _react.useEffect)(() => {
-    const rootPath = '/';
-    getTreeData(rootPath);
+    if (searchContent.trim() && isOpenSearch) {
+      getSearchFiles(searchContent, fileType);
+    }
+    if (!isOpenSearch || !searchContent.trim()) {
+      const rootPath = '/';
+      getTreeData(rootPath);
+    }
     // eslint-disable-next-line react-hooks/exhaustive-deps
-  }, []);
+  }, [isOpenSearch, searchContent, isOpenSearch]);
   const onToggle = (0, _react.useCallback)(async (e, item, treeData) => {
     e.stopPropagation();
     if (expandedFolder.has(item.indexId)) {
@@ -88,20 +99,40 @@ const LocalFiles = _ref => {
     onSelectedFile(file);
     // eslint-disable-next-line react-hooks/exhaustive-deps
   }, []);
+  const getSearchFiles = (0, _react.useCallback)((searchContent, fileType) => {
+    return _context.default.getSearchFilesByFilename(searchContent, 1, 100, fileType).then(res => {
+      res.data.results.forEach(item => {
+        item.indexId = _slugid.default.nice();
+        item.type = 'file';
+        item.file_uuid = item.doc_uuid;
+      });
+      if (res.data.results.length === 0) {
+        setHasSearchResult(false);
+      } else {
+        setHasSearchResult(true);
+      }
+      setTreeData(res.data.results);
+    });
+  }, []);
   const renderFileTree = (0, _react.useCallback)(data => {
     if (!Array.isArray(data) || data.length === 0) return null;
     return data.map(item => {
-      var _item$children, _item$children2;
+      var _item$fullpath, _item$children, _item$children2;
       if (!item) return null;
       const {
         type,
         indexId,
         name
       } = item;
+      const result = (_item$fullpath = item.fullpath) === null || _item$fullpath === void 0 ? void 0 : _item$fullpath.split('/').filter(Boolean);
+      item.fullpath && result.pop();
+      const folderPath = item.fullpath && result.join('/');
       const selected = (currentActiveItem === null || currentActiveItem === void 0 ? void 0 : currentActiveItem.indexId) === indexId;
       return /*#__PURE__*/_react.default.createElement("div", {
         key: indexId,
-        className: "sdoc-folder-container"
+        className: (0, _classnames.default)('sdoc-folder-container', {
+          'sdoc-folder-search-results': hasSearchResult === true
+        })
       }, type === 'dir' && /*#__PURE__*/_react.default.createElement("div", {
         ref: folderRef,
         className: "sdoc-folder"
@@ -133,19 +164,25 @@ const LocalFiles = _ref => {
       }, /*#__PURE__*/_react.default.createElement("div", {
         className: "sdoc-file-icon-container"
       }, /*#__PURE__*/_react.default.createElement("i", {
-        className: (0, _classnames.default)('sdoc-file-icon sdocfont', {
-          'sdoc-document': fileType === 'sdoc'
-        }, {
-          'sdoc-link-file': fileType === 'file'
+        className: (0, _classnames.default)('sdoc-file-icon', {
+          'sdocfont sdoc-link-file': fileType === 'file'
         })
+      }), fileType === 'sdoc' && /*#__PURE__*/_react.default.createElement("img", {
+        className: "sdoc-file-img",
+        src: (0, _helpers.sdocFileIcon)(),
+        alt: ""
       })), /*#__PURE__*/_react.default.createElement("span", {
         className: "sdoc-file-name"
-      }, name)));
+      }, name), item.fullpath && folderPath.length !== 0 && /*#__PURE__*/_react.default.createElement("span", {
+        className: "sdoc-search-folder-name"
+      }, folderPath)));
     });
     // eslint-disable-next-line react-hooks/exhaustive-deps
   }, [treeData, currentActiveItem, expandedFolder]);
   return /*#__PURE__*/_react.default.createElement("div", {
     className: "sdoc-files-tree"
-  }, renderFileTree(treeData));
+  }, renderFileTree(treeData), isOpenSearch && !hasSearchResult && !isCurrentLibrary && /*#__PURE__*/_react.default.createElement("div", {
+    className: "sdoc-file-search-no-result"
+  }, t('No_results')));
 };
 var _default = exports.default = (0, _reactI18next.withTranslation)('sdoc-editor')(LocalFiles);

package/dist/basic-sdk/extension/constants/element-type.js

@@ -3,7 +3,7 @@
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
-exports.WIKI_LINK = exports.VIDEO = exports.UNORDERED_LIST = exports.TWO_COLUMN = exports.TOP_LEVEL_TYPES = exports.TITLE = exports.THREE_COLUMN = exports.TABLE_ROW = exports.TABLE_CELL = exports.TABLE = exports.SUBTITLE = exports.SEATABLE_TABLE = exports.SEATABLE_COLUMN = exports.SDOC_LINK = exports.QUICK_INSERT = exports.PARAGRAPH = exports.ORDERED_LIST = exports.MULTI_COLUMN = exports.MENTION_TEMP = exports.MENTION = exports.LIST_ITEM = exports.LINK = exports.INLINE_LEVEL_TYPES = exports.IMAGE_BLOCK = exports.IMAGE = exports.HEADER6 = exports.HEADER5 = exports.HEADER4 = exports.HEADER3 = exports.HEADER2 = exports.HEADER1 = exports.HEADER = exports.FOUR_COLUMN = exports.FONT_SIZE_REDUCE = exports.FONT_SIZE_INCREASE = exports.FONT_SIZE = exports.FIVE_COLUMN = exports.FILE_LINK_INSET_INPUT_TEMP = exports.FILE_LINK = exports.COLUMN = exports.CODE_LINE = exports.CODE_BLOCK = exports.CHECK_LIST_ITEM = exports.CALL_OUT = exports.BLOCKQUOTE = void 0;
+exports.WIKI_LINK = exports.VIDEO = exports.UNORDERED_LIST = exports.TWO_COLUMN = exports.TOP_LEVEL_TYPES = exports.TITLE = exports.THREE_COLUMN = exports.TABLE_ROW = exports.TABLE_CELL = exports.TABLE = exports.SUBTITLE = exports.SEATABLE_TABLE = exports.SEATABLE_COLUMN = exports.SDOC_LINK = exports.QUICK_INSERT = exports.PARAGRAPH = exports.ORDERED_LIST = exports.MULTI_COLUMN = exports.MENTION_TEMP = exports.MENTION = exports.LIST_ITEM = exports.LINK = exports.INLINE_LEVEL_TYPES = exports.IMAGE_BLOCK = exports.IMAGE = exports.HEADER6 = exports.HEADER5 = exports.HEADER4 = exports.HEADER3 = exports.HEADER2 = exports.HEADER1 = exports.HEADER = exports.FOUR_COLUMN = exports.FONT_SIZE_REDUCE = exports.FONT_SIZE_INCREASE = exports.FONT_SIZE = exports.FIVE_COLUMN = exports.FILE_LINK_INSET_INPUT_TEMP = exports.FILE_LINK = exports.COLUMN = exports.CODE_LINE = exports.CODE_BLOCK = exports.CHECK_LIST_ITEM = exports.CALL_OUT = exports.BLOCKQUOTE = exports.ASK_AI = void 0;
 const BLOCKQUOTE = exports.BLOCKQUOTE = 'blockquote';
 const TITLE = exports.TITLE = 'title';
 const SUBTITLE = exports.SUBTITLE = 'subtitle';
@@ -44,6 +44,7 @@ const FILE_LINK_INSET_INPUT_TEMP = exports.FILE_LINK_INSET_INPUT_TEMP = 'file_li
 const QUICK_INSERT = exports.QUICK_INSERT = 'quick_insert';
 const SEATABLE_COLUMN = exports.SEATABLE_COLUMN = 'seatable_column';
 const SEATABLE_TABLE = exports.SEATABLE_TABLE = 'seatable_table';
+const ASK_AI = exports.ASK_AI = 'ask_ai';
 
 // font
 const FONT_SIZE = exports.FONT_SIZE = 'font-size';