@seafile/sdoc-editor 0.1.62 → 0.1.64

package/dist/basic-sdk/comment/comment-item.js

@@ -4,6 +4,7 @@ import { withTranslation } from 'react-i18next';
 import { PopoverBody, UncontrolledPopover } from 'reactstrap';
 import dayjs from 'dayjs';
 import CommentEditor from './comment-editor';
+import DeleteCommentDialog from './dialogs/delete-comment-dialog';
 var CommentItem = function CommentItem(_ref) {
   var comment = _ref.comment,
     updateComment = _ref.updateComment,
@@ -30,10 +31,18 @@ var CommentItem = function CommentItem(_ref) {
     setIsEditing(true);
     popoverRef.current.toggle();
   }, []);
+  var _useState5 = useState(false),
+    _useState6 = _slicedToArray(_useState5, 2),
+    isShowDeleteDialog = _useState6[0],
+    setIsShowDeleteDialog = _useState6[1];
   var onDeleteToggle = useCallback(function () {
-    deleteComment(comment.id);
+    setIsShowDeleteDialog(true);
     popoverRef.current.toggle();
-  }, [comment, deleteComment]);
+  }, []);
+  var _deleteComment = useCallback(function () {
+    deleteComment(comment.id);
+    setIsShowDeleteDialog(false);
+  }, [comment.id, deleteComment]);
   var _updateComment = useCallback(function (elementId, commentId, newComment) {
     if (newComment.comment !== comment.comment) {
       updateComment(elementId, commentId, newComment);
@@ -83,11 +92,14 @@ var CommentItem = function CommentItem(_ref) {
     onClick: onDeleteToggle
   }, t('delete')))))), !isActive && /*#__PURE__*/React.createElement("span", {
     className: "comment-time"
-  }, dayjs(comment.updated_at).format('HH:mm'))), /*#__PURE__*/React.createElement("div", {
+  }, dayjs(comment.updated_at).format('MM:DD HH:mm'))), /*#__PURE__*/React.createElement("div", {
     className: "comment-content"
   }, isEditing && /*#__PURE__*/React.createElement(CommentEditor, {
     comment: comment,
     updateComment: _updateComment
-  }), !isEditing && /*#__PURE__*/React.createElement(React.Fragment, null, comment.comment))));
+  }), !isEditing && /*#__PURE__*/React.createElement(React.Fragment, null, comment.comment))), isShowDeleteDialog && /*#__PURE__*/React.createElement(DeleteCommentDialog, {
+    deleteComment: _deleteComment,
+    setIsShowDeleteModal: setIsShowDeleteDialog
+  }));
 };
 export default withTranslation('sdoc-editor')(CommentItem);

package/dist/basic-sdk/comment/dialogs/delete-comment-dialog.js

@@ -0,0 +1,26 @@
+import React from 'react';
+import { withTranslation } from 'react-i18next';
+import { Button, ModalHeader, Modal, ModalBody, ModalFooter } from 'reactstrap';
+var DeleteCommentDialog = function DeleteCommentDialog(_ref) {
+  var setIsShowDeleteModal = _ref.setIsShowDeleteModal,
+    deleteComment = _ref.deleteComment,
+    t = _ref.t;
+  return /*#__PURE__*/React.createElement(Modal, {
+    className: "comment-delete-modal",
+    isOpen: true,
+    centered: true
+  }, /*#__PURE__*/React.createElement(ModalHeader, {
+    toggle: function toggle() {
+      setIsShowDeleteModal(false);
+    }
+  }, t('Delete_comment')), /*#__PURE__*/React.createElement(ModalBody, null, t('Are_you_sure_to_delete_this_comment')), /*#__PURE__*/React.createElement(ModalFooter, null, /*#__PURE__*/React.createElement(Button, {
+    color: "secondary",
+    onClick: function onClick() {
+      setIsShowDeleteModal(false);
+    }
+  }, t('cancel')), /*#__PURE__*/React.createElement(Button, {
+    color: "primary",
+    onClick: deleteComment
+  }, t('submit'))));
+};
+export default withTranslation('sdoc-editor')(DeleteCommentDialog);

package/dist/basic-sdk/editor.js

@@ -1,7 +1,6 @@
 import _slicedToArray from "@babel/runtime/helpers/esm/slicedToArray";
 import React, { useCallback, useEffect, useMemo, useRef, useState } from 'react';
-import { Node } from '@seafile/slate';
-import { Editable, Slate, ReactEditor } from '@seafile/slate-react';
+import { Editable, Slate } from '@seafile/slate-react';
 import defaultEditor, { renderLeaf, renderElement, Toolbar, ContextMenu } from './extension';
 import { focusEditor } from './extension/core';
 import { withSocketIO } from './socket';

package/dist/basic-sdk/extension/plugins/text-align/menu/style.css

@@ -2,6 +2,8 @@
   display: flex;
   position: relative;
   margin-right: 10px;
+  border: 1px solid transparent;
+  padding: 1px 0px;
 }
 
 .align-menu .align-toggle {
@@ -9,6 +11,8 @@
   display: flex;
   justify-content: space-between;
   align-items: center;
+  height: 30px;
+  line-height: 30px;
 }
 
 .align-menu .align-toggle-disabled {

package/package.json

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

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

@@ -252,5 +252,8 @@
   "unstarred": "unstarred",
   "Star": "Star",
   "Unstar": "Unstar",
-  "Auto_wrap": "Auto wrap"
+  "Auto_wrap": "Auto wrap",
+  "Add_comment": "Add comment",
+  "Delete_comment": "Delete comment",
+  "Are_you_sure_to_delete_this_comment": "Are you sure to delete this comment?"
 }

package/public/locales/zh-CN/sdoc-editor.json

@@ -245,5 +245,8 @@
   "Insert_below": "在下方插入",
   "Insert_on_the_right": "在右侧插入",
   "Insert_on_the_left": "在左侧插入",
-  "Auto_wrap": "自动换行"
+  "Auto_wrap": "自动换行",
+  "Add_comment": "添加评论",
+  "Delete_comment": "删除评论",
+  "Are_you_sure_to_delete_this_comment": "你确定要删除这个评论吗?"
 }