@seafile/sdoc-editor 2.0.65 → 2.0.66

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

@@ -5,17 +5,17 @@ Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.updateTableRowHeight = exports.updateColumnWidth = exports.syncRemoveTable = exports.splitCell = exports.setTableSelectedRange = exports.setTableFragmentData = exports.setCellStyle = exports.removeTableElement = exports.removeTable = exports.normalizeTableELement = exports.moveRows = exports.moveColumns = exports.isTableWidthFitScreen = exports.isTableMenuDisabled = exports.isTableLocation = exports.isSelectedAllCell = exports.isPreventResetTableSelectedRange = exports.isLastTableCell = exports.isInTableSameCell = exports.isInTable = exports.isHideDragHandlerLine = exports.isCursorAtCellStart = exports.isCursorAtCellEnd = exports.isCombineCellsDisabled = exports.isAllInTable = exports.insertTableRow = exports.insertTableElement = exports.insertTableColumn = exports.insertTableByTemplate = exports.insertTable = exports.insertMultipleRowsAndColumns = exports.handleInsertTable = exports.handleCombinedCellsBeforeDeleteTableRow = exports.handleCombinedCellsBeforeDeleteTableColumn = exports.handleCombinedCellsAfterInsertTableRow = exports.handleCombinedCellsAfterInsertTableColumn = exports.getTableSelectedRangeAfterDrag = exports.getTableRowSelectedRange = exports.getTableDragType = exports.getTableColumnsWidth = exports.getTableColumnsAfterInsertColumn = exports.getTableColumns = exports.getTableColumnSelectedRange = exports.getSelectedInfo = exports.getRowHeight = exports.getRowDomHeight = exports.getResizeMaskCellInfo = exports.getInsertPosition = exports.getHighlightClass = exports.getFirstTableCell = exports.getCellInheritStyles = exports.getCellHighlightClassName = exports.getCellColumn = exports.generateTableRow = exports.generateTableCell = exports.generateInheritStyle = exports.generateEmptyTable = exports.generateDragMoveElement = exports.focusClosestCellWhenJustifyCellSize = exports.focusCell = exports.fitTableColumnToScreen = exports.elementHasImage = exports.deleteTableSelectCells = exports.deleteTableRangeData = exports.deleteHandler = exports.combineCells = exports.colorBlend = exports.adjustCombinedCellRange = void 0;
-var _slugid = _interopRequireDefault(require("slugid"));
 var _slate = require("@seafile/slate");
 var _slateReact = require("@seafile/slate-react");
 var _deepCopy = _interopRequireDefault(require("deep-copy"));
-var _core = require("../../core");
-var _constants = require("../../constants");
-var _constants2 = require("./constants");
+var _slugid = _interopRequireDefault(require("slugid"));
+var _constants = require("../../../constants");
+var _helpers = require("../../../node-id/helpers");
 var _eventBus = _interopRequireDefault(require("../../../utils/event-bus"));
-var _constants3 = require("../../../constants");
 var _objectUtils = _interopRequireDefault(require("../../../utils/object-utils"));
-var _helpers = require("../../../node-id/helpers");
+var _constants2 = require("../../constants");
+var _core = require("../../core");
+var _constants3 = require("./constants");
 const isTableMenuDisabled = (editor, readonly) => {
   if (readonly) return true;
   const {
@@ -31,18 +31,18 @@ const isTableMenuDisabled = (editor, readonly) => {
         type = (0, _core.getNodeType)(parentNode);
       }
       if (type.startsWith('header')) return true;
-      if (type === _constants.ELEMENT_TYPE.TITLE) return true;
-      if (type === _constants.ELEMENT_TYPE.SUBTITLE) return true;
-      if (type === _constants.ELEMENT_TYPE.CODE_BLOCK) return true;
-      if (type === _constants.ELEMENT_TYPE.ORDERED_LIST) return true;
-      if (type === _constants.ELEMENT_TYPE.UNORDERED_LIST) return true;
-      if (type === _constants.ELEMENT_TYPE.BLOCKQUOTE) return true;
-      if (type === _constants.ELEMENT_TYPE.LIST_ITEM) return true;
-      if (type === _constants.ELEMENT_TYPE.TABLE) return true;
-      if (type === _constants.ELEMENT_TYPE.TABLE_CELL) return true;
-      if (type === _constants.ELEMENT_TYPE.TABLE_ROW) return true;
-      if (type === _constants.ELEMENT_TYPE.CALL_OUT) return true;
-      if (type === _constants.ELEMENT_TYPE.MULTI_COLUMN) return true;
+      if (type === _constants2.ELEMENT_TYPE.TITLE) return true;
+      if (type === _constants2.ELEMENT_TYPE.SUBTITLE) return true;
+      if (type === _constants2.ELEMENT_TYPE.CODE_BLOCK) return true;
+      if (type === _constants2.ELEMENT_TYPE.ORDERED_LIST) return true;
+      if (type === _constants2.ELEMENT_TYPE.UNORDERED_LIST) return true;
+      if (type === _constants2.ELEMENT_TYPE.BLOCKQUOTE) return true;
+      if (type === _constants2.ELEMENT_TYPE.LIST_ITEM) return true;
+      if (type === _constants2.ELEMENT_TYPE.TABLE) return true;
+      if (type === _constants2.ELEMENT_TYPE.TABLE_CELL) return true;
+      if (type === _constants2.ELEMENT_TYPE.TABLE_ROW) return true;
+      if (type === _constants2.ELEMENT_TYPE.CALL_OUT) return true;
+      if (type === _constants2.ELEMENT_TYPE.MULTI_COLUMN) return true;
       if (_slate.Editor.isVoid(editor, n)) return true;
       return false;
     },
@@ -59,7 +59,7 @@ const isCombineCellsDisabled = (editor, readonly) => {
     tableSelectedRange
   } = editor;
   if (!selection) return true;
-  if (!_objectUtils.default.isSameObject(tableSelectedRange, _constants2.EMPTY_SELECTED_RANGE)) {
+  if (!_objectUtils.default.isSameObject(tableSelectedRange, _constants3.EMPTY_SELECTED_RANGE)) {
     return false;
   }
   return true;
@@ -67,14 +67,14 @@ const isCombineCellsDisabled = (editor, readonly) => {
 exports.isCombineCellsDisabled = isCombineCellsDisabled;
 const generateTableCell = (editor, rowIndex, cellIndex) => {
   let style = {};
-  const tableNodeEntry = (0, _core.getSelectedNodeEntryByType)(editor, _constants.ELEMENT_TYPE.TABLE);
+  const tableNodeEntry = (0, _core.getSelectedNodeEntryByType)(editor, _constants2.ELEMENT_TYPE.TABLE);
   if (tableNodeEntry && rowIndex !== undefined && cellIndex !== undefined) {
     const [, tablePath] = tableNodeEntry;
     style = getCellInheritStyles(editor, tablePath, rowIndex, cellIndex);
   }
   return {
     id: _slugid.default.nice(),
-    type: _constants.ELEMENT_TYPE.TABLE_CELL,
+    type: _constants2.ELEMENT_TYPE.TABLE_CELL,
     children: [{
       text: '',
       id: _slugid.default.nice()
@@ -92,10 +92,10 @@ const generateTableRow = (editor, colsCount, rowIndex) => {
   }
   return {
     id: _slugid.default.nice(),
-    type: _constants.ELEMENT_TYPE.TABLE_ROW,
+    type: _constants2.ELEMENT_TYPE.TABLE_ROW,
     children: children,
     style: {
-      [_constants2.TABLE_ROW_STYLE.MIN_HEIGHT]: _constants2.TABLE_ROW_MIN_HEIGHT
+      [_constants3.TABLE_ROW_STYLE.MIN_HEIGHT]: _constants3.TABLE_ROW_MIN_HEIGHT
     }
   };
 };
@@ -121,7 +121,7 @@ const generateEmptyTable = (editor, tableProps) => {
     const tableRow = generateTableRow(editor, colsCount, i);
     children.push(tableRow);
   }
-  const columnWidth = Math.max(_constants2.TABLE_CELL_MIN_WIDTH, parseInt(editor.width / colsCount));
+  const columnWidth = Math.max(_constants3.TABLE_CELL_MIN_WIDTH, parseInt(editor.width / colsCount));
   let columns = [];
   for (let i = 0; i < colsCount; i++) {
     columns.push({
@@ -130,7 +130,7 @@ const generateEmptyTable = (editor, tableProps) => {
   }
   return {
     id: _slugid.default.nice(),
-    type: _constants.ELEMENT_TYPE.TABLE,
+    type: _constants2.ELEMENT_TYPE.TABLE,
     children: children,
     columns,
     ui: {
@@ -139,15 +139,15 @@ const generateEmptyTable = (editor, tableProps) => {
     },
     style: {
       gridTemplateColumns: `repeat(${colsCount}, ${columnWidth}px)`,
-      gridAutoRows: `minmax(${_constants2.TABLE_ROW_MIN_HEIGHT}px, auto)`
+      gridAutoRows: `minmax(${_constants3.TABLE_ROW_MIN_HEIGHT}px, auto)`
     }
   };
 };
 exports.generateEmptyTable = generateEmptyTable;
 const insertTable = function (editor, size, selection) {
-  let position = arguments.length > 3 && arguments[3] !== undefined ? arguments[3] : _constants.INSERT_POSITION.CURRENT;
+  let position = arguments.length > 3 && arguments[3] !== undefined ? arguments[3] : _constants2.INSERT_POSITION.CURRENT;
   if (!size) return;
-  if (position !== _constants.INSERT_POSITION.AFTER) {
+  if (position !== _constants2.INSERT_POSITION.AFTER) {
     if (isTableMenuDisabled(editor)) return;
   }
   const tableNode = generateEmptyTable(editor, {
@@ -161,9 +161,9 @@ const insertTable = function (editor, size, selection) {
 // tableSize [tableHeight, tableWidth]
 exports.insertTable = insertTable;
 const getSelectedInfo = editor => {
-  const currentTable = (0, _core.getSelectedNodeByType)(editor, _constants.ELEMENT_TYPE.TABLE);
-  const currentRow = (0, _core.getSelectedNodeByType)(editor, _constants.ELEMENT_TYPE.TABLE_ROW);
-  const currentCell = (0, _core.getSelectedNodeByType)(editor, _constants.ELEMENT_TYPE.TABLE_CELL);
+  const currentTable = (0, _core.getSelectedNodeByType)(editor, _constants2.ELEMENT_TYPE.TABLE);
+  const currentRow = (0, _core.getSelectedNodeByType)(editor, _constants2.ELEMENT_TYPE.TABLE_ROW);
+  const currentCell = (0, _core.getSelectedNodeByType)(editor, _constants2.ELEMENT_TYPE.TABLE_CELL);
   const currentCellPath = (0, _core.findPath)(editor, currentCell);
   return {
     table: currentTable,
@@ -180,17 +180,17 @@ const getSelectedInfo = editor => {
 exports.getSelectedInfo = getSelectedInfo;
 const isInTable = editor => {
   const selectedNodes = (0, _core.getSelectedElems)(editor);
-  if (!selectedNodes.some(node => node.type === _constants.ELEMENT_TYPE.TABLE)) return false;
+  if (!selectedNodes.some(node => node.type === _constants2.ELEMENT_TYPE.TABLE)) return false;
   const firstSelectedNode = selectedNodes[0];
-  return firstSelectedNode.type === _constants.ELEMENT_TYPE.TABLE;
+  return firstSelectedNode.type === _constants2.ELEMENT_TYPE.TABLE;
 };
 exports.isInTable = isInTable;
 const isAllInTable = editor => {
   const selectedNodes = (0, _core.getSelectedElems)(editor);
-  if (!selectedNodes.some(node => node.type === _constants.ELEMENT_TYPE.TABLE)) return false;
+  if (!selectedNodes.some(node => node.type === _constants2.ELEMENT_TYPE.TABLE)) return false;
   const firstSelectedNode = selectedNodes[0];
-  if (firstSelectedNode.type !== _constants.ELEMENT_TYPE.TABLE) return false;
-  return selectedNodes.slice(1).every(node => [_constants.ELEMENT_TYPE.TABLE_ROW, _constants.ELEMENT_TYPE.TABLE_CELL].includes(node.type)); // same table element
+  if (firstSelectedNode.type !== _constants2.ELEMENT_TYPE.TABLE) return false;
+  return selectedNodes.slice(1).every(node => [_constants2.ELEMENT_TYPE.TABLE_ROW, _constants2.ELEMENT_TYPE.TABLE_CELL].includes(node.type)); // same table element
 };
 exports.isAllInTable = isAllInTable;
 const isInTableSameCell = editor => {
@@ -198,7 +198,7 @@ const isInTableSameCell = editor => {
     anchor,
     focus
   } = editor.selection;
-  const match = n => n.type === _constants.ELEMENT_TYPE.TABLE_CELL;
+  const match = n => n.type === _constants2.ELEMENT_TYPE.TABLE_CELL;
   const anchorNode = (0, _core.getAboveBlockNode)(editor, {
     at: anchor,
     match
@@ -213,11 +213,11 @@ const isInTableSameCell = editor => {
 exports.isInTableSameCell = isInTableSameCell;
 const setCellStyle = (editor, style) => {
   // Select single cell
-  if (_objectUtils.default.isSameObject(editor.tableSelectedRange, _constants2.EMPTY_SELECTED_RANGE)) {
+  if (_objectUtils.default.isSameObject(editor.tableSelectedRange, _constants3.EMPTY_SELECTED_RANGE)) {
     const selectedNodes = (0, _core.getSelectedElems)(editor);
     let firstTableCellNodePath;
     selectedNodes.forEach(node => {
-      if (node.type === _constants.ELEMENT_TYPE.TABLE_CELL) {
+      if (node.type === _constants2.ELEMENT_TYPE.TABLE_CELL) {
         const path = (0, _core.findPath)(editor, node);
         if (path) {
           firstTableCellNodePath = firstTableCellNodePath ? firstTableCellNodePath : path;
@@ -226,7 +226,7 @@ const setCellStyle = (editor, style) => {
               ...node.style,
               ...style
             },
-            inherit_style: generateInheritStyle(_constants2.INHERIT_CELL_STYLE_WHEN_SELECT_SINGLE, style, node)
+            inherit_style: generateInheritStyle(_constants3.INHERIT_CELL_STYLE_WHEN_SELECT_SINGLE, style, node)
           }, {
             at: path
           });
@@ -263,7 +263,7 @@ const setCellStyle = (editor, style) => {
           ...node.style,
           ...style
         },
-        inherit_style: generateInheritStyle(_constants2.INHERIT_CELL_STYLE_WHEN_SELECT_MULTIPLE, style, node)
+        inherit_style: generateInheritStyle(_constants3.INHERIT_CELL_STYLE_WHEN_SELECT_MULTIPLE, style, node)
       }, {
         at: path
       });
@@ -272,13 +272,13 @@ const setCellStyle = (editor, style) => {
 };
 exports.setCellStyle = setCellStyle;
 const insertTableRow = function (editor, table, rowIndex) {
-  let position = arguments.length > 3 && arguments[3] !== undefined ? arguments[3] : _constants2.TABLE_ELEMENT_POSITION.AFTER;
+  let position = arguments.length > 3 && arguments[3] !== undefined ? arguments[3] : _constants3.TABLE_ELEMENT_POSITION.AFTER;
   const tableRowCount = table.children.length;
-  if (tableRowCount >= _constants2.TABLE_MAX_ROWS) return;
+  if (tableRowCount >= _constants3.TABLE_MAX_ROWS) return;
   const tableColumnCount = table.children[0].children.length;
   const row = generateTableRow(editor, tableColumnCount, rowIndex);
   const tablePath = (0, _core.findPath)(editor, table);
-  const targetPath = position === _constants2.TABLE_ELEMENT_POSITION.AFTER ? [...tablePath, rowIndex + 1] : [...tablePath, rowIndex];
+  const targetPath = position === _constants3.TABLE_ELEMENT_POSITION.AFTER ? [...tablePath, rowIndex + 1] : [...tablePath, rowIndex];
   _slate.Transforms.insertNodes(editor, row, {
     at: targetPath
   });
@@ -286,7 +286,7 @@ const insertTableRow = function (editor, table, rowIndex) {
   (0, _core.focusEditor)(editor, focusPath);
 
   // handle cells with the rowspan > 1
-  if (position === _constants2.TABLE_ELEMENT_POSITION.AFTER) {
+  if (position === _constants3.TABLE_ELEMENT_POSITION.AFTER) {
     handleCombinedCellsAfterInsertTableRow(editor, tablePath, table, rowIndex);
   }
 };
@@ -343,10 +343,10 @@ const handleCombinedCellsAfterInsertTableRow = (editor, tablePath, table, rowInd
 };
 exports.handleCombinedCellsAfterInsertTableRow = handleCombinedCellsAfterInsertTableRow;
 const insertTableColumn = function (editor, table, columnIndex) {
-  let position = arguments.length > 3 && arguments[3] !== undefined ? arguments[3] : _constants2.TABLE_ELEMENT_POSITION.AFTER;
+  let position = arguments.length > 3 && arguments[3] !== undefined ? arguments[3] : _constants3.TABLE_ELEMENT_POSITION.AFTER;
   const tableColumnCount = table.children[0].children.length;
-  if (tableColumnCount >= _constants2.TABLE_MAX_COLUMNS) return;
-  const newCellIndex = position === _constants2.TABLE_ELEMENT_POSITION.AFTER ? columnIndex + 1 : columnIndex;
+  if (tableColumnCount >= _constants3.TABLE_MAX_COLUMNS) return;
+  const newCellIndex = position === _constants3.TABLE_ELEMENT_POSITION.AFTER ? columnIndex + 1 : columnIndex;
   const newColumns = getTableColumnsAfterInsertColumn(editor, table, newCellIndex, 1);
   updateColumnWidth(editor, table, newColumns);
   const tablePath = (0, _core.findPath)(editor, table);
@@ -362,7 +362,7 @@ const insertTableColumn = function (editor, table, columnIndex) {
   (0, _core.focusEditor)(editor, focusPath);
 
   // handle cells with the colspan > 1
-  if (position === _constants2.TABLE_ELEMENT_POSITION.AFTER) {
+  if (position === _constants3.TABLE_ELEMENT_POSITION.AFTER) {
     handleCombinedCellsAfterInsertTableColumn(editor, tablePath, table, columnIndex);
   }
 };
@@ -418,7 +418,7 @@ const handleCombinedCellsAfterInsertTableColumn = (editor, tablePath, table, col
 };
 exports.handleCombinedCellsAfterInsertTableColumn = handleCombinedCellsAfterInsertTableColumn;
 const insertTableElement = function (editor, type) {
-  let position = arguments.length > 2 && arguments[2] !== undefined ? arguments[2] : _constants2.TABLE_ELEMENT_POSITION.AFTER;
+  let position = arguments.length > 2 && arguments[2] !== undefined ? arguments[2] : _constants3.TABLE_ELEMENT_POSITION.AFTER;
   let count = arguments.length > 3 && arguments[3] !== undefined ? arguments[3] : 1;
   const {
     table,
@@ -428,20 +428,20 @@ const insertTableElement = function (editor, type) {
     cellIndex
   } = getSelectedInfo(editor);
   const eventBus = _eventBus.default.getInstance();
-  eventBus.dispatch(_constants3.INTERNAL_EVENT.CANCEL_TABLE_SELECT_RANGE);
-  if (type === _constants2.TABLE_ELEMENT.ROW) {
-    if (tableSize[0] >= _constants2.TABLE_MAX_ROWS) return;
-    const targetPath = position === _constants2.TABLE_ELEMENT_POSITION.AFTER ? [...tablePath, rowIndex + 1] : [...tablePath, rowIndex];
-    const validCount = Math.min(_constants2.TABLE_MAX_ROWS - tableSize[0], count);
+  eventBus.dispatch(_constants.INTERNAL_EVENT.CANCEL_TABLE_SELECT_RANGE);
+  if (type === _constants3.TABLE_ELEMENT.ROW) {
+    if (tableSize[0] >= _constants3.TABLE_MAX_ROWS) return;
+    const targetPath = position === _constants3.TABLE_ELEMENT_POSITION.AFTER ? [...tablePath, rowIndex + 1] : [...tablePath, rowIndex];
+    const validCount = Math.min(_constants3.TABLE_MAX_ROWS - tableSize[0], count);
     for (let i = 0; i < validCount; i++) {
       const row = generateTableRow(editor, tableSize[1], rowIndex);
       _slate.Transforms.insertNodes(editor, row, {
         at: targetPath
       });
       // handle combined cells
-      if (!(rowIndex === 0 && position === _constants2.TABLE_ELEMENT_POSITION.BEFORE)) {
-        const targetRowIndex = position === _constants2.TABLE_ELEMENT_POSITION.AFTER ? rowIndex : rowIndex - 1;
-        const currentTable = (0, _core.getSelectedNodeByType)(editor, _constants.ELEMENT_TYPE.TABLE);
+      if (!(rowIndex === 0 && position === _constants3.TABLE_ELEMENT_POSITION.BEFORE)) {
+        const targetRowIndex = position === _constants3.TABLE_ELEMENT_POSITION.AFTER ? rowIndex : rowIndex - 1;
+        const currentTable = (0, _core.getSelectedNodeByType)(editor, _constants2.ELEMENT_TYPE.TABLE);
         handleCombinedCellsAfterInsertTableRow(editor, tablePath, currentTable, targetRowIndex);
       }
     }
@@ -449,10 +449,10 @@ const insertTableElement = function (editor, type) {
     (0, _core.focusEditor)(editor, focusPath);
     return;
   }
-  if (type === _constants2.TABLE_ELEMENT.COLUMN) {
-    if (tableSize[1] >= _constants2.TABLE_MAX_COLUMNS) return;
-    const newCellIndex = position === _constants2.TABLE_ELEMENT_POSITION.AFTER ? cellIndex + 1 : cellIndex;
-    const validCount = Math.min(_constants2.TABLE_MAX_COLUMNS - tableSize[1], count);
+  if (type === _constants3.TABLE_ELEMENT.COLUMN) {
+    if (tableSize[1] >= _constants3.TABLE_MAX_COLUMNS) return;
+    const newCellIndex = position === _constants3.TABLE_ELEMENT_POSITION.AFTER ? cellIndex + 1 : cellIndex;
+    const validCount = Math.min(_constants3.TABLE_MAX_COLUMNS - tableSize[1], count);
     const newColumns = getTableColumnsAfterInsertColumn(editor, table, newCellIndex, validCount);
     updateColumnWidth(editor, table, newColumns);
     for (let j = 0; j < validCount; j++) {
@@ -464,9 +464,9 @@ const insertTableElement = function (editor, type) {
         });
       }
       // handle combined cells
-      if (!(cellIndex === 0 && position === _constants2.TABLE_ELEMENT_POSITION.BEFORE)) {
-        const targetColumnIndex = position === _constants2.TABLE_ELEMENT_POSITION.AFTER ? cellIndex : cellIndex - 1;
-        const currentTable = (0, _core.getSelectedNodeByType)(editor, _constants.ELEMENT_TYPE.TABLE);
+      if (!(cellIndex === 0 && position === _constants3.TABLE_ELEMENT_POSITION.BEFORE)) {
+        const targetColumnIndex = position === _constants3.TABLE_ELEMENT_POSITION.AFTER ? cellIndex : cellIndex - 1;
+        const currentTable = (0, _core.getSelectedNodeByType)(editor, _constants2.ELEMENT_TYPE.TABLE);
         handleCombinedCellsAfterInsertTableColumn(editor, tablePath, currentTable, targetColumnIndex);
       }
     }
@@ -518,7 +518,7 @@ const combineCells = editor => {
 
   // for clicking the 'combine cell' icon in the toolbar
   const eventBus = _eventBus.default.getInstance();
-  eventBus.dispatch(_constants3.INTERNAL_EVENT.CANCEL_TABLE_SELECT_RANGE);
+  eventBus.dispatch(_constants.INTERNAL_EVENT.CANCEL_TABLE_SELECT_RANGE);
 };
 exports.combineCells = combineCells;
 const splitCell = (editor, rowNumber, columnNumber) => {
@@ -631,17 +631,17 @@ const removeTableElement = (editor, type) => {
     cellIndex
   } = getSelectedInfo(editor);
   const eventBus = _eventBus.default.getInstance();
-  eventBus.dispatch(_constants3.INTERNAL_EVENT.CANCEL_TABLE_SELECT_RANGE);
-  if (type === _constants2.TABLE_ELEMENT.TABLE) {
+  eventBus.dispatch(_constants.INTERNAL_EVENT.CANCEL_TABLE_SELECT_RANGE);
+  if (type === _constants3.TABLE_ELEMENT.TABLE) {
     removeTable(editor, tablePath);
     return;
   }
-  if (type === _constants2.TABLE_ELEMENT.ROW) {
+  if (type === _constants3.TABLE_ELEMENT.ROW) {
     if (tableSize[0] === 1) {
       removeTable(editor, tablePath);
       return;
     }
-    if (!_objectUtils.default.isSameObject(editor.tableSelectedRange, _constants2.EMPTY_SELECTED_RANGE)) {
+    if (!_objectUtils.default.isSameObject(editor.tableSelectedRange, _constants3.EMPTY_SELECTED_RANGE)) {
       const {
         minRowIndex,
         maxRowIndex
@@ -670,12 +670,12 @@ const removeTableElement = (editor, type) => {
     (0, _core.focusEditor)(editor, focusPath);
     return;
   }
-  if (type === _constants2.TABLE_ELEMENT.COLUMN) {
+  if (type === _constants3.TABLE_ELEMENT.COLUMN) {
     if (tableSize[1] === 1) {
       removeTable(editor, tablePath);
       return;
     }
-    if (!_objectUtils.default.isSameObject(editor.tableSelectedRange, _constants2.EMPTY_SELECTED_RANGE)) {
+    if (!_objectUtils.default.isSameObject(editor.tableSelectedRange, _constants3.EMPTY_SELECTED_RANGE)) {
       const {
         minColIndex,
         maxColIndex
@@ -806,7 +806,7 @@ const setTableSelectedRange = (editor, range) => {
     editor.tableSelectedRange = range;
     return;
   }
-  editor.tableSelectedRange = _constants2.EMPTY_SELECTED_RANGE;
+  editor.tableSelectedRange = _constants3.EMPTY_SELECTED_RANGE;
 };
 exports.setTableSelectedRange = setTableSelectedRange;
 const updateTableRowHeight = (editor, element, rowHeight) => {
@@ -815,11 +815,11 @@ const updateTableRowHeight = (editor, element, rowHeight) => {
   const {
     style = {}
   } = targetNode;
-  if (style[_constants2.TABLE_ROW_STYLE.MIN_HEIGHT] === rowHeight) return;
+  if (style[_constants3.TABLE_ROW_STYLE.MIN_HEIGHT] === rowHeight) return;
   _slate.Transforms.setNodes(editor, {
     style: {
       ...style,
-      [_constants2.TABLE_ROW_STYLE.MIN_HEIGHT]: rowHeight
+      [_constants3.TABLE_ROW_STYLE.MIN_HEIGHT]: rowHeight
     }
   }, {
     at: path
@@ -874,7 +874,7 @@ const getTableColumnsAfterInsertColumn = (editor, element, targetColumnIndex, in
   return newColumns.map(column => {
     return {
       ...column,
-      width: Math.max(parseInt(column.width / proportion), _constants2.TABLE_CELL_MIN_WIDTH)
+      width: Math.max(parseInt(column.width / proportion), _constants3.TABLE_CELL_MIN_WIDTH)
     };
   });
 };
@@ -882,7 +882,7 @@ exports.getTableColumnsAfterInsertColumn = getTableColumnsAfterInsertColumn;
 const getTableColumns = (editor, element) => {
   if (!element) return [];
   let tableElement = element;
-  if (element.type === _constants.ELEMENT_TYPE.TABLE_CELL) {
+  if (element.type === _constants2.ELEMENT_TYPE.TABLE_CELL) {
     const cellPath = (0, _core.findPath)(editor, element);
     const tablePath = cellPath.slice(0, -2);
     tableElement = (0, _core.getNode)(editor, tablePath);
@@ -894,10 +894,10 @@ const getTableColumns = (editor, element) => {
   if (columns) return columns;
   const columnsCount = children[0].children.length;
   let initColumns = [];
-  const pageEditAreaWidth = editor.width || _constants3.PAGE_EDIT_AREA_WIDTH;
+  const pageEditAreaWidth = editor.width || _constants.PAGE_EDIT_AREA_WIDTH;
   for (let i = 0; i < columnsCount; i++) {
     const column = {
-      width: Math.max(_constants2.TABLE_CELL_MIN_WIDTH, parseInt(pageEditAreaWidth / columnsCount))
+      width: Math.max(_constants3.TABLE_CELL_MIN_WIDTH, parseInt(pageEditAreaWidth / columnsCount))
     };
     initColumns.push(column);
   }
@@ -906,7 +906,7 @@ const getTableColumns = (editor, element) => {
 exports.getTableColumns = getTableColumns;
 const getCellColumn = (editor, cellElement) => {
   let column = {
-    width: _constants2.TABLE_CELL_MIN_WIDTH
+    width: _constants3.TABLE_CELL_MIN_WIDTH
   };
   if (!editor || !cellElement) return column;
   const cellPath = (0, _core.findPath)(editor, cellElement);
@@ -919,12 +919,12 @@ const getCellColumn = (editor, cellElement) => {
     columns
   } = tableElement;
   const columnsCount = tableElement.children[0].children.length;
-  const pageEditAreaWidth = editor.width || _constants3.PAGE_EDIT_AREA_WIDTH;
+  const pageEditAreaWidth = editor.width || _constants.PAGE_EDIT_AREA_WIDTH;
   if (columns) {
     column = columns[cellIndex];
   }
   return column || {
-    width: Math.max(_constants2.TABLE_CELL_MIN_WIDTH, parseInt(pageEditAreaWidth / columnsCount))
+    width: Math.max(_constants3.TABLE_CELL_MIN_WIDTH, parseInt(pageEditAreaWidth / columnsCount))
   };
 };
 exports.getCellColumn = getCellColumn;
@@ -940,7 +940,7 @@ const elementHasImage = element => {
   if (!element) return false;
   if (!Array.isArray(element.children) || element.children.length === 0) return false;
   return element.children.some(child => {
-    if (child.type === _constants.ELEMENT_TYPE.IMAGE) return true;
+    if (child.type === _constants2.ELEMENT_TYPE.IMAGE) return true;
     if (_objectUtils.default.hasProperty(child, 'children')) {
       return elementHasImage(child);
     }
@@ -970,11 +970,11 @@ const insertMultipleRowsAndColumns = (editor, rows, columns) => {
   } = getSelectedInfo(editor);
   let newTable = (0, _deepCopy.default)(table);
   const eventBus = _eventBus.default.getInstance();
-  eventBus.dispatch(_constants3.INTERNAL_EVENT.CANCEL_TABLE_SELECT_RANGE);
+  eventBus.dispatch(_constants.INTERNAL_EVENT.CANCEL_TABLE_SELECT_RANGE);
   const insertRows = rows.slice(tableSize[0] - rowIndex);
   const insertColumns = columns.slice(tableSize[1] - cellIndex);
-  const validInsertRows = insertRows.slice(0, Math.min(_constants2.TABLE_MAX_ROWS - tableSize[0], insertRows.length));
-  const validInsertColumns = insertColumns.slice(0, Math.min(_constants2.TABLE_MAX_COLUMNS - tableSize[1], columns.length));
+  const validInsertRows = insertRows.slice(0, Math.min(_constants3.TABLE_MAX_ROWS - tableSize[0], insertRows.length));
+  const validInsertColumns = insertColumns.slice(0, Math.min(_constants3.TABLE_MAX_COLUMNS - tableSize[1], columns.length));
   for (let i = 0; i < validInsertRows.length; i++) {
     const insertRow = validInsertRows[i];
     const row = generateTableRow(editor, tableSize[1], rowIndex);
@@ -990,10 +990,10 @@ const insertMultipleRowsAndColumns = (editor, rows, columns) => {
       newTable.children[i].children.push(newCell);
     }
   }
-  for (let i = rowIndex; i < Math.min(_constants2.TABLE_MAX_ROWS, rowIndex + rows.length); i++) {
+  for (let i = rowIndex; i < Math.min(_constants3.TABLE_MAX_ROWS, rowIndex + rows.length); i++) {
     const row = rows[i - rowIndex];
     const cells = row.children;
-    for (let j = cellIndex; j < Math.min(_constants2.TABLE_MAX_COLUMNS, cellIndex + columns.length); j++) {
+    for (let j = cellIndex; j < Math.min(_constants3.TABLE_MAX_COLUMNS, cellIndex + columns.length); j++) {
       const replaceCellIndex = j - cellIndex;
       const replaceCell = cells[replaceCellIndex];
       newTable.children[i].children[j].children = (0, _helpers.replacePastedDataId)(replaceCell.children);
@@ -1015,11 +1015,11 @@ const insertMultipleRowsAndColumns = (editor, rows, columns) => {
 };
 exports.insertMultipleRowsAndColumns = insertMultipleRowsAndColumns;
 const setTableFragmentData = (editor, dataTransfer) => {
-  const selectedNode = (0, _core.getSelectedNodeByType)(editor, _constants.ELEMENT_TYPE.TABLE);
+  const selectedNode = (0, _core.getSelectedNodeByType)(editor, _constants2.ELEMENT_TYPE.TABLE);
   const fragment = editor.getFragment();
   const string = JSON.stringify(fragment);
   const encoded = window.btoa(encodeURIComponent(string));
-  dataTransfer.setData(`application/${_constants.CLIPBOARD_FORMAT_KEY}`, encoded);
+  dataTransfer.setData(`application/${_constants2.CLIPBOARD_FORMAT_KEY}`, encoded);
   const tableDom = document.createElement('table');
   const {
     minColIndex,
@@ -1081,9 +1081,9 @@ const deleteTableRangeData = editor => {
     }
   }
   if (forceCellPath) {
-    editor.tableSelectedRange = _constants2.EMPTY_SELECTED_RANGE;
+    editor.tableSelectedRange = _constants3.EMPTY_SELECTED_RANGE;
     const eventBus = _eventBus.default.getInstance();
-    eventBus.dispatch(_constants3.INTERNAL_EVENT.CANCEL_TABLE_SELECT_RANGE);
+    eventBus.dispatch(_constants.INTERNAL_EVENT.CANCEL_TABLE_SELECT_RANGE);
     (0, _core.focusEditor)(editor, forceCellPath);
     const {
       focus: newFocus
@@ -1101,7 +1101,7 @@ const deleteHandler = editor => {
     tableSelectedRange
   } = editor;
   if (selection == null) return '';
-  if (!_objectUtils.default.isSameObject(tableSelectedRange, _constants2.EMPTY_SELECTED_RANGE)) {
+  if (!_objectUtils.default.isSameObject(tableSelectedRange, _constants3.EMPTY_SELECTED_RANGE)) {
     if (isSelectedAllCell(editor)) return 'table';
     return 'range';
   }
@@ -1112,7 +1112,7 @@ const deleteHandler = editor => {
         const parentNode = (0, _core.getParentNode)(editor.children, n.id);
         type = (0, _core.getNodeType)(parentNode);
       }
-      return type === _constants.ELEMENT_TYPE.TABLE_CELL;
+      return type === _constants2.ELEMENT_TYPE.TABLE_CELL;
     }
   });
   if (cellNodeEntry) {
@@ -1134,7 +1134,7 @@ const isTableLocation = (editor, location) => {
         const parentNode = (0, _core.getParentNode)(editor.children, n.id);
         type = (0, _core.getNodeType)(parentNode);
       }
-      return type === _constants.ELEMENT_TYPE.TABLE_CELL;
+      return type === _constants2.ELEMENT_TYPE.TABLE_CELL;
     }
   });
   let hasTable = false;
@@ -1176,10 +1176,10 @@ const focusCell = function (editor, event) {
   const {
     focus
   } = selection;
-  if (keyboardName === _constants.KEYBOARD.UP) {
+  if (keyboardName === _constants2.KEYBOARD.UP) {
     if (!isCursorAtCellStart(focus.offset)) {
       setTimeout(() => {
-        if ((0, _core.getSelectedNodeByType)(editor, _constants.ELEMENT_TYPE.TABLE)) {
+        if ((0, _core.getSelectedNodeByType)(editor, _constants2.ELEMENT_TYPE.TABLE)) {
           const {
             cellIndex: newCellIndex
           } = getSelectedInfo(editor);
@@ -1219,7 +1219,7 @@ const focusCell = function (editor, event) {
       anchor: newFocus
     });
   }
-  if (keyboardName === _constants.KEYBOARD.RIGHT) {
+  if (keyboardName === _constants2.KEYBOARD.RIGHT) {
     if (!isCursorAtCellEnd(cell, focus.offset)) return;
     event.preventDefault();
     if (rowIndex === tableSize[0] - 1 && cellIndex === tableSize[1] - 1) {
@@ -1239,10 +1239,10 @@ const focusCell = function (editor, event) {
       anchor: newAnchor
     });
   }
-  if (keyboardName === _constants.KEYBOARD.DOWN) {
+  if (keyboardName === _constants2.KEYBOARD.DOWN) {
     if (!isCursorAtCellEnd(cell, focus.offset)) {
       setTimeout(() => {
-        if ((0, _core.getSelectedNodeByType)(editor, _constants.ELEMENT_TYPE.TABLE)) {
+        if ((0, _core.getSelectedNodeByType)(editor, _constants2.ELEMENT_TYPE.TABLE)) {
           const {
             cellIndex: newCellIndex
           } = getSelectedInfo(editor);
@@ -1282,7 +1282,7 @@ const focusCell = function (editor, event) {
       anchor: newAnchor
     });
   }
-  if (keyboardName === _constants.KEYBOARD.LEFT) {
+  if (keyboardName === _constants2.KEYBOARD.LEFT) {
     if (!isCursorAtCellStart(focus.offset)) return;
     event.preventDefault();
     if (rowIndex === 0 && cellIndex === 0) {
@@ -1307,7 +1307,7 @@ const focusCell = function (editor, event) {
 };
 exports.focusCell = focusCell;
 const isLastTableCell = (editor, cellNode) => {
-  if (cellNode[0].type !== _constants.ELEMENT_TYPE.TABLE_CELL) return false;
+  if (cellNode[0].type !== _constants2.ELEMENT_TYPE.TABLE_CELL) return false;
   const {
     tableSize
   } = getSelectedInfo(editor);
@@ -1351,7 +1351,7 @@ const getRowHeight = (element, rowIndex) => {
   const {
     style = {}
   } = element;
-  const rowHeight = style[_constants2.TABLE_ROW_STYLE.MIN_HEIGHT] || _constants2.TABLE_ROW_MIN_HEIGHT;
+  const rowHeight = style[_constants3.TABLE_ROW_STYLE.MIN_HEIGHT] || _constants3.TABLE_ROW_MIN_HEIGHT;
   return rowIndex === 0 ? rowHeight + 1 : rowHeight;
 };
 exports.getRowHeight = getRowHeight;
@@ -1374,7 +1374,7 @@ const getRowDomHeight = (editor, row) => {
   }
   // if the row is empty, get the height from style
   if (!height) {
-    height = row.style[_constants2.TABLE_ROW_STYLE.MIN_HEIGHT] || _constants2.TABLE_ROW_MIN_HEIGHT;
+    height = row.style[_constants3.TABLE_ROW_STYLE.MIN_HEIGHT] || _constants3.TABLE_ROW_MIN_HEIGHT;
   }
   return height;
 };
@@ -1393,7 +1393,7 @@ const normalizeTableCell = (editor, cell) => {
   let newCellChildren = [];
   newCell.children.forEach(cellChild => {
     const cellChildType = cellChild.type;
-    if (cellChildType === _constants.ELEMENT_TYPE.PARAGRAPH) {
+    if (cellChildType === _constants2.ELEMENT_TYPE.PARAGRAPH) {
       newCellChildren.push(...cellChild.children);
     } else {
       newCellChildren.push(cellChild);
@@ -1428,7 +1428,7 @@ const normalizeTableCell = (editor, cell) => {
   return newCell;
 };
 const normalizeTableELement = (editor, element) => {
-  if (element.type !== _constants.ELEMENT_TYPE.TABLE) {
+  if (element.type !== _constants2.ELEMENT_TYPE.TABLE) {
     const size = [element.children.length, element.children[0].children.length];
     return generateEmptyTable(editor, {
       size
@@ -1471,17 +1471,17 @@ const handleInsertTable = (editor, insertPosition, path, tableNode) => {
   const {
     selection
   } = editor;
-  if (insertPosition === _constants.INSERT_POSITION.BEFORE) {
+  if (insertPosition === _constants2.INSERT_POSITION.BEFORE) {
     const insertPath = [path[0]];
     _slate.Transforms.insertNodes(editor, tableNode, {
       at: insertPath
     });
-  } else if (insertPosition === _constants.INSERT_POSITION.AFTER) {
+  } else if (insertPosition === _constants2.INSERT_POSITION.AFTER) {
     const insertPath = [path[0] + 1];
     _slate.Transforms.insertNodes(editor, tableNode, {
       at: insertPath
     });
-  } else if (insertPosition === _constants.INSERT_POSITION.CURRENT) {
+  } else if (insertPosition === _constants2.INSERT_POSITION.CURRENT) {
     _slate.Transforms.splitNodes(editor, {
       at: selection,
       always: true
@@ -1497,15 +1497,15 @@ const getInsertPosition = editor => {
   const {
     selection
   } = editor;
-  if (!selection) return _constants.INSERT_POSITION.CURRENT;
-  if (!_slate.Range.isCollapsed(selection)) return _constants.INSERT_POSITION.CURRENT;
+  if (!selection) return _constants2.INSERT_POSITION.CURRENT;
+  if (!_slate.Range.isCollapsed(selection)) return _constants2.INSERT_POSITION.CURRENT;
   const aboveNodeEntry = (0, _core.getAboveBlockNode)(editor);
-  if (!aboveNodeEntry) return _constants.INSERT_POSITION.CURRENT;
+  if (!aboveNodeEntry) return _constants2.INSERT_POSITION.CURRENT;
   const isAtStart = _slate.Editor.isStart(editor, selection.anchor, aboveNodeEntry[1]);
-  if (isAtStart) return _constants.INSERT_POSITION.BEFORE;
+  if (isAtStart) return _constants2.INSERT_POSITION.BEFORE;
   const isAtEnd = _slate.Editor.isEnd(editor, selection.anchor, aboveNodeEntry[1]);
-  if (isAtEnd) return _constants.INSERT_POSITION.AFTER;
-  return _constants.INSERT_POSITION.CURRENT;
+  if (isAtEnd) return _constants2.INSERT_POSITION.AFTER;
+  return _constants2.INSERT_POSITION.CURRENT;
 };
 exports.getInsertPosition = getInsertPosition;
 const generateInheritStyle = (allowedInheritStyleList, style, cell) => {
@@ -1523,7 +1523,7 @@ exports.generateInheritStyle = generateInheritStyle;
 const getCellInheritStyles = (editor, tablePath, rowIndex, colIndex) => {
   var _table$children$rowIn, _tableCell$inherit_st;
   const [tableNodeEntry] = _slate.Editor.nodes(editor, {
-    match: n => n.type === _constants.ELEMENT_TYPE.TABLE,
+    match: n => n.type === _constants2.ELEMENT_TYPE.TABLE,
     at: tablePath
   });
   if (!tableNodeEntry) return {};
@@ -1538,7 +1538,7 @@ const getCellHighlightClassName = (primaryColorClassName, rowIndex) => {
   if (rowIndex === 0) {
     className = primaryColorClassName;
   } else if (rowIndex % 2 === 0) {
-    className = _constants2.TABLE_ALTERNATE_HIGHLIGHT_CLASS_MAP[primaryColorClassName];
+    className = _constants3.TABLE_ALTERNATE_HIGHLIGHT_CLASS_MAP[primaryColorClassName];
   }
   return className;
 };
@@ -1628,7 +1628,7 @@ const getHighlightClass = (editor, cellPath) => {
   var _tableEntry$;
   const [tableEntry] = _slate.Editor.nodes(editor, {
     at: cellPath,
-    match: n => n.type === _constants.ELEMENT_TYPE.TABLE
+    match: n => n.type === _constants2.ELEMENT_TYPE.TABLE
   });
   const {
     alternate_highlight,
@@ -1657,7 +1657,7 @@ const adjustCombinedCellRange = (table, range) => {
   if (rowspan > 1 || colspan > 1) {
     const isRowCombined = minRowIndex + rowspan === maxRowIndex + 1;
     const isColCombined = minColIndex + colspan === maxColIndex + 1;
-    if (isRowCombined && isColCombined) return _constants2.EMPTY_SELECTED_RANGE;
+    if (isRowCombined && isColCombined) return _constants3.EMPTY_SELECTED_RANGE;
   }
   return range;
 };
@@ -1691,7 +1691,7 @@ const getTableDragType = (table, selectedRange) => {
     maxRowIndex
   } = selectedRange;
   const isSelectColumn = minRowIndex === 0 && maxRowIndex === rowCount - 1;
-  return isSelectColumn ? _constants2.DRAG_HANDLER_COLUMN : _constants2.DRAG_HANDLER_ROW;
+  return isSelectColumn ? _constants3.DRAG_HANDLER_COLUMN : _constants3.DRAG_HANDLER_ROW;
 };
 exports.getTableDragType = getTableDragType;
 const updateTableColumns = (editor, table, targetColIndex, startColIndex, endColIndex) => {
@@ -1785,7 +1785,7 @@ const getTableSelectedRangeAfterDrag = (table, moveType, targetIndex, startIndex
   const isMoveToFroward = targetIndex < startIndex;
 
   // Adjust selected range based on the type of drag operation
-  if (moveType === _constants2.DRAG_HANDLER_COLUMN) {
+  if (moveType === _constants3.DRAG_HANDLER_COLUMN) {
     if (isMoveToFroward) {
       newSelectRange.minColIndex = targetIndex;
       newSelectRange.maxColIndex = targetIndex + endIndex - startIndex;
@@ -1885,19 +1885,19 @@ const isHideDragHandlerLine = (editor, displayType, table, cellPath, isDragOverC
 
   // Check is above cell selected
   let currentCellDom = _slateReact.ReactEditor.toDOMNode(editor, table.children[rowIndex].children[cellIndex]);
-  let isCurrentCellSelected = currentCellDom.classList.contains(_constants2.CELL_SELECTED);
+  let isCurrentCellSelected = currentCellDom.classList.contains(_constants3.CELL_SELECTED);
   if (isCurrentCellSelected) return true;
   if (isDragOverCellHalf) {
-    if (displayType === _constants2.DRAG_HANDLER_COLUMN) {
+    if (displayType === _constants3.DRAG_HANDLER_COLUMN) {
       cellIndex = cellIndex + 1;
     } else {
       rowIndex = rowIndex + 1;
     }
   }
-  const isEndOfRowOrColumn = displayType === _constants2.DRAG_HANDLER_COLUMN && cellIndex === table.columns.length || displayType === _constants2.DRAG_HANDLER_ROW && rowIndex === table.children.length;
+  const isEndOfRowOrColumn = displayType === _constants3.DRAG_HANDLER_COLUMN && cellIndex === table.columns.length || displayType === _constants3.DRAG_HANDLER_ROW && rowIndex === table.children.length;
   if (isEndOfRowOrColumn) return false;
   let preCellDom = null;
-  if (displayType === _constants2.DRAG_HANDLER_COLUMN && cellIndex > 0) {
+  if (displayType === _constants3.DRAG_HANDLER_COLUMN && cellIndex > 0) {
     const prevCell = table.children[rowIndex].children[cellIndex - 1];
     preCellDom = _slateReact.ReactEditor.toDOMNode(editor, prevCell);
 
@@ -1911,7 +1911,7 @@ const isHideDragHandlerLine = (editor, displayType, table, cellPath, isDragOverC
       return (cell === null || cell === void 0 ? void 0 : cell.is_combined) === true;
     });
     if (beforeLineColumnHasCombined && afterLineColumnHasCombined) return true;
-  } else if (displayType === _constants2.DRAG_HANDLER_ROW && rowIndex > 0) {
+  } else if (displayType === _constants3.DRAG_HANDLER_ROW && rowIndex > 0) {
     const prevCell = table.children[rowIndex - 1].children[cellIndex];
     preCellDom = _slateReact.ReactEditor.toDOMNode(editor, prevCell);
 
@@ -1925,15 +1925,15 @@ const isHideDragHandlerLine = (editor, displayType, table, cellPath, isDragOverC
 
   // Check is above cell selected
   currentCellDom = _slateReact.ReactEditor.toDOMNode(editor, table.children[rowIndex].children[cellIndex]);
-  isCurrentCellSelected = currentCellDom.classList.contains(_constants2.CELL_SELECTED);
+  isCurrentCellSelected = currentCellDom.classList.contains(_constants3.CELL_SELECTED);
   if (isCurrentCellSelected) return true;
 
   // Check if the previous cell is selected
-  const isPrevCellSelected = preCellDom && preCellDom.classList.contains(_constants2.CELL_SELECTED);
+  const isPrevCellSelected = preCellDom && preCellDom.classList.contains(_constants3.CELL_SELECTED);
   if (isPrevCellSelected) return true;
   let isCombined = false;
   // Check if the combined cell
-  if (displayType === _constants2.DRAG_HANDLER_COLUMN) {
+  if (displayType === _constants3.DRAG_HANDLER_COLUMN) {
     isCombined = table.children.some(row => row.children[cellIndex - isDragOverCellHalf].is_combined);
   } else {
     isCombined = table.children[rowIndex - isDragOverCellHalf].children.some(cell => cell.is_combined);
@@ -1941,7 +1941,7 @@ const isHideDragHandlerLine = (editor, displayType, table, cellPath, isDragOverC
   if (isCombined) return true;
 
   // Check is the last column
-  if (displayType === _constants2.DRAG_HANDLER_COLUMN) {
+  if (displayType === _constants3.DRAG_HANDLER_COLUMN) {
     const isLastColumn = cellIndex === table.columns.length - 1;
     if (isLastColumn) return false;
   }
@@ -2052,7 +2052,7 @@ const fitTableColumnToScreen = editor => {
     tablePath
   } = getSelectedInfo(editor);
   const colCount = table.columns.length;
-  const columnWidth = Math.max(_constants2.TABLE_CELL_MIN_WIDTH, parseInt(editor.width / colCount));
+  const columnWidth = Math.max(_constants3.TABLE_CELL_MIN_WIDTH, parseInt(editor.width / colCount));
   const columns = table.columns.map(column => ({
     ...column,
     width: columnWidth