@seafile/comment-editor 0.0.1-alpha.9 → 0.0.2

package/README.md

@@ -13,8 +13,6 @@ comment-editor/
     favicon.ico
   site(demo 模块, 基于组件库创建的测试模块)
     _i18n                   // 国际化模块
-    api                     // api 模块
-    assets                  // css 文件, 图片文件
     commons                 // 公共组件
     components              // 应用组件
     pages                   // 页面组件
@@ -22,13 +20,9 @@ comment-editor/
     index.html              // 主页
     index.js                // 应用入口
     setting.js              // 应用配置文件
-    setting.local.dist.js   // 应用配置模版
-    setting.local.dist      // 用户基于 setting.local.dist.js copy 一份的配置文件
+    setting.local.js   // 应用配置模版
   src/(组件库)
-    assets                  // css 文件, 资源文件
     basic-sdk               // 编辑器元素包
-    components              // 封装的视图组件
-    utils                   // 工具接口
     pages                   // 封装的视图组件
     index.js                // 组件库导出内容入口文件
   tests                     // 测试
@@ -40,7 +34,7 @@ comment-editor/
 ```
 
 ## 本地测试步骤
-1. 新增本地配置文件 setting.local.js(基于 /site/setting.local.dist.js copy 一份)
+1. 新增本地配置文件 setting.local.js(基于 /site/setting.js copy 一份)
 2. 在 seahub 项目创建一个测试文件, 根据需要的配置信息完善配置内容
 3. 执行 npm run start, 启动测试服务, 可以打开相应的网址, 对封装的组件进行测试
 

package/dist/basic-sdk/constants/index.js

@@ -1,118 +1,29 @@
 "use strict";
 
-var _interopRequireWildcard = require("@babel/runtime/helpers/interopRequireWildcard").default;
 var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault").default;
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
-exports.INTERNAL_EVENT = exports.HEADER_OUTLINE_WIDTH_MAPPING = exports.FULL_WIDTH_MODE = exports.DOCUMENT_PLUGIN_EDITOR = exports.DIFF_VIEWER = exports.COMMENT_EDITOR_EDIT_AREA_WIDTH = exports.COMMENT_EDITOR = exports.ARTICLE_FULL_WIDTH = exports.ARTICLE_FULL_MIN_WIDTH = exports.ARTICLE_DEFAULT_WIDTH = void 0;
+exports.INTERNAL_EVENT = exports.COMMENT_EDITOR_EDIT_AREA_WIDTH = exports.COMMENT_EDITOR = void 0;
 Object.defineProperty(exports, "KeyCodes", {
   enumerable: true,
   get: function () {
     return _keyCodes.default;
   }
 });
-exports.PAGE_EDIT_AREA_WIDTH = exports.MODIFY_TYPE = exports.LEFT_OUTLINE_WIDTH = void 0;
-Object.defineProperty(exports, "PLUGIN_DISPLAY_TYPE", {
-  enumerable: true,
-  get: function () {
-    return _plugin.PLUGIN_DISPLAY_TYPE;
-  }
-});
-exports.Z_INDEX = exports.WIKI_OUTLINE = exports.WIKI_EDITOR = exports.SDOC_STORAGE = exports.REBASE_TYPES = exports.REBASE_TYPE = exports.REBASE_ORIGIN = exports.REBASE_MARK_KEY = exports.REBASE_MARKS = void 0;
 var _keyCodes = _interopRequireDefault(require("./key-codes"));
-var _plugin = require("./plugin");
-var _Z_INDEX = _interopRequireWildcard(require("./z-index"));
-exports.Z_INDEX = _Z_INDEX;
 const INTERNAL_EVENT = exports.INTERNAL_EVENT = {
   CANCEL_TABLE_SELECT_RANGE: 'cancel_table_select_range',
-  SET_TABLE_SELECT_RANGE: 'set_table_select_range',
-  HIDDEN_CODE_BLOCK_HOVER_MENU: 'hidden_code_block_hover_menu',
   ON_MOUSE_ENTER_BLOCK: 'on_mouse_enter_block',
   ON_DRAG_OVER_BLOCK: 'on_drag_over_block',
   ON_DRAG_LEAVE_BLOCK: 'on_drag_leave_block',
   ON_DRAG_DROP_BLOCK: 'on_drag_drop_block',
   INSERT_ELEMENT: 'insert_element',
-  OUTLINE_STATE_CHANGED: 'outline_state_changed',
   RELOAD_IMAGE: 'reload_image',
-  ARTICLE_CLICK: 'hidden_comment',
-  UNSEEN_NOTIFICATIONS_COUNT: 'unseen_notifications_count',
-  CLOSE_CALLOUT_COLOR_PICKER: 'close_callout_color_picker',
-  OPEN_SEARCH_REPLACE_MODAL: 'open_search_replace_modal',
-  UPDATE_SEARCH_REPLACE_HIGHLIGHT: 'update_search_replace_highlight',
-  TABLE_CELL_MOUSE_ENTER: 'table_cell_mouse_enter',
   HANDLE_MENTION_TEMP_CHOSEN: 'handle_mention_temp_chosen',
   UPDATE_MENTION_TEMP_CONTENT: 'update_mention_temp_content',
-  TABLE_COLUMN_START_DRAG: 'table_column_start_drag',
-  TABLE_SHOW_DRAG_HANDLER: 'table_show_drag_handler',
-  TABLE_HIDE_DRAG_HANDLER: 'table_show_drag_handler',
-  ON_PRINT: 'on_print',
   COMMENT_EDITOR_POST_COMMENT: 'comment_editor_post_comment',
-  CLOSE_FILE_INSET_DIALOG: 'close_file_insert_dialog',
-  RESIZE_ARTICLE: 'resize_article',
-  ON_VIDEO_FILES_UPLOADED: 'on_video_files_uploaded',
-  RELOAD_COMMENT: 'reload_comment',
-  ASK_AI: 'ask_ai',
-  ADD_CONTEXT_COMMENT: 'add_context_comment',
-  REFRESH_DOCUMENT: 'refresh_document',
-  PUBLISH_DOCUMENT: 'publish_document',
-  PUBLISH_DOCUMENT_ERROR: 'publish_document_error',
-  DOCUMENT_REPLACED: 'document_replaced',
-  DOCUMENT_REPLACED_ERROR: 'document_replaced_error',
-  REMOVE_DOCUMENT: 'remove_document',
-  REMOVE_DOCUMENT_ERROR: 'remove_document_error',
-  NEW_NOTIFICATION: 'new_notification',
-  CLEAR_NOTIFICATION: 'clear_notification',
-  PARTICIPANT_ADDED: 'participant-added',
-  PARTICIPANT_REMOVED: 'participant-removed',
-  TOGGLE_PRESENTATION_MODE: 'toggle_presentation_mode',
-  CREATE_SDOC_FILE: 'create_sdoc_file',
-  CREATE_WIKI_PAGE: 'create_wiki_page',
   IMAGE_COLUMN_TOGGLE: 'Image_column_toggle'
 };
-const PAGE_EDIT_AREA_WIDTH = exports.PAGE_EDIT_AREA_WIDTH = 672; // 672 = 794 - 2[borderLeft + borderRight] - 120[paddingLeft + paddingRight]
 const COMMENT_EDITOR_EDIT_AREA_WIDTH = exports.COMMENT_EDITOR_EDIT_AREA_WIDTH = 364;
-const COMMENT_EDITOR = exports.COMMENT_EDITOR = 'comment_editor';
-const WIKI_EDITOR = exports.WIKI_EDITOR = 'wiki_editor';
-const DOCUMENT_PLUGIN_EDITOR = exports.DOCUMENT_PLUGIN_EDITOR = 'document_plugin_editor';
-const WIKI_OUTLINE = exports.WIKI_OUTLINE = 'wiki-outline';
-const HEADER_OUTLINE_WIDTH_MAPPING = exports.HEADER_OUTLINE_WIDTH_MAPPING = {
-  header1: '16px',
-  header2: '12px',
-  header3: '8px'
-};
-const MODIFY_TYPE = exports.MODIFY_TYPE = {
-  ADD: 'add',
-  DELETE: 'delete',
-  MODIFY: 'modify',
-  CHILDREN_MODIFY: 'children_modify'
-};
-const REBASE_TYPE = exports.REBASE_TYPE = {
-  MODIFY_MODIFY: 'modify_modify',
-  DELETE_MODIFY: 'delete_modify',
-  MODIFY_DELETE: 'modify_delete'
-};
-const REBASE_TYPES = exports.REBASE_TYPES = [REBASE_TYPE.MODIFY_DELETE, REBASE_TYPE.DELETE_MODIFY, REBASE_TYPE.MODIFY_MODIFY];
-const REBASE_MARK_KEY = exports.REBASE_MARK_KEY = {
-  ORIGIN: 'origin',
-  REBASE_TYPE: 'rebase_type',
-  MODIFY_TYPE: 'modify_type',
-  OLD_ELEMENT: 'old_element'
-};
-const REBASE_ORIGIN = exports.REBASE_ORIGIN = {
-  OTHER: 'other',
-  MY: 'my'
-};
-const REBASE_MARKS = exports.REBASE_MARKS = [REBASE_MARK_KEY.ORIGIN, REBASE_MARK_KEY.REBASE_TYPE, REBASE_MARK_KEY.MODIFY_TYPE, REBASE_MARK_KEY.OLD_ELEMENT];
-const DIFF_VIEWER = exports.DIFF_VIEWER = 'diff_viewer';
-const FULL_WIDTH_MODE = exports.FULL_WIDTH_MODE = 'full-width-mode';
-const SDOC_STORAGE = exports.SDOC_STORAGE = 'sdoc';
-
-// left outline
-const LEFT_OUTLINE_WIDTH = exports.LEFT_OUTLINE_WIDTH = 280;
-
-// Default mode width
-const ARTICLE_DEFAULT_WIDTH = exports.ARTICLE_DEFAULT_WIDTH = '794px';
-// Width in full width mode
-const ARTICLE_FULL_WIDTH = exports.ARTICLE_FULL_WIDTH = 'calc(100% - 50px - 50px)'; // The left and right sides are 50
-const ARTICLE_FULL_MIN_WIDTH = exports.ARTICLE_FULL_MIN_WIDTH = '400px';
+const COMMENT_EDITOR = exports.COMMENT_EDITOR = 'comment_editor';

package/dist/basic-sdk/context.js

@@ -6,17 +6,14 @@ Object.defineProperty(exports, "__esModule", {
 });
 exports.default = void 0;
 var _defineProperty2 = _interopRequireDefault(require("@babel/runtime/helpers/esm/defineProperty"));
-var _urlParse = _interopRequireDefault(require("url-parse"));
-var _sdocServerApi = _interopRequireDefault(require("./api/sdoc-server-api"));
-var _seafileApi = _interopRequireDefault(require("./api/seafile-api"));
 class Context {
   constructor() {
-    (0, _defineProperty2.default)(this, "initSettings", () => {
-      this.settings = window.seafile ? window.seafile : window.seafileConfig;
+    (0, _defineProperty2.default)(this, "initSettings", settings => {
+      this.settings = settings ? settings : window.seafile ? window.seafile : window.seafileConfig;
       const {
-        name,
-        username,
-        avatarURL
+        name = '',
+        username = '',
+        avatarURL = ''
       } = this.settings;
       const userInfo = {
         name,
@@ -24,13 +21,6 @@ class Context {
         avatar_url: avatarURL
       };
       this.user = userInfo;
-      if (this.settings['isSdocRevision']) {
-        const repoID = this.getSetting('repoID');
-        const siteRoot = this.getSetting('siteRoot');
-        const originFilePath = this.getSetting('originFilePath');
-        const originFileURL = `${siteRoot}lib/${repoID}/file${originFilePath}`;
-        this.settings['originFileURL'] = originFileURL;
-      }
     });
     (0, _defineProperty2.default)(this, "uploadLocalImage", imageFiles => {
       const docUuid = this.getSetting('docUuid');
@@ -41,30 +31,13 @@ class Context {
         return relative_path;
       });
     });
-    (0, _defineProperty2.default)(this, "uploadLocalVideo", videoFiles => {
-      const docUuid = this.getSetting('docUuid');
-      return this.api.uploadSdocVideo(docUuid, videoFiles).then(res => {
-        const {
-          relative_path
-        } = res.data;
-        return relative_path;
-      });
-    });
     this.settings = null;
-    this.sdocServerApi = null;
     this.api = null;
     this.config = null;
   }
-  init(api) {
-    this.initSettings(); // lazy init context class
+  init(settings, api) {
+    this.initSettings(settings);
     this.api = api;
-    // const server = this.getSetting('serviceUrl');
-    // const token = this.getSetting('accessToken');
-    // this.api = new SeafileAPI(server, token);
-    // const isOpenSocket = this.getSetting('isOpenSocket');
-    // if (isOpenSocket) {
-    //   this.sdocServerApi = new SDocServerApi(this.settings);
-    // }
   }
   getSettings() {
     return this.settings;
@@ -73,204 +46,26 @@ class Context {
     if (this.settings[key] === false) return this.settings[key];
     return this.settings[key] || '';
   }
-  getPrintCss() {
-    const server = this.getSetting('serviceUrl');
-    const mediaUrl = this.getSetting('mediaUrl');
-    // const commonCss = `${server}${mediaUrl}css/seafile-ui.css`;
-    const fontCss = `${server}${mediaUrl}/sdoc-editor/sdoc-editor-font.css`;
-    return [fontCss];
-  }
   updateSettings(update) {
     for (let key in update) {
       this.settings[key] = update[key];
     }
   }
-  getEditorConfig() {
-    // When you need to execute this function, make sure to get the latest configuration items
-    const {
-      docUuid,
-      accessToken,
-      sdocServer
-    } = this.getSettings();
-    this.config = {
-      docUuid,
-      accessToken,
-      sdocServer: new _urlParse.default(sdocServer).origin,
-      user: this.getUserInfo()
-    };
-    return this.config;
-  }
-  getFileContent() {
-    return this.sdocServerApi.getDocContent().then(res => {
-      this.settings['last_modify_user'] = res.data.last_modify_user;
-      return res;
-    });
-  }
-  normalizeSdocContent() {
-    return this.sdocServerApi.normalizeSdocContent();
-  }
-  saveContent(content) {
-    return this.sdocServerApi.saveDocContent(content);
-  }
-
-  /**
-   * @private Get DocUuid
-   */
-  getDocUuid() {
-    return this.getSetting('docUuid');
-  }
-  getCollaborators() {
-    return this.sdocServerApi.getCollaborators();
-  }
   getUserInfo() {
     return this.user;
   }
-
-  // comments
-  listComments() {
-    return this.sdocServerApi.listComments();
-  }
-  insertComment(comment) {
-    return this.sdocServerApi.insertComment(comment);
-  }
-  deleteComment(commentId) {
-    return this.sdocServerApi.deleteComment(commentId);
-  }
-  updateComment(commentId, newComment) {
-    return this.sdocServerApi.updateComment(commentId, newComment);
-  }
-  insertReply(commentId, reply) {
-    return this.sdocServerApi.insertReply(commentId, reply);
-  }
-  deleteReply(commentId, replyId) {
-    return this.sdocServerApi.deleteReply(commentId, replyId);
-  }
-  updateReply(commentId, replyId, newReply) {
-    return this.sdocServerApi.updateReply(commentId, replyId, newReply);
-  }
-
-  // revision
-  startRevise() {
-    const repoID = this.getSetting('repoID');
-    const filePath = this.getSetting('docPath');
-    const fileUuid = this.getSetting('docUuid');
-    return this.api.startRevise(repoID, fileUuid, filePath);
-  }
-  getSeadocOriginFileContent() {
-    const docUuid = this.getSetting('docUuid');
-    return this.api.getSeadocOriginFileContent(docUuid);
-  }
-  getSdocRevisionsCount() {
-    const docUuid = this.getSetting('docUuid');
-    return this.api.getSdocRevisionsCount(docUuid);
-  }
-  getSdocRevisions(page, perPage) {
-    const docUuid = this.getSetting('docUuid');
-    return this.api.getSdocRevisions(docUuid, page, perPage);
-  }
-  publishRevision() {
-    const docUuid = this.getSetting('docUuid');
-    return this.api.publishRevision(docUuid);
-  }
-  updateSdocRevision(sdocContent) {
-    const docUuid = this.getSetting('docUuid');
-    const docName = this.getSetting('docName');
-    return this.api.updateSdocRevision(docUuid, docName, sdocContent);
-  }
-  deleteSdocRevision() {
-    const docUuid = this.getSetting('docUuid');
-    return this.api.deleteSdocRevision(docUuid);
-  }
-  deleteSdocOtherRevision(revisionId) {
-    const docUuid = this.getSetting('docUuid');
-    return this.api.deleteSdocOtherRevision(docUuid, revisionId);
-  }
-  getRevisionBaseVersionContent() {
-    const docUuid = this.getSetting('docUuid');
-    return this.api.getRevisionBaseVersionContent(docUuid);
-  }
-  getPublishedRevisionContent() {
-    const docUuid = this.getSetting('docUuid');
-    return this.api.getPublishedRevisionContent(docUuid);
-  }
-
-  // local files
-  getSdocLocalFiles(p, type) {
-    const docUuid = this.getSetting('docUuid');
-    return this.api.getSdocFiles(docUuid, p, type);
-  }
-  getSdocLocalFileId(p) {
-    const docUuid = this.getSetting('docUuid');
-    return this.api.getSdocFileId(docUuid, p);
-  }
-  getSdocLocalFileUrl(docUuid) {
-    const sdocServer = this.getSetting('serviceUrl');
-    return sdocServer + '/api/v2.1/seadoc/file/' + docUuid + '/?doc_uuid=' + docUuid;
-  }
   copyImage(originDocUuid, imageList) {
     const docUuid = this.getSetting('docUuid');
     return this.api.asyncCopyImages(docUuid, originDocUuid, imageList);
   }
-  getLinkFilesInfo(filesUrl) {
-    const docUuid = this.getSetting('docUuid');
-    return this.api.getLinkFilesInfo(docUuid, filesUrl);
-  }
   getCopyMoveProgressView(taskId) {
     const docUuid = this.getSetting('docUuid');
     return this.api.getCopyMoveProgressView(docUuid, taskId);
   }
-  searchSdocFiles(query, page, per_page) {
-    const docUuid = this.getSetting('docUuid');
-    return this.api.searchSdocFiles(docUuid, query, page, per_page);
-  }
-  getSearchFilesByFilename(query, page, per_page, search_type) {
-    const docUuid = this.getSetting('docUuid');
-    return this.api.searchFilesByFilename(docUuid, query, page, per_page, search_type);
-  }
-
-  // participants
-  listParticipants() {
-    const docUuid = this.getSetting('docUuid');
-    return this.api.listParticipants(docUuid);
-  }
   addParticipants(emails) {
     const docUuid = this.getSetting('docUuid');
     return this.api.addParticipants(docUuid, emails);
   }
-  deleteParticipants(emails) {
-    const docUuid = this.getSetting('docUuid');
-    return this.api.deleteParticipants(docUuid, emails);
-  }
-  listRelatedUsers() {
-    const docUuid = this.getSetting('docUuid');
-    return this.api.listRelatedUsers(docUuid);
-  }
-
-  // notification
-  listUnseenNotifications() {
-    const docUuid = this.getDocUuid();
-    return this.api.listUnseenNotifications(docUuid);
-  }
-  deleteUnseenNotifications(notificationIds) {
-    const docUuid = this.getDocUuid();
-    return this.api.deleteUnseenNotifications(docUuid, notificationIds);
-  }
-  readAllNotifications() {
-    const docUuid = this.getDocUuid();
-    return this.api.readAllNotifications(docUuid);
-  }
-  aiTranslate(text, lang) {
-    const docUuid = this.getDocUuid();
-    return this.api.aiTranslate(docUuid, text, lang);
-  }
-  writingAssistant(text, type, custom_prompt) {
-    const docUuid = this.getDocUuid();
-    return this.api.writingAssistant(docUuid, text, type, custom_prompt);
-  }
-  updateConfigUuid(docUuid) {
-    if (!this.config) return;
-    this.config['docUuid'] = docUuid;
-  }
 }
 const context = new Context();
 var _default = exports.default = context;

package/dist/basic-sdk/cursor/helper.js

@@ -1,14 +1,9 @@
 "use strict";
 
-var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault").default;
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
-exports.setCursor = exports.generateCursorData = exports.deleteCursor = void 0;
-var _randomcolor = _interopRequireDefault(require("randomcolor"));
-// selection: { anchor, focus }
-// cursor: { anchor, focus }
-
+exports.setCursor = void 0;
 const setCursor = (editor, user, location, cursorData) => {
   const {
     username: clientId
@@ -30,28 +25,4 @@ const setCursor = (editor, user, location, cursorData) => {
   };
   return editor;
 };
-exports.setCursor = setCursor;
-const deleteCursor = (editor, username) => {
-  delete editor.cursors[username];
-  editor.cursors = {
-    ...editor.cursors
-  };
-  return editor;
-};
-exports.deleteCursor = deleteCursor;
-const generateCursorData = config => {
-  const {
-    user
-  } = config;
-  const options = {
-    luminosity: 'dark',
-    format: 'rgba',
-    alpha: 1
-  };
-  const color = (0, _randomcolor.default)(options);
-  return {
-    name: user.name,
-    cursor_color: color
-  };
-};
-exports.generateCursorData = generateCursorData;
+exports.setCursor = setCursor;

package/dist/basic-sdk/decorates/index.js

@@ -6,9 +6,8 @@ Object.defineProperty(exports, "__esModule", {
 });
 exports.usePipDecorate = void 0;
 var _commentDecorate = require("../comment/comment-decorate");
-var _highlight = require("../highlight");
 var _useSelectionUpdate = _interopRequireDefault(require("../hooks/use-selection-update"));
-const pluginDecorates = [_highlight.highlightDecorate, _commentDecorate.commentDecorate];
+const pluginDecorates = [_commentDecorate.commentDecorate];
 const usePipDecorate = editor => {
   (0, _useSelectionUpdate.default)();
   const decorates = pluginDecorates.map(decorate => {

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

@@ -14,7 +14,6 @@ var _classnames = _interopRequireDefault(require("classnames"));
 var _isHotkey = _interopRequireDefault(require("is-hotkey"));
 var _scrollIntoViewIfNeeded = _interopRequireDefault(require("scroll-into-view-if-needed"));
 var _constants = require("../constants");
-var _context = _interopRequireDefault(require("../context"));
 var _useCursors = require("../cursor/use-cursors");
 var _decorates = require("../decorates");
 var _extension = require("../extension");
@@ -39,16 +38,13 @@ const DEFAULT_PLACEHOLDER = 'Enter_comment_shift_enter_for_new_line_Enter_to_sen
 const CommentEditor = _ref => {
   let {
     content,
-    commentContent,
     placeholder = DEFAULT_PLACEHOLDER,
+    toolMenus = ['text_style', _constants2.BLOCKQUOTE, _constants2.UNORDERED_LIST, _constants2.ORDERED_LIST, _constants2.LINK, _constants2.IMAGE],
     insertContent,
-    updateContent,
     onContentChange,
-    setIsEditing,
     hiddenComment,
     hiddenUserInfo,
-    closeComment,
-    addParticipants
+    closePanel
   } = _ref;
   const commentWrapperRef = (0, _react.useRef)();
   const {
@@ -91,23 +87,18 @@ const CommentEditor = _ref => {
   // init eventHandler
   // eslint-disable-next-line react-hooks/exhaustive-deps
   const eventProxy = (0, _react.useMemo)(() => new _eventHandler.default(editor), []);
-  const updateValue = (0, _react.useCallback)(value => {
-    if (!value || value.trim() === '') return;
-    if (!content) return insertContent(value);
-    updateContent && updateContent(value);
-  }, [content, insertContent, updateContent]);
   const onSubmit = (0, _react.useCallback)(event => {
     event && event.stopPropagation();
     const mdString = (0, _slateToMd.default)(editor.children);
-    updateValue(mdString);
-    addParticipants(userInfo.username);
+    if (mdString && mdString.trim()) insertContent(mdString);
     editor.children = [(0, _core.generateEmptyElement)(_constants2.PARAGRAPH, {
       placeholder
     })];
     _slate.Transforms.select(editor, _slate.Editor.start(editor, []));
     onContentChange && onContentChange(null);
-    closeComment && closeComment();
-  }, [editor, updateValue, addParticipants, userInfo.username, placeholder, onContentChange, closeComment]);
+    closePanel && closePanel();
+    // eslint-disable-next-line react-hooks/exhaustive-deps
+  }, [editor, insertContent, placeholder, onContentChange, closePanel]);
   const onSubmitByEnterKey = (0, _react.useCallback)(event => {
     if (!_slateReact.ReactEditor.isFocused(editor)) return;
     onSubmit(event);
@@ -139,7 +130,6 @@ const CommentEditor = _ref => {
       const isPreventCancel = isClickOnListContainer || isClickOnCommentEditorContainer || isClickResizeContainer || isSdocContentWrapper;
       if (isPreventCancel) return;
     }
-    setIsEditing && setIsEditing(false);
     hiddenComment && hiddenComment(false);
     if (onContentChange) {
       if (editor.children.find(n => _slate.Node.string(n).trim())) {
@@ -149,17 +139,14 @@ const CommentEditor = _ref => {
       }
     }
     // eslint-disable-next-line react-hooks/exhaustive-deps
-  }, [setIsEditing]);
+  }, []);
 
   // set editor children
   (0, _react.useEffect)(() => {
     let children = (0, _mdToSlate.default)(content);
-    if (commentContent) {
-      children = (0, _mdToSlate.default)(commentContent);
-    }
     editor.children = children;
     _slate.Transforms.select(editor, _slate.Editor.end(editor, []));
-  }, [editor, content, commentContent]);
+  }, [editor, content]);
 
   // useMount: focus editor
   (0, _react.useEffect)(() => {
@@ -279,10 +266,11 @@ const CommentEditor = _ref => {
     onBeforeInput: eventProxy.onBeforeInput
   })))), /*#__PURE__*/_react.default.createElement(_commentEditorToolbar.default, {
     editor: editor,
+    toolMenus: toolMenus,
     onSubmit: onSubmit,
     submitBtnText: t(submitTip),
     onCancel: onCancel
-  }))), /*#__PURE__*/_react.default.createElement(_insertElementDialog.default, {
+  }))), toolMenus.includes(_constants2.IMAGE) && /*#__PURE__*/_react.default.createElement(_insertElementDialog.default, {
     editor: editor
   }));
 };

package/dist/basic-sdk/extension/commons/index.js

@@ -4,12 +4,6 @@ var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefau
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
-Object.defineProperty(exports, "ColorMenu", {
-  enumerable: true,
-  get: function () {
-    return _colorMenu.default;
-  }
-});
 Object.defineProperty(exports, "ElementPopover", {
   enumerable: true,
   get: function () {
@@ -28,20 +22,5 @@ Object.defineProperty(exports, "MenuItem", {
     return _menu.MenuItem;
   }
 });
-Object.defineProperty(exports, "MoreDropdown", {
-  enumerable: true,
-  get: function () {
-    return _moreDropdown.default;
-  }
-});
-Object.defineProperty(exports, "Select", {
-  enumerable: true,
-  get: function () {
-    return _select.default;
-  }
-});
-var _colorMenu = _interopRequireDefault(require("./color-menu"));
 var _elementPopover = _interopRequireDefault(require("./element-popover"));
-var _menu = require("./menu");
-var _moreDropdown = _interopRequireDefault(require("./more-dropdown"));
-var _select = _interopRequireDefault(require("./select"));
+var _menu = require("./menu");