@seafile/seafile-calendar 0.1.2 → 1.0.0-alpha.1
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/assets/index.css +173 -147
- package/es/Calendar.js +127 -70
- package/es/calendar/CalendarRightPanel.js +193 -63
- package/es/date/DateInput.js +0 -1
- package/es/time/TimeInput.js +188 -0
- package/lib/Calendar.js +130 -70
- package/lib/calendar/CalendarRightPanel.js +193 -63
- package/lib/date/DateInput.js +0 -1
- package/lib/time/TimeInput.js +213 -0
- package/package.json +1 -1
package/assets/index.css
CHANGED
|
@@ -8,17 +8,13 @@
|
|
|
8
8
|
display: none;
|
|
9
9
|
}
|
|
10
10
|
.rc-calendar-input-wrap {
|
|
11
|
+
width: 100%;
|
|
11
12
|
position: relative;
|
|
12
|
-
padding: 6px;
|
|
13
|
-
border-bottom: 1px solid #e9e9e9;
|
|
14
13
|
}
|
|
15
14
|
.rc-calendar-input-wrap:after {
|
|
16
15
|
content: '';
|
|
17
16
|
clear: both;
|
|
18
17
|
}
|
|
19
|
-
.rc-calendar-date-input-wrap {
|
|
20
|
-
overflow: hidden;
|
|
21
|
-
}
|
|
22
18
|
.rc-calendar-time-picker {
|
|
23
19
|
position: absolute;
|
|
24
20
|
width: 100%;
|
|
@@ -87,7 +83,7 @@
|
|
|
87
83
|
margin: 0;
|
|
88
84
|
}
|
|
89
85
|
.rc-calendar-clear-btn:after {
|
|
90
|
-
content:
|
|
86
|
+
content: 'x';
|
|
91
87
|
font-size: 12px;
|
|
92
88
|
color: #aaa;
|
|
93
89
|
display: inline-block;
|
|
@@ -209,11 +205,11 @@
|
|
|
209
205
|
.rc-calendar {
|
|
210
206
|
position: relative;
|
|
211
207
|
outline: none;
|
|
212
|
-
font-family: Arial,
|
|
208
|
+
font-family: Arial, 'Hiragino Sans GB', 'Microsoft Yahei', 'Microsoft Sans Serif', 'WenQuanYi Micro Hei', sans-serif;
|
|
213
209
|
width: -moz-fit-content;
|
|
214
210
|
width: fit-content;
|
|
215
211
|
list-style: none;
|
|
216
|
-
font-size:
|
|
212
|
+
font-size: 14px;
|
|
217
213
|
text-align: left;
|
|
218
214
|
background-color: #fff;
|
|
219
215
|
border-radius: 3px;
|
|
@@ -221,70 +217,134 @@
|
|
|
221
217
|
background-clip: padding-box;
|
|
222
218
|
border: 1px solid #ccc;
|
|
223
219
|
line-height: 1.5;
|
|
220
|
+
/* Layout wrappers */
|
|
221
|
+
/* Top inputs row */
|
|
222
|
+
/* Shared header text input */
|
|
223
|
+
/* Date grid area */
|
|
224
|
+
/* Right time panel */
|
|
225
|
+
/* Footer */
|
|
226
|
+
}
|
|
227
|
+
.rc-calendar-panel {
|
|
228
|
+
display: -ms-flexbox;
|
|
229
|
+
display: flex;
|
|
230
|
+
-ms-flex-direction: column;
|
|
231
|
+
flex-direction: column;
|
|
224
232
|
}
|
|
225
|
-
.rc-calendar-date-panel,
|
|
226
233
|
.rc-calendar-date-panel-container {
|
|
227
234
|
display: -ms-flexbox;
|
|
228
235
|
display: flex;
|
|
229
236
|
}
|
|
230
|
-
.rc-calendar-date-panel
|
|
231
|
-
.rc-calendar-panel {
|
|
232
|
-
position: relative;
|
|
233
|
-
outline: none;
|
|
237
|
+
.rc-calendar-date-panel {
|
|
234
238
|
display: block;
|
|
239
|
+
min-width: 288px;
|
|
235
240
|
}
|
|
236
|
-
.rc-calendar-
|
|
237
|
-
|
|
241
|
+
.rc-calendar-inputs {
|
|
242
|
+
display: -ms-flexbox;
|
|
243
|
+
display: flex;
|
|
244
|
+
-ms-flex-align: stretch;
|
|
245
|
+
align-items: stretch;
|
|
246
|
+
border-bottom: 1px solid #eee;
|
|
238
247
|
}
|
|
239
|
-
.rc-calendar-
|
|
240
|
-
|
|
248
|
+
.rc-calendar-date-input-col {
|
|
249
|
+
-ms-flex: 1 1 auto;
|
|
250
|
+
flex: 1 1 auto;
|
|
251
|
+
}
|
|
252
|
+
.rc-calendar-time-input-col {
|
|
253
|
+
width: 122px;
|
|
254
|
+
border-left: 1px solid #eee;
|
|
255
|
+
}
|
|
256
|
+
.rc-calendar-date-input,
|
|
257
|
+
.rc-calendar-time-input-outer {
|
|
258
|
+
display: -ms-flexbox;
|
|
259
|
+
display: flex;
|
|
260
|
+
-ms-flex-align: center;
|
|
261
|
+
align-items: center;
|
|
262
|
+
height: 100%;
|
|
263
|
+
}
|
|
264
|
+
.rc-calendar-date-input {
|
|
265
|
+
padding: 10px;
|
|
266
|
+
}
|
|
267
|
+
.rc-calendar-time-input-outer {
|
|
268
|
+
padding: 10px;
|
|
269
|
+
width: 100%;
|
|
270
|
+
}
|
|
271
|
+
.rc-calendar-date-input input {
|
|
272
|
+
height: 30px;
|
|
273
|
+
width: 100%;
|
|
274
|
+
padding: 4px 10px;
|
|
275
|
+
border: 1px solid #eee;
|
|
276
|
+
border-radius: 3px;
|
|
277
|
+
line-height: 1.5;
|
|
278
|
+
}
|
|
279
|
+
.rc-calendar-date-input input:focus {
|
|
280
|
+
border-color: #ed7109;
|
|
281
|
+
box-shadow: 0 0 3px #ed7109;
|
|
282
|
+
outline: none;
|
|
283
|
+
}
|
|
284
|
+
.rc-calendar-text-input {
|
|
285
|
+
height: 30px;
|
|
286
|
+
display: inline-block;
|
|
287
|
+
width: 100%;
|
|
288
|
+
margin: 0;
|
|
289
|
+
padding: 4px 10px;
|
|
290
|
+
border-radius: 6px;
|
|
291
|
+
border: 1px solid #eee;
|
|
292
|
+
background: #fff;
|
|
293
|
+
color: #666;
|
|
294
|
+
line-height: 1.5;
|
|
295
|
+
transition: border 0.3s, background 0.3s, box-shadow 0.3s;
|
|
296
|
+
}
|
|
297
|
+
.rc-calendar-text-input:focus {
|
|
298
|
+
border-color: #ed7109;
|
|
299
|
+
box-shadow: 0 0 3px #ed7109;
|
|
300
|
+
outline: none;
|
|
241
301
|
}
|
|
242
302
|
.rc-calendar-header {
|
|
243
303
|
padding: 0 10px;
|
|
244
|
-
height:
|
|
245
|
-
line-height:
|
|
304
|
+
height: 40px;
|
|
305
|
+
line-height: 40px;
|
|
246
306
|
text-align: center;
|
|
247
307
|
-moz-user-select: none;
|
|
248
308
|
-ms-user-select: none;
|
|
249
309
|
user-select: none;
|
|
250
310
|
-webkit-user-select: none;
|
|
251
|
-
border-bottom: 1px solid #
|
|
311
|
+
border-bottom: 1px solid #eee;
|
|
252
312
|
}
|
|
253
313
|
.rc-calendar-header > a {
|
|
254
|
-
font-weight:
|
|
314
|
+
font-weight: 600;
|
|
255
315
|
display: inline-block;
|
|
256
|
-
padding:
|
|
257
|
-
line-height:
|
|
316
|
+
padding: 0 5px;
|
|
317
|
+
line-height: 40px;
|
|
258
318
|
text-align: center;
|
|
259
319
|
width: 30px;
|
|
260
320
|
}
|
|
261
321
|
.rc-calendar-header > a:hover {
|
|
262
322
|
cursor: pointer;
|
|
263
|
-
color: #
|
|
323
|
+
color: #ed7109;
|
|
264
324
|
}
|
|
265
|
-
.rc-calendar-
|
|
325
|
+
.rc-calendar-prev-month-btn {
|
|
266
326
|
position: absolute;
|
|
267
327
|
left: 25px;
|
|
268
328
|
}
|
|
269
|
-
.rc-calendar-
|
|
329
|
+
.rc-calendar-prev-month-btn:after {
|
|
270
330
|
content: '‹';
|
|
271
331
|
}
|
|
272
|
-
.rc-calendar-
|
|
332
|
+
.rc-calendar-next-month-btn {
|
|
273
333
|
position: absolute;
|
|
274
334
|
right: 25px;
|
|
275
335
|
}
|
|
276
|
-
.rc-calendar-
|
|
336
|
+
.rc-calendar-next-month-btn:after {
|
|
277
337
|
content: '›';
|
|
278
338
|
}
|
|
279
339
|
.rc-calendar-year-select,
|
|
280
340
|
.rc-calendar-month-select,
|
|
281
341
|
.rc-calendar-day-select {
|
|
282
342
|
display: inline-block;
|
|
283
|
-
font-size:
|
|
284
|
-
font-weight:
|
|
285
|
-
color: #
|
|
343
|
+
font-size: 14px;
|
|
344
|
+
font-weight: 600;
|
|
345
|
+
color: #212529;
|
|
286
346
|
padding: 0 8px;
|
|
287
|
-
line-height:
|
|
347
|
+
line-height: 40px;
|
|
288
348
|
}
|
|
289
349
|
.rc-calendar-year-select:hover,
|
|
290
350
|
.rc-calendar-month-select:hover,
|
|
@@ -306,17 +366,17 @@
|
|
|
306
366
|
top: 0;
|
|
307
367
|
cursor: pointer;
|
|
308
368
|
color: #999;
|
|
309
|
-
font-family: Arial,
|
|
369
|
+
font-family: Arial, 'Hiragino Sans GB', 'Microsoft Yahei', 'Microsoft Sans Serif', sans-serif;
|
|
310
370
|
padding: 0 5px;
|
|
311
371
|
font-size: 16px;
|
|
312
372
|
display: inline-block;
|
|
313
|
-
line-height:
|
|
373
|
+
line-height: 40px;
|
|
314
374
|
}
|
|
315
375
|
.rc-calendar-prev-month-btn:hover,
|
|
316
376
|
.rc-calendar-next-month-btn:hover,
|
|
317
377
|
.rc-calendar-prev-year-btn:hover,
|
|
318
378
|
.rc-calendar-next-year-btn:hover {
|
|
319
|
-
color: #
|
|
379
|
+
color: #555;
|
|
320
380
|
}
|
|
321
381
|
.rc-calendar-next-year-btn {
|
|
322
382
|
right: 0;
|
|
@@ -331,67 +391,8 @@
|
|
|
331
391
|
content: '«';
|
|
332
392
|
}
|
|
333
393
|
.rc-calendar-body {
|
|
334
|
-
padding:
|
|
335
|
-
height:
|
|
336
|
-
}
|
|
337
|
-
.rc-calendar-right-panel {
|
|
338
|
-
width: 68px;
|
|
339
|
-
height: inherit;
|
|
340
|
-
}
|
|
341
|
-
.rc-calendar-right-panel-header {
|
|
342
|
-
height: 34px;
|
|
343
|
-
line-height: 34px;
|
|
344
|
-
}
|
|
345
|
-
.rc-calendar-right-panel-header span {
|
|
346
|
-
transform: rotate(-90deg);
|
|
347
|
-
}
|
|
348
|
-
.rc-calendar-right-panel-body {
|
|
349
|
-
height: 217px;
|
|
350
|
-
border-left: 1px solid #ccc;
|
|
351
|
-
overflow-y: scroll;
|
|
352
|
-
}
|
|
353
|
-
.rc-calendar-right-panel-body ul {
|
|
354
|
-
list-style: none;
|
|
355
|
-
box-sizing: border-box;
|
|
356
|
-
margin: 0;
|
|
357
|
-
padding: 0;
|
|
358
|
-
width: 100%;
|
|
359
|
-
}
|
|
360
|
-
.rc-calendar-right-panel-body ul li {
|
|
361
|
-
text-align: center;
|
|
362
|
-
padding: 8px 0;
|
|
363
|
-
cursor: pointer;
|
|
364
|
-
}
|
|
365
|
-
.rc-calendar-right-panel-body ul li:hover {
|
|
366
|
-
color: #e8bf6a;
|
|
367
|
-
}
|
|
368
|
-
.rc-calendar-right-panel-body .rc-calendar-selected-time {
|
|
369
|
-
color: #f09f3f;
|
|
370
|
-
}
|
|
371
|
-
.rc-calendar-right-panel-body::-webkit-scrollbar {
|
|
372
|
-
width: 0;
|
|
373
|
-
}
|
|
374
|
-
.rc-calendar-right-panel-footer {
|
|
375
|
-
height: 39px;
|
|
376
|
-
line-height: 34px;
|
|
377
|
-
border-left: 1px solid #ccc;
|
|
378
|
-
}
|
|
379
|
-
.rc-calendar-right-panel-footer span {
|
|
380
|
-
transform: rotate(90deg);
|
|
381
|
-
}
|
|
382
|
-
.rc-calendar-right-panel-header,
|
|
383
|
-
.rc-calendar-right-panel-footer {
|
|
384
|
-
display: -ms-flexbox;
|
|
385
|
-
display: flex;
|
|
386
|
-
-ms-flex-pack: center;
|
|
387
|
-
justify-content: center;
|
|
388
|
-
cursor: pointer;
|
|
389
|
-
color: #999;
|
|
390
|
-
font-size: 16px;
|
|
391
|
-
}
|
|
392
|
-
.rc-calendar-right-panel-header span:after,
|
|
393
|
-
.rc-calendar-right-panel-footer span:after {
|
|
394
|
-
content: '›';
|
|
394
|
+
padding: 8px 18px;
|
|
395
|
+
height: 268px;
|
|
395
396
|
}
|
|
396
397
|
.rc-calendar table {
|
|
397
398
|
border-collapse: collapse;
|
|
@@ -411,30 +412,32 @@
|
|
|
411
412
|
}
|
|
412
413
|
.rc-calendar-column-header {
|
|
413
414
|
line-height: 18px;
|
|
414
|
-
|
|
415
|
-
width:
|
|
415
|
+
height: 36px;
|
|
416
|
+
width: 36px;
|
|
416
417
|
text-align: center;
|
|
417
418
|
}
|
|
418
|
-
.rc-calendar-column-header
|
|
419
|
+
.rc-calendar-column-header-inner {
|
|
419
420
|
display: block;
|
|
420
421
|
font-weight: normal;
|
|
422
|
+
color: #999;
|
|
421
423
|
}
|
|
422
424
|
.rc-calendar-week-number-header .rc-calendar-column-header-inner {
|
|
423
425
|
display: none;
|
|
424
426
|
}
|
|
425
427
|
.rc-calendar-cell {
|
|
426
|
-
|
|
428
|
+
height: 36px;
|
|
429
|
+
padding: 0;
|
|
427
430
|
}
|
|
428
431
|
.rc-calendar-date {
|
|
429
432
|
display: block;
|
|
430
433
|
margin: 0 auto;
|
|
431
|
-
color: #
|
|
432
|
-
border-radius: 4px
|
|
433
|
-
width:
|
|
434
|
-
height:
|
|
434
|
+
color: #212529;
|
|
435
|
+
border-radius: 4px;
|
|
436
|
+
width: 24px;
|
|
437
|
+
height: 24px;
|
|
435
438
|
padding: 0;
|
|
436
439
|
background: transparent;
|
|
437
|
-
line-height:
|
|
440
|
+
line-height: 24px;
|
|
438
441
|
text-align: center;
|
|
439
442
|
}
|
|
440
443
|
.rc-calendar-date:hover {
|
|
@@ -442,17 +445,15 @@
|
|
|
442
445
|
cursor: pointer;
|
|
443
446
|
}
|
|
444
447
|
.rc-calendar-selected-day .rc-calendar-date {
|
|
445
|
-
background: #
|
|
448
|
+
background: #ed7109;
|
|
449
|
+
color: #fff;
|
|
446
450
|
}
|
|
447
451
|
.rc-calendar-selected-date .rc-calendar-date {
|
|
448
|
-
background: #
|
|
452
|
+
background: #ed7109;
|
|
449
453
|
color: #fff;
|
|
450
454
|
}
|
|
451
455
|
.rc-calendar-selected-date .rc-calendar-date:hover {
|
|
452
|
-
background: #
|
|
453
|
-
}
|
|
454
|
-
.rc-calendar-today .rc-calendar-date {
|
|
455
|
-
border: 1px solid #f09f3f;
|
|
456
|
+
background: #ed7109;
|
|
456
457
|
}
|
|
457
458
|
.rc-calendar-disabled-cell .rc-calendar-date {
|
|
458
459
|
cursor: not-allowed;
|
|
@@ -476,34 +477,66 @@
|
|
|
476
477
|
.rc-calendar-next-month-btn-day .rc-calendar-date {
|
|
477
478
|
color: #bbb;
|
|
478
479
|
}
|
|
479
|
-
.rc-calendar-
|
|
480
|
-
|
|
481
|
-
|
|
480
|
+
.rc-calendar-right-panel {
|
|
481
|
+
height: inherit;
|
|
482
|
+
border-left: 1px solid #eee;
|
|
483
|
+
}
|
|
484
|
+
.rc-calendar-right-panel-time-header {
|
|
485
|
+
height: 40px;
|
|
486
|
+
line-height: 40px;
|
|
482
487
|
text-align: center;
|
|
483
|
-
|
|
488
|
+
font-weight: 600;
|
|
489
|
+
color: #212529;
|
|
490
|
+
border-bottom: 1px solid #eee;
|
|
484
491
|
}
|
|
485
|
-
.rc-calendar-
|
|
486
|
-
|
|
492
|
+
.rc-calendar-right-panel-body {
|
|
493
|
+
height: 268px;
|
|
494
|
+
display: -ms-flexbox;
|
|
495
|
+
display: flex;
|
|
496
|
+
padding: 4px;
|
|
497
|
+
scrollbar-color: auto;
|
|
487
498
|
}
|
|
488
|
-
.rc-calendar-
|
|
489
|
-
|
|
499
|
+
.rc-calendar-right-panel-col {
|
|
500
|
+
overflow-y: auto;
|
|
490
501
|
}
|
|
491
|
-
.rc-calendar-
|
|
492
|
-
|
|
502
|
+
.rc-calendar-right-panel-col:last-child {
|
|
503
|
+
border-left: 1px solid #eee;
|
|
493
504
|
}
|
|
494
|
-
.rc-calendar-
|
|
495
|
-
|
|
505
|
+
.rc-calendar-right-panel-col ul {
|
|
506
|
+
list-style: none;
|
|
507
|
+
margin: 0;
|
|
508
|
+
padding: 4px;
|
|
496
509
|
}
|
|
497
|
-
.rc-calendar-
|
|
498
|
-
|
|
499
|
-
|
|
510
|
+
.rc-calendar-right-panel-item {
|
|
511
|
+
width: 48px;
|
|
512
|
+
height: 28px;
|
|
513
|
+
line-height: 28px;
|
|
514
|
+
text-align: center;
|
|
515
|
+
cursor: pointer;
|
|
516
|
+
color: #212529;
|
|
517
|
+
font-weight: 400;
|
|
518
|
+
border-radius: 3px;
|
|
500
519
|
}
|
|
501
|
-
.rc-calendar-
|
|
502
|
-
|
|
503
|
-
|
|
520
|
+
.rc-calendar-right-panel-item:hover {
|
|
521
|
+
background: rgba(237, 113, 9, 0.1);
|
|
522
|
+
}
|
|
523
|
+
.rc-calendar-right-panel-item-selected {
|
|
524
|
+
background: rgba(237, 113, 9, 0.1);
|
|
525
|
+
border-radius: 3px;
|
|
526
|
+
color: #212529;
|
|
504
527
|
}
|
|
505
|
-
.rc-calendar-
|
|
506
|
-
|
|
528
|
+
.rc-calendar-right-panel-col::-webkit-scrollbar {
|
|
529
|
+
width: 0;
|
|
530
|
+
height: 0;
|
|
531
|
+
}
|
|
532
|
+
.rc-calendar-footer {
|
|
533
|
+
border-top: 1px solid #eee;
|
|
534
|
+
padding: 8px 0;
|
|
535
|
+
text-align: center;
|
|
536
|
+
position: relative;
|
|
537
|
+
}
|
|
538
|
+
.rc-calendar-footer-show-ok {
|
|
539
|
+
text-align: right;
|
|
507
540
|
}
|
|
508
541
|
.rc-calendar-footer-btn:after {
|
|
509
542
|
content: 'x';
|
|
@@ -520,7 +553,7 @@
|
|
|
520
553
|
.rc-calendar-time-picker-btn {
|
|
521
554
|
display: inline-block;
|
|
522
555
|
text-align: center;
|
|
523
|
-
color: #
|
|
556
|
+
color: #ed7109;
|
|
524
557
|
}
|
|
525
558
|
.rc-calendar-today-btn:hover,
|
|
526
559
|
.rc-calendar-ok-btn:hover,
|
|
@@ -533,34 +566,27 @@
|
|
|
533
566
|
.rc-calendar-time-picker-btn-disabled {
|
|
534
567
|
color: #bbb;
|
|
535
568
|
}
|
|
536
|
-
.rc-calendar-today-btn-disabled:hover,
|
|
537
|
-
.rc-calendar-ok-btn-disabled:hover,
|
|
538
|
-
.rc-calendar-time-picker-btn-disabled:hover {
|
|
539
|
-
color: #bbb;
|
|
540
|
-
}
|
|
541
569
|
.rc-calendar-today-btn {
|
|
542
|
-
padding-left:
|
|
570
|
+
padding-left: 0;
|
|
571
|
+
font-weight: 600;
|
|
543
572
|
}
|
|
544
573
|
.rc-calendar-time-input {
|
|
545
|
-
height:
|
|
574
|
+
height: 30px;
|
|
546
575
|
position: relative;
|
|
547
576
|
display: inline-block;
|
|
548
577
|
margin: 0 0;
|
|
549
578
|
padding: 4px 10px;
|
|
550
|
-
border-radius:
|
|
551
|
-
border: 1px solid #
|
|
579
|
+
border-radius: 3px;
|
|
580
|
+
border: 1px solid #eee;
|
|
552
581
|
background-color: #ffffff;
|
|
553
582
|
color: #666;
|
|
554
583
|
line-height: 1.5;
|
|
555
584
|
transform: border 0.3s cubic-bezier(0.35, 0, 0.25, 1), background 0.3s cubic-bezier(0.35, 0, 0.25, 1), box-shadow 0.3s cubic-bezier(0.35, 0, 0.25, 1);
|
|
556
|
-
width:
|
|
557
|
-
}
|
|
558
|
-
.rc-calendar-time-input:hover {
|
|
559
|
-
border-color: #f09f4f;
|
|
585
|
+
width: 100%;
|
|
560
586
|
}
|
|
561
587
|
.rc-calendar-time-input:focus {
|
|
562
|
-
border-color: #
|
|
563
|
-
box-shadow: 0 0 3px #
|
|
588
|
+
border-color: #ed7109;
|
|
589
|
+
box-shadow: 0 0 3px #ed7109;
|
|
564
590
|
}
|
|
565
591
|
.rc-calendar-time-panel {
|
|
566
592
|
left: 0;
|