@seafile/seafile-editor 0.3.92 → 0.3.95

package/dist/components/detail-list-view.js

@@ -28,10 +28,6 @@ var DetailListView = /*#__PURE__*/function (_React$Component) {
       _this.props.openDialogs && _this.props.openDialogs('file_tags');
     };
 
-    _this.onListRelatedFileToggle = function () {
-      _this.props.openDialogs && _this.props.openDialogs('related_files');
-    };
-
     _this.bytesToSize = function (bytes) {
       if (bytes < 0) return '--';
       var sizes = ['bytes', 'KB', 'MB', 'GB', 'TB', 'PB'];
@@ -62,11 +58,8 @@ var DetailListView = /*#__PURE__*/function (_React$Component) {
     value: function render() {
       var _this$props = this.props,
           fileTagList = _this$props.fileTagList,
-          relatedFiles = _this$props.relatedFiles,
           fileInfo = _this$props.fileInfo;
-      var _this$props$editorApi = this.props.editorApi,
-          filePath = _this$props$editorApi.filePath,
-          serviceUrl = _this$props$editorApi.serviceUrl;
+      var filePath = this.props.editorApi.filePath;
       return /*#__PURE__*/React.createElement("div", {
         className: "dirent-table-container"
       }, /*#__PURE__*/React.createElement("table", {
@@ -95,20 +88,6 @@ var DetailListView = /*#__PURE__*/function (_React$Component) {
       })), /*#__PURE__*/React.createElement("i", {
         className: "iconfont icon-pencil attr-action-icon",
         onClick: this.onEditFileTagToggle
-      }))), /*#__PURE__*/React.createElement("tr", {
-        className: "file-related-files"
-      }, /*#__PURE__*/React.createElement("th", null, this.props.t('Related_Files')), /*#__PURE__*/React.createElement("td", null, relatedFiles.length > 0 && /*#__PURE__*/React.createElement("ul", null, relatedFiles.map(function (relatedFile, index) {
-        var href = serviceUrl + '/lib/' + relatedFile.repo_id + '/file' + encodeURIComponent(relatedFile.path);
-        return /*#__PURE__*/React.createElement("li", {
-          key: index
-        }, /*#__PURE__*/React.createElement("a", {
-          href: href,
-          rel: "noopener noreferrer",
-          target: "_blank"
-        }, relatedFile.name));
-      })), /*#__PURE__*/React.createElement("i", {
-        className: "iconfont icon-pencil attr-action-icon",
-        onClick: this.onListRelatedFileToggle
       }))), this.props.participants && window.showParticipants && /*#__PURE__*/React.createElement("tr", {
         className: "file-participants"
       }, /*#__PURE__*/React.createElement("th", null, this.props.t('Participants')), /*#__PURE__*/React.createElement("td", null, /*#__PURE__*/React.createElement(ParticipantsList, {

package/dist/components/side-panel.js

@@ -159,7 +159,6 @@ var SidePanel = /*#__PURE__*/function (_React$PureComponent) {
         onParticipantsChange: this.props.onParticipantsChange
       }), this.state.navItem === 'detail' && /*#__PURE__*/React.createElement(DetailListView, {
         t: this.props.t,
-        relatedFiles: this.props.relatedFiles,
         fileTagList: this.props.fileTagList,
         editorApi: this.props.editorApi,
         openDialogs: this.props.openDialogs,

package/dist/components/toolbar.js

@@ -199,7 +199,17 @@ var ToolBar = /*#__PURE__*/function (_React$Component) {
         onInsertRow: this.editorUtils.onInsertRow,
         onRemoveRow: this.editorUtils.onRemoveRow,
         onSetAlign: this.editorUtils.onSetAlign
-      })), this.props.hasSidePanel && /*#__PURE__*/React.createElement("div", {
+      }), /*#__PURE__*/React.createElement(ButtonGroup, {
+        className: 'editor-btn-group'
+      }, /*#__PURE__*/React.createElement(IconButton, {
+        className: 'editor-clear-format',
+        isRichEditor: true,
+        text: t('Clear_format'),
+        id: 'clearButton',
+        icon: 'iconfont icon-clear-format',
+        onMouseDown: this.editorUtils.clearFormat,
+        isActive: readOnly
+      }))), this.props.hasSidePanel && /*#__PURE__*/React.createElement("div", {
         className: "button-container"
       }, !this.props.isShowSidePanel && /*#__PURE__*/React.createElement(ButtonGroup, {
         className: "editor-btn-group position-absolute dropdown-menu-right"

package/dist/css/diff-viewer.css

@@ -102,4 +102,4 @@
 .article .diff-replaced .new-paragraph {
   background-color: #e6ffed;
   margin-top: 0;
-}
+}

package/dist/css/keyboard-shortcuts.css

@@ -1,9 +1,9 @@
 .keyboard-shortcut-dialog {
-  max-width: 600px;
+  max-width: 500px;
 }
 
 .keyboard-shortcut-dialog .modal-body {
-  max-height: 500px;
+  max-height: 390px;
   overflow: auto;
 }
 

package/dist/css/markdown-viewer-slate/file-tags-list.css

@@ -73,4 +73,4 @@
 .sf-files-tag .file-tag-name {
   margin-left: 5px;
   white-space: nowrap;
-}
+}

package/dist/css/markdown-viewer.css

@@ -66,4 +66,4 @@
   .seafile-md-viewer-content {
     padding: 20px;
   }
-}
+}

package/dist/css/richeditor/comments-list.css

@@ -181,4 +181,4 @@
 .comment-dialog .comment-dialog-quote ul,
 .comment-dialog .comment-dialog-quote ol {
   padding-left: 1rem;
-}
+}

package/dist/css/richeditor/document-info.css

@@ -54,4 +54,4 @@
 
 .seafile-editor-module .rc-calendar-table tr {
    height: 1.75rem;
- }
+ }

package/dist/css/richeditor/formula.css

@@ -16,4 +16,4 @@
   border: 2px dashed #ebebeb;
   min-height: 40px;
   overflow-x: auto;
-}
+}

package/dist/css/richeditor/image.css

@@ -3,9 +3,11 @@
   display: inline-block;
   max-width: 100%;
 }
+
 .seafile-ed-image .seafile-ed-image-inResizing {
   box-shadow: 0 0 0 2px #007bff;
 }
+
 .seafile-ed-image .image-resizer {
   width: 10px;
   height: 10px;
@@ -17,6 +19,7 @@
   border: 1px solid #fff;
   cursor: se-resize;
 }
+
 .image-size {
   display: inline-block;
   padding: 5px;
@@ -99,40 +102,33 @@
 }
 
 /* set button font style in image previewer */
+.sf-editor-image-previewer button.dtable-icon-fork-number,
+.sf-editor-image-previewer .dtable-icon-right,
 .sf-editor-image-previewer .dtable-icon-left {
   font-family: "iconfont" !important;
-  font-size: 16px;
   font-style: normal;
   -webkit-font-smoothing: antialiased;
   -moz-osx-font-smoothing: grayscale;
 }
 
-.sf-editor-image-previewer .dtable-icon-left:before {
-  content: "\e756";
-}
-
-.sf-editor-image-previewer .dtable-icon-right {
-  font-family: "iconfont" !important;
+.sf-editor-image-previewer button.dtable-icon-fork-number {
   font-size: 16px;
-  font-style: normal;
-  -webkit-font-smoothing: antialiased;
-  -moz-osx-font-smoothing: grayscale;
   line-height: normal;
 }
 
-.sf-editor-image-previewer .dtable-icon-right:before {
-  content: "\e755";
+.sf-editor-image-previewer .dtable-icon-left:before {
+  content: "\e756";
 }
 
-.sf-editor-image-previewer button.dtable-icon-fork-number {
-  font-family: "iconfont" !important;
-  font-size: 16px;
-  font-style: normal;
-  -webkit-font-smoothing: antialiased;
-  -moz-osx-font-smoothing: grayscale;
-  line-height: normal;
+.sf-editor-image-previewer .dtable-icon-right:before {
+  content: "\e755";
 }
 
 .sf-editor-image-previewer .dtable-icon-fork-number:before {
   content: "\e6ce";
 }
+
+.sf-editor-image-previewer.ril__outer .ril__navButtonPrev.dtable-font,
+.sf-editor-image-previewer.ril__outer .ril__navButtonNext.dtable-font {
+  padding: 40px 30px 80px;
+}

package/dist/css/richeditor/link.css

@@ -4,4 +4,4 @@
 
 .article .virtual-link:hover {
   text-decoration: underline;
-}
+}

package/dist/css/richeditor/navbar-imgbutton.css

@@ -36,6 +36,10 @@
   padding: 0;
 }
 
+.editor-btn-group .editor-clear-format {
+  margin-right: 5px; 
+}
+
 .insert-file {
   position: relative;
   display: inline-block;
@@ -76,4 +80,4 @@
   .rich-menu .side-panel-btn {
     display: block;
   }
-}
+}

package/dist/css/richeditor/participants-list.css

@@ -19,4 +19,4 @@
 }
 .participants .participant-avatar, .participants .add-participants {
   margin-right: -0.5rem;
-}
+}

package/dist/css/richeditor/rich-editor-main.css

@@ -39,4 +39,4 @@
   flex: 1, 1, auto;
   height: 100%;
   margin: 0 auto; 
-}
+}

package/dist/css/richeditor/right-panel.css

@@ -81,4 +81,4 @@
 
 .help-shortcut-right-container:not(:first-child) {
   margin-top: 10px;
-}
+}

package/dist/css/richeditor/table.css

@@ -54,4 +54,4 @@
   margin: -1px;
   border-right: 1px double #ffa94d;
   z-index: 2;
-}
+}

package/dist/css/richeditor/tree-view.css

@@ -64,4 +64,4 @@
 
 .seafile-editor-module .folder-toggle-icon.folder-caret-right {
   left: -2.5px;
-}
+}

package/dist/css/topbar.css

@@ -449,4 +449,4 @@ p.tip {
 
 .seafile-simple-editor .header-list-container {
   border-left: 0;
-}
+}

package/dist/editor/controller/block-element-controller.js

@@ -1,7 +1,7 @@
 import _createForOfIteratorHelper from "@babel/runtime/helpers/esm/createForOfIteratorHelper";
 import _toConsumableArray from "@babel/runtime/helpers/esm/toConsumableArray";
 import _slicedToArray from "@babel/runtime/helpers/esm/slicedToArray";
-import { Editor, Path, Node } from 'slate';
+import { Editor, Path } from 'slate';
 import ListUtils from '../editor-utils/block-element-utils/list-utils';
 import CodeUtils from '../editor-utils/block-element-utils/code-utils';
 import { isRangeCollapsed } from '../editor-utils/range-utils';

package/dist/editor/controller/shortcut-controller.js

@@ -8,6 +8,7 @@ import CodeUtils from '../editor-utils/block-element-utils/code-utils';
 import TextUtils from '../editor-utils/text-utils';
 import TableUtils from '../editor-utils/block-element-utils/table-utils';
 import BlockquoteUtils from '../editor-utils/block-element-utils/blockquote-utils';
+import { clearBlockFormat, clearMarkerFormat } from '../editor-utils/clear-format-utils';
 var SHORTCUTS = {
   '1.': 'ordered_list',
   '*': 'unordered_list',
@@ -409,6 +410,11 @@ var withMarkdownShortcut = function withMarkdownShortcut(editor) {
         });
         return;
 
+      case 'clear_format':
+        clearBlockFormat(editor);
+        clearMarkerFormat(editor);
+        return;
+
       default:
         exec(command);
     }

package/dist/editor/editor-component/image.js

@@ -233,13 +233,13 @@ var ImagePreviewer = /*#__PURE__*/function (_React$Component2) {
   _createClass(ImagePreviewer, [{
     key: "render",
     value: function render() {
-      var imageUrl = this.props.imageUrl;
       var imageIndex = this.state.imageIndex;
       var imageItemsLength = this.images.length;
+      var mainSrc = this.images[imageIndex];
       var imageTitle = '';
 
       try {
-        imageTitle = imageUrl ? decodeURI(imageUrl.slice(imageUrl.lastIndexOf('/') + 1)) : '';
+        imageTitle = mainSrc ? decodeURI(mainSrc.slice(mainSrc.lastIndexOf('/') + 1)) : '';
       } catch (error) {
         // eslint-disable-next-line no-console
         console.log(error);
@@ -252,7 +252,6 @@ var ImagePreviewer = /*#__PURE__*/function (_React$Component2) {
       }, imageTitle), /*#__PURE__*/React.createElement("span", {
         className: "flex-shrink-0"
       }, "(", imageIndex + 1, "/", this.images.length, ")"));
-      var mainSrc = this.images[imageIndex];
       return /*#__PURE__*/React.createElement(Lightbox, {
         wrapperClassName: "sf-editor-image-previewer",
         imageTitle: imageTitleEl,

package/dist/editor/editor-utils/clear-format-utils.js

@@ -0,0 +1,94 @@
+import { Editor, Path, Node } from 'slate';
+
+var removeEmptyParentNode = function removeEmptyParentNode(editor, pathRef) {
+  var path = pathRef.current;
+  var currentNode = Node.get(editor, path);
+  var children = currentNode.children;
+
+  while ((children.length === 0 || children.length === 1 && children[0].text === '') && currentNode.type) {
+    Editor.removeNodes(editor, {
+      at: path
+    });
+    path = Path.parent(path);
+    currentNode = Node.get(editor, path);
+    children = currentNode.children;
+  }
+
+  pathRef.unref();
+};
+
+var clearBlockFormat = function clearBlockFormat(editor) {
+  // get selected block node, like the paragraphs in the blockquote;
+  var nodes = Editor.nodes(editor, {
+    match: 'block',
+    voids: false
+  });
+  var nodesList = [];
+  var pathRefs = Array.from(nodes, function (item) {
+    nodesList.push(item);
+    return Editor.pathRef(editor, item[1]);
+  });
+  var firstNode = nodesList[0],
+      firstNodeRef = pathRefs[0];
+  nodesList.shift();
+  pathRefs.shift(); // move first block to outest and set the block to paragraph
+
+  while (firstNodeRef.current.length > 1) {
+    Editor.liftNodes(editor, {
+      at: firstNodeRef.current
+    });
+  }
+
+  if (firstNode[0].type !== 'paragraph') {
+    Editor.setNodes(editor, {
+      type: 'paragraph',
+      at: firstNodeRef.current,
+      split: true
+    });
+  }
+
+  nodesList.forEach(function (item, index) {
+    var toPath = index === 0 ? Path.next(firstNodeRef.current) : Path.next(pathRefs[index - 1].current);
+    var currentPath = pathRefs[index].current;
+
+    if (currentPath.length > 1) {
+      var parentPath = Path.parent(currentPath);
+      var parentRef = Editor.pathRef(editor, parentPath); // move current node to outest
+
+      Editor.moveNodes(editor, {
+        at: currentPath,
+        to: toPath
+      }); // remove empty parent node
+
+      removeEmptyParentNode(editor, parentRef);
+    } // set current block node to paragraph
+
+
+    if (item[0].type !== 'paragraph') {
+      Editor.setNodes(editor, {
+        type: 'paragraph',
+        at: currentPath,
+        split: true
+      });
+    }
+  });
+  firstNodeRef.unref();
+  pathRefs.forEach(function (ref) {
+    return ref.unref();
+  });
+};
+
+var clearMarkerFormat = function clearMarkerFormat(editor) {
+  // clear all markers of selected texts;
+  var textProperties = {
+    BOLD: false,
+    ITALIC: false,
+    CODE: false
+  };
+  editor.exec({
+    type: 'format_text',
+    properties: textProperties
+  });
+};
+
+export { clearBlockFormat, clearMarkerFormat };

package/dist/editor/editor-utils/common-editor-utils.js

@@ -343,7 +343,7 @@ var EditorUtils = /*#__PURE__*/function () {
 
             if (listAncesstor.type && listAncesstor.type.includes('list')) {
               _this.editor.exec({
-                type: "modify_sublist_type",
+                type: 'modify_sublist_type',
                 target_list_type: type
               });
 
@@ -366,6 +366,14 @@ var EditorUtils = /*#__PURE__*/function () {
       }
     };
 
+    this.clearFormat = function (event) {
+      event.preventDefault();
+
+      _this.editor.exec({
+        type: 'clear_format'
+      });
+    };
+
     this.unwrapLink = function () {
       _this.inlineElementUtils.unwrapLink();
     };

package/dist/editor/rich-markdown-editor.js

@@ -551,7 +551,6 @@ var SimpleEditor = /*#__PURE__*/function (_React$Component) {
         editorApi: editorApi,
         toggleCommentBtn: this.toggleCommentBtn,
         relistComment: this.state.relistComment,
-        relatedFiles: this.props.relatedFiles,
         fileTagList: this.props.fileTagList,
         openDialogs: this.props.openDialogs,
         fileInfo: this.props.fileInfo,