@opentiny/fluent-editor 3.23.1 → 3.23.3

package/README.md

@@ -2,7 +2,7 @@
 
 <!-- ALL-CONTRIBUTORS-BADGE:START - Do not remove or modify this section -->
 
-[![All Contributors](https://img.shields.io/badge/all_contributors-4-orange.svg?style=flat-square)](#contributors-)
+[![All Contributors](https://img.shields.io/badge/all_contributors-6-orange.svg?style=flat-square)](#contributors-)
 
 <!-- ALL-CONTRIBUTORS-BADGE:END -->
 
@@ -78,6 +78,8 @@ Thanks goes to these wonderful people ([emoji key](https://allcontributors.org/d
       <td align="center" valign="top" width="14.28%"><a href="https://github.com/Janson1012"><img src="https://avatars.githubusercontent.com/u/60996238?v=4?s=100" width="100px;" alt="Janson1012"/><br /><sub><b>Janson1012</b></sub></a><br /><a href="https://github.com/opentiny/fluent-editor/commits?author=Janson1012" title="Code">💻</a></td>
       <td align="center" valign="top" width="14.28%"><a href="https://kagol.github.io/blogs"><img src="https://avatars.githubusercontent.com/u/9566362?v=4?s=100" width="100px;" alt="Kagol"/><br /><sub><b>Kagol</b></sub></a><br /><a href="https://github.com/opentiny/fluent-editor/commits?author=kagol" title="Code">💻</a></td>
       <td align="center" valign="top" width="14.28%"><a href="https://github.com/kiss-keray"><img src="https://avatars.githubusercontent.com/u/24504763?v=4?s=100" width="100px;" alt="keray"/><br /><sub><b>keray</b></sub></a><br /><a href="https://github.com/opentiny/fluent-editor/commits?author=kiss-keray" title="Code">💻</a></td>
+      <td align="center" valign="top" width="14.28%"><a href="https://github.com/qwangry"><img src="https://avatars.githubusercontent.com/u/58112936?v=4?s=100" width="100px;" alt="qwangry"/><br /><sub><b>qwangry</b></sub></a><br /><a href="https://github.com/opentiny/fluent-editor/commits?author=qwangry" title="Code">💻</a></td>
+      <td align="center" valign="top" width="14.28%"><a href="https://github.com/jany55555"><img src="https://avatars.githubusercontent.com/u/173228510?v=4?s=100" width="100px;" alt="jany55555"/><br /><sub><b>jany55555</b></sub></a><br /><a href="https://github.com/opentiny/fluent-editor/commits?author=jany55555" title="Code">💻</a></td>
     </tr>
   </tbody>
 </table>

package/es/attributors/font-style.es.js

@@ -1,6 +1,6 @@
 import Quill from "quill";
 const Parchment = Quill.import("parchment");
-const FontStyle = new Parchment.StyleAttributor("font", "font-family", {
+const FontStyle = new Parchment.ClassAttributor("font", "ql-font", {
   scope: Parchment.Scope.INLINE
 });
 export {

package/es/attributors/font-style.es.js.map

@@ -1 +1 @@
-{"version":3,"file":"font-style.es.js","sources":["../../../src/attributors/font-style.ts"],"sourcesContent":["import Quill from 'quill'\r\n\r\nconst Parchment = Quill.import('parchment')\r\nexport const FontStyle = new Parchment.StyleAttributor('font', 'font-family', {\r\n  scope: Parchment.Scope.INLINE,\r\n})\r\n"],"names":[],"mappings":";AAEA,MAAM,YAAY,MAAM,OAAO,WAAW;AACnC,MAAM,YAAY,IAAI,UAAU,gBAAgB,QAAQ,eAAe;AAAA,EAC5E,OAAO,UAAU,MAAM;AACzB,CAAC;"}
+{"version":3,"file":"font-style.es.js","sources":["../../../src/attributors/font-style.ts"],"sourcesContent":["import Quill from 'quill'\r\n\r\nconst Parchment = Quill.import('parchment')\r\nexport const FontStyle = new Parchment.ClassAttributor('font', 'ql-font', {\r\n  scope: Parchment.Scope.INLINE,\r\n})\r\n"],"names":[],"mappings":";AAEA,MAAM,YAAY,MAAM,OAAO,WAAW;AACnC,MAAM,YAAY,IAAI,UAAU,gBAAgB,QAAQ,WAAW;AAAA,EACxE,OAAO,UAAU,MAAM;AACzB,CAAC;"}

package/es/config/index.es.js

@@ -1,4 +1,5 @@
 import { isNullOrUndefined } from "./editor.utils.es.js";
+import { getEventComposedPath, hadProtocol, hexToRgbA, imageFileToUrl, imageUrlToFile, insideTable, isInside, isPureIE, omit, replaceDeltaImage, sanitize, splitWithBreak } from "./editor.utils.es.js";
 import { UNDO_ICON, REDO_ICON, CLEAN_ICON, BOLD_ICON, ITALIC_ICON, UNDERLINE_ICON, STRIKE_ICON, COLOR_ICON, TRIANGLE_DOWN_ICON, BACKGROUND_COLOR_ICON, ALIGN_LEFT_ICON, ALIGN_CENTER_ICON, ALIGN_RIGHT_ICON, LIST_UNORDERED_ICON, LIST_ORDERED_ICON, LIST_CHECK_ICON, CODE_ICON, CODE_BLOCK_ICON, BLOCKQUOTE_ICON, IMAGE_ICON, FILE_ICON, TABLE_ICON, LINK_ICON, GLOBAL_LINK_ICON, FULLSCREEN_ICON, FULLSCREEN_EXIT_ICON, EMOJI_ICON, HELP_ICON, SCREENSHOT_ICON, FORMAT_PAINTER_ICON } from "./icons.config.es.js";
 import { AUDIO_VIDEO_UPLOADER_MIME_TYPES, BIG_DELTA_LIMIT, CHANGE_LANGUAGE_EVENT, COMPRESSED_UPLOADER_MIME_TYPES, DOC_UPLOADER_MIME_TYPES, FILE_UPLOADER_MIME_TYPES, IMAGE_UPLOADER_MIME_TYPES, LANG_CONF, OTHER_FILE_UPLOADER_MIME_TYPES, PPT_UPLOADER_MIME_TYPES, XSL_UPLOADER_MIME_TYPES, defaultLanguage } from "./editor.config.es.js";
 const ICONS_CONFIG = {
@@ -95,8 +96,21 @@ export {
   PPT_UPLOADER_MIME_TYPES,
   XSL_UPLOADER_MIME_TYPES,
   defaultLanguage,
+  getEventComposedPath,
   getListValue,
+  hadProtocol,
+  hexToRgbA,
+  imageFileToUrl,
+  imageUrlToFile,
   inputFile,
-  namespace
+  insideTable,
+  isInside,
+  isNullOrUndefined,
+  isPureIE,
+  namespace,
+  omit,
+  replaceDeltaImage,
+  sanitize,
+  splitWithBreak
 };
 //# sourceMappingURL=index.es.js.map

package/es/config/index.es.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.es.js","sources":["../../../src/config/index.ts"],"sourcesContent":["import { isNullOrUndefined } from './editor.utils'\r\nimport {\r\n  ALIGN_CENTER_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  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  TRIANGLE_DOWN_ICON,\r\n  UNDERLINE_ICON,\r\n  UNDO_ICON,\r\n} from './icons.config'\r\n\r\nexport * from './editor.config'\r\n\r\nexport const 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': `<span class=\"ql-color-inner\">\r\n    ${COLOR_ICON}\r\n    ${TRIANGLE_DOWN_ICON}\r\n    <span class=\"current-color-line\"></span>\r\n  </span>`,\r\n  'background': `<span class=\"ql-color-inner\">\r\n    ${BACKGROUND_COLOR_ICON}\r\n    ${TRIANGLE_DOWN_ICON}\r\n    <span class=\"current-color-line color-line-background\"></span>\r\n  </span>`,\r\n\r\n  'align': {\r\n    '': ALIGN_LEFT_ICON,\r\n    'center': ALIGN_CENTER_ICON,\r\n    'right': ALIGN_RIGHT_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  'better-table': TABLE_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}\r\n\r\n// 触发上传\r\nexport function inputFile(type, accept) {\r\n  const defaultMIMETypes = this.quill.uploader.options[type].join(', ')\r\n  const mimeTypes = accept || defaultMIMETypes\r\n  let fileInput = this.container.querySelector(`input.ql-${type}[type=file]`)\r\n  if (isNullOrUndefined(fileInput)) {\r\n    fileInput = document.createElement('input')\r\n    fileInput.classList.add(`ql-${type}`)\r\n    fileInput.setAttribute('type', 'file')\r\n    fileInput.setAttribute('accept', mimeTypes)\r\n    if (\r\n      this.quill.uploader.options.enableMultiUpload === true\r\n      || (this.quill.uploader.options.enableMultiUpload.file && type === 'file')\r\n      || (this.quill.uploader.options.enableMultiUpload.image && type === 'image')\r\n    ) {\r\n      fileInput.setAttribute('multiple', '')\r\n    }\r\n    fileInput.addEventListener('change', () => {\r\n      const range = this.quill.getSelection(true)\r\n      this.quill.uploader.upload(range, fileInput.files, type === 'file')\r\n      fileInput.value = ''\r\n    })\r\n    this.container.appendChild(fileInput)\r\n  }\r\n  fileInput.click()\r\n}\r\n\r\nexport function getListValue(value, preListValue) {\r\n  let curListValue = value\r\n  if (preListValue && preListValue === value) {\r\n    curListValue = false\r\n  }\r\n  else if (value === 'check') {\r\n    if (preListValue === 'checked' || preListValue === 'unchecked') {\r\n      curListValue = false\r\n    }\r\n    else {\r\n      curListValue = 'unchecked'\r\n    }\r\n  }\r\n  return curListValue\r\n}\r\n/** css namespace */\r\nexport const namespace = 'fe'\r\n"],"names":[],"mappings":";;;AAoCO,MAAM,eAAuC;AAAA,EAClD,QAAQ;AAAA,EACR,QAAQ;AAAA,EACR,SAAS;AAAA,EAET,QAAQ;AAAA,EACR,UAAU;AAAA,EACV,aAAa;AAAA,EACb,UAAU;AAAA,EAEV,QAAQ;AAAA,EACR,QAAQ;AAAA,EAER,SAAS;AAAA,MACL,UAAU;AAAA,MACV,kBAAkB;AAAA;AAAA;AAAA,EAGtB,cAAc;AAAA,MACV,qBAAqB;AAAA,MACrB,kBAAkB;AAAA;AAAA;AAAA,EAItB,SAAS;AAAA,IACP,IAAI;AAAA,IACJ,UAAU;AAAA,IACV,SAAS;AAAA,EACX;AAAA,EACA,QAAQ;AAAA,IACN,QAAQ;AAAA,IACR,SAAS;AAAA,IACT,OAAO;AAAA,EACT;AAAA,EAEA,QAAQ;AAAA,EACR,cAAc;AAAA,EACd,cAAc;AAAA,EAEd,SAAS;AAAA,EACT,QAAQ;AAAA,EACR,gBAAgB;AAAA,EAChB,QAAQ;AAAA,EACR,eAAe;AAAA,EACf,cAAc;AAAA,EACd,mBAAmB;AAAA,EACnB,SAAS;AAAA,EACT,QAAQ;AAAA,EACR,cAAc;AAAA,EACd,kBAAkB;AACpB;AAGgB,SAAA,UAAU,MAAM,QAAQ;AAChC,QAAA,mBAAmB,KAAK,MAAM,SAAS,QAAQ,IAAI,EAAE,KAAK,IAAI;AACpE,QAAM,YAAY,UAAU;AAC5B,MAAI,YAAY,KAAK,UAAU,cAAc,YAAY,IAAI,aAAa;AACtE,MAAA,kBAAkB,SAAS,GAAG;AACpB,gBAAA,SAAS,cAAc,OAAO;AAC1C,cAAU,UAAU,IAAI,MAAM,IAAI,EAAE;AAC1B,cAAA,aAAa,QAAQ,MAAM;AAC3B,cAAA,aAAa,UAAU,SAAS;AAExC,QAAA,KAAK,MAAM,SAAS,QAAQ,sBAAsB,QAC9C,KAAK,MAAM,SAAS,QAAQ,kBAAkB,QAAQ,SAAS,UAC/D,KAAK,MAAM,SAAS,QAAQ,kBAAkB,SAAS,SAAS,SACpE;AACU,gBAAA,aAAa,YAAY,EAAE;AAAA,IACvC;AACU,cAAA,iBAAiB,UAAU,MAAM;AACzC,YAAM,QAAQ,KAAK,MAAM,aAAa,IAAI;AAC1C,WAAK,MAAM,SAAS,OAAO,OAAO,UAAU,OAAO,SAAS,MAAM;AAClE,gBAAU,QAAQ;AAAA,IAAA,CACnB;AACI,SAAA,UAAU,YAAY,SAAS;AAAA,EACtC;AACA,YAAU,MAAM;AAClB;AAEgB,SAAA,aAAa,OAAO,cAAc;AAChD,MAAI,eAAe;AACf,MAAA,gBAAgB,iBAAiB,OAAO;AAC3B,mBAAA;AAAA,EAAA,WAER,UAAU,SAAS;AACtB,QAAA,iBAAiB,aAAa,iBAAiB,aAAa;AAC/C,qBAAA;AAAA,IAAA,OAEZ;AACY,qBAAA;AAAA,IACjB;AAAA,EACF;AACO,SAAA;AACT;AAEO,MAAM,YAAY;"}
+{"version":3,"file":"index.es.js","sources":["../../../src/config/index.ts"],"sourcesContent":["import { isNullOrUndefined } from './editor.utils'\r\nimport {\r\n  ALIGN_CENTER_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  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  TRIANGLE_DOWN_ICON,\r\n  UNDERLINE_ICON,\r\n  UNDO_ICON,\r\n} from './icons.config'\r\n\r\nexport * from './editor.config'\r\nexport * from './editor.utils'\r\n\r\nexport const 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': `<span class=\"ql-color-inner\">\r\n    ${COLOR_ICON}\r\n    ${TRIANGLE_DOWN_ICON}\r\n    <span class=\"current-color-line\"></span>\r\n  </span>`,\r\n  'background': `<span class=\"ql-color-inner\">\r\n    ${BACKGROUND_COLOR_ICON}\r\n    ${TRIANGLE_DOWN_ICON}\r\n    <span class=\"current-color-line color-line-background\"></span>\r\n  </span>`,\r\n\r\n  'align': {\r\n    '': ALIGN_LEFT_ICON,\r\n    'center': ALIGN_CENTER_ICON,\r\n    'right': ALIGN_RIGHT_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  'better-table': TABLE_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}\r\n\r\n// 触发上传\r\nexport function inputFile(type, accept) {\r\n  const defaultMIMETypes = this.quill.uploader.options[type].join(', ')\r\n  const mimeTypes = accept || defaultMIMETypes\r\n  let fileInput = this.container.querySelector(`input.ql-${type}[type=file]`)\r\n  if (isNullOrUndefined(fileInput)) {\r\n    fileInput = document.createElement('input')\r\n    fileInput.classList.add(`ql-${type}`)\r\n    fileInput.setAttribute('type', 'file')\r\n    fileInput.setAttribute('accept', mimeTypes)\r\n    if (\r\n      this.quill.uploader.options.enableMultiUpload === true\r\n      || (this.quill.uploader.options.enableMultiUpload.file && type === 'file')\r\n      || (this.quill.uploader.options.enableMultiUpload.image && type === 'image')\r\n    ) {\r\n      fileInput.setAttribute('multiple', '')\r\n    }\r\n    fileInput.addEventListener('change', () => {\r\n      const range = this.quill.getSelection(true)\r\n      this.quill.uploader.upload(range, fileInput.files, type === 'file')\r\n      fileInput.value = ''\r\n    })\r\n    this.container.appendChild(fileInput)\r\n  }\r\n  fileInput.click()\r\n}\r\n\r\nexport function getListValue(value, preListValue) {\r\n  let curListValue = value\r\n  if (preListValue && preListValue === value) {\r\n    curListValue = false\r\n  }\r\n  else if (value === 'check') {\r\n    if (preListValue === 'checked' || preListValue === 'unchecked') {\r\n      curListValue = false\r\n    }\r\n    else {\r\n      curListValue = 'unchecked'\r\n    }\r\n  }\r\n  return curListValue\r\n}\r\n/** css namespace */\r\nexport const namespace = 'fe'\r\n"],"names":[],"mappings":";;;;AAqCO,MAAM,eAAuC;AAAA,EAClD,QAAQ;AAAA,EACR,QAAQ;AAAA,EACR,SAAS;AAAA,EAET,QAAQ;AAAA,EACR,UAAU;AAAA,EACV,aAAa;AAAA,EACb,UAAU;AAAA,EAEV,QAAQ;AAAA,EACR,QAAQ;AAAA,EAER,SAAS;AAAA,MACL,UAAU;AAAA,MACV,kBAAkB;AAAA;AAAA;AAAA,EAGtB,cAAc;AAAA,MACV,qBAAqB;AAAA,MACrB,kBAAkB;AAAA;AAAA;AAAA,EAItB,SAAS;AAAA,IACP,IAAI;AAAA,IACJ,UAAU;AAAA,IACV,SAAS;AAAA,EACX;AAAA,EACA,QAAQ;AAAA,IACN,QAAQ;AAAA,IACR,SAAS;AAAA,IACT,OAAO;AAAA,EACT;AAAA,EAEA,QAAQ;AAAA,EACR,cAAc;AAAA,EACd,cAAc;AAAA,EAEd,SAAS;AAAA,EACT,QAAQ;AAAA,EACR,gBAAgB;AAAA,EAChB,QAAQ;AAAA,EACR,eAAe;AAAA,EACf,cAAc;AAAA,EACd,mBAAmB;AAAA,EACnB,SAAS;AAAA,EACT,QAAQ;AAAA,EACR,cAAc;AAAA,EACd,kBAAkB;AACpB;AAGgB,SAAA,UAAU,MAAM,QAAQ;AAChC,QAAA,mBAAmB,KAAK,MAAM,SAAS,QAAQ,IAAI,EAAE,KAAK,IAAI;AACpE,QAAM,YAAY,UAAU;AAC5B,MAAI,YAAY,KAAK,UAAU,cAAc,YAAY,IAAI,aAAa;AACtE,MAAA,kBAAkB,SAAS,GAAG;AACpB,gBAAA,SAAS,cAAc,OAAO;AAC1C,cAAU,UAAU,IAAI,MAAM,IAAI,EAAE;AAC1B,cAAA,aAAa,QAAQ,MAAM;AAC3B,cAAA,aAAa,UAAU,SAAS;AAExC,QAAA,KAAK,MAAM,SAAS,QAAQ,sBAAsB,QAC9C,KAAK,MAAM,SAAS,QAAQ,kBAAkB,QAAQ,SAAS,UAC/D,KAAK,MAAM,SAAS,QAAQ,kBAAkB,SAAS,SAAS,SACpE;AACU,gBAAA,aAAa,YAAY,EAAE;AAAA,IACvC;AACU,cAAA,iBAAiB,UAAU,MAAM;AACzC,YAAM,QAAQ,KAAK,MAAM,aAAa,IAAI;AAC1C,WAAK,MAAM,SAAS,OAAO,OAAO,UAAU,OAAO,SAAS,MAAM;AAClE,gBAAU,QAAQ;AAAA,IAAA,CACnB;AACI,SAAA,UAAU,YAAY,SAAS;AAAA,EACtC;AACA,YAAU,MAAM;AAClB;AAEgB,SAAA,aAAa,OAAO,cAAc;AAChD,MAAI,eAAe;AACf,MAAA,gBAAgB,iBAAiB,OAAO;AAC3B,mBAAA;AAAA,EAAA,WAER,UAAU,SAAS;AACtB,QAAA,iBAAiB,aAAa,iBAAiB,aAAa;AAC/C,qBAAA;AAAA,IAAA,OAEZ;AACY,qBAAA;AAAA,IACjB;AAAA,EACF;AACO,SAAA;AACT;AAEO,MAAM,YAAY;"}

package/es/custom-image/image.es.js

@@ -33,7 +33,7 @@ const _CustomImage = class _CustomImage extends Embed {
   static register() {
     if (/Firefox/i.test(navigator.userAgent)) {
       setTimeout(() => {
-        document.execCommand("enableObjectResizing", false, null);
+        document.execCommand("enableObjectResizing", false, false);
       }, 1);
     }
   }

package/es/custom-image/image.es.js.map

@@ -1 +1 @@
-{"version":3,"file":"image.es.js","sources":["../../../src/custom-image/image.ts"],"sourcesContent":["import Quill from 'quill'\r\nimport { isNullOrUndefined, sanitize } from '../config/editor.utils'\r\n\r\nconst Embed = Quill.imports['blots/embed']\r\nconst Inline = Quill.imports['blots/inline']\r\n\r\nconst ATTRIBUTES = ['alt', 'height', 'width', 'image-id']\r\n\r\n// @dynamic\r\nclass CustomImage extends Embed {\r\n  static ID_SEED = 0\r\n  static blotName: string\r\n  static tagName: string\r\n  domNode: any\r\n  parent: any\r\n  scroll: any\r\n  next: any\r\n  static create(value) {\r\n    const node = super.create(value)\r\n    const url = typeof value === 'string' ? value : value.src\r\n    if (url) {\r\n      const imgURL = this.sanitize(url)\r\n      if (!imgURL?.startsWith('data:image')) {\r\n        node.dataset.src = imgURL\r\n      }\r\n      node.setAttribute('src', imgURL)\r\n    }\r\n    node.setAttribute('data-image-id', `img${CustomImage.ID_SEED++}`)\r\n    node.setAttribute('devui-editorx-image', true)\r\n    node.style.verticalAlign = 'baseline'\r\n    return node\r\n  }\r\n\r\n  static formats(domNode) {\r\n    return ATTRIBUTES.reduce((formats, attribute) => {\r\n      if (domNode.hasAttribute(attribute)) {\r\n        formats[attribute] = domNode.getAttribute(attribute)\r\n      }\r\n      return formats\r\n    }, {})\r\n  }\r\n\r\n  static match(url) {\r\n    return /\\.(jpe?g|gif|png)$/.test(url) || /^data:image\\/.+;base64/.test(url)\r\n  }\r\n\r\n  static register() {\r\n    if (/Firefox/i.test(navigator.userAgent)) {\r\n      setTimeout(() => {\r\n        // Disable image resizing in Firefox\r\n        document.execCommand('enableObjectResizing', false, null)\r\n      }, 1)\r\n    }\r\n  }\r\n\r\n  static sanitize(url) {\r\n    return sanitize(url, ['http', 'https', 'data']) ? url : '//:0'\r\n  }\r\n\r\n  static value(domNode) {\r\n    const formats: any = {}\r\n    const imageSrc = domNode.getAttribute('src')\r\n    formats.src = this.sanitize(imageSrc)\r\n    formats.hasExisted = domNode.getAttribute('devui-editorx-image')\r\n    formats.imageId = domNode.dataset.imageId\r\n    return formats\r\n  }\r\n\r\n  format(name, value) {\r\n    if (ATTRIBUTES.includes(name)) {\r\n      if (value) {\r\n        this.domNode.setAttribute(name, value)\r\n      }\r\n      else {\r\n        this.domNode.removeAttribute(name)\r\n      }\r\n    }\r\n    else {\r\n      super.format(name, value)\r\n    }\r\n  }\r\n\r\n  unWrap() {\r\n    this.parent.replaceWith(this)\r\n  }\r\n\r\n  wrap(name, value) {\r\n    const wrapper = typeof name === 'string' ? this.scroll.create(name, value) : name\r\n    if (!isNullOrUndefined(this.parent)) {\r\n      this.parent.insertBefore(wrapper, this.next || undefined)\r\n    }\r\n    if (typeof wrapper.appendChild !== 'function') {\r\n      throw new TypeError(`Cannot wrap ${name}`)\r\n    }\r\n    wrapper.appendChild(this)\r\n    return wrapper\r\n  }\r\n}\r\nCustomImage.blotName = 'image'\r\nCustomImage.tagName = 'IMG'\r\n\r\n// @dynamic\r\nclass CustomImageContainer extends Inline {\r\n  static tagName: string\r\n  static className: string\r\n  static blotName: string\r\n  static allowedChildren: typeof CustomImage[]\r\n  constructor(scroll, domNode) {\r\n    super(scroll, domNode)\r\n    domNode.setAttribute('contenteditable', false)\r\n  }\r\n}\r\nCustomImageContainer.blotName = 'image-container'\r\nCustomImageContainer.className = 'ql-image-container'\r\nCustomImageContainer.tagName = 'DIV'\r\n\r\nCustomImageContainer.allowedChildren = [CustomImage]\r\nexport { CustomImage as default, CustomImageContainer as ImageContainerBlot }\r\n"],"names":[],"mappings":"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"}
+{"version":3,"file":"image.es.js","sources":["../../../src/custom-image/image.ts"],"sourcesContent":["import Quill from 'quill'\r\nimport { isNullOrUndefined, sanitize } from '../config/editor.utils'\r\n\r\nconst Embed = Quill.imports['blots/embed']\r\nconst Inline = Quill.imports['blots/inline']\r\n\r\nconst ATTRIBUTES = ['alt', 'height', 'width', 'image-id']\r\n\r\n// @dynamic\r\nclass CustomImage extends Embed {\r\n  static ID_SEED = 0\r\n  static blotName: string\r\n  static tagName: string\r\n  domNode: any\r\n  parent: any\r\n  scroll: any\r\n  next: any\r\n  static create(value) {\r\n    const node = super.create(value)\r\n    const url = typeof value === 'string' ? value : value.src\r\n    if (url) {\r\n      const imgURL = this.sanitize(url)\r\n      if (!imgURL?.startsWith('data:image')) {\r\n        node.dataset.src = imgURL\r\n      }\r\n      node.setAttribute('src', imgURL)\r\n    }\r\n    node.setAttribute('data-image-id', `img${CustomImage.ID_SEED++}`)\r\n    node.setAttribute('devui-editorx-image', true)\r\n    node.style.verticalAlign = 'baseline'\r\n    return node\r\n  }\r\n\r\n  static formats(domNode) {\r\n    return ATTRIBUTES.reduce((formats, attribute) => {\r\n      if (domNode.hasAttribute(attribute)) {\r\n        formats[attribute] = domNode.getAttribute(attribute)\r\n      }\r\n      return formats\r\n    }, {})\r\n  }\r\n\r\n  static match(url) {\r\n    return /\\.(jpe?g|gif|png)$/.test(url) || /^data:image\\/.+;base64/.test(url)\r\n  }\r\n\r\n  static register() {\r\n    if (/Firefox/i.test(navigator.userAgent)) {\r\n      setTimeout(() => {\r\n        // Disable image resizing in Firefox\r\n        document.execCommand('enableObjectResizing', false, false)\r\n      }, 1)\r\n    }\r\n  }\r\n\r\n  static sanitize(url) {\r\n    return sanitize(url, ['http', 'https', 'data']) ? url : '//:0'\r\n  }\r\n\r\n  static value(domNode) {\r\n    const formats: any = {}\r\n    const imageSrc = domNode.getAttribute('src')\r\n    formats.src = this.sanitize(imageSrc)\r\n    formats.hasExisted = domNode.getAttribute('devui-editorx-image')\r\n    formats.imageId = domNode.dataset.imageId\r\n    return formats\r\n  }\r\n\r\n  format(name, value) {\r\n    if (ATTRIBUTES.includes(name)) {\r\n      if (value) {\r\n        this.domNode.setAttribute(name, value)\r\n      }\r\n      else {\r\n        this.domNode.removeAttribute(name)\r\n      }\r\n    }\r\n    else {\r\n      super.format(name, value)\r\n    }\r\n  }\r\n\r\n  unWrap() {\r\n    this.parent.replaceWith(this)\r\n  }\r\n\r\n  wrap(name, value) {\r\n    const wrapper = typeof name === 'string' ? this.scroll.create(name, value) : name\r\n    if (!isNullOrUndefined(this.parent)) {\r\n      this.parent.insertBefore(wrapper, this.next || undefined)\r\n    }\r\n    if (typeof wrapper.appendChild !== 'function') {\r\n      throw new TypeError(`Cannot wrap ${name}`)\r\n    }\r\n    wrapper.appendChild(this)\r\n    return wrapper\r\n  }\r\n}\r\nCustomImage.blotName = 'image'\r\nCustomImage.tagName = 'IMG'\r\n\r\n// @dynamic\r\nclass CustomImageContainer extends Inline {\r\n  static tagName: string\r\n  static className: string\r\n  static blotName: string\r\n  static allowedChildren: typeof CustomImage[]\r\n  constructor(scroll, domNode) {\r\n    super(scroll, domNode)\r\n    domNode.setAttribute('contenteditable', false)\r\n  }\r\n}\r\nCustomImageContainer.blotName = 'image-container'\r\nCustomImageContainer.className = 'ql-image-container'\r\nCustomImageContainer.tagName = 'DIV'\r\n\r\nCustomImageContainer.allowedChildren = [CustomImage]\r\nexport { CustomImage as default, CustomImageContainer as ImageContainerBlot }\r\n"],"names":[],"mappings":"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"}

package/es/custom-uploader.es.js

@@ -1,10 +1,17 @@
 import Quill from "quill";
 import { FILE_UPLOADER_MIME_TYPES, IMAGE_UPLOADER_MIME_TYPES } from "./config/editor.config.es.js";
+import { isNullOrUndefined } from "./config/editor.utils.es.js";
 const Uploader = Quill.imports["modules/uploader"];
 const Delta = Quill.import("delta");
 class CustomUploader extends Uploader {
   constructor() {
     super(...arguments);
+    this.isAllowedFileSize = (maxSize, file) => {
+      if (isNullOrUndefined(maxSize)) {
+        return true;
+      }
+      return file.size <= maxSize;
+    };
     this.isAllowedFileType = (accept, file) => {
       if (accept) {
         const baseMimeType = file.type.replace(/\/.*$/, "");
@@ -35,15 +42,18 @@ class CustomUploader extends Uploader {
       file: uploadOption.fileAccept
     } || {};
     Array.from(files).forEach((file) => {
+      var _a, _b;
       if (file) {
         const fileFlag = typeof isFile === "boolean" ? isFile : !/^image\/[-\w.]+$/.test(file.type);
         const fileType = fileFlag ? "file" : "image";
         const accept = acceptObj[fileType] || this.options[fileType];
-        if (this.isAllowedFileType(accept, file)) {
+        if (this.isAllowedFileType(accept, file) && this.isAllowedFileSize(uploadOption == null ? void 0 : uploadOption.maxSize, file)) {
           uploads.push(file);
           fileFlags.push(fileFlag);
+          (_a = uploadOption == null ? void 0 : uploadOption.success) == null ? void 0 : _a.call(uploadOption, file);
         } else {
           rejectFlags[fileType] = true;
+          (_b = uploadOption == null ? void 0 : uploadOption.fail) == null ? void 0 : _b.call(uploadOption, file);
         }
       }
     });
@@ -110,7 +120,8 @@ class CustomUploader extends Uploader {
           } else {
             this.insertImageToEditor(range, res);
           }
-        }
+        },
+        editor: this.quill
       };
       if (imageEnableMultiUpload) {
         result.data = { files };

package/es/custom-uploader.es.js.map

@@ -1 +1 @@
-{"version":3,"file":"custom-uploader.es.js","sources":["../../src/custom-uploader.ts"],"sourcesContent":["import type { Range } from 'quill/core/quill'\r\n\r\nimport Quill from 'quill'\r\nimport {\r\n  FILE_UPLOADER_MIME_TYPES,\r\n  IMAGE_UPLOADER_MIME_TYPES,\r\n} from './config/editor.config'\r\n\r\ninterface InsertFileData {\r\n  code: number\r\n  message?: string\r\n  data: {\r\n    title: string\r\n    size: number\r\n    src: string\r\n  }\r\n}\r\n\r\nconst Uploader = Quill.imports['modules/uploader']\r\nconst Delta = Quill.import('delta')\r\n\r\nclass CustomUploader extends Uploader {\r\n  quill\r\n  options\r\n\r\n  upload(range, files, isFile?) {\r\n    const uploads = []\r\n    const fileFlags = []\r\n    const rejectFlags = {\r\n      file: false,\r\n      image: false,\r\n    }\r\n    const uploadOption = this.quill.options.uploadOption\r\n    const acceptObj\r\n      = (uploadOption && {\r\n        image: uploadOption.imageAccept,\r\n        file: uploadOption.fileAccept,\r\n      })\r\n      || {}\r\n    Array.from(files).forEach((file: any) => {\r\n      if (file) {\r\n        const fileFlag\r\n          = typeof isFile === 'boolean'\r\n            ? isFile\r\n            : !/^image\\/[-\\w.]+$/.test(file.type)\r\n        const fileType = fileFlag ? 'file' : 'image'\r\n        const accept = acceptObj[fileType] || this.options[fileType]\r\n        if (this.isAllowedFileType(accept, file)) {\r\n          uploads.push(file)\r\n          fileFlags.push(fileFlag)\r\n        }\r\n        else {\r\n          rejectFlags[fileType] = true\r\n        }\r\n      }\r\n    })\r\n    this.options.handler.call(this, range, uploads, fileFlags, rejectFlags)\r\n  }\r\n\r\n  isAllowedFileType = (accept: Array<string> | string, file: File) => {\r\n    if (accept) {\r\n      const baseMimeType = file.type.replace(/\\/.*$/, '')\r\n      const acceptArr = typeof accept === 'string' ? accept.split(',') : accept\r\n      return acceptArr.some((type: string) => {\r\n        const validType = type.trim()\r\n        //  suffix name (e.g. '.png,.xlsx')\r\n        if (validType.startsWith('.')) {\r\n          return (\r\n            file.name\r\n              .toLowerCase()\r\n              .includes(validType.toLowerCase(), file.name.toLowerCase().length - validType.toLowerCase().length)\r\n          )\r\n          // mime type like 'image/*'\r\n        }\r\n        else if (/\\/\\*$/.test(validType)) {\r\n          return baseMimeType === validType.replace(/\\/.*$/, '')\r\n        }\r\n        //  mime type like 'text/plain,application/json'\r\n        return file.type === validType\r\n      })\r\n    }\r\n    return true\r\n  }\r\n\r\n  // 处理上传文件\r\n  handleUploadFile(range, files, _hasRejectedFile) {\r\n    this.insertFileToEditor(range, files[0], {\r\n      code: 0,\r\n      data: {\r\n        title: files[0].name,\r\n        size: files[0].size,\r\n        src: files[0].src,\r\n      },\r\n    })\r\n  }\r\n\r\n  // 将文件插入编辑器\r\n  insertFileToEditor(range: Range, file: File, { code, message, data }: InsertFileData) {\r\n    if (code === 0) {\r\n      const oldContent = new Delta().retain(range.index).delete(range.length)\r\n      const videoFlag = this.uploadOption && this.uploadOption.isVideoPlay && /^video\\/[-\\w.]+$/.test(file.type)\r\n      const insertObj = videoFlag ? { video: data } : { file: data }\r\n      const currentContent = new Delta([{ insert: insertObj }])\r\n      const newContent = oldContent.concat(currentContent)\r\n      this.quill.updateContents(newContent, Quill.sources.USER)\r\n      this.quill.setSelection(range.index + 1)\r\n    }\r\n    else {\r\n      console.error('error message:', message)\r\n    }\r\n  }\r\n\r\n  // 将图片插入编辑器\r\n  insertImageToEditor(range, { code, message, data }) {\r\n    if (code === 0) {\r\n      const { imageId, imageUrl } = data\r\n      // 粘贴截图或者从外源直接拷贝的单图时，需要将编辑器中已选中的内容删除\r\n      const oldContent = new Delta().retain(range.index).delete(range.length)\r\n      const currentContent = new Delta([\r\n        {\r\n          insert: { image: imageUrl },\r\n          attributes: { 'image-id': imageId },\r\n        },\r\n      ])\r\n      const newContent = oldContent.concat(currentContent)\r\n      this.quill.updateContents(newContent, Quill.sources.USER)\r\n      this.quill.setSelection(range.index + 1)\r\n    }\r\n    else {\r\n      console.error('error message:', message)\r\n    }\r\n  }\r\n\r\n  // 处理上传图片\r\n  handleUploadImage(range, { file, files }, hasRejectedImage) {\r\n    if (this.quill.options.uploadOption?.imageUpload) {\r\n      const imageEnableMultiUpload = this.enableMultiUpload === true || this.enableMultiUpload?.image\r\n\r\n      const result = {\r\n        file,\r\n        data: { files: [file] },\r\n        hasRejectedImage,\r\n        callback: (res) => {\r\n          if (!res) {\r\n            return\r\n          }\r\n          if (imageEnableMultiUpload && Array.isArray(res)) {\r\n            res.forEach(value => this.insertImageToEditor(range, value))\r\n          }\r\n          else {\r\n            this.insertImageToEditor(range, res)\r\n          }\r\n        },\r\n      }\r\n      if (imageEnableMultiUpload) {\r\n        result.data = { files }\r\n      }\r\n      this.quill.options.uploadOption?.imageUpload(result)\r\n    }\r\n    else {\r\n      const promises = files.map((fileItem) => {\r\n        return new Promise((resolve) => {\r\n          const reader = new FileReader()\r\n          reader.onload = (e: any) => {\r\n            resolve(e.target.result)\r\n          }\r\n          reader.readAsDataURL(fileItem)\r\n        })\r\n      })\r\n      Promise.all(promises).then((images) => {\r\n        const update = images.reduce((delta: any, image) => {\r\n          return delta.insert({ image })\r\n        }, new Delta().retain(range.index).delete(range.length))\r\n\r\n        this.quill.updateContents(update, Quill.sources.USER)\r\n        this.quill.setSelection(range.index + images.length, Quill.sources.SILENT)\r\n      })\r\n    }\r\n  }\r\n}\r\n\r\nCustomUploader.DEFAULTS = {\r\n  file: FILE_UPLOADER_MIME_TYPES,\r\n  image: IMAGE_UPLOADER_MIME_TYPES,\r\n  enableMultiUpload: false,\r\n  handler(range, files, fileFlags, rejectFlags) {\r\n    const fileArr = []\r\n    const imgArr = []\r\n    files.forEach((file, index) => (fileFlags[index] ? fileArr.push(file) : imgArr.push(file)))\r\n    if (this.quill.options.modules.file && (fileArr.length || rejectFlags.file)) {\r\n      this.handleUploadFile(range, fileArr, rejectFlags.file)\r\n    }\r\n    if (imgArr.length || rejectFlags.image) {\r\n      this.handleUploadImage(range, { file: imgArr[0], files: imgArr }, rejectFlags.image)\r\n    }\r\n  },\r\n}\r\n\r\nexport default CustomUploader\r\n"],"names":[],"mappings":"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"}
+{"version":3,"file":"custom-uploader.es.js","sources":["../../src/custom-uploader.ts"],"sourcesContent":["import type { Range } from 'quill/core/quill'\r\n\r\nimport Quill from 'quill'\r\nimport {\r\n  FILE_UPLOADER_MIME_TYPES,\r\n  IMAGE_UPLOADER_MIME_TYPES,\r\n} from './config/editor.config'\r\nimport {\r\n  isNullOrUndefined,\r\n} from './config/editor.utils'\r\n\r\ninterface InsertFileData {\r\n  code: number\r\n  message?: string\r\n  data: {\r\n    title: string\r\n    size: number\r\n    src: string\r\n  }\r\n}\r\n\r\nconst Uploader = Quill.imports['modules/uploader']\r\nconst Delta = Quill.import('delta')\r\n\r\nclass CustomUploader extends Uploader {\r\n  quill\r\n  options\r\n\r\n  upload(range, files, isFile?) {\r\n    const uploads = []\r\n    const fileFlags = []\r\n    const rejectFlags = {\r\n      file: false,\r\n      image: false,\r\n    }\r\n    const uploadOption = this.quill.options.uploadOption\r\n    const acceptObj\r\n      = (uploadOption && {\r\n        image: uploadOption.imageAccept,\r\n        file: uploadOption.fileAccept,\r\n      })\r\n      || {}\r\n    Array.from(files).forEach((file: any) => {\r\n      if (file) {\r\n        const fileFlag\r\n          = typeof isFile === 'boolean'\r\n            ? isFile\r\n            : !/^image\\/[-\\w.]+$/.test(file.type)\r\n        const fileType = fileFlag ? 'file' : 'image'\r\n        const accept = acceptObj[fileType] || this.options[fileType]\r\n        if (this.isAllowedFileType(accept, file) && this.isAllowedFileSize(uploadOption?.maxSize, file)) {\r\n          uploads.push(file)\r\n          fileFlags.push(fileFlag)\r\n          uploadOption?.success?.(file)\r\n        }\r\n        else {\r\n          rejectFlags[fileType] = true\r\n          uploadOption?.fail?.(file)\r\n        }\r\n      }\r\n    })\r\n    this.options.handler.call(this, range, uploads, fileFlags, rejectFlags)\r\n  }\r\n\r\n  isAllowedFileSize = (maxSize: number, file: File) => {\r\n    if (isNullOrUndefined(maxSize)) {\r\n      return true\r\n    }\r\n\r\n    return file.size <= maxSize\r\n  }\r\n\r\n  isAllowedFileType = (accept: Array<string> | string, file: File) => {\r\n    if (accept) {\r\n      const baseMimeType = file.type.replace(/\\/.*$/, '')\r\n      const acceptArr = typeof accept === 'string' ? accept.split(',') : accept\r\n      return acceptArr.some((type: string) => {\r\n        const validType = type.trim()\r\n        //  suffix name (e.g. '.png,.xlsx')\r\n        if (validType.startsWith('.')) {\r\n          return (\r\n            file.name\r\n              .toLowerCase()\r\n              .includes(validType.toLowerCase(), file.name.toLowerCase().length - validType.toLowerCase().length)\r\n          )\r\n          // mime type like 'image/*'\r\n        }\r\n        else if (/\\/\\*$/.test(validType)) {\r\n          return baseMimeType === validType.replace(/\\/.*$/, '')\r\n        }\r\n        //  mime type like 'text/plain,application/json'\r\n        return file.type === validType\r\n      })\r\n    }\r\n    return true\r\n  }\r\n\r\n  // 处理上传文件\r\n  handleUploadFile(range, files, _hasRejectedFile) {\r\n    this.insertFileToEditor(range, files[0], {\r\n      code: 0,\r\n      data: {\r\n        title: files[0].name,\r\n        size: files[0].size,\r\n        src: files[0].src,\r\n      },\r\n    })\r\n  }\r\n\r\n  // 将文件插入编辑器\r\n  insertFileToEditor(range: Range, file: File, { code, message, data }: InsertFileData) {\r\n    if (code === 0) {\r\n      const oldContent = new Delta().retain(range.index).delete(range.length)\r\n      const videoFlag = this.uploadOption && this.uploadOption.isVideoPlay && /^video\\/[-\\w.]+$/.test(file.type)\r\n      const insertObj = videoFlag ? { video: data } : { file: data }\r\n      const currentContent = new Delta([{ insert: insertObj }])\r\n      const newContent = oldContent.concat(currentContent)\r\n      this.quill.updateContents(newContent, Quill.sources.USER)\r\n      this.quill.setSelection(range.index + 1)\r\n    }\r\n    else {\r\n      console.error('error message:', message)\r\n    }\r\n  }\r\n\r\n  // 将图片插入编辑器\r\n  insertImageToEditor(range, { code, message, data }) {\r\n    if (code === 0) {\r\n      const { imageId, imageUrl } = data\r\n      // 粘贴截图或者从外源直接拷贝的单图时，需要将编辑器中已选中的内容删除\r\n      const oldContent = new Delta().retain(range.index).delete(range.length)\r\n      const currentContent = new Delta([\r\n        {\r\n          insert: { image: imageUrl },\r\n          attributes: { 'image-id': imageId },\r\n        },\r\n      ])\r\n      const newContent = oldContent.concat(currentContent)\r\n      this.quill.updateContents(newContent, Quill.sources.USER)\r\n      this.quill.setSelection(range.index + 1)\r\n    }\r\n    else {\r\n      console.error('error message:', message)\r\n    }\r\n  }\r\n\r\n  // 处理上传图片\r\n  handleUploadImage(range, { file, files }, hasRejectedImage) {\r\n    if (this.quill.options.uploadOption?.imageUpload) {\r\n      const imageEnableMultiUpload = this.enableMultiUpload === true || this.enableMultiUpload?.image\r\n\r\n      const result = {\r\n        file,\r\n        data: { files: [file] },\r\n        hasRejectedImage,\r\n        callback: (res) => {\r\n          if (!res) {\r\n            return\r\n          }\r\n          if (imageEnableMultiUpload && Array.isArray(res)) {\r\n            res.forEach(value => this.insertImageToEditor(range, value))\r\n          }\r\n          else {\r\n            this.insertImageToEditor(range, res)\r\n          }\r\n        },\r\n        editor: this.quill,\r\n      }\r\n      if (imageEnableMultiUpload) {\r\n        result.data = { files }\r\n      }\r\n      this.quill.options.uploadOption?.imageUpload(result)\r\n    }\r\n    else {\r\n      const promises = files.map((fileItem) => {\r\n        return new Promise((resolve) => {\r\n          const reader = new FileReader()\r\n          reader.onload = (e: any) => {\r\n            resolve(e.target.result)\r\n          }\r\n          reader.readAsDataURL(fileItem)\r\n        })\r\n      })\r\n      Promise.all(promises).then((images) => {\r\n        const update = images.reduce((delta: any, image) => {\r\n          return delta.insert({ image })\r\n        }, new Delta().retain(range.index).delete(range.length))\r\n\r\n        this.quill.updateContents(update, Quill.sources.USER)\r\n        this.quill.setSelection(range.index + images.length, Quill.sources.SILENT)\r\n      })\r\n    }\r\n  }\r\n}\r\n\r\nCustomUploader.DEFAULTS = {\r\n  file: FILE_UPLOADER_MIME_TYPES,\r\n  image: IMAGE_UPLOADER_MIME_TYPES,\r\n  enableMultiUpload: false,\r\n  handler(range, files, fileFlags, rejectFlags) {\r\n    const fileArr = []\r\n    const imgArr = []\r\n    files.forEach((file, index) => (fileFlags[index] ? fileArr.push(file) : imgArr.push(file)))\r\n    if (this.quill.options.modules.file && (fileArr.length || rejectFlags.file)) {\r\n      this.handleUploadFile(range, fileArr, rejectFlags.file)\r\n    }\r\n    if (imgArr.length || rejectFlags.image) {\r\n      this.handleUploadImage(range, { file: imgArr[0], files: imgArr }, rejectFlags.image)\r\n    }\r\n  },\r\n}\r\n\r\nexport default CustomUploader\r\n"],"names":[],"mappings":"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"}

package/es/fluent-editor.es.js

@@ -72,6 +72,7 @@ const registerModules = function() {
         handlers: {
           ...SnowTheme.DEFAULTS.modules.toolbar.handlers,
           "formula": function() {
+            if (!this.quill.isEnabled()) return;
             const mathlive = this.quill.getModule("mathlive");
             if (!mathlive) {
               this.quill.theme.tooltip.edit("formula");

package/es/fluent-editor.es.js.map

@@ -1 +1 @@
-{"version":3,"file":"fluent-editor.es.js","sources":["../../src/fluent-editor.ts"],"sourcesContent":["import type { ExpandedQuillOptions, 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 { CHANGE_LANGUAGE_EVENT, defaultLanguage, getListValue, ICONS_CONFIG, inputFile, LANG_CONF } 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, { ToolbarTip } from './toolbar' // 工具栏\r\nimport { isUndefined } from './utils/is'\r\nimport Video from './video' // 视频\r\n// import GlobalLink from './global-link' // 全局链接\r\n// import QuickMenu from './quick-menu' // 快捷菜单\r\nexport interface I18NOptions {\r\n  lang: string\r\n  langText: Record<string, string>\r\n}\r\nfunction resolveLanguageOption(options: Partial<I18NOptions>): I18NOptions {\r\n  if (isUndefined(options.lang)) {\r\n    options.lang = defaultLanguage\r\n  }\r\n  if (!(options.lang in LANG_CONF)) {\r\n    console.warn(`The language ${options.lang} is not supported. Use the default language: ${defaultLanguage}`)\r\n    options.lang = defaultLanguage\r\n  }\r\n  return {\r\n    lang: options.lang,\r\n    langText: Object.assign({}, LANG_CONF[options.lang], options.langText || {}),\r\n  }\r\n}\r\nexport class FluentEditor extends Quill {\r\n  isFullscreen: boolean = false\r\n  options: IEditorConfig & ExpandedQuillOptions\r\n  constructor(container: HTMLElement | string, options: IEditorConfig = {}) {\r\n    options = Object.assign(options, resolveLanguageOption(options || {}))\r\n    super(container, options)\r\n  }\r\n\r\n  changeLanguage(options: Partial<I18NOptions>) {\r\n    const langOps = resolveLanguageOption(options)\r\n    if (langOps.lang === this.options.lang) return\r\n    this.options.lang = langOps.lang\r\n    this.options.langText = langOps.langText\r\n    this.emitter.emit(CHANGE_LANGUAGE_EVENT, this.options.lang, this.options.langText)\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          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      [ToolbarTip.moduleName]: true,\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      [`modules/${ToolbarTip.moduleName}`]: ToolbarTip,\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":["Toolbar","CustomImage","Strike"],"mappings":"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"}
+{"version":3,"file":"fluent-editor.es.js","sources":["../../src/fluent-editor.ts"],"sourcesContent":["import type { ExpandedQuillOptions, 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 { CHANGE_LANGUAGE_EVENT, defaultLanguage, getListValue, ICONS_CONFIG, inputFile, LANG_CONF } 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, { ToolbarTip } from './toolbar' // 工具栏\r\nimport { isUndefined } from './utils/is'\r\nimport Video from './video' // 视频\r\n// import GlobalLink from './global-link' // 全局链接\r\n// import QuickMenu from './quick-menu' // 快捷菜单\r\nexport interface I18NOptions {\r\n  lang: string\r\n  langText: Record<string, string>\r\n}\r\nfunction resolveLanguageOption(options: Partial<I18NOptions>): I18NOptions {\r\n  if (isUndefined(options.lang)) {\r\n    options.lang = defaultLanguage\r\n  }\r\n  if (!(options.lang in LANG_CONF)) {\r\n    console.warn(`The language ${options.lang} is not supported. Use the default language: ${defaultLanguage}`)\r\n    options.lang = defaultLanguage\r\n  }\r\n  return {\r\n    lang: options.lang,\r\n    langText: Object.assign({}, LANG_CONF[options.lang], options.langText || {}),\r\n  }\r\n}\r\nexport class FluentEditor extends Quill {\r\n  isFullscreen: boolean = false\r\n  options: IEditorConfig & ExpandedQuillOptions\r\n  constructor(container: HTMLElement | string, options: IEditorConfig = {}) {\r\n    options = Object.assign(options, resolveLanguageOption(options || {}))\r\n    super(container, options)\r\n  }\r\n\r\n  changeLanguage(options: Partial<I18NOptions>) {\r\n    const langOps = resolveLanguageOption(options)\r\n    if (langOps.lang === this.options.lang) return\r\n    this.options.lang = langOps.lang\r\n    this.options.langText = langOps.langText\r\n    this.emitter.emit(CHANGE_LANGUAGE_EVENT, this.options.lang, this.options.langText)\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            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          '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          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      [ToolbarTip.moduleName]: true,\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      [`modules/${ToolbarTip.moduleName}`]: ToolbarTip,\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":["Toolbar","CustomImage","Strike"],"mappings":"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"}

package/es/index.es.js

@@ -1,6 +1,7 @@
 import FluentEditor from "./fluent-editor.es.js";
 import { ICONS_CONFIG, getListValue, inputFile, namespace } from "./config/index.es.js";
 import { AUDIO_VIDEO_UPLOADER_MIME_TYPES, BIG_DELTA_LIMIT, CHANGE_LANGUAGE_EVENT, COMPRESSED_UPLOADER_MIME_TYPES, DOC_UPLOADER_MIME_TYPES, FILE_UPLOADER_MIME_TYPES, IMAGE_UPLOADER_MIME_TYPES, LANG_CONF, OTHER_FILE_UPLOADER_MIME_TYPES, PPT_UPLOADER_MIME_TYPES, XSL_UPLOADER_MIME_TYPES, defaultLanguage } from "./config/editor.config.es.js";
+import { getEventComposedPath, hadProtocol, hexToRgbA, imageFileToUrl, imageUrlToFile, insideTable, isInside, isNullOrUndefined, isPureIE, omit, replaceDeltaImage, sanitize, splitWithBreak } from "./config/editor.utils.es.js";
 export {
   AUDIO_VIDEO_UPLOADER_MIME_TYPES,
   BIG_DELTA_LIMIT,
@@ -16,8 +17,21 @@ export {
   XSL_UPLOADER_MIME_TYPES,
   FluentEditor as default,
   defaultLanguage,
+  getEventComposedPath,
   getListValue,
+  hadProtocol,
+  hexToRgbA,
+  imageFileToUrl,
+  imageUrlToFile,
   inputFile,
-  namespace
+  insideTable,
+  isInside,
+  isNullOrUndefined,
+  isPureIE,
+  namespace,
+  omit,
+  replaceDeltaImage,
+  sanitize,
+  splitWithBreak
 };
 //# sourceMappingURL=index.es.js.map

package/es/index.es.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.es.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;"}
+{"version":3,"file":"index.es.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;"}

package/es/mathlive/formats.es.js

@@ -3,10 +3,9 @@ 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";
+    this.domNode = domNode;
+    domNode.setAttribute("contenteditable", "false");
+    this.mode = domNode.getAttribute("mode") || "only-read";
   }
   static create(obj) {
     const el = super.create();
@@ -22,38 +21,10 @@ const _MathliveBlot = class _MathliveBlot extends Parchment.EmbedBlot {
       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";

package/es/mathlive/formats.es.js.map

@@ -1 +1 @@
-{"version":3,"file":"formats.es.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;"}
+{"version":3,"file":"formats.es.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  mode: MathliveBlotMode\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\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  constructor(scroll: Root, public domNode: MathfieldElement) {\r\n    super(scroll, domNode)\r\n    domNode.setAttribute('contenteditable', 'false')\r\n    this.mode = (domNode.getAttribute('mode') || 'only-read') as MathliveBlotMode\r\n  }\r\n\r\n  html() {\r\n    const formula = this.domNode.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"],"names":[],"mappings":";AAIA,MAAM,YAAY,MAAM,OAAO,WAAW;AAErB,MAAA,gBAAA,MAAA,sBAAqB,UAAU,UAAU;AAAA,EAsB5D,YAAY,QAAqB,SAA2B;AAC1D,UAAM,QAAQ,OAAO;AADU,SAAA,UAAA;AAEvB,YAAA,aAAa,mBAAmB,OAAO;AAC/C,SAAK,OAAQ,QAAQ,aAAa,MAAM,KAAK;AAAA,EAC/C;AAAA,EApBA,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,EAQA,OAAO;AACC,UAAA,UAAU,KAAK,QAAQ;AAC7B,WAAO,wEAAwE,KAAK,IAAI,KAAK,OAAO;AAAA,EACtG;AACF;AA/BE,cAAO,WAAW;AAClB,cAAO,UAAU;AACjB,cAAO,YAAY;AAHA,IAAA,eAAA;"}

package/es/mathlive/index.es.js

@@ -1,12 +1,29 @@
-import { Module } from "quill";
+import Quill from "quill";
+import MathliveBlot from "./formats.es.js";
 import MathliveTooltip from "./tooltip.es.js";
-class MathliveModule extends Module {
-  constructor(quill, options) {
-    super(quill, options);
-    quill.root.quill = quill;
+class MathliveModule {
+  constructor(quill) {
+    this.quill = quill;
     this.tooltip = new MathliveTooltip(quill);
+    this.quill.root.addEventListener(
+      "click",
+      (e) => {
+        if (!this.quill.isEnabled()) return;
+        const path = e.composedPath();
+        if (!path || path.length <= 0) return;
+        const mathliveNode = path.find((node) => node.tagName && node.tagName.toUpperCase() === MathliveBlot.tagName.toUpperCase() && node.classList.contains(MathliveBlot.className));
+        const mathliveBlot = Quill.find(mathliveNode);
+        if (mathliveBlot) {
+          const { value, mode } = MathliveBlot.value(mathliveBlot.domNode);
+          if (mode === "dialog") {
+            this.createDialog(value);
+          }
+        }
+      },
+      true
+    );
   }
-  async createDialog(value) {
+  createDialog(value) {
     this.tooltip.edit(value);
   }
 }

package/es/mathlive/index.es.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.es.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":[],"mappings":";;AAIA,MAAqB,uBAAuB,OAAgB;AAAA,EAE1D,YAAY,OAAc,SAAmB;AAC3C,UAAM,OAAO,OAAO;AAEpB,UAAM,KAAK,QAAQ;AACd,SAAA,UAAU,IAAI,gBAAgB,KAAK;AAAA,EAC1C;AAAA,EAEA,MAAM,aAAa,OAAgB;AAC5B,SAAA,QAAQ,KAAK,KAAK;AAAA,EACzB;AACF;"}
+{"version":3,"file":"index.es.js","sources":["../../../src/mathlive/index.ts"],"sourcesContent":["import Quill from 'quill'\r\nimport MathliveBlot from './formats'\r\nimport MathliveTooltip from './tooltip'\r\n\r\nexport default class MathliveModule {\r\n  tooltip: MathliveTooltip\r\n  constructor(public quill: Quill) {\r\n    this.tooltip = new MathliveTooltip(quill)\r\n\r\n    this.quill.root.addEventListener(\r\n      'click',\r\n      (e: MouseEvent) => {\r\n        if (!this.quill.isEnabled()) return\r\n        const path = e.composedPath() as HTMLElement[]\r\n        if (!path || path.length <= 0) return\r\n\r\n        const mathliveNode = path.find(node => node.tagName && node.tagName.toUpperCase() === MathliveBlot.tagName.toUpperCase() && node.classList.contains(MathliveBlot.className))\r\n        const mathliveBlot = Quill.find(mathliveNode) as MathliveBlot | null\r\n        if (mathliveBlot) {\r\n          const { value, mode } = MathliveBlot.value(mathliveBlot.domNode)\r\n          if (mode === 'dialog') {\r\n            this.createDialog(value)\r\n          }\r\n        }\r\n      },\r\n      true,\r\n    )\r\n  }\r\n\r\n  createDialog(value?: string) {\r\n    this.tooltip.edit(value)\r\n  }\r\n}\r\n"],"names":[],"mappings":";;;AAIA,MAAqB,eAAe;AAAA,EAElC,YAAmB,OAAc;AAAd,SAAA,QAAA;AACZ,SAAA,UAAU,IAAI,gBAAgB,KAAK;AAExC,SAAK,MAAM,KAAK;AAAA,MACd;AAAA,MACA,CAAC,MAAkB;AACjB,YAAI,CAAC,KAAK,MAAM,UAAa,EAAA;AACvB,cAAA,OAAO,EAAE;AACf,YAAI,CAAC,QAAQ,KAAK,UAAU,EAAG;AAE/B,cAAM,eAAe,KAAK,KAAK,UAAQ,KAAK,WAAW,KAAK,QAAQ,kBAAkB,aAAa,QAAQ,iBAAiB,KAAK,UAAU,SAAS,aAAa,SAAS,CAAC;AACrK,cAAA,eAAe,MAAM,KAAK,YAAY;AAC5C,YAAI,cAAc;AAChB,gBAAM,EAAE,OAAO,SAAS,aAAa,MAAM,aAAa,OAAO;AAC/D,cAAI,SAAS,UAAU;AACrB,iBAAK,aAAa,KAAK;AAAA,UACzB;AAAA,QACF;AAAA,MACF;AAAA,MACA;AAAA,IAAA;AAAA,EAEJ;AAAA,EAEA,aAAa,OAAgB;AACtB,SAAA,QAAQ,KAAK,KAAK;AAAA,EACzB;AACF;"}

package/es/mathlive/tooltip.es.js

@@ -1,6 +1,6 @@
-import { Delta } from "quill/core";
-import Emitter from "quill/core/emitter";
-import Tooltip from "quill/ui/tooltip";
+import Quill from "quill";
+const Delta = Quill.import("delta");
+const Tooltip = Quill.import("ui/tooltip");
 const _MathliveTooltip = class _MathliveTooltip extends Tooltip {
   constructor(quill, boundsContainer) {
     super(quill, boundsContainer);
@@ -51,8 +51,8 @@ const _MathliveTooltip = class _MathliveTooltip extends Tooltip {
     if (!inputValue) return;
     const index = range ? range.index : this.quill.getLength() - 1;
     const delta = new 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.quill.updateContents(delta, Quill.sources.USER);
+    this.quill.setSelection(index + 1, Quill.sources.SILENT);
     this.hide();
   }
   position(reference) {

package/es/mathlive/tooltip.es.js.map

@@ -1 +1 @@
-{"version":3,"file":"tooltip.es.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":[],"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,IAAI,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;"}
+{"version":3,"file":"tooltip.es.js","sources":["../../../src/mathlive/tooltip.ts"],"sourcesContent":["import type { MathfieldElement } from 'mathlive'\r\nimport type { Bounds } from 'quill/core/selection'\r\nimport type TypeTooltip from 'quill/ui/tooltip'\r\nimport Quill from 'quill'\r\n\r\nconst Delta = Quill.import('delta')\r\nconst Tooltip = Quill.import('ui/tooltip') as typeof TypeTooltip\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, Quill.sources.USER)\r\n    this.quill.setSelection(index + 1, Quill.sources.SILENT)\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":[],"mappings":";AAKA,MAAM,QAAQ,MAAM,OAAO,OAAO;AAClC,MAAM,UAAU,MAAM,OAAO,YAAY;AACzC,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,IAAI,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,MAAM,QAAQ,IAAI;AACnD,SAAK,MAAM,aAAa,QAAQ,GAAG,MAAM,QAAQ,MAAM;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/es/table/modules/table-operation-menu.es.js

@@ -43,21 +43,21 @@ class TableOperationMenu {
       },
       copyTable: {
         text: langText["copy-table"],
-        handler() {
+        async handler() {
           this.tableColumnTool.destroy();
           this.tableScrollBar.destroy();
           this.tableSelection.clearSelection();
           const dom = this.table.cloneNode(true);
           const trArr = dom.querySelectorAll("tr[data-row]");
           trArr.forEach((tr) => tr.removeAttribute("data-row"));
-          dom.style.position = "fixed";
-          dom.style.top = 0;
-          dom.style.left = 0;
-          dom.style.clip = "rect(0,0,0,0)";
-          document.body.appendChild(dom);
           this.setCopyRange(dom);
-          document.execCommand("copy");
-          dom.remove();
+          const blob = new Blob([dom.outerHTML], { type: "text/html" });
+          const clipboardItem = new ClipboardItem({ "text/html": blob });
+          try {
+            await navigator.clipboard.write([clipboardItem]);
+          } catch (_e) {
+            throw new Error("Failed to write to clipboard.");
+          }
         }
       },
       cutCells: {
@@ -269,15 +269,19 @@ class TableOperationMenu {
       "left": `${leftPos}px`,
       "top": `${topPos}px`,
       "min-height": `${MENU_MIN_HEIGHT}px`,
-      "width": `${MENU_WIDTH}px`
+      "max-height": `${winHeight - topPos}px`,
+      "width": `${MENU_WIDTH}px`,
+      "overflow-y": "auto"
     };
-    if (menuHeight + top > winHeight && menuHeight < winHeight) {
+    if (menuHeight + top > winHeight || topPos > winHeight / 2) {
       delete cssContent.top;
+      cssContent["max-height"] = `${winHeight - 20}px`;
       cssContent.bottom = "10px";
     }
     this.domNode = document.createElement("div");
     this.domNode.classList.add("qlbt-operation-menu");
     css(this.domNode, cssContent);
+    const fragment = document.createDocumentFragment();
     for (const name in this.menuItems) {
       if (this.menuItems[name]) {
         const item = { ...this.DEFAULT_MENU[name], ...this.menuItems[name] };
@@ -287,9 +291,10 @@ class TableOperationMenu {
         } else {
           dom.addEventListener("mouseup", item.handler.bind(this), false);
         }
-        this.domNode.appendChild(dom);
+        fragment.appendChild(dom);
       }
     }
+    this.domNode.appendChild(fragment);
     if (this.options.color && this.options.color !== false) {
       this.domNode.appendChild(dividingCreator());
       this.domNode.appendChild(subTitleCreator(this.colorSubTitle));
@@ -340,18 +345,23 @@ class TableOperationMenu {
   menuItemCreator({ text }) {
     const node = document.createElement("div");
     node.classList.add("qlbt-operation-menu-item");
+    node.style.height = `${MENU_ITEM_HEIGHT}px`;
     node.textContent = text;
     return node;
   }
-  onCopy(operation) {
+  async onCopy(operation) {
     const { selectedTds } = this.tableSelection;
     const virtualTable = this.createVirtualTable(selectedTds, operation);
-    document.body.appendChild(virtualTable);
     this.setCopyRange(virtualTable);
     this.tableSelection.preSelectedTable = virtualTable;
     this.tableSelection.preSelectedTds = selectedTds;
-    document.execCommand("copy");
-    virtualTable.remove();
+    const blob = new Blob([this.tableSelection.preSelectedTable.outerHTML], { type: "text/html" });
+    const clipboardItem = new ClipboardItem({ "text/html": blob });
+    try {
+      await navigator.clipboard.write([clipboardItem]);
+    } catch (_e) {
+      throw new Error("Failed to write to clipboard.");
+    }
     if (operation === "cut") {
       const tableContainer = Quill.find(this.table);
       tableContainer.emptyCells(selectedTds);