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

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

@@ -1 +1 @@
-{"version":3,"file":"custom-uploader.es.js","sources":["../../../src/modules/custom-uploader.ts"],"sourcesContent":["import type { Range } from 'quill'\r\nimport type TypeUploader from 'quill/modules/uploader'\r\nimport type FluentEditor from '../core/fluent-editor'\r\nimport Quill from 'quill'\r\nimport { isString } from '../utils/is'\r\n\r\nconst Uploader = Quill.import('modules/uploader') as typeof TypeUploader\r\nconst Delta = Quill.import('delta')\r\n\r\ninterface UploaderOptions {\r\n  mimetypes: string[]\r\n  handler: (this: { quill: Quill }, range: Range, files: File[]) => void\r\n}\r\nexport interface FileUploaderOptions {\r\n  mimetypes: string[]\r\n  maxSize: number\r\n  handler: (this: { quill: FluentEditor }, range: Range, files: File[]) => Promise<(string | false)[]> | (string | false)[]\r\n  success: (this: { quill: FluentEditor }, file: File, range: Range) => void\r\n  fail: (this: { quill: FluentEditor }, file: File, range: Range) => void\r\n}\r\nexport class FileUploader extends Uploader {\r\n  static DEFAULTS = {} as any\r\n  // Partial<UploaderOptions> for ts type\r\n  declare options: Partial<UploaderOptions> & FileUploaderOptions\r\n  constructor(public quill: FluentEditor, options: Partial<FileUploaderOptions>) {\r\n    super(quill, options as any)\r\n    this.options = this.resolveOptions(options)\r\n    // paste handle in clipboard\r\n  }\r\n\r\n  resolveOptions(options: Partial<FileUploaderOptions> = {}) {\r\n    return Object.assign({\r\n      mimetypes: ['*'],\r\n      maxSize: Number.POSITIVE_INFINITY,\r\n      handler(range: Range, files: File[]) {\r\n        return files.map(file => URL.createObjectURL(file))\r\n      },\r\n      success() {},\r\n      fail() {},\r\n    }, options)\r\n  }\r\n\r\n  validateFile(file: File) {\r\n    return this.options.mimetypes.some(type => (file.type || 'text/plain').match(type.replaceAll('*', '.*'))) && file.size < this.options.maxSize\r\n  }\r\n\r\n  async getFileUrls(files: File[], range: Range) {\r\n    const uploads = files.filter(file => this.validateFile(file))\r\n    return this.options.handler.call(this, range, uploads)\r\n  }\r\n\r\n  async upload(range: Range, files: FileList | File[]) {\r\n    const uploads = []\r\n    const fails = []\r\n\r\n    for (const file of Array.from(files)) {\r\n      if (this.validateFile(file)) {\r\n        uploads.push(file)\r\n      }\r\n      else {\r\n        fails.push(file)\r\n      }\r\n    }\r\n\r\n    const result = await this.options.handler.call(this, range, uploads)\r\n    const updateDelta = result.reduce((delta, url, i) => {\r\n      if (isString(url)) {\r\n        const type = uploads[i].type\r\n        if (type.startsWith('image/')) {\r\n          delta.insert({ image: url })\r\n        }\r\n        else if (type.startsWith('video/')) {\r\n          delta.insert({ video: { src: url } })\r\n        }\r\n        else {\r\n          delta.insert({ file: { size: uploads[i].size, title: uploads[i].name, src: url } })\r\n        }\r\n      }\r\n      else {\r\n        delta.insert(' ')\r\n      }\r\n      return delta\r\n    }, new Delta().retain(range.index).delete(range.length))\r\n\r\n    this.quill.updateContents(updateDelta, Quill.sources.USER)\r\n    this.quill.setSelection(range.index + result.length, Quill.sources.SILENT)\r\n\r\n    for (const file of fails) {\r\n      this.options.fail.call(this, file, range)\r\n    }\r\n\r\n    for (const [i, res] of result.entries()) {\r\n      if (isString(res)) {\r\n        this.options.success.call(this, files[i], { index: range.index + i, length: 0 })\r\n      }\r\n      else {\r\n        this.options.fail.call(this, files[i], { index: range.index + i, length: 0 })\r\n      }\r\n    }\r\n  }\r\n}\r\n"],"names":[],"mappings":";;;;;AAMA,MAAM,WAAW,MAAM,OAAO,kBAAkB;AAChD,MAAM,QAAQ,MAAM,OAAO,OAAO;AAa3B,MAAM,qBAAqB,SAAS;AAAA,EAIzC,YAAmB,OAAqB,SAAuC;AAC7E,UAAM,OAAO,OAAc;AADV,SAAA,QAAA;AAEZ,SAAA,UAAU,KAAK,eAAe,OAAO;AAAA,EAAA;AAAA,EAI5C,eAAe,UAAwC,IAAI;AACzD,WAAO,OAAO,OAAO;AAAA,MACnB,WAAW,CAAC,GAAG;AAAA,MACf,SAAS,OAAO;AAAA,MAChB,QAAQ,OAAc,OAAe;AACnC,eAAO,MAAM,IAAI,CAAA,SAAQ,IAAI,gBAAgB,IAAI,CAAC;AAAA,MACpD;AAAA,MACA,UAAU;AAAA,MAAC;AAAA,MACX,OAAO;AAAA,MAAA;AAAA,OACN,OAAO;AAAA,EAAA;AAAA,EAGZ,aAAa,MAAY;AACvB,WAAO,KAAK,QAAQ,UAAU,KAAK,CAAS,UAAA,KAAK,QAAQ,cAAc,MAAM,KAAK,WAAW,KAAK,IAAI,CAAC,CAAC,KAAK,KAAK,OAAO,KAAK,QAAQ;AAAA,EAAA;AAAA,EAGxI,MAAM,YAAY,OAAe,OAAc;AAC7C,UAAM,UAAU,MAAM,OAAO,UAAQ,KAAK,aAAa,IAAI,CAAC;AAC5D,WAAO,KAAK,QAAQ,QAAQ,KAAK,MAAM,OAAO,OAAO;AAAA,EAAA;AAAA,EAGvD,MAAM,OAAO,OAAc,OAA0B;AACnD,UAAM,UAAU,CAAC;AACjB,UAAM,QAAQ,CAAC;AAEf,eAAW,QAAQ,MAAM,KAAK,KAAK,GAAG;AAChC,UAAA,KAAK,aAAa,IAAI,GAAG;AAC3B,gBAAQ,KAAK,IAAI;AAAA,MAAA,OAEd;AACH,cAAM,KAAK,IAAI;AAAA,MAAA;AAAA,IACjB;AAGI,UAAA,SAAS,MAAM,KAAK,QAAQ,QAAQ,KAAK,MAAM,OAAO,OAAO;AACnE,UAAM,cAAc,OAAO,OAAO,CAAC,OAAO,KAAK,MAAM;AAC/C,UAAA,SAAS,GAAG,GAAG;AACX,cAAA,OAAO,QAAQ,CAAC,EAAE;AACpB,YAAA,KAAK,WAAW,QAAQ,GAAG;AAC7B,gBAAM,OAAO,EAAE,OAAO,IAAA,CAAK;AAAA,QAEpB,WAAA,KAAK,WAAW,QAAQ,GAAG;AAClC,gBAAM,OAAO,EAAE,OAAO,EAAE,KAAK,IAAA,GAAO;AAAA,QAAA,OAEjC;AACH,gBAAM,OAAO,EAAE,MAAM,EAAE,MAAM,QAAQ,CAAC,EAAE,MAAM,OAAO,QAAQ,CAAC,EAAE,MAAM,KAAK,IAAA,GAAO;AAAA,QAAA;AAAA,MACpF,OAEG;AACH,cAAM,OAAO,GAAG;AAAA,MAAA;AAEX,aAAA;AAAA,IAAA,GACN,IAAI,QAAQ,OAAO,MAAM,KAAK,EAAE,OAAO,MAAM,MAAM,CAAC;AAEvD,SAAK,MAAM,eAAe,aAAa,MAAM,QAAQ,IAAI;AACpD,SAAA,MAAM,aAAa,MAAM,QAAQ,OAAO,QAAQ,MAAM,QAAQ,MAAM;AAEzE,eAAW,QAAQ,OAAO;AACxB,WAAK,QAAQ,KAAK,KAAK,MAAM,MAAM,KAAK;AAAA,IAAA;AAG1C,eAAW,CAAC,GAAG,GAAG,KAAK,OAAO,WAAW;AACnC,UAAA,SAAS,GAAG,GAAG;AACjB,aAAK,QAAQ,QAAQ,KAAK,MAAM,MAAM,CAAC,GAAG,EAAE,OAAO,MAAM,QAAQ,GAAG,QAAQ,GAAG;AAAA,MAAA,OAE5E;AACH,aAAK,QAAQ,KAAK,KAAK,MAAM,MAAM,CAAC,GAAG,EAAE,OAAO,MAAM,QAAQ,GAAG,QAAQ,GAAG;AAAA,MAAA;AAAA,IAC9E;AAAA,EACF;AAEJ;AA/EE,cADW,cACJ,YAAW,CAAC;"}
+{"version":3,"file":"custom-uploader.es.js","sources":["../../../src/modules/custom-uploader.ts"],"sourcesContent":["import type { Range } from 'quill'\r\nimport type TypeUploader from 'quill/modules/uploader'\r\nimport type FluentEditor from '../core/fluent-editor'\r\nimport Quill from 'quill'\r\nimport { isString } from '../utils/is'\r\n\r\nconst Uploader = Quill.import('modules/uploader') as typeof TypeUploader\r\nconst Delta = Quill.import('delta')\r\n\r\ninterface UploaderOptions {\r\n  mimetypes: string[]\r\n  handler: (this: { quill: Quill }, range: Range, files: File[]) => void\r\n}\r\nexport interface FileUploaderOptions {\r\n  mimetypes: string[]\r\n  maxSize: number\r\n  handler: (this: { quill: FluentEditor }, range: Range, files: File[]) => Promise<(string | false)[]> | (string | false)[]\r\n  success: (this: { quill: FluentEditor }, file: File, range: Range) => void\r\n  fail: (this: { quill: FluentEditor }, file: File, range: Range) => void\r\n}\r\nexport class FileUploader extends Uploader {\r\n  static DEFAULTS = {} as any\r\n  // Partial<UploaderOptions> for ts type\r\n  declare options: Partial<UploaderOptions> & FileUploaderOptions\r\n  constructor(public quill: FluentEditor, options: Partial<FileUploaderOptions>) {\r\n    super(quill, options as any)\r\n    this.options = this.resolveOptions(options)\r\n    // paste handle in clipboard\r\n  }\r\n\r\n  resolveOptions(options: Partial<FileUploaderOptions> = {}) {\r\n    return Object.assign({\r\n      mimetypes: ['*'],\r\n      maxSize: Number.POSITIVE_INFINITY,\r\n      handler(range: Range, files: File[]) {\r\n        return files.map(file => URL.createObjectURL(file))\r\n      },\r\n      success() {},\r\n      fail() {},\r\n    }, options)\r\n  }\r\n\r\n  validateFile(file: File) {\r\n    return this.options.mimetypes.some(type => (file.type || 'text/plain').match(type.replaceAll('*', '.*'))) && file.size < this.options.maxSize\r\n  }\r\n\r\n  async getFileUrls(files: File[], range: Range) {\r\n    const uploads = files.filter(file => this.validateFile(file))\r\n    return this.options.handler.call(this, range, uploads)\r\n  }\r\n\r\n  async upload(range: Range, files: FileList | File[]) {\r\n    const uploads = []\r\n    const fails = []\r\n\r\n    for (const file of Array.from(files)) {\r\n      if (this.validateFile(file)) {\r\n        uploads.push(file)\r\n      }\r\n      else {\r\n        fails.push(file)\r\n      }\r\n    }\r\n\r\n    const result = await this.options.handler.call(this, range, uploads)\r\n    const updateDelta = result.reduce((delta, url, i) => {\r\n      if (isString(url)) {\r\n        const type = uploads[i].type\r\n        if (type.startsWith('image/')) {\r\n          delta.insert({ image: url })\r\n        }\r\n        else if (type.startsWith('video/')) {\r\n          delta.insert({ video: { src: url } })\r\n        }\r\n        else {\r\n          delta.insert({ file: { size: uploads[i].size, title: uploads[i].name, src: url } })\r\n        }\r\n      }\r\n      else {\r\n        delta.insert(' ')\r\n      }\r\n      return delta\r\n    }, new Delta().retain(range.index).delete(range.length))\r\n\r\n    this.quill.updateContents(updateDelta, Quill.sources.USER)\r\n    this.quill.setSelection(range.index + result.length, Quill.sources.SILENT)\r\n\r\n    for (const file of fails) {\r\n      this.options.fail.call(this, file, range)\r\n    }\r\n\r\n    for (const [i, res] of result.entries()) {\r\n      if (isString(res)) {\r\n        this.options.success.call(this, files[i], { index: range.index + i, length: 0 })\r\n      }\r\n      else {\r\n        this.options.fail.call(this, files[i], { index: range.index + i, length: 0 })\r\n      }\r\n    }\r\n  }\r\n}\r\n"],"names":[],"mappings":";;;;;AAMA,MAAM,WAAW,MAAM,OAAO,kBAAkB;AAChD,MAAM,QAAQ,MAAM,OAAO,OAAO;AAa3B,MAAM,qBAAqB,SAAS;AAAA,EAIzC,YAAmB,OAAqB,SAAuC;AAC7E,UAAM,OAAO,OAAc;AADV,SAAA,QAAA;AAEjB,SAAK,UAAU,KAAK,eAAe,OAAO;AAAA,EAE5C;AAAA,EAEA,eAAe,UAAwC,IAAI;AACzD,WAAO,OAAO,OAAO;AAAA,MACnB,WAAW,CAAC,GAAG;AAAA,MACf,SAAS,OAAO;AAAA,MAChB,QAAQ,OAAc,OAAe;AACnC,eAAO,MAAM,IAAI,CAAA,SAAQ,IAAI,gBAAgB,IAAI,CAAC;AAAA,MACpD;AAAA,MACA,UAAU;AAAA,MAAC;AAAA,MACX,OAAO;AAAA,MAAC;AAAA,IAAA,GACP,OAAO;AAAA,EACZ;AAAA,EAEA,aAAa,MAAY;AACvB,WAAO,KAAK,QAAQ,UAAU,KAAK,CAAA,UAAS,KAAK,QAAQ,cAAc,MAAM,KAAK,WAAW,KAAK,IAAI,CAAC,CAAC,KAAK,KAAK,OAAO,KAAK,QAAQ;AAAA,EACxI;AAAA,EAEA,MAAM,YAAY,OAAe,OAAc;AAC7C,UAAM,UAAU,MAAM,OAAO,UAAQ,KAAK,aAAa,IAAI,CAAC;AAC5D,WAAO,KAAK,QAAQ,QAAQ,KAAK,MAAM,OAAO,OAAO;AAAA,EACvD;AAAA,EAEA,MAAM,OAAO,OAAc,OAA0B;AACnD,UAAM,UAAU,CAAA;AAChB,UAAM,QAAQ,CAAA;AAEd,eAAW,QAAQ,MAAM,KAAK,KAAK,GAAG;AACpC,UAAI,KAAK,aAAa,IAAI,GAAG;AAC3B,gBAAQ,KAAK,IAAI;AAAA,MACnB,OACK;AACH,cAAM,KAAK,IAAI;AAAA,MACjB;AAAA,IACF;AAEA,UAAM,SAAS,MAAM,KAAK,QAAQ,QAAQ,KAAK,MAAM,OAAO,OAAO;AACnE,UAAM,cAAc,OAAO,OAAO,CAAC,OAAO,KAAK,MAAM;AACnD,UAAI,SAAS,GAAG,GAAG;AACjB,cAAM,OAAO,QAAQ,CAAC,EAAE;AACxB,YAAI,KAAK,WAAW,QAAQ,GAAG;AAC7B,gBAAM,OAAO,EAAE,OAAO,IAAA,CAAK;AAAA,QAC7B,WACS,KAAK,WAAW,QAAQ,GAAG;AAClC,gBAAM,OAAO,EAAE,OAAO,EAAE,KAAK,IAAA,GAAO;AAAA,QACtC,OACK;AACH,gBAAM,OAAO,EAAE,MAAM,EAAE,MAAM,QAAQ,CAAC,EAAE,MAAM,OAAO,QAAQ,CAAC,EAAE,MAAM,KAAK,IAAA,GAAO;AAAA,QACpF;AAAA,MACF,OACK;AACH,cAAM,OAAO,GAAG;AAAA,MAClB;AACA,aAAO;AAAA,IACT,GAAG,IAAI,MAAA,EAAQ,OAAO,MAAM,KAAK,EAAE,OAAO,MAAM,MAAM,CAAC;AAEvD,SAAK,MAAM,eAAe,aAAa,MAAM,QAAQ,IAAI;AACzD,SAAK,MAAM,aAAa,MAAM,QAAQ,OAAO,QAAQ,MAAM,QAAQ,MAAM;AAEzE,eAAW,QAAQ,OAAO;AACxB,WAAK,QAAQ,KAAK,KAAK,MAAM,MAAM,KAAK;AAAA,IAC1C;AAEA,eAAW,CAAC,GAAG,GAAG,KAAK,OAAO,WAAW;AACvC,UAAI,SAAS,GAAG,GAAG;AACjB,aAAK,QAAQ,QAAQ,KAAK,MAAM,MAAM,CAAC,GAAG,EAAE,OAAO,MAAM,QAAQ,GAAG,QAAQ,GAAG;AAAA,MACjF,OACK;AACH,aAAK,QAAQ,KAAK,KAAK,MAAM,MAAM,CAAC,GAAG,EAAE,OAAO,MAAM,QAAQ,GAAG,QAAQ,GAAG;AAAA,MAC9E;AAAA,IACF;AAAA,EACF;AACF;AA/EE,cADW,cACJ,YAAW,CAAA;"}

package/es/modules/divider.es.js.map

@@ -1 +1 @@
-{"version":3,"file":"divider.es.js","sources":["../../../src/modules/divider.ts"],"sourcesContent":["import type { BlockEmbed as TypeBlockEmbed } from 'quill/blots/block'\r\nimport Quill from 'quill'\r\n\r\nconst BlockEmbed = Quill.import('blots/block/embed') as typeof TypeBlockEmbed\r\n\r\nexport class DividerBlot extends BlockEmbed {\r\n  static blotName = 'divider'\r\n  static tagName = 'hr'\r\n\r\n  static create() {\r\n    const node = super.create() as HTMLElement\r\n    node.setAttribute('contenteditable', 'false')\r\n    return node\r\n  }\r\n}\r\n"],"names":[],"mappings":";;;;AAGA,MAAM,aAAa,MAAM,OAAO,mBAAmB;AAE5C,MAAM,oBAAoB,WAAW;AAAA,EAI1C,OAAO,SAAS;AACR,UAAA,OAAO,MAAM,OAAO;AACrB,SAAA,aAAa,mBAAmB,OAAO;AACrC,WAAA;AAAA,EAAA;AAEX;AARE,cADW,aACJ,YAAW;AAClB,cAFW,aAEJ,WAAU;"}
+{"version":3,"file":"divider.es.js","sources":["../../../src/modules/divider.ts"],"sourcesContent":["import type { BlockEmbed as TypeBlockEmbed } from 'quill/blots/block'\nimport Quill from 'quill'\n\nconst BlockEmbed = Quill.import('blots/block/embed') as typeof TypeBlockEmbed\n\nexport class DividerBlot extends BlockEmbed {\n  static blotName = 'divider'\n  static tagName = 'hr'\n\n  static create() {\n    const node = super.create() as HTMLElement\n    node.setAttribute('contenteditable', 'false')\n    return node\n  }\n}\n"],"names":[],"mappings":";;;;AAGA,MAAM,aAAa,MAAM,OAAO,mBAAmB;AAE5C,MAAM,oBAAoB,WAAW;AAAA,EAI1C,OAAO,SAAS;AACd,UAAM,OAAO,MAAM,OAAA;AACnB,SAAK,aAAa,mBAAmB,OAAO;AAC5C,WAAO;AAAA,EACT;AACF;AARE,cADW,aACJ,YAAW;AAClB,cAFW,aAEJ,WAAU;"}

package/es/modules/emoji.es.js

@@ -1,7 +1,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 { debounce } from "lodash-es";
+import { debounce } from "../utils/debounce.es.js";
 const DEFAULT_OPTIONS = {
   // @ts-ignore
   emojiData: window.emojiData,

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

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

@@ -1 +1 @@
-{"version":3,"file":"file.es.js","sources":["../../../../../src/modules/file/formats/file.ts"],"sourcesContent":["import type TypeEmbed from 'quill/blots/embed'\r\nimport Quill from 'quill'\r\nimport { sanitize } from '../../../config/editor.utils'\r\n\r\nconst Embed = Quill.import('blots/embed') as typeof TypeEmbed\r\nconst FILE_ATTRIBUTES = ['id', 'title', 'size', 'lastModified']\r\n\r\nexport interface FileValue {\r\n  size: number\r\n  src: string\r\n  title: string\r\n}\r\nexport class File extends Embed {\r\n  static blotName = 'file'\r\n  static tagName = 'A'\r\n  static className = 'ql-file-item'\r\n  static PROTOCOL_WHITELIST = ['http', 'https', 'blob']\r\n\r\n  static create(value: FileValue) {\r\n    const node = super.create(value) as HTMLAnchorElement\r\n    const size = value.size / 1024\r\n    const fixSize = !size ? 0 : size < 1 ? 1 : size.toFixed(0)\r\n    node.classList.add('icon-file')\r\n    node.setAttribute('contenteditable', 'false')\r\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>'\r\n    node.innerHTML = `${fileSvg} ${value.title} (${fixSize} KB)`\r\n    const src = this.sanitize(value.src)\r\n    if (src) {\r\n      node.href = src\r\n      node.target = '_blank'\r\n    }\r\n    FILE_ATTRIBUTES.forEach((key) => {\r\n      if (value[key]) {\r\n        node.dataset[key] = value[key]\r\n      }\r\n    })\r\n    return node\r\n  }\r\n\r\n  static value(domNode: HTMLAnchorElement) {\r\n    return this.getFormats(domNode)\r\n  }\r\n\r\n  static getFormats(domNode: HTMLAnchorElement) {\r\n    const formats: Record<string, string> = {}\r\n    const href = this.sanitize(domNode.href)\r\n    if (href) {\r\n      formats.src = href\r\n    }\r\n    FILE_ATTRIBUTES.forEach((key) => {\r\n      if (domNode.dataset[key]) {\r\n        formats[key] = domNode.dataset[key]\r\n      }\r\n    })\r\n    return formats\r\n  }\r\n\r\n  static sanitize(url: string) {\r\n    return (sanitize(url, this.PROTOCOL_WHITELIST) && url) || ''\r\n  }\r\n}\r\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;"}
+{"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;AAC9B,UAAM,OAAO,MAAM,OAAO,KAAK;AAC/B,UAAM,OAAO,MAAM,OAAO;AAC1B,UAAM,UAAU,CAAC,OAAO,IAAI,OAAO,IAAI,IAAI,KAAK,QAAQ,CAAC;AACzD,SAAK,UAAU,IAAI,WAAW;AAC9B,SAAK,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,IAChB;AACA,oBAAgB,QAAQ,CAAC,QAAQ;AAC/B,UAAI,MAAM,GAAG,GAAG;AACd,aAAK,QAAQ,GAAG,IAAI,MAAM,GAAG;AAAA,MAC/B;AAAA,IACF,CAAC;AACD,WAAO;AAAA,EACT;AAAA,EAEA,OAAO,MAAM,SAA4B;AACvC,WAAO,KAAK,WAAW,OAAO;AAAA,EAChC;AAAA,EAEA,OAAO,WAAW,SAA4B;AAC5C,UAAM,UAAkC,CAAA;AACxC,UAAM,OAAO,KAAK,SAAS,QAAQ,IAAI;AACvC,QAAI,MAAM;AACR,cAAQ,MAAM;AAAA,IAChB;AACA,oBAAgB,QAAQ,CAAC,QAAQ;AAC/B,UAAI,QAAQ,QAAQ,GAAG,GAAG;AACxB,gBAAQ,GAAG,IAAI,QAAQ,QAAQ,GAAG;AAAA,MACpC;AAAA,IACF,CAAC;AACD,WAAO;AAAA,EACT;AAAA,EAEA,OAAO,SAAS,KAAa;AAC3B,WAAQ,SAAS,KAAK,KAAK,kBAAkB,KAAK,OAAQ;AAAA,EAC5D;AACF;AA/CE,cADW,MACJ,YAAW;AAClB,cAFW,MAEJ,WAAU;AACjB,cAHW,MAGJ,aAAY;AACnB,cAJW,MAIJ,sBAAqB,CAAC,QAAQ,SAAS,MAAM;"}

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

@@ -1 +1 @@
-{"version":3,"file":"file-bar.es.js","sources":["../../../../../src/modules/file/modules/file-bar.ts"],"sourcesContent":["import Quill from 'quill'\r\nimport { Range } from 'quill/core/selection'\r\nimport { unshiftString } from '../../../utils/method'\r\nimport { File } from '../formats/file'\r\n\r\nconst Delta = Quill.import('delta')\r\n\r\nexport class FileBar {\r\n  quill: any\r\n  file: any\r\n  domNode: HTMLElement\r\n  fileRange: any\r\n  template: string\r\n\r\n  constructor(quill, target) {\r\n    this.quill = quill\r\n    this.file = target\r\n    const fileBlot = Quill.find(target)\r\n    const index = this.quill.getIndex(fileBlot)\r\n    const [fileItem, offset] = this.quill.scroll.descendant(File, index)\r\n    const length = fileItem && fileItem.length()\r\n    this.fileRange = new Range(index - offset, length)\r\n\r\n    const timestamp = Number(this.file.dataset.lastModified)\r\n    const _lastModifiedDate = this.formatDate(timestamp)\r\n    this.template = [\r\n      // `<a class=\"ql-last-modified-date\" href=\"${this.file.href}\" target=\"_blank\">${this.file.href}</a>`,\r\n      // '<span class=\"ql-split\"></span>',\r\n      // `<a class=\"ql-file-preview\"><i class=\"icon-preview\"></i></a>`,\r\n      `<a class=\"ql-file-download\"><i class=\"icon-download\"></i></a>`,\r\n      '<a class=\"ql-file-delete\"><i class=\"icon-delete\"></i></a>',\r\n    ].join('')\r\n\r\n    this.createFileBar()\r\n  }\r\n\r\n  createFileBar() {\r\n    this.domNode = document.createElement('div')\r\n    this.domNode.className = 'ql-file-bar'\r\n    this.domNode.innerHTML = this.template\r\n    // 查看文件\r\n    const filePreview = this.domNode.querySelector('a.ql-file-preview')\r\n    if (filePreview) {\r\n      filePreview.addEventListener('click', (event) => {\r\n        this.operateFile(event, 'view')\r\n      })\r\n    }\r\n    // 下载文件\r\n    const fileDownload = this.domNode.querySelector('a.ql-file-download')\r\n    if (fileDownload) {\r\n      fileDownload.addEventListener('click', (event) => {\r\n        this.operateFile(event, 'download')\r\n      })\r\n    }\r\n    // 删除文件\r\n    const fileDelete = this.domNode.querySelector('a.ql-file-delete')\r\n    if (fileDelete) {\r\n      fileDelete.addEventListener('click', (event) => {\r\n        this.operateFile(event, 'delete')\r\n        const delta = new Delta()\r\n          .retain(this.fileRange.index)\r\n          .delete(this.fileRange.length)\r\n        this.quill.updateContents(delta, Quill.sources.USER)\r\n        this.quill.setSelection(this.fileRange.index)\r\n      })\r\n    }\r\n\r\n    this.setPosition()\r\n    this.quill.root.parentNode.appendChild(this.domNode)\r\n  }\r\n\r\n  destroy() {\r\n    if (this.domNode) {\r\n      this.domNode.remove()\r\n      this.domNode = null\r\n      this.file = null\r\n    }\r\n  }\r\n\r\n  operateFile(event, operate) {\r\n    event.preventDefault()\r\n    const fileId = this.file.dataset.id || ''\r\n    const fileName = this.file.dataset.title || ''\r\n    const fileDownloadUrl = this.file.href || ''\r\n    if (fileId) {\r\n      this.quill.emitter.emit('file-change', {\r\n        operation: operate,\r\n        data: { fileId, fileDownloadUrl },\r\n      })\r\n    }\r\n    if (operate === 'download') {\r\n      const a = document.createElement('a')\r\n      a.href = fileDownloadUrl\r\n      a.target = '_blank'\r\n      a.id = 'exppub'\r\n      a.download = fileName\r\n      document.body.appendChild(a)\r\n      const alink = document.getElementById('exppub')\r\n      alink.click()\r\n      alink.parentNode.removeChild(a)\r\n    }\r\n    this.destroy()\r\n  }\r\n\r\n  setPosition() {\r\n    if (this.domNode && this.file) {\r\n      const parent = this.quill.root.parentNode\r\n      const child = this.file.querySelector('span')\r\n      const containerRect = parent.getBoundingClientRect()\r\n      const fileRect = child.getBoundingClientRect()\r\n      this.css(this.domNode, {\r\n        left: `${fileRect.left - containerRect.left}px`,\r\n        top: `${fileRect.top - containerRect.top + 10}px`,\r\n      })\r\n    }\r\n  }\r\n\r\n  css(domNode, rules) {\r\n    if (typeof rules === 'object') {\r\n      for (const prop in rules) {\r\n        if (prop) {\r\n          if (Array.isArray(rules[prop])) {\r\n            // 兼容IE11浏览器\r\n            rules[prop].forEach((val) => {\r\n              domNode.style[prop] = val\r\n            })\r\n          }\r\n          else {\r\n            domNode.style[prop] = rules[prop]\r\n          }\r\n        }\r\n      }\r\n    }\r\n  }\r\n\r\n  formatDate(timestamp) {\r\n    const date = new Date(timestamp)\r\n    const year = date.getFullYear()\r\n    // TODO\r\n    const month = unshiftString(`${date.getMonth() + 1}`, 2, '0')\r\n    const day = unshiftString(`${date.getDate()}`, 2, '0')\r\n    const hour = unshiftString(`${date.getHours()}`, 2, '0')\r\n    const minute = unshiftString(`${date.getMinutes()}`, 2, '0')\r\n    return Number.isNaN(year) ? '--' : `${year}/${month}/${day} ${hour}:${minute}`\r\n  }\r\n}\r\n"],"names":[],"mappings":"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"}
+{"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":"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"}

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

@@ -1 +1 @@
-{"version":3,"file":"file-module.es.js","sources":["../../../../../src/modules/file/modules/file-module.ts"],"sourcesContent":["import type FluentEditor from '../../../core/fluent-editor'\r\nimport Quill from 'quill'\r\nimport { File } from '../formats/file'\r\nimport { FileBar } from './file-bar'\r\n\r\nexport class FileModule {\r\n  fileBar: FileBar\r\n\r\n  static register() {\r\n    Quill.register('formats/file', File, true)\r\n  }\r\n\r\n  constructor(public quill: FluentEditor) {\r\n    this.quill = quill\r\n    quill.root.addEventListener('click', event => this.clickEvent(event), false)\r\n  }\r\n\r\n  clickEvent(event: MouseEvent) {\r\n    event.preventDefault()\r\n    const target = event.target as HTMLElement\r\n    const fileDom = target.closest('a.ql-file-item')\r\n    if (fileDom) {\r\n      if (this.fileBar) {\r\n        this.fileBar.destroy()\r\n      }\r\n      this.fileBar = new FileBar(this.quill, fileDom)\r\n    }\r\n    else if (this.fileBar && !target.closest('.ql-file-bar')) {\r\n      this.fileBar.destroy()\r\n      this.fileBar = null\r\n    }\r\n  }\r\n}\r\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;"}
+{"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;AACb,UAAM,KAAK,iBAAiB,SAAS,CAAA,UAAS,KAAK,WAAW,KAAK,GAAG,KAAK;AAAA,EAC7E;AAAA,EAPA,OAAO,WAAW;AAChB,UAAM,SAAS,gBAAgB,MAAM,IAAI;AAAA,EAC3C;AAAA,EAOA,WAAW,OAAmB;AAC5B,UAAM,eAAA;AACN,UAAM,SAAS,MAAM;AACrB,UAAM,UAAU,OAAO,QAAQ,gBAAgB;AAC/C,QAAI,SAAS;AACX,UAAI,KAAK,SAAS;AAChB,aAAK,QAAQ,QAAA;AAAA,MACf;AACA,WAAK,UAAU,IAAI,QAAQ,KAAK,OAAO,OAAO;AAAA,IAChD,WACS,KAAK,WAAW,CAAC,OAAO,QAAQ,cAAc,GAAG;AACxD,WAAK,QAAQ,QAAA;AACb,WAAK,UAAU;AAAA,IACjB;AAAA,EACF;AACF;"}

package/es/modules/flow-chart/config-utils.es.js

@@ -0,0 +1,102 @@
+function getGridConfig(quill) {
+  var _a, _b, _c;
+  const defaultGrid = {
+    size: 20,
+    visible: true,
+    type: "dot",
+    config: {
+      color: "#ababab",
+      thickness: 1
+    }
+  };
+  const flowChartModule = (_a = quill == null ? void 0 : quill.options.modules) == null ? void 0 : _a["flow-chart"];
+  if (!flowChartModule || typeof flowChartModule !== "object") {
+    return defaultGrid;
+  }
+  if ("grid" in flowChartModule) {
+    const grid = flowChartModule.grid;
+    if (grid === false || grid === void 0) {
+      return null;
+    }
+    if (typeof grid === "object" && grid !== null) {
+      const typedGrid = grid;
+      const gridConfig = {
+        size: typedGrid.size || defaultGrid.size,
+        visible: typedGrid.visible !== void 0 ? typedGrid.visible : defaultGrid.visible,
+        type: typedGrid.type || defaultGrid.type,
+        config: {
+          color: ((_b = typedGrid.config) == null ? void 0 : _b.color) || defaultGrid.config.color,
+          thickness: ((_c = typedGrid.config) == null ? void 0 : _c.thickness) || defaultGrid.config.thickness
+        }
+      };
+      return gridConfig;
+    }
+  }
+  return defaultGrid;
+}
+function getBackgroundConfig(quill) {
+  var _a;
+  const flowChartModule = (_a = quill == null ? void 0 : quill.options.modules) == null ? void 0 : _a["flow-chart"];
+  if (!flowChartModule || typeof flowChartModule !== "object") {
+    return false;
+  }
+  if ("background" in flowChartModule) {
+    const background = flowChartModule.background;
+    if (background === false || background === void 0) {
+      return false;
+    }
+    if (typeof background === "object" && background !== null) {
+      const typedBackground = background;
+      const backgroundConfig = {};
+      if (typedBackground.color) {
+        backgroundConfig.backgroundColor = typedBackground.color;
+      }
+      if (typedBackground.image) {
+        backgroundConfig.backgroundImage = typedBackground.image;
+      }
+      if (typedBackground.repeat) {
+        backgroundConfig.backgroundRepeat = typedBackground.repeat;
+      }
+      if (typedBackground.position) {
+        backgroundConfig.backgroundPosition = typedBackground.position;
+      }
+      if (typedBackground.size) {
+        backgroundConfig.backgroundSize = typedBackground.size;
+      }
+      if (typedBackground.opacity) {
+        backgroundConfig.opacity = typedBackground.opacity;
+      }
+      return backgroundConfig;
+    }
+  }
+  return false;
+}
+function getResizeConfig(quill) {
+  var _a;
+  const flowChartModule = (_a = quill == null ? void 0 : quill.options.modules) == null ? void 0 : _a["flow-chart"];
+  if (!flowChartModule || typeof flowChartModule !== "object") {
+    return false;
+  }
+  if ("resize" in flowChartModule) {
+    const resize = flowChartModule.resize;
+    return resize === true;
+  }
+  return false;
+}
+function getAllConfigs(quill) {
+  var _a, _b;
+  const deps = (_b = (_a = quill == null ? void 0 : quill.options.modules) == null ? void 0 : _a["flow-chart"]) == null ? void 0 : _b.deps;
+  return {
+    gridConfig: getGridConfig(quill),
+    backgroundConfig: getBackgroundConfig(quill),
+    resizeConfig: getResizeConfig(quill),
+    deps
+  };
+}
+export {
+  getAllConfigs,
+  getBackgroundConfig,
+  getGridConfig,
+  getResizeConfig
+};
+//# sourceMappingURL=config-utils.es.js.map

package/es/modules/flow-chart/config-utils.es.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"config-utils.es.js","sources":["../../../../src/modules/flow-chart/config-utils.ts"],"sourcesContent":["import type Quill from 'quill'\nimport type { BackgroundConfig, GridOptions } from './options'\n\nexport function getGridConfig(quill: Quill | null): any {\n  const defaultGrid = {\n    size: 20,\n    visible: true,\n    type: 'dot',\n    config: {\n      color: '#ababab',\n      thickness: 1,\n    },\n  }\n\n  const flowChartModule = quill?.options.modules?.['flow-chart']\n  if (!flowChartModule || typeof flowChartModule !== 'object') {\n    return defaultGrid\n  }\n\n  if ('grid' in flowChartModule) {\n    const grid = flowChartModule.grid as GridOptions | boolean | undefined\n    if (grid === false || grid === undefined) {\n      return null\n    }\n\n    if (typeof grid === 'object' && grid !== null) {\n      const typedGrid = grid as GridOptions\n      const gridConfig = {\n        size: typedGrid.size || defaultGrid.size,\n        visible: typedGrid.visible !== undefined ? typedGrid.visible : defaultGrid.visible,\n        type: typedGrid.type || defaultGrid.type,\n        config: {\n          color: typedGrid.config?.color || defaultGrid.config.color,\n          thickness: typedGrid.config?.thickness || defaultGrid.config.thickness,\n        },\n      }\n\n      return gridConfig\n    }\n  }\n\n  return defaultGrid\n}\n\nexport function getBackgroundConfig(quill: Quill | null): false | object {\n  const flowChartModule = quill?.options.modules?.['flow-chart']\n  if (!flowChartModule || typeof flowChartModule !== 'object') {\n    return false\n  }\n  if ('background' in flowChartModule) {\n    const background = flowChartModule.background as BackgroundConfig | boolean | undefined\n\n    if (background === false || background === undefined) {\n      return false\n    }\n    if (typeof background === 'object' && background !== null) {\n      const typedBackground = background as BackgroundConfig\n      const backgroundConfig: any = {}\n\n      if (typedBackground.color) {\n        backgroundConfig.backgroundColor = typedBackground.color\n      }\n      if (typedBackground.image) {\n        backgroundConfig.backgroundImage = typedBackground.image\n      }\n      if (typedBackground.repeat) {\n        backgroundConfig.backgroundRepeat = typedBackground.repeat\n      }\n      if (typedBackground.position) {\n        backgroundConfig.backgroundPosition = typedBackground.position\n      }\n      if (typedBackground.size) {\n        backgroundConfig.backgroundSize = typedBackground.size\n      }\n      if (typedBackground.opacity) {\n        backgroundConfig.opacity = typedBackground.opacity\n      }\n      return backgroundConfig\n    }\n  }\n  return false\n}\n\nexport function getResizeConfig(quill: Quill | null): boolean {\n  const flowChartModule = quill?.options.modules?.['flow-chart']\n  if (!flowChartModule || typeof flowChartModule !== 'object') {\n    return false\n  }\n  if ('resize' in flowChartModule) {\n    const resize = (flowChartModule as any).resize as boolean | undefined\n    return resize === true\n  }\n  return false\n}\n\nexport function getAllConfigs(quill: Quill | null): {\n  gridConfig: any\n  backgroundConfig: false | object\n  resizeConfig: boolean\n  deps?: any\n} {\n  const deps = (quill?.options.modules?.['flow-chart'] as any)?.deps\n  return {\n    gridConfig: getGridConfig(quill),\n    backgroundConfig: getBackgroundConfig(quill),\n    resizeConfig: getResizeConfig(quill),\n    deps,\n  }\n}\n"],"names":[],"mappings":"AAGO,SAAS,cAAc,OAA0B;AAAjD;AACL,QAAM,cAAc;AAAA,IAClB,MAAM;AAAA,IACN,SAAS;AAAA,IACT,MAAM;AAAA,IACN,QAAQ;AAAA,MACN,OAAO;AAAA,MACP,WAAW;AAAA,IAAA;AAAA,EACb;AAGF,QAAM,mBAAkB,oCAAO,QAAQ,YAAf,mBAAyB;AACjD,MAAI,CAAC,mBAAmB,OAAO,oBAAoB,UAAU;AAC3D,WAAO;AAAA,EACT;AAEA,MAAI,UAAU,iBAAiB;AAC7B,UAAM,OAAO,gBAAgB;AAC7B,QAAI,SAAS,SAAS,SAAS,QAAW;AACxC,aAAO;AAAA,IACT;AAEA,QAAI,OAAO,SAAS,YAAY,SAAS,MAAM;AAC7C,YAAM,YAAY;AAClB,YAAM,aAAa;AAAA,QACjB,MAAM,UAAU,QAAQ,YAAY;AAAA,QACpC,SAAS,UAAU,YAAY,SAAY,UAAU,UAAU,YAAY;AAAA,QAC3E,MAAM,UAAU,QAAQ,YAAY;AAAA,QACpC,QAAQ;AAAA,UACN,SAAO,eAAU,WAAV,mBAAkB,UAAS,YAAY,OAAO;AAAA,UACrD,aAAW,eAAU,WAAV,mBAAkB,cAAa,YAAY,OAAO;AAAA,QAAA;AAAA,MAC/D;AAGF,aAAO;AAAA,IACT;AAAA,EACF;AAEA,SAAO;AACT;AAEO,SAAS,oBAAoB,OAAqC;AAzClE;AA0CL,QAAM,mBAAkB,oCAAO,QAAQ,YAAf,mBAAyB;AACjD,MAAI,CAAC,mBAAmB,OAAO,oBAAoB,UAAU;AAC3D,WAAO;AAAA,EACT;AACA,MAAI,gBAAgB,iBAAiB;AACnC,UAAM,aAAa,gBAAgB;AAEnC,QAAI,eAAe,SAAS,eAAe,QAAW;AACpD,aAAO;AAAA,IACT;AACA,QAAI,OAAO,eAAe,YAAY,eAAe,MAAM;AACzD,YAAM,kBAAkB;AACxB,YAAM,mBAAwB,CAAA;AAE9B,UAAI,gBAAgB,OAAO;AACzB,yBAAiB,kBAAkB,gBAAgB;AAAA,MACrD;AACA,UAAI,gBAAgB,OAAO;AACzB,yBAAiB,kBAAkB,gBAAgB;AAAA,MACrD;AACA,UAAI,gBAAgB,QAAQ;AAC1B,yBAAiB,mBAAmB,gBAAgB;AAAA,MACtD;AACA,UAAI,gBAAgB,UAAU;AAC5B,yBAAiB,qBAAqB,gBAAgB;AAAA,MACxD;AACA,UAAI,gBAAgB,MAAM;AACxB,yBAAiB,iBAAiB,gBAAgB;AAAA,MACpD;AACA,UAAI,gBAAgB,SAAS;AAC3B,yBAAiB,UAAU,gBAAgB;AAAA,MAC7C;AACA,aAAO;AAAA,IACT;AAAA,EACF;AACA,SAAO;AACT;AAEO,SAAS,gBAAgB,OAA8B;AAhFvD;AAiFL,QAAM,mBAAkB,oCAAO,QAAQ,YAAf,mBAAyB;AACjD,MAAI,CAAC,mBAAmB,OAAO,oBAAoB,UAAU;AAC3D,WAAO;AAAA,EACT;AACA,MAAI,YAAY,iBAAiB;AAC/B,UAAM,SAAU,gBAAwB;AACxC,WAAO,WAAW;AAAA,EACpB;AACA,SAAO;AACT;AAEO,SAAS,cAAc,OAK5B;AAjGK;AAkGL,QAAM,QAAQ,0CAAO,QAAQ,YAAf,mBAAyB,kBAAzB,mBAAgD;AAC9D,SAAO;AAAA,IACL,YAAY,cAAc,KAAK;AAAA,IAC/B,kBAAkB,oBAAoB,KAAK;AAAA,IAC3C,cAAc,gBAAgB,KAAK;AAAA,IACnC;AAAA,EAAA;AAEJ;"}