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

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

@@ -1,140 +1,10 @@
 "use strict";
-Object.defineProperties(exports, { __esModule: { value: true }, [Symbol.toStringTag]: { value: "Module" } });
-const Quill = require("quill");
-const editor_utils = require("../../config/editor.utils.cjs.js");
+Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
+const betterPicker = require("./better-picker.cjs.js");
+const betterToolbar = require("./better-toolbar.cjs.js");
 const toolbarTip = require("./toolbar-tip.cjs.js");
-const Delta = Quill.import("delta");
-const Parchment = Quill.import("parchment");
-const levels = ["error", "warn", "log", "info"];
-let level = "warn";
-function debuglogger(method, ...args) {
-  if (levels.indexOf(method) <= levels.indexOf(level)) {
-    console[method](...args);
-  }
-}
-function namespace(ns) {
-  return levels.reduce((logger, method) => {
-    logger[method] = debuglogger.bind(console, method, ns);
-    return logger;
-  }, {});
-}
-namespace.level = (newLevel) => {
-  level = newLevel;
-};
-debuglogger.level = namespace.level;
-const debug = namespace("quill:toolbar");
-const Toolbar = Quill.import("modules/toolbar");
-class BetterToolbar extends Toolbar {
-  update(range) {
-    const formats = editor_utils.isNullOrUndefined(range) ? {} : this.quill.getFormat(range);
-    this.controls.forEach((pair) => {
-      const [format, input] = pair;
-      if (input.tagName === "SELECT") {
-        const select = input;
-        let option;
-        if (editor_utils.isNullOrUndefined(range)) {
-          option = null;
-        } else if (editor_utils.isNullOrUndefined(formats[format])) {
-          option = select.querySelector("option[selected]");
-        } else if (!Array.isArray(formats[format])) {
-          let value = format === "header" ? formats[format].value : formats[format];
-          if (typeof value === "string") {
-            value = value.replace(/"/g, '\\"');
-          }
-          option = select.querySelector(`option[value="${value}"]`);
-        }
-        if (editor_utils.isNullOrUndefined(option)) {
-          select.value = "";
-          select.selectedIndex = -1;
-        } else {
-          option.selected = true;
-        }
-      } else if (editor_utils.isNullOrUndefined(range)) {
-        input.classList.remove("ql-active");
-      } else if (input.hasAttribute("value")) {
-        let isActive = formats[format] === input.getAttribute("value") || !editor_utils.isNullOrUndefined(formats[format]) && (formats[format].value === input.getAttribute("value") || formats[format].toString() === input.getAttribute("value")) || editor_utils.isNullOrUndefined(formats[format]) && !input.getAttribute("value");
-        if (!isActive) {
-          const checkFormat = formats[format];
-          if (checkFormat === "checked" || checkFormat === "unchecked") {
-            isActive = input.getAttribute("value") === "check";
-          }
-        }
-        if (isActive) {
-          input.classList.add("ql-active");
-        } else {
-          input.classList.remove("ql-active");
-        }
-      } else {
-        if (!editor_utils.isNullOrUndefined(formats[format])) {
-          input.classList.add("ql-active");
-        } else {
-          input.classList.remove("ql-active");
-        }
-      }
-    });
-  }
-  attach(input) {
-    let format = Array.from(input.classList).find((className) => {
-      return className.indexOf("ql-") === 0;
-    });
-    if (!format) return;
-    format = format.slice("ql-".length);
-    if (input.tagName === "BUTTON") {
-      input.setAttribute("type", "button");
-    }
-    if (this.handlers[format] == null && this.quill.scroll.query(format) == null) {
-      debug.warn("ignoring attaching to nonexistent format", format, input);
-      return;
-    }
-    const eventName = input.tagName === "SELECT" ? "change" : "click";
-    input.addEventListener(eventName, (e) => {
-      let value;
-      if (input.tagName === "SELECT") {
-        const select = input;
-        if (select.selectedIndex < 0) return;
-        const selected = select.options[select.selectedIndex];
-        if (selected.hasAttribute("selected")) {
-          value = false;
-        } else {
-          value = selected.value || false;
-        }
-      } else {
-        const button = input;
-        if (button.classList.contains("ql-active")) {
-          value = false;
-        } else {
-          value = button.value || !button.hasAttribute("value");
-        }
-        e.preventDefault();
-      }
-      this.quill.focus({ preventScroll: format === "screenshot" });
-      const [range] = this.quill.selection.getRange();
-      if (this.handlers[format] != null) {
-        if (!editor_utils.isNullOrUndefined(window.quillIsIntable) && window.quillIsIntable === true && (format === "blockquote" || format === "code-block" || format === "list" || format === "indent" || format === "clean")) {
-          return;
-        }
-        this.handlers[format].call(this, value);
-      } else if (
-        // @ts-ignore
-        this.quill.scroll.query(format).prototype instanceof Parchment.EmbedBlot
-      ) {
-        value = prompt(`Enter ${format}`);
-        if (!value) return;
-        this.quill.updateContents(
-          new Delta().retain(range.index).delete(range.length).insert({ [format]: value }),
-          Quill.sources.USER
-        );
-      } else {
-        if (!editor_utils.isNullOrUndefined(window.quillIsIntable) && window.quillIsIntable === true && (format === "blockquote" || format === "code-block" || format === "list" || format === "indent" || format === "clean")) {
-          return;
-        }
-        this.quill.format(format, value, Quill.sources.USER);
-      }
-      this.update(range);
-    });
-    this.controls.push([format, input]);
-  }
-}
+exports.ColorPicker = betterPicker.ColorPicker;
+exports.Picker = betterPicker.Picker;
+exports.BetterToolbar = betterToolbar.BetterToolbar;
 exports.generateToolbarTip = toolbarTip.generateToolbarTip;
-exports.default = BetterToolbar;
 //# sourceMappingURL=index.cjs.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"index.cjs.js","sources":["../../../../src/modules/toolbar/index.ts"],"sourcesContent":["import type TypeToolbar from 'quill/modules/toolbar'\r\nimport Quill from 'quill'\r\nimport { isNullOrUndefined } from '../../config/editor.utils'\r\n\r\nconst Delta = Quill.import('delta')\r\nconst Parchment = Quill.import('parchment')\r\nconst levels = ['error', 'warn', 'log', 'info'] as const\r\nlet level = 'warn' as const\r\n\r\nfunction debuglogger(method: typeof levels[number], ...args) {\r\n  if (levels.indexOf(method) <= levels.indexOf(level)) {\r\n    console[method](...args) // eslint-disable-line no-console\r\n  }\r\n}\r\n\r\nfunction namespace(ns) {\r\n  return levels.reduce((logger, method) => {\r\n    logger[method] = debuglogger.bind(console, method, ns)\r\n    return logger\r\n  }, {} as Record<typeof levels[number], (...args: any) => void>)\r\n}\r\n\r\nnamespace.level = (newLevel) => {\r\n  level = newLevel\r\n}\r\ndebuglogger.level = namespace.level\r\nconst debug = namespace('quill:toolbar')\r\n\r\nconst Toolbar = Quill.import('modules/toolbar') as typeof TypeToolbar\r\n\r\nclass BetterToolbar extends Toolbar {\r\n  update(range) {\r\n    const formats = isNullOrUndefined(range) ? {} : this.quill.getFormat(range) as Record<string, any>\r\n    this.controls.forEach((pair) => {\r\n      const [format, input] = pair\r\n      if (input.tagName === 'SELECT') {\r\n        const select = input as HTMLSelectElement\r\n        let option\r\n        if (isNullOrUndefined(range)) {\r\n          option = null\r\n        }\r\n        else if (isNullOrUndefined(formats[format])) {\r\n          option = select.querySelector('option[selected]')\r\n        }\r\n        else if (!Array.isArray(formats[format])) {\r\n          let value = format === 'header' ? formats[format].value : formats[format]\r\n          if (typeof value === 'string') {\r\n            value = value.replace(/\"/g, '\\\\\"')\r\n          }\r\n          option = select.querySelector(`option[value=\"${value}\"]`)\r\n        }\r\n        if (isNullOrUndefined(option)) {\r\n          select.value = '' // TODO make configurable?\r\n          select.selectedIndex = -1\r\n        }\r\n        else {\r\n          option.selected = true\r\n        }\r\n      }\r\n      else if (isNullOrUndefined(range)) {\r\n        input.classList.remove('ql-active')\r\n      }\r\n      else if (input.hasAttribute('value')) {\r\n        // both being null should match (default values)\r\n        // '1' should match with 1 (headers)\r\n        let isActive\r\n          = formats[format] === input.getAttribute('value')\r\n            || (!isNullOrUndefined(formats[format])\r\n              && (formats[format].value === input.getAttribute('value')\r\n                || formats[format].toString() === input.getAttribute('value')))\r\n              || (isNullOrUndefined(formats[format]) && !input.getAttribute('value'))\r\n\r\n        if (!isActive) {\r\n          const checkFormat = formats[format]\r\n          if (checkFormat === 'checked' || checkFormat === 'unchecked') {\r\n            isActive = input.getAttribute('value') === 'check'\r\n          }\r\n        }\r\n\r\n        if (isActive) {\r\n          input.classList.add('ql-active')\r\n        }\r\n        else {\r\n          input.classList.remove('ql-active')\r\n        }\r\n      }\r\n      else {\r\n        if (!isNullOrUndefined(formats[format])) {\r\n          input.classList.add('ql-active')\r\n        }\r\n        else {\r\n          input.classList.remove('ql-active')\r\n        }\r\n      }\r\n    })\r\n  }\r\n\r\n  attach(input: HTMLElement) {\r\n    let format = Array.from(input.classList).find((className) => {\r\n      return className.indexOf('ql-') === 0\r\n    })\r\n    if (!format) return\r\n    format = format.slice('ql-'.length)\r\n\r\n    if (input.tagName === 'BUTTON') {\r\n      input.setAttribute('type', 'button')\r\n    }\r\n\r\n    if (this.handlers[format] == null && this.quill.scroll.query(format) == null) {\r\n      debug.warn('ignoring attaching to nonexistent format', format, input)\r\n      return\r\n    }\r\n\r\n    const eventName = input.tagName === 'SELECT' ? 'change' : 'click'\r\n    input.addEventListener(eventName, (e) => {\r\n      let value: boolean | string\r\n\r\n      if (input.tagName === 'SELECT') {\r\n        const select = input as HTMLSelectElement\r\n        if (select.selectedIndex < 0) return\r\n        const selected = select.options[select.selectedIndex]\r\n\r\n        if (selected.hasAttribute('selected')) {\r\n          value = false\r\n        }\r\n        else {\r\n          value = selected.value || false\r\n        }\r\n      }\r\n      else {\r\n        const button = input as HTMLButtonElement\r\n        if (button.classList.contains('ql-active')) {\r\n          value = false\r\n        }\r\n        else {\r\n          value = button.value || !button.hasAttribute('value')\r\n        }\r\n        e.preventDefault()\r\n      }\r\n\r\n      this.quill.focus({ preventScroll: format === 'screenshot' })\r\n      const [range] = this.quill.selection.getRange()\r\n      if (this.handlers[format] != null) {\r\n        // @ts-ignore\r\n        if (!isNullOrUndefined(window.quillIsIntable) && window.quillIsIntable === true && (format === 'blockquote' || format === 'code-block' || format === 'list' || format === 'indent' || format === 'clean')) {\r\n          return\r\n        }\r\n        this.handlers[format].call(this, value)\r\n      }\r\n      else if (\r\n        // @ts-ignore\r\n        this.quill.scroll.query(format).prototype instanceof Parchment.EmbedBlot\r\n      ) {\r\n        value = prompt(`Enter ${format}`)\r\n        if (!value) return\r\n        this.quill.updateContents(\r\n          new Delta()\r\n            .retain(range.index)\r\n            .delete(range.length)\r\n            .insert({ [format]: value }),\r\n          Quill.sources.USER,\r\n        )\r\n      }\r\n      else {\r\n        // @ts-ignore\r\n        if (!isNullOrUndefined(window.quillIsIntable) && window.quillIsIntable === true && (format === 'blockquote' || format === 'code-block' || format === 'list' || format === 'indent' || format === 'clean')) {\r\n          return\r\n        }\r\n        this.quill.format(format, value, Quill.sources.USER)\r\n      }\r\n\r\n      this.update(range)\r\n    })\r\n    this.controls.push([format, input])\r\n  }\r\n}\r\n\r\nexport default BetterToolbar\r\nexport * from './toolbar-tip'\r\n"],"names":["isNullOrUndefined"],"mappings":"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"}
+{"version":3,"file":"index.cjs.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;;;;"}

package/lib/modules/toolbar/toolbar-tip.cjs.js

@@ -1,6 +1,7 @@
 "use strict";
 Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
 require("../../config/index.cjs.js");
+const is = require("../../utils/is.cjs.js");
 const editor_config = require("../../config/editor.config.cjs.js");
 function generateToolbarTip(QuillToolbarTip) {
   return class extends QuillToolbarTip {
@@ -124,11 +125,15 @@ ${shortKey}` : "";
           }
         }
       };
+      const inputTipTextMap = Object.entries(options.tipTextMap).reduce((pre, [key, value]) => {
+        pre[key] = is.isString(value) ? this.quill.getLangText(value) : value;
+        return pre;
+      }, {});
       return {
         ...result,
         tipTextMap: {
           ...textMap,
-          ...options.tipTextMap
+          ...inputTipTextMap
         }
       };
     }

package/lib/modules/toolbar/toolbar-tip.cjs.js.map

@@ -1 +1 @@
-{"version":3,"file":"toolbar-tip.cjs.js","sources":["../../../../src/modules/toolbar/toolbar-tip.ts"],"sourcesContent":["import type { Constructor } from '../../config/types'\r\nimport type FluentEditor from '../../fluent-editor'\r\nimport { CHANGE_LANGUAGE_EVENT } from '../../config'\r\n\r\nexport function generateToolbarTip(QuillToolbarTip: Constructor) {\r\n  return class extends QuillToolbarTip {\r\n    constructor(public quill: FluentEditor, options: Partial<Record<string, any>>) {\r\n      if (!options?.tipTextMap) {\r\n        options.tipTextMap = {}\r\n      }\r\n      super(quill, options)\r\n\r\n      this.quill.emitter.on(CHANGE_LANGUAGE_EVENT, () => {\r\n        this.destroyAllTips()\r\n        this.options = this.resolveOptions(options)\r\n        this.createToolbarTip()\r\n      })\r\n    }\r\n\r\n    resolveOptions(options: Partial<Record<string, any>>): Record<string, any> {\r\n      const result = super.resolveOptions(options)\r\n      if (!this.quill.lang) return result\r\n      const shortKeyMap = {\r\n        'bold': 'Ctrl + B',\r\n        'italic': 'Ctrl + I',\r\n        'underline': 'Ctrl + U',\r\n        'strike': 'Ctrl + D',\r\n        'clean': 'Ctrl + /',\r\n        'align-left': 'Alt + L',\r\n        'align-center': 'Alt + C',\r\n        'align-right': 'Alt + R',\r\n        'align-justify': 'Alt + J',\r\n        'indent-+1': 'Ctrl + ]',\r\n        'indent--1': 'Ctrl + [',\r\n        'script-sub': 'Ctrl + ;',\r\n        'script-super': 'Ctrl + \\'',\r\n        'code': 'Ctrl + E',\r\n        'direction-rtl': 'Ctrl + R',\r\n        'direction-ltr': 'Ctrl + L',\r\n        'undo': 'Ctrl + Z',\r\n        'redo': 'Ctrl + shift + Z',\r\n        'color': 'Ctrl + Alt + C',\r\n        'background': 'Ctrl + Alt + B',\r\n        'link': 'Ctrl + K',\r\n      }\r\n      const shortcutModule = this.quill.getModule('shortcut-key')\r\n      const getShortKey = (name: string) => {\r\n        if (!shortcutModule) return ''\r\n        const shortKey = shortKeyMap[name]\r\n        return shortKey ? `\\n${shortKey}` : ''\r\n      }\r\n      const btnTips = [\r\n        'color',\r\n        'background',\r\n        'bold',\r\n        'italic',\r\n        'strike',\r\n        'underline',\r\n        'undo',\r\n        'redo',\r\n        'clean',\r\n        'link',\r\n        'divider',\r\n        'blockquote',\r\n        'code',\r\n        'image',\r\n        'file',\r\n        'emoji',\r\n        'video',\r\n        'screenshot',\r\n        'code-block',\r\n        'formula',\r\n        'format-painter',\r\n        'header-list',\r\n        'table-up',\r\n      ].reduce((map, name) => {\r\n        map[name] = this.quill.getLangText(name) + getShortKey(name)\r\n        return map\r\n      }, {} as Record<string, string>)\r\n      const selectTips = [\r\n        'font',\r\n        'size',\r\n        'line-height',\r\n      ].reduce((map, name) => {\r\n        map[name] = {\r\n          onShow: () => {\r\n            return this.quill.getLangText(name) + getShortKey(name)\r\n          },\r\n        }\r\n        return map\r\n      }, {})\r\n      const valueControlTips = [\r\n        'list',\r\n        'align',\r\n        'script',\r\n        'indent',\r\n        'header',\r\n        'direction',\r\n      ].reduce((map, name) => {\r\n        map[name] = {\r\n          onShow: (target: HTMLElement, value: string) => {\r\n            if (name === 'direction') {\r\n              value = target.classList.contains('ql-active') ? 'rtl' : 'ltr'\r\n            }\r\n            if (!value) {\r\n              if (name === 'align') {\r\n                value = 'left'\r\n              }\r\n              else if (name === 'header') {\r\n                value = 'normal'\r\n              }\r\n            }\r\n            return this.quill.getLangText(`${name}-${value}`) + getShortKey(`${name}-${value}`)\r\n          },\r\n        }\r\n        return map\r\n      }, {})\r\n      const textMap = {\r\n        ...btnTips,\r\n        ...valueControlTips,\r\n        ...selectTips,\r\n        fullscreen: {\r\n          onShow: () => {\r\n            return this.quill.getLangText(this.quill.isFullscreen ? 'exit-fullscreen' : 'fullscreen')\r\n          },\r\n        },\r\n      }\r\n      return {\r\n        ...result,\r\n        tipTextMap: {\r\n          ...textMap,\r\n          ...options.tipTextMap,\r\n        },\r\n      }\r\n    }\r\n  }\r\n}\r\n"],"names":["CHANGE_LANGUAGE_EVENT"],"mappings":"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"}
+{"version":3,"file":"toolbar-tip.cjs.js","sources":["../../../../src/modules/toolbar/toolbar-tip.ts"],"sourcesContent":["import type { Constructor } from '../../config/types'\r\nimport type FluentEditor from '../../fluent-editor'\r\nimport { CHANGE_LANGUAGE_EVENT } from '../../config'\r\nimport { isString } from '../../utils/is'\r\n\r\nexport function generateToolbarTip(QuillToolbarTip: Constructor) {\r\n  return class extends QuillToolbarTip {\r\n    constructor(public quill: FluentEditor, options: Partial<Record<string, any>>) {\r\n      if (!options?.tipTextMap) {\r\n        options.tipTextMap = {}\r\n      }\r\n      super(quill, options)\r\n\r\n      this.quill.emitter.on(CHANGE_LANGUAGE_EVENT, () => {\r\n        this.destroyAllTips()\r\n        this.options = this.resolveOptions(options)\r\n        this.createToolbarTip()\r\n      })\r\n    }\r\n\r\n    resolveOptions(options: Partial<Record<string, any>>): Record<string, any> {\r\n      const result = super.resolveOptions(options)\r\n      if (!this.quill.lang) return result\r\n      const shortKeyMap = {\r\n        'bold': 'Ctrl + B',\r\n        'italic': 'Ctrl + I',\r\n        'underline': 'Ctrl + U',\r\n        'strike': 'Ctrl + D',\r\n        'clean': 'Ctrl + /',\r\n        'align-left': 'Alt + L',\r\n        'align-center': 'Alt + C',\r\n        'align-right': 'Alt + R',\r\n        'align-justify': 'Alt + J',\r\n        'indent-+1': 'Ctrl + ]',\r\n        'indent--1': 'Ctrl + [',\r\n        'script-sub': 'Ctrl + ;',\r\n        'script-super': 'Ctrl + \\'',\r\n        'code': 'Ctrl + E',\r\n        'direction-rtl': 'Ctrl + R',\r\n        'direction-ltr': 'Ctrl + L',\r\n        'undo': 'Ctrl + Z',\r\n        'redo': 'Ctrl + shift + Z',\r\n        'color': 'Ctrl + Alt + C',\r\n        'background': 'Ctrl + Alt + B',\r\n        'link': 'Ctrl + K',\r\n      }\r\n      const shortcutModule = this.quill.getModule('shortcut-key')\r\n      const getShortKey = (name: string) => {\r\n        if (!shortcutModule) return ''\r\n        const shortKey = shortKeyMap[name]\r\n        return shortKey ? `\\n${shortKey}` : ''\r\n      }\r\n      const btnTips = [\r\n        'color',\r\n        'background',\r\n        'bold',\r\n        'italic',\r\n        'strike',\r\n        'underline',\r\n        'undo',\r\n        'redo',\r\n        'clean',\r\n        'link',\r\n        'divider',\r\n        'blockquote',\r\n        'code',\r\n        'image',\r\n        'file',\r\n        'emoji',\r\n        'video',\r\n        'screenshot',\r\n        'code-block',\r\n        'formula',\r\n        'format-painter',\r\n        'header-list',\r\n        'table-up',\r\n      ].reduce((map, name) => {\r\n        map[name] = this.quill.getLangText(name) + getShortKey(name)\r\n        return map\r\n      }, {} as Record<string, string>)\r\n      const selectTips = [\r\n        'font',\r\n        'size',\r\n        'line-height',\r\n      ].reduce((map, name) => {\r\n        map[name] = {\r\n          onShow: () => {\r\n            return this.quill.getLangText(name) + getShortKey(name)\r\n          },\r\n        }\r\n        return map\r\n      }, {})\r\n      const valueControlTips = [\r\n        'list',\r\n        'align',\r\n        'script',\r\n        'indent',\r\n        'header',\r\n        'direction',\r\n      ].reduce((map, name) => {\r\n        map[name] = {\r\n          onShow: (target: HTMLElement, value: string) => {\r\n            if (name === 'direction') {\r\n              value = target.classList.contains('ql-active') ? 'rtl' : 'ltr'\r\n            }\r\n            if (!value) {\r\n              if (name === 'align') {\r\n                value = 'left'\r\n              }\r\n              else if (name === 'header') {\r\n                value = 'normal'\r\n              }\r\n            }\r\n            return this.quill.getLangText(`${name}-${value}`) + getShortKey(`${name}-${value}`)\r\n          },\r\n        }\r\n        return map\r\n      }, {})\r\n      const textMap = {\r\n        ...btnTips,\r\n        ...valueControlTips,\r\n        ...selectTips,\r\n        fullscreen: {\r\n          onShow: () => {\r\n            return this.quill.getLangText(this.quill.isFullscreen ? 'exit-fullscreen' : 'fullscreen')\r\n          },\r\n        },\r\n      }\r\n      const inputTipTextMap = Object.entries(options.tipTextMap).reduce((pre, [key, value]) => {\r\n        pre[key] = isString(value) ? this.quill.getLangText(value) : value\r\n        return pre\r\n      }, {})\r\n      return {\r\n        ...result,\r\n        tipTextMap: {\r\n          ...textMap,\r\n          ...inputTipTextMap,\r\n        },\r\n      }\r\n    }\r\n  }\r\n}\r\n"],"names":["CHANGE_LANGUAGE_EVENT","isString"],"mappings":"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"}

package/lib/themes/snow.cjs.js

@@ -2,8 +2,8 @@
 Object.defineProperties(exports, { __esModule: { value: true }, [Symbol.toStringTag]: { value: "Module" } });
 const index$1 = require("../config/index.cjs.js");
 const fluentEditor = require("../core/fluent-editor.cjs.js");
-const CustomImageSpec = require("../modules/custom-image/specs/CustomImageSpec.cjs.js");
-const tooltip = require("../modules/link/modules/tooltip.cjs.js");
+const customImageSpec = require("../modules/custom-image/specs/custom-image-spec.cjs.js");
+require("../modules/link/index.cjs.js");
 const index = require("../modules/shortcut-key/index.cjs.js");
 const betterPicker = require("../modules/toolbar/better-picker.cjs.js");
 const formatPainter = require("../tools/format-painter.cjs.js");
@@ -11,6 +11,7 @@ const fullscreen = require("../tools/fullscreen.cjs.js");
 const screenshot = require("../tools/screenshot.cjs.js");
 const editor_config = require("../config/editor.config.cjs.js");
 const editor_utils = require("../config/editor.utils.cjs.js");
+const tooltip = require("../modules/link/modules/tooltip.cjs.js");
 const OriginSnowTheme = fluentEditor.default.import("themes/snow");
 const IconPicker = fluentEditor.default.import("ui/icon-picker");
 OriginSnowTheme.DEFAULTS = {
@@ -40,15 +41,25 @@ OriginSnowTheme.DEFAULTS = {
           this.quill.history.redo();
         },
         "file": function() {
-          var _a, _b;
-          const accept = (_b = (_a = this.quill.options) == null ? void 0 : _a.uploadOption) == null ? void 0 : _b.fileAccept;
+          const accept = this.quill.uploader.options.mimetypes;
           index$1.inputFile.call(this, "file", accept);
         },
         "image": function() {
-          var _a, _b;
-          const accept = (_b = (_a = this.quill.options) == null ? void 0 : _a.uploadOption) == null ? void 0 : _b.imageAccept;
+          const accept = this.quill.uploader.options.mimetypes.filter((type) => {
+            if (type === "*") return "image/*";
+            return type.startsWith("image/");
+          });
           index$1.inputFile.call(this, "image", accept);
         },
+        "video": function() {
+          const accept = this.quill.uploader.options.mimetypes.filter((type) => {
+            if (type === "*") return "video/*";
+            return type.startsWith("video/");
+          });
+          index$1.inputFile.call(this, "video", accept);
+        },
+        "ai": function() {
+        },
         "emoji": function() {
         },
         "fullscreen": fullscreen.fullscreenHandler,
@@ -66,21 +77,15 @@ OriginSnowTheme.DEFAULTS = {
       }
     },
     "image": {
-      specs: [CustomImageSpec.CustomImageSpec],
+      specs: [customImageSpec.CustomImageSpec],
       overlay: {
         style: {
           border: "1px dashed rgb(68, 68, 68)"
         }
-      },
-      align: {
-        icons: {
-          left: '<i class="icon-text-align-left"></i>',
-          center: '<i class="icon-text-align-center"></i>',
-          right: '<i class="icon-text-align-right"></i>'
-        }
       }
     },
-    "shortcut-key": true
+    "shortcut-key": true,
+    "file": true
   }
 };
 const ALIGNS = [false, "center", "right"];
@@ -177,6 +182,18 @@ class SnowTheme extends OriginSnowTheme {
         colorPicker.buildOptions();
         colorPicker.createUsedColor();
       }
+      if (picker.select && picker.select.classList.contains("ql-header")) {
+        const getLabelKey = (v) => v ? `header-${v}` : "header-normal";
+        const labelValue = picker.label.getAttribute("data-value");
+        picker.label.setAttribute("data-label", this.quill.getLangText(getLabelKey(labelValue)));
+        const select = picker.select;
+        Array.from(select.options).forEach((option) => {
+          const value = option.getAttribute("value");
+          option.textContent = this.quill.getLangText(getLabelKey(value));
+        });
+        picker.options.remove();
+        picker.buildOptions();
+      }
     });
   }
   buildPickers(selects, icons) {
@@ -223,7 +240,7 @@ class SnowTheme extends OriginSnowTheme {
     toolbar.container.classList.add("ql-snow");
     this.buildButtons(toolbar.container.querySelectorAll("button"), icons);
     this.buildPickers(toolbar.container.querySelectorAll("select"), icons);
-    this.tooltip = new tooltip.default(this.quill, this.options.bounds);
+    this.tooltip = new tooltip.LinkTooltip(this.quill, this.options.bounds);
   }
 }
 function fillSelect(select, values, defaultValue = false) {

package/lib/themes/snow.cjs.js.map

@@ -1 +1 @@
-{"version":3,"file":"snow.cjs.js","sources":["../../../src/themes/snow.ts"],"sourcesContent":["import type { ThemeOptions } from 'quill/core/theme'\r\nimport type TypeToolbar from 'quill/modules/toolbar'\r\nimport type TypeIconPicker from 'quill/ui/icon-picker'\r\nimport type { TypeParchment } from '../core/fluent-editor'\r\nimport { CHANGE_LANGUAGE_EVENT, getListValue, inputFile, isNullOrUndefined } from '../config'\r\nimport FluentEditor from '../core/fluent-editor'\r\nimport { CustomImageSpec } from '../modules/custom-image/specs/CustomImageSpec'\r\nimport Tooltip from '../modules/link/modules/tooltip'\r\nimport { shortKey } from '../modules/shortcut-key'\r\nimport { ColorPicker, Picker } from '../modules/toolbar/better-picker'\r\nimport { FormatPainter } from '../tools/format-painter'\r\nimport { fullscreenHandler } from '../tools/fullscreen'\r\nimport { Screenshot } from '../tools/screenshot'\r\n\r\nconst OriginSnowTheme = FluentEditor.import('themes/snow') as any\r\nconst IconPicker = FluentEditor.import('ui/icon-picker') as typeof TypeIconPicker\r\n\r\nOriginSnowTheme.DEFAULTS = {\r\n  modules: {\r\n    'i18n': true,\r\n    'keyboard': {\r\n      bindings: {\r\n        ...shortKey,\r\n      },\r\n    },\r\n    'toolbar': {\r\n      handlers: {\r\n        ...(OriginSnowTheme.DEFAULTS as Record<string, any>).modules.toolbar.handlers,\r\n        'formula': function () {\r\n          if (!this.quill.isEnabled()) return\r\n          const mathlive = this.quill.getModule('mathlive')\r\n          if (!mathlive) {\r\n            this.quill.theme.tooltip.edit('formula')\r\n          }\r\n          else {\r\n            mathlive.createDialog()\r\n          }\r\n        },\r\n        'undo': function () {\r\n          this.quill.history.undo()\r\n        },\r\n        'redo': function () {\r\n          this.quill.history.redo()\r\n        },\r\n        'file': function () {\r\n          const accept = this.quill.options?.uploadOption?.fileAccept\r\n          inputFile.call(this, 'file', accept)\r\n        },\r\n        'image': function () {\r\n          const accept = this.quill.options?.uploadOption?.imageAccept\r\n          inputFile.call(this, 'image', accept)\r\n        },\r\n        'emoji': function () {},\r\n        'fullscreen': fullscreenHandler,\r\n        [FormatPainter.toolName]: FormatPainter,\r\n        [Screenshot.toolName]: Screenshot,\r\n        'line-height': function (value) {\r\n          this.quill.format('line-height', value)\r\n        },\r\n        'divider': function () {\r\n          const range = this.quill.getSelection(true)\r\n          this.quill.insertText(range.index, '\\n', FluentEditor.sources.USER)\r\n          this.quill.insertEmbed(range.index + 1, 'divider', true, FluentEditor.sources.USER)\r\n          this.quill.setSelection(range.index + 2, FluentEditor.sources.SILENT)\r\n        },\r\n      },\r\n    },\r\n    'image': {\r\n      specs: [CustomImageSpec],\r\n      overlay: {\r\n        style: {\r\n          border: '1px dashed rgb(68, 68, 68)',\r\n        },\r\n      },\r\n      align: {\r\n        icons: {\r\n          left: '<i class=\"icon-text-align-left\"></i>',\r\n          center: '<i class=\"icon-text-align-center\"></i>',\r\n          right: '<i class=\"icon-text-align-right\"></i>',\r\n        },\r\n      },\r\n    },\r\n    'shortcut-key': true,\r\n  },\r\n}\r\n\r\nconst ALIGNS = [false, 'center', 'right']\r\nconst COLORS = [\r\n  '',\r\n  'rgb(255, 255, 255)',\r\n  'rgb(0, 0, 0)',\r\n  'rgb(72, 83, 104)',\r\n  'rgb(41, 114, 244)',\r\n  'rgb(0, 163, 245)',\r\n  'rgb(49, 155, 98)',\r\n  'rgb(222, 60, 54)',\r\n  'rgb(248, 136, 37)',\r\n  'rgb(245, 196, 0)',\r\n  'rgb(153, 56, 215)',\r\n\r\n  'rgb(242, 242, 242)',\r\n  'rgb(127, 127, 127)',\r\n  'rgb(243, 245, 247)',\r\n  'rgb(229, 239, 255)',\r\n  'rgb(229, 246, 255)',\r\n  'rgb(234, 250, 241)',\r\n  'rgb(254, 233, 232)',\r\n  'rgb(254, 243, 235)',\r\n  'rgb(254, 249, 227)',\r\n  'rgb(253, 235, 255)',\r\n\r\n  'rgb(216, 216, 216)',\r\n  'rgb(89, 89, 89)',\r\n  'rgb(197, 202, 211)',\r\n  'rgb(199, 220, 255)',\r\n  'rgb(199, 236, 255)',\r\n  'rgb(195, 234, 213)',\r\n  'rgb(255, 201, 199)',\r\n  'rgb(255, 220, 196)',\r\n  'rgb(255, 238, 173)',\r\n  'rgb(242, 199, 255)',\r\n\r\n  'rgb(191, 191, 191)',\r\n  'rgb(63, 63, 63)',\r\n  'rgb(128, 139, 158)',\r\n  'rgb(153, 190, 255)',\r\n  'rgb(153, 221, 255)',\r\n  'rgb(152, 215, 182)',\r\n  'rgb(255, 156, 153)',\r\n  'rgb(255, 186, 132)',\r\n  'rgb(255, 226, 112)',\r\n  'rgb(213, 142, 255)',\r\n\r\n  'rgb(165, 165, 165)',\r\n  'rgb(38, 38, 38)',\r\n  'rgb(53, 59, 69)',\r\n  'rgb(20, 80, 184)',\r\n  'rgb(18, 116, 165)',\r\n  'rgb(39, 124, 79)',\r\n  'rgb(158, 30, 26)',\r\n  'rgb(184, 96, 20)',\r\n  'rgb(163, 130, 0)',\r\n  'rgb(94, 34, 129)',\r\n\r\n  'rgb(147, 147, 147)',\r\n  'rgb(13, 13, 13)',\r\n  'rgb(36, 39, 46)',\r\n  'rgb(12, 48, 110)',\r\n  'rgb(10, 65, 92)',\r\n  'rgb(24, 78, 50)',\r\n  'rgb(88, 17, 14)',\r\n  'rgb(92, 48, 10)',\r\n  'rgb(102, 82, 0)',\r\n  'rgb(59, 21, 81)',\r\n\r\n  'custom',\r\n]\r\nconst FONTS = [false, 'serif', 'monospace']\r\nconst HEADERS = ['1', '2', '3', false]\r\nconst SIZES = ['small', false, 'large', 'huge']\r\nconst LINEHEIGHT = [false, '1.2', '1.5', '2']\r\n\r\nclass SnowTheme extends OriginSnowTheme {\r\n  constructor(public quill: FluentEditor, options: ThemeOptions) {\r\n    super(quill, options)\r\n\r\n    this.quill.emitter.on(CHANGE_LANGUAGE_EVENT, () => {\r\n      this.i18nTextToolbar()\r\n    })\r\n  }\r\n\r\n  i18nTextToolbar() {\r\n    const toolbar = this.quill.getModule('toolbar') as TypeToolbar\r\n    ColorPicker.clearText = this.quill.getLangText('clear-color')\r\n    ColorPicker.customText = this.quill.getLangText('custom-color')\r\n    if (!toolbar || !this.pickers) return\r\n    this.pickers.forEach((picker) => {\r\n      if (picker instanceof ColorPicker) {\r\n        // EasyColorPicker have not dts. abd origin quill ColorPicker dts not complete. use any to resovle ts type error\r\n        const colorPicker = picker as any\r\n        colorPicker.options.remove()\r\n        Array.from(colorPicker.select.options).forEach((option: any) => {\r\n          if (option.hasAttribute('custom')) {\r\n            option.remove()\r\n          }\r\n        })\r\n        colorPicker.buildOptions()\r\n        colorPicker.createUsedColor()\r\n      }\r\n    })\r\n  }\r\n\r\n  buildPickers(selects: NodeListOf<HTMLSelectElement>, icons: Record<string, string | Record<string, string>>) {\r\n    this.pickers = Array.from(selects).map((select) => {\r\n      if (select.classList.contains('ql-align')) {\r\n        if (isNullOrUndefined(select.querySelector('option'))) {\r\n          fillSelect(select, ALIGNS)\r\n        }\r\n        return new IconPicker(select, icons.align as Record<string, string>)\r\n      }\r\n      if (select.classList.contains('ql-background') || select.classList.contains('ql-color')) {\r\n        const format = select.classList.contains('ql-background') ? 'background' : 'color'\r\n        if (isNullOrUndefined(select.querySelector('option'))) {\r\n          fillColorSelect(select, COLORS, format, format === 'background' ? '#ffffff' : '#000000')\r\n        }\r\n        return new ColorPicker(select, icons[format] as string, {\r\n          expandIcon: '<i class=\"icon\" />',\r\n          closeAfterChange: false,\r\n        })\r\n      }\r\n      if (isNullOrUndefined(select.querySelector('option'))) {\r\n        if (select.classList.contains('ql-font')) {\r\n          fillSelect(select, FONTS)\r\n        }\r\n        else if (select.classList.contains('ql-header')) {\r\n          fillSelect(select, HEADERS)\r\n        }\r\n        else if (select.classList.contains('ql-size')) {\r\n          fillSelect(select, SIZES)\r\n        }\r\n        else if (select.classList.contains('ql-line-height')) {\r\n          fillSelect(select, LINEHEIGHT)\r\n        }\r\n      }\r\n      return new Picker(select)\r\n    })\r\n    const update = () => {\r\n      this.pickers.forEach((picker) => {\r\n        if (picker instanceof ColorPicker) return\r\n        picker.update()\r\n      })\r\n    }\r\n    this.quill.on(FluentEditor.events.EDITOR_CHANGE, update)\r\n  }\r\n\r\n  extendToolbar(toolbar) {\r\n    const icons = FluentEditor.import('ui/icons') as Record<string, any>\r\n    toolbar.container.classList.add('ql-snow')\r\n    this.buildButtons(toolbar.container.querySelectorAll('button'), icons)\r\n    this.buildPickers(toolbar.container.querySelectorAll('select'), icons)\r\n    this.tooltip = new Tooltip(this.quill, this.options.bounds)\r\n  }\r\n}\r\n\r\nfunction fillSelect(select, values, defaultValue = false) {\r\n  values.forEach((value) => {\r\n    const option = document.createElement('option')\r\n    if (value === defaultValue) {\r\n      option.setAttribute('selected', 'selected')\r\n    }\r\n    else {\r\n      option.setAttribute('value', value)\r\n    }\r\n    select.appendChild(option)\r\n  })\r\n}\r\nfunction fillColorSelect(\r\n  select: HTMLSelectElement,\r\n  values: Array<string | boolean>,\r\n  format: string,\r\n  defaultValue: unknown = false,\r\n) {\r\n  const colorGetter = document.createElement('span') as HTMLElement\r\n  for (const value of values) {\r\n    const option = document.createElement('option')\r\n    if (value === defaultValue) {\r\n      option.setAttribute('selected', 'selected')\r\n    }\r\n    else {\r\n      if (value !== 'custom') {\r\n        colorGetter.style[format] = String(value)\r\n        option.setAttribute('value', colorGetter.style[format])\r\n      }\r\n      else {\r\n        option.setAttribute('value', value)\r\n      }\r\n    }\r\n    select.appendChild(option)\r\n  }\r\n}\r\n\r\nexport default SnowTheme\r\n"],"names":["FluentEditor","shortKey","inputFile","fullscreenHandler","FormatPainter","Screenshot","CustomImageSpec","CHANGE_LANGUAGE_EVENT","ColorPicker","isNullOrUndefined","Picker","Tooltip"],"mappings":"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"}
+{"version":3,"file":"snow.cjs.js","sources":["../../../src/themes/snow.ts"],"sourcesContent":["import type { ThemeOptions } from 'quill/core/theme'\nimport type TypeToolbar from 'quill/modules/toolbar'\nimport type TypeIconPicker from 'quill/ui/icon-picker'\nimport { CHANGE_LANGUAGE_EVENT, inputFile, isNullOrUndefined } from '../config'\nimport FluentEditor from '../core/fluent-editor'\nimport { CustomImageSpec } from '../modules/custom-image/specs/custom-image-spec'\nimport { LinkTooltip } from '../modules/link'\nimport { shortKey } from '../modules/shortcut-key'\nimport { ColorPicker, Picker } from '../modules/toolbar/better-picker'\nimport { FormatPainter } from '../tools/format-painter'\nimport { fullscreenHandler } from '../tools/fullscreen'\nimport { Screenshot } from '../tools/screenshot'\n\nconst OriginSnowTheme = FluentEditor.import('themes/snow') as any\nconst IconPicker = FluentEditor.import('ui/icon-picker') as typeof TypeIconPicker\n\nOriginSnowTheme.DEFAULTS = {\n  modules: {\n    'i18n': true,\n    'keyboard': {\n      bindings: {\n        ...shortKey,\n      },\n    },\n    'toolbar': {\n      handlers: {\n        ...(OriginSnowTheme.DEFAULTS as Record<string, any>).modules.toolbar.handlers,\n        'formula': function () {\n          if (!this.quill.isEnabled()) return\n          const mathlive = this.quill.getModule('mathlive')\n          if (!mathlive) {\n            this.quill.theme.tooltip.edit('formula')\n          }\n          else {\n            mathlive.createDialog()\n          }\n        },\n        'undo': function () {\n          this.quill.history.undo()\n        },\n        'redo': function () {\n          this.quill.history.redo()\n        },\n        'file': function () {\n          const accept = this.quill.uploader.options.mimetypes\n          inputFile.call(this, 'file', accept)\n        },\n        'image': function () {\n          const accept = (this.quill as FluentEditor).uploader.options.mimetypes.filter((type) => {\n            if (type === '*') return 'image/*'\n            return type.startsWith('image/')\n          })\n          inputFile.call(this, 'image', accept)\n        },\n        'video': function () {\n          const accept = (this.quill as FluentEditor).uploader.options.mimetypes.filter((type) => {\n            if (type === '*') return 'video/*'\n            return type.startsWith('video/')\n          })\n          inputFile.call(this, 'video', accept)\n        },\n        'ai': function () {},\n        'emoji': function () {},\n        'fullscreen': fullscreenHandler,\n        [FormatPainter.toolName]: FormatPainter,\n        [Screenshot.toolName]: Screenshot,\n        'line-height': function (value) {\n          this.quill.format('line-height', value)\n        },\n        'divider': function () {\n          const range = this.quill.getSelection(true)\n          this.quill.insertText(range.index, '\\n', FluentEditor.sources.USER)\n          this.quill.insertEmbed(range.index + 1, 'divider', true, FluentEditor.sources.USER)\n          this.quill.setSelection(range.index + 2, FluentEditor.sources.SILENT)\n        },\n      },\n    },\n    'image': {\n      specs: [CustomImageSpec],\n      overlay: {\n        style: {\n          border: '1px dashed rgb(68, 68, 68)',\n        },\n      },\n    },\n    'shortcut-key': true,\n    'file': true,\n  },\n}\n\nconst ALIGNS = [false, 'center', 'right']\nconst COLORS = [\n  '',\n  'rgb(255, 255, 255)',\n  'rgb(0, 0, 0)',\n  'rgb(72, 83, 104)',\n  'rgb(41, 114, 244)',\n  'rgb(0, 163, 245)',\n  'rgb(49, 155, 98)',\n  'rgb(222, 60, 54)',\n  'rgb(248, 136, 37)',\n  'rgb(245, 196, 0)',\n  'rgb(153, 56, 215)',\n\n  'rgb(242, 242, 242)',\n  'rgb(127, 127, 127)',\n  'rgb(243, 245, 247)',\n  'rgb(229, 239, 255)',\n  'rgb(229, 246, 255)',\n  'rgb(234, 250, 241)',\n  'rgb(254, 233, 232)',\n  'rgb(254, 243, 235)',\n  'rgb(254, 249, 227)',\n  'rgb(253, 235, 255)',\n\n  'rgb(216, 216, 216)',\n  'rgb(89, 89, 89)',\n  'rgb(197, 202, 211)',\n  'rgb(199, 220, 255)',\n  'rgb(199, 236, 255)',\n  'rgb(195, 234, 213)',\n  'rgb(255, 201, 199)',\n  'rgb(255, 220, 196)',\n  'rgb(255, 238, 173)',\n  'rgb(242, 199, 255)',\n\n  'rgb(191, 191, 191)',\n  'rgb(63, 63, 63)',\n  'rgb(128, 139, 158)',\n  'rgb(153, 190, 255)',\n  'rgb(153, 221, 255)',\n  'rgb(152, 215, 182)',\n  'rgb(255, 156, 153)',\n  'rgb(255, 186, 132)',\n  'rgb(255, 226, 112)',\n  'rgb(213, 142, 255)',\n\n  'rgb(165, 165, 165)',\n  'rgb(38, 38, 38)',\n  'rgb(53, 59, 69)',\n  'rgb(20, 80, 184)',\n  'rgb(18, 116, 165)',\n  'rgb(39, 124, 79)',\n  'rgb(158, 30, 26)',\n  'rgb(184, 96, 20)',\n  'rgb(163, 130, 0)',\n  'rgb(94, 34, 129)',\n\n  'rgb(147, 147, 147)',\n  'rgb(13, 13, 13)',\n  'rgb(36, 39, 46)',\n  'rgb(12, 48, 110)',\n  'rgb(10, 65, 92)',\n  'rgb(24, 78, 50)',\n  'rgb(88, 17, 14)',\n  'rgb(92, 48, 10)',\n  'rgb(102, 82, 0)',\n  'rgb(59, 21, 81)',\n\n  'custom',\n]\nconst FONTS = [false, 'serif', 'monospace']\nconst HEADERS = ['1', '2', '3', false]\nconst SIZES = ['small', false, 'large', 'huge']\nconst LINEHEIGHT = [false, '1.2', '1.5', '2']\n\nclass SnowTheme extends OriginSnowTheme {\n  constructor(public quill: FluentEditor, options: ThemeOptions) {\n    super(quill, options)\n\n    this.quill.emitter.on(CHANGE_LANGUAGE_EVENT, () => {\n      this.i18nTextToolbar()\n    })\n  }\n\n  i18nTextToolbar() {\n    const toolbar = this.quill.getModule('toolbar') as TypeToolbar\n    ColorPicker.clearText = this.quill.getLangText('clear-color')\n    ColorPicker.customText = this.quill.getLangText('custom-color')\n\n    if (!toolbar || !this.pickers) return\n\n    this.pickers.forEach((picker) => {\n      if (picker instanceof ColorPicker) {\n        // EasyColorPicker have not dts. abd origin quill ColorPicker dts not complete. use any to resovle ts type error\n        const colorPicker = picker as any\n        colorPicker.options.remove()\n        Array.from(colorPicker.select.options).forEach((option: any) => {\n          if (option.hasAttribute('custom')) {\n            option.remove()\n          }\n        })\n        colorPicker.buildOptions()\n        colorPicker.createUsedColor()\n      }\n\n      if (picker.select && picker.select.classList.contains('ql-header')) {\n        const getLabelKey = (v: string | null) => (v ? `header-${v}` : 'header-normal')\n\n        // 更新 label 文本\n        const labelValue = picker.label.getAttribute('data-value')\n        picker.label.setAttribute('data-label', this.quill.getLangText(getLabelKey(labelValue)))\n\n        const select = picker.select as HTMLSelectElement\n        Array.from(select.options).forEach((option) => {\n          const value = option.getAttribute('value')\n          option.textContent = this.quill.getLangText(getLabelKey(value))\n        })\n\n        picker.options.remove()\n        picker.buildOptions()\n      }\n    })\n  }\n\n  buildPickers(selects: NodeListOf<HTMLSelectElement>, icons: Record<string, string | Record<string, string>>) {\n    this.pickers = Array.from(selects).map((select) => {\n      if (select.classList.contains('ql-align')) {\n        if (isNullOrUndefined(select.querySelector('option'))) {\n          fillSelect(select, ALIGNS)\n        }\n        return new IconPicker(select, icons.align as Record<string, string>)\n      }\n\n      if (select.classList.contains('ql-background') || select.classList.contains('ql-color')) {\n        const format = select.classList.contains('ql-background') ? 'background' : 'color'\n        if (isNullOrUndefined(select.querySelector('option'))) {\n          fillColorSelect(select, COLORS, format, format === 'background' ? '#ffffff' : '#000000')\n        }\n        return new ColorPicker(select, icons[format] as string, {\n          expandIcon: '<i class=\"icon\" />',\n          closeAfterChange: false,\n        })\n      }\n\n      if (isNullOrUndefined(select.querySelector('option'))) {\n        if (select.classList.contains('ql-font')) {\n          fillSelect(select, FONTS)\n        }\n        else if (select.classList.contains('ql-header')) {\n          fillSelect(select, HEADERS)\n        }\n        else if (select.classList.contains('ql-size')) {\n          fillSelect(select, SIZES)\n        }\n        else if (select.classList.contains('ql-line-height')) {\n          fillSelect(select, LINEHEIGHT)\n        }\n      }\n      return new Picker(select)\n    })\n\n    const update = () => {\n      this.pickers.forEach((picker) => {\n        if (picker instanceof ColorPicker) return\n        picker.update()\n      })\n    }\n    this.quill.on(FluentEditor.events.EDITOR_CHANGE, update)\n  }\n\n  extendToolbar(toolbar) {\n    const icons = FluentEditor.import('ui/icons') as Record<string, any>\n    toolbar.container.classList.add('ql-snow')\n    this.buildButtons(toolbar.container.querySelectorAll('button'), icons)\n    this.buildPickers(toolbar.container.querySelectorAll('select'), icons)\n    this.tooltip = new LinkTooltip(this.quill, this.options.bounds)\n  }\n}\n\nfunction fillSelect(select, values, defaultValue = false) {\n  values.forEach((value) => {\n    const option = document.createElement('option')\n    if (value === defaultValue) {\n      option.setAttribute('selected', 'selected')\n    }\n    else {\n      option.setAttribute('value', value)\n    }\n    select.appendChild(option)\n  })\n}\n\nfunction fillColorSelect(\n  select: HTMLSelectElement,\n  values: Array<string | boolean>,\n  format: string,\n  defaultValue: unknown = false,\n) {\n  const colorGetter = document.createElement('span') as HTMLElement\n  for (const value of values) {\n    const option = document.createElement('option')\n    if (value === defaultValue) {\n      option.setAttribute('selected', 'selected')\n    }\n    else {\n      if (value !== 'custom') {\n        colorGetter.style[format] = String(value)\n        option.setAttribute('value', colorGetter.style[format])\n      }\n      else {\n        option.setAttribute('value', value)\n      }\n    }\n    select.appendChild(option)\n  }\n}\n\nexport default SnowTheme\n"],"names":["FluentEditor","shortKey","inputFile","fullscreenHandler","FormatPainter","Screenshot","CustomImageSpec","CHANGE_LANGUAGE_EVENT","ColorPicker","isNullOrUndefined","Picker","LinkTooltip"],"mappings":";;;;;;;;;;;;;;AAaA,MAAM,kBAAkBA,aAAAA,QAAa,OAAO,aAAa;AACzD,MAAM,aAAaA,aAAAA,QAAa,OAAO,gBAAgB;AAEvD,gBAAgB,WAAW;AAAA,EACzB,SAAS;AAAA,IACP,QAAQ;AAAA,IACR,YAAY;AAAA,MACV,UAAU;AAAA,QACR,GAAGC,MAAAA;AAAAA,MAAA;AAAA,IAEP;AAAA,IACA,WAAW;AAAA,MACT,UAAU;AAAA,QACR,GAAI,gBAAgB,SAAiC,QAAQ,QAAQ;AAAA,QACrE,WAAW,WAAY;AACrB,cAAI,CAAC,KAAK,MAAM,YAAa;AAC7B,gBAAM,WAAW,KAAK,MAAM,UAAU,UAAU;AAChD,cAAI,CAAC,UAAU;AACb,iBAAK,MAAM,MAAM,QAAQ,KAAK,SAAS;AAAA,UAAA,OAEpC;AACH,qBAAS,aAAa;AAAA,UAAA;AAAA,QAE1B;AAAA,QACA,QAAQ,WAAY;AACb,eAAA,MAAM,QAAQ,KAAK;AAAA,QAC1B;AAAA,QACA,QAAQ,WAAY;AACb,eAAA,MAAM,QAAQ,KAAK;AAAA,QAC1B;AAAA,QACA,QAAQ,WAAY;AAClB,gBAAM,SAAS,KAAK,MAAM,SAAS,QAAQ;AACjCC,kBAAAA,UAAA,KAAK,MAAM,QAAQ,MAAM;AAAA,QACrC;AAAA,QACA,SAAS,WAAY;AACb,gBAAA,SAAU,KAAK,MAAuB,SAAS,QAAQ,UAAU,OAAO,CAAC,SAAS;AAClF,gBAAA,SAAS,IAAY,QAAA;AAClB,mBAAA,KAAK,WAAW,QAAQ;AAAA,UAAA,CAChC;AACSA,kBAAAA,UAAA,KAAK,MAAM,SAAS,MAAM;AAAA,QACtC;AAAA,QACA,SAAS,WAAY;AACb,gBAAA,SAAU,KAAK,MAAuB,SAAS,QAAQ,UAAU,OAAO,CAAC,SAAS;AAClF,gBAAA,SAAS,IAAY,QAAA;AAClB,mBAAA,KAAK,WAAW,QAAQ;AAAA,UAAA,CAChC;AACSA,kBAAAA,UAAA,KAAK,MAAM,SAAS,MAAM;AAAA,QACtC;AAAA,QACA,MAAM,WAAY;AAAA,QAAC;AAAA,QACnB,SAAS,WAAY;AAAA,QAAC;AAAA,QACtB,cAAcC,WAAA;AAAA,QACd,CAACC,cAAAA,cAAc,QAAQ,GAAGA,cAAA;AAAA,QAC1B,CAACC,WAAAA,WAAW,QAAQ,GAAGA,WAAA;AAAA,QACvB,eAAe,SAAU,OAAO;AACzB,eAAA,MAAM,OAAO,eAAe,KAAK;AAAA,QACxC;AAAA,QACA,WAAW,WAAY;AACrB,gBAAM,QAAQ,KAAK,MAAM,aAAa,IAAI;AAC1C,eAAK,MAAM,WAAW,MAAM,OAAO,MAAML,aAAAA,QAAa,QAAQ,IAAI;AAC7D,eAAA,MAAM,YAAY,MAAM,QAAQ,GAAG,WAAW,MAAMA,qBAAa,QAAQ,IAAI;AAClF,eAAK,MAAM,aAAa,MAAM,QAAQ,GAAGA,aAAAA,QAAa,QAAQ,MAAM;AAAA,QAAA;AAAA,MACtE;AAAA,IAEJ;AAAA,IACA,SAAS;AAAA,MACP,OAAO,CAACM,gBAAAA,eAAe;AAAA,MACvB,SAAS;AAAA,QACP,OAAO;AAAA,UACL,QAAQ;AAAA,QAAA;AAAA,MACV;AAAA,IAEJ;AAAA,IACA,gBAAgB;AAAA,IAChB,QAAQ;AAAA,EAAA;AAEZ;AAEA,MAAM,SAAS,CAAC,OAAO,UAAU,OAAO;AACxC,MAAM,SAAS;AAAA,EACb;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EAEA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EAEA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EAEA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EAEA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EAEA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EAEA;AACF;AACA,MAAM,QAAQ,CAAC,OAAO,SAAS,WAAW;AAC1C,MAAM,UAAU,CAAC,KAAK,KAAK,KAAK,KAAK;AACrC,MAAM,QAAQ,CAAC,SAAS,OAAO,SAAS,MAAM;AAC9C,MAAM,aAAa,CAAC,OAAO,OAAO,OAAO,GAAG;AAE5C,MAAM,kBAAkB,gBAAgB;AAAA,EACtC,YAAmB,OAAqB,SAAuB;AAC7D,UAAM,OAAO,OAAO;AADH,SAAA,QAAA;AAGjB,SAAK,MAAM,QAAQ,GAAGC,cAAA,uBAAuB,MAAM;AACjD,WAAK,gBAAgB;AAAA,IAAA,CACtB;AAAA,EAAA;AAAA,EAGH,kBAAkB;AAChB,UAAM,UAAU,KAAK,MAAM,UAAU,SAAS;AAC9CC,iBAAAA,YAAY,YAAY,KAAK,MAAM,YAAY,aAAa;AAC5DA,iBAAAA,YAAY,aAAa,KAAK,MAAM,YAAY,cAAc;AAE9D,QAAI,CAAC,WAAW,CAAC,KAAK,QAAS;AAE1B,SAAA,QAAQ,QAAQ,CAAC,WAAW;AAC/B,UAAI,kBAAkBA,aAAAA,aAAa;AAEjC,cAAM,cAAc;AACpB,oBAAY,QAAQ,OAAO;AAC3B,cAAM,KAAK,YAAY,OAAO,OAAO,EAAE,QAAQ,CAAC,WAAgB;AAC1D,cAAA,OAAO,aAAa,QAAQ,GAAG;AACjC,mBAAO,OAAO;AAAA,UAAA;AAAA,QAChB,CACD;AACD,oBAAY,aAAa;AACzB,oBAAY,gBAAgB;AAAA,MAAA;AAG9B,UAAI,OAAO,UAAU,OAAO,OAAO,UAAU,SAAS,WAAW,GAAG;AAClE,cAAM,cAAc,CAAC,MAAsB,IAAI,UAAU,CAAC,KAAK;AAG/D,cAAM,aAAa,OAAO,MAAM,aAAa,YAAY;AAClD,eAAA,MAAM,aAAa,cAAc,KAAK,MAAM,YAAY,YAAY,UAAU,CAAC,CAAC;AAEvF,cAAM,SAAS,OAAO;AACtB,cAAM,KAAK,OAAO,OAAO,EAAE,QAAQ,CAAC,WAAW;AACvC,gBAAA,QAAQ,OAAO,aAAa,OAAO;AACzC,iBAAO,cAAc,KAAK,MAAM,YAAY,YAAY,KAAK,CAAC;AAAA,QAAA,CAC/D;AAED,eAAO,QAAQ,OAAO;AACtB,eAAO,aAAa;AAAA,MAAA;AAAA,IACtB,CACD;AAAA,EAAA;AAAA,EAGH,aAAa,SAAwC,OAAwD;AAC3G,SAAK,UAAU,MAAM,KAAK,OAAO,EAAE,IAAI,CAAC,WAAW;AACjD,UAAI,OAAO,UAAU,SAAS,UAAU,GAAG;AACzC,YAAIC,aAAkB,kBAAA,OAAO,cAAc,QAAQ,CAAC,GAAG;AACrD,qBAAW,QAAQ,MAAM;AAAA,QAAA;AAE3B,eAAO,IAAI,WAAW,QAAQ,MAAM,KAA+B;AAAA,MAAA;AAGjE,UAAA,OAAO,UAAU,SAAS,eAAe,KAAK,OAAO,UAAU,SAAS,UAAU,GAAG;AACvF,cAAM,SAAS,OAAO,UAAU,SAAS,eAAe,IAAI,eAAe;AAC3E,YAAIA,aAAkB,kBAAA,OAAO,cAAc,QAAQ,CAAC,GAAG;AACrD,0BAAgB,QAAQ,QAAQ,QAAQ,WAAW,eAAe,YAAY,SAAS;AAAA,QAAA;AAEzF,eAAO,IAAID,aAAAA,YAAY,QAAQ,MAAM,MAAM,GAAa;AAAA,UACtD,YAAY;AAAA,UACZ,kBAAkB;AAAA,QAAA,CACnB;AAAA,MAAA;AAGH,UAAIC,aAAkB,kBAAA,OAAO,cAAc,QAAQ,CAAC,GAAG;AACrD,YAAI,OAAO,UAAU,SAAS,SAAS,GAAG;AACxC,qBAAW,QAAQ,KAAK;AAAA,QAEjB,WAAA,OAAO,UAAU,SAAS,WAAW,GAAG;AAC/C,qBAAW,QAAQ,OAAO;AAAA,QAEnB,WAAA,OAAO,UAAU,SAAS,SAAS,GAAG;AAC7C,qBAAW,QAAQ,KAAK;AAAA,QAEjB,WAAA,OAAO,UAAU,SAAS,gBAAgB,GAAG;AACpD,qBAAW,QAAQ,UAAU;AAAA,QAAA;AAAA,MAC/B;AAEK,aAAA,IAAIC,oBAAO,MAAM;AAAA,IAAA,CACzB;AAED,UAAM,SAAS,MAAM;AACd,WAAA,QAAQ,QAAQ,CAAC,WAAW;AAC/B,YAAI,kBAAkBF,aAAAA,YAAa;AACnC,eAAO,OAAO;AAAA,MAAA,CACf;AAAA,IACH;AACA,SAAK,MAAM,GAAGR,aAAa,QAAA,OAAO,eAAe,MAAM;AAAA,EAAA;AAAA,EAGzD,cAAc,SAAS;AACf,UAAA,QAAQA,aAAAA,QAAa,OAAO,UAAU;AACpC,YAAA,UAAU,UAAU,IAAI,SAAS;AACzC,SAAK,aAAa,QAAQ,UAAU,iBAAiB,QAAQ,GAAG,KAAK;AACrE,SAAK,aAAa,QAAQ,UAAU,iBAAiB,QAAQ,GAAG,KAAK;AACrE,SAAK,UAAU,IAAIW,oBAAY,KAAK,OAAO,KAAK,QAAQ,MAAM;AAAA,EAAA;AAElE;AAEA,SAAS,WAAW,QAAQ,QAAQ,eAAe,OAAO;AACjD,SAAA,QAAQ,CAAC,UAAU;AAClB,UAAA,SAAS,SAAS,cAAc,QAAQ;AAC9C,QAAI,UAAU,cAAc;AACnB,aAAA,aAAa,YAAY,UAAU;AAAA,IAAA,OAEvC;AACI,aAAA,aAAa,SAAS,KAAK;AAAA,IAAA;AAEpC,WAAO,YAAY,MAAM;AAAA,EAAA,CAC1B;AACH;AAEA,SAAS,gBACP,QACA,QACA,QACA,eAAwB,OACxB;AACM,QAAA,cAAc,SAAS,cAAc,MAAM;AACjD,aAAW,SAAS,QAAQ;AACpB,UAAA,SAAS,SAAS,cAAc,QAAQ;AAC9C,QAAI,UAAU,cAAc;AACnB,aAAA,aAAa,YAAY,UAAU;AAAA,IAAA,OAEvC;AACH,UAAI,UAAU,UAAU;AACtB,oBAAY,MAAM,MAAM,IAAI,OAAO,KAAK;AACxC,eAAO,aAAa,SAAS,YAAY,MAAM,MAAM,CAAC;AAAA,MAAA,OAEnD;AACI,eAAA,aAAa,SAAS,KAAK;AAAA,MAAA;AAAA,IACpC;AAEF,WAAO,YAAY,MAAM;AAAA,EAAA;AAE7B;;"}

package/lib/tools/format-painter.cjs.js

@@ -12,9 +12,15 @@ function FormatPainter() {
   }
   const [, formatterBtn] = this.controls.find(([name]) => name === FormatPainter.toolName);
   const formatRange = (range) => {
+    var _a, _b, _c, _d;
     if (!range) return;
-    this.quill.removeFormat(range.index, range.length);
+    const currentFormats = this.quill.getFormat(range);
+    for (const format in currentFormats) {
+      if ((_b = (_a = this.quill.options["format-painter"]) == null ? void 0 : _a.ignoreFormat) == null ? void 0 : _b.includes(format)) continue;
+      this.quill.format(format, null, Quill.sources.USER);
+    }
     for (const format in this.formatPainter.rangeFormat) {
+      if ((_d = (_c = this.quill.options["format-painter"]) == null ? void 0 : _c.ignoreFormat) == null ? void 0 : _d.includes(format)) continue;
       this.quill.format(format, this.formatPainter.rangeFormat[format], Quill.sources.USER);
     }
     if (!this.formatPainter.isFormatterLock) {
@@ -43,7 +49,7 @@ function FormatPainter() {
   };
   const unbindFormatSelect = () => {
     this.quill.off(Quill.events.SELECTION_CHANGE, formatRange);
-    this.formatPainter.rangeFormat = void 0;
+    this.formatPainter.rangeFormat = {};
     btnRemoveActive();
     this.formatPainter.isFormating = false;
     this.formatPainter.isFormatterLock = false;

package/lib/tools/format-painter.cjs.js.map

@@ -1 +1 @@
-{"version":3,"file":"format-painter.cjs.js","sources":["../../../src/tools/format-painter.ts"],"sourcesContent":["import type { Range } from 'quill'\r\nimport type Toolbar from 'quill/modules/toolbar'\r\nimport Quill from 'quill'\r\n\r\ninterface FormatData {\r\n  formatPainter: {\r\n    rangeFormat: Record<string, any>\r\n    isFormatterLock: boolean\r\n    isFormating: boolean\r\n    prepareLock: boolean\r\n  }\r\n}\r\nexport function FormatPainter(this: Toolbar & FormatData) {\r\n  if (!this.formatPainter) {\r\n    this.formatPainter = {\r\n      rangeFormat: {},\r\n      isFormatterLock: false,\r\n      isFormating: false,\r\n      prepareLock: false,\r\n    }\r\n  }\r\n  const [, formatterBtn] = this.controls.find(([name]) => name === FormatPainter.toolName)\r\n  const formatRange = (range: Range | null) => {\r\n    if (!range) return\r\n    this.quill.removeFormat(range.index, range.length)\r\n    for (const format in this.formatPainter.rangeFormat) {\r\n      this.quill.format(format, this.formatPainter.rangeFormat[format], Quill.sources.USER)\r\n    }\r\n    if (!this.formatPainter.isFormatterLock) {\r\n      unbindFormatSelect()\r\n    }\r\n    else {\r\n      btnActive()\r\n    }\r\n  }\r\n  // setTime for Toolbar.update\r\n  const btnActive = () => {\r\n    setTimeout(() => {\r\n      formatterBtn.classList.add('ql-active')\r\n    }, 0)\r\n  }\r\n  const btnRemoveActive = () => {\r\n    setTimeout(() => {\r\n      formatterBtn.classList.remove('ql-active')\r\n    }, 0)\r\n  }\r\n  const bindFormatSelect = () => {\r\n    const range = this.quill.getSelection()\r\n    if (range.length === 0) return\r\n    this.formatPainter.rangeFormat = this.quill.getFormat(range)\r\n    this.formatPainter.isFormating = true\r\n    this.quill.on(Quill.events.SELECTION_CHANGE, formatRange)\r\n    btnActive()\r\n  }\r\n  const unbindFormatSelect = () => {\r\n    this.quill.off(Quill.events.SELECTION_CHANGE, formatRange)\r\n    this.formatPainter.rangeFormat = undefined\r\n    btnRemoveActive()\r\n    this.formatPainter.isFormating = false\r\n    this.formatPainter.isFormatterLock = false\r\n  }\r\n\r\n  if (this.formatPainter.isFormatterLock || (this.formatPainter.isFormating && !this.formatPainter.prepareLock)) {\r\n    unbindFormatSelect()\r\n  }\r\n  else if (this.formatPainter.isFormating && this.formatPainter.prepareLock) {\r\n    this.formatPainter.isFormatterLock = true\r\n    btnActive()\r\n  }\r\n  else {\r\n    // imitate double click\r\n    this.formatPainter.prepareLock = true\r\n    setTimeout(() => {\r\n      this.formatPainter.prepareLock = false\r\n    }, 200)\r\n    bindFormatSelect()\r\n  }\r\n}\r\nFormatPainter.toolName = 'format-painter'\r\n"],"names":[],"mappings":";;;AAYO,SAAS,gBAA0C;AACpD,MAAA,CAAC,KAAK,eAAe;AACvB,SAAK,gBAAgB;AAAA,MACnB,aAAa,CAAC;AAAA,MACd,iBAAiB;AAAA,MACjB,aAAa;AAAA,MACb,aAAa;AAAA,IACf;AAAA,EAAA;AAEF,QAAM,GAAG,YAAY,IAAI,KAAK,SAAS,KAAK,CAAC,CAAC,IAAI,MAAM,SAAS,cAAc,QAAQ;AACjF,QAAA,cAAc,CAAC,UAAwB;AAC3C,QAAI,CAAC,MAAO;AACZ,SAAK,MAAM,aAAa,MAAM,OAAO,MAAM,MAAM;AACtC,eAAA,UAAU,KAAK,cAAc,aAAa;AAC9C,WAAA,MAAM,OAAO,QAAQ,KAAK,cAAc,YAAY,MAAM,GAAG,MAAM,QAAQ,IAAI;AAAA,IAAA;AAElF,QAAA,CAAC,KAAK,cAAc,iBAAiB;AACpB,yBAAA;AAAA,IAAA,OAEhB;AACO,gBAAA;AAAA,IAAA;AAAA,EAEd;AAEA,QAAM,YAAY,MAAM;AACtB,eAAW,MAAM;AACF,mBAAA,UAAU,IAAI,WAAW;AAAA,OACrC,CAAC;AAAA,EACN;AACA,QAAM,kBAAkB,MAAM;AAC5B,eAAW,MAAM;AACF,mBAAA,UAAU,OAAO,WAAW;AAAA,OACxC,CAAC;AAAA,EACN;AACA,QAAM,mBAAmB,MAAM;AACvB,UAAA,QAAQ,KAAK,MAAM,aAAa;AAClC,QAAA,MAAM,WAAW,EAAG;AACxB,SAAK,cAAc,cAAc,KAAK,MAAM,UAAU,KAAK;AAC3D,SAAK,cAAc,cAAc;AACjC,SAAK,MAAM,GAAG,MAAM,OAAO,kBAAkB,WAAW;AAC9C,cAAA;AAAA,EACZ;AACA,QAAM,qBAAqB,MAAM;AAC/B,SAAK,MAAM,IAAI,MAAM,OAAO,kBAAkB,WAAW;AACzD,SAAK,cAAc,cAAc;AACjB,oBAAA;AAChB,SAAK,cAAc,cAAc;AACjC,SAAK,cAAc,kBAAkB;AAAA,EACvC;AAEI,MAAA,KAAK,cAAc,mBAAoB,KAAK,cAAc,eAAe,CAAC,KAAK,cAAc,aAAc;AAC1F,uBAAA;AAAA,EAAA,WAEZ,KAAK,cAAc,eAAe,KAAK,cAAc,aAAa;AACzE,SAAK,cAAc,kBAAkB;AAC3B,cAAA;AAAA,EAAA,OAEP;AAEH,SAAK,cAAc,cAAc;AACjC,eAAW,MAAM;AACf,WAAK,cAAc,cAAc;AAAA,OAChC,GAAG;AACW,qBAAA;AAAA,EAAA;AAErB;AACA,cAAc,WAAW;;"}
+{"version":3,"file":"format-painter.cjs.js","sources":["../../../src/tools/format-painter.ts"],"sourcesContent":["import type { Range } from 'quill'\r\nimport type Toolbar from 'quill/modules/toolbar'\r\nimport Quill from 'quill'\r\n\r\nexport interface FormatData {\r\n  formatPainter: {\r\n    rangeFormat: Record<string, any>\r\n    isFormatterLock: boolean\r\n    isFormating: boolean\r\n    prepareLock: boolean\r\n  }\r\n}\r\nexport function FormatPainter(this: Toolbar & FormatData) {\r\n  if (!this.formatPainter) {\r\n    this.formatPainter = {\r\n      rangeFormat: {},\r\n      isFormatterLock: false,\r\n      isFormating: false,\r\n      prepareLock: false,\r\n    }\r\n  }\r\n  const [, formatterBtn] = this.controls.find(([name]) => name === FormatPainter.toolName)\r\n  const formatRange = (range: Range | null) => {\r\n    if (!range) return\r\n    const currentFormats = this.quill.getFormat(range)\r\n    for (const format in currentFormats) {\r\n      if (this.quill.options['format-painter']?.ignoreFormat?.includes(format)) continue\r\n      this.quill.format(format, null, Quill.sources.USER)\r\n    }\r\n\r\n    for (const format in this.formatPainter.rangeFormat) {\r\n      if (this.quill.options['format-painter']?.ignoreFormat?.includes(format)) continue\r\n      this.quill.format(format, this.formatPainter.rangeFormat[format], Quill.sources.USER)\r\n    }\r\n    if (!this.formatPainter.isFormatterLock) {\r\n      unbindFormatSelect()\r\n    }\r\n    else {\r\n      btnActive()\r\n    }\r\n  }\r\n  // setTime for Toolbar.update\r\n  const btnActive = () => {\r\n    setTimeout(() => {\r\n      formatterBtn.classList.add('ql-active')\r\n    }, 0)\r\n  }\r\n  const btnRemoveActive = () => {\r\n    setTimeout(() => {\r\n      formatterBtn.classList.remove('ql-active')\r\n    }, 0)\r\n  }\r\n  const bindFormatSelect = () => {\r\n    const range = this.quill.getSelection()\r\n    if (range.length === 0) return\r\n    this.formatPainter.rangeFormat = this.quill.getFormat(range)\r\n    this.formatPainter.isFormating = true\r\n    this.quill.on(Quill.events.SELECTION_CHANGE, formatRange)\r\n    btnActive()\r\n  }\r\n  const unbindFormatSelect = () => {\r\n    this.quill.off(Quill.events.SELECTION_CHANGE, formatRange)\r\n    this.formatPainter.rangeFormat = {}\r\n    btnRemoveActive()\r\n    this.formatPainter.isFormating = false\r\n    this.formatPainter.isFormatterLock = false\r\n  }\r\n\r\n  if (this.formatPainter.isFormatterLock || (this.formatPainter.isFormating && !this.formatPainter.prepareLock)) {\r\n    unbindFormatSelect()\r\n  }\r\n  else if (this.formatPainter.isFormating && this.formatPainter.prepareLock) {\r\n    this.formatPainter.isFormatterLock = true\r\n    btnActive()\r\n  }\r\n  else {\r\n    // imitate double click\r\n    this.formatPainter.prepareLock = true\r\n    setTimeout(() => {\r\n      this.formatPainter.prepareLock = false\r\n    }, 200)\r\n    bindFormatSelect()\r\n  }\r\n}\r\nFormatPainter.toolName = 'format-painter'\r\n"],"names":[],"mappings":";;;AAYO,SAAS,gBAA0C;AACpD,MAAA,CAAC,KAAK,eAAe;AACvB,SAAK,gBAAgB;AAAA,MACnB,aAAa,CAAC;AAAA,MACd,iBAAiB;AAAA,MACjB,aAAa;AAAA,MACb,aAAa;AAAA,IACf;AAAA,EAAA;AAEF,QAAM,GAAG,YAAY,IAAI,KAAK,SAAS,KAAK,CAAC,CAAC,IAAI,MAAM,SAAS,cAAc,QAAQ;AACjF,QAAA,cAAc,CAAC,UAAwB;;AAC3C,QAAI,CAAC,MAAO;AACZ,UAAM,iBAAiB,KAAK,MAAM,UAAU,KAAK;AACjD,eAAW,UAAU,gBAAgB;AAC/B,WAAA,gBAAK,MAAM,QAAQ,gBAAgB,MAAnC,mBAAsC,iBAAtC,mBAAoD,SAAS,QAAS;AAC1E,WAAK,MAAM,OAAO,QAAQ,MAAM,MAAM,QAAQ,IAAI;AAAA,IAAA;AAGzC,eAAA,UAAU,KAAK,cAAc,aAAa;AAC/C,WAAA,gBAAK,MAAM,QAAQ,gBAAgB,MAAnC,mBAAsC,iBAAtC,mBAAoD,SAAS,QAAS;AACrE,WAAA,MAAM,OAAO,QAAQ,KAAK,cAAc,YAAY,MAAM,GAAG,MAAM,QAAQ,IAAI;AAAA,IAAA;AAElF,QAAA,CAAC,KAAK,cAAc,iBAAiB;AACpB,yBAAA;AAAA,IAAA,OAEhB;AACO,gBAAA;AAAA,IAAA;AAAA,EAEd;AAEA,QAAM,YAAY,MAAM;AACtB,eAAW,MAAM;AACF,mBAAA,UAAU,IAAI,WAAW;AAAA,OACrC,CAAC;AAAA,EACN;AACA,QAAM,kBAAkB,MAAM;AAC5B,eAAW,MAAM;AACF,mBAAA,UAAU,OAAO,WAAW;AAAA,OACxC,CAAC;AAAA,EACN;AACA,QAAM,mBAAmB,MAAM;AACvB,UAAA,QAAQ,KAAK,MAAM,aAAa;AAClC,QAAA,MAAM,WAAW,EAAG;AACxB,SAAK,cAAc,cAAc,KAAK,MAAM,UAAU,KAAK;AAC3D,SAAK,cAAc,cAAc;AACjC,SAAK,MAAM,GAAG,MAAM,OAAO,kBAAkB,WAAW;AAC9C,cAAA;AAAA,EACZ;AACA,QAAM,qBAAqB,MAAM;AAC/B,SAAK,MAAM,IAAI,MAAM,OAAO,kBAAkB,WAAW;AACpD,SAAA,cAAc,cAAc,CAAC;AAClB,oBAAA;AAChB,SAAK,cAAc,cAAc;AACjC,SAAK,cAAc,kBAAkB;AAAA,EACvC;AAEI,MAAA,KAAK,cAAc,mBAAoB,KAAK,cAAc,eAAe,CAAC,KAAK,cAAc,aAAc;AAC1F,uBAAA;AAAA,EAAA,WAEZ,KAAK,cAAc,eAAe,KAAK,cAAc,aAAa;AACzE,SAAK,cAAc,kBAAkB;AAC3B,cAAA;AAAA,EAAA,OAEP;AAEH,SAAK,cAAc,cAAc;AACjC,eAAW,MAAM;AACf,WAAK,cAAc,cAAc;AAAA,OAChC,GAAG;AACW,qBAAA;AAAA,EAAA;AAErB;AACA,cAAc,WAAW;;"}

package/lib/tools/fullscreen.cjs.js.map

@@ -1 +1 @@
-{"version":3,"file":"fullscreen.cjs.js","sources":["../../../src/tools/fullscreen.ts"],"sourcesContent":["import type { FluentEditorToolbar } from '../config/types'\r\nimport { namespace } from '../config'\r\nimport { ICONS_CONFIG } from '../ui/icons'\r\nimport { lockScroll } from '../utils/scroll-lock'\r\n\r\nlet exitEscHandlerBindToolbar: (e: KeyboardEvent) => void\r\nlet resizeHandlerBindToolbar: () => void\r\nlet cleanLock: ReturnType<typeof lockScroll>\r\nlet originScrollTop = 0\r\nfunction exitEscHandler(toolbar: FluentEditorToolbar, e: KeyboardEvent) {\r\n  if (e.code === 'Escape') {\r\n    exitFullscreen(toolbar)\r\n  }\r\n}\r\nfunction updateToolbarHeight(toolbar: FluentEditorToolbar) {\r\n  const toolbarRect = toolbar.container.getBoundingClientRect()\r\n  toolbar.quill.container.style.setProperty(`--${namespace}-top`, `${toolbarRect.height}px`)\r\n}\r\nfunction intoFullscreen(toolbar: FluentEditorToolbar) {\r\n  toolbar.quill.isFullscreen = true\r\n  originScrollTop = document.documentElement.scrollTop\r\n  toolbar.container.classList.add('fullscreen')\r\n  toolbar.quill.container.classList.add('fullscreen')\r\n  cleanLock = lockScroll()\r\n  resizeHandlerBindToolbar()\r\n  const [, btn] = toolbar.controls.find(item => item[0] === 'fullscreen')\r\n  btn.innerHTML = ICONS_CONFIG['fullscreen-exit']\r\n  window.addEventListener('resize', resizeHandlerBindToolbar)\r\n  document.addEventListener('keydown', exitEscHandlerBindToolbar)\r\n  // TODO: clear hard code\r\n  const toolbarTipModule = toolbar.quill.getModule('toolbar-tip') as any\r\n  if (toolbarTipModule) {\r\n    toolbarTipModule.hideAllTips()\r\n  }\r\n}\r\nfunction exitFullscreen(toolbar: FluentEditorToolbar) {\r\n  toolbar.quill.isFullscreen = false\r\n  toolbar.container.classList.remove('fullscreen')\r\n  toolbar.quill.container.classList.remove('fullscreen')\r\n  cleanLock()\r\n  document.documentElement.scrollTop = originScrollTop\r\n  const [, btn] = toolbar.controls.find(item => item[0] === 'fullscreen')\r\n  btn.innerHTML = ICONS_CONFIG.fullscreen\r\n  window.removeEventListener('resize', resizeHandlerBindToolbar)\r\n  document.removeEventListener('keydown', exitEscHandlerBindToolbar)\r\n  // TODO: clear hard code\r\n  const toolbarTipModule = toolbar.quill.getModule('toolbar-tip') as any\r\n  if (toolbarTipModule) {\r\n    toolbarTipModule.hideAllTips()\r\n  }\r\n}\r\nexport function fullscreenHandler(this: FluentEditorToolbar) {\r\n  if (this.quill.isFullscreen) {\r\n    exitFullscreen(this)\r\n  }\r\n  else {\r\n    exitEscHandlerBindToolbar = exitEscHandler.bind(undefined, this)\r\n    resizeHandlerBindToolbar = updateToolbarHeight.bind(undefined, this)\r\n    intoFullscreen(this)\r\n  }\r\n}\r\n"],"names":["namespace","lockScroll","ICONS_CONFIG"],"mappings":";;;;;AAKA,IAAI;AACJ,IAAI;AACJ,IAAI;AACJ,IAAI,kBAAkB;AACtB,SAAS,eAAe,SAA8B,GAAkB;AAClE,MAAA,EAAE,SAAS,UAAU;AACvB,mBAAe,OAAO;AAAA,EAAA;AAE1B;AACA,SAAS,oBAAoB,SAA8B;AACnD,QAAA,cAAc,QAAQ,UAAU,sBAAsB;AACpD,UAAA,MAAM,UAAU,MAAM,YAAY,KAAKA,eAAS,QAAQ,GAAG,YAAY,MAAM,IAAI;AAC3F;AACA,SAAS,eAAe,SAA8B;AACpD,UAAQ,MAAM,eAAe;AAC7B,oBAAkB,SAAS,gBAAgB;AACnC,UAAA,UAAU,UAAU,IAAI,YAAY;AAC5C,UAAQ,MAAM,UAAU,UAAU,IAAI,YAAY;AAClD,cAAYC,WAAAA,WAAW;AACE,2BAAA;AACnB,QAAA,GAAG,GAAG,IAAI,QAAQ,SAAS,KAAK,CAAQ,SAAA,KAAK,CAAC,MAAM,YAAY;AAClE,MAAA,YAAYC,mBAAa,iBAAiB;AACvC,SAAA,iBAAiB,UAAU,wBAAwB;AACjD,WAAA,iBAAiB,WAAW,yBAAyB;AAE9D,QAAM,mBAAmB,QAAQ,MAAM,UAAU,aAAa;AAC9D,MAAI,kBAAkB;AACpB,qBAAiB,YAAY;AAAA,EAAA;AAEjC;AACA,SAAS,eAAe,SAA8B;AACpD,UAAQ,MAAM,eAAe;AACrB,UAAA,UAAU,UAAU,OAAO,YAAY;AAC/C,UAAQ,MAAM,UAAU,UAAU,OAAO,YAAY;AAC3C,YAAA;AACV,WAAS,gBAAgB,YAAY;AAC/B,QAAA,GAAG,GAAG,IAAI,QAAQ,SAAS,KAAK,CAAQ,SAAA,KAAK,CAAC,MAAM,YAAY;AACtE,MAAI,YAAYA,MAAAA,aAAa;AACtB,SAAA,oBAAoB,UAAU,wBAAwB;AACpD,WAAA,oBAAoB,WAAW,yBAAyB;AAEjE,QAAM,mBAAmB,QAAQ,MAAM,UAAU,aAAa;AAC9D,MAAI,kBAAkB;AACpB,qBAAiB,YAAY;AAAA,EAAA;AAEjC;AACO,SAAS,oBAA6C;AACvD,MAAA,KAAK,MAAM,cAAc;AAC3B,mBAAe,IAAI;AAAA,EAAA,OAEhB;AACyB,gCAAA,eAAe,KAAK,QAAW,IAAI;AACpC,+BAAA,oBAAoB,KAAK,QAAW,IAAI;AACnE,mBAAe,IAAI;AAAA,EAAA;AAEvB;;"}
+{"version":3,"file":"fullscreen.cjs.js","sources":["../../../src/tools/fullscreen.ts"],"sourcesContent":["import type Toolbar from 'quill/modules/toolbar'\r\nimport type FluentEditor from '../core/fluent-editor'\r\nimport { namespace } from '../config'\r\nimport { ICONS_CONFIG } from '../ui/icons'\r\nimport { lockScroll } from '../utils/scroll-lock'\r\n\r\nexport interface FluentEditorToolbar extends Toolbar {\r\n  quill: FluentEditor\r\n}\r\n\r\nlet exitEscHandlerBindToolbar: (e: KeyboardEvent) => void\r\nlet resizeHandlerBindToolbar: () => void\r\nlet cleanLock: ReturnType<typeof lockScroll>\r\nlet originScrollTop = 0\r\nfunction exitEscHandler(toolbar: FluentEditorToolbar, e: KeyboardEvent) {\r\n  if (e.code === 'Escape') {\r\n    exitFullscreen(toolbar)\r\n  }\r\n}\r\nfunction updateToolbarHeight(toolbar: FluentEditorToolbar) {\r\n  const toolbarRect = toolbar.container.getBoundingClientRect()\r\n  toolbar.quill.container.style.setProperty(`--${namespace}-top`, `${toolbarRect.height}px`)\r\n}\r\nfunction intoFullscreen(toolbar: FluentEditorToolbar) {\r\n  toolbar.quill.isFullscreen = true\r\n  originScrollTop = document.documentElement.scrollTop\r\n  toolbar.container.classList.add('fullscreen')\r\n  toolbar.quill.container.classList.add('fullscreen')\r\n  cleanLock = lockScroll()\r\n  resizeHandlerBindToolbar()\r\n  const [, btn] = toolbar.controls.find(item => item[0] === 'fullscreen')\r\n  btn.innerHTML = ICONS_CONFIG['fullscreen-exit']\r\n  window.addEventListener('resize', resizeHandlerBindToolbar)\r\n  document.addEventListener('keydown', exitEscHandlerBindToolbar)\r\n  // TODO: clear hard code\r\n  const toolbarTipModule = toolbar.quill.getModule('toolbar-tip') as any\r\n  if (toolbarTipModule) {\r\n    toolbarTipModule.hideAllTips()\r\n  }\r\n}\r\nfunction exitFullscreen(toolbar: FluentEditorToolbar) {\r\n  toolbar.quill.isFullscreen = false\r\n  toolbar.container.classList.remove('fullscreen')\r\n  toolbar.quill.container.classList.remove('fullscreen')\r\n  cleanLock()\r\n  document.documentElement.scrollTop = originScrollTop\r\n  const [, btn] = toolbar.controls.find(item => item[0] === 'fullscreen')\r\n  btn.innerHTML = ICONS_CONFIG.fullscreen\r\n  window.removeEventListener('resize', resizeHandlerBindToolbar)\r\n  document.removeEventListener('keydown', exitEscHandlerBindToolbar)\r\n  // TODO: clear hard code\r\n  const toolbarTipModule = toolbar.quill.getModule('toolbar-tip') as any\r\n  if (toolbarTipModule) {\r\n    toolbarTipModule.hideAllTips()\r\n  }\r\n}\r\nexport function fullscreenHandler(this: FluentEditorToolbar) {\r\n  if (this.quill.isFullscreen) {\r\n    exitFullscreen(this)\r\n  }\r\n  else {\r\n    exitEscHandlerBindToolbar = exitEscHandler.bind(undefined, this)\r\n    resizeHandlerBindToolbar = updateToolbarHeight.bind(undefined, this)\r\n    intoFullscreen(this)\r\n  }\r\n}\r\n"],"names":["namespace","lockScroll","ICONS_CONFIG"],"mappings":";;;;;AAUA,IAAI;AACJ,IAAI;AACJ,IAAI;AACJ,IAAI,kBAAkB;AACtB,SAAS,eAAe,SAA8B,GAAkB;AAClE,MAAA,EAAE,SAAS,UAAU;AACvB,mBAAe,OAAO;AAAA,EAAA;AAE1B;AACA,SAAS,oBAAoB,SAA8B;AACnD,QAAA,cAAc,QAAQ,UAAU,sBAAsB;AACpD,UAAA,MAAM,UAAU,MAAM,YAAY,KAAKA,eAAS,QAAQ,GAAG,YAAY,MAAM,IAAI;AAC3F;AACA,SAAS,eAAe,SAA8B;AACpD,UAAQ,MAAM,eAAe;AAC7B,oBAAkB,SAAS,gBAAgB;AACnC,UAAA,UAAU,UAAU,IAAI,YAAY;AAC5C,UAAQ,MAAM,UAAU,UAAU,IAAI,YAAY;AAClD,cAAYC,WAAAA,WAAW;AACE,2BAAA;AACnB,QAAA,GAAG,GAAG,IAAI,QAAQ,SAAS,KAAK,CAAQ,SAAA,KAAK,CAAC,MAAM,YAAY;AAClE,MAAA,YAAYC,mBAAa,iBAAiB;AACvC,SAAA,iBAAiB,UAAU,wBAAwB;AACjD,WAAA,iBAAiB,WAAW,yBAAyB;AAE9D,QAAM,mBAAmB,QAAQ,MAAM,UAAU,aAAa;AAC9D,MAAI,kBAAkB;AACpB,qBAAiB,YAAY;AAAA,EAAA;AAEjC;AACA,SAAS,eAAe,SAA8B;AACpD,UAAQ,MAAM,eAAe;AACrB,UAAA,UAAU,UAAU,OAAO,YAAY;AAC/C,UAAQ,MAAM,UAAU,UAAU,OAAO,YAAY;AAC3C,YAAA;AACV,WAAS,gBAAgB,YAAY;AAC/B,QAAA,GAAG,GAAG,IAAI,QAAQ,SAAS,KAAK,CAAQ,SAAA,KAAK,CAAC,MAAM,YAAY;AACtE,MAAI,YAAYA,MAAAA,aAAa;AACtB,SAAA,oBAAoB,UAAU,wBAAwB;AACpD,WAAA,oBAAoB,WAAW,yBAAyB;AAEjE,QAAM,mBAAmB,QAAQ,MAAM,UAAU,aAAa;AAC9D,MAAI,kBAAkB;AACpB,qBAAiB,YAAY;AAAA,EAAA;AAEjC;AACO,SAAS,oBAA6C;AACvD,MAAA,KAAK,MAAM,cAAc;AAC3B,mBAAe,IAAI;AAAA,EAAA,OAEhB;AACyB,gCAAA,eAAe,KAAK,QAAW,IAAI;AACpC,+BAAA,oBAAoB,KAAK,QAAW,IAAI;AACnE,mBAAe,IAAI;AAAA,EAAA;AAEvB;;"}

package/lib/tools/screenshot.cjs.js.map

@@ -1 +1 @@
-{"version":3,"file":"screenshot.cjs.js","sources":["../../../src/tools/screenshot.ts"],"sourcesContent":["import type html2canvas from 'html2canvas'\r\nimport type { Options as Html2CanvasOptions } from 'html2canvas'\r\nimport type Toolbar from 'quill/modules/toolbar'\r\nimport Quill from 'quill'\r\nimport { imgToBase64 } from '../utils/image'\r\nimport { lockScroll } from '../utils/scroll-lock'\r\n\r\nconst Delta = Quill.import('delta')\r\n\r\nexport type ScreenShotOptions = Partial<Html2CanvasOptions> & {\r\n  Html2Canvas: typeof html2canvas\r\n  beforeCreateCanvas: () => void | Promise<void>\r\n  beforeCreateImage: (canvas: HTMLCanvasElement) => HTMLCanvasElement | string | Promise<HTMLCanvasElement | string>\r\n}\r\ninterface ScreenShotOptionsInQuill {\r\n  quill: {\r\n    options: {\r\n      screenshot: Partial<ScreenShotOptions>\r\n    }\r\n  }\r\n}\r\n\r\nfunction resolveOptions(options: Partial<ScreenShotOptions>) {\r\n  return Object.assign({\r\n    // @ts-ignore\r\n    Html2Canvas: window.Html2Canvas,\r\n    useCORS: true,\r\n    scale: 1,\r\n    foreignObjectRendering: true,\r\n    beforeCreateImage: undefined,\r\n    beforeCreateCanvas: undefined,\r\n  }, options)\r\n}\r\n\r\nfunction init() {\r\n  const maskExits = document.querySelectorAll('.ql-screenshot-mask')\r\n  if (maskExits) {\r\n    maskExits.forEach(item => item && item.remove())\r\n  }\r\n  // 创建截图图层\r\n  const wrapper = document.createElement('div')\r\n  wrapper.classList.add('ql-screenshot-wrapper')\r\n  const mask = document.createElement('div')\r\n  mask.className = 'ql-screenshot-mask'\r\n  const cutter = document.createElement('div')\r\n  cutter.className = 'ql-screenshot-cutter'\r\n  const coordinate = document.createElement('p')\r\n  coordinate.className = 'ql-screenshot-coordinate'\r\n  cutter.appendChild(coordinate)\r\n  wrapper.appendChild(mask)\r\n  wrapper.appendChild(cutter)\r\n  document.body.appendChild(wrapper)\r\n  return { wrapper, mask, cutter, coordinate }\r\n}\r\n\r\nfunction findParentFixed(dom: HTMLElement) {\r\n  if (dom.tagName === 'BODY') return false\r\n  if (['fixed', 'sticky'].includes(dom.parentElement.style.position)) return true\r\n  return findParentFixed(dom.parentElement)\r\n}\r\nasync function renderImage(\r\n  Html2Canvas: typeof html2canvas,\r\n  html2canvasOptions: Partial<Html2CanvasOptions>,\r\n  rect: DOMRect,\r\n  options?: Omit<ScreenShotOptions, 'Html2Canvas' | keyof Html2CanvasOptions>,\r\n) {\r\n  if (options && options.beforeCreateCanvas) {\r\n    await options.beforeCreateCanvas()\r\n  }\r\n  const canvas: CanvasImageSource = await Html2Canvas(document.body, {\r\n    ...html2canvasOptions,\r\n    onclone: async (doc: Document, el: HTMLElement) => {\r\n      // find all fixed or sticky dom\r\n      const fixedDom = Array.from(doc.querySelectorAll('*[style*=\"position: fixed\"]')) as HTMLElement[]\r\n      const stickyDom = Array.from(doc.querySelectorAll('*[style*=\"position: sticky\"]')) as HTMLElement[]\r\n      const fixedDomList = new Set([...fixedDom, ...stickyDom])\r\n      for (const dom of fixedDomList) {\r\n        // if parent dom already has fixed or sticky style\r\n        // means that transform will be settle. skip\r\n        if (findParentFixed(dom)) continue\r\n        // use transform move to correct position\r\n        let x = 0\r\n        let y = 0\r\n        if (dom.style.top !== 'auto') {\r\n          y = window.scrollY\r\n        }\r\n        if (dom.style.left !== 'auto') {\r\n          x = window.scrollX\r\n        }\r\n        if (x !== 0 || y !== 0) {\r\n          dom.style.transform = `translate(${x}px, ${y}px)`\r\n        }\r\n      }\r\n\r\n      const imgs = doc.querySelectorAll('img')\r\n      const promises = Array.from(imgs).map(async (img) => {\r\n        img.src = await imgToBase64(img.src)\r\n      })\r\n      await Promise.all(promises)\r\n      html2canvasOptions.onclone && await html2canvasOptions.onclone(doc, el)\r\n    },\r\n  })\r\n  // 当前canvas为body全局截图，从当前截图中截取想要的部分重新绘制转成base64插入富文本\r\n  let cropCanvas: HTMLCanvasElement | string = document.createElement('canvas')\r\n  cropCanvas.width = rect.width\r\n  cropCanvas.height = rect.height\r\n  const cropCanvasCtx = cropCanvas.getContext('2d')\r\n  cropCanvasCtx.drawImage(\r\n    canvas,\r\n    rect.x + window.scrollX,\r\n    rect.y + window.scrollY,\r\n    rect.width,\r\n    rect.height,\r\n    0,\r\n    0,\r\n    rect.width,\r\n    rect.height,\r\n  )\r\n  if (options && options.beforeCreateImage) {\r\n    cropCanvas = await options.beforeCreateImage(cropCanvas)\r\n  }\r\n  return typeof cropCanvas === 'string' ? cropCanvas : cropCanvas.toDataURL()\r\n}\r\n\r\nexport function Screenshot(this: Toolbar & ScreenShotOptionsInQuill) {\r\n  this.quill.options.screenshot = resolveOptions(this.quill.options.screenshot)\r\n  const options = this.quill.options.screenshot\r\n  // @ts-ignore\r\n  const { Html2Canvas, beforeCreateImage, beforeCreateCanvas, ...html2CanvasOptions } = options\r\n  if (!Html2Canvas) {\r\n    throw new Error('ScreenShot module requires html2canvas. Please include the library on the page before FluentEditor.')\r\n  }\r\n  const range = this.quill.getSelection()\r\n  const { wrapper, mask, cutter, coordinate } = init()\r\n  const status: {\r\n    leftClickLockFlag: boolean\r\n    start?: {\r\n      x: number\r\n      y: number\r\n    }\r\n  } = {\r\n    leftClickLockFlag: false,\r\n    start: undefined,\r\n  }\r\n  const cleanLock = lockScroll()\r\n\r\n  const removeContextmenu = (event: Event) => {\r\n    event.preventDefault()\r\n    wrapper.remove()\r\n    cleanLock()\r\n    document.removeEventListener('contextmenu', removeContextmenu)\r\n  }\r\n  const afterShotCtrl = async (event: MouseEvent) => {\r\n    document.removeEventListener('mousedown', toggleRect)\r\n    const cutterRect = cutter.getBoundingClientRect()\r\n    const target = event.target as HTMLElement\r\n    wrapper.remove()\r\n    cleanLock()\r\n    if (target && target.className === 'ql-screenshot-confirm') {\r\n      const image = await renderImage(Html2Canvas, html2CanvasOptions, cutterRect, { beforeCreateCanvas, beforeCreateImage })\r\n\r\n      const delta = new Delta()\r\n        .retain(range.index)\r\n        .delete(range.length)\r\n        .insert({ image })\r\n      this.quill.updateContents(delta, Quill.sources.USER)\r\n      this.quill.setSelection(range.index + 1, Quill.sources.SILENT)\r\n    }\r\n    status.start = undefined\r\n  }\r\n  const drawRect = (event: MouseEvent) => {\r\n    // 通过鼠标移动描绘截图图层\r\n    const startX = status.start.x\r\n    const startY = status.start.y\r\n    const endX = event.clientX\r\n    const endY = event.clientY\r\n    const width = Math.abs(endX - startX)\r\n    const height = Math.abs(endY - startY)\r\n    const top = startY < endY ? startY : endY\r\n    const left = startX < endX ? startX : endX\r\n    const bottom = window.innerHeight - height - top\r\n    const right = window.innerWidth - width - left\r\n\r\n    const maskPath = `\r\n      linear-gradient(to top, #fff, #fff) top / 100% ${top}px,\r\n      linear-gradient(to bottom, #fff, #fff) bottom /100% ${bottom}px,\r\n      linear-gradient(to left, #fff, #fff) left / ${left}px 100%,\r\n      linear-gradient(to right, #fff, #fff) right / ${right}px 100%\r\n    `\r\n    Object.assign(cutter.style, {\r\n      width: `${width}px`,\r\n      height: `${height}px`,\r\n      left: `${left}px`,\r\n      top: `${top}px`,\r\n    })\r\n    Object.assign(mask.style, {\r\n      'mask': maskPath,\r\n      '-webkit-mask-repeat': 'no-repeat',\r\n    })\r\n    coordinate.textContent = `${width}, ${height}`\r\n  }\r\n  const toggleRect = (event: MouseEvent) => {\r\n    // 右键取消截图操作\r\n    if (event.button === 2) {\r\n      document.removeEventListener('mousemove', drawRect)\r\n      document.removeEventListener('mousedown', toggleRect)\r\n      document.addEventListener('contextmenu', removeContextmenu)\r\n      return\r\n    }\r\n    if (!status.leftClickLockFlag) {\r\n      if (status.start) {\r\n        // 如果有起点，则当前触发坐标为终点，移除监听事件并添加确认和取消按钮\r\n        document.removeEventListener('mousemove', drawRect)\r\n        const doneBtn = document.createElement('div')\r\n        doneBtn.innerHTML = `<div class=\"ql-screenshot-confirm\"></div><div class=\"ql-screenshot-cancel\"></div>`\r\n        doneBtn.className = 'ql-screenshot-done'\r\n        doneBtn.addEventListener('click', afterShotCtrl)\r\n        coordinate.remove()\r\n        cutter.appendChild(doneBtn)\r\n        status.leftClickLockFlag = true\r\n      }\r\n      else {\r\n        // 无起点则设置起点坐标，监听鼠标移动\r\n        status.start = { x: event.clientX, y: event.clientY }\r\n        document.addEventListener('mousemove', drawRect)\r\n      }\r\n    }\r\n  }\r\n  document.addEventListener('mousedown', toggleRect)\r\n}\r\nScreenshot.toolName = 'screenshot'\r\n"],"names":["imgToBase64","lockScroll","image"],"mappings":"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"}
+{"version":3,"file":"screenshot.cjs.js","sources":["../../../src/tools/screenshot.ts"],"sourcesContent":["import type html2canvas from 'html2canvas'\nimport type { Options as Html2CanvasOptions } from 'html2canvas'\nimport type Toolbar from 'quill/modules/toolbar'\nimport Quill from 'quill'\nimport { imgToBase64 } from '../utils/image'\nimport { lockScroll } from '../utils/scroll-lock'\n\nconst Delta = Quill.import('delta')\n\nexport type ScreenShotOptions = Partial<Html2CanvasOptions> & {\n  Html2Canvas: typeof html2canvas\n  beforeCreateCanvas: () => void | Promise<void>\n  beforeCreateImage: (canvas: HTMLCanvasElement) => HTMLCanvasElement | string | Promise<HTMLCanvasElement | string>\n}\ninterface ScreenShotOptionsInQuill {\n  quill: {\n    options: {\n      screenshot: Partial<ScreenShotOptions>\n    }\n  }\n}\n\nfunction resolveOptions(options: Partial<ScreenShotOptions>) {\n  return Object.assign({\n    // @ts-ignore\n    Html2Canvas: window.Html2Canvas,\n    useCORS: true,\n    scale: 1,\n    foreignObjectRendering: true,\n    beforeCreateImage: undefined,\n    beforeCreateCanvas: undefined,\n  }, options)\n}\n\nfunction init() {\n  const maskExits = document.querySelectorAll('.ql-screenshot-mask')\n  if (maskExits) {\n    maskExits.forEach(item => item && item.remove())\n  }\n  // 创建截图图层\n  const wrapper = document.createElement('div')\n  wrapper.classList.add('ql-screenshot-wrapper')\n  const mask = document.createElement('div')\n  mask.className = 'ql-screenshot-mask'\n  const cutter = document.createElement('div')\n  cutter.className = 'ql-screenshot-cutter'\n  const coordinate = document.createElement('p')\n  coordinate.className = 'ql-screenshot-coordinate'\n  cutter.appendChild(coordinate)\n  wrapper.appendChild(mask)\n  wrapper.appendChild(cutter)\n  document.body.appendChild(wrapper)\n  return { wrapper, mask, cutter, coordinate }\n}\n\nfunction findParentFixed(dom: HTMLElement) {\n  if (dom.tagName === 'BODY') return false\n  if (['fixed', 'sticky'].includes(dom.parentElement.style.position)) return true\n  return findParentFixed(dom.parentElement)\n}\nasync function renderImage(\n  Html2Canvas: typeof html2canvas,\n  html2canvasOptions: Partial<Html2CanvasOptions>,\n  rect: DOMRect,\n  options?: Omit<ScreenShotOptions, 'Html2Canvas' | keyof Html2CanvasOptions>,\n) {\n  if (options && options.beforeCreateCanvas) {\n    await options.beforeCreateCanvas()\n  }\n  const canvas: CanvasImageSource = await Html2Canvas(document.body, {\n    ...html2canvasOptions,\n    onclone: async (doc: Document, el: HTMLElement) => {\n      // find all fixed or sticky dom\n      const fixedDom = Array.from(doc.querySelectorAll('*[style*=\"position: fixed\"]')) as HTMLElement[]\n      const stickyDom = Array.from(doc.querySelectorAll('*[style*=\"position: sticky\"]')) as HTMLElement[]\n      const fixedDomList = new Set([...fixedDom, ...stickyDom])\n      for (const dom of fixedDomList) {\n        // if parent dom already has fixed or sticky style\n        // means that transform will be settle. skip\n        if (findParentFixed(dom)) continue\n        // use transform move to correct position\n        let x = 0\n        let y = 0\n        if (dom.style.top !== 'auto') {\n          y = window.scrollY\n        }\n        if (dom.style.left !== 'auto') {\n          x = window.scrollX\n        }\n        if (x !== 0 || y !== 0) {\n          dom.style.transform = `translate(${x}px, ${y}px)`\n        }\n      }\n\n      const imgs = doc.querySelectorAll('img')\n      const promises = Array.from(imgs).map(async (img) => {\n        img.src = await imgToBase64(img.src)\n      })\n      await Promise.all(promises)\n      html2canvasOptions.onclone && await html2canvasOptions.onclone(doc, el)\n    },\n  })\n  // 当前canvas为body全局截图，从当前截图中截取想要的部分重新绘制转成base64插入富文本\n  let cropCanvas: HTMLCanvasElement | string = document.createElement('canvas')\n  cropCanvas.width = rect.width\n  cropCanvas.height = rect.height\n  const cropCanvasCtx = cropCanvas.getContext('2d')\n  cropCanvasCtx.drawImage(\n    canvas,\n    rect.x + window.scrollX,\n    rect.y + window.scrollY,\n    rect.width,\n    rect.height,\n    0,\n    0,\n    rect.width,\n    rect.height,\n  )\n  if (options && options.beforeCreateImage) {\n    cropCanvas = await options.beforeCreateImage(cropCanvas)\n  }\n  return typeof cropCanvas === 'string' ? cropCanvas : cropCanvas.toDataURL()\n}\n\nexport function Screenshot(this: Toolbar & ScreenShotOptionsInQuill) {\n  this.quill.options.screenshot = resolveOptions(this.quill.options.screenshot)\n  const options = this.quill.options.screenshot\n  // @ts-ignore\n  const { Html2Canvas, beforeCreateImage, beforeCreateCanvas, ...html2CanvasOptions } = options\n  if (!Html2Canvas) {\n    throw new Error('ScreenShot module requires html2canvas. Please include the library on the page before FluentEditor.')\n  }\n  const range = this.quill.getSelection()\n  const { wrapper, mask, cutter, coordinate } = init()\n  const status: {\n    leftClickLockFlag: boolean\n    start?: {\n      x: number\n      y: number\n    }\n  } = {\n    leftClickLockFlag: false,\n    start: undefined,\n  }\n  const cleanLock = lockScroll()\n\n  const removeContextmenu = (event: Event) => {\n    event.preventDefault()\n    wrapper.remove()\n    cleanLock()\n    document.removeEventListener('contextmenu', removeContextmenu)\n  }\n  const afterShotCtrl = async (event: MouseEvent) => {\n    document.removeEventListener('mousedown', toggleRect)\n    const cutterRect = cutter.getBoundingClientRect()\n    const target = event.target as HTMLElement\n    wrapper.remove()\n    cleanLock()\n    if (target && target.className === 'ql-screenshot-confirm') {\n      const image = await renderImage(Html2Canvas, html2CanvasOptions, cutterRect, { beforeCreateCanvas, beforeCreateImage })\n\n      const delta = new Delta()\n        .retain(range.index)\n        .delete(range.length)\n        .insert({ image })\n      this.quill.updateContents(delta, Quill.sources.USER)\n      this.quill.setSelection(range.index + 1, Quill.sources.SILENT)\n    }\n    status.start = undefined\n  }\n  const drawRect = (event: MouseEvent) => {\n    // 通过鼠标移动描绘截图图层\n    const startX = status.start.x\n    const startY = status.start.y\n    const endX = event.clientX\n    const endY = event.clientY\n    const width = Math.abs(endX - startX)\n    const height = Math.abs(endY - startY)\n    const top = startY < endY ? startY : endY\n    const left = startX < endX ? startX : endX\n    const bottom = window.innerHeight - height - top\n    const right = window.innerWidth - width - left\n\n    const maskPath = `\n      linear-gradient(to top, #fff, #fff) top / 100% ${top}px,\n      linear-gradient(to bottom, #fff, #fff) bottom /100% ${bottom}px,\n      linear-gradient(to left, #fff, #fff) left / ${left}px 100%,\n      linear-gradient(to right, #fff, #fff) right / ${right}px 100%\n    `\n    Object.assign(cutter.style, {\n      width: `${width}px`,\n      height: `${height}px`,\n      left: `${left}px`,\n      top: `${top}px`,\n    })\n    Object.assign(mask.style, {\n      'mask': maskPath,\n      '-webkit-mask-repeat': 'no-repeat',\n    })\n    coordinate.textContent = `${width}, ${height}`\n  }\n  const toggleRect = (event: MouseEvent) => {\n    // 右键取消截图操作\n    if (event.button === 2) {\n      document.removeEventListener('mousemove', drawRect)\n      document.removeEventListener('mousedown', toggleRect)\n      document.addEventListener('contextmenu', removeContextmenu)\n      return\n    }\n    if (!status.leftClickLockFlag) {\n      if (status.start) {\n        // 如果有起点，则当前触发坐标为终点，移除监听事件并添加确认和取消按钮\n        document.removeEventListener('mousemove', drawRect)\n        const doneBtn = document.createElement('div')\n        doneBtn.innerHTML = `<div class=\"ql-screenshot-confirm\"></div><div class=\"ql-screenshot-cancel\"></div>`\n        doneBtn.className = 'ql-screenshot-done'\n        doneBtn.addEventListener('click', afterShotCtrl)\n        coordinate.remove()\n        cutter.appendChild(doneBtn)\n        status.leftClickLockFlag = true\n      }\n      else {\n        // 无起点则设置起点坐标，监听鼠标移动\n        status.start = { x: event.clientX, y: event.clientY }\n        document.addEventListener('mousemove', drawRect)\n      }\n    }\n  }\n  document.addEventListener('mousedown', toggleRect)\n}\nScreenshot.toolName = 'screenshot'\n"],"names":["imgToBase64","lockScroll","image"],"mappings":"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"}

package/lib/ui/icons.cjs.js

@@ -6,6 +6,7 @@ const ICONS_CONFIG = {
   "undo": icons_config.UNDO_ICON,
   "redo": icons_config.REDO_ICON,
   "clean": icons_config.CLEAN_ICON,
+  "ai": icons_config.AI_ICON,
   "bold": icons_config.BOLD_ICON,
   "italic": icons_config.ITALIC_ICON,
   "underline": icons_config.UNDERLINE_ICON,

package/lib/ui/icons.cjs.js.map

@@ -1 +1 @@
-{"version":3,"file":"icons.cjs.js","sources":["../../../src/ui/icons.ts"],"sourcesContent":["import FluentEditor from '../core/fluent-editor'\r\nimport {\r\n  ALIGN_CENTER_ICON,\r\n  ALIGN_JUSTIFY_ICON,\r\n  ALIGN_LEFT_ICON,\r\n  ALIGN_RIGHT_ICON,\r\n  BACKGROUND_COLOR_ICON,\r\n  BLOCKQUOTE_ICON,\r\n  BOLD_ICON,\r\n  CLEAN_ICON,\r\n  CODE_BLOCK_ICON,\r\n  CODE_ICON,\r\n  COLOR_ICON,\r\n  DIVIDER_ICON,\r\n  EMOJI_ICON,\r\n  FILE_ICON,\r\n  FORMAT_PAINTER_ICON,\r\n  FULLSCREEN_EXIT_ICON,\r\n  FULLSCREEN_ICON,\r\n  GLOBAL_LINK_ICON,\r\n  HELP_ICON,\r\n  IMAGE_ICON,\r\n  ITALIC_ICON,\r\n  LINK_ICON,\r\n  LIST_CHECK_ICON,\r\n  LIST_ORDERED_ICON,\r\n  LIST_UNORDERED_ICON,\r\n  REDO_ICON,\r\n  SCREENSHOT_ICON,\r\n  STRIKE_ICON,\r\n  TABLE_ICON,\r\n  UNDERLINE_ICON,\r\n  UNDO_ICON,\r\n} from './icons.config'\r\n\r\nconst ICONS_CONFIG: { [key: string]: any } = {\r\n  'undo': UNDO_ICON,\r\n  'redo': REDO_ICON,\r\n  'clean': CLEAN_ICON,\r\n\r\n  'bold': BOLD_ICON,\r\n  'italic': ITALIC_ICON,\r\n  'underline': UNDERLINE_ICON,\r\n  'strike': STRIKE_ICON,\r\n\r\n  'font': '',\r\n  'size': '',\r\n\r\n  'color': COLOR_ICON,\r\n  'background': BACKGROUND_COLOR_ICON,\r\n\r\n  'align': {\r\n    '': ALIGN_LEFT_ICON,\r\n    'center': ALIGN_CENTER_ICON,\r\n    'right': ALIGN_RIGHT_ICON,\r\n    'justify': ALIGN_JUSTIFY_ICON,\r\n  },\r\n  'list': {\r\n    bullet: LIST_UNORDERED_ICON,\r\n    ordered: LIST_ORDERED_ICON,\r\n    check: LIST_CHECK_ICON,\r\n  },\r\n\r\n  'code': CODE_ICON,\r\n  'code-block': CODE_BLOCK_ICON,\r\n  'blockquote': BLOCKQUOTE_ICON,\r\n\r\n  'image': IMAGE_ICON,\r\n  'file': FILE_ICON,\r\n  'link': LINK_ICON,\r\n  'global-link': GLOBAL_LINK_ICON,\r\n  'fullscreen': FULLSCREEN_ICON,\r\n  'fullscreen-exit': FULLSCREEN_EXIT_ICON,\r\n  'emoji': EMOJI_ICON,\r\n  'help': HELP_ICON,\r\n  'screenshot': SCREENSHOT_ICON,\r\n  'format-painter': FORMAT_PAINTER_ICON,\r\n  'divider': DIVIDER_ICON,\r\n}\r\n\r\nconst Icons = FluentEditor.import('ui/icons')\r\nObject.entries(ICONS_CONFIG).forEach(([key, icon]) => {\r\n  Icons[key] = icon\r\n})\r\n\r\nexport { ICONS_CONFIG }\r\n\r\nexport default Icons\r\n"],"names":["UNDO_ICON","REDO_ICON","CLEAN_ICON","BOLD_ICON","ITALIC_ICON","UNDERLINE_ICON","STRIKE_ICON","COLOR_ICON","BACKGROUND_COLOR_ICON","ALIGN_LEFT_ICON","ALIGN_CENTER_ICON","ALIGN_RIGHT_ICON","ALIGN_JUSTIFY_ICON","LIST_UNORDERED_ICON","LIST_ORDERED_ICON","LIST_CHECK_ICON","CODE_ICON","CODE_BLOCK_ICON","BLOCKQUOTE_ICON","IMAGE_ICON","FILE_ICON","LINK_ICON","GLOBAL_LINK_ICON","FULLSCREEN_ICON","FULLSCREEN_EXIT_ICON","EMOJI_ICON","HELP_ICON","SCREENSHOT_ICON","FORMAT_PAINTER_ICON","DIVIDER_ICON","FluentEditor"],"mappings":";;;;AAmCA,MAAM,eAAuC;AAAA,EAC3C,QAAQA,aAAA;AAAA,EACR,QAAQC,aAAA;AAAA,EACR,SAASC,aAAA;AAAA,EAET,QAAQC,aAAA;AAAA,EACR,UAAUC,aAAA;AAAA,EACV,aAAaC,aAAA;AAAA,EACb,UAAUC,aAAA;AAAA,EAEV,QAAQ;AAAA,EACR,QAAQ;AAAA,EAER,SAASC,aAAA;AAAA,EACT,cAAcC,aAAA;AAAA,EAEd,SAAS;AAAA,IACP,IAAIC,aAAA;AAAA,IACJ,UAAUC,aAAA;AAAA,IACV,SAASC,aAAA;AAAA,IACT,WAAWC,aAAAA;AAAAA,EACb;AAAA,EACA,QAAQ;AAAA,IACN,QAAQC,aAAA;AAAA,IACR,SAASC,aAAA;AAAA,IACT,OAAOC,aAAAA;AAAAA,EACT;AAAA,EAEA,QAAQC,aAAA;AAAA,EACR,cAAcC,aAAA;AAAA,EACd,cAAcC,aAAA;AAAA,EAEd,SAASC,aAAA;AAAA,EACT,QAAQC,aAAA;AAAA,EACR,QAAQC,aAAA;AAAA,EACR,eAAeC,aAAA;AAAA,EACf,cAAcC,aAAA;AAAA,EACd,mBAAmBC,aAAA;AAAA,EACnB,SAASC,aAAA;AAAA,EACT,QAAQC,aAAA;AAAA,EACR,cAAcC,aAAA;AAAA,EACd,kBAAkBC,aAAA;AAAA,EAClB,WAAWC,aAAAA;AACb;AAEM,MAAA,QAAQC,aAAAA,QAAa,OAAO,UAAU;AAC5C,OAAO,QAAQ,YAAY,EAAE,QAAQ,CAAC,CAAC,KAAK,IAAI,MAAM;AACpD,QAAM,GAAG,IAAI;AACf,CAAC;;;"}
+{"version":3,"file":"icons.cjs.js","sources":["../../../src/ui/icons.ts"],"sourcesContent":["import FluentEditor from '../core/fluent-editor'\nimport {\n  AI_ICON,\n  ALIGN_CENTER_ICON,\n  ALIGN_JUSTIFY_ICON,\n  ALIGN_LEFT_ICON,\n  ALIGN_RIGHT_ICON,\n  BACKGROUND_COLOR_ICON,\n  BLOCKQUOTE_ICON,\n  BOLD_ICON,\n  CLEAN_ICON,\n  CODE_BLOCK_ICON,\n  CODE_ICON,\n  COLOR_ICON,\n  DIVIDER_ICON,\n  EMOJI_ICON,\n  FILE_ICON,\n  FORMAT_PAINTER_ICON,\n  FULLSCREEN_EXIT_ICON,\n  FULLSCREEN_ICON,\n  GLOBAL_LINK_ICON,\n  HELP_ICON,\n  IMAGE_ICON,\n  ITALIC_ICON,\n  LINK_ICON,\n  LIST_CHECK_ICON,\n  LIST_ORDERED_ICON,\n  LIST_UNORDERED_ICON,\n  REDO_ICON,\n  SCREENSHOT_ICON,\n  STRIKE_ICON,\n  UNDERLINE_ICON,\n  UNDO_ICON,\n} from './icons.config'\n\nconst ICONS_CONFIG: { [key: string]: any } = {\n  'undo': UNDO_ICON,\n  'redo': REDO_ICON,\n  'clean': CLEAN_ICON,\n  'ai': AI_ICON,\n\n  'bold': BOLD_ICON,\n  'italic': ITALIC_ICON,\n  'underline': UNDERLINE_ICON,\n  'strike': STRIKE_ICON,\n\n  'font': '',\n  'size': '',\n\n  'color': COLOR_ICON,\n  'background': BACKGROUND_COLOR_ICON,\n\n  'align': {\n    '': ALIGN_LEFT_ICON,\n    'center': ALIGN_CENTER_ICON,\n    'right': ALIGN_RIGHT_ICON,\n    'justify': ALIGN_JUSTIFY_ICON,\n  },\n  'list': {\n    bullet: LIST_UNORDERED_ICON,\n    ordered: LIST_ORDERED_ICON,\n    check: LIST_CHECK_ICON,\n  },\n\n  'code': CODE_ICON,\n  'code-block': CODE_BLOCK_ICON,\n  'blockquote': BLOCKQUOTE_ICON,\n\n  'image': IMAGE_ICON,\n  'file': FILE_ICON,\n  'link': LINK_ICON,\n  'global-link': GLOBAL_LINK_ICON,\n  'fullscreen': FULLSCREEN_ICON,\n  'fullscreen-exit': FULLSCREEN_EXIT_ICON,\n  'emoji': EMOJI_ICON,\n  'help': HELP_ICON,\n  'screenshot': SCREENSHOT_ICON,\n  'format-painter': FORMAT_PAINTER_ICON,\n  'divider': DIVIDER_ICON,\n}\n\nconst Icons = FluentEditor.import('ui/icons')\nObject.entries(ICONS_CONFIG).forEach(([key, icon]) => {\n  Icons[key] = icon\n})\n\nexport { ICONS_CONFIG }\n\nexport default Icons\n"],"names":["UNDO_ICON","REDO_ICON","CLEAN_ICON","AI_ICON","BOLD_ICON","ITALIC_ICON","UNDERLINE_ICON","STRIKE_ICON","COLOR_ICON","BACKGROUND_COLOR_ICON","ALIGN_LEFT_ICON","ALIGN_CENTER_ICON","ALIGN_RIGHT_ICON","ALIGN_JUSTIFY_ICON","LIST_UNORDERED_ICON","LIST_ORDERED_ICON","LIST_CHECK_ICON","CODE_ICON","CODE_BLOCK_ICON","BLOCKQUOTE_ICON","IMAGE_ICON","FILE_ICON","LINK_ICON","GLOBAL_LINK_ICON","FULLSCREEN_ICON","FULLSCREEN_EXIT_ICON","EMOJI_ICON","HELP_ICON","SCREENSHOT_ICON","FORMAT_PAINTER_ICON","DIVIDER_ICON","FluentEditor"],"mappings":";;;;AAmCA,MAAM,eAAuC;AAAA,EAC3C,QAAQA,aAAA;AAAA,EACR,QAAQC,aAAA;AAAA,EACR,SAASC,aAAA;AAAA,EACT,MAAMC,aAAA;AAAA,EAEN,QAAQC,aAAA;AAAA,EACR,UAAUC,aAAA;AAAA,EACV,aAAaC,aAAA;AAAA,EACb,UAAUC,aAAA;AAAA,EAEV,QAAQ;AAAA,EACR,QAAQ;AAAA,EAER,SAASC,aAAA;AAAA,EACT,cAAcC,aAAA;AAAA,EAEd,SAAS;AAAA,IACP,IAAIC,aAAA;AAAA,IACJ,UAAUC,aAAA;AAAA,IACV,SAASC,aAAA;AAAA,IACT,WAAWC,aAAAA;AAAAA,EACb;AAAA,EACA,QAAQ;AAAA,IACN,QAAQC,aAAA;AAAA,IACR,SAASC,aAAA;AAAA,IACT,OAAOC,aAAAA;AAAAA,EACT;AAAA,EAEA,QAAQC,aAAA;AAAA,EACR,cAAcC,aAAA;AAAA,EACd,cAAcC,aAAA;AAAA,EAEd,SAASC,aAAA;AAAA,EACT,QAAQC,aAAA;AAAA,EACR,QAAQC,aAAA;AAAA,EACR,eAAeC,aAAA;AAAA,EACf,cAAcC,aAAA;AAAA,EACd,mBAAmBC,aAAA;AAAA,EACnB,SAASC,aAAA;AAAA,EACT,QAAQC,aAAA;AAAA,EACR,cAAcC,aAAA;AAAA,EACd,kBAAkBC,aAAA;AAAA,EAClB,WAAWC,aAAAA;AACb;AAEM,MAAA,QAAQC,aAAAA,QAAa,OAAO,UAAU;AAC5C,OAAO,QAAQ,YAAY,EAAE,QAAQ,CAAC,CAAC,KAAK,IAAI,MAAM;AACpD,QAAM,GAAG,IAAI;AACf,CAAC;;;"}