@seafile/comment-editor 0.0.1-alpha.53 → 0.0.1-alpha.55

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

@@ -143,32 +143,30 @@ const CommentEditor = _ref => {
   }, []);
 
   // set editor children
-  // useEffect(() => {
-  //   let children = mdStringToSlate(content);
-  //   editor.children = children;
-  //   Transforms.select(editor, Editor.end(editor, []));
-  // }, [editor, content]);
-
-  // // useMount: focus editor
-  // useEffect(() => {
-  //   const [firstNode] = editor.children;
-  //   if (firstNode) {
-  //     const [firstNodeFirstChild] = firstNode.children;
-
-  //     if (firstNodeFirstChild) {
-  //       const endOfFirstNode = Editor.end(editor, [0, 0]);
-  //       const range = {
-  //         anchor: endOfFirstNode,
-  //         focus: endOfFirstNode,
-  //       };
-  //       focusEditor(editor, range);
-  //     }
-  //     // Force refresh to fix comment list
-  //     setSlateValue([...editor.children]);
-  //   }
-  // // eslint-disable-next-line react-hooks/exhaustive-deps
-  // }, []);
+  (0, _react.useEffect)(() => {
+    let children = (0, _mdToSlate.default)(content);
+    editor.children = children;
+    // Transforms.select(editor, Editor.end(editor, []));
+  }, [editor, content]);
 
+  // useMount: focus editor
+  (0, _react.useEffect)(() => {
+    const [firstNode] = editor.children;
+    if (firstNode) {
+      const [firstNodeFirstChild] = firstNode.children;
+      if (firstNodeFirstChild) {
+        const endOfFirstNode = _slate.Editor.end(editor, [0, 0]);
+        const range = {
+          anchor: endOfFirstNode,
+          focus: endOfFirstNode
+        };
+        // focusEditor(editor, range);
+      }
+      // Force refresh to fix comment list
+      // setSlateValue([...editor.children]);
+    }
+    // eslint-disable-next-line react-hooks/exhaustive-deps
+  }, []);
   const handleFocusEditor = e => {
     if (e.target === commentEditorContainerRef.current) {
       const focusPoint = _slate.Editor.end(editor, []);
@@ -220,51 +218,22 @@ const CommentEditor = _ref => {
     eventProxy.onKeyDown(event);
   }, [eventProxy, editor]);
   console.log('toolMenus', toolMenus);
-  return /*#__PURE__*/_react.default.createElement("div", null, "123")
-  // <div className={classNames('comment-editor-wrapper', className)} ref={commentWrapperRef}>
-  //   {/* {type === 'comment' && !hiddenUserInfo && (
-  //     <div className="comment-editor-user-info">
-  //       <div className="comment-editor-user-img">
-  //         <img src={userInfo.avatar_url} alt="" height="100%" width="100%" />
-  //       </div>
-  //       <div className="comment-editor-user-name">{userInfo.name}</div>
-  //     </div>
-  //   )}
-  //   <div className='comment-editor-container'>
-  //     <div className="comment-editor-content">
-  //       <div ref={commentEditorContainerRef} className='article comment-editor' onClick={handleFocusEditor} >
-  //         <ScrollContext.Provider value={{ scrollRef: commentEditorContainerRef }}>
-  //           <Slate editor={editor} value={slateValue} onChange={setSlateValue}>
-  //             <Editable
-  //               id='sdoc-editor'
-  //               scrollSelectionIntoView={handleScrollIntoView}
-  //               cursors={cursors}
-  //               renderElement={(props) => RenderCommentEditorCustomRenderElement({ ...props, commentType: type })}
-  //               renderLeaf={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}
-  //             />
-  //           </Slate>
-  //         </ScrollContext.Provider>
-  //       </div>
-  //       <CommentEditorToolbar
-  //         editor={editor}
-  //         toolMenus={toolMenus}
-  //         onSubmit={onSubmit}
-  //         submitBtnText={t(submitTip)}
-  //         onCancel={onCancel}
-  //       />
-  //     </div>
-  //   </div>
-  //   {toolMenus.includes(IMAGE) && <InsertElementDialog editor={editor} />} */}
-  // </div>
-  ;
+  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)), toolMenus.includes(_constants2.IMAGE) && /*#__PURE__*/_react.default.createElement(_insertElementDialog.default, {
+    editor: editor
+  }));
 };
 var _default = exports.default = CommentEditor;

package/package.json

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