@seafile/seafile-editor 0.3.94 → 0.3.96-test-2

package/dist/components/comment-panel.js

@@ -25,12 +25,6 @@ var CommentPanel = /*#__PURE__*/function (_React$Component) {
 
     _this = _super.call(this, props);
 
-    _this.toggleResolvedComment = function () {
-      _this.setState({
-        showResolvedComment: !_this.state.showResolvedComment
-      });
-    };
-
     _this.listComments = function (isScroll) {
       _this.props.editorApi.listComments().then(function (res) {
         _this.setState({
@@ -178,25 +172,8 @@ var CommentPanel = /*#__PURE__*/function (_React$Component) {
       var participants = this.props.participants;
       return /*#__PURE__*/React.createElement("div", {
         className: "seafile-comment"
-      }, /*#__PURE__*/React.createElement("div", {
-        className: "seafile-comment-toggle-resolved"
-      }, /*#__PURE__*/React.createElement("div", {
-        className: 'seafile-comment-title-text'
-      }, t('Show_resolved_comments')), /*#__PURE__*/React.createElement("div", {
-        className: 'seafile-comment-title-toggle d-flex'
-      }, /*#__PURE__*/React.createElement("label", {
-        className: "custom-switch",
-        id: "toggle-resolved-comments"
-      }, /*#__PURE__*/React.createElement("input", {
-        type: "checkbox",
-        name: "option",
-        className: "custom-switch-input",
-        onChange: this.toggleResolvedComment,
-        checked: this.state.showResolvedComment && 'checked'
-      }), /*#__PURE__*/React.createElement("span", {
-        className: "custom-switch-indicator"
-      })))), /*#__PURE__*/React.createElement("ul", {
-        className: window.showParticipants ? 'seafile-comment-list show-participants' : 'seafile-comment-list',
+      }, /*#__PURE__*/React.createElement("ul", {
+        className: "flex-fill seafile-comment-list ".concat(window.showParticipants ? 'show-participants' : ''),
         ref: "commentsList"
       }, this.state.commentsList.length > 0 && this.state.commentsList.map(function (item) {
         var index = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : 0;
@@ -219,7 +196,7 @@ var CommentPanel = /*#__PURE__*/function (_React$Component) {
       }), this.state.commentsList.length === 0 && /*#__PURE__*/React.createElement("li", {
         className: "comment-vacant"
       }, t('no_comment_yet'))), /*#__PURE__*/React.createElement("div", {
-        className: "seafile-comment-footer"
+        className: "seafile-comment-footer flex-shrink-0"
       }, participants && window.showParticipants && /*#__PURE__*/React.createElement(ParticipantsList, {
         openDialogs: this.props.openDialogs,
         participants: participants,
@@ -248,12 +225,14 @@ var CommentPanel = /*#__PURE__*/function (_React$Component) {
         clos: "100",
         rows: "3",
         warp: "virtual"
-      }), /*#__PURE__*/React.createElement(Button, {
+      }), /*#__PURE__*/React.createElement("div", {
+        className: "comment-submit-container"
+      }, /*#__PURE__*/React.createElement(Button, {
         className: "submit-comment",
         color: "primary",
         size: "sm",
         onClick: this.onSubmit
-      }, t('submit'))));
+      }, t('submit')))));
     }
   }]);
 

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

@@ -59,11 +59,9 @@ var DetailListView = /*#__PURE__*/function (_React$Component) {
       var _this$props = this.props,
           fileTagList = _this$props.fileTagList,
           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"
+        className: "dirent-table-container p-2"
       }, /*#__PURE__*/React.createElement("table", {
         className: "table-thead-hidden"
       }, /*#__PURE__*/React.createElement("thead", null, /*#__PURE__*/React.createElement("tr", null, /*#__PURE__*/React.createElement("th", {

package/dist/components/outline.js

@@ -109,7 +109,7 @@ var OutlineView = /*#__PURE__*/function (_React$PureComponent2) {
 
       var headerList = this.state.headerList;
       return /*#__PURE__*/React.createElement("div", {
-        className: "seafile-editor-outline"
+        className: "seafile-editor-outline py-2 pr-4"
       }, headerList && headerList.length > 0 ? headerList.map(function (node, index) {
         return /*#__PURE__*/React.createElement(OutlineItem, {
           key: index,

package/dist/components/side-panel.js

@@ -116,9 +116,9 @@ var SidePanel = /*#__PURE__*/function (_React$PureComponent) {
       }
 
       return /*#__PURE__*/React.createElement("div", {
-        className: "side-panel"
+        className: "side-panel d-flex flex-column"
       }, /*#__PURE__*/React.createElement("ul", {
-        className: "nav justify-content-center"
+        className: "flex-shrink-0 nav justify-content-around bg-white"
       }, /*#__PURE__*/React.createElement("li", {
         className: "nav-item"
       }, /*#__PURE__*/React.createElement("a", {
@@ -144,7 +144,7 @@ var SidePanel = /*#__PURE__*/function (_React$PureComponent) {
       }, /*#__PURE__*/React.createElement("i", {
         className: 'iconfont icon-comment'
       })))), /*#__PURE__*/React.createElement("div", {
-        className: "side-panel-content"
+        className: "side-panel-content flex-fill"
       }, this.state.navItem === 'outline' && /*#__PURE__*/React.createElement(OutlineView, {
         editor: this.props.editor,
         document: this.props.document,

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,5 +1,5 @@
 .keyboard-shortcut-dialog {
-  max-width: 560px;
+  max-width: 500px;
 }
 
 .keyboard-shortcut-dialog .modal-body {

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/react-mentions-default-style.js

@@ -34,14 +34,15 @@ var defaultStyle = {
       minHeight: 90,
       height: 90,
       border: '1px solid #e6e6dd',
-      borderRadius: '5px',
+      borderBottom: 'none',
+      borderRadius: '5px 5px 0 0',
       overfflowY: 'auto',
       '&focused': {
         backgroundColor: '#cee4e5',
         outlineOffset: '-2px',
         outlineColor: '-webkit-focus-ring-color',
         outlineStyle: 'auto',
-        outlineWidth: '5px'
+        outlineWidth: '0px'
       }
     }
   },

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

@@ -1,30 +1,10 @@
 .seafile-comment {
   display: flex;
   flex-direction: column;
-  position: relative;
   height: 100%;
-  margin-top: -8px;
-  margin-bottom: -8px;
-}
-.seafile-comment-toggle-resolved {
-  width: 100%;
-  border-bottom: 1px solid #e5e5e5;
-  padding: 5px 10px;
-  display: flex;
-  position: absolute;
-  justify-content: space-between;
-  background-color: #fff;
 }
 .seafile-comment-list {
-  height: calc(100% - 135px);
-  margin-bottom: 135px;
-  margin-top: 32px;
   overflow-y: auto;
-  background-color: #fff;
-}
-.seafile-comment-list.show-participants {
-  height: calc(100% - 165px);
-  margin-bottom: 155px;
 }
 .seafile-comment-list .comment-vacant {
   padding: 1em;
@@ -71,6 +51,9 @@
 }
 .seafile-comment-item .seafile-comment-content {
   margin-left: 42px;
+  padding: 5px 10px;
+  border-radius: 4px;
+  background: #fff;
 }
 .seafile-comment-item .seafile-comment-content p {
   word-break: break-all;
@@ -92,16 +75,12 @@
   background-color: #e6ffed;
 }
 .seafile-comment-footer {
-  background-color: #fafaf9;
   padding: 10px 10px;
   border-top: 1px solid #e5e5e5;
   display: flex;
   flex-direction: column;
   min-height: 150px;
   max-height: 300px;
-  position: absolute;
-  bottom: -16px;
-  width: 100%;
 }
 .seafile-comment-footer .add-comment-input,
 .seafile-edit-comment .edit-comment-input {
@@ -112,11 +91,32 @@
   background-color: #fff;
   width: 100%;
 }
+.seafile-comment-footer .add-comment-input {
+  border-bottom: none;
+  border-radius: 5px 5px 0 0;
+}
+.seafile-comment-footer .add-comment-input:focus {
+  outline: none;
+}
+.seafile-comment-footer .comment-submit-container {
+  border: 1px solid #e6e6dd;
+  border-top: none;
+  border-radius: 0 0 5px 5px;
+  padding: 5px;
+  background: #fff;
+  text-align: right;
+  position: relative;
+}
+.seafile-comment-footer .comment-submit-container::before {
+  border-top: 1px solid #e6e6dd;
+  content: '';
+  position: absolute;
+  left: 5px;
+  right: 5px;
+  top: 0;
+}
 .seafile-comment-footer .submit-comment {
-  margin-top: 5px;
-  width: fit-content;
   height: 28px;
-  display: inline-block;
 }
 .seafile-edit-comment .comment-btn {
   height: 28px;
@@ -181,4 +181,4 @@
 .comment-dialog .comment-dialog-quote ul,
 .comment-dialog .comment-dialog-quote ol {
   padding-left: 1rem;
-}
+}

package/dist/css/richeditor/detail-list-view.css

@@ -1,16 +1,7 @@
-.dirent-table-container {
-  padding: 0px 10px;
-  display: flex;
-}
-
 .dirent-table-container tr {
   border: none;
 }
 
-.dirent-table-container table {
-  flex: 1;
-}
-
 .dirent-table-container th,
 .dirent-table-container td {
   padding: 5px 3px;

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

@@ -80,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/side-panel.css

@@ -1,7 +1,7 @@
 .seafile-editor-module .side-panel {
   user-select: none;
   height:100%;
-  background-color: #f5f7fa;
+  background-color: #f5f5f5;
 }
 .seafile-editor-module .side-panel .nav {
   border-bottom: 1px solid #eee;
@@ -31,11 +31,8 @@
   font-size: 0.875rem;
 }
 .seafile-editor-module .side-panel-content {
-  padding-top: 8px;
-  padding-bottom: 8px;
-  height: calc(100% - 36px);
-  overflow: hidden;
   font-size: 0.937rem;
+  overflow: hidden;
 }
 
 .seafile-editor-module .side-panel-content:hover {
@@ -127,10 +124,6 @@
   }
 }
 
-.seafile-editor-outline {
-  margin-right: 1rem;
-}
-
 .outline-h2, .outline-h3 {
   white-space: nowrap;
   overflow: hidden;

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/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/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
               });
 

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

@@ -371,7 +371,7 @@ var SimpleEditor = /*#__PURE__*/function (_React$Component) {
     _this.state = {
       value: props.value,
       leftNavMode: 'files',
-      mainPanelWidth: 80,
+      mainPanelWidth: (window.innerWidth - 300) / window.innerWidth * 100,
       resizeFlag: false,
       isShowHelpDialog: false,
       isShowSidePanel: false,

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@seafile/seafile-editor",
-  "version": "0.3.94",
+  "version": "0.3.96-test-2",
   "private": false,
   "dependencies": {
     "@seafile/react-image-lightbox": "^0.0.9",

package/public/media/seafile-ui.css

@@ -11166,4 +11166,4 @@ Icon input
     box-shadow: 0 0 0 2px rgba(241, 150, 69, 0.25); }
 
 
-/*# sourceMappingURL=seafile-ui.map*/
+/*# sourceMappingURL=seafile-ui.map*/