@zat-design/sisyphus-react 3.4.2-beta.2 → 3.4.2-beta.4
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 +139 -84
- package/es/ProEditTable/components/RenderField/index.js +12 -14
- package/es/ProEditTable/index.js +3 -3
- package/es/ProEditTable/propsType.d.ts +1 -1
- package/es/ProEditTable/utils/index.js +1 -1
- package/es/ProEditTable/utils/tools.js +3 -1
- package/es/ProForm/components/combination/Group/index.js +6 -9
- package/es/ProForm/components/combination/Group/style/index.less +4 -4
- package/es/ProForm/components/combination/Group/utils.d.ts +2 -0
- package/es/ProForm/components/combination/Group/utils.js +10 -0
- package/es/ProForm/components/render/Render.js +2 -2
- package/es/ProForm/components/render/RenderFields.d.ts +1 -1
- package/es/ProForm/components/render/RenderFields.js +2 -2
- package/es/ProForm/index.js +4 -4
- package/es/ProForm/propsType.d.ts +1 -1
- package/es/ProForm/utils/{contrastOriginal.d.ts → diffOriginal.d.ts} +2 -1
- package/es/ProForm/utils/diffOriginal.js +61 -0
- package/es/ProForm/utils/index.d.ts +1 -1
- package/es/ProForm/utils/index.js +1 -1
- package/es/ProForm/utils/transformValue.js +2 -2
- package/es/ProForm/utils/useChanged.js +11 -3
- package/es/ProForm/utils/useListChanged.js +2 -2
- package/es/ProLayout/components/Layout/Menu/OpenMenu/style/index.less +59 -55
- package/es/ProLayout/components/Layout/Menu/style/index.less +52 -56
- package/es/ProLayout/components/ProCollapse/style/index.less +7 -1
- package/es/ProLayout/style/index.less +98 -88
- package/es/ProTable/components/RenderColumn/index.d.ts +1 -1
- package/es/ProTable/components/RenderColumn/index.js +3 -3
- package/es/ProTable/propsType.d.ts +1 -1
- package/es/ProTable/utils.js +9 -9
- package/es/ProThemeTools/component/PrdTools/index.d.ts +1 -1
- package/es/ProThemeTools/component/PrdTools/index.js +2 -2
- package/es/ProThemeTools/index.js +21 -28
- package/es/ProThemeTools/propsType.d.ts +1 -1
- package/es/ProThemeTools/style/index.less +25 -8
- package/es/assets/setting.svg +14 -0
- package/lib/ProEditTable/components/RenderField/index.js +11 -13
- package/lib/ProEditTable/index.js +3 -3
- package/lib/ProEditTable/propsType.d.ts +1 -1
- package/lib/ProEditTable/utils/index.js +1 -1
- package/lib/ProEditTable/utils/tools.js +3 -1
- package/lib/ProForm/components/combination/Group/index.js +4 -7
- package/lib/ProForm/components/combination/Group/style/index.less +4 -4
- package/lib/ProForm/components/combination/Group/utils.d.ts +2 -0
- package/lib/ProForm/components/combination/Group/utils.js +11 -1
- package/lib/ProForm/components/render/Render.js +2 -2
- package/lib/ProForm/components/render/RenderFields.d.ts +1 -1
- package/lib/ProForm/components/render/RenderFields.js +2 -2
- package/lib/ProForm/index.js +4 -4
- package/lib/ProForm/propsType.d.ts +1 -1
- package/lib/ProForm/utils/{contrastOriginal.d.ts → diffOriginal.d.ts} +2 -1
- package/lib/ProForm/utils/diffOriginal.js +68 -0
- package/lib/ProForm/utils/index.d.ts +1 -1
- package/lib/ProForm/utils/index.js +2 -2
- package/lib/ProForm/utils/transformValue.js +1 -1
- package/lib/ProForm/utils/useChanged.js +11 -3
- package/lib/ProForm/utils/useListChanged.js +2 -2
- package/lib/ProLayout/components/Layout/Menu/OpenMenu/style/index.less +59 -55
- package/lib/ProLayout/components/Layout/Menu/style/index.less +52 -56
- package/lib/ProLayout/components/ProCollapse/style/index.less +7 -1
- package/lib/ProLayout/style/index.less +98 -88
- package/lib/ProTable/components/RenderColumn/index.d.ts +1 -1
- package/lib/ProTable/components/RenderColumn/index.js +3 -3
- package/lib/ProTable/propsType.d.ts +1 -1
- package/lib/ProTable/utils.js +9 -9
- package/lib/ProThemeTools/component/PrdTools/index.d.ts +1 -1
- package/lib/ProThemeTools/component/PrdTools/index.js +2 -2
- package/lib/ProThemeTools/index.js +19 -27
- package/lib/ProThemeTools/propsType.d.ts +1 -1
- package/lib/ProThemeTools/style/index.less +25 -8
- package/lib/assets/setting.svg +14 -0
- package/package.json +1 -1
- package/es/ProForm/utils/contrastOriginal.js +0 -24
- package/lib/ProForm/utils/contrastOriginal.js +0 -30
package/dist/index.esm.css
CHANGED
|
@@ -273,7 +273,7 @@
|
|
|
273
273
|
padding-left: 16px !important;
|
|
274
274
|
}
|
|
275
275
|
.pro-layout-open-menu .ant-menu-root > .ant-menu-submenu .ant-menu-sub {
|
|
276
|
-
background: #
|
|
276
|
+
background: #1a202d;
|
|
277
277
|
}
|
|
278
278
|
.pro-layout-open-menu .ant-menu-root > .ant-menu-submenu > .ant-menu-sub > .ant-menu-submenu > .ant-menu-submenu-title,
|
|
279
279
|
.pro-layout-open-menu .ant-menu-root > .ant-menu-submenu > .ant-menu-item-only-child,
|
|
@@ -281,15 +281,15 @@
|
|
|
281
281
|
padding-left: 16px !important;
|
|
282
282
|
}
|
|
283
283
|
.pro-layout-open-menu .ant-menu-root > .ant-menu-item-only-child {
|
|
284
|
+
height: auto;
|
|
284
285
|
min-height: 48px;
|
|
286
|
+
margin: 0;
|
|
285
287
|
padding-top: 12px;
|
|
286
288
|
padding-bottom: calc(var(--zaui-space-size-md, 16px) * var(--zaui-size, 1) - var(--zaui-space-size-xs, 4px) * var(--zaui-size, 1));
|
|
287
|
-
margin: 0;
|
|
288
|
-
height: auto;
|
|
289
289
|
}
|
|
290
290
|
.pro-layout-open-menu .ant-menu-root > .ant-menu-item-only-child h2 {
|
|
291
|
-
line-height: initial !important;
|
|
292
291
|
height: auto !important;
|
|
292
|
+
line-height: initial !important;
|
|
293
293
|
white-space: pre-wrap;
|
|
294
294
|
}
|
|
295
295
|
.pro-layout-open-menu .ant-menu-root .ant-menu-item {
|
|
@@ -310,8 +310,8 @@
|
|
|
310
310
|
color: #fff;
|
|
311
311
|
}
|
|
312
312
|
.pro-layout-open-menu .ant-menu.ant-menu-dark {
|
|
313
|
-
background: #1A202D;
|
|
314
313
|
overflow-x: hidden;
|
|
314
|
+
background: #1a202d;
|
|
315
315
|
}
|
|
316
316
|
.pro-layout-open-menu .ant-menu.ant-menu-dark .ant-menu-item-only-child:hover {
|
|
317
317
|
background: var(--ant-primary-8, #003eb3);
|
|
@@ -327,12 +327,12 @@
|
|
|
327
327
|
}
|
|
328
328
|
.pro-layout-open-menu .ant-menu-sub.ant-menu-inline > .ant-menu-item,
|
|
329
329
|
.pro-layout-open-menu .ant-menu-submenu-title {
|
|
330
|
-
white-space: pre-wrap;
|
|
331
|
-
line-height: initial !important;
|
|
332
330
|
height: auto !important;
|
|
331
|
+
min-height: 48px;
|
|
333
332
|
margin: 0;
|
|
334
333
|
padding: 12px 0;
|
|
335
|
-
|
|
334
|
+
line-height: initial !important;
|
|
335
|
+
white-space: pre-wrap;
|
|
336
336
|
}
|
|
337
337
|
.pro-layout-open-menu .ant-menu-title-content div {
|
|
338
338
|
display: -webkit-box;
|
|
@@ -355,62 +355,67 @@
|
|
|
355
355
|
flex: 0 0 20px;
|
|
356
356
|
width: 20px;
|
|
357
357
|
height: 20px;
|
|
358
|
-
color: #
|
|
358
|
+
color: #cacaca;
|
|
359
359
|
}
|
|
360
360
|
.pro-layout-open-menu .ant-menu-title-content div h2 {
|
|
361
|
+
display: inline-block;
|
|
361
362
|
-webkit-box-flex: 1;
|
|
362
363
|
-webkit-flex-grow: 1;
|
|
363
364
|
-ms-flex-positive: 1;
|
|
364
365
|
flex-grow: 1;
|
|
365
366
|
margin-bottom: 0;
|
|
366
|
-
opacity: 1;
|
|
367
|
-
-webkit-transition: opacity 0.3s cubic-bezier(0.645, 0.045, 0.355, 1), margin 0.3s, color 0.3s;
|
|
368
|
-
transition: opacity 0.3s cubic-bezier(0.645, 0.045, 0.355, 1), margin 0.3s, color 0.3s;
|
|
369
|
-
display: inline-block;
|
|
370
367
|
padding-left: 12px;
|
|
371
|
-
color: #
|
|
368
|
+
color: #cacaca;
|
|
372
369
|
font-weight: 400;
|
|
373
370
|
font-size: var(--zaui-font-size-md, 14px);
|
|
371
|
+
opacity: 1;
|
|
372
|
+
-webkit-transition: opacity 0.3s cubic-bezier(0.645, 0.045, 0.355, 1), margin 0.3s, color 0.3s;
|
|
373
|
+
transition: opacity 0.3s cubic-bezier(0.645, 0.045, 0.355, 1), margin 0.3s, color 0.3s;
|
|
374
374
|
}
|
|
375
375
|
.pro-layout-open-menu .anticon-caret-down {
|
|
376
|
-
|
|
376
|
+
top: auto;
|
|
377
|
+
color: #cacaca;
|
|
377
378
|
-webkit-transform: rotateZ(0deg);
|
|
378
379
|
transform: rotateZ(0deg);
|
|
379
|
-
top: auto;
|
|
380
380
|
-webkit-transition: all 0.1s ease-in;
|
|
381
381
|
transition: all 0.1s ease-in;
|
|
382
382
|
}
|
|
383
383
|
.pro-layout-open-menu .ant-menu-submenu-open .anticon-caret-down {
|
|
384
|
+
color: #fff;
|
|
384
385
|
-webkit-transform: rotateZ(180deg);
|
|
385
386
|
transform: rotateZ(180deg);
|
|
386
|
-
color: #fff;
|
|
387
387
|
}
|
|
388
388
|
.pro-layout-open-menu .ant-menu-submenu-open .ant-menu-submenu-inline .anticon-caret-down {
|
|
389
|
+
color: #cacaca;
|
|
389
390
|
-webkit-transform: rotateZ(0deg);
|
|
390
391
|
transform: rotateZ(0deg);
|
|
391
|
-
color: #CACACA;
|
|
392
392
|
}
|
|
393
393
|
.pro-layout-open-menu .ant-menu-submenu-open .ant-menu-submenu-inline.ant-menu-submenu-open .anticon-caret-down {
|
|
394
|
+
color: #fff;
|
|
394
395
|
-webkit-transform: rotateZ(180deg);
|
|
395
396
|
transform: rotateZ(180deg);
|
|
396
|
-
color: #fff;
|
|
397
397
|
}
|
|
398
398
|
.pro-layout-open-menu .ant-menu-submenu:hover > .ant-menu-submenu-title > .ant-menu-submenu-expand-icon {
|
|
399
399
|
color: #fff;
|
|
400
400
|
}
|
|
401
|
+
.pro-layout-open-menu .ant-menu-item-selected {
|
|
402
|
+
background: #000 !important;
|
|
403
|
+
}
|
|
404
|
+
.pro-layout-open-menu .ant-menu-item-selected .ant-menu-title-content h2 {
|
|
405
|
+
font-weight: bold !important;
|
|
406
|
+
}
|
|
401
407
|
.pro-layout-open-menu .ant-menu-submenu-selected > .ant-menu-submenu-title .ant-menu-title-content div .pro-layout-icon {
|
|
402
408
|
color: #fff;
|
|
403
409
|
}
|
|
404
410
|
.pro-layout-open-menu .ant-menu-submenu-selected > .ant-menu-submenu-title .ant-menu-title-content div h2 {
|
|
405
|
-
font-weight: bold;
|
|
406
411
|
color: #fff;
|
|
407
412
|
}
|
|
408
413
|
.pro-layout-open-menu .ant-menu-submenu-selected .ant-menu-item-only-child .ant-menu-title-content div .pro-layout-icon {
|
|
409
|
-
color: #
|
|
414
|
+
color: #cacaca;
|
|
410
415
|
}
|
|
411
416
|
.pro-layout-open-menu .ant-menu-submenu-selected .ant-menu-item-only-child .ant-menu-title-content div h2 {
|
|
417
|
+
color: #cacaca;
|
|
412
418
|
font-weight: 400;
|
|
413
|
-
color: #CACACA;
|
|
414
419
|
}
|
|
415
420
|
.pro-layout-sider-menu {
|
|
416
421
|
width: 220px;
|
|
@@ -501,12 +506,12 @@
|
|
|
501
506
|
.pro-layout-row .pro-layout-arrow {
|
|
502
507
|
width: 10px;
|
|
503
508
|
height: 10px;
|
|
509
|
+
margin-left: -5px;
|
|
504
510
|
background-color: transparent;
|
|
505
511
|
/* 模块背景为透明 */
|
|
506
512
|
border-color: #fff;
|
|
507
513
|
border-style: solid;
|
|
508
514
|
border-width: 2px 2px 0 0;
|
|
509
|
-
margin-left: -5px;
|
|
510
515
|
-webkit-transform: rotate(45deg);
|
|
511
516
|
transform: rotate(45deg);
|
|
512
517
|
}
|
|
@@ -575,10 +580,6 @@
|
|
|
575
580
|
width: 220px;
|
|
576
581
|
}
|
|
577
582
|
.pro-layout-row .pro-layout-content {
|
|
578
|
-
margin-left: 48px;
|
|
579
|
-
padding: 0 var(--zaui-space-size-md, 16px);
|
|
580
|
-
-webkit-transition: all 0.3s ease-in-out;
|
|
581
|
-
transition: all 0.3s ease-in-out;
|
|
582
583
|
z-index: 1;
|
|
583
584
|
-webkit-box-flex: 1;
|
|
584
585
|
-webkit-flex: auto;
|
|
@@ -586,6 +587,10 @@
|
|
|
586
587
|
flex: auto;
|
|
587
588
|
min-height: calc(100vh - 48px);
|
|
588
589
|
margin-top: 48px;
|
|
590
|
+
margin-left: 48px;
|
|
591
|
+
padding: 0 var(--zaui-space-size-md, 16px);
|
|
592
|
+
-webkit-transition: all 0.3s ease-in-out;
|
|
593
|
+
transition: all 0.3s ease-in-out;
|
|
589
594
|
}
|
|
590
595
|
.pro-layout-row .pro-layout-menu.pro-layout-menu-open .pro-layout-menu-collapsed {
|
|
591
596
|
left: 0;
|
|
@@ -614,9 +619,9 @@
|
|
|
614
619
|
justify-content: center;
|
|
615
620
|
width: 48px;
|
|
616
621
|
height: 48px;
|
|
622
|
+
background: #292f3b;
|
|
617
623
|
-webkit-transition: all 0.25s ease;
|
|
618
624
|
transition: all 0.25s ease;
|
|
619
|
-
background: #292f3b;
|
|
620
625
|
}
|
|
621
626
|
.pro-layout-row .pro-layout-menu .pro-layout-menu-collapsed:hover {
|
|
622
627
|
background-color: rgba(185, 185, 189, 0.1);
|
|
@@ -681,6 +686,9 @@
|
|
|
681
686
|
border-radius: 0 0 var(--zaui-border-radius, 8px) var(--zaui-border-radius, 8px);
|
|
682
687
|
padding-bottom: var(--zaui-space-size-sm, 8px) !important;
|
|
683
688
|
}
|
|
689
|
+
.pro-collapse.pro-collapse-card .pro-collapse-panel .ant-collapse-header {
|
|
690
|
+
border-radius: var(--zaui-border-radius, 8px) !important;
|
|
691
|
+
}
|
|
684
692
|
.pro-collapse.pro-collapse-no-title .ant-collapse-header {
|
|
685
693
|
display: none !important;
|
|
686
694
|
}
|
|
@@ -748,7 +756,7 @@
|
|
|
748
756
|
}
|
|
749
757
|
.pro-collapse.pro-collapse-level2 .pro-collapse-level2-collapse .ant-collapse-header {
|
|
750
758
|
padding: 0 8px 6px !important;
|
|
751
|
-
border-bottom:
|
|
759
|
+
border-bottom: 1px solid #dee0e3;
|
|
752
760
|
margin: 0 -8px;
|
|
753
761
|
}
|
|
754
762
|
.pro-collapse.pro-collapse-level2 .pro-collapse-level2-collapse .ant-collapse-header .ant-collapse-arrow {
|
|
@@ -1199,77 +1207,91 @@
|
|
|
1199
1207
|
box-shadow: 2px 0px 5px 0px rgba(0, 55, 93, 0.1);
|
|
1200
1208
|
}
|
|
1201
1209
|
.pro-layout.pro-layout-light .pro-layout-open-menu .ant-menu-title-content div .pro-layout-icon {
|
|
1202
|
-
color: var(--zaui-text, #343434);
|
|
1203
1210
|
position: relative;
|
|
1204
1211
|
z-index: 1;
|
|
1212
|
+
color: var(--zaui-text, #343434);
|
|
1205
1213
|
}
|
|
1206
|
-
.pro-layout.pro-layout-light .pro-layout-menu-fold-list
|
|
1214
|
+
.pro-layout.pro-layout-light .pro-layout-menu-fold .pro-layout-menu-fold-list {
|
|
1215
|
+
border-right: 1px solid #f0f0f0;
|
|
1216
|
+
}
|
|
1217
|
+
.pro-layout.pro-layout-light .pro-layout-menu-fold .pro-layout-menu-fold-list li {
|
|
1207
1218
|
position: relative;
|
|
1208
1219
|
}
|
|
1209
|
-
.pro-layout.pro-layout-light .pro-layout-menu-fold-list li > div {
|
|
1220
|
+
.pro-layout.pro-layout-light .pro-layout-menu-fold .pro-layout-menu-fold-list li > div {
|
|
1210
1221
|
position: relative;
|
|
1211
1222
|
z-index: 1;
|
|
1212
1223
|
}
|
|
1213
|
-
.pro-layout.pro-layout-light .pro-layout-menu-fold-list li.active {
|
|
1224
|
+
.pro-layout.pro-layout-light .pro-layout-menu-fold .pro-layout-menu-fold-list li.active {
|
|
1214
1225
|
background: transparent;
|
|
1226
|
+
border-radius: var(--zaui-border-radius, 8px);
|
|
1215
1227
|
}
|
|
1216
|
-
.pro-layout.pro-layout-light .pro-layout-menu-fold-list li.active div .pro-layout-icon {
|
|
1228
|
+
.pro-layout.pro-layout-light .pro-layout-menu-fold .pro-layout-menu-fold-list li.active div .pro-layout-icon {
|
|
1217
1229
|
color: #fff;
|
|
1218
1230
|
}
|
|
1219
|
-
.pro-layout.pro-layout-light .pro-layout-menu-fold-list li.active::before {
|
|
1220
|
-
content: '';
|
|
1221
|
-
border-radius: var(--zaui-border-radius, 8px);
|
|
1222
|
-
background-color: var(--zaui-brand, #006aff);
|
|
1223
|
-
height: 38px;
|
|
1231
|
+
.pro-layout.pro-layout-light .pro-layout-menu-fold .pro-layout-menu-fold-list li.active::before {
|
|
1224
1232
|
position: absolute;
|
|
1225
|
-
left: 5px;
|
|
1226
1233
|
top: 4px;
|
|
1234
|
+
left: 5px;
|
|
1227
1235
|
width: calc(100% - 10px);
|
|
1236
|
+
height: 38px;
|
|
1237
|
+
background-color: var(--zaui-brand, #006aff);
|
|
1238
|
+
border-radius: var(--zaui-border-radius, 8px);
|
|
1228
1239
|
opacity: 1 !important;
|
|
1240
|
+
content: '';
|
|
1229
1241
|
}
|
|
1230
|
-
.pro-layout.pro-layout-light .pro-layout-menu-fold-list li:hover {
|
|
1242
|
+
.pro-layout.pro-layout-light .pro-layout-menu-fold .pro-layout-menu-fold-list li:hover {
|
|
1231
1243
|
background: transparent;
|
|
1232
1244
|
}
|
|
1233
|
-
.pro-layout.pro-layout-light .pro-layout-menu-fold-list li:hover::before {
|
|
1234
|
-
content: '';
|
|
1235
|
-
border-radius: var(--zaui-border-radius, 8px);
|
|
1236
|
-
background-color: var(--zaui-brand, #006aff);
|
|
1237
|
-
height: 38px;
|
|
1245
|
+
.pro-layout.pro-layout-light .pro-layout-menu-fold .pro-layout-menu-fold-list li:hover::before {
|
|
1238
1246
|
position: absolute;
|
|
1239
|
-
left: 5px;
|
|
1240
1247
|
top: 4px;
|
|
1248
|
+
left: 5px;
|
|
1241
1249
|
width: calc(100% - 10px);
|
|
1250
|
+
height: 38px;
|
|
1251
|
+
background-color: var(--zaui-brand, #006aff);
|
|
1252
|
+
border-radius: var(--zaui-border-radius, 8px);
|
|
1242
1253
|
opacity: 0.08;
|
|
1254
|
+
content: '';
|
|
1243
1255
|
}
|
|
1244
|
-
.pro-layout.pro-layout-light .pro-layout-menu-fold-list li div .pro-layout-icon {
|
|
1256
|
+
.pro-layout.pro-layout-light .pro-layout-menu-fold .pro-layout-menu-fold-list li div .pro-layout-icon {
|
|
1245
1257
|
color: var(--zaui-text, #343434);
|
|
1246
1258
|
}
|
|
1247
|
-
.pro-layout.pro-layout-light .pro-layout-menu-fold-list li.active {
|
|
1248
|
-
border-radius: var(--zaui-border-radius, 8px);
|
|
1249
|
-
}
|
|
1250
1259
|
.pro-layout.pro-layout-light .pro-layout-menu-collapsed {
|
|
1251
1260
|
position: relative;
|
|
1261
|
+
background: var(--zaui-base-bg, #fff);
|
|
1262
|
+
border-right: 1px solid #f0f0f0;
|
|
1252
1263
|
}
|
|
1253
|
-
.pro-layout.pro-layout-light .pro-layout-menu-collapsed
|
|
1264
|
+
.pro-layout.pro-layout-light .pro-layout-menu-collapsed:hover {
|
|
1265
|
+
background: transparent !important;
|
|
1266
|
+
}
|
|
1267
|
+
.pro-layout.pro-layout-light .pro-layout-menu-collapsed:hover::after {
|
|
1268
|
+
position: absolute;
|
|
1269
|
+
top: 5px;
|
|
1270
|
+
left: 5px;
|
|
1271
|
+
width: calc(100% - 10px);
|
|
1272
|
+
height: 40px;
|
|
1273
|
+
background-color: var(--zaui-brand, #006aff);
|
|
1274
|
+
border-radius: var(--zaui-border-radius, 8px);
|
|
1275
|
+
opacity: 0.08;
|
|
1254
1276
|
content: '';
|
|
1255
|
-
|
|
1256
|
-
|
|
1257
|
-
width: calc(100% - 16px);
|
|
1277
|
+
}
|
|
1278
|
+
.pro-layout.pro-layout-light .pro-layout-menu-collapsed::before {
|
|
1258
1279
|
position: absolute;
|
|
1259
1280
|
top: 0;
|
|
1260
1281
|
left: var(--zaui-space-size-sm, 8px);
|
|
1282
|
+
width: calc(100% - 16px);
|
|
1283
|
+
height: 1px;
|
|
1284
|
+
background: #dee0e3;
|
|
1285
|
+
content: '';
|
|
1261
1286
|
}
|
|
1262
1287
|
.pro-layout.pro-layout-light .pro-layout-row .pro-layout-arrow {
|
|
1263
1288
|
border-color: var(--zaui-text, #343434);
|
|
1264
1289
|
}
|
|
1265
|
-
.pro-layout.pro-layout-light .pro-layout-menu-collapsed {
|
|
1266
|
-
background: var(--zaui-base-bg, #fff);
|
|
1267
|
-
}
|
|
1268
1290
|
.pro-layout.pro-layout-light .ant-menu-root {
|
|
1269
1291
|
overflow-x: hidden !important;
|
|
1270
1292
|
}
|
|
1271
1293
|
.pro-layout.pro-layout-light .anticon-caret-down {
|
|
1272
|
-
color: #
|
|
1294
|
+
color: #cacaca !important;
|
|
1273
1295
|
}
|
|
1274
1296
|
.pro-layout.pro-layout-light .pro-layout-row .pro-layout-menu {
|
|
1275
1297
|
background: var(--zaui-base-bg, #ffffff);
|
|
@@ -1282,19 +1304,19 @@
|
|
|
1282
1304
|
}
|
|
1283
1305
|
.pro-layout.pro-layout-light .pro-layout-open-menu .ant-menu-item:hover,
|
|
1284
1306
|
.pro-layout.pro-layout-light .pro-layout-open-menu .ant-menu-submenu-title:hover {
|
|
1285
|
-
background: transparent;
|
|
1286
1307
|
position: relative;
|
|
1308
|
+
background: transparent;
|
|
1287
1309
|
}
|
|
1288
1310
|
.pro-layout.pro-layout-light .pro-layout-open-menu .ant-menu-item:hover:before,
|
|
1289
1311
|
.pro-layout.pro-layout-light .pro-layout-open-menu .ant-menu-submenu-title:hover:before {
|
|
1290
|
-
content: '';
|
|
1291
|
-
border-radius: var(--zaui-border-radius, 8px);
|
|
1292
|
-
background-color: var(--zaui-brand, #006aff);
|
|
1293
|
-
opacity: 0.08;
|
|
1294
|
-
height: 38px;
|
|
1295
1312
|
position: absolute;
|
|
1296
1313
|
left: var(--zaui-space-size-sm, 8px);
|
|
1297
1314
|
width: calc(100% - 16px);
|
|
1315
|
+
height: 38px;
|
|
1316
|
+
background-color: var(--zaui-brand, #006aff);
|
|
1317
|
+
border-radius: var(--zaui-border-radius, 8px);
|
|
1318
|
+
opacity: 0.08;
|
|
1319
|
+
content: '';
|
|
1298
1320
|
}
|
|
1299
1321
|
.pro-layout.pro-layout-light .pro-layout-open-menu .ant-menu-item-selected {
|
|
1300
1322
|
background: transparent !important;
|
|
@@ -1309,10 +1331,6 @@
|
|
|
1309
1331
|
min-height: calc(100vh - 80px);
|
|
1310
1332
|
}
|
|
1311
1333
|
.pro-layout .pro-layout-content {
|
|
1312
|
-
margin-left: 48px;
|
|
1313
|
-
padding: 0 var(--zaui-space-size-lg, 32px);
|
|
1314
|
-
-webkit-transition: all 0.3s ease-in-out;
|
|
1315
|
-
transition: all 0.3s ease-in-out;
|
|
1316
1334
|
z-index: 1;
|
|
1317
1335
|
-webkit-box-flex: 1;
|
|
1318
1336
|
-webkit-flex: auto;
|
|
@@ -1320,10 +1338,14 @@
|
|
|
1320
1338
|
flex: auto;
|
|
1321
1339
|
min-height: calc(100vh - 48px);
|
|
1322
1340
|
margin-top: 48px;
|
|
1341
|
+
margin-left: 48px;
|
|
1342
|
+
padding: 0 var(--zaui-space-size-lg, 32px);
|
|
1343
|
+
-webkit-transition: all 0.3s ease-in-out;
|
|
1344
|
+
transition: all 0.3s ease-in-out;
|
|
1323
1345
|
}
|
|
1324
1346
|
.pro-layout .pro-layout-content.pro-layout-has-notice {
|
|
1325
|
-
margin-top: 80px;
|
|
1326
1347
|
min-height: calc(100vh - 80px);
|
|
1348
|
+
margin-top: 80px;
|
|
1327
1349
|
}
|
|
1328
1350
|
.pro-layout .pro-layout-row-pure .pro-layout-content {
|
|
1329
1351
|
margin: 0 !important;
|
|
@@ -2331,13 +2353,13 @@ span.ant-input-group-compact.pro-range-limit .forever-checkbox {
|
|
|
2331
2353
|
}
|
|
2332
2354
|
.pro-group .ant-space-compact .ant-input-affix-wrapper:first-child,
|
|
2333
2355
|
.pro-group .ant-space-compact .ant-select:first-child {
|
|
2334
|
-
border-start-start-radius:
|
|
2335
|
-
border-end-start-radius:
|
|
2356
|
+
border-start-start-radius: 4px;
|
|
2357
|
+
border-end-start-radius: 4px;
|
|
2336
2358
|
}
|
|
2337
2359
|
.pro-group .ant-space-compact .ant-input-affix-wrapper:last-child,
|
|
2338
2360
|
.pro-group .ant-space-compact .ant-select:last-child {
|
|
2339
|
-
border-start-end-radius:
|
|
2340
|
-
border-end-end-radius:
|
|
2361
|
+
border-start-end-radius: 4px;
|
|
2362
|
+
border-end-end-radius: 4px;
|
|
2341
2363
|
}
|
|
2342
2364
|
.pro-group .ant-space-compact .ant-select .ant-select-selector {
|
|
2343
2365
|
border-start-end-radius: 0;
|
|
@@ -2346,12 +2368,12 @@ span.ant-input-group-compact.pro-range-limit .forever-checkbox {
|
|
|
2346
2368
|
border-end-start-radius: 0;
|
|
2347
2369
|
}
|
|
2348
2370
|
.pro-group .ant-space-compact .ant-select:first-child .ant-select-selector {
|
|
2349
|
-
border-start-start-radius:
|
|
2350
|
-
border-end-start-radius:
|
|
2371
|
+
border-start-start-radius: 4px;
|
|
2372
|
+
border-end-start-radius: 4px;
|
|
2351
2373
|
}
|
|
2352
2374
|
.pro-group .ant-space-compact .ant-select:last-child .ant-select-selector {
|
|
2353
|
-
border-start-end-radius:
|
|
2354
|
-
border-end-end-radius:
|
|
2375
|
+
border-start-end-radius: 4px;
|
|
2376
|
+
border-end-end-radius: 4px;
|
|
2355
2377
|
}
|
|
2356
2378
|
.pro-group .ant-space-compact .ant-input-affix-wrapper-status-error ~ .group-separator {
|
|
2357
2379
|
color: var(--ant-error-color);
|
|
@@ -4462,15 +4484,48 @@ span.ant-input-group-compact.pro-range-limit .forever-checkbox {
|
|
|
4462
4484
|
display: -webkit-flex;
|
|
4463
4485
|
display: -ms-flexbox;
|
|
4464
4486
|
display: flex;
|
|
4487
|
+
-webkit-box-align: center;
|
|
4488
|
+
-webkit-align-items: center;
|
|
4489
|
+
-ms-flex-align: center;
|
|
4490
|
+
align-items: center;
|
|
4491
|
+
-webkit-box-pack: center;
|
|
4492
|
+
-webkit-justify-content: center;
|
|
4493
|
+
-ms-flex-pack: center;
|
|
4494
|
+
justify-content: center;
|
|
4495
|
+
width: 34px;
|
|
4496
|
+
height: 34px;
|
|
4497
|
+
background: #d8e6ff;
|
|
4498
|
+
border-radius: var(--zaui-border-radius, 8px);
|
|
4499
|
+
cursor: pointer;
|
|
4500
|
+
}
|
|
4501
|
+
.pro-theme-tools .setting-icon {
|
|
4502
|
+
margin-top: -1px;
|
|
4503
|
+
}
|
|
4504
|
+
.pro-theme-tools .setting-icon div {
|
|
4505
|
+
display: -webkit-box;
|
|
4506
|
+
display: -webkit-flex;
|
|
4507
|
+
display: -ms-flexbox;
|
|
4508
|
+
display: flex;
|
|
4509
|
+
-webkit-box-align: center;
|
|
4510
|
+
-webkit-align-items: center;
|
|
4511
|
+
-ms-flex-align: center;
|
|
4512
|
+
align-items: center;
|
|
4513
|
+
-webkit-box-pack: center;
|
|
4514
|
+
-webkit-justify-content: center;
|
|
4515
|
+
-ms-flex-pack: center;
|
|
4516
|
+
justify-content: center;
|
|
4517
|
+
}
|
|
4518
|
+
.pro-theme-tools.pro-theme-tools-follow {
|
|
4519
|
+
background: var(--ant-primary-1);
|
|
4465
4520
|
}
|
|
4466
4521
|
.pro-theme-tools.pro-theme-tools-follow svg {
|
|
4467
4522
|
color: var(--zaui-brand, #006aff);
|
|
4468
4523
|
}
|
|
4469
4524
|
.pro-theme-tools .anticon {
|
|
4470
|
-
color: var(--zaui-
|
|
4525
|
+
color: var(--zaui-text, #343434);
|
|
4471
4526
|
}
|
|
4472
4527
|
.pro-theme-tools .anticon svg {
|
|
4473
|
-
font-size:
|
|
4528
|
+
font-size: 20px;
|
|
4474
4529
|
}
|
|
4475
4530
|
.pro-theme-tools-drawer .ant-drawer-body {
|
|
4476
4531
|
padding: 32px;
|
|
@@ -4483,23 +4538,23 @@ span.ant-input-group-compact.pro-range-limit .forever-checkbox {
|
|
|
4483
4538
|
}
|
|
4484
4539
|
.pro-theme-tools-drawer .copy-btn {
|
|
4485
4540
|
position: absolute;
|
|
4486
|
-
width: calc(100% - 64px);
|
|
4487
4541
|
bottom: 20px;
|
|
4488
4542
|
left: 32px;
|
|
4489
4543
|
z-index: 10;
|
|
4544
|
+
width: calc(100% - 64px);
|
|
4490
4545
|
}
|
|
4491
4546
|
.pro-theme-tools-drawer .pro-theme-tools-box {
|
|
4492
4547
|
display: -webkit-box;
|
|
4493
4548
|
display: -webkit-flex;
|
|
4494
4549
|
display: -ms-flexbox;
|
|
4495
4550
|
display: flex;
|
|
4551
|
+
-webkit-flex-wrap: wrap;
|
|
4552
|
+
-ms-flex-wrap: wrap;
|
|
4553
|
+
flex-wrap: wrap;
|
|
4496
4554
|
-webkit-box-pack: justify;
|
|
4497
4555
|
-webkit-justify-content: space-between;
|
|
4498
4556
|
-ms-flex-pack: justify;
|
|
4499
4557
|
justify-content: space-between;
|
|
4500
|
-
-webkit-flex-wrap: wrap;
|
|
4501
|
-
-ms-flex-wrap: wrap;
|
|
4502
|
-
flex-wrap: wrap;
|
|
4503
4558
|
}
|
|
4504
4559
|
.pro-theme-tools-drawer .pro-theme-tools-space {
|
|
4505
4560
|
margin-bottom: var(--zaui-space-size-md, 16px);
|
|
@@ -17,7 +17,7 @@ import { Fragment as _Fragment, jsx as _jsx, jsxs as _jsxs } from "react/jsx-run
|
|
|
17
17
|
/* eslint-disable prefer-const */
|
|
18
18
|
import React, { useCallback, useEffect } from 'react';
|
|
19
19
|
import classNames from 'classnames';
|
|
20
|
-
import { cloneDeep, isEqual, debounce, omit, isFunction
|
|
20
|
+
import { cloneDeep, isEqual, debounce, omit, isFunction } from 'lodash';
|
|
21
21
|
import valueTypeMap from '../../../ProForm/utils/valueType';
|
|
22
22
|
import transformMap from '../../utils/transform';
|
|
23
23
|
import { getNamePath, difference } from '../../utils/tools';
|
|
@@ -28,9 +28,8 @@ import { FieldProvider } from '../../../ProForm/utils/useFieldProps';
|
|
|
28
28
|
import { useListChanged } from '../../../ProForm/utils/useListChanged';
|
|
29
29
|
import useRules from '../../../ProForm/utils/useRules';
|
|
30
30
|
import { isSelect } from '../../../ProForm/utils';
|
|
31
|
-
import locale from '../../../locale';
|
|
32
31
|
var RenderField = function RenderField(_ref) {
|
|
33
|
-
var _type, _type$replace, _fieldProps2, _fieldProps3, _fieldProps4, _names,
|
|
32
|
+
var _type, _type$replace, _fieldProps2, _fieldProps3, _fieldProps4, _names, _TargetComponent4;
|
|
34
33
|
var value = _ref.text,
|
|
35
34
|
record = _ref.record,
|
|
36
35
|
index = _ref.index,
|
|
@@ -73,7 +72,7 @@ var RenderField = function RenderField(_ref) {
|
|
|
73
72
|
virtualKey = config.virtualKey,
|
|
74
73
|
viewEmpty = config.viewEmpty,
|
|
75
74
|
originalValues = config.originalValues,
|
|
76
|
-
|
|
75
|
+
originalDiffTip = config.originalDiffTip;
|
|
77
76
|
var _fieldProps = fieldProps || formItemProps || {};
|
|
78
77
|
var _rules = rules || [];
|
|
79
78
|
var _required = required;
|
|
@@ -141,7 +140,7 @@ var RenderField = function RenderField(_ref) {
|
|
|
141
140
|
var formItemChildProps = _objectSpread({}, _fieldProps);
|
|
142
141
|
// 允许formItem的属性放在column最外层
|
|
143
142
|
var _formItemProps = _objectSpread(_objectSpread({}, resetProps), internalRule);
|
|
144
|
-
if (['Switch', '
|
|
143
|
+
if (['Switch', 'SwitchCheckbox'].includes(type)) {
|
|
145
144
|
_formItemProps.valuePropName = 'checked';
|
|
146
145
|
valueType = 'switch';
|
|
147
146
|
}
|
|
@@ -241,8 +240,6 @@ var RenderField = function RenderField(_ref) {
|
|
|
241
240
|
TargetComponent = viewRender;
|
|
242
241
|
}
|
|
243
242
|
}
|
|
244
|
-
var defaultPlaceholder = ['Select', 'EnumSelect', 'DatePicker', 'RangePicker', 'Cascader', 'ProSelect', 'ProEnum', 'ProTimeLimit'].includes(type) ? "".concat(locale.ProEditTable.select).concat(isString(label) ? label || title : '') : "".concat(locale.ProEditTable.enter).concat(isString(label) ? label || title : '');
|
|
245
|
-
var _placeholder = (_formItemChildProps$p = formItemChildProps === null || formItemChildProps === void 0 ? void 0 : formItemChildProps.placeholder) !== null && _formItemChildProps$p !== void 0 ? _formItemChildProps$p : defaultPlaceholder;
|
|
246
243
|
var onChange = formItemChildProps === null || formItemChildProps === void 0 ? void 0 : formItemChildProps.onChange;
|
|
247
244
|
var onFieldChange = formItemChildProps === null || formItemChildProps === void 0 ? void 0 : formItemChildProps.onFieldChange;
|
|
248
245
|
var onBlur = formItemChildProps === null || formItemChildProps === void 0 ? void 0 : formItemChildProps.onBlur;
|
|
@@ -303,7 +300,7 @@ var RenderField = function RenderField(_ref) {
|
|
|
303
300
|
}
|
|
304
301
|
_args = [].concat(args);
|
|
305
302
|
rowPath = [].concat(_toConsumableArray(namePath), [index]);
|
|
306
|
-
row = form.getFieldValue(rowPath);
|
|
303
|
+
row = form.getFieldValue(rowPath, true);
|
|
307
304
|
orgRow = cloneDeep(row);
|
|
308
305
|
if (!onFieldChange) {
|
|
309
306
|
_context.next = 18;
|
|
@@ -355,7 +352,9 @@ var RenderField = function RenderField(_ref) {
|
|
|
355
352
|
return [].concat(_toConsumableArray(rowPath), [key]);
|
|
356
353
|
});
|
|
357
354
|
if (validateFieldKeys === null || validateFieldKeys === void 0 ? void 0 : validateFieldKeys.length) {
|
|
358
|
-
|
|
355
|
+
setTimeout(function () {
|
|
356
|
+
form.validateFields(validateFieldKeys);
|
|
357
|
+
}, 100);
|
|
359
358
|
}
|
|
360
359
|
}
|
|
361
360
|
setState({
|
|
@@ -468,8 +467,7 @@ var RenderField = function RenderField(_ref) {
|
|
|
468
467
|
originalValue = _useListChanged2[1];
|
|
469
468
|
var componentProps = _objectSpread(_objectSpread(_objectSpread({
|
|
470
469
|
form: form,
|
|
471
|
-
name: cellName
|
|
472
|
-
placeholder: _placeholder
|
|
470
|
+
name: cellName
|
|
473
471
|
}, _fieldProps), (_TargetComponent4 = TargetComponent) === null || _TargetComponent4 === void 0 ? void 0 : _TargetComponent4.props), {}, {
|
|
474
472
|
disabled: _disabled,
|
|
475
473
|
onChange: _onchange,
|
|
@@ -487,7 +485,7 @@ var RenderField = function RenderField(_ref) {
|
|
|
487
485
|
if (isCell) {
|
|
488
486
|
record["".concat(dataIndex, "-Disabled")] = _disabled;
|
|
489
487
|
}
|
|
490
|
-
if (['Switch', '
|
|
488
|
+
if (['Switch', 'SwitchCheckbox'].includes(type)) {
|
|
491
489
|
_formItemProps.valuePropName = 'checked';
|
|
492
490
|
}
|
|
493
491
|
useEffect(function () {
|
|
@@ -507,7 +505,7 @@ var RenderField = function RenderField(_ref) {
|
|
|
507
505
|
delete _formItemProps.rules;
|
|
508
506
|
}
|
|
509
507
|
var _className = classNames(_defineProperty(_defineProperty({}, className, className), 'pro-form-item-changed', changed));
|
|
510
|
-
var originalTitle =
|
|
508
|
+
var originalTitle = originalDiffTip ? _jsxs(_Space, {
|
|
511
509
|
children: ["\u521D\u59CB\u503C\uFF1A", /*#__PURE__*/React.isValidElement(TargetComponent) ? ( /*#__PURE__*/React.cloneElement(TargetComponent, _objectSpread(_objectSpread({}, omit(componentProps, ['onFieldChange'])), {}, {
|
|
512
510
|
isView: true,
|
|
513
511
|
value: originalValue,
|
|
@@ -529,7 +527,7 @@ var RenderField = function RenderField(_ref) {
|
|
|
529
527
|
});
|
|
530
528
|
return _jsx(FieldProvider, {
|
|
531
529
|
value: componentProps === null || componentProps === void 0 ? void 0 : componentProps.otherProps,
|
|
532
|
-
children: !
|
|
530
|
+
children: !originalDiffTip || ['FormList', 'ProEditTable'].includes(type) ? FormItem : _jsx(_Tooltip, {
|
|
533
531
|
title: originalTitle,
|
|
534
532
|
open: changed ? undefined : false,
|
|
535
533
|
children: FormItem
|
package/es/ProEditTable/index.js
CHANGED
|
@@ -10,7 +10,7 @@ import _ConfigProvider from "antd/es/config-provider";
|
|
|
10
10
|
import "antd/es/form/style";
|
|
11
11
|
import _Form from "antd/es/form";
|
|
12
12
|
import _objectWithoutProperties from "@babel/runtime/helpers/esm/objectWithoutProperties";
|
|
13
|
-
var _excluded = ["value", "onChange", "className", "columns", "type", "mode", "stripe", "draggable", "disabled", "insertType", "emptyBtnText", "actionWidth", "actionProps", "toolbarProps", "rowSelection", "onlyOneLineMsg", "deletePoConfirmMsg", "mulDeletePoConfirmMsg", "otherProps", "requiredAlign", "summary", "max", "headerRender", "pagination", "originalValues", "
|
|
13
|
+
var _excluded = ["value", "onChange", "className", "columns", "type", "mode", "stripe", "draggable", "disabled", "insertType", "emptyBtnText", "actionWidth", "actionProps", "toolbarProps", "rowSelection", "onlyOneLineMsg", "deletePoConfirmMsg", "mulDeletePoConfirmMsg", "otherProps", "requiredAlign", "summary", "max", "headerRender", "pagination", "originalValues", "originalDiffTip", "rowKey"];
|
|
14
14
|
import { jsx as _jsx, Fragment as _Fragment, jsxs as _jsxs } from "react/jsx-runtime";
|
|
15
15
|
import React, { forwardRef, useCallback, useEffect, useImperativeHandle, useMemo, useRef } from 'react';
|
|
16
16
|
import { get, isArray } from 'lodash';
|
|
@@ -49,7 +49,7 @@ var ProEditTable = function ProEditTable(_ref, ref) {
|
|
|
49
49
|
headerRender = _ref.headerRender,
|
|
50
50
|
pagination = _ref.pagination,
|
|
51
51
|
originalValues = _ref.originalValues,
|
|
52
|
-
|
|
52
|
+
originalDiffTip = _ref.originalDiffTip,
|
|
53
53
|
rowKey = _ref.rowKey,
|
|
54
54
|
resetProps = _objectWithoutProperties(_ref, _excluded);
|
|
55
55
|
// 上下文form
|
|
@@ -151,7 +151,7 @@ var ProEditTable = function ProEditTable(_ref, ref) {
|
|
|
151
151
|
tableLength: value === null || value === void 0 ? void 0 : value.length,
|
|
152
152
|
page: page,
|
|
153
153
|
originalValues: originalValues,
|
|
154
|
-
|
|
154
|
+
originalDiffTip: originalDiffTip,
|
|
155
155
|
prefixCls: prefixCls
|
|
156
156
|
};
|
|
157
157
|
// 编辑行设置下样式
|
|
@@ -130,7 +130,7 @@ export interface ProEditTableProps<T = any> extends Omit<TableProps<T>, 'onChang
|
|
|
130
130
|
* @description 原始数据源,是否tooltip显示
|
|
131
131
|
* @default -
|
|
132
132
|
*/
|
|
133
|
-
|
|
133
|
+
originalDiffTip?: boolean;
|
|
134
134
|
/**
|
|
135
135
|
* @description 可编辑表格的类型,单行、多行、单元格编辑
|
|
136
136
|
* @default false
|
|
@@ -280,7 +280,7 @@ export var transformColumns = function transformColumns() {
|
|
|
280
280
|
(_item$fieldProps3 = item.fieldProps) === null || _item$fieldProps3 === void 0 ? true : delete _item$fieldProps3.useRequest;
|
|
281
281
|
}
|
|
282
282
|
var _render = function _render(text, record, index) {
|
|
283
|
-
var isEditing = !virtualKey || editingKeys.includes(record.rowKey);
|
|
283
|
+
var isEditing = !virtualKey || editingKeys.includes(record.rowKey) || record.addFlag;
|
|
284
284
|
var namePath = isArray(name) ? name : [name];
|
|
285
285
|
if (virtualKey && editingKeys.includes(record.rowKey)) {
|
|
286
286
|
namePath = getNamePath(name, virtualKey);
|
|
@@ -6,7 +6,9 @@ export var getRandom = function getRandom() {
|
|
|
6
6
|
export var difference = function difference(object, base) {
|
|
7
7
|
var changes = function changes(object, base) {
|
|
8
8
|
return transform(object, function (result, value, key) {
|
|
9
|
-
if (
|
|
9
|
+
if (key.indexOf('-') > -1) {
|
|
10
|
+
result[key] = true;
|
|
11
|
+
} else if (!isEqual(value, base[key])) {
|
|
10
12
|
result[key] = isObject(value) && isObject(base[key]) ? changes(value, base[key]) : value;
|
|
11
13
|
}
|
|
12
14
|
});
|