@opentiny/fluent-editor 3.20.0 → 3.20.1

package/es/table/modules/table-column-tool.es.js.map

@@ -1 +1 @@
-{"version":3,"file":"table-column-tool.es.js","sources":["../../../../src/table/modules/table-column-tool.ts"],"sourcesContent":["import Quill from 'quill'\r\nimport { CELL_MIN_HEIGHT, CELL_MIN_WIDTH, COL_TOOL_HEIGHT, PRIMARY_COLOR, ROW_TOOL_WIDTH } from '../table-config'\r\nimport { css } from '../utils'\r\n\r\nexport default class TableColumnTool {\r\n  table: any\r\n  quill: any\r\n  modulesContainer: any\r\n  domNode: any\r\n  columnCtrlPanel: HTMLDivElement\r\n  leftMask: HTMLDivElement\r\n  rowCtrlPanel: HTMLDivElement\r\n  activeToolCell: HTMLElement\r\n  oldRootScrollTop: any\r\n  constructor(table, quill, dom) {\r\n    if (!table) {\r\n      /* eslint-disable-next-line no-constructor-return */\r\n      return null\r\n    }\r\n    this.table = table\r\n    this.quill = quill\r\n    this.modulesContainer = dom\r\n    this.domNode = null\r\n    this.oldRootScrollTop = this.quill.root.scrollTop\r\n\r\n    this.initColTool()\r\n\r\n    if (this.quill.root === this.quill.scrollingContainer) {\r\n      this.quill.root.addEventListener('scroll', this.handleQuillRootScroll.bind(this))\r\n    }\r\n  }\r\n\r\n  handleQuillRootScroll() {\r\n    if (this.domNode) {\r\n      this.domNode.style.marginTop = `${this.oldRootScrollTop - this.quill.root.scrollTop}px`\r\n    }\r\n  }\r\n\r\n  initColTool() {\r\n    const parent = this.quill.root.parentNode\r\n    const containerRect = parent.getBoundingClientRect()\r\n    const tableViewRect = this.table.parentNode.getBoundingClientRect()\r\n\r\n    this.domNode = document.createElement('div')\r\n    this.domNode.classList.add('qlbt-table-control-panel')\r\n\r\n    // 以下添加顺序影响遮罩顺序，勿改变\r\n    this.columnCtrlPanel = document.createElement('div')\r\n    this.columnCtrlPanel.classList.add('qlbt-column-control-panel')\r\n    this.domNode.appendChild(this.columnCtrlPanel)\r\n\r\n    this.leftMask = document.createElement('div')\r\n    this.leftMask.classList.add('qlbt-left-mask')\r\n    css(this.leftMask, { height: `${tableViewRect.height + 50}px` })\r\n    this.domNode.appendChild(this.leftMask)\r\n\r\n    this.rowCtrlPanel = document.createElement('div')\r\n    this.rowCtrlPanel.classList.add('qlbt-row-control-panel')\r\n    this.domNode.appendChild(this.rowCtrlPanel)\r\n\r\n    this.updateRowToolCells()\r\n    this.updateColToolCells()\r\n\r\n    this.modulesContainer.appendChild(this.domNode)\r\n    css(this.domNode, {\r\n      width: '100%',\r\n      height: `${COL_TOOL_HEIGHT}px`,\r\n      left: '0px',\r\n      top: `${tableViewRect.top - containerRect.top + parent.scrollTop - 25}px`,\r\n    })\r\n  }\r\n\r\n  createToolCell(isRow) {\r\n    // @ts-ignore\r\n    window.quillIsIntable = true\r\n    const toolCell = document.createElement('div')\r\n    const selector = document.createElement('div')\r\n    const resizeHolder = document.createElement('div')\r\n    if (isRow) {\r\n      toolCell.classList.add('qlbt-row-tool-cell')\r\n      selector.classList.add('qlbt-row-tool-cell-selector')\r\n      resizeHolder.classList.add('qlbt-row-tool-cell-holder')\r\n      css(toolCell, { width: `${ROW_TOOL_WIDTH}px` })\r\n    }\r\n    else {\r\n      toolCell.classList.add('qlbt-col-tool-cell')\r\n      selector.classList.add('qlbt-col-tool-cell-selector')\r\n      resizeHolder.classList.add('qlbt-col-tool-cell-holder')\r\n      css(toolCell, { height: `${COL_TOOL_HEIGHT}px` })\r\n    }\r\n    toolCell.appendChild(selector)\r\n    toolCell.appendChild(resizeHolder)\r\n    return toolCell\r\n  }\r\n\r\n  updateColToolCells() {\r\n    const tableContainer = Quill.find(this.table)\r\n    if (!tableContainer) {\r\n      return\r\n    }\r\n    const tableCols = tableContainer.colGroup().children\r\n    const tableColsNum = Math.max(Array.from(tableCols).length, tableContainer.colGroup().domNode.children.length)\r\n    const existCells: any = Array.from(this.columnCtrlPanel.querySelectorAll('.qlbt-col-tool-cell'))\r\n    const cellsNumber = Math.max(existCells.length, tableColsNum)\r\n\r\n    for (let index = 0; index < cellsNumber; index++) {\r\n      let col = tableCols.at(index)\r\n      let colWidth = 0\r\n      if (!col || col.domNode !== tableContainer.colGroup().domNode.children[index]) {\r\n        col = tableContainer.colGroup().domNode.children[index]\r\n        colWidth = col ? col.width : tableContainer.colGroup().domNode.children[index - 1].width\r\n      }\r\n      else {\r\n        colWidth = parseInt(col.formats()[col.statics.blotName].width, 10)\r\n      }\r\n      // if cell already exist\r\n      let colToolCell = null\r\n      if (!existCells[index]) {\r\n        colToolCell = this.createToolCell(false)\r\n        this.columnCtrlPanel.appendChild(colToolCell)\r\n        this.addColCellSelectHandler(colToolCell)\r\n        this.addColCellHolderHandler(colToolCell)\r\n        // set tool cell min-width\r\n        css(colToolCell, {\r\n          'min-width': `${colWidth}px`,\r\n        })\r\n      }\r\n      else if (existCells[index] && index >= tableColsNum) {\r\n        existCells[index].remove()\r\n      }\r\n      else {\r\n        colToolCell = existCells[index]\r\n        // set tool cell min-width\r\n        css(colToolCell, {\r\n          'min-width': `${colWidth}px`,\r\n        })\r\n      }\r\n    }\r\n  }\r\n\r\n  updateRowToolCells() {\r\n    const tableContainer = Quill.find(this.table)\r\n    if (!tableContainer) {\r\n      return\r\n    }\r\n    let tableRows = Array.from(tableContainer.domNode.querySelectorAll('tr'))\r\n    tableRows = tableRows.filter((tr: any) => tr.children.length)\r\n    const existCells: any = Array.from(this.rowCtrlPanel.querySelectorAll('.qlbt-row-tool-cell'))\r\n    const rowNumber = Math.max(existCells.length, tableRows.length)\r\n\r\n    for (let index = 0; index < rowNumber; index++) {\r\n      const row: any = tableRows[index]\r\n\r\n      // fix: 修复 IE11/Edge 下无法拿到 height 的问题\r\n      // IE11/Edge 下 height 会变成 'auto'\r\n      let computedHeight = row && getComputedStyle(row)['height']\r\n      if (computedHeight === 'auto') {\r\n        computedHeight = row.querySelector('td').style.height || '30px'\r\n      }\r\n\r\n      let rowHeight = row && parseFloat(computedHeight)\r\n      if (rowHeight < CELL_MIN_HEIGHT) {\r\n        const rowChildHeight = row && row.childNodes[0] && parseFloat(getComputedStyle(row.childNodes[0])['height'])\r\n        rowHeight = rowChildHeight\r\n      }\r\n      // if cell already exist\r\n      let rowToolCell = null\r\n      if (!existCells[index]) {\r\n        rowToolCell = this.createToolCell(true)\r\n        this.rowCtrlPanel.appendChild(rowToolCell)\r\n        this.addRowCellSelectHandler(rowToolCell)\r\n        this.addRowCellHolderHandler(rowToolCell)\r\n        // set tool cell height, ff not support min-height\r\n        css(rowToolCell, { height: `${rowHeight}px` })\r\n      }\r\n      else if (existCells[index] && index >= tableRows.length) {\r\n        existCells[index].remove()\r\n      }\r\n      else {\r\n        rowToolCell = existCells[index]\r\n        css(rowToolCell, { height: `${rowHeight}px` })\r\n      }\r\n    }\r\n  }\r\n\r\n  destroy() {\r\n    // @ts-ignore\r\n    window.quillIsIntable = false\r\n    this.domNode.remove()\r\n    return null\r\n  }\r\n\r\n  addRowCellSelectHandler(cell) {\r\n    const selector = cell.querySelector('.qlbt-row-tool-cell-selector')\r\n\r\n    const handleClick = (e) => {\r\n      e.preventDefault()\r\n\r\n      const dom = e.target.parentNode\r\n      const domRect = dom.getBoundingClientRect()\r\n      const containerRect = this.quill.root.parentNode.getBoundingClientRect()\r\n      const tableRect = this.table.getBoundingClientRect()\r\n      const tableSelection = this.quill.getModule('better-table').tableSelection\r\n      tableSelection.boundary = {\r\n        x: tableRect.left - containerRect.left, // 表格左上角X轴坐标\r\n        x1: tableRect.left - containerRect.left + tableRect.width - 2, // 表格右上角X轴坐标\r\n        y: domRect.top - containerRect.top, // 表格左上角Y轴坐标\r\n        y1: domRect.top - containerRect.top + domRect.height - 1, // 表格右上角Y轴坐标\r\n        width: tableRect.width - 2,\r\n        height: domRect.height - 1,\r\n      }\r\n      tableSelection.selectedTds = tableSelection.computeSelectedTds()\r\n      tableSelection.repositionHelpLines()\r\n\r\n      dom.classList.add('qlbt-tool-cell-on')\r\n      this.activeToolCell = dom\r\n    }\r\n\r\n    selector.addEventListener('click', handleClick, false)\r\n  }\r\n\r\n  addRowCellHolderHandler(cell) {\r\n    const holder = cell.querySelector('.qlbt-row-tool-cell-holder')\r\n    let dragging = false\r\n    let y0 = 0\r\n    let y = 0\r\n    let delta = 0\r\n    let height0 = 0\r\n    // helpLine relation variable\r\n    let tableRect: any = {}\r\n    let cellRect: any = {}\r\n    let helpLine = null\r\n\r\n    const handleDrag = (e) => {\r\n      e.preventDefault()\r\n\r\n      if (dragging) {\r\n        y = e.clientY\r\n\r\n        if (height0 + y - y0 >= CELL_MIN_HEIGHT) {\r\n          delta = y - y0\r\n        }\r\n        else {\r\n          delta = CELL_MIN_HEIGHT - height0\r\n        }\r\n\r\n        css(helpLine, {\r\n          top: `${cellRect.top + cellRect.height + delta}px`,\r\n        })\r\n      }\r\n    }\r\n\r\n    const handleMouseup = (e) => {\r\n      e.preventDefault()\r\n\r\n      const existCells = Array.from(this.domNode.querySelectorAll('.qlbt-row-tool-cell'))\r\n      const rowIndex = existCells.indexOf(cell)\r\n      const rows: any = Array.from(this.table.querySelectorAll('tr'))\r\n      const tds = Array.from(rows[rowIndex].childNodes)\r\n      const hasContentTd: any = tds.find((td: any) => td.getAttribute('rowspan') === '1' && td.innerText !== '\\n')\r\n\r\n      if (dragging) {\r\n        let tdHeight = `${height0 + delta}px`\r\n        if (hasContentTd) {\r\n          tds.forEach((td: any) => td.getAttribute('rowspan') === '1' && css(td, { height: tdHeight }))\r\n          const currentHeight = getComputedStyle(hasContentTd)['height']\r\n          tdHeight = (parseInt(currentHeight, 10) > height0 + delta && currentHeight) || tdHeight\r\n        }\r\n        css(cell, { height: tdHeight })\r\n        tds.forEach((td: any) => td.getAttribute('rowspan') === '1' && css(td, { height: tdHeight }))\r\n\r\n        const tableViewRect = this.table.parentNode.getBoundingClientRect()\r\n        css(this.leftMask, { height: `${tableViewRect.height + 50}px` })\r\n\r\n        y0 = 0\r\n        y = 0\r\n        delta = 0\r\n        height0 = 0\r\n        dragging = false\r\n        holder.classList.remove('dragging')\r\n      }\r\n\r\n      this.quill.root.parentNode.removeEventListener('mousemove', handleDrag, false)\r\n      document.removeEventListener('mouseup', handleMouseup, false)\r\n      tableRect = {}\r\n      cellRect = {}\r\n      helpLine.remove()\r\n      helpLine = null\r\n\r\n      const betterTableModule = this.quill.getModule('better-table')\r\n      const tableScrollBar = betterTableModule.tableScrollBar\r\n      tableScrollBar.resetTableHeight(this.table)\r\n\r\n      // fix: 拖动滚动条时修正选区位置\r\n      const tableSelection = betterTableModule.tableSelection\r\n      if (tableSelection && tableSelection.selectedTds.length) {\r\n        tableSelection.refreshHelpLinesPosition()\r\n      }\r\n    }\r\n\r\n    const handleMousedown = (e) => {\r\n      e.preventDefault()\r\n\r\n      this.quill.root.parentNode.addEventListener('mousemove', handleDrag, false)\r\n      document.addEventListener('mouseup', handleMouseup, false)\r\n\r\n      tableRect = this.table.getBoundingClientRect()\r\n      const tableViewRect = this.table.parentNode.getBoundingClientRect()\r\n      const width = (tableRect.width > tableViewRect.width && tableViewRect.width) || tableRect.width\r\n      cellRect = cell.getBoundingClientRect()\r\n      helpLine = document.createElement('div')\r\n      css(helpLine, {\r\n        position: 'fixed',\r\n        top: `${cellRect.top + cellRect.height}px`,\r\n        left: `${cellRect.left}px`,\r\n        zIndex: '100',\r\n        width: `${width + ROW_TOOL_WIDTH + 9}px`,\r\n        height: '1px',\r\n        backgroundColor: PRIMARY_COLOR,\r\n      })\r\n\r\n      this.quill.root.parentNode.appendChild(helpLine)\r\n      dragging = true\r\n      y0 = e.clientY\r\n      height0 = cellRect.height\r\n      holder.classList.add('dragging')\r\n    }\r\n\r\n    holder.addEventListener('mousedown', handleMousedown, false)\r\n  }\r\n\r\n  addColCellSelectHandler(cell) {\r\n    // 上方列宽控制条\r\n\r\n    const selector = cell.querySelector('.qlbt-col-tool-cell-selector')\r\n\r\n    const handleClick = (e) => {\r\n      e.preventDefault()\r\n\r\n      const dom = e.target.parentNode\r\n      const domRect = dom.getBoundingClientRect()\r\n      const containerRect = this.quill.root.parentNode.getBoundingClientRect()\r\n      const tableRect = this.table.getBoundingClientRect()\r\n      const tableSelection = this.quill.getModule('better-table').tableSelection\r\n      tableSelection.boundary = {\r\n        x: domRect.left - containerRect.left - 1,\r\n        x1: domRect.left - containerRect.left + domRect.width - 2,\r\n        y: tableRect.top - containerRect.top,\r\n        y1: tableRect.top - containerRect.top + tableRect.height - 2,\r\n        width: domRect.width,\r\n        height: tableRect.height - 2,\r\n      }\r\n      tableSelection.selectedTds = tableSelection.computeSelectedTds()\r\n      tableSelection.repositionHelpLines()\r\n\r\n      dom.classList.add('qlbt-tool-cell-on')\r\n      this.activeToolCell = dom\r\n    }\r\n    selector.addEventListener('click', handleClick, false)\r\n  }\r\n\r\n  addColCellHolderHandler(cell) {\r\n    const tableContainer = Quill.find(this.table)\r\n    const holder = cell.querySelector('.qlbt-col-tool-cell-holder')\r\n    let dragging = false\r\n    let x0 = 0\r\n    let x = 0\r\n    let delta: any = 0\r\n    let width0 = 0\r\n    // helpLine relation variable\r\n    let tableRect: any = {}\r\n    let scrollContainerRect = null\r\n    let cellRect: any = {}\r\n    let helpLine = null\r\n\r\n    const handleDrag = (e) => {\r\n      e.preventDefault()\r\n\r\n      if (dragging) {\r\n        x = e.clientX\r\n\r\n        if (width0 + x - x0 >= CELL_MIN_WIDTH) {\r\n          delta = x - x0\r\n        }\r\n        else {\r\n          delta = CELL_MIN_WIDTH - width0\r\n        }\r\n        let left = cellRect.left + cellRect.width - 1 + delta\r\n        if (scrollContainerRect) {\r\n          left -= scrollContainerRect.left\r\n        }\r\n\r\n        css(helpLine, {\r\n          left: `${left}px`,\r\n        })\r\n      }\r\n    }\r\n\r\n    const handleMouseup = (e) => {\r\n      e.preventDefault()\r\n\r\n      const existCells = Array.from(this.domNode.querySelectorAll('.qlbt-col-tool-cell'))\r\n      const colIndex = existCells.indexOf(cell)\r\n      let colBlot = tableContainer.colGroup().children.at(colIndex)\r\n      if (!colBlot || colBlot.domNode !== tableContainer.colGroup().domNode.children[colIndex]) {\r\n        colBlot = tableContainer.colGroup().domNode.children[colIndex]\r\n      }\r\n      if (dragging) {\r\n        // fix: 防止 colWidth 是小数\r\n        const colWidth = parseInt(width0 + delta, 10)\r\n        if (colBlot.format) {\r\n          colBlot.format('width', colWidth)\r\n        }\r\n        else {\r\n          colBlot.width = colWidth\r\n        }\r\n\r\n        css(cell, { 'min-width': `${colWidth}px` })\r\n\r\n        x0 = 0\r\n        x = 0\r\n        delta = 0\r\n        width0 = 0\r\n        dragging = false\r\n        holder.classList.remove('dragging')\r\n      }\r\n\r\n      this.quill.root.parentNode.removeEventListener('mousemove', handleDrag, false)\r\n      document.removeEventListener('mouseup', handleMouseup, false)\r\n      tableRect = {}\r\n      scrollContainerRect = null\r\n      cellRect = {}\r\n      helpLine.remove()\r\n      helpLine = null\r\n      tableContainer.updateTableWidth()\r\n\r\n      setTimeout(() => {\r\n        this.updateRowToolCells()\r\n        const betterTableModule = this.quill.getModule('better-table')\r\n        const tableScrollBar = betterTableModule.tableScrollBar\r\n        tableScrollBar.updateScrollBar()\r\n        // fix: 拖动滚动条时修正选区位置\r\n        const tableSelection = betterTableModule.tableSelection\r\n        if (tableSelection && tableSelection.selectedTds.length) {\r\n          tableSelection.refreshHelpLinesPosition()\r\n        }\r\n      })\r\n    }\r\n\r\n    const handleMousedown = (e) => {\r\n      e.preventDefault()\r\n\r\n      this.quill.root.parentNode.addEventListener('mousemove', handleDrag, false)\r\n      document.addEventListener('mouseup', handleMouseup, false)\r\n\r\n      tableRect = this.table.getBoundingClientRect()\r\n      cellRect = cell.getBoundingClientRect()\r\n\r\n      let positionValue = 'fixed'\r\n      let top = cellRect.top\r\n      let left = cellRect.left + cellRect.width - 1\r\n      if (this.quill.root === this.quill.scrollingContainer) {\r\n        positionValue = 'absolute'\r\n        scrollContainerRect = this.quill.root.getBoundingClientRect()\r\n        top -= scrollContainerRect.top\r\n        left -= scrollContainerRect.left\r\n      }\r\n\r\n      helpLine = document.createElement('div')\r\n      css(helpLine, {\r\n        position: positionValue,\r\n        top: `${top}px`,\r\n        left: `${left}px`,\r\n        zIndex: '100',\r\n        height: `${tableRect.height + COL_TOOL_HEIGHT + 8}px`,\r\n        width: '1px',\r\n        backgroundColor: PRIMARY_COLOR,\r\n      })\r\n\r\n      this.quill.root.parentNode.appendChild(helpLine)\r\n      dragging = true\r\n      x0 = e.clientX\r\n      width0 = cellRect.width\r\n      holder.classList.add('dragging')\r\n    }\r\n\r\n    holder.addEventListener('mousedown', handleMousedown, false)\r\n  }\r\n\r\n  colToolCells() {\r\n    return Array.from(this.domNode.querySelectorAll('.qlbt-col-tool-cell'))\r\n  }\r\n}\r\n"],"names":[],"mappings":"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"}
+{"version":3,"file":"table-column-tool.es.js","sources":["../../../../src/table/modules/table-column-tool.ts"],"sourcesContent":["import Quill from 'quill'\nimport { CELL_MIN_HEIGHT, CELL_MIN_WIDTH, COL_TOOL_HEIGHT, PRIMARY_COLOR, ROW_TOOL_WIDTH } from '../table-config'\nimport { css } from '../utils'\n\nexport default class TableColumnTool {\n  table: any\n  quill: any\n  modulesContainer: any\n  domNode: any\n  columnCtrlPanel: HTMLDivElement\n  leftMask: HTMLDivElement\n  rowCtrlPanel: HTMLDivElement\n  activeToolCell: HTMLElement\n  oldRootScrollTop: any\n  constructor(table, quill, dom) {\n    if (!table) {\n      return null\n    }\n    this.table = table\n    this.quill = quill\n    this.modulesContainer = dom\n    this.domNode = null\n    this.oldRootScrollTop = this.quill.root.scrollTop\n\n    this.initColTool()\n\n    if (this.quill.root === this.quill.scrollingContainer) {\n      this.quill.root.addEventListener('scroll', this.handleQuillRootScroll.bind(this))\n    }\n  }\n\n  handleQuillRootScroll() {\n    if (this.domNode) {\n      this.domNode.style.marginTop = `${this.oldRootScrollTop - this.quill.root.scrollTop}px`\n    }\n  }\n\n  initColTool() {\n    const parent = this.quill.root.parentNode\n    const containerRect = parent.getBoundingClientRect()\n    const tableViewRect = this.table.parentNode.getBoundingClientRect()\n\n    this.domNode = document.createElement('div')\n    this.domNode.classList.add('qlbt-table-control-panel')\n\n    // 以下添加顺序影响遮罩顺序，勿改变\n    this.columnCtrlPanel = document.createElement('div')\n    this.columnCtrlPanel.classList.add('qlbt-column-control-panel')\n    this.domNode.appendChild(this.columnCtrlPanel)\n\n    this.leftMask = document.createElement('div')\n    this.leftMask.classList.add('qlbt-left-mask')\n    css(this.leftMask, { height: `${tableViewRect.height + 50}px` })\n    this.domNode.appendChild(this.leftMask)\n\n    this.rowCtrlPanel = document.createElement('div')\n    this.rowCtrlPanel.classList.add('qlbt-row-control-panel')\n    this.domNode.appendChild(this.rowCtrlPanel)\n\n    this.updateRowToolCells()\n    this.updateColToolCells()\n\n    this.modulesContainer.appendChild(this.domNode)\n    css(this.domNode, {\n      width: '100%',\n      height: `${COL_TOOL_HEIGHT}px`,\n      left: '0px',\n      top: `${tableViewRect.top - containerRect.top + parent.scrollTop - 25}px`,\n    })\n  }\n\n  createToolCell(isRow) {\n    // @ts-ignore\n    window.quillIsIntable = true\n    const toolCell = document.createElement('div')\n    const selector = document.createElement('div')\n    const resizeHolder = document.createElement('div')\n    if (isRow) {\n      toolCell.classList.add('qlbt-row-tool-cell')\n      selector.classList.add('qlbt-row-tool-cell-selector')\n      resizeHolder.classList.add('qlbt-row-tool-cell-holder')\n      css(toolCell, { width: `${ROW_TOOL_WIDTH}px` })\n    }\n    else {\n      toolCell.classList.add('qlbt-col-tool-cell')\n      selector.classList.add('qlbt-col-tool-cell-selector')\n      resizeHolder.classList.add('qlbt-col-tool-cell-holder')\n      css(toolCell, { height: `${COL_TOOL_HEIGHT}px` })\n    }\n    toolCell.appendChild(selector)\n    toolCell.appendChild(resizeHolder)\n    return toolCell\n  }\n\n  updateColToolCells() {\n    const tableContainer = Quill.find(this.table)\n    if (!tableContainer) {\n      return\n    }\n    const tableCols = tableContainer.colGroup().children\n    const tableColsNum = Math.max(Array.from(tableCols).length, tableContainer.colGroup().domNode.children.length)\n    const existCells: any = Array.from(this.columnCtrlPanel.querySelectorAll('.qlbt-col-tool-cell'))\n    const cellsNumber = Math.max(existCells.length, tableColsNum)\n\n    for (let index = 0; index < cellsNumber; index++) {\n      let col = tableCols.at(index)\n      let colWidth = 0\n      if (!col || col.domNode !== tableContainer.colGroup().domNode.children[index]) {\n        col = tableContainer.colGroup().domNode.children[index]\n        colWidth = col ? col.width : tableContainer.colGroup().domNode.children[index - 1].width\n      }\n      else {\n        colWidth = Number.parseInt(col.formats()[col.statics.blotName].width, 10)\n      }\n      // if cell already exist\n      let colToolCell = null\n      if (!existCells[index]) {\n        colToolCell = this.createToolCell(false)\n        this.columnCtrlPanel.appendChild(colToolCell)\n        this.addColCellSelectHandler(colToolCell)\n        this.addColCellHolderHandler(colToolCell)\n        // set tool cell min-width\n        css(colToolCell, {\n          'min-width': `${colWidth}px`,\n        })\n      }\n      else if (existCells[index] && index >= tableColsNum) {\n        existCells[index].remove()\n      }\n      else {\n        colToolCell = existCells[index]\n        // set tool cell min-width\n        css(colToolCell, {\n          'min-width': `${colWidth}px`,\n        })\n      }\n    }\n  }\n\n  updateRowToolCells() {\n    const tableContainer = Quill.find(this.table)\n    if (!tableContainer) {\n      return\n    }\n    let tableRows = Array.from(tableContainer.domNode.querySelectorAll('tr'))\n    tableRows = tableRows.filter((tr: any) => tr.children.length)\n    const existCells: any = Array.from(this.rowCtrlPanel.querySelectorAll('.qlbt-row-tool-cell'))\n    const rowNumber = Math.max(existCells.length, tableRows.length)\n\n    for (let index = 0; index < rowNumber; index++) {\n      const row: any = tableRows[index]\n\n      // fix: 修复 IE11/Edge 下无法拿到 height 的问题\n      // IE11/Edge 下 height 会变成 'auto'\n      let computedHeight = row && getComputedStyle(row).height\n      if (computedHeight === 'auto') {\n        computedHeight = row.querySelector('td').style.height || '30px'\n      }\n\n      let rowHeight = row && Number.parseFloat(computedHeight)\n      if (rowHeight < CELL_MIN_HEIGHT) {\n        const rowChildHeight = row && row.childNodes[0] && Number.parseFloat(getComputedStyle(row.childNodes[0]).height)\n        rowHeight = rowChildHeight\n      }\n      // if cell already exist\n      let rowToolCell = null\n      if (!existCells[index]) {\n        rowToolCell = this.createToolCell(true)\n        this.rowCtrlPanel.appendChild(rowToolCell)\n        this.addRowCellSelectHandler(rowToolCell)\n        this.addRowCellHolderHandler(rowToolCell)\n        // set tool cell height, ff not support min-height\n        css(rowToolCell, { height: `${rowHeight}px` })\n      }\n      else if (existCells[index] && index >= tableRows.length) {\n        existCells[index].remove()\n      }\n      else {\n        rowToolCell = existCells[index]\n        css(rowToolCell, { height: `${rowHeight}px` })\n      }\n    }\n  }\n\n  destroy() {\n    // @ts-ignore\n    window.quillIsIntable = false\n    this.domNode.remove()\n    return null\n  }\n\n  addRowCellSelectHandler(cell) {\n    const selector = cell.querySelector('.qlbt-row-tool-cell-selector')\n\n    const handleClick = (e) => {\n      e.preventDefault()\n\n      const dom = e.target.parentNode\n      const domRect = dom.getBoundingClientRect()\n      const containerRect = this.quill.root.parentNode.getBoundingClientRect()\n      const tableRect = this.table.getBoundingClientRect()\n      const tableSelection = this.quill.getModule('better-table').tableSelection\n      tableSelection.boundary = {\n        x: tableRect.left - containerRect.left, // 表格左上角X轴坐标\n        x1: tableRect.left - containerRect.left + tableRect.width - 2, // 表格右上角X轴坐标\n        y: domRect.top - containerRect.top, // 表格左上角Y轴坐标\n        y1: domRect.top - containerRect.top + domRect.height - 1, // 表格右上角Y轴坐标\n        width: tableRect.width - 2,\n        height: domRect.height - 1,\n      }\n      tableSelection.selectedTds = tableSelection.computeSelectedTds()\n      tableSelection.repositionHelpLines()\n\n      dom.classList.add('qlbt-tool-cell-on')\n      this.activeToolCell = dom\n    }\n\n    selector.addEventListener('click', handleClick, false)\n  }\n\n  addRowCellHolderHandler(cell) {\n    const holder = cell.querySelector('.qlbt-row-tool-cell-holder')\n    let dragging = false\n    let y0 = 0\n    let y = 0\n    let delta = 0\n    let height0 = 0\n    // helpLine relation variable\n    let tableRect: any = {}\n    let cellRect: any = {}\n    let helpLine = null\n\n    const handleDrag = (e) => {\n      e.preventDefault()\n\n      if (dragging) {\n        y = e.clientY\n\n        if (height0 + y - y0 >= CELL_MIN_HEIGHT) {\n          delta = y - y0\n        }\n        else {\n          delta = CELL_MIN_HEIGHT - height0\n        }\n\n        css(helpLine, {\n          top: `${cellRect.top + cellRect.height + delta}px`,\n        })\n      }\n    }\n\n    const handleMouseup = (e) => {\n      e.preventDefault()\n\n      const existCells = Array.from(this.domNode.querySelectorAll('.qlbt-row-tool-cell'))\n      const rowIndex = existCells.indexOf(cell)\n      const rows: any = Array.from(this.table.querySelectorAll('tr'))\n      const tds = Array.from(rows[rowIndex].childNodes)\n      const hasContentTd: any = tds.find((td: any) => td.getAttribute('rowspan') === '1' && td.textContent !== '\\n')\n\n      if (dragging) {\n        let tdHeight = `${height0 + delta}px`\n        if (hasContentTd) {\n          tds.forEach((td: any) => td.getAttribute('rowspan') === '1' && css(td, { height: tdHeight }))\n          const currentHeight = getComputedStyle(hasContentTd).height\n          tdHeight = (Number.parseInt(currentHeight, 10) > height0 + delta && currentHeight) || tdHeight\n        }\n        css(cell, { height: tdHeight })\n        tds.forEach((td: any) => td.getAttribute('rowspan') === '1' && css(td, { height: tdHeight }))\n\n        const tableViewRect = this.table.parentNode.getBoundingClientRect()\n        css(this.leftMask, { height: `${tableViewRect.height + 50}px` })\n\n        y0 = 0\n        y = 0\n        delta = 0\n        height0 = 0\n        dragging = false\n        holder.classList.remove('dragging')\n      }\n\n      this.quill.root.parentNode.removeEventListener('mousemove', handleDrag, false)\n      document.removeEventListener('mouseup', handleMouseup, false)\n      tableRect = {}\n      cellRect = {}\n      helpLine.remove()\n      helpLine = null\n\n      const betterTableModule = this.quill.getModule('better-table')\n      const tableScrollBar = betterTableModule.tableScrollBar\n      tableScrollBar.resetTableHeight(this.table)\n\n      // fix: 拖动滚动条时修正选区位置\n      const tableSelection = betterTableModule.tableSelection\n      if (tableSelection && tableSelection.selectedTds.length) {\n        tableSelection.refreshHelpLinesPosition()\n      }\n    }\n\n    const handleMousedown = (e) => {\n      e.preventDefault()\n\n      this.quill.root.parentNode.addEventListener('mousemove', handleDrag, false)\n      document.addEventListener('mouseup', handleMouseup, false)\n\n      tableRect = this.table.getBoundingClientRect()\n      const tableViewRect = this.table.parentNode.getBoundingClientRect()\n      const width = (tableRect.width > tableViewRect.width && tableViewRect.width) || tableRect.width\n      cellRect = cell.getBoundingClientRect()\n      helpLine = document.createElement('div')\n      css(helpLine, {\n        position: 'fixed',\n        top: `${cellRect.top + cellRect.height}px`,\n        left: `${cellRect.left}px`,\n        zIndex: '100',\n        width: `${width + ROW_TOOL_WIDTH + 9}px`,\n        height: '1px',\n        backgroundColor: PRIMARY_COLOR,\n      })\n\n      this.quill.root.parentNode.appendChild(helpLine)\n      dragging = true\n      y0 = e.clientY\n      height0 = cellRect.height\n      holder.classList.add('dragging')\n    }\n\n    holder.addEventListener('mousedown', handleMousedown, false)\n  }\n\n  addColCellSelectHandler(cell) {\n    // 上方列宽控制条\n\n    const selector = cell.querySelector('.qlbt-col-tool-cell-selector')\n\n    const handleClick = (e) => {\n      e.preventDefault()\n\n      const dom = e.target.parentNode\n      const domRect = dom.getBoundingClientRect()\n      const containerRect = this.quill.root.parentNode.getBoundingClientRect()\n      const tableRect = this.table.getBoundingClientRect()\n      const tableSelection = this.quill.getModule('better-table').tableSelection\n      tableSelection.boundary = {\n        x: domRect.left - containerRect.left - 1,\n        x1: domRect.left - containerRect.left + domRect.width - 2,\n        y: tableRect.top - containerRect.top,\n        y1: tableRect.top - containerRect.top + tableRect.height - 2,\n        width: domRect.width,\n        height: tableRect.height - 2,\n      }\n      tableSelection.selectedTds = tableSelection.computeSelectedTds()\n      tableSelection.repositionHelpLines()\n\n      dom.classList.add('qlbt-tool-cell-on')\n      this.activeToolCell = dom\n    }\n    selector.addEventListener('click', handleClick, false)\n  }\n\n  addColCellHolderHandler(cell) {\n    const tableContainer = Quill.find(this.table)\n    const holder = cell.querySelector('.qlbt-col-tool-cell-holder')\n    let dragging = false\n    let x0 = 0\n    let x = 0\n    let delta: any = 0\n    let width0 = 0\n    // helpLine relation variable\n    let tableRect: any = {}\n    let scrollContainerRect = null\n    let cellRect: any = {}\n    let helpLine = null\n\n    const handleDrag = (e) => {\n      e.preventDefault()\n\n      if (dragging) {\n        x = e.clientX\n\n        if (width0 + x - x0 >= CELL_MIN_WIDTH) {\n          delta = x - x0\n        }\n        else {\n          delta = CELL_MIN_WIDTH - width0\n        }\n        let left = cellRect.left + cellRect.width - 1 + delta\n        if (scrollContainerRect) {\n          left -= scrollContainerRect.left\n        }\n\n        css(helpLine, {\n          left: `${left}px`,\n        })\n      }\n    }\n\n    const handleMouseup = (e) => {\n      e.preventDefault()\n\n      const existCells = Array.from(this.domNode.querySelectorAll('.qlbt-col-tool-cell'))\n      const colIndex = existCells.indexOf(cell)\n      let colBlot = tableContainer.colGroup().children.at(colIndex)\n      if (!colBlot || colBlot.domNode !== tableContainer.colGroup().domNode.children[colIndex]) {\n        colBlot = tableContainer.colGroup().domNode.children[colIndex]\n      }\n      if (dragging) {\n        // fix: 防止 colWidth 是小数\n        const colWidth = Number.parseInt(width0 + delta, 10)\n        if (colBlot.format) {\n          colBlot.format('width', colWidth)\n        }\n        else {\n          colBlot.width = colWidth\n        }\n\n        css(cell, { 'min-width': `${colWidth}px` })\n\n        x0 = 0\n        x = 0\n        delta = 0\n        width0 = 0\n        dragging = false\n        holder.classList.remove('dragging')\n      }\n\n      this.quill.root.parentNode.removeEventListener('mousemove', handleDrag, false)\n      document.removeEventListener('mouseup', handleMouseup, false)\n      tableRect = {}\n      scrollContainerRect = null\n      cellRect = {}\n      helpLine.remove()\n      helpLine = null\n      tableContainer.updateTableWidth()\n\n      setTimeout(() => {\n        this.updateRowToolCells()\n        const betterTableModule = this.quill.getModule('better-table')\n        const tableScrollBar = betterTableModule.tableScrollBar\n        tableScrollBar.updateScrollBar()\n        // fix: 拖动滚动条时修正选区位置\n        const tableSelection = betterTableModule.tableSelection\n        if (tableSelection && tableSelection.selectedTds.length) {\n          tableSelection.refreshHelpLinesPosition()\n        }\n      })\n    }\n\n    const handleMousedown = (e) => {\n      e.preventDefault()\n\n      this.quill.root.parentNode.addEventListener('mousemove', handleDrag, false)\n      document.addEventListener('mouseup', handleMouseup, false)\n\n      tableRect = this.table.getBoundingClientRect()\n      cellRect = cell.getBoundingClientRect()\n\n      let positionValue = 'fixed'\n      let top = cellRect.top\n      let left = cellRect.left + cellRect.width - 1\n      if (this.quill.root === this.quill.scrollingContainer) {\n        positionValue = 'absolute'\n        scrollContainerRect = this.quill.root.getBoundingClientRect()\n        top -= scrollContainerRect.top\n        left -= scrollContainerRect.left\n      }\n\n      helpLine = document.createElement('div')\n      css(helpLine, {\n        position: positionValue,\n        top: `${top}px`,\n        left: `${left}px`,\n        zIndex: '100',\n        height: `${tableRect.height + COL_TOOL_HEIGHT + 8}px`,\n        width: '1px',\n        backgroundColor: PRIMARY_COLOR,\n      })\n\n      this.quill.root.parentNode.appendChild(helpLine)\n      dragging = true\n      x0 = e.clientX\n      width0 = cellRect.width\n      holder.classList.add('dragging')\n    }\n\n    holder.addEventListener('mousedown', handleMousedown, false)\n  }\n\n  colToolCells() {\n    return Array.from(this.domNode.querySelectorAll('.qlbt-col-tool-cell'))\n  }\n}\n"],"names":[],"mappings":"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"}

package/es/table/modules/table-operation-menu.es.js

@@ -1,7 +1,7 @@
 import Quill from "quill";
 import { LANG_CONF } from "../../config/editor.config.es.js";
-import { getRelativeRect, arrayFrom, elementRemove, css } from "../utils/index.es.js";
 import { ERROR_LIMIT, OPERATE_MENU_ITEM_CLASS, OPERATE_MENU_COLORPICKER_ITEM_CLASS, MENU_ITEM_HEIGHT, MENU_MIN_HEIGHT, MENU_WIDTH, OPERATE_MENU_DIVIDING_CLASS, OPERATE_MENU_SUBTITLE_CLASS, OPERATE_MENU_COLORPICKER_CLASS } from "../table-config.es.js";
+import { getRelativeRect, arrayFrom, elementRemove, css } from "../utils/index.es.js";
 const MENU_ITEMS_DEFAULT = {
   copyCells: {
     text: "Copy Cells",
@@ -202,8 +202,7 @@ const MENU_ITEMS_DEFAULT = {
 };
 const DEFAULT_CELL_COLORS = ["white", "red", "yellow", "blue"];
 const NODE_EVENT_MAP = /* @__PURE__ */ new WeakMap();
-const MENU_MIN_HEIHGT = 150;
-const DEFAULT_COLOR_SUBTITLE = LANG_CONF["subTitleBgColor"];
+const DEFAULT_COLOR_SUBTITLE = LANG_CONF.subTitleBgColor;
 class TableOperationMenu {
   constructor(params, quill, options) {
     const betterTableModule = quill.getModule("better-table");
@@ -229,10 +228,10 @@ class TableOperationMenu {
   }
   destroy() {
     const menuItems = arrayFrom(
-      this.domNode.querySelectorAll("." + OPERATE_MENU_ITEM_CLASS)
+      this.domNode.querySelectorAll(`.${OPERATE_MENU_ITEM_CLASS}`)
     );
     const colorPickerItems = arrayFrom(
-      this.domNode.querySelectorAll("." + OPERATE_MENU_COLORPICKER_ITEM_CLASS)
+      this.domNode.querySelectorAll(`.${OPERATE_MENU_COLORPICKER_ITEM_CLASS}`)
     );
     const nodes = menuItems.concat(colorPickerItems);
     nodes.forEach((node) => {
@@ -264,7 +263,7 @@ class TableOperationMenu {
     };
     if (menuHeight + top > winHeight && menuHeight < winHeight) {
       delete cssContent.top;
-      cssContent["bottom"] = "10px";
+      cssContent.bottom = "10px";
     }
     this.domNode = document.createElement("div");
     this.domNode.classList.add("qlbt-operation-menu");
@@ -294,7 +293,7 @@ class TableOperationMenu {
     function subTitleCreator(title) {
       const subTitle = document.createElement("div");
       subTitle.classList.add(OPERATE_MENU_SUBTITLE_CLASS);
-      subTitle.innerText = title;
+      subTitle.textContent = title;
       return subTitle;
     }
   }
@@ -331,7 +330,7 @@ class TableOperationMenu {
   menuItemCreator({ text }) {
     const node = document.createElement("div");
     node.classList.add("qlbt-operation-menu-item");
-    node.innerText = text;
+    node.textContent = text;
     return node;
   }
   onCopy(operation) {

package/es/table/modules/table-operation-menu.es.js.map

@@ -1 +1 @@
-{"version":3,"file":"table-operation-menu.es.js","sources":["../../../../src/table/modules/table-operation-menu.ts"],"sourcesContent":["import Quill from 'quill'\r\nimport { LANG_CONF } from '../../config/editor.config'\r\nimport { elementRemove, arrayFrom, css, getRelativeRect } from '../utils'\r\nimport {\r\n  OPERATE_MENU_ITEM_CLASS,\r\n  OPERATE_MENU_COLORPICKER_ITEM_CLASS,\r\n  OPERATE_MENU_DIVIDING_CLASS,\r\n  OPERATE_MENU_SUBTITLE_CLASS,\r\n  OPERATE_MENU_COLORPICKER_CLASS,\r\n} from '../table-config'\r\n\r\nimport {\r\n  ERROR_LIMIT,\r\n  MENU_ITEM_HEIGHT,\r\n  MENU_MIN_HEIGHT,\r\n  MENU_WIDTH,\r\n} from '../table-config'\r\n\r\nconst MENU_ITEMS_DEFAULT = {\r\n  copyCells: {\r\n    text: 'Copy Cells',\r\n    handler() {\r\n      this.onCopy('copy')\r\n    },\r\n  },\r\n  copyTable: {\r\n    text: 'Copy Table',\r\n    handler() {\r\n      this.tableColumnTool.destroy()\r\n      this.tableScrollBar.destroy()\r\n      this.tableSelection.clearSelection()\r\n      const dom = this.table.cloneNode(true)\r\n      const trArr = dom.querySelectorAll('tr[data-row]')\r\n      trArr.forEach(tr => tr.removeAttribute('data-row'))\r\n      dom.style.position = 'fixed'\r\n      dom.style.top = 0\r\n      dom.style.left = 0\r\n      dom.style.clip = 'rect(0,0,0,0)'\r\n      document.body.appendChild(dom)\r\n      this.setCopyRange(dom)\r\n      document.execCommand('copy')\r\n      dom.remove()\r\n    },\r\n  },\r\n  cutCells: {\r\n    text: 'Cut Cells',\r\n    handler() {\r\n      this.onCopy('cut')\r\n    },\r\n  },\r\n  emptyCells: {\r\n    text: 'Empty Cells',\r\n    handler() {\r\n      const tableContainer = Quill.find(this.table)\r\n      const { selectedTds } = this.tableSelection\r\n      tableContainer.emptyCells(selectedTds)\r\n    },\r\n  },\r\n  insertColumnRight: {\r\n    text: 'Insert Column After',\r\n    handler() {\r\n      const tableContainer = Quill.find(this.table)\r\n      const colIndex = getColToolCellIndexByBoundary(\r\n        this.columnToolCells,\r\n        this.boundary,\r\n        (cellRect, boundary) => {\r\n          return Math.abs(cellRect.x + cellRect.width - boundary.x1) <= ERROR_LIMIT\r\n        },\r\n        this.quill.root.parentNode,\r\n      )\r\n\r\n      const newColumn = tableContainer.insertColumn(this.boundary, colIndex, true, this.quill.root.parentNode)\r\n\r\n      this.tableColumnTool.updateColToolCells()\r\n      this.quill.update(Quill.sources.USER)\r\n      // fix: the scroll bar will go to the top when insert row/column to the table\r\n      // this.quill.setSelection(\r\n      //   this.quill.getIndex(newColumn[0]),\r\n      //   0,\r\n      //   Quill.sources.SILENT\r\n      // )\r\n      this.tableSelection.setSelection(\r\n        newColumn[0].domNode.getBoundingClientRect(),\r\n        newColumn[0].domNode.getBoundingClientRect(),\r\n      )\r\n\r\n      setTimeout(() => this.tableScrollBar.updateScrollBar())\r\n    },\r\n  },\r\n\r\n  insertColumnLeft: {\r\n    text: 'Insert Column Before',\r\n    handler() {\r\n      const tableContainer = Quill.find(this.table)\r\n      const colIndex = getColToolCellIndexByBoundary(\r\n        this.columnToolCells,\r\n        this.boundary,\r\n        (cellRect, boundary) => {\r\n          return Math.abs(cellRect.x - boundary.x) <= ERROR_LIMIT\r\n        },\r\n        this.quill.root.parentNode,\r\n      )\r\n\r\n      const newColumn = tableContainer.insertColumn(this.boundary, colIndex, false, this.quill.root.parentNode)\r\n\r\n      this.tableColumnTool.updateColToolCells()\r\n      this.quill.update(Quill.sources.USER)\r\n      // this.quill.setSelection(\r\n      //   this.quill.getIndex(newColumn[0]),\r\n      //   0,\r\n      //   Quill.sources.SILENT\r\n      // )\r\n      this.tableSelection.setSelection(\r\n        newColumn[0].domNode.getBoundingClientRect(),\r\n        newColumn[0].domNode.getBoundingClientRect(),\r\n      )\r\n\r\n      setTimeout(() => this.tableScrollBar.updateScrollBar())\r\n    },\r\n  },\r\n\r\n  insertRowUp: {\r\n    text: 'Insert Row Above',\r\n    handler() {\r\n      const tableContainer = Quill.find(this.table)\r\n      const affectedCells = tableContainer.insertRow(this.boundary, false, this.quill.root.parentNode)\r\n\r\n      this.tableColumnTool.updateRowToolCells()\r\n      this.quill.update(Quill.sources.USER)\r\n      // this.quill.setSelection(\r\n      //   this.quill.getIndex(affectedCells[0]),\r\n      //   0,\r\n      //   Quill.sources.SILENT\r\n      // )\r\n      this.tableSelection.setSelection(\r\n        affectedCells[0].domNode.getBoundingClientRect(),\r\n        affectedCells[0].domNode.getBoundingClientRect(),\r\n      )\r\n\r\n      setTimeout(() => this.tableScrollBar.resetTableHeight(this.table))\r\n    },\r\n  },\r\n\r\n  insertRowDown: {\r\n    text: 'Insert Row Below',\r\n    handler() {\r\n      const tableContainer = Quill.find(this.table)\r\n      const affectedCells = tableContainer.insertRow(this.boundary, true, this.quill.root.parentNode)\r\n\r\n      this.tableColumnTool.updateRowToolCells()\r\n      this.quill.update(Quill.sources.USER)\r\n      // this.quill.setSelection(\r\n      //   this.quill.getIndex(affectedCells[0]),\r\n      //   0,\r\n      //   Quill.sources.SILENT\r\n      // )\r\n      this.tableSelection.setSelection(\r\n        affectedCells[0].domNode.getBoundingClientRect(),\r\n        affectedCells[0].domNode.getBoundingClientRect(),\r\n      )\r\n\r\n      setTimeout(() => this.tableScrollBar.resetTableHeight(this.table))\r\n    },\r\n  },\r\n\r\n  mergeCells: {\r\n    text: 'Merge Cells',\r\n    handler() {\r\n      const tableContainer = Quill.find(this.table)\r\n      // compute merged Cell rowspan, equal to length of selected rows\r\n      const rowspan = tableContainer.rows().reduce((sum, row) => {\r\n        const rowRect = getRelativeRect(row.domNode.getBoundingClientRect(), this.quill.root.parentNode)\r\n        if (\r\n          rowRect.y > this.boundary.y - ERROR_LIMIT\r\n          && rowRect.y + rowRect.height < this.boundary.y + this.boundary.height + ERROR_LIMIT\r\n        ) {\r\n          sum += 1\r\n        }\r\n        return sum\r\n      }, 0)\r\n\r\n      // compute merged cell colspan, equal to length of selected cols\r\n      const colspan = this.columnToolCells.reduce((sum, cell) => {\r\n        const cellRect = getRelativeRect(cell.getBoundingClientRect(), this.quill.root.parentNode)\r\n        if (\r\n          cellRect.x > this.boundary.x - ERROR_LIMIT\r\n          && cellRect.x + cellRect.width < this.boundary.x + this.boundary.width + ERROR_LIMIT\r\n        ) {\r\n          sum += 1\r\n        }\r\n        return sum\r\n      }, 0)\r\n\r\n      const mergedCell = tableContainer.mergeCells(\r\n        this.boundary,\r\n        this.selectedTds,\r\n        rowspan,\r\n        colspan,\r\n        this.quill.root.parentNode,\r\n      )\r\n      this.quill.update(Quill.sources.USER)\r\n      this.tableSelection.setSelection(\r\n        mergedCell.domNode.getBoundingClientRect(),\r\n        mergedCell.domNode.getBoundingClientRect(),\r\n      )\r\n    },\r\n  },\r\n\r\n  unmergeCells: {\r\n    text: 'Split Cells',\r\n    handler() {\r\n      const tableContainer = Quill.find(this.table)\r\n      tableContainer.unmergeCells(this.selectedTds, this.quill.root.parentNode)\r\n      this.quill.update(Quill.sources.USER)\r\n      this.tableSelection.clearSelection()\r\n    },\r\n  },\r\n\r\n  deleteColumn: {\r\n    text: 'Delete Columns',\r\n    handler() {\r\n      const tableContainer = Quill.find(this.table)\r\n      const colIndexes = getColToolCellIndexesByBoundary(\r\n        this.columnToolCells,\r\n        this.boundary,\r\n        (cellRect, boundary) => {\r\n          return cellRect.x + ERROR_LIMIT > boundary.x && cellRect.x + cellRect.width - ERROR_LIMIT < boundary.x1\r\n        },\r\n        this.quill.root.parentNode,\r\n      )\r\n\r\n      const isDeleteTable = tableContainer.deleteColumns(this.boundary, colIndexes, this.quill.root.parentNode)\r\n      if (!isDeleteTable) {\r\n        this.tableColumnTool.updateColToolCells()\r\n        this.quill.update(Quill.sources.USER)\r\n        this.tableSelection.clearSelection()\r\n      }\r\n\r\n      setTimeout(() => this.tableScrollBar.updateScrollBar())\r\n    },\r\n  },\r\n\r\n  deleteRow: {\r\n    text: 'Delete Rows',\r\n    handler() {\r\n      const tableContainer = Quill.find(this.table)\r\n      const isDeleteTable = tableContainer.deleteRow(this.boundary, this.quill.root.parentNode)\r\n      if (!isDeleteTable) {\r\n        this.tableColumnTool.updateRowToolCells()\r\n        this.quill.update(Quill.sources.USER)\r\n        this.tableSelection.clearSelection()\r\n      }\r\n    },\r\n  },\r\n\r\n  deleteTable: {\r\n    text: 'Remove Table',\r\n    handler() {\r\n      const betterTableModule = this.quill.getModule('better-table')\r\n      const tableContainer = Quill.find(this.table)\r\n      betterTableModule.hideTableTools()\r\n      tableContainer.remove()\r\n      this.quill.update(Quill.sources.USER)\r\n      // fix: 右键菜单删除表格后编辑器失焦\r\n      this.quill.focus()\r\n    },\r\n  },\r\n}\r\nconst DEFAULT_CELL_COLORS = ['white', 'red', 'yellow', 'blue']\r\nconst NODE_EVENT_MAP = new WeakMap()\r\n// eslint-disable-next-line @typescript-eslint/no-unused-vars\r\nconst MENU_MIN_HEIHGT = 150\r\nconst DEFAULT_COLOR_SUBTITLE = LANG_CONF['subTitleBgColor']\r\nexport default class TableOperationMenu {\r\n  tableSelection: any\r\n  table: any\r\n  quill: any\r\n  options: any\r\n  menuItems: any\r\n  tableColumnTool: any\r\n  tableScrollBar: any\r\n  boundary: any\r\n  selectedTds: any\r\n  destroyHandler: any\r\n  columnToolCells: any\r\n  colorSubTitle: any\r\n  cellColors: any\r\n  domNode: any\r\n\r\n  constructor(params, quill, options) {\r\n    const betterTableModule = quill.getModule('better-table')\r\n    this.tableSelection = betterTableModule.tableSelection\r\n    this.table = params.table\r\n    this.quill = quill\r\n    this.options = options\r\n    this.menuItems = { ...MENU_ITEMS_DEFAULT, ...options.items }\r\n    this.tableColumnTool = betterTableModule.columnTool\r\n    // this.tableRowTool = betterTableModule.rowTool\r\n    this.tableScrollBar = betterTableModule.tableScrollBar\r\n    this.boundary = this.tableSelection.boundary\r\n    this.selectedTds = this.tableSelection.selectedTds\r\n    this.destroyHandler = this.destroy.bind(this)\r\n    this.columnToolCells = this.tableColumnTool.colToolCells()\r\n    this.colorSubTitle\r\n      = options.color && options.color.text\r\n        ? options.color.text\r\n        : DEFAULT_COLOR_SUBTITLE\r\n    this.cellColors\r\n      = options.color && options.color.colors\r\n        ? options.color.colors\r\n        : DEFAULT_CELL_COLORS\r\n\r\n    this.menuInitial(params)\r\n    this.mount()\r\n    document.addEventListener('click', this.destroyHandler, false)\r\n  }\r\n\r\n  mount() {\r\n    this.quill.root.parentNode.appendChild(this.domNode)\r\n  }\r\n\r\n  destroy() {\r\n    const menuItems = arrayFrom(\r\n      this.domNode.querySelectorAll('.' + OPERATE_MENU_ITEM_CLASS),\r\n    )\r\n    const colorPickerItems = arrayFrom(\r\n      this.domNode.querySelectorAll('.' + OPERATE_MENU_COLORPICKER_ITEM_CLASS),\r\n    )\r\n    const nodes = menuItems.concat(colorPickerItems)\r\n\r\n    nodes.forEach((node) => {\r\n      if (NODE_EVENT_MAP.has(node)) {\r\n        const unregister = NODE_EVENT_MAP.get(node)\r\n\r\n        if (unregister && typeof unregister === 'function') {\r\n          unregister()\r\n        }\r\n      }\r\n    })\r\n\r\n    elementRemove(this.domNode)\r\n    document.removeEventListener('mousedown', this.destroyHandler, false)\r\n\r\n    return null\r\n  }\r\n\r\n  menuInitial({ cell, left, top }) {\r\n    const rowspan = cell.getAttribute('rowspan')\r\n    const colspan = cell.getAttribute('colspan')\r\n    const winHeight = window.innerHeight || Math.max(document.documentElement.clientHeight, document.body.clientHeight)\r\n    const num = Object.keys(this.menuItems) || []\r\n    const menuHeight = MENU_ITEM_HEIGHT * num.length || MENU_MIN_HEIGHT\r\n    const transformOffset = checkAndGetViewPointChange(this.quill.root.parentNode, left, top)\r\n    const leftPos = left - transformOffset.offsetX\r\n    const topPos = top - transformOffset.offsetY\r\n    const cssContent = {\r\n      'left': `${leftPos}px`,\r\n      'top': `${topPos}px`,\r\n      'min-height': `${MENU_MIN_HEIGHT}px`,\r\n      'width': `${MENU_WIDTH}px`,\r\n    }\r\n\r\n    if (menuHeight + top > winHeight && menuHeight < winHeight) {\r\n      delete cssContent.top\r\n      cssContent['bottom'] = '10px'\r\n    }\r\n\r\n    this.domNode = document.createElement('div')\r\n    this.domNode.classList.add('qlbt-operation-menu')\r\n    css(this.domNode, cssContent)\r\n\r\n    for (const name in this.menuItems) {\r\n      if (this.menuItems[name]) {\r\n        const item = { ...MENU_ITEMS_DEFAULT[name], ...this.menuItems[name] }\r\n        const dom = this.menuItemCreator(item)\r\n        if (\r\n          (name === 'mergeCells' && this.tableSelection.selectedTds.length === 1)\r\n          || (name === 'unmergeCells' && rowspan === 1 && colspan === 1)\r\n        ) {\r\n          dom.classList.add('qlbt-operation-menu-disabled')\r\n        }\r\n        else {\r\n          dom.addEventListener('mouseup', item.handler.bind(this), false)\r\n        }\r\n        this.domNode.appendChild(dom)\r\n      }\r\n    }\r\n\r\n    // if colors option is false, disabled bg color\r\n    if (this.options.color && this.options.color !== false) {\r\n      this.domNode.appendChild(dividingCreator())\r\n      this.domNode.appendChild(subTitleCreator(this.colorSubTitle))\r\n      this.domNode.appendChild(this.colorsItemCreator(this.cellColors))\r\n    }\r\n\r\n    // create dividing line\r\n    function dividingCreator() {\r\n      const dividing = document.createElement('div')\r\n      dividing.classList.add(OPERATE_MENU_DIVIDING_CLASS)\r\n      return dividing\r\n    }\r\n\r\n    // create subtitle for menu\r\n    function subTitleCreator(title) {\r\n      const subTitle = document.createElement('div')\r\n      subTitle.classList.add(OPERATE_MENU_SUBTITLE_CLASS)\r\n      subTitle.innerText = title\r\n      return subTitle\r\n    }\r\n  }\r\n\r\n  colorsItemCreator(colors) {\r\n    const self = this\r\n    const node = document.createElement('div')\r\n    node.classList.add(OPERATE_MENU_COLORPICKER_CLASS)\r\n\r\n    colors.forEach((color) => {\r\n      const colorBox = colorBoxCreator(color)\r\n      node.appendChild(colorBox)\r\n    })\r\n\r\n    function colorBoxCreator(color) {\r\n      const box = document.createElement('div')\r\n      box.classList.add(OPERATE_MENU_COLORPICKER_ITEM_CLASS)\r\n      box.setAttribute('data-color', color)\r\n      box.style.backgroundColor = color\r\n\r\n      const clickHandler = function () {\r\n        const selectedTds = self.tableSelection.selectedTds\r\n        if (selectedTds && selectedTds.length > 0) {\r\n          selectedTds.forEach((tableCell) => {\r\n            tableCell.domNode.children[0].setAttribute('data-parent-bg', color)\r\n            tableCell.format('cell-bg', color)\r\n          })\r\n        }\r\n      }\r\n\r\n      box.addEventListener('click', clickHandler, false)\r\n\r\n      NODE_EVENT_MAP.set(box, () => {\r\n        box.removeEventListener('click', clickHandler, false)\r\n      })\r\n\r\n      return box\r\n    }\r\n\r\n    return node\r\n  }\r\n\r\n  menuItemCreator({ text }) {\r\n    const node = document.createElement('div')\r\n    node.classList.add('qlbt-operation-menu-item')\r\n    node.innerText = text\r\n    // node.addEventListener('click', handler.bind(this), false)\r\n    return node\r\n  }\r\n\r\n  onCopy(operation) {\r\n    const { selectedTds } = this.tableSelection\r\n    const virtualTable = this.createVirtualTable(selectedTds, operation)\r\n    document.body.appendChild(virtualTable)\r\n    this.setCopyRange(virtualTable)\r\n    this.tableSelection.preSelectedTable = virtualTable\r\n    this.tableSelection.preSelectedTds = selectedTds\r\n    document.execCommand('copy')\r\n    virtualTable.remove()\r\n    if (operation === 'cut') {\r\n      const tableContainer = Quill.find(this.table)\r\n      tableContainer.emptyCells(selectedTds)\r\n    }\r\n  }\r\n\r\n  createVirtualTable(selectedTds, _operation) {\r\n    const virtualTable: any = document.createElement('table')\r\n    virtualTable.style.position = 'fixed'\r\n    virtualTable.style.top = 0\r\n    virtualTable.style.left = 0\r\n    virtualTable.style.clip = 'rect(0,0,0,0)'\r\n    let preParentSign = ''\r\n    let virtualTr = null\r\n    selectedTds.forEach((selectedCell) => {\r\n      const { domNode, parent } = selectedCell\r\n      const currentParentSign = parent.domNode.getAttribute('data-row')\r\n      const rowspan = domNode.firstChild.dataset.rowspan\r\n      const colspan = domNode.firstChild.dataset.colspan\r\n      const row = domNode.firstChild.dataset.row\r\n      const cell = domNode.firstChild.dataset.cell\r\n\r\n      selectedCell.dataCell = cell\r\n      selectedCell.dataRow = row\r\n      selectedCell.dataColSpan = colspan\r\n      selectedCell.dataRowSpan = rowspan\r\n\r\n      if (currentParentSign !== preParentSign) {\r\n        if (preParentSign !== '') {\r\n          virtualTable.appendChild(virtualTr)\r\n        }\r\n        virtualTr = document.createElement('tr')\r\n        preParentSign = currentParentSign\r\n      }\r\n\r\n      const domNodeWidth = domNode.offsetWidth\r\n      const cloneNode = domNode.cloneNode(true)\r\n      cloneNode.setAttribute('width', domNodeWidth)\r\n\r\n      virtualTr.appendChild(cloneNode)\r\n    })\r\n    virtualTable.appendChild(virtualTr)\r\n    return virtualTable\r\n  }\r\n\r\n  setCopyRange(selectedNodes) {\r\n    const range = document.createRange()\r\n    const windowSelectionRange = window.getSelection()\r\n    range.selectNodeContents(selectedNodes)\r\n    windowSelectionRange.removeAllRanges()\r\n    windowSelectionRange.addRange(range)\r\n  }\r\n\r\n  groupTableCell(selectedTds) {\r\n    const rowGroup = []\r\n    let dataRow = ''\r\n    let preDataRow = ''\r\n    let index = 0\r\n    selectedTds.forEach((tableCell) => {\r\n      dataRow = tableCell.parent.domNode.getAttribute('data-row')\r\n\r\n      if (dataRow !== preDataRow) {\r\n        if (preDataRow !== '') {\r\n          index++\r\n        }\r\n        rowGroup[index] = []\r\n        preDataRow = dataRow\r\n      }\r\n\r\n      rowGroup[index].push(tableCell)\r\n    })\r\n    return rowGroup\r\n  }\r\n}\r\n\r\nfunction getColToolCellIndexByBoundary(cells, boundary, conditionFn, container) {\r\n  return cells.reduce((findIndex, cell) => {\r\n    const cellRect = getRelativeRect(cell.getBoundingClientRect(), container)\r\n    if (conditionFn(cellRect, boundary)) {\r\n      findIndex = cells.indexOf(cell)\r\n    }\r\n    return findIndex\r\n  }, false)\r\n}\r\n\r\nfunction getColToolCellIndexesByBoundary(cells, boundary, conditionFn, container) {\r\n  return cells.reduce((findIndexes, cell) => {\r\n    const cellRect = getRelativeRect(cell.getBoundingClientRect(), container)\r\n    if (conditionFn(cellRect, boundary)) {\r\n      findIndexes.push(cells.indexOf(cell))\r\n    }\r\n    return findIndexes\r\n  }, [])\r\n}\r\n\r\nfunction checkAndGetViewPointChange(parentContainer: HTMLElement, left: number, top: number) {\r\n  if (!parentContainer) {\r\n    return {\r\n      offsetX: 0,\r\n      offsetY: 0,\r\n    }\r\n  }\r\n  // 模拟一个元素测预测位置和最终位置是否符合，如果不符合则是有transform等造成的偏移\r\n  const testEl = document.createElement('div')\r\n  css(testEl, {\r\n    opacity: '0',\r\n    position: 'fixed',\r\n    left: `${left}px`,\r\n    top: `${top}px`,\r\n    width: '1px',\r\n    height: '1px',\r\n    zIndex: '-999999',\r\n  })\r\n  parentContainer.appendChild(testEl)\r\n  const testElPosition = testEl.getBoundingClientRect()\r\n  parentContainer.removeChild(testEl)\r\n  return {\r\n    offsetX: testElPosition.left - left,\r\n    offsetY: testElPosition.top - top,\r\n  }\r\n}\r\n"],"names":[],"mappings":"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"}
+{"version":3,"file":"table-operation-menu.es.js","sources":["../../../../src/table/modules/table-operation-menu.ts"],"sourcesContent":["import Quill from 'quill'\nimport { LANG_CONF } from '../../config/editor.config'\nimport {\n  ERROR_LIMIT,\n  MENU_ITEM_HEIGHT,\n  MENU_MIN_HEIGHT,\n  MENU_WIDTH,\n  OPERATE_MENU_COLORPICKER_CLASS,\n\n  OPERATE_MENU_COLORPICKER_ITEM_CLASS,\n  OPERATE_MENU_DIVIDING_CLASS,\n  OPERATE_MENU_ITEM_CLASS,\n  OPERATE_MENU_SUBTITLE_CLASS,\n} from '../table-config'\n\nimport { arrayFrom, css, elementRemove, getRelativeRect } from '../utils'\n\nconst MENU_ITEMS_DEFAULT = {\n  copyCells: {\n    text: 'Copy Cells',\n    handler() {\n      this.onCopy('copy')\n    },\n  },\n  copyTable: {\n    text: 'Copy Table',\n    handler() {\n      this.tableColumnTool.destroy()\n      this.tableScrollBar.destroy()\n      this.tableSelection.clearSelection()\n      const dom = this.table.cloneNode(true)\n      const trArr = dom.querySelectorAll('tr[data-row]')\n      trArr.forEach(tr => tr.removeAttribute('data-row'))\n      dom.style.position = 'fixed'\n      dom.style.top = 0\n      dom.style.left = 0\n      dom.style.clip = 'rect(0,0,0,0)'\n      document.body.appendChild(dom)\n      this.setCopyRange(dom)\n      document.execCommand('copy')\n      dom.remove()\n    },\n  },\n  cutCells: {\n    text: 'Cut Cells',\n    handler() {\n      this.onCopy('cut')\n    },\n  },\n  emptyCells: {\n    text: 'Empty Cells',\n    handler() {\n      const tableContainer = Quill.find(this.table)\n      const { selectedTds } = this.tableSelection\n      tableContainer.emptyCells(selectedTds)\n    },\n  },\n  insertColumnRight: {\n    text: 'Insert Column After',\n    handler() {\n      const tableContainer = Quill.find(this.table)\n      const colIndex = getColToolCellIndexByBoundary(\n        this.columnToolCells,\n        this.boundary,\n        (cellRect, boundary) => {\n          return Math.abs(cellRect.x + cellRect.width - boundary.x1) <= ERROR_LIMIT\n        },\n        this.quill.root.parentNode,\n      )\n\n      const newColumn = tableContainer.insertColumn(this.boundary, colIndex, true, this.quill.root.parentNode)\n\n      this.tableColumnTool.updateColToolCells()\n      this.quill.update(Quill.sources.USER)\n      // fix: the scroll bar will go to the top when insert row/column to the table\n      // this.quill.setSelection(\n      //   this.quill.getIndex(newColumn[0]),\n      //   0,\n      //   Quill.sources.SILENT\n      // )\n      this.tableSelection.setSelection(\n        newColumn[0].domNode.getBoundingClientRect(),\n        newColumn[0].domNode.getBoundingClientRect(),\n      )\n\n      setTimeout(() => this.tableScrollBar.updateScrollBar())\n    },\n  },\n\n  insertColumnLeft: {\n    text: 'Insert Column Before',\n    handler() {\n      const tableContainer = Quill.find(this.table)\n      const colIndex = getColToolCellIndexByBoundary(\n        this.columnToolCells,\n        this.boundary,\n        (cellRect, boundary) => {\n          return Math.abs(cellRect.x - boundary.x) <= ERROR_LIMIT\n        },\n        this.quill.root.parentNode,\n      )\n\n      const newColumn = tableContainer.insertColumn(this.boundary, colIndex, false, this.quill.root.parentNode)\n\n      this.tableColumnTool.updateColToolCells()\n      this.quill.update(Quill.sources.USER)\n      // this.quill.setSelection(\n      //   this.quill.getIndex(newColumn[0]),\n      //   0,\n      //   Quill.sources.SILENT\n      // )\n      this.tableSelection.setSelection(\n        newColumn[0].domNode.getBoundingClientRect(),\n        newColumn[0].domNode.getBoundingClientRect(),\n      )\n\n      setTimeout(() => this.tableScrollBar.updateScrollBar())\n    },\n  },\n\n  insertRowUp: {\n    text: 'Insert Row Above',\n    handler() {\n      const tableContainer = Quill.find(this.table)\n      const affectedCells = tableContainer.insertRow(this.boundary, false, this.quill.root.parentNode)\n\n      this.tableColumnTool.updateRowToolCells()\n      this.quill.update(Quill.sources.USER)\n      // this.quill.setSelection(\n      //   this.quill.getIndex(affectedCells[0]),\n      //   0,\n      //   Quill.sources.SILENT\n      // )\n      this.tableSelection.setSelection(\n        affectedCells[0].domNode.getBoundingClientRect(),\n        affectedCells[0].domNode.getBoundingClientRect(),\n      )\n\n      setTimeout(() => this.tableScrollBar.resetTableHeight(this.table))\n    },\n  },\n\n  insertRowDown: {\n    text: 'Insert Row Below',\n    handler() {\n      const tableContainer = Quill.find(this.table)\n      const affectedCells = tableContainer.insertRow(this.boundary, true, this.quill.root.parentNode)\n\n      this.tableColumnTool.updateRowToolCells()\n      this.quill.update(Quill.sources.USER)\n      // this.quill.setSelection(\n      //   this.quill.getIndex(affectedCells[0]),\n      //   0,\n      //   Quill.sources.SILENT\n      // )\n      this.tableSelection.setSelection(\n        affectedCells[0].domNode.getBoundingClientRect(),\n        affectedCells[0].domNode.getBoundingClientRect(),\n      )\n\n      setTimeout(() => this.tableScrollBar.resetTableHeight(this.table))\n    },\n  },\n\n  mergeCells: {\n    text: 'Merge Cells',\n    handler() {\n      const tableContainer = Quill.find(this.table)\n      // compute merged Cell rowspan, equal to length of selected rows\n      const rowspan = tableContainer.rows().reduce((sum, row) => {\n        const rowRect = getRelativeRect(row.domNode.getBoundingClientRect(), this.quill.root.parentNode)\n        if (\n          rowRect.y > this.boundary.y - ERROR_LIMIT\n          && rowRect.y + rowRect.height < this.boundary.y + this.boundary.height + ERROR_LIMIT\n        ) {\n          sum += 1\n        }\n        return sum\n      }, 0)\n\n      // compute merged cell colspan, equal to length of selected cols\n      const colspan = this.columnToolCells.reduce((sum, cell) => {\n        const cellRect = getRelativeRect(cell.getBoundingClientRect(), this.quill.root.parentNode)\n        if (\n          cellRect.x > this.boundary.x - ERROR_LIMIT\n          && cellRect.x + cellRect.width < this.boundary.x + this.boundary.width + ERROR_LIMIT\n        ) {\n          sum += 1\n        }\n        return sum\n      }, 0)\n\n      const mergedCell = tableContainer.mergeCells(\n        this.boundary,\n        this.selectedTds,\n        rowspan,\n        colspan,\n        this.quill.root.parentNode,\n      )\n      this.quill.update(Quill.sources.USER)\n      this.tableSelection.setSelection(\n        mergedCell.domNode.getBoundingClientRect(),\n        mergedCell.domNode.getBoundingClientRect(),\n      )\n    },\n  },\n\n  unmergeCells: {\n    text: 'Split Cells',\n    handler() {\n      const tableContainer = Quill.find(this.table)\n      tableContainer.unmergeCells(this.selectedTds, this.quill.root.parentNode)\n      this.quill.update(Quill.sources.USER)\n      this.tableSelection.clearSelection()\n    },\n  },\n\n  deleteColumn: {\n    text: 'Delete Columns',\n    handler() {\n      const tableContainer = Quill.find(this.table)\n      const colIndexes = getColToolCellIndexesByBoundary(\n        this.columnToolCells,\n        this.boundary,\n        (cellRect, boundary) => {\n          return cellRect.x + ERROR_LIMIT > boundary.x && cellRect.x + cellRect.width - ERROR_LIMIT < boundary.x1\n        },\n        this.quill.root.parentNode,\n      )\n\n      const isDeleteTable = tableContainer.deleteColumns(this.boundary, colIndexes, this.quill.root.parentNode)\n      if (!isDeleteTable) {\n        this.tableColumnTool.updateColToolCells()\n        this.quill.update(Quill.sources.USER)\n        this.tableSelection.clearSelection()\n      }\n\n      setTimeout(() => this.tableScrollBar.updateScrollBar())\n    },\n  },\n\n  deleteRow: {\n    text: 'Delete Rows',\n    handler() {\n      const tableContainer = Quill.find(this.table)\n      const isDeleteTable = tableContainer.deleteRow(this.boundary, this.quill.root.parentNode)\n      if (!isDeleteTable) {\n        this.tableColumnTool.updateRowToolCells()\n        this.quill.update(Quill.sources.USER)\n        this.tableSelection.clearSelection()\n      }\n    },\n  },\n\n  deleteTable: {\n    text: 'Remove Table',\n    handler() {\n      const betterTableModule = this.quill.getModule('better-table')\n      const tableContainer = Quill.find(this.table)\n      betterTableModule.hideTableTools()\n      tableContainer.remove()\n      this.quill.update(Quill.sources.USER)\n      // fix: 右键菜单删除表格后编辑器失焦\n      this.quill.focus()\n    },\n  },\n}\nconst DEFAULT_CELL_COLORS = ['white', 'red', 'yellow', 'blue']\nconst NODE_EVENT_MAP = new WeakMap()\nconst DEFAULT_COLOR_SUBTITLE = LANG_CONF.subTitleBgColor\nexport default class TableOperationMenu {\n  tableSelection: any\n  table: any\n  quill: any\n  options: any\n  menuItems: any\n  tableColumnTool: any\n  tableScrollBar: any\n  boundary: any\n  selectedTds: any\n  destroyHandler: any\n  columnToolCells: any\n  colorSubTitle: any\n  cellColors: any\n  domNode: any\n\n  constructor(params, quill, options) {\n    const betterTableModule = quill.getModule('better-table')\n    this.tableSelection = betterTableModule.tableSelection\n    this.table = params.table\n    this.quill = quill\n    this.options = options\n    this.menuItems = { ...MENU_ITEMS_DEFAULT, ...options.items }\n    this.tableColumnTool = betterTableModule.columnTool\n    // this.tableRowTool = betterTableModule.rowTool\n    this.tableScrollBar = betterTableModule.tableScrollBar\n    this.boundary = this.tableSelection.boundary\n    this.selectedTds = this.tableSelection.selectedTds\n    this.destroyHandler = this.destroy.bind(this)\n    this.columnToolCells = this.tableColumnTool.colToolCells()\n    this.colorSubTitle\n      = options.color && options.color.text\n        ? options.color.text\n        : DEFAULT_COLOR_SUBTITLE\n    this.cellColors\n      = options.color && options.color.colors\n        ? options.color.colors\n        : DEFAULT_CELL_COLORS\n\n    this.menuInitial(params)\n    this.mount()\n    document.addEventListener('click', this.destroyHandler, false)\n  }\n\n  mount() {\n    this.quill.root.parentNode.appendChild(this.domNode)\n  }\n\n  destroy() {\n    const menuItems = arrayFrom(\n      this.domNode.querySelectorAll(`.${OPERATE_MENU_ITEM_CLASS}`),\n    )\n    const colorPickerItems = arrayFrom(\n      this.domNode.querySelectorAll(`.${OPERATE_MENU_COLORPICKER_ITEM_CLASS}`),\n    )\n    const nodes = menuItems.concat(colorPickerItems)\n\n    nodes.forEach((node) => {\n      if (NODE_EVENT_MAP.has(node)) {\n        const unregister = NODE_EVENT_MAP.get(node)\n\n        if (unregister && typeof unregister === 'function') {\n          unregister()\n        }\n      }\n    })\n\n    elementRemove(this.domNode)\n    document.removeEventListener('mousedown', this.destroyHandler, false)\n\n    return null\n  }\n\n  menuInitial({ cell, left, top }) {\n    const rowspan = cell.getAttribute('rowspan')\n    const colspan = cell.getAttribute('colspan')\n    const winHeight = window.innerHeight || Math.max(document.documentElement.clientHeight, document.body.clientHeight)\n    const num = Object.keys(this.menuItems) || []\n    const menuHeight = MENU_ITEM_HEIGHT * num.length || MENU_MIN_HEIGHT\n    const transformOffset = checkAndGetViewPointChange(this.quill.root.parentNode, left, top)\n    const leftPos = left - transformOffset.offsetX\n    const topPos = top - transformOffset.offsetY\n    const cssContent = {\n      'left': `${leftPos}px`,\n      'top': `${topPos}px`,\n      'min-height': `${MENU_MIN_HEIGHT}px`,\n      'width': `${MENU_WIDTH}px`,\n    }\n\n    if (menuHeight + top > winHeight && menuHeight < winHeight) {\n      delete cssContent.top\n      cssContent.bottom = '10px'\n    }\n\n    this.domNode = document.createElement('div')\n    this.domNode.classList.add('qlbt-operation-menu')\n    css(this.domNode, cssContent)\n\n    for (const name in this.menuItems) {\n      if (this.menuItems[name]) {\n        const item = { ...MENU_ITEMS_DEFAULT[name], ...this.menuItems[name] }\n        const dom = this.menuItemCreator(item)\n        if (\n          (name === 'mergeCells' && this.tableSelection.selectedTds.length === 1)\n          || (name === 'unmergeCells' && rowspan === 1 && colspan === 1)\n        ) {\n          dom.classList.add('qlbt-operation-menu-disabled')\n        }\n        else {\n          dom.addEventListener('mouseup', item.handler.bind(this), false)\n        }\n        this.domNode.appendChild(dom)\n      }\n    }\n\n    // if colors option is false, disabled bg color\n    if (this.options.color && this.options.color !== false) {\n      this.domNode.appendChild(dividingCreator())\n      this.domNode.appendChild(subTitleCreator(this.colorSubTitle))\n      this.domNode.appendChild(this.colorsItemCreator(this.cellColors))\n    }\n\n    // create dividing line\n    function dividingCreator() {\n      const dividing = document.createElement('div')\n      dividing.classList.add(OPERATE_MENU_DIVIDING_CLASS)\n      return dividing\n    }\n\n    // create subtitle for menu\n    function subTitleCreator(title) {\n      const subTitle = document.createElement('div')\n      subTitle.classList.add(OPERATE_MENU_SUBTITLE_CLASS)\n      subTitle.textContent = title\n      return subTitle\n    }\n  }\n\n  colorsItemCreator(colors) {\n    const self = this\n    const node = document.createElement('div')\n    node.classList.add(OPERATE_MENU_COLORPICKER_CLASS)\n\n    colors.forEach((color) => {\n      const colorBox = colorBoxCreator(color)\n      node.appendChild(colorBox)\n    })\n\n    function colorBoxCreator(color) {\n      const box = document.createElement('div')\n      box.classList.add(OPERATE_MENU_COLORPICKER_ITEM_CLASS)\n      box.setAttribute('data-color', color)\n      box.style.backgroundColor = color\n\n      const clickHandler = function () {\n        const selectedTds = self.tableSelection.selectedTds\n        if (selectedTds && selectedTds.length > 0) {\n          selectedTds.forEach((tableCell) => {\n            tableCell.domNode.children[0].setAttribute('data-parent-bg', color)\n            tableCell.format('cell-bg', color)\n          })\n        }\n      }\n\n      box.addEventListener('click', clickHandler, false)\n\n      NODE_EVENT_MAP.set(box, () => {\n        box.removeEventListener('click', clickHandler, false)\n      })\n\n      return box\n    }\n\n    return node\n  }\n\n  menuItemCreator({ text }) {\n    const node = document.createElement('div')\n    node.classList.add('qlbt-operation-menu-item')\n    node.textContent = text\n    // node.addEventListener('click', handler.bind(this), false)\n    return node\n  }\n\n  onCopy(operation) {\n    const { selectedTds } = this.tableSelection\n    const virtualTable = this.createVirtualTable(selectedTds, operation)\n    document.body.appendChild(virtualTable)\n    this.setCopyRange(virtualTable)\n    this.tableSelection.preSelectedTable = virtualTable\n    this.tableSelection.preSelectedTds = selectedTds\n    document.execCommand('copy')\n    virtualTable.remove()\n    if (operation === 'cut') {\n      const tableContainer = Quill.find(this.table)\n      tableContainer.emptyCells(selectedTds)\n    }\n  }\n\n  createVirtualTable(selectedTds, _operation) {\n    const virtualTable: any = document.createElement('table')\n    virtualTable.style.position = 'fixed'\n    virtualTable.style.top = 0\n    virtualTable.style.left = 0\n    virtualTable.style.clip = 'rect(0,0,0,0)'\n    let preParentSign = ''\n    let virtualTr = null\n    selectedTds.forEach((selectedCell) => {\n      const { domNode, parent } = selectedCell\n      const currentParentSign = parent.domNode.getAttribute('data-row')\n      const rowspan = domNode.firstChild.dataset.rowspan\n      const colspan = domNode.firstChild.dataset.colspan\n      const row = domNode.firstChild.dataset.row\n      const cell = domNode.firstChild.dataset.cell\n\n      selectedCell.dataCell = cell\n      selectedCell.dataRow = row\n      selectedCell.dataColSpan = colspan\n      selectedCell.dataRowSpan = rowspan\n\n      if (currentParentSign !== preParentSign) {\n        if (preParentSign !== '') {\n          virtualTable.appendChild(virtualTr)\n        }\n        virtualTr = document.createElement('tr')\n        preParentSign = currentParentSign\n      }\n\n      const domNodeWidth = domNode.offsetWidth\n      const cloneNode = domNode.cloneNode(true)\n      cloneNode.setAttribute('width', domNodeWidth)\n\n      virtualTr.appendChild(cloneNode)\n    })\n    virtualTable.appendChild(virtualTr)\n    return virtualTable\n  }\n\n  setCopyRange(selectedNodes) {\n    const range = document.createRange()\n    const windowSelectionRange = window.getSelection()\n    range.selectNodeContents(selectedNodes)\n    windowSelectionRange.removeAllRanges()\n    windowSelectionRange.addRange(range)\n  }\n\n  groupTableCell(selectedTds) {\n    const rowGroup = []\n    let dataRow = ''\n    let preDataRow = ''\n    let index = 0\n    selectedTds.forEach((tableCell) => {\n      dataRow = tableCell.parent.domNode.getAttribute('data-row')\n\n      if (dataRow !== preDataRow) {\n        if (preDataRow !== '') {\n          index++\n        }\n        rowGroup[index] = []\n        preDataRow = dataRow\n      }\n\n      rowGroup[index].push(tableCell)\n    })\n    return rowGroup\n  }\n}\n\nfunction getColToolCellIndexByBoundary(cells, boundary, conditionFn, container) {\n  return cells.reduce((findIndex, cell) => {\n    const cellRect = getRelativeRect(cell.getBoundingClientRect(), container)\n    if (conditionFn(cellRect, boundary)) {\n      findIndex = cells.indexOf(cell)\n    }\n    return findIndex\n  }, false)\n}\n\nfunction getColToolCellIndexesByBoundary(cells, boundary, conditionFn, container) {\n  return cells.reduce((findIndexes, cell) => {\n    const cellRect = getRelativeRect(cell.getBoundingClientRect(), container)\n    if (conditionFn(cellRect, boundary)) {\n      findIndexes.push(cells.indexOf(cell))\n    }\n    return findIndexes\n  }, [])\n}\n\nfunction checkAndGetViewPointChange(parentContainer: HTMLElement, left: number, top: number) {\n  if (!parentContainer) {\n    return {\n      offsetX: 0,\n      offsetY: 0,\n    }\n  }\n  // 模拟一个元素测预测位置和最终位置是否符合，如果不符合则是有transform等造成的偏移\n  const testEl = document.createElement('div')\n  css(testEl, {\n    opacity: '0',\n    position: 'fixed',\n    left: `${left}px`,\n    top: `${top}px`,\n    width: '1px',\n    height: '1px',\n    zIndex: '-999999',\n  })\n  parentContainer.appendChild(testEl)\n  const testElPosition = testEl.getBoundingClientRect()\n  parentContainer.removeChild(testEl)\n  return {\n    offsetX: testElPosition.left - left,\n    offsetY: testElPosition.top - top,\n  }\n}\n"],"names":[],"mappings":"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"}

package/es/table/modules/table-scroll-bar.es.js

@@ -63,7 +63,7 @@ class TableScrollBar {
     }
   }
   setScrollBarMove(pos, isMouse) {
-    const currentBarLeft = parseInt(getComputedStyle(this.scrollBar)["left"], 10);
+    const currentBarLeft = Number.parseInt(getComputedStyle(this.scrollBar).left, 10);
     let left = isMouse ? pos - this.prev + currentBarLeft : currentBarLeft + pos;
     this.showMask(left);
     left = this.getLimitedDistance(left);

package/es/table/modules/table-scroll-bar.es.js.map

@@ -1 +1 @@
-{"version":3,"file":"table-scroll-bar.es.js","sources":["../../../../src/table/modules/table-scroll-bar.ts"],"sourcesContent":["import { SCROLL_BAR_PANEL_HEIGHT } from '../table-config'\r\nimport { css } from '../utils'\r\n\r\nexport default class TableScrollBar {\r\n  table: any\r\n  quill: any\r\n  modulesContainer: any\r\n  domNode: any\r\n  oldRootScrollTop: any\r\n  // @ts-ignore\r\n  prev: number\r\n  columnToolDomNode: any\r\n  columnCtrlPanel: any\r\n  leftMask: any\r\n  tableViewRect: any\r\n  tableRect: any\r\n  containerRect: any\r\n  subscriber: any\r\n  // @ts-ignore\r\n  tableMoveDistance: number\r\n  // @ts-ignore\r\n  maxBarLeft: number\r\n  // @ts-ignore\r\n  scrollBar: Element\r\n  // @ts-ignore\r\n  isTableOverflow: boolean // 表格是否溢出开关，判断开关值后只改变样式一次，不重复修改\r\n\r\n  constructor(table, quill, dom) {\r\n    if (!table) {\r\n      return\r\n    }\r\n    this.table = table\r\n    this.quill = quill\r\n    this.modulesContainer = dom\r\n    this.domNode = null\r\n    this.oldRootScrollTop = this.quill.root.scrollTop\r\n    this.prev = 0\r\n\r\n    const betterTableModule = this.quill.getModule('better-table')\r\n    const tableColumnTool = betterTableModule.columnTool\r\n    this.columnToolDomNode = tableColumnTool.domNode\r\n    this.columnCtrlPanel = tableColumnTool.columnCtrlPanel\r\n    this.leftMask = tableColumnTool.leftMask\r\n\r\n    this.updateScrollBar()\r\n\r\n    if (this.quill.root === this.quill.scrollingContainer) {\r\n      this.quill.root.addEventListener('scroll', this.handleQuillRootScroll.bind(this))\r\n    }\r\n  }\r\n\r\n  handleQuillRootScroll() {\r\n    if (!this.domNode) {\r\n      return\r\n    }\r\n    const curTableRect = this.table.getBoundingClientRect()\r\n    const curContainerRect = this.quill.root.parentNode.getBoundingClientRect()\r\n    const tableTop = curTableRect.top + SCROLL_BAR_PANEL_HEIGHT\r\n    const tableBottom = curTableRect.top + curTableRect.height - 1\r\n    const containerBottom = curContainerRect.top + curContainerRect.height\r\n    if (containerBottom < tableBottom && containerBottom > tableTop) { // 表格下端溢出容器下端\r\n      if (!this.isTableOverflow) {\r\n        this.isTableOverflow = true\r\n        css(this.domNode, {\r\n          display: 'block',\r\n          top: `${this.containerRect.height - SCROLL_BAR_PANEL_HEIGHT}px`,\r\n          marginTop: '0px',\r\n        })\r\n      }\r\n    }\r\n    else if (containerBottom <= tableTop) { // 表格上端溢出容器下端\r\n      this.isTableOverflow = false\r\n      this.domNode.style.display = 'none'\r\n    }\r\n    else { // 表格下端在容器内\r\n      this.setScrollBarToBottom()\r\n      css(this.domNode, { marginTop: `${this.oldRootScrollTop - this.quill.root.scrollTop}px` })\r\n    }\r\n  }\r\n\r\n  setScrollBarToBottom() {\r\n    if (this.isTableOverflow) {\r\n      this.isTableOverflow = false\r\n      const barPos = this.tableRect.top + this.tableRect.height - this.containerRect.top - 1\r\n      css(this.domNode, { display: 'block', top: `${barPos}px` })\r\n    }\r\n  }\r\n\r\n  resetTableHeight(table) {\r\n    if (this.domNode) {\r\n      // 表格的高度改变，重置初始化tableRect的高度，但不重置其他坐标值\r\n      this.tableRect.height = table.getBoundingClientRect().height\r\n      this.isTableOverflow = !this.isTableOverflow\r\n      this.handleQuillRootScroll()\r\n    }\r\n  }\r\n\r\n  setScrollBarMove(pos, isMouse) {\r\n    // 获取当前滑块左边距和鼠标两次事件节点之间的位移差，计算当前滑块位置及是否显示左右遮罩层，通过比例计算表格位移并赋值\r\n    const currentBarLeft = parseInt(getComputedStyle(this.scrollBar)['left'], 10)\r\n    let left = isMouse ? pos - this.prev + currentBarLeft : currentBarLeft + pos\r\n    this.showMask(left)\r\n    left = this.getLimitedDistance(left)\r\n    const scale = this.tableViewRect.width / this.tableRect.width\r\n    const move = left / scale\r\n    const columnCtrlPanelLeft = this.tableViewRect.left - this.containerRect.left - move\r\n    css(this.scrollBar, { left: `${left}px` }) // 移动表格滚动条\r\n    css(this.columnCtrlPanel, { left: `${columnCtrlPanelLeft}px` }) // 移动顶部列宽控制条\r\n    this.table.parentNode.scrollLeft = move // 移动表格\r\n    if (isMouse) {\r\n      this.prev = pos\r\n    }\r\n\r\n    // fix: 拖动滚动条时修正选区位置\r\n    const tableSelection = this.quill.getModule('better-table').tableSelection\r\n    if (tableSelection && tableSelection.selectedTds.length) {\r\n      tableSelection.refreshHelpLinesPosition()\r\n    }\r\n  }\r\n\r\n  handleScrollBarMouseDown(mouseDownEvent) {\r\n    mouseDownEvent.preventDefault()\r\n\r\n    this.prev = mouseDownEvent.clientX\r\n    this.subscriber = (mouseMoveEvent: any) => {\r\n      mouseMoveEvent.preventDefault()\r\n      mouseMoveEvent.stopPropagation()\r\n      this.setScrollBarMove(mouseMoveEvent.clientX, true)\r\n    }\r\n    this.quill.root.parentNode.addEventListener('mousemove', this.subscriber, false)\r\n    document.addEventListener('mouseup', this.handleScrollBarMouseup.bind(this), false)\r\n  }\r\n\r\n  handleScrollBarMouseup(event) {\r\n    event.preventDefault()\r\n    this.quill.root.parentNode.removeEventListener('mousemove', this.subscriber)\r\n    document.removeEventListener('mouseup', this.handleScrollBarMouseup.bind(this), false)\r\n  }\r\n\r\n  handleWheel(event) {\r\n    // 按住 Shift 滚动鼠标滚轮，可以对表格进行横向滚动\r\n    if (event.shiftKey) {\r\n      const { deltaY } = event // 每次滚动鼠标滚轮移动的距离\r\n      this.setScrollBarMove(deltaY, false)\r\n    }\r\n  }\r\n\r\n  showMask(distance) {\r\n    // 根据当前滑块左边距判断是否显示左右遮罩层\r\n    if (distance >= Math.floor(this.maxBarLeft)) {\r\n      css(this.leftMask, { display: 'block' })\r\n    }\r\n    else if (distance <= 0) {\r\n      css(this.leftMask, { display: 'none' })\r\n    }\r\n    else {\r\n      css(this.leftMask, { display: 'block' })\r\n    }\r\n  }\r\n\r\n  getLimitedDistance(distance) {\r\n    if (distance >= Math.floor(this.maxBarLeft)) {\r\n      distance = this.maxBarLeft\r\n    }\r\n    else if (distance <= 0) {\r\n      distance = 0\r\n    }\r\n    return distance\r\n  }\r\n\r\n  updateScrollBar() {\r\n    if (!this.table?.parentNode) {\r\n      return\r\n    }\r\n    // 获取表格尺寸和表格容器尺寸\r\n    const tableRect = this.table.getBoundingClientRect()\r\n    const tableViewRect = this.table.parentNode.getBoundingClientRect()\r\n    const tableMoveDistance = tableRect.width - tableViewRect.width // 表格最大移动距离\r\n    this.tableRect = tableRect\r\n    this.tableViewRect = tableViewRect\r\n    this.tableMoveDistance = tableMoveDistance\r\n    this.oldRootScrollTop = this.quill.root.scrollTop\r\n\r\n    if (tableMoveDistance > 0) {\r\n      this.createScrollBar()\r\n    }\r\n    else {\r\n      this.destroyScrollBar()\r\n    }\r\n  }\r\n\r\n  createScrollBar() {\r\n    // 列控制条增加表格相应位移\r\n    const parent = this.quill.root.parentNode\r\n    const containerRect = parent.getBoundingClientRect() // 编辑器容器宽度\r\n    this.containerRect = containerRect\r\n    css(this.columnCtrlPanel, {\r\n      left: `${this.tableViewRect.left - containerRect.left - this.table.parentNode.scrollLeft}px`,\r\n    })\r\n\r\n    // 创建滚动条\r\n    if (this.domNode) {\r\n      this.domNode.remove()\r\n    }\r\n    this.domNode = document.createElement('div')\r\n    this.domNode.classList.add('qlbt-table-scroll-bar-panel')\r\n    this.scrollBar = document.createElement('div')\r\n    this.scrollBar.classList.add('qlbt-table-scroll-bar')\r\n    this.scrollBar.addEventListener('mousedown', this.handleScrollBarMouseDown.bind(this), false)\r\n    const scale = this.tableViewRect.width / this.tableRect.width\r\n    const barWidth = this.tableViewRect.width - this.tableMoveDistance * scale // 滑块宽度\r\n    css(this.scrollBar, { width: `${barWidth}px` })\r\n    this.domNode.appendChild(this.scrollBar)\r\n\r\n    // 判断当前表格是否存在位移，如存在通过比例计算滑块当前位移并赋值\r\n    const tableScrollLeft = this.table.parentNode.scrollLeft\r\n    this.maxBarLeft = this.tableMoveDistance * scale // 滑块最大移动距离\r\n    if (tableScrollLeft) {\r\n      const barLeft = tableScrollLeft * scale\r\n      this.showMask(barLeft)\r\n      css(this.scrollBar, { left: `${this.getLimitedDistance(barLeft)}px` })\r\n    }\r\n\r\n    // 将滚动条插入到 table control panel 中\r\n    const barPos = this.tableRect.top + this.tableRect.height - containerRect.top - 1\r\n    this.isTableOverflow = containerRect.top + containerRect.height < this.tableRect.top + this.tableRect.height\r\n    this.modulesContainer.appendChild(this.domNode)\r\n    css(this.domNode, { top: `${Math.min(containerRect.height - SCROLL_BAR_PANEL_HEIGHT, barPos)}px` })\r\n\r\n    // 绑定鼠标滚轮事件：Shift+鼠标滚轮，滚动表格横向滚动条\r\n    document.addEventListener('wheel', this.handleWheel.bind(this))\r\n  }\r\n\r\n  destroyScrollBar() {\r\n    css(this.leftMask, { display: 'none' })\r\n    this.columnCtrlPanel.removeAttribute('style')\r\n    this.maxBarLeft = null\r\n    this.destroy()\r\n  }\r\n\r\n  destroy() {\r\n    if (this.domNode) {\r\n      this.domNode.remove()\r\n    }\r\n    this.quill.root.removeEventListener('scroll', this.handleQuillRootScroll.bind(this))\r\n    document.removeEventListener('wheel', this.handleWheel.bind(this))\r\n  }\r\n}\r\n"],"names":[],"mappings":"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"}
+{"version":3,"file":"table-scroll-bar.es.js","sources":["../../../../src/table/modules/table-scroll-bar.ts"],"sourcesContent":["import { SCROLL_BAR_PANEL_HEIGHT } from '../table-config'\nimport { css } from '../utils'\n\nexport default class TableScrollBar {\n  table: any\n  quill: any\n  modulesContainer: any\n  domNode: any\n  oldRootScrollTop: any\n  // @ts-ignore\n  prev: number\n  columnToolDomNode: any\n  columnCtrlPanel: any\n  leftMask: any\n  tableViewRect: any\n  tableRect: any\n  containerRect: any\n  subscriber: any\n  // @ts-ignore\n  tableMoveDistance: number\n  // @ts-ignore\n  maxBarLeft: number\n  // @ts-ignore\n  scrollBar: Element\n  // @ts-ignore\n  isTableOverflow: boolean // 表格是否溢出开关，判断开关值后只改变样式一次，不重复修改\n\n  constructor(table, quill, dom) {\n    if (!table) {\n      return\n    }\n    this.table = table\n    this.quill = quill\n    this.modulesContainer = dom\n    this.domNode = null\n    this.oldRootScrollTop = this.quill.root.scrollTop\n    this.prev = 0\n\n    const betterTableModule = this.quill.getModule('better-table')\n    const tableColumnTool = betterTableModule.columnTool\n    this.columnToolDomNode = tableColumnTool.domNode\n    this.columnCtrlPanel = tableColumnTool.columnCtrlPanel\n    this.leftMask = tableColumnTool.leftMask\n\n    this.updateScrollBar()\n\n    if (this.quill.root === this.quill.scrollingContainer) {\n      this.quill.root.addEventListener('scroll', this.handleQuillRootScroll.bind(this))\n    }\n  }\n\n  handleQuillRootScroll() {\n    if (!this.domNode) {\n      return\n    }\n    const curTableRect = this.table.getBoundingClientRect()\n    const curContainerRect = this.quill.root.parentNode.getBoundingClientRect()\n    const tableTop = curTableRect.top + SCROLL_BAR_PANEL_HEIGHT\n    const tableBottom = curTableRect.top + curTableRect.height - 1\n    const containerBottom = curContainerRect.top + curContainerRect.height\n    if (containerBottom < tableBottom && containerBottom > tableTop) { // 表格下端溢出容器下端\n      if (!this.isTableOverflow) {\n        this.isTableOverflow = true\n        css(this.domNode, {\n          display: 'block',\n          top: `${this.containerRect.height - SCROLL_BAR_PANEL_HEIGHT}px`,\n          marginTop: '0px',\n        })\n      }\n    }\n    else if (containerBottom <= tableTop) { // 表格上端溢出容器下端\n      this.isTableOverflow = false\n      this.domNode.style.display = 'none'\n    }\n    else { // 表格下端在容器内\n      this.setScrollBarToBottom()\n      css(this.domNode, { marginTop: `${this.oldRootScrollTop - this.quill.root.scrollTop}px` })\n    }\n  }\n\n  setScrollBarToBottom() {\n    if (this.isTableOverflow) {\n      this.isTableOverflow = false\n      const barPos = this.tableRect.top + this.tableRect.height - this.containerRect.top - 1\n      css(this.domNode, { display: 'block', top: `${barPos}px` })\n    }\n  }\n\n  resetTableHeight(table) {\n    if (this.domNode) {\n      // 表格的高度改变，重置初始化tableRect的高度，但不重置其他坐标值\n      this.tableRect.height = table.getBoundingClientRect().height\n      this.isTableOverflow = !this.isTableOverflow\n      this.handleQuillRootScroll()\n    }\n  }\n\n  setScrollBarMove(pos, isMouse) {\n    // 获取当前滑块左边距和鼠标两次事件节点之间的位移差，计算当前滑块位置及是否显示左右遮罩层，通过比例计算表格位移并赋值\n    const currentBarLeft = Number.parseInt(getComputedStyle(this.scrollBar).left, 10)\n    let left = isMouse ? pos - this.prev + currentBarLeft : currentBarLeft + pos\n    this.showMask(left)\n    left = this.getLimitedDistance(left)\n    const scale = this.tableViewRect.width / this.tableRect.width\n    const move = left / scale\n    const columnCtrlPanelLeft = this.tableViewRect.left - this.containerRect.left - move\n    css(this.scrollBar, { left: `${left}px` }) // 移动表格滚动条\n    css(this.columnCtrlPanel, { left: `${columnCtrlPanelLeft}px` }) // 移动顶部列宽控制条\n    this.table.parentNode.scrollLeft = move // 移动表格\n    if (isMouse) {\n      this.prev = pos\n    }\n\n    // fix: 拖动滚动条时修正选区位置\n    const tableSelection = this.quill.getModule('better-table').tableSelection\n    if (tableSelection && tableSelection.selectedTds.length) {\n      tableSelection.refreshHelpLinesPosition()\n    }\n  }\n\n  handleScrollBarMouseDown(mouseDownEvent) {\n    mouseDownEvent.preventDefault()\n\n    this.prev = mouseDownEvent.clientX\n    this.subscriber = (mouseMoveEvent: any) => {\n      mouseMoveEvent.preventDefault()\n      mouseMoveEvent.stopPropagation()\n      this.setScrollBarMove(mouseMoveEvent.clientX, true)\n    }\n    this.quill.root.parentNode.addEventListener('mousemove', this.subscriber, false)\n    document.addEventListener('mouseup', this.handleScrollBarMouseup.bind(this), false)\n  }\n\n  handleScrollBarMouseup(event) {\n    event.preventDefault()\n    this.quill.root.parentNode.removeEventListener('mousemove', this.subscriber)\n    document.removeEventListener('mouseup', this.handleScrollBarMouseup.bind(this), false)\n  }\n\n  handleWheel(event) {\n    // 按住 Shift 滚动鼠标滚轮，可以对表格进行横向滚动\n    if (event.shiftKey) {\n      const { deltaY } = event // 每次滚动鼠标滚轮移动的距离\n      this.setScrollBarMove(deltaY, false)\n    }\n  }\n\n  showMask(distance) {\n    // 根据当前滑块左边距判断是否显示左右遮罩层\n    if (distance >= Math.floor(this.maxBarLeft)) {\n      css(this.leftMask, { display: 'block' })\n    }\n    else if (distance <= 0) {\n      css(this.leftMask, { display: 'none' })\n    }\n    else {\n      css(this.leftMask, { display: 'block' })\n    }\n  }\n\n  getLimitedDistance(distance) {\n    if (distance >= Math.floor(this.maxBarLeft)) {\n      distance = this.maxBarLeft\n    }\n    else if (distance <= 0) {\n      distance = 0\n    }\n    return distance\n  }\n\n  updateScrollBar() {\n    if (!this.table?.parentNode) {\n      return\n    }\n    // 获取表格尺寸和表格容器尺寸\n    const tableRect = this.table.getBoundingClientRect()\n    const tableViewRect = this.table.parentNode.getBoundingClientRect()\n    const tableMoveDistance = tableRect.width - tableViewRect.width // 表格最大移动距离\n    this.tableRect = tableRect\n    this.tableViewRect = tableViewRect\n    this.tableMoveDistance = tableMoveDistance\n    this.oldRootScrollTop = this.quill.root.scrollTop\n\n    if (tableMoveDistance > 0) {\n      this.createScrollBar()\n    }\n    else {\n      this.destroyScrollBar()\n    }\n  }\n\n  createScrollBar() {\n    // 列控制条增加表格相应位移\n    const parent = this.quill.root.parentNode\n    const containerRect = parent.getBoundingClientRect() // 编辑器容器宽度\n    this.containerRect = containerRect\n    css(this.columnCtrlPanel, {\n      left: `${this.tableViewRect.left - containerRect.left - this.table.parentNode.scrollLeft}px`,\n    })\n\n    // 创建滚动条\n    if (this.domNode) {\n      this.domNode.remove()\n    }\n    this.domNode = document.createElement('div')\n    this.domNode.classList.add('qlbt-table-scroll-bar-panel')\n    this.scrollBar = document.createElement('div')\n    this.scrollBar.classList.add('qlbt-table-scroll-bar')\n    this.scrollBar.addEventListener('mousedown', this.handleScrollBarMouseDown.bind(this), false)\n    const scale = this.tableViewRect.width / this.tableRect.width\n    const barWidth = this.tableViewRect.width - this.tableMoveDistance * scale // 滑块宽度\n    css(this.scrollBar, { width: `${barWidth}px` })\n    this.domNode.appendChild(this.scrollBar)\n\n    // 判断当前表格是否存在位移，如存在通过比例计算滑块当前位移并赋值\n    const tableScrollLeft = this.table.parentNode.scrollLeft\n    this.maxBarLeft = this.tableMoveDistance * scale // 滑块最大移动距离\n    if (tableScrollLeft) {\n      const barLeft = tableScrollLeft * scale\n      this.showMask(barLeft)\n      css(this.scrollBar, { left: `${this.getLimitedDistance(barLeft)}px` })\n    }\n\n    // 将滚动条插入到 table control panel 中\n    const barPos = this.tableRect.top + this.tableRect.height - containerRect.top - 1\n    this.isTableOverflow = containerRect.top + containerRect.height < this.tableRect.top + this.tableRect.height\n    this.modulesContainer.appendChild(this.domNode)\n    css(this.domNode, { top: `${Math.min(containerRect.height - SCROLL_BAR_PANEL_HEIGHT, barPos)}px` })\n\n    // 绑定鼠标滚轮事件：Shift+鼠标滚轮，滚动表格横向滚动条\n    document.addEventListener('wheel', this.handleWheel.bind(this))\n  }\n\n  destroyScrollBar() {\n    css(this.leftMask, { display: 'none' })\n    this.columnCtrlPanel.removeAttribute('style')\n    this.maxBarLeft = null\n    this.destroy()\n  }\n\n  destroy() {\n    if (this.domNode) {\n      this.domNode.remove()\n    }\n    this.quill.root.removeEventListener('scroll', this.handleQuillRootScroll.bind(this))\n    document.removeEventListener('wheel', this.handleWheel.bind(this))\n  }\n}\n"],"names":[],"mappings":"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"}

package/es/table/modules/table-selection.es.js

@@ -3,7 +3,6 @@ import { TableCell } from "../formats/table.es.js";
 import { LINE_POSITIONS, PRIMARY_COLOR, ERROR_LIMIT } from "../table-config.es.js";
 import { css, getRelativeRect } from "../utils/index.es.js";
 class TableSelection {
-  /* eslint-disable-next-line no-constructor-return */
   constructor(table, quill, dom) {
     if (!table) {
       return null;

package/es/table/modules/table-selection.es.js.map

@@ -1 +1 @@
-{"version":3,"file":"table-selection.es.js","sources":["../../../../src/table/modules/table-selection.ts"],"sourcesContent":["import Quill from 'quill'\r\nimport { TableCell } from '../formats/table'\r\nimport { ERROR_LIMIT, LINE_POSITIONS, PRIMARY_COLOR } from '../table-config'\r\nimport { css, getRelativeRect } from '../utils'\r\n\r\nexport default class TableSelection {\r\n  table: any\r\n  quill: any\r\n  modulesContainer: any\r\n  parent: any\r\n  boundary: any\r\n  // @ts-ignore\r\n  selectedTds: any[]\r\n  // @ts-ignore\r\n  dragging: boolean\r\n  preSelectedTable: any\r\n  oldRootScrollTop: any\r\n  selectingHandler: any\r\n  tdEditHandler: any\r\n  tdResizeHandler: any\r\n  endTd: any\r\n  startTd: any\r\n  editTd: any\r\n  left: any\r\n  bottom: any\r\n  top: any\r\n  right: any\r\n  /* eslint-disable-next-line no-constructor-return */\r\n  constructor(table, quill, dom) {\r\n    if (!table) {\r\n      return null\r\n    }\r\n    this.table = table\r\n    this.quill = quill\r\n    this.modulesContainer = dom\r\n    this.parent = this.quill.root.parentNode\r\n    this.boundary = {} // params for selected square\r\n    this.selectedTds = [] // array for selected table-cells\r\n    this.dragging = false\r\n    this.preSelectedTable = null\r\n    this.oldRootScrollTop = this.quill.root.scrollTop\r\n\r\n    this.selectingHandler = this.mouseDownHandler.bind(this)\r\n\r\n    this.tdEditHandler = this.setTdEditable.bind(this)\r\n    this.tdResizeHandler = this.resizeTd.bind(this)\r\n\r\n    this.helpLinesInitial()\r\n    this.isEditorHasScrollBar()\r\n\r\n    this.quill.root.parentNode.addEventListener('mousedown', this.selectingHandler, false)\r\n    this.quill.on('text-change', this.tdResizeHandler)\r\n    if (this.quill.root === this.quill.scrollingContainer) {\r\n      this.quill.root.addEventListener('scroll', this.handleQuillRootScroll.bind(this))\r\n    }\r\n  }\r\n\r\n  handleQuillRootScroll() {\r\n    LINE_POSITIONS.forEach((direction) => {\r\n      const selectionLine = this[direction]\r\n      if (selectionLine) {\r\n        selectionLine.style.marginTop = `${this.oldRootScrollTop - this.quill.root.scrollTop}px`\r\n      }\r\n    })\r\n  }\r\n\r\n  isEditorHasScrollBar() {\r\n    if (this.quill.root.scrollHeight > this.quill.root.clientHeight) {\r\n      css(this.modulesContainer, { width: 'calc(100% - 23px)' })\r\n    }\r\n    else {\r\n      this.modulesContainer.removeAttribute('style')\r\n    }\r\n  }\r\n\r\n  helpLinesInitial() {\r\n    LINE_POSITIONS.forEach((direction) => {\r\n      this[direction] = document.createElement('div')\r\n      this[direction].classList.add('qlbt-selection-line')\r\n      if (direction === 'left') {\r\n        this[direction].classList.add('qlbt-selection-line-first')\r\n        const ctrlPointLeft = document.createElement('div')\r\n        this[direction].appendChild(ctrlPointLeft)\r\n      }\r\n      if (direction === 'bottom') {\r\n        this[direction].classList.add('qlbt-selection-line-last')\r\n        const ctrlPointRight = document.createElement('div')\r\n        this[direction].appendChild(ctrlPointRight)\r\n      }\r\n      css(this[direction], {\r\n        'position': 'absolute',\r\n        'display': 'none',\r\n        'background-color': PRIMARY_COLOR,\r\n      })\r\n      this.modulesContainer.appendChild(this[direction])\r\n    })\r\n  }\r\n\r\n  mouseDownHandler(e) {\r\n    if (e.button !== 0) {\r\n      return\r\n    }\r\n    const self: any = this\r\n    const betterTableModule = this.quill.getModule('better-table')\r\n    const tableColumnTool = betterTableModule.columnTool\r\n    if (tableColumnTool.activeToolCell) {\r\n      tableColumnTool.activeToolCell.classList.remove('qlbt-tool-cell-on')\r\n      tableColumnTool.activeToolCell = null\r\n    }\r\n    if (e.target.closest('.quill-better-table')) {\r\n      if (e.shiftKey) {\r\n        this.endTd = e.target.closest('td[data-row]')\r\n        this.drawSelection(this, true)\r\n        // avoid select text in multiple table-cell\r\n        if (this.startTd !== this.endTd) {\r\n          this.quill.blur()\r\n        }\r\n      }\r\n      else {\r\n        this.startTd = e.target.closest('td[data-row]')\r\n        this.drawSelection(this, false)\r\n        this.dragging = true\r\n\r\n        this.parent.addEventListener('mousemove', mouseMoveHandler, false)\r\n        document.addEventListener('mouseup', mouseUpHandler, false)\r\n      }\r\n    }\r\n    else if (e.target.closest('.qlbt-selection-line')) {\r\n      this.parent.addEventListener('mousemove', mouseMoveHandler, false)\r\n      document.addEventListener('mouseup', mouseUpHandler, false)\r\n    }\r\n\r\n    function mouseMoveHandler(event) {\r\n      event.stopPropagation()\r\n\r\n      if (event.button !== 0 || !event.target.closest('.quill-better-table')) {\r\n        return\r\n      }\r\n      self.endTd = event.target.closest('td[data-row]')\r\n      if (!self.endTd) {\r\n        return\r\n      }\r\n      self.drawSelection(self, true)\r\n      // avoid select text in multiple table-cell\r\n      if (self.startTd !== self.endTd) {\r\n        self.quill.blur()\r\n      }\r\n    }\r\n\r\n    function mouseUpHandler() {\r\n      self.parent.removeEventListener('mousemove', mouseMoveHandler, false)\r\n      document.removeEventListener('mouseup', mouseUpHandler, false)\r\n      self.dragging = false\r\n    }\r\n  }\r\n\r\n  drawSelection(self, end) {\r\n    // fix: 如果滚动条拖动，startTd的位置已经改变了，需要重置startTdRect\r\n    self.startTdRect = getRelativeRect(self.startTd.getBoundingClientRect(), self.quill.root.parentNode)\r\n    let endTdRect = self.startTdRect\r\n    if (end) {\r\n      self.endTdRect = getRelativeRect(self.endTd.getBoundingClientRect(), self.quill.root.parentNode)\r\n      endTdRect = self.endTdRect\r\n    }\r\n    self.boundary = computeBoundaryFromRects(self.startTdRect, endTdRect)\r\n    self.selectedTds = self.computeSelectedTds()\r\n    self.repositionHelpLines()\r\n  }\r\n\r\n  setTdEditable(e) {\r\n    if (!this.editTd) {\r\n      return\r\n    }\r\n    this.parent.removeEventListener('keypress', this.tdEditHandler, false)\r\n    const dom = this.editTd.domNode\r\n    dom.removeEventListener('click', this.tdEditHandler, false)\r\n    dom.classList.add('editing-select-able')\r\n    dom.setAttribute('contenteditable', true)\r\n    if (e.type === 'keypress') {\r\n      if (dom.childNodes.length > 1 || dom.firstChild.innerHTML !== '<br>') {\r\n        const blank = dom.firstChild.cloneNode()\r\n        blank.innerHTML = '<br>'\r\n        dom.innerHTML = ''\r\n        dom.appendChild(blank)\r\n      }\r\n      dom.focus()\r\n    }\r\n  }\r\n\r\n  resizeTd() {\r\n    if (!this.editTd || (this.left && !this.left.offsetParent)) {\r\n      return\r\n    }\r\n    if (this.selectedTds.length > 1) {\r\n      this.refreshHelpLinesPosition()\r\n    }\r\n    else {\r\n      const dom = this.editTd.domNode\r\n      const domRect = getRelativeRect(dom.getBoundingClientRect(), this.quill.root.parentNode)\r\n      this.boundary = computeBoundaryFromRects(domRect, domRect)\r\n      this.repositionHelpLines()\r\n    }\r\n\r\n    // 判断编辑器是否有滚动条，调整遮罩宽度\r\n    this.isEditorHasScrollBar()\r\n\r\n    // 更新行高 更新滑块位置\r\n    const betterTableModule = this.quill.getModule('better-table')\r\n    const tableColumnTool = betterTableModule.columnTool\r\n    if (tableColumnTool) {\r\n      tableColumnTool.updateRowToolCells()\r\n      const tableViewRect = this.table.parentNode.getBoundingClientRect()\r\n      if (tableColumnTool.leftMask) {\r\n        css(tableColumnTool.leftMask, { height: `${tableViewRect.height + 50}px` })\r\n      }\r\n    }\r\n\r\n    const tableScrollBar = betterTableModule.tableScrollBar\r\n    tableScrollBar.resetTableHeight(this.table)\r\n  }\r\n\r\n  resetTd(e) {\r\n    const dom = e.target\r\n    dom.classList.remove('editing-select-able')\r\n    dom.setAttribute('contenteditable', false)\r\n    dom.removeAttribute('contenteditable')\r\n  }\r\n\r\n  correctBoundary() {\r\n    const tableContainer = Quill.find(this.table)\r\n    const tableCells = tableContainer.descendants(TableCell)\r\n\r\n    tableCells.forEach((tableCell) => {\r\n      const { x, y, width, height } = getRelativeRect(tableCell.domNode.getBoundingClientRect(), this.quill.root.parentNode)\r\n      const isCellIntersected\r\n        = ((x + ERROR_LIMIT >= this.boundary.x && x + ERROR_LIMIT <= this.boundary.x1)\r\n        || (x - ERROR_LIMIT + width >= this.boundary.x && x - ERROR_LIMIT + width <= this.boundary.x1))\r\n        && ((y + ERROR_LIMIT >= this.boundary.y && y + ERROR_LIMIT <= this.boundary.y1)\r\n        || (y - ERROR_LIMIT + height >= this.boundary.y && y - ERROR_LIMIT + height <= this.boundary.y1))\r\n      if (isCellIntersected) {\r\n        this.boundary = computeBoundaryFromRects(this.boundary, { x, y, width, height })\r\n      }\r\n    })\r\n  }\r\n\r\n  computeSelectedTds() {\r\n    const tableContainer = Quill.find(this.table)\r\n    const tableCells = tableContainer.descendants(TableCell)\r\n\r\n    const result = tableCells.reduce((selectedCells, tableCell) => {\r\n      const { x, y, width, height } = getRelativeRect(tableCell.domNode.getBoundingClientRect(), this.quill.root.parentNode)\r\n      const isCellIncluded\r\n        = x + ERROR_LIMIT >= this.boundary.x\r\n        && x - ERROR_LIMIT + width <= this.boundary.x1\r\n        && y + ERROR_LIMIT >= this.boundary.y\r\n        && y - ERROR_LIMIT + height <= this.boundary.y1\r\n\r\n      if (isCellIncluded) {\r\n        selectedCells.push(tableCell)\r\n      }\r\n\r\n      return selectedCells\r\n    }, [])\r\n\r\n    if (result.length === 1 && this.editTd !== result[0]) {\r\n      const resetTds = this.table.querySelectorAll('td[contenteditable=true]')\r\n      resetTds.forEach(td => this.resetTd({ target: td }))\r\n      this.editTd = result[0]\r\n      this.editTd.domNode.addEventListener('mousedown', this.tdEditHandler, false)\r\n      this.parent.addEventListener('keypress', this.tdEditHandler, false)\r\n    }\r\n\r\n    return result\r\n  }\r\n\r\n  repositionHelpLines() {\r\n    this.oldRootScrollTop = this.quill.root.scrollTop\r\n    if (!this.left) {\r\n      return\r\n    }\r\n\r\n    css(this.left, {\r\n      'display': 'block',\r\n      'left': `${this.boundary.x - 1}px`,\r\n      'top': `${this.boundary.y}px`,\r\n      'height': `${this.boundary.height + 1}px`,\r\n      'width': '1px',\r\n      'margin-top': '0px',\r\n    })\r\n\r\n    css(this.right, {\r\n      'display': 'block',\r\n      'left': `${this.boundary.x1}px`,\r\n      'top': `${this.boundary.y - 1}px`,\r\n      'height': `${this.boundary.height + 1}px`,\r\n      'width': '1px',\r\n      'margin-top': '0px',\r\n    })\r\n\r\n    css(this.top, {\r\n      'display': 'block',\r\n      'left': `${this.boundary.x - 1}px`,\r\n      'top': `${this.boundary.y - 1}px`,\r\n      'width': `${this.boundary.width + 1}px`,\r\n      'height': '1px',\r\n      'margin-top': '0px',\r\n    })\r\n\r\n    css(this.bottom, {\r\n      'display': 'block',\r\n      'left': `${this.boundary.x - 1}px`,\r\n      'top': `${this.boundary.y1}px`,\r\n      'width': `${this.boundary.width + 1}px`,\r\n      'height': '1px',\r\n      'margin-top': '0px',\r\n    })\r\n  }\r\n\r\n  // based on selectedTds compute positions of help lines\r\n  // It is useful when selectedTds are not changed\r\n  refreshHelpLinesPosition() {\r\n    const startRect = getRelativeRect(this.selectedTds[0].domNode.getBoundingClientRect(), this.quill.root.parentNode)\r\n    const endRect = getRelativeRect(\r\n      this.selectedTds[this.selectedTds.length - 1].domNode.getBoundingClientRect(),\r\n      this.quill.root.parentNode,\r\n    )\r\n    this.boundary = computeBoundaryFromRects(startRect, endRect)\r\n    this.repositionHelpLines()\r\n  }\r\n\r\n  destroy() {\r\n    const resetTds = this.table.querySelectorAll('td[contenteditable=true]')\r\n    resetTds.forEach(td => this.resetTd({ target: td }))\r\n\r\n    LINE_POSITIONS.forEach((direction) => {\r\n      if (this[direction]) {\r\n        this[direction].remove()\r\n        this[direction] = null\r\n      }\r\n    })\r\n\r\n    this.quill.root.parentNode.removeEventListener('mousedown', this.selectingHandler, false)\r\n\r\n    delete this.editTd\r\n\r\n    return null\r\n  }\r\n\r\n  setSelection(startRect, endRect) {\r\n    this.boundary = computeBoundaryFromRects(\r\n      getRelativeRect(startRect, this.quill.root.parentNode),\r\n      getRelativeRect(endRect, this.quill.root.parentNode),\r\n    )\r\n    this.correctBoundary()\r\n    this.selectedTds = this.computeSelectedTds()\r\n    this.repositionHelpLines()\r\n  }\r\n\r\n  clearSelection() {\r\n    const resetTds = this.table.querySelectorAll('td[contenteditable=true]')\r\n    resetTds.forEach(td => this.resetTd({ target: td }))\r\n    this.boundary = {}\r\n    this.selectedTds = []\r\n    LINE_POSITIONS.forEach((direction) => {\r\n      if (this[direction]) {\r\n        css(this[direction], {\r\n          display: 'none',\r\n        })\r\n      }\r\n    })\r\n  }\r\n}\r\n\r\nfunction computeBoundaryFromRects(startRect, endRect) {\r\n  const x = Math.min(startRect.x, endRect.x, startRect.x + startRect.width - 1, endRect.x + endRect.width - 1)\r\n\r\n  const x1 = Math.max(startRect.x, endRect.x, startRect.x + startRect.width - 1, endRect.x + endRect.width - 1)\r\n\r\n  const y = Math.min(startRect.y, endRect.y, startRect.y + startRect.height - 1, endRect.y + endRect.height - 1)\r\n\r\n  const y1 = Math.max(startRect.y, endRect.y, startRect.y + startRect.height - 1, endRect.y + endRect.height - 1)\r\n\r\n  const width = x1 - x\r\n  const height = y1 - y\r\n\r\n  return { x, x1, y, y1, width, height }\r\n}\r\n"],"names":[],"mappings":"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"}
+{"version":3,"file":"table-selection.es.js","sources":["../../../../src/table/modules/table-selection.ts"],"sourcesContent":["import Quill from 'quill'\nimport { TableCell } from '../formats/table'\nimport { ERROR_LIMIT, LINE_POSITIONS, PRIMARY_COLOR } from '../table-config'\nimport { css, getRelativeRect } from '../utils'\n\nexport default class TableSelection {\n  table: any\n  quill: any\n  modulesContainer: any\n  parent: any\n  boundary: any\n  // @ts-ignore\n  selectedTds: any[]\n  // @ts-ignore\n  dragging: boolean\n  preSelectedTable: any\n  oldRootScrollTop: any\n  selectingHandler: any\n  tdEditHandler: any\n  tdResizeHandler: any\n  endTd: any\n  startTd: any\n  editTd: any\n  left: any\n  bottom: any\n  top: any\n  right: any\n\n  constructor(table, quill, dom) {\n    if (!table) {\n      return null\n    }\n    this.table = table\n    this.quill = quill\n    this.modulesContainer = dom\n    this.parent = this.quill.root.parentNode\n    this.boundary = {} // params for selected square\n    this.selectedTds = [] // array for selected table-cells\n    this.dragging = false\n    this.preSelectedTable = null\n    this.oldRootScrollTop = this.quill.root.scrollTop\n\n    this.selectingHandler = this.mouseDownHandler.bind(this)\n\n    this.tdEditHandler = this.setTdEditable.bind(this)\n    this.tdResizeHandler = this.resizeTd.bind(this)\n\n    this.helpLinesInitial()\n    this.isEditorHasScrollBar()\n\n    this.quill.root.parentNode.addEventListener('mousedown', this.selectingHandler, false)\n    this.quill.on('text-change', this.tdResizeHandler)\n    if (this.quill.root === this.quill.scrollingContainer) {\n      this.quill.root.addEventListener('scroll', this.handleQuillRootScroll.bind(this))\n    }\n  }\n\n  handleQuillRootScroll() {\n    LINE_POSITIONS.forEach((direction) => {\n      const selectionLine = this[direction]\n      if (selectionLine) {\n        selectionLine.style.marginTop = `${this.oldRootScrollTop - this.quill.root.scrollTop}px`\n      }\n    })\n  }\n\n  isEditorHasScrollBar() {\n    if (this.quill.root.scrollHeight > this.quill.root.clientHeight) {\n      css(this.modulesContainer, { width: 'calc(100% - 23px)' })\n    }\n    else {\n      this.modulesContainer.removeAttribute('style')\n    }\n  }\n\n  helpLinesInitial() {\n    LINE_POSITIONS.forEach((direction) => {\n      this[direction] = document.createElement('div')\n      this[direction].classList.add('qlbt-selection-line')\n      if (direction === 'left') {\n        this[direction].classList.add('qlbt-selection-line-first')\n        const ctrlPointLeft = document.createElement('div')\n        this[direction].appendChild(ctrlPointLeft)\n      }\n      if (direction === 'bottom') {\n        this[direction].classList.add('qlbt-selection-line-last')\n        const ctrlPointRight = document.createElement('div')\n        this[direction].appendChild(ctrlPointRight)\n      }\n      css(this[direction], {\n        'position': 'absolute',\n        'display': 'none',\n        'background-color': PRIMARY_COLOR,\n      })\n      this.modulesContainer.appendChild(this[direction])\n    })\n  }\n\n  mouseDownHandler(e) {\n    if (e.button !== 0) {\n      return\n    }\n    const self: any = this\n    const betterTableModule = this.quill.getModule('better-table')\n    const tableColumnTool = betterTableModule.columnTool\n    if (tableColumnTool.activeToolCell) {\n      tableColumnTool.activeToolCell.classList.remove('qlbt-tool-cell-on')\n      tableColumnTool.activeToolCell = null\n    }\n    if (e.target.closest('.quill-better-table')) {\n      if (e.shiftKey) {\n        this.endTd = e.target.closest('td[data-row]')\n        this.drawSelection(this, true)\n        // avoid select text in multiple table-cell\n        if (this.startTd !== this.endTd) {\n          this.quill.blur()\n        }\n      }\n      else {\n        this.startTd = e.target.closest('td[data-row]')\n        this.drawSelection(this, false)\n        this.dragging = true\n\n        this.parent.addEventListener('mousemove', mouseMoveHandler, false)\n        document.addEventListener('mouseup', mouseUpHandler, false)\n      }\n    }\n    else if (e.target.closest('.qlbt-selection-line')) {\n      this.parent.addEventListener('mousemove', mouseMoveHandler, false)\n      document.addEventListener('mouseup', mouseUpHandler, false)\n    }\n\n    function mouseMoveHandler(event) {\n      event.stopPropagation()\n\n      if (event.button !== 0 || !event.target.closest('.quill-better-table')) {\n        return\n      }\n      self.endTd = event.target.closest('td[data-row]')\n      if (!self.endTd) {\n        return\n      }\n      self.drawSelection(self, true)\n      // avoid select text in multiple table-cell\n      if (self.startTd !== self.endTd) {\n        self.quill.blur()\n      }\n    }\n\n    function mouseUpHandler() {\n      self.parent.removeEventListener('mousemove', mouseMoveHandler, false)\n      document.removeEventListener('mouseup', mouseUpHandler, false)\n      self.dragging = false\n    }\n  }\n\n  drawSelection(self, end) {\n    // fix: 如果滚动条拖动，startTd的位置已经改变了，需要重置startTdRect\n    self.startTdRect = getRelativeRect(self.startTd.getBoundingClientRect(), self.quill.root.parentNode)\n    let endTdRect = self.startTdRect\n    if (end) {\n      self.endTdRect = getRelativeRect(self.endTd.getBoundingClientRect(), self.quill.root.parentNode)\n      endTdRect = self.endTdRect\n    }\n    self.boundary = computeBoundaryFromRects(self.startTdRect, endTdRect)\n    self.selectedTds = self.computeSelectedTds()\n    self.repositionHelpLines()\n  }\n\n  setTdEditable(e) {\n    if (!this.editTd) {\n      return\n    }\n    this.parent.removeEventListener('keypress', this.tdEditHandler, false)\n    const dom = this.editTd.domNode\n    dom.removeEventListener('click', this.tdEditHandler, false)\n    dom.classList.add('editing-select-able')\n    dom.setAttribute('contenteditable', true)\n    if (e.type === 'keypress') {\n      if (dom.childNodes.length > 1 || dom.firstChild.innerHTML !== '<br>') {\n        const blank = dom.firstChild.cloneNode()\n        blank.innerHTML = '<br>'\n        dom.innerHTML = ''\n        dom.appendChild(blank)\n      }\n      dom.focus()\n    }\n  }\n\n  resizeTd() {\n    if (!this.editTd || (this.left && !this.left.offsetParent)) {\n      return\n    }\n    if (this.selectedTds.length > 1) {\n      this.refreshHelpLinesPosition()\n    }\n    else {\n      const dom = this.editTd.domNode\n      const domRect = getRelativeRect(dom.getBoundingClientRect(), this.quill.root.parentNode)\n      this.boundary = computeBoundaryFromRects(domRect, domRect)\n      this.repositionHelpLines()\n    }\n\n    // 判断编辑器是否有滚动条，调整遮罩宽度\n    this.isEditorHasScrollBar()\n\n    // 更新行高 更新滑块位置\n    const betterTableModule = this.quill.getModule('better-table')\n    const tableColumnTool = betterTableModule.columnTool\n    if (tableColumnTool) {\n      tableColumnTool.updateRowToolCells()\n      const tableViewRect = this.table.parentNode.getBoundingClientRect()\n      if (tableColumnTool.leftMask) {\n        css(tableColumnTool.leftMask, { height: `${tableViewRect.height + 50}px` })\n      }\n    }\n\n    const tableScrollBar = betterTableModule.tableScrollBar\n    tableScrollBar.resetTableHeight(this.table)\n  }\n\n  resetTd(e) {\n    const dom = e.target\n    dom.classList.remove('editing-select-able')\n    dom.setAttribute('contenteditable', false)\n    dom.removeAttribute('contenteditable')\n  }\n\n  correctBoundary() {\n    const tableContainer = Quill.find(this.table)\n    const tableCells = tableContainer.descendants(TableCell)\n\n    tableCells.forEach((tableCell) => {\n      const { x, y, width, height } = getRelativeRect(tableCell.domNode.getBoundingClientRect(), this.quill.root.parentNode)\n      const isCellIntersected\n        = ((x + ERROR_LIMIT >= this.boundary.x && x + ERROR_LIMIT <= this.boundary.x1)\n          || (x - ERROR_LIMIT + width >= this.boundary.x && x - ERROR_LIMIT + width <= this.boundary.x1))\n          && ((y + ERROR_LIMIT >= this.boundary.y && y + ERROR_LIMIT <= this.boundary.y1)\n            || (y - ERROR_LIMIT + height >= this.boundary.y && y - ERROR_LIMIT + height <= this.boundary.y1))\n      if (isCellIntersected) {\n        this.boundary = computeBoundaryFromRects(this.boundary, { x, y, width, height })\n      }\n    })\n  }\n\n  computeSelectedTds() {\n    const tableContainer = Quill.find(this.table)\n    const tableCells = tableContainer.descendants(TableCell)\n\n    const result = tableCells.reduce((selectedCells, tableCell) => {\n      const { x, y, width, height } = getRelativeRect(tableCell.domNode.getBoundingClientRect(), this.quill.root.parentNode)\n      const isCellIncluded\n        = x + ERROR_LIMIT >= this.boundary.x\n        && x - ERROR_LIMIT + width <= this.boundary.x1\n        && y + ERROR_LIMIT >= this.boundary.y\n        && y - ERROR_LIMIT + height <= this.boundary.y1\n\n      if (isCellIncluded) {\n        selectedCells.push(tableCell)\n      }\n\n      return selectedCells\n    }, [])\n\n    if (result.length === 1 && this.editTd !== result[0]) {\n      const resetTds = this.table.querySelectorAll('td[contenteditable=true]')\n      resetTds.forEach(td => this.resetTd({ target: td }))\n      this.editTd = result[0]\n      this.editTd.domNode.addEventListener('mousedown', this.tdEditHandler, false)\n      this.parent.addEventListener('keypress', this.tdEditHandler, false)\n    }\n\n    return result\n  }\n\n  repositionHelpLines() {\n    this.oldRootScrollTop = this.quill.root.scrollTop\n    if (!this.left) {\n      return\n    }\n\n    css(this.left, {\n      'display': 'block',\n      'left': `${this.boundary.x - 1}px`,\n      'top': `${this.boundary.y}px`,\n      'height': `${this.boundary.height + 1}px`,\n      'width': '1px',\n      'margin-top': '0px',\n    })\n\n    css(this.right, {\n      'display': 'block',\n      'left': `${this.boundary.x1}px`,\n      'top': `${this.boundary.y - 1}px`,\n      'height': `${this.boundary.height + 1}px`,\n      'width': '1px',\n      'margin-top': '0px',\n    })\n\n    css(this.top, {\n      'display': 'block',\n      'left': `${this.boundary.x - 1}px`,\n      'top': `${this.boundary.y - 1}px`,\n      'width': `${this.boundary.width + 1}px`,\n      'height': '1px',\n      'margin-top': '0px',\n    })\n\n    css(this.bottom, {\n      'display': 'block',\n      'left': `${this.boundary.x - 1}px`,\n      'top': `${this.boundary.y1}px`,\n      'width': `${this.boundary.width + 1}px`,\n      'height': '1px',\n      'margin-top': '0px',\n    })\n  }\n\n  // based on selectedTds compute positions of help lines\n  // It is useful when selectedTds are not changed\n  refreshHelpLinesPosition() {\n    const startRect = getRelativeRect(this.selectedTds[0].domNode.getBoundingClientRect(), this.quill.root.parentNode)\n    const endRect = getRelativeRect(\n      this.selectedTds[this.selectedTds.length - 1].domNode.getBoundingClientRect(),\n      this.quill.root.parentNode,\n    )\n    this.boundary = computeBoundaryFromRects(startRect, endRect)\n    this.repositionHelpLines()\n  }\n\n  destroy() {\n    const resetTds = this.table.querySelectorAll('td[contenteditable=true]')\n    resetTds.forEach(td => this.resetTd({ target: td }))\n\n    LINE_POSITIONS.forEach((direction) => {\n      if (this[direction]) {\n        this[direction].remove()\n        this[direction] = null\n      }\n    })\n\n    this.quill.root.parentNode.removeEventListener('mousedown', this.selectingHandler, false)\n\n    delete this.editTd\n\n    return null\n  }\n\n  setSelection(startRect, endRect) {\n    this.boundary = computeBoundaryFromRects(\n      getRelativeRect(startRect, this.quill.root.parentNode),\n      getRelativeRect(endRect, this.quill.root.parentNode),\n    )\n    this.correctBoundary()\n    this.selectedTds = this.computeSelectedTds()\n    this.repositionHelpLines()\n  }\n\n  clearSelection() {\n    const resetTds = this.table.querySelectorAll('td[contenteditable=true]')\n    resetTds.forEach(td => this.resetTd({ target: td }))\n    this.boundary = {}\n    this.selectedTds = []\n    LINE_POSITIONS.forEach((direction) => {\n      if (this[direction]) {\n        css(this[direction], {\n          display: 'none',\n        })\n      }\n    })\n  }\n}\n\nfunction computeBoundaryFromRects(startRect, endRect) {\n  const x = Math.min(startRect.x, endRect.x, startRect.x + startRect.width - 1, endRect.x + endRect.width - 1)\n\n  const x1 = Math.max(startRect.x, endRect.x, startRect.x + startRect.width - 1, endRect.x + endRect.width - 1)\n\n  const y = Math.min(startRect.y, endRect.y, startRect.y + startRect.height - 1, endRect.y + endRect.height - 1)\n\n  const y1 = Math.max(startRect.y, endRect.y, startRect.y + startRect.height - 1, endRect.y + endRect.height - 1)\n\n  const width = x1 - x\n  const height = y1 - y\n\n  return { x, x1, y, y1, width, height }\n}\n"],"names":[],"mappings":"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"}

package/es/table/table-config.es.js.map

@@ -1 +1 @@
-{"version":3,"file":"table-config.es.js","sources":["../../../src/table/table-config.ts"],"sourcesContent":["export const TABLE_CELL_LINE_CLASS = 'qlrte__better-table-cell-line'\r\nexport const ROW_TOOL_CLASS = 'qlrte__row-tool'\r\nexport const ROW_TOOL_CELL_CLASS = 'qlrte__row-tool-cell'\r\nexport const ROW_TOOL_CELL_HOLDER_CLASS = 'qlrte__row-tool-cell-holder'\r\nexport const COL_TOOL_CLASS = 'qlrte__col-tool'\r\nexport const COL_TOOL_CELL_CLASS = 'qlrte__col-tool-cell'\r\nexport const COL_TOOL_CELL_HOLDER_CLASS = 'qlrte__col-tool-cell-holder'\r\nexport const SELECT_LINE_CLASS = 'qlrte__selection-line'\r\nexport const OPERATE_MENU_CLASS = 'qlrte__op-menu'\r\nexport const OPERATE_MENU_ITEM_CLASS = 'qlrte__op-menu-item'\r\nexport const OPERATE_MENU_ICON_CLASS = 'qlrte__op-menu-icon'\r\nexport const OPERATE_MENU_ICON_PREFIX_CLASS = 'qlrte__op-menu-icon-prefix'\r\nexport const OPERATE_MENU_TEXT_CLASS = 'qlrte__op-menu-text'\r\nexport const OPERATE_MENU_DIVIDING_CLASS = 'qlrte__op-menu-dividing'\r\nexport const OPERATE_MENU_SUBTITLE_CLASS = 'qlrte__op-menu-subtitle'\r\nexport const OPERATE_MENU_COLORPICKER_CLASS = 'qlrte__op-menu-color-picker'\r\nexport const OPERATE_MENU_COLORPICKER_ITEM_CLASS\r\n  = 'qlrte__op-menu-color-picker-item'\r\nexport const COL_ATTRIBUTES = ['width']\r\nexport const COL_DEFAULT = {\r\n  width: 100,\r\n}\r\nexport const CELL_IDENTITY_KEYS = ['row', 'cell']\r\nexport const CELL_ATTRIBUTES = ['rowspan', 'colspan', 'cell-bg', 'list']\r\nexport const CELL_DEFAULT = {\r\n  rowspan: 1,\r\n  colspan: 1,\r\n}\r\nexport const ERROR_LIMIT = 5\r\n\r\nexport const SCROLL_BAR_PANEL_HEIGHT = 32\r\nexport const ROW_TOOL_WIDTH = 16\r\nexport const COL_TOOL_HEIGHT = 16\r\nexport const CELL_MIN_WIDTH = 50\r\nexport const CELL_MIN_HEIGHT = 29\r\nexport const PRIMARY_COLOR = ['#5170ff', 'var(--brand-1, #5170ff)']\r\n\r\nexport const MENU_ITEM_HEIGHT = 40\r\nexport const MENU_MIN_HEIGHT = 150\r\nexport const MENU_WIDTH = 205\r\n\r\nexport const LINE_POSITIONS = ['left', 'right', 'top', 'bottom']\r\n"],"names":[],"mappings":"AAAO,MAAM,wBAAwB;AAC9B,MAAM,iBAAiB;AACvB,MAAM,sBAAsB;AAC5B,MAAM,6BAA6B;AACnC,MAAM,iBAAiB;AACvB,MAAM,sBAAsB;AAC5B,MAAM,6BAA6B;AACnC,MAAM,oBAAoB;AAC1B,MAAM,qBAAqB;AAC3B,MAAM,0BAA0B;AAChC,MAAM,0BAA0B;AAChC,MAAM,iCAAiC;AACvC,MAAM,0BAA0B;AAChC,MAAM,8BAA8B;AACpC,MAAM,8BAA8B;AACpC,MAAM,iCAAiC;AACvC,MAAM,sCACT;AACS,MAAA,iBAAiB,CAAC,OAAO;AAC/B,MAAM,cAAc;AAAA,EACzB,OAAO;AACT;AACa,MAAA,qBAAqB,CAAC,OAAO,MAAM;AACzC,MAAM,kBAAkB,CAAC,WAAW,WAAW,WAAW,MAAM;AAChE,MAAM,eAAe;AAAA,EAC1B,SAAS;AAAA,EACT,SAAS;AACX;AACO,MAAM,cAAc;AAEpB,MAAM,0BAA0B;AAChC,MAAM,iBAAiB;AACvB,MAAM,kBAAkB;AACxB,MAAM,iBAAiB;AACvB,MAAM,kBAAkB;AAClB,MAAA,gBAAgB,CAAC,WAAW,yBAAyB;AAE3D,MAAM,mBAAmB;AACzB,MAAM,kBAAkB;AACxB,MAAM,aAAa;AAEnB,MAAM,iBAAiB,CAAC,QAAQ,SAAS,OAAO,QAAQ;"}
+{"version":3,"file":"table-config.es.js","sources":["../../../src/table/table-config.ts"],"sourcesContent":["export const TABLE_CELL_LINE_CLASS = 'qlrte__better-table-cell-line'\nexport const ROW_TOOL_CLASS = 'qlrte__row-tool'\nexport const ROW_TOOL_CELL_CLASS = 'qlrte__row-tool-cell'\nexport const ROW_TOOL_CELL_HOLDER_CLASS = 'qlrte__row-tool-cell-holder'\nexport const COL_TOOL_CLASS = 'qlrte__col-tool'\nexport const COL_TOOL_CELL_CLASS = 'qlrte__col-tool-cell'\nexport const COL_TOOL_CELL_HOLDER_CLASS = 'qlrte__col-tool-cell-holder'\nexport const SELECT_LINE_CLASS = 'qlrte__selection-line'\nexport const OPERATE_MENU_CLASS = 'qlrte__op-menu'\nexport const OPERATE_MENU_ITEM_CLASS = 'qlrte__op-menu-item'\nexport const OPERATE_MENU_ICON_CLASS = 'qlrte__op-menu-icon'\nexport const OPERATE_MENU_ICON_PREFIX_CLASS = 'qlrte__op-menu-icon-prefix'\nexport const OPERATE_MENU_TEXT_CLASS = 'qlrte__op-menu-text'\nexport const OPERATE_MENU_DIVIDING_CLASS = 'qlrte__op-menu-dividing'\nexport const OPERATE_MENU_SUBTITLE_CLASS = 'qlrte__op-menu-subtitle'\nexport const OPERATE_MENU_COLORPICKER_CLASS = 'qlrte__op-menu-color-picker'\nexport const OPERATE_MENU_COLORPICKER_ITEM_CLASS\n  = 'qlrte__op-menu-color-picker-item'\nexport const COL_ATTRIBUTES = ['width']\nexport const COL_DEFAULT = {\n  width: 100,\n}\nexport const CELL_IDENTITY_KEYS = ['row', 'cell']\nexport const CELL_ATTRIBUTES = ['rowspan', 'colspan', 'cell-bg', 'list']\nexport const CELL_DEFAULT = {\n  rowspan: 1,\n  colspan: 1,\n}\nexport const ERROR_LIMIT = 5\n\nexport const SCROLL_BAR_PANEL_HEIGHT = 32\nexport const ROW_TOOL_WIDTH = 16\nexport const COL_TOOL_HEIGHT = 16\nexport const CELL_MIN_WIDTH = 50\nexport const CELL_MIN_HEIGHT = 29\nexport const PRIMARY_COLOR = ['#5170ff', 'var(--brand-1, #5170ff)']\n\nexport const MENU_ITEM_HEIGHT = 40\nexport const MENU_MIN_HEIGHT = 150\nexport const MENU_WIDTH = 205\n\nexport const LINE_POSITIONS = ['left', 'right', 'top', 'bottom']\n"],"names":[],"mappings":"AAAO,MAAM,wBAAwB;AAC9B,MAAM,iBAAiB;AACvB,MAAM,sBAAsB;AAC5B,MAAM,6BAA6B;AACnC,MAAM,iBAAiB;AACvB,MAAM,sBAAsB;AAC5B,MAAM,6BAA6B;AACnC,MAAM,oBAAoB;AAC1B,MAAM,qBAAqB;AAC3B,MAAM,0BAA0B;AAChC,MAAM,0BAA0B;AAChC,MAAM,iCAAiC;AACvC,MAAM,0BAA0B;AAChC,MAAM,8BAA8B;AACpC,MAAM,8BAA8B;AACpC,MAAM,iCAAiC;AACvC,MAAM,sCACT;AACS,MAAA,iBAAiB,CAAC,OAAO;AAC/B,MAAM,cAAc;AAAA,EACzB,OAAO;AACT;AACa,MAAA,qBAAqB,CAAC,OAAO,MAAM;AACzC,MAAM,kBAAkB,CAAC,WAAW,WAAW,WAAW,MAAM;AAChE,MAAM,eAAe;AAAA,EAC1B,SAAS;AAAA,EACT,SAAS;AACX;AACO,MAAM,cAAc;AAEpB,MAAM,0BAA0B;AAChC,MAAM,iBAAiB;AACvB,MAAM,kBAAkB;AACxB,MAAM,iBAAiB;AACvB,MAAM,kBAAkB;AAClB,MAAA,gBAAgB,CAAC,WAAW,yBAAyB;AAE3D,MAAM,mBAAmB;AACzB,MAAM,kBAAkB;AACxB,MAAM,aAAa;AAEnB,MAAM,iBAAiB,CAAC,QAAQ,SAAS,OAAO,QAAQ;"}

package/es/table/utils/index.es.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.es.js","sources":["../../../../src/table/utils/index.ts"],"sourcesContent":["export function css(domNode, rules) {\r\n  if (typeof rules === 'object') {\r\n    for (const prop in rules) {\r\n      if (prop) {\r\n        if (Array.isArray(rules[prop])) {\r\n          // 兼容IE11浏览器\r\n          rules[prop].forEach((val) => {\r\n            domNode.style[prop] = val\r\n          })\r\n        }\r\n        else {\r\n          domNode.style[prop] = rules[prop]\r\n        }\r\n      }\r\n    }\r\n  }\r\n}\r\n\r\n/**\r\n * getRelativeRect\r\n * @param  targetRect  rect data for target element  {Object}\r\n * @param   container  container element {Element}\r\n * @return             an object with rect data {Object}\r\n */\r\nexport function getRelativeRect(targetRect, container) {\r\n  const containerRect = container.getBoundingClientRect()\r\n\r\n  return { // ie浏览器中getBoundingClientRect输出为left、right、top、bottom，与chrome的x、y不同\r\n    x: (targetRect.x || targetRect.left) - (containerRect.x || containerRect.left) - container.scrollLeft,\r\n    y: (targetRect.y || targetRect.top) - (containerRect.y || containerRect.top) - container.scrollTop,\r\n    x1: (targetRect.x || targetRect.left) - (containerRect.x || containerRect.left) - container.scrollLeft + targetRect.width,\r\n    y1: (targetRect.y || targetRect.top) - (containerRect.y || containerRect.top) - container.scrollTop + targetRect.height,\r\n    width: targetRect.width,\r\n    height: targetRect.height,\r\n  }\r\n}\r\n\r\nexport const elementRemove = function (node) {\r\n  node && node.parentNode && node.parentNode.removeChild(node)\r\n}\r\n\r\nexport const arrayFrom = function (arrayLike, mapFn?, thisArg?) {\r\n  if (!arrayLike) {\r\n    throw new TypeError(\r\n      'Array.from requires an array-like object - not null or undefined',\r\n    )\r\n  }\r\n\r\n  const length = arrayLike.length\r\n  const resArray = []\r\n\r\n  for (let i = 0; i < length; i++) {\r\n    if (typeof mapFn === 'function') {\r\n      resArray.push(mapFn.call(thisArg, arrayLike[i]))\r\n    }\r\n    else {\r\n      resArray.push(arrayLike[i])\r\n    }\r\n  }\r\n\r\n  return resArray\r\n}\r\n"],"names":[],"mappings":"AAAgB,SAAA,IAAI,SAAS,OAAO;AAC9B,MAAA,OAAO,UAAU,UAAU;AAC7B,eAAW,QAAQ,OAAO;AACxB,UAAI,MAAM;AACR,YAAI,MAAM,QAAQ,MAAM,IAAI,CAAC,GAAG;AAE9B,gBAAM,IAAI,EAAE,QAAQ,CAAC,QAAQ;AACnB,oBAAA,MAAM,IAAI,IAAI;AAAA,UAAA,CACvB;AAAA,QAAA,OAEE;AACH,kBAAQ,MAAM,IAAI,IAAI,MAAM,IAAI;AAAA,QAClC;AAAA,MACF;AAAA,IACF;AAAA,EACF;AACF;AAQgB,SAAA,gBAAgB,YAAY,WAAW;AAC/C,QAAA,gBAAgB,UAAU;AAEzB,SAAA;AAAA;AAAA,IACL,IAAI,WAAW,KAAK,WAAW,SAAS,cAAc,KAAK,cAAc,QAAQ,UAAU;AAAA,IAC3F,IAAI,WAAW,KAAK,WAAW,QAAQ,cAAc,KAAK,cAAc,OAAO,UAAU;AAAA,IACzF,KAAK,WAAW,KAAK,WAAW,SAAS,cAAc,KAAK,cAAc,QAAQ,UAAU,aAAa,WAAW;AAAA,IACpH,KAAK,WAAW,KAAK,WAAW,QAAQ,cAAc,KAAK,cAAc,OAAO,UAAU,YAAY,WAAW;AAAA,IACjH,OAAO,WAAW;AAAA,IAClB,QAAQ,WAAW;AAAA,EAAA;AAEvB;AAEa,MAAA,gBAAgB,SAAU,MAAM;AAC3C,UAAQ,KAAK,cAAc,KAAK,WAAW,YAAY,IAAI;AAC7D;AAEO,MAAM,YAAY,SAAU,WAAW,OAAQ,SAAU;AAC9D,MAAI,CAAC,WAAW;AACd,UAAM,IAAI;AAAA,MACR;AAAA,IAAA;AAAA,EAEJ;AAEA,QAAM,SAAS,UAAU;AACzB,QAAM,WAAW,CAAA;AAEjB,WAAS,IAAI,GAAG,IAAI,QAAQ,KAAK;AAC3B,QAAA,OAAO,UAAU,YAAY;AAC/B,eAAS,KAAK,MAAM,KAAK,SAAS,UAAU,CAAC,CAAC,CAAC;AAAA,IAAA,OAE5C;AACM,eAAA,KAAK,UAAU,CAAC,CAAC;AAAA,IAC5B;AAAA,EACF;AAEO,SAAA;AACT;"}
+{"version":3,"file":"index.es.js","sources":["../../../../src/table/utils/index.ts"],"sourcesContent":["export function css(domNode, rules) {\n  if (typeof rules === 'object') {\n    for (const prop in rules) {\n      if (prop) {\n        if (Array.isArray(rules[prop])) {\n          // 兼容IE11浏览器\n          rules[prop].forEach((val) => {\n            domNode.style[prop] = val\n          })\n        }\n        else {\n          domNode.style[prop] = rules[prop]\n        }\n      }\n    }\n  }\n}\n\n/**\n * getRelativeRect\n * @param  targetRect  rect data for target element  {Object}\n * @param   container  container element {Element}\n * @return             an object with rect data {Object}\n */\nexport function getRelativeRect(targetRect, container) {\n  const containerRect = container.getBoundingClientRect()\n\n  return { // ie浏览器中getBoundingClientRect输出为left、right、top、bottom，与chrome的x、y不同\n    x: (targetRect.x || targetRect.left) - (containerRect.x || containerRect.left) - container.scrollLeft,\n    y: (targetRect.y || targetRect.top) - (containerRect.y || containerRect.top) - container.scrollTop,\n    x1: (targetRect.x || targetRect.left) - (containerRect.x || containerRect.left) - container.scrollLeft + targetRect.width,\n    y1: (targetRect.y || targetRect.top) - (containerRect.y || containerRect.top) - container.scrollTop + targetRect.height,\n    width: targetRect.width,\n    height: targetRect.height,\n  }\n}\n\nexport const elementRemove = function (node) {\n  node && node.parentNode && node.parentNode.removeChild(node)\n}\n\nexport const arrayFrom = function (arrayLike, mapFn?, thisArg?) {\n  if (!arrayLike) {\n    throw new TypeError(\n      'Array.from requires an array-like object - not null or undefined',\n    )\n  }\n\n  const length = arrayLike.length\n  const resArray = []\n\n  for (let i = 0; i < length; i++) {\n    if (typeof mapFn === 'function') {\n      resArray.push(mapFn.call(thisArg, arrayLike[i]))\n    }\n    else {\n      resArray.push(arrayLike[i])\n    }\n  }\n\n  return resArray\n}\n"],"names":[],"mappings":"AAAgB,SAAA,IAAI,SAAS,OAAO;AAC9B,MAAA,OAAO,UAAU,UAAU;AAC7B,eAAW,QAAQ,OAAO;AACxB,UAAI,MAAM;AACR,YAAI,MAAM,QAAQ,MAAM,IAAI,CAAC,GAAG;AAE9B,gBAAM,IAAI,EAAE,QAAQ,CAAC,QAAQ;AACnB,oBAAA,MAAM,IAAI,IAAI;AAAA,UAAA,CACvB;AAAA,QAAA,OAEE;AACH,kBAAQ,MAAM,IAAI,IAAI,MAAM,IAAI;AAAA,QAClC;AAAA,MACF;AAAA,IACF;AAAA,EACF;AACF;AAQgB,SAAA,gBAAgB,YAAY,WAAW;AAC/C,QAAA,gBAAgB,UAAU;AAEzB,SAAA;AAAA;AAAA,IACL,IAAI,WAAW,KAAK,WAAW,SAAS,cAAc,KAAK,cAAc,QAAQ,UAAU;AAAA,IAC3F,IAAI,WAAW,KAAK,WAAW,QAAQ,cAAc,KAAK,cAAc,OAAO,UAAU;AAAA,IACzF,KAAK,WAAW,KAAK,WAAW,SAAS,cAAc,KAAK,cAAc,QAAQ,UAAU,aAAa,WAAW;AAAA,IACpH,KAAK,WAAW,KAAK,WAAW,QAAQ,cAAc,KAAK,cAAc,OAAO,UAAU,YAAY,WAAW;AAAA,IACjH,OAAO,WAAW;AAAA,IAClB,QAAQ,WAAW;AAAA,EAAA;AAEvB;AAEa,MAAA,gBAAgB,SAAU,MAAM;AAC3C,UAAQ,KAAK,cAAc,KAAK,WAAW,YAAY,IAAI;AAC7D;AAEO,MAAM,YAAY,SAAU,WAAW,OAAQ,SAAU;AAC9D,MAAI,CAAC,WAAW;AACd,UAAM,IAAI;AAAA,MACR;AAAA,IAAA;AAAA,EAEJ;AAEA,QAAM,SAAS,UAAU;AACzB,QAAM,WAAW,CAAA;AAEjB,WAAS,IAAI,GAAG,IAAI,QAAQ,KAAK;AAC3B,QAAA,OAAO,UAAU,YAAY;AAC/B,eAAS,KAAK,MAAM,KAAK,SAAS,UAAU,CAAC,CAAC,CAAC;AAAA,IAAA,OAE5C;AACM,eAAA,KAAK,UAAU,CAAC,CAAC;AAAA,IAC5B;AAAA,EACF;AAEO,SAAA;AACT;"}