pxx-vue-quill 1.0.124 → 1.0.125

package/dist/vue-quill.umd.js

@@ -7,7 +7,7 @@
  * 
  * Copyright (c) 2025 Pxx-Team
  * Released under the MIT license
- * Date: 2025-09-10T06:17:09.563Z
+ * Date: 2025-09-10T06:46:41.838Z
  */
 (function (global, factory) {
             typeof exports === 'object' && typeof module !== 'undefined' ? factory(exports, require('vue')) :
@@ -18994,11 +18994,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';
@@ -19009,7 +19009,7 @@
                 var _this = this,
                     _alignments;
 
-                _classCallCheck(this, DefaultAligner);
+                _classCallCheck$1(this, DefaultAligner);
 
                 this.applyStyle = options.aligner.applyStyle;
                 this.alignAttribute = options.attribute;
@@ -19037,7 +19037,7 @@
                 }), _alignments);
               }
 
-              _createClass(DefaultAligner, [{
+              _createClass$1(DefaultAligner, [{
                 key: 'getAlignments',
                 value: function getAlignments() {
                   var _this2 = this;
@@ -19762,156 +19762,148 @@
 
             var IframeVideoSpec = {};
 
-            var UnclickableBlotSpec = {};
-
-            var hasRequiredUnclickableBlotSpec;
-
-            function requireUnclickableBlotSpec () {
-            	if (hasRequiredUnclickableBlotSpec) return UnclickableBlotSpec;
-            	hasRequiredUnclickableBlotSpec = 1;
-
-            	Object.defineProperty(UnclickableBlotSpec, "__esModule", {
-            	  value: true
-            	});
+            var UnclickableBlotSpec$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$1, "__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 _BlotFormatter = requireBlotFormatter();
+            var _BlotSpec3 = _interopRequireDefault(_BlotSpec2);
 
-            	_interopRequireDefault(_BlotFormatter);
+            var _BlotFormatter = requireBlotFormatter();
 
-            	function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
+            _interopRequireDefault(_BlotFormatter);
 
-            	function _classCallCheck(instance, Constructor) { if (!(instance instanceof Constructor)) { throw new TypeError("Cannot call a class as a function"); } }
+            function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
 
-            	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;
 
@@ -19923,7 +19915,7 @@
             	  value: true
             	});
 
-            	var _UnclickableBlotSpec2 = requireUnclickableBlotSpec();
+            	var _UnclickableBlotSpec2 = UnclickableBlotSpec$1;
 
             	var _UnclickableBlotSpec3 = _interopRequireDefault(_UnclickableBlotSpec2);
 
@@ -20150,7 +20142,7 @@
             	  }
             	});
 
-            	var _UnclickableBlotSpec = requireUnclickableBlotSpec();
+            	var _UnclickableBlotSpec = UnclickableBlotSpec$1;
 
             	Object.defineProperty(exports, 'UnclickableBlotSpec', {
             	  enumerable: true,
@@ -20400,7 +20392,7 @@
                     },
                     enableImageResize: {
                         type: Boolean,
-                        default: true,
+                        default: false,
                     },
                     toolbarStyle: {
                         type: Object,
@@ -20445,6 +20437,7 @@
                     const canUseLink = vue.ref(false);
                     const linkPosition = vue.ref({ top: 0, left: 0 });
                     const savedRange = vue.ref(null);
+                    console.log('props.enableImageResize', props.enableImageResize);
                     const { setQuill, removeQuillBlotFormatter, configureBlotFormatter, applyImageStyle, registerBlotFormatter, getBlotFormatterConfig } = useBlotFormatter(editor, props.enableImageResize);
                     const { setQuill: setLinkQuill, setHandleCustomLink, addLinkClickListener } = useLinkClick(editor);
                     vue.onMounted(() => {
@@ -20556,15 +20549,15 @@
                         if (!editor.value)
                             return;
                         options = composeOptions();
+                        if (props.enableImageResize) {
+                            registerBlotFormatter();
+                        }
                         setIcons();
                         quill = new Quill(editor.value, options);
                         setQuill(quill);
                         setLinkQuill(quill);
                         controlToolbarVisible(false);
                         setContents(props.content);
-                        if (props.enableImageResize) {
-                            registerBlotFormatter();
-                        }
                         quill.on('text-change', handleTextChange);
                         quill.on('selection-change', handleSelectionChange);
                         quill.on('editor-change', handleEditorChange);
@@ -20655,6 +20648,11 @@
                                 clientOptions.modules = Object.assign({}, clientOptions.modules, blotFormatterConfig);
                             }
                         }
+                        else {
+                            if (clientOptions.modules) {
+                                delete clientOptions.modules.blotFormatter;
+                            }
+                        }
                         return Object.assign({}, props.globalOptions, props.options, clientOptions);
                     };
                     const maybeClone = (delta) => {