@dotwee/quill 2.0.4
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/LICENSE +31 -0
- package/README.md +3 -0
- package/babel.config.cjs +12 -0
- package/package.json +104 -0
- package/scripts/babel-svg-inline-import.cjs +44 -0
- package/scripts/build +20 -0
- package/src/assets/base.styl +309 -0
- package/src/assets/bubble/toolbar.styl +14 -0
- package/src/assets/bubble/tooltip.styl +49 -0
- package/src/assets/bubble.styl +45 -0
- package/src/assets/core.styl +215 -0
- package/src/assets/favicon.png +0 -0
- package/src/assets/icons/align-center.svg +5 -0
- package/src/assets/icons/align-justify.svg +5 -0
- package/src/assets/icons/align-left.svg +5 -0
- package/src/assets/icons/align-right.svg +5 -0
- package/src/assets/icons/attachment.svg +3 -0
- package/src/assets/icons/audio.svg +5 -0
- package/src/assets/icons/authorship.svg +5 -0
- package/src/assets/icons/background.svg +52 -0
- package/src/assets/icons/blockquote.svg +6 -0
- package/src/assets/icons/bold.svg +4 -0
- package/src/assets/icons/clean.svg +7 -0
- package/src/assets/icons/code.svg +5 -0
- package/src/assets/icons/color.svg +5 -0
- package/src/assets/icons/comment.svg +3 -0
- package/src/assets/icons/direction-ltr.svg +7 -0
- package/src/assets/icons/direction-rtl.svg +7 -0
- package/src/assets/icons/dropdown.svg +4 -0
- package/src/assets/icons/embed.svg +3 -0
- package/src/assets/icons/emoji.svg +6 -0
- package/src/assets/icons/float-center.svg +5 -0
- package/src/assets/icons/float-full.svg +5 -0
- package/src/assets/icons/float-left.svg +7 -0
- package/src/assets/icons/float-right.svg +7 -0
- package/src/assets/icons/font.svg +5 -0
- package/src/assets/icons/formula.svg +5 -0
- package/src/assets/icons/hashtag.svg +6 -0
- package/src/assets/icons/header-2.svg +3 -0
- package/src/assets/icons/header-3.svg +3 -0
- package/src/assets/icons/header-4.svg +3 -0
- package/src/assets/icons/header-5.svg +3 -0
- package/src/assets/icons/header-6.svg +3 -0
- package/src/assets/icons/header.svg +3 -0
- package/src/assets/icons/horizontal-rule.svg +4 -0
- package/src/assets/icons/image.svg +5 -0
- package/src/assets/icons/indent.svg +6 -0
- package/src/assets/icons/italic.svg +5 -0
- package/src/assets/icons/link.svg +5 -0
- package/src/assets/icons/list-bullet.svg +8 -0
- package/src/assets/icons/list-check.svg +8 -0
- package/src/assets/icons/list-ordered.svg +9 -0
- package/src/assets/icons/map.svg +5 -0
- package/src/assets/icons/mention.svg +4 -0
- package/src/assets/icons/more.svg +3 -0
- package/src/assets/icons/outdent.svg +6 -0
- package/src/assets/icons/redo.svg +4 -0
- package/src/assets/icons/size-decrease.svg +5 -0
- package/src/assets/icons/size-increase.svg +6 -0
- package/src/assets/icons/size.svg +6 -0
- package/src/assets/icons/spacing.svg +9 -0
- package/src/assets/icons/speech.svg +6 -0
- package/src/assets/icons/strike.svg +5 -0
- package/src/assets/icons/subscript.svg +4 -0
- package/src/assets/icons/superscript.svg +4 -0
- package/src/assets/icons/table-border-all.svg +5 -0
- package/src/assets/icons/table-border-bottom.svg +28 -0
- package/src/assets/icons/table-border-left.svg +28 -0
- package/src/assets/icons/table-border-none.svg +25 -0
- package/src/assets/icons/table-border-outside.svg +35 -0
- package/src/assets/icons/table-border-right.svg +28 -0
- package/src/assets/icons/table-border-top.svg +28 -0
- package/src/assets/icons/table-delete-cells.svg +13 -0
- package/src/assets/icons/table-delete-columns.svg +8 -0
- package/src/assets/icons/table-delete-rows.svg +9 -0
- package/src/assets/icons/table-insert-cells.svg +13 -0
- package/src/assets/icons/table-insert-columns.svg +8 -0
- package/src/assets/icons/table-insert-rows.svg +9 -0
- package/src/assets/icons/table-merge-cells.svg +4 -0
- package/src/assets/icons/table-unmerge-cells.svg +7 -0
- package/src/assets/icons/table.svg +11 -0
- package/src/assets/icons/underline.svg +4 -0
- package/src/assets/icons/undo.svg +4 -0
- package/src/assets/icons/video.svg +14 -0
- package/src/assets/snow/toolbar.styl +26 -0
- package/src/assets/snow/tooltip.styl +53 -0
- package/src/assets/snow.styl +18 -0
- package/src/types.d.ts +6 -0
- package/webpack.common.cjs +69 -0
- package/webpack.config.cjs +42 -0
|
@@ -0,0 +1,9 @@
|
|
|
1
|
+
<svg viewbox="0 0 18 18">
|
|
2
|
+
<line class="ql-stroke" x1="10" x2="15" y1="4" y2="4"></line>
|
|
3
|
+
<line class="ql-stroke" x1="10" x2="15" y1="9" y2="9"></line>
|
|
4
|
+
<line class="ql-stroke" x1="10" x2="15" y1="14" y2="14"></line>
|
|
5
|
+
<polygon class="ql-fill ql-stroke" points="3 5 5 3 7 5 3 5"></polygon>
|
|
6
|
+
<line class="ql-stroke" x1="5" x2="5" y1="7" y2="5"></line>
|
|
7
|
+
<polygon class="ql-fill ql-stroke" points="3 13 5 15 7 13 3 13"></polygon>
|
|
8
|
+
<line class="ql-stroke" x1="5" x2="5" y1="11" y2="13"></line>
|
|
9
|
+
</svg>
|
|
@@ -0,0 +1,6 @@
|
|
|
1
|
+
<svg viewbox="0 0 18 18">
|
|
2
|
+
<path class="ql-stroke" d="M5,8a4,4,0,0,0,8,0"></path>
|
|
3
|
+
<line class="ql-stroke" x1="6" x2="12" y1="15" y2="15"></line>
|
|
4
|
+
<line class="ql-stroke" x1="9" x2="9" y1="12" y2="15"></line>
|
|
5
|
+
<rect class="ql-fill" height="8" rx="2" ry="2" width="4" x="7" y="2"></rect>
|
|
6
|
+
</svg>
|
|
@@ -0,0 +1,5 @@
|
|
|
1
|
+
<svg viewbox="0 0 18 18">
|
|
2
|
+
<line class="ql-stroke ql-thin" x1="15.5" x2="2.5" y1="8.5" y2="9.5"></line>
|
|
3
|
+
<path class="ql-fill" d="M9.007,8C6.542,7.791,6,7.519,6,6.5,6,5.792,7.283,5,9,5c1.571,0,2.765.679,2.969,1.309a1,1,0,0,0,1.9-.617C13.356,4.106,11.354,3,9,3,6.2,3,4,4.538,4,6.5a3.2,3.2,0,0,0,.5,1.843Z"></path>
|
|
4
|
+
<path class="ql-fill" d="M8.984,10C11.457,10.208,12,10.479,12,11.5c0,0.708-1.283,1.5-3,1.5-1.571,0-2.765-.679-2.969-1.309a1,1,0,1,0-1.9.617C4.644,13.894,6.646,15,9,15c2.8,0,5-1.538,5-3.5a3.2,3.2,0,0,0-.5-1.843Z"></path>
|
|
5
|
+
</svg>
|
|
@@ -0,0 +1,4 @@
|
|
|
1
|
+
<svg viewbox="0 0 18 18">
|
|
2
|
+
<path class="ql-fill" d="M15.5,15H13.861a3.858,3.858,0,0,0,1.914-2.975,1.8,1.8,0,0,0-1.6-1.751A1.921,1.921,0,0,0,12.021,11.7a0.50013,0.50013,0,1,0,.957.291h0a0.914,0.914,0,0,1,1.053-.725,0.81,0.81,0,0,1,.744.762c0,1.076-1.16971,1.86982-1.93971,2.43082A1.45639,1.45639,0,0,0,12,15.5a0.5,0.5,0,0,0,.5.5h3A0.5,0.5,0,0,0,15.5,15Z"/>
|
|
3
|
+
<path class="ql-fill" d="M9.65,5.241a1,1,0,0,0-1.409.108L6,7.964,3.759,5.349A1,1,0,0,0,2.192,6.59178Q2.21541,6.6213,2.241,6.649L4.684,9.5,2.241,12.35A1,1,0,0,0,3.71,13.70722q0.02557-.02768.049-0.05722L6,11.036,8.241,13.65a1,1,0,1,0,1.567-1.24277Q9.78459,12.3777,9.759,12.35L7.316,9.5,9.759,6.651A1,1,0,0,0,9.65,5.241Z"/>
|
|
4
|
+
</svg>
|
|
@@ -0,0 +1,4 @@
|
|
|
1
|
+
<svg viewbox="0 0 18 18">
|
|
2
|
+
<path class="ql-fill" d="M15.5,7H13.861a4.015,4.015,0,0,0,1.914-2.975,1.8,1.8,0,0,0-1.6-1.751A1.922,1.922,0,0,0,12.021,3.7a0.5,0.5,0,1,0,.957.291,0.917,0.917,0,0,1,1.053-.725,0.81,0.81,0,0,1,.744.762c0,1.077-1.164,1.925-1.934,2.486A1.423,1.423,0,0,0,12,7.5a0.5,0.5,0,0,0,.5.5h3A0.5,0.5,0,0,0,15.5,7Z"/>
|
|
3
|
+
<path class="ql-fill" d="M9.651,5.241a1,1,0,0,0-1.41.108L6,7.964,3.759,5.349a1,1,0,1,0-1.519,1.3L4.683,9.5,2.241,12.35a1,1,0,1,0,1.519,1.3L6,11.036,8.241,13.65a1,1,0,0,0,1.519-1.3L7.317,9.5,9.759,6.651A1,1,0,0,0,9.651,5.241Z"/>
|
|
4
|
+
</svg>
|
|
@@ -0,0 +1,28 @@
|
|
|
1
|
+
<svg viewbox="0 0 18 18">
|
|
2
|
+
<g class="ql-fill ql-transparent">
|
|
3
|
+
<rect height="2" transform="translate(18 -12) rotate(90)" width="2" x="14" y="2"></rect>
|
|
4
|
+
<rect height="2" transform="translate(21 -9) rotate(90)" width="2" x="14" y="5"></rect>
|
|
5
|
+
<rect height="2" transform="translate(24 -6) rotate(90)" width="2" x="14" y="8"></rect>
|
|
6
|
+
<rect height="2" transform="translate(30 0) rotate(90)" width="2" x="14" y="14"></rect>
|
|
7
|
+
<rect height="2" transform="translate(27 -3) rotate(90)" width="2" x="14" y="11"></rect>
|
|
8
|
+
<rect height="2" transform="translate(6 0) rotate(90)" width="2" x="2" y="2"></rect>
|
|
9
|
+
<rect height="2" transform="translate(9 3) rotate(90)" width="2" x="2" y="5"></rect>
|
|
10
|
+
<rect height="2" transform="translate(12 6) rotate(90)" width="2" x="2" y="8"></rect>
|
|
11
|
+
<rect height="2" transform="translate(18 12) rotate(90)" width="2" x="2" y="14"></rect>
|
|
12
|
+
<rect height="2" transform="translate(15 9) rotate(90)" width="2" x="2" y="11"></rect>
|
|
13
|
+
</g>
|
|
14
|
+
<line class="ql-stroke-miter" x1="2" x2="16" y1="15" y2="15"></line>
|
|
15
|
+
<g class="ql-fill ql-transparent">
|
|
16
|
+
<rect height="2" width="2" x="5" y="2"></rect>
|
|
17
|
+
<rect height="2" width="2" x="8" y="2"></rect>
|
|
18
|
+
<rect height="2" width="2" x="11" y="2"></rect>
|
|
19
|
+
<rect height="2" width="2" x="5" y="14"></rect>
|
|
20
|
+
<rect height="2" width="2" x="8" y="14"></rect>
|
|
21
|
+
<rect height="2" width="2" x="8" y="11"></rect>
|
|
22
|
+
<rect height="2" width="2" x="8" y="8"></rect>
|
|
23
|
+
<rect height="2" width="2" x="8" y="5"></rect>
|
|
24
|
+
<rect height="2" transform="translate(15 3) rotate(90)" width="2" x="5" y="8"></rect>
|
|
25
|
+
<rect height="2" transform="translate(21 -3) rotate(90)" width="2" x="11" y="8"></rect>
|
|
26
|
+
<rect height="2" width="2" x="11" y="14"></rect>
|
|
27
|
+
</g>
|
|
28
|
+
</svg>
|
|
@@ -0,0 +1,28 @@
|
|
|
1
|
+
<svg viewbox="0 0 18 18">
|
|
2
|
+
<g class="ql-fill ql-transparent">
|
|
3
|
+
<rect height="2" transform="translate(30 6) rotate(180)" width="2" x="14" y="2"></rect>
|
|
4
|
+
<rect height="2" transform="translate(24 6) rotate(180)" width="2" x="11" y="2"></rect>
|
|
5
|
+
<rect height="2" transform="translate(18 6) rotate(180)" width="2" x="8" y="2"></rect>
|
|
6
|
+
<rect height="2" transform="translate(6 6) rotate(180)" width="2" x="2" y="2"></rect>
|
|
7
|
+
<rect height="2" transform="translate(12 6) rotate(180)" width="2" x="5" y="2"></rect>
|
|
8
|
+
<rect height="2" transform="translate(30 30) rotate(180)" width="2" x="14" y="14"></rect>
|
|
9
|
+
<rect height="2" transform="translate(24 30) rotate(180)" width="2" x="11" y="14"></rect>
|
|
10
|
+
<rect height="2" transform="translate(18 30) rotate(180)" width="2" x="8" y="14"></rect>
|
|
11
|
+
<rect height="2" transform="translate(6 30) rotate(180)" width="2" x="2" y="14"></rect>
|
|
12
|
+
<rect height="2" transform="translate(12 30) rotate(180)" width="2" x="5" y="14"></rect>
|
|
13
|
+
</g>
|
|
14
|
+
<line class="ql-stroke-miter" x1="3" x2="3" y1="16" y2="2"></line>
|
|
15
|
+
<g class="ql-fill ql-transparent">
|
|
16
|
+
<rect height="2" transform="translate(3 27) rotate(-90)" width="2" x="14" y="11"></rect>
|
|
17
|
+
<rect height="2" transform="translate(6 24) rotate(-90)" width="2" x="14" y="8"></rect>
|
|
18
|
+
<rect height="2" transform="translate(9 21) rotate(-90)" width="2" x="14" y="5"></rect>
|
|
19
|
+
<rect height="2" transform="translate(-9 15) rotate(-90)" width="2" x="2" y="11"></rect>
|
|
20
|
+
<rect height="2" transform="translate(-6 12) rotate(-90)" width="2" x="2" y="8"></rect>
|
|
21
|
+
<rect height="2" transform="translate(-3 15) rotate(-90)" width="2" x="5" y="8"></rect>
|
|
22
|
+
<rect height="2" transform="translate(0 18) rotate(-90)" width="2" x="8" y="8"></rect>
|
|
23
|
+
<rect height="2" transform="translate(3 21) rotate(-90)" width="2" x="11" y="8"></rect>
|
|
24
|
+
<rect height="2" transform="translate(18 24) rotate(180)" width="2" x="8" y="11"></rect>
|
|
25
|
+
<rect height="2" transform="translate(18 12) rotate(180)" width="2" x="8" y="5"></rect>
|
|
26
|
+
<rect height="2" transform="translate(-3 9) rotate(-90)" width="2" x="2" y="5"></rect>
|
|
27
|
+
</g>
|
|
28
|
+
</svg>
|
|
@@ -0,0 +1,25 @@
|
|
|
1
|
+
<svg viewbox="0 0 18 18">
|
|
2
|
+
<g class="ql-fill ql-transparent">
|
|
3
|
+
<rect height="2" width="2" x="2" y="2"></rect>
|
|
4
|
+
<rect height="2" width="2" x="5" y="2"></rect>
|
|
5
|
+
<rect height="2" width="2" x="8" y="2"></rect>
|
|
6
|
+
<rect height="2" width="2" x="14" y="2"></rect>
|
|
7
|
+
<rect height="2" width="2" x="11" y="2"></rect>
|
|
8
|
+
<rect height="2" width="2" x="2" y="14"></rect>
|
|
9
|
+
<rect height="2" width="2" x="5" y="14"></rect>
|
|
10
|
+
<rect height="2" width="2" x="8" y="14"></rect>
|
|
11
|
+
<rect height="2" width="2" x="14" y="14"></rect>
|
|
12
|
+
<rect height="2" width="2" x="11" y="14"></rect>
|
|
13
|
+
<rect height="2" transform="translate(-9 15) rotate(-90)" width="2" x="2" y="11"></rect>
|
|
14
|
+
<rect height="2" transform="translate(-6 12) rotate(-90)" width="2" x="2" y="8"></rect>
|
|
15
|
+
<rect height="2" transform="translate(-3 9) rotate(-90)" width="2" x="2" y="5"></rect>
|
|
16
|
+
<rect height="2" transform="translate(3 27) rotate(-90)" width="2" x="14" y="11"></rect>
|
|
17
|
+
<rect height="2" transform="translate(6 24) rotate(-90)" width="2" x="14" y="8"></rect>
|
|
18
|
+
<rect height="2" transform="translate(3 21) rotate(-90)" width="2" x="11" y="8"></rect>
|
|
19
|
+
<rect height="2" transform="translate(0 18) rotate(-90)" width="2" x="8" y="8"></rect>
|
|
20
|
+
<rect height="2" transform="translate(-3 15) rotate(-90)" width="2" x="5" y="8"></rect>
|
|
21
|
+
<rect height="2" width="2" x="8" y="11"></rect>
|
|
22
|
+
<rect height="2" width="2" x="8" y="5"></rect>
|
|
23
|
+
<rect height="2" transform="translate(9 21) rotate(-90)" width="2" x="14" y="5"></rect>
|
|
24
|
+
</g>
|
|
25
|
+
</svg>
|
|
@@ -0,0 +1,35 @@
|
|
|
1
|
+
<svg viewbox="0 0 18 18">
|
|
2
|
+
<defs>
|
|
3
|
+
<style>
|
|
4
|
+
.cls-1{opacity:0.4;}
|
|
5
|
+
.cls-2{fill:#444;}
|
|
6
|
+
.cls-3{fill:none;stroke:#444;stroke-miterlimit:10;stroke-width:2px;}
|
|
7
|
+
</style>
|
|
8
|
+
</defs>
|
|
9
|
+
<g class="ql-fill ql-transparent">
|
|
10
|
+
<rect height="2" width="2" x="2" y="2"></rect>
|
|
11
|
+
<rect height="2" width="2" x="5" y="2"></rect>
|
|
12
|
+
<rect height="2" width="2" x="8" y="2"></rect>
|
|
13
|
+
<rect height="2" width="2" x="14" y="2"></rect>
|
|
14
|
+
<rect height="2" width="2" x="11" y="2"></rect>
|
|
15
|
+
<rect height="2" width="2" x="2" y="14"></rect>
|
|
16
|
+
<rect height="2" width="2" x="5" y="14"></rect>
|
|
17
|
+
<rect height="2" width="2" x="8" y="14"></rect>
|
|
18
|
+
</g>
|
|
19
|
+
<rect class="ql-stroke-miter" height="12" width="12" x="3" y="3"></rect>
|
|
20
|
+
<g class="ql-fill ql-transparent">
|
|
21
|
+
<rect height="2" width="2" x="14" y="14"></rect>
|
|
22
|
+
<rect height="2" width="2" x="11" y="14"></rect>
|
|
23
|
+
<rect height="2" transform="translate(-9 15) rotate(-90)" width="2" x="2" y="11"></rect>
|
|
24
|
+
<rect height="2" transform="translate(-6 12) rotate(-90)" width="2" x="2" y="8"></rect>
|
|
25
|
+
<rect height="2" transform="translate(-3 9) rotate(-90)" width="2" x="2" y="5"></rect>
|
|
26
|
+
<rect height="2" transform="translate(3 27) rotate(-90)" width="2" x="14" y="11"></rect>
|
|
27
|
+
<rect height="2" transform="translate(6 24) rotate(-90)" width="2" x="14" y="8"></rect>
|
|
28
|
+
<rect height="2" transform="translate(3 21) rotate(-90)" width="2" x="11" y="8"></rect>
|
|
29
|
+
<rect height="2" transform="translate(0 18) rotate(-90)" width="2" x="8" y="8"></rect>
|
|
30
|
+
<rect height="2" transform="translate(-3 15) rotate(-90)" width="2" x="5" y="8"></rect>
|
|
31
|
+
<rect height="2" width="2" x="8" y="11"></rect>
|
|
32
|
+
<rect height="2" width="2" x="8" y="5"></rect>
|
|
33
|
+
<rect height="2" transform="translate(9 21) rotate(-90)" width="2" x="14" y="5"></rect>
|
|
34
|
+
</g>
|
|
35
|
+
</svg>
|
|
@@ -0,0 +1,28 @@
|
|
|
1
|
+
<svg viewbox="0 0 18 18">
|
|
2
|
+
<g class="ql-fill ql-transparent">
|
|
3
|
+
<rect height="2" width="2" x="2" y="2"></rect>
|
|
4
|
+
<rect height="2" width="2" x="5" y="2"></rect>
|
|
5
|
+
<rect height="2" width="2" x="8" y="2"></rect>
|
|
6
|
+
<rect height="2" width="2" x="14" y="2"></rect>
|
|
7
|
+
<rect height="2" width="2" x="11" y="2"></rect>
|
|
8
|
+
<rect height="2" width="2" x="2" y="14"></rect>
|
|
9
|
+
<rect height="2" width="2" x="5" y="14"></rect>
|
|
10
|
+
<rect height="2" width="2" x="8" y="14"></rect>
|
|
11
|
+
<rect height="2" width="2" x="14" y="14"></rect>
|
|
12
|
+
<rect height="2" width="2" x="11" y="14"></rect>
|
|
13
|
+
</g>
|
|
14
|
+
<line class="ql-stroke-miter" x1="15" x2="15" y1="16" y2="2"></line>
|
|
15
|
+
<g class="ql-fill ql-transparent">
|
|
16
|
+
<rect height="2" transform="translate(-9 15) rotate(-90)" width="2" x="2" y="11"></rect>
|
|
17
|
+
<rect height="2" transform="translate(-6 12) rotate(-90)" width="2" x="2" y="8"></rect>
|
|
18
|
+
<rect height="2" transform="translate(-3 9) rotate(-90)" width="2" x="2" y="5"></rect>
|
|
19
|
+
<rect height="2" transform="translate(3 27) rotate(-90)" width="2" x="14" y="11"></rect>
|
|
20
|
+
<rect height="2" transform="translate(6 24) rotate(-90)" width="2" x="14" y="8"></rect>
|
|
21
|
+
<rect height="2" transform="translate(3 21) rotate(-90)" width="2" x="11" y="8"></rect>
|
|
22
|
+
<rect height="2" transform="translate(0 18) rotate(-90)" width="2" x="8" y="8"></rect>
|
|
23
|
+
<rect height="2" transform="translate(-3 15) rotate(-90)" width="2" x="5" y="8"></rect>
|
|
24
|
+
<rect height="2" width="2" x="8" y="11"></rect>
|
|
25
|
+
<rect height="2" width="2" x="8" y="5"></rect>
|
|
26
|
+
<rect height="2" transform="translate(9 21) rotate(-90)" width="2" x="14" y="5"></rect>
|
|
27
|
+
</g>
|
|
28
|
+
</svg>
|
|
@@ -0,0 +1,28 @@
|
|
|
1
|
+
<svg viewbox="0 0 18 18">
|
|
2
|
+
<g class="ql-fill ql-transparent">
|
|
3
|
+
<rect height="2" transform="translate(-12 18) rotate(-90)" width="2" x="2" y="14"></rect>
|
|
4
|
+
<rect height="2" transform="translate(-9 15) rotate(-90)" width="2" x="2" y="11"></rect>
|
|
5
|
+
<rect height="2" transform="translate(-6 12) rotate(-90)" width="2" x="2" y="8"></rect>
|
|
6
|
+
<rect height="2" transform="translate(0 6) rotate(-90)" width="2" x="2" y="2"></rect>
|
|
7
|
+
<rect height="2" transform="translate(-3 9) rotate(-90)" width="2" x="2" y="5"></rect>
|
|
8
|
+
<rect height="2" transform="translate(0 30) rotate(-90)" width="2" x="14" y="14"></rect>
|
|
9
|
+
<rect height="2" transform="translate(3 27) rotate(-90)" width="2" x="14" y="11"></rect>
|
|
10
|
+
<rect height="2" transform="translate(6 24) rotate(-90)" width="2" x="14" y="8"></rect>
|
|
11
|
+
<rect height="2" transform="translate(12 18) rotate(-90)" width="2" x="14" y="2"></rect>
|
|
12
|
+
<rect height="2" transform="translate(9 21) rotate(-90)" width="2" x="14" y="5"></rect>
|
|
13
|
+
</g>
|
|
14
|
+
<line class="ql-stroke-miter" x1="16" x2="2" y1="3" y2="3"></line>
|
|
15
|
+
<g class="ql-fill ql-transparent">
|
|
16
|
+
<rect height="2" transform="translate(24 30) rotate(-180)" width="2" x="11" y="14"></rect>
|
|
17
|
+
<rect height="2" transform="translate(18 30) rotate(-180)" width="2" x="8" y="14"></rect>
|
|
18
|
+
<rect height="2" transform="translate(12 30) rotate(-180)" width="2" x="5" y="14"></rect>
|
|
19
|
+
<rect height="2" transform="translate(24 6) rotate(-180)" width="2" x="11" y="2"></rect>
|
|
20
|
+
<rect height="2" transform="translate(18 6) rotate(-180)" width="2" x="8" y="2"></rect>
|
|
21
|
+
<rect height="2" transform="translate(18 12) rotate(-180)" width="2" x="8" y="5"></rect>
|
|
22
|
+
<rect height="2" transform="translate(18 18) rotate(-180)" width="2" x="8" y="8"></rect>
|
|
23
|
+
<rect height="2" transform="translate(18 24) rotate(-180)" width="2" x="8" y="11"></rect>
|
|
24
|
+
<rect height="2" transform="translate(3 21) rotate(-90)" width="2" x="11" y="8"></rect>
|
|
25
|
+
<rect height="2" transform="translate(-3 15) rotate(-90)" width="2" x="5" y="8"></rect>
|
|
26
|
+
<rect height="2" transform="translate(12 6) rotate(-180)" width="2" x="5" y="2"></rect>
|
|
27
|
+
</g>
|
|
28
|
+
</svg>
|
|
@@ -0,0 +1,13 @@
|
|
|
1
|
+
<svg viewbox="0 0 18 18">
|
|
2
|
+
<path class="ql-fill" d="M15.707,7l1.146-1.146a0.5,0.5,0,1,0-.707-0.707L15,6.293,13.854,5.146a0.5,0.5,0,0,0-.707.707L14.293,7,13.146,8.146a0.5,0.5,0,1,0,.707.707L15,7.707l1.146,1.146a0.5,0.5,0,1,0,.707-0.707Z"></path>
|
|
3
|
+
<path class="ql-fill" d="M6,5H3A1,1,0,0,0,2,6V8A1,1,0,0,0,3,9H6V5Z"></path>
|
|
4
|
+
<path class="ql-fill" d="M10,5H7V9h3a1,1,0,0,0,1-1V6A1,1,0,0,0,10,5Z"></path>
|
|
5
|
+
<g class="ql-fill ql-transparent">
|
|
6
|
+
<path d="M8,11h4V9a1,1,0,0,0-1-1H8v3Z"></path>
|
|
7
|
+
<path d="M7,11V8H4A1,1,0,0,0,3,9v2H7Z"></path>
|
|
8
|
+
<path d="M7,12H3v2a1,1,0,0,0,1,1H7V12Z"></path>
|
|
9
|
+
<path d="M8,12v3h3a1,1,0,0,0,1-1V12H8Z"></path>
|
|
10
|
+
<path d="M8,6h3a1,1,0,0,0,1-1V3a1,1,0,0,0-1-1H8V6Z"></path>
|
|
11
|
+
<path d="M4,6H7V2H4A1,1,0,0,0,3,3V5A1,1,0,0,0,4,6Z"></path>
|
|
12
|
+
</g>
|
|
13
|
+
</svg>
|
|
@@ -0,0 +1,8 @@
|
|
|
1
|
+
<svg viewbox="0 0 18 18">
|
|
2
|
+
<g class="ql-fill ql-transparent">
|
|
3
|
+
<rect height="10" rx="1" ry="1" width="4" x="2" y="6"></rect>
|
|
4
|
+
<rect height="10" rx="1" ry="1" width="4" x="12" y="6"></rect>
|
|
5
|
+
</g>
|
|
6
|
+
<rect class="ql-fill" height="8" rx="1" ry="1" width="4" x="7" y="2"></rect>
|
|
7
|
+
<path class="ql-fill" d="M9.707,13l1.146-1.146a0.5,0.5,0,0,0-.707-0.707L9,12.293,7.854,11.146a0.5,0.5,0,0,0-.707.707L8.293,13,7.146,14.146a0.5,0.5,0,1,0,.707.707L9,13.707l1.146,1.146a0.5,0.5,0,0,0,.707-0.707Z"></path>
|
|
8
|
+
</svg>
|
|
@@ -0,0 +1,9 @@
|
|
|
1
|
+
<svg viewbox="0 0 18 18">
|
|
2
|
+
<g class="ql-fill ql-stroke ql-thin ql-transparent">
|
|
3
|
+
<rect height="3" rx="0.5" ry="0.5" width="7" x="4.5" y="2.5"></rect>
|
|
4
|
+
<rect height="3" rx="0.5" ry="0.5" width="7" x="4.5" y="12.5"></rect>
|
|
5
|
+
</g>
|
|
6
|
+
<rect class="ql-fill ql-stroke ql-thin" height="3" rx="0.5" ry="0.5" width="7" x="8.5" y="7.5"></rect>
|
|
7
|
+
<line class="ql-stroke ql-thin" x1="6.5" x2="3.5" y1="7.5" y2="10.5"></line>
|
|
8
|
+
<line class="ql-stroke ql-thin" x1="3.5" x2="6.5" y1="7.5" y2="10.5"></line>
|
|
9
|
+
</svg>
|
|
@@ -0,0 +1,13 @@
|
|
|
1
|
+
<svg viewbox="0 0 18 18">
|
|
2
|
+
<g class="ql-fill ql-transparent">
|
|
3
|
+
<path d="M11,11h4V9a1,1,0,0,0-1-1H11v3Z"></path>
|
|
4
|
+
<path d="M10,11V8H7A1,1,0,0,0,6,9v2h4Z"></path>
|
|
5
|
+
<path d="M10,12H6v2a1,1,0,0,0,1,1h3V12Z"></path>
|
|
6
|
+
<path d="M11,12v3h3a1,1,0,0,0,1-1V12H11Z"></path>
|
|
7
|
+
<path d="M11,6h3a1,1,0,0,0,1-1V3a1,1,0,0,0-1-1H11V6Z"></path>
|
|
8
|
+
<path d="M7,6h3V2H7A1,1,0,0,0,6,3V5A1,1,0,0,0,7,6Z"></path>
|
|
9
|
+
</g>
|
|
10
|
+
<path class="ql-fill" d="M5,6H4V5a0.5,0.5,0,0,0-.854-0.354l-2,2a0.5,0.5,0,0,0,0,.707l2,2A0.5,0.5,0,0,0,3.5,9.5a0.494,0.494,0,0,0,.191-0.038A0.5,0.5,0,0,0,4,9V8H5A1,1,0,0,0,5,6Z"></path>
|
|
11
|
+
<path class="ql-fill" d="M15,5H12V9h3a1,1,0,0,0,1-1V6A1,1,0,0,0,15,5Z"></path>
|
|
12
|
+
<path class="ql-fill" d="M11,5H8A1,1,0,0,0,7,6V8A1,1,0,0,0,8,9h3V5Z"></path>
|
|
13
|
+
</svg>
|
|
@@ -0,0 +1,8 @@
|
|
|
1
|
+
<svg viewbox="0 0 18 18">
|
|
2
|
+
<g class="ql-fill ql-transparent">
|
|
3
|
+
<rect height="10" rx="1" ry="1" width="4" x="12" y="2"></rect>
|
|
4
|
+
<rect height="10" rx="1" ry="1" width="4" x="2" y="2"></rect>
|
|
5
|
+
</g>
|
|
6
|
+
<path class="ql-fill" d="M11.354,4.146l-2-2a0.5,0.5,0,0,0-.707,0l-2,2A0.5,0.5,0,0,0,7,5H8V6a1,1,0,0,0,2,0V5h1A0.5,0.5,0,0,0,11.354,4.146Z"></path>
|
|
7
|
+
<rect class="ql-fill" height="8" rx="1" ry="1" width="4" x="7" y="8"></rect>
|
|
8
|
+
</svg>
|
|
@@ -0,0 +1,9 @@
|
|
|
1
|
+
<svg viewbox="0 0 18 18">
|
|
2
|
+
<g class="ql-fill ql-stroke ql-thin ql-transparent">
|
|
3
|
+
<rect height="3" rx="0.5" ry="0.5" width="7" x="4.5" y="2.5"></rect>
|
|
4
|
+
<rect height="3" rx="0.5" ry="0.5" width="7" x="4.5" y="12.5"></rect>
|
|
5
|
+
</g>
|
|
6
|
+
<rect class="ql-fill ql-stroke ql-thin" height="3" rx="0.5" ry="0.5" width="7" x="8.5" y="7.5"></rect>
|
|
7
|
+
<polygon class="ql-fill ql-stroke ql-thin" points="4.5 11 2.5 9 4.5 7 4.5 11"></polygon>
|
|
8
|
+
<line class="ql-stroke" x1="6" x2="4" y1="9" y2="9"></line>
|
|
9
|
+
</svg>
|
|
@@ -0,0 +1,7 @@
|
|
|
1
|
+
<svg viewbox="0 0 18 18">
|
|
2
|
+
<rect class="ql-stroke" height="4" width="12" x="3" y="7"></rect>
|
|
3
|
+
<path class="ql-fill ql-transparent" d="M2,2V16H16V2H2ZM14,14H10V11H8v3H4V4H8V7h2V4h4V14Z"></path>
|
|
4
|
+
<line class="ql-stroke" x1="12" x2="12" y1="11" y2="7"></line>
|
|
5
|
+
<line class="ql-stroke" x1="9" x2="9" y1="11" y2="7"></line>
|
|
6
|
+
<line class="ql-stroke" x1="6" x2="6" y1="11" y2="7"></line>
|
|
7
|
+
</svg>
|
|
@@ -0,0 +1,11 @@
|
|
|
1
|
+
<svg viewbox="0 0 18 18">
|
|
2
|
+
<rect class="ql-stroke" height="12" width="12" x="3" y="3"></rect>
|
|
3
|
+
<rect class="ql-fill" height="2" width="3" x="5" y="5"></rect>
|
|
4
|
+
<rect class="ql-fill" height="2" width="4" x="9" y="5"></rect>
|
|
5
|
+
<g class="ql-fill ql-transparent">
|
|
6
|
+
<rect height="2" width="3" x="5" y="8"></rect>
|
|
7
|
+
<rect height="2" width="4" x="9" y="8"></rect>
|
|
8
|
+
<rect height="2" width="3" x="5" y="11"></rect>
|
|
9
|
+
<rect height="2" width="4" x="9" y="11"></rect>
|
|
10
|
+
</g>
|
|
11
|
+
</svg>
|
|
@@ -0,0 +1,14 @@
|
|
|
1
|
+
<svg viewbox="0 0 18 18">
|
|
2
|
+
<rect class="ql-stroke" height="12" width="12" x="3" y="3"></rect>
|
|
3
|
+
<rect class="ql-fill" height="12" width="1" x="5" y="3"></rect>
|
|
4
|
+
<rect class="ql-fill" height="12" width="1" x="12" y="3"></rect>
|
|
5
|
+
<rect class="ql-fill" height="2" width="8" x="5" y="8"></rect>
|
|
6
|
+
<rect class="ql-fill" height="1" width="3" x="3" y="5"></rect>
|
|
7
|
+
<rect class="ql-fill" height="1" width="3" x="3" y="7"></rect>
|
|
8
|
+
<rect class="ql-fill" height="1" width="3" x="3" y="10"></rect>
|
|
9
|
+
<rect class="ql-fill" height="1" width="3" x="3" y="12"></rect>
|
|
10
|
+
<rect class="ql-fill" height="1" width="3" x="12" y="5"></rect>
|
|
11
|
+
<rect class="ql-fill" height="1" width="3" x="12" y="7"></rect>
|
|
12
|
+
<rect class="ql-fill" height="1" width="3" x="12" y="10"></rect>
|
|
13
|
+
<rect class="ql-fill" height="1" width="3" x="12" y="12"></rect>
|
|
14
|
+
</svg>
|
|
@@ -0,0 +1,26 @@
|
|
|
1
|
+
.ql-toolbar.ql-snow
|
|
2
|
+
border: 1px solid borderColor
|
|
3
|
+
box-sizing: border-box
|
|
4
|
+
font-family: 'Helvetica Neue', 'Helvetica', 'Arial', sans-serif
|
|
5
|
+
padding: 8px
|
|
6
|
+
|
|
7
|
+
.ql-formats
|
|
8
|
+
margin-right: 15px
|
|
9
|
+
|
|
10
|
+
.ql-picker-label
|
|
11
|
+
border: 1px solid transparent
|
|
12
|
+
.ql-picker-options
|
|
13
|
+
border: 1px solid transparent
|
|
14
|
+
box-shadow: rgba(0,0,0,0.2) 0 2px 8px
|
|
15
|
+
.ql-picker.ql-expanded
|
|
16
|
+
.ql-picker-label
|
|
17
|
+
border-color: borderColor
|
|
18
|
+
.ql-picker-options
|
|
19
|
+
border-color: borderColor
|
|
20
|
+
|
|
21
|
+
.ql-color-picker
|
|
22
|
+
.ql-picker-item.ql-selected, .ql-picker-item:hover
|
|
23
|
+
border-color: #000
|
|
24
|
+
|
|
25
|
+
.ql-toolbar.ql-snow + .ql-container.ql-snow
|
|
26
|
+
border-top: 0px;
|
|
@@ -0,0 +1,53 @@
|
|
|
1
|
+
tooltipMargin = 8px
|
|
2
|
+
|
|
3
|
+
.ql-snow
|
|
4
|
+
.ql-tooltip
|
|
5
|
+
background-color: #fff
|
|
6
|
+
border: 1px solid borderColor
|
|
7
|
+
box-shadow: 0px 0px 5px shadowColor
|
|
8
|
+
color: textColor
|
|
9
|
+
padding: 5px 12px
|
|
10
|
+
white-space: nowrap
|
|
11
|
+
&::before
|
|
12
|
+
content: "Visit URL:"
|
|
13
|
+
line-height: 26px
|
|
14
|
+
margin-right: tooltipMargin
|
|
15
|
+
input[type=text]
|
|
16
|
+
display: none
|
|
17
|
+
border: 1px solid borderColor
|
|
18
|
+
font-size: 13px
|
|
19
|
+
height: 26px
|
|
20
|
+
margin: 0px
|
|
21
|
+
padding: 3px 5px
|
|
22
|
+
width: 170px
|
|
23
|
+
a.ql-preview
|
|
24
|
+
display: inline-block
|
|
25
|
+
max-width: 200px
|
|
26
|
+
overflow-x: hidden
|
|
27
|
+
text-overflow: ellipsis
|
|
28
|
+
vertical-align: top
|
|
29
|
+
a.ql-action::after
|
|
30
|
+
border-right: 1px solid borderColor
|
|
31
|
+
content: 'Edit'
|
|
32
|
+
margin-left: tooltipMargin*2
|
|
33
|
+
padding-right: tooltipMargin
|
|
34
|
+
a.ql-remove::before
|
|
35
|
+
content: 'Remove'
|
|
36
|
+
margin-left: tooltipMargin
|
|
37
|
+
a
|
|
38
|
+
line-height: 26px
|
|
39
|
+
.ql-tooltip.ql-editing
|
|
40
|
+
a.ql-preview, a.ql-remove
|
|
41
|
+
display: none
|
|
42
|
+
input[type=text]
|
|
43
|
+
display: inline-block
|
|
44
|
+
a.ql-action::after
|
|
45
|
+
border-right: 0px
|
|
46
|
+
content: 'Save'
|
|
47
|
+
padding-right: 0px
|
|
48
|
+
.ql-tooltip[data-mode=link]::before
|
|
49
|
+
content: "Enter link:"
|
|
50
|
+
.ql-tooltip[data-mode=formula]::before
|
|
51
|
+
content: "Enter formula:"
|
|
52
|
+
.ql-tooltip[data-mode=video]::before
|
|
53
|
+
content: "Enter video:"
|
|
@@ -0,0 +1,18 @@
|
|
|
1
|
+
themeName = 'snow'
|
|
2
|
+
activeColor = #06c
|
|
3
|
+
borderColor = #ccc
|
|
4
|
+
backgroundColor = #fff
|
|
5
|
+
inactiveColor = #444
|
|
6
|
+
shadowColor = #ddd
|
|
7
|
+
textColor = #444
|
|
8
|
+
|
|
9
|
+
@import './core'
|
|
10
|
+
@import './base'
|
|
11
|
+
@import './snow/*'
|
|
12
|
+
|
|
13
|
+
.ql-snow
|
|
14
|
+
a
|
|
15
|
+
color: activeColor
|
|
16
|
+
|
|
17
|
+
.ql-container.ql-snow
|
|
18
|
+
border: 1px solid borderColor
|
package/src/types.d.ts
ADDED
|
@@ -0,0 +1,69 @@
|
|
|
1
|
+
/*eslint-env node*/
|
|
2
|
+
|
|
3
|
+
const { resolve } = require('path');
|
|
4
|
+
const MiniCssExtractPlugin = require('mini-css-extract-plugin');
|
|
5
|
+
|
|
6
|
+
const tsRules = {
|
|
7
|
+
test: /\.ts$/,
|
|
8
|
+
include: [resolve(__dirname, 'src')],
|
|
9
|
+
use: ['babel-loader'],
|
|
10
|
+
};
|
|
11
|
+
|
|
12
|
+
const sourceMapRules = {
|
|
13
|
+
test: /\.js$/,
|
|
14
|
+
enforce: 'pre',
|
|
15
|
+
use: ['source-map-loader'],
|
|
16
|
+
};
|
|
17
|
+
|
|
18
|
+
const svgRules = {
|
|
19
|
+
test: /\.svg$/,
|
|
20
|
+
include: [resolve(__dirname, 'src/assets/icons')],
|
|
21
|
+
use: [
|
|
22
|
+
{
|
|
23
|
+
loader: 'html-loader',
|
|
24
|
+
options: {
|
|
25
|
+
minimize: true,
|
|
26
|
+
},
|
|
27
|
+
},
|
|
28
|
+
],
|
|
29
|
+
};
|
|
30
|
+
|
|
31
|
+
const stylRules = {
|
|
32
|
+
test: /\.styl$/,
|
|
33
|
+
include: [resolve(__dirname, 'src/assets')],
|
|
34
|
+
use: [MiniCssExtractPlugin.loader, 'css-loader', 'stylus-loader'],
|
|
35
|
+
};
|
|
36
|
+
|
|
37
|
+
module.exports = {
|
|
38
|
+
entry: {
|
|
39
|
+
quill: './src/quill.ts',
|
|
40
|
+
'quill.core': './src/core.ts',
|
|
41
|
+
'quill.core.css': './src/assets/core.styl',
|
|
42
|
+
'quill.bubble.css': './src/assets/bubble.styl',
|
|
43
|
+
'quill.snow.css': './src/assets/snow.styl',
|
|
44
|
+
},
|
|
45
|
+
output: {
|
|
46
|
+
filename: '[name].js',
|
|
47
|
+
library: {
|
|
48
|
+
name: 'Quill',
|
|
49
|
+
type: 'umd',
|
|
50
|
+
export: 'default',
|
|
51
|
+
},
|
|
52
|
+
path: resolve(__dirname, 'dist/dist'),
|
|
53
|
+
clean: true,
|
|
54
|
+
},
|
|
55
|
+
resolve: {
|
|
56
|
+
extensions: ['.js', '.styl', '.ts'],
|
|
57
|
+
extensionAlias: {
|
|
58
|
+
'.js': ['.ts', '.js'],
|
|
59
|
+
},
|
|
60
|
+
},
|
|
61
|
+
module: {
|
|
62
|
+
rules: [tsRules, stylRules, svgRules, sourceMapRules],
|
|
63
|
+
},
|
|
64
|
+
plugins: [
|
|
65
|
+
new MiniCssExtractPlugin({
|
|
66
|
+
filename: '[name]',
|
|
67
|
+
}),
|
|
68
|
+
],
|
|
69
|
+
};
|
|
@@ -0,0 +1,42 @@
|
|
|
1
|
+
/*eslint-env node*/
|
|
2
|
+
|
|
3
|
+
const { BannerPlugin, DefinePlugin } = require('webpack');
|
|
4
|
+
const common = require('./webpack.common.cjs');
|
|
5
|
+
const { merge } = require('webpack-merge');
|
|
6
|
+
require('webpack-dev-server');
|
|
7
|
+
const { readFileSync } = require('fs');
|
|
8
|
+
const { join, resolve } = require('path');
|
|
9
|
+
|
|
10
|
+
const pkg = JSON.parse(readFileSync(join(__dirname, 'package.json'), 'utf8'));
|
|
11
|
+
|
|
12
|
+
const bannerPack = new BannerPlugin({
|
|
13
|
+
banner: [
|
|
14
|
+
`Quill Editor v${pkg.version}`,
|
|
15
|
+
pkg.homepage,
|
|
16
|
+
`Copyright (c) 2017-${new Date().getFullYear()}, Slab`,
|
|
17
|
+
'Copyright (c) 2014, Jason Chen',
|
|
18
|
+
'Copyright (c) 2013, salesforce.com',
|
|
19
|
+
].join('\n'),
|
|
20
|
+
entryOnly: true,
|
|
21
|
+
});
|
|
22
|
+
const constantPack = new DefinePlugin({
|
|
23
|
+
QUILL_VERSION: JSON.stringify(pkg.version),
|
|
24
|
+
});
|
|
25
|
+
|
|
26
|
+
module.exports = (env) =>
|
|
27
|
+
merge(common, {
|
|
28
|
+
mode: env.production ? 'production' : 'development',
|
|
29
|
+
devtool: 'source-map',
|
|
30
|
+
plugins: [bannerPack, constantPack],
|
|
31
|
+
devServer: {
|
|
32
|
+
static: {
|
|
33
|
+
directory: resolve(__dirname, './dist'),
|
|
34
|
+
},
|
|
35
|
+
hot: false,
|
|
36
|
+
allowedHosts: 'all',
|
|
37
|
+
devMiddleware: {
|
|
38
|
+
stats: 'minimal',
|
|
39
|
+
},
|
|
40
|
+
},
|
|
41
|
+
stats: 'minimal',
|
|
42
|
+
});
|