pxx-vue-quill 1.0.5 → 1.0.6
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 +18 -6
- package/dist/vue-quill.cjs.prod.js +2 -2
- package/dist/vue-quill.esm-browser.js +162 -142
- package/dist/vue-quill.esm-browser.prod.js +2 -2
- package/dist/vue-quill.esm-bundler.js +18 -6
- package/dist/vue-quill.esm-bundler.prod.js +2 -2
- package/dist/vue-quill.global.js +172 -152
- package/dist/vue-quill.global.prod.js +2 -2
- package/dist/vue-quill.snow.css +43 -32
- package/dist/vue-quill.snow.prod.css +1 -1
- package/package.json +1 -1
|
@@ -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-21T06:11:32.746Z
|
|
11
11
|
*/
|
|
12
12
|
import Quill from 'quill';
|
|
13
13
|
export { default as Quill } from 'quill';
|
|
@@ -62,11 +62,15 @@ const QuillEditor = defineComponent({
|
|
|
62
62
|
minHeight: {
|
|
63
63
|
type: Number,
|
|
64
64
|
required: false,
|
|
65
|
-
default:
|
|
65
|
+
default: 20,
|
|
66
66
|
},
|
|
67
67
|
needBorder: {
|
|
68
68
|
type: Boolean,
|
|
69
|
-
default:
|
|
69
|
+
default: false,
|
|
70
|
+
},
|
|
71
|
+
toolbarMode: {
|
|
72
|
+
type: String,
|
|
73
|
+
default: "fixed-top"
|
|
70
74
|
},
|
|
71
75
|
theme: {
|
|
72
76
|
type: String,
|
|
@@ -129,11 +133,18 @@ const QuillEditor = defineComponent({
|
|
|
129
133
|
let quill;
|
|
130
134
|
let options;
|
|
131
135
|
const editor = ref();
|
|
132
|
-
const
|
|
136
|
+
const editorWrapStyle = computed(() => {
|
|
133
137
|
return {
|
|
134
138
|
minHeight: `${props.minHeight}px`,
|
|
135
139
|
};
|
|
136
140
|
});
|
|
141
|
+
const editorWrapClass = computed(() => {
|
|
142
|
+
return {
|
|
143
|
+
'quill-editor-container': true,
|
|
144
|
+
'need-border': props.needBorder,
|
|
145
|
+
[props.toolbarMode]: true
|
|
146
|
+
};
|
|
147
|
+
});
|
|
137
148
|
// Register Module if not already registered
|
|
138
149
|
const registerModule = (moduleName, module) => {
|
|
139
150
|
// For Quill 1.x, we can't check if module is already registered
|
|
@@ -407,13 +418,14 @@ const QuillEditor = defineComponent({
|
|
|
407
418
|
getText,
|
|
408
419
|
setText,
|
|
409
420
|
reinit,
|
|
410
|
-
|
|
421
|
+
editorWrapStyle,
|
|
422
|
+
editorWrapClass,
|
|
411
423
|
};
|
|
412
424
|
},
|
|
413
425
|
render() {
|
|
414
426
|
var _a, _b;
|
|
415
427
|
return [
|
|
416
|
-
h('div', { class:
|
|
428
|
+
h('div', { class: this.editorWrapClass, style: this.editorWrapStyle }, [
|
|
417
429
|
(_b = (_a = this.$slots).toolbar) === null || _b === void 0 ? void 0 : _b.call(_a),
|
|
418
430
|
h('div', { ref: 'editor', ...this.$attrs }),
|
|
419
431
|
]),
|
|
@@ -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-21T06:11:32.746Z
|
|
11
11
|
*/
|
|
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 s,h as d}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:40},needBorder:{type:Boolean,default:!0},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,d)=>{let u,m;l((()=>{Q()})),n((()=>{u=null}));const g=r(),p=i((()=>({minHeight:`${o.minHeight}px`}))),h=(t,o)=>{e.register(t,o)},Q=()=>{var t,l;if(!g.value)return;u=new e(g.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=v(),o.modules)if(Array.isArray(o.modules))for(const e of o.modules)h(`modules/${e.name}`,e.module);else h(`modules/${o.modules.name}`,o.modules.module);u=new e(g.value,m),O(o.content),u.on("text-change",L),u.on("selection-change",w),u.on("editor-change",x),"bubble"!==o.theme&&g.value.classList.remove("ql-bubble"),"snow"!==o.theme&&g.value.classList.remove("ql-snow"),null===(l=u.getModule("toolbar"))||void 0===l||l.container.addEventListener("mousedown",(e=>{e.preventDefault()})),d.emit("ready",u)},v=()=>{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"),d.emit("ocr")},math:function(){d.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)},f=e=>"object"==typeof e&&e?e.slice():e;let y;const b=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},L=(e,t,l)=>{y=f(M()),b(o.content)||d.emit("update:content",y),d.emit("textChange",{delta:e,oldContents:t,source:l})},C=r(),w=(e,t,o)=>{var l;C.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=C.value?"flex":"none"),d.emit("selectionChange",{range:e,oldRange:t,source:o})};a(C,(e=>{d.emit(e?"focus":"blur",g)}));const x=(...e)=>{"text-change"===e[0]&&d.emit("editorChange",{name:e[0],delta:e[1],oldContents:e[2],source:e[3]}),"selection-change"===e[0]&&d.emit("editorChange",{name:e[0],range:e[1],oldRange:e[2],source:e[3]})},M=(e,t)=>"html"===o.contentType?j():"text"===o.contentType?T(e,t):null==u?void 0:u.getContents(e,t),O=(e,l="api")=>{const n=e||("delta"===o.contentType?new t:"");"html"===o.contentType?F(n):"text"===o.contentType?q(n,l):null==u||u.setContents(n,l),y=f(n)},T=(e,t)=>{var o;return null!==(o=null==u?void 0:u.getText(e,t))&&void 0!==o?o:""},q=(e,t="api")=>{null==u||u.setText(e,t)},j=()=>{var e;return null!==(e=null==u?void 0:u.root.innerHTML)&&void 0!==e?e:""},F=e=>{u&&(u.root.innerHTML=e)};return a((()=>o.content),(e=>{if(!u||!e||b(e))return;const t=u.getSelection();t&&s((()=>null==u?void 0:u.setSelection(t))),O(e)}),{deep:!0}),a((()=>o.enable),(e=>{u&&u.enable(e)})),{editor:g,getEditor:()=>g.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:M,setContents:O,getHTML:j,setHTML:F,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:T,setText:q,reinit:()=>{s((()=>{var e;!d.slots.toolbar&&u&&(null===(e=u.getModule("toolbar"))||void 0===e||e.container.remove()),Q()}))},editorStyleFilter:p}},render(){var e,t;return[d("div",{class:"quill-editor-container "+(this.$props.needBorder?"need-border":""),style:this.editorStyleFilter},[null===(t=(e=this.$slots).toolbar)||void 0===t?void 0:t.call(e),d("div",{ref:"editor",...this.$attrs})])]}});export{m as QuillEditor};
|
|
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"},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,[o.toolbarMode]:!0}))),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)},y=e=>"object"==typeof e&&e?e.slice():e;let b;const L=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},C=(e,t,l)=>{b=y(O()),L(o.content)||s.emit("update:content",b),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),b=y(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-21T06:11:32.746Z
|
|
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;
|
|
@@ -19130,182 +19130,190 @@
|
|
|
19130
19130
|
return AlignAction;
|
|
19131
19131
|
}
|
|
19132
19132
|
|
|
19133
|
-
var ResizeAction
|
|
19133
|
+
var ResizeAction = {};
|
|
19134
19134
|
|
|
19135
|
-
|
|
19136
|
-
value: true
|
|
19137
|
-
});
|
|
19135
|
+
var hasRequiredResizeAction;
|
|
19138
19136
|
|
|
19139
|
-
|
|
19137
|
+
function requireResizeAction () {
|
|
19138
|
+
if (hasRequiredResizeAction) return ResizeAction;
|
|
19139
|
+
hasRequiredResizeAction = 1;
|
|
19140
19140
|
|
|
19141
|
-
|
|
19141
|
+
Object.defineProperty(ResizeAction, "__esModule", {
|
|
19142
|
+
value: true
|
|
19143
|
+
});
|
|
19142
19144
|
|
|
19143
|
-
|
|
19145
|
+
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; }; }();
|
|
19144
19146
|
|
|
19145
|
-
|
|
19147
|
+
var _Action2 = requireAction();
|
|
19146
19148
|
|
|
19147
|
-
|
|
19149
|
+
var _Action3 = _interopRequireDefault(_Action2);
|
|
19148
19150
|
|
|
19149
|
-
|
|
19151
|
+
var _BlotFormatter = requireBlotFormatter();
|
|
19150
19152
|
|
|
19151
|
-
|
|
19153
|
+
_interopRequireDefault(_BlotFormatter);
|
|
19152
19154
|
|
|
19153
|
-
|
|
19155
|
+
function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
|
|
19154
19156
|
|
|
19155
|
-
|
|
19157
|
+
function _classCallCheck(instance, Constructor) { if (!(instance instanceof Constructor)) { throw new TypeError("Cannot call a class as a function"); } }
|
|
19156
19158
|
|
|
19157
|
-
|
|
19158
|
-
_inherits(ResizeAction, _Action);
|
|
19159
|
+
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; }
|
|
19159
19160
|
|
|
19160
|
-
|
|
19161
|
-
_classCallCheck(this, ResizeAction);
|
|
19161
|
+
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; }
|
|
19162
19162
|
|
|
19163
|
-
|
|
19163
|
+
var ResizeAction$1 = function (_Action) {
|
|
19164
|
+
_inherits(ResizeAction, _Action);
|
|
19164
19165
|
|
|
19165
|
-
|
|
19166
|
-
|
|
19167
|
-
return;
|
|
19168
|
-
}
|
|
19169
|
-
_this.dragHandle = event.target;
|
|
19170
|
-
_this.setCursor(_this.dragHandle.style.cursor);
|
|
19166
|
+
function ResizeAction(formatter) {
|
|
19167
|
+
_classCallCheck(this, ResizeAction);
|
|
19171
19168
|
|
|
19172
|
-
|
|
19173
|
-
return;
|
|
19174
|
-
}
|
|
19169
|
+
var _this = _possibleConstructorReturn(this, (ResizeAction.__proto__ || Object.getPrototypeOf(ResizeAction)).call(this, formatter));
|
|
19175
19170
|
|
|
19176
|
-
|
|
19177
|
-
|
|
19178
|
-
|
|
19179
|
-
|
|
19171
|
+
_this.onMouseDown = function (event) {
|
|
19172
|
+
if (!(event.target instanceof HTMLElement)) {
|
|
19173
|
+
return;
|
|
19174
|
+
}
|
|
19175
|
+
_this.dragHandle = event.target;
|
|
19176
|
+
_this.setCursor(_this.dragHandle.style.cursor);
|
|
19180
19177
|
|
|
19181
|
-
|
|
19178
|
+
if (!_this.formatter.currentSpec) {
|
|
19179
|
+
return;
|
|
19180
|
+
}
|
|
19182
19181
|
|
|
19183
|
-
|
|
19184
|
-
|
|
19185
|
-
|
|
19182
|
+
var target = _this.formatter.currentSpec.getTargetElement();
|
|
19183
|
+
if (!target) {
|
|
19184
|
+
return;
|
|
19185
|
+
}
|
|
19186
19186
|
|
|
19187
|
-
|
|
19188
|
-
document.addEventListener('mouseup', _this.onMouseUp);
|
|
19189
|
-
};
|
|
19187
|
+
var rect = target.getBoundingClientRect();
|
|
19190
19188
|
|
|
19191
|
-
|
|
19192
|
-
|
|
19193
|
-
|
|
19194
|
-
}
|
|
19189
|
+
_this.dragStartX = event.clientX;
|
|
19190
|
+
_this.preDragWidth = rect.width;
|
|
19191
|
+
_this.targetRatio = rect.height / rect.width;
|
|
19195
19192
|
|
|
19196
|
-
|
|
19197
|
-
|
|
19198
|
-
|
|
19199
|
-
}
|
|
19193
|
+
document.addEventListener('mousemove', _this.onDrag);
|
|
19194
|
+
document.addEventListener('mouseup', _this.onMouseUp);
|
|
19195
|
+
};
|
|
19200
19196
|
|
|
19201
|
-
|
|
19202
|
-
|
|
19197
|
+
_this.onDrag = function (event) {
|
|
19198
|
+
if (!_this.formatter.currentSpec) {
|
|
19199
|
+
return;
|
|
19200
|
+
}
|
|
19203
19201
|
|
|
19204
|
-
|
|
19205
|
-
|
|
19206
|
-
|
|
19207
|
-
|
|
19208
|
-
}
|
|
19202
|
+
var target = _this.formatter.currentSpec.getTargetElement();
|
|
19203
|
+
if (!target) {
|
|
19204
|
+
return;
|
|
19205
|
+
}
|
|
19209
19206
|
|
|
19210
|
-
|
|
19207
|
+
var deltaX = event.clientX - _this.dragStartX;
|
|
19208
|
+
var newWidth = 0;
|
|
19211
19209
|
|
|
19212
|
-
|
|
19213
|
-
|
|
19210
|
+
if (_this.dragHandle === _this.topLeftHandle || _this.dragHandle === _this.bottomLeftHandle) {
|
|
19211
|
+
newWidth = Math.round(_this.preDragWidth - deltaX);
|
|
19212
|
+
} else {
|
|
19213
|
+
newWidth = Math.round(_this.preDragWidth + deltaX);
|
|
19214
|
+
}
|
|
19214
19215
|
|
|
19215
|
-
|
|
19216
|
-
};
|
|
19216
|
+
var newHeight = _this.targetRatio * newWidth;
|
|
19217
19217
|
|
|
19218
|
-
|
|
19219
|
-
|
|
19220
|
-
document.removeEventListener('mousemove', _this.onDrag);
|
|
19221
|
-
document.removeEventListener('mouseup', _this.onMouseUp);
|
|
19222
|
-
};
|
|
19218
|
+
target.setAttribute('width', '' + newWidth);
|
|
19219
|
+
target.setAttribute('height', '' + newHeight);
|
|
19223
19220
|
|
|
19224
|
-
|
|
19225
|
-
|
|
19226
|
-
_this.bottomRightHandle = _this.createHandle('bottom-right', 'nwse-resize');
|
|
19227
|
-
_this.bottomLeftHandle = _this.createHandle('bottom-left', 'nesw-resize');
|
|
19228
|
-
_this.dragHandle = null;
|
|
19229
|
-
_this.dragStartX = 0;
|
|
19230
|
-
_this.preDragWidth = 0;
|
|
19231
|
-
_this.targetRatio = 0;
|
|
19232
|
-
return _this;
|
|
19233
|
-
}
|
|
19221
|
+
_this.formatter.update();
|
|
19222
|
+
};
|
|
19234
19223
|
|
|
19235
|
-
|
|
19236
|
-
|
|
19237
|
-
|
|
19238
|
-
|
|
19239
|
-
|
|
19240
|
-
this.formatter.overlay.appendChild(this.bottomRightHandle);
|
|
19241
|
-
this.formatter.overlay.appendChild(this.bottomLeftHandle);
|
|
19224
|
+
_this.onMouseUp = function () {
|
|
19225
|
+
_this.setCursor('');
|
|
19226
|
+
document.removeEventListener('mousemove', _this.onDrag);
|
|
19227
|
+
document.removeEventListener('mouseup', _this.onMouseUp);
|
|
19228
|
+
};
|
|
19242
19229
|
|
|
19243
|
-
|
|
19244
|
-
|
|
19245
|
-
|
|
19246
|
-
|
|
19247
|
-
|
|
19248
|
-
|
|
19249
|
-
|
|
19250
|
-
|
|
19251
|
-
|
|
19252
|
-
|
|
19253
|
-
}
|
|
19254
|
-
}, {
|
|
19255
|
-
key: 'createHandle',
|
|
19256
|
-
value: function createHandle(position, cursor) {
|
|
19257
|
-
var box = document.createElement('div');
|
|
19258
|
-
box.classList.add(this.formatter.options.resize.handleClassName);
|
|
19259
|
-
box.setAttribute('data-position', position);
|
|
19260
|
-
box.style.cursor = cursor;
|
|
19261
|
-
|
|
19262
|
-
if (this.formatter.options.resize.handleStyle) {
|
|
19263
|
-
Object.assign(box.style, this.formatter.options.resize.handleStyle);
|
|
19264
|
-
}
|
|
19230
|
+
_this.topLeftHandle = _this.createHandle('top-left', 'nwse-resize');
|
|
19231
|
+
_this.topRightHandle = _this.createHandle('top-right', 'nesw-resize');
|
|
19232
|
+
_this.bottomRightHandle = _this.createHandle('bottom-right', 'nwse-resize');
|
|
19233
|
+
_this.bottomLeftHandle = _this.createHandle('bottom-left', 'nesw-resize');
|
|
19234
|
+
_this.dragHandle = null;
|
|
19235
|
+
_this.dragStartX = 0;
|
|
19236
|
+
_this.preDragWidth = 0;
|
|
19237
|
+
_this.targetRatio = 0;
|
|
19238
|
+
return _this;
|
|
19239
|
+
}
|
|
19265
19240
|
|
|
19266
|
-
|
|
19241
|
+
_createClass(ResizeAction, [{
|
|
19242
|
+
key: 'onCreate',
|
|
19243
|
+
value: function onCreate() {
|
|
19244
|
+
this.formatter.overlay.appendChild(this.topLeftHandle);
|
|
19245
|
+
this.formatter.overlay.appendChild(this.topRightHandle);
|
|
19246
|
+
this.formatter.overlay.appendChild(this.bottomRightHandle);
|
|
19247
|
+
this.formatter.overlay.appendChild(this.bottomLeftHandle);
|
|
19267
19248
|
|
|
19268
|
-
|
|
19269
|
-
|
|
19270
|
-
|
|
19271
|
-
|
|
19272
|
-
|
|
19273
|
-
|
|
19274
|
-
|
|
19275
|
-
|
|
19276
|
-
|
|
19277
|
-
|
|
19278
|
-
|
|
19279
|
-
|
|
19280
|
-
|
|
19281
|
-
|
|
19282
|
-
|
|
19249
|
+
this.repositionHandles(this.formatter.options.resize.handleStyle);
|
|
19250
|
+
}
|
|
19251
|
+
}, {
|
|
19252
|
+
key: 'onDestroy',
|
|
19253
|
+
value: function onDestroy() {
|
|
19254
|
+
this.setCursor('');
|
|
19255
|
+
this.formatter.overlay.removeChild(this.topLeftHandle);
|
|
19256
|
+
this.formatter.overlay.removeChild(this.topRightHandle);
|
|
19257
|
+
this.formatter.overlay.removeChild(this.bottomRightHandle);
|
|
19258
|
+
this.formatter.overlay.removeChild(this.bottomLeftHandle);
|
|
19259
|
+
}
|
|
19260
|
+
}, {
|
|
19261
|
+
key: 'createHandle',
|
|
19262
|
+
value: function createHandle(position, cursor) {
|
|
19263
|
+
var box = document.createElement('div');
|
|
19264
|
+
box.classList.add(this.formatter.options.resize.handleClassName);
|
|
19265
|
+
box.setAttribute('data-position', position);
|
|
19266
|
+
box.style.cursor = cursor;
|
|
19267
|
+
|
|
19268
|
+
if (this.formatter.options.resize.handleStyle) {
|
|
19269
|
+
Object.assign(box.style, this.formatter.options.resize.handleStyle);
|
|
19270
|
+
}
|
|
19283
19271
|
|
|
19284
|
-
|
|
19285
|
-
Object.assign(this.topRightHandle.style, { right: handleXOffset, top: handleYOffset });
|
|
19286
|
-
Object.assign(this.bottomRightHandle.style, { right: handleXOffset, bottom: handleYOffset });
|
|
19287
|
-
Object.assign(this.bottomLeftHandle.style, { left: handleXOffset, bottom: handleYOffset });
|
|
19288
|
-
}
|
|
19289
|
-
}, {
|
|
19290
|
-
key: 'setCursor',
|
|
19291
|
-
value: function setCursor(value) {
|
|
19292
|
-
if (document.body) {
|
|
19293
|
-
document.body.style.cursor = value;
|
|
19294
|
-
}
|
|
19272
|
+
box.addEventListener('mousedown', this.onMouseDown);
|
|
19295
19273
|
|
|
19296
|
-
|
|
19297
|
-
|
|
19298
|
-
|
|
19299
|
-
|
|
19300
|
-
|
|
19301
|
-
|
|
19302
|
-
|
|
19303
|
-
|
|
19274
|
+
return box;
|
|
19275
|
+
}
|
|
19276
|
+
}, {
|
|
19277
|
+
key: 'repositionHandles',
|
|
19278
|
+
value: function repositionHandles(handleStyle) {
|
|
19279
|
+
var handleXOffset = '0px';
|
|
19280
|
+
var handleYOffset = '0px';
|
|
19281
|
+
if (handleStyle) {
|
|
19282
|
+
if (handleStyle.width) {
|
|
19283
|
+
handleXOffset = -parseFloat(handleStyle.width) / 2 + 'px';
|
|
19284
|
+
}
|
|
19285
|
+
if (handleStyle.height) {
|
|
19286
|
+
handleYOffset = -parseFloat(handleStyle.height) / 2 + 'px';
|
|
19287
|
+
}
|
|
19288
|
+
}
|
|
19289
|
+
|
|
19290
|
+
Object.assign(this.topLeftHandle.style, { left: handleXOffset, top: handleYOffset });
|
|
19291
|
+
Object.assign(this.topRightHandle.style, { right: handleXOffset, top: handleYOffset });
|
|
19292
|
+
Object.assign(this.bottomRightHandle.style, { right: handleXOffset, bottom: handleYOffset });
|
|
19293
|
+
Object.assign(this.bottomLeftHandle.style, { left: handleXOffset, bottom: handleYOffset });
|
|
19294
|
+
}
|
|
19295
|
+
}, {
|
|
19296
|
+
key: 'setCursor',
|
|
19297
|
+
value: function setCursor(value) {
|
|
19298
|
+
if (document.body) {
|
|
19299
|
+
document.body.style.cursor = value;
|
|
19300
|
+
}
|
|
19301
|
+
|
|
19302
|
+
if (this.formatter.currentSpec) {
|
|
19303
|
+
var target = this.formatter.currentSpec.getOverlayElement();
|
|
19304
|
+
if (target) {
|
|
19305
|
+
target.style.cursor = value;
|
|
19306
|
+
}
|
|
19307
|
+
}
|
|
19308
|
+
}
|
|
19309
|
+
}]);
|
|
19304
19310
|
|
|
19305
|
-
|
|
19306
|
-
|
|
19311
|
+
return ResizeAction;
|
|
19312
|
+
}(_Action3.default);
|
|
19307
19313
|
|
|
19308
|
-
|
|
19314
|
+
ResizeAction.default = ResizeAction$1;
|
|
19315
|
+
return ResizeAction;
|
|
19316
|
+
}
|
|
19309
19317
|
|
|
19310
19318
|
var DeleteAction = {};
|
|
19311
19319
|
|
|
@@ -19412,7 +19420,7 @@
|
|
|
19412
19420
|
|
|
19413
19421
|
var _AlignAction2 = _interopRequireDefault(_AlignAction);
|
|
19414
19422
|
|
|
19415
|
-
var _ResizeAction =
|
|
19423
|
+
var _ResizeAction = requireResizeAction();
|
|
19416
19424
|
|
|
19417
19425
|
var _ResizeAction2 = _interopRequireDefault(_ResizeAction);
|
|
19418
19426
|
|
|
@@ -19905,7 +19913,7 @@
|
|
|
19905
19913
|
}
|
|
19906
19914
|
});
|
|
19907
19915
|
|
|
19908
|
-
var _ResizeAction =
|
|
19916
|
+
var _ResizeAction = requireResizeAction();
|
|
19909
19917
|
|
|
19910
19918
|
Object.defineProperty(exports, 'ResizeAction', {
|
|
19911
19919
|
enumerable: true,
|
|
@@ -19985,11 +19993,15 @@
|
|
|
19985
19993
|
minHeight: {
|
|
19986
19994
|
type: Number,
|
|
19987
19995
|
required: false,
|
|
19988
|
-
default:
|
|
19996
|
+
default: 20,
|
|
19989
19997
|
},
|
|
19990
19998
|
needBorder: {
|
|
19991
19999
|
type: Boolean,
|
|
19992
|
-
default:
|
|
20000
|
+
default: false,
|
|
20001
|
+
},
|
|
20002
|
+
toolbarMode: {
|
|
20003
|
+
type: String,
|
|
20004
|
+
default: "fixed-top"
|
|
19993
20005
|
},
|
|
19994
20006
|
theme: {
|
|
19995
20007
|
type: String,
|
|
@@ -20052,11 +20064,18 @@
|
|
|
20052
20064
|
let quill;
|
|
20053
20065
|
let options;
|
|
20054
20066
|
const editor = vue.ref();
|
|
20055
|
-
const
|
|
20067
|
+
const editorWrapStyle = vue.computed(() => {
|
|
20056
20068
|
return {
|
|
20057
20069
|
minHeight: `${props.minHeight}px`,
|
|
20058
20070
|
};
|
|
20059
20071
|
});
|
|
20072
|
+
const editorWrapClass = vue.computed(() => {
|
|
20073
|
+
return {
|
|
20074
|
+
'quill-editor-container': true,
|
|
20075
|
+
'need-border': props.needBorder,
|
|
20076
|
+
[props.toolbarMode]: true
|
|
20077
|
+
};
|
|
20078
|
+
});
|
|
20060
20079
|
// Register Module if not already registered
|
|
20061
20080
|
const registerModule = (moduleName, module) => {
|
|
20062
20081
|
// For Quill 1.x, we can't check if module is already registered
|
|
@@ -20330,13 +20349,14 @@
|
|
|
20330
20349
|
getText,
|
|
20331
20350
|
setText,
|
|
20332
20351
|
reinit,
|
|
20333
|
-
|
|
20352
|
+
editorWrapStyle,
|
|
20353
|
+
editorWrapClass,
|
|
20334
20354
|
};
|
|
20335
20355
|
},
|
|
20336
20356
|
render() {
|
|
20337
20357
|
var _a, _b;
|
|
20338
20358
|
return [
|
|
20339
|
-
vue.h('div', { class:
|
|
20359
|
+
vue.h('div', { class: this.editorWrapClass, style: this.editorWrapStyle }, [
|
|
20340
20360
|
(_b = (_a = this.$slots).toolbar) === null || _b === void 0 ? void 0 : _b.call(_a),
|
|
20341
20361
|
vue.h('div', { ref: 'editor', ...this.$attrs }),
|
|
20342
20362
|
]),
|