pxx-vue-quill 1.0.94 → 1.0.96

package/dist/vue-quill.umd.js

@@ -7,7 +7,7 @@
  * 
  * Copyright (c) 2025 Pxx-Team
  * Released under the MIT license
- * Date: 2025-09-08T14:33:05.870Z
+ * Date: 2025-09-09T02:28:36.927Z
  */
 (function (global, factory) {
             typeof exports === 'object' && typeof module !== 'undefined' ? factory(exports, require('vue')) :
@@ -18468,6 +18468,14 @@
                         type: Boolean,
                         default: false,
                     },
+                    canUndo: {
+                        type: Boolean,
+                        default: false,
+                    },
+                    canRedo: {
+                        type: Boolean,
+                        default: false,
+                    },
                 },
                 emits: ['toolClick'],
                 setup(props, { emit }) {
@@ -18548,14 +18556,16 @@
                                 ]),
                                 vue.h('span', { class: 'ql-formats' }, [
                                     vue.h('button', {
-                                        class: 'ql-undo',
+                                        class: ['ql-undo', { 'ql-disabled': !props.canUndo }],
                                         type: 'button',
-                                        onClick: () => emit('toolClick', 'undo')
+                                        disabled: !props.canUndo,
+                                        onClick: () => props.canUndo && emit('toolClick', 'undo')
                                     }, ''),
                                     vue.h('button', {
-                                        class: 'ql-redo',
+                                        class: ['ql-redo', { 'ql-disabled': !props.canRedo }],
                                         type: 'button',
-                                        onClick: () => emit('toolClick', 'redo')
+                                        disabled: !props.canRedo,
+                                        onClick: () => props.canRedo && emit('toolClick', 'redo')
                                     }, '')
                                 ]),
                                 vue.h('span', { class: 'ql-formats' }, [
@@ -20087,7 +20097,8 @@
 
             var BlotFormatter = /*@__PURE__*/getDefaultExportFromCjs(dist);
 
-            function useBlotFormatter(editor) {
+            let isBlotFormatterRegistered = false;
+            function useBlotFormatter(editor, enableImageResize = true) {
                 const quillRef = vue.ref(null);
                 const removeQuillBlotFormatter = () => {
                     var _a;
@@ -20185,10 +20196,13 @@
                     }
                 };
                 const registerBlotFormatter = () => {
-                    var _a;
+                    if (!enableImageResize) {
+                        return;
+                    }
                     try {
-                        if (!((_a = Quill.imports) === null || _a === void 0 ? void 0 : _a['modules/blotFormatter'])) {
+                        if (!isBlotFormatterRegistered) {
                             Quill.register('modules/blotFormatter', BlotFormatter);
+                            isBlotFormatterRegistered = true;
                         }
                     }
                     catch (error) {
@@ -20196,7 +20210,12 @@
                     }
                 };
                 const getBlotFormatterConfig = () => {
-                    return {};
+                    if (!enableImageResize) {
+                        return {};
+                    }
+                    return {
+                        blotFormatter: {}
+                    };
                 };
                 vue.onMounted(() => {
                     window.addEventListener('click', handleGlobalClick, true);
@@ -20275,6 +20294,10 @@
                         type: Boolean,
                         default: false,
                     },
+                    enableImageResize: {
+                        type: Boolean,
+                        default: true,
+                    },
                     toolbarStyle: {
                         type: Object,
                         required: false,
@@ -20310,7 +20333,9 @@
                 setup: (props, ctx) => {
                     const editor = vue.ref();
                     const showMoreToolbar = vue.ref(false);
-                    const { setQuill, removeQuillBlotFormatter, configureBlotFormatter, applyImageStyle, registerBlotFormatter, getBlotFormatterConfig } = useBlotFormatter(editor);
+                    const canUndo = vue.ref(false);
+                    const canRedo = vue.ref(false);
+                    const { setQuill, removeQuillBlotFormatter, configureBlotFormatter, applyImageStyle, registerBlotFormatter, getBlotFormatterConfig } = useBlotFormatter(editor, props.enableImageResize);
                     vue.onMounted(() => {
                         initialize();
                     });
@@ -20366,11 +20391,51 @@
                             console.warn('设置图标时出错:', error);
                         }
                     };
+                    const updateHistoryState = () => {
+                        if (quill) {
+                            const history = quill.getModule('history');
+                            if (history) {
+                                canUndo.value = history.stack.undo.length > 0;
+                                canRedo.value = history.stack.redo.length > 0;
+                                updateToolbarButtonStyles();
+                            }
+                        }
+                    };
+                    const updateToolbarButtonStyles = () => {
+                        var _a;
+                        if (!quill)
+                            return;
+                        const toolbar = (_a = quill.getModule('toolbar')) === null || _a === void 0 ? void 0 : _a.container;
+                        if (toolbar) {
+                            const undoBtn = toolbar.querySelector('.ql-undo');
+                            const redoBtn = toolbar.querySelector('.ql-redo');
+                            if (undoBtn) {
+                                if (canUndo.value) {
+                                    undoBtn.classList.remove('ql-disabled');
+                                }
+                                else {
+                                    undoBtn.classList.add('ql-disabled');
+                                }
+                                undoBtn.disabled = !canUndo.value;
+                            }
+                            if (redoBtn) {
+                                if (canRedo.value) {
+                                    redoBtn.classList.remove('ql-disabled');
+                                }
+                                else {
+                                    redoBtn.classList.add('ql-disabled');
+                                }
+                                redoBtn.disabled = !canRedo.value;
+                            }
+                        }
+                    };
                     const initialize = () => {
                         var _a, _b;
                         if (!editor.value)
                             return;
-                        registerBlotFormatter();
+                        if (props.enableImageResize) {
+                            registerBlotFormatter();
+                        }
                         options = composeOptions();
                         setIcons();
                         quill = new Quill(editor.value, options);
@@ -20383,6 +20448,9 @@
                         quill.on('text-change', handleTextChange);
                         quill.on('selection-change', handleSelectionChange);
                         quill.on('editor-change', handleEditorChange);
+                        quill.on('text-change', updateHistoryState);
+                        quill.on('selection-change', updateHistoryState);
+                        updateHistoryState();
                         const toolbarDom = (_b = quill.getModule('toolbar')) === null || _b === void 0 ? void 0 : _b.container;
                         toolbarDom.addEventListener('mousedown', (e) => {
                             e.preventDefault();
@@ -20397,7 +20465,9 @@
                             applyToolbarStyle();
                         }
                         applyEditorStyle();
-                        configureBlotFormatter();
+                        if (props.enableImageResize) {
+                            configureBlotFormatter();
+                        }
                         ctx.emit('ready', quill);
                     };
                     const composeOptions = () => {
@@ -20421,11 +20491,15 @@
                                     handlers: {
                                         redo: function () {
                                             var _a;
-                                            (_a = quill === null || quill === void 0 ? void 0 : quill.getModule('history')) === null || _a === void 0 ? void 0 : _a.redo();
+                                            if (canRedo.value) {
+                                                (_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();
+                                            if (canUndo.value) {
+                                                (_a = quill === null || quill === void 0 ? void 0 : quill.getModule('history')) === null || _a === void 0 ? void 0 : _a.undo();
+                                            }
                                         },
                                         ocr: function () {
                                             ctx.emit('ocr');
@@ -20440,9 +20514,11 @@
                                 },
                             };
                         }
-                        const blotFormatterConfig = getBlotFormatterConfig();
-                        if (Object.keys(blotFormatterConfig).length > 0) {
-                            clientOptions.modules = Object.assign({}, clientOptions.modules, blotFormatterConfig);
+                        if (props.enableImageResize) {
+                            const blotFormatterConfig = getBlotFormatterConfig();
+                            if (Object.keys(blotFormatterConfig).length > 0) {
+                                clientOptions.modules = Object.assign({}, clientOptions.modules, blotFormatterConfig);
+                            }
                         }
                         return Object.assign({}, props.globalOptions, props.options, clientOptions);
                     };
@@ -20617,10 +20693,14 @@
                         if (!quill)
                             return;
                         if (tool === 'undo') {
-                            (_a = quill.getModule('history')) === null || _a === void 0 ? void 0 : _a.undo();
+                            if (canUndo.value) {
+                                (_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();
+                            if (canRedo.value) {
+                                (_b = quill.getModule('history')) === null || _b === void 0 ? void 0 : _b.redo();
+                            }
                         }
                         else if (tool === 'ocr') {
                             ctx.emit('ocr');
@@ -20649,6 +20729,8 @@
                         editor,
                         editorWrapClass,
                         showMoreToolbar,
+                        canUndo,
+                        canRedo,
                         getEditor,
                         getToolbar,
                         getQuill,
@@ -20672,6 +20754,8 @@
                                 needCollapse: this.needCollapse,
                                 toolbarStyle: this.$props.toolbarStyle,
                                 showMoreToolbar: this.showMoreToolbar,
+                                canUndo: this.canUndo,
+                                canRedo: this.canRedo,
                                 onToolClick: (tool) => {
                                     this.moreToolbarToolClick(tool);
                                 }