pxx-vue-quill 1.0.10 → 1.0.11
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 +158 -174
- 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 +133 -125
- package/dist/vue-quill.global.prod.js +2 -2
- 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-21T07:
|
|
10
|
+
* Date: 2025-08-21T07:17:13.736Z
|
|
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:"fixed-top",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-21T07:
|
|
10
|
+
* Date: 2025-08-21T07:17:13.736Z
|
|
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
|
|
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; }; }();
|
|
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
|
|
18791
|
+
function _classCallCheck(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
|
|
18802
|
+
_classCallCheck(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
|
|
18830
|
+
_createClass(DefaultAligner, [{
|
|
18831
18831
|
key: 'getAlignments',
|
|
18832
18832
|
value: function getAlignments() {
|
|
18833
18833
|
var _this2 = this;
|
|
@@ -19552,148 +19552,156 @@
|
|
|
19552
19552
|
|
|
19553
19553
|
var IframeVideoSpec = {};
|
|
19554
19554
|
|
|
19555
|
-
var UnclickableBlotSpec
|
|
19555
|
+
var UnclickableBlotSpec = {};
|
|
19556
19556
|
|
|
19557
|
-
|
|
19558
|
-
value: true
|
|
19559
|
-
});
|
|
19557
|
+
var hasRequiredUnclickableBlotSpec;
|
|
19560
19558
|
|
|
19561
|
-
|
|
19559
|
+
function requireUnclickableBlotSpec () {
|
|
19560
|
+
if (hasRequiredUnclickableBlotSpec) return UnclickableBlotSpec;
|
|
19561
|
+
hasRequiredUnclickableBlotSpec = 1;
|
|
19562
19562
|
|
|
19563
|
-
|
|
19563
|
+
Object.defineProperty(UnclickableBlotSpec, "__esModule", {
|
|
19564
|
+
value: true
|
|
19565
|
+
});
|
|
19564
19566
|
|
|
19565
|
-
|
|
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; }; }();
|
|
19566
19568
|
|
|
19567
|
-
|
|
19569
|
+
var _BlotSpec2 = requireBlotSpec();
|
|
19568
19570
|
|
|
19569
|
-
|
|
19571
|
+
var _BlotSpec3 = _interopRequireDefault(_BlotSpec2);
|
|
19570
19572
|
|
|
19571
|
-
|
|
19573
|
+
var _BlotFormatter = requireBlotFormatter();
|
|
19572
19574
|
|
|
19573
|
-
|
|
19575
|
+
_interopRequireDefault(_BlotFormatter);
|
|
19574
19576
|
|
|
19575
|
-
|
|
19577
|
+
function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
|
|
19576
19578
|
|
|
19577
|
-
|
|
19579
|
+
function _classCallCheck(instance, Constructor) { if (!(instance instanceof Constructor)) { throw new TypeError("Cannot call a class as a function"); } }
|
|
19578
19580
|
|
|
19579
|
-
|
|
19580
|
-
var PROXY_IMAGE_CLASS = 'blot-formatter__proxy-image';
|
|
19581
|
+
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; }
|
|
19581
19582
|
|
|
19582
|
-
|
|
19583
|
-
_inherits(UnclickableBlotSpec, _BlotSpec);
|
|
19583
|
+
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; }
|
|
19584
19584
|
|
|
19585
|
-
|
|
19586
|
-
|
|
19585
|
+
var MOUSE_ENTER_ATTRIBUTE = 'data-blot-formatter-unclickable-bound';
|
|
19586
|
+
var PROXY_IMAGE_CLASS = 'blot-formatter__proxy-image';
|
|
19587
19587
|
|
|
19588
|
-
|
|
19588
|
+
var UnclickableBlotSpec$1 = function (_BlotSpec) {
|
|
19589
|
+
_inherits(UnclickableBlotSpec, _BlotSpec);
|
|
19589
19590
|
|
|
19590
|
-
|
|
19591
|
-
|
|
19592
|
-
unclickable.setAttribute(MOUSE_ENTER_ATTRIBUTE, 'true');
|
|
19593
|
-
unclickable.addEventListener('mouseenter', _this.onMouseEnter);
|
|
19594
|
-
});
|
|
19595
|
-
};
|
|
19591
|
+
function UnclickableBlotSpec(formatter, selector) {
|
|
19592
|
+
_classCallCheck(this, UnclickableBlotSpec);
|
|
19596
19593
|
|
|
19597
|
-
|
|
19598
|
-
var unclickable = event.target;
|
|
19599
|
-
if (!(unclickable instanceof HTMLElement)) {
|
|
19600
|
-
return;
|
|
19601
|
-
}
|
|
19594
|
+
var _this = _possibleConstructorReturn(this, (UnclickableBlotSpec.__proto__ || Object.getPrototypeOf(UnclickableBlotSpec)).call(this, formatter));
|
|
19602
19595
|
|
|
19603
|
-
|
|
19604
|
-
|
|
19605
|
-
|
|
19596
|
+
_this.onTextChange = function () {
|
|
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
|
+
};
|
|
19606
19602
|
|
|
19607
|
-
|
|
19608
|
-
|
|
19609
|
-
|
|
19610
|
-
|
|
19611
|
-
|
|
19612
|
-
};
|
|
19603
|
+
_this.onMouseEnter = function (event) {
|
|
19604
|
+
var unclickable = event.target;
|
|
19605
|
+
if (!(unclickable instanceof HTMLElement)) {
|
|
19606
|
+
return;
|
|
19607
|
+
}
|
|
19613
19608
|
|
|
19614
|
-
|
|
19615
|
-
|
|
19616
|
-
|
|
19617
|
-
return _this;
|
|
19618
|
-
}
|
|
19609
|
+
_this.nextUnclickable = unclickable;
|
|
19610
|
+
_this.repositionProxyImage(_this.nextUnclickable);
|
|
19611
|
+
};
|
|
19619
19612
|
|
|
19620
|
-
|
|
19621
|
-
|
|
19622
|
-
|
|
19623
|
-
|
|
19624
|
-
|
|
19625
|
-
|
|
19626
|
-
this prevents the click event from overlapping with ImageSpec
|
|
19627
|
-
*/
|
|
19628
|
-
document.body.appendChild(this.createProxyImage());
|
|
19629
|
-
}
|
|
19613
|
+
_this.onProxyImageClick = function () {
|
|
19614
|
+
_this.unclickable = _this.nextUnclickable;
|
|
19615
|
+
_this.nextUnclickable = null;
|
|
19616
|
+
_this.formatter.show(_this);
|
|
19617
|
+
_this.hideProxyImage();
|
|
19618
|
+
};
|
|
19630
19619
|
|
|
19631
|
-
|
|
19632
|
-
|
|
19633
|
-
|
|
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
|
-
});
|
|
19620
|
+
_this.selector = selector;
|
|
19621
|
+
_this.unclickable = null;
|
|
19622
|
+
_this.nextUnclickable = null;
|
|
19623
|
+
return _this;
|
|
19624
|
+
}
|
|
19668
19625
|
|
|
19669
|
-
|
|
19670
|
-
|
|
19671
|
-
|
|
19672
|
-
|
|
19673
|
-
|
|
19674
|
-
|
|
19675
|
-
|
|
19676
|
-
|
|
19677
|
-
|
|
19678
|
-
|
|
19679
|
-
|
|
19680
|
-
|
|
19681
|
-
|
|
19682
|
-
|
|
19683
|
-
|
|
19684
|
-
|
|
19685
|
-
|
|
19686
|
-
|
|
19687
|
-
|
|
19688
|
-
|
|
19689
|
-
|
|
19690
|
-
|
|
19691
|
-
|
|
19626
|
+
_createClass(UnclickableBlotSpec, [{
|
|
19627
|
+
key: 'init',
|
|
19628
|
+
value: function init() {
|
|
19629
|
+
if (document.body) {
|
|
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
|
+
}
|
|
19636
|
+
|
|
19637
|
+
this.hideProxyImage();
|
|
19638
|
+
this.proxyImage.addEventListener('click', this.onProxyImageClick);
|
|
19639
|
+
this.formatter.quill.on('text-change', this.onTextChange);
|
|
19640
|
+
}
|
|
19641
|
+
}, {
|
|
19642
|
+
key: 'getTargetElement',
|
|
19643
|
+
value: function getTargetElement() {
|
|
19644
|
+
return this.unclickable;
|
|
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
|
+
});
|
|
19692
19674
|
|
|
19693
|
-
|
|
19694
|
-
|
|
19675
|
+
return this.proxyImage;
|
|
19676
|
+
}
|
|
19677
|
+
}, {
|
|
19678
|
+
key: 'hideProxyImage',
|
|
19679
|
+
value: function hideProxyImage() {
|
|
19680
|
+
Object.assign(this.proxyImage.style, {
|
|
19681
|
+
display: 'none'
|
|
19682
|
+
});
|
|
19683
|
+
}
|
|
19684
|
+
}, {
|
|
19685
|
+
key: 'repositionProxyImage',
|
|
19686
|
+
value: function repositionProxyImage(unclickable) {
|
|
19687
|
+
var rect = unclickable.getBoundingClientRect();
|
|
19688
|
+
|
|
19689
|
+
Object.assign(this.proxyImage.style, {
|
|
19690
|
+
display: 'block',
|
|
19691
|
+
left: rect.left + window.pageXOffset + 'px',
|
|
19692
|
+
top: rect.top + window.pageYOffset + 'px',
|
|
19693
|
+
width: rect.width + 'px',
|
|
19694
|
+
height: rect.height + 'px'
|
|
19695
|
+
});
|
|
19696
|
+
}
|
|
19697
|
+
}]);
|
|
19695
19698
|
|
|
19696
|
-
|
|
19699
|
+
return UnclickableBlotSpec;
|
|
19700
|
+
}(_BlotSpec3.default);
|
|
19701
|
+
|
|
19702
|
+
UnclickableBlotSpec.default = UnclickableBlotSpec$1;
|
|
19703
|
+
return UnclickableBlotSpec;
|
|
19704
|
+
}
|
|
19697
19705
|
|
|
19698
19706
|
var hasRequiredIframeVideoSpec;
|
|
19699
19707
|
|
|
@@ -19705,7 +19713,7 @@
|
|
|
19705
19713
|
value: true
|
|
19706
19714
|
});
|
|
19707
19715
|
|
|
19708
|
-
var _UnclickableBlotSpec2 =
|
|
19716
|
+
var _UnclickableBlotSpec2 = requireUnclickableBlotSpec();
|
|
19709
19717
|
|
|
19710
19718
|
var _UnclickableBlotSpec3 = _interopRequireDefault(_UnclickableBlotSpec2);
|
|
19711
19719
|
|
|
@@ -19932,7 +19940,7 @@
|
|
|
19932
19940
|
}
|
|
19933
19941
|
});
|
|
19934
19942
|
|
|
19935
|
-
var _UnclickableBlotSpec =
|
|
19943
|
+
var _UnclickableBlotSpec = requireUnclickableBlotSpec();
|
|
19936
19944
|
|
|
19937
19945
|
Object.defineProperty(exports, 'UnclickableBlotSpec', {
|
|
19938
19946
|
enumerable: true,
|