pxx-vue-quill 1.0.114 → 1.0.116

package/dist/vue-quill.umd.js

@@ -7,7 +7,7 @@
  * 
  * Copyright (c) 2025 Pxx-Team
  * Released under the MIT license
- * Date: 2025-09-10T03:44:59.331Z
+ * Date: 2025-09-10T04:02:43.706Z
  */
 (function (global, factory) {
             typeof exports === 'object' && typeof module !== 'undefined' ? factory(exports, require('vue')) :
@@ -18994,11 +18994,11 @@
               value: true
             });
 
-            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; }; }();
+            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; }; }();
 
             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$1(instance, Constructor) { if (!(instance instanceof Constructor)) { throw new TypeError("Cannot call a class as a function"); } }
+            function _classCallCheck(instance, Constructor) { if (!(instance instanceof Constructor)) { throw new TypeError("Cannot call a class as a function"); } }
 
             var LEFT_ALIGN = 'left';
             var CENTER_ALIGN = 'center';
@@ -19009,7 +19009,7 @@
                 var _this = this,
                     _alignments;
 
-                _classCallCheck$1(this, DefaultAligner);
+                _classCallCheck(this, DefaultAligner);
 
                 this.applyStyle = options.aligner.applyStyle;
                 this.alignAttribute = options.attribute;
@@ -19037,7 +19037,7 @@
                 }), _alignments);
               }
 
-              _createClass$1(DefaultAligner, [{
+              _createClass(DefaultAligner, [{
                 key: 'getAlignments',
                 value: function getAlignments() {
                   var _this2 = this;
@@ -19340,182 +19340,190 @@
             	return AlignAction;
             }
 
-            var ResizeAction$1 = {};
+            var ResizeAction = {};
 
-            Object.defineProperty(ResizeAction$1, "__esModule", {
-              value: true
-            });
+            var hasRequiredResizeAction;
 
-            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; }; }();
+            function requireResizeAction () {
+            	if (hasRequiredResizeAction) return ResizeAction;
+            	hasRequiredResizeAction = 1;
 
-            var _Action2 = requireAction();
+            	Object.defineProperty(ResizeAction, "__esModule", {
+            	  value: true
+            	});
 
-            var _Action3 = _interopRequireDefault(_Action2);
+            	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 _BlotFormatter = requireBlotFormatter();
+            	var _Action2 = requireAction();
 
-            _interopRequireDefault(_BlotFormatter);
+            	var _Action3 = _interopRequireDefault(_Action2);
 
-            function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
+            	var _BlotFormatter = requireBlotFormatter();
 
-            function _classCallCheck(instance, Constructor) { if (!(instance instanceof Constructor)) { throw new TypeError("Cannot call a class as a function"); } }
+            	_interopRequireDefault(_BlotFormatter);
 
-            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 _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
 
-            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 _classCallCheck(instance, Constructor) { if (!(instance instanceof Constructor)) { throw new TypeError("Cannot call a class as a function"); } }
 
-            var ResizeAction = function (_Action) {
-              _inherits(ResizeAction, _Action);
+            	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 ResizeAction(formatter) {
-                _classCallCheck(this, ResizeAction);
+            	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 _this = _possibleConstructorReturn(this, (ResizeAction.__proto__ || Object.getPrototypeOf(ResizeAction)).call(this, formatter));
+            	var ResizeAction$1 = function (_Action) {
+            	  _inherits(ResizeAction, _Action);
 
-                _this.onMouseDown = function (event) {
-                  if (!(event.target instanceof HTMLElement)) {
-                    return;
-                  }
-                  _this.dragHandle = event.target;
-                  _this.setCursor(_this.dragHandle.style.cursor);
+            	  function ResizeAction(formatter) {
+            	    _classCallCheck(this, ResizeAction);
 
-                  if (!_this.formatter.currentSpec) {
-                    return;
-                  }
+            	    var _this = _possibleConstructorReturn(this, (ResizeAction.__proto__ || Object.getPrototypeOf(ResizeAction)).call(this, formatter));
 
-                  var target = _this.formatter.currentSpec.getTargetElement();
-                  if (!target) {
-                    return;
-                  }
+            	    _this.onMouseDown = function (event) {
+            	      if (!(event.target instanceof HTMLElement)) {
+            	        return;
+            	      }
+            	      _this.dragHandle = event.target;
+            	      _this.setCursor(_this.dragHandle.style.cursor);
 
-                  var rect = target.getBoundingClientRect();
+            	      if (!_this.formatter.currentSpec) {
+            	        return;
+            	      }
 
-                  _this.dragStartX = event.clientX;
-                  _this.preDragWidth = rect.width;
-                  _this.targetRatio = rect.height / rect.width;
+            	      var target = _this.formatter.currentSpec.getTargetElement();
+            	      if (!target) {
+            	        return;
+            	      }
 
-                  document.addEventListener('mousemove', _this.onDrag);
-                  document.addEventListener('mouseup', _this.onMouseUp);
-                };
+            	      var rect = target.getBoundingClientRect();
 
-                _this.onDrag = function (event) {
-                  if (!_this.formatter.currentSpec) {
-                    return;
-                  }
+            	      _this.dragStartX = event.clientX;
+            	      _this.preDragWidth = rect.width;
+            	      _this.targetRatio = rect.height / rect.width;
 
-                  var target = _this.formatter.currentSpec.getTargetElement();
-                  if (!target) {
-                    return;
-                  }
+            	      document.addEventListener('mousemove', _this.onDrag);
+            	      document.addEventListener('mouseup', _this.onMouseUp);
+            	    };
 
-                  var deltaX = event.clientX - _this.dragStartX;
-                  var newWidth = 0;
+            	    _this.onDrag = function (event) {
+            	      if (!_this.formatter.currentSpec) {
+            	        return;
+            	      }
 
-                  if (_this.dragHandle === _this.topLeftHandle || _this.dragHandle === _this.bottomLeftHandle) {
-                    newWidth = Math.round(_this.preDragWidth - deltaX);
-                  } else {
-                    newWidth = Math.round(_this.preDragWidth + deltaX);
-                  }
+            	      var target = _this.formatter.currentSpec.getTargetElement();
+            	      if (!target) {
+            	        return;
+            	      }
 
-                  var newHeight = _this.targetRatio * newWidth;
+            	      var deltaX = event.clientX - _this.dragStartX;
+            	      var newWidth = 0;
 
-                  target.setAttribute('width', '' + newWidth);
-                  target.setAttribute('height', '' + newHeight);
+            	      if (_this.dragHandle === _this.topLeftHandle || _this.dragHandle === _this.bottomLeftHandle) {
+            	        newWidth = Math.round(_this.preDragWidth - deltaX);
+            	      } else {
+            	        newWidth = Math.round(_this.preDragWidth + deltaX);
+            	      }
 
-                  _this.formatter.update();
-                };
+            	      var newHeight = _this.targetRatio * newWidth;
 
-                _this.onMouseUp = function () {
-                  _this.setCursor('');
-                  document.removeEventListener('mousemove', _this.onDrag);
-                  document.removeEventListener('mouseup', _this.onMouseUp);
-                };
+            	      target.setAttribute('width', '' + newWidth);
+            	      target.setAttribute('height', '' + newHeight);
 
-                _this.topLeftHandle = _this.createHandle('top-left', 'nwse-resize');
-                _this.topRightHandle = _this.createHandle('top-right', 'nesw-resize');
-                _this.bottomRightHandle = _this.createHandle('bottom-right', 'nwse-resize');
-                _this.bottomLeftHandle = _this.createHandle('bottom-left', 'nesw-resize');
-                _this.dragHandle = null;
-                _this.dragStartX = 0;
-                _this.preDragWidth = 0;
-                _this.targetRatio = 0;
-                return _this;
-              }
+            	      _this.formatter.update();
+            	    };
 
-              _createClass(ResizeAction, [{
-                key: 'onCreate',
-                value: function onCreate() {
-                  this.formatter.overlay.appendChild(this.topLeftHandle);
-                  this.formatter.overlay.appendChild(this.topRightHandle);
-                  this.formatter.overlay.appendChild(this.bottomRightHandle);
-                  this.formatter.overlay.appendChild(this.bottomLeftHandle);
+            	    _this.onMouseUp = function () {
+            	      _this.setCursor('');
+            	      document.removeEventListener('mousemove', _this.onDrag);
+            	      document.removeEventListener('mouseup', _this.onMouseUp);
+            	    };
 
-                  this.repositionHandles(this.formatter.options.resize.handleStyle);
-                }
-              }, {
-                key: 'onDestroy',
-                value: function onDestroy() {
-                  this.setCursor('');
-                  this.formatter.overlay.removeChild(this.topLeftHandle);
-                  this.formatter.overlay.removeChild(this.topRightHandle);
-                  this.formatter.overlay.removeChild(this.bottomRightHandle);
-                  this.formatter.overlay.removeChild(this.bottomLeftHandle);
-                }
-              }, {
-                key: 'createHandle',
-                value: function createHandle(position, cursor) {
-                  var box = document.createElement('div');
-                  box.classList.add(this.formatter.options.resize.handleClassName);
-                  box.setAttribute('data-position', position);
-                  box.style.cursor = cursor;
-
-                  if (this.formatter.options.resize.handleStyle) {
-                    Object.assign(box.style, this.formatter.options.resize.handleStyle);
-                  }
+            	    _this.topLeftHandle = _this.createHandle('top-left', 'nwse-resize');
+            	    _this.topRightHandle = _this.createHandle('top-right', 'nesw-resize');
+            	    _this.bottomRightHandle = _this.createHandle('bottom-right', 'nwse-resize');
+            	    _this.bottomLeftHandle = _this.createHandle('bottom-left', 'nesw-resize');
+            	    _this.dragHandle = null;
+            	    _this.dragStartX = 0;
+            	    _this.preDragWidth = 0;
+            	    _this.targetRatio = 0;
+            	    return _this;
+            	  }
 
-                  box.addEventListener('mousedown', this.onMouseDown);
+            	  _createClass(ResizeAction, [{
+            	    key: 'onCreate',
+            	    value: function onCreate() {
+            	      this.formatter.overlay.appendChild(this.topLeftHandle);
+            	      this.formatter.overlay.appendChild(this.topRightHandle);
+            	      this.formatter.overlay.appendChild(this.bottomRightHandle);
+            	      this.formatter.overlay.appendChild(this.bottomLeftHandle);
 
-                  return box;
-                }
-              }, {
-                key: 'repositionHandles',
-                value: function repositionHandles(handleStyle) {
-                  var handleXOffset = '0px';
-                  var handleYOffset = '0px';
-                  if (handleStyle) {
-                    if (handleStyle.width) {
-                      handleXOffset = -parseFloat(handleStyle.width) / 2 + 'px';
-                    }
-                    if (handleStyle.height) {
-                      handleYOffset = -parseFloat(handleStyle.height) / 2 + 'px';
-                    }
-                  }
+            	      this.repositionHandles(this.formatter.options.resize.handleStyle);
+            	    }
+            	  }, {
+            	    key: 'onDestroy',
+            	    value: function onDestroy() {
+            	      this.setCursor('');
+            	      this.formatter.overlay.removeChild(this.topLeftHandle);
+            	      this.formatter.overlay.removeChild(this.topRightHandle);
+            	      this.formatter.overlay.removeChild(this.bottomRightHandle);
+            	      this.formatter.overlay.removeChild(this.bottomLeftHandle);
+            	    }
+            	  }, {
+            	    key: 'createHandle',
+            	    value: function createHandle(position, cursor) {
+            	      var box = document.createElement('div');
+            	      box.classList.add(this.formatter.options.resize.handleClassName);
+            	      box.setAttribute('data-position', position);
+            	      box.style.cursor = cursor;
+
+            	      if (this.formatter.options.resize.handleStyle) {
+            	        Object.assign(box.style, this.formatter.options.resize.handleStyle);
+            	      }
 
-                  Object.assign(this.topLeftHandle.style, { left: handleXOffset, top: handleYOffset });
-                  Object.assign(this.topRightHandle.style, { right: handleXOffset, top: handleYOffset });
-                  Object.assign(this.bottomRightHandle.style, { right: handleXOffset, bottom: handleYOffset });
-                  Object.assign(this.bottomLeftHandle.style, { left: handleXOffset, bottom: handleYOffset });
-                }
-              }, {
-                key: 'setCursor',
-                value: function setCursor(value) {
-                  if (document.body) {
-                    document.body.style.cursor = value;
-                  }
+            	      box.addEventListener('mousedown', this.onMouseDown);
 
-                  if (this.formatter.currentSpec) {
-                    var target = this.formatter.currentSpec.getOverlayElement();
-                    if (target) {
-                      target.style.cursor = value;
-                    }
-                  }
-                }
-              }]);
+            	      return box;
+            	    }
+            	  }, {
+            	    key: 'repositionHandles',
+            	    value: function repositionHandles(handleStyle) {
+            	      var handleXOffset = '0px';
+            	      var handleYOffset = '0px';
+            	      if (handleStyle) {
+            	        if (handleStyle.width) {
+            	          handleXOffset = -parseFloat(handleStyle.width) / 2 + 'px';
+            	        }
+            	        if (handleStyle.height) {
+            	          handleYOffset = -parseFloat(handleStyle.height) / 2 + 'px';
+            	        }
+            	      }
+
+            	      Object.assign(this.topLeftHandle.style, { left: handleXOffset, top: handleYOffset });
+            	      Object.assign(this.topRightHandle.style, { right: handleXOffset, top: handleYOffset });
+            	      Object.assign(this.bottomRightHandle.style, { right: handleXOffset, bottom: handleYOffset });
+            	      Object.assign(this.bottomLeftHandle.style, { left: handleXOffset, bottom: handleYOffset });
+            	    }
+            	  }, {
+            	    key: 'setCursor',
+            	    value: function setCursor(value) {
+            	      if (document.body) {
+            	        document.body.style.cursor = value;
+            	      }
+
+            	      if (this.formatter.currentSpec) {
+            	        var target = this.formatter.currentSpec.getOverlayElement();
+            	        if (target) {
+            	          target.style.cursor = value;
+            	        }
+            	      }
+            	    }
+            	  }]);
 
-              return ResizeAction;
-            }(_Action3.default);
+            	  return ResizeAction;
+            	}(_Action3.default);
 
-            ResizeAction$1.default = ResizeAction;
+            	ResizeAction.default = ResizeAction$1;
+            	return ResizeAction;
+            }
 
             var DeleteAction = {};
 
@@ -19622,7 +19630,7 @@
 
             	var _AlignAction2 = _interopRequireDefault(_AlignAction);
 
-            	var _ResizeAction = ResizeAction$1;
+            	var _ResizeAction = requireResizeAction();
 
             	var _ResizeAction2 = _interopRequireDefault(_ResizeAction);
 
@@ -20115,7 +20123,7 @@
             	  }
             	});
 
-            	var _ResizeAction = ResizeAction$1;
+            	var _ResizeAction = requireResizeAction();
 
             	Object.defineProperty(exports, 'ResizeAction', {
             	  enumerable: true,
@@ -20166,6 +20174,7 @@
             var BlotFormatter = /*@__PURE__*/getDefaultExportFromCjs(dist);
 
             function useBlotFormatter(editor, enableImageResize = true) {
+                var _a;
                 const quillRef = vue.ref(null);
                 const removeQuillBlotFormatter = () => {
                     var _a;
@@ -20242,14 +20251,41 @@
                         return;
                     }
                     try {
-                        if (!((_a = Quill.imports) === null || _a === void 0 ? void 0 : _a['modules/blotFormatter'])) {
-                            Quill.register('modules/blotFormatter', BlotFormatter);
+                        if (typeof Quill === 'undefined') {
+                            console.warn('Quill 未加载，无法注册 BlotFormatter 模块');
+                            return;
+                        }
+                        const existingModule = (_a = Quill.imports) === null || _a === void 0 ? void 0 : _a['modules/blotFormatter'];
+                        if (!existingModule) {
+                            if (typeof BlotFormatter === 'function' || (BlotFormatter && typeof BlotFormatter.default === 'function')) {
+                                const ModuleClass = typeof BlotFormatter === 'function' ? BlotFormatter : BlotFormatter.default;
+                                Quill.register('modules/blotFormatter', ModuleClass);
+                                console.log('BlotFormatter模块已注册');
+                            }
+                            else {
+                                console.warn('BlotFormatter 不是一个有效的构造函数:', BlotFormatter);
+                            }
+                        }
+                        else {
+                            console.log('BlotFormatter模块已存在，跳过注册');
                         }
                     }
                     catch (error) {
                         console.warn('注册BlotFormatter模块时出错:', error);
                     }
                 };
+                if (enableImageResize && typeof Quill !== 'undefined') {
+                    try {
+                        const existingModule = (_a = Quill.imports) === null || _a === void 0 ? void 0 : _a['modules/blotFormatter'];
+                        if (!existingModule && typeof BlotFormatter === 'function') {
+                            Quill.register('modules/blotFormatter', BlotFormatter);
+                            console.log('BlotFormatter模块已预注册');
+                        }
+                    }
+                    catch (error) {
+                        console.warn('预注册BlotFormatter模块时出错:', error);
+                    }
+                }
                 const getBlotFormatterConfig = () => {
                     if (!enableImageResize) {
                         return {};
@@ -20424,7 +20460,7 @@
                     },
                     enableImageResize: {
                         type: Boolean,
-                        default: true,
+                        default: false,
                     },
                     toolbarStyle: {
                         type: Object,
@@ -20469,9 +20505,15 @@
                     const canUseLink = vue.ref(false);
                     const linkPosition = vue.ref({ top: 0, left: 0 });
                     const savedRange = vue.ref(null);
+                    const { addClickHandler } = useGlobalClick();
                     const { setQuill, handleBlotFormatterClick, configureBlotFormatter, applyImageStyle, registerBlotFormatter, getBlotFormatterConfig } = useBlotFormatter(editor, props.enableImageResize);
                     const { setQuill: setLinkQuill, setHandleCustomLink, addLinkClickListener } = useLinkClick(editor);
-                    const { addClickHandler } = useGlobalClick();
+                    vue.onMounted(() => {
+                        initialize();
+                    });
+                    vue.onBeforeUnmount(() => {
+                        quill = null;
+                    });
                     let quill;
                     let options;
                     const editorWrapClass = vue.computed(() => {
@@ -20569,6 +20611,77 @@
                             }
                         }
                     };
+                    const initialize = () => {
+                        var _a;
+                        if (!editor.value)
+                            return;
+                        if (props.enableImageResize) {
+                            registerBlotFormatter();
+                        }
+                        options = composeOptions();
+                        setIcons();
+                        quill = new Quill(editor.value, options);
+                        setQuill(quill);
+                        setLinkQuill(quill);
+                        controlToolbarVisible(false);
+                        setContents(props.content);
+                        quill.on('text-change', handleTextChange);
+                        quill.on('selection-change', handleSelectionChange);
+                        quill.on('editor-change', handleEditorChange);
+                        quill.on('text-change', updateHistoryState);
+                        quill.on('selection-change', updateHistoryState);
+                        addLinkClickListener();
+                        const toolbarClickHandler = (event) => {
+                            var _a;
+                            const target = event.target;
+                            const clickedEditorContainer = target.closest('.quill-editor-container');
+                            if (clickedEditorContainer) {
+                                const currentEditorContainer = (_a = editor.value) === null || _a === void 0 ? void 0 : _a.closest('.quill-editor-container');
+                                if (clickedEditorContainer === currentEditorContainer) {
+                                    controlToolbarVisible(true);
+                                }
+                                else {
+                                    controlToolbarVisible(false);
+                                }
+                            }
+                            else {
+                                controlToolbarVisible(false);
+                            }
+                        };
+                        addClickHandler(toolbarClickHandler);
+                        addClickHandler(handleBlotFormatterClick);
+                        addClickHandler(() => {
+                            handleCustomLink(false);
+                        });
+                        updateHistoryState();
+                        const toolbarDom = (_a = quill.getModule('toolbar')) === null || _a === void 0 ? void 0 : _a.container;
+                        vue.nextTick(() => {
+                            const customLinkBtn = toolbarDom.querySelector('.ql-customLink');
+                            if (customLinkBtn) {
+                                customLinkBtn.addEventListener('click', (e) => {
+                                    e.preventDefault();
+                                    e.stopPropagation();
+                                    if (canUseLink.value) {
+                                        handleCustomLink(true);
+                                    }
+                                });
+                            }
+                        });
+                        const tooltipInput = toolbarDom.querySelector('.ql-tooltip input');
+                        if (tooltipInput) {
+                            vue.nextTick(() => {
+                                tooltipInput.setAttribute('placeholder', props.placeholder);
+                            });
+                        }
+                        if (!props.needCollapse && props.toolbarStyle) {
+                            applyToolbarStyle();
+                        }
+                        applyEditorStyle();
+                        if (props.enableImageResize) {
+                            configureBlotFormatter();
+                        }
+                        ctx.emit('ready', quill);
+                    };
                     const composeOptions = () => {
                         const clientOptions = {};
                         clientOptions.theme = 'snow';
@@ -20624,6 +20737,11 @@
                                 clientOptions.modules = Object.assign({}, clientOptions.modules, blotFormatterConfig.modules);
                             }
                         }
+                        else {
+                            if (clientOptions.modules) {
+                                delete clientOptions.modules.blotFormatter;
+                            }
+                        }
                         return Object.assign({}, props.globalOptions, props.options, clientOptions);
                     };
                     const maybeClone = (delta) => {
@@ -20784,6 +20902,14 @@
                     const focus = () => {
                         quill === null || quill === void 0 ? void 0 : quill.focus();
                     };
+                    const reinit = () => {
+                        vue.nextTick(() => {
+                            var _a;
+                            if (!ctx.slots.toolbar && quill)
+                                (_a = quill.getModule('toolbar')) === null || _a === void 0 ? void 0 : _a.container.remove();
+                            initialize();
+                        });
+                    };
                     const moreToolbarToolClick = (tool) => {
                         var _a, _b;
                         if (!quill)
@@ -20894,91 +21020,6 @@
                         if (quill)
                             quill.enable(newValue);
                     });
-                    const initialize = () => {
-                        var _a;
-                        if (!editor.value)
-                            return;
-                        if (props.enableImageResize) {
-                            registerBlotFormatter();
-                        }
-                        options = composeOptions();
-                        setIcons();
-                        quill = new Quill(editor.value, options);
-                        setQuill(quill);
-                        setLinkQuill(quill);
-                        controlToolbarVisible(false);
-                        setContents(props.content);
-                        quill.on('text-change', handleTextChange);
-                        quill.on('selection-change', handleSelectionChange);
-                        quill.on('editor-change', handleEditorChange);
-                        quill.on('text-change', updateHistoryState);
-                        quill.on('selection-change', updateHistoryState);
-                        addLinkClickListener();
-                        const toolbarClickHandler = (event) => {
-                            var _a;
-                            const target = event.target;
-                            const clickedEditorContainer = target.closest('.quill-editor-container');
-                            if (clickedEditorContainer) {
-                                const currentEditorContainer = (_a = editor.value) === null || _a === void 0 ? void 0 : _a.closest('.quill-editor-container');
-                                if (clickedEditorContainer === currentEditorContainer) {
-                                    controlToolbarVisible(true);
-                                }
-                                else {
-                                    controlToolbarVisible(false);
-                                }
-                            }
-                            else {
-                                controlToolbarVisible(false);
-                            }
-                        };
-                        addClickHandler(toolbarClickHandler);
-                        addClickHandler(handleBlotFormatterClick);
-                        addClickHandler(() => {
-                            handleCustomLink(false);
-                        });
-                        updateHistoryState();
-                        const toolbarDom = (_a = quill.getModule('toolbar')) === null || _a === void 0 ? void 0 : _a.container;
-                        vue.nextTick(() => {
-                            const customLinkBtn = toolbarDom.querySelector('.ql-customLink');
-                            if (customLinkBtn) {
-                                customLinkBtn.addEventListener('click', (e) => {
-                                    e.preventDefault();
-                                    e.stopPropagation();
-                                    if (canUseLink.value) {
-                                        handleCustomLink(true);
-                                    }
-                                });
-                            }
-                        });
-                        const tooltipInput = toolbarDom.querySelector('.ql-tooltip input');
-                        if (tooltipInput) {
-                            vue.nextTick(() => {
-                                tooltipInput.setAttribute('placeholder', props.placeholder);
-                            });
-                        }
-                        if (!props.needCollapse && props.toolbarStyle) {
-                            applyToolbarStyle();
-                        }
-                        applyEditorStyle();
-                        if (props.enableImageResize) {
-                            configureBlotFormatter();
-                        }
-                        ctx.emit('ready', quill);
-                    };
-                    const reinit = () => {
-                        vue.nextTick(() => {
-                            var _a;
-                            if (!ctx.slots.toolbar && quill)
-                                (_a = quill.getModule('toolbar')) === null || _a === void 0 ? void 0 : _a.container.remove();
-                            initialize();
-                        });
-                    };
-                    vue.onMounted(() => {
-                        initialize();
-                    });
-                    vue.onBeforeUnmount(() => {
-                        quill = null;
-                    });
                     return {
                         editor,
                         editorWrapClass,
@@ -21010,7 +21051,9 @@
                 render() {
                     return [
                         vue.h('div', {
-                            class: this.editorWrapClass
+                            class: this.editorWrapClass, onClick: () => {
+                                this.handleCustomLink(false);
+                            }
                         }, [
                             this.$props.needCollapse && this.$props.editorKey && vue.h(MoreToolbar, {
                                 editorKey: String(this.$props.editorKey),