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

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

@@ -0,0 +1,248 @@
+import Quill from "quill";
+import emojiList from "../emoji-list.es.js";
+const Module = Quill.imports["core/module"];
+class ShortNameEmoji extends Module {
+  constructor(quill, options) {
+    super(quill, options);
+    this.emojiList = options.emojiList;
+    this.quill = quill;
+    this.onClose = options.onClose;
+    this.onOpen = options.onOpen;
+    this.container = document.createElement("ul");
+    this.container.classList.add("emoji_completions");
+    this.quill.container.appendChild(this.container);
+    this.container.style.position = "absolute";
+    this.container.style.display = "none";
+    this.onSelectionChange = this.maybeUnfocus.bind(this);
+    this.onTextChange = this.update.bind(this);
+    this.open = false;
+    this.atIndex = null;
+    this.focusedButton = null;
+    this.isWhiteSpace = function(ch) {
+      let whiteSpace = false;
+      if (/\s/.test(ch)) {
+        whiteSpace = true;
+      }
+      return whiteSpace;
+    };
+    quill.keyboard.addBinding({
+      // TODO: Once Quill supports using event.key change this to ":"
+      key: 186,
+      // ":" instead of 190 in Safari. Since it's the same key it doesn't matter if we register both.
+      shiftKey: true
+    }, this.triggerPicker.bind(this));
+    quill.keyboard.addBinding({
+      // gecko based browsers (firefox) use 59 as the keycode for semicolon,
+      // which makes a colon character when combined with shift
+      key: 59,
+      shiftKey: true
+    }, this.triggerPicker.bind(this));
+    quill.keyboard.addBinding({
+      key: 39,
+      // ArrowRight
+      collapsed: true
+    }, this.handleArrow.bind(this));
+    quill.keyboard.addBinding({
+      key: 40,
+      // ArrowRight
+      collapsed: true
+    }, this.handleArrow.bind(this));
+  }
+  triggerPicker(range, _context) {
+    if (this.open) return true;
+    if (range.length > 0) {
+      this.quill.deleteText(range.index, range.length, Quill.sources.USER);
+    }
+    this.quill.insertText(range.index, ":", "emoji-shortname", Quill.sources.USER);
+    const atSignBounds = this.quill.getBounds(range.index);
+    this.quill.setSelection(range.index + 1, Quill.sources.SILENT);
+    this.atIndex = range.index;
+    const paletteMaxPos = atSignBounds.left + 250;
+    if (paletteMaxPos > this.quill.container.offsetWidth) {
+      this.container.style.left = atSignBounds.left - 250 + "px";
+    } else {
+      this.container.style.left = atSignBounds.left + "px";
+    }
+    this.container.style.top = atSignBounds.top + atSignBounds.height + "px";
+    this.open = true;
+    this.quill.on("text-change", this.onTextChange);
+    this.quill.once("selection-change", this.onSelectionChange);
+    if (this.onOpen) {
+      this.onOpen();
+    }
+  }
+  handleArrow() {
+    if (!this.open) return true;
+    this.buttons[0].classList.remove("emoji-active");
+    this.buttons[0].focus();
+    if (this.buttons.length > 1) {
+      this.buttons[1].focus();
+    }
+  }
+  update(event) {
+    const sel = this.quill.getSelection().index;
+    if (this.atIndex >= sel) {
+      return this.close(null);
+    }
+    this.query = this.quill.getText(this.atIndex + 1, sel - this.atIndex - 1);
+    try {
+      if (this.isWhiteSpace(this.query)) {
+        this.close(null);
+        return;
+      }
+    } catch (_e) {
+      throw new Error("Close failed");
+    }
+    this.query = this.query.trim();
+    let emojis = this.emojiList;
+    emojis.sort(function(a, b) {
+      return a.emoji_order - b.emoji_order;
+    });
+    if (this.query.length < this.options.fuse.minMatchCharLength || emojis.length === 0) {
+      this.container.style.display = "none";
+      return;
+    }
+    if (emojis.length > 15) {
+      emojis = emojis.slice(0, 15);
+    }
+    this.renderCompletions(emojis, event);
+  }
+  maybeUnfocus() {
+    if (this.container.querySelector("*:focus")) return;
+    this.close(null);
+  }
+  renderCompletions(emojis, evt) {
+    try {
+      if (evt) {
+        if (evt.key === "Enter" || evt.keyCode === 13) {
+          this.close(emojis[0], 1);
+          this.container.style.display = "none";
+          return;
+        } else if (evt.key === "Tab" || evt.keyCode === 9) {
+          this.quill.disable();
+          this.buttons[0].classList.remove("emoji-active");
+          this.buttons[1].focus();
+          return;
+        }
+      }
+      if (evt) return;
+    } catch (_e) {
+      throw new Error("Render failed");
+    }
+    while (this.container.firstChild) {
+      this.container.removeChild(this.container.firstChild);
+    }
+    const buttons = Array(emojis.length);
+    this.buttons = buttons;
+    const handler = (i, emoji) => (event) => {
+      const arrowLeftKey = event.key === "ArrowLeft" || event.keyCode === 37;
+      const arrowUpKey = event.key === "ArrowUp" || event.keyCode === 38;
+      const arrowRightKey = event.key === "ArrowRight" || event.keyCode === 39;
+      const arrowDownKey = event.key === "ArrowDown" || event.keyCode === 40;
+      if (arrowRightKey || arrowDownKey) {
+        event.preventDefault();
+        buttons[Math.min(buttons.length - 1, i + 1)].focus();
+      } else if (event.key === "Tab" || event.keyCode === 9) {
+        event.preventDefault();
+        if (i + 1 === buttons.length) {
+          buttons[0].focus();
+          return;
+        }
+        buttons[Math.min(buttons.length - 1, i + 1)].focus();
+      } else if (arrowLeftKey || arrowUpKey) {
+        event.preventDefault();
+        buttons[Math.max(0, i - 1)].focus();
+      } else if (event.key === "Enter" || event.keyCode === 13 || event.key === " " || event.keyCode === 32 || event.key === "Tab" || event.keyCode === 9) {
+        event.preventDefault();
+        this.quill.enable();
+        this.close(emoji);
+      }
+    };
+    emojis.forEach((emoji, i) => {
+      const li = makeElement(
+        "li",
+        {},
+        makeElement(
+          "button",
+          { type: "button" },
+          makeElement("span", { className: "button-emoji ap ap-" + emoji.name, innerHTML: emoji.code_decimal }),
+          makeElement("span", { className: "unmatched" }, emoji.shortname)
+        )
+      );
+      this.container.appendChild(li);
+      buttons[i] = li.firstChild;
+      buttons[i].addEventListener("keydown", handler(i, emoji));
+      buttons[i].addEventListener("mousedown", () => this.close(emoji));
+      buttons[i].addEventListener("focus", () => {
+        this.focusedButton = i;
+      });
+      buttons[i].addEventListener("unfocus", () => {
+        this.focusedButton = null;
+      });
+    });
+    this.container.style.display = "block";
+    if (this.quill.container.classList.contains("top-emoji")) {
+      const x = this.container.querySelectorAll("li");
+      let i;
+      for (i = 0; i < x.length; i++) {
+        x[i].style.display = "block";
+      }
+      const windowHeight = window.innerHeight;
+      const editorPos = this.quill.container.getBoundingClientRect().top;
+      if (editorPos > windowHeight / 2 && this.container.offsetHeight > 0) {
+        this.container.style.top = "-" + this.container.offsetHeight + "px";
+      }
+    }
+    buttons[0].classList.add("emoji-active");
+  }
+  close(value, trailingDelete = 0) {
+    this.quill.enable();
+    this.container.style.display = "none";
+    while (this.container.firstChild) {
+      this.container.removeChild(this.container.firstChild);
+    }
+    this.quill.off("selection-change", this.onSelectionChange);
+    this.quill.off("text-change", this.onTextChange);
+    if (value) {
+      this.quill.deleteText(this.atIndex, this.query.length + 1 + trailingDelete, Quill.sources.USER);
+      this.quill.insertEmbed(this.atIndex, "emoji", value, Quill.sources.USER);
+      setTimeout(() => this.quill.setSelection(this.atIndex + 1), 0);
+    }
+    this.quill.focus();
+    this.open = false;
+    if (this.onClose) {
+      this.onClose(value);
+    }
+  }
+}
+ShortNameEmoji.DEFAULTS = {
+  emojiList,
+  fuse: {
+    shouldSort: true,
+    threshold: 0.1,
+    location: 0,
+    distance: 100,
+    maxPatternLength: 32,
+    minMatchCharLength: 1,
+    keys: [
+      "shortname"
+    ]
+  }
+};
+function makeElement(tag, attrs, ...children) {
+  const elem = document.createElement(tag);
+  Object.keys(attrs).forEach((key) => {
+    elem[key] = attrs[key];
+  });
+  children.forEach((child) => {
+    if (typeof child === "string") {
+      child = document.createTextNode(child);
+    }
+    elem.appendChild(child);
+  });
+  return elem;
+}
+export {
+  ShortNameEmoji as default
+};
+//# sourceMappingURL=emoji.es.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"emoji.es.js","sources":["../../../../src/emoji/modules/emoji.ts"],"sourcesContent":["import Quill from 'quill'\r\nimport emojiList from '../emoji-list'\r\n\r\nconst Module = Quill.imports['core/module']\r\n\r\n// @dynamic\r\nclass ShortNameEmoji extends Module {\r\n  static DEFAULTS: {\r\n    emojiList: any[]\r\n    fuse: {\r\n      shouldSort: boolean\r\n      threshold: number\r\n      location: number\r\n      distance: number\r\n      maxPatternLength: number\r\n      minMatchCharLength: number\r\n      keys: string[]\r\n    }\r\n  }\r\n\r\n  emojiList: any\r\n  quill: any\r\n  fuse: any\r\n  onOpen: any\r\n  onClose: any\r\n  container: HTMLUListElement\r\n  onSelectionChange: any\r\n  onTextChange: any\r\n  open: boolean\r\n  atIndex: any\r\n  focusedButton: any\r\n  isWhiteSpace: (ch: any) => boolean\r\n  query: any\r\n  buttons: any\r\n  options: any\r\n  constructor(quill, options) {\r\n    super(quill, options)\r\n\r\n    this.emojiList = options.emojiList\r\n\r\n    this.quill = quill\r\n    this.onClose = options.onClose\r\n    this.onOpen = options.onOpen\r\n    this.container = document.createElement('ul')\r\n    this.container.classList.add('emoji_completions')\r\n    this.quill.container.appendChild(this.container)\r\n    this.container.style.position = 'absolute'\r\n    this.container.style.display = 'none'\r\n\r\n    this.onSelectionChange = this.maybeUnfocus.bind(this)\r\n    this.onTextChange = this.update.bind(this)\r\n\r\n    this.open = false\r\n    this.atIndex = null\r\n    this.focusedButton = null\r\n\r\n    this.isWhiteSpace = function (ch) {\r\n      let whiteSpace = false\r\n      if (/\\s/.test(ch)) {\r\n        whiteSpace = true\r\n      }\r\n      return whiteSpace\r\n    }\r\n\r\n    quill.keyboard.addBinding({\r\n      // TODO: Once Quill supports using event.key change this to \":\"\r\n      key: 186, // \":\" instead of 190 in Safari. Since it's the same key it doesn't matter if we register both.\r\n      shiftKey: true,\r\n    }, this.triggerPicker.bind(this))\r\n\r\n    quill.keyboard.addBinding({\r\n      // gecko based browsers (firefox) use 59 as the keycode for semicolon,\r\n      // which makes a colon character when combined with shift\r\n      key: 59,\r\n      shiftKey: true,\r\n    }, this.triggerPicker.bind(this))\r\n\r\n    quill.keyboard.addBinding({\r\n      key: 39, // ArrowRight\r\n      collapsed: true,\r\n    }, this.handleArrow.bind(this))\r\n\r\n    quill.keyboard.addBinding({\r\n      key: 40, // ArrowRight\r\n      collapsed: true,\r\n    }, this.handleArrow.bind(this))\r\n    // TODO: Add keybindings for Enter (13) and Tab (9) directly on the quill editor\r\n  }\r\n\r\n  triggerPicker(range, _context) {\r\n    if (this.open) return true\r\n    if (range.length > 0) {\r\n      this.quill.deleteText(range.index, range.length, Quill.sources.USER)\r\n    }\r\n\r\n    this.quill.insertText(range.index, ':', 'emoji-shortname', Quill.sources.USER)\r\n    const atSignBounds = this.quill.getBounds(range.index)\r\n    this.quill.setSelection(range.index + 1, Quill.sources.SILENT)\r\n\r\n    this.atIndex = range.index\r\n\r\n    const paletteMaxPos = atSignBounds.left + 250\r\n    if (paletteMaxPos > this.quill.container.offsetWidth) {\r\n      this.container.style.left = (atSignBounds.left - 250) + 'px'\r\n    }\r\n    else {\r\n      this.container.style.left = atSignBounds.left + 'px'\r\n    }\r\n\r\n    this.container.style.top = atSignBounds.top + atSignBounds.height + 'px'\r\n    this.open = true\r\n\r\n    this.quill.on('text-change', this.onTextChange)\r\n    this.quill.once('selection-change', this.onSelectionChange)\r\n    if (this.onOpen) {\r\n      this.onOpen()\r\n    }\r\n  }\r\n\r\n  handleArrow() {\r\n    if (!this.open) return true\r\n    this.buttons[0].classList.remove('emoji-active')\r\n    this.buttons[0].focus()\r\n    if (this.buttons.length > 1) {\r\n      this.buttons[1].focus()\r\n    }\r\n  }\r\n\r\n  update(event) {\r\n    const sel = this.quill.getSelection().index\r\n    if (this.atIndex >= sel) { // Deleted the at character\r\n      return this.close(null)\r\n    }\r\n    this.query = this.quill.getText(this.atIndex + 1, sel - this.atIndex - 1)\r\n\r\n    try {\r\n      if (this.isWhiteSpace(this.query)) {\r\n        this.close(null)\r\n        return\r\n      }\r\n    }\r\n    catch (_e) {\r\n      throw new Error('Close failed')\r\n    }\r\n\r\n    this.query = this.query.trim()\r\n\r\n    let emojis: any = this.emojiList\r\n    emojis.sort(function (a: any, b: any) {\r\n      return a.emoji_order - b.emoji_order\r\n    })\r\n\r\n    if (this.query.length < this.options.fuse.minMatchCharLength || emojis.length === 0) {\r\n      this.container.style.display = 'none'\r\n      return\r\n    }\r\n    if (emojis.length > 15) { // return only 15\r\n      emojis = emojis.slice(0, 15)\r\n    }\r\n    this.renderCompletions(emojis, event)\r\n  }\r\n\r\n  maybeUnfocus() {\r\n    if (this.container.querySelector('*:focus')) return\r\n    this.close(null)\r\n  }\r\n\r\n  renderCompletions(emojis, evt) {\r\n    try {\r\n      if (evt) {\r\n        if (evt.key === 'Enter' || evt.keyCode === 13) {\r\n          this.close(emojis[0], 1)\r\n          this.container.style.display = 'none'\r\n          return\r\n        }\r\n        else if (evt.key === 'Tab' || evt.keyCode === 9) {\r\n          this.quill.disable()\r\n          this.buttons[0].classList.remove('emoji-active')\r\n          this.buttons[1].focus()\r\n          return\r\n        }\r\n      }\r\n      if (evt) return\r\n    }\r\n    catch (_e) {\r\n      throw new Error('Render failed')\r\n    }\r\n\r\n    while (this.container.firstChild) {\r\n      this.container.removeChild(this.container.firstChild)\r\n    }\r\n    const buttons = Array(emojis.length)\r\n    this.buttons = buttons\r\n\r\n    const handler = (i, emoji) => (event) => {\r\n      const arrowLeftKey = event.key === 'ArrowLeft' || event.keyCode === 37\r\n      const arrowUpKey = event.key === 'ArrowUp' || event.keyCode === 38\r\n      const arrowRightKey = event.key === 'ArrowRight' || event.keyCode === 39\r\n      const arrowDownKey = event.key === 'ArrowDown' || event.keyCode === 40\r\n      if (arrowRightKey || arrowDownKey) {\r\n        event.preventDefault()\r\n        buttons[Math.min(buttons.length - 1, i + 1)].focus()\r\n      }\r\n      else if (event.key === 'Tab' || event.keyCode === 9) {\r\n        event.preventDefault()\r\n        if ((i + 1) === buttons.length) {\r\n          buttons[0].focus()\r\n          return\r\n        }\r\n        buttons[Math.min(buttons.length - 1, i + 1)].focus()\r\n      }\r\n      else if (arrowLeftKey || arrowUpKey) {\r\n        event.preventDefault()\r\n        buttons[Math.max(0, i - 1)].focus()\r\n      }\r\n      else if (event.key === 'Enter' || event.keyCode === 13\r\n        || event.key === ' ' || event.keyCode === 32\r\n        || event.key === 'Tab' || event.keyCode === 9) {\r\n        event.preventDefault()\r\n        this.quill.enable()\r\n        this.close(emoji)\r\n      }\r\n    }\r\n\r\n    emojis.forEach((emoji, i) => {\r\n      const li = makeElement(\r\n        'li', {},\r\n        makeElement(\r\n          'button', { type: 'button' },\r\n          makeElement('span', { className: 'button-emoji ap ap-' + emoji.name, innerHTML: emoji.code_decimal }),\r\n          makeElement('span', { className: 'unmatched' }, emoji.shortname),\r\n        ),\r\n      )\r\n      this.container.appendChild(li)\r\n      buttons[i] = li.firstChild\r\n      // Events will be GC-ed with button on each re-render:\r\n      buttons[i].addEventListener('keydown', handler(i, emoji))\r\n      buttons[i].addEventListener('mousedown', () => this.close(emoji))\r\n      buttons[i].addEventListener('focus', () => {\r\n        this.focusedButton = i\r\n      })\r\n      buttons[i].addEventListener('unfocus', () => {\r\n        this.focusedButton = null\r\n      })\r\n    })\r\n\r\n    this.container.style.display = 'block'\r\n    // emoji palette on top\r\n    if (this.quill.container.classList.contains('top-emoji')) {\r\n      const x = this.container.querySelectorAll('li')\r\n      let i\r\n      for (i = 0; i < x.length; i++) {\r\n        x[i].style.display = 'block'\r\n      }\r\n\r\n      const windowHeight = window.innerHeight\r\n      const editorPos = this.quill.container.getBoundingClientRect().top\r\n      if (editorPos > windowHeight / 2 && this.container.offsetHeight > 0) {\r\n        this.container.style.top = '-' + this.container.offsetHeight + 'px'\r\n      }\r\n    }\r\n\r\n    buttons[0].classList.add('emoji-active')\r\n  }\r\n\r\n  close(value, trailingDelete = 0) {\r\n    this.quill.enable()\r\n    this.container.style.display = 'none'\r\n    while (this.container.firstChild) {\r\n      this.container.removeChild(this.container.firstChild)\r\n    }\r\n    this.quill.off('selection-change', this.onSelectionChange)\r\n    this.quill.off('text-change', this.onTextChange)\r\n    if (value) {\r\n      this.quill.deleteText(this.atIndex, this.query.length + 1 + trailingDelete, Quill.sources.USER)\r\n      this.quill.insertEmbed(this.atIndex, 'emoji', value, Quill.sources.USER)\r\n      setTimeout(() => this.quill.setSelection(this.atIndex + 1), 0)\r\n    }\r\n    this.quill.focus()\r\n    this.open = false\r\n    if (this.onClose) {\r\n      this.onClose(value)\r\n    }\r\n  }\r\n}\r\n\r\nShortNameEmoji.DEFAULTS = {\r\n  emojiList: emojiList,\r\n  fuse: {\r\n    shouldSort: true,\r\n    threshold: 0.1,\r\n    location: 0,\r\n    distance: 100,\r\n    maxPatternLength: 32,\r\n    minMatchCharLength: 1,\r\n    keys: [\r\n      'shortname',\r\n    ],\r\n  },\r\n}\r\n\r\nfunction makeElement(tag, attrs, ...children) {\r\n  const elem = document.createElement(tag)\r\n  Object.keys(attrs).forEach((key) => {\r\n    elem[key] = attrs[key]\r\n  })\r\n  children.forEach((child) => {\r\n    if (typeof child === 'string') {\r\n      child = document.createTextNode(child)\r\n    }\r\n    elem.appendChild(child)\r\n  })\r\n  return elem\r\n}\r\n\r\nexport default ShortNameEmoji\r\n"],"names":[],"mappings":"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"}

package/es/emoji/modules/toolbar-emoji.es.js

@@ -0,0 +1,153 @@
+import Quill from "quill";
+import { EMOJI_SPRITE } from "../../config/base64-image.es.js";
+import emojiList from "../emoji-list.es.js";
+const Module = Quill.imports["core/module"];
+class ToolbarEmoji extends Module {
+  constructor(quill, options) {
+    super(quill, options);
+    this.quill = quill;
+    this.toolbar = quill.getModule("toolbar");
+    if (typeof this.toolbar !== "undefined") {
+      this.toolbar.addHandler("emoji", this.checkPalatteExist);
+    }
+    let emojiStyle = document.querySelector("style#devui-emoji-sprite");
+    if (!emojiStyle) {
+      emojiStyle = document.createElement("style");
+      emojiStyle.setAttribute("id", "devui-emoji-sprite");
+      emojiStyle.innerHTML = `.ap{background-image:url(${EMOJI_SPRITE})}`;
+      document.head.appendChild(emojiStyle);
+    }
+  }
+  checkPalatteExist() {
+    const quill = this.quill;
+    fnCheckDialogOpen(quill);
+    this.quill.on("text-change", function(_delta, _oldDelta, source) {
+      if (source === "user") {
+        fnClose();
+        fnUpdateRange(quill);
+      }
+    });
+  }
+}
+function fnClose() {
+  const eleEmojiPlate = document.getElementById("emoji-palette");
+  document.getElementById("emoji-close-div").style.display = "none";
+  if (eleEmojiPlate) {
+    eleEmojiPlate.remove();
+  }
+}
+function fnCheckDialogOpen(quill) {
+  const elementExists = document.getElementById("emoji-palette");
+  if (elementExists) {
+    elementExists.remove();
+  } else {
+    fnShowEmojiPalatte(quill);
+  }
+}
+function fnUpdateRange(quill) {
+  const range = quill.getSelection();
+  return range;
+}
+function fnShowEmojiPalatte(quill) {
+  const eleEmojiArea = document.createElement("div");
+  const range = quill.getSelection();
+  const atSignBounds = quill.getBounds(range.index);
+  quill.container.appendChild(eleEmojiArea);
+  const containerRect = quill.container.getBoundingClientRect();
+  const paletteMaxPos = atSignBounds.left + 250;
+  eleEmojiArea.id = "emoji-palette";
+  eleEmojiArea.style.top = 10 + atSignBounds.top + atSignBounds.height + containerRect.top + "px";
+  if (paletteMaxPos > quill.container.offsetWidth) {
+    eleEmojiArea.style.left = atSignBounds.left + containerRect.left - 250 + "px";
+  } else {
+    eleEmojiArea.style.left = atSignBounds.left + containerRect.left + "px";
+  }
+  const tabToolbar = document.createElement("div");
+  tabToolbar.id = "tab-toolbar";
+  eleEmojiArea.appendChild(tabToolbar);
+  const panel = document.createElement("div");
+  panel.id = "tab-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>' },
+    { type: "d", name: "food", content: '<div class="i-food"></div>' },
+    { type: "s", name: "symbols", content: '<div class="i-symbols"></div>' },
+    { type: "a", name: "activity", content: '<div class="i-activity"></div>' },
+    { type: "t", name: "travel", content: '<div class="i-travel"></div>' },
+    { type: "o", name: "objects", content: '<div class="i-objects"></div>' },
+    { type: "f", name: "flags", content: '<div class="i-flags"></div>' }
+  ];
+  const tabElementHolder = document.createElement("ul");
+  tabToolbar.appendChild(tabElementHolder);
+  if (document.getElementById("emoji-close-div") === null) {
+    const closeDiv = document.createElement("div");
+    closeDiv.id = "emoji-close-div";
+    closeDiv.addEventListener("click", fnClose, false);
+    document.getElementsByTagName("body")[0].appendChild(closeDiv);
+  } else {
+    document.getElementById("emoji-close-div").style.display = "block";
+  }
+  emojiType.forEach(function(emojiTypeItem) {
+    const tabElement = document.createElement("li");
+    tabElement.classList.add("emoji-tab");
+    tabElement.classList.add("filter-" + emojiTypeItem.name);
+    const tabValue = emojiTypeItem.content;
+    tabElement.innerHTML = tabValue;
+    tabElement.dataset.filter = emojiTypeItem.type;
+    tabElementHolder.appendChild(tabElement);
+    const emojiFilter = document.querySelector(".filter-" + emojiTypeItem.name);
+    emojiFilter.addEventListener("click", function() {
+      const tab = document.querySelector(".emoji-tab.active");
+      if (tab) {
+        tab.classList.remove("active");
+      }
+      emojiFilter.classList.toggle("active");
+      fnUpdateEmojiContainer(emojiFilter, panel, quill);
+    });
+  });
+  fnEmojiPanelInit(panel, quill);
+}
+function fnEmojiPanelInit(panel, quill) {
+  fnEmojiElementsToPanel("p", panel, quill);
+  document.querySelector(".filter-people").classList.add("active");
+}
+function fnEmojiElementsToPanel(_type, panel, quill) {
+  const result = emojiList;
+  result.sort(function(a, b) {
+    return a.emoji_order - b.emoji_order;
+  });
+  quill.focus();
+  const range = fnUpdateRange(quill);
+  result.forEach(function(emoji) {
+    const span = document.createElement("span");
+    const t = document.createTextNode(emoji.shortname);
+    span.appendChild(t);
+    span.classList.add("bem");
+    span.classList.add("bem-" + emoji.name);
+    span.classList.add("ap");
+    span.classList.add("ap-" + emoji.name);
+    const output = String(String(emoji.code_decimal));
+    span.innerHTML = output + " ";
+    panel.appendChild(span);
+    const customButton = document.querySelector(".bem-" + emoji.name);
+    if (customButton) {
+      customButton.addEventListener("click", function() {
+        quill.insertEmbed(range.index, "emoji", emoji, Quill.sources.USER);
+        setTimeout(() => quill.setSelection(range.index + 1), 0);
+        fnClose();
+      });
+    }
+  });
+}
+function fnUpdateEmojiContainer(emojiFilter, panel, quill) {
+  while (panel.firstChild) {
+    panel.removeChild(panel.firstChild);
+  }
+  const type = emojiFilter.dataset.filter;
+  fnEmojiElementsToPanel(type, panel, quill);
+}
+export {
+  ToolbarEmoji as default
+};
+//# sourceMappingURL=toolbar-emoji.es.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"toolbar-emoji.es.js","sources":["../../../../src/emoji/modules/toolbar-emoji.ts"],"sourcesContent":["import Quill from 'quill'\r\nimport { EMOJI_SPRITE as emojiSprite } from '../../config/base64-image'\r\nimport emojiList from '../emoji-list'\r\n\r\nconst Module = Quill.imports['core/module']\r\n\r\nclass ToolbarEmoji extends Module {\r\n  quill: any\r\n  toolbar: any\r\n  constructor(quill, options) {\r\n    super(quill, options)\r\n\r\n    this.quill = quill\r\n    this.toolbar = quill.getModule('toolbar')\r\n    if (typeof this.toolbar !== 'undefined') {\r\n      this.toolbar.addHandler('emoji', this.checkPalatteExist)\r\n    }\r\n\r\n    // 在emoji模块加载时判断并插入emoji精灵图样式，防止重复插入\r\n    let emojiStyle = document.querySelector('style#devui-emoji-sprite')\r\n    if (!emojiStyle) {\r\n      emojiStyle = document.createElement('style')\r\n      emojiStyle.setAttribute('id', 'devui-emoji-sprite')\r\n      emojiStyle.innerHTML = `.ap{background-image:url(${emojiSprite})}`\r\n      document.head.appendChild(emojiStyle)\r\n    }\r\n  }\r\n\r\n  checkPalatteExist() {\r\n    const quill = this.quill\r\n    fnCheckDialogOpen(quill)\r\n    this.quill.on('text-change', function (_delta, _oldDelta, source) {\r\n      if (source === 'user') {\r\n        fnClose()\r\n        fnUpdateRange(quill)\r\n      }\r\n    })\r\n  }\r\n}\r\n\r\nfunction fnClose() {\r\n  const eleEmojiPlate = document.getElementById('emoji-palette')\r\n  document.getElementById('emoji-close-div').style.display = 'none'\r\n  if (eleEmojiPlate) {\r\n    eleEmojiPlate.remove()\r\n  }\r\n}\r\n\r\nfunction fnCheckDialogOpen(quill) {\r\n  const elementExists = document.getElementById('emoji-palette')\r\n  if (elementExists) {\r\n    elementExists.remove()\r\n  }\r\n  else {\r\n    fnShowEmojiPalatte(quill)\r\n  }\r\n}\r\n\r\nfunction fnUpdateRange(quill) {\r\n  const range = quill.getSelection()\r\n  return range\r\n}\r\n\r\nfunction fnShowEmojiPalatte(quill) {\r\n  const eleEmojiArea = document.createElement('div')\r\n  const range = quill.getSelection()\r\n  const atSignBounds = quill.getBounds(range.index)\r\n\r\n  quill.container.appendChild(eleEmojiArea)\r\n  const containerRect = quill.container.getBoundingClientRect()\r\n  const paletteMaxPos = atSignBounds.left + 250 // palette max width is 250\r\n  eleEmojiArea.id = 'emoji-palette'\r\n  eleEmojiArea.style.top = 10 + atSignBounds.top + atSignBounds.height + containerRect.top + 'px'\r\n  if (paletteMaxPos > quill.container.offsetWidth) {\r\n    eleEmojiArea.style.left = (atSignBounds.left + containerRect.left - 250) + 'px'\r\n  }\r\n  else {\r\n    eleEmojiArea.style.left = atSignBounds.left + containerRect.left + 'px'\r\n  }\r\n\r\n  const tabToolbar = document.createElement('div')\r\n  tabToolbar.id = 'tab-toolbar'\r\n  eleEmojiArea.appendChild(tabToolbar)\r\n\r\n  // panel\r\n  const panel = document.createElement('div')\r\n  panel.id = 'tab-panel'\r\n  eleEmojiArea.appendChild(panel)\r\n\r\n  const emojiType = [\r\n    { type: 'p', name: 'people', content: '<div class=\"i-people\"></div>' },\r\n    { type: 'n', name: 'nature', content: '<div class=\"i-nature\"></div>' },\r\n    { type: 'd', name: 'food', content: '<div class=\"i-food\"></div>' },\r\n    { type: 's', name: 'symbols', content: '<div class=\"i-symbols\"></div>' },\r\n    { type: 'a', name: 'activity', content: '<div class=\"i-activity\"></div>' },\r\n    { type: 't', name: 'travel', content: '<div class=\"i-travel\"></div>' },\r\n    { type: 'o', name: 'objects', content: '<div class=\"i-objects\"></div>' },\r\n    { type: 'f', name: 'flags', content: '<div class=\"i-flags\"></div>' },\r\n  ]\r\n\r\n  const tabElementHolder = document.createElement('ul')\r\n  tabToolbar.appendChild(tabElementHolder)\r\n\r\n  if (document.getElementById('emoji-close-div') === null) {\r\n    const closeDiv = document.createElement('div')\r\n    closeDiv.id = 'emoji-close-div'\r\n    closeDiv.addEventListener('click', fnClose, false)\r\n    document.getElementsByTagName('body')[0].appendChild(closeDiv)\r\n  }\r\n  else {\r\n    document.getElementById('emoji-close-div').style.display = 'block'\r\n  }\r\n\r\n  emojiType.forEach(function (emojiTypeItem) {\r\n    // add tab bar\r\n    const tabElement = document.createElement('li')\r\n    tabElement.classList.add('emoji-tab')\r\n    tabElement.classList.add('filter-' + emojiTypeItem.name)\r\n    const tabValue = emojiTypeItem.content\r\n    tabElement.innerHTML = tabValue\r\n    tabElement.dataset.filter = emojiTypeItem.type\r\n    tabElementHolder.appendChild(tabElement)\r\n\r\n    const emojiFilter = document.querySelector('.filter-' + emojiTypeItem.name)\r\n    emojiFilter.addEventListener('click', function () {\r\n      const tab = document.querySelector('.emoji-tab.active')\r\n      if (tab) {\r\n        tab.classList.remove('active')\r\n      }\r\n      emojiFilter.classList.toggle('active')\r\n      fnUpdateEmojiContainer(emojiFilter, panel, quill)\r\n    })\r\n  })\r\n  fnEmojiPanelInit(panel, quill)\r\n}\r\n\r\nfunction fnEmojiPanelInit(panel, quill) {\r\n  fnEmojiElementsToPanel('p', panel, quill)\r\n  document.querySelector('.filter-people').classList.add('active')\r\n}\r\n\r\nfunction fnEmojiElementsToPanel(_type, panel, quill) {\r\n  const result = emojiList\r\n  result.sort(function (a: any, b: any) {\r\n    return a.emoji_order - b.emoji_order\r\n  })\r\n\r\n  quill.focus()\r\n  const range = fnUpdateRange(quill)\r\n\r\n  result.forEach(function (emoji: any) {\r\n    const span = document.createElement('span')\r\n    const t = document.createTextNode(emoji.shortname)\r\n    span.appendChild(t)\r\n    span.classList.add('bem')\r\n    span.classList.add('bem-' + emoji.name)\r\n    span.classList.add('ap')\r\n    span.classList.add('ap-' + emoji.name)\r\n    const output = String(String(emoji.code_decimal))\r\n    span.innerHTML = output + ' '\r\n    panel.appendChild(span)\r\n\r\n    const customButton = document.querySelector('.bem-' + emoji.name)\r\n    if (customButton) {\r\n      customButton.addEventListener('click', function () {\r\n        quill.insertEmbed(range.index, 'emoji', emoji, Quill.sources.USER)\r\n        setTimeout(() => quill.setSelection(range.index + 1), 0)\r\n        fnClose()\r\n      })\r\n    }\r\n  })\r\n}\r\n\r\nfunction fnUpdateEmojiContainer(emojiFilter, panel, quill) {\r\n  while (panel.firstChild) {\r\n    panel.removeChild(panel.firstChild)\r\n  }\r\n  const type = emojiFilter.dataset.filter\r\n  fnEmojiElementsToPanel(type, panel, quill)\r\n}\r\n\r\nexport default ToolbarEmoji\r\n"],"names":["emojiSprite"],"mappings":"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"}

package/es/emoji/utils.es.js

@@ -0,0 +1,19 @@
+function createEmoji(emojiArr) {
+  const emojiList = [];
+  emojiArr.forEach((emojiItem) => {
+    const [name, unicode, shortname, codeDecimal, category, emojiOrder] = emojiItem;
+    emojiList.push({
+      name,
+      unicode,
+      shortname,
+      codeDecimal,
+      category,
+      emojiOrder
+    });
+  });
+  return emojiList;
+}
+export {
+  createEmoji
+};
+//# sourceMappingURL=utils.es.js.map

package/es/emoji/utils.es.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"utils.es.js","sources":["../../../src/emoji/utils.ts"],"sourcesContent":["export function createEmoji(emojiArr) {\r\n  const emojiList = []\r\n  emojiArr.forEach((emojiItem) => {\r\n    const [name, unicode, shortname, codeDecimal, category, emojiOrder] = emojiItem\r\n    emojiList.push({\r\n      name,\r\n      unicode,\r\n      shortname,\r\n      codeDecimal,\r\n      category,\r\n      emojiOrder,\r\n    })\r\n  })\r\n  return emojiList\r\n}\r\n"],"names":[],"mappings":"AAAO,SAAS,YAAY,UAAU;AACpC,QAAM,YAAY,CAAA;AACT,WAAA,QAAQ,CAAC,cAAc;AAC9B,UAAM,CAAC,MAAM,SAAS,WAAW,aAAa,UAAU,UAAU,IAAI;AACtE,cAAU,KAAK;AAAA,MACb;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,IAAA,CACD;AAAA,EAAA,CACF;AACM,SAAA;AACT;"}

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

@@ -0,0 +1,56 @@
+import Quill from "quill";
+import { sanitize } from "../../config/editor.utils.es.js";
+const Embed = Quill.imports["blots/embed"];
+const FILE_ATTRIBUTES = ["id", "title", "size", "lastModified"];
+class File extends Embed {
+  static create(value) {
+    const node = super.create(value);
+    const size = value.size / 1024;
+    const fixSize = !size ? 0 : size < 1 ? 1 : size.toFixed(0);
+    node.classList.add("icon-file");
+    node.setAttribute("contenteditable", false);
+    const fileSvg = '<svg viewBox="0 0 1024 1024" version="1.1" xmlns="http://www.w3.org/2000/svg" width="16" height="16"><path d="M854.6 288.6L639.4 73.4c-6-6-14.1-9.4-22.6-9.4H192c-17.7 0-32 14.3-32 32v832c0 17.7 14.3 32 32 32h640c17.7 0 32-14.3 32-32V311.3c0-8.5-3.4-16.7-9.4-22.7zM790.2 326H602V137.8L790.2 326z m1.8 562H232V136h302v216c0 23.2 18.8 42 42 42h216v494z" p-id="2307"></path></svg>';
+    node.innerHTML = `${fileSvg} ${value.title} (${fixSize} KB)`;
+    const src = File.sanitize(value.src);
+    if (src) {
+      node.href = src;
+      node.target = "_blank";
+    }
+    FILE_ATTRIBUTES.forEach((key) => {
+      if (value[key]) {
+        node.dataset[key] = value[key];
+      }
+    });
+    return node;
+  }
+  static value(domNode) {
+    return File.getFormats(domNode);
+  }
+  static formats(domNode) {
+    return File.getFormats(domNode);
+  }
+  static getFormats(domNode) {
+    const formats = {};
+    const href = File.sanitize(domNode.href);
+    if (href) {
+      formats.src = href;
+    }
+    FILE_ATTRIBUTES.forEach((key) => {
+      if (domNode.dataset[key]) {
+        formats[key] = domNode.dataset[key];
+      }
+    });
+    return formats;
+  }
+  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"];
+export {
+  File as default
+};
+//# sourceMappingURL=file.es.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"file.es.js","sources":["../../../../src/file/formats/file.ts"],"sourcesContent":["import Quill from 'quill'\r\nimport { sanitize } from '../../config/editor.utils'\r\n\r\nconst Embed = Quill.imports['blots/embed']\r\nconst FILE_ATTRIBUTES = ['id', 'title', 'size', 'lastModified']\r\n\r\nclass File extends Embed {\r\n  static blotName: string\r\n  static tagName: string\r\n  static className: string\r\n  static PROTOCOL_WHITELIST: string[]\r\n  statics: any\r\n  domNode: any\r\n\r\n  static create(value) {\r\n    const node = super.create(value)\r\n    const size = value.size / 1024\r\n    const fixSize = !size ? 0 : size < 1 ? 1 : size.toFixed(0)\r\n    node.classList.add('icon-file')\r\n    node.setAttribute('contenteditable', false)\r\n    const fileSvg = '<svg viewBox=\"0 0 1024 1024\" version=\"1.1\" xmlns=\"http://www.w3.org/2000/svg\" width=\"16\" height=\"16\"><path d=\"M854.6 288.6L639.4 73.4c-6-6-14.1-9.4-22.6-9.4H192c-17.7 0-32 14.3-32 32v832c0 17.7 14.3 32 32 32h640c17.7 0 32-14.3 32-32V311.3c0-8.5-3.4-16.7-9.4-22.7zM790.2 326H602V137.8L790.2 326z m1.8 562H232V136h302v216c0 23.2 18.8 42 42 42h216v494z\" p-id=\"2307\"></path></svg>'\r\n    node.innerHTML = `${fileSvg} ${value.title} (${fixSize} KB)`\r\n    const src = File.sanitize(value.src)\r\n    if (src) {\r\n      node.href = src\r\n      node.target = '_blank'\r\n    }\r\n    FILE_ATTRIBUTES.forEach((key) => {\r\n      if (value[key]) {\r\n        node.dataset[key] = value[key]\r\n      }\r\n    })\r\n    return node\r\n  }\r\n\r\n  static value(domNode) {\r\n    return File.getFormats(domNode)\r\n  }\r\n\r\n  static formats(domNode) {\r\n    return File.getFormats(domNode)\r\n  }\r\n\r\n  static getFormats(domNode) {\r\n    const formats: any = {}\r\n    const href = File.sanitize(domNode.href)\r\n    if (href) {\r\n      formats.src = href\r\n    }\r\n    FILE_ATTRIBUTES.forEach((key) => {\r\n      if (domNode.dataset[key]) {\r\n        formats[key] = domNode.dataset[key]\r\n      }\r\n    })\r\n    return formats\r\n  }\r\n\r\n  static sanitize(url) {\r\n    return (sanitize(url, this.PROTOCOL_WHITELIST) && url) || ''\r\n  }\r\n}\r\nFile.blotName = 'file'\r\nFile.tagName = 'A'\r\nFile.className = 'ql-file-item'\r\nFile.PROTOCOL_WHITELIST = ['http', 'https']\r\n\r\nexport default File\r\n"],"names":[],"mappings":";;AAGA,MAAM,QAAQ,MAAM,QAAQ,aAAa;AACzC,MAAM,kBAAkB,CAAC,MAAM,SAAS,QAAQ,cAAc;AAE9D,MAAM,aAAa,MAAM;AAAA,EAQvB,OAAO,OAAO,OAAO;AACb,UAAA,OAAO,MAAM,OAAO,KAAK;AACzB,UAAA,OAAO,MAAM,OAAO;AACpB,UAAA,UAAU,CAAC,OAAO,IAAI,OAAO,IAAI,IAAI,KAAK,QAAQ,CAAC;AACpD,SAAA,UAAU,IAAI,WAAW;AACzB,SAAA,aAAa,mBAAmB,KAAK;AAC1C,UAAM,UAAU;AAChB,SAAK,YAAY,GAAG,OAAO,IAAI,MAAM,KAAK,KAAK,OAAO;AACtD,UAAM,MAAM,KAAK,SAAS,MAAM,GAAG;AACnC,QAAI,KAAK;AACP,WAAK,OAAO;AACZ,WAAK,SAAS;AAAA,IAChB;AACgB,oBAAA,QAAQ,CAAC,QAAQ;AAC3B,UAAA,MAAM,GAAG,GAAG;AACd,aAAK,QAAQ,GAAG,IAAI,MAAM,GAAG;AAAA,MAC/B;AAAA,IAAA,CACD;AACM,WAAA;AAAA,EACT;AAAA,EAEA,OAAO,MAAM,SAAS;AACb,WAAA,KAAK,WAAW,OAAO;AAAA,EAChC;AAAA,EAEA,OAAO,QAAQ,SAAS;AACf,WAAA,KAAK,WAAW,OAAO;AAAA,EAChC;AAAA,EAEA,OAAO,WAAW,SAAS;AACzB,UAAM,UAAe,CAAA;AACrB,UAAM,OAAO,KAAK,SAAS,QAAQ,IAAI;AACvC,QAAI,MAAM;AACR,cAAQ,MAAM;AAAA,IAChB;AACgB,oBAAA,QAAQ,CAAC,QAAQ;AAC3B,UAAA,QAAQ,QAAQ,GAAG,GAAG;AACxB,gBAAQ,GAAG,IAAI,QAAQ,QAAQ,GAAG;AAAA,MACpC;AAAA,IAAA,CACD;AACM,WAAA;AAAA,EACT;AAAA,EAEA,OAAO,SAAS,KAAK;AACnB,WAAQ,SAAS,KAAK,KAAK,kBAAkB,KAAK,OAAQ;AAAA,EAC5D;AACF;AACA,KAAK,WAAW;AAChB,KAAK,UAAU;AACf,KAAK,YAAY;AACjB,KAAK,qBAAqB,CAAC,QAAQ,OAAO;"}

package/es/file/index.es.js

@@ -0,0 +1,32 @@
+import Quill from "quill";
+import File from "./formats/file.es.js";
+import FileBar from "./modules/file-bar.es.js";
+const Module = Quill.imports["core/module"];
+class FileModule extends Module {
+  static register() {
+    Quill.register("formats/file", File, true);
+  }
+  constructor(quill, options) {
+    super(quill, options);
+    this.quill = quill;
+    quill.root.addEventListener("click", (event) => this.clickEvent(event), false);
+  }
+  clickEvent(event) {
+    event.preventDefault();
+    const target = event.target;
+    const fileDom = target.closest("a.ql-file-item");
+    if (fileDom) {
+      if (this.fileBar) {
+        this.fileBar.destroy();
+      }
+      this.fileBar = new FileBar(this.quill, fileDom);
+    } else if (this.fileBar && !target.closest(".ql-file-bar")) {
+      this.fileBar.destroy();
+      this.fileBar = null;
+    }
+  }
+}
+export {
+  FileModule as default
+};
+//# sourceMappingURL=index.es.js.map

package/es/file/index.es.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.es.js","sources":["../../../src/file/index.ts"],"sourcesContent":["import Quill from 'quill'\r\nimport File from './formats/file'\r\nimport FileBar from './modules/file-bar'\r\n\r\nconst Module = Quill.imports['core/module']\r\n\r\nclass FileModule extends Module {\r\n  quill: any\r\n  fileBar: FileBar\r\n\r\n  static register() {\r\n    Quill.register('formats/file', File, true)\r\n  }\r\n\r\n  constructor(quill, options) {\r\n    super(quill, options)\r\n    this.quill = quill\r\n    quill.root.addEventListener('click', event => this.clickEvent(event), false)\r\n  }\r\n\r\n  clickEvent(event) {\r\n    event.preventDefault()\r\n    const target = event.target\r\n    const fileDom = target.closest('a.ql-file-item')\r\n    if (fileDom) {\r\n      if (this.fileBar) {\r\n        this.fileBar.destroy()\r\n      }\r\n      this.fileBar = new FileBar(this.quill, fileDom)\r\n    }\r\n    else if (this.fileBar && !target.closest('.ql-file-bar')) {\r\n      this.fileBar.destroy()\r\n      this.fileBar = null\r\n    }\r\n  }\r\n}\r\n\r\nexport default FileModule\r\n"],"names":[],"mappings":";;;AAIA,MAAM,SAAS,MAAM,QAAQ,aAAa;AAE1C,MAAM,mBAAmB,OAAO;AAAA,EAI9B,OAAO,WAAW;AACV,UAAA,SAAS,gBAAgB,MAAM,IAAI;AAAA,EAC3C;AAAA,EAEA,YAAY,OAAO,SAAS;AAC1B,UAAM,OAAO,OAAO;AACpB,SAAK,QAAQ;AACP,UAAA,KAAK,iBAAiB,SAAS,CAAA,UAAS,KAAK,WAAW,KAAK,GAAG,KAAK;AAAA,EAC7E;AAAA,EAEA,WAAW,OAAO;AAChB,UAAM,eAAe;AACrB,UAAM,SAAS,MAAM;AACf,UAAA,UAAU,OAAO,QAAQ,gBAAgB;AAC/C,QAAI,SAAS;AACX,UAAI,KAAK,SAAS;AAChB,aAAK,QAAQ;MACf;AACA,WAAK,UAAU,IAAI,QAAQ,KAAK,OAAO,OAAO;AAAA,IAAA,WAEvC,KAAK,WAAW,CAAC,OAAO,QAAQ,cAAc,GAAG;AACxD,WAAK,QAAQ;AACb,WAAK,UAAU;AAAA,IACjB;AAAA,EACF;AACF;"}