pxx-vue-quill 1.0.0

package/dist/vue-quill.cjs.js

@@ -0,0 +1,423 @@
+/*!
+ * 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
+ */
+'use strict';
+
+Object.defineProperty(exports, '__esModule', { value: true });
+
+var Quill = require('quill');
+var Delta = require('quill-delta');
+var vue = require('vue');
+var BlotFormatter = require('quill-blot-formatter');
+
+function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e["default"] : e; }
+
+var Quill__default = /*#__PURE__*/_interopDefaultLegacy(Quill);
+var Delta__default = /*#__PURE__*/_interopDefaultLegacy(Delta);
+var BlotFormatter__default = /*#__PURE__*/_interopDefaultLegacy(BlotFormatter);
+
+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 = vue.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__default,
+                };
+            },
+        },
+        options: {
+            type: Object,
+            required: false,
+        },
+        globalOptions: {
+            type: Object,
+            required: false,
+        },
+    },
+    emits: [
+        'textChange',
+        'selectionChange',
+        'editorChange',
+        'update:content',
+        'focus',
+        'blur',
+        'ready',
+        'ocr',
+        'math',
+    ],
+    setup: (props, ctx) => {
+        vue.onMounted(() => {
+            initialize();
+        });
+        vue.onBeforeUnmount(() => {
+            quill = null;
+        });
+        let quill;
+        let options;
+        const editor = vue.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__default.register(moduleName, module);
+        };
+        // Initialize Quill
+        const initialize = () => {
+            var _a, _b;
+            if (!editor.value)
+                return;
+            // Create new Quill instance
+            quill = new Quill__default(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__default.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__default(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 = vue.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 });
+        };
+        vue.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__default()
+                    : ''
+                : 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 = () => {
+            vue.nextTick(() => {
+                var _a;
+                if (!ctx.slots.toolbar && quill)
+                    (_a = quill.getModule('toolbar')) === null || _a === void 0 ? void 0 : _a.container.remove();
+                initialize();
+            });
+        };
+        vue.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) {
+                vue.nextTick(() => quill === null || quill === void 0 ? void 0 : quill.setSelection(selection));
+            }
+            setContents(newContent);
+        }, { deep: true });
+        vue.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),
+            vue.h('div', { ref: 'editor', ...this.$attrs }),
+        ];
+    },
+});
+
+exports.Quill = Quill__default;
+exports.Delta = Delta__default;
+exports.QuillEditor = QuillEditor;

package/dist/vue-quill.cjs.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
+ */
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("quill"),t=require("quill-delta"),o=require("vue"),n=require("quill-blot-formatter");function l(e){return e&&"object"==typeof e&&"default"in e?e.default:e}var r=l(e),i=l(t),a=l(n);const s={full:[["bold","italic","underline"],[{list:"ordered"},{list:"bullet"}],[{color:[]},{background:[]}],["image"]]},u=o.defineComponent({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(s).indexOf(e)))},modules:{type:Object,required:!1,default:()=>({name:"blotFormatter",module:a})},options:{type:Object,required:!1},globalOptions:{type:Object,required:!1}},emits:["textChange","selectionChange","editorChange","update:content","focus","blur","ready","ocr","math"],setup:(e,t)=>{let n,l;o.onMounted((()=>{d()})),o.onBeforeUnmount((()=>{n=null}));const a=o.ref(),u=(e,t)=>{r.register(e,t)},d=()=>{var o,i;if(!a.value)return;n=new r(a.value,l);const s=null===(o=null==n?void 0:n.getModule("toolbar"))||void 0===o?void 0:o.container;s&&(s.style.display="none");const d=r.import("ui/icons");if(d.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  ',d["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  ',l=c(),e.modules)if(Array.isArray(e.modules))for(const t of e.modules)u(`modules/${t.name}`,t.module);else u(`modules/${e.modules.name}`,e.modules.module);n=new r(a.value,l),y(e.content),n.on("text-change",p),n.on("selection-change",Q),n.on("editor-change",f),"bubble"!==e.theme&&a.value.classList.remove("ql-bubble"),"snow"!==e.theme&&a.value.classList.remove("ql-snow"),null===(i=n.getModule("toolbar"))||void 0===i||i.container.addEventListener("mousedown",(e=>{e.preventDefault()})),t.emit("ready",n)},c=()=>{const o={};if(""!==e.theme&&(o.theme=e.theme),e.readOnly&&(o.readOnly=e.readOnly),e.placeholder&&(o.placeholder=e.placeholder),e.toolbar&&""!==e.toolbar&&(o.modules={toolbar:{container:[...s.full,["ocr"],[{"custom-button":!0}]],handlers:{ocr:function(){console.log("ocr"),t.emit("ocr")},math:function(){t.emit("math")}}}}),e.modules){const t=(()=>{var t,o;const n={};if(Array.isArray(e.modules))for(const l of e.modules)n[l.name]=null!==(t=l.options)&&void 0!==t?t:{};else n[e.modules.name]=null!==(o=e.modules.options)&&void 0!==o?o:{};return n})();o.modules=Object.assign({},o.modules,t)}return Object.assign({},e.globalOptions,e.options,o)},m=e=>"object"==typeof e&&e?e.slice():e;let v;const h=e=>{if(typeof v==typeof e){if(e===v)return!0;if("object"==typeof e&&e&&"object"==typeof v&&v)return t=v.diff(e),!Object.values(t.ops).some((e=>!e.retain||1!==Object.keys(e).length))}var t;return!1},p=(o,n,l)=>{v=m(b()),h(e.content)||t.emit("update:content",v),t.emit("textChange",{delta:o,oldContents:n,source:l})},g=o.ref(),Q=(e,o,l)=>{var r;g.value=!!(null==n?void 0:n.hasFocus());const i=null===(r=null==n?void 0:n.getModule("toolbar"))||void 0===r?void 0:r.container;i&&(i.style.display=g.value?"block":"none"),t.emit("selectionChange",{range:e,oldRange:o,source:l})};o.watch(g,(e=>{t.emit(e?"focus":"blur",a)}));const f=(...e)=>{"text-change"===e[0]&&t.emit("editorChange",{name:e[0],delta:e[1],oldContents:e[2],source:e[3]}),"selection-change"===e[0]&&t.emit("editorChange",{name:e[0],range:e[1],oldRange:e[2],source:e[3]})},b=(t,o)=>"html"===e.contentType?L():"text"===e.contentType?w(t,o):null==n?void 0:n.getContents(t,o),y=(t,o="api")=>{const l=t||("delta"===e.contentType?new i:"");"html"===e.contentType?T(l):"text"===e.contentType?x(l,o):null==n||n.setContents(l,o),v=m(l)},w=(e,t)=>{var o;return null!==(o=null==n?void 0:n.getText(e,t))&&void 0!==o?o:""},x=(e,t="api")=>{null==n||n.setText(e,t)},L=()=>{var e;return null!==(e=null==n?void 0:n.root.innerHTML)&&void 0!==e?e:""},T=e=>{n&&(n.root.innerHTML=e)};return o.watch((()=>e.content),(e=>{if(!n||!e||h(e))return;const t=n.getSelection();t&&o.nextTick((()=>null==n?void 0:n.setSelection(t))),y(e)}),{deep:!0}),o.watch((()=>e.enable),(e=>{n&&n.enable(e)})),{editor:a,getEditor:()=>a.value,getToolbar:()=>{var e;return null===(e=null==n?void 0:n.getModule("toolbar"))||void 0===e?void 0:e.container},getQuill:()=>{if(n)return n;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:b,setContents:y,getHTML:L,setHTML:T,pasteHTML:(e,t="api")=>{const o=null==n?void 0:n.clipboard.convert(e);o&&(null==n||n.setContents(o,t))},focus:()=>{null==n||n.focus()},getText:w,setText:x,reinit:()=>{o.nextTick((()=>{var e;!t.slots.toolbar&&n&&(null===(e=n.getModule("toolbar"))||void 0===e||e.container.remove()),d()}))}}},render(){var e,t;return[null===(t=(e=this.$slots).toolbar)||void 0===t?void 0:t.call(e),o.h("div",{ref:"editor",...this.$attrs})]}});exports.Quill=r,exports.Delta=i,exports.QuillEditor=u;