pxx-vue-quill 1.0.28 → 1.0.30

package/dist/vue-quill.global.js

@@ -7,7 +7,7 @@
  * 
  * Copyright (c) 2025 Pxx-Team
  * Released under the MIT license
- * Date: 2025-08-27T08:32:14.484Z
+ * Date: 2025-08-28T06:39:34.530Z
  */
 (function (global, factory) {
             typeof exports === 'object' && typeof module !== 'undefined' ? factory(exports, require('vue')) :
@@ -18782,11 +18782,11 @@
               value: true
             });
 
-            var _createClass$2 = 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$2(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';
@@ -18797,7 +18797,7 @@
                 var _this = this,
                     _alignments;
 
-                _classCallCheck$2(this, DefaultAligner);
+                _classCallCheck$1(this, DefaultAligner);
 
                 this.applyStyle = options.aligner.applyStyle;
                 this.alignAttribute = options.attribute;
@@ -18825,7 +18825,7 @@
                 }), _alignments);
               }
 
-              _createClass$2(DefaultAligner, [{
+              _createClass$1(DefaultAligner, [{
                 key: 'getAlignments',
                 value: function getAlignments() {
                   var _this2 = this;
@@ -19128,182 +19128,190 @@
             	return AlignAction;
             }
 
-            var ResizeAction$1 = {};
+            var ResizeAction = {};
 
-            Object.defineProperty(ResizeAction$1, "__esModule", {
-              value: true
-            });
+            var hasRequiredResizeAction;
 
-            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 requireResizeAction () {
+            	if (hasRequiredResizeAction) return ResizeAction;
+            	hasRequiredResizeAction = 1;
 
-            var _Action2 = requireAction();
+            	Object.defineProperty(ResizeAction, "__esModule", {
+            	  value: true
+            	});
 
-            var _Action3 = _interopRequireDefault$1(_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$1 = requireBlotFormatter();
+            	var _Action2 = requireAction();
 
-            _interopRequireDefault$1(_BlotFormatter$1);
+            	var _Action3 = _interopRequireDefault(_Action2);
 
-            function _interopRequireDefault$1(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
+            	var _BlotFormatter = requireBlotFormatter();
 
-            function _classCallCheck$1(instance, Constructor) { if (!(instance instanceof Constructor)) { throw new TypeError("Cannot call a class as a function"); } }
+            	_interopRequireDefault(_BlotFormatter);
 
-            function _possibleConstructorReturn$1(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$1(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$1(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$1(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$1(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$1(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 = {};
 
@@ -19410,7 +19418,7 @@
 
             	var _AlignAction2 = _interopRequireDefault(_AlignAction);
 
-            	var _ResizeAction = ResizeAction$1;
+            	var _ResizeAction = requireResizeAction();
 
             	var _ResizeAction2 = _interopRequireDefault(_ResizeAction);
 
@@ -19895,7 +19903,7 @@
             	  }
             	});
 
-            	var _ResizeAction = ResizeAction$1;
+            	var _ResizeAction = requireResizeAction();
 
             	Object.defineProperty(exports, 'ResizeAction', {
             	  enumerable: true,
@@ -19956,15 +19964,16 @@
                         type: Object,
                         default: () => ({}),
                     },
+                    showMoreToolbar: {
+                        type: Boolean,
+                        default: false,
+                    },
                 },
                 emits: ['toolClick'],
                 setup(props, { emit }) {
-                    const showMoreTools = vue.ref(false);
-                    const moreButtonClick = () => {
-                        showMoreTools.value = !showMoreTools.value;
-                    };
                     return () => vue.h('div', {
                         id: 'toolbar-' + props.editorKey,
+                        dataC: props.showMoreToolbar,
                         style: {
                             ...props.toolbarStyle
                         }
@@ -19972,7 +19981,7 @@
                         vue.h('div', {
                             class: {
                                 'short-tools': true,
-                                'collapse': showMoreTools.value
+                                'collapse': props.showMoreToolbar
                             }
                         }, [
                             // 第一组：基础格式工具
@@ -20015,15 +20024,15 @@
                                 vue.h('button', {
                                     class: 'ql-more mr-0',
                                     type: 'button',
-                                    onClick: moreButtonClick
+                                    onClick: () => emit('toolClick', 'more')
                                 }, '')
                             ])
                         ]),
                         vue.h('div', {
                             class: {
                                 "more-tools": true,
-                                "collapse": showMoreTools.value
-                            }, style: { display: showMoreTools.value ? 'block' : 'none' }
+                                "collapse": props.showMoreToolbar
+                            }, style: { display: props.showMoreToolbar ? 'block' : 'none' }
                         }, [
                             vue.h('div', { class: "more-tools-item" }, [
                                 vue.h('span', { class: 'ql-formats' }, [
@@ -20303,6 +20312,7 @@
                         }
                     });
                     vue.watchEffect(() => {
+                        console.log("init");
                         applyEditorStyle();
                     });
                     const registerModule = (moduleName, module) => {
@@ -20454,8 +20464,8 @@
                                 toolbar.style.display = 'block';
                             }
                             else {
-                                showMoreToolbar.value = false;
                                 toolbar.style.display = 'none';
+                                showMoreToolbar.value = false;
                             }
                         }
                         ctx.emit('selectionChange', { range, oldRange, source });
@@ -20570,9 +20580,13 @@
                         else if (tool === 'math') {
                             ctx.emit('math');
                         }
+                        else if (tool === 'more') {
+                            // 处理更多按钮点击
+                            showMoreToolbar.value = !showMoreToolbar.value;
+                        }
                     };
                     vue.watch(() => props.content, (newContent) => {
-                        if (!quill || !newContent || internalModelEquals(newContent))
+                        if (!quill || internalModelEquals(newContent))
                             return;
                         const selection = quill.getSelection();
                         if (selection) {
@@ -20611,6 +20625,7 @@
                                 editorKey: String(this.$props.editorKey),
                                 needCollapse: this.needCollapse,
                                 toolbarStyle: this.$props.toolbarStyle,
+                                showMoreToolbar: this.showMoreToolbar,
                                 onToolClick: (tool) => {
                                     this.moreToolbarToolClick(tool);
                                 }