@seafile/seafile-editor 0.3.95 → 0.3.96-test

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;
@@ -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

@@ -61,7 +61,7 @@ var DetailListView = /*#__PURE__*/function (_React$Component) {
           fileInfo = _this$props.fileInfo;
       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/config-0.js

@@ -0,0 +1,15 @@
+var serverConfig = {
+  serviceUrl: "https://download.seafile.top",
+  username: "xxx",
+  password: "xxx",
+  repoID: "xxxxxxx-xxxx-xxx-xxx-xxxx",
+  userInfo: {
+    username: 'xxx',
+    name: 'xxx',
+    contact_email: 'xxxx'
+  },
+  filePath: '/demo.md',
+  fileName: 'demo.md',
+  dirPath: '/'
+};
+export { serverConfig };

package/dist/css/react-mentions-default-style.js

@@ -34,13 +34,14 @@ 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',
+        outlineStyle: 'none',
         outlineWidth: '5px'
       }
     }

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;

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/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,10 +31,6 @@
   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;
 }
 
@@ -127,10 +123,6 @@
   }
 }
 
-.seafile-editor-outline {
-  margin-right: 1rem;
-}
-
 .outline-h2, .outline-h3 {
   white-space: nowrap;
   overflow: hidden;

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.95",
+  "version": "0.3.96-test",
   "private": false,
   "dependencies": {
     "@seafile/react-image-lightbox": "^0.0.9",