pxx-vue-quill 1.0.13 → 1.0.14
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/dist/vue-quill.cjs.js +1 -1
- package/dist/vue-quill.cjs.prod.js +1 -1
- package/dist/vue-quill.esm-browser.js +1 -1
- package/dist/vue-quill.esm-browser.prod.js +1 -1
- package/dist/vue-quill.esm-bundler.js +1 -1
- package/dist/vue-quill.esm-bundler.prod.js +1 -1
- package/dist/vue-quill.global.js +125 -133
- package/dist/vue-quill.global.prod.js +1 -1
- package/dist/vue-quill.snow.css +1 -2
- package/dist/vue-quill.snow.prod.css +1 -1
- package/package.json +1 -1
|
@@ -7,6 +7,6 @@
|
|
|
7
7
|
*
|
|
8
8
|
* Copyright (c) 2025 Pxx-Team
|
|
9
9
|
* Released under the MIT license
|
|
10
|
-
* Date: 2025-08-
|
|
10
|
+
* Date: 2025-08-21T09:21:09.034Z
|
|
11
11
|
*/
|
|
12
12
|
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,computed as i,watch as a,nextTick as d,h as s}from"vue";import u from"quill-blot-formatter";const c={full:[["bold","italic","underline"],[{list:"ordered"},{list:"bullet"}],[{color:[]},{background:[]}],["image"]]},m=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,default:"请输入内容"},minHeight:{type:Number,required:!1,default:20},needBorder:{type:Boolean,default:!1},toolbarMode:{type:String,default:"embedded",validator:e=>["fixed-top","embedded"].includes(e)},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(c).indexOf(e)))},modules:{type:Object,required:!1,default:()=>({name:"blotFormatter",module:u})},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 u,m;l((()=>{v()})),n((()=>{u=null}));const p=r(),g=i((()=>({minHeight:`${o.minHeight}px`}))),h=i((()=>({"quill-editor-container":!0,"need-border":o.needBorder,"fixed-top":"fixed-top"===o.toolbarMode,embedded:"embedded"===o.toolbarMode}))),Q=(t,o)=>{e.register(t,o)},v=()=>{var t,l;if(!p.value)return;u=new e(p.value,m);const n=null===(t=null==u?void 0:u.getModule("toolbar"))||void 0===t?void 0:t.container;n&&(n.style.display="none");const r=e.import("ui/icons");if(r.ocr='<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"><g><g style="opacity:0;"><rect x="0" y="0" width="18" height="18" rx="0" fill="#FFFFFF" fill-opacity="1"/></g><g><path d="M3.0000245140625,2.6000244140625L5.5000243140625,2.6000244140625C5.8313951140625,2.6000244140625,6.1000242140625,2.3313953240625,6.1000242140625,2.0000244340625C6.1000242140625,1.6686535440624999,5.8313951140625,1.4000244140625,5.5000243140625,1.4000244140625L3.0000245140625,1.4000244140625Q2.3372827740625,1.4000244140625,1.8686535940625,1.8686535940625Q1.4000244140625,2.3372827740625,1.4000244140625,3.0000245140625L1.4000244140625,5.5000243140625C1.4000244140625,5.8313951140625,1.6686535440624999,6.1000242140625,2.0000244340625,6.1000242140625C2.3313953240625,6.1000242140625,2.6000244140625,5.8313951140625,2.6000244140625,5.5000243140625L2.6000244140625,3.0000245140625Q2.6000244140625,2.6000244140625,3.0000245140625,2.6000244140625ZM12.5000244140625,1.4000244140625L15.0000244140625,1.4000244140625Q15.6627664140625,1.4000244140625,16.1313954140625,1.8686538940625Q16.6000244140625,2.3372834940625,16.6000244140625,3.0000245140625L16.6000244140625,5.5000243140625C16.6000244140625,5.6591539140625,16.5368104140625,5.8117661140625,16.424288414062502,5.9242883140625C16.3117674140625,6.0368099140625,16.1591544140625,6.1000242140625,16.0000244140625,6.1000242140625C15.6686534140625,6.1000242140625,15.4000244140625,5.8313951140625,15.4000244140625,5.5000243140625L15.4000234140625,3.0000245140625Q15.4000234140625,2.6000244140625,15.0000244140625,2.6000244140625L12.5000244140625,2.6000244140625C12.1686534140625,2.6000244140625,11.9000244140625,2.3313953240625,11.9000244140625,2.0000244340625C11.9000244140625,1.6686535440624999,12.1686534140625,1.4000244140625,12.5000244140625,1.4000244140625ZM8.6239776140625,6.4719930140625C8.5439777140625,6.1512432140625,8.3999777140625,5.7421179140625,8.2479777140625,5.4212432140625L9.4959774140625,5.052368214062501C9.6959782140625,5.4293680140625,9.9199772140625,5.9346180140625,9.9999771140625,6.2714929140625L9.3519778140625,6.4719930140625L12.7119784140625,6.4719930140625L12.7119784140625,7.6079931140625L11.5039774140625,7.6079931140625C11.1279774140625,8.6968679140625,10.6159782140625,9.6014929140625,9.9599781140625,10.3461180140625C10.7599773140625,10.9224930140625,11.7279774140625,11.3468685140625,12.8879774140625,11.6029934140625C12.6239774140625,11.8592434140625,12.2799774140625,12.3716184140625,12.1039784140625,12.6918684140625C10.8719778140625,12.3716184140625,9.8719778140625,11.8752434140625,9.0479779140625,11.2107429140625C8.175977714062501,11.8992434140625,7.1199779140625,12.4036184140625,5.8559775140625,12.7558684140625C5.7279777140625,12.4757434140625,5.3759775140625,11.9312434140625,5.1519775140625,11.6591184140625C6.3759775140625,11.3868685140625,7.3839779140625,10.9706182140625,8.1839781140625,10.3781185140625C7.5199776140625,9.6094932140625,7.0079775140625,8.6888685140625,6.5919776140625,7.6079931140625L5.3279776140625,7.6079931140625L5.3279776140625,6.4719930140625L8.6239776140625,6.4719930140625ZM7.7999778140625,7.6079931140625C8.1119776140625,8.344617814062499,8.5359778140625,9.0011186140625,9.0719776140625,9.5694933140625C9.5439777140625,9.0251179140625,9.9199772140625,8.3766184140625,10.1919784140625,7.6079931140625L7.7999778140625,7.6079931140625ZM2.6000244140625,12.5000244140625L2.6000244140625,15.0000244140625Q2.6000244140625,15.4000234140625,3.0000245140625,15.4000234140625L5.5000243140625,15.4000234140625C5.8313951140625,15.4000244140625,6.1000242140625,15.6686534140625,6.1000242140625,16.0000244140625C6.1000242140625,16.3313964140625,5.8313951140625,16.6000254140625,5.5000243140625,16.6000254140625L5.4989548140625,16.6000244140625L3.0000245140625,16.6000244140625Q2.3372834940625,16.6000244140625,1.8686538940625,16.1313954140625Q1.4000244140625,15.6627664140625,1.4000244140625,15.0000244140625L1.4000244140625,12.5000244140625C1.4000244140625,12.1686534140625,1.6686535440624999,11.9000244140625,2.0000244340625,11.9000244140625C2.3313953240625,11.9000244140625,2.6000244140625,12.1686534140625,2.6000244140625,12.5000244140625ZM16.6000244140625,12.5010944140625L16.6000244140625,15.0000244140625Q16.6000244140625,15.6627654140625,16.1313954140625,16.1313954140625Q15.6627654140625,16.6000244140625,15.0000244140625,16.6000244140625L12.5000244140625,16.6000244140625C12.3408944140625,16.6000244140625,12.1882824140625,16.5368104140625,12.0757594140625,16.424288414062502C11.9632384140625,16.3117664140625,11.9000244140625,16.1591544140625,11.9000244140625,16.0000244140625C11.9000244140625,15.6686534140625,12.1686534140625,15.4000244140625,12.5000244140625,15.4000244140625L15.0000244140625,15.4000234140625Q15.4000234140625,15.4000234140625,15.4000234140625,15.0000244140625L15.4000234140625,12.5000244140625C15.4000244140625,12.1686534140625,15.6686534140625,11.9000244140625,16.0000244140625,11.9000244140625C16.3313964140625,11.9000244140625,16.6000254140625,12.1686534140625,16.6000254140625,12.5000244140625L16.6000244140625,12.5010944140625Z" fill-rule="evenodd" fill="#333333" fill-opacity="1"/></g></g></svg>',r.math='<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>',m=f(),o.modules)if(Array.isArray(o.modules))for(const e of o.modules)Q(`modules/${e.name}`,e.module);else Q(`modules/${o.modules.name}`,o.modules.module);u=new e(p.value,m),T(o.content),u.on("text-change",C),u.on("selection-change",w),u.on("editor-change",M),"bubble"!==o.theme&&p.value.classList.remove("ql-bubble"),"snow"!==o.theme&&p.value.classList.remove("ql-snow"),null===(l=u.getModule("toolbar"))||void 0===l||l.container.addEventListener("mousedown",(e=>{e.preventDefault()})),s.emit("ready",u)},f=()=>{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:[...c.full,["ocr"],[{math:!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)},b=e=>"object"==typeof e&&e?e.slice():e;let y;const L=e=>{if(typeof y==typeof e){if(e===y)return!0;if("object"==typeof e&&e&&"object"==typeof y&&y)return t=y.diff(e),!Object.values(t.ops).some((e=>!e.retain||1!==Object.keys(e).length))}var t;return!1},C=(e,t,l)=>{y=b(O()),L(o.content)||s.emit("update:content",y),s.emit("textChange",{delta:e,oldContents:t,source:l})},x=r(),w=(e,t,o)=>{var l;x.value=!!(null==u?void 0:u.hasFocus());const n=null===(l=null==u?void 0:u.getModule("toolbar"))||void 0===l?void 0:l.container;n&&(n.style.display=x.value?"flex":"none"),s.emit("selectionChange",{range:e,oldRange:t,source:o})};a(x,(e=>{s.emit(e?"focus":"blur",p)}));const M=(...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]})},O=(e,t)=>"html"===o.contentType?S():"text"===o.contentType?q(e,t):null==u?void 0:u.getContents(e,t),T=(e,l="api")=>{const n=e||("delta"===o.contentType?new t:"");"html"===o.contentType?k(n):"text"===o.contentType?j(n,l):null==u||u.setContents(n,l),y=b(n)},q=(e,t)=>{var o;return null!==(o=null==u?void 0:u.getText(e,t))&&void 0!==o?o:""},j=(e,t="api")=>{null==u||u.setText(e,t)},S=()=>{var e;return null!==(e=null==u?void 0:u.root.innerHTML)&&void 0!==e?e:""},k=e=>{u&&(u.root.innerHTML=e)};return a((()=>o.content),(e=>{if(!u||!e||L(e))return;const t=u.getSelection();t&&d((()=>null==u?void 0:u.setSelection(t))),T(e)}),{deep:!0}),a((()=>o.enable),(e=>{u&&u.enable(e)})),{editor:p,getEditor:()=>p.value,getToolbar:()=>{var e;return null===(e=null==u?void 0:u.getModule("toolbar"))||void 0===e?void 0:e.container},getQuill:()=>{if(u)return u;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:O,setContents:T,getHTML:S,setHTML:k,pasteHTML:(e,t="api")=>{const o=null==u?void 0:u.clipboard.convert(e);o&&(null==u||u.setContents(o,t))},focus:()=>{null==u||u.focus()},getText:q,setText:j,reinit:()=>{d((()=>{var e;!s.slots.toolbar&&u&&(null===(e=u.getModule("toolbar"))||void 0===e||e.container.remove()),v()}))},editorWrapStyle:g,editorWrapClass:h}},render(){var e,t;return[s("div",{class:this.editorWrapClass,style:this.editorWrapStyle},[null===(t=(e=this.$slots).toolbar)||void 0===t?void 0:t.call(e),s("div",{ref:"editor",...this.$attrs})])]}});export{m as QuillEditor};
|
package/dist/vue-quill.global.js
CHANGED
|
@@ -7,7 +7,7 @@
|
|
|
7
7
|
*
|
|
8
8
|
* Copyright (c) 2025 Pxx-Team
|
|
9
9
|
* Released under the MIT license
|
|
10
|
-
* Date: 2025-08-
|
|
10
|
+
* Date: 2025-08-21T09:21:09.034Z
|
|
11
11
|
*/
|
|
12
12
|
(function (global, factory) {
|
|
13
13
|
typeof exports === 'object' && typeof module !== 'undefined' ? factory(exports, require('vue')) :
|
|
@@ -18784,11 +18784,11 @@
|
|
|
18784
18784
|
value: true
|
|
18785
18785
|
});
|
|
18786
18786
|
|
|
18787
|
-
var _createClass = function () { function defineProperties(target, props) { for (var i = 0; i < props.length; i++) { var descriptor = props[i]; descriptor.enumerable = descriptor.enumerable || false; descriptor.configurable = true; if ("value" in descriptor) descriptor.writable = true; Object.defineProperty(target, descriptor.key, descriptor); } } return function (Constructor, protoProps, staticProps) { if (protoProps) defineProperties(Constructor.prototype, protoProps); if (staticProps) defineProperties(Constructor, staticProps); return Constructor; }; }();
|
|
18787
|
+
var _createClass$1 = function () { function defineProperties(target, props) { for (var i = 0; i < props.length; i++) { var descriptor = props[i]; descriptor.enumerable = descriptor.enumerable || false; descriptor.configurable = true; if ("value" in descriptor) descriptor.writable = true; Object.defineProperty(target, descriptor.key, descriptor); } } return function (Constructor, protoProps, staticProps) { if (protoProps) defineProperties(Constructor.prototype, protoProps); if (staticProps) defineProperties(Constructor, staticProps); return Constructor; }; }();
|
|
18788
18788
|
|
|
18789
18789
|
function _defineProperty(obj, key, value) { if (key in obj) { Object.defineProperty(obj, key, { value: value, enumerable: true, configurable: true, writable: true }); } else { obj[key] = value; } return obj; }
|
|
18790
18790
|
|
|
18791
|
-
function _classCallCheck(instance, Constructor) { if (!(instance instanceof Constructor)) { throw new TypeError("Cannot call a class as a function"); } }
|
|
18791
|
+
function _classCallCheck$1(instance, Constructor) { if (!(instance instanceof Constructor)) { throw new TypeError("Cannot call a class as a function"); } }
|
|
18792
18792
|
|
|
18793
18793
|
var LEFT_ALIGN = 'left';
|
|
18794
18794
|
var CENTER_ALIGN = 'center';
|
|
@@ -18799,7 +18799,7 @@
|
|
|
18799
18799
|
var _this = this,
|
|
18800
18800
|
_alignments;
|
|
18801
18801
|
|
|
18802
|
-
_classCallCheck(this, DefaultAligner);
|
|
18802
|
+
_classCallCheck$1(this, DefaultAligner);
|
|
18803
18803
|
|
|
18804
18804
|
this.applyStyle = options.aligner.applyStyle;
|
|
18805
18805
|
this.alignAttribute = options.attribute;
|
|
@@ -18827,7 +18827,7 @@
|
|
|
18827
18827
|
}), _alignments);
|
|
18828
18828
|
}
|
|
18829
18829
|
|
|
18830
|
-
_createClass(DefaultAligner, [{
|
|
18830
|
+
_createClass$1(DefaultAligner, [{
|
|
18831
18831
|
key: 'getAlignments',
|
|
18832
18832
|
value: function getAlignments() {
|
|
18833
18833
|
var _this2 = this;
|
|
@@ -19552,156 +19552,148 @@
|
|
|
19552
19552
|
|
|
19553
19553
|
var IframeVideoSpec = {};
|
|
19554
19554
|
|
|
19555
|
-
var UnclickableBlotSpec = {};
|
|
19556
|
-
|
|
19557
|
-
var hasRequiredUnclickableBlotSpec;
|
|
19555
|
+
var UnclickableBlotSpec$1 = {};
|
|
19558
19556
|
|
|
19559
|
-
|
|
19560
|
-
|
|
19561
|
-
|
|
19562
|
-
|
|
19563
|
-
Object.defineProperty(UnclickableBlotSpec, "__esModule", {
|
|
19564
|
-
value: true
|
|
19565
|
-
});
|
|
19566
|
-
|
|
19567
|
-
var _createClass = function () { function defineProperties(target, props) { for (var i = 0; i < props.length; i++) { var descriptor = props[i]; descriptor.enumerable = descriptor.enumerable || false; descriptor.configurable = true; if ("value" in descriptor) descriptor.writable = true; Object.defineProperty(target, descriptor.key, descriptor); } } return function (Constructor, protoProps, staticProps) { if (protoProps) defineProperties(Constructor.prototype, protoProps); if (staticProps) defineProperties(Constructor, staticProps); return Constructor; }; }();
|
|
19557
|
+
Object.defineProperty(UnclickableBlotSpec$1, "__esModule", {
|
|
19558
|
+
value: true
|
|
19559
|
+
});
|
|
19568
19560
|
|
|
19569
|
-
|
|
19561
|
+
var _createClass = function () { function defineProperties(target, props) { for (var i = 0; i < props.length; i++) { var descriptor = props[i]; descriptor.enumerable = descriptor.enumerable || false; descriptor.configurable = true; if ("value" in descriptor) descriptor.writable = true; Object.defineProperty(target, descriptor.key, descriptor); } } return function (Constructor, protoProps, staticProps) { if (protoProps) defineProperties(Constructor.prototype, protoProps); if (staticProps) defineProperties(Constructor, staticProps); return Constructor; }; }();
|
|
19570
19562
|
|
|
19571
|
-
|
|
19563
|
+
var _BlotSpec2 = requireBlotSpec();
|
|
19572
19564
|
|
|
19573
|
-
|
|
19565
|
+
var _BlotSpec3 = _interopRequireDefault(_BlotSpec2);
|
|
19574
19566
|
|
|
19575
|
-
|
|
19567
|
+
var _BlotFormatter = requireBlotFormatter();
|
|
19576
19568
|
|
|
19577
|
-
|
|
19569
|
+
_interopRequireDefault(_BlotFormatter);
|
|
19578
19570
|
|
|
19579
|
-
|
|
19571
|
+
function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
|
|
19580
19572
|
|
|
19581
|
-
|
|
19573
|
+
function _classCallCheck(instance, Constructor) { if (!(instance instanceof Constructor)) { throw new TypeError("Cannot call a class as a function"); } }
|
|
19582
19574
|
|
|
19583
|
-
|
|
19575
|
+
function _possibleConstructorReturn(self, call) { if (!self) { throw new ReferenceError("this hasn't been initialised - super() hasn't been called"); } return call && (typeof call === "object" || typeof call === "function") ? call : self; }
|
|
19584
19576
|
|
|
19585
|
-
|
|
19586
|
-
var PROXY_IMAGE_CLASS = 'blot-formatter__proxy-image';
|
|
19577
|
+
function _inherits(subClass, superClass) { if (typeof superClass !== "function" && superClass !== null) { throw new TypeError("Super expression must either be null or a function, not " + typeof superClass); } subClass.prototype = Object.create(superClass && superClass.prototype, { constructor: { value: subClass, enumerable: false, writable: true, configurable: true } }); if (superClass) Object.setPrototypeOf ? Object.setPrototypeOf(subClass, superClass) : subClass.__proto__ = superClass; }
|
|
19587
19578
|
|
|
19588
|
-
|
|
19589
|
-
|
|
19579
|
+
var MOUSE_ENTER_ATTRIBUTE = 'data-blot-formatter-unclickable-bound';
|
|
19580
|
+
var PROXY_IMAGE_CLASS = 'blot-formatter__proxy-image';
|
|
19590
19581
|
|
|
19591
|
-
|
|
19592
|
-
|
|
19582
|
+
var UnclickableBlotSpec = function (_BlotSpec) {
|
|
19583
|
+
_inherits(UnclickableBlotSpec, _BlotSpec);
|
|
19593
19584
|
|
|
19594
|
-
|
|
19585
|
+
function UnclickableBlotSpec(formatter, selector) {
|
|
19586
|
+
_classCallCheck(this, UnclickableBlotSpec);
|
|
19595
19587
|
|
|
19596
|
-
|
|
19597
|
-
Array.from(document.querySelectorAll(_this.selector + ':not([' + MOUSE_ENTER_ATTRIBUTE + '])')).forEach(function (unclickable) {
|
|
19598
|
-
unclickable.setAttribute(MOUSE_ENTER_ATTRIBUTE, 'true');
|
|
19599
|
-
unclickable.addEventListener('mouseenter', _this.onMouseEnter);
|
|
19600
|
-
});
|
|
19601
|
-
};
|
|
19588
|
+
var _this = _possibleConstructorReturn(this, (UnclickableBlotSpec.__proto__ || Object.getPrototypeOf(UnclickableBlotSpec)).call(this, formatter));
|
|
19602
19589
|
|
|
19603
|
-
|
|
19604
|
-
|
|
19605
|
-
|
|
19606
|
-
|
|
19607
|
-
|
|
19590
|
+
_this.onTextChange = function () {
|
|
19591
|
+
Array.from(document.querySelectorAll(_this.selector + ':not([' + MOUSE_ENTER_ATTRIBUTE + '])')).forEach(function (unclickable) {
|
|
19592
|
+
unclickable.setAttribute(MOUSE_ENTER_ATTRIBUTE, 'true');
|
|
19593
|
+
unclickable.addEventListener('mouseenter', _this.onMouseEnter);
|
|
19594
|
+
});
|
|
19595
|
+
};
|
|
19608
19596
|
|
|
19609
|
-
|
|
19610
|
-
|
|
19611
|
-
|
|
19597
|
+
_this.onMouseEnter = function (event) {
|
|
19598
|
+
var unclickable = event.target;
|
|
19599
|
+
if (!(unclickable instanceof HTMLElement)) {
|
|
19600
|
+
return;
|
|
19601
|
+
}
|
|
19612
19602
|
|
|
19613
|
-
|
|
19614
|
-
|
|
19615
|
-
|
|
19616
|
-
_this.formatter.show(_this);
|
|
19617
|
-
_this.hideProxyImage();
|
|
19618
|
-
};
|
|
19603
|
+
_this.nextUnclickable = unclickable;
|
|
19604
|
+
_this.repositionProxyImage(_this.nextUnclickable);
|
|
19605
|
+
};
|
|
19619
19606
|
|
|
19620
|
-
|
|
19621
|
-
|
|
19622
|
-
|
|
19623
|
-
|
|
19624
|
-
|
|
19607
|
+
_this.onProxyImageClick = function () {
|
|
19608
|
+
_this.unclickable = _this.nextUnclickable;
|
|
19609
|
+
_this.nextUnclickable = null;
|
|
19610
|
+
_this.formatter.show(_this);
|
|
19611
|
+
_this.hideProxyImage();
|
|
19612
|
+
};
|
|
19625
19613
|
|
|
19626
|
-
|
|
19627
|
-
|
|
19628
|
-
|
|
19629
|
-
|
|
19630
|
-
|
|
19631
|
-
it's important that this is attached to the body instead of the root quill element.
|
|
19632
|
-
this prevents the click event from overlapping with ImageSpec
|
|
19633
|
-
*/
|
|
19634
|
-
document.body.appendChild(this.createProxyImage());
|
|
19635
|
-
}
|
|
19614
|
+
_this.selector = selector;
|
|
19615
|
+
_this.unclickable = null;
|
|
19616
|
+
_this.nextUnclickable = null;
|
|
19617
|
+
return _this;
|
|
19618
|
+
}
|
|
19636
19619
|
|
|
19637
|
-
|
|
19638
|
-
|
|
19639
|
-
|
|
19640
|
-
|
|
19641
|
-
|
|
19642
|
-
|
|
19643
|
-
|
|
19644
|
-
|
|
19645
|
-
|
|
19646
|
-
|
|
19647
|
-
key: 'getOverlayElement',
|
|
19648
|
-
value: function getOverlayElement() {
|
|
19649
|
-
return this.unclickable;
|
|
19650
|
-
}
|
|
19651
|
-
}, {
|
|
19652
|
-
key: 'onHide',
|
|
19653
|
-
value: function onHide() {
|
|
19654
|
-
this.hideProxyImage();
|
|
19655
|
-
this.nextUnclickable = null;
|
|
19656
|
-
this.unclickable = null;
|
|
19657
|
-
}
|
|
19658
|
-
}, {
|
|
19659
|
-
key: 'createProxyImage',
|
|
19660
|
-
value: function createProxyImage() {
|
|
19661
|
-
var canvas = document.createElement('canvas');
|
|
19662
|
-
var context = canvas.getContext('2d');
|
|
19663
|
-
context.globalAlpha = 0;
|
|
19664
|
-
context.fillRect(0, 0, 1, 1);
|
|
19665
|
-
|
|
19666
|
-
this.proxyImage = document.createElement('img');
|
|
19667
|
-
this.proxyImage.src = canvas.toDataURL('image/png');
|
|
19668
|
-
this.proxyImage.classList.add(PROXY_IMAGE_CLASS);
|
|
19669
|
-
|
|
19670
|
-
Object.assign(this.proxyImage.style, {
|
|
19671
|
-
position: 'absolute',
|
|
19672
|
-
margin: '0'
|
|
19673
|
-
});
|
|
19620
|
+
_createClass(UnclickableBlotSpec, [{
|
|
19621
|
+
key: 'init',
|
|
19622
|
+
value: function init() {
|
|
19623
|
+
if (document.body) {
|
|
19624
|
+
/*
|
|
19625
|
+
it's important that this is attached to the body instead of the root quill element.
|
|
19626
|
+
this prevents the click event from overlapping with ImageSpec
|
|
19627
|
+
*/
|
|
19628
|
+
document.body.appendChild(this.createProxyImage());
|
|
19629
|
+
}
|
|
19674
19630
|
|
|
19675
|
-
|
|
19676
|
-
|
|
19677
|
-
|
|
19678
|
-
|
|
19679
|
-
|
|
19680
|
-
|
|
19681
|
-
|
|
19682
|
-
|
|
19683
|
-
|
|
19684
|
-
|
|
19685
|
-
|
|
19686
|
-
|
|
19687
|
-
|
|
19631
|
+
this.hideProxyImage();
|
|
19632
|
+
this.proxyImage.addEventListener('click', this.onProxyImageClick);
|
|
19633
|
+
this.formatter.quill.on('text-change', this.onTextChange);
|
|
19634
|
+
}
|
|
19635
|
+
}, {
|
|
19636
|
+
key: 'getTargetElement',
|
|
19637
|
+
value: function getTargetElement() {
|
|
19638
|
+
return this.unclickable;
|
|
19639
|
+
}
|
|
19640
|
+
}, {
|
|
19641
|
+
key: 'getOverlayElement',
|
|
19642
|
+
value: function getOverlayElement() {
|
|
19643
|
+
return this.unclickable;
|
|
19644
|
+
}
|
|
19645
|
+
}, {
|
|
19646
|
+
key: 'onHide',
|
|
19647
|
+
value: function onHide() {
|
|
19648
|
+
this.hideProxyImage();
|
|
19649
|
+
this.nextUnclickable = null;
|
|
19650
|
+
this.unclickable = null;
|
|
19651
|
+
}
|
|
19652
|
+
}, {
|
|
19653
|
+
key: 'createProxyImage',
|
|
19654
|
+
value: function createProxyImage() {
|
|
19655
|
+
var canvas = document.createElement('canvas');
|
|
19656
|
+
var context = canvas.getContext('2d');
|
|
19657
|
+
context.globalAlpha = 0;
|
|
19658
|
+
context.fillRect(0, 0, 1, 1);
|
|
19659
|
+
|
|
19660
|
+
this.proxyImage = document.createElement('img');
|
|
19661
|
+
this.proxyImage.src = canvas.toDataURL('image/png');
|
|
19662
|
+
this.proxyImage.classList.add(PROXY_IMAGE_CLASS);
|
|
19663
|
+
|
|
19664
|
+
Object.assign(this.proxyImage.style, {
|
|
19665
|
+
position: 'absolute',
|
|
19666
|
+
margin: '0'
|
|
19667
|
+
});
|
|
19688
19668
|
|
|
19689
|
-
|
|
19690
|
-
|
|
19691
|
-
|
|
19692
|
-
|
|
19693
|
-
|
|
19694
|
-
|
|
19695
|
-
|
|
19696
|
-
|
|
19697
|
-
|
|
19669
|
+
return this.proxyImage;
|
|
19670
|
+
}
|
|
19671
|
+
}, {
|
|
19672
|
+
key: 'hideProxyImage',
|
|
19673
|
+
value: function hideProxyImage() {
|
|
19674
|
+
Object.assign(this.proxyImage.style, {
|
|
19675
|
+
display: 'none'
|
|
19676
|
+
});
|
|
19677
|
+
}
|
|
19678
|
+
}, {
|
|
19679
|
+
key: 'repositionProxyImage',
|
|
19680
|
+
value: function repositionProxyImage(unclickable) {
|
|
19681
|
+
var rect = unclickable.getBoundingClientRect();
|
|
19682
|
+
|
|
19683
|
+
Object.assign(this.proxyImage.style, {
|
|
19684
|
+
display: 'block',
|
|
19685
|
+
left: rect.left + window.pageXOffset + 'px',
|
|
19686
|
+
top: rect.top + window.pageYOffset + 'px',
|
|
19687
|
+
width: rect.width + 'px',
|
|
19688
|
+
height: rect.height + 'px'
|
|
19689
|
+
});
|
|
19690
|
+
}
|
|
19691
|
+
}]);
|
|
19698
19692
|
|
|
19699
|
-
|
|
19700
|
-
|
|
19693
|
+
return UnclickableBlotSpec;
|
|
19694
|
+
}(_BlotSpec3.default);
|
|
19701
19695
|
|
|
19702
|
-
|
|
19703
|
-
return UnclickableBlotSpec;
|
|
19704
|
-
}
|
|
19696
|
+
UnclickableBlotSpec$1.default = UnclickableBlotSpec;
|
|
19705
19697
|
|
|
19706
19698
|
var hasRequiredIframeVideoSpec;
|
|
19707
19699
|
|
|
@@ -19713,7 +19705,7 @@
|
|
|
19713
19705
|
value: true
|
|
19714
19706
|
});
|
|
19715
19707
|
|
|
19716
|
-
var _UnclickableBlotSpec2 =
|
|
19708
|
+
var _UnclickableBlotSpec2 = UnclickableBlotSpec$1;
|
|
19717
19709
|
|
|
19718
19710
|
var _UnclickableBlotSpec3 = _interopRequireDefault(_UnclickableBlotSpec2);
|
|
19719
19711
|
|
|
@@ -19940,7 +19932,7 @@
|
|
|
19940
19932
|
}
|
|
19941
19933
|
});
|
|
19942
19934
|
|
|
19943
|
-
var _UnclickableBlotSpec =
|
|
19935
|
+
var _UnclickableBlotSpec = UnclickableBlotSpec$1;
|
|
19944
19936
|
|
|
19945
19937
|
Object.defineProperty(exports, 'UnclickableBlotSpec', {
|
|
19946
19938
|
enumerable: true,
|