@seafile/sdoc-editor 1.0.198-test1.5 → 1.0.198-test1.7

package/dist/basic-sdk/extension/commons/insert-element-dialog/index.js

@@ -27,7 +27,7 @@ const InsertElementDialog = _ref => {
   let {
     editor
   } = _ref;
-  console.log(3, editor);
+  console.log(3, editor.selection);
   const [dialogType, setDialogType] = (0, _react.useState)('');
   const [element, setElement] = (0, _react.useState)('');
   const [insertPosition, setInsertPosition] = (0, _react.useState)(_constants2.INSERT_POSITION.CURRENT);
@@ -98,7 +98,7 @@ const InsertElementDialog = _ref => {
       // link shortcut wrapping link
       handleSubmit
     } = _ref2;
-    console.log(5, insertWhiteboard, paramEditor);
+    console.log(5, insertSdocFileLinkCallback, insertWhiteboard, paramEditor);
     setInsertPosition(insertPosition);
     setSlateNode(slateNode);
     setElement(element);
@@ -183,7 +183,7 @@ const InsertElementDialog = _ref => {
           insertWhiteboardFile,
           closeDialog
         };
-        console.log(555, editor, insertWhiteboardFile);
+        console.log(555, editor.selection, insertWhiteboardFile);
         return /*#__PURE__*/_react.default.createElement(_index.default, whiteboardProps);
       }
     case _constants2.LOCAL_IMAGE:

package/dist/basic-sdk/extension/commons/select-file-dialog/index.js

@@ -24,7 +24,7 @@ const SelectSdocFileDialog = _ref => {
     insertLinkCallback,
     insertWhiteboardFile
   } = _ref;
-  console.log(3, insertWhiteboardFile);
+  console.log(3, editor.selection);
   const {
     t
   } = (0, _reactI18next.useTranslation)('sdoc-editor');

package/dist/basic-sdk/extension/plugins/video/menu/index.js

@@ -44,7 +44,7 @@ const VideoMenu = _ref => {
     hideArrow: true,
     fade: false
   }, /*#__PURE__*/_react.default.createElement("div", {
-    className: "sdoc-insert-video-menu-popover-container sdoc-dropdown-menu-container"
+    className: "sdoc-insert-video-menu-popover-container sdoc-dropdown-menu-container 333"
   }, /*#__PURE__*/_react.default.createElement("div", {
     className: "sdoc-dropdown-menu-item",
     onClick: openLocalVideoDialog

package/dist/basic-sdk/extension/plugins/whiteboard/helpers.js

@@ -13,7 +13,7 @@ var _eventBus = _interopRequireDefault(require("../../../utils/event-bus"));
 var _constants2 = require("../../../../constants");
 const isInsertWhiteboardMenuDisabled = (editor, readonly) => {
   if (readonly) return true;
-  console.log(9, editor);
+  console.log(9, editor.selection);
   const {
     selection
   } = editor;

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

@@ -5,6 +5,13 @@
   border: 1px solid #ccc;
 }
 
+.sdoc-whiteboard-container .isSelected {
+  position: relative;
+  width: 670px;
+  height: 300px;
+  border: 1px solid rgb(0, 123, 255);
+}
+
 .sodoc-whiteboard-title {
   font-size: 14px;
   color: #333;

package/dist/basic-sdk/extension/plugins/whiteboard/menu/index.js

@@ -20,7 +20,7 @@ const WhiteboardMenu = _ref => {
     eventBus,
     toggle
   } = _ref;
-  console.log(1, editor, readonly);
+  console.log(1, editor.selection, readonly);
   const disabled = (0, _helpers.isInsertWhiteboardMenuDisabled)(editor, readonly);
   const menuConfig = _constants.MENUS_CONFIG_MAP[_constants.WHITEBOARD];
   const {
@@ -32,8 +32,7 @@ const WhiteboardMenu = _ref => {
   const openSelectSdocFileDialog = (0, _react.useCallback)(() => {
     eventBus.dispatch(_constants2.INTERNAL_EVENT.INSERT_ELEMENT, {
       type: _constants.ELEMENT_TYPE.WHITEBOARD,
-      insertWhiteboard: _helpers.insertWhiteboard,
-      paramEditor: editor || null
+      insertWhiteboard: _helpers.insertWhiteboard
     });
     toggle && toggle();
   }, [toggle, eventBus]);

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

@@ -7,22 +7,24 @@ Object.defineProperty(exports, "__esModule", {
 });
 exports.renderWhiteboard = renderWhiteboard;
 var _react = _interopRequireWildcard(require("react"));
+var _slateReact = require("@seafile/slate-react");
 var _eventBus = _interopRequireDefault(require("../../../utils/event-bus"));
 var _constants = require("../../../../constants");
 require("./index.css");
+var _classnames = _interopRequireDefault(require("classnames"));
 const Whiteboard = _ref => {
   let {
     editor,
     element
   } = _ref;
   const {
-    children,
     filePath,
     repoID,
     title
   } = element;
   const whiteboardRef = (0, _react.useRef)();
   console.log(33, repoID, filePath);
+  const isSelected = (0, _slateReact.useSelected)();
   const containerId = `whiteboard-${title}`;
   // Set default whiteboard readonly as true
   const readOnly = true;
@@ -30,10 +32,10 @@ const Whiteboard = _ref => {
     event.preventDefault();
     const siteRoot = window.app.config.siteRoot;
     const url = `${siteRoot}lib/${repoID}/file${filePath}`;
-    console.log('doubleclick', url);
     window.open(url, '_blank');
     return;
   };
+  console.log(isSelected);
   (0, _react.useEffect)(() => {
     const eventBus = _eventBus.default.getInstance();
     eventBus.dispatch(_constants.EXTERNAL_EVENT.TLDRAW_EDITOR, {
@@ -46,7 +48,9 @@ const Whiteboard = _ref => {
     });
   }, [filePath, repoID, readOnly, containerId]);
   return /*#__PURE__*/_react.default.createElement("div", {
-    className: "sdoc-whiteboard-container",
+    className: (0, _classnames.default)('sdoc-whiteboard-container', {
+      'isSelected': isSelected
+    }),
     ref: whiteboardRef,
     onDoubleClick: handleDoubleClick
   }, /*#__PURE__*/_react.default.createElement("div", {
@@ -58,11 +62,16 @@ const Whiteboard = _ref => {
 };
 function renderWhiteboard(props, editor) {
   const {
-    element
+    element,
+    children,
+    attributes
   } = props;
-  console.log(3, props);
-  return /*#__PURE__*/_react.default.createElement(Whiteboard, {
+  return /*#__PURE__*/_react.default.createElement("div", Object.assign({}, attributes, {
+    contentEditable: "false",
+    suppressContentEditableWarning: true
+  }), children, /*#__PURE__*/_react.default.createElement(Whiteboard, {
     editor: editor,
-    element: element
-  });
+    element: element,
+    contentEditable: "false"
+  }));
 }

package/dist/basic-sdk/extension/toolbar/header-toolbar/insert-toolbar/index.js

@@ -66,7 +66,7 @@ const InsertToolbar = _ref => {
     readonly,
     toggle
   };
-  console.log(9, props.editor);
+  console.log(9, props.editor.selection);
   return /*#__PURE__*/_react.default.createElement(_react.default.Fragment, null, /*#__PURE__*/_react.default.createElement("button", {
     type: "button",
     className: validClassName,

package/dist/basic-sdk/extension/toolbar/side-toolbar/helpers.js

@@ -130,11 +130,12 @@ const isVoidNode = node => {
   if (!node) return true;
   const hasImage = node.children.find(n => n.type === _constants.IMAGE);
   const isVideo = node.type === _constants.VIDEO;
+  const isWhiteboard = node.type === _constants.WHITEBOARD;
   const isTable = node.type === _constants.TABLE;
   const isCodeBlock = node.type === _constants.CODE_BLOCK;
   const isCallout = node.type === _constants.CALL_OUT;
   const isSeaTableTable = node.type === _constants.SEATABLE_TABLE;
-  return _slate.Node.string(node) === '' && !hasImage && !isVideo && !isTable && !isCodeBlock && !isCallout && !isSeaTableTable;
+  return _slate.Node.string(node) === '' && !hasImage && !isVideo && !isWhiteboard && !isTable && !isCodeBlock && !isCallout && !isSeaTableTable;
 };
 exports.isVoidNode = isVoidNode;
 const isNotSupportTransform = node => {

package/package.json

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