@seafile/sdoc-editor 2.0.127-test-0.0.5 → 2.0.127-test-0.0.7

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (3) hide show
  1. package/dist/extension/plugins/whiteboard/index.css +14 -9
  2. package/dist/extension/plugins/whiteboard/render-elem.js +23 -27
  3. package/package.json +1 -1
package/dist/extension/plugins/whiteboard/index.css CHANGED
@@ -22,15 +22,20 @@
22
22
  z-index: 2;
23
23
  }
24
24
 
25
- .sdoc-whiteboard-element #wrapper {
26
- height: 100% !important;
27
- }
28
-
29
- .sdoc-whiteboard-element .excali-container {
30
- width: 100% !important;
31
- height: 100% !important;
25
+ .sdoc-whiteboard-container .iframe-overlay {
26
+ position: absolute;
27
+ top: 0;
28
+ left: 0;
29
+ width: 100%;
30
+ height: 100%;
31
+ cursor: pointer;
32
+ z-index: 2;
32
33
  }
33
34
 
34
- .sdoc-whiteboard-element .excali-container .App-bottom-bar {
35
- display: none !important;
35
+ .sdoc-whiteboard-container .sdoc-whiteboard-element {
36
+ width: 100%;
37
+ height: 100%;
38
+ border: none;
39
+ position: relative;
40
+ z-index: 1;
36
41
  }
package/dist/extension/plugins/whiteboard/render-elem.js CHANGED
@@ -1,16 +1,17 @@
1
1
  "use strict";
2
2
 
3
- var _interopRequireWildcard = require("@babel/runtime/helpers/interopRequireWildcard")["default"];
4
3
  var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault")["default"];
4
+ var _interopRequireWildcard = require("@babel/runtime/helpers/interopRequireWildcard")["default"];
5
5
  Object.defineProperty(exports, "__esModule", {
6
6
  value: true
7
7
  });
8
8
  exports.renderWhiteboard = renderWhiteboard;
9
- var _createForOfIteratorHelper2 = _interopRequireDefault(require("@babel/runtime/helpers/esm/createForOfIteratorHelper"));
10
9
  var _react = _interopRequireWildcard(require("react"));
11
10
  var _slateReact = require("@seafile/slate-react");
12
11
  var _classnames = _interopRequireDefault(require("classnames"));
12
+ var _constants = require("../../../constants");
13
13
  var _context = _interopRequireDefault(require("../../../context"));
14
+ var _eventBus = _interopRequireDefault(require("../../../utils/event-bus"));
14
15
  require("./index.css");
15
16
  var Whiteboard = function Whiteboard(_ref) {
16
17
  var editor = _ref.editor,
@@ -25,28 +26,25 @@ var Whiteboard = function Whiteboard(_ref) {
25
26
  var handleMessage = function handleMessage(event) {
26
27
  var _event$data;
27
28
  if (((_event$data = event.data) === null || _event$data === void 0 ? void 0 : _event$data.type) === 'checkSdocParent') {
28
- var allIframes = document.querySelectorAll('iframe');
29
- var _iterator = (0, _createForOfIteratorHelper2["default"])(allIframes),
30
- _step;
31
- try {
32
- for (_iterator.s(); !(_step = _iterator.n()).done;) {
33
- var iframe = _step.value;
34
- var isSdocClass = iframe.classList.contains('sdoc-whiteboard-element');
35
- iframe.contentWindow.postMessage({
36
- type: 'checkSdocParentResult',
37
- isInSdoc: isSdocClass
38
- }, '*');
39
- }
40
- } catch (err) {
41
- _iterator.e(err);
42
- } finally {
43
- _iterator.f();
44
- }
29
+ var isSdocClass = whiteboardRef === null || whiteboardRef === void 0 ? void 0 : whiteboardRef.current.classList.contains('sdoc-whiteboard-element');
30
+ whiteboardRef === null || whiteboardRef === void 0 ? void 0 : whiteboardRef.current.contentWindow.postMessage({
31
+ type: 'checkSdocParentResult',
32
+ isInSdoc: isSdocClass
33
+ }, '*');
45
34
  }
46
35
  };
36
+ var handleWindowResize = function handleWindowResize() {
37
+ whiteboardRef === null || whiteboardRef === void 0 ? void 0 : whiteboardRef.current.contentWindow.postMessage({
38
+ type: 'resizeWindowWidth',
39
+ isResize: true
40
+ }, '*');
41
+ };
42
+ var eventBus = _eventBus["default"].getInstance();
43
+ var unsubscribeResizeArticle = eventBus.subscribe(_constants.INTERNAL_EVENT.RESIZE_ARTICLE, handleWindowResize);
47
44
  window.addEventListener('message', handleMessage);
48
45
  return function () {
49
46
  window.removeEventListener('message', handleMessage);
47
+ unsubscribeResizeArticle();
50
48
  };
51
49
  }, []);
52
50
  var handleDoubleClick = function handleDoubleClick(event) {
@@ -60,21 +58,19 @@ var Whiteboard = function Whiteboard(_ref) {
60
58
  className: (0, _classnames["default"])('sdoc-whiteboard-container', {
61
59
  'isSelected': isSelected
62
60
  }),
63
- ref: whiteboardRef,
64
61
  onDoubleClick: handleDoubleClick,
65
62
  scrolling: "no"
66
63
  }, /*#__PURE__*/_react["default"].createElement("div", {
67
64
  className: "sdoc-whiteboard-title"
68
- }, title), /*#__PURE__*/_react["default"].createElement("iframe", {
65
+ }, title), /*#__PURE__*/_react["default"].createElement("div", {
66
+ className: "iframe-overlay",
67
+ onDoubleClick: handleDoubleClick
68
+ }, /*#__PURE__*/_react["default"].createElement("iframe", {
69
69
  className: "sdoc-whiteboard-element",
70
70
  title: title,
71
71
  src: link,
72
- style: {
73
- width: '100%',
74
- height: '100%',
75
- border: 'none'
76
- }
77
- }));
72
+ ref: whiteboardRef
73
+ })));
78
74
  };
79
75
  function renderWhiteboard(props, editor) {
80
76
  var element = props.element,
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@seafile/sdoc-editor",
3
- "version": "2.0.127-test-0.0.5",
3
+ "version": "2.0.127-test-0.0.7",
4
4
  "main": "dist/index.js",
5
5
  "scripts": {
6
6
  "test": "jest",