@zat-design/sisyphus-react 3.7.0-beta.4 → 3.7.0-beta.6

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 (5) hide show
  1. package/dist/index.esm.css +30 -1
  2. package/dist/less.esm.css +30 -1
  3. package/es/ProForm/components/combination/ProModalSelect/style/index.less +37 -4
  4. package/lib/ProForm/components/combination/ProModalSelect/style/index.less +37 -4
  5. package/package.json +1 -1
package/dist/index.esm.css CHANGED
@@ -2475,6 +2475,32 @@ span.ant-input-group-compact.pro-range-limit .forever-checkbox {
2475
2475
  border-top-left-radius: 0;
2476
2476
  border-bottom-left-radius: 0;
2477
2477
  }
2478
+ .pro-modal-select .ant-input-compact-item:not(.ant-input-compact-last-item):not(.ant-input-compact-item-rtl),
2479
+ .pro-tree-modal .ant-input-compact-item:not(.ant-input-compact-last-item):not(.ant-input-compact-item-rtl) {
2480
+ margin-right: 0;
2481
+ }
2482
+ .pro-modal-select .ant-btn-compact-item.ant-btn.ant-btn-compact-last-item:not(.ant-btn-compact-first-item):not(.ant-btn-compact-item-rtl):hover,
2483
+ .pro-tree-modal .ant-btn-compact-item.ant-btn.ant-btn-compact-last-item:not(.ant-btn-compact-first-item):not(.ant-btn-compact-item-rtl):hover {
2484
+ position: relative;
2485
+ -webkit-transition: none;
2486
+ transition: none;
2487
+ }
2488
+ .pro-modal-select .ant-btn-compact-item.ant-btn.ant-btn-compact-last-item:not(.ant-btn-compact-first-item):not(.ant-btn-compact-item-rtl):hover::before,
2489
+ .pro-tree-modal .ant-btn-compact-item.ant-btn.ant-btn-compact-last-item:not(.ant-btn-compact-first-item):not(.ant-btn-compact-item-rtl):hover::before {
2490
+ opacity: 1;
2491
+ }
2492
+ .pro-modal-select .ant-btn-compact-item.ant-btn.ant-btn-compact-last-item:not(.ant-btn-compact-first-item):not(.ant-btn-compact-item-rtl)::before,
2493
+ .pro-tree-modal .ant-btn-compact-item.ant-btn.ant-btn-compact-last-item:not(.ant-btn-compact-first-item):not(.ant-btn-compact-item-rtl)::before {
2494
+ content: '';
2495
+ position: absolute;
2496
+ top: -1px;
2497
+ left: -1px;
2498
+ width: 1px;
2499
+ height: calc(100% + 2px);
2500
+ background: var(--ant-primary-color-hover);
2501
+ opacity: 0;
2502
+ display: block;
2503
+ }
2478
2504
  .pro-modal-select .ant-input-group-wrapper-status-error:hover .ant-input,
2479
2505
  .pro-tree-modal .ant-input-group-wrapper-status-error:hover .ant-input,
2480
2506
  .pro-modal-select .ant-input-group-wrapper-status-error:hover .ant-input-group-addon,
@@ -2513,7 +2539,7 @@ span.ant-input-group-compact.pro-range-limit .forever-checkbox {
2513
2539
  }
2514
2540
  .pro-modal-select .ant-space-compact .ant-btn-compact-last-item,
2515
2541
  .pro-tree-modal .ant-space-compact .ant-btn-compact-last-item {
2516
- border-left: none;
2542
+ border-left: none !important;
2517
2543
  }
2518
2544
  .pro-modal-select .ant-input-group-addon,
2519
2545
  .pro-tree-modal .ant-input-group-addon {
@@ -2536,6 +2562,9 @@ span.ant-input-group-compact.pro-range-limit .forever-checkbox {
2536
2562
  color: var(--zaui-danger, #ff5050);
2537
2563
  border-color: var(--zaui-danger, #ff5050);
2538
2564
  }
2565
+ .ant-form-item-has-error .pro-modal-select .ant-btn-compact-last-item::before {
2566
+ background: var(--zaui-danger, #ff5050) !important;
2567
+ }
2539
2568
  .pro-group {
2540
2569
  width: unset !important;
2541
2570
  display: -webkit-box;
package/dist/less.esm.css CHANGED
@@ -2475,6 +2475,32 @@ span.ant-input-group-compact.pro-range-limit .forever-checkbox {
2475
2475
  border-top-left-radius: 0;
2476
2476
  border-bottom-left-radius: 0;
2477
2477
  }
2478
+ .pro-modal-select .ant-input-compact-item:not(.ant-input-compact-last-item):not(.ant-input-compact-item-rtl),
2479
+ .pro-tree-modal .ant-input-compact-item:not(.ant-input-compact-last-item):not(.ant-input-compact-item-rtl) {
2480
+ margin-right: 0;
2481
+ }
2482
+ .pro-modal-select .ant-btn-compact-item.ant-btn.ant-btn-compact-last-item:not(.ant-btn-compact-first-item):not(.ant-btn-compact-item-rtl):hover,
2483
+ .pro-tree-modal .ant-btn-compact-item.ant-btn.ant-btn-compact-last-item:not(.ant-btn-compact-first-item):not(.ant-btn-compact-item-rtl):hover {
2484
+ position: relative;
2485
+ -webkit-transition: none;
2486
+ transition: none;
2487
+ }
2488
+ .pro-modal-select .ant-btn-compact-item.ant-btn.ant-btn-compact-last-item:not(.ant-btn-compact-first-item):not(.ant-btn-compact-item-rtl):hover::before,
2489
+ .pro-tree-modal .ant-btn-compact-item.ant-btn.ant-btn-compact-last-item:not(.ant-btn-compact-first-item):not(.ant-btn-compact-item-rtl):hover::before {
2490
+ opacity: 1;
2491
+ }
2492
+ .pro-modal-select .ant-btn-compact-item.ant-btn.ant-btn-compact-last-item:not(.ant-btn-compact-first-item):not(.ant-btn-compact-item-rtl)::before,
2493
+ .pro-tree-modal .ant-btn-compact-item.ant-btn.ant-btn-compact-last-item:not(.ant-btn-compact-first-item):not(.ant-btn-compact-item-rtl)::before {
2494
+ content: '';
2495
+ position: absolute;
2496
+ top: -1px;
2497
+ left: -1px;
2498
+ width: 1px;
2499
+ height: calc(100% + 2px);
2500
+ background: var(--ant-primary-color-hover);
2501
+ opacity: 0;
2502
+ display: block;
2503
+ }
2478
2504
  .pro-modal-select .ant-input-group-wrapper-status-error:hover .ant-input,
2479
2505
  .pro-tree-modal .ant-input-group-wrapper-status-error:hover .ant-input,
2480
2506
  .pro-modal-select .ant-input-group-wrapper-status-error:hover .ant-input-group-addon,
@@ -2513,7 +2539,7 @@ span.ant-input-group-compact.pro-range-limit .forever-checkbox {
2513
2539
  }
2514
2540
  .pro-modal-select .ant-space-compact .ant-btn-compact-last-item,
2515
2541
  .pro-tree-modal .ant-space-compact .ant-btn-compact-last-item {
2516
- border-left: none;
2542
+ border-left: none !important;
2517
2543
  }
2518
2544
  .pro-modal-select .ant-input-group-addon,
2519
2545
  .pro-tree-modal .ant-input-group-addon {
@@ -2536,6 +2562,9 @@ span.ant-input-group-compact.pro-range-limit .forever-checkbox {
2536
2562
  color: var(--zaui-danger, #ff5050);
2537
2563
  border-color: var(--zaui-danger, #ff5050);
2538
2564
  }
2565
+ .ant-form-item-has-error .pro-modal-select .ant-btn-compact-last-item::before {
2566
+ background: var(--zaui-danger, #ff5050) !important;
2567
+ }
2539
2568
  .pro-group {
2540
2569
  width: unset !important;
2541
2570
  display: -webkit-box;
package/es/ProForm/components/combination/ProModalSelect/style/index.less CHANGED
@@ -57,7 +57,7 @@
57
57
  .@{ant-prefix}-input-affix-wrapper {
58
58
  border-top-right-radius: 0;
59
59
  border-bottom-right-radius: 0;
60
- &.ant-input-affix-wrapper-status-error{
60
+ &.@{ant-prefix}-input-affix-wrapper-status-error{
61
61
  & + .@{ant-prefix}-btn{
62
62
  border: 1px solid var(--ant-error-color);
63
63
  >.viewSvg{
@@ -74,6 +74,36 @@
74
74
  }
75
75
  }
76
76
 
77
+ .@{ant-prefix}-input-compact-item:not(.@{ant-prefix}-input-compact-last-item):not(.@{ant-prefix}-input-compact-item-rtl){
78
+ margin-right: 0;
79
+ }
80
+
81
+ .@{ant-prefix}-btn-compact-item.@{ant-prefix}-btn.@{ant-prefix}-btn-compact-last-item:not(.@{ant-prefix}-btn-compact-first-item):not(.@{ant-prefix}-btn-compact-item-rtl){
82
+ &:hover{
83
+ position: relative;
84
+ transition: none;
85
+ &::before{
86
+ opacity: 1;
87
+ }
88
+ }
89
+ &::before{
90
+ content: '';
91
+ position: absolute;
92
+ top: -1px;
93
+ left: -1px;
94
+ width: 1px;
95
+ height: calc(100% + 2px);
96
+ background:var(--ant-primary-color-hover);
97
+ opacity: 0;
98
+ display: block;
99
+ }
100
+ }
101
+
102
+ .@{ant-prefix}-input-affix-wrapper-status-error{
103
+
104
+ }
105
+
106
+
77
107
  .@{ant-prefix}-input-group-wrapper-status-error {
78
108
  &:hover {
79
109
  .@{ant-prefix}-input,
@@ -109,7 +139,7 @@
109
139
 
110
140
  .@{ant-prefix}-space-compact {
111
141
  .@{ant-prefix}-select-compact-item-div:has(.@{ant-prefix}-select-status-error) {
112
- & + .ant-btn-compact-last-item {
142
+ & + .@{ant-prefix}-btn-compact-last-item {
113
143
  border-top: 1px solid var(--ant-error-color);
114
144
  border-right: 1px solid var(--ant-error-color);
115
145
  border-bottom: 1px solid var(--ant-error-color);
@@ -119,7 +149,7 @@
119
149
  }
120
150
  }
121
151
  .@{ant-prefix}-btn-compact-last-item{
122
- border-left: none;
152
+ border-left: none !important;
123
153
  }
124
154
  }
125
155
 
@@ -138,9 +168,12 @@
138
168
  // 报错信息
139
169
  .@{ant-prefix}-form-item-has-error{
140
170
  .pro-modal-select{
141
- .ant-btn-compact-last-item{
171
+ .@{ant-prefix}-btn-compact-last-item{
142
172
  color: @zaui-danger;
143
173
  border-color: @zaui-danger;
174
+ &::before{
175
+ background: @zaui-danger !important;
176
+ }
144
177
  }
145
178
  }
146
179
  }
package/lib/ProForm/components/combination/ProModalSelect/style/index.less CHANGED
@@ -57,7 +57,7 @@
57
57
  .@{ant-prefix}-input-affix-wrapper {
58
58
  border-top-right-radius: 0;
59
59
  border-bottom-right-radius: 0;
60
- &.ant-input-affix-wrapper-status-error{
60
+ &.@{ant-prefix}-input-affix-wrapper-status-error{
61
61
  & + .@{ant-prefix}-btn{
62
62
  border: 1px solid var(--ant-error-color);
63
63
  >.viewSvg{
@@ -74,6 +74,36 @@
74
74
  }
75
75
  }
76
76
 
77
+ .@{ant-prefix}-input-compact-item:not(.@{ant-prefix}-input-compact-last-item):not(.@{ant-prefix}-input-compact-item-rtl){
78
+ margin-right: 0;
79
+ }
80
+
81
+ .@{ant-prefix}-btn-compact-item.@{ant-prefix}-btn.@{ant-prefix}-btn-compact-last-item:not(.@{ant-prefix}-btn-compact-first-item):not(.@{ant-prefix}-btn-compact-item-rtl){
82
+ &:hover{
83
+ position: relative;
84
+ transition: none;
85
+ &::before{
86
+ opacity: 1;
87
+ }
88
+ }
89
+ &::before{
90
+ content: '';
91
+ position: absolute;
92
+ top: -1px;
93
+ left: -1px;
94
+ width: 1px;
95
+ height: calc(100% + 2px);
96
+ background:var(--ant-primary-color-hover);
97
+ opacity: 0;
98
+ display: block;
99
+ }
100
+ }
101
+
102
+ .@{ant-prefix}-input-affix-wrapper-status-error{
103
+
104
+ }
105
+
106
+
77
107
  .@{ant-prefix}-input-group-wrapper-status-error {
78
108
  &:hover {
79
109
  .@{ant-prefix}-input,
@@ -109,7 +139,7 @@
109
139
 
110
140
  .@{ant-prefix}-space-compact {
111
141
  .@{ant-prefix}-select-compact-item-div:has(.@{ant-prefix}-select-status-error) {
112
- & + .ant-btn-compact-last-item {
142
+ & + .@{ant-prefix}-btn-compact-last-item {
113
143
  border-top: 1px solid var(--ant-error-color);
114
144
  border-right: 1px solid var(--ant-error-color);
115
145
  border-bottom: 1px solid var(--ant-error-color);
@@ -119,7 +149,7 @@
119
149
  }
120
150
  }
121
151
  .@{ant-prefix}-btn-compact-last-item{
122
- border-left: none;
152
+ border-left: none !important;
123
153
  }
124
154
  }
125
155
 
@@ -138,9 +168,12 @@
138
168
  // 报错信息
139
169
  .@{ant-prefix}-form-item-has-error{
140
170
  .pro-modal-select{
141
- .ant-btn-compact-last-item{
171
+ .@{ant-prefix}-btn-compact-last-item{
142
172
  color: @zaui-danger;
143
173
  border-color: @zaui-danger;
174
+ &::before{
175
+ background: @zaui-danger !important;
176
+ }
144
177
  }
145
178
  }
146
179
  }
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@zat-design/sisyphus-react",
3
- "version": "3.7.0-beta.4",
3
+ "version": "3.7.0-beta.6",
4
4
  "license": "Apache-2.0",
5
5
  "main": "lib/index.js",
6
6
  "module": "es/index.js",