@vueup/vue-quill 1.0.0-beta.4 → 1.0.0-beta.8

package/dist/vue-quill.cjs.js

@@ -1,13 +1,13 @@
 /*!
- * VueQuill @vueup/vue-quill v1.0.0-beta.4
+ * VueQuill @vueup/vue-quill v1.0.0-beta.8
  * https://vueup.github.io/vue-quill/
  * 
  * Includes quill v1.3.7
  * https://quilljs.com/
  * 
- * Copyright (c) 2021 Ahmad Luthfi Masruri
+ * Copyright (c) 2022 Ahmad Luthfi Masruri
  * Released under the MIT license
- * Date: 2021-05-06T22:00:43.368Z
+ * Date: 2022-02-17T08:01:57.735Z
  */
 'use strict';
 
@@ -17,7 +17,7 @@ var Quill = require('quill');
 var quillDelta = require('quill-delta');
 var vue = require('vue');
 
-function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e['default'] : e; }
+function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e["default"] : e; }
 
 var Quill__default = /*#__PURE__*/_interopDefaultLegacy(Quill);
 var quillDelta__default = /*#__PURE__*/_interopDefaultLegacy(quillDelta);
@@ -271,7 +271,7 @@ const QuillEditor = vue.defineComponent({
         };
         const setContents = (content, source = 'api') => {
             if (props.contentType === 'html') {
-                setHTML(content, source);
+                setHTML(content);
             }
             else if (props.contentType === 'text') {
                 setText(content, source);
@@ -291,7 +291,11 @@ const QuillEditor = vue.defineComponent({
             var _a;
             return (_a = quill === null || quill === void 0 ? void 0 : quill.root.innerHTML) !== null && _a !== void 0 ? _a : '';
         };
-        const setHTML = (html, source = 'api') => {
+        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);
@@ -304,11 +308,13 @@ const QuillEditor = vue.defineComponent({
                 initialize();
             });
         };
-        vue.watch(() => props.content, (newContent) => {
-            if (!quill || !newContent || newContent === props.content)
-                return;
-            setContents(newContent);
-        });
+        // watch(
+        //   () => props.content,
+        //   (newContent, oldContents) => {
+        //     if (!quill || !newContent || newContent === oldContents) return
+        //     setContents(newContent)
+        //   }
+        // )
         vue.watch(() => props.enable, (newValue) => {
             if (quill)
                 quill.enable(newValue);
@@ -322,6 +328,7 @@ const QuillEditor = vue.defineComponent({
             setContents,
             getHTML,
             setHTML,
+            pasteHTML,
             getText,
             setText,
             reinit,

package/dist/vue-quill.cjs.prod.js

@@ -1,12 +1,12 @@
 /*!
- * VueQuill @vueup/vue-quill v1.0.0-beta.4
+ * VueQuill @vueup/vue-quill v1.0.0-beta.8
  * https://vueup.github.io/vue-quill/
  * 
  * Includes quill v1.3.7
  * https://quilljs.com/
  * 
- * Copyright (c) 2021 Ahmad Luthfi Masruri
+ * Copyright (c) 2022 Ahmad Luthfi Masruri
  * Released under the MIT license
- * Date: 2021-05-06T22:00:43.368Z
+ * Date: 2022-02-17T08:01:57.735Z
  */
-"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("quill"),t=require("quill-delta"),o=require("vue");function l(e){return e&&"object"==typeof e&&"default"in e?e.default:e}var n=l(e),r=l(t);const i={essential:[[{header:[1,2,3,4,5,6,!1]}],["bold","italic","underline"],[{list:"ordered"},{list:"bullet"},{align:[]}],["blockquote","code-block","link"],[{color:[]},"clean"]],minimal:[[{header:1},{header:2}],["bold","italic","underline"],[{list:"ordered"},{list:"bullet"},{align:[]}]],full:[["bold","italic","underline","strike"],["blockquote","code-block"],[{header:1},{header:2}],[{list:"ordered"},{list:"bullet"}],[{script:"sub"},{script:"super"}],[{indent:"-1"},{indent:"+1"}],[{direction:"rtl"}],[{size:["small",!1,"large","huge"]}],[{header:[1,2,3,4,5,6,!1]}],[{color:[]},{background:[]}],[{font:[]}],[{align:[]}],["link","video","image"],["clean"]]},a=o.defineComponent({name:"QuillEditor",inheritAttrs:!1,props:{content:{type:[String,Object],default:()=>{}},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],required:!1,validator:e=>"string"!=typeof e||""===e||("#"===e.charAt(0)||-1!==Object.keys(i).indexOf(e))},modules:{type:Object,required:!1},options:{type:Object,required:!1},globalOptions:{type:Object,required:!1}},emits:["textChange","selectionChange","editorChange","update:content","focus","blur","ready"],setup:(e,t)=>{let l,r;o.onMounted((()=>{d()})),o.onBeforeUnmount((()=>{l=null}));const a=o.ref(),d=()=>{var o;if(a.value){if(r=s(),e.modules)if(Array.isArray(e.modules))for(const t of e.modules)n.register(`modules/${t.name}`,t.module);else n.register(`modules/${e.modules.name}`,e.modules.module);l=new n(a.value,r),p(e.content),l.on("text-change",u),l.on("selection-change",b),l.on("editor-change",m),"bubble"!==e.theme&&a.value.classList.remove("ql-bubble"),"snow"!==e.theme&&a.value.classList.remove("ql-snow"),null===(o=l.getModule("toolbar"))||void 0===o||o.container.addEventListener("mousedown",(e=>{e.preventDefault()})),t.emit("ready",l)}},s=()=>{const t={};if(""!==e.theme&&(t.theme=e.theme),e.readOnly&&(t.readOnly=e.readOnly),e.placeholder&&(t.placeholder=e.placeholder),e.toolbar&&""!==e.toolbar&&(t.modules={toolbar:(()=>{if("object"==typeof e.toolbar)return e.toolbar;if("string"==typeof e.toolbar){return"#"===e.toolbar.charAt(0)?e.toolbar:i[e.toolbar]}})()}),e.modules){const o=(()=>{var t,o;const l={};if(Array.isArray(e.modules))for(const n of e.modules)l[n.name]=null!==(t=n.options)&&void 0!==t?t:{};else l[e.modules.name]=null!==(o=e.modules.options)&&void 0!==o?o:{};return l})();Object.assign(t.modules,o)}return Object.assign({},e.globalOptions,e.options,t)},u=(e,o,l)=>{t.emit("update:content",h()),t.emit("textChange",{delta:e,oldContents:o,source:l})},c=o.ref(),b=(e,o,n)=>{c.value=!!(null==l?void 0:l.hasFocus()),t.emit("selectionChange",{range:e,oldRange:o,source:n})};o.watch(c,(e=>{t.emit(e?"focus":"blur",a)}));const m=(...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]})},h=(t,o)=>"html"===e.contentType?f():"text"===e.contentType?g(t,o):null==l?void 0:l.getContents(t,o),p=(t,o="api")=>{"html"===e.contentType?y(t,o):"text"===e.contentType?v(t,o):null==l||l.setContents(t,o)},g=(e,t)=>{var o;return null!==(o=null==l?void 0:l.getText(e,t))&&void 0!==o?o:""},v=(e,t="api")=>{null==l||l.setText(e,t)},f=()=>{var e;return null!==(e=null==l?void 0:l.root.innerHTML)&&void 0!==e?e:""},y=(e,t="api")=>{const o=null==l?void 0:l.clipboard.convert(e);o&&(null==l||l.setContents(o,t))};return o.watch((()=>e.content),(t=>{l&&t&&t!==e.content&&p(t)})),o.watch((()=>e.enable),(e=>{l&&l.enable(e)})),{editor:a,getEditor:()=>a.value,getToolbar:()=>{var e;return null===(e=null==l?void 0:l.getModule("toolbar"))||void 0===e?void 0:e.container},getQuill:()=>{if(l)return l;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:h,setContents:p,getHTML:f,setHTML:y,getText:g,setText:v,reinit:()=>{o.nextTick((()=>{var e;!t.slots.toolbar&&l&&(null===(e=l.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=n,exports.Delta=r,exports.QuillEditor=a;
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("quill"),t=require("quill-delta"),o=require("vue");function l(e){return e&&"object"==typeof e&&"default"in e?e.default:e}var n=l(e),r=l(t);const i={essential:[[{header:[1,2,3,4,5,6,!1]}],["bold","italic","underline"],[{list:"ordered"},{list:"bullet"},{align:[]}],["blockquote","code-block","link"],[{color:[]},"clean"]],minimal:[[{header:1},{header:2}],["bold","italic","underline"],[{list:"ordered"},{list:"bullet"},{align:[]}]],full:[["bold","italic","underline","strike"],["blockquote","code-block"],[{header:1},{header:2}],[{list:"ordered"},{list:"bullet"}],[{script:"sub"},{script:"super"}],[{indent:"-1"},{indent:"+1"}],[{direction:"rtl"}],[{size:["small",!1,"large","huge"]}],[{header:[1,2,3,4,5,6,!1]}],[{color:[]},{background:[]}],[{font:[]}],[{align:[]}],["link","video","image"],["clean"]]},a=o.defineComponent({name:"QuillEditor",inheritAttrs:!1,props:{content:{type:[String,Object],default:()=>{}},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],required:!1,validator:e=>"string"!=typeof e||""===e||("#"===e.charAt(0)||-1!==Object.keys(i).indexOf(e))},modules:{type:Object,required:!1},options:{type:Object,required:!1},globalOptions:{type:Object,required:!1}},emits:["textChange","selectionChange","editorChange","update:content","focus","blur","ready"],setup:(e,t)=>{let l,r;o.onMounted((()=>{d()})),o.onBeforeUnmount((()=>{l=null}));const a=o.ref(),d=()=>{var o;if(a.value){if(r=s(),e.modules)if(Array.isArray(e.modules))for(const t of e.modules)n.register(`modules/${t.name}`,t.module);else n.register(`modules/${e.modules.name}`,e.modules.module);l=new n(a.value,r),h(e.content),l.on("text-change",u),l.on("selection-change",b),l.on("editor-change",m),"bubble"!==e.theme&&a.value.classList.remove("ql-bubble"),"snow"!==e.theme&&a.value.classList.remove("ql-snow"),null===(o=l.getModule("toolbar"))||void 0===o||o.container.addEventListener("mousedown",(e=>{e.preventDefault()})),t.emit("ready",l)}},s=()=>{const t={};if(""!==e.theme&&(t.theme=e.theme),e.readOnly&&(t.readOnly=e.readOnly),e.placeholder&&(t.placeholder=e.placeholder),e.toolbar&&""!==e.toolbar&&(t.modules={toolbar:(()=>{if("object"==typeof e.toolbar)return e.toolbar;if("string"==typeof e.toolbar){return"#"===e.toolbar.charAt(0)?e.toolbar:i[e.toolbar]}})()}),e.modules){const o=(()=>{var t,o;const l={};if(Array.isArray(e.modules))for(const n of e.modules)l[n.name]=null!==(t=n.options)&&void 0!==t?t:{};else l[e.modules.name]=null!==(o=e.modules.options)&&void 0!==o?o:{};return l})();Object.assign(t.modules,o)}return Object.assign({},e.globalOptions,e.options,t)},u=(e,o,l)=>{t.emit("update:content",p()),t.emit("textChange",{delta:e,oldContents:o,source:l})},c=o.ref(),b=(e,o,n)=>{c.value=!!(null==l?void 0:l.hasFocus()),t.emit("selectionChange",{range:e,oldRange:o,source:n})};o.watch(c,(e=>{t.emit(e?"focus":"blur",a)}));const m=(...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]})},p=(t,o)=>"html"===e.contentType?f():"text"===e.contentType?g(t,o):null==l?void 0:l.getContents(t,o),h=(t,o="api")=>{"html"===e.contentType?y(t):"text"===e.contentType?v(t,o):null==l||l.setContents(t,o)},g=(e,t)=>{var o;return null!==(o=null==l?void 0:l.getText(e,t))&&void 0!==o?o:""},v=(e,t="api")=>{null==l||l.setText(e,t)},f=()=>{var e;return null!==(e=null==l?void 0:l.root.innerHTML)&&void 0!==e?e:""},y=e=>{l&&(l.root.innerHTML=e)};return o.watch((()=>e.enable),(e=>{l&&l.enable(e)})),{editor:a,getEditor:()=>a.value,getToolbar:()=>{var e;return null===(e=null==l?void 0:l.getModule("toolbar"))||void 0===e?void 0:e.container},getQuill:()=>{if(l)return l;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:p,setContents:h,getHTML:f,setHTML:y,pasteHTML:(e,t="api")=>{const o=null==l?void 0:l.clipboard.convert(e);o&&(null==l||l.setContents(o,t))},getText:g,setText:v,reinit:()=>{o.nextTick((()=>{var e;!t.slots.toolbar&&l&&(null===(e=l.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=n,exports.Delta=r,exports.QuillEditor=a;

package/dist/vue-quill.d.ts

@@ -1,8 +1,16 @@
+import { AllowedComponentProps } from 'vue';
+import { ComponentCustomProps } from 'vue';
+import { ComponentOptionsMixin } from 'vue';
+import { DefineComponent } from 'vue';
 import Delta from 'quill-delta';
+import { ExtractPropTypes } from 'vue';
 import { PropType } from 'vue';
 import Quill from 'quill';
 import { QuillOptionsStatic } from 'quill';
+import { Ref } from 'vue';
 import { Sources } from 'quill';
+import { VNodeProps } from 'vue';
+
 export { Delta }
 
 declare type Module = {
@@ -10,82 +18,124 @@ declare type Module = {
     module: any;
     options?: object;
 };
+
 export { Quill }
 
-export declare const QuillEditor: import("vue").DefineComponent<{
-    content: {
-        type: PropType<string | Delta>;
-        default: () => void;
-    };
-    contentType: {
-        type: PropType<"delta" | "html" | "text">;
-        default: string;
-        validator: (value: string) => boolean;
-    };
-    enable: {
-        type: BooleanConstructor;
-        default: boolean;
-    };
-    readOnly: {
-        type: BooleanConstructor;
-        default: boolean;
-    };
-    placeholder: {
-        type: StringConstructor;
-        required: false;
-    };
-    theme: {
-        type: PropType<"" | "snow" | "bubble">;
-        default: string;
-        validator: (value: string) => boolean;
-    };
-    toolbar: {
-        type: (StringConstructor | ObjectConstructor | ArrayConstructor)[];
-        required: false;
-        validator: (value: string | unknown) => boolean;
-    };
-    modules: {
-        type: PropType<Module | Module[]>;
-        required: false;
-    };
-    options: {
-        type: PropType<QuillOptionsStatic>;
-        required: false;
-    };
-    globalOptions: {
-        type: PropType<QuillOptionsStatic>;
-        required: false;
-    };
+export declare const QuillEditor: DefineComponent<    {
+content: {
+type: PropType<string | Delta>;
+default: () => void;
+};
+contentType: {
+type: PropType<"delta" | "html" | "text">;
+default: string;
+validator: (value: string) => boolean;
+};
+enable: {
+type: BooleanConstructor;
+default: boolean;
+};
+readOnly: {
+type: BooleanConstructor;
+default: boolean;
+};
+placeholder: {
+type: StringConstructor;
+required: false;
+};
+theme: {
+type: PropType<"" | "snow" | "bubble">;
+default: string;
+validator: (value: string) => boolean;
+};
+toolbar: {
+type: (StringConstructor | ObjectConstructor | ArrayConstructor)[];
+required: false;
+validator: (value: string | unknown) => boolean;
+};
+modules: {
+type: PropType<Module | Module[]>;
+required: false;
+};
+options: {
+type: PropType<QuillOptionsStatic>;
+required: false;
+};
+globalOptions: {
+type: PropType<QuillOptionsStatic>;
+required: false;
+};
+}, {
+editor: Ref<Element | undefined>;
+getEditor: () => Element;
+getToolbar: () => Element;
+getQuill: () => Quill;
+getContents: (index?: number | undefined, length?: number | undefined) => string | Delta | undefined;
+setContents: (content: string | Delta, source?: Sources) => void;
+getHTML: () => string;
+setHTML: (html: string) => void;
+pasteHTML: (html: string, source?: Sources) => void;
+getText: (index?: number | undefined, length?: number | undefined) => string;
+setText: (text: string, source?: Sources) => void;
+reinit: () => void;
+}, unknown, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, ("textChange" | "selectionChange" | "editorChange" | "update:content" | "focus" | "blur" | "ready")[], "textChange" | "selectionChange" | "editorChange" | "update:content" | "focus" | "blur" | "ready", VNodeProps & AllowedComponentProps & ComponentCustomProps, Readonly<ExtractPropTypes<    {
+content: {
+type: PropType<string | Delta>;
+default: () => void;
+};
+contentType: {
+type: PropType<"delta" | "html" | "text">;
+default: string;
+validator: (value: string) => boolean;
+};
+enable: {
+type: BooleanConstructor;
+default: boolean;
+};
+readOnly: {
+type: BooleanConstructor;
+default: boolean;
+};
+placeholder: {
+type: StringConstructor;
+required: false;
+};
+theme: {
+type: PropType<"" | "snow" | "bubble">;
+default: string;
+validator: (value: string) => boolean;
+};
+toolbar: {
+type: (StringConstructor | ObjectConstructor | ArrayConstructor)[];
+required: false;
+validator: (value: string | unknown) => boolean;
+};
+modules: {
+type: PropType<Module | Module[]>;
+required: false;
+};
+options: {
+type: PropType<QuillOptionsStatic>;
+required: false;
+};
+globalOptions: {
+type: PropType<QuillOptionsStatic>;
+required: false;
+};
+}>> & {
+onTextChange?: ((...args: any[]) => any) | undefined;
+onSelectionChange?: ((...args: any[]) => any) | undefined;
+onEditorChange?: ((...args: any[]) => any) | undefined;
+"onUpdate:content"?: ((...args: any[]) => any) | undefined;
+onFocus?: ((...args: any[]) => any) | undefined;
+onBlur?: ((...args: any[]) => any) | undefined;
+onReady?: ((...args: any[]) => any) | undefined;
 }, {
-    editor: import("vue").Ref<Element | undefined>;
-    getEditor: () => Element;
-    getToolbar: () => Element;
-    getQuill: () => Quill;
-    getContents: (index?: number | undefined, length?: number | undefined) => string | Delta | undefined;
-    setContents: (content: string | Delta, source?: Sources) => void;
-    getHTML: () => string;
-    setHTML: (html: string, source?: Sources) => void;
-    getText: (index?: number | undefined, length?: number | undefined) => string;
-    setText: (text: string, source?: Sources) => void;
-    reinit: () => void;
-}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, ("textChange" | "selectionChange" | "editorChange" | "update:content" | "focus" | "blur" | "ready")[], "textChange" | "selectionChange" | "editorChange" | "update:content" | "focus" | "blur" | "ready", import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<{
-    content: string | Delta;
-    contentType: "delta" | "html" | "text";
-    enable: boolean;
-    readOnly: boolean;
-    theme: "" | "snow" | "bubble";
-} & {
-    placeholder?: string | undefined;
-    toolbar?: unknown;
-    modules?: Module | Module[] | undefined;
-    options?: QuillOptionsStatic | undefined;
-    globalOptions?: QuillOptionsStatic | undefined;
-}>, {
-    content: string | Delta;
-    contentType: "delta" | "html" | "text";
-    enable: boolean;
-    readOnly: boolean;
-    theme: "" | "snow" | "bubble";
+content: string | Delta;
+contentType: "delta" | "html" | "text";
+enable: boolean;
+readOnly: boolean;
+theme: "" | "snow" | "bubble";
 }>;
 
 export { }