Function InsertActionDefault

packages/plugins/table/src/components/action.tsx:43–126

({
  editor,
  table,
  left,
  top,
  height,
  width,
  index,
})

// insert action
const InsertActionDefault: React.FC<TableActionProps> = ({
  editor,
  table,
  left,
  top,
  height,
  width,
  index,
}) => {
  if (left !== undefined) {
    left -= 1
  }
  if (top !== undefined) {
    top -= 1
  }

  if (height !== undefined) {
    height += 11
  }
  if (width !== undefined) {
    width += 11
  }

  const type = left !== undefined ? TYPE_COL : TYPE_ROW

  const { minColWidth = defaultTableMinColWidth, minRowHeight = defaultTableMinRowHeight } =
    useTableOptions(editor)

  const draggingTo = useTableDragTo()

  const handleMouseDown = (event: React.MouseEvent) => {
    event.preventDefault()
    if (type === TYPE_COL) {
      let colWidth = minColWidth
      const { colsWidth } = table
      if (colsWidth) {
        if (index >= colsWidth.length) colWidth = colsWidth[colsWidth.length - 1]
        else {
          colWidth = colsWidth[index]
        }
      }
      const path = Editable.findPath(editor, table)
      Grid.insertCol(editor, path, index, { type: TABLE_CELL_KEY }, colWidth, minColWidth)
      const newGrid = Grid.above(editor, path)
      if (newGrid && newGrid[0].colsWidth) {
        const newColsWidth = adaptiveExpandColumnWidthInContainer(editor, newGrid[0].colsWidth)
        Transforms.setNodes<Grid>(editor, { colsWidth: newColsWidth }, { at: path })
      }
    } else if (type === TYPE_ROW) {
      Grid.insertRow(
        editor,
        Editable.findPath(editor, table),
        index,
        { type: TABLE_ROW_KEY },
        { type: TABLE_CELL_KEY },
        minRowHeight,
      )
    }