@zat-design/sisyphus-react 3.4.5 → 3.4.6-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 (125) hide show
  1. package/dist/index.esm.css +147 -34
  2. package/dist/less.esm.css +147 -34
  3. package/es/ProConfigProvider/index.d.ts +2 -2
  4. package/es/ProConfigProvider/index.js +0 -3
  5. package/es/ProEditTable/components/RenderField/index.js +55 -48
  6. package/es/ProEditTable/index.js +3 -3
  7. package/es/ProEditTable/style/index.less +0 -5
  8. package/es/ProEditTable/utils/tools.d.ts +12 -0
  9. package/es/ProEditTable/utils/tools.js +79 -2
  10. package/es/ProForm/components/base/RangePicker/index.js +9 -9
  11. package/es/ProForm/components/combination/Container/index.js +3 -2
  12. package/es/ProForm/components/combination/Container/style/index.less +5 -1
  13. package/es/ProForm/components/combination/{ProAddressBar → ProCascader}/index.d.ts +2 -2
  14. package/es/ProForm/components/combination/ProCascader/index.js +256 -0
  15. package/es/ProForm/components/combination/{ProAddressBar → ProCascader}/propsType.d.ts +9 -6
  16. package/es/ProForm/components/combination/ProCascader/utils/index.d.ts +14 -0
  17. package/es/ProForm/components/combination/ProCascader/utils/index.js +26 -0
  18. package/es/ProForm/components/combination/ProModalSelect/index.js +13 -5
  19. package/es/ProForm/components/combination/ProModalSelect/style/index.less +23 -0
  20. package/es/ProForm/components/combination/ProRangeLimit/index.d.ts +2 -2
  21. package/es/ProForm/components/combination/ProRangeLimit/index.js +17 -10
  22. package/es/ProForm/components/index.d.ts +1 -2
  23. package/es/ProForm/components/index.js +1 -4
  24. package/es/ProForm/components/render/Render.js +19 -14
  25. package/es/ProForm/components/render/RenderFields.js +3 -1
  26. package/es/ProForm/components/render/propsType.d.ts +3 -7
  27. package/es/ProForm/index.js +6 -2
  28. package/es/ProForm/propsType.d.ts +2 -0
  29. package/es/ProForm/style/index.less +2 -1
  30. package/es/ProForm/utils/index.d.ts +6 -1
  31. package/es/ProForm/utils/index.js +9 -6
  32. package/es/ProForm/utils/useChanged.js +1 -2
  33. package/es/ProForm/utils/useForm.js +18 -6
  34. package/es/ProForm/utils/useListChanged.js +1 -3
  35. package/es/ProIcon/config/index.d.ts +2 -0
  36. package/es/ProIcon/config/index.js +4 -2
  37. package/es/ProIcon/index.js +148 -81
  38. package/es/ProIcon/propsTypes.d.ts +6 -1
  39. package/es/ProIcon/utils/index.d.ts +5 -0
  40. package/es/ProIcon/utils/index.js +60 -0
  41. package/es/ProLayout/components/ProCollapse/index.js +6 -3
  42. package/es/ProLayout/components/ProCollapse/style/index.less +1 -1
  43. package/es/ProSelect/index.js +1 -1
  44. package/es/ProStep/components/Step/index.js +4 -3
  45. package/es/ProStep/style/index.less +37 -0
  46. package/es/ProTable/utils.js +6 -3
  47. package/es/ProThemeTools/component/PrdTools/index.d.ts +1 -1
  48. package/es/ProThemeTools/component/PrdTools/index.js +16 -6
  49. package/es/ProThemeTools/component/PrdTools/style/index.less +56 -48
  50. package/es/ProTree/components/ProTree.js +96 -74
  51. package/es/ProTree/components/ProTreeSelect/index.js +5 -9
  52. package/es/ProTree/components/ProTreeSelect/style/index.less +6 -8
  53. package/es/ProTree/components/Tree.js +63 -41
  54. package/es/ProTree/style/index.less +38 -16
  55. package/es/ProUpload/index.js +11 -13
  56. package/es/ProUpload/propsType.d.ts +8 -3
  57. package/es/assets/view.svg +2 -2
  58. package/es/global.less +6 -6
  59. package/lib/ProConfigProvider/index.d.ts +2 -2
  60. package/lib/ProConfigProvider/index.js +0 -3
  61. package/lib/ProEditTable/components/RenderField/index.js +53 -46
  62. package/lib/ProEditTable/index.js +3 -3
  63. package/lib/ProEditTable/style/index.less +0 -5
  64. package/lib/ProEditTable/utils/tools.d.ts +12 -0
  65. package/lib/ProEditTable/utils/tools.js +80 -2
  66. package/lib/ProForm/components/base/RangePicker/index.js +9 -9
  67. package/lib/ProForm/components/combination/Container/index.js +3 -2
  68. package/lib/ProForm/components/combination/Container/style/index.less +5 -1
  69. package/lib/ProForm/components/combination/{ProAddressBar → ProCascader}/index.d.ts +2 -2
  70. package/lib/ProForm/components/combination/ProCascader/index.js +256 -0
  71. package/lib/ProForm/components/combination/{ProAddressBar → ProCascader}/propsType.d.ts +9 -6
  72. package/lib/ProForm/components/combination/ProCascader/utils/index.d.ts +14 -0
  73. package/lib/ProForm/components/combination/ProCascader/utils/index.js +33 -0
  74. package/lib/ProForm/components/combination/ProModalSelect/index.js +12 -4
  75. package/lib/ProForm/components/combination/ProModalSelect/style/index.less +23 -0
  76. package/lib/ProForm/components/combination/ProRangeLimit/index.d.ts +2 -2
  77. package/lib/ProForm/components/combination/ProRangeLimit/index.js +17 -10
  78. package/lib/ProForm/components/index.d.ts +1 -2
  79. package/lib/ProForm/components/index.js +1 -8
  80. package/lib/ProForm/components/render/Render.js +19 -14
  81. package/lib/ProForm/components/render/RenderFields.js +3 -1
  82. package/lib/ProForm/components/render/propsType.d.ts +3 -7
  83. package/lib/ProForm/index.js +5 -1
  84. package/lib/ProForm/propsType.d.ts +2 -0
  85. package/lib/ProForm/style/index.less +2 -1
  86. package/lib/ProForm/utils/index.d.ts +6 -1
  87. package/lib/ProForm/utils/index.js +9 -6
  88. package/lib/ProForm/utils/useChanged.js +1 -2
  89. package/lib/ProForm/utils/useForm.js +18 -6
  90. package/lib/ProForm/utils/useListChanged.js +1 -3
  91. package/lib/ProIcon/config/index.d.ts +2 -0
  92. package/lib/ProIcon/config/index.js +4 -2
  93. package/lib/ProIcon/index.js +144 -77
  94. package/lib/ProIcon/propsTypes.d.ts +6 -1
  95. package/lib/ProIcon/utils/index.d.ts +5 -0
  96. package/lib/ProIcon/utils/index.js +62 -1
  97. package/lib/ProLayout/components/ProCollapse/index.js +6 -3
  98. package/lib/ProLayout/components/ProCollapse/style/index.less +1 -1
  99. package/lib/ProSelect/index.js +1 -1
  100. package/lib/ProStep/components/Step/index.js +4 -3
  101. package/lib/ProStep/style/index.less +37 -0
  102. package/lib/ProTable/utils.js +6 -3
  103. package/lib/ProThemeTools/component/PrdTools/index.d.ts +1 -1
  104. package/lib/ProThemeTools/component/PrdTools/index.js +16 -6
  105. package/lib/ProThemeTools/component/PrdTools/style/index.less +56 -48
  106. package/lib/ProTree/components/ProTree.js +96 -74
  107. package/lib/ProTree/components/ProTreeSelect/index.js +5 -9
  108. package/lib/ProTree/components/ProTreeSelect/style/index.less +6 -8
  109. package/lib/ProTree/components/Tree.js +63 -41
  110. package/lib/ProTree/style/index.less +38 -16
  111. package/lib/ProUpload/index.js +10 -12
  112. package/lib/ProUpload/propsType.d.ts +8 -3
  113. package/lib/assets/view.svg +2 -2
  114. package/lib/global.less +6 -6
  115. package/package.json +2 -2
  116. package/es/ProForm/components/base/ProCascader/index.d.ts +0 -14
  117. package/es/ProForm/components/base/ProCascader/index.js +0 -72
  118. package/es/ProForm/components/combination/ProAddressBar/index.js +0 -437
  119. package/lib/ProForm/components/base/ProCascader/index.d.ts +0 -14
  120. package/lib/ProForm/components/base/ProCascader/index.js +0 -78
  121. package/lib/ProForm/components/combination/ProAddressBar/index.js +0 -437
  122. /package/es/ProForm/components/combination/{ProAddressBar → ProCascader}/propsType.js +0 -0
  123. /package/es/ProForm/components/combination/{ProAddressBar → ProCascader}/style/index.less +0 -0
  124. /package/lib/ProForm/components/combination/{ProAddressBar → ProCascader}/propsType.js +0 -0
  125. /package/lib/ProForm/components/combination/{ProAddressBar → ProCascader}/style/index.less +0 -0
@@ -686,7 +686,10 @@
686
686
  display: none !important;
687
687
  }
688
688
  .pro-collapse.pro-collapse-no-title .pro-collapse-level2 .ant-collapse-header {
689
- display: block !important;
689
+ display: -webkit-box !important;
690
+ display: -webkit-flex !important;
691
+ display: -ms-flexbox !important;
692
+ display: flex !important;
690
693
  }
691
694
  .pro-collapse.ant-collapse .pro-collapse-panel {
692
695
  margin-bottom: 16px;
@@ -1459,6 +1462,70 @@
1459
1462
  font-size: var(--zaui-font-size-lg, 16px);
1460
1463
  border-bottom: 1px solid var(--zaui-line, #dddddd);
1461
1464
  }
1465
+ .pro-step > .step-menu > .anticon {
1466
+ display: -webkit-box;
1467
+ display: -webkit-flex;
1468
+ display: -ms-flexbox;
1469
+ display: flex;
1470
+ -webkit-box-align: center;
1471
+ -webkit-align-items: center;
1472
+ -ms-flex-align: center;
1473
+ align-items: center;
1474
+ -webkit-box-pack: center;
1475
+ -webkit-justify-content: center;
1476
+ -ms-flex-pack: center;
1477
+ justify-content: center;
1478
+ width: 48px;
1479
+ height: 24px;
1480
+ }
1481
+ .pro-step > .step-menu > .anticon > .menu-icon {
1482
+ width: auto !important;
1483
+ height: auto !important;
1484
+ font-size: var(--zaui-font-size-lg-title, 24px);
1485
+ fill: var(--zaui-brand, #006aff);
1486
+ }
1487
+ .pro-step > .step-menu > .anticon > .menu-icon > div {
1488
+ display: -webkit-box;
1489
+ display: -webkit-flex;
1490
+ display: -ms-flexbox;
1491
+ display: flex;
1492
+ -webkit-box-align: center;
1493
+ -webkit-align-items: center;
1494
+ -ms-flex-align: center;
1495
+ align-items: center;
1496
+ -webkit-box-pack: center;
1497
+ -webkit-justify-content: center;
1498
+ -ms-flex-pack: center;
1499
+ justify-content: center;
1500
+ width: 48px;
1501
+ height: 24px;
1502
+ }
1503
+ .pro-step > .step-menu > .anticon > button {
1504
+ width: auto !important;
1505
+ height: auto !important;
1506
+ }
1507
+ .pro-step > .step-menu > .anticon > button > .menu-icon {
1508
+ width: auto !important;
1509
+ height: auto !important;
1510
+ font-size: var(--zaui-font-size-lg-title, 24px);
1511
+ fill: var(--zaui-brand, #006aff);
1512
+ }
1513
+ .pro-step > .step-menu > .anticon > button > .menu-icon > div {
1514
+ display: -webkit-box;
1515
+ display: -webkit-flex;
1516
+ display: -ms-flexbox;
1517
+ display: flex;
1518
+ -webkit-box-align: center;
1519
+ -webkit-align-items: center;
1520
+ -ms-flex-align: center;
1521
+ align-items: center;
1522
+ -webkit-box-pack: center;
1523
+ -webkit-justify-content: center;
1524
+ -ms-flex-pack: center;
1525
+ justify-content: center;
1526
+ width: 48px;
1527
+ height: 24px;
1528
+ }
1462
1529
  .pro-step > .step-menu > .menu-icon {
1463
1530
  font-size: var(--zaui-font-size-lg-title, 24px);
1464
1531
  fill: var(--zaui-brand, #006aff);
@@ -2295,6 +2362,19 @@ span.ant-input-group-compact.pro-range-limit .forever-checkbox {
2295
2362
  .pro-tree-modal .ant-input-group-wrapper:hover .ant-input-disabled + span .close-icon {
2296
2363
  display: none;
2297
2364
  }
2365
+ .pro-modal-select .ant-input-affix-wrapper,
2366
+ .pro-tree-modal .ant-input-affix-wrapper {
2367
+ border-top-right-radius: 0;
2368
+ border-bottom-right-radius: 0;
2369
+ }
2370
+ .pro-modal-select .ant-input-affix-wrapper.ant-input-affix-wrapper-status-error + .ant-btn,
2371
+ .pro-tree-modal .ant-input-affix-wrapper.ant-input-affix-wrapper-status-error + .ant-btn {
2372
+ border: 1px solid var(--ant-error-color);
2373
+ }
2374
+ .pro-modal-select .ant-input-affix-wrapper.ant-input-affix-wrapper-status-error + .ant-btn > .viewSvg,
2375
+ .pro-tree-modal .ant-input-affix-wrapper.ant-input-affix-wrapper-status-error + .ant-btn > .viewSvg {
2376
+ color: var(--ant-error-color);
2377
+ }
2298
2378
  .pro-modal-select .pro-tree-modal-input-appoint .ant-input,
2299
2379
  .pro-tree-modal .pro-tree-modal-input-appoint .ant-input {
2300
2380
  border-top-left-radius: 0;
@@ -2326,6 +2406,14 @@ span.ant-input-group-compact.pro-range-limit .forever-checkbox {
2326
2406
  cursor: pointer;
2327
2407
  fill: #c5c7cd;
2328
2408
  }
2409
+ .pro-modal-select .ant-select-status-error + .ant-btn,
2410
+ .pro-tree-modal .ant-select-status-error + .ant-btn {
2411
+ border: 1px solid var(--ant-error-color);
2412
+ }
2413
+ .pro-modal-select .ant-select-status-error + .ant-btn > .viewSvg,
2414
+ .pro-tree-modal .ant-select-status-error + .ant-btn > .viewSvg {
2415
+ color: var(--ant-error-color);
2416
+ }
2329
2417
  .pro-modal-select .ant-input-group-addon,
2330
2418
  .pro-tree-modal .ant-input-group-addon {
2331
2419
  padding: 0px var(--zaui-space-size-sm, 8px);
@@ -2447,6 +2535,9 @@ span.ant-input-group-compact.pro-range-limit .forever-checkbox {
2447
2535
  color: var(--ant-error-color);
2448
2536
  border-color: var(--ant-error-color);
2449
2537
  }
2538
+ .pro-container.pro-container-empty .ant-collapse-content {
2539
+ display: none;
2540
+ }
2450
2541
  .pro-container.pro-container-diy .pro-container-content {
2451
2542
  display: -webkit-box;
2452
2543
  display: -webkit-flex;
@@ -2844,6 +2935,7 @@ span.ant-input-group-compact.pro-range-limit .forever-checkbox {
2844
2935
  overflow: hidden;
2845
2936
  white-space: nowrap;
2846
2937
  text-overflow: ellipsis;
2938
+ width: 100%;
2847
2939
  }
2848
2940
  .pro-form .full-form-item {
2849
2941
  width: 100%;
@@ -3539,6 +3631,28 @@ span.ant-input-group-compact.pro-range-limit .forever-checkbox {
3539
3631
  .pro-tree {
3540
3632
  height: 100%;
3541
3633
  }
3634
+ .pro-tree .ant-tree-node-content-wrapper {
3635
+ display: -webkit-box;
3636
+ display: -webkit-flex;
3637
+ display: -ms-flexbox;
3638
+ display: flex;
3639
+ -webkit-box-align: baseline;
3640
+ -webkit-align-items: baseline;
3641
+ -ms-flex-align: baseline;
3642
+ align-items: baseline;
3643
+ }
3644
+ .pro-tree .ant-tree .ant-tree-treenode-disabled .ant-tree-node-content-wrapper {
3645
+ color: var(--zaui-text);
3646
+ }
3647
+ .pro-tree .ant-tree .ant-tree-treenode-disabled .pro-tree-tree-node.checked {
3648
+ color: var(--zaui-text);
3649
+ }
3650
+ .pro-tree .ant-tree .ant-tree-treenode-disabled .pro-tree-tree-node.checked .brand-bg-opa-ten {
3651
+ background-color: inherit;
3652
+ }
3653
+ .pro-tree .ant-select-dropdown.pro-tree-select-drop-down-container.checkable-tree {
3654
+ overflow: hidden!important;
3655
+ }
3542
3656
  .pro-tree .ant-spin-nested-loading {
3543
3657
  height: 100%;
3544
3658
  }
@@ -3855,15 +3969,6 @@ span.ant-input-group-compact.pro-range-limit .forever-checkbox {
3855
3969
  background-color: var(--zaui-brand);
3856
3970
  opacity: 0.08;
3857
3971
  }
3858
- .ant-tree .ant-tree-treenode-disabled .ant-tree-node-content-wrapper {
3859
- color: var(--zaui-text);
3860
- }
3861
- .ant-tree .ant-tree-treenode-disabled .pro-tree-tree-node.checked {
3862
- color: var(--zaui-text);
3863
- }
3864
- .ant-tree .ant-tree-treenode-disabled .pro-tree-tree-node.checked .brand-bg-opa-ten {
3865
- background-color: inherit;
3866
- }
3867
3972
  .pro-form.pro-form-view .ant-form-item .pro-tree * {
3868
3973
  line-height: 1 !important;
3869
3974
  height: auto !important;
@@ -3878,8 +3983,13 @@ span.ant-input-group-compact.pro-range-limit .forever-checkbox {
3878
3983
  .pro-form.pro-form-view .ant-form-item .pro-tree .ant-tree-checkbox * {
3879
3984
  height: 16px !important;
3880
3985
  }
3881
- .ant-select-dropdown.pro-tree-select-drop-down-container.checkable-tree {
3882
- overflow: hidden!important;
3986
+ .pro-tree-select .ant-select-selector .check-mark-icon,
3987
+ .pro-tree-select-drop-down-container .ant-select-selector .check-mark-icon {
3988
+ display: none;
3989
+ }
3990
+ .pro-tree-select.ant-select-dropdown .ant-select-tree-node-content-wrapper .check-mark-icon,
3991
+ .pro-tree-select-drop-down-container.ant-select-dropdown .ant-select-tree-node-content-wrapper .check-mark-icon {
3992
+ display: none;
3883
3993
  }
3884
3994
  .pro-drawer .pro-drawer-close {
3885
3995
  position: absolute;
@@ -4119,10 +4229,6 @@ span.ant-input-group-compact.pro-range-limit .forever-checkbox {
4119
4229
  .pro-edit-table .ant-space .ant-btn-link:first-child {
4120
4230
  padding-left: 0;
4121
4231
  }
4122
- .pro-edit-table .ant-table-header > table .ant-table-thead > tr > th.ant-table-selection-column {
4123
- padding-left: var(--zaui-space-size-md, 16px);
4124
- padding-right: var(--zaui-space-size-md, 16px);
4125
- }
4126
4232
  .pro-edit-table .ant-table-header > table .ant-table-thead > tr > th:not(.ant-table-selection-column):not(.ant-table-row-expand-icon-cell):not([colspan]).is-required.is-required-right .pro-edit-table-title::before {
4127
4233
  position: static;
4128
4234
  top: 0;
@@ -4409,20 +4515,20 @@ span.ant-input-group-compact.pro-range-limit .forever-checkbox {
4409
4515
  gap: var(--zaui-space-size-sm, 8px) !important;
4410
4516
  }
4411
4517
  .pro-theme-prd-tools-drawer p {
4412
- padding-left: 12px;
4413
4518
  position: relative;
4414
4519
  margin-bottom: var(--zaui-space-size-md, 16px);
4520
+ padding-left: 12px;
4415
4521
  font-size: var(--zaui-font-size, 14px);
4416
4522
  }
4417
4523
  .pro-theme-prd-tools-drawer p:before {
4418
- content: '';
4419
4524
  position: absolute;
4420
- left: 0;
4421
4525
  top: 4px;
4526
+ left: 0;
4422
4527
  width: 4px;
4423
4528
  height: 14px;
4424
4529
  background: var(--zaui-brand, #006aff);
4425
4530
  border-radius: var(zaui-border-radius-card, 4px);
4531
+ content: '';
4426
4532
  }
4427
4533
  .pro-theme-prd-tools-drawer .pro-theme-color {
4428
4534
  display: -webkit-box;
@@ -4431,25 +4537,25 @@ span.ant-input-group-compact.pro-range-limit .forever-checkbox {
4431
4537
  display: flex;
4432
4538
  }
4433
4539
  .pro-theme-prd-tools-drawer .pro-theme-color li {
4434
- width: 38px;
4435
- height: 38px;
4436
- border-radius: 50%;
4437
- background: #fff;
4438
4540
  display: -webkit-box;
4439
4541
  display: -webkit-flex;
4440
4542
  display: -ms-flexbox;
4441
4543
  display: flex;
4442
- -webkit-box-pack: center;
4443
- -webkit-justify-content: center;
4444
- -ms-flex-pack: center;
4445
- justify-content: center;
4446
4544
  -webkit-box-align: center;
4447
4545
  -webkit-align-items: center;
4448
4546
  -ms-flex-align: center;
4449
4547
  align-items: center;
4450
- border: 6px solid #fff;
4451
- color: #fff;
4548
+ -webkit-box-pack: center;
4549
+ -webkit-justify-content: center;
4550
+ -ms-flex-pack: center;
4551
+ justify-content: center;
4552
+ width: 38px;
4553
+ height: 38px;
4452
4554
  margin-right: 34px;
4555
+ color: #fff;
4556
+ background: #fff;
4557
+ border: 6px solid #fff;
4558
+ border-radius: 50%;
4453
4559
  }
4454
4560
  .pro-theme-prd-tools-drawer .pro-theme-color li span {
4455
4561
  font-size: var(--zaui-font-size, 14px);
@@ -4477,35 +4583,42 @@ span.ant-input-group-compact.pro-range-limit .forever-checkbox {
4477
4583
  border-color: #ffecdd;
4478
4584
  }
4479
4585
  .pro-theme-prd-tools-drawer .pro-theme-color li:nth-child(4) {
4480
- margin-right: 0;
4481
4586
  background: #a00f20;
4482
4587
  }
4483
4588
  .pro-theme-prd-tools-drawer .pro-theme-color li:nth-child(4).active,
4484
4589
  .pro-theme-prd-tools-drawer .pro-theme-color li:nth-child(4):hover {
4485
4590
  border-color: #f2dbdb;
4486
4591
  }
4592
+ .pro-theme-prd-tools-drawer .pro-theme-color li:nth-child(5) {
4593
+ margin-right: 0;
4594
+ background: #31af96;
4595
+ }
4596
+ .pro-theme-prd-tools-drawer .pro-theme-color li:nth-child(5).active,
4597
+ .pro-theme-prd-tools-drawer .pro-theme-color li:nth-child(5):hover {
4598
+ border-color: #f2dbdb;
4599
+ }
4487
4600
  .pro-theme-prd-tools-drawer .anticon-question-circle {
4488
4601
  color: var(--zaui-brand, #006aff);
4489
4602
  }
4490
4603
  .pro-theme-prd-tools-drawer .copy-btn {
4491
4604
  position: absolute;
4492
- width: calc(100% - 64px);
4493
4605
  bottom: 20px;
4494
4606
  left: 32px;
4495
4607
  z-index: 10;
4608
+ width: calc(100% - 64px);
4496
4609
  }
4497
4610
  .pro-theme-prd-tools-drawer .pro-theme-tools-box {
4498
4611
  display: -webkit-box;
4499
4612
  display: -webkit-flex;
4500
4613
  display: -ms-flexbox;
4501
4614
  display: flex;
4615
+ -webkit-flex-wrap: wrap;
4616
+ -ms-flex-wrap: wrap;
4617
+ flex-wrap: wrap;
4502
4618
  -webkit-box-pack: justify;
4503
4619
  -webkit-justify-content: space-between;
4504
4620
  -ms-flex-pack: justify;
4505
4621
  justify-content: space-between;
4506
- -webkit-flex-wrap: wrap;
4507
- -ms-flex-wrap: wrap;
4508
- flex-wrap: wrap;
4509
4622
  }
4510
4623
  .pro-theme-prd-tools-drawer .pro-theme-tools-space {
4511
4624
  margin-bottom: 24px;
package/dist/less.esm.css CHANGED
@@ -686,7 +686,10 @@
686
686
  display: none !important;
687
687
  }
688
688
  .pro-collapse.pro-collapse-no-title .pro-collapse-level2 .ant-collapse-header {
689
- display: block !important;
689
+ display: -webkit-box !important;
690
+ display: -webkit-flex !important;
691
+ display: -ms-flexbox !important;
692
+ display: flex !important;
690
693
  }
691
694
  .pro-collapse.ant-collapse .pro-collapse-panel {
692
695
  margin-bottom: 16px;
@@ -1459,6 +1462,70 @@
1459
1462
  font-size: var(--zaui-font-size-lg, 16px);
1460
1463
  border-bottom: 1px solid var(--zaui-line, #dddddd);
1461
1464
  }
1465
+ .pro-step > .step-menu > .anticon {
1466
+ display: -webkit-box;
1467
+ display: -webkit-flex;
1468
+ display: -ms-flexbox;
1469
+ display: flex;
1470
+ -webkit-box-align: center;
1471
+ -webkit-align-items: center;
1472
+ -ms-flex-align: center;
1473
+ align-items: center;
1474
+ -webkit-box-pack: center;
1475
+ -webkit-justify-content: center;
1476
+ -ms-flex-pack: center;
1477
+ justify-content: center;
1478
+ width: 48px;
1479
+ height: 24px;
1480
+ }
1481
+ .pro-step > .step-menu > .anticon > .menu-icon {
1482
+ width: auto !important;
1483
+ height: auto !important;
1484
+ font-size: var(--zaui-font-size-lg-title, 24px);
1485
+ fill: var(--zaui-brand, #006aff);
1486
+ }
1487
+ .pro-step > .step-menu > .anticon > .menu-icon > div {
1488
+ display: -webkit-box;
1489
+ display: -webkit-flex;
1490
+ display: -ms-flexbox;
1491
+ display: flex;
1492
+ -webkit-box-align: center;
1493
+ -webkit-align-items: center;
1494
+ -ms-flex-align: center;
1495
+ align-items: center;
1496
+ -webkit-box-pack: center;
1497
+ -webkit-justify-content: center;
1498
+ -ms-flex-pack: center;
1499
+ justify-content: center;
1500
+ width: 48px;
1501
+ height: 24px;
1502
+ }
1503
+ .pro-step > .step-menu > .anticon > button {
1504
+ width: auto !important;
1505
+ height: auto !important;
1506
+ }
1507
+ .pro-step > .step-menu > .anticon > button > .menu-icon {
1508
+ width: auto !important;
1509
+ height: auto !important;
1510
+ font-size: var(--zaui-font-size-lg-title, 24px);
1511
+ fill: var(--zaui-brand, #006aff);
1512
+ }
1513
+ .pro-step > .step-menu > .anticon > button > .menu-icon > div {
1514
+ display: -webkit-box;
1515
+ display: -webkit-flex;
1516
+ display: -ms-flexbox;
1517
+ display: flex;
1518
+ -webkit-box-align: center;
1519
+ -webkit-align-items: center;
1520
+ -ms-flex-align: center;
1521
+ align-items: center;
1522
+ -webkit-box-pack: center;
1523
+ -webkit-justify-content: center;
1524
+ -ms-flex-pack: center;
1525
+ justify-content: center;
1526
+ width: 48px;
1527
+ height: 24px;
1528
+ }
1462
1529
  .pro-step > .step-menu > .menu-icon {
1463
1530
  font-size: var(--zaui-font-size-lg-title, 24px);
1464
1531
  fill: var(--zaui-brand, #006aff);
@@ -2295,6 +2362,19 @@ span.ant-input-group-compact.pro-range-limit .forever-checkbox {
2295
2362
  .pro-tree-modal .ant-input-group-wrapper:hover .ant-input-disabled + span .close-icon {
2296
2363
  display: none;
2297
2364
  }
2365
+ .pro-modal-select .ant-input-affix-wrapper,
2366
+ .pro-tree-modal .ant-input-affix-wrapper {
2367
+ border-top-right-radius: 0;
2368
+ border-bottom-right-radius: 0;
2369
+ }
2370
+ .pro-modal-select .ant-input-affix-wrapper.ant-input-affix-wrapper-status-error + .ant-btn,
2371
+ .pro-tree-modal .ant-input-affix-wrapper.ant-input-affix-wrapper-status-error + .ant-btn {
2372
+ border: 1px solid var(--ant-error-color);
2373
+ }
2374
+ .pro-modal-select .ant-input-affix-wrapper.ant-input-affix-wrapper-status-error + .ant-btn > .viewSvg,
2375
+ .pro-tree-modal .ant-input-affix-wrapper.ant-input-affix-wrapper-status-error + .ant-btn > .viewSvg {
2376
+ color: var(--ant-error-color);
2377
+ }
2298
2378
  .pro-modal-select .pro-tree-modal-input-appoint .ant-input,
2299
2379
  .pro-tree-modal .pro-tree-modal-input-appoint .ant-input {
2300
2380
  border-top-left-radius: 0;
@@ -2326,6 +2406,14 @@ span.ant-input-group-compact.pro-range-limit .forever-checkbox {
2326
2406
  cursor: pointer;
2327
2407
  fill: #c5c7cd;
2328
2408
  }
2409
+ .pro-modal-select .ant-select-status-error + .ant-btn,
2410
+ .pro-tree-modal .ant-select-status-error + .ant-btn {
2411
+ border: 1px solid var(--ant-error-color);
2412
+ }
2413
+ .pro-modal-select .ant-select-status-error + .ant-btn > .viewSvg,
2414
+ .pro-tree-modal .ant-select-status-error + .ant-btn > .viewSvg {
2415
+ color: var(--ant-error-color);
2416
+ }
2329
2417
  .pro-modal-select .ant-input-group-addon,
2330
2418
  .pro-tree-modal .ant-input-group-addon {
2331
2419
  padding: 0px var(--zaui-space-size-sm, 8px);
@@ -2447,6 +2535,9 @@ span.ant-input-group-compact.pro-range-limit .forever-checkbox {
2447
2535
  color: var(--ant-error-color);
2448
2536
  border-color: var(--ant-error-color);
2449
2537
  }
2538
+ .pro-container.pro-container-empty .ant-collapse-content {
2539
+ display: none;
2540
+ }
2450
2541
  .pro-container.pro-container-diy .pro-container-content {
2451
2542
  display: -webkit-box;
2452
2543
  display: -webkit-flex;
@@ -2844,6 +2935,7 @@ span.ant-input-group-compact.pro-range-limit .forever-checkbox {
2844
2935
  overflow: hidden;
2845
2936
  white-space: nowrap;
2846
2937
  text-overflow: ellipsis;
2938
+ width: 100%;
2847
2939
  }
2848
2940
  .pro-form .full-form-item {
2849
2941
  width: 100%;
@@ -3539,6 +3631,28 @@ span.ant-input-group-compact.pro-range-limit .forever-checkbox {
3539
3631
  .pro-tree {
3540
3632
  height: 100%;
3541
3633
  }
3634
+ .pro-tree .ant-tree-node-content-wrapper {
3635
+ display: -webkit-box;
3636
+ display: -webkit-flex;
3637
+ display: -ms-flexbox;
3638
+ display: flex;
3639
+ -webkit-box-align: baseline;
3640
+ -webkit-align-items: baseline;
3641
+ -ms-flex-align: baseline;
3642
+ align-items: baseline;
3643
+ }
3644
+ .pro-tree .ant-tree .ant-tree-treenode-disabled .ant-tree-node-content-wrapper {
3645
+ color: var(--zaui-text);
3646
+ }
3647
+ .pro-tree .ant-tree .ant-tree-treenode-disabled .pro-tree-tree-node.checked {
3648
+ color: var(--zaui-text);
3649
+ }
3650
+ .pro-tree .ant-tree .ant-tree-treenode-disabled .pro-tree-tree-node.checked .brand-bg-opa-ten {
3651
+ background-color: inherit;
3652
+ }
3653
+ .pro-tree .ant-select-dropdown.pro-tree-select-drop-down-container.checkable-tree {
3654
+ overflow: hidden!important;
3655
+ }
3542
3656
  .pro-tree .ant-spin-nested-loading {
3543
3657
  height: 100%;
3544
3658
  }
@@ -3855,15 +3969,6 @@ span.ant-input-group-compact.pro-range-limit .forever-checkbox {
3855
3969
  background-color: var(--zaui-brand);
3856
3970
  opacity: 0.08;
3857
3971
  }
3858
- .ant-tree .ant-tree-treenode-disabled .ant-tree-node-content-wrapper {
3859
- color: var(--zaui-text);
3860
- }
3861
- .ant-tree .ant-tree-treenode-disabled .pro-tree-tree-node.checked {
3862
- color: var(--zaui-text);
3863
- }
3864
- .ant-tree .ant-tree-treenode-disabled .pro-tree-tree-node.checked .brand-bg-opa-ten {
3865
- background-color: inherit;
3866
- }
3867
3972
  .pro-form.pro-form-view .ant-form-item .pro-tree * {
3868
3973
  line-height: 1 !important;
3869
3974
  height: auto !important;
@@ -3878,8 +3983,13 @@ span.ant-input-group-compact.pro-range-limit .forever-checkbox {
3878
3983
  .pro-form.pro-form-view .ant-form-item .pro-tree .ant-tree-checkbox * {
3879
3984
  height: 16px !important;
3880
3985
  }
3881
- .ant-select-dropdown.pro-tree-select-drop-down-container.checkable-tree {
3882
- overflow: hidden!important;
3986
+ .pro-tree-select .ant-select-selector .check-mark-icon,
3987
+ .pro-tree-select-drop-down-container .ant-select-selector .check-mark-icon {
3988
+ display: none;
3989
+ }
3990
+ .pro-tree-select.ant-select-dropdown .ant-select-tree-node-content-wrapper .check-mark-icon,
3991
+ .pro-tree-select-drop-down-container.ant-select-dropdown .ant-select-tree-node-content-wrapper .check-mark-icon {
3992
+ display: none;
3883
3993
  }
3884
3994
  .pro-drawer .pro-drawer-close {
3885
3995
  position: absolute;
@@ -4119,10 +4229,6 @@ span.ant-input-group-compact.pro-range-limit .forever-checkbox {
4119
4229
  .pro-edit-table .ant-space .ant-btn-link:first-child {
4120
4230
  padding-left: 0;
4121
4231
  }
4122
- .pro-edit-table .ant-table-header > table .ant-table-thead > tr > th.ant-table-selection-column {
4123
- padding-left: var(--zaui-space-size-md, 16px);
4124
- padding-right: var(--zaui-space-size-md, 16px);
4125
- }
4126
4232
  .pro-edit-table .ant-table-header > table .ant-table-thead > tr > th:not(.ant-table-selection-column):not(.ant-table-row-expand-icon-cell):not([colspan]).is-required.is-required-right .pro-edit-table-title::before {
4127
4233
  position: static;
4128
4234
  top: 0;
@@ -4409,20 +4515,20 @@ span.ant-input-group-compact.pro-range-limit .forever-checkbox {
4409
4515
  gap: var(--zaui-space-size-sm, 8px) !important;
4410
4516
  }
4411
4517
  .pro-theme-prd-tools-drawer p {
4412
- padding-left: 12px;
4413
4518
  position: relative;
4414
4519
  margin-bottom: var(--zaui-space-size-md, 16px);
4520
+ padding-left: 12px;
4415
4521
  font-size: var(--zaui-font-size, 14px);
4416
4522
  }
4417
4523
  .pro-theme-prd-tools-drawer p:before {
4418
- content: '';
4419
4524
  position: absolute;
4420
- left: 0;
4421
4525
  top: 4px;
4526
+ left: 0;
4422
4527
  width: 4px;
4423
4528
  height: 14px;
4424
4529
  background: var(--zaui-brand, #006aff);
4425
4530
  border-radius: var(zaui-border-radius-card, 4px);
4531
+ content: '';
4426
4532
  }
4427
4533
  .pro-theme-prd-tools-drawer .pro-theme-color {
4428
4534
  display: -webkit-box;
@@ -4431,25 +4537,25 @@ span.ant-input-group-compact.pro-range-limit .forever-checkbox {
4431
4537
  display: flex;
4432
4538
  }
4433
4539
  .pro-theme-prd-tools-drawer .pro-theme-color li {
4434
- width: 38px;
4435
- height: 38px;
4436
- border-radius: 50%;
4437
- background: #fff;
4438
4540
  display: -webkit-box;
4439
4541
  display: -webkit-flex;
4440
4542
  display: -ms-flexbox;
4441
4543
  display: flex;
4442
- -webkit-box-pack: center;
4443
- -webkit-justify-content: center;
4444
- -ms-flex-pack: center;
4445
- justify-content: center;
4446
4544
  -webkit-box-align: center;
4447
4545
  -webkit-align-items: center;
4448
4546
  -ms-flex-align: center;
4449
4547
  align-items: center;
4450
- border: 6px solid #fff;
4451
- color: #fff;
4548
+ -webkit-box-pack: center;
4549
+ -webkit-justify-content: center;
4550
+ -ms-flex-pack: center;
4551
+ justify-content: center;
4552
+ width: 38px;
4553
+ height: 38px;
4452
4554
  margin-right: 34px;
4555
+ color: #fff;
4556
+ background: #fff;
4557
+ border: 6px solid #fff;
4558
+ border-radius: 50%;
4453
4559
  }
4454
4560
  .pro-theme-prd-tools-drawer .pro-theme-color li span {
4455
4561
  font-size: var(--zaui-font-size, 14px);
@@ -4477,35 +4583,42 @@ span.ant-input-group-compact.pro-range-limit .forever-checkbox {
4477
4583
  border-color: #ffecdd;
4478
4584
  }
4479
4585
  .pro-theme-prd-tools-drawer .pro-theme-color li:nth-child(4) {
4480
- margin-right: 0;
4481
4586
  background: #a00f20;
4482
4587
  }
4483
4588
  .pro-theme-prd-tools-drawer .pro-theme-color li:nth-child(4).active,
4484
4589
  .pro-theme-prd-tools-drawer .pro-theme-color li:nth-child(4):hover {
4485
4590
  border-color: #f2dbdb;
4486
4591
  }
4592
+ .pro-theme-prd-tools-drawer .pro-theme-color li:nth-child(5) {
4593
+ margin-right: 0;
4594
+ background: #31af96;
4595
+ }
4596
+ .pro-theme-prd-tools-drawer .pro-theme-color li:nth-child(5).active,
4597
+ .pro-theme-prd-tools-drawer .pro-theme-color li:nth-child(5):hover {
4598
+ border-color: #f2dbdb;
4599
+ }
4487
4600
  .pro-theme-prd-tools-drawer .anticon-question-circle {
4488
4601
  color: var(--zaui-brand, #006aff);
4489
4602
  }
4490
4603
  .pro-theme-prd-tools-drawer .copy-btn {
4491
4604
  position: absolute;
4492
- width: calc(100% - 64px);
4493
4605
  bottom: 20px;
4494
4606
  left: 32px;
4495
4607
  z-index: 10;
4608
+ width: calc(100% - 64px);
4496
4609
  }
4497
4610
  .pro-theme-prd-tools-drawer .pro-theme-tools-box {
4498
4611
  display: -webkit-box;
4499
4612
  display: -webkit-flex;
4500
4613
  display: -ms-flexbox;
4501
4614
  display: flex;
4615
+ -webkit-flex-wrap: wrap;
4616
+ -ms-flex-wrap: wrap;
4617
+ flex-wrap: wrap;
4502
4618
  -webkit-box-pack: justify;
4503
4619
  -webkit-justify-content: space-between;
4504
4620
  -ms-flex-pack: justify;
4505
4621
  justify-content: space-between;
4506
- -webkit-flex-wrap: wrap;
4507
- -ms-flex-wrap: wrap;
4508
- flex-wrap: wrap;
4509
4622
  }
4510
4623
  .pro-theme-prd-tools-drawer .pro-theme-tools-space {
4511
4624
  margin-bottom: 24px;
@@ -2,14 +2,14 @@ import React, { FC } from 'react';
2
2
  import { FormInstance } from 'antd';
3
3
  import { PropSelectProps } from '../ProSelect/propsType';
4
4
  import { ProModalSelectPropsType } from '../ProForm/components/combination/ProModalSelect/propsType';
5
- import { AddressProps } from '../ProForm/components/combination/ProAddressBar/propsType';
5
+ import { ProCascaderProps } from '../ProForm/components/combination/ProCascader/propsType';
6
6
  import { ProEnumConfig } from '../ProEnum/propsType';
7
7
  export interface ProConfigState {
8
8
  locale?: string;
9
9
  ProEnum?: Partial<ProEnumConfig>;
10
10
  ProSelect?: Partial<PropSelectProps> & Record<string, any>;
11
11
  ProModalSelect?: Partial<ProModalSelectPropsType> & Record<string, any>;
12
- ProAddressBar?: Partial<AddressProps> & Record<string, any>;
12
+ ProAddressBar?: Partial<ProCascaderProps> & Record<string, any>;
13
13
  forms: Record<string, FormInstance | undefined>;
14
14
  [key: string]: any;
15
15
  }
@@ -53,9 +53,6 @@ var reducer = function reducer(state, action) {
53
53
  case 'setWithLocal':
54
54
  {
55
55
  var _state = merge({}, state, action.payload);
56
- var localConfigStr = localStorage.getItem('localConfig');
57
- var localConfig = JSON.parse(localConfigStr || '{}');
58
- localStorage.setItem('localConfig', JSON.stringify(merge(localConfig, action.payload)));
59
56
  return _state;
60
57
  }
61
58
  case 'setProEnum':