@opentiny/fluent-editor 4.0.0-alpha.0 → 4.0.0-alpha.10

package/lib/modules/emoji.cjs.js

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

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

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

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

@@ -1,8 +1,11 @@
 "use strict";
-Object.defineProperties(exports, { __esModule: { value: true }, [Symbol.toStringTag]: { value: "Module" } });
+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 Quill = require("quill");
 const editor_utils = require("../../../config/editor.utils.cjs.js");
-const Embed = Quill.imports["blots/embed"];
+const Embed = Quill.import("blots/embed");
 const FILE_ATTRIBUTES = ["id", "title", "size", "lastModified"];
 class File extends Embed {
   static create(value) {
@@ -10,10 +13,10 @@ class File extends Embed {
     const size = value.size / 1024;
     const fixSize = !size ? 0 : size < 1 ? 1 : size.toFixed(0);
     node.classList.add("icon-file");
-    node.setAttribute("contenteditable", false);
+    node.setAttribute("contenteditable", "false");
     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>';
     node.innerHTML = `${fileSvg} ${value.title} (${fixSize} KB)`;
-    const src = File.sanitize(value.src);
+    const src = this.sanitize(value.src);
     if (src) {
       node.href = src;
       node.target = "_blank";
@@ -26,14 +29,11 @@ class File extends Embed {
     return node;
   }
   static value(domNode) {
-    return File.getFormats(domNode);
-  }
-  static formats(domNode) {
-    return File.getFormats(domNode);
+    return this.getFormats(domNode);
   }
   static getFormats(domNode) {
     const formats = {};
-    const href = File.sanitize(domNode.href);
+    const href = this.sanitize(domNode.href);
     if (href) {
       formats.src = href;
     }
@@ -48,9 +48,9 @@ class File extends Embed {
     return editor_utils.sanitize(url, this.PROTOCOL_WHITELIST) && url || "";
   }
 }
-File.blotName = "file";
-File.tagName = "A";
-File.className = "ql-file-item";
-File.PROTOCOL_WHITELIST = ["http", "https", "blob"];
-exports.default = File;
+__publicField(File, "blotName", "file");
+__publicField(File, "tagName", "A");
+__publicField(File, "className", "ql-file-item");
+__publicField(File, "PROTOCOL_WHITELIST", ["http", "https", "blob"]);
+exports.File = File;
 //# sourceMappingURL=file.cjs.js.map

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 Quill from 'quill'\r\nimport { sanitize } from '../../../config/editor.utils'\r\n\r\nconst Embed = Quill.imports['blots/embed']\r\nconst FILE_ATTRIBUTES = ['id', 'title', 'size', 'lastModified']\r\n\r\nclass File extends Embed {\r\n  static blotName: string\r\n  static tagName: string\r\n  static className: string\r\n  static PROTOCOL_WHITELIST: string[]\r\n  statics: any\r\n  domNode: any\r\n\r\n  static create(value) {\r\n    const node = super.create(value)\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 = File.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) {\r\n    return File.getFormats(domNode)\r\n  }\r\n\r\n  static formats(domNode) {\r\n    return File.getFormats(domNode)\r\n  }\r\n\r\n  static getFormats(domNode) {\r\n    const formats: any = {}\r\n    const href = File.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) {\r\n    return (sanitize(url, this.PROTOCOL_WHITELIST) && url) || ''\r\n  }\r\n}\r\nFile.blotName = 'file'\r\nFile.tagName = 'A'\r\nFile.className = 'ql-file-item'\r\nFile.PROTOCOL_WHITELIST = ['http', 'https', 'blob']\r\n\r\nexport default File\r\n"],"names":["sanitize"],"mappings":";;;;AAGA,MAAM,QAAQ,MAAM,QAAQ,aAAa;AACzC,MAAM,kBAAkB,CAAC,MAAM,SAAS,QAAQ,cAAc;AAE9D,MAAM,aAAa,MAAM;AAAA,EAQvB,OAAO,OAAO,OAAO;AACb,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,KAAK;AAC1C,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,SAAS;AACb,WAAA,KAAK,WAAW,OAAO;AAAA,EAAA;AAAA,EAGhC,OAAO,QAAQ,SAAS;AACf,WAAA,KAAK,WAAW,OAAO;AAAA,EAAA;AAAA,EAGhC,OAAO,WAAW,SAAS;AACzB,UAAM,UAAe,CAAC;AACtB,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,KAAK;AACnB,WAAQA,aAAAA,SAAS,KAAK,KAAK,kBAAkB,KAAK,OAAQ;AAAA,EAAA;AAE9D;AACA,KAAK,WAAW;AAChB,KAAK,UAAU;AACf,KAAK,YAAY;AACjB,KAAK,qBAAqB,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;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;;"}

package/lib/modules/file/index.cjs.js

@@ -1,32 +1,9 @@
 "use strict";
-Object.defineProperties(exports, { __esModule: { value: true }, [Symbol.toStringTag]: { value: "Module" } });
-const Quill = require("quill");
+Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
 const file = require("./formats/file.cjs.js");
 const fileBar = require("./modules/file-bar.cjs.js");
-const Module = Quill.imports["core/module"];
-class FileModule extends Module {
-  static register() {
-    Quill.register("formats/file", file.default, true);
-  }
-  constructor(quill, options) {
-    super(quill, options);
-    this.quill = quill;
-    quill.root.addEventListener("click", (event) => this.clickEvent(event), false);
-  }
-  clickEvent(event) {
-    event.preventDefault();
-    const target = event.target;
-    const fileDom = target.closest("a.ql-file-item");
-    if (fileDom) {
-      if (this.fileBar) {
-        this.fileBar.destroy();
-      }
-      this.fileBar = new fileBar.default(this.quill, fileDom);
-    } else if (this.fileBar && !target.closest(".ql-file-bar")) {
-      this.fileBar.destroy();
-      this.fileBar = null;
-    }
-  }
-}
-exports.default = FileModule;
+const fileModule = require("./modules/file-module.cjs.js");
+exports.File = file.File;
+exports.FileBar = fileBar.FileBar;
+exports.FileModule = fileModule.FileModule;
 //# sourceMappingURL=index.cjs.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"index.cjs.js","sources":["../../../../src/modules/file/index.ts"],"sourcesContent":["import Quill from 'quill'\r\nimport File from './formats/file'\r\nimport FileBar from './modules/file-bar'\r\n\r\nconst Module = Quill.imports['core/module']\r\n\r\nclass FileModule extends Module {\r\n  quill: any\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(quill, options) {\r\n    super(quill, options)\r\n    this.quill = quill\r\n    quill.root.addEventListener('click', event => this.clickEvent(event), false)\r\n  }\r\n\r\n  clickEvent(event) {\r\n    event.preventDefault()\r\n    const target = event.target\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\r\nexport default FileModule\r\n"],"names":["File","FileBar"],"mappings":";;;;;AAIA,MAAM,SAAS,MAAM,QAAQ,aAAa;AAE1C,MAAM,mBAAmB,OAAO;AAAA,EAI9B,OAAO,WAAW;AACV,UAAA,SAAS,gBAAgBA,KAAAA,SAAM,IAAI;AAAA,EAAA;AAAA,EAG3C,YAAY,OAAO,SAAS;AAC1B,UAAM,OAAO,OAAO;AACpB,SAAK,QAAQ;AACP,UAAA,KAAK,iBAAiB,SAAS,CAAA,UAAS,KAAK,WAAW,KAAK,GAAG,KAAK;AAAA,EAAA;AAAA,EAG7E,WAAW,OAAO;AAChB,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":"index.cjs.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;;;"}

package/lib/modules/file/modules/file-bar.cjs.js

@@ -1,17 +1,25 @@
 "use strict";
-Object.defineProperties(exports, { __esModule: { value: true }, [Symbol.toStringTag]: { value: "Module" } });
+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 Quill = require("quill");
 const selection = require("quill/core/selection");
 const method = require("../../../utils/method.cjs.js");
 const file = require("../formats/file.cjs.js");
-const Delta = Quill.imports.delta;
+const Delta = Quill.import("delta");
 class FileBar {
   constructor(quill, target) {
+    __publicField(this, "quill");
+    __publicField(this, "file");
+    __publicField(this, "domNode");
+    __publicField(this, "fileRange");
+    __publicField(this, "template");
     this.quill = quill;
     this.file = target;
     const fileBlot = Quill.find(target);
     const index = this.quill.getIndex(fileBlot);
-    const [fileItem, offset] = this.quill.scroll.descendant(file.default, index);
+    const [fileItem, offset] = this.quill.scroll.descendant(file.File, index);
     const length = fileItem && fileItem.length();
     this.fileRange = new selection.Range(index - offset, length);
     const timestamp = Number(this.file.dataset.lastModified);
@@ -121,5 +129,5 @@ class FileBar {
     return Number.isNaN(year) ? "--" : `${year}/${month}/${day} ${hour}:${minute}`;
   }
 }
-exports.default = FileBar;
+exports.FileBar = FileBar;
 //# sourceMappingURL=file-bar.cjs.js.map

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.imports.delta\r\n\r\nexport default 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

@@ -0,0 +1,35 @@
+"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.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
+const Quill = require("quill");
+const file = require("../formats/file.cjs.js");
+const fileBar = require("./file-bar.cjs.js");
+class FileModule {
+  constructor(quill) {
+    __publicField(this, "fileBar");
+    this.quill = quill;
+    this.quill = quill;
+    quill.root.addEventListener("click", (event) => this.clickEvent(event), false);
+  }
+  static register() {
+    Quill.register("formats/file", file.File, true);
+  }
+  clickEvent(event) {
+    event.preventDefault();
+    const target = event.target;
+    const fileDom = target.closest("a.ql-file-item");
+    if (fileDom) {
+      if (this.fileBar) {
+        this.fileBar.destroy();
+      }
+      this.fileBar = new fileBar.FileBar(this.quill, fileDom);
+    } else if (this.fileBar && !target.closest(".ql-file-bar")) {
+      this.fileBar.destroy();
+      this.fileBar = null;
+    }
+  }
+}
+exports.FileModule = FileModule;
+//# sourceMappingURL=file-module.cjs.js.map

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

@@ -0,0 +1 @@
+{"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;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;;"}

package/lib/modules/i18n.cjs.js

@@ -1,30 +1,52 @@
 "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" } });
 require("../config/index.cjs.js");
 const is = require("../utils/is.cjs.js");
 const editor_config = require("../config/editor.config.cjs.js");
+const langs = {};
 class I18N {
   constructor(quill, options) {
+    __publicField(this, "options", {
+      lang: ""
+    });
     this.quill = quill;
-    this.isFullscreen = false;
-    this.options = {
-      lang: "en-US",
-      langText: editor_config.LANG_CONF["en-US"]
-    };
     this.options = Object.assign({}, options, this.resolveLanguageOption(options || {}));
     Promise.resolve().then(() => this.changeLanguage(this.options, true));
   }
+  static register(inputLangs, isCover = true) {
+    for (const lang in inputLangs) {
+      const texts = inputLangs[lang];
+      if (isCover) {
+        langs[lang] = texts;
+      } else {
+        if (!langs[lang]) langs[lang] = {};
+        Object.assign(langs[lang], texts);
+      }
+    }
+  }
+  static parserText(text, lang) {
+    var _a;
+    const i18nPattern = /^_i18n"([^"]*)"/;
+    const match = text.match(i18nPattern);
+    let key = text;
+    if (match) {
+      key = match[1];
+    }
+    return ((_a = langs[lang]) == null ? void 0 : _a[key]) || key;
+  }
   resolveLanguageOption(options) {
     if (is.isUndefined(options.lang)) {
       options.lang = editor_config.defaultLanguage;
     }
-    if (!(options.lang in editor_config.LANG_CONF)) {
+    if (!(options.lang in langs)) {
       console.warn(`The language ${options.lang} is not supported. Use the default language: ${editor_config.defaultLanguage}`);
       options.lang = editor_config.defaultLanguage;
     }
     return {
-      lang: options.lang,
-      langText: Object.assign({}, editor_config.LANG_CONF[options.lang], options.langText || {})
+      lang: options.lang
     };
   }
   changeLanguage(options, force = false) {
@@ -32,9 +54,9 @@ class I18N {
     const langOps = this.resolveLanguageOption(options);
     if (langOps.lang === currentLang && !force) return;
     this.options.lang = langOps.lang;
-    this.options.langText = langOps.langText;
-    this.quill.emitter.emit(editor_config.CHANGE_LANGUAGE_EVENT, this.options.lang, this.options.langText);
+    this.quill.emitter.emit(editor_config.CHANGE_LANGUAGE_EVENT, this.options.lang, langs[langOps.lang]);
   }
 }
+exports.I18N = I18N;
 exports.default = I18N;
 //# sourceMappingURL=i18n.cjs.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"i18n.cjs.js","sources":["../../../src/modules/i18n.ts"],"sourcesContent":["import type FluentEditor from '../fluent-editor'\r\nimport { CHANGE_LANGUAGE_EVENT, defaultLanguage, LANG_CONF } from '../config'\r\nimport { isUndefined } from '../utils/is'\r\n\r\ninterface I18NOptions {\r\n  lang: string\r\n  langText: Record<string, string>\r\n}\r\n\r\nclass I18N {\r\n  isFullscreen: boolean = false\r\n  options: I18NOptions = {\r\n    lang: 'en-US',\r\n    langText: LANG_CONF['en-US'],\r\n  }\r\n\r\n  constructor(public quill: FluentEditor, options: Partial<I18NOptions>) {\r\n    this.options = Object.assign({}, options, this.resolveLanguageOption(options || {}))\r\n    // wait until registe end\r\n    Promise.resolve().then(() => this.changeLanguage(this.options, true))\r\n  }\r\n\r\n  resolveLanguageOption(options: Partial<I18NOptions>): I18NOptions {\r\n    if (isUndefined(options.lang)) {\r\n      options.lang = defaultLanguage\r\n    }\r\n    if (!(options.lang in LANG_CONF)) {\r\n      console.warn(`The language ${options.lang} is not supported. Use the default language: ${defaultLanguage}`)\r\n      options.lang = defaultLanguage\r\n    }\r\n    return {\r\n      lang: options.lang,\r\n      langText: Object.assign({}, LANG_CONF[options.lang], options.langText || {}),\r\n    }\r\n  }\r\n\r\n  changeLanguage(options: Partial<I18NOptions>, force: boolean = false) {\r\n    const currentLang = this.options.lang\r\n    const langOps = this.resolveLanguageOption(options)\r\n    if (langOps.lang === currentLang && !force) return\r\n    this.options.lang = langOps.lang\r\n    this.options.langText = langOps.langText\r\n    this.quill.emitter.emit(CHANGE_LANGUAGE_EVENT, this.options.lang, this.options.langText)\r\n  }\r\n}\r\n\r\nexport { I18NOptions }\r\n\r\nexport default I18N\r\n"],"names":["LANG_CONF","isUndefined","defaultLanguage","CHANGE_LANGUAGE_EVENT"],"mappings":";;;;;AASA,MAAM,KAAK;AAAA,EAOT,YAAmB,OAAqB,SAA+B;AAApD,SAAA,QAAA;AANK,SAAA,eAAA;AACD,SAAA,UAAA;AAAA,MACrB,MAAM;AAAA,MACN,UAAUA,wBAAU,OAAO;AAAA,IAC7B;AAGO,SAAA,UAAU,OAAO,OAAO,CAAC,GAAG,SAAS,KAAK,sBAAsB,WAAW,CAAA,CAAE,CAAC;AAE3E,YAAA,UAAU,KAAK,MAAM,KAAK,eAAe,KAAK,SAAS,IAAI,CAAC;AAAA,EAAA;AAAA,EAGtE,sBAAsB,SAA4C;AAC5D,QAAAC,GAAA,YAAY,QAAQ,IAAI,GAAG;AAC7B,cAAQ,OAAOC,cAAA;AAAA,IAAA;AAEb,QAAA,EAAE,QAAQ,QAAQF,cAAAA,YAAY;AAChC,cAAQ,KAAK,gBAAgB,QAAQ,IAAI,gDAAgDE,cAAe,eAAA,EAAE;AAC1G,cAAQ,OAAOA,cAAA;AAAA,IAAA;AAEV,WAAA;AAAA,MACL,MAAM,QAAQ;AAAA,MACd,UAAU,OAAO,OAAO,IAAIF,cAAAA,UAAU,QAAQ,IAAI,GAAG,QAAQ,YAAY,CAAE,CAAA;AAAA,IAC7E;AAAA,EAAA;AAAA,EAGF,eAAe,SAA+B,QAAiB,OAAO;AAC9D,UAAA,cAAc,KAAK,QAAQ;AAC3B,UAAA,UAAU,KAAK,sBAAsB,OAAO;AAClD,QAAI,QAAQ,SAAS,eAAe,CAAC,MAAO;AACvC,SAAA,QAAQ,OAAO,QAAQ;AACvB,SAAA,QAAQ,WAAW,QAAQ;AAC3B,SAAA,MAAM,QAAQ,KAAKG,cAAA,uBAAuB,KAAK,QAAQ,MAAM,KAAK,QAAQ,QAAQ;AAAA,EAAA;AAE3F;;"}
+{"version":3,"file":"i18n.cjs.js","sources":["../../../src/modules/i18n.ts"],"sourcesContent":["import type FluentEditor from '../fluent-editor'\r\nimport { CHANGE_LANGUAGE_EVENT, defaultLanguage } from '../config'\r\nimport { isUndefined } from '../utils/is'\r\n\r\nconst langs: Record<string, Record<string, string>> = {}\r\n\r\nexport interface I18NOptions {\r\n  lang: string\r\n}\r\nexport class I18N {\r\n  static register(inputLangs: Record<string, Record<string, string>>, isCover: boolean = true) {\r\n    for (const lang in inputLangs) {\r\n      const texts = inputLangs[lang]\r\n      if (isCover) {\r\n        langs[lang] = texts\r\n      }\r\n      else {\r\n        if (!langs[lang]) langs[lang] = {}\r\n        Object.assign(langs[lang], texts)\r\n      }\r\n    }\r\n  }\r\n\r\n  static parserText(text: string, lang: string): string {\r\n    const i18nPattern = /^_i18n\"([^\"]*)\"/\r\n    const match = text.match(i18nPattern)\r\n    let key = text\r\n    if (match) {\r\n      key = match[1]\r\n    }\r\n    return langs[lang]?.[key] || key\r\n  }\r\n\r\n  options: I18NOptions = {\r\n    lang: '',\r\n  }\r\n\r\n  constructor(public quill: FluentEditor, options: Partial<I18NOptions>) {\r\n    this.options = Object.assign({}, options, this.resolveLanguageOption(options || {}))\r\n    // wait until all module registed\r\n    Promise.resolve().then(() => this.changeLanguage(this.options, true))\r\n  }\r\n\r\n  resolveLanguageOption(options: Partial<I18NOptions>): I18NOptions {\r\n    if (isUndefined(options.lang)) {\r\n      options.lang = defaultLanguage\r\n    }\r\n    if (!(options.lang in langs)) {\r\n      console.warn(`The language ${options.lang} is not supported. Use the default language: ${defaultLanguage}`)\r\n      options.lang = defaultLanguage\r\n    }\r\n    return {\r\n      lang: options.lang,\r\n    }\r\n  }\r\n\r\n  changeLanguage(options: Partial<I18NOptions>, force: boolean = false) {\r\n    const currentLang = this.options.lang\r\n    const langOps = this.resolveLanguageOption(options)\r\n    if (langOps.lang === currentLang && !force) return\r\n    this.options.lang = langOps.lang\r\n    this.quill.emitter.emit(CHANGE_LANGUAGE_EVENT, this.options.lang, langs[langOps.lang])\r\n  }\r\n}\r\n\r\nexport default I18N\r\n"],"names":["isUndefined","defaultLanguage","CHANGE_LANGUAGE_EVENT"],"mappings":";;;;;;;;AAIA,MAAM,QAAgD,CAAC;AAKhD,MAAM,KAAK;AAAA,EA4BhB,YAAmB,OAAqB,SAA+B;AAJvE,mCAAuB;AAAA,MACrB,MAAM;AAAA,IACR;AAEmB,SAAA,QAAA;AACZ,SAAA,UAAU,OAAO,OAAO,CAAC,GAAG,SAAS,KAAK,sBAAsB,WAAW,CAAA,CAAE,CAAC;AAE3E,YAAA,UAAU,KAAK,MAAM,KAAK,eAAe,KAAK,SAAS,IAAI,CAAC;AAAA,EAAA;AAAA,EA9BtE,OAAO,SAAS,YAAoD,UAAmB,MAAM;AAC3F,eAAW,QAAQ,YAAY;AACvB,YAAA,QAAQ,WAAW,IAAI;AAC7B,UAAI,SAAS;AACX,cAAM,IAAI,IAAI;AAAA,MAAA,OAEX;AACH,YAAI,CAAC,MAAM,IAAI,EAAS,OAAA,IAAI,IAAI,CAAC;AACjC,eAAO,OAAO,MAAM,IAAI,GAAG,KAAK;AAAA,MAAA;AAAA,IAClC;AAAA,EACF;AAAA,EAGF,OAAO,WAAW,MAAc,MAAsB;;AACpD,UAAM,cAAc;AACd,UAAA,QAAQ,KAAK,MAAM,WAAW;AACpC,QAAI,MAAM;AACV,QAAI,OAAO;AACT,YAAM,MAAM,CAAC;AAAA,IAAA;AAEf,aAAO,WAAM,IAAI,MAAV,mBAAc,SAAQ;AAAA,EAAA;AAAA,EAa/B,sBAAsB,SAA4C;AAC5D,QAAAA,GAAA,YAAY,QAAQ,IAAI,GAAG;AAC7B,cAAQ,OAAOC,cAAA;AAAA,IAAA;AAEb,QAAA,EAAE,QAAQ,QAAQ,QAAQ;AAC5B,cAAQ,KAAK,gBAAgB,QAAQ,IAAI,gDAAgDA,cAAe,eAAA,EAAE;AAC1G,cAAQ,OAAOA,cAAA;AAAA,IAAA;AAEV,WAAA;AAAA,MACL,MAAM,QAAQ;AAAA,IAChB;AAAA,EAAA;AAAA,EAGF,eAAe,SAA+B,QAAiB,OAAO;AAC9D,UAAA,cAAc,KAAK,QAAQ;AAC3B,UAAA,UAAU,KAAK,sBAAsB,OAAO;AAClD,QAAI,QAAQ,SAAS,eAAe,CAAC,MAAO;AACvC,SAAA,QAAQ,OAAO,QAAQ;AACvB,SAAA,MAAM,QAAQ,KAAKC,cAAAA,uBAAuB,KAAK,QAAQ,MAAM,MAAM,QAAQ,IAAI,CAAC;AAAA,EAAA;AAEzF;;;"}

package/lib/modules/index.cjs.js

@@ -0,0 +1,27 @@
+"use strict";
+Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
+require("./collaborative-editing/index.cjs.js");
+require("./counter.cjs.js");
+const customClipboard = require("./custom-clipboard.cjs.js");
+require("./custom-image/index.cjs.js");
+const customUploader = require("./custom-uploader.cjs.js");
+const divider = require("./divider.cjs.js");
+const emoji = require("./emoji.cjs.js");
+require("./file/index.cjs.js");
+const i18n = require("./i18n.cjs.js");
+require("./link/index.cjs.js");
+require("./mathlive/index.cjs.js");
+require("./mention/index.cjs.js");
+const index = require("./shortcut-key/index.cjs.js");
+require("./syntax.cjs.js");
+const index$1 = require("./table-up/index.cjs.js");
+require("./toolbar/index.cjs.js");
+exports.CustomClipboard = customClipboard.CustomClipboard;
+exports.FileUploader = customUploader.FileUploader;
+exports.DividerBlot = divider.DividerBlot;
+exports.EmojiModule = emoji.EmojiModule;
+exports.I18N = i18n.I18N;
+exports.ShortCutKey = index.ShortCutKey;
+exports.shortKey = index.shortKey;
+exports.generateTableUp = index$1.generateTableUp;
+//# sourceMappingURL=index.cjs.js.map

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

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

package/lib/modules/link/formats/link.cjs.js

@@ -1,10 +1,12 @@
 "use strict";
-var _a;
-Object.defineProperties(exports, { __esModule: { value: true }, [Symbol.toStringTag]: { value: "Module" } });
+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 Quill = require("quill");
 const editor_utils = require("../../../config/editor.utils.cjs.js");
 const Inline = Quill.import("blots/inline");
-let Link$1 = (_a = class extends Inline {
+const _LinkBlot = class _LinkBlot extends Inline {
   static create(value) {
     const node = super.create(value);
     let href = value;
@@ -26,14 +28,16 @@ let Link$1 = (_a = class extends Inline {
     if (name !== this.statics.blotName || [false, null].includes(value)) {
       super.format(name, value);
     } else {
-      this.domNode.setAttribute("href", _a.sanitize(value));
+      this.domNode.setAttribute("href", _LinkBlot.sanitize(value));
     }
   }
-}, _a.autoProtocol = "", _a);
-Link$1.blotName = "link";
-Link$1.tagName = "A";
-Link$1.SANITIZED_URL = "about:blank";
-Link$1.PROTOCOL_WHITELIST = ["http", "https", "mailto", "tel"];
-Link$1.className = "ql-normal-link";
-exports.default = Link$1;
+};
+__publicField(_LinkBlot, "blotName", "link");
+__publicField(_LinkBlot, "tagName", "A");
+__publicField(_LinkBlot, "SANITIZED_URL", "about:blank");
+__publicField(_LinkBlot, "PROTOCOL_WHITELIST", ["http", "https", "mailto", "tel"]);
+__publicField(_LinkBlot, "className", "ql-normal-link");
+__publicField(_LinkBlot, "autoProtocol", "");
+let LinkBlot = _LinkBlot;
+exports.LinkBlot = LinkBlot;
 //# sourceMappingURL=link.cjs.js.map

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

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