pxx-vue-quill 1.0.16 → 1.0.17
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 +25 -9
- package/dist/vue-quill.cjs.prod.js +2 -2
- package/dist/vue-quill.esm-browser.js +182 -182
- package/dist/vue-quill.esm-browser.prod.js +2 -2
- package/dist/vue-quill.esm-bundler.js +25 -9
- package/dist/vue-quill.esm-bundler.prod.js +2 -2
- package/dist/vue-quill.global.js +171 -163
- package/dist/vue-quill.global.prod.js +2 -2
- 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-25T02:25:20.932Z
|
|
11
11
|
*/
|
|
12
12
|
import Quill from 'quill';
|
|
13
13
|
export { default as Quill } from 'quill';
|
|
@@ -75,6 +75,12 @@ const QuillEditor = defineComponent({
|
|
|
75
75
|
return ['fixed-top', 'embedded'].includes(value);
|
|
76
76
|
},
|
|
77
77
|
},
|
|
78
|
+
// 传入toolbar的自定义style
|
|
79
|
+
toolbarStyle: {
|
|
80
|
+
type: Object,
|
|
81
|
+
required: false,
|
|
82
|
+
default: () => ({})
|
|
83
|
+
},
|
|
78
84
|
theme: {
|
|
79
85
|
type: String,
|
|
80
86
|
default: 'snow',
|
|
@@ -159,6 +165,22 @@ const QuillEditor = defineComponent({
|
|
|
159
165
|
updateEditorHeight();
|
|
160
166
|
});
|
|
161
167
|
});
|
|
168
|
+
// 应用自定义toolbar样式
|
|
169
|
+
const applyToolbarStyle = () => {
|
|
170
|
+
var _a;
|
|
171
|
+
if (quill && props.toolbarStyle) {
|
|
172
|
+
const toolbar = (_a = quill.getModule('toolbar')) === null || _a === void 0 ? void 0 : _a.container;
|
|
173
|
+
if (toolbar) {
|
|
174
|
+
Object.assign(toolbar.style, props.toolbarStyle);
|
|
175
|
+
}
|
|
176
|
+
}
|
|
177
|
+
};
|
|
178
|
+
// 监听 toolbarStyle 变化
|
|
179
|
+
watch(() => props.toolbarStyle, () => {
|
|
180
|
+
nextTick(() => {
|
|
181
|
+
applyToolbarStyle();
|
|
182
|
+
});
|
|
183
|
+
});
|
|
162
184
|
// Register Module if not already registered
|
|
163
185
|
const registerModule = (moduleName, module) => {
|
|
164
186
|
// For Quill 1.x, we can't check if module is already registered
|
|
@@ -212,6 +234,8 @@ const QuillEditor = defineComponent({
|
|
|
212
234
|
});
|
|
213
235
|
// 设置初始编辑器高度
|
|
214
236
|
updateEditorHeight();
|
|
237
|
+
// 应用初始toolbar样式
|
|
238
|
+
applyToolbarStyle();
|
|
215
239
|
// Emit ready event
|
|
216
240
|
ctx.emit('ready', quill);
|
|
217
241
|
};
|
|
@@ -235,7 +259,6 @@ const QuillEditor = defineComponent({
|
|
|
235
259
|
handlers: {
|
|
236
260
|
ocr: function () {
|
|
237
261
|
// 按钮点击逻辑
|
|
238
|
-
console.log('ocr');
|
|
239
262
|
ctx.emit('ocr');
|
|
240
263
|
},
|
|
241
264
|
math: function () {
|
|
@@ -298,14 +321,7 @@ const QuillEditor = defineComponent({
|
|
|
298
321
|
const isEditorFocus = ref();
|
|
299
322
|
const handleSelectionChange = (range, oldRange, source) => {
|
|
300
323
|
var _a;
|
|
301
|
-
console.log("----------------------------------");
|
|
302
|
-
console.log(range);
|
|
303
|
-
console.log(oldRange);
|
|
304
|
-
console.log(source);
|
|
305
|
-
// Set isEditorFocus if quill.hasFocus()
|
|
306
324
|
isEditorFocus.value = !!(quill === null || quill === void 0 ? void 0 : quill.hasFocus());
|
|
307
|
-
console.log(isEditorFocus.value);
|
|
308
|
-
console.log("----------------------------------");
|
|
309
325
|
// 动态显示/隐藏toolbar
|
|
310
326
|
const toolbar = (_a = quill === null || quill === void 0 ? void 0 : quill.getModule('toolbar')) === null || _a === void 0 ? void 0 : _a.container;
|
|
311
327
|
if (toolbar) {
|
|
@@ -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-25T02:25:20.932Z
|
|
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 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((()=>{Q()})),n((()=>{u=null}));const g=r(),p=i((()=>({"quill-editor-container":!0,"need-border":o.needBorder,"fixed-top":"fixed-top"===o.toolbarMode,embedded:"embedded"===o.toolbarMode}))),v=()=>{if(u&&g.value){const e=g.value.querySelector(".ql-editor");e&&(e.style.minHeight=`${o.minHeight}px`)}};a((()=>o.minHeight),(()=>{d((()=>{v()}))}));const 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=f(),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",C),u.on("selection-change",w),u.on("editor-change",M),"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()})),v(),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(q()),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;console.log("----------------------------------"),console.log(e),console.log(t),console.log(o),x.value=!!(null==u?void 0:u.hasFocus()),console.log(x.value),console.log("----------------------------------");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",g)}));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]})},q=(e,t)=>"html"===o.contentType?H():"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?S(n):"text"===o.contentType?j(n,l):null==u||u.setContents(n,l),y=b(n)},T=(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)},H=()=>{var e;return null!==(e=null==u?void 0:u.root.innerHTML)&&void 0!==e?e:""},S=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))),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:q,setContents:O,getHTML:H,setHTML:S,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:j,reinit:()=>{d((()=>{var e;!s.slots.toolbar&&u&&(null===(e=u.getModule("toolbar"))||void 0===e||e.container.remove()),Q()}))},editorWrapClass:p}},render(){var e,t;return[s("div",{class:this.editorWrapClass},[null===(t=(e=this.$slots).toolbar)||void 0===t?void 0:t.call(e),s("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:"embedded",validator:e=>["fixed-top","embedded"].includes(e)},toolbarStyle:{type:Object,required:!1,default:()=>({})},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((()=>{f()})),n((()=>{u=null}));const p=r(),g=i((()=>({"quill-editor-container":!0,"need-border":o.needBorder,"fixed-top":"fixed-top"===o.toolbarMode,embedded:"embedded"===o.toolbarMode}))),v=()=>{if(u&&p.value){const e=p.value.querySelector(".ql-editor");e&&(e.style.minHeight=`${o.minHeight}px`)}};a((()=>o.minHeight),(()=>{d((()=>{v()}))}));const h=()=>{var e;if(u&&o.toolbarStyle){const t=null===(e=u.getModule("toolbar"))||void 0===e?void 0:e.container;t&&Object.assign(t.style,o.toolbarStyle)}};a((()=>o.toolbarStyle),(()=>{d((()=>{h()}))}));const Q=(t,o)=>{e.register(t,o)},f=()=>{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=b(),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",x),u.on("selection-change",M),u.on("editor-change",q),"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()})),v(),h(),s.emit("ready",u)},b=()=>{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(){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 L;const C=e=>{if(typeof L==typeof e){if(e===L)return!0;if("object"==typeof e&&e&&"object"==typeof L&&L)return t=L.diff(e),!Object.values(t.ops).some((e=>!e.retain||1!==Object.keys(e).length))}var t;return!1},x=(e,t,l)=>{L=y(O()),C(o.content)||s.emit("update:content",L),s.emit("textChange",{delta:e,oldContents:t,source:l})},w=r(),M=(e,t,o)=>{var l;w.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=w.value?"flex":"none"),s.emit("selectionChange",{range:e,oldRange:t,source:o})};a(w,(e=>{s.emit(e?"focus":"blur",p)}));const q=(...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?H():"text"===o.contentType?j(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?S(n,l):null==u||u.setContents(n,l),L=y(n)},j=(e,t)=>{var o;return null!==(o=null==u?void 0:u.getText(e,t))&&void 0!==o?o:""},S=(e,t="api")=>{null==u||u.setText(e,t)},H=()=>{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||C(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:H,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:j,setText:S,reinit:()=>{d((()=>{var e;!s.slots.toolbar&&u&&(null===(e=u.getModule("toolbar"))||void 0===e||e.container.remove()),f()}))},editorWrapClass:g}},render(){var e,t;return[s("div",{class:this.editorWrapClass},[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-25T02:25:20.932Z
|
|
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;
|
|
@@ -19130,190 +19130,182 @@
|
|
|
19130
19130
|
return AlignAction;
|
|
19131
19131
|
}
|
|
19132
19132
|
|
|
19133
|
-
var ResizeAction = {};
|
|
19134
|
-
|
|
19135
|
-
var hasRequiredResizeAction;
|
|
19136
|
-
|
|
19137
|
-
function requireResizeAction () {
|
|
19138
|
-
if (hasRequiredResizeAction) return ResizeAction;
|
|
19139
|
-
hasRequiredResizeAction = 1;
|
|
19133
|
+
var ResizeAction$1 = {};
|
|
19140
19134
|
|
|
19141
|
-
|
|
19142
|
-
|
|
19143
|
-
|
|
19135
|
+
Object.defineProperty(ResizeAction$1, "__esModule", {
|
|
19136
|
+
value: true
|
|
19137
|
+
});
|
|
19144
19138
|
|
|
19145
|
-
|
|
19139
|
+
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; }; }();
|
|
19146
19140
|
|
|
19147
|
-
|
|
19141
|
+
var _Action2 = requireAction();
|
|
19148
19142
|
|
|
19149
|
-
|
|
19143
|
+
var _Action3 = _interopRequireDefault(_Action2);
|
|
19150
19144
|
|
|
19151
|
-
|
|
19145
|
+
var _BlotFormatter = requireBlotFormatter();
|
|
19152
19146
|
|
|
19153
|
-
|
|
19147
|
+
_interopRequireDefault(_BlotFormatter);
|
|
19154
19148
|
|
|
19155
|
-
|
|
19149
|
+
function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
|
|
19156
19150
|
|
|
19157
|
-
|
|
19151
|
+
function _classCallCheck(instance, Constructor) { if (!(instance instanceof Constructor)) { throw new TypeError("Cannot call a class as a function"); } }
|
|
19158
19152
|
|
|
19159
|
-
|
|
19153
|
+
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; }
|
|
19160
19154
|
|
|
19161
|
-
|
|
19155
|
+
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
19156
|
|
|
19163
|
-
|
|
19164
|
-
|
|
19157
|
+
var ResizeAction = function (_Action) {
|
|
19158
|
+
_inherits(ResizeAction, _Action);
|
|
19165
19159
|
|
|
19166
|
-
|
|
19167
|
-
|
|
19160
|
+
function ResizeAction(formatter) {
|
|
19161
|
+
_classCallCheck(this, ResizeAction);
|
|
19168
19162
|
|
|
19169
|
-
|
|
19163
|
+
var _this = _possibleConstructorReturn(this, (ResizeAction.__proto__ || Object.getPrototypeOf(ResizeAction)).call(this, formatter));
|
|
19170
19164
|
|
|
19171
|
-
|
|
19172
|
-
|
|
19173
|
-
|
|
19174
|
-
|
|
19175
|
-
|
|
19176
|
-
|
|
19165
|
+
_this.onMouseDown = function (event) {
|
|
19166
|
+
if (!(event.target instanceof HTMLElement)) {
|
|
19167
|
+
return;
|
|
19168
|
+
}
|
|
19169
|
+
_this.dragHandle = event.target;
|
|
19170
|
+
_this.setCursor(_this.dragHandle.style.cursor);
|
|
19177
19171
|
|
|
19178
|
-
|
|
19179
|
-
|
|
19180
|
-
|
|
19172
|
+
if (!_this.formatter.currentSpec) {
|
|
19173
|
+
return;
|
|
19174
|
+
}
|
|
19181
19175
|
|
|
19182
|
-
|
|
19183
|
-
|
|
19184
|
-
|
|
19185
|
-
|
|
19176
|
+
var target = _this.formatter.currentSpec.getTargetElement();
|
|
19177
|
+
if (!target) {
|
|
19178
|
+
return;
|
|
19179
|
+
}
|
|
19186
19180
|
|
|
19187
|
-
|
|
19181
|
+
var rect = target.getBoundingClientRect();
|
|
19188
19182
|
|
|
19189
|
-
|
|
19190
|
-
|
|
19191
|
-
|
|
19183
|
+
_this.dragStartX = event.clientX;
|
|
19184
|
+
_this.preDragWidth = rect.width;
|
|
19185
|
+
_this.targetRatio = rect.height / rect.width;
|
|
19192
19186
|
|
|
19193
|
-
|
|
19194
|
-
|
|
19195
|
-
|
|
19187
|
+
document.addEventListener('mousemove', _this.onDrag);
|
|
19188
|
+
document.addEventListener('mouseup', _this.onMouseUp);
|
|
19189
|
+
};
|
|
19196
19190
|
|
|
19197
|
-
|
|
19198
|
-
|
|
19199
|
-
|
|
19200
|
-
|
|
19191
|
+
_this.onDrag = function (event) {
|
|
19192
|
+
if (!_this.formatter.currentSpec) {
|
|
19193
|
+
return;
|
|
19194
|
+
}
|
|
19201
19195
|
|
|
19202
|
-
|
|
19203
|
-
|
|
19204
|
-
|
|
19205
|
-
|
|
19196
|
+
var target = _this.formatter.currentSpec.getTargetElement();
|
|
19197
|
+
if (!target) {
|
|
19198
|
+
return;
|
|
19199
|
+
}
|
|
19206
19200
|
|
|
19207
|
-
|
|
19208
|
-
|
|
19201
|
+
var deltaX = event.clientX - _this.dragStartX;
|
|
19202
|
+
var newWidth = 0;
|
|
19209
19203
|
|
|
19210
|
-
|
|
19211
|
-
|
|
19212
|
-
|
|
19213
|
-
|
|
19214
|
-
|
|
19204
|
+
if (_this.dragHandle === _this.topLeftHandle || _this.dragHandle === _this.bottomLeftHandle) {
|
|
19205
|
+
newWidth = Math.round(_this.preDragWidth - deltaX);
|
|
19206
|
+
} else {
|
|
19207
|
+
newWidth = Math.round(_this.preDragWidth + deltaX);
|
|
19208
|
+
}
|
|
19215
19209
|
|
|
19216
|
-
|
|
19210
|
+
var newHeight = _this.targetRatio * newWidth;
|
|
19217
19211
|
|
|
19218
|
-
|
|
19219
|
-
|
|
19212
|
+
target.setAttribute('width', '' + newWidth);
|
|
19213
|
+
target.setAttribute('height', '' + newHeight);
|
|
19220
19214
|
|
|
19221
|
-
|
|
19222
|
-
|
|
19215
|
+
_this.formatter.update();
|
|
19216
|
+
};
|
|
19223
19217
|
|
|
19224
|
-
|
|
19225
|
-
|
|
19226
|
-
|
|
19227
|
-
|
|
19228
|
-
|
|
19218
|
+
_this.onMouseUp = function () {
|
|
19219
|
+
_this.setCursor('');
|
|
19220
|
+
document.removeEventListener('mousemove', _this.onDrag);
|
|
19221
|
+
document.removeEventListener('mouseup', _this.onMouseUp);
|
|
19222
|
+
};
|
|
19229
19223
|
|
|
19230
|
-
|
|
19231
|
-
|
|
19232
|
-
|
|
19233
|
-
|
|
19234
|
-
|
|
19235
|
-
|
|
19236
|
-
|
|
19237
|
-
|
|
19238
|
-
|
|
19239
|
-
|
|
19224
|
+
_this.topLeftHandle = _this.createHandle('top-left', 'nwse-resize');
|
|
19225
|
+
_this.topRightHandle = _this.createHandle('top-right', 'nesw-resize');
|
|
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
|
+
}
|
|
19240
19234
|
|
|
19241
|
-
|
|
19242
|
-
|
|
19243
|
-
|
|
19244
|
-
|
|
19245
|
-
|
|
19246
|
-
|
|
19247
|
-
|
|
19235
|
+
_createClass(ResizeAction, [{
|
|
19236
|
+
key: 'onCreate',
|
|
19237
|
+
value: function onCreate() {
|
|
19238
|
+
this.formatter.overlay.appendChild(this.topLeftHandle);
|
|
19239
|
+
this.formatter.overlay.appendChild(this.topRightHandle);
|
|
19240
|
+
this.formatter.overlay.appendChild(this.bottomRightHandle);
|
|
19241
|
+
this.formatter.overlay.appendChild(this.bottomLeftHandle);
|
|
19248
19242
|
|
|
19249
|
-
|
|
19250
|
-
|
|
19251
|
-
|
|
19252
|
-
|
|
19253
|
-
|
|
19254
|
-
|
|
19255
|
-
|
|
19256
|
-
|
|
19257
|
-
|
|
19258
|
-
|
|
19259
|
-
|
|
19260
|
-
|
|
19261
|
-
|
|
19262
|
-
|
|
19263
|
-
|
|
19264
|
-
|
|
19265
|
-
|
|
19266
|
-
|
|
19267
|
-
|
|
19268
|
-
|
|
19269
|
-
|
|
19270
|
-
|
|
19243
|
+
this.repositionHandles(this.formatter.options.resize.handleStyle);
|
|
19244
|
+
}
|
|
19245
|
+
}, {
|
|
19246
|
+
key: 'onDestroy',
|
|
19247
|
+
value: function onDestroy() {
|
|
19248
|
+
this.setCursor('');
|
|
19249
|
+
this.formatter.overlay.removeChild(this.topLeftHandle);
|
|
19250
|
+
this.formatter.overlay.removeChild(this.topRightHandle);
|
|
19251
|
+
this.formatter.overlay.removeChild(this.bottomRightHandle);
|
|
19252
|
+
this.formatter.overlay.removeChild(this.bottomLeftHandle);
|
|
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
|
+
}
|
|
19271
19265
|
|
|
19272
|
-
|
|
19266
|
+
box.addEventListener('mousedown', this.onMouseDown);
|
|
19273
19267
|
|
|
19274
|
-
|
|
19275
|
-
|
|
19276
|
-
|
|
19277
|
-
|
|
19278
|
-
|
|
19279
|
-
|
|
19280
|
-
|
|
19281
|
-
|
|
19282
|
-
|
|
19283
|
-
|
|
19284
|
-
|
|
19285
|
-
|
|
19286
|
-
|
|
19287
|
-
|
|
19288
|
-
|
|
19268
|
+
return box;
|
|
19269
|
+
}
|
|
19270
|
+
}, {
|
|
19271
|
+
key: 'repositionHandles',
|
|
19272
|
+
value: function repositionHandles(handleStyle) {
|
|
19273
|
+
var handleXOffset = '0px';
|
|
19274
|
+
var handleYOffset = '0px';
|
|
19275
|
+
if (handleStyle) {
|
|
19276
|
+
if (handleStyle.width) {
|
|
19277
|
+
handleXOffset = -parseFloat(handleStyle.width) / 2 + 'px';
|
|
19278
|
+
}
|
|
19279
|
+
if (handleStyle.height) {
|
|
19280
|
+
handleYOffset = -parseFloat(handleStyle.height) / 2 + 'px';
|
|
19281
|
+
}
|
|
19282
|
+
}
|
|
19289
19283
|
|
|
19290
|
-
|
|
19291
|
-
|
|
19292
|
-
|
|
19293
|
-
|
|
19294
|
-
|
|
19295
|
-
|
|
19296
|
-
|
|
19297
|
-
|
|
19298
|
-
|
|
19299
|
-
|
|
19300
|
-
|
|
19284
|
+
Object.assign(this.topLeftHandle.style, { left: handleXOffset, top: handleYOffset });
|
|
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
|
+
}
|
|
19301
19295
|
|
|
19302
|
-
|
|
19303
|
-
|
|
19304
|
-
|
|
19305
|
-
|
|
19306
|
-
|
|
19307
|
-
|
|
19308
|
-
|
|
19309
|
-
|
|
19296
|
+
if (this.formatter.currentSpec) {
|
|
19297
|
+
var target = this.formatter.currentSpec.getOverlayElement();
|
|
19298
|
+
if (target) {
|
|
19299
|
+
target.style.cursor = value;
|
|
19300
|
+
}
|
|
19301
|
+
}
|
|
19302
|
+
}
|
|
19303
|
+
}]);
|
|
19310
19304
|
|
|
19311
|
-
|
|
19312
|
-
|
|
19305
|
+
return ResizeAction;
|
|
19306
|
+
}(_Action3.default);
|
|
19313
19307
|
|
|
19314
|
-
|
|
19315
|
-
return ResizeAction;
|
|
19316
|
-
}
|
|
19308
|
+
ResizeAction$1.default = ResizeAction;
|
|
19317
19309
|
|
|
19318
19310
|
var DeleteAction = {};
|
|
19319
19311
|
|
|
@@ -19420,7 +19412,7 @@
|
|
|
19420
19412
|
|
|
19421
19413
|
var _AlignAction2 = _interopRequireDefault(_AlignAction);
|
|
19422
19414
|
|
|
19423
|
-
var _ResizeAction =
|
|
19415
|
+
var _ResizeAction = ResizeAction$1;
|
|
19424
19416
|
|
|
19425
19417
|
var _ResizeAction2 = _interopRequireDefault(_ResizeAction);
|
|
19426
19418
|
|
|
@@ -19913,7 +19905,7 @@
|
|
|
19913
19905
|
}
|
|
19914
19906
|
});
|
|
19915
19907
|
|
|
19916
|
-
var _ResizeAction =
|
|
19908
|
+
var _ResizeAction = ResizeAction$1;
|
|
19917
19909
|
|
|
19918
19910
|
Object.defineProperty(exports, 'ResizeAction', {
|
|
19919
19911
|
enumerable: true,
|
|
@@ -20006,6 +19998,12 @@
|
|
|
20006
19998
|
return ['fixed-top', 'embedded'].includes(value);
|
|
20007
19999
|
},
|
|
20008
20000
|
},
|
|
20001
|
+
// 传入toolbar的自定义style
|
|
20002
|
+
toolbarStyle: {
|
|
20003
|
+
type: Object,
|
|
20004
|
+
required: false,
|
|
20005
|
+
default: () => ({})
|
|
20006
|
+
},
|
|
20009
20007
|
theme: {
|
|
20010
20008
|
type: String,
|
|
20011
20009
|
default: 'snow',
|
|
@@ -20090,6 +20088,22 @@
|
|
|
20090
20088
|
updateEditorHeight();
|
|
20091
20089
|
});
|
|
20092
20090
|
});
|
|
20091
|
+
// 应用自定义toolbar样式
|
|
20092
|
+
const applyToolbarStyle = () => {
|
|
20093
|
+
var _a;
|
|
20094
|
+
if (quill && props.toolbarStyle) {
|
|
20095
|
+
const toolbar = (_a = quill.getModule('toolbar')) === null || _a === void 0 ? void 0 : _a.container;
|
|
20096
|
+
if (toolbar) {
|
|
20097
|
+
Object.assign(toolbar.style, props.toolbarStyle);
|
|
20098
|
+
}
|
|
20099
|
+
}
|
|
20100
|
+
};
|
|
20101
|
+
// 监听 toolbarStyle 变化
|
|
20102
|
+
vue.watch(() => props.toolbarStyle, () => {
|
|
20103
|
+
vue.nextTick(() => {
|
|
20104
|
+
applyToolbarStyle();
|
|
20105
|
+
});
|
|
20106
|
+
});
|
|
20093
20107
|
// Register Module if not already registered
|
|
20094
20108
|
const registerModule = (moduleName, module) => {
|
|
20095
20109
|
// For Quill 1.x, we can't check if module is already registered
|
|
@@ -20143,6 +20157,8 @@
|
|
|
20143
20157
|
});
|
|
20144
20158
|
// 设置初始编辑器高度
|
|
20145
20159
|
updateEditorHeight();
|
|
20160
|
+
// 应用初始toolbar样式
|
|
20161
|
+
applyToolbarStyle();
|
|
20146
20162
|
// Emit ready event
|
|
20147
20163
|
ctx.emit('ready', quill);
|
|
20148
20164
|
};
|
|
@@ -20166,7 +20182,6 @@
|
|
|
20166
20182
|
handlers: {
|
|
20167
20183
|
ocr: function () {
|
|
20168
20184
|
// 按钮点击逻辑
|
|
20169
|
-
console.log('ocr');
|
|
20170
20185
|
ctx.emit('ocr');
|
|
20171
20186
|
},
|
|
20172
20187
|
math: function () {
|
|
@@ -20229,14 +20244,7 @@
|
|
|
20229
20244
|
const isEditorFocus = vue.ref();
|
|
20230
20245
|
const handleSelectionChange = (range, oldRange, source) => {
|
|
20231
20246
|
var _a;
|
|
20232
|
-
console.log("----------------------------------");
|
|
20233
|
-
console.log(range);
|
|
20234
|
-
console.log(oldRange);
|
|
20235
|
-
console.log(source);
|
|
20236
|
-
// Set isEditorFocus if quill.hasFocus()
|
|
20237
20247
|
isEditorFocus.value = !!(quill === null || quill === void 0 ? void 0 : quill.hasFocus());
|
|
20238
|
-
console.log(isEditorFocus.value);
|
|
20239
|
-
console.log("----------------------------------");
|
|
20240
20248
|
// 动态显示/隐藏toolbar
|
|
20241
20249
|
const toolbar = (_a = quill === null || quill === void 0 ? void 0 : quill.getModule('toolbar')) === null || _a === void 0 ? void 0 : _a.container;
|
|
20242
20250
|
if (toolbar) {
|