@opentiny/fluent-editor 3.19.0 → 3.19.1-alpha.0

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

@@ -0,0 +1,457 @@
+import Quill from "quill";
+import { LANG_CONF } from "../../config/editor.config.es.js";
+import { getRelativeRect, arrayFrom, elementRemove, css } from "../utils/index.es.js";
+import { ERROR_LIMIT, OPERATE_MENU_ITEM_CLASS, OPERATE_MENU_COLORPICKER_ITEM_CLASS, MENU_ITEM_HEIGHT, MENU_MIN_HEIGHT, MENU_WIDTH, OPERATE_MENU_DIVIDING_CLASS, OPERATE_MENU_SUBTITLE_CLASS, OPERATE_MENU_COLORPICKER_CLASS } from "../table-config.es.js";
+const MENU_ITEMS_DEFAULT = {
+  copyCells: {
+    text: "Copy Cells",
+    handler() {
+      this.onCopy("copy");
+    }
+  },
+  copyTable: {
+    text: "Copy Table",
+    handler() {
+      this.tableColumnTool.destroy();
+      this.tableScrollBar.destroy();
+      this.tableSelection.clearSelection();
+      const dom = this.table.cloneNode(true);
+      const trArr = dom.querySelectorAll("tr[data-row]");
+      trArr.forEach((tr) => tr.removeAttribute("data-row"));
+      dom.style.position = "fixed";
+      dom.style.top = 0;
+      dom.style.left = 0;
+      dom.style.clip = "rect(0,0,0,0)";
+      document.body.appendChild(dom);
+      this.setCopyRange(dom);
+      document.execCommand("copy");
+      dom.remove();
+    }
+  },
+  cutCells: {
+    text: "Cut Cells",
+    handler() {
+      this.onCopy("cut");
+    }
+  },
+  emptyCells: {
+    text: "Empty Cells",
+    handler() {
+      const tableContainer = Quill.find(this.table);
+      const { selectedTds } = this.tableSelection;
+      tableContainer.emptyCells(selectedTds);
+    }
+  },
+  insertColumnRight: {
+    text: "Insert Column After",
+    handler() {
+      const tableContainer = Quill.find(this.table);
+      const colIndex = getColToolCellIndexByBoundary(
+        this.columnToolCells,
+        this.boundary,
+        (cellRect, boundary) => {
+          return Math.abs(cellRect.x + cellRect.width - boundary.x1) <= ERROR_LIMIT;
+        },
+        this.quill.root.parentNode
+      );
+      const newColumn = tableContainer.insertColumn(this.boundary, colIndex, true, this.quill.root.parentNode);
+      this.tableColumnTool.updateColToolCells();
+      this.quill.update(Quill.sources.USER);
+      this.tableSelection.setSelection(
+        newColumn[0].domNode.getBoundingClientRect(),
+        newColumn[0].domNode.getBoundingClientRect()
+      );
+      setTimeout(() => this.tableScrollBar.updateScrollBar());
+    }
+  },
+  insertColumnLeft: {
+    text: "Insert Column Before",
+    handler() {
+      const tableContainer = Quill.find(this.table);
+      const colIndex = getColToolCellIndexByBoundary(
+        this.columnToolCells,
+        this.boundary,
+        (cellRect, boundary) => {
+          return Math.abs(cellRect.x - boundary.x) <= ERROR_LIMIT;
+        },
+        this.quill.root.parentNode
+      );
+      const newColumn = tableContainer.insertColumn(this.boundary, colIndex, false, this.quill.root.parentNode);
+      this.tableColumnTool.updateColToolCells();
+      this.quill.update(Quill.sources.USER);
+      this.tableSelection.setSelection(
+        newColumn[0].domNode.getBoundingClientRect(),
+        newColumn[0].domNode.getBoundingClientRect()
+      );
+      setTimeout(() => this.tableScrollBar.updateScrollBar());
+    }
+  },
+  insertRowUp: {
+    text: "Insert Row Above",
+    handler() {
+      const tableContainer = Quill.find(this.table);
+      const affectedCells = tableContainer.insertRow(this.boundary, false, this.quill.root.parentNode);
+      this.tableColumnTool.updateRowToolCells();
+      this.quill.update(Quill.sources.USER);
+      this.tableSelection.setSelection(
+        affectedCells[0].domNode.getBoundingClientRect(),
+        affectedCells[0].domNode.getBoundingClientRect()
+      );
+      setTimeout(() => this.tableScrollBar.resetTableHeight(this.table));
+    }
+  },
+  insertRowDown: {
+    text: "Insert Row Below",
+    handler() {
+      const tableContainer = Quill.find(this.table);
+      const affectedCells = tableContainer.insertRow(this.boundary, true, this.quill.root.parentNode);
+      this.tableColumnTool.updateRowToolCells();
+      this.quill.update(Quill.sources.USER);
+      this.tableSelection.setSelection(
+        affectedCells[0].domNode.getBoundingClientRect(),
+        affectedCells[0].domNode.getBoundingClientRect()
+      );
+      setTimeout(() => this.tableScrollBar.resetTableHeight(this.table));
+    }
+  },
+  mergeCells: {
+    text: "Merge Cells",
+    handler() {
+      const tableContainer = Quill.find(this.table);
+      const rowspan = tableContainer.rows().reduce((sum, row) => {
+        const rowRect = getRelativeRect(row.domNode.getBoundingClientRect(), this.quill.root.parentNode);
+        if (rowRect.y > this.boundary.y - ERROR_LIMIT && rowRect.y + rowRect.height < this.boundary.y + this.boundary.height + ERROR_LIMIT) {
+          sum += 1;
+        }
+        return sum;
+      }, 0);
+      const colspan = this.columnToolCells.reduce((sum, cell) => {
+        const cellRect = getRelativeRect(cell.getBoundingClientRect(), this.quill.root.parentNode);
+        if (cellRect.x > this.boundary.x - ERROR_LIMIT && cellRect.x + cellRect.width < this.boundary.x + this.boundary.width + ERROR_LIMIT) {
+          sum += 1;
+        }
+        return sum;
+      }, 0);
+      const mergedCell = tableContainer.mergeCells(
+        this.boundary,
+        this.selectedTds,
+        rowspan,
+        colspan,
+        this.quill.root.parentNode
+      );
+      this.quill.update(Quill.sources.USER);
+      this.tableSelection.setSelection(
+        mergedCell.domNode.getBoundingClientRect(),
+        mergedCell.domNode.getBoundingClientRect()
+      );
+    }
+  },
+  unmergeCells: {
+    text: "Split Cells",
+    handler() {
+      const tableContainer = Quill.find(this.table);
+      tableContainer.unmergeCells(this.selectedTds, this.quill.root.parentNode);
+      this.quill.update(Quill.sources.USER);
+      this.tableSelection.clearSelection();
+    }
+  },
+  deleteColumn: {
+    text: "Delete Columns",
+    handler() {
+      const tableContainer = Quill.find(this.table);
+      const colIndexes = getColToolCellIndexesByBoundary(
+        this.columnToolCells,
+        this.boundary,
+        (cellRect, boundary) => {
+          return cellRect.x + ERROR_LIMIT > boundary.x && cellRect.x + cellRect.width - ERROR_LIMIT < boundary.x1;
+        },
+        this.quill.root.parentNode
+      );
+      const isDeleteTable = tableContainer.deleteColumns(this.boundary, colIndexes, this.quill.root.parentNode);
+      if (!isDeleteTable) {
+        this.tableColumnTool.updateColToolCells();
+        this.quill.update(Quill.sources.USER);
+        this.tableSelection.clearSelection();
+      }
+      setTimeout(() => this.tableScrollBar.updateScrollBar());
+    }
+  },
+  deleteRow: {
+    text: "Delete Rows",
+    handler() {
+      const tableContainer = Quill.find(this.table);
+      const isDeleteTable = tableContainer.deleteRow(this.boundary, this.quill.root.parentNode);
+      if (!isDeleteTable) {
+        this.tableColumnTool.updateRowToolCells();
+        this.quill.update(Quill.sources.USER);
+        this.tableSelection.clearSelection();
+      }
+    }
+  },
+  deleteTable: {
+    text: "Remove Table",
+    handler() {
+      const betterTableModule = this.quill.getModule("better-table");
+      const tableContainer = Quill.find(this.table);
+      betterTableModule.hideTableTools();
+      tableContainer.remove();
+      this.quill.update(Quill.sources.USER);
+      this.quill.focus();
+    }
+  }
+};
+const DEFAULT_CELL_COLORS = ["white", "red", "yellow", "blue"];
+const NODE_EVENT_MAP = /* @__PURE__ */ new WeakMap();
+const MENU_MIN_HEIHGT = 150;
+const DEFAULT_COLOR_SUBTITLE = LANG_CONF["subTitleBgColor"];
+class TableOperationMenu {
+  constructor(params, quill, options) {
+    const betterTableModule = quill.getModule("better-table");
+    this.tableSelection = betterTableModule.tableSelection;
+    this.table = params.table;
+    this.quill = quill;
+    this.options = options;
+    this.menuItems = { ...MENU_ITEMS_DEFAULT, ...options.items };
+    this.tableColumnTool = betterTableModule.columnTool;
+    this.tableScrollBar = betterTableModule.tableScrollBar;
+    this.boundary = this.tableSelection.boundary;
+    this.selectedTds = this.tableSelection.selectedTds;
+    this.destroyHandler = this.destroy.bind(this);
+    this.columnToolCells = this.tableColumnTool.colToolCells();
+    this.colorSubTitle = options.color && options.color.text ? options.color.text : DEFAULT_COLOR_SUBTITLE;
+    this.cellColors = options.color && options.color.colors ? options.color.colors : DEFAULT_CELL_COLORS;
+    this.menuInitial(params);
+    this.mount();
+    document.addEventListener("click", this.destroyHandler, false);
+  }
+  mount() {
+    this.quill.root.parentNode.appendChild(this.domNode);
+  }
+  destroy() {
+    const menuItems = arrayFrom(
+      this.domNode.querySelectorAll("." + OPERATE_MENU_ITEM_CLASS)
+    );
+    const colorPickerItems = arrayFrom(
+      this.domNode.querySelectorAll("." + OPERATE_MENU_COLORPICKER_ITEM_CLASS)
+    );
+    const nodes = menuItems.concat(colorPickerItems);
+    nodes.forEach((node) => {
+      if (NODE_EVENT_MAP.has(node)) {
+        const unregister = NODE_EVENT_MAP.get(node);
+        if (unregister && typeof unregister === "function") {
+          unregister();
+        }
+      }
+    });
+    elementRemove(this.domNode);
+    document.removeEventListener("mousedown", this.destroyHandler, false);
+    return null;
+  }
+  menuInitial({ cell, left, top }) {
+    const rowspan = cell.getAttribute("rowspan");
+    const colspan = cell.getAttribute("colspan");
+    const winHeight = window.innerHeight || Math.max(document.documentElement.clientHeight, document.body.clientHeight);
+    const num = Object.keys(this.menuItems) || [];
+    const menuHeight = MENU_ITEM_HEIGHT * num.length || MENU_MIN_HEIGHT;
+    const transformOffset = checkAndGetViewPointChange(this.quill.root.parentNode, left, top);
+    const leftPos = left - transformOffset.offsetX;
+    const topPos = top - transformOffset.offsetY;
+    const cssContent = {
+      "left": `${leftPos}px`,
+      "top": `${topPos}px`,
+      "min-height": `${MENU_MIN_HEIGHT}px`,
+      "width": `${MENU_WIDTH}px`
+    };
+    if (menuHeight + top > winHeight && menuHeight < winHeight) {
+      delete cssContent.top;
+      cssContent["bottom"] = "10px";
+    }
+    this.domNode = document.createElement("div");
+    this.domNode.classList.add("qlbt-operation-menu");
+    css(this.domNode, cssContent);
+    for (const name in this.menuItems) {
+      if (this.menuItems[name]) {
+        const item = { ...MENU_ITEMS_DEFAULT[name], ...this.menuItems[name] };
+        const dom = this.menuItemCreator(item);
+        if (name === "mergeCells" && this.tableSelection.selectedTds.length === 1 || name === "unmergeCells" && rowspan === 1 && colspan === 1) {
+          dom.classList.add("qlbt-operation-menu-disabled");
+        } else {
+          dom.addEventListener("mouseup", item.handler.bind(this), false);
+        }
+        this.domNode.appendChild(dom);
+      }
+    }
+    if (this.options.color && this.options.color !== false) {
+      this.domNode.appendChild(dividingCreator());
+      this.domNode.appendChild(subTitleCreator(this.colorSubTitle));
+      this.domNode.appendChild(this.colorsItemCreator(this.cellColors));
+    }
+    function dividingCreator() {
+      const dividing = document.createElement("div");
+      dividing.classList.add(OPERATE_MENU_DIVIDING_CLASS);
+      return dividing;
+    }
+    function subTitleCreator(title) {
+      const subTitle = document.createElement("div");
+      subTitle.classList.add(OPERATE_MENU_SUBTITLE_CLASS);
+      subTitle.innerText = title;
+      return subTitle;
+    }
+  }
+  colorsItemCreator(colors) {
+    const self = this;
+    const node = document.createElement("div");
+    node.classList.add(OPERATE_MENU_COLORPICKER_CLASS);
+    colors.forEach((color) => {
+      const colorBox = colorBoxCreator(color);
+      node.appendChild(colorBox);
+    });
+    function colorBoxCreator(color) {
+      const box = document.createElement("div");
+      box.classList.add(OPERATE_MENU_COLORPICKER_ITEM_CLASS);
+      box.setAttribute("data-color", color);
+      box.style.backgroundColor = color;
+      const clickHandler = function() {
+        const selectedTds = self.tableSelection.selectedTds;
+        if (selectedTds && selectedTds.length > 0) {
+          selectedTds.forEach((tableCell) => {
+            tableCell.domNode.children[0].setAttribute("data-parent-bg", color);
+            tableCell.format("cell-bg", color);
+          });
+        }
+      };
+      box.addEventListener("click", clickHandler, false);
+      NODE_EVENT_MAP.set(box, () => {
+        box.removeEventListener("click", clickHandler, false);
+      });
+      return box;
+    }
+    return node;
+  }
+  menuItemCreator({ text }) {
+    const node = document.createElement("div");
+    node.classList.add("qlbt-operation-menu-item");
+    node.innerText = text;
+    return node;
+  }
+  onCopy(operation) {
+    const { selectedTds } = this.tableSelection;
+    const virtualTable = this.createVirtualTable(selectedTds, operation);
+    document.body.appendChild(virtualTable);
+    this.setCopyRange(virtualTable);
+    this.tableSelection.preSelectedTable = virtualTable;
+    this.tableSelection.preSelectedTds = selectedTds;
+    document.execCommand("copy");
+    virtualTable.remove();
+    if (operation === "cut") {
+      const tableContainer = Quill.find(this.table);
+      tableContainer.emptyCells(selectedTds);
+    }
+  }
+  createVirtualTable(selectedTds, _operation) {
+    const virtualTable = document.createElement("table");
+    virtualTable.style.position = "fixed";
+    virtualTable.style.top = 0;
+    virtualTable.style.left = 0;
+    virtualTable.style.clip = "rect(0,0,0,0)";
+    let preParentSign = "";
+    let virtualTr = null;
+    selectedTds.forEach((selectedCell) => {
+      const { domNode, parent } = selectedCell;
+      const currentParentSign = parent.domNode.getAttribute("data-row");
+      const rowspan = domNode.firstChild.dataset.rowspan;
+      const colspan = domNode.firstChild.dataset.colspan;
+      const row = domNode.firstChild.dataset.row;
+      const cell = domNode.firstChild.dataset.cell;
+      selectedCell.dataCell = cell;
+      selectedCell.dataRow = row;
+      selectedCell.dataColSpan = colspan;
+      selectedCell.dataRowSpan = rowspan;
+      if (currentParentSign !== preParentSign) {
+        if (preParentSign !== "") {
+          virtualTable.appendChild(virtualTr);
+        }
+        virtualTr = document.createElement("tr");
+        preParentSign = currentParentSign;
+      }
+      const domNodeWidth = domNode.offsetWidth;
+      const cloneNode = domNode.cloneNode(true);
+      cloneNode.setAttribute("width", domNodeWidth);
+      virtualTr.appendChild(cloneNode);
+    });
+    virtualTable.appendChild(virtualTr);
+    return virtualTable;
+  }
+  setCopyRange(selectedNodes) {
+    const range = document.createRange();
+    const windowSelectionRange = window.getSelection();
+    range.selectNodeContents(selectedNodes);
+    windowSelectionRange.removeAllRanges();
+    windowSelectionRange.addRange(range);
+  }
+  groupTableCell(selectedTds) {
+    const rowGroup = [];
+    let dataRow = "";
+    let preDataRow = "";
+    let index = 0;
+    selectedTds.forEach((tableCell) => {
+      dataRow = tableCell.parent.domNode.getAttribute("data-row");
+      if (dataRow !== preDataRow) {
+        if (preDataRow !== "") {
+          index++;
+        }
+        rowGroup[index] = [];
+        preDataRow = dataRow;
+      }
+      rowGroup[index].push(tableCell);
+    });
+    return rowGroup;
+  }
+}
+function getColToolCellIndexByBoundary(cells, boundary, conditionFn, container) {
+  return cells.reduce((findIndex, cell) => {
+    const cellRect = getRelativeRect(cell.getBoundingClientRect(), container);
+    if (conditionFn(cellRect, boundary)) {
+      findIndex = cells.indexOf(cell);
+    }
+    return findIndex;
+  }, false);
+}
+function getColToolCellIndexesByBoundary(cells, boundary, conditionFn, container) {
+  return cells.reduce((findIndexes, cell) => {
+    const cellRect = getRelativeRect(cell.getBoundingClientRect(), container);
+    if (conditionFn(cellRect, boundary)) {
+      findIndexes.push(cells.indexOf(cell));
+    }
+    return findIndexes;
+  }, []);
+}
+function checkAndGetViewPointChange(parentContainer, left, top) {
+  if (!parentContainer) {
+    return {
+      offsetX: 0,
+      offsetY: 0
+    };
+  }
+  const testEl = document.createElement("div");
+  css(testEl, {
+    opacity: "0",
+    position: "fixed",
+    left: `${left}px`,
+    top: `${top}px`,
+    width: "1px",
+    height: "1px",
+    zIndex: "-999999"
+  });
+  parentContainer.appendChild(testEl);
+  const testElPosition = testEl.getBoundingClientRect();
+  parentContainer.removeChild(testEl);
+  return {
+    offsetX: testElPosition.left - left,
+    offsetY: testElPosition.top - top
+  };
+}
+export {
+  TableOperationMenu as default
+};
+//# sourceMappingURL=table-operation-menu.es.js.map

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

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