@opentiny/fluent-editor 3.18.3 → 3.19.0-alpha.0

package/index.es.js

@@ -4854,7 +4854,7 @@ Block$4.blotName = "block";
 Block$4.tagName = "P";
 Block$4.defaultChild = Break$1;
 Block$4.allowedChildren = [Break$1, Inline$3, EmbedBlot$1, Text$1];
-class BlockEmbed extends EmbedBlot$1 {
+class BlockEmbed$1 extends EmbedBlot$1 {
   attach() {
     super.attach();
     this.attributes = new AttributorStore$1(this.domNode);
@@ -4895,7 +4895,7 @@ class BlockEmbed extends EmbedBlot$1 {
     }
   }
 }
-BlockEmbed.scope = Scope$1.BLOCK_BLOT;
+BlockEmbed$1.scope = Scope$1.BLOCK_BLOT;
 function blockDelta(blot) {
   let filter = arguments.length > 1 && arguments[1] !== void 0 ? arguments[1] : true;
   return blot.descendants(LeafBlot$1).reduce((delta, leaf2) => {
@@ -5720,7 +5720,7 @@ class Editor {
         deleteDelta.retain(length);
         if (typeof op.insert === "string") {
           const text = op.insert;
-          isImplicitNewlineAppended = !text.endsWith("\n") && (scrollLength <= index || !!this.scroll.descendant(BlockEmbed, index)[0]);
+          isImplicitNewlineAppended = !text.endsWith("\n") && (scrollLength <= index || !!this.scroll.descendant(BlockEmbed$1, index)[0]);
           this.scroll.insertAt(index, text);
           const [line, offset] = this.scroll.line(index);
           let formats = deepmerge({}, bubbleFormats(line));
@@ -5737,7 +5737,7 @@ class Editor {
             return index;
           const isInlineEmbed = this.scroll.query(key, Scope$1.INLINE) != null;
           if (isInlineEmbed) {
-            if (scrollLength <= index || !!this.scroll.descendant(BlockEmbed, index)[0]) {
+            if (scrollLength <= index || !!this.scroll.descendant(BlockEmbed$1, index)[0]) {
               isImplicitNewlineAppended = true;
             }
           } else if (index > 0) {
@@ -6103,7 +6103,7 @@ class Module$5 {
 }
 __publicField(Module$5, "DEFAULTS", {});
 const GUARD_TEXT = "\uFEFF";
-class Embed$6 extends EmbedBlot$1 {
+class Embed$5 extends EmbedBlot$1 {
   constructor(scroll, node) {
     super(scroll, node);
     this.contentNode = document.createElement("span");
@@ -6196,7 +6196,7 @@ class Composition {
   }
   handleCompositionStart(event) {
     const blot = event.target instanceof Node ? this.scroll.find(event.target, true) : null;
-    if (blot && !(blot instanceof Embed$6)) {
+    if (blot && !(blot instanceof Embed$5)) {
       this.emitter.emit(Emitter.events.COMPOSITION_BEFORE_START, event);
       this.scroll.batchStart();
       this.emitter.emit(Emitter.events.COMPOSITION_START, event);
@@ -6907,7 +6907,7 @@ function shiftRange(range, index, lengthOrSource, source2) {
 class Container$2 extends ContainerBlot$1 {
 }
 function isLine$1(blot) {
-  return blot instanceof Block$4 || blot instanceof BlockEmbed;
+  return blot instanceof Block$4 || blot instanceof BlockEmbed$1;
 }
 function isUpdatable(blot) {
   return typeof blot.updateContent === "function";
@@ -6950,7 +6950,7 @@ class Scroll extends ScrollBlot$1 {
     const [last] = this.line(index + length);
     super.deleteAt(index, length);
     if (last != null && first !== last && offset > 0) {
-      if (first instanceof BlockEmbed || last instanceof BlockEmbed) {
+      if (first instanceof BlockEmbed$1 || last instanceof BlockEmbed$1) {
         this.optimize();
         return;
       }
@@ -7004,7 +7004,7 @@ class Scroll extends ScrollBlot$1 {
     this.batchStart();
     const first = renderBlocks.shift();
     if (first) {
-      const shouldInsertNewlineChar = first.type === "block" && (first.delta.length() === 0 || !this.descendant(BlockEmbed, index)[0] && index < this.length());
+      const shouldInsertNewlineChar = first.type === "block" && (first.delta.length() === 0 || !this.descendant(BlockEmbed$1, index)[0] && index < this.length());
       const delta2 = first.type === "block" ? first.delta : new Delta$7().insert({
         [first.key]: first.value
       });
@@ -7127,7 +7127,7 @@ class Scroll extends ScrollBlot$1 {
     }
   }
   updateEmbedAt(index, key, change) {
-    const [blot] = this.descendant((b) => b instanceof BlockEmbed, index);
+    const [blot] = this.descendant((b) => b instanceof BlockEmbed$1, index);
     if (blot && blot.statics.blotName === key && isUpdatable(blot)) {
       blot.updateContent(change);
     }
@@ -7218,7 +7218,7 @@ __publicField(Scroll, "blotName", "scroll");
 __publicField(Scroll, "className", "ql-editor");
 __publicField(Scroll, "tagName", "DIV");
 __publicField(Scroll, "defaultChild", Block$4);
-__publicField(Scroll, "allowedChildren", [Block$4, BlockEmbed, Container$2]);
+__publicField(Scroll, "allowedChildren", [Block$4, BlockEmbed$1, Container$2]);
 function insertInlineContents(parent, index, inlineContents) {
   inlineContents.reduce((index2, op) => {
     const length = Delta$8.exports.Op.length(op);
@@ -8510,7 +8510,7 @@ function matchNewline(node, delta, scroll) {
           return delta.insert("\n");
         }
         const match2 = scroll.query(nextSibling);
-        if (match2 && match2.prototype instanceof BlockEmbed) {
+        if (match2 && match2.prototype instanceof BlockEmbed$1) {
           return delta.insert("\n");
         }
         nextSibling = nextSibling.firstChild;
@@ -8968,11 +8968,11 @@ class UINode extends Module$5 {
 }
 Quill.register({
   "blots/block": Block$4,
-  "blots/block/embed": BlockEmbed,
+  "blots/block/embed": BlockEmbed$1,
   "blots/break": Break$1,
   "blots/container": Container$2,
   "blots/cursor": Cursor,
-  "blots/embed": Embed$6,
+  "blots/embed": Embed$5,
   "blots/inline": Inline$3,
   "blots/scroll": Scroll,
   "blots/text": Text$1,
@@ -9147,7 +9147,7 @@ class Underline extends Inline$3 {
 }
 __publicField(Underline, "blotName", "underline");
 __publicField(Underline, "tagName", "U");
-class Formula extends Embed$6 {
+class Formula extends Embed$5 {
   static create(value) {
     if (window.katex == null) {
       throw new Error("Formula module requires KaTeX.");
@@ -9216,7 +9216,7 @@ class Image extends EmbedBlot$1 {
 __publicField(Image, "blotName", "image");
 __publicField(Image, "tagName", "IMG");
 const ATTRIBUTES$5 = ["height", "width"];
-class Video$1 extends BlockEmbed {
+class Video$1 extends BlockEmbed$1 {
   static create(value) {
     const node = super.create(value);
     node.setAttribute("frameborder", "0");
@@ -11186,6 +11186,7 @@ const FULLSCREEN_ICON = `<svg xmlns="http://www.w3.org/2000/svg" class="icon" wi
     <path fill="#333333" d="M64 384h96V160h224.2V64H64zM639.8 64v96H864v224h96V64zM864 864H639.8v96H960V639.61h-96zM160 639.61H64V960h320.2v-96H160z"/>
 </svg>`;
 const TRIANGLE_DOWN_ICON = `<i class="icon-triangle-down"></i>`;
+const FORMAT_PAINTER_ICON = `<svg viewBox="0 0 32 32"><path fill="currentColor" d="M28.83 23.17L23 17.33V13a1 1 0 0 0-.29-.71l-10-10a1 1 0 0 0-1.42 0l-9 9a1 1 0 0 0 0 1.42l10 10A1 1 0 0 0 13 23h4.34l5.83 5.84a4 4 0 0 0 5.66-5.66ZM6 10.41l2.29 2.3l1.42-1.42L7.41 9L9 7.41l4.29 4.3l1.42-1.42L10.41 6L12 4.41L18.59 11L11 18.59L4.41 12Zm21.41 17a2 2 0 0 1-2.82 0l-6.13-6.12a1.8 1.8 0 0 0-.71-.29h-4.34l-1-1L20 12.41l1 1v4.34a1 1 0 0 0 .29.7l6.12 6.14a2 2 0 0 1 0 2.82"/></svg>`;
 const Delta$6 = Quill.imports["delta"];
 function hexToRgbA(hex) {
   let color;
@@ -11206,7 +11207,9 @@ function imageFileToUrl(imageFile) {
       resolve(e.target["result"]);
     };
     reader.onerror = reject;
-  }).catch((err) => null);
+  }).catch((error2) => {
+    console.error("Error reading file:", error2);
+  });
 }
 function imageUrlToFile(imageUrl, isErrorImage) {
   return new Promise(function(resolve, reject) {
@@ -11557,7 +11560,8 @@ const ICONS_CONFIG = {
   fullscreen: FULLSCREEN_ICON,
   emoji: EMOJI_ICON,
   help: HELP_ICON,
-  screenshot: SCREENSHOT_ICON
+  screenshot: SCREENSHOT_ICON,
+  "format-painter": FORMAT_PAINTER_ICON
 };
 const TABLE_RIGHT_MENU_CONFIG = {
   copyCells: {
@@ -11806,7 +11810,7 @@ class CustomClipboard extends Clipboard {
     if (!e.clipboardData) {
       e.clipboardData = {
         types: "text/plain",
-        setData: (type, value) => {
+        setData: (_type, value) => {
           return window["clipboardData"].setData("Text", value);
         }
       };
@@ -11991,7 +11995,7 @@ class CustomClipboard extends Clipboard {
             handlePasteContent(pastedDelta);
           }
         }
-      } catch (e) {
+      } catch (_e) {
         throw new Error("Paste failed.");
       }
     })();
@@ -12087,7 +12091,7 @@ class CustomClipboard extends Clipboard {
           )}`;
           imageIndex = index;
           file = await imageUrlToFile(newImage || image.src || image);
-        } catch (err) {
+        } catch (_err) {
           if (clipboardFiles.length !== 0) {
             const clipboardFile = clipboardFiles[0];
             const imageType = ((_a = clipboardFile.type) == null ? void 0 : _a.indexOf("image")) === -1 ? "image/png" : clipboardFile.type;
@@ -12118,7 +12122,7 @@ class CustomClipboard extends Clipboard {
       }
       return true;
     });
-    let range = {
+    const range = {
       index: length,
       length: 0
     };
@@ -12222,10 +12226,10 @@ function renderStyles(html) {
   iframe.parentNode.removeChild(iframe);
   return convertedString;
 }
-const Embed$5 = Quill.imports["blots/embed"];
+const Embed$4 = Quill.imports["blots/embed"];
 const Inline$2 = Quill.imports["blots/inline"];
 const ATTRIBUTES$4 = ["alt", "height", "width", "image-id"];
-const _CustomImage = class extends Embed$5 {
+const _CustomImage = class extends Embed$4 {
   static create(value) {
     const node = super.create(value);
     const url = typeof value === "string" ? value : value.src;
@@ -12403,7 +12407,7 @@ class CustomResizeAction extends Action {
       target.setAttribute("height", `${newHeight}`);
       this.formatter.update();
     };
-    this.onMouseUp = (event) => {
+    this.onMouseUp = () => {
       this.setCursor("");
       document.removeEventListener("mousemove", this.onDrag);
       document.removeEventListener("mouseup", this.onMouseUp);
@@ -12743,7 +12747,7 @@ class CustomImageSpec extends ImageSpec {
     }
   }
 }
-const dontMerge = (destination, source2) => source2;
+const dontMerge = (_destination, source2) => source2;
 class BlotFormatter {
   constructor(quill, options = {}) {
     this.onClick = () => {
@@ -12922,7 +12926,7 @@ class CustomUploader extends Uploader {
     });
     this.options.handler.call(this, range, uploads, fileFlags, rejectFlags);
   }
-  handleUploadFile(range, files, hasRejectedFile) {
+  handleUploadFile(range, files, _hasRejectedFile) {
     this.insertFileToEditor(range, files[0], {
       code: 0,
       data: {
@@ -12948,7 +12952,6 @@ class CustomUploader extends Uploader {
   handleUploadImage(range, { file, files }, hasRejectedImage) {
     if (this.imageUploadToServer) {
       const imageEnableMultiUpload = this.enableMultiUpload === true || this.enableMultiUpload["image"];
-      this.editorElem.parentElement.querySelector(".ql-image");
       const result = {
         file,
         data: { files: [file] },
@@ -13007,14 +13010,14 @@ CustomUploader.DEFAULTS = {
 function createEmoji(emojiArr) {
   const emojiList2 = [];
   emojiArr.forEach((emojiItem) => {
-    const [name, unicode, shortname, code_decimal, category, emoji_order] = emojiItem;
+    const [name, unicode, shortname, codeDecimal, category, emojiOrder] = emojiItem;
     emojiList2.push({
       name,
       unicode,
       shortname,
-      code_decimal,
+      codeDecimal,
       category,
-      emoji_order
+      emojiOrder
     });
   });
   return emojiList2;
@@ -13135,8 +13138,8 @@ const emojiMap = {};
 emojiList.forEach((emojiListObject) => {
   emojiMap[emojiListObject.name] = emojiListObject;
 });
-const Embed$4 = Quill.imports["blots/embed"];
-class EmojiBlot extends Embed$4 {
+const Embed$3 = Quill.imports["blots/embed"];
+class EmojiBlot extends Embed$3 {
   static create(value) {
     const node = super.create();
     if (typeof value === "object") {
@@ -13212,7 +13215,7 @@ class ShortNameEmoji extends Module$4 {
       collapsed: true
     }, this.handleArrow.bind(this));
   }
-  triggerPicker(range, context) {
+  triggerPicker(range, _context) {
     if (this.open) {
       return true;
     }
@@ -13258,7 +13261,7 @@ class ShortNameEmoji extends Module$4 {
         this.close(null);
         return;
       }
-    } catch (e) {
+    } catch (_e) {
       throw new Error("Close failed");
     }
     this.query = this.query.trim();
@@ -13298,7 +13301,7 @@ class ShortNameEmoji extends Module$4 {
       if (evt) {
         return;
       }
-    } catch (e) {
+    } catch (_e) {
       throw new Error("Render failed");
     }
     while (this.container.firstChild) {
@@ -13414,7 +13417,6 @@ function makeElement(tag2, attrs, ...children) {
   });
   return elem;
 }
-Quill.imports["delta"];
 const Module$3 = Quill.imports["core/module"];
 class ToolbarEmoji extends Module$3 {
   constructor(quill, options) {
@@ -13434,54 +13436,54 @@ class ToolbarEmoji extends Module$3 {
   }
   checkPalatteExist() {
     const quill = this.quill;
-    fn_checkDialogOpen(quill);
-    this.quill.on("text-change", function(delta, oldDelta, source2) {
+    fnCheckDialogOpen(quill);
+    this.quill.on("text-change", function(_delta, _oldDelta, source2) {
       if (source2 === "user") {
-        fn_close();
-        fn_updateRange(quill);
+        fnClose();
+        fnUpdateRange(quill);
       }
     });
   }
 }
-function fn_close() {
-  const ele_emoji_plate = document.getElementById("emoji-palette");
+function fnClose() {
+  const eleEmojiPlate = document.getElementById("emoji-palette");
   document.getElementById("emoji-close-div").style.display = "none";
-  if (ele_emoji_plate) {
-    ele_emoji_plate.remove();
+  if (eleEmojiPlate) {
+    eleEmojiPlate.remove();
   }
 }
-function fn_checkDialogOpen(quill) {
+function fnCheckDialogOpen(quill) {
   const elementExists = document.getElementById("emoji-palette");
   if (elementExists) {
     elementExists.remove();
   } else {
-    fn_showEmojiPalatte(quill);
+    fnShowEmojiPalatte(quill);
   }
 }
-function fn_updateRange(quill) {
+function fnUpdateRange(quill) {
   const range = quill.getSelection();
   return range;
 }
-function fn_showEmojiPalatte(quill) {
-  const ele_emoji_area = document.createElement("div");
+function fnShowEmojiPalatte(quill) {
+  const eleEmojiArea = document.createElement("div");
   const range = quill.getSelection();
   const atSignBounds = quill.getBounds(range.index);
-  quill.container.appendChild(ele_emoji_area);
+  quill.container.appendChild(eleEmojiArea);
   const containerRect = quill.container.getBoundingClientRect();
   const paletteMaxPos = atSignBounds.left + 250;
-  ele_emoji_area.id = "emoji-palette";
-  ele_emoji_area.style.top = 10 + atSignBounds.top + atSignBounds.height + containerRect.top + "px";
+  eleEmojiArea.id = "emoji-palette";
+  eleEmojiArea.style.top = 10 + atSignBounds.top + atSignBounds.height + containerRect.top + "px";
   if (paletteMaxPos > quill.container.offsetWidth) {
-    ele_emoji_area.style.left = atSignBounds.left + containerRect.left - 250 + "px";
+    eleEmojiArea.style.left = atSignBounds.left + containerRect.left - 250 + "px";
   } else {
-    ele_emoji_area.style.left = atSignBounds.left + containerRect.left + "px";
+    eleEmojiArea.style.left = atSignBounds.left + containerRect.left + "px";
   }
   const tabToolbar = document.createElement("div");
   tabToolbar.id = "tab-toolbar";
-  ele_emoji_area.appendChild(tabToolbar);
+  eleEmojiArea.appendChild(tabToolbar);
   const panel = document.createElement("div");
   panel.id = "tab-panel";
-  ele_emoji_area.appendChild(panel);
+  eleEmojiArea.appendChild(panel);
   const emojiType = [
     { "type": "p", "name": "people", "content": '<div class="i-people"></div>' },
     { "type": "n", "name": "nature", "content": '<div class="i-nature"></div>' },
@@ -13497,7 +13499,7 @@ function fn_showEmojiPalatte(quill) {
   if (document.getElementById("emoji-close-div") === null) {
     const closeDiv = document.createElement("div");
     closeDiv.id = "emoji-close-div";
-    closeDiv.addEventListener("click", fn_close, false);
+    closeDiv.addEventListener("click", fnClose, false);
     document.getElementsByTagName("body")[0].appendChild(closeDiv);
   } else {
     document.getElementById("emoji-close-div").style.display = "block";
@@ -13517,22 +13519,22 @@ function fn_showEmojiPalatte(quill) {
         tab.classList.remove("active");
       }
       emojiFilter.classList.toggle("active");
-      fn_updateEmojiContainer(emojiFilter, panel, quill);
+      fnUpdateEmojiContainer(emojiFilter, panel, quill);
     });
   });
-  fn_emojiPanelInit(panel, quill);
+  fnEmojiPanelInit(panel, quill);
 }
-function fn_emojiPanelInit(panel, quill) {
-  fn_emojiElementsToPanel("p", panel, quill);
+function fnEmojiPanelInit(panel, quill) {
+  fnEmojiElementsToPanel("p", panel, quill);
   document.querySelector(".filter-people").classList.add("active");
 }
-function fn_emojiElementsToPanel(type, panel, quill) {
+function fnEmojiElementsToPanel(_type, panel, quill) {
   const result = emojiList;
   result.sort(function(a, b) {
     return a.emoji_order - b.emoji_order;
   });
   quill.focus();
-  const range = fn_updateRange(quill);
+  const range = fnUpdateRange(quill);
   result.forEach(function(emoji) {
     const span = document.createElement("span");
     const t = document.createTextNode(emoji.shortname);
@@ -13549,22 +13551,22 @@ function fn_emojiElementsToPanel(type, panel, quill) {
       customButton.addEventListener("click", function() {
         quill.insertEmbed(range.index, "emoji", emoji, Quill.sources.USER);
         setTimeout(() => quill.setSelection(range.index + 1), 0);
-        fn_close();
+        fnClose();
       });
     }
   });
 }
-function fn_updateEmojiContainer(emojiFilter, panel, quill) {
+function fnUpdateEmojiContainer(emojiFilter, panel, quill) {
   while (panel.firstChild) {
     panel.removeChild(panel.firstChild);
   }
   const type = emojiFilter.dataset.filter;
-  fn_emojiElementsToPanel(type, panel, quill);
+  fnEmojiElementsToPanel(type, panel, quill);
 }
 var Emoji = { EmojiBlot, ShortNameEmoji, ToolbarEmoji };
-const Embed$3 = Quill.imports["blots/embed"];
+const Embed$2 = Quill.imports["blots/embed"];
 const FILE_ATTRIBUTES = ["id", "title", "size", "lastModified"];
-class File$1 extends Embed$3 {
+class File$1 extends Embed$2 {
   static create(value) {
     const node = super.create(value);
     const size = value.size / 1024;
@@ -13632,12 +13634,12 @@ function compareArray(arr1, arr2) {
   return true;
 }
 function compareObject(object1, object2) {
-  let o1keys = Object.keys(object1);
-  let o2keys = Object.keys(object2);
+  const o1keys = Object.keys(object1);
+  const o2keys = Object.keys(object2);
   if (o2keys.length !== o1keys.length)
     return false;
   for (let i = 0; i <= o1keys.length - 1; i++) {
-    let key = o1keys[i];
+    const key = o1keys[i];
     if (!o2keys.includes(key))
       return false;
     if (!compare(object2[key], object1[key]))
@@ -14034,7 +14036,7 @@ class Tooltip extends BaseTooltip {
     );
     this.root.addEventListener(
       "mouseenter",
-      (event) => {
+      () => {
         this.isHover = true;
       },
       false
@@ -14045,16 +14047,16 @@ class Tooltip extends BaseTooltip {
       window.open(link, "_blank");
       event.preventDefault();
     });
-    this.root.querySelector('input[type="text"]').addEventListener("focus", (event) => {
+    this.root.querySelector('input[type="text"]').addEventListener("focus", () => {
       this.isInputFocus = true;
     });
-    this.root.querySelector('input[type="text"]').addEventListener("blur", (event) => {
+    this.root.querySelector('input[type="text"]').addEventListener("blur", () => {
       this.isInputFocus = false;
       this.save();
     });
     this.quill.on(
       Emitter.events.SELECTION_CHANGE,
-      (range, oldRange, source2) => {
+      (range, _oldRange, source2) => {
         if (isNullOrUndefined(range)) {
           return;
         }
@@ -14079,7 +14081,7 @@ class Tooltip extends BaseTooltip {
     );
     this.quill.on(
       Emitter.events.TEXT_CHANGE,
-      (range, oldRange, source2) => {
+      () => {
         const selection = this.quill.getSelection();
         const index = selection && selection.index;
         setTimeout(() => {
@@ -14095,7 +14097,10 @@ class Tooltip extends BaseTooltip {
     );
   }
   save() {
-    let { value } = this.textbox;
+    let value = this.textbox.value;
+    if (!value)
+      return;
+    this.textbox.value = "";
     switch (this.root.getAttribute("data-mode")) {
       case "link": {
         const { scrollTop } = this.quill.root;
@@ -14119,9 +14124,6 @@ class Tooltip extends BaseTooltip {
         break;
       }
       case "formula": {
-        if (!value) {
-          break;
-        }
         const range = this.quill.getSelection(true);
         if (!isNullOrUndefined(range)) {
           const index = range.index + range.length;
@@ -14138,6 +14140,16 @@ class Tooltip extends BaseTooltip {
         }
         break;
       }
+      case "video": {
+        const range = this.quill.getSelection(true);
+        this.quill.insertText(range.index, "\n", Emitter.sources.USER);
+        this.quill.insertEmbed(range.index + 1, "video", { src: value }, Emitter.sources.USER);
+        this.quill.insertText(range.index + 2, "\n", Emitter.sources.USER);
+        this.quill.setSelection(range.index + 3, Emitter.sources.SILENT);
+        this.textbox.value = "";
+        this.hide();
+        break;
+      }
     }
   }
   position(reference) {
@@ -14225,7 +14237,7 @@ SnowTheme$1.prototype.extendToolbar = function(toolbar) {
   if (toolbar.container.querySelector(".ql-link")) {
     this.quill.keyboard.addBinding(
       { key: "k", shortKey: true },
-      (range, context) => {
+      (_range, context) => {
         toolbar.handlers.link.call(toolbar, !context.format.link);
       }
     );
@@ -14234,8 +14246,8 @@ SnowTheme$1.prototype.extendToolbar = function(toolbar) {
 const ON_MENTION_LINK_REMOVE = "mention-link/remove";
 const MENTION_CHAR = "mentionChar";
 const DEFAULT_MENTION_CHAR = "@";
-const Embed$2 = Quill.imports["blots/embed"];
-class MentionLink extends Embed$2 {
+const Embed$1 = Quill.imports["blots/embed"];
+class MentionLink extends Embed$1 {
   constructor(scroll, domNode, data) {
     super(scroll, domNode, data);
     this.mentionData = data;
@@ -14302,12 +14314,12 @@ class Mention {
       itemKey: "name",
       searchKey: "name",
       dataAttributes: ["id"],
-      select(data) {
+      select(_data) {
       },
-      remove(data) {
+      remove(_data) {
       }
     };
-    this.handleTextChange = (delta, oldDelta, source2) => {
+    this.handleTextChange = (_delta, _oldDelta, source2) => {
       setTimeout(() => {
         if (Quill.sources.USER === source2) {
           const range = this.quill.getSelection();
@@ -14375,7 +14387,10 @@ class Mention {
     }
     this.options = Object.assign(this.defaultOptions, options);
     const container = document.createElement("div");
-    container.classList.add(this.options.containerClass);
+    container.classList.add("ql-mention-list-container");
+    if (this.options.containerClass !== "ql-mention-list-container") {
+      container.classList.add(this.options.containerClass);
+    }
     this.mentionListEL = document.createElement("ul");
     this.mentionListEL.classList.add(this.options.listClass, this.options.listHideClass);
     this.mentionListEL.style.cssText += `
@@ -14469,11 +14484,11 @@ class Mention {
       -1
     );
   }
-  handleMouseClick(itemEl, index) {
+  handleMouseClick(_itemEl, index) {
     this.selectMentionItem(index, true);
     this.quill.focus();
   }
-  handleMouseEnter(itemEl, index) {
+  handleMouseEnter(_itemEl, index) {
     this.activeMentionIndex = index;
     this.highlightMentionItem(index);
   }
@@ -14531,7 +14546,11 @@ class Mention {
         mentionItemEl.classList.add(this.options.itemActiveClass);
       }
       const renderResult = this.options.renderMentionItem(mentionItem);
-      mentionItemEl.insertAdjacentElement("afterbegin", renderResult);
+      if (typeof renderResult === "string") {
+        mentionItemEl.insertAdjacentHTML("afterbegin", renderResult);
+      } else {
+        mentionItemEl.insertAdjacentElement("afterbegin", renderResult);
+      }
       wrapEl.appendChild(mentionItemEl);
     });
     this.mentionListEL.innerHTML = wrapEl.innerHTML;
@@ -14584,8 +14603,8 @@ class Mention {
     this.quill.setSelection(this.latestMentionCharPos + 1, Quill.sources.API);
   }
 }
-const Embed$1 = Quill.imports["blots/embed"];
-class SoftBreak extends Embed$1 {
+const Embed = Quill.imports["blots/embed"];
+class SoftBreak extends Embed {
   static create() {
     const node = super.create();
     return node;
@@ -14618,7 +14637,7 @@ const COL_DEFAULT = {
   width: 100
 };
 const CELL_IDENTITY_KEYS = ["row", "cell"];
-const CELL_ATTRIBUTES = ["rowspan", "colspan"];
+const CELL_ATTRIBUTES = ["rowspan", "colspan", "cell-bg"];
 const CELL_DEFAULT = {
   rowspan: 1,
   colspan: 1
@@ -14694,7 +14713,7 @@ class Header extends Block$3 {
       super.format(name, value);
     }
   }
-  optimize(context) {
+  optimize(_context) {
     const { row, cell, rowspan, colspan } = Header.formats(this.domNode);
     if (row && this.parent.statics.blotName !== "table") {
       this.wrap("table", {
@@ -14914,8 +14933,8 @@ const arrayFrom = function(arrayLike, mapFn, thisArg) {
       "Array.from requires an array-like object - not null or undefined"
     );
   }
-  let length = arrayLike.length;
-  let resArray = [];
+  const length = arrayLike.length;
+  const resArray = [];
   for (let i = 0; i < length; i++) {
     if (typeof mapFn === "function") {
       resArray.push(mapFn.call(thisArg, arrayLike[i]));
@@ -14939,7 +14958,7 @@ class TableCellLine extends Block$1 {
       const identityMaker = key === "row" ? rowId : cellId;
       node.setAttribute(`data-${key}`, value[key] || identityMaker());
     });
-    [...CELL_ATTRIBUTES, "cell-bg"].forEach((attrName) => {
+    CELL_ATTRIBUTES.forEach((attrName) => {
       const keyValue = value[attrName] || CELL_DEFAULT[attrName];
       keyValue && node.setAttribute(`data-${attrName}`, keyValue);
     });
@@ -14953,7 +14972,7 @@ class TableCellLine extends Block$1 {
     if (formats["list"]) {
       formats["list"] = domNode.classList.item(0);
     }
-    return reduceFormats(domNode, formats, ["cell-bg"]);
+    return reduceFormats(domNode, formats);
   }
   toggleAttribute(name, value) {
     if (value) {
@@ -15330,11 +15349,11 @@ class TableColGroup extends Container {
         elementSibling = elementSibling.nextElementSibling;
       }
       if (colgroupNumber < colSpan) {
-        let length = colSpan - colgroupNumber;
+        const length = colSpan - colgroupNumber;
         for (let i = 0; i < length; i++) {
-          let newCol = document.createElement("col");
+          const newCol = document.createElement("col");
           newCol.width = this.parent.domNode.children[0].children[this.parent.domNode.children[0].children.length - 1].width;
-          let newBr = document.createElement("br");
+          const newBr = document.createElement("br");
           newCol.appendChild(newBr);
           this.parent.domNode.children[0].appendChild(newCol);
           this.parent.domNode.style.width += newCol.width;
@@ -15443,7 +15462,7 @@ class TableContainer extends Container {
       return true;
     }
     delIndexes.forEach(() => {
-      let col = this.colGroup().children.at(delIndexes[0]);
+      const col = this.colGroup().children.at(delIndexes[0]);
       if (!col || this.colGroup().children.at(delIndexes[0]).domNode !== this.colGroup().domNode.children[delIndexes[0]]) {
         this.colGroup().domNode.removeChild(this.colGroup().domNode.children[delIndexes[0]]);
       } else {
@@ -15702,7 +15721,7 @@ class TableContainer extends Container {
     affectedCells.sort(sortFunc);
     return affectedCells;
   }
-  mergeCells(compareRect, mergingCells, rowspan, colspan, editorWrapper) {
+  mergeCells(_compareRect, mergingCells, rowspan, colspan, _editorWrapper) {
     const mergedCell = mergingCells.reduce((result, tableCell, index) => {
       if (index !== 0) {
         if (result) {
@@ -15859,8 +15878,8 @@ function cellId() {
   const id = Math.random().toString(36).slice(2, 6);
   return `cell-${id}`;
 }
-function reduceFormats(domNode, formats, extraFormat = []) {
-  return [...CELL_ATTRIBUTES, ...CELL_IDENTITY_KEYS, ...extraFormat].reduce((tableFormats, attribute) => {
+function reduceFormats(domNode, formats) {
+  return [...CELL_ATTRIBUTES, ...CELL_IDENTITY_KEYS].reduce((tableFormats, attribute) => {
     if (domNode.hasAttribute(`data-${attribute}`)) {
       tableFormats[attribute] = domNode.getAttribute(`data-${attribute}`) || void 0;
     }
@@ -16456,7 +16475,7 @@ const MENU_ITEMS_DEFAULT = {
 };
 const DEFAULT_CELL_COLORS = ["white", "red", "yellow", "blue"];
 const NODE_EVENT_MAP = /* @__PURE__ */ new WeakMap();
-let DEFAULT_COLOR_SUBTITLE = LANG_CONF["subTitleBgColor"];
+const DEFAULT_COLOR_SUBTITLE = LANG_CONF["subTitleBgColor"];
 class TableOperationMenu {
   constructor(params, quill, options) {
     const betterTableModule = quill.getModule("better-table");
@@ -16601,7 +16620,7 @@ class TableOperationMenu {
       tableContainer.emptyCells(selectedTds);
     }
   }
-  createVirtualTable(selectedTds, operation) {
+  createVirtualTable(selectedTds, _operation) {
     const virtualTable = document.createElement("table");
     virtualTable.style.position = "fixed";
     virtualTable.style.top = 0;
@@ -17258,7 +17277,7 @@ function matchTableCell(node, delta) {
   }
   return delta;
 }
-function matchTableHeader(node, delta, scroll) {
+function matchTableHeader(node, delta, _scroll) {
   const row = node.parentNode;
   const cells = Array.from(row.querySelectorAll("th"));
   let rowId$1 = row.dataset.row;
@@ -17299,7 +17318,7 @@ function matchTableHeader(node, delta, scroll) {
   return delta;
 }
 function matchTable(node, delta, scroll) {
-  let isWordTable = node.children.length === 1;
+  const isWordTable = node.children.length === 1;
   if (!(node instanceof Element)) {
     return;
   }
@@ -17388,7 +17407,7 @@ function matchTable(node, delta, scroll) {
   }
   return delta;
 }
-function matchTableRow(node, delta) {
+function matchTableRow(_node, delta) {
   if (delta.ops.length === 1 && !delta.ops[0].attributes) {
     delta = new Delta$1().insert("\n", { notFilled: true });
   }
@@ -17525,7 +17544,7 @@ class BetterTable extends Module {
             let tableBlot;
             try {
               tableBlot = prev.parent.parent.parent.parent;
-            } catch (e) {
+            } catch (_e) {
             }
             if (tableBlot && tableBlot.domNode !== betterTableModule.table) {
               betterTableModule.hideTableTools();
@@ -17558,7 +17577,7 @@ class BetterTable extends Module {
         this.hideTableTools();
       }
     });
-    this.quill.on(Quill.events.SELECTION_CHANGE, (range, oldRange, source2) => {
+    this.quill.on(Quill.events.SELECTION_CHANGE, (range, _oldRange, source2) => {
       if (!range) {
         return;
       }
@@ -17815,7 +17834,7 @@ BetterTable.keyboardBindings = {
           let tableBlot;
           try {
             tableBlot = col.parent.parent.parent;
-          } catch (e) {
+          } catch (_e) {
           }
           if (tableBlot && tableBlot.domNode !== betterTableModule.table) {
             betterTableModule.hideTableTools();
@@ -17851,7 +17870,7 @@ BetterTable.keyboardBindings = {
   "table-cell-line delete": {
     key: "Delete",
     format: ["table-cell-line"],
-    handler(range, context) {
+    handler(range, _context) {
       const [line] = this.quill.getLine(range.index);
       const index = this.quill.getIndex(line);
       const length = line.length();
@@ -50444,7 +50463,7 @@ class Picker {
     if (option.textContent) {
       item.setAttribute("data-label", option.textContent);
     }
-    item.addEventListener("click", (e) => {
+    item.addEventListener("click", () => {
       this.selectItem(item, true);
     });
     item.addEventListener("keydown", (event) => {
@@ -50832,24 +50851,23 @@ class BetterToolbar extends Toolbar {
     this.controls.push([format, input]);
   }
 }
-const Embed = Quill.imports["blots/embed"];
+const BlockEmbed = Quill.imports["blots/block/embed"];
 const VIDEO_ATTRIBUTES = ["id", "title", "src"];
-class Video extends Embed {
+class Video extends BlockEmbed {
   static sanitize(url) {
     return sanitize(url, this.PROTOCOL_WHITELIST) ? url : this.SANITIZED_URL;
   }
   static create(value) {
     const node = super.create(value);
-    node.setAttribute("contenteditable", false);
+    node.setAttribute("contenteditable", "false");
     node.setAttribute("controls", "controls");
     VIDEO_ATTRIBUTES.forEach((key) => {
       if (value[key]) {
         switch (key) {
-          case "src": {
+          case "src":
             const src = Video.sanitize(value[key]);
             node.setAttribute(key, src);
             break;
-          }
           case "title":
             node.setAttribute(key, value[key]);
             break;
@@ -50870,22 +50888,81 @@ class Video extends Embed {
     });
     return formats;
   }
-  static formats(domNode) {
-    const formats = {};
-    VIDEO_ATTRIBUTES.forEach((key) => {
-      const value = domNode.getAttribute(key) || domNode.dataset[key];
-      if (value) {
-        formats[key] = value;
-      }
-    });
-    return formats;
-  }
 }
 Video.blotName = "video";
 Video.tagName = "VIDEO";
 Video.SANITIZED_URL = "about:blank";
 Video.PROTOCOL_WHITELIST = ["http", "https"];
 Video.className = "ql-video-item";
+class FormatPainter {
+  constructor(quill) {
+    this.quill = quill;
+    this.isFormatterLock = false;
+    this.isFormating = false;
+    this.rangeFormat = {};
+    this.btnActive = () => {
+      setTimeout(() => {
+        this.formatterBtn.classList.add("ql-active");
+      }, 0);
+    };
+    this.btnRemoveActive = () => {
+      setTimeout(() => {
+        this.formatterBtn.classList.remove("ql-active");
+      }, 0);
+    };
+    this.bindFormatSelect = () => {
+      const range = this.quill.getSelection();
+      if (range.length === 0)
+        return;
+      this.rangeFormat = this.quill.getFormat(range);
+      this.isFormating = true;
+      this.quill.on(Quill.events.SELECTION_CHANGE, this.formatRange);
+      this.btnActive();
+    };
+    this.unbindFormatSelect = () => {
+      this.quill.off(Quill.events.SELECTION_CHANGE, this.formatRange);
+      this.rangeFormat = void 0;
+      this.btnRemoveActive();
+      this.isFormating = false;
+      this.isFormatterLock = false;
+    };
+    this.formatRange = (range) => {
+      if (!range)
+        return;
+      this.quill.removeFormat(range.index, range.length);
+      for (const format in this.rangeFormat) {
+        this.quill.format(format, this.rangeFormat[format], Quill.sources.USER);
+      }
+      if (!this.isFormatterLock) {
+        this.unbindFormatSelect();
+      } else {
+        this.btnActive();
+      }
+    };
+    this.quill = quill;
+    const toolbar = this.quill.getModule("toolbar");
+    this.formatterBtn = toolbar.container.querySelector(".ql-format-painter");
+    if (toolbar && this.formatterBtn) {
+      this.formatterBtn.addEventListener("dblclick", () => {
+        if (this.isFormatterLock) {
+          this.unbindFormatSelect();
+          return;
+        }
+        this.isFormatterLock = true;
+        this.bindFormatSelect();
+      });
+      this.formatterBtn.addEventListener("click", () => {
+        if (!this.isFormating) {
+          this.bindFormatSelect();
+        } else {
+          this.unbindFormatSelect();
+        }
+      });
+    }
+  }
+}
+FormatPainter.toolName = "format-painter";
+FormatPainter.moduleName = "format-painter";
 const registerModules = function() {
   const FontClass2 = Quill.imports["formats/font"];
   FontClass2.whitelist = FONT_FAMILY_CONFIG;
@@ -50899,6 +50976,11 @@ const registerModules = function() {
   const SnowTheme2 = Quill.imports["themes/snow"];
   SnowTheme2.DEFAULTS = {
     modules: {
+      keyboard: {
+        bindings: {
+          ...BetterTable.keyboardBindings
+        }
+      },
       toolbar: {
         handlers: {
           ...SnowTheme2.DEFAULTS.modules.toolbar.handlers,
@@ -50977,7 +51059,8 @@ const registerModules = function() {
             right: '<i class="icon-text-align-right"></i>'
           }
         }
-      }
+      },
+      "format-painter": {}
     }
   };
   Quill.register(
@@ -51000,7 +51083,8 @@ const registerModules = function() {
       "modules/emoji-toolbar": Emoji.ToolbarEmoji,
       "modules/emoji-shortname": Emoji.ShortNameEmoji,
       "modules/link": Link,
-      "modules/syntax": CustomSyntax
+      "modules/syntax": CustomSyntax,
+      "modules/format-painter": FormatPainter
     },
     true
   );