@emailmaker/filemanager 0.0.8 → 0.0.9
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/file-manager.css +150 -150
- package/file-manager.esm.js +10 -10
- package/file-manager.esm.js.map +1 -1
- package/file-manager.js +1 -1
- package/package.json +30 -30
- package/sample-files.json +104 -104
- package/test-pixie-loading.html +107 -107
package/file-manager.css
CHANGED
|
@@ -472,155 +472,155 @@
|
|
|
472
472
|
/* .folderMenu :global(.ant-tree-treenode-selected) .folderLabelItem {
|
|
473
473
|
color: #1890ff !important;
|
|
474
474
|
} */
|
|
475
|
-
.em-filemanager .container {
|
|
476
|
-
position: fixed;
|
|
477
|
-
top: 20px;
|
|
478
|
-
left: 20px;
|
|
479
|
-
z-index: 1000;
|
|
480
|
-
max-width: 400px;
|
|
481
|
-
min-width: 320px;
|
|
482
|
-
}
|
|
483
|
-
|
|
484
|
-
.em-filemanager .uploadCard {
|
|
485
|
-
box-shadow: 0 4px 12px rgba(0, 0, 0, 0.15);
|
|
486
|
-
border-radius: 8px;
|
|
487
|
-
border: 1px solid #d9d9d9;
|
|
488
|
-
}
|
|
489
|
-
|
|
490
|
-
.em-filemanager .header {
|
|
491
|
-
display: flex;
|
|
492
|
-
justify-content: space-between;
|
|
493
|
-
align-items: center;
|
|
494
|
-
width: 100%;
|
|
495
|
-
}
|
|
496
|
-
|
|
497
|
-
.em-filemanager .headerButton {
|
|
498
|
-
padding: 0;
|
|
499
|
-
width: 24px;
|
|
500
|
-
height: 24px;
|
|
501
|
-
display: flex;
|
|
502
|
-
align-items: center;
|
|
503
|
-
justify-content: center;
|
|
504
|
-
}
|
|
505
|
-
|
|
506
|
-
.em-filemanager .headerButton:hover {
|
|
507
|
-
background-color: rgba(0, 0, 0, 0.04);
|
|
508
|
-
}
|
|
509
|
-
|
|
510
|
-
.em-filemanager .fileList {
|
|
511
|
-
max-height: 300px;
|
|
512
|
-
overflow-y: auto;
|
|
513
|
-
}
|
|
514
|
-
|
|
515
|
-
.em-filemanager .fileItem {
|
|
516
|
-
padding: 8px 0 !important;
|
|
517
|
-
border-bottom: 1px solid var(--colorBorderSecondary);
|
|
518
|
-
}
|
|
519
|
-
|
|
520
|
-
.em-filemanager .fileItem:last-child {
|
|
521
|
-
border-bottom: none;
|
|
522
|
-
}
|
|
523
|
-
|
|
524
|
-
.em-filemanager .fileAvatar {
|
|
525
|
-
background-color: transparent !important;
|
|
526
|
-
}
|
|
527
|
-
|
|
528
|
-
.em-filemanager .fileInfo {
|
|
529
|
-
display: flex;
|
|
530
|
-
flex-direction: column;
|
|
531
|
-
gap: 2px;
|
|
532
|
-
}
|
|
533
|
-
|
|
534
|
-
.em-filemanager .fileName {
|
|
535
|
-
font-size: 13px;
|
|
536
|
-
line-height: 1.2;
|
|
537
|
-
max-width: 200px;
|
|
538
|
-
}
|
|
539
|
-
|
|
540
|
-
.em-filemanager .fileSize {
|
|
541
|
-
font-size: 11px;
|
|
542
|
-
line-height: 1;
|
|
543
|
-
}
|
|
544
|
-
|
|
545
|
-
.em-filemanager .progressBar {
|
|
546
|
-
margin-top: 4px;
|
|
547
|
-
}
|
|
548
|
-
|
|
549
|
-
.em-filemanager .errorNote {
|
|
550
|
-
margin-top: 8px;
|
|
551
|
-
padding: 8px;
|
|
552
|
-
background-color: #fff2f0;
|
|
553
|
-
border: 1px solid #ffccc7;
|
|
554
|
-
border-radius: 4px;
|
|
555
|
-
}
|
|
556
|
-
|
|
557
|
-
/* Минимизированное состояние */
|
|
558
|
-
.em-filemanager .minimizedContainer {
|
|
559
|
-
position: fixed;
|
|
560
|
-
top: 20px;
|
|
561
|
-
left: 20px;
|
|
562
|
-
z-index: 1000;
|
|
563
|
-
}
|
|
564
|
-
|
|
565
|
-
.em-filemanager .minimizedButton {
|
|
566
|
-
font-size: 12px;
|
|
567
|
-
height: 28px;
|
|
568
|
-
padding: 0 12px;
|
|
569
|
-
box-shadow: 0 2px 8px rgba(0, 0, 0, 0.1);
|
|
570
|
-
}
|
|
571
|
-
|
|
572
|
-
/* Скроллбар для списка файлов */
|
|
573
|
-
.em-filemanager .fileList::-webkit-scrollbar {
|
|
574
|
-
width: 6px;
|
|
575
|
-
}
|
|
576
|
-
|
|
577
|
-
.em-filemanager .fileList::-webkit-scrollbar-track {
|
|
578
|
-
background: #f1f1f1;
|
|
579
|
-
border-radius: 3px;
|
|
580
|
-
}
|
|
581
|
-
|
|
582
|
-
.em-filemanager .fileList::-webkit-scrollbar-thumb {
|
|
583
|
-
background: #c1c1c1;
|
|
584
|
-
border-radius: 3px;
|
|
585
|
-
}
|
|
586
|
-
|
|
587
|
-
.em-filemanager .fileList::-webkit-scrollbar-thumb:hover {
|
|
588
|
-
background: #a8a8a8;
|
|
589
|
-
}
|
|
590
|
-
|
|
591
|
-
/* Анимации */
|
|
592
|
-
.em-filemanager .container {
|
|
593
|
-
animation: slideInFromLeft 0.3s ease-out;
|
|
594
|
-
}
|
|
595
|
-
|
|
596
|
-
.em-filemanager .minimizedContainer {
|
|
597
|
-
animation: slideInFromLeft 0.3s ease-out;
|
|
598
|
-
}
|
|
599
|
-
|
|
600
|
-
@keyframes slideInFromLeft {
|
|
601
|
-
from {
|
|
602
|
-
transform: translateX(-100%);
|
|
603
|
-
opacity: 0;
|
|
604
|
-
}
|
|
605
|
-
to {
|
|
606
|
-
transform: translateX(0);
|
|
607
|
-
opacity: 1;
|
|
608
|
-
}
|
|
609
|
-
}
|
|
610
|
-
|
|
611
|
-
/* Адаптивность */
|
|
612
|
-
@media (max-width: 768px) {
|
|
613
|
-
.em-filemanager .container {
|
|
614
|
-
left: 10px;
|
|
615
|
-
right: 10px;
|
|
616
|
-
max-width: calc(100vw - 20px);
|
|
617
|
-
min-width: auto;
|
|
618
|
-
}
|
|
619
|
-
|
|
620
|
-
.em-filemanager .minimizedContainer {
|
|
621
|
-
left: 10px;
|
|
622
|
-
}
|
|
623
|
-
}
|
|
475
|
+
.em-filemanager .container {
|
|
476
|
+
position: fixed;
|
|
477
|
+
top: 20px;
|
|
478
|
+
left: 20px;
|
|
479
|
+
z-index: 1000;
|
|
480
|
+
max-width: 400px;
|
|
481
|
+
min-width: 320px;
|
|
482
|
+
}
|
|
483
|
+
|
|
484
|
+
.em-filemanager .uploadCard {
|
|
485
|
+
box-shadow: 0 4px 12px rgba(0, 0, 0, 0.15);
|
|
486
|
+
border-radius: 8px;
|
|
487
|
+
border: 1px solid #d9d9d9;
|
|
488
|
+
}
|
|
489
|
+
|
|
490
|
+
.em-filemanager .header {
|
|
491
|
+
display: flex;
|
|
492
|
+
justify-content: space-between;
|
|
493
|
+
align-items: center;
|
|
494
|
+
width: 100%;
|
|
495
|
+
}
|
|
496
|
+
|
|
497
|
+
.em-filemanager .headerButton {
|
|
498
|
+
padding: 0;
|
|
499
|
+
width: 24px;
|
|
500
|
+
height: 24px;
|
|
501
|
+
display: flex;
|
|
502
|
+
align-items: center;
|
|
503
|
+
justify-content: center;
|
|
504
|
+
}
|
|
505
|
+
|
|
506
|
+
.em-filemanager .headerButton:hover {
|
|
507
|
+
background-color: rgba(0, 0, 0, 0.04);
|
|
508
|
+
}
|
|
509
|
+
|
|
510
|
+
.em-filemanager .fileList {
|
|
511
|
+
max-height: 300px;
|
|
512
|
+
overflow-y: auto;
|
|
513
|
+
}
|
|
514
|
+
|
|
515
|
+
.em-filemanager .fileItem {
|
|
516
|
+
padding: 8px 0 !important;
|
|
517
|
+
border-bottom: 1px solid var(--colorBorderSecondary);
|
|
518
|
+
}
|
|
519
|
+
|
|
520
|
+
.em-filemanager .fileItem:last-child {
|
|
521
|
+
border-bottom: none;
|
|
522
|
+
}
|
|
523
|
+
|
|
524
|
+
.em-filemanager .fileAvatar {
|
|
525
|
+
background-color: transparent !important;
|
|
526
|
+
}
|
|
527
|
+
|
|
528
|
+
.em-filemanager .fileInfo {
|
|
529
|
+
display: flex;
|
|
530
|
+
flex-direction: column;
|
|
531
|
+
gap: 2px;
|
|
532
|
+
}
|
|
533
|
+
|
|
534
|
+
.em-filemanager .fileName {
|
|
535
|
+
font-size: 13px;
|
|
536
|
+
line-height: 1.2;
|
|
537
|
+
max-width: 200px;
|
|
538
|
+
}
|
|
539
|
+
|
|
540
|
+
.em-filemanager .fileSize {
|
|
541
|
+
font-size: 11px;
|
|
542
|
+
line-height: 1;
|
|
543
|
+
}
|
|
544
|
+
|
|
545
|
+
.em-filemanager .progressBar {
|
|
546
|
+
margin-top: 4px;
|
|
547
|
+
}
|
|
548
|
+
|
|
549
|
+
.em-filemanager .errorNote {
|
|
550
|
+
margin-top: 8px;
|
|
551
|
+
padding: 8px;
|
|
552
|
+
background-color: #fff2f0;
|
|
553
|
+
border: 1px solid #ffccc7;
|
|
554
|
+
border-radius: 4px;
|
|
555
|
+
}
|
|
556
|
+
|
|
557
|
+
/* Минимизированное состояние */
|
|
558
|
+
.em-filemanager .minimizedContainer {
|
|
559
|
+
position: fixed;
|
|
560
|
+
top: 20px;
|
|
561
|
+
left: 20px;
|
|
562
|
+
z-index: 1000;
|
|
563
|
+
}
|
|
564
|
+
|
|
565
|
+
.em-filemanager .minimizedButton {
|
|
566
|
+
font-size: 12px;
|
|
567
|
+
height: 28px;
|
|
568
|
+
padding: 0 12px;
|
|
569
|
+
box-shadow: 0 2px 8px rgba(0, 0, 0, 0.1);
|
|
570
|
+
}
|
|
571
|
+
|
|
572
|
+
/* Скроллбар для списка файлов */
|
|
573
|
+
.em-filemanager .fileList::-webkit-scrollbar {
|
|
574
|
+
width: 6px;
|
|
575
|
+
}
|
|
576
|
+
|
|
577
|
+
.em-filemanager .fileList::-webkit-scrollbar-track {
|
|
578
|
+
background: #f1f1f1;
|
|
579
|
+
border-radius: 3px;
|
|
580
|
+
}
|
|
581
|
+
|
|
582
|
+
.em-filemanager .fileList::-webkit-scrollbar-thumb {
|
|
583
|
+
background: #c1c1c1;
|
|
584
|
+
border-radius: 3px;
|
|
585
|
+
}
|
|
586
|
+
|
|
587
|
+
.em-filemanager .fileList::-webkit-scrollbar-thumb:hover {
|
|
588
|
+
background: #a8a8a8;
|
|
589
|
+
}
|
|
590
|
+
|
|
591
|
+
/* Анимации */
|
|
592
|
+
.em-filemanager .container {
|
|
593
|
+
animation: slideInFromLeft 0.3s ease-out;
|
|
594
|
+
}
|
|
595
|
+
|
|
596
|
+
.em-filemanager .minimizedContainer {
|
|
597
|
+
animation: slideInFromLeft 0.3s ease-out;
|
|
598
|
+
}
|
|
599
|
+
|
|
600
|
+
@keyframes slideInFromLeft {
|
|
601
|
+
from {
|
|
602
|
+
transform: translateX(-100%);
|
|
603
|
+
opacity: 0;
|
|
604
|
+
}
|
|
605
|
+
to {
|
|
606
|
+
transform: translateX(0);
|
|
607
|
+
opacity: 1;
|
|
608
|
+
}
|
|
609
|
+
}
|
|
610
|
+
|
|
611
|
+
/* Адаптивность */
|
|
612
|
+
@media (max-width: 768px) {
|
|
613
|
+
.em-filemanager .container {
|
|
614
|
+
left: 10px;
|
|
615
|
+
right: 10px;
|
|
616
|
+
max-width: calc(100vw - 20px);
|
|
617
|
+
min-width: auto;
|
|
618
|
+
}
|
|
619
|
+
|
|
620
|
+
.em-filemanager .minimizedContainer {
|
|
621
|
+
left: 10px;
|
|
622
|
+
}
|
|
623
|
+
}
|
|
624
624
|
|
|
625
625
|
.em-filemanager .gifTab {
|
|
626
626
|
padding: 16px;
|
|
@@ -1062,7 +1062,7 @@
|
|
|
1062
1062
|
}
|
|
1063
1063
|
|
|
1064
1064
|
.em-filemanager .status {
|
|
1065
|
-
margin:
|
|
1065
|
+
margin: calc(var(--margin) * 1px) 0 0 0;
|
|
1066
1066
|
}
|
|
1067
1067
|
|
|
1068
1068
|
.em-filemanager .carousel {
|