@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.
Files changed (90) hide show
  1. package/LICENSE +31 -0
  2. package/README.md +3 -0
  3. package/babel.config.cjs +12 -0
  4. package/package.json +104 -0
  5. package/scripts/babel-svg-inline-import.cjs +44 -0
  6. package/scripts/build +20 -0
  7. package/src/assets/base.styl +309 -0
  8. package/src/assets/bubble/toolbar.styl +14 -0
  9. package/src/assets/bubble/tooltip.styl +49 -0
  10. package/src/assets/bubble.styl +45 -0
  11. package/src/assets/core.styl +215 -0
  12. package/src/assets/favicon.png +0 -0
  13. package/src/assets/icons/align-center.svg +5 -0
  14. package/src/assets/icons/align-justify.svg +5 -0
  15. package/src/assets/icons/align-left.svg +5 -0
  16. package/src/assets/icons/align-right.svg +5 -0
  17. package/src/assets/icons/attachment.svg +3 -0
  18. package/src/assets/icons/audio.svg +5 -0
  19. package/src/assets/icons/authorship.svg +5 -0
  20. package/src/assets/icons/background.svg +52 -0
  21. package/src/assets/icons/blockquote.svg +6 -0
  22. package/src/assets/icons/bold.svg +4 -0
  23. package/src/assets/icons/clean.svg +7 -0
  24. package/src/assets/icons/code.svg +5 -0
  25. package/src/assets/icons/color.svg +5 -0
  26. package/src/assets/icons/comment.svg +3 -0
  27. package/src/assets/icons/direction-ltr.svg +7 -0
  28. package/src/assets/icons/direction-rtl.svg +7 -0
  29. package/src/assets/icons/dropdown.svg +4 -0
  30. package/src/assets/icons/embed.svg +3 -0
  31. package/src/assets/icons/emoji.svg +6 -0
  32. package/src/assets/icons/float-center.svg +5 -0
  33. package/src/assets/icons/float-full.svg +5 -0
  34. package/src/assets/icons/float-left.svg +7 -0
  35. package/src/assets/icons/float-right.svg +7 -0
  36. package/src/assets/icons/font.svg +5 -0
  37. package/src/assets/icons/formula.svg +5 -0
  38. package/src/assets/icons/hashtag.svg +6 -0
  39. package/src/assets/icons/header-2.svg +3 -0
  40. package/src/assets/icons/header-3.svg +3 -0
  41. package/src/assets/icons/header-4.svg +3 -0
  42. package/src/assets/icons/header-5.svg +3 -0
  43. package/src/assets/icons/header-6.svg +3 -0
  44. package/src/assets/icons/header.svg +3 -0
  45. package/src/assets/icons/horizontal-rule.svg +4 -0
  46. package/src/assets/icons/image.svg +5 -0
  47. package/src/assets/icons/indent.svg +6 -0
  48. package/src/assets/icons/italic.svg +5 -0
  49. package/src/assets/icons/link.svg +5 -0
  50. package/src/assets/icons/list-bullet.svg +8 -0
  51. package/src/assets/icons/list-check.svg +8 -0
  52. package/src/assets/icons/list-ordered.svg +9 -0
  53. package/src/assets/icons/map.svg +5 -0
  54. package/src/assets/icons/mention.svg +4 -0
  55. package/src/assets/icons/more.svg +3 -0
  56. package/src/assets/icons/outdent.svg +6 -0
  57. package/src/assets/icons/redo.svg +4 -0
  58. package/src/assets/icons/size-decrease.svg +5 -0
  59. package/src/assets/icons/size-increase.svg +6 -0
  60. package/src/assets/icons/size.svg +6 -0
  61. package/src/assets/icons/spacing.svg +9 -0
  62. package/src/assets/icons/speech.svg +6 -0
  63. package/src/assets/icons/strike.svg +5 -0
  64. package/src/assets/icons/subscript.svg +4 -0
  65. package/src/assets/icons/superscript.svg +4 -0
  66. package/src/assets/icons/table-border-all.svg +5 -0
  67. package/src/assets/icons/table-border-bottom.svg +28 -0
  68. package/src/assets/icons/table-border-left.svg +28 -0
  69. package/src/assets/icons/table-border-none.svg +25 -0
  70. package/src/assets/icons/table-border-outside.svg +35 -0
  71. package/src/assets/icons/table-border-right.svg +28 -0
  72. package/src/assets/icons/table-border-top.svg +28 -0
  73. package/src/assets/icons/table-delete-cells.svg +13 -0
  74. package/src/assets/icons/table-delete-columns.svg +8 -0
  75. package/src/assets/icons/table-delete-rows.svg +9 -0
  76. package/src/assets/icons/table-insert-cells.svg +13 -0
  77. package/src/assets/icons/table-insert-columns.svg +8 -0
  78. package/src/assets/icons/table-insert-rows.svg +9 -0
  79. package/src/assets/icons/table-merge-cells.svg +4 -0
  80. package/src/assets/icons/table-unmerge-cells.svg +7 -0
  81. package/src/assets/icons/table.svg +11 -0
  82. package/src/assets/icons/underline.svg +4 -0
  83. package/src/assets/icons/undo.svg +4 -0
  84. package/src/assets/icons/video.svg +14 -0
  85. package/src/assets/snow/toolbar.styl +26 -0
  86. package/src/assets/snow/tooltip.styl +53 -0
  87. package/src/assets/snow.styl +18 -0
  88. package/src/types.d.ts +6 -0
  89. package/webpack.common.cjs +69 -0
  90. 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,5 @@
1
+ <svg viewbox="0 0 18 18">
2
+ <rect class="ql-stroke-miter" height="12" width="12" x="3" y="3"></rect>
3
+ <line class="ql-stroke-miter" x1="9" x2="9" y1="3" y2="15"></line>
4
+ <line class="ql-stroke-miter" x1="15" x2="3" y1="9" y2="9"></line>
5
+ </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,4 @@
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
+ </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,4 @@
1
+ <svg viewbox="0 0 18 18">
2
+ <path class="ql-stroke" d="M5,3V9a4.012,4.012,0,0,0,4,4H9a4.012,4.012,0,0,0,4-4V3"></path>
3
+ <rect class="ql-fill" height="1" rx="0.5" ry="0.5" width="12" x="3" y="15"></rect>
4
+ </svg>
@@ -0,0 +1,4 @@
1
+ <svg viewbox="0 0 18 18">
2
+ <polygon class="ql-fill ql-stroke" points="6 10 4 12 2 10 6 10"></polygon>
3
+ <path class="ql-stroke" d="M8.09,13.91A4.6,4.6,0,0,0,9,14,5,5,0,1,0,4,9"></path>
4
+ </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,6 @@
1
+ declare module '*.svg' {
2
+ const content: string;
3
+ export default content;
4
+ }
5
+
6
+ declare const QUILL_VERSION: string | undefined;
@@ -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
+ });