@seafile/sdoc-editor 3.0.39 → 3.0.41

package/dist/api/seafile-api.js

@@ -331,6 +331,16 @@ var SeafileAPI = /*#__PURE__*/function () {
       form.append('view_id', viewId);
       return this.req.post(url, form);
     }
+  }, {
+    key: "modifyView",
+    value: function modifyView(wikiId, viewId, viewData) {
+      var url = '/api/v2.1/wiki2/' + wikiId + '/views/';
+      var data = {
+        view_id: viewId,
+        view_data: viewData
+      };
+      return this.req.put(url, data);
+    }
   }]);
 }();
 var _default = exports["default"] = SeafileAPI;

package/dist/comment/components/comment-image-previewer.js

@@ -8,13 +8,11 @@ exports["default"] = void 0;
 var _react = _interopRequireDefault(require("react"));
 var _reactI18next = require("react-i18next");
 var _reactImageLightbox = _interopRequireDefault(require("@seafile/react-image-lightbox"));
-var _commonUtils = require("../../utils/common-utils");
 require("@seafile/react-image-lightbox/style.css");
 function CommentImagePreviewer(props) {
   var _useTranslation = (0, _reactI18next.useTranslation)('sdoc-editor'),
     t = _useTranslation.t;
   var mainSrc = props.imageUrl;
-  var shortcutMain = (0, _commonUtils.isMac)() ? '⌘' : 'Ctrl';
   var imageTitle = '';
   try {
     imageTitle = mainSrc ? decodeURI(mainSrc.slice(mainSrc.lastIndexOf('/') + 1)) : '';
@@ -39,8 +37,8 @@ function CommentImagePreviewer(props) {
     reactModalProps: {
       shouldReturnFocusAfterClose: false
     },
-    zoomInTip: t('Enlarge: {Ctrl} + Wheel').replace('{Ctrl}', shortcutMain),
-    zoomOutTip: t('Shrink: {Ctrl} + Wheel').replace('{Ctrl}', shortcutMain)
+    zoomInTip: t('Zoom_in'),
+    zoomOutTip: t('Zoom_out')
   });
 }
 var _default = exports["default"] = CommentImagePreviewer;

package/dist/context.js

@@ -432,6 +432,12 @@ var Context = /*#__PURE__*/function () {
       var docUuid = this.getSetting('docUuid');
       return this.api.duplicateWikiView(wikiId, docUuid, viewId);
     }
+  }, {
+    key: "modifyView",
+    value: function modifyView(viewId, viewData) {
+      var wikiId = this.getSetting('wikiId');
+      return this.api.modifyView(wikiId, viewId, viewData);
+    }
   }]);
 }();
 var context = new Context();

package/dist/extension/commons/select-file-dialog/tree-view/index.css

@@ -64,7 +64,7 @@
   height: 1.5rem;
   width: 1.5rem;
   line-height: 1.5rem !important;
-  font-size: 12px !important;
+  font-size: 14px !important;
   text-align: center;
   position: absolute;
   left: 0;

package/dist/extension/plugins/file-link/plugin.js

@@ -6,11 +6,10 @@ Object.defineProperty(exports, "__esModule", {
 exports["default"] = void 0;
 var _slate = require("@seafile/slate");
 var _constants = require("../../constants");
-var _helpers = require("./helpers");
 var withFileLink = function withFileLink(editor) {
   var isInline = editor.isInline,
-    deleteBackward = editor.deleteBackward,
-    onHotKeyDown = editor.onHotKeyDown;
+    isVoid = editor.isVoid,
+    deleteBackward = editor.deleteBackward;
   var newEditor = editor;
 
   // Rewrite isInline
@@ -21,6 +20,13 @@ var withFileLink = function withFileLink(editor) {
     }
     return isInline(elem);
   };
+  newEditor.isVoid = function (elem) {
+    var type = elem.type;
+    if (type === _constants.FILE_LINK) {
+      return true;
+    }
+    return isVoid(elem);
+  };
   newEditor.deleteBackward = function (unit) {
     var selection = newEditor.selection;
     if (selection === null) {
@@ -43,24 +49,6 @@ var withFileLink = function withFileLink(editor) {
     }
     return deleteBackward(unit);
   };
-  newEditor.onHotKeyDown = function (e) {
-    var fileLinkEntry = (0, _helpers.getFileLinkEntry)(editor);
-    if (fileLinkEntry) {
-      if (e.key === 'ArrowLeft') {
-        var beforePointFileLink = _slate.Editor.before(newEditor, fileLinkEntry[1]);
-        _slate.Transforms.select(newEditor, beforePointFileLink);
-        e.preventDefault();
-        return;
-      }
-      if (e.key === 'ArrowRight') {
-        var afterPointFileLink = _slate.Editor.after(newEditor, fileLinkEntry[1]);
-        _slate.Transforms.select(newEditor, afterPointFileLink);
-        e.preventDefault();
-        return;
-      }
-    }
-    return onHotKeyDown && onHotKeyDown(e);
-  };
   return newEditor;
 };
 var _default = exports["default"] = withFileLink;

package/dist/extension/plugins/file-link/render-elem.css

@@ -44,6 +44,8 @@
   height: 50px;
   width: 420px;
   margin-bottom: -3px;
+  margin-left: 1px;
+  margin-right: 1px;
 }
 
 .sdoc-file-link-render .sdoc-file-link-icon {

package/dist/extension/plugins/file-link/render-elem.js

@@ -175,7 +175,7 @@ var FileLink = function FileLink(_ref) {
       return e.preventDefault();
     },
     title: element.title
-  }, children))), isShowInsertHoverMenu && /*#__PURE__*/_react["default"].createElement(_hoverMenu["default"], {
+  }, element.title))), children, isShowInsertHoverMenu && /*#__PURE__*/_react["default"].createElement(_hoverMenu["default"], {
     editor: editor,
     menuPosition: menuPosition,
     element: element,

package/dist/extension/plugins/file-view/rename/index.css

@@ -0,0 +1,25 @@
+.sdoc-file-view-rename {
+  max-width: 100%;
+  width: 100%;
+  white-space: nowrap;
+  word-break: break-word;
+  caret-color: var(--c-texPri);
+  min-width: 0px;
+  flex: 1 1 0%;
+  overflow: auto;
+  font-weight: 700;
+  font-size: 22px;
+  margin-inline-end: 4px;
+  scrollbar-width: none;
+  height: 48px;
+  line-height: 48px;
+}
+
+.sdoc-file-view-rename input {
+  border-width: 0;
+  padding: 0;
+}
+
+.sdoc-file-view-rename input:focus-visible {
+  outline: none;
+}

package/dist/extension/plugins/file-view/rename/index.js

@@ -0,0 +1,113 @@
+"use strict";
+
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault")["default"];
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports["default"] = void 0;
+var _classCallCheck2 = _interopRequireDefault(require("@babel/runtime/helpers/esm/classCallCheck"));
+var _createClass2 = _interopRequireDefault(require("@babel/runtime/helpers/esm/createClass"));
+var _callSuper2 = _interopRequireDefault(require("@babel/runtime/helpers/esm/callSuper"));
+var _inherits2 = _interopRequireDefault(require("@babel/runtime/helpers/esm/inherits"));
+var _defineProperty2 = _interopRequireDefault(require("@babel/runtime/helpers/esm/defineProperty"));
+var _react = _interopRequireDefault(require("react"));
+var _reactI18next = require("react-i18next");
+var _toast = _interopRequireDefault(require("../../../../components/toast"));
+var _keyCodes = _interopRequireDefault(require("../../../../constants/key-codes"));
+require("./index.css");
+var Rename = /*#__PURE__*/function (_React$Component) {
+  function Rename(props) {
+    var _this;
+    (0, _classCallCheck2["default"])(this, Rename);
+    _this = (0, _callSuper2["default"])(this, Rename, [props]);
+    (0, _defineProperty2["default"])(_this, "registerEventHandle", function () {
+      document.addEventListener('click', _this.onOutClick);
+    });
+    (0, _defineProperty2["default"])(_this, "onOutClick", function (event) {
+      if (!_this.inputRef.current.contains(event.target)) {
+        _this.onRenameConfirm();
+        document.removeEventListener('click', _this.onOutClick);
+      }
+    });
+    (0, _defineProperty2["default"])(_this, "onClick", function (e) {
+      e.stopPropagation();
+      e.nativeEvent.stopImmediatePropagation();
+      _this.registerEventHandle();
+    });
+    (0, _defineProperty2["default"])(_this, "onChange", function (e) {
+      _this.setState({
+        name: e.target.value
+      });
+    });
+    (0, _defineProperty2["default"])(_this, "onKeyDown", function (e) {
+      if (e.keyCode === _keyCodes["default"].Enter) {
+        _this.onRenameConfirm(e);
+      } else if (e.keyCode === _keyCodes["default"].Esc) {
+        _this.onRenameCancel(e);
+      }
+      e.nativeEvent.stopImmediatePropagation();
+    });
+    (0, _defineProperty2["default"])(_this, "onRenameConfirm", function (e) {
+      e && e.nativeEvent.stopImmediatePropagation();
+      var newName = _this.state.name.trim();
+      if (newName === _this.props.name) {
+        _this.props.onRenameCancel();
+        return;
+      }
+      var _this$validateInput = _this.validateInput(),
+        isValid = _this$validateInput.isValid,
+        errMessage = _this$validateInput.errMessage;
+      if (!isValid) {
+        _toast["default"].danger(errMessage);
+        _this.props.onRenameCancel();
+      } else {
+        _this.props.onRenameConfirm(newName);
+      }
+    });
+    (0, _defineProperty2["default"])(_this, "onRenameCancel", function (e) {
+      document.removeEventListener('click', _this.onOutClick);
+      e.nativeEvent.stopImmediatePropagation();
+      _this.props.onRenameCancel();
+    });
+    (0, _defineProperty2["default"])(_this, "validateInput", function () {
+      var t = _this.props.t;
+      var newName = _this.state.name.trim();
+      var isValid = true;
+      var errMessage = '';
+      if (newName.indexOf('/') > -1) {
+        isValid = false;
+        // eslint-disable-next-line no-useless-concat
+        errMessage = t('Name should not include ' + '\'/\'' + '.');
+        return {
+          isValid: isValid,
+          errMessage: errMessage
+        };
+      }
+      return {
+        isValid: isValid,
+        errMessage: errMessage
+      };
+    });
+    _this.state = {
+      name: props.name
+    };
+    _this.inputRef = /*#__PURE__*/_react["default"].createRef();
+    return _this;
+  }
+  (0, _inherits2["default"])(Rename, _React$Component);
+  return (0, _createClass2["default"])(Rename, [{
+    key: "render",
+    value: function render() {
+      return /*#__PURE__*/_react["default"].createElement("div", {
+        className: "sdoc-file-view-rename"
+      }, /*#__PURE__*/_react["default"].createElement("input", {
+        ref: this.inputRef,
+        value: this.state.name,
+        onChange: this.onChange,
+        onKeyDown: this.onKeyDown,
+        onClick: this.onClick
+      }));
+    }
+  }]);
+}(_react["default"].Component);
+var _default = exports["default"] = (0, _reactI18next.withTranslation)('sdoc-editor')(Rename);

package/dist/extension/plugins/file-view/render-elem/index.css

@@ -6,15 +6,12 @@
 
 .sdoc-file-view-container .sdoc-file-view-title {
   position: absolute;
-  height: 44px;
-  line-height: 44px;
-  top: 0px;
+  height: 48px;
+  line-height: 48px;
+  top: 2px;
   left: 0px;
   z-index: 10;
-  height: 44px;
-  line-height: 44px;
   margin-left: 16px;
-  cursor: pointer;
 }
 
 .sdoc-file-view-container .sdoc-file-view-content {

package/dist/extension/plugins/file-view/render-elem/index.js

@@ -19,6 +19,7 @@ var _commonUtils = require("../../../../utils/common-utils");
 var _localStorageUtils = _interopRequireDefault(require("../../../../utils/local-storage-utils"));
 var _constants = require("../../../constants");
 var _helpers = require("../helpers");
+var _rename = _interopRequireDefault(require("../rename"));
 require("./index.css");
 var FileView = function FileView(_ref) {
   var element = _ref.element,
@@ -154,6 +155,16 @@ var FileView = function FileView(_ref) {
     }
     return null;
   }, [data]);
+  var onNameCancel = (0, _react.useCallback)(function () {}, []);
+  var onRename = (0, _react.useCallback)(function (newName) {
+    var newData = (0, _objectSpread2["default"])((0, _objectSpread2["default"])({}, element.data), {}, {
+      view_name: newName
+    });
+    (0, _helpers.updateFileView)(newData, editor, element);
+
+    // TODO:
+    // context.modifyView(data.view_id, { view_name: newName });
+  }, [editor, element]);
   return /*#__PURE__*/_react["default"].createElement("div", Object.assign({
     "data-id": element.id
   }, attributes, {
@@ -162,7 +173,11 @@ var FileView = function FileView(_ref) {
     suppressContentEditableWarning: true
   }), /*#__PURE__*/_react["default"].createElement("div", {
     className: "sdoc-file-view-title"
-  }, data.view_name), /*#__PURE__*/_react["default"].createElement("div", {
+  }, /*#__PURE__*/_react["default"].createElement(_rename["default"], {
+    name: data.view_name,
+    onRenameConfirm: onRename,
+    onRenameCancel: onNameCancel
+  })), /*#__PURE__*/_react["default"].createElement("div", {
     className: (0, _classnames["default"])('sdoc-file-view-content', {
       'is-selected': isSelected
     }),

package/dist/extension/plugins/image/dialogs/image-previewer.js

@@ -13,7 +13,6 @@ var _inherits2 = _interopRequireDefault(require("@babel/runtime/helpers/esm/inhe
 var _defineProperty2 = _interopRequireDefault(require("@babel/runtime/helpers/esm/defineProperty"));
 var _react = _interopRequireDefault(require("react"));
 var _reactImageLightbox = _interopRequireDefault(require("@seafile/react-image-lightbox"));
-var _commonUtils = require("../../../../utils/common-utils");
 var _helpers = require("../helpers");
 require("@seafile/react-image-lightbox/style.css");
 var ImagePreviewer = /*#__PURE__*/function (_React$Component) {
@@ -74,7 +73,6 @@ var ImagePreviewer = /*#__PURE__*/function (_React$Component) {
       var imageIndex = this.state.imageIndex;
       var imageItemsLength = this.images.length;
       var mainSrc = this.images[imageIndex] || '';
-      var shortcutMain = (0, _commonUtils.isMac)() ? '⌘' : 'Ctrl';
       var imageTitle = '';
       try {
         imageTitle = mainSrc ? decodeURI(mainSrc.slice(mainSrc.lastIndexOf('/') + 1)) : '';
@@ -107,8 +105,8 @@ var ImagePreviewer = /*#__PURE__*/function (_React$Component) {
         reactModalProps: {
           shouldReturnFocusAfterClose: false
         },
-        zoomInTip: this.props.t('Enlarge: {Ctrl} + Wheel').replace('{Ctrl}', shortcutMain),
-        zoomOutTip: this.props.t('Shrink: {Ctrl} + Wheel').replace('{Ctrl}', shortcutMain)
+        zoomInTip: this.props.t('Zoom_in'),
+        zoomOutTip: this.props.t('Zoom_out')
       });
     }
   }]);

package/dist/extension/plugins/sdoc-link/plugin.js

@@ -12,10 +12,10 @@ var _core = require("../../core");
 var _helpers = require("./helpers");
 var withSdocLink = function withSdocLink(editor) {
   var isInline = editor.isInline,
+    isVoid = editor.isVoid,
     deleteBackward = editor.deleteBackward,
     insertText = editor.insertText,
-    onCompositionStart = editor.onCompositionStart,
-    onHotKeyDown = editor.onHotKeyDown;
+    onCompositionStart = editor.onCompositionStart;
   var newEditor = editor;
 
   // Rewrite isInline
@@ -25,6 +25,13 @@ var withSdocLink = function withSdocLink(editor) {
     if (isInlineElem) return true;
     return isInline(elem);
   };
+  newEditor.isVoid = function (elem) {
+    var type = elem.type;
+    if (type === _constants.SDOC_LINK) {
+      return true;
+    }
+    return isVoid(elem);
+  };
   newEditor.deleteBackward = function (unit) {
     var selection = newEditor.selection;
     if (selection === null) {
@@ -75,24 +82,6 @@ var withSdocLink = function withSdocLink(editor) {
     }
     return onCompositionStart && onCompositionStart(event);
   };
-  newEditor.onHotKeyDown = function (e) {
-    var sdocLinkEntry = (0, _helpers.getSdocLinkEntry)(editor);
-    if (sdocLinkEntry) {
-      if (e.key === 'ArrowLeft') {
-        var beforePointSdocLink = _slate.Editor.before(newEditor, sdocLinkEntry[1]);
-        _slate.Transforms.select(newEditor, beforePointSdocLink);
-        e.preventDefault();
-        return;
-      }
-      if (e.key === 'ArrowRight') {
-        var afterPointSdocLink = _slate.Editor.after(newEditor, sdocLinkEntry[1]);
-        _slate.Transforms.select(newEditor, afterPointSdocLink);
-        e.preventDefault();
-        return;
-      }
-    }
-    return onHotKeyDown && onHotKeyDown(e);
-  };
   return newEditor;
 };
 var _default = exports["default"] = withSdocLink;

package/dist/extension/plugins/sdoc-link/render/render-elem.css

@@ -27,6 +27,8 @@
   height: 50px;
   width: 420px;
   margin-bottom: -3px;
+  margin-left: 1px;
+  margin-right: 1px;
 }
 
 .sdoc-file-render .sdoc-file-link-icon {

package/dist/extension/plugins/sdoc-link/render/render-elem.js

@@ -210,7 +210,7 @@ var SdocFileLink = function SdocFileLink(_ref) {
       return e.preventDefault();
     },
     title: element.title
-  }, children))), isShowInsertHoverMenu && !readOnly && editor.selection && _slate.Range.isCollapsed(editor.selection) && /*#__PURE__*/_react["default"].createElement(_hoverMenu["default"], {
+  }, element.title))), children, isShowInsertHoverMenu && !readOnly && editor.selection && _slate.Range.isCollapsed(editor.selection) && /*#__PURE__*/_react["default"].createElement(_hoverMenu["default"], {
     url: url,
     editor: editor,
     menuPosition: menuPosition,

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@seafile/sdoc-editor",
-  "version": "3.0.39",
+  "version": "3.0.41",
   "main": "dist/index.js",
   "scripts": {
     "test": "jest",
@@ -17,7 +17,7 @@
   "license": "ISC",
   "description": "",
   "dependencies": {
-    "@seafile/comment-editor": "1.0.3",
+    "@seafile/comment-editor": "1.0.4",
     "@seafile/print-js": "1.6.6",
     "@seafile/react-image-lightbox": "^5.0.2",
     "@seafile/seafile-database": "0.0.15",
@@ -72,5 +72,5 @@
   "publishConfig": {
     "access": "public"
   },
-  "gitHead": "8d184c224586d5b7a253f40d2fa2c680f8c46d53"
+  "gitHead": "e47bfe980bb14bcaa00618ba2f4155b2492992c4"
 }