@zat-design/sisyphus-react 3.4.2-beta.1 → 3.4.2-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.
- package/dist/index.esm.css +45 -36
- package/es/ProEditLabel/style/index.less +1 -1
- package/es/ProEditTable/style/index.less +1 -1
- package/es/ProForm/components/base/DatePicker/index.js +2 -2
- package/es/ProForm/components/combination/Group/style/index.less +4 -4
- package/es/ProForm/components/combination/ProTimeLimit/index.js +8 -2
- package/es/ProLayout/components/Layout/Menu/style/index.less +1 -1
- package/es/ProLayout/components/ProCollapse/PropTypes.d.ts +5 -0
- package/es/ProLayout/components/ProCollapse/index.js +3 -0
- package/es/ProLayout/components/ProCollapse/style/index.less +19 -4
- package/es/ProLayout/components/ProHeader/style/index.less +2 -2
- package/es/ProLayout/style/index.less +4 -4
- package/es/ProTable/style/index.less +2 -2
- package/es/ProThemeTools/component/PrdTools/style/index.less +1 -1
- package/es/ProTreeModal/style/index.less +2 -2
- package/es/ProUpload/style/fileItem.less +2 -2
- package/es/ProUpload/style/index.less +2 -2
- package/es/style/components.less +0 -1
- package/es/style/theme/index.less +2 -2
- package/es/style/theme/tokens.less +2 -2
- package/es/tokens.js +2 -2
- package/lib/ProEditLabel/style/index.less +1 -1
- package/lib/ProEditTable/style/index.less +1 -1
- package/lib/ProForm/components/base/DatePicker/index.js +1 -1
- package/lib/ProForm/components/combination/Group/style/index.less +4 -4
- package/lib/ProForm/components/combination/ProTimeLimit/index.js +7 -1
- package/lib/ProLayout/components/Layout/Menu/style/index.less +1 -1
- package/lib/ProLayout/components/ProCollapse/PropTypes.d.ts +5 -0
- package/lib/ProLayout/components/ProCollapse/index.js +3 -0
- package/lib/ProLayout/components/ProCollapse/style/index.less +19 -4
- package/lib/ProLayout/components/ProHeader/style/index.less +2 -2
- package/lib/ProLayout/style/index.less +4 -4
- package/lib/ProTable/style/index.less +2 -2
- package/lib/ProThemeTools/component/PrdTools/style/index.less +1 -1
- package/lib/ProTreeModal/style/index.less +2 -2
- package/lib/ProUpload/style/fileItem.less +2 -2
- package/lib/ProUpload/style/index.less +2 -2
- package/lib/style/components.less +0 -1
- package/lib/style/theme/index.less +2 -2
- package/lib/style/theme/tokens.less +2 -2
- package/lib/tokens.js +2 -2
- package/package.json +1 -1
package/dist/index.esm.css
CHANGED
|
@@ -560,7 +560,7 @@
|
|
|
560
560
|
position: fixed;
|
|
561
561
|
top: 48px;
|
|
562
562
|
left: 0;
|
|
563
|
-
z-index:
|
|
563
|
+
z-index: 99;
|
|
564
564
|
width: 48px;
|
|
565
565
|
height: 100vh;
|
|
566
566
|
min-height: 100%;
|
|
@@ -668,8 +668,18 @@
|
|
|
668
668
|
width: 12px;
|
|
669
669
|
margin-right: 0;
|
|
670
670
|
}
|
|
671
|
-
.pro-collapse {
|
|
672
|
-
|
|
671
|
+
.pro-collapse.pro-collapse-card {
|
|
672
|
+
border-radius: var(--zaui-border-radius, 8px);
|
|
673
|
+
}
|
|
674
|
+
.pro-collapse.pro-collapse-card.pro-collapse-no-title .pro-collapse-content {
|
|
675
|
+
border-radius: var(--zaui-border-radius, 8px) !important;
|
|
676
|
+
}
|
|
677
|
+
.pro-collapse.pro-collapse-card .ant-collapse-header {
|
|
678
|
+
border-radius: var(--zaui-border-radius, 8px) var(--zaui-border-radius, 8px) 0 0 !important;
|
|
679
|
+
}
|
|
680
|
+
.pro-collapse.pro-collapse-card .pro-collapse-content {
|
|
681
|
+
border-radius: 0 0 var(--zaui-border-radius, 8px) var(--zaui-border-radius, 8px);
|
|
682
|
+
padding-bottom: var(--zaui-space-size-sm, 8px) !important;
|
|
673
683
|
}
|
|
674
684
|
.pro-collapse.pro-collapse-no-title .ant-collapse-header {
|
|
675
685
|
display: none !important;
|
|
@@ -698,7 +708,6 @@
|
|
|
698
708
|
}
|
|
699
709
|
.pro-collapse .ant-collapse-content-box {
|
|
700
710
|
padding: 0;
|
|
701
|
-
background: var(--zaui-base-bg, #ffffff);
|
|
702
711
|
}
|
|
703
712
|
.pro-collapse .ant-collapse-content-box .pro-collapse-content {
|
|
704
713
|
padding: var(--zaui-space-size-md, 16px);
|
|
@@ -726,7 +735,7 @@
|
|
|
726
735
|
width: 4px;
|
|
727
736
|
height: 14px;
|
|
728
737
|
background: var(--zaui-brand);
|
|
729
|
-
border-radius: var(--zaui-border-radius-card,
|
|
738
|
+
border-radius: var(--zaui-border-radius-card, 4px);
|
|
730
739
|
-webkit-transform: translateY(-50%);
|
|
731
740
|
transform: translateY(-50%);
|
|
732
741
|
content: '';
|
|
@@ -787,7 +796,7 @@
|
|
|
787
796
|
width: 4px;
|
|
788
797
|
height: 14px;
|
|
789
798
|
background: var(--zaui-brand);
|
|
790
|
-
border-radius: var(--zaui-border-radius-card,
|
|
799
|
+
border-radius: var(--zaui-border-radius-card, 4px);
|
|
791
800
|
-webkit-transform: translateY(-50%);
|
|
792
801
|
transform: translateY(-50%);
|
|
793
802
|
content: '';
|
|
@@ -894,7 +903,7 @@
|
|
|
894
903
|
line-height: 16px;
|
|
895
904
|
white-space: pre;
|
|
896
905
|
background: var(--ant-primary-1, #e6f4ff);
|
|
897
|
-
border-radius: var(--zaui-border-radius-card,
|
|
906
|
+
border-radius: var(--zaui-border-radius-card, 4px);
|
|
898
907
|
}
|
|
899
908
|
.pro-header .pro-header-title {
|
|
900
909
|
padding: 0 var(--zaui-space-size-md, 16px);
|
|
@@ -1011,7 +1020,7 @@
|
|
|
1011
1020
|
font-style: initial;
|
|
1012
1021
|
line-height: 24px;
|
|
1013
1022
|
background: var(--ant-primary-1, #e6f4ff);
|
|
1014
|
-
border-radius: var(--zaui-border-radius,
|
|
1023
|
+
border-radius: var(--zaui-border-radius, 8px);
|
|
1015
1024
|
}
|
|
1016
1025
|
.pro-header .pro-header-top .pro-header-left ul li.hidden {
|
|
1017
1026
|
display: none;
|
|
@@ -1209,7 +1218,7 @@
|
|
|
1209
1218
|
}
|
|
1210
1219
|
.pro-layout.pro-layout-light .pro-layout-menu-fold-list li.active::before {
|
|
1211
1220
|
content: '';
|
|
1212
|
-
border-radius: var(--zaui-border-radius,
|
|
1221
|
+
border-radius: var(--zaui-border-radius, 8px);
|
|
1213
1222
|
background-color: var(--zaui-brand, #006aff);
|
|
1214
1223
|
height: 38px;
|
|
1215
1224
|
position: absolute;
|
|
@@ -1223,7 +1232,7 @@
|
|
|
1223
1232
|
}
|
|
1224
1233
|
.pro-layout.pro-layout-light .pro-layout-menu-fold-list li:hover::before {
|
|
1225
1234
|
content: '';
|
|
1226
|
-
border-radius: var(--zaui-border-radius,
|
|
1235
|
+
border-radius: var(--zaui-border-radius, 8px);
|
|
1227
1236
|
background-color: var(--zaui-brand, #006aff);
|
|
1228
1237
|
height: 38px;
|
|
1229
1238
|
position: absolute;
|
|
@@ -1236,7 +1245,7 @@
|
|
|
1236
1245
|
color: var(--zaui-text, #343434);
|
|
1237
1246
|
}
|
|
1238
1247
|
.pro-layout.pro-layout-light .pro-layout-menu-fold-list li.active {
|
|
1239
|
-
border-radius: var(--zaui-border-radius,
|
|
1248
|
+
border-radius: var(--zaui-border-radius, 8px);
|
|
1240
1249
|
}
|
|
1241
1250
|
.pro-layout.pro-layout-light .pro-layout-menu-collapsed {
|
|
1242
1251
|
position: relative;
|
|
@@ -1279,7 +1288,7 @@
|
|
|
1279
1288
|
.pro-layout.pro-layout-light .pro-layout-open-menu .ant-menu-item:hover:before,
|
|
1280
1289
|
.pro-layout.pro-layout-light .pro-layout-open-menu .ant-menu-submenu-title:hover:before {
|
|
1281
1290
|
content: '';
|
|
1282
|
-
border-radius: var(--zaui-border-radius,
|
|
1291
|
+
border-radius: var(--zaui-border-radius, 8px);
|
|
1283
1292
|
background-color: var(--zaui-brand, #006aff);
|
|
1284
1293
|
opacity: 0.08;
|
|
1285
1294
|
height: 38px;
|
|
@@ -1651,7 +1660,7 @@
|
|
|
1651
1660
|
margin-left: -8px;
|
|
1652
1661
|
padding: var(--zaui-space-size-xs, 4px) var(--zaui-space-size-sm, 8px);
|
|
1653
1662
|
background: var(--zaui-contract-bg, #fffaa1);
|
|
1654
|
-
border-radius: var(--zaui-border-radius,
|
|
1663
|
+
border-radius: var(--zaui-border-radius, 8px);
|
|
1655
1664
|
}
|
|
1656
1665
|
.pro-table .ant-table-body .varied-cell.empty-cell {
|
|
1657
1666
|
width: 24.5px;
|
|
@@ -1868,7 +1877,7 @@
|
|
|
1868
1877
|
.pro-table .ant-pagination .ant-pagination-item-active a {
|
|
1869
1878
|
color: #ffffff;
|
|
1870
1879
|
background: var(--zaui-brand, #006aff) !important;
|
|
1871
|
-
border-radius: var(--zaui-border-radius,
|
|
1880
|
+
border-radius: var(--zaui-border-radius, 8px);
|
|
1872
1881
|
}
|
|
1873
1882
|
.pro-table .pro-table-footer.no-page {
|
|
1874
1883
|
margin-top: var(--zaui-space-size-md, 16px);
|
|
@@ -2322,13 +2331,13 @@ span.ant-input-group-compact.pro-range-limit .forever-checkbox {
|
|
|
2322
2331
|
}
|
|
2323
2332
|
.pro-group .ant-space-compact .ant-input-affix-wrapper:first-child,
|
|
2324
2333
|
.pro-group .ant-space-compact .ant-select:first-child {
|
|
2325
|
-
border-start-start-radius: var(--zaui-border-radius,
|
|
2326
|
-
border-end-start-radius: var(--zaui-border-radius,
|
|
2334
|
+
border-start-start-radius: var(--zaui-border-radius, 8px);
|
|
2335
|
+
border-end-start-radius: var(--zaui-border-radius, 8px);
|
|
2327
2336
|
}
|
|
2328
2337
|
.pro-group .ant-space-compact .ant-input-affix-wrapper:last-child,
|
|
2329
2338
|
.pro-group .ant-space-compact .ant-select:last-child {
|
|
2330
|
-
border-start-end-radius: var(--zaui-border-radius,
|
|
2331
|
-
border-end-end-radius: var(--zaui-border-radius,
|
|
2339
|
+
border-start-end-radius: var(--zaui-border-radius, 8px);
|
|
2340
|
+
border-end-end-radius: var(--zaui-border-radius, 8px);
|
|
2332
2341
|
}
|
|
2333
2342
|
.pro-group .ant-space-compact .ant-select .ant-select-selector {
|
|
2334
2343
|
border-start-end-radius: 0;
|
|
@@ -2337,12 +2346,12 @@ span.ant-input-group-compact.pro-range-limit .forever-checkbox {
|
|
|
2337
2346
|
border-end-start-radius: 0;
|
|
2338
2347
|
}
|
|
2339
2348
|
.pro-group .ant-space-compact .ant-select:first-child .ant-select-selector {
|
|
2340
|
-
border-start-start-radius: var(--zaui-border-radius,
|
|
2341
|
-
border-end-start-radius: var(--zaui-border-radius,
|
|
2349
|
+
border-start-start-radius: var(--zaui-border-radius, 8px);
|
|
2350
|
+
border-end-start-radius: var(--zaui-border-radius, 8px);
|
|
2342
2351
|
}
|
|
2343
2352
|
.pro-group .ant-space-compact .ant-select:last-child .ant-select-selector {
|
|
2344
|
-
border-start-end-radius: var(--zaui-border-radius,
|
|
2345
|
-
border-end-end-radius: var(--zaui-border-radius,
|
|
2353
|
+
border-start-end-radius: var(--zaui-border-radius, 8px);
|
|
2354
|
+
border-end-end-radius: var(--zaui-border-radius, 8px);
|
|
2346
2355
|
}
|
|
2347
2356
|
.pro-group .ant-space-compact .ant-input-affix-wrapper-status-error ~ .group-separator {
|
|
2348
2357
|
color: var(--ant-error-color);
|
|
@@ -2752,7 +2761,7 @@ span.ant-input-group-compact.pro-range-limit .forever-checkbox {
|
|
|
2752
2761
|
}
|
|
2753
2762
|
.pro-upload .pro-upload-dragger .pro-upload-handle-box {
|
|
2754
2763
|
background: #F8F9FA;
|
|
2755
|
-
border-radius: var(--zaui-border-radius,
|
|
2764
|
+
border-radius: var(--zaui-border-radius, 8px);
|
|
2756
2765
|
padding: var(--zaui-space-size-sm, 8px);
|
|
2757
2766
|
}
|
|
2758
2767
|
.pro-upload .pro-upload-dragger .pro-upload-handle-box .ant-upload.ant-upload-drag {
|
|
@@ -2923,7 +2932,7 @@ span.ant-input-group-compact.pro-range-limit .forever-checkbox {
|
|
|
2923
2932
|
text-align: center;
|
|
2924
2933
|
line-height: 32px;
|
|
2925
2934
|
background: #FFFFFF;
|
|
2926
|
-
border-radius: var(--zaui-border-radius,
|
|
2935
|
+
border-radius: var(--zaui-border-radius, 8px);
|
|
2927
2936
|
border: 1px solid #DCDCDC;
|
|
2928
2937
|
}
|
|
2929
2938
|
.pro-upload .pro-upload-image .file-item-image {
|
|
@@ -3144,7 +3153,7 @@ span.ant-input-group-compact.pro-range-limit .forever-checkbox {
|
|
|
3144
3153
|
font-size: var(--zaui-font-size, 14px);
|
|
3145
3154
|
line-height: 20px;
|
|
3146
3155
|
border: 1px solid #e6e6e6;
|
|
3147
|
-
border-radius: var(--zaui-border-radius,
|
|
3156
|
+
border-radius: var(--zaui-border-radius, 8px);
|
|
3148
3157
|
/* 修改滚动条样式 */
|
|
3149
3158
|
}
|
|
3150
3159
|
.pro-tree-modal-box:first-child {
|
|
@@ -3390,7 +3399,7 @@ span.ant-input-group-compact.pro-range-limit .forever-checkbox {
|
|
|
3390
3399
|
font-size: var(--zaui-font-size, 14px);
|
|
3391
3400
|
background: #f2f2f2;
|
|
3392
3401
|
border: none;
|
|
3393
|
-
border-radius: var(--zaui-border-radius,
|
|
3402
|
+
border-radius: var(--zaui-border-radius, 8px);
|
|
3394
3403
|
}
|
|
3395
3404
|
.pro-transfer-right .checked-item .ant-tag .pro-tooltip {
|
|
3396
3405
|
-webkit-box-flex: 1;
|
|
@@ -3976,7 +3985,7 @@ span.ant-input-group-compact.pro-range-limit .forever-checkbox {
|
|
|
3976
3985
|
}
|
|
3977
3986
|
.pro-edit-table .is-cell .ant-form-item .ant-form-item-row .ant-form-item-control .ant-form-item-control-input:hover {
|
|
3978
3987
|
border: 1px solid #DEE0E3;
|
|
3979
|
-
border-radius: var(--zaui-border-radius,
|
|
3988
|
+
border-radius: var(--zaui-border-radius, 8px);
|
|
3980
3989
|
text-indent: 5px;
|
|
3981
3990
|
}
|
|
3982
3991
|
.pro-edit-table .drag-wrapper {
|
|
@@ -4187,7 +4196,7 @@ span.ant-input-group-compact.pro-range-limit .forever-checkbox {
|
|
|
4187
4196
|
}
|
|
4188
4197
|
.pro-edit-label .anticon-edit:active {
|
|
4189
4198
|
background: #E3E8F0;
|
|
4190
|
-
border-radius: var(--zaui-border-radius-card,
|
|
4199
|
+
border-radius: var(--zaui-border-radius-card, 4px);
|
|
4191
4200
|
}
|
|
4192
4201
|
.pro-edit-label.pro-edit-label-small {
|
|
4193
4202
|
height: 24px;
|
|
@@ -4306,7 +4315,7 @@ span.ant-input-group-compact.pro-range-limit .forever-checkbox {
|
|
|
4306
4315
|
width: 4px;
|
|
4307
4316
|
height: 14px;
|
|
4308
4317
|
background: var(--zaui-brand, #006aff);
|
|
4309
|
-
border-radius: var(zaui-border-radius-card,
|
|
4318
|
+
border-radius: var(zaui-border-radius-card, 4px);
|
|
4310
4319
|
}
|
|
4311
4320
|
.pro-theme-prd-tools-drawer .pro-theme-color {
|
|
4312
4321
|
display: -webkit-box;
|
|
@@ -4858,8 +4867,8 @@ input[type='button'] {
|
|
|
4858
4867
|
--zaui-table-nested-bg: #fafcfe;
|
|
4859
4868
|
--zaui-contract-bg: #fffaa1;
|
|
4860
4869
|
--zaui-form-label-width: 130px;
|
|
4861
|
-
--zaui-border-radius:
|
|
4862
|
-
--zaui-border-radius-card:
|
|
4870
|
+
--zaui-border-radius: 8px;
|
|
4871
|
+
--zaui-border-radius-card: 4px;
|
|
4863
4872
|
--zaui-font-size-title: 16px;
|
|
4864
4873
|
--zaui-font-size-card-title: var(--zaui-font-size-title);
|
|
4865
4874
|
--zaui-font-size: 14px;
|
|
@@ -5226,7 +5235,7 @@ input[type='button'] {
|
|
|
5226
5235
|
line-height: 32px;
|
|
5227
5236
|
background-color: #f7f9fa;
|
|
5228
5237
|
border: 0;
|
|
5229
|
-
border-radius: var(--zaui-border-radius,
|
|
5238
|
+
border-radius: var(--zaui-border-radius, 8px);
|
|
5230
5239
|
}
|
|
5231
5240
|
.ant-pagination .ant-pagination-item a {
|
|
5232
5241
|
color: var(--zaui-text, #464646);
|
|
@@ -5240,7 +5249,7 @@ input[type='button'] {
|
|
|
5240
5249
|
.ant-pagination .ant-pagination-item-active a {
|
|
5241
5250
|
color: #fff;
|
|
5242
5251
|
background: var(--zaui-brand, #006aff);
|
|
5243
|
-
border-radius: var(--zaui-border-radius,
|
|
5252
|
+
border-radius: var(--zaui-border-radius, 8px);
|
|
5244
5253
|
}
|
|
5245
5254
|
.ant-pagination .ant-pagination-item-active:focus-visible a,
|
|
5246
5255
|
.ant-pagination .ant-pagination-item-active:hover a {
|
|
@@ -5255,7 +5264,7 @@ input[type='button'] {
|
|
|
5255
5264
|
line-height: 30px;
|
|
5256
5265
|
background-color: #f7f9fa;
|
|
5257
5266
|
border: 0;
|
|
5258
|
-
border-radius: var(--zaui-border-radius,
|
|
5267
|
+
border-radius: var(--zaui-border-radius, 8px);
|
|
5259
5268
|
}
|
|
5260
5269
|
.ant-pagination .ant-pagination-prev svg,
|
|
5261
5270
|
.ant-pagination .ant-pagination-next svg {
|
|
@@ -5273,7 +5282,7 @@ input[type='button'] {
|
|
|
5273
5282
|
line-height: 32px;
|
|
5274
5283
|
background-color: #fafafa;
|
|
5275
5284
|
border: 0;
|
|
5276
|
-
border-radius: var(--zaui-border-radius,
|
|
5285
|
+
border-radius: var(--zaui-border-radius, 8px);
|
|
5277
5286
|
}
|
|
5278
5287
|
.ant-pagination .ant-select-single:not(.ant-select-customize-input) .ant-select-selector {
|
|
5279
5288
|
color: var(--zaui-text, #464646);
|
|
@@ -5286,7 +5295,7 @@ input[type='button'] {
|
|
|
5286
5295
|
position: relative;
|
|
5287
5296
|
background-color: #fafafa;
|
|
5288
5297
|
border: 0;
|
|
5289
|
-
border-radius: var(--zaui-border-radius,
|
|
5298
|
+
border-radius: var(--zaui-border-radius, 8px);
|
|
5290
5299
|
}
|
|
5291
5300
|
.ant-pagination .ant-pagination-jump-prev .ant-pagination-item-container .ant-pagination-item-link-icon,
|
|
5292
5301
|
.ant-pagination .ant-pagination-jump-next .ant-pagination-item-container .ant-pagination-item-link-icon {
|
|
@@ -5,7 +5,7 @@ import _defineProperty from "@babel/runtime/helpers/esm/defineProperty";
|
|
|
5
5
|
import _objectWithoutProperties from "@babel/runtime/helpers/esm/objectWithoutProperties";
|
|
6
6
|
var _excluded = ["className", "format"];
|
|
7
7
|
import { jsx as _jsx } from "react/jsx-runtime";
|
|
8
|
-
import { isFunction, isString } from 'lodash';
|
|
8
|
+
import { isFunction, isString, isObject } from 'lodash';
|
|
9
9
|
import classNames from 'classnames';
|
|
10
10
|
import moment from 'moment';
|
|
11
11
|
import { useProConfig } from '../../../../ProConfigProvider';
|
|
@@ -30,7 +30,7 @@ var DatePicker = function DatePicker(props) {
|
|
|
30
30
|
var viewChildren = null;
|
|
31
31
|
if (!value) {
|
|
32
32
|
viewChildren = null;
|
|
33
|
-
} else if (typeof format === 'string' &&
|
|
33
|
+
} else if (typeof format === 'string' && isObject(value)) {
|
|
34
34
|
viewChildren = value.format(format);
|
|
35
35
|
} else if (isFunction(format)) {
|
|
36
36
|
viewChildren = format(value);
|
|
@@ -9,13 +9,13 @@
|
|
|
9
9
|
}
|
|
10
10
|
|
|
11
11
|
.start-radius() {
|
|
12
|
-
border-start-start-radius: var(--zaui-border-radius,
|
|
13
|
-
border-end-start-radius: var(--zaui-border-radius,
|
|
12
|
+
border-start-start-radius: var(--zaui-border-radius, 8px);
|
|
13
|
+
border-end-start-radius: var(--zaui-border-radius, 8px);
|
|
14
14
|
}
|
|
15
15
|
|
|
16
16
|
.end-radius() {
|
|
17
|
-
border-start-end-radius: var(--zaui-border-radius,
|
|
18
|
-
border-end-end-radius: var(--zaui-border-radius,
|
|
17
|
+
border-start-end-radius: var(--zaui-border-radius, 8px);
|
|
18
|
+
border-end-end-radius: var(--zaui-border-radius, 8px);
|
|
19
19
|
}
|
|
20
20
|
|
|
21
21
|
.pro-group {
|
|
@@ -11,7 +11,7 @@ var _excluded = ["format", "disabled", "foreverTime", "foreverText", "valueType"
|
|
|
11
11
|
_excluded2 = ["mode"];
|
|
12
12
|
import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
|
|
13
13
|
import classNames from 'classnames';
|
|
14
|
-
import { omit } from 'lodash';
|
|
14
|
+
import { omit, isObject } from 'lodash';
|
|
15
15
|
import moment from 'moment';
|
|
16
16
|
import { useMemo } from 'react';
|
|
17
17
|
import { useProConfig } from '../../../../ProConfigProvider';
|
|
@@ -53,7 +53,7 @@ export var ProTimeLimit = function ProTimeLimit(props) {
|
|
|
53
53
|
onChange = _useControlled2[1];
|
|
54
54
|
var initialConfig = useProConfig('ProTimeLimit');
|
|
55
55
|
var isForever = useMemo(function () {
|
|
56
|
-
if (
|
|
56
|
+
if (isObject(value)) {
|
|
57
57
|
return foreverMoment.format(format) === value.format(format);
|
|
58
58
|
}
|
|
59
59
|
return false;
|
|
@@ -73,6 +73,12 @@ export var ProTimeLimit = function ProTimeLimit(props) {
|
|
|
73
73
|
children: foreverText
|
|
74
74
|
});
|
|
75
75
|
}
|
|
76
|
+
if (isObject(value)) {
|
|
77
|
+
return _jsx(Container, {
|
|
78
|
+
viewEmpty: viewEmpty,
|
|
79
|
+
children: value.format(format)
|
|
80
|
+
});
|
|
81
|
+
}
|
|
76
82
|
return _jsx(Container, {
|
|
77
83
|
viewEmpty: viewEmpty,
|
|
78
84
|
children: props.value
|
|
@@ -26,10 +26,13 @@ var ProCollapse = function ProCollapse(props) {
|
|
|
26
26
|
_props$folding = props.folding,
|
|
27
27
|
folding = _props$folding === void 0 ? false : _props$folding,
|
|
28
28
|
collapseProps = props.collapseProps,
|
|
29
|
+
_props$mode = props.mode,
|
|
30
|
+
mode = _props$mode === void 0 ? 'default' : _props$mode,
|
|
29
31
|
collapsePanelProps = props.collapsePanelProps,
|
|
30
32
|
className = props.className;
|
|
31
33
|
var cls = classNames(_defineProperty({
|
|
32
34
|
'pro-collapse': true,
|
|
35
|
+
'pro-collapse-card': mode === 'card',
|
|
33
36
|
'pro-collapse-level2': level === '2',
|
|
34
37
|
'pro-collapse-list': titleList === null || titleList === void 0 ? void 0 : titleList.length,
|
|
35
38
|
'pro-collapse-no-title': !title
|
|
@@ -2,7 +2,23 @@
|
|
|
2
2
|
@import (reference) '~antd/es/style/themes/index.less';
|
|
3
3
|
|
|
4
4
|
.pro-collapse {
|
|
5
|
-
|
|
5
|
+
|
|
6
|
+
&.pro-collapse-card {
|
|
7
|
+
border-radius: var(--zaui-border-radius, 8px);
|
|
8
|
+
&.pro-collapse-no-title{
|
|
9
|
+
.pro-collapse-content{
|
|
10
|
+
border-radius: var(--zaui-border-radius, 8px) !important;
|
|
11
|
+
}
|
|
12
|
+
}
|
|
13
|
+
.@{ant-prefix}-collapse-header{
|
|
14
|
+
border-radius: var(--zaui-border-radius, 8px) var(--zaui-border-radius, 8px) 0 0 !important;
|
|
15
|
+
}
|
|
16
|
+
.pro-collapse-content{
|
|
17
|
+
border-radius: 0 0 var(--zaui-border-radius, 8px) var(--zaui-border-radius, 8px);
|
|
18
|
+
padding-bottom: var(--zaui-space-size-sm, 8px) !important;
|
|
19
|
+
}
|
|
20
|
+
}
|
|
21
|
+
|
|
6
22
|
|
|
7
23
|
&.pro-collapse-no-title {
|
|
8
24
|
.@{ant-prefix}-collapse-header {
|
|
@@ -41,7 +57,6 @@
|
|
|
41
57
|
|
|
42
58
|
.@{ant-prefix}-collapse-content-box {
|
|
43
59
|
padding: 0;
|
|
44
|
-
background: var(--zaui-base-bg, #ffffff);
|
|
45
60
|
|
|
46
61
|
.pro-collapse-content {
|
|
47
62
|
padding: var(--zaui-space-size-md, 16px);
|
|
@@ -71,7 +86,7 @@
|
|
|
71
86
|
width: 4px;
|
|
72
87
|
height: 14px;
|
|
73
88
|
background: var(--zaui-brand);
|
|
74
|
-
border-radius: var(--zaui-border-radius-card,
|
|
89
|
+
border-radius: var(--zaui-border-radius-card, 4px);
|
|
75
90
|
transform: translateY(-50%);
|
|
76
91
|
content: '';
|
|
77
92
|
}
|
|
@@ -163,7 +178,7 @@
|
|
|
163
178
|
width: 4px;
|
|
164
179
|
height: 14px;
|
|
165
180
|
background: var(--zaui-brand);
|
|
166
|
-
border-radius: var(--zaui-border-radius-card,
|
|
181
|
+
border-radius: var(--zaui-border-radius-card, 4px);
|
|
167
182
|
transform: translateY(-50%);
|
|
168
183
|
content: '';
|
|
169
184
|
}
|
|
@@ -88,7 +88,7 @@
|
|
|
88
88
|
line-height: 16px;
|
|
89
89
|
white-space: pre;
|
|
90
90
|
background: var(--ant-primary-1, #e6f4ff);
|
|
91
|
-
border-radius: var(--zaui-border-radius-card,
|
|
91
|
+
border-radius: var(--zaui-border-radius-card, 4px);
|
|
92
92
|
}
|
|
93
93
|
|
|
94
94
|
.pro-header-title {
|
|
@@ -184,7 +184,7 @@
|
|
|
184
184
|
font-style: initial;
|
|
185
185
|
line-height: 24px;
|
|
186
186
|
background: var(--ant-primary-1, #e6f4ff);
|
|
187
|
-
border-radius: var(--zaui-border-radius,
|
|
187
|
+
border-radius: var(--zaui-border-radius, 8px);
|
|
188
188
|
}
|
|
189
189
|
|
|
190
190
|
&.hidden {
|
|
@@ -53,7 +53,7 @@
|
|
|
53
53
|
|
|
54
54
|
&::before {
|
|
55
55
|
content : '';
|
|
56
|
-
border-radius : var(--zaui-border-radius,
|
|
56
|
+
border-radius : var(--zaui-border-radius, 8px);
|
|
57
57
|
background-color: var(--zaui-brand, #006aff);
|
|
58
58
|
height : 38px;
|
|
59
59
|
position : absolute;
|
|
@@ -69,7 +69,7 @@
|
|
|
69
69
|
|
|
70
70
|
&::before {
|
|
71
71
|
content : '';
|
|
72
|
-
border-radius : var(--zaui-border-radius,
|
|
72
|
+
border-radius : var(--zaui-border-radius, 8px);
|
|
73
73
|
background-color: var(--zaui-brand, #006aff);
|
|
74
74
|
height : 38px;
|
|
75
75
|
position : absolute;
|
|
@@ -89,7 +89,7 @@
|
|
|
89
89
|
|
|
90
90
|
|
|
91
91
|
.pro-layout-menu-fold-list li.active {
|
|
92
|
-
border-radius: var(--zaui-border-radius,
|
|
92
|
+
border-radius: var(--zaui-border-radius, 8px);
|
|
93
93
|
}
|
|
94
94
|
|
|
95
95
|
.pro-layout-menu-collapsed {
|
|
@@ -144,7 +144,7 @@
|
|
|
144
144
|
|
|
145
145
|
&:before {
|
|
146
146
|
content : '';
|
|
147
|
-
border-radius : var(--zaui-border-radius,
|
|
147
|
+
border-radius : var(--zaui-border-radius, 8px);
|
|
148
148
|
background-color: var(--zaui-brand, #006aff);
|
|
149
149
|
opacity : 0.08;
|
|
150
150
|
height : 38px;
|
|
@@ -177,7 +177,7 @@
|
|
|
177
177
|
margin-left: -8px;
|
|
178
178
|
padding: var(--zaui-space-size-xs, 4px) var(--zaui-space-size-sm, 8px);
|
|
179
179
|
background: var(--zaui-contract-bg, #fffaa1);
|
|
180
|
-
border-radius: var(--zaui-border-radius,
|
|
180
|
+
border-radius: var(--zaui-border-radius, 8px);
|
|
181
181
|
}
|
|
182
182
|
|
|
183
183
|
.varied-cell.empty-cell {
|
|
@@ -432,7 +432,7 @@
|
|
|
432
432
|
.@{ant-prefix}-pagination .@{ant-prefix}-pagination-item-active a {
|
|
433
433
|
color: #ffffff;
|
|
434
434
|
background: var(--zaui-brand, #006aff) !important;
|
|
435
|
-
border-radius: var(--zaui-border-radius,
|
|
435
|
+
border-radius: var(--zaui-border-radius, 8px);
|
|
436
436
|
}
|
|
437
437
|
|
|
438
438
|
.pro-table-footer {
|
|
@@ -53,7 +53,7 @@
|
|
|
53
53
|
font-size: var(--zaui-font-size, 14px);
|
|
54
54
|
line-height: 20px;
|
|
55
55
|
border: 1px solid #e6e6e6;
|
|
56
|
-
border-radius: var(--zaui-border-radius,
|
|
56
|
+
border-radius: var(--zaui-border-radius, 8px);
|
|
57
57
|
|
|
58
58
|
&:first-child {
|
|
59
59
|
margin-right: var(--zaui-space-size-md, 16px);
|
|
@@ -246,7 +246,7 @@
|
|
|
246
246
|
font-size: var(--zaui-font-size, 14px);
|
|
247
247
|
background: #f2f2f2;
|
|
248
248
|
border: none;
|
|
249
|
-
border-radius: var(--zaui-border-radius,
|
|
249
|
+
border-radius: var(--zaui-border-radius, 8px);
|
|
250
250
|
|
|
251
251
|
.pro-tooltip {
|
|
252
252
|
flex: 1;
|
|
@@ -12,7 +12,7 @@
|
|
|
12
12
|
line-height: 16px;
|
|
13
13
|
&:hover {
|
|
14
14
|
background: #F8F9FA;
|
|
15
|
-
border-radius: var(--zaui-border-radius,
|
|
15
|
+
border-radius: var(--zaui-border-radius, 8px);
|
|
16
16
|
color: var(--zaui-brand);
|
|
17
17
|
.file-actions-wrap {
|
|
18
18
|
.file-actions{
|
|
@@ -93,7 +93,7 @@
|
|
|
93
93
|
justify-content: center;
|
|
94
94
|
&:hover {
|
|
95
95
|
background: #F8F9FA;
|
|
96
|
-
border-radius: var(--zaui-border-radius,
|
|
96
|
+
border-radius: var(--zaui-border-radius, 8px);
|
|
97
97
|
}
|
|
98
98
|
&:hover,&.file-box-error {
|
|
99
99
|
.file-actions-wrap {
|
|
@@ -8,7 +8,7 @@
|
|
|
8
8
|
.pro-upload-dragger {
|
|
9
9
|
.pro-upload-handle-box {
|
|
10
10
|
background : #F8F9FA;
|
|
11
|
-
border-radius: var(--zaui-border-radius,
|
|
11
|
+
border-radius: var(--zaui-border-radius, 8px);
|
|
12
12
|
padding : var(--zaui-space-size-sm, 8px);
|
|
13
13
|
|
|
14
14
|
.@{ant-prefix}-upload.@{ant-prefix}-upload-drag {
|
|
@@ -178,7 +178,7 @@
|
|
|
178
178
|
text-align : center;
|
|
179
179
|
line-height : 32px;
|
|
180
180
|
background : #FFFFFF;
|
|
181
|
-
border-radius: var(--zaui-border-radius,
|
|
181
|
+
border-radius: var(--zaui-border-radius, 8px);
|
|
182
182
|
border : 1px solid #DCDCDC;
|
|
183
183
|
|
|
184
184
|
}
|
package/es/style/components.less
CHANGED
|
@@ -56,8 +56,8 @@
|
|
|
56
56
|
--zaui-table-nested-bg : #fafcfe;
|
|
57
57
|
--zaui-contract-bg : #fffaa1; // 对比背景色
|
|
58
58
|
--zaui-form-label-width : 130px; // 8个全角字符宽度
|
|
59
|
-
--zaui-border-radius :
|
|
60
|
-
--zaui-border-radius-card :
|
|
59
|
+
--zaui-border-radius : 8px;
|
|
60
|
+
--zaui-border-radius-card : 4px;
|
|
61
61
|
--zaui-font-size-title : 16px;
|
|
62
62
|
--zaui-font-size-card-title : var(--zaui-font-size-title);
|
|
63
63
|
--zaui-font-size : 14px;
|
|
@@ -56,8 +56,8 @@
|
|
|
56
56
|
@zaui-form-required-after: var(--zaui-form-required-after; inline);
|
|
57
57
|
@zaui-form-required-before: var(--zaui-form-required-before; none);
|
|
58
58
|
@zaui-form-label-width: var(--zaui-form-label-width; 130px);
|
|
59
|
-
@zaui-border-radius: var(--zaui-border-radius;
|
|
60
|
-
@zaui-border-radius-card: var(--zaui-border-radius-card;
|
|
59
|
+
@zaui-border-radius: var(--zaui-border-radius; 8px);
|
|
60
|
+
@zaui-border-radius-card: var(--zaui-border-radius-card; 4px);
|
|
61
61
|
@zaui-font-size-title:
|
|
62
62
|
calc(var(--zaui-font-size-title; 16px) + var(--zaui-base-font-size; 0px));
|
|
63
63
|
@zaui-font-size-card-title:
|
package/es/tokens.js
CHANGED
|
@@ -53,8 +53,8 @@ var tokens = {
|
|
|
53
53
|
'@zaui-form-required-after': 'var(--zaui-form-required-after, inline)',
|
|
54
54
|
'@zaui-form-required-before': 'var(--zaui-form-required-before, none)',
|
|
55
55
|
'@zaui-form-label-width': 'var(--zaui-form-label-width, 130px)',
|
|
56
|
-
'@zaui-border-radius': 'var(--zaui-border-radius,
|
|
57
|
-
'@zaui-border-radius-card': 'var(--zaui-border-radius-card,
|
|
56
|
+
'@zaui-border-radius': 'var(--zaui-border-radius, 8px)',
|
|
57
|
+
'@zaui-border-radius-card': 'var(--zaui-border-radius-card, 4px)',
|
|
58
58
|
'@zaui-font-size-title': 'calc(var(--zaui-font-size-title, 16px) + var(--zaui-base-font-size, 0px))',
|
|
59
59
|
'@zaui-font-size-card-title': 'calc(var(--zaui-font-size-card-title, 16px) + var(--zaui-base-font-size, 0px))',
|
|
60
60
|
'@zaui-font-size': 'calc(var(--zaui-font-size, 14px) + var(--zaui-base-font-size, 0px))',
|
|
@@ -36,7 +36,7 @@ var DatePicker = function DatePicker(props) {
|
|
|
36
36
|
var viewChildren = null;
|
|
37
37
|
if (!value) {
|
|
38
38
|
viewChildren = null;
|
|
39
|
-
} else if (typeof format === 'string' &&
|
|
39
|
+
} else if (typeof format === 'string' && (0, _lodash.isObject)(value)) {
|
|
40
40
|
viewChildren = value.format(format);
|
|
41
41
|
} else if ((0, _lodash.isFunction)(format)) {
|
|
42
42
|
viewChildren = format(value);
|
|
@@ -9,13 +9,13 @@
|
|
|
9
9
|
}
|
|
10
10
|
|
|
11
11
|
.start-radius() {
|
|
12
|
-
border-start-start-radius: var(--zaui-border-radius,
|
|
13
|
-
border-end-start-radius: var(--zaui-border-radius,
|
|
12
|
+
border-start-start-radius: var(--zaui-border-radius, 8px);
|
|
13
|
+
border-end-start-radius: var(--zaui-border-radius, 8px);
|
|
14
14
|
}
|
|
15
15
|
|
|
16
16
|
.end-radius() {
|
|
17
|
-
border-start-end-radius: var(--zaui-border-radius,
|
|
18
|
-
border-end-end-radius: var(--zaui-border-radius,
|
|
17
|
+
border-start-end-radius: var(--zaui-border-radius, 8px);
|
|
18
|
+
border-end-end-radius: var(--zaui-border-radius, 8px);
|
|
19
19
|
}
|
|
20
20
|
|
|
21
21
|
.pro-group {
|
|
@@ -55,7 +55,7 @@ var ProTimeLimit = exports.ProTimeLimit = function ProTimeLimit(props) {
|
|
|
55
55
|
onChange = _useControlled2[1];
|
|
56
56
|
var initialConfig = (0, _ProConfigProvider.useProConfig)('ProTimeLimit');
|
|
57
57
|
var isForever = (0, _react.useMemo)(function () {
|
|
58
|
-
if (
|
|
58
|
+
if ((0, _lodash.isObject)(value)) {
|
|
59
59
|
return foreverMoment.format(format) === value.format(format);
|
|
60
60
|
}
|
|
61
61
|
return false;
|
|
@@ -75,6 +75,12 @@ var ProTimeLimit = exports.ProTimeLimit = function ProTimeLimit(props) {
|
|
|
75
75
|
children: foreverText
|
|
76
76
|
});
|
|
77
77
|
}
|
|
78
|
+
if ((0, _lodash.isObject)(value)) {
|
|
79
|
+
return (0, _jsxRuntime.jsx)(_Container.default, {
|
|
80
|
+
viewEmpty: viewEmpty,
|
|
81
|
+
children: value.format(format)
|
|
82
|
+
});
|
|
83
|
+
}
|
|
78
84
|
return (0, _jsxRuntime.jsx)(_Container.default, {
|
|
79
85
|
viewEmpty: viewEmpty,
|
|
80
86
|
children: props.value
|
|
@@ -30,10 +30,13 @@ var ProCollapse = function ProCollapse(props) {
|
|
|
30
30
|
_props$folding = props.folding,
|
|
31
31
|
folding = _props$folding === void 0 ? false : _props$folding,
|
|
32
32
|
collapseProps = props.collapseProps,
|
|
33
|
+
_props$mode = props.mode,
|
|
34
|
+
mode = _props$mode === void 0 ? 'default' : _props$mode,
|
|
33
35
|
collapsePanelProps = props.collapsePanelProps,
|
|
34
36
|
className = props.className;
|
|
35
37
|
var cls = (0, _classnames.default)((0, _defineProperty2.default)({
|
|
36
38
|
'pro-collapse': true,
|
|
39
|
+
'pro-collapse-card': mode === 'card',
|
|
37
40
|
'pro-collapse-level2': level === '2',
|
|
38
41
|
'pro-collapse-list': titleList === null || titleList === void 0 ? void 0 : titleList.length,
|
|
39
42
|
'pro-collapse-no-title': !title
|
|
@@ -2,7 +2,23 @@
|
|
|
2
2
|
@import (reference) '~antd/es/style/themes/index.less';
|
|
3
3
|
|
|
4
4
|
.pro-collapse {
|
|
5
|
-
|
|
5
|
+
|
|
6
|
+
&.pro-collapse-card {
|
|
7
|
+
border-radius: var(--zaui-border-radius, 8px);
|
|
8
|
+
&.pro-collapse-no-title{
|
|
9
|
+
.pro-collapse-content{
|
|
10
|
+
border-radius: var(--zaui-border-radius, 8px) !important;
|
|
11
|
+
}
|
|
12
|
+
}
|
|
13
|
+
.@{ant-prefix}-collapse-header{
|
|
14
|
+
border-radius: var(--zaui-border-radius, 8px) var(--zaui-border-radius, 8px) 0 0 !important;
|
|
15
|
+
}
|
|
16
|
+
.pro-collapse-content{
|
|
17
|
+
border-radius: 0 0 var(--zaui-border-radius, 8px) var(--zaui-border-radius, 8px);
|
|
18
|
+
padding-bottom: var(--zaui-space-size-sm, 8px) !important;
|
|
19
|
+
}
|
|
20
|
+
}
|
|
21
|
+
|
|
6
22
|
|
|
7
23
|
&.pro-collapse-no-title {
|
|
8
24
|
.@{ant-prefix}-collapse-header {
|
|
@@ -41,7 +57,6 @@
|
|
|
41
57
|
|
|
42
58
|
.@{ant-prefix}-collapse-content-box {
|
|
43
59
|
padding: 0;
|
|
44
|
-
background: var(--zaui-base-bg, #ffffff);
|
|
45
60
|
|
|
46
61
|
.pro-collapse-content {
|
|
47
62
|
padding: var(--zaui-space-size-md, 16px);
|
|
@@ -71,7 +86,7 @@
|
|
|
71
86
|
width: 4px;
|
|
72
87
|
height: 14px;
|
|
73
88
|
background: var(--zaui-brand);
|
|
74
|
-
border-radius: var(--zaui-border-radius-card,
|
|
89
|
+
border-radius: var(--zaui-border-radius-card, 4px);
|
|
75
90
|
transform: translateY(-50%);
|
|
76
91
|
content: '';
|
|
77
92
|
}
|
|
@@ -163,7 +178,7 @@
|
|
|
163
178
|
width: 4px;
|
|
164
179
|
height: 14px;
|
|
165
180
|
background: var(--zaui-brand);
|
|
166
|
-
border-radius: var(--zaui-border-radius-card,
|
|
181
|
+
border-radius: var(--zaui-border-radius-card, 4px);
|
|
167
182
|
transform: translateY(-50%);
|
|
168
183
|
content: '';
|
|
169
184
|
}
|
|
@@ -88,7 +88,7 @@
|
|
|
88
88
|
line-height: 16px;
|
|
89
89
|
white-space: pre;
|
|
90
90
|
background: var(--ant-primary-1, #e6f4ff);
|
|
91
|
-
border-radius: var(--zaui-border-radius-card,
|
|
91
|
+
border-radius: var(--zaui-border-radius-card, 4px);
|
|
92
92
|
}
|
|
93
93
|
|
|
94
94
|
.pro-header-title {
|
|
@@ -184,7 +184,7 @@
|
|
|
184
184
|
font-style: initial;
|
|
185
185
|
line-height: 24px;
|
|
186
186
|
background: var(--ant-primary-1, #e6f4ff);
|
|
187
|
-
border-radius: var(--zaui-border-radius,
|
|
187
|
+
border-radius: var(--zaui-border-radius, 8px);
|
|
188
188
|
}
|
|
189
189
|
|
|
190
190
|
&.hidden {
|
|
@@ -53,7 +53,7 @@
|
|
|
53
53
|
|
|
54
54
|
&::before {
|
|
55
55
|
content : '';
|
|
56
|
-
border-radius : var(--zaui-border-radius,
|
|
56
|
+
border-radius : var(--zaui-border-radius, 8px);
|
|
57
57
|
background-color: var(--zaui-brand, #006aff);
|
|
58
58
|
height : 38px;
|
|
59
59
|
position : absolute;
|
|
@@ -69,7 +69,7 @@
|
|
|
69
69
|
|
|
70
70
|
&::before {
|
|
71
71
|
content : '';
|
|
72
|
-
border-radius : var(--zaui-border-radius,
|
|
72
|
+
border-radius : var(--zaui-border-radius, 8px);
|
|
73
73
|
background-color: var(--zaui-brand, #006aff);
|
|
74
74
|
height : 38px;
|
|
75
75
|
position : absolute;
|
|
@@ -89,7 +89,7 @@
|
|
|
89
89
|
|
|
90
90
|
|
|
91
91
|
.pro-layout-menu-fold-list li.active {
|
|
92
|
-
border-radius: var(--zaui-border-radius,
|
|
92
|
+
border-radius: var(--zaui-border-radius, 8px);
|
|
93
93
|
}
|
|
94
94
|
|
|
95
95
|
.pro-layout-menu-collapsed {
|
|
@@ -144,7 +144,7 @@
|
|
|
144
144
|
|
|
145
145
|
&:before {
|
|
146
146
|
content : '';
|
|
147
|
-
border-radius : var(--zaui-border-radius,
|
|
147
|
+
border-radius : var(--zaui-border-radius, 8px);
|
|
148
148
|
background-color: var(--zaui-brand, #006aff);
|
|
149
149
|
opacity : 0.08;
|
|
150
150
|
height : 38px;
|
|
@@ -177,7 +177,7 @@
|
|
|
177
177
|
margin-left: -8px;
|
|
178
178
|
padding: var(--zaui-space-size-xs, 4px) var(--zaui-space-size-sm, 8px);
|
|
179
179
|
background: var(--zaui-contract-bg, #fffaa1);
|
|
180
|
-
border-radius: var(--zaui-border-radius,
|
|
180
|
+
border-radius: var(--zaui-border-radius, 8px);
|
|
181
181
|
}
|
|
182
182
|
|
|
183
183
|
.varied-cell.empty-cell {
|
|
@@ -432,7 +432,7 @@
|
|
|
432
432
|
.@{ant-prefix}-pagination .@{ant-prefix}-pagination-item-active a {
|
|
433
433
|
color: #ffffff;
|
|
434
434
|
background: var(--zaui-brand, #006aff) !important;
|
|
435
|
-
border-radius: var(--zaui-border-radius,
|
|
435
|
+
border-radius: var(--zaui-border-radius, 8px);
|
|
436
436
|
}
|
|
437
437
|
|
|
438
438
|
.pro-table-footer {
|
|
@@ -53,7 +53,7 @@
|
|
|
53
53
|
font-size: var(--zaui-font-size, 14px);
|
|
54
54
|
line-height: 20px;
|
|
55
55
|
border: 1px solid #e6e6e6;
|
|
56
|
-
border-radius: var(--zaui-border-radius,
|
|
56
|
+
border-radius: var(--zaui-border-radius, 8px);
|
|
57
57
|
|
|
58
58
|
&:first-child {
|
|
59
59
|
margin-right: var(--zaui-space-size-md, 16px);
|
|
@@ -246,7 +246,7 @@
|
|
|
246
246
|
font-size: var(--zaui-font-size, 14px);
|
|
247
247
|
background: #f2f2f2;
|
|
248
248
|
border: none;
|
|
249
|
-
border-radius: var(--zaui-border-radius,
|
|
249
|
+
border-radius: var(--zaui-border-radius, 8px);
|
|
250
250
|
|
|
251
251
|
.pro-tooltip {
|
|
252
252
|
flex: 1;
|
|
@@ -12,7 +12,7 @@
|
|
|
12
12
|
line-height: 16px;
|
|
13
13
|
&:hover {
|
|
14
14
|
background: #F8F9FA;
|
|
15
|
-
border-radius: var(--zaui-border-radius,
|
|
15
|
+
border-radius: var(--zaui-border-radius, 8px);
|
|
16
16
|
color: var(--zaui-brand);
|
|
17
17
|
.file-actions-wrap {
|
|
18
18
|
.file-actions{
|
|
@@ -93,7 +93,7 @@
|
|
|
93
93
|
justify-content: center;
|
|
94
94
|
&:hover {
|
|
95
95
|
background: #F8F9FA;
|
|
96
|
-
border-radius: var(--zaui-border-radius,
|
|
96
|
+
border-radius: var(--zaui-border-radius, 8px);
|
|
97
97
|
}
|
|
98
98
|
&:hover,&.file-box-error {
|
|
99
99
|
.file-actions-wrap {
|
|
@@ -8,7 +8,7 @@
|
|
|
8
8
|
.pro-upload-dragger {
|
|
9
9
|
.pro-upload-handle-box {
|
|
10
10
|
background : #F8F9FA;
|
|
11
|
-
border-radius: var(--zaui-border-radius,
|
|
11
|
+
border-radius: var(--zaui-border-radius, 8px);
|
|
12
12
|
padding : var(--zaui-space-size-sm, 8px);
|
|
13
13
|
|
|
14
14
|
.@{ant-prefix}-upload.@{ant-prefix}-upload-drag {
|
|
@@ -178,7 +178,7 @@
|
|
|
178
178
|
text-align : center;
|
|
179
179
|
line-height : 32px;
|
|
180
180
|
background : #FFFFFF;
|
|
181
|
-
border-radius: var(--zaui-border-radius,
|
|
181
|
+
border-radius: var(--zaui-border-radius, 8px);
|
|
182
182
|
border : 1px solid #DCDCDC;
|
|
183
183
|
|
|
184
184
|
}
|
|
@@ -56,8 +56,8 @@
|
|
|
56
56
|
--zaui-table-nested-bg : #fafcfe;
|
|
57
57
|
--zaui-contract-bg : #fffaa1; // 对比背景色
|
|
58
58
|
--zaui-form-label-width : 130px; // 8个全角字符宽度
|
|
59
|
-
--zaui-border-radius :
|
|
60
|
-
--zaui-border-radius-card :
|
|
59
|
+
--zaui-border-radius : 8px;
|
|
60
|
+
--zaui-border-radius-card : 4px;
|
|
61
61
|
--zaui-font-size-title : 16px;
|
|
62
62
|
--zaui-font-size-card-title : var(--zaui-font-size-title);
|
|
63
63
|
--zaui-font-size : 14px;
|
|
@@ -56,8 +56,8 @@
|
|
|
56
56
|
@zaui-form-required-after: var(--zaui-form-required-after; inline);
|
|
57
57
|
@zaui-form-required-before: var(--zaui-form-required-before; none);
|
|
58
58
|
@zaui-form-label-width: var(--zaui-form-label-width; 130px);
|
|
59
|
-
@zaui-border-radius: var(--zaui-border-radius;
|
|
60
|
-
@zaui-border-radius-card: var(--zaui-border-radius-card;
|
|
59
|
+
@zaui-border-radius: var(--zaui-border-radius; 8px);
|
|
60
|
+
@zaui-border-radius-card: var(--zaui-border-radius-card; 4px);
|
|
61
61
|
@zaui-font-size-title:
|
|
62
62
|
calc(var(--zaui-font-size-title; 16px) + var(--zaui-base-font-size; 0px));
|
|
63
63
|
@zaui-font-size-card-title:
|
package/lib/tokens.js
CHANGED
|
@@ -59,8 +59,8 @@ var tokens = {
|
|
|
59
59
|
'@zaui-form-required-after': 'var(--zaui-form-required-after, inline)',
|
|
60
60
|
'@zaui-form-required-before': 'var(--zaui-form-required-before, none)',
|
|
61
61
|
'@zaui-form-label-width': 'var(--zaui-form-label-width, 130px)',
|
|
62
|
-
'@zaui-border-radius': 'var(--zaui-border-radius,
|
|
63
|
-
'@zaui-border-radius-card': 'var(--zaui-border-radius-card,
|
|
62
|
+
'@zaui-border-radius': 'var(--zaui-border-radius, 8px)',
|
|
63
|
+
'@zaui-border-radius-card': 'var(--zaui-border-radius-card, 4px)',
|
|
64
64
|
'@zaui-font-size-title': 'calc(var(--zaui-font-size-title, 16px) + var(--zaui-base-font-size, 0px))',
|
|
65
65
|
'@zaui-font-size-card-title': 'calc(var(--zaui-font-size-card-title, 16px) + var(--zaui-base-font-size, 0px))',
|
|
66
66
|
'@zaui-font-size': 'calc(var(--zaui-font-size, 14px) + var(--zaui-base-font-size, 0px))',
|