@opentiny/fluent-editor 4.0.0-alpha.9 → 4.0.0-beta.0

package/es/modules/counter.es.js.map

@@ -1 +1 @@
-{"version":3,"file":"counter.es.js","sources":["../../../src/modules/counter.ts"],"sourcesContent":["import type { AnyFunction } from '../config'\r\nimport type FluentEditor from '../fluent-editor'\r\nimport Quill from 'quill'\r\nimport { CHANGE_LANGUAGE_EVENT } from '../config'\r\n\r\nexport interface ICounterOption {\r\n  format?: 'text' | 'html'\r\n  unit?: 'word' | 'char'\r\n  count?: number\r\n  template?: string | AnyFunction\r\n  errorTemplate?: string | AnyFunction\r\n}\r\n\r\nexport default class Counter {\r\n  container: HTMLDivElement\r\n  options: ICounterOption\r\n\r\n  constructor(public quill: FluentEditor, options: ICounterOption) {\r\n    this.options = this.resolveOptions(options)\r\n    this.container = quill.addContainer('ql-counter')\r\n    quill.on(Quill.events.TEXT_CHANGE, this.renderCount)\r\n    this.quill.emitter.on(CHANGE_LANGUAGE_EVENT, () => {\r\n      this.options = this.resolveOptions(options)\r\n      this.renderCount()\r\n    })\r\n    this.renderCount()\r\n  }\r\n\r\n  resolveOptions(options: ICounterOption) {\r\n    return Object.assign({\r\n      format: 'text',\r\n      unit: 'char',\r\n      template: this.quill.getLangText('counter-template'),\r\n      count: 500,\r\n    }, options)\r\n  }\r\n\r\n  renderCount = () => {\r\n    setTimeout(() => {\r\n      // @ts-ignore\r\n      const { format, count: totalCount, unit, template: counterTemplate, errorTemplate } = this.options\r\n      const count = this.getContentLength(format)\r\n      const restCount = totalCount - count\r\n      const countUnit = unit === 'char' ? this.quill.getLangText('char') : this.quill.getLangText('word')\r\n      let template: any = counterTemplate\r\n      if (typeof template === 'function') {\r\n        template = template(count, restCount)\r\n      }\r\n      const desc = template.replace('{{count}}', count)\r\n        .replace('{{totalCount}}', String(totalCount))\r\n        .replace('{{restCount}}', String(restCount))\r\n        .replace(/{{countUnit}}/g, countUnit)\r\n\r\n      let limitTemplate: any = errorTemplate || this.quill.getLangText('counter-limit-tips')\r\n      if (typeof limitTemplate === 'function') {\r\n        limitTemplate = limitTemplate(count, restCount)\r\n      }\r\n      const limitTips = limitTemplate.replace('{{countUnit}}', countUnit)\r\n      if (restCount < 0) {\r\n        this.container.innerHTML = errorTemplate ? limitTips : `<span style=\"color:red\">${limitTips}</span>`\r\n      }\r\n      else {\r\n        this.container.innerHTML = desc\r\n      }\r\n    })\r\n  }\r\n\r\n  getContentLength(format) {\r\n    let content = this.quill.getText()\r\n    if (format === 'html') {\r\n      let html = this.quill.root.innerHTML\r\n      // 编辑器初始时\r\n      if (html === '<p><br></p>' || html === '<div><br><div>') {\r\n        html = ''\r\n      }\r\n      content = html\r\n    }\r\n    const text = content.replace(/\\s/g, '').trim()\r\n    if (this.options.unit === 'word') {\r\n      return !content.trim() ? 0 : content.trim().split(/\\s+/).length\r\n    }\r\n    return text.length\r\n  }\r\n}\r\n"],"names":[],"mappings":";;;;;;AAaA,MAAqB,QAAQ;AAAA,EAI3B,YAAmB,OAAqB,SAAyB;AAHjE;AACA;AAsBA,uCAAc,MAAM;AAClB,iBAAW,MAAM;AAET,cAAA,EAAE,QAAQ,OAAO,YAAY,MAAM,UAAU,iBAAiB,kBAAkB,KAAK;AACrF,cAAA,QAAQ,KAAK,iBAAiB,MAAM;AAC1C,cAAM,YAAY,aAAa;AACzB,cAAA,YAAY,SAAS,SAAS,KAAK,MAAM,YAAY,MAAM,IAAI,KAAK,MAAM,YAAY,MAAM;AAClG,YAAI,WAAgB;AAChB,YAAA,OAAO,aAAa,YAAY;AACvB,qBAAA,SAAS,OAAO,SAAS;AAAA,QAAA;AAEhC,cAAA,OAAO,SAAS,QAAQ,aAAa,KAAK,EAC7C,QAAQ,kBAAkB,OAAO,UAAU,CAAC,EAC5C,QAAQ,iBAAiB,OAAO,SAAS,CAAC,EAC1C,QAAQ,kBAAkB,SAAS;AAEtC,YAAI,gBAAqB,iBAAiB,KAAK,MAAM,YAAY,oBAAoB;AACjF,YAAA,OAAO,kBAAkB,YAAY;AACvB,0BAAA,cAAc,OAAO,SAAS;AAAA,QAAA;AAEhD,cAAM,YAAY,cAAc,QAAQ,iBAAiB,SAAS;AAClE,YAAI,YAAY,GAAG;AACjB,eAAK,UAAU,YAAY,gBAAgB,YAAY,2BAA2B,SAAS;AAAA,QAAA,OAExF;AACH,eAAK,UAAU,YAAY;AAAA,QAAA;AAAA,MAC7B,CACD;AAAA,IACH;AAhDmB,SAAA,QAAA;AACZ,SAAA,UAAU,KAAK,eAAe,OAAO;AACrC,SAAA,YAAY,MAAM,aAAa,YAAY;AAChD,UAAM,GAAG,MAAM,OAAO,aAAa,KAAK,WAAW;AACnD,SAAK,MAAM,QAAQ,GAAG,uBAAuB,MAAM;AAC5C,WAAA,UAAU,KAAK,eAAe,OAAO;AAC1C,WAAK,YAAY;AAAA,IAAA,CAClB;AACD,SAAK,YAAY;AAAA,EAAA;AAAA,EAGnB,eAAe,SAAyB;AACtC,WAAO,OAAO,OAAO;AAAA,MACnB,QAAQ;AAAA,MACR,MAAM;AAAA,MACN,UAAU,KAAK,MAAM,YAAY,kBAAkB;AAAA,MACnD,OAAO;AAAA,OACN,OAAO;AAAA,EAAA;AAAA,EAiCZ,iBAAiB,QAAQ;AACnB,QAAA,UAAU,KAAK,MAAM,QAAQ;AACjC,QAAI,WAAW,QAAQ;AACjB,UAAA,OAAO,KAAK,MAAM,KAAK;AAEvB,UAAA,SAAS,iBAAiB,SAAS,kBAAkB;AAChD,eAAA;AAAA,MAAA;AAEC,gBAAA;AAAA,IAAA;AAEZ,UAAM,OAAO,QAAQ,QAAQ,OAAO,EAAE,EAAE,KAAK;AACzC,QAAA,KAAK,QAAQ,SAAS,QAAQ;AACzB,aAAA,CAAC,QAAQ,KAAA,IAAS,IAAI,QAAQ,OAAO,MAAM,KAAK,EAAE;AAAA,IAAA;AAE3D,WAAO,KAAK;AAAA,EAAA;AAEhB;"}
+{"version":3,"file":"counter.es.js","sources":["../../../src/modules/counter.ts"],"sourcesContent":["import type { AnyFunction } from '../config'\nimport type FluentEditor from '../fluent-editor'\nimport Quill from 'quill'\nimport { CHANGE_LANGUAGE_EVENT } from '../config'\n\nexport interface ICounterOption {\n  format?: 'text' | 'html'\n  unit?: 'word' | 'char'\n  count?: number\n  template?: string | AnyFunction\n  errorTemplate?: string | AnyFunction\n}\n\nexport default class Counter {\n  container: HTMLDivElement\n  options: ICounterOption\n\n  constructor(public quill: FluentEditor, options: ICounterOption) {\n    this.options = this.resolveOptions(options)\n    this.container = quill.addContainer('ql-counter')\n    quill.on(Quill.events.TEXT_CHANGE, this.renderCount)\n    this.quill.emitter.on(CHANGE_LANGUAGE_EVENT, () => {\n      this.options = this.resolveOptions(options)\n      this.renderCount()\n    })\n    this.renderCount()\n  }\n\n  resolveOptions(options: ICounterOption) {\n    return Object.assign({\n      format: 'text',\n      unit: 'char',\n      template: this.quill.getLangText('counter-template'),\n      count: 500,\n    }, options)\n  }\n\n  renderCount = () => {\n    setTimeout(() => {\n      // @ts-ignore\n      const { format, count: totalCount, unit, template: counterTemplate, errorTemplate } = this.options\n      const count = this.getContentLength(format)\n      const restCount = totalCount - count\n      const countUnit = unit === 'char' ? this.quill.getLangText('char') : this.quill.getLangText('word')\n      let template: any = counterTemplate\n      if (typeof template === 'function') {\n        template = template(count, restCount)\n      }\n      const desc = template.replace('{{count}}', count)\n        .replace('{{totalCount}}', String(totalCount))\n        .replace('{{restCount}}', String(restCount))\n        .replace(/{{countUnit}}/g, countUnit)\n\n      let limitTemplate: any = errorTemplate || this.quill.getLangText('counter-limit-tips')\n      if (typeof limitTemplate === 'function') {\n        limitTemplate = limitTemplate(count, restCount)\n      }\n      const limitTips = limitTemplate.replace('{{countUnit}}', countUnit)\n      if (restCount < 0) {\n        this.container.innerHTML = errorTemplate ? limitTips : `<span style=\"color:red\">${limitTips}</span>`\n      }\n      else {\n        this.container.innerHTML = desc\n      }\n    })\n  }\n\n  getContentLength(format) {\n    let content = this.quill.getText()\n    if (format === 'html') {\n      let html = this.quill.root.innerHTML\n      // 编辑器初始时\n      if (html === '<p><br></p>' || html === '<div><br><div>') {\n        html = ''\n      }\n      content = html\n    }\n    const text = content.replace(/\\s/g, '').trim()\n    if (this.options.unit === 'word') {\n      return !content.trim() ? 0 : content.trim().split(/\\s+/).length\n    }\n    return text.length\n  }\n}\n"],"names":[],"mappings":";;;;;;AAaA,MAAqB,QAAQ;AAAA,EAI3B,YAAmB,OAAqB,SAAyB;AAHjE;AACA;AAsBA,uCAAc,MAAM;AAClB,iBAAW,MAAM;AAEf,cAAM,EAAE,QAAQ,OAAO,YAAY,MAAM,UAAU,iBAAiB,kBAAkB,KAAK;AAC3F,cAAM,QAAQ,KAAK,iBAAiB,MAAM;AAC1C,cAAM,YAAY,aAAa;AAC/B,cAAM,YAAY,SAAS,SAAS,KAAK,MAAM,YAAY,MAAM,IAAI,KAAK,MAAM,YAAY,MAAM;AAClG,YAAI,WAAgB;AACpB,YAAI,OAAO,aAAa,YAAY;AAClC,qBAAW,SAAS,OAAO,SAAS;AAAA,QACtC;AACA,cAAM,OAAO,SAAS,QAAQ,aAAa,KAAK,EAC7C,QAAQ,kBAAkB,OAAO,UAAU,CAAC,EAC5C,QAAQ,iBAAiB,OAAO,SAAS,CAAC,EAC1C,QAAQ,kBAAkB,SAAS;AAEtC,YAAI,gBAAqB,iBAAiB,KAAK,MAAM,YAAY,oBAAoB;AACrF,YAAI,OAAO,kBAAkB,YAAY;AACvC,0BAAgB,cAAc,OAAO,SAAS;AAAA,QAChD;AACA,cAAM,YAAY,cAAc,QAAQ,iBAAiB,SAAS;AAClE,YAAI,YAAY,GAAG;AACjB,eAAK,UAAU,YAAY,gBAAgB,YAAY,2BAA2B,SAAS;AAAA,QAC7F,OACK;AACH,eAAK,UAAU,YAAY;AAAA,QAC7B;AAAA,MACF,CAAC;AAAA,IACH;AAhDmB,SAAA,QAAA;AACjB,SAAK,UAAU,KAAK,eAAe,OAAO;AAC1C,SAAK,YAAY,MAAM,aAAa,YAAY;AAChD,UAAM,GAAG,MAAM,OAAO,aAAa,KAAK,WAAW;AACnD,SAAK,MAAM,QAAQ,GAAG,uBAAuB,MAAM;AACjD,WAAK,UAAU,KAAK,eAAe,OAAO;AAC1C,WAAK,YAAA;AAAA,IACP,CAAC;AACD,SAAK,YAAA;AAAA,EACP;AAAA,EAEA,eAAe,SAAyB;AACtC,WAAO,OAAO,OAAO;AAAA,MACnB,QAAQ;AAAA,MACR,MAAM;AAAA,MACN,UAAU,KAAK,MAAM,YAAY,kBAAkB;AAAA,MACnD,OAAO;AAAA,IAAA,GACN,OAAO;AAAA,EACZ;AAAA,EAgCA,iBAAiB,QAAQ;AACvB,QAAI,UAAU,KAAK,MAAM,QAAA;AACzB,QAAI,WAAW,QAAQ;AACrB,UAAI,OAAO,KAAK,MAAM,KAAK;AAE3B,UAAI,SAAS,iBAAiB,SAAS,kBAAkB;AACvD,eAAO;AAAA,MACT;AACA,gBAAU;AAAA,IACZ;AACA,UAAM,OAAO,QAAQ,QAAQ,OAAO,EAAE,EAAE,KAAA;AACxC,QAAI,KAAK,QAAQ,SAAS,QAAQ;AAChC,aAAO,CAAC,QAAQ,KAAA,IAAS,IAAI,QAAQ,OAAO,MAAM,KAAK,EAAE;AAAA,IAC3D;AACA,WAAO,KAAK;AAAA,EACd;AACF;"}

package/es/modules/custom-clipboard.es.js.map

@@ -1 +1 @@
-{"version":3,"file":"custom-clipboard.es.js","sources":["../../../src/modules/custom-clipboard.ts"],"sourcesContent":["import type TypeClipboard from 'quill/modules/clipboard'\r\nimport type FluentEditor from '../fluent-editor'\r\nimport Quill from 'quill'\r\nimport {\r\n  ERROR_IMAGE_PLACEHOLDER_CN,\r\n  ERROR_IMAGE_PLACEHOLDER_EN,\r\n} from '../config/base64-image'\r\nimport { BIG_DELTA_LIMIT } from '../config/editor.config'\r\nimport {\r\n  hexToRgbA,\r\n  imageUrlToFile,\r\n  isNullOrUndefined,\r\n  omit,\r\n  replaceDeltaImage,\r\n  splitWithBreak,\r\n} from '../config/editor.utils'\r\nimport { isString } from '../utils/is'\r\n\r\nconst Clipboard = Quill.import('modules/clipboard') as typeof TypeClipboard\r\nconst Delta = Quill.import('delta')\r\n\r\nexport class CustomClipboard extends Clipboard {\r\n  declare quill: FluentEditor\r\n\r\n  prepareMatching(container: HTMLElement, nodeMatches) {\r\n    const elementMatchers = []\r\n    const textMatchers = []\r\n    this.matchers.forEach((pair) => {\r\n      const [selector, matcher] = pair\r\n      if (selector === Node.TEXT_NODE) {\r\n        textMatchers.push(matcher)\r\n      }\r\n      else if (selector === Node.ELEMENT_NODE) {\r\n        elementMatchers.push(matcher)\r\n      }\r\n      else if (isString(selector)) {\r\n        // word 的 v:shape 系列标签只能通过 getElementsByTagName 获取\r\n        const vRegex = /v:(.+)/\r\n        const nodeList = Array.from(\r\n          vRegex.test(selector)\r\n            ? container.getElementsByTagName(selector)\r\n            : container.querySelectorAll(selector),\r\n        )\r\n        nodeList.forEach((node) => {\r\n          if (nodeMatches.has(node)) {\r\n            const matches = nodeMatches.get(node)\r\n            matches.push(matcher)\r\n          }\r\n          else {\r\n            nodeMatches.set(node, [matcher])\r\n          }\r\n        })\r\n      }\r\n    })\r\n    return [elementMatchers, textMatchers]\r\n  }\r\n\r\n  onCaptureCopy(e, isCut = false) {\r\n    if (e.defaultPrevented) {\r\n      return\r\n    }\r\n    e.preventDefault()\r\n    const [range] = this.quill.selection.getRange()\r\n    if (isNullOrUndefined(range)) {\r\n      return\r\n    }\r\n    const { html, text } = this.onCopy(range, isCut)\r\n\r\n    // 兼容IE11浏览器`\r\n    if (!e.clipboardData) {\r\n      e.clipboardData = {\r\n        types: 'text/plain',\r\n        setData: (_type, value) => {\r\n          // @ts-ignore\r\n          return window.clipboardData.setData('Text', value)\r\n        },\r\n      }\r\n    }\r\n\r\n    // 复制代码时移除utf8中产生的不间断空格\\u00A0\r\n    let plainText = text\r\n    if (html.startsWith('<pre>')) {\r\n      plainText = text.replace(/\\u00A0/g, ' ')\r\n    }\r\n\r\n    e.clipboardData.setData('text/html', html)\r\n    e.clipboardData.setData('text/plain', plainText)\r\n    if (isCut) {\r\n      this.quill.deleteText(range, Quill.sources.USER)\r\n    }\r\n  }\r\n\r\n  onCapturePaste(e: ClipboardEvent) {\r\n    if (e.defaultPrevented || !this.quill.isEnabled()) {\r\n      return\r\n    }\r\n    e.preventDefault()\r\n    const range = this.quill.getSelection(true)\r\n    if (isNullOrUndefined(range)) {\r\n      return\r\n    }\r\n\r\n    // 兼容IE11浏览器\r\n    if (!e.clipboardData) {\r\n      // @ts-ignore\r\n      e.clipboardData = {\r\n        types: 'text/plain',\r\n        getData: () => {\r\n          // @ts-ignore\r\n          return window.clipboardData.getData('Text')\r\n        },\r\n      }\r\n    }\r\n\r\n    const html = e.clipboardData.getData('text/html')\r\n    const text = e.clipboardData.getData('text/plain')\r\n    const files = Array.from(e.clipboardData.files || [])\r\n    const msExcelCheck = /<meta.*?Microsoft Excel\\s[\\d].*?>/\r\n\r\n    if (html.search(msExcelCheck) === -1 && files.length > 0) {\r\n      this.quill.uploader.upload(range, files)\r\n    }\r\n    else {\r\n      const msWordCheck1\r\n        = /<meta\\s*name=\"?generator\"?\\s*content=\"?microsoft\\s*word\\s*\\d+\"?\\/?>/i\r\n      const msWordCheck2 = /xmlns:o=\"urn:schemas-microsoft-com/i\r\n      const result = { html, text, files, rtf: null }\r\n      if (html.search(msExcelCheck) !== -1) {\r\n        result.html = renderStyles(html)\r\n      }\r\n      if (msWordCheck1.test(html) || msWordCheck2.test(html)) {\r\n        // TODO: 当word文档包含heading时text/rtf读取为空，无法获取hex图片，待修复。可参考ckeditor5/issues/2493\r\n        result.rtf = e.clipboardData.getData('text/rtf')\r\n      }\r\n      this.onPaste(range, result)\r\n    }\r\n  }\r\n\r\n  onPaste(range, { html, text, files: clipboardFiles, rtf }) {\r\n    const hexImages = this.extractImageDataFromRtf(rtf)\r\n    const rootBgColor = getComputedStyle(this.quill.root).backgroundColor\r\n    const formats = this.quill.getFormat(range.index)\r\n    let pastedDelta = this.convert({ text, html }, formats)\r\n    pastedDelta = replaceDeltaWhiteSpace(pastedDelta, rootBgColor)\r\n    const deltaLength = pastedDelta.ops.length\r\n\r\n    let loadingTipsContainer\r\n    if (deltaLength > BIG_DELTA_LIMIT) {\r\n      loadingTipsContainer = this.quill.addContainer('ql-loading-tips')\r\n      loadingTipsContainer.innerHTML = this.quill.getLangText('pasting')\r\n    }\r\n\r\n    const linePos = { index: range.index, length: range.length, fix: 0 }\r\n    const [line, offset] = this.quill.getLine(range.index)\r\n\r\n    const handlePasteContent = (content: any) => {\r\n      const pastedContent = content\r\n\r\n      const oldDelta = new Delta().retain(linePos.index).delete(linePos.length)\r\n      const delta = oldDelta.concat(pastedContent)\r\n\r\n      setTimeout(() => {\r\n        this.quill.updateContents(delta, Quill.sources.USER)\r\n        this.quill.setSelection(\r\n          delta.length() - linePos.length - linePos.fix,\r\n          Quill.sources.SILENT,\r\n        )\r\n        this.quill.scrollSelectionIntoView()\r\n        if (loadingTipsContainer) {\r\n          loadingTipsContainer.remove()\r\n        }\r\n      })\r\n    }\r\n\r\n    ;(async () => {\r\n      try {\r\n        const [files, placeholders, originalUrls, imageIndexs] = this.flipFilesArray(\r\n          await this.extractFilesFromDelta(\r\n            pastedDelta,\r\n            clipboardFiles,\r\n            hexImages,\r\n          ),\r\n        )\r\n\r\n        if (files.length === 0) {\r\n          handlePasteContent(pastedDelta)\r\n        }\r\n        else {\r\n          if (this.quill.options.editorPaste && this.quill.options.editorPaste.observers.length !== 0) {\r\n            // 设置editorPaste回调的情况\r\n            this.quill.options.editorPaste.emit({\r\n              files,\r\n              callback: ({ code, message, data }) => {\r\n                if (code === 0) {\r\n                  const { imageUrls } = data\r\n                  pastedDelta = replaceDeltaImage(\r\n                    pastedDelta,\r\n                    imageUrls,\r\n                    placeholders,\r\n                  )\r\n                  handlePasteContent(pastedDelta)\r\n                }\r\n                else {\r\n                  console.error('error message:', message)\r\n                }\r\n              },\r\n            })\r\n          }\r\n          else {\r\n            // 没有originalUrls 也没有文件粘贴\r\n            if (files[0] !== undefined || originalUrls.length === 0) {\r\n              // 没有设置editorPaste回调的情况下，File格式的占位图需要手动转换成url格式，插入到编辑器中\r\n              const imageUrls = await this.files2urls(\r\n                files,\r\n                placeholders,\r\n                originalUrls,\r\n                pastedDelta,\r\n                imageIndexs,\r\n              )\r\n              pastedDelta = replaceDeltaImage(\r\n                pastedDelta,\r\n                imageUrls,\r\n                placeholders,\r\n              )\r\n            }\r\n            handlePasteContent(pastedDelta)\r\n          }\r\n        }\r\n      }\r\n      catch (_e) {\r\n        throw new Error('Paste failed.')\r\n      }\r\n    })()\r\n  }\r\n\r\n  files2urls(files: File[], placeholders, originalUrls, pastedDelta, imageIndexs) {\r\n    return Promise.all(\r\n      files.map(async (imageFile, index) => {\r\n        const netImgExp = /^((http|https)\\:)?\\/\\/([\\s\\S]+)$/\r\n        if (\r\n          !placeholders[index]\r\n          && originalUrls[index]\r\n          && netImgExp.test(originalUrls[index])\r\n        ) {\r\n          // 不是占位图的普通url图片直接返回url\r\n          return new Promise((resolve) => {\r\n            resolve(originalUrls[index])\r\n          })\r\n        }\r\n        else {\r\n          const range = this.getImgSelection(pastedDelta, imageIndexs[index])\r\n          this.quill.uploader.upload(range, [imageFile])\r\n        }\r\n      }),\r\n    )\r\n  }\r\n\r\n  flipFilesArray(filesArr) {\r\n    const files = []\r\n    const placeholders = []\r\n    const originalUrls = []\r\n    const imageIndexs = []\r\n    filesArr.forEach((item: any) => {\r\n      if (item) {\r\n        const [file, placeholder, originalUrl, imageIndex] = item\r\n        files.push(file)\r\n        placeholders.push(placeholder)\r\n        originalUrls.push(originalUrl)\r\n        if (imageIndex === 0 || imageIndex) {\r\n          imageIndexs.push(imageIndex)\r\n        }\r\n      }\r\n    })\r\n    return [files, placeholders, originalUrls, imageIndexs]\r\n  }\r\n\r\n  // 将图片从hex转为base64\r\n  convertHexToBase64(hexString) {\r\n    return btoa(\r\n      hexString\r\n        .match(/\\w{2}/g)\r\n        .map((char) => {\r\n          return String.fromCharCode(Number.parseInt(char, 16))\r\n        })\r\n        .join(''),\r\n    )\r\n  }\r\n\r\n  // 匹配rtf中的图片，存储为{hex, type}对象数组\r\n  extractImageDataFromRtf(rtfData) {\r\n    if (!rtfData) {\r\n      return []\r\n    }\r\n\r\n    const regexPictureHeader\r\n      = /{\\\\pict[\\s\\S]+?\\\\bliptag-?\\d+(\\\\blipupi-?\\d+)?({\\\\\\*\\\\blipuid\\s?[\\da-fA-F]+)?[\\s}]*?/\r\n    const regexPicture = new RegExp(\r\n      `(?:(${regexPictureHeader.source}))([\\\\da-fA-F\\\\s]+)\\\\}`,\r\n      'g',\r\n    )\r\n    const images = rtfData.match(regexPicture)\r\n    const result = []\r\n\r\n    if (images) {\r\n      for (const image of images) {\r\n        let imageType = ''\r\n\r\n        if (image.includes('\\\\pngblip')) {\r\n          imageType = 'image/png'\r\n        }\r\n        else if (image.includes('\\\\jpegblip')) {\r\n          imageType = 'image/jpeg'\r\n        }\r\n\r\n        if (imageType) {\r\n          result.push({\r\n            hex: image\r\n              .replace(regexPictureHeader, '')\r\n              .replace(/[^\\da-fA-F]/g, ''),\r\n            type: imageType,\r\n          })\r\n        }\r\n      }\r\n    }\r\n\r\n    return result\r\n  }\r\n\r\n  extractFilesFromDelta(delta, clipboardFiles, hexImages?) {\r\n    let index = -1\r\n    return Promise.all(\r\n      delta.map(async (op) => {\r\n        index++\r\n        const image = op.insert.image\r\n        if (!image || image.hasExisted) {\r\n          return\r\n        }\r\n\r\n        let file\r\n        let isPlaceholderImage = false\r\n        let imageIndex\r\n        try {\r\n          // hex 图片存在则为 file:/// 协议本地图片，使用 hex 图片转为 base64 读取\r\n          const hexImage = hexImages.length && hexImages.shift()\r\n          const newImage\r\n            = hexImage\r\n              && `data:${hexImage.type};base64,${this.convertHexToBase64(\r\n                hexImage.hex,\r\n              )}`\r\n          imageIndex = index\r\n          file = await imageUrlToFile(newImage || image.src || image)\r\n        }\r\n        catch (_err) {\r\n          if (clipboardFiles.length !== 0) {\r\n            // 跨域获取图片失败时从剪切板获取图片\r\n            const clipboardFile = clipboardFiles[0]\r\n            const imageType\r\n              = clipboardFile.type?.indexOf('image') === -1\r\n                ? 'image/png'\r\n                : clipboardFile.type\r\n            const blob = clipboardFile.slice(0, clipboardFile.size, imageType)\r\n            file = new File([blob], `image-CORS-${new Date().getTime()}.png`, {\r\n              type: imageType,\r\n            })\r\n          }\r\n          else if (image.src.startsWith('http')) {\r\n            // 什么都不做\r\n          }\r\n          else {\r\n            // 剪切板中无图片，用失败占位图替换\r\n            const errorImagePlaceholderJpg\r\n              = this.quill.getLangText('img-error') === 'Image Copy Error'\r\n                ? ERROR_IMAGE_PLACEHOLDER_EN\r\n                : ERROR_IMAGE_PLACEHOLDER_CN\r\n            file = await imageUrlToFile(errorImagePlaceholderJpg, true)\r\n            isPlaceholderImage = true\r\n          }\r\n        }\r\n\r\n        return [file, isPlaceholderImage, image, imageIndex]\r\n      }),\r\n    )\r\n  }\r\n\r\n  getImgSelection(delta, imageIndex) {\r\n    let length = 0\r\n    delta.ops.every((op, index) => {\r\n      if (index === imageIndex) {\r\n        return false\r\n      }\r\n      if (typeof op.insert === 'string') {\r\n        length += op.insert.length\r\n      }\r\n      return true\r\n    })\r\n    const range = {\r\n      index: length,\r\n      length: 0,\r\n    }\r\n    return range\r\n  }\r\n}\r\n\r\nfunction rebuildDelta(delta, cellLine) {\r\n  const { cell: cellId, colspan, row: rowId, rowspan } = cellLine\r\n  const buildedDelta = delta.reduce((newDelta, op) => {\r\n    if (op.insert && typeof op.insert === 'string') {\r\n      const lines = splitWithBreak(op.insert)\r\n\r\n      lines.forEach((text) => {\r\n        if (text === '\\n') {\r\n          // 对换行增加 table-cell-line 格式，以避免表格断开\r\n          newDelta.insert('\\n', {\r\n            ...op.attributes,\r\n            'table-cell-line': { row: rowId, cell: cellId, rowspan, colspan },\r\n          })\r\n        }\r\n        else {\r\n          text = text.endsWith('\\r') ? text.slice(0, -1) : text\r\n          newDelta.insert(\r\n            text,\r\n            omit(op.attributes, ['table', 'table-cell-line']),\r\n          )\r\n        }\r\n      })\r\n    }\r\n    else {\r\n      newDelta.insert(op.insert, op.attributes)\r\n    }\r\n\r\n    return newDelta\r\n  }, new Delta())\r\n\r\n  return buildedDelta\r\n}\r\n\r\nfunction replaceStrWhiteSpace(str) {\r\n  const isWhiteSpace = value => /^(\\u3000|\\u0020){1}$/.test(value) // 空白字符\r\n  let textWithWhiteSpace = ''\r\n  let beginHasChar = false\r\n  for (const char of str) {\r\n    if (isWhiteSpace(char) && !beginHasChar) {\r\n      textWithWhiteSpace += '\\u00A0'\r\n    }\r\n    else {\r\n      textWithWhiteSpace += char\r\n      beginHasChar = true\r\n    }\r\n  }\r\n  return textWithWhiteSpace\r\n}\r\n\r\nfunction replaceDeltaWhiteSpace(delta, rootBgColor?) {\r\n  return delta.reduce((newDelta, op) => {\r\n    // fix: 当粘贴文字颜色和编辑器背景色一致且自身无背景色的情况下移除文字颜色样式，避免误导用户粘贴无效\r\n    if (\r\n      rootBgColor\r\n      && op.attributes\r\n      && op.attributes.color\r\n      && !op.attributes.background\r\n    ) {\r\n      const originColor = op.attributes.color\r\n      const fontColor\r\n        = originColor.indexOf('#') === 0 ? hexToRgbA(originColor) : originColor\r\n      if (\r\n        fontColor === rootBgColor\r\n        || (fontColor === 'rgba(255,255,255,1)'\r\n          && rootBgColor === 'rgba(0, 0, 0, 0)')\r\n      ) {\r\n        delete op.attributes.color\r\n      }\r\n    }\r\n    if (op.insert && typeof op.insert === 'string') {\r\n      const lines = splitWithBreak(op.insert)\r\n      let insertWithWhiteSpace = ''\r\n      lines.forEach((text) => {\r\n        insertWithWhiteSpace += replaceStrWhiteSpace(text)\r\n      })\r\n      newDelta.insert(insertWithWhiteSpace, op.attributes)\r\n    }\r\n    else {\r\n      newDelta.insert(op.insert, op.attributes)\r\n    }\r\n    return newDelta\r\n  }, new Delta())\r\n}\r\n\r\nfunction renderStyles(html) {\r\n  let htmlString = html\r\n  // Trim unnecessary parts.\r\n  htmlString = htmlString.substring(\r\n    htmlString.indexOf('<html '),\r\n    htmlString.length,\r\n  )\r\n  htmlString = htmlString.substring(\r\n    0,\r\n    htmlString.lastIndexOf('</html>') + '</html>'.length,\r\n  )\r\n\r\n  // Add temporary iframe.\r\n  const iframe = document.createElement('iframe')\r\n  iframe.style.display = 'none'\r\n  document.body.appendChild(iframe)\r\n\r\n  const iframeDoc = iframe.contentDocument || iframe.contentWindow.document\r\n  iframeDoc.open()\r\n  iframeDoc.write(htmlString)\r\n  iframeDoc.close()\r\n\r\n  let collection\r\n  let pointer\r\n  const rules\r\n    = iframeDoc.styleSheets[iframeDoc.styleSheets.length - 1].cssRules\r\n\r\n  // Convert internal styles to inline style of respective node.\r\n  for (let idx = 0; idx < rules.length; idx++) {\r\n    if ((rules[idx] as CSSStyleRule).selectorText === '') {\r\n      continue\r\n    }\r\n    collection = iframeDoc.body.querySelectorAll(\r\n      (rules[idx] as CSSStyleRule).selectorText,\r\n    )\r\n\r\n    for (pointer = 0; pointer < collection.length; pointer++) {\r\n      collection[pointer].style.cssText += (\r\n        rules[idx] as CSSStyleRule\r\n      ).style.cssText\r\n    }\r\n  }\r\n\r\n  // @ts-ignore\r\n  const convertedString = iframeDoc.firstChild.outerHTML\r\n  // Remove temporary iframe.\r\n  iframe.parentNode.removeChild(iframe)\r\n\r\n  return convertedString\r\n}\r\n"],"names":[],"mappings":"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"}
+{"version":3,"file":"custom-clipboard.es.js","sources":["../../../src/modules/custom-clipboard.ts"],"sourcesContent":["import type TypeClipboard from 'quill/modules/clipboard'\nimport type FluentEditor from '../fluent-editor'\nimport Quill from 'quill'\nimport {\n  ERROR_IMAGE_PLACEHOLDER_CN,\n  ERROR_IMAGE_PLACEHOLDER_EN,\n} from '../config/base64-image'\nimport { BIG_DELTA_LIMIT } from '../config/editor.config'\nimport {\n  hexToRgbA,\n  imageUrlToFile,\n  isNullOrUndefined,\n  omit,\n  replaceDeltaImage,\n  splitWithBreak,\n} from '../config/editor.utils'\nimport { isString } from '../utils/is'\n\nconst Clipboard = Quill.import('modules/clipboard') as typeof TypeClipboard\nconst Delta = Quill.import('delta')\n\nexport class CustomClipboard extends Clipboard {\n  declare quill: FluentEditor\n\n  prepareMatching(container: HTMLElement, nodeMatches) {\n    const elementMatchers = []\n    const textMatchers = []\n    this.matchers.forEach((pair) => {\n      const [selector, matcher] = pair\n      if (selector === Node.TEXT_NODE) {\n        textMatchers.push(matcher)\n      }\n      else if (selector === Node.ELEMENT_NODE) {\n        elementMatchers.push(matcher)\n      }\n      else if (isString(selector)) {\n        // word 的 v:shape 系列标签只能通过 getElementsByTagName 获取\n        const vRegex = /v:(.+)/\n        const nodeList = Array.from(\n          vRegex.test(selector)\n            ? container.getElementsByTagName(selector)\n            : container.querySelectorAll(selector),\n        )\n        nodeList.forEach((node) => {\n          if (nodeMatches.has(node)) {\n            const matches = nodeMatches.get(node)\n            matches.push(matcher)\n          }\n          else {\n            nodeMatches.set(node, [matcher])\n          }\n        })\n      }\n    })\n    return [elementMatchers, textMatchers]\n  }\n\n  onCaptureCopy(e, isCut = false) {\n    if (e.defaultPrevented) {\n      return\n    }\n    e.preventDefault()\n    const [range] = this.quill.selection.getRange()\n    if (isNullOrUndefined(range)) {\n      return\n    }\n    const { html, text } = this.onCopy(range, isCut)\n\n    // 兼容IE11浏览器`\n    if (!e.clipboardData) {\n      e.clipboardData = {\n        types: 'text/plain',\n        setData: (_type, value) => {\n          // @ts-ignore\n          return window.clipboardData.setData('Text', value)\n        },\n      }\n    }\n\n    // 复制代码时移除utf8中产生的不间断空格\\u00A0\n    let plainText = text\n    if (html.startsWith('<pre>')) {\n      plainText = text.replace(/\\u00A0/g, ' ')\n    }\n\n    e.clipboardData.setData('text/html', html)\n    e.clipboardData.setData('text/plain', plainText)\n    if (isCut) {\n      this.quill.deleteText(range, Quill.sources.USER)\n    }\n  }\n\n  onCapturePaste(e: ClipboardEvent) {\n    if (e.defaultPrevented || !this.quill.isEnabled()) {\n      return\n    }\n    e.preventDefault()\n    const range = this.quill.getSelection(true)\n    if (isNullOrUndefined(range)) {\n      return\n    }\n\n    // 兼容IE11浏览器\n    if (!e.clipboardData) {\n      // @ts-ignore\n      e.clipboardData = {\n        types: 'text/plain',\n        getData: () => {\n          // @ts-ignore\n          return window.clipboardData.getData('Text')\n        },\n      }\n    }\n\n    const html = e.clipboardData.getData('text/html')\n    const text = e.clipboardData.getData('text/plain')\n    const files = Array.from(e.clipboardData.files || [])\n    const msExcelCheck = /<meta.*?Microsoft Excel\\s[\\d].*?>/\n\n    if (html.search(msExcelCheck) === -1 && files.length > 0) {\n      this.quill.uploader.upload(range, files)\n    }\n    else {\n      const msWordCheck1\n        = /<meta\\s*name=\"?generator\"?\\s*content=\"?microsoft\\s*word\\s*\\d+\"?\\/?>/i\n      const msWordCheck2 = /xmlns:o=\"urn:schemas-microsoft-com/i\n      const result = { html, text, files, rtf: null }\n      if (html.search(msExcelCheck) !== -1) {\n        result.html = renderStyles(html)\n      }\n      if (msWordCheck1.test(html) || msWordCheck2.test(html)) {\n        // TODO: 当word文档包含heading时text/rtf读取为空，无法获取hex图片，待修复。可参考ckeditor5/issues/2493\n        result.rtf = e.clipboardData.getData('text/rtf')\n      }\n      this.onPaste(range, result)\n    }\n  }\n\n  onPaste(range, { html, text, files: clipboardFiles, rtf }) {\n    const hexImages = this.extractImageDataFromRtf(rtf)\n    const rootBgColor = getComputedStyle(this.quill.root).backgroundColor\n    const formats = this.quill.getFormat(range.index)\n    let pastedDelta = this.convert({ text, html }, formats)\n    pastedDelta = replaceDeltaWhiteSpace(pastedDelta, rootBgColor)\n    const deltaLength = pastedDelta.ops.length\n\n    let loadingTipsContainer\n    if (deltaLength > BIG_DELTA_LIMIT) {\n      loadingTipsContainer = this.quill.addContainer('ql-loading-tips')\n      loadingTipsContainer.innerHTML = this.quill.getLangText('pasting')\n    }\n\n    const linePos = { index: range.index, length: range.length, fix: 0 }\n    const [line, offset] = this.quill.getLine(range.index)\n\n    const handlePasteContent = (content: any) => {\n      const pastedContent = content\n\n      const oldDelta = new Delta().retain(linePos.index).delete(linePos.length)\n      const delta = oldDelta.concat(pastedContent)\n\n      setTimeout(() => {\n        this.quill.updateContents(delta, Quill.sources.USER)\n        this.quill.setSelection(\n          delta.length() - linePos.length - linePos.fix,\n          Quill.sources.SILENT,\n        )\n        this.quill.scrollSelectionIntoView()\n        if (loadingTipsContainer) {\n          loadingTipsContainer.remove()\n        }\n      })\n    }\n\n    ;(async () => {\n      try {\n        const [files, placeholders, originalUrls, imageIndexs] = this.flipFilesArray(\n          await this.extractFilesFromDelta(\n            pastedDelta,\n            clipboardFiles,\n            hexImages,\n          ),\n        )\n\n        if (files.length === 0) {\n          handlePasteContent(pastedDelta)\n        }\n        else {\n          if (this.quill.options.editorPaste && this.quill.options.editorPaste.observers.length !== 0) {\n            // 设置editorPaste回调的情况\n            this.quill.options.editorPaste.emit({\n              files,\n              callback: ({ code, message, data }) => {\n                if (code === 0) {\n                  const { imageUrls } = data\n                  pastedDelta = replaceDeltaImage(\n                    pastedDelta,\n                    imageUrls,\n                    placeholders,\n                  )\n                  handlePasteContent(pastedDelta)\n                }\n                else {\n                  console.error('error message:', message)\n                }\n              },\n            })\n          }\n          else {\n            // 没有originalUrls 也没有文件粘贴\n            if (files[0] !== undefined || originalUrls.length === 0) {\n              // 没有设置editorPaste回调的情况下，File格式的占位图需要手动转换成url格式，插入到编辑器中\n              const imageUrls = await this.files2urls(\n                files,\n                placeholders,\n                originalUrls,\n                pastedDelta,\n                imageIndexs,\n              )\n              pastedDelta = replaceDeltaImage(\n                pastedDelta,\n                imageUrls,\n                placeholders,\n              )\n            }\n            handlePasteContent(pastedDelta)\n          }\n        }\n      }\n      catch (_e) {\n        throw new Error('Paste failed.')\n      }\n    })()\n  }\n\n  files2urls(files: File[], placeholders, originalUrls, pastedDelta, imageIndexs) {\n    return Promise.all(\n      files.map(async (imageFile, index) => {\n        const netImgExp = /^((http|https)\\:)?\\/\\/([\\s\\S]+)$/\n        if (\n          !placeholders[index]\n          && originalUrls[index]\n          && netImgExp.test(originalUrls[index])\n        ) {\n          // 不是占位图的普通url图片直接返回url\n          return new Promise((resolve) => {\n            resolve(originalUrls[index])\n          })\n        }\n        else {\n          const range = this.getImgSelection(pastedDelta, imageIndexs[index])\n          this.quill.uploader.upload(range, [imageFile])\n        }\n      }),\n    )\n  }\n\n  flipFilesArray(filesArr) {\n    const files = []\n    const placeholders = []\n    const originalUrls = []\n    const imageIndexs = []\n    filesArr.forEach((item: any) => {\n      if (item) {\n        const [file, placeholder, originalUrl, imageIndex] = item\n        files.push(file)\n        placeholders.push(placeholder)\n        originalUrls.push(originalUrl)\n        if (imageIndex === 0 || imageIndex) {\n          imageIndexs.push(imageIndex)\n        }\n      }\n    })\n    return [files, placeholders, originalUrls, imageIndexs]\n  }\n\n  // 将图片从hex转为base64\n  convertHexToBase64(hexString) {\n    return btoa(\n      hexString\n        .match(/\\w{2}/g)\n        .map((char) => {\n          return String.fromCharCode(Number.parseInt(char, 16))\n        })\n        .join(''),\n    )\n  }\n\n  // 匹配rtf中的图片，存储为{hex, type}对象数组\n  extractImageDataFromRtf(rtfData) {\n    if (!rtfData) {\n      return []\n    }\n\n    const regexPictureHeader\n      = /{\\\\pict[\\s\\S]+?\\\\bliptag-?\\d+(\\\\blipupi-?\\d+)?({\\\\\\*\\\\blipuid\\s?[\\da-fA-F]+)?[\\s}]*?/\n    const regexPicture = new RegExp(\n      `(?:(${regexPictureHeader.source}))([\\\\da-fA-F\\\\s]+)\\\\}`,\n      'g',\n    )\n    const images = rtfData.match(regexPicture)\n    const result = []\n\n    if (images) {\n      for (const image of images) {\n        let imageType = ''\n\n        if (image.includes('\\\\pngblip')) {\n          imageType = 'image/png'\n        }\n        else if (image.includes('\\\\jpegblip')) {\n          imageType = 'image/jpeg'\n        }\n\n        if (imageType) {\n          result.push({\n            hex: image\n              .replace(regexPictureHeader, '')\n              .replace(/[^\\da-fA-F]/g, ''),\n            type: imageType,\n          })\n        }\n      }\n    }\n\n    return result\n  }\n\n  extractFilesFromDelta(delta, clipboardFiles, hexImages?) {\n    let index = -1\n    return Promise.all(\n      delta.map(async (op) => {\n        index++\n        const image = op.insert.image\n        if (!image || image.hasExisted) {\n          return\n        }\n\n        let file\n        let isPlaceholderImage = false\n        let imageIndex\n        try {\n          // hex 图片存在则为 file:/// 协议本地图片，使用 hex 图片转为 base64 读取\n          const hexImage = hexImages.length && hexImages.shift()\n          const newImage\n            = hexImage\n              && `data:${hexImage.type};base64,${this.convertHexToBase64(\n                hexImage.hex,\n              )}`\n          imageIndex = index\n          file = await imageUrlToFile(newImage || image.src || image)\n        }\n        catch (_err) {\n          if (clipboardFiles.length !== 0) {\n            // 跨域获取图片失败时从剪切板获取图片\n            const clipboardFile = clipboardFiles[0]\n            const imageType\n              = clipboardFile.type?.indexOf('image') === -1\n                ? 'image/png'\n                : clipboardFile.type\n            const blob = clipboardFile.slice(0, clipboardFile.size, imageType)\n            file = new File([blob], `image-CORS-${new Date().getTime()}.png`, {\n              type: imageType,\n            })\n          }\n          else if (image.src.startsWith('http')) {\n            // 什么都不做\n          }\n          else {\n            // 剪切板中无图片，用失败占位图替换\n            const errorImagePlaceholderJpg\n              = this.quill.getLangText('img-error') === 'Image Copy Error'\n                ? ERROR_IMAGE_PLACEHOLDER_EN\n                : ERROR_IMAGE_PLACEHOLDER_CN\n            file = await imageUrlToFile(errorImagePlaceholderJpg, true)\n            isPlaceholderImage = true\n          }\n        }\n\n        return [file, isPlaceholderImage, image, imageIndex]\n      }),\n    )\n  }\n\n  getImgSelection(delta, imageIndex) {\n    let length = 0\n    delta.ops.every((op, index) => {\n      if (index === imageIndex) {\n        return false\n      }\n      if (typeof op.insert === 'string') {\n        length += op.insert.length\n      }\n      return true\n    })\n    const range = {\n      index: length,\n      length: 0,\n    }\n    return range\n  }\n}\n\nfunction rebuildDelta(delta, cellLine) {\n  const { cell: cellId, colspan, row: rowId, rowspan } = cellLine\n  const buildedDelta = delta.reduce((newDelta, op) => {\n    if (op.insert && typeof op.insert === 'string') {\n      const lines = splitWithBreak(op.insert)\n\n      lines.forEach((text) => {\n        if (text === '\\n') {\n          // 对换行增加 table-cell-line 格式，以避免表格断开\n          newDelta.insert('\\n', {\n            ...op.attributes,\n            'table-cell-line': { row: rowId, cell: cellId, rowspan, colspan },\n          })\n        }\n        else {\n          text = text.endsWith('\\r') ? text.slice(0, -1) : text\n          newDelta.insert(\n            text,\n            omit(op.attributes, ['table', 'table-cell-line']),\n          )\n        }\n      })\n    }\n    else {\n      newDelta.insert(op.insert, op.attributes)\n    }\n\n    return newDelta\n  }, new Delta())\n\n  return buildedDelta\n}\n\nfunction replaceStrWhiteSpace(str) {\n  const isWhiteSpace = value => /^(\\u3000|\\u0020){1}$/.test(value) // 空白字符\n  let textWithWhiteSpace = ''\n  let beginHasChar = false\n  for (const char of str) {\n    if (isWhiteSpace(char) && !beginHasChar) {\n      textWithWhiteSpace += '\\u00A0'\n    }\n    else {\n      textWithWhiteSpace += char\n      beginHasChar = true\n    }\n  }\n  return textWithWhiteSpace\n}\n\nfunction replaceDeltaWhiteSpace(delta, rootBgColor?) {\n  return delta.reduce((newDelta, op) => {\n    // fix: 当粘贴文字颜色和编辑器背景色一致且自身无背景色的情况下移除文字颜色样式，避免误导用户粘贴无效\n    if (\n      rootBgColor\n      && op.attributes\n      && op.attributes.color\n      && !op.attributes.background\n    ) {\n      const originColor = op.attributes.color\n      const fontColor\n        = originColor.indexOf('#') === 0 ? hexToRgbA(originColor) : originColor\n      if (\n        fontColor === rootBgColor\n        || (fontColor === 'rgba(255,255,255,1)'\n          && rootBgColor === 'rgba(0, 0, 0, 0)')\n      ) {\n        delete op.attributes.color\n      }\n    }\n    if (op.insert && typeof op.insert === 'string') {\n      const lines = splitWithBreak(op.insert)\n      let insertWithWhiteSpace = ''\n      lines.forEach((text) => {\n        insertWithWhiteSpace += replaceStrWhiteSpace(text)\n      })\n      newDelta.insert(insertWithWhiteSpace, op.attributes)\n    }\n    else {\n      newDelta.insert(op.insert, op.attributes)\n    }\n    return newDelta\n  }, new Delta())\n}\n\nfunction renderStyles(html) {\n  let htmlString = html\n  // Trim unnecessary parts.\n  htmlString = htmlString.substring(\n    htmlString.indexOf('<html '),\n    htmlString.length,\n  )\n  htmlString = htmlString.substring(\n    0,\n    htmlString.lastIndexOf('</html>') + '</html>'.length,\n  )\n\n  // Add temporary iframe.\n  const iframe = document.createElement('iframe')\n  iframe.style.display = 'none'\n  document.body.appendChild(iframe)\n\n  const iframeDoc = iframe.contentDocument || iframe.contentWindow.document\n  iframeDoc.open()\n  iframeDoc.write(htmlString)\n  iframeDoc.close()\n\n  let collection\n  let pointer\n  const rules\n    = iframeDoc.styleSheets[iframeDoc.styleSheets.length - 1].cssRules\n\n  // Convert internal styles to inline style of respective node.\n  for (let idx = 0; idx < rules.length; idx++) {\n    if ((rules[idx] as CSSStyleRule).selectorText === '') {\n      continue\n    }\n    collection = iframeDoc.body.querySelectorAll(\n      (rules[idx] as CSSStyleRule).selectorText,\n    )\n\n    for (pointer = 0; pointer < collection.length; pointer++) {\n      collection[pointer].style.cssText += (\n        rules[idx] as CSSStyleRule\n      ).style.cssText\n    }\n  }\n\n  // @ts-ignore\n  const convertedString = iframeDoc.firstChild.outerHTML\n  // Remove temporary iframe.\n  iframe.parentNode.removeChild(iframe)\n\n  return convertedString\n}\n"],"names":[],"mappings":"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"}

package/es/modules/custom-image/actions/action.es.js.map

@@ -1 +1 @@
-{"version":3,"file":"action.es.js","sources":["../../../../../src/modules/custom-image/actions/action.ts"],"sourcesContent":["import type { BlotFormatter } from '../blot-formatter'\r\n\r\nexport class Action {\r\n  formatter: BlotFormatter\r\n\r\n  constructor(formatter: BlotFormatter) {\r\n    this.formatter = formatter\r\n  }\r\n\r\n  onCreate() {}\r\n\r\n  onDestroy() {}\r\n\r\n  onUpdate() {}\r\n}\r\n"],"names":[],"mappings":";;;AAEO,MAAM,OAAO;AAAA,EAGlB,YAAY,WAA0B;AAFtC;AAGE,SAAK,YAAY;AAAA,EAAA;AAAA,EAGnB,WAAW;AAAA,EAAA;AAAA,EAEX,YAAY;AAAA,EAAA;AAAA,EAEZ,WAAW;AAAA,EAAA;AACb;"}
+{"version":3,"file":"action.es.js","sources":["../../../../../src/modules/custom-image/actions/action.ts"],"sourcesContent":["import type { BlotFormatter } from '../blot-formatter'\n\nexport class Action {\n  formatter: BlotFormatter\n\n  constructor(formatter: BlotFormatter) {\n    this.formatter = formatter\n  }\n\n  onCreate() {}\n\n  onDestroy() {}\n\n  onUpdate() {}\n}\n"],"names":[],"mappings":";;;AAEO,MAAM,OAAO;AAAA,EAGlB,YAAY,WAA0B;AAFtC;AAGE,SAAK,YAAY;AAAA,EACnB;AAAA,EAEA,WAAW;AAAA,EAAC;AAAA,EAEZ,YAAY;AAAA,EAAC;AAAA,EAEb,WAAW;AAAA,EAAC;AACd;"}

package/es/modules/custom-image/actions/custom-resize-action.es.js.map

@@ -1 +1 @@
-{"version":3,"file":"custom-resize-action.es.js","sources":["../../../../../src/modules/custom-image/actions/custom-resize-action.ts"],"sourcesContent":["import { Action } from './action'\r\n\r\nconst MIN_WIDTH = 40\r\n\r\nfunction getElementStyle(element) {\r\n  return element.currentStyle\r\n    ? element.currentStyle\r\n    : window.getComputedStyle(element, null)\r\n}\r\nexport class CustomResizeAction extends Action {\r\n  topLeftHandle: HTMLElement\r\n  topRightHandle: HTMLElement\r\n  bottomRightHandle: HTMLElement\r\n  bottomLeftHandle: HTMLElement\r\n  dragHandle: HTMLElement\r\n  dragStartX: number\r\n  preDragWidth: number\r\n  targetRatio: number\r\n  maxWidth: number\r\n  minWidth: number\r\n\r\n  constructor(formatter) {\r\n    super(formatter)\r\n    this.topLeftHandle = this.createHandle('top-left', 'nwse-resize')\r\n    this.topRightHandle = this.createHandle('top-right', 'nesw-resize')\r\n    this.bottomRightHandle = this.createHandle('bottom-right', 'nwse-resize')\r\n    this.bottomLeftHandle = this.createHandle('bottom-left', 'nesw-resize')\r\n    this.dragHandle = null\r\n    this.dragStartX = 0\r\n    this.preDragWidth = 0\r\n    this.targetRatio = 0\r\n    this.maxWidth = 0\r\n    this.minWidth = MIN_WIDTH\r\n  }\r\n\r\n  onCreate() {\r\n    const target: any = this.formatter.currentSpec.getTargetElement()\r\n    this.formatter.overlay.setAttribute('data-image', target.src)\r\n    this.formatter.overlay.appendChild(this.topLeftHandle)\r\n    this.formatter.overlay.appendChild(this.topRightHandle)\r\n    this.formatter.overlay.appendChild(this.bottomRightHandle)\r\n    this.formatter.overlay.appendChild(this.bottomLeftHandle)\r\n    this.repositionHandles(this.formatter.options.resize.handleStyle)\r\n  }\r\n\r\n  onDestroy() {\r\n    this.setCursor('')\r\n    this.formatter.overlay.removeChild(this.topLeftHandle)\r\n    this.formatter.overlay.removeChild(this.topRightHandle)\r\n    this.formatter.overlay.removeChild(this.bottomRightHandle)\r\n    this.formatter.overlay.removeChild(this.bottomLeftHandle)\r\n  }\r\n\r\n  createHandle(position: string, cursor: string): HTMLElement {\r\n    const box = document.createElement('div')\r\n    box.classList.add(this.formatter.options.resize.handleClassName)\r\n    box.setAttribute('data-position', position)\r\n    box.style.cursor = cursor\r\n\r\n    if (this.formatter.options.resize.handleStyle) {\r\n      Object.assign(box.style, this.formatter.options.resize.handleStyle)\r\n    }\r\n\r\n    box.addEventListener('mousedown', this.onMouseDown)\r\n    return box\r\n  }\r\n\r\n  repositionHandles(handleStyle: any) {\r\n    let handleXOffset = '0px'\r\n    let handleYOffset = '0px'\r\n    if (handleStyle) {\r\n      if (handleStyle.width) {\r\n        handleXOffset = `${-Number.parseFloat(handleStyle.width) / 2}px`\r\n      }\r\n      if (handleStyle.height) {\r\n        handleYOffset = `${-Number.parseFloat(handleStyle.height) / 2}px`\r\n      }\r\n    }\r\n\r\n    Object.assign(this.topLeftHandle.style, { left: handleXOffset, top: handleYOffset })\r\n    Object.assign(this.topRightHandle.style, { right: handleXOffset, top: handleYOffset })\r\n    Object.assign(this.bottomRightHandle.style, { right: handleXOffset, bottom: handleYOffset })\r\n    Object.assign(this.bottomLeftHandle.style, { left: handleXOffset, bottom: handleYOffset })\r\n  }\r\n\r\n  setCursor(value: string) {\r\n    if (document.body) {\r\n      document.body.style.cursor = value\r\n    }\r\n\r\n    if (this.formatter.currentSpec) {\r\n      const target = this.formatter.currentSpec.getOverlayElement()\r\n      if (target) {\r\n        target.style.cursor = value\r\n      }\r\n    }\r\n  }\r\n\r\n  onMouseDown = (event: MouseEvent) => {\r\n    if (!(event.target instanceof HTMLElement)) {\r\n      return\r\n    }\r\n\r\n    this.dragHandle = event.target\r\n    this.setCursor(this.dragHandle.style.cursor)\r\n\r\n    if (!this.formatter.currentSpec) {\r\n      return\r\n    }\r\n\r\n    const target = this.formatter.currentSpec.getTargetElement()\r\n    if (!target) {\r\n      return\r\n    }\r\n    event.preventDefault()\r\n    const rect = target.getBoundingClientRect()\r\n\r\n    this.dragStartX = event.clientX\r\n    this.preDragWidth = rect.width\r\n    this.targetRatio = rect.height / rect.width\r\n\r\n    let root: HTMLElement\r\n    let rootStyle: any\r\n    const tdWrap = this.findTd(target, 0)\r\n    if (tdWrap) {\r\n      root = tdWrap\r\n      rootStyle = getElementStyle(tdWrap)\r\n    }\r\n    else {\r\n      root = this.formatter.quill.root\r\n      rootStyle = getElementStyle(root)\r\n    }\r\n    this.maxWidth = root.clientWidth\r\n      - Number.parseFloat(rootStyle.paddingRight)\r\n      - Number.parseFloat(rootStyle.paddingLeft)\r\n\r\n    document.addEventListener('mousemove', this.onDrag)\r\n    document.addEventListener('mouseup', this.onMouseUp)\r\n  }\r\n\r\n  findTd = (node: HTMLElement, level: number) => {\r\n    if (level > 3) {\r\n      return null\r\n    }\r\n\r\n    const tagName = node.tagName.toUpperCase()\r\n    if (tagName === 'TD') {\r\n      return node\r\n    }\r\n    else {\r\n      const parentNode = node.parentElement\r\n      if (parentNode) {\r\n        return (this.findTd(parentNode, level += 1))\r\n      }\r\n      else {\r\n        return null\r\n      }\r\n    }\r\n  }\r\n\r\n  onDrag = (event: MouseEvent) => {\r\n    if (!this.formatter.currentSpec) {\r\n      return\r\n    }\r\n\r\n    const target = this.formatter.currentSpec.getTargetElement()\r\n    if (!target) {\r\n      return\r\n    }\r\n\r\n    const deltaX = event.clientX - this.dragStartX\r\n    let newWidth = 0\r\n\r\n    if (this.dragHandle === this.topLeftHandle || this.dragHandle === this.bottomLeftHandle) {\r\n      newWidth = Math.round(this.preDragWidth - deltaX)\r\n    }\r\n    else {\r\n      newWidth = Math.round(this.preDragWidth + deltaX)\r\n    }\r\n\r\n    let minWidth = this.minWidth\r\n\r\n    if (this.maxWidth < minWidth) {\r\n      minWidth = this.maxWidth\r\n    }\r\n\r\n    if (newWidth > this.maxWidth) {\r\n      newWidth = this.maxWidth\r\n    }\r\n    else if (newWidth < minWidth) {\r\n      newWidth = minWidth\r\n    }\r\n\r\n    const newHeight = this.targetRatio * newWidth\r\n\r\n    target.setAttribute('width', `${newWidth}`)\r\n    target.setAttribute('height', `${newHeight}`)\r\n\r\n    this.formatter.update()\r\n  }\r\n\r\n  onMouseUp = () => {\r\n    this.setCursor('')\r\n    document.removeEventListener('mousemove', this.onDrag)\r\n    document.removeEventListener('mouseup', this.onMouseUp)\r\n  }\r\n}\r\n"],"names":[],"mappings":"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"}
+{"version":3,"file":"custom-resize-action.es.js","sources":["../../../../../src/modules/custom-image/actions/custom-resize-action.ts"],"sourcesContent":["import { Action } from './action'\n\nconst MIN_WIDTH = 40\n\nfunction getElementStyle(element) {\n  return element.currentStyle\n    ? element.currentStyle\n    : window.getComputedStyle(element, null)\n}\nexport class CustomResizeAction extends Action {\n  topLeftHandle: HTMLElement\n  topRightHandle: HTMLElement\n  bottomRightHandle: HTMLElement\n  bottomLeftHandle: HTMLElement\n  dragHandle: HTMLElement\n  dragStartX: number\n  preDragWidth: number\n  targetRatio: number\n  maxWidth: number\n  minWidth: number\n\n  constructor(formatter) {\n    super(formatter)\n    this.topLeftHandle = this.createHandle('top-left', 'nwse-resize')\n    this.topRightHandle = this.createHandle('top-right', 'nesw-resize')\n    this.bottomRightHandle = this.createHandle('bottom-right', 'nwse-resize')\n    this.bottomLeftHandle = this.createHandle('bottom-left', 'nesw-resize')\n    this.dragHandle = null\n    this.dragStartX = 0\n    this.preDragWidth = 0\n    this.targetRatio = 0\n    this.maxWidth = 0\n    this.minWidth = MIN_WIDTH\n  }\n\n  onCreate() {\n    const target: any = this.formatter.currentSpec.getTargetElement()\n    this.formatter.overlay.setAttribute('data-image', target.src)\n    this.formatter.overlay.appendChild(this.topLeftHandle)\n    this.formatter.overlay.appendChild(this.topRightHandle)\n    this.formatter.overlay.appendChild(this.bottomRightHandle)\n    this.formatter.overlay.appendChild(this.bottomLeftHandle)\n    this.repositionHandles(this.formatter.options.resize.handleStyle)\n  }\n\n  onDestroy() {\n    this.setCursor('')\n    this.formatter.overlay.removeChild(this.topLeftHandle)\n    this.formatter.overlay.removeChild(this.topRightHandle)\n    this.formatter.overlay.removeChild(this.bottomRightHandle)\n    this.formatter.overlay.removeChild(this.bottomLeftHandle)\n  }\n\n  createHandle(position: string, cursor: string): HTMLElement {\n    const box = document.createElement('div')\n    box.classList.add(this.formatter.options.resize.handleClassName)\n    box.setAttribute('data-position', position)\n    box.style.cursor = cursor\n\n    if (this.formatter.options.resize.handleStyle) {\n      Object.assign(box.style, this.formatter.options.resize.handleStyle)\n    }\n\n    box.addEventListener('mousedown', this.onMouseDown)\n    return box\n  }\n\n  repositionHandles(handleStyle: any) {\n    let handleXOffset = '0px'\n    let handleYOffset = '0px'\n    if (handleStyle) {\n      if (handleStyle.width) {\n        handleXOffset = `${-Number.parseFloat(handleStyle.width) / 2}px`\n      }\n      if (handleStyle.height) {\n        handleYOffset = `${-Number.parseFloat(handleStyle.height) / 2}px`\n      }\n    }\n\n    Object.assign(this.topLeftHandle.style, { left: handleXOffset, top: handleYOffset })\n    Object.assign(this.topRightHandle.style, { right: handleXOffset, top: handleYOffset })\n    Object.assign(this.bottomRightHandle.style, { right: handleXOffset, bottom: handleYOffset })\n    Object.assign(this.bottomLeftHandle.style, { left: handleXOffset, bottom: handleYOffset })\n  }\n\n  setCursor(value: string) {\n    if (document.body) {\n      document.body.style.cursor = value\n    }\n\n    if (this.formatter.currentSpec) {\n      const target = this.formatter.currentSpec.getOverlayElement()\n      if (target) {\n        target.style.cursor = value\n      }\n    }\n  }\n\n  onMouseDown = (event: MouseEvent) => {\n    if (!(event.target instanceof HTMLElement)) {\n      return\n    }\n\n    this.dragHandle = event.target\n    this.setCursor(this.dragHandle.style.cursor)\n\n    if (!this.formatter.currentSpec) {\n      return\n    }\n\n    const target = this.formatter.currentSpec.getTargetElement()\n    if (!target) {\n      return\n    }\n    event.preventDefault()\n    const rect = target.getBoundingClientRect()\n\n    this.dragStartX = event.clientX\n    this.preDragWidth = rect.width\n    this.targetRatio = rect.height / rect.width\n\n    let root: HTMLElement\n    let rootStyle: any\n    const tdWrap = this.findTd(target, 0)\n    if (tdWrap) {\n      root = tdWrap\n      rootStyle = getElementStyle(tdWrap)\n    }\n    else {\n      root = this.formatter.quill.root\n      rootStyle = getElementStyle(root)\n    }\n    this.maxWidth = root.clientWidth\n      - Number.parseFloat(rootStyle.paddingRight)\n      - Number.parseFloat(rootStyle.paddingLeft)\n\n    document.addEventListener('mousemove', this.onDrag)\n    document.addEventListener('mouseup', this.onMouseUp)\n  }\n\n  findTd = (node: HTMLElement, level: number) => {\n    if (level > 3) {\n      return null\n    }\n\n    const tagName = node.tagName.toUpperCase()\n    if (tagName === 'TD') {\n      return node\n    }\n    else {\n      const parentNode = node.parentElement\n      if (parentNode) {\n        return (this.findTd(parentNode, level += 1))\n      }\n      else {\n        return null\n      }\n    }\n  }\n\n  onDrag = (event: MouseEvent) => {\n    if (!this.formatter.currentSpec) {\n      return\n    }\n\n    const target = this.formatter.currentSpec.getTargetElement()\n    if (!target) {\n      return\n    }\n\n    const deltaX = event.clientX - this.dragStartX\n    let newWidth = 0\n\n    if (this.dragHandle === this.topLeftHandle || this.dragHandle === this.bottomLeftHandle) {\n      newWidth = Math.round(this.preDragWidth - deltaX)\n    }\n    else {\n      newWidth = Math.round(this.preDragWidth + deltaX)\n    }\n\n    let minWidth = this.minWidth\n\n    if (this.maxWidth < minWidth) {\n      minWidth = this.maxWidth\n    }\n\n    if (newWidth > this.maxWidth) {\n      newWidth = this.maxWidth\n    }\n    else if (newWidth < minWidth) {\n      newWidth = minWidth\n    }\n\n    const newHeight = this.targetRatio * newWidth\n\n    target.setAttribute('width', `${newWidth}`)\n    target.setAttribute('height', `${newHeight}`)\n\n    this.formatter.update()\n  }\n\n  onMouseUp = () => {\n    this.setCursor('')\n    document.removeEventListener('mousemove', this.onDrag)\n    document.removeEventListener('mouseup', this.onMouseUp)\n  }\n}\n"],"names":[],"mappings":";;;;AAEA,MAAM,YAAY;AAElB,SAAS,gBAAgB,SAAS;AAChC,SAAO,QAAQ,eACX,QAAQ,eACR,OAAO,iBAAiB,SAAS,IAAI;AAC3C;AACO,MAAM,2BAA2B,OAAO;AAAA,EAY7C,YAAY,WAAW;AACrB,UAAM,SAAS;AAZjB;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AA+EA,uCAAc,CAAC,UAAsB;AACnC,UAAI,EAAE,MAAM,kBAAkB,cAAc;AAC1C;AAAA,MACF;AAEA,WAAK,aAAa,MAAM;AACxB,WAAK,UAAU,KAAK,WAAW,MAAM,MAAM;AAE3C,UAAI,CAAC,KAAK,UAAU,aAAa;AAC/B;AAAA,MACF;AAEA,YAAM,SAAS,KAAK,UAAU,YAAY,iBAAA;AAC1C,UAAI,CAAC,QAAQ;AACX;AAAA,MACF;AACA,YAAM,eAAA;AACN,YAAM,OAAO,OAAO,sBAAA;AAEpB,WAAK,aAAa,MAAM;AACxB,WAAK,eAAe,KAAK;AACzB,WAAK,cAAc,KAAK,SAAS,KAAK;AAEtC,UAAI;AACJ,UAAI;AACJ,YAAM,SAAS,KAAK,OAAO,QAAQ,CAAC;AACpC,UAAI,QAAQ;AACV,eAAO;AACP,oBAAY,gBAAgB,MAAM;AAAA,MACpC,OACK;AACH,eAAO,KAAK,UAAU,MAAM;AAC5B,oBAAY,gBAAgB,IAAI;AAAA,MAClC;AACA,WAAK,WAAW,KAAK,cACjB,OAAO,WAAW,UAAU,YAAY,IACxC,OAAO,WAAW,UAAU,WAAW;AAE3C,eAAS,iBAAiB,aAAa,KAAK,MAAM;AAClD,eAAS,iBAAiB,WAAW,KAAK,SAAS;AAAA,IACrD;AAEA,kCAAS,CAAC,MAAmB,UAAkB;AAC7C,UAAI,QAAQ,GAAG;AACb,eAAO;AAAA,MACT;AAEA,YAAM,UAAU,KAAK,QAAQ,YAAA;AAC7B,UAAI,YAAY,MAAM;AACpB,eAAO;AAAA,MACT,OACK;AACH,cAAM,aAAa,KAAK;AACxB,YAAI,YAAY;AACd,iBAAQ,KAAK,OAAO,YAAY,SAAS,CAAC;AAAA,QAC5C,OACK;AACH,iBAAO;AAAA,QACT;AAAA,MACF;AAAA,IACF;AAEA,kCAAS,CAAC,UAAsB;AAC9B,UAAI,CAAC,KAAK,UAAU,aAAa;AAC/B;AAAA,MACF;AAEA,YAAM,SAAS,KAAK,UAAU,YAAY,iBAAA;AAC1C,UAAI,CAAC,QAAQ;AACX;AAAA,MACF;AAEA,YAAM,SAAS,MAAM,UAAU,KAAK;AACpC,UAAI,WAAW;AAEf,UAAI,KAAK,eAAe,KAAK,iBAAiB,KAAK,eAAe,KAAK,kBAAkB;AACvF,mBAAW,KAAK,MAAM,KAAK,eAAe,MAAM;AAAA,MAClD,OACK;AACH,mBAAW,KAAK,MAAM,KAAK,eAAe,MAAM;AAAA,MAClD;AAEA,UAAI,WAAW,KAAK;AAEpB,UAAI,KAAK,WAAW,UAAU;AAC5B,mBAAW,KAAK;AAAA,MAClB;AAEA,UAAI,WAAW,KAAK,UAAU;AAC5B,mBAAW,KAAK;AAAA,MAClB,WACS,WAAW,UAAU;AAC5B,mBAAW;AAAA,MACb;AAEA,YAAM,YAAY,KAAK,cAAc;AAErC,aAAO,aAAa,SAAS,GAAG,QAAQ,EAAE;AAC1C,aAAO,aAAa,UAAU,GAAG,SAAS,EAAE;AAE5C,WAAK,UAAU,OAAA;AAAA,IACjB;AAEA,qCAAY,MAAM;AAChB,WAAK,UAAU,EAAE;AACjB,eAAS,oBAAoB,aAAa,KAAK,MAAM;AACrD,eAAS,oBAAoB,WAAW,KAAK,SAAS;AAAA,IACxD;AAtLE,SAAK,gBAAgB,KAAK,aAAa,YAAY,aAAa;AAChE,SAAK,iBAAiB,KAAK,aAAa,aAAa,aAAa;AAClE,SAAK,oBAAoB,KAAK,aAAa,gBAAgB,aAAa;AACxE,SAAK,mBAAmB,KAAK,aAAa,eAAe,aAAa;AACtE,SAAK,aAAa;AAClB,SAAK,aAAa;AAClB,SAAK,eAAe;AACpB,SAAK,cAAc;AACnB,SAAK,WAAW;AAChB,SAAK,WAAW;AAAA,EAClB;AAAA,EAEA,WAAW;AACT,UAAM,SAAc,KAAK,UAAU,YAAY,iBAAA;AAC/C,SAAK,UAAU,QAAQ,aAAa,cAAc,OAAO,GAAG;AAC5D,SAAK,UAAU,QAAQ,YAAY,KAAK,aAAa;AACrD,SAAK,UAAU,QAAQ,YAAY,KAAK,cAAc;AACtD,SAAK,UAAU,QAAQ,YAAY,KAAK,iBAAiB;AACzD,SAAK,UAAU,QAAQ,YAAY,KAAK,gBAAgB;AACxD,SAAK,kBAAkB,KAAK,UAAU,QAAQ,OAAO,WAAW;AAAA,EAClE;AAAA,EAEA,YAAY;AACV,SAAK,UAAU,EAAE;AACjB,SAAK,UAAU,QAAQ,YAAY,KAAK,aAAa;AACrD,SAAK,UAAU,QAAQ,YAAY,KAAK,cAAc;AACtD,SAAK,UAAU,QAAQ,YAAY,KAAK,iBAAiB;AACzD,SAAK,UAAU,QAAQ,YAAY,KAAK,gBAAgB;AAAA,EAC1D;AAAA,EAEA,aAAa,UAAkB,QAA6B;AAC1D,UAAM,MAAM,SAAS,cAAc,KAAK;AACxC,QAAI,UAAU,IAAI,KAAK,UAAU,QAAQ,OAAO,eAAe;AAC/D,QAAI,aAAa,iBAAiB,QAAQ;AAC1C,QAAI,MAAM,SAAS;AAEnB,QAAI,KAAK,UAAU,QAAQ,OAAO,aAAa;AAC7C,aAAO,OAAO,IAAI,OAAO,KAAK,UAAU,QAAQ,OAAO,WAAW;AAAA,IACpE;AAEA,QAAI,iBAAiB,aAAa,KAAK,WAAW;AAClD,WAAO;AAAA,EACT;AAAA,EAEA,kBAAkB,aAAkB;AAClC,QAAI,gBAAgB;AACpB,QAAI,gBAAgB;AACpB,QAAI,aAAa;AACf,UAAI,YAAY,OAAO;AACrB,wBAAgB,GAAG,CAAC,OAAO,WAAW,YAAY,KAAK,IAAI,CAAC;AAAA,MAC9D;AACA,UAAI,YAAY,QAAQ;AACtB,wBAAgB,GAAG,CAAC,OAAO,WAAW,YAAY,MAAM,IAAI,CAAC;AAAA,MAC/D;AAAA,IACF;AAEA,WAAO,OAAO,KAAK,cAAc,OAAO,EAAE,MAAM,eAAe,KAAK,eAAe;AACnF,WAAO,OAAO,KAAK,eAAe,OAAO,EAAE,OAAO,eAAe,KAAK,eAAe;AACrF,WAAO,OAAO,KAAK,kBAAkB,OAAO,EAAE,OAAO,eAAe,QAAQ,eAAe;AAC3F,WAAO,OAAO,KAAK,iBAAiB,OAAO,EAAE,MAAM,eAAe,QAAQ,eAAe;AAAA,EAC3F;AAAA,EAEA,UAAU,OAAe;AACvB,QAAI,SAAS,MAAM;AACjB,eAAS,KAAK,MAAM,SAAS;AAAA,IAC/B;AAEA,QAAI,KAAK,UAAU,aAAa;AAC9B,YAAM,SAAS,KAAK,UAAU,YAAY,kBAAA;AAC1C,UAAI,QAAQ;AACV,eAAO,MAAM,SAAS;AAAA,MACxB;AAAA,IACF;AAAA,EACF;AA8GF;"}

package/es/modules/custom-image/actions/delete-action.es.js.map

@@ -1 +1 @@
-{"version":3,"file":"delete-action.es.js","sources":["../../../../../src/modules/custom-image/actions/delete-action.ts"],"sourcesContent":["import type { Parchment as TypeParchment } from 'quill'\r\nimport Quill from 'quill'\r\nimport { Action } from './action'\r\n\r\nexport class DeleteAction extends Action {\r\n  onCreate() {\r\n    document.addEventListener('keyup', this.onKeyUp, true)\r\n    this.formatter.quill.root.addEventListener('input', this.onKeyUp, true)\r\n  }\r\n\r\n  onDestroy() {\r\n    document.removeEventListener('keyup', this.onKeyUp)\r\n    this.formatter.quill.root.removeEventListener('input', this.onKeyUp)\r\n  }\r\n\r\n  onKeyUp = (event: any) => {\r\n    if (!this.formatter.currentSpec) {\r\n      return\r\n    }\r\n\r\n    // delete or backspace\r\n    if (event.keyCode === 46 || event.keyCode === 8) {\r\n      const blot = Quill.find(this.formatter.currentSpec.getTargetElement()) as TypeParchment.Blot\r\n      if (blot) {\r\n        // TODO: fix later\r\n        // @ts-ignore\r\n        blot.deleteAt(0)\r\n      }\r\n      this.formatter.hide()\r\n    }\r\n  }\r\n}\r\n"],"names":[],"mappings":";;;;;AAIO,MAAM,qBAAqB,OAAO;AAAA,EAAlC;AAAA;AAWL,mCAAU,CAAC,UAAe;AACpB,UAAA,CAAC,KAAK,UAAU,aAAa;AAC/B;AAAA,MAAA;AAIF,UAAI,MAAM,YAAY,MAAM,MAAM,YAAY,GAAG;AAC/C,cAAM,OAAO,MAAM,KAAK,KAAK,UAAU,YAAY,kBAAkB;AACrE,YAAI,MAAM;AAGR,eAAK,SAAS,CAAC;AAAA,QAAA;AAEjB,aAAK,UAAU,KAAK;AAAA,MAAA;AAAA,IAExB;AAAA;AAAA,EAzBA,WAAW;AACT,aAAS,iBAAiB,SAAS,KAAK,SAAS,IAAI;AACrD,SAAK,UAAU,MAAM,KAAK,iBAAiB,SAAS,KAAK,SAAS,IAAI;AAAA,EAAA;AAAA,EAGxE,YAAY;AACD,aAAA,oBAAoB,SAAS,KAAK,OAAO;AAClD,SAAK,UAAU,MAAM,KAAK,oBAAoB,SAAS,KAAK,OAAO;AAAA,EAAA;AAmBvE;"}
+{"version":3,"file":"delete-action.es.js","sources":["../../../../../src/modules/custom-image/actions/delete-action.ts"],"sourcesContent":["import type { Parchment as TypeParchment } from 'quill'\nimport Quill from 'quill'\nimport { Action } from './action'\n\nexport class DeleteAction extends Action {\n  onCreate() {\n    document.addEventListener('keyup', this.onKeyUp, true)\n    this.formatter.quill.root.addEventListener('input', this.onKeyUp, true)\n  }\n\n  onDestroy() {\n    document.removeEventListener('keyup', this.onKeyUp)\n    this.formatter.quill.root.removeEventListener('input', this.onKeyUp)\n  }\n\n  onKeyUp = (event: any) => {\n    if (!this.formatter.currentSpec) {\n      return\n    }\n\n    // delete or backspace\n    if (event.keyCode === 46 || event.keyCode === 8) {\n      const blot = Quill.find(this.formatter.currentSpec.getTargetElement()) as TypeParchment.Blot\n      if (blot) {\n        // TODO: fix later\n        // @ts-ignore\n        blot.deleteAt(0)\n      }\n      this.formatter.hide()\n    }\n  }\n}\n"],"names":[],"mappings":";;;;;AAIO,MAAM,qBAAqB,OAAO;AAAA,EAAlC;AAAA;AAWL,mCAAU,CAAC,UAAe;AACxB,UAAI,CAAC,KAAK,UAAU,aAAa;AAC/B;AAAA,MACF;AAGA,UAAI,MAAM,YAAY,MAAM,MAAM,YAAY,GAAG;AAC/C,cAAM,OAAO,MAAM,KAAK,KAAK,UAAU,YAAY,kBAAkB;AACrE,YAAI,MAAM;AAGR,eAAK,SAAS,CAAC;AAAA,QACjB;AACA,aAAK,UAAU,KAAA;AAAA,MACjB;AAAA,IACF;AAAA;AAAA,EAzBA,WAAW;AACT,aAAS,iBAAiB,SAAS,KAAK,SAAS,IAAI;AACrD,SAAK,UAAU,MAAM,KAAK,iBAAiB,SAAS,KAAK,SAAS,IAAI;AAAA,EACxE;AAAA,EAEA,YAAY;AACV,aAAS,oBAAoB,SAAS,KAAK,OAAO;AAClD,SAAK,UAAU,MAAM,KAAK,oBAAoB,SAAS,KAAK,OAAO;AAAA,EACrE;AAkBF;"}

package/es/modules/custom-image/actions/image-toolbar-buttons.es.js

@@ -2,7 +2,7 @@ var __defProp = Object.defineProperty;
 var __defNormalProp = (obj, key, value) => key in obj ? __defProp(obj, key, { enumerable: true, configurable: true, writable: true, value }) : obj[key] = value;
 var __publicField = (obj, key, value) => __defNormalProp(obj, typeof key !== "symbol" ? key + "" : key, value);
 import { isBoolean, isObject } from "../../../utils/is.es.js";
-import { LEFT_ALIGN, CENTER_ALIGN, RIGHT_ALIGN, DOWNLOAD, COPY } from "../options.es.js";
+import { COPY, DOWNLOAD, RIGHT_ALIGN, CENTER_ALIGN, LEFT_ALIGN } from "../options.es.js";
 const ALIGN_ATTR = "data-align";
 function setAlignStyle(el, display, float, margin) {
   el.style.setProperty("display", display);

package/es/modules/custom-image/actions/image-toolbar-buttons.es.js.map

@@ -1 +1 @@
-{"version":3,"file":"image-toolbar-buttons.es.js","sources":["../../../../../src/modules/custom-image/actions/image-toolbar-buttons.ts"],"sourcesContent":["import type { ToolbarButtonOptions, ToolButtonOption } from '../options'\r\nimport { isBoolean, isObject } from '../../../utils/is'\r\nimport { CENTER_ALIGN, COPY, DOWNLOAD, LEFT_ALIGN, RIGHT_ALIGN } from '../options'\r\n\r\nexport const ALIGN_ATTR = 'data-align'\r\n\r\nexport function setAlignStyle(el: HTMLElement, display: string | null, float: string | null, margin: string | null) {\r\n  el.style.setProperty('display', display)\r\n  el.style.setProperty('float', float)\r\n  el.style.setProperty('margin', margin)\r\n}\r\nexport const alignmentHandler = {\r\n  left: (el: HTMLElement, toolbarButtons: ImageToolbarButtons) => {\r\n    setAlignStyle(el, 'inline', 'left', '0 1em 1em 0')\r\n  },\r\n  center: (el: HTMLElement, toolbarButtons: ImageToolbarButtons) => {\r\n    setAlignStyle(el, 'block', null, 'auto')\r\n  },\r\n  right: (el: HTMLElement, toolbarButtons: ImageToolbarButtons) => {\r\n    setAlignStyle(el, 'inline', 'right', '0 0 1em 1em')\r\n  },\r\n  download: (el: HTMLImageElement, toolbarButtons: ImageToolbarButtons) => {\r\n    const imageName = el.dataset.title || 'image'\r\n    const url = el.src || ''\r\n    if (!url) return\r\n    const a = document.createElement('a')\r\n    a.href = url\r\n    a.target = '_blank'\r\n    a.download = imageName\r\n    a.style.display = 'none'\r\n    document.body.appendChild(a)\r\n    a.click()\r\n    a.parentNode.removeChild(a)\r\n  },\r\n  copy: async (el: HTMLImageElement, toolbarButtons: ImageToolbarButtons) => {\r\n    if (!el.src) return\r\n    const imageUrl = el.src\r\n    try {\r\n      const response = await fetch(imageUrl)\r\n      if (!response.ok) {\r\n        throw new Error('Copy image failed')\r\n      }\r\n      const blob = await response.blob()\r\n      await navigator.clipboard.write([new ClipboardItem({ [blob.type]: blob })])\r\n    }\r\n    catch (e) {\r\n      throw new Error('Copy image failed')\r\n    }\r\n  },\r\n}\r\nconst defaultButtons: Record<string, ToolButtonOption> = {\r\n  [LEFT_ALIGN]: {\r\n    name: LEFT_ALIGN,\r\n    icon: `\r\n        <svg viewbox=\"0 0 18 18\">\r\n          <line class=\"ql-stroke\" x1=\"3\" x2=\"15\" y1=\"9\" y2=\"9\"></line>\r\n          <line class=\"ql-stroke\" x1=\"3\" x2=\"13\" y1=\"14\" y2=\"14\"></line>\r\n          <line class=\"ql-stroke\" x1=\"3\" x2=\"9\" y1=\"4\" y2=\"4\"></line>\r\n        </svg>\r\n      `,\r\n    isActive: el => el.getAttribute(ALIGN_ATTR) === 'left',\r\n    apply: (el: HTMLImageElement, toolbarButtons: ImageToolbarButtons) => {\r\n      el.setAttribute(ALIGN_ATTR, 'left')\r\n      alignmentHandler.left(el, toolbarButtons)\r\n    },\r\n  },\r\n  [CENTER_ALIGN]: {\r\n    name: CENTER_ALIGN,\r\n    icon: `\r\n        <svg viewbox=\"0 0 18 18\">\r\n          <line class=\"ql-stroke\" x1=\"15\" x2=\"3\" y1=\"9\" y2=\"9\"></line>\r\n          <line class=\"ql-stroke\" x1=\"14\" x2=\"4\" y1=\"14\" y2=\"14\"></line>\r\n          <line class=\"ql-stroke\" x1=\"12\" x2=\"6\" y1=\"4\" y2=\"4\"></line>\r\n        </svg>\r\n      `,\r\n    isActive: el => el.getAttribute(ALIGN_ATTR) === 'center',\r\n    apply: (el: HTMLImageElement, toolbarButtons: ImageToolbarButtons) => {\r\n      el.setAttribute(ALIGN_ATTR, 'center')\r\n      alignmentHandler.center(el, toolbarButtons)\r\n    },\r\n  },\r\n  [RIGHT_ALIGN]: {\r\n    name: RIGHT_ALIGN,\r\n    icon: `\r\n        <svg viewbox=\"0 0 18 18\">\r\n          <line class=\"ql-stroke\" x1=\"15\" x2=\"3\" y1=\"9\" y2=\"9\"></line>\r\n          <line class=\"ql-stroke\" x1=\"15\" x2=\"5\" y1=\"14\" y2=\"14\"></line>\r\n          <line class=\"ql-stroke\" x1=\"15\" x2=\"9\" y1=\"4\" y2=\"4\"></line>\r\n        </svg>\r\n      `,\r\n    isActive: el => el.getAttribute(ALIGN_ATTR) === 'right',\r\n    apply: (el: HTMLImageElement, toolbarButtons: ImageToolbarButtons) => {\r\n      el.setAttribute(ALIGN_ATTR, 'right')\r\n      alignmentHandler.right(el, toolbarButtons)\r\n    },\r\n  },\r\n  [DOWNLOAD]: {\r\n    name: DOWNLOAD,\r\n    icon: `<svg xmlns=\"http://www.w3.org/2000/svg\" width=\"32\" height=\"32\" viewBox=\"0 0 32 32\"><path class=\"ql-fill\" d=\"M26 24v4H6v-4H4v4a2 2 0 0 0 2 2h20a2 2 0 0 0 2-2v-4zm0-10l-1.41-1.41L17 20.17V2h-2v18.17l-7.59-7.58L6 14l10 10z\"/></svg>`,\r\n    apply: (el: HTMLImageElement, toolbarButtons: ImageToolbarButtons) => {\r\n      alignmentHandler.download(el, toolbarButtons)\r\n    },\r\n  },\r\n  [COPY]: {\r\n    name: COPY,\r\n    icon: `<svg xmlns=\"http://www.w3.org/2000/svg\" width=\"32\" height=\"32\" viewBox=\"0 0 32 32\"><path class=\"ql-fill\" d=\"M28 10v18H10V10zm0-2H10a2 2 0 0 0-2 2v18a2 2 0 0 0 2 2h18a2 2 0 0 0 2-2V10a2 2 0 0 0-2-2\"/><path class=\"ql-fill\" d=\"M4 18H2V4a2 2 0 0 1 2-2h14v2H4Z\"/></svg>`,\r\n    apply: (el: HTMLImageElement, toolbarButtons: ImageToolbarButtons) => {\r\n      alignmentHandler.copy(el, toolbarButtons)\r\n    },\r\n  },\r\n}\r\nexport class ImageToolbarButtons {\r\n  buttons: Record<string, ToolButtonOption>\r\n\r\n  constructor(options: ToolbarButtonOptions) {\r\n    this.buttons = Object.entries(options.buttons).reduce((acc, [name, button]) => {\r\n      if (isBoolean(button) && button && defaultButtons[name]) {\r\n        acc[name] = defaultButtons[name]\r\n      }\r\n      else if (isObject(button)) {\r\n        acc[button.name] = button\r\n      }\r\n      return acc\r\n    }, {})\r\n  }\r\n\r\n  getItems(): ToolButtonOption[] {\r\n    return Object.keys(this.buttons).map(k => this.buttons[k])\r\n  }\r\n\r\n  clear(el: HTMLElement): void {\r\n    el.removeAttribute(ALIGN_ATTR)\r\n    setAlignStyle(el, null, null, null)\r\n  }\r\n}\r\n"],"names":[],"mappings":"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"}
+{"version":3,"file":"image-toolbar-buttons.es.js","sources":["../../../../../src/modules/custom-image/actions/image-toolbar-buttons.ts"],"sourcesContent":["import type { ToolbarButtonOptions, ToolButtonOption } from '../options'\r\nimport { isBoolean, isObject } from '../../../utils/is'\r\nimport { CENTER_ALIGN, COPY, DOWNLOAD, LEFT_ALIGN, RIGHT_ALIGN } from '../options'\r\n\r\nexport const ALIGN_ATTR = 'data-align'\r\n\r\nexport function setAlignStyle(el: HTMLElement, display: string | null, float: string | null, margin: string | null) {\r\n  el.style.setProperty('display', display)\r\n  el.style.setProperty('float', float)\r\n  el.style.setProperty('margin', margin)\r\n}\r\nexport const alignmentHandler = {\r\n  left: (el: HTMLElement, toolbarButtons: ImageToolbarButtons) => {\r\n    setAlignStyle(el, 'inline', 'left', '0 1em 1em 0')\r\n  },\r\n  center: (el: HTMLElement, toolbarButtons: ImageToolbarButtons) => {\r\n    setAlignStyle(el, 'block', null, 'auto')\r\n  },\r\n  right: (el: HTMLElement, toolbarButtons: ImageToolbarButtons) => {\r\n    setAlignStyle(el, 'inline', 'right', '0 0 1em 1em')\r\n  },\r\n  download: (el: HTMLImageElement, toolbarButtons: ImageToolbarButtons) => {\r\n    const imageName = el.dataset.title || 'image'\r\n    const url = el.src || ''\r\n    if (!url) return\r\n    const a = document.createElement('a')\r\n    a.href = url\r\n    a.target = '_blank'\r\n    a.download = imageName\r\n    a.style.display = 'none'\r\n    document.body.appendChild(a)\r\n    a.click()\r\n    a.parentNode.removeChild(a)\r\n  },\r\n  copy: async (el: HTMLImageElement, toolbarButtons: ImageToolbarButtons) => {\r\n    if (!el.src) return\r\n    const imageUrl = el.src\r\n    try {\r\n      const response = await fetch(imageUrl)\r\n      if (!response.ok) {\r\n        throw new Error('Copy image failed')\r\n      }\r\n      const blob = await response.blob()\r\n      await navigator.clipboard.write([new ClipboardItem({ [blob.type]: blob })])\r\n    }\r\n    catch (e) {\r\n      throw new Error('Copy image failed')\r\n    }\r\n  },\r\n}\r\nconst defaultButtons: Record<string, ToolButtonOption> = {\r\n  [LEFT_ALIGN]: {\r\n    name: LEFT_ALIGN,\r\n    icon: `\r\n        <svg viewbox=\"0 0 18 18\">\r\n          <line class=\"ql-stroke\" x1=\"3\" x2=\"15\" y1=\"9\" y2=\"9\"></line>\r\n          <line class=\"ql-stroke\" x1=\"3\" x2=\"13\" y1=\"14\" y2=\"14\"></line>\r\n          <line class=\"ql-stroke\" x1=\"3\" x2=\"9\" y1=\"4\" y2=\"4\"></line>\r\n        </svg>\r\n      `,\r\n    isActive: el => el.getAttribute(ALIGN_ATTR) === 'left',\r\n    apply: (el: HTMLImageElement, toolbarButtons: ImageToolbarButtons) => {\r\n      el.setAttribute(ALIGN_ATTR, 'left')\r\n      alignmentHandler.left(el, toolbarButtons)\r\n    },\r\n  },\r\n  [CENTER_ALIGN]: {\r\n    name: CENTER_ALIGN,\r\n    icon: `\r\n        <svg viewbox=\"0 0 18 18\">\r\n          <line class=\"ql-stroke\" x1=\"15\" x2=\"3\" y1=\"9\" y2=\"9\"></line>\r\n          <line class=\"ql-stroke\" x1=\"14\" x2=\"4\" y1=\"14\" y2=\"14\"></line>\r\n          <line class=\"ql-stroke\" x1=\"12\" x2=\"6\" y1=\"4\" y2=\"4\"></line>\r\n        </svg>\r\n      `,\r\n    isActive: el => el.getAttribute(ALIGN_ATTR) === 'center',\r\n    apply: (el: HTMLImageElement, toolbarButtons: ImageToolbarButtons) => {\r\n      el.setAttribute(ALIGN_ATTR, 'center')\r\n      alignmentHandler.center(el, toolbarButtons)\r\n    },\r\n  },\r\n  [RIGHT_ALIGN]: {\r\n    name: RIGHT_ALIGN,\r\n    icon: `\r\n        <svg viewbox=\"0 0 18 18\">\r\n          <line class=\"ql-stroke\" x1=\"15\" x2=\"3\" y1=\"9\" y2=\"9\"></line>\r\n          <line class=\"ql-stroke\" x1=\"15\" x2=\"5\" y1=\"14\" y2=\"14\"></line>\r\n          <line class=\"ql-stroke\" x1=\"15\" x2=\"9\" y1=\"4\" y2=\"4\"></line>\r\n        </svg>\r\n      `,\r\n    isActive: el => el.getAttribute(ALIGN_ATTR) === 'right',\r\n    apply: (el: HTMLImageElement, toolbarButtons: ImageToolbarButtons) => {\r\n      el.setAttribute(ALIGN_ATTR, 'right')\r\n      alignmentHandler.right(el, toolbarButtons)\r\n    },\r\n  },\r\n  [DOWNLOAD]: {\r\n    name: DOWNLOAD,\r\n    icon: `<svg xmlns=\"http://www.w3.org/2000/svg\" width=\"32\" height=\"32\" viewBox=\"0 0 32 32\"><path class=\"ql-fill\" d=\"M26 24v4H6v-4H4v4a2 2 0 0 0 2 2h20a2 2 0 0 0 2-2v-4zm0-10l-1.41-1.41L17 20.17V2h-2v18.17l-7.59-7.58L6 14l10 10z\"/></svg>`,\r\n    apply: (el: HTMLImageElement, toolbarButtons: ImageToolbarButtons) => {\r\n      alignmentHandler.download(el, toolbarButtons)\r\n    },\r\n  },\r\n  [COPY]: {\r\n    name: COPY,\r\n    icon: `<svg xmlns=\"http://www.w3.org/2000/svg\" width=\"32\" height=\"32\" viewBox=\"0 0 32 32\"><path class=\"ql-fill\" d=\"M28 10v18H10V10zm0-2H10a2 2 0 0 0-2 2v18a2 2 0 0 0 2 2h18a2 2 0 0 0 2-2V10a2 2 0 0 0-2-2\"/><path class=\"ql-fill\" d=\"M4 18H2V4a2 2 0 0 1 2-2h14v2H4Z\"/></svg>`,\r\n    apply: (el: HTMLImageElement, toolbarButtons: ImageToolbarButtons) => {\r\n      alignmentHandler.copy(el, toolbarButtons)\r\n    },\r\n  },\r\n}\r\nexport class ImageToolbarButtons {\r\n  buttons: Record<string, ToolButtonOption>\r\n\r\n  constructor(options: ToolbarButtonOptions) {\r\n    this.buttons = Object.entries(options.buttons).reduce((acc, [name, button]) => {\r\n      if (isBoolean(button) && button && defaultButtons[name]) {\r\n        acc[name] = defaultButtons[name]\r\n      }\r\n      else if (isObject(button)) {\r\n        acc[button.name] = button\r\n      }\r\n      return acc\r\n    }, {})\r\n  }\r\n\r\n  getItems(): ToolButtonOption[] {\r\n    return Object.keys(this.buttons).map(k => this.buttons[k])\r\n  }\r\n\r\n  clear(el: HTMLElement): void {\r\n    el.removeAttribute(ALIGN_ATTR)\r\n    setAlignStyle(el, null, null, null)\r\n  }\r\n}\r\n"],"names":[],"mappings":"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"}

package/es/modules/custom-image/actions/toolbar-action.es.js.map

@@ -1 +1 @@
-{"version":3,"file":"toolbar-action.es.js","sources":["../../../../../src/modules/custom-image/actions/toolbar-action.ts"],"sourcesContent":["import type { BlotFormatter } from '../blot-formatter'\r\nimport { Action } from './action'\r\nimport { ImageToolbarButtons } from './image-toolbar-buttons'\r\nimport { ImageToolbar } from './toolbar'\r\n\r\nexport class ImageToolbarAction extends Action {\r\n  toolbar: ImageToolbar\r\n  buttons: ImageToolbarButtons\r\n\r\n  constructor(formatter: BlotFormatter) {\r\n    super(formatter)\r\n    this.buttons = new ImageToolbarButtons({\r\n      buttons: formatter.options.toolbar.buttons,\r\n    })\r\n    this.toolbar = new ImageToolbar()\r\n  }\r\n\r\n  onCreate() {\r\n    const toolbar = this.toolbar.create(this.formatter, this.buttons)\r\n    this.formatter.overlay.appendChild(toolbar)\r\n  }\r\n\r\n  onDestroy() {\r\n    const toolbar = this.toolbar.getElement()\r\n    if (!toolbar) {\r\n      return\r\n    }\r\n\r\n    this.formatter.overlay.removeChild(toolbar)\r\n    this.toolbar.destroy()\r\n  }\r\n}\r\n"],"names":[],"mappings":";;;;;;AAKO,MAAM,2BAA2B,OAAO;AAAA,EAI7C,YAAY,WAA0B;AACpC,UAAM,SAAS;AAJjB;AACA;AAIO,SAAA,UAAU,IAAI,oBAAoB;AAAA,MACrC,SAAS,UAAU,QAAQ,QAAQ;AAAA,IAAA,CACpC;AACI,SAAA,UAAU,IAAI,aAAa;AAAA,EAAA;AAAA,EAGlC,WAAW;AACT,UAAM,UAAU,KAAK,QAAQ,OAAO,KAAK,WAAW,KAAK,OAAO;AAC3D,SAAA,UAAU,QAAQ,YAAY,OAAO;AAAA,EAAA;AAAA,EAG5C,YAAY;AACJ,UAAA,UAAU,KAAK,QAAQ,WAAW;AACxC,QAAI,CAAC,SAAS;AACZ;AAAA,IAAA;AAGG,SAAA,UAAU,QAAQ,YAAY,OAAO;AAC1C,SAAK,QAAQ,QAAQ;AAAA,EAAA;AAEzB;"}
+{"version":3,"file":"toolbar-action.es.js","sources":["../../../../../src/modules/custom-image/actions/toolbar-action.ts"],"sourcesContent":["import type { BlotFormatter } from '../blot-formatter'\r\nimport { Action } from './action'\r\nimport { ImageToolbarButtons } from './image-toolbar-buttons'\r\nimport { ImageToolbar } from './toolbar'\r\n\r\nexport class ImageToolbarAction extends Action {\r\n  toolbar: ImageToolbar\r\n  buttons: ImageToolbarButtons\r\n\r\n  constructor(formatter: BlotFormatter) {\r\n    super(formatter)\r\n    this.buttons = new ImageToolbarButtons({\r\n      buttons: formatter.options.toolbar.buttons,\r\n    })\r\n    this.toolbar = new ImageToolbar()\r\n  }\r\n\r\n  onCreate() {\r\n    const toolbar = this.toolbar.create(this.formatter, this.buttons)\r\n    this.formatter.overlay.appendChild(toolbar)\r\n  }\r\n\r\n  onDestroy() {\r\n    const toolbar = this.toolbar.getElement()\r\n    if (!toolbar) {\r\n      return\r\n    }\r\n\r\n    this.formatter.overlay.removeChild(toolbar)\r\n    this.toolbar.destroy()\r\n  }\r\n}\r\n"],"names":[],"mappings":";;;;;;AAKO,MAAM,2BAA2B,OAAO;AAAA,EAI7C,YAAY,WAA0B;AACpC,UAAM,SAAS;AAJjB;AACA;AAIE,SAAK,UAAU,IAAI,oBAAoB;AAAA,MACrC,SAAS,UAAU,QAAQ,QAAQ;AAAA,IAAA,CACpC;AACD,SAAK,UAAU,IAAI,aAAA;AAAA,EACrB;AAAA,EAEA,WAAW;AACT,UAAM,UAAU,KAAK,QAAQ,OAAO,KAAK,WAAW,KAAK,OAAO;AAChE,SAAK,UAAU,QAAQ,YAAY,OAAO;AAAA,EAC5C;AAAA,EAEA,YAAY;AACV,UAAM,UAAU,KAAK,QAAQ,WAAA;AAC7B,QAAI,CAAC,SAAS;AACZ;AAAA,IACF;AAEA,SAAK,UAAU,QAAQ,YAAY,OAAO;AAC1C,SAAK,QAAQ,QAAA;AAAA,EACf;AACF;"}

package/es/modules/custom-image/actions/toolbar.es.js.map

@@ -1 +1 @@
-{"version":3,"file":"toolbar.es.js","sources":["../../../../../src/modules/custom-image/actions/toolbar.ts"],"sourcesContent":["import type { BlotFormatter } from '../blot-formatter'\r\nimport type { ToolButtonOption } from '../options'\r\nimport type { ImageToolbarButtons } from './image-toolbar-buttons'\r\n\r\nexport class ImageToolbar {\r\n  toolbar?: HTMLElement\r\n  buttons: HTMLElement[]\r\n\r\n  constructor() {\r\n    this.toolbar = null\r\n    this.buttons = []\r\n  }\r\n\r\n  create(formatter: BlotFormatter, toolButton: ImageToolbarButtons): HTMLElement {\r\n    const toolbar = document.createElement('div')\r\n    toolbar.classList.add(formatter.options.toolbar.mainClassName)\r\n    this.addToolbarStyle(formatter, toolbar)\r\n    this.addButtons(formatter, toolbar, toolButton)\r\n\r\n    this.toolbar = toolbar\r\n    return this.toolbar\r\n  }\r\n\r\n  destroy() {\r\n    this.toolbar = null\r\n    this.buttons = []\r\n  }\r\n\r\n  getElement() {\r\n    return this.toolbar\r\n  }\r\n\r\n  addToolbarStyle(formatter: BlotFormatter, toolbar: HTMLElement) {\r\n    if (formatter.options.toolbar.mainStyle) {\r\n      Object.assign(toolbar.style, formatter.options.toolbar.mainStyle)\r\n    }\r\n  }\r\n\r\n  addButtonStyle(button: HTMLElement, index: number, formatter: BlotFormatter) {\r\n    if (formatter.options.toolbar.buttonStyle) {\r\n      Object.assign(button.style, formatter.options.toolbar.buttonStyle)\r\n      if (index > 0) {\r\n        button.style.borderLeftWidth = '0'\r\n      }\r\n    }\r\n\r\n    if (formatter.options.toolbar.svgStyle) {\r\n      Object.assign((button.children[0] as HTMLElement).style, formatter.options.toolbar.svgStyle)\r\n    }\r\n  }\r\n\r\n  addButtons(formatter: BlotFormatter, toolbar: HTMLElement, toolButton: ImageToolbarButtons) {\r\n    toolButton.getItems().forEach((tool, i) => {\r\n      const button = document.createElement('span')\r\n      button.classList.add(formatter.options.toolbar.buttonClassName)\r\n      button.innerHTML = tool.icon\r\n      button.addEventListener('click', () => {\r\n        this.onButtonClick(button, formatter, tool, toolButton)\r\n      })\r\n      this.preselectButton(button, tool, formatter, toolButton)\r\n      this.addButtonStyle(button, i, formatter)\r\n      this.buttons.push(button)\r\n      toolbar.appendChild(button)\r\n    })\r\n  }\r\n\r\n  preselectButton(\r\n    button: HTMLElement,\r\n    toolButtonOption: ToolButtonOption,\r\n    formatter: BlotFormatter,\r\n    toolButton: ImageToolbarButtons,\r\n  ) {\r\n    if (!formatter.currentSpec) {\r\n      return\r\n    }\r\n\r\n    const target = formatter.currentSpec.getTargetElement()\r\n    if (!target) {\r\n      return\r\n    }\r\n\r\n    if (toolButtonOption.isActive && toolButtonOption.isActive(target)) {\r\n      this.selectButton(formatter, button)\r\n    }\r\n  }\r\n\r\n  onButtonClick(\r\n    button: HTMLElement,\r\n    formatter: BlotFormatter,\r\n    toolButtonOption: ToolButtonOption,\r\n    toolButton: ImageToolbarButtons,\r\n  ) {\r\n    if (!formatter.currentSpec) {\r\n      return\r\n    }\r\n\r\n    const target = formatter.currentSpec.getTargetElement()\r\n    if (!target || target.tagName.toLowerCase() !== 'img') {\r\n      return\r\n    }\r\n\r\n    this.clickButton(button, target as HTMLImageElement, formatter, toolButtonOption, toolButton)\r\n  }\r\n\r\n  clickButton(\r\n    button: HTMLElement,\r\n    target: HTMLImageElement,\r\n    formatter: BlotFormatter,\r\n    toolButtonOption: ToolButtonOption,\r\n    toolButton: ImageToolbarButtons,\r\n  ) {\r\n    if (!toolButtonOption.isActive) {\r\n      toolButtonOption.apply.call(this, target, toolButton)\r\n    }\r\n    else {\r\n      this.buttons.forEach((b) => {\r\n        this.deselectButton(formatter, b)\r\n      })\r\n\r\n      if (toolButtonOption.isActive(target)) {\r\n        toolButton.clear(target)\r\n      }\r\n      else {\r\n        this.selectButton(formatter, button)\r\n        toolButtonOption.apply.call(this, target, toolButton)\r\n      }\r\n    }\r\n\r\n    formatter.update()\r\n  }\r\n\r\n  selectButton(formatter: BlotFormatter, button: HTMLElement) {\r\n    button.classList.add('is-selected')\r\n    if (formatter.options.toolbar.addButtonSelectStyle) {\r\n      button.style.setProperty('filter', 'invert(20%)')\r\n    }\r\n  }\r\n\r\n  deselectButton(formatter: BlotFormatter, button: HTMLElement) {\r\n    button.classList.remove('is-selected')\r\n    if (formatter.options.toolbar.addButtonSelectStyle) {\r\n      button.style.removeProperty('filter')\r\n    }\r\n  }\r\n}\r\n"],"names":[],"mappings":"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"}
+{"version":3,"file":"toolbar.es.js","sources":["../../../../../src/modules/custom-image/actions/toolbar.ts"],"sourcesContent":["import type { BlotFormatter } from '../blot-formatter'\r\nimport type { ToolButtonOption } from '../options'\r\nimport type { ImageToolbarButtons } from './image-toolbar-buttons'\r\n\r\nexport class ImageToolbar {\r\n  toolbar?: HTMLElement\r\n  buttons: HTMLElement[]\r\n\r\n  constructor() {\r\n    this.toolbar = null\r\n    this.buttons = []\r\n  }\r\n\r\n  create(formatter: BlotFormatter, toolButton: ImageToolbarButtons): HTMLElement {\r\n    const toolbar = document.createElement('div')\r\n    toolbar.classList.add(formatter.options.toolbar.mainClassName)\r\n    this.addToolbarStyle(formatter, toolbar)\r\n    this.addButtons(formatter, toolbar, toolButton)\r\n\r\n    this.toolbar = toolbar\r\n    return this.toolbar\r\n  }\r\n\r\n  destroy() {\r\n    this.toolbar = null\r\n    this.buttons = []\r\n  }\r\n\r\n  getElement() {\r\n    return this.toolbar\r\n  }\r\n\r\n  addToolbarStyle(formatter: BlotFormatter, toolbar: HTMLElement) {\r\n    if (formatter.options.toolbar.mainStyle) {\r\n      Object.assign(toolbar.style, formatter.options.toolbar.mainStyle)\r\n    }\r\n  }\r\n\r\n  addButtonStyle(button: HTMLElement, index: number, formatter: BlotFormatter) {\r\n    if (formatter.options.toolbar.buttonStyle) {\r\n      Object.assign(button.style, formatter.options.toolbar.buttonStyle)\r\n      if (index > 0) {\r\n        button.style.borderLeftWidth = '0'\r\n      }\r\n    }\r\n\r\n    if (formatter.options.toolbar.svgStyle) {\r\n      Object.assign((button.children[0] as HTMLElement).style, formatter.options.toolbar.svgStyle)\r\n    }\r\n  }\r\n\r\n  addButtons(formatter: BlotFormatter, toolbar: HTMLElement, toolButton: ImageToolbarButtons) {\r\n    toolButton.getItems().forEach((tool, i) => {\r\n      const button = document.createElement('span')\r\n      button.classList.add(formatter.options.toolbar.buttonClassName)\r\n      button.innerHTML = tool.icon\r\n      button.addEventListener('click', () => {\r\n        this.onButtonClick(button, formatter, tool, toolButton)\r\n      })\r\n      this.preselectButton(button, tool, formatter, toolButton)\r\n      this.addButtonStyle(button, i, formatter)\r\n      this.buttons.push(button)\r\n      toolbar.appendChild(button)\r\n    })\r\n  }\r\n\r\n  preselectButton(\r\n    button: HTMLElement,\r\n    toolButtonOption: ToolButtonOption,\r\n    formatter: BlotFormatter,\r\n    toolButton: ImageToolbarButtons,\r\n  ) {\r\n    if (!formatter.currentSpec) {\r\n      return\r\n    }\r\n\r\n    const target = formatter.currentSpec.getTargetElement()\r\n    if (!target) {\r\n      return\r\n    }\r\n\r\n    if (toolButtonOption.isActive && toolButtonOption.isActive(target)) {\r\n      this.selectButton(formatter, button)\r\n    }\r\n  }\r\n\r\n  onButtonClick(\r\n    button: HTMLElement,\r\n    formatter: BlotFormatter,\r\n    toolButtonOption: ToolButtonOption,\r\n    toolButton: ImageToolbarButtons,\r\n  ) {\r\n    if (!formatter.currentSpec) {\r\n      return\r\n    }\r\n\r\n    const target = formatter.currentSpec.getTargetElement()\r\n    if (!target || target.tagName.toLowerCase() !== 'img') {\r\n      return\r\n    }\r\n\r\n    this.clickButton(button, target as HTMLImageElement, formatter, toolButtonOption, toolButton)\r\n  }\r\n\r\n  clickButton(\r\n    button: HTMLElement,\r\n    target: HTMLImageElement,\r\n    formatter: BlotFormatter,\r\n    toolButtonOption: ToolButtonOption,\r\n    toolButton: ImageToolbarButtons,\r\n  ) {\r\n    if (!toolButtonOption.isActive) {\r\n      toolButtonOption.apply.call(this, target, toolButton)\r\n    }\r\n    else {\r\n      this.buttons.forEach((b) => {\r\n        this.deselectButton(formatter, b)\r\n      })\r\n\r\n      if (toolButtonOption.isActive(target)) {\r\n        toolButton.clear(target)\r\n      }\r\n      else {\r\n        this.selectButton(formatter, button)\r\n        toolButtonOption.apply.call(this, target, toolButton)\r\n      }\r\n    }\r\n\r\n    formatter.update()\r\n  }\r\n\r\n  selectButton(formatter: BlotFormatter, button: HTMLElement) {\r\n    button.classList.add('is-selected')\r\n    if (formatter.options.toolbar.addButtonSelectStyle) {\r\n      button.style.setProperty('filter', 'invert(20%)')\r\n    }\r\n  }\r\n\r\n  deselectButton(formatter: BlotFormatter, button: HTMLElement) {\r\n    button.classList.remove('is-selected')\r\n    if (formatter.options.toolbar.addButtonSelectStyle) {\r\n      button.style.removeProperty('filter')\r\n    }\r\n  }\r\n}\r\n"],"names":[],"mappings":"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"}

package/es/modules/custom-image/blot-formatter.es.js

@@ -1,8 +1,8 @@
 var __defProp = Object.defineProperty;
 var __defNormalProp = (obj, key, value) => key in obj ? __defProp(obj, key, { enumerable: true, configurable: true, writable: true, value }) : obj[key] = value;
 var __publicField = (obj, key, value) => __defNormalProp(obj, typeof key !== "symbol" ? key + "" : key, value);
-import { merge } from "lodash-es";
 import Quill from "quill";
+import { merge } from "../../utils/merge.es.js";
 import { CustomImage } from "./image.es.js";
 import DefaultOptions from "./options.es.js";
 import "./specs/index.es.js";

package/es/modules/custom-image/blot-formatter.es.js.map

@@ -1 +1 @@
-{"version":3,"file":"blot-formatter.es.js","sources":["../../../../src/modules/custom-image/blot-formatter.ts"],"sourcesContent":["import type FluentEditor from '../../core/fluent-editor'\r\nimport type { Action } from './actions'\r\nimport type { BlotFormatterOptions } from './options'\r\nimport type { BlotSpec } from './specs'\r\nimport { merge as deepmerge } from 'lodash-es'\r\nimport Quill from 'quill'\r\nimport { CustomImage } from './image'\r\nimport DefaultOptions from './options'\r\nimport { CustomImageSpec } from './specs'\r\n\r\nconst dontMerge = (_destination: Array<any>, source: Array<any>) => source\r\n\r\nexport class BlotFormatter {\r\n  options: BlotFormatterOptions\r\n  currentSpec: BlotSpec\r\n  specs: BlotSpec[]\r\n  overlay: HTMLElement\r\n  actions: Action[]\r\n  observer: MutationObserver\r\n\r\n  static register() {\r\n    Quill.register({\r\n      'formats/image': CustomImage,\r\n      'modules/image-spec': CustomImageSpec,\r\n    }, true)\r\n  }\r\n\r\n  constructor(public quill: FluentEditor, options: Partial<BlotFormatterOptions> = {}) {\r\n    this.options = deepmerge({}, DefaultOptions, options, { arrayMerge: dontMerge })\r\n    if (options.allowInvalidUrl !== undefined) {\r\n      this.options.allowInvalidUrl = options.allowInvalidUrl\r\n    }\r\n    CustomImage.setOptions(this.options.allowInvalidUrl)\r\n    this.currentSpec = null\r\n    this.actions = []\r\n    this.overlay = document.createElement('div')\r\n    this.overlay.classList.add(this.options.overlay.className)\r\n    if (this.options.overlay.style) {\r\n      Object.assign(this.overlay.style, this.options.overlay.style)\r\n    }\r\n\r\n    // disable native image resizing on firefox\r\n    document.execCommand('enableObjectResizing', false, 'false') // eslint-disable-next-line-line no-undef\r\n    this.quill.root.addEventListener('click', this.onClick)\r\n    this.specs = this.options.specs.map((SpecClass: any) => new SpecClass(this))\r\n    this.specs.forEach(spec => spec.init())\r\n  }\r\n\r\n  show(spec: BlotSpec) {\r\n    this.currentSpec = spec\r\n    this.currentSpec.setSelection()\r\n    this.setUserSelect('none')\r\n    this.quill.root.parentNode.appendChild(this.overlay)\r\n    this.repositionOverlay()\r\n    this.createActions(spec)\r\n\r\n    // fix: 图片对齐之后，虚线外框应该跟随移动\r\n    const imageDom = spec.getTargetElement()\r\n    const win: any = window\r\n    const MutationObserver: typeof window.MutationObserver = win.MutationObserver || win.WebKitMutationObserver || win.MozMutationObserver\r\n    const element = imageDom.parentNode\r\n    this.observer = new MutationObserver((mutationList) => {\r\n      for (const mutation of mutationList) {\r\n        const target = mutation.target as HTMLElement\r\n        const image = target.querySelector('img')\r\n        if (image) {\r\n          this.repositionOverlay()\r\n        }\r\n      }\r\n    })\r\n    this.observer.observe(element, {\r\n      attributes: true,\r\n      attributeFilter: ['class'],\r\n      attributeOldValue: true,\r\n      subtree: true,\r\n    })\r\n  }\r\n\r\n  hide() {\r\n    if (!this.currentSpec) {\r\n      return\r\n    }\r\n\r\n    const imgDom = this.currentSpec.getTargetElement()\r\n    if (imgDom) {\r\n      imgDom.classList.remove('current-select-img')\r\n    }\r\n\r\n    this.currentSpec.onHide()\r\n    this.currentSpec = null\r\n    this.quill.root.parentNode.removeChild(this.overlay)\r\n    this.overlay.style.setProperty('display', 'none')\r\n    this.setUserSelect('')\r\n    this.destroyActions()\r\n  }\r\n\r\n  update() {\r\n    this.repositionOverlay()\r\n    this.actions.forEach(action => action.onUpdate())\r\n  }\r\n\r\n  createActions(spec: BlotSpec) {\r\n    this.actions = spec.getActions().map((ActionClass: any) => {\r\n      const action: Action = new ActionClass(this)\r\n      action.onCreate()\r\n      return action\r\n    })\r\n  }\r\n\r\n  destroyActions() {\r\n    this.actions.forEach((action: Action) => action.onDestroy())\r\n    this.actions = []\r\n  }\r\n\r\n  repositionOverlay() {\r\n    if (!this.currentSpec) {\r\n      return\r\n    }\r\n\r\n    const overlayTarget = this.currentSpec.getOverlayElement()\r\n    if (!overlayTarget) {\r\n      return\r\n    }\r\n\r\n    const parent = this.quill.root.parentElement\r\n    const specRect = overlayTarget.getBoundingClientRect()\r\n    const parentRect = parent.getBoundingClientRect()\r\n\r\n    Object.assign(this.overlay.style, {\r\n      display: 'block',\r\n      left: `${specRect.left - parentRect.left - 1 + parent.scrollLeft}px`,\r\n      top: `${specRect.top - parentRect.top + parent.scrollTop}px`,\r\n      width: `${specRect.width}px`,\r\n      height: `${specRect.height}px`,\r\n    })\r\n  }\r\n\r\n  setUserSelect(value: string) {\r\n    const props: string[] = [\r\n      'userSelect',\r\n      'mozUserSelect',\r\n      'webkitUserSelect',\r\n      'msUserSelect',\r\n    ]\r\n\r\n    props.forEach((prop: string) => {\r\n      // set on contenteditable element and <html>\r\n      this.quill.root.style.setProperty(prop, value)\r\n      if (document.documentElement) {\r\n        document.documentElement.style.setProperty(prop, value)\r\n      }\r\n    })\r\n  }\r\n\r\n  onClick = () => {\r\n    this.hide()\r\n  }\r\n}\r\n"],"names":["deepmerge"],"mappings":"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"}
+{"version":3,"file":"blot-formatter.es.js","sources":["../../../../src/modules/custom-image/blot-formatter.ts"],"sourcesContent":["import type FluentEditor from '../../core/fluent-editor'\nimport type { Action } from './actions'\nimport type { BlotFormatterOptions } from './options'\nimport type { BlotSpec } from './specs'\nimport Quill from 'quill'\nimport { merge as deepmerge } from '../../utils/merge'\nimport { CustomImage } from './image'\nimport DefaultOptions from './options'\nimport { CustomImageSpec } from './specs'\n\nconst dontMerge = (_destination: Array<any>, source: Array<any>) => source\n\nexport class BlotFormatter {\n  options: BlotFormatterOptions\n  currentSpec: BlotSpec\n  specs: BlotSpec[]\n  overlay: HTMLElement\n  actions: Action[]\n  observer: MutationObserver\n\n  static register() {\n    Quill.register({\n      'formats/image': CustomImage,\n      'modules/image-spec': CustomImageSpec,\n    }, true)\n  }\n\n  constructor(public quill: FluentEditor, options: Partial<BlotFormatterOptions> = {}) {\n    this.options = deepmerge({}, DefaultOptions, options, { arrayMerge: dontMerge })\n    if (options.allowInvalidUrl !== undefined) {\n      this.options.allowInvalidUrl = options.allowInvalidUrl\n    }\n    CustomImage.setOptions(this.options.allowInvalidUrl)\n    this.currentSpec = null\n    this.actions = []\n    this.overlay = document.createElement('div')\n    this.overlay.classList.add(this.options.overlay.className)\n    if (this.options.overlay.style) {\n      Object.assign(this.overlay.style, this.options.overlay.style)\n    }\n\n    // disable native image resizing on firefox\n    document.execCommand('enableObjectResizing', false, 'false') // eslint-disable-next-line-line no-undef\n    this.quill.root.addEventListener('click', this.onClick)\n    this.specs = this.options.specs.map((SpecClass: any) => new SpecClass(this))\n    this.specs.forEach(spec => spec.init())\n  }\n\n  show(spec: BlotSpec) {\n    this.currentSpec = spec\n    this.currentSpec.setSelection()\n    this.setUserSelect('none')\n    this.quill.root.parentNode.appendChild(this.overlay)\n    this.repositionOverlay()\n    this.createActions(spec)\n\n    // fix: 图片对齐之后，虚线外框应该跟随移动\n    const imageDom = spec.getTargetElement()\n    const win: any = window\n    const MutationObserver: typeof window.MutationObserver = win.MutationObserver || win.WebKitMutationObserver || win.MozMutationObserver\n    const element = imageDom.parentNode\n    this.observer = new MutationObserver((mutationList) => {\n      for (const mutation of mutationList) {\n        const target = mutation.target as HTMLElement\n        const image = target.querySelector('img')\n        if (image) {\n          this.repositionOverlay()\n        }\n      }\n    })\n    this.observer.observe(element, {\n      attributes: true,\n      attributeFilter: ['class'],\n      attributeOldValue: true,\n      subtree: true,\n    })\n  }\n\n  hide() {\n    if (!this.currentSpec) {\n      return\n    }\n\n    const imgDom = this.currentSpec.getTargetElement()\n    if (imgDom) {\n      imgDom.classList.remove('current-select-img')\n    }\n\n    this.currentSpec.onHide()\n    this.currentSpec = null\n    this.quill.root.parentNode.removeChild(this.overlay)\n    this.overlay.style.setProperty('display', 'none')\n    this.setUserSelect('')\n    this.destroyActions()\n  }\n\n  update() {\n    this.repositionOverlay()\n    this.actions.forEach(action => action.onUpdate())\n  }\n\n  createActions(spec: BlotSpec) {\n    this.actions = spec.getActions().map((ActionClass: any) => {\n      const action: Action = new ActionClass(this)\n      action.onCreate()\n      return action\n    })\n  }\n\n  destroyActions() {\n    this.actions.forEach((action: Action) => action.onDestroy())\n    this.actions = []\n  }\n\n  repositionOverlay() {\n    if (!this.currentSpec) {\n      return\n    }\n\n    const overlayTarget = this.currentSpec.getOverlayElement()\n    if (!overlayTarget) {\n      return\n    }\n\n    const parent = this.quill.root.parentElement\n    const specRect = overlayTarget.getBoundingClientRect()\n    const parentRect = parent.getBoundingClientRect()\n\n    Object.assign(this.overlay.style, {\n      display: 'block',\n      left: `${specRect.left - parentRect.left - 1 + parent.scrollLeft}px`,\n      top: `${specRect.top - parentRect.top + parent.scrollTop}px`,\n      width: `${specRect.width}px`,\n      height: `${specRect.height}px`,\n    })\n  }\n\n  setUserSelect(value: string) {\n    const props: string[] = [\n      'userSelect',\n      'mozUserSelect',\n      'webkitUserSelect',\n      'msUserSelect',\n    ]\n\n    props.forEach((prop: string) => {\n      // set on contenteditable element and <html>\n      this.quill.root.style.setProperty(prop, value)\n      if (document.documentElement) {\n        document.documentElement.style.setProperty(prop, value)\n      }\n    })\n  }\n\n  onClick = () => {\n    this.hide()\n  }\n}\n"],"names":["deepmerge"],"mappings":"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"}

package/es/modules/custom-image/image.es.js.map

@@ -1 +1 @@
-{"version":3,"file":"image.es.js","sources":["../../../../src/modules/custom-image/image.ts"],"sourcesContent":["import type { Parchment as TypeParchment } from 'quill'\r\nimport type TypeEmbed from 'quill/blots/embed'\r\nimport Quill from 'quill'\r\nimport { isNullOrUndefined, sanitize } from '../../config/editor.utils'\r\nimport { isObject } from '../../utils/is'\r\nimport { ALIGN_ATTR, alignmentHandler } from './actions'\r\n\r\nconst Embed = Quill.import('blots/embed') as typeof TypeEmbed\r\nconst ATTRIBUTES = ['alt', 'height', 'width', 'image-id']\r\n\r\nexport type ImageValue = string | {\r\n  src: string\r\n  align?: string\r\n  height?: number\r\n  width?: number\r\n}\r\nexport class CustomImage extends Embed {\r\n  static blotName = 'image'\r\n  static tagName = 'IMG'\r\n  static ID_SEED = 0\r\n  static allowInvalidUrl: boolean = false\r\n  declare domNode: HTMLElement\r\n\r\n  static setOptions(allowInvalidUrl: boolean) {\r\n    this.allowInvalidUrl = allowInvalidUrl\r\n  }\r\n\r\n  static create(value: ImageValue) {\r\n    const node = super.create(value) as HTMLElement\r\n    const url = typeof value === 'string' ? value : value.src\r\n    if (url) {\r\n      const imgURL = this.sanitize(url)\r\n      if (!imgURL?.startsWith('data:image')) {\r\n        node.dataset.src = imgURL\r\n      }\r\n      node.setAttribute('src', imgURL)\r\n    }\r\n    node.setAttribute('data-image-id', `img${CustomImage.ID_SEED++}`)\r\n    node.style.verticalAlign = 'baseline'\r\n    if (isObject(value)) {\r\n      if (value.align && alignmentHandler[value.align]) {\r\n        node.setAttribute(ALIGN_ATTR, value.align)\r\n        alignmentHandler[value.align](node)\r\n      }\r\n      if (value.width) {\r\n        node.setAttribute('width', String(value.width))\r\n      }\r\n      if (value.height) {\r\n        node.setAttribute('height', String(value.height))\r\n      }\r\n    }\r\n    return node\r\n  }\r\n\r\n  static formats(domNode: HTMLElement) {\r\n    return ATTRIBUTES.reduce((formats, attribute) => {\r\n      if (domNode.hasAttribute(attribute)) {\r\n        formats[attribute] = domNode.getAttribute(attribute)\r\n      }\r\n      return formats\r\n    }, {})\r\n  }\r\n\r\n  static match(url: string) {\r\n    return /\\.(jpe?g|gif|png)$/.test(url) || /^data:image\\/.+;base64/.test(url)\r\n  }\r\n\r\n  static register() {\r\n    if (/Firefox/i.test(navigator.userAgent)) {\r\n      setTimeout(() => {\r\n        // Disable image resizing in Firefox\r\n        document.execCommand('enableObjectResizing', false, 'false')\r\n      }, 1)\r\n    }\r\n  }\r\n\r\n  static sanitize(url: string) {\r\n    if (sanitize(url, ['http', 'https', 'blob', 'data']) || this.allowInvalidUrl) {\r\n      return url\r\n    }\r\n    return '//:0'\r\n  }\r\n\r\n  static value(domNode: HTMLElement) {\r\n    const formats: any = {}\r\n    const imageSrc = domNode.getAttribute('src')\r\n    formats.src = this.sanitize(imageSrc)\r\n    formats.imageId = domNode.dataset.imageId\r\n    if (domNode.dataset.align) {\r\n      formats.align = domNode.dataset.align\r\n    }\r\n    if (domNode.hasAttribute('width')) {\r\n      formats.width = domNode.getAttribute('width')\r\n    }\r\n    if (domNode.hasAttribute('height')) {\r\n      formats.height = domNode.getAttribute('height')\r\n    }\r\n    return formats\r\n  }\r\n\r\n  format(name: string, value: any) {\r\n    if (ATTRIBUTES.includes(name)) {\r\n      if (value) {\r\n        this.domNode.setAttribute(name, value)\r\n      }\r\n      else {\r\n        this.domNode.removeAttribute(name)\r\n      }\r\n    }\r\n    else {\r\n      super.format(name, value)\r\n    }\r\n  }\r\n\r\n  unWrap() {\r\n    this.parent.replaceWith(this as TypeEmbed)\r\n  }\r\n\r\n  wrap(name: string, value?: any): TypeParchment.Parent\r\n  wrap(wrapper: TypeParchment.Parent): TypeParchment.Parent\r\n  wrap(name: string | TypeParchment.Parent, value?: any) {\r\n    const wrapper = (typeof name === 'string' ? this.scroll.create(name, value) : name) as TypeParchment.Parent\r\n    if (!isNullOrUndefined(this.parent)) {\r\n      this.parent.insertBefore(wrapper, this.next || undefined)\r\n    }\r\n    if (typeof wrapper.appendChild !== 'function') {\r\n      throw new TypeError(`Cannot wrap ${name}`)\r\n    }\r\n    wrapper.appendChild(this)\r\n    return wrapper\r\n  }\r\n}\r\n"],"names":[],"mappings":"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"}
+{"version":3,"file":"image.es.js","sources":["../../../../src/modules/custom-image/image.ts"],"sourcesContent":["import type { Parchment as TypeParchment } from 'quill'\nimport type TypeEmbed from 'quill/blots/embed'\nimport Quill from 'quill'\nimport { isNullOrUndefined, sanitize } from '../../config/editor.utils'\nimport { isObject } from '../../utils/is'\nimport { ALIGN_ATTR, alignmentHandler } from './actions'\n\nconst Embed = Quill.import('blots/embed') as typeof TypeEmbed\nconst ATTRIBUTES = ['alt', 'height', 'width', 'image-id']\n\nexport type ImageValue = string | {\n  src: string\n  align?: string\n  height?: number\n  width?: number\n}\nexport class CustomImage extends Embed {\n  static blotName = 'image'\n  static tagName = 'IMG'\n  static ID_SEED = 0\n  static allowInvalidUrl: boolean = false\n  declare domNode: HTMLElement\n\n  static setOptions(allowInvalidUrl: boolean) {\n    this.allowInvalidUrl = allowInvalidUrl\n  }\n\n  static create(value: ImageValue) {\n    const node = super.create(value) as HTMLElement\n    const url = typeof value === 'string' ? value : value.src\n    if (url) {\n      const imgURL = this.sanitize(url)\n      if (!imgURL?.startsWith('data:image')) {\n        node.dataset.src = imgURL\n      }\n      node.setAttribute('src', imgURL)\n    }\n    node.setAttribute('data-image-id', `img${CustomImage.ID_SEED++}`)\n    node.style.verticalAlign = 'baseline'\n    if (isObject(value)) {\n      if (value.align && alignmentHandler[value.align]) {\n        node.setAttribute(ALIGN_ATTR, value.align)\n        alignmentHandler[value.align](node)\n      }\n      if (value.width) {\n        node.setAttribute('width', String(value.width))\n      }\n      if (value.height) {\n        node.setAttribute('height', String(value.height))\n      }\n    }\n    return node\n  }\n\n  static formats(domNode: HTMLElement) {\n    return ATTRIBUTES.reduce((formats, attribute) => {\n      if (domNode.hasAttribute(attribute)) {\n        formats[attribute] = domNode.getAttribute(attribute)\n      }\n      return formats\n    }, {})\n  }\n\n  static match(url: string) {\n    return /\\.(jpe?g|gif|png)$/.test(url) || /^data:image\\/.+;base64/.test(url)\n  }\n\n  static register() {\n    if (/Firefox/i.test(navigator.userAgent)) {\n      setTimeout(() => {\n        // Disable image resizing in Firefox\n        document.execCommand('enableObjectResizing', false, 'false')\n      }, 1)\n    }\n  }\n\n  static sanitize(url: string) {\n    if (sanitize(url, ['http', 'https', 'blob', 'data']) || this.allowInvalidUrl) {\n      return url\n    }\n    return '//:0'\n  }\n\n  static value(domNode: HTMLElement) {\n    const formats: any = {}\n    const imageSrc = domNode.getAttribute('src')\n    formats.src = this.sanitize(imageSrc)\n    formats.imageId = domNode.dataset.imageId\n    if (domNode.dataset.align) {\n      formats.align = domNode.dataset.align\n    }\n    if (domNode.hasAttribute('width')) {\n      formats.width = domNode.getAttribute('width')\n    }\n    if (domNode.hasAttribute('height')) {\n      formats.height = domNode.getAttribute('height')\n    }\n    return formats\n  }\n\n  format(name: string, value: any) {\n    if (ATTRIBUTES.includes(name)) {\n      if (value) {\n        this.domNode.setAttribute(name, value)\n      }\n      else {\n        this.domNode.removeAttribute(name)\n      }\n    }\n    else {\n      super.format(name, value)\n    }\n  }\n\n  unWrap() {\n    this.parent.replaceWith(this as TypeEmbed)\n  }\n\n  wrap(name: string, value?: any): TypeParchment.Parent\n  wrap(wrapper: TypeParchment.Parent): TypeParchment.Parent\n  wrap(name: string | TypeParchment.Parent, value?: any) {\n    const wrapper = (typeof name === 'string' ? this.scroll.create(name, value) : name) as TypeParchment.Parent\n    if (!isNullOrUndefined(this.parent)) {\n      this.parent.insertBefore(wrapper, this.next || undefined)\n    }\n    if (typeof wrapper.appendChild !== 'function') {\n      throw new TypeError(`Cannot wrap ${name}`)\n    }\n    wrapper.appendChild(this)\n    return wrapper\n  }\n}\n"],"names":[],"mappings":";;;;;;;;AAOA,MAAM,QAAQ,MAAM,OAAO,aAAa;AACxC,MAAM,aAAa,CAAC,OAAO,UAAU,SAAS,UAAU;AAQjD,MAAM,eAAN,MAAM,qBAAoB,MAAM;AAAA,EAOrC,OAAO,WAAW,iBAA0B;AAC1C,SAAK,kBAAkB;AAAA,EACzB;AAAA,EAEA,OAAO,OAAO,OAAmB;AAC/B,UAAM,OAAO,MAAM,OAAO,KAAK;AAC/B,UAAM,MAAM,OAAO,UAAU,WAAW,QAAQ,MAAM;AACtD,QAAI,KAAK;AACP,YAAM,SAAS,KAAK,SAAS,GAAG;AAChC,UAAI,EAAC,iCAAQ,WAAW,gBAAe;AACrC,aAAK,QAAQ,MAAM;AAAA,MACrB;AACA,WAAK,aAAa,OAAO,MAAM;AAAA,IACjC;AACA,SAAK,aAAa,iBAAiB,MAAM,aAAY,SAAS,EAAE;AAChE,SAAK,MAAM,gBAAgB;AAC3B,QAAI,SAAS,KAAK,GAAG;AACnB,UAAI,MAAM,SAAS,iBAAiB,MAAM,KAAK,GAAG;AAChD,aAAK,aAAa,YAAY,MAAM,KAAK;AACzC,yBAAiB,MAAM,KAAK,EAAE,IAAI;AAAA,MACpC;AACA,UAAI,MAAM,OAAO;AACf,aAAK,aAAa,SAAS,OAAO,MAAM,KAAK,CAAC;AAAA,MAChD;AACA,UAAI,MAAM,QAAQ;AAChB,aAAK,aAAa,UAAU,OAAO,MAAM,MAAM,CAAC;AAAA,MAClD;AAAA,IACF;AACA,WAAO;AAAA,EACT;AAAA,EAEA,OAAO,QAAQ,SAAsB;AACnC,WAAO,WAAW,OAAO,CAAC,SAAS,cAAc;AAC/C,UAAI,QAAQ,aAAa,SAAS,GAAG;AACnC,gBAAQ,SAAS,IAAI,QAAQ,aAAa,SAAS;AAAA,MACrD;AACA,aAAO;AAAA,IACT,GAAG,CAAA,CAAE;AAAA,EACP;AAAA,EAEA,OAAO,MAAM,KAAa;AACxB,WAAO,qBAAqB,KAAK,GAAG,KAAK,yBAAyB,KAAK,GAAG;AAAA,EAC5E;AAAA,EAEA,OAAO,WAAW;AAChB,QAAI,WAAW,KAAK,UAAU,SAAS,GAAG;AACxC,iBAAW,MAAM;AAEf,iBAAS,YAAY,wBAAwB,OAAO,OAAO;AAAA,MAC7D,GAAG,CAAC;AAAA,IACN;AAAA,EACF;AAAA,EAEA,OAAO,SAAS,KAAa;AAC3B,QAAI,SAAS,KAAK,CAAC,QAAQ,SAAS,QAAQ,MAAM,CAAC,KAAK,KAAK,iBAAiB;AAC5E,aAAO;AAAA,IACT;AACA,WAAO;AAAA,EACT;AAAA,EAEA,OAAO,MAAM,SAAsB;AACjC,UAAM,UAAe,CAAA;AACrB,UAAM,WAAW,QAAQ,aAAa,KAAK;AAC3C,YAAQ,MAAM,KAAK,SAAS,QAAQ;AACpC,YAAQ,UAAU,QAAQ,QAAQ;AAClC,QAAI,QAAQ,QAAQ,OAAO;AACzB,cAAQ,QAAQ,QAAQ,QAAQ;AAAA,IAClC;AACA,QAAI,QAAQ,aAAa,OAAO,GAAG;AACjC,cAAQ,QAAQ,QAAQ,aAAa,OAAO;AAAA,IAC9C;AACA,QAAI,QAAQ,aAAa,QAAQ,GAAG;AAClC,cAAQ,SAAS,QAAQ,aAAa,QAAQ;AAAA,IAChD;AACA,WAAO;AAAA,EACT;AAAA,EAEA,OAAO,MAAc,OAAY;AAC/B,QAAI,WAAW,SAAS,IAAI,GAAG;AAC7B,UAAI,OAAO;AACT,aAAK,QAAQ,aAAa,MAAM,KAAK;AAAA,MACvC,OACK;AACH,aAAK,QAAQ,gBAAgB,IAAI;AAAA,MACnC;AAAA,IACF,OACK;AACH,YAAM,OAAO,MAAM,KAAK;AAAA,IAC1B;AAAA,EACF;AAAA,EAEA,SAAS;AACP,SAAK,OAAO,YAAY,IAAiB;AAAA,EAC3C;AAAA,EAIA,KAAK,MAAqC,OAAa;AACrD,UAAM,UAAW,OAAO,SAAS,WAAW,KAAK,OAAO,OAAO,MAAM,KAAK,IAAI;AAC9E,QAAI,CAAC,kBAAkB,KAAK,MAAM,GAAG;AACnC,WAAK,OAAO,aAAa,SAAS,KAAK,QAAQ,MAAS;AAAA,IAC1D;AACA,QAAI,OAAO,QAAQ,gBAAgB,YAAY;AAC7C,YAAM,IAAI,UAAU,eAAe,IAAI,EAAE;AAAA,IAC3C;AACA,YAAQ,YAAY,IAAI;AACxB,WAAO;AAAA,EACT;AACF;AAlHE,cADW,cACJ,YAAW;AAClB,cAFW,cAEJ,WAAU;AACjB,cAHW,cAGJ,WAAU;AACjB,cAJW,cAIJ,mBAA2B;AAJ7B,IAAM,cAAN;"}

package/es/modules/custom-image/options.es.js.map

@@ -1 +1 @@
-{"version":3,"file":"options.es.js","sources":["../../../../src/modules/custom-image/options.ts"],"sourcesContent":["import type { ImageToolbar, ImageToolbarButtons } from './actions'\r\nimport type { BlotSpec } from './specs'\r\nimport { ImageSpec } from './specs'\r\n\r\nexport interface OverlayOptions {\r\n  // classname applied to the overlay element\r\n  className: string\r\n  // style applied to overlay element, or null to prevent styles\r\n  style: Record<string, string>\r\n}\r\n\r\nexport interface ResizeOptions {\r\n  // class name applied to the resize handles\r\n  handleClassName: string\r\n  // style applied to resize handles, or null to prevent styles\r\n  handleStyle: Record<string, string>\r\n}\r\n\r\nexport interface ToolButtonOption {\r\n  name: string\r\n  icon: string\r\n  isActive?: (el: HTMLElement) => boolean\r\n  apply: (this: ImageToolbar, el: HTMLImageElement, toolbarButtons: ImageToolbarButtons) => void\r\n}\r\n\r\nexport interface ToolbarButtonOptions {\r\n  buttons: Record<string, ToolButtonOption | boolean>\r\n}\r\n\r\nexport interface ToolbarOptions extends ToolbarButtonOptions {\r\n  // class name applied to the root toolbar element\r\n  mainClassName: string\r\n  // style applied to root toolbar element, or null to prevent styles\r\n  mainStyle: Record<string, unknown>\r\n  // class name applied to each button in the toolbar\r\n  buttonClassName: string\r\n  /* whether or not to add the selected style to the buttons.\r\n    they'll always get the is-selected class */\r\n  addButtonSelectStyle: boolean\r\n  // style applied to buttons, or null to prevent styles\r\n  buttonStyle: Record<string, unknown>\r\n  // style applied to the svgs in the buttons\r\n  svgStyle: Record<string, unknown>\r\n}\r\n\r\nexport interface BlotFormatterOptionsInput {\r\n  specs: typeof BlotSpec[]\r\n  overlay: Partial<OverlayOptions>\r\n  resize: Partial<ResizeOptions>\r\n  toolbar: Partial<ToolbarOptions>\r\n}\r\nexport interface BlotFormatterOptions {\r\n  specs: typeof BlotSpec[]\r\n  overlay: OverlayOptions\r\n  resize: ResizeOptions\r\n  toolbar: ToolbarOptions\r\n  allowInvalidUrl: boolean\r\n}\r\n\r\nexport const LEFT_ALIGN = 'align-left'\r\nexport const CENTER_ALIGN = 'align-center'\r\nexport const RIGHT_ALIGN = 'align-right'\r\nexport const COPY = 'copy'\r\nexport const DOWNLOAD = 'download'\r\nconst DefaultOptions: BlotFormatterOptions = {\r\n  // 默认情况下，`file://` 格式的本地文件路径在浏览器环境无法读取，因此会被转换成 `//:0`，但是在一些特殊的场景下（比如：Electron），需要获取到图片的原始路径，进行后续的上传处理\r\n  // 注意：该选项一旦设置为 true，本地磁盘路径会暴露出去，这可能会带来安全风险，请确保你了解相关的安全隐患\r\n  allowInvalidUrl: false,\r\n\r\n  specs: [\r\n    ImageSpec,\r\n  ],\r\n  overlay: {\r\n    className: 'blot-formatter__overlay',\r\n    style: {\r\n      position: 'absolute',\r\n      boxSizing: 'border-box',\r\n      border: '1px dashed #444',\r\n    },\r\n  },\r\n  toolbar: {\r\n    mainClassName: 'blot-formatter__toolbar',\r\n    mainStyle: {\r\n      position: 'absolute',\r\n      top: '-12px',\r\n      right: '0',\r\n      left: '0',\r\n      height: '0',\r\n      minWidth: '120px',\r\n      font: '12px/1.0 Arial, Helvetica, sans-serif',\r\n      textAlign: 'center',\r\n      color: '#333',\r\n      boxSizing: 'border-box',\r\n      cursor: 'default',\r\n      zIndex: '1',\r\n    },\r\n    buttonClassName: 'blot-formatter__toolbar-button',\r\n    addButtonSelectStyle: true,\r\n    buttonStyle: {\r\n      display: 'inline-flex',\r\n      alignItems: 'center',\r\n      justifyContent: 'center',\r\n      width: '24px',\r\n      height: '24px',\r\n      background: 'white',\r\n      border: '1px solid #999',\r\n      verticalAlign: 'middle',\r\n      cursor: 'pointer',\r\n    },\r\n    svgStyle: {\r\n      display: 'inline-block',\r\n      width: '16px',\r\n      height: '16px',\r\n      background: 'white',\r\n      verticalAlign: 'middle',\r\n    },\r\n    buttons: {\r\n      [LEFT_ALIGN]: true,\r\n      [CENTER_ALIGN]: true,\r\n      [RIGHT_ALIGN]: true,\r\n      [COPY]: true,\r\n      [DOWNLOAD]: true,\r\n    },\r\n  },\r\n  resize: {\r\n    handleClassName: 'blot-formatter__resize-handle',\r\n    handleStyle: {\r\n      position: 'absolute',\r\n      height: '12px',\r\n      width: '12px',\r\n      backgroundColor: 'white',\r\n      border: '1px solid #777',\r\n      boxSizing: 'border-box',\r\n      opacity: '0.80',\r\n    },\r\n  },\r\n}\r\n\r\nexport default DefaultOptions\r\n"],"names":[],"mappings":";;AA2DO,MAAM,aAAa;AACnB,MAAM,eAAe;AACrB,MAAM,cAAc;AACpB,MAAM,OAAO;AACb,MAAM,WAAW;AACxB,MAAM,iBAAuC;AAAA;AAAA;AAAA,EAG3C,iBAAiB;AAAA,EAEjB,OAAO;AAAA,IACL;AAAA,EACF;AAAA,EACA,SAAS;AAAA,IACP,WAAW;AAAA,IACX,OAAO;AAAA,MACL,UAAU;AAAA,MACV,WAAW;AAAA,MACX,QAAQ;AAAA,IAAA;AAAA,EAEZ;AAAA,EACA,SAAS;AAAA,IACP,eAAe;AAAA,IACf,WAAW;AAAA,MACT,UAAU;AAAA,MACV,KAAK;AAAA,MACL,OAAO;AAAA,MACP,MAAM;AAAA,MACN,QAAQ;AAAA,MACR,UAAU;AAAA,MACV,MAAM;AAAA,MACN,WAAW;AAAA,MACX,OAAO;AAAA,MACP,WAAW;AAAA,MACX,QAAQ;AAAA,MACR,QAAQ;AAAA,IACV;AAAA,IACA,iBAAiB;AAAA,IACjB,sBAAsB;AAAA,IACtB,aAAa;AAAA,MACX,SAAS;AAAA,MACT,YAAY;AAAA,MACZ,gBAAgB;AAAA,MAChB,OAAO;AAAA,MACP,QAAQ;AAAA,MACR,YAAY;AAAA,MACZ,QAAQ;AAAA,MACR,eAAe;AAAA,MACf,QAAQ;AAAA,IACV;AAAA,IACA,UAAU;AAAA,MACR,SAAS;AAAA,MACT,OAAO;AAAA,MACP,QAAQ;AAAA,MACR,YAAY;AAAA,MACZ,eAAe;AAAA,IACjB;AAAA,IACA,SAAS;AAAA,MACP,CAAC,UAAU,GAAG;AAAA,MACd,CAAC,YAAY,GAAG;AAAA,MAChB,CAAC,WAAW,GAAG;AAAA,MACf,CAAC,IAAI,GAAG;AAAA,MACR,CAAC,QAAQ,GAAG;AAAA,IAAA;AAAA,EAEhB;AAAA,EACA,QAAQ;AAAA,IACN,iBAAiB;AAAA,IACjB,aAAa;AAAA,MACX,UAAU;AAAA,MACV,QAAQ;AAAA,MACR,OAAO;AAAA,MACP,iBAAiB;AAAA,MACjB,QAAQ;AAAA,MACR,WAAW;AAAA,MACX,SAAS;AAAA,IAAA;AAAA,EACX;AAEJ;"}
+{"version":3,"file":"options.es.js","sources":["../../../../src/modules/custom-image/options.ts"],"sourcesContent":["import type { ImageToolbar, ImageToolbarButtons } from './actions'\nimport type { BlotSpec } from './specs'\nimport { ImageSpec } from './specs'\n\nexport interface OverlayOptions {\n  // classname applied to the overlay element\n  className: string\n  // style applied to overlay element, or null to prevent styles\n  style: Record<string, string>\n}\n\nexport interface ResizeOptions {\n  // class name applied to the resize handles\n  handleClassName: string\n  // style applied to resize handles, or null to prevent styles\n  handleStyle: Record<string, string>\n}\n\nexport interface ToolButtonOption {\n  name: string\n  icon: string\n  isActive?: (el: HTMLElement) => boolean\n  apply: (this: ImageToolbar, el: HTMLImageElement, toolbarButtons: ImageToolbarButtons) => void\n}\n\nexport interface ToolbarButtonOptions {\n  buttons: Record<string, ToolButtonOption | boolean>\n}\n\nexport interface ToolbarOptions extends ToolbarButtonOptions {\n  // class name applied to the root toolbar element\n  mainClassName: string\n  // style applied to root toolbar element, or null to prevent styles\n  mainStyle: Record<string, unknown>\n  // class name applied to each button in the toolbar\n  buttonClassName: string\n  /* whether or not to add the selected style to the buttons.\n    they'll always get the is-selected class */\n  addButtonSelectStyle: boolean\n  // style applied to buttons, or null to prevent styles\n  buttonStyle: Record<string, unknown>\n  // style applied to the svgs in the buttons\n  svgStyle: Record<string, unknown>\n}\n\nexport interface BlotFormatterOptionsInput {\n  specs: typeof BlotSpec[]\n  overlay: Partial<OverlayOptions>\n  resize: Partial<ResizeOptions>\n  toolbar: Partial<ToolbarOptions>\n}\nexport interface BlotFormatterOptions {\n  specs: typeof BlotSpec[]\n  overlay: OverlayOptions\n  resize: ResizeOptions\n  toolbar: ToolbarOptions\n  allowInvalidUrl: boolean\n}\n\nexport const LEFT_ALIGN = 'align-left'\nexport const CENTER_ALIGN = 'align-center'\nexport const RIGHT_ALIGN = 'align-right'\nexport const COPY = 'copy'\nexport const DOWNLOAD = 'download'\nconst DefaultOptions: BlotFormatterOptions = {\n  // 默认情况下，`file://` 格式的本地文件路径在浏览器环境无法读取，因此会被转换成 `//:0`，但是在一些特殊的场景下（比如：Electron），需要获取到图片的原始路径，进行后续的上传处理\n  // 注意：该选项一旦设置为 true，本地磁盘路径会暴露出去，这可能会带来安全风险，请确保你了解相关的安全隐患\n  allowInvalidUrl: false,\n\n  specs: [\n    ImageSpec,\n  ],\n  overlay: {\n    className: 'blot-formatter__overlay',\n    style: {\n      position: 'absolute',\n      boxSizing: 'border-box',\n      border: '1px dashed #444',\n    },\n  },\n  toolbar: {\n    mainClassName: 'blot-formatter__toolbar',\n    mainStyle: {\n      position: 'absolute',\n      top: '-12px',\n      right: '0',\n      left: '0',\n      height: '0',\n      minWidth: '120px',\n      font: '12px/1.0 Arial, Helvetica, sans-serif',\n      textAlign: 'center',\n      color: '#333',\n      boxSizing: 'border-box',\n      cursor: 'default',\n      zIndex: '1',\n    },\n    buttonClassName: 'blot-formatter__toolbar-button',\n    addButtonSelectStyle: true,\n    buttonStyle: {\n      display: 'inline-flex',\n      alignItems: 'center',\n      justifyContent: 'center',\n      width: '24px',\n      height: '24px',\n      background: 'white',\n      border: '1px solid #999',\n      verticalAlign: 'middle',\n      cursor: 'pointer',\n    },\n    svgStyle: {\n      display: 'inline-block',\n      width: '16px',\n      height: '16px',\n      background: 'white',\n      verticalAlign: 'middle',\n    },\n    buttons: {\n      [LEFT_ALIGN]: true,\n      [CENTER_ALIGN]: true,\n      [RIGHT_ALIGN]: true,\n      [COPY]: true,\n      [DOWNLOAD]: true,\n    },\n  },\n  resize: {\n    handleClassName: 'blot-formatter__resize-handle',\n    handleStyle: {\n      position: 'absolute',\n      height: '12px',\n      width: '12px',\n      backgroundColor: 'white',\n      border: '1px solid #777',\n      boxSizing: 'border-box',\n      opacity: '0.80',\n    },\n  },\n}\n\nexport default DefaultOptions\n"],"names":[],"mappings":";;AA2DO,MAAM,aAAa;AACnB,MAAM,eAAe;AACrB,MAAM,cAAc;AACpB,MAAM,OAAO;AACb,MAAM,WAAW;AACxB,MAAM,iBAAuC;AAAA;AAAA;AAAA,EAG3C,iBAAiB;AAAA,EAEjB,OAAO;AAAA,IACL;AAAA,EAAA;AAAA,EAEF,SAAS;AAAA,IACP,WAAW;AAAA,IACX,OAAO;AAAA,MACL,UAAU;AAAA,MACV,WAAW;AAAA,MACX,QAAQ;AAAA,IAAA;AAAA,EACV;AAAA,EAEF,SAAS;AAAA,IACP,eAAe;AAAA,IACf,WAAW;AAAA,MACT,UAAU;AAAA,MACV,KAAK;AAAA,MACL,OAAO;AAAA,MACP,MAAM;AAAA,MACN,QAAQ;AAAA,MACR,UAAU;AAAA,MACV,MAAM;AAAA,MACN,WAAW;AAAA,MACX,OAAO;AAAA,MACP,WAAW;AAAA,MACX,QAAQ;AAAA,MACR,QAAQ;AAAA,IAAA;AAAA,IAEV,iBAAiB;AAAA,IACjB,sBAAsB;AAAA,IACtB,aAAa;AAAA,MACX,SAAS;AAAA,MACT,YAAY;AAAA,MACZ,gBAAgB;AAAA,MAChB,OAAO;AAAA,MACP,QAAQ;AAAA,MACR,YAAY;AAAA,MACZ,QAAQ;AAAA,MACR,eAAe;AAAA,MACf,QAAQ;AAAA,IAAA;AAAA,IAEV,UAAU;AAAA,MACR,SAAS;AAAA,MACT,OAAO;AAAA,MACP,QAAQ;AAAA,MACR,YAAY;AAAA,MACZ,eAAe;AAAA,IAAA;AAAA,IAEjB,SAAS;AAAA,MACP,CAAC,UAAU,GAAG;AAAA,MACd,CAAC,YAAY,GAAG;AAAA,MAChB,CAAC,WAAW,GAAG;AAAA,MACf,CAAC,IAAI,GAAG;AAAA,MACR,CAAC,QAAQ,GAAG;AAAA,IAAA;AAAA,EACd;AAAA,EAEF,QAAQ;AAAA,IACN,iBAAiB;AAAA,IACjB,aAAa;AAAA,MACX,UAAU;AAAA,MACV,QAAQ;AAAA,MACR,OAAO;AAAA,MACP,iBAAiB;AAAA,MACjB,QAAQ;AAAA,MACR,WAAW;AAAA,MACX,SAAS;AAAA,IAAA;AAAA,EACX;AAEJ;"}

package/es/modules/custom-image/specs/blot-spec.es.js.map

@@ -1 +1 @@
-{"version":3,"file":"blot-spec.es.js","sources":["../../../../../src/modules/custom-image/specs/blot-spec.ts"],"sourcesContent":["import type { BlotFormatter } from '../blot-formatter'\r\nimport { CustomResizeAction, DeleteAction, ImageToolbarAction } from '../actions'\r\n\r\nexport class BlotSpec {\r\n  formatter: BlotFormatter\r\n\r\n  constructor(formatter: BlotFormatter) {\r\n    this.formatter = formatter\r\n  }\r\n\r\n  init(): void {}\r\n\r\n  getActions() {\r\n    return [ImageToolbarAction, CustomResizeAction, DeleteAction]\r\n  }\r\n\r\n  getTargetElement(): HTMLElement | null {\r\n    return null\r\n  }\r\n\r\n  getOverlayElement() {\r\n    return this.getTargetElement()\r\n  }\r\n\r\n  setSelection(): void {\r\n    this.formatter.quill.setSelection(null)\r\n  }\r\n\r\n  onHide() {}\r\n}\r\n"],"names":[],"mappings":";;;;;;;AAGO,MAAM,SAAS;AAAA,EAGpB,YAAY,WAA0B;AAFtC;AAGE,SAAK,YAAY;AAAA,EAAA;AAAA,EAGnB,OAAa;AAAA,EAAA;AAAA,EAEb,aAAa;AACJ,WAAA,CAAC,oBAAoB,oBAAoB,YAAY;AAAA,EAAA;AAAA,EAG9D,mBAAuC;AAC9B,WAAA;AAAA,EAAA;AAAA,EAGT,oBAAoB;AAClB,WAAO,KAAK,iBAAiB;AAAA,EAAA;AAAA,EAG/B,eAAqB;AACd,SAAA,UAAU,MAAM,aAAa,IAAI;AAAA,EAAA;AAAA,EAGxC,SAAS;AAAA,EAAA;AACX;"}
+{"version":3,"file":"blot-spec.es.js","sources":["../../../../../src/modules/custom-image/specs/blot-spec.ts"],"sourcesContent":["import type { BlotFormatter } from '../blot-formatter'\nimport { CustomResizeAction, DeleteAction, ImageToolbarAction } from '../actions'\n\nexport class BlotSpec {\n  formatter: BlotFormatter\n\n  constructor(formatter: BlotFormatter) {\n    this.formatter = formatter\n  }\n\n  init(): void {}\n\n  getActions() {\n    return [ImageToolbarAction, CustomResizeAction, DeleteAction]\n  }\n\n  getTargetElement(): HTMLElement | null {\n    return null\n  }\n\n  getOverlayElement() {\n    return this.getTargetElement()\n  }\n\n  setSelection(): void {\n    this.formatter.quill.setSelection(null)\n  }\n\n  onHide() {}\n}\n"],"names":[],"mappings":";;;;;;;AAGO,MAAM,SAAS;AAAA,EAGpB,YAAY,WAA0B;AAFtC;AAGE,SAAK,YAAY;AAAA,EACnB;AAAA,EAEA,OAAa;AAAA,EAAC;AAAA,EAEd,aAAa;AACX,WAAO,CAAC,oBAAoB,oBAAoB,YAAY;AAAA,EAC9D;AAAA,EAEA,mBAAuC;AACrC,WAAO;AAAA,EACT;AAAA,EAEA,oBAAoB;AAClB,WAAO,KAAK,iBAAA;AAAA,EACd;AAAA,EAEA,eAAqB;AACnB,SAAK,UAAU,MAAM,aAAa,IAAI;AAAA,EACxC;AAAA,EAEA,SAAS;AAAA,EAAC;AACZ;"}

package/es/modules/custom-image/specs/custom-image-spec.es.js.map

@@ -1 +1 @@
-{"version":3,"file":"custom-image-spec.es.js","sources":["../../../../../src/modules/custom-image/specs/custom-image-spec.ts"],"sourcesContent":["import type { BlotFormatter } from '../blot-formatter'\r\nimport { isInside } from '../../../config/editor.utils'\r\nimport { ImageSpec } from './image-spec'\r\n\r\nexport class CustomImageSpec extends ImageSpec {\r\n  editorElem: HTMLElement | undefined\r\n  observer: any\r\n  oldRootScrollTop: number\r\n\r\n  constructor(formatter: BlotFormatter) {\r\n    super(formatter)\r\n    this.formatter = formatter\r\n    this.oldRootScrollTop = this.formatter.quill.root.scrollTop\r\n    this.editorElem = this.formatter.quill.container\r\n    this.formatter.quill.root.addEventListener('scroll', this.handleQuillRootScroll.bind(this))\r\n  }\r\n\r\n  handleQuillRootScroll() {\r\n    if (this.formatter.overlay) {\r\n      this.formatter.overlay.style.marginTop = `${this.oldRootScrollTop - this.formatter.quill.root.scrollTop}px`\r\n    }\r\n  }\r\n\r\n  init(): void {\r\n    this.editorElem.addEventListener('mouseover', this.imageMouseOver.bind(this))\r\n    this.editorElem.addEventListener('mouseout', this.imageMouseout)\r\n\r\n    super.init()\r\n  }\r\n\r\n  imageMouseOver(event) {\r\n    const target = event.target\r\n    const isBlotFormatter = target?.classList?.contains('blot-formatter__overlay')\r\n    if (target.nodeName === 'IMG' || isBlotFormatter) {\r\n      // this.addImagePreviewOverlay(event);\r\n    }\r\n  }\r\n\r\n  imageMouseout = (event) => {\r\n    if (event.target.nodeName === 'IMG'\r\n      || event.target.classList.contains('blot-formatter__overlay')) {\r\n      const imgDom = event.target\r\n      if (!isInside(event, imgDom)) {\r\n        this.removeImagePreviewOverlay()\r\n      }\r\n    }\r\n  }\r\n\r\n  addImagePreviewOverlay(event) {\r\n    const target = event.target\r\n    const {\r\n      left: imgLeft,\r\n      width: imgWidth,\r\n    } = target.getBoundingClientRect()\r\n    // fix: 解决 ql-container 容器设置 calc(100vh - 180px) 这样的视窗相对单位时，滚动视窗导致图片相对视窗的 top 相应改变，从而导致图片预览按钮的位置显示错误\r\n    const imgTop = target.getBoundingClientRect().top + this.formatter.quill.container.scrollTop\r\n\r\n    const {\r\n      left: editorLeft,\r\n      top: editorTop,\r\n    } = event.currentTarget.getBoundingClientRect()\r\n\r\n    const imgRelativeLeft = imgLeft - editorLeft\r\n    const imgRelativeTop = imgTop - editorTop\r\n\r\n    const maxmizeWidth = 24\r\n    const maxmizePadding = 15\r\n    const previewLeft = imgRelativeLeft + imgWidth - maxmizeWidth - maxmizePadding\r\n    const previewTop = imgRelativeTop + maxmizePadding\r\n\r\n    const previewStyle = `\r\n        left: ${previewLeft}px;\r\n        top: ${previewTop}px;\r\n        width: ${maxmizeWidth}px;\r\n      `\r\n    const imageSrc = target.src || target.getAttribute('data-image')\r\n    const imageId = target.getAttribute('data-image-id')\r\n\r\n    const previewDom = event.currentTarget.querySelector('.image-preview__overlay')\r\n    if (!previewDom) {\r\n      event.currentTarget.insertAdjacentHTML('beforeend', `\r\n          <div class=\"image-preview__overlay\" style=\"${previewStyle}\">\r\n            <i class=\"icon-maxmize\" id=\"btn-image-preview\" data-image-id=\"${imageId}\"\r\n              data-image=\"${imageSrc}\"></i>\r\n          </div>\r\n        `)\r\n    }\r\n  }\r\n\r\n  removeImagePreviewOverlay() {\r\n    const previewDom = this.editorElem.querySelector('.image-preview__overlay')\r\n    if (previewDom) {\r\n      previewDom.parentNode.removeChild(previewDom)\r\n    }\r\n  }\r\n\r\n  onHide() {\r\n    this.removeImagePreviewOverlay()\r\n    super.onHide()\r\n  }\r\n\r\n  resetOverlayMarginTop() {\r\n    if (this.formatter.overlay) {\r\n      this.formatter.overlay.style.marginTop = '0px'\r\n    }\r\n  }\r\n\r\n  onClick = (event: MouseEvent) => {\r\n    const el = event.target\r\n    const isReadonly = this.formatter.quill.options.readOnly\r\n    if (!(el instanceof HTMLElement) || el.tagName !== 'IMG' || isReadonly) {\r\n      return\r\n    }\r\n\r\n    this.img = el as HTMLImageElement\r\n    this.oldRootScrollTop = this.formatter.quill.root.scrollTop\r\n    this.resetOverlayMarginTop()\r\n    this.formatter.show(this)\r\n\r\n    // 通过图片dom获取图片选区用以复制，设置 current-select-img::selection 取消选区背景\r\n    const imageDom = this.formatter.currentSpec?.getTargetElement()\r\n    if (imageDom) {\r\n      imageDom.classList.add('current-select-img')\r\n      const quill = this.formatter.quill\r\n      const imgBlot = quill.scroll.find(this.img)\r\n      const index = quill.getIndex(imgBlot)\r\n      const len = imgBlot.length()\r\n      quill.setSelection(index, len)\r\n    }\r\n  }\r\n}\r\n"],"names":[],"mappings":"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"}
+{"version":3,"file":"custom-image-spec.es.js","sources":["../../../../../src/modules/custom-image/specs/custom-image-spec.ts"],"sourcesContent":["import type { BlotFormatter } from '../blot-formatter'\nimport { isInside } from '../../../config/editor.utils'\nimport { ImageSpec } from './image-spec'\n\nexport class CustomImageSpec extends ImageSpec {\n  editorElem: HTMLElement | undefined\n  observer: any\n  oldRootScrollTop: number\n\n  constructor(formatter: BlotFormatter) {\n    super(formatter)\n    this.formatter = formatter\n    this.oldRootScrollTop = this.formatter.quill.root.scrollTop\n    this.editorElem = this.formatter.quill.container\n    this.formatter.quill.root.addEventListener('scroll', this.handleQuillRootScroll.bind(this))\n  }\n\n  handleQuillRootScroll() {\n    if (this.formatter.overlay) {\n      this.formatter.overlay.style.marginTop = `${this.oldRootScrollTop - this.formatter.quill.root.scrollTop}px`\n    }\n  }\n\n  init(): void {\n    this.editorElem.addEventListener('mouseover', this.imageMouseOver.bind(this))\n    this.editorElem.addEventListener('mouseout', this.imageMouseout)\n\n    super.init()\n  }\n\n  imageMouseOver(event) {\n    const target = event.target\n    const isBlotFormatter = target?.classList?.contains('blot-formatter__overlay')\n    if (target.nodeName === 'IMG' || isBlotFormatter) {\n      // this.addImagePreviewOverlay(event);\n    }\n  }\n\n  imageMouseout = (event) => {\n    if (event.target.nodeName === 'IMG'\n      || event.target.classList.contains('blot-formatter__overlay')) {\n      const imgDom = event.target\n      if (!isInside(event, imgDom)) {\n        this.removeImagePreviewOverlay()\n      }\n    }\n  }\n\n  addImagePreviewOverlay(event) {\n    const target = event.target\n    const {\n      left: imgLeft,\n      width: imgWidth,\n    } = target.getBoundingClientRect()\n    // fix: 解决 ql-container 容器设置 calc(100vh - 180px) 这样的视窗相对单位时，滚动视窗导致图片相对视窗的 top 相应改变，从而导致图片预览按钮的位置显示错误\n    const imgTop = target.getBoundingClientRect().top + this.formatter.quill.container.scrollTop\n\n    const {\n      left: editorLeft,\n      top: editorTop,\n    } = event.currentTarget.getBoundingClientRect()\n\n    const imgRelativeLeft = imgLeft - editorLeft\n    const imgRelativeTop = imgTop - editorTop\n\n    const maxmizeWidth = 24\n    const maxmizePadding = 15\n    const previewLeft = imgRelativeLeft + imgWidth - maxmizeWidth - maxmizePadding\n    const previewTop = imgRelativeTop + maxmizePadding\n\n    const previewStyle = `\n        left: ${previewLeft}px;\n        top: ${previewTop}px;\n        width: ${maxmizeWidth}px;\n      `\n    const imageSrc = target.src || target.getAttribute('data-image')\n    const imageId = target.getAttribute('data-image-id')\n\n    const previewDom = event.currentTarget.querySelector('.image-preview__overlay')\n    if (!previewDom) {\n      event.currentTarget.insertAdjacentHTML('beforeend', `\n          <div class=\"image-preview__overlay\" style=\"${previewStyle}\">\n            <i class=\"icon-maxmize\" id=\"btn-image-preview\" data-image-id=\"${imageId}\"\n              data-image=\"${imageSrc}\"></i>\n          </div>\n        `)\n    }\n  }\n\n  removeImagePreviewOverlay() {\n    const previewDom = this.editorElem.querySelector('.image-preview__overlay')\n    if (previewDom) {\n      previewDom.parentNode.removeChild(previewDom)\n    }\n  }\n\n  onHide() {\n    this.removeImagePreviewOverlay()\n    super.onHide()\n  }\n\n  resetOverlayMarginTop() {\n    if (this.formatter.overlay) {\n      this.formatter.overlay.style.marginTop = '0px'\n    }\n  }\n\n  onClick = (event: MouseEvent) => {\n    const el = event.target\n    const isReadonly = this.formatter.quill.options.readOnly\n    if (!(el instanceof HTMLElement) || el.tagName !== 'IMG' || isReadonly) {\n      return\n    }\n\n    this.img = el as HTMLImageElement\n    this.oldRootScrollTop = this.formatter.quill.root.scrollTop\n    this.resetOverlayMarginTop()\n    this.formatter.show(this)\n\n    // 通过图片dom获取图片选区用以复制，设置 current-select-img::selection 取消选区背景\n    const imageDom = this.formatter.currentSpec?.getTargetElement()\n    if (imageDom) {\n      imageDom.classList.add('current-select-img')\n      const quill = this.formatter.quill\n      const imgBlot = quill.scroll.find(this.img)\n      const index = quill.getIndex(imgBlot)\n      const len = imgBlot.length()\n      quill.setSelection(index, len)\n    }\n  }\n}\n"],"names":[],"mappings":"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"}

package/es/modules/custom-image/specs/image-spec.es.js.map

@@ -1 +1 @@
-{"version":3,"file":"image-spec.es.js","sources":["../../../../../src/modules/custom-image/specs/image-spec.ts"],"sourcesContent":["import { BlotSpec } from './blot-spec'\r\n\r\nexport class ImageSpec extends BlotSpec {\r\n  img: HTMLImageElement | null = null\r\n\r\n  init() {\r\n    this.formatter.quill.root.addEventListener('click', this.onClick)\r\n  }\r\n\r\n  getTargetElement() {\r\n    return this.img\r\n  }\r\n\r\n  onHide() {\r\n    this.img = null\r\n  }\r\n\r\n  onClick = (event: MouseEvent) => {\r\n    const el = event.target\r\n    if (!(el instanceof HTMLElement) || el.tagName !== 'IMG') {\r\n      return\r\n    }\r\n    event.stopPropagation()\r\n\r\n    this.img = el as HTMLImageElement\r\n    this.formatter.show(this)\r\n  }\r\n}\r\n"],"names":[],"mappings":";;;;AAEO,MAAM,kBAAkB,SAAS;AAAA,EAAjC;AAAA;AACL,+BAA+B;AAc/B,mCAAU,CAAC,UAAsB;AAC/B,YAAM,KAAK,MAAM;AACjB,UAAI,EAAE,cAAc,gBAAgB,GAAG,YAAY,OAAO;AACxD;AAAA,MAAA;AAEF,YAAM,gBAAgB;AAEtB,WAAK,MAAM;AACN,WAAA,UAAU,KAAK,IAAI;AAAA,IAC1B;AAAA;AAAA,EArBA,OAAO;AACL,SAAK,UAAU,MAAM,KAAK,iBAAiB,SAAS,KAAK,OAAO;AAAA,EAAA;AAAA,EAGlE,mBAAmB;AACjB,WAAO,KAAK;AAAA,EAAA;AAAA,EAGd,SAAS;AACP,SAAK,MAAM;AAAA,EAAA;AAaf;"}
+{"version":3,"file":"image-spec.es.js","sources":["../../../../../src/modules/custom-image/specs/image-spec.ts"],"sourcesContent":["import { BlotSpec } from './blot-spec'\n\nexport class ImageSpec extends BlotSpec {\n  img: HTMLImageElement | null = null\n\n  init() {\n    this.formatter.quill.root.addEventListener('click', this.onClick)\n  }\n\n  getTargetElement() {\n    return this.img\n  }\n\n  onHide() {\n    this.img = null\n  }\n\n  onClick = (event: MouseEvent) => {\n    const el = event.target\n    if (!(el instanceof HTMLElement) || el.tagName !== 'IMG') {\n      return\n    }\n    event.stopPropagation()\n\n    this.img = el as HTMLImageElement\n    this.formatter.show(this)\n  }\n}\n"],"names":[],"mappings":";;;;AAEO,MAAM,kBAAkB,SAAS;AAAA,EAAjC;AAAA;AACL,+BAA+B;AAc/B,mCAAU,CAAC,UAAsB;AAC/B,YAAM,KAAK,MAAM;AACjB,UAAI,EAAE,cAAc,gBAAgB,GAAG,YAAY,OAAO;AACxD;AAAA,MACF;AACA,YAAM,gBAAA;AAEN,WAAK,MAAM;AACX,WAAK,UAAU,KAAK,IAAI;AAAA,IAC1B;AAAA;AAAA,EArBA,OAAO;AACL,SAAK,UAAU,MAAM,KAAK,iBAAiB,SAAS,KAAK,OAAO;AAAA,EAClE;AAAA,EAEA,mBAAmB;AACjB,WAAO,KAAK;AAAA,EACd;AAAA,EAEA,SAAS;AACP,SAAK,MAAM;AAAA,EACb;AAYF;"}