@seafile/comment-editor 0.0.1-alpha.63 → 0.0.1-alpha.65

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

@@ -222,6 +222,59 @@ const CommentEditor = _ref => {
   return /*#__PURE__*/_react.default.createElement("div", {
     className: (0, _classnames.default)('comment-editor-wrapper', className),
     ref: commentWrapperRef
-  });
+  }, type === 'comment' && !hiddenUserInfo && /*#__PURE__*/_react.default.createElement("div", {
+    className: "comment-editor-user-info"
+  }, /*#__PURE__*/_react.default.createElement("div", {
+    className: "comment-editor-user-img"
+  }, /*#__PURE__*/_react.default.createElement("img", {
+    src: userInfo.avatar_url,
+    alt: "",
+    height: "100%",
+    width: "100%"
+  })), /*#__PURE__*/_react.default.createElement("div", {
+    className: "comment-editor-user-name"
+  }, 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
+  }))), toolMenus.includes(_constants2.IMAGE) && /*#__PURE__*/_react.default.createElement(_insertElementDialog.default, {
+    editor: editor
+  }));
 };
 var _default = exports.default = CommentEditor;

package/dist/pages/seafile-comment-editor.js

@@ -6,10 +6,12 @@ Object.defineProperty(exports, "__esModule", {
 });
 exports.default = void 0;
 var _react = _interopRequireDefault(require("react"));
-var _reactI18next = require("react-i18next");
 var _basicSdk = require("../basic-sdk");
-var _i18n = require("../_i18n");
 var _errorBoundary = _interopRequireDefault(require("../components/error-boundary"));
+// import { I18nextProvider } from 'react-i18next';
+
+// import { getI18n } from '../_i18n';
+
 const SeafileCommentEditor = _ref => {
   let {
     // Provider
@@ -39,26 +41,29 @@ const SeafileCommentEditor = _ref => {
     lang
   } = settings || {};
   _basicSdk.context.init(settings, api);
-  return /*#__PURE__*/_react.default.createElement(_reactI18next.I18nextProvider, {
-    i18n: (0, _i18n.getI18n)(lang || 'en')
-  }, /*#__PURE__*/_react.default.createElement(_errorBoundary.default, null, /*#__PURE__*/_react.default.createElement(_basicSdk.CommentProvider, {
-    type: type,
-    className: className,
-    pluginName: pluginName,
-    pluginEventBus: pluginEventBus,
-    pluginEvent: pluginEvent,
-    collaborators: collaborators,
-    participants: participants,
-    addParticipants: addParticipants
-  }, /*#__PURE__*/_react.default.createElement(_basicSdk.CommentEditor, {
-    content: content,
-    insertContent: insertContent,
-    onContentChange: onContentChange,
-    hiddenUserInfo: hiddenUserInfo,
-    hiddenComment: hiddenComment,
-    toolMenus: toolMenus,
-    closePanel: closePanel,
-    addParticipants: addParticipants
-  }))));
+  return (
+    /*#__PURE__*/
+    // <I18nextProvider i18n={ getI18n(lang || 'en') }>
+    _react.default.createElement(_errorBoundary.default, null, /*#__PURE__*/_react.default.createElement(_basicSdk.CommentProvider, {
+      type: type,
+      className: className,
+      pluginName: pluginName,
+      pluginEventBus: pluginEventBus,
+      pluginEvent: pluginEvent,
+      collaborators: collaborators,
+      participants: participants,
+      addParticipants: addParticipants
+    }, /*#__PURE__*/_react.default.createElement(_basicSdk.CommentEditor, {
+      content: content,
+      insertContent: insertContent,
+      onContentChange: onContentChange,
+      hiddenUserInfo: hiddenUserInfo,
+      hiddenComment: hiddenComment,
+      toolMenus: toolMenus,
+      closePanel: closePanel,
+      addParticipants: addParticipants
+    })))
+    // </I18nextProvider>
+  );
 };
 var _default = exports.default = SeafileCommentEditor;

package/package.json

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