pxx-vue-quill 1.0.30 → 1.0.32

package/dist/vue-quill.esm-browser.js

@@ -7,7 +7,7 @@
  * 
  * Copyright (c) 2025 Pxx-Team
  * Released under the MIT license
- * Date: 2025-08-28T06:39:34.530Z
+ * Date: 2025-08-28T10:30:27.567Z
  */
 import { defineComponent, h, onMounted, onBeforeUnmount, ref, computed, watchEffect, watch, nextTick } from 'vue';
 
@@ -18778,11 +18778,11 @@ Object.defineProperty(DefaultAligner$1, "__esModule", {
   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';
@@ -18793,7 +18793,7 @@ var DefaultAligner = function () {
     var _this = this,
         _alignments;
 
-    _classCallCheck$1(this, DefaultAligner);
+    _classCallCheck(this, DefaultAligner);
 
     this.applyStyle = options.aligner.applyStyle;
     this.alignAttribute = options.attribute;
@@ -18821,7 +18821,7 @@ var DefaultAligner = function () {
     }), _alignments);
   }
 
-  _createClass$1(DefaultAligner, [{
+  _createClass(DefaultAligner, [{
     key: 'getAlignments',
     value: function getAlignments() {
       var _this2 = this;
@@ -19124,182 +19124,190 @@ function requireAlignAction () {
 	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';
+	        }
+	      }
 
-  return ResizeAction;
-}(_Action3.default);
+	      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;
+	      }
 
-ResizeAction$1.default = ResizeAction;
+	      if (this.formatter.currentSpec) {
+	        var target = this.formatter.currentSpec.getOverlayElement();
+	        if (target) {
+	          target.style.cursor = value;
+	        }
+	      }
+	    }
+	  }]);
+
+	  return ResizeAction;
+	}(_Action3.default);
+
+	ResizeAction.default = ResizeAction$1;
+	return ResizeAction;
+}
 
 var DeleteAction = {};
 
@@ -19406,7 +19414,7 @@ function requireBlotSpec () {
 
 	var _AlignAction2 = _interopRequireDefault(_AlignAction);
 
-	var _ResizeAction = ResizeAction$1;
+	var _ResizeAction = requireResizeAction();
 
 	var _ResizeAction2 = _interopRequireDefault(_ResizeAction);
 
@@ -19899,7 +19907,7 @@ function requireOptions () {
 	  }
 	});
 
-	var _ResizeAction = ResizeAction$1;
+	var _ResizeAction = requireResizeAction();
 
 	Object.defineProperty(exports, 'ResizeAction', {
 	  enumerable: true,
@@ -20444,6 +20452,13 @@ const QuillEditor = defineComponent({
         };
         const handleTextChange = (delta, oldContents, source) => {
             internalModel = maybeClone(getContents());
+            // 因为默认是<p><br></p>，影响element-ui的表单验证，所以默认设为空，有值才显示<p>内容</p>
+            if (props.contentType === 'html') {
+                const html = getHTML();
+                if (html === '' || html === '<p><br></p>' || html === '<p></p>') {
+                    internalModel = '';
+                }
+            }
             if (!internalModelEquals(props.content)) {
                 ctx.emit('update:content', internalModel);
             }
@@ -20519,7 +20534,15 @@ const QuillEditor = defineComponent({
                     : ''
                 : content;
             if (props.contentType === 'html') {
-                setHTML(normalizedContent);
+                // 对于空内容，直接清空编辑器，不插入默认结构
+                if (!normalizedContent || normalizedContent === '') {
+                    if (quill) {
+                        quill.root.innerHTML = '';
+                    }
+                }
+                else {
+                    setHTML(normalizedContent);
+                }
             }
             else if (props.contentType === 'text') {
                 setText(normalizedContent, source);
@@ -20538,7 +20561,12 @@ const QuillEditor = defineComponent({
         };
         const getHTML = () => {
             var _a;
-            return (_a = quill === null || quill === void 0 ? void 0 : quill.root.innerHTML) !== null && _a !== void 0 ? _a : '';
+            const html = (_a = quill === null || quill === void 0 ? void 0 : quill.root.innerHTML) !== null && _a !== void 0 ? _a : '';
+            // 如果内容是默认的空段落结构，返回空字符串
+            if (html === '<p><br></p>' || html === '<p></p>') {
+                return '';
+            }
+            return html;
         };
         const setHTML = (html) => {
             if (quill)