@seafile/seafile-editor 1.0.119-beta → 1.0.119-beta2

package/dist/constants/event-types.js

@@ -11,7 +11,8 @@ const INTERNAL_EVENTS = exports.INTERNAL_EVENTS = {
   ON_OPEN_FORMULA_DIALOG: 'on_open_formula_dialog',
   ON_SELECT_ALL_CELL: 'on_select_all_cell',
   ON_TOGGLE_IMAGE_POPOVER: 'on_toggle_image_popover',
-  OUTLINE_STATE_CHANGED: 'outline_state_changed'
+  OUTLINE_STATE_CHANGED: 'outline_state_changed',
+  RESIZE_ARTICLE: 'resize_article'
 };
 const EXTERNAL_EVENTS = exports.EXTERNAL_EVENTS = {
   ON_HELP_INFO_TOGGLE: 'on_help_info_toggle',

package/dist/containers/article-info/index.js

@@ -35,6 +35,9 @@ const ArticleInfo = _ref => {
   const resizeWidth = (0, _react.useCallback)(width => {
     if (width >= MIN_PANEL_WIDTH && width <= MAX_PANEL_WIDTH) {
       setWidth(width);
+      console.log(_eventTypes.INTERNAL_EVENTS.RESIZE_ARTICLE);
+      const eventBus = _eventBus.default.getInstance();
+      eventBus.dispatch(_eventTypes.INTERNAL_EVENTS.RESIZE_ARTICLE);
     }
   }, []);
   const resizeWidthEnd = (0, _react.useCallback)(width => {

package/dist/editors/slate-editor/editor-help/index.js

@@ -22,10 +22,14 @@ function EditorHelp(_ref) {
   const updateArticleInfoState = (0, _react.useCallback)(() => {
     setIsShowArticleInfo(prevState => !prevState);
     setIsShowHelpInfo(false);
+    const eventBus = _eventBus.default.getInstance();
+    eventBus.dispatch(_eventTypes.INTERNAL_EVENTS.RESIZE_ARTICLE);
   }, []);
   const updateHelpInfoState = (0, _react.useCallback)(state => {
     setIsShowHelpInfo(state);
     setIsShowArticleInfo(false);
+    const eventBus = _eventBus.default.getInstance();
+    eventBus.dispatch(_eventTypes.INTERNAL_EVENTS.RESIZE_ARTICLE);
   }, []);
   (0, _react.useEffect)(() => {
     const eventBus = _eventBus.default.getInstance();

package/dist/editors/slate-editor/index.js

@@ -47,6 +47,7 @@ function SlateEditor(_ref) {
 
   // Adjust article container margin-left value according to isShown of the outline and width of window
   const handleWindowResize = (0, _react.useCallback)(() => {
+    console.log('handleWindowResize');
     const rect = scrollRef.current.getBoundingClientRect();
     const articleElement = document.querySelector('.article');
     const articleRect = articleElement ? articleElement.getBoundingClientRect() : null;
@@ -59,22 +60,16 @@ function SlateEditor(_ref) {
       setContainerStyle({});
     }
   }, []);
-  (0, _react.useEffect)(() => {
-    const eventBus = _eventBus.default.getInstance();
-    const unsubscribeOutline = eventBus.subscribe(_eventTypes.INTERNAL_EVENTS.OUTLINE_STATE_CHANGED, handleWindowResize);
-    const unsubscribeArticleInfo = eventBus.subscribe(_eventTypes.EXTERNAL_EVENTS.ON_ARTICLE_INFO_TOGGLE, handleWindowResize);
-    const unsubscribeHelpInfo = eventBus.subscribe(_eventTypes.EXTERNAL_EVENTS.ON_HELP_INFO_TOGGLE, handleWindowResize);
-    return () => {
-      unsubscribeHelpInfo();
-      unsubscribeArticleInfo();
-      unsubscribeOutline();
-    };
-  }, [handleWindowResize]);
   (0, _react.useEffect)(() => {
     handleWindowResize();
     window.addEventListener('resize', handleWindowResize);
+    const eventBus = _eventBus.default.getInstance();
+    const unsubscribeOutline = eventBus.subscribe(_eventTypes.INTERNAL_EVENTS.OUTLINE_STATE_CHANGED, handleWindowResize);
+    const unsubscribeResizeArticle = eventBus.subscribe(_eventTypes.INTERNAL_EVENTS.RESIZE_ARTICLE, handleWindowResize);
     return () => {
       window.removeEventListener('resize', handleWindowResize);
+      unsubscribeOutline();
+      unsubscribeResizeArticle();
     };
     // eslint-disable-next-line react-hooks/exhaustive-deps
   }, []);

package/package.json

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