pxx-vue-quill 1.0.21 → 1.0.23

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

@@ -7,9 +7,9 @@
  * 
  * Copyright (c) 2025 Pxx-Team
  * Released under the MIT license
- * Date: 2025-08-26T02:18:21.558Z
+ * Date: 2025-08-26T09:54:33.439Z
  */
-import { defineComponent, h, onMounted, onBeforeUnmount, ref, computed, watch, nextTick } from 'vue';
+import { defineComponent, ref, h, onMounted, onBeforeUnmount, computed, watch, nextTick } from 'vue';
 
 var global$1 = (typeof global !== "undefined" ? global :
             typeof self !== "undefined" ? self :
@@ -18567,52 +18567,44 @@ var es = /*#__PURE__*/Object.freeze({
 
 var require$$0 = /*@__PURE__*/getAugmentedNamespace(es);
 
-var Action = {};
+var Action$1 = {};
 
-var hasRequiredAction;
-
-function requireAction () {
-	if (hasRequiredAction) return Action;
-	hasRequiredAction = 1;
-
-	Object.defineProperty(Action, "__esModule", {
-	  value: true
-	});
+Object.defineProperty(Action$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$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 _BlotFormatter = requireBlotFormatter();
+var _BlotFormatter = requireBlotFormatter();
 
-	_interopRequireDefault(_BlotFormatter);
+_interopRequireDefault(_BlotFormatter);
 
-	function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
+function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
 
-	function _classCallCheck(instance, Constructor) { if (!(instance instanceof Constructor)) { throw new TypeError("Cannot call a class as a function"); } }
+function _classCallCheck$1(instance, Constructor) { if (!(instance instanceof Constructor)) { throw new TypeError("Cannot call a class as a function"); } }
 
-	var Action$1 = function () {
-	  function Action(formatter) {
-	    _classCallCheck(this, Action);
+var Action = function () {
+  function Action(formatter) {
+    _classCallCheck$1(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$1(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;
 
@@ -18634,7 +18626,7 @@ function requireBlotFormatter () {
 
 	var _Options2 = _interopRequireDefault(_Options);
 
-	var _Action = requireAction();
+	var _Action = Action$1;
 
 	_interopRequireDefault(_Action);
 
@@ -18792,11 +18784,11 @@ Object.defineProperty(DefaultAligner$1, "__esModule", {
   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 = 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(instance, Constructor) { if (!(instance instanceof Constructor)) { throw new TypeError("Cannot call a class as a function"); } }
 
 var LEFT_ALIGN = 'left';
 var CENTER_ALIGN = 'center';
@@ -18807,7 +18799,7 @@ var DefaultAligner = function () {
     var _this = this,
         _alignments;
 
-    _classCallCheck$2(this, DefaultAligner);
+    _classCallCheck(this, DefaultAligner);
 
     this.applyStyle = options.aligner.applyStyle;
     this.alignAttribute = options.attribute;
@@ -18835,7 +18827,7 @@ var DefaultAligner = function () {
     }), _alignments);
   }
 
-  _createClass$2(DefaultAligner, [{
+  _createClass(DefaultAligner, [{
     key: 'getAlignments',
     value: function getAlignments() {
       var _this2 = this;
@@ -19073,7 +19065,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);
 
@@ -19138,182 +19130,190 @@ function requireAlignAction () {
 	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 = Action$1;
 
-_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;
+	      }
 
-  return ResizeAction;
-}(_Action3.default);
+	      if (this.formatter.currentSpec) {
+	        var target = this.formatter.currentSpec.getOverlayElement();
+	        if (target) {
+	          target.style.cursor = value;
+	        }
+	      }
+	    }
+	  }]);
 
-ResizeAction$1.default = ResizeAction;
+	  return ResizeAction;
+	}(_Action3.default);
+
+	ResizeAction.default = ResizeAction$1;
+	return ResizeAction;
+}
 
 var DeleteAction = {};
 
@@ -19333,7 +19333,7 @@ function requireDeleteAction () {
 
 	var _quill2 = _interopRequireDefault(_quill);
 
-	var _Action2 = requireAction();
+	var _Action2 = Action$1;
 
 	var _Action3 = _interopRequireDefault(_Action2);
 
@@ -19412,7 +19412,7 @@ function requireBlotSpec () {
 
 	_interopRequireDefault(_BlotFormatter);
 
-	var _Action = requireAction();
+	var _Action = Action$1;
 
 	_interopRequireDefault(_Action);
 
@@ -19420,7 +19420,7 @@ function requireBlotSpec () {
 
 	var _AlignAction2 = _interopRequireDefault(_AlignAction);
 
-	var _ResizeAction = ResizeAction$1;
+	var _ResizeAction = requireResizeAction();
 
 	var _ResizeAction2 = _interopRequireDefault(_ResizeAction);
 
@@ -19552,148 +19552,156 @@ function requireImageSpec () {
 
 var IframeVideoSpec = {};
 
-var UnclickableBlotSpec$1 = {};
+var UnclickableBlotSpec = {};
 
-Object.defineProperty(UnclickableBlotSpec$1, "__esModule", {
-  value: true
-});
+var hasRequiredUnclickableBlotSpec;
 
-var _createClass = function () { function defineProperties(target, props) { for (var i = 0; i < props.length; i++) { var descriptor = props[i]; descriptor.enumerable = descriptor.enumerable || false; descriptor.configurable = true; if ("value" in descriptor) descriptor.writable = true; Object.defineProperty(target, descriptor.key, descriptor); } } return function (Constructor, protoProps, staticProps) { if (protoProps) defineProperties(Constructor.prototype, protoProps); if (staticProps) defineProperties(Constructor, staticProps); return Constructor; }; }();
+function requireUnclickableBlotSpec () {
+	if (hasRequiredUnclickableBlotSpec) return UnclickableBlotSpec;
+	hasRequiredUnclickableBlotSpec = 1;
 
-var _BlotSpec2 = requireBlotSpec();
+	Object.defineProperty(UnclickableBlotSpec, "__esModule", {
+	  value: true
+	});
 
-var _BlotSpec3 = _interopRequireDefault(_BlotSpec2);
+	var _createClass = function () { function defineProperties(target, props) { for (var i = 0; i < props.length; i++) { var descriptor = props[i]; descriptor.enumerable = descriptor.enumerable || false; descriptor.configurable = true; if ("value" in descriptor) descriptor.writable = true; Object.defineProperty(target, descriptor.key, descriptor); } } return function (Constructor, protoProps, staticProps) { if (protoProps) defineProperties(Constructor.prototype, protoProps); if (staticProps) defineProperties(Constructor, staticProps); return Constructor; }; }();
 
-var _BlotFormatter = requireBlotFormatter();
+	var _BlotSpec2 = requireBlotSpec();
 
-_interopRequireDefault(_BlotFormatter);
+	var _BlotSpec3 = _interopRequireDefault(_BlotSpec2);
 
-function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
+	var _BlotFormatter = requireBlotFormatter();
 
-function _classCallCheck(instance, Constructor) { if (!(instance instanceof Constructor)) { throw new TypeError("Cannot call a class as a function"); } }
+	_interopRequireDefault(_BlotFormatter);
 
-function _possibleConstructorReturn(self, call) { if (!self) { throw new ReferenceError("this hasn't been initialised - super() hasn't been called"); } return call && (typeof call === "object" || typeof call === "function") ? call : self; }
+	function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
 
-function _inherits(subClass, superClass) { if (typeof superClass !== "function" && superClass !== null) { throw new TypeError("Super expression must either be null or a function, not " + typeof superClass); } subClass.prototype = Object.create(superClass && superClass.prototype, { constructor: { value: subClass, enumerable: false, writable: true, configurable: true } }); if (superClass) Object.setPrototypeOf ? Object.setPrototypeOf(subClass, superClass) : subClass.__proto__ = superClass; }
+	function _classCallCheck(instance, Constructor) { if (!(instance instanceof Constructor)) { throw new TypeError("Cannot call a class as a function"); } }
 
-var MOUSE_ENTER_ATTRIBUTE = 'data-blot-formatter-unclickable-bound';
-var PROXY_IMAGE_CLASS = 'blot-formatter__proxy-image';
+	function _possibleConstructorReturn(self, call) { if (!self) { throw new ReferenceError("this hasn't been initialised - super() hasn't been called"); } return call && (typeof call === "object" || typeof call === "function") ? call : self; }
 
-var UnclickableBlotSpec = function (_BlotSpec) {
-  _inherits(UnclickableBlotSpec, _BlotSpec);
+	function _inherits(subClass, superClass) { if (typeof superClass !== "function" && superClass !== null) { throw new TypeError("Super expression must either be null or a function, not " + typeof superClass); } subClass.prototype = Object.create(superClass && superClass.prototype, { constructor: { value: subClass, enumerable: false, writable: true, configurable: true } }); if (superClass) Object.setPrototypeOf ? Object.setPrototypeOf(subClass, superClass) : subClass.__proto__ = superClass; }
 
-  function UnclickableBlotSpec(formatter, selector) {
-    _classCallCheck(this, UnclickableBlotSpec);
+	var MOUSE_ENTER_ATTRIBUTE = 'data-blot-formatter-unclickable-bound';
+	var PROXY_IMAGE_CLASS = 'blot-formatter__proxy-image';
 
-    var _this = _possibleConstructorReturn(this, (UnclickableBlotSpec.__proto__ || Object.getPrototypeOf(UnclickableBlotSpec)).call(this, formatter));
+	var UnclickableBlotSpec$1 = function (_BlotSpec) {
+	  _inherits(UnclickableBlotSpec, _BlotSpec);
 
-    _this.onTextChange = function () {
-      Array.from(document.querySelectorAll(_this.selector + ':not([' + MOUSE_ENTER_ATTRIBUTE + '])')).forEach(function (unclickable) {
-        unclickable.setAttribute(MOUSE_ENTER_ATTRIBUTE, 'true');
-        unclickable.addEventListener('mouseenter', _this.onMouseEnter);
-      });
-    };
+	  function UnclickableBlotSpec(formatter, selector) {
+	    _classCallCheck(this, UnclickableBlotSpec);
 
-    _this.onMouseEnter = function (event) {
-      var unclickable = event.target;
-      if (!(unclickable instanceof HTMLElement)) {
-        return;
-      }
+	    var _this = _possibleConstructorReturn(this, (UnclickableBlotSpec.__proto__ || Object.getPrototypeOf(UnclickableBlotSpec)).call(this, formatter));
 
-      _this.nextUnclickable = unclickable;
-      _this.repositionProxyImage(_this.nextUnclickable);
-    };
+	    _this.onTextChange = function () {
+	      Array.from(document.querySelectorAll(_this.selector + ':not([' + MOUSE_ENTER_ATTRIBUTE + '])')).forEach(function (unclickable) {
+	        unclickable.setAttribute(MOUSE_ENTER_ATTRIBUTE, 'true');
+	        unclickable.addEventListener('mouseenter', _this.onMouseEnter);
+	      });
+	    };
 
-    _this.onProxyImageClick = function () {
-      _this.unclickable = _this.nextUnclickable;
-      _this.nextUnclickable = null;
-      _this.formatter.show(_this);
-      _this.hideProxyImage();
-    };
+	    _this.onMouseEnter = function (event) {
+	      var unclickable = event.target;
+	      if (!(unclickable instanceof HTMLElement)) {
+	        return;
+	      }
 
-    _this.selector = selector;
-    _this.unclickable = null;
-    _this.nextUnclickable = null;
-    return _this;
-  }
+	      _this.nextUnclickable = unclickable;
+	      _this.repositionProxyImage(_this.nextUnclickable);
+	    };
 
-  _createClass(UnclickableBlotSpec, [{
-    key: 'init',
-    value: function init() {
-      if (document.body) {
-        /*
-        it's important that this is attached to the body instead of the root quill element.
-        this prevents the click event from overlapping with ImageSpec
-         */
-        document.body.appendChild(this.createProxyImage());
-      }
+	    _this.onProxyImageClick = function () {
+	      _this.unclickable = _this.nextUnclickable;
+	      _this.nextUnclickable = null;
+	      _this.formatter.show(_this);
+	      _this.hideProxyImage();
+	    };
 
-      this.hideProxyImage();
-      this.proxyImage.addEventListener('click', this.onProxyImageClick);
-      this.formatter.quill.on('text-change', this.onTextChange);
-    }
-  }, {
-    key: 'getTargetElement',
-    value: function getTargetElement() {
-      return this.unclickable;
-    }
-  }, {
-    key: 'getOverlayElement',
-    value: function getOverlayElement() {
-      return this.unclickable;
-    }
-  }, {
-    key: 'onHide',
-    value: function onHide() {
-      this.hideProxyImage();
-      this.nextUnclickable = null;
-      this.unclickable = null;
-    }
-  }, {
-    key: 'createProxyImage',
-    value: function createProxyImage() {
-      var canvas = document.createElement('canvas');
-      var context = canvas.getContext('2d');
-      context.globalAlpha = 0;
-      context.fillRect(0, 0, 1, 1);
-
-      this.proxyImage = document.createElement('img');
-      this.proxyImage.src = canvas.toDataURL('image/png');
-      this.proxyImage.classList.add(PROXY_IMAGE_CLASS);
-
-      Object.assign(this.proxyImage.style, {
-        position: 'absolute',
-        margin: '0'
-      });
+	    _this.selector = selector;
+	    _this.unclickable = null;
+	    _this.nextUnclickable = null;
+	    return _this;
+	  }
 
-      return this.proxyImage;
-    }
-  }, {
-    key: 'hideProxyImage',
-    value: function hideProxyImage() {
-      Object.assign(this.proxyImage.style, {
-        display: 'none'
-      });
-    }
-  }, {
-    key: 'repositionProxyImage',
-    value: function repositionProxyImage(unclickable) {
-      var rect = unclickable.getBoundingClientRect();
-
-      Object.assign(this.proxyImage.style, {
-        display: 'block',
-        left: rect.left + window.pageXOffset + 'px',
-        top: rect.top + window.pageYOffset + 'px',
-        width: rect.width + 'px',
-        height: rect.height + 'px'
-      });
-    }
-  }]);
+	  _createClass(UnclickableBlotSpec, [{
+	    key: 'init',
+	    value: function init() {
+	      if (document.body) {
+	        /*
+	        it's important that this is attached to the body instead of the root quill element.
+	        this prevents the click event from overlapping with ImageSpec
+	         */
+	        document.body.appendChild(this.createProxyImage());
+	      }
 
-  return UnclickableBlotSpec;
-}(_BlotSpec3.default);
+	      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'
+	      });
 
-UnclickableBlotSpec$1.default = UnclickableBlotSpec;
+	      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);
+
+	UnclickableBlotSpec.default = UnclickableBlotSpec$1;
+	return UnclickableBlotSpec;
+}
 
 var hasRequiredIframeVideoSpec;
 
@@ -19705,7 +19713,7 @@ function requireIframeVideoSpec () {
 	  value: true
 	});
 
-	var _UnclickableBlotSpec2 = UnclickableBlotSpec$1;
+	var _UnclickableBlotSpec2 = requireUnclickableBlotSpec();
 
 	var _UnclickableBlotSpec3 = _interopRequireDefault(_UnclickableBlotSpec2);
 
@@ -19860,7 +19868,7 @@ function requireOptions () {
 	  }
 	});
 
-	var _Action = requireAction();
+	var _Action = Action$1;
 
 	Object.defineProperty(exports, 'Action', {
 	  enumerable: true,
@@ -19905,7 +19913,7 @@ function requireOptions () {
 	  }
 	});
 
-	var _ResizeAction = ResizeAction$1;
+	var _ResizeAction = requireResizeAction();
 
 	Object.defineProperty(exports, 'ResizeAction', {
 	  enumerable: true,
@@ -19932,7 +19940,7 @@ function requireOptions () {
 	  }
 	});
 
-	var _UnclickableBlotSpec = UnclickableBlotSpec$1;
+	var _UnclickableBlotSpec = requireUnclickableBlotSpec();
 
 	Object.defineProperty(exports, 'UnclickableBlotSpec', {
 	  enumerable: true,
@@ -19955,6 +19963,135 @@ function requireOptions () {
 
 var BlotFormatter = /*@__PURE__*/getDefaultExportFromCjs(dist);
 
+const MoreToolbar = defineComponent({
+    name: 'MoreToolbar',
+    props: {
+        editorKey: {
+            type: String,
+            required: true,
+        },
+    },
+    emits: ['toolClick'],
+    setup(props, { emit }) {
+        const showMoreTools = ref(false);
+        const moreButtonClick = () => {
+            showMoreTools.value = !showMoreTools.value;
+        };
+        return () => h('div', {
+            id: 'toolbar-' + props.editorKey
+        }, [
+            h('div', {
+                class: {
+                    'short-tools': true,
+                    'collapse': showMoreTools.value
+                }
+            }, [
+                // 第一组：基础格式工具
+                h('span', { class: 'ql-formats' }, [
+                    // 粗体按钮
+                    h('button', {
+                        class: 'ql-bold',
+                        type: 'button',
+                    }, ''),
+                    // 斜体按钮
+                    h('button', {
+                        class: 'ql-italic',
+                        type: 'button'
+                    }, ''),
+                    // 下划线按钮
+                    h('button', {
+                        class: 'ql-underline',
+                        type: 'button'
+                    }, '')
+                ]),
+                // 第二组：颜色选择器
+                h('span', { class: 'ql-formats' }, [
+                    h('select', {
+                        class: 'ql-color ql-picker ql-color-picker ql-expanded',
+                        type: 'button'
+                    }, [
+                        h('span', { class: 'ql-picker-label' }, ''),
+                        h('div', { class: 'ql-picker-options' })
+                    ]),
+                ]),
+                // 第三组：链接工具
+                h('span', { class: 'ql-formats' }, [
+                    h('button', {
+                        class: 'ql-link',
+                        type: 'button'
+                    }, '')
+                ]),
+                // 第四组：更多按钮
+                h('span', { class: 'ql-formats' }, [
+                    h('button', {
+                        class: 'ql-more mr-0',
+                        type: 'button',
+                        onClick: moreButtonClick
+                    }, '')
+                ])
+            ]),
+            h('div', {
+                class: {
+                    "more-tools": true,
+                    "collapse": showMoreTools.value
+                }, style: { display: showMoreTools.value ? 'block' : 'none' }
+            }, [
+                h('div', { class: "more-tools-item" }, [
+                    h('span', { class: 'ql-formats' }, [
+                        h('button', {
+                            class: 'ql-list',
+                            value: 'ordered',
+                            type: 'button'
+                        }, ''),
+                        h('button', {
+                            class: 'ql-list',
+                            value: 'bullet',
+                            type: 'button'
+                        }, '')
+                    ]),
+                    // 第二组：图片工具
+                    h('span', { class: 'ql-formats' }, [
+                        h('button', {
+                            class: 'ql-image',
+                            type: 'button'
+                        }, '')
+                    ]),
+                    // 第三组：撤销和重做
+                    h('span', { class: 'ql-formats' }, [
+                        h('button', {
+                            class: 'ql-undo',
+                            type: 'button',
+                            onClick: () => emit('toolClick', 'undo')
+                        }, ''),
+                        h('button', {
+                            class: 'ql-redo',
+                            type: 'button',
+                            onClick: () => emit('toolClick', 'redo')
+                        }, '')
+                    ]),
+                    // 第四组：数学工具
+                    h('span', { class: 'ql-formats' }, [
+                        h('button', {
+                            class: 'ql-math mr-0',
+                            type: 'button',
+                            onClick: () => emit('toolClick', 'math')
+                        }, '')
+                    ])
+                ]),
+                h('div', {}, [
+                    h('span', { class: 'ql-formats' }, [
+                        h('button', {
+                            class: 'ql-ocr',
+                            type: 'button',
+                            onClick: () => emit('toolClick', 'ocr')
+                        }, '')
+                    ])
+                ])
+            ])
+        ]);
+    }
+});
+
 // 加粗
 const boldSVG = `<svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" fill="none" version="1.1" width="18" height="18" viewBox="0 0 18 18"><g><g style="opacity:0;"><rect x="0" y="0" width="18" height="18" rx="0" fill="#FFFFFF" fill-opacity="1"/></g><g><path d="M6.794999938146972,7.7800002288818355L9.045000038146974,7.7800002288818355Q9.855000038146972,7.7800002288818355,10.230000038146972,7.442500128881836Q10.605000038146972,7.105000028881836,10.605000038146972,6.505000128881836Q10.605000038146972,6.114999728881836,10.440000038146973,5.860000628881836Q10.275000138146972,5.6050005288818365,9.929999838146973,5.470000228881836Q9.585000038146973,5.335000028881836,9.045000038146974,5.335000028881836L7.139999938146973,5.335000028881836L7.139999938146973,3.385000228881836L9.045000038146974,3.385000228881836Q10.034999838146973,3.385000228881836,10.852499938146973,3.797500608881836Q11.670000038146974,4.2100000388818355,12.142499938146972,4.922500628881836Q12.614999738146974,5.635000228881836,12.614999738146974,6.505000128881836Q12.614999738146974,7.375000028881836,12.142499938146972,8.042500028881836Q11.670000038146974,8.710000028881836,10.860000138146972,9.070000128881837Q10.050000238146973,9.430000328881835,9.045000038146974,9.430000328881835L6.794999938146972,9.430000328881835L6.794999938146972,7.7800002288818355ZM7.139999938146973,12.550000228881835L9.329999938146972,12.550000228881835Q9.900000138146972,12.550000228881835,10.327499838146974,12.354999528881836Q10.755000138146972,12.159999828881835,10.987500238146973,11.807499928881835Q11.219999838146972,11.454999928881836,11.219999838146972,11.020000428881836Q11.219999838146972,10.600000428881836,10.987500238146973,10.232500028881836Q10.755000138146972,9.864999728881836,10.327499838146974,9.647500028881836Q9.900000138146972,9.430000328881835,9.329999938146972,9.430000328881835L6.975000038146972,9.430000328881835L6.975000038146972,7.7800002288818355L9.329999938146972,7.7800002288818355Q10.349999938146972,7.7800002288818355,11.250000038146972,8.200000328881835Q12.149999638146973,8.620000328881837,12.690000538146972,9.362500228881835Q13.229999538146973,10.104999528881836,13.229999538146973,11.034999828881837Q13.229999538146973,11.949999828881836,12.690000538146972,12.752500528881836Q12.149999638146973,13.555000228881836,11.250000038146972,14.027500228881836Q10.349999938146972,14.500000228881836,9.329999938146972,14.500000228881836L7.139999938146973,14.500000228881836L7.139999938146973,12.550000228881835ZM7.064999938146973,14.500000228881836Q6.284999968146972,14.500000228881836,5.872500058146973,14.095000228881837Q5.460000038146973,13.689999228881836,5.460000038146973,12.895000428881836L5.460000038146973,4.989999728881836Q5.460000038146973,4.195000648881836,5.872500058146973,3.789999958881836Q6.284999968146972,3.385000228881836,7.064999938146973,3.385000228881836L7.469999838146973,3.385000228881836L7.469999838146973,14.500000228881836L7.064999938146973,14.500000228881836Z" fill="#555555" fill-opacity="1"/></g></g></svg>`;
 // 斜体
@@ -19973,112 +20110,36 @@ const redoSVG = `<svg t="1756107908999" class="icon" viewBox="0 0 1024 1024" ver
 const ocrSVG = `<svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" fill="none" version="1.1" width="18" height="18" viewBox="0 0 18 18"><g><g style="opacity:0;"><rect x="0" y="0" width="18" height="18" rx="0" fill="#FFFFFF" fill-opacity="1"/></g><g><path d="M3.0000245140625,2.6000244140625L5.5000243140625,2.6000244140625C5.8313951140625,2.6000244140625,6.1000242140625,2.3313953240625,6.1000242140625,2.0000244340625C6.1000242140625,1.6686535440624999,5.8313951140625,1.4000244140625,5.5000243140625,1.4000244140625L3.0000245140625,1.4000244140625Q2.3372827740625,1.4000244140625,1.8686535940625,1.8686535940625Q1.4000244140625,2.3372827740625,1.4000244140625,3.0000245140625L1.4000244140625,5.5000243140625C1.4000244140625,5.8313951140625,1.6686535440624999,6.1000242140625,2.0000244340625,6.1000242140625C2.3313953240625,6.1000242140625,2.6000244140625,5.8313951140625,2.6000244140625,5.5000243140625L2.6000244140625,3.0000245140625Q2.6000244140625,2.6000244140625,3.0000245140625,2.6000244140625ZM12.5000244140625,1.4000244140625L15.0000244140625,1.4000244140625Q15.6627664140625,1.4000244140625,16.1313954140625,1.8686538940625Q16.6000244140625,2.3372834940625,16.6000244140625,3.0000245140625L16.6000244140625,5.5000243140625C16.6000244140625,5.6591539140625,16.5368104140625,5.8117661140625,16.424288414062502,5.9242883140625C16.3117674140625,6.0368099140625,16.1591544140625,6.1000242140625,16.0000244140625,6.1000242140625C15.6686534140625,6.1000242140625,15.4000244140625,5.8313951140625,15.4000244140625,5.5000243140625L15.4000234140625,3.0000245140625Q15.4000234140625,2.6000244140625,15.0000244140625,2.6000244140625L12.5000244140625,2.6000244140625C12.1686534140625,2.6000244140625,11.9000244140625,2.3313953240625,11.9000244140625,2.0000244340625C11.9000244140625,1.6686535440624999,12.1686534140625,1.4000244140625,12.5000244140625,1.4000244140625ZM8.6239776140625,6.4719930140625C8.5439777140625,6.1512432140625,8.3999777140625,5.7421179140625,8.2479777140625,5.4212432140625L9.4959774140625,5.052368214062501C9.6959782140625,5.4293680140625,9.9199772140625,5.9346180140625,9.9999771140625,6.2714929140625L9.3519778140625,6.4719930140625L12.7119784140625,6.4719930140625L12.7119784140625,7.6079931140625L11.5039774140625,7.6079931140625C11.1279774140625,8.6968679140625,10.6159782140625,9.6014929140625,9.9599781140625,10.3461180140625C10.7599773140625,10.9224930140625,11.7279774140625,11.3468685140625,12.8879774140625,11.6029934140625C12.6239774140625,11.8592434140625,12.2799774140625,12.3716184140625,12.1039784140625,12.6918684140625C10.8719778140625,12.3716184140625,9.8719778140625,11.8752434140625,9.0479779140625,11.2107429140625C8.175977714062501,11.8992434140625,7.1199779140625,12.4036184140625,5.8559775140625,12.7558684140625C5.7279777140625,12.4757434140625,5.3759775140625,11.9312434140625,5.1519775140625,11.6591184140625C6.3759775140625,11.3868685140625,7.3839779140625,10.9706182140625,8.1839781140625,10.3781185140625C7.5199776140625,9.6094932140625,7.0079775140625,8.6888685140625,6.5919776140625,7.6079931140625L5.3279776140625,7.6079931140625L5.3279776140625,6.4719930140625L8.6239776140625,6.4719930140625ZM7.7999778140625,7.6079931140625C8.1119776140625,8.344617814062499,8.5359778140625,9.0011186140625,9.0719776140625,9.5694933140625C9.5439777140625,9.0251179140625,9.9199772140625,8.3766184140625,10.1919784140625,7.6079931140625L7.7999778140625,7.6079931140625ZM2.6000244140625,12.5000244140625L2.6000244140625,15.0000244140625Q2.6000244140625,15.4000234140625,3.0000245140625,15.4000234140625L5.5000243140625,15.4000234140625C5.8313951140625,15.4000244140625,6.1000242140625,15.6686534140625,6.1000242140625,16.0000244140625C6.1000242140625,16.3313964140625,5.8313951140625,16.6000254140625,5.5000243140625,16.6000254140625L5.4989548140625,16.6000244140625L3.0000245140625,16.6000244140625Q2.3372834940625,16.6000244140625,1.8686538940625,16.1313954140625Q1.4000244140625,15.6627664140625,1.4000244140625,15.0000244140625L1.4000244140625,12.5000244140625C1.4000244140625,12.1686534140625,1.6686535440624999,11.9000244140625,2.0000244340625,11.9000244140625C2.3313953240625,11.9000244140625,2.6000244140625,12.1686534140625,2.6000244140625,12.5000244140625ZM16.6000244140625,12.5010944140625L16.6000244140625,15.0000244140625Q16.6000244140625,15.6627654140625,16.1313954140625,16.1313954140625Q15.6627654140625,16.6000244140625,15.0000244140625,16.6000244140625L12.5000244140625,16.6000244140625C12.3408944140625,16.6000244140625,12.1882824140625,16.5368104140625,12.0757594140625,16.424288414062502C11.9632384140625,16.3117664140625,11.9000244140625,16.1591544140625,11.9000244140625,16.0000244140625C11.9000244140625,15.6686534140625,12.1686534140625,15.4000244140625,12.5000244140625,15.4000244140625L15.0000244140625,15.4000234140625Q15.4000234140625,15.4000234140625,15.4000234140625,15.0000244140625L15.4000234140625,12.5000244140625C15.4000244140625,12.1686534140625,15.6686534140625,11.9000244140625,16.0000244140625,11.9000244140625C16.3313964140625,11.9000244140625,16.6000254140625,12.1686534140625,16.6000254140625,12.5000244140625L16.6000244140625,12.5010944140625Z" fill-rule="evenodd" fill="#555555" fill-opacity="1"/></g></g></svg>`;
 // 数学公式
 const mathSVG = `<svg t="1756107836493" class="icon" viewBox="0 0 1024 1024" version="1.1" xmlns="http://www.w3.org/2000/svg" p-id="10608" width="18" height="18"><path d="M877.454222 856.177778q4.835556-4.835556 7.395556-11.093334 2.616889-6.257778 2.616889-13.084444 0-3.413333-0.625778-6.656-0.682667-3.299556-1.991111-6.428444-1.251556-3.072-3.128889-5.859556-1.877333-2.844444-4.266667-5.176889-2.332444-2.389333-5.12-4.266667-2.844444-1.877333-5.916444-3.128888-3.128889-1.308444-6.428445-1.934223-3.299556-0.682667-6.656-0.682666-6.826667 0-13.084444 2.616889-6.257778 2.56-11.036445 7.395555l-54.044444 53.987556H253.155556l325.688888-325.745778q2.389333-2.389333 4.266667-5.12 1.877333-2.844444 3.128889-5.916445 1.308444-3.128889 1.934222-6.428444 0.682667-3.299556 0.682667-6.656 0-3.413333-0.682667-6.656-0.625778-3.299556-1.934222-6.428444-1.251556-3.072-3.128889-5.859556-1.877333-2.844444-4.266667-5.176889L253.155556 162.133333h522.126222l53.930666 53.987556q4.835556 4.835556 11.093334 7.395555 6.257778 2.616889 13.084444 2.616889 3.413333 0 6.656-0.682666 3.299556-0.625778 6.428445-1.934223 3.072-1.251556 5.859555-3.128888 2.844444-1.877333 5.176889-4.266667 2.389333-2.389333 4.266667-5.12 1.877333-2.844444 3.128889-5.916445 1.308444-3.128889 1.934222-6.428444 0.682667-3.299556 0.682667-6.656 0-6.826667-2.616889-13.084444-2.56-6.257778-7.395556-11.036445l-64-64q-4.778667-4.835556-11.036444-7.395555-6.257778-2.616889-13.084445-2.616889H170.666667q-6.826667 0-13.084445 2.616889-6.257778 2.56-11.036444 7.395555-2.389333 2.389333-4.266667 5.12-1.877333 2.844444-3.128889 5.916445-1.308444 3.128889-1.934222 6.428444-0.682667 3.299556-0.682667 6.656 0 3.413333 0.682667 6.656 0.625778 3.299556 1.934222 6.428444 1.251556 3.072 3.128889 5.859556 1.877333 2.844444 4.266667 5.176889L506.311111 512l-359.822222 359.879111q-4.835556 4.778667-7.395556 11.036445-2.616889 6.257778-2.616889 13.084444 0 3.413333 0.682667 6.656 0.625778 3.299556 1.934222 6.428444 1.251556 3.072 3.128889 5.859556 1.877333 2.844444 4.266667 5.176889 2.389333 2.389333 5.12 4.266667 2.844444 1.877333 5.916444 3.128888 3.128889 1.308444 6.428445 1.991112 3.299556 0.625778 6.656 0.625777h618.666666q6.826667 0 13.084445-2.616889 6.257778-2.56 11.036444-7.395555l64-63.943111z" p-id="10609" fill="#555555"></path></svg>`;
-// 无序列表
-const listBulletSVG = `<svg viewbox="0 0 18 18"><line class="ql-stroke" x1="6" x2="15" y1="4" y2="4"/><line class="ql-stroke" x1="6" x2="15" y1="9" y2="9"/><line class="ql-stroke" x1="6" x2="15" y1="14" y2="14"/><line class="ql-stroke" x1="3" x2="3" y1="4" y2="4"/><line class="ql-stroke" x1="3" x2="3" y1="9" y2="9"/><line class="ql-stroke" x1="3" x2="3" y1="14" y2="14"/></svg>`;
-// 有序列表
-const listOrderedSVG = `<svg viewbox="0 0 18 18"><line class="ql-stroke" x1="7" x2="15" y1="4" y2="4"/><line class="ql-stroke" x1="7" x2="15" y1="9" y2="9"/><line class="ql-stroke" x1="7" x2="15" y1="14" y2="14"/><line class="ql-stroke ql-thin" x1="2.5" x2="4.5" y1="5.5" y2="5.5"/><path class="ql-fill" d="M3.5,6A0.5,0.5,0,0,1,3,5.5V3.085l-0.276.138A0.5,0.5,0,0,1,2.053,3c-0.124-.247-0.023-0.324.224-0.447l1-.5A0.5,0.5,0,0,1,4,2.5v3A0.5,0.5,0,0,1,3.5,6Z"/><path class="ql-stroke ql-thin" d="M4.5,10.5h-2c0-.234,1.85-1.076,1.85-2.234A0.959,0.959,0,0,0,2.5,8.156"/><path class="ql-stroke ql-thin" d="M2.5,14.846a0.959,0.959,0,0,0,1.85-.109A0.7,0.7,0,0,0,3.75,14a0.688,0.688,0,0,0,.6-0.736,0.959,0.959,0,0,0-1.85-.109"/></svg>`;
 // 图片
 const imageSVG = `<svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" fill="none" version="1.1" width="18" height="18" viewBox="0 0 18 18"><g><g style="opacity:0;"><rect x="0" y="0" width="18" height="18" rx="0" fill="#FFFFFF" fill-opacity="1"/></g><g><path d="M1.87471507,3.83578219Q1.5,4.18540478,1.5,4.6875L1.5,14.312503Q1.50000006,14.814598,1.874716,15.16422Q2.23459671,15.5,2.73684216,15.5L15.263157,15.5Q15.765403,15.5,16.125284,15.164218Q16.499999000000003,14.814597,16.499999000000003,14.312501L16.499999000000003,4.6875Q16.499999000000003,4.18540342,16.125284999999998,3.83578214Q15.765404,3.5,15.263157,3.5L2.73684216,3.5Q2.23459646,3.5,1.87471507,3.83578219ZM2.5,14.312503L2.5,4.6875Q2.5,4.5,2.73684216,4.5L15.263157,4.5Q15.5,4.5,15.5,4.6875L15.5,14.312501Q15.5,14.5,15.263157,14.5L2.73684216,14.5Q2.5,14.5,2.5,14.312503Z" fill-rule="evenodd" fill="#555555" fill-opacity="1" style="mix-blend-mode:passthrough"/></g><g><ellipse cx="5.4375" cy="7.4375" rx="0.4375" ry="0.4375" fill-opacity="0" stroke-opacity="1" stroke="#555555" fill="none" stroke-width="1" stroke-linecap="ROUND" stroke-linejoin="round" style="mix-blend-mode:passthrough"/></g><g><path d="M5.9053998,9.924615948146972L1.7143693,12.841608238146973Q1.61364189,12.911715538146973,1.55682093,13.020492338146973Q1.5,13.129269138146974,1.5,13.251992238146972L1.50000003,14.418008338146972Q1.50000003,14.876594038146973,1.84130602,15.195924738146973Q2.16843581,15.501991738146973,2.62437022,15.501991738146973L15.375628,15.501991738146973Q15.831564,15.501991738146973,16.158693,15.195924738146973Q16.5,14.876594038146973,16.5,14.418007838146973L16.5,13.251992238146972Q16.500000999999997,13.186988838146974,16.48338,13.124146438146973Q16.466759,13.061303638146972,16.434621,13.004799838146972Q16.402485,12.948296338146973,16.356969,12.901887938146972Q16.311453,12.855479738146972,16.255583,12.822251838146972L9.8796926,9.030259398146972Q9.842938400000001,9.008400078146973,9.8030057,8.993099628146974Q9.763073,8.977799118146972,9.721121799999999,8.969501908146972Q9.6791716,8.961204618146972,9.6364217,8.960151608146973Q9.5936708,8.959098578146973,9.551362000000001,8.965320438146973Q9.5090542,8.971542238146972,9.4684162,8.984858218146973Q9.427778199999999,8.998174158146973,9.3899918,9.018197478146973Q9.352206200000001,9.038220708146973,9.3183689,9.064369648146972Q9.284532500000001,9.090518598146973,9.2556267,9.122033748146972L7.6887164,10.830422738146973L6.4904227,9.934544588146972Q6.4273362,9.887379288146972,6.3528042,9.861893948146973Q6.2782726,9.836408678146972,6.1995153,9.835072038146972Q6.1207581,9.833735408146973,6.045404,9.856676968146973Q5.9700503000000005,9.879618528146972,5.9053998,9.924615948146972ZM2.5,13.513173138146973L2.50000006,14.418008338146972Q2.50000006,14.501992238146972,2.62437022,14.501992238146972L15.375628,14.501992238146972Q15.5,14.501992238146972,15.5,14.418007838146973L15.5,13.536368338146973L9.7178593,10.097503488146973L8.1200023,11.839632738146973Q8.0888524,11.873595438146973,8.052019600000001,11.901292338146973Q8.0151863,11.928988938146972,7.9739118,11.949486538146973Q7.9326363,11.969984038146972,7.88831,11.982591638146973Q7.8439837,11.995199238146974,7.7980995,11.999492138146973Q7.7522154,12.003785338146972,7.7063198,11.999619238146973Q7.6604242,11.995453338146973,7.6160631,11.982968338146973Q7.571702,11.970483338146973,7.5303702,11.950099938146973Q7.4890385,11.929716538146973,7.4521289,11.902122038146972L6.1805682,10.951467238146973L2.5,13.513173138146973Z" fill-rule="evenodd" fill="#555555" fill-opacity="1" style="mix-blend-mode:passthrough"/></g></g></svg>`;
 
-const MoreTools = defineComponent({
-    name: 'MoreTools',
-    props: {
-        // 传入toolbar的自定义style
-        toolbarStyle: {
-            type: Object,
-            required: false,
-            default: () => ({})
-        },
-        needCollapse: {
-            type: Boolean,
-            default: false
-        },
-        onToolClick: {
-            type: Function,
-            required: true
-        }
-    },
-    setup(props) {
-        // 渲染工具按钮
-        const renderToolButton = (tool) => {
-            if (typeof tool === 'string') {
-                // 根据工具名称获取对应的SVG图标
-                let iconSVG = '';
-                switch (tool) {
-                    case 'image':
-                        iconSVG = imageSVG;
-                        break;
-                    case 'undo':
-                        iconSVG = undoSVG;
-                        break;
-                    case 'redo':
-                        iconSVG = redoSVG;
-                        break;
-                    case 'ocr':
-                        iconSVG = ocrSVG;
-                        break;
-                    case 'math':
-                        iconSVG = mathSVG;
-                        break;
-                    default:
-                        iconSVG = '';
-                }
-                return h('button', {
-                    class: `ql-${tool}`,
-                    type: 'button',
-                    onClick: () => props.onToolClick(tool)
-                }, [
-                    iconSVG ? h('span', { innerHTML: iconSVG }) : null
-                ]);
-            }
-            else if (typeof tool === 'object' && tool !== null) {
-                const toolName = Object.keys(tool)[0];
-                const toolValue = Object.values(tool)[0];
-                let iconSVG = '';
-                if (toolName === 'list') {
-                    iconSVG = toolValue === 'ordered' ? listOrderedSVG : listBulletSVG;
-                }
-                return h('button', {
-                    class: `ql-${toolName}`,
-                    'data-value': toolValue,
-                    type: 'button',
-                    onClick: () => props.onToolClick(`${toolName}-${toolValue}`)
-                }, [
-                    iconSVG ? h('span', { innerHTML: iconSVG }) : null
-                ]);
-            }
-            return null;
-        };
-        // 渲染工具组
-        const renderToolGroup = (tools) => {
-            return h('span', {
-                class: 'ql-formats'
-            }, tools.map(tool => renderToolButton(tool)));
-        };
-        return () => h('div', {
-            class: 'ql-toolbar ql-snow more-tools',
-            style: props.toolbarStyle
-        }, [
-            h('div', {
-                class: 'more-tools-item'
-            }, [
-                // 渲染所有工具组
-                ...toolbarOptions.extend.map(toolGroup => renderToolGroup(toolGroup)),
-            ]),
-            h('div', {}, [
-                renderToolGroup(['ocr'])
-            ])
-        ]);
-    }
-});
-
 const QuillEditor = defineComponent({
     name: 'QuillEditor',
     inheritAttrs: false,
     props: {
+        /**
+         * 编辑器的key
+         * 如果页面上存在多个编辑器的话需要传递
+         */
+        editorKey: {
+            type: String,
+            required: true,
+        },
+        /**
+         * 编辑器内容
+         * 支持多种格式：字符串(HTML)、Delta对象、或undefined/null
+         * 当传入内容时，编辑器会显示对应的内容
+         */
         content: {
             type: [String, Object],
         },
+        /**
+         * 内容类型
+         * - 'delta': 使用Quill的Delta格式（默认）
+         * - 'html': 使用HTML字符串格式
+         * - 'text': 使用纯文本格式
+         * 影响内容的输入输出格式
+         */
         contentType: {
             type: String,
             default: 'delta',
@@ -20086,28 +20147,41 @@ const QuillEditor = defineComponent({
                 return ['delta', 'html', 'text'].includes(value);
             },
         },
+        /**
+         * 是否启用编辑器
+         * true: 编辑器可编辑（默认）
+         * false: 编辑器禁用，不可编辑
+         */
         enable: {
             type: Boolean,
             default: true,
         },
+        /**
+         * 是否只读模式
+         * true: 编辑器只读，不可编辑
+         * false: 编辑器可编辑（默认）
+         * 与enable的区别：readOnly只是禁止编辑，enable是禁用整个编辑器
+         */
         readOnly: {
             type: Boolean,
             default: false,
         },
+        /**
+         * 占位符文本
+         * 当编辑器内容为空时显示的提示文字
+         * 默认显示"请输入内容"
+         */
         placeholder: {
             type: String,
             required: false,
             default: "请输入内容"
         },
-        minHeight: {
-            type: Number,
-            required: false,
-            default: 20,
-        },
-        needBorder: {
-            type: Boolean,
-            default: false,
-        },
+        /**
+         * 工具栏模式
+         * - 'fixed-top': 工具栏固定在顶部，不随内容滚动
+         * - 'embedded': 工具栏嵌入在编辑器中，随内容滚动（默认）
+         * 影响工具栏的定位和滚动行为
+         */
         toolbarMode: {
             type: String,
             default: "embedded",
@@ -20115,22 +20189,45 @@ const QuillEditor = defineComponent({
                 return ['fixed-top', 'embedded'].includes(value);
             },
         },
+        /**
+         * 是否需要折叠工具栏
+         * true: 显示折叠工具栏，点击"更多"展开（默认）
+         * false: 显示完整工具栏，不折叠
+         * 影响工具栏的显示方式
+         */
         needCollapse: {
             type: Boolean,
-            default: true,
+            default: false,
         },
-        // 传入toolbar的自定义style
+        /**
+         * 工具栏自定义样式
+         * 传入CSS样式对象，会应用到工具栏容器上
+         * 例如：{ 'background-color': '#f0f0f0', 'border-radius': '8px' }
+         * 支持所有CSS属性
+         */
         toolbarStyle: {
             type: Object,
             required: false,
             default: () => ({})
         },
-        // 编辑器输入内容的自定义style
+        /**
+         * 编辑器内容区域自定义样式
+         * 传入CSS样式对象，会应用到编辑器内容区域(.ql-editor)上
+         * 例如：{ 'font-size': '16px', 'line-height': '1.6' }
+         * 支持所有CSS属性
+         */
         editorStyle: {
             type: Object,
             required: false,
             default: () => ({})
         },
+        /**
+         * 编辑器主题
+         * - 'snow': 雪花主题，经典工具栏样式（默认）
+         * - 'bubble': 气泡主题，浮动工具栏样式
+         * - '': 无主题，不应用任何样式
+         * 影响编辑器的整体外观和交互方式
+         */
         theme: {
             type: String,
             default: 'snow',
@@ -20138,6 +20235,15 @@ const QuillEditor = defineComponent({
                 return ['snow', 'bubble', ''].includes(value);
             },
         },
+        /**
+         * 工具栏配置
+         * 支持多种格式：
+         * - 字符串: 使用预定义的工具栏配置（如'full', 'short'）
+         * - 数组: 自定义工具栏按钮数组
+         * - 对象: 自定义工具栏配置对象
+         * - 布尔值: true显示默认工具栏，false隐藏工具栏
+         * - 以'#'开头: 使用CSS选择器指定的DOM元素作为工具栏
+         */
         toolbar: {
             type: [String, Array, Object, Boolean],
             required: false,
@@ -20152,6 +20258,12 @@ const QuillEditor = defineComponent({
                 return true;
             },
         },
+        /**
+         * Quill模块配置
+         * 支持单个模块或模块数组
+         * 每个模块包含：name(模块名)、module(模块对象)、options(模块选项)
+         * 默认包含blotFormatter模块，用于图片拖拽调整
+         */
         modules: {
             type: Object,
             required: false,
@@ -20162,10 +20274,21 @@ const QuillEditor = defineComponent({
                 };
             },
         },
+        /**
+         * 编辑器选项配置
+         * 传入QuillOptionsStatic对象，用于配置编辑器的各种选项
+         * 这些选项会与默认选项合并，优先级高于默认选项
+         */
         options: {
             type: Object,
             required: false,
         },
+        /**
+         * 全局选项配置
+         * 传入QuillOptionsStatic对象，用于配置编辑器的全局选项
+         * 这些选项会与默认选项合并，优先级最低
+         * 通常用于设置全局默认值
+         */
         globalOptions: {
             type: Object,
             required: false,
@@ -20181,6 +20304,7 @@ const QuillEditor = defineComponent({
         'ready',
         'ocr',
         'math',
+        'image',
     ],
     setup: (props, ctx) => {
         onMounted(() => {
@@ -20196,7 +20320,6 @@ const QuillEditor = defineComponent({
         const editorWrapClass = computed(() => {
             return {
                 'quill-editor-container': true,
-                'need-border': props.needBorder,
                 'more-toolbar': showMoreToolbar.value,
                 'fixed-top': props.toolbarMode === 'fixed-top',
                 'embedded': props.toolbarMode === 'embedded',
@@ -20248,6 +20371,7 @@ const QuillEditor = defineComponent({
                 toolbar.style.display = 'none';
             }
             const icons = Quill.import('ui/icons');
+            // 因为设计稿的图标样式和quill的图标样式不一致，所以需要手动替换
             icons['bold'] = boldSVG;
             icons['italic'] = italicSVG;
             icons['underline'] = underlineSVG;
@@ -20298,37 +20422,42 @@ const QuillEditor = defineComponent({
             if (props.placeholder)
                 clientOptions.placeholder = props.placeholder;
             if (props.toolbar && props.toolbar !== '') {
-                clientOptions.modules = {
-                    toolbar: {
-                        // 需要展开的话显示完整的工具栏
-                        container: props.needCollapse ? [
-                            ...toolbarOptions.full,
-                        ] : [
-                            ...toolbarOptions.short,
-                        ],
-                        handlers: {
-                            redo: function () {
-                                var _a;
-                                (_a = quill === null || quill === void 0 ? void 0 : quill.getModule('history')) === null || _a === void 0 ? void 0 : _a.redo();
-                            },
-                            undo: function () {
-                                var _a;
-                                (_a = quill === null || quill === void 0 ? void 0 : quill.getModule('history')) === null || _a === void 0 ? void 0 : _a.undo();
-                            },
-                            ocr: function () {
-                                // 按钮点击逻辑
-                                ctx.emit('ocr');
-                            },
-                            math: function () {
-                                // 按钮点击逻辑
-                                ctx.emit('math');
+                if (props.needCollapse) {
+                    clientOptions.modules = {
+                        toolbar: "#toolbar-" + props.editorKey,
+                    };
+                }
+                else {
+                    clientOptions.modules = {
+                        toolbar: {
+                            // 需要展开的话显示完整的工具栏
+                            container: [
+                                ...toolbarOptions.full,
+                            ],
+                            handlers: {
+                                redo: function () {
+                                    var _a;
+                                    (_a = quill === null || quill === void 0 ? void 0 : quill.getModule('history')) === null || _a === void 0 ? void 0 : _a.redo();
+                                },
+                                undo: function () {
+                                    var _a;
+                                    (_a = quill === null || quill === void 0 ? void 0 : quill.getModule('history')) === null || _a === void 0 ? void 0 : _a.undo();
+                                },
+                                ocr: function () {
+                                    // 按钮点击逻辑
+                                    ctx.emit('ocr');
+                                },
+                                math: function () {
+                                    // 按钮点击逻辑
+                                    ctx.emit('math');
+                                },
+                                more: function () {
+                                    showMoreToolbar.value = !showMoreToolbar.value;
+                                }
                             },
-                            more: function () {
-                                showMoreToolbar.value = !showMoreToolbar.value;
-                            }
                         },
-                    },
-                };
+                    };
+                }
             }
             if (props.modules) {
                 const modules = (() => {
@@ -20372,7 +20501,6 @@ const QuillEditor = defineComponent({
         };
         const handleTextChange = (delta, oldContents, source) => {
             internalModel = maybeClone(getContents());
-            // Update v-model:content when text changes
             if (!internalModelEquals(props.content)) {
                 ctx.emit('update:content', internalModel);
             }
@@ -20489,6 +20617,23 @@ const QuillEditor = defineComponent({
                 initialize();
             });
         };
+        const moreToolbarToolClick = (tool) => {
+            var _a, _b;
+            if (!quill)
+                return;
+            if (tool === 'undo') {
+                (_a = quill.getModule('history')) === null || _a === void 0 ? void 0 : _a.undo();
+            }
+            else if (tool === 'redo') {
+                (_b = quill.getModule('history')) === null || _b === void 0 ? void 0 : _b.redo();
+            }
+            else if (tool === 'ocr') {
+                ctx.emit('ocr');
+            }
+            else if (tool === 'math') {
+                ctx.emit('math');
+            }
+        };
         watch(() => props.content, (newContent) => {
             if (!quill || !newContent || internalModelEquals(newContent))
                 return;
@@ -20518,30 +20663,20 @@ const QuillEditor = defineComponent({
             reinit,
             editorWrapClass,
             showMoreToolbar,
+            moreToolbarToolClick
         };
     },
     render() {
         return [
             h('div', { class: this.editorWrapClass }, [
                 // this.$slots.toolbar?.(), // 工具栏内容固定
-                // 当 needCollapse 为 false 时，显示 MoreTools 组件
-                this.showMoreToolbar && h(MoreTools, {
+                // 当 needCollapse 为 false 时，显示 MoreToolbar 组件
+                this.$props.needCollapse && h(MoreToolbar, {
+                    editorKey: this.$props.editorKey,
                     needCollapse: this.needCollapse,
                     toolbarStyle: this.$props.toolbarStyle,
                     onToolClick: (tool) => {
-                        var _a, _b, _c, _d;
-                        if (tool === 'undo') {
-                            (_b = (_a = this.getQuill()) === null || _a === void 0 ? void 0 : _a.getModule('history')) === null || _b === void 0 ? void 0 : _b.undo();
-                        }
-                        else if (tool === 'redo') {
-                            (_d = (_c = this.getQuill()) === null || _c === void 0 ? void 0 : _c.getModule('history')) === null || _d === void 0 ? void 0 : _d.redo();
-                        }
-                        else if (tool === 'ocr') {
-                            this.$emit('ocr');
-                        }
-                        else if (tool === 'math') {
-                            this.$emit('math');
-                        }
+                        this.moreToolbarToolClick(tool);
                     }
                 }),
                 h('div', {