@seafile/sdoc-editor 0.1.83 → 0.1.85

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

@@ -1,174 +1,16 @@
-import _objectSpread from "@babel/runtime/helpers/esm/objectSpread2";
 import _toConsumableArray from "@babel/runtime/helpers/esm/toConsumableArray";
-import _createForOfIteratorHelper from "@babel/runtime/helpers/esm/createForOfIteratorHelper";
 import _slicedToArray from "@babel/runtime/helpers/esm/slicedToArray";
+import _objectSpread from "@babel/runtime/helpers/esm/objectSpread2";
 import isHotkey from 'is-hotkey';
-import { Editor, Transforms, Point, Path, Node } from '@seafile/slate';
-import { ReactEditor } from '@seafile/slate-react';
-import { getNodeType, getParentNode, getSelectedNodeByType, isTextNode, isLastNode, replaceNodeChildren, focusEditor, getNode, generateEmptyElement } from '../../core';
+import { Editor, Transforms, Path } from '@seafile/slate';
+import { getNodeType, getParentNode, getSelectedNodeByType, isLastNode, generateEmptyElement } from '../../core';
 import { ELEMENT_TYPE, KEYBOARD, PARAGRAPH } from '../../constants';
 import { TABLE_MAX_ROWS, EMPTY_SELECTED_RANGE, TABLE_ELEMENT, TABLE_ELEMENT_POSITION } from './constants';
 import ObjectUtils from '../../../utils/object-utils';
-import { getSelectedInfo, insertTableElement } from './helpers';
-var deleteHandler = function deleteHandler(editor) {
-  var selection = editor.selection,
-    tableSelectedRange = editor.tableSelectedRange;
-  if (selection == null) return '';
-  if (!ObjectUtils.isSameObject(tableSelectedRange, EMPTY_SELECTED_RANGE)) {
-    return 'range';
-  }
-  var _Editor$nodes = Editor.nodes(editor, {
-      match: function match(n) {
-        var type = getNodeType(n);
-        if (!type && isTextNode(n) && n.id) {
-          var parentNode = getParentNode(editor.children, n.id);
-          type = getNodeType(parentNode);
-        }
-        return type === ELEMENT_TYPE.TABLE_CELL;
-      }
-    }),
-    _Editor$nodes2 = _slicedToArray(_Editor$nodes, 1),
-    cellNodeEntry = _Editor$nodes2[0];
-  if (cellNodeEntry) {
-    var _cellNodeEntry = _slicedToArray(cellNodeEntry, 2),
-      cellPath = _cellNodeEntry[1];
-    var start = Editor.start(editor, cellPath);
-    if (Point.equals(selection.anchor, start)) {
-      return 'default';
-    }
-  }
-  return '';
-};
-var isTableLocation = function isTableLocation(editor, location) {
-  var tables = Editor.nodes(editor, {
-    at: location,
-    match: function match(n) {
-      var type = getNodeType(n);
-      if (!type && isTextNode(n) && n.id) {
-        var parentNode = getParentNode(editor.children, n.id);
-        type = getNodeType(parentNode);
-      }
-      return type === ELEMENT_TYPE.TABLE_CELL;
-    }
-  });
-  var hasTable = false;
-  // eslint-disable-next-line no-unused-vars
-  var _iterator = _createForOfIteratorHelper(tables),
-    _step;
-  try {
-    for (_iterator.s(); !(_step = _iterator.n()).done;) {
-      var table = _step.value;
-      hasTable = true;
-    }
-  } catch (err) {
-    _iterator.e(err);
-  } finally {
-    _iterator.f();
-  }
-  return hasTable;
-};
-var isCursorAtCellEnd = function isCursorAtCellEnd(cell) {
-  var cursor = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : 0;
-  if (!cell) return false;
-  var childrenCount = cell.children.length;
-  var lastChildren = cell.children[childrenCount - 1];
-  var textCount = lastChildren.text.length;
-  return cursor === textCount;
-};
-var isCursorAtCellStart = function isCursorAtCellStart() {
-  var cursor = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : 0;
-  return cursor === 0;
-};
-var focusCell = function focusCell(editor, event) {
-  var keyboardName = arguments.length > 2 && arguments[2] !== undefined ? arguments[2] : '';
-  var _getSelectedInfo = getSelectedInfo(editor),
-    tableSize = _getSelectedInfo.tableSize,
-    tablePath = _getSelectedInfo.tablePath,
-    rowIndex = _getSelectedInfo.rowIndex,
-    cellIndex = _getSelectedInfo.cellIndex,
-    cell = _getSelectedInfo.cell;
-  var tableIndex = tablePath[0];
-  var selection = editor.selection;
-  var focus = selection.focus;
-  if (keyboardName === KEYBOARD.UP) {
-    if (!isCursorAtCellStart(focus.offset)) return;
-    event.preventDefault();
-    if (rowIndex === 0) {
-      if (tableIndex !== 0) {
-        focusEditor(editor, [tableIndex - 1]);
-      }
-      return;
-    }
-    focusEditor(editor, [tableIndex, rowIndex - 1, cellIndex]);
-    var newFocus = editor.selection.focus;
-    Transforms.select(editor, {
-      focus: newFocus,
-      anchor: newFocus
-    });
-  }
-  if (keyboardName === KEYBOARD.RIGHT) {
-    if (!isCursorAtCellEnd(cell, focus.offset)) return;
-    event.preventDefault();
-    if (rowIndex === tableSize[0] - 1 && cellIndex === tableSize[1] - 1) {
-      focusEditor(editor, [tableIndex + 1]);
-      return;
-    }
-    if (cellIndex === tableSize[1] - 1) {
-      focusEditor(editor, [tableIndex, rowIndex + 1, 0]);
-    } else {
-      focusEditor(editor, [tableIndex, rowIndex, cellIndex + 1]);
-    }
-    var newAnchor = editor.selection.anchor;
-    Transforms.select(editor, {
-      focus: newAnchor,
-      anchor: newAnchor
-    });
-  }
-  if (keyboardName === KEYBOARD.DOWN) {
-    if (!isCursorAtCellEnd(cell, focus.offset)) return;
-    event.preventDefault();
-    if (rowIndex === tableSize[0] - 1) {
-      focusEditor(editor, [tableIndex + 1]);
-      return;
-    }
-    focusEditor(editor, [tableIndex, rowIndex + 1, cellIndex]);
-    var _newAnchor = editor.selection.anchor;
-    Transforms.select(editor, {
-      focus: _newAnchor,
-      anchor: _newAnchor
-    });
-  }
-  if (keyboardName === KEYBOARD.LEFT) {
-    if (!isCursorAtCellStart(focus.offset)) return;
-    event.preventDefault();
-    if (rowIndex === 0 && cellIndex === 0) {
-      if (tableIndex !== 0) {
-        focusEditor(editor, [tableIndex - 1]);
-      }
-      return;
-    }
-    if (cellIndex === 0) {
-      focusEditor(editor, [tableIndex, rowIndex - 1, tableSize[1] - 1]);
-    } else {
-      focusEditor(editor, [tableIndex, rowIndex, cellIndex - 1]);
-    }
-    var _newFocus = editor.selection.focus;
-    Transforms.select(editor, {
-      focus: _newFocus,
-      anchor: _newFocus
-    });
-  }
-};
-var isLastTableCell = function isLastTableCell(editor, cellNode) {
-  if (cellNode[0].type !== ELEMENT_TYPE.TABLE_CELL) return false;
-  var _getSelectedInfo2 = getSelectedInfo(editor),
-    tableSize = _getSelectedInfo2.tableSize;
-  var lastRowIndex = tableSize[0] - 1;
-  var lastColumnIndex = tableSize[1] - 1;
-  var cellNodePath = cellNode[1];
-  var cellNodePathDeep = cellNodePath.length;
-  return cellNodePath[cellNodePathDeep - 1] === lastColumnIndex && cellNodePath[cellNodePathDeep - 2] === lastRowIndex;
-};
+import { getSelectedInfo, insertTableElement, removeTable, insertMultipleRowsAndColumns, setTableFragmentData, deleteTableRangeData, focusCell, deleteHandler, isTableLocation, isLastTableCell } from './helpers';
+import EventBus from '../../../utils/event-bus';
+import { EXTERNAL_EVENT } from '../../../../constants';
+import { CLIPBOARD_FORMAT_KEY } from '../../../constants';
 var withTable = function withTable(editor) {
   var insertBreak = editor.insertBreak,
     deleteBackward = editor.deleteBackward,
@@ -176,15 +18,29 @@ var withTable = function withTable(editor) {
     insertData = editor.insertData,
     selectAll = editor.selectAll,
     normalizeNode = editor.normalizeNode,
-    handleTab = editor.handleTab;
+    handleTab = editor.handleTab,
+    getFragment = editor.getFragment,
+    setFragmentData = editor.setFragmentData,
+    insertFragment = editor.insertFragment;
   var newEditor = editor;
   newEditor.tableSelectedRange = EMPTY_SELECTED_RANGE;
+  var eventBus = EventBus.getInstance();
   newEditor.tableOnKeyDown = function (event) {
     // Handle special keyboard events
 
     if (isHotkey('mod+a', event)) {
       event.preventDefault();
-      newEditor.selectAll();
+      var _getSelectedInfo = getSelectedInfo(newEditor),
+        table = _getSelectedInfo.table,
+        tableSize = _getSelectedInfo.tableSize;
+      var allTableRange = {
+        minRowIndex: 0,
+        maxRowIndex: tableSize[0] - 1,
+        minColIndex: 0,
+        maxColIndex: tableSize[1] - 1
+      };
+      newEditor.tableSelectedRange = allTableRange;
+      eventBus.dispatch(EXTERNAL_EVENT.SET_TABLE_SELECT_RANGE, table, allTableRange);
     }
     if (isHotkey(KEYBOARD.UP, event)) {
       event.preventDefault();
@@ -213,34 +69,16 @@ var withTable = function withTable(editor) {
   };
   newEditor.deleteBackward = function (unit) {
     var deleteType = deleteHandler(newEditor);
+    if (deleteType === 'table') {
+      var _getSelectedInfo2 = getSelectedInfo(editor),
+        tablePath = _getSelectedInfo2.tablePath;
+      removeTable(editor, tablePath);
+      return;
+    }
 
     // range selection delete
     if (deleteType === 'range') {
-      var tableSelectedRange = newEditor.tableSelectedRange;
-      var minRowIndex = tableSelectedRange.minRowIndex,
-        maxRowIndex = tableSelectedRange.maxRowIndex,
-        minColIndex = tableSelectedRange.minColIndex,
-        maxColIndex = tableSelectedRange.maxColIndex;
-      var _getSelectedInfo3 = getSelectedInfo(newEditor),
-        tablePath = _getSelectedInfo3.tablePath;
-      for (var i = minRowIndex; i <= maxRowIndex; i++) {
-        for (var j = minColIndex; j <= maxColIndex; j++) {
-          var path = [].concat(_toConsumableArray(tablePath), [i, j]);
-          var node = getNode(newEditor, path);
-          var firstNode = node.children[0];
-          for (var m = 1; m < node.children.length; m++) {
-            Transforms.removeNodes(editor, {
-              at: [].concat(_toConsumableArray(path), [m])
-            });
-          }
-          replaceNodeChildren(newEditor, {
-            at: path,
-            nodes: _objectSpread(_objectSpread({}, firstNode), {}, {
-              text: ''
-            })
-          });
-        }
-      }
+      deleteTableRangeData(newEditor);
       return;
     }
     if (deleteType === 'default') return;
@@ -264,6 +102,78 @@ var withTable = function withTable(editor) {
     if (newNodeParent.type === ELEMENT_TYPE.TABLE_CELL) return;
     deleteForward(unit);
   };
+  newEditor.getFragment = function () {
+    var selectedNode = getSelectedNodeByType(newEditor, ELEMENT_TYPE.TABLE);
+    if (!selectedNode) {
+      return getFragment();
+    }
+    var tableSelectedRange = newEditor.tableSelectedRange;
+    if (ObjectUtils.isSameObject(tableSelectedRange, EMPTY_SELECTED_RANGE)) {
+      return getFragment();
+    }
+    var minColIndex = tableSelectedRange.minColIndex,
+      maxColIndex = tableSelectedRange.maxColIndex,
+      minRowIndex = tableSelectedRange.minRowIndex,
+      maxRowIndex = tableSelectedRange.maxRowIndex;
+    var rows = selectedNode.children;
+    var columns = selectedNode.columns;
+    var selectedRows = [];
+    var selectedColumns = [];
+    for (var i = minRowIndex; i <= maxRowIndex; i++) {
+      var row = rows[i];
+      var rowChildren = row.children;
+      var newRowChildren = [];
+      for (var j = minColIndex; j <= maxColIndex; j++) {
+        var column = rowChildren[j];
+        newRowChildren.push(column);
+      }
+      selectedRows.push(_objectSpread(_objectSpread({}, row), {}, {
+        children: newRowChildren
+      }));
+    }
+    for (var _j = minColIndex; _j <= maxColIndex; _j++) {
+      var _column = columns[_j];
+      selectedColumns.push(_column);
+    }
+    return _objectSpread(_objectSpread({}, selectedNode), {}, {
+      children: selectedRows,
+      columns: selectedColumns
+    });
+  };
+
+  // copy: mod + c
+  newEditor.setFragmentData = function (dataTransfer) {
+    var selectedNode = getSelectedNodeByType(newEditor, ELEMENT_TYPE.TABLE);
+    if (!selectedNode) {
+      return setFragmentData(dataTransfer);
+    }
+    var tableSelectedRange = newEditor.tableSelectedRange;
+    if (ObjectUtils.isSameObject(tableSelectedRange, EMPTY_SELECTED_RANGE)) {
+      return setFragmentData(dataTransfer);
+    }
+    return setTableFragmentData(newEditor, dataTransfer);
+  };
+  newEditor.cut = function (event) {
+    var selectedNode = getSelectedNodeByType(newEditor, ELEMENT_TYPE.TABLE);
+    var tableSelectedRange = newEditor.tableSelectedRange;
+    if (selectedNode && !ObjectUtils.isSameObject(tableSelectedRange, EMPTY_SELECTED_RANGE)) {
+      setTableFragmentData(newEditor, event.clipboardData);
+      var deleteType = deleteHandler(newEditor);
+      if (deleteType === 'table') {
+        var _getSelectedInfo3 = getSelectedInfo(editor),
+          tablePath = _getSelectedInfo3.tablePath;
+        removeTable(editor, tablePath);
+        return;
+      }
+
+      // range selection delete
+      if (deleteType === 'range') {
+        deleteTableRangeData(newEditor);
+        return;
+      }
+      return;
+    }
+  };
 
   // copy insert text
   newEditor.insertData = function (data) {
@@ -272,10 +182,26 @@ var withTable = function withTable(editor) {
       insertData(data);
       return;
     }
+    var fragment = data.getData("application/".concat(CLIPBOARD_FORMAT_KEY));
+    if (fragment) {
+      var decoded = decodeURIComponent(window.atob(fragment));
+      var parsedData = JSON.parse(decoded);
+      if (ObjectUtils.isObject(parsedData) && parsedData.type === ELEMENT_TYPE.TABLE) {
+        insertMultipleRowsAndColumns(newEditor, parsedData.children, parsedData.columns);
+        return;
+      }
+    }
     var text = data.getData('text/plain');
     if (!text) return;
     Editor.insertText(newEditor, text);
   };
+  newEditor.insertFragment = function (data) {
+    if (data.type === ELEMENT_TYPE.TABLE) {
+      Transforms.insertNodes(editor, data);
+      return;
+    }
+    return insertFragment(data);
+  };
   newEditor.selectAll = function () {
     var selection = newEditor.selection;
     if (!selection) {
@@ -293,20 +219,15 @@ var withTable = function withTable(editor) {
       selectAll();
       return;
     }
-    var text = Node.string(selectedCell);
-    var textLength = text.length;
-    if (textLength === 0) {
-      selectAll();
-      return;
-    }
-    var path = ReactEditor.findPath(newEditor, selectedCell);
-    var start = Editor.start(newEditor, path);
-    var end = Editor.end(newEditor, path);
-    var newSelection = {
-      anchor: start,
-      focus: end
-    };
-    Transforms.select(newEditor, newSelection);
+    var _getSelectedInfo4 = getSelectedInfo(newEditor),
+      table = _getSelectedInfo4.table,
+      tableSize = _getSelectedInfo4.tableSize;
+    eventBus.dispatch(EXTERNAL_EVENT.SET_TABLE_SELECT_RANGE, table, {
+      minRowIndex: 0,
+      maxRowIndex: tableSize[0] - 1,
+      minColIndex: 0,
+      maxColIndex: tableSize[1] - 1
+    });
   };
 
   // Rewrite normalizeNode
@@ -348,9 +269,9 @@ var withTable = function withTable(editor) {
 
     // Add row to the last cell
     if (isLastTableCell(newEditor, above)) {
-      var _getSelectedInfo4 = getSelectedInfo(newEditor),
-        tablePath = _getSelectedInfo4.tablePath,
-        tableSize = _getSelectedInfo4.tableSize;
+      var _getSelectedInfo5 = getSelectedInfo(newEditor),
+        tablePath = _getSelectedInfo5.tablePath,
+        tableSize = _getSelectedInfo5.tableSize;
       if (tableSize[0] === TABLE_MAX_ROWS) return;
       insertTableElement(newEditor, TABLE_ELEMENT.ROW, TABLE_ELEMENT_POSITION.AFTER);
       Transforms.select(newEditor, [].concat(_toConsumableArray(tablePath), [tableSize[0], 0]));
@@ -361,11 +282,11 @@ var withTable = function withTable(editor) {
     // The default behavior, the cursor is in the middle of the text, and the current text content is selected
     // Change to jump to next cell
     if (selection.anchor.offset === selection.focus.offset) {
-      var _getSelectedInfo5 = getSelectedInfo(newEditor),
-        _tableSize = _getSelectedInfo5.tableSize,
-        _tablePath = _getSelectedInfo5.tablePath,
-        rowIndex = _getSelectedInfo5.rowIndex,
-        cellIndex = _getSelectedInfo5.cellIndex;
+      var _getSelectedInfo6 = getSelectedInfo(newEditor),
+        _tableSize = _getSelectedInfo6.tableSize,
+        _tablePath = _getSelectedInfo6.tablePath,
+        rowIndex = _getSelectedInfo6.rowIndex,
+        cellIndex = _getSelectedInfo6.cellIndex;
       var lastColumnIndex = _tableSize[1] - 1;
       var nextCell = [rowIndex, cellIndex + 1];
       if (lastColumnIndex < nextCell[1]) {
@@ -377,6 +298,9 @@ var withTable = function withTable(editor) {
     var next = Editor.next(newEditor);
     Transforms.select(newEditor, next[1]);
   };
+  newEditor.reSetTableSelectedRange = function () {
+    newEditor.tableSelectedRange = EMPTY_SELECTED_RANGE;
+  };
   return newEditor;
 };
 export default withTable;

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

@@ -1,8 +1,10 @@
+import _toConsumableArray from "@babel/runtime/helpers/esm/toConsumableArray";
 import _slicedToArray from "@babel/runtime/helpers/esm/slicedToArray";
 import React, { useRef, useState, useEffect, useCallback } from 'react';
 import classnames from 'classnames';
 import throttle from 'lodash.throttle';
 import { useSelected, useSlateStatic, useReadOnly } from '@seafile/slate-react';
+import { Transforms, Editor } from '@seafile/slate';
 import { EMPTY_SELECTED_RANGE } from '../constants';
 import { ResizeHandlersContext, TableSelectedRangeContext, SettingSelectRangeContext } from './hooks';
 import EventBus from '../../../../utils/event-bus';
@@ -13,6 +15,7 @@ import ResizeHandlers from './resize-handlers';
 import { registerResizeEvents, unregisterResizeEvents } from '../../../../utils/mouse-event';
 import TableRoot from './table-root';
 import TableHeader from './table-header';
+import { findPath } from '../../../core';
 import './index.css';
 var Table = function Table(_ref) {
   var className = _ref.className,
@@ -43,6 +46,7 @@ var Table = function Table(_ref) {
     _useState10 = _slicedToArray(_useState9, 2),
     columns = _useState10[0],
     setColumns = _useState10[1];
+  var path = findPath(editor, element);
   var onMouseDown = useCallback(function (event) {
     if (event.button !== 0) return; // right click not deal
     setIsSettingSelectRange(true);
@@ -61,10 +65,21 @@ var Table = function Table(_ref) {
 
     // eslint-disable-next-line react-hooks/exhaustive-deps
   }, []);
+  useEffect(function () {
+    if (isSelected) {
+      var eventBus = EventBus.getInstance();
+      var cancelTableSelectRangeSubscribe = eventBus.subscribe(EXTERNAL_EVENT.CANCEL_TABLE_SELECT_RANGE, clearRange);
+      var setTableSelectRangeSubscribe = eventBus.subscribe(EXTERNAL_EVENT.SET_TABLE_SELECT_RANGE, setRange);
+      return function () {
+        cancelTableSelectRangeSubscribe();
+        setTableSelectRangeSubscribe();
+      };
+    }
+
+    // eslint-disable-next-line react-hooks/exhaustive-deps
+  }, [isSelected]);
   useEffect(function () {
     setColumns(getTableColumns(editor, element));
-    var eventBus = EventBus.getInstance();
-    var cancelTableSelectRangeSubscribe = eventBus.subscribe(EXTERNAL_EVENT.CANCEL_TABLE_SELECT_RANGE, clearRange);
     if (isSettingSelectRange) {
       var onMouseMove = throttle(function (event) {
         // if event.target not in the table, clear the mouseMove event
@@ -79,7 +94,17 @@ var Table = function Table(_ref) {
           maxColIndex: Math.max(startColIndex, endColIndex)
         };
         if (!ObjectUtils.isSameObject(selectedRange, EMPTY_SELECTED_RANGE)) {
-          window.getSelection().collapseToEnd();
+          event.preventDefault();
+          Editor.withoutNormalizing(editor, function () {
+            var selection = {
+              offset: 0,
+              path: [].concat(_toConsumableArray(path), [endRowIndex, endColIndex, 0])
+            };
+            Transforms.setSelection(editor, {
+              anchor: selection,
+              focus: selection
+            });
+          });
         }
 
         // same cell
@@ -100,20 +125,25 @@ var Table = function Table(_ref) {
         'mouseup': onMouseUp
       });
       return function () {
-        cancelTableSelectRangeSubscribe();
         unregisterResizeEvents({
           'mousemove': onMouseMove,
           'mouseup': onMouseUp
         });
       };
     }
-    return function () {
-      cancelTableSelectRangeSubscribe();
-      setTableSelectedRange(editor, selectedRange);
-    };
 
     // eslint-disable-next-line react-hooks/exhaustive-deps
   }, [element, isSettingSelectRange, selectedRange, element]);
+  var setRange = useCallback(function (table, range) {
+    if (element.id !== table.id) {
+      setSelectedRange(EMPTY_SELECTED_RANGE);
+    } else {
+      setSelectedRange(range);
+    }
+    setTableSelectedRange(editor, range);
+
+    // eslint-disable-next-line react-hooks/exhaustive-deps
+  }, [element]);
   var clearRange = useCallback(function () {
     setSelectedRange(EMPTY_SELECTED_RANGE);
 

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

@@ -7,7 +7,7 @@ import { STYLE_KEY } from '../../../constants';
 import { findPath } from '../../../core';
 import { useResizeHandlersContext, useTableSelectedRangeContext } from './hooks';
 import { EMPTY_SELECTED_RANGE } from '../constants';
-import { getTableColumns, getCellColumn } from '../helpers';
+import { getTableColumns, getCellColumn, colorBlend } from '../helpers';
 var TableCell = function TableCell(_ref) {
   var attributes = _ref.attributes,
     element = _ref.element,
@@ -21,10 +21,6 @@ var TableCell = function TableCell(_ref) {
   var cellIndex = cellPath[pathLength - 1];
   var column = columns ? columns[cellIndex] : {};
   var columnWidth = (column === null || column === void 0 ? void 0 : column.width) || 0;
-  var style = attributes.style || {};
-  if (ObjectUtils.hasProperty(element.style, STYLE_KEY.TEXT_ALIGN)) {
-    style[STYLE_KEY.TEXT_ALIGN] = element.style[STYLE_KEY.TEXT_ALIGN];
-  }
   var minColIndex = selectedRange.minColIndex,
     maxColIndex = selectedRange.maxColIndex,
     minRowIndex = selectedRange.minRowIndex,
@@ -35,8 +31,18 @@ var TableCell = function TableCell(_ref) {
   var isSelectedLastCell = isSelected && cellIndex === maxColIndex;
   var isSelectedFirstRow = isSelected && rowIndex === minRowIndex;
   var isSelectedLastRow = isSelected && rowIndex === maxRowIndex;
+  var style = attributes.style || {};
+  if (ObjectUtils.hasProperty(element.style, STYLE_KEY.TEXT_ALIGN)) {
+    style[STYLE_KEY.TEXT_ALIGN] = element.style[STYLE_KEY.TEXT_ALIGN];
+  }
+  if (ObjectUtils.hasProperty(element.style, STYLE_KEY.BG_COLOR)) {
+    var color = element.style[STYLE_KEY.BG_COLOR];
+    if (color && (color !== 'transparent' || color !== 'unset')) {
+      style['backgroundColor'] = isSelected ? colorBlend('#fff4e6', color, 0.9) : color;
+    }
+  }
   return /*#__PURE__*/React.createElement("div", Object.assign({}, attributes, {
-    style: _objectSpread(_objectSpread(_objectSpread({}, style), element.style), {}, {
+    style: _objectSpread(_objectSpread(_objectSpread({}, element.style), style), {}, {
       minWidth: columnWidth,
       width: columnWidth
     }),
@@ -70,10 +76,13 @@ function renderTableCell(props) {
     if (ObjectUtils.hasProperty(element, STYLE_KEY.TEXT_ALIGN)) {
       style[STYLE_KEY.TEXT_ALIGN] = element[STYLE_KEY.TEXT_ALIGN];
     }
+    if (ObjectUtils.hasProperty(element.style, STYLE_KEY.BG_COLOR)) {
+      style['backgroundColor'] = element.style[STYLE_KEY.BG_COLOR];
+    }
     var column = getCellColumn(editor, element);
     var width = column.width;
     return /*#__PURE__*/React.createElement("div", Object.assign({}, attributes, {
-      style: _objectSpread(_objectSpread(_objectSpread({}, style), element.style), {}, {
+      style: _objectSpread(_objectSpread(_objectSpread({}, element.style), style), {}, {
         minWidth: width,
         width: width
       }),

package/dist/basic-sdk/extension/plugins/table/render/table-header/rows-header/row-header.js

@@ -8,7 +8,7 @@ import { useResizeHandlersContext, useTableSelectedRangeContext } from '../../ho
 import { useScrollContext } from '../../../../../../hooks/use-scroll-context';
 import { ELEMENT_TYPE } from '../../../../../constants';
 import { findPath, getSelectedNodeByType } from '../../../../../core';
-import { rowElementHasImage } from '../../../helpers';
+import { elementHasImage } from '../../../helpers';
 var RowHeader = function RowHeader(_ref) {
   var _row$style;
   var row = _ref.row,
@@ -31,7 +31,7 @@ var RowHeader = function RowHeader(_ref) {
   var currentCellPath = currentCell ? findPath(editor, currentCell, [-1, -1]) : [-1, -1];
   var pathLength = currentCellPath.length;
   useEffect(function () {
-    if (rowElementHasImage(row)) {
+    if (elementHasImage(row)) {
       var time = setTimeout(function () {
         // There is a delay in image loading
         var rowDom = ReactEditor.toDOMNode(editor, row);

package/dist/basic-sdk/node-id/helpers.js

@@ -1,7 +1,9 @@
+import _objectSpread from "@babel/runtime/helpers/esm/objectSpread2";
 import { Node } from '@seafile/slate';
 import deepCopy from 'deep-copy';
 import slugid from 'slugid';
 import * as OPERATION from './constants';
+import ObjectUtils from '../utils/object-utils';
 export var decorateOperation = function decorateOperation(editor, operation) {
   var newOperation = deepCopy(operation);
   var type = newOperation.type;
@@ -75,8 +77,24 @@ export var decorateOperation = function decorateOperation(editor, operation) {
   }
   return newOperation;
 };
+export var replaceNodeId = function replaceNodeId(node) {
+  if (!ObjectUtils.isObject(node)) return node;
+  if (ObjectUtils.hasProperty(node, 'children')) {
+    return _objectSpread(_objectSpread({}, node), {}, {
+      id: slugid.nice(),
+      children: replacePastedDataId(node.children)
+    });
+  }
+  return _objectSpread(_objectSpread({}, node), {}, {
+    id: slugid.nice()
+  });
+};
 export var replacePastedDataId = function replacePastedDataId(pastedData) {
   // If children is malformed, return a list of correct child nodes
+
+  if (ObjectUtils.isObject(pastedData)) {
+    return replaceNodeId(pastedData);
+  }
   if (!Array.isArray(pastedData)) return [{
     id: slugid.nice(),
     text: ''

package/dist/basic-sdk/node-id/index.js

@@ -1,6 +1,6 @@
 import _slicedToArray from "@babel/runtime/helpers/esm/slicedToArray";
 import { decorateOperation, replacePastedDataId } from './helpers';
-var clipboardFormatKey = 'x-slate-fragment';
+import { CLIPBOARD_FORMAT_KEY } from '../constants';
 var catchSlateFragment = /data-slate-fragment="(.+?)"/m;
 var getSlateFragmentAttribute = function getSlateFragmentAttribute(dataTransfer) {
   var htmlData = dataTransfer.getData('text/html');
@@ -19,13 +19,13 @@ var withNodeId = function withNodeId(editor) {
 
   // rewrite insert fragment data
   newEditor.insertFragmentData = function (data) {
-    var fragment = data.getData("application/".concat(clipboardFormatKey)) || getSlateFragmentAttribute(data);
+    var fragment = data.getData("application/".concat(CLIPBOARD_FORMAT_KEY)) || getSlateFragmentAttribute(data);
     if (fragment) {
       var decoded = decodeURIComponent(window.atob(fragment));
       var parsed = JSON.parse(decoded);
       var newData = replacePastedDataId(parsed);
       newEditor.insertFragment(newData);
-      return true;
+      return newEditor;
     }
   };
   return newEditor;

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

@@ -62,7 +62,11 @@ var EventProxy = /*#__PURE__*/_createClass(function EventProxy(_editor) {
     event.nativeEvent.stopImmediatePropagation();
     // 处理数据
   };
-  this.onCut = function (event) {};
+  this.onCut = function (event) {
+    if (_this.editor.cut) {
+      _this.editor.cut(event);
+    }
+  };
   this.onPaste = function (event) {};
   this.editor = _editor;
 });

package/dist/basic-sdk/utils/object-utils.js

@@ -54,6 +54,9 @@ var ObjectUtils = /*#__PURE__*/function () {
   }]);
   return ObjectUtils;
 }();
+ObjectUtils.isObject = function (data) {
+  return ObjectUtils.getDataType(data) === 'Object';
+};
 ObjectUtils.hasProperty = function (obj, prop) {
   if (!obj) return false;
   return Object.prototype.hasOwnProperty.call(obj, prop);