@seafile/sdoc-editor 2.0.127-test-0.0.4 → 2.0.127-test-0.0.6

package/dist/extension/plugins/whiteboard/render-elem.js

@@ -9,7 +9,9 @@ exports.renderWhiteboard = renderWhiteboard;
 var _react = _interopRequireWildcard(require("react"));
 var _slateReact = require("@seafile/slate-react");
 var _classnames = _interopRequireDefault(require("classnames"));
+var _constants = require("../../../constants");
 var _context = _interopRequireDefault(require("../../../context"));
+var _eventBus = _interopRequireDefault(require("../../../utils/event-bus"));
 require("./index.css");
 var Whiteboard = function Whiteboard(_ref) {
   var editor = _ref.editor,
@@ -20,6 +22,31 @@ var Whiteboard = function Whiteboard(_ref) {
     link = element.link;
   var whiteboardRef = (0, _react.useRef)();
   var isSelected = (0, _slateReact.useSelected)();
+  (0, _react.useEffect)(function () {
+    var handleMessage = function handleMessage(event) {
+      var _event$data;
+      if (((_event$data = event.data) === null || _event$data === void 0 ? void 0 : _event$data.type) === 'checkSdocParent') {
+        var isSdocClass = whiteboardRef === null || whiteboardRef === void 0 ? void 0 : whiteboardRef.current.classList.contains('sdoc-whiteboard-element');
+        whiteboardRef === null || whiteboardRef === void 0 ? void 0 : whiteboardRef.current.contentWindow.postMessage({
+          type: 'checkSdocParentResult',
+          isInSdoc: isSdocClass
+        }, '*');
+      }
+    };
+    var handleWindowResize = function handleWindowResize() {
+      whiteboardRef === null || whiteboardRef === void 0 ? void 0 : whiteboardRef.current.contentWindow.postMessage({
+        type: 'resizeWindowWidth',
+        isResize: true
+      }, '*');
+    };
+    var eventBus = _eventBus["default"].getInstance();
+    var unsubscribeResizeArticle = eventBus.subscribe(_constants.INTERNAL_EVENT.RESIZE_ARTICLE, handleWindowResize);
+    window.addEventListener('message', handleMessage);
+    return function () {
+      window.removeEventListener('message', handleMessage);
+      unsubscribeResizeArticle();
+    };
+  }, []);
   var handleDoubleClick = function handleDoubleClick(event) {
     event.preventDefault();
     var siteRoot = _context["default"].getSetting('siteRoot');
@@ -31,7 +58,6 @@ var Whiteboard = function Whiteboard(_ref) {
     className: (0, _classnames["default"])('sdoc-whiteboard-container', {
       'isSelected': isSelected
     }),
-    ref: whiteboardRef,
     onDoubleClick: handleDoubleClick,
     scrolling: "no"
   }, /*#__PURE__*/_react["default"].createElement("div", {
@@ -44,7 +70,8 @@ var Whiteboard = function Whiteboard(_ref) {
       width: '100%',
       height: '100%',
       border: 'none'
-    }
+    },
+    ref: whiteboardRef
   }));
 };
 function renderWhiteboard(props, editor) {

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@seafile/sdoc-editor",
-  "version": "2.0.127-test-0.0.4",
+  "version": "2.0.127-test-0.0.6",
   "main": "dist/index.js",
   "scripts": {
     "test": "jest",