@opentiny/fluent-editor 3.24.0 → 3.25.0-alpha.1

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 { CHANGE_LANGUAGE_EVENT } from '../../config'\r\nimport {\r\n  ERROR_LIMIT,\r\n  MENU_ITEM_HEIGHT,\r\n  MENU_MIN_HEIGHT,\r\n  MENU_WIDTH,\r\n  OPERATE_MENU_COLORPICKER_CLASS,\r\n  OPERATE_MENU_COLORPICKER_ITEM_CLASS,\r\n  OPERATE_MENU_DIVIDING_CLASS,\r\n  OPERATE_MENU_ITEM_CLASS,\r\n  OPERATE_MENU_SUBTITLE_CLASS,\r\n} from '../table-config'\r\nimport { arrayFrom, css, elementRemove, getRelativeRect } from '../utils'\r\n\r\nconst DEFAULT_CELL_COLORS = ['white', 'red', 'yellow', 'blue']\r\nconst NODE_EVENT_MAP = new WeakMap()\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  DEFAULT_COLOR_SUBTITLE: string\r\n  DEFAULT_MENU: Record<string, {\r\n    text: string\r\n    handler: () => void\r\n  }>\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.setDefaultMenu()\r\n    this.menuItems = { ...this.DEFAULT_MENU, ...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.DEFAULT_COLOR_SUBTITLE = this.quill.options.langText['sub-title-bg-color']\r\n    this.colorSubTitle\r\n      = options.color && options.color.text\r\n        ? options.color.text\r\n        : this.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    this.quill.on(CHANGE_LANGUAGE_EVENT, () => {\r\n      this.destroy()\r\n      this.DEFAULT_COLOR_SUBTITLE = this.quill.options.langText['sub-title-bg-color']\r\n      this.setDefaultMenu()\r\n    })\r\n  }\r\n\r\n  setDefaultMenu() {\r\n    const langText = this.quill.options.langText\r\n    this.DEFAULT_MENU = {\r\n      copyCells: {\r\n        text: langText['copy-cells'],\r\n        handler() {\r\n          this.onCopy('copy')\r\n        },\r\n      },\r\n      copyTable: {\r\n        text: langText['copy-table'],\r\n        async 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          this.setCopyRange(dom)\r\n          const blob = new Blob([dom.outerHTML], { type: 'text/html' })\r\n          const clipboardItem = new ClipboardItem({ 'text/html': blob })\r\n          try {\r\n            await navigator.clipboard.write([clipboardItem])\r\n          }\r\n          catch (_e) {\r\n            throw new Error('Failed to write to clipboard.')\r\n          }\r\n        },\r\n      },\r\n      cutCells: {\r\n        text: langText['cut-cells'],\r\n        handler() {\r\n          this.onCopy('cut')\r\n        },\r\n      },\r\n      emptyCells: {\r\n        text: langText['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: langText['insert-column-right'],\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      insertColumnLeft: {\r\n        text: langText['insert-column-left'],\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      insertRowUp: {\r\n        text: langText['insert-row-up'],\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      insertRowDown: {\r\n        text: langText['insert-row-down'],\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      mergeCells: {\r\n        text: langText['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      unmergeCells: {\r\n        text: langText['unmerge-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      deleteColumn: {\r\n        text: langText['delete-column'],\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      deleteRow: {\r\n        text: langText['delete-row'],\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      deleteTable: {\r\n        text: langText['delete-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\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\r\n    const cssContent = {\r\n      'left': `${leftPos}px`,\r\n      'top': `${topPos}px`,\r\n      'min-height': `${MENU_MIN_HEIGHT}px`,\r\n      'max-height': `${winHeight - topPos}px`,\r\n      'width': `${MENU_WIDTH}px`,\r\n      'overflow-y': 'auto',\r\n    }\r\n    // fix: 处理菜单超出屏幕\r\n    if (menuHeight + top > winHeight || topPos > winHeight / 2) {\r\n      delete cssContent.top\r\n      cssContent['max-height'] = `${winHeight - 20}px`\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    const fragment = document.createDocumentFragment()\r\n\r\n    for (const name in this.menuItems) {\r\n      if (this.menuItems[name]) {\r\n        const item = { ...this.DEFAULT_MENU[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        fragment.appendChild(dom)\r\n      }\r\n    }\r\n    this.domNode.appendChild(fragment)\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.textContent = 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.style.height = `${MENU_ITEM_HEIGHT}px`\r\n    node.textContent = text\r\n    // node.addEventListener('click', handler.bind(this), false)\r\n    return node\r\n  }\r\n\r\n  async onCopy(operation) {\r\n    const { selectedTds } = this.tableSelection\r\n    const virtualTable = this.createVirtualTable(selectedTds, operation)\r\n    this.setCopyRange(virtualTable)\r\n    this.tableSelection.preSelectedTable = virtualTable\r\n    this.tableSelection.preSelectedTds = selectedTds\r\n    const blob = new Blob([this.tableSelection.preSelectedTable.outerHTML], { type: 'text/html' })\r\n    const clipboardItem = new ClipboardItem({ 'text/html': blob })\r\n    try {\r\n      await navigator.clipboard.write([clipboardItem])\r\n    }\r\n    catch (_e) {\r\n      throw new Error('Failed to write to clipboard.')\r\n    }\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'\r\nimport { CHANGE_LANGUAGE_EVENT } from '../../config'\r\nimport {\r\n  ERROR_LIMIT,\r\n  MENU_ITEM_HEIGHT,\r\n  MENU_MIN_HEIGHT,\r\n  MENU_WIDTH,\r\n  OPERATE_MENU_COLORPICKER_CLASS,\r\n  OPERATE_MENU_COLORPICKER_ITEM_CLASS,\r\n  OPERATE_MENU_DIVIDING_CLASS,\r\n  OPERATE_MENU_ITEM_CLASS,\r\n  OPERATE_MENU_SUBTITLE_CLASS,\r\n} from '../table-config'\r\nimport { arrayFrom, css, elementRemove, getRelativeRect } from '../utils'\r\n\r\nconst DEFAULT_CELL_COLORS = ['white', 'red', 'yellow', 'blue']\r\nconst NODE_EVENT_MAP = new WeakMap()\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  DEFAULT_COLOR_SUBTITLE: string\r\n  DEFAULT_MENU: Record<string, {\r\n    text: string\r\n    handler: () => void\r\n  }>\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.setDefaultMenu()\r\n    this.menuItems = { ...this.DEFAULT_MENU, ...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.DEFAULT_COLOR_SUBTITLE = this.quill.getLangText('sub-title-bg-color')\r\n    this.colorSubTitle\r\n      = options.color && options.color.text\r\n        ? options.color.text\r\n        : this.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    this.quill.emitter.on(CHANGE_LANGUAGE_EVENT, () => {\r\n      this.destroy()\r\n      this.DEFAULT_COLOR_SUBTITLE = this.quill.getLangText('sub-title-bg-color')\r\n      this.setDefaultMenu()\r\n    })\r\n  }\r\n\r\n  setDefaultMenu() {\r\n    this.DEFAULT_MENU = {\r\n      copyCells: {\r\n        text: this.quill.getLangText('copy-cells'),\r\n        handler() {\r\n          this.onCopy('copy')\r\n        },\r\n      },\r\n      copyTable: {\r\n        text: this.quill.getLangText('copy-table'),\r\n        async 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          this.setCopyRange(dom)\r\n          const blob = new Blob([dom.outerHTML], { type: 'text/html' })\r\n          const clipboardItem = new ClipboardItem({ 'text/html': blob })\r\n          try {\r\n            await navigator.clipboard.write([clipboardItem])\r\n          }\r\n          catch (_e) {\r\n            throw new Error('Failed to write to clipboard.')\r\n          }\r\n        },\r\n      },\r\n      cutCells: {\r\n        text: this.quill.getLangText('cut-cells'),\r\n        handler() {\r\n          this.onCopy('cut')\r\n        },\r\n      },\r\n      emptyCells: {\r\n        text: this.quill.getLangText('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: this.quill.getLangText('insert-column-right'),\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      insertColumnLeft: {\r\n        text: this.quill.getLangText('insert-column-left'),\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      insertRowUp: {\r\n        text: this.quill.getLangText('insert-row-up'),\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      insertRowDown: {\r\n        text: this.quill.getLangText('insert-row-down'),\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      mergeCells: {\r\n        text: this.quill.getLangText('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      unmergeCells: {\r\n        text: this.quill.getLangText('unmerge-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      deleteColumn: {\r\n        text: this.quill.getLangText('delete-column'),\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      deleteRow: {\r\n        text: this.quill.getLangText('delete-row'),\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      deleteTable: {\r\n        text: this.quill.getLangText('delete-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\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\r\n    const cssContent = {\r\n      'left': `${leftPos}px`,\r\n      'top': `${topPos}px`,\r\n      'min-height': `${MENU_MIN_HEIGHT}px`,\r\n      'max-height': `${winHeight - topPos}px`,\r\n      'width': `${MENU_WIDTH}px`,\r\n      'overflow-y': 'auto',\r\n    }\r\n    // fix: 处理菜单超出屏幕\r\n    if (menuHeight + top > winHeight || topPos > winHeight / 2) {\r\n      delete cssContent.top\r\n      cssContent['max-height'] = `${winHeight - 20}px`\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    const fragment = document.createDocumentFragment()\r\n\r\n    for (const name in this.menuItems) {\r\n      if (this.menuItems[name]) {\r\n        const item = { ...this.DEFAULT_MENU[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        fragment.appendChild(dom)\r\n      }\r\n    }\r\n    this.domNode.appendChild(fragment)\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.textContent = 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.style.height = `${MENU_ITEM_HEIGHT}px`\r\n    node.textContent = text\r\n    // node.addEventListener('click', handler.bind(this), false)\r\n    return node\r\n  }\r\n\r\n  async onCopy(operation) {\r\n    const { selectedTds } = this.tableSelection\r\n    const virtualTable = this.createVirtualTable(selectedTds, operation)\r\n    this.setCopyRange(virtualTable)\r\n    this.tableSelection.preSelectedTable = virtualTable\r\n    this.tableSelection.preSelectedTds = selectedTds\r\n    const blob = new Blob([this.tableSelection.preSelectedTable.outerHTML], { type: 'text/html' })\r\n    const clipboardItem = new ClipboardItem({ 'text/html': blob })\r\n    try {\r\n      await navigator.clipboard.write([clipboardItem])\r\n    }\r\n    catch (_e) {\r\n      throw new Error('Failed to write to clipboard.')\r\n    }\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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"}

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 = Number.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'\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 = Number.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":";;AAGA,MAAqB,eAAe;AAAA;AAAA,EAwBlC,YAAY,OAAO,OAAO,KAAK;AAC7B,QAAI,CAAC,OAAO;AACV;AAAA,IAAA;AAEF,SAAK,QAAQ;AACb,SAAK,QAAQ;AACb,SAAK,mBAAmB;AACxB,SAAK,UAAU;AACV,SAAA,mBAAmB,KAAK,MAAM,KAAK;AACxC,SAAK,OAAO;AAEZ,UAAM,oBAAoB,KAAK,MAAM,UAAU,cAAc;AAC7D,UAAM,kBAAkB,kBAAkB;AAC1C,SAAK,oBAAoB,gBAAgB;AACzC,SAAK,kBAAkB,gBAAgB;AACvC,SAAK,WAAW,gBAAgB;AAEhC,SAAK,gBAAgB;AAErB,QAAI,KAAK,MAAM,SAAS,KAAK,MAAM,oBAAoB;AAChD,WAAA,MAAM,KAAK,iBAAiB,UAAU,KAAK,sBAAsB,KAAK,IAAI,CAAC;AAAA,IAAA;AAAA,EAClF;AAAA,EAGF,wBAAwB;AAClB,QAAA,CAAC,KAAK,SAAS;AACjB;AAAA,IAAA;AAEI,UAAA,eAAe,KAAK,MAAM,sBAAsB;AACtD,UAAM,mBAAmB,KAAK,MAAM,KAAK,WAAW,sBAAsB;AACpE,UAAA,WAAW,aAAa,MAAM;AACpC,UAAM,cAAc,aAAa,MAAM,aAAa,SAAS;AACvD,UAAA,kBAAkB,iBAAiB,MAAM,iBAAiB;AAC5D,QAAA,kBAAkB,eAAe,kBAAkB,UAAU;AAC3D,UAAA,CAAC,KAAK,iBAAiB;AACzB,aAAK,kBAAkB;AACvB,YAAI,KAAK,SAAS;AAAA,UAChB,SAAS;AAAA,UACT,KAAK,GAAG,KAAK,cAAc,SAAS,uBAAuB;AAAA,UAC3D,WAAW;AAAA,QAAA,CACZ;AAAA,MAAA;AAAA,IACH,WAEO,mBAAmB,UAAU;AACpC,WAAK,kBAAkB;AAClB,WAAA,QAAQ,MAAM,UAAU;AAAA,IAAA,OAE1B;AACH,WAAK,qBAAqB;AAC1B,UAAI,KAAK,SAAS,EAAE,WAAW,GAAG,KAAK,mBAAmB,KAAK,MAAM,KAAK,SAAS,KAAA,CAAM;AAAA,IAAA;AAAA,EAC3F;AAAA,EAGF,uBAAuB;AACrB,QAAI,KAAK,iBAAiB;AACxB,WAAK,kBAAkB;AACjB,YAAA,SAAS,KAAK,UAAU,MAAM,KAAK,UAAU,SAAS,KAAK,cAAc,MAAM;AACjF,UAAA,KAAK,SAAS,EAAE,SAAS,SAAS,KAAK,GAAG,MAAM,MAAM;AAAA,IAAA;AAAA,EAC5D;AAAA,EAGF,iBAAiB,OAAO;AACtB,QAAI,KAAK,SAAS;AAEhB,WAAK,UAAU,SAAS,MAAM,sBAAwB,EAAA;AACjD,WAAA,kBAAkB,CAAC,KAAK;AAC7B,WAAK,sBAAsB;AAAA,IAAA;AAAA,EAC7B;AAAA,EAGF,iBAAiB,KAAK,SAAS;AAEvB,UAAA,iBAAiB,OAAO,SAAS,iBAAiB,KAAK,SAAS,EAAE,MAAM,EAAE;AAChF,QAAI,OAAO,UAAU,MAAM,KAAK,OAAO,iBAAiB,iBAAiB;AACzE,SAAK,SAAS,IAAI;AACX,WAAA,KAAK,mBAAmB,IAAI;AACnC,UAAM,QAAQ,KAAK,cAAc,QAAQ,KAAK,UAAU;AACxD,UAAM,OAAO,OAAO;AACpB,UAAM,sBAAsB,KAAK,cAAc,OAAO,KAAK,cAAc,OAAO;AAChF,QAAI,KAAK,WAAW,EAAE,MAAM,GAAG,IAAI,MAAM;AACzC,QAAI,KAAK,iBAAiB,EAAE,MAAM,GAAG,mBAAmB,MAAM;AACzD,SAAA,MAAM,WAAW,aAAa;AACnC,QAAI,SAAS;AACX,WAAK,OAAO;AAAA,IAAA;AAId,UAAM,iBAAiB,KAAK,MAAM,UAAU,cAAc,EAAE;AACxD,QAAA,kBAAkB,eAAe,YAAY,QAAQ;AACvD,qBAAe,yBAAyB;AAAA,IAAA;AAAA,EAC1C;AAAA,EAGF,yBAAyB,gBAAgB;AACvC,mBAAe,eAAe;AAE9B,SAAK,OAAO,eAAe;AACtB,SAAA,aAAa,CAAC,mBAAwB;AACzC,qBAAe,eAAe;AAC9B,qBAAe,gBAAgB;AAC1B,WAAA,iBAAiB,eAAe,SAAS,IAAI;AAAA,IACpD;AACA,SAAK,MAAM,KAAK,WAAW,iBAAiB,aAAa,KAAK,YAAY,KAAK;AAC/E,aAAS,iBAAiB,WAAW,KAAK,uBAAuB,KAAK,IAAI,GAAG,KAAK;AAAA,EAAA;AAAA,EAGpF,uBAAuB,OAAO;AAC5B,UAAM,eAAe;AACrB,SAAK,MAAM,KAAK,WAAW,oBAAoB,aAAa,KAAK,UAAU;AAC3E,aAAS,oBAAoB,WAAW,KAAK,uBAAuB,KAAK,IAAI,GAAG,KAAK;AAAA,EAAA;AAAA,EAGvF,YAAY,OAAO;AAEjB,QAAI,MAAM,UAAU;AACZ,YAAA,EAAE,WAAW;AACd,WAAA,iBAAiB,QAAQ,KAAK;AAAA,IAAA;AAAA,EACrC;AAAA,EAGF,SAAS,UAAU;AAEjB,QAAI,YAAY,KAAK,MAAM,KAAK,UAAU,GAAG;AAC3C,UAAI,KAAK,UAAU,EAAE,SAAS,SAAS;AAAA,IAAA,WAEhC,YAAY,GAAG;AACtB,UAAI,KAAK,UAAU,EAAE,SAAS,QAAQ;AAAA,IAAA,OAEnC;AACH,UAAI,KAAK,UAAU,EAAE,SAAS,SAAS;AAAA,IAAA;AAAA,EACzC;AAAA,EAGF,mBAAmB,UAAU;AAC3B,QAAI,YAAY,KAAK,MAAM,KAAK,UAAU,GAAG;AAC3C,iBAAW,KAAK;AAAA,IAAA,WAET,YAAY,GAAG;AACX,iBAAA;AAAA,IAAA;AAEN,WAAA;AAAA,EAAA;AAAA,EAGT,kBAAkB;;AACZ,QAAA,GAAC,UAAK,UAAL,mBAAY,aAAY;AAC3B;AAAA,IAAA;AAGI,UAAA,YAAY,KAAK,MAAM,sBAAsB;AACnD,UAAM,gBAAgB,KAAK,MAAM,WAAW,sBAAsB;AAC5D,UAAA,oBAAoB,UAAU,QAAQ,cAAc;AAC1D,SAAK,YAAY;AACjB,SAAK,gBAAgB;AACrB,SAAK,oBAAoB;AACpB,SAAA,mBAAmB,KAAK,MAAM,KAAK;AAExC,QAAI,oBAAoB,GAAG;AACzB,WAAK,gBAAgB;AAAA,IAAA,OAElB;AACH,WAAK,iBAAiB;AAAA,IAAA;AAAA,EACxB;AAAA,EAGF,kBAAkB;AAEV,UAAA,SAAS,KAAK,MAAM,KAAK;AACzB,UAAA,gBAAgB,OAAO,sBAAsB;AACnD,SAAK,gBAAgB;AACrB,QAAI,KAAK,iBAAiB;AAAA,MACxB,MAAM,GAAG,KAAK,cAAc,OAAO,cAAc,OAAO,KAAK,MAAM,WAAW,UAAU;AAAA,IAAA,CACzF;AAGD,QAAI,KAAK,SAAS;AAChB,WAAK,QAAQ,OAAO;AAAA,IAAA;AAEjB,SAAA,UAAU,SAAS,cAAc,KAAK;AACtC,SAAA,QAAQ,UAAU,IAAI,6BAA6B;AACnD,SAAA,YAAY,SAAS,cAAc,KAAK;AACxC,SAAA,UAAU,UAAU,IAAI,uBAAuB;AAC/C,SAAA,UAAU,iBAAiB,aAAa,KAAK,yBAAyB,KAAK,IAAI,GAAG,KAAK;AAC5F,UAAM,QAAQ,KAAK,cAAc,QAAQ,KAAK,UAAU;AACxD,UAAM,WAAW,KAAK,cAAc,QAAQ,KAAK,oBAAoB;AACrE,QAAI,KAAK,WAAW,EAAE,OAAO,GAAG,QAAQ,MAAM;AACzC,SAAA,QAAQ,YAAY,KAAK,SAAS;AAGjC,UAAA,kBAAkB,KAAK,MAAM,WAAW;AACzC,SAAA,aAAa,KAAK,oBAAoB;AAC3C,QAAI,iBAAiB;AACnB,YAAM,UAAU,kBAAkB;AAClC,WAAK,SAAS,OAAO;AACjB,UAAA,KAAK,WAAW,EAAE,MAAM,GAAG,KAAK,mBAAmB,OAAO,CAAC,KAAA,CAAM;AAAA,IAAA;AAIjE,UAAA,SAAS,KAAK,UAAU,MAAM,KAAK,UAAU,SAAS,cAAc,MAAM;AAC3E,SAAA,kBAAkB,cAAc,MAAM,cAAc,SAAS,KAAK,UAAU,MAAM,KAAK,UAAU;AACjG,SAAA,iBAAiB,YAAY,KAAK,OAAO;AAC9C,QAAI,KAAK,SAAS,EAAE,KAAK,GAAG,KAAK,IAAI,cAAc,SAAS,yBAAyB,MAAM,CAAC,MAAM;AAGlG,aAAS,iBAAiB,SAAS,KAAK,YAAY,KAAK,IAAI,CAAC;AAAA,EAAA;AAAA,EAGhE,mBAAmB;AACjB,QAAI,KAAK,UAAU,EAAE,SAAS,QAAQ;AACjC,SAAA,gBAAgB,gBAAgB,OAAO;AAC5C,SAAK,aAAa;AAClB,SAAK,QAAQ;AAAA,EAAA;AAAA,EAGf,UAAU;AACR,QAAI,KAAK,SAAS;AAChB,WAAK,QAAQ,OAAO;AAAA,IAAA;AAEjB,SAAA,MAAM,KAAK,oBAAoB,UAAU,KAAK,sBAAsB,KAAK,IAAI,CAAC;AACnF,aAAS,oBAAoB,SAAS,KAAK,YAAY,KAAK,IAAI,CAAC;AAAA,EAAA;AAErE;"}

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\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'\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\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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"}

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

@@ -1 +1 @@
-{"version":3,"file":"table-selector.es.js","sources":["../../../../src/table/modules/table-selector.ts"],"sourcesContent":["import { css } from '../utils'\r\n\r\n// 配置\r\nconst GRID_SIZE = {\r\n  ROWS: 10,\r\n  COLS: 10,\r\n  CELL_SIZE: 15,\r\n}\r\n\r\nconst STYLES = {\r\n  container: {\r\n    'position': 'absolute',\r\n    'z-index': '1000',\r\n    'background': 'white',\r\n    'border': '1px solid #ccc',\r\n    'padding': '5px',\r\n    'box-shadow': '0 2px 8px rgba(0,0,0,0.1)',\r\n  },\r\n  grid: {\r\n    'display': 'grid',\r\n    'grid-template-columns': `repeat(${GRID_SIZE.COLS}, ${GRID_SIZE.CELL_SIZE - 1}px)`,\r\n    'grid-template-rows': `repeat(${GRID_SIZE.ROWS}, ${GRID_SIZE.CELL_SIZE - 1}px)`,\r\n    'gap': '0px',\r\n  },\r\n  row: {\r\n    display: 'contents',\r\n  },\r\n  cell: {\r\n    'width': `${GRID_SIZE.CELL_SIZE}px`,\r\n    'height': `${GRID_SIZE.CELL_SIZE}px`,\r\n    'border': '1px solid #ddd',\r\n    'background-color': '#fff',\r\n    'box-sizing': 'border-box',\r\n  },\r\n  label: {\r\n    'text-align': 'center',\r\n    'margin-top': '5px',\r\n    'font-size': '12px',\r\n    'color': '#666',\r\n  },\r\n}\r\n\r\nfunction createCell(\r\n  row: number,\r\n  col: number,\r\n  handleMouseOver: (row: number, col: number) => void,\r\n  handleClick: () => void,\r\n): { cellDiv: HTMLDivElement, removeListeners: () => void } {\r\n  const cellDiv = document.createElement('div')\r\n  cellDiv.className = 'cell'\r\n  css(cellDiv, STYLES.cell)\r\n\r\n  const mouseOverListener = () => handleMouseOver(row + 1, col + 1)\r\n  const clickListener = () => handleClick()\r\n\r\n  cellDiv.addEventListener('mouseover', mouseOverListener)\r\n  cellDiv.addEventListener('click', clickListener)\r\n\r\n  const removeListeners = () => {\r\n    cellDiv.removeEventListener('mouseover', mouseOverListener)\r\n    cellDiv.removeEventListener('click', clickListener)\r\n  }\r\n\r\n  return { cellDiv, removeListeners }\r\n}\r\n\r\nfunction createRow(\r\n  rowIndex: number,\r\n  handleMouseOver: (row: number, col: number) => void,\r\n  handleClick: () => void,\r\n): { rowDiv: HTMLDivElement, removeListeners: () => void } {\r\n  const rowDiv = document.createElement('div')\r\n  rowDiv.className = 'row'\r\n  css(rowDiv, STYLES.row)\r\n\r\n  const fragment = document.createDocumentFragment()\r\n  const removeListenersArray: (() => void)[] = []\r\n\r\n  for (let col = 0; col < GRID_SIZE.COLS; col++) {\r\n    const { cellDiv, removeListeners } = createCell(rowIndex, col, handleMouseOver, handleClick)\r\n    fragment.appendChild(cellDiv)\r\n    removeListenersArray.push(removeListeners)\r\n  }\r\n\r\n  rowDiv.appendChild(fragment)\r\n\r\n  const removeListeners = () => {\r\n    removeListenersArray.forEach(remove => remove())\r\n  }\r\n\r\n  return { rowDiv, removeListeners }\r\n}\r\n\r\nclass TableSelector {\r\n  private onSelect: (rows: number, cols: number) => void\r\n  container: HTMLDivElement\r\n  private grid: HTMLDivElement\r\n  private label: HTMLDivElement\r\n  private rows: number = 0\r\n  private cols: number = 0\r\n  private removeListenersArray: (() => void)[] = []\r\n\r\n  constructor({ onSelect }: { onSelect: (rows: number, cols: number) => void }) {\r\n    this.onSelect = onSelect\r\n    this.initContainer()\r\n    this.initGrid()\r\n    this.initLabel()\r\n  }\r\n\r\n  // init table-selector container\r\n  private initContainer() {\r\n    this.container = document.createElement('div')\r\n    this.container.className = 'table-selector'\r\n    css(this.container, STYLES.container)\r\n  }\r\n\r\n  // init grid\r\n  private initGrid() {\r\n    this.grid = document.createElement('div')\r\n    this.grid.className = 'grid'\r\n    css(this.grid, STYLES.grid)\r\n\r\n    const fragment = document.createDocumentFragment()\r\n\r\n    for (let row = 0; row < GRID_SIZE.ROWS; row++) {\r\n      const { rowDiv, removeListeners } = createRow(\r\n        row,\r\n        this.handleMouseOver.bind(this),\r\n        this.handleClick.bind(this),\r\n      )\r\n      fragment.appendChild(rowDiv)\r\n      this.removeListenersArray.push(removeListeners)\r\n    }\r\n    this.grid.appendChild(fragment)\r\n    this.container.appendChild(this.grid)\r\n  }\r\n\r\n  // init label\r\n  private initLabel() {\r\n    this.label = document.createElement('div')\r\n    this.label.className = 'label'\r\n    css(this.label, STYLES.label)\r\n    this.container.appendChild(this.label)\r\n  }\r\n\r\n  private handleMouseOver(row: number, col: number) {\r\n    this.rows = row\r\n    this.cols = col\r\n    this.updateGrid()\r\n  }\r\n\r\n  private handleClick() {\r\n    this.onSelect(this.rows, this.cols)\r\n    this.hide()\r\n  }\r\n\r\n  updateGrid() {\r\n    const cells = this.grid.getElementsByClassName('cell')\r\n    for (let i = 0; i < cells.length; i++) {\r\n      const cell = cells[i] as HTMLElement\r\n      const row = Math.floor(i / GRID_SIZE.COLS)\r\n      const col = i % GRID_SIZE.COLS\r\n      css(cell, {\r\n        'background-color': row < this.rows && col < this.cols ? '#e6f3ff' : '#fff',\r\n      })\r\n    }\r\n    this.label.textContent = `${this.rows} x ${this.cols}`\r\n  }\r\n\r\n  show(x: number, y: number) {\r\n    css(this.container, {\r\n      'left': `${x}px`,\r\n      'top': `${y}px`,\r\n      'display': 'block',\r\n      'margin-top': '1px',\r\n    })\r\n  }\r\n\r\n  hide() {\r\n    css(this.container, { display: 'none' })\r\n  }\r\n\r\n  destroy() {\r\n    this.removeListenersArray.forEach(remove => remove())\r\n    this.removeListenersArray = []\r\n\r\n    this.hide()\r\n    if (this.container.parentNode) {\r\n      this.container.parentNode.removeChild(this.container)\r\n    }\r\n    this.rows = 0\r\n    this.cols = 0\r\n    return null\r\n  }\r\n}\r\n\r\nexport default TableSelector\r\n"],"names":["removeListeners"],"mappings":"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"}
+{"version":3,"file":"table-selector.es.js","sources":["../../../../src/table/modules/table-selector.ts"],"sourcesContent":["import { css } from '../utils'\r\n\r\n// 配置\r\nconst GRID_SIZE = {\r\n  ROWS: 10,\r\n  COLS: 10,\r\n  CELL_SIZE: 15,\r\n}\r\n\r\nconst STYLES = {\r\n  container: {\r\n    'position': 'absolute',\r\n    'z-index': '1000',\r\n    'background': 'white',\r\n    'border': '1px solid #ccc',\r\n    'padding': '5px',\r\n    'box-shadow': '0 2px 8px rgba(0,0,0,0.1)',\r\n  },\r\n  grid: {\r\n    'display': 'grid',\r\n    'grid-template-columns': `repeat(${GRID_SIZE.COLS}, ${GRID_SIZE.CELL_SIZE - 1}px)`,\r\n    'grid-template-rows': `repeat(${GRID_SIZE.ROWS}, ${GRID_SIZE.CELL_SIZE - 1}px)`,\r\n    'gap': '0px',\r\n  },\r\n  row: {\r\n    display: 'contents',\r\n  },\r\n  cell: {\r\n    'width': `${GRID_SIZE.CELL_SIZE}px`,\r\n    'height': `${GRID_SIZE.CELL_SIZE}px`,\r\n    'border': '1px solid #ddd',\r\n    'background-color': '#fff',\r\n    'box-sizing': 'border-box',\r\n  },\r\n  label: {\r\n    'text-align': 'center',\r\n    'margin-top': '5px',\r\n    'font-size': '12px',\r\n    'color': '#666',\r\n  },\r\n}\r\n\r\nfunction createCell(\r\n  row: number,\r\n  col: number,\r\n  handleMouseOver: (row: number, col: number) => void,\r\n  handleClick: () => void,\r\n): { cellDiv: HTMLDivElement, removeListeners: () => void } {\r\n  const cellDiv = document.createElement('div')\r\n  cellDiv.className = 'cell'\r\n  css(cellDiv, STYLES.cell)\r\n\r\n  const mouseOverListener = () => handleMouseOver(row + 1, col + 1)\r\n  const clickListener = () => handleClick()\r\n\r\n  cellDiv.addEventListener('mouseover', mouseOverListener)\r\n  cellDiv.addEventListener('click', clickListener)\r\n\r\n  const removeListeners = () => {\r\n    cellDiv.removeEventListener('mouseover', mouseOverListener)\r\n    cellDiv.removeEventListener('click', clickListener)\r\n  }\r\n\r\n  return { cellDiv, removeListeners }\r\n}\r\n\r\nfunction createRow(\r\n  rowIndex: number,\r\n  handleMouseOver: (row: number, col: number) => void,\r\n  handleClick: () => void,\r\n): { rowDiv: HTMLDivElement, removeListeners: () => void } {\r\n  const rowDiv = document.createElement('div')\r\n  rowDiv.className = 'row'\r\n  css(rowDiv, STYLES.row)\r\n\r\n  const fragment = document.createDocumentFragment()\r\n  const removeListenersArray: (() => void)[] = []\r\n\r\n  for (let col = 0; col < GRID_SIZE.COLS; col++) {\r\n    const { cellDiv, removeListeners } = createCell(rowIndex, col, handleMouseOver, handleClick)\r\n    fragment.appendChild(cellDiv)\r\n    removeListenersArray.push(removeListeners)\r\n  }\r\n\r\n  rowDiv.appendChild(fragment)\r\n\r\n  const removeListeners = () => {\r\n    removeListenersArray.forEach(remove => remove())\r\n  }\r\n\r\n  return { rowDiv, removeListeners }\r\n}\r\n\r\nclass TableSelector {\r\n  private onSelect: (rows: number, cols: number) => void\r\n  container: HTMLDivElement\r\n  private grid: HTMLDivElement\r\n  private label: HTMLDivElement\r\n  private rows: number = 0\r\n  private cols: number = 0\r\n  private removeListenersArray: (() => void)[] = []\r\n\r\n  constructor({ onSelect }: { onSelect: (rows: number, cols: number) => void }) {\r\n    this.onSelect = onSelect\r\n    this.initContainer()\r\n    this.initGrid()\r\n    this.initLabel()\r\n  }\r\n\r\n  // init table-selector container\r\n  private initContainer() {\r\n    this.container = document.createElement('div')\r\n    this.container.className = 'table-selector'\r\n    css(this.container, STYLES.container)\r\n  }\r\n\r\n  // init grid\r\n  private initGrid() {\r\n    this.grid = document.createElement('div')\r\n    this.grid.className = 'grid'\r\n    css(this.grid, STYLES.grid)\r\n\r\n    const fragment = document.createDocumentFragment()\r\n\r\n    for (let row = 0; row < GRID_SIZE.ROWS; row++) {\r\n      const { rowDiv, removeListeners } = createRow(\r\n        row,\r\n        this.handleMouseOver.bind(this),\r\n        this.handleClick.bind(this),\r\n      )\r\n      fragment.appendChild(rowDiv)\r\n      this.removeListenersArray.push(removeListeners)\r\n    }\r\n    this.grid.appendChild(fragment)\r\n    this.container.appendChild(this.grid)\r\n  }\r\n\r\n  // init label\r\n  private initLabel() {\r\n    this.label = document.createElement('div')\r\n    this.label.className = 'label'\r\n    css(this.label, STYLES.label)\r\n    this.container.appendChild(this.label)\r\n  }\r\n\r\n  private handleMouseOver(row: number, col: number) {\r\n    this.rows = row\r\n    this.cols = col\r\n    this.updateGrid()\r\n  }\r\n\r\n  private handleClick() {\r\n    this.onSelect(this.rows, this.cols)\r\n    this.hide()\r\n  }\r\n\r\n  updateGrid() {\r\n    const cells = this.grid.getElementsByClassName('cell')\r\n    for (let i = 0; i < cells.length; i++) {\r\n      const cell = cells[i] as HTMLElement\r\n      const row = Math.floor(i / GRID_SIZE.COLS)\r\n      const col = i % GRID_SIZE.COLS\r\n      css(cell, {\r\n        'background-color': row < this.rows && col < this.cols ? '#e6f3ff' : '#fff',\r\n      })\r\n    }\r\n    this.label.textContent = `${this.rows} x ${this.cols}`\r\n  }\r\n\r\n  show(x: number, y: number) {\r\n    css(this.container, {\r\n      'left': `${x}px`,\r\n      'top': `${y}px`,\r\n      'display': 'block',\r\n      'margin-top': '1px',\r\n    })\r\n  }\r\n\r\n  hide() {\r\n    css(this.container, { display: 'none' })\r\n  }\r\n\r\n  destroy() {\r\n    this.removeListenersArray.forEach(remove => remove())\r\n    this.removeListenersArray = []\r\n\r\n    this.hide()\r\n    if (this.container.parentNode) {\r\n      this.container.parentNode.removeChild(this.container)\r\n    }\r\n    this.rows = 0\r\n    this.cols = 0\r\n    return null\r\n  }\r\n}\r\n\r\nexport default TableSelector\r\n"],"names":["removeListeners"],"mappings":"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"}

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) {\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,QAAA;AAAA,MAClC;AAAA,IACF;AAAA,EACF;AAEJ;AAQgB,SAAA,gBAAgB,YAAY,WAAW;AAC/C,QAAA,gBAAgB,UAAU,sBAAsB;AAE/C,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,EACrB;AACF;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,IACF;AAAA,EAAA;AAGF,QAAM,SAAS,UAAU;AACzB,QAAM,WAAW,CAAC;AAElB,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,IAAA;AAAA,EAC5B;AAGK,SAAA;AACT;"}

package/es/table/utils/node-matchers.es.js.map

@@ -1 +1 @@
-{"version":3,"file":"node-matchers.es.js","sources":["../../../../src/table/utils/node-matchers.ts"],"sourcesContent":["import Quill from 'quill'\r\nimport { omit, splitWithBreak } from '../../config/editor.utils'\r\nimport { cellId as tableCellId, rowId as tableRowId, TableViewWrapper } from '../formats/table'\r\nimport { CELL_MIN_WIDTH } from '../table-config'\r\n\r\nconst Delta = Quill.imports.delta\r\nconst InlineBlot = Quill.imports.parchment.InlineBlot\r\n\r\n// rebuild delta\r\nexport function matchTableCell(node, delta) {\r\n  // fix: 移除旧数据中的pt高度,避免由于高度平均分导致无法插入行\r\n  if (node.style.height.indexOf('pt')) {\r\n    node.removeAttribute('style')\r\n  }\r\n\r\n  const row = node.parentNode\r\n  let rowId = row.dataset.row\r\n  if (!rowId) {\r\n    rowId = row.dataset.row = tableRowId()\r\n  }\r\n  let cellId = node.dataset.cell\r\n  // fix: dataset.cell in td will be 'undefined' when insert row/column\r\n  if (!cellId || cellId === 'undefined') {\r\n    cellId = tableCellId()\r\n  }\r\n  const colspan = node.getAttribute('colspan') || 1\r\n  const rowspan = node.getAttribute('rowspan') || 1\r\n\r\n  // fix: empty table cells copied from other place will be removed unexpectedly\r\n  if (delta.length() === 0) {\r\n    delta = new Delta().insert('\\n', {\r\n      'table-cell-line': { row: rowId, cell: cellId, rowspan, colspan },\r\n    })\r\n    return delta\r\n  }\r\n\r\n  delta = delta.reduce((newDelta, op) => {\r\n    if (op.insert && typeof op.insert === 'string') {\r\n      const lines = splitWithBreak(op.insert)\r\n\r\n      lines.forEach((text) => {\r\n        if (text === '\\n') {\r\n          let attributes = {}\r\n          const cellAttributes = {\r\n            row: rowId,\r\n            cell: cellId,\r\n            rowspan,\r\n            colspan,\r\n          }\r\n          if (op.attributes.table) {\r\n            delete op.attributes.table\r\n          }\r\n          switch (true) {\r\n            case !!op.attributes.header:\r\n              attributes = Object.assign(op.attributes.header, cellAttributes)\r\n              break\r\n            case !!op.attributes.list:\r\n              attributes = { list: Object.assign(op.attributes.list, cellAttributes) }\r\n              break\r\n            default:\r\n              attributes = { 'table-cell-line': cellAttributes }\r\n          }\r\n          // fix: when td has background-color, quill can't set it to table-cell bolt\r\n          if (op.attributes.background && attributes['table-cell-line']) {\r\n            attributes['table-cell-line'].tdBgColor = op.attributes.background\r\n          }\r\n          newDelta.insert('\\n', Object.assign(op.attributes, attributes))\r\n        }\r\n        else {\r\n          newDelta.insert(text, omit(op.attributes, ['table', 'table-cell-line', 'header', 'list']))\r\n        }\r\n      })\r\n    }\r\n    else {\r\n      newDelta.insert(op.insert, op.attributes)\r\n    }\r\n\r\n    return newDelta\r\n  }, new Delta())\r\n\r\n  // fix: table cell height becomes larger(because insert unnecessary <div> on both sides of cell) when init table ngModel\r\n  const regexp = /^[\\n]+$/\r\n  const firstDelta = delta.ops[0]\r\n  if (delta.ops.length >= 3) {\r\n    const lastDelta = delta.ops[delta.ops.length - 1]\r\n    if (regexp.test(firstDelta.insert) && firstDelta.attributes['table-cell-line']) {\r\n      delta.ops.splice(0, 1)\r\n    }\r\n    if (regexp.test(lastDelta.insert) && lastDelta.attributes['table-cell-line']) {\r\n      delta.ops[delta.ops.length - 1].insert = '\\n'\r\n    }\r\n  }\r\n  else if (delta.ops.length === 1 && regexp.test(firstDelta.insert) && firstDelta.attributes['table-cell-line']) {\r\n    delta.ops[0].insert = '\\n'\r\n  }\r\n\r\n  return delta\r\n}\r\n\r\n// replace th tag with td tag\r\nexport function matchTableHeader(node, delta, _scroll) {\r\n  const row = node.parentNode\r\n  const cells = Array.from(row.querySelectorAll('th'))\r\n  let rowId = row.dataset.row\r\n  if (!rowId) {\r\n    rowId = row.dataset.row = tableRowId()\r\n  }\r\n  const cellId = cells.indexOf(node) + 1\r\n  const colspan = node.getAttribute('colspan') || false\r\n  const rowspan = node.getAttribute('rowspan') || false\r\n\r\n  // fix: empty table cells copied from other place will be removed unexpectedly\r\n  if (delta.length() === 0) {\r\n    delta = new Delta().insert('\\n', {\r\n      'table-cell-line': { row: rowId, cell: cellId, rowspan, colspan },\r\n    })\r\n    return delta\r\n  }\r\n\r\n  delta = delta.reduce((newDelta, op) => {\r\n    if (op.insert && typeof op.insert === 'string') {\r\n      const lines = splitWithBreak(op.insert)\r\n\r\n      // fix: no '\\n' in the end of op.insert, push a '\\n' to lines\r\n      if (lines[lines.length - 1] !== '\\n') {\r\n        lines.push('\\n')\r\n      }\r\n\r\n      lines.forEach((text) => {\r\n        text === '\\n'\r\n          ? newDelta.insert('\\n', { 'table-cell-line': { row: rowId, cell: cellId, rowspan, colspan } })\r\n          : newDelta.insert(text, op.attributes)\r\n      })\r\n    }\r\n    else {\r\n      newDelta.insert(op.insert, op.attributes)\r\n    }\r\n\r\n    return newDelta\r\n  }, new Delta())\r\n\r\n  delta = delta.reduce((newDelta, op) => {\r\n    if (op.insert && typeof op.insert === 'string' && op.insert.startsWith('\\n')) {\r\n      newDelta.insert(op.insert, { 'table-cell-line': { row: rowId, cell: cellId, rowspan, colspan } })\r\n    }\r\n    else {\r\n      newDelta.insert(op.insert, { ...omit(op.attributes, ['table', 'table-cell-line']) })\r\n    }\r\n\r\n    return newDelta\r\n  }, new Delta())\r\n\r\n  return delta\r\n}\r\n\r\n// supplement colgroup and col\r\nexport function matchTable(node, delta, scroll) {\r\n  const isWordTable = node.children.length === 1\r\n  if (!(node instanceof Element)) {\r\n    return\r\n  }\r\n  const getMaxColNumber = (tds) => {\r\n    if (isWordTable) {\r\n      return tds.length\r\n    }\r\n    let colsNumber = 0\r\n    tds.forEach((td) => {\r\n      colsNumber += td.colSpan\r\n    })\r\n    return Math.max(tds.length, colsNumber)\r\n  }\r\n\r\n  const checkMinWidth = (width) => {\r\n    if (Number.isNaN(width)) {\r\n      // 无指定值时默认为auto，待渲染后修正\r\n      return { 'table-col': { width: 'auto' } }\r\n    }\r\n    else if (width < CELL_MIN_WIDTH) {\r\n      // 当列宽度小于默认宽度时取默认宽度\r\n      return { 'table-col': true }\r\n    }\r\n    else {\r\n      // 大于默认值取实际指定值\r\n      return { 'table-col': { width } }\r\n    }\r\n  }\r\n\r\n  // fix: a table with an empty tr is invalid, should not be displayed\r\n  const rows = node.querySelectorAll('tr')\r\n  const topRow = rows[0]\r\n  const onlyEmptyTr = rows.length === 1 && !topRow.querySelector('td')\r\n\r\n  // fix: empty table will return empty delta\r\n  if (!topRow || onlyEmptyTr) {\r\n    return new Delta().insert('\\n')\r\n  }\r\n\r\n  const colsNumber = node.querySelectorAll('col').length\r\n  let maxCellsNumber = 0\r\n  let maxCells\r\n  // 遍历行获取最大列数和该行的所有单元格\r\n  Array.prototype.slice.call(rows).forEach((row) => {\r\n    const tds = row.querySelectorAll('td')\r\n    maxCellsNumber = Math.max(getMaxColNumber(tds), maxCellsNumber)\r\n    maxCells = tds\r\n  })\r\n\r\n  // 列的累计器\r\n  let colCount = 0\r\n  delta = delta.reduce((newDelta, op) => {\r\n    // 当colCount与colsNumber相等时，则补充相差列\r\n    if (colCount === colsNumber) {\r\n      const fillNumber = maxCellsNumber - colCount\r\n      const outset = colCount\r\n      // index为差值列索引，通过遍历差值得到mexCells行中对应索引的单元格宽度\r\n      for (let i = 0; i < fillNumber; i++) {\r\n        const index = outset + i\r\n        const colWidth = Number.parseInt(\r\n          index < maxCells.length\r\n            ? maxCells[index].width\r\n          // maxCells[index].style && maxCells[index].style.width ? maxCells[index].style.width :\r\n            : maxCells[maxCells.length - 1].width,\r\n          10,\r\n        )\r\n        newDelta.insert('\\n', checkMinWidth(colWidth))\r\n        colCount++\r\n      }\r\n    }\r\n    const attr = op.attributes || {}\r\n    switch (true) {\r\n      case !!attr['table-col']:\r\n      // 只有当前列数小于实际总列数才操作，所以不存在大于的情况\r\n        if (colCount < maxCellsNumber) {\r\n        // 当table-col宽度一致时会合并为单一insert，insert长度大于1，截取符合实际总列数的长度来插入\r\n          const insert = op.insert.slice(0, maxCellsNumber)\r\n          const colWidth = Number.parseInt(attr['table-col'].width, 10)\r\n          newDelta.insert(insert, checkMinWidth(colWidth))\r\n          colCount += insert.length\r\n        }\r\n        break\r\n      case !!attr.notFilled:\r\n      { // 将标记的空tr填充对应列数的单元格\r\n        const rowId = tableRowId()\r\n        for (let x = 0; x < maxCellsNumber; x++) {\r\n          newDelta.insert('\\n', { 'table-cell-line': { row: rowId, cell: tableCellId(), rowspan: 1, colspan: 1 } })\r\n        }\r\n        break }\r\n      default:\r\n        newDelta.insert(op.insert, op.attributes)\r\n    }\r\n    return newDelta\r\n  }, new Delta())\r\n\r\n  const tableItem = node.closest('.quill-better-table-wrapper') || node\r\n  const prevBlot = tableItem.previousElementSibling && scroll.query(tableItem.previousElementSibling)\r\n  const nextBlot = tableItem.nextElementSibling && scroll.query(tableItem.nextElementSibling)\r\n  // fix: prevent two adjacent tables from sticking together\r\n  if (!nextBlot || nextBlot.prototype instanceof InlineBlot) {\r\n    delta = delta.insert('\\n')\r\n  }\r\n  // fix: When there is no line break in front of the table, pressing the Enter key will cause a problem with the table.\r\n  if (!prevBlot || prevBlot.prototype instanceof InlineBlot) {\r\n    const newLine = new Delta().insert('\\n')\r\n    delta = newLine.concat(delta)\r\n  }\r\n  if (nextBlot === TableViewWrapper) {\r\n    delta = delta.insert('\\n')\r\n  }\r\n\r\n  return delta\r\n}\r\n\r\nexport function matchTableRow(_node, delta) {\r\n  // fix: 处理空<tr>标签被忽略的情况\r\n  if (delta.ops.length === 1 && !delta.ops[0].attributes) {\r\n    delta = new Delta().insert('\\n', { notFilled: true })\r\n  }\r\n  return delta\r\n}\r\n\r\n// match h tags, distinguish between headers in the table and headers outside the table\r\nexport function matchHeader(node, delta) {\r\n  const newDelta = new Delta()\r\n  const fontSize = node.style.fontSize\r\n  delta.forEach((op) => {\r\n    newDelta.insert(\r\n      op.insert,\r\n      Object.assign({}, op.attributes, {\r\n        size: fontSize,\r\n      }),\r\n    )\r\n  })\r\n  return newDelta\r\n}\r\n\r\nexport function matchList(node, delta) {\r\n  const value = node.tagName === 'UL' ? 'bullet' : 'ordered'\r\n  delta.forEach((op) => {\r\n    if (typeof op.attributes.list === 'string') {\r\n      delete op.attributes.list\r\n    }\r\n    else if (typeof op.attributes.list === 'object' && !op.attributes.list.value) {\r\n      op.attributes.list.value = value\r\n    }\r\n  })\r\n  return delta\r\n}\r\n\r\nexport function matchInline(node, delta, scroll) {\r\n  const quill = Quill.find(scroll.domNode.parentNode)\r\n  const currentRange = quill.getSelection()\r\n  const formats = currentRange && quill.getFormat(currentRange)\r\n  if (\r\n    formats\r\n    && formats['table-cell-line'] // 当前光标节点在表格内，否则不操作delta\r\n    && node.nextElementSibling\r\n  ) {\r\n    // 插入节点是否存在下一个兄弟元素\r\n    const match = scroll.query(node)\r\n    const nodeHtml = node.nextElementSibling.innerHTML\r\n    const nodeText = node.nextElementSibling.textContent\r\n    if (\r\n      (match && match.prototype instanceof InlineBlot) // 判断当前节点是否为内联\r\n      || (node.tagName === 'P' && nodeHtml !== nodeText)\r\n    ) {\r\n      // 非内联时如果为P且下一个不为text节点\r\n      delta.forEach((op) => {\r\n        op.insert += '\\n'\r\n      })\r\n    }\r\n  }\r\n  return delta\r\n}\r\n\r\n// 匹配 word 自带的 v:shape 标签中的图片 v:imageData\r\nexport function matchWordShapeImage(node, delta) {\r\n  if (node) {\r\n    const imageUrl = node.attributes.src?.nodeValue\r\n    delta = new Delta().insert({ image: imageUrl })\r\n  }\r\n  return delta\r\n}\r\n\r\nexport function matchMentionLink(node, delta, scroll) {\r\n  const name = node.dataset.mentionId\r\n  if (name) {\r\n    const quill = Quill.find(scroll.domNode.parentNode)\r\n    const mention = quill.getModule('mention')\r\n    if (mention) {\r\n      mention.options.search(name).then((res) => {\r\n        const [item] = res\r\n        if (item) {\r\n          mention.options.select(item)\r\n        }\r\n      })\r\n    }\r\n  }\r\n  return delta\r\n}\r\n"],"names":["rowId","tableRowId","cellId","tableCellId","colsNumber"],"mappings":"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"}
+{"version":3,"file":"node-matchers.es.js","sources":["../../../../src/table/utils/node-matchers.ts"],"sourcesContent":["import Quill from 'quill'\r\nimport { omit, splitWithBreak } from '../../config/editor.utils'\r\nimport { cellId as tableCellId, rowId as tableRowId, TableViewWrapper } from '../formats/table'\r\nimport { CELL_MIN_WIDTH } from '../table-config'\r\n\r\nconst Delta = Quill.imports.delta\r\nconst InlineBlot = Quill.imports.parchment.InlineBlot\r\n\r\n// rebuild delta\r\nexport function matchTableCell(node, delta) {\r\n  // fix: 移除旧数据中的pt高度,避免由于高度平均分导致无法插入行\r\n  if (node.style.height.indexOf('pt')) {\r\n    node.removeAttribute('style')\r\n  }\r\n\r\n  const row = node.parentNode\r\n  let rowId = row.dataset.row\r\n  if (!rowId) {\r\n    rowId = row.dataset.row = tableRowId()\r\n  }\r\n  let cellId = node.dataset.cell\r\n  // fix: dataset.cell in td will be 'undefined' when insert row/column\r\n  if (!cellId || cellId === 'undefined') {\r\n    cellId = tableCellId()\r\n  }\r\n  const colspan = node.getAttribute('colspan') || 1\r\n  const rowspan = node.getAttribute('rowspan') || 1\r\n\r\n  // fix: empty table cells copied from other place will be removed unexpectedly\r\n  if (delta.length() === 0) {\r\n    delta = new Delta().insert('\\n', {\r\n      'table-cell-line': { row: rowId, cell: cellId, rowspan, colspan },\r\n    })\r\n    return delta\r\n  }\r\n\r\n  delta = delta.reduce((newDelta, op) => {\r\n    if (op.insert && typeof op.insert === 'string') {\r\n      const lines = splitWithBreak(op.insert)\r\n\r\n      lines.forEach((text) => {\r\n        if (text === '\\n') {\r\n          let attributes = {}\r\n          const cellAttributes = {\r\n            row: rowId,\r\n            cell: cellId,\r\n            rowspan,\r\n            colspan,\r\n          }\r\n          if (op.attributes.table) {\r\n            delete op.attributes.table\r\n          }\r\n          switch (true) {\r\n            case !!op.attributes.header:\r\n              attributes = Object.assign(op.attributes.header, cellAttributes)\r\n              break\r\n            case !!op.attributes.list:\r\n              attributes = { list: Object.assign(op.attributes.list, cellAttributes) }\r\n              break\r\n            default:\r\n              attributes = { 'table-cell-line': cellAttributes }\r\n          }\r\n          // fix: when td has background-color, quill can't set it to table-cell bolt\r\n          if (op.attributes.background && attributes['table-cell-line']) {\r\n            attributes['table-cell-line'].tdBgColor = op.attributes.background\r\n          }\r\n          newDelta.insert('\\n', Object.assign(op.attributes, attributes))\r\n        }\r\n        else {\r\n          newDelta.insert(text, omit(op.attributes, ['table', 'table-cell-line', 'header', 'list']))\r\n        }\r\n      })\r\n    }\r\n    else {\r\n      newDelta.insert(op.insert, op.attributes)\r\n    }\r\n\r\n    return newDelta\r\n  }, new Delta())\r\n\r\n  // fix: table cell height becomes larger(because insert unnecessary <div> on both sides of cell) when init table ngModel\r\n  const regexp = /^[\\n]+$/\r\n  const firstDelta = delta.ops[0]\r\n  if (delta.ops.length >= 3) {\r\n    const lastDelta = delta.ops[delta.ops.length - 1]\r\n    if (regexp.test(firstDelta.insert) && firstDelta.attributes['table-cell-line']) {\r\n      delta.ops.splice(0, 1)\r\n    }\r\n    if (regexp.test(lastDelta.insert) && lastDelta.attributes['table-cell-line']) {\r\n      delta.ops[delta.ops.length - 1].insert = '\\n'\r\n    }\r\n  }\r\n  else if (delta.ops.length === 1 && regexp.test(firstDelta.insert) && firstDelta.attributes['table-cell-line']) {\r\n    delta.ops[0].insert = '\\n'\r\n  }\r\n\r\n  return delta\r\n}\r\n\r\n// replace th tag with td tag\r\nexport function matchTableHeader(node, delta, _scroll) {\r\n  const row = node.parentNode\r\n  const cells = Array.from(row.querySelectorAll('th'))\r\n  let rowId = row.dataset.row\r\n  if (!rowId) {\r\n    rowId = row.dataset.row = tableRowId()\r\n  }\r\n  const cellId = cells.indexOf(node) + 1\r\n  const colspan = node.getAttribute('colspan') || false\r\n  const rowspan = node.getAttribute('rowspan') || false\r\n\r\n  // fix: empty table cells copied from other place will be removed unexpectedly\r\n  if (delta.length() === 0) {\r\n    delta = new Delta().insert('\\n', {\r\n      'table-cell-line': { row: rowId, cell: cellId, rowspan, colspan },\r\n    })\r\n    return delta\r\n  }\r\n\r\n  delta = delta.reduce((newDelta, op) => {\r\n    if (op.insert && typeof op.insert === 'string') {\r\n      const lines = splitWithBreak(op.insert)\r\n\r\n      // fix: no '\\n' in the end of op.insert, push a '\\n' to lines\r\n      if (lines[lines.length - 1] !== '\\n') {\r\n        lines.push('\\n')\r\n      }\r\n\r\n      lines.forEach((text) => {\r\n        text === '\\n'\r\n          ? newDelta.insert('\\n', { 'table-cell-line': { row: rowId, cell: cellId, rowspan, colspan } })\r\n          : newDelta.insert(text, op.attributes)\r\n      })\r\n    }\r\n    else {\r\n      newDelta.insert(op.insert, op.attributes)\r\n    }\r\n\r\n    return newDelta\r\n  }, new Delta())\r\n\r\n  delta = delta.reduce((newDelta, op) => {\r\n    if (op.insert && typeof op.insert === 'string' && op.insert.startsWith('\\n')) {\r\n      newDelta.insert(op.insert, { 'table-cell-line': { row: rowId, cell: cellId, rowspan, colspan } })\r\n    }\r\n    else {\r\n      newDelta.insert(op.insert, { ...omit(op.attributes, ['table', 'table-cell-line']) })\r\n    }\r\n\r\n    return newDelta\r\n  }, new Delta())\r\n\r\n  return delta\r\n}\r\n\r\n// supplement colgroup and col\r\nexport function matchTable(node, delta, scroll) {\r\n  const isWordTable = node.children.length === 1\r\n  if (!(node instanceof Element)) {\r\n    return\r\n  }\r\n  const getMaxColNumber = (tds) => {\r\n    if (isWordTable) {\r\n      return tds.length\r\n    }\r\n    let colsNumber = 0\r\n    tds.forEach((td) => {\r\n      colsNumber += td.colSpan\r\n    })\r\n    return Math.max(tds.length, colsNumber)\r\n  }\r\n\r\n  const checkMinWidth = (width) => {\r\n    if (Number.isNaN(width)) {\r\n      // 无指定值时默认为auto，待渲染后修正\r\n      return { 'table-col': { width: 'auto' } }\r\n    }\r\n    else if (width < CELL_MIN_WIDTH) {\r\n      // 当列宽度小于默认宽度时取默认宽度\r\n      return { 'table-col': true }\r\n    }\r\n    else {\r\n      // 大于默认值取实际指定值\r\n      return { 'table-col': { width } }\r\n    }\r\n  }\r\n\r\n  // fix: a table with an empty tr is invalid, should not be displayed\r\n  const rows = node.querySelectorAll('tr')\r\n  const topRow = rows[0]\r\n  const onlyEmptyTr = rows.length === 1 && !topRow.querySelector('td')\r\n\r\n  // fix: empty table will return empty delta\r\n  if (!topRow || onlyEmptyTr) {\r\n    return new Delta().insert('\\n')\r\n  }\r\n\r\n  const colsNumber = node.querySelectorAll('col').length\r\n  let maxCellsNumber = 0\r\n  let maxCells\r\n  // 遍历行获取最大列数和该行的所有单元格\r\n  Array.prototype.slice.call(rows).forEach((row) => {\r\n    const tds = row.querySelectorAll('td')\r\n    maxCellsNumber = Math.max(getMaxColNumber(tds), maxCellsNumber)\r\n    maxCells = tds\r\n  })\r\n\r\n  // 列的累计器\r\n  let colCount = 0\r\n  delta = delta.reduce((newDelta, op) => {\r\n    // 当colCount与colsNumber相等时，则补充相差列\r\n    if (colCount === colsNumber) {\r\n      const fillNumber = maxCellsNumber - colCount\r\n      const outset = colCount\r\n      // index为差值列索引，通过遍历差值得到mexCells行中对应索引的单元格宽度\r\n      for (let i = 0; i < fillNumber; i++) {\r\n        const index = outset + i\r\n        const colWidth = Number.parseInt(\r\n          index < maxCells.length\r\n            ? maxCells[index].width\r\n          // maxCells[index].style && maxCells[index].style.width ? maxCells[index].style.width :\r\n            : maxCells[maxCells.length - 1].width,\r\n          10,\r\n        )\r\n        newDelta.insert('\\n', checkMinWidth(colWidth))\r\n        colCount++\r\n      }\r\n    }\r\n    const attr = op.attributes || {}\r\n    switch (true) {\r\n      case !!attr['table-col']:\r\n      // 只有当前列数小于实际总列数才操作，所以不存在大于的情况\r\n        if (colCount < maxCellsNumber) {\r\n        // 当table-col宽度一致时会合并为单一insert，insert长度大于1，截取符合实际总列数的长度来插入\r\n          const insert = op.insert.slice(0, maxCellsNumber)\r\n          const colWidth = Number.parseInt(attr['table-col'].width, 10)\r\n          newDelta.insert(insert, checkMinWidth(colWidth))\r\n          colCount += insert.length\r\n        }\r\n        break\r\n      case !!attr.notFilled:\r\n      { // 将标记的空tr填充对应列数的单元格\r\n        const rowId = tableRowId()\r\n        for (let x = 0; x < maxCellsNumber; x++) {\r\n          newDelta.insert('\\n', { 'table-cell-line': { row: rowId, cell: tableCellId(), rowspan: 1, colspan: 1 } })\r\n        }\r\n        break }\r\n      default:\r\n        newDelta.insert(op.insert, op.attributes)\r\n    }\r\n    return newDelta\r\n  }, new Delta())\r\n\r\n  const tableItem = node.closest('.quill-better-table-wrapper') || node\r\n  const prevBlot = tableItem.previousElementSibling && scroll.query(tableItem.previousElementSibling)\r\n  const nextBlot = tableItem.nextElementSibling && scroll.query(tableItem.nextElementSibling)\r\n  // fix: prevent two adjacent tables from sticking together\r\n  if (!nextBlot || nextBlot.prototype instanceof InlineBlot) {\r\n    delta = delta.insert('\\n')\r\n  }\r\n  // fix: When there is no line break in front of the table, pressing the Enter key will cause a problem with the table.\r\n  if (!prevBlot || prevBlot.prototype instanceof InlineBlot) {\r\n    const newLine = new Delta().insert('\\n')\r\n    delta = newLine.concat(delta)\r\n  }\r\n  if (nextBlot === TableViewWrapper) {\r\n    delta = delta.insert('\\n')\r\n  }\r\n\r\n  return delta\r\n}\r\n\r\nexport function matchTableRow(_node, delta) {\r\n  // fix: 处理空<tr>标签被忽略的情况\r\n  if (delta.ops.length === 1 && !delta.ops[0].attributes) {\r\n    delta = new Delta().insert('\\n', { notFilled: true })\r\n  }\r\n  return delta\r\n}\r\n\r\n// match h tags, distinguish between headers in the table and headers outside the table\r\nexport function matchHeader(node, delta) {\r\n  const newDelta = new Delta()\r\n  const fontSize = node.style.fontSize\r\n  delta.forEach((op) => {\r\n    newDelta.insert(\r\n      op.insert,\r\n      Object.assign({}, op.attributes, {\r\n        size: fontSize,\r\n      }),\r\n    )\r\n  })\r\n  return newDelta\r\n}\r\n\r\nexport function matchList(node, delta) {\r\n  const value = node.tagName === 'UL' ? 'bullet' : 'ordered'\r\n  delta.forEach((op) => {\r\n    if (typeof op.attributes.list === 'string') {\r\n      delete op.attributes.list\r\n    }\r\n    else if (typeof op.attributes.list === 'object' && !op.attributes.list.value) {\r\n      op.attributes.list.value = value\r\n    }\r\n  })\r\n  return delta\r\n}\r\n\r\nexport function matchInline(node, delta, scroll) {\r\n  const quill = Quill.find(scroll.domNode.parentNode)\r\n  const currentRange = quill.getSelection()\r\n  const formats = currentRange && quill.getFormat(currentRange)\r\n  if (\r\n    formats\r\n    && formats['table-cell-line'] // 当前光标节点在表格内，否则不操作delta\r\n    && node.nextElementSibling\r\n  ) {\r\n    // 插入节点是否存在下一个兄弟元素\r\n    const match = scroll.query(node)\r\n    const nodeHtml = node.nextElementSibling.innerHTML\r\n    const nodeText = node.nextElementSibling.textContent\r\n    if (\r\n      (match && match.prototype instanceof InlineBlot) // 判断当前节点是否为内联\r\n      || (node.tagName === 'P' && nodeHtml !== nodeText)\r\n    ) {\r\n      // 非内联时如果为P且下一个不为text节点\r\n      delta.forEach((op) => {\r\n        op.insert += '\\n'\r\n      })\r\n    }\r\n  }\r\n  return delta\r\n}\r\n\r\n// 匹配 word 自带的 v:shape 标签中的图片 v:imageData\r\nexport function matchWordShapeImage(node, delta) {\r\n  if (node) {\r\n    const imageUrl = node.attributes.src?.nodeValue\r\n    delta = new Delta().insert({ image: imageUrl })\r\n  }\r\n  return delta\r\n}\r\n\r\nexport function matchMentionLink(node, delta, scroll) {\r\n  const name = node.dataset.mentionId\r\n  if (name) {\r\n    const quill = Quill.find(scroll.domNode.parentNode)\r\n    const mention = quill.getModule('mention')\r\n    if (mention) {\r\n      mention.options.search(name).then((res) => {\r\n        const [item] = res\r\n        if (item) {\r\n          mention.options.select(item)\r\n        }\r\n      })\r\n    }\r\n  }\r\n  return delta\r\n}\r\n"],"names":["rowId","tableRowId","cellId","tableCellId","colsNumber"],"mappings":"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"}