@opentiny/fluent-editor 4.0.0-alpha.1 → 4.0.0-alpha.11

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

@@ -0,0 +1,88 @@
+import "./specs/index.es.js";
+import { ImageSpec } from "./specs/image-spec.es.js";
+const LEFT_ALIGN = "align-left";
+const CENTER_ALIGN = "align-center";
+const RIGHT_ALIGN = "align-right";
+const COPY = "copy";
+const DOWNLOAD = "download";
+const DefaultOptions = {
+  // 默认情况下，`file://` 格式的本地文件路径在浏览器环境无法读取，因此会被转换成 `//:0`，但是在一些特殊的场景下（比如：Electron），需要获取到图片的原始路径，进行后续的上传处理
+  // 注意：该选项一旦设置为 true，本地磁盘路径会暴露出去，这可能会带来安全风险，请确保你了解相关的安全隐患
+  allowInvalidUrl: false,
+  specs: [
+    ImageSpec
+  ],
+  overlay: {
+    className: "blot-formatter__overlay",
+    style: {
+      position: "absolute",
+      boxSizing: "border-box",
+      border: "1px dashed #444"
+    }
+  },
+  toolbar: {
+    mainClassName: "blot-formatter__toolbar",
+    mainStyle: {
+      position: "absolute",
+      top: "-12px",
+      right: "0",
+      left: "0",
+      height: "0",
+      minWidth: "120px",
+      font: "12px/1.0 Arial, Helvetica, sans-serif",
+      textAlign: "center",
+      color: "#333",
+      boxSizing: "border-box",
+      cursor: "default",
+      zIndex: "1"
+    },
+    buttonClassName: "blot-formatter__toolbar-button",
+    addButtonSelectStyle: true,
+    buttonStyle: {
+      display: "inline-flex",
+      alignItems: "center",
+      justifyContent: "center",
+      width: "24px",
+      height: "24px",
+      background: "white",
+      border: "1px solid #999",
+      verticalAlign: "middle",
+      cursor: "pointer"
+    },
+    svgStyle: {
+      display: "inline-block",
+      width: "16px",
+      height: "16px",
+      background: "white",
+      verticalAlign: "middle"
+    },
+    buttons: {
+      [LEFT_ALIGN]: true,
+      [CENTER_ALIGN]: true,
+      [RIGHT_ALIGN]: true,
+      [COPY]: true,
+      [DOWNLOAD]: true
+    }
+  },
+  resize: {
+    handleClassName: "blot-formatter__resize-handle",
+    handleStyle: {
+      position: "absolute",
+      height: "12px",
+      width: "12px",
+      backgroundColor: "white",
+      border: "1px solid #777",
+      boxSizing: "border-box",
+      opacity: "0.80"
+    }
+  }
+};
+export {
+  CENTER_ALIGN,
+  COPY,
+  DOWNLOAD,
+  LEFT_ALIGN,
+  RIGHT_ALIGN,
+  DefaultOptions as default
+};
+//# sourceMappingURL=options.es.js.map

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

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

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

@@ -0,0 +1,33 @@
+var __defProp = Object.defineProperty;
+var __defNormalProp = (obj, key, value) => key in obj ? __defProp(obj, key, { enumerable: true, configurable: true, writable: true, value }) : obj[key] = value;
+var __publicField = (obj, key, value) => __defNormalProp(obj, typeof key !== "symbol" ? key + "" : key, value);
+import "../actions/index.es.js";
+import { ImageToolbarAction } from "../actions/toolbar-action.es.js";
+import { CustomResizeAction } from "../actions/custom-resize-action.es.js";
+import { DeleteAction } from "../actions/delete-action.es.js";
+class BlotSpec {
+  constructor(formatter) {
+    __publicField(this, "formatter");
+    this.formatter = formatter;
+  }
+  init() {
+  }
+  getActions() {
+    return [ImageToolbarAction, CustomResizeAction, DeleteAction];
+  }
+  getTargetElement() {
+    return null;
+  }
+  getOverlayElement() {
+    return this.getTargetElement();
+  }
+  setSelection() {
+    this.formatter.quill.setSelection(null);
+  }
+  onHide() {
+  }
+}
+export {
+  BlotSpec
+};
+//# sourceMappingURL=blot-spec.es.js.map

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

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

package/es/modules/custom-image/specs/{CustomImageSpec.es.js → custom-image-spec.es.js}

@@ -1,19 +1,23 @@
+var __defProp = Object.defineProperty;
+var __defNormalProp = (obj, key, value) => key in obj ? __defProp(obj, key, { enumerable: true, configurable: true, writable: true, value }) : obj[key] = value;
+var __publicField = (obj, key, value) => __defNormalProp(obj, typeof key !== "symbol" ? key + "" : key, value);
 import { isInside } from "../../../config/editor.utils.es.js";
-import CustomResizeAction from "../actions/CustomResizeAction.es.js";
-import DeleteAction from "../actions/DeleteAction.es.js";
-import ImageSpec from "./ImageSpec.es.js";
+import { ImageSpec } from "./image-spec.es.js";
 class CustomImageSpec extends ImageSpec {
   constructor(formatter) {
     super(formatter);
-    this.imageMouseout = (event) => {
+    __publicField(this, "editorElem");
+    __publicField(this, "observer");
+    __publicField(this, "oldRootScrollTop");
+    __publicField(this, "imageMouseout", (event) => {
       if (event.target.nodeName === "IMG" || event.target.classList.contains("blot-formatter__overlay")) {
         const imgDom = event.target;
         if (!isInside(event, imgDom)) {
           this.removeImagePreviewOverlay();
         }
       }
-    };
-    this.onClick = (event) => {
+    });
+    __publicField(this, "onClick", (event) => {
       var _a;
       const el = event.target;
       const isReadonly = this.formatter.quill.options.readOnly;
@@ -33,13 +37,11 @@ class CustomImageSpec extends ImageSpec {
         const len = imgBlot.length();
         quill.setSelection(index, len);
       }
-    };
+    });
     this.formatter = formatter;
     this.oldRootScrollTop = this.formatter.quill.root.scrollTop;
     this.editorElem = this.formatter.quill.container;
-    if (this.formatter.quill.root === this.formatter.quill.scrollingContainer) {
-      this.formatter.quill.root.addEventListener("scroll", this.handleQuillRootScroll.bind(this));
-    }
+    this.formatter.quill.root.addEventListener("scroll", this.handleQuillRootScroll.bind(this));
   }
   handleQuillRootScroll() {
     if (this.formatter.overlay) {
@@ -51,9 +53,6 @@ class CustomImageSpec extends ImageSpec {
     this.editorElem.addEventListener("mouseout", this.imageMouseout);
     super.init();
   }
-  getActions() {
-    return [DeleteAction, CustomResizeAction];
-  }
   imageMouseOver(event) {
     var _a;
     const target = event.target;
@@ -114,4 +113,4 @@ class CustomImageSpec extends ImageSpec {
 export {
   CustomImageSpec
 };
-//# sourceMappingURL=CustomImageSpec.es.js.map
+//# sourceMappingURL=custom-image-spec.es.js.map

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

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

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

@@ -0,0 +1,32 @@
+var __defProp = Object.defineProperty;
+var __defNormalProp = (obj, key, value) => key in obj ? __defProp(obj, key, { enumerable: true, configurable: true, writable: true, value }) : obj[key] = value;
+var __publicField = (obj, key, value) => __defNormalProp(obj, typeof key !== "symbol" ? key + "" : key, value);
+import { BlotSpec } from "./blot-spec.es.js";
+class ImageSpec extends BlotSpec {
+  constructor() {
+    super(...arguments);
+    __publicField(this, "img", null);
+    __publicField(this, "onClick", (event) => {
+      const el = event.target;
+      if (!(el instanceof HTMLElement) || el.tagName !== "IMG") {
+        return;
+      }
+      event.stopPropagation();
+      this.img = el;
+      this.formatter.show(this);
+    });
+  }
+  init() {
+    this.formatter.quill.root.addEventListener("click", this.onClick);
+  }
+  getTargetElement() {
+    return this.img;
+  }
+  onHide() {
+    this.img = null;
+  }
+}
+export {
+  ImageSpec
+};
+//# sourceMappingURL=image-spec.es.js.map

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

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

package/es/modules/custom-image/specs/index.es.js

@@ -0,0 +1,9 @@
+import { BlotSpec } from "./blot-spec.es.js";
+import { CustomImageSpec } from "./custom-image-spec.es.js";
+import { ImageSpec } from "./image-spec.es.js";
+export {
+  BlotSpec,
+  CustomImageSpec,
+  ImageSpec
+};
+//# sourceMappingURL=index.es.js.map

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

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

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

@@ -1,8 +1,11 @@
+var __defProp = Object.defineProperty;
+var __defNormalProp = (obj, key, value) => key in obj ? __defProp(obj, key, { enumerable: true, configurable: true, writable: true, value }) : obj[key] = value;
+var __publicField = (obj, key, value) => __defNormalProp(obj, typeof key !== "symbol" ? key + "" : key, value);
 import Quill from "quill";
 import { isString } from "../utils/is.es.js";
 const Uploader = Quill.import("modules/uploader");
 const Delta = Quill.import("delta");
-const _FileUploader = class _FileUploader extends Uploader {
+class FileUploader extends Uploader {
   constructor(quill, options) {
     super(quill, options);
     this.quill = quill;
@@ -50,7 +53,7 @@ const _FileUploader = class _FileUploader extends Uploader {
           delta.insert({ file: { size: uploads[i].size, title: uploads[i].name, src: url } });
         }
       } else {
-        delta.insert("\n");
+        delta.insert(" ");
       }
       return delta;
     }, new Delta().retain(range.index).delete(range.length));
@@ -67,9 +70,8 @@ const _FileUploader = class _FileUploader extends Uploader {
       }
     }
   }
-};
-_FileUploader.DEFAULTS = {};
-let FileUploader = _FileUploader;
+}
+__publicField(FileUploader, "DEFAULTS", {});
 export {
   FileUploader
 };

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

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

package/es/modules/divider.es.js

@@ -1,17 +1,18 @@
+var __defProp = Object.defineProperty;
+var __defNormalProp = (obj, key, value) => key in obj ? __defProp(obj, key, { enumerable: true, configurable: true, writable: true, value }) : obj[key] = value;
+var __publicField = (obj, key, value) => __defNormalProp(obj, typeof key !== "symbol" ? key + "" : key, value);
 import Quill from "quill";
 const BlockEmbed = Quill.import("blots/block/embed");
-const _DividerBlot = class _DividerBlot extends BlockEmbed {
+class DividerBlot extends BlockEmbed {
   static create() {
     const node = super.create();
     node.setAttribute("contenteditable", "false");
     return node;
   }
-};
-_DividerBlot.blotName = "divider";
-_DividerBlot.tagName = "hr";
-let DividerBlot = _DividerBlot;
-Quill.register(DividerBlot);
+}
+__publicField(DividerBlot, "blotName", "divider");
+__publicField(DividerBlot, "tagName", "hr");
 export {
-  DividerBlot as default
+  DividerBlot
 };
 //# sourceMappingURL=divider.es.js.map

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

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

package/es/modules/emoji.es.js

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

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

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

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

@@ -1,8 +1,11 @@
+var __defProp = Object.defineProperty;
+var __defNormalProp = (obj, key, value) => key in obj ? __defProp(obj, key, { enumerable: true, configurable: true, writable: true, value }) : obj[key] = value;
+var __publicField = (obj, key, value) => __defNormalProp(obj, typeof key !== "symbol" ? key + "" : key, value);
 import Quill from "quill";
 import { sanitize } from "../../../config/editor.utils.es.js";
 const Embed = Quill.import("blots/embed");
 const FILE_ATTRIBUTES = ["id", "title", "size", "lastModified"];
-const _File = class _File extends Embed {
+class File extends Embed {
   static create(value) {
     const node = super.create(value);
     const size = value.size / 1024;
@@ -42,13 +45,12 @@ const _File = class _File extends Embed {
   static sanitize(url) {
     return sanitize(url, this.PROTOCOL_WHITELIST) && url || "";
   }
-};
-_File.blotName = "file";
-_File.tagName = "A";
-_File.className = "ql-file-item";
-_File.PROTOCOL_WHITELIST = ["http", "https", "blob"];
-let File = _File;
+}
+__publicField(File, "blotName", "file");
+__publicField(File, "tagName", "A");
+__publicField(File, "className", "ql-file-item");
+__publicField(File, "PROTOCOL_WHITELIST", ["http", "https", "blob"]);
 export {
-  File as default
+  File
 };
 //# sourceMappingURL=file.es.js.map

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

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