@seafile/sdoc-editor 0.4.11 → 0.4.13

package/dist/basic-sdk/assets/css/layout.css

@@ -24,7 +24,7 @@
   display: flex;
   flex-direction: row-reverse;
   position: absolute;
-  right: 20px;
+  right: 8px;
   border-right: none;
 }
 

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

@@ -9,8 +9,7 @@ const renderBlockquote = (props, editor) => {
     textAlign: element.align
   };
   return /*#__PURE__*/React.createElement("blockquote", Object.assign({
-    "data-id": element.id,
-    "data-root": "true"
+    "data-id": element.id
   }, attributes, {
     style: style
   }), children);

package/dist/basic-sdk/extension/plugins/callout/plugin.js

@@ -1,4 +1,5 @@
 import isHotkey from 'is-hotkey';
+import { Editor, Transforms } from '@seafile/slate';
 import { PARAGRAPH, INSERT_POSITION, CODE_BLOCK } from '../../constants';
 import { isSelectionAtBlockStart } from '../../core';
 import { getCalloutEntry, isCalloutContentEmpty, unwrapCallout } from './helper';
@@ -52,7 +53,9 @@ const withCallout = editor => {
     return insertFragment(data);
   };
   newEditor.onHotKeyDown = event => {
-    if (getCalloutEntry(editor)) {
+    const calloutEntry = getCalloutEntry(editor);
+    if (calloutEntry) {
+      const [, calloutPath] = calloutEntry;
       // Close color picker
       const eventBus = EventBus.getInstance();
       eventBus.dispatch(INTERNAL_EVENT.CLOSE_CALLOUT_COLOR_PICKER);
@@ -60,9 +63,26 @@ const withCallout = editor => {
         insertElement(newEditor, PARAGRAPH, INSERT_POSITION.AFTER);
         return true;
       }
+      if (isHotkey('mod+a', event)) {
+        event.preventDefault();
+        try {
+          const startPoint = Editor.start(newEditor, calloutPath);
+          const endPoint = Editor.end(newEditor, calloutPath);
+          const selectRange = Editor.range(newEditor, startPoint, endPoint);
+          Transforms.select(newEditor, selectRange);
+          return true;
+        } catch (error) {
+          return true;
+        }
+      }
     }
     return onHotKeyDown && onHotKeyDown(event);
   };
+  newEditor.onCopy = event => {
+    if (getCalloutEntry(editor)) {
+      event.stopPropagation();
+    }
+  };
   return newEditor;
 };
 export default withCallout;

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

@@ -100,7 +100,6 @@ const renderCallout = (_ref, editor) => {
   }, [editor, element, isFocusOnCallout]);
   return /*#__PURE__*/React.createElement("div", Object.assign({}, attributes, {
     "data-id": element.id,
-    "data-root": "true",
     className: "sdoc-callout-white-wrapper",
     onMouseLeave: handleCloseColorSelector
   }), /*#__PURE__*/React.createElement("div", {

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

@@ -33,8 +33,7 @@ class CheckListItem extends React.PureComponent {
       textAlign: align
     };
     return /*#__PURE__*/React.createElement("div", Object.assign({
-      "data-id": id,
-      "data-root": "true"
+      "data-id": id
     }, attributes, {
       className: "sdoc-checkbox-container ".concat(attributes.className),
       style: style

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

@@ -134,8 +134,7 @@ const CodeBlock = _ref => {
     EventBus.getInstance().dispatch(INTERNAL_EVENT.UPDATE_SEARCH_REPLACE_HIGHLIGHT);
   };
   return /*#__PURE__*/React.createElement("div", Object.assign({
-    "data-id": element.id,
-    "data-root": "true"
+    "data-id": element.id
   }, attributes, {
     className: "sdoc-code-block-container ".concat(attributes.className),
     onClick: onFocusCodeBlock,

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

@@ -14,8 +14,7 @@ export const renderTitle = (props, editor) => {
     textAlign: element.align
   };
   return /*#__PURE__*/React.createElement("div", Object.assign({
-    "data-id": element.id,
-    "data-root": "true"
+    "data-id": element.id
   }, attributes, {
     className: "sdoc-header-title ".concat(attributes.className),
     style: _objectSpread({}, style)
@@ -33,8 +32,7 @@ export const renderSubtitle = (props, editor) => {
     textAlign: element.align
   };
   return /*#__PURE__*/React.createElement("div", Object.assign({
-    "data-id": element.id,
-    "data-root": "true"
+    "data-id": element.id
   }, attributes, {
     className: "sdoc-header-subtitle ".concat(attributes.className),
     style: _objectSpread({}, style)
@@ -65,8 +63,6 @@ export const renderHeader = (props, editor) => {
   return /*#__PURE__*/React.createElement("div", Object.assign({
     "data-id": element.id,
     id: element.id // used for click left outline item, page scroll this element
-    ,
-    "data-root": "true"
   }, attributes, {
     className: "sdoc-header-".concat(level, " ").concat(attributes.className),
     style: _objectSpread({

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

@@ -89,7 +89,10 @@ const ImageHoverMenu = _ref => {
           at: [p]
         });
         p = p + 1;
-        if (!afterLeaf.every(item => item.text.length === 0)) {
+        if (!afterLeaf.every(item => {
+          var _item$text;
+          return (item === null || item === void 0 ? void 0 : (_item$text = item.text) === null || _item$text === void 0 ? void 0 : _item$text.length) === 0;
+        })) {
           afterNode = generateEmptyElement(PARAGRAPH);
           afterNode.children = afterLeaf;
           Transforms.insertNodes(editor, afterNode, {

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

@@ -10,7 +10,6 @@ const renderList = (props, editor) => {
   const Tag = node.type === ORDERED_LIST ? 'ol' : 'ul';
   return /*#__PURE__*/React.createElement(Tag, Object.assign({
     "data-id": node.id,
-    "data-root": "true",
     className: "list-container d-flex flex-column"
   }, attributes), children);
 };
@@ -36,8 +35,7 @@ const renderListItem = (props, editor) => {
   }
   const isBlod = element.children[0].children.every(item => item.bold === true);
   return /*#__PURE__*/React.createElement("li", Object.assign({
-    "data-id": element.id,
-    "data-root": "true"
+    "data-id": element.id
   }, attributes, {
     className: classnames(className, {
       'sdoc-li-blod': isBlod
@@ -51,8 +49,7 @@ const renderListLic = (props, editor) => {
     element
   } = props;
   return /*#__PURE__*/React.createElement("div", Object.assign({
-    "data-id": element.id,
-    "data-root": "true"
+    "data-id": element.id
   }, attributes), children);
 };
 export { renderList, renderListItem, renderListLic };

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

@@ -26,12 +26,9 @@ const Paragraph = _ref => {
     textAlign: element.align,
     paddingLeft: indent ? '28px' : ''
   };
-  const newAttributes = _objectSpread(_objectSpread({}, attributes), typeof attributes.onMouseEnter === 'function' && {
-    'data-root': 'true'
-  });
   return /*#__PURE__*/React.createElement("p", Object.assign({
     "data-id": element.id
-  }, newAttributes, {
+  }, attributes, {
     style: _objectSpread({
       position: isShowPlaceHolder ? 'relative' : ''
     }, style)

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

@@ -1398,4 +1398,97 @@ export const getCellHighlightClassName = (primaryColorClassName, rowIndex) => {
     className = TABLE_ALTERNATE_HIGHLIGHT_CLASS_MAP[primaryColorClassName];
   }
   return className;
+};
+export const getRowBottomPositions = (editor, rows) => {
+  const recorder = [];
+  let bottomPosition = 0;
+  rows.forEach(row => {
+    let cellHeight;
+    row.children.forEach(cell => {
+      const currentCellHeight = ReactEditor.toDOMNode(editor, cell).getBoundingClientRect().height;
+      if (!cellHeight || currentCellHeight < cellHeight) cellHeight = currentCellHeight;
+    });
+    bottomPosition += cellHeight;
+    recorder.push(bottomPosition);
+  });
+  return recorder;
+};
+export const focusClosestCellWhenJustifyCellSize = _ref => {
+  let {
+    editor,
+    rowIndex,
+    columnIndex,
+    table,
+    mouseDownInfo,
+    rowBottoms
+  } = _ref;
+  if (!editor) return;
+  const {
+    columns
+  } = table;
+  // Get cursor position in table, calculate columnIndex and rowIndex
+  const tableDom = ReactEditor.toDOMNode(editor, table);
+  const {
+    left,
+    top
+  } = tableDom.getBoundingClientRect();
+  const {
+    positionY,
+    positionX
+  } = mouseDownInfo;
+  const tableScrollWrapper = document.querySelector('.sdoc-table-scroll-wrapper');
+  const scrollX = tableScrollWrapper.scrollLeft;
+  const tableInnerX = positionX - left + scrollX;
+  const tableInnerY = positionY - top;
+  // Calculate columnIndex
+  if (columnIndex === undefined) {
+    let passedColumnsWidth = 0;
+    columns.some((_ref2, index) => {
+      let {
+        width
+      } = _ref2;
+      passedColumnsWidth += width;
+      if (passedColumnsWidth > tableInnerX) {
+        columnIndex = index;
+        return true;
+      }
+      return false;
+    });
+  }
+  // Calculate rowIndex
+  if (rowIndex === undefined) {
+    rowBottoms.some((bottom, index) => {
+      if (bottom >= tableInnerY) {
+        rowIndex = index;
+        return true;
+      }
+      return false;
+    });
+  }
+  // Correct focus position
+  const is_combined = table.children[rowIndex].children[columnIndex].is_combined;
+  if (is_combined) {
+    for (let i = columnIndex - 1; i >= 0; i--) {
+      const {
+        is_combined: ci_is_combined,
+        colspan: ci_colspan
+      } = table.children[rowIndex].children[i];
+      if (!ci_is_combined && ci_colspan && i + ci_colspan - 1 >= columnIndex) {
+        columnIndex = i;
+        break;
+      }
+    }
+    for (let j = rowIndex - 1; j >= 0; j--) {
+      const {
+        is_combined: ri_is_combined,
+        rowspan: ri_rowspan
+      } = table.children[j].children[columnIndex];
+      if (!ri_is_combined && ri_rowspan && j + ri_rowspan - 1 >= rowIndex) {
+        rowIndex = j;
+        break;
+      }
+    }
+  }
+  const focusPath = ReactEditor.findPath(editor, table.children[rowIndex].children[columnIndex]);
+  focusEditor(editor, Editor.end(editor, focusPath));
 };

package/dist/basic-sdk/extension/plugins/table/plugin.js

@@ -88,17 +88,47 @@ const withTable = editor => {
     if (selection) {
       const before = Editor.before(newEditor, selection);
       if (before) {
-        // If the current is not a table and the previous one is a table, no deletion will be performed. Otherwise, the last cell of the table will be deleted
-        // If deleting node is empty check-list, order-list, unordered-list, change to paragraph
         const isTableOnBeforeLocation = isTableLocation(newEditor, before);
         const isTableOnCurSelection = isTableLocation(newEditor, selection);
+        // If the current is not a table and the previous one is a table.
         if (isTableOnBeforeLocation && !isTableOnCurSelection) {
-          const transformTypes = [CHECK_LIST_ITEM, ORDERED_LIST, UNORDERED_LIST];
           const [currentNodeEntry] = Editor.nodes(editor, {
             match: n => Element.isElement(n) && !Editor.parent(n, ReactEditor.findPath(editor, n))[1].length
           });
           if (!currentNodeEntry) return;
           const [currentNode, currentPath] = Array.from(currentNodeEntry);
+
+          // If the current is paragraph.
+          if (currentNode.type === PARAGRAPH) {
+            const {
+              path
+            } = before;
+            Transforms.select(editor, {
+              anchor: {
+                offset: 0,
+                path: [path[0], 0, 0, 0]
+              },
+              focus: {
+                offset: 0,
+                path: [path[0], 0, 0, 0]
+              }
+            });
+            const beforeTable = Editor.node(editor, [path[0]]);
+            const beforeRow = Editor.node(editor, [path[0], path[1]]);
+            const tableSize = [beforeTable[0].children.length, beforeRow[0].children.length];
+            const allTableRange = {
+              minRowIndex: 0,
+              maxRowIndex: tableSize[0] - 1,
+              minColIndex: 0,
+              maxColIndex: tableSize[1] - 1
+            };
+            newEditor.tableSelectedRange = allTableRange;
+            eventBus.dispatch(INTERNAL_EVENT.SET_TABLE_SELECT_RANGE, beforeTable[0], allTableRange);
+            return;
+          }
+
+          // If deleting node is empty check-list, order-list, unordered-list, change to paragraph
+          const transformTypes = [CHECK_LIST_ITEM, ORDERED_LIST, UNORDERED_LIST];
           if (transformTypes.includes(currentNode.type)) {
             Transforms.delete(newEditor, {
               at: currentPath

package/dist/basic-sdk/extension/plugins/table/render/index.js

@@ -59,19 +59,33 @@ const Table = _ref => {
 
     // eslint-disable-next-line react-hooks/exhaustive-deps
   }, []);
+  const setSelectedRangeByClick = useCallback(range => {
+    setSelectedRange(range);
+    setTableSelectedRange(editor, range);
+    const {
+      maxRowIndex,
+      maxColIndex
+    } = range;
+    const selection = {
+      offset: 0,
+      path: [...path, maxRowIndex, maxColIndex, 0]
+    };
+    Transforms.setSelection(editor, {
+      anchor: selection,
+      focus: selection
+    });
+    // eslint-disable-next-line react-hooks/exhaustive-deps
+  }, [editor, path]);
   useEffect(() => {
-    if (isSelected) {
-      const eventBus = EventBus.getInstance();
-      const cancelTableSelectRangeSubscribe = eventBus.subscribe(INTERNAL_EVENT.CANCEL_TABLE_SELECT_RANGE, clearRange);
-      const setTableSelectRangeSubscribe = eventBus.subscribe(INTERNAL_EVENT.SET_TABLE_SELECT_RANGE, setRange);
-      return () => {
-        cancelTableSelectRangeSubscribe();
-        setTableSelectRangeSubscribe();
-      };
-    }
-
+    const eventBus = EventBus.getInstance();
+    const cancelTableSelectRangeSubscribe = eventBus.subscribe(INTERNAL_EVENT.CANCEL_TABLE_SELECT_RANGE, clearRange);
+    const setTableSelectRangeSubscribe = eventBus.subscribe(INTERNAL_EVENT.SET_TABLE_SELECT_RANGE, setRange);
+    return () => {
+      cancelTableSelectRangeSubscribe();
+      setTableSelectRangeSubscribe();
+    };
     // eslint-disable-next-line react-hooks/exhaustive-deps
-  }, [isSelected]);
+  }, []);
   useEffect(() => {
     setColumns(getTableColumns(editor, element));
     if (isSettingSelectRange) {
@@ -150,23 +164,6 @@ const Table = _ref => {
 
     // eslint-disable-next-line react-hooks/exhaustive-deps
   }, []);
-  const setSelectedRangeByClick = useCallback(range => {
-    setSelectedRange(range);
-    setTableSelectedRange(editor, range);
-    const {
-      maxRowIndex,
-      maxColIndex
-    } = range;
-    const selection = {
-      offset: 0,
-      path: [...path, maxRowIndex, maxColIndex, 0]
-    };
-    Transforms.setSelection(editor, {
-      anchor: selection,
-      focus: selection
-    });
-    // eslint-disable-next-line react-hooks/exhaustive-deps
-  }, [editor, path]);
   const tableContainerClassName = classnames('sdoc-table-container position-relative', attributes.className, className, {
     'sdoc-table-selected': isSelected,
     'sdoc-table-selected-range': !ObjectUtils.isSameObject(selectedRange, EMPTY_SELECTED_RANGE)

package/dist/basic-sdk/extension/plugins/table/render/resize-handlers/column-resize-handler.js

@@ -4,14 +4,15 @@ import { useSlateStatic } from '@seafile/slate-react';
 import classnames from 'classnames';
 import { useTableRootContext } from '../hooks';
 import { TABLE_CELL_MIN_WIDTH } from '../../constants';
-import { getTableColumns, updateColumnWidth } from '../../helpers';
+import { getTableColumns, updateColumnWidth, focusClosestCellWhenJustifyCellSize } from '../../helpers';
 import { eventStopPropagation, getMouseDownInfo, getMouseMoveInfo, registerResizeEvents, unregisterResizeEvents } from '../../../../../utils/mouse-event';
 const ColumnResizeHandler = _ref => {
   let {
     column,
     left: initLeft,
     element,
-    index
+    index,
+    rowBottoms
   } = _ref;
   const editor = useSlateStatic();
   const resizeHandler = useRef(null);
@@ -85,6 +86,13 @@ const ColumnResizeHandler = _ref => {
         });
       }
       updateColumnWidth(editor, element, newColumns);
+      focusClosestCellWhenJustifyCellSize({
+        editor,
+        columnIndex: index,
+        table: element,
+        mouseDownInfo,
+        rowBottoms
+      });
     };
     registerResizeEvents({
       'mousemove': onMouseMove,
@@ -98,7 +106,7 @@ const ColumnResizeHandler = _ref => {
     };
 
     // eslint-disable-next-line react-hooks/exhaustive-deps
-  }, [isResizing, mouseDownInfo, left, width, column, editor, element, index, initLeft]);
+  }, [isResizing, mouseDownInfo, left, width, column, editor, element, index, initLeft, rowBottoms]);
   return /*#__PURE__*/React.createElement("div", {
     className: classnames('table-cell-width-just ', {
       'resizing position-fixed': isResizing,

package/dist/basic-sdk/extension/plugins/table/render/resize-handlers/first-column-left-resize-handler.js

@@ -4,14 +4,15 @@ import { useSlateStatic } from '@seafile/slate-react';
 import classnames from 'classnames';
 import { useTableRootContext } from '../hooks';
 import { TABLE_CELL_MIN_WIDTH } from '../../constants';
-import { getTableColumns, updateColumnWidth } from '../../helpers';
+import { focusClosestCellWhenJustifyCellSize, getTableColumns, updateColumnWidth } from '../../helpers';
 import { eventStopPropagation, getMouseDownInfo, getMouseMoveInfo, registerResizeEvents, unregisterResizeEvents } from '../../../../../utils/mouse-event';
 const FirstColumnResizeHandler = _ref => {
   let {
     column,
     left: initLeft,
     element,
-    index
+    index,
+    rowBottoms
   } = _ref;
   const editor = useSlateStatic();
   const resizeHandler = useRef(null);
@@ -72,6 +73,13 @@ const FirstColumnResizeHandler = _ref => {
         width: newWidth
       });
       updateColumnWidth(editor, element, newColumns);
+      focusClosestCellWhenJustifyCellSize({
+        editor,
+        columnIndex: index,
+        table: element,
+        mouseDownInfo,
+        rowBottoms
+      });
     };
     registerResizeEvents({
       'mousemove': onMouseMove,
@@ -85,7 +93,7 @@ const FirstColumnResizeHandler = _ref => {
     };
 
     // eslint-disable-next-line react-hooks/exhaustive-deps
-  }, [isResizing, mouseDownInfo, left, width, column, editor, element, index, initLeft]);
+  }, [isResizing, mouseDownInfo, left, width, column, editor, element, index, initLeft, rowBottoms]);
   return /*#__PURE__*/React.createElement("div", {
     className: classnames('table-cell-width-just ', {
       'resizing position-fixed': isResizing,

package/dist/basic-sdk/extension/plugins/table/render/resize-handlers/index.js

@@ -1,31 +1,37 @@
-import React from 'react';
+/* eslint-disable react-hooks/rules-of-hooks */
+import React, { useCallback, useEffect, useState } from 'react';
 import { useSlateStatic } from '@seafile/slate-react';
 import FirstColumnResizeHandler from './first-column-left-resize-handler';
 import ColumnResizeHandler from './column-resize-handler';
 import RowResizeHandler from './row-resize-handler';
 import { getNode, findPath } from '../../../../core';
 import { useResizeHandlersContext } from '../hooks';
-import { getRowHeight, getTableColumns } from '../../helpers';
-import { TABLE_ROW_STYLE } from '../../constants';
+import { getRowBottomPositions, getTableColumns } from '../../helpers';
 const ResizeHandlers = _ref => {
   let {
     element
   } = _ref;
   const editor = useSlateStatic();
   const tablePath = findPath(editor, element);
-  const columns = useResizeHandlersContext() || getTableColumns(editor, element);
   if (!tablePath) return null;
   const table = getNode(editor, tablePath);
   if (!table) return null;
+  const [rowBottoms, setRowBottoms] = useState([]);
+  const columns = useResizeHandlersContext() || getTableColumns(editor, element);
   const rows = element.children;
-  let rowBottom = 0;
+  const calculateRowBottom = useCallback(() => {
+    const rowBottomPositions = getRowBottomPositions(editor, rows);
+    setRowBottoms(rowBottomPositions);
+  }, [editor, rows]);
+  useEffect(() => {
+    calculateRowBottom();
+  }, [calculateRowBottom, element]);
   let columnLeft = 0;
   return /*#__PURE__*/React.createElement(React.Fragment, null, rows.map((row, index) => {
-    rowBottom += getRowHeight(row, index);
     return /*#__PURE__*/React.createElement(RowResizeHandler, {
       key: index,
       row: row,
-      rowBottom: rowBottom,
+      rowBottoms: rowBottoms[index],
       index: index,
       element: element
     });
@@ -34,10 +40,12 @@ const ResizeHandlers = _ref => {
     column: columns[0],
     left: 0,
     index: 0,
-    element: element
+    element: element,
+    rowBottoms: rowBottoms
   }), columns.map((column, columnIndex) => {
     columnLeft = columnLeft + column.width;
     return /*#__PURE__*/React.createElement(ColumnResizeHandler, {
+      rowBottoms: rowBottoms,
       key: columnIndex,
       column: column,
       left: columnLeft,

package/dist/basic-sdk/extension/plugins/table/render/resize-handlers/row-resize-handler.js

@@ -3,14 +3,14 @@ import classnames from 'classnames';
 import { useSlateStatic } from '@seafile/slate-react';
 import { ReactEditor } from '@seafile/slate-react';
 import { TABLE_ROW_MIN_HEIGHT } from '../../constants';
-import { getRowHeight, updateTableRowHeight } from '../../helpers';
+import { focusClosestCellWhenJustifyCellSize, getRowHeight, updateTableRowHeight } from '../../helpers';
 import { eventStopPropagation, getMouseDownInfo, getMouseMoveInfo, registerResizeEvents, unregisterResizeEvents } from '../../../../../utils/mouse-event';
 import { useScrollContext } from '../../../../../hooks/use-scroll-context';
 const RowResizeHandler = _ref => {
   let {
     row,
     index,
-    rowBottom: initRowBottom,
+    rowBottoms: initRowBottom = 0,
     element
   } = _ref;
   const editor = useSlateStatic();
@@ -27,12 +27,11 @@ const RowResizeHandler = _ref => {
     const mouseDownInfo = getMouseDownInfo(event, scrollContent.current);
     setMouseDownInfo(mouseDownInfo);
     setStyle({
-      top: initRowBottom - 2.5
+      top: rowBottom - 2.5
     });
     setIsResizing(true);
-
     // eslint-disable-next-line react-hooks/exhaustive-deps
-  }, []);
+  }, [rowBottom]);
   useEffect(() => {
     if (!isResizing) return;
     const onMouseMove = event => {
@@ -50,6 +49,12 @@ const RowResizeHandler = _ref => {
       setIsResizing(false);
       tableRow.current = height;
       updateTableRowHeight(editor, row, height);
+      focusClosestCellWhenJustifyCellSize({
+        editor,
+        rowIndex: index,
+        table: element,
+        mouseDownInfo
+      });
     };
     registerResizeEvents({
       'mousemove': onMouseMove,
@@ -70,7 +75,7 @@ const RowResizeHandler = _ref => {
     const rowDom = ReactEditor.toDOMNode(editor, cell);
     if (!rowDom) return;
     tableRow.current = rowDom.clientHeight;
-    setRowBottom(initRowBottom - height + tableRow.current);
+    setRowBottom(initRowBottom);
     // eslint-disable-next-line react-hooks/exhaustive-deps
   }, [row, initRowBottom]);
   return /*#__PURE__*/React.createElement("div", {

package/dist/basic-sdk/extension/plugins/table/render/table-root.js

@@ -30,7 +30,6 @@ const TableRoot = _ref => {
     className: classnames('sdoc-table-wrapper position-relative', attributes.className, {
       'scroll': allWidth > editor.width
     }),
-    "data-root": "true",
     style: _objectSpread(_objectSpread({}, attributes.style), {}, {
       maxWidth: editor.width ? editor.width : '100%'
     })

package/dist/basic-sdk/extension/render/helper.js

@@ -18,4 +18,5 @@ const isNeedAddMouseEnterEvent = (editor, element) => {
 export const setMouseEnter = (editor, element, attributes) => {
   if (!isNeedAddMouseEnterEvent(editor, element)) return;
   attributes['onMouseEnter'] = e => onMouseEnter(e, element);
+  attributes['data-root'] = 'true';
 };

package/dist/basic-sdk/extension/toolbar/side-toolbar/transform-menus.js

@@ -1,9 +1,9 @@
 import React, { useCallback } from 'react';
 import { UncontrolledPopover } from 'reactstrap';
 import { withTranslation } from 'react-i18next';
-import { useSlateStatic } from '@seafile/slate-react';
+import { ReactEditor, useSlateStatic } from '@seafile/slate-react';
 import { onSetNodeType } from './helpers';
-import { SIDE_TRANSFORM_MENUS_CONFIG, LIST_ITEM_SUPPORTED_TRANSFORMATION, LIST_ITEM_CORRELATION_TYPE } from '../../constants';
+import { SIDE_TRANSFORM_MENUS_CONFIG, LIST_ITEM_SUPPORTED_TRANSFORMATION, LIST_ITEM_CORRELATION_TYPE, BLOCKQUOTE, CALL_OUT } from '../../constants';
 import DropdownMenuItem from '../../commons/dropdown-menu-item';
 const TransformMenus = _ref => {
   let {
@@ -23,6 +23,14 @@ const TransformMenus = _ref => {
     if (LIST_ITEM_CORRELATION_TYPE.includes(slateNode.type)) {
       newSideMenusConfig = SIDE_TRANSFORM_MENUS_CONFIG.filter(item => LIST_ITEM_SUPPORTED_TRANSFORMATION.includes(item.type));
     }
+    const path = ReactEditor.findPath(editor, slateNode);
+    if (path && path.length > 1) {
+      const nodeIndex = path[0];
+      const highestNode = editor.children[nodeIndex];
+      if (highestNode.type === BLOCKQUOTE) {
+        newSideMenusConfig = SIDE_TRANSFORM_MENUS_CONFIG.filter(item => item.type !== CALL_OUT);
+      }
+    }
     return newSideMenusConfig;
     // eslint-disable-next-line react-hooks/exhaustive-deps
   }, [slateNode]);

package/dist/basic-sdk/utils/event-handler.js

@@ -81,6 +81,7 @@ class EventProxy {
       }
     };
     this.onCopy = event => {
+      if (this.editor.onCopy) this.editor.onCopy(event);
       setOriginSdocKey(event);
     };
     this.onCut = event => {

package/package.json

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