raise-common-lib-new 0.0.25 → 0.0.27

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/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "raise-common-lib-new",
3
- "version": "0.0.25",
3
+ "version": "0.0.27",
4
4
  "peerDependencies": {
5
5
  "@angular/common": "^16.0.0",
6
6
  "@angular/core": "^16.0.0"
@@ -0,0 +1,4 @@
1
+ <svg width="18" height="18" viewBox="0 0 18 18" fill="none" xmlns="http://www.w3.org/2000/svg">
2
+ <circle cx="9" cy="9" r="8.5" stroke="#6B6B6B88"/>
3
+ <path d="M9 4.23535V9.36657L12.1765 11.6471" stroke="#6B6B6B88"/>
4
+ </svg>
@@ -0,0 +1,4 @@
1
+ <svg width="18" height="18" viewBox="0 0 18 18" fill="none" xmlns="http://www.w3.org/2000/svg">
2
+ <circle cx="9" cy="9" r="8.5" stroke="#1F7BFF"/>
3
+ <path d="M9 4.23535V9.36657L12.1765 11.6471" stroke="#1F7BFF"/>
4
+ </svg>
@@ -6,12 +6,14 @@
6
6
  .e-dropdowntree,
7
7
  .e-daterangepicker,
8
8
  .e-datepicker,
9
+ .e-datetimepicker,
9
10
  .e-rowcell,
10
11
  .e-pivot-calculated-div {
12
+ display: block;
11
13
  height: var(--rs-input-line-height);
12
14
  font-family: var(--rs-font-family);
13
15
  background-color: #fff;
14
- >.e-input-group {
16
+ > .e-input-group {
15
17
  height: 100%;
16
18
  min-height: 100%;
17
19
  border-radius: var(--rs-input-border-radius);
@@ -151,7 +153,18 @@
151
153
  }
152
154
  }
153
155
  }
154
-
156
+ .e-datetimepicker {
157
+ > .e-input-group {
158
+ &.e-icon-anim {
159
+ .e-input-group-icon {
160
+ &::before {
161
+ transform: none;
162
+ transition: none;
163
+ }
164
+ }
165
+ }
166
+ }
167
+ }
155
168
  // 下拉弹窗
156
169
  .e-popup.e-ddl {
157
170
  font-family: var(--rs-font-family);
@@ -343,6 +356,7 @@
343
356
 
344
357
  // daterangepicker datepicker
345
358
  .e-daterangepicker,
359
+ .e-datetimepicker,
346
360
  .e-datepicker {
347
361
  .e-input-group {
348
362
  height: var(--rs-input-line-height) !important;
@@ -357,22 +371,40 @@
357
371
  background-size: cover;
358
372
  background-position: center;
359
373
  }
360
- &:hover{
374
+ &:hover {
361
375
  &::before {
362
376
  background-image: url("/assets/img/calendar.svg");
363
377
  }
364
378
  }
365
379
  }
380
+ .e-time-icon {
381
+ &::before {
382
+ display: block;
383
+ width: 14px;
384
+ height: 14px;
385
+ background-image: url("/assets/img/time-disabled.svg");
386
+ }
387
+ &:hover {
388
+ &::before {
389
+ background-image: url("/assets/img/time.svg");
390
+ }
391
+ }
392
+ }
393
+
366
394
  &.e-disabled {
367
395
  .e-input-group-icon {
368
396
  &::before {
369
397
  background-image: url("/assets/img/calendar-disabled.svg");
370
398
  }
371
399
  }
400
+ .e-time-icon {
401
+ &::before {
402
+ background-image: url("/assets/img/time-disabled.svg");
403
+ }
404
+ }
372
405
  }
373
406
  }
374
407
  }
375
-
376
408
  .e-daterangepicker.e-popup,
377
409
  .e-datepicker.e-popup {
378
410
  height: auto;
@@ -559,6 +591,51 @@
559
591
  }
560
592
  }
561
593
 
562
- .e-input-group.e-input-fucos{
594
+ .e-datetimepicker.e-popup {
595
+ height: auto;
596
+ border-radius: 4px;
597
+ .e-list-item {
598
+ font-family: Arial;
599
+ font-size: var(--rs-input-font-size) !important;
600
+ min-height: var(--rs-input-line-height) !important;
601
+ line-height: var(--rs-input-line-height) !important;
602
+ // 下拉选项超出正常显示,不显示缩略号
603
+ white-space: normal;
604
+ text-indent: 0;
605
+ color: #44566c !important;
606
+ border-radius: 4px;
607
+ &.e-item-focus {
608
+ background: transparent !important;
609
+ box-shadow: none !important;
610
+ }
611
+ &:hover {
612
+ background: rgba(31, 123, 255, 0.04) !important;
613
+ border-color: transparent !important;
614
+ }
615
+ &.e-active {
616
+ background: rgba(31, 123, 255, 0.1) !important;
617
+ border-color: transparent !important;
618
+ .e-checkbox-wrapper {
619
+ background-color: transparent !important;
620
+ &:hover {
621
+ background-color: transparent !important;
622
+ }
623
+ .e-check,
624
+ .e-stop {
625
+ background-color: #007bff !important;
626
+ border-color: #007bff !important;
627
+ color: #fff !important;
628
+ &:hover {
629
+ background-color: #007bff !important;
630
+ border-color: #007bff !important;
631
+ color: #fff !important;
632
+ }
633
+ }
634
+ }
635
+ }
636
+ }
637
+ }
638
+
639
+ .e-input-group.e-input-fucos {
563
640
  box-shadow: none !important;
564
641
  }
@@ -5,7 +5,9 @@
5
5
  display: flex;
6
6
  flex-direction: column;
7
7
  border: 0;
8
-
8
+ .e-spinner-pane {
9
+ display: none !important; // 隐藏默认的loading spinner
10
+ }
9
11
  .e-gridheader {
10
12
  height: auto;
11
13
  border-top: none;
@@ -435,46 +437,89 @@
435
437
  }
436
438
  }
437
439
  }
438
- .e-gridpager {
439
- padding: 12px 0 0;
440
- }
440
+
441
441
  .e-pager {
442
- position: relative;
442
+ padding: 12px 0 0 !important;
443
+ div {
444
+ vertical-align: middle;
445
+ }
446
+ .e-icons {
447
+ border: none;
448
+ border-radius: 6px;
449
+ padding: 4px !important;
450
+
451
+ margin-right: 6px;
452
+ &:hover,
453
+ &.e-focused {
454
+ background-color: #1f7bff0a;
455
+ }
456
+ &.e-disable {
457
+ opacity: 0.3;
458
+ cursor: not-allowed;
459
+ }
460
+ &::before {
461
+ display: block;
462
+ width: 16px;
463
+ height: 16px;
464
+ }
465
+ &.e-first,
466
+ &.e-mfirst {
467
+ @media (max-width: 769px) {
468
+ width: auto;
469
+ min-width: 26px;
470
+ }
471
+ &::before {
472
+ content: url("/assets/img/grid-pager-arrows-left.svg");
473
+ }
474
+ }
443
475
 
444
- display: flex;
445
- flex-flow: row nowrap;
446
- align-items: center;
447
- gap: 16px;
448
- border: 0;
476
+ &.e-prev,
477
+ &.e-mprev {
478
+ margin: 0 16px 0 6px;
479
+ @media (max-width: 769px) {
480
+ width: auto;
481
+ min-width: 26px;
482
+ }
483
+ &::before {
484
+ content: url("/assets/img/grid-pager-arrow-left.svg");
485
+ }
486
+ }
487
+
488
+ &.e-next,
489
+ &.e-mnext {
490
+ margin: 0 12px 0 10px !important;
491
+ @media (max-width: 769px) {
492
+ width: auto;
493
+ min-width: 26px;
494
+ }
495
+ &::before {
496
+ content: url("/assets/img/grid-pager-arrow-left.svg");
497
+ transform: rotate(180deg);
498
+ }
499
+ }
500
+ &.e-last,
501
+ &.e-mlast {
502
+ @media (max-width: 769px) {
503
+ width: auto;
504
+ min-width: 26px;
505
+ }
506
+ &::before {
507
+ content: url("/assets/img/grid-pager-arrows-left.svg");
508
+ transform: rotate(180deg);
509
+ }
510
+ }
511
+ }
449
512
 
450
513
  .e-pagercontainer {
451
- margin: 0;
452
514
  border: 0;
453
-
454
- display: flex;
455
- flex-flow: row nowrap;
456
- align-items: center;
515
+ vertical-align: middle;
457
516
 
458
517
  .e-icons,
459
518
  .e-spacing {
460
- min-width: 24px;
461
- height: 24px;
462
-
463
519
  border: none;
464
520
  border-radius: 6px;
465
-
466
- display: flex;
467
- flex-flow: row nowrap;
468
- justify-content: center;
469
- align-items: center;
470
-
471
- color: #6c7c90;
472
- font-family: Arial;
473
- font-size: 11px;
474
- font-style: normal;
475
- font-weight: 400;
476
- line-height: 14px;
477
-
521
+ padding: 4px;
522
+ margin-right: 6px;
478
523
  &:hover,
479
524
  &.e-focused {
480
525
  background-color: #1f7bff0a;
@@ -486,40 +531,6 @@
486
531
  }
487
532
  }
488
533
 
489
- .e-icons {
490
- &::before {
491
- display: block;
492
- width: 16px;
493
- height: 16px;
494
- }
495
-
496
- &.e-first::before {
497
- content: url("/assets/img/grid-pager-arrows-left.svg");
498
- }
499
-
500
- &.e-prev {
501
- margin: 0 16px 0 12px;
502
-
503
- &::before {
504
- content: url("/assets/img/grid-pager-arrow-left.svg");
505
- }
506
- }
507
-
508
- &.e-next {
509
- margin: 0 12px 0 16px;
510
-
511
- &::before {
512
- content: url("/assets/img/grid-pager-arrow-left.svg");
513
- transform: rotate(180deg);
514
- }
515
- }
516
-
517
- &.e-last::before {
518
- content: url("/assets/img/grid-pager-arrows-left.svg");
519
- transform: rotate(180deg);
520
- }
521
- }
522
-
523
534
  .e-spacing {
524
535
  &.e-pp {
525
536
  margin-right: 12px;
@@ -536,56 +547,31 @@
536
547
  }
537
548
 
538
549
  .e-numericcontainer {
539
- display: flex;
540
- flex-flow: row nowrap;
541
- justify-content: center;
542
- align-items: center;
550
+ vertical-align: middle;
543
551
 
544
552
  .e-numericitem {
545
553
  border: 1px solid transparent;
554
+ padding: 4px;
555
+ min-width: 24px;
556
+ color: #44566c;
546
557
 
558
+ font-family: Arial;
559
+ font-size: 11px;
560
+ font-style: normal;
561
+ font-weight: 400;
562
+ line-height: 14px;
547
563
  &.e-currentitem {
548
564
  border-color: #1f7bff66;
549
565
  background-color: #fff;
550
566
  }
551
567
  }
552
-
553
- div:not(:first-child) > .e-numericitem {
554
- margin-left: 12px;
555
- }
556
568
  }
557
569
  }
558
-
559
- .e-parentmsgbar {
560
- float: none;
561
- clear: both;
562
-
563
- height: auto;
564
- padding: 0;
565
-
566
- position: absolute;
567
- top: 50%;
568
- right: 0;
569
- transform: translateY(-50%);
570
-
571
- color: #929dab;
572
- font-family: Arial;
573
- font-size: 11px;
574
- font-style: normal;
575
- font-weight: 400;
576
- line-height: 14px;
577
- }
578
-
579
570
  .e-pagesizes {
580
- height: 24px;
581
-
582
- display: flex;
583
- flex-flow: row nowrap;
584
- align-items: center;
585
- gap: 8px;
586
-
571
+ display: inline-block;
572
+ vertical-align: middle;
587
573
  .e-pagerdropdown {
588
- margin: 0;
574
+ margin: 0 8px 0 6px;
589
575
  width: 60px;
590
576
  height: 24px;
591
577
 
@@ -630,19 +616,240 @@
630
616
  }
631
617
  }
632
618
  }
619
+ }
633
620
 
634
- .e-pagerconstant {
635
- margin: 0;
621
+ .e-pagerconstant {
622
+ vertical-align: middle;
623
+ margin: 0;
636
624
 
637
- color: #929dab;
638
- font-family: Arial;
639
- font-size: 11px;
640
- font-style: normal;
641
- font-weight: 400;
642
- line-height: 12px;
625
+ color: #929dab;
626
+ font-family: Arial;
627
+ font-size: 11px;
628
+ font-style: normal;
629
+ font-weight: 400;
630
+ line-height: 12px;
631
+ }
632
+ .e-parentmsgbar {
633
+ color: #929dab;
634
+ font-family: Arial;
635
+ font-size: 11px;
636
+ font-style: normal;
637
+ font-weight: 400;
638
+ line-height: 14px;
639
+ padding-top: 4px !important;
640
+ padding-bottom: 0 !important;
641
+ @media (max-width: 769px) {
642
+ width: auto !important;
643
643
  }
644
644
  }
645
645
  }
646
+ // .e-pager {
647
+ // position: relative;
648
+
649
+ // display: flex;
650
+ // flex-flow: row nowrap;
651
+ // align-items: center;
652
+ // gap: 16px;
653
+ // border: 0;
654
+
655
+ // .e-pagercontainer {
656
+ // margin: 0;
657
+ // border: 0;
658
+
659
+ // display: flex;
660
+ // flex-flow: row nowrap;
661
+ // align-items: center;
662
+ // @media ((max-width: 769px)) {
663
+ // display: none;
664
+ // }
665
+ // .e-icons,
666
+ // .e-spacing {
667
+ // min-width: 24px;
668
+ // height: 24px;
669
+
670
+ // border: none;
671
+ // border-radius: 6px;
672
+
673
+ // display: flex;
674
+ // flex-flow: row nowrap;
675
+ // justify-content: center;
676
+ // align-items: center;
677
+
678
+ // color: #6c7c90;
679
+ // font-family: Arial;
680
+ // font-size: 11px;
681
+ // font-style: normal;
682
+ // font-weight: 400;
683
+ // line-height: 14px;
684
+
685
+ // &:hover,
686
+ // &.e-focused {
687
+ // background-color: #1f7bff0a;
688
+ // }
689
+
690
+ // &.e-disable {
691
+ // opacity: 0.3;
692
+ // cursor: not-allowed;
693
+ // }
694
+ // }
695
+
696
+ // .e-icons {
697
+ // &::before {
698
+ // display: block;
699
+ // width: 16px;
700
+ // height: 16px;
701
+ // }
702
+
703
+ // &.e-first::before {
704
+ // content: url("/assets/img/grid-pager-arrows-left.svg");
705
+ // }
706
+
707
+ // &.e-prev {
708
+ // margin: 0 16px 0 12px;
709
+
710
+ // &::before {
711
+ // content: url("/assets/img/grid-pager-arrow-left.svg");
712
+ // }
713
+ // }
714
+
715
+ // &.e-next {
716
+ // margin: 0 12px 0 16px;
717
+
718
+ // &::before {
719
+ // content: url("/assets/img/grid-pager-arrow-left.svg");
720
+ // transform: rotate(180deg);
721
+ // }
722
+ // }
723
+
724
+ // &.e-last::before {
725
+ // content: url("/assets/img/grid-pager-arrows-left.svg");
726
+ // transform: rotate(180deg);
727
+ // }
728
+ // }
729
+
730
+ // .e-spacing {
731
+ // &.e-pp {
732
+ // margin-right: 12px;
733
+ // }
734
+
735
+ // &.e-np {
736
+ // margin-left: 12px;
737
+ // }
738
+
739
+ // &.e-pp.e-disable,
740
+ // &.e-np.e-disable {
741
+ // display: none;
742
+ // }
743
+ // }
744
+
745
+ // .e-numericcontainer {
746
+ // display: flex;
747
+ // flex-flow: row nowrap;
748
+ // justify-content: center;
749
+ // align-items: center;
750
+
751
+ // .e-numericitem {
752
+ // border: 1px solid transparent;
753
+
754
+ // &.e-currentitem {
755
+ // border-color: #1f7bff66;
756
+ // background-color: #fff;
757
+ // }
758
+ // }
759
+
760
+ // div:not(:first-child) > .e-numericitem {
761
+ // margin-left: 12px;
762
+ // }
763
+ // }
764
+ // }
765
+
766
+ // .e-parentmsgbar {
767
+ // float: none;
768
+ // clear: both;
769
+
770
+ // height: auto;
771
+ // padding: 0;
772
+
773
+ // position: absolute;
774
+ // top: 50%;
775
+ // right: 0;
776
+ // transform: translateY(-50%);
777
+
778
+ // color: #929dab;
779
+ // font-family: Arial;
780
+ // font-size: 11px;
781
+ // font-style: normal;
782
+ // font-weight: 400;
783
+ // line-height: 14px;
784
+ // }
785
+
786
+ // .e-pagesizes {
787
+ // height: 24px;
788
+
789
+ // display: flex;
790
+ // flex-flow: row nowrap;
791
+ // align-items: center;
792
+ // gap: 8px;
793
+
794
+ // .e-pagerdropdown {
795
+ // margin: 0;
796
+ // width: 60px;
797
+ // height: 24px;
798
+
799
+ // .e-input-group {
800
+ // height: 24px;
801
+ // padding: 0 0 0 8px;
802
+
803
+ // border-radius: 4px;
804
+ // border: 1px solid #eaedf0;
805
+ // background-color: #fff;
806
+
807
+ // display: flex;
808
+ // flex-flow: row nowrap;
809
+ // align-items: center;
810
+
811
+ // &.e-icon-anim,
812
+ // &:focus-within {
813
+ // border-color: #1f7bffb8;
814
+ // box-shadow: none;
815
+ // }
816
+
817
+ // &:hover {
818
+ // border-color: #1f7bff80;
819
+ // box-shadow: 0px 0px 3px 0px #1f7bff66;
820
+ // }
821
+
822
+ // &.e-icon-anim:hover,
823
+ // &:not(.e-disabled):focus-within:hover {
824
+ // border-color: #1f7bffb8;
825
+ // }
826
+
827
+ // .e-input {
828
+ // height: 100%;
829
+ // padding: 0 !important;
830
+
831
+ // color: #062c4f !important;
832
+ // font-family: Arial;
833
+ // font-size: 11px !important;
834
+ // font-style: normal;
835
+ // font-weight: 400;
836
+ // line-height: 12px;
837
+ // }
838
+ // }
839
+ // }
840
+
841
+ // .e-pagerconstant {
842
+ // margin: 0;
843
+
844
+ // color: #929dab;
845
+ // font-family: Arial;
846
+ // font-size: 11px;
847
+ // font-style: normal;
848
+ // font-weight: 400;
849
+ // line-height: 12px;
850
+ // }
851
+ // }
852
+ // }
646
853
  .e-grid-menu {
647
854
  .e-menu-parent {
648
855
  .e-menu-item {