@opentiny/fluent-editor 3.18.2 → 3.18.4

package/index.es.js

@@ -11206,7 +11206,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) {
@@ -11806,7 +11808,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 +11993,7 @@ class CustomClipboard extends Clipboard {
             handlePasteContent(pastedDelta);
           }
         }
-      } catch (e) {
+      } catch (_e) {
         throw new Error("Paste failed.");
       }
     })();
@@ -12087,7 +12089,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 +12120,7 @@ class CustomClipboard extends Clipboard {
       }
       return true;
     });
-    let range = {
+    const range = {
       index: length,
       length: 0
     };
@@ -12403,7 +12405,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 +12745,7 @@ class CustomImageSpec extends ImageSpec {
     }
   }
 }
-const dontMerge = (destination, source2) => source2;
+const dontMerge = (_destination, source2) => source2;
 class BlotFormatter {
   constructor(quill, options = {}) {
     this.onClick = () => {
@@ -12922,7 +12924,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 +12950,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 +13008,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;
@@ -13212,7 +13213,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 +13259,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 +13299,7 @@ class ShortNameEmoji extends Module$4 {
       if (evt) {
         return;
       }
-    } catch (e) {
+    } catch (_e) {
       throw new Error("Render failed");
     }
     while (this.container.firstChild) {
@@ -13414,7 +13415,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 +13434,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 +13497,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 +13517,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,17 +13549,17 @@ 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"];
@@ -13632,12 +13632,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 +14034,7 @@ class Tooltip extends BaseTooltip {
     );
     this.root.addEventListener(
       "mouseenter",
-      (event) => {
+      () => {
         this.isHover = true;
       },
       false
@@ -14045,16 +14045,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 +14079,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(() => {
@@ -14225,7 +14225,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);
       }
     );
@@ -14302,12 +14302,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 +14375,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 +14472,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 +14534,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;
@@ -14618,7 +14625,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 +14701,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 +14921,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]));
@@ -14940,7 +14947,8 @@ class TableCellLine extends Block$1 {
       node.setAttribute(`data-${key}`, value[key] || identityMaker());
     });
     CELL_ATTRIBUTES.forEach((attrName) => {
-      node.setAttribute(`data-${attrName}`, value[attrName] || CELL_DEFAULT[attrName]);
+      const keyValue = value[attrName] || CELL_DEFAULT[attrName];
+      keyValue && node.setAttribute(`data-${attrName}`, keyValue);
     });
     if (value.height) {
       node.setAttribute("height", value.height);
@@ -14999,22 +15007,22 @@ class TableCellLine extends Block$1 {
     switch (true) {
       case name === "cell-bg": {
         this.toggleAttribute("data-cell-bg", value);
-        this.formatChildren(name, value);
       }
     }
   }
   optimize(context) {
     super.optimize(context);
-    const { row, cell, rowspan, colspan } = this.domNode.dataset;
+    const { row, cell, rowspan, colspan, cellBg } = this.domNode.dataset;
     const formats = TableCellLine.formats(this.domNode);
     const parentFormats = this.parent.formats();
     if (this.statics.requiredContainer && !(this.parent instanceof this.statics.requiredContainer)) {
-      this.wrap(this.statics.requiredContainer.blotName, { row, cell, rowspan, colspan });
+      this.wrap(this.statics.requiredContainer.blotName, { row, cell, rowspan, colspan, cellBg });
     } else if (!compare(formats, parentFormats)) {
       this.parent.format("row", formats.row);
       this.parent.format("cell", formats.cell);
       this.parent.format("rowspan", formats.rowspan);
       this.parent.format("colspan", formats.colspan);
+      formats["cell-bg"] && this.parent.setCellBg(formats["cell-bg"]);
     }
     const parentHeight = this.domNode.getAttribute("height");
     if (parentHeight) {
@@ -15108,6 +15116,13 @@ class TableCell extends Container {
       child.format(name, value);
     });
   }
+  setCellBg(value) {
+    if (value) {
+      this.domNode.style.backgroundColor = value;
+    } else {
+      this.domNode.style.backgroundColor = "initial";
+    }
+  }
   format(name, value) {
     const quill = Quill.find(this.scroll.domNode.parentNode);
     switch (true) {
@@ -15137,11 +15152,7 @@ class TableCell extends Container {
         this.toggleAttribute("data-cell-bg", value);
         this.toggleAttribute("data-parent-bg", value);
         this.formatChildren(name, value);
-        if (value) {
-          this.domNode.style.backgroundColor = value;
-        } else {
-          this.domNode.style.backgroundColor = "initial";
-        }
+        this.setCellBg(value);
       }
     }
   }
@@ -15326,11 +15337,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;
@@ -15439,7 +15450,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 {
@@ -15698,7 +15709,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) {
@@ -15856,7 +15867,7 @@ function cellId() {
   return `cell-${id}`;
 }
 function reduceFormats(domNode, formats) {
-  return CELL_ATTRIBUTES.concat(CELL_IDENTITY_KEYS).reduce((tableFormats, attribute) => {
+  return [...CELL_ATTRIBUTES, ...CELL_IDENTITY_KEYS].reduce((tableFormats, attribute) => {
     if (domNode.hasAttribute(`data-${attribute}`)) {
       tableFormats[attribute] = domNode.getAttribute(`data-${attribute}`) || void 0;
     }
@@ -16452,7 +16463,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");
@@ -16597,7 +16608,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;
@@ -17254,7 +17265,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;
@@ -17295,7 +17306,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;
   }
@@ -17384,7 +17395,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 });
   }
@@ -17521,7 +17532,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();
@@ -17554,7 +17565,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;
       }
@@ -17811,7 +17822,7 @@ BetterTable.keyboardBindings = {
           let tableBlot;
           try {
             tableBlot = col.parent.parent.parent;
-          } catch (e) {
+          } catch (_e) {
           }
           if (tableBlot && tableBlot.domNode !== betterTableModule.table) {
             betterTableModule.hideTableTools();
@@ -17847,7 +17858,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();
@@ -50440,7 +50451,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) => {