@seafile/comment-editor 0.0.1-alpha.59 → 0.0.1-alpha.60

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

@@ -7,6 +7,7 @@ Object.defineProperty(exports, "__esModule", {
 });
 exports.default = void 0;
 var _react = _interopRequireWildcard(require("react"));
+var _reactI18next = require("react-i18next");
 var _slate = require("@seafile/slate");
 var _slateReact = require("@seafile/slate-react");
 var _classnames = _interopRequireDefault(require("classnames"));
@@ -29,8 +30,6 @@ var _slateToMd = _interopRequireDefault(require("../slate-convert/slate-to-md"))
 var _eventBus = _interopRequireDefault(require("../utils/event-bus"));
 var _eventHandler = _interopRequireDefault(require("../utils/event-handler"));
 require("./comment-editor.css");
-// import { useTranslation } from 'react-i18next';
-
 const getSubmitTip = (type, content) => {
   if (content) return 'Save';
   return type === 'comment' ? 'Comment' : 'Reply';
@@ -48,7 +47,9 @@ const CommentEditor = _ref => {
     closePanel
   } = _ref;
   const commentWrapperRef = (0, _react.useRef)();
-  // const { t } = useTranslation('sdoc-editor');
+  const {
+    t
+  } = (0, _reactI18next.useTranslation)('sdoc-editor');
   const {
     className,
     userInfo,
@@ -146,7 +147,7 @@ const CommentEditor = _ref => {
   (0, _react.useEffect)(() => {
     let children = (0, _mdToSlate.default)(content);
     editor.children = children;
-    // Transforms.select(editor, Editor.end(editor, []));
+    _slate.Transforms.select(editor, _slate.Editor.end(editor, []));
   }, [editor, content]);
 
   // useMount: focus editor
@@ -160,10 +161,10 @@ const CommentEditor = _ref => {
           anchor: endOfFirstNode,
           focus: endOfFirstNode
         };
-        // focusEditor(editor, range);
+        (0, _core.focusEditor)(editor, range);
       }
       // Force refresh to fix comment list
-      // setSlateValue([...editor.children]);
+      setSlateValue([...editor.children]);
     }
     // eslint-disable-next-line react-hooks/exhaustive-deps
   }, []);
@@ -232,8 +233,46 @@ const CommentEditor = _ref => {
     width: "100%"
   })), /*#__PURE__*/_react.default.createElement("div", {
     className: "comment-editor-user-name"
-  }, userInfo.name)), toolMenus.includes(_constants2.IMAGE) && /*#__PURE__*/_react.default.createElement(_insertElementDialog.default, {
-    editor: editor
-  }));
+  }, userInfo.name)), /*#__PURE__*/_react.default.createElement("div", {
+    className: "comment-editor-container"
+  }, /*#__PURE__*/_react.default.createElement("div", {
+    className: "comment-editor-content"
+  }, /*#__PURE__*/_react.default.createElement("div", {
+    ref: commentEditorContainerRef,
+    className: "article comment-editor",
+    onClick: handleFocusEditor
+  }, /*#__PURE__*/_react.default.createElement(_useScrollContext.ScrollContext.Provider, {
+    value: {
+      scrollRef: commentEditorContainerRef
+    }
+  }, /*#__PURE__*/_react.default.createElement(_slateReact.Slate, {
+    editor: editor,
+    value: slateValue,
+    onChange: setSlateValue
+  }, /*#__PURE__*/_react.default.createElement(_slateReact.Editable, {
+    id: "sdoc-editor",
+    scrollSelectionIntoView: handleScrollIntoView,
+    cursors: cursors,
+    renderElement: props => (0, _renderCommentEditorElement.default)({
+      ...props,
+      commentType: type
+    }),
+    renderLeaf: _extension.renderLeaf,
+    onMouseDown: onMouseDown,
+    decorate: decorate,
+    onCut: eventProxy.onCut,
+    onCopy: eventProxy.onCopy,
+    onCompositionStart: eventProxy.onCompositionStart,
+    onCompositionUpdate: eventProxy.onCompositionUpdate,
+    onCompositionEnd: eventProxy.onCompositionEnd,
+    onKeyDown: onKeyDown,
+    onBeforeInput: eventProxy.onBeforeInput
+  })))), /*#__PURE__*/_react.default.createElement(_commentEditorToolbar.default, {
+    editor: editor,
+    toolMenus: toolMenus,
+    onSubmit: onSubmit,
+    submitBtnText: t(submitTip),
+    onCancel: onCancel
+  }))));
 };
 var _default = exports.default = CommentEditor;

package/dist/basic-sdk/extension/commons/insert-element-dialog/index.js

@@ -244,7 +244,7 @@ const InsertElementDialog = _ref => {
       }
     default:
       {
-        return /*#__PURE__*/_react.default.createElement("div", null);
+        return null;
       }
   }
 };

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@seafile/comment-editor",
-  "version": "0.0.1-alpha.59",
+  "version": "0.0.1-alpha.60",
   "private": false,
   "description": "This is a comment editor",
   "main": "dist/index.js",