@vueup/vue-quill 1.1.0 → 1.2.0

package/dist/vue-quill.cjs.js

@@ -1,5 +1,5 @@
 /*!
- * VueQuill @vueup/vue-quill v1.1.0
+ * VueQuill @vueup/vue-quill v1.2.0
  * https://vueup.github.io/vue-quill/
  * 
  * Includes quill v1.3.7
@@ -7,20 +7,20 @@
  * 
  * Copyright (c) 2023 Ahmad Luthfi Masruri
  * Released under the MIT license
- * Date: 2023-02-04T04:01:16.430Z
+ * Date: 2023-05-12T08:44:03.742Z
  */
 'use strict';
 
 Object.defineProperty(exports, '__esModule', { value: true });
 
 var Quill = require('quill');
-var quillDelta = require('quill-delta');
+var Delta = require('quill-delta');
 var vue = require('vue');
 
 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);
+var Delta__default = /*#__PURE__*/_interopDefaultLegacy(Delta);
 
 const toolbarOptions = {
     essential: [
@@ -59,7 +59,6 @@ const QuillEditor = vue.defineComponent({
     props: {
         content: {
             type: [String, Object],
-            default: () => { },
         },
         contentType: {
             type: String,
@@ -213,7 +212,7 @@ const QuillEditor = vue.defineComponent({
             return Object.assign({}, props.globalOptions, props.options, clientOptions);
         };
         const maybeClone = (delta) => {
-            return typeof delta === 'object' ? delta.slice() : 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);
@@ -226,7 +225,10 @@ const QuillEditor = vue.defineComponent({
                     return true;
                 }
                 // Ref/Proxy does not support instanceof, so do a loose check
-                if (typeof against === 'object' && typeof internalModel === 'object') {
+                if (typeof against === 'object' &&
+                    against &&
+                    typeof internalModel === 'object' &&
+                    internalModel) {
                     return !deltaHasValuesOtherThanRetain(internalModel.diff(against));
                 }
             }
@@ -279,7 +281,7 @@ const QuillEditor = vue.defineComponent({
             if (quill)
                 return quill;
             else
-                throw `The quill editor hasn't been instantiated yet, 
+                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.`;
         };
@@ -293,16 +295,21 @@ const QuillEditor = vue.defineComponent({
             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(content);
+                setHTML(normalizedContent);
             }
             else if (props.contentType === 'text') {
-                setText(content, source);
+                setText(normalizedContent, source);
             }
             else {
-                quill === null || quill === void 0 ? void 0 : quill.setContents(content, source);
+                quill === null || quill === void 0 ? void 0 : quill.setContents(normalizedContent, source);
             }
-            internalModel = maybeClone(content);
+            internalModel = maybeClone(normalizedContent);
         };
         const getText = (index, length) => {
             var _a;
@@ -324,6 +331,9 @@ const QuillEditor = vue.defineComponent({
             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;
@@ -356,6 +366,7 @@ const QuillEditor = vue.defineComponent({
             getHTML,
             setHTML,
             pasteHTML,
+            focus,
             getText,
             setText,
             reinit,
@@ -371,5 +382,5 @@ const QuillEditor = vue.defineComponent({
 });
 
 exports.Quill = Quill__default;
-exports.Delta = quillDelta__default;
+exports.Delta = Delta__default;
 exports.QuillEditor = QuillEditor;

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

@@ -1,5 +1,5 @@
 /*!
- * VueQuill @vueup/vue-quill v1.1.0
+ * VueQuill @vueup/vue-quill v1.2.0
  * https://vueup.github.io/vue-quill/
  * 
  * Includes quill v1.3.7
@@ -7,6 +7,6 @@
  * 
  * Copyright (c) 2023 Ahmad Luthfi Masruri
  * Released under the MIT license
- * Date: 2023-02-04T04:01:16.430Z
+ * Date: 2023-05-12T08:44:03.742Z
  */
-"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),f(e.content),l.on("text-change",p),l.on("selection-change",h),l.on("editor-change",g),"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})();t.modules=Object.assign({},t.modules,o)}return Object.assign({},e.globalOptions,e.options,t)},u=e=>"object"==typeof e?e.slice():e;let c;const b=e=>{if(typeof c==typeof e){if(e===c)return!0;if("object"==typeof e&&"object"==typeof c)return t=c.diff(e),!Object.values(t.ops).some((e=>!e.retain||1!==Object.keys(e).length))}var t;return!1},p=(o,l,n)=>{c=u(v()),b(e.content)||t.emit("update:content",c),t.emit("textChange",{delta:o,oldContents:l,source:n})},m=o.ref(),h=(e,o,n)=>{m.value=!!(null==l?void 0:l.hasFocus()),t.emit("selectionChange",{range:e,oldRange:o,source:n})};o.watch(m,(e=>{t.emit(e?"focus":"blur",a)}));const g=(...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]})},v=(t,o)=>"html"===e.contentType?O():"text"===e.contentType?y(t,o):null==l?void 0:l.getContents(t,o),f=(t,o="api")=>{"html"===e.contentType?T(t):"text"===e.contentType?x(t,o):null==l||l.setContents(t,o),c=u(t)},y=(e,t)=>{var o;return null!==(o=null==l?void 0:l.getText(e,t))&&void 0!==o?o:""},x=(e,t="api")=>{null==l||l.setText(e,t)},O=()=>{var e;return null!==(e=null==l?void 0:l.root.innerHTML)&&void 0!==e?e:""},T=e=>{l&&(l.root.innerHTML=e)};return o.watch((()=>e.content),(e=>{if(!l||!e||b(e))return;const t=l.getSelection();t&&o.nextTick((()=>null==l?void 0:l.setSelection(t))),f(e)}),{deep:!0}),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:v,setContents:f,getHTML:O,setHTML:T,pasteHTML:(e,t="api")=>{const o=null==l?void 0:l.clipboard.convert(e);o&&(null==l||l.setContents(o,t))},getText:y,setText:x,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]},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,a;o.onMounted((()=>{d()})),o.onBeforeUnmount((()=>{l=null}));const s=o.ref(),d=()=>{var o;if(s.value){if(a=u(),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(s.value,a),y(e.content),l.on("text-change",m),l.on("selection-change",g),l.on("editor-change",v),"bubble"!==e.theme&&s.value.classList.remove("ql-bubble"),"snow"!==e.theme&&s.value.classList.remove("ql-snow"),null===(o=l.getModule("toolbar"))||void 0===o||o.container.addEventListener("mousedown",(e=>{e.preventDefault()})),t.emit("ready",l)}},u=()=>{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})();t.modules=Object.assign({},t.modules,o)}return Object.assign({},e.globalOptions,e.options,t)},c=e=>"object"==typeof e&&e?e.slice():e;let b;const p=e=>{if(typeof b==typeof e){if(e===b)return!0;if("object"==typeof e&&e&&"object"==typeof b&&b)return t=b.diff(e),!Object.values(t.ops).some((e=>!e.retain||1!==Object.keys(e).length))}var t;return!1},m=(o,l,n)=>{b=c(f()),p(e.content)||t.emit("update:content",b),t.emit("textChange",{delta:o,oldContents:l,source:n})},h=o.ref(),g=(e,o,n)=>{h.value=!!(null==l?void 0:l.hasFocus()),t.emit("selectionChange",{range:e,oldRange:o,source:n})};o.watch(h,(e=>{t.emit(e?"focus":"blur",s)}));const v=(...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]})},f=(t,o)=>"html"===e.contentType?O():"text"===e.contentType?T(t,o):null==l?void 0:l.getContents(t,o),y=(t,o="api")=>{const n=t||("delta"===e.contentType?new r:"");"html"===e.contentType?j(n):"text"===e.contentType?x(n,o):null==l||l.setContents(n,o),b=c(n)},T=(e,t)=>{var o;return null!==(o=null==l?void 0:l.getText(e,t))&&void 0!==o?o:""},x=(e,t="api")=>{null==l||l.setText(e,t)},O=()=>{var e;return null!==(e=null==l?void 0:l.root.innerHTML)&&void 0!==e?e:""},j=e=>{l&&(l.root.innerHTML=e)};return o.watch((()=>e.content),(e=>{if(!l||!e||p(e))return;const t=l.getSelection();t&&o.nextTick((()=>null==l?void 0:l.setSelection(t))),y(e)}),{deep:!0}),o.watch((()=>e.enable),(e=>{l&&l.enable(e)})),{editor:s,getEditor:()=>s.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:f,setContents:y,getHTML:O,setHTML:j,pasteHTML:(e,t="api")=>{const o=null==l?void 0:l.clipboard.convert(e);o&&(null==l||l.setContents(o,t))},focus:()=>{null==l||l.focus()},getText:T,setText:x,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

@@ -11,6 +11,8 @@ import { Ref } from 'vue';
 import { Sources } from 'quill';
 import { VNodeProps } from 'vue';
 
+declare type ContentPropType = string | Delta | undefined | null;
+
 export { Delta }
 
 declare type Module = {
@@ -23,8 +25,7 @@ export { Quill }
 
 export declare const QuillEditor: DefineComponent<    {
 content: {
-type: PropType<string | Delta>;
-default: () => void;
+type: PropType<ContentPropType>;
 };
 contentType: {
 type: PropType<"delta" | "html" | "text">;
@@ -71,17 +72,17 @@ getEditor: () => Element;
 getToolbar: () => Element;
 getQuill: () => Quill;
 getContents: (index?: number, length?: number) => string | Delta | undefined;
-setContents: (content: string | Delta, source?: Sources) => void;
+setContents: (content: ContentPropType, source?: Sources) => void;
 getHTML: () => string;
 setHTML: (html: string) => void;
 pasteHTML: (html: string, source?: Sources) => void;
+focus: () => void;
 getText: (index?: number, length?: number) => 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;
+type: PropType<ContentPropType>;
 };
 contentType: {
 type: PropType<"delta" | "html" | "text">;
@@ -131,7 +132,6 @@ onFocus?: ((...args: any[]) => any) | undefined;
 onBlur?: ((...args: any[]) => any) | undefined;
 onReady?: ((...args: any[]) => any) | undefined;
 }, {
-content: string | Delta;
 contentType: "delta" | "html" | "text";
 enable: boolean;
 readOnly: boolean;

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

@@ -1,5 +1,5 @@
 /*!
- * VueQuill @vueup/vue-quill v1.1.0
+ * VueQuill @vueup/vue-quill v1.2.0
  * https://vueup.github.io/vue-quill/
  * 
  * Includes quill v1.3.7
@@ -7,7 +7,7 @@
  * 
  * Copyright (c) 2023 Ahmad Luthfi Masruri
  * Released under the MIT license
- * Date: 2023-02-04T04:01:16.430Z
+ * Date: 2023-05-12T08:44:03.742Z
  */
 import { defineComponent, onMounted, onBeforeUnmount, ref, watch, nextTick, h } from 'vue';
 
@@ -18413,7 +18413,7 @@ var Delta = /** @class */ (function () {
 var Delta_1 = Delta;
 
 
-var Delta_1$1 = Delta_1;
+var Delta$1 = Delta_1;
 
 const toolbarOptions = {
     essential: [
@@ -18452,7 +18452,6 @@ const QuillEditor = defineComponent({
     props: {
         content: {
             type: [String, Object],
-            default: () => { },
         },
         contentType: {
             type: String,
@@ -18606,7 +18605,7 @@ const QuillEditor = defineComponent({
             return Object.assign({}, props.globalOptions, props.options, clientOptions);
         };
         const maybeClone = (delta) => {
-            return typeof delta === 'object' ? delta.slice() : 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);
@@ -18619,7 +18618,10 @@ const QuillEditor = defineComponent({
                     return true;
                 }
                 // Ref/Proxy does not support instanceof, so do a loose check
-                if (typeof against === 'object' && typeof internalModel === 'object') {
+                if (typeof against === 'object' &&
+                    against &&
+                    typeof internalModel === 'object' &&
+                    internalModel) {
                     return !deltaHasValuesOtherThanRetain(internalModel.diff(against));
                 }
             }
@@ -18672,7 +18674,7 @@ const QuillEditor = defineComponent({
             if (quill)
                 return quill;
             else
-                throw `The quill editor hasn't been instantiated yet, 
+                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.`;
         };
@@ -18686,16 +18688,21 @@ const QuillEditor = defineComponent({
             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$1()
+                    : ''
+                : content;
             if (props.contentType === 'html') {
-                setHTML(content);
+                setHTML(normalizedContent);
             }
             else if (props.contentType === 'text') {
-                setText(content, source);
+                setText(normalizedContent, source);
             }
             else {
-                quill === null || quill === void 0 ? void 0 : quill.setContents(content, source);
+                quill === null || quill === void 0 ? void 0 : quill.setContents(normalizedContent, source);
             }
-            internalModel = maybeClone(content);
+            internalModel = maybeClone(normalizedContent);
         };
         const getText = (index, length) => {
             var _a;
@@ -18717,6 +18724,9 @@ const QuillEditor = defineComponent({
             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;
@@ -18749,6 +18759,7 @@ const QuillEditor = defineComponent({
             getHTML,
             setHTML,
             pasteHTML,
+            focus,
             getText,
             setText,
             reinit,
@@ -18763,4 +18774,4 @@ const QuillEditor = defineComponent({
     },
 });
 
-export { Delta_1$1 as Delta, Quill, QuillEditor };
+export { Delta$1 as Delta, Quill, QuillEditor };