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

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 +26 -0
  2. package/dist/less.esm.css +26 -0
  3. package/es/ProForm/components/combination/ProModalSelect/style/index.less +29 -3
  4. package/lib/ProForm/components/combination/ProModalSelect/style/index.less +29 -3
  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,
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,
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,32 @@
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
+
77
103
  .@{ant-prefix}-input-group-wrapper-status-error {
78
104
  &:hover {
79
105
  .@{ant-prefix}-input,
@@ -109,7 +135,7 @@
109
135
 
110
136
  .@{ant-prefix}-space-compact {
111
137
  .@{ant-prefix}-select-compact-item-div:has(.@{ant-prefix}-select-status-error) {
112
- & + .ant-btn-compact-last-item {
138
+ & + .@{ant-prefix}-btn-compact-last-item {
113
139
  border-top: 1px solid var(--ant-error-color);
114
140
  border-right: 1px solid var(--ant-error-color);
115
141
  border-bottom: 1px solid var(--ant-error-color);
@@ -138,7 +164,7 @@
138
164
  // 报错信息
139
165
  .@{ant-prefix}-form-item-has-error{
140
166
  .pro-modal-select{
141
- .ant-btn-compact-last-item{
167
+ .@{ant-prefix}-btn-compact-last-item{
142
168
  color: @zaui-danger;
143
169
  border-color: @zaui-danger;
144
170
  }
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,32 @@
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
+
77
103
  .@{ant-prefix}-input-group-wrapper-status-error {
78
104
  &:hover {
79
105
  .@{ant-prefix}-input,
@@ -109,7 +135,7 @@
109
135
 
110
136
  .@{ant-prefix}-space-compact {
111
137
  .@{ant-prefix}-select-compact-item-div:has(.@{ant-prefix}-select-status-error) {
112
- & + .ant-btn-compact-last-item {
138
+ & + .@{ant-prefix}-btn-compact-last-item {
113
139
  border-top: 1px solid var(--ant-error-color);
114
140
  border-right: 1px solid var(--ant-error-color);
115
141
  border-bottom: 1px solid var(--ant-error-color);
@@ -138,7 +164,7 @@
138
164
  // 报错信息
139
165
  .@{ant-prefix}-form-item-has-error{
140
166
  .pro-modal-select{
141
- .ant-btn-compact-last-item{
167
+ .@{ant-prefix}-btn-compact-last-item{
142
168
  color: @zaui-danger;
143
169
  border-color: @zaui-danger;
144
170
  }
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.5",
4
4
  "license": "Apache-2.0",
5
5
  "main": "lib/index.js",
6
6
  "module": "es/index.js",