@seafile/sdoc-editor 1.0.176 → 1.0.177

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

@@ -38,7 +38,6 @@ const CommentEditor = _ref => {
     updateContent,
     setIsEditing,
     hiddenComment,
-    commentRef,
     globalComment,
     hiddenUserInfo,
     updateGlobalCommentContent

package/dist/basic-sdk/comment/components/comment-item-wrapper.js

@@ -30,7 +30,9 @@ const CommentItemWrapper = _ref => {
     updateScrollPosition,
     hiddenComment,
     setCurrentCommentGroup,
-    onCommentClick
+    onCommentClick,
+    isEmptyComment,
+    addNewComment
   } = _ref;
   const listRef = (0, _react.useRef)(null);
   const {
@@ -38,7 +40,7 @@ const CommentItemWrapper = _ref => {
   } = (0, _useCommentContext.useCommentContext)();
   const scrollRef = (0, _react.useRef)(document.querySelector('.sdoc-scroll-container'));
   const [isShowDeleteDialog, setIsShowDeleteDialog] = (0, _react.useState)(false);
-  const commentOpToolsId = `commentOpTools_${comment.id}`;
+  const commentOpToolsId = `commentOpTools_${comment === null || comment === void 0 ? void 0 : comment.id}`;
   const deleteComment = (0, _react.useCallback)(async commentId => {
     await _context.default.deleteComment(commentId);
     const {
@@ -249,12 +251,11 @@ const CommentItemWrapper = _ref => {
   }, [isActive]);
   const className = (0, _classnames.default)('comment-ui-container', {
     'active': isActive,
-    'sdoc-resolved': comment.resolved,
+    'sdoc-resolved': comment === null || comment === void 0 ? void 0 : comment.resolved,
     'd-flex flex-column': element,
     'global-comment-item-detail-wrapper': isGlobalComment,
     'comment-item-detail-wrapper': !isGlobalComment
   });
-  const tip = comment.resolved ? 'Reopen_discussion' : 'Enter_reply_shift_Enter_for_new_line_Enter_to_send';
   const handleScrollToArticle = (0, _react.useCallback)(e => {
     e.stopPropagation();
     const dom = _slateReact.ReactEditor.toDOMNode(editor, element);
@@ -265,7 +266,7 @@ const CommentItemWrapper = _ref => {
     });
   }, [editor, element, scrollRef]);
   return /*#__PURE__*/_react.default.createElement("div", {
-    id: `comment-item-wrapper_${comment.id}`,
+    id: `comment-item-wrapper_${comment === null || comment === void 0 ? void 0 : comment.id}`,
     className: className,
     onClick: onItemClick
   }, element && /*#__PURE__*/_react.default.createElement("div", {
@@ -275,7 +276,7 @@ const CommentItemWrapper = _ref => {
     className: "sdocfont sdoc-comment-quote mr-2"
   }), /*#__PURE__*/_react.default.createElement("div", {
     className: "comment-item-selected-text"
-  }, _slate.Node.string(element))), /*#__PURE__*/_react.default.createElement("div", {
+  }, _slate.Node.string(element))), !isEmptyComment && /*#__PURE__*/_react.default.createElement("div", {
     ref: listRef,
     className: "comment-item-list"
   }, /*#__PURE__*/_react.default.createElement(_commentItemContent.default, {
@@ -297,11 +298,19 @@ const CommentItemWrapper = _ref => {
       updateReply
     };
     return /*#__PURE__*/_react.default.createElement(_commentItemReply.default, props);
-  })), !isGlobalComment && isActive && /*#__PURE__*/_react.default.createElement("div", {
-    className: "sdoc-reply-wrapper"
-  }, /*#__PURE__*/_react.default.createElement(_commentEditor.default, {
+  })), !isGlobalComment && /*#__PURE__*/_react.default.createElement("div", {
+    className: "sdoc-reply-wrapper",
+    style: {
+      paddingTop: isEmptyComment ? '16px' : ''
+    }
+  }, isEmptyComment && /*#__PURE__*/_react.default.createElement(_commentEditor.default, {
+    type: "comment",
+    placeholder: 'Enter_reply_shift_Enter_for_new_line_Enter_to_send',
+    insertContent: addNewComment,
+    hiddenComment: hiddenComment
+  }), !isEmptyComment && /*#__PURE__*/_react.default.createElement(_commentEditor.default, {
     type: "reply",
-    placeholder: tip,
+    placeholder: 'Enter_reply_shift_Enter_for_new_line_Enter_to_send',
     insertContent: insertContent,
     hiddenComment: hiddenComment
   })), isShowDeleteDialog && isActive && /*#__PURE__*/_react.default.createElement(_commentDeletePopover.default, {

package/dist/basic-sdk/comment/components/comment-list.css

@@ -9,7 +9,7 @@
 }
 
 .sdoc-comment-list-container .comment-ui-container {
-  background-color: rgba(255, 255, 255, .99);
+  background-color: rgba(255, 255, 255);
   margin-bottom: 0px;
   box-shadow: 0 1px 3px rgba(0, 0, 0, .15), 0 4px 8px 3px rgba(0, 0, 0, .15);
   padding: 16px;
@@ -37,7 +37,7 @@
 .sdoc-comment-list-container .comment-ui-container.active {
   position: relative;
   left: -5px;
-  background: rgba(255, 255, 255, .92);
+  background: rgba(255, 255, 255, 1);
   box-shadow: 0 1px 3px rgba(0, 0, 0, .15), 0 4px 8px 3px rgba(0, 0, 0, .15);
 }
 
@@ -340,10 +340,6 @@
   justify-content: flex-end;
 }
 
-.sdoc-reply-wrapper {
-  padding: 0 10px;
-}
-
 .sdoc-doc-comment-editor-container.sdoc-comment-list-container .comment-ui-container {
   padding-left: 10px;
   padding-right: 10px;

package/dist/basic-sdk/comment/components/comment-list.js

@@ -11,24 +11,23 @@ var _dayjs = _interopRequireDefault(require("dayjs"));
 var _context = _interopRequireDefault(require("../../../context"));
 var _useSelectionPosition = require("../../hooks/use-selection-position");
 var _useCommentContext = require("../hooks/comment-hooks/use-comment-context");
-var _commentEditor = _interopRequireDefault(require("./comment-editor"));
 var _commentItemWrapper = _interopRequireDefault(require("./comment-item-wrapper"));
 var _commentItemCollapseWrapper = _interopRequireDefault(require("./comment-item-collapse-wrapper"));
 require("./comment-list.css");
 const CommentList = _ref => {
-  var _topLevelComment$repl, _topLevelComment$repl2;
   let {
     editor,
-    comments,
+    comments = [],
+    commentDetail = {},
     activeElement,
-    hiddenComment
+    isShowCommentDetail,
+    onSetCommentDetail,
+    deleteUnseenNotifications
   } = _ref;
-  const commentRef = (0, _react.useRef)(null);
   const position = (0, _useSelectionPosition.useCommentListPosition)(activeElement);
   const {
     dispatch
   } = (0, _useCommentContext.useCommentContext)();
-  const [isShowCommentDetail, setIsShowCommentDetail] = (0, _react.useState)(false);
   const insertComment = (0, _react.useCallback)(async (elementId, comment) => {
     const res = await _context.default.insertComment(comment);
     const {
@@ -48,7 +47,8 @@ const CommentList = _ref => {
         comment: newComment
       }
     });
-  }, [dispatch]);
+    onSetCommentDetail(newComment);
+  }, [dispatch, onSetCommentDetail]);
   const insertContent = (0, _react.useCallback)(content => {
     const user = _context.default.getUserInfo();
     const elementId = activeElement === null || activeElement === void 0 ? void 0 : activeElement.id;
@@ -63,47 +63,37 @@ const CommentList = _ref => {
       updated_at: time
     };
     insertComment(elementId, comment);
-    setIsShowCommentDetail(true);
   }, [insertComment, activeElement === null || activeElement === void 0 ? void 0 : activeElement.id]);
-  const setCurrentCommentGroup = (0, _react.useCallback)(() => {
-    setIsShowCommentDetail(true);
-  }, []);
-  const topLevelComment = (comments === null || comments === void 0 ? void 0 : comments.length) > 0 ? comments[0] : {};
-  const replyCount = topLevelComment === null || topLevelComment === void 0 ? void 0 : (_topLevelComment$repl = topLevelComment.replies) === null || _topLevelComment$repl === void 0 ? void 0 : _topLevelComment$repl.length;
-  const latestReply = ((_topLevelComment$repl2 = topLevelComment.replies) === null || _topLevelComment$repl2 === void 0 ? void 0 : _topLevelComment$repl2.length) > 0 ? topLevelComment.replies[topLevelComment.replies.length - 1] : null;
   return /*#__PURE__*/_react.default.createElement("div", {
-    ref: commentRef,
     id: "sdoc-comment-list-container",
     className: "sdoc-comment-list-container sdoc-comment-list-container-popover",
     style: {
       top: position.y,
       width: '300px'
     }
-  }, !isShowCommentDetail && Object.keys(topLevelComment).length > 0 && /*#__PURE__*/_react.default.createElement(_commentItemCollapseWrapper.default, {
-    key: comments.id,
-    editor: editor,
-    topLevelComment: topLevelComment,
-    replyCount: replyCount,
-    latestReply: latestReply,
-    setCurrentCommentGroup: setCurrentCommentGroup
-  }), !isShowCommentDetail && comments.length === 0 && /*#__PURE__*/_react.default.createElement("div", {
-    className: "comment-ui-container active"
-  }, /*#__PURE__*/_react.default.createElement(_commentEditor.default, {
-    type: "comment",
-    globalComment: true,
-    insertContent: insertContent,
-    hiddenComment: hiddenComment,
-    commentRef: commentRef
-  })), isShowCommentDetail && comments.length > 0 && /*#__PURE__*/_react.default.createElement("div", {
+  }, !isShowCommentDetail && comments.map(comment => {
+    var _topLevelComment$repl, _topLevelComment$repl2;
+    const topLevelComment = comment || {};
+    const replyCount = topLevelComment === null || topLevelComment === void 0 ? void 0 : (_topLevelComment$repl = topLevelComment.replies) === null || _topLevelComment$repl === void 0 ? void 0 : _topLevelComment$repl.length;
+    const latestReply = ((_topLevelComment$repl2 = topLevelComment.replies) === null || _topLevelComment$repl2 === void 0 ? void 0 : _topLevelComment$repl2.length) > 0 ? topLevelComment.replies[topLevelComment.replies.length - 1] : null;
+    return /*#__PURE__*/_react.default.createElement(_commentItemCollapseWrapper.default, {
+      key: topLevelComment.id,
+      editor: editor,
+      topLevelComment: topLevelComment,
+      replyCount: replyCount,
+      latestReply: latestReply,
+      setCurrentCommentGroup: () => {
+        deleteUnseenNotifications && deleteUnseenNotifications(topLevelComment);
+        onSetCommentDetail(topLevelComment);
+      }
+    });
+  }), isShowCommentDetail && /*#__PURE__*/_react.default.createElement("div", {
     className: "comment-list"
-  }, comments.map(comment => {
-    if (comment.resolved) return null;
-    const props = {
-      key: comment.id,
-      comment: comment,
-      isActive: true
-    };
-    return /*#__PURE__*/_react.default.createElement(_commentItemWrapper.default, props);
+  }, /*#__PURE__*/_react.default.createElement(_commentItemWrapper.default, {
+    comment: commentDetail,
+    isActive: true,
+    isEmptyComment: Object.keys(commentDetail).length ? false : true,
+    addNewComment: insertContent
   })));
 };
 var _default = exports.default = CommentList;

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

@@ -32,6 +32,8 @@ const EditorComment = _ref => {
   const [activeElement, setActiveElement] = (0, _react.useState)(null); // The slate node currently activated by clicking
   const [comments, setComments] = (0, _react.useState)([]);
   const [isShowComments, setIsShowComments] = (0, _react.useState)(false);
+  const [isShowCommentDetail, setIsShowCommentDetail] = (0, _react.useState)(true);
+  const [commentDetail, setCommentDetail] = (0, _react.useState)({});
   const onAddCommentToggle = (0, _react.useCallback)(event => {
     event.stopPropagation();
     let activeElement = currentSelectionElement;
@@ -41,6 +43,8 @@ const EditorComment = _ref => {
     }
     setActiveElement(activeElement);
     setIsShowComments(true);
+    setIsShowCommentDetail(true);
+    setCommentDetail({});
   }, [currentSelectionElement]);
   const onSelectElement = (0, _react.useCallback)(elementId => {
     const activeElement = (0, _index.getCommentElementById)(elementId, editor);
@@ -48,9 +52,15 @@ const EditorComment = _ref => {
     const unresolvedComments = element_comments_map[elementId].filter(item => !item.resolved);
     setComments(unresolvedComments);
     setIsShowComments(true);
+    setIsShowCommentDetail(false);
   }, [editor, element_comments_map]);
+  const onSetCommentDetail = (0, _react.useCallback)(comment => {
+    setCommentDetail(comment);
+    setIsShowCommentDetail(true);
+  }, []);
   const hiddenComment = (0, _react.useCallback)(() => {
     setComments([]);
+    setCommentDetail({});
     setIsShowComments(false);
   }, []);
 
@@ -117,8 +127,9 @@ const EditorComment = _ref => {
     editor: editor,
     comments: comments,
     activeElement: activeElement,
-    onSelectElement: onSelectElement,
-    hiddenComment: hiddenComment,
+    isShowCommentDetail: isShowCommentDetail,
+    commentDetail: commentDetail,
+    onSetCommentDetail: onSetCommentDetail,
     deleteUnseenNotifications: deleteUnseenNotifications
   })));
 };

package/dist/basic-sdk/extension/plugins/text-style/menu/comemnt-editor-menu.js

@@ -12,20 +12,14 @@ var _core = require("../../../core");
 var _commons = require("../../../commons");
 var _helpers = require("../helpers");
 var _menusConfig = require("../../../constants/menus-config");
-const filterFontTypes = _ref => {
-  let {
-    id
-  } = _ref;
-  return [_menusConfig.BOLD, _menusConfig.ITALIC].includes(id);
-};
-const CommentEditorTextStyleMenuList = _ref2 => {
+const CommentEditorTextStyleMenuList = _ref => {
   let {
     editor,
     isRichEditor,
     className,
     idPrefix,
     readonly
-  } = _ref2;
+  } = _ref;
   const isActive = (0, _react.useCallback)(type => {
     const isMark = (0, _helpers.getValue)(editor, type);
     return !!isMark;
@@ -50,8 +44,10 @@ const CommentEditorTextStyleMenuList = _ref2 => {
     (0, _core.focusEditor)(editor);
     // eslint-disable-next-line react-hooks/exhaustive-deps
   }, [editor]);
-  const getTextStyleList = (0, _react.useCallback)(key => {
-    return _constants.MENUS_CONFIG_MAP[key].map(item => {
+  const getTextStyleList = (0, _react.useCallback)(() => {
+    const styleMenus = _constants.MENUS_CONFIG_MAP[_constants.TEXT_STYLE];
+    const commentMenus = styleMenus.filter(item => [_menusConfig.BOLD, _menusConfig.ITALIC].includes(item.id));
+    return commentMenus.map(item => {
       let itemProps = {
         isRichEditor,
         className,
@@ -68,7 +64,7 @@ const CommentEditorTextStyleMenuList = _ref2 => {
 
     // eslint-disable-next-line react-hooks/exhaustive-deps
   }, [editor, readonly]);
-  const list = getTextStyleList(_constants.TEXT_STYLE).filter(filterFontTypes);
+  const list = getTextStyleList();
   return /*#__PURE__*/_react.default.createElement(_react.default.Fragment, null, list.map((itemProps, index) => /*#__PURE__*/_react.default.createElement(_commons.MenuItem, Object.assign({
     key: index
   }, itemProps))));

package/dist/basic-sdk/extension/plugins/text-style/menu/index.js

@@ -17,15 +17,7 @@ var _fontSizeScale = _interopRequireDefault(require("../../font/menu/font-size/f
 var _helpers2 = require("../helpers");
 var _useColorContext = require("../../../../hooks/use-color-context");
 var _mouseEvent = require("../../../../utils/mouse-event");
-var _menusConfig = require("../../../constants/menus-config");
-var _constants2 = require("../../../../constants");
-const filterFontTypes = _ref => {
-  let {
-    id
-  } = _ref;
-  return [_menusConfig.BOLD, _menusConfig.ITALIC].includes(id);
-};
-const TextStyleMenuList = _ref2 => {
+const TextStyleMenuList = _ref => {
   let {
     editor,
     t,
@@ -33,10 +25,9 @@ const TextStyleMenuList = _ref2 => {
     className,
     idPrefix,
     readonly
-  } = _ref2;
+  } = _ref;
   let selectedFontSize = (0, _helpers.getFontSize)(editor);
   let selectedFontSizeValue = selectedFontSize;
-  const isCommentEditor = editor.editorType === _constants2.COMMENT_EDITOR;
   const {
     lastUsedFontColor,
     updateLastUsedFontColor,
@@ -114,17 +105,13 @@ const TextStyleMenuList = _ref2 => {
     // eslint-disable-next-line react-hooks/exhaustive-deps
   }, [editor, lastUsedFontColor, lastUsedHighlightColor, readonly]);
   let list = getTextStyleList(_constants.TEXT_STYLE);
-  // Filter for comment editor
-  if (isCommentEditor) {
-    list = list.filter(filterFontTypes);
-  }
   const dropdownList = getTextStyleList(_constants.TEXT_STYLE_MORE);
   return /*#__PURE__*/_react.default.createElement(_react.default.Fragment, null, list.map((itemProps, index) => {
     const Component = itemProps.isColor ? _commons.ColorMenu : _commons.MenuItem;
     return /*#__PURE__*/_react.default.createElement(Component, Object.assign({
       key: index
     }, itemProps));
-  }), !isCommentEditor && /*#__PURE__*/_react.default.createElement(_commons.MoreDropdown, null, dropdownList.map((itemProps, index) => /*#__PURE__*/_react.default.createElement(_commons.MenuItem, Object.assign({
+  }), /*#__PURE__*/_react.default.createElement(_commons.MoreDropdown, null, dropdownList.map((itemProps, index) => /*#__PURE__*/_react.default.createElement(_commons.MenuItem, Object.assign({
     key: index
   }, itemProps))), /*#__PURE__*/_react.default.createElement(_fontSizeScale.default, {
     disabled: isDisabled(),

package/dist/components/doc-operations/revision-operations/more-revision-operations/index.js

@@ -11,11 +11,14 @@ var _reactI18next = require("react-i18next");
 var _reactstrap = require("reactstrap");
 var _context = _interopRequireDefault(require("../../../../context"));
 var _toast = _interopRequireDefault(require("../../../toast"));
+var _basicSdk = require("../../../../basic-sdk");
+var _constants = require("../../../../constants");
 require("./index.css");
 const MoreRevisionOperations = _ref => {
   let {
     t
   } = _ref;
+  const eventBus = _basicSdk.EventBus.getInstance();
   const [isDropdownOpen, setIsDropdownOpen] = (0, _react.useState)(false);
   const toggleDropdown = (0, _react.useCallback)(isDropdownOpen => {
     setIsDropdownOpen(!isDropdownOpen);
@@ -26,6 +29,7 @@ const MoreRevisionOperations = _ref => {
       const siteRoot = _context.default.getSetting('siteRoot');
       const revisionURL = `${siteRoot}lib/${repoID}/revisions/${res.data.revision_id}/`;
       window.open(revisionURL, '_blank');
+      eventBus.dispatch(_constants.EXTERNAL_EVENT.NEW_REVISION);
     }).catch(error => {
       _toast.default.danger(t('Error'));
     });

package/dist/components/doc-operations/revision-operations/revisions/index.js

@@ -12,13 +12,19 @@ var _context = _interopRequireDefault(require("../../../../context"));
 var _revisionsDialog = _interopRequireDefault(require("./revisions-dialog"));
 var _utils = require("../../../../utils");
 var _toast = _interopRequireDefault(require("../../../toast"));
+var _basicSdk = require("../../../../basic-sdk");
+var _constants = require("../../../../constants");
 require("./index.css");
 const Revisions = () => {
+  const eventBus = _basicSdk.EventBus.getInstance();
   const {
     t
   } = (0, _reactI18next.useTranslation)();
   const [revisionsCount, setRevisionsCount] = (0, _react.useState)(0);
   const [isShowRevisions, setShowRevisions] = (0, _react.useState)(false);
+  const autoIncrementRevisionsCount = (0, _react.useCallback)(() => {
+    setRevisionsCount(revisionsCount + 1);
+  }, [revisionsCount]);
 
   // did mount
   (0, _react.useEffect)(() => {
@@ -32,6 +38,13 @@ const Revisions = () => {
 
     // eslint-disable-next-line react-hooks/exhaustive-deps
   }, []);
+  (0, _react.useEffect)(() => {
+    const autoIncrementRevisionSubscribe = eventBus.subscribe(_constants.EXTERNAL_EVENT.NEW_REVISION, autoIncrementRevisionsCount);
+    return () => {
+      autoIncrementRevisionSubscribe();
+    };
+    // eslint-disable-next-line react-hooks/exhaustive-deps
+  }, [autoIncrementRevisionsCount]);
   const showRevisions = (0, _react.useCallback)(() => {
     setShowRevisions(true);
   }, []);

package/dist/constants/index.js

@@ -40,7 +40,9 @@ const EXTERNAL_EVENT = exports.EXTERNAL_EVENT = {
   INSERT_LINK: 'insert_link',
   // document
   COLLABORATORS_UPDATED: 'collaborators_updated',
-  IMAGE_COLUMN_TOGGLE: 'Image_column_toggle'
+  IMAGE_COLUMN_TOGGLE: 'Image_column_toggle',
+  // revise
+  NEW_REVISION: 'new_revision'
 };
 const TIP_TYPE = exports.TIP_TYPE = {
   DELETE_NO_CHANGES_REVISION: 'delete_no_changes_revision',

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@seafile/sdoc-editor",
-  "version": "1.0.176",
+  "version": "1.0.177",
   "private": false,
   "description": "This is a sdoc editor",
   "main": "dist/index.js",

package/public/media/sdoc-editor-font/iconfont.css

@@ -0,0 +1,542 @@
+@font-face {
+  font-family: "sdocfont"; /* Project id 4097705 */
+  src: url('iconfont.eot?t=1734577970007'); /* IE9 */
+  src: url('iconfont.eot?t=1734577970007#iefix') format('embedded-opentype'), /* IE6-IE8 */
+       url('iconfont.woff2?t=1734577970007') format('woff2'),
+       url('iconfont.woff?t=1734577970007') format('woff'),
+       url('iconfont.ttf?t=1734577970007') format('truetype'),
+       url('iconfont.svg?t=1734577970007#sdocfont') format('svg');
+}
+
+.sdocfont {
+  font-family: "sdocfont" !important;
+  font-size: 16px;
+  font-style: normal;
+  -webkit-font-smoothing: antialiased;
+  -moz-osx-font-smoothing: grayscale;
+}
+
+.sdoc-send-arrow:before {
+  content: "\e67e";
+}
+
+.sdoc-try-again:before {
+  content: "\e67f";
+}
+
+.sdoc-ai-translate:before {
+  content: "\e680";
+}
+
+.sdoc-insert-below:before {
+  content: "\e681";
+}
+
+.sdoc-continue-writing:before {
+  content: "\e682";
+}
+
+.sdoc-replace:before {
+  content: "\e683";
+}
+
+.sdoc-adjust:before {
+  content: "\e684";
+}
+
+.sdoc-ask-ai:before {
+  content: "\e685";
+}
+
+.sdoc-check-mark:before {
+  content: "\e67d";
+}
+
+.sdoc-play:before {
+  content: "\e67c";
+}
+
+.sdoc-video:before {
+  content: "\e67b";
+}
+
+.sdoc-mark-as-resolved:before {
+  content: "\e67a";
+}
+
+.sdoc-multi-column:before {
+  content: "\e679";
+}
+
+.sdoc-table-of-content-outline:before {
+  content: "\e678";
+}
+
+.sdoc-table-of-content:before {
+  content: "\e628";
+}
+
+.sdoc-info:before {
+  content: "\e677";
+}
+
+.sdoc-inline-code:before {
+  content: "\e676";
+}
+
+.sdoc-sort:before {
+  content: "\e674";
+}
+
+.sdoc-set-up:before {
+  content: "\e675";
+}
+
+.sdoc-filter1:before {
+  content: "\e672";
+}
+
+.sdoc-eye-slash:before {
+  content: "\e673";
+}
+
+.sdoc-settings:before {
+  content: "\e671";
+}
+
+.sdoc-seatable-table:before {
+  content: "\e66f";
+}
+
+.sdoc-more-vertical-left:before {
+  content: "\e670";
+}
+
+.sdoc-text-style:before {
+  content: "\e66e";
+}
+
+.sdoc-choose-column:before {
+  content: "\e66d";
+}
+
+.sdoc-history-switch:before {
+  content: "\e66c";
+}
+
+.sdoc-save:before {
+  content: "\e66b";
+}
+
+.sdoc-center-alignment:before {
+  content: "\e668";
+}
+
+.sdoc-bottom-alignment:before {
+  content: "\e669";
+}
+
+.sdoc-top-alignment:before {
+  content: "\e66a";
+}
+
+.sdoc-all-read:before {
+  content: "\e65d";
+}
+
+.sdoc-freezed:before {
+  content: "\e667";
+}
+
+.sdoc-callout-color:before {
+  content: "\e666";
+}
+
+.sdoc-callout-icon:before {
+  content: "\e665";
+}
+
+.sdoc-trumpet:before {
+  content: "\e664";
+}
+
+.sdoc-light-bulb:before {
+  content: "\e663";
+}
+
+.sdoc-danger:before {
+  content: "\e662";
+}
+
+.sdoc-prohibit:before {
+  content: "\e661";
+}
+
+.sdoc-filter:before {
+  content: "\e65e";
+}
+
+.sdoc-chart:before {
+  content: "\e65b";
+}
+
+.sdoc-comment-quote:before {
+  content: "\e660";
+}
+
+.sdoc-find-replace:before {
+  content: "\e65f";
+}
+
+.sdoc-jump-to:before {
+  content: "\e65a";
+}
+
+.sdoc-callout:before {
+  content: "\e65c";
+}
+
+.sdoc-add:before {
+  content: "\e658";
+}
+
+.sdoc-tag:before {
+  content: "\e659";
+}
+
+.sdoc-describe:before {
+  content: "\e657";
+}
+
+.sdoc-add-comment:before {
+  content: "\e63b";
+}
+
+.sdoc-comment-count:before {
+  content: "\e656";
+}
+
+.sdoc-link-file:before {
+  content: "\e654";
+}
+
+.sdoc-sm-close:before {
+  content: "\e655";
+}
+
+.sdoc-merge-cell:before {
+  content: "\e653";
+}
+
+.sdoc-download:before {
+  content: "\e652";
+}
+
+.sdoc-next-page:before {
+  content: "\e626";
+}
+
+.sdoc-previous-page:before {
+  content: "\e651";
+}
+
+.sdoc-save-tip:before {
+  content: "\e650";
+}
+
+.sdoc-file:before {
+  content: "\e60f";
+}
+
+.sdoc-header6:before {
+  content: "\e60e";
+}
+
+.sdoc-more-vertical-right:before {
+  content: "\e60b";
+}
+
+.sdoc-more-vertical:before {
+  content: "\e60c";
+}
+
+.sdoc-append:before {
+  content: "\e60d";
+}
+
+.sdoc-quote1:before {
+  content: "\e60a";
+}
+
+.sdoc-cut:before {
+  content: "\e609";
+}
+
+.sdoc-header5:before {
+  content: "\e604";
+}
+
+.sdoc-header2:before {
+  content: "\e605";
+}
+
+.sdoc-header3:before {
+  content: "\e606";
+}
+
+.sdoc-header1:before {
+  content: "\e607";
+}
+
+.sdoc-header4:before {
+  content: "\e608";
+}
+
+.sdoc-text:before {
+  content: "\e603";
+}
+
+.sdoc-close1:before {
+  content: "\e647";
+}
+
+.sdoc-rename:before {
+  content: "\e620";
+}
+
+.sdoc-align-center:before {
+  content: "\e62e";
+}
+
+.sdoc-table:before {
+  content: "\e643";
+}
+
+.sdoc-list-ol:before {
+  content: "\e644";
+}
+
+.sdoc-strikethrough:before {
+  content: "\e645";
+}
+
+.sdoc-link:before {
+  content: "\e648";
+}
+
+.sdoc-list-ul:before {
+  content: "\e649";
+}
+
+.sdoc-auto-linefeed:before {
+  content: "\e64a";
+}
+
+.sdoc-delete-table:before {
+  content: "\e64b";
+}
+
+.sdoc-image:before {
+  content: "\e64c";
+}
+
+.sdoc-align-right:before {
+  content: "\e64d";
+}
+
+.sdoc-text-link:before {
+  content: "\e64e";
+}
+
+.sdoc-check-square:before {
+  content: "\e624";
+}
+
+.sdoc-italic:before {
+  content: "\e625";
+}
+
+.sdoc-copy:before {
+  content: "\e627";
+}
+
+.sdoc-caret-up:before {
+  content: "\e62f";
+}
+
+.sdoc-increase-font-size:before {
+  content: "\e630";
+}
+
+.sdoc-subscripts:before {
+  content: "\e632";
+}
+
+.sdoc-redo:before {
+  content: "\e633";
+}
+
+.sdoc-more:before {
+  content: "\e634";
+}
+
+.sdoc-column:before {
+  content: "\e611";
+}
+
+.sdoc-insert:before {
+  content: "\e636";
+}
+
+.sdoc-delete:before {
+  content: "\e637";
+}
+
+.sdoc-bg-color:before {
+  content: "\e638";
+}
+
+.sdoc-align-left:before {
+  content: "\e639";
+}
+
+.sdoc-underline:before {
+  content: "\e63a";
+}
+
+.sdoc-row:before {
+  content: "\e63c";
+}
+
+.sdoc-highlight-color:before {
+  content: "\e614";
+}
+
+.sdoc-format-clear:before {
+  content: "\e612";
+}
+
+.sdoc-drop-down:before {
+  content: "\e615";
+}
+
+.sdoc-font-color:before {
+  content: "\e616";
+}
+
+.sdoc-inline-link:before {
+  content: "\e617";
+}
+
+.sdoc-revoke:before {
+  content: "\e61a";
+}
+
+.sdoc-quote:before {
+  content: "\e61b";
+}
+
+.sdoc-bold:before {
+  content: "\e61d";
+}
+
+.sdoc-unlink:before {
+  content: "\e61e";
+}
+
+.sdoc-card-link:before {
+  content: "\e61f";
+}
+
+.sdoc-code-block:before {
+  content: "\e621";
+}
+
+.sdoc-reduce-font-size:before {
+  content: "\e623";
+}
+
+.sdoc-close:before {
+  content: "\e610";
+}
+
+.sdoc-superscripts:before {
+  content: "\e613";
+}
+
+.sdoc-document:before {
+  content: "\e646";
+}
+
+.sdoc-confirm:before {
+  content: "\e640";
+}
+
+.sdoc-more-options:before {
+  content: "\e641";
+}
+
+.sdoc-comments:before {
+  content: "\e642";
+}
+
+.sdoc-right-slide:before {
+  content: "\e602";
+}
+
+.sdoc-revise:before {
+  content: "\e63f";
+}
+
+.sdoc-starred:before {
+  content: "\e63d";
+}
+
+.sdoc-unstarred:before {
+  content: "\e63e";
+}
+
+.sdoc-cancel:before {
+  content: "\e631";
+}
+
+.sdoc-fullscreen:before {
+  content: "\e635";
+}
+
+.sdoc-check-circle:before {
+  content: "\e62a";
+}
+
+.sdoc-description:before {
+  content: "\e62b";
+}
+
+.sdoc-exclamation-triangle:before {
+  content: "\e62c";
+}
+
+.sdoc-exclamation-circle:before {
+  content: "\e62d";
+}
+
+.sdoc-history:before {
+  content: "\e618";
+}
+
+.sdoc-quote-left:before {
+  content: "\e619";
+}
+
+.sdoc-menu:before {
+  content: "\e61c";
+}
+
+.sdoc-share:before {
+  content: "\e622";
+}
+
+.sdoc-user:before {
+  content: "\e629";
+}
+

package/public/media/sdoc-editor-font/iconfont.svg

@@ -14,6 +14,22 @@
     />
       <missing-glyph />
       
+      <glyph glyph-name="sdoc-send-arrow" unicode="&#59006;" d="M1024 384c0-281.6-230.4-512-512-512S0 102.4 0 384 230.4 896 512 896s512-230.4 512-512zM476.8 652.8l-233.6-233.6c-19.2-19.2-19.2-54.4 0-73.6s54.4-19.2 73.6 0l144 144v-336c0-28.8 22.4-54.4 54.4-54.4s54.4 22.4 54.4 54.4V489.6l144-144c19.2-19.2 54.4-19.2 73.6 0s19.2 54.4 0 73.6l-233.6 233.6c-22.4 22.4-57.6 22.4-76.8 0z"  horiz-adv-x="1024" />
+      
+      <glyph glyph-name="sdoc-try-again" unicode="&#59007;" d="M320 416L0 624 320 832v-160h352c195.2 0 352-156.8 352-352s-156.8-352-352-352H128v96h544c140.8 0 256 115.2 256 256s-115.2 256-256 256H320v-160z"  horiz-adv-x="1024" />
+      
+      <glyph glyph-name="sdoc-ai-translate" unicode="&#59008;" d="M934.4-99.2l-64 131.2H576l-64-131.2c-12.8-22.4-41.6-35.2-67.2-22.4s-35.2 44.8-25.6 67.2l80 147.2 156.8 316.8c12.8 25.6 38.4 41.6 64 41.6s51.2-12.8 64-41.6l156.8-316.8 76.8-153.6c9.6-22.4 0-51.2-19.2-60.8-9.6-6.4-16-6.4-25.6-6.4-16 0-32 9.6-38.4 28.8zM624 128h192l-99.2 192-92.8-192z m-576-105.6c-19.2 0-32 9.6-41.6 28.8-9.6 22.4 0 51.2 22.4 60.8C131.2 160 224 230.4 297.6 313.6c-51.2 70.4-92.8 140.8-121.6 208-9.6 25.6 6.4 54.4 28.8 64 22.4 6.4 51.2-6.4 60.8-28.8 22.4-54.4 51.2-112 89.6-163.2 64 92.8 112 198.4 140.8 310.4h-448C19.2 704 0 723.2 0 752S19.2 800 48 800h256V848C304 876.8 323.2 896 352 896s48-19.2 48-48V800h256c28.8 0 48-19.2 48-48S684.8 704 656 704h-67.2c-28.8-140.8-92.8-272-176-384l70.4-57.6c16-12.8 19.2-48 0-64-19.2-19.2-44.8-16-64 0l-60.8 48c-80-89.6-176-163.2-288-217.6-9.6-3.2-19.2-6.4-22.4-6.4z"  horiz-adv-x="1024" />
+      
+      <glyph glyph-name="sdoc-insert-below" unicode="&#59009;" d="M1024 864H0v-96h1024V864zM0 576v-288c0-172.8 134.4-297.6 307.2-304h12.8v-67.2c0-19.2 12.8-32 32-32 9.6 0 16 3.2 22.4 9.6L512 32l-137.6 137.6c-12.8 12.8-32 12.8-44.8 0-6.4-6.4-9.6-12.8-9.6-22.4v-67.2c-102.4 0-217.6 96-224 195.2V576H0z m608-480v-96h416v96H608zM256 480v-96h768v96H256z"  horiz-adv-x="1024" />
+      
+      <glyph glyph-name="sdoc-continue-writing" unicode="&#59010;" d="M572.792306 886.271631c-12.79838 9.598785-28.796355 12.79838-44.794331 6.39919s-25.59676-12.79838-31.99595-28.796355L352.020247 521.517795c-6.39919-12.79838-12.79838-22.397165-22.397165-31.99595l-111.985827-83.189471C179.242115 374.336423 160.044544 319.943307 160.044544 275.148976c0-31.995951 6.39919-99.187447 19.197571-204.774083l-47.993926-111.985827c-15.997975-3.199595-28.796355-12.79838-31.995951-28.796355-6.39919-15.997975-3.199595-31.995951 9.598786-44.794331 6.39919-6.39919 15.997975-12.79838 28.796355-12.79838H767.967604v95.987852H256.032396l25.59676 41.594735 191.975703 60.792306c44.794331 15.997975 76.790281 47.993926 92.788257 92.788257l44.794331 131.183397c3.199595 12.79838 12.79838 22.397165 22.397165 31.99595l271.965579 255.967604c12.79838 9.598785 15.997975 25.59676 15.997976 41.594736s-9.598785 28.796355-22.397166 38.395141L572.792306 886.271631z m-79.989876-678.314151c-6.39919-19.19757-22.397165-38.395141-44.794331-44.79433l-134.382992-44.794331 134.382992 191.975703c12.79838 3.199595 22.397165 9.598785 28.796355 22.397165 3.199595 12.79838 3.199595 28.796355-6.39919 38.395141-6.39919 9.598785-19.19757 12.79838-28.796355 12.79838-9.598785 0-22.397165-6.39919-28.796356-15.997975-6.39919-6.39919-6.39919-19.19757-6.39919-25.59676l-134.382992-191.975704-6.39919 140.782183c0 22.397165 9.598785 41.594736 25.59676 57.592711l86.389067 73.590686c15.997975 12.79838 25.59676 28.796355 35.195545 44.794331l6.399191 12.79838 153.580562-108.786232-6.39919-6.39919c-12.79838-12.79838-25.59676-28.796355-31.995951-47.993926l-41.594735-108.786232z m131.183397 233.570439l-163.179348 118.385017 99.187447 214.372868L799.963555 607.906862l-175.977728-166.378943z"  horiz-adv-x="1024" />
+      
+      <glyph glyph-name="sdoc-replace" unicode="&#59011;" d="M278.4 505.6V608h505.6c67.2 0 80-92.8 80-80v96C864 672 828.8 704 780.8 704H278.4V806.4c0 25.6-25.6 32-48 19.2l-224-147.2c-3.2-6.4-6.4-12.8-6.4-19.2 0-6.4 3.2-16 9.6-19.2 137.6-92.8 211.2-144 224-153.6 16-12.8 44.8-6.4 44.8 19.2z m467.2-243.2V160H240C172.8 160 160 252.8 160 240v-96C160 96 195.2 64 243.2 64h502.4v-102.4c0-25.6 25.6-32 48-19.2l224 147.2c6.4 6.4 9.6 12.8 9.6 19.2s-3.2 16-9.6 19.2c-137.6 92.8-211.2 144-224 153.6-19.2 12.8-48 6.4-48-19.2z"  horiz-adv-x="1027" />
+      
+      <glyph glyph-name="sdoc-adjust" unicode="&#59012;" d="M230.4 844.8L51.2 665.6c-25.6-25.6-25.6-64 0-89.6L704-76.8c25.6-25.6 64-22.4 89.6 0l179.2 179.2c25.6 25.6 25.6 64 0 89.6L320 844.8c-25.6 25.6-64 25.6-89.6 0zM192 326.4l-48-96-96-48 96-48 48-96 48 96 96 48-96 48-48 96z m352 137.6l316.8-307.2-118.4-115.2-313.6 307.2 115.2 115.2z m-83.2 76.8L352 435.2 169.6 617.6l112 108.8 179.2-185.6zM832 848l-48-96-96-48 96-48 48-96 48 96 96 48-96 48-48 96z m-262.4 0l-28.8-57.6-57.6-28.8 57.6-28.8 28.8-60.8 28.8 57.6 57.6 28.8-57.6 28.8-28.8 60.8z"  horiz-adv-x="1024" />
+      
+      <glyph glyph-name="sdoc-ask-ai" unicode="&#59013;" d="M585.6 643.2L678.4 896l92.8-252.8 252.8-92.8-252.8-92.8-92.8-249.6-92.8 249.6-249.6 92.8 249.6 92.8zM185.6 198.4L256 384l70.4-185.6L512 128l-185.6-70.4L256-128l-70.4 185.6L0 128z"  horiz-adv-x="1024" />
+      
       <glyph glyph-name="sdoc-check-mark" unicode="&#59005;" d="M44.8 371.2c-19.2 22.4-16 54.4 6.4 73.6s54.4 16 73.6-6.4l243.2-300.8L896 745.6c19.2 22.4 54.4 28.8 76.8 9.6 22.4-19.2 25.6-51.2 6.4-76.8-384-441.6-576-665.6-588.8-678.4-12.8-16-35.2-12.8-44.8 0-6.4 6.4-105.6 134.4-300.8 371.2z"  horiz-adv-x="1024" />
       
       <glyph glyph-name="sdoc-play" unicode="&#59004;" d="M512 896C230.4 896 0 665.6 0 384s230.4-512 512-512 512 230.4 512 512c0 134.4-54.4 265.6-150.4 361.6S646.4 896 512 896z m0-944c-236.8 0-432 192-432 432S275.2 816 512 816s432-192 432-432c0-115.2-44.8-224-124.8-304s-192-128-307.2-128z m185.6 457.6l-134.4 76.8-140.8 83.2c-9.6 3.2-19.2 3.2-25.6-3.2-6.4-6.4-12.8-16-9.6-25.6v-320c0-9.6 3.2-19.2 9.6-25.6s16-6.4 25.6-3.2l140.8 83.2 134.4 76.8c9.6 6.4 12.8 16 12.8 25.6s-6.4 28.8-12.8 32z"  horiz-adv-x="1024" />

package/public/media/sdoc-editor-font.css

@@ -1,14 +1,14 @@
 @font-face {
   font-family: "sdocfont";
   /* Project id 4097705 */
-  src: url('./sdoc-editor-font/iconfont.eot?t=1732777032005');
+  src: url('./sdoc-editor-font/iconfont.eot?t=1734577970007');
   /* IE9 */
-  src: url('./sdoc-editor-font/iconfont.eot?t=1732777032005#iefix') format('embedded-opentype'),
+  src: url('./sdoc-editor-font/iconfont.eot?t=1734577970007#iefix') format('embedded-opentype'),
     /* IE6-IE8 */
-    url('./sdoc-editor-font/iconfont.woff2?t=1732777032005') format('woff2'),
-    url('./sdoc-editor-font/iconfont.woff?t=1732777032005') format('woff'),
-    url('./sdoc-editor-font/iconfont.ttf?t=1732777032005') format('truetype'),
-    url('./sdoc-editor-font/iconfont.svg?t=1732777032005#sdocfont') format('svg');
+    url('./sdoc-editor-font/iconfont.woff2?t=1734577970007') format('woff2'),
+    url('./sdoc-editor-font/iconfont.woff?t=1734577970007') format('woff'),
+    url('./sdoc-editor-font/iconfont.ttf?t=1734577970007') format('truetype'),
+    url('./sdoc-editor-font/iconfont.svg?t=1734577970007#sdocfont') format('svg');
 }
 
 .sdocfont {
@@ -19,6 +19,38 @@
   -moz-osx-font-smoothing: grayscale;
 }
 
+.sdoc-send-arrow:before {
+  content: "\e67e";
+}
+
+.sdoc-try-again:before {
+  content: "\e67f";
+}
+
+.sdoc-ai-translate:before {
+  content: "\e680";
+}
+
+.sdoc-insert-below:before {
+  content: "\e681";
+}
+
+.sdoc-continue-writing:before {
+  content: "\e682";
+}
+
+.sdoc-replace:before {
+  content: "\e683";
+}
+
+.sdoc-adjust:before {
+  content: "\e684";
+}
+
+.sdoc-ask-ai:before {
+  content: "\e685";
+}
+
 .sdoc-check-mark:before {
   content: "\e67d";
 }