pxx-vue-quill 1.0.14 → 1.0.17

package/dist/vue-quill.global.js

@@ -7,7 +7,7 @@
  * 
  * Copyright (c) 2025 Pxx-Team
  * Released under the MIT license
- * Date: 2025-08-21T09:21:09.034Z
+ * Date: 2025-08-25T02:25:20.932Z
  */
 (function (global, factory) {
             typeof exports === 'object' && typeof module !== 'undefined' ? factory(exports, require('vue')) :
@@ -19130,190 +19130,182 @@
             	return AlignAction;
             }
 
-            var ResizeAction = {};
+            var ResizeAction$1 = {};
 
-            var hasRequiredResizeAction;
-
-            function requireResizeAction () {
-            	if (hasRequiredResizeAction) return ResizeAction;
-            	hasRequiredResizeAction = 1;
-
-            	Object.defineProperty(ResizeAction, "__esModule", {
-            	  value: true
-            	});
+            Object.defineProperty(ResizeAction$1, "__esModule", {
+              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 = 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 _Action2 = requireAction();
+            var _Action2 = requireAction();
 
-            	var _Action3 = _interopRequireDefault(_Action2);
+            var _Action3 = _interopRequireDefault(_Action2);
 
-            	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 _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 _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 _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 _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 ResizeAction$1 = function (_Action) {
-            	  _inherits(ResizeAction, _Action);
+            var ResizeAction = function (_Action) {
+              _inherits(ResizeAction, _Action);
 
-            	  function ResizeAction(formatter) {
-            	    _classCallCheck(this, ResizeAction);
+              function ResizeAction(formatter) {
+                _classCallCheck(this, ResizeAction);
 
-            	    var _this = _possibleConstructorReturn(this, (ResizeAction.__proto__ || Object.getPrototypeOf(ResizeAction)).call(this, formatter));
+                var _this = _possibleConstructorReturn(this, (ResizeAction.__proto__ || Object.getPrototypeOf(ResizeAction)).call(this, formatter));
 
-            	    _this.onMouseDown = function (event) {
-            	      if (!(event.target instanceof HTMLElement)) {
-            	        return;
-            	      }
-            	      _this.dragHandle = event.target;
-            	      _this.setCursor(_this.dragHandle.style.cursor);
+                _this.onMouseDown = function (event) {
+                  if (!(event.target instanceof HTMLElement)) {
+                    return;
+                  }
+                  _this.dragHandle = event.target;
+                  _this.setCursor(_this.dragHandle.style.cursor);
 
-            	      if (!_this.formatter.currentSpec) {
-            	        return;
-            	      }
+                  if (!_this.formatter.currentSpec) {
+                    return;
+                  }
 
-            	      var target = _this.formatter.currentSpec.getTargetElement();
-            	      if (!target) {
-            	        return;
-            	      }
+                  var target = _this.formatter.currentSpec.getTargetElement();
+                  if (!target) {
+                    return;
+                  }
 
-            	      var rect = target.getBoundingClientRect();
+                  var rect = target.getBoundingClientRect();
 
-            	      _this.dragStartX = event.clientX;
-            	      _this.preDragWidth = rect.width;
-            	      _this.targetRatio = rect.height / rect.width;
+                  _this.dragStartX = event.clientX;
+                  _this.preDragWidth = rect.width;
+                  _this.targetRatio = rect.height / rect.width;
 
-            	      document.addEventListener('mousemove', _this.onDrag);
-            	      document.addEventListener('mouseup', _this.onMouseUp);
-            	    };
+                  document.addEventListener('mousemove', _this.onDrag);
+                  document.addEventListener('mouseup', _this.onMouseUp);
+                };
 
-            	    _this.onDrag = function (event) {
-            	      if (!_this.formatter.currentSpec) {
-            	        return;
-            	      }
+                _this.onDrag = function (event) {
+                  if (!_this.formatter.currentSpec) {
+                    return;
+                  }
 
-            	      var target = _this.formatter.currentSpec.getTargetElement();
-            	      if (!target) {
-            	        return;
-            	      }
+                  var target = _this.formatter.currentSpec.getTargetElement();
+                  if (!target) {
+                    return;
+                  }
 
-            	      var deltaX = event.clientX - _this.dragStartX;
-            	      var newWidth = 0;
+                  var deltaX = event.clientX - _this.dragStartX;
+                  var newWidth = 0;
 
-            	      if (_this.dragHandle === _this.topLeftHandle || _this.dragHandle === _this.bottomLeftHandle) {
-            	        newWidth = Math.round(_this.preDragWidth - deltaX);
-            	      } else {
-            	        newWidth = Math.round(_this.preDragWidth + deltaX);
-            	      }
+                  if (_this.dragHandle === _this.topLeftHandle || _this.dragHandle === _this.bottomLeftHandle) {
+                    newWidth = Math.round(_this.preDragWidth - deltaX);
+                  } else {
+                    newWidth = Math.round(_this.preDragWidth + deltaX);
+                  }
 
-            	      var newHeight = _this.targetRatio * newWidth;
+                  var newHeight = _this.targetRatio * newWidth;
 
-            	      target.setAttribute('width', '' + newWidth);
-            	      target.setAttribute('height', '' + newHeight);
+                  target.setAttribute('width', '' + newWidth);
+                  target.setAttribute('height', '' + newHeight);
 
-            	      _this.formatter.update();
-            	    };
+                  _this.formatter.update();
+                };
 
-            	    _this.onMouseUp = function () {
-            	      _this.setCursor('');
-            	      document.removeEventListener('mousemove', _this.onDrag);
-            	      document.removeEventListener('mouseup', _this.onMouseUp);
-            	    };
+                _this.onMouseUp = function () {
+                  _this.setCursor('');
+                  document.removeEventListener('mousemove', _this.onDrag);
+                  document.removeEventListener('mouseup', _this.onMouseUp);
+                };
 
-            	    _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.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;
+              }
 
-            	  _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);
+              _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.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.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);
+                  }
 
-            	      box.addEventListener('mousedown', this.onMouseDown);
+                  box.addEventListener('mousedown', this.onMouseDown);
 
-            	      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';
-            	        }
-            	      }
+                  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;
-            	      }
+                  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;
-            	        }
-            	      }
-            	    }
-            	  }]);
+                  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.default = ResizeAction$1;
-            	return ResizeAction;
-            }
+            ResizeAction$1.default = ResizeAction;
 
             var DeleteAction = {};
 
@@ -19420,7 +19412,7 @@
 
             	var _AlignAction2 = _interopRequireDefault(_AlignAction);
 
-            	var _ResizeAction = requireResizeAction();
+            	var _ResizeAction = ResizeAction$1;
 
             	var _ResizeAction2 = _interopRequireDefault(_ResizeAction);
 
@@ -19552,148 +19544,156 @@
 
             var IframeVideoSpec = {};
 
-            var UnclickableBlotSpec$1 = {};
+            var UnclickableBlotSpec = {};
 
-            Object.defineProperty(UnclickableBlotSpec$1, "__esModule", {
-              value: true
-            });
+            var hasRequiredUnclickableBlotSpec;
 
-            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 requireUnclickableBlotSpec () {
+            	if (hasRequiredUnclickableBlotSpec) return UnclickableBlotSpec;
+            	hasRequiredUnclickableBlotSpec = 1;
 
-            var _BlotSpec2 = requireBlotSpec();
+            	Object.defineProperty(UnclickableBlotSpec, "__esModule", {
+            	  value: true
+            	});
 
-            var _BlotSpec3 = _interopRequireDefault(_BlotSpec2);
+            	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 _BlotSpec2 = requireBlotSpec();
 
-            _interopRequireDefault(_BlotFormatter);
+            	var _BlotSpec3 = _interopRequireDefault(_BlotSpec2);
 
-            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 MOUSE_ENTER_ATTRIBUTE = 'data-blot-formatter-unclickable-bound';
-            var PROXY_IMAGE_CLASS = 'blot-formatter__proxy-image';
+            	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 UnclickableBlotSpec = function (_BlotSpec) {
-              _inherits(UnclickableBlotSpec, _BlotSpec);
+            	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 UnclickableBlotSpec(formatter, selector) {
-                _classCallCheck(this, UnclickableBlotSpec);
+            	var MOUSE_ENTER_ATTRIBUTE = 'data-blot-formatter-unclickable-bound';
+            	var PROXY_IMAGE_CLASS = 'blot-formatter__proxy-image';
 
-                var _this = _possibleConstructorReturn(this, (UnclickableBlotSpec.__proto__ || Object.getPrototypeOf(UnclickableBlotSpec)).call(this, formatter));
+            	var UnclickableBlotSpec$1 = function (_BlotSpec) {
+            	  _inherits(UnclickableBlotSpec, _BlotSpec);
 
-                _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);
-                  });
-                };
+            	  function UnclickableBlotSpec(formatter, selector) {
+            	    _classCallCheck(this, UnclickableBlotSpec);
 
-                _this.onMouseEnter = function (event) {
-                  var unclickable = event.target;
-                  if (!(unclickable instanceof HTMLElement)) {
-                    return;
-                  }
+            	    var _this = _possibleConstructorReturn(this, (UnclickableBlotSpec.__proto__ || Object.getPrototypeOf(UnclickableBlotSpec)).call(this, formatter));
 
-                  _this.nextUnclickable = unclickable;
-                  _this.repositionProxyImage(_this.nextUnclickable);
-                };
+            	    _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.onProxyImageClick = function () {
-                  _this.unclickable = _this.nextUnclickable;
-                  _this.nextUnclickable = null;
-                  _this.formatter.show(_this);
-                  _this.hideProxyImage();
-                };
+            	    _this.onMouseEnter = function (event) {
+            	      var unclickable = event.target;
+            	      if (!(unclickable instanceof HTMLElement)) {
+            	        return;
+            	      }
 
-                _this.selector = selector;
-                _this.unclickable = null;
-                _this.nextUnclickable = null;
-                return _this;
-              }
+            	      _this.nextUnclickable = unclickable;
+            	      _this.repositionProxyImage(_this.nextUnclickable);
+            	    };
 
-              _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.onProxyImageClick = function () {
+            	      _this.unclickable = _this.nextUnclickable;
+            	      _this.nextUnclickable = null;
+            	      _this.formatter.show(_this);
+            	      _this.hideProxyImage();
+            	    };
 
-                  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'
-                  });
+            	    _this.selector = selector;
+            	    _this.unclickable = null;
+            	    _this.nextUnclickable = null;
+            	    return _this;
+            	  }
 
-                  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'
-                  });
-                }
-              }]);
+            	  _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.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'
+            	      });
+
+            	      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();
 
-              return UnclickableBlotSpec;
-            }(_BlotSpec3.default);
+            	      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'
+            	      });
+            	    }
+            	  }]);
 
-            UnclickableBlotSpec$1.default = UnclickableBlotSpec;
+            	  return UnclickableBlotSpec;
+            	}(_BlotSpec3.default);
+
+            	UnclickableBlotSpec.default = UnclickableBlotSpec$1;
+            	return UnclickableBlotSpec;
+            }
 
             var hasRequiredIframeVideoSpec;
 
@@ -19705,7 +19705,7 @@
             	  value: true
             	});
 
-            	var _UnclickableBlotSpec2 = UnclickableBlotSpec$1;
+            	var _UnclickableBlotSpec2 = requireUnclickableBlotSpec();
 
             	var _UnclickableBlotSpec3 = _interopRequireDefault(_UnclickableBlotSpec2);
 
@@ -19905,7 +19905,7 @@
             	  }
             	});
 
-            	var _ResizeAction = requireResizeAction();
+            	var _ResizeAction = ResizeAction$1;
 
             	Object.defineProperty(exports, 'ResizeAction', {
             	  enumerable: true,
@@ -19932,7 +19932,7 @@
             	  }
             	});
 
-            	var _UnclickableBlotSpec = UnclickableBlotSpec$1;
+            	var _UnclickableBlotSpec = requireUnclickableBlotSpec();
 
             	Object.defineProperty(exports, 'UnclickableBlotSpec', {
             	  enumerable: true,
@@ -19998,6 +19998,12 @@
                             return ['fixed-top', 'embedded'].includes(value);
                         },
                     },
+                    // 传入toolbar的自定义style
+                    toolbarStyle: {
+                        type: Object,
+                        required: false,
+                        default: () => ({})
+                    },
                     theme: {
                         type: String,
                         default: 'snow',
@@ -20059,11 +20065,6 @@
                     let quill;
                     let options;
                     const editor = vue.ref();
-                    const editorWrapStyle = vue.computed(() => {
-                        return {
-                            minHeight: `${props.minHeight}px`,
-                        };
-                    });
                     const editorWrapClass = vue.computed(() => {
                         return {
                             'quill-editor-container': true,
@@ -20072,6 +20073,37 @@
                             'embedded': props.toolbarMode === 'embedded',
                         };
                     });
+                    // 监听 minHeight 变化，同步设置编辑器高度
+                    const updateEditorHeight = () => {
+                        if (quill && editor.value) {
+                            const editorElement = editor.value.querySelector('.ql-editor');
+                            if (editorElement) {
+                                editorElement.style.minHeight = `${props.minHeight}px`;
+                            }
+                        }
+                    };
+                    // 监听 minHeight 变化
+                    vue.watch(() => props.minHeight, () => {
+                        vue.nextTick(() => {
+                            updateEditorHeight();
+                        });
+                    });
+                    // 应用自定义toolbar样式
+                    const applyToolbarStyle = () => {
+                        var _a;
+                        if (quill && props.toolbarStyle) {
+                            const toolbar = (_a = quill.getModule('toolbar')) === null || _a === void 0 ? void 0 : _a.container;
+                            if (toolbar) {
+                                Object.assign(toolbar.style, props.toolbarStyle);
+                            }
+                        }
+                    };
+                    // 监听 toolbarStyle 变化
+                    vue.watch(() => props.toolbarStyle, () => {
+                        vue.nextTick(() => {
+                            applyToolbarStyle();
+                        });
+                    });
                     // Register Module if not already registered
                     const registerModule = (moduleName, module) => {
                         // For Quill 1.x, we can't check if module is already registered
@@ -20123,6 +20155,10 @@
                             .getModule('toolbar')) === null || _b === void 0 ? void 0 : _b.container.addEventListener('mousedown', (e) => {
                             e.preventDefault();
                         });
+                        // 设置初始编辑器高度
+                        updateEditorHeight();
+                        // 应用初始toolbar样式
+                        applyToolbarStyle();
                         // Emit ready event
                         ctx.emit('ready', quill);
                     };
@@ -20146,7 +20182,6 @@
                                     handlers: {
                                         ocr: function () {
                                             // 按钮点击逻辑
-                                            console.log('ocr');
                                             ctx.emit('ocr');
                                         },
                                         math: function () {
@@ -20209,7 +20244,6 @@
                     const isEditorFocus = vue.ref();
                     const handleSelectionChange = (range, oldRange, source) => {
                         var _a;
-                        // Set isEditorFocus if quill.hasFocus()
                         isEditorFocus.value = !!(quill === null || quill === void 0 ? void 0 : quill.hasFocus());
                         // 动态显示/隐藏toolbar
                         const toolbar = (_a = quill === null || quill === void 0 ? void 0 : quill.getModule('toolbar')) === null || _a === void 0 ? void 0 : _a.container;
@@ -20345,14 +20379,13 @@
                         getText,
                         setText,
                         reinit,
-                        editorWrapStyle,
                         editorWrapClass,
                     };
                 },
                 render() {
                     var _a, _b;
                     return [
-                        vue.h('div', { class: this.editorWrapClass, style: this.editorWrapStyle }, [
+                        vue.h('div', { class: this.editorWrapClass }, [
                             (_b = (_a = this.$slots).toolbar) === null || _b === void 0 ? void 0 : _b.call(_a),
                             vue.h('div', { ref: 'editor', ...this.$attrs }),
                         ]),