feat: update version

package.json

@@ -1,6 +1,6 @@
 {
   "name": "@seafile/seafile-editor",
-  "version": "1.0.119",
+  "version": "1.0.120",
   "description": "",
   "main": "dist/index.js",
   "scripts": {

src/constants/event-types.js

@@ -6,6 +6,7 @@ export const INTERNAL_EVENTS = {
   ON_SELECT_ALL_CELL: 'on_select_all_cell',
   ON_TOGGLE_IMAGE_POPOVER: 'on_toggle_image_popover',
   OUTLINE_STATE_CHANGED: 'outline_state_changed',
+  RESIZE_ARTICLE: 'resize_article',
 };
 
 export const EXTERNAL_EVENTS = {

src/containers/article-info/index.js

@@ -2,7 +2,7 @@ import React, { useCallback, useState, useMemo, useEffect } from 'react';
 import PropTypes from 'prop-types';
 import ResizeWidth from './resize-width';
 import EventBus from '../../utils/event-bus';
-import { EXTERNAL_EVENTS } from '../../constants/event-types';
+import { EXTERNAL_EVENTS, INTERNAL_EVENTS } from '../../constants/event-types';
 
 import './style.css';
 
@@ -30,6 +30,8 @@ const ArticleInfo = ({ isVisible }) => {
   const resizeWidth = useCallback((width) => {
     if (width >= MIN_PANEL_WIDTH && width <= MAX_PANEL_WIDTH) {
       setWidth(width);
+      const eventBus = EventBus.getInstance();
+      eventBus.dispatch(INTERNAL_EVENTS.RESIZE_ARTICLE);
     }
   }, []);
 
@@ -58,6 +60,11 @@ const ArticleInfo = ({ isVisible }) => {
   // eslint-disable-next-line react-hooks/exhaustive-deps
   }, []);
 
+  useEffect(() => {
+    const eventBus = EventBus.getInstance();
+    eventBus.dispatch(INTERNAL_EVENTS.RESIZE_ARTICLE);
+  }, [isVisible, fileDetails]);
+
   const { component: fileDetailsComponent, props: fileDetailsProps } = fileDetails || {};
   return (
     <div className="sf-article-info-container-wrapper" style={containerWrapperStyle}>

src/editors/slate-editor/editor-help/index.js

@@ -1,7 +1,7 @@
 import React, { useCallback, useEffect, useState } from 'react';
 import classNames from 'classnames';
 import EventBus from '../../../utils/event-bus';
-import { EXTERNAL_EVENTS } from '../../../constants/event-types';
+import { EXTERNAL_EVENTS, INTERNAL_EVENTS } from '../../../constants/event-types';
 import HotKeysHelper from '../../../containers/hotkeys-helper';
 import ArticleInfo from '../../../containers/article-info';
 
@@ -20,6 +20,8 @@ export default function EditorHelp({ children }) {
   const updateHelpInfoState = useCallback((state) => {
     setIsShowHelpInfo(state);
     setIsShowArticleInfo(false);
+    const eventBus = EventBus.getInstance();
+    eventBus.dispatch(INTERNAL_EVENTS.RESIZE_ARTICLE);
   }, []);
 
   useEffect(() => {

src/editors/slate-editor/index.js

@@ -43,17 +43,16 @@ export default function SlateEditor({ value, editorApi, onSave, onContentChanged
     }
   }, []);
 
-  useEffect(() => {
-    const eventBus = EventBus.getInstance();
-    const unsubscribeOutline = eventBus.subscribe(INTERNAL_EVENTS.OUTLINE_STATE_CHANGED, handleWindowResize);
-    return unsubscribeOutline;
-  }, [handleWindowResize]);
-
   useEffect(() => {
     handleWindowResize();
     window.addEventListener('resize', handleWindowResize);
+    const eventBus = EventBus.getInstance();
+    const unsubscribeOutline = eventBus.subscribe(INTERNAL_EVENTS.OUTLINE_STATE_CHANGED, handleWindowResize);
+    const unsubscribeResizeArticle = eventBus.subscribe(INTERNAL_EVENTS.RESIZE_ARTICLE, handleWindowResize);
     return () => {
       window.removeEventListener('resize', handleWindowResize);
+      unsubscribeOutline();
+      unsubscribeResizeArticle();
     };
     // eslint-disable-next-line react-hooks/exhaustive-deps
   }, []);