pxx-vue-quill 1.0.77 → 1.0.79

package/dist/vue-quill.umd.js

@@ -7,7 +7,7 @@
  * 
  * Copyright (c) 2025 Pxx-Team
  * Released under the MIT license
- * Date: 2025-09-05T07:41:50.281Z
+ * Date: 2025-09-05T09:25:45.618Z
  */
 (function (global, factory) {
             typeof exports === 'object' && typeof module !== 'undefined' ? factory(exports, require('vue')) :
@@ -20157,10 +20157,6 @@
                         type: Object,
                         required: false,
                     },
-                    enableImageResize: {
-                        type: Boolean,
-                        default: true,
-                    },
                 },
                 emits: [
                     'textChange',
@@ -20182,8 +20178,6 @@
                         document.addEventListener('keyup', handleGlobalKeyup, true);
                     });
                     const removeQuillBlotFormatter = () => {
-                        if (!props.enableImageResize)
-                            return;
                         try {
                             const blotFormatter = quill === null || quill === void 0 ? void 0 : quill.getModule('blotFormatter');
                             if (blotFormatter && blotFormatter.overlay) {
@@ -20200,8 +20194,6 @@
                     const handleGlobalClick = (event) => {
                         if (!editor.value)
                             return;
-                        if (!props.enableImageResize)
-                            return;
                         const blotFormatter = quill === null || quill === void 0 ? void 0 : quill.getModule('blotFormatter');
                         if (!blotFormatter || !blotFormatter.overlay)
                             return;
@@ -20211,8 +20203,6 @@
                         }
                     };
                     const handleGlobalKeyup = (event) => {
-                        if (!props.enableImageResize)
-                            return;
                         if (event.keyCode !== 46 && event.keyCode !== 8)
                             return;
                         const blotFormatter = quill === null || quill === void 0 ? void 0 : quill.getModule('blotFormatter');
@@ -20273,6 +20263,20 @@
                             }
                         }
                     };
+                    const applyImageStyle = () => {
+                        var _a;
+                        if (quill) {
+                            const editorElement = (_a = editor.value) === null || _a === void 0 ? void 0 : _a.querySelector('.ql-editor');
+                            if (editorElement) {
+                                const images = editorElement.querySelectorAll('img');
+                                images.forEach(img => {
+                                    img.style.maxWidth = '100%';
+                                    img.style.height = 'auto';
+                                    img.style.objectFit = 'contain';
+                                });
+                            }
+                        }
+                    };
                     const registerModule = (moduleName, module) => {
                         Quill.register(moduleName, module);
                     };
@@ -20297,9 +20301,7 @@
                         icons['math'] = mathSVG;
                         icons['image'] = imageSVG;
                         options = composeOptions();
-                        if (props.enableImageResize) {
-                            registerModule('modules/blotFormatter', BlotFormatter);
-                        }
+                        registerModule('modules/blotFormatter', BlotFormatter);
                         quill = new Quill(editor.value, options);
                         setContents(props.content);
                         quill.on('text-change', handleTextChange);
@@ -20361,15 +20363,13 @@
                                 },
                             };
                         }
-                        if (props.enableImageResize) {
-                            clientOptions.modules = Object.assign({}, clientOptions.modules, {
-                                blotFormatter: {
-                                    keyboard: {
-                                        enabled: false
-                                    }
+                        clientOptions.modules = Object.assign({}, clientOptions.modules, {
+                            blotFormatter: {
+                                keyboard: {
+                                    enabled: false
                                 }
-                            });
-                        }
+                            }
+                        });
                         return Object.assign({}, props.globalOptions, props.options, clientOptions);
                     };
                     const maybeClone = (delta) => {
@@ -20404,6 +20404,9 @@
                         if (!internalModelEquals(props.content)) {
                             ctx.emit('update:content', internalModel);
                         }
+                        vue.nextTick(() => {
+                            applyImageStyle();
+                        });
                         ctx.emit('textChange', { delta, oldContents, source });
                     };
                     const observeTooltip = () => {