@seafile/sdoc-editor 2.0.63 → 2.0.65

package/dist/basic-sdk/extension/plugins/file-link/hover-menu/index.js

@@ -15,6 +15,8 @@ var _constants = require("../constants");
 var _commons = require("../../../commons");
 var _toast = _interopRequireDefault(require("../../../../../components/toast"));
 var _helpers = require("../helpers");
+var _core = require("../../../core");
+var _constants2 = require("../../../constants");
 require("./index.css");
 const FileLinkHoverMenu = _ref => {
   let {
@@ -55,6 +57,7 @@ const FileLinkHoverMenu = _ref => {
   }, []);
   const selectedType = element.display_type || _constants.FILE_LINK_TYPE.TEXT_LINK;
   const id = `file-link-display-type-${element.id}`;
+  const newFileLinkTypes = _constants.FILE_LINK_TYPES.filter(fileLinkType => (0, _core.getCurrentNode)(editor)[0].type === _constants2.TABLE_CELL ? fileLinkType !== _constants.FILE_LINK_TYPE.CARD_LINK : true);
   return /*#__PURE__*/_react.default.createElement(_commons.ElementPopover, null, /*#__PURE__*/_react.default.createElement("div", {
     className: "sdoc-file-link-hover-menu-container",
     style: menuPosition
@@ -99,7 +102,7 @@ const FileLinkHoverMenu = _ref => {
     className: "sdocfont sdoc-unlink icon-font"
   })))), isShowDisplayStylePopover && /*#__PURE__*/_react.default.createElement("div", {
     className: "sdoc-file-display-style-popover sdoc-dropdown-menu"
-  }, _constants.FILE_LINK_TYPES.map(fileLinkType => {
+  }, newFileLinkTypes.map(fileLinkType => {
     return /*#__PURE__*/_react.default.createElement("div", {
       key: fileLinkType,
       "date-type": fileLinkType,

package/dist/basic-sdk/extension/plugins/sdoc-link/hover-menu/index.js

@@ -15,6 +15,8 @@ var _constants = require("../constants");
 var _commons = require("../../../commons");
 var _toast = _interopRequireDefault(require("../../../../../components/toast"));
 var _helpers = require("../helpers");
+var _core = require("../../../core");
+var _constants2 = require("../../../constants");
 require("./index.css");
 const SdocLinkHoverMenu = _ref => {
   let {
@@ -56,6 +58,7 @@ const SdocLinkHoverMenu = _ref => {
   }, []);
   const selectedType = element.display_type || _constants.SDOC_LINK_TYPE.TEXT_LINK;
   const id = `sdoc-link-display-type-${element.id}`;
+  const newSdocFileTypes = _constants.SDOC_LINK_TYPES.filter(sdocLinkType => (0, _core.getCurrentNode)(editor)[0].type === _constants2.TABLE_CELL ? sdocLinkType !== _constants.SDOC_LINK_TYPE.CARD_LINK : true);
   return /*#__PURE__*/_react.default.createElement(_commons.ElementPopover, null, /*#__PURE__*/_react.default.createElement("div", {
     className: "sdoc-link-hover-menu-container",
     style: menuPosition
@@ -98,7 +101,7 @@ const SdocLinkHoverMenu = _ref => {
     className: "sdocfont sdoc-unlink icon-font"
   })))), isShowDisplayStylePopover && /*#__PURE__*/_react.default.createElement("div", {
     className: "sdoc-file-display-style-popover sdoc-dropdown-menu"
-  }, _constants.SDOC_LINK_TYPES.map(sdocLinkType => {
+  }, newSdocFileTypes.map(sdocLinkType => {
     return /*#__PURE__*/_react.default.createElement("div", {
       key: sdocLinkType,
       "date-type": sdocLinkType,

package/dist/basic-sdk/extension/render/custom-element.js

@@ -7,11 +7,10 @@ exports.default = void 0;
 var _slateReact = require("@seafile/slate-react");
 var _constants = require("../constants");
 var _plugins = require("../plugins");
-var _event = require("../toolbar/side-toolbar/event");
-var _core = require("../core");
-var _helper = require("./helper");
 var _elementType = require("../constants/element-type");
 var _constants2 = require("../../constants");
+var _core = require("../core");
+var _helper = require("./helper");
 const CustomRenderElement = props => {
   const editor = (0, _slateReact.useSlateStatic)();
   const readonly = (0, _slateReact.useReadOnly)();
@@ -21,9 +20,9 @@ const CustomRenderElement = props => {
   } = props;
   if (_constants.SUPPORTED_SIDE_OPERATION_TYPE.includes(element.type)) {
     (0, _helper.setMouseEnter)(editor, element, attributes);
-    attributes['onDragOver'] = _event.onDragOver;
-    attributes['onDragLeave'] = _event.onDragLeave;
-    attributes['onDrop'] = _event.onDrop;
+    attributes['onDragOver'] = _helper.onDragOver;
+    attributes['onDragLeave'] = _helper.onDragLeave;
+    attributes['onDrop'] = _helper.onDrop;
     attributes['className'] = 'sdoc-drag-cover';
   }
 

package/dist/basic-sdk/extension/render/helper.js

@@ -1,21 +1,23 @@
 "use strict";
 
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault").default;
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
-exports.setMouseEnter = exports.setDataRoot = void 0;
+exports.setMouseEnter = exports.setDataRoot = exports.onMouseEnter = exports.onDrop = exports.onDragOver = exports.onDragLeave = void 0;
 var _slate = require("@seafile/slate");
+var _constants = require("../../constants");
+var _eventBus = _interopRequireDefault(require("../../utils/event-bus"));
+var _constants2 = require("../constants");
 var _core = require("../core");
-var _constants = require("../constants");
-var _event = require("../toolbar/side-toolbar/event");
 const isNeedAddMouseEnterEvent = (editor, element) => {
   const elementPath = (0, _core.findPath)(editor, element);
   // If the element is the root element, return true
   if (elementPath.length <= 1) return true;
   // If the element type is not in filter list, return true
-  if (!Reflect.ownKeys(_constants.MOUSE_ENTER_EVENT_DISABLED_MAP).includes(element.type)) return true;
+  if (!Reflect.ownKeys(_constants2.MOUSE_ENTER_EVENT_DISABLED_MAP).includes(element.type)) return true;
   const disableEventEntry = _slate.Editor.above(editor, {
-    match: n => _constants.MOUSE_ENTER_EVENT_DISABLED_MAP[element.type].includes(n.type),
+    match: n => _constants2.MOUSE_ENTER_EVENT_DISABLED_MAP[element.type].includes(n.type),
     mode: 'highest',
     at: elementPath
   });
@@ -23,11 +25,40 @@ const isNeedAddMouseEnterEvent = (editor, element) => {
 };
 const setMouseEnter = (editor, element, attributes) => {
   if (!isNeedAddMouseEnterEvent(editor, element)) return;
-  attributes['onMouseEnter'] = e => (0, _event.onMouseEnter)(e, element);
+  attributes['onMouseEnter'] = e => onMouseEnter(e, element);
 };
 exports.setMouseEnter = setMouseEnter;
 const setDataRoot = (element, attributes) => {
-  if (!_constants.ROOT_ELEMENT_TYPES.includes(element.type)) return;
+  if (!_constants2.ROOT_ELEMENT_TYPES.includes(element.type)) return;
   attributes['data-root'] = 'true';
 };
-exports.setDataRoot = setDataRoot;
+exports.setDataRoot = setDataRoot;
+const onMouseEnter = (event, element) => {
+  event.stopPropagation();
+  const eventBus = _eventBus.default.getInstance();
+  eventBus.dispatch(_constants.INTERNAL_EVENT.ON_MOUSE_ENTER_BLOCK, event);
+};
+exports.onMouseEnter = onMouseEnter;
+const onDragOver = event => {
+  event.stopPropagation();
+  event.preventDefault();
+  const dragTypes = event.dataTransfer.types;
+  if (dragTypes.includes(_constants2.TABLE_DRAG_KEY)) return;
+  const eventBus = _eventBus.default.getInstance();
+  eventBus.dispatch(_constants.INTERNAL_EVENT.ON_DRAG_OVER_BLOCK, event);
+};
+exports.onDragOver = onDragOver;
+const onDragLeave = event => {
+  event.stopPropagation();
+  event.preventDefault();
+  const eventBus = _eventBus.default.getInstance();
+  eventBus.dispatch(_constants.INTERNAL_EVENT.ON_DRAG_LEAVE_BLOCK, event);
+};
+exports.onDragLeave = onDragLeave;
+const onDrop = event => {
+  event.stopPropagation();
+  event.preventDefault();
+  const eventBus = _eventBus.default.getInstance();
+  eventBus.dispatch(_constants.INTERNAL_EVENT.ON_DRAG_DROP_BLOCK, event);
+};
+exports.onDrop = onDrop;

package/dist/basic-sdk/extension/toolbar/header-toolbar/index.js

@@ -16,7 +16,7 @@ var _menu4 = _interopRequireDefault(require("../../plugins/check-list/menu"));
 var _menu5 = _interopRequireDefault(require("../../plugins/text-style/menu"));
 var _menu6 = _interopRequireDefault(require("../../plugins/text-align/menu"));
 var _menu7 = _interopRequireDefault(require("../../plugins/clear-format/menu"));
-var _redoUndo = _interopRequireDefault(require("./redo-undo"));
+var _historyMenu = _interopRequireDefault(require("../../plugins/history/history-menu"));
 var _menu8 = _interopRequireDefault(require("../../plugins/font/menu"));
 var _insertToolbar = _interopRequireDefault(require("./insert-toolbar"));
 var _menu9 = _interopRequireDefault(require("../../plugins/callout/menu"));
@@ -31,7 +31,7 @@ const HeaderToolbar = _ref => {
   const isSelectTableCell = (0, _core.getSelectedNodeByType)(editor, _constants.TABLE_CELL);
   return /*#__PURE__*/_react.default.createElement("div", {
     className: "sdoc-editor-toolbar"
-  }, /*#__PURE__*/_react.default.createElement(_commons.MenuGroup, null, /*#__PURE__*/_react.default.createElement(_redoUndo.default, {
+  }, /*#__PURE__*/_react.default.createElement(_commons.MenuGroup, null, /*#__PURE__*/_react.default.createElement(_historyMenu.default, {
     editor: editor,
     readonly: readonly
   }), /*#__PURE__*/_react.default.createElement(_menu7.default, {

package/dist/basic-sdk/extension/toolbar/side-toolbar/event.js

@@ -1,40 +1,7 @@
 "use strict";
 
-var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault").default;
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
-exports.onMouseEnter = exports.onDrop = exports.onDragOver = exports.onDragLeave = exports.DRAG_SDOC_EDITOR_ELEMENT = void 0;
-var _eventBus = _interopRequireDefault(require("../../../utils/event-bus"));
-var _constants = require("../../../constants");
-var _constants2 = require("../../constants");
-const onMouseEnter = (event, element) => {
-  event.stopPropagation();
-  const eventBus = _eventBus.default.getInstance();
-  eventBus.dispatch(_constants.INTERNAL_EVENT.ON_MOUSE_ENTER_BLOCK, event);
-};
-exports.onMouseEnter = onMouseEnter;
-const onDragOver = event => {
-  event.stopPropagation();
-  event.preventDefault();
-  const dragTypes = event.dataTransfer.types;
-  if (dragTypes.includes(_constants2.TABLE_DRAG_KEY)) return;
-  const eventBus = _eventBus.default.getInstance();
-  eventBus.dispatch(_constants.INTERNAL_EVENT.ON_DRAG_OVER_BLOCK, event);
-};
-exports.onDragOver = onDragOver;
-const onDragLeave = event => {
-  event.stopPropagation();
-  event.preventDefault();
-  const eventBus = _eventBus.default.getInstance();
-  eventBus.dispatch(_constants.INTERNAL_EVENT.ON_DRAG_LEAVE_BLOCK, event);
-};
-exports.onDragLeave = onDragLeave;
-const onDrop = event => {
-  event.stopPropagation();
-  event.preventDefault();
-  const eventBus = _eventBus.default.getInstance();
-  eventBus.dispatch(_constants.INTERNAL_EVENT.ON_DRAG_DROP_BLOCK, event);
-};
-exports.onDrop = onDrop;
+exports.DRAG_SDOC_EDITOR_ELEMENT = void 0;
 const DRAG_SDOC_EDITOR_ELEMENT = exports.DRAG_SDOC_EDITOR_ELEMENT = 'drag_sdoc_editor_element';

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

@@ -7,6 +7,8 @@ Object.defineProperty(exports, "__esModule", {
 exports.default = void 0;
 var _defineProperty2 = _interopRequireDefault(require("@babel/runtime/helpers/esm/defineProperty"));
 var _react = _interopRequireDefault(require("react"));
+var _reactI18next = require("react-i18next");
+var _tooltip = _interopRequireDefault(require("../../tooltip"));
 var _basicSdk = require("../../../basic-sdk");
 var _context = _interopRequireDefault(require("../../../context"));
 var _collaboratorsPopover = _interopRequireDefault(require("./collaborators-popover"));
@@ -72,14 +74,19 @@ class CollaboratorsOperation extends _react.default.PureComponent {
     const {
       collaborators
     } = this.state;
+    const {
+      t
+    } = this.props;
     return /*#__PURE__*/_react.default.createElement(_react.default.Fragment, null, /*#__PURE__*/_react.default.createElement("span", {
       className: "op-item collaborators-op-item",
       id: "collaborators"
     }, /*#__PURE__*/_react.default.createElement("i", {
       className: "sdocfont sdoc-user mr-1"
-    }), collaborators.length), /*#__PURE__*/_react.default.createElement(_collaboratorsPopover.default, {
+    }), collaborators.length), /*#__PURE__*/_react.default.createElement(_tooltip.default, {
+      target: "collaborators"
+    }, t('Online_members')), /*#__PURE__*/_react.default.createElement(_collaboratorsPopover.default, {
       collaborators: collaborators
     }));
   }
 }
-var _default = exports.default = CollaboratorsOperation;
+var _default = exports.default = (0, _reactI18next.withTranslation)('sdoc-editor')(CollaboratorsOperation);

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

@@ -18,6 +18,7 @@ var _localStorageUtils = _interopRequireDefault(require("../../utils/local-stora
 var _utils = require("../../utils");
 var _constants = require("../../constants");
 var _constants2 = require("../../basic-sdk/constants");
+var _tooltip = _interopRequireDefault(require("../tooltip"));
 const MoreOperations = _ref => {
   let {
     isStarred,
@@ -33,6 +34,7 @@ const MoreOperations = _ref => {
   const isSdocRevision = _context.default.getSetting('isSdocRevision');
   const mobileLogin = _context.default.getSetting('mobileLogin');
   const cssUrls = _context.default.getPrintCss();
+  const id = 'sdoc_more_operation';
   (0, _react.useEffect)(() => {
     const eventBus = _basicSdk.EventBus.getInstance();
     const unSubscribe = eventBus.subscribe(_constants2.INTERNAL_EVENT.ON_PRINT, handlePrint);
@@ -108,11 +110,14 @@ const MoreOperations = _ref => {
     isOpen: isDropdownOpen,
     toggle: event => toggleDropdown(event, isDropdownOpen)
   }, /*#__PURE__*/_react.default.createElement(_reactstrap.DropdownToggle, {
+    id: id,
     className: "op-item",
     tag: "span"
   }, /*#__PURE__*/_react.default.createElement("i", {
     className: "sdocfont sdoc-more"
-  })), /*#__PURE__*/_react.default.createElement(_reactstrap.DropdownMenu, {
+  })), /*#__PURE__*/_react.default.createElement(_tooltip.default, {
+    target: id
+  }, t('More_operation')), /*#__PURE__*/_react.default.createElement(_reactstrap.DropdownMenu, {
     className: "sdoc-dropdown-menu",
     end: true
   }, mobileLogin && /*#__PURE__*/_react.default.createElement(_react.default.Fragment, null, /*#__PURE__*/_react.default.createElement(_reactstrap.DropdownItem, {

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

@@ -8,14 +8,23 @@ Object.defineProperty(exports, "__esModule", {
 exports.default = void 0;
 var _react = _interopRequireWildcard(require("react"));
 var _classnames = _interopRequireDefault(require("classnames"));
+var _reactI18next = require("react-i18next");
 var _hooks = require("../../hooks");
 var _mouseEvent = require("../../basic-sdk/utils/mouse-event");
 var _constants = require("../../basic-sdk/constants");
+var _tooltip = _interopRequireDefault(require("../tooltip"));
 const PluginsOperations = () => {
   const {
     plugins,
     updateDisplayPlugin
   } = (0, _hooks.usePlugins)();
+  const {
+    t
+  } = (0, _reactI18next.useTranslation)('sdoc-editor');
+  const iconIdMap = {
+    'sdoc-info': 'sdoc_info',
+    'sdoc-comment': 'sdoc_comment'
+  };
   const onClick = (0, _react.useCallback)((event, pluginName) => {
     (0, _mouseEvent.eventStopPropagation)(event);
     updateDisplayPlugin(pluginName);
@@ -36,9 +45,14 @@ const PluginsOperations = () => {
     }
     return /*#__PURE__*/_react.default.createElement("span", {
       className: "op-item sdoc-plugin-operation-btn-container",
+      id: iconIdMap[name],
       onClick: e => onClick(e, name),
       key: name
-    }, iconDom);
+    }, iconDom, name === 'sdoc-info' && /*#__PURE__*/_react.default.createElement(_tooltip.default, {
+      target: iconIdMap[name]
+    }, t('Property')), name === 'sdoc-comment' && /*#__PURE__*/_react.default.createElement(_tooltip.default, {
+      target: iconIdMap[name]
+    }, t('Comment_list')));
   });
 };
 var _default = exports.default = PluginsOperations;

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

@@ -1,14 +1,21 @@
 "use strict";
 
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault").default;
 var _interopRequireWildcard = require("@babel/runtime/helpers/interopRequireWildcard").default;
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.default = void 0;
 var _react = _interopRequireWildcard(require("react"));
+var _reactI18next = require("react-i18next");
+var _tooltip = _interopRequireDefault(require("../../tooltip"));
 var _basicSdk = require("../../../basic-sdk");
 var _constants = require("../../../constants");
 const PresentationOperation = () => {
+  const {
+    t
+  } = (0, _reactI18next.useTranslation)('sdoc-editor');
+  const id = 'sdoc_presentation';
   const onPresentationToggle = (0, _react.useCallback)(() => {
     const eventBus = _basicSdk.EventBus.getInstance();
     eventBus.dispatch(_constants.EXTERNAL_EVENT.TOGGLE_PRESENTATION_MODE, {
@@ -21,9 +28,12 @@ const PresentationOperation = () => {
   }, []);
   return /*#__PURE__*/_react.default.createElement("span", {
     className: "op-item",
+    id: id,
     onClick: onPresentationToggle
   }, /*#__PURE__*/_react.default.createElement("i", {
     className: "sdocfont sdoc-presentation"
-  }));
+  }), /*#__PURE__*/_react.default.createElement(_tooltip.default, {
+    target: id
+  }, t('Presentation')));
 };
 var _default = exports.default = PresentationOperation;

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

@@ -9,6 +9,7 @@ exports.default = void 0;
 var _react = _interopRequireWildcard(require("react"));
 var _reactI18next = require("react-i18next");
 var _reactstrap = require("reactstrap");
+var _tooltip = _interopRequireDefault(require("../../../tooltip"));
 var _context = _interopRequireDefault(require("../../../../context"));
 var _toast = _interopRequireDefault(require("../../../toast"));
 var _basicSdk = require("../../../../basic-sdk");
@@ -18,6 +19,7 @@ const MoreRevisionOperations = _ref => {
   let {
     t
   } = _ref;
+  const id = 'sdoc_revisions';
   const eventBus = _basicSdk.EventBus.getInstance();
   const [isDropdownOpen, setIsDropdownOpen] = (0, _react.useState)(false);
   const toggleDropdown = (0, _react.useCallback)(isDropdownOpen => {
@@ -40,13 +42,16 @@ const MoreRevisionOperations = _ref => {
     toggle: () => toggleDropdown(isDropdownOpen),
     className: "sdoc-more-revision-operations-dropdown"
   }, /*#__PURE__*/_react.default.createElement(_reactstrap.DropdownToggle, {
+    id: id,
     className: "ml-4 sdoc-more-revision-operations-toggle",
     tag: "div"
   }, /*#__PURE__*/_react.default.createElement("i", {
     className: "sdocfont sdoc-revise"
   }), /*#__PURE__*/_react.default.createElement("span", {
     className: `sdocfont sdoc-${isDropdownOpen ? 'caret-up' : 'drop-down'}`
-  })), /*#__PURE__*/_react.default.createElement(_reactstrap.DropdownMenu, {
+  })), /*#__PURE__*/_react.default.createElement(_tooltip.default, {
+    target: id
+  }, t('Revise')), /*#__PURE__*/_react.default.createElement(_reactstrap.DropdownMenu, {
     className: "sdoc-dropdown-menu",
     end: true
   }, /*#__PURE__*/_react.default.createElement(_reactstrap.DropdownItem, {

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

@@ -1,22 +1,32 @@
 "use strict";
 
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault").default;
 var _interopRequireWildcard = require("@babel/runtime/helpers/interopRequireWildcard").default;
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.default = ShareOperation;
 var _react = _interopRequireWildcard(require("react"));
+var _reactI18next = require("react-i18next");
+var _tooltip = _interopRequireDefault(require("../../tooltip"));
 var _basicSdk = require("../../../basic-sdk");
 var _constants = require("../../../constants");
 function ShareOperation() {
+  const {
+    t
+  } = (0, _reactI18next.useTranslation)('sdoc-editor');
+  const id = 'sdoc-share';
   const onShareToggle = (0, _react.useCallback)(() => {
     const eventBus = _basicSdk.EventBus.getInstance();
     eventBus.dispatch(_constants.EXTERNAL_EVENT.SHARE_SDOC);
   }, []);
   return /*#__PURE__*/_react.default.createElement("span", {
     className: "op-item",
+    id: id,
     onClick: onShareToggle
   }, /*#__PURE__*/_react.default.createElement("i", {
     className: "sdocfont sdoc-share"
-  }));
+  }), /*#__PURE__*/_react.default.createElement(_tooltip.default, {
+    target: id
+  }, t('Share')));
 }

package/package.json

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

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

@@ -629,5 +629,9 @@
   "chart": "chart",
   "Image_is_upload_error": "Image upload failed, please delete it and try again",
   "Table_not_exist": "The table does not exist, please delete the current table element",
-  "Row_not_exist": "The row data does not exist, please delete the current row element"
+  "Row_not_exist": "The row data does not exist, please delete the current row element",
+  "Presentation": "Presentation",
+  "More_operation": "More operation",
+  "Property": "Property",
+  "Comment_list": "Comment list"
 }

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

@@ -630,5 +630,9 @@
   "chart": "图表",
   "Image_is_upload_error": "图片上传失败，请删除后重新尝试",
   "Table_not_exist": "表格不存在，请删除当前表格元素",
-  "Row_not_exist": "表格不存在，请删除当前行元素"
+  "Row_not_exist": "表格不存在，请删除当前行元素",
+  "Presentation": "演示",
+  "More_operation": "更多操作",
+  "Property": "属性",
+  "Comment_list": "评论列表"
 }