pxx-vue-quill 1.0.161 → 1.0.163

package/dist/vue-quill.umd.js

@@ -7,7 +7,7 @@
  * 
  * Copyright (c) 2025 Pxx-Team
  * Released under the MIT license
- * Date: 2025-09-15T01:45:46.446Z
+ * Date: 2025-09-15T03:56:15.666Z
  */
 (function (global, factory) {
             typeof exports === 'object' && typeof module !== 'undefined' ? factory(exports, require('vue')) :
@@ -20275,9 +20275,9 @@
                 };
             }
 
-            function useCustomLinkClick(editor, initialHandleCustomLink) {
+            function useCustomLink(editor) {
                 const quillRef = vue.ref(null);
-                const handleCustomLinkRef = vue.ref(initialHandleCustomLink || null);
+                const handleCustomLinkRef = vue.ref(null);
                 const handleLinkClick = (event) => {
                     if (!quillRef.value || !handleCustomLinkRef.value)
                         return;
@@ -20324,12 +20324,43 @@
                 const setHandleCustomLink = (fn) => {
                     handleCustomLinkRef.value = fn;
                 };
+                const calculateSelectionPosition = (range) => {
+                    var _a;
+                    if (!quillRef.value)
+                        return { top: 0, left: 0 };
+                    const selectionRange = range || quillRef.value.getSelection();
+                    if (!selectionRange || selectionRange.length === 0)
+                        return { top: 0, left: 0 };
+                    try {
+                        const bounds = quillRef.value.getBounds(selectionRange.index, selectionRange.length);
+                        const editorElement = (_a = editor.value) === null || _a === void 0 ? void 0 : _a.querySelector('.ql-editor');
+                        const editorContainer = editorElement === null || editorElement === void 0 ? void 0 : editorElement.closest('.quill-editor-container');
+                        const editorWidth = editorContainer ? editorContainer.clientWidth : ((editorElement === null || editorElement === void 0 ? void 0 : editorElement.clientWidth) || 0);
+                        const customLinkWidth = 310;
+                        const maxLeft = editorWidth - customLinkWidth - 16;
+                        const left = Math.min(bounds.left, Math.max(0, maxLeft));
+                        const editorRect = editorElement === null || editorElement === void 0 ? void 0 : editorElement.getBoundingClientRect();
+                        const containerRect = editorContainer === null || editorContainer === void 0 ? void 0 : editorContainer.getBoundingClientRect();
+                        if (!editorRect || !containerRect) {
+                            return { top: bounds.top + bounds.height + 5, left: left };
+                        }
+                        const editorOffsetTop = editorRect.top - containerRect.top;
+                        const top = editorOffsetTop + bounds.top + bounds.height + 5;
+                        return {
+                            top: top,
+                            left: left
+                        };
+                    }
+                    catch (error) {
+                        console.warn('计算选中位置时出错:', error);
+                        return { top: 0, left: 0 };
+                    }
+                };
                 return {
-                    quillRef,
                     setQuill,
                     setHandleCustomLink,
-                    handleLinkClick,
-                    addLinkClickListener
+                    addLinkClickListener,
+                    calculateSelectionPosition
                 };
             }
 
@@ -20524,7 +20555,7 @@
                     const { addClickHandler } = useGlobalClick(props.clickTargetSelector);
                     const { isIPadBool, handleIPadNewline } = useIPadScene();
                     const { setQuill, handleBlotFormatterClick, configureBlotFormatter, applyImageStyle, registerBlotFormatter, getBlotFormatterConfig } = useBlotFormatter(editor, props.enableImageResize);
-                    const { setQuill: setLinkQuill, setHandleCustomLink, addLinkClickListener } = useCustomLinkClick(editor);
+                    const { setQuill: setLinkQuill, setHandleCustomLink, addLinkClickListener, calculateSelectionPosition } = useCustomLink(editor);
                     vue.onMounted(() => {
                         initialize();
                     });
@@ -20864,8 +20895,8 @@
                         vue.nextTick(() => {
                             applyImageStyle();
                         });
-                        updateHistoryState();
                         ctx.emit('textChange', { delta, oldContents, source });
+                        updateHistoryState();
                     };
                     const controlToolbarVisible = (visible) => {
                         var _a;
@@ -20884,6 +20915,7 @@
                             controlToolbarVisible(true);
                         }
                         ctx.emit('selectionChange', { range, oldRange, source });
+                        updateHistoryState();
                     };
                     vue.watch(isEditorFocus, (focus) => {
                         if (focus)
@@ -20892,7 +20924,6 @@
                             ctx.emit('blur', editor);
                     });
                     const handleEditorChange = (...args) => {
-                        updateHistoryState();
                         if (args[0] === 'text-change')
                             ctx.emit('editorChange', {
                                 name: args[0],
@@ -20908,19 +20939,6 @@
                                 source: args[3],
                             });
                     };
-                    const getEditor = () => {
-                        return editor.value;
-                    };
-                    const getToolbar = () => {
-                        var _a;
-                        return (_a = quill === null || quill === void 0 ? void 0 : quill.getModule('toolbar')) === null || _a === void 0 ? void 0 : _a.container;
-                    };
-                    const getQuill = () => {
-                        if (quill)
-                            return quill;
-                        else
-                            throw `The quill editor hasn't been instantiated`;
-                    };
                     const getContents = (index, length) => {
                         if (props.contentType === 'html') {
                             return getHTML();
@@ -20931,20 +20949,14 @@
                         return quill === null || quill === void 0 ? void 0 : quill.getContents(index, length);
                     };
                     const setContents = (content, source = 'api') => {
+                        var _a;
                         const normalizedContent = !content
                             ? props.contentType === 'delta'
                                 ? new Delta$1()
                                 : ''
                             : content;
                         if (props.contentType === 'html') {
-                            if (!normalizedContent || normalizedContent === '') {
-                                if (quill) {
-                                    quill.root.innerHTML = '';
-                                }
-                            }
-                            else {
-                                setHTML(normalizedContent);
-                            }
+                            setHTML((_a = normalizedContent) !== null && _a !== void 0 ? _a : '');
                         }
                         else if (props.contentType === 'text') {
                             setText(normalizedContent, source);
@@ -21024,38 +21036,6 @@
                             handleCustomLink(true);
                         }
                     };
-                    const calculateSelectionPosition = (range) => {
-                        var _a;
-                        if (!quill)
-                            return { top: 0, left: 0 };
-                        const selectionRange = range || quill.getSelection();
-                        if (!selectionRange || selectionRange.length === 0)
-                            return { top: 0, left: 0 };
-                        try {
-                            const bounds = quill.getBounds(selectionRange.index, selectionRange.length);
-                            const editorElement = (_a = editor.value) === null || _a === void 0 ? void 0 : _a.querySelector('.ql-editor');
-                            const editorContainer = editorElement === null || editorElement === void 0 ? void 0 : editorElement.closest('.quill-editor-container');
-                            const editorWidth = editorContainer ? editorContainer.clientWidth : ((editorElement === null || editorElement === void 0 ? void 0 : editorElement.clientWidth) || 0);
-                            const customLinkWidth = 310;
-                            const maxLeft = editorWidth - customLinkWidth - 16;
-                            const left = Math.min(bounds.left, Math.max(0, maxLeft));
-                            const editorRect = editorElement === null || editorElement === void 0 ? void 0 : editorElement.getBoundingClientRect();
-                            const containerRect = editorContainer === null || editorContainer === void 0 ? void 0 : editorContainer.getBoundingClientRect();
-                            if (!editorRect || !containerRect) {
-                                return { top: bounds.top + bounds.height + 5, left: left };
-                            }
-                            const editorOffsetTop = editorRect.top - containerRect.top;
-                            const top = editorOffsetTop + bounds.top + bounds.height + 5;
-                            return {
-                                top: top,
-                                left: left
-                            };
-                        }
-                        catch (error) {
-                            console.warn('计算选中位置时出错:', error);
-                            return { top: 0, left: 0 };
-                        }
-                    };
                     const handleCustomLink = (bool, linkInfo) => {
                         if (!quill)
                             return;
@@ -21148,9 +21128,6 @@
                         linkUrl,
                         linkText,
                         linkPosition,
-                        getEditor,
-                        getToolbar,
-                        getQuill,
                         getContents,
                         setContents,
                         getHTML,