@opentiny/fluent-editor 3.19.4 → 3.20.1

package/es/quick-menu/index.es.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.es.js","sources":["../../../src/quick-menu/index.ts"],"sourcesContent":["import Quill from 'quill'\r\n\r\ninterface QuickMenuOptions {\r\n  container: string\r\n  component: any\r\n}\r\n\r\nclass QuickMenu {\r\n  private container: HTMLDivElement\r\n  private hostElement: HTMLDivElement\r\n  private quickMenu: HTMLDivElement\r\n  private quickMenuContainer: HTMLDivElement\r\n\r\n  // @ts-ignore\r\n  constructor(private quill: Quill, private options: QuickMenuOptions) {\r\n    this.quill = quill\r\n    this.options = options\r\n    this.container = this.quill.container\r\n    this.hostElement = this.container.parentNode as HTMLDivElement\r\n    this.quickMenu = this.hostElement.querySelector('.quick-menu')\r\n    this.quickMenuContainer = this.quickMenu.querySelector('.quick-menu-container')\r\n    quill.keyboard.addBinding({ key: '/' }, this.handleSlashKeyDown)\r\n    quill.keyboard.addBinding({ key: 'ArrowUp' }, this.handleArrowUpKey)\r\n    quill.keyboard.addBinding({ key: 'ArrowDown' }, this.handleArrowDownKey)\r\n    quill.keyboard.addBinding({ key: 'Enter' }, this.handleEnterKey)\r\n    quill.keyboard.bindings['Enter'].unshift(quill.keyboard.bindings['Enter'].pop())\r\n    document.body.addEventListener('click', this.hideQuickMenu.bind(this))\r\n  }\r\n\r\n  handleSlashKeyDown = (_range, context) => {\r\n    const index = this.quill.selection.savedRange.index\r\n    this.quill.insertText(index, '/')\r\n\r\n    // 一行的第一个字符为 '/'，且没有格式化，则触发快捷菜单\r\n    const shouldTriggerQuickMenu = context.prefix === '' && Object.keys(context.format).length === 0\r\n    if (shouldTriggerQuickMenu) {\r\n      const cursorIndex = this.quill.selection.savedRange.index\r\n      const cursorBounds = this.quill.getBounds(cursorIndex)\r\n      const { left, top } = cursorBounds\r\n      const { left: editorLeft, top: editorTop } = this.container.getBoundingClientRect()\r\n      const { left: hostElementLeft, top: hostElementTop } = this.hostElement.getBoundingClientRect()\r\n      const relativeLeft = editorLeft - hostElementLeft\r\n      const relativeTop = editorTop - hostElementTop\r\n      const menuLeft = left + relativeLeft - 5\r\n      const menuTop = top + relativeTop + 20\r\n\r\n      this.quickMenu.style.display = 'block'\r\n      const zIndex = this.quill.options.modules.quickmenu.zIndex\r\n      let style = `left:${menuLeft}px;top:${menuTop}px;`\r\n      if (zIndex || zIndex === 0) {\r\n        style += `z-index:${zIndex}`\r\n      }\r\n      this.quickMenuContainer.setAttribute('style', style)\r\n      this.options.component.activeIndex = 0\r\n    }\r\n    else {\r\n      this.quickMenu.style.display = 'none'\r\n    }\r\n  }\r\n\r\n  private isOpen() {\r\n    return this.quickMenuContainer.style.display !== 'none' && this.quickMenu.style.display === 'block'\r\n  }\r\n\r\n  hideQuickMenu = (event) => {\r\n    if (this.quickMenuContainer && !this.quickMenuContainer.contains(event.target)) {\r\n      this.quickMenuContainer.style.display = 'none'\r\n    }\r\n  }\r\n\r\n  handleArrowUpKey = (_range, _context) => {\r\n    if (this.isOpen()) {\r\n      const index = this.options.component.activeIndex\r\n      const total = this.options.component.quickMenus.length\r\n      this.options.component.activeIndex = (index + total - 1) % total\r\n      return false\r\n    }\r\n    return true\r\n  }\r\n\r\n  handleArrowDownKey = (_range, _context) => {\r\n    if (this.isOpen()) {\r\n      const index = this.options.component.activeIndex\r\n      const total = this.options.component.quickMenus.length\r\n      this.options.component.activeIndex = (index + 1) % total\r\n      return false\r\n    }\r\n    return true\r\n  }\r\n\r\n  handleEnterKey = (_range, _context) => {\r\n    if (this.isOpen()) {\r\n      this.options.component.onEnter()\r\n      return false\r\n    }\r\n    return true\r\n  }\r\n}\r\n\r\nexport default QuickMenu\r\n"],"names":[],"mappings":"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"}
+{"version":3,"file":"index.es.js","sources":["../../../src/quick-menu/index.ts"],"sourcesContent":["import type Quill from 'quill'\n\ninterface QuickMenuOptions {\n  container: string\n  component: any\n}\n\nclass QuickMenu {\n  private container: HTMLDivElement\n  private hostElement: HTMLDivElement\n  private quickMenu: HTMLDivElement\n  private quickMenuContainer: HTMLDivElement\n\n  // @ts-ignore\n  constructor(private quill: Quill, private options: QuickMenuOptions) {\n    this.quill = quill\n    this.options = options\n    this.container = this.quill.container\n    this.hostElement = this.container.parentNode as HTMLDivElement\n    this.quickMenu = this.hostElement.querySelector('.quick-menu')\n    this.quickMenuContainer = this.quickMenu.querySelector('.quick-menu-container')\n    quill.keyboard.addBinding({ key: '/' }, this.handleSlashKeyDown)\n    quill.keyboard.addBinding({ key: 'ArrowUp' }, this.handleArrowUpKey)\n    quill.keyboard.addBinding({ key: 'ArrowDown' }, this.handleArrowDownKey)\n    quill.keyboard.addBinding({ key: 'Enter' }, this.handleEnterKey)\n    quill.keyboard.bindings.Enter.unshift(quill.keyboard.bindings.Enter.pop())\n    document.body.addEventListener('click', this.hideQuickMenu.bind(this))\n  }\n\n  handleSlashKeyDown = (_range, context) => {\n    const index = this.quill.selection.savedRange.index\n    this.quill.insertText(index, '/')\n\n    // 一行的第一个字符为 '/'，且没有格式化，则触发快捷菜单\n    const shouldTriggerQuickMenu = context.prefix === '' && Object.keys(context.format).length === 0\n    if (shouldTriggerQuickMenu) {\n      const cursorIndex = this.quill.selection.savedRange.index\n      const cursorBounds = this.quill.getBounds(cursorIndex)\n      const { left, top } = cursorBounds\n      const { left: editorLeft, top: editorTop } = this.container.getBoundingClientRect()\n      const { left: hostElementLeft, top: hostElementTop } = this.hostElement.getBoundingClientRect()\n      const relativeLeft = editorLeft - hostElementLeft\n      const relativeTop = editorTop - hostElementTop\n      const menuLeft = left + relativeLeft - 5\n      const menuTop = top + relativeTop + 20\n\n      this.quickMenu.style.display = 'block'\n      const zIndex = this.quill.options.modules.quickmenu.zIndex\n      let style = `left:${menuLeft}px;top:${menuTop}px;`\n      if (zIndex || zIndex === 0) {\n        style += `z-index:${zIndex}`\n      }\n      this.quickMenuContainer.setAttribute('style', style)\n      this.options.component.activeIndex = 0\n    }\n    else {\n      this.quickMenu.style.display = 'none'\n    }\n  }\n\n  private isOpen() {\n    return this.quickMenuContainer.style.display !== 'none' && this.quickMenu.style.display === 'block'\n  }\n\n  hideQuickMenu = (event) => {\n    if (this.quickMenuContainer && !this.quickMenuContainer.contains(event.target)) {\n      this.quickMenuContainer.style.display = 'none'\n    }\n  }\n\n  handleArrowUpKey = (_range, _context) => {\n    if (this.isOpen()) {\n      const index = this.options.component.activeIndex\n      const total = this.options.component.quickMenus.length\n      this.options.component.activeIndex = (index + total - 1) % total\n      return false\n    }\n    return true\n  }\n\n  handleArrowDownKey = (_range, _context) => {\n    if (this.isOpen()) {\n      const index = this.options.component.activeIndex\n      const total = this.options.component.quickMenus.length\n      this.options.component.activeIndex = (index + 1) % total\n      return false\n    }\n    return true\n  }\n\n  handleEnterKey = (_range, _context) => {\n    if (this.isOpen()) {\n      this.options.component.onEnter()\n      return false\n    }\n    return true\n  }\n}\n\nexport default QuickMenu\n"],"names":[],"mappings":"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"}

package/es/screenshot/index.es.js

@@ -1,147 +1,184 @@
 import Quill from "quill";
-import { isPureIE } from "../config/editor.utils.es.js";
+import { imgToBase64 } from "../utils/image.es.js";
+import { lockScroll } from "../utils/scroll-lock.es.js";
 const Delta = Quill.import("delta");
-const _Screenshot = class _Screenshot {
-  constructor(quill, options = {}, range) {
-    this.quill = quill;
-    this.options = options;
-    this.leftClickLockFlag = false;
-    this.removeContextmenu = (event) => {
-      event.preventDefault();
-      this.mask.remove();
-      document.removeEventListener("contextmenu", this.removeContextmenu);
-    };
-    this.toggleRect = (event) => {
-      if (event.button === 2) {
-        document.removeEventListener("mousemove", this.drawRect);
-        document.removeEventListener("mousedown", this.toggleRect);
-        document.addEventListener("contextmenu", this.removeContextmenu);
-        return;
-      }
-      if (!this.leftClickLockFlag) {
-        if (this.start) {
-          document.removeEventListener("mousemove", this.drawRect);
-          const doneBtn = document.createElement("div");
-          doneBtn.innerHTML = `<span class="ql-screenshot-ok"></span><span class="ql-screenshot-cancel"></span>`;
-          doneBtn.className = "ql-screenshot-done";
-          doneBtn.addEventListener("click", this.afterShotCtrl);
-          this.coordinate.remove();
-          this.cutter.appendChild(doneBtn);
-          this.leftClickLockFlag = true;
-        } else {
-          this.start = { x: event.clientX, y: event.clientY };
-          this.cutter.style.left = `${this.start.x}px`;
-          this.cutter.style.top = `${this.start.y}px`;
-          document.addEventListener("mousemove", this.drawRect);
+function resolveOptions(options) {
+  return Object.assign({
+    // @ts-ignore
+    Html2Canvas: window.Html2Canvas,
+    useCORS: true,
+    scale: 1,
+    foreignObjectRendering: true,
+    beforeCreateImage: void 0,
+    beforeCreateCanvas: void 0
+  }, options);
+}
+function init() {
+  const maskExits = document.querySelectorAll(".ql-screenshot-mask");
+  if (maskExits) {
+    maskExits.forEach((item) => item && item.remove());
+  }
+  const wrapper = document.createElement("div");
+  wrapper.classList.add("ql-screenshot-wrapper");
+  const mask = document.createElement("div");
+  mask.className = "ql-screenshot-mask";
+  const cutter = document.createElement("div");
+  cutter.className = "ql-screenshot-cutter";
+  const coordinate = document.createElement("p");
+  coordinate.className = "ql-screenshot-coordinate";
+  cutter.appendChild(coordinate);
+  wrapper.appendChild(mask);
+  wrapper.appendChild(cutter);
+  document.body.appendChild(wrapper);
+  return { wrapper, mask, cutter, coordinate };
+}
+function findParentFixed(dom) {
+  if (dom.tagName === "BODY") return false;
+  if (["fixed", "sticky"].includes(dom.parentElement.style.position)) return true;
+  return findParentFixed(dom.parentElement);
+}
+async function renderImage(Html2Canvas, html2canvasOptions, rect, options) {
+  if (options && options.beforeCreateCanvas) {
+    await options.beforeCreateCanvas();
+  }
+  const canvas = await Html2Canvas(document.body, {
+    ...html2canvasOptions,
+    onclone: async (doc, el) => {
+      const fixedDom = Array.from(doc.querySelectorAll('*[style*="position: fixed"]'));
+      const stickyDom = Array.from(doc.querySelectorAll('*[style*="position: sticky"]'));
+      const fixedDomList = /* @__PURE__ */ new Set([...fixedDom, ...stickyDom]);
+      for (const dom of fixedDomList) {
+        if (findParentFixed(dom)) continue;
+        let x = 0;
+        let y = 0;
+        if (dom.style.top !== "auto") {
+          y = window.scrollY;
+        }
+        if (dom.style.left !== "auto") {
+          x = window.scrollX;
+        }
+        if (x !== 0 || y !== 0) {
+          dom.style.transform = `translate(${x}px, ${y}px)`;
         }
       }
-    };
-    this.drawRect = (event) => {
-      this.width = event.clientX - this.start.x;
-      this.height = event.clientY - this.start.y;
-      this.cutter.style.width = `${this.width}px`;
-      this.cutter.style.height = `${this.height}px`;
-      this.coordinate.innerHTML = `${this.width}<br>${this.height}`;
-    };
-    this.afterShotCtrl = (event) => {
-      document.removeEventListener("mousedown", this.toggleRect);
-      this.mask.remove();
-      const target = event.target;
-      if (target && target.className === "ql-screenshot-ok") {
-        const rect = {
-          x: this.start.x,
-          y: this.start.y,
-          width: this.width,
-          height: this.height,
-          scrollX: document.body.scrollLeft,
-          scrollY: document.body.scrollTop,
-          allowTaint: true,
-          // 是否允许跨域图片渲染
-          logging: false
-          // 是否启用日志记录
-        };
-        this.renderImage(rect);
-      }
-      this.start = void 0;
-    };
-    if (this.options.Html2Canvas == null) {
-      throw new Error(
-        "ScreenShot module requires html2canvas. Please include the library on the page before FluentEditor."
-      );
+      const imgs = doc.querySelectorAll("img");
+      const promises = Array.from(imgs).map(async (img) => {
+        img.src = await imgToBase64(img.src);
+      });
+      await Promise.all(promises);
+      html2canvasOptions.onclone && await html2canvasOptions.onclone(doc, el);
     }
-    this.range = range;
+  });
+  let cropCanvas = document.createElement("canvas");
+  cropCanvas.width = rect.width;
+  cropCanvas.height = rect.height;
+  const cropCanvasCtx = cropCanvas.getContext("2d");
+  cropCanvasCtx.drawImage(
+    canvas,
+    rect.x + window.scrollX,
+    rect.y + window.scrollY,
+    rect.width,
+    rect.height,
+    0,
+    0,
+    rect.width,
+    rect.height
+  );
+  if (options && options.beforeCreateImage) {
+    cropCanvas = await options.beforeCreateImage(cropCanvas);
   }
-  init() {
-    const maskExits = document.querySelectorAll(".ql-screenshot-mask");
-    if (maskExits) {
-      maskExits.forEach((item) => item && item.remove());
-    }
-    this.mask = document.createElement("div");
-    this.mask.className = "ql-screenshot-mask";
-    this.cutter = document.createElement("div");
-    this.cutter.className = "ql-screenshot-cutter";
-    this.coordinate = document.createElement("p");
-    this.coordinate.className = "ql-screenshot-coordinate";
-    this.insertBlock();
-    this.cutter.appendChild(this.coordinate);
-    this.mask.appendChild(this.cutter);
-    document.body.appendChild(this.mask);
-    document.addEventListener("mousedown", this.toggleRect);
+  return typeof cropCanvas === "string" ? cropCanvas : cropCanvas.toDataURL();
+}
+function Screenshot() {
+  this.quill.options.screenshot = resolveOptions(this.quill.options.screenshot);
+  const options = this.quill.options.screenshot;
+  const { Html2Canvas, beforeCreateImage, beforeCreateCanvas, ...html2CanvasOptions } = options;
+  if (!Html2Canvas) {
+    throw new Error("ScreenShot module requires html2canvas. Please include the library on the page before FluentEditor.");
   }
-  insertBlock() {
-    for (let i = 0; i < 7; i++) {
-      const blockItem = document.createElement("div");
-      blockItem.className = "ql-screenshot-border-block";
-      this.cutter.appendChild(blockItem);
+  const range = this.quill.getSelection();
+  const { wrapper, mask, cutter, coordinate } = init();
+  const status = {
+    leftClickLockFlag: false,
+    start: void 0
+  };
+  const cleanLock = lockScroll();
+  const removeContextmenu = (event) => {
+    event.preventDefault();
+    wrapper.remove();
+    cleanLock();
+    document.removeEventListener("contextmenu", removeContextmenu);
+  };
+  const afterShotCtrl = async (event) => {
+    document.removeEventListener("mousedown", toggleRect);
+    const cutterRect = cutter.getBoundingClientRect();
+    const target = event.target;
+    wrapper.remove();
+    cleanLock();
+    if (target && target.className === "ql-screenshot-confirm") {
+      const image = await renderImage(Html2Canvas, html2CanvasOptions, cutterRect, { beforeCreateCanvas, beforeCreateImage });
+      const delta = new Delta().retain(range.index).delete(range.length).insert({ image });
+      this.quill.updateContents(delta, Quill.sources.USER);
+      this.quill.setSelection(range.index + 1, Quill.sources.SILENT);
     }
-  }
-  renderImage(rect) {
-    if (isPureIE) {
-      this.options.Html2Canvas(document.body, rect).then((canvas) => this.insertEditor(canvas));
-    } else {
-      this.options.Html2Canvas(document.body, {
-        allowTaint: true,
-        // 是否允许跨域图片渲染
-        foreignObjectRendering: this.quill.options.screenshotOnStaticPage,
-        // 是否使用svg方式
-        logging: false
-        // 是否启用日志记录
-      }).then((canvas) => {
-        const cropCanvas = document.createElement("canvas");
-        cropCanvas.width = this.width;
-        cropCanvas.height = this.height;
-        const cropCanvasCtx = cropCanvas.getContext("2d");
-        cropCanvasCtx.drawImage(
-          canvas,
-          rect.x + window.scrollX,
-          rect.y + window.scrollY,
-          this.width,
-          this.height,
-          0,
-          0,
-          this.width,
-          this.height
-        );
-        this.insertEditor(cropCanvas);
-        cropCanvas.remove();
-      });
+    status.start = void 0;
+  };
+  const drawRect = (event) => {
+    const startX = status.start.x;
+    const startY = status.start.y;
+    const endX = event.clientX;
+    const endY = event.clientY;
+    const width = Math.abs(endX - startX);
+    const height = Math.abs(endY - startY);
+    const top = startY < endY ? startY : endY;
+    const left = startX < endX ? startX : endX;
+    const bottom = window.innerHeight - height - top;
+    const right = window.innerWidth - width - left;
+    const maskPath = `
+      linear-gradient(to top, #fff, #fff) top / 100% ${top}px,
+      linear-gradient(to bottom, #fff, #fff) bottom /100% ${bottom}px,
+      linear-gradient(to left, #fff, #fff) left / ${left}px 100%,
+      linear-gradient(to right, #fff, #fff) right / ${right}px 100%
+    `;
+    Object.assign(cutter.style, {
+      width: `${width}px`,
+      height: `${height}px`,
+      left: `${left}px`,
+      top: `${top}px`
+    });
+    Object.assign(mask.style, {
+      "mask": maskPath,
+      "-webkit-mask-repeat": "no-repeat"
+    });
+    coordinate.textContent = `${width}, ${height}`;
+  };
+  const toggleRect = (event) => {
+    if (event.button === 2) {
+      document.removeEventListener("mousemove", drawRect);
+      document.removeEventListener("mousedown", toggleRect);
+      document.addEventListener("contextmenu", removeContextmenu);
+      return;
     }
-  }
-  insertEditor(canvas) {
-    const image = canvas.toDataURL();
-    const delta = new Delta().retain(this.range.index).delete(this.range.length).insert({ image });
-    this.quill.updateContents(delta, Quill.sources.USER);
-    this.quill.setSelection(this.range.index + 1, Quill.sources.SILENT);
-  }
-};
-_Screenshot.DEFAULTS = {
-  Html2Canvas: (() => {
-    return window.Html2Canvas;
-  })(),
-  screenshotOnStaticPage: false
-};
-let Screenshot = _Screenshot;
+    if (!status.leftClickLockFlag) {
+      if (status.start) {
+        document.removeEventListener("mousemove", drawRect);
+        const doneBtn = document.createElement("div");
+        doneBtn.innerHTML = `<div class="ql-screenshot-confirm"></div><div class="ql-screenshot-cancel"></div>`;
+        doneBtn.className = "ql-screenshot-done";
+        doneBtn.addEventListener("click", afterShotCtrl);
+        coordinate.remove();
+        cutter.appendChild(doneBtn);
+        status.leftClickLockFlag = true;
+      } else {
+        status.start = { x: event.clientX, y: event.clientY };
+        document.addEventListener("mousemove", drawRect);
+      }
+    }
+  };
+  document.addEventListener("mousedown", toggleRect);
+}
+Screenshot.toolName = "screenshot";
 export {
-  Screenshot as default
+  Screenshot
 };
 //# sourceMappingURL=index.es.js.map

package/es/screenshot/index.es.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.es.js","sources":["../../../src/screenshot/index.ts"],"sourcesContent":["import Quill from 'quill'\r\nimport { isPureIE } from '../config/editor.utils'\r\n\r\nconst Delta = Quill.import('delta')\r\n\r\ninterface ScreenShotOptions {\r\n  Html2Canvas: any\r\n  screenshotOnStaticPage?: boolean\r\n}\r\n\r\nclass Screenshot {\r\n  static DEFAULTS = {\r\n    Html2Canvas: (() => {\r\n      // @ts-ignore\r\n      return window.Html2Canvas\r\n    })(),\r\n    screenshotOnStaticPage: false,\r\n  }\r\n\r\n  range: any\r\n  cutter: HTMLDivElement\r\n  mask: HTMLDivElement\r\n  coordinate: HTMLDivElement\r\n  width: number\r\n  height: number\r\n  leftClickLockFlag = false\r\n  start: {\r\n    x: number\r\n    y: number\r\n  }\r\n\r\n  constructor(public quill, protected options: Partial<ScreenShotOptions> = {}, range) {\r\n    if (this.options.Html2Canvas == null) {\r\n      throw new Error(\r\n        'ScreenShot module requires html2canvas. Please include the library on the page before FluentEditor.',\r\n      )\r\n    }\r\n    this.range = range\r\n  }\r\n\r\n  init() {\r\n    const maskExits = document.querySelectorAll('.ql-screenshot-mask')\r\n    if (maskExits) {\r\n      maskExits.forEach(item => item && item.remove())\r\n    }\r\n    // 创建截图图层\r\n    this.mask = document.createElement('div')\r\n    this.mask.className = 'ql-screenshot-mask'\r\n    this.cutter = document.createElement('div')\r\n    this.cutter.className = 'ql-screenshot-cutter'\r\n    this.coordinate = document.createElement('p')\r\n    this.coordinate.className = 'ql-screenshot-coordinate'\r\n    this.insertBlock()\r\n    this.cutter.appendChild(this.coordinate)\r\n    this.mask.appendChild(this.cutter)\r\n    document.body.appendChild(this.mask)\r\n    document.addEventListener('mousedown', this.toggleRect)\r\n  }\r\n\r\n  insertBlock() {\r\n    for (let i = 0; i < 7; i++) {\r\n      const blockItem = document.createElement('div')\r\n      blockItem.className = 'ql-screenshot-border-block'\r\n      this.cutter.appendChild(blockItem)\r\n    }\r\n  }\r\n\r\n  removeContextmenu = (event) => {\r\n    event.preventDefault()\r\n    this.mask.remove()\r\n    document.removeEventListener('contextmenu', this.removeContextmenu)\r\n  }\r\n\r\n  toggleRect = (event: MouseEvent) => {\r\n    // 右键取消截图操作\r\n    if (event.button === 2) {\r\n      document.removeEventListener('mousemove', this.drawRect)\r\n      document.removeEventListener('mousedown', this.toggleRect)\r\n      document.addEventListener('contextmenu', this.removeContextmenu)\r\n      return\r\n    }\r\n    if (!this.leftClickLockFlag) {\r\n      if (this.start) {\r\n        // 如果有起点，则当前触发坐标为终点，移除监听事件并添加确认和取消按钮\r\n        document.removeEventListener('mousemove', this.drawRect)\r\n        const doneBtn = document.createElement('div')\r\n        doneBtn.innerHTML = `<span class=\"ql-screenshot-ok\"></span><span class=\"ql-screenshot-cancel\"></span>`\r\n        doneBtn.className = 'ql-screenshot-done'\r\n        doneBtn.addEventListener('click', this.afterShotCtrl)\r\n        this.coordinate.remove()\r\n        this.cutter.appendChild(doneBtn)\r\n        this.leftClickLockFlag = true\r\n      }\r\n      else {\r\n        // 无起点则设置起点坐标，监听鼠标移动\r\n        this.start = { x: event.clientX, y: event.clientY }\r\n        this.cutter.style.left = `${this.start.x}px`\r\n        this.cutter.style.top = `${this.start.y}px`\r\n        document.addEventListener('mousemove', this.drawRect)\r\n      }\r\n    }\r\n  }\r\n\r\n  drawRect = (event: MouseEvent) => {\r\n    // 通过鼠标移动描绘截图图层\r\n    this.width = event.clientX - this.start.x\r\n    this.height = event.clientY - this.start.y\r\n    this.cutter.style.width = `${this.width}px`\r\n    this.cutter.style.height = `${this.height}px`\r\n    this.coordinate.innerHTML = `${this.width}<br>${this.height}`\r\n  }\r\n\r\n  afterShotCtrl = (event) => {\r\n    document.removeEventListener('mousedown', this.toggleRect)\r\n    this.mask.remove()\r\n    const target = event.target\r\n    if (target && target.className === 'ql-screenshot-ok') {\r\n      const rect = {\r\n        x: this.start.x,\r\n        y: this.start.y,\r\n        width: this.width,\r\n        height: this.height,\r\n        scrollX: document.body.scrollLeft,\r\n        scrollY: document.body.scrollTop,\r\n        allowTaint: true, // 是否允许跨域图片渲染\r\n        logging: false, // 是否启用日志记录\r\n      }\r\n      this.renderImage(rect)\r\n    }\r\n    this.start = undefined\r\n  }\r\n\r\n  renderImage(rect) {\r\n    if (isPureIE) {\r\n      this.options.Html2Canvas(document.body, rect).then(canvas => this.insertEditor(canvas))\r\n    }\r\n    else {\r\n      this.options.Html2Canvas(document.body, {\r\n        allowTaint: true, // 是否允许跨域图片渲染\r\n        foreignObjectRendering: this.quill.options.screenshotOnStaticPage, // 是否使用svg方式\r\n        logging: false, // 是否启用日志记录\r\n      }).then((canvas) => {\r\n        // 当前canvas为body全局截图，从当前截图中截取想要的部分重新绘制转成base64插入富文本\r\n        const cropCanvas = document.createElement('canvas')\r\n        cropCanvas.width = this.width\r\n        cropCanvas.height = this.height\r\n        const cropCanvasCtx = cropCanvas.getContext('2d')\r\n        cropCanvasCtx.drawImage(\r\n          canvas,\r\n          rect.x + window.scrollX,\r\n          rect.y + window.scrollY,\r\n          this.width,\r\n          this.height,\r\n          0,\r\n          0,\r\n          this.width,\r\n          this.height,\r\n        )\r\n        this.insertEditor(cropCanvas)\r\n        cropCanvas.remove()\r\n      })\r\n    }\r\n  }\r\n\r\n  insertEditor(canvas) {\r\n    const image = canvas.toDataURL()\r\n    const delta = new Delta()\r\n      .retain(this.range.index)\r\n      .delete(this.range.length)\r\n      .insert({ image })\r\n    this.quill.updateContents(delta, Quill.sources.USER)\r\n    this.quill.setSelection(this.range.index + 1, Quill.sources.SILENT)\r\n  }\r\n}\r\n\r\nexport default Screenshot\r\n"],"names":[],"mappings":"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"}
+{"version":3,"file":"index.es.js","sources":["../../../src/screenshot/index.ts"],"sourcesContent":["import type html2canvas from 'html2canvas'\nimport type { Options as Html2CanvasOptions } from 'html2canvas'\nimport type Toolbar from 'quill/modules/toolbar'\nimport Quill from 'quill'\nimport { imgToBase64 } from '../utils/image'\nimport { lockScroll } from '../utils/scroll-lock'\n\nconst Delta = Quill.import('delta')\n\nexport type ScreenShotOptions = Partial<Html2CanvasOptions> & {\n  Html2Canvas: typeof html2canvas\n  beforeCreateCanvas: () => void | Promise<void>\n  beforeCreateImage: (canvas: HTMLCanvasElement) => HTMLCanvasElement | string | Promise<HTMLCanvasElement | string>\n}\ninterface ScreenShotOptionsInQuill {\n  quill: {\n    options: {\n      screenshot: Partial<ScreenShotOptions>\n    }\n  }\n}\n\nfunction resolveOptions(options: Partial<ScreenShotOptions>) {\n  return Object.assign({\n    // @ts-ignore\n    Html2Canvas: window.Html2Canvas,\n    useCORS: true,\n    scale: 1,\n    foreignObjectRendering: true,\n    beforeCreateImage: undefined,\n    beforeCreateCanvas: undefined,\n  }, options)\n}\n\nfunction init() {\n  const maskExits = document.querySelectorAll('.ql-screenshot-mask')\n  if (maskExits) {\n    maskExits.forEach(item => item && item.remove())\n  }\n  // 创建截图图层\n  const wrapper = document.createElement('div')\n  wrapper.classList.add('ql-screenshot-wrapper')\n  const mask = document.createElement('div')\n  mask.className = 'ql-screenshot-mask'\n  const cutter = document.createElement('div')\n  cutter.className = 'ql-screenshot-cutter'\n  const coordinate = document.createElement('p')\n  coordinate.className = 'ql-screenshot-coordinate'\n  cutter.appendChild(coordinate)\n  wrapper.appendChild(mask)\n  wrapper.appendChild(cutter)\n  document.body.appendChild(wrapper)\n  return { wrapper, mask, cutter, coordinate }\n}\n\nfunction findParentFixed(dom: HTMLElement) {\n  if (dom.tagName === 'BODY') return false\n  if (['fixed', 'sticky'].includes(dom.parentElement.style.position)) return true\n  return findParentFixed(dom.parentElement)\n}\nasync function renderImage(\n  Html2Canvas: typeof html2canvas,\n  html2canvasOptions: Partial<Html2CanvasOptions>,\n  rect: DOMRect,\n  options?: Omit<ScreenShotOptions, 'Html2Canvas' | keyof Html2CanvasOptions>,\n) {\n  if (options && options.beforeCreateCanvas) {\n    await options.beforeCreateCanvas()\n  }\n  const canvas: CanvasImageSource = await Html2Canvas(document.body, {\n    ...html2canvasOptions,\n    onclone: async (doc: Document, el: HTMLElement) => {\n      // find all fixed or sticky dom\n      const fixedDom = Array.from(doc.querySelectorAll('*[style*=\"position: fixed\"]')) as HTMLElement[]\n      const stickyDom = Array.from(doc.querySelectorAll('*[style*=\"position: sticky\"]')) as HTMLElement[]\n      const fixedDomList = new Set([...fixedDom, ...stickyDom])\n      for (const dom of fixedDomList) {\n        // if parent dom already has fixed or sticky style\n        // means that transform will be settle. skip\n        if (findParentFixed(dom)) continue\n        // use transform move to correct position\n        let x = 0\n        let y = 0\n        if (dom.style.top !== 'auto') {\n          y = window.scrollY\n        }\n        if (dom.style.left !== 'auto') {\n          x = window.scrollX\n        }\n        if (x !== 0 || y !== 0) {\n          dom.style.transform = `translate(${x}px, ${y}px)`\n        }\n      }\n\n      const imgs = doc.querySelectorAll('img')\n      const promises = Array.from(imgs).map(async (img) => {\n        img.src = await imgToBase64(img.src)\n      })\n      await Promise.all(promises)\n      html2canvasOptions.onclone && await html2canvasOptions.onclone(doc, el)\n    },\n  })\n  // 当前canvas为body全局截图，从当前截图中截取想要的部分重新绘制转成base64插入富文本\n  let cropCanvas: HTMLCanvasElement | string = document.createElement('canvas')\n  cropCanvas.width = rect.width\n  cropCanvas.height = rect.height\n  const cropCanvasCtx = cropCanvas.getContext('2d')\n  cropCanvasCtx.drawImage(\n    canvas,\n    rect.x + window.scrollX,\n    rect.y + window.scrollY,\n    rect.width,\n    rect.height,\n    0,\n    0,\n    rect.width,\n    rect.height,\n  )\n  if (options && options.beforeCreateImage) {\n    cropCanvas = await options.beforeCreateImage(cropCanvas)\n  }\n  return typeof cropCanvas === 'string' ? cropCanvas : cropCanvas.toDataURL()\n}\n\nexport function Screenshot(this: Toolbar & ScreenShotOptionsInQuill) {\n  this.quill.options.screenshot = resolveOptions(this.quill.options.screenshot)\n  const options = this.quill.options.screenshot\n  // @ts-ignore\n  const { Html2Canvas, beforeCreateImage, beforeCreateCanvas, ...html2CanvasOptions } = options\n  if (!Html2Canvas) {\n    throw new Error('ScreenShot module requires html2canvas. Please include the library on the page before FluentEditor.')\n  }\n  const range = this.quill.getSelection()\n  const { wrapper, mask, cutter, coordinate } = init()\n  const status: {\n    leftClickLockFlag: boolean\n    start?: {\n      x: number\n      y: number\n    }\n  } = {\n    leftClickLockFlag: false,\n    start: undefined,\n  }\n  const cleanLock = lockScroll()\n\n  const removeContextmenu = (event: Event) => {\n    event.preventDefault()\n    wrapper.remove()\n    cleanLock()\n    document.removeEventListener('contextmenu', removeContextmenu)\n  }\n  const afterShotCtrl = async (event: MouseEvent) => {\n    document.removeEventListener('mousedown', toggleRect)\n    const cutterRect = cutter.getBoundingClientRect()\n    const target = event.target as HTMLElement\n    wrapper.remove()\n    cleanLock()\n    if (target && target.className === 'ql-screenshot-confirm') {\n      const image = await renderImage(Html2Canvas, html2CanvasOptions, cutterRect, { beforeCreateCanvas, beforeCreateImage })\n\n      const delta = new Delta()\n        .retain(range.index)\n        .delete(range.length)\n        .insert({ image })\n      this.quill.updateContents(delta, Quill.sources.USER)\n      this.quill.setSelection(range.index + 1, Quill.sources.SILENT)\n    }\n    status.start = undefined\n  }\n  const drawRect = (event: MouseEvent) => {\n    // 通过鼠标移动描绘截图图层\n    const startX = status.start.x\n    const startY = status.start.y\n    const endX = event.clientX\n    const endY = event.clientY\n    const width = Math.abs(endX - startX)\n    const height = Math.abs(endY - startY)\n    const top = startY < endY ? startY : endY\n    const left = startX < endX ? startX : endX\n    const bottom = window.innerHeight - height - top\n    const right = window.innerWidth - width - left\n\n    const maskPath = `\n      linear-gradient(to top, #fff, #fff) top / 100% ${top}px,\n      linear-gradient(to bottom, #fff, #fff) bottom /100% ${bottom}px,\n      linear-gradient(to left, #fff, #fff) left / ${left}px 100%,\n      linear-gradient(to right, #fff, #fff) right / ${right}px 100%\n    `\n    Object.assign(cutter.style, {\n      width: `${width}px`,\n      height: `${height}px`,\n      left: `${left}px`,\n      top: `${top}px`,\n    })\n    Object.assign(mask.style, {\n      'mask': maskPath,\n      '-webkit-mask-repeat': 'no-repeat',\n    })\n    coordinate.textContent = `${width}, ${height}`\n  }\n  const toggleRect = (event: MouseEvent) => {\n    // 右键取消截图操作\n    if (event.button === 2) {\n      document.removeEventListener('mousemove', drawRect)\n      document.removeEventListener('mousedown', toggleRect)\n      document.addEventListener('contextmenu', removeContextmenu)\n      return\n    }\n    if (!status.leftClickLockFlag) {\n      if (status.start) {\n        // 如果有起点，则当前触发坐标为终点，移除监听事件并添加确认和取消按钮\n        document.removeEventListener('mousemove', drawRect)\n        const doneBtn = document.createElement('div')\n        doneBtn.innerHTML = `<div class=\"ql-screenshot-confirm\"></div><div class=\"ql-screenshot-cancel\"></div>`\n        doneBtn.className = 'ql-screenshot-done'\n        doneBtn.addEventListener('click', afterShotCtrl)\n        coordinate.remove()\n        cutter.appendChild(doneBtn)\n        status.leftClickLockFlag = true\n      }\n      else {\n        // 无起点则设置起点坐标，监听鼠标移动\n        status.start = { x: event.clientX, y: event.clientY }\n        document.addEventListener('mousemove', drawRect)\n      }\n    }\n  }\n  document.addEventListener('mousedown', toggleRect)\n}\nScreenshot.toolName = 'screenshot'\n"],"names":[],"mappings":"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"}

package/es/soft-break/index.es.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.es.js","sources":["../../../src/soft-break/index.ts"],"sourcesContent":["import Quill from 'quill'\r\n\r\nconst Embed = Quill.imports['blots/embed']\r\n\r\nclass SoftBreak extends Embed {\r\n  static blotName: string\r\n  static tagName: string\r\n  static className: string\r\n  domNode: any\r\n  prev: any\r\n  next: any\r\n  remove: () => void\r\n\r\n  static create() {\r\n    const node = super.create()\r\n    return node\r\n  }\r\n\r\n  optimize() {\r\n    // li的开头结尾，移除软回车\r\n    if (this.prev === null) {\r\n      this.remove()\r\n    }\r\n  }\r\n\r\n  length() {\r\n    return 1\r\n  }\r\n}\r\nSoftBreak.blotName = 'soft-break'\r\nSoftBreak.tagName = 'BR'\r\nSoftBreak.className = 'ql-soft-break'\r\n\r\nexport default SoftBreak\r\n"],"names":[],"mappings":";AAEA,MAAM,QAAQ,MAAM,QAAQ,aAAa;AAEzC,MAAM,kBAAkB,MAAM;AAAA,EAS5B,OAAO,SAAS;AACR,UAAA,OAAO,MAAM;AACZ,WAAA;AAAA,EACT;AAAA,EAEA,WAAW;AAEL,QAAA,KAAK,SAAS,MAAM;AACtB,WAAK,OAAO;AAAA,IACd;AAAA,EACF;AAAA,EAEA,SAAS;AACA,WAAA;AAAA,EACT;AACF;AACA,UAAU,WAAW;AACrB,UAAU,UAAU;AACpB,UAAU,YAAY;"}
+{"version":3,"file":"index.es.js","sources":["../../../src/soft-break/index.ts"],"sourcesContent":["import Quill from 'quill'\n\nconst Embed = Quill.imports['blots/embed']\n\nclass SoftBreak extends Embed {\n  static blotName: string\n  static tagName: string\n  static className: string\n  domNode: any\n  prev: any\n  next: any\n  remove: () => void\n\n  static create() {\n    const node = super.create()\n    return node\n  }\n\n  optimize() {\n    // li的开头结尾，移除软回车\n    if (this.prev === null) {\n      this.remove()\n    }\n  }\n\n  length() {\n    return 1\n  }\n}\nSoftBreak.blotName = 'soft-break'\nSoftBreak.tagName = 'BR'\nSoftBreak.className = 'ql-soft-break'\n\nexport default SoftBreak\n"],"names":[],"mappings":";AAEA,MAAM,QAAQ,MAAM,QAAQ,aAAa;AAEzC,MAAM,kBAAkB,MAAM;AAAA,EAS5B,OAAO,SAAS;AACR,UAAA,OAAO,MAAM;AACZ,WAAA;AAAA,EACT;AAAA,EAEA,WAAW;AAEL,QAAA,KAAK,SAAS,MAAM;AACtB,WAAK,OAAO;AAAA,IACd;AAAA,EACF;AAAA,EAEA,SAAS;AACA,WAAA;AAAA,EACT;AACF;AACA,UAAU,WAAW;AACrB,UAAU,UAAU;AACpB,UAAU,YAAY;"}

package/es/strike/index.es.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.es.js","sources":["../../../src/strike/index.ts"],"sourcesContent":["import Quill from 'quill'\r\nconst Inline = Quill.imports['blots/inline']\r\n\r\n// @dynamic\r\nclass StrikeBlot extends Inline {\r\n  static blotName: string\r\n  static className: string\r\n  static tagName: string\r\n  // 此处删除了formats方法，当前tag非span，则并不需要进行特殊处理去重写formats方法\r\n}\r\nStrikeBlot.blotName = 'strike'\r\nStrikeBlot.tagName = 'u'\r\nStrikeBlot.className = 'ql-custom-strike'\r\n\r\nexport default StrikeBlot\r\n"],"names":[],"mappings":";AACA,MAAM,SAAS,MAAM,QAAQ,cAAc;AAG3C,MAAM,mBAAmB,OAAO;AAAA;AAKhC;AACA,WAAW,WAAW;AACtB,WAAW,UAAU;AACrB,WAAW,YAAY;"}
+{"version":3,"file":"index.es.js","sources":["../../../src/strike/index.ts"],"sourcesContent":["import Quill from 'quill'\n\nconst Inline = Quill.imports['blots/inline']\n\n// @dynamic\nclass StrikeBlot extends Inline {\n  static blotName: string\n  static className: string\n  static tagName: string\n  // 此处删除了formats方法，当前tag非span，则并不需要进行特殊处理去重写formats方法\n}\nStrikeBlot.blotName = 'strike'\nStrikeBlot.tagName = 'u'\nStrikeBlot.className = 'ql-custom-strike'\n\nexport default StrikeBlot\n"],"names":[],"mappings":";AAEA,MAAM,SAAS,MAAM,QAAQ,cAAc;AAG3C,MAAM,mBAAmB,OAAO;AAAA;AAKhC;AACA,WAAW,WAAW;AACtB,WAAW,UAAU;AACrB,WAAW,YAAY;"}

package/es/syntax/index.es.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.es.js","sources":["../../../src/syntax/index.ts"],"sourcesContent":["import Quill from 'quill'\r\nimport TypeSyntax from 'quill/modules/syntax'\r\n\r\nconst Syntax = Quill.import('modules/syntax') as typeof TypeSyntax\r\n\r\n// @dynamic\r\nclass CustomSyntax extends Syntax {\r\n  static DEFAULTS: { hljs: any, interval: number, languages: { key: string, label: string }[] }\r\n}\r\n\r\nCustomSyntax.DEFAULTS = {\r\n  hljs: (() => {\r\n    // @ts-ignore\r\n    return window.hljs\r\n  })(),\r\n  interval: 1000,\r\n  languages: [\r\n    { key: 'plain', label: 'Plain' },\r\n    { key: 'bash', label: 'Bash' },\r\n    { key: 'cpp', label: 'C++' },\r\n    { key: 'cs', label: 'C#' },\r\n    { key: 'css', label: 'CSS' },\r\n    { key: 'diff', label: 'Diff' },\r\n    { key: 'xml', label: 'HTML/XML' },\r\n    { key: 'java', label: 'Java' },\r\n    { key: 'javascript', label: 'Javascript' },\r\n    { key: 'markdown', label: 'Markdown' },\r\n    { key: 'php', label: 'PHP' },\r\n    { key: 'python', label: 'Python' },\r\n    { key: 'ruby', label: 'Ruby' },\r\n    { key: 'sql', label: 'SQL' },\r\n  ],\r\n}\r\n\r\nexport default CustomSyntax\r\n"],"names":[],"mappings":";AAGA,MAAM,SAAS,MAAM,OAAO,gBAAgB;AAG5C,MAAM,qBAAqB,OAAO;AAElC;AAEA,aAAa,WAAW;AAAA,EACtB,OAAO,MAAM;AAEX,WAAO,OAAO;AAAA,EAAA,GACb;AAAA,EACH,UAAU;AAAA,EACV,WAAW;AAAA,IACT,EAAE,KAAK,SAAS,OAAO,QAAQ;AAAA,IAC/B,EAAE,KAAK,QAAQ,OAAO,OAAO;AAAA,IAC7B,EAAE,KAAK,OAAO,OAAO,MAAM;AAAA,IAC3B,EAAE,KAAK,MAAM,OAAO,KAAK;AAAA,IACzB,EAAE,KAAK,OAAO,OAAO,MAAM;AAAA,IAC3B,EAAE,KAAK,QAAQ,OAAO,OAAO;AAAA,IAC7B,EAAE,KAAK,OAAO,OAAO,WAAW;AAAA,IAChC,EAAE,KAAK,QAAQ,OAAO,OAAO;AAAA,IAC7B,EAAE,KAAK,cAAc,OAAO,aAAa;AAAA,IACzC,EAAE,KAAK,YAAY,OAAO,WAAW;AAAA,IACrC,EAAE,KAAK,OAAO,OAAO,MAAM;AAAA,IAC3B,EAAE,KAAK,UAAU,OAAO,SAAS;AAAA,IACjC,EAAE,KAAK,QAAQ,OAAO,OAAO;AAAA,IAC7B,EAAE,KAAK,OAAO,OAAO,MAAM;AAAA,EAC7B;AACF;"}
+{"version":3,"file":"index.es.js","sources":["../../../src/syntax/index.ts"],"sourcesContent":["import type TypeSyntax from 'quill/modules/syntax'\nimport Quill from 'quill'\n\nconst Syntax = Quill.import('modules/syntax') as typeof TypeSyntax\n\n// @dynamic\nclass CustomSyntax extends Syntax {\n  static DEFAULTS: { hljs: any, interval: number, languages: { key: string, label: string }[] }\n}\n\nCustomSyntax.DEFAULTS = {\n  hljs: (() => {\n    // @ts-ignore\n    return window.hljs\n  })(),\n  interval: 1000,\n  languages: [\n    { key: 'plain', label: 'Plain' },\n    { key: 'bash', label: 'Bash' },\n    { key: 'cpp', label: 'C++' },\n    { key: 'cs', label: 'C#' },\n    { key: 'css', label: 'CSS' },\n    { key: 'diff', label: 'Diff' },\n    { key: 'xml', label: 'HTML/XML' },\n    { key: 'java', label: 'Java' },\n    { key: 'javascript', label: 'Javascript' },\n    { key: 'markdown', label: 'Markdown' },\n    { key: 'php', label: 'PHP' },\n    { key: 'python', label: 'Python' },\n    { key: 'ruby', label: 'Ruby' },\n    { key: 'sql', label: 'SQL' },\n  ],\n}\n\nexport default CustomSyntax\n"],"names":[],"mappings":";AAGA,MAAM,SAAS,MAAM,OAAO,gBAAgB;AAG5C,MAAM,qBAAqB,OAAO;AAElC;AAEA,aAAa,WAAW;AAAA,EACtB,OAAO,MAAM;AAEX,WAAO,OAAO;AAAA,EAAA,GACb;AAAA,EACH,UAAU;AAAA,EACV,WAAW;AAAA,IACT,EAAE,KAAK,SAAS,OAAO,QAAQ;AAAA,IAC/B,EAAE,KAAK,QAAQ,OAAO,OAAO;AAAA,IAC7B,EAAE,KAAK,OAAO,OAAO,MAAM;AAAA,IAC3B,EAAE,KAAK,MAAM,OAAO,KAAK;AAAA,IACzB,EAAE,KAAK,OAAO,OAAO,MAAM;AAAA,IAC3B,EAAE,KAAK,QAAQ,OAAO,OAAO;AAAA,IAC7B,EAAE,KAAK,OAAO,OAAO,WAAW;AAAA,IAChC,EAAE,KAAK,QAAQ,OAAO,OAAO;AAAA,IAC7B,EAAE,KAAK,cAAc,OAAO,aAAa;AAAA,IACzC,EAAE,KAAK,YAAY,OAAO,WAAW;AAAA,IACrC,EAAE,KAAK,OAAO,OAAO,MAAM;AAAA,IAC3B,EAAE,KAAK,UAAU,OAAO,SAAS;AAAA,IACjC,EAAE,KAAK,QAAQ,OAAO,OAAO;AAAA,IAC7B,EAAE,KAAK,OAAO,OAAO,MAAM;AAAA,EAC7B;AACF;"}

package/es/table/better-table.es.js

@@ -9,7 +9,7 @@ import TableScrollBar from "./modules/table-scroll-bar.es.js";
 import TableSelection from "./modules/table-selection.es.js";
 import { matchTableCell, matchTableHeader, matchTable, matchHeader, matchList, matchMentionLink, matchWordShapeImage, matchInline, matchTableRow } from "./utils/node-matchers.es.js";
 const Block = Quill.imports["blots/block"];
-const Delta = Quill.imports["delta"];
+const Delta = Quill.imports.delta;
 const Module = Quill.imports["core/module"];
 class BetterTable extends Module {
   static register() {
@@ -94,8 +94,8 @@ class BetterTable extends Module {
       }
       return true;
     });
-    const thisBinding = quill.keyboard.bindings["Backspace"].pop();
-    quill.keyboard.bindings["Backspace"].splice(1, 0, thisBinding);
+    const thisBinding = quill.keyboard.bindings.Backspace.pop();
+    quill.keyboard.bindings.Backspace.splice(1, 0, thisBinding);
     quill.clipboard.addMatcher("td", matchTableCell);
     quill.clipboard.addMatcher("th", matchTableHeader);
     quill.clipboard.addMatcher("table", matchTable);
@@ -129,7 +129,7 @@ class BetterTable extends Module {
               const classes = Array.from(table.parentNode.classList);
               if (selectionStart <= tableStart && tableEnd <= selectionEnd) {
                 table.parentNode.classList.add("quill-better-table-selected");
-              } else if (classes.indexOf("quill-better-table-selected") >= 0) {
+              } else if (classes.includes("quill-better-table-selected")) {
                 table.parentNode.classList.remove("quill-better-table-selected");
               }
             }
@@ -364,7 +364,6 @@ BetterTable.keyboardBindings = {
     format: ["table-col"],
     collapsed: true,
     offset: 0,
-    // eslint-disable-next-line @typescript-eslint/no-empty-function
     handler() {
     }
   },