@seafile/sdoc-editor 0.1.80 → 0.1.81-test

package/dist/basic-sdk/views/viewer.js

@@ -8,6 +8,7 @@ import { SetNodeToDecorations } from '../highlight-decorate/setNodeToDecorations
 import { usePipDecorate } from '../decorates';
 import '../assets/css/layout.css';
 import '../assets/css/sdoc-editor-plugins.css';
+import '../assets/css/dropdown-menu.css';
 var SDocViewer = function SDocViewer(_ref) {
   var document = _ref.document,
     customRenderLeaf = _ref.renderLeaf,

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

@@ -5,9 +5,12 @@ import context from '../../context';
 import { EventBus } from '../../basic-sdk';
 import { EXTERNAL_EVENT } from '../../constants';
 import { DateUtils } from '../../utils';
+import DraftDropdown from '../draft-dropdown';
 var DocInfo = function DocInfo(_ref) {
   var t = _ref.t,
-    isStarred = _ref.isStarred;
+    isStarred = _ref.isStarred,
+    isDraft = _ref.isDraft,
+    isEditMode = _ref.isEditMode;
   var onInternalLinkClick = useCallback(function () {
     var eventBus = EventBus.getInstance();
     eventBus.dispatch(EXTERNAL_EVENT.INTERNAL_LINK_CLICK);
@@ -21,7 +24,7 @@ var DocInfo = function DocInfo(_ref) {
   var _context$getSettings = context.getSettings(),
     isShowInternalLink = _context$getSettings.isShowInternalLink,
     isStarIconShown = _context$getSettings.isStarIconShown;
-  var docInfo = /*#__PURE__*/React.createElement(React.Fragment, null, isStarIconShown && /*#__PURE__*/React.createElement("button", {
+  var docInfo = /*#__PURE__*/React.createElement(React.Fragment, null, isDraft && /*#__PURE__*/React.createElement(DraftDropdown, null), isStarIconShown && /*#__PURE__*/React.createElement("button", {
     className: "doc-icon sdocfont ".concat(isStarred ? 'sdoc-starred' : 'sdoc-unstarred', " border-0 p-0 bg-transparent"),
     title: isStarred ? t('Starred') : t('Unstarred'),
     "aria-label": isStarred ? t('Unstar') : t('Star'),
@@ -32,7 +35,9 @@ var DocInfo = function DocInfo(_ref) {
     className: "internal-link sdocfont sdoc-link",
     title: t('Internal_link'),
     onClick: onInternalLinkClick
-  })), /*#__PURE__*/React.createElement(TipMessage, null));
+  })), /*#__PURE__*/React.createElement(TipMessage, {
+    isEditMode: isEditMode
+  }));
   if (!isSdocRevision) {
     return /*#__PURE__*/React.createElement("div", {
       className: "doc-info"
@@ -43,12 +48,14 @@ var DocInfo = function DocInfo(_ref) {
   var revisionCreatedAt = context.getSetting('revisionCreatedAt');
   var oldDocName = context.getSetting('originFilename');
   return /*#__PURE__*/React.createElement("div", {
-    className: "doc-info d-flex flex-column"
+    className: "doc-info d-flex flex-column align-items-start"
   }, /*#__PURE__*/React.createElement("div", {
     className: "doc-name-container d-flex align-items-center justify-content-start w-100"
   }, /*#__PURE__*/React.createElement("div", {
     className: "doc-name"
-  }, oldDocName), docInfo), /*#__PURE__*/React.createElement("div", {
+  }, oldDocName), /*#__PURE__*/React.createElement(TipMessage, {
+    isEditMode: isEditMode
+  })), /*#__PURE__*/React.createElement("div", {
     className: "doc-state"
   }, /*#__PURE__*/React.createElement("span", {
     className: "mr-2"

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

@@ -4,14 +4,21 @@ import RevisionOperations from './revision-operations';
 import HistoryOperation from './history-operation';
 import CollaboratorsOperation from './collaborators-operation';
 import MoreOperations from './more-operations';
+import context from '../../context';
 import './style.css';
-var DocOperations = function DocOperations() {
+var DocOperations = function DocOperations(_ref) {
+  var isShowChanges = _ref.isShowChanges,
+    toggleViewChanges = _ref.toggleViewChanges;
+  var isSdocRevision = context.getSetting('isSdocRevision');
   return /*#__PURE__*/React.createElement("div", {
     className: "doc-ops"
-  }, /*#__PURE__*/React.createElement(RevisionOperations, null), /*#__PURE__*/React.createElement("span", {
+  }, /*#__PURE__*/React.createElement(RevisionOperations, {
+    isShowChanges: isShowChanges,
+    toggleViewChanges: toggleViewChanges
+  }), !isSdocRevision && /*#__PURE__*/React.createElement("span", {
     className: "op-item"
   }, /*#__PURE__*/React.createElement("i", {
     className: "sdocfont sdoc-share"
-  })), /*#__PURE__*/React.createElement(HistoryOperation, null), /*#__PURE__*/React.createElement(CollaboratorsOperation, null), /*#__PURE__*/React.createElement(MoreOperations, null));
+  })), /*#__PURE__*/React.createElement(HistoryOperation, null), /*#__PURE__*/React.createElement(CollaboratorsOperation, null), !isSdocRevision && /*#__PURE__*/React.createElement(MoreOperations, null));
 };
 export default withTranslation('sdoc-editor')(DocOperations);

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

@@ -0,0 +1,16 @@
+import React from 'react';
+import context from '../../../context';
+import PublishRevision from './publish-button';
+import ViewChanges from './view-changes';
+import MoreRevisionOperations from './more-revision-operations';
+var RevisionOperations = function RevisionOperations(_ref) {
+  var isShowChanges = _ref.isShowChanges,
+    toggleViewChanges = _ref.toggleViewChanges;
+  var isSdocRevision = context.getSetting('isSdocRevision');
+  var isPublished = context.getSetting('isPublished');
+  return /*#__PURE__*/React.createElement(React.Fragment, null, !isSdocRevision && /*#__PURE__*/React.createElement(MoreRevisionOperations, null), isSdocRevision && /*#__PURE__*/React.createElement(ViewChanges, {
+    isShowChanges: isShowChanges,
+    toggleViewChanges: toggleViewChanges
+  }), isSdocRevision && !isPublished && /*#__PURE__*/React.createElement(PublishRevision, null));
+};
+export default RevisionOperations;

package/dist/components/doc-operations/revision-operations/more-revision-operations/index.css

@@ -0,0 +1,58 @@
+.sdoc-more-revision-operations-dropdown .sdoc-more-revision-operations-toggle {
+  width: 66px;
+  height: 30px;
+  border-radius: 15px;
+  background-color: #F0F0F0;
+  display: flex;
+  align-items: center;
+  justify-content: center;
+  color: #666;
+}
+
+.sdoc-more-revision-operations-dropdown .sdoc-more-revision-operations-toggle:hover {
+  cursor: pointer;
+  color: #333;
+}
+
+.sdoc-more-revision-operations-dropdown .sdoc-more-revision-operations-toggle .sdoc-revise {
+  margin-right: 10px;
+}
+
+.sdoc-more-revision-operations-dropdown .sdoc-more-revision-operations-toggle .sdocfont {
+  font-size: 14px;
+}
+
+.sdoc-more-revision-operations-dropdown .dropdown-item {
+  padding: 12px;
+  min-height: 32px;
+}
+
+.sdoc-more-revision-operations-dropdown .sdoc-more-revision-operation {
+  width: 373px;
+  display: flex;
+  flex-direction: column;
+  align-items: flex-start;
+}
+
+.sdoc-more-revision-operations-dropdown .sdoc-more-revision-operation-title .sdocfont {
+  font-size: 14px;
+  margin-right: 6px;
+}
+
+.sdoc-more-revision-operations-dropdown .sdoc-more-revision-operation-title-name {
+  color: #212529;
+  font-size: 14px;
+}
+
+.sdoc-more-revision-operations-dropdown .sdoc-more-revision-operation-describe {
+  padding-left: 20px;
+  color: #999;
+  font-size: 13px;
+  width: 100%;
+  white-space: break-spaces;
+}
+
+.sdoc-more-revision-operations-dropdown .dropdown-item:hover .sdoc-more-revision-operation-title-name,
+.sdoc-more-revision-operations-dropdown .dropdown-item:hover .sdoc-more-revision-operation-describe {
+  color: #fff;
+}

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

@@ -0,0 +1,56 @@
+import _slicedToArray from "@babel/runtime/helpers/esm/slicedToArray";
+import React, { useCallback, useState } from 'react';
+import { withTranslation } from 'react-i18next';
+import { Dropdown, DropdownToggle, DropdownMenu, DropdownItem } from 'reactstrap';
+import context from '../../../../context';
+import toaster from '../../../toast';
+import './index.css';
+var MoreRevisionOperations = function MoreRevisionOperations(_ref) {
+  var t = _ref.t;
+  var repoID = context.getSetting('repoID');
+  var siteRoot = context.getSetting('siteRoot');
+  var _useState = useState(false),
+    _useState2 = _slicedToArray(_useState, 2),
+    isDropdownOpen = _useState2[0],
+    setIsDropdownOpen = _useState2[1];
+  var toggleDropdown = useCallback(function (isDropdownOpen) {
+    setIsDropdownOpen(!isDropdownOpen);
+  }, []);
+  var startRevise = useCallback(function () {
+    context.startRevise().then(function (res) {
+      window.location.href = "".concat(siteRoot, "lib/").concat(repoID, "/file").concat(res.data.file_path);
+    }).catch(function (error) {
+      toaster.danger(t('Error'));
+    });
+    // eslint-disable-next-line react-hooks/exhaustive-deps
+  }, []);
+  return /*#__PURE__*/React.createElement(Dropdown, {
+    isOpen: isDropdownOpen,
+    toggle: function toggle() {
+      return toggleDropdown(isDropdownOpen);
+    },
+    className: "sdoc-more-revision-operations-dropdown"
+  }, /*#__PURE__*/React.createElement(DropdownToggle, {
+    className: "ml-4 sdoc-more-revision-operations-toggle",
+    tag: "div"
+  }, /*#__PURE__*/React.createElement("i", {
+    className: "sdocfont sdoc-revise"
+  }), /*#__PURE__*/React.createElement("span", {
+    className: "sdocfont sdoc-".concat(isDropdownOpen ? 'caret-up' : 'drop-down')
+  })), /*#__PURE__*/React.createElement(DropdownMenu, {
+    right: true
+  }, /*#__PURE__*/React.createElement(DropdownItem, {
+    onClick: startRevise
+  }, /*#__PURE__*/React.createElement("div", {
+    className: "sdoc-more-revision-operation"
+  }, /*#__PURE__*/React.createElement("div", {
+    className: "sdoc-more-revision-operation-title"
+  }, /*#__PURE__*/React.createElement("i", {
+    className: "sdocfont sdoc-revise"
+  }), /*#__PURE__*/React.createElement("span", {
+    className: "sdoc-more-revision-operation-title-name"
+  }, t('Revise'))), /*#__PURE__*/React.createElement("div", {
+    className: "sdoc-more-revision-operation-describe"
+  }, t('Start_revise_tip'))))));
+};
+export default withTranslation('sdoc-editor')(MoreRevisionOperations);

package/dist/components/doc-operations/revision-operations/publish-button.js

@@ -0,0 +1,28 @@
+import React, { useCallback } from 'react';
+import { Button } from 'reactstrap';
+import { withTranslation } from 'react-i18next';
+import context from '../../../context';
+import toaster from '../../../components/toast';
+var PublishRevision = function PublishRevision(_ref) {
+  var t = _ref.t;
+  var repoID = context.getSetting('repoID');
+  var siteRoot = context.getSetting('siteRoot');
+  var publish = useCallback(function (event) {
+    event.stopPropagation();
+    event.nativeEvent.stopImmediatePropagation();
+    context.publishSdocRevision().then(function (res) {
+      var origin_file_path = res.data.origin_file_path;
+      window.location.href = "".concat(siteRoot, "lib/").concat(repoID, "/file/").concat(origin_file_path);
+    }).catch(function (error) {
+      toaster.danger(t('Error'));
+    });
+
+    // eslint-disable-next-line react-hooks/exhaustive-deps
+  }, []);
+  return /*#__PURE__*/React.createElement(Button, {
+    color: "success",
+    onClick: publish,
+    className: "ml-4"
+  }, t('Publish'));
+};
+export default withTranslation('sdoc-editor')(PublishRevision);

package/dist/components/doc-operations/{revision-operations.js → revision-operations/revision-operations.js}

@@ -1,8 +1,8 @@
 import React, { useCallback } from 'react';
 import { Button } from 'reactstrap';
 import { withTranslation } from 'react-i18next';
-import context from '../../context';
-import toaster from '../../components/toast';
+import context from '../../../context';
+import toaster from '../../toast';
 var RevisionOperations = function RevisionOperations(_ref) {
   var t = _ref.t;
   var isSdocRevision = context.getSetting('isSdocRevision');
@@ -48,7 +48,7 @@ var RevisionOperations = function RevisionOperations(_ref) {
     // eslint-disable-next-line react-hooks/exhaustive-deps
   }, []);
   if (!isSdocRevision) return startReviseBtn();
-  return /*#__PURE__*/React.createElement(React.Fragment, null, startReviseBtn('mr-4'), !isPublished && revisionURL && /*#__PURE__*/React.createElement(Button, {
+  return /*#__PURE__*/React.createElement(React.Fragment, null, !isPublished && revisionURL && /*#__PURE__*/React.createElement(Button, {
     color: "success",
     className: "mr-4",
     onClick: viewChanges

package/dist/components/doc-operations/revision-operations/view-changes/index.css

@@ -0,0 +1,3 @@
+.sdoc-toggle-revision-changes .custom-switch {
+  padding-left: 0;
+}

package/dist/components/doc-operations/revision-operations/view-changes/index.js

@@ -0,0 +1,26 @@
+import React, { useCallback } from 'react';
+import { withTranslation } from 'react-i18next';
+import { UncontrolledTooltip } from 'reactstrap';
+import Switch from '../../../switch';
+import './index.css';
+var ViewChanges = function ViewChanges(_ref) {
+  var isShowChanges = _ref.isShowChanges,
+    t = _ref.t,
+    toggleViewChanges = _ref.toggleViewChanges;
+  var onToggleViewCHanges = useCallback(function () {
+    toggleViewChanges(!isShowChanges);
+
+    // eslint-disable-next-line react-hooks/exhaustive-deps
+  }, [isShowChanges]);
+  return /*#__PURE__*/React.createElement(React.Fragment, null, /*#__PURE__*/React.createElement("div", {
+    id: "sdoc-toggle-revision-changes-container",
+    className: "h-100 ml-4 d-flex align-items-center "
+  }, /*#__PURE__*/React.createElement(Switch, {
+    checked: isShowChanges,
+    onChange: onToggleViewCHanges,
+    className: "sdoc-toggle-revision-changes d-flex align-items-center"
+  })), /*#__PURE__*/React.createElement(UncontrolledTooltip, {
+    target: "sdoc-toggle-revision-changes-container"
+  }, t('View_changes')));
+};
+export default withTranslation('sdoc-editor')(ViewChanges);

package/dist/components/draft-dropdown/index.js

@@ -0,0 +1,77 @@
+import _classCallCheck from "@babel/runtime/helpers/esm/classCallCheck";
+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 from 'react';
+import { withTranslation } from 'react-i18next';
+import { EventBus } from '../../basic-sdk';
+import { EXTERNAL_EVENT } from '../../constants';
+import './style.css';
+var DraftDropdownMenu = /*#__PURE__*/function (_React$Component) {
+  _inherits(DraftDropdownMenu, _React$Component);
+  var _super = _createSuper(DraftDropdownMenu);
+  function DraftDropdownMenu(props) {
+    var _this;
+    _classCallCheck(this, DraftDropdownMenu);
+    _this = _super.call(this, props);
+    _this.registerEventHandler = function () {
+      document.addEventListener('click', _this.onHideDraftDropdownMenu);
+    };
+    _this.unregisterEventHandler = function () {
+      document.removeEventListener('click', _this.onHideDraftDropdownMenu);
+    };
+    _this.onHideDraftDropdownMenu = function () {
+      _this.setState({
+        isDropdownMenuOpen: false
+      }, function () {
+        _this.unregisterEventHandler();
+      });
+    };
+    _this.onToggleClick = function (event) {
+      event.stopPropagation();
+      event.nativeEvent.stopImmediatePropagation();
+      var isDropdownMenuOpen = !_this.state.isDropdownMenuOpen;
+      if (isDropdownMenuOpen) {
+        _this.setState({
+          isDropdownMenuOpen: isDropdownMenuOpen
+        }, function () {
+          _this.registerEventHandler();
+        });
+      } else {
+        _this.setState({
+          isDropdownMenuOpen: isDropdownMenuOpen
+        }, function () {
+          _this.unregisterEventHandler();
+        });
+      }
+    };
+    _this.unmark = function () {
+      var eventBus = EventBus.getInstance();
+      eventBus.dispatch(EXTERNAL_EVENT.UNMARK_AS_DRAFT);
+    };
+    _this.state = {
+      isDropdownMenuOpen: false
+    };
+    return _this;
+  }
+  _createClass(DraftDropdownMenu, [{
+    key: "render",
+    value: function render() {
+      var isDropdownMenuOpen = this.state.isDropdownMenuOpen;
+      var t = this.props.t;
+      return /*#__PURE__*/React.createElement("div", {
+        className: "sdoc-draft-menu"
+      }, /*#__PURE__*/React.createElement("span", {
+        className: "draft-toggle sdoc-draft-identifier",
+        onClick: this.onToggleClick
+      }, t('Draft')), isDropdownMenuOpen && /*#__PURE__*/React.createElement("ul", {
+        className: "draft-popover list-unstyled m-0"
+      }, /*#__PURE__*/React.createElement("li", {
+        className: "draft-menu-item",
+        onClick: this.unmark
+      }, t('Unmark_as_draft'))));
+    }
+  }]);
+  return DraftDropdownMenu;
+}(React.Component);
+export default withTranslation('sdoc-editor')(DraftDropdownMenu);

package/dist/components/draft-dropdown/style.css

@@ -0,0 +1,43 @@
+.sdoc-draft-menu {
+  position: relative;
+  margin-left: 0.5rem;
+}
+
+.sdoc-draft-identifier {
+  display: inline-block;
+  font-size: 14px;
+  color: #888;
+  background: #eee;
+  padding: 0 8px; 
+  height: 20px;
+  line-height: 20px;
+  border-radius: 10px;
+  cursor: pointer;
+}
+
+.sdoc-draft-identifier:hover {
+  background: #dbdbdb;
+}
+
+.sdoc-draft-menu .draft-popover {
+  position: absolute;
+  top: 25px;
+  left: 0;
+  width: 178px;
+  background-color: #fff;
+  border: 1px solid #e5e6e8;
+  border-radius: 2px;
+  padding: 8px 0;
+  box-shadow: 0 0 10px #e5e6e8;
+  z-index: 10;
+}
+
+.sdoc-draft-menu .draft-popover .draft-menu-item {
+  cursor: pointer;
+  width: 100%;
+  padding: 4px 12px;
+}
+
+.sdoc-draft-menu .draft-popover .draft-menu-item:hover {
+  background-color: rgb(245, 245, 245);
+}

package/dist/components/switch/index.css

@@ -0,0 +1,14 @@
+.seadoc-switch.small .custom-switch-indicator {
+  width: 22px;
+  height: 12px;
+  border-radius: 6px;
+}
+
+.seadoc-switch.small .custom-switch-indicator:before {
+  height: 8px;
+  width: 8px;
+}
+
+.seadoc-switch.small .custom-switch-input:checked~.custom-switch-indicator:before {
+  left: 12px;
+}

package/dist/components/switch/index.js

@@ -0,0 +1,28 @@
+import React from 'react';
+import classnames from 'classnames';
+import './index.css';
+function Switch(props) {
+  var onChange = props.onChange,
+    checked = props.checked,
+    placeholder = props.placeholder,
+    disabled = props.disabled,
+    className = props.className,
+    size = props.size;
+  return /*#__PURE__*/React.createElement("div", {
+    className: classnames('seadoc-switch position-relative', className, size)
+  }, /*#__PURE__*/React.createElement("label", {
+    className: "custom-switch"
+  }, /*#__PURE__*/React.createElement("input", {
+    className: "custom-switch-input",
+    type: "checkbox",
+    checked: checked,
+    onChange: onChange,
+    name: "custom-switch-checkbox",
+    disabled: disabled
+  }), placeholder && /*#__PURE__*/React.createElement("span", {
+    className: "custom-switch-description text-truncate"
+  }, placeholder), /*#__PURE__*/React.createElement("span", {
+    className: "custom-switch-indicator"
+  })));
+}
+export default Switch;

package/dist/components/tip-message/index.js

@@ -23,7 +23,10 @@ var TipMessage = /*#__PURE__*/function (_React$Component) {
       });
     };
     _this.onDisconnect = function () {
-      var t = _this.props.t;
+      var _this$props = _this.props,
+        t = _this$props.t,
+        isEditMode = _this$props.isEditMode;
+      if (!isEditMode) return;
       var message = t('Server_is_not_connected_Operation_will_be_sent_to_server_later');
       toaster.warning(message, {
         hasCloseButton: true,

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/dist/constants/index.js

@@ -1,6 +1,7 @@
 export var EXTERNAL_EVENT = {
   INTERNAL_LINK_CLICK: 'internal_link_click',
   TOGGLE_STAR: 'toggle_star',
+  UNMARK_AS_DRAFT: 'unmark_as_draft',
   CANCEL_TABLE_SELECT_RANGE: 'cancel_table_select_range'
 };
 export var PAGE_EDIT_AREA_WIDTH = 672; // 672 = 794 - 2[borderLeft + borderRight] - 120[paddingLeft + paddingRight]

package/dist/context.js

@@ -139,6 +139,12 @@ var Context = /*#__PURE__*/function () {
       var docUuid = this.getSetting('docUuid');
       return this.api.sdocPublishRevision(docUuid);
     }
+  }, {
+    key: "getSeadocRevisionDownloadLinks",
+    value: function getSeadocRevisionDownloadLinks() {
+      var docUuid = this.getSetting('docUuid');
+      return this.api.getSeadocRevisionDownloadLinks(docUuid);
+    }
   }]);
   return Context;
 }();