Function handleInserInGrid

packages/models/src/transforms/utils.ts:42–84

(editor: Editor, at: Location | null = editor.selection)

}

export const handleInserInGrid = (editor: Editor, at: Location | null = editor.selection) => {
  const { grid, start, end } = findGridOfEdges(editor, at)
  // anchor 与 focus 在同一grid内
  if (grid) {
    // 设置 selection 到 anchor
    Transforms.collapse(editor, { edge: 'anchor' })
  }
  // focus 在grid内
  else if (end) {
    Transforms.collapse(editor, { edge: 'anchor' })
    return false
  }
  // anchor 在grid内
  else if (start) {
    const [, startPath] = start
    const grid = Grid.above(editor, startPath)
    if (grid) {
      const { children } = grid[0]
      const path = startPath.slice(0, -1)
      const rowIndex = path[path.length - 1]
      if (rowIndex === 0) {
        Grid.remove(editor, grid)
      } else {
        for (let r = children.length - 1; r >= rowIndex; r--) {
          Grid.removeRow(editor, grid[1], r)
        }
      }
      // 重新设置 anchor
      const nextPath = rowIndex === 0 ? grid[1] : Path.next(grid[1])
      const { selection } = editor
      if (selection) {
        Transforms.select(editor, {
          ...selection,
          anchor: Editor.start(editor, {
            path: nextPath,
            offset: 0,
          }),
        })
      }
    }
  }
  return true
}