raise-common-lib-new 0.0.24 → 0.0.26

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.
Files changed (10) hide show
  1. package/esm2022/lib/commentary/index.component.mjs +5 -5
  2. package/fesm2022/raise-common-lib-new.mjs +4 -4
  3. package/fesm2022/raise-common-lib-new.mjs.map +1 -1
  4. package/package.json +1 -1
  5. package/src/assets/img/time-disabled.svg +4 -0
  6. package/src/assets/img/time.svg +4 -0
  7. package/src/assets/style/reset/checkbox.scss +9 -8
  8. package/src/assets/style/reset/dropdown.scss +82 -5
  9. package/src/assets/style/reset/grid.scss +3 -1
  10. package/src/assets/style/reset/radio.scss +35 -33
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "raise-common-lib-new",
3
- "version": "0.0.24",
3
+ "version": "0.0.26",
4
4
  "peerDependencies": {
5
5
  "@angular/common": "^16.0.0",
6
6
  "@angular/core": "^16.0.0"
package/src/assets/img/time-disabled.svg ADDED
@@ -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>
package/src/assets/img/time.svg ADDED
@@ -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>
package/src/assets/style/reset/checkbox.scss CHANGED
@@ -1,16 +1,17 @@
1
1
  .e-checkbox-wrapper {
2
2
  .e-label {
3
- color: var(--rs-label-color);
4
- font-family: var(--rs-font-family);
5
- font-size: var(--rs-font-size);
3
+ color: var(--rs-label-color) !important;
4
+ font-family: var(--rs-font-family) !important;
5
+ font-size: var(--rs-font-size) !important;
6
6
  font-weight: 400;
7
7
  line-height: 14px;
8
8
  }
9
- .e-checkbox-wrapper.e-checkbox-disabled {
10
- .e-icons {
11
- border-color: rgba(209, 209, 209, 0.5);
12
- background-color: rgba(234, 237, 240, 0.35);
13
- }
9
+ &.e-checkbox-disabled {
10
+ opacity: 0.4;
11
+ // .e-icons {
12
+ // border-color: rgba(209, 209, 209, 0.5);
13
+ // background-color: rgba(234, 237, 240, 0.35);
14
+ // }
14
15
  }
15
16
  .e-icons {
16
17
  box-shadow: none !important;
package/src/assets/style/reset/dropdown.scss CHANGED
@@ -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
  }
package/src/assets/style/reset/grid.scss CHANGED
@@ -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;
package/src/assets/style/reset/radio.scss CHANGED
@@ -1,37 +1,39 @@
1
1
  .e-radio-wrapper {
2
- .e-radio:disabled + label {
3
- &::before {
4
- border-color: rgba(209, 209, 209, 0.5);
5
- background-color: rgba(234, 237, 240, 0.35);
6
- }
2
+ .e-radio:disabled + label {
3
+ opacity: 0.4;
4
+ &::before {
5
+ background-color: #e9ecef;
6
+ border-color: #adb5bd;
7
+ color: #6c757d;
7
8
  }
8
- .e-radio:checked + label {
9
- &::before {
10
- background-color: var(--rs-active-color);
11
- border-color: var(--rs-active-color);
12
- box-shadow: none;
13
- }
14
- &::after {
15
- content: "" !important;
16
- display: block;
17
- width: 11px;
18
- height: 8px;
19
- background-image: url("/assets/img/checked-vector.svg");
20
- background-size: cover;
21
- background-position: center;
22
- background-color: transparent;
23
- transform: scale(1);
24
- left: 2px;
25
- top: 3px;
26
- border: 0;
27
- border-radius: 0;
28
- }
9
+ }
10
+ .e-radio:checked + label {
11
+ &::before {
12
+ background-color: var(--rs-active-color);
13
+ border-color: var(--rs-active-color);
14
+ box-shadow: none;
29
15
  }
30
- .e-label {
31
- color: var(--rs-label-color);
32
- font-family: var(--rs-font-family);
33
- font-size: var(--rs-font-size);
34
- font-weight: 400;
35
- line-height: 14px;
16
+ &::after {
17
+ content: "" !important;
18
+ display: block;
19
+ width: 11px;
20
+ height: 8px;
21
+ background-image: url("/assets/img/checked-vector.svg");
22
+ background-size: cover;
23
+ background-position: center;
24
+ background-color: transparent;
25
+ transform: scale(1);
26
+ left: 2px;
27
+ top: 3px;
28
+ border: 0;
29
+ border-radius: 0;
36
30
  }
37
- }
31
+ }
32
+ .e-label {
33
+ color: var(--rs-label-color) !important;
34
+ font-family: var(--rs-font-family) !important;
35
+ font-size: var(--rs-font-size) !important;
36
+ font-weight: 400 !important;
37
+ line-height: 14px !important;
38
+ }
39
+ }