@opentiny/fluent-editor 4.0.0-alpha.6 → 4.0.0-alpha.8

package/dist/es/modules/emoji.es.js

@@ -0,0 +1,167 @@
+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 { debounce } from "lodash-es";
+const DEFAULT_OPTIONS = {
+  // @ts-ignore
+  emojiData: window.emojiData,
+  // @ts-ignore
+  EmojiPicker: window.EmojiPicker,
+  // @ts-ignore
+  emojiPickerPosition: window.emojiPickerPosition,
+  theme: "light",
+  set: "native",
+  skinTonePosition: "none",
+  previewPosition: "bottom",
+  searchPosition: "sticky",
+  categories: ["frequent", "people", "nature", "foods", "activity", "places", "objects", "symbols", "flags"],
+  maxFrequentRows: 2,
+  perLine: 8,
+  navPosition: "top",
+  noCountryFlags: false,
+  dynamicWidth: false
+};
+const PICKER_DOM_ID = "emoji-picker";
+const LOCALE_MAP = {
+  "zh-CN": "zh",
+  "en-US": "en"
+};
+class EmojiModule {
+  constructor(quill, options = {}) {
+    __publicField(this, "quill");
+    __publicField(this, "options");
+    __publicField(this, "picker", null);
+    __publicField(this, "isPickerVisible", false);
+    __publicField(this, "cleanupResizeObserver", null);
+    this.quill = quill;
+    this.options = { ...DEFAULT_OPTIONS, ...options };
+    const toolbar = this.quill.getModule("toolbar");
+    if (toolbar) {
+      toolbar.addHandler("emoji", () => {
+        if (this.isPickerVisible) {
+          this.closeDialog();
+        } else {
+          this.openDialog();
+        }
+      });
+    }
+  }
+  getEmojiButton() {
+    return document.querySelector(".ql-emoji");
+  }
+  async updatePickerPosition() {
+    const button = this.getEmojiButton();
+    const pickerElement = document.getElementById(PICKER_DOM_ID);
+    if (!button || !this.picker || !pickerElement) {
+      return;
+    }
+    const { emojiPickerPosition } = this.options;
+    try {
+      const { x, y } = await emojiPickerPosition(button, pickerElement);
+      this.picker.style.top = `${y}px`;
+      this.picker.style.left = `${x}px`;
+    } catch (error) {
+      console.warn("Failed to compute picker position:", error);
+    }
+  }
+  // 监听容器大小变化，更新表情选择弹窗位置
+  setupContainerResizeObserver() {
+    const container = this.quill.root.parentElement;
+    if (!container) {
+      return null;
+    }
+    const debouncedUpdate = debounce(() => {
+      this.updatePickerPosition();
+    }, 100);
+    const resizeObserver = new ResizeObserver(() => {
+      debouncedUpdate();
+    });
+    resizeObserver.observe(container);
+    return () => {
+      resizeObserver.disconnect();
+      debouncedUpdate.cancel();
+    };
+  }
+  // 创建表情选择弹窗
+  createPicker() {
+    const { EmojiPicker, emojiData, ...options } = this.options;
+    const pickerConfig = {
+      // emoji-mart 与 tiny-editor 国际化的的 locale 不一致使用 LOCALE_MAP 转换
+      locale: LOCALE_MAP[this.quill.lang] ?? "en",
+      data: emojiData,
+      ...options,
+      onEmojiSelect: this.handleEmojiSelect.bind(this),
+      onClickOutside: this.handleClickOutside.bind(this)
+    };
+    const picker = new EmojiPicker(pickerConfig);
+    picker.id = PICKER_DOM_ID;
+    picker.style.position = "absolute";
+    picker.style.zIndex = "1000";
+    return picker;
+  }
+  // 打开表情弹窗
+  openDialog() {
+    if (this.picker) {
+      return;
+    }
+    try {
+      this.picker = this.createPicker();
+      document.body.appendChild(this.picker);
+      this.updatePickerPosition();
+      this.cleanupResizeObserver = this.setupContainerResizeObserver();
+      this.isPickerVisible = true;
+    } catch (error) {
+      console.error("Failed to open emoji picker:", error);
+      this.closeDialog();
+    }
+  }
+  // 关闭表情弹窗
+  closeDialog() {
+    var _a;
+    if (!this.picker) {
+      return;
+    }
+    this.isPickerVisible = false;
+    this.picker.remove();
+    this.picker = null;
+    (_a = this.cleanupResizeObserver) == null ? void 0 : _a.call(this);
+    this.cleanupResizeObserver = null;
+  }
+  // 处理表情选择事件
+  handleEmojiSelect(emoji) {
+    const selection = this.quill.getSelection(true);
+    if (!selection) {
+      console.warn("No selection available for emoji insertion");
+      return;
+    }
+    try {
+      const insertIndex = selection.index;
+      this.quill.insertText(insertIndex, emoji.native, "user");
+      this.closeDialog();
+      this.quill.setSelection(insertIndex + emoji.native.length);
+    } catch (error) {
+      console.error("Failed to insert emoji:", error);
+    }
+  }
+  // 处理外部点击事件
+  handleClickOutside(event) {
+    const button = this.getEmojiButton();
+    const target = event.target;
+    const isClickOnButton = target === button || target instanceof Element && (button == null ? void 0 : button.contains(target));
+    if (isClickOnButton) {
+      return;
+    }
+    this.closeDialog();
+  }
+  // 销毁模块，清理资源
+  destroy() {
+    var _a;
+    (_a = this.cleanupResizeObserver) == null ? void 0 : _a.call(this);
+    this.cleanupResizeObserver = null;
+    this.closeDialog();
+  }
+}
+export {
+  EmojiModule
+};
+//# sourceMappingURL=emoji.es.js.map

package/dist/es/modules/emoji.es.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"emoji.es.js","sources":["../../../src/modules/emoji.ts"],"sourcesContent":["import type { EmojiMartData } from '@emoji-mart/data'\nimport type { computePosition } from '@floating-ui/dom'\nimport type { Picker } from 'emoji-mart'\nimport type TypeToolbar from 'quill/modules/toolbar'\nimport type FluentEditor from '../fluent-editor'\nimport { debounce } from 'lodash-es'\n\nexport interface EmojiModuleOptions {\n  emojiData?: EmojiMartData\n  EmojiPicker?: new (props: any) => Picker\n  emojiPickerPosition?: typeof computePosition\n  theme?: string\n  locale?: string\n  set?: string\n  skinTonePosition?: string\n  previewPosition?: string\n  searchPosition?: string\n  categories?: string[]\n  maxFrequentRows?: number\n  perLine?: number\n  navPosition?: string\n  noCountryFlags?: boolean\n  dynamicWidth?: boolean\n}\n\nconst DEFAULT_OPTIONS: EmojiModuleOptions = {\n  // @ts-ignore\n  emojiData: window.emojiData,\n  // @ts-ignore\n  EmojiPicker: window.EmojiPicker,\n  // @ts-ignore\n  emojiPickerPosition: window.emojiPickerPosition,\n  theme: 'light',\n  set: 'native',\n  skinTonePosition: 'none',\n  previewPosition: 'bottom',\n  searchPosition: 'sticky',\n  categories: ['frequent', 'people', 'nature', 'foods', 'activity', 'places', 'objects', 'symbols', 'flags'],\n  maxFrequentRows: 2,\n  perLine: 8,\n  navPosition: 'top',\n  noCountryFlags: false,\n  dynamicWidth: false,\n}\n\nconst PICKER_DOM_ID = 'emoji-picker'\n\nconst LOCALE_MAP = {\n  'zh-CN': 'zh',\n  'en-US': 'en',\n} as const\n\nclass EmojiModule {\n  private readonly quill: FluentEditor\n  private readonly options: EmojiModuleOptions\n  private picker: HTMLElement | null = null\n  private isPickerVisible = false\n  private cleanupResizeObserver: (() => void) | null = null\n\n  constructor(quill: FluentEditor, options: EmojiModuleOptions = {}) {\n    this.quill = quill\n\n    this.options = { ...DEFAULT_OPTIONS, ...options }\n\n    const toolbar = this.quill.getModule('toolbar') as TypeToolbar\n\n    if (toolbar) {\n      toolbar.addHandler('emoji', () => {\n        if (this.isPickerVisible) {\n          this.closeDialog()\n        }\n        else {\n          this.openDialog()\n        }\n      })\n    }\n  }\n\n  private getEmojiButton() {\n    return document.querySelector('.ql-emoji') as HTMLElement | null\n  }\n\n  private async updatePickerPosition() {\n    const button = this.getEmojiButton()\n    const pickerElement = document.getElementById(PICKER_DOM_ID)\n\n    if (!button || !this.picker || !pickerElement) {\n      return\n    }\n\n    const { emojiPickerPosition } = this.options\n\n    try {\n      const { x, y } = await emojiPickerPosition(button, pickerElement)\n      this.picker.style.top = `${y}px`\n      this.picker.style.left = `${x}px`\n    }\n    catch (error) {\n      console.warn('Failed to compute picker position:', error)\n    }\n  }\n\n  // 监听容器大小变化，更新表情选择弹窗位置\n  private setupContainerResizeObserver() {\n    const container = this.quill.root.parentElement\n    if (!container) {\n      return null\n    }\n\n    const debouncedUpdate = debounce(() => {\n      this.updatePickerPosition()\n    }, 100)\n\n    const resizeObserver = new ResizeObserver(() => {\n      debouncedUpdate()\n    })\n\n    resizeObserver.observe(container)\n\n    return () => {\n      resizeObserver.disconnect()\n      debouncedUpdate.cancel()\n    }\n  }\n\n  // 创建表情选择弹窗\n  private createPicker() {\n    const { EmojiPicker, emojiData, ...options } = this.options\n\n    const pickerConfig = {\n      // emoji-mart 与 tiny-editor 国际化的的 locale 不一致使用 LOCALE_MAP 转换\n      locale: LOCALE_MAP[this.quill.lang] ?? 'en',\n      data: emojiData,\n      ...options,\n      onEmojiSelect: this.handleEmojiSelect.bind(this),\n      onClickOutside: this.handleClickOutside.bind(this),\n    }\n\n    const picker = new EmojiPicker(pickerConfig) as unknown as HTMLElement\n\n    // 设置样式和属性\n    picker.id = PICKER_DOM_ID\n    picker.style.position = 'absolute'\n    picker.style.zIndex = '1000'\n\n    return picker\n  }\n\n  // 打开表情弹窗\n  public openDialog() {\n    if (this.picker) {\n      return\n    }\n\n    try {\n      this.picker = this.createPicker()\n      document.body.appendChild(this.picker)\n\n      this.updatePickerPosition()\n      this.cleanupResizeObserver = this.setupContainerResizeObserver()\n      this.isPickerVisible = true\n    }\n    catch (error) {\n      console.error('Failed to open emoji picker:', error)\n      this.closeDialog()\n    }\n  }\n\n  // 关闭表情弹窗\n  public closeDialog() {\n    if (!this.picker) {\n      return\n    }\n\n    this.isPickerVisible = false\n    this.picker.remove()\n    this.picker = null\n\n    this.cleanupResizeObserver?.()\n    this.cleanupResizeObserver = null\n  }\n\n  // 处理表情选择事件\n  private handleEmojiSelect(emoji: { native: string }) {\n    const selection = this.quill.getSelection(true)\n    if (!selection) {\n      console.warn('No selection available for emoji insertion')\n      return\n    }\n\n    try {\n    // 记录插入位置\n      const insertIndex = selection.index\n      this.quill.insertText(insertIndex, emoji.native, 'user')\n\n      this.closeDialog()\n\n      // 设置光标到表情符号后面\n      this.quill.setSelection(insertIndex + emoji.native.length)\n    }\n    catch (error) {\n      console.error('Failed to insert emoji:', error)\n    }\n  }\n\n  // 处理外部点击事件\n  private handleClickOutside(event: MouseEvent) {\n    const button = this.getEmojiButton()\n\n    const target = event.target\n\n    const isClickOnButton = target === button || (target instanceof Element && button?.contains(target))\n\n    // 如果点击的是表情符号按钮或其子元素，则不关闭选择器\n    if (isClickOnButton) {\n      return\n    }\n\n    this.closeDialog()\n  }\n\n  // 销毁模块，清理资源\n  public destroy() {\n    this.cleanupResizeObserver?.()\n    this.cleanupResizeObserver = null\n    this.closeDialog()\n  }\n}\n\nexport { EmojiModule }\n"],"names":[],"mappings":"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"}

package/dist/es/modules/file/formats/file.es.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"file.es.js","sources":["../../../../../src/modules/file/formats/file.ts"],"sourcesContent":["import type TypeEmbed from 'quill/blots/embed'\nimport Quill from 'quill'\nimport { sanitize } from '../../../config/editor.utils'\n\nconst Embed = Quill.import('blots/embed') as typeof TypeEmbed\nconst FILE_ATTRIBUTES = ['id', 'title', 'size', 'lastModified']\n\nexport interface FileValue {\n  size: number\n  src: string\n  title: string\n}\nexport class File extends Embed {\n  static blotName = 'file'\n  static tagName = 'A'\n  static className = 'ql-file-item'\n  static PROTOCOL_WHITELIST = ['http', 'https', 'blob']\n\n  static create(value: FileValue) {\n    const node = super.create(value) as HTMLAnchorElement\n    const size = value.size / 1024\n    const fixSize = !size ? 0 : size < 1 ? 1 : size.toFixed(0)\n    node.classList.add('icon-file')\n    node.setAttribute('contenteditable', 'false')\n    const fileSvg = '<svg viewBox=\"0 0 1024 1024\" version=\"1.1\" xmlns=\"http://www.w3.org/2000/svg\" width=\"16\" height=\"16\"><path d=\"M854.6 288.6L639.4 73.4c-6-6-14.1-9.4-22.6-9.4H192c-17.7 0-32 14.3-32 32v832c0 17.7 14.3 32 32 32h640c17.7 0 32-14.3 32-32V311.3c0-8.5-3.4-16.7-9.4-22.7zM790.2 326H602V137.8L790.2 326z m1.8 562H232V136h302v216c0 23.2 18.8 42 42 42h216v494z\" p-id=\"2307\"></path></svg>'\n    node.innerHTML = `${fileSvg} ${value.title} (${fixSize} KB)`\n    const src = this.sanitize(value.src)\n    if (src) {\n      node.href = src\n      node.target = '_blank'\n    }\n    FILE_ATTRIBUTES.forEach((key) => {\n      if (value[key]) {\n        node.dataset[key] = value[key]\n      }\n    })\n    return node\n  }\n\n  static value(domNode: HTMLAnchorElement) {\n    return this.getFormats(domNode)\n  }\n\n  static getFormats(domNode: HTMLAnchorElement) {\n    const formats: Record<string, string> = {}\n    const href = this.sanitize(domNode.href)\n    if (href) {\n      formats.src = href\n    }\n    FILE_ATTRIBUTES.forEach((key) => {\n      if (domNode.dataset[key]) {\n        formats[key] = domNode.dataset[key]\n      }\n    })\n    return formats\n  }\n\n  static sanitize(url: string) {\n    return (sanitize(url, this.PROTOCOL_WHITELIST) && url) || ''\n  }\n}\n"],"names":[],"mappings":";;;;;AAIA,MAAM,QAAQ,MAAM,OAAO,aAAa;AACxC,MAAM,kBAAkB,CAAC,MAAM,SAAS,QAAQ,cAAc;AAOvD,MAAM,aAAa,MAAM;AAAA,EAM9B,OAAO,OAAO,OAAkB;AACxB,UAAA,OAAO,MAAM,OAAO,KAAK;AACzB,UAAA,OAAO,MAAM,OAAO;AACpB,UAAA,UAAU,CAAC,OAAO,IAAI,OAAO,IAAI,IAAI,KAAK,QAAQ,CAAC;AACpD,SAAA,UAAU,IAAI,WAAW;AACzB,SAAA,aAAa,mBAAmB,OAAO;AAC5C,UAAM,UAAU;AAChB,SAAK,YAAY,GAAG,OAAO,IAAI,MAAM,KAAK,KAAK,OAAO;AACtD,UAAM,MAAM,KAAK,SAAS,MAAM,GAAG;AACnC,QAAI,KAAK;AACP,WAAK,OAAO;AACZ,WAAK,SAAS;AAAA,IAAA;AAEA,oBAAA,QAAQ,CAAC,QAAQ;AAC3B,UAAA,MAAM,GAAG,GAAG;AACd,aAAK,QAAQ,GAAG,IAAI,MAAM,GAAG;AAAA,MAAA;AAAA,IAC/B,CACD;AACM,WAAA;AAAA,EAAA;AAAA,EAGT,OAAO,MAAM,SAA4B;AAChC,WAAA,KAAK,WAAW,OAAO;AAAA,EAAA;AAAA,EAGhC,OAAO,WAAW,SAA4B;AAC5C,UAAM,UAAkC,CAAC;AACzC,UAAM,OAAO,KAAK,SAAS,QAAQ,IAAI;AACvC,QAAI,MAAM;AACR,cAAQ,MAAM;AAAA,IAAA;AAEA,oBAAA,QAAQ,CAAC,QAAQ;AAC3B,UAAA,QAAQ,QAAQ,GAAG,GAAG;AACxB,gBAAQ,GAAG,IAAI,QAAQ,QAAQ,GAAG;AAAA,MAAA;AAAA,IACpC,CACD;AACM,WAAA;AAAA,EAAA;AAAA,EAGT,OAAO,SAAS,KAAa;AAC3B,WAAQ,SAAS,KAAK,KAAK,kBAAkB,KAAK,OAAQ;AAAA,EAAA;AAE9D;AA/CE,cADW,MACJ,YAAW;AAClB,cAFW,MAEJ,WAAU;AACjB,cAHW,MAGJ,aAAY;AACnB,cAJW,MAIJ,sBAAqB,CAAC,QAAQ,SAAS,MAAM;"}

package/dist/es/modules/file/modules/file-bar.es.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"file-bar.es.js","sources":["../../../../../src/modules/file/modules/file-bar.ts"],"sourcesContent":["import Quill from 'quill'\nimport { Range } from 'quill/core/selection'\nimport { unshiftString } from '../../../utils/method'\nimport { File } from '../formats/file'\n\nconst Delta = Quill.import('delta')\n\nexport class FileBar {\n  quill: any\n  file: any\n  domNode: HTMLElement\n  fileRange: any\n  template: string\n\n  constructor(quill, target) {\n    this.quill = quill\n    this.file = target\n    const fileBlot = Quill.find(target)\n    const index = this.quill.getIndex(fileBlot)\n    const [fileItem, offset] = this.quill.scroll.descendant(File, index)\n    const length = fileItem && fileItem.length()\n    this.fileRange = new Range(index - offset, length)\n\n    const timestamp = Number(this.file.dataset.lastModified)\n    const _lastModifiedDate = this.formatDate(timestamp)\n    this.template = [\n      // `<a class=\"ql-last-modified-date\" href=\"${this.file.href}\" target=\"_blank\">${this.file.href}</a>`,\n      // '<span class=\"ql-split\"></span>',\n      // `<a class=\"ql-file-preview\"><i class=\"icon-preview\"></i></a>`,\n      `<a class=\"ql-file-download\"><i class=\"icon-download\"></i></a>`,\n      '<a class=\"ql-file-delete\"><i class=\"icon-delete\"></i></a>',\n    ].join('')\n\n    this.createFileBar()\n  }\n\n  createFileBar() {\n    this.domNode = document.createElement('div')\n    this.domNode.className = 'ql-file-bar'\n    this.domNode.innerHTML = this.template\n    // 查看文件\n    const filePreview = this.domNode.querySelector('a.ql-file-preview')\n    if (filePreview) {\n      filePreview.addEventListener('click', (event) => {\n        this.operateFile(event, 'view')\n      })\n    }\n    // 下载文件\n    const fileDownload = this.domNode.querySelector('a.ql-file-download')\n    if (fileDownload) {\n      fileDownload.addEventListener('click', (event) => {\n        this.operateFile(event, 'download')\n      })\n    }\n    // 删除文件\n    const fileDelete = this.domNode.querySelector('a.ql-file-delete')\n    if (fileDelete) {\n      fileDelete.addEventListener('click', (event) => {\n        this.operateFile(event, 'delete')\n        const delta = new Delta()\n          .retain(this.fileRange.index)\n          .delete(this.fileRange.length)\n        this.quill.updateContents(delta, Quill.sources.USER)\n        this.quill.setSelection(this.fileRange.index)\n      })\n    }\n\n    this.setPosition()\n    this.quill.root.parentNode.appendChild(this.domNode)\n  }\n\n  destroy() {\n    if (this.domNode) {\n      this.domNode.remove()\n      this.domNode = null\n      this.file = null\n    }\n  }\n\n  operateFile(event, operate) {\n    event.preventDefault()\n    const fileId = this.file.dataset.id || ''\n    const fileName = this.file.dataset.title || ''\n    const fileDownloadUrl = this.file.href || ''\n    if (fileId) {\n      this.quill.emitter.emit('file-change', {\n        operation: operate,\n        data: { fileId, fileDownloadUrl },\n      })\n    }\n    if (operate === 'download') {\n      const a = document.createElement('a')\n      a.href = fileDownloadUrl\n      a.target = '_blank'\n      a.id = 'exppub'\n      a.download = fileName\n      document.body.appendChild(a)\n      const alink = document.getElementById('exppub')\n      alink.click()\n      alink.parentNode.removeChild(a)\n    }\n    this.destroy()\n  }\n\n  setPosition() {\n    if (this.domNode && this.file) {\n      const parent = this.quill.root.parentNode\n      const child = this.file.querySelector('span')\n      const containerRect = parent.getBoundingClientRect()\n      const fileRect = child.getBoundingClientRect()\n      this.css(this.domNode, {\n        left: `${fileRect.left - containerRect.left}px`,\n        top: `${fileRect.top - containerRect.top + 10}px`,\n      })\n    }\n  }\n\n  css(domNode, rules) {\n    if (typeof rules === 'object') {\n      for (const prop in rules) {\n        if (prop) {\n          if (Array.isArray(rules[prop])) {\n            // 兼容IE11浏览器\n            rules[prop].forEach((val) => {\n              domNode.style[prop] = val\n            })\n          }\n          else {\n            domNode.style[prop] = rules[prop]\n          }\n        }\n      }\n    }\n  }\n\n  formatDate(timestamp) {\n    const date = new Date(timestamp)\n    const year = date.getFullYear()\n    // TODO\n    const month = unshiftString(`${date.getMonth() + 1}`, 2, '0')\n    const day = unshiftString(`${date.getDate()}`, 2, '0')\n    const hour = unshiftString(`${date.getHours()}`, 2, '0')\n    const minute = unshiftString(`${date.getMinutes()}`, 2, '0')\n    return Number.isNaN(year) ? '--' : `${year}/${month}/${day} ${hour}:${minute}`\n  }\n}\n"],"names":[],"mappings":";;;;;;;AAKA,MAAM,QAAQ,MAAM,OAAO,OAAO;AAE3B,MAAM,QAAQ;AAAA,EAOnB,YAAY,OAAO,QAAQ;AAN3B;AACA;AACA;AACA;AACA;AAGE,SAAK,QAAQ;AACb,SAAK,OAAO;AACN,UAAA,WAAW,MAAM,KAAK,MAAM;AAClC,UAAM,QAAQ,KAAK,MAAM,SAAS,QAAQ;AACpC,UAAA,CAAC,UAAU,MAAM,IAAI,KAAK,MAAM,OAAO,WAAW,MAAM,KAAK;AAC7D,UAAA,SAAS,YAAY,SAAS,OAAO;AAC3C,SAAK,YAAY,IAAI,MAAM,QAAQ,QAAQ,MAAM;AAEjD,UAAM,YAAY,OAAO,KAAK,KAAK,QAAQ,YAAY;AACjD,UAAA,oBAAoB,KAAK,WAAW,SAAS;AACnD,SAAK,WAAW;AAAA;AAAA;AAAA;AAAA,MAId;AAAA,MACA;AAAA,IAAA,EACA,KAAK,EAAE;AAET,SAAK,cAAc;AAAA,EAAA;AAAA,EAGrB,gBAAgB;AACT,SAAA,UAAU,SAAS,cAAc,KAAK;AAC3C,SAAK,QAAQ,YAAY;AACpB,SAAA,QAAQ,YAAY,KAAK;AAE9B,UAAM,cAAc,KAAK,QAAQ,cAAc,mBAAmB;AAClE,QAAI,aAAa;AACH,kBAAA,iBAAiB,SAAS,CAAC,UAAU;AAC1C,aAAA,YAAY,OAAO,MAAM;AAAA,MAAA,CAC/B;AAAA,IAAA;AAGH,UAAM,eAAe,KAAK,QAAQ,cAAc,oBAAoB;AACpE,QAAI,cAAc;AACH,mBAAA,iBAAiB,SAAS,CAAC,UAAU;AAC3C,aAAA,YAAY,OAAO,UAAU;AAAA,MAAA,CACnC;AAAA,IAAA;AAGH,UAAM,aAAa,KAAK,QAAQ,cAAc,kBAAkB;AAChE,QAAI,YAAY;AACH,iBAAA,iBAAiB,SAAS,CAAC,UAAU;AACzC,aAAA,YAAY,OAAO,QAAQ;AAChC,cAAM,QAAQ,IAAI,MAAM,EACrB,OAAO,KAAK,UAAU,KAAK,EAC3B,OAAO,KAAK,UAAU,MAAM;AAC/B,aAAK,MAAM,eAAe,OAAO,MAAM,QAAQ,IAAI;AACnD,aAAK,MAAM,aAAa,KAAK,UAAU,KAAK;AAAA,MAAA,CAC7C;AAAA,IAAA;AAGH,SAAK,YAAY;AACjB,SAAK,MAAM,KAAK,WAAW,YAAY,KAAK,OAAO;AAAA,EAAA;AAAA,EAGrD,UAAU;AACR,QAAI,KAAK,SAAS;AAChB,WAAK,QAAQ,OAAO;AACpB,WAAK,UAAU;AACf,WAAK,OAAO;AAAA,IAAA;AAAA,EACd;AAAA,EAGF,YAAY,OAAO,SAAS;AAC1B,UAAM,eAAe;AACrB,UAAM,SAAS,KAAK,KAAK,QAAQ,MAAM;AACvC,UAAM,WAAW,KAAK,KAAK,QAAQ,SAAS;AACtC,UAAA,kBAAkB,KAAK,KAAK,QAAQ;AAC1C,QAAI,QAAQ;AACL,WAAA,MAAM,QAAQ,KAAK,eAAe;AAAA,QACrC,WAAW;AAAA,QACX,MAAM,EAAE,QAAQ,gBAAgB;AAAA,MAAA,CACjC;AAAA,IAAA;AAEH,QAAI,YAAY,YAAY;AACpB,YAAA,IAAI,SAAS,cAAc,GAAG;AACpC,QAAE,OAAO;AACT,QAAE,SAAS;AACX,QAAE,KAAK;AACP,QAAE,WAAW;AACJ,eAAA,KAAK,YAAY,CAAC;AACrB,YAAA,QAAQ,SAAS,eAAe,QAAQ;AAC9C,YAAM,MAAM;AACN,YAAA,WAAW,YAAY,CAAC;AAAA,IAAA;AAEhC,SAAK,QAAQ;AAAA,EAAA;AAAA,EAGf,cAAc;AACR,QAAA,KAAK,WAAW,KAAK,MAAM;AACvB,YAAA,SAAS,KAAK,MAAM,KAAK;AAC/B,YAAM,QAAQ,KAAK,KAAK,cAAc,MAAM;AACtC,YAAA,gBAAgB,OAAO,sBAAsB;AAC7C,YAAA,WAAW,MAAM,sBAAsB;AACxC,WAAA,IAAI,KAAK,SAAS;AAAA,QACrB,MAAM,GAAG,SAAS,OAAO,cAAc,IAAI;AAAA,QAC3C,KAAK,GAAG,SAAS,MAAM,cAAc,MAAM,EAAE;AAAA,MAAA,CAC9C;AAAA,IAAA;AAAA,EACH;AAAA,EAGF,IAAI,SAAS,OAAO;AACd,QAAA,OAAO,UAAU,UAAU;AAC7B,iBAAW,QAAQ,OAAO;AACxB,YAAI,MAAM;AACR,cAAI,MAAM,QAAQ,MAAM,IAAI,CAAC,GAAG;AAE9B,kBAAM,IAAI,EAAE,QAAQ,CAAC,QAAQ;AACnB,sBAAA,MAAM,IAAI,IAAI;AAAA,YAAA,CACvB;AAAA,UAAA,OAEE;AACH,oBAAQ,MAAM,IAAI,IAAI,MAAM,IAAI;AAAA,UAAA;AAAA,QAClC;AAAA,MACF;AAAA,IACF;AAAA,EACF;AAAA,EAGF,WAAW,WAAW;AACd,UAAA,OAAO,IAAI,KAAK,SAAS;AACzB,UAAA,OAAO,KAAK,YAAY;AAExB,UAAA,QAAQ,cAAc,GAAG,KAAK,SAAa,IAAA,CAAC,IAAI,GAAG,GAAG;AACtD,UAAA,MAAM,cAAc,GAAG,KAAK,SAAS,IAAI,GAAG,GAAG;AAC/C,UAAA,OAAO,cAAc,GAAG,KAAK,UAAU,IAAI,GAAG,GAAG;AACjD,UAAA,SAAS,cAAc,GAAG,KAAK,YAAY,IAAI,GAAG,GAAG;AAC3D,WAAO,OAAO,MAAM,IAAI,IAAI,OAAO,GAAG,IAAI,IAAI,KAAK,IAAI,GAAG,IAAI,IAAI,IAAI,MAAM;AAAA,EAAA;AAEhF;"}

package/dist/es/modules/file/modules/file-module.es.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"file-module.es.js","sources":["../../../../../src/modules/file/modules/file-module.ts"],"sourcesContent":["import type FluentEditor from '../../../core/fluent-editor'\nimport Quill from 'quill'\nimport { File } from '../formats/file'\nimport { FileBar } from './file-bar'\n\nexport class FileModule {\n  fileBar: FileBar\n\n  static register() {\n    Quill.register('formats/file', File, true)\n  }\n\n  constructor(public quill: FluentEditor) {\n    this.quill = quill\n    quill.root.addEventListener('click', event => this.clickEvent(event), false)\n  }\n\n  clickEvent(event: MouseEvent) {\n    event.preventDefault()\n    const target = event.target as HTMLElement\n    const fileDom = target.closest('a.ql-file-item')\n    if (fileDom) {\n      if (this.fileBar) {\n        this.fileBar.destroy()\n      }\n      this.fileBar = new FileBar(this.quill, fileDom)\n    }\n    else if (this.fileBar && !target.closest('.ql-file-bar')) {\n      this.fileBar.destroy()\n      this.fileBar = null\n    }\n  }\n}\n"],"names":[],"mappings":";;;;;;AAKO,MAAM,WAAW;AAAA,EAOtB,YAAmB,OAAqB;AANxC;AAMmB,SAAA,QAAA;AACjB,SAAK,QAAQ;AACP,UAAA,KAAK,iBAAiB,SAAS,CAAA,UAAS,KAAK,WAAW,KAAK,GAAG,KAAK;AAAA,EAAA;AAAA,EAN7E,OAAO,WAAW;AACV,UAAA,SAAS,gBAAgB,MAAM,IAAI;AAAA,EAAA;AAAA,EAQ3C,WAAW,OAAmB;AAC5B,UAAM,eAAe;AACrB,UAAM,SAAS,MAAM;AACf,UAAA,UAAU,OAAO,QAAQ,gBAAgB;AAC/C,QAAI,SAAS;AACX,UAAI,KAAK,SAAS;AAChB,aAAK,QAAQ,QAAQ;AAAA,MAAA;AAEvB,WAAK,UAAU,IAAI,QAAQ,KAAK,OAAO,OAAO;AAAA,IAAA,WAEvC,KAAK,WAAW,CAAC,OAAO,QAAQ,cAAc,GAAG;AACxD,WAAK,QAAQ,QAAQ;AACrB,WAAK,UAAU;AAAA,IAAA;AAAA,EACjB;AAEJ;"}

package/dist/es/modules/index.es.js

@@ -0,0 +1,27 @@
+import "./collaborative-editing/index.es.js";
+import "./counter.es.js";
+import { CustomClipboard } from "./custom-clipboard.es.js";
+import "./custom-image/index.es.js";
+import { FileUploader } from "./custom-uploader.es.js";
+import { DividerBlot } from "./divider.es.js";
+import { EmojiModule } from "./emoji.es.js";
+import "./file/index.es.js";
+import { I18N } from "./i18n.es.js";
+import "./link/index.es.js";
+import "./mathlive/index.es.js";
+import "./mention/index.es.js";
+import { ShortCutKey, shortKey } from "./shortcut-key/index.es.js";
+import "./syntax.es.js";
+import { generateTableUp } from "./table-up/index.es.js";
+import "./toolbar/index.es.js";
+export {
+  CustomClipboard,
+  DividerBlot,
+  EmojiModule,
+  FileUploader,
+  I18N,
+  ShortCutKey,
+  generateTableUp,
+  shortKey
+};
+//# sourceMappingURL=index.es.js.map

package/dist/es/modules/index.es.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.es.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;;;;;;;;;;;"}

package/dist/es/modules/link/formats/link.es.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"link.es.js","sources":["../../../../../src/modules/link/formats/link.ts"],"sourcesContent":["import type TypeInline from 'quill/blots/inline'\nimport Quill from 'quill'\nimport { hadProtocol, sanitize } from '../../../config/editor.utils'\n\nconst Inline = Quill.import('blots/inline') as typeof TypeInline\n\nexport class LinkBlot extends Inline {\n  static blotName = 'link'\n  static tagName = 'A'\n  static SANITIZED_URL = 'about:blank'\n  static PROTOCOL_WHITELIST = ['http', 'https', 'mailto', 'tel']\n  static className = 'ql-normal-link'\n\n  static autoProtocol: string = ''\n  static create(value: string) {\n    const node = super.create(value)\n    let href = value\n    if (!hadProtocol(href) && this.autoProtocol) {\n      href = `${this.autoProtocol}://${value}`\n    }\n    href = this.sanitize(href)\n    node.setAttribute('href', href)\n    node.setAttribute('target', '_blank')\n    return node\n  }\n\n  static formats(domNode: HTMLElement): string | null {\n    return domNode.getAttribute('href')\n  }\n\n  static sanitize(url: string) {\n    return sanitize(url, this.PROTOCOL_WHITELIST) ? url : this.SANITIZED_URL\n  }\n\n  format(name: string, value: any) {\n    if (name !== this.statics.blotName || [false, null].includes(value)) {\n      super.format(name, value)\n    }\n    else {\n      this.domNode.setAttribute('href', LinkBlot.sanitize(value))\n    }\n  }\n}\n"],"names":[],"mappings":";;;;;AAIA,MAAM,SAAS,MAAM,OAAO,cAAc;AAEnC,MAAM,YAAN,MAAM,kBAAiB,OAAO;AAAA,EAQnC,OAAO,OAAO,OAAe;AACrB,UAAA,OAAO,MAAM,OAAO,KAAK;AAC/B,QAAI,OAAO;AACX,QAAI,CAAC,YAAY,IAAI,KAAK,KAAK,cAAc;AAC3C,aAAO,GAAG,KAAK,YAAY,MAAM,KAAK;AAAA,IAAA;AAEjC,WAAA,KAAK,SAAS,IAAI;AACpB,SAAA,aAAa,QAAQ,IAAI;AACzB,SAAA,aAAa,UAAU,QAAQ;AAC7B,WAAA;AAAA,EAAA;AAAA,EAGT,OAAO,QAAQ,SAAqC;AAC3C,WAAA,QAAQ,aAAa,MAAM;AAAA,EAAA;AAAA,EAGpC,OAAO,SAAS,KAAa;AAC3B,WAAO,SAAS,KAAK,KAAK,kBAAkB,IAAI,MAAM,KAAK;AAAA,EAAA;AAAA,EAG7D,OAAO,MAAc,OAAY;AAC3B,QAAA,SAAS,KAAK,QAAQ,YAAY,CAAC,OAAO,IAAI,EAAE,SAAS,KAAK,GAAG;AAC7D,YAAA,OAAO,MAAM,KAAK;AAAA,IAAA,OAErB;AACH,WAAK,QAAQ,aAAa,QAAQ,UAAS,SAAS,KAAK,CAAC;AAAA,IAAA;AAAA,EAC5D;AAEJ;AAnCE,cADW,WACJ,YAAW;AAClB,cAFW,WAEJ,WAAU;AACjB,cAHW,WAGJ,iBAAgB;AACvB,cAJW,WAIJ,sBAAqB,CAAC,QAAQ,SAAS,UAAU,KAAK;AAC7D,cALW,WAKJ,aAAY;AAEnB,cAPW,WAOJ,gBAAuB;AAPzB,IAAM,WAAN;"}

package/dist/es/modules/link/index.es.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.es.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;"}

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

@@ -0,0 +1 @@
+{"version":3,"file":"tooltip.es.js","sources":["../../../../../src/modules/link/modules/tooltip.ts"],"sourcesContent":["import type { Parchment as TypeParchment } from 'quill'\nimport type FluentEditor from '../../../core/fluent-editor'\nimport Quill, { Range } from 'quill'\nimport Emitter from 'quill/core/emitter'\nimport { BaseTooltip } from 'quill/themes/base'\nimport { CHANGE_LANGUAGE_EVENT } from '../../../config'\nimport { hadProtocol, isNullOrUndefined } from '../../../config/editor.utils'\nimport { EN_US } from '../../../config/i18n/en-us'\nimport { debounce } from '../../../utils/debounce'\nimport { LinkBlot } from '../formats/link'\n\nexport class LinkTooltip extends BaseTooltip {\n  static TEMPLATE: string = [\n    `<input type=\"text\" data-formula=\"e=mc^2\" data-link=\"${EN_US.linkplaceholder}\" data-video=\"Embed URL\" style=\"width: 225px;\">`,\n    '<span class=\"ql-split\"></span>',\n    '<a class=\"ql-preview\"><i class=\"icon-share\"></i></a>',\n    '<a class=\"ql-remove\"><i class=\"icon-delete\"></i></a>',\n  ].join('')\n\n  isInputFocus: boolean\n  isHover: boolean\n  debouncedHideToolTip: any\n  debouncedShowToolTip: any\n  options: { autoProtocol: string } = {\n    autoProtocol: 'https',\n  }\n\n  constructor(public quill: FluentEditor, bounds) {\n    super(quill, bounds)\n    this.setTemplate()\n    this.isInputFocus = false\n    this.isHover = false\n\n    this.resolveOptions()\n    LinkBlot.autoProtocol = this.options.autoProtocol\n    this.debouncedHideToolTip = debounce(this.hideToolTip, 300)\n    this.debouncedShowToolTip = debounce(this.showToolTip, 300)\n    this.quill.emitter.on(CHANGE_LANGUAGE_EVENT, () => {\n      this.setTemplate()\n    })\n  }\n\n  setTemplate() {\n    this.root.innerHTML = [\n      `<input type=\"text\" data-formula=\"e=mc^2\" data-link=\"${this.quill.getLangText('linkplaceholder')}\" data-video=\"Embed URL\" style=\"width: 225px;\">`,\n      '<span class=\"ql-split\"></span>',\n      '<a class=\"ql-preview\"><i class=\"icon-share\"></i></a>',\n      '<a class=\"ql-remove\"><i class=\"icon-delete\"></i></a>',\n    ].join('')\n    this.textbox = this.root.querySelector('input[type=\"text\"]')\n    this.listen()\n  }\n\n  resolveOptions() {\n    this.options = {\n      autoProtocol: 'https',\n    }\n    const value = this.quill.options.autoProtocol\n    if (value && typeof value === 'string') {\n      this.options.autoProtocol = value\n    }\n    else if (typeof value === 'boolean' && !value) {\n      this.options.autoProtocol = ''\n    }\n  }\n\n  shouldHide() {\n    return !this.isHover && !this.isInputFocus\n  }\n\n  hideToolTip() {\n    if (this.shouldHide()) {\n      this.hide()\n    }\n  }\n\n  showToolTip(name, value, range) {\n    if (!this.shouldHide()) {\n      this.edit(name, value, range)\n    }\n  }\n\n  handleMouseLeave() {\n    this.isHover = false\n    this.debouncedHideToolTip()\n  }\n\n  handleMouseEnter(event: MouseEvent) {\n    const isTooltipShow = !this.root.classList.contains('ql-hidden')\n    if (isTooltipShow) {\n      return\n    }\n\n    if (this.isInputFocus) {\n      this.save()\n    }\n    this.isHover = true\n    const linkNode = event.target as HTMLElement\n    const preview = LinkBlot.formats(linkNode)\n    if (!preview || preview.startsWith('#')) {\n      return\n    }\n    const linkBlot = Quill.find(linkNode) as TypeParchment.Blot\n    const index = this.quill.getIndex(linkBlot)\n    const [link, offset] = this.quill.scroll.descendant(\n      LinkBlot,\n      index,\n    )\n    const length = link && link.length()\n    this.linkRange = new Range(index - offset, length)\n    this.debouncedShowToolTip('link', preview, this.linkRange)\n  }\n\n  listen() {\n    super.listen()\n    this.root.querySelector('a.ql-remove').addEventListener('click', (event) => {\n      if (!isNullOrUndefined(this.linkRange)) {\n        const range = this.linkRange\n        this.restoreFocus()\n        this.quill.formatText(range, 'link', false, Emitter.sources.API)\n        delete this.linkRange\n      }\n      event.preventDefault()\n      this.hide()\n    })\n\n    this.quill.root.addEventListener(\n      'mouseover',\n      (event) => {\n        const target = event.target as HTMLElement\n        if (\n          (target.tagName.toUpperCase() !== 'A'\n            || !target.classList.contains(LinkBlot.className))\n          && !target.closest(`a.${LinkBlot.className}`)\n        ) {\n          return\n        }\n        this.handleMouseEnter(event)\n      },\n      false,\n    )\n\n    this.quill.root.addEventListener(\n      'mouseout',\n      (event) => {\n        const target = event.target as HTMLElement\n        if (target.tagName.toUpperCase() !== 'A' && !target.closest(`a.${LinkBlot.className}`)) {\n          return\n        }\n        this.handleMouseLeave()\n      },\n      false,\n    )\n\n    this.root.addEventListener(\n      'mouseenter',\n      () => {\n        this.isHover = true\n      },\n      false,\n    )\n\n    this.root.addEventListener('mouseleave', this.handleMouseLeave.bind(this), false)\n\n    this.root.querySelector('a.ql-preview').addEventListener('click', (event) => {\n      const link = LinkBlot.sanitize(this.textbox.value)\n      window.open(link, '_blank')\n      event.preventDefault()\n    })\n    this.root.querySelector('input[type=\"text\"]').addEventListener('focus', () => {\n      this.isInputFocus = true\n    })\n    this.root.querySelector('input[type=\"text\"]').addEventListener('blur', () => {\n      this.isInputFocus = false\n      this.save()\n    })\n    this.quill.on(\n      Emitter.events.SELECTION_CHANGE,\n      (range, _oldRange, source) => {\n        if (isNullOrUndefined(range)) return\n        if (source === Emitter.sources.USER) {\n          const [link, offset] = this.quill.scroll.descendant(\n            LinkBlot,\n            range.index,\n          )\n\n          if (!isNullOrUndefined(link)) {\n            this.linkRange = new Range(range.index - offset, link.length())\n            const preview = LinkBlot.formats(link.domNode)\n            if (!preview.startsWith('#')) {\n              this.edit('link', preview, this.linkRange)\n            }\n            return\n          }\n        }\n        if (this.shouldHide()) {\n          this.hide()\n        }\n      },\n    )\n    this.quill.on(\n      Emitter.events.TEXT_CHANGE,\n      () => {\n        const selection = this.quill.getSelection()\n        const index = selection && selection.index\n        setTimeout(() => {\n          const link = this.quill.scroll.descendant(\n            LinkBlot,\n            index,\n          )[0]\n          if (!link) {\n            this.handleMouseLeave()\n          }\n        })\n      },\n    )\n  }\n\n  save() {\n    let value = this.textbox.value\n    if (!value) return\n    this.textbox.value = ''\n    switch (this.root.getAttribute('data-mode')) {\n      case 'link': {\n        const { scrollTop } = this.quill.root\n        if (this.options.autoProtocol) {\n          value = this.addHttpProtocol(value)\n        }\n\n        if (this.linkRange) {\n          this.quill.formatText(\n            this.linkRange,\n            'link',\n            value,\n            Emitter.sources.USER,\n          )\n          this.restoreFocus()\n        }\n        else {\n          this.restoreFocus()\n          this.quill.format('link', value, Emitter.sources.USER)\n        }\n        this.quill.root.scrollTop = scrollTop\n        break\n      }\n      case 'formula': {\n        const range = this.quill.getSelection(true)\n        if (!isNullOrUndefined(range)) {\n          const index = range.index + range.length\n          this.quill.insertEmbed(\n            index,\n            this.root.getAttribute('data-mode'),\n            value,\n            Emitter.sources.USER,\n          )\n          if (this.root.getAttribute('data-mode') === 'formula') {\n            this.quill.insertText(index + 1, ' ', Emitter.sources.USER)\n          }\n          this.quill.setSelection(index + 2, Emitter.sources.USER)\n        }\n        break\n      }\n      case 'video': {\n        const range = this.quill.getSelection(true)\n        this.quill.insertText(range.index, '\\n', Emitter.sources.USER)\n        this.quill.insertEmbed(range.index + 1, 'video', { src: value }, Emitter.sources.USER)\n        this.quill.insertText(range.index + 2, '\\n', Emitter.sources.USER)\n        this.quill.setSelection(range.index + 3, Emitter.sources.SILENT)\n        this.textbox.value = ''\n        this.hide()\n        break\n      }\n      default:\n    }\n  }\n\n  position(reference) {\n    const left = reference.left\n    const top = reference.bottom + this.quill.root.scrollTop\n    this.root.style.left = `${left}px`\n    this.root.style.top = `${top}px`\n    this.root.classList.remove('ql-flip')\n    const containerBounds = this.boundsContainer.getBoundingClientRect()\n    const rootBounds = this.root.getBoundingClientRect()\n    let shift = 0\n    if (rootBounds.right > containerBounds.right) {\n      shift = containerBounds.right - rootBounds.right\n      this.root.style.left = `${left + shift}px`\n    }\n    if (rootBounds.left < containerBounds.left) {\n      shift = containerBounds.left - rootBounds.left\n      this.root.style.left = `${left + shift}px`\n    }\n    if (rootBounds.bottom > containerBounds.bottom) {\n      const height = rootBounds.bottom - rootBounds.top\n      const verticalShift = reference.bottom - reference.top + height\n      const fixedTop = top - verticalShift\n      this.root.style.top = `${fixedTop < 0 ? this.quill.root.scrollTop + reference.top : fixedTop}px`\n      this.root.classList.add('ql-flip')\n    }\n    return shift\n  }\n\n  // @ts-expect-error\n  edit(mode: string = 'link', preview = null, range) {\n    this.linkRange = range || this.quill.selection.savedRange\n    this.root.classList.remove('ql-hidden')\n    this.root.classList.add('ql-editing')\n    if (!isNullOrUndefined(preview)) {\n      this.textbox.value = preview\n    }\n    else if (mode !== this.root.getAttribute('data-mode')) {\n      this.textbox.value = ''\n    }\n    this.position(this.quill.getBounds(range || this.quill.selection.savedRange))\n    if (this.textbox.value === '') {\n      this.textbox.focus()\n    }\n    this.textbox.setAttribute(\n      'placeholder',\n      this.textbox.getAttribute(`data-${mode}`) || '',\n    )\n    this.root.setAttribute('data-mode', mode)\n  }\n\n  show() {\n    super.show()\n    this.root.removeAttribute('data-mode')\n  }\n\n  addHttpProtocol(url: string) {\n    let result = url\n    if (!url) {\n      return ''\n    }\n    if (!hadProtocol(url)) {\n      result = `${this.options.autoProtocol}://${url}`\n    }\n    return result\n  }\n}\n"],"names":[],"mappings":"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"}

package/dist/es/modules/mathlive/formats.es.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"formats.es.js","sources":["../../../../src/modules/mathlive/formats.ts"],"sourcesContent":["import type { MathfieldElement } from 'mathlive'\nimport type { Root } from 'parchment'\nimport Quill from 'quill'\n\nconst Parchment = Quill.import('parchment')\nexport type MathliveBlotMode = 'dialog' | 'only-read'\nexport class MathliveBlot extends Parchment.EmbedBlot {\n  static blotName = 'mathlive'\n  static tagName = 'math-field'\n  static className = 'ql-math-field'\n  mode: MathliveBlotMode\n\n  static create(obj: { value: string, mode: MathliveBlotMode }) {\n    const el = super.create() as MathfieldElement\n    el.setAttribute('mode', obj.mode)\n    el.classList.add('view')\n    el.innerHTML = obj.value\n    el.setValue(obj.value)\n    return el\n  }\n\n  static value(domNode: MathfieldElement) {\n    return {\n      value: domNode.value,\n      mode: domNode.getAttribute('mode'),\n    }\n  }\n\n  constructor(scroll: Root, public domNode: MathfieldElement) {\n    super(scroll, domNode)\n    domNode.setAttribute('contenteditable', 'false')\n    this.mode = (domNode.getAttribute('mode') || 'only-read') as MathliveBlotMode\n  }\n\n  html() {\n    const formula = this.domNode.value\n    return `<math-field class=\"ql-math-field view\" contenteditable=\"false\" mode=\"${this.mode}\">${formula}</math-field>`\n  }\n}\n"],"names":[],"mappings":";;;;AAIA,MAAM,YAAY,MAAM,OAAO,WAAW;AAE7B,MAAA,qBAAqB,UAAU,UAAU;AAAA,EAsBpD,YAAY,QAAqB,SAA2B;AAC1D,UAAM,QAAQ,OAAO;AAnBvB;AAkBiC,SAAA,UAAA;AAEvB,YAAA,aAAa,mBAAmB,OAAO;AAC/C,SAAK,OAAQ,QAAQ,aAAa,MAAM,KAAK;AAAA,EAAA;AAAA,EAnB/C,OAAO,OAAO,KAAgD;AACtD,UAAA,KAAK,MAAM,OAAO;AACrB,OAAA,aAAa,QAAQ,IAAI,IAAI;AAC7B,OAAA,UAAU,IAAI,MAAM;AACvB,OAAG,YAAY,IAAI;AAChB,OAAA,SAAS,IAAI,KAAK;AACd,WAAA;AAAA,EAAA;AAAA,EAGT,OAAO,MAAM,SAA2B;AAC/B,WAAA;AAAA,MACL,OAAO,QAAQ;AAAA,MACf,MAAM,QAAQ,aAAa,MAAM;AAAA,IACnC;AAAA,EAAA;AAAA,EASF,OAAO;AACC,UAAA,UAAU,KAAK,QAAQ;AAC7B,WAAO,wEAAwE,KAAK,IAAI,KAAK,OAAO;AAAA,EAAA;AAExG;AA/BE,cADW,cACJ,YAAW;AAClB,cAFW,cAEJ,WAAU;AACjB,cAHW,cAGJ,aAAY;"}

package/dist/es/modules/mathlive/tooltip.es.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"tooltip.es.js","sources":["../../../../src/modules/mathlive/tooltip.ts"],"sourcesContent":["import type { MathfieldElement } from 'mathlive'\nimport type { Bounds } from 'quill/core/selection'\nimport type TypeTooltip from 'quill/ui/tooltip'\nimport Quill from 'quill'\nimport { isString } from '../../utils/is'\n\nconst Delta = Quill.import('delta')\nconst Tooltip = Quill.import('ui/tooltip') as typeof TypeTooltip\nexport class MathliveTooltip extends Tooltip {\n  static TEMPLATE = ``\n\n  mathliveDom: MathfieldElement\n  editValue?: string\n\n  constructor(quill: Quill, boundsContainer?: HTMLElement) {\n    super(quill, boundsContainer)\n    this.mathliveDom = document.createElement('math-field') as MathfieldElement\n    this.mathliveDom.classList.add('ql-math-field')\n    this.root.appendChild(this.mathliveDom)\n    this.root.classList.add('math-field-tooltip')\n    this.listen()\n  }\n\n  listen() {\n    this.mathliveDom.addEventListener('blur', (event) => {\n      this.hide()\n    })\n    this.root.addEventListener('keydown', (event) => {\n      if (event.key === 'Enter') {\n        event.preventDefault()\n        this.save()\n      }\n      else if (event.key === 'Escape') {\n        event.preventDefault()\n        this.cancel()\n      }\n    })\n  }\n\n  cancel() {\n    this.hide()\n    this.restoreFocus()\n  }\n\n  edit(value?: string) {\n    this.editValue = value\n    this.root.classList.remove('ql-hidden')\n    this.root.classList.add('ql-editing')\n    this.mathliveDom.setValue(value || '')\n    const range = this.quill.getSelection()\n    const bounds = range ? this.quill.getBounds(range) : null\n    if (bounds != null) {\n      this.position(bounds)\n    }\n    this.show()\n    this.mathliveDom.focus()\n  }\n\n  restoreFocus() {\n    this.mathliveDom.blur()\n    this.quill.focus({ preventScroll: true })\n  }\n\n  save() {\n    const range = this.quill.getSelection(true)\n    const inputValue = this.mathliveDom.value\n    if (!inputValue) return\n    const contentData = this.quill.getContents(range.index, 1).ops[0].insert\n    let deleteCount = 0\n    if (!isString(contentData) && contentData.mathlive) {\n      deleteCount += 1\n    }\n    const delta = new Delta()\n      .retain(range.index)\n      .delete(Math.max(deleteCount, range.length))\n      .insert({ mathlive: { value: inputValue, mode: 'dialog' } })\n    this.quill.updateContents(delta, Quill.sources.USER)\n    this.quill.setSelection(range.index + 1, Quill.sources.SILENT)\n    this.hide()\n  }\n\n  position(reference: Bounds) {\n    const adjustedReference = { ...reference }\n    adjustedReference.left = reference.left + this.root.offsetWidth / 2 - reference.width / 2\n    return super.position(adjustedReference)\n  }\n}\n"],"names":[],"mappings":";;;;;AAMA,MAAM,QAAQ,MAAM,OAAO,OAAO;AAClC,MAAM,UAAU,MAAM,OAAO,YAAY;AAClC,MAAM,wBAAwB,QAAQ;AAAA,EAM3C,YAAY,OAAc,iBAA+B;AACvD,UAAM,OAAO,eAAe;AAJ9B;AACA;AAIO,SAAA,cAAc,SAAS,cAAc,YAAY;AACjD,SAAA,YAAY,UAAU,IAAI,eAAe;AACzC,SAAA,KAAK,YAAY,KAAK,WAAW;AACjC,SAAA,KAAK,UAAU,IAAI,oBAAoB;AAC5C,SAAK,OAAO;AAAA,EAAA;AAAA,EAGd,SAAS;AACP,SAAK,YAAY,iBAAiB,QAAQ,CAAC,UAAU;AACnD,WAAK,KAAK;AAAA,IAAA,CACX;AACD,SAAK,KAAK,iBAAiB,WAAW,CAAC,UAAU;AAC3C,UAAA,MAAM,QAAQ,SAAS;AACzB,cAAM,eAAe;AACrB,aAAK,KAAK;AAAA,MAAA,WAEH,MAAM,QAAQ,UAAU;AAC/B,cAAM,eAAe;AACrB,aAAK,OAAO;AAAA,MAAA;AAAA,IACd,CACD;AAAA,EAAA;AAAA,EAGH,SAAS;AACP,SAAK,KAAK;AACV,SAAK,aAAa;AAAA,EAAA;AAAA,EAGpB,KAAK,OAAgB;AACnB,SAAK,YAAY;AACZ,SAAA,KAAK,UAAU,OAAO,WAAW;AACjC,SAAA,KAAK,UAAU,IAAI,YAAY;AAC/B,SAAA,YAAY,SAAS,SAAS,EAAE;AAC/B,UAAA,QAAQ,KAAK,MAAM,aAAa;AACtC,UAAM,SAAS,QAAQ,KAAK,MAAM,UAAU,KAAK,IAAI;AACrD,QAAI,UAAU,MAAM;AAClB,WAAK,SAAS,MAAM;AAAA,IAAA;AAEtB,SAAK,KAAK;AACV,SAAK,YAAY,MAAM;AAAA,EAAA;AAAA,EAGzB,eAAe;AACb,SAAK,YAAY,KAAK;AACtB,SAAK,MAAM,MAAM,EAAE,eAAe,MAAM;AAAA,EAAA;AAAA,EAG1C,OAAO;AACL,UAAM,QAAQ,KAAK,MAAM,aAAa,IAAI;AACpC,UAAA,aAAa,KAAK,YAAY;AACpC,QAAI,CAAC,WAAY;AACX,UAAA,cAAc,KAAK,MAAM,YAAY,MAAM,OAAO,CAAC,EAAE,IAAI,CAAC,EAAE;AAClE,QAAI,cAAc;AAClB,QAAI,CAAC,SAAS,WAAW,KAAK,YAAY,UAAU;AACnC,qBAAA;AAAA,IAAA;AAEX,UAAA,QAAQ,IAAI,MAAA,EACf,OAAO,MAAM,KAAK,EAClB,OAAO,KAAK,IAAI,aAAa,MAAM,MAAM,CAAC,EAC1C,OAAO,EAAE,UAAU,EAAE,OAAO,YAAY,MAAM,SAAS,GAAG;AAC7D,SAAK,MAAM,eAAe,OAAO,MAAM,QAAQ,IAAI;AACnD,SAAK,MAAM,aAAa,MAAM,QAAQ,GAAG,MAAM,QAAQ,MAAM;AAC7D,SAAK,KAAK;AAAA,EAAA;AAAA,EAGZ,SAAS,WAAmB;AACpB,UAAA,oBAAoB,EAAE,GAAG,UAAU;AACvB,sBAAA,OAAO,UAAU,OAAO,KAAK,KAAK,cAAc,IAAI,UAAU,QAAQ;AACjF,WAAA,MAAM,SAAS,iBAAiB;AAAA,EAAA;AAE3C;AA7EE,cADW,iBACJ,YAAW;"}

package/dist/es/modules/mention/constants.es.js.map

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

package/dist/es/modules/mention/index.es.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.es.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;"}

package/dist/es/modules/mention/mention-link.es.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"mention-link.es.js","sources":["../../../../src/modules/mention/mention-link.ts"],"sourcesContent":["import type TypeEmbed from 'quill/blots/embed'\nimport type TypeScroll from 'quill/blots/scroll'\nimport Quill from 'quill'\nimport { DEFAULT_MENTION_CHAR, MENTION_CHAR, ON_MENTION_LINK_REMOVE } from './constants'\n\nconst Embed = Quill.import('blots/embed') as typeof TypeEmbed\n\nexport class MentionLink extends Embed {\n  static blotName: string\n  static tagName: string\n  static className: string\n  mentionData: any\n\n  static create(data) {\n    let node: HTMLElement\n    if (data.link) {\n      node = document.createElement('a')\n      node.setAttribute('href', data.link)\n      node.setAttribute('target', data.target)\n    }\n    else {\n      node = document.createElement(this.tagName)\n    }\n    node.classList.add(this.className)\n    node.dataset.mentionId = data.name || (data.mention && data.mention[data.searchKey || 'name']) || ''\n    node.setAttribute('title', data.text)\n    node.setAttribute(MENTION_CHAR, data.char)\n    node.textContent = data.char + data.text\n    return node\n  }\n\n  static value(domNode: HTMLElement) {\n    const value: Record<string, any> = {\n      char: domNode.getAttribute(MENTION_CHAR) || DEFAULT_MENTION_CHAR,\n      text: domNode.getAttribute('title'),\n      name: domNode.dataset.mentionId,\n    }\n    if (domNode.tagName.toLowerCase() === 'a' && domNode.hasAttribute('href')) {\n      value.link = domNode.getAttribute('href')\n      value.target = domNode.getAttribute('target')\n    }\n    return value\n  }\n\n  constructor(public scroll: TypeScroll, domNode, data) {\n    super(scroll, domNode)\n    this.mentionData = data\n  }\n\n  value() {\n    // fix: 将@提醒内容加入到 Delta 里，以解决输入空格，@提醒内容被删除的问题\n    // return ' ';\n    return super.value()\n  }\n\n  remove() {\n    this.scroll.emitter.emit(ON_MENTION_LINK_REMOVE, this.mentionData)\n    return super.remove()\n  }\n}\n\nMentionLink.blotName = 'mention'\nMentionLink.tagName = 'span'\nMentionLink.className = 'ql-mention-link'\n"],"names":[],"mappings":";;;;;AAKA,MAAM,QAAQ,MAAM,OAAO,aAAa;AAEjC,MAAM,oBAAoB,MAAM;AAAA,EAqCrC,YAAmB,QAAoB,SAAS,MAAM;AACpD,UAAM,QAAQ,OAAO;AAlCvB;AAiCmB,SAAA,SAAA;AAEjB,SAAK,cAAc;AAAA,EAAA;AAAA,EAjCrB,OAAO,OAAO,MAAM;AACd,QAAA;AACJ,QAAI,KAAK,MAAM;AACN,aAAA,SAAS,cAAc,GAAG;AAC5B,WAAA,aAAa,QAAQ,KAAK,IAAI;AAC9B,WAAA,aAAa,UAAU,KAAK,MAAM;AAAA,IAAA,OAEpC;AACI,aAAA,SAAS,cAAc,KAAK,OAAO;AAAA,IAAA;AAEvC,SAAA,UAAU,IAAI,KAAK,SAAS;AAC5B,SAAA,QAAQ,YAAY,KAAK,QAAS,KAAK,WAAW,KAAK,QAAQ,KAAK,aAAa,MAAM,KAAM;AAC7F,SAAA,aAAa,SAAS,KAAK,IAAI;AAC/B,SAAA,aAAa,cAAc,KAAK,IAAI;AACpC,SAAA,cAAc,KAAK,OAAO,KAAK;AAC7B,WAAA;AAAA,EAAA;AAAA,EAGT,OAAO,MAAM,SAAsB;AACjC,UAAM,QAA6B;AAAA,MACjC,MAAM,QAAQ,aAAa,YAAY,KAAK;AAAA,MAC5C,MAAM,QAAQ,aAAa,OAAO;AAAA,MAClC,MAAM,QAAQ,QAAQ;AAAA,IACxB;AACI,QAAA,QAAQ,QAAQ,YAAY,MAAM,OAAO,QAAQ,aAAa,MAAM,GAAG;AACnE,YAAA,OAAO,QAAQ,aAAa,MAAM;AAClC,YAAA,SAAS,QAAQ,aAAa,QAAQ;AAAA,IAAA;AAEvC,WAAA;AAAA,EAAA;AAAA,EAQT,QAAQ;AAGN,WAAO,MAAM,MAAM;AAAA,EAAA;AAAA,EAGrB,SAAS;AACP,SAAK,OAAO,QAAQ,KAAK,wBAAwB,KAAK,WAAW;AACjE,WAAO,MAAM,OAAO;AAAA,EAAA;AAExB;AAnDE,cADW,aACJ;AACP,cAFW,aAEJ;AACP,cAHW,aAGJ;AAmDT,YAAY,WAAW;AACvB,YAAY,UAAU;AACtB,YAAY,YAAY;"}

package/dist/es/modules/mention/mention.es.js.map

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

package/dist/es/modules/syntax.es.js.map

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

package/dist/es/modules/toolbar/better-picker.es.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"better-picker.es.js","sources":["../../../../src/modules/toolbar/better-picker.ts"],"sourcesContent":["import type TypePicker from 'quill/ui/picker'\nimport { EasyColorPicker } from 'quill-easy-color'\nimport FluentEditor from '../../core/fluent-editor'\n\nconst OriginPicker = FluentEditor.import('ui/picker') as typeof TypePicker\nexport class Picker extends OriginPicker {\n  buildLabel() {\n    const label = document.createElement('span')\n    label.classList.add('ql-picker-label')\n    label.innerHTML = `<i class=\"icon\" />`\n    label.tabIndex = 0\n    label.setAttribute('role', 'button')\n    label.setAttribute('aria-expanded', 'false')\n    this.container.appendChild(label)\n    return label\n  }\n\n  buildItem(option: HTMLOptionElement) {\n    const item = super.buildItem(option)\n    const value = option.getAttribute('value')\n    item.style.setProperty('--value', value)\n    return item\n  }\n\n  selectItem(item: HTMLElement | null, trigger = false) {\n    const selected = this.container.querySelector('.ql-selected')\n    if (item === selected || item == null) return\n    // move ql-selected clear after judge.\n    // ql-selected is the class for check mark in picker\n    if (selected != null) {\n      selected.classList.remove('ql-selected')\n    }\n    item.classList.add('ql-selected')\n    this.select.selectedIndex = Array.from(item.parentNode.children).indexOf(item)\n    if (item.hasAttribute('data-value')) {\n      this.label.setAttribute('data-value', item.getAttribute('data-value'))\n    }\n    else {\n      this.label.removeAttribute('data-value')\n    }\n    if (item.hasAttribute('data-label')) {\n      this.label.setAttribute('data-label', item.getAttribute('data-label'))\n    }\n    else {\n      this.label.removeAttribute('data-label')\n    }\n    if (trigger) {\n      this.select.dispatchEvent(new Event('change'))\n      this.close()\n    }\n  }\n}\n\nexport class ColorPicker extends EasyColorPicker {\n  static clearText: string\n  static customText: string\n\n  constructor(select: HTMLSelectElement, label: string, options: any) {\n    super(select, label, options)\n  }\n\n  buildItem(option: HTMLOptionElement) {\n    const item = super.buildItem(option)\n    item.setAttribute('title', option.getAttribute('value'))\n    return item\n  }\n}\n"],"names":[],"mappings":";;;;;AAIA,MAAM,eAAe,aAAa,OAAO,WAAW;AAC7C,MAAM,eAAe,aAAa;AAAA,EACvC,aAAa;AACL,UAAA,QAAQ,SAAS,cAAc,MAAM;AACrC,UAAA,UAAU,IAAI,iBAAiB;AACrC,UAAM,YAAY;AAClB,UAAM,WAAW;AACX,UAAA,aAAa,QAAQ,QAAQ;AAC7B,UAAA,aAAa,iBAAiB,OAAO;AACtC,SAAA,UAAU,YAAY,KAAK;AACzB,WAAA;AAAA,EAAA;AAAA,EAGT,UAAU,QAA2B;AAC7B,UAAA,OAAO,MAAM,UAAU,MAAM;AAC7B,UAAA,QAAQ,OAAO,aAAa,OAAO;AACpC,SAAA,MAAM,YAAY,WAAW,KAAK;AAChC,WAAA;AAAA,EAAA;AAAA,EAGT,WAAW,MAA0B,UAAU,OAAO;AACpD,UAAM,WAAW,KAAK,UAAU,cAAc,cAAc;AACxD,QAAA,SAAS,YAAY,QAAQ,KAAM;AAGvC,QAAI,YAAY,MAAM;AACX,eAAA,UAAU,OAAO,aAAa;AAAA,IAAA;AAEpC,SAAA,UAAU,IAAI,aAAa;AAC3B,SAAA,OAAO,gBAAgB,MAAM,KAAK,KAAK,WAAW,QAAQ,EAAE,QAAQ,IAAI;AACzE,QAAA,KAAK,aAAa,YAAY,GAAG;AACnC,WAAK,MAAM,aAAa,cAAc,KAAK,aAAa,YAAY,CAAC;AAAA,IAAA,OAElE;AACE,WAAA,MAAM,gBAAgB,YAAY;AAAA,IAAA;AAErC,QAAA,KAAK,aAAa,YAAY,GAAG;AACnC,WAAK,MAAM,aAAa,cAAc,KAAK,aAAa,YAAY,CAAC;AAAA,IAAA,OAElE;AACE,WAAA,MAAM,gBAAgB,YAAY;AAAA,IAAA;AAEzC,QAAI,SAAS;AACX,WAAK,OAAO,cAAc,IAAI,MAAM,QAAQ,CAAC;AAC7C,WAAK,MAAM;AAAA,IAAA;AAAA,EACb;AAEJ;AAEO,MAAM,oBAAoB,gBAAgB;AAAA,EAI/C,YAAY,QAA2B,OAAe,SAAc;AAC5D,UAAA,QAAQ,OAAO,OAAO;AAAA,EAAA;AAAA,EAG9B,UAAU,QAA2B;AAC7B,UAAA,OAAO,MAAM,UAAU,MAAM;AACnC,SAAK,aAAa,SAAS,OAAO,aAAa,OAAO,CAAC;AAChD,WAAA;AAAA,EAAA;AAEX;AAZE,cADW,aACJ;AACP,cAFW,aAEJ;"}

package/dist/es/themes/snow.es.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"snow.es.js","sources":["../../../src/themes/snow.ts"],"sourcesContent":["import type { ThemeOptions } from 'quill/core/theme'\nimport type TypeToolbar from 'quill/modules/toolbar'\nimport type TypeIconPicker from 'quill/ui/icon-picker'\nimport { CHANGE_LANGUAGE_EVENT, inputFile, isNullOrUndefined } from '../config'\nimport FluentEditor from '../core/fluent-editor'\nimport { CustomImageSpec } from '../modules/custom-image/specs/custom-image-spec'\nimport { LinkTooltip } from '../modules/link'\nimport { shortKey } from '../modules/shortcut-key'\nimport { ColorPicker, Picker } from '../modules/toolbar/better-picker'\nimport { FormatPainter } from '../tools/format-painter'\nimport { fullscreenHandler } from '../tools/fullscreen'\nimport { Screenshot } from '../tools/screenshot'\n\nconst OriginSnowTheme = FluentEditor.import('themes/snow') as any\nconst IconPicker = FluentEditor.import('ui/icon-picker') as typeof TypeIconPicker\n\nOriginSnowTheme.DEFAULTS = {\n  modules: {\n    'i18n': true,\n    'keyboard': {\n      bindings: {\n        ...shortKey,\n      },\n    },\n    'toolbar': {\n      handlers: {\n        ...(OriginSnowTheme.DEFAULTS as Record<string, any>).modules.toolbar.handlers,\n        'formula': function () {\n          if (!this.quill.isEnabled()) return\n          const mathlive = this.quill.getModule('mathlive')\n          if (!mathlive) {\n            this.quill.theme.tooltip.edit('formula')\n          }\n          else {\n            mathlive.createDialog()\n          }\n        },\n        'undo': function () {\n          this.quill.history.undo()\n        },\n        'redo': function () {\n          this.quill.history.redo()\n        },\n        'file': function () {\n          const accept = this.quill.uploader.options.mimetypes\n          inputFile.call(this, 'file', accept)\n        },\n        'image': function () {\n          const accept = (this.quill as FluentEditor).uploader.options.mimetypes.filter((type) => {\n            if (type === '*') return 'image/*'\n            return type.startsWith('image/')\n          })\n          inputFile.call(this, 'image', accept)\n        },\n        'video': function () {\n          const accept = (this.quill as FluentEditor).uploader.options.mimetypes.filter((type) => {\n            if (type === '*') return 'video/*'\n            return type.startsWith('video/')\n          })\n          inputFile.call(this, 'video', accept)\n        },\n        'ai': function () {},\n        'emoji': function () {},\n        'fullscreen': fullscreenHandler,\n        [FormatPainter.toolName]: FormatPainter,\n        [Screenshot.toolName]: Screenshot,\n        'line-height': function (value) {\n          this.quill.format('line-height', value)\n        },\n        'divider': function () {\n          const range = this.quill.getSelection(true)\n          this.quill.insertText(range.index, '\\n', FluentEditor.sources.USER)\n          this.quill.insertEmbed(range.index + 1, 'divider', true, FluentEditor.sources.USER)\n          this.quill.setSelection(range.index + 2, FluentEditor.sources.SILENT)\n        },\n      },\n    },\n    'image': {\n      specs: [CustomImageSpec],\n      overlay: {\n        style: {\n          border: '1px dashed rgb(68, 68, 68)',\n        },\n      },\n    },\n    'shortcut-key': true,\n    'file': true,\n  },\n}\n\nconst ALIGNS = [false, 'center', 'right']\nconst COLORS = [\n  '',\n  'rgb(255, 255, 255)',\n  'rgb(0, 0, 0)',\n  'rgb(72, 83, 104)',\n  'rgb(41, 114, 244)',\n  'rgb(0, 163, 245)',\n  'rgb(49, 155, 98)',\n  'rgb(222, 60, 54)',\n  'rgb(248, 136, 37)',\n  'rgb(245, 196, 0)',\n  'rgb(153, 56, 215)',\n\n  'rgb(242, 242, 242)',\n  'rgb(127, 127, 127)',\n  'rgb(243, 245, 247)',\n  'rgb(229, 239, 255)',\n  'rgb(229, 246, 255)',\n  'rgb(234, 250, 241)',\n  'rgb(254, 233, 232)',\n  'rgb(254, 243, 235)',\n  'rgb(254, 249, 227)',\n  'rgb(253, 235, 255)',\n\n  'rgb(216, 216, 216)',\n  'rgb(89, 89, 89)',\n  'rgb(197, 202, 211)',\n  'rgb(199, 220, 255)',\n  'rgb(199, 236, 255)',\n  'rgb(195, 234, 213)',\n  'rgb(255, 201, 199)',\n  'rgb(255, 220, 196)',\n  'rgb(255, 238, 173)',\n  'rgb(242, 199, 255)',\n\n  'rgb(191, 191, 191)',\n  'rgb(63, 63, 63)',\n  'rgb(128, 139, 158)',\n  'rgb(153, 190, 255)',\n  'rgb(153, 221, 255)',\n  'rgb(152, 215, 182)',\n  'rgb(255, 156, 153)',\n  'rgb(255, 186, 132)',\n  'rgb(255, 226, 112)',\n  'rgb(213, 142, 255)',\n\n  'rgb(165, 165, 165)',\n  'rgb(38, 38, 38)',\n  'rgb(53, 59, 69)',\n  'rgb(20, 80, 184)',\n  'rgb(18, 116, 165)',\n  'rgb(39, 124, 79)',\n  'rgb(158, 30, 26)',\n  'rgb(184, 96, 20)',\n  'rgb(163, 130, 0)',\n  'rgb(94, 34, 129)',\n\n  'rgb(147, 147, 147)',\n  'rgb(13, 13, 13)',\n  'rgb(36, 39, 46)',\n  'rgb(12, 48, 110)',\n  'rgb(10, 65, 92)',\n  'rgb(24, 78, 50)',\n  'rgb(88, 17, 14)',\n  'rgb(92, 48, 10)',\n  'rgb(102, 82, 0)',\n  'rgb(59, 21, 81)',\n\n  'custom',\n]\nconst FONTS = [false, 'serif', 'monospace']\nconst HEADERS = ['1', '2', '3', false]\nconst SIZES = ['small', false, 'large', 'huge']\nconst LINEHEIGHT = [false, '1.2', '1.5', '2']\n\nclass SnowTheme extends OriginSnowTheme {\n  constructor(public quill: FluentEditor, options: ThemeOptions) {\n    super(quill, options)\n\n    this.quill.emitter.on(CHANGE_LANGUAGE_EVENT, () => {\n      this.i18nTextToolbar()\n    })\n  }\n\n  i18nTextToolbar() {\n    const toolbar = this.quill.getModule('toolbar') as TypeToolbar\n    ColorPicker.clearText = this.quill.getLangText('clear-color')\n    ColorPicker.customText = this.quill.getLangText('custom-color')\n\n    if (!toolbar || !this.pickers) return\n\n    this.pickers.forEach((picker) => {\n      if (picker instanceof ColorPicker) {\n        // EasyColorPicker have not dts. abd origin quill ColorPicker dts not complete. use any to resovle ts type error\n        const colorPicker = picker as any\n        colorPicker.options.remove()\n        Array.from(colorPicker.select.options).forEach((option: any) => {\n          if (option.hasAttribute('custom')) {\n            option.remove()\n          }\n        })\n        colorPicker.buildOptions()\n        colorPicker.createUsedColor()\n      }\n\n      if (picker.select && picker.select.classList.contains('ql-header')) {\n        const getLabelKey = (v: string | null) => (v ? `header-${v}` : 'header-normal')\n\n        // 更新 label 文本\n        const labelValue = picker.label.getAttribute('data-value')\n        picker.label.setAttribute('data-label', this.quill.getLangText(getLabelKey(labelValue)))\n\n        const select = picker.select as HTMLSelectElement\n        Array.from(select.options).forEach((option) => {\n          const value = option.getAttribute('value')\n          option.textContent = this.quill.getLangText(getLabelKey(value))\n        })\n\n        picker.options.remove()\n        picker.buildOptions()\n      }\n    })\n  }\n\n  buildPickers(selects: NodeListOf<HTMLSelectElement>, icons: Record<string, string | Record<string, string>>) {\n    this.pickers = Array.from(selects).map((select) => {\n      if (select.classList.contains('ql-align')) {\n        if (isNullOrUndefined(select.querySelector('option'))) {\n          fillSelect(select, ALIGNS)\n        }\n        return new IconPicker(select, icons.align as Record<string, string>)\n      }\n\n      if (select.classList.contains('ql-background') || select.classList.contains('ql-color')) {\n        const format = select.classList.contains('ql-background') ? 'background' : 'color'\n        if (isNullOrUndefined(select.querySelector('option'))) {\n          fillColorSelect(select, COLORS, format, format === 'background' ? '#ffffff' : '#000000')\n        }\n        return new ColorPicker(select, icons[format] as string, {\n          expandIcon: '<i class=\"icon\" />',\n          closeAfterChange: false,\n        })\n      }\n\n      if (isNullOrUndefined(select.querySelector('option'))) {\n        if (select.classList.contains('ql-font')) {\n          fillSelect(select, FONTS)\n        }\n        else if (select.classList.contains('ql-header')) {\n          fillSelect(select, HEADERS)\n        }\n        else if (select.classList.contains('ql-size')) {\n          fillSelect(select, SIZES)\n        }\n        else if (select.classList.contains('ql-line-height')) {\n          fillSelect(select, LINEHEIGHT)\n        }\n      }\n      return new Picker(select)\n    })\n\n    const update = () => {\n      this.pickers.forEach((picker) => {\n        if (picker instanceof ColorPicker) return\n        picker.update()\n      })\n    }\n    this.quill.on(FluentEditor.events.EDITOR_CHANGE, update)\n  }\n\n  extendToolbar(toolbar) {\n    const icons = FluentEditor.import('ui/icons') as Record<string, any>\n    toolbar.container.classList.add('ql-snow')\n    this.buildButtons(toolbar.container.querySelectorAll('button'), icons)\n    this.buildPickers(toolbar.container.querySelectorAll('select'), icons)\n    this.tooltip = new LinkTooltip(this.quill, this.options.bounds)\n  }\n}\n\nfunction fillSelect(select, values, defaultValue = false) {\n  values.forEach((value) => {\n    const option = document.createElement('option')\n    if (value === defaultValue) {\n      option.setAttribute('selected', 'selected')\n    }\n    else {\n      option.setAttribute('value', value)\n    }\n    select.appendChild(option)\n  })\n}\n\nfunction fillColorSelect(\n  select: HTMLSelectElement,\n  values: Array<string | boolean>,\n  format: string,\n  defaultValue: unknown = false,\n) {\n  const colorGetter = document.createElement('span') as HTMLElement\n  for (const value of values) {\n    const option = document.createElement('option')\n    if (value === defaultValue) {\n      option.setAttribute('selected', 'selected')\n    }\n    else {\n      if (value !== 'custom') {\n        colorGetter.style[format] = String(value)\n        option.setAttribute('value', colorGetter.style[format])\n      }\n      else {\n        option.setAttribute('value', value)\n      }\n    }\n    select.appendChild(option)\n  }\n}\n\nexport default SnowTheme\n"],"names":[],"mappings":"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"}

package/dist/es/tools/screenshot.es.js.map

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