@zat-design/sisyphus-react 3.4.5 → 3.4.6-beta.1

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (121) hide show
  1. package/dist/index.esm.css +140 -35
  2. package/dist/less.esm.css +140 -35
  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 +18 -13
  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.js +4 -1
  31. package/es/ProForm/utils/useChanged.js +1 -2
  32. package/es/ProForm/utils/useForm.js +18 -6
  33. package/es/ProForm/utils/useListChanged.js +1 -3
  34. package/es/ProIcon/config/index.d.ts +2 -0
  35. package/es/ProIcon/config/index.js +4 -2
  36. package/es/ProIcon/index.js +148 -81
  37. package/es/ProIcon/propsTypes.d.ts +6 -1
  38. package/es/ProIcon/utils/index.d.ts +5 -0
  39. package/es/ProIcon/utils/index.js +60 -0
  40. package/es/ProLayout/components/ProCollapse/index.js +6 -3
  41. package/es/ProLayout/components/ProCollapse/style/index.less +1 -1
  42. package/es/ProSelect/index.js +1 -1
  43. package/es/ProStep/components/Step/index.js +4 -3
  44. package/es/ProStep/style/index.less +37 -0
  45. package/es/ProTable/utils.js +6 -3
  46. package/es/ProThemeTools/component/PrdTools/index.d.ts +1 -1
  47. package/es/ProThemeTools/component/PrdTools/index.js +16 -6
  48. package/es/ProThemeTools/component/PrdTools/style/index.less +56 -48
  49. package/es/ProTree/components/ProTree.js +96 -74
  50. package/es/ProTree/components/ProTreeSelect/index.js +3 -7
  51. package/es/ProTree/components/Tree.js +63 -41
  52. package/es/ProTree/style/index.less +24 -17
  53. package/es/ProUpload/index.js +11 -13
  54. package/es/ProUpload/propsType.d.ts +8 -3
  55. package/es/assets/view.svg +2 -2
  56. package/es/global.less +6 -6
  57. package/lib/ProConfigProvider/index.d.ts +2 -2
  58. package/lib/ProConfigProvider/index.js +0 -3
  59. package/lib/ProEditTable/components/RenderField/index.js +53 -46
  60. package/lib/ProEditTable/index.js +3 -3
  61. package/lib/ProEditTable/style/index.less +0 -5
  62. package/lib/ProEditTable/utils/tools.d.ts +12 -0
  63. package/lib/ProEditTable/utils/tools.js +80 -2
  64. package/lib/ProForm/components/base/RangePicker/index.js +9 -9
  65. package/lib/ProForm/components/combination/Container/index.js +3 -2
  66. package/lib/ProForm/components/combination/Container/style/index.less +5 -1
  67. package/lib/ProForm/components/combination/{ProAddressBar → ProCascader}/index.d.ts +2 -2
  68. package/lib/ProForm/components/combination/ProCascader/index.js +256 -0
  69. package/lib/ProForm/components/combination/{ProAddressBar → ProCascader}/propsType.d.ts +9 -6
  70. package/lib/ProForm/components/combination/ProCascader/utils/index.d.ts +14 -0
  71. package/lib/ProForm/components/combination/ProCascader/utils/index.js +33 -0
  72. package/lib/ProForm/components/combination/ProModalSelect/index.js +12 -4
  73. package/lib/ProForm/components/combination/ProModalSelect/style/index.less +23 -0
  74. package/lib/ProForm/components/combination/ProRangeLimit/index.d.ts +2 -2
  75. package/lib/ProForm/components/combination/ProRangeLimit/index.js +17 -10
  76. package/lib/ProForm/components/index.d.ts +1 -2
  77. package/lib/ProForm/components/index.js +1 -8
  78. package/lib/ProForm/components/render/Render.js +18 -13
  79. package/lib/ProForm/components/render/RenderFields.js +3 -1
  80. package/lib/ProForm/components/render/propsType.d.ts +3 -7
  81. package/lib/ProForm/index.js +5 -1
  82. package/lib/ProForm/propsType.d.ts +2 -0
  83. package/lib/ProForm/style/index.less +2 -1
  84. package/lib/ProForm/utils/index.js +4 -1
  85. package/lib/ProForm/utils/useChanged.js +1 -2
  86. package/lib/ProForm/utils/useForm.js +18 -6
  87. package/lib/ProForm/utils/useListChanged.js +1 -3
  88. package/lib/ProIcon/config/index.d.ts +2 -0
  89. package/lib/ProIcon/config/index.js +4 -2
  90. package/lib/ProIcon/index.js +144 -77
  91. package/lib/ProIcon/propsTypes.d.ts +6 -1
  92. package/lib/ProIcon/utils/index.d.ts +5 -0
  93. package/lib/ProIcon/utils/index.js +62 -1
  94. package/lib/ProLayout/components/ProCollapse/index.js +6 -3
  95. package/lib/ProLayout/components/ProCollapse/style/index.less +1 -1
  96. package/lib/ProSelect/index.js +1 -1
  97. package/lib/ProStep/components/Step/index.js +4 -3
  98. package/lib/ProStep/style/index.less +37 -0
  99. package/lib/ProTable/utils.js +6 -3
  100. package/lib/ProThemeTools/component/PrdTools/index.d.ts +1 -1
  101. package/lib/ProThemeTools/component/PrdTools/index.js +16 -6
  102. package/lib/ProThemeTools/component/PrdTools/style/index.less +56 -48
  103. package/lib/ProTree/components/ProTree.js +96 -74
  104. package/lib/ProTree/components/ProTreeSelect/index.js +3 -7
  105. package/lib/ProTree/components/Tree.js +63 -41
  106. package/lib/ProTree/style/index.less +24 -17
  107. package/lib/ProUpload/index.js +10 -12
  108. package/lib/ProUpload/propsType.d.ts +8 -3
  109. package/lib/assets/view.svg +2 -2
  110. package/lib/global.less +6 -6
  111. package/package.json +2 -2
  112. package/es/ProForm/components/base/ProCascader/index.d.ts +0 -14
  113. package/es/ProForm/components/base/ProCascader/index.js +0 -72
  114. package/es/ProForm/components/combination/ProAddressBar/index.js +0 -437
  115. package/lib/ProForm/components/base/ProCascader/index.d.ts +0 -14
  116. package/lib/ProForm/components/base/ProCascader/index.js +0 -78
  117. package/lib/ProForm/components/combination/ProAddressBar/index.js +0 -437
  118. /package/es/ProForm/components/combination/{ProAddressBar → ProCascader}/propsType.js +0 -0
  119. /package/es/ProForm/components/combination/{ProAddressBar → ProCascader}/style/index.less +0 -0
  120. /package/lib/ProForm/components/combination/{ProAddressBar → ProCascader}/propsType.js +0 -0
  121. /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,9 +3983,6 @@ 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;
3883
- }
3884
3986
  .pro-drawer .pro-drawer-close {
3885
3987
  position: absolute;
3886
3988
  top: 6px;
@@ -4119,10 +4221,6 @@ span.ant-input-group-compact.pro-range-limit .forever-checkbox {
4119
4221
  .pro-edit-table .ant-space .ant-btn-link:first-child {
4120
4222
  padding-left: 0;
4121
4223
  }
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
4224
  .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
4225
  position: static;
4128
4226
  top: 0;
@@ -4409,20 +4507,20 @@ span.ant-input-group-compact.pro-range-limit .forever-checkbox {
4409
4507
  gap: var(--zaui-space-size-sm, 8px) !important;
4410
4508
  }
4411
4509
  .pro-theme-prd-tools-drawer p {
4412
- padding-left: 12px;
4413
4510
  position: relative;
4414
4511
  margin-bottom: var(--zaui-space-size-md, 16px);
4512
+ padding-left: 12px;
4415
4513
  font-size: var(--zaui-font-size, 14px);
4416
4514
  }
4417
4515
  .pro-theme-prd-tools-drawer p:before {
4418
- content: '';
4419
4516
  position: absolute;
4420
- left: 0;
4421
4517
  top: 4px;
4518
+ left: 0;
4422
4519
  width: 4px;
4423
4520
  height: 14px;
4424
4521
  background: var(--zaui-brand, #006aff);
4425
4522
  border-radius: var(zaui-border-radius-card, 4px);
4523
+ content: '';
4426
4524
  }
4427
4525
  .pro-theme-prd-tools-drawer .pro-theme-color {
4428
4526
  display: -webkit-box;
@@ -4431,25 +4529,25 @@ span.ant-input-group-compact.pro-range-limit .forever-checkbox {
4431
4529
  display: flex;
4432
4530
  }
4433
4531
  .pro-theme-prd-tools-drawer .pro-theme-color li {
4434
- width: 38px;
4435
- height: 38px;
4436
- border-radius: 50%;
4437
- background: #fff;
4438
4532
  display: -webkit-box;
4439
4533
  display: -webkit-flex;
4440
4534
  display: -ms-flexbox;
4441
4535
  display: flex;
4442
- -webkit-box-pack: center;
4443
- -webkit-justify-content: center;
4444
- -ms-flex-pack: center;
4445
- justify-content: center;
4446
4536
  -webkit-box-align: center;
4447
4537
  -webkit-align-items: center;
4448
4538
  -ms-flex-align: center;
4449
4539
  align-items: center;
4450
- border: 6px solid #fff;
4451
- color: #fff;
4540
+ -webkit-box-pack: center;
4541
+ -webkit-justify-content: center;
4542
+ -ms-flex-pack: center;
4543
+ justify-content: center;
4544
+ width: 38px;
4545
+ height: 38px;
4452
4546
  margin-right: 34px;
4547
+ color: #fff;
4548
+ background: #fff;
4549
+ border: 6px solid #fff;
4550
+ border-radius: 50%;
4453
4551
  }
4454
4552
  .pro-theme-prd-tools-drawer .pro-theme-color li span {
4455
4553
  font-size: var(--zaui-font-size, 14px);
@@ -4477,35 +4575,42 @@ span.ant-input-group-compact.pro-range-limit .forever-checkbox {
4477
4575
  border-color: #ffecdd;
4478
4576
  }
4479
4577
  .pro-theme-prd-tools-drawer .pro-theme-color li:nth-child(4) {
4480
- margin-right: 0;
4481
4578
  background: #a00f20;
4482
4579
  }
4483
4580
  .pro-theme-prd-tools-drawer .pro-theme-color li:nth-child(4).active,
4484
4581
  .pro-theme-prd-tools-drawer .pro-theme-color li:nth-child(4):hover {
4485
4582
  border-color: #f2dbdb;
4486
4583
  }
4584
+ .pro-theme-prd-tools-drawer .pro-theme-color li:nth-child(5) {
4585
+ margin-right: 0;
4586
+ background: #31af96;
4587
+ }
4588
+ .pro-theme-prd-tools-drawer .pro-theme-color li:nth-child(5).active,
4589
+ .pro-theme-prd-tools-drawer .pro-theme-color li:nth-child(5):hover {
4590
+ border-color: #f2dbdb;
4591
+ }
4487
4592
  .pro-theme-prd-tools-drawer .anticon-question-circle {
4488
4593
  color: var(--zaui-brand, #006aff);
4489
4594
  }
4490
4595
  .pro-theme-prd-tools-drawer .copy-btn {
4491
4596
  position: absolute;
4492
- width: calc(100% - 64px);
4493
4597
  bottom: 20px;
4494
4598
  left: 32px;
4495
4599
  z-index: 10;
4600
+ width: calc(100% - 64px);
4496
4601
  }
4497
4602
  .pro-theme-prd-tools-drawer .pro-theme-tools-box {
4498
4603
  display: -webkit-box;
4499
4604
  display: -webkit-flex;
4500
4605
  display: -ms-flexbox;
4501
4606
  display: flex;
4607
+ -webkit-flex-wrap: wrap;
4608
+ -ms-flex-wrap: wrap;
4609
+ flex-wrap: wrap;
4502
4610
  -webkit-box-pack: justify;
4503
4611
  -webkit-justify-content: space-between;
4504
4612
  -ms-flex-pack: justify;
4505
4613
  justify-content: space-between;
4506
- -webkit-flex-wrap: wrap;
4507
- -ms-flex-wrap: wrap;
4508
- flex-wrap: wrap;
4509
4614
  }
4510
4615
  .pro-theme-prd-tools-drawer .pro-theme-tools-space {
4511
4616
  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,9 +3983,6 @@ 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;
3883
- }
3884
3986
  .pro-drawer .pro-drawer-close {
3885
3987
  position: absolute;
3886
3988
  top: 6px;
@@ -4119,10 +4221,6 @@ span.ant-input-group-compact.pro-range-limit .forever-checkbox {
4119
4221
  .pro-edit-table .ant-space .ant-btn-link:first-child {
4120
4222
  padding-left: 0;
4121
4223
  }
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
4224
  .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
4225
  position: static;
4128
4226
  top: 0;
@@ -4409,20 +4507,20 @@ span.ant-input-group-compact.pro-range-limit .forever-checkbox {
4409
4507
  gap: var(--zaui-space-size-sm, 8px) !important;
4410
4508
  }
4411
4509
  .pro-theme-prd-tools-drawer p {
4412
- padding-left: 12px;
4413
4510
  position: relative;
4414
4511
  margin-bottom: var(--zaui-space-size-md, 16px);
4512
+ padding-left: 12px;
4415
4513
  font-size: var(--zaui-font-size, 14px);
4416
4514
  }
4417
4515
  .pro-theme-prd-tools-drawer p:before {
4418
- content: '';
4419
4516
  position: absolute;
4420
- left: 0;
4421
4517
  top: 4px;
4518
+ left: 0;
4422
4519
  width: 4px;
4423
4520
  height: 14px;
4424
4521
  background: var(--zaui-brand, #006aff);
4425
4522
  border-radius: var(zaui-border-radius-card, 4px);
4523
+ content: '';
4426
4524
  }
4427
4525
  .pro-theme-prd-tools-drawer .pro-theme-color {
4428
4526
  display: -webkit-box;
@@ -4431,25 +4529,25 @@ span.ant-input-group-compact.pro-range-limit .forever-checkbox {
4431
4529
  display: flex;
4432
4530
  }
4433
4531
  .pro-theme-prd-tools-drawer .pro-theme-color li {
4434
- width: 38px;
4435
- height: 38px;
4436
- border-radius: 50%;
4437
- background: #fff;
4438
4532
  display: -webkit-box;
4439
4533
  display: -webkit-flex;
4440
4534
  display: -ms-flexbox;
4441
4535
  display: flex;
4442
- -webkit-box-pack: center;
4443
- -webkit-justify-content: center;
4444
- -ms-flex-pack: center;
4445
- justify-content: center;
4446
4536
  -webkit-box-align: center;
4447
4537
  -webkit-align-items: center;
4448
4538
  -ms-flex-align: center;
4449
4539
  align-items: center;
4450
- border: 6px solid #fff;
4451
- color: #fff;
4540
+ -webkit-box-pack: center;
4541
+ -webkit-justify-content: center;
4542
+ -ms-flex-pack: center;
4543
+ justify-content: center;
4544
+ width: 38px;
4545
+ height: 38px;
4452
4546
  margin-right: 34px;
4547
+ color: #fff;
4548
+ background: #fff;
4549
+ border: 6px solid #fff;
4550
+ border-radius: 50%;
4453
4551
  }
4454
4552
  .pro-theme-prd-tools-drawer .pro-theme-color li span {
4455
4553
  font-size: var(--zaui-font-size, 14px);
@@ -4477,35 +4575,42 @@ span.ant-input-group-compact.pro-range-limit .forever-checkbox {
4477
4575
  border-color: #ffecdd;
4478
4576
  }
4479
4577
  .pro-theme-prd-tools-drawer .pro-theme-color li:nth-child(4) {
4480
- margin-right: 0;
4481
4578
  background: #a00f20;
4482
4579
  }
4483
4580
  .pro-theme-prd-tools-drawer .pro-theme-color li:nth-child(4).active,
4484
4581
  .pro-theme-prd-tools-drawer .pro-theme-color li:nth-child(4):hover {
4485
4582
  border-color: #f2dbdb;
4486
4583
  }
4584
+ .pro-theme-prd-tools-drawer .pro-theme-color li:nth-child(5) {
4585
+ margin-right: 0;
4586
+ background: #31af96;
4587
+ }
4588
+ .pro-theme-prd-tools-drawer .pro-theme-color li:nth-child(5).active,
4589
+ .pro-theme-prd-tools-drawer .pro-theme-color li:nth-child(5):hover {
4590
+ border-color: #f2dbdb;
4591
+ }
4487
4592
  .pro-theme-prd-tools-drawer .anticon-question-circle {
4488
4593
  color: var(--zaui-brand, #006aff);
4489
4594
  }
4490
4595
  .pro-theme-prd-tools-drawer .copy-btn {
4491
4596
  position: absolute;
4492
- width: calc(100% - 64px);
4493
4597
  bottom: 20px;
4494
4598
  left: 32px;
4495
4599
  z-index: 10;
4600
+ width: calc(100% - 64px);
4496
4601
  }
4497
4602
  .pro-theme-prd-tools-drawer .pro-theme-tools-box {
4498
4603
  display: -webkit-box;
4499
4604
  display: -webkit-flex;
4500
4605
  display: -ms-flexbox;
4501
4606
  display: flex;
4607
+ -webkit-flex-wrap: wrap;
4608
+ -ms-flex-wrap: wrap;
4609
+ flex-wrap: wrap;
4502
4610
  -webkit-box-pack: justify;
4503
4611
  -webkit-justify-content: space-between;
4504
4612
  -ms-flex-pack: justify;
4505
4613
  justify-content: space-between;
4506
- -webkit-flex-wrap: wrap;
4507
- -ms-flex-wrap: wrap;
4508
- flex-wrap: wrap;
4509
4614
  }
4510
4615
  .pro-theme-prd-tools-drawer .pro-theme-tools-space {
4511
4616
  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':