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

package/lib/modules/emoji.cjs.js

@@ -3,7 +3,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);
 Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
-const lodashEs = require("lodash-es");
+const debounce = require("../utils/debounce.cjs.js");
 const DEFAULT_OPTIONS = {
   // @ts-ignore
   emojiData: window.emojiData,
@@ -72,7 +72,7 @@ class EmojiModule {
     if (!container) {
       return null;
     }
-    const debouncedUpdate = lodashEs.debounce(() => {
+    const debouncedUpdate = debounce.debounce(() => {
       this.updatePickerPosition();
     }, 100);
     const resizeObserver = new ResizeObserver(() => {

package/lib/modules/emoji.cjs.js.map

@@ -1 +1 @@
-{"version":3,"file":"emoji.cjs.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":["debounce"],"mappings":"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"}
+{"version":3,"file":"emoji.cjs.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":["debounce"],"mappings":"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"}

package/lib/modules/file/formats/file.cjs.js.map

@@ -1 +1 @@
-{"version":3,"file":"file.cjs.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":["sanitize"],"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,WAAQA,aAAAA,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.cjs.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":["sanitize"],"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,WAAQA,aAAAA,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/lib/modules/file/modules/file-bar.cjs.js.map

@@ -1 +1 @@
-{"version":3,"file":"file-bar.cjs.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":["File","Range","unshiftString"],"mappings":"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"}
+{"version":3,"file":"file-bar.cjs.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":["File","Range","unshiftString"],"mappings":"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"}

package/lib/modules/file/modules/file-module.cjs.js.map

@@ -1 +1 @@
-{"version":3,"file":"file-module.cjs.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":["File","FileBar"],"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,gBAAgBA,KAAAA,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,IAAIC,QAAAA,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.cjs.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":["File","FileBar"],"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,gBAAgBA,KAAAA,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,IAAIC,QAAAA,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/lib/modules/flow-chart/config-utils.cjs.js

@@ -0,0 +1,102 @@
+"use strict";
+Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
+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
+  };
+}
+exports.getAllConfigs = getAllConfigs;
+exports.getBackgroundConfig = getBackgroundConfig;
+exports.getGridConfig = getGridConfig;
+exports.getResizeConfig = getResizeConfig;
+//# sourceMappingURL=config-utils.cjs.js.map

package/lib/modules/flow-chart/config-utils.cjs.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"config-utils.cjs.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;;AACtD,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;;AACvE,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;;AAC5D,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;;AACA,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;;;;;"}

package/lib/modules/flow-chart/formats/flow-chart-blot.cjs.js

@@ -0,0 +1,369 @@
+"use strict";
+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);
+Object.defineProperties(exports, { __esModule: { value: true }, [Symbol.toStringTag]: { value: "Module" } });
+const Quill = require("quill");
+const configUtils = require("../config-utils.cjs.js");
+const icons = require("../icons.cjs.js");
+const contextMenu = require("../modules/context-menu.cjs.js");
+const controlPanel = require("../modules/control-panel.cjs.js");
+const customResizeAction = require("../modules/custom-resize-action.cjs.js");
+;/* empty css                            */
+const BlockEmbed = Quill.import("blots/embed");
+const _FlowChartPlaceholderBlot = class _FlowChartPlaceholderBlot extends BlockEmbed {
+  constructor(scroll, domNode) {
+    super(scroll, domNode);
+    __publicField(this, "quill", null);
+    __publicField(this, "flowChart", null);
+    __publicField(this, "data");
+    __publicField(this, "contextMenu", null);
+    __publicField(this, "currentElement", null);
+    __publicField(this, "width", 100);
+    __publicField(this, "height", 500);
+    __publicField(this, "parentObserver", null);
+    __publicField(this, "nextPObserver", null);
+    const data = _FlowChartPlaceholderBlot.value(domNode);
+    this.width = data.width || 100;
+    this.height = data.height || 500;
+    this.domNode.style.width = `${this.width}${data.width ? "px" : "%"}`;
+    this.domNode.style.height = `${this.height}px`;
+    this.domNode.style.maxWidth = "100%";
+    this.domNode.style.border = "1px solid #e8e8e8";
+    this.domNode.setAttribute("contenteditable", "false");
+    this.data = _FlowChartPlaceholderBlot.value(this.domNode);
+    this.initFlowChart();
+  }
+  static value(domNode) {
+    const dataStr = JSON.parse(domNode.getAttribute("data-flow-chart"));
+    const value = dataStr.root ? dataStr.root : dataStr;
+    if (domNode.hasAttribute("width")) {
+      value.width = Number.parseInt(domNode.getAttribute("width"), 10);
+    }
+    if (domNode.hasAttribute("height")) {
+      value.height = Number.parseInt(domNode.getAttribute("height"), 10);
+    }
+    return dataStr.root ? dataStr.root : dataStr;
+  }
+  static create(value) {
+    const node = super.create();
+    if (value) {
+      node.setAttribute("data-flow-chart", JSON.stringify(value));
+    }
+    if (value.width) {
+      node.setAttribute("width", String(value.width));
+      node.style.width = `${value.width}%`;
+    }
+    if (value.height) {
+      node.setAttribute("height", String(value.height));
+      node.style.height = `${value.height}px`;
+    }
+    node.setAttribute("contenteditable", "false");
+    return node;
+  }
+  static findQuill(el) {
+    let cur = el;
+    while (cur) {
+      const q = cur.__quillInstance;
+      if (q) return q;
+      cur = cur.parentElement;
+    }
+    return null;
+  }
+  attach() {
+    super.attach();
+    this.quill = _FlowChartPlaceholderBlot.findQuill(this.domNode);
+  }
+  initFlowChart() {
+    if (this.domNode.isConnected) {
+      this.insertFlowChartEditor();
+    } else {
+      const observer = new MutationObserver(() => {
+        if (this.domNode.isConnected) {
+          this.insertFlowChartEditor();
+          observer.disconnect();
+        }
+      });
+      observer.observe(document.body, { childList: true, subtree: true });
+    }
+  }
+  insertFlowChartEditor() {
+    this.domNode.style.width = `${this.width}${this.data.width ? "px" : "%"}`;
+    this.domNode.style.height = `${this.height}px`;
+    this.updateAlignmentStyle();
+    this.observeParentAlignment();
+    const { gridConfig, backgroundConfig, resizeConfig, deps } = configUtils.getAllConfigs(this.quill);
+    const { LogicFlow, DndPanel, SelectionSelect, Snapshot } = deps || window;
+    this.flowChart = new LogicFlow({
+      container: this.domNode,
+      stopScrollGraph: true,
+      stopZoomGraph: true,
+      allowResize: true,
+      allowRotate: true,
+      editable: true,
+      preventDefaultDoubleClick: true,
+      preventDefault: true,
+      grid: gridConfig,
+      background: backgroundConfig,
+      plugins: [DndPanel, SelectionSelect, Snapshot]
+    });
+    this.flowChart.setPatternItems([
+      {
+        className: "lf-shape-dashed",
+        callback: () => {
+          this.flowChart.openSelectionSelect();
+          this.flowChart.once("selection:selected", () => {
+            this.flowChart.closeSelectionSelect();
+          });
+        }
+      },
+      {
+        type: "rect",
+        text: "矩形",
+        className: "lf-shape-rect"
+      },
+      {
+        type: "circle",
+        text: "圆形",
+        className: "lf-shape-circle"
+      },
+      {
+        type: "ellipse",
+        text: "椭圆",
+        className: "lf-shape-ellipse"
+      },
+      {
+        type: "diamond",
+        text: "菱形",
+        className: "lf-shape-diamond"
+      }
+    ]);
+    if (resizeConfig) {
+      new customResizeAction.FlowChartResizeAction(this);
+    }
+    controlPanel.createControlPanel(this, this.quill);
+    contextMenu.initContextMenu(this, this.quill);
+    this.observeOwnParentChange();
+    this.observeNextPElement();
+    this.addMouseHoverEvents();
+    this.flowChart.render(this.data);
+    this.flowChart.on("graph:updated", () => {
+      this.data = this.flowChart.getGraphData();
+      this.domNode.setAttribute("data-flow-chart", JSON.stringify(this.data));
+    });
+    this.flowChart.on("history:change", () => {
+      this.data = this.flowChart.getGraphData();
+      this.domNode.setAttribute("data-flow-chart", JSON.stringify(this.data));
+    });
+    this.flowChart.on("node:dbclick", this.handleNodeDblClick.bind(this));
+    this.flowChart.on("edge:dbclick", this.handleNodeDblClick.bind(this));
+    this.domNode.addEventListener("click", (e) => {
+      if (this.quill) {
+        const flowChartBlot = Quill.find(this.domNode);
+        const index = this.quill.getIndex(flowChartBlot);
+        if (index && typeof index === "number") {
+          this.quill.setSelection(index + 1, 0);
+        }
+      }
+    });
+  }
+  addMouseHoverEvents() {
+    this.domNode.addEventListener("mouseenter", () => {
+      this.showControlPanel();
+    });
+    this.domNode.addEventListener("mouseleave", () => {
+      var _a;
+      (_a = this.flowChart) == null ? void 0 : _a.clearSelectElements();
+      this.hideControlPanel();
+    });
+  }
+  getControlElements() {
+    const leftUpControl = this.domNode.querySelector(".lf-dndpanel");
+    const control = this.domNode.querySelector(".ql-flow-chart-control");
+    const panelStatusIcon = this.domNode.querySelector('[data-control-type="panel-status"]');
+    return { leftUpControl, control, panelStatusIcon };
+  }
+  showControlPanel() {
+    const { leftUpControl, control, panelStatusIcon } = this.getControlElements();
+    if (!leftUpControl || !control) return;
+    leftUpControl.style.display = "block";
+    control.style.display = "flex";
+    if (panelStatusIcon) {
+      const iconElement = panelStatusIcon.querySelector("i") || panelStatusIcon;
+      iconElement.innerHTML = icons.expandIcon;
+    }
+  }
+  hideControlPanel() {
+    const { leftUpControl, control, panelStatusIcon } = this.getControlElements();
+    if (!leftUpControl || !control) return;
+    leftUpControl.style.display = "none";
+    control.style.display = "none";
+    if (panelStatusIcon) {
+      const iconElement = panelStatusIcon.querySelector("i") || panelStatusIcon;
+      iconElement.innerHTML = icons.contractIcon;
+    }
+  }
+  observeOwnParentChange() {
+    let currentParent = this.domNode.parentElement;
+    const observer = new MutationObserver(() => {
+      if (this.domNode.parentElement !== currentParent) {
+        currentParent = this.domNode.parentElement;
+        this.observeParentAlignment();
+      }
+    });
+    observer.observe(document.body, {
+      attributes: false,
+      childList: true,
+      subtree: true
+    });
+  }
+  observeParentAlignment() {
+    if (this.parentObserver) {
+      this.parentObserver.disconnect();
+    }
+    const observer = new MutationObserver((mutations) => {
+      mutations.forEach((mutation) => {
+        if (mutation.attributeName === "class") {
+          this.updateAlignmentStyle();
+        }
+      });
+    });
+    this.parentObserver = observer;
+    const parent = this.domNode.parentElement;
+    if (parent) {
+      observer.observe(parent, {
+        attributes: true,
+        attributeFilter: ["class"]
+      });
+      this.updateAlignmentStyle();
+    }
+  }
+  updateAlignmentStyle() {
+    const parent = this.domNode.parentElement;
+    if (!parent) return;
+    this.domNode.style.margin = "";
+    this.domNode.style.display = "block";
+    if (parent.classList.contains("ql-align-center")) {
+      this.domNode.style.margin = "0 auto";
+    } else if (parent.classList.contains("ql-align-right")) {
+      this.domNode.style.marginLeft = "auto";
+      this.domNode.style.marginRight = "0";
+    } else {
+      this.domNode.style.marginLeft = "0";
+      this.domNode.style.marginRight = "auto";
+    }
+  }
+  observeNextPElement() {
+    if (this.nextPObserver) {
+      this.nextPObserver.disconnect();
+    }
+    const parentElement = this.domNode.parentElement;
+    if (!parentElement) {
+      return;
+    }
+    const trackedParentElement = parentElement;
+    const parentElementId = parentElement.getAttribute("id") || `flow-chart-parent-${Date.now()}`;
+    parentElement.setAttribute("id", parentElementId);
+    const observer = new MutationObserver(() => {
+      if (!document.contains(trackedParentElement)) {
+        const elementById = document.getElementById(parentElementId);
+        if (!elementById) {
+          this.remove();
+          observer.disconnect();
+        }
+      }
+    });
+    observer.observe(document.body, {
+      childList: true,
+      subtree: true
+    });
+    this.nextPObserver = observer;
+  }
+  // 处理节点双击事件
+  handleNodeDblClick(event) {
+    const { data, position, e } = event;
+    if (data && data.id) {
+      this.createEditInput(data, position, e);
+    }
+  }
+  // 创建编辑输入框
+  createEditInput(nodeData, position, e) {
+    var _a;
+    const input = document.createElement("textarea");
+    input.className = "ql-flow-chart-edit-input";
+    input.value = ((_a = nodeData.text) == null ? void 0 : _a.value) || "";
+    const autoResize = () => {
+      input.style.height = "auto";
+      input.style.height = `${input.scrollHeight}px`;
+    };
+    Object.assign(input.style, {
+      position: "absolute",
+      boxSizing: "border-box",
+      width: "100px",
+      height: "35px",
+      padding: "5px",
+      lineHeight: "1.2",
+      whiteSpace: "pre",
+      textAlign: "center",
+      background: "#fff",
+      border: "1px solid #edefed",
+      borderRadius: "3px",
+      outline: "none",
+      transform: "translate(-50%, -50%)",
+      resize: "none",
+      zIndex: "1000",
+      left: `${e.pageX}px`,
+      top: `${e.pageY}px`,
+      overflow: "hidden"
+    });
+    document.body.appendChild(input);
+    autoResize();
+    input.addEventListener("input", autoResize);
+    input.addEventListener("keydown", (e2) => {
+      if (e2.key === "Enter" && !e2.shiftKey) {
+        this.flowChart.updateText(nodeData.id, input.value);
+        autoResize();
+      }
+    });
+    input.focus();
+    this.flowChart.on("blank:mousedown", () => {
+      this.flowChart.updateText(nodeData.id, input.value);
+      input.remove();
+    });
+    this.flowChart.on("node:click", () => {
+      this.flowChart.updateText(nodeData.id, input.value);
+      input.remove();
+    });
+    this.flowChart.on("edge:click", () => {
+      this.flowChart.updateText(nodeData.id, input.value);
+      input.remove();
+    });
+  }
+  updateText(nodeId, text) {
+    this.flowChart.updateNode(nodeId, {
+      text: { value: text }
+    });
+  }
+  destroyFlowChart() {
+    if (this.flowChart) {
+      this.flowChart.destroy();
+      this.flowChart = null;
+    }
+    const editInputs = document.querySelectorAll(".ql-flow-chart-edit-input");
+    editInputs.forEach((input) => input.remove());
+    if (this.nextPObserver) {
+      this.nextPObserver.disconnect();
+      this.nextPObserver = null;
+    }
+  }
+  remove() {
+    this.destroyFlowChart();
+    super.remove();
+  }
+};
+__publicField(_FlowChartPlaceholderBlot, "blotName", "flow-chart");
+__publicField(_FlowChartPlaceholderBlot, "tagName", "div");
+__publicField(_FlowChartPlaceholderBlot, "className", "ql-flow-chart-item");
+let FlowChartPlaceholderBlot = _FlowChartPlaceholderBlot;
+exports.default = FlowChartPlaceholderBlot;
+//# sourceMappingURL=flow-chart-blot.cjs.js.map