@seafile/comment-editor 0.0.1-alpha.35 → 0.0.1-alpha.37

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
-  }, /*#__PURE__*/_react.default.createElement("div", null, "123"));
+  }, 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

@@ -1,11 +1,12 @@
 "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 = _interopRequireDefault(require("react"));
+var _react = _interopRequireWildcard(require("react"));
 var _reactI18next = require("react-i18next");
 var _basicSdk = require("../basic-sdk");
 var _errorBoundary = _interopRequireDefault(require("../components/error-boundary"));
@@ -34,30 +35,38 @@ const SeafileCommentEditor = _ref => {
     settings,
     api
   } = _ref;
+  (0, _react.useEffect)(() => {
+    console.log('comment-editor-mount');
+    return () => {
+      console.log('comment-editor-unMount');
+    };
+  }, []);
   _basicSdk.context.init(settings, api);
-  return (
-    /*#__PURE__*/
-    // <ErrorBoundary>
-    _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
-    }))
-    // </ErrorBoundary>
-  );
+  return /*#__PURE__*/_react.default.createElement("div", null, "123")
+  // <ErrorBoundary>
+  //   <CommentProvider
+  //     type={type}
+  //     className={className}
+  //     pluginName={pluginName}
+  //     pluginEventBus={pluginEventBus}
+  //     pluginEvent={pluginEvent}
+  //     collaborators={collaborators}
+  //     participants={participants}
+  //     addParticipants={addParticipants}
+  //   >
+  //     <CommentEditor
+  //       content={content}
+  //       insertContent={insertContent}
+  //       onContentChange={onContentChange}
+
+  //       hiddenUserInfo={hiddenUserInfo}
+  //       hiddenComment={hiddenComment}
+  //       toolMenus={toolMenus}
+  //       closePanel={closePanel}
+  //       addParticipants={addParticipants}
+  //     />
+  //   </CommentProvider>
+  // </ErrorBoundary>
+  ;
 };
 var _default = exports.default = (0, _reactI18next.withTranslation)('sdoc-editor')(SeafileCommentEditor);

package/package.json

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