Function TableComponent

packages/plugins/table/src/components/table.tsx:41–339

({ editor, element, attributes, children })

}

const TableComponent: React.FC<TableProps> = ({ editor, element, attributes, children }) => {
  const nodeSelected = useNodeSelected()

  const nodeFocused = useNodeFocused()

  const selection = useGridSelection()

  const selected = useGridSelected()

  const tableRef = React.useRef<HTMLTableElement>(null)

  const dragging = useTableDragging()

  /**
   * 部分选中表格，让选中部分选中表格的整行
   */
  useIsomorphicLayoutEffect(() => {
    const { selection } = editor
    if (selection && nodeSelected && !nodeFocused) {
      let { anchor, focus } = selection
      const isBackward = Range.isBackward(selection)
      const [startRow] = Editor.nodes<TableRow>(editor, {
        at: anchor.path,
        match: n => TableRowEditor.isTableRow(editor, n),
      })
      if (startRow) {
        const [row, path] = startRow
        const { children: cells } = row
        const table = Grid.above(editor, path)
        if (table) {
          if (isBackward) {
            const sel = Grid.edges(editor, table, {
              start: [0, 0],
              end: [path[path.length - 1], cells.length - 1],
            })
            anchor = Editor.start(editor, path.slice(0, -1).concat(sel.end))
          } else {
            const sel = Grid.edges(editor, table, {
              start: [path[path.length - 1], 0],
              end: [table[0].children.length - 1, cells.length - 1],
            })
            anchor = Editor.start(editor, path.slice(0, -1).concat(sel.start))
          }
        }
      }
      const [endRow] = Editor.nodes<TableRow>(editor, {
        at: focus.path,
        match: n => TableRowEditor.isTableRow(editor, n),
      })
      if (endRow) {
        const [row, path] = endRow
        const { children: cells } = row
        const table = Grid.above(editor, path)
        if (table) {
          if (isBackward) {
            const sel = Grid.edges(editor, table, {
              start: [table[0].children.length - 1, cells.length - 1],
              end: [path[path.length - 1], 0],