@opentiny/fluent-editor 3.20.0 → 3.20.1

package/lib/link/formats/link.cjs.js.map

@@ -1 +1 @@
-{"version":3,"file":"link.cjs.js","sources":["../../../../src/link/formats/link.ts"],"sourcesContent":["import Quill from 'quill'\r\nimport { sanitize } from '../../config/editor.utils'\r\nconst Inline = Quill.imports['blots/inline']\r\n\r\n// @dynamic\r\nexport default class Link extends Inline {\r\n  static blotName: string\r\n  static tagName: string\r\n  static SANITIZED_URL: string\r\n  static PROTOCOL_WHITELIST: string[]\r\n  static className: string\r\n  statics: any\r\n  domNode: any\r\n  static create(value) {\r\n    const node = super.create(value)\r\n    const href = this.sanitize(value)\r\n    node.setAttribute('href', href)\r\n    node.setAttribute('target', '_blank')\r\n    return node\r\n  }\r\n\r\n  static formats(domNode) {\r\n    return domNode.getAttribute('href')\r\n  }\r\n\r\n  static sanitize(url) {\r\n    return sanitize(url, this.PROTOCOL_WHITELIST) ? url : this.SANITIZED_URL\r\n  }\r\n\r\n  format(name, value) {\r\n    if (name !== this.statics.blotName || [false, null].indexOf(value) !== -1) {\r\n      super.format(name, value)\r\n    }\r\n    else {\r\n      this.domNode.setAttribute('href', Link.sanitize(value))\r\n    }\r\n  }\r\n}\r\nLink.blotName = 'link'\r\nLink.tagName = 'A'\r\nLink.SANITIZED_URL = 'about:blank'\r\nLink.PROTOCOL_WHITELIST = ['http', 'https', 'mailto', 'tel']\r\nLink.className = 'ql-normal-link'\r\n"],"names":["sanitize","Link"],"mappings":";;;;AAEA,MAAM,SAAS,MAAM,QAAQ,cAAc;aAG3C,MAAqB,aAAa,OAAO;AAAA,EAQvC,OAAO,OAAO,OAAO;AACb,UAAA,OAAO,MAAM,OAAO,KAAK;AACzB,UAAA,OAAO,KAAK,SAAS,KAAK;AAC3B,SAAA,aAAa,QAAQ,IAAI;AACzB,SAAA,aAAa,UAAU,QAAQ;AAC7B,WAAA;AAAA,EACT;AAAA,EAEA,OAAO,QAAQ,SAAS;AACf,WAAA,QAAQ,aAAa,MAAM;AAAA,EACpC;AAAA,EAEA,OAAO,SAAS,KAAK;AACnB,WAAOA,aAAAA,SAAS,KAAK,KAAK,kBAAkB,IAAI,MAAM,KAAK;AAAA,EAC7D;AAAA,EAEA,OAAO,MAAM,OAAO;AACd,QAAA,SAAS,KAAK,QAAQ,YAAY,CAAC,OAAO,IAAI,EAAE,QAAQ,KAAK,MAAM,IAAI;AACnE,YAAA,OAAO,MAAM,KAAK;AAAA,IAAA,OAErB;AACH,WAAK,QAAQ,aAAa,QAAQ,KAAK,SAAS,KAAK,CAAC;AAAA,IACxD;AAAA,EACF;AACF;AACAC,OAAK,WAAW;AAChBA,OAAK,UAAU;AACfA,OAAK,gBAAgB;AACrBA,OAAK,qBAAqB,CAAC,QAAQ,SAAS,UAAU,KAAK;AAC3DA,OAAK,YAAY;;"}
+{"version":3,"file":"link.cjs.js","sources":["../../../../src/link/formats/link.ts"],"sourcesContent":["import Quill from 'quill'\nimport { sanitize } from '../../config/editor.utils'\n\nconst Inline = Quill.imports['blots/inline']\n\n// @dynamic\nexport default class Link extends Inline {\n  static blotName: string\n  static tagName: string\n  static SANITIZED_URL: string\n  static PROTOCOL_WHITELIST: string[]\n  static className: string\n  statics: any\n  domNode: any\n  static create(value) {\n    const node = super.create(value)\n    const href = this.sanitize(value)\n    node.setAttribute('href', href)\n    node.setAttribute('target', '_blank')\n    return node\n  }\n\n  static formats(domNode) {\n    return domNode.getAttribute('href')\n  }\n\n  static sanitize(url) {\n    return sanitize(url, this.PROTOCOL_WHITELIST) ? url : this.SANITIZED_URL\n  }\n\n  format(name, value) {\n    if (name !== this.statics.blotName || [false, null].includes(value)) {\n      super.format(name, value)\n    }\n    else {\n      this.domNode.setAttribute('href', Link.sanitize(value))\n    }\n  }\n}\nLink.blotName = 'link'\nLink.tagName = 'A'\nLink.SANITIZED_URL = 'about:blank'\nLink.PROTOCOL_WHITELIST = ['http', 'https', 'mailto', 'tel']\nLink.className = 'ql-normal-link'\n"],"names":["sanitize","Link"],"mappings":";;;;AAGA,MAAM,SAAS,MAAM,QAAQ,cAAc;aAG3C,MAAqB,aAAa,OAAO;AAAA,EAQvC,OAAO,OAAO,OAAO;AACb,UAAA,OAAO,MAAM,OAAO,KAAK;AACzB,UAAA,OAAO,KAAK,SAAS,KAAK;AAC3B,SAAA,aAAa,QAAQ,IAAI;AACzB,SAAA,aAAa,UAAU,QAAQ;AAC7B,WAAA;AAAA,EACT;AAAA,EAEA,OAAO,QAAQ,SAAS;AACf,WAAA,QAAQ,aAAa,MAAM;AAAA,EACpC;AAAA,EAEA,OAAO,SAAS,KAAK;AACnB,WAAOA,aAAAA,SAAS,KAAK,KAAK,kBAAkB,IAAI,MAAM,KAAK;AAAA,EAC7D;AAAA,EAEA,OAAO,MAAM,OAAO;AACd,QAAA,SAAS,KAAK,QAAQ,YAAY,CAAC,OAAO,IAAI,EAAE,SAAS,KAAK,GAAG;AAC7D,YAAA,OAAO,MAAM,KAAK;AAAA,IAAA,OAErB;AACH,WAAK,QAAQ,aAAa,QAAQ,KAAK,SAAS,KAAK,CAAC;AAAA,IACxD;AAAA,EACF;AACF;AACAC,OAAK,WAAW;AAChBA,OAAK,UAAU;AACfA,OAAK,gBAAgB;AACrBA,OAAK,qBAAqB,CAAC,QAAQ,SAAS,UAAU,KAAK;AAC3DA,OAAK,YAAY;;"}

package/lib/link/index.cjs.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.cjs.js","sources":["../../../src/link/index.ts"],"sourcesContent":["import Quill from 'quill'\r\nimport LinkBlot from './formats/link'\r\nimport Tooltip from './modules/tooltip'\r\nconst icons = Quill.imports['ui/icons']\r\nconst SnowTheme = Quill.imports['themes/snow']\r\nconst Module = Quill.imports['core/module']\r\n\r\n// @dynamic\r\nclass Link extends Module {\r\n  static register() {\r\n    Quill.register('blots/link', LinkBlot, true)\r\n  }\r\n\r\n  constructor(quill, options) {\r\n    super(quill, options)\r\n  }\r\n}\r\n\r\nSnowTheme.prototype.extendToolbar = function (toolbar) {\r\n  toolbar.container.classList.add('ql-snow')\r\n  this.buildButtons(toolbar.container.querySelectorAll('button'), icons)\r\n  this.buildPickers(toolbar.container.querySelectorAll('select'), icons)\r\n  this.tooltip = new Tooltip(this.quill, this.options.bounds)\r\n  if (toolbar.container.querySelector('.ql-link')) {\r\n    this.quill.keyboard.addBinding(\r\n      { key: 'k', shortKey: true },\r\n      (_range, context) => {\r\n        toolbar.handlers.link.call(toolbar, !context.format.link)\r\n      },\r\n    )\r\n  }\r\n}\r\n\r\nexport default Link\r\n"],"names":["LinkBlot","Tooltip"],"mappings":";;;;;AAGA,MAAM,QAAQ,MAAM,QAAQ,UAAU;AACtC,MAAM,YAAY,MAAM,QAAQ,aAAa;AAC7C,MAAM,SAAS,MAAM,QAAQ,aAAa;AAG1C,MAAM,aAAa,OAAO;AAAA,EACxB,OAAO,WAAW;AACV,UAAA,SAAS,cAAcA,KAAA,SAAU,IAAI;AAAA,EAC7C;AAAA,EAEA,YAAY,OAAO,SAAS;AAC1B,UAAM,OAAO,OAAO;AAAA,EACtB;AACF;AAEA,UAAU,UAAU,gBAAgB,SAAU,SAAS;AAC7C,UAAA,UAAU,UAAU,IAAI,SAAS;AACzC,OAAK,aAAa,QAAQ,UAAU,iBAAiB,QAAQ,GAAG,KAAK;AACrE,OAAK,aAAa,QAAQ,UAAU,iBAAiB,QAAQ,GAAG,KAAK;AACrE,OAAK,UAAU,IAAIC,gBAAQ,KAAK,OAAO,KAAK,QAAQ,MAAM;AAC1D,MAAI,QAAQ,UAAU,cAAc,UAAU,GAAG;AAC/C,SAAK,MAAM,SAAS;AAAA,MAClB,EAAE,KAAK,KAAK,UAAU,KAAK;AAAA,MAC3B,CAAC,QAAQ,YAAY;AACnB,gBAAQ,SAAS,KAAK,KAAK,SAAS,CAAC,QAAQ,OAAO,IAAI;AAAA,MAC1D;AAAA,IAAA;AAAA,EAEJ;AACF;;"}
+{"version":3,"file":"index.cjs.js","sources":["../../../src/link/index.ts"],"sourcesContent":["import Quill from 'quill'\nimport LinkBlot from './formats/link'\nimport Tooltip from './modules/tooltip'\n\nconst icons = Quill.imports['ui/icons']\nconst SnowTheme = Quill.imports['themes/snow']\nconst Module = Quill.imports['core/module']\n\n// @dynamic\nclass Link extends Module {\n  static register() {\n    Quill.register('blots/link', LinkBlot, true)\n  }\n\n  constructor(quill, options) {\n    super(quill, options)\n  }\n}\n\nSnowTheme.prototype.extendToolbar = function (toolbar) {\n  toolbar.container.classList.add('ql-snow')\n  this.buildButtons(toolbar.container.querySelectorAll('button'), icons)\n  this.buildPickers(toolbar.container.querySelectorAll('select'), icons)\n  this.tooltip = new Tooltip(this.quill, this.options.bounds)\n  if (toolbar.container.querySelector('.ql-link')) {\n    this.quill.keyboard.addBinding(\n      { key: 'k', shortKey: true },\n      (_range, context) => {\n        toolbar.handlers.link.call(toolbar, !context.format.link)\n      },\n    )\n  }\n}\n\nexport default Link\n"],"names":["LinkBlot","Tooltip"],"mappings":";;;;;AAIA,MAAM,QAAQ,MAAM,QAAQ,UAAU;AACtC,MAAM,YAAY,MAAM,QAAQ,aAAa;AAC7C,MAAM,SAAS,MAAM,QAAQ,aAAa;AAG1C,MAAM,aAAa,OAAO;AAAA,EACxB,OAAO,WAAW;AACV,UAAA,SAAS,cAAcA,KAAA,SAAU,IAAI;AAAA,EAC7C;AAAA,EAEA,YAAY,OAAO,SAAS;AAC1B,UAAM,OAAO,OAAO;AAAA,EACtB;AACF;AAEA,UAAU,UAAU,gBAAgB,SAAU,SAAS;AAC7C,UAAA,UAAU,UAAU,IAAI,SAAS;AACzC,OAAK,aAAa,QAAQ,UAAU,iBAAiB,QAAQ,GAAG,KAAK;AACrE,OAAK,aAAa,QAAQ,UAAU,iBAAiB,QAAQ,GAAG,KAAK;AACrE,OAAK,UAAU,IAAIC,gBAAQ,KAAK,OAAO,KAAK,QAAQ,MAAM;AAC1D,MAAI,QAAQ,UAAU,cAAc,UAAU,GAAG;AAC/C,SAAK,MAAM,SAAS;AAAA,MAClB,EAAE,KAAK,KAAK,UAAU,KAAK;AAAA,MAC3B,CAAC,QAAQ,YAAY;AACnB,gBAAQ,SAAS,KAAK,KAAK,SAAS,CAAC,QAAQ,OAAO,IAAI;AAAA,MAC1D;AAAA,IAAA;AAAA,EAEJ;AACF;;"}

package/lib/link/modules/tooltip.cjs.js

@@ -1,13 +1,13 @@
 "use strict";
 Object.defineProperties(exports, { __esModule: { value: true }, [Symbol.toStringTag]: { value: "Module" } });
 const Quill = require("quill");
+const Emitter = require("quill/core/emitter");
+const selection = require("quill/core/selection");
+const base = require("quill/themes/base");
 const debounce = require("../../utils/debounce.cjs.js");
 const editor_config = require("../../config/editor.config.cjs.js");
 const editor_utils = require("../../config/editor.utils.cjs.js");
 const link = require("../formats/link.cjs.js");
-const base = require("quill/themes/base");
-const selection = require("quill/core/selection");
-const Emitter = require("quill/core/emitter");
 class Tooltip extends base.BaseTooltip {
   constructor(quill, bounds) {
     super(quill, bounds);

package/lib/link/modules/tooltip.cjs.js.map

@@ -1 +1 @@
-{"version":3,"file":"tooltip.cjs.js","sources":["../../../../src/link/modules/tooltip.ts"],"sourcesContent":["import Quill from 'quill'\r\nimport { debounce } from '../../../src/utils/debounce'\r\nimport { LANG_CONF } from '../../config/editor.config'\r\nimport { isNullOrUndefined } from '../../config/editor.utils'\r\nimport LinkBlot from '../formats/link'\r\nimport { BaseTooltip } from 'quill/themes/base'\r\nimport { Range } from 'quill/core/selection'\r\nimport Emitter from 'quill/core/emitter'\r\n\r\n// const Emitter = Quill.imports['core/emitter'];\r\n// const BaseTooltip = Quill.imports['themes/BaseTooltip'];\r\n// const Range = Quill.imports['core/selection/range'];\r\n\r\n// @dynamic\r\nexport default class Tooltip extends BaseTooltip {\r\n  static TEMPLATE: string\r\n  isInputFocus: boolean\r\n  isHover: boolean\r\n  debouncedHideToolTip: any\r\n  debouncedShowToolTip: any\r\n  hide: any\r\n  linkRange: any\r\n  quill: any\r\n  root: any\r\n  restoreFocus: any\r\n  textbox: any\r\n  boundsContainer: any\r\n\r\n  constructor(quill, bounds) {\r\n    super(quill, bounds)\r\n    this.isInputFocus = false\r\n    this.isHover = false\r\n\r\n    this.debouncedHideToolTip = debounce(this.hideToolTip, 300)\r\n    this.debouncedShowToolTip = debounce(this.showToolTip, 300)\r\n  }\r\n\r\n  shouldHide() {\r\n    return !this.isHover && !this.isInputFocus\r\n  }\r\n\r\n  hideToolTip() {\r\n    if (this.shouldHide()) {\r\n      this.hide()\r\n    }\r\n  }\r\n\r\n  showToolTip(name, value, range) {\r\n    if (!this.shouldHide()) {\r\n      this.edit(name, value, range)\r\n    }\r\n  }\r\n\r\n  handleMouseLeave() {\r\n    this.isHover = false\r\n    this.debouncedHideToolTip()\r\n  }\r\n\r\n  handleMouseEnter(event) {\r\n    const isTooltipShow = !this.root.classList.contains('ql-hidden')\r\n    if (isTooltipShow) {\r\n      return\r\n    }\r\n\r\n    if (this.isInputFocus) {\r\n      this.save()\r\n    }\r\n    this.isHover = true\r\n    const linkNode = event.target\r\n    const preview = LinkBlot.formats(linkNode)\r\n    if (preview.startsWith('#')) {\r\n      return\r\n    }\r\n    const linkBlot = Quill.find(linkNode)\r\n    const index = this.quill.getIndex(linkBlot)\r\n    const [link, offset] = this.quill.scroll.descendant(\r\n      LinkBlot,\r\n      index,\r\n    )\r\n    const length = link && link.length()\r\n    this.linkRange = new Range(index - offset, length)\r\n    this.debouncedShowToolTip('link', preview, this.linkRange)\r\n  }\r\n\r\n  listen() {\r\n    super.listen()\r\n\r\n    this.root.querySelector('a.ql-remove').addEventListener('click', (event) => {\r\n      if (!isNullOrUndefined(this.linkRange)) {\r\n        const range = this.linkRange\r\n        this.restoreFocus()\r\n        this.quill.formatText(range, 'link', false, Emitter.sources.API)\r\n        delete this.linkRange\r\n      }\r\n      event.preventDefault()\r\n      this.hide()\r\n    })\r\n\r\n    this.quill.root.addEventListener(\r\n      'mouseover',\r\n      (event) => {\r\n        if (\r\n          (event.target.tagName.toUpperCase() !== 'A'\r\n          || !event.target.classList.contains(LinkBlot.className))\r\n          && !event.target.closest(`a.${LinkBlot.className}`)\r\n        ) {\r\n          return\r\n        }\r\n        this.handleMouseEnter(event)\r\n      },\r\n      false,\r\n    )\r\n\r\n    this.quill.root.addEventListener(\r\n      'mouseout',\r\n      (event) => {\r\n        if (event.target.tagName.toUpperCase() !== 'A' && !event.target.closest(`a.${LinkBlot.className}`)) {\r\n          return\r\n        }\r\n        this.handleMouseLeave()\r\n      },\r\n      false,\r\n    )\r\n\r\n    this.root.addEventListener(\r\n      'mouseenter',\r\n      () => {\r\n        this.isHover = true\r\n      },\r\n      false,\r\n    )\r\n\r\n    this.root.addEventListener('mouseleave', this.handleMouseLeave.bind(this), false)\r\n\r\n    this.root.querySelector('a.ql-preview').addEventListener('click', (event) => {\r\n      const link = LinkBlot.sanitize(this.textbox.value)\r\n      window.open(link, '_blank')\r\n      event.preventDefault()\r\n    })\r\n    this.root.querySelector('input[type=\"text\"]').addEventListener('focus', () => {\r\n      this.isInputFocus = true\r\n    })\r\n    this.root.querySelector('input[type=\"text\"]').addEventListener('blur', () => {\r\n      this.isInputFocus = false\r\n      this.save()\r\n    })\r\n    this.quill.on(\r\n      Emitter.events.SELECTION_CHANGE,\r\n      (range, _oldRange, source) => {\r\n        if (isNullOrUndefined(range)) return\r\n        if (source === Emitter.sources.USER) {\r\n          const [link, offset] = this.quill.scroll.descendant(\r\n            LinkBlot,\r\n            range.index,\r\n          )\r\n\r\n          if (!isNullOrUndefined(link)) {\r\n            this.linkRange = new Range(range.index - offset, link.length())\r\n            const preview = LinkBlot.formats(link.domNode)\r\n            if (!preview.startsWith('#')) {\r\n              this.edit('link', preview, this.linkRange)\r\n            }\r\n            return\r\n          }\r\n        }\r\n        if (this.shouldHide()) {\r\n          this.hide()\r\n        }\r\n      },\r\n    )\r\n    this.quill.on(\r\n      Emitter.events.TEXT_CHANGE,\r\n      () => {\r\n        const selection = this.quill.getSelection()\r\n        const index = selection && selection.index\r\n        setTimeout(() => {\r\n          const link = this.quill.scroll.descendant(\r\n            LinkBlot,\r\n            index,\r\n          )[0]\r\n          if (!link) {\r\n            this.handleMouseLeave()\r\n          }\r\n        })\r\n      },\r\n    )\r\n  }\r\n\r\n  save() {\r\n    let value = this.textbox.value\r\n    if (!value) return\r\n    this.textbox.value = ''\r\n    switch (this.root.getAttribute('data-mode')) {\r\n      case 'link': {\r\n        const { scrollTop } = this.quill.root\r\n        const { autoProtocol } = this.quill.options\r\n        if (autoProtocol) {\r\n          value = this.addHttpProtocol(value)\r\n        }\r\n\r\n        if (this.linkRange) {\r\n          this.quill.formatText(\r\n            this.linkRange,\r\n            'link',\r\n            value,\r\n            Emitter.sources.USER,\r\n          )\r\n          this.restoreFocus()\r\n        }\r\n        else {\r\n          this.restoreFocus()\r\n          this.quill.format('link', value, Emitter.sources.USER)\r\n        }\r\n        this.quill.root.scrollTop = scrollTop\r\n        break\r\n      }\r\n      case 'formula': {\r\n        const range = this.quill.getSelection(true)\r\n        if (!isNullOrUndefined(range)) {\r\n          const index = range.index + range.length\r\n          this.quill.insertEmbed(\r\n            index,\r\n            this.root.getAttribute('data-mode'),\r\n            value,\r\n            Emitter.sources.USER,\r\n          )\r\n          if (this.root.getAttribute('data-mode') === 'formula') {\r\n            this.quill.insertText(index + 1, ' ', Emitter.sources.USER)\r\n          }\r\n          this.quill.setSelection(index + 2, Emitter.sources.USER)\r\n        }\r\n        break\r\n      }\r\n      case 'video': {\r\n        const range = this.quill.getSelection(true)\r\n        this.quill.insertText(range.index, '\\n', Emitter.sources.USER)\r\n        this.quill.insertEmbed(range.index + 1, 'video', { src: value }, Emitter.sources.USER)\r\n        this.quill.insertText(range.index + 2, '\\n', Emitter.sources.USER)\r\n        this.quill.setSelection(range.index + 3, Emitter.sources.SILENT)\r\n        this.textbox.value = ''\r\n        this.hide()\r\n        break\r\n      }\r\n      default:\r\n    }\r\n  }\r\n\r\n  position(reference) {\r\n    const left = reference.left\r\n    const top = reference.bottom + this.quill.root.scrollTop\r\n    this.root.style.left = `${left}px`\r\n    this.root.style.top = `${top}px`\r\n    this.root.classList.remove('ql-flip')\r\n    const containerBounds = this.boundsContainer.getBoundingClientRect()\r\n    const rootBounds = this.root.getBoundingClientRect()\r\n    let shift = 0\r\n    if (rootBounds.right > containerBounds.right) {\r\n      shift = containerBounds.right - rootBounds.right\r\n      this.root.style.left = `${left + shift}px`\r\n    }\r\n    if (rootBounds.left < containerBounds.left) {\r\n      shift = containerBounds.left - rootBounds.left\r\n      this.root.style.left = `${left + shift}px`\r\n    }\r\n    if (rootBounds.bottom > containerBounds.bottom) {\r\n      const height = rootBounds.bottom - rootBounds.top\r\n      const verticalShift = reference.bottom - reference.top + height\r\n      const fixedTop = top - verticalShift\r\n      this.root.style.top = `${fixedTop < 0 ? this.quill.root.scrollTop + reference.top : fixedTop}px`\r\n      this.root.classList.add('ql-flip')\r\n    }\r\n    return shift\r\n  }\r\n\r\n  edit(mode = 'link', preview = null, range) {\r\n    this.linkRange = range || this.quill.selection.savedRange\r\n    this.root.classList.remove('ql-hidden')\r\n    this.root.classList.add('ql-editing')\r\n    if (!isNullOrUndefined(preview)) {\r\n      this.textbox.value = preview\r\n    }\r\n    else if (mode !== this.root.getAttribute('data-mode')) {\r\n      this.textbox.value = ''\r\n    }\r\n    this.position(this.quill.getBounds(range || this.quill.selection.savedRange))\r\n    if (this.textbox.value === '') {\r\n      this.textbox.focus()\r\n    }\r\n    this.textbox.setAttribute(\r\n      'placeholder',\r\n      this.textbox.getAttribute(`data-${mode}`) || '',\r\n    )\r\n    this.root.setAttribute('data-mode', mode)\r\n  }\r\n\r\n  show() {\r\n    super.show()\r\n    this.root.removeAttribute('data-mode')\r\n  }\r\n\r\n  addHttpProtocol(url) {\r\n    let result = url\r\n    if (!url) {\r\n      return ''\r\n    }\r\n    if (!/^(?:f|ht)tps?\\:\\/\\//.test(url)) {\r\n      result = `http://${url}`\r\n    }\r\n    return result\r\n  }\r\n}\r\n\r\nTooltip.TEMPLATE = [\r\n  `<input type=\"text\" data-formula=\"e=mc^2\" data-link=\"${LANG_CONF.linkplaceholder}\" data-video=\"Embed URL\" style=\"width: 225px;\">`,\r\n  '<span class=\"ql-split\"></span>',\r\n  '<a class=\"ql-preview\"><i class=\"icon-share\"></i></a>',\r\n  '<a class=\"ql-remove\"><i class=\"icon-delete\"></i></a>',\r\n].join('')\r\n"],"names":["BaseTooltip","debounce","LinkBlot","link","Range","isNullOrUndefined","selection","LANG_CONF"],"mappings":"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"}
+{"version":3,"file":"tooltip.cjs.js","sources":["../../../../src/link/modules/tooltip.ts"],"sourcesContent":["import Quill from 'quill'\nimport Emitter from 'quill/core/emitter'\nimport { Range } from 'quill/core/selection'\nimport { BaseTooltip } from 'quill/themes/base'\nimport { debounce } from '../../../src/utils/debounce'\nimport { LANG_CONF } from '../../config/editor.config'\nimport { isNullOrUndefined } from '../../config/editor.utils'\nimport LinkBlot from '../formats/link'\n\n// const Emitter = Quill.imports['core/emitter'];\n// const BaseTooltip = Quill.imports['themes/BaseTooltip'];\n// const Range = Quill.imports['core/selection/range'];\n\n// @dynamic\nexport default class Tooltip extends BaseTooltip {\n  static TEMPLATE: string\n  isInputFocus: boolean\n  isHover: boolean\n  debouncedHideToolTip: any\n  debouncedShowToolTip: any\n  hide: any\n  linkRange: any\n  quill: any\n  root: any\n  restoreFocus: any\n  textbox: any\n  boundsContainer: any\n\n  constructor(quill, bounds) {\n    super(quill, bounds)\n    this.isInputFocus = false\n    this.isHover = false\n\n    this.debouncedHideToolTip = debounce(this.hideToolTip, 300)\n    this.debouncedShowToolTip = debounce(this.showToolTip, 300)\n  }\n\n  shouldHide() {\n    return !this.isHover && !this.isInputFocus\n  }\n\n  hideToolTip() {\n    if (this.shouldHide()) {\n      this.hide()\n    }\n  }\n\n  showToolTip(name, value, range) {\n    if (!this.shouldHide()) {\n      this.edit(name, value, range)\n    }\n  }\n\n  handleMouseLeave() {\n    this.isHover = false\n    this.debouncedHideToolTip()\n  }\n\n  handleMouseEnter(event) {\n    const isTooltipShow = !this.root.classList.contains('ql-hidden')\n    if (isTooltipShow) {\n      return\n    }\n\n    if (this.isInputFocus) {\n      this.save()\n    }\n    this.isHover = true\n    const linkNode = event.target\n    const preview = LinkBlot.formats(linkNode)\n    if (preview.startsWith('#')) {\n      return\n    }\n    const linkBlot = Quill.find(linkNode)\n    const index = this.quill.getIndex(linkBlot)\n    const [link, offset] = this.quill.scroll.descendant(\n      LinkBlot,\n      index,\n    )\n    const length = link && link.length()\n    this.linkRange = new Range(index - offset, length)\n    this.debouncedShowToolTip('link', preview, this.linkRange)\n  }\n\n  listen() {\n    super.listen()\n\n    this.root.querySelector('a.ql-remove').addEventListener('click', (event) => {\n      if (!isNullOrUndefined(this.linkRange)) {\n        const range = this.linkRange\n        this.restoreFocus()\n        this.quill.formatText(range, 'link', false, Emitter.sources.API)\n        delete this.linkRange\n      }\n      event.preventDefault()\n      this.hide()\n    })\n\n    this.quill.root.addEventListener(\n      'mouseover',\n      (event) => {\n        if (\n          (event.target.tagName.toUpperCase() !== 'A'\n            || !event.target.classList.contains(LinkBlot.className))\n            && !event.target.closest(`a.${LinkBlot.className}`)\n        ) {\n          return\n        }\n        this.handleMouseEnter(event)\n      },\n      false,\n    )\n\n    this.quill.root.addEventListener(\n      'mouseout',\n      (event) => {\n        if (event.target.tagName.toUpperCase() !== 'A' && !event.target.closest(`a.${LinkBlot.className}`)) {\n          return\n        }\n        this.handleMouseLeave()\n      },\n      false,\n    )\n\n    this.root.addEventListener(\n      'mouseenter',\n      () => {\n        this.isHover = true\n      },\n      false,\n    )\n\n    this.root.addEventListener('mouseleave', this.handleMouseLeave.bind(this), false)\n\n    this.root.querySelector('a.ql-preview').addEventListener('click', (event) => {\n      const link = LinkBlot.sanitize(this.textbox.value)\n      window.open(link, '_blank')\n      event.preventDefault()\n    })\n    this.root.querySelector('input[type=\"text\"]').addEventListener('focus', () => {\n      this.isInputFocus = true\n    })\n    this.root.querySelector('input[type=\"text\"]').addEventListener('blur', () => {\n      this.isInputFocus = false\n      this.save()\n    })\n    this.quill.on(\n      Emitter.events.SELECTION_CHANGE,\n      (range, _oldRange, source) => {\n        if (isNullOrUndefined(range)) return\n        if (source === Emitter.sources.USER) {\n          const [link, offset] = this.quill.scroll.descendant(\n            LinkBlot,\n            range.index,\n          )\n\n          if (!isNullOrUndefined(link)) {\n            this.linkRange = new Range(range.index - offset, link.length())\n            const preview = LinkBlot.formats(link.domNode)\n            if (!preview.startsWith('#')) {\n              this.edit('link', preview, this.linkRange)\n            }\n            return\n          }\n        }\n        if (this.shouldHide()) {\n          this.hide()\n        }\n      },\n    )\n    this.quill.on(\n      Emitter.events.TEXT_CHANGE,\n      () => {\n        const selection = this.quill.getSelection()\n        const index = selection && selection.index\n        setTimeout(() => {\n          const link = this.quill.scroll.descendant(\n            LinkBlot,\n            index,\n          )[0]\n          if (!link) {\n            this.handleMouseLeave()\n          }\n        })\n      },\n    )\n  }\n\n  save() {\n    let value = this.textbox.value\n    if (!value) return\n    this.textbox.value = ''\n    switch (this.root.getAttribute('data-mode')) {\n      case 'link': {\n        const { scrollTop } = this.quill.root\n        const { autoProtocol } = this.quill.options\n        if (autoProtocol) {\n          value = this.addHttpProtocol(value)\n        }\n\n        if (this.linkRange) {\n          this.quill.formatText(\n            this.linkRange,\n            'link',\n            value,\n            Emitter.sources.USER,\n          )\n          this.restoreFocus()\n        }\n        else {\n          this.restoreFocus()\n          this.quill.format('link', value, Emitter.sources.USER)\n        }\n        this.quill.root.scrollTop = scrollTop\n        break\n      }\n      case 'formula': {\n        const range = this.quill.getSelection(true)\n        if (!isNullOrUndefined(range)) {\n          const index = range.index + range.length\n          this.quill.insertEmbed(\n            index,\n            this.root.getAttribute('data-mode'),\n            value,\n            Emitter.sources.USER,\n          )\n          if (this.root.getAttribute('data-mode') === 'formula') {\n            this.quill.insertText(index + 1, ' ', Emitter.sources.USER)\n          }\n          this.quill.setSelection(index + 2, Emitter.sources.USER)\n        }\n        break\n      }\n      case 'video': {\n        const range = this.quill.getSelection(true)\n        this.quill.insertText(range.index, '\\n', Emitter.sources.USER)\n        this.quill.insertEmbed(range.index + 1, 'video', { src: value }, Emitter.sources.USER)\n        this.quill.insertText(range.index + 2, '\\n', Emitter.sources.USER)\n        this.quill.setSelection(range.index + 3, Emitter.sources.SILENT)\n        this.textbox.value = ''\n        this.hide()\n        break\n      }\n      default:\n    }\n  }\n\n  position(reference) {\n    const left = reference.left\n    const top = reference.bottom + this.quill.root.scrollTop\n    this.root.style.left = `${left}px`\n    this.root.style.top = `${top}px`\n    this.root.classList.remove('ql-flip')\n    const containerBounds = this.boundsContainer.getBoundingClientRect()\n    const rootBounds = this.root.getBoundingClientRect()\n    let shift = 0\n    if (rootBounds.right > containerBounds.right) {\n      shift = containerBounds.right - rootBounds.right\n      this.root.style.left = `${left + shift}px`\n    }\n    if (rootBounds.left < containerBounds.left) {\n      shift = containerBounds.left - rootBounds.left\n      this.root.style.left = `${left + shift}px`\n    }\n    if (rootBounds.bottom > containerBounds.bottom) {\n      const height = rootBounds.bottom - rootBounds.top\n      const verticalShift = reference.bottom - reference.top + height\n      const fixedTop = top - verticalShift\n      this.root.style.top = `${fixedTop < 0 ? this.quill.root.scrollTop + reference.top : fixedTop}px`\n      this.root.classList.add('ql-flip')\n    }\n    return shift\n  }\n\n  edit(mode = 'link', preview = null, range) {\n    this.linkRange = range || this.quill.selection.savedRange\n    this.root.classList.remove('ql-hidden')\n    this.root.classList.add('ql-editing')\n    if (!isNullOrUndefined(preview)) {\n      this.textbox.value = preview\n    }\n    else if (mode !== this.root.getAttribute('data-mode')) {\n      this.textbox.value = ''\n    }\n    this.position(this.quill.getBounds(range || this.quill.selection.savedRange))\n    if (this.textbox.value === '') {\n      this.textbox.focus()\n    }\n    this.textbox.setAttribute(\n      'placeholder',\n      this.textbox.getAttribute(`data-${mode}`) || '',\n    )\n    this.root.setAttribute('data-mode', mode)\n  }\n\n  show() {\n    super.show()\n    this.root.removeAttribute('data-mode')\n  }\n\n  addHttpProtocol(url) {\n    let result = url\n    if (!url) {\n      return ''\n    }\n    if (!/^(?:f|ht)tps?\\:\\/\\//.test(url)) {\n      result = `http://${url}`\n    }\n    return result\n  }\n}\n\nTooltip.TEMPLATE = [\n  `<input type=\"text\" data-formula=\"e=mc^2\" data-link=\"${LANG_CONF.linkplaceholder}\" data-video=\"Embed URL\" style=\"width: 225px;\">`,\n  '<span class=\"ql-split\"></span>',\n  '<a class=\"ql-preview\"><i class=\"icon-share\"></i></a>',\n  '<a class=\"ql-remove\"><i class=\"icon-delete\"></i></a>',\n].join('')\n"],"names":["BaseTooltip","debounce","LinkBlot","link","Range","isNullOrUndefined","selection","LANG_CONF"],"mappings":";;;;;;;;;;AAcA,MAAqB,gBAAgBA,KAAAA,YAAY;AAAA,EAc/C,YAAY,OAAO,QAAQ;AACzB,UAAM,OAAO,MAAM;AACnB,SAAK,eAAe;AACpB,SAAK,UAAU;AAEf,SAAK,uBAAuBC,SAAA,SAAS,KAAK,aAAa,GAAG;AAC1D,SAAK,uBAAuBA,SAAA,SAAS,KAAK,aAAa,GAAG;AAAA,EAC5D;AAAA,EAEA,aAAa;AACX,WAAO,CAAC,KAAK,WAAW,CAAC,KAAK;AAAA,EAChC;AAAA,EAEA,cAAc;AACR,QAAA,KAAK,cAAc;AACrB,WAAK,KAAK;AAAA,IACZ;AAAA,EACF;AAAA,EAEA,YAAY,MAAM,OAAO,OAAO;AAC1B,QAAA,CAAC,KAAK,cAAc;AACjB,WAAA,KAAK,MAAM,OAAO,KAAK;AAAA,IAC9B;AAAA,EACF;AAAA,EAEA,mBAAmB;AACjB,SAAK,UAAU;AACf,SAAK,qBAAqB;AAAA,EAC5B;AAAA,EAEA,iBAAiB,OAAO;AACtB,UAAM,gBAAgB,CAAC,KAAK,KAAK,UAAU,SAAS,WAAW;AAC/D,QAAI,eAAe;AACjB;AAAA,IACF;AAEA,QAAI,KAAK,cAAc;AACrB,WAAK,KAAK;AAAA,IACZ;AACA,SAAK,UAAU;AACf,UAAM,WAAW,MAAM;AACjB,UAAA,UAAUC,KAAAA,QAAS,QAAQ,QAAQ;AACrC,QAAA,QAAQ,WAAW,GAAG,GAAG;AAC3B;AAAA,IACF;AACM,UAAA,WAAW,MAAM,KAAK,QAAQ;AACpC,UAAM,QAAQ,KAAK,MAAM,SAAS,QAAQ;AAC1C,UAAM,CAACC,QAAM,MAAM,IAAI,KAAK,MAAM,OAAO;AAAA,MACvCD,KAAA;AAAA,MACA;AAAA,IAAA;AAEI,UAAA,SAASC,UAAQA,OAAK,OAAO;AACnC,SAAK,YAAY,IAAIC,UAAAA,MAAM,QAAQ,QAAQ,MAAM;AACjD,SAAK,qBAAqB,QAAQ,SAAS,KAAK,SAAS;AAAA,EAC3D;AAAA,EAEA,SAAS;AACP,UAAM,OAAO;AAEb,SAAK,KAAK,cAAc,aAAa,EAAE,iBAAiB,SAAS,CAAC,UAAU;AAC1E,UAAI,CAACC,aAAA,kBAAkB,KAAK,SAAS,GAAG;AACtC,cAAM,QAAQ,KAAK;AACnB,aAAK,aAAa;AAClB,aAAK,MAAM,WAAW,OAAO,QAAQ,OAAO,QAAQ,QAAQ,GAAG;AAC/D,eAAO,KAAK;AAAA,MACd;AACA,YAAM,eAAe;AACrB,WAAK,KAAK;AAAA,IAAA,CACX;AAED,SAAK,MAAM,KAAK;AAAA,MACd;AAAA,MACA,CAAC,UAAU;AAEN,aAAA,MAAM,OAAO,QAAQ,kBAAkB,OACnC,CAAC,MAAM,OAAO,UAAU,SAASH,aAAS,SAAS,MACnD,CAAC,MAAM,OAAO,QAAQ,KAAKA,KAAA,QAAS,SAAS,EAAE,GACpD;AACA;AAAA,QACF;AACA,aAAK,iBAAiB,KAAK;AAAA,MAC7B;AAAA,MACA;AAAA,IAAA;AAGF,SAAK,MAAM,KAAK;AAAA,MACd;AAAA,MACA,CAAC,UAAU;AACT,YAAI,MAAM,OAAO,QAAQ,kBAAkB,OAAO,CAAC,MAAM,OAAO,QAAQ,KAAKA,KAAS,QAAA,SAAS,EAAE,GAAG;AAClG;AAAA,QACF;AACA,aAAK,iBAAiB;AAAA,MACxB;AAAA,MACA;AAAA,IAAA;AAGF,SAAK,KAAK;AAAA,MACR;AAAA,MACA,MAAM;AACJ,aAAK,UAAU;AAAA,MACjB;AAAA,MACA;AAAA,IAAA;AAGG,SAAA,KAAK,iBAAiB,cAAc,KAAK,iBAAiB,KAAK,IAAI,GAAG,KAAK;AAEhF,SAAK,KAAK,cAAc,cAAc,EAAE,iBAAiB,SAAS,CAAC,UAAU;AAC3E,YAAMC,SAAOD,KAAAA,QAAS,SAAS,KAAK,QAAQ,KAAK;AAC1C,aAAA,KAAKC,QAAM,QAAQ;AAC1B,YAAM,eAAe;AAAA,IAAA,CACtB;AACD,SAAK,KAAK,cAAc,oBAAoB,EAAE,iBAAiB,SAAS,MAAM;AAC5E,WAAK,eAAe;AAAA,IAAA,CACrB;AACD,SAAK,KAAK,cAAc,oBAAoB,EAAE,iBAAiB,QAAQ,MAAM;AAC3E,WAAK,eAAe;AACpB,WAAK,KAAK;AAAA,IAAA,CACX;AACD,SAAK,MAAM;AAAA,MACT,QAAQ,OAAO;AAAA,MACf,CAAC,OAAO,WAAW,WAAW;AACxB,YAAAE,aAAA,kBAAkB,KAAK,EAAG;AAC1B,YAAA,WAAW,QAAQ,QAAQ,MAAM;AACnC,gBAAM,CAACF,QAAM,MAAM,IAAI,KAAK,MAAM,OAAO;AAAA,YACvCD,KAAA;AAAA,YACA,MAAM;AAAA,UAAA;AAGJ,cAAA,CAACG,aAAAA,kBAAkBF,MAAI,GAAG;AACvB,iBAAA,YAAY,IAAIC,UAAAA,MAAM,MAAM,QAAQ,QAAQD,OAAK,QAAQ;AAC9D,kBAAM,UAAUD,KAAA,QAAS,QAAQC,OAAK,OAAO;AAC7C,gBAAI,CAAC,QAAQ,WAAW,GAAG,GAAG;AAC5B,mBAAK,KAAK,QAAQ,SAAS,KAAK,SAAS;AAAA,YAC3C;AACA;AAAA,UACF;AAAA,QACF;AACI,YAAA,KAAK,cAAc;AACrB,eAAK,KAAK;AAAA,QACZ;AAAA,MACF;AAAA,IAAA;AAEF,SAAK,MAAM;AAAA,MACT,QAAQ,OAAO;AAAA,MACf,MAAM;AACE,cAAAG,aAAY,KAAK,MAAM,aAAa;AACpC,cAAA,QAAQA,cAAaA,WAAU;AACrC,mBAAW,MAAM;AACT,gBAAAH,SAAO,KAAK,MAAM,OAAO;AAAA,YAC7BD,KAAA;AAAA,YACA;AAAA,YACA,CAAC;AACH,cAAI,CAACC,QAAM;AACT,iBAAK,iBAAiB;AAAA,UACxB;AAAA,QAAA,CACD;AAAA,MACH;AAAA,IAAA;AAAA,EAEJ;AAAA,EAEA,OAAO;AACD,QAAA,QAAQ,KAAK,QAAQ;AACzB,QAAI,CAAC,MAAO;AACZ,SAAK,QAAQ,QAAQ;AACrB,YAAQ,KAAK,KAAK,aAAa,WAAW,GAAG;AAAA,MAC3C,KAAK,QAAQ;AACX,cAAM,EAAE,UAAc,IAAA,KAAK,MAAM;AACjC,cAAM,EAAE,aAAiB,IAAA,KAAK,MAAM;AACpC,YAAI,cAAc;AACR,kBAAA,KAAK,gBAAgB,KAAK;AAAA,QACpC;AAEA,YAAI,KAAK,WAAW;AAClB,eAAK,MAAM;AAAA,YACT,KAAK;AAAA,YACL;AAAA,YACA;AAAA,YACA,QAAQ,QAAQ;AAAA,UAAA;AAElB,eAAK,aAAa;AAAA,QAAA,OAEf;AACH,eAAK,aAAa;AAClB,eAAK,MAAM,OAAO,QAAQ,OAAO,QAAQ,QAAQ,IAAI;AAAA,QACvD;AACK,aAAA,MAAM,KAAK,YAAY;AAC5B;AAAA,MACF;AAAA,MACA,KAAK,WAAW;AACd,cAAM,QAAQ,KAAK,MAAM,aAAa,IAAI;AACtC,YAAA,CAACE,aAAAA,kBAAkB,KAAK,GAAG;AACvB,gBAAA,QAAQ,MAAM,QAAQ,MAAM;AAClC,eAAK,MAAM;AAAA,YACT;AAAA,YACA,KAAK,KAAK,aAAa,WAAW;AAAA,YAClC;AAAA,YACA,QAAQ,QAAQ;AAAA,UAAA;AAElB,cAAI,KAAK,KAAK,aAAa,WAAW,MAAM,WAAW;AACrD,iBAAK,MAAM,WAAW,QAAQ,GAAG,KAAK,QAAQ,QAAQ,IAAI;AAAA,UAC5D;AACA,eAAK,MAAM,aAAa,QAAQ,GAAG,QAAQ,QAAQ,IAAI;AAAA,QACzD;AACA;AAAA,MACF;AAAA,MACA,KAAK,SAAS;AACZ,cAAM,QAAQ,KAAK,MAAM,aAAa,IAAI;AAC1C,aAAK,MAAM,WAAW,MAAM,OAAO,MAAM,QAAQ,QAAQ,IAAI;AAC7D,aAAK,MAAM,YAAY,MAAM,QAAQ,GAAG,SAAS,EAAE,KAAK,MAAM,GAAG,QAAQ,QAAQ,IAAI;AAChF,aAAA,MAAM,WAAW,MAAM,QAAQ,GAAG,MAAM,QAAQ,QAAQ,IAAI;AACjE,aAAK,MAAM,aAAa,MAAM,QAAQ,GAAG,QAAQ,QAAQ,MAAM;AAC/D,aAAK,QAAQ,QAAQ;AACrB,aAAK,KAAK;AACV;AAAA,MACF;AAAA,MACA;AAAA,IACF;AAAA,EACF;AAAA,EAEA,SAAS,WAAW;AAClB,UAAM,OAAO,UAAU;AACvB,UAAM,MAAM,UAAU,SAAS,KAAK,MAAM,KAAK;AAC/C,SAAK,KAAK,MAAM,OAAO,GAAG,IAAI;AAC9B,SAAK,KAAK,MAAM,MAAM,GAAG,GAAG;AACvB,SAAA,KAAK,UAAU,OAAO,SAAS;AAC9B,UAAA,kBAAkB,KAAK,gBAAgB,sBAAsB;AAC7D,UAAA,aAAa,KAAK,KAAK,sBAAsB;AACnD,QAAI,QAAQ;AACR,QAAA,WAAW,QAAQ,gBAAgB,OAAO;AACpC,cAAA,gBAAgB,QAAQ,WAAW;AAC3C,WAAK,KAAK,MAAM,OAAO,GAAG,OAAO,KAAK;AAAA,IACxC;AACI,QAAA,WAAW,OAAO,gBAAgB,MAAM;AAClC,cAAA,gBAAgB,OAAO,WAAW;AAC1C,WAAK,KAAK,MAAM,OAAO,GAAG,OAAO,KAAK;AAAA,IACxC;AACI,QAAA,WAAW,SAAS,gBAAgB,QAAQ;AACxC,YAAA,SAAS,WAAW,SAAS,WAAW;AAC9C,YAAM,gBAAgB,UAAU,SAAS,UAAU,MAAM;AACzD,YAAM,WAAW,MAAM;AACvB,WAAK,KAAK,MAAM,MAAM,GAAG,WAAW,IAAI,KAAK,MAAM,KAAK,YAAY,UAAU,MAAM,QAAQ;AACvF,WAAA,KAAK,UAAU,IAAI,SAAS;AAAA,IACnC;AACO,WAAA;AAAA,EACT;AAAA,EAEA,KAAK,OAAO,QAAQ,UAAU,MAAM,OAAO;AACzC,SAAK,YAAY,SAAS,KAAK,MAAM,UAAU;AAC1C,SAAA,KAAK,UAAU,OAAO,WAAW;AACjC,SAAA,KAAK,UAAU,IAAI,YAAY;AAChC,QAAA,CAACA,aAAAA,kBAAkB,OAAO,GAAG;AAC/B,WAAK,QAAQ,QAAQ;AAAA,IAAA,WAEd,SAAS,KAAK,KAAK,aAAa,WAAW,GAAG;AACrD,WAAK,QAAQ,QAAQ;AAAA,IACvB;AACK,SAAA,SAAS,KAAK,MAAM,UAAU,SAAS,KAAK,MAAM,UAAU,UAAU,CAAC;AACxE,QAAA,KAAK,QAAQ,UAAU,IAAI;AAC7B,WAAK,QAAQ;IACf;AACA,SAAK,QAAQ;AAAA,MACX;AAAA,MACA,KAAK,QAAQ,aAAa,QAAQ,IAAI,EAAE,KAAK;AAAA,IAAA;AAE1C,SAAA,KAAK,aAAa,aAAa,IAAI;AAAA,EAC1C;AAAA,EAEA,OAAO;AACL,UAAM,KAAK;AACN,SAAA,KAAK,gBAAgB,WAAW;AAAA,EACvC;AAAA,EAEA,gBAAgB,KAAK;AACnB,QAAI,SAAS;AACb,QAAI,CAAC,KAAK;AACD,aAAA;AAAA,IACT;AACA,QAAI,CAAC,sBAAsB,KAAK,GAAG,GAAG;AACpC,eAAS,UAAU,GAAG;AAAA,IACxB;AACO,WAAA;AAAA,EACT;AACF;AAEA,QAAQ,WAAW;AAAA,EACjB,uDAAuDE,cAAAA,UAAU,eAAe;AAAA,EAChF;AAAA,EACA;AAAA,EACA;AACF,EAAE,KAAK,EAAE;;"}

package/lib/mention/Mention.cjs.js

@@ -4,8 +4,8 @@ const Quill = require("quill");
 const editor_utils = require("../config/editor.utils.cjs.js");
 const constants = require("./constants.cjs.js");
 const MentionLink = require("./MentionLink.cjs.js");
-const { Scope } = Quill.imports["parchment"];
-const Delta = Quill.imports["delta"];
+const { Scope } = Quill.imports.parchment;
+const Delta = Quill.imports.delta;
 class Mention {
   // @ts-ignore
   constructor(quill, options) {
@@ -130,9 +130,9 @@ class Mention {
     quill.keyboard.addBinding({ key: "Enter" }, this.handleEnterKey);
     quill.keyboard.addBinding({ key: "Tab" }, this.handleEnterKey);
     quill.keyboard.addBinding({ key: "Escape" }, this.handleEscapeKey);
-    quill.keyboard.bindings["Enter"].unshift(quill.keyboard.bindings["Enter"].pop());
-    quill.keyboard.bindings["Tab"].unshift(quill.keyboard.bindings["Tab"].pop());
-    quill.keyboard.bindings["Escape"].unshift(quill.keyboard.bindings["Escape"].pop());
+    quill.keyboard.bindings.Enter.unshift(quill.keyboard.bindings.Enter.pop());
+    quill.keyboard.bindings.Tab.unshift(quill.keyboard.bindings.Tab.pop());
+    quill.keyboard.bindings.Escape.unshift(quill.keyboard.bindings.Escape.pop());
     const customKeyboardEnter = {
       key: "Enter",
       shiftKey: null,
@@ -164,7 +164,7 @@ class Mention {
         this.needInsertBr = true;
       }
     };
-    quill.keyboard.bindings["Enter"] = quill.keyboard.bindings["Enter"].map((item) => {
+    quill.keyboard.bindings.Enter = quill.keyboard.bindings.Enter.map((item) => {
       const buildinKeyboardEnter = item.format === void 0 && item.shiftKey === null;
       if (buildinKeyboardEnter) {
         return customKeyboardEnter;
@@ -200,11 +200,7 @@ class Mention {
     });
   }
   getMentionItemIndex(itemEl) {
-    return [].reduce.call(
-      this.mentionListEL.children,
-      (index, item, idx) => item === itemEl ? idx : index,
-      -1
-    );
+    return [].reduce.call(this.mentionListEL.children, (index, item, idx) => item === itemEl ? idx : index, -1);
   }
   handleMouseClick(_itemEl, index) {
     this.selectMentionItem(index, true);
@@ -296,7 +292,6 @@ class Mention {
     }
     if (node.scrollIntoView) {
       node.scrollIntoView(false);
-      return;
     }
   }
   selectMentionItem(index = this.activeMentionIndex, isClick) {

package/lib/mention/Mention.cjs.js.map

@@ -1 +1 @@
-{"version":3,"file":"Mention.cjs.js","sources":["../../../src/mention/Mention.ts"],"sourcesContent":["import Quill from 'quill'\r\nimport { isNullOrUndefined } from '../config/editor.utils'\r\nimport { DEFAULT_MENTION_CHAR, ON_MENTION_LINK_REMOVE } from './constants'\r\nimport MentionLink from './MentionLink'\r\n\r\nconst { Scope } = Quill.imports['parchment']\r\nconst Delta = Quill.imports['delta']\r\n\r\ninterface MentionOption {\r\n  containerClass?: string\r\n  dataAttributes?: string[]\r\n  defaultLink?: string\r\n  itemActiveClass?: string\r\n  itemKey: string\r\n  itemClass?: string\r\n  listClass?: string\r\n  listHideClass?: string\r\n  maxHeight?: number\r\n  mentionChar?: string\r\n  remove?: (data: any) => void\r\n  renderMentionItem?: (data: any) => string | HTMLElement\r\n  renderMentionText?: (data: any) => string | HTMLElement\r\n  search?: (term: string) => Promise<any[]>\r\n  searchKey: string\r\n  select?: (data: any) => void\r\n  target?: string\r\n}\r\n\r\n// @dynamic\r\nclass Mention {\r\n  private readonly options: MentionOption\r\n  private readonly mentionListEL: HTMLUListElement\r\n  private activeMentionIndex = 0\r\n  private latestMentionList: any[]\r\n  private latestMentionCharPos: number\r\n  private latestCaretPos: number\r\n  private searchTerm = ''\r\n  private needInsertBr = true\r\n  private readonly defaultOptions: MentionOption = {\r\n    defaultLink: '#',\r\n    target: '_blank',\r\n    mentionChar: DEFAULT_MENTION_CHAR,\r\n    maxHeight: 200,\r\n    renderMentionItem(data: any) {\r\n      let mentionItem = data.name || data.id\r\n      if (this.itemKey) {\r\n        mentionItem = data[this.itemKey]\r\n      }\r\n      const dom = document.createElement('SPAN')\r\n      dom.textContent = mentionItem\r\n      return dom\r\n    },\r\n    renderMentionText(data: any) {\r\n      let mentionText = data.name || data.id\r\n      if (this.itemKey) {\r\n        mentionText = data[this.itemKey]\r\n      }\r\n      return `${mentionText}`\r\n    },\r\n    containerClass: 'ql-mention-list-container',\r\n    listClass: 'ql-mention-list',\r\n    listHideClass: 'ql-mention-list--hide',\r\n    itemClass: 'ql-mention-item',\r\n    itemActiveClass: 'ql-mention-item--active',\r\n    itemKey: 'name',\r\n    searchKey: 'name',\r\n    dataAttributes: ['id'],\r\n    select(_data: any) {},\r\n    remove(_data: any) {},\r\n  }\r\n\r\n  static register() {\r\n    Quill.register(MentionLink)\r\n  }\r\n\r\n  // @ts-ignore\r\n  constructor(private quill: Quill, options: MentionOption) {\r\n    if (!options.search) {\r\n      console.warn('please provide a search function!')\r\n      return\r\n    }\r\n\r\n    this.options = Object.assign(this.defaultOptions, options)\r\n    const container = document.createElement('div')\r\n    container.classList.add('ql-mention-list-container')\r\n    if (this.options.containerClass !== 'ql-mention-list-container') {\r\n      container.classList.add(this.options.containerClass)\r\n    }\r\n    this.mentionListEL = document.createElement('ul')\r\n    this.mentionListEL.classList.add(this.options.listClass, this.options.listHideClass)\r\n    this.mentionListEL.style.cssText += `\r\n      max-height: ${this.options.maxHeight}px;\r\n    `\r\n\r\n    quill.on(Quill.events.TEXT_CHANGE, this.handleTextChange)\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.addBinding({ key: 'Tab' }, this.handleEnterKey)\r\n    quill.keyboard.addBinding({ key: 'Escape' }, this.handleEscapeKey)\r\n    quill.keyboard.bindings['Enter'].unshift(quill.keyboard.bindings['Enter'].pop())\r\n    quill.keyboard.bindings['Tab'].unshift(quill.keyboard.bindings['Tab'].pop())\r\n    quill.keyboard.bindings['Escape'].unshift(quill.keyboard.bindings['Escape'].pop())\r\n\r\n    const customKeyboardEnter = {\r\n      key: 'Enter',\r\n      shiftKey: null,\r\n      handler: (range, context) => {\r\n        const lineFormats = Object.keys(context.format).reduce(\r\n          (formats, format) => {\r\n            if (\r\n              this.quill.scroll.query(format, Scope.BLOCK)\r\n              && !Array.isArray(context.format[format])\r\n            ) {\r\n              formats[format] = context.format[format]\r\n            }\r\n            return formats\r\n          },\r\n          {},\r\n        )\r\n\r\n        // fix: 解决@提醒之后插入多余空行和光标位置不对的问题\r\n        let selectionIndex = range.index - this.searchTerm.length\r\n        let delta = new Delta()\r\n          .retain(range.index)\r\n          .delete(range.length)\r\n        if (this.needInsertBr) {\r\n          delta = delta.insert('\\n', lineFormats)\r\n          selectionIndex = range.index + 1\r\n        }\r\n\r\n        this.quill.updateContents(delta, Quill.sources.USER)\r\n        this.quill.setSelection(selectionIndex, Quill.sources.SILENT)\r\n        this.quill.focus()\r\n\r\n        Object.keys(context.format).forEach((name) => {\r\n          if (!isNullOrUndefined(lineFormats[name])) return\r\n          if (Array.isArray(context.format[name])) return\r\n          if (name === 'code' || name === 'link') return\r\n          this.quill.format(name, context.format[name], Quill.sources.USER)\r\n        })\r\n\r\n        this.needInsertBr = true // 标记是否是输入@提醒的Enter\r\n      },\r\n    }\r\n\r\n    // 用自定义的Enter替换内置的Enter\r\n    quill.keyboard.bindings['Enter'] = quill.keyboard.bindings['Enter'].map((item) => {\r\n      const buildinKeyboardEnter = item.format === undefined && item.shiftKey === null\r\n      if (buildinKeyboardEnter) {\r\n        return customKeyboardEnter\r\n      }\r\n      else {\r\n        return item\r\n      }\r\n    })\r\n\r\n    this.on('click', this.handleMouseClick)\r\n    this.on('mouseover', this.handleMouseEnter)\r\n    quill.emitter.on(ON_MENTION_LINK_REMOVE, async ({ mention, name }) => {\r\n      const [result] = (mention && [mention]) || (await this.options.search(name))\r\n      this.options.remove(result)\r\n    })\r\n    container.appendChild(this.mentionListEL)\r\n    quill.container.parentElement.insertBefore(container, quill.container)\r\n  }\r\n\r\n  on(eventName, callback) {\r\n    this.mentionListEL.addEventListener(eventName, (evt) => {\r\n      let\r\n        target = evt.target\r\n      let targetItemEL\r\n\r\n      while (this.mentionListEL.contains(target) && target !== this.mentionListEL) {\r\n        if (target.classList.contains(this.options.itemClass)) {\r\n          targetItemEL = target\r\n        }\r\n        target = target.parentElement\r\n      }\r\n\r\n      if (targetItemEL) {\r\n        callback.call(this, targetItemEL, this.getMentionItemIndex(targetItemEL))\r\n      }\r\n    })\r\n  }\r\n\r\n  getMentionItemIndex(itemEl: Element) {\r\n    return [].reduce.call(this.mentionListEL.children,\r\n      (index, item, idx) => item === itemEl ? idx : index, -1)\r\n  }\r\n\r\n  handleTextChange = (_delta, _oldDelta, source) => {\r\n    // defer handler to make sure that we can get correct quill selection range.\r\n    setTimeout(() => {\r\n      if (Quill.sources.USER === source) {\r\n        const range = this.quill.getSelection()\r\n        if (!range) {\r\n          return\r\n        }\r\n\r\n        const caretPos = this.latestCaretPos = range.index\r\n        // beforeCaretText的计算有问题，没有把图片内容和@提醒内容的非字符内容算进去\r\n        const content = this.quill.getContents()\r\n        const beforeCaretText = content.reduce((newText, op) => {\r\n          if (typeof op.insert === 'string') {\r\n            // eslint-disable-next-line no-return-assign\r\n            return (newText += op.insert)\r\n          }\r\n          else {\r\n            // eslint-disable-next-line no-return-assign\r\n            return (newText += ' ') // 将图片内容和@提醒内容的非字符内容置为' '，算一个位置\r\n          }\r\n        }, '')\r\n        const mentionCharPos = beforeCaretText.lastIndexOf(this.options.mentionChar)\r\n\r\n        if (mentionCharPos > -1) {\r\n          const searchTerm = beforeCaretText.substring(mentionCharPos + this.options.mentionChar.length, caretPos)\r\n          this.searchTerm = searchTerm\r\n          if (!''.startsWith.call(searchTerm, ' ')) {\r\n            this.latestMentionCharPos = mentionCharPos\r\n            this.searchMentionListByTerm(searchTerm)\r\n          }\r\n          else {\r\n            this.hideMentionList()\r\n          }\r\n        }\r\n        else {\r\n          this.hideMentionList()\r\n        }\r\n      }\r\n    })\r\n  }\r\n\r\n  handleMouseClick(_itemEl: HTMLLIElement, index: number) {\r\n    this.selectMentionItem(index, true)\r\n    this.quill.focus()\r\n  }\r\n\r\n  handleMouseEnter(_itemEl: HTMLLIElement, index: number) {\r\n    this.activeMentionIndex = index\r\n    this.highlightMentionItem(index)\r\n  }\r\n\r\n  handleArrowUpKey = () => {\r\n    if (this.isOpen()) {\r\n      this.activeMentionIndex\r\n        = (this.activeMentionIndex + this.latestMentionList.length - 1) % this.latestMentionList.length\r\n      this.highlightMentionItem(this.activeMentionIndex)\r\n      return false\r\n    }\r\n    return true\r\n  }\r\n\r\n  handleArrowDownKey = () => {\r\n    if (this.isOpen()) {\r\n      this.activeMentionIndex = (this.activeMentionIndex + 1) % this.latestMentionList.length\r\n      this.highlightMentionItem(this.activeMentionIndex)\r\n      return false\r\n    }\r\n    return true\r\n  }\r\n\r\n  handleEnterKey = () => {\r\n    if (this.isOpen()) {\r\n      this.selectMentionItem()\r\n      this.needInsertBr = false\r\n    }\r\n    return true\r\n  }\r\n\r\n  handleEscapeKey = () => {\r\n    if (this.isOpen()) {\r\n      this.hideMentionList()\r\n      return false\r\n    }\r\n    return true\r\n  }\r\n\r\n  getActiveMentionItem() {\r\n    return this.mentionListEL.querySelector(`.${this.options.itemActiveClass}`)\r\n  }\r\n\r\n  isOpen() {\r\n    return !this.mentionListEL.classList.contains(this.options.listHideClass)\r\n  }\r\n\r\n  async searchMentionListByTerm(term: string) {\r\n    const mentionList = await this.options.search(term)\r\n    this.latestMentionList = mentionList\r\n    if (!mentionList || mentionList.length === 0) {\r\n      return this.hideMentionList()\r\n    }\r\n\r\n    this.showMentionList(mentionList)\r\n  }\r\n\r\n  showMentionList(mentionList: any[]) {\r\n    if (!this.isOpen()) {\r\n      this.mentionListEL.classList.remove(this.options.listHideClass)\r\n    }\r\n    this.activeMentionIndex = 0\r\n    this.setMentionListPos()\r\n    this.render(mentionList)\r\n  }\r\n\r\n  hideMentionList() {\r\n    if (this.isOpen()) {\r\n      this.activeMentionIndex = 0\r\n      this.mentionListEL.classList.add(this.options.listHideClass)\r\n    }\r\n  }\r\n\r\n  setMentionListPos() {\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 container = this.quill.container\r\n    const hostElement = container.parentNode as HTMLDivElement\r\n    const { left: editorLeft, top: editorTop } = container.getBoundingClientRect()\r\n    const { left: hostElementLeft, top: hostElementTop } = 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    this.mentionListEL.style.cssText += `\r\n      left: ${menuLeft}px;\r\n      top: ${menuTop}px;\r\n    `\r\n  }\r\n\r\n  render(mentionList: any[]) {\r\n    const wrapEl = document.createElement('div');\r\n\r\n    [].forEach.call(mentionList, (mentionItem, index) => {\r\n      const mentionItemEl = document.createElement('li')\r\n      mentionItemEl.classList.add(this.options.itemClass)\r\n      if (index === this.activeMentionIndex) {\r\n        mentionItemEl.classList.add(this.options.itemActiveClass)\r\n      }\r\n      const renderResult = this.options.renderMentionItem(mentionItem)\r\n      if (typeof renderResult === 'string') {\r\n        mentionItemEl.insertAdjacentHTML('afterbegin', renderResult)\r\n      }\r\n      else {\r\n        mentionItemEl.insertAdjacentElement('afterbegin', renderResult)\r\n      }\r\n      wrapEl.appendChild(mentionItemEl)\r\n    })\r\n\r\n    this.mentionListEL.innerHTML = wrapEl.innerHTML\r\n  }\r\n\r\n  highlightMentionItem(index: number) {\r\n    const oldActiveItem = this.getActiveMentionItem()\r\n    if (oldActiveItem) {\r\n      oldActiveItem.classList.remove(this.options.itemActiveClass)\r\n    }\r\n\r\n    const newActiveItem = this.mentionListEL.querySelector(`.${this.options.itemClass}:nth-of-type(${index + 1})`)\r\n    if (newActiveItem) {\r\n      newActiveItem.classList.add(this.options.itemActiveClass)\r\n      this.scrollIntoView(newActiveItem)\r\n    }\r\n  }\r\n\r\n  scrollIntoView(node: Element): void {\r\n    const nodeAsAny: any = node\r\n    if (nodeAsAny.scrollIntoViewIfNeeded) {\r\n      nodeAsAny.scrollIntoViewIfNeeded(false)\r\n      return\r\n    }\r\n    if (node.scrollIntoView) {\r\n      node.scrollIntoView(false)\r\n      return\r\n    }\r\n  }\r\n\r\n  selectMentionItem(index = this.activeMentionIndex, isClick?: boolean) {\r\n    const activeMentionItem = this.latestMentionList[index]\r\n    this.insertMentionBlot(activeMentionItem, isClick)\r\n    this.options.select(activeMentionItem)\r\n    this.hideMentionList()\r\n  }\r\n\r\n  insertMentionBlot(activeMentionItem: any, isClick?: boolean) {\r\n    const mention = this.options.renderMentionText(activeMentionItem)\r\n    const delta = new Delta()\r\n      .retain(this.latestMentionCharPos)\r\n      .delete(this.latestCaretPos - this.latestMentionCharPos)\r\n      .insert({\r\n        [MentionLink.blotName]: {\r\n          char: this.options.mentionChar,\r\n          text: mention,\r\n          mention: activeMentionItem,\r\n          link: this.options.defaultLink,\r\n          target: this.options.target,\r\n          searchKey: this.options.searchKey,\r\n        },\r\n      })\r\n    if (isClick) {\r\n      this.quill.updateContents(delta, Quill.sources.USER)\r\n    }\r\n    else {\r\n      this.quill.updateContents(delta, Quill.sources.API)\r\n    }\r\n    this.quill.setSelection(this.latestMentionCharPos + 1, Quill.sources.API)\r\n  }\r\n}\r\n\r\nexport { Mention as default }\r\n"],"names":["DEFAULT_MENTION_CHAR","isNullOrUndefined","ON_MENTION_LINK_REMOVE","MentionLink"],"mappings":"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"}
+{"version":3,"file":"Mention.cjs.js","sources":["../../../src/mention/Mention.ts"],"sourcesContent":["import Quill from 'quill'\nimport { isNullOrUndefined } from '../config/editor.utils'\nimport { DEFAULT_MENTION_CHAR, ON_MENTION_LINK_REMOVE } from './constants'\nimport MentionLink from './MentionLink'\n\nconst { Scope } = Quill.imports.parchment\nconst Delta = Quill.imports.delta\n\ninterface MentionOption {\n  containerClass?: string\n  dataAttributes?: string[]\n  defaultLink?: string\n  itemActiveClass?: string\n  itemKey: string\n  itemClass?: string\n  listClass?: string\n  listHideClass?: string\n  maxHeight?: number\n  mentionChar?: string\n  remove?: (data: any) => void\n  renderMentionItem?: (data: any) => string | HTMLElement\n  renderMentionText?: (data: any) => string | HTMLElement\n  search?: (term: string) => Promise<any[]>\n  searchKey: string\n  select?: (data: any) => void\n  target?: string\n}\n\n// @dynamic\nclass Mention {\n  private readonly options: MentionOption\n  private readonly mentionListEL: HTMLUListElement\n  private activeMentionIndex = 0\n  private latestMentionList: any[]\n  private latestMentionCharPos: number\n  private latestCaretPos: number\n  private searchTerm = ''\n  private needInsertBr = true\n  private readonly defaultOptions: MentionOption = {\n    defaultLink: '#',\n    target: '_blank',\n    mentionChar: DEFAULT_MENTION_CHAR,\n    maxHeight: 200,\n    renderMentionItem(data: any) {\n      let mentionItem = data.name || data.id\n      if (this.itemKey) {\n        mentionItem = data[this.itemKey]\n      }\n      const dom = document.createElement('SPAN')\n      dom.textContent = mentionItem\n      return dom\n    },\n    renderMentionText(data: any) {\n      let mentionText = data.name || data.id\n      if (this.itemKey) {\n        mentionText = data[this.itemKey]\n      }\n      return `${mentionText}`\n    },\n    containerClass: 'ql-mention-list-container',\n    listClass: 'ql-mention-list',\n    listHideClass: 'ql-mention-list--hide',\n    itemClass: 'ql-mention-item',\n    itemActiveClass: 'ql-mention-item--active',\n    itemKey: 'name',\n    searchKey: 'name',\n    dataAttributes: ['id'],\n    select(_data: any) {},\n    remove(_data: any) {},\n  }\n\n  static register() {\n    Quill.register(MentionLink)\n  }\n\n  // @ts-ignore\n  constructor(private quill: Quill, options: MentionOption) {\n    if (!options.search) {\n      console.warn('please provide a search function!')\n      return\n    }\n\n    this.options = Object.assign(this.defaultOptions, options)\n    const container = document.createElement('div')\n    container.classList.add('ql-mention-list-container')\n    if (this.options.containerClass !== 'ql-mention-list-container') {\n      container.classList.add(this.options.containerClass)\n    }\n    this.mentionListEL = document.createElement('ul')\n    this.mentionListEL.classList.add(this.options.listClass, this.options.listHideClass)\n    this.mentionListEL.style.cssText += `\n      max-height: ${this.options.maxHeight}px;\n    `\n\n    quill.on(Quill.events.TEXT_CHANGE, this.handleTextChange)\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.addBinding({ key: 'Tab' }, this.handleEnterKey)\n    quill.keyboard.addBinding({ key: 'Escape' }, this.handleEscapeKey)\n    quill.keyboard.bindings.Enter.unshift(quill.keyboard.bindings.Enter.pop())\n    quill.keyboard.bindings.Tab.unshift(quill.keyboard.bindings.Tab.pop())\n    quill.keyboard.bindings.Escape.unshift(quill.keyboard.bindings.Escape.pop())\n\n    const customKeyboardEnter = {\n      key: 'Enter',\n      shiftKey: null,\n      handler: (range, context) => {\n        const lineFormats = Object.keys(context.format).reduce(\n          (formats, format) => {\n            if (\n              this.quill.scroll.query(format, Scope.BLOCK)\n              && !Array.isArray(context.format[format])\n            ) {\n              formats[format] = context.format[format]\n            }\n            return formats\n          },\n          {},\n        )\n\n        // fix: 解决@提醒之后插入多余空行和光标位置不对的问题\n        let selectionIndex = range.index - this.searchTerm.length\n        let delta = new Delta()\n          .retain(range.index)\n          .delete(range.length)\n        if (this.needInsertBr) {\n          delta = delta.insert('\\n', lineFormats)\n          selectionIndex = range.index + 1\n        }\n\n        this.quill.updateContents(delta, Quill.sources.USER)\n        this.quill.setSelection(selectionIndex, Quill.sources.SILENT)\n        this.quill.focus()\n\n        Object.keys(context.format).forEach((name) => {\n          if (!isNullOrUndefined(lineFormats[name])) return\n          if (Array.isArray(context.format[name])) return\n          if (name === 'code' || name === 'link') return\n          this.quill.format(name, context.format[name], Quill.sources.USER)\n        })\n\n        this.needInsertBr = true // 标记是否是输入@提醒的Enter\n      },\n    }\n\n    // 用自定义的Enter替换内置的Enter\n    quill.keyboard.bindings.Enter = quill.keyboard.bindings.Enter.map((item) => {\n      const buildinKeyboardEnter = item.format === undefined && item.shiftKey === null\n      if (buildinKeyboardEnter) {\n        return customKeyboardEnter\n      }\n      else {\n        return item\n      }\n    })\n\n    this.on('click', this.handleMouseClick)\n    this.on('mouseover', this.handleMouseEnter)\n    quill.emitter.on(ON_MENTION_LINK_REMOVE, async ({ mention, name }) => {\n      const [result] = (mention && [mention]) || (await this.options.search(name))\n      this.options.remove(result)\n    })\n    container.appendChild(this.mentionListEL)\n    quill.container.parentElement.insertBefore(container, quill.container)\n  }\n\n  on(eventName, callback) {\n    this.mentionListEL.addEventListener(eventName, (evt) => {\n      let\n        target = evt.target\n      let targetItemEL\n\n      while (this.mentionListEL.contains(target) && target !== this.mentionListEL) {\n        if (target.classList.contains(this.options.itemClass)) {\n          targetItemEL = target\n        }\n        target = target.parentElement\n      }\n\n      if (targetItemEL) {\n        callback.call(this, targetItemEL, this.getMentionItemIndex(targetItemEL))\n      }\n    })\n  }\n\n  getMentionItemIndex(itemEl: Element) {\n    return [].reduce.call(this.mentionListEL.children, (index, item, idx) => item === itemEl ? idx : index, -1)\n  }\n\n  handleTextChange = (_delta, _oldDelta, source) => {\n    // defer handler to make sure that we can get correct quill selection range.\n    setTimeout(() => {\n      if (Quill.sources.USER === source) {\n        const range = this.quill.getSelection()\n        if (!range) {\n          return\n        }\n\n        const caretPos = this.latestCaretPos = range.index\n        // beforeCaretText的计算有问题，没有把图片内容和@提醒内容的非字符内容算进去\n        const content = this.quill.getContents()\n        const beforeCaretText = content.reduce((newText, op) => {\n          if (typeof op.insert === 'string') {\n            return (newText += op.insert)\n          }\n          else {\n            return (newText += ' ') // 将图片内容和@提醒内容的非字符内容置为' '，算一个位置\n          }\n        }, '')\n        const mentionCharPos = beforeCaretText.lastIndexOf(this.options.mentionChar)\n\n        if (mentionCharPos > -1) {\n          const searchTerm = beforeCaretText.substring(mentionCharPos + this.options.mentionChar.length, caretPos)\n          this.searchTerm = searchTerm\n          if (!''.startsWith.call(searchTerm, ' ')) {\n            this.latestMentionCharPos = mentionCharPos\n            this.searchMentionListByTerm(searchTerm)\n          }\n          else {\n            this.hideMentionList()\n          }\n        }\n        else {\n          this.hideMentionList()\n        }\n      }\n    })\n  }\n\n  handleMouseClick(_itemEl: HTMLLIElement, index: number) {\n    this.selectMentionItem(index, true)\n    this.quill.focus()\n  }\n\n  handleMouseEnter(_itemEl: HTMLLIElement, index: number) {\n    this.activeMentionIndex = index\n    this.highlightMentionItem(index)\n  }\n\n  handleArrowUpKey = () => {\n    if (this.isOpen()) {\n      this.activeMentionIndex\n        = (this.activeMentionIndex + this.latestMentionList.length - 1) % this.latestMentionList.length\n      this.highlightMentionItem(this.activeMentionIndex)\n      return false\n    }\n    return true\n  }\n\n  handleArrowDownKey = () => {\n    if (this.isOpen()) {\n      this.activeMentionIndex = (this.activeMentionIndex + 1) % this.latestMentionList.length\n      this.highlightMentionItem(this.activeMentionIndex)\n      return false\n    }\n    return true\n  }\n\n  handleEnterKey = () => {\n    if (this.isOpen()) {\n      this.selectMentionItem()\n      this.needInsertBr = false\n    }\n    return true\n  }\n\n  handleEscapeKey = () => {\n    if (this.isOpen()) {\n      this.hideMentionList()\n      return false\n    }\n    return true\n  }\n\n  getActiveMentionItem() {\n    return this.mentionListEL.querySelector(`.${this.options.itemActiveClass}`)\n  }\n\n  isOpen() {\n    return !this.mentionListEL.classList.contains(this.options.listHideClass)\n  }\n\n  async searchMentionListByTerm(term: string) {\n    const mentionList = await this.options.search(term)\n    this.latestMentionList = mentionList\n    if (!mentionList || mentionList.length === 0) {\n      return this.hideMentionList()\n    }\n\n    this.showMentionList(mentionList)\n  }\n\n  showMentionList(mentionList: any[]) {\n    if (!this.isOpen()) {\n      this.mentionListEL.classList.remove(this.options.listHideClass)\n    }\n    this.activeMentionIndex = 0\n    this.setMentionListPos()\n    this.render(mentionList)\n  }\n\n  hideMentionList() {\n    if (this.isOpen()) {\n      this.activeMentionIndex = 0\n      this.mentionListEL.classList.add(this.options.listHideClass)\n    }\n  }\n\n  setMentionListPos() {\n    const cursorIndex = this.quill.selection.savedRange.index\n    const cursorBounds = this.quill.getBounds(cursorIndex)\n    const { left, top } = cursorBounds\n    const container = this.quill.container\n    const hostElement = container.parentNode as HTMLDivElement\n    const { left: editorLeft, top: editorTop } = container.getBoundingClientRect()\n    const { left: hostElementLeft, top: hostElementTop } = 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    this.mentionListEL.style.cssText += `\n      left: ${menuLeft}px;\n      top: ${menuTop}px;\n    `\n  }\n\n  render(mentionList: any[]) {\n    const wrapEl = document.createElement('div');\n\n    [].forEach.call(mentionList, (mentionItem, index) => {\n      const mentionItemEl = document.createElement('li')\n      mentionItemEl.classList.add(this.options.itemClass)\n      if (index === this.activeMentionIndex) {\n        mentionItemEl.classList.add(this.options.itemActiveClass)\n      }\n      const renderResult = this.options.renderMentionItem(mentionItem)\n      if (typeof renderResult === 'string') {\n        mentionItemEl.insertAdjacentHTML('afterbegin', renderResult)\n      }\n      else {\n        mentionItemEl.insertAdjacentElement('afterbegin', renderResult)\n      }\n      wrapEl.appendChild(mentionItemEl)\n    })\n\n    this.mentionListEL.innerHTML = wrapEl.innerHTML\n  }\n\n  highlightMentionItem(index: number) {\n    const oldActiveItem = this.getActiveMentionItem()\n    if (oldActiveItem) {\n      oldActiveItem.classList.remove(this.options.itemActiveClass)\n    }\n\n    const newActiveItem = this.mentionListEL.querySelector(`.${this.options.itemClass}:nth-of-type(${index + 1})`)\n    if (newActiveItem) {\n      newActiveItem.classList.add(this.options.itemActiveClass)\n      this.scrollIntoView(newActiveItem)\n    }\n  }\n\n  scrollIntoView(node: Element): void {\n    const nodeAsAny: any = node\n    if (nodeAsAny.scrollIntoViewIfNeeded) {\n      nodeAsAny.scrollIntoViewIfNeeded(false)\n      return\n    }\n    if (node.scrollIntoView) {\n      node.scrollIntoView(false)\n    }\n  }\n\n  selectMentionItem(index = this.activeMentionIndex, isClick?: boolean) {\n    const activeMentionItem = this.latestMentionList[index]\n    this.insertMentionBlot(activeMentionItem, isClick)\n    this.options.select(activeMentionItem)\n    this.hideMentionList()\n  }\n\n  insertMentionBlot(activeMentionItem: any, isClick?: boolean) {\n    const mention = this.options.renderMentionText(activeMentionItem)\n    const delta = new Delta()\n      .retain(this.latestMentionCharPos)\n      .delete(this.latestCaretPos - this.latestMentionCharPos)\n      .insert({\n        [MentionLink.blotName]: {\n          char: this.options.mentionChar,\n          text: mention,\n          mention: activeMentionItem,\n          link: this.options.defaultLink,\n          target: this.options.target,\n          searchKey: this.options.searchKey,\n        },\n      })\n    if (isClick) {\n      this.quill.updateContents(delta, Quill.sources.USER)\n    }\n    else {\n      this.quill.updateContents(delta, Quill.sources.API)\n    }\n    this.quill.setSelection(this.latestMentionCharPos + 1, Quill.sources.API)\n  }\n}\n\nexport { Mention as default }\n"],"names":["DEFAULT_MENTION_CHAR","isNullOrUndefined","ON_MENTION_LINK_REMOVE","MentionLink"],"mappings":"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"}

package/lib/mention/MentionLink.cjs.js.map

@@ -1 +1 @@
-{"version":3,"file":"MentionLink.cjs.js","sources":["../../../src/mention/MentionLink.ts"],"sourcesContent":["import Quill from 'quill'\r\nimport { DEFAULT_MENTION_CHAR, MENTION_CHAR, ON_MENTION_LINK_REMOVE } from './constants'\r\n\r\nconst Embed = Quill.imports['blots/embed']\r\n\r\n// @dynamic\r\nclass MentionLink extends Embed {\r\n  static blotName: string\r\n  static tagName: string\r\n  static className: string\r\n  scroll: any\r\n  mentionData: any\r\n\r\n  static create(data) {\r\n    const node = super.create(data)\r\n    node.dataset.mentionId = data.name || (data.mention && data.mention[data.searchKey || 'name']) || ''\r\n    node.setAttribute('title', data.text)\r\n    node.setAttribute(MENTION_CHAR, data.char)\r\n    node.textContent = data.char + data.text\r\n    return node\r\n  }\r\n\r\n  static value(domNode) {\r\n    const\r\n      char = domNode.getAttribute(MENTION_CHAR) || DEFAULT_MENTION_CHAR\r\n    const text = domNode.getAttribute('title')\r\n    const name = domNode.dataset.mentionId\r\n    return { char, text, name }\r\n  }\r\n\r\n  constructor(scroll, domNode, data) {\r\n    super(scroll, domNode, data)\r\n    this.mentionData = data\r\n  }\r\n\r\n  value() {\r\n    // fix: 将@提醒内容加入到 Delta 里，以解决输入空格，@提醒内容被删除的问题\r\n    // return ' ';\r\n    return super.value()\r\n  }\r\n\r\n  remove() {\r\n    this.scroll.emitter.emit(ON_MENTION_LINK_REMOVE, this.mentionData)\r\n    return super.remove()\r\n  }\r\n}\r\n\r\nMentionLink.blotName = 'mention'\r\nMentionLink.tagName = 'span'\r\nMentionLink.className = 'ql-mention-link'\r\nexport { MentionLink as default }\r\n"],"names":["MENTION_CHAR","DEFAULT_MENTION_CHAR","ON_MENTION_LINK_REMOVE"],"mappings":";;;;AAGA,MAAM,QAAQ,MAAM,QAAQ,aAAa;AAGzC,MAAM,oBAAoB,MAAM;AAAA,EAO9B,OAAO,OAAO,MAAM;AACZ,UAAA,OAAO,MAAM,OAAO,IAAI;AACzB,SAAA,QAAQ,YAAY,KAAK,QAAS,KAAK,WAAW,KAAK,QAAQ,KAAK,aAAa,MAAM,KAAM;AAC7F,SAAA,aAAa,SAAS,KAAK,IAAI;AAC/B,SAAA,aAAaA,UAAAA,cAAc,KAAK,IAAI;AACpC,SAAA,cAAc,KAAK,OAAO,KAAK;AAC7B,WAAA;AAAA,EACT;AAAA,EAEA,OAAO,MAAM,SAAS;AACpB,UACE,OAAO,QAAQ,aAAaA,UAAY,YAAA,KAAKC,UAAAA;AACzC,UAAA,OAAO,QAAQ,aAAa,OAAO;AACnC,UAAA,OAAO,QAAQ,QAAQ;AACtB,WAAA,EAAE,MAAM,MAAM;EACvB;AAAA,EAEA,YAAY,QAAQ,SAAS,MAAM;AAC3B,UAAA,QAAQ,SAAS,IAAI;AAC3B,SAAK,cAAc;AAAA,EACrB;AAAA,EAEA,QAAQ;AAGN,WAAO,MAAM;EACf;AAAA,EAEA,SAAS;AACP,SAAK,OAAO,QAAQ,KAAKC,UAAAA,wBAAwB,KAAK,WAAW;AACjE,WAAO,MAAM;EACf;AACF;AAEA,YAAY,WAAW;AACvB,YAAY,UAAU;AACtB,YAAY,YAAY;;"}
+{"version":3,"file":"MentionLink.cjs.js","sources":["../../../src/mention/MentionLink.ts"],"sourcesContent":["import Quill from 'quill'\nimport { DEFAULT_MENTION_CHAR, MENTION_CHAR, ON_MENTION_LINK_REMOVE } from './constants'\n\nconst Embed = Quill.imports['blots/embed']\n\n// @dynamic\nclass MentionLink extends Embed {\n  static blotName: string\n  static tagName: string\n  static className: string\n  scroll: any\n  mentionData: any\n\n  static create(data) {\n    const node = super.create(data)\n    node.dataset.mentionId = data.name || (data.mention && data.mention[data.searchKey || 'name']) || ''\n    node.setAttribute('title', data.text)\n    node.setAttribute(MENTION_CHAR, data.char)\n    node.textContent = data.char + data.text\n    return node\n  }\n\n  static value(domNode) {\n    const\n      char = domNode.getAttribute(MENTION_CHAR) || DEFAULT_MENTION_CHAR\n    const text = domNode.getAttribute('title')\n    const name = domNode.dataset.mentionId\n    return { char, text, name }\n  }\n\n  constructor(scroll, domNode, data) {\n    super(scroll, domNode, data)\n    this.mentionData = data\n  }\n\n  value() {\n    // fix: 将@提醒内容加入到 Delta 里，以解决输入空格，@提醒内容被删除的问题\n    // return ' ';\n    return super.value()\n  }\n\n  remove() {\n    this.scroll.emitter.emit(ON_MENTION_LINK_REMOVE, this.mentionData)\n    return super.remove()\n  }\n}\n\nMentionLink.blotName = 'mention'\nMentionLink.tagName = 'span'\nMentionLink.className = 'ql-mention-link'\nexport { MentionLink as default }\n"],"names":["MENTION_CHAR","DEFAULT_MENTION_CHAR","ON_MENTION_LINK_REMOVE"],"mappings":";;;;AAGA,MAAM,QAAQ,MAAM,QAAQ,aAAa;AAGzC,MAAM,oBAAoB,MAAM;AAAA,EAO9B,OAAO,OAAO,MAAM;AACZ,UAAA,OAAO,MAAM,OAAO,IAAI;AACzB,SAAA,QAAQ,YAAY,KAAK,QAAS,KAAK,WAAW,KAAK,QAAQ,KAAK,aAAa,MAAM,KAAM;AAC7F,SAAA,aAAa,SAAS,KAAK,IAAI;AAC/B,SAAA,aAAaA,UAAAA,cAAc,KAAK,IAAI;AACpC,SAAA,cAAc,KAAK,OAAO,KAAK;AAC7B,WAAA;AAAA,EACT;AAAA,EAEA,OAAO,MAAM,SAAS;AACpB,UACE,OAAO,QAAQ,aAAaA,UAAY,YAAA,KAAKC,UAAAA;AACzC,UAAA,OAAO,QAAQ,aAAa,OAAO;AACnC,UAAA,OAAO,QAAQ,QAAQ;AACtB,WAAA,EAAE,MAAM,MAAM;EACvB;AAAA,EAEA,YAAY,QAAQ,SAAS,MAAM;AAC3B,UAAA,QAAQ,SAAS,IAAI;AAC3B,SAAK,cAAc;AAAA,EACrB;AAAA,EAEA,QAAQ;AAGN,WAAO,MAAM;EACf;AAAA,EAEA,SAAS;AACP,SAAK,OAAO,QAAQ,KAAKC,UAAAA,wBAAwB,KAAK,WAAW;AACjE,WAAO,MAAM;EACf;AACF;AAEA,YAAY,WAAW;AACvB,YAAY,UAAU;AACtB,YAAY,YAAY;;"}

package/lib/mention/constants.cjs.js.map

@@ -1 +1 @@
-{"version":3,"file":"constants.cjs.js","sources":["../../../src/mention/constants.ts"],"sourcesContent":["export const ON_MENTION_LINK_REMOVE = 'mention-link/remove'\r\nexport const MENTION_CHAR = 'mentionChar'\r\nexport const DEFAULT_MENTION_CHAR = '@'\r\n"],"names":[],"mappings":";;AAAO,MAAM,yBAAyB;AAC/B,MAAM,eAAe;AACrB,MAAM,uBAAuB;;;;"}
+{"version":3,"file":"constants.cjs.js","sources":["../../../src/mention/constants.ts"],"sourcesContent":["export const ON_MENTION_LINK_REMOVE = 'mention-link/remove'\nexport const MENTION_CHAR = 'mentionChar'\nexport const DEFAULT_MENTION_CHAR = '@'\n"],"names":[],"mappings":";;AAAO,MAAM,yBAAyB;AAC/B,MAAM,eAAe;AACrB,MAAM,uBAAuB;;;;"}

package/lib/quick-menu/index.cjs.js

@@ -71,7 +71,7 @@ class QuickMenu {
     quill.keyboard.addBinding({ key: "ArrowUp" }, this.handleArrowUpKey);
     quill.keyboard.addBinding({ key: "ArrowDown" }, this.handleArrowDownKey);
     quill.keyboard.addBinding({ key: "Enter" }, this.handleEnterKey);
-    quill.keyboard.bindings["Enter"].unshift(quill.keyboard.bindings["Enter"].pop());
+    quill.keyboard.bindings.Enter.unshift(quill.keyboard.bindings.Enter.pop());
     document.body.addEventListener("click", this.hideQuickMenu.bind(this));
   }
   isOpen() {

package/lib/quick-menu/index.cjs.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.cjs.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":";;AAOA,MAAM,UAAU;AAAA;AAAA,EAOd,YAAoB,OAAsB,SAA2B;AAAjD,SAAA,QAAA;AAAsB,SAAA,UAAA;AAerB,SAAA,qBAAA,CAAC,QAAQ,YAAY;AACxC,YAAM,QAAQ,KAAK,MAAM,UAAU,WAAW;AACzC,WAAA,MAAM,WAAW,OAAO,GAAG;AAG1B,YAAA,yBAAyB,QAAQ,WAAW,MAAM,OAAO,KAAK,QAAQ,MAAM,EAAE,WAAW;AAC/F,UAAI,wBAAwB;AAC1B,cAAM,cAAc,KAAK,MAAM,UAAU,WAAW;AACpD,cAAM,eAAe,KAAK,MAAM,UAAU,WAAW;AAC/C,cAAA,EAAE,MAAM,IAAQ,IAAA;AAChB,cAAA,EAAE,MAAM,YAAY,KAAK,cAAc,KAAK,UAAU;AACtD,cAAA,EAAE,MAAM,iBAAiB,KAAK,mBAAmB,KAAK,YAAY;AACxE,cAAM,eAAe,aAAa;AAClC,cAAM,cAAc,YAAY;AAC1B,cAAA,WAAW,OAAO,eAAe;AACjC,cAAA,UAAU,MAAM,cAAc;AAE/B,aAAA,UAAU,MAAM,UAAU;AAC/B,cAAM,SAAS,KAAK,MAAM,QAAQ,QAAQ,UAAU;AACpD,YAAI,QAAQ,QAAQ,QAAQ,UAAU,OAAO;AACzC,YAAA,UAAU,WAAW,GAAG;AAC1B,mBAAS,WAAW,MAAM;AAAA,QAC5B;AACK,aAAA,mBAAmB,aAAa,SAAS,KAAK;AAC9C,aAAA,QAAQ,UAAU,cAAc;AAAA,MAAA,OAElC;AACE,aAAA,UAAU,MAAM,UAAU;AAAA,MACjC;AAAA,IAAA;AAOF,SAAA,gBAAgB,CAAC,UAAU;AACrB,UAAA,KAAK,sBAAsB,CAAC,KAAK,mBAAmB,SAAS,MAAM,MAAM,GAAG;AACzE,aAAA,mBAAmB,MAAM,UAAU;AAAA,MAC1C;AAAA,IAAA;AAGiB,SAAA,mBAAA,CAAC,QAAQ,aAAa;AACnC,UAAA,KAAK,UAAU;AACX,cAAA,QAAQ,KAAK,QAAQ,UAAU;AACrC,cAAM,QAAQ,KAAK,QAAQ,UAAU,WAAW;AAChD,aAAK,QAAQ,UAAU,eAAe,QAAQ,QAAQ,KAAK;AACpD,eAAA;AAAA,MACT;AACO,aAAA;AAAA,IAAA;AAGY,SAAA,qBAAA,CAAC,QAAQ,aAAa;AACrC,UAAA,KAAK,UAAU;AACX,cAAA,QAAQ,KAAK,QAAQ,UAAU;AACrC,cAAM,QAAQ,KAAK,QAAQ,UAAU,WAAW;AAChD,aAAK,QAAQ,UAAU,eAAe,QAAQ,KAAK;AAC5C,eAAA;AAAA,MACT;AACO,aAAA;AAAA,IAAA;AAGQ,SAAA,iBAAA,CAAC,QAAQ,aAAa;AACjC,UAAA,KAAK,UAAU;AACZ,aAAA,QAAQ,UAAU;AAChB,eAAA;AAAA,MACT;AACO,aAAA;AAAA,IAAA;AAhFP,SAAK,QAAQ;AACb,SAAK,UAAU;AACV,SAAA,YAAY,KAAK,MAAM;AACvB,SAAA,cAAc,KAAK,UAAU;AAClC,SAAK,YAAY,KAAK,YAAY,cAAc,aAAa;AAC7D,SAAK,qBAAqB,KAAK,UAAU,cAAc,uBAAuB;AAC9E,UAAM,SAAS,WAAW,EAAE,KAAK,OAAO,KAAK,kBAAkB;AAC/D,UAAM,SAAS,WAAW,EAAE,KAAK,aAAa,KAAK,gBAAgB;AACnE,UAAM,SAAS,WAAW,EAAE,KAAK,eAAe,KAAK,kBAAkB;AACvE,UAAM,SAAS,WAAW,EAAE,KAAK,WAAW,KAAK,cAAc;AACzD,UAAA,SAAS,SAAS,OAAO,EAAE,QAAQ,MAAM,SAAS,SAAS,OAAO,EAAE,IAAK,CAAA;AAC/E,aAAS,KAAK,iBAAiB,SAAS,KAAK,cAAc,KAAK,IAAI,CAAC;AAAA,EACvE;AAAA,EAiCQ,SAAS;AACR,WAAA,KAAK,mBAAmB,MAAM,YAAY,UAAU,KAAK,UAAU,MAAM,YAAY;AAAA,EAC9F;AAmCF;;"}
+{"version":3,"file":"index.cjs.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/lib/screenshot/index.cjs.js

@@ -1,17 +1,20 @@
 "use strict";
 Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
 const Quill = require("quill");
+const image = require("../utils/image.cjs.js");
+const scrollLock = require("../utils/scroll-lock.cjs.js");
 const Delta = Quill.import("delta");
-const resolveOptions = (options) => {
+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) {
@@ -29,14 +32,45 @@ function init() {
   wrapper.appendChild(mask);
   wrapper.appendChild(cutter);
   document.body.appendChild(wrapper);
-  document.body.style.overflow = "hidden";
   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);
+  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)`;
+        }
+      }
+      const imgs = doc.querySelectorAll("img");
+      const promises = Array.from(imgs).map(async (img) => {
+        img.src = await image.imgToBase64(img.src);
+      });
+      await Promise.all(promises);
+      html2canvasOptions.onclone && await html2canvasOptions.onclone(doc, el);
+    }
+  });
   let cropCanvas = document.createElement("canvas");
   cropCanvas.width = rect.width;
   cropCanvas.height = rect.height;
@@ -64,26 +98,28 @@ function Screenshot() {
   if (!Html2Canvas) {
     throw new Error("ScreenShot module requires html2canvas. Please include the library on the page before FluentEditor.");
   }
-  const range = this.quill.getSelection(true);
+  const range = this.quill.getSelection();
   const { wrapper, mask, cutter, coordinate } = init();
   const status = {
     leftClickLockFlag: false,
     start: void 0
   };
+  const cleanLock = scrollLock.lockScroll();
   const removeContextmenu = (event) => {
     event.preventDefault();
     wrapper.remove();
+    cleanLock();
     document.removeEventListener("contextmenu", removeContextmenu);
   };
   const afterShotCtrl = async (event) => {
     document.removeEventListener("mousedown", toggleRect);
-    Object.assign(document.body.style, { overflow: null });
     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 });
+      const image2 = await renderImage(Html2Canvas, html2CanvasOptions, cutterRect, { beforeCreateCanvas, beforeCreateImage });
+      const delta = new Delta().retain(range.index).delete(range.length).insert({ image: image2 });
       this.quill.updateContents(delta, Quill.sources.USER);
       this.quill.setSelection(range.index + 1, Quill.sources.SILENT);
     }
@@ -122,7 +158,6 @@ function Screenshot() {
     if (event.button === 2) {
       document.removeEventListener("mousemove", drawRect);
       document.removeEventListener("mousedown", toggleRect);
-      console.log("right");
       document.addEventListener("contextmenu", removeContextmenu);
       return;
     }

package/lib/screenshot/index.cjs.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.cjs.js","sources":["../../../src/screenshot/index.ts"],"sourcesContent":["import Quill from 'quill'\r\nimport type Toolbar from 'quill/modules/toolbar'\r\nimport type html2canvas from 'html2canvas'\r\nimport type { Options as Html2CanvasOptions } from 'html2canvas'\r\n\r\nconst Delta = Quill.import('delta')\r\n\r\nexport type ScreenShotOptions = Partial<Html2CanvasOptions> & {\r\n  Html2Canvas: typeof html2canvas\r\n  beforeCreateCanvas: () => void | Promise<void>\r\n  beforeCreateImage: (canvas: HTMLCanvasElement) => HTMLCanvasElement | string | Promise<HTMLCanvasElement | string>\r\n}\r\ntype ScreenShotOptionsInQuill = {\r\n  quill: {\r\n    options: {\r\n      screenshot: Partial<ScreenShotOptions>\r\n    }\r\n  }\r\n}\r\n\r\nconst resolveOptions = (options: Partial<ScreenShotOptions>) => {\r\n  return Object.assign({\r\n    // @ts-ignore\r\n    Html2Canvas: window.Html2Canvas,\r\n    useCORS: true,\r\n    foreignObjectRendering: true,\r\n    beforeCreateImage: undefined,\r\n    beforeCreateCanvas: undefined,\r\n  }, options)\r\n}\r\n\r\nfunction 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  const wrapper = document.createElement('div')\r\n  wrapper.classList.add('ql-screenshot-wrapper')\r\n  const mask = document.createElement('div')\r\n  mask.className = 'ql-screenshot-mask'\r\n  const cutter = document.createElement('div')\r\n  cutter.className = 'ql-screenshot-cutter'\r\n  const coordinate = document.createElement('p')\r\n  coordinate.className = 'ql-screenshot-coordinate'\r\n  cutter.appendChild(coordinate)\r\n  wrapper.appendChild(mask)\r\n  wrapper.appendChild(cutter)\r\n  document.body.appendChild(wrapper)\r\n  document.body.style.overflow = 'hidden'\r\n  return { wrapper, mask, cutter, coordinate }\r\n}\r\n\r\nasync function renderImage(\r\n  Html2Canvas: typeof html2canvas,\r\n  html2canvasOptions: Partial<Html2CanvasOptions>,\r\n  rect: DOMRect,\r\n  options?: Omit<ScreenShotOptions, 'Html2Canvas' | keyof Html2CanvasOptions>,\r\n) {\r\n  if (options && options.beforeCreateCanvas) {\r\n    await options.beforeCreateCanvas()\r\n  }\r\n  const canvas: CanvasImageSource = await Html2Canvas(document.body, html2canvasOptions)\r\n  // 当前canvas为body全局截图，从当前截图中截取想要的部分重新绘制转成base64插入富文本\r\n  let cropCanvas: HTMLCanvasElement | string = document.createElement('canvas')\r\n  cropCanvas.width = rect.width\r\n  cropCanvas.height = rect.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    rect.width,\r\n    rect.height,\r\n    0,\r\n    0,\r\n    rect.width,\r\n    rect.height,\r\n  )\r\n  if (options && options.beforeCreateImage) {\r\n    cropCanvas = await options.beforeCreateImage(cropCanvas)\r\n  }\r\n  return typeof cropCanvas === 'string' ? cropCanvas : cropCanvas.toDataURL()\r\n}\r\n\r\nexport function Screenshot(this: Toolbar & ScreenShotOptionsInQuill) {\r\n  this.quill.options.screenshot = resolveOptions(this.quill.options.screenshot)\r\n  const options = this.quill.options.screenshot\r\n  // @ts-ignore\r\n  const { Html2Canvas, beforeCreateImage, beforeCreateCanvas, ...html2CanvasOptions } = options\r\n  if (!Html2Canvas) {\r\n    throw new Error('ScreenShot module requires html2canvas. Please include the library on the page before FluentEditor.')\r\n  }\r\n  const range = this.quill.getSelection(true)\r\n  const { wrapper, mask, cutter, coordinate } = init()\r\n  const status: {\r\n    leftClickLockFlag: boolean\r\n    start?: {\r\n      x: number\r\n      y: number\r\n    }\r\n  } = {\r\n    leftClickLockFlag: false,\r\n    start: undefined,\r\n  }\r\n\r\n  const removeContextmenu = (event: Event) => {\r\n    event.preventDefault()\r\n    wrapper.remove()\r\n    document.removeEventListener('contextmenu', removeContextmenu)\r\n  }\r\n  const afterShotCtrl = async (event: MouseEvent) => {\r\n    document.removeEventListener('mousedown', toggleRect)\r\n    Object.assign(document.body.style, { overflow: null })\r\n    const cutterRect = cutter.getBoundingClientRect()\r\n    const target = event.target as HTMLElement\r\n    wrapper.remove()\r\n    if (target && target.className === 'ql-screenshot-confirm') {\r\n      const image = await renderImage(Html2Canvas, html2CanvasOptions, cutterRect, { beforeCreateCanvas, beforeCreateImage })\r\n\r\n      const delta = new Delta()\r\n        .retain(range.index)\r\n        .delete(range.length)\r\n        .insert({ image })\r\n      this.quill.updateContents(delta, Quill.sources.USER)\r\n      this.quill.setSelection(range.index + 1, Quill.sources.SILENT)\r\n    }\r\n    status.start = undefined\r\n  }\r\n  const drawRect = (event: MouseEvent) => {\r\n    // 通过鼠标移动描绘截图图层\r\n    const startX = status.start.x\r\n    const startY = status.start.y\r\n    const endX = event.clientX\r\n    const endY = event.clientY\r\n    const width = Math.abs(endX - startX)\r\n    const height = Math.abs(endY - startY)\r\n    const top = startY < endY ? startY : endY\r\n    const left = startX < endX ? startX : endX\r\n    const bottom = window.innerHeight - height - top\r\n    const right = window.innerWidth - width - left\r\n\r\n    const maskPath = `\r\n      linear-gradient(to top, #fff, #fff) top / 100% ${top}px,\r\n      linear-gradient(to bottom, #fff, #fff) bottom /100% ${bottom}px,\r\n      linear-gradient(to left, #fff, #fff) left / ${left}px 100%,\r\n      linear-gradient(to right, #fff, #fff) right / ${right}px 100%\r\n    `\r\n    Object.assign(cutter.style, {\r\n      width: `${width}px`,\r\n      height: `${height}px`,\r\n      left: `${left}px`,\r\n      top: `${top}px`,\r\n    })\r\n    Object.assign(mask.style, {\r\n      'mask': maskPath,\r\n      '-webkit-mask-repeat': 'no-repeat',\r\n    })\r\n    coordinate.textContent = `${width}, ${height}`\r\n  }\r\n  const toggleRect = (event: MouseEvent) => {\r\n    // 右键取消截图操作\r\n    if (event.button === 2) {\r\n      document.removeEventListener('mousemove', drawRect)\r\n      document.removeEventListener('mousedown', toggleRect)\r\n      console.log('right')\r\n      document.addEventListener('contextmenu', removeContextmenu)\r\n      return\r\n    }\r\n    if (!status.leftClickLockFlag) {\r\n      if (status.start) {\r\n        // 如果有起点，则当前触发坐标为终点，移除监听事件并添加确认和取消按钮\r\n        document.removeEventListener('mousemove', drawRect)\r\n        const doneBtn = document.createElement('div')\r\n        doneBtn.innerHTML = `<div class=\"ql-screenshot-confirm\"></div><div class=\"ql-screenshot-cancel\"></div>`\r\n        doneBtn.className = 'ql-screenshot-done'\r\n        doneBtn.addEventListener('click', afterShotCtrl)\r\n        coordinate.remove()\r\n        cutter.appendChild(doneBtn)\r\n        status.leftClickLockFlag = true\r\n      }\r\n      else {\r\n        // 无起点则设置起点坐标，监听鼠标移动\r\n        status.start = { x: event.clientX, y: event.clientY }\r\n        document.addEventListener('mousemove', drawRect)\r\n      }\r\n    }\r\n  }\r\n  document.addEventListener('mousedown', toggleRect)\r\n}\r\nScreenshot.toolName = 'screenshot'\r\n"],"names":[],"mappings":"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"}
+{"version":3,"file":"index.cjs.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":["imgToBase64","lockScroll","image"],"mappings":";;;;;AAOA,MAAM,QAAQ,MAAM,OAAO,OAAO;AAelC,SAAS,eAAe,SAAqC;AAC3D,SAAO,OAAO,OAAO;AAAA;AAAA,IAEnB,aAAa,OAAO;AAAA,IACpB,SAAS;AAAA,IACT,OAAO;AAAA,IACP,wBAAwB;AAAA,IACxB,mBAAmB;AAAA,IACnB,oBAAoB;AAAA,KACnB,OAAO;AACZ;AAEA,SAAS,OAAO;AACR,QAAA,YAAY,SAAS,iBAAiB,qBAAqB;AACjE,MAAI,WAAW;AACb,cAAU,QAAQ,CAAA,SAAQ,QAAQ,KAAK,QAAQ;AAAA,EACjD;AAEM,QAAA,UAAU,SAAS,cAAc,KAAK;AACpC,UAAA,UAAU,IAAI,uBAAuB;AACvC,QAAA,OAAO,SAAS,cAAc,KAAK;AACzC,OAAK,YAAY;AACX,QAAA,SAAS,SAAS,cAAc,KAAK;AAC3C,SAAO,YAAY;AACb,QAAA,aAAa,SAAS,cAAc,GAAG;AAC7C,aAAW,YAAY;AACvB,SAAO,YAAY,UAAU;AAC7B,UAAQ,YAAY,IAAI;AACxB,UAAQ,YAAY,MAAM;AACjB,WAAA,KAAK,YAAY,OAAO;AACjC,SAAO,EAAE,SAAS,MAAM,QAAQ,WAAW;AAC7C;AAEA,SAAS,gBAAgB,KAAkB;AACrC,MAAA,IAAI,YAAY,OAAe,QAAA;AAC/B,MAAA,CAAC,SAAS,QAAQ,EAAE,SAAS,IAAI,cAAc,MAAM,QAAQ,EAAU,QAAA;AACpE,SAAA,gBAAgB,IAAI,aAAa;AAC1C;AACA,eAAe,YACb,aACA,oBACA,MACA,SACA;AACI,MAAA,WAAW,QAAQ,oBAAoB;AACzC,UAAM,QAAQ;EAChB;AACA,QAAM,SAA4B,MAAM,YAAY,SAAS,MAAM;AAAA,IACjE,GAAG;AAAA,IACH,SAAS,OAAO,KAAe,OAAoB;AAEjD,YAAM,WAAW,MAAM,KAAK,IAAI,iBAAiB,6BAA6B,CAAC;AAC/E,YAAM,YAAY,MAAM,KAAK,IAAI,iBAAiB,8BAA8B,CAAC;AAC3E,YAAA,mCAAmB,IAAI,CAAC,GAAG,UAAU,GAAG,SAAS,CAAC;AACxD,iBAAW,OAAO,cAAc;AAG1B,YAAA,gBAAgB,GAAG,EAAG;AAE1B,YAAI,IAAI;AACR,YAAI,IAAI;AACJ,YAAA,IAAI,MAAM,QAAQ,QAAQ;AAC5B,cAAI,OAAO;AAAA,QACb;AACI,YAAA,IAAI,MAAM,SAAS,QAAQ;AAC7B,cAAI,OAAO;AAAA,QACb;AACI,YAAA,MAAM,KAAK,MAAM,GAAG;AACtB,cAAI,MAAM,YAAY,aAAa,CAAC,OAAO,CAAC;AAAA,QAC9C;AAAA,MACF;AAEM,YAAA,OAAO,IAAI,iBAAiB,KAAK;AACvC,YAAM,WAAW,MAAM,KAAK,IAAI,EAAE,IAAI,OAAO,QAAQ;AACnD,YAAI,MAAM,MAAMA,MAAY,YAAA,IAAI,GAAG;AAAA,MAAA,CACpC;AACK,YAAA,QAAQ,IAAI,QAAQ;AAC1B,yBAAmB,WAAW,MAAM,mBAAmB,QAAQ,KAAK,EAAE;AAAA,IACxE;AAAA,EAAA,CACD;AAEG,MAAA,aAAyC,SAAS,cAAc,QAAQ;AAC5E,aAAW,QAAQ,KAAK;AACxB,aAAW,SAAS,KAAK;AACnB,QAAA,gBAAgB,WAAW,WAAW,IAAI;AAClC,gBAAA;AAAA,IACZ;AAAA,IACA,KAAK,IAAI,OAAO;AAAA,IAChB,KAAK,IAAI,OAAO;AAAA,IAChB,KAAK;AAAA,IACL,KAAK;AAAA,IACL;AAAA,IACA;AAAA,IACA,KAAK;AAAA,IACL,KAAK;AAAA,EAAA;AAEH,MAAA,WAAW,QAAQ,mBAAmB;AAC3B,iBAAA,MAAM,QAAQ,kBAAkB,UAAU;AAAA,EACzD;AACA,SAAO,OAAO,eAAe,WAAW,aAAa,WAAW,UAAU;AAC5E;AAEO,SAAS,aAAqD;AACnE,OAAK,MAAM,QAAQ,aAAa,eAAe,KAAK,MAAM,QAAQ,UAAU;AACtE,QAAA,UAAU,KAAK,MAAM,QAAQ;AAEnC,QAAM,EAAE,aAAa,mBAAmB,oBAAoB,GAAG,mBAAuB,IAAA;AACtF,MAAI,CAAC,aAAa;AACV,UAAA,IAAI,MAAM,qGAAqG;AAAA,EACvH;AACM,QAAA,QAAQ,KAAK,MAAM,aAAa;AACtC,QAAM,EAAE,SAAS,MAAM,QAAQ,WAAA,IAAe;AAC9C,QAAM,SAMF;AAAA,IACF,mBAAmB;AAAA,IACnB,OAAO;AAAA,EAAA;AAET,QAAM,YAAYC,WAAAA;AAEZ,QAAA,oBAAoB,CAAC,UAAiB;AAC1C,UAAM,eAAe;AACrB,YAAQ,OAAO;AACL;AACD,aAAA,oBAAoB,eAAe,iBAAiB;AAAA,EAAA;AAEzD,QAAA,gBAAgB,OAAO,UAAsB;AACxC,aAAA,oBAAoB,aAAa,UAAU;AAC9C,UAAA,aAAa,OAAO;AAC1B,UAAM,SAAS,MAAM;AACrB,YAAQ,OAAO;AACL;AACN,QAAA,UAAU,OAAO,cAAc,yBAAyB;AACpD,YAAAC,SAAQ,MAAM,YAAY,aAAa,oBAAoB,YAAY,EAAE,oBAAoB,kBAAA,CAAmB;AAEtH,YAAM,QAAQ,IAAI,MAAM,EACrB,OAAO,MAAM,KAAK,EAClB,OAAO,MAAM,MAAM,EACnB,OAAO,EAAE,OAAAA,OAAO,CAAA;AACnB,WAAK,MAAM,eAAe,OAAO,MAAM,QAAQ,IAAI;AACnD,WAAK,MAAM,aAAa,MAAM,QAAQ,GAAG,MAAM,QAAQ,MAAM;AAAA,IAC/D;AACA,WAAO,QAAQ;AAAA,EAAA;AAEX,QAAA,WAAW,CAAC,UAAsB;AAEhC,UAAA,SAAS,OAAO,MAAM;AACtB,UAAA,SAAS,OAAO,MAAM;AAC5B,UAAM,OAAO,MAAM;AACnB,UAAM,OAAO,MAAM;AACnB,UAAM,QAAQ,KAAK,IAAI,OAAO,MAAM;AACpC,UAAM,SAAS,KAAK,IAAI,OAAO,MAAM;AAC/B,UAAA,MAAM,SAAS,OAAO,SAAS;AAC/B,UAAA,OAAO,SAAS,OAAO,SAAS;AAChC,UAAA,SAAS,OAAO,cAAc,SAAS;AACvC,UAAA,QAAQ,OAAO,aAAa,QAAQ;AAE1C,UAAM,WAAW;AAAA,uDACkC,GAAG;AAAA,4DACE,MAAM;AAAA,oDACd,IAAI;AAAA,sDACF,KAAK;AAAA;AAEhD,WAAA,OAAO,OAAO,OAAO;AAAA,MAC1B,OAAO,GAAG,KAAK;AAAA,MACf,QAAQ,GAAG,MAAM;AAAA,MACjB,MAAM,GAAG,IAAI;AAAA,MACb,KAAK,GAAG,GAAG;AAAA,IAAA,CACZ;AACM,WAAA,OAAO,KAAK,OAAO;AAAA,MACxB,QAAQ;AAAA,MACR,uBAAuB;AAAA,IAAA,CACxB;AACD,eAAW,cAAc,GAAG,KAAK,KAAK,MAAM;AAAA,EAAA;AAExC,QAAA,aAAa,CAAC,UAAsB;AAEpC,QAAA,MAAM,WAAW,GAAG;AACb,eAAA,oBAAoB,aAAa,QAAQ;AACzC,eAAA,oBAAoB,aAAa,UAAU;AAC3C,eAAA,iBAAiB,eAAe,iBAAiB;AAC1D;AAAA,IACF;AACI,QAAA,CAAC,OAAO,mBAAmB;AAC7B,UAAI,OAAO,OAAO;AAEP,iBAAA,oBAAoB,aAAa,QAAQ;AAC5C,cAAA,UAAU,SAAS,cAAc,KAAK;AAC5C,gBAAQ,YAAY;AACpB,gBAAQ,YAAY;AACZ,gBAAA,iBAAiB,SAAS,aAAa;AAC/C,mBAAW,OAAO;AAClB,eAAO,YAAY,OAAO;AAC1B,eAAO,oBAAoB;AAAA,MAAA,OAExB;AAEH,eAAO,QAAQ,EAAE,GAAG,MAAM,SAAS,GAAG,MAAM;AACnC,iBAAA,iBAAiB,aAAa,QAAQ;AAAA,MACjD;AAAA,IACF;AAAA,EAAA;AAEO,WAAA,iBAAiB,aAAa,UAAU;AACnD;AACA,WAAW,WAAW;;"}

package/lib/soft-break/index.cjs.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.cjs.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.cjs.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/lib/strike/index.cjs.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.cjs.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.cjs.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/lib/syntax/index.cjs.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.cjs.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.cjs.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/lib/table/better-table.cjs.js

@@ -11,7 +11,7 @@ const tableScrollBar = require("./modules/table-scroll-bar.cjs.js");
 const tableSelection = require("./modules/table-selection.cjs.js");
 const nodeMatchers = require("./utils/node-matchers.cjs.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() {
@@ -96,8 +96,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", nodeMatchers.matchTableCell);
     quill.clipboard.addMatcher("th", nodeMatchers.matchTableHeader);
     quill.clipboard.addMatcher("table", nodeMatchers.matchTable);
@@ -131,7 +131,7 @@ class BetterTable extends Module {
               const classes = Array.from(table2.parentNode.classList);
               if (selectionStart <= tableStart && tableEnd <= selectionEnd) {
                 table2.parentNode.classList.add("quill-better-table-selected");
-              } else if (classes.indexOf("quill-better-table-selected") >= 0) {
+              } else if (classes.includes("quill-better-table-selected")) {
                 table2.parentNode.classList.remove("quill-better-table-selected");
               }
             }
@@ -366,7 +366,6 @@ BetterTable.keyboardBindings = {
     format: ["table-col"],
     collapsed: true,
     offset: 0,
-    // eslint-disable-next-line @typescript-eslint/no-empty-function
     handler() {
     }
   },