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

package/lib/table/modules/table-scroll-bar.cjs.js

@@ -0,0 +1,190 @@
+"use strict";
+Object.defineProperties(exports, { __esModule: { value: true }, [Symbol.toStringTag]: { value: "Module" } });
+const tableConfig = require("../table-config.cjs.js");
+const index = require("../utils/index.cjs.js");
+class TableScrollBar {
+  // 表格是否溢出开关，判断开关值后只改变样式一次，不重复修改
+  constructor(table, quill, dom) {
+    if (!table) {
+      return;
+    }
+    this.table = table;
+    this.quill = quill;
+    this.modulesContainer = dom;
+    this.domNode = null;
+    this.oldRootScrollTop = this.quill.root.scrollTop;
+    this.prev = 0;
+    const betterTableModule = this.quill.getModule("better-table");
+    const tableColumnTool = betterTableModule.columnTool;
+    this.columnToolDomNode = tableColumnTool.domNode;
+    this.columnCtrlPanel = tableColumnTool.columnCtrlPanel;
+    this.leftMask = tableColumnTool.leftMask;
+    this.updateScrollBar();
+    if (this.quill.root === this.quill.scrollingContainer) {
+      this.quill.root.addEventListener("scroll", this.handleQuillRootScroll.bind(this));
+    }
+  }
+  handleQuillRootScroll() {
+    if (!this.domNode) {
+      return;
+    }
+    const curTableRect = this.table.getBoundingClientRect();
+    const curContainerRect = this.quill.root.parentNode.getBoundingClientRect();
+    const tableTop = curTableRect.top + tableConfig.SCROLL_BAR_PANEL_HEIGHT;
+    const tableBottom = curTableRect.top + curTableRect.height - 1;
+    const containerBottom = curContainerRect.top + curContainerRect.height;
+    if (containerBottom < tableBottom && containerBottom > tableTop) {
+      if (!this.isTableOverflow) {
+        this.isTableOverflow = true;
+        index.css(this.domNode, {
+          display: "block",
+          top: `${this.containerRect.height - tableConfig.SCROLL_BAR_PANEL_HEIGHT}px`,
+          marginTop: "0px"
+        });
+      }
+    } else if (containerBottom <= tableTop) {
+      this.isTableOverflow = false;
+      this.domNode.style.display = "none";
+    } else {
+      this.setScrollBarToBottom();
+      index.css(this.domNode, { marginTop: `${this.oldRootScrollTop - this.quill.root.scrollTop}px` });
+    }
+  }
+  setScrollBarToBottom() {
+    if (this.isTableOverflow) {
+      this.isTableOverflow = false;
+      const barPos = this.tableRect.top + this.tableRect.height - this.containerRect.top - 1;
+      index.css(this.domNode, { display: "block", top: `${barPos}px` });
+    }
+  }
+  resetTableHeight(table) {
+    if (this.domNode) {
+      this.tableRect.height = table.getBoundingClientRect().height;
+      this.isTableOverflow = !this.isTableOverflow;
+      this.handleQuillRootScroll();
+    }
+  }
+  setScrollBarMove(pos, isMouse) {
+    const currentBarLeft = parseInt(getComputedStyle(this.scrollBar)["left"], 10);
+    let left = isMouse ? pos - this.prev + currentBarLeft : currentBarLeft + pos;
+    this.showMask(left);
+    left = this.getLimitedDistance(left);
+    const scale = this.tableViewRect.width / this.tableRect.width;
+    const move = left / scale;
+    const columnCtrlPanelLeft = this.tableViewRect.left - this.containerRect.left - move;
+    index.css(this.scrollBar, { left: `${left}px` });
+    index.css(this.columnCtrlPanel, { left: `${columnCtrlPanelLeft}px` });
+    this.table.parentNode.scrollLeft = move;
+    if (isMouse) {
+      this.prev = pos;
+    }
+    const tableSelection = this.quill.getModule("better-table").tableSelection;
+    if (tableSelection && tableSelection.selectedTds.length) {
+      tableSelection.refreshHelpLinesPosition();
+    }
+  }
+  handleScrollBarMouseDown(mouseDownEvent) {
+    mouseDownEvent.preventDefault();
+    this.prev = mouseDownEvent.clientX;
+    this.subscriber = (mouseMoveEvent) => {
+      mouseMoveEvent.preventDefault();
+      mouseMoveEvent.stopPropagation();
+      this.setScrollBarMove(mouseMoveEvent.clientX, true);
+    };
+    this.quill.root.parentNode.addEventListener("mousemove", this.subscriber, false);
+    document.addEventListener("mouseup", this.handleScrollBarMouseup.bind(this), false);
+  }
+  handleScrollBarMouseup(event) {
+    event.preventDefault();
+    this.quill.root.parentNode.removeEventListener("mousemove", this.subscriber);
+    document.removeEventListener("mouseup", this.handleScrollBarMouseup.bind(this), false);
+  }
+  handleWheel(event) {
+    if (event.shiftKey) {
+      const { deltaY } = event;
+      this.setScrollBarMove(deltaY, false);
+    }
+  }
+  showMask(distance) {
+    if (distance >= Math.floor(this.maxBarLeft)) {
+      index.css(this.leftMask, { display: "block" });
+    } else if (distance <= 0) {
+      index.css(this.leftMask, { display: "none" });
+    } else {
+      index.css(this.leftMask, { display: "block" });
+    }
+  }
+  getLimitedDistance(distance) {
+    if (distance >= Math.floor(this.maxBarLeft)) {
+      distance = this.maxBarLeft;
+    } else if (distance <= 0) {
+      distance = 0;
+    }
+    return distance;
+  }
+  updateScrollBar() {
+    var _a;
+    if (!((_a = this.table) == null ? void 0 : _a.parentNode)) {
+      return;
+    }
+    const tableRect = this.table.getBoundingClientRect();
+    const tableViewRect = this.table.parentNode.getBoundingClientRect();
+    const tableMoveDistance = tableRect.width - tableViewRect.width;
+    this.tableRect = tableRect;
+    this.tableViewRect = tableViewRect;
+    this.tableMoveDistance = tableMoveDistance;
+    this.oldRootScrollTop = this.quill.root.scrollTop;
+    if (tableMoveDistance > 0) {
+      this.createScrollBar();
+    } else {
+      this.destroyScrollBar();
+    }
+  }
+  createScrollBar() {
+    const parent = this.quill.root.parentNode;
+    const containerRect = parent.getBoundingClientRect();
+    this.containerRect = containerRect;
+    index.css(this.columnCtrlPanel, {
+      left: `${this.tableViewRect.left - containerRect.left - this.table.parentNode.scrollLeft}px`
+    });
+    if (this.domNode) {
+      this.domNode.remove();
+    }
+    this.domNode = document.createElement("div");
+    this.domNode.classList.add("qlbt-table-scroll-bar-panel");
+    this.scrollBar = document.createElement("div");
+    this.scrollBar.classList.add("qlbt-table-scroll-bar");
+    this.scrollBar.addEventListener("mousedown", this.handleScrollBarMouseDown.bind(this), false);
+    const scale = this.tableViewRect.width / this.tableRect.width;
+    const barWidth = this.tableViewRect.width - this.tableMoveDistance * scale;
+    index.css(this.scrollBar, { width: `${barWidth}px` });
+    this.domNode.appendChild(this.scrollBar);
+    const tableScrollLeft = this.table.parentNode.scrollLeft;
+    this.maxBarLeft = this.tableMoveDistance * scale;
+    if (tableScrollLeft) {
+      const barLeft = tableScrollLeft * scale;
+      this.showMask(barLeft);
+      index.css(this.scrollBar, { left: `${this.getLimitedDistance(barLeft)}px` });
+    }
+    const barPos = this.tableRect.top + this.tableRect.height - containerRect.top - 1;
+    this.isTableOverflow = containerRect.top + containerRect.height < this.tableRect.top + this.tableRect.height;
+    this.modulesContainer.appendChild(this.domNode);
+    index.css(this.domNode, { top: `${Math.min(containerRect.height - tableConfig.SCROLL_BAR_PANEL_HEIGHT, barPos)}px` });
+    document.addEventListener("wheel", this.handleWheel.bind(this));
+  }
+  destroyScrollBar() {
+    index.css(this.leftMask, { display: "none" });
+    this.columnCtrlPanel.removeAttribute("style");
+    this.maxBarLeft = null;
+    this.destroy();
+  }
+  destroy() {
+    if (this.domNode) {
+      this.domNode.remove();
+    }
+    this.quill.root.removeEventListener("scroll", this.handleQuillRootScroll.bind(this));
+    document.removeEventListener("wheel", this.handleWheel.bind(this));
+  }
+}
+exports.default = TableScrollBar;
+//# sourceMappingURL=table-scroll-bar.cjs.js.map

package/lib/table/modules/table-scroll-bar.cjs.js.map

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

package/lib/table/modules/table-selection.cjs.js

@@ -0,0 +1,306 @@
+"use strict";
+Object.defineProperties(exports, { __esModule: { value: true }, [Symbol.toStringTag]: { value: "Module" } });
+const Quill = require("quill");
+const table = require("../formats/table.cjs.js");
+const tableConfig = require("../table-config.cjs.js");
+const index = require("../utils/index.cjs.js");
+class TableSelection {
+  /* eslint-disable-next-line no-constructor-return */
+  constructor(table2, quill, dom) {
+    if (!table2) {
+      return null;
+    }
+    this.table = table2;
+    this.quill = quill;
+    this.modulesContainer = dom;
+    this.parent = this.quill.root.parentNode;
+    this.boundary = {};
+    this.selectedTds = [];
+    this.dragging = false;
+    this.preSelectedTable = null;
+    this.oldRootScrollTop = this.quill.root.scrollTop;
+    this.selectingHandler = this.mouseDownHandler.bind(this);
+    this.tdEditHandler = this.setTdEditable.bind(this);
+    this.tdResizeHandler = this.resizeTd.bind(this);
+    this.helpLinesInitial();
+    this.isEditorHasScrollBar();
+    this.quill.root.parentNode.addEventListener("mousedown", this.selectingHandler, false);
+    this.quill.on("text-change", this.tdResizeHandler);
+    if (this.quill.root === this.quill.scrollingContainer) {
+      this.quill.root.addEventListener("scroll", this.handleQuillRootScroll.bind(this));
+    }
+  }
+  handleQuillRootScroll() {
+    tableConfig.LINE_POSITIONS.forEach((direction) => {
+      const selectionLine = this[direction];
+      if (selectionLine) {
+        selectionLine.style.marginTop = `${this.oldRootScrollTop - this.quill.root.scrollTop}px`;
+      }
+    });
+  }
+  isEditorHasScrollBar() {
+    if (this.quill.root.scrollHeight > this.quill.root.clientHeight) {
+      index.css(this.modulesContainer, { width: "calc(100% - 23px)" });
+    } else {
+      this.modulesContainer.removeAttribute("style");
+    }
+  }
+  helpLinesInitial() {
+    tableConfig.LINE_POSITIONS.forEach((direction) => {
+      this[direction] = document.createElement("div");
+      this[direction].classList.add("qlbt-selection-line");
+      if (direction === "left") {
+        this[direction].classList.add("qlbt-selection-line-first");
+        const ctrlPointLeft = document.createElement("div");
+        this[direction].appendChild(ctrlPointLeft);
+      }
+      if (direction === "bottom") {
+        this[direction].classList.add("qlbt-selection-line-last");
+        const ctrlPointRight = document.createElement("div");
+        this[direction].appendChild(ctrlPointRight);
+      }
+      index.css(this[direction], {
+        "position": "absolute",
+        "display": "none",
+        "background-color": tableConfig.PRIMARY_COLOR
+      });
+      this.modulesContainer.appendChild(this[direction]);
+    });
+  }
+  mouseDownHandler(e) {
+    if (e.button !== 0) {
+      return;
+    }
+    const self = this;
+    const betterTableModule = this.quill.getModule("better-table");
+    const tableColumnTool = betterTableModule.columnTool;
+    if (tableColumnTool.activeToolCell) {
+      tableColumnTool.activeToolCell.classList.remove("qlbt-tool-cell-on");
+      tableColumnTool.activeToolCell = null;
+    }
+    if (e.target.closest(".quill-better-table")) {
+      if (e.shiftKey) {
+        this.endTd = e.target.closest("td[data-row]");
+        this.drawSelection(this, true);
+        if (this.startTd !== this.endTd) {
+          this.quill.blur();
+        }
+      } else {
+        this.startTd = e.target.closest("td[data-row]");
+        this.drawSelection(this, false);
+        this.dragging = true;
+        this.parent.addEventListener("mousemove", mouseMoveHandler, false);
+        document.addEventListener("mouseup", mouseUpHandler, false);
+      }
+    } else if (e.target.closest(".qlbt-selection-line")) {
+      this.parent.addEventListener("mousemove", mouseMoveHandler, false);
+      document.addEventListener("mouseup", mouseUpHandler, false);
+    }
+    function mouseMoveHandler(event) {
+      event.stopPropagation();
+      if (event.button !== 0 || !event.target.closest(".quill-better-table")) {
+        return;
+      }
+      self.endTd = event.target.closest("td[data-row]");
+      if (!self.endTd) {
+        return;
+      }
+      self.drawSelection(self, true);
+      if (self.startTd !== self.endTd) {
+        self.quill.blur();
+      }
+    }
+    function mouseUpHandler() {
+      self.parent.removeEventListener("mousemove", mouseMoveHandler, false);
+      document.removeEventListener("mouseup", mouseUpHandler, false);
+      self.dragging = false;
+    }
+  }
+  drawSelection(self, end) {
+    self.startTdRect = index.getRelativeRect(self.startTd.getBoundingClientRect(), self.quill.root.parentNode);
+    let endTdRect = self.startTdRect;
+    if (end) {
+      self.endTdRect = index.getRelativeRect(self.endTd.getBoundingClientRect(), self.quill.root.parentNode);
+      endTdRect = self.endTdRect;
+    }
+    self.boundary = computeBoundaryFromRects(self.startTdRect, endTdRect);
+    self.selectedTds = self.computeSelectedTds();
+    self.repositionHelpLines();
+  }
+  setTdEditable(e) {
+    if (!this.editTd) {
+      return;
+    }
+    this.parent.removeEventListener("keypress", this.tdEditHandler, false);
+    const dom = this.editTd.domNode;
+    dom.removeEventListener("click", this.tdEditHandler, false);
+    dom.classList.add("editing-select-able");
+    dom.setAttribute("contenteditable", true);
+    if (e.type === "keypress") {
+      if (dom.childNodes.length > 1 || dom.firstChild.innerHTML !== "<br>") {
+        const blank = dom.firstChild.cloneNode();
+        blank.innerHTML = "<br>";
+        dom.innerHTML = "";
+        dom.appendChild(blank);
+      }
+      dom.focus();
+    }
+  }
+  resizeTd() {
+    if (!this.editTd || this.left && !this.left.offsetParent) {
+      return;
+    }
+    if (this.selectedTds.length > 1) {
+      this.refreshHelpLinesPosition();
+    } else {
+      const dom = this.editTd.domNode;
+      const domRect = index.getRelativeRect(dom.getBoundingClientRect(), this.quill.root.parentNode);
+      this.boundary = computeBoundaryFromRects(domRect, domRect);
+      this.repositionHelpLines();
+    }
+    this.isEditorHasScrollBar();
+    const betterTableModule = this.quill.getModule("better-table");
+    const tableColumnTool = betterTableModule.columnTool;
+    if (tableColumnTool) {
+      tableColumnTool.updateRowToolCells();
+      const tableViewRect = this.table.parentNode.getBoundingClientRect();
+      if (tableColumnTool.leftMask) {
+        index.css(tableColumnTool.leftMask, { height: `${tableViewRect.height + 50}px` });
+      }
+    }
+    const tableScrollBar = betterTableModule.tableScrollBar;
+    tableScrollBar.resetTableHeight(this.table);
+  }
+  resetTd(e) {
+    const dom = e.target;
+    dom.classList.remove("editing-select-able");
+    dom.setAttribute("contenteditable", false);
+    dom.removeAttribute("contenteditable");
+  }
+  correctBoundary() {
+    const tableContainer = Quill.find(this.table);
+    const tableCells = tableContainer.descendants(table.TableCell);
+    tableCells.forEach((tableCell) => {
+      const { x, y, width, height } = index.getRelativeRect(tableCell.domNode.getBoundingClientRect(), this.quill.root.parentNode);
+      const isCellIntersected = (x + tableConfig.ERROR_LIMIT >= this.boundary.x && x + tableConfig.ERROR_LIMIT <= this.boundary.x1 || x - tableConfig.ERROR_LIMIT + width >= this.boundary.x && x - tableConfig.ERROR_LIMIT + width <= this.boundary.x1) && (y + tableConfig.ERROR_LIMIT >= this.boundary.y && y + tableConfig.ERROR_LIMIT <= this.boundary.y1 || y - tableConfig.ERROR_LIMIT + height >= this.boundary.y && y - tableConfig.ERROR_LIMIT + height <= this.boundary.y1);
+      if (isCellIntersected) {
+        this.boundary = computeBoundaryFromRects(this.boundary, { x, y, width, height });
+      }
+    });
+  }
+  computeSelectedTds() {
+    const tableContainer = Quill.find(this.table);
+    const tableCells = tableContainer.descendants(table.TableCell);
+    const result = tableCells.reduce((selectedCells, tableCell) => {
+      const { x, y, width, height } = index.getRelativeRect(tableCell.domNode.getBoundingClientRect(), this.quill.root.parentNode);
+      const isCellIncluded = x + tableConfig.ERROR_LIMIT >= this.boundary.x && x - tableConfig.ERROR_LIMIT + width <= this.boundary.x1 && y + tableConfig.ERROR_LIMIT >= this.boundary.y && y - tableConfig.ERROR_LIMIT + height <= this.boundary.y1;
+      if (isCellIncluded) {
+        selectedCells.push(tableCell);
+      }
+      return selectedCells;
+    }, []);
+    if (result.length === 1 && this.editTd !== result[0]) {
+      const resetTds = this.table.querySelectorAll("td[contenteditable=true]");
+      resetTds.forEach((td) => this.resetTd({ target: td }));
+      this.editTd = result[0];
+      this.editTd.domNode.addEventListener("mousedown", this.tdEditHandler, false);
+      this.parent.addEventListener("keypress", this.tdEditHandler, false);
+    }
+    return result;
+  }
+  repositionHelpLines() {
+    this.oldRootScrollTop = this.quill.root.scrollTop;
+    if (!this.left) {
+      return;
+    }
+    index.css(this.left, {
+      "display": "block",
+      "left": `${this.boundary.x - 1}px`,
+      "top": `${this.boundary.y}px`,
+      "height": `${this.boundary.height + 1}px`,
+      "width": "1px",
+      "margin-top": "0px"
+    });
+    index.css(this.right, {
+      "display": "block",
+      "left": `${this.boundary.x1}px`,
+      "top": `${this.boundary.y - 1}px`,
+      "height": `${this.boundary.height + 1}px`,
+      "width": "1px",
+      "margin-top": "0px"
+    });
+    index.css(this.top, {
+      "display": "block",
+      "left": `${this.boundary.x - 1}px`,
+      "top": `${this.boundary.y - 1}px`,
+      "width": `${this.boundary.width + 1}px`,
+      "height": "1px",
+      "margin-top": "0px"
+    });
+    index.css(this.bottom, {
+      "display": "block",
+      "left": `${this.boundary.x - 1}px`,
+      "top": `${this.boundary.y1}px`,
+      "width": `${this.boundary.width + 1}px`,
+      "height": "1px",
+      "margin-top": "0px"
+    });
+  }
+  // based on selectedTds compute positions of help lines
+  // It is useful when selectedTds are not changed
+  refreshHelpLinesPosition() {
+    const startRect = index.getRelativeRect(this.selectedTds[0].domNode.getBoundingClientRect(), this.quill.root.parentNode);
+    const endRect = index.getRelativeRect(
+      this.selectedTds[this.selectedTds.length - 1].domNode.getBoundingClientRect(),
+      this.quill.root.parentNode
+    );
+    this.boundary = computeBoundaryFromRects(startRect, endRect);
+    this.repositionHelpLines();
+  }
+  destroy() {
+    const resetTds = this.table.querySelectorAll("td[contenteditable=true]");
+    resetTds.forEach((td) => this.resetTd({ target: td }));
+    tableConfig.LINE_POSITIONS.forEach((direction) => {
+      if (this[direction]) {
+        this[direction].remove();
+        this[direction] = null;
+      }
+    });
+    this.quill.root.parentNode.removeEventListener("mousedown", this.selectingHandler, false);
+    delete this.editTd;
+    return null;
+  }
+  setSelection(startRect, endRect) {
+    this.boundary = computeBoundaryFromRects(
+      index.getRelativeRect(startRect, this.quill.root.parentNode),
+      index.getRelativeRect(endRect, this.quill.root.parentNode)
+    );
+    this.correctBoundary();
+    this.selectedTds = this.computeSelectedTds();
+    this.repositionHelpLines();
+  }
+  clearSelection() {
+    const resetTds = this.table.querySelectorAll("td[contenteditable=true]");
+    resetTds.forEach((td) => this.resetTd({ target: td }));
+    this.boundary = {};
+    this.selectedTds = [];
+    tableConfig.LINE_POSITIONS.forEach((direction) => {
+      if (this[direction]) {
+        index.css(this[direction], {
+          display: "none"
+        });
+      }
+    });
+  }
+}
+function computeBoundaryFromRects(startRect, endRect) {
+  const x = Math.min(startRect.x, endRect.x, startRect.x + startRect.width - 1, endRect.x + endRect.width - 1);
+  const x1 = Math.max(startRect.x, endRect.x, startRect.x + startRect.width - 1, endRect.x + endRect.width - 1);
+  const y = Math.min(startRect.y, endRect.y, startRect.y + startRect.height - 1, endRect.y + endRect.height - 1);
+  const y1 = Math.max(startRect.y, endRect.y, startRect.y + startRect.height - 1, endRect.y + endRect.height - 1);
+  const width = x1 - x;
+  const height = y1 - y;
+  return { x, x1, y, y1, width, height };
+}
+exports.default = TableSelection;
+//# sourceMappingURL=table-selection.cjs.js.map

package/lib/table/modules/table-selection.cjs.js.map

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

package/lib/table/table-config.cjs.js

@@ -0,0 +1,74 @@
+"use strict";
+Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
+const TABLE_CELL_LINE_CLASS = "qlrte__better-table-cell-line";
+const ROW_TOOL_CLASS = "qlrte__row-tool";
+const ROW_TOOL_CELL_CLASS = "qlrte__row-tool-cell";
+const ROW_TOOL_CELL_HOLDER_CLASS = "qlrte__row-tool-cell-holder";
+const COL_TOOL_CLASS = "qlrte__col-tool";
+const COL_TOOL_CELL_CLASS = "qlrte__col-tool-cell";
+const COL_TOOL_CELL_HOLDER_CLASS = "qlrte__col-tool-cell-holder";
+const SELECT_LINE_CLASS = "qlrte__selection-line";
+const OPERATE_MENU_CLASS = "qlrte__op-menu";
+const OPERATE_MENU_ITEM_CLASS = "qlrte__op-menu-item";
+const OPERATE_MENU_ICON_CLASS = "qlrte__op-menu-icon";
+const OPERATE_MENU_ICON_PREFIX_CLASS = "qlrte__op-menu-icon-prefix";
+const OPERATE_MENU_TEXT_CLASS = "qlrte__op-menu-text";
+const OPERATE_MENU_DIVIDING_CLASS = "qlrte__op-menu-dividing";
+const OPERATE_MENU_SUBTITLE_CLASS = "qlrte__op-menu-subtitle";
+const OPERATE_MENU_COLORPICKER_CLASS = "qlrte__op-menu-color-picker";
+const OPERATE_MENU_COLORPICKER_ITEM_CLASS = "qlrte__op-menu-color-picker-item";
+const COL_ATTRIBUTES = ["width"];
+const COL_DEFAULT = {
+  width: 100
+};
+const CELL_IDENTITY_KEYS = ["row", "cell"];
+const CELL_ATTRIBUTES = ["rowspan", "colspan", "cell-bg"];
+const CELL_DEFAULT = {
+  rowspan: 1,
+  colspan: 1
+};
+const ERROR_LIMIT = 5;
+const SCROLL_BAR_PANEL_HEIGHT = 32;
+const ROW_TOOL_WIDTH = 16;
+const COL_TOOL_HEIGHT = 16;
+const CELL_MIN_WIDTH = 50;
+const CELL_MIN_HEIGHT = 29;
+const PRIMARY_COLOR = ["#5170ff", "var(--brand-1, #5170ff)"];
+const MENU_ITEM_HEIGHT = 40;
+const MENU_MIN_HEIGHT = 150;
+const MENU_WIDTH = 205;
+const LINE_POSITIONS = ["left", "right", "top", "bottom"];
+exports.CELL_ATTRIBUTES = CELL_ATTRIBUTES;
+exports.CELL_DEFAULT = CELL_DEFAULT;
+exports.CELL_IDENTITY_KEYS = CELL_IDENTITY_KEYS;
+exports.CELL_MIN_HEIGHT = CELL_MIN_HEIGHT;
+exports.CELL_MIN_WIDTH = CELL_MIN_WIDTH;
+exports.COL_ATTRIBUTES = COL_ATTRIBUTES;
+exports.COL_DEFAULT = COL_DEFAULT;
+exports.COL_TOOL_CELL_CLASS = COL_TOOL_CELL_CLASS;
+exports.COL_TOOL_CELL_HOLDER_CLASS = COL_TOOL_CELL_HOLDER_CLASS;
+exports.COL_TOOL_CLASS = COL_TOOL_CLASS;
+exports.COL_TOOL_HEIGHT = COL_TOOL_HEIGHT;
+exports.ERROR_LIMIT = ERROR_LIMIT;
+exports.LINE_POSITIONS = LINE_POSITIONS;
+exports.MENU_ITEM_HEIGHT = MENU_ITEM_HEIGHT;
+exports.MENU_MIN_HEIGHT = MENU_MIN_HEIGHT;
+exports.MENU_WIDTH = MENU_WIDTH;
+exports.OPERATE_MENU_CLASS = OPERATE_MENU_CLASS;
+exports.OPERATE_MENU_COLORPICKER_CLASS = OPERATE_MENU_COLORPICKER_CLASS;
+exports.OPERATE_MENU_COLORPICKER_ITEM_CLASS = OPERATE_MENU_COLORPICKER_ITEM_CLASS;
+exports.OPERATE_MENU_DIVIDING_CLASS = OPERATE_MENU_DIVIDING_CLASS;
+exports.OPERATE_MENU_ICON_CLASS = OPERATE_MENU_ICON_CLASS;
+exports.OPERATE_MENU_ICON_PREFIX_CLASS = OPERATE_MENU_ICON_PREFIX_CLASS;
+exports.OPERATE_MENU_ITEM_CLASS = OPERATE_MENU_ITEM_CLASS;
+exports.OPERATE_MENU_SUBTITLE_CLASS = OPERATE_MENU_SUBTITLE_CLASS;
+exports.OPERATE_MENU_TEXT_CLASS = OPERATE_MENU_TEXT_CLASS;
+exports.PRIMARY_COLOR = PRIMARY_COLOR;
+exports.ROW_TOOL_CELL_CLASS = ROW_TOOL_CELL_CLASS;
+exports.ROW_TOOL_CELL_HOLDER_CLASS = ROW_TOOL_CELL_HOLDER_CLASS;
+exports.ROW_TOOL_CLASS = ROW_TOOL_CLASS;
+exports.ROW_TOOL_WIDTH = ROW_TOOL_WIDTH;
+exports.SCROLL_BAR_PANEL_HEIGHT = SCROLL_BAR_PANEL_HEIGHT;
+exports.SELECT_LINE_CLASS = SELECT_LINE_CLASS;
+exports.TABLE_CELL_LINE_CLASS = TABLE_CELL_LINE_CLASS;
+//# sourceMappingURL=table-config.cjs.js.map

package/lib/table/table-config.cjs.js.map

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