@opentiny/fluent-editor 3.21.0 → 3.22.0-alpha.0

package/lib/fluent-editor.cjs.js.map

@@ -1 +1 @@
-{"version":3,"file":"fluent-editor.cjs.js","sources":["../../src/fluent-editor.ts"],"sourcesContent":["import type { Module, Parchment as TypeParchment } from 'quill'\r\nimport type { IEditorConfig } from './config/types'\r\nimport Quill from 'quill'\r\nimport { FontStyle, LineHeightStyle, SizeStyle, TextIndentStyle } from './attributors'\r\nimport { getListValue, ICONS_CONFIG, inputFile, TABLE_RIGHT_MENU_CONFIG } from './config'\r\nimport Counter from './counter' // 字符统计\r\nimport CustomClipboard from './custom-clipboard' // 粘贴板\r\nimport CustomImage from './custom-image/BlotFormatter' // 图片\r\nimport { CustomImageSpec } from './custom-image/specs/CustomImageSpec' // 图片拉伸模块\r\nimport CustomUploader from './custom-uploader' // 上传\r\nimport Emoji from './emoji' // 表情\r\nimport FileModule from './file' // 文件\r\nimport { FormatPainter } from './format-painter'\r\nimport { fullscreenHandler } from './fullscreen/handler'\r\nimport Link from './link' // 超链接\r\nimport Mention from './mention/Mention' // @提醒\r\nimport { Screenshot } from './screenshot'// 截图\r\nimport SoftBreak from './soft-break' // 软回车\r\nimport Strike from './strike' // 删除线\r\nimport CustomSyntax from './syntax' // 代码块高亮\r\nimport BetterTable from './table/better-table' // 表格\r\nimport Toolbar from './toolbar' // 工具栏\r\nimport Video from './video' // 视频\r\n// import GlobalLink from './global-link' // 全局链接\r\n// import QuickMenu from './quick-menu' // 快捷菜单\r\n\r\nexport class FluentEditor extends Quill {\r\n  isFullscreen: boolean = false\r\n  constructor(container: HTMLElement | string, options: IEditorConfig = {}) {\r\n    super(container, options)\r\n  }\r\n}\r\n\r\nconst registerModules = function () {\r\n  const Icons = Quill.import('ui/icons')\r\n  Object.entries(ICONS_CONFIG).forEach(([key, icon]) => {\r\n    Icons[key] = icon\r\n  })\r\n\r\n  const SnowTheme = Quill.imports['themes/snow'] as typeof Module\r\n  SnowTheme.DEFAULTS = {\r\n    modules: {\r\n      'keyboard': {\r\n        bindings: {\r\n          ...BetterTable.keyboardBindings,\r\n        },\r\n      },\r\n      'toolbar': {\r\n        handlers: {\r\n          ...(SnowTheme.DEFAULTS as Record<string, any>).modules.toolbar.handlers,\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          'better-table': function () {\r\n            this.quill.getModule('better-table').insertTable(3, 3)\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          'list': function (value) {\r\n            const range = this.quill.getSelection()\r\n            const formats = this.quill.getFormat(range)\r\n            const preListValue = Array.isArray(formats.list) ? formats.list[0]?.value : formats.list?.value\r\n            const curListValue = getListValue(value, preListValue)\r\n            // 如果设置list的选区中有表格，判断第一个table-col位置，将表格前的内容设置为list格式\r\n            const lines = this.quill.getLines(range.index, range.length)\r\n            const tableCols = lines.filter(line => line.statics.blotName === 'table-col' && !line.prev)\r\n            if (tableCols.length) {\r\n              let start = range.index\r\n              // 遍历table-col群组，以之获取表格，将表格前选区设置为对应list格式\r\n              tableCols.forEach((item, index) => {\r\n                const table = item.domNode.closest('table.quill-better-table')\r\n                const tableBlot = Quill.find(table) as TypeParchment.Blot\r\n                const tableLength = tableBlot.length()\r\n                const tableStart = this.quill.getIndex(item)\r\n                const tableEnd = tableStart + tableLength\r\n                const beforeTableRangeLength = tableStart - start\r\n                // 在表格前设置列表\r\n                this.quill.setSelection(start, beforeTableRangeLength, Quill.sources.SILENT)\r\n                this.quill.format('list', curListValue, Quill.sources.USER)\r\n                table.parentNode.classList.remove('quill-better-table-selected')\r\n                // 当前表格末尾为下一个选取的开始\r\n                start = tableEnd\r\n                if (index === tableCols.length - 1) {\r\n                  // 将最后一个表格之后所有选区内容设置list格式\r\n                  this.quill.setSelection(tableEnd, range.index + range.length - tableEnd)\r\n                  this.quill.format('list', curListValue, Quill.sources.USER)\r\n                }\r\n              })\r\n            }\r\n            else {\r\n              this.quill.format('list', curListValue, Quill.sources.USER)\r\n            }\r\n          },\r\n          [FormatPainter.toolName]: FormatPainter,\r\n          [Screenshot.toolName]: Screenshot,\r\n        },\r\n      },\r\n      'better-table': {\r\n        operationMenu: {\r\n          items: TABLE_RIGHT_MENU_CONFIG,\r\n          color: true,\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    },\r\n  }\r\n\r\n  FluentEditor.register(\r\n    {\r\n      'modules/toolbar': Toolbar,\r\n      'modules/mention': Mention,\r\n      'modules/better-table': BetterTable,\r\n      'modules/clipboard': CustomClipboard,\r\n      'modules/uploader': CustomUploader, // 三者关联性最强\r\n      'modules/image': CustomImage, // 三者关联性最强\r\n      'modules/file': FileModule, // 三者关联性最强\r\n      'modules/counter': Counter,\r\n      'modules/emoji-toolbar': Emoji.ToolbarEmoji,\r\n      'modules/emoji-shortname': Emoji.ShortNameEmoji,\r\n      // 'modules/global-link': GlobalLink,//暂未开发\r\n      'modules/link': Link, // 报错\r\n      // 'modules/quickmenu': QuickMenu,//暂未开发\r\n      'modules/syntax': CustomSyntax,\r\n\r\n      'formats/strike': Strike,\r\n      'formats/softBreak': SoftBreak,\r\n      'formats/video': Video,\r\n      'formats/emoji': Emoji.EmojiBlot,\r\n      'formats/font': FontStyle,\r\n      'formats/size': SizeStyle,\r\n      'formats/line-height': LineHeightStyle,\r\n      'formats/text-indent': TextIndentStyle,\r\n    },\r\n    true, // 覆盖内部模块\r\n  )\r\n\r\n  return FluentEditor\r\n}\r\n\r\nexport default registerModules()\r\n"],"names":["ICONS_CONFIG","BetterTable","inputFile","fullscreenHandler","getListValue","index","FormatPainter","Screenshot","TABLE_RIGHT_MENU_CONFIG","CustomImageSpec","Toolbar","Mention","CustomClipboard","CustomUploader","CustomImage","FileModule","Counter","Emoji","Link","CustomSyntax","Strike","SoftBreak","Video","FontStyle","SizeStyle","LineHeightStyle","TextIndentStyle"],"mappings":"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"}
+{"version":3,"file":"fluent-editor.cjs.js","sources":["../../src/fluent-editor.ts"],"sourcesContent":["import type { Module, Parchment as TypeParchment } from 'quill'\r\nimport type { IEditorConfig } from './config/types'\r\nimport Quill from 'quill'\r\nimport { FontStyle, LineHeightStyle, SizeStyle, TextIndentStyle } from './attributors'\r\nimport { getListValue, ICONS_CONFIG, inputFile, TABLE_RIGHT_MENU_CONFIG } from './config'\r\nimport Counter from './counter' // 字符统计\r\nimport CustomClipboard from './custom-clipboard' // 粘贴板\r\nimport CustomImage from './custom-image/BlotFormatter' // 图片\r\nimport { CustomImageSpec } from './custom-image/specs/CustomImageSpec' // 图片拉伸模块\r\nimport CustomUploader from './custom-uploader' // 上传\r\nimport Emoji from './emoji' // 表情\r\nimport FileModule from './file' // 文件\r\nimport { FormatPainter } from './format-painter'\r\nimport { fullscreenHandler } from './fullscreen/handler'\r\nimport Link from './link' // 超链接\r\nimport MathliveModule from './mathlive' // latex公式\r\nimport MathliveBlot from './mathlive/formats'\r\nimport Mention from './mention/Mention' // @提醒\r\nimport { Screenshot } from './screenshot'// 截图\r\nimport SoftBreak from './soft-break' // 软回车\r\nimport Strike from './strike' // 删除线\r\nimport CustomSyntax from './syntax' // 代码块高亮\r\nimport BetterTable from './table/better-table' // 表格\r\nimport Toolbar from './toolbar' // 工具栏\r\nimport Video from './video' // 视频\r\n// import GlobalLink from './global-link' // 全局链接\r\n// import QuickMenu from './quick-menu' // 快捷菜单\r\n\r\nexport class FluentEditor extends Quill {\r\n  isFullscreen: boolean = false\r\n  constructor(container: HTMLElement | string, options: IEditorConfig = {}) {\r\n    super(container, options)\r\n  }\r\n}\r\n\r\nconst registerModules = function () {\r\n  const Icons = Quill.import('ui/icons')\r\n  Object.entries(ICONS_CONFIG).forEach(([key, icon]) => {\r\n    Icons[key] = icon\r\n  })\r\n\r\n  const SnowTheme = Quill.imports['themes/snow'] as typeof Module\r\n  SnowTheme.DEFAULTS = {\r\n    modules: {\r\n      'keyboard': {\r\n        bindings: {\r\n          ...BetterTable.keyboardBindings,\r\n        },\r\n      },\r\n      'toolbar': {\r\n        handlers: {\r\n          ...(SnowTheme.DEFAULTS as Record<string, any>).modules.toolbar.handlers,\r\n          'formula': function () {\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          'better-table': function () {\r\n            this.quill.getModule('better-table').insertTable(3, 3)\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          'list': function (value) {\r\n            const range = this.quill.getSelection()\r\n            const formats = this.quill.getFormat(range)\r\n            const preListValue = Array.isArray(formats.list) ? formats.list[0]?.value : formats.list?.value\r\n            const curListValue = getListValue(value, preListValue)\r\n            // 如果设置list的选区中有表格，判断第一个table-col位置，将表格前的内容设置为list格式\r\n            const lines = this.quill.getLines(range.index, range.length)\r\n            const tableCols = lines.filter(line => line.statics.blotName === 'table-col' && !line.prev)\r\n            if (tableCols.length) {\r\n              let start = range.index\r\n              // 遍历table-col群组，以之获取表格，将表格前选区设置为对应list格式\r\n              tableCols.forEach((item, index) => {\r\n                const table = item.domNode.closest('table.quill-better-table')\r\n                const tableBlot = Quill.find(table) as TypeParchment.Blot\r\n                const tableLength = tableBlot.length()\r\n                const tableStart = this.quill.getIndex(item)\r\n                const tableEnd = tableStart + tableLength\r\n                const beforeTableRangeLength = tableStart - start\r\n                // 在表格前设置列表\r\n                this.quill.setSelection(start, beforeTableRangeLength, Quill.sources.SILENT)\r\n                this.quill.format('list', curListValue, Quill.sources.USER)\r\n                table.parentNode.classList.remove('quill-better-table-selected')\r\n                // 当前表格末尾为下一个选取的开始\r\n                start = tableEnd\r\n                if (index === tableCols.length - 1) {\r\n                  // 将最后一个表格之后所有选区内容设置list格式\r\n                  this.quill.setSelection(tableEnd, range.index + range.length - tableEnd)\r\n                  this.quill.format('list', curListValue, Quill.sources.USER)\r\n                }\r\n              })\r\n            }\r\n            else {\r\n              this.quill.format('list', curListValue, Quill.sources.USER)\r\n            }\r\n          },\r\n          [FormatPainter.toolName]: FormatPainter,\r\n          [Screenshot.toolName]: Screenshot,\r\n        },\r\n      },\r\n      'better-table': {\r\n        operationMenu: {\r\n          items: TABLE_RIGHT_MENU_CONFIG,\r\n          color: true,\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    },\r\n  }\r\n\r\n  FluentEditor.register(\r\n    {\r\n      'modules/toolbar': Toolbar,\r\n      'modules/mention': Mention,\r\n      'modules/better-table': BetterTable,\r\n      'modules/clipboard': CustomClipboard,\r\n      'modules/uploader': CustomUploader, // 三者关联性最强\r\n      'modules/image': CustomImage, // 三者关联性最强\r\n      'modules/file': FileModule, // 三者关联性最强\r\n      'modules/counter': Counter,\r\n      'modules/emoji-toolbar': Emoji.ToolbarEmoji,\r\n      'modules/emoji-shortname': Emoji.ShortNameEmoji,\r\n      // 'modules/global-link': GlobalLink,//暂未开发\r\n      'modules/link': Link, // 报错\r\n      // 'modules/quickmenu': QuickMenu,//暂未开发\r\n      'modules/syntax': CustomSyntax,\r\n      'modules/mathlive': MathliveModule,\r\n\r\n      'formats/strike': Strike,\r\n      'formats/softBreak': SoftBreak,\r\n      'formats/video': Video,\r\n      'formats/emoji': Emoji.EmojiBlot,\r\n      'formats/font': FontStyle,\r\n      'formats/size': SizeStyle,\r\n      'formats/line-height': LineHeightStyle,\r\n      'formats/text-indent': TextIndentStyle,\r\n      [`formats/${MathliveBlot.blotName}`]: MathliveBlot,\r\n    },\r\n    true, // 覆盖内部模块\r\n  )\r\n\r\n  return FluentEditor\r\n}\r\n\r\nexport default registerModules()\r\n"],"names":["ICONS_CONFIG","BetterTable","inputFile","fullscreenHandler","formats","getListValue","index","FormatPainter","Screenshot","TABLE_RIGHT_MENU_CONFIG","CustomImageSpec","Toolbar","Mention","CustomClipboard","CustomUploader","CustomImage","FileModule","Counter","Emoji","Link","CustomSyntax","MathliveModule","Strike","SoftBreak","Video","FontStyle","SizeStyle","LineHeightStyle","TextIndentStyle","MathliveBlot"],"mappings":"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"}

package/lib/mathlive/formats.cjs.js

@@ -0,0 +1,65 @@
+"use strict";
+Object.defineProperties(exports, { __esModule: { value: true }, [Symbol.toStringTag]: { value: "Module" } });
+const Quill = require("quill");
+const Parchment = Quill.import("parchment");
+const _MathliveBlot = class _MathliveBlot extends Parchment.EmbedBlot {
+  constructor(scroll, domNode) {
+    super(scroll, domNode);
+    this.initFlag = false;
+    const dom = domNode;
+    dom.setAttribute("contenteditable", "false");
+    this.mode = dom.getAttribute("mode") || "only-read";
+  }
+  static create(obj) {
+    const el = super.create();
+    el.setAttribute("mode", obj.mode);
+    el.classList.add("view");
+    el.innerHTML = obj.value;
+    el.setValue(obj.value);
+    return el;
+  }
+  static value(domNode) {
+    return {
+      value: domNode.value,
+      mode: domNode.getAttribute("mode")
+    };
+  }
+  value() {
+    this.init();
+    return super.value();
+  }
+  init() {
+    if (this.initFlag) return;
+    if (this.mode === "only-read") return;
+    this.initFlag = true;
+    const dom = this.domNode;
+    this.quill = this.findQuillInstance();
+    if (this.mode === "dialog") {
+      dom.addEventListener("click", () => {
+        this.quill.getModule("mathlive").createDialog(dom.value);
+      });
+    }
+  }
+  html() {
+    const formula = this.domNode.value;
+    return `<math-field class="ql-math-field view" contenteditable="false" mode="${this.mode}">${formula}</math-field>`;
+  }
+  findQuillInstance() {
+    if (this.quill) return this.quill;
+    let dom = this.domNode.parentElement;
+    while (dom) {
+      const quill = dom.quill;
+      if (quill instanceof Quill) {
+        return quill;
+      }
+      dom = dom.parentElement;
+    }
+    throw new Error("not found quill instance");
+  }
+};
+_MathliveBlot.blotName = "mathlive";
+_MathliveBlot.tagName = "math-field";
+_MathliveBlot.className = "ql-math-field";
+let MathliveBlot = _MathliveBlot;
+exports.default = MathliveBlot;
+//# sourceMappingURL=formats.cjs.js.map

package/lib/mathlive/formats.cjs.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"formats.cjs.js","sources":["../../../src/mathlive/formats.ts"],"sourcesContent":["import type { MathfieldElement } from 'mathlive'\r\nimport type { Root } from 'parchment'\r\nimport Quill from 'quill'\r\n\r\nconst Parchment = Quill.import('parchment')\r\ntype MathliveBlotMode = 'dialog' | 'only-read'\r\nexport default class MathliveBlot extends Parchment.EmbedBlot {\r\n  static blotName = 'mathlive'\r\n  static tagName = 'math-field'\r\n  static className = 'ql-math-field'\r\n  quill?: Quill\r\n  initFlag = false\r\n  mode: MathliveBlotMode\r\n  constructor(scroll: Root, domNode: Node) {\r\n    super(scroll, domNode)\r\n    const dom = domNode as HTMLElement\r\n    dom.setAttribute('contenteditable', 'false')\r\n    this.mode = (dom.getAttribute('mode')\r\n      || 'only-read') as MathliveBlotMode\r\n  }\r\n\r\n  static create(obj: { value: string, mode: MathliveBlotMode }) {\r\n    const el = super.create() as MathfieldElement\r\n    el.setAttribute('mode', obj.mode)\r\n    el.classList.add('view')\r\n    el.innerHTML = obj.value\r\n    el.setValue(obj.value)\r\n    return el as MathfieldElement\r\n  }\r\n\r\n  static value(domNode: MathfieldElement) {\r\n    return {\r\n      value: domNode.value,\r\n      mode: domNode.getAttribute('mode'),\r\n    }\r\n  }\r\n\r\n  value() {\r\n    this.init()\r\n    return super.value()\r\n  }\r\n\r\n  init() {\r\n    if (this.initFlag) return\r\n    if (this.mode === 'only-read') return\r\n    this.initFlag = true\r\n    const dom = this.domNode as MathfieldElement\r\n    this.quill = this.findQuillInstance()\r\n    if (this.mode === 'dialog') {\r\n      dom.addEventListener('click', () => {\r\n        // @ts-ignore\r\n        this.quill.getModule('mathlive').createDialog(dom.value)\r\n      })\r\n    }\r\n  }\r\n\r\n  html() {\r\n    const formula = (this.domNode as MathfieldElement).value\r\n    return `<math-field class=\"ql-math-field view\" contenteditable=\"false\" mode=\"${this.mode}\">${formula}</math-field>`\r\n  }\r\n\r\n  findQuillInstance(): Quill {\r\n    if (this.quill) return this.quill\r\n    let dom = (this.domNode as HTMLElement).parentElement\r\n    while (dom) {\r\n      const quill = (dom as any).quill\r\n      if (quill instanceof Quill) {\r\n        return quill\r\n      }\r\n      dom = dom.parentElement\r\n    }\r\n    throw new Error('not found quill instance')\r\n  }\r\n}\r\n"],"names":[],"mappings":";;;AAIA,MAAM,YAAY,MAAM,OAAO,WAAW;AAErB,MAAA,gBAAA,MAAA,sBAAqB,UAAU,UAAU;AAAA,EAO5D,YAAY,QAAc,SAAe;AACvC,UAAM,QAAQ,OAAO;AAHZ,SAAA,WAAA;AAIT,UAAM,MAAM;AACR,QAAA,aAAa,mBAAmB,OAAO;AAC3C,SAAK,OAAQ,IAAI,aAAa,MAAM,KAC/B;AAAA,EACP;AAAA,EAEA,OAAO,OAAO,KAAgD;AACtD,UAAA,KAAK,MAAM;AACd,OAAA,aAAa,QAAQ,IAAI,IAAI;AAC7B,OAAA,UAAU,IAAI,MAAM;AACvB,OAAG,YAAY,IAAI;AAChB,OAAA,SAAS,IAAI,KAAK;AACd,WAAA;AAAA,EACT;AAAA,EAEA,OAAO,MAAM,SAA2B;AAC/B,WAAA;AAAA,MACL,OAAO,QAAQ;AAAA,MACf,MAAM,QAAQ,aAAa,MAAM;AAAA,IAAA;AAAA,EAErC;AAAA,EAEA,QAAQ;AACN,SAAK,KAAK;AACV,WAAO,MAAM;EACf;AAAA,EAEA,OAAO;AACL,QAAI,KAAK,SAAU;AACf,QAAA,KAAK,SAAS,YAAa;AAC/B,SAAK,WAAW;AAChB,UAAM,MAAM,KAAK;AACZ,SAAA,QAAQ,KAAK;AACd,QAAA,KAAK,SAAS,UAAU;AACtB,UAAA,iBAAiB,SAAS,MAAM;AAElC,aAAK,MAAM,UAAU,UAAU,EAAE,aAAa,IAAI,KAAK;AAAA,MAAA,CACxD;AAAA,IACH;AAAA,EACF;AAAA,EAEA,OAAO;AACC,UAAA,UAAW,KAAK,QAA6B;AACnD,WAAO,wEAAwE,KAAK,IAAI,KAAK,OAAO;AAAA,EACtG;AAAA,EAEA,oBAA2B;AACrB,QAAA,KAAK,MAAO,QAAO,KAAK;AACxB,QAAA,MAAO,KAAK,QAAwB;AACxC,WAAO,KAAK;AACV,YAAM,QAAS,IAAY;AAC3B,UAAI,iBAAiB,OAAO;AACnB,eAAA;AAAA,MACT;AACA,YAAM,IAAI;AAAA,IACZ;AACM,UAAA,IAAI,MAAM,0BAA0B;AAAA,EAC5C;AACF;AAlEE,cAAO,WAAW;AAClB,cAAO,UAAU;AACjB,cAAO,YAAY;AAHA,IAAA,eAAA;;"}

package/lib/mathlive/index.cjs.js

@@ -0,0 +1,16 @@
+"use strict";
+Object.defineProperties(exports, { __esModule: { value: true }, [Symbol.toStringTag]: { value: "Module" } });
+const Quill = require("quill");
+const tooltip = require("./tooltip.cjs.js");
+class MathliveModule extends Quill.Module {
+  constructor(quill, options) {
+    super(quill, options);
+    quill.root.quill = quill;
+    this.tooltip = new tooltip.default(quill);
+  }
+  async createDialog(value) {
+    this.tooltip.edit(value);
+  }
+}
+exports.default = MathliveModule;
+//# sourceMappingURL=index.cjs.js.map

package/lib/mathlive/index.cjs.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.cjs.js","sources":["../../../src/mathlive/index.ts"],"sourcesContent":["import type Quill from 'quill'\r\nimport { Module } from 'quill'\r\nimport MathliveTooltip from './tooltip'\r\n\r\nexport default class MathliveModule extends Module<boolean> {\r\n  tooltip: MathliveTooltip\r\n  constructor(quill: Quill, options?: boolean) {\r\n    super(quill, options)\r\n    // @ts-ignore\r\n    quill.root.quill = quill\r\n    this.tooltip = new MathliveTooltip(quill)\r\n  }\r\n\r\n  async createDialog(value?: string) {\r\n    this.tooltip.edit(value)\r\n  }\r\n}\r\n"],"names":["Module","MathliveTooltip"],"mappings":";;;;AAIA,MAAqB,uBAAuBA,MAAAA,OAAgB;AAAA,EAE1D,YAAY,OAAc,SAAmB;AAC3C,UAAM,OAAO,OAAO;AAEpB,UAAM,KAAK,QAAQ;AACd,SAAA,UAAU,IAAIC,QAAA,QAAgB,KAAK;AAAA,EAC1C;AAAA,EAEA,MAAM,aAAa,OAAgB;AAC5B,SAAA,QAAQ,KAAK,KAAK;AAAA,EACzB;AACF;;"}

package/lib/mathlive/tooltip.cjs.js

@@ -0,0 +1,69 @@
+"use strict";
+Object.defineProperties(exports, { __esModule: { value: true }, [Symbol.toStringTag]: { value: "Module" } });
+const core = require("quill/core");
+const Emitter = require("quill/core/emitter");
+const Tooltip = require("quill/ui/tooltip");
+const _MathliveTooltip = class _MathliveTooltip extends Tooltip {
+  constructor(quill, boundsContainer) {
+    super(quill, boundsContainer);
+    this.mathliveDom = document.createElement("math-field");
+    this.mathliveDom.classList.add("ql-math-field");
+    this.root.appendChild(this.mathliveDom);
+    this.root.classList.add("math-field-tooltip");
+    this.listen();
+  }
+  listen() {
+    this.mathliveDom.addEventListener("blur", (event) => {
+      this.hide();
+    });
+    this.root.addEventListener("keydown", (event) => {
+      if (event.key === "Enter") {
+        event.preventDefault();
+        this.save();
+      } else if (event.key === "Escape") {
+        event.preventDefault();
+        this.cancel();
+      }
+    });
+  }
+  cancel() {
+    this.hide();
+    this.restoreFocus();
+  }
+  edit(value) {
+    this.editValue = value;
+    this.root.classList.remove("ql-hidden");
+    this.root.classList.add("ql-editing");
+    this.mathliveDom.setValue(value || "");
+    const range = this.quill.getSelection();
+    const bounds = range ? this.quill.getBounds(range) : null;
+    if (bounds != null) {
+      this.position(bounds);
+    }
+    this.show();
+    this.mathliveDom.focus();
+  }
+  restoreFocus() {
+    this.mathliveDom.blur();
+    this.quill.focus({ preventScroll: true });
+  }
+  save() {
+    const range = this.quill.getSelection(true);
+    const inputValue = this.mathliveDom.value;
+    if (!inputValue) return;
+    const index = range ? range.index : this.quill.getLength() - 1;
+    const delta = new core.Delta().retain(index).delete(this.editValue ? 1 : (range == null ? void 0 : range.length) || 0).insert({ mathlive: { value: inputValue, mode: "dialog" } });
+    this.quill.updateContents(delta, Emitter.sources.USER);
+    this.quill.setSelection(index + 1, Emitter.sources.USER);
+    this.hide();
+  }
+  position(reference) {
+    const adjustedReference = { ...reference };
+    adjustedReference.left = reference.left + this.root.offsetWidth / 2 - reference.width / 2;
+    return super.position(adjustedReference);
+  }
+};
+_MathliveTooltip.TEMPLATE = ``;
+let MathliveTooltip = _MathliveTooltip;
+exports.default = MathliveTooltip;
+//# sourceMappingURL=tooltip.cjs.js.map

package/lib/mathlive/tooltip.cjs.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"tooltip.cjs.js","sources":["../../../src/mathlive/tooltip.ts"],"sourcesContent":["import type { MathfieldElement } from 'mathlive'\r\nimport type Quill from 'quill'\r\nimport type { Bounds } from 'quill/core/selection'\r\nimport { Delta } from 'quill/core'\r\nimport Emitter from 'quill/core/emitter'\r\nimport Tooltip from 'quill/ui/tooltip'\r\n\r\nexport default class MathliveTooltip extends Tooltip {\r\n  static TEMPLATE = ``\r\n\r\n  mathliveDom: MathfieldElement\r\n  editValue?: string\r\n\r\n  constructor(quill: Quill, boundsContainer?: HTMLElement) {\r\n    super(quill, boundsContainer)\r\n    this.mathliveDom = document.createElement('math-field') as MathfieldElement\r\n    this.mathliveDom.classList.add('ql-math-field')\r\n    this.root.appendChild(this.mathliveDom)\r\n    this.root.classList.add('math-field-tooltip')\r\n    this.listen()\r\n  }\r\n\r\n  listen() {\r\n    this.mathliveDom.addEventListener('blur', (event) => {\r\n      this.hide()\r\n    })\r\n    this.root.addEventListener('keydown', (event) => {\r\n      if (event.key === 'Enter') {\r\n        event.preventDefault()\r\n        this.save()\r\n      }\r\n      else if (event.key === 'Escape') {\r\n        event.preventDefault()\r\n        this.cancel()\r\n      }\r\n    })\r\n  }\r\n\r\n  cancel() {\r\n    this.hide()\r\n    this.restoreFocus()\r\n  }\r\n\r\n  edit(value?: string) {\r\n    this.editValue = value\r\n    this.root.classList.remove('ql-hidden')\r\n    this.root.classList.add('ql-editing')\r\n    this.mathliveDom.setValue(value || '')\r\n    const range = this.quill.getSelection()\r\n    const bounds = range ? this.quill.getBounds(range) : null\r\n    if (bounds != null) {\r\n      this.position(bounds)\r\n    }\r\n    this.show()\r\n    this.mathliveDom.focus()\r\n  }\r\n\r\n  restoreFocus() {\r\n    this.mathliveDom.blur()\r\n    this.quill.focus({ preventScroll: true })\r\n  }\r\n\r\n  save() {\r\n    const range = this.quill.getSelection(true)\r\n    const inputValue = this.mathliveDom.value\r\n    if (!inputValue) return\r\n    const index = range ? range.index : this.quill.getLength() - 1\r\n    const delta = new Delta()\r\n      .retain(index)\r\n      .delete(this.editValue ? 1 : range?.length || 0)\r\n      .insert({ mathlive: { value: inputValue, mode: 'dialog' } })\r\n    this.quill.updateContents(delta, Emitter.sources.USER)\r\n    this.quill.setSelection(index + 1, Emitter.sources.USER)\r\n    this.hide()\r\n  }\r\n\r\n  position(reference: Bounds) {\r\n    const adjustedReference = { ...reference }\r\n    adjustedReference.left = reference.left + this.root.offsetWidth / 2 - reference.width / 2\r\n    return super.position(adjustedReference)\r\n  }\r\n}\r\n"],"names":["Delta"],"mappings":";;;;;AAOA,MAAqB,mBAArB,MAAqB,yBAAwB,QAAQ;AAAA,EAMnD,YAAY,OAAc,iBAA+B;AACvD,UAAM,OAAO,eAAe;AACvB,SAAA,cAAc,SAAS,cAAc,YAAY;AACjD,SAAA,YAAY,UAAU,IAAI,eAAe;AACzC,SAAA,KAAK,YAAY,KAAK,WAAW;AACjC,SAAA,KAAK,UAAU,IAAI,oBAAoB;AAC5C,SAAK,OAAO;AAAA,EACd;AAAA,EAEA,SAAS;AACP,SAAK,YAAY,iBAAiB,QAAQ,CAAC,UAAU;AACnD,WAAK,KAAK;AAAA,IAAA,CACX;AACD,SAAK,KAAK,iBAAiB,WAAW,CAAC,UAAU;AAC3C,UAAA,MAAM,QAAQ,SAAS;AACzB,cAAM,eAAe;AACrB,aAAK,KAAK;AAAA,MAAA,WAEH,MAAM,QAAQ,UAAU;AAC/B,cAAM,eAAe;AACrB,aAAK,OAAO;AAAA,MACd;AAAA,IAAA,CACD;AAAA,EACH;AAAA,EAEA,SAAS;AACP,SAAK,KAAK;AACV,SAAK,aAAa;AAAA,EACpB;AAAA,EAEA,KAAK,OAAgB;AACnB,SAAK,YAAY;AACZ,SAAA,KAAK,UAAU,OAAO,WAAW;AACjC,SAAA,KAAK,UAAU,IAAI,YAAY;AAC/B,SAAA,YAAY,SAAS,SAAS,EAAE;AAC/B,UAAA,QAAQ,KAAK,MAAM,aAAa;AACtC,UAAM,SAAS,QAAQ,KAAK,MAAM,UAAU,KAAK,IAAI;AACrD,QAAI,UAAU,MAAM;AAClB,WAAK,SAAS,MAAM;AAAA,IACtB;AACA,SAAK,KAAK;AACV,SAAK,YAAY;EACnB;AAAA,EAEA,eAAe;AACb,SAAK,YAAY;AACjB,SAAK,MAAM,MAAM,EAAE,eAAe,KAAM,CAAA;AAAA,EAC1C;AAAA,EAEA,OAAO;AACL,UAAM,QAAQ,KAAK,MAAM,aAAa,IAAI;AACpC,UAAA,aAAa,KAAK,YAAY;AACpC,QAAI,CAAC,WAAY;AACjB,UAAM,QAAQ,QAAQ,MAAM,QAAQ,KAAK,MAAM,UAAc,IAAA;AACvD,UAAA,QAAQ,IAAIA,KAAA,MAAA,EACf,OAAO,KAAK,EACZ,OAAO,KAAK,YAAY,KAAI,+BAAO,WAAU,CAAC,EAC9C,OAAO,EAAE,UAAU,EAAE,OAAO,YAAY,MAAM,SAAS,EAAA,CAAG;AAC7D,SAAK,MAAM,eAAe,OAAO,QAAQ,QAAQ,IAAI;AACrD,SAAK,MAAM,aAAa,QAAQ,GAAG,QAAQ,QAAQ,IAAI;AACvD,SAAK,KAAK;AAAA,EACZ;AAAA,EAEA,SAAS,WAAmB;AACpB,UAAA,oBAAoB,EAAE,GAAG;AACb,sBAAA,OAAO,UAAU,OAAO,KAAK,KAAK,cAAc,IAAI,UAAU,QAAQ;AACjF,WAAA,MAAM,SAAS,iBAAiB;AAAA,EACzC;AACF;AAzEE,iBAAO,WAAW;AADpB,IAAqB,kBAArB;;"}

package/lib/mention/Mention.cjs.js

@@ -4,8 +4,9 @@ const Quill = require("quill");
 const editor_utils = require("../config/editor.utils.cjs.js");
 const constants = require("./constants.cjs.js");
 const MentionLink = require("./MentionLink.cjs.js");
-const { Scope } = Quill.imports.parchment;
-const Delta = Quill.imports.delta;
+const Delta = Quill.import("delta");
+const Parchment = Quill.import("parchment");
+const { Scope } = Parchment;
 class Mention {
   // @ts-ignore
   constructor(quill, options) {
@@ -41,7 +42,7 @@ class Mention {
       itemActiveClass: "ql-mention-item--active",
       itemKey: "name",
       searchKey: "name",
-      dataAttributes: ["id"],
+      // dataAttributes: ['id'],
       select(_data) {
       },
       remove(_data) {
@@ -307,8 +308,8 @@ class Mention {
         char: this.options.mentionChar,
         text: mention,
         mention: activeMentionItem,
-        link: this.options.defaultLink,
-        target: this.options.target,
+        link: activeMentionItem.link || this.options.defaultLink,
+        target: activeMentionItem.target || this.options.target,
         searchKey: this.options.searchKey
       }
     });

package/lib/mention/Mention.cjs.js.map

@@ -1 +1 @@
-{"version":3,"file":"Mention.cjs.js","sources":["../../../src/mention/Mention.ts"],"sourcesContent":["import Quill from 'quill'\r\nimport { isNullOrUndefined } from '../config/editor.utils'\r\nimport { DEFAULT_MENTION_CHAR, ON_MENTION_LINK_REMOVE } from './constants'\r\nimport MentionLink from './MentionLink'\r\n\r\nconst { Scope } = Quill.imports.parchment\r\nconst Delta = Quill.imports.delta\r\n\r\ninterface MentionOption {\r\n  containerClass?: string\r\n  dataAttributes?: string[]\r\n  defaultLink?: string\r\n  itemActiveClass?: string\r\n  itemKey: string\r\n  itemClass?: string\r\n  listClass?: string\r\n  listHideClass?: string\r\n  maxHeight?: number\r\n  mentionChar?: string\r\n  remove?: (data: any) => void\r\n  renderMentionItem?: (data: any) => string | HTMLElement\r\n  renderMentionText?: (data: any) => string | HTMLElement\r\n  search?: (term: string) => Promise<any[]>\r\n  searchKey: string\r\n  select?: (data: any) => void\r\n  target?: string\r\n}\r\n\r\n// @dynamic\r\nclass Mention {\r\n  private readonly options: MentionOption\r\n  private readonly mentionListEL: HTMLUListElement\r\n  private activeMentionIndex = 0\r\n  private latestMentionList: any[]\r\n  private latestMentionCharPos: number\r\n  private latestCaretPos: number\r\n  private searchTerm = ''\r\n  private needInsertBr = true\r\n  private readonly defaultOptions: MentionOption = {\r\n    defaultLink: '#',\r\n    target: '_blank',\r\n    mentionChar: DEFAULT_MENTION_CHAR,\r\n    maxHeight: 200,\r\n    renderMentionItem(data: any) {\r\n      let mentionItem = data.name || data.id\r\n      if (this.itemKey) {\r\n        mentionItem = data[this.itemKey]\r\n      }\r\n      const dom = document.createElement('SPAN')\r\n      dom.textContent = mentionItem\r\n      return dom\r\n    },\r\n    renderMentionText(data: any) {\r\n      let mentionText = data.name || data.id\r\n      if (this.itemKey) {\r\n        mentionText = data[this.itemKey]\r\n      }\r\n      return `${mentionText}`\r\n    },\r\n    containerClass: 'ql-mention-list-container',\r\n    listClass: 'ql-mention-list',\r\n    listHideClass: 'ql-mention-list--hide',\r\n    itemClass: 'ql-mention-item',\r\n    itemActiveClass: 'ql-mention-item--active',\r\n    itemKey: 'name',\r\n    searchKey: 'name',\r\n    dataAttributes: ['id'],\r\n    select(_data: any) {},\r\n    remove(_data: any) {},\r\n  }\r\n\r\n  static register() {\r\n    Quill.register(MentionLink)\r\n  }\r\n\r\n  // @ts-ignore\r\n  constructor(private quill: Quill, options: MentionOption) {\r\n    if (!options.search) {\r\n      console.warn('please provide a search function!')\r\n      return\r\n    }\r\n\r\n    this.options = Object.assign(this.defaultOptions, options)\r\n    const container = document.createElement('div')\r\n    container.classList.add('ql-mention-list-container')\r\n    if (this.options.containerClass !== 'ql-mention-list-container') {\r\n      container.classList.add(this.options.containerClass)\r\n    }\r\n    this.mentionListEL = document.createElement('ul')\r\n    this.mentionListEL.classList.add(this.options.listClass, this.options.listHideClass)\r\n    this.mentionListEL.style.cssText += `\r\n      max-height: ${this.options.maxHeight}px;\r\n    `\r\n\r\n    quill.on(Quill.events.TEXT_CHANGE, this.handleTextChange)\r\n    quill.keyboard.addBinding({ key: 'ArrowUp' }, this.handleArrowUpKey)\r\n    quill.keyboard.addBinding({ key: 'ArrowDown' }, this.handleArrowDownKey)\r\n    quill.keyboard.addBinding({ key: 'Enter' }, this.handleEnterKey)\r\n    quill.keyboard.addBinding({ key: 'Tab' }, this.handleEnterKey)\r\n    quill.keyboard.addBinding({ key: 'Escape' }, this.handleEscapeKey)\r\n    quill.keyboard.bindings.Enter.unshift(quill.keyboard.bindings.Enter.pop())\r\n    quill.keyboard.bindings.Tab.unshift(quill.keyboard.bindings.Tab.pop())\r\n    quill.keyboard.bindings.Escape.unshift(quill.keyboard.bindings.Escape.pop())\r\n\r\n    const customKeyboardEnter = {\r\n      key: 'Enter',\r\n      shiftKey: null,\r\n      handler: (range, context) => {\r\n        const lineFormats = Object.keys(context.format).reduce(\r\n          (formats, format) => {\r\n            if (\r\n              this.quill.scroll.query(format, Scope.BLOCK)\r\n              && !Array.isArray(context.format[format])\r\n            ) {\r\n              formats[format] = context.format[format]\r\n            }\r\n            return formats\r\n          },\r\n          {},\r\n        )\r\n\r\n        // fix: 解决@提醒之后插入多余空行和光标位置不对的问题\r\n        let selectionIndex = range.index - this.searchTerm.length\r\n        let delta = new Delta()\r\n          .retain(range.index)\r\n          .delete(range.length)\r\n        if (this.needInsertBr) {\r\n          delta = delta.insert('\\n', lineFormats)\r\n          selectionIndex = range.index + 1\r\n        }\r\n\r\n        this.quill.updateContents(delta, Quill.sources.USER)\r\n        this.quill.setSelection(selectionIndex, Quill.sources.SILENT)\r\n        this.quill.focus()\r\n\r\n        Object.keys(context.format).forEach((name) => {\r\n          if (!isNullOrUndefined(lineFormats[name])) return\r\n          if (Array.isArray(context.format[name])) return\r\n          if (name === 'code' || name === 'link') return\r\n          this.quill.format(name, context.format[name], Quill.sources.USER)\r\n        })\r\n\r\n        this.needInsertBr = true // 标记是否是输入@提醒的Enter\r\n      },\r\n    }\r\n\r\n    // 用自定义的Enter替换内置的Enter\r\n    quill.keyboard.bindings.Enter = quill.keyboard.bindings.Enter.map((item) => {\r\n      const buildinKeyboardEnter = item.format === undefined && item.shiftKey === null\r\n      if (buildinKeyboardEnter) {\r\n        return customKeyboardEnter\r\n      }\r\n      else {\r\n        return item\r\n      }\r\n    })\r\n\r\n    this.on('click', this.handleMouseClick)\r\n    this.on('mouseover', this.handleMouseEnter)\r\n    quill.emitter.on(ON_MENTION_LINK_REMOVE, async ({ mention, name }) => {\r\n      const [result] = (mention && [mention]) || (await this.options.search(name))\r\n      this.options.remove(result)\r\n    })\r\n    container.appendChild(this.mentionListEL)\r\n    quill.container.parentElement.insertBefore(container, quill.container)\r\n  }\r\n\r\n  on(eventName, callback) {\r\n    this.mentionListEL.addEventListener(eventName, (evt) => {\r\n      let\r\n        target = evt.target\r\n      let targetItemEL\r\n\r\n      while (this.mentionListEL.contains(target) && target !== this.mentionListEL) {\r\n        if (target.classList.contains(this.options.itemClass)) {\r\n          targetItemEL = target\r\n        }\r\n        target = target.parentElement\r\n      }\r\n\r\n      if (targetItemEL) {\r\n        callback.call(this, targetItemEL, this.getMentionItemIndex(targetItemEL))\r\n      }\r\n    })\r\n  }\r\n\r\n  getMentionItemIndex(itemEl: Element) {\r\n    return [].reduce.call(this.mentionListEL.children, (index, item, idx) => item === itemEl ? idx : index, -1)\r\n  }\r\n\r\n  handleTextChange = (_delta, _oldDelta, source) => {\r\n    // defer handler to make sure that we can get correct quill selection range.\r\n    setTimeout(() => {\r\n      if (Quill.sources.USER === source) {\r\n        const range = this.quill.getSelection()\r\n        if (!range) {\r\n          return\r\n        }\r\n\r\n        const caretPos = this.latestCaretPos = range.index\r\n        // beforeCaretText的计算有问题，没有把图片内容和@提醒内容的非字符内容算进去\r\n        const content = this.quill.getContents()\r\n        const beforeCaretText = content.reduce((newText, op) => {\r\n          if (typeof op.insert === 'string') {\r\n            return (newText += op.insert)\r\n          }\r\n          else {\r\n            return (newText += ' ') // 将图片内容和@提醒内容的非字符内容置为' '，算一个位置\r\n          }\r\n        }, '')\r\n        const mentionCharPos = beforeCaretText.lastIndexOf(this.options.mentionChar)\r\n\r\n        if (mentionCharPos > -1) {\r\n          const searchTerm = beforeCaretText.substring(mentionCharPos + this.options.mentionChar.length, caretPos)\r\n          this.searchTerm = searchTerm\r\n          if (!''.startsWith.call(searchTerm, ' ')) {\r\n            this.latestMentionCharPos = mentionCharPos\r\n            this.searchMentionListByTerm(searchTerm)\r\n          }\r\n          else {\r\n            this.hideMentionList()\r\n          }\r\n        }\r\n        else {\r\n          this.hideMentionList()\r\n        }\r\n      }\r\n    })\r\n  }\r\n\r\n  handleMouseClick(_itemEl: HTMLLIElement, index: number) {\r\n    this.selectMentionItem(index, true)\r\n    this.quill.focus()\r\n  }\r\n\r\n  handleMouseEnter(_itemEl: HTMLLIElement, index: number) {\r\n    this.activeMentionIndex = index\r\n    this.highlightMentionItem(index)\r\n  }\r\n\r\n  handleArrowUpKey = () => {\r\n    if (this.isOpen()) {\r\n      this.activeMentionIndex\r\n        = (this.activeMentionIndex + this.latestMentionList.length - 1) % this.latestMentionList.length\r\n      this.highlightMentionItem(this.activeMentionIndex)\r\n      return false\r\n    }\r\n    return true\r\n  }\r\n\r\n  handleArrowDownKey = () => {\r\n    if (this.isOpen()) {\r\n      this.activeMentionIndex = (this.activeMentionIndex + 1) % this.latestMentionList.length\r\n      this.highlightMentionItem(this.activeMentionIndex)\r\n      return false\r\n    }\r\n    return true\r\n  }\r\n\r\n  handleEnterKey = () => {\r\n    if (this.isOpen()) {\r\n      this.selectMentionItem()\r\n      this.needInsertBr = false\r\n    }\r\n    return true\r\n  }\r\n\r\n  handleEscapeKey = () => {\r\n    if (this.isOpen()) {\r\n      this.hideMentionList()\r\n      return false\r\n    }\r\n    return true\r\n  }\r\n\r\n  getActiveMentionItem() {\r\n    return this.mentionListEL.querySelector(`.${this.options.itemActiveClass}`)\r\n  }\r\n\r\n  isOpen() {\r\n    return !this.mentionListEL.classList.contains(this.options.listHideClass)\r\n  }\r\n\r\n  async searchMentionListByTerm(term: string) {\r\n    const mentionList = await this.options.search(term)\r\n    this.latestMentionList = mentionList\r\n    if (!mentionList || mentionList.length === 0) {\r\n      return this.hideMentionList()\r\n    }\r\n\r\n    this.showMentionList(mentionList)\r\n  }\r\n\r\n  showMentionList(mentionList: any[]) {\r\n    if (!this.isOpen()) {\r\n      this.mentionListEL.classList.remove(this.options.listHideClass)\r\n    }\r\n    this.activeMentionIndex = 0\r\n    this.setMentionListPos()\r\n    this.render(mentionList)\r\n  }\r\n\r\n  hideMentionList() {\r\n    if (this.isOpen()) {\r\n      this.activeMentionIndex = 0\r\n      this.mentionListEL.classList.add(this.options.listHideClass)\r\n    }\r\n  }\r\n\r\n  setMentionListPos() {\r\n    const cursorIndex = this.quill.selection.savedRange.index\r\n    const cursorBounds = this.quill.getBounds(cursorIndex)\r\n    const { left, top } = cursorBounds\r\n    const container = this.quill.container\r\n    const hostElement = container.parentNode as HTMLDivElement\r\n    const { left: editorLeft, top: editorTop } = container.getBoundingClientRect()\r\n    const { left: hostElementLeft, top: hostElementTop } = hostElement.getBoundingClientRect()\r\n    const relativeLeft = editorLeft - hostElementLeft\r\n    const relativeTop = editorTop - hostElementTop\r\n    const menuLeft = left + relativeLeft - 5\r\n    const menuTop = top + relativeTop + 20\r\n    this.mentionListEL.style.cssText += `\r\n      left: ${menuLeft}px;\r\n      top: ${menuTop}px;\r\n    `\r\n  }\r\n\r\n  render(mentionList: any[]) {\r\n    const wrapEl = document.createElement('div');\r\n\r\n    [].forEach.call(mentionList, (mentionItem, index) => {\r\n      const mentionItemEl = document.createElement('li')\r\n      mentionItemEl.classList.add(this.options.itemClass)\r\n      if (index === this.activeMentionIndex) {\r\n        mentionItemEl.classList.add(this.options.itemActiveClass)\r\n      }\r\n      const renderResult = this.options.renderMentionItem(mentionItem)\r\n      if (typeof renderResult === 'string') {\r\n        mentionItemEl.insertAdjacentHTML('afterbegin', renderResult)\r\n      }\r\n      else {\r\n        mentionItemEl.insertAdjacentElement('afterbegin', renderResult)\r\n      }\r\n      wrapEl.appendChild(mentionItemEl)\r\n    })\r\n\r\n    this.mentionListEL.innerHTML = wrapEl.innerHTML\r\n  }\r\n\r\n  highlightMentionItem(index: number) {\r\n    const oldActiveItem = this.getActiveMentionItem()\r\n    if (oldActiveItem) {\r\n      oldActiveItem.classList.remove(this.options.itemActiveClass)\r\n    }\r\n\r\n    const newActiveItem = this.mentionListEL.querySelector(`.${this.options.itemClass}:nth-of-type(${index + 1})`)\r\n    if (newActiveItem) {\r\n      newActiveItem.classList.add(this.options.itemActiveClass)\r\n      this.scrollIntoView(newActiveItem)\r\n    }\r\n  }\r\n\r\n  scrollIntoView(node: Element): void {\r\n    const nodeAsAny: any = node\r\n    if (nodeAsAny.scrollIntoViewIfNeeded) {\r\n      nodeAsAny.scrollIntoViewIfNeeded(false)\r\n      return\r\n    }\r\n    if (node.scrollIntoView) {\r\n      node.scrollIntoView(false)\r\n    }\r\n  }\r\n\r\n  selectMentionItem(index = this.activeMentionIndex, isClick?: boolean) {\r\n    const activeMentionItem = this.latestMentionList[index]\r\n    this.insertMentionBlot(activeMentionItem, isClick)\r\n    this.options.select(activeMentionItem)\r\n    this.hideMentionList()\r\n  }\r\n\r\n  insertMentionBlot(activeMentionItem: any, isClick?: boolean) {\r\n    const mention = this.options.renderMentionText(activeMentionItem)\r\n    const delta = new Delta()\r\n      .retain(this.latestMentionCharPos)\r\n      .delete(this.latestCaretPos - this.latestMentionCharPos)\r\n      .insert({\r\n        [MentionLink.blotName]: {\r\n          char: this.options.mentionChar,\r\n          text: mention,\r\n          mention: activeMentionItem,\r\n          link: this.options.defaultLink,\r\n          target: this.options.target,\r\n          searchKey: this.options.searchKey,\r\n        },\r\n      })\r\n    if (isClick) {\r\n      this.quill.updateContents(delta, Quill.sources.USER)\r\n    }\r\n    else {\r\n      this.quill.updateContents(delta, Quill.sources.API)\r\n    }\r\n    this.quill.setSelection(this.latestMentionCharPos + 1, Quill.sources.API)\r\n  }\r\n}\r\n\r\nexport { Mention as default }\r\n"],"names":["DEFAULT_MENTION_CHAR","isNullOrUndefined","ON_MENTION_LINK_REMOVE","MentionLink"],"mappings":"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"}
+{"version":3,"file":"Mention.cjs.js","sources":["../../../src/mention/Mention.ts"],"sourcesContent":["import Quill from 'quill'\r\nimport { isNullOrUndefined } from '../config/editor.utils'\r\nimport { DEFAULT_MENTION_CHAR, ON_MENTION_LINK_REMOVE } from './constants'\r\nimport MentionLink from './MentionLink'\r\n\r\nconst Delta = Quill.import('delta')\r\nconst Parchment = Quill.import('parchment')\r\nconst { Scope } = Parchment\r\n\r\ninterface MentionOption {\r\n  containerClass?: string\r\n  // dataAttributes?: string[]\r\n  defaultLink?: string\r\n  itemActiveClass?: string\r\n  itemKey: string\r\n  itemClass?: string\r\n  listClass?: string\r\n  listHideClass?: string\r\n  maxHeight?: number\r\n  mentionChar?: string\r\n  remove?: (data: any) => void\r\n  renderMentionItem?: (data: any) => string | HTMLElement\r\n  renderMentionText?: (data: any) => string | HTMLElement\r\n  search?: (term: string) => Promise<any[]>\r\n  searchKey: string\r\n  select?: (data: any) => void\r\n  target?: string\r\n}\r\n\r\n// @dynamic\r\nclass Mention {\r\n  private readonly options: MentionOption\r\n  private readonly mentionListEL: HTMLUListElement\r\n  private activeMentionIndex = 0\r\n  private latestMentionList: any[]\r\n  private latestMentionCharPos: number\r\n  private latestCaretPos: number\r\n  private searchTerm = ''\r\n  private needInsertBr = true\r\n  private readonly defaultOptions: MentionOption = {\r\n    defaultLink: '#',\r\n    target: '_blank',\r\n    mentionChar: DEFAULT_MENTION_CHAR,\r\n    maxHeight: 200,\r\n    renderMentionItem(data: any) {\r\n      let mentionItem = data.name || data.id\r\n      if (this.itemKey) {\r\n        mentionItem = data[this.itemKey]\r\n      }\r\n      const dom = document.createElement('SPAN')\r\n      dom.textContent = mentionItem\r\n      return dom\r\n    },\r\n    renderMentionText(data: any) {\r\n      let mentionText = data.name || data.id\r\n      if (this.itemKey) {\r\n        mentionText = data[this.itemKey]\r\n      }\r\n      return `${mentionText}`\r\n    },\r\n    containerClass: 'ql-mention-list-container',\r\n    listClass: 'ql-mention-list',\r\n    listHideClass: 'ql-mention-list--hide',\r\n    itemClass: 'ql-mention-item',\r\n    itemActiveClass: 'ql-mention-item--active',\r\n    itemKey: 'name',\r\n    searchKey: 'name',\r\n    // dataAttributes: ['id'],\r\n    select(_data: any) {},\r\n    remove(_data: any) {},\r\n  }\r\n\r\n  static register() {\r\n    Quill.register(MentionLink)\r\n  }\r\n\r\n  // @ts-ignore\r\n  constructor(private quill: Quill, options: MentionOption) {\r\n    if (!options.search) {\r\n      console.warn('please provide a search function!')\r\n      return\r\n    }\r\n\r\n    this.options = Object.assign(this.defaultOptions, options)\r\n    const container = document.createElement('div')\r\n    container.classList.add('ql-mention-list-container')\r\n    if (this.options.containerClass !== 'ql-mention-list-container') {\r\n      container.classList.add(this.options.containerClass)\r\n    }\r\n    this.mentionListEL = document.createElement('ul')\r\n    this.mentionListEL.classList.add(this.options.listClass, this.options.listHideClass)\r\n    this.mentionListEL.style.cssText += `\r\n      max-height: ${this.options.maxHeight}px;\r\n    `\r\n\r\n    quill.on(Quill.events.TEXT_CHANGE, this.handleTextChange)\r\n    quill.keyboard.addBinding({ key: 'ArrowUp' }, this.handleArrowUpKey)\r\n    quill.keyboard.addBinding({ key: 'ArrowDown' }, this.handleArrowDownKey)\r\n    quill.keyboard.addBinding({ key: 'Enter' }, this.handleEnterKey)\r\n    quill.keyboard.addBinding({ key: 'Tab' }, this.handleEnterKey)\r\n    quill.keyboard.addBinding({ key: 'Escape' }, this.handleEscapeKey)\r\n    quill.keyboard.bindings.Enter.unshift(quill.keyboard.bindings.Enter.pop())\r\n    quill.keyboard.bindings.Tab.unshift(quill.keyboard.bindings.Tab.pop())\r\n    quill.keyboard.bindings.Escape.unshift(quill.keyboard.bindings.Escape.pop())\r\n\r\n    const customKeyboardEnter = {\r\n      key: 'Enter',\r\n      shiftKey: null,\r\n      handler: (range, context) => {\r\n        const lineFormats = Object.keys(context.format).reduce(\r\n          (formats, format) => {\r\n            if (\r\n              this.quill.scroll.query(format, Scope.BLOCK)\r\n              && !Array.isArray(context.format[format])\r\n            ) {\r\n              formats[format] = context.format[format]\r\n            }\r\n            return formats\r\n          },\r\n          {},\r\n        )\r\n\r\n        // fix: 解决@提醒之后插入多余空行和光标位置不对的问题\r\n        let selectionIndex = range.index - this.searchTerm.length\r\n        let delta = new Delta()\r\n          .retain(range.index)\r\n          .delete(range.length)\r\n        if (this.needInsertBr) {\r\n          delta = delta.insert('\\n', lineFormats)\r\n          selectionIndex = range.index + 1\r\n        }\r\n\r\n        this.quill.updateContents(delta, Quill.sources.USER)\r\n        this.quill.setSelection(selectionIndex, Quill.sources.SILENT)\r\n        this.quill.focus()\r\n\r\n        Object.keys(context.format).forEach((name) => {\r\n          if (!isNullOrUndefined(lineFormats[name])) return\r\n          if (Array.isArray(context.format[name])) return\r\n          if (name === 'code' || name === 'link') return\r\n          this.quill.format(name, context.format[name], Quill.sources.USER)\r\n        })\r\n\r\n        this.needInsertBr = true // 标记是否是输入@提醒的Enter\r\n      },\r\n    }\r\n\r\n    // 用自定义的Enter替换内置的Enter\r\n    quill.keyboard.bindings.Enter = quill.keyboard.bindings.Enter.map((item) => {\r\n      const buildinKeyboardEnter = item.format === undefined && item.shiftKey === null\r\n      if (buildinKeyboardEnter) {\r\n        return customKeyboardEnter\r\n      }\r\n      else {\r\n        return item\r\n      }\r\n    })\r\n\r\n    this.on('click', this.handleMouseClick)\r\n    this.on('mouseover', this.handleMouseEnter)\r\n    quill.emitter.on(ON_MENTION_LINK_REMOVE, async ({ mention, name }) => {\r\n      const [result] = (mention && [mention]) || (await this.options.search(name))\r\n      this.options.remove(result)\r\n    })\r\n    container.appendChild(this.mentionListEL)\r\n    quill.container.parentElement.insertBefore(container, quill.container)\r\n  }\r\n\r\n  on(eventName, callback) {\r\n    this.mentionListEL.addEventListener(eventName, (evt) => {\r\n      let\r\n        target = evt.target\r\n      let targetItemEL\r\n\r\n      while (this.mentionListEL.contains(target) && target !== this.mentionListEL) {\r\n        if (target.classList.contains(this.options.itemClass)) {\r\n          targetItemEL = target\r\n        }\r\n        target = target.parentElement\r\n      }\r\n\r\n      if (targetItemEL) {\r\n        callback.call(this, targetItemEL, this.getMentionItemIndex(targetItemEL))\r\n      }\r\n    })\r\n  }\r\n\r\n  getMentionItemIndex(itemEl: Element) {\r\n    return [].reduce.call(this.mentionListEL.children, (index, item, idx) => item === itemEl ? idx : index, -1)\r\n  }\r\n\r\n  handleTextChange = (_delta, _oldDelta, source) => {\r\n    // defer handler to make sure that we can get correct quill selection range.\r\n    setTimeout(() => {\r\n      if (Quill.sources.USER === source) {\r\n        const range = this.quill.getSelection()\r\n        if (!range) {\r\n          return\r\n        }\r\n\r\n        const caretPos = this.latestCaretPos = range.index\r\n        // beforeCaretText的计算有问题，没有把图片内容和@提醒内容的非字符内容算进去\r\n        const content = this.quill.getContents()\r\n        const beforeCaretText = content.reduce((newText, op) => {\r\n          if (typeof op.insert === 'string') {\r\n            return (newText += op.insert)\r\n          }\r\n          else {\r\n            return (newText += ' ') // 将图片内容和@提醒内容的非字符内容置为' '，算一个位置\r\n          }\r\n        }, '')\r\n        const mentionCharPos = beforeCaretText.lastIndexOf(this.options.mentionChar)\r\n\r\n        if (mentionCharPos > -1) {\r\n          const searchTerm = beforeCaretText.substring(mentionCharPos + this.options.mentionChar.length, caretPos)\r\n          this.searchTerm = searchTerm\r\n          if (!''.startsWith.call(searchTerm, ' ')) {\r\n            this.latestMentionCharPos = mentionCharPos\r\n            this.searchMentionListByTerm(searchTerm)\r\n          }\r\n          else {\r\n            this.hideMentionList()\r\n          }\r\n        }\r\n        else {\r\n          this.hideMentionList()\r\n        }\r\n      }\r\n    })\r\n  }\r\n\r\n  handleMouseClick(_itemEl: HTMLLIElement, index: number) {\r\n    this.selectMentionItem(index, true)\r\n    this.quill.focus()\r\n  }\r\n\r\n  handleMouseEnter(_itemEl: HTMLLIElement, index: number) {\r\n    this.activeMentionIndex = index\r\n    this.highlightMentionItem(index)\r\n  }\r\n\r\n  handleArrowUpKey = () => {\r\n    if (this.isOpen()) {\r\n      this.activeMentionIndex\r\n        = (this.activeMentionIndex + this.latestMentionList.length - 1) % this.latestMentionList.length\r\n      this.highlightMentionItem(this.activeMentionIndex)\r\n      return false\r\n    }\r\n    return true\r\n  }\r\n\r\n  handleArrowDownKey = () => {\r\n    if (this.isOpen()) {\r\n      this.activeMentionIndex = (this.activeMentionIndex + 1) % this.latestMentionList.length\r\n      this.highlightMentionItem(this.activeMentionIndex)\r\n      return false\r\n    }\r\n    return true\r\n  }\r\n\r\n  handleEnterKey = () => {\r\n    if (this.isOpen()) {\r\n      this.selectMentionItem()\r\n      this.needInsertBr = false\r\n    }\r\n    return true\r\n  }\r\n\r\n  handleEscapeKey = () => {\r\n    if (this.isOpen()) {\r\n      this.hideMentionList()\r\n      return false\r\n    }\r\n    return true\r\n  }\r\n\r\n  getActiveMentionItem() {\r\n    return this.mentionListEL.querySelector(`.${this.options.itemActiveClass}`)\r\n  }\r\n\r\n  isOpen() {\r\n    return !this.mentionListEL.classList.contains(this.options.listHideClass)\r\n  }\r\n\r\n  async searchMentionListByTerm(term: string) {\r\n    const mentionList = await this.options.search(term)\r\n    this.latestMentionList = mentionList\r\n    if (!mentionList || mentionList.length === 0) {\r\n      return this.hideMentionList()\r\n    }\r\n\r\n    this.showMentionList(mentionList)\r\n  }\r\n\r\n  showMentionList(mentionList: any[]) {\r\n    if (!this.isOpen()) {\r\n      this.mentionListEL.classList.remove(this.options.listHideClass)\r\n    }\r\n    this.activeMentionIndex = 0\r\n    this.setMentionListPos()\r\n    this.render(mentionList)\r\n  }\r\n\r\n  hideMentionList() {\r\n    if (this.isOpen()) {\r\n      this.activeMentionIndex = 0\r\n      this.mentionListEL.classList.add(this.options.listHideClass)\r\n    }\r\n  }\r\n\r\n  setMentionListPos() {\r\n    const cursorIndex = this.quill.selection.savedRange.index\r\n    const cursorBounds = this.quill.getBounds(cursorIndex)\r\n    const { left, top } = cursorBounds\r\n    const container = this.quill.container\r\n    const hostElement = container.parentNode as HTMLDivElement\r\n    const { left: editorLeft, top: editorTop } = container.getBoundingClientRect()\r\n    const { left: hostElementLeft, top: hostElementTop } = hostElement.getBoundingClientRect()\r\n    const relativeLeft = editorLeft - hostElementLeft\r\n    const relativeTop = editorTop - hostElementTop\r\n    const menuLeft = left + relativeLeft - 5\r\n    const menuTop = top + relativeTop + 20\r\n    this.mentionListEL.style.cssText += `\r\n      left: ${menuLeft}px;\r\n      top: ${menuTop}px;\r\n    `\r\n  }\r\n\r\n  render(mentionList: any[]) {\r\n    const wrapEl = document.createElement('div');\r\n\r\n    [].forEach.call(mentionList, (mentionItem, index) => {\r\n      const mentionItemEl = document.createElement('li')\r\n      mentionItemEl.classList.add(this.options.itemClass)\r\n      if (index === this.activeMentionIndex) {\r\n        mentionItemEl.classList.add(this.options.itemActiveClass)\r\n      }\r\n      const renderResult = this.options.renderMentionItem(mentionItem)\r\n      if (typeof renderResult === 'string') {\r\n        mentionItemEl.insertAdjacentHTML('afterbegin', renderResult)\r\n      }\r\n      else {\r\n        mentionItemEl.insertAdjacentElement('afterbegin', renderResult)\r\n      }\r\n      wrapEl.appendChild(mentionItemEl)\r\n    })\r\n\r\n    this.mentionListEL.innerHTML = wrapEl.innerHTML\r\n  }\r\n\r\n  highlightMentionItem(index: number) {\r\n    const oldActiveItem = this.getActiveMentionItem()\r\n    if (oldActiveItem) {\r\n      oldActiveItem.classList.remove(this.options.itemActiveClass)\r\n    }\r\n\r\n    const newActiveItem = this.mentionListEL.querySelector(`.${this.options.itemClass}:nth-of-type(${index + 1})`)\r\n    if (newActiveItem) {\r\n      newActiveItem.classList.add(this.options.itemActiveClass)\r\n      this.scrollIntoView(newActiveItem)\r\n    }\r\n  }\r\n\r\n  scrollIntoView(node: Element): void {\r\n    const nodeAsAny: any = node\r\n    if (nodeAsAny.scrollIntoViewIfNeeded) {\r\n      nodeAsAny.scrollIntoViewIfNeeded(false)\r\n      return\r\n    }\r\n    if (node.scrollIntoView) {\r\n      node.scrollIntoView(false)\r\n    }\r\n  }\r\n\r\n  selectMentionItem(index = this.activeMentionIndex, isClick?: boolean) {\r\n    const activeMentionItem = this.latestMentionList[index]\r\n    this.insertMentionBlot(activeMentionItem, isClick)\r\n    this.options.select(activeMentionItem)\r\n    this.hideMentionList()\r\n  }\r\n\r\n  insertMentionBlot(activeMentionItem: any, isClick?: boolean) {\r\n    const mention = this.options.renderMentionText(activeMentionItem)\r\n    const delta = new Delta()\r\n      .retain(this.latestMentionCharPos)\r\n      .delete(this.latestCaretPos - this.latestMentionCharPos)\r\n      .insert({\r\n        [MentionLink.blotName]: {\r\n          char: this.options.mentionChar,\r\n          text: mention,\r\n          mention: activeMentionItem,\r\n          link: activeMentionItem.link || this.options.defaultLink,\r\n          target: activeMentionItem.target || this.options.target,\r\n          searchKey: this.options.searchKey,\r\n        },\r\n      })\r\n    if (isClick) {\r\n      this.quill.updateContents(delta, Quill.sources.USER)\r\n    }\r\n    else {\r\n      this.quill.updateContents(delta, Quill.sources.API)\r\n    }\r\n    this.quill.setSelection(this.latestMentionCharPos + 1, Quill.sources.API)\r\n  }\r\n}\r\n\r\nexport { Mention as default }\r\n"],"names":["DEFAULT_MENTION_CHAR","isNullOrUndefined","ON_MENTION_LINK_REMOVE","MentionLink"],"mappings":"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"}

package/lib/mention/MentionLink.cjs.js

@@ -2,10 +2,18 @@
 Object.defineProperties(exports, { __esModule: { value: true }, [Symbol.toStringTag]: { value: "Module" } });
 const Quill = require("quill");
 const constants = require("./constants.cjs.js");
-const Embed = Quill.imports["blots/embed"];
+const Embed = Quill.import("blots/embed");
 class MentionLink extends Embed {
   static create(data) {
-    const node = super.create(data);
+    let node;
+    if (data.link) {
+      node = document.createElement("a");
+      node.setAttribute("href", data.link);
+      node.setAttribute("target", data.target);
+    } else {
+      node = document.createElement(this.tagName);
+    }
+    node.classList.add(this.className);
     node.dataset.mentionId = data.name || data.mention && data.mention[data.searchKey || "name"] || "";
     node.setAttribute("title", data.text);
     node.setAttribute(constants.MENTION_CHAR, data.char);
@@ -13,13 +21,19 @@ class MentionLink extends Embed {
     return node;
   }
   static value(domNode) {
-    const char = domNode.getAttribute(constants.MENTION_CHAR) || constants.DEFAULT_MENTION_CHAR;
-    const text = domNode.getAttribute("title");
-    const name = domNode.dataset.mentionId;
-    return { char, text, name };
+    const value = {
+      char: domNode.getAttribute(constants.MENTION_CHAR) || constants.DEFAULT_MENTION_CHAR,
+      text: domNode.getAttribute("title"),
+      name: domNode.dataset.mentionId
+    };
+    if (domNode.tagName.toLowerCase() === "a" && domNode.hasAttribute("href")) {
+      value.link = domNode.getAttribute("href");
+      value.target = domNode.getAttribute("target");
+    }
+    return value;
   }
   constructor(scroll, domNode, data) {
-    super(scroll, domNode, data);
+    super(scroll, domNode);
     this.mentionData = data;
   }
   value() {

package/lib/mention/MentionLink.cjs.js.map

@@ -1 +1 @@
-{"version":3,"file":"MentionLink.cjs.js","sources":["../../../src/mention/MentionLink.ts"],"sourcesContent":["import Quill from 'quill'\r\nimport { DEFAULT_MENTION_CHAR, MENTION_CHAR, ON_MENTION_LINK_REMOVE } from './constants'\r\n\r\nconst Embed = Quill.imports['blots/embed']\r\n\r\n// @dynamic\r\nclass MentionLink extends Embed {\r\n  static blotName: string\r\n  static tagName: string\r\n  static className: string\r\n  scroll: any\r\n  mentionData: any\r\n\r\n  static create(data) {\r\n    const node = super.create(data)\r\n    node.dataset.mentionId = data.name || (data.mention && data.mention[data.searchKey || 'name']) || ''\r\n    node.setAttribute('title', data.text)\r\n    node.setAttribute(MENTION_CHAR, data.char)\r\n    node.textContent = data.char + data.text\r\n    return node\r\n  }\r\n\r\n  static value(domNode) {\r\n    const\r\n      char = domNode.getAttribute(MENTION_CHAR) || DEFAULT_MENTION_CHAR\r\n    const text = domNode.getAttribute('title')\r\n    const name = domNode.dataset.mentionId\r\n    return { char, text, name }\r\n  }\r\n\r\n  constructor(scroll, domNode, data) {\r\n    super(scroll, domNode, data)\r\n    this.mentionData = data\r\n  }\r\n\r\n  value() {\r\n    // fix: 将@提醒内容加入到 Delta 里，以解决输入空格，@提醒内容被删除的问题\r\n    // return ' ';\r\n    return super.value()\r\n  }\r\n\r\n  remove() {\r\n    this.scroll.emitter.emit(ON_MENTION_LINK_REMOVE, this.mentionData)\r\n    return super.remove()\r\n  }\r\n}\r\n\r\nMentionLink.blotName = 'mention'\r\nMentionLink.tagName = 'span'\r\nMentionLink.className = 'ql-mention-link'\r\nexport { MentionLink as default }\r\n"],"names":["MENTION_CHAR","DEFAULT_MENTION_CHAR","ON_MENTION_LINK_REMOVE"],"mappings":";;;;AAGA,MAAM,QAAQ,MAAM,QAAQ,aAAa;AAGzC,MAAM,oBAAoB,MAAM;AAAA,EAO9B,OAAO,OAAO,MAAM;AACZ,UAAA,OAAO,MAAM,OAAO,IAAI;AACzB,SAAA,QAAQ,YAAY,KAAK,QAAS,KAAK,WAAW,KAAK,QAAQ,KAAK,aAAa,MAAM,KAAM;AAC7F,SAAA,aAAa,SAAS,KAAK,IAAI;AAC/B,SAAA,aAAaA,UAAAA,cAAc,KAAK,IAAI;AACpC,SAAA,cAAc,KAAK,OAAO,KAAK;AAC7B,WAAA;AAAA,EACT;AAAA,EAEA,OAAO,MAAM,SAAS;AACpB,UACE,OAAO,QAAQ,aAAaA,UAAY,YAAA,KAAKC,UAAAA;AACzC,UAAA,OAAO,QAAQ,aAAa,OAAO;AACnC,UAAA,OAAO,QAAQ,QAAQ;AACtB,WAAA,EAAE,MAAM,MAAM;EACvB;AAAA,EAEA,YAAY,QAAQ,SAAS,MAAM;AAC3B,UAAA,QAAQ,SAAS,IAAI;AAC3B,SAAK,cAAc;AAAA,EACrB;AAAA,EAEA,QAAQ;AAGN,WAAO,MAAM;EACf;AAAA,EAEA,SAAS;AACP,SAAK,OAAO,QAAQ,KAAKC,UAAAA,wBAAwB,KAAK,WAAW;AACjE,WAAO,MAAM;EACf;AACF;AAEA,YAAY,WAAW;AACvB,YAAY,UAAU;AACtB,YAAY,YAAY;;"}
+{"version":3,"file":"MentionLink.cjs.js","sources":["../../../src/mention/MentionLink.ts"],"sourcesContent":["import type TypeEmbed from 'quill/blots/embed'\r\nimport Quill from 'quill'\r\nimport { DEFAULT_MENTION_CHAR, MENTION_CHAR, ON_MENTION_LINK_REMOVE } from './constants'\r\n\r\nconst Embed = Quill.import('blots/embed') as typeof TypeEmbed\r\n\r\n// @dynamic\r\nclass MentionLink extends Embed {\r\n  static blotName: string\r\n  static tagName: string\r\n  static className: string\r\n  scroll: any\r\n  mentionData: any\r\n\r\n  static create(data) {\r\n    let node: HTMLElement\r\n    if (data.link) {\r\n      node = document.createElement('a')\r\n      node.setAttribute('href', data.link)\r\n      node.setAttribute('target', data.target)\r\n    }\r\n    else {\r\n      node = document.createElement(this.tagName)\r\n    }\r\n    node.classList.add(this.className)\r\n    node.dataset.mentionId = data.name || (data.mention && data.mention[data.searchKey || 'name']) || ''\r\n    node.setAttribute('title', data.text)\r\n    node.setAttribute(MENTION_CHAR, data.char)\r\n    node.textContent = data.char + data.text\r\n    return node\r\n  }\r\n\r\n  static value(domNode: HTMLElement) {\r\n    const value: Record<string, any> = {\r\n      char: domNode.getAttribute(MENTION_CHAR) || DEFAULT_MENTION_CHAR,\r\n      text: domNode.getAttribute('title'),\r\n      name: domNode.dataset.mentionId,\r\n    }\r\n    if (domNode.tagName.toLowerCase() === 'a' && domNode.hasAttribute('href')) {\r\n      value.link = domNode.getAttribute('href')\r\n      value.target = domNode.getAttribute('target')\r\n    }\r\n    return value\r\n  }\r\n\r\n  constructor(scroll, domNode, data) {\r\n    super(scroll, domNode)\r\n    this.mentionData = data\r\n  }\r\n\r\n  value() {\r\n    // fix: 将@提醒内容加入到 Delta 里，以解决输入空格，@提醒内容被删除的问题\r\n    // return ' ';\r\n    return super.value()\r\n  }\r\n\r\n  remove() {\r\n    this.scroll.emitter.emit(ON_MENTION_LINK_REMOVE, this.mentionData)\r\n    return super.remove()\r\n  }\r\n}\r\n\r\nMentionLink.blotName = 'mention'\r\nMentionLink.tagName = 'span'\r\nMentionLink.className = 'ql-mention-link'\r\nexport { MentionLink as default }\r\n"],"names":["MENTION_CHAR","DEFAULT_MENTION_CHAR","ON_MENTION_LINK_REMOVE"],"mappings":";;;;AAIA,MAAM,QAAQ,MAAM,OAAO,aAAa;AAGxC,MAAM,oBAAoB,MAAM;AAAA,EAO9B,OAAO,OAAO,MAAM;AACd,QAAA;AACJ,QAAI,KAAK,MAAM;AACN,aAAA,SAAS,cAAc,GAAG;AAC5B,WAAA,aAAa,QAAQ,KAAK,IAAI;AAC9B,WAAA,aAAa,UAAU,KAAK,MAAM;AAAA,IAAA,OAEpC;AACI,aAAA,SAAS,cAAc,KAAK,OAAO;AAAA,IAC5C;AACK,SAAA,UAAU,IAAI,KAAK,SAAS;AAC5B,SAAA,QAAQ,YAAY,KAAK,QAAS,KAAK,WAAW,KAAK,QAAQ,KAAK,aAAa,MAAM,KAAM;AAC7F,SAAA,aAAa,SAAS,KAAK,IAAI;AAC/B,SAAA,aAAaA,UAAAA,cAAc,KAAK,IAAI;AACpC,SAAA,cAAc,KAAK,OAAO,KAAK;AAC7B,WAAA;AAAA,EACT;AAAA,EAEA,OAAO,MAAM,SAAsB;AACjC,UAAM,QAA6B;AAAA,MACjC,MAAM,QAAQ,aAAaA,UAAAA,YAAY,KAAKC,UAAA;AAAA,MAC5C,MAAM,QAAQ,aAAa,OAAO;AAAA,MAClC,MAAM,QAAQ,QAAQ;AAAA,IAAA;AAEpB,QAAA,QAAQ,QAAQ,YAAY,MAAM,OAAO,QAAQ,aAAa,MAAM,GAAG;AACnE,YAAA,OAAO,QAAQ,aAAa,MAAM;AAClC,YAAA,SAAS,QAAQ,aAAa,QAAQ;AAAA,IAC9C;AACO,WAAA;AAAA,EACT;AAAA,EAEA,YAAY,QAAQ,SAAS,MAAM;AACjC,UAAM,QAAQ,OAAO;AACrB,SAAK,cAAc;AAAA,EACrB;AAAA,EAEA,QAAQ;AAGN,WAAO,MAAM;EACf;AAAA,EAEA,SAAS;AACP,SAAK,OAAO,QAAQ,KAAKC,UAAAA,wBAAwB,KAAK,WAAW;AACjE,WAAO,MAAM;EACf;AACF;AAEA,YAAY,WAAW;AACvB,YAAY,UAAU;AACtB,YAAY,YAAY;;"}

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@opentiny/fluent-editor",
-  "version": "3.21.0",
+  "version": "3.22.0-alpha.0",
   "description": "A rich text editor based on Quill 2.0, which extends rich modules and formats on the basis of Quill. It's powerful and out-of-the-box.",
   "author": "OpenTiny Team",
   "license": "MIT",
@@ -43,6 +43,8 @@
     "highlight.js": "^10.2.0",
     "html2canvas": "^1.4.1",
     "jest": "^26.6.3",
+    "mathlive": "^0.101.0",
+    "parchment": "^3.0.0",
     "sass": "^1.47.0",
     "shelljs": "^0.8.4",
     "ts-jest": "^26.5.6",
@@ -51,4 +53,4 @@
     "vite": "^5.0.0",
     "vite-plugin-dts": "^4.3.0"
   }
-}
+}

package/style.css

@@ -1794,7 +1794,6 @@
   background-position: -120px -260px;
 }
 .ql-container.ql-snow {
-  border-top: 0;
   background-color: var(--fe-editor-bg-color);
 }
 .ql-editor {
@@ -3603,6 +3602,36 @@ li.unchecked > .ql-ui {
   border-top: 1px solid #333;
   border-left: 1px solid #333;
 }
+.ql-math-field {
+  border: none;
+}
+.ql-math-field::part(virtual-keyboard-toggle) {
+  height: unset;
+}
+.ql-math-field.view::part(menu-toggle) {
+  display: none;
+}
+.ql-tooltip.math-field-tooltip {
+  border: none !important;
+  z-index: 10 !important;
+  padding: 0 !important;
+}
+.ql-tooltip.math-field-tooltip::before {
+  display: none;
+}
+.ql-tooltip.math-field-tooltip .ql-math-field {
+  border: none;
+  width: 400px;
+}
+.ql-tooltip.math-field-tooltip .ql-math-field::part(virtual-keyboard-toggle) {
+  height: unset;
+}
+.ql-tooltip.math-field-tooltip .ql-math-field.view::part(menu-toggle) {
+  display: none;
+}
+.ql-tooltip.math-field-tooltip .ql-math-field::part(container) {
+  font-size: 24px;
+}
 .ql-counter {
   width: 100%;
   bottom: 0;
@@ -4823,42 +4852,42 @@ li.unchecked > .ql-ui {
   border-bottom: 2px solid #c7000b;
   transform: rotate(45deg);
 }
-button:hover svg,
-button:hover polygon,
-button:hover path, button.ql-active svg,
-button.ql-active polygon,
-button.ql-active path,
-span.ql-picker-label:hover svg,
-span.ql-picker-label:hover polygon,
-span.ql-picker-label:hover path,
-span.ql-picker-label.ql-active svg,
-span.ql-picker-label.ql-active polygon,
-span.ql-picker-label.ql-active path {
+.ql-toolbar button:hover svg,
+.ql-toolbar button:hover polygon,
+.ql-toolbar button:hover path, .ql-toolbar button.ql-active svg,
+.ql-toolbar button.ql-active polygon,
+.ql-toolbar button.ql-active path,
+.ql-toolbar span.ql-picker-label:hover svg,
+.ql-toolbar span.ql-picker-label:hover polygon,
+.ql-toolbar span.ql-picker-label:hover path,
+.ql-toolbar span.ql-picker-label.ql-active svg,
+.ql-toolbar span.ql-picker-label.ql-active polygon,
+.ql-toolbar span.ql-picker-label.ql-active path {
   fill: #5e7ce0;
 }
-button:hover i, button.ql-active i,
-span.ql-picker-label:hover i,
-span.ql-picker-label.ql-active i {
+.ql-toolbar button:hover i, .ql-toolbar button.ql-active i,
+.ql-toolbar span.ql-picker-label:hover i,
+.ql-toolbar span.ql-picker-label.ql-active i {
   color: #5e7ce0;
 }
-button svg,
-button polygon,
-button path,
-span.ql-picker-label svg,
-span.ql-picker-label polygon,
-span.ql-picker-label path {
+.ql-toolbar button svg,
+.ql-toolbar button polygon,
+.ql-toolbar button path,
+.ql-toolbar span.ql-picker-label svg,
+.ql-toolbar span.ql-picker-label polygon,
+.ql-toolbar span.ql-picker-label path {
   fill: #252b3a;
 }
-button i,
-span.ql-picker-label i {
+.ql-toolbar button i,
+.ql-toolbar span.ql-picker-label i {
   color: #252b3a;
 }
-button.ql-disabled svg,
-button.ql-disabled polygon,
-button.ql-disabled path,
-span.ql-picker-label.ql-disabled svg,
-span.ql-picker-label.ql-disabled polygon,
-span.ql-picker-label.ql-disabled path {
+.ql-toolbar button.ql-disabled svg,
+.ql-toolbar button.ql-disabled polygon,
+.ql-toolbar button.ql-disabled path,
+.ql-toolbar span.ql-picker-label.ql-disabled svg,
+.ql-toolbar span.ql-picker-label.ql-disabled polygon,
+.ql-toolbar span.ql-picker-label.ql-disabled path {
   fill: #adb0b8;
   cursor: not-allowed;
 }

package/types/attributors/font-size.d.ts

@@ -0,0 +1 @@
+export declare const SizeStyle: import('parchment').StyleAttributor;

package/types/attributors/font-style.d.ts

@@ -0,0 +1 @@
+export declare const FontStyle: import('parchment').StyleAttributor;

package/types/attributors/line-height.d.ts

@@ -0,0 +1 @@
+export declare const LineHeightStyle: import('parchment').StyleAttributor;

package/types/attributors/text-indent.d.ts

@@ -0,0 +1 @@
+export declare const TextIndentStyle: import('parchment').StyleAttributor;

package/types/mathlive/formats.d.ts

@@ -0,0 +1,28 @@
+import { MathfieldElement } from 'mathlive';
+import { Root } from 'parchment';
+import { default as Quill } from 'quill';
+
+declare const Parchment: typeof import("parchment");
+type MathliveBlotMode = 'dialog' | 'only-read';
+export default class MathliveBlot extends Parchment.EmbedBlot {
+    static blotName: string;
+    static tagName: string;
+    static className: string;
+    quill?: Quill;
+    initFlag: boolean;
+    mode: MathliveBlotMode;
+    constructor(scroll: Root, domNode: Node);
+    static create(obj: {
+        value: string;
+        mode: MathliveBlotMode;
+    }): MathfieldElement;
+    static value(domNode: MathfieldElement): {
+        value: string;
+        mode: string;
+    };
+    value(): any;
+    init(): void;
+    html(): string;
+    findQuillInstance(): Quill;
+}
+export {};