@seafile/sdoc-editor 1.0.198-test1.0 → 1.0.198-test1.2

package/dist/basic-sdk/extension/plugins/whiteboard/index.css

@@ -1,5 +1,5 @@
 .sdoc-whiteboard-container {
   width: 670px;
-  height: auto;
+  height: 300px;
   border: 1px solid #ccc;
 }

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

@@ -10,7 +10,11 @@ var _react = _interopRequireWildcard(require("react"));
 var _eventBus = _interopRequireDefault(require("../../../utils/event-bus"));
 var _constants = require("../../../../constants");
 require("./index.css");
-const Whiteboard = (editor, element) => {
+const Whiteboard = _ref => {
+  let {
+    editor,
+    element
+  } = _ref;
   const {
     children,
     filePath,
@@ -18,29 +22,24 @@ const Whiteboard = (editor, element) => {
     title
   } = element;
   const whiteboardRef = (0, _react.useRef)();
-  const [TldrawComponent, setTldrawComponent] = (0, _react.useState)(null);
   console.log(33, repoID, filePath);
-  const renderWhiteboardEditor = Tldraw => {
-    console.log(4, Tldraw, repoID, filePath);
-    if (Tldraw) {
-      setTldrawComponent(() => Tldraw);
-    }
-  };
+  const containerId = `whiteboard-${title}-draw`;
   (0, _react.useEffect)(() => {
     const eventBus = _eventBus.default.getInstance();
-    const unsubscribeWhiteboardEditor = eventBus.subscribe(_constants.EXTERNAL_EVENT.TLDRAW_EDITOR, renderWhiteboardEditor);
-    console.log(3, renderWhiteboardEditor);
-    return () => {
-      unsubscribeWhiteboardEditor();
-    };
-  }, []);
+    eventBus.dispatch(_constants.EXTERNAL_EVENT.TLDRAW_EDITOR, {
+      containerId,
+      props: {
+        filePath,
+        repoID
+      }
+    });
+    console.log('dispatch', containerId);
+  }, [filePath, repoID]);
   return /*#__PURE__*/_react.default.createElement("div", {
-    id: "sdoc-whiteboard-container",
+    id: containerId,
+    className: "sdoc-whiteboard-container",
     ref: whiteboardRef
-  }, TldrawComponent && /*#__PURE__*/_react.default.createElement(TldrawComponent, {
-    repoID: repoID,
-    filePath: filePath
-  }));
+  });
 };
 function renderWhiteboard(props, editor) {
   const {

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@seafile/sdoc-editor",
-  "version": "1.0.198-test1.0",
+  "version": "1.0.198-test1.2",
   "private": false,
   "description": "This is a sdoc editor",
   "main": "dist/index.js",