@halo-dev/richtext-editor 0.0.0-alpha.11 → 0.0.0-alpha.12
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/components/EditorHeader.vue.d.ts +1 -1
- package/dist/extensions/code-block/CodeBlockViewRenderer.vue.d.ts +98 -0
- package/dist/extensions/commands-menu/suggestion.d.ts +1 -0
- package/dist/extensions/iframe/IframeView.vue.d.ts +84 -0
- package/dist/extensions/iframe/index.d.ts +12 -0
- package/dist/extensions/image/ImageView.vue.d.ts +86 -0
- package/dist/extensions/image/index.d.ts +2 -0
- package/dist/extensions/index.d.ts +3 -2
- package/dist/rich-text-editor.es.js +3520 -1396
- package/dist/rich-text-editor.es.js.map +1 -1
- package/dist/rich-text-editor.iife.js +3503 -1379
- package/dist/rich-text-editor.iife.js.map +1 -1
- package/dist/style.css +129 -166
- package/package.json +44 -43
package/dist/style.css
CHANGED
|
@@ -24,63 +24,14 @@
|
|
|
24
24
|
height: 0;
|
|
25
25
|
}
|
|
26
26
|
.halo-rich-text-editor .editor-content .ProseMirror pre {
|
|
27
|
-
background: #0d0d0d;
|
|
28
|
-
color: #fff;
|
|
29
|
-
font-family: "JetBrainsMono", monospace;
|
|
30
27
|
padding: 0.75rem 1rem;
|
|
31
|
-
border-radius: 0;
|
|
32
28
|
margin: 0;
|
|
33
29
|
}
|
|
34
30
|
.halo-rich-text-editor .editor-content .ProseMirror pre code {
|
|
35
31
|
color: inherit;
|
|
36
|
-
padding: 0;
|
|
37
32
|
background: none;
|
|
38
33
|
font-size: 0.8rem;
|
|
39
34
|
}
|
|
40
|
-
.halo-rich-text-editor .editor-content .ProseMirror pre .hljs-comment,
|
|
41
|
-
.halo-rich-text-editor .editor-content .ProseMirror pre .hljs-quote {
|
|
42
|
-
color: #616161;
|
|
43
|
-
}
|
|
44
|
-
.halo-rich-text-editor .editor-content .ProseMirror pre .hljs-variable,
|
|
45
|
-
.halo-rich-text-editor .editor-content .ProseMirror pre .hljs-template-variable,
|
|
46
|
-
.halo-rich-text-editor .editor-content .ProseMirror pre .hljs-attribute,
|
|
47
|
-
.halo-rich-text-editor .editor-content .ProseMirror pre .hljs-tag,
|
|
48
|
-
.halo-rich-text-editor .editor-content .ProseMirror pre .hljs-name,
|
|
49
|
-
.halo-rich-text-editor .editor-content .ProseMirror pre .hljs-regexp,
|
|
50
|
-
.halo-rich-text-editor .editor-content .ProseMirror pre .hljs-link,
|
|
51
|
-
.halo-rich-text-editor .editor-content .ProseMirror pre .hljs-name,
|
|
52
|
-
.halo-rich-text-editor .editor-content .ProseMirror pre .hljs-selector-id,
|
|
53
|
-
.halo-rich-text-editor .editor-content .ProseMirror pre .hljs-selector-class {
|
|
54
|
-
color: #f98181;
|
|
55
|
-
}
|
|
56
|
-
.halo-rich-text-editor .editor-content .ProseMirror pre .hljs-number,
|
|
57
|
-
.halo-rich-text-editor .editor-content .ProseMirror pre .hljs-meta,
|
|
58
|
-
.halo-rich-text-editor .editor-content .ProseMirror pre .hljs-built_in,
|
|
59
|
-
.halo-rich-text-editor .editor-content .ProseMirror pre .hljs-builtin-name,
|
|
60
|
-
.halo-rich-text-editor .editor-content .ProseMirror pre .hljs-literal,
|
|
61
|
-
.halo-rich-text-editor .editor-content .ProseMirror pre .hljs-type,
|
|
62
|
-
.halo-rich-text-editor .editor-content .ProseMirror pre .hljs-params {
|
|
63
|
-
color: #fbbc88;
|
|
64
|
-
}
|
|
65
|
-
.halo-rich-text-editor .editor-content .ProseMirror pre .hljs-string,
|
|
66
|
-
.halo-rich-text-editor .editor-content .ProseMirror pre .hljs-symbol,
|
|
67
|
-
.halo-rich-text-editor .editor-content .ProseMirror pre .hljs-bullet {
|
|
68
|
-
color: #b9f18d;
|
|
69
|
-
}
|
|
70
|
-
.halo-rich-text-editor .editor-content .ProseMirror pre .hljs-title,
|
|
71
|
-
.halo-rich-text-editor .editor-content .ProseMirror pre .hljs-section {
|
|
72
|
-
color: #faf594;
|
|
73
|
-
}
|
|
74
|
-
.halo-rich-text-editor .editor-content .ProseMirror pre .hljs-keyword,
|
|
75
|
-
.halo-rich-text-editor .editor-content .ProseMirror pre .hljs-selector-tag {
|
|
76
|
-
color: #70cff8;
|
|
77
|
-
}
|
|
78
|
-
.halo-rich-text-editor .editor-content .ProseMirror pre .hljs-emphasis {
|
|
79
|
-
font-style: italic;
|
|
80
|
-
}
|
|
81
|
-
.halo-rich-text-editor .editor-content .ProseMirror pre .hljs-strong {
|
|
82
|
-
font-weight: 700;
|
|
83
|
-
}
|
|
84
35
|
.halo-rich-text-editor .editor-content .ProseMirror ul[data-type=taskList] {
|
|
85
36
|
list-style: none;
|
|
86
37
|
padding: 0;
|
|
@@ -99,7 +50,7 @@
|
|
|
99
50
|
.halo-rich-text-editor .editor-content .ProseMirror code br {
|
|
100
51
|
display: block;
|
|
101
52
|
}/*
|
|
102
|
-
! tailwindcss v3.2.
|
|
53
|
+
! tailwindcss v3.2.4 | MIT License | https://tailwindcss.com
|
|
103
54
|
*//*
|
|
104
55
|
1. Prevent padding and border from affecting element width. (https://github.com/mozdevs/cssremedy/issues/4)
|
|
105
56
|
2. Allow adding a border to an element by just adding a border-width. (https://github.com/tailwindcss/tailwindcss/pull/116)
|
|
@@ -124,6 +75,7 @@
|
|
|
124
75
|
2. Prevent adjustments of font size after orientation changes in iOS.
|
|
125
76
|
3. Use a more readable tab size.
|
|
126
77
|
4. Use the user's configured `sans` font-family by default.
|
|
78
|
+
5. Use the user's configured `sans` font-feature-settings by default.
|
|
127
79
|
*/
|
|
128
80
|
|
|
129
81
|
html {
|
|
@@ -133,6 +85,7 @@ html {
|
|
|
133
85
|
-o-tab-size: 4;
|
|
134
86
|
tab-size: 4; /* 3 */
|
|
135
87
|
font-family: ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, "Noto Sans", sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji"; /* 4 */
|
|
88
|
+
font-feature-settings: normal; /* 5 */
|
|
136
89
|
}
|
|
137
90
|
|
|
138
91
|
/*
|
|
@@ -943,28 +896,6 @@ video {
|
|
|
943
896
|
.prose :where(.prose > :last-child):not(:where([class~="not-prose"] *)) {
|
|
944
897
|
margin-bottom: 0;
|
|
945
898
|
}
|
|
946
|
-
.prose-sm :where(.prose > ul > li p):not(:where([class~="not-prose"] *)) {
|
|
947
|
-
margin-top: 0.5714286em;
|
|
948
|
-
margin-bottom: 0.5714286em;
|
|
949
|
-
}
|
|
950
|
-
.prose-sm :where(.prose > ul > li > *:first-child):not(:where([class~="not-prose"] *)) {
|
|
951
|
-
margin-top: 1.1428571em;
|
|
952
|
-
}
|
|
953
|
-
.prose-sm :where(.prose > ul > li > *:last-child):not(:where([class~="not-prose"] *)) {
|
|
954
|
-
margin-bottom: 1.1428571em;
|
|
955
|
-
}
|
|
956
|
-
.prose-sm :where(.prose > ol > li > *:first-child):not(:where([class~="not-prose"] *)) {
|
|
957
|
-
margin-top: 1.1428571em;
|
|
958
|
-
}
|
|
959
|
-
.prose-sm :where(.prose > ol > li > *:last-child):not(:where([class~="not-prose"] *)) {
|
|
960
|
-
margin-bottom: 1.1428571em;
|
|
961
|
-
}
|
|
962
|
-
.prose-sm :where(.prose > :first-child):not(:where([class~="not-prose"] *)) {
|
|
963
|
-
margin-top: 0;
|
|
964
|
-
}
|
|
965
|
-
.prose-sm :where(.prose > :last-child):not(:where([class~="not-prose"] *)) {
|
|
966
|
-
margin-bottom: 0;
|
|
967
|
-
}
|
|
968
899
|
.prose-base {
|
|
969
900
|
font-size: 1rem;
|
|
970
901
|
line-height: 1.75;
|
|
@@ -1068,20 +999,20 @@ video {
|
|
|
1068
999
|
.prose-base :where(ul > li):not(:where([class~="not-prose"] *)) {
|
|
1069
1000
|
padding-left: 0.375em;
|
|
1070
1001
|
}
|
|
1071
|
-
.prose-base :where(.prose > ul > li p):not(:where([class~="not-prose"] *)) {
|
|
1002
|
+
.prose-base :where(.prose-base > ul > li p):not(:where([class~="not-prose"] *)) {
|
|
1072
1003
|
margin-top: 0.75em;
|
|
1073
1004
|
margin-bottom: 0.75em;
|
|
1074
1005
|
}
|
|
1075
|
-
.prose-base :where(.prose > ul > li > *:first-child):not(:where([class~="not-prose"] *)) {
|
|
1006
|
+
.prose-base :where(.prose-base > ul > li > *:first-child):not(:where([class~="not-prose"] *)) {
|
|
1076
1007
|
margin-top: 1.25em;
|
|
1077
1008
|
}
|
|
1078
|
-
.prose-base :where(.prose > ul > li > *:last-child):not(:where([class~="not-prose"] *)) {
|
|
1009
|
+
.prose-base :where(.prose-base > ul > li > *:last-child):not(:where([class~="not-prose"] *)) {
|
|
1079
1010
|
margin-bottom: 1.25em;
|
|
1080
1011
|
}
|
|
1081
|
-
.prose-base :where(.prose > ol > li > *:first-child):not(:where([class~="not-prose"] *)) {
|
|
1012
|
+
.prose-base :where(.prose-base > ol > li > *:first-child):not(:where([class~="not-prose"] *)) {
|
|
1082
1013
|
margin-top: 1.25em;
|
|
1083
1014
|
}
|
|
1084
|
-
.prose-base :where(.prose > ol > li > *:last-child):not(:where([class~="not-prose"] *)) {
|
|
1015
|
+
.prose-base :where(.prose-base > ol > li > *:last-child):not(:where([class~="not-prose"] *)) {
|
|
1085
1016
|
margin-bottom: 1.25em;
|
|
1086
1017
|
}
|
|
1087
1018
|
.prose-base :where(ul ul, ul ol, ol ul, ol ol):not(:where([class~="not-prose"] *)) {
|
|
@@ -1131,80 +1062,30 @@ video {
|
|
|
1131
1062
|
.prose-base :where(tbody td:last-child, tfoot td:last-child):not(:where([class~="not-prose"] *)) {
|
|
1132
1063
|
padding-right: 0;
|
|
1133
1064
|
}
|
|
1134
|
-
.prose-base :where(.prose > :first-child):not(:where([class~="not-prose"] *)) {
|
|
1135
|
-
margin-top: 0;
|
|
1136
|
-
}
|
|
1137
|
-
.prose-base :where(.prose > :last-child):not(:where([class~="not-prose"] *)) {
|
|
1138
|
-
margin-bottom: 0;
|
|
1139
|
-
}
|
|
1140
|
-
.prose-lg :where(.prose > ul > li p):not(:where([class~="not-prose"] *)) {
|
|
1141
|
-
margin-top: 0.8888889em;
|
|
1142
|
-
margin-bottom: 0.8888889em;
|
|
1143
|
-
}
|
|
1144
|
-
.prose-lg :where(.prose > ul > li > *:first-child):not(:where([class~="not-prose"] *)) {
|
|
1145
|
-
margin-top: 1.3333333em;
|
|
1146
|
-
}
|
|
1147
|
-
.prose-lg :where(.prose > ul > li > *:last-child):not(:where([class~="not-prose"] *)) {
|
|
1148
|
-
margin-bottom: 1.3333333em;
|
|
1149
|
-
}
|
|
1150
|
-
.prose-lg :where(.prose > ol > li > *:first-child):not(:where([class~="not-prose"] *)) {
|
|
1151
|
-
margin-top: 1.3333333em;
|
|
1152
|
-
}
|
|
1153
|
-
.prose-lg :where(.prose > ol > li > *:last-child):not(:where([class~="not-prose"] *)) {
|
|
1154
|
-
margin-bottom: 1.3333333em;
|
|
1155
|
-
}
|
|
1156
|
-
.prose-lg :where(.prose > :first-child):not(:where([class~="not-prose"] *)) {
|
|
1065
|
+
.prose-base :where(.prose-base > :first-child):not(:where([class~="not-prose"] *)) {
|
|
1157
1066
|
margin-top: 0;
|
|
1158
1067
|
}
|
|
1159
|
-
.prose-
|
|
1068
|
+
.prose-base :where(.prose-base > :last-child):not(:where([class~="not-prose"] *)) {
|
|
1160
1069
|
margin-bottom: 0;
|
|
1161
1070
|
}
|
|
1162
|
-
.
|
|
1163
|
-
|
|
1164
|
-
margin-bottom: 0.8em;
|
|
1165
|
-
}
|
|
1166
|
-
.prose-xl :where(.prose > ul > li > *:first-child):not(:where([class~="not-prose"] *)) {
|
|
1167
|
-
margin-top: 1.2em;
|
|
1168
|
-
}
|
|
1169
|
-
.prose-xl :where(.prose > ul > li > *:last-child):not(:where([class~="not-prose"] *)) {
|
|
1170
|
-
margin-bottom: 1.2em;
|
|
1171
|
-
}
|
|
1172
|
-
.prose-xl :where(.prose > ol > li > *:first-child):not(:where([class~="not-prose"] *)) {
|
|
1173
|
-
margin-top: 1.2em;
|
|
1174
|
-
}
|
|
1175
|
-
.prose-xl :where(.prose > ol > li > *:last-child):not(:where([class~="not-prose"] *)) {
|
|
1176
|
-
margin-bottom: 1.2em;
|
|
1177
|
-
}
|
|
1178
|
-
.prose-xl :where(.prose > :first-child):not(:where([class~="not-prose"] *)) {
|
|
1179
|
-
margin-top: 0;
|
|
1180
|
-
}
|
|
1181
|
-
.prose-xl :where(.prose > :last-child):not(:where([class~="not-prose"] *)) {
|
|
1182
|
-
margin-bottom: 0;
|
|
1183
|
-
}
|
|
1184
|
-
.prose-2xl :where(.prose > ul > li p):not(:where([class~="not-prose"] *)) {
|
|
1185
|
-
margin-top: 0.8333333em;
|
|
1186
|
-
margin-bottom: 0.8333333em;
|
|
1187
|
-
}
|
|
1188
|
-
.prose-2xl :where(.prose > ul > li > *:first-child):not(:where([class~="not-prose"] *)) {
|
|
1189
|
-
margin-top: 1.3333333em;
|
|
1071
|
+
.relative {
|
|
1072
|
+
position: relative;
|
|
1190
1073
|
}
|
|
1191
|
-
.
|
|
1192
|
-
margin-
|
|
1074
|
+
.my-3 {
|
|
1075
|
+
margin-top: 0.75rem;
|
|
1076
|
+
margin-bottom: 0.75rem;
|
|
1193
1077
|
}
|
|
1194
|
-
.
|
|
1195
|
-
margin-top:
|
|
1078
|
+
.mt-4 {
|
|
1079
|
+
margin-top: 1rem;
|
|
1196
1080
|
}
|
|
1197
|
-
.
|
|
1198
|
-
margin-bottom:
|
|
1081
|
+
.mb-4 {
|
|
1082
|
+
margin-bottom: 1rem;
|
|
1199
1083
|
}
|
|
1200
|
-
.
|
|
1201
|
-
|
|
1084
|
+
.block {
|
|
1085
|
+
display: block;
|
|
1202
1086
|
}
|
|
1203
|
-
.
|
|
1204
|
-
|
|
1205
|
-
}
|
|
1206
|
-
.relative {
|
|
1207
|
-
position: relative;
|
|
1087
|
+
.inline-block {
|
|
1088
|
+
display: inline-block;
|
|
1208
1089
|
}
|
|
1209
1090
|
.flex {
|
|
1210
1091
|
display: flex;
|
|
@@ -1215,39 +1096,42 @@ video {
|
|
|
1215
1096
|
.h-full {
|
|
1216
1097
|
height: 100%;
|
|
1217
1098
|
}
|
|
1099
|
+
.h-6 {
|
|
1100
|
+
height: 1.5rem;
|
|
1101
|
+
}
|
|
1218
1102
|
.max-h-72 {
|
|
1219
1103
|
max-height: 18rem;
|
|
1220
1104
|
}
|
|
1221
1105
|
.w-full {
|
|
1222
1106
|
width: 100%;
|
|
1223
1107
|
}
|
|
1224
|
-
.w-
|
|
1225
|
-
width:
|
|
1226
|
-
}
|
|
1227
|
-
.w-52 {
|
|
1228
|
-
width: 13rem;
|
|
1108
|
+
.w-48 {
|
|
1109
|
+
width: 12rem;
|
|
1229
1110
|
}
|
|
1230
1111
|
.w-6 {
|
|
1231
1112
|
width: 1.5rem;
|
|
1232
1113
|
}
|
|
1114
|
+
.w-52 {
|
|
1115
|
+
width: 13rem;
|
|
1116
|
+
}
|
|
1233
1117
|
.\!max-w-none {
|
|
1234
1118
|
max-width: none !important;
|
|
1235
1119
|
}
|
|
1120
|
+
.cursor-pointer {
|
|
1121
|
+
cursor: pointer;
|
|
1122
|
+
}
|
|
1123
|
+
.resize {
|
|
1124
|
+
resize: both;
|
|
1125
|
+
}
|
|
1236
1126
|
.flex-row {
|
|
1237
1127
|
flex-direction: row;
|
|
1238
1128
|
}
|
|
1239
|
-
.flex-col {
|
|
1240
|
-
flex-direction: column;
|
|
1241
|
-
}
|
|
1242
1129
|
.items-center {
|
|
1243
1130
|
align-items: center;
|
|
1244
1131
|
}
|
|
1245
1132
|
.justify-center {
|
|
1246
1133
|
justify-content: center;
|
|
1247
1134
|
}
|
|
1248
|
-
.gap-2 {
|
|
1249
|
-
gap: 0.5rem;
|
|
1250
|
-
}
|
|
1251
1135
|
.gap-4 {
|
|
1252
1136
|
gap: 1rem;
|
|
1253
1137
|
}
|
|
@@ -1268,6 +1152,9 @@ video {
|
|
|
1268
1152
|
.overflow-hidden {
|
|
1269
1153
|
overflow: hidden;
|
|
1270
1154
|
}
|
|
1155
|
+
.overflow-y-auto {
|
|
1156
|
+
overflow-y: auto;
|
|
1157
|
+
}
|
|
1271
1158
|
.rounded {
|
|
1272
1159
|
border-radius: 0.25rem;
|
|
1273
1160
|
}
|
|
@@ -1283,6 +1170,10 @@ video {
|
|
|
1283
1170
|
.border-b {
|
|
1284
1171
|
border-bottom-width: 1px;
|
|
1285
1172
|
}
|
|
1173
|
+
.border-gray-300 {
|
|
1174
|
+
--tw-border-opacity: 1;
|
|
1175
|
+
border-color: rgb(209 213 219 / var(--tw-border-opacity));
|
|
1176
|
+
}
|
|
1286
1177
|
.bg-white {
|
|
1287
1178
|
--tw-bg-opacity: 1;
|
|
1288
1179
|
background-color: rgb(255 255 255 / var(--tw-bg-opacity));
|
|
@@ -1291,10 +1182,22 @@ video {
|
|
|
1291
1182
|
--tw-bg-opacity: 1;
|
|
1292
1183
|
background-color: rgb(229 231 235 / var(--tw-bg-opacity));
|
|
1293
1184
|
}
|
|
1185
|
+
.\!bg-gray-100 {
|
|
1186
|
+
--tw-bg-opacity: 1 !important;
|
|
1187
|
+
background-color: rgb(243 244 246 / var(--tw-bg-opacity)) !important;
|
|
1188
|
+
}
|
|
1294
1189
|
.bg-gray-100 {
|
|
1295
1190
|
--tw-bg-opacity: 1;
|
|
1296
1191
|
background-color: rgb(243 244 246 / var(--tw-bg-opacity));
|
|
1297
1192
|
}
|
|
1193
|
+
.\!bg-white {
|
|
1194
|
+
--tw-bg-opacity: 1 !important;
|
|
1195
|
+
background-color: rgb(255 255 255 / var(--tw-bg-opacity)) !important;
|
|
1196
|
+
}
|
|
1197
|
+
.bg-gray-50 {
|
|
1198
|
+
--tw-bg-opacity: 1;
|
|
1199
|
+
background-color: rgb(249 250 251 / var(--tw-bg-opacity));
|
|
1200
|
+
}
|
|
1298
1201
|
.p-1 {
|
|
1299
1202
|
padding: 0.25rem;
|
|
1300
1203
|
}
|
|
@@ -1311,29 +1214,31 @@ video {
|
|
|
1311
1214
|
padding-top: 0.25rem;
|
|
1312
1215
|
padding-bottom: 0.25rem;
|
|
1313
1216
|
}
|
|
1314
|
-
.
|
|
1315
|
-
padding-
|
|
1316
|
-
padding-
|
|
1217
|
+
.px-2 {
|
|
1218
|
+
padding-left: 0.5rem;
|
|
1219
|
+
padding-right: 0.5rem;
|
|
1317
1220
|
}
|
|
1318
|
-
.
|
|
1319
|
-
padding-
|
|
1320
|
-
padding-
|
|
1221
|
+
.py-1\.5 {
|
|
1222
|
+
padding-top: 0.375rem;
|
|
1223
|
+
padding-bottom: 0.375rem;
|
|
1321
1224
|
}
|
|
1322
|
-
.
|
|
1323
|
-
|
|
1324
|
-
padding-bottom: 0px;
|
|
1225
|
+
.text-center {
|
|
1226
|
+
text-align: center;
|
|
1325
1227
|
}
|
|
1326
1228
|
.text-lg {
|
|
1327
1229
|
font-size: 1.125rem;
|
|
1328
1230
|
line-height: 1.75rem;
|
|
1329
1231
|
}
|
|
1232
|
+
.text-xs {
|
|
1233
|
+
font-size: 0.75rem;
|
|
1234
|
+
line-height: 1rem;
|
|
1235
|
+
}
|
|
1330
1236
|
.text-sm {
|
|
1331
1237
|
font-size: 0.875rem;
|
|
1332
1238
|
line-height: 1.25rem;
|
|
1333
1239
|
}
|
|
1334
|
-
|
|
1335
|
-
font-
|
|
1336
|
-
line-height: 1rem;
|
|
1240
|
+
.\!font-medium {
|
|
1241
|
+
font-weight: 500 !important;
|
|
1337
1242
|
}
|
|
1338
1243
|
.\!text-black {
|
|
1339
1244
|
--tw-text-opacity: 1 !important;
|
|
@@ -1343,10 +1248,19 @@ video {
|
|
|
1343
1248
|
--tw-text-opacity: 1;
|
|
1344
1249
|
color: rgb(75 85 99 / var(--tw-text-opacity));
|
|
1345
1250
|
}
|
|
1251
|
+
.\!text-gray-900 {
|
|
1252
|
+
--tw-text-opacity: 1 !important;
|
|
1253
|
+
color: rgb(17 24 39 / var(--tw-text-opacity)) !important;
|
|
1254
|
+
}
|
|
1346
1255
|
.text-gray-900 {
|
|
1347
1256
|
--tw-text-opacity: 1;
|
|
1348
1257
|
color: rgb(17 24 39 / var(--tw-text-opacity));
|
|
1349
1258
|
}
|
|
1259
|
+
.ring-2 {
|
|
1260
|
+
--tw-ring-offset-shadow: var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);
|
|
1261
|
+
--tw-ring-shadow: var(--tw-ring-inset) 0 0 0 calc(2px + var(--tw-ring-offset-width)) var(--tw-ring-color);
|
|
1262
|
+
box-shadow: var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow, 0 0 #0000);
|
|
1263
|
+
}
|
|
1350
1264
|
.drop-shadow {
|
|
1351
1265
|
--tw-drop-shadow: drop-shadow(0 1px 2px rgb(0 0 0 / 0.1)) drop-shadow(0 1px 1px rgb(0 0 0 / 0.06));
|
|
1352
1266
|
filter: var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow);
|
|
@@ -1355,15 +1269,64 @@ video {
|
|
|
1355
1269
|
--tw-drop-shadow: drop-shadow(0 1px 1px rgb(0 0 0 / 0.05));
|
|
1356
1270
|
filter: var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow);
|
|
1357
1271
|
}
|
|
1272
|
+
.transition-all {
|
|
1273
|
+
transition-property: all;
|
|
1274
|
+
transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
|
|
1275
|
+
transition-duration: 150ms;
|
|
1276
|
+
}
|
|
1358
1277
|
.hover\:bg-gray-100:hover {
|
|
1359
1278
|
--tw-bg-opacity: 1;
|
|
1360
1279
|
background-color: rgb(243 244 246 / var(--tw-bg-opacity));
|
|
1361
1280
|
}
|
|
1281
|
+
.focus\:border-blue-500:focus {
|
|
1282
|
+
--tw-border-opacity: 1;
|
|
1283
|
+
border-color: rgb(59 130 246 / var(--tw-border-opacity));
|
|
1284
|
+
}
|
|
1285
|
+
.focus\:ring-blue-500:focus {
|
|
1286
|
+
--tw-ring-opacity: 1;
|
|
1287
|
+
--tw-ring-color: rgb(59 130 246 / var(--tw-ring-opacity));
|
|
1288
|
+
}
|
|
1289
|
+
.group:hover .group-hover\:bg-white {
|
|
1290
|
+
--tw-bg-opacity: 1;
|
|
1291
|
+
background-color: rgb(255 255 255 / var(--tw-bg-opacity));
|
|
1292
|
+
}
|
|
1293
|
+
.group:hover .group-hover\:\!bg-white {
|
|
1294
|
+
--tw-bg-opacity: 1 !important;
|
|
1295
|
+
background-color: rgb(255 255 255 / var(--tw-bg-opacity)) !important;
|
|
1296
|
+
}
|
|
1297
|
+
.group:hover .group-hover\:font-medium {
|
|
1298
|
+
font-weight: 500;
|
|
1299
|
+
}
|
|
1300
|
+
.group:hover .group-hover\:text-gray-900 {
|
|
1301
|
+
--tw-text-opacity: 1;
|
|
1302
|
+
color: rgb(17 24 39 / var(--tw-text-opacity));
|
|
1303
|
+
}
|
|
1304
|
+
.prose-p\:mt-3 :is(:where(p):not(:where([class~="not-prose"] *))) {
|
|
1305
|
+
margin-top: 0.75rem;
|
|
1306
|
+
}
|
|
1307
|
+
.prose-p\:mb-3 :is(:where(p):not(:where([class~="not-prose"] *))) {
|
|
1308
|
+
margin-bottom: 0.75rem;
|
|
1309
|
+
}
|
|
1362
1310
|
.prose-pre\:p-0 :is(:where(pre):not(:where([class~="not-prose"] *))) {
|
|
1363
1311
|
padding: 0px;
|
|
1364
1312
|
}
|
|
1313
|
+
.prose-img\:mt-0 :is(:where(img):not(:where([class~="not-prose"] *))) {
|
|
1314
|
+
margin-top: 0px;
|
|
1315
|
+
}
|
|
1316
|
+
.prose-img\:mb-0 :is(:where(img):not(:where([class~="not-prose"] *))) {
|
|
1317
|
+
margin-bottom: 0px;
|
|
1318
|
+
}
|
|
1365
1319
|
.resize-observer[data-v-b329ee4c]{position:absolute;top:0;left:0;z-index:-1;width:100%;height:100%;border:none;background-color:transparent;pointer-events:none;display:block;overflow:hidden;opacity:0}.resize-observer[data-v-b329ee4c] object{display:block;position:absolute;top:0;left:0;height:100%;width:100%;overflow:hidden;pointer-events:none;z-index:-1}.v-popper__popper{z-index:10000;top:0;left:0;outline:none}.v-popper__popper.v-popper__popper--hidden{visibility:hidden;opacity:0;transition:opacity .15s,visibility .15s;pointer-events:none}.v-popper__popper.v-popper__popper--shown{visibility:visible;opacity:1;transition:opacity .15s}.v-popper__popper.v-popper__popper--skip-transition,.v-popper__popper.v-popper__popper--skip-transition>.v-popper__wrapper{transition:none!important}.v-popper__backdrop{position:absolute;top:0;left:0;width:100%;height:100%;display:none}.v-popper__inner{position:relative;box-sizing:border-box;overflow-y:auto}.v-popper__inner>div{position:relative;z-index:1;max-width:inherit;max-height:inherit}.v-popper__arrow-container{position:absolute;width:10px;height:10px}.v-popper__popper--arrow-overflow .v-popper__arrow-container,.v-popper__popper--no-positioning .v-popper__arrow-container{display:none}.v-popper__arrow-inner,.v-popper__arrow-outer{border-style:solid;position:absolute;top:0;left:0;width:0;height:0}.v-popper__arrow-inner{visibility:hidden;border-width:7px}.v-popper__arrow-outer{border-width:6px}.v-popper__popper[data-popper-placement^=top] .v-popper__arrow-inner,.v-popper__popper[data-popper-placement^=bottom] .v-popper__arrow-inner{left:-2px}.v-popper__popper[data-popper-placement^=top] .v-popper__arrow-outer,.v-popper__popper[data-popper-placement^=bottom] .v-popper__arrow-outer{left:-1px}.v-popper__popper[data-popper-placement^=top] .v-popper__arrow-inner,.v-popper__popper[data-popper-placement^=top] .v-popper__arrow-outer{border-bottom-width:0;border-left-color:transparent!important;border-right-color:transparent!important;border-bottom-color:transparent!important}.v-popper__popper[data-popper-placement^=top] .v-popper__arrow-inner{top:-2px}.v-popper__popper[data-popper-placement^=bottom] .v-popper__arrow-container{top:0}.v-popper__popper[data-popper-placement^=bottom] .v-popper__arrow-inner,.v-popper__popper[data-popper-placement^=bottom] .v-popper__arrow-outer{border-top-width:0;border-left-color:transparent!important;border-right-color:transparent!important;border-top-color:transparent!important}.v-popper__popper[data-popper-placement^=bottom] .v-popper__arrow-inner{top:-4px}.v-popper__popper[data-popper-placement^=bottom] .v-popper__arrow-outer{top:-6px}.v-popper__popper[data-popper-placement^=left] .v-popper__arrow-inner,.v-popper__popper[data-popper-placement^=right] .v-popper__arrow-inner{top:-2px}.v-popper__popper[data-popper-placement^=left] .v-popper__arrow-outer,.v-popper__popper[data-popper-placement^=right] .v-popper__arrow-outer{top:-1px}.v-popper__popper[data-popper-placement^=right] .v-popper__arrow-inner,.v-popper__popper[data-popper-placement^=right] .v-popper__arrow-outer{border-left-width:0;border-left-color:transparent!important;border-top-color:transparent!important;border-bottom-color:transparent!important}.v-popper__popper[data-popper-placement^=right] .v-popper__arrow-inner{left:-4px}.v-popper__popper[data-popper-placement^=right] .v-popper__arrow-outer{left:-6px}.v-popper__popper[data-popper-placement^=left] .v-popper__arrow-container{right:-10px}.v-popper__popper[data-popper-placement^=left] .v-popper__arrow-inner,.v-popper__popper[data-popper-placement^=left] .v-popper__arrow-outer{border-right-width:0;border-top-color:transparent!important;border-right-color:transparent!important;border-bottom-color:transparent!important}.v-popper__popper[data-popper-placement^=left] .v-popper__arrow-inner{left:-2px}.v-popper--theme-dropdown .v-popper__inner{background:#fff;color:#000;border-radius:6px;border:1px solid #ddd;box-shadow:0 6px 30px #0000001a}.v-popper--theme-dropdown .v-popper__arrow-inner{visibility:visible;border-color:#fff}.v-popper--theme-dropdown .v-popper__arrow-outer{border-color:#ddd}.v-popper--theme-tooltip .v-popper__inner{background:rgba(0,0,0,.8);color:#fff;border-radius:6px;padding:7px 12px 6px}.v-popper--theme-tooltip .v-popper__arrow-outer{border-color:#000c}
|
|
1366
|
-
.
|
|
1320
|
+
pre code.hljs{display:block;overflow-x:auto;padding:1em}code.hljs{padding:3px 5px}/*!
|
|
1321
|
+
Theme: GitHub Dark
|
|
1322
|
+
Description: Dark theme as seen on github.com
|
|
1323
|
+
Author: github.com
|
|
1324
|
+
Maintainer: @Hirse
|
|
1325
|
+
Updated: 2021-05-15
|
|
1326
|
+
|
|
1327
|
+
Outdated base version: https://github.com/primer/github-syntax-dark
|
|
1328
|
+
Current colors taken from GitHub's CSS
|
|
1329
|
+
*/.hljs{color:#c9d1d9;background:#0d1117}.hljs-doctag,.hljs-keyword,.hljs-meta .hljs-keyword,.hljs-template-tag,.hljs-template-variable,.hljs-type,.hljs-variable.language_{color:#ff7b72}.hljs-title,.hljs-title.class_,.hljs-title.class_.inherited__,.hljs-title.function_{color:#d2a8ff}.hljs-attr,.hljs-attribute,.hljs-literal,.hljs-meta,.hljs-number,.hljs-operator,.hljs-selector-attr,.hljs-selector-class,.hljs-selector-id,.hljs-variable{color:#79c0ff}.hljs-meta .hljs-string,.hljs-regexp,.hljs-string{color:#a5d6ff}.hljs-built_in,.hljs-symbol{color:#ffa657}.hljs-code,.hljs-comment,.hljs-formula{color:#8b949e}.hljs-name,.hljs-quote,.hljs-selector-pseudo,.hljs-selector-tag{color:#7ee787}.hljs-subst{color:#c9d1d9}.hljs-section{color:#1f6feb;font-weight:700}.hljs-bullet{color:#f2cc60}.hljs-emphasis{color:#c9d1d9;font-style:italic}.hljs-strong{color:#c9d1d9;font-weight:700}.hljs-addition{color:#aff5b4;background-color:#033a16}.hljs-deletion{color:#ffdcd7;background-color:#67060c}.command-items {
|
|
1367
1330
|
position: relative;
|
|
1368
1331
|
max-height: 18rem;
|
|
1369
1332
|
width: 13rem;
|
package/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@halo-dev/richtext-editor",
|
|
3
|
-
"version": "0.0.0-alpha.
|
|
3
|
+
"version": "0.0.0-alpha.12",
|
|
4
4
|
"description": "",
|
|
5
5
|
"files": [
|
|
6
6
|
"dist"
|
|
@@ -29,16 +29,16 @@
|
|
|
29
29
|
"vue": "^3.2.37"
|
|
30
30
|
},
|
|
31
31
|
"devDependencies": {
|
|
32
|
-
"@iconify/json": "^2.1.
|
|
32
|
+
"@iconify/json": "^2.1.142",
|
|
33
33
|
"@types/katex": "^0.14.0",
|
|
34
|
-
"@vue/compiler-sfc": "^3.2.
|
|
34
|
+
"@vue/compiler-sfc": "^3.2.45",
|
|
35
35
|
"autoprefixer": "^10.4.13",
|
|
36
|
-
"postcss": "^8.4.
|
|
36
|
+
"postcss": "^8.4.19",
|
|
37
37
|
"release-it": "^15.5.0",
|
|
38
|
-
"sass": "^1.
|
|
39
|
-
"tailwindcss": "^3.2.
|
|
40
|
-
"unplugin-icons": "^0.14.
|
|
41
|
-
"vite-plugin-dts": "^1.
|
|
38
|
+
"sass": "^1.56.1",
|
|
39
|
+
"tailwindcss": "^3.2.4",
|
|
40
|
+
"unplugin-icons": "^0.14.14",
|
|
41
|
+
"vite-plugin-dts": "^1.7.1"
|
|
42
42
|
},
|
|
43
43
|
"exports": {
|
|
44
44
|
".": {
|
|
@@ -48,41 +48,42 @@
|
|
|
48
48
|
"./dist/style.css": "./dist/style.css"
|
|
49
49
|
},
|
|
50
50
|
"dependencies": {
|
|
51
|
-
"@tiptap/core": "2.0.0-beta.
|
|
52
|
-
"@tiptap/extension-blockquote": "^2.0.0-beta.
|
|
53
|
-
"@tiptap/extension-bold": "^2.0.0-beta.
|
|
54
|
-
"@tiptap/extension-bullet-list": "^2.0.0-beta.
|
|
55
|
-
"@tiptap/extension-code": "^2.0.0-beta.
|
|
56
|
-
"@tiptap/extension-code-block": "^2.0.0-beta.
|
|
57
|
-
"@tiptap/extension-code-block-lowlight": "2.0.0-beta.
|
|
58
|
-
"@tiptap/extension-document": "^2.0.0-beta.
|
|
59
|
-
"@tiptap/extension-dropcursor": "^2.0.0-beta.
|
|
60
|
-
"@tiptap/extension-gapcursor": "^2.0.0-beta.
|
|
61
|
-
"@tiptap/extension-hard-break": "^2.0.0-beta.
|
|
62
|
-
"@tiptap/extension-heading": "^2.0.0-beta.
|
|
63
|
-
"@tiptap/extension-history": "^2.0.0-beta.
|
|
64
|
-
"@tiptap/extension-horizontal-rule": "^2.0.0-beta.
|
|
65
|
-
"@tiptap/extension-image": "2.0.0-beta.
|
|
66
|
-
"@tiptap/extension-italic": "^2.0.0-beta.
|
|
67
|
-
"@tiptap/extension-link": "2.0.0-beta.
|
|
68
|
-
"@tiptap/extension-list-item": "^2.0.0-beta.
|
|
69
|
-
"@tiptap/extension-ordered-list": "^2.0.0-beta.
|
|
70
|
-
"@tiptap/extension-paragraph": "^2.0.0-beta.
|
|
71
|
-
"@tiptap/extension-placeholder": "2.0.0-beta.
|
|
72
|
-
"@tiptap/extension-strike": "^2.0.0-beta.
|
|
73
|
-
"@tiptap/extension-subscript": "2.0.0-beta.
|
|
74
|
-
"@tiptap/extension-superscript": "2.0.0-beta.
|
|
75
|
-
"@tiptap/extension-table": "2.0.0-beta.
|
|
76
|
-
"@tiptap/extension-table-cell": "2.0.0-beta.
|
|
77
|
-
"@tiptap/extension-table-header": "2.0.0-beta.
|
|
78
|
-
"@tiptap/extension-table-row": "2.0.0-beta.
|
|
79
|
-
"@tiptap/extension-task-item": "2.0.0-beta.
|
|
80
|
-
"@tiptap/extension-task-list": "2.0.0-beta.
|
|
81
|
-
"@tiptap/extension-text": "^2.0.0-beta.
|
|
82
|
-
"@tiptap/extension-text-align": "2.0.0-beta.
|
|
83
|
-
"@tiptap/extension-underline": "2.0.0-beta.
|
|
84
|
-
"@tiptap/suggestion": "2.0.0-beta.
|
|
85
|
-
"@tiptap/vue-3": "2.0.0-beta.
|
|
51
|
+
"@tiptap/core": "2.0.0-beta.202",
|
|
52
|
+
"@tiptap/extension-blockquote": "^2.0.0-beta.202",
|
|
53
|
+
"@tiptap/extension-bold": "^2.0.0-beta.202",
|
|
54
|
+
"@tiptap/extension-bullet-list": "^2.0.0-beta.202",
|
|
55
|
+
"@tiptap/extension-code": "^2.0.0-beta.202",
|
|
56
|
+
"@tiptap/extension-code-block": "^2.0.0-beta.202",
|
|
57
|
+
"@tiptap/extension-code-block-lowlight": "2.0.0-beta.202",
|
|
58
|
+
"@tiptap/extension-document": "^2.0.0-beta.202",
|
|
59
|
+
"@tiptap/extension-dropcursor": "^2.0.0-beta.202",
|
|
60
|
+
"@tiptap/extension-gapcursor": "^2.0.0-beta.202",
|
|
61
|
+
"@tiptap/extension-hard-break": "^2.0.0-beta.202",
|
|
62
|
+
"@tiptap/extension-heading": "^2.0.0-beta.202",
|
|
63
|
+
"@tiptap/extension-history": "^2.0.0-beta.202",
|
|
64
|
+
"@tiptap/extension-horizontal-rule": "^2.0.0-beta.202",
|
|
65
|
+
"@tiptap/extension-image": "2.0.0-beta.202",
|
|
66
|
+
"@tiptap/extension-italic": "^2.0.0-beta.202",
|
|
67
|
+
"@tiptap/extension-link": "2.0.0-beta.202",
|
|
68
|
+
"@tiptap/extension-list-item": "^2.0.0-beta.202",
|
|
69
|
+
"@tiptap/extension-ordered-list": "^2.0.0-beta.202",
|
|
70
|
+
"@tiptap/extension-paragraph": "^2.0.0-beta.202",
|
|
71
|
+
"@tiptap/extension-placeholder": "2.0.0-beta.202",
|
|
72
|
+
"@tiptap/extension-strike": "^2.0.0-beta.202",
|
|
73
|
+
"@tiptap/extension-subscript": "2.0.0-beta.202",
|
|
74
|
+
"@tiptap/extension-superscript": "2.0.0-beta.202",
|
|
75
|
+
"@tiptap/extension-table": "2.0.0-beta.202",
|
|
76
|
+
"@tiptap/extension-table-cell": "2.0.0-beta.202",
|
|
77
|
+
"@tiptap/extension-table-header": "2.0.0-beta.202",
|
|
78
|
+
"@tiptap/extension-table-row": "2.0.0-beta.202",
|
|
79
|
+
"@tiptap/extension-task-item": "2.0.0-beta.202",
|
|
80
|
+
"@tiptap/extension-task-list": "2.0.0-beta.202",
|
|
81
|
+
"@tiptap/extension-text": "^2.0.0-beta.202",
|
|
82
|
+
"@tiptap/extension-text-align": "2.0.0-beta.202",
|
|
83
|
+
"@tiptap/extension-underline": "2.0.0-beta.202",
|
|
84
|
+
"@tiptap/suggestion": "2.0.0-beta.202",
|
|
85
|
+
"@tiptap/vue-3": "2.0.0-beta.202",
|
|
86
|
+
"@vueuse/core": "^9.6.0",
|
|
86
87
|
"floating-vue": "2.0.0-beta.20",
|
|
87
88
|
"katex": "^0.16.3",
|
|
88
89
|
"lowlight": "^2.7.0",
|