@zat-design/sisyphus-react 3.13.17 → 3.13.18-beta.2

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 +29 -3
  2. package/dist/less.esm.css +29 -3
  3. package/es/ProLayout/components/ProCollapse/style/index.less +47 -8
  4. package/lib/ProLayout/components/ProCollapse/style/index.less +47 -8
  5. package/package.json +1 -1
package/dist/index.esm.css CHANGED
@@ -753,7 +753,7 @@
753
753
  margin-right: var(--zaui-space-size-sm, 8px);
754
754
  }
755
755
  .pro-collapse.pro-collapse-level2 .pro-collapse-content {
756
- padding: var(--zaui-space-size-sm, 8px) 0 !important;
756
+ padding: var(--zaui-space-size-md, 16px) !important;
757
757
  }
758
758
  .pro-collapse.pro-collapse-level2 .pro-collapse-level2-collapse {
759
759
  margin-bottom: var(--zaui-space-size-md, 16px);
@@ -828,6 +828,29 @@
828
828
  .pro-collapse.pro-collapse-level3 {
829
829
  margin-bottom: var(--zaui-space-size-md, 16px);
830
830
  }
831
+ .pro-collapse.pro-collapse-level3 .pro-collapse-level2 {
832
+ margin-top: 8px !important;
833
+ }
834
+ .pro-collapse.pro-collapse-level3 .pro-collapse-level2 .pro-collapse-panel {
835
+ border: none !important;
836
+ }
837
+ .pro-collapse.pro-collapse-level3 .pro-collapse-level2 .ant-collapse-header {
838
+ height: auto !important;
839
+ background: #fff !important;
840
+ }
841
+ .pro-collapse.pro-collapse-level3 .pro-collapse-level2 .ant-collapse-header:hover {
842
+ background: #fff !important;
843
+ }
844
+ .pro-collapse.pro-collapse-level3 .pro-collapse-level2 .ant-collapse-header .ant-collapse-header-text:before {
845
+ display: block;
846
+ }
847
+ .pro-collapse.pro-collapse-level3 .pro-collapse-level2 .ant-collapse-header .ant-collapse-extra .extra-info {
848
+ font-size: var(--zaui-font-size, 14px);
849
+ color: var(--zaui-text, #343434);
850
+ }
851
+ .pro-collapse.pro-collapse-level3 .pro-collapse-level2 .ant-collapse-content .ant-collapse-content-box .pro-collapse-content {
852
+ padding: var(--zaui-space-size-sm, 8px) 0 !important;
853
+ }
831
854
  .pro-collapse.pro-collapse-level3 .ant-collapse-item-active {
832
855
  margin-bottom: 0 !important;
833
856
  }
@@ -841,6 +864,9 @@
841
864
  margin-bottom: 0;
842
865
  border-bottom: 1px solid #d9d9d9;
843
866
  }
867
+ .pro-collapse.pro-collapse-level3 .pro-collapse-level3-no-collapse .ant-collapse-header {
868
+ padding: 0 !important;
869
+ }
844
870
  .pro-collapse.pro-collapse-level3 .ant-collapse-header {
845
871
  height: 48px !important;
846
872
  padding: 0 var(--zaui-space-size-md, 16px) !important;
@@ -887,7 +913,7 @@
887
913
  padding: 0 !important;
888
914
  }
889
915
  .pro-collapse.pro-collapse-level3 .pro-collapse-level3-collapse .ant-collapse-header:hover {
890
- background: #f0f0f0 !important;
916
+ background: #f0f0f0;
891
917
  }
892
918
  .pro-collapse.pro-collapse-level3 .pro-collapse-level3-no-collapse .ant-collapse-expand-icon {
893
919
  display: none !important;
@@ -901,7 +927,7 @@
901
927
  cursor: default;
902
928
  background: #F8F8F8 !important;
903
929
  }
904
- .pro-collapse .pro-collapse-content:has(.pro-collapse-level3):not(:has(.pro-collapse-level2)) {
930
+ .pro-collapse .pro-collapse-level2 .pro-collapse-content:has(.pro-collapse-level3) {
905
931
  padding: var(--zaui-space-size-md, 16px) !important;
906
932
  padding-right: 0 !important;
907
933
  }
package/dist/less.esm.css CHANGED
@@ -753,7 +753,7 @@
753
753
  margin-right: var(--zaui-space-size-sm, 8px);
754
754
  }
755
755
  .pro-collapse.pro-collapse-level2 .pro-collapse-content {
756
- padding: var(--zaui-space-size-sm, 8px) 0 !important;
756
+ padding: var(--zaui-space-size-md, 16px) !important;
757
757
  }
758
758
  .pro-collapse.pro-collapse-level2 .pro-collapse-level2-collapse {
759
759
  margin-bottom: var(--zaui-space-size-md, 16px);
@@ -828,6 +828,29 @@
828
828
  .pro-collapse.pro-collapse-level3 {
829
829
  margin-bottom: var(--zaui-space-size-md, 16px);
830
830
  }
831
+ .pro-collapse.pro-collapse-level3 .pro-collapse-level2 {
832
+ margin-top: 8px !important;
833
+ }
834
+ .pro-collapse.pro-collapse-level3 .pro-collapse-level2 .pro-collapse-panel {
835
+ border: none !important;
836
+ }
837
+ .pro-collapse.pro-collapse-level3 .pro-collapse-level2 .ant-collapse-header {
838
+ height: auto !important;
839
+ background: #fff !important;
840
+ }
841
+ .pro-collapse.pro-collapse-level3 .pro-collapse-level2 .ant-collapse-header:hover {
842
+ background: #fff !important;
843
+ }
844
+ .pro-collapse.pro-collapse-level3 .pro-collapse-level2 .ant-collapse-header .ant-collapse-header-text:before {
845
+ display: block;
846
+ }
847
+ .pro-collapse.pro-collapse-level3 .pro-collapse-level2 .ant-collapse-header .ant-collapse-extra .extra-info {
848
+ font-size: var(--zaui-font-size, 14px);
849
+ color: var(--zaui-text, #343434);
850
+ }
851
+ .pro-collapse.pro-collapse-level3 .pro-collapse-level2 .ant-collapse-content .ant-collapse-content-box .pro-collapse-content {
852
+ padding: var(--zaui-space-size-sm, 8px) 0 !important;
853
+ }
831
854
  .pro-collapse.pro-collapse-level3 .ant-collapse-item-active {
832
855
  margin-bottom: 0 !important;
833
856
  }
@@ -841,6 +864,9 @@
841
864
  margin-bottom: 0;
842
865
  border-bottom: 1px solid #d9d9d9;
843
866
  }
867
+ .pro-collapse.pro-collapse-level3 .pro-collapse-level3-no-collapse .ant-collapse-header {
868
+ padding: 0 !important;
869
+ }
844
870
  .pro-collapse.pro-collapse-level3 .ant-collapse-header {
845
871
  height: 48px !important;
846
872
  padding: 0 var(--zaui-space-size-md, 16px) !important;
@@ -887,7 +913,7 @@
887
913
  padding: 0 !important;
888
914
  }
889
915
  .pro-collapse.pro-collapse-level3 .pro-collapse-level3-collapse .ant-collapse-header:hover {
890
- background: #f0f0f0 !important;
916
+ background: #f0f0f0;
891
917
  }
892
918
  .pro-collapse.pro-collapse-level3 .pro-collapse-level3-no-collapse .ant-collapse-expand-icon {
893
919
  display: none !important;
@@ -901,7 +927,7 @@
901
927
  cursor: default;
902
928
  background: #F8F8F8 !important;
903
929
  }
904
- .pro-collapse .pro-collapse-content:has(.pro-collapse-level3):not(:has(.pro-collapse-level2)) {
930
+ .pro-collapse .pro-collapse-level2 .pro-collapse-content:has(.pro-collapse-level3) {
905
931
  padding: var(--zaui-space-size-md, 16px) !important;
906
932
  padding-right: 0 !important;
907
933
  }
package/es/ProLayout/components/ProCollapse/style/index.less CHANGED
@@ -99,7 +99,7 @@
99
99
  }
100
100
 
101
101
  .pro-collapse-content {
102
- padding: var(--zaui-space-size-sm, 8px) 0 !important;
102
+ padding: var(--zaui-space-size-md, 16px) !important;
103
103
  }
104
104
 
105
105
  .pro-collapse-level2-collapse {
@@ -204,6 +204,40 @@
204
204
 
205
205
  &.pro-collapse-level3 {
206
206
  margin-bottom: var(--zaui-space-size-md, 16px);
207
+
208
+ .pro-collapse-level2{
209
+ margin-top: 8px !important;
210
+ .pro-collapse-panel {
211
+ border: none !important;
212
+ }
213
+ .@{ant-prefix}-collapse-header {
214
+ height: auto !important;
215
+ background: #fff !important;
216
+ &:hover{
217
+ background: #fff !important;
218
+ }
219
+ .@{ant-prefix}-collapse-header-text {
220
+ &:before{
221
+ display: block;
222
+ }
223
+ }
224
+
225
+ .@{ant-prefix}-collapse-extra {
226
+ .extra-info {
227
+ font-size: var(--zaui-font-size, 14px);
228
+ color: var(--zaui-text, #343434);
229
+ }
230
+ }
231
+ }
232
+ .@{ant-prefix}-collapse-content{
233
+ .@{ant-prefix}-collapse-content-box{
234
+ .pro-collapse-content{
235
+ padding: var(--zaui-space-size-sm, 8px) 0 !important;
236
+ }
237
+ }
238
+ }
239
+
240
+ }
207
241
 
208
242
  .@{ant-prefix}-collapse-item-active{
209
243
  margin-bottom: 0 !important;
@@ -220,6 +254,12 @@
220
254
  }
221
255
  }
222
256
 
257
+ .pro-collapse-level3-no-collapse{
258
+ .@{ant-prefix}-collapse-header{
259
+ padding: 0 !important;
260
+ }
261
+ }
262
+
223
263
  .@{ant-prefix}-collapse-header {
224
264
  height: 48px !important;
225
265
  padding: 0 var(--zaui-space-size-md, 16px) !important;
@@ -269,7 +309,7 @@
269
309
  cursor: pointer;
270
310
  padding: 0 !important;
271
311
  &:hover {
272
- background: #f0f0f0 !important;
312
+ background: #f0f0f0;
273
313
  }
274
314
  }
275
315
  }
@@ -296,10 +336,9 @@
296
336
  background: #F8F8F8 !important;
297
337
  }
298
338
  }
299
- // 当pro-collapse-content包含level3但不包含level2时，添加padding
300
- .pro-collapse-content:has(.pro-collapse-level3):not(:has(.pro-collapse-level2)) {
301
- padding: var(--zaui-space-size-md, 16px) !important;
302
- padding-right: 0 !important;
303
- }
304
-
339
+ // 当pro-collapse-content直接包含level3且不包含level2时，添加padding
340
+ .pro-collapse-level2 .pro-collapse-content:has(.pro-collapse-level3) {
341
+ padding: var(--zaui-space-size-md, 16px) !important;
342
+ padding-right: 0 !important;
343
+ }
305
344
  }
package/lib/ProLayout/components/ProCollapse/style/index.less CHANGED
@@ -99,7 +99,7 @@
99
99
  }
100
100
 
101
101
  .pro-collapse-content {
102
- padding: var(--zaui-space-size-sm, 8px) 0 !important;
102
+ padding: var(--zaui-space-size-md, 16px) !important;
103
103
  }
104
104
 
105
105
  .pro-collapse-level2-collapse {
@@ -204,6 +204,40 @@
204
204
 
205
205
  &.pro-collapse-level3 {
206
206
  margin-bottom: var(--zaui-space-size-md, 16px);
207
+
208
+ .pro-collapse-level2{
209
+ margin-top: 8px !important;
210
+ .pro-collapse-panel {
211
+ border: none !important;
212
+ }
213
+ .@{ant-prefix}-collapse-header {
214
+ height: auto !important;
215
+ background: #fff !important;
216
+ &:hover{
217
+ background: #fff !important;
218
+ }
219
+ .@{ant-prefix}-collapse-header-text {
220
+ &:before{
221
+ display: block;
222
+ }
223
+ }
224
+
225
+ .@{ant-prefix}-collapse-extra {
226
+ .extra-info {
227
+ font-size: var(--zaui-font-size, 14px);
228
+ color: var(--zaui-text, #343434);
229
+ }
230
+ }
231
+ }
232
+ .@{ant-prefix}-collapse-content{
233
+ .@{ant-prefix}-collapse-content-box{
234
+ .pro-collapse-content{
235
+ padding: var(--zaui-space-size-sm, 8px) 0 !important;
236
+ }
237
+ }
238
+ }
239
+
240
+ }
207
241
 
208
242
  .@{ant-prefix}-collapse-item-active{
209
243
  margin-bottom: 0 !important;
@@ -220,6 +254,12 @@
220
254
  }
221
255
  }
222
256
 
257
+ .pro-collapse-level3-no-collapse{
258
+ .@{ant-prefix}-collapse-header{
259
+ padding: 0 !important;
260
+ }
261
+ }
262
+
223
263
  .@{ant-prefix}-collapse-header {
224
264
  height: 48px !important;
225
265
  padding: 0 var(--zaui-space-size-md, 16px) !important;
@@ -269,7 +309,7 @@
269
309
  cursor: pointer;
270
310
  padding: 0 !important;
271
311
  &:hover {
272
- background: #f0f0f0 !important;
312
+ background: #f0f0f0;
273
313
  }
274
314
  }
275
315
  }
@@ -296,10 +336,9 @@
296
336
  background: #F8F8F8 !important;
297
337
  }
298
338
  }
299
- // 当pro-collapse-content包含level3但不包含level2时，添加padding
300
- .pro-collapse-content:has(.pro-collapse-level3):not(:has(.pro-collapse-level2)) {
301
- padding: var(--zaui-space-size-md, 16px) !important;
302
- padding-right: 0 !important;
303
- }
304
-
339
+ // 当pro-collapse-content直接包含level3且不包含level2时，添加padding
340
+ .pro-collapse-level2 .pro-collapse-content:has(.pro-collapse-level3) {
341
+ padding: var(--zaui-space-size-md, 16px) !important;
342
+ padding-right: 0 !important;
343
+ }
305
344
  }
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@zat-design/sisyphus-react",
3
- "version": "3.13.17",
3
+ "version": "3.13.18-beta.2",
4
4
  "license": "MIT",
5
5
  "main": "lib/index.js",
6
6
  "module": "es/index.js",