pxx-vue-quill 1.0.23 → 1.0.25

package/dist/vue-quill.global.js

@@ -7,7 +7,7 @@
  * 
  * Copyright (c) 2025 Pxx-Team
  * Released under the MIT license
- * Date: 2025-08-26T09:54:33.439Z
+ * Date: 2025-08-27T08:02:05.295Z
  */
 (function (global, factory) {
             typeof exports === 'object' && typeof module !== 'undefined' ? factory(exports, require('vue')) :
@@ -18451,20 +18451,6 @@
                     ['undo', 'redo'],
                     ['math'],
                     ['ocr'],
-                ],
-                // 如果编辑器宽度不够，就显示短的工具栏
-                short: [
-                    ['bold', 'italic', 'underline'],
-                    [{ color: [] }],
-                    ['link'],
-                    ['more']
-                ],
-                // 点击更多显示的第二栏工具
-                extend: [
-                    [{ list: 'ordered' }, { list: 'bullet' }],
-                    ['image'],
-                    ['undo', 'redo'],
-                    ['math'],
                 ]
             };
 
@@ -18796,11 +18782,11 @@
               value: true
             });
 
-            var _createClass$1 = function () { function defineProperties(target, props) { for (var i = 0; i < props.length; i++) { var descriptor = props[i]; descriptor.enumerable = descriptor.enumerable || false; descriptor.configurable = true; if ("value" in descriptor) descriptor.writable = true; Object.defineProperty(target, descriptor.key, descriptor); } } return function (Constructor, protoProps, staticProps) { if (protoProps) defineProperties(Constructor.prototype, protoProps); if (staticProps) defineProperties(Constructor, staticProps); return Constructor; }; }();
+            var _createClass = function () { function defineProperties(target, props) { for (var i = 0; i < props.length; i++) { var descriptor = props[i]; descriptor.enumerable = descriptor.enumerable || false; descriptor.configurable = true; if ("value" in descriptor) descriptor.writable = true; Object.defineProperty(target, descriptor.key, descriptor); } } return function (Constructor, protoProps, staticProps) { if (protoProps) defineProperties(Constructor.prototype, protoProps); if (staticProps) defineProperties(Constructor, staticProps); return Constructor; }; }();
 
             function _defineProperty(obj, key, value) { if (key in obj) { Object.defineProperty(obj, key, { value: value, enumerable: true, configurable: true, writable: true }); } else { obj[key] = value; } return obj; }
 
-            function _classCallCheck$1(instance, Constructor) { if (!(instance instanceof Constructor)) { throw new TypeError("Cannot call a class as a function"); } }
+            function _classCallCheck(instance, Constructor) { if (!(instance instanceof Constructor)) { throw new TypeError("Cannot call a class as a function"); } }
 
             var LEFT_ALIGN = 'left';
             var CENTER_ALIGN = 'center';
@@ -18811,7 +18797,7 @@
                 var _this = this,
                     _alignments;
 
-                _classCallCheck$1(this, DefaultAligner);
+                _classCallCheck(this, DefaultAligner);
 
                 this.applyStyle = options.aligner.applyStyle;
                 this.alignAttribute = options.attribute;
@@ -18839,7 +18825,7 @@
                 }), _alignments);
               }
 
-              _createClass$1(DefaultAligner, [{
+              _createClass(DefaultAligner, [{
                 key: 'getAlignments',
                 value: function getAlignments() {
                   var _this2 = this;
@@ -19564,148 +19550,156 @@
 
             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'
+            	      });
+
+            	      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$1.default = UnclickableBlotSpec;
+            	UnclickableBlotSpec.default = UnclickableBlotSpec$1;
+            	return UnclickableBlotSpec;
+            }
 
             var hasRequiredIframeVideoSpec;
 
@@ -19717,7 +19711,7 @@
             	  value: true
             	});
 
-            	var _UnclickableBlotSpec2 = UnclickableBlotSpec$1;
+            	var _UnclickableBlotSpec2 = requireUnclickableBlotSpec();
 
             	var _UnclickableBlotSpec3 = _interopRequireDefault(_UnclickableBlotSpec2);
 
@@ -19944,7 +19938,7 @@
             	  }
             	});
 
-            	var _UnclickableBlotSpec = UnclickableBlotSpec$1;
+            	var _UnclickableBlotSpec = requireUnclickableBlotSpec();
 
             	Object.defineProperty(exports, 'UnclickableBlotSpec', {
             	  enumerable: true,
@@ -19974,6 +19968,10 @@
                         type: String,
                         required: true,
                     },
+                    toolbarStyle: {
+                        type: Object,
+                        default: () => ({}),
+                    },
                 },
                 emits: ['toolClick'],
                 setup(props, { emit }) {
@@ -19988,7 +19986,8 @@
                             class: {
                                 'short-tools': true,
                                 'collapse': showMoreTools.value
-                            }
+                            },
+                            style: props.toolbarStyle
                         }, [
                             // 第一组：基础格式工具
                             vue.h('span', { class: 'ql-formats' }, [
@@ -20038,7 +20037,7 @@
                             class: {
                                 "more-tools": true,
                                 "collapse": showMoreTools.value
-                            }, style: { display: showMoreTools.value ? 'block' : 'none' }
+                            }, style: { display: showMoreTools.value ? 'block' : 'none', ...props.toolbarStyle }
                         }, [
                             vue.h('div', { class: "more-tools-item" }, [
                                 vue.h('span', { class: 'ql-formats' }, [
@@ -20122,12 +20121,12 @@
                 inheritAttrs: false,
                 props: {
                     /**
-                     * 编辑器的key
-                     * 如果页面上存在多个编辑器的话需要传递
+                     * 编辑器的key（唯一值）
+                     * 如果页面上存在多个needCollapse为true的编辑器的话必须传递
+                     * 为什么需要传？ 因为needCollapse为true的时候，初始化toolbar需要用到id，如果id相同，则toolbar会互相影响
                      */
                     editorKey: {
-                        type: String,
-                        required: true,
+                        type: [String, Number],
                     },
                     /**
                      * 编辑器内容
@@ -20207,7 +20206,7 @@
                      * 工具栏自定义样式
                      * 传入CSS样式对象，会应用到工具栏容器上
                      * 例如：{ 'background-color': '#f0f0f0', 'border-radius': '8px' }
-                     * 支持所有CSS属性
+                     * 为了让编辑器的toolbar的样式更灵活，支持所有CSS属性
                      */
                     toolbarStyle: {
                         type: Object,
@@ -20218,50 +20217,13 @@
                      * 编辑器内容区域自定义样式
                      * 传入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模块配置
                      * 支持单个模块或模块数组
@@ -20349,17 +20311,13 @@
                             }
                         }
                     };
-                    // 监听 toolbarStyle 变化
-                    vue.watch(() => props.toolbarStyle, () => {
-                        vue.nextTick(() => {
+                    vue.watchEffect(() => {
+                        if (!props.needCollapse && props.toolbarStyle) {
                             applyToolbarStyle();
-                        });
+                        }
                     });
-                    // 监听 editorStyle 变化
-                    vue.watch(() => props.editorStyle, () => {
-                        vue.nextTick(() => {
-                            applyEditorStyle();
-                        });
+                    vue.watchEffect(() => {
+                        applyEditorStyle();
                     });
                     const registerModule = (moduleName, module) => {
                         Quill.register(moduleName, module);
@@ -20402,66 +20360,55 @@
                         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 = (() => {
@@ -20673,10 +20620,9 @@
                 render() {
                     return [
                         vue.h('div', { class: this.editorWrapClass }, [
-                            // this.$slots.toolbar?.(), // 工具栏内容固定
                             // 当 needCollapse 为 false 时，显示 MoreToolbar 组件
-                            this.$props.needCollapse && vue.h(MoreToolbar, {
-                                editorKey: this.$props.editorKey,
+                            this.$props.needCollapse && this.$props.editorKey && vue.h(MoreToolbar, {
+                                editorKey: String(this.$props.editorKey),
                                 needCollapse: this.needCollapse,
                                 toolbarStyle: this.$props.toolbarStyle,
                                 onToolClick: (tool) => {