@opentiny/fluent-editor 3.25.4 → 4.0.0-alpha.1

package/es/modules/link/modules/tooltip.es.js.map

@@ -1 +1 @@
-{"version":3,"file":"tooltip.es.js","sources":["../../../../../src/modules/link/modules/tooltip.ts"],"sourcesContent":["import Quill, { Range } from 'quill'\r\nimport Emitter from 'quill/core/emitter'\r\nimport { BaseTooltip } from 'quill/themes/base'\r\nimport { CHANGE_LANGUAGE_EVENT, LANG_CONF } from '../../../config'\r\nimport { hadProtocol, isNullOrUndefined } from '../../../config/editor.utils'\r\nimport { debounce } from '../../../utils/debounce'\r\nimport LinkBlot from '../formats/link'\r\n\r\n// @dynamic\r\nexport default class Tooltip extends BaseTooltip {\r\n  static TEMPLATE: string = [\r\n    `<input type=\"text\" data-formula=\"e=mc^2\" data-link=\"${LANG_CONF['en-US'].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\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  options: { autoProtocol: string } = {\r\n    autoProtocol: 'https',\r\n  }\r\n\r\n  constructor(quill, bounds) {\r\n    super(quill, bounds)\r\n    this.setTemplate()\r\n    this.isInputFocus = false\r\n    this.isHover = false\r\n\r\n    this.resolveOptions()\r\n    LinkBlot.autoProtocol = this.options.autoProtocol\r\n    this.debouncedHideToolTip = debounce(this.hideToolTip, 300)\r\n    this.debouncedShowToolTip = debounce(this.showToolTip, 300)\r\n    this.quill.emitter.on(CHANGE_LANGUAGE_EVENT, () => {\r\n      this.setTemplate()\r\n    })\r\n  }\r\n\r\n  setTemplate() {\r\n    this.root.innerHTML = [\r\n      `<input type=\"text\" data-formula=\"e=mc^2\" data-link=\"${this.quill.getLangText('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    this.textbox = this.root.querySelector('input[type=\"text\"]')\r\n    this.listen()\r\n  }\r\n\r\n  resolveOptions() {\r\n    this.options = {\r\n      autoProtocol: 'https',\r\n    }\r\n    const value = this.quill.options.autoProtocol\r\n    if (value && typeof value === 'string') {\r\n      this.options.autoProtocol = value\r\n    }\r\n    else if (typeof value === 'boolean' && !value) {\r\n      this.options.autoProtocol = ''\r\n    }\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    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        if (this.options.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  // @ts-expect-error\r\n  edit(mode: string = '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: string) {\r\n    let result = url\r\n    if (!url) {\r\n      return ''\r\n    }\r\n    if (!hadProtocol(url)) {\r\n      result = `${this.options.autoProtocol}://${url}`\r\n    }\r\n    return result\r\n  }\r\n}\r\n"],"names":["LinkBlot"],"mappings":";;;;;;;;AASA,MAAqB,WAArB,MAAqB,iBAAgB,YAAY;AAAA,EAuB/C,YAAY,OAAO,QAAQ;AACzB,UAAM,OAAO,MAAM;AALe,SAAA,UAAA;AAAA,MAClC,cAAc;AAAA,IAChB;AAIE,SAAK,YAAY;AACjB,SAAK,eAAe;AACpB,SAAK,UAAU;AAEf,SAAK,eAAe;AACXA,WAAA,eAAe,KAAK,QAAQ;AACrC,SAAK,uBAAuB,SAAS,KAAK,aAAa,GAAG;AAC1D,SAAK,uBAAuB,SAAS,KAAK,aAAa,GAAG;AAC1D,SAAK,MAAM,QAAQ,GAAG,uBAAuB,MAAM;AACjD,WAAK,YAAY;AAAA,IAAA,CAClB;AAAA,EAAA;AAAA,EAGH,cAAc;AACZ,SAAK,KAAK,YAAY;AAAA,MACpB,uDAAuD,KAAK,MAAM,YAAY,iBAAiB,CAAC;AAAA,MAChG;AAAA,MACA;AAAA,MACA;AAAA,IAAA,EACA,KAAK,EAAE;AACT,SAAK,UAAU,KAAK,KAAK,cAAc,oBAAoB;AAC3D,SAAK,OAAO;AAAA,EAAA;AAAA,EAGd,iBAAiB;AACf,SAAK,UAAU;AAAA,MACb,cAAc;AAAA,IAChB;AACM,UAAA,QAAQ,KAAK,MAAM,QAAQ;AAC7B,QAAA,SAAS,OAAO,UAAU,UAAU;AACtC,WAAK,QAAQ,eAAe;AAAA,IAErB,WAAA,OAAO,UAAU,aAAa,CAAC,OAAO;AAC7C,WAAK,QAAQ,eAAe;AAAA,IAAA;AAAA,EAC9B;AAAA,EAGF,aAAa;AACX,WAAO,CAAC,KAAK,WAAW,CAAC,KAAK;AAAA,EAAA;AAAA,EAGhC,cAAc;AACR,QAAA,KAAK,cAAc;AACrB,WAAK,KAAK;AAAA,IAAA;AAAA,EACZ;AAAA,EAGF,YAAY,MAAM,OAAO,OAAO;AAC1B,QAAA,CAAC,KAAK,cAAc;AACjB,WAAA,KAAK,MAAM,OAAO,KAAK;AAAA,IAAA;AAAA,EAC9B;AAAA,EAGF,mBAAmB;AACjB,SAAK,UAAU;AACf,SAAK,qBAAqB;AAAA,EAAA;AAAA,EAG5B,iBAAiB,OAAO;AACtB,UAAM,gBAAgB,CAAC,KAAK,KAAK,UAAU,SAAS,WAAW;AAC/D,QAAI,eAAe;AACjB;AAAA,IAAA;AAGF,QAAI,KAAK,cAAc;AACrB,WAAK,KAAK;AAAA,IAAA;AAEZ,SAAK,UAAU;AACf,UAAM,WAAW,MAAM;AACjB,UAAA,UAAUA,OAAS,QAAQ,QAAQ;AACrC,QAAA,QAAQ,WAAW,GAAG,GAAG;AAC3B;AAAA,IAAA;AAEI,UAAA,WAAW,MAAM,KAAK,QAAQ;AACpC,UAAM,QAAQ,KAAK,MAAM,SAAS,QAAQ;AAC1C,UAAM,CAAC,MAAM,MAAM,IAAI,KAAK,MAAM,OAAO;AAAA,MACvCA;AAAAA,MACA;AAAA,IACF;AACM,UAAA,SAAS,QAAQ,KAAK,OAAO;AACnC,SAAK,YAAY,IAAI,MAAM,QAAQ,QAAQ,MAAM;AACjD,SAAK,qBAAqB,QAAQ,SAAS,KAAK,SAAS;AAAA,EAAA;AAAA,EAG3D,SAAS;AACP,UAAM,OAAO;AACb,SAAK,KAAK,cAAc,aAAa,EAAE,iBAAiB,SAAS,CAAC,UAAU;AAC1E,UAAI,CAAC,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,MAAA;AAEd,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,SAASA,OAAS,SAAS,MACrD,CAAC,MAAM,OAAO,QAAQ,KAAKA,OAAS,SAAS,EAAE,GAClD;AACA;AAAA,QAAA;AAEF,aAAK,iBAAiB,KAAK;AAAA,MAC7B;AAAA,MACA;AAAA,IACF;AAEA,SAAK,MAAM,KAAK;AAAA,MACd;AAAA,MACA,CAAC,UAAU;AACT,YAAI,MAAM,OAAO,QAAQ,kBAAkB,OAAO,CAAC,MAAM,OAAO,QAAQ,KAAKA,OAAS,SAAS,EAAE,GAAG;AAClG;AAAA,QAAA;AAEF,aAAK,iBAAiB;AAAA,MACxB;AAAA,MACA;AAAA,IACF;AAEA,SAAK,KAAK;AAAA,MACR;AAAA,MACA,MAAM;AACJ,aAAK,UAAU;AAAA,MACjB;AAAA,MACA;AAAA,IACF;AAEK,SAAA,KAAK,iBAAiB,cAAc,KAAK,iBAAiB,KAAK,IAAI,GAAG,KAAK;AAEhF,SAAK,KAAK,cAAc,cAAc,EAAE,iBAAiB,SAAS,CAAC,UAAU;AAC3E,YAAM,OAAOA,OAAS,SAAS,KAAK,QAAQ,KAAK;AAC1C,aAAA,KAAK,MAAM,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,YAAA,kBAAkB,KAAK,EAAG;AAC1B,YAAA,WAAW,QAAQ,QAAQ,MAAM;AACnC,gBAAM,CAAC,MAAM,MAAM,IAAI,KAAK,MAAM,OAAO;AAAA,YACvCA;AAAAA,YACA,MAAM;AAAA,UACR;AAEI,cAAA,CAAC,kBAAkB,IAAI,GAAG;AACvB,iBAAA,YAAY,IAAI,MAAM,MAAM,QAAQ,QAAQ,KAAK,QAAQ;AAC9D,kBAAM,UAAUA,OAAS,QAAQ,KAAK,OAAO;AAC7C,gBAAI,CAAC,QAAQ,WAAW,GAAG,GAAG;AAC5B,mBAAK,KAAK,QAAQ,SAAS,KAAK,SAAS;AAAA,YAAA;AAE3C;AAAA,UAAA;AAAA,QACF;AAEE,YAAA,KAAK,cAAc;AACrB,eAAK,KAAK;AAAA,QAAA;AAAA,MACZ;AAAA,IAEJ;AACA,SAAK,MAAM;AAAA,MACT,QAAQ,OAAO;AAAA,MACf,MAAM;AACE,cAAA,YAAY,KAAK,MAAM,aAAa;AACpC,cAAA,QAAQ,aAAa,UAAU;AACrC,mBAAW,MAAM;AACT,gBAAA,OAAO,KAAK,MAAM,OAAO;AAAA,YAC7BA;AAAAA,YACA;AAAA,YACA,CAAC;AACH,cAAI,CAAC,MAAM;AACT,iBAAK,iBAAiB;AAAA,UAAA;AAAA,QACxB,CACD;AAAA,MAAA;AAAA,IAEL;AAAA,EAAA;AAAA,EAGF,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,UAAA,IAAc,KAAK,MAAM;AAC7B,YAAA,KAAK,QAAQ,cAAc;AACrB,kBAAA,KAAK,gBAAgB,KAAK;AAAA,QAAA;AAGpC,YAAI,KAAK,WAAW;AAClB,eAAK,MAAM;AAAA,YACT,KAAK;AAAA,YACL;AAAA,YACA;AAAA,YACA,QAAQ,QAAQ;AAAA,UAClB;AACA,eAAK,aAAa;AAAA,QAAA,OAEf;AACH,eAAK,aAAa;AAClB,eAAK,MAAM,OAAO,QAAQ,OAAO,QAAQ,QAAQ,IAAI;AAAA,QAAA;AAElD,aAAA,MAAM,KAAK,YAAY;AAC5B;AAAA,MAAA;AAAA,MAEF,KAAK,WAAW;AACd,cAAM,QAAQ,KAAK,MAAM,aAAa,IAAI;AACtC,YAAA,CAAC,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,UAClB;AACA,cAAI,KAAK,KAAK,aAAa,WAAW,MAAM,WAAW;AACrD,iBAAK,MAAM,WAAW,QAAQ,GAAG,KAAK,QAAQ,QAAQ,IAAI;AAAA,UAAA;AAE5D,eAAK,MAAM,aAAa,QAAQ,GAAG,QAAQ,QAAQ,IAAI;AAAA,QAAA;AAEzD;AAAA,MAAA;AAAA,MAEF,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,MAAA;AAAA,MAEF;AAAA,IAAA;AAAA,EACF;AAAA,EAGF,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,IAAA;AAEpC,QAAA,WAAW,OAAO,gBAAgB,MAAM;AAClC,cAAA,gBAAgB,OAAO,WAAW;AAC1C,WAAK,KAAK,MAAM,OAAO,GAAG,OAAO,KAAK;AAAA,IAAA;AAEpC,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,IAAA;AAE5B,WAAA;AAAA,EAAA;AAAA;AAAA,EAIT,KAAK,OAAe,QAAQ,UAAU,MAAM,OAAO;AACjD,SAAK,YAAY,SAAS,KAAK,MAAM,UAAU;AAC1C,SAAA,KAAK,UAAU,OAAO,WAAW;AACjC,SAAA,KAAK,UAAU,IAAI,YAAY;AAChC,QAAA,CAAC,kBAAkB,OAAO,GAAG;AAC/B,WAAK,QAAQ,QAAQ;AAAA,IAAA,WAEd,SAAS,KAAK,KAAK,aAAa,WAAW,GAAG;AACrD,WAAK,QAAQ,QAAQ;AAAA,IAAA;AAElB,SAAA,SAAS,KAAK,MAAM,UAAU,SAAS,KAAK,MAAM,UAAU,UAAU,CAAC;AACxE,QAAA,KAAK,QAAQ,UAAU,IAAI;AAC7B,WAAK,QAAQ,MAAM;AAAA,IAAA;AAErB,SAAK,QAAQ;AAAA,MACX;AAAA,MACA,KAAK,QAAQ,aAAa,QAAQ,IAAI,EAAE,KAAK;AAAA,IAC/C;AACK,SAAA,KAAK,aAAa,aAAa,IAAI;AAAA,EAAA;AAAA,EAG1C,OAAO;AACL,UAAM,KAAK;AACN,SAAA,KAAK,gBAAgB,WAAW;AAAA,EAAA;AAAA,EAGvC,gBAAgB,KAAa;AAC3B,QAAI,SAAS;AACb,QAAI,CAAC,KAAK;AACD,aAAA;AAAA,IAAA;AAEL,QAAA,CAAC,YAAY,GAAG,GAAG;AACrB,eAAS,GAAG,KAAK,QAAQ,YAAY,MAAM,GAAG;AAAA,IAAA;AAEzC,WAAA;AAAA,EAAA;AAEX;AA7UE,SAAO,WAAmB;AAAA,EACxB,uDAAuD,UAAU,OAAO,EAAE,eAAe;AAAA,EACzF;AAAA,EACA;AAAA,EACA;AAAA,EACA,KAAK,EAAE;AANX,IAAqB,UAArB;"}
+{"version":3,"file":"tooltip.es.js","sources":["../../../../../src/modules/link/modules/tooltip.ts"],"sourcesContent":["import Quill, { Range } from 'quill'\r\nimport Emitter from 'quill/core/emitter'\r\nimport { BaseTooltip } from 'quill/themes/base'\r\nimport { CHANGE_LANGUAGE_EVENT } from '../../../config'\r\nimport { hadProtocol, isNullOrUndefined } from '../../../config/editor.utils'\r\nimport { EN_US } from '../../../config/i18n/en-us'\r\nimport { debounce } from '../../../utils/debounce'\r\nimport LinkBlot from '../formats/link'\r\n\r\n// @dynamic\r\nexport default class Tooltip extends BaseTooltip {\r\n  static TEMPLATE: string = [\r\n    `<input type=\"text\" data-formula=\"e=mc^2\" data-link=\"${EN_US.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\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  options: { autoProtocol: string } = {\r\n    autoProtocol: 'https',\r\n  }\r\n\r\n  constructor(quill, bounds) {\r\n    super(quill, bounds)\r\n    this.setTemplate()\r\n    this.isInputFocus = false\r\n    this.isHover = false\r\n\r\n    this.resolveOptions()\r\n    LinkBlot.autoProtocol = this.options.autoProtocol\r\n    this.debouncedHideToolTip = debounce(this.hideToolTip, 300)\r\n    this.debouncedShowToolTip = debounce(this.showToolTip, 300)\r\n    this.quill.emitter.on(CHANGE_LANGUAGE_EVENT, () => {\r\n      this.setTemplate()\r\n    })\r\n  }\r\n\r\n  setTemplate() {\r\n    this.root.innerHTML = [\r\n      `<input type=\"text\" data-formula=\"e=mc^2\" data-link=\"${this.quill.getLangText('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    this.textbox = this.root.querySelector('input[type=\"text\"]')\r\n    this.listen()\r\n  }\r\n\r\n  resolveOptions() {\r\n    this.options = {\r\n      autoProtocol: 'https',\r\n    }\r\n    const value = this.quill.options.autoProtocol\r\n    if (value && typeof value === 'string') {\r\n      this.options.autoProtocol = value\r\n    }\r\n    else if (typeof value === 'boolean' && !value) {\r\n      this.options.autoProtocol = ''\r\n    }\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    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        if (this.options.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  // @ts-expect-error\r\n  edit(mode: string = '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: string) {\r\n    let result = url\r\n    if (!url) {\r\n      return ''\r\n    }\r\n    if (!hadProtocol(url)) {\r\n      result = `${this.options.autoProtocol}://${url}`\r\n    }\r\n    return result\r\n  }\r\n}\r\n"],"names":["LinkBlot"],"mappings":"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"}

package/es/modules/shortcut-key/index.es.js

@@ -0,0 +1,229 @@
+import Quill from "quill";
+import QuillShortcutKey, { searchAndSort, defaultShortKey } from "quill-shortcut-key";
+import "../../config/index.es.js";
+import { CHANGE_LANGUAGE_EVENT } from "../../config/editor.config.es.js";
+class ShortCutKey extends QuillShortcutKey {
+  constructor(quill, options) {
+    super(quill, options);
+    this.quill = quill;
+    this.quill.emitter.on(CHANGE_LANGUAGE_EVENT, () => {
+      this.destroyMenuList();
+      this.options = this.resolveOptions(options);
+      this.menuSorter = searchAndSort.bind(this, this.getAllMenuItems());
+      this.placeholderTip.remove();
+      this.placeholderTip = this.initPlaceholder();
+      this.placeholderUpdate();
+    });
+  }
+  resolveOptions(options) {
+    const defaultMenuItems = this.defaultMenuList();
+    const value = Object.assign({
+      placeholder: this.quill.getLangText("input-recall-menu-placeholder"),
+      menuItems: defaultMenuItems,
+      isMenuItemsAdd: false,
+      menuKeyboardControls: () => false
+    }, options);
+    if (value.isMenuItemsAdd) {
+      value.menuItems = [...defaultMenuItems, ...value.menuItems];
+    }
+    const deepCopyMenuItems = (items) => {
+      return items.map((item) => {
+        const value2 = {
+          ...item
+        };
+        if (item.title) {
+          value2.title = this.quill.getLangText(item.title);
+        }
+        if (item.type === "group") {
+          value2.children = deepCopyMenuItems(item.children);
+        }
+        return value2;
+      });
+    };
+    value.menuItems = deepCopyMenuItems(value.menuItems);
+    return value;
+  }
+  defaultMenuList() {
+    const icons = Quill.import("ui/icons");
+    const toolbarHandler = (format) => {
+      return function(range) {
+        if (!range) return;
+        const toolbarModule = this.getModule("toolbar");
+        if (!toolbarModule) return;
+        toolbarModule.handlers[format].call(toolbarModule, true);
+      };
+    };
+    const formatHandler = (format, value) => {
+      return function(range) {
+        if (!range) return;
+        this.formatLine(range.index, 0, format, value, Quill.sources.USER);
+      };
+    };
+    return [
+      ...new Array(6).fill(0).map((_, i) => ({
+        type: "item",
+        name: `h${i + 1}`,
+        alias: ["header", `head${i + 1}`],
+        icon: icons.header[i + 1],
+        title: this.quill.getLangText(`header-${i + 1}`),
+        onClick: formatHandler("header", i + 1)
+      })),
+      {
+        type: "item",
+        name: "yy",
+        alias: ["blockquote"],
+        icon: icons.blockquote,
+        title: this.quill.getLangText("blockquote"),
+        onClick: formatHandler("blockquote", true)
+      },
+      {
+        type: "item",
+        name: "dm",
+        alias: ["code", "codeblock"],
+        icon: icons["code-block"],
+        title: this.quill.getLangText("code-block"),
+        onClick: formatHandler("code-block", true)
+      },
+      {
+        type: "item",
+        name: "lj",
+        alias: ["link"],
+        icon: icons.link,
+        title: this.quill.getLangText("link"),
+        onClick(range, _) {
+          if (!range) return;
+          const title = "link";
+          const link = prompt("Enter link URL");
+          if (!link) return;
+          this.insertText(range.index, title, Quill.sources.USER);
+          this.formatText(range.index, range.length + title.length, "link", link, Quill.sources.USER);
+          this.setSelection({ index: range.index, length: range.index + title.length });
+        }
+      },
+      {
+        type: "group",
+        name: "lb",
+        alias: [],
+        hideSearch: true,
+        icon: icons.list.bullet,
+        title: this.quill.getLangText("list"),
+        children: [
+          {
+            type: "item",
+            name: "wxlb",
+            alias: ["list", "bullet"],
+            icon: icons.list.bullet,
+            title: this.quill.getLangText("list-bullet"),
+            onClick: formatHandler("list", "bullet")
+          },
+          {
+            type: "item",
+            name: "yxlb",
+            alias: ["list", "ordered"],
+            icon: icons.list.ordered,
+            title: this.quill.getLangText("list-ordered"),
+            onClick: formatHandler("list", "ordered")
+          },
+          {
+            type: "item",
+            name: "rwlb",
+            alias: ["list", "check"],
+            icon: icons.list.check,
+            title: this.quill.getLangText("list-check"),
+            onClick: formatHandler("list", "unchecked")
+          }
+        ]
+      },
+      {
+        type: "item",
+        name: "bq",
+        alias: ["emoji"],
+        icon: icons.emoji,
+        title: this.quill.getLangText("emoji"),
+        onClick(range, _) {
+          if (!range) return;
+          const toolbarModule = this.getModule("toolbar");
+          if (!toolbarModule) return;
+          toolbarModule.handlers.emoji.call(toolbarModule, true);
+        }
+      },
+      {
+        type: "item",
+        name: "jp",
+        alias: ["screenshot"],
+        icon: icons.screenshot,
+        title: this.quill.getLangText("screenshot"),
+        onClick: toolbarHandler("screenshot")
+      },
+      {
+        type: "item",
+        name: "gs",
+        alias: ["formula"],
+        icon: icons.formula,
+        title: this.quill.getLangText("formula"),
+        onClick: toolbarHandler("formula")
+      },
+      {
+        type: "item",
+        name: "tp",
+        alias: ["image", "pic", "picture"],
+        icon: icons.image,
+        title: this.quill.getLangText("image"),
+        onClick: toolbarHandler("image")
+      },
+      {
+        type: "item",
+        name: "sp",
+        alias: ["video"],
+        icon: icons.video,
+        title: this.quill.getLangText("video"),
+        onClick: toolbarHandler("video")
+      },
+      {
+        type: "item",
+        name: "wj",
+        alias: ["file"],
+        icon: icons.file,
+        title: this.quill.getLangText("file"),
+        onClick: toolbarHandler("file")
+      }
+    ];
+  }
+}
+const shortKey = {
+  ...defaultShortKey,
+  link: {
+    key: "k",
+    shortKey: true,
+    handler(_, context) {
+      const toolbar = this.quill.getModule("toolbar");
+      if (!toolbar) return;
+      toolbar.handlers.link.call(toolbar, !context.format.link);
+    }
+  },
+  color: {
+    key: "c",
+    altKey: true,
+    shortKey: true,
+    handler() {
+      var _a;
+      const selected = this.quill.getModule("toolbar").container.querySelector(".ql-color.ql-color-picker .ql-picker-options .ql-selected");
+      this.quill.format("color", ((_a = selected == null ? void 0 : selected.dataset) == null ? void 0 : _a.value) || false, Quill.sources.USER);
+    }
+  },
+  background: {
+    key: "b",
+    altKey: true,
+    shortKey: true,
+    handler() {
+      var _a;
+      const selected = this.quill.getModule("toolbar").container.querySelector(".ql-background.ql-color-picker .ql-picker-options .ql-selected");
+      this.quill.format("background", ((_a = selected == null ? void 0 : selected.dataset) == null ? void 0 : _a.value) || false, Quill.sources.USER);
+    }
+  }
+};
+export {
+  ShortCutKey,
+  shortKey
+};
+//# sourceMappingURL=index.es.js.map

package/es/modules/shortcut-key/index.es.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.es.js","sources":["../../../../src/modules/shortcut-key/index.ts"],"sourcesContent":["import type { Range } from 'quill'\r\nimport type { Menu, MenuItemsGroup, QuillShortcutKeyInputOptions, QuillShortcutKeyOptions } from 'quill-shortcut-key'\r\nimport type { Context } from 'quill/modules/keyboard'\r\nimport type TypeToolbar from 'quill/modules/toolbar'\r\nimport type FluentEditor from '../../fluent-editor'\r\nimport Quill from 'quill'\r\nimport QuillShortcutKey, { defaultShortKey, searchAndSort } from 'quill-shortcut-key'\r\nimport { CHANGE_LANGUAGE_EVENT } from '../../config'\r\n\r\ninterface ShortCutKeyCustomOptions { isMenuItemsAdd: boolean }\r\ntype ShortCutKeyInputOptions = QuillShortcutKeyInputOptions & ShortCutKeyCustomOptions\r\ntype ShortCutKeyOptions = QuillShortcutKeyOptions & ShortCutKeyCustomOptions\r\n\r\nexport class ShortCutKey extends QuillShortcutKey {\r\n  options: ShortCutKeyOptions\r\n  constructor(public quill: FluentEditor, options: Partial<ShortCutKeyInputOptions>) {\r\n    super(quill, options)\r\n\r\n    this.quill.emitter.on(CHANGE_LANGUAGE_EVENT, () => {\r\n      this.destroyMenuList()\r\n      this.options = this.resolveOptions(options)\r\n      this.menuSorter = searchAndSort.bind(this, this.getAllMenuItems()) as (searchText: string) => Menu\r\n      this.placeholderTip.remove()\r\n      this.placeholderTip = this.initPlaceholder()\r\n      this.placeholderUpdate()\r\n    })\r\n  }\r\n\r\n  resolveOptions(options: Partial<ShortCutKeyInputOptions>) {\r\n    const defaultMenuItems = this.defaultMenuList()\r\n    const value: ShortCutKeyOptions = Object.assign({\r\n      placeholder: this.quill.getLangText('input-recall-menu-placeholder'),\r\n      menuItems: defaultMenuItems,\r\n      isMenuItemsAdd: false,\r\n      menuKeyboardControls: () => false,\r\n    }, options)\r\n    if (value.isMenuItemsAdd) {\r\n      value.menuItems = [...defaultMenuItems, ...value.menuItems]\r\n    }\r\n\r\n    const deepCopyMenuItems = (items: Menu): Menu => {\r\n      return items.map((item) => {\r\n        const value = {\r\n          ...item,\r\n        }\r\n        if (item.title) {\r\n          value.title = this.quill.getLangText(item.title)\r\n        }\r\n        if (item.type === 'group') {\r\n          (value as MenuItemsGroup).children = deepCopyMenuItems(item.children)\r\n        }\r\n        return value\r\n      })\r\n    }\r\n    value.menuItems = deepCopyMenuItems(value.menuItems)\r\n    return value\r\n  }\r\n\r\n  defaultMenuList() {\r\n    const icons = Quill.import('ui/icons') as Record<string, any>\r\n    const toolbarHandler = (format: string) => {\r\n      return function (range: Range | null) {\r\n        if (!range) return\r\n        const toolbarModule = this.getModule('toolbar') as TypeToolbar\r\n        if (!toolbarModule) return\r\n        toolbarModule.handlers[format].call(toolbarModule, true)\r\n      }\r\n    }\r\n    const formatHandler = (format: string, value: any) => {\r\n      return function (this: Quill, range: Range | null) {\r\n        if (!range) return\r\n        this.formatLine(range.index, 0, format, value, Quill.sources.USER)\r\n      }\r\n    }\r\n\r\n    return [\r\n      ...new Array(6).fill(0).map((_, i) => ({\r\n        type: 'item' as const,\r\n        name: `h${i + 1}`,\r\n        alias: ['header', `head${i + 1}`],\r\n        icon: icons.header[i + 1],\r\n        title: this.quill.getLangText(`header-${i + 1}`),\r\n        onClick: formatHandler('header', i + 1),\r\n      })),\r\n      {\r\n        type: 'item' as const,\r\n        name: 'yy',\r\n        alias: ['blockquote'],\r\n        icon: icons.blockquote,\r\n        title: this.quill.getLangText('blockquote'),\r\n        onClick: formatHandler('blockquote', true),\r\n      },\r\n      {\r\n        type: 'item' as const,\r\n        name: 'dm',\r\n        alias: ['code', 'codeblock'],\r\n        icon: icons['code-block'],\r\n        title: this.quill.getLangText('code-block'),\r\n        onClick: formatHandler('code-block', true),\r\n      },\r\n      {\r\n        type: 'item' as const,\r\n        name: 'lj',\r\n        alias: ['link'],\r\n        icon: icons.link,\r\n        title: this.quill.getLangText('link'),\r\n        onClick(this: Quill, range: Range | null, _: any) {\r\n          if (!range) return\r\n          const title = 'link'\r\n          const link = prompt('Enter link URL')\r\n          if (!link) return\r\n          this.insertText(range.index, title, Quill.sources.USER)\r\n          this.formatText(range.index, range.length + title.length, 'link', link, Quill.sources.USER)\r\n          this.setSelection({ index: range.index, length: range.index + title.length })\r\n        },\r\n      },\r\n      {\r\n        type: 'group' as const,\r\n        name: 'lb',\r\n        alias: [],\r\n        hideSearch: true,\r\n        icon: icons.list.bullet,\r\n        title: this.quill.getLangText('list'),\r\n        children: [\r\n          {\r\n            type: 'item' as const,\r\n            name: 'wxlb',\r\n            alias: ['list', 'bullet'],\r\n            icon: icons.list.bullet,\r\n            title: this.quill.getLangText('list-bullet'),\r\n            onClick: formatHandler('list', 'bullet'),\r\n          },\r\n          {\r\n            type: 'item' as const,\r\n            name: 'yxlb',\r\n            alias: ['list', 'ordered'],\r\n            icon: icons.list.ordered,\r\n            title: this.quill.getLangText('list-ordered'),\r\n            onClick: formatHandler('list', 'ordered'),\r\n          },\r\n          {\r\n            type: 'item' as const,\r\n            name: 'rwlb',\r\n            alias: ['list', 'check'],\r\n            icon: icons.list.check,\r\n            title: this.quill.getLangText('list-check'),\r\n            onClick: formatHandler('list', 'unchecked'),\r\n          },\r\n        ],\r\n      },\r\n      {\r\n        type: 'item' as const,\r\n        name: 'bq',\r\n        alias: ['emoji'],\r\n        icon: icons.emoji,\r\n        title: this.quill.getLangText('emoji'),\r\n        onClick(this: Quill, range: Range | null, _: any) {\r\n          if (!range) return\r\n          const toolbarModule = this.getModule('toolbar') as TypeToolbar\r\n          if (!toolbarModule) return\r\n          // TODO: keyboard handler emoji select(in emoji module)\r\n          toolbarModule.handlers.emoji.call(toolbarModule, true)\r\n        },\r\n      },\r\n      {\r\n        type: 'item' as const,\r\n        name: 'jp',\r\n        alias: ['screenshot'],\r\n        icon: icons.screenshot,\r\n        title: this.quill.getLangText('screenshot'),\r\n        onClick: toolbarHandler('screenshot'),\r\n      },\r\n      {\r\n        type: 'item' as const,\r\n        name: 'gs',\r\n        alias: ['formula'],\r\n        icon: icons.formula,\r\n        title: this.quill.getLangText('formula'),\r\n        onClick: toolbarHandler('formula'),\r\n      },\r\n      {\r\n        type: 'item' as const,\r\n        name: 'tp',\r\n        alias: ['image', 'pic', 'picture'],\r\n        icon: icons.image,\r\n        title: this.quill.getLangText('image'),\r\n        onClick: toolbarHandler('image'),\r\n      },\r\n      {\r\n        type: 'item' as const,\r\n        name: 'sp',\r\n        alias: ['video'],\r\n        icon: icons.video,\r\n        title: this.quill.getLangText('video'),\r\n        onClick: toolbarHandler('video'),\r\n      },\r\n      {\r\n        type: 'item' as const,\r\n        name: 'wj',\r\n        alias: ['file'],\r\n        icon: icons.file,\r\n        title: this.quill.getLangText('file'),\r\n        onClick: toolbarHandler('file'),\r\n      },\r\n    ]\r\n  }\r\n}\r\n\r\nexport const shortKey = {\r\n  ...defaultShortKey,\r\n  link: {\r\n    key: 'k',\r\n    shortKey: true,\r\n    handler(_, context: Context) {\r\n      const toolbar = this.quill.getModule('toolbar') as TypeToolbar\r\n      if (!toolbar) return\r\n      toolbar.handlers.link.call(toolbar, !context.format.link)\r\n    },\r\n  },\r\n  color: {\r\n    key: 'c',\r\n    altKey: true,\r\n    shortKey: true,\r\n    handler() {\r\n      const selected = this.quill.getModule('toolbar').container.querySelector('.ql-color.ql-color-picker .ql-picker-options .ql-selected')\r\n      this.quill.format('color', selected?.dataset?.value || false, Quill.sources.USER)\r\n    },\r\n  },\r\n  background: {\r\n    key: 'b',\r\n    altKey: true,\r\n    shortKey: true,\r\n    handler() {\r\n      const selected = this.quill.getModule('toolbar').container.querySelector('.ql-background.ql-color-picker .ql-picker-options .ql-selected')\r\n      this.quill.format('background', selected?.dataset?.value || false, Quill.sources.USER)\r\n    },\r\n  },\r\n}\r\n"],"names":["value"],"mappings":"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"}

package/es/modules/table-up/index.es.js

@@ -0,0 +1,64 @@
+import "../../config/index.es.js";
+import { CHANGE_LANGUAGE_EVENT } from "../../config/editor.config.es.js";
+function generateTableUp(QuillTableUp) {
+  return class extends QuillTableUp {
+    constructor(quill, options) {
+      super(quill, options);
+      this.quill = quill;
+      this.quill.emitter.on(CHANGE_LANGUAGE_EVENT, () => {
+        this.options.texts = this.resolveTexts(options.texts);
+        const toolbar = this.quill.getModule("toolbar");
+        if (toolbar && this.quill.theme.pickers) {
+          const [, select] = (toolbar.controls || []).find(([name]) => name === this.statics.toolName) || [];
+          if (select && select.tagName.toLocaleLowerCase() === "select") {
+            const picker = this.quill.theme.pickers.find((picker2) => picker2.select === select);
+            if (picker) {
+              this.buildCustomSelect(this.options.customSelect, picker);
+            }
+          }
+        }
+        if (this.tableSelection) {
+          this.tableSelection.destroy();
+        }
+        if (this.options.selection) {
+          this.tableSelection = new this.options.selection(this, this.quill, this.options.selectionOptions);
+        }
+      });
+    }
+    resolveTexts(options = {}) {
+      return Object.assign({
+        fullCheckboxText: this.quill.getLangText("fullCheckboxText"),
+        customBtnText: this.quill.getLangText("customBtnText"),
+        confirmText: this.quill.getLangText("confirmText"),
+        cancelText: this.quill.getLangText("cancelText"),
+        rowText: this.quill.getLangText("rowText"),
+        colText: this.quill.getLangText("colText"),
+        notPositiveNumberError: this.quill.getLangText("notPositiveNumberError"),
+        custom: this.quill.getLangText("custom"),
+        clear: this.quill.getLangText("clear"),
+        transparent: this.quill.getLangText("transparent"),
+        perWidthInsufficient: this.quill.getLangText("perWidthInsufficient"),
+        CopyCell: this.quill.getLangText("CopyCell"),
+        CutCell: this.quill.getLangText("CutCell"),
+        InsertTop: this.quill.getLangText("InsertTop"),
+        InsertRight: this.quill.getLangText("InsertRight"),
+        InsertBottom: this.quill.getLangText("InsertBottom"),
+        InsertLeft: this.quill.getLangText("InsertLeft"),
+        MergeCell: this.quill.getLangText("MergeCell"),
+        SplitCell: this.quill.getLangText("SplitCell"),
+        DeleteRow: this.quill.getLangText("DeleteRow"),
+        DeleteColumn: this.quill.getLangText("DeleteColumn"),
+        DeleteTable: this.quill.getLangText("DeleteTable"),
+        BackgroundColor: this.quill.getLangText("BackgroundColor"),
+        BorderColor: this.quill.getLangText("BorderColor")
+      }, Object.entries(options).reduce((pre, [key, value]) => {
+        pre[key] = this.quill.getLangText(value);
+        return pre;
+      }, {}));
+    }
+  };
+}
+export {
+  generateTableUp
+};
+//# sourceMappingURL=index.es.js.map

package/es/modules/table-up/index.es.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.es.js","sources":["../../../../src/modules/table-up/index.ts"],"sourcesContent":["import type { Parchment } from 'quill'\r\nimport type Toolbar from 'quill/modules/toolbar'\r\nimport type BaseTheme from 'quill/themes/base'\r\nimport type Picker from 'quill/ui/picker'\r\nimport type { Constructor } from '../../config/types'\r\nimport type FluentEditor from '../../core/fluent-editor'\r\nimport { CHANGE_LANGUAGE_EVENT } from '../../config'\r\n\r\ninterface QuillTheme extends BaseTheme {\r\n  pickers: QuillThemePicker[]\r\n}\r\ntype QuillThemePicker = (Picker & { options: HTMLElement })\r\ninterface InternalModule {\r\n  show: () => void\r\n  hide: () => void\r\n  update: () => void\r\n  destroy: () => void\r\n}\r\ninterface InternalTableSelectionModule extends InternalModule {\r\n  dragging: boolean\r\n  boundary: {\r\n    x: number\r\n    y: number\r\n    x1: number\r\n    y1: number\r\n    width: number\r\n    height: number\r\n  } | null\r\n  selectedTds: Parchment.Blot[]\r\n  cellSelect: HTMLElement\r\n  tableMenu?: InternalModule\r\n  computeSelectedTds: (\r\n    startPoint: {\r\n      x: number\r\n      y: number\r\n    },\r\n    endPoint: {\r\n      x: number\r\n      y: number\r\n    }\r\n  ) => Parchment.Blot[]\r\n  updateWithSelectedTds: () => void\r\n}\r\nexport function generateTableUp(QuillTableUp: Constructor) {\r\n  return class extends QuillTableUp {\r\n    tableSelection?: InternalTableSelectionModule\r\n    constructor(public quill: FluentEditor, options: Partial<any>) {\r\n      super(quill, options)\r\n\r\n      this.quill.emitter.on(CHANGE_LANGUAGE_EVENT, () => {\r\n        this.options.texts = this.resolveTexts(options.texts)\r\n        const toolbar = this.quill.getModule('toolbar') as Toolbar\r\n        if (toolbar && (this.quill.theme as QuillTheme).pickers) {\r\n          const [, select] = (toolbar.controls as [string, HTMLElement][] || []).find(([name]) => name === this.statics.toolName) || []\r\n          if (select && select.tagName.toLocaleLowerCase() === 'select') {\r\n            const picker = (this.quill.theme as QuillTheme).pickers.find(picker => picker.select === select)\r\n            if (picker) {\r\n              this.buildCustomSelect(this.options.customSelect, picker)\r\n            }\r\n          }\r\n        }\r\n        if (this.tableSelection) {\r\n          this.tableSelection.destroy()\r\n        }\r\n        if (this.options.selection) {\r\n          // eslint-disable-next-line new-cap\r\n          this.tableSelection = new this.options.selection(this, this.quill, this.options.selectionOptions)\r\n        }\r\n      })\r\n    }\r\n\r\n    resolveTexts(options: Partial<Record<string, string>> = {}) {\r\n      return Object.assign({\r\n        fullCheckboxText: this.quill.getLangText('fullCheckboxText'),\r\n        customBtnText: this.quill.getLangText('customBtnText'),\r\n        confirmText: this.quill.getLangText('confirmText'),\r\n        cancelText: this.quill.getLangText('cancelText'),\r\n        rowText: this.quill.getLangText('rowText'),\r\n        colText: this.quill.getLangText('colText'),\r\n        notPositiveNumberError: this.quill.getLangText('notPositiveNumberError'),\r\n        custom: this.quill.getLangText('custom'),\r\n        clear: this.quill.getLangText('clear'),\r\n        transparent: this.quill.getLangText('transparent'),\r\n        perWidthInsufficient: this.quill.getLangText('perWidthInsufficient'),\r\n        CopyCell: this.quill.getLangText('CopyCell'),\r\n        CutCell: this.quill.getLangText('CutCell'),\r\n        InsertTop: this.quill.getLangText('InsertTop'),\r\n        InsertRight: this.quill.getLangText('InsertRight'),\r\n        InsertBottom: this.quill.getLangText('InsertBottom'),\r\n        InsertLeft: this.quill.getLangText('InsertLeft'),\r\n        MergeCell: this.quill.getLangText('MergeCell'),\r\n        SplitCell: this.quill.getLangText('SplitCell'),\r\n        DeleteRow: this.quill.getLangText('DeleteRow'),\r\n        DeleteColumn: this.quill.getLangText('DeleteColumn'),\r\n        DeleteTable: this.quill.getLangText('DeleteTable'),\r\n        BackgroundColor: this.quill.getLangText('BackgroundColor'),\r\n        BorderColor: this.quill.getLangText('BorderColor'),\r\n      }, Object.entries(options).reduce((pre, [key, value]) => {\r\n        pre[key] = this.quill.getLangText(value)\r\n        return pre\r\n      }, {}))\r\n    }\r\n  }\r\n}\r\n"],"names":["picker"],"mappings":";;AA2CO,SAAS,gBAAgB,cAA2B;AACzD,SAAO,cAAc,aAAa;AAAA,IAEhC,YAAmB,OAAqB,SAAuB;AAC7D,YAAM,OAAO,OAAO;AADH,WAAA,QAAA;AAGjB,WAAK,MAAM,QAAQ,GAAG,uBAAuB,MAAM;AACjD,aAAK,QAAQ,QAAQ,KAAK,aAAa,QAAQ,KAAK;AACpD,cAAM,UAAU,KAAK,MAAM,UAAU,SAAS;AAC9C,YAAI,WAAY,KAAK,MAAM,MAAqB,SAAS;AACvD,gBAAM,CAAA,EAAG,MAAM,KAAK,QAAQ,YAAuC,CAAI,GAAA,KAAK,CAAC,CAAC,IAAI,MAAM,SAAS,KAAK,QAAQ,QAAQ,KAAK,CAAC;AAC5H,cAAI,UAAU,OAAO,QAAQ,kBAAA,MAAwB,UAAU;AACvD,kBAAA,SAAU,KAAK,MAAM,MAAqB,QAAQ,KAAK,CAAAA,YAAUA,QAAO,WAAW,MAAM;AAC/F,gBAAI,QAAQ;AACV,mBAAK,kBAAkB,KAAK,QAAQ,cAAc,MAAM;AAAA,YAAA;AAAA,UAC1D;AAAA,QACF;AAEF,YAAI,KAAK,gBAAgB;AACvB,eAAK,eAAe,QAAQ;AAAA,QAAA;AAE1B,YAAA,KAAK,QAAQ,WAAW;AAErB,eAAA,iBAAiB,IAAI,KAAK,QAAQ,UAAU,MAAM,KAAK,OAAO,KAAK,QAAQ,gBAAgB;AAAA,QAAA;AAAA,MAClG,CACD;AAAA,IAAA;AAAA,IAGH,aAAa,UAA2C,IAAI;AAC1D,aAAO,OAAO,OAAO;AAAA,QACnB,kBAAkB,KAAK,MAAM,YAAY,kBAAkB;AAAA,QAC3D,eAAe,KAAK,MAAM,YAAY,eAAe;AAAA,QACrD,aAAa,KAAK,MAAM,YAAY,aAAa;AAAA,QACjD,YAAY,KAAK,MAAM,YAAY,YAAY;AAAA,QAC/C,SAAS,KAAK,MAAM,YAAY,SAAS;AAAA,QACzC,SAAS,KAAK,MAAM,YAAY,SAAS;AAAA,QACzC,wBAAwB,KAAK,MAAM,YAAY,wBAAwB;AAAA,QACvE,QAAQ,KAAK,MAAM,YAAY,QAAQ;AAAA,QACvC,OAAO,KAAK,MAAM,YAAY,OAAO;AAAA,QACrC,aAAa,KAAK,MAAM,YAAY,aAAa;AAAA,QACjD,sBAAsB,KAAK,MAAM,YAAY,sBAAsB;AAAA,QACnE,UAAU,KAAK,MAAM,YAAY,UAAU;AAAA,QAC3C,SAAS,KAAK,MAAM,YAAY,SAAS;AAAA,QACzC,WAAW,KAAK,MAAM,YAAY,WAAW;AAAA,QAC7C,aAAa,KAAK,MAAM,YAAY,aAAa;AAAA,QACjD,cAAc,KAAK,MAAM,YAAY,cAAc;AAAA,QACnD,YAAY,KAAK,MAAM,YAAY,YAAY;AAAA,QAC/C,WAAW,KAAK,MAAM,YAAY,WAAW;AAAA,QAC7C,WAAW,KAAK,MAAM,YAAY,WAAW;AAAA,QAC7C,WAAW,KAAK,MAAM,YAAY,WAAW;AAAA,QAC7C,cAAc,KAAK,MAAM,YAAY,cAAc;AAAA,QACnD,aAAa,KAAK,MAAM,YAAY,aAAa;AAAA,QACjD,iBAAiB,KAAK,MAAM,YAAY,iBAAiB;AAAA,QACzD,aAAa,KAAK,MAAM,YAAY,aAAa;AAAA,MAAA,GAChD,OAAO,QAAQ,OAAO,EAAE,OAAO,CAAC,KAAK,CAAC,KAAK,KAAK,MAAM;AACvD,YAAI,GAAG,IAAI,KAAK,MAAM,YAAY,KAAK;AAChC,eAAA;AAAA,MACT,GAAG,CAAE,CAAA,CAAC;AAAA,IAAA;AAAA,EAEV;AACF;"}