@seafile/sdoc-editor 0.1.23 → 0.1.25

package/dist/basic-sdk/editor.js

@@ -63,7 +63,6 @@ var SDocEditor = /*#__PURE__*/function (_React$Component) {
     value: function render() {
       var _this2 = this;
       var slateValue = this.state.slateValue;
-      var doc = this.props.document;
       return /*#__PURE__*/React.createElement("div", {
         className: "sdoc-editor-container"
       }, /*#__PURE__*/React.createElement(Toolbar, {
@@ -71,7 +70,7 @@ var SDocEditor = /*#__PURE__*/function (_React$Component) {
       }), /*#__PURE__*/React.createElement("div", {
         className: "sdoc-editor-content"
       }, /*#__PURE__*/React.createElement(SDocOutline, {
-        doc: doc
+        doc: slateValue
       }), /*#__PURE__*/React.createElement("div", {
         className: "flex-fill o-auto"
       }, /*#__PURE__*/React.createElement(Slate, {

package/dist/basic-sdk/outline.js

@@ -6,8 +6,8 @@ import React from 'react';
 import { withTranslation } from 'react-i18next';
 import { UncontrolledTooltip } from 'reactstrap';
 import './assets/css/outline.css';
-var SDocOutline = /*#__PURE__*/function (_React$Component) {
-  _inherits(SDocOutline, _React$Component);
+var SDocOutline = /*#__PURE__*/function (_React$PureComponent) {
+  _inherits(SDocOutline, _React$PureComponent);
   var _super = _createSuper(SDocOutline);
   function SDocOutline(props) {
     var _this;
@@ -30,7 +30,7 @@ var SDocOutline = /*#__PURE__*/function (_React$Component) {
         doc = _this$props.doc,
         t = _this$props.t;
       var isShown = this.state.isShown;
-      var list = doc.children.filter(function (item) {
+      var list = doc.filter(function (item) {
         return item.type == 'header2' || item.type == 'header3';
       });
       return isShown ? /*#__PURE__*/React.createElement("div", {
@@ -65,9 +65,9 @@ var SDocOutline = /*#__PURE__*/function (_React$Component) {
     }
   }]);
   return SDocOutline;
-}(React.Component);
-var OutlineItem = /*#__PURE__*/function (_React$Component2) {
-  _inherits(OutlineItem, _React$Component2);
+}(React.PureComponent);
+var OutlineItem = /*#__PURE__*/function (_React$PureComponent2) {
+  _inherits(OutlineItem, _React$PureComponent2);
   var _super2 = _createSuper(OutlineItem);
   function OutlineItem(props) {
     var _this2;
@@ -98,8 +98,7 @@ var OutlineItem = /*#__PURE__*/function (_React$Component2) {
     value: function render() {
       var isHighlighted = this.state.isHighlighted;
       var item = this.props.item;
-      var id = item.id,
-        type = item.type,
+      var type = item.type,
         children = item.children;
       return /*#__PURE__*/React.createElement("li", {
         className: "outline-item ".concat(type == 'header3' ? 'pl-5' : '', " ").concat(isHighlighted ? 'active' : ''),
@@ -110,5 +109,5 @@ var OutlineItem = /*#__PURE__*/function (_React$Component2) {
     }
   }]);
   return OutlineItem;
-}(React.Component);
+}(React.PureComponent);
 export default withTranslation('sdoc-editor')(SDocOutline);

package/dist/components/doc-operations/index.js

@@ -3,32 +3,49 @@ import _createClass from "@babel/runtime/helpers/esm/createClass";
 import _inherits from "@babel/runtime/helpers/esm/inherits";
 import _createSuper from "@babel/runtime/helpers/esm/createSuper";
 import React, { Fragment } from 'react';
+import { Dropdown, DropdownToggle, DropdownMenu, DropdownItem } from 'reactstrap';
 import CollaboratorsOperation from './collaborators-operation';
 import context from '../../context';
+import { withTranslation } from 'react-i18next';
 import './style.css';
 var DocOperations = /*#__PURE__*/function (_React$Component) {
   _inherits(DocOperations, _React$Component);
   var _super = _createSuper(DocOperations);
-  function DocOperations() {
+  function DocOperations(props) {
     var _this;
     _classCallCheck(this, DocOperations);
-    for (var _len = arguments.length, args = new Array(_len), _key = 0; _key < _len; _key++) {
-      args[_key] = arguments[_key];
-    }
-    _this = _super.call.apply(_super, [this].concat(args));
+    _this = _super.call(this, props);
+    _this.toggleDropdown = function () {
+      _this.setState({
+        isDropdownOpen: !_this.state.isDropdownOpen
+      });
+    };
     _this.toggleHistory = function (event) {
       event.stopPropagation();
       event.nativeEvent.stopImmediatePropagation();
       var historyURL = context.getSetting('historyURL');
       window.location.href = historyURL;
     };
+    _this.state = {
+      isDropdownOpen: false
+    };
     return _this;
   }
   _createClass(DocOperations, [{
     key: "render",
     value: function render() {
+      var t = this.props.t;
+      var isDropdownOpen = this.state.isDropdownOpen;
       var docPerm = context.getSetting('docPerm');
       var historyURL = context.getSetting('historyURL');
+      var parentFolderURL = context.getSetting('parentFolderURL');
+      var dropdownItems = [];
+      if (parentFolderURL) {
+        dropdownItems.push({
+          text: t('Open_parent_folder'),
+          URL: parentFolderURL
+        });
+      }
       return /*#__PURE__*/React.createElement(Fragment, null, /*#__PURE__*/React.createElement("div", {
         className: "doc-ops"
       }, /*#__PURE__*/React.createElement("span", {
@@ -40,13 +57,25 @@ var DocOperations = /*#__PURE__*/function (_React$Component) {
         onClick: this.toggleHistory
       }, /*#__PURE__*/React.createElement("i", {
         className: "iconfont icon-history"
-      })), /*#__PURE__*/React.createElement(CollaboratorsOperation, null), /*#__PURE__*/React.createElement("span", {
-        className: "op-item"
+      })), /*#__PURE__*/React.createElement(CollaboratorsOperation, null), dropdownItems.length > 0 && /*#__PURE__*/React.createElement(Dropdown, {
+        isOpen: isDropdownOpen,
+        toggle: this.toggleDropdown
+      }, /*#__PURE__*/React.createElement(DropdownToggle, {
+        className: "op-item",
+        tag: "span"
       }, /*#__PURE__*/React.createElement("i", {
         className: "iconfont icon-menu"
-      }))));
+      })), /*#__PURE__*/React.createElement(DropdownMenu, {
+        right: true
+      }, dropdownItems.map(function (item, index) {
+        return /*#__PURE__*/React.createElement(DropdownItem, {
+          tag: "a",
+          href: item.URL,
+          key: index
+        }, item.text);
+      })))));
     }
   }]);
   return DocOperations;
 }(React.Component);
-export default DocOperations;
+export default withTranslation('sdoc-editor')(DocOperations);

package/dist/config.js

@@ -0,0 +1,16 @@
+var serverConfig = {
+  //serviceUrl: "http://127.0.0.1:8000",
+  serviceUrl: "http://192.168.1.100:8000",
+  username: "lj@11.com",
+  password: "11",
+  repoID: "79d1fa93-4b5f-4d6c-8fb5-ad3958e1fa47",
+  userInfo: {
+    username: 'lj@11.com',
+    name: 'lj-',
+    contact_email: 'lj@11.com'
+  },
+  filePath: '/xxx.md',
+  fileName: 'xxx.md',
+  dirPath: '/'
+};
+export { serverConfig };

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@seafile/sdoc-editor",
-  "version": "0.1.23",
+  "version": "0.1.25",
   "private": false,
   "description": "This is a sdoc editor",
   "main": "dist/index.js",

package/public/locales/en/sdoc-editor.json

@@ -235,5 +235,6 @@
   "Server_is_disconnected_Reconnecting": "Server is disconnected. Reconnecting...",
   "Server_is_reconnected": "Server is reconnected.",
   "Outline": "Outline",
-  "Headings_you_add_to_the_document_will_appear_here": "Headings you add to the document will appear here"
+  "Headings_you_add_to_the_document_will_appear_here": "Headings you add to the document will appear here",
+  "Open_parent_folder": "Open parent folder"
 }