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

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

@@ -38,15 +38,18 @@ const ArticleInfo = _ref => {
     }
   }, []);
   const resizeWidthEnd = (0, _react.useCallback)(width => {
-    const panelWidth = JSON.parse(window.localStorage.getItem('sf-editor-panel-width') || '{}');
-    window.localStorage.setItem('sf-editor-panel-width', JSON.stringify({
-      ...panelWidth,
-      width
+    const settings = JSON.parse(window.localStorage.getItem('sf-editor') || '{}');
+    window.localStorage.setItem('sf-editor', JSON.stringify({
+      ...settings,
+      panelWidth: width
     }));
   }, []);
   (0, _react.useEffect)(() => {
-    const panelWidth = JSON.parse(window.localStorage.getItem('sf-editor-panel-width', '{}')) || {};
-    const width = Math.max(MIN_PANEL_WIDTH, Math.min(parseInt(panelWidth.width, 10) || MIN_PANEL_WIDTH, MAX_PANEL_WIDTH));
+    const settings = JSON.parse(window.localStorage.getItem('sf-editor', '{}')) || {};
+    const {
+      panelWidth
+    } = settings;
+    const width = Math.max(MIN_PANEL_WIDTH, Math.min(parseInt(panelWidth, 10) || MIN_PANEL_WIDTH, MAX_PANEL_WIDTH));
     setWidth(width);
   }, []);
   const handleFileDetails = (0, _react.useCallback)(fileDetails => {

package/dist/containers/outline/index.js

@@ -59,7 +59,7 @@ const Outline = _ref => {
     setOutlineSetting(nextState);
     setIsShown(nextState);
     const eventBus = _eventBus.default.getInstance();
-    eventBus.dispatch(_eventTypes.INTERNAL_EVENTS.OUTLINE_STATE_CHANGED, nextState);
+    eventBus.dispatch(_eventTypes.INTERNAL_EVENTS.OUTLINE_STATE_CHANGED);
   }, []);
   const toggleShow = (0, _react.useCallback)(() => {
     const nextState = !isShown;
@@ -77,8 +77,10 @@ const Outline = _ref => {
   }, [scrollRef]);
   (0, _react.useEffect)(() => {
     const outlineState = getOutlineSetting();
+    console.log(outlineState);
     updateOutlineState(outlineState);
-  }, [updateOutlineState]);
+    // eslint-disable-next-line react-hooks/exhaustive-deps
+  }, []);
   return /*#__PURE__*/_react.default.createElement("div", {
     className: (0, _classnames.default)('sf-editor-outline-wrapper', {
       'active': isShown

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

@@ -18,7 +18,7 @@ var _core = require("../../extension/core");
 var _useScrollContext = require("../../hooks/use-scroll-context");
 var _useInsertImage = _interopRequireDefault(require("../../hooks/use-insert-image"));
 var _common = require("../../utils/common");
-var _outline = _interopRequireDefault(require("../../containers/outline"));
+var _outline = _interopRequireWildcard(require("../../containers/outline"));
 var _eventTypes = require("../../constants/event-types");
 require("./style.css");
 const isMacOS = (0, _common.isMac)();
@@ -46,11 +46,12 @@ function SlateEditor(_ref) {
   const decorate = (0, _extension.useHighlight)(editor);
 
   // Adjust article container margin-left value according to isShown of the outline and width of window
-  const handleWindowResize = (0, _react.useCallback)(newIsShown => {
+  const handleWindowResize = (0, _react.useCallback)(() => {
     const rect = scrollRef.current.getBoundingClientRect();
     const articleElement = document.querySelector('.article');
     const articleRect = articleElement ? articleElement.getBoundingClientRect() : null;
-    if (newIsShown && articleRect && (rect.width - articleRect.width) / 2 < 280) {
+    const isOutlineShow = (0, _outline.getOutlineSetting)();
+    if (isOutlineShow && articleRect && (rect.width - articleRect.width) / 2 < 280) {
       setContainerStyle({
         marginLeft: 280
       });

package/package.json

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