pxx-vue-quill 1.0.0

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

@@ -0,0 +1,413 @@
+/*!
+ * PxxVueQuill pxx-vue-quill v0.0.0-development
+ * https://vueup.github.io/vue-quill/
+ * 
+ * Includes quill v1.3.7
+ * https://quilljs.com/
+ * 
+ * Copyright (c) 2025 Pxx-Team
+ * Released under the MIT license
+ * Date: 2025-08-20T07:28:26.289Z
+ */
+import Quill from 'quill';
+export { default as Quill } from 'quill';
+import Delta from 'quill-delta';
+export { default as Delta } from 'quill-delta';
+import { defineComponent, onMounted, onBeforeUnmount, ref, watch, nextTick, h } from 'vue';
+import BlotFormatter from 'quill-blot-formatter';
+
+const toolbarOptions = {
+    full: [
+        // ['bold', 'italic', 'underline', 'strike'], // toggled buttons
+        ['bold', 'italic', 'underline'],
+        [{ list: 'ordered' }, { list: 'bullet' }],
+        // [{ direction: 'rtl' }], // text direction
+        // [{ size: ['small', false, 'large', 'huge'] }], // custom dropdown
+        // [{ header: [1, 2, 3, 4, 5, 6, false] }],
+        [{ color: [] }, { background: [] }],
+        // [{ font: [] }],
+        // [{ align: [] }],
+        ['image'],
+        // ['clean'], // remove formatting button
+    ],
+};
+
+const QuillEditor = defineComponent({
+    name: 'QuillEditor',
+    inheritAttrs: false,
+    props: {
+        content: {
+            type: [String, Object],
+        },
+        contentType: {
+            type: String,
+            default: 'delta',
+            validator: (value) => {
+                return ['delta', 'html', 'text'].includes(value);
+            },
+        },
+        enable: {
+            type: Boolean,
+            default: true,
+        },
+        readOnly: {
+            type: Boolean,
+            default: false,
+        },
+        placeholder: {
+            type: String,
+            required: false,
+        },
+        theme: {
+            type: String,
+            default: 'snow',
+            validator: (value) => {
+                return ['snow', 'bubble', ''].includes(value);
+            },
+        },
+        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;
+            },
+        },
+        modules: {
+            type: Object,
+            required: false,
+            default: () => {
+                return {
+                    name: 'blotFormatter',
+                    module: BlotFormatter,
+                };
+            },
+        },
+        options: {
+            type: Object,
+            required: false,
+        },
+        globalOptions: {
+            type: Object,
+            required: false,
+        },
+    },
+    emits: [
+        'textChange',
+        'selectionChange',
+        'editorChange',
+        'update:content',
+        'focus',
+        'blur',
+        'ready',
+        'ocr',
+        'math',
+    ],
+    setup: (props, ctx) => {
+        onMounted(() => {
+            initialize();
+        });
+        onBeforeUnmount(() => {
+            quill = null;
+        });
+        let quill;
+        let options;
+        const editor = ref();
+        // Register Module if not already registered
+        const registerModule = (moduleName, module) => {
+            // For Quill 1.x, we can't check if module is already registered
+            // So we'll just register it directly
+            Quill.register(moduleName, module);
+        };
+        // Initialize Quill
+        const initialize = () => {
+            var _a, _b;
+            if (!editor.value)
+                return;
+            // Create new Quill instance
+            quill = new Quill(editor.value, options);
+            // 初始隐藏toolbar
+            const toolbar = (_a = quill === null || quill === void 0 ? void 0 : quill.getModule('toolbar')) === null || _a === void 0 ? void 0 : _a.container;
+            if (toolbar) {
+                toolbar.style.display = 'none';
+            }
+            const icons = Quill.import('ui/icons');
+            icons['ocr'] = `
+    <svg viewBox="0 0 18 18">
+      <path d="M3 3h12v12H3z" fill="none" stroke="currentColor" stroke-width="1.5"/>
+      <path d="M6 7h6M6 9h6M6 11h4" stroke="currentColor" stroke-width="1"/>
+    </svg>
+  `;
+            icons['custom-button'] = `
+    <svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" fill="none" version="1.1" width="18" height="18" viewBox="0 0 18 18"><defs><clipPath id="master_svg0_6759_139354"><rect x="0" y="0" width="18" height="18" rx="0"/></clipPath></defs><g clip-path="url(#master_svg0_6759_139354)"><g><path d="M15.423694,15.049834L15.424264,15.049264Q15.508656,14.964872,15.554328,14.85461Q15.6,14.744348,15.6,14.625Q15.6,14.565905,15.58847,14.507944Q15.576942,14.449986,15.554328,14.395388Q15.531713,14.340792,15.498882,14.291656Q15.466051,14.242521,15.424265,14.200735Q15.382479,14.158949,15.333343,14.126117Q15.284206,14.093286,15.229609,14.070671Q15.175013,14.048058,15.117053,14.036528Q15.059094,14.025,15,14.025Q14.880652,14.025,14.77039,14.070672Q14.660128,14.116344,14.575736,14.200736L13.626472,15.150001L4.4485275,15.150001L10.174264,9.424264Q10.2160501,9.3824773,10.2488813,9.3333416Q10.281712500000001,9.2842059,10.304327,9.229609499999999Q10.3269415,9.175012599999999,10.3384705,9.117054Q10.349999,9.0590944,10.349999,8.999999500000001Q10.349999,8.9409046,10.3384705,8.8829451Q10.3269415,8.8249855,10.304327,8.7703896Q10.281712500000001,8.715793099999999,10.2488813,8.6666574Q10.2160501,8.6175222,10.174264,8.575736L4.4485282,2.85000002L13.626472,2.85000002L14.575395,3.7989223L14.575736,3.7992642Q14.660127,3.8836554999999997,14.77039,3.9293277Q14.880651,3.9749999000000003,15,3.975Q15.059094,3.9749999000000003,15.117054,3.9634712Q15.175013,3.9519422,15.229609,3.9293275999999997Q15.284206,3.906713,15.333342,3.8738817Q15.382478,3.8410504000000003,15.424264,3.7992641000000003Q15.466051,3.7574776,15.498882,3.7083421000000003Q15.531713,3.6592064,15.554328,3.60461Q15.576942,3.5500134,15.588472,3.4920541Q15.6,3.4340948,15.6,3.375Q15.6,3.2556524,15.554328,3.1453898000000002Q15.508656,3.03512704,15.424264,2.9507357499999998L15.423856,2.9503274L14.299264,1.82573593Q14.214872,1.7413445699999999,14.10461,1.69567227Q13.994347,1.64999998,13.875,1.64999998L3,1.64999998Q2.88065257,1.64999998,2.77038994,1.69567227Q2.66012731,1.7413445699999999,2.57573593,1.82573593Q2.53394958,1.8675223,2.50111824,1.91665789Q2.46828693,1.96579346,2.44567233,2.02038996Q2.42305773,2.07498647,2.41152894,2.13294582Q2.4000000999999997,2.190905161,2.40000004,2.25Q2.4000000999999997,2.309094839,2.41152889,2.36705418Q2.42305773,2.42501353,2.44567233,2.47961004Q2.46828693,2.53420654,2.50111827,2.58334213Q2.53394958,2.6324777,2.57573593,2.67426407L8.9014721,9L2.57573593,15.325736Q2.49134457,15.410126,2.44567227,15.520389Q2.39999998,15.630651,2.39999998,15.75Q2.39999998,15.809094,2.41152883,15.867053Q2.42305768,15.925013,2.44567233,15.979609Q2.46828693,16.034204000000003,2.50111827,16.08334Q2.53394958,16.132476,2.57573593,16.174263Q2.6175223,16.216048999999998,2.66665787,16.24888Q2.71579343,16.281712,2.77038994,16.304327Q2.82498646,16.326940999999998,2.88294581,16.33847Q2.940905157,16.349998,3,16.349999L13.875,16.349999Q13.994347,16.349998,14.104609,16.304326Q14.214872,16.258654,14.299264,16.174264L15.423694,15.049834Z" fill-rule="evenodd" fill="#333333" fill-opacity="1" style="mix-blend-mode:passthrough"/></g></g></svg>
+  `;
+            options = composeOptions();
+            // Register modules
+            if (props.modules) {
+                if (Array.isArray(props.modules)) {
+                    for (const module of props.modules) {
+                        registerModule(`modules/${module.name}`, module.module);
+                    }
+                }
+                else {
+                    registerModule(`modules/${props.modules.name}`, props.modules.module);
+                }
+            }
+            // Create new Quill instance
+            quill = new Quill(editor.value, options);
+            // Set editor content
+            setContents(props.content);
+            // Set event handlers
+            quill.on('text-change', handleTextChange);
+            quill.on('selection-change', handleSelectionChange);
+            quill.on('editor-change', handleEditorChange);
+            // Remove editor class when theme changes
+            if (props.theme !== 'bubble')
+                editor.value.classList.remove('ql-bubble');
+            if (props.theme !== 'snow')
+                editor.value.classList.remove('ql-snow');
+            // Fix clicking the quill toolbar is detected as blur event
+            (_b = quill
+                .getModule('toolbar')) === null || _b === void 0 ? void 0 : _b.container.addEventListener('mousedown', (e) => {
+                e.preventDefault();
+            });
+            // Emit ready event
+            ctx.emit('ready', quill);
+        };
+        // Compose Options
+        const composeOptions = () => {
+            const clientOptions = {};
+            if (props.theme !== '')
+                clientOptions.theme = props.theme;
+            if (props.readOnly)
+                clientOptions.readOnly = props.readOnly;
+            if (props.placeholder)
+                clientOptions.placeholder = props.placeholder;
+            if (props.toolbar && props.toolbar !== '') {
+                clientOptions.modules = {
+                    toolbar: {
+                        container: [
+                            ...toolbarOptions.full,
+                            ['ocr'],
+                            [{ 'custom-button': true }], // 自定义按钮
+                        ],
+                        handlers: {
+                            ocr: function () {
+                                // 按钮点击逻辑
+                                console.log('ocr');
+                                ctx.emit('ocr');
+                            },
+                            math: function () {
+                                // 按钮点击逻辑
+                                ctx.emit('math');
+                            },
+                        },
+                    },
+                };
+            }
+            if (props.modules) {
+                const modules = (() => {
+                    var _a, _b;
+                    const modulesOption = {};
+                    if (Array.isArray(props.modules)) {
+                        for (const module of props.modules) {
+                            modulesOption[module.name] = (_a = module.options) !== null && _a !== void 0 ? _a : {};
+                        }
+                    }
+                    else {
+                        modulesOption[props.modules.name] = (_b = props.modules.options) !== null && _b !== void 0 ? _b : {};
+                    }
+                    return modulesOption;
+                })();
+                clientOptions.modules = Object.assign({}, clientOptions.modules, modules);
+            }
+            return Object.assign({}, props.globalOptions, props.options, clientOptions);
+        };
+        const maybeClone = (delta) => {
+            return typeof delta === 'object' && delta ? delta.slice() : delta;
+        };
+        const deltaHasValuesOtherThanRetain = (delta) => {
+            return Object.values(delta.ops).some((v) => !v.retain || Object.keys(v).length !== 1);
+        };
+        // Doesn't need reactivity, but does need to be cloned to avoid deep mutations always registering as equal
+        let internalModel;
+        const internalModelEquals = (against) => {
+            if (typeof internalModel === typeof against) {
+                if (against === internalModel) {
+                    return true;
+                }
+                // Ref/Proxy does not support instanceof, so do a loose check
+                if (typeof against === 'object' &&
+                    against &&
+                    typeof internalModel === 'object' &&
+                    internalModel) {
+                    return !deltaHasValuesOtherThanRetain(internalModel.diff(against));
+                }
+            }
+            return false;
+        };
+        const handleTextChange = (delta, oldContents, source) => {
+            internalModel = maybeClone(getContents());
+            // Update v-model:content when text changes
+            if (!internalModelEquals(props.content)) {
+                ctx.emit('update:content', internalModel);
+            }
+            ctx.emit('textChange', { delta, oldContents, source });
+        };
+        const isEditorFocus = ref();
+        const handleSelectionChange = (range, oldRange, source) => {
+            var _a;
+            // Set isEditorFocus if quill.hasFocus()
+            isEditorFocus.value = !!(quill === null || quill === void 0 ? void 0 : quill.hasFocus());
+            // 动态显示/隐藏toolbar
+            const toolbar = (_a = quill === null || quill === void 0 ? void 0 : quill.getModule('toolbar')) === null || _a === void 0 ? void 0 : _a.container;
+            if (toolbar) {
+                if (isEditorFocus.value) {
+                    toolbar.style.display = 'block';
+                }
+                else {
+                    toolbar.style.display = 'none';
+                }
+            }
+            ctx.emit('selectionChange', { range, oldRange, source });
+        };
+        watch(isEditorFocus, (focus) => {
+            if (focus)
+                ctx.emit('focus', editor);
+            else
+                ctx.emit('blur', editor);
+        });
+        const handleEditorChange = (...args) => {
+            if (args[0] === 'text-change')
+                ctx.emit('editorChange', {
+                    name: args[0],
+                    delta: args[1],
+                    oldContents: args[2],
+                    source: args[3],
+                });
+            if (args[0] === 'selection-change')
+                ctx.emit('editorChange', {
+                    name: args[0],
+                    range: args[1],
+                    oldRange: args[2],
+                    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 yet,
+                  make sure to call this method when the editor ready
+                  or use v-on:ready="onReady(quill)" event instead.`;
+        };
+        const getContents = (index, length) => {
+            if (props.contentType === 'html') {
+                return getHTML();
+            }
+            else if (props.contentType === 'text') {
+                return getText(index, length);
+            }
+            return quill === null || quill === void 0 ? void 0 : quill.getContents(index, length);
+        };
+        const setContents = (content, source = 'api') => {
+            const normalizedContent = !content
+                ? props.contentType === 'delta'
+                    ? new Delta()
+                    : ''
+                : content;
+            if (props.contentType === 'html') {
+                setHTML(normalizedContent);
+            }
+            else if (props.contentType === 'text') {
+                setText(normalizedContent, source);
+            }
+            else {
+                quill === null || quill === void 0 ? void 0 : quill.setContents(normalizedContent, source);
+            }
+            internalModel = maybeClone(normalizedContent);
+        };
+        const getText = (index, length) => {
+            var _a;
+            return (_a = quill === null || quill === void 0 ? void 0 : quill.getText(index, length)) !== null && _a !== void 0 ? _a : '';
+        };
+        const setText = (text, source = 'api') => {
+            quill === null || quill === void 0 ? void 0 : quill.setText(text, source);
+        };
+        const getHTML = () => {
+            var _a;
+            return (_a = quill === null || quill === void 0 ? void 0 : quill.root.innerHTML) !== null && _a !== void 0 ? _a : '';
+        };
+        const setHTML = (html) => {
+            if (quill)
+                quill.root.innerHTML = html;
+        };
+        const pasteHTML = (html, source = 'api') => {
+            const delta = quill === null || quill === void 0 ? void 0 : quill.clipboard.convert(html);
+            if (delta)
+                quill === null || quill === void 0 ? void 0 : quill.setContents(delta, source);
+        };
+        const focus = () => {
+            quill === null || quill === void 0 ? void 0 : quill.focus();
+        };
+        const reinit = () => {
+            nextTick(() => {
+                var _a;
+                if (!ctx.slots.toolbar && quill)
+                    (_a = quill.getModule('toolbar')) === null || _a === void 0 ? void 0 : _a.container.remove();
+                initialize();
+            });
+        };
+        watch(() => props.content, (newContent) => {
+            if (!quill || !newContent || internalModelEquals(newContent))
+                return;
+            // Restore the selection and cursor position after updating the content
+            const selection = quill.getSelection();
+            if (selection) {
+                nextTick(() => quill === null || quill === void 0 ? void 0 : quill.setSelection(selection));
+            }
+            setContents(newContent);
+        }, { deep: true });
+        watch(() => props.enable, (newValue) => {
+            if (quill)
+                quill.enable(newValue);
+        });
+        return {
+            editor,
+            getEditor,
+            getToolbar,
+            getQuill,
+            getContents,
+            setContents,
+            getHTML,
+            setHTML,
+            pasteHTML,
+            focus,
+            getText,
+            setText,
+            reinit,
+        };
+    },
+    render() {
+        var _a, _b;
+        return [
+            (_b = (_a = this.$slots).toolbar) === null || _b === void 0 ? void 0 : _b.call(_a),
+            h('div', { ref: 'editor', ...this.$attrs }),
+        ];
+    },
+});
+
+export { QuillEditor };

package/dist/vue-quill.esm-bundler.prod.js

@@ -0,0 +1,12 @@
+/*!
+ * PxxVueQuill pxx-vue-quill v0.0.0-development
+ * https://vueup.github.io/vue-quill/
+ * 
+ * Includes quill v1.3.7
+ * https://quilljs.com/
+ * 
+ * Copyright (c) 2025 Pxx-Team
+ * Released under the MIT license
+ * Date: 2025-08-20T07:28:26.289Z
+ */
+import e from"quill";export{default as Quill}from"quill";import t from"quill-delta";export{default as Delta}from"quill-delta";import{defineComponent as o,onMounted as l,onBeforeUnmount as n,ref as r,watch as i,nextTick as a,h as s}from"vue";import d from"quill-blot-formatter";const u={full:[["bold","italic","underline"],[{list:"ordered"},{list:"bullet"}],[{color:[]},{background:[]}],["image"]]},c=o({name:"QuillEditor",inheritAttrs:!1,props:{content:{type:[String,Object]},contentType:{type:String,default:"delta",validator:e=>["delta","html","text"].includes(e)},enable:{type:Boolean,default:!0},readOnly:{type:Boolean,default:!1},placeholder:{type:String,required:!1},theme:{type:String,default:"snow",validator:e=>["snow","bubble",""].includes(e)},toolbar:{type:[String,Array,Object,Boolean],required:!1,validator:e=>!!e&&("string"!=typeof e||""===e||("#"===e.charAt(0)||-1!==Object.keys(u).indexOf(e)))},modules:{type:Object,required:!1,default:()=>({name:"blotFormatter",module:d})},options:{type:Object,required:!1},globalOptions:{type:Object,required:!1}},emits:["textChange","selectionChange","editorChange","update:content","focus","blur","ready","ocr","math"],setup:(o,s)=>{let d,c;l((()=>{v()})),n((()=>{d=null}));const m=r(),p=(t,o)=>{e.register(t,o)},v=()=>{var t,l;if(!m.value)return;d=new e(m.value,c);const n=null===(t=null==d?void 0:d.getModule("toolbar"))||void 0===t?void 0:t.container;n&&(n.style.display="none");const r=e.import("ui/icons");if(r.ocr='\n    <svg viewBox="0 0 18 18">\n      <path d="M3 3h12v12H3z" fill="none" stroke="currentColor" stroke-width="1.5"/>\n      <path d="M6 7h6M6 9h6M6 11h4" stroke="currentColor" stroke-width="1"/>\n    </svg>\n  ',r["custom-button"]='\n    <svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" fill="none" version="1.1" width="18" height="18" viewBox="0 0 18 18"><defs><clipPath id="master_svg0_6759_139354"><rect x="0" y="0" width="18" height="18" rx="0"/></clipPath></defs><g clip-path="url(#master_svg0_6759_139354)"><g><path d="M15.423694,15.049834L15.424264,15.049264Q15.508656,14.964872,15.554328,14.85461Q15.6,14.744348,15.6,14.625Q15.6,14.565905,15.58847,14.507944Q15.576942,14.449986,15.554328,14.395388Q15.531713,14.340792,15.498882,14.291656Q15.466051,14.242521,15.424265,14.200735Q15.382479,14.158949,15.333343,14.126117Q15.284206,14.093286,15.229609,14.070671Q15.175013,14.048058,15.117053,14.036528Q15.059094,14.025,15,14.025Q14.880652,14.025,14.77039,14.070672Q14.660128,14.116344,14.575736,14.200736L13.626472,15.150001L4.4485275,15.150001L10.174264,9.424264Q10.2160501,9.3824773,10.2488813,9.3333416Q10.281712500000001,9.2842059,10.304327,9.229609499999999Q10.3269415,9.175012599999999,10.3384705,9.117054Q10.349999,9.0590944,10.349999,8.999999500000001Q10.349999,8.9409046,10.3384705,8.8829451Q10.3269415,8.8249855,10.304327,8.7703896Q10.281712500000001,8.715793099999999,10.2488813,8.6666574Q10.2160501,8.6175222,10.174264,8.575736L4.4485282,2.85000002L13.626472,2.85000002L14.575395,3.7989223L14.575736,3.7992642Q14.660127,3.8836554999999997,14.77039,3.9293277Q14.880651,3.9749999000000003,15,3.975Q15.059094,3.9749999000000003,15.117054,3.9634712Q15.175013,3.9519422,15.229609,3.9293275999999997Q15.284206,3.906713,15.333342,3.8738817Q15.382478,3.8410504000000003,15.424264,3.7992641000000003Q15.466051,3.7574776,15.498882,3.7083421000000003Q15.531713,3.6592064,15.554328,3.60461Q15.576942,3.5500134,15.588472,3.4920541Q15.6,3.4340948,15.6,3.375Q15.6,3.2556524,15.554328,3.1453898000000002Q15.508656,3.03512704,15.424264,2.9507357499999998L15.423856,2.9503274L14.299264,1.82573593Q14.214872,1.7413445699999999,14.10461,1.69567227Q13.994347,1.64999998,13.875,1.64999998L3,1.64999998Q2.88065257,1.64999998,2.77038994,1.69567227Q2.66012731,1.7413445699999999,2.57573593,1.82573593Q2.53394958,1.8675223,2.50111824,1.91665789Q2.46828693,1.96579346,2.44567233,2.02038996Q2.42305773,2.07498647,2.41152894,2.13294582Q2.4000000999999997,2.190905161,2.40000004,2.25Q2.4000000999999997,2.309094839,2.41152889,2.36705418Q2.42305773,2.42501353,2.44567233,2.47961004Q2.46828693,2.53420654,2.50111827,2.58334213Q2.53394958,2.6324777,2.57573593,2.67426407L8.9014721,9L2.57573593,15.325736Q2.49134457,15.410126,2.44567227,15.520389Q2.39999998,15.630651,2.39999998,15.75Q2.39999998,15.809094,2.41152883,15.867053Q2.42305768,15.925013,2.44567233,15.979609Q2.46828693,16.034204000000003,2.50111827,16.08334Q2.53394958,16.132476,2.57573593,16.174263Q2.6175223,16.216048999999998,2.66665787,16.24888Q2.71579343,16.281712,2.77038994,16.304327Q2.82498646,16.326940999999998,2.88294581,16.33847Q2.940905157,16.349998,3,16.349999L13.875,16.349999Q13.994347,16.349998,14.104609,16.304326Q14.214872,16.258654,14.299264,16.174264L15.423694,15.049834Z" fill-rule="evenodd" fill="#333333" fill-opacity="1" style="mix-blend-mode:passthrough"/></g></g></svg>\n  ',c=h(),o.modules)if(Array.isArray(o.modules))for(const e of o.modules)p(`modules/${e.name}`,e.module);else p(`modules/${o.modules.name}`,o.modules.module);d=new e(m.value,c),O(o.content),d.on("text-change",b),d.on("selection-change",w),d.on("editor-change",x),"bubble"!==o.theme&&m.value.classList.remove("ql-bubble"),"snow"!==o.theme&&m.value.classList.remove("ql-snow"),null===(l=d.getModule("toolbar"))||void 0===l||l.container.addEventListener("mousedown",(e=>{e.preventDefault()})),s.emit("ready",d)},h=()=>{const e={};if(""!==o.theme&&(e.theme=o.theme),o.readOnly&&(e.readOnly=o.readOnly),o.placeholder&&(e.placeholder=o.placeholder),o.toolbar&&""!==o.toolbar&&(e.modules={toolbar:{container:[...u.full,["ocr"],[{"custom-button":!0}]],handlers:{ocr:function(){console.log("ocr"),s.emit("ocr")},math:function(){s.emit("math")}}}}),o.modules){const t=(()=>{var e,t;const l={};if(Array.isArray(o.modules))for(const n of o.modules)l[n.name]=null!==(e=n.options)&&void 0!==e?e:{};else l[o.modules.name]=null!==(t=o.modules.options)&&void 0!==t?t:{};return l})();e.modules=Object.assign({},e.modules,t)}return Object.assign({},o.globalOptions,o.options,e)},g=e=>"object"==typeof e&&e?e.slice():e;let Q;const f=e=>{if(typeof Q==typeof e){if(e===Q)return!0;if("object"==typeof e&&e&&"object"==typeof Q&&Q)return t=Q.diff(e),!Object.values(t.ops).some((e=>!e.retain||1!==Object.keys(e).length))}var t;return!1},b=(e,t,l)=>{Q=g(L()),f(o.content)||s.emit("update:content",Q),s.emit("textChange",{delta:e,oldContents:t,source:l})},y=r(),w=(e,t,o)=>{var l;y.value=!!(null==d?void 0:d.hasFocus());const n=null===(l=null==d?void 0:d.getModule("toolbar"))||void 0===l?void 0:l.container;n&&(n.style.display=y.value?"block":"none"),s.emit("selectionChange",{range:e,oldRange:t,source:o})};i(y,(e=>{s.emit(e?"focus":"blur",m)}));const x=(...e)=>{"text-change"===e[0]&&s.emit("editorChange",{name:e[0],delta:e[1],oldContents:e[2],source:e[3]}),"selection-change"===e[0]&&s.emit("editorChange",{name:e[0],range:e[1],oldRange:e[2],source:e[3]})},L=(e,t)=>"html"===o.contentType?M():"text"===o.contentType?T(e,t):null==d?void 0:d.getContents(e,t),O=(e,l="api")=>{const n=e||("delta"===o.contentType?new t:"");"html"===o.contentType?q(n):"text"===o.contentType?C(n,l):null==d||d.setContents(n,l),Q=g(n)},T=(e,t)=>{var o;return null!==(o=null==d?void 0:d.getText(e,t))&&void 0!==o?o:""},C=(e,t="api")=>{null==d||d.setText(e,t)},M=()=>{var e;return null!==(e=null==d?void 0:d.root.innerHTML)&&void 0!==e?e:""},q=e=>{d&&(d.root.innerHTML=e)};return i((()=>o.content),(e=>{if(!d||!e||f(e))return;const t=d.getSelection();t&&a((()=>null==d?void 0:d.setSelection(t))),O(e)}),{deep:!0}),i((()=>o.enable),(e=>{d&&d.enable(e)})),{editor:m,getEditor:()=>m.value,getToolbar:()=>{var e;return null===(e=null==d?void 0:d.getModule("toolbar"))||void 0===e?void 0:e.container},getQuill:()=>{if(d)return d;throw'The quill editor hasn\'t been instantiated yet,\n                  make sure to call this method when the editor ready\n                  or use v-on:ready="onReady(quill)" event instead.'},getContents:L,setContents:O,getHTML:M,setHTML:q,pasteHTML:(e,t="api")=>{const o=null==d?void 0:d.clipboard.convert(e);o&&(null==d||d.setContents(o,t))},focus:()=>{null==d||d.focus()},getText:T,setText:C,reinit:()=>{a((()=>{var e;!s.slots.toolbar&&d&&(null===(e=d.getModule("toolbar"))||void 0===e||e.container.remove()),v()}))}}},render(){var e,t;return[null===(t=(e=this.$slots).toolbar)||void 0===t?void 0:t.call(e),s("div",{ref:"editor",...this.$attrs})]}});export{c as QuillEditor};