pxx-vue-quill 1.0.27 → 1.0.29

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

@@ -7,9 +7,9 @@
  * 
  * Copyright (c) 2025 Pxx-Team
  * Released under the MIT license
- * Date: 2025-08-27T08:29:15.126Z
+ * Date: 2025-08-27T08:53:43.171Z
  */
-import { defineComponent, ref, h, onMounted, onBeforeUnmount, computed, watchEffect, watch, nextTick } from 'vue';
+import { defineComponent, h, onMounted, onBeforeUnmount, ref, computed, watchEffect, watch, nextTick } from 'vue';
 
 var global$1 = (typeof global !== "undefined" ? global :
             typeof self !== "undefined" ? self :
@@ -18553,52 +18553,44 @@ var es = /*#__PURE__*/Object.freeze({
 
 var require$$0 = /*@__PURE__*/getAugmentedNamespace(es);
 
-var Action = {};
+var Action$1 = {};
 
-var hasRequiredAction;
+Object.defineProperty(Action$1, "__esModule", {
+  value: true
+});
 
-function requireAction () {
-	if (hasRequiredAction) return Action;
-	hasRequiredAction = 1;
+var _createClass$3 = 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(Action, "__esModule", {
-	  value: true
-	});
+var _BlotFormatter$2 = requireBlotFormatter();
 
-	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; }; }();
+_interopRequireDefault$2(_BlotFormatter$2);
 
-	var _BlotFormatter = requireBlotFormatter();
+function _interopRequireDefault$2(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
 
-	_interopRequireDefault(_BlotFormatter);
+function _classCallCheck$3(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 _classCallCheck(instance, Constructor) { if (!(instance instanceof Constructor)) { throw new TypeError("Cannot call a class as a function"); } }
+var Action = function () {
+  function Action(formatter) {
+    _classCallCheck$3(this, Action);
 
-	var Action$1 = function () {
-	  function Action(formatter) {
-	    _classCallCheck(this, Action);
-
-	    this.formatter = formatter;
-	  }
+    this.formatter = formatter;
+  }
 
-	  _createClass(Action, [{
-	    key: 'onCreate',
-	    value: function onCreate() {}
-	  }, {
-	    key: 'onDestroy',
-	    value: function onDestroy() {}
-	  }, {
-	    key: 'onUpdate',
-	    value: function onUpdate() {}
-	  }]);
+  _createClass$3(Action, [{
+    key: 'onCreate',
+    value: function onCreate() {}
+  }, {
+    key: 'onDestroy',
+    value: function onDestroy() {}
+  }, {
+    key: 'onUpdate',
+    value: function onUpdate() {}
+  }]);
 
-	  return Action;
-	}();
+  return Action;
+}();
 
-	Action.default = Action$1;
-	return Action;
-}
+Action$1.default = Action;
 
 var hasRequiredBlotFormatter;
 
@@ -18620,7 +18612,7 @@ function requireBlotFormatter () {
 
 	var _Options2 = _interopRequireDefault(_Options);
 
-	var _Action = requireAction();
+	var _Action = Action$1;
 
 	_interopRequireDefault(_Action);
 
@@ -18778,11 +18770,11 @@ Object.defineProperty(DefaultAligner$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$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; }; }();
 
 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$2(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 +18785,7 @@ var DefaultAligner = function () {
     var _this = this,
         _alignments;
 
-    _classCallCheck(this, DefaultAligner);
+    _classCallCheck$2(this, DefaultAligner);
 
     this.applyStyle = options.aligner.applyStyle;
     this.alignAttribute = options.attribute;
@@ -18821,7 +18813,7 @@ var DefaultAligner = function () {
     }), _alignments);
   }
 
-  _createClass(DefaultAligner, [{
+  _createClass$2(DefaultAligner, [{
     key: 'getAlignments',
     value: function getAlignments() {
       var _this2 = this;
@@ -19059,7 +19051,7 @@ function requireAlignAction () {
 
 	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 = Action$1;
 
 	var _Action3 = _interopRequireDefault(_Action2);
 
@@ -19124,190 +19116,182 @@ function requireAlignAction () {
 	return AlignAction;
 }
 
-var ResizeAction = {};
+var ResizeAction$1 = {};
 
-var hasRequiredResizeAction;
+Object.defineProperty(ResizeAction$1, "__esModule", {
+  value: true
+});
 
-function requireResizeAction () {
-	if (hasRequiredResizeAction) return ResizeAction;
-	hasRequiredResizeAction = 1;
+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; }; }();
 
-	Object.defineProperty(ResizeAction, "__esModule", {
-	  value: true
-	});
+var _Action2 = Action$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; }; }();
+var _Action3 = _interopRequireDefault$1(_Action2);
 
-	var _Action2 = requireAction();
+var _BlotFormatter$1 = requireBlotFormatter();
 
-	var _Action3 = _interopRequireDefault(_Action2);
+_interopRequireDefault$1(_BlotFormatter$1);
 
-	var _BlotFormatter = requireBlotFormatter();
+function _interopRequireDefault$1(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
 
-	_interopRequireDefault(_BlotFormatter);
+function _classCallCheck$1(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$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 _classCallCheck(instance, Constructor) { if (!(instance instanceof Constructor)) { throw new TypeError("Cannot call a class as a function"); } }
+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 _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 ResizeAction = function (_Action) {
+  _inherits$1(ResizeAction, _Action);
 
-	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 ResizeAction(formatter) {
+    _classCallCheck$1(this, ResizeAction);
 
-	var ResizeAction$1 = function (_Action) {
-	  _inherits(ResizeAction, _Action);
+    var _this = _possibleConstructorReturn$1(this, (ResizeAction.__proto__ || Object.getPrototypeOf(ResizeAction)).call(this, formatter));
 
-	  function ResizeAction(formatter) {
-	    _classCallCheck(this, ResizeAction);
-
-	    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$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.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 = {};
 
@@ -19327,7 +19311,7 @@ function requireDeleteAction () {
 
 	var _quill2 = _interopRequireDefault(_quill);
 
-	var _Action2 = requireAction();
+	var _Action2 = Action$1;
 
 	var _Action3 = _interopRequireDefault(_Action2);
 
@@ -19406,7 +19390,7 @@ function requireBlotSpec () {
 
 	_interopRequireDefault(_BlotFormatter);
 
-	var _Action = requireAction();
+	var _Action = Action$1;
 
 	_interopRequireDefault(_Action);
 
@@ -19414,7 +19398,7 @@ function requireBlotSpec () {
 
 	var _AlignAction2 = _interopRequireDefault(_AlignAction);
 
-	var _ResizeAction = requireResizeAction();
+	var _ResizeAction = ResizeAction$1;
 
 	var _ResizeAction2 = _interopRequireDefault(_ResizeAction);
 
@@ -19546,156 +19530,148 @@ function requireImageSpec () {
 
 var IframeVideoSpec = {};
 
-var UnclickableBlotSpec = {};
-
-var hasRequiredUnclickableBlotSpec;
+var UnclickableBlotSpec$1 = {};
 
-function requireUnclickableBlotSpec () {
-	if (hasRequiredUnclickableBlotSpec) return UnclickableBlotSpec;
-	hasRequiredUnclickableBlotSpec = 1;
-
-	Object.defineProperty(UnclickableBlotSpec, "__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; }; }();
+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;
 
@@ -19707,7 +19683,7 @@ function requireIframeVideoSpec () {
 	  value: true
 	});
 
-	var _UnclickableBlotSpec2 = requireUnclickableBlotSpec();
+	var _UnclickableBlotSpec2 = UnclickableBlotSpec$1;
 
 	var _UnclickableBlotSpec3 = _interopRequireDefault(_UnclickableBlotSpec2);
 
@@ -19862,7 +19838,7 @@ function requireOptions () {
 	  }
 	});
 
-	var _Action = requireAction();
+	var _Action = Action$1;
 
 	Object.defineProperty(exports, 'Action', {
 	  enumerable: true,
@@ -19907,7 +19883,7 @@ function requireOptions () {
 	  }
 	});
 
-	var _ResizeAction = requireResizeAction();
+	var _ResizeAction = ResizeAction$1;
 
 	Object.defineProperty(exports, 'ResizeAction', {
 	  enumerable: true,
@@ -19934,7 +19910,7 @@ function requireOptions () {
 	  }
 	});
 
-	var _UnclickableBlotSpec = requireUnclickableBlotSpec();
+	var _UnclickableBlotSpec = UnclickableBlotSpec$1;
 
 	Object.defineProperty(exports, 'UnclickableBlotSpec', {
 	  enumerable: true,
@@ -19968,15 +19944,16 @@ const MoreToolbar = defineComponent({
             type: Object,
             default: () => ({}),
         },
+        showMoreToolbar: {
+            type: Boolean,
+            default: false,
+        },
     },
     emits: ['toolClick'],
     setup(props, { emit }) {
-        const showMoreTools = ref(false);
-        const moreButtonClick = () => {
-            showMoreTools.value = !showMoreTools.value;
-        };
         return () => h('div', {
             id: 'toolbar-' + props.editorKey,
+            dataC: props.showMoreToolbar,
             style: {
                 ...props.toolbarStyle
             }
@@ -19984,7 +19961,7 @@ const MoreToolbar = defineComponent({
             h('div', {
                 class: {
                     'short-tools': true,
-                    'collapse': showMoreTools.value
+                    'collapse': props.showMoreToolbar
                 }
             }, [
                 // 第一组：基础格式工具
@@ -20027,15 +20004,15 @@ const MoreToolbar = defineComponent({
                     h('button', {
                         class: 'ql-more mr-0',
                         type: 'button',
-                        onClick: moreButtonClick
+                        onClick: () => emit('toolClick', 'more')
                     }, '')
                 ])
             ]),
             h('div', {
                 class: {
                     "more-tools": true,
-                    "collapse": showMoreTools.value
-                }, style: { display: showMoreTools.value ? 'block' : 'none' }
+                    "collapse": props.showMoreToolbar
+                }, style: { display: props.showMoreToolbar ? 'block' : 'none' }
             }, [
                 h('div', { class: "more-tools-item" }, [
                     h('span', { class: 'ql-formats' }, [
@@ -20315,6 +20292,7 @@ const QuillEditor = defineComponent({
             }
         });
         watchEffect(() => {
+            console.log("init");
             applyEditorStyle();
         });
         const registerModule = (moduleName, module) => {
@@ -20466,8 +20444,8 @@ const QuillEditor = defineComponent({
                     toolbar.style.display = 'block';
                 }
                 else {
-                    showMoreToolbar.value = false;
                     toolbar.style.display = 'none';
+                    showMoreToolbar.value = false;
                 }
             }
             ctx.emit('selectionChange', { range, oldRange, source });
@@ -20582,6 +20560,10 @@ const QuillEditor = defineComponent({
             else if (tool === 'math') {
                 ctx.emit('math');
             }
+            else if (tool === 'more') {
+                // 处理更多按钮点击
+                showMoreToolbar.value = !showMoreToolbar.value;
+            }
         };
         watch(() => props.content, (newContent) => {
             if (!quill || !newContent || internalModelEquals(newContent))
@@ -20623,6 +20605,7 @@ const QuillEditor = defineComponent({
                     editorKey: String(this.$props.editorKey),
                     needCollapse: this.needCollapse,
                     toolbarStyle: this.$props.toolbarStyle,
+                    showMoreToolbar: this.showMoreToolbar,
                     onToolClick: (tool) => {
                         this.moreToolbarToolClick(tool);
                     }