pxx-vue-quill 1.0.89 → 1.0.91

package/dist/vue-quill.umd.js

@@ -7,7 +7,7 @@
  * 
  * Copyright (c) 2025 Pxx-Team
  * Released under the MIT license
- * Date: 2025-09-08T04:21:54.197Z
+ * Date: 2025-09-08T13:52:15.208Z
  */
 (function (global, factory) {
             typeof exports === 'object' && typeof module !== 'undefined' ? factory(exports, require('vue')) :
@@ -18453,6 +18453,133 @@
                 ]
             };
 
+            const MoreToolbar = vue.defineComponent({
+                name: 'MoreToolbar',
+                props: {
+                    editorKey: {
+                        type: String,
+                        required: true,
+                    },
+                    toolbarStyle: {
+                        type: Object,
+                        default: () => ({}),
+                    },
+                    showMoreToolbar: {
+                        type: Boolean,
+                        default: false,
+                    },
+                },
+                emits: ['toolClick'],
+                setup(props, { emit }) {
+                    return () => vue.h('div', {
+                        id: 'toolbar-' + props.editorKey,
+                        dataC: props.showMoreToolbar,
+                        style: {
+                            ...props.toolbarStyle
+                        }
+                    }, [
+                        vue.h('div', {
+                            class: {
+                                'short-tools': true,
+                                'collapse': props.showMoreToolbar
+                            }
+                        }, [
+                            vue.h('span', { class: 'ql-formats' }, [
+                                vue.h('button', {
+                                    class: 'ql-bold',
+                                    type: 'button',
+                                }, ''),
+                                vue.h('button', {
+                                    class: 'ql-italic',
+                                    type: 'button'
+                                }, ''),
+                                vue.h('button', {
+                                    class: 'ql-underline',
+                                    type: 'button'
+                                }, '')
+                            ]),
+                            vue.h('span', { class: 'ql-formats' }, [
+                                vue.h('select', {
+                                    class: 'ql-color ql-picker ql-color-picker',
+                                    type: 'button'
+                                }, [
+                                    vue.h('span', { class: 'ql-picker-label' }, ''),
+                                    vue.h('div', { class: 'ql-picker-options' })
+                                ]),
+                            ]),
+                            vue.h('span', { class: 'ql-formats' }, [
+                                vue.h('button', {
+                                    class: 'ql-link',
+                                    type: 'button'
+                                }, '')
+                            ]),
+                            vue.h('span', { class: 'ql-formats' }, [
+                                vue.h('button', {
+                                    class: `ql-more mr-0 ${props.showMoreToolbar ? 'ql-active' : ''}`,
+                                    type: 'button',
+                                    onClick: () => emit('toolClick', 'more')
+                                }, '')
+                            ])
+                        ]),
+                        vue.h('div', {
+                            class: {
+                                "more-tools": true,
+                                "collapse": props.showMoreToolbar
+                            }, style: { display: props.showMoreToolbar ? 'block' : 'none' }
+                        }, [
+                            vue.h('div', { class: "more-tools-item" }, [
+                                vue.h('span', { class: 'ql-formats' }, [
+                                    vue.h('button', {
+                                        class: 'ql-list',
+                                        value: 'ordered',
+                                        type: 'button'
+                                    }, ''),
+                                    vue.h('button', {
+                                        class: 'ql-list',
+                                        value: 'bullet',
+                                        type: 'button'
+                                    }, '')
+                                ]),
+                                vue.h('span', { class: 'ql-formats' }, [
+                                    vue.h('button', {
+                                        class: 'ql-image',
+                                        type: 'button'
+                                    }, '')
+                                ]),
+                                vue.h('span', { class: 'ql-formats' }, [
+                                    vue.h('button', {
+                                        class: 'ql-undo',
+                                        type: 'button',
+                                        onClick: () => emit('toolClick', 'undo')
+                                    }, ''),
+                                    vue.h('button', {
+                                        class: 'ql-redo',
+                                        type: 'button',
+                                        onClick: () => emit('toolClick', 'redo')
+                                    }, '')
+                                ]),
+                                vue.h('span', { class: 'ql-formats' }, [
+                                    vue.h('button', {
+                                        class: 'ql-math mr-0',
+                                        type: 'button',
+                                        onClick: () => emit('toolClick', 'math')
+                                    }, '')
+                                ])
+                            ]),
+                            vue.h('div', {}, [
+                                vue.h('span', { class: 'ql-formats' }, [
+                                    vue.h('button', {
+                                        class: 'ql-ocr',
+                                        type: 'button',
+                                        onClick: () => emit('toolClick', 'ocr')
+                                    }, '')
+                                ])
+                            ])
+                        ])
+                    ]);
+                }
+            });
+
             var dist = {};
 
             var Options = {};
@@ -18781,11 +18908,11 @@
               value: true
             });
 
-            var _createClass = function () { function defineProperties(target, props) { for (var i = 0; i < props.length; i++) { var descriptor = props[i]; descriptor.enumerable = descriptor.enumerable || false; descriptor.configurable = true; if ("value" in descriptor) descriptor.writable = true; Object.defineProperty(target, descriptor.key, descriptor); } } return function (Constructor, protoProps, staticProps) { if (protoProps) defineProperties(Constructor.prototype, protoProps); if (staticProps) defineProperties(Constructor, staticProps); return Constructor; }; }();
+            var _createClass$1 = function () { function defineProperties(target, props) { for (var i = 0; i < props.length; i++) { var descriptor = props[i]; descriptor.enumerable = descriptor.enumerable || false; descriptor.configurable = true; if ("value" in descriptor) descriptor.writable = true; Object.defineProperty(target, descriptor.key, descriptor); } } return function (Constructor, protoProps, staticProps) { if (protoProps) defineProperties(Constructor.prototype, protoProps); if (staticProps) defineProperties(Constructor, staticProps); return Constructor; }; }();
 
             function _defineProperty(obj, key, value) { if (key in obj) { Object.defineProperty(obj, key, { value: value, enumerable: true, configurable: true, writable: true }); } else { obj[key] = value; } return obj; }
 
-            function _classCallCheck(instance, Constructor) { if (!(instance instanceof Constructor)) { throw new TypeError("Cannot call a class as a function"); } }
+            function _classCallCheck$1(instance, Constructor) { if (!(instance instanceof Constructor)) { throw new TypeError("Cannot call a class as a function"); } }
 
             var LEFT_ALIGN = 'left';
             var CENTER_ALIGN = 'center';
@@ -18796,7 +18923,7 @@
                 var _this = this,
                     _alignments;
 
-                _classCallCheck(this, DefaultAligner);
+                _classCallCheck$1(this, DefaultAligner);
 
                 this.applyStyle = options.aligner.applyStyle;
                 this.alignAttribute = options.attribute;
@@ -18824,7 +18951,7 @@
                 }), _alignments);
               }
 
-              _createClass(DefaultAligner, [{
+              _createClass$1(DefaultAligner, [{
                 key: 'getAlignments',
                 value: function getAlignments() {
                   var _this2 = this;
@@ -19549,156 +19676,148 @@
 
             var IframeVideoSpec = {};
 
-            var UnclickableBlotSpec = {};
+            var UnclickableBlotSpec$1 = {};
 
-            var hasRequiredUnclickableBlotSpec;
+            Object.defineProperty(UnclickableBlotSpec$1, "__esModule", {
+              value: true
+            });
 
-            function requireUnclickableBlotSpec () {
-            	if (hasRequiredUnclickableBlotSpec) return UnclickableBlotSpec;
-            	hasRequiredUnclickableBlotSpec = 1;
+            var _createClass = function () { function defineProperties(target, props) { for (var i = 0; i < props.length; i++) { var descriptor = props[i]; descriptor.enumerable = descriptor.enumerable || false; descriptor.configurable = true; if ("value" in descriptor) descriptor.writable = true; Object.defineProperty(target, descriptor.key, descriptor); } } return function (Constructor, protoProps, staticProps) { if (protoProps) defineProperties(Constructor.prototype, protoProps); if (staticProps) defineProperties(Constructor, staticProps); return Constructor; }; }();
 
-            	Object.defineProperty(UnclickableBlotSpec, "__esModule", {
-            	  value: true
-            	});
+            var _BlotSpec2 = requireBlotSpec();
 
-            	var _createClass = function () { function defineProperties(target, props) { for (var i = 0; i < props.length; i++) { var descriptor = props[i]; descriptor.enumerable = descriptor.enumerable || false; descriptor.configurable = true; if ("value" in descriptor) descriptor.writable = true; Object.defineProperty(target, descriptor.key, descriptor); } } return function (Constructor, protoProps, staticProps) { if (protoProps) defineProperties(Constructor.prototype, protoProps); if (staticProps) defineProperties(Constructor, staticProps); return Constructor; }; }();
+            var _BlotSpec3 = _interopRequireDefault(_BlotSpec2);
 
-            	var _BlotSpec2 = requireBlotSpec();
-
-            	var _BlotSpec3 = _interopRequireDefault(_BlotSpec2);
+            var _BlotFormatter = requireBlotFormatter();
 
-            	var _BlotFormatter = requireBlotFormatter();
+            _interopRequireDefault(_BlotFormatter);
 
-            	_interopRequireDefault(_BlotFormatter);
+            function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
 
-            	function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
-
-            	function _classCallCheck(instance, Constructor) { if (!(instance instanceof Constructor)) { throw new TypeError("Cannot call a class as a function"); } }
-
-            	function _possibleConstructorReturn(self, call) { if (!self) { throw new ReferenceError("this hasn't been initialised - super() hasn't been called"); } return call && (typeof call === "object" || typeof call === "function") ? call : self; }
+            function _classCallCheck(instance, Constructor) { if (!(instance instanceof Constructor)) { throw new TypeError("Cannot call a class as a function"); } }
 
-            	function _inherits(subClass, superClass) { if (typeof superClass !== "function" && superClass !== null) { throw new TypeError("Super expression must either be null or a function, not " + typeof superClass); } subClass.prototype = Object.create(superClass && superClass.prototype, { constructor: { value: subClass, enumerable: false, writable: true, configurable: true } }); if (superClass) Object.setPrototypeOf ? Object.setPrototypeOf(subClass, superClass) : subClass.__proto__ = superClass; }
+            function _possibleConstructorReturn(self, call) { if (!self) { throw new ReferenceError("this hasn't been initialised - super() hasn't been called"); } return call && (typeof call === "object" || typeof call === "function") ? call : self; }
 
-            	var MOUSE_ENTER_ATTRIBUTE = 'data-blot-formatter-unclickable-bound';
-            	var PROXY_IMAGE_CLASS = 'blot-formatter__proxy-image';
+            function _inherits(subClass, superClass) { if (typeof superClass !== "function" && superClass !== null) { throw new TypeError("Super expression must either be null or a function, not " + typeof superClass); } subClass.prototype = Object.create(superClass && superClass.prototype, { constructor: { value: subClass, enumerable: false, writable: true, configurable: true } }); if (superClass) Object.setPrototypeOf ? Object.setPrototypeOf(subClass, superClass) : subClass.__proto__ = superClass; }
 
-            	var UnclickableBlotSpec$1 = function (_BlotSpec) {
-            	  _inherits(UnclickableBlotSpec, _BlotSpec);
+            var MOUSE_ENTER_ATTRIBUTE = 'data-blot-formatter-unclickable-bound';
+            var PROXY_IMAGE_CLASS = 'blot-formatter__proxy-image';
 
-            	  function UnclickableBlotSpec(formatter, selector) {
-            	    _classCallCheck(this, UnclickableBlotSpec);
+            var UnclickableBlotSpec = function (_BlotSpec) {
+              _inherits(UnclickableBlotSpec, _BlotSpec);
 
-            	    var _this = _possibleConstructorReturn(this, (UnclickableBlotSpec.__proto__ || Object.getPrototypeOf(UnclickableBlotSpec)).call(this, formatter));
+              function UnclickableBlotSpec(formatter, selector) {
+                _classCallCheck(this, UnclickableBlotSpec);
 
-            	    _this.onTextChange = function () {
-            	      Array.from(document.querySelectorAll(_this.selector + ':not([' + MOUSE_ENTER_ATTRIBUTE + '])')).forEach(function (unclickable) {
-            	        unclickable.setAttribute(MOUSE_ENTER_ATTRIBUTE, 'true');
-            	        unclickable.addEventListener('mouseenter', _this.onMouseEnter);
-            	      });
-            	    };
+                var _this = _possibleConstructorReturn(this, (UnclickableBlotSpec.__proto__ || Object.getPrototypeOf(UnclickableBlotSpec)).call(this, formatter));
 
-            	    _this.onMouseEnter = function (event) {
-            	      var unclickable = event.target;
-            	      if (!(unclickable instanceof HTMLElement)) {
-            	        return;
-            	      }
+                _this.onTextChange = function () {
+                  Array.from(document.querySelectorAll(_this.selector + ':not([' + MOUSE_ENTER_ATTRIBUTE + '])')).forEach(function (unclickable) {
+                    unclickable.setAttribute(MOUSE_ENTER_ATTRIBUTE, 'true');
+                    unclickable.addEventListener('mouseenter', _this.onMouseEnter);
+                  });
+                };
 
-            	      _this.nextUnclickable = unclickable;
-            	      _this.repositionProxyImage(_this.nextUnclickable);
-            	    };
+                _this.onMouseEnter = function (event) {
+                  var unclickable = event.target;
+                  if (!(unclickable instanceof HTMLElement)) {
+                    return;
+                  }
 
-            	    _this.onProxyImageClick = function () {
-            	      _this.unclickable = _this.nextUnclickable;
-            	      _this.nextUnclickable = null;
-            	      _this.formatter.show(_this);
-            	      _this.hideProxyImage();
-            	    };
+                  _this.nextUnclickable = unclickable;
+                  _this.repositionProxyImage(_this.nextUnclickable);
+                };
 
-            	    _this.selector = selector;
-            	    _this.unclickable = null;
-            	    _this.nextUnclickable = null;
-            	    return _this;
-            	  }
+                _this.onProxyImageClick = function () {
+                  _this.unclickable = _this.nextUnclickable;
+                  _this.nextUnclickable = null;
+                  _this.formatter.show(_this);
+                  _this.hideProxyImage();
+                };
 
-            	  _createClass(UnclickableBlotSpec, [{
-            	    key: 'init',
-            	    value: function init() {
-            	      if (document.body) {
-            	        /*
-            	        it's important that this is attached to the body instead of the root quill element.
-            	        this prevents the click event from overlapping with ImageSpec
-            	         */
-            	        document.body.appendChild(this.createProxyImage());
-            	      }
+                _this.selector = selector;
+                _this.unclickable = null;
+                _this.nextUnclickable = null;
+                return _this;
+              }
 
-            	      this.hideProxyImage();
-            	      this.proxyImage.addEventListener('click', this.onProxyImageClick);
-            	      this.formatter.quill.on('text-change', this.onTextChange);
-            	    }
-            	  }, {
-            	    key: 'getTargetElement',
-            	    value: function getTargetElement() {
-            	      return this.unclickable;
-            	    }
-            	  }, {
-            	    key: 'getOverlayElement',
-            	    value: function getOverlayElement() {
-            	      return this.unclickable;
-            	    }
-            	  }, {
-            	    key: 'onHide',
-            	    value: function onHide() {
-            	      this.hideProxyImage();
-            	      this.nextUnclickable = null;
-            	      this.unclickable = null;
-            	    }
-            	  }, {
-            	    key: 'createProxyImage',
-            	    value: function createProxyImage() {
-            	      var canvas = document.createElement('canvas');
-            	      var context = canvas.getContext('2d');
-            	      context.globalAlpha = 0;
-            	      context.fillRect(0, 0, 1, 1);
-
-            	      this.proxyImage = document.createElement('img');
-            	      this.proxyImage.src = canvas.toDataURL('image/png');
-            	      this.proxyImage.classList.add(PROXY_IMAGE_CLASS);
-
-            	      Object.assign(this.proxyImage.style, {
-            	        position: 'absolute',
-            	        margin: '0'
-            	      });
+              _createClass(UnclickableBlotSpec, [{
+                key: 'init',
+                value: function init() {
+                  if (document.body) {
+                    /*
+                    it's important that this is attached to the body instead of the root quill element.
+                    this prevents the click event from overlapping with ImageSpec
+                     */
+                    document.body.appendChild(this.createProxyImage());
+                  }
 
-            	      return this.proxyImage;
-            	    }
-            	  }, {
-            	    key: 'hideProxyImage',
-            	    value: function hideProxyImage() {
-            	      Object.assign(this.proxyImage.style, {
-            	        display: 'none'
-            	      });
-            	    }
-            	  }, {
-            	    key: 'repositionProxyImage',
-            	    value: function repositionProxyImage(unclickable) {
-            	      var rect = unclickable.getBoundingClientRect();
+                  this.hideProxyImage();
+                  this.proxyImage.addEventListener('click', this.onProxyImageClick);
+                  this.formatter.quill.on('text-change', this.onTextChange);
+                }
+              }, {
+                key: 'getTargetElement',
+                value: function getTargetElement() {
+                  return this.unclickable;
+                }
+              }, {
+                key: 'getOverlayElement',
+                value: function getOverlayElement() {
+                  return this.unclickable;
+                }
+              }, {
+                key: 'onHide',
+                value: function onHide() {
+                  this.hideProxyImage();
+                  this.nextUnclickable = null;
+                  this.unclickable = null;
+                }
+              }, {
+                key: 'createProxyImage',
+                value: function createProxyImage() {
+                  var canvas = document.createElement('canvas');
+                  var context = canvas.getContext('2d');
+                  context.globalAlpha = 0;
+                  context.fillRect(0, 0, 1, 1);
+
+                  this.proxyImage = document.createElement('img');
+                  this.proxyImage.src = canvas.toDataURL('image/png');
+                  this.proxyImage.classList.add(PROXY_IMAGE_CLASS);
+
+                  Object.assign(this.proxyImage.style, {
+                    position: 'absolute',
+                    margin: '0'
+                  });
 
-            	      Object.assign(this.proxyImage.style, {
-            	        display: 'block',
-            	        left: rect.left + window.pageXOffset + 'px',
-            	        top: rect.top + window.pageYOffset + 'px',
-            	        width: rect.width + 'px',
-            	        height: rect.height + 'px'
-            	      });
-            	    }
-            	  }]);
+                  return this.proxyImage;
+                }
+              }, {
+                key: 'hideProxyImage',
+                value: function hideProxyImage() {
+                  Object.assign(this.proxyImage.style, {
+                    display: 'none'
+                  });
+                }
+              }, {
+                key: 'repositionProxyImage',
+                value: function repositionProxyImage(unclickable) {
+                  var rect = unclickable.getBoundingClientRect();
+
+                  Object.assign(this.proxyImage.style, {
+                    display: 'block',
+                    left: rect.left + window.pageXOffset + 'px',
+                    top: rect.top + window.pageYOffset + 'px',
+                    width: rect.width + 'px',
+                    height: rect.height + 'px'
+                  });
+                }
+              }]);
 
-            	  return UnclickableBlotSpec;
-            	}(_BlotSpec3.default);
+              return UnclickableBlotSpec;
+            }(_BlotSpec3.default);
 
-            	UnclickableBlotSpec.default = UnclickableBlotSpec$1;
-            	return UnclickableBlotSpec;
-            }
+            UnclickableBlotSpec$1.default = UnclickableBlotSpec;
 
             var hasRequiredIframeVideoSpec;
 
@@ -19710,7 +19829,7 @@
             	  value: true
             	});
 
-            	var _UnclickableBlotSpec2 = requireUnclickableBlotSpec();
+            	var _UnclickableBlotSpec2 = UnclickableBlotSpec$1;
 
             	var _UnclickableBlotSpec3 = _interopRequireDefault(_UnclickableBlotSpec2);
 
@@ -19937,7 +20056,7 @@
             	  }
             	});
 
-            	var _UnclickableBlotSpec = requireUnclickableBlotSpec();
+            	var _UnclickableBlotSpec = UnclickableBlotSpec$1;
 
             	Object.defineProperty(exports, 'UnclickableBlotSpec', {
             	  enumerable: true,
@@ -19960,132 +20079,135 @@
 
             var BlotFormatter = /*@__PURE__*/getDefaultExportFromCjs(dist);
 
-            const MoreToolbar = vue.defineComponent({
-                name: 'MoreToolbar',
-                props: {
-                    editorKey: {
-                        type: String,
-                        required: true,
-                    },
-                    toolbarStyle: {
-                        type: Object,
-                        default: () => ({}),
-                    },
-                    showMoreToolbar: {
-                        type: Boolean,
-                        default: false,
-                    },
-                },
-                emits: ['toolClick'],
-                setup(props, { emit }) {
-                    return () => vue.h('div', {
-                        id: 'toolbar-' + props.editorKey,
-                        dataC: props.showMoreToolbar,
-                        style: {
-                            ...props.toolbarStyle
+            function useBlotFormatter(editor) {
+                const quillRef = vue.ref(null);
+                const removeQuillBlotFormatter = () => {
+                    var _a;
+                    try {
+                        const blotFormatter = (_a = quillRef.value) === null || _a === void 0 ? void 0 : _a.getModule('blotFormatter');
+                        if (blotFormatter && blotFormatter.overlay) {
+                            const overlay = blotFormatter.overlay;
+                            if (overlay.parentNode) {
+                                overlay.parentNode.removeChild(overlay);
+                            }
                         }
-                    }, [
-                        vue.h('div', {
-                            class: {
-                                'short-tools': true,
-                                'collapse': props.showMoreToolbar
+                    }
+                    catch (error) {
+                        console.warn('移除blotFormatter overlay时出错:', error);
+                    }
+                };
+                const handleGlobalClick = (event) => {
+                    var _a;
+                    if (!editor.value)
+                        return;
+                    const blotFormatter = (_a = quillRef.value) === null || _a === void 0 ? void 0 : _a.getModule('blotFormatter');
+                    if (!blotFormatter || !blotFormatter.overlay)
+                        return;
+                    const isClickInsideEditor = editor.value.contains(event.target);
+                    if (!isClickInsideEditor) {
+                        removeQuillBlotFormatter();
+                    }
+                };
+                const handleGlobalKeyup = (event) => {
+                    var _a;
+                    if (event.keyCode !== 46 && event.keyCode !== 8)
+                        return;
+                    const blotFormatter = (_a = quillRef.value) === null || _a === void 0 ? void 0 : _a.getModule('blotFormatter');
+                    if (!blotFormatter || !blotFormatter.currentSpec)
+                        return;
+                    const target = event.target;
+                    if (!editor.value || !editor.value.contains(target)) {
+                        event.stopImmediatePropagation();
+                        event.preventDefault();
+                        return;
+                    }
+                    const allEditors = document.querySelectorAll('.quill-editor-container');
+                    allEditors.forEach(editorElement => {
+                        if (editorElement !== editor.value) {
+                            const otherQuill = editorElement.__quill;
+                            if (otherQuill && otherQuill !== quillRef.value) {
+                                const otherBlotFormatter = otherQuill.getModule('blotFormatter');
+                                if (otherBlotFormatter && otherBlotFormatter.currentSpec) {
+                                    otherBlotFormatter.hide();
+                                }
                             }
-                        }, [
-                            vue.h('span', { class: 'ql-formats' }, [
-                                vue.h('button', {
-                                    class: 'ql-bold',
-                                    type: 'button',
-                                }, ''),
-                                vue.h('button', {
-                                    class: 'ql-italic',
-                                    type: 'button'
-                                }, ''),
-                                vue.h('button', {
-                                    class: 'ql-underline',
-                                    type: 'button'
-                                }, '')
-                            ]),
-                            vue.h('span', { class: 'ql-formats' }, [
-                                vue.h('select', {
-                                    class: 'ql-color ql-picker ql-color-picker',
-                                    type: 'button'
-                                }, [
-                                    vue.h('span', { class: 'ql-picker-label' }, ''),
-                                    vue.h('div', { class: 'ql-picker-options' })
-                                ]),
-                            ]),
-                            vue.h('span', { class: 'ql-formats' }, [
-                                vue.h('button', {
-                                    class: 'ql-link',
-                                    type: 'button'
-                                }, '')
-                            ]),
-                            vue.h('span', { class: 'ql-formats' }, [
-                                vue.h('button', {
-                                    class: `ql-more mr-0 ${props.showMoreToolbar ? 'ql-active' : ''}`,
-                                    type: 'button',
-                                    onClick: () => emit('toolClick', 'more')
-                                }, '')
-                            ])
-                        ]),
-                        vue.h('div', {
-                            class: {
-                                "more-tools": true,
-                                "collapse": props.showMoreToolbar
-                            }, style: { display: props.showMoreToolbar ? 'block' : 'none' }
-                        }, [
-                            vue.h('div', { class: "more-tools-item" }, [
-                                vue.h('span', { class: 'ql-formats' }, [
-                                    vue.h('button', {
-                                        class: 'ql-list',
-                                        value: 'ordered',
-                                        type: 'button'
-                                    }, ''),
-                                    vue.h('button', {
-                                        class: 'ql-list',
-                                        value: 'bullet',
-                                        type: 'button'
-                                    }, '')
-                                ]),
-                                vue.h('span', { class: 'ql-formats' }, [
-                                    vue.h('button', {
-                                        class: 'ql-image',
-                                        type: 'button'
-                                    }, '')
-                                ]),
-                                vue.h('span', { class: 'ql-formats' }, [
-                                    vue.h('button', {
-                                        class: 'ql-undo',
-                                        type: 'button',
-                                        onClick: () => emit('toolClick', 'undo')
-                                    }, ''),
-                                    vue.h('button', {
-                                        class: 'ql-redo',
-                                        type: 'button',
-                                        onClick: () => emit('toolClick', 'redo')
-                                    }, '')
-                                ]),
-                                vue.h('span', { class: 'ql-formats' }, [
-                                    vue.h('button', {
-                                        class: 'ql-math mr-0',
-                                        type: 'button',
-                                        onClick: () => emit('toolClick', 'math')
-                                    }, '')
-                                ])
-                            ]),
-                            vue.h('div', {}, [
-                                vue.h('span', { class: 'ql-formats' }, [
-                                    vue.h('button', {
-                                        class: 'ql-ocr',
-                                        type: 'button',
-                                        onClick: () => emit('toolClick', 'ocr')
-                                    }, '')
-                                ])
-                            ])
-                        ])
-                    ]);
-                }
-            });
+                        }
+                    });
+                };
+                const configureBlotFormatter = () => {
+                    if (!quillRef.value)
+                        return;
+                    const blotFormatter = quillRef.value.getModule('blotFormatter');
+                    if (blotFormatter) {
+                        const originalShow = blotFormatter.show.bind(blotFormatter);
+                        blotFormatter.show = function (spec) {
+                            var _a;
+                            originalShow(spec);
+                            const target = (_a = this.currentSpec) === null || _a === void 0 ? void 0 : _a.getTargetElement();
+                            if (target && target.tagName === 'IMG') {
+                                target.style.maxWidth = '100%';
+                                target.style.height = 'auto';
+                                target.style.objectFit = 'contain';
+                                const width = target.getAttribute('width');
+                                if (width) {
+                                    const naturalWidth = target.naturalWidth;
+                                    const naturalHeight = target.naturalHeight;
+                                    if (naturalWidth && naturalHeight) {
+                                        const aspectRatio = naturalHeight / naturalWidth;
+                                        const newHeight = Math.round(parseInt(width) * aspectRatio);
+                                        target.setAttribute('height', '' + newHeight);
+                                    }
+                                }
+                            }
+                        };
+                    }
+                };
+                const applyImageStyle = () => {
+                    var _a;
+                    if (!quillRef.value)
+                        return;
+                    const editorElement = (_a = editor.value) === null || _a === void 0 ? void 0 : _a.querySelector('.ql-editor');
+                    if (editorElement) {
+                        const images = editorElement.querySelectorAll('img');
+                        images.forEach(img => {
+                            img.style.maxWidth = '100%';
+                            img.style.height = 'auto';
+                            img.style.objectFit = 'contain';
+                        });
+                    }
+                };
+                const registerBlotFormatter = () => {
+                    Quill.register('modules/blotFormatter', BlotFormatter);
+                };
+                const getBlotFormatterConfig = () => {
+                    return {
+                        blotFormatter: true
+                    };
+                };
+                vue.onMounted(() => {
+                    window.addEventListener('click', handleGlobalClick, true);
+                    window.addEventListener('keyup', handleGlobalKeyup, true);
+                });
+                vue.onBeforeUnmount(() => {
+                    window.removeEventListener('click', handleGlobalClick, true);
+                    window.removeEventListener('keyup', handleGlobalKeyup, true);
+                    removeQuillBlotFormatter();
+                });
+                const setQuill = (quillInstance) => {
+                    quillRef.value = quillInstance;
+                };
+                return {
+                    quillRef,
+                    setQuill,
+                    removeQuillBlotFormatter,
+                    handleGlobalClick,
+                    handleGlobalKeyup,
+                    configureBlotFormatter,
+                    applyImageStyle,
+                    registerBlotFormatter,
+                    getBlotFormatterConfig
+                };
+            }
 
             const boldSVG = `<svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" fill="none" version="1.1" width="18" height="18" viewBox="0 0 18 18"><g><g style="opacity:0;"><rect x="0" y="0" width="18" height="18" rx="0" fill="#FFFFFF" fill-opacity="1"/></g><g><path d="M6.794999938146972,7.7800002288818355L9.045000038146974,7.7800002288818355Q9.855000038146972,7.7800002288818355,10.230000038146972,7.442500128881836Q10.605000038146972,7.105000028881836,10.605000038146972,6.505000128881836Q10.605000038146972,6.114999728881836,10.440000038146973,5.860000628881836Q10.275000138146972,5.6050005288818365,9.929999838146973,5.470000228881836Q9.585000038146973,5.335000028881836,9.045000038146974,5.335000028881836L7.139999938146973,5.335000028881836L7.139999938146973,3.385000228881836L9.045000038146974,3.385000228881836Q10.034999838146973,3.385000228881836,10.852499938146973,3.797500608881836Q11.670000038146974,4.2100000388818355,12.142499938146972,4.922500628881836Q12.614999738146974,5.635000228881836,12.614999738146974,6.505000128881836Q12.614999738146974,7.375000028881836,12.142499938146972,8.042500028881836Q11.670000038146974,8.710000028881836,10.860000138146972,9.070000128881837Q10.050000238146973,9.430000328881835,9.045000038146974,9.430000328881835L6.794999938146972,9.430000328881835L6.794999938146972,7.7800002288818355ZM7.139999938146973,12.550000228881835L9.329999938146972,12.550000228881835Q9.900000138146972,12.550000228881835,10.327499838146974,12.354999528881836Q10.755000138146972,12.159999828881835,10.987500238146973,11.807499928881835Q11.219999838146972,11.454999928881836,11.219999838146972,11.020000428881836Q11.219999838146972,10.600000428881836,10.987500238146973,10.232500028881836Q10.755000138146972,9.864999728881836,10.327499838146974,9.647500028881836Q9.900000138146972,9.430000328881835,9.329999938146972,9.430000328881835L6.975000038146972,9.430000328881835L6.975000038146972,7.7800002288818355L9.329999938146972,7.7800002288818355Q10.349999938146972,7.7800002288818355,11.250000038146972,8.200000328881835Q12.149999638146973,8.620000328881837,12.690000538146972,9.362500228881835Q13.229999538146973,10.104999528881836,13.229999538146973,11.034999828881837Q13.229999538146973,11.949999828881836,12.690000538146972,12.752500528881836Q12.149999638146973,13.555000228881836,11.250000038146972,14.027500228881836Q10.349999938146972,14.500000228881836,9.329999938146972,14.500000228881836L7.139999938146973,14.500000228881836L7.139999938146973,12.550000228881835ZM7.064999938146973,14.500000228881836Q6.284999968146972,14.500000228881836,5.872500058146973,14.095000228881837Q5.460000038146973,13.689999228881836,5.460000038146973,12.895000428881836L5.460000038146973,4.989999728881836Q5.460000038146973,4.195000648881836,5.872500058146973,3.789999958881836Q6.284999968146972,3.385000228881836,7.064999938146973,3.385000228881836L7.469999838146973,3.385000228881836L7.469999838146973,14.500000228881836L7.064999938146973,14.500000228881836Z" fill="#555555" fill-opacity="1"/></g></g></svg>`;
             const italicSVG = `<svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" fill="none" version="1.1" width="18" height="18" viewBox="0 0 18 18"><g><g style="opacity:0;"><rect x="0" y="0" width="18" height="18" rx="0" fill="#FFFFFF" fill-opacity="1"/></g><g><path d="M8,3Q7.9015086,3,7.8049095,3.019214718Q7.7083106,3.038429435,7.6173165,3.076120459Q7.5263224,3.11381148,7.4444296,3.16853037Q7.3625371,3.2232492600000002,7.2928932,3.2928932Q7.2232492,3.36253715,7.1685302,3.4444297600000002Q7.1138113999999995,3.52632231,7.0761204,3.61731648Q7.0384293,3.70831072,7.0192146,3.80490965Q6.99999994,3.90150857,7,4Q6.99999994,4.0984913,7.0192146,4.1950902Q7.0384293,4.291689,7.0761204,4.3826833Q7.1138113999999995,4.4736774,7.1685302,4.5555699Q7.2232492,4.6374626,7.2928932,4.7071065999999995Q7.3625371,4.7767504,7.4444296,4.8314693Q7.5263224,4.8861883,7.6173165,4.9238794Q7.7083106,4.9615704,7.8049096,4.9807851Q7.9015086,4.9999999,8,5L9.137146,5L8,13L7,13Q6.90150857,13,6.80490965,13.019215Q6.70831072,13.038429,6.6173164799999995,13.07612Q6.52632231,13.113811,6.44442973,13.16853Q6.36253715,13.223249,6.2928932,13.292892Q6.22324926,13.362536,6.16853037,13.444429Q6.11381148,13.526321,6.076120459,13.617315Q6.038429435,13.708309,6.019214718,13.804909Q6,13.901508,6,14Q6,14.098491,6.019214718,14.195089Q6.038429435,14.291689,6.076120459,14.382683Q6.11381148,14.473677,6.16853037,14.555569Q6.22324926,14.637462,6.2928932,14.707106Q6.36253715,14.77675,6.44442976,14.831469Q6.52632231,14.886187,6.6173164799999995,14.923878Q6.70831072,14.961569,6.80490965,14.980784Q6.90150857,15,7,15L11,15Q11.0984912,15,11.1950898,14.980784Q11.2916889,14.961569,11.382682800000001,14.923878Q11.473677200000001,14.886187,11.5555696,14.831469Q11.6374626,14.77675,11.7071066,14.707106Q11.7767506,14.637462,11.8314691,14.555569Q11.8861876,14.473677,11.9238791,14.382683Q11.9615698,14.291689,11.9807849,14.195089Q12,14.098491,12,14Q12,13.901508,11.9807849,13.804909Q11.9615698,13.708309,11.9238791,13.617315Q11.8861876,13.526321,11.8314691,13.444428Q11.7767506,13.362536,11.7071066,13.292892Q11.6374626,13.223249,11.5555701,13.16853Q11.473677200000001,13.113811,11.382682800000001,13.07612Q11.2916889,13.038429,11.1950903,13.019215Q11.0984912,13,11,13L9.8626451,13L11,5L12,5Q12.0984907,4.9999999,12.1950893,4.9807851Q12.2916884,4.9615703,12.382682800000001,4.9238793Q12.4736767,4.8861883,12.5555696,4.8314693Q12.6374621,4.7767504,12.7071061,4.7071065999999995Q12.776750100000001,4.6374626,12.831468600000001,4.5555699Q12.8861876,4.4736774,12.9238787,4.3826833Q12.9615698,4.291689,12.9807849,4.1950902Q12.999999500000001,4.0984913,13,4Q12.999999500000001,3.90150857,12.980784400000001,3.80490965Q12.9615698,3.70831072,12.9238787,3.61731648Q12.8861876,3.52632231,12.8314691,3.44442973Q12.7767506,3.36253715,12.7071066,3.2928932Q12.6374626,3.2232492600000002,12.5555696,3.16853037Q12.4736767,3.11381148,12.382682800000001,3.076120459Q12.2916884,3.038429435,12.1950898,3.019214718Q12.0984907,3,12,3L8,3Z" fill-rule="evenodd" fill="#555555" fill-opacity="1"/></g></g></svg>`;
@@ -20094,8 +20216,8 @@
             const linkSVG = `<svg t="1756107950494" class="icon" viewBox="0 0 1024 1024" version="1.1" xmlns="http://www.w3.org/2000/svg" p-id="11245" width="18" height="18" style="padding:1px"><path d="M292.693333 564.906667L123.477333 395.648q-55.296-55.338667-54.272-134.4 1.066667-78.336 57.088-134.357333Q182.186667 70.912 260.608 69.845333q79.061333-1.066667 134.4 54.272l194.944 194.986667a40.533333 40.533333 0 0 1 0.938667 0.938667q54.4 55.04 53.333333 133.461333-1.066667 78.336-57.045333 134.357333a42.666667 42.666667 0 1 1-60.330667-60.330666q31.445333-31.488 32.042667-75.178667 0.597333-43.050667-29.269334-72.874667a44.458667 44.458667 0 0 1-0.853333-0.896l-194.133333-194.133333q-72.618667-72.618667-148.053334 2.773333-31.488 31.488-32.085333 75.178667-0.554667 43.050667 29.269333 72.874667l169.258667 169.301333a42.666667 42.666667 0 1 1-60.288 60.330667z m202.538667-69.674667a42.666667 42.666667 0 0 0-60.330667-60.373333q-55.978667 56.021333-57.045333 134.4-1.066667 79.018667 54.272 134.357333a40.362667 40.362667 0 0 0 0.981333 0.938667l1.706667 1.877333 194.986667 194.986667q55.338667 55.296 134.4 54.229333 78.336-1.066667 134.357333-57.045333 55.978667-56.021333 57.045333-134.4 1.066667-79.018667-54.272-134.357334l-169.258666-169.258666a42.666667 42.666667 0 1 0-60.373334 60.330666l169.301334 169.301334q29.866667 29.866667 29.269333 72.874666-0.597333 43.690667-32.042667 75.178667-31.488 31.445333-75.178666 32.042667-43.050667 0.597333-72.874667-29.269334l-194.986667-194.986666a39.68 39.68 0 0 0-0.981333-0.938667 43.52 43.52 0 0 0-1.749333-1.834667q-29.866667-29.866667-29.269334-72.917333 0.554667-43.690667 32.042667-75.136z" p-id="11246" fill="#555555"></path></svg>`;
             const undoSVG = `<svg t="1756107888940" class="icon" viewBox="0 0 1024 1024" version="1.1" xmlns="http://www.w3.org/2000/svg" p-id="10819" width="18" height="18"><path d="M220.086857 374.893714l102.473143 102.473143c10.605714 10.642286 28.818286 3.108571 28.818286-11.922286v-77.275428h261.851428l8.009143 0.146286c98.048 3.364571 169.216 68.754286 169.216 160.182857 0 93.952-75.044571 160.365714-177.225143 160.365714H241.883429l-3.437715 0.256a25.307429 25.307429 0 0 0 3.437715 50.395429h371.346285l8.374857-0.146286c124.708571-3.657143 219.501714-90.148571 219.501715-210.834286 0-123.392-99.035429-211.017143-227.876572-211.017143h-261.851428V260.498286a16.896 16.896 0 0 0-28.818286-11.922286L220.086857 351.049143a16.896 16.896 0 0 0 0 23.844571z" p-id="10820" fill="#555555"></path></svg>`;
             const redoSVG = `<svg t="1756107908999" class="icon" viewBox="0 0 1024 1024" version="1.1" xmlns="http://www.w3.org/2000/svg" p-id="11032" width="18" height="18"><path d="M836.205714 374.893714l-102.473143 102.473143a16.896 16.896 0 0 1-28.818285-11.922286v-77.275428h-261.851429l-8.045714 0.146286c-98.011429 3.364571-169.179429 68.754286-169.179429 160.182857 0 93.952 75.044571 160.365714 177.225143 160.365714h371.346286l3.437714 0.256a25.307429 25.307429 0 0 1-3.437714 50.395429H443.062857l-8.374857-0.146286c-124.708571-3.657143-219.501714-90.148571-219.501714-210.834286 0-123.392 99.035429-211.017143 227.84-211.017143h261.888V260.498286c0-15.030857 18.176-22.564571 28.818285-11.922286l102.473143 102.473143c6.582857 6.582857 6.582857 17.261714 0 23.844571z" p-id="11033" fill="#555555"></path></svg>`;
-            const ocrSVG = `<svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" fill="none" version="1.1" width="15" height="15" viewBox="0 0 18 18"><g><g style="opacity:0;"><rect x="0" y="0" width="18" height="18" rx="0" fill="#FFFFFF" fill-opacity="1"/></g><g><path d="M3.0000245140625,2.6000244140625L5.5000243140625,2.6000244140625C5.8313951140625,2.6000244140625,6.1000242140625,2.3313953240625,6.1000242140625,2.0000244340625C6.1000242140625,1.6686535440624999,5.8313951140625,1.4000244140625,5.5000243140625,1.4000244140625L3.0000245140625,1.4000244140625Q2.3372827740625,1.4000244140625,1.8686535940625,1.8686535940625Q1.4000244140625,2.3372827740625,1.4000244140625,3.0000245140625L1.4000244140625,5.5000243140625C1.4000244140625,5.8313951140625,1.6686535440624999,6.1000242140625,2.0000244340625,6.1000242140625C2.3313953240625,6.1000242140625,2.6000244140625,5.8313951140625,2.6000244140625,5.5000243140625L2.6000244140625,3.0000245140625Q2.6000244140625,2.6000244140625,3.0000245140625,2.6000244140625ZM12.5000244140625,1.4000244140625L15.0000244140625,1.4000244140625Q15.6627664140625,1.4000244140625,16.1313954140625,1.8686538940625Q16.6000244140625,2.3372834940625,16.6000244140625,3.0000245140625L16.6000244140625,5.5000243140625C16.6000244140625,5.6591539140625,16.5368104140625,5.8117661140625,16.424288414062502,5.9242883140625C16.3117674140625,6.0368099140625,16.1591544140625,6.1000242140625,16.0000244140625,6.1000242140625C15.6686534140625,6.1000242140625,15.4000244140625,5.8313951140625,15.4000244140625,5.5000243140625L15.4000234140625,3.0000245140625Q15.4000234140625,2.6000244140625,15.0000244140625,2.6000244140625L12.5000244140625,2.6000244140625C12.1686534140625,2.6000244140625,11.9000244140625,2.3313953240625,11.9000244140625,2.0000244340625C11.9000244140625,1.6686535440624999,12.1686534140625,1.4000244140625,12.5000244140625,1.4000244140625ZM8.6239776140625,6.4719930140625C8.5439777140625,6.1512432140625,8.3999777140625,5.7421179140625,8.2479777140625,5.4212432140625L9.4959774140625,5.052368214062501C9.6959782140625,5.4293680140625,9.9199772140625,5.9346180140625,9.9999771140625,6.2714929140625L9.3519778140625,6.4719930140625L12.7119784140625,6.4719930140625L12.7119784140625,7.6079931140625L11.5039774140625,7.6079931140625C11.1279774140625,8.6968679140625,10.6159782140625,9.6014929140625,9.9599781140625,10.3461180140625C10.7599773140625,10.9224930140625,11.7279774140625,11.3468685140625,12.8879774140625,11.6029934140625C12.6239774140625,11.8592434140625,12.2799774140625,12.3716184140625,12.1039784140625,12.6918684140625C10.8719778140625,12.3716184140625,9.8719778140625,11.8752434140625,9.0479779140625,11.2107429140625C8.175977714062501,11.8992434140625,7.1199779140625,12.4036184140625,5.8559775140625,12.7558684140625C5.7279777140625,12.4757434140625,5.3759775140625,11.9312434140625,5.1519775140625,11.6591184140625C6.3759775140625,11.3868685140625,7.3839779140625,10.9706182140625,8.1839781140625,10.3781185140625C7.5199776140625,9.6094932140625,7.0079775140625,8.6888685140625,6.5919776140625,7.6079931140625L5.3279776140625,7.6079931140625L5.3279776140625,6.4719930140625L8.6239776140625,6.4719930140625ZM7.7999778140625,7.6079931140625C8.1119776140625,8.344617814062499,8.5359778140625,9.0011186140625,9.0719776140625,9.5694933140625C9.5439777140625,9.0251179140625,9.9199772140625,8.3766184140625,10.1919784140625,7.6079931140625L7.7999778140625,7.6079931140625ZM2.6000244140625,12.5000244140625L2.6000244140625,15.0000244140625Q2.6000244140625,15.4000234140625,3.0000245140625,15.4000234140625L5.5000243140625,15.4000234140625C5.8313951140625,15.4000244140625,6.1000242140625,15.6686534140625,6.1000242140625,16.0000244140625C6.1000242140625,16.3313964140625,5.8313951140625,16.6000254140625,5.5000243140625,16.6000254140625L5.4989548140625,16.6000244140625L3.0000245140625,16.6000244140625Q2.3372834940625,16.6000244140625,1.8686538940625,16.1313954140625Q1.4000244140625,15.6627664140625,1.4000244140625,15.0000244140625L1.4000244140625,12.5000244140625C1.4000244140625,12.1686534140625,1.6686535440624999,11.9000244140625,2.0000244340625,11.9000244140625C2.3313953240625,11.9000244140625,2.6000244140625,12.1686534140625,2.6000244140625,12.5000244140625ZM16.6000244140625,12.5010944140625L16.6000244140625,15.0000244140625Q16.6000244140625,15.6627654140625,16.1313954140625,16.1313954140625Q15.6627654140625,16.6000244140625,15.0000244140625,16.6000244140625L12.5000244140625,16.6000244140625C12.3408944140625,16.6000244140625,12.1882824140625,16.5368104140625,12.0757594140625,16.424288414062502C11.9632384140625,16.3117664140625,11.9000244140625,16.1591544140625,11.9000244140625,16.0000244140625C11.9000244140625,15.6686534140625,12.1686534140625,15.4000244140625,12.5000244140625,15.4000244140625L15.0000244140625,15.4000234140625Q15.4000234140625,15.4000234140625,15.4000234140625,15.0000244140625L15.4000234140625,12.5000244140625C15.4000244140625,12.1686534140625,15.6686534140625,11.9000244140625,16.0000244140625,11.9000244140625C16.3313964140625,11.9000244140625,16.6000254140625,12.1686534140625,16.6000254140625,12.5000244140625L16.6000244140625,12.5010944140625Z" fill-rule="evenodd" fill="#555555" fill-opacity="1"/></g></g></svg>`;
-            const mathSVG = `<svg t="1756107836493" class="icon" viewBox="0 0 1024 1024" version="1.1" xmlns="http://www.w3.org/2000/svg" p-id="10608" width="15" height="15"><path d="M877.454222 856.177778q4.835556-4.835556 7.395556-11.093334 2.616889-6.257778 2.616889-13.084444 0-3.413333-0.625778-6.656-0.682667-3.299556-1.991111-6.428444-1.251556-3.072-3.128889-5.859556-1.877333-2.844444-4.266667-5.176889-2.332444-2.389333-5.12-4.266667-2.844444-1.877333-5.916444-3.128888-3.128889-1.308444-6.428445-1.934223-3.299556-0.682667-6.656-0.682666-6.826667 0-13.084444 2.616889-6.257778 2.56-11.036445 7.395555l-54.044444 53.987556H253.155556l325.688888-325.745778q2.389333-2.389333 4.266667-5.12 1.877333-2.844444 3.128889-5.916445 1.308444-3.128889 1.934222-6.428444 0.682667-3.299556 0.682667-6.656 0-3.413333-0.682667-6.656-0.625778-3.299556-1.934222-6.428444-1.251556-3.072-3.128889-5.859556-1.877333-2.844444-4.266667-5.176889L253.155556 162.133333h522.126222l53.930666 53.987556q4.835556 4.835556 11.093334 7.395555 6.257778 2.616889 13.084444 2.616889 3.413333 0 6.656-0.682666 3.299556-0.625778 6.428445-1.934223 3.072-1.251556 5.859555-3.128888 2.844444-1.877333 5.176889-4.266667 2.389333-2.389333 4.266667-5.12 1.877333-2.844444 3.128889-5.916445 1.308444-3.128889 1.934222-6.428444 0.682667-3.299556 0.682667-6.656 0-6.826667-2.616889-13.084444-2.56-6.257778-7.395556-11.036445l-64-64q-4.778667-4.835556-11.036444-7.395555-6.257778-2.616889-13.084445-2.616889H170.666667q-6.826667 0-13.084445 2.616889-6.257778 2.56-11.036444 7.395555-2.389333 2.389333-4.266667 5.12-1.877333 2.844444-3.128889 5.916445-1.308444 3.128889-1.934222 6.428444-0.682667 3.299556-0.682667 6.656 0 3.413333 0.682667 6.656 0.625778 3.299556 1.934222 6.428444 1.251556 3.072 3.128889 5.859556 1.877333 2.844444 4.266667 5.176889L506.311111 512l-359.822222 359.879111q-4.835556 4.778667-7.395556 11.036445-2.616889 6.257778-2.616889 13.084444 0 3.413333 0.682667 6.656 0.625778 3.299556 1.934222 6.428444 1.251556 3.072 3.128889 5.859556 1.877333 2.844444 4.266667 5.176889 2.389333 2.389333 5.12 4.266667 2.844444 1.877333 5.916444 3.128888 3.128889 1.308444 6.428445 1.991112 3.299556 0.625778 6.656 0.625777h618.666666q6.826667 0 13.084445-2.616889 6.257778-2.56 11.036444-7.395555l64-63.943111z" p-id="10609" fill="#555555"></path></svg>`;
+            const ocrSVG = `<svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" fill="none" version="1.1" width="16" height="15" viewBox="0 0 18 18"><g><g style="opacity:0;"><rect x="0" y="0" width="18" height="18" rx="0" fill="#FFFFFF" fill-opacity="1"/></g><g><path d="M3.0000245140625,2.6000244140625L5.5000243140625,2.6000244140625C5.8313951140625,2.6000244140625,6.1000242140625,2.3313953240625,6.1000242140625,2.0000244340625C6.1000242140625,1.6686535440624999,5.8313951140625,1.4000244140625,5.5000243140625,1.4000244140625L3.0000245140625,1.4000244140625Q2.3372827740625,1.4000244140625,1.8686535940625,1.8686535940625Q1.4000244140625,2.3372827740625,1.4000244140625,3.0000245140625L1.4000244140625,5.5000243140625C1.4000244140625,5.8313951140625,1.6686535440624999,6.1000242140625,2.0000244340625,6.1000242140625C2.3313953240625,6.1000242140625,2.6000244140625,5.8313951140625,2.6000244140625,5.5000243140625L2.6000244140625,3.0000245140625Q2.6000244140625,2.6000244140625,3.0000245140625,2.6000244140625ZM12.5000244140625,1.4000244140625L15.0000244140625,1.4000244140625Q15.6627664140625,1.4000244140625,16.1313954140625,1.8686538940625Q16.6000244140625,2.3372834940625,16.6000244140625,3.0000245140625L16.6000244140625,5.5000243140625C16.6000244140625,5.6591539140625,16.5368104140625,5.8117661140625,16.424288414062502,5.9242883140625C16.3117674140625,6.0368099140625,16.1591544140625,6.1000242140625,16.0000244140625,6.1000242140625C15.6686534140625,6.1000242140625,15.4000244140625,5.8313951140625,15.4000244140625,5.5000243140625L15.4000234140625,3.0000245140625Q15.4000234140625,2.6000244140625,15.0000244140625,2.6000244140625L12.5000244140625,2.6000244140625C12.1686534140625,2.6000244140625,11.9000244140625,2.3313953240625,11.9000244140625,2.0000244340625C11.9000244140625,1.6686535440624999,12.1686534140625,1.4000244140625,12.5000244140625,1.4000244140625ZM8.6239776140625,6.4719930140625C8.5439777140625,6.1512432140625,8.3999777140625,5.7421179140625,8.2479777140625,5.4212432140625L9.4959774140625,5.052368214062501C9.6959782140625,5.4293680140625,9.9199772140625,5.9346180140625,9.9999771140625,6.2714929140625L9.3519778140625,6.4719930140625L12.7119784140625,6.4719930140625L12.7119784140625,7.6079931140625L11.5039774140625,7.6079931140625C11.1279774140625,8.6968679140625,10.6159782140625,9.6014929140625,9.9599781140625,10.3461180140625C10.7599773140625,10.9224930140625,11.7279774140625,11.3468685140625,12.8879774140625,11.6029934140625C12.6239774140625,11.8592434140625,12.2799774140625,12.3716184140625,12.1039784140625,12.6918684140625C10.8719778140625,12.3716184140625,9.8719778140625,11.8752434140625,9.0479779140625,11.2107429140625C8.175977714062501,11.8992434140625,7.1199779140625,12.4036184140625,5.8559775140625,12.7558684140625C5.7279777140625,12.4757434140625,5.3759775140625,11.9312434140625,5.1519775140625,11.6591184140625C6.3759775140625,11.3868685140625,7.3839779140625,10.9706182140625,8.1839781140625,10.3781185140625C7.5199776140625,9.6094932140625,7.0079775140625,8.6888685140625,6.5919776140625,7.6079931140625L5.3279776140625,7.6079931140625L5.3279776140625,6.4719930140625L8.6239776140625,6.4719930140625ZM7.7999778140625,7.6079931140625C8.1119776140625,8.344617814062499,8.5359778140625,9.0011186140625,9.0719776140625,9.5694933140625C9.5439777140625,9.0251179140625,9.9199772140625,8.3766184140625,10.1919784140625,7.6079931140625L7.7999778140625,7.6079931140625ZM2.6000244140625,12.5000244140625L2.6000244140625,15.0000244140625Q2.6000244140625,15.4000234140625,3.0000245140625,15.4000234140625L5.5000243140625,15.4000234140625C5.8313951140625,15.4000244140625,6.1000242140625,15.6686534140625,6.1000242140625,16.0000244140625C6.1000242140625,16.3313964140625,5.8313951140625,16.6000254140625,5.5000243140625,16.6000254140625L5.4989548140625,16.6000244140625L3.0000245140625,16.6000244140625Q2.3372834940625,16.6000244140625,1.8686538940625,16.1313954140625Q1.4000244140625,15.6627664140625,1.4000244140625,15.0000244140625L1.4000244140625,12.5000244140625C1.4000244140625,12.1686534140625,1.6686535440624999,11.9000244140625,2.0000244340625,11.9000244140625C2.3313953240625,11.9000244140625,2.6000244140625,12.1686534140625,2.6000244140625,12.5000244140625ZM16.6000244140625,12.5010944140625L16.6000244140625,15.0000244140625Q16.6000244140625,15.6627654140625,16.1313954140625,16.1313954140625Q15.6627654140625,16.6000244140625,15.0000244140625,16.6000244140625L12.5000244140625,16.6000244140625C12.3408944140625,16.6000244140625,12.1882824140625,16.5368104140625,12.0757594140625,16.424288414062502C11.9632384140625,16.3117664140625,11.9000244140625,16.1591544140625,11.9000244140625,16.0000244140625C11.9000244140625,15.6686534140625,12.1686534140625,15.4000244140625,12.5000244140625,15.4000244140625L15.0000244140625,15.4000234140625Q15.4000234140625,15.4000234140625,15.4000234140625,15.0000244140625L15.4000234140625,12.5000244140625C15.4000244140625,12.1686534140625,15.6686534140625,11.9000244140625,16.0000244140625,11.9000244140625C16.3313964140625,11.9000244140625,16.6000254140625,12.1686534140625,16.6000254140625,12.5000244140625L16.6000244140625,12.5010944140625Z" fill-rule="evenodd" fill="#555555" fill-opacity="1"/></g></g></svg>`;
+            const mathSVG = `<svg t="1756107836493" class="icon" viewBox="0 0 1024 1024" version="1.1" xmlns="http://www.w3.org/2000/svg" p-id="10608" width="16" height="15"><path d="M877.454222 856.177778q4.835556-4.835556 7.395556-11.093334 2.616889-6.257778 2.616889-13.084444 0-3.413333-0.625778-6.656-0.682667-3.299556-1.991111-6.428444-1.251556-3.072-3.128889-5.859556-1.877333-2.844444-4.266667-5.176889-2.332444-2.389333-5.12-4.266667-2.844444-1.877333-5.916444-3.128888-3.128889-1.308444-6.428445-1.934223-3.299556-0.682667-6.656-0.682666-6.826667 0-13.084444 2.616889-6.257778 2.56-11.036445 7.395555l-54.044444 53.987556H253.155556l325.688888-325.745778q2.389333-2.389333 4.266667-5.12 1.877333-2.844444 3.128889-5.916445 1.308444-3.128889 1.934222-6.428444 0.682667-3.299556 0.682667-6.656 0-3.413333-0.682667-6.656-0.625778-3.299556-1.934222-6.428444-1.251556-3.072-3.128889-5.859556-1.877333-2.844444-4.266667-5.176889L253.155556 162.133333h522.126222l53.930666 53.987556q4.835556 4.835556 11.093334 7.395555 6.257778 2.616889 13.084444 2.616889 3.413333 0 6.656-0.682666 3.299556-0.625778 6.428445-1.934223 3.072-1.251556 5.859555-3.128888 2.844444-1.877333 5.176889-4.266667 2.389333-2.389333 4.266667-5.12 1.877333-2.844444 3.128889-5.916445 1.308444-3.128889 1.934222-6.428444 0.682667-3.299556 0.682667-6.656 0-6.826667-2.616889-13.084444-2.56-6.257778-7.395556-11.036445l-64-64q-4.778667-4.835556-11.036444-7.395555-6.257778-2.616889-13.084445-2.616889H170.666667q-6.826667 0-13.084445 2.616889-6.257778 2.56-11.036444 7.395555-2.389333 2.389333-4.266667 5.12-1.877333 2.844444-3.128889 5.916445-1.308444 3.128889-1.934222 6.428444-0.682667 3.299556-0.682667 6.656 0 3.413333 0.682667 6.656 0.625778 3.299556 1.934222 6.428444 1.251556 3.072 3.128889 5.859556 1.877333 2.844444 4.266667 5.176889L506.311111 512l-359.822222 359.879111q-4.835556 4.778667-7.395556 11.036445-2.616889 6.257778-2.616889 13.084444 0 3.413333 0.682667 6.656 0.625778 3.299556 1.934222 6.428444 1.251556 3.072 3.128889 5.859556 1.877333 2.844444 4.266667 5.176889 2.389333 2.389333 5.12 4.266667 2.844444 1.877333 5.916444 3.128888 3.128889 1.308444 6.428445 1.991112 3.299556 0.625778 6.656 0.625777h618.666666q6.826667 0 13.084445-2.616889 6.257778-2.56 11.036444-7.395555l64-63.943111z" p-id="10609" fill="#555555"></path></svg>`;
             const imageSVG = `<svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" fill="none" version="1.1" width="18" height="18" viewBox="0 0 18 18"><g><g style="opacity:0;"><rect x="0" y="0" width="18" height="18" rx="0" fill="#FFFFFF" fill-opacity="1"/></g><g><path d="M1.87471507,3.83578219Q1.5,4.18540478,1.5,4.6875L1.5,14.312503Q1.50000006,14.814598,1.874716,15.16422Q2.23459671,15.5,2.73684216,15.5L15.263157,15.5Q15.765403,15.5,16.125284,15.164218Q16.499999000000003,14.814597,16.499999000000003,14.312501L16.499999000000003,4.6875Q16.499999000000003,4.18540342,16.125284999999998,3.83578214Q15.765404,3.5,15.263157,3.5L2.73684216,3.5Q2.23459646,3.5,1.87471507,3.83578219ZM2.5,14.312503L2.5,4.6875Q2.5,4.5,2.73684216,4.5L15.263157,4.5Q15.5,4.5,15.5,4.6875L15.5,14.312501Q15.5,14.5,15.263157,14.5L2.73684216,14.5Q2.5,14.5,2.5,14.312503Z" fill-rule="evenodd" fill="#555555" fill-opacity="1" style="mix-blend-mode:passthrough"/></g><g><ellipse cx="5.4375" cy="7.4375" rx="0.4375" ry="0.4375" fill-opacity="0" stroke-opacity="1" stroke="#555555" fill="none" stroke-width="1" stroke-linecap="ROUND" stroke-linejoin="round" style="mix-blend-mode:passthrough"/></g><g><path d="M5.9053998,9.924615948146972L1.7143693,12.841608238146973Q1.61364189,12.911715538146973,1.55682093,13.020492338146973Q1.5,13.129269138146974,1.5,13.251992238146972L1.50000003,14.418008338146972Q1.50000003,14.876594038146973,1.84130602,15.195924738146973Q2.16843581,15.501991738146973,2.62437022,15.501991738146973L15.375628,15.501991738146973Q15.831564,15.501991738146973,16.158693,15.195924738146973Q16.5,14.876594038146973,16.5,14.418007838146973L16.5,13.251992238146972Q16.500000999999997,13.186988838146974,16.48338,13.124146438146973Q16.466759,13.061303638146972,16.434621,13.004799838146972Q16.402485,12.948296338146973,16.356969,12.901887938146972Q16.311453,12.855479738146972,16.255583,12.822251838146972L9.8796926,9.030259398146972Q9.842938400000001,9.008400078146973,9.8030057,8.993099628146974Q9.763073,8.977799118146972,9.721121799999999,8.969501908146972Q9.6791716,8.961204618146972,9.6364217,8.960151608146973Q9.5936708,8.959098578146973,9.551362000000001,8.965320438146973Q9.5090542,8.971542238146972,9.4684162,8.984858218146973Q9.427778199999999,8.998174158146973,9.3899918,9.018197478146973Q9.352206200000001,9.038220708146973,9.3183689,9.064369648146972Q9.284532500000001,9.090518598146973,9.2556267,9.122033748146972L7.6887164,10.830422738146973L6.4904227,9.934544588146972Q6.4273362,9.887379288146972,6.3528042,9.861893948146973Q6.2782726,9.836408678146972,6.1995153,9.835072038146972Q6.1207581,9.833735408146973,6.045404,9.856676968146973Q5.9700503000000005,9.879618528146972,5.9053998,9.924615948146972ZM2.5,13.513173138146973L2.50000006,14.418008338146972Q2.50000006,14.501992238146972,2.62437022,14.501992238146972L15.375628,14.501992238146972Q15.5,14.501992238146972,15.5,14.418007838146973L15.5,13.536368338146973L9.7178593,10.097503488146973L8.1200023,11.839632738146973Q8.0888524,11.873595438146973,8.052019600000001,11.901292338146973Q8.0151863,11.928988938146972,7.9739118,11.949486538146973Q7.9326363,11.969984038146972,7.88831,11.982591638146973Q7.8439837,11.995199238146974,7.7980995,11.999492138146973Q7.7522154,12.003785338146972,7.7063198,11.999619238146973Q7.6604242,11.995453338146973,7.6160631,11.982968338146973Q7.571702,11.970483338146973,7.5303702,11.950099938146973Q7.4890385,11.929716538146973,7.4521289,11.902122038146972L6.1805682,10.951467238146973L2.5,13.513173138146973Z" fill-rule="evenodd" fill="#555555" fill-opacity="1" style="mix-blend-mode:passthrough"/></g></g></svg>`;
 
             const QuillEditor = vue.defineComponent({
@@ -20172,75 +20294,18 @@
                     'image',
                 ],
                 setup: (props, ctx) => {
+                    const editor = vue.ref();
+                    const showMoreToolbar = vue.ref(false);
+                    const { setQuill, removeQuillBlotFormatter, configureBlotFormatter, applyImageStyle, registerBlotFormatter, getBlotFormatterConfig } = useBlotFormatter(editor);
                     vue.onMounted(() => {
                         initialize();
-                        console.log("onMounted handleGlobalClick");
-                        window.addEventListener('click', handleGlobalClick, true);
-                        window.addEventListener('keyup', handleGlobalKeyup, true);
                     });
-                    const removeQuillBlotFormatter = () => {
-                        console.log("removeQuillBlotFormatter");
-                        try {
-                            const blotFormatter = quill === null || quill === void 0 ? void 0 : quill.getModule('blotFormatter');
-                            if (blotFormatter && blotFormatter.overlay) {
-                                const overlay = blotFormatter.overlay;
-                                if (overlay.parentNode) {
-                                    overlay.parentNode.removeChild(overlay);
-                                }
-                            }
-                        }
-                        catch (error) {
-                            console.warn('移除blotFormatter overlay时出错:', error);
-                        }
-                    };
-                    const handleGlobalClick = (event) => {
-                        console.log("start handleGlobalClick");
-                        if (!editor.value)
-                            return;
-                        const blotFormatter = quill === null || quill === void 0 ? void 0 : quill.getModule('blotFormatter');
-                        if (!blotFormatter || !blotFormatter.overlay)
-                            return;
-                        const isClickInsideEditor = editor.value.contains(event.target);
-                        console.log("isClickInsideEditor", isClickInsideEditor);
-                        if (!isClickInsideEditor) {
-                            removeQuillBlotFormatter();
-                        }
-                    };
-                    const handleGlobalKeyup = (event) => {
-                        if (event.keyCode !== 46 && event.keyCode !== 8)
-                            return;
-                        const blotFormatter = quill === null || quill === void 0 ? void 0 : quill.getModule('blotFormatter');
-                        if (!blotFormatter || !blotFormatter.currentSpec)
-                            return;
-                        const target = event.target;
-                        if (!editor.value || !editor.value.contains(target)) {
-                            event.stopImmediatePropagation();
-                            event.preventDefault();
-                            return;
-                        }
-                        const allEditors = document.querySelectorAll('.quill-editor-container');
-                        allEditors.forEach(editorElement => {
-                            if (editorElement !== editor.value) {
-                                const otherQuill = editorElement.__quill;
-                                if (otherQuill && otherQuill !== quill) {
-                                    const otherBlotFormatter = otherQuill.getModule('blotFormatter');
-                                    if (otherBlotFormatter && otherBlotFormatter.currentSpec) {
-                                        otherBlotFormatter.hide();
-                                    }
-                                }
-                            }
-                        });
-                    };
                     vue.onBeforeUnmount(() => {
-                        window.removeEventListener('click', handleGlobalClick, true);
-                        window.removeEventListener('keyup', handleGlobalKeyup, true);
                         removeQuillBlotFormatter();
                         quill = null;
                     });
                     let quill;
                     let options;
-                    const editor = vue.ref();
-                    const showMoreToolbar = vue.ref(false);
                     const editorWrapClass = vue.computed(() => {
                         return {
                             'quill-editor-container': true,
@@ -20267,35 +20332,8 @@
                             }
                         }
                     };
-                    const applyImageStyle = () => {
-                        var _a;
-                        if (quill) {
-                            const editorElement = (_a = editor.value) === null || _a === void 0 ? void 0 : _a.querySelector('.ql-editor');
-                            if (editorElement) {
-                                const images = editorElement.querySelectorAll('img');
-                                images.forEach(img => {
-                                    img.style.maxWidth = '100%';
-                                    img.style.height = 'auto';
-                                    img.style.objectFit = 'contain';
-                                });
-                            }
-                        }
-                    };
-                    const registerModule = (moduleName, module) => {
-                        Quill.register(moduleName, module);
-                    };
-                    const initialize = () => {
-                        var _a, _b;
-                        if (!editor.value)
-                            return;
-                        registerModule('modules/blotFormatter', BlotFormatter);
-                        options = composeOptions();
-                        quill = new Quill(editor.value, options);
-                        const toolbar = (_a = quill === null || quill === void 0 ? void 0 : quill.getModule('toolbar')) === null || _a === void 0 ? void 0 : _a.container;
-                        if (toolbar) {
-                            toolbar.style.display = 'none';
-                        }
-                        const icons = Quill.import('ui/icons');
+                    const setIcons = async () => {
+                        const icons = await Quill.import('ui/icons');
                         icons['bold'] = boldSVG;
                         icons['italic'] = italicSVG;
                         icons['underline'] = underlineSVG;
@@ -20306,6 +20344,21 @@
                         icons['ocr'] = ocrSVG;
                         icons['math'] = mathSVG;
                         icons['image'] = imageSVG;
+                        return icons;
+                    };
+                    const initialize = async () => {
+                        var _a, _b;
+                        if (!editor.value)
+                            return;
+                        registerBlotFormatter();
+                        options = composeOptions();
+                        await setIcons();
+                        quill = new Quill(editor.value, options);
+                        setQuill(quill);
+                        const toolbar = (_a = quill === null || quill === void 0 ? void 0 : quill.getModule('toolbar')) === null || _a === void 0 ? void 0 : _a.container;
+                        if (toolbar) {
+                            toolbar.style.display = 'none';
+                        }
                         setContents(props.content);
                         quill.on('text-change', handleTextChange);
                         quill.on('selection-change', handleSelectionChange);
@@ -20324,30 +20377,7 @@
                             applyToolbarStyle();
                         }
                         applyEditorStyle();
-                        const blotFormatter = quill.getModule('blotFormatter');
-                        if (blotFormatter) {
-                            const originalShow = blotFormatter.show.bind(blotFormatter);
-                            blotFormatter.show = function (spec) {
-                                var _a;
-                                originalShow(spec);
-                                const target = (_a = this.currentSpec) === null || _a === void 0 ? void 0 : _a.getTargetElement();
-                                if (target && target.tagName === 'IMG') {
-                                    target.style.maxWidth = '100%';
-                                    target.style.height = 'auto';
-                                    target.style.objectFit = 'contain';
-                                    const width = target.getAttribute('width');
-                                    if (width) {
-                                        const naturalWidth = target.naturalWidth;
-                                        const naturalHeight = target.naturalHeight;
-                                        if (naturalWidth && naturalHeight) {
-                                            const aspectRatio = naturalHeight / naturalWidth;
-                                            const newHeight = Math.round(parseInt(width) * aspectRatio);
-                                            target.setAttribute('height', '' + newHeight);
-                                        }
-                                    }
-                                }
-                            };
-                        }
+                        configureBlotFormatter();
                         ctx.emit('ready', quill);
                     };
                     const composeOptions = () => {
@@ -20390,9 +20420,7 @@
                                 },
                             };
                         }
-                        clientOptions.modules = Object.assign({}, clientOptions.modules, {
-                            blotFormatter: true
-                        });
+                        clientOptions.modules = Object.assign({}, clientOptions.modules, getBlotFormatterConfig());
                         return Object.assign({}, props.globalOptions, props.options, clientOptions);
                     };
                     const maybeClone = (delta) => {
@@ -20596,6 +20624,8 @@
                     });
                     return {
                         editor,
+                        editorWrapClass,
+                        showMoreToolbar,
                         getEditor,
                         getToolbar,
                         getQuill,
@@ -20608,8 +20638,6 @@
                         getText,
                         setText,
                         reinit,
-                        editorWrapClass,
-                        showMoreToolbar,
                         moreToolbarToolClick
                     };
                 },