pxx-vue-quill 1.0.23 → 1.0.25

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

@@ -7,9 +7,9 @@
  * 
  * Copyright (c) 2025 Pxx-Team
  * Released under the MIT license
- * Date: 2025-08-26T09:54:33.439Z
+ * Date: 2025-08-27T08:02:05.295Z
  */
-import { defineComponent, ref, h, onMounted, onBeforeUnmount, computed, watch, nextTick } from 'vue';
+import { defineComponent, ref, h, onMounted, onBeforeUnmount, computed, watchEffect, watch, nextTick } from 'vue';
 
 var global$1 = (typeof global !== "undefined" ? global :
             typeof self !== "undefined" ? self :
@@ -18447,20 +18447,6 @@ const toolbarOptions = {
         ['undo', 'redo'],
         ['math'],
         ['ocr'],
-    ],
-    // 如果编辑器宽度不够，就显示短的工具栏
-    short: [
-        ['bold', 'italic', 'underline'],
-        [{ color: [] }],
-        ['link'],
-        ['more']
-    ],
-    // 点击更多显示的第二栏工具
-    extend: [
-        [{ list: 'ordered' }, { list: 'bullet' }],
-        ['image'],
-        ['undo', 'redo'],
-        ['math'],
     ]
 };
 
@@ -18567,44 +18553,52 @@ var es = /*#__PURE__*/Object.freeze({
 
 var require$$0 = /*@__PURE__*/getAugmentedNamespace(es);
 
-var Action$1 = {};
+var Action = {};
 
-Object.defineProperty(Action$1, "__esModule", {
-  value: true
-});
+var hasRequiredAction;
 
-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 requireAction () {
+	if (hasRequiredAction) return Action;
+	hasRequiredAction = 1;
 
-var _BlotFormatter = requireBlotFormatter();
+	Object.defineProperty(Action, "__esModule", {
+	  value: true
+	});
 
-_interopRequireDefault(_BlotFormatter);
+	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 _interopRequireDefault(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);
 
-var Action = function () {
-  function Action(formatter) {
-    _classCallCheck$1(this, Action);
+	function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
 
-    this.formatter = formatter;
-  }
+	function _classCallCheck(instance, Constructor) { if (!(instance instanceof Constructor)) { throw new TypeError("Cannot call a class as a function"); } }
 
-  _createClass$1(Action, [{
-    key: 'onCreate',
-    value: function onCreate() {}
-  }, {
-    key: 'onDestroy',
-    value: function onDestroy() {}
-  }, {
-    key: 'onUpdate',
-    value: function onUpdate() {}
-  }]);
+	var Action$1 = function () {
+	  function Action(formatter) {
+	    _classCallCheck(this, Action);
 
-  return Action;
-}();
+	    this.formatter = formatter;
+	  }
+
+	  _createClass(Action, [{
+	    key: 'onCreate',
+	    value: function onCreate() {}
+	  }, {
+	    key: 'onDestroy',
+	    value: function onDestroy() {}
+	  }, {
+	    key: 'onUpdate',
+	    value: function onUpdate() {}
+	  }]);
 
-Action$1.default = Action;
+	  return Action;
+	}();
+
+	Action.default = Action$1;
+	return Action;
+}
 
 var hasRequiredBlotFormatter;
 
@@ -18626,7 +18620,7 @@ function requireBlotFormatter () {
 
 	var _Options2 = _interopRequireDefault(_Options);
 
-	var _Action = Action$1;
+	var _Action = requireAction();
 
 	_interopRequireDefault(_Action);
 
@@ -18784,11 +18778,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$1 = function () { function defineProperties(target, props) { for (var i = 0; i < props.length; i++) { var descriptor = props[i]; descriptor.enumerable = descriptor.enumerable || false; descriptor.configurable = true; if ("value" in descriptor) descriptor.writable = true; Object.defineProperty(target, descriptor.key, descriptor); } } return function (Constructor, protoProps, staticProps) { if (protoProps) defineProperties(Constructor.prototype, protoProps); if (staticProps) defineProperties(Constructor, staticProps); return Constructor; }; }();
 
 function _defineProperty(obj, key, value) { if (key in obj) { Object.defineProperty(obj, key, { value: value, enumerable: true, configurable: true, writable: true }); } else { obj[key] = value; } return obj; }
 
-function _classCallCheck(instance, Constructor) { if (!(instance instanceof Constructor)) { throw new TypeError("Cannot call a class as a function"); } }
+function _classCallCheck$1(instance, Constructor) { if (!(instance instanceof Constructor)) { throw new TypeError("Cannot call a class as a function"); } }
 
 var LEFT_ALIGN = 'left';
 var CENTER_ALIGN = 'center';
@@ -18799,7 +18793,7 @@ var DefaultAligner = function () {
     var _this = this,
         _alignments;
 
-    _classCallCheck(this, DefaultAligner);
+    _classCallCheck$1(this, DefaultAligner);
 
     this.applyStyle = options.aligner.applyStyle;
     this.alignAttribute = options.attribute;
@@ -18827,7 +18821,7 @@ var DefaultAligner = function () {
     }), _alignments);
   }
 
-  _createClass(DefaultAligner, [{
+  _createClass$1(DefaultAligner, [{
     key: 'getAlignments',
     value: function getAlignments() {
       var _this2 = this;
@@ -19065,7 +19059,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 = Action$1;
+	var _Action2 = requireAction();
 
 	var _Action3 = _interopRequireDefault(_Action2);
 
@@ -19144,7 +19138,7 @@ function requireResizeAction () {
 
 	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 = Action$1;
+	var _Action2 = requireAction();
 
 	var _Action3 = _interopRequireDefault(_Action2);
 
@@ -19333,7 +19327,7 @@ function requireDeleteAction () {
 
 	var _quill2 = _interopRequireDefault(_quill);
 
-	var _Action2 = Action$1;
+	var _Action2 = requireAction();
 
 	var _Action3 = _interopRequireDefault(_Action2);
 
@@ -19412,7 +19406,7 @@ function requireBlotSpec () {
 
 	_interopRequireDefault(_BlotFormatter);
 
-	var _Action = Action$1;
+	var _Action = requireAction();
 
 	_interopRequireDefault(_Action);
 
@@ -19552,156 +19546,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;
 
@@ -19713,7 +19699,7 @@ function requireIframeVideoSpec () {
 	  value: true
 	});
 
-	var _UnclickableBlotSpec2 = requireUnclickableBlotSpec();
+	var _UnclickableBlotSpec2 = UnclickableBlotSpec$1;
 
 	var _UnclickableBlotSpec3 = _interopRequireDefault(_UnclickableBlotSpec2);
 
@@ -19868,7 +19854,7 @@ function requireOptions () {
 	  }
 	});
 
-	var _Action = Action$1;
+	var _Action = requireAction();
 
 	Object.defineProperty(exports, 'Action', {
 	  enumerable: true,
@@ -19940,7 +19926,7 @@ function requireOptions () {
 	  }
 	});
 
-	var _UnclickableBlotSpec = requireUnclickableBlotSpec();
+	var _UnclickableBlotSpec = UnclickableBlotSpec$1;
 
 	Object.defineProperty(exports, 'UnclickableBlotSpec', {
 	  enumerable: true,
@@ -19970,6 +19956,10 @@ const MoreToolbar = defineComponent({
             type: String,
             required: true,
         },
+        toolbarStyle: {
+            type: Object,
+            default: () => ({}),
+        },
     },
     emits: ['toolClick'],
     setup(props, { emit }) {
@@ -19984,7 +19974,8 @@ const MoreToolbar = defineComponent({
                 class: {
                     'short-tools': true,
                     'collapse': showMoreTools.value
-                }
+                },
+                style: props.toolbarStyle
             }, [
                 // 第一组：基础格式工具
                 h('span', { class: 'ql-formats' }, [
@@ -20034,7 +20025,7 @@ const MoreToolbar = defineComponent({
                 class: {
                     "more-tools": true,
                     "collapse": showMoreTools.value
-                }, style: { display: showMoreTools.value ? 'block' : 'none' }
+                }, style: { display: showMoreTools.value ? 'block' : 'none', ...props.toolbarStyle }
             }, [
                 h('div', { class: "more-tools-item" }, [
                     h('span', { class: 'ql-formats' }, [
@@ -20118,12 +20109,12 @@ const QuillEditor = defineComponent({
     inheritAttrs: false,
     props: {
         /**
-         * 编辑器的key
-         * 如果页面上存在多个编辑器的话需要传递
+         * 编辑器的key（唯一值）
+         * 如果页面上存在多个needCollapse为true的编辑器的话必须传递
+         * 为什么需要传？ 因为needCollapse为true的时候，初始化toolbar需要用到id，如果id相同，则toolbar会互相影响
          */
         editorKey: {
-            type: String,
-            required: true,
+            type: [String, Number],
         },
         /**
          * 编辑器内容
@@ -20203,7 +20194,7 @@ const QuillEditor = defineComponent({
          * 工具栏自定义样式
          * 传入CSS样式对象，会应用到工具栏容器上
          * 例如：{ 'background-color': '#f0f0f0', 'border-radius': '8px' }
-         * 支持所有CSS属性
+         * 为了让编辑器的toolbar的样式更灵活，支持所有CSS属性
          */
         toolbarStyle: {
             type: Object,
@@ -20214,50 +20205,13 @@ const QuillEditor = defineComponent({
          * 编辑器内容区域自定义样式
          * 传入CSS样式对象，会应用到编辑器内容区域(.ql-editor)上
          * 例如：{ 'font-size': '16px', 'line-height': '1.6' }
-         * 支持所有CSS属性
+         * 为了让编辑器的输入部分的样式更灵活，支持所有CSS属性
          */
         editorStyle: {
             type: Object,
             required: false,
             default: () => ({})
         },
-        /**
-         * 编辑器主题
-         * - 'snow': 雪花主题，经典工具栏样式（默认）
-         * - 'bubble': 气泡主题，浮动工具栏样式
-         * - '': 无主题，不应用任何样式
-         * 影响编辑器的整体外观和交互方式
-         */
-        theme: {
-            type: String,
-            default: 'snow',
-            validator: (value) => {
-                return ['snow', 'bubble', ''].includes(value);
-            },
-        },
-        /**
-         * 工具栏配置
-         * 支持多种格式：
-         * - 字符串: 使用预定义的工具栏配置（如'full', 'short'）
-         * - 数组: 自定义工具栏按钮数组
-         * - 对象: 自定义工具栏配置对象
-         * - 布尔值: true显示默认工具栏，false隐藏工具栏
-         * - 以'#'开头: 使用CSS选择器指定的DOM元素作为工具栏
-         */
-        toolbar: {
-            type: [String, Array, Object, Boolean],
-            required: false,
-            validator: (value) => {
-                if (!value)
-                    return false;
-                if (typeof value === 'string' && value !== '') {
-                    return value.charAt(0) === '#'
-                        ? true
-                        : Object.keys(toolbarOptions).indexOf(value) !== -1;
-                }
-                return true;
-            },
-        },
         /**
          * Quill模块配置
          * 支持单个模块或模块数组
@@ -20345,17 +20299,13 @@ const QuillEditor = defineComponent({
                 }
             }
         };
-        // 监听 toolbarStyle 变化
-        watch(() => props.toolbarStyle, () => {
-            nextTick(() => {
+        watchEffect(() => {
+            if (!props.needCollapse && props.toolbarStyle) {
                 applyToolbarStyle();
-            });
+            }
         });
-        // 监听 editorStyle 变化
-        watch(() => props.editorStyle, () => {
-            nextTick(() => {
-                applyEditorStyle();
-            });
+        watchEffect(() => {
+            applyEditorStyle();
         });
         const registerModule = (moduleName, module) => {
             Quill.register(moduleName, module);
@@ -20398,66 +20348,55 @@ const QuillEditor = defineComponent({
             quill.on('text-change', handleTextChange);
             quill.on('selection-change', handleSelectionChange);
             quill.on('editor-change', handleEditorChange);
-            if (props.theme !== 'bubble')
-                editor.value.classList.remove('ql-bubble');
-            if (props.theme !== 'snow')
-                editor.value.classList.remove('ql-snow');
             (_b = quill
                 .getModule('toolbar')) === null || _b === void 0 ? void 0 : _b.container.addEventListener('mousedown', (e) => {
                 e.preventDefault();
             });
-            // 应用初始toolbar样式
-            applyToolbarStyle();
-            // 应用初始editor样式
-            applyEditorStyle();
             ctx.emit('ready', quill);
         };
         // Compose Options
         const composeOptions = () => {
             const clientOptions = {};
-            if (props.theme !== '')
-                clientOptions.theme = props.theme;
+            clientOptions.theme = 'snow';
             if (props.readOnly)
                 clientOptions.readOnly = props.readOnly;
             if (props.placeholder)
                 clientOptions.placeholder = props.placeholder;
-            if (props.toolbar && props.toolbar !== '') {
-                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;
-                                }
+            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;
+                            }
                         },
-                    };
-                }
+                    },
+                };
             }
             if (props.modules) {
                 const modules = (() => {
@@ -20669,10 +20608,9 @@ const QuillEditor = defineComponent({
     render() {
         return [
             h('div', { class: this.editorWrapClass }, [
-                // this.$slots.toolbar?.(), // 工具栏内容固定
                 // 当 needCollapse 为 false 时，显示 MoreToolbar 组件
-                this.$props.needCollapse && h(MoreToolbar, {
-                    editorKey: this.$props.editorKey,
+                this.$props.needCollapse && this.$props.editorKey && h(MoreToolbar, {
+                    editorKey: String(this.$props.editorKey),
                     needCollapse: this.needCollapse,
                     toolbarStyle: this.$props.toolbarStyle,
                     onToolClick: (tool) => {