@hailin-zheng/editor-core 2.2.7 → 2.2.8
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/editor.css +348 -348
- package/index-cjs.js +208 -254
- package/index-cjs.js.map +1 -1
- package/index.js +208 -254
- package/index.js.map +1 -1
- package/med_editor/framework/element-define.d.ts +8 -5
- package/med_editor/framework/element-serialize.d.ts +1 -1
- package/med_editor/framework/impl/data-element/data-container-impl.d.ts +8 -8
- package/med_editor/framework/impl/document/doc-body-impl.d.ts +2 -2
- package/med_editor/framework/impl/document/doc-body-part-impl.d.ts +2 -2
- package/med_editor/framework/impl/paragraph/p-impl.d.ts +2 -2
- package/med_editor/framework/impl/table/table-impl.d.ts +2 -2
- package/med_editor/framework/impl/table/table-row-impl.d.ts +2 -2
- package/med_editor/framework/render-define.d.ts +5 -6
- package/package.json +2 -2
package/editor.css
CHANGED
|
@@ -1,97 +1,97 @@
|
|
|
1
1
|
.svg-container {
|
|
2
|
-
|
|
3
|
-
|
|
4
|
-
|
|
5
|
-
|
|
6
|
-
|
|
2
|
+
background: #f2f4f7;
|
|
3
|
+
overflow: hidden;
|
|
4
|
+
flex: 1;
|
|
5
|
+
height: 100%;
|
|
6
|
+
position: relative;
|
|
7
7
|
}
|
|
8
8
|
|
|
9
9
|
.svg-container * {
|
|
10
|
-
|
|
10
|
+
white-space: pre;
|
|
11
11
|
}
|
|
12
12
|
|
|
13
13
|
.drop-container {
|
|
14
|
-
|
|
15
|
-
|
|
16
|
-
|
|
14
|
+
position: absolute;
|
|
15
|
+
left: 0;
|
|
16
|
+
top: 0;
|
|
17
17
|
}
|
|
18
18
|
|
|
19
19
|
.data-list > div {
|
|
20
|
-
|
|
21
|
-
|
|
22
|
-
|
|
23
|
-
|
|
24
|
-
|
|
25
|
-
|
|
20
|
+
padding: 6px 4px;
|
|
21
|
+
display: flex;
|
|
22
|
+
align-items: center;
|
|
23
|
+
gap: 10px;
|
|
24
|
+
border-bottom: 1px solid #ccc;
|
|
25
|
+
cursor: default;
|
|
26
26
|
}
|
|
27
27
|
|
|
28
28
|
.data-list > div:hover {
|
|
29
|
-
|
|
29
|
+
background-color: #ccc;
|
|
30
30
|
}
|
|
31
31
|
|
|
32
32
|
.data-list > div:last-child {
|
|
33
|
-
|
|
33
|
+
border-bottom: none; /* 去掉最后一个列表项的底部边框线 */
|
|
34
34
|
}
|
|
35
35
|
|
|
36
36
|
@keyframes hover-color {
|
|
37
|
-
|
|
38
|
-
|
|
39
|
-
|
|
40
|
-
|
|
41
|
-
|
|
42
|
-
|
|
37
|
+
from {
|
|
38
|
+
border-color: #c0c0c0;
|
|
39
|
+
}
|
|
40
|
+
to {
|
|
41
|
+
border-color: #3e97eb;
|
|
42
|
+
}
|
|
43
43
|
}
|
|
44
44
|
|
|
45
45
|
.magic-radio,
|
|
46
46
|
.magic-checkbox {
|
|
47
|
-
|
|
48
|
-
|
|
47
|
+
position: absolute;
|
|
48
|
+
display: none;
|
|
49
49
|
}
|
|
50
50
|
|
|
51
51
|
.magic-radio[disabled],
|
|
52
52
|
.magic-checkbox[disabled] {
|
|
53
|
-
|
|
53
|
+
cursor: not-allowed;
|
|
54
54
|
}
|
|
55
55
|
|
|
56
56
|
.magic-radio + label,
|
|
57
57
|
.magic-checkbox + label {
|
|
58
|
-
|
|
59
|
-
|
|
60
|
-
|
|
61
|
-
|
|
62
|
-
|
|
58
|
+
position: relative;
|
|
59
|
+
display: block;
|
|
60
|
+
padding-left: 30px;
|
|
61
|
+
cursor: pointer;
|
|
62
|
+
vertical-align: middle;
|
|
63
63
|
}
|
|
64
64
|
|
|
65
65
|
.magic-radio + label:hover:before,
|
|
66
66
|
.magic-checkbox + label:hover:before {
|
|
67
|
-
|
|
68
|
-
|
|
69
|
-
|
|
67
|
+
animation-duration: 0.4s;
|
|
68
|
+
animation-fill-mode: both;
|
|
69
|
+
animation-name: hover-color;
|
|
70
70
|
}
|
|
71
71
|
|
|
72
72
|
.magic-radio + label:before,
|
|
73
73
|
.magic-checkbox + label:before {
|
|
74
|
-
|
|
75
|
-
|
|
76
|
-
|
|
77
|
-
|
|
78
|
-
|
|
79
|
-
|
|
80
|
-
|
|
81
|
-
|
|
74
|
+
position: absolute;
|
|
75
|
+
top: 0;
|
|
76
|
+
left: 0;
|
|
77
|
+
display: inline-block;
|
|
78
|
+
width: 20px;
|
|
79
|
+
height: 20px;
|
|
80
|
+
content: "";
|
|
81
|
+
border: 1px solid #c0c0c0;
|
|
82
82
|
}
|
|
83
83
|
|
|
84
84
|
.magic-radio + label:after,
|
|
85
85
|
.magic-checkbox + label:after {
|
|
86
|
-
|
|
87
|
-
|
|
88
|
-
|
|
86
|
+
position: absolute;
|
|
87
|
+
display: none;
|
|
88
|
+
content: "";
|
|
89
89
|
}
|
|
90
90
|
|
|
91
91
|
.magic-radio[disabled] + label,
|
|
92
92
|
.magic-checkbox[disabled] + label {
|
|
93
|
-
|
|
94
|
-
|
|
93
|
+
cursor: not-allowed;
|
|
94
|
+
color: #e4e4e4;
|
|
95
95
|
}
|
|
96
96
|
|
|
97
97
|
.magic-radio[disabled] + label:hover,
|
|
@@ -100,595 +100,595 @@
|
|
|
100
100
|
.magic-checkbox[disabled] + label:hover,
|
|
101
101
|
.magic-checkbox[disabled] + label:before,
|
|
102
102
|
.magic-checkbox[disabled] + label:after {
|
|
103
|
-
|
|
103
|
+
cursor: not-allowed;
|
|
104
104
|
}
|
|
105
105
|
|
|
106
106
|
.magic-radio[disabled] + label:hover:before,
|
|
107
107
|
.magic-checkbox[disabled] + label:hover:before {
|
|
108
|
-
|
|
109
|
-
|
|
108
|
+
border: 1px solid #e4e4e4;
|
|
109
|
+
animation-name: none;
|
|
110
110
|
}
|
|
111
111
|
|
|
112
112
|
.magic-radio[disabled] + label:before,
|
|
113
113
|
.magic-checkbox[disabled] + label:before {
|
|
114
|
-
|
|
114
|
+
border-color: #e4e4e4;
|
|
115
115
|
}
|
|
116
116
|
|
|
117
117
|
.magic-radio:checked + label:before,
|
|
118
118
|
.magic-checkbox:checked + label:before {
|
|
119
|
-
|
|
119
|
+
animation-name: none;
|
|
120
120
|
}
|
|
121
121
|
|
|
122
122
|
.magic-radio:checked + label:after,
|
|
123
123
|
.magic-checkbox:checked + label:after {
|
|
124
|
-
|
|
124
|
+
display: block;
|
|
125
125
|
}
|
|
126
126
|
|
|
127
127
|
.magic-radio + label:before {
|
|
128
|
-
|
|
128
|
+
border-radius: 50%;
|
|
129
129
|
}
|
|
130
130
|
|
|
131
131
|
.magic-radio + label:after {
|
|
132
|
-
|
|
133
|
-
|
|
134
|
-
|
|
135
|
-
|
|
136
|
-
|
|
137
|
-
|
|
132
|
+
top: 7px;
|
|
133
|
+
left: 7px;
|
|
134
|
+
width: 8px;
|
|
135
|
+
height: 8px;
|
|
136
|
+
border-radius: 50%;
|
|
137
|
+
background: #3e97eb;
|
|
138
138
|
}
|
|
139
139
|
|
|
140
140
|
.magic-radio:checked + label:before {
|
|
141
|
-
|
|
141
|
+
border: 1px solid #3e97eb;
|
|
142
142
|
}
|
|
143
143
|
|
|
144
144
|
.magic-radio:checked[disabled] + label:before {
|
|
145
|
-
|
|
145
|
+
border: 1px solid #c9e2f9;
|
|
146
146
|
}
|
|
147
147
|
|
|
148
148
|
.magic-radio:checked[disabled] + label:after {
|
|
149
|
-
|
|
149
|
+
background: #c9e2f9;
|
|
150
150
|
}
|
|
151
151
|
|
|
152
152
|
.magic-checkbox + label:before {
|
|
153
|
-
|
|
153
|
+
border-radius: 3px;
|
|
154
154
|
}
|
|
155
155
|
|
|
156
156
|
.magic-checkbox + label:after {
|
|
157
|
-
|
|
158
|
-
|
|
159
|
-
|
|
160
|
-
|
|
161
|
-
|
|
162
|
-
|
|
163
|
-
|
|
164
|
-
|
|
165
|
-
|
|
166
|
-
|
|
167
|
-
|
|
157
|
+
top: 2px;
|
|
158
|
+
left: 7px;
|
|
159
|
+
box-sizing: border-box;
|
|
160
|
+
width: 6px;
|
|
161
|
+
height: 12px;
|
|
162
|
+
transform: rotate(45deg);
|
|
163
|
+
border-width: 2px;
|
|
164
|
+
border-style: solid;
|
|
165
|
+
border-color: #fff;
|
|
166
|
+
border-top: 0;
|
|
167
|
+
border-left: 0;
|
|
168
168
|
}
|
|
169
169
|
|
|
170
170
|
.magic-checkbox:checked + label:before {
|
|
171
|
-
|
|
172
|
-
|
|
171
|
+
border: #3e97eb;
|
|
172
|
+
background: #3e97eb;
|
|
173
173
|
}
|
|
174
174
|
|
|
175
175
|
.magic-checkbox:checked[disabled] + label:before {
|
|
176
|
-
|
|
177
|
-
|
|
176
|
+
border: #c9e2f9;
|
|
177
|
+
background: #c9e2f9;
|
|
178
178
|
}
|
|
179
179
|
|
|
180
180
|
/* 样式化 radio box 的外观 */
|
|
181
181
|
.editor-list-radiobox {
|
|
182
|
-
|
|
183
|
-
|
|
184
|
-
|
|
185
|
-
|
|
186
|
-
|
|
187
|
-
|
|
188
|
-
|
|
182
|
+
width: 16px;
|
|
183
|
+
height: 16px;
|
|
184
|
+
border: 1px solid #000;
|
|
185
|
+
border-radius: 50%;
|
|
186
|
+
cursor: pointer;
|
|
187
|
+
display: inline-block;
|
|
188
|
+
position: relative;
|
|
189
189
|
}
|
|
190
190
|
|
|
191
191
|
/* 选中状态的样式 */
|
|
192
192
|
.editor-list-radiobox.checked::after {
|
|
193
|
-
|
|
194
|
-
|
|
195
|
-
|
|
196
|
-
|
|
197
|
-
|
|
198
|
-
|
|
199
|
-
|
|
200
|
-
|
|
201
|
-
|
|
193
|
+
content: "";
|
|
194
|
+
width: 8px;
|
|
195
|
+
height: 8px;
|
|
196
|
+
background-color: #007bff;
|
|
197
|
+
border-radius: 50%;
|
|
198
|
+
position: absolute;
|
|
199
|
+
top: 50%;
|
|
200
|
+
left: 50%;
|
|
201
|
+
transform: translate(-50%, -50%);
|
|
202
202
|
}
|
|
203
203
|
|
|
204
204
|
/* 样式化 checkbox 的外观 */
|
|
205
205
|
.editor-list-checkbox {
|
|
206
|
-
|
|
207
|
-
|
|
208
|
-
|
|
209
|
-
|
|
206
|
+
width: 16px;
|
|
207
|
+
height: 16px;
|
|
208
|
+
border: 1px solid #000;
|
|
209
|
+
cursor: pointer;
|
|
210
210
|
}
|
|
211
211
|
|
|
212
212
|
/* 选中状态的样式 */
|
|
213
213
|
.editor-list-checkbox.checked::after {
|
|
214
|
-
|
|
215
|
-
|
|
216
|
-
|
|
217
|
-
|
|
218
|
-
|
|
219
|
-
|
|
214
|
+
content: "✔";
|
|
215
|
+
font-size: 14px;
|
|
216
|
+
color: #007bff;
|
|
217
|
+
display: block;
|
|
218
|
+
text-align: center;
|
|
219
|
+
line-height: 16px;
|
|
220
220
|
}
|
|
221
221
|
|
|
222
222
|
.decorate-container {
|
|
223
|
-
|
|
224
|
-
|
|
225
|
-
|
|
223
|
+
position: absolute;
|
|
224
|
+
cursor: default;
|
|
225
|
+
z-index: 1;
|
|
226
226
|
}
|
|
227
227
|
|
|
228
228
|
.tg-container {
|
|
229
|
-
|
|
230
|
-
|
|
231
|
-
|
|
232
|
-
|
|
233
|
-
|
|
234
|
-
|
|
235
|
-
|
|
229
|
+
font-size: 12px;
|
|
230
|
+
border: 1px solid #ccc;
|
|
231
|
+
padding: 10px;
|
|
232
|
+
position: absolute;
|
|
233
|
+
width: 200px;
|
|
234
|
+
background: #fff;
|
|
235
|
+
box-shadow: rgba(158, 161, 165, 0.4) 0px 2px 12px 0px;
|
|
236
236
|
}
|
|
237
237
|
|
|
238
238
|
.tg-container--selected {
|
|
239
|
-
|
|
239
|
+
box-shadow: 0 2px 16px 0 rgb(0 0 0 / 20%);
|
|
240
240
|
}
|
|
241
241
|
|
|
242
242
|
.tg-container > .header {
|
|
243
|
-
|
|
244
|
-
|
|
245
|
-
|
|
243
|
+
display: flex;
|
|
244
|
+
justify-content: space-between;
|
|
245
|
+
align-items: center;
|
|
246
246
|
}
|
|
247
247
|
|
|
248
248
|
.tg-container > .content {
|
|
249
|
-
|
|
250
|
-
|
|
251
|
-
|
|
249
|
+
margin-top: 10px;
|
|
250
|
+
white-space: normal;
|
|
251
|
+
word-break: break-all;
|
|
252
252
|
}
|
|
253
253
|
|
|
254
254
|
.tg-container > .header > .header-user {
|
|
255
|
-
|
|
255
|
+
color: #3e97eb;
|
|
256
256
|
}
|
|
257
257
|
|
|
258
258
|
.tg-container > .header > .header-date {
|
|
259
|
-
|
|
260
|
-
|
|
259
|
+
color: #c0c0c0;
|
|
260
|
+
padding-right: 10px;
|
|
261
261
|
}
|
|
262
262
|
|
|
263
263
|
.tg-container > .bg {
|
|
264
|
-
|
|
265
|
-
|
|
266
|
-
|
|
267
|
-
|
|
268
|
-
|
|
264
|
+
position: absolute;
|
|
265
|
+
left: 0;
|
|
266
|
+
top: 0;
|
|
267
|
+
width: 4px;
|
|
268
|
+
height: 100%;
|
|
269
269
|
}
|
|
270
270
|
|
|
271
271
|
.editor-calendar {
|
|
272
|
-
|
|
273
|
-
|
|
274
|
-
|
|
275
|
-
|
|
276
|
-
|
|
277
|
-
|
|
278
|
-
|
|
272
|
+
width: 212px;
|
|
273
|
+
height: 272px;
|
|
274
|
+
border: 1px solid #ccc;
|
|
275
|
+
background: #fff;
|
|
276
|
+
cursor: default;
|
|
277
|
+
user-select: none;
|
|
278
|
+
font-size: 12px;
|
|
279
279
|
}
|
|
280
280
|
|
|
281
281
|
.editor-calendar-header {
|
|
282
|
-
|
|
283
|
-
|
|
284
|
-
|
|
285
|
-
|
|
282
|
+
display: flex;
|
|
283
|
+
justify-content: space-between;
|
|
284
|
+
align-items: center;
|
|
285
|
+
line-height: 30px;
|
|
286
286
|
}
|
|
287
287
|
|
|
288
288
|
.editor-calendar-header-left {
|
|
289
|
-
|
|
290
|
-
|
|
289
|
+
display: flex;
|
|
290
|
+
align-items: center;
|
|
291
291
|
}
|
|
292
292
|
|
|
293
293
|
.editor-calendar-header-left-year {
|
|
294
|
-
|
|
294
|
+
padding: 0 5px;
|
|
295
295
|
}
|
|
296
296
|
|
|
297
297
|
.editor-calendar-header-left-year:hover {
|
|
298
|
-
|
|
298
|
+
background: #ccc;
|
|
299
299
|
}
|
|
300
300
|
|
|
301
301
|
.editor-calendar-item:hover {
|
|
302
|
-
|
|
302
|
+
background: #ccc;
|
|
303
303
|
}
|
|
304
304
|
|
|
305
305
|
.editor-calendar-header-left-month {
|
|
306
|
-
|
|
306
|
+
padding: 0 5px;
|
|
307
307
|
}
|
|
308
308
|
|
|
309
309
|
.editor-calendar-header-left-month:hover {
|
|
310
|
-
|
|
310
|
+
background: #ccc;
|
|
311
311
|
}
|
|
312
312
|
|
|
313
313
|
.editor-calendar-header-right {
|
|
314
|
-
|
|
315
|
-
|
|
314
|
+
display: flex;
|
|
315
|
+
align-items: center;
|
|
316
316
|
}
|
|
317
317
|
|
|
318
318
|
.editor-calendar-header-right-prev {
|
|
319
|
-
|
|
319
|
+
padding: 0 5px;
|
|
320
320
|
}
|
|
321
321
|
|
|
322
322
|
.editor-calendar-header-right-prev:hover {
|
|
323
|
-
|
|
323
|
+
background-color: #ccc;
|
|
324
324
|
}
|
|
325
325
|
|
|
326
326
|
.editor-calendar-header-right-next {
|
|
327
|
-
|
|
327
|
+
padding: 0 5px;
|
|
328
328
|
}
|
|
329
329
|
|
|
330
330
|
.editor-calendar-header-right-next:hover {
|
|
331
|
-
|
|
331
|
+
background-color: #ccc;
|
|
332
332
|
}
|
|
333
333
|
|
|
334
334
|
.editor-calendar-body {
|
|
335
|
-
|
|
336
|
-
|
|
335
|
+
display: flex;
|
|
336
|
+
flex-direction: column;
|
|
337
337
|
}
|
|
338
338
|
|
|
339
339
|
.editor-calendar-body-week {
|
|
340
|
-
|
|
340
|
+
display: flex;
|
|
341
341
|
}
|
|
342
342
|
|
|
343
343
|
.editor-calendar-body-week-item {
|
|
344
|
-
|
|
345
|
-
|
|
346
|
-
|
|
347
|
-
|
|
344
|
+
width: 30px;
|
|
345
|
+
height: 30px;
|
|
346
|
+
line-height: 30px;
|
|
347
|
+
text-align: center;
|
|
348
348
|
}
|
|
349
349
|
|
|
350
350
|
.editor-calendar-body-day {
|
|
351
|
-
|
|
352
|
-
|
|
351
|
+
display: flex;
|
|
352
|
+
flex-wrap: wrap;
|
|
353
353
|
}
|
|
354
354
|
|
|
355
355
|
.editor-calendar-body-day-item {
|
|
356
|
-
|
|
357
|
-
|
|
358
|
-
|
|
359
|
-
|
|
360
|
-
|
|
356
|
+
width: 30px;
|
|
357
|
+
height: 30px;
|
|
358
|
+
line-height: 30px;
|
|
359
|
+
text-align: center;
|
|
360
|
+
opacity: 0.6;
|
|
361
361
|
}
|
|
362
362
|
|
|
363
363
|
.editor-calendar-body-day-item--current-month {
|
|
364
|
-
|
|
364
|
+
opacity: 1;
|
|
365
365
|
}
|
|
366
366
|
|
|
367
367
|
.editor-calendar-body-day-item--today {
|
|
368
|
-
|
|
369
|
-
|
|
368
|
+
background: #2b88d8;
|
|
369
|
+
color: #fff;
|
|
370
370
|
}
|
|
371
371
|
|
|
372
372
|
.editor-calendar-body-day-item--selected {
|
|
373
|
-
|
|
374
|
-
|
|
373
|
+
outline: #2b88d8 1px solid;
|
|
374
|
+
font-weight: bold;
|
|
375
375
|
}
|
|
376
376
|
|
|
377
377
|
.editor-calendar-body-day-item:hover {
|
|
378
|
-
|
|
378
|
+
background-color: #ccc;
|
|
379
379
|
}
|
|
380
380
|
|
|
381
381
|
.editor-calendar-footer {
|
|
382
|
-
|
|
383
|
-
|
|
382
|
+
display: flex;
|
|
383
|
+
justify-content: space-between;
|
|
384
384
|
}
|
|
385
385
|
|
|
386
386
|
.editor-calendar-footer-right {
|
|
387
|
-
|
|
388
|
-
|
|
389
|
-
|
|
390
|
-
|
|
391
|
-
|
|
387
|
+
display: flex;
|
|
388
|
+
justify-content: flex-end;
|
|
389
|
+
align-items: center;
|
|
390
|
+
height: 30px;
|
|
391
|
+
font-size: 12px;
|
|
392
392
|
}
|
|
393
393
|
|
|
394
394
|
.editor-calendar-footer-right-btn {
|
|
395
|
-
|
|
396
|
-
|
|
397
|
-
|
|
395
|
+
padding: 2px 3px;
|
|
396
|
+
cursor: default;
|
|
397
|
+
user-select: none;
|
|
398
398
|
}
|
|
399
399
|
|
|
400
400
|
.editor-calendar-footer-right-btn:hover {
|
|
401
|
-
|
|
401
|
+
outline: 1px solid rgb(118, 142, 222);
|
|
402
402
|
}
|
|
403
403
|
|
|
404
404
|
.editor-calendar-footer-right-btn:active {
|
|
405
|
-
|
|
405
|
+
outline: 1px solid rgb(95, 19, 216);
|
|
406
406
|
}
|
|
407
407
|
|
|
408
408
|
.invert {
|
|
409
|
-
|
|
409
|
+
filter: invert(100%);
|
|
410
410
|
}
|
|
411
411
|
|
|
412
412
|
.editor-calendar-month {
|
|
413
|
-
|
|
414
|
-
|
|
415
|
-
|
|
416
|
-
|
|
417
|
-
|
|
413
|
+
width: 210px;
|
|
414
|
+
height: 180px;
|
|
415
|
+
border: 1px solid #ccc;
|
|
416
|
+
background: #fff;
|
|
417
|
+
cursor: default;
|
|
418
418
|
}
|
|
419
419
|
|
|
420
420
|
.editor-calendar-month-header {
|
|
421
|
-
|
|
422
|
-
|
|
423
|
-
|
|
424
|
-
|
|
421
|
+
display: flex;
|
|
422
|
+
justify-content: space-between;
|
|
423
|
+
align-items: center;
|
|
424
|
+
height: 30px;
|
|
425
425
|
}
|
|
426
426
|
|
|
427
427
|
.editor-calendar-month-header-left {
|
|
428
|
-
|
|
429
|
-
|
|
428
|
+
display: flex;
|
|
429
|
+
align-items: center;
|
|
430
430
|
}
|
|
431
431
|
|
|
432
432
|
.editor-calendar-month-header-left-year {
|
|
433
|
-
|
|
433
|
+
padding-left: 10px;
|
|
434
434
|
}
|
|
435
435
|
|
|
436
436
|
.editor-calendar-month-header-right {
|
|
437
|
-
|
|
438
|
-
|
|
437
|
+
display: flex;
|
|
438
|
+
align-items: center;
|
|
439
439
|
}
|
|
440
440
|
|
|
441
441
|
.editor-calendar-month-header-right-prev {
|
|
442
|
-
|
|
442
|
+
padding: 0 5px;
|
|
443
443
|
}
|
|
444
444
|
|
|
445
445
|
.editor-calendar-month-header-right-next {
|
|
446
|
-
|
|
446
|
+
padding: 0 5px;
|
|
447
447
|
}
|
|
448
448
|
|
|
449
449
|
.editor-calendar-month-body {
|
|
450
|
-
|
|
451
|
-
|
|
450
|
+
display: flex;
|
|
451
|
+
flex-direction: column;
|
|
452
452
|
}
|
|
453
453
|
|
|
454
454
|
.editor-calendar-month-body-month {
|
|
455
|
-
|
|
456
|
-
|
|
455
|
+
display: flex;
|
|
456
|
+
flex-wrap: wrap;
|
|
457
457
|
}
|
|
458
458
|
|
|
459
459
|
.editor-calendar-month-body-month-item {
|
|
460
|
-
|
|
461
|
-
|
|
462
|
-
|
|
463
|
-
|
|
460
|
+
width: 52px;
|
|
461
|
+
height: 50px;
|
|
462
|
+
line-height: 50px;
|
|
463
|
+
text-align: center;
|
|
464
464
|
}
|
|
465
465
|
|
|
466
466
|
.editor-calendar-month-body-month-item--current {
|
|
467
|
-
|
|
468
|
-
|
|
467
|
+
outline: #2b88d8 1px solid;
|
|
468
|
+
font-weight: bold;
|
|
469
469
|
}
|
|
470
470
|
|
|
471
471
|
.editor-calendar-year {
|
|
472
|
-
|
|
473
|
-
|
|
474
|
-
|
|
475
|
-
|
|
476
|
-
|
|
472
|
+
width: 210px;
|
|
473
|
+
height: 210px;
|
|
474
|
+
border: 1px solid #ccc;
|
|
475
|
+
background: #fff;
|
|
476
|
+
cursor: default;
|
|
477
477
|
}
|
|
478
478
|
|
|
479
479
|
.editor-calendar-year-header {
|
|
480
|
-
|
|
481
|
-
|
|
482
|
-
|
|
483
|
-
|
|
480
|
+
display: flex;
|
|
481
|
+
justify-content: space-between;
|
|
482
|
+
align-items: center;
|
|
483
|
+
height: 30px;
|
|
484
484
|
}
|
|
485
485
|
|
|
486
486
|
.editor-calendar-year-header-left {
|
|
487
|
-
|
|
488
|
-
|
|
487
|
+
display: flex;
|
|
488
|
+
align-items: center;
|
|
489
489
|
}
|
|
490
490
|
|
|
491
491
|
.editor-calendar-year-header-left-year {
|
|
492
|
-
|
|
492
|
+
padding: 0 5px;
|
|
493
493
|
}
|
|
494
494
|
|
|
495
495
|
.editor-calendar-year-header-right {
|
|
496
|
-
|
|
497
|
-
|
|
496
|
+
display: flex;
|
|
497
|
+
align-items: center;
|
|
498
498
|
}
|
|
499
499
|
|
|
500
500
|
.editor-calendar-year-header-right-prev {
|
|
501
|
-
|
|
501
|
+
padding: 0 5px;
|
|
502
502
|
}
|
|
503
503
|
|
|
504
504
|
.editor-calendar-year-header-right-next {
|
|
505
|
-
|
|
505
|
+
padding: 0 5px;
|
|
506
506
|
}
|
|
507
507
|
|
|
508
508
|
.editor-calendar-year-body {
|
|
509
|
-
|
|
510
|
-
|
|
509
|
+
display: flex;
|
|
510
|
+
flex-direction: column;
|
|
511
511
|
}
|
|
512
512
|
|
|
513
513
|
.editor-calendar-year-body-year {
|
|
514
|
-
|
|
515
|
-
|
|
514
|
+
display: flex;
|
|
515
|
+
flex-wrap: wrap;
|
|
516
516
|
}
|
|
517
517
|
|
|
518
518
|
.editor-calendar-year-body-year-item {
|
|
519
|
-
|
|
520
|
-
|
|
521
|
-
|
|
522
|
-
|
|
519
|
+
width: 52px;
|
|
520
|
+
height: 36px;
|
|
521
|
+
line-height: 36px;
|
|
522
|
+
text-align: center;
|
|
523
523
|
}
|
|
524
524
|
|
|
525
525
|
.editor-contextmenu {
|
|
526
|
-
|
|
527
|
-
|
|
528
|
-
|
|
529
|
-
|
|
526
|
+
z-index: 1000;
|
|
527
|
+
position: absolute;
|
|
528
|
+
background: white;
|
|
529
|
+
box-shadow: rgba(158, 161, 165, 0.4) 0px 2px 12px 0px;
|
|
530
530
|
}
|
|
531
531
|
|
|
532
532
|
.editor-overlays-menus {
|
|
533
|
-
|
|
534
|
-
|
|
535
|
-
|
|
536
|
-
|
|
537
|
-
|
|
538
|
-
|
|
539
|
-
|
|
533
|
+
font-size: 14px;
|
|
534
|
+
font-family: "宋体", serif;
|
|
535
|
+
margin: 0;
|
|
536
|
+
cursor: pointer;
|
|
537
|
+
padding: 0;
|
|
538
|
+
list-style: none;
|
|
539
|
+
user-select: none;
|
|
540
540
|
}
|
|
541
541
|
|
|
542
542
|
.editor-overlays-menus {
|
|
543
|
-
|
|
543
|
+
padding: 3px;
|
|
544
544
|
}
|
|
545
545
|
|
|
546
546
|
.editor-overlays-menus > li {
|
|
547
|
-
|
|
548
|
-
|
|
549
|
-
|
|
550
|
-
|
|
551
|
-
|
|
552
|
-
|
|
553
|
-
|
|
554
|
-
}
|
|
555
|
-
.editor-overlays-menus > li >ul{
|
|
556
|
-
|
|
557
|
-
|
|
558
|
-
|
|
559
|
-
|
|
560
|
-
|
|
561
|
-
|
|
562
|
-
|
|
563
|
-
}
|
|
564
|
-
.editor-overlays-menus .sub:after{
|
|
565
|
-
|
|
566
|
-
|
|
567
|
-
}
|
|
568
|
-
.editor-overlays-menus > li:hover >ul{
|
|
569
|
-
|
|
547
|
+
padding: 8px 12px;
|
|
548
|
+
display: flex;
|
|
549
|
+
gap: 6px;
|
|
550
|
+
align-items: center;
|
|
551
|
+
word-break: keep-all;
|
|
552
|
+
border-bottom: 1px solid #ccc; /* 在每个列表项的底部添加一条边框线 */
|
|
553
|
+
position: relative;
|
|
554
|
+
}
|
|
555
|
+
.editor-overlays-menus > li > ul {
|
|
556
|
+
display: none;
|
|
557
|
+
position: absolute;
|
|
558
|
+
left: calc(100%);
|
|
559
|
+
top: 0;
|
|
560
|
+
z-index: 1;
|
|
561
|
+
background: #fff;
|
|
562
|
+
box-shadow: rgba(158, 161, 165, 0.4) 0px 2px 12px 0px;
|
|
563
|
+
}
|
|
564
|
+
.editor-overlays-menus .sub:after {
|
|
565
|
+
content: "▸";
|
|
566
|
+
margin-left: auto;
|
|
567
|
+
}
|
|
568
|
+
.editor-overlays-menus > li:hover > ul {
|
|
569
|
+
display: block;
|
|
570
570
|
}
|
|
571
571
|
|
|
572
572
|
.editor-overlays-menus > li:hover {
|
|
573
|
-
|
|
573
|
+
background-color: #ccc;
|
|
574
574
|
}
|
|
575
575
|
|
|
576
576
|
.editor-overlays-menus > li:last-child {
|
|
577
|
-
|
|
577
|
+
border-bottom: none; /* 去掉最后一个列表项的底部边框线 */
|
|
578
578
|
}
|
|
579
579
|
|
|
580
580
|
/*.scale-container > *{*/
|
|
581
581
|
/* transform-origin: center top;*/
|
|
582
582
|
/*}*/
|
|
583
583
|
.doc-rule {
|
|
584
|
-
|
|
585
|
-
|
|
586
|
-
|
|
587
|
-
|
|
588
|
-
|
|
589
|
-
|
|
590
|
-
|
|
584
|
+
position: absolute;
|
|
585
|
+
font-size: 0;
|
|
586
|
+
background: white;
|
|
587
|
+
box-shadow: rgba(158, 161, 165, 0.4) 0px 2px 12px 0px;
|
|
588
|
+
cursor: default;
|
|
589
|
+
left: 0;
|
|
590
|
+
top: 0;
|
|
591
591
|
}
|
|
592
592
|
|
|
593
593
|
.editor-calendar-footer-left {
|
|
594
|
-
|
|
594
|
+
display: flex;
|
|
595
595
|
}
|
|
596
596
|
|
|
597
597
|
.editor-calendar-footer-left-time {
|
|
598
|
-
|
|
599
|
-
|
|
600
|
-
|
|
601
|
-
|
|
602
|
-
|
|
603
|
-
|
|
598
|
+
outline: none;
|
|
599
|
+
width: 110px;
|
|
600
|
+
text-align: center;
|
|
601
|
+
padding: 0;
|
|
602
|
+
margin: 0;
|
|
603
|
+
font-size: 14px;
|
|
604
604
|
}
|
|
605
605
|
|
|
606
606
|
.editor-input-cursor {
|
|
607
|
-
|
|
608
|
-
|
|
609
|
-
|
|
610
|
-
|
|
611
|
-
|
|
612
|
-
|
|
613
|
-
|
|
614
|
-
|
|
615
|
-
|
|
607
|
+
position: absolute;
|
|
608
|
+
width: 1.6px;
|
|
609
|
+
padding: 0;
|
|
610
|
+
border: none;
|
|
611
|
+
outline: none;
|
|
612
|
+
background: black;
|
|
613
|
+
pointer-events: none;
|
|
614
|
+
opacity: 0;
|
|
615
|
+
animation: editor-cursor-blink 1s infinite steps(1, start);
|
|
616
616
|
}
|
|
617
617
|
|
|
618
618
|
@keyframes editor-cursor-blink {
|
|
619
|
-
|
|
620
|
-
|
|
621
|
-
|
|
622
|
-
|
|
623
|
-
|
|
624
|
-
|
|
625
|
-
|
|
626
|
-
|
|
627
|
-
|
|
619
|
+
0% {
|
|
620
|
+
opacity: 1;
|
|
621
|
+
}
|
|
622
|
+
50% {
|
|
623
|
+
opacity: 0;
|
|
624
|
+
}
|
|
625
|
+
100% {
|
|
626
|
+
opacity: 1;
|
|
627
|
+
}
|
|
628
628
|
}
|
|
629
629
|
|
|
630
630
|
.doc-triangle {
|
|
631
|
-
|
|
632
|
-
|
|
633
|
-
|
|
634
|
-
|
|
635
|
-
|
|
636
|
-
|
|
631
|
+
position: absolute;
|
|
632
|
+
width: 0;
|
|
633
|
+
height: 0;
|
|
634
|
+
border-left: 5px solid transparent;
|
|
635
|
+
border-right: 5px solid transparent;
|
|
636
|
+
border-bottom: 10px solid red; /* 修改颜色 */
|
|
637
637
|
}
|
|
638
638
|
|
|
639
639
|
.doc-triangle-line {
|
|
640
|
-
|
|
641
|
-
|
|
642
|
-
|
|
643
|
-
|
|
640
|
+
position: absolute;
|
|
641
|
+
height: 1px;
|
|
642
|
+
background: red;
|
|
643
|
+
transform-origin: top left;
|
|
644
644
|
}
|
|
645
645
|
|
|
646
646
|
.data-list-container {
|
|
647
|
-
|
|
648
|
-
|
|
649
|
-
|
|
650
|
-
|
|
651
|
-
|
|
647
|
+
min-width: 100px;
|
|
648
|
+
background-color: white;
|
|
649
|
+
z-index: 1000;
|
|
650
|
+
box-shadow: 0 0 5px 0 rgba(0, 0, 0, 0.2);
|
|
651
|
+
user-select: none;
|
|
652
652
|
}
|
|
653
|
-
.editor-suggestions-container{
|
|
654
|
-
|
|
655
|
-
|
|
656
|
-
|
|
657
|
-
|
|
658
|
-
|
|
659
|
-
|
|
653
|
+
.editor-suggestions-container {
|
|
654
|
+
z-index: 1000;
|
|
655
|
+
position: absolute;
|
|
656
|
+
background: white;
|
|
657
|
+
box-shadow: rgba(158, 161, 165, 0.4) 0px 2px 12px 0px;
|
|
658
|
+
max-height: 300px;
|
|
659
|
+
overflow: auto;
|
|
660
660
|
}
|
|
661
661
|
|
|
662
662
|
.editor-suggestions {
|
|
663
|
-
|
|
664
|
-
|
|
665
|
-
|
|
666
|
-
|
|
667
|
-
|
|
668
|
-
|
|
669
|
-
|
|
663
|
+
font-size: 14px;
|
|
664
|
+
font-family: "宋体", serif;
|
|
665
|
+
margin: 0;
|
|
666
|
+
cursor: pointer;
|
|
667
|
+
padding: 0;
|
|
668
|
+
list-style: none;
|
|
669
|
+
user-select: none;
|
|
670
670
|
}
|
|
671
671
|
|
|
672
672
|
.editor-suggestions {
|
|
673
|
-
|
|
673
|
+
padding: 3px;
|
|
674
674
|
}
|
|
675
675
|
|
|
676
676
|
.editor-suggestions > li {
|
|
677
|
-
|
|
678
|
-
|
|
679
|
-
|
|
680
|
-
|
|
681
|
-
|
|
682
|
-
|
|
683
|
-
|
|
677
|
+
padding: 8px 12px;
|
|
678
|
+
display: flex;
|
|
679
|
+
gap: 6px;
|
|
680
|
+
align-items: center;
|
|
681
|
+
word-break: keep-all;
|
|
682
|
+
border-bottom: 1px solid #ccc; /* 在每个列表项的底部添加一条边框线 */
|
|
683
|
+
position: relative;
|
|
684
684
|
}
|
|
685
685
|
|
|
686
686
|
.editor-suggestions > li:hover {
|
|
687
|
-
|
|
687
|
+
background-color: #eee;
|
|
688
688
|
}
|
|
689
|
-
.editor-suggestions > li.hovered{
|
|
690
|
-
|
|
689
|
+
.editor-suggestions > li.hovered {
|
|
690
|
+
background-color: #ccc;
|
|
691
691
|
}
|
|
692
692
|
.editor-suggestions > li:last-child {
|
|
693
|
-
|
|
694
|
-
}
|
|
693
|
+
border-bottom: none; /* 去掉最后一个列表项的底部边框线 */
|
|
694
|
+
}
|