pxx-vue-quill 1.0.123 → 1.0.124
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.umd.js +1908 -247
- package/dist/vue-quill.umd.prod.js +2 -2
- package/package.json +2 -2
package/dist/vue-quill.umd.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-09-
|
|
10
|
+
* Date: 2025-09-10T06:17:09.563Z
|
|
11
11
|
*/
|
|
12
12
|
(function (global, factory) {
|
|
13
13
|
typeof exports === 'object' && typeof module !== 'undefined' ? factory(exports, require('vue')) :
|
|
@@ -1993,6 +1993,27 @@
|
|
|
1993
1993
|
return x && x.__esModule && Object.prototype.hasOwnProperty.call(x, 'default') ? x['default'] : x;
|
|
1994
1994
|
}
|
|
1995
1995
|
|
|
1996
|
+
function getAugmentedNamespace(n) {
|
|
1997
|
+
var f = n.default;
|
|
1998
|
+
if (typeof f == "function") {
|
|
1999
|
+
var a = function () {
|
|
2000
|
+
return f.apply(this, arguments);
|
|
2001
|
+
};
|
|
2002
|
+
a.prototype = f.prototype;
|
|
2003
|
+
} else a = {};
|
|
2004
|
+
Object.defineProperty(a, '__esModule', {value: true});
|
|
2005
|
+
Object.keys(n).forEach(function (k) {
|
|
2006
|
+
var d = Object.getOwnPropertyDescriptor(n, k);
|
|
2007
|
+
Object.defineProperty(a, k, d.get ? d : {
|
|
2008
|
+
enumerable: true,
|
|
2009
|
+
get: function () {
|
|
2010
|
+
return n[k];
|
|
2011
|
+
}
|
|
2012
|
+
});
|
|
2013
|
+
});
|
|
2014
|
+
return a;
|
|
2015
|
+
}
|
|
2016
|
+
|
|
1996
2017
|
var quill = {exports: {}};
|
|
1997
2018
|
|
|
1998
2019
|
(function (module, exports) {
|
|
@@ -18645,255 +18666,1879 @@
|
|
|
18645
18666
|
}
|
|
18646
18667
|
});
|
|
18647
18668
|
|
|
18648
|
-
|
|
18649
|
-
|
|
18650
|
-
|
|
18651
|
-
|
|
18652
|
-
|
|
18653
|
-
|
|
18654
|
-
|
|
18655
|
-
|
|
18656
|
-
|
|
18657
|
-
|
|
18658
|
-
|
|
18659
|
-
|
|
18660
|
-
|
|
18661
|
-
|
|
18662
|
-
|
|
18663
|
-
if (range) {
|
|
18664
|
-
const [blot] = quillRef.value.getLeaf(range.index);
|
|
18665
|
-
if (blot && blot.parent && blot.parent.domNode.tagName === 'A') {
|
|
18666
|
-
const linkBlot = blot.parent;
|
|
18667
|
-
const linkIndex = quillRef.value.getIndex(linkBlot);
|
|
18668
|
-
const linkLength = linkBlot.length();
|
|
18669
|
-
quillRef.value.setSelection(linkIndex, linkLength);
|
|
18670
|
-
handleCustomLinkRef.value(true, { url: linkUrl, text: linkText });
|
|
18671
|
-
}
|
|
18672
|
-
}
|
|
18673
|
-
}
|
|
18674
|
-
catch (error) {
|
|
18675
|
-
console.warn('选中链接失败:', error);
|
|
18676
|
-
}
|
|
18677
|
-
}
|
|
18678
|
-
};
|
|
18679
|
-
const addLinkClickListener = () => {
|
|
18680
|
-
if (!quillRef.value)
|
|
18681
|
-
return;
|
|
18682
|
-
vue.nextTick(() => {
|
|
18683
|
-
var _a;
|
|
18684
|
-
const editorElement = (_a = editor.value) === null || _a === void 0 ? void 0 : _a.querySelector('.ql-editor');
|
|
18685
|
-
if (editorElement) {
|
|
18686
|
-
editorElement.removeEventListener('click', handleLinkClick);
|
|
18687
|
-
editorElement.addEventListener('click', handleLinkClick);
|
|
18688
|
-
}
|
|
18689
|
-
});
|
|
18690
|
-
};
|
|
18691
|
-
const setQuill = (quillInstance) => {
|
|
18692
|
-
quillRef.value = quillInstance;
|
|
18693
|
-
};
|
|
18694
|
-
const setHandleCustomLink = (fn) => {
|
|
18695
|
-
handleCustomLinkRef.value = fn;
|
|
18696
|
-
};
|
|
18697
|
-
return {
|
|
18698
|
-
quillRef,
|
|
18699
|
-
setQuill,
|
|
18700
|
-
setHandleCustomLink,
|
|
18701
|
-
handleLinkClick,
|
|
18702
|
-
addLinkClickListener
|
|
18703
|
-
};
|
|
18669
|
+
var dist = {};
|
|
18670
|
+
|
|
18671
|
+
var Options = {};
|
|
18672
|
+
|
|
18673
|
+
var BlotSpec = {};
|
|
18674
|
+
|
|
18675
|
+
var BlotFormatter$1 = {};
|
|
18676
|
+
|
|
18677
|
+
var isMergeableObject = function isMergeableObject(value) {
|
|
18678
|
+
return isNonNullObject(value)
|
|
18679
|
+
&& !isSpecial(value)
|
|
18680
|
+
};
|
|
18681
|
+
|
|
18682
|
+
function isNonNullObject(value) {
|
|
18683
|
+
return !!value && typeof value === 'object'
|
|
18704
18684
|
}
|
|
18705
18685
|
|
|
18706
|
-
|
|
18707
|
-
|
|
18708
|
-
const underlineSVG = `<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="M5.000117301940918,14.500022450683593L5.000117301940918,14.500022450683593Q5.000117301940918,14.450777450683594,5.009724660740918,14.402477450683593Q5.019332019940918,14.354177450683594,5.038177530940918,14.308679450683593Q5.057023040940918,14.263182450683594,5.084382488940918,14.222236450683594Q5.111741931940918,14.181290450683594,5.146563901940918,14.146469450683593Q5.181385871940918,14.111646450683594,5.222332181940918,14.084286450683594Q5.263278451940918,14.056927450683594,5.308775541940918,14.038082450683595Q5.354272661940918,14.019237450683594,5.402572121940918,14.009630450683593Q5.450871581940918,14.000022450683593,5.500117301940918,14.000022450683593L12.500117301940918,14.000022450683593Q12.549362201940918,14.000022450683593,12.597661501940918,14.009629450683594Q12.645960801940918,14.019237450683594,12.691457701940918,14.038082450683595Q12.736954701940917,14.056926450683594,12.777901601940918,14.084285450683593Q12.818847701940918,14.111645450683593,12.853670101940917,14.146468450683594Q12.888492101940919,14.181289450683593,12.915851601940918,14.222235450683593Q12.943210601940919,14.263181450683593,12.962056201940918,14.308679450683593Q12.980901701940919,14.354177450683594,12.990509501940917,14.402477450683593Q13.00011680194092,14.450777450683594,13.000117301940918,14.500022450683593L13.000117301940918,14.500022450683593Q13.00011680194092,14.549268450683593,12.990509001940918,14.597566450683594Q12.980901701940919,14.645866450683593,12.962056201940918,14.691363450683594Q12.943210601940919,14.736860450683594,12.915851601940918,14.777807450683595Q12.888492101940919,14.818753450683595,12.853670101940917,14.853575450683593Q12.818847701940918,14.888397450683593,12.777901601940918,14.915756450683594Q12.736954701940917,14.943115450683594,12.691457701940918,14.961960450683593Q12.645960801940918,14.980806450683593,12.597661501940918,14.990413450683594Q12.549362201940918,15.000021450683594,12.500117301940918,15.000022450683593L5.500117301940918,15.000022450683593Q5.450871581940918,15.000021450683594,5.402572121940918,14.990414450683593Q5.354272661940918,14.980806450683593,5.308775541940918,14.961960450683593Q5.263278451940918,14.943115450683594,5.222332161940918,14.915756450683594Q5.181385871940918,14.888397450683593,5.146563901940918,14.853574450683594Q5.111741931940918,14.818752450683593,5.084382488940918,14.777806450683594Q5.057023040940918,14.736860450683594,5.038177530940918,14.691363450683594Q5.019332019940918,14.645866450683593,5.009724660740918,14.597567450683593Q5.000117301940918,14.549268450683593,5.000117301940918,14.500022450683593ZM5.045039176940918,3.548906330683594Q5.045039176940918,3.1015625006835936,5.283039211940918,2.8637809706835937Q5.521039131940918,2.6259994506835938,5.969039081940918,2.6259994506835938L5.997039201940918,2.6259994506835938Q6.445039201940918,2.6259994506835938,6.6830393019409176,2.8637809706835937Q6.921039201940918,3.1015625006835936,6.921039201940918,3.548906330683594L6.921039201940918,9.010000250683593Q6.921039201940918,9.737999950683594,7.180039401940919,10.255999550683594Q7.439039201940918,10.774000150683595,7.908039101940918,11.053999950683593Q8.377039001940918,11.333999650683594,8.993039101940917,11.333999650683594Q9.609039301940918,11.333999650683594,10.085039101940918,11.060999850683594Q10.561039401940917,10.788000150683594,10.820039301940918,10.263000450683593Q11.079039101940918,9.737999950683594,11.079039101940918,9.010000250683593L11.079039101940918,3.548906330683594Q11.079039101940918,3.1015625006835936,11.317039501940918,2.8637809706835937Q11.555039401940917,2.6259994506835938,12.003039401940917,2.6259994506835938L12.031039201940917,2.6259994506835938Q12.479039201940918,2.6259994506835938,12.717039101940918,2.8637809706835937Q12.955039001940918,3.1015625006835936,12.955039001940918,3.548906330683594L12.955039001940918,9.010000250683593Q12.955039001940918,10.144000050683594,12.416039501940919,11.095999750683594Q11.877039901940918,12.048000350683594,10.967039101940918,12.600999850683595Q10.057039301940918,13.154000450683593,8.993039101940917,13.154000450683593Q7.929039001940918,13.154000450683593,7.0190392019409185,12.600999850683595Q6.109039201940918,12.048000350683594,5.577039361940918,11.095999750683594Q5.045039176940918,10.144000050683594,5.045039176940918,9.010000250683593L5.045039176940918,3.548906330683594Z" fill="#555555" fill-opacity="1"/></g></g></svg>`;
|
|
18709
|
-
const moreSVG = `<svg t="1756109058354" class="icon" viewBox="0 0 1024 1024" version="1.1" xmlns="http://www.w3.org/2000/svg" p-id="11458" width="18" height="18"><path d="M512 320q-3.150769 0-6.301538-0.315077-3.111385-0.315077-6.183385-0.905846-3.072-0.630154-6.104615-1.536-2.993231-0.905846-5.907693-2.126769-2.914462-1.181538-5.671384-2.678154-2.756923-1.496615-5.395693-3.229539-2.599385-1.732923-5.04123-3.741538-2.441846-1.969231-4.647385-4.214154-2.244923-2.205538-4.214154-4.647385-1.969231-2.441846-3.741538-5.04123-1.732923-2.638769-3.229539-5.395693-1.496615-2.756923-2.678154-5.671384-1.181538-2.914462-2.126769-5.907693-0.905846-3.032615-1.536-6.104615-0.590769-3.072-0.905846-6.222769T448 256q0-3.150769 0.315077-6.301538 0.315077-3.111385 0.905846-6.183385 0.630154-3.072 1.536-6.104615 0.905846-2.993231 2.126769-5.907693 1.181538-2.914462 2.678154-5.671384 1.496615-2.756923 3.229539-5.395693 1.732923-2.599385 3.741538-5.04123 1.969231-2.441846 4.214154-4.647385 2.205538-2.205538 4.647385-4.214154 2.441846-1.969231 5.04123-3.741538 2.638769-1.732923 5.395693-3.229539 2.756923-1.496615 5.671384-2.678154 2.914462-1.181538 5.907693-2.126769 3.032615-0.905846 6.104615-1.536 3.072-0.590769 6.222769-0.905846T512 192q3.150769 0 6.301538 0.315077 3.111385 0.315077 6.183385 0.905846 3.072 0.630154 6.104615 1.536 2.993231 0.905846 5.907693 2.126769 2.914462 1.181538 5.671384 2.678154 2.756923 1.496615 5.395693 3.229539 2.599385 1.732923 5.04123 3.741538 2.441846 1.969231 4.647385 4.214154 2.205538 2.205538 4.214154 4.647385 1.969231 2.441846 3.741538 5.04123 1.732923 2.638769 3.229539 5.395693 1.496615 2.756923 2.678154 5.671384 1.181538 2.914462 2.126769 5.907693 0.905846 3.032615 1.536 6.104615 0.590769 3.072 0.905846 6.222769t0.315077 6.262154q0 3.150769-0.315077 6.301538-0.315077 3.111385-0.905846 6.183385-0.630154 3.072-1.536 6.104615-0.905846 2.993231-2.126769 5.907693-1.181538 2.914462-2.678154 5.671384-1.496615 2.756923-3.229539 5.395693-1.732923 2.599385-3.741538 5.04123-1.969231 2.441846-4.214154 4.647385-2.205538 2.244923-4.647385 4.214154-2.441846 1.969231-5.04123 3.741538-2.638769 1.732923-5.395693 3.229539-2.756923 1.496615-5.671384 2.678154-2.914462 1.181538-5.907693 2.126769-3.032615 0.905846-6.104615 1.536-3.072 0.590769-6.222769 0.905846T512 320z m0 256q-3.150769 0-6.301538-0.315077-3.111385-0.315077-6.183385-0.905846-3.072-0.630154-6.104615-1.536-2.993231-0.905846-5.907693-2.126769-2.914462-1.181538-5.671384-2.678154-2.756923-1.496615-5.395693-3.229539-2.599385-1.732923-5.04123-3.741538-2.441846-1.969231-4.647385-4.214154-2.244923-2.205538-4.214154-4.647385-1.969231-2.441846-3.741538-5.04123-1.732923-2.638769-3.229539-5.395693-1.496615-2.756923-2.678154-5.671384-1.181538-2.914462-2.126769-5.907693-0.905846-3.032615-1.536-6.104615-0.590769-3.072-0.905846-6.222769T448 512q0-3.150769 0.315077-6.301538 0.315077-3.111385 0.905846-6.183385 0.630154-3.072 1.536-6.104615 0.905846-2.993231 2.126769-5.907693 1.181538-2.914462 2.678154-5.671384 1.496615-2.756923 3.229539-5.395693 1.732923-2.599385 3.741538-5.04123 1.969231-2.441846 4.214154-4.647385 2.205538-2.244923 4.647385-4.214154 2.441846-1.969231 5.04123-3.741538 2.638769-1.732923 5.395693-3.229539 2.756923-1.496615 5.671384-2.678154 2.914462-1.181538 5.907693-2.126769 3.032615-0.905846 6.104615-1.536 3.072-0.590769 6.222769-0.905846T512 448q3.150769 0 6.301538 0.315077 3.111385 0.315077 6.183385 0.905846 3.072 0.630154 6.104615 1.536 2.993231 0.905846 5.907693 2.126769 2.914462 1.181538 5.671384 2.678154 2.756923 1.496615 5.395693 3.229539 2.599385 1.732923 5.04123 3.741538 2.441846 1.969231 4.647385 4.214154 2.205538 2.205538 4.214154 4.647385 1.969231 2.441846 3.741538 5.04123 1.732923 2.638769 3.229539 5.395693 1.496615 2.756923 2.678154 5.671384 1.181538 2.914462 2.126769 5.907693 0.905846 3.032615 1.536 6.104615 0.590769 3.072 0.905846 6.222769t0.315077 6.262154q0 3.150769-0.315077 6.301538-0.315077 3.111385-0.905846 6.183385-0.630154 3.072-1.536 6.104615-0.905846 2.993231-2.126769 5.907693-1.181538 2.914462-2.678154 5.671384-1.496615 2.756923-3.229539 5.395693-1.732923 2.599385-3.741538 5.04123-1.969231 2.441846-4.214154 4.647385-2.205538 2.244923-4.647385 4.214154-2.441846 1.969231-5.04123 3.741538-2.638769 1.732923-5.395693 3.229539-2.756923 1.496615-5.671384 2.678154-2.914462 1.181538-5.907693 2.126769-3.032615 0.905846-6.104615 1.536-3.072 0.590769-6.222769 0.905846T512 576z m0 256q-3.150769 0-6.301538-0.315077-3.111385-0.315077-6.183385-0.905846-3.072-0.630154-6.104615-1.536-2.993231-0.905846-5.907693-2.126769-2.914462-1.181538-5.671384-2.678154-2.756923-1.496615-5.395693-3.229539-2.599385-1.732923-5.04123-3.741538-2.441846-1.969231-4.647385-4.214154-2.244923-2.205538-4.214154-4.647385-1.969231-2.441846-3.741538-5.04123-1.732923-2.638769-3.229539-5.395693-1.496615-2.756923-2.678154-5.671384-1.181538-2.914462-2.126769-5.907693-0.905846-3.032615-1.536-6.104615-0.590769-3.072-0.905846-6.222769t-0.315077-6.262154q0-3.150769 0.315077-6.301538 0.315077-3.111385 0.905846-6.183385 0.630154-3.072 1.536-6.104615 0.905846-2.993231 2.126769-5.907693 1.181538-2.914462 2.678154-5.671384 1.496615-2.756923 3.229539-5.395693 1.732923-2.599385 3.741538-5.04123 1.969231-2.441846 4.214154-4.647385 2.205538-2.205538 4.647385-4.214154 2.441846-1.969231 5.04123-3.741538 2.638769-1.732923 5.395693-3.229539 2.756923-1.496615 5.671384-2.678154 2.914462-1.181538 5.907693-2.126769 3.032615-0.905846 6.104615-1.536 3.072-0.590769 6.222769-0.905846T512 704q3.150769 0 6.301538 0.315077 3.111385 0.315077 6.183385 0.905846 3.072 0.630154 6.104615 1.536 2.993231 0.905846 5.907693 2.126769 2.914462 1.181538 5.671384 2.678154 2.756923 1.496615 5.395693 3.229539 2.599385 1.732923 5.04123 3.741538 2.441846 1.969231 4.647385 4.214154 2.205538 2.205538 4.214154 4.647385 1.969231 2.441846 3.741538 5.04123 1.732923 2.638769 3.229539 5.395693 1.496615 2.756923 2.678154 5.671384 1.181538 2.914462 2.126769 5.907693 0.905846 3.032615 1.536 6.104615 0.590769 3.072 0.905846 6.222769t0.315077 6.262154q0 3.150769-0.315077 6.301538-0.315077 3.111385-0.905846 6.183385-0.630154 3.072-1.536 6.104615-0.905846 2.993231-2.126769 5.907693-1.181538 2.914462-2.678154 5.671384-1.496615 2.756923-3.229539 5.395693-1.732923 2.599385-3.741538 5.04123-1.969231 2.441846-4.214154 4.647385-2.205538 2.205538-4.647385 4.214154-2.441846 1.969231-5.04123 3.741538-2.638769 1.732923-5.395693 3.229539-2.756923 1.496615-5.671384 2.678154-2.914462 1.181538-5.907693 2.126769-3.032615 0.905846-6.104615 1.536-3.072 0.590769-6.222769 0.905846T512 832z" p-id="11459" fill="#555555"></path></svg>`;
|
|
18710
|
-
const linkSVG = `<svg t="1756107950494" class="icon" viewBox="0 0 1024 1024" version="1.1" xmlns="http://www.w3.org/2000/svg" p-id="11245" width="18" height="18" style="padding:1px"><path d="M292.693333 564.906667L123.477333 395.648q-55.296-55.338667-54.272-134.4 1.066667-78.336 57.088-134.357333Q182.186667 70.912 260.608 69.845333q79.061333-1.066667 134.4 54.272l194.944 194.986667a40.533333 40.533333 0 0 1 0.938667 0.938667q54.4 55.04 53.333333 133.461333-1.066667 78.336-57.045333 134.357333a42.666667 42.666667 0 1 1-60.330667-60.330666q31.445333-31.488 32.042667-75.178667 0.597333-43.050667-29.269334-72.874667a44.458667 44.458667 0 0 1-0.853333-0.896l-194.133333-194.133333q-72.618667-72.618667-148.053334 2.773333-31.488 31.488-32.085333 75.178667-0.554667 43.050667 29.269333 72.874667l169.258667 169.301333a42.666667 42.666667 0 1 1-60.288 60.330667z m202.538667-69.674667a42.666667 42.666667 0 0 0-60.330667-60.373333q-55.978667 56.021333-57.045333 134.4-1.066667 79.018667 54.272 134.357333a40.362667 40.362667 0 0 0 0.981333 0.938667l1.706667 1.877333 194.986667 194.986667q55.338667 55.296 134.4 54.229333 78.336-1.066667 134.357333-57.045333 55.978667-56.021333 57.045333-134.4 1.066667-79.018667-54.272-134.357334l-169.258666-169.258666a42.666667 42.666667 0 1 0-60.373334 60.330666l169.301334 169.301334q29.866667 29.866667 29.269333 72.874666-0.597333 43.690667-32.042667 75.178667-31.488 31.445333-75.178666 32.042667-43.050667 0.597333-72.874667-29.269334l-194.986667-194.986666a39.68 39.68 0 0 0-0.981333-0.938667 43.52 43.52 0 0 0-1.749333-1.834667q-29.866667-29.866667-29.269334-72.917333 0.554667-43.690667 32.042667-75.136z" p-id="11246" fill="#555555"></path></svg>`;
|
|
18711
|
-
const undoSVG = `<svg t="1756107888940" class="icon" viewBox="0 0 1024 1024" version="1.1" xmlns="http://www.w3.org/2000/svg" p-id="10819" width="18" height="18"><path d="M220.086857 374.893714l102.473143 102.473143c10.605714 10.642286 28.818286 3.108571 28.818286-11.922286v-77.275428h261.851428l8.009143 0.146286c98.048 3.364571 169.216 68.754286 169.216 160.182857 0 93.952-75.044571 160.365714-177.225143 160.365714H241.883429l-3.437715 0.256a25.307429 25.307429 0 0 0 3.437715 50.395429h371.346285l8.374857-0.146286c124.708571-3.657143 219.501714-90.148571 219.501715-210.834286 0-123.392-99.035429-211.017143-227.876572-211.017143h-261.851428V260.498286a16.896 16.896 0 0 0-28.818286-11.922286L220.086857 351.049143a16.896 16.896 0 0 0 0 23.844571z" p-id="10820" fill="#555555"></path></svg>`;
|
|
18712
|
-
const redoSVG = `<svg t="1756107908999" class="icon" viewBox="0 0 1024 1024" version="1.1" xmlns="http://www.w3.org/2000/svg" p-id="11032" width="18" height="18"><path d="M836.205714 374.893714l-102.473143 102.473143a16.896 16.896 0 0 1-28.818285-11.922286v-77.275428h-261.851429l-8.045714 0.146286c-98.011429 3.364571-169.179429 68.754286-169.179429 160.182857 0 93.952 75.044571 160.365714 177.225143 160.365714h371.346286l3.437714 0.256a25.307429 25.307429 0 0 1-3.437714 50.395429H443.062857l-8.374857-0.146286c-124.708571-3.657143-219.501714-90.148571-219.501714-210.834286 0-123.392 99.035429-211.017143 227.84-211.017143h261.888V260.498286c0-15.030857 18.176-22.564571 28.818285-11.922286l102.473143 102.473143c6.582857 6.582857 6.582857 17.261714 0 23.844571z" p-id="11033" fill="#555555"></path></svg>`;
|
|
18713
|
-
const ocrSVG = `<svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" fill="none" version="1.1" width="16" height="15" 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="#555555" fill-opacity="1"/></g></g></svg>`;
|
|
18714
|
-
const mathSVG = `<svg t="1756107836493" class="icon" viewBox="0 0 1024 1024" version="1.1" xmlns="http://www.w3.org/2000/svg" p-id="10608" width="16" height="15"><path d="M877.454222 856.177778q4.835556-4.835556 7.395556-11.093334 2.616889-6.257778 2.616889-13.084444 0-3.413333-0.625778-6.656-0.682667-3.299556-1.991111-6.428444-1.251556-3.072-3.128889-5.859556-1.877333-2.844444-4.266667-5.176889-2.332444-2.389333-5.12-4.266667-2.844444-1.877333-5.916444-3.128888-3.128889-1.308444-6.428445-1.934223-3.299556-0.682667-6.656-0.682666-6.826667 0-13.084444 2.616889-6.257778 2.56-11.036445 7.395555l-54.044444 53.987556H253.155556l325.688888-325.745778q2.389333-2.389333 4.266667-5.12 1.877333-2.844444 3.128889-5.916445 1.308444-3.128889 1.934222-6.428444 0.682667-3.299556 0.682667-6.656 0-3.413333-0.682667-6.656-0.625778-3.299556-1.934222-6.428444-1.251556-3.072-3.128889-5.859556-1.877333-2.844444-4.266667-5.176889L253.155556 162.133333h522.126222l53.930666 53.987556q4.835556 4.835556 11.093334 7.395555 6.257778 2.616889 13.084444 2.616889 3.413333 0 6.656-0.682666 3.299556-0.625778 6.428445-1.934223 3.072-1.251556 5.859555-3.128888 2.844444-1.877333 5.176889-4.266667 2.389333-2.389333 4.266667-5.12 1.877333-2.844444 3.128889-5.916445 1.308444-3.128889 1.934222-6.428444 0.682667-3.299556 0.682667-6.656 0-6.826667-2.616889-13.084444-2.56-6.257778-7.395556-11.036445l-64-64q-4.778667-4.835556-11.036444-7.395555-6.257778-2.616889-13.084445-2.616889H170.666667q-6.826667 0-13.084445 2.616889-6.257778 2.56-11.036444 7.395555-2.389333 2.389333-4.266667 5.12-1.877333 2.844444-3.128889 5.916445-1.308444 3.128889-1.934222 6.428444-0.682667 3.299556-0.682667 6.656 0 3.413333 0.682667 6.656 0.625778 3.299556 1.934222 6.428444 1.251556 3.072 3.128889 5.859556 1.877333 2.844444 4.266667 5.176889L506.311111 512l-359.822222 359.879111q-4.835556 4.778667-7.395556 11.036445-2.616889 6.257778-2.616889 13.084444 0 3.413333 0.682667 6.656 0.625778 3.299556 1.934222 6.428444 1.251556 3.072 3.128889 5.859556 1.877333 2.844444 4.266667 5.176889 2.389333 2.389333 5.12 4.266667 2.844444 1.877333 5.916444 3.128888 3.128889 1.308444 6.428445 1.991112 3.299556 0.625778 6.656 0.625777h618.666666q6.826667 0 13.084445-2.616889 6.257778-2.56 11.036444-7.395555l64-63.943111z" p-id="10609" fill="#555555"></path></svg>`;
|
|
18715
|
-
const imageSVG = `<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="M1.87471507,3.83578219Q1.5,4.18540478,1.5,4.6875L1.5,14.312503Q1.50000006,14.814598,1.874716,15.16422Q2.23459671,15.5,2.73684216,15.5L15.263157,15.5Q15.765403,15.5,16.125284,15.164218Q16.499999000000003,14.814597,16.499999000000003,14.312501L16.499999000000003,4.6875Q16.499999000000003,4.18540342,16.125284999999998,3.83578214Q15.765404,3.5,15.263157,3.5L2.73684216,3.5Q2.23459646,3.5,1.87471507,3.83578219ZM2.5,14.312503L2.5,4.6875Q2.5,4.5,2.73684216,4.5L15.263157,4.5Q15.5,4.5,15.5,4.6875L15.5,14.312501Q15.5,14.5,15.263157,14.5L2.73684216,14.5Q2.5,14.5,2.5,14.312503Z" fill-rule="evenodd" fill="#555555" fill-opacity="1" style="mix-blend-mode:passthrough"/></g><g><ellipse cx="5.4375" cy="7.4375" rx="0.4375" ry="0.4375" fill-opacity="0" stroke-opacity="1" stroke="#555555" fill="none" stroke-width="1" stroke-linecap="ROUND" stroke-linejoin="round" style="mix-blend-mode:passthrough"/></g><g><path d="M5.9053998,9.924615948146972L1.7143693,12.841608238146973Q1.61364189,12.911715538146973,1.55682093,13.020492338146973Q1.5,13.129269138146974,1.5,13.251992238146972L1.50000003,14.418008338146972Q1.50000003,14.876594038146973,1.84130602,15.195924738146973Q2.16843581,15.501991738146973,2.62437022,15.501991738146973L15.375628,15.501991738146973Q15.831564,15.501991738146973,16.158693,15.195924738146973Q16.5,14.876594038146973,16.5,14.418007838146973L16.5,13.251992238146972Q16.500000999999997,13.186988838146974,16.48338,13.124146438146973Q16.466759,13.061303638146972,16.434621,13.004799838146972Q16.402485,12.948296338146973,16.356969,12.901887938146972Q16.311453,12.855479738146972,16.255583,12.822251838146972L9.8796926,9.030259398146972Q9.842938400000001,9.008400078146973,9.8030057,8.993099628146974Q9.763073,8.977799118146972,9.721121799999999,8.969501908146972Q9.6791716,8.961204618146972,9.6364217,8.960151608146973Q9.5936708,8.959098578146973,9.551362000000001,8.965320438146973Q9.5090542,8.971542238146972,9.4684162,8.984858218146973Q9.427778199999999,8.998174158146973,9.3899918,9.018197478146973Q9.352206200000001,9.038220708146973,9.3183689,9.064369648146972Q9.284532500000001,9.090518598146973,9.2556267,9.122033748146972L7.6887164,10.830422738146973L6.4904227,9.934544588146972Q6.4273362,9.887379288146972,6.3528042,9.861893948146973Q6.2782726,9.836408678146972,6.1995153,9.835072038146972Q6.1207581,9.833735408146973,6.045404,9.856676968146973Q5.9700503000000005,9.879618528146972,5.9053998,9.924615948146972ZM2.5,13.513173138146973L2.50000006,14.418008338146972Q2.50000006,14.501992238146972,2.62437022,14.501992238146972L15.375628,14.501992238146972Q15.5,14.501992238146972,15.5,14.418007838146973L15.5,13.536368338146973L9.7178593,10.097503488146973L8.1200023,11.839632738146973Q8.0888524,11.873595438146973,8.052019600000001,11.901292338146973Q8.0151863,11.928988938146972,7.9739118,11.949486538146973Q7.9326363,11.969984038146972,7.88831,11.982591638146973Q7.8439837,11.995199238146974,7.7980995,11.999492138146973Q7.7522154,12.003785338146972,7.7063198,11.999619238146973Q7.6604242,11.995453338146973,7.6160631,11.982968338146973Q7.571702,11.970483338146973,7.5303702,11.950099938146973Q7.4890385,11.929716538146973,7.4521289,11.902122038146972L6.1805682,10.951467238146973L2.5,13.513173138146973Z" fill-rule="evenodd" fill="#555555" fill-opacity="1" style="mix-blend-mode:passthrough"/></g></g></svg>`;
|
|
18686
|
+
function isSpecial(value) {
|
|
18687
|
+
var stringValue = Object.prototype.toString.call(value);
|
|
18716
18688
|
|
|
18717
|
-
|
|
18718
|
-
|
|
18719
|
-
|
|
18720
|
-
|
|
18721
|
-
|
|
18722
|
-
|
|
18723
|
-
|
|
18724
|
-
|
|
18725
|
-
|
|
18726
|
-
|
|
18727
|
-
|
|
18728
|
-
|
|
18729
|
-
|
|
18730
|
-
|
|
18731
|
-
|
|
18732
|
-
|
|
18733
|
-
|
|
18734
|
-
|
|
18735
|
-
|
|
18736
|
-
|
|
18737
|
-
|
|
18738
|
-
|
|
18739
|
-
|
|
18740
|
-
|
|
18741
|
-
|
|
18742
|
-
|
|
18743
|
-
|
|
18744
|
-
|
|
18745
|
-
|
|
18746
|
-
|
|
18747
|
-
|
|
18748
|
-
|
|
18749
|
-
|
|
18750
|
-
|
|
18751
|
-
|
|
18752
|
-
|
|
18753
|
-
|
|
18754
|
-
|
|
18755
|
-
|
|
18756
|
-
|
|
18757
|
-
|
|
18758
|
-
|
|
18759
|
-
|
|
18760
|
-
|
|
18761
|
-
|
|
18762
|
-
|
|
18763
|
-
|
|
18764
|
-
|
|
18765
|
-
|
|
18766
|
-
|
|
18767
|
-
|
|
18768
|
-
|
|
18769
|
-
|
|
18770
|
-
|
|
18771
|
-
|
|
18772
|
-
|
|
18773
|
-
|
|
18774
|
-
|
|
18775
|
-
|
|
18776
|
-
|
|
18777
|
-
|
|
18778
|
-
|
|
18779
|
-
|
|
18780
|
-
|
|
18781
|
-
|
|
18782
|
-
|
|
18783
|
-
|
|
18784
|
-
|
|
18785
|
-
|
|
18786
|
-
|
|
18787
|
-
|
|
18788
|
-
|
|
18789
|
-
|
|
18790
|
-
|
|
18791
|
-
|
|
18792
|
-
|
|
18793
|
-
|
|
18794
|
-
|
|
18795
|
-
|
|
18796
|
-
|
|
18797
|
-
|
|
18798
|
-
|
|
18799
|
-
|
|
18800
|
-
|
|
18801
|
-
|
|
18802
|
-
|
|
18803
|
-
|
|
18804
|
-
|
|
18805
|
-
|
|
18806
|
-
|
|
18807
|
-
|
|
18808
|
-
|
|
18809
|
-
|
|
18810
|
-
|
|
18811
|
-
|
|
18812
|
-
|
|
18813
|
-
|
|
18814
|
-
|
|
18815
|
-
|
|
18816
|
-
|
|
18817
|
-
|
|
18818
|
-
|
|
18819
|
-
|
|
18820
|
-
|
|
18821
|
-
|
|
18822
|
-
|
|
18823
|
-
|
|
18824
|
-
|
|
18825
|
-
|
|
18826
|
-
|
|
18827
|
-
|
|
18828
|
-
|
|
18829
|
-
|
|
18830
|
-
|
|
18831
|
-
|
|
18832
|
-
|
|
18833
|
-
|
|
18834
|
-
|
|
18835
|
-
|
|
18836
|
-
|
|
18837
|
-
|
|
18838
|
-
|
|
18839
|
-
|
|
18840
|
-
|
|
18841
|
-
|
|
18842
|
-
|
|
18843
|
-
|
|
18844
|
-
|
|
18845
|
-
|
|
18846
|
-
|
|
18847
|
-
|
|
18848
|
-
|
|
18849
|
-
|
|
18850
|
-
|
|
18851
|
-
|
|
18852
|
-
|
|
18853
|
-
|
|
18854
|
-
|
|
18855
|
-
|
|
18856
|
-
|
|
18857
|
-
|
|
18858
|
-
|
|
18859
|
-
|
|
18860
|
-
|
|
18861
|
-
|
|
18862
|
-
|
|
18863
|
-
|
|
18864
|
-
|
|
18865
|
-
|
|
18866
|
-
|
|
18867
|
-
|
|
18868
|
-
|
|
18869
|
-
|
|
18870
|
-
|
|
18871
|
-
|
|
18872
|
-
|
|
18873
|
-
|
|
18874
|
-
|
|
18875
|
-
|
|
18876
|
-
|
|
18877
|
-
|
|
18878
|
-
|
|
18879
|
-
|
|
18880
|
-
|
|
18881
|
-
|
|
18882
|
-
|
|
18883
|
-
|
|
18884
|
-
|
|
18885
|
-
|
|
18886
|
-
|
|
18887
|
-
|
|
18888
|
-
|
|
18889
|
-
|
|
18890
|
-
|
|
18891
|
-
|
|
18892
|
-
|
|
18893
|
-
|
|
18894
|
-
|
|
18895
|
-
|
|
18896
|
-
|
|
18689
|
+
return stringValue === '[object RegExp]'
|
|
18690
|
+
|| stringValue === '[object Date]'
|
|
18691
|
+
|| isReactElement(value)
|
|
18692
|
+
}
|
|
18693
|
+
|
|
18694
|
+
// see https://github.com/facebook/react/blob/b5ac963fb791d1298e7f396236383bc955f916c1/src/isomorphic/classic/element/ReactElement.js#L21-L25
|
|
18695
|
+
var canUseSymbol = typeof Symbol === 'function' && Symbol.for;
|
|
18696
|
+
var REACT_ELEMENT_TYPE = canUseSymbol ? Symbol.for('react.element') : 0xeac7;
|
|
18697
|
+
|
|
18698
|
+
function isReactElement(value) {
|
|
18699
|
+
return value.$$typeof === REACT_ELEMENT_TYPE
|
|
18700
|
+
}
|
|
18701
|
+
|
|
18702
|
+
function emptyTarget(val) {
|
|
18703
|
+
return Array.isArray(val) ? [] : {}
|
|
18704
|
+
}
|
|
18705
|
+
|
|
18706
|
+
function cloneUnlessOtherwiseSpecified(value, options) {
|
|
18707
|
+
return (options.clone !== false && options.isMergeableObject(value))
|
|
18708
|
+
? deepmerge(emptyTarget(value), value, options)
|
|
18709
|
+
: value
|
|
18710
|
+
}
|
|
18711
|
+
|
|
18712
|
+
function defaultArrayMerge(target, source, options) {
|
|
18713
|
+
return target.concat(source).map(function(element) {
|
|
18714
|
+
return cloneUnlessOtherwiseSpecified(element, options)
|
|
18715
|
+
})
|
|
18716
|
+
}
|
|
18717
|
+
|
|
18718
|
+
function mergeObject(target, source, options) {
|
|
18719
|
+
var destination = {};
|
|
18720
|
+
if (options.isMergeableObject(target)) {
|
|
18721
|
+
Object.keys(target).forEach(function(key) {
|
|
18722
|
+
destination[key] = cloneUnlessOtherwiseSpecified(target[key], options);
|
|
18723
|
+
});
|
|
18724
|
+
}
|
|
18725
|
+
Object.keys(source).forEach(function(key) {
|
|
18726
|
+
if (!options.isMergeableObject(source[key]) || !target[key]) {
|
|
18727
|
+
destination[key] = cloneUnlessOtherwiseSpecified(source[key], options);
|
|
18728
|
+
} else {
|
|
18729
|
+
destination[key] = deepmerge(target[key], source[key], options);
|
|
18730
|
+
}
|
|
18731
|
+
});
|
|
18732
|
+
return destination
|
|
18733
|
+
}
|
|
18734
|
+
|
|
18735
|
+
function deepmerge(target, source, options) {
|
|
18736
|
+
options = options || {};
|
|
18737
|
+
options.arrayMerge = options.arrayMerge || defaultArrayMerge;
|
|
18738
|
+
options.isMergeableObject = options.isMergeableObject || isMergeableObject;
|
|
18739
|
+
|
|
18740
|
+
var sourceIsArray = Array.isArray(source);
|
|
18741
|
+
var targetIsArray = Array.isArray(target);
|
|
18742
|
+
var sourceAndTargetTypesMatch = sourceIsArray === targetIsArray;
|
|
18743
|
+
|
|
18744
|
+
if (!sourceAndTargetTypesMatch) {
|
|
18745
|
+
return cloneUnlessOtherwiseSpecified(source, options)
|
|
18746
|
+
} else if (sourceIsArray) {
|
|
18747
|
+
return options.arrayMerge(target, source, options)
|
|
18748
|
+
} else {
|
|
18749
|
+
return mergeObject(target, source, options)
|
|
18750
|
+
}
|
|
18751
|
+
}
|
|
18752
|
+
|
|
18753
|
+
deepmerge.all = function deepmergeAll(array, options) {
|
|
18754
|
+
if (!Array.isArray(array)) {
|
|
18755
|
+
throw new Error('first argument should be an array')
|
|
18756
|
+
}
|
|
18757
|
+
|
|
18758
|
+
return array.reduce(function(prev, next) {
|
|
18759
|
+
return deepmerge(prev, next, options)
|
|
18760
|
+
}, {})
|
|
18761
|
+
};
|
|
18762
|
+
|
|
18763
|
+
var deepmerge_1 = deepmerge;
|
|
18764
|
+
|
|
18765
|
+
var es = /*#__PURE__*/Object.freeze({
|
|
18766
|
+
__proto__: null,
|
|
18767
|
+
'default': deepmerge_1
|
|
18768
|
+
});
|
|
18769
|
+
|
|
18770
|
+
var require$$0 = /*@__PURE__*/getAugmentedNamespace(es);
|
|
18771
|
+
|
|
18772
|
+
var Action = {};
|
|
18773
|
+
|
|
18774
|
+
var hasRequiredAction;
|
|
18775
|
+
|
|
18776
|
+
function requireAction () {
|
|
18777
|
+
if (hasRequiredAction) return Action;
|
|
18778
|
+
hasRequiredAction = 1;
|
|
18779
|
+
|
|
18780
|
+
Object.defineProperty(Action, "__esModule", {
|
|
18781
|
+
value: true
|
|
18782
|
+
});
|
|
18783
|
+
|
|
18784
|
+
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; }; }();
|
|
18785
|
+
|
|
18786
|
+
var _BlotFormatter = requireBlotFormatter();
|
|
18787
|
+
|
|
18788
|
+
_interopRequireDefault(_BlotFormatter);
|
|
18789
|
+
|
|
18790
|
+
function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
|
|
18791
|
+
|
|
18792
|
+
function _classCallCheck(instance, Constructor) { if (!(instance instanceof Constructor)) { throw new TypeError("Cannot call a class as a function"); } }
|
|
18793
|
+
|
|
18794
|
+
var Action$1 = function () {
|
|
18795
|
+
function Action(formatter) {
|
|
18796
|
+
_classCallCheck(this, Action);
|
|
18797
|
+
|
|
18798
|
+
this.formatter = formatter;
|
|
18799
|
+
}
|
|
18800
|
+
|
|
18801
|
+
_createClass(Action, [{
|
|
18802
|
+
key: 'onCreate',
|
|
18803
|
+
value: function onCreate() {}
|
|
18804
|
+
}, {
|
|
18805
|
+
key: 'onDestroy',
|
|
18806
|
+
value: function onDestroy() {}
|
|
18807
|
+
}, {
|
|
18808
|
+
key: 'onUpdate',
|
|
18809
|
+
value: function onUpdate() {}
|
|
18810
|
+
}]);
|
|
18811
|
+
|
|
18812
|
+
return Action;
|
|
18813
|
+
}();
|
|
18814
|
+
|
|
18815
|
+
Action.default = Action$1;
|
|
18816
|
+
return Action;
|
|
18817
|
+
}
|
|
18818
|
+
|
|
18819
|
+
var hasRequiredBlotFormatter;
|
|
18820
|
+
|
|
18821
|
+
function requireBlotFormatter () {
|
|
18822
|
+
if (hasRequiredBlotFormatter) return BlotFormatter$1;
|
|
18823
|
+
hasRequiredBlotFormatter = 1;
|
|
18824
|
+
|
|
18825
|
+
Object.defineProperty(BlotFormatter$1, "__esModule", {
|
|
18826
|
+
value: true
|
|
18827
|
+
});
|
|
18828
|
+
|
|
18829
|
+
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; }; }();
|
|
18830
|
+
|
|
18831
|
+
var _deepmerge = require$$0;
|
|
18832
|
+
|
|
18833
|
+
var _deepmerge2 = _interopRequireDefault(_deepmerge);
|
|
18834
|
+
|
|
18835
|
+
var _Options = requireOptions();
|
|
18836
|
+
|
|
18837
|
+
var _Options2 = _interopRequireDefault(_Options);
|
|
18838
|
+
|
|
18839
|
+
var _Action = requireAction();
|
|
18840
|
+
|
|
18841
|
+
_interopRequireDefault(_Action);
|
|
18842
|
+
|
|
18843
|
+
var _BlotSpec = requireBlotSpec();
|
|
18844
|
+
|
|
18845
|
+
_interopRequireDefault(_BlotSpec);
|
|
18846
|
+
|
|
18847
|
+
function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
|
|
18848
|
+
|
|
18849
|
+
function _classCallCheck(instance, Constructor) { if (!(instance instanceof Constructor)) { throw new TypeError("Cannot call a class as a function"); } }
|
|
18850
|
+
|
|
18851
|
+
var dontMerge = function dontMerge(destination, source) {
|
|
18852
|
+
return source;
|
|
18853
|
+
};
|
|
18854
|
+
|
|
18855
|
+
var BlotFormatter = function () {
|
|
18856
|
+
function BlotFormatter(quill) {
|
|
18857
|
+
var _this = this;
|
|
18858
|
+
|
|
18859
|
+
var options = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : {};
|
|
18860
|
+
|
|
18861
|
+
_classCallCheck(this, BlotFormatter);
|
|
18862
|
+
|
|
18863
|
+
this.onClick = function () {
|
|
18864
|
+
_this.hide();
|
|
18865
|
+
};
|
|
18866
|
+
|
|
18867
|
+
this.quill = quill;
|
|
18868
|
+
this.options = (0, _deepmerge2.default)(_Options2.default, options, { arrayMerge: dontMerge });
|
|
18869
|
+
this.currentSpec = null;
|
|
18870
|
+
this.actions = [];
|
|
18871
|
+
this.overlay = document.createElement('div');
|
|
18872
|
+
this.overlay.classList.add(this.options.overlay.className);
|
|
18873
|
+
if (this.options.overlay.style) {
|
|
18874
|
+
Object.assign(this.overlay.style, this.options.overlay.style);
|
|
18875
|
+
}
|
|
18876
|
+
|
|
18877
|
+
// disable native image resizing on firefox
|
|
18878
|
+
document.execCommand('enableObjectResizing', false, 'false'); // eslint-disable-line no-undef
|
|
18879
|
+
this.quill.root.parentNode.style.position = this.quill.root.parentNode.style.position || 'relative';
|
|
18880
|
+
|
|
18881
|
+
this.quill.root.addEventListener('click', this.onClick);
|
|
18882
|
+
this.specs = this.options.specs.map(function (SpecClass) {
|
|
18883
|
+
return new SpecClass(_this);
|
|
18884
|
+
});
|
|
18885
|
+
this.specs.forEach(function (spec) {
|
|
18886
|
+
return spec.init();
|
|
18887
|
+
});
|
|
18888
|
+
}
|
|
18889
|
+
|
|
18890
|
+
_createClass(BlotFormatter, [{
|
|
18891
|
+
key: 'show',
|
|
18892
|
+
value: function show(spec) {
|
|
18893
|
+
this.currentSpec = spec;
|
|
18894
|
+
this.currentSpec.setSelection();
|
|
18895
|
+
this.setUserSelect('none');
|
|
18896
|
+
this.quill.root.parentNode.appendChild(this.overlay);
|
|
18897
|
+
this.repositionOverlay();
|
|
18898
|
+
this.createActions(spec);
|
|
18899
|
+
}
|
|
18900
|
+
}, {
|
|
18901
|
+
key: 'hide',
|
|
18902
|
+
value: function hide() {
|
|
18903
|
+
if (!this.currentSpec) {
|
|
18904
|
+
return;
|
|
18905
|
+
}
|
|
18906
|
+
|
|
18907
|
+
this.currentSpec.onHide();
|
|
18908
|
+
this.currentSpec = null;
|
|
18909
|
+
this.quill.root.parentNode.removeChild(this.overlay);
|
|
18910
|
+
this.overlay.style.setProperty('display', 'none');
|
|
18911
|
+
this.setUserSelect('');
|
|
18912
|
+
this.destroyActions();
|
|
18913
|
+
}
|
|
18914
|
+
}, {
|
|
18915
|
+
key: 'update',
|
|
18916
|
+
value: function update() {
|
|
18917
|
+
this.repositionOverlay();
|
|
18918
|
+
this.actions.forEach(function (action) {
|
|
18919
|
+
return action.onUpdate();
|
|
18920
|
+
});
|
|
18921
|
+
}
|
|
18922
|
+
}, {
|
|
18923
|
+
key: 'createActions',
|
|
18924
|
+
value: function createActions(spec) {
|
|
18925
|
+
var _this2 = this;
|
|
18926
|
+
|
|
18927
|
+
this.actions = spec.getActions().map(function (ActionClass) {
|
|
18928
|
+
var action = new ActionClass(_this2);
|
|
18929
|
+
action.onCreate();
|
|
18930
|
+
return action;
|
|
18931
|
+
});
|
|
18932
|
+
}
|
|
18933
|
+
}, {
|
|
18934
|
+
key: 'destroyActions',
|
|
18935
|
+
value: function destroyActions() {
|
|
18936
|
+
this.actions.forEach(function (action) {
|
|
18937
|
+
return action.onDestroy();
|
|
18938
|
+
});
|
|
18939
|
+
this.actions = [];
|
|
18940
|
+
}
|
|
18941
|
+
}, {
|
|
18942
|
+
key: 'repositionOverlay',
|
|
18943
|
+
value: function repositionOverlay() {
|
|
18944
|
+
if (!this.currentSpec) {
|
|
18945
|
+
return;
|
|
18946
|
+
}
|
|
18947
|
+
|
|
18948
|
+
var overlayTarget = this.currentSpec.getOverlayElement();
|
|
18949
|
+
if (!overlayTarget) {
|
|
18950
|
+
return;
|
|
18951
|
+
}
|
|
18952
|
+
|
|
18953
|
+
var parent = this.quill.root.parentNode;
|
|
18954
|
+
var specRect = overlayTarget.getBoundingClientRect();
|
|
18955
|
+
var parentRect = parent.getBoundingClientRect();
|
|
18956
|
+
|
|
18957
|
+
Object.assign(this.overlay.style, {
|
|
18958
|
+
display: 'block',
|
|
18959
|
+
left: specRect.left - parentRect.left - 1 + parent.scrollLeft + 'px',
|
|
18960
|
+
top: specRect.top - parentRect.top + parent.scrollTop + 'px',
|
|
18961
|
+
width: specRect.width + 'px',
|
|
18962
|
+
height: specRect.height + 'px'
|
|
18963
|
+
});
|
|
18964
|
+
}
|
|
18965
|
+
}, {
|
|
18966
|
+
key: 'setUserSelect',
|
|
18967
|
+
value: function setUserSelect(value) {
|
|
18968
|
+
var _this3 = this;
|
|
18969
|
+
|
|
18970
|
+
var props = ['userSelect', 'mozUserSelect', 'webkitUserSelect', 'msUserSelect'];
|
|
18971
|
+
|
|
18972
|
+
props.forEach(function (prop) {
|
|
18973
|
+
// set on contenteditable element and <html>
|
|
18974
|
+
_this3.quill.root.style.setProperty(prop, value);
|
|
18975
|
+
if (document.documentElement) {
|
|
18976
|
+
document.documentElement.style.setProperty(prop, value);
|
|
18977
|
+
}
|
|
18978
|
+
});
|
|
18979
|
+
}
|
|
18980
|
+
}]);
|
|
18981
|
+
|
|
18982
|
+
return BlotFormatter;
|
|
18983
|
+
}();
|
|
18984
|
+
|
|
18985
|
+
BlotFormatter$1.default = BlotFormatter;
|
|
18986
|
+
return BlotFormatter$1;
|
|
18987
|
+
}
|
|
18988
|
+
|
|
18989
|
+
var AlignAction = {};
|
|
18990
|
+
|
|
18991
|
+
var DefaultAligner$1 = {};
|
|
18992
|
+
|
|
18993
|
+
Object.defineProperty(DefaultAligner$1, "__esModule", {
|
|
18994
|
+
value: true
|
|
18995
|
+
});
|
|
18996
|
+
|
|
18997
|
+
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; }; }();
|
|
18998
|
+
|
|
18999
|
+
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; }
|
|
19000
|
+
|
|
19001
|
+
function _classCallCheck(instance, Constructor) { if (!(instance instanceof Constructor)) { throw new TypeError("Cannot call a class as a function"); } }
|
|
19002
|
+
|
|
19003
|
+
var LEFT_ALIGN = 'left';
|
|
19004
|
+
var CENTER_ALIGN = 'center';
|
|
19005
|
+
var RIGHT_ALIGN = 'right';
|
|
19006
|
+
|
|
19007
|
+
var DefaultAligner = function () {
|
|
19008
|
+
function DefaultAligner(options) {
|
|
19009
|
+
var _this = this,
|
|
19010
|
+
_alignments;
|
|
19011
|
+
|
|
19012
|
+
_classCallCheck(this, DefaultAligner);
|
|
19013
|
+
|
|
19014
|
+
this.applyStyle = options.aligner.applyStyle;
|
|
19015
|
+
this.alignAttribute = options.attribute;
|
|
19016
|
+
this.alignments = (_alignments = {}, _defineProperty(_alignments, LEFT_ALIGN, {
|
|
19017
|
+
name: LEFT_ALIGN,
|
|
19018
|
+
icon: options.icons.left,
|
|
19019
|
+
apply: function apply(el) {
|
|
19020
|
+
_this.setAlignment(el, LEFT_ALIGN);
|
|
19021
|
+
_this.setStyle(el, 'inline', 'left', '0 1em 1em 0');
|
|
19022
|
+
}
|
|
19023
|
+
}), _defineProperty(_alignments, CENTER_ALIGN, {
|
|
19024
|
+
name: CENTER_ALIGN,
|
|
19025
|
+
icon: options.icons.center,
|
|
19026
|
+
apply: function apply(el) {
|
|
19027
|
+
_this.setAlignment(el, CENTER_ALIGN);
|
|
19028
|
+
_this.setStyle(el, 'block', null, 'auto');
|
|
19029
|
+
}
|
|
19030
|
+
}), _defineProperty(_alignments, RIGHT_ALIGN, {
|
|
19031
|
+
name: RIGHT_ALIGN,
|
|
19032
|
+
icon: options.icons.right,
|
|
19033
|
+
apply: function apply(el) {
|
|
19034
|
+
_this.setAlignment(el, RIGHT_ALIGN);
|
|
19035
|
+
_this.setStyle(el, 'inline', 'right', '0 0 1em 1em');
|
|
19036
|
+
}
|
|
19037
|
+
}), _alignments);
|
|
19038
|
+
}
|
|
19039
|
+
|
|
19040
|
+
_createClass(DefaultAligner, [{
|
|
19041
|
+
key: 'getAlignments',
|
|
19042
|
+
value: function getAlignments() {
|
|
19043
|
+
var _this2 = this;
|
|
19044
|
+
|
|
19045
|
+
return Object.keys(this.alignments).map(function (k) {
|
|
19046
|
+
return _this2.alignments[k];
|
|
19047
|
+
});
|
|
19048
|
+
}
|
|
19049
|
+
}, {
|
|
19050
|
+
key: 'clear',
|
|
19051
|
+
value: function clear(el) {
|
|
19052
|
+
el.removeAttribute(this.alignAttribute);
|
|
19053
|
+
this.setStyle(el, null, null, null);
|
|
19054
|
+
}
|
|
19055
|
+
}, {
|
|
19056
|
+
key: 'isAligned',
|
|
19057
|
+
value: function isAligned(el, alignment) {
|
|
19058
|
+
return el.getAttribute(this.alignAttribute) === alignment.name;
|
|
19059
|
+
}
|
|
19060
|
+
}, {
|
|
19061
|
+
key: 'setAlignment',
|
|
19062
|
+
value: function setAlignment(el, value) {
|
|
19063
|
+
el.setAttribute(this.alignAttribute, value);
|
|
19064
|
+
}
|
|
19065
|
+
}, {
|
|
19066
|
+
key: 'setStyle',
|
|
19067
|
+
value: function setStyle(el, display, float, margin) {
|
|
19068
|
+
if (this.applyStyle) {
|
|
19069
|
+
el.style.setProperty('display', display);
|
|
19070
|
+
el.style.setProperty('float', float);
|
|
19071
|
+
el.style.setProperty('margin', margin);
|
|
19072
|
+
}
|
|
19073
|
+
}
|
|
19074
|
+
}]);
|
|
19075
|
+
|
|
19076
|
+
return DefaultAligner;
|
|
19077
|
+
}();
|
|
19078
|
+
|
|
19079
|
+
DefaultAligner$1.default = DefaultAligner;
|
|
19080
|
+
|
|
19081
|
+
var Toolbar = {};
|
|
19082
|
+
|
|
19083
|
+
var hasRequiredToolbar;
|
|
19084
|
+
|
|
19085
|
+
function requireToolbar () {
|
|
19086
|
+
if (hasRequiredToolbar) return Toolbar;
|
|
19087
|
+
hasRequiredToolbar = 1;
|
|
19088
|
+
|
|
19089
|
+
var _BlotFormatter = requireBlotFormatter();
|
|
19090
|
+
|
|
19091
|
+
_interopRequireDefault(_BlotFormatter);
|
|
19092
|
+
|
|
19093
|
+
function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
|
|
19094
|
+
return Toolbar;
|
|
19095
|
+
}
|
|
19096
|
+
|
|
19097
|
+
var DefaultToolbar = {};
|
|
19098
|
+
|
|
19099
|
+
var hasRequiredDefaultToolbar;
|
|
19100
|
+
|
|
19101
|
+
function requireDefaultToolbar () {
|
|
19102
|
+
if (hasRequiredDefaultToolbar) return DefaultToolbar;
|
|
19103
|
+
hasRequiredDefaultToolbar = 1;
|
|
19104
|
+
|
|
19105
|
+
Object.defineProperty(DefaultToolbar, "__esModule", {
|
|
19106
|
+
value: true
|
|
19107
|
+
});
|
|
19108
|
+
|
|
19109
|
+
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; }; }();
|
|
19110
|
+
|
|
19111
|
+
requireToolbar();
|
|
19112
|
+
|
|
19113
|
+
var _BlotFormatter = requireBlotFormatter();
|
|
19114
|
+
|
|
19115
|
+
_interopRequireDefault(_BlotFormatter);
|
|
19116
|
+
|
|
19117
|
+
function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
|
|
19118
|
+
|
|
19119
|
+
function _classCallCheck(instance, Constructor) { if (!(instance instanceof Constructor)) { throw new TypeError("Cannot call a class as a function"); } }
|
|
19120
|
+
|
|
19121
|
+
var DefaultToolbar$1 = function () {
|
|
19122
|
+
function DefaultToolbar() {
|
|
19123
|
+
_classCallCheck(this, DefaultToolbar);
|
|
19124
|
+
|
|
19125
|
+
this.toolbar = null;
|
|
19126
|
+
this.buttons = [];
|
|
19127
|
+
}
|
|
19128
|
+
|
|
19129
|
+
_createClass(DefaultToolbar, [{
|
|
19130
|
+
key: 'create',
|
|
19131
|
+
value: function create(formatter, aligner) {
|
|
19132
|
+
var toolbar = document.createElement('div');
|
|
19133
|
+
toolbar.classList.add(formatter.options.align.toolbar.mainClassName);
|
|
19134
|
+
this.addToolbarStyle(formatter, toolbar);
|
|
19135
|
+
this.addButtons(formatter, toolbar, aligner);
|
|
19136
|
+
|
|
19137
|
+
this.toolbar = toolbar;
|
|
19138
|
+
return this.toolbar;
|
|
19139
|
+
}
|
|
19140
|
+
}, {
|
|
19141
|
+
key: 'destroy',
|
|
19142
|
+
value: function destroy() {
|
|
19143
|
+
this.toolbar = null;
|
|
19144
|
+
this.buttons = [];
|
|
19145
|
+
}
|
|
19146
|
+
}, {
|
|
19147
|
+
key: 'getElement',
|
|
19148
|
+
value: function getElement() {
|
|
19149
|
+
return this.toolbar;
|
|
19150
|
+
}
|
|
19151
|
+
}, {
|
|
19152
|
+
key: 'addToolbarStyle',
|
|
19153
|
+
value: function addToolbarStyle(formatter, toolbar) {
|
|
19154
|
+
if (formatter.options.align.toolbar.mainStyle) {
|
|
19155
|
+
Object.assign(toolbar.style, formatter.options.align.toolbar.mainStyle);
|
|
19156
|
+
}
|
|
19157
|
+
}
|
|
19158
|
+
}, {
|
|
19159
|
+
key: 'addButtonStyle',
|
|
19160
|
+
value: function addButtonStyle(button, index, formatter) {
|
|
19161
|
+
if (formatter.options.align.toolbar.buttonStyle) {
|
|
19162
|
+
Object.assign(button.style, formatter.options.align.toolbar.buttonStyle);
|
|
19163
|
+
if (index > 0) {
|
|
19164
|
+
button.style.borderLeftWidth = '0'; // eslint-disable-line no-param-reassign
|
|
19165
|
+
}
|
|
19166
|
+
}
|
|
19167
|
+
|
|
19168
|
+
if (formatter.options.align.toolbar.svgStyle) {
|
|
19169
|
+
Object.assign(button.children[0].style, formatter.options.align.toolbar.svgStyle);
|
|
19170
|
+
}
|
|
19171
|
+
}
|
|
19172
|
+
}, {
|
|
19173
|
+
key: 'addButtons',
|
|
19174
|
+
value: function addButtons(formatter, toolbar, aligner) {
|
|
19175
|
+
var _this = this;
|
|
19176
|
+
|
|
19177
|
+
aligner.getAlignments().forEach(function (alignment, i) {
|
|
19178
|
+
var button = document.createElement('span');
|
|
19179
|
+
button.classList.add(formatter.options.align.toolbar.buttonClassName);
|
|
19180
|
+
button.innerHTML = alignment.icon;
|
|
19181
|
+
button.addEventListener('click', function () {
|
|
19182
|
+
_this.onButtonClick(button, formatter, alignment, aligner);
|
|
19183
|
+
});
|
|
19184
|
+
_this.preselectButton(button, alignment, formatter, aligner);
|
|
19185
|
+
_this.addButtonStyle(button, i, formatter);
|
|
19186
|
+
_this.buttons.push(button);
|
|
19187
|
+
toolbar.appendChild(button);
|
|
19188
|
+
});
|
|
19189
|
+
}
|
|
19190
|
+
}, {
|
|
19191
|
+
key: 'preselectButton',
|
|
19192
|
+
value: function preselectButton(button, alignment, formatter, aligner) {
|
|
19193
|
+
if (!formatter.currentSpec) {
|
|
19194
|
+
return;
|
|
19195
|
+
}
|
|
19196
|
+
|
|
19197
|
+
var target = formatter.currentSpec.getTargetElement();
|
|
19198
|
+
if (!target) {
|
|
19199
|
+
return;
|
|
19200
|
+
}
|
|
19201
|
+
|
|
19202
|
+
if (aligner.isAligned(target, alignment)) {
|
|
19203
|
+
this.selectButton(formatter, button);
|
|
19204
|
+
}
|
|
19205
|
+
}
|
|
19206
|
+
}, {
|
|
19207
|
+
key: 'onButtonClick',
|
|
19208
|
+
value: function onButtonClick(button, formatter, alignment, aligner) {
|
|
19209
|
+
if (!formatter.currentSpec) {
|
|
19210
|
+
return;
|
|
19211
|
+
}
|
|
19212
|
+
|
|
19213
|
+
var target = formatter.currentSpec.getTargetElement();
|
|
19214
|
+
if (!target) {
|
|
19215
|
+
return;
|
|
19216
|
+
}
|
|
19217
|
+
|
|
19218
|
+
this.clickButton(button, target, formatter, alignment, aligner);
|
|
19219
|
+
}
|
|
19220
|
+
}, {
|
|
19221
|
+
key: 'clickButton',
|
|
19222
|
+
value: function clickButton(button, alignTarget, formatter, alignment, aligner) {
|
|
19223
|
+
var _this2 = this;
|
|
19224
|
+
|
|
19225
|
+
this.buttons.forEach(function (b) {
|
|
19226
|
+
_this2.deselectButton(formatter, b);
|
|
19227
|
+
});
|
|
19228
|
+
if (aligner.isAligned(alignTarget, alignment)) {
|
|
19229
|
+
if (formatter.options.align.toolbar.allowDeselect) {
|
|
19230
|
+
aligner.clear(alignTarget);
|
|
19231
|
+
} else {
|
|
19232
|
+
this.selectButton(formatter, button);
|
|
19233
|
+
}
|
|
19234
|
+
} else {
|
|
19235
|
+
this.selectButton(formatter, button);
|
|
19236
|
+
alignment.apply(alignTarget);
|
|
19237
|
+
}
|
|
19238
|
+
|
|
19239
|
+
formatter.update();
|
|
19240
|
+
}
|
|
19241
|
+
}, {
|
|
19242
|
+
key: 'selectButton',
|
|
19243
|
+
value: function selectButton(formatter, button) {
|
|
19244
|
+
button.classList.add('is-selected');
|
|
19245
|
+
if (formatter.options.align.toolbar.addButtonSelectStyle) {
|
|
19246
|
+
button.style.setProperty('filter', 'invert(20%)');
|
|
19247
|
+
}
|
|
19248
|
+
}
|
|
19249
|
+
}, {
|
|
19250
|
+
key: 'deselectButton',
|
|
19251
|
+
value: function deselectButton(formatter, button) {
|
|
19252
|
+
button.classList.remove('is-selected');
|
|
19253
|
+
if (formatter.options.align.toolbar.addButtonSelectStyle) {
|
|
19254
|
+
button.style.removeProperty('filter');
|
|
19255
|
+
}
|
|
19256
|
+
}
|
|
19257
|
+
}]);
|
|
19258
|
+
|
|
19259
|
+
return DefaultToolbar;
|
|
19260
|
+
}();
|
|
19261
|
+
|
|
19262
|
+
DefaultToolbar.default = DefaultToolbar$1;
|
|
19263
|
+
return DefaultToolbar;
|
|
19264
|
+
}
|
|
19265
|
+
|
|
19266
|
+
var hasRequiredAlignAction;
|
|
19267
|
+
|
|
19268
|
+
function requireAlignAction () {
|
|
19269
|
+
if (hasRequiredAlignAction) return AlignAction;
|
|
19270
|
+
hasRequiredAlignAction = 1;
|
|
19271
|
+
|
|
19272
|
+
Object.defineProperty(AlignAction, "__esModule", {
|
|
19273
|
+
value: true
|
|
19274
|
+
});
|
|
19275
|
+
|
|
19276
|
+
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; }; }();
|
|
19277
|
+
|
|
19278
|
+
var _Action2 = requireAction();
|
|
19279
|
+
|
|
19280
|
+
var _Action3 = _interopRequireDefault(_Action2);
|
|
19281
|
+
|
|
19282
|
+
var _BlotFormatter = requireBlotFormatter();
|
|
19283
|
+
|
|
19284
|
+
_interopRequireDefault(_BlotFormatter);
|
|
19285
|
+
|
|
19286
|
+
var _DefaultAligner = DefaultAligner$1;
|
|
19287
|
+
|
|
19288
|
+
var _DefaultAligner2 = _interopRequireDefault(_DefaultAligner);
|
|
19289
|
+
|
|
19290
|
+
requireToolbar();
|
|
19291
|
+
|
|
19292
|
+
var _DefaultToolbar = requireDefaultToolbar();
|
|
19293
|
+
|
|
19294
|
+
var _DefaultToolbar2 = _interopRequireDefault(_DefaultToolbar);
|
|
19295
|
+
|
|
19296
|
+
function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
|
|
19297
|
+
|
|
19298
|
+
function _classCallCheck(instance, Constructor) { if (!(instance instanceof Constructor)) { throw new TypeError("Cannot call a class as a function"); } }
|
|
19299
|
+
|
|
19300
|
+
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; }
|
|
19301
|
+
|
|
19302
|
+
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; }
|
|
19303
|
+
|
|
19304
|
+
var AlignAction$1 = function (_Action) {
|
|
19305
|
+
_inherits(AlignAction, _Action);
|
|
19306
|
+
|
|
19307
|
+
function AlignAction(formatter) {
|
|
19308
|
+
_classCallCheck(this, AlignAction);
|
|
19309
|
+
|
|
19310
|
+
var _this = _possibleConstructorReturn(this, (AlignAction.__proto__ || Object.getPrototypeOf(AlignAction)).call(this, formatter));
|
|
19311
|
+
|
|
19312
|
+
_this.aligner = new _DefaultAligner2.default(formatter.options.align);
|
|
19313
|
+
_this.toolbar = new _DefaultToolbar2.default();
|
|
19314
|
+
return _this;
|
|
19315
|
+
}
|
|
19316
|
+
|
|
19317
|
+
_createClass(AlignAction, [{
|
|
19318
|
+
key: 'onCreate',
|
|
19319
|
+
value: function onCreate() {
|
|
19320
|
+
var toolbar = this.toolbar.create(this.formatter, this.aligner);
|
|
19321
|
+
this.formatter.overlay.appendChild(toolbar);
|
|
19322
|
+
}
|
|
19323
|
+
}, {
|
|
19324
|
+
key: 'onDestroy',
|
|
19325
|
+
value: function onDestroy() {
|
|
19326
|
+
var toolbar = this.toolbar.getElement();
|
|
19327
|
+
if (!toolbar) {
|
|
19328
|
+
return;
|
|
19329
|
+
}
|
|
19330
|
+
|
|
19331
|
+
this.formatter.overlay.removeChild(toolbar);
|
|
19332
|
+
this.toolbar.destroy();
|
|
19333
|
+
}
|
|
19334
|
+
}]);
|
|
19335
|
+
|
|
19336
|
+
return AlignAction;
|
|
19337
|
+
}(_Action3.default);
|
|
19338
|
+
|
|
19339
|
+
AlignAction.default = AlignAction$1;
|
|
19340
|
+
return AlignAction;
|
|
19341
|
+
}
|
|
19342
|
+
|
|
19343
|
+
var ResizeAction = {};
|
|
19344
|
+
|
|
19345
|
+
var hasRequiredResizeAction;
|
|
19346
|
+
|
|
19347
|
+
function requireResizeAction () {
|
|
19348
|
+
if (hasRequiredResizeAction) return ResizeAction;
|
|
19349
|
+
hasRequiredResizeAction = 1;
|
|
19350
|
+
|
|
19351
|
+
Object.defineProperty(ResizeAction, "__esModule", {
|
|
19352
|
+
value: true
|
|
19353
|
+
});
|
|
19354
|
+
|
|
19355
|
+
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; }; }();
|
|
19356
|
+
|
|
19357
|
+
var _Action2 = requireAction();
|
|
19358
|
+
|
|
19359
|
+
var _Action3 = _interopRequireDefault(_Action2);
|
|
19360
|
+
|
|
19361
|
+
var _BlotFormatter = requireBlotFormatter();
|
|
19362
|
+
|
|
19363
|
+
_interopRequireDefault(_BlotFormatter);
|
|
19364
|
+
|
|
19365
|
+
function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
|
|
19366
|
+
|
|
19367
|
+
function _classCallCheck(instance, Constructor) { if (!(instance instanceof Constructor)) { throw new TypeError("Cannot call a class as a function"); } }
|
|
19368
|
+
|
|
19369
|
+
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; }
|
|
19370
|
+
|
|
19371
|
+
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; }
|
|
19372
|
+
|
|
19373
|
+
var ResizeAction$1 = function (_Action) {
|
|
19374
|
+
_inherits(ResizeAction, _Action);
|
|
19375
|
+
|
|
19376
|
+
function ResizeAction(formatter) {
|
|
19377
|
+
_classCallCheck(this, ResizeAction);
|
|
19378
|
+
|
|
19379
|
+
var _this = _possibleConstructorReturn(this, (ResizeAction.__proto__ || Object.getPrototypeOf(ResizeAction)).call(this, formatter));
|
|
19380
|
+
|
|
19381
|
+
_this.onMouseDown = function (event) {
|
|
19382
|
+
if (!(event.target instanceof HTMLElement)) {
|
|
19383
|
+
return;
|
|
19384
|
+
}
|
|
19385
|
+
_this.dragHandle = event.target;
|
|
19386
|
+
_this.setCursor(_this.dragHandle.style.cursor);
|
|
19387
|
+
|
|
19388
|
+
if (!_this.formatter.currentSpec) {
|
|
19389
|
+
return;
|
|
19390
|
+
}
|
|
19391
|
+
|
|
19392
|
+
var target = _this.formatter.currentSpec.getTargetElement();
|
|
19393
|
+
if (!target) {
|
|
19394
|
+
return;
|
|
19395
|
+
}
|
|
19396
|
+
|
|
19397
|
+
var rect = target.getBoundingClientRect();
|
|
19398
|
+
|
|
19399
|
+
_this.dragStartX = event.clientX;
|
|
19400
|
+
_this.preDragWidth = rect.width;
|
|
19401
|
+
_this.targetRatio = rect.height / rect.width;
|
|
19402
|
+
|
|
19403
|
+
document.addEventListener('mousemove', _this.onDrag);
|
|
19404
|
+
document.addEventListener('mouseup', _this.onMouseUp);
|
|
19405
|
+
};
|
|
19406
|
+
|
|
19407
|
+
_this.onDrag = function (event) {
|
|
19408
|
+
if (!_this.formatter.currentSpec) {
|
|
19409
|
+
return;
|
|
19410
|
+
}
|
|
19411
|
+
|
|
19412
|
+
var target = _this.formatter.currentSpec.getTargetElement();
|
|
19413
|
+
if (!target) {
|
|
19414
|
+
return;
|
|
19415
|
+
}
|
|
19416
|
+
|
|
19417
|
+
var deltaX = event.clientX - _this.dragStartX;
|
|
19418
|
+
var newWidth = 0;
|
|
19419
|
+
|
|
19420
|
+
if (_this.dragHandle === _this.topLeftHandle || _this.dragHandle === _this.bottomLeftHandle) {
|
|
19421
|
+
newWidth = Math.round(_this.preDragWidth - deltaX);
|
|
19422
|
+
} else {
|
|
19423
|
+
newWidth = Math.round(_this.preDragWidth + deltaX);
|
|
19424
|
+
}
|
|
19425
|
+
|
|
19426
|
+
var newHeight = _this.targetRatio * newWidth;
|
|
19427
|
+
|
|
19428
|
+
target.setAttribute('width', '' + newWidth);
|
|
19429
|
+
target.setAttribute('height', '' + newHeight);
|
|
19430
|
+
|
|
19431
|
+
_this.formatter.update();
|
|
19432
|
+
};
|
|
19433
|
+
|
|
19434
|
+
_this.onMouseUp = function () {
|
|
19435
|
+
_this.setCursor('');
|
|
19436
|
+
document.removeEventListener('mousemove', _this.onDrag);
|
|
19437
|
+
document.removeEventListener('mouseup', _this.onMouseUp);
|
|
19438
|
+
};
|
|
19439
|
+
|
|
19440
|
+
_this.topLeftHandle = _this.createHandle('top-left', 'nwse-resize');
|
|
19441
|
+
_this.topRightHandle = _this.createHandle('top-right', 'nesw-resize');
|
|
19442
|
+
_this.bottomRightHandle = _this.createHandle('bottom-right', 'nwse-resize');
|
|
19443
|
+
_this.bottomLeftHandle = _this.createHandle('bottom-left', 'nesw-resize');
|
|
19444
|
+
_this.dragHandle = null;
|
|
19445
|
+
_this.dragStartX = 0;
|
|
19446
|
+
_this.preDragWidth = 0;
|
|
19447
|
+
_this.targetRatio = 0;
|
|
19448
|
+
return _this;
|
|
19449
|
+
}
|
|
19450
|
+
|
|
19451
|
+
_createClass(ResizeAction, [{
|
|
19452
|
+
key: 'onCreate',
|
|
19453
|
+
value: function onCreate() {
|
|
19454
|
+
this.formatter.overlay.appendChild(this.topLeftHandle);
|
|
19455
|
+
this.formatter.overlay.appendChild(this.topRightHandle);
|
|
19456
|
+
this.formatter.overlay.appendChild(this.bottomRightHandle);
|
|
19457
|
+
this.formatter.overlay.appendChild(this.bottomLeftHandle);
|
|
19458
|
+
|
|
19459
|
+
this.repositionHandles(this.formatter.options.resize.handleStyle);
|
|
19460
|
+
}
|
|
19461
|
+
}, {
|
|
19462
|
+
key: 'onDestroy',
|
|
19463
|
+
value: function onDestroy() {
|
|
19464
|
+
this.setCursor('');
|
|
19465
|
+
this.formatter.overlay.removeChild(this.topLeftHandle);
|
|
19466
|
+
this.formatter.overlay.removeChild(this.topRightHandle);
|
|
19467
|
+
this.formatter.overlay.removeChild(this.bottomRightHandle);
|
|
19468
|
+
this.formatter.overlay.removeChild(this.bottomLeftHandle);
|
|
19469
|
+
}
|
|
19470
|
+
}, {
|
|
19471
|
+
key: 'createHandle',
|
|
19472
|
+
value: function createHandle(position, cursor) {
|
|
19473
|
+
var box = document.createElement('div');
|
|
19474
|
+
box.classList.add(this.formatter.options.resize.handleClassName);
|
|
19475
|
+
box.setAttribute('data-position', position);
|
|
19476
|
+
box.style.cursor = cursor;
|
|
19477
|
+
|
|
19478
|
+
if (this.formatter.options.resize.handleStyle) {
|
|
19479
|
+
Object.assign(box.style, this.formatter.options.resize.handleStyle);
|
|
19480
|
+
}
|
|
19481
|
+
|
|
19482
|
+
box.addEventListener('mousedown', this.onMouseDown);
|
|
19483
|
+
|
|
19484
|
+
return box;
|
|
19485
|
+
}
|
|
19486
|
+
}, {
|
|
19487
|
+
key: 'repositionHandles',
|
|
19488
|
+
value: function repositionHandles(handleStyle) {
|
|
19489
|
+
var handleXOffset = '0px';
|
|
19490
|
+
var handleYOffset = '0px';
|
|
19491
|
+
if (handleStyle) {
|
|
19492
|
+
if (handleStyle.width) {
|
|
19493
|
+
handleXOffset = -parseFloat(handleStyle.width) / 2 + 'px';
|
|
19494
|
+
}
|
|
19495
|
+
if (handleStyle.height) {
|
|
19496
|
+
handleYOffset = -parseFloat(handleStyle.height) / 2 + 'px';
|
|
19497
|
+
}
|
|
19498
|
+
}
|
|
19499
|
+
|
|
19500
|
+
Object.assign(this.topLeftHandle.style, { left: handleXOffset, top: handleYOffset });
|
|
19501
|
+
Object.assign(this.topRightHandle.style, { right: handleXOffset, top: handleYOffset });
|
|
19502
|
+
Object.assign(this.bottomRightHandle.style, { right: handleXOffset, bottom: handleYOffset });
|
|
19503
|
+
Object.assign(this.bottomLeftHandle.style, { left: handleXOffset, bottom: handleYOffset });
|
|
19504
|
+
}
|
|
19505
|
+
}, {
|
|
19506
|
+
key: 'setCursor',
|
|
19507
|
+
value: function setCursor(value) {
|
|
19508
|
+
if (document.body) {
|
|
19509
|
+
document.body.style.cursor = value;
|
|
19510
|
+
}
|
|
19511
|
+
|
|
19512
|
+
if (this.formatter.currentSpec) {
|
|
19513
|
+
var target = this.formatter.currentSpec.getOverlayElement();
|
|
19514
|
+
if (target) {
|
|
19515
|
+
target.style.cursor = value;
|
|
19516
|
+
}
|
|
19517
|
+
}
|
|
19518
|
+
}
|
|
19519
|
+
}]);
|
|
19520
|
+
|
|
19521
|
+
return ResizeAction;
|
|
19522
|
+
}(_Action3.default);
|
|
19523
|
+
|
|
19524
|
+
ResizeAction.default = ResizeAction$1;
|
|
19525
|
+
return ResizeAction;
|
|
19526
|
+
}
|
|
19527
|
+
|
|
19528
|
+
var DeleteAction = {};
|
|
19529
|
+
|
|
19530
|
+
var hasRequiredDeleteAction;
|
|
19531
|
+
|
|
19532
|
+
function requireDeleteAction () {
|
|
19533
|
+
if (hasRequiredDeleteAction) return DeleteAction;
|
|
19534
|
+
hasRequiredDeleteAction = 1;
|
|
19535
|
+
|
|
19536
|
+
Object.defineProperty(DeleteAction, "__esModule", {
|
|
19537
|
+
value: true
|
|
19538
|
+
});
|
|
19539
|
+
|
|
19540
|
+
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; }; }();
|
|
19541
|
+
|
|
19542
|
+
var _quill = quill.exports;
|
|
19543
|
+
|
|
19544
|
+
var _quill2 = _interopRequireDefault(_quill);
|
|
19545
|
+
|
|
19546
|
+
var _Action2 = requireAction();
|
|
19547
|
+
|
|
19548
|
+
var _Action3 = _interopRequireDefault(_Action2);
|
|
19549
|
+
|
|
19550
|
+
function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
|
|
19551
|
+
|
|
19552
|
+
function _classCallCheck(instance, Constructor) { if (!(instance instanceof Constructor)) { throw new TypeError("Cannot call a class as a function"); } }
|
|
19553
|
+
|
|
19554
|
+
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; }
|
|
19555
|
+
|
|
19556
|
+
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; }
|
|
19557
|
+
|
|
19558
|
+
var DeleteAction$1 = function (_Action) {
|
|
19559
|
+
_inherits(DeleteAction, _Action);
|
|
19560
|
+
|
|
19561
|
+
function DeleteAction() {
|
|
19562
|
+
var _ref;
|
|
19563
|
+
|
|
19564
|
+
var _temp, _this, _ret;
|
|
19565
|
+
|
|
19566
|
+
_classCallCheck(this, DeleteAction);
|
|
19567
|
+
|
|
19568
|
+
for (var _len = arguments.length, args = Array(_len), _key = 0; _key < _len; _key++) {
|
|
19569
|
+
args[_key] = arguments[_key];
|
|
19570
|
+
}
|
|
19571
|
+
|
|
19572
|
+
return _ret = (_temp = (_this = _possibleConstructorReturn(this, (_ref = DeleteAction.__proto__ || Object.getPrototypeOf(DeleteAction)).call.apply(_ref, [this].concat(args))), _this), _this.onKeyUp = function (e) {
|
|
19573
|
+
if (!_this.formatter.currentSpec) {
|
|
19574
|
+
return;
|
|
19575
|
+
}
|
|
19576
|
+
|
|
19577
|
+
// delete or backspace
|
|
19578
|
+
if (e.keyCode === 46 || e.keyCode === 8) {
|
|
19579
|
+
var blot = _quill2.default.find(_this.formatter.currentSpec.getTargetElement());
|
|
19580
|
+
if (blot) {
|
|
19581
|
+
blot.deleteAt(0);
|
|
19582
|
+
}
|
|
19583
|
+
_this.formatter.hide();
|
|
19584
|
+
}
|
|
19585
|
+
}, _temp), _possibleConstructorReturn(_this, _ret);
|
|
19586
|
+
}
|
|
19587
|
+
|
|
19588
|
+
_createClass(DeleteAction, [{
|
|
19589
|
+
key: 'onCreate',
|
|
19590
|
+
value: function onCreate() {
|
|
19591
|
+
document.addEventListener('keyup', this.onKeyUp, true);
|
|
19592
|
+
this.formatter.quill.root.addEventListener('input', this.onKeyUp, true);
|
|
19593
|
+
}
|
|
19594
|
+
}, {
|
|
19595
|
+
key: 'onDestroy',
|
|
19596
|
+
value: function onDestroy() {
|
|
19597
|
+
document.removeEventListener('keyup', this.onKeyUp);
|
|
19598
|
+
this.formatter.quill.root.removeEventListener('input', this.onKeyUp);
|
|
19599
|
+
}
|
|
19600
|
+
}]);
|
|
19601
|
+
|
|
19602
|
+
return DeleteAction;
|
|
19603
|
+
}(_Action3.default);
|
|
19604
|
+
|
|
19605
|
+
DeleteAction.default = DeleteAction$1;
|
|
19606
|
+
return DeleteAction;
|
|
19607
|
+
}
|
|
19608
|
+
|
|
19609
|
+
var hasRequiredBlotSpec;
|
|
19610
|
+
|
|
19611
|
+
function requireBlotSpec () {
|
|
19612
|
+
if (hasRequiredBlotSpec) return BlotSpec;
|
|
19613
|
+
hasRequiredBlotSpec = 1;
|
|
19614
|
+
|
|
19615
|
+
Object.defineProperty(BlotSpec, "__esModule", {
|
|
19616
|
+
value: true
|
|
19617
|
+
});
|
|
19618
|
+
|
|
19619
|
+
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; }; }();
|
|
19620
|
+
|
|
19621
|
+
var _BlotFormatter = requireBlotFormatter();
|
|
19622
|
+
|
|
19623
|
+
_interopRequireDefault(_BlotFormatter);
|
|
19624
|
+
|
|
19625
|
+
var _Action = requireAction();
|
|
19626
|
+
|
|
19627
|
+
_interopRequireDefault(_Action);
|
|
19628
|
+
|
|
19629
|
+
var _AlignAction = requireAlignAction();
|
|
19630
|
+
|
|
19631
|
+
var _AlignAction2 = _interopRequireDefault(_AlignAction);
|
|
19632
|
+
|
|
19633
|
+
var _ResizeAction = requireResizeAction();
|
|
19634
|
+
|
|
19635
|
+
var _ResizeAction2 = _interopRequireDefault(_ResizeAction);
|
|
19636
|
+
|
|
19637
|
+
var _DeleteAction = requireDeleteAction();
|
|
19638
|
+
|
|
19639
|
+
var _DeleteAction2 = _interopRequireDefault(_DeleteAction);
|
|
19640
|
+
|
|
19641
|
+
function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
|
|
19642
|
+
|
|
19643
|
+
function _classCallCheck(instance, Constructor) { if (!(instance instanceof Constructor)) { throw new TypeError("Cannot call a class as a function"); } }
|
|
19644
|
+
|
|
19645
|
+
var BlotSpec$1 = function () {
|
|
19646
|
+
function BlotSpec(formatter) {
|
|
19647
|
+
_classCallCheck(this, BlotSpec);
|
|
19648
|
+
|
|
19649
|
+
this.formatter = formatter;
|
|
19650
|
+
}
|
|
19651
|
+
|
|
19652
|
+
_createClass(BlotSpec, [{
|
|
19653
|
+
key: 'init',
|
|
19654
|
+
value: function init() {}
|
|
19655
|
+
}, {
|
|
19656
|
+
key: 'getActions',
|
|
19657
|
+
value: function getActions() {
|
|
19658
|
+
return [_AlignAction2.default, _ResizeAction2.default, _DeleteAction2.default];
|
|
19659
|
+
}
|
|
19660
|
+
}, {
|
|
19661
|
+
key: 'getTargetElement',
|
|
19662
|
+
value: function getTargetElement() {
|
|
19663
|
+
return null;
|
|
19664
|
+
}
|
|
19665
|
+
}, {
|
|
19666
|
+
key: 'getOverlayElement',
|
|
19667
|
+
value: function getOverlayElement() {
|
|
19668
|
+
return this.getTargetElement();
|
|
19669
|
+
}
|
|
19670
|
+
}, {
|
|
19671
|
+
key: 'setSelection',
|
|
19672
|
+
value: function setSelection() {
|
|
19673
|
+
this.formatter.quill.setSelection(null);
|
|
19674
|
+
}
|
|
19675
|
+
}, {
|
|
19676
|
+
key: 'onHide',
|
|
19677
|
+
value: function onHide() {}
|
|
19678
|
+
}]);
|
|
19679
|
+
|
|
19680
|
+
return BlotSpec;
|
|
19681
|
+
}();
|
|
19682
|
+
|
|
19683
|
+
BlotSpec.default = BlotSpec$1;
|
|
19684
|
+
return BlotSpec;
|
|
19685
|
+
}
|
|
19686
|
+
|
|
19687
|
+
var ImageSpec = {};
|
|
19688
|
+
|
|
19689
|
+
var hasRequiredImageSpec;
|
|
19690
|
+
|
|
19691
|
+
function requireImageSpec () {
|
|
19692
|
+
if (hasRequiredImageSpec) return ImageSpec;
|
|
19693
|
+
hasRequiredImageSpec = 1;
|
|
19694
|
+
|
|
19695
|
+
Object.defineProperty(ImageSpec, "__esModule", {
|
|
19696
|
+
value: true
|
|
19697
|
+
});
|
|
19698
|
+
|
|
19699
|
+
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; }; }();
|
|
19700
|
+
|
|
19701
|
+
var _BlotSpec2 = requireBlotSpec();
|
|
19702
|
+
|
|
19703
|
+
var _BlotSpec3 = _interopRequireDefault(_BlotSpec2);
|
|
19704
|
+
|
|
19705
|
+
var _BlotFormatter = requireBlotFormatter();
|
|
19706
|
+
|
|
19707
|
+
_interopRequireDefault(_BlotFormatter);
|
|
19708
|
+
|
|
19709
|
+
function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
|
|
19710
|
+
|
|
19711
|
+
function _classCallCheck(instance, Constructor) { if (!(instance instanceof Constructor)) { throw new TypeError("Cannot call a class as a function"); } }
|
|
19712
|
+
|
|
19713
|
+
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; }
|
|
19714
|
+
|
|
19715
|
+
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; }
|
|
19716
|
+
|
|
19717
|
+
var ImageSpec$1 = function (_BlotSpec) {
|
|
19718
|
+
_inherits(ImageSpec, _BlotSpec);
|
|
19719
|
+
|
|
19720
|
+
function ImageSpec(formatter) {
|
|
19721
|
+
_classCallCheck(this, ImageSpec);
|
|
19722
|
+
|
|
19723
|
+
var _this = _possibleConstructorReturn(this, (ImageSpec.__proto__ || Object.getPrototypeOf(ImageSpec)).call(this, formatter));
|
|
19724
|
+
|
|
19725
|
+
_this.onClick = function (event) {
|
|
19726
|
+
var el = event.target;
|
|
19727
|
+
if (!(el instanceof HTMLElement) || el.tagName !== 'IMG') {
|
|
19728
|
+
return;
|
|
19729
|
+
}
|
|
19730
|
+
|
|
19731
|
+
_this.img = el;
|
|
19732
|
+
_this.formatter.show(_this);
|
|
19733
|
+
};
|
|
19734
|
+
|
|
19735
|
+
_this.img = null;
|
|
19736
|
+
return _this;
|
|
19737
|
+
}
|
|
19738
|
+
|
|
19739
|
+
_createClass(ImageSpec, [{
|
|
19740
|
+
key: 'init',
|
|
19741
|
+
value: function init() {
|
|
19742
|
+
this.formatter.quill.root.addEventListener('click', this.onClick);
|
|
19743
|
+
}
|
|
19744
|
+
}, {
|
|
19745
|
+
key: 'getTargetElement',
|
|
19746
|
+
value: function getTargetElement() {
|
|
19747
|
+
return this.img;
|
|
19748
|
+
}
|
|
19749
|
+
}, {
|
|
19750
|
+
key: 'onHide',
|
|
19751
|
+
value: function onHide() {
|
|
19752
|
+
this.img = null;
|
|
19753
|
+
}
|
|
19754
|
+
}]);
|
|
19755
|
+
|
|
19756
|
+
return ImageSpec;
|
|
19757
|
+
}(_BlotSpec3.default);
|
|
19758
|
+
|
|
19759
|
+
ImageSpec.default = ImageSpec$1;
|
|
19760
|
+
return ImageSpec;
|
|
19761
|
+
}
|
|
19762
|
+
|
|
19763
|
+
var IframeVideoSpec = {};
|
|
19764
|
+
|
|
19765
|
+
var UnclickableBlotSpec = {};
|
|
19766
|
+
|
|
19767
|
+
var hasRequiredUnclickableBlotSpec;
|
|
19768
|
+
|
|
19769
|
+
function requireUnclickableBlotSpec () {
|
|
19770
|
+
if (hasRequiredUnclickableBlotSpec) return UnclickableBlotSpec;
|
|
19771
|
+
hasRequiredUnclickableBlotSpec = 1;
|
|
19772
|
+
|
|
19773
|
+
Object.defineProperty(UnclickableBlotSpec, "__esModule", {
|
|
19774
|
+
value: true
|
|
19775
|
+
});
|
|
19776
|
+
|
|
19777
|
+
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; }; }();
|
|
19778
|
+
|
|
19779
|
+
var _BlotSpec2 = requireBlotSpec();
|
|
19780
|
+
|
|
19781
|
+
var _BlotSpec3 = _interopRequireDefault(_BlotSpec2);
|
|
19782
|
+
|
|
19783
|
+
var _BlotFormatter = requireBlotFormatter();
|
|
19784
|
+
|
|
19785
|
+
_interopRequireDefault(_BlotFormatter);
|
|
19786
|
+
|
|
19787
|
+
function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
|
|
19788
|
+
|
|
19789
|
+
function _classCallCheck(instance, Constructor) { if (!(instance instanceof Constructor)) { throw new TypeError("Cannot call a class as a function"); } }
|
|
19790
|
+
|
|
19791
|
+
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; }
|
|
19792
|
+
|
|
19793
|
+
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; }
|
|
19794
|
+
|
|
19795
|
+
var MOUSE_ENTER_ATTRIBUTE = 'data-blot-formatter-unclickable-bound';
|
|
19796
|
+
var PROXY_IMAGE_CLASS = 'blot-formatter__proxy-image';
|
|
19797
|
+
|
|
19798
|
+
var UnclickableBlotSpec$1 = function (_BlotSpec) {
|
|
19799
|
+
_inherits(UnclickableBlotSpec, _BlotSpec);
|
|
19800
|
+
|
|
19801
|
+
function UnclickableBlotSpec(formatter, selector) {
|
|
19802
|
+
_classCallCheck(this, UnclickableBlotSpec);
|
|
19803
|
+
|
|
19804
|
+
var _this = _possibleConstructorReturn(this, (UnclickableBlotSpec.__proto__ || Object.getPrototypeOf(UnclickableBlotSpec)).call(this, formatter));
|
|
19805
|
+
|
|
19806
|
+
_this.onTextChange = function () {
|
|
19807
|
+
Array.from(document.querySelectorAll(_this.selector + ':not([' + MOUSE_ENTER_ATTRIBUTE + '])')).forEach(function (unclickable) {
|
|
19808
|
+
unclickable.setAttribute(MOUSE_ENTER_ATTRIBUTE, 'true');
|
|
19809
|
+
unclickable.addEventListener('mouseenter', _this.onMouseEnter);
|
|
19810
|
+
});
|
|
19811
|
+
};
|
|
19812
|
+
|
|
19813
|
+
_this.onMouseEnter = function (event) {
|
|
19814
|
+
var unclickable = event.target;
|
|
19815
|
+
if (!(unclickable instanceof HTMLElement)) {
|
|
19816
|
+
return;
|
|
19817
|
+
}
|
|
19818
|
+
|
|
19819
|
+
_this.nextUnclickable = unclickable;
|
|
19820
|
+
_this.repositionProxyImage(_this.nextUnclickable);
|
|
19821
|
+
};
|
|
19822
|
+
|
|
19823
|
+
_this.onProxyImageClick = function () {
|
|
19824
|
+
_this.unclickable = _this.nextUnclickable;
|
|
19825
|
+
_this.nextUnclickable = null;
|
|
19826
|
+
_this.formatter.show(_this);
|
|
19827
|
+
_this.hideProxyImage();
|
|
19828
|
+
};
|
|
19829
|
+
|
|
19830
|
+
_this.selector = selector;
|
|
19831
|
+
_this.unclickable = null;
|
|
19832
|
+
_this.nextUnclickable = null;
|
|
19833
|
+
return _this;
|
|
19834
|
+
}
|
|
19835
|
+
|
|
19836
|
+
_createClass(UnclickableBlotSpec, [{
|
|
19837
|
+
key: 'init',
|
|
19838
|
+
value: function init() {
|
|
19839
|
+
if (document.body) {
|
|
19840
|
+
/*
|
|
19841
|
+
it's important that this is attached to the body instead of the root quill element.
|
|
19842
|
+
this prevents the click event from overlapping with ImageSpec
|
|
19843
|
+
*/
|
|
19844
|
+
document.body.appendChild(this.createProxyImage());
|
|
19845
|
+
}
|
|
19846
|
+
|
|
19847
|
+
this.hideProxyImage();
|
|
19848
|
+
this.proxyImage.addEventListener('click', this.onProxyImageClick);
|
|
19849
|
+
this.formatter.quill.on('text-change', this.onTextChange);
|
|
19850
|
+
}
|
|
19851
|
+
}, {
|
|
19852
|
+
key: 'getTargetElement',
|
|
19853
|
+
value: function getTargetElement() {
|
|
19854
|
+
return this.unclickable;
|
|
19855
|
+
}
|
|
19856
|
+
}, {
|
|
19857
|
+
key: 'getOverlayElement',
|
|
19858
|
+
value: function getOverlayElement() {
|
|
19859
|
+
return this.unclickable;
|
|
19860
|
+
}
|
|
19861
|
+
}, {
|
|
19862
|
+
key: 'onHide',
|
|
19863
|
+
value: function onHide() {
|
|
19864
|
+
this.hideProxyImage();
|
|
19865
|
+
this.nextUnclickable = null;
|
|
19866
|
+
this.unclickable = null;
|
|
19867
|
+
}
|
|
19868
|
+
}, {
|
|
19869
|
+
key: 'createProxyImage',
|
|
19870
|
+
value: function createProxyImage() {
|
|
19871
|
+
var canvas = document.createElement('canvas');
|
|
19872
|
+
var context = canvas.getContext('2d');
|
|
19873
|
+
context.globalAlpha = 0;
|
|
19874
|
+
context.fillRect(0, 0, 1, 1);
|
|
19875
|
+
|
|
19876
|
+
this.proxyImage = document.createElement('img');
|
|
19877
|
+
this.proxyImage.src = canvas.toDataURL('image/png');
|
|
19878
|
+
this.proxyImage.classList.add(PROXY_IMAGE_CLASS);
|
|
19879
|
+
|
|
19880
|
+
Object.assign(this.proxyImage.style, {
|
|
19881
|
+
position: 'absolute',
|
|
19882
|
+
margin: '0'
|
|
19883
|
+
});
|
|
19884
|
+
|
|
19885
|
+
return this.proxyImage;
|
|
19886
|
+
}
|
|
19887
|
+
}, {
|
|
19888
|
+
key: 'hideProxyImage',
|
|
19889
|
+
value: function hideProxyImage() {
|
|
19890
|
+
Object.assign(this.proxyImage.style, {
|
|
19891
|
+
display: 'none'
|
|
19892
|
+
});
|
|
19893
|
+
}
|
|
19894
|
+
}, {
|
|
19895
|
+
key: 'repositionProxyImage',
|
|
19896
|
+
value: function repositionProxyImage(unclickable) {
|
|
19897
|
+
var rect = unclickable.getBoundingClientRect();
|
|
19898
|
+
|
|
19899
|
+
Object.assign(this.proxyImage.style, {
|
|
19900
|
+
display: 'block',
|
|
19901
|
+
left: rect.left + window.pageXOffset + 'px',
|
|
19902
|
+
top: rect.top + window.pageYOffset + 'px',
|
|
19903
|
+
width: rect.width + 'px',
|
|
19904
|
+
height: rect.height + 'px'
|
|
19905
|
+
});
|
|
19906
|
+
}
|
|
19907
|
+
}]);
|
|
19908
|
+
|
|
19909
|
+
return UnclickableBlotSpec;
|
|
19910
|
+
}(_BlotSpec3.default);
|
|
19911
|
+
|
|
19912
|
+
UnclickableBlotSpec.default = UnclickableBlotSpec$1;
|
|
19913
|
+
return UnclickableBlotSpec;
|
|
19914
|
+
}
|
|
19915
|
+
|
|
19916
|
+
var hasRequiredIframeVideoSpec;
|
|
19917
|
+
|
|
19918
|
+
function requireIframeVideoSpec () {
|
|
19919
|
+
if (hasRequiredIframeVideoSpec) return IframeVideoSpec;
|
|
19920
|
+
hasRequiredIframeVideoSpec = 1;
|
|
19921
|
+
|
|
19922
|
+
Object.defineProperty(IframeVideoSpec, "__esModule", {
|
|
19923
|
+
value: true
|
|
19924
|
+
});
|
|
19925
|
+
|
|
19926
|
+
var _UnclickableBlotSpec2 = requireUnclickableBlotSpec();
|
|
19927
|
+
|
|
19928
|
+
var _UnclickableBlotSpec3 = _interopRequireDefault(_UnclickableBlotSpec2);
|
|
19929
|
+
|
|
19930
|
+
var _BlotFormatter = requireBlotFormatter();
|
|
19931
|
+
|
|
19932
|
+
_interopRequireDefault(_BlotFormatter);
|
|
19933
|
+
|
|
19934
|
+
function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
|
|
19935
|
+
|
|
19936
|
+
function _classCallCheck(instance, Constructor) { if (!(instance instanceof Constructor)) { throw new TypeError("Cannot call a class as a function"); } }
|
|
19937
|
+
|
|
19938
|
+
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; }
|
|
19939
|
+
|
|
19940
|
+
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; }
|
|
19941
|
+
|
|
19942
|
+
var IframeVideoSpec$1 = function (_UnclickableBlotSpec) {
|
|
19943
|
+
_inherits(IframeVideoSpec, _UnclickableBlotSpec);
|
|
19944
|
+
|
|
19945
|
+
function IframeVideoSpec(formatter) {
|
|
19946
|
+
_classCallCheck(this, IframeVideoSpec);
|
|
19947
|
+
|
|
19948
|
+
return _possibleConstructorReturn(this, (IframeVideoSpec.__proto__ || Object.getPrototypeOf(IframeVideoSpec)).call(this, formatter, 'iframe.ql-video'));
|
|
19949
|
+
}
|
|
19950
|
+
|
|
19951
|
+
return IframeVideoSpec;
|
|
19952
|
+
}(_UnclickableBlotSpec3.default);
|
|
19953
|
+
|
|
19954
|
+
IframeVideoSpec.default = IframeVideoSpec$1;
|
|
19955
|
+
return IframeVideoSpec;
|
|
19956
|
+
}
|
|
19957
|
+
|
|
19958
|
+
var hasRequiredOptions;
|
|
19959
|
+
|
|
19960
|
+
function requireOptions () {
|
|
19961
|
+
if (hasRequiredOptions) return Options;
|
|
19962
|
+
hasRequiredOptions = 1;
|
|
19963
|
+
|
|
19964
|
+
Object.defineProperty(Options, "__esModule", {
|
|
19965
|
+
value: true
|
|
19966
|
+
});
|
|
19967
|
+
|
|
19968
|
+
var _BlotSpec = requireBlotSpec();
|
|
19969
|
+
|
|
19970
|
+
_interopRequireDefault(_BlotSpec);
|
|
19971
|
+
|
|
19972
|
+
var _ImageSpec = requireImageSpec();
|
|
19973
|
+
|
|
19974
|
+
var _ImageSpec2 = _interopRequireDefault(_ImageSpec);
|
|
19975
|
+
|
|
19976
|
+
var _IframeVideoSpec = requireIframeVideoSpec();
|
|
19977
|
+
|
|
19978
|
+
var _IframeVideoSpec2 = _interopRequireDefault(_IframeVideoSpec);
|
|
19979
|
+
|
|
19980
|
+
function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
|
|
19981
|
+
|
|
19982
|
+
var DefaultOptions = {
|
|
19983
|
+
specs: [_ImageSpec2.default, _IframeVideoSpec2.default],
|
|
19984
|
+
overlay: {
|
|
19985
|
+
className: 'blot-formatter__overlay',
|
|
19986
|
+
style: {
|
|
19987
|
+
position: 'absolute',
|
|
19988
|
+
boxSizing: 'border-box',
|
|
19989
|
+
border: '1px dashed #444'
|
|
19990
|
+
}
|
|
19991
|
+
},
|
|
19992
|
+
align: {
|
|
19993
|
+
attribute: 'data-align',
|
|
19994
|
+
aligner: {
|
|
19995
|
+
applyStyle: true
|
|
19996
|
+
},
|
|
19997
|
+
icons: {
|
|
19998
|
+
left: '\n <svg viewbox="0 0 18 18">\n <line class="ql-stroke" x1="3" x2="15" y1="9" y2="9"></line>\n <line class="ql-stroke" x1="3" x2="13" y1="14" y2="14"></line>\n <line class="ql-stroke" x1="3" x2="9" y1="4" y2="4"></line>\n </svg>\n ',
|
|
19999
|
+
center: '\n <svg viewbox="0 0 18 18">\n <line class="ql-stroke" x1="15" x2="3" y1="9" y2="9"></line>\n <line class="ql-stroke" x1="14" x2="4" y1="14" y2="14"></line>\n <line class="ql-stroke" x1="12" x2="6" y1="4" y2="4"></line>\n </svg>\n ',
|
|
20000
|
+
right: '\n <svg viewbox="0 0 18 18">\n <line class="ql-stroke" x1="15" x2="3" y1="9" y2="9"></line>\n <line class="ql-stroke" x1="15" x2="5" y1="14" y2="14"></line>\n <line class="ql-stroke" x1="15" x2="9" y1="4" y2="4"></line>\n </svg>\n '
|
|
20001
|
+
},
|
|
20002
|
+
toolbar: {
|
|
20003
|
+
allowDeselect: true,
|
|
20004
|
+
mainClassName: 'blot-formatter__toolbar',
|
|
20005
|
+
mainStyle: {
|
|
20006
|
+
position: 'absolute',
|
|
20007
|
+
top: '-12px',
|
|
20008
|
+
right: '0',
|
|
20009
|
+
left: '0',
|
|
20010
|
+
height: '0',
|
|
20011
|
+
minWidth: '100px',
|
|
20012
|
+
font: '12px/1.0 Arial, Helvetica, sans-serif',
|
|
20013
|
+
textAlign: 'center',
|
|
20014
|
+
color: '#333',
|
|
20015
|
+
boxSizing: 'border-box',
|
|
20016
|
+
cursor: 'default',
|
|
20017
|
+
zIndex: '1'
|
|
20018
|
+
},
|
|
20019
|
+
buttonClassName: 'blot-formatter__toolbar-button',
|
|
20020
|
+
addButtonSelectStyle: true,
|
|
20021
|
+
buttonStyle: {
|
|
20022
|
+
display: 'inline-block',
|
|
20023
|
+
width: '24px',
|
|
20024
|
+
height: '24px',
|
|
20025
|
+
background: 'white',
|
|
20026
|
+
border: '1px solid #999',
|
|
20027
|
+
verticalAlign: 'middle'
|
|
20028
|
+
},
|
|
20029
|
+
svgStyle: {
|
|
20030
|
+
display: 'inline-block',
|
|
20031
|
+
width: '24px',
|
|
20032
|
+
height: '24px',
|
|
20033
|
+
background: 'white',
|
|
20034
|
+
border: '1px solid #999',
|
|
20035
|
+
verticalAlign: 'middle'
|
|
20036
|
+
}
|
|
20037
|
+
}
|
|
20038
|
+
},
|
|
20039
|
+
resize: {
|
|
20040
|
+
handleClassName: 'blot-formatter__resize-handle',
|
|
20041
|
+
handleStyle: {
|
|
20042
|
+
position: 'absolute',
|
|
20043
|
+
height: '12px',
|
|
20044
|
+
width: '12px',
|
|
20045
|
+
backgroundColor: 'white',
|
|
20046
|
+
border: '1px solid #777',
|
|
20047
|
+
boxSizing: 'border-box',
|
|
20048
|
+
opacity: '0.80'
|
|
20049
|
+
}
|
|
20050
|
+
}
|
|
20051
|
+
};
|
|
20052
|
+
|
|
20053
|
+
Options.default = DefaultOptions;
|
|
20054
|
+
return Options;
|
|
20055
|
+
}
|
|
20056
|
+
|
|
20057
|
+
(function (exports) {
|
|
20058
|
+
|
|
20059
|
+
Object.defineProperty(exports, "__esModule", {
|
|
20060
|
+
value: true
|
|
20061
|
+
});
|
|
20062
|
+
|
|
20063
|
+
var _Options = requireOptions();
|
|
20064
|
+
|
|
20065
|
+
Object.defineProperty(exports, 'DefaultOptions', {
|
|
20066
|
+
enumerable: true,
|
|
20067
|
+
get: function get() {
|
|
20068
|
+
return _interopRequireDefault(_Options).default;
|
|
20069
|
+
}
|
|
20070
|
+
});
|
|
20071
|
+
|
|
20072
|
+
var _BlotFormatter = requireBlotFormatter();
|
|
20073
|
+
|
|
20074
|
+
Object.defineProperty(exports, 'default', {
|
|
20075
|
+
enumerable: true,
|
|
20076
|
+
get: function get() {
|
|
20077
|
+
return _interopRequireDefault(_BlotFormatter).default;
|
|
20078
|
+
}
|
|
20079
|
+
});
|
|
20080
|
+
|
|
20081
|
+
var _Action = requireAction();
|
|
20082
|
+
|
|
20083
|
+
Object.defineProperty(exports, 'Action', {
|
|
20084
|
+
enumerable: true,
|
|
20085
|
+
get: function get() {
|
|
20086
|
+
return _interopRequireDefault(_Action).default;
|
|
20087
|
+
}
|
|
20088
|
+
});
|
|
20089
|
+
|
|
20090
|
+
var _AlignAction = requireAlignAction();
|
|
20091
|
+
|
|
20092
|
+
Object.defineProperty(exports, 'AlignAction', {
|
|
20093
|
+
enumerable: true,
|
|
20094
|
+
get: function get() {
|
|
20095
|
+
return _interopRequireDefault(_AlignAction).default;
|
|
20096
|
+
}
|
|
20097
|
+
});
|
|
20098
|
+
|
|
20099
|
+
var _DefaultAligner = DefaultAligner$1;
|
|
20100
|
+
|
|
20101
|
+
Object.defineProperty(exports, 'DefaultAligner', {
|
|
20102
|
+
enumerable: true,
|
|
20103
|
+
get: function get() {
|
|
20104
|
+
return _interopRequireDefault(_DefaultAligner).default;
|
|
20105
|
+
}
|
|
20106
|
+
});
|
|
20107
|
+
|
|
20108
|
+
var _DefaultToolbar = requireDefaultToolbar();
|
|
20109
|
+
|
|
20110
|
+
Object.defineProperty(exports, 'DefaultToolbar', {
|
|
20111
|
+
enumerable: true,
|
|
20112
|
+
get: function get() {
|
|
20113
|
+
return _interopRequireDefault(_DefaultToolbar).default;
|
|
20114
|
+
}
|
|
20115
|
+
});
|
|
20116
|
+
|
|
20117
|
+
var _DeleteAction = requireDeleteAction();
|
|
20118
|
+
|
|
20119
|
+
Object.defineProperty(exports, 'DeleteAction', {
|
|
20120
|
+
enumerable: true,
|
|
20121
|
+
get: function get() {
|
|
20122
|
+
return _interopRequireDefault(_DeleteAction).default;
|
|
20123
|
+
}
|
|
20124
|
+
});
|
|
20125
|
+
|
|
20126
|
+
var _ResizeAction = requireResizeAction();
|
|
20127
|
+
|
|
20128
|
+
Object.defineProperty(exports, 'ResizeAction', {
|
|
20129
|
+
enumerable: true,
|
|
20130
|
+
get: function get() {
|
|
20131
|
+
return _interopRequireDefault(_ResizeAction).default;
|
|
20132
|
+
}
|
|
20133
|
+
});
|
|
20134
|
+
|
|
20135
|
+
var _BlotSpec = requireBlotSpec();
|
|
20136
|
+
|
|
20137
|
+
Object.defineProperty(exports, 'BlotSpec', {
|
|
20138
|
+
enumerable: true,
|
|
20139
|
+
get: function get() {
|
|
20140
|
+
return _interopRequireDefault(_BlotSpec).default;
|
|
20141
|
+
}
|
|
20142
|
+
});
|
|
20143
|
+
|
|
20144
|
+
var _ImageSpec = requireImageSpec();
|
|
20145
|
+
|
|
20146
|
+
Object.defineProperty(exports, 'ImageSpec', {
|
|
20147
|
+
enumerable: true,
|
|
20148
|
+
get: function get() {
|
|
20149
|
+
return _interopRequireDefault(_ImageSpec).default;
|
|
20150
|
+
}
|
|
20151
|
+
});
|
|
20152
|
+
|
|
20153
|
+
var _UnclickableBlotSpec = requireUnclickableBlotSpec();
|
|
20154
|
+
|
|
20155
|
+
Object.defineProperty(exports, 'UnclickableBlotSpec', {
|
|
20156
|
+
enumerable: true,
|
|
20157
|
+
get: function get() {
|
|
20158
|
+
return _interopRequireDefault(_UnclickableBlotSpec).default;
|
|
20159
|
+
}
|
|
20160
|
+
});
|
|
20161
|
+
|
|
20162
|
+
var _IframeVideoSpec = requireIframeVideoSpec();
|
|
20163
|
+
|
|
20164
|
+
Object.defineProperty(exports, 'IframeVideoSpec', {
|
|
20165
|
+
enumerable: true,
|
|
20166
|
+
get: function get() {
|
|
20167
|
+
return _interopRequireDefault(_IframeVideoSpec).default;
|
|
20168
|
+
}
|
|
20169
|
+
});
|
|
20170
|
+
|
|
20171
|
+
function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
|
|
20172
|
+
} (dist));
|
|
20173
|
+
|
|
20174
|
+
var BlotFormatter = /*@__PURE__*/getDefaultExportFromCjs(dist);
|
|
20175
|
+
|
|
20176
|
+
function useBlotFormatter(editor, enableImageResize = true) {
|
|
20177
|
+
const quillRef = vue.ref(null);
|
|
20178
|
+
const removeQuillBlotFormatter = () => {
|
|
20179
|
+
var _a;
|
|
20180
|
+
try {
|
|
20181
|
+
const blotFormatter = (_a = quillRef.value) === null || _a === void 0 ? void 0 : _a.getModule('blotFormatter');
|
|
20182
|
+
if (blotFormatter && blotFormatter.overlay) {
|
|
20183
|
+
const overlay = blotFormatter.overlay;
|
|
20184
|
+
if (overlay.parentNode) {
|
|
20185
|
+
overlay.parentNode.removeChild(overlay);
|
|
20186
|
+
}
|
|
20187
|
+
}
|
|
20188
|
+
}
|
|
20189
|
+
catch (error) {
|
|
20190
|
+
console.warn('移除blotFormatter overlay时出错:', error);
|
|
20191
|
+
}
|
|
20192
|
+
};
|
|
20193
|
+
const handleGlobalClick = (event) => {
|
|
20194
|
+
var _a;
|
|
20195
|
+
if (!editor.value)
|
|
20196
|
+
return;
|
|
20197
|
+
const blotFormatter = (_a = quillRef.value) === null || _a === void 0 ? void 0 : _a.getModule('blotFormatter');
|
|
20198
|
+
if (!blotFormatter || !blotFormatter.overlay)
|
|
20199
|
+
return;
|
|
20200
|
+
const isClickInsideEditor = editor.value.contains(event.target);
|
|
20201
|
+
if (!isClickInsideEditor) {
|
|
20202
|
+
removeQuillBlotFormatter();
|
|
20203
|
+
}
|
|
20204
|
+
};
|
|
20205
|
+
const configureBlotFormatter = () => {
|
|
20206
|
+
if (!quillRef.value)
|
|
20207
|
+
return;
|
|
20208
|
+
const blotFormatter = quillRef.value.getModule('blotFormatter');
|
|
20209
|
+
if (blotFormatter) {
|
|
20210
|
+
const originalShow = blotFormatter.show.bind(blotFormatter);
|
|
20211
|
+
blotFormatter.show = function (spec) {
|
|
20212
|
+
var _a;
|
|
20213
|
+
originalShow(spec);
|
|
20214
|
+
const target = (_a = this.currentSpec) === null || _a === void 0 ? void 0 : _a.getTargetElement();
|
|
20215
|
+
if (target && target.tagName === 'IMG') {
|
|
20216
|
+
target.style.maxWidth = '100%';
|
|
20217
|
+
target.style.height = 'auto';
|
|
20218
|
+
target.style.objectFit = 'contain';
|
|
20219
|
+
const width = target.getAttribute('width');
|
|
20220
|
+
if (width) {
|
|
20221
|
+
const naturalWidth = target.naturalWidth;
|
|
20222
|
+
const naturalHeight = target.naturalHeight;
|
|
20223
|
+
if (naturalWidth && naturalHeight) {
|
|
20224
|
+
const aspectRatio = naturalHeight / naturalWidth;
|
|
20225
|
+
const newHeight = Math.round(parseInt(width) * aspectRatio);
|
|
20226
|
+
target.setAttribute('height', '' + newHeight);
|
|
20227
|
+
}
|
|
20228
|
+
}
|
|
20229
|
+
}
|
|
20230
|
+
};
|
|
20231
|
+
}
|
|
20232
|
+
};
|
|
20233
|
+
const applyImageStyle = () => {
|
|
20234
|
+
var _a;
|
|
20235
|
+
if (!quillRef.value)
|
|
20236
|
+
return;
|
|
20237
|
+
const editorElement = (_a = editor.value) === null || _a === void 0 ? void 0 : _a.querySelector('.ql-editor');
|
|
20238
|
+
if (editorElement) {
|
|
20239
|
+
const images = editorElement.querySelectorAll('img');
|
|
20240
|
+
images.forEach(img => {
|
|
20241
|
+
img.style.maxWidth = '100%';
|
|
20242
|
+
img.style.height = 'auto';
|
|
20243
|
+
img.style.objectFit = 'contain';
|
|
20244
|
+
});
|
|
20245
|
+
}
|
|
20246
|
+
};
|
|
20247
|
+
const registerBlotFormatter = () => {
|
|
20248
|
+
var _a;
|
|
20249
|
+
if (!enableImageResize) {
|
|
20250
|
+
return;
|
|
20251
|
+
}
|
|
20252
|
+
try {
|
|
20253
|
+
if (!((_a = Quill.imports) === null || _a === void 0 ? void 0 : _a['modules/blotFormatter'])) {
|
|
20254
|
+
Quill.register('modules/blotFormatter', BlotFormatter);
|
|
20255
|
+
}
|
|
20256
|
+
}
|
|
20257
|
+
catch (error) {
|
|
20258
|
+
console.warn('注册BlotFormatter模块时出错:', error);
|
|
20259
|
+
}
|
|
20260
|
+
};
|
|
20261
|
+
const getBlotFormatterConfig = () => {
|
|
20262
|
+
if (!enableImageResize) {
|
|
20263
|
+
return {};
|
|
20264
|
+
}
|
|
20265
|
+
return {
|
|
20266
|
+
blotFormatter: {}
|
|
20267
|
+
};
|
|
20268
|
+
};
|
|
20269
|
+
vue.onMounted(() => {
|
|
20270
|
+
window.addEventListener('click', handleGlobalClick, true);
|
|
20271
|
+
});
|
|
20272
|
+
vue.onBeforeUnmount(() => {
|
|
20273
|
+
window.removeEventListener('click', handleGlobalClick, true);
|
|
20274
|
+
removeQuillBlotFormatter();
|
|
20275
|
+
});
|
|
20276
|
+
const setQuill = (quillInstance) => {
|
|
20277
|
+
quillRef.value = quillInstance;
|
|
20278
|
+
};
|
|
20279
|
+
return {
|
|
20280
|
+
quillRef,
|
|
20281
|
+
setQuill,
|
|
20282
|
+
removeQuillBlotFormatter,
|
|
20283
|
+
handleGlobalClick,
|
|
20284
|
+
configureBlotFormatter,
|
|
20285
|
+
applyImageStyle,
|
|
20286
|
+
registerBlotFormatter,
|
|
20287
|
+
getBlotFormatterConfig
|
|
20288
|
+
};
|
|
20289
|
+
}
|
|
20290
|
+
|
|
20291
|
+
function useLinkClick(editor, initialHandleCustomLink) {
|
|
20292
|
+
const quillRef = vue.ref(null);
|
|
20293
|
+
const handleCustomLinkRef = vue.ref(initialHandleCustomLink || null);
|
|
20294
|
+
const handleLinkClick = (event) => {
|
|
20295
|
+
if (!quillRef.value || !handleCustomLinkRef.value)
|
|
20296
|
+
return;
|
|
20297
|
+
const target = event.target;
|
|
20298
|
+
if (target.tagName === 'A') {
|
|
20299
|
+
event.preventDefault();
|
|
20300
|
+
event.stopPropagation();
|
|
20301
|
+
try {
|
|
20302
|
+
const linkElement = target;
|
|
20303
|
+
const linkUrl = linkElement.getAttribute('href') || '';
|
|
20304
|
+
const linkText = linkElement.textContent || '';
|
|
20305
|
+
const range = quillRef.value.getSelection();
|
|
20306
|
+
if (range) {
|
|
20307
|
+
const [blot] = quillRef.value.getLeaf(range.index);
|
|
20308
|
+
if (blot && blot.parent && blot.parent.domNode.tagName === 'A') {
|
|
20309
|
+
const linkBlot = blot.parent;
|
|
20310
|
+
const linkIndex = quillRef.value.getIndex(linkBlot);
|
|
20311
|
+
const linkLength = linkBlot.length();
|
|
20312
|
+
quillRef.value.setSelection(linkIndex, linkLength);
|
|
20313
|
+
handleCustomLinkRef.value(true, { url: linkUrl, text: linkText });
|
|
20314
|
+
}
|
|
20315
|
+
}
|
|
20316
|
+
}
|
|
20317
|
+
catch (error) {
|
|
20318
|
+
console.warn('选中链接失败:', error);
|
|
20319
|
+
}
|
|
20320
|
+
}
|
|
20321
|
+
};
|
|
20322
|
+
const addLinkClickListener = () => {
|
|
20323
|
+
if (!quillRef.value)
|
|
20324
|
+
return;
|
|
20325
|
+
vue.nextTick(() => {
|
|
20326
|
+
var _a;
|
|
20327
|
+
const editorElement = (_a = editor.value) === null || _a === void 0 ? void 0 : _a.querySelector('.ql-editor');
|
|
20328
|
+
if (editorElement) {
|
|
20329
|
+
editorElement.removeEventListener('click', handleLinkClick);
|
|
20330
|
+
editorElement.addEventListener('click', handleLinkClick);
|
|
20331
|
+
}
|
|
20332
|
+
});
|
|
20333
|
+
};
|
|
20334
|
+
const setQuill = (quillInstance) => {
|
|
20335
|
+
quillRef.value = quillInstance;
|
|
20336
|
+
};
|
|
20337
|
+
const setHandleCustomLink = (fn) => {
|
|
20338
|
+
handleCustomLinkRef.value = fn;
|
|
20339
|
+
};
|
|
20340
|
+
return {
|
|
20341
|
+
quillRef,
|
|
20342
|
+
setQuill,
|
|
20343
|
+
setHandleCustomLink,
|
|
20344
|
+
handleLinkClick,
|
|
20345
|
+
addLinkClickListener
|
|
20346
|
+
};
|
|
20347
|
+
}
|
|
20348
|
+
|
|
20349
|
+
const boldSVG = `<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="M6.794999938146972,7.7800002288818355L9.045000038146974,7.7800002288818355Q9.855000038146972,7.7800002288818355,10.230000038146972,7.442500128881836Q10.605000038146972,7.105000028881836,10.605000038146972,6.505000128881836Q10.605000038146972,6.114999728881836,10.440000038146973,5.860000628881836Q10.275000138146972,5.6050005288818365,9.929999838146973,5.470000228881836Q9.585000038146973,5.335000028881836,9.045000038146974,5.335000028881836L7.139999938146973,5.335000028881836L7.139999938146973,3.385000228881836L9.045000038146974,3.385000228881836Q10.034999838146973,3.385000228881836,10.852499938146973,3.797500608881836Q11.670000038146974,4.2100000388818355,12.142499938146972,4.922500628881836Q12.614999738146974,5.635000228881836,12.614999738146974,6.505000128881836Q12.614999738146974,7.375000028881836,12.142499938146972,8.042500028881836Q11.670000038146974,8.710000028881836,10.860000138146972,9.070000128881837Q10.050000238146973,9.430000328881835,9.045000038146974,9.430000328881835L6.794999938146972,9.430000328881835L6.794999938146972,7.7800002288818355ZM7.139999938146973,12.550000228881835L9.329999938146972,12.550000228881835Q9.900000138146972,12.550000228881835,10.327499838146974,12.354999528881836Q10.755000138146972,12.159999828881835,10.987500238146973,11.807499928881835Q11.219999838146972,11.454999928881836,11.219999838146972,11.020000428881836Q11.219999838146972,10.600000428881836,10.987500238146973,10.232500028881836Q10.755000138146972,9.864999728881836,10.327499838146974,9.647500028881836Q9.900000138146972,9.430000328881835,9.329999938146972,9.430000328881835L6.975000038146972,9.430000328881835L6.975000038146972,7.7800002288818355L9.329999938146972,7.7800002288818355Q10.349999938146972,7.7800002288818355,11.250000038146972,8.200000328881835Q12.149999638146973,8.620000328881837,12.690000538146972,9.362500228881835Q13.229999538146973,10.104999528881836,13.229999538146973,11.034999828881837Q13.229999538146973,11.949999828881836,12.690000538146972,12.752500528881836Q12.149999638146973,13.555000228881836,11.250000038146972,14.027500228881836Q10.349999938146972,14.500000228881836,9.329999938146972,14.500000228881836L7.139999938146973,14.500000228881836L7.139999938146973,12.550000228881835ZM7.064999938146973,14.500000228881836Q6.284999968146972,14.500000228881836,5.872500058146973,14.095000228881837Q5.460000038146973,13.689999228881836,5.460000038146973,12.895000428881836L5.460000038146973,4.989999728881836Q5.460000038146973,4.195000648881836,5.872500058146973,3.789999958881836Q6.284999968146972,3.385000228881836,7.064999938146973,3.385000228881836L7.469999838146973,3.385000228881836L7.469999838146973,14.500000228881836L7.064999938146973,14.500000228881836Z" fill="#555555" fill-opacity="1"/></g></g></svg>`;
|
|
20350
|
+
const italicSVG = `<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="M8,3Q7.9015086,3,7.8049095,3.019214718Q7.7083106,3.038429435,7.6173165,3.076120459Q7.5263224,3.11381148,7.4444296,3.16853037Q7.3625371,3.2232492600000002,7.2928932,3.2928932Q7.2232492,3.36253715,7.1685302,3.4444297600000002Q7.1138113999999995,3.52632231,7.0761204,3.61731648Q7.0384293,3.70831072,7.0192146,3.80490965Q6.99999994,3.90150857,7,4Q6.99999994,4.0984913,7.0192146,4.1950902Q7.0384293,4.291689,7.0761204,4.3826833Q7.1138113999999995,4.4736774,7.1685302,4.5555699Q7.2232492,4.6374626,7.2928932,4.7071065999999995Q7.3625371,4.7767504,7.4444296,4.8314693Q7.5263224,4.8861883,7.6173165,4.9238794Q7.7083106,4.9615704,7.8049096,4.9807851Q7.9015086,4.9999999,8,5L9.137146,5L8,13L7,13Q6.90150857,13,6.80490965,13.019215Q6.70831072,13.038429,6.6173164799999995,13.07612Q6.52632231,13.113811,6.44442973,13.16853Q6.36253715,13.223249,6.2928932,13.292892Q6.22324926,13.362536,6.16853037,13.444429Q6.11381148,13.526321,6.076120459,13.617315Q6.038429435,13.708309,6.019214718,13.804909Q6,13.901508,6,14Q6,14.098491,6.019214718,14.195089Q6.038429435,14.291689,6.076120459,14.382683Q6.11381148,14.473677,6.16853037,14.555569Q6.22324926,14.637462,6.2928932,14.707106Q6.36253715,14.77675,6.44442976,14.831469Q6.52632231,14.886187,6.6173164799999995,14.923878Q6.70831072,14.961569,6.80490965,14.980784Q6.90150857,15,7,15L11,15Q11.0984912,15,11.1950898,14.980784Q11.2916889,14.961569,11.382682800000001,14.923878Q11.473677200000001,14.886187,11.5555696,14.831469Q11.6374626,14.77675,11.7071066,14.707106Q11.7767506,14.637462,11.8314691,14.555569Q11.8861876,14.473677,11.9238791,14.382683Q11.9615698,14.291689,11.9807849,14.195089Q12,14.098491,12,14Q12,13.901508,11.9807849,13.804909Q11.9615698,13.708309,11.9238791,13.617315Q11.8861876,13.526321,11.8314691,13.444428Q11.7767506,13.362536,11.7071066,13.292892Q11.6374626,13.223249,11.5555701,13.16853Q11.473677200000001,13.113811,11.382682800000001,13.07612Q11.2916889,13.038429,11.1950903,13.019215Q11.0984912,13,11,13L9.8626451,13L11,5L12,5Q12.0984907,4.9999999,12.1950893,4.9807851Q12.2916884,4.9615703,12.382682800000001,4.9238793Q12.4736767,4.8861883,12.5555696,4.8314693Q12.6374621,4.7767504,12.7071061,4.7071065999999995Q12.776750100000001,4.6374626,12.831468600000001,4.5555699Q12.8861876,4.4736774,12.9238787,4.3826833Q12.9615698,4.291689,12.9807849,4.1950902Q12.999999500000001,4.0984913,13,4Q12.999999500000001,3.90150857,12.980784400000001,3.80490965Q12.9615698,3.70831072,12.9238787,3.61731648Q12.8861876,3.52632231,12.8314691,3.44442973Q12.7767506,3.36253715,12.7071066,3.2928932Q12.6374626,3.2232492600000002,12.5555696,3.16853037Q12.4736767,3.11381148,12.382682800000001,3.076120459Q12.2916884,3.038429435,12.1950898,3.019214718Q12.0984907,3,12,3L8,3Z" fill-rule="evenodd" fill="#555555" fill-opacity="1"/></g></g></svg>`;
|
|
20351
|
+
const underlineSVG = `<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="M5.000117301940918,14.500022450683593L5.000117301940918,14.500022450683593Q5.000117301940918,14.450777450683594,5.009724660740918,14.402477450683593Q5.019332019940918,14.354177450683594,5.038177530940918,14.308679450683593Q5.057023040940918,14.263182450683594,5.084382488940918,14.222236450683594Q5.111741931940918,14.181290450683594,5.146563901940918,14.146469450683593Q5.181385871940918,14.111646450683594,5.222332181940918,14.084286450683594Q5.263278451940918,14.056927450683594,5.308775541940918,14.038082450683595Q5.354272661940918,14.019237450683594,5.402572121940918,14.009630450683593Q5.450871581940918,14.000022450683593,5.500117301940918,14.000022450683593L12.500117301940918,14.000022450683593Q12.549362201940918,14.000022450683593,12.597661501940918,14.009629450683594Q12.645960801940918,14.019237450683594,12.691457701940918,14.038082450683595Q12.736954701940917,14.056926450683594,12.777901601940918,14.084285450683593Q12.818847701940918,14.111645450683593,12.853670101940917,14.146468450683594Q12.888492101940919,14.181289450683593,12.915851601940918,14.222235450683593Q12.943210601940919,14.263181450683593,12.962056201940918,14.308679450683593Q12.980901701940919,14.354177450683594,12.990509501940917,14.402477450683593Q13.00011680194092,14.450777450683594,13.000117301940918,14.500022450683593L13.000117301940918,14.500022450683593Q13.00011680194092,14.549268450683593,12.990509001940918,14.597566450683594Q12.980901701940919,14.645866450683593,12.962056201940918,14.691363450683594Q12.943210601940919,14.736860450683594,12.915851601940918,14.777807450683595Q12.888492101940919,14.818753450683595,12.853670101940917,14.853575450683593Q12.818847701940918,14.888397450683593,12.777901601940918,14.915756450683594Q12.736954701940917,14.943115450683594,12.691457701940918,14.961960450683593Q12.645960801940918,14.980806450683593,12.597661501940918,14.990413450683594Q12.549362201940918,15.000021450683594,12.500117301940918,15.000022450683593L5.500117301940918,15.000022450683593Q5.450871581940918,15.000021450683594,5.402572121940918,14.990414450683593Q5.354272661940918,14.980806450683593,5.308775541940918,14.961960450683593Q5.263278451940918,14.943115450683594,5.222332161940918,14.915756450683594Q5.181385871940918,14.888397450683593,5.146563901940918,14.853574450683594Q5.111741931940918,14.818752450683593,5.084382488940918,14.777806450683594Q5.057023040940918,14.736860450683594,5.038177530940918,14.691363450683594Q5.019332019940918,14.645866450683593,5.009724660740918,14.597567450683593Q5.000117301940918,14.549268450683593,5.000117301940918,14.500022450683593ZM5.045039176940918,3.548906330683594Q5.045039176940918,3.1015625006835936,5.283039211940918,2.8637809706835937Q5.521039131940918,2.6259994506835938,5.969039081940918,2.6259994506835938L5.997039201940918,2.6259994506835938Q6.445039201940918,2.6259994506835938,6.6830393019409176,2.8637809706835937Q6.921039201940918,3.1015625006835936,6.921039201940918,3.548906330683594L6.921039201940918,9.010000250683593Q6.921039201940918,9.737999950683594,7.180039401940919,10.255999550683594Q7.439039201940918,10.774000150683595,7.908039101940918,11.053999950683593Q8.377039001940918,11.333999650683594,8.993039101940917,11.333999650683594Q9.609039301940918,11.333999650683594,10.085039101940918,11.060999850683594Q10.561039401940917,10.788000150683594,10.820039301940918,10.263000450683593Q11.079039101940918,9.737999950683594,11.079039101940918,9.010000250683593L11.079039101940918,3.548906330683594Q11.079039101940918,3.1015625006835936,11.317039501940918,2.8637809706835937Q11.555039401940917,2.6259994506835938,12.003039401940917,2.6259994506835938L12.031039201940917,2.6259994506835938Q12.479039201940918,2.6259994506835938,12.717039101940918,2.8637809706835937Q12.955039001940918,3.1015625006835936,12.955039001940918,3.548906330683594L12.955039001940918,9.010000250683593Q12.955039001940918,10.144000050683594,12.416039501940919,11.095999750683594Q11.877039901940918,12.048000350683594,10.967039101940918,12.600999850683595Q10.057039301940918,13.154000450683593,8.993039101940917,13.154000450683593Q7.929039001940918,13.154000450683593,7.0190392019409185,12.600999850683595Q6.109039201940918,12.048000350683594,5.577039361940918,11.095999750683594Q5.045039176940918,10.144000050683594,5.045039176940918,9.010000250683593L5.045039176940918,3.548906330683594Z" fill="#555555" fill-opacity="1"/></g></g></svg>`;
|
|
20352
|
+
const moreSVG = `<svg t="1756109058354" class="icon" viewBox="0 0 1024 1024" version="1.1" xmlns="http://www.w3.org/2000/svg" p-id="11458" width="18" height="18"><path d="M512 320q-3.150769 0-6.301538-0.315077-3.111385-0.315077-6.183385-0.905846-3.072-0.630154-6.104615-1.536-2.993231-0.905846-5.907693-2.126769-2.914462-1.181538-5.671384-2.678154-2.756923-1.496615-5.395693-3.229539-2.599385-1.732923-5.04123-3.741538-2.441846-1.969231-4.647385-4.214154-2.244923-2.205538-4.214154-4.647385-1.969231-2.441846-3.741538-5.04123-1.732923-2.638769-3.229539-5.395693-1.496615-2.756923-2.678154-5.671384-1.181538-2.914462-2.126769-5.907693-0.905846-3.032615-1.536-6.104615-0.590769-3.072-0.905846-6.222769T448 256q0-3.150769 0.315077-6.301538 0.315077-3.111385 0.905846-6.183385 0.630154-3.072 1.536-6.104615 0.905846-2.993231 2.126769-5.907693 1.181538-2.914462 2.678154-5.671384 1.496615-2.756923 3.229539-5.395693 1.732923-2.599385 3.741538-5.04123 1.969231-2.441846 4.214154-4.647385 2.205538-2.205538 4.647385-4.214154 2.441846-1.969231 5.04123-3.741538 2.638769-1.732923 5.395693-3.229539 2.756923-1.496615 5.671384-2.678154 2.914462-1.181538 5.907693-2.126769 3.032615-0.905846 6.104615-1.536 3.072-0.590769 6.222769-0.905846T512 192q3.150769 0 6.301538 0.315077 3.111385 0.315077 6.183385 0.905846 3.072 0.630154 6.104615 1.536 2.993231 0.905846 5.907693 2.126769 2.914462 1.181538 5.671384 2.678154 2.756923 1.496615 5.395693 3.229539 2.599385 1.732923 5.04123 3.741538 2.441846 1.969231 4.647385 4.214154 2.205538 2.205538 4.214154 4.647385 1.969231 2.441846 3.741538 5.04123 1.732923 2.638769 3.229539 5.395693 1.496615 2.756923 2.678154 5.671384 1.181538 2.914462 2.126769 5.907693 0.905846 3.032615 1.536 6.104615 0.590769 3.072 0.905846 6.222769t0.315077 6.262154q0 3.150769-0.315077 6.301538-0.315077 3.111385-0.905846 6.183385-0.630154 3.072-1.536 6.104615-0.905846 2.993231-2.126769 5.907693-1.181538 2.914462-2.678154 5.671384-1.496615 2.756923-3.229539 5.395693-1.732923 2.599385-3.741538 5.04123-1.969231 2.441846-4.214154 4.647385-2.205538 2.244923-4.647385 4.214154-2.441846 1.969231-5.04123 3.741538-2.638769 1.732923-5.395693 3.229539-2.756923 1.496615-5.671384 2.678154-2.914462 1.181538-5.907693 2.126769-3.032615 0.905846-6.104615 1.536-3.072 0.590769-6.222769 0.905846T512 320z m0 256q-3.150769 0-6.301538-0.315077-3.111385-0.315077-6.183385-0.905846-3.072-0.630154-6.104615-1.536-2.993231-0.905846-5.907693-2.126769-2.914462-1.181538-5.671384-2.678154-2.756923-1.496615-5.395693-3.229539-2.599385-1.732923-5.04123-3.741538-2.441846-1.969231-4.647385-4.214154-2.244923-2.205538-4.214154-4.647385-1.969231-2.441846-3.741538-5.04123-1.732923-2.638769-3.229539-5.395693-1.496615-2.756923-2.678154-5.671384-1.181538-2.914462-2.126769-5.907693-0.905846-3.032615-1.536-6.104615-0.590769-3.072-0.905846-6.222769T448 512q0-3.150769 0.315077-6.301538 0.315077-3.111385 0.905846-6.183385 0.630154-3.072 1.536-6.104615 0.905846-2.993231 2.126769-5.907693 1.181538-2.914462 2.678154-5.671384 1.496615-2.756923 3.229539-5.395693 1.732923-2.599385 3.741538-5.04123 1.969231-2.441846 4.214154-4.647385 2.205538-2.244923 4.647385-4.214154 2.441846-1.969231 5.04123-3.741538 2.638769-1.732923 5.395693-3.229539 2.756923-1.496615 5.671384-2.678154 2.914462-1.181538 5.907693-2.126769 3.032615-0.905846 6.104615-1.536 3.072-0.590769 6.222769-0.905846T512 448q3.150769 0 6.301538 0.315077 3.111385 0.315077 6.183385 0.905846 3.072 0.630154 6.104615 1.536 2.993231 0.905846 5.907693 2.126769 2.914462 1.181538 5.671384 2.678154 2.756923 1.496615 5.395693 3.229539 2.599385 1.732923 5.04123 3.741538 2.441846 1.969231 4.647385 4.214154 2.205538 2.205538 4.214154 4.647385 1.969231 2.441846 3.741538 5.04123 1.732923 2.638769 3.229539 5.395693 1.496615 2.756923 2.678154 5.671384 1.181538 2.914462 2.126769 5.907693 0.905846 3.032615 1.536 6.104615 0.590769 3.072 0.905846 6.222769t0.315077 6.262154q0 3.150769-0.315077 6.301538-0.315077 3.111385-0.905846 6.183385-0.630154 3.072-1.536 6.104615-0.905846 2.993231-2.126769 5.907693-1.181538 2.914462-2.678154 5.671384-1.496615 2.756923-3.229539 5.395693-1.732923 2.599385-3.741538 5.04123-1.969231 2.441846-4.214154 4.647385-2.205538 2.244923-4.647385 4.214154-2.441846 1.969231-5.04123 3.741538-2.638769 1.732923-5.395693 3.229539-2.756923 1.496615-5.671384 2.678154-2.914462 1.181538-5.907693 2.126769-3.032615 0.905846-6.104615 1.536-3.072 0.590769-6.222769 0.905846T512 576z m0 256q-3.150769 0-6.301538-0.315077-3.111385-0.315077-6.183385-0.905846-3.072-0.630154-6.104615-1.536-2.993231-0.905846-5.907693-2.126769-2.914462-1.181538-5.671384-2.678154-2.756923-1.496615-5.395693-3.229539-2.599385-1.732923-5.04123-3.741538-2.441846-1.969231-4.647385-4.214154-2.244923-2.205538-4.214154-4.647385-1.969231-2.441846-3.741538-5.04123-1.732923-2.638769-3.229539-5.395693-1.496615-2.756923-2.678154-5.671384-1.181538-2.914462-2.126769-5.907693-0.905846-3.032615-1.536-6.104615-0.590769-3.072-0.905846-6.222769t-0.315077-6.262154q0-3.150769 0.315077-6.301538 0.315077-3.111385 0.905846-6.183385 0.630154-3.072 1.536-6.104615 0.905846-2.993231 2.126769-5.907693 1.181538-2.914462 2.678154-5.671384 1.496615-2.756923 3.229539-5.395693 1.732923-2.599385 3.741538-5.04123 1.969231-2.441846 4.214154-4.647385 2.205538-2.205538 4.647385-4.214154 2.441846-1.969231 5.04123-3.741538 2.638769-1.732923 5.395693-3.229539 2.756923-1.496615 5.671384-2.678154 2.914462-1.181538 5.907693-2.126769 3.032615-0.905846 6.104615-1.536 3.072-0.590769 6.222769-0.905846T512 704q3.150769 0 6.301538 0.315077 3.111385 0.315077 6.183385 0.905846 3.072 0.630154 6.104615 1.536 2.993231 0.905846 5.907693 2.126769 2.914462 1.181538 5.671384 2.678154 2.756923 1.496615 5.395693 3.229539 2.599385 1.732923 5.04123 3.741538 2.441846 1.969231 4.647385 4.214154 2.205538 2.205538 4.214154 4.647385 1.969231 2.441846 3.741538 5.04123 1.732923 2.638769 3.229539 5.395693 1.496615 2.756923 2.678154 5.671384 1.181538 2.914462 2.126769 5.907693 0.905846 3.032615 1.536 6.104615 0.590769 3.072 0.905846 6.222769t0.315077 6.262154q0 3.150769-0.315077 6.301538-0.315077 3.111385-0.905846 6.183385-0.630154 3.072-1.536 6.104615-0.905846 2.993231-2.126769 5.907693-1.181538 2.914462-2.678154 5.671384-1.496615 2.756923-3.229539 5.395693-1.732923 2.599385-3.741538 5.04123-1.969231 2.441846-4.214154 4.647385-2.205538 2.205538-4.647385 4.214154-2.441846 1.969231-5.04123 3.741538-2.638769 1.732923-5.395693 3.229539-2.756923 1.496615-5.671384 2.678154-2.914462 1.181538-5.907693 2.126769-3.032615 0.905846-6.104615 1.536-3.072 0.590769-6.222769 0.905846T512 832z" p-id="11459" fill="#555555"></path></svg>`;
|
|
20353
|
+
const linkSVG = `<svg t="1756107950494" class="icon" viewBox="0 0 1024 1024" version="1.1" xmlns="http://www.w3.org/2000/svg" p-id="11245" width="18" height="18" style="padding:1px"><path d="M292.693333 564.906667L123.477333 395.648q-55.296-55.338667-54.272-134.4 1.066667-78.336 57.088-134.357333Q182.186667 70.912 260.608 69.845333q79.061333-1.066667 134.4 54.272l194.944 194.986667a40.533333 40.533333 0 0 1 0.938667 0.938667q54.4 55.04 53.333333 133.461333-1.066667 78.336-57.045333 134.357333a42.666667 42.666667 0 1 1-60.330667-60.330666q31.445333-31.488 32.042667-75.178667 0.597333-43.050667-29.269334-72.874667a44.458667 44.458667 0 0 1-0.853333-0.896l-194.133333-194.133333q-72.618667-72.618667-148.053334 2.773333-31.488 31.488-32.085333 75.178667-0.554667 43.050667 29.269333 72.874667l169.258667 169.301333a42.666667 42.666667 0 1 1-60.288 60.330667z m202.538667-69.674667a42.666667 42.666667 0 0 0-60.330667-60.373333q-55.978667 56.021333-57.045333 134.4-1.066667 79.018667 54.272 134.357333a40.362667 40.362667 0 0 0 0.981333 0.938667l1.706667 1.877333 194.986667 194.986667q55.338667 55.296 134.4 54.229333 78.336-1.066667 134.357333-57.045333 55.978667-56.021333 57.045333-134.4 1.066667-79.018667-54.272-134.357334l-169.258666-169.258666a42.666667 42.666667 0 1 0-60.373334 60.330666l169.301334 169.301334q29.866667 29.866667 29.269333 72.874666-0.597333 43.690667-32.042667 75.178667-31.488 31.445333-75.178666 32.042667-43.050667 0.597333-72.874667-29.269334l-194.986667-194.986666a39.68 39.68 0 0 0-0.981333-0.938667 43.52 43.52 0 0 0-1.749333-1.834667q-29.866667-29.866667-29.269334-72.917333 0.554667-43.690667 32.042667-75.136z" p-id="11246" fill="#555555"></path></svg>`;
|
|
20354
|
+
const undoSVG = `<svg t="1756107888940" class="icon" viewBox="0 0 1024 1024" version="1.1" xmlns="http://www.w3.org/2000/svg" p-id="10819" width="18" height="18"><path d="M220.086857 374.893714l102.473143 102.473143c10.605714 10.642286 28.818286 3.108571 28.818286-11.922286v-77.275428h261.851428l8.009143 0.146286c98.048 3.364571 169.216 68.754286 169.216 160.182857 0 93.952-75.044571 160.365714-177.225143 160.365714H241.883429l-3.437715 0.256a25.307429 25.307429 0 0 0 3.437715 50.395429h371.346285l8.374857-0.146286c124.708571-3.657143 219.501714-90.148571 219.501715-210.834286 0-123.392-99.035429-211.017143-227.876572-211.017143h-261.851428V260.498286a16.896 16.896 0 0 0-28.818286-11.922286L220.086857 351.049143a16.896 16.896 0 0 0 0 23.844571z" p-id="10820" fill="#555555"></path></svg>`;
|
|
20355
|
+
const redoSVG = `<svg t="1756107908999" class="icon" viewBox="0 0 1024 1024" version="1.1" xmlns="http://www.w3.org/2000/svg" p-id="11032" width="18" height="18"><path d="M836.205714 374.893714l-102.473143 102.473143a16.896 16.896 0 0 1-28.818285-11.922286v-77.275428h-261.851429l-8.045714 0.146286c-98.011429 3.364571-169.179429 68.754286-169.179429 160.182857 0 93.952 75.044571 160.365714 177.225143 160.365714h371.346286l3.437714 0.256a25.307429 25.307429 0 0 1-3.437714 50.395429H443.062857l-8.374857-0.146286c-124.708571-3.657143-219.501714-90.148571-219.501714-210.834286 0-123.392 99.035429-211.017143 227.84-211.017143h261.888V260.498286c0-15.030857 18.176-22.564571 28.818285-11.922286l102.473143 102.473143c6.582857 6.582857 6.582857 17.261714 0 23.844571z" p-id="11033" fill="#555555"></path></svg>`;
|
|
20356
|
+
const ocrSVG = `<svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" fill="none" version="1.1" width="16" height="15" 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="#555555" fill-opacity="1"/></g></g></svg>`;
|
|
20357
|
+
const mathSVG = `<svg t="1756107836493" class="icon" viewBox="0 0 1024 1024" version="1.1" xmlns="http://www.w3.org/2000/svg" p-id="10608" width="16" height="15"><path d="M877.454222 856.177778q4.835556-4.835556 7.395556-11.093334 2.616889-6.257778 2.616889-13.084444 0-3.413333-0.625778-6.656-0.682667-3.299556-1.991111-6.428444-1.251556-3.072-3.128889-5.859556-1.877333-2.844444-4.266667-5.176889-2.332444-2.389333-5.12-4.266667-2.844444-1.877333-5.916444-3.128888-3.128889-1.308444-6.428445-1.934223-3.299556-0.682667-6.656-0.682666-6.826667 0-13.084444 2.616889-6.257778 2.56-11.036445 7.395555l-54.044444 53.987556H253.155556l325.688888-325.745778q2.389333-2.389333 4.266667-5.12 1.877333-2.844444 3.128889-5.916445 1.308444-3.128889 1.934222-6.428444 0.682667-3.299556 0.682667-6.656 0-3.413333-0.682667-6.656-0.625778-3.299556-1.934222-6.428444-1.251556-3.072-3.128889-5.859556-1.877333-2.844444-4.266667-5.176889L253.155556 162.133333h522.126222l53.930666 53.987556q4.835556 4.835556 11.093334 7.395555 6.257778 2.616889 13.084444 2.616889 3.413333 0 6.656-0.682666 3.299556-0.625778 6.428445-1.934223 3.072-1.251556 5.859555-3.128888 2.844444-1.877333 5.176889-4.266667 2.389333-2.389333 4.266667-5.12 1.877333-2.844444 3.128889-5.916445 1.308444-3.128889 1.934222-6.428444 0.682667-3.299556 0.682667-6.656 0-6.826667-2.616889-13.084444-2.56-6.257778-7.395556-11.036445l-64-64q-4.778667-4.835556-11.036444-7.395555-6.257778-2.616889-13.084445-2.616889H170.666667q-6.826667 0-13.084445 2.616889-6.257778 2.56-11.036444 7.395555-2.389333 2.389333-4.266667 5.12-1.877333 2.844444-3.128889 5.916445-1.308444 3.128889-1.934222 6.428444-0.682667 3.299556-0.682667 6.656 0 3.413333 0.682667 6.656 0.625778 3.299556 1.934222 6.428444 1.251556 3.072 3.128889 5.859556 1.877333 2.844444 4.266667 5.176889L506.311111 512l-359.822222 359.879111q-4.835556 4.778667-7.395556 11.036445-2.616889 6.257778-2.616889 13.084444 0 3.413333 0.682667 6.656 0.625778 3.299556 1.934222 6.428444 1.251556 3.072 3.128889 5.859556 1.877333 2.844444 4.266667 5.176889 2.389333 2.389333 5.12 4.266667 2.844444 1.877333 5.916444 3.128888 3.128889 1.308444 6.428445 1.991112 3.299556 0.625778 6.656 0.625777h618.666666q6.826667 0 13.084445-2.616889 6.257778-2.56 11.036444-7.395555l64-63.943111z" p-id="10609" fill="#555555"></path></svg>`;
|
|
20358
|
+
const imageSVG = `<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="M1.87471507,3.83578219Q1.5,4.18540478,1.5,4.6875L1.5,14.312503Q1.50000006,14.814598,1.874716,15.16422Q2.23459671,15.5,2.73684216,15.5L15.263157,15.5Q15.765403,15.5,16.125284,15.164218Q16.499999000000003,14.814597,16.499999000000003,14.312501L16.499999000000003,4.6875Q16.499999000000003,4.18540342,16.125284999999998,3.83578214Q15.765404,3.5,15.263157,3.5L2.73684216,3.5Q2.23459646,3.5,1.87471507,3.83578219ZM2.5,14.312503L2.5,4.6875Q2.5,4.5,2.73684216,4.5L15.263157,4.5Q15.5,4.5,15.5,4.6875L15.5,14.312501Q15.5,14.5,15.263157,14.5L2.73684216,14.5Q2.5,14.5,2.5,14.312503Z" fill-rule="evenodd" fill="#555555" fill-opacity="1" style="mix-blend-mode:passthrough"/></g><g><ellipse cx="5.4375" cy="7.4375" rx="0.4375" ry="0.4375" fill-opacity="0" stroke-opacity="1" stroke="#555555" fill="none" stroke-width="1" stroke-linecap="ROUND" stroke-linejoin="round" style="mix-blend-mode:passthrough"/></g><g><path d="M5.9053998,9.924615948146972L1.7143693,12.841608238146973Q1.61364189,12.911715538146973,1.55682093,13.020492338146973Q1.5,13.129269138146974,1.5,13.251992238146972L1.50000003,14.418008338146972Q1.50000003,14.876594038146973,1.84130602,15.195924738146973Q2.16843581,15.501991738146973,2.62437022,15.501991738146973L15.375628,15.501991738146973Q15.831564,15.501991738146973,16.158693,15.195924738146973Q16.5,14.876594038146973,16.5,14.418007838146973L16.5,13.251992238146972Q16.500000999999997,13.186988838146974,16.48338,13.124146438146973Q16.466759,13.061303638146972,16.434621,13.004799838146972Q16.402485,12.948296338146973,16.356969,12.901887938146972Q16.311453,12.855479738146972,16.255583,12.822251838146972L9.8796926,9.030259398146972Q9.842938400000001,9.008400078146973,9.8030057,8.993099628146974Q9.763073,8.977799118146972,9.721121799999999,8.969501908146972Q9.6791716,8.961204618146972,9.6364217,8.960151608146973Q9.5936708,8.959098578146973,9.551362000000001,8.965320438146973Q9.5090542,8.971542238146972,9.4684162,8.984858218146973Q9.427778199999999,8.998174158146973,9.3899918,9.018197478146973Q9.352206200000001,9.038220708146973,9.3183689,9.064369648146972Q9.284532500000001,9.090518598146973,9.2556267,9.122033748146972L7.6887164,10.830422738146973L6.4904227,9.934544588146972Q6.4273362,9.887379288146972,6.3528042,9.861893948146973Q6.2782726,9.836408678146972,6.1995153,9.835072038146972Q6.1207581,9.833735408146973,6.045404,9.856676968146973Q5.9700503000000005,9.879618528146972,5.9053998,9.924615948146972ZM2.5,13.513173138146973L2.50000006,14.418008338146972Q2.50000006,14.501992238146972,2.62437022,14.501992238146972L15.375628,14.501992238146972Q15.5,14.501992238146972,15.5,14.418007838146973L15.5,13.536368338146973L9.7178593,10.097503488146973L8.1200023,11.839632738146973Q8.0888524,11.873595438146973,8.052019600000001,11.901292338146973Q8.0151863,11.928988938146972,7.9739118,11.949486538146973Q7.9326363,11.969984038146972,7.88831,11.982591638146973Q7.8439837,11.995199238146974,7.7980995,11.999492138146973Q7.7522154,12.003785338146972,7.7063198,11.999619238146973Q7.6604242,11.995453338146973,7.6160631,11.982968338146973Q7.571702,11.970483338146973,7.5303702,11.950099938146973Q7.4890385,11.929716538146973,7.4521289,11.902122038146972L6.1805682,10.951467238146973L2.5,13.513173138146973Z" fill-rule="evenodd" fill="#555555" fill-opacity="1" style="mix-blend-mode:passthrough"/></g></g></svg>`;
|
|
20359
|
+
|
|
20360
|
+
const QuillEditor = vue.defineComponent({
|
|
20361
|
+
name: 'QuillEditor',
|
|
20362
|
+
inheritAttrs: false,
|
|
20363
|
+
props: {
|
|
20364
|
+
editorKey: {
|
|
20365
|
+
type: [String, Number],
|
|
20366
|
+
},
|
|
20367
|
+
content: {
|
|
20368
|
+
type: [String, Object],
|
|
20369
|
+
},
|
|
20370
|
+
contentType: {
|
|
20371
|
+
type: String,
|
|
20372
|
+
default: 'delta',
|
|
20373
|
+
validator: (value) => {
|
|
20374
|
+
return ['delta', 'html', 'text'].includes(value);
|
|
20375
|
+
},
|
|
20376
|
+
},
|
|
20377
|
+
enable: {
|
|
20378
|
+
type: Boolean,
|
|
20379
|
+
default: true,
|
|
20380
|
+
},
|
|
20381
|
+
readOnly: {
|
|
20382
|
+
type: Boolean,
|
|
20383
|
+
default: false,
|
|
20384
|
+
},
|
|
20385
|
+
placeholder: {
|
|
20386
|
+
type: String,
|
|
20387
|
+
required: false,
|
|
20388
|
+
default: "请输入内容"
|
|
20389
|
+
},
|
|
20390
|
+
toolbarMode: {
|
|
20391
|
+
type: String,
|
|
20392
|
+
default: "embedded",
|
|
20393
|
+
validator: (value) => {
|
|
20394
|
+
return ['fixed-top', 'embedded'].includes(value);
|
|
20395
|
+
},
|
|
20396
|
+
},
|
|
20397
|
+
needCollapse: {
|
|
20398
|
+
type: Boolean,
|
|
20399
|
+
default: false,
|
|
20400
|
+
},
|
|
20401
|
+
enableImageResize: {
|
|
20402
|
+
type: Boolean,
|
|
20403
|
+
default: true,
|
|
20404
|
+
},
|
|
20405
|
+
toolbarStyle: {
|
|
20406
|
+
type: Object,
|
|
20407
|
+
required: false,
|
|
20408
|
+
default: () => ({})
|
|
20409
|
+
},
|
|
20410
|
+
editorStyle: {
|
|
20411
|
+
type: Object,
|
|
20412
|
+
required: false,
|
|
20413
|
+
default: () => ({})
|
|
20414
|
+
},
|
|
20415
|
+
options: {
|
|
20416
|
+
type: Object,
|
|
20417
|
+
required: false,
|
|
20418
|
+
},
|
|
20419
|
+
globalOptions: {
|
|
20420
|
+
type: Object,
|
|
20421
|
+
required: false,
|
|
20422
|
+
},
|
|
20423
|
+
},
|
|
20424
|
+
emits: [
|
|
20425
|
+
'textChange',
|
|
20426
|
+
'selectionChange',
|
|
20427
|
+
'editorChange',
|
|
20428
|
+
'toolbarVisibleChange',
|
|
20429
|
+
'update:content',
|
|
20430
|
+
'focus',
|
|
20431
|
+
'blur',
|
|
20432
|
+
'ready',
|
|
20433
|
+
'ocr',
|
|
20434
|
+
'math',
|
|
20435
|
+
'image',
|
|
20436
|
+
],
|
|
20437
|
+
setup: (props, ctx) => {
|
|
20438
|
+
const editor = vue.ref();
|
|
20439
|
+
const showMoreToolbar = vue.ref(false);
|
|
20440
|
+
const canUndo = vue.ref(false);
|
|
20441
|
+
const canRedo = vue.ref(false);
|
|
20442
|
+
const showLinkDialog = vue.ref(false);
|
|
20443
|
+
const linkUrl = vue.ref('');
|
|
20444
|
+
const linkText = vue.ref('');
|
|
20445
|
+
const canUseLink = vue.ref(false);
|
|
20446
|
+
const linkPosition = vue.ref({ top: 0, left: 0 });
|
|
20447
|
+
const savedRange = vue.ref(null);
|
|
20448
|
+
const { setQuill, removeQuillBlotFormatter, configureBlotFormatter, applyImageStyle, registerBlotFormatter, getBlotFormatterConfig } = useBlotFormatter(editor, props.enableImageResize);
|
|
20449
|
+
const { setQuill: setLinkQuill, setHandleCustomLink, addLinkClickListener } = useLinkClick(editor);
|
|
20450
|
+
vue.onMounted(() => {
|
|
20451
|
+
initialize();
|
|
20452
|
+
});
|
|
20453
|
+
vue.onBeforeUnmount(() => {
|
|
20454
|
+
removeQuillBlotFormatter();
|
|
20455
|
+
quill = null;
|
|
20456
|
+
});
|
|
20457
|
+
let quill;
|
|
20458
|
+
let options;
|
|
20459
|
+
const editorWrapClass = vue.computed(() => {
|
|
20460
|
+
return {
|
|
20461
|
+
'quill-editor-container': true,
|
|
20462
|
+
'more-toolbar': showMoreToolbar.value,
|
|
20463
|
+
[props.toolbarMode]: true,
|
|
20464
|
+
'no-collapse': !props.needCollapse,
|
|
20465
|
+
};
|
|
20466
|
+
});
|
|
20467
|
+
const applyToolbarStyle = () => {
|
|
20468
|
+
var _a;
|
|
20469
|
+
if (quill && props.toolbarStyle) {
|
|
20470
|
+
const toolbar = (_a = quill.getModule('toolbar')) === null || _a === void 0 ? void 0 : _a.container;
|
|
20471
|
+
if (toolbar) {
|
|
20472
|
+
Object.assign(toolbar.style, props.toolbarStyle);
|
|
20473
|
+
}
|
|
20474
|
+
}
|
|
20475
|
+
};
|
|
20476
|
+
const applyEditorStyle = () => {
|
|
20477
|
+
var _a;
|
|
20478
|
+
if (quill && props.editorStyle) {
|
|
20479
|
+
const editorElement = (_a = editor.value) === null || _a === void 0 ? void 0 : _a.querySelector('.ql-editor');
|
|
20480
|
+
if (editorElement) {
|
|
20481
|
+
Object.assign(editorElement.style, props.editorStyle);
|
|
20482
|
+
}
|
|
20483
|
+
}
|
|
20484
|
+
};
|
|
20485
|
+
const setIcons = () => {
|
|
20486
|
+
try {
|
|
20487
|
+
const icons = Quill.import('ui/icons');
|
|
20488
|
+
if (icons) {
|
|
20489
|
+
icons['bold'] = boldSVG;
|
|
20490
|
+
icons['italic'] = italicSVG;
|
|
20491
|
+
icons['underline'] = underlineSVG;
|
|
20492
|
+
icons['more'] = moreSVG;
|
|
20493
|
+
icons['link'] = linkSVG;
|
|
20494
|
+
icons['customLink'] = linkSVG;
|
|
20495
|
+
icons['undo'] = undoSVG;
|
|
20496
|
+
icons['redo'] = redoSVG;
|
|
20497
|
+
icons['ocr'] = ocrSVG;
|
|
20498
|
+
icons['math'] = mathSVG;
|
|
20499
|
+
icons['image'] = imageSVG;
|
|
20500
|
+
}
|
|
20501
|
+
}
|
|
20502
|
+
catch (error) {
|
|
20503
|
+
console.warn('设置图标时出错:', error);
|
|
20504
|
+
}
|
|
20505
|
+
};
|
|
20506
|
+
const updateHistoryState = () => {
|
|
20507
|
+
if (quill) {
|
|
20508
|
+
const history = quill.getModule('history');
|
|
20509
|
+
if (history) {
|
|
20510
|
+
canUndo.value = history.stack.undo.length > 0;
|
|
20511
|
+
canRedo.value = history.stack.redo.length > 0;
|
|
20512
|
+
updateToolbarButtonStyles();
|
|
20513
|
+
}
|
|
20514
|
+
}
|
|
20515
|
+
};
|
|
20516
|
+
const updateToolbarButtonStyles = () => {
|
|
20517
|
+
var _a;
|
|
20518
|
+
if (!quill)
|
|
20519
|
+
return;
|
|
20520
|
+
const toolbar = (_a = quill.getModule('toolbar')) === null || _a === void 0 ? void 0 : _a.container;
|
|
20521
|
+
if (toolbar) {
|
|
20522
|
+
const undoBtn = toolbar.querySelector('.ql-undo');
|
|
20523
|
+
const redoBtn = toolbar.querySelector('.ql-redo');
|
|
20524
|
+
const customLinkBtn = toolbar.querySelector('.ql-customLink');
|
|
20525
|
+
if (undoBtn) {
|
|
20526
|
+
if (canUndo.value) {
|
|
20527
|
+
undoBtn.classList.remove('ql-disabled');
|
|
20528
|
+
}
|
|
20529
|
+
else {
|
|
20530
|
+
undoBtn.classList.add('ql-disabled');
|
|
20531
|
+
}
|
|
20532
|
+
undoBtn.disabled = !canUndo.value;
|
|
20533
|
+
}
|
|
20534
|
+
if (redoBtn) {
|
|
20535
|
+
if (canRedo.value) {
|
|
20536
|
+
redoBtn.classList.remove('ql-disabled');
|
|
20537
|
+
}
|
|
20538
|
+
else {
|
|
20539
|
+
redoBtn.classList.add('ql-disabled');
|
|
20540
|
+
}
|
|
20541
|
+
redoBtn.disabled = !canRedo.value;
|
|
18897
20542
|
}
|
|
18898
20543
|
if (customLinkBtn) {
|
|
18899
20544
|
if (canUseLink.value) {
|
|
@@ -18913,9 +20558,13 @@
|
|
|
18913
20558
|
options = composeOptions();
|
|
18914
20559
|
setIcons();
|
|
18915
20560
|
quill = new Quill(editor.value, options);
|
|
20561
|
+
setQuill(quill);
|
|
18916
20562
|
setLinkQuill(quill);
|
|
18917
20563
|
controlToolbarVisible(false);
|
|
18918
20564
|
setContents(props.content);
|
|
20565
|
+
if (props.enableImageResize) {
|
|
20566
|
+
registerBlotFormatter();
|
|
20567
|
+
}
|
|
18919
20568
|
quill.on('text-change', handleTextChange);
|
|
18920
20569
|
quill.on('selection-change', handleSelectionChange);
|
|
18921
20570
|
quill.on('editor-change', handleEditorChange);
|
|
@@ -18946,6 +20595,9 @@
|
|
|
18946
20595
|
applyToolbarStyle();
|
|
18947
20596
|
}
|
|
18948
20597
|
applyEditorStyle();
|
|
20598
|
+
if (props.enableImageResize) {
|
|
20599
|
+
configureBlotFormatter();
|
|
20600
|
+
}
|
|
18949
20601
|
ctx.emit('ready', quill);
|
|
18950
20602
|
};
|
|
18951
20603
|
const composeOptions = () => {
|
|
@@ -18997,6 +20649,12 @@
|
|
|
18997
20649
|
},
|
|
18998
20650
|
};
|
|
18999
20651
|
}
|
|
20652
|
+
if (props.enableImageResize) {
|
|
20653
|
+
const blotFormatterConfig = getBlotFormatterConfig();
|
|
20654
|
+
if (Object.keys(blotFormatterConfig).length > 0) {
|
|
20655
|
+
clientOptions.modules = Object.assign({}, clientOptions.modules, blotFormatterConfig);
|
|
20656
|
+
}
|
|
20657
|
+
}
|
|
19000
20658
|
return Object.assign({}, props.globalOptions, props.options, clientOptions);
|
|
19001
20659
|
};
|
|
19002
20660
|
const maybeClone = (delta) => {
|
|
@@ -19031,6 +20689,9 @@
|
|
|
19031
20689
|
if (!internalModelEquals(props.content)) {
|
|
19032
20690
|
ctx.emit('update:content', internalModel);
|
|
19033
20691
|
}
|
|
20692
|
+
vue.nextTick(() => {
|
|
20693
|
+
applyImageStyle();
|
|
20694
|
+
});
|
|
19034
20695
|
ctx.emit('textChange', { delta, oldContents, source });
|
|
19035
20696
|
};
|
|
19036
20697
|
const observeTooltip = () => {
|