@seafile/seafile-sdoc-editor 2.0.6 → 2.0.9

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

@@ -1,14 +1,17 @@
 "use strict";
 
+var _interopRequireWildcard = require("@babel/runtime/helpers/interopRequireWildcard")["default"];
 var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault")["default"];
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports["default"] = void 0;
-var _react = _interopRequireDefault(require("react"));
+var _slicedToArray2 = _interopRequireDefault(require("@babel/runtime/helpers/esm/slicedToArray"));
+var _react = _interopRequireWildcard(require("react"));
 var _reactI18next = require("react-i18next");
 var _sdocEditor = require("@seafile/sdoc-editor");
 var _collaboratorsOperation = _interopRequireDefault(require("./collaborators-operation"));
+var _mobileEditing = _interopRequireDefault(require("./mobile-editing"));
 var _moreOperations = _interopRequireDefault(require("./more-operations"));
 var _pluginsOperations = _interopRequireDefault(require("./plugins-operations"));
 var _presentationOperation = _interopRequireDefault(require("./presentation-operation"));
@@ -26,12 +29,25 @@ var DocOperations = function DocOperations(_ref) {
     handleRevisionPublished = _ref.handleRevisionPublished;
   var isSdocRevision = _sdocEditor.context.getSetting('isSdocRevision');
   var mobileLogin = _sdocEditor.context.getSetting('mobileLogin');
+  var _useState = (0, _react.useState)(false),
+    _useState2 = (0, _slicedToArray2["default"])(_useState, 2),
+    isEdit = _useState2[0],
+    setIsEdit = _useState2[1];
+  var handleEditToggle = (0, _react.useCallback)(function (_ref2) {
+    var isEdit = _ref2.isEdit;
+    setIsEdit(isEdit);
+  }, []);
+  (0, _react.useEffect)(function () {
+    var eventBus = _sdocEditor.EventBus.getInstance();
+    var unsubscribeViewOrEdit = eventBus.subscribe('ViewOrEdit', handleEditToggle);
+    return function () {
+      unsubscribeViewOrEdit();
+    };
+  }, [handleEditToggle]);
   if (_sdocEditor.isMobile) {
     return /*#__PURE__*/_react["default"].createElement("div", {
       className: "doc-ops"
-    }, !isSdocRevision && !mobileLogin && /*#__PURE__*/_react["default"].createElement(_shareOperation["default"], null), !isSdocRevision && /*#__PURE__*/_react["default"].createElement(_moreOperations["default"], {
-      isStarred: isStarred
-    }));
+    }, !isSdocRevision && !mobileLogin && !isEdit && /*#__PURE__*/_react["default"].createElement(_shareOperation["default"], null), !isSdocRevision && /*#__PURE__*/_react["default"].createElement(_mobileEditing["default"], null));
   }
   return /*#__PURE__*/_react["default"].createElement("div", {
     className: "doc-ops"

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

@@ -0,0 +1,39 @@
+"use strict";
+
+var _interopRequireWildcard = require("@babel/runtime/helpers/interopRequireWildcard")["default"];
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault")["default"];
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports["default"] = MobileEditing;
+var _slicedToArray2 = _interopRequireDefault(require("@babel/runtime/helpers/esm/slicedToArray"));
+var _react = _interopRequireWildcard(require("react"));
+var _reactI18next = require("react-i18next");
+var _sdocEditor = require("@seafile/sdoc-editor");
+function MobileEditing() {
+  var _useTranslation = (0, _reactI18next.useTranslation)('sdoc-editor'),
+    t = _useTranslation.t;
+  var _useState = (0, _react.useState)('Edit'),
+    _useState2 = (0, _slicedToArray2["default"])(_useState, 2),
+    insertText = _useState2[0],
+    setInsertText = _useState2[1];
+  var isEdit = (0, _react.useRef)(false);
+  var onEditToggle = (0, _react.useCallback)(function () {
+    if (isEdit.current) {
+      isEdit.current = false;
+      setInsertText('Edit');
+    } else {
+      isEdit.current = true;
+      setInsertText('Finish');
+    }
+    var eventBus = _sdocEditor.EventBus.getInstance();
+    eventBus.dispatch('ViewOrEdit', {
+      isEdit: isEdit.current
+    });
+  }, []);
+  return /*#__PURE__*/_react["default"].createElement("span", {
+    className: "op-item",
+    id: "op-edit",
+    onClick: onEditToggle
+  }, t(insertText));
+}

package/dist/components/doc-operations/style.css

@@ -79,7 +79,7 @@
   width: 8px;
 }
 
-.sdoc-operator-folder .sdoc-dropdown-menu .sdoc-dropdown-menu-item .sdoc-full-width-mode-wrapper .custom-switch .custom-switch-input:checked ~ .custom-switch-indicator:before {
+.sdoc-operator-folder .sdoc-dropdown-menu .sdoc-dropdown-menu-item .sdoc-full-width-mode-wrapper .custom-switch .custom-switch-input:checked~.custom-switch-indicator:before {
   left: 12px;
 }
 
@@ -91,3 +91,8 @@
   box-shadow: 0 0 0 2px rgba(255, 128, 0, .25);
   border-color: #ff8000;
 }
+
+.doc-ops #op-edit {
+  width: 44px;
+  height: 44px;
+}

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@seafile/seafile-sdoc-editor",
-  "version": "2.0.6",
+  "version": "2.0.9",
   "author": "shuntian <978987373@qq.com>",
   "homepage": "https://github.com/seafileltd/sea-sdoc-editor#readme",
   "license": "ISC",
@@ -29,7 +29,7 @@
   "description": "",
   "dependencies": {
     "@seafile/print-js": "1.6.6",
-    "@seafile/sdoc-editor": "^2.0.89",
+    "@seafile/sdoc-editor": "^2.0.92",
     "classnames": "2.3.2",
     "dayjs": "1.10.7"
   },
@@ -45,5 +45,5 @@
   "publishConfig": {
     "access": "public"
   },
-  "gitHead": "e9eb8bd2f2c9b1ba5219ae8f7a1af64907040f73"
+  "gitHead": "e0c4a3fff287103bb06ee2917670277fdcaee406"
 }