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

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 +25 -2
  2. package/dist/less.esm.css +25 -2
  3. package/es/ProLayout/components/ProCollapse/style/index.less +39 -3
  4. package/lib/ProLayout/components/ProCollapse/style/index.less +39 -3
  5. package/package.json +1 -1
package/dist/index.esm.css CHANGED
@@ -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
  }
@@ -887,7 +910,7 @@
887
910
  padding: 0 !important;
888
911
  }
889
912
  .pro-collapse.pro-collapse-level3 .pro-collapse-level3-collapse .ant-collapse-header:hover {
890
- background: #f0f0f0 !important;
913
+ background: #f0f0f0;
891
914
  }
892
915
  .pro-collapse.pro-collapse-level3 .pro-collapse-level3-no-collapse .ant-collapse-expand-icon {
893
916
  display: none !important;
@@ -901,7 +924,7 @@
901
924
  cursor: default;
902
925
  background: #F8F8F8 !important;
903
926
  }
904
- .pro-collapse .pro-collapse-content:has(.pro-collapse-level3):not(:has(.pro-collapse-level2)) {
927
+ .pro-collapse .pro-collapse-content:has(> .pro-collapse-level3):not(:has(> .pro-collapse-level2)) {
905
928
  padding: var(--zaui-space-size-md, 16px) !important;
906
929
  padding-right: 0 !important;
907
930
  }
package/dist/less.esm.css CHANGED
@@ -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
  }
@@ -887,7 +910,7 @@
887
910
  padding: 0 !important;
888
911
  }
889
912
  .pro-collapse.pro-collapse-level3 .pro-collapse-level3-collapse .ant-collapse-header:hover {
890
- background: #f0f0f0 !important;
913
+ background: #f0f0f0;
891
914
  }
892
915
  .pro-collapse.pro-collapse-level3 .pro-collapse-level3-no-collapse .ant-collapse-expand-icon {
893
916
  display: none !important;
@@ -901,7 +924,7 @@
901
924
  cursor: default;
902
925
  background: #F8F8F8 !important;
903
926
  }
904
- .pro-collapse .pro-collapse-content:has(.pro-collapse-level3):not(:has(.pro-collapse-level2)) {
927
+ .pro-collapse .pro-collapse-content:has(> .pro-collapse-level3):not(:has(> .pro-collapse-level2)) {
905
928
  padding: var(--zaui-space-size-md, 16px) !important;
906
929
  padding-right: 0 !important;
907
930
  }
package/es/ProLayout/components/ProCollapse/style/index.less CHANGED
@@ -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,8 @@
220
254
  }
221
255
  }
222
256
 
257
+
258
+
223
259
  .@{ant-prefix}-collapse-header {
224
260
  height: 48px !important;
225
261
  padding: 0 var(--zaui-space-size-md, 16px) !important;
@@ -269,7 +305,7 @@
269
305
  cursor: pointer;
270
306
  padding: 0 !important;
271
307
  &:hover {
272
- background: #f0f0f0 !important;
308
+ background: #f0f0f0;
273
309
  }
274
310
  }
275
311
  }
@@ -296,8 +332,8 @@
296
332
  background: #F8F8F8 !important;
297
333
  }
298
334
  }
299
- // 当pro-collapse-content包含level3但不包含level2时，添加padding
300
- .pro-collapse-content:has(.pro-collapse-level3):not(:has(.pro-collapse-level2)) {
335
+ // 当pro-collapse-content直接包含level3且不包含level2时，添加padding
336
+ .pro-collapse-content:has(> .pro-collapse-level3):not(:has(> .pro-collapse-level2)) {
301
337
  padding: var(--zaui-space-size-md, 16px) !important;
302
338
  padding-right: 0 !important;
303
339
  }
package/lib/ProLayout/components/ProCollapse/style/index.less CHANGED
@@ -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,8 @@
220
254
  }
221
255
  }
222
256
 
257
+
258
+
223
259
  .@{ant-prefix}-collapse-header {
224
260
  height: 48px !important;
225
261
  padding: 0 var(--zaui-space-size-md, 16px) !important;
@@ -269,7 +305,7 @@
269
305
  cursor: pointer;
270
306
  padding: 0 !important;
271
307
  &:hover {
272
- background: #f0f0f0 !important;
308
+ background: #f0f0f0;
273
309
  }
274
310
  }
275
311
  }
@@ -296,8 +332,8 @@
296
332
  background: #F8F8F8 !important;
297
333
  }
298
334
  }
299
- // 当pro-collapse-content包含level3但不包含level2时，添加padding
300
- .pro-collapse-content:has(.pro-collapse-level3):not(:has(.pro-collapse-level2)) {
335
+ // 当pro-collapse-content直接包含level3且不包含level2时，添加padding
336
+ .pro-collapse-content:has(> .pro-collapse-level3):not(:has(> .pro-collapse-level2)) {
301
337
  padding: var(--zaui-space-size-md, 16px) !important;
302
338
  padding-right: 0 !important;
303
339
  }
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.1",
4
4
  "license": "MIT",
5
5
  "main": "lib/index.js",
6
6
  "module": "es/index.js",