@seafile/sdoc-editor 0.5.19 → 0.5.21

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

@@ -14,6 +14,7 @@
 .sdoc-callout-container .callout-content {
   flex: 1;
   position: relative;
+  overflow: auto;
 }
 
 .sdoc-callout-container .sdoc-callout-placeholder {

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

@@ -1719,21 +1719,30 @@ export const generateDragMoveElement = tipText => {
   const canvasId = 'sdoc-drag-image';
   let canvas = document.getElementById(canvasId);
   if (!canvas) {
+    let dpr = window.devicePixelRatio;
     canvas = document.createElement('canvas');
     canvas.width = 115;
     canvas.height = 30;
     canvas.id = canvasId;
     document.body.appendChild(canvas);
+    let {
+      width: cssWidth,
+      height: cssHeight
+    } = canvas.getBoundingClientRect();
+    canvas.style.width = canvas.width + 'px';
+    canvas.style.height = canvas.height + 'px';
+    canvas.width = dpr * cssWidth;
+    canvas.height = dpr * cssHeight;
+    canvas.style.position = 'fixed';
   }
   canvas.style.display = 'block';
-  canvas.style.position = 'fixed';
   const context = canvas.getContext('2d');
   context.clearRect(0, 0, canvas.width, canvas.height);
-  context.textAlign = 'center';
   context.fillStyle = 'rgb(241,243,246)';
   context.fillRect(0, 0, canvas.width, canvas.height);
-  context.font = '12px';
+  context.font = '22px Arial';
   context.textBaseline = 'middle';
+  context.textAlign = 'center';
   context.fillStyle = 'black';
   context.fillText(tipText, canvas.width / 2, canvas.height / 2);
   return canvas;
@@ -1742,6 +1751,11 @@ export const isHideDragHandlerLine = (editor, displayType, table, cellPath, isDr
   const pathLength = cellPath.length;
   let rowIndex = cellPath[pathLength - 2];
   let cellIndex = cellPath[pathLength - 1];
+
+  // Check is above cell selected
+  let currentCellDom = ReactEditor.toDOMNode(editor, table.children[rowIndex].children[cellIndex]);
+  let isCurrentCellSelected = currentCellDom.classList.contains(CELL_SELECTED);
+  if (isCurrentCellSelected) return true;
   if (isDragOverCellHalf) {
     if (displayType === DRAG_HANDLER_COLUMN) {
       cellIndex = cellIndex + 1;
@@ -1752,17 +1766,17 @@ export const isHideDragHandlerLine = (editor, displayType, table, cellPath, isDr
   const isEndOfRowOrColumn = displayType === DRAG_HANDLER_COLUMN && cellIndex === table.columns.length || displayType === DRAG_HANDLER_ROW && rowIndex === table.children.length;
   if (isEndOfRowOrColumn) return false;
   let preCellDom = null;
-  if (displayType === DRAG_HANDLER_COLUMN && cellIndex > 1) {
+  if (displayType === DRAG_HANDLER_COLUMN && cellIndex > 0) {
     const prevCell = table.children[rowIndex].children[cellIndex - 1];
     preCellDom = ReactEditor.toDOMNode(editor, prevCell);
-  } else if (displayType === DRAG_HANDLER_ROW && rowIndex > 1) {
+  } else if (displayType === DRAG_HANDLER_ROW && rowIndex > 0) {
     const prevCell = table.children[rowIndex - 1].children[cellIndex];
     preCellDom = ReactEditor.toDOMNode(editor, prevCell);
   }
 
   // Check is above cell selected
-  const currentCellDom = ReactEditor.toDOMNode(editor, table.children[rowIndex].children[cellIndex]);
-  const isCurrentCellSelected = currentCellDom.classList.contains(CELL_SELECTED);
+  currentCellDom = ReactEditor.toDOMNode(editor, table.children[rowIndex].children[cellIndex]);
+  isCurrentCellSelected = currentCellDom.classList.contains(CELL_SELECTED);
   if (isCurrentCellSelected) return true;
 
   // Check if the previous cell is selected

package/package.json

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