@zat-design/sisyphus-react 3.4.3 → 3.4.4-beta.2
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/babel.config.js +3 -0
- package/dist/index.esm.css +35 -31
- package/dist/less.esm.css +20 -4
- package/es/ProConfigProvider/index.d.ts +1 -1
- package/es/ProConfigProvider/index.js +22 -1
- package/es/ProEditLabel/style/index.less +0 -1
- package/es/ProEditTable/components/DndWrapper/index.js +1 -1
- package/es/ProEditTable/components/RenderField/index.js +20 -14
- package/es/ProEditTable/index.js +27 -10
- package/es/ProEditTable/propsType.d.ts +1 -0
- package/es/ProEnum/components/Group.js +8 -19
- package/es/ProEnum/style/index.less +3 -2
- package/es/ProForm/components/base/DatePicker/index.js +3 -1
- package/es/ProForm/components/base/TextArea/index.js +4 -4
- package/es/ProForm/components/combination/FormList/components/ActionButton.d.ts +1 -0
- package/es/ProForm/components/combination/FormList/components/ActionButton.js +12 -10
- package/es/ProForm/components/combination/FormList/components/BlockFields.js +6 -1
- package/es/ProForm/components/combination/FormList/components/ToolbarButton.js +2 -5
- package/es/ProForm/components/combination/Group/index.js +3 -2
- package/es/ProForm/components/combination/GroupCopy/component/ComRender.d.ts +14 -0
- package/es/ProForm/components/combination/GroupCopy/component/ComRender.js +36 -0
- package/es/ProForm/components/combination/GroupCopy/index.d.ts +10 -0
- package/es/ProForm/components/combination/GroupCopy/index.js +84 -0
- package/es/ProForm/components/combination/GroupCopy/propsType.d.ts +47 -0
- package/es/ProForm/components/combination/GroupCopy/propsType.js +1 -0
- package/es/ProForm/components/combination/GroupCopy/style/index.less +131 -0
- package/es/ProForm/components/combination/GroupCopy/utils.d.ts +53 -0
- package/es/ProForm/components/combination/GroupCopy/utils.js +180 -0
- package/es/ProForm/components/combination/ProModalSelect/hooks/useRequestList.js +2 -1
- package/es/ProForm/components/combination/ProModalSelect/index.js +131 -74
- package/es/ProForm/components/combination/ProModalSelect/propsType.d.ts +2 -2
- package/es/ProForm/components/combination/ProModalSelect/style/index.less +1 -1
- package/es/ProForm/components/combination/ProNumberRange/style/index.less +1 -1
- package/es/ProForm/components/index.js +1 -0
- package/es/ProForm/components/render/ConfirmWrapper.js +8 -2
- package/es/ProForm/components/render/Render.js +12 -9
- package/es/ProForm/components/render/RenderFields.d.ts +1 -1
- package/es/ProForm/components/render/propsType.d.ts +4 -4
- package/es/ProForm/index.js +4 -5
- package/es/ProForm/propsType.d.ts +2 -2
- package/es/ProForm/style/index.less +23 -5
- package/es/ProForm/utils/diffOriginal.js +17 -32
- package/es/ProForm/utils/index.d.ts +1 -1
- package/es/ProForm/utils/index.js +14 -4
- package/es/ProForm/utils/rulesCreator.d.ts +7 -1
- package/es/ProForm/utils/rulesCreator.js +45 -3
- package/es/ProForm/utils/useRules.js +36 -11
- package/es/ProForm/utils/useShouldUpdate.js +4 -4
- package/es/ProIcon/index.js +0 -3
- package/es/ProLayout/components/ProCollapse/index.js +23 -1
- package/es/ProLayout/components/ProCollapse/style/index.less +1 -1
- package/es/ProThemeTools/component/PrdTools/index.js +12 -50
- package/es/ProThemeTools/index.js +0 -1
- package/es/ProTree/components/ProTreeSelect/style/index.less +1 -1
- package/es/ProTree/style/index.less +5 -0
- package/es/ProUpload/style/index.less +1 -1
- package/es/ProWaterMark/__snapshots__/index.test.tsx.snap +7 -0
- package/es/assets/view.svg +20 -1
- package/es/locale/en_US.d.ts +4 -2
- package/es/locale/en_US.js +4 -2
- package/es/locale/zh_CN.d.ts +4 -2
- package/es/locale/zh_CN.js +4 -2
- package/es/style/components.less +0 -3
- package/es/style/theme/antd.less +14 -28
- package/jest.config.js +8 -0
- package/lib/ProConfigProvider/index.d.ts +1 -1
- package/lib/ProConfigProvider/index.js +21 -0
- package/lib/ProEditLabel/style/index.less +0 -1
- package/lib/ProEditTable/components/DndWrapper/index.js +1 -1
- package/lib/ProEditTable/components/RenderField/index.js +18 -12
- package/lib/ProEditTable/index.js +27 -10
- package/lib/ProEditTable/propsType.d.ts +1 -0
- package/lib/ProEnum/components/Group.js +7 -18
- package/lib/ProEnum/style/index.less +3 -2
- package/lib/ProForm/components/base/DatePicker/index.js +3 -1
- package/lib/ProForm/components/base/TextArea/index.js +5 -5
- package/lib/ProForm/components/combination/FormList/components/ActionButton.d.ts +1 -0
- package/lib/ProForm/components/combination/FormList/components/ActionButton.js +12 -10
- package/lib/ProForm/components/combination/FormList/components/BlockFields.js +6 -1
- package/lib/ProForm/components/combination/FormList/components/ToolbarButton.js +2 -5
- package/lib/ProForm/components/combination/Group/index.js +3 -2
- package/lib/ProForm/components/combination/GroupCopy/component/ComRender.d.ts +14 -0
- package/lib/ProForm/components/combination/GroupCopy/component/ComRender.js +44 -0
- package/lib/ProForm/components/combination/GroupCopy/index.d.ts +10 -0
- package/lib/ProForm/components/combination/GroupCopy/index.js +91 -0
- package/lib/ProForm/components/combination/GroupCopy/propsType.d.ts +47 -0
- package/lib/ProForm/components/combination/GroupCopy/propsType.js +5 -0
- package/lib/ProForm/components/combination/GroupCopy/style/index.less +131 -0
- package/lib/ProForm/components/combination/GroupCopy/utils.d.ts +53 -0
- package/lib/ProForm/components/combination/GroupCopy/utils.js +187 -0
- package/lib/ProForm/components/combination/ProModalSelect/hooks/useRequestList.js +2 -1
- package/lib/ProForm/components/combination/ProModalSelect/index.js +140 -87
- package/lib/ProForm/components/combination/ProModalSelect/propsType.d.ts +2 -2
- package/lib/ProForm/components/combination/ProModalSelect/style/index.less +1 -1
- package/lib/ProForm/components/combination/ProNumberRange/style/index.less +1 -1
- package/lib/ProForm/components/render/ConfirmWrapper.js +8 -2
- package/lib/ProForm/components/render/Render.js +12 -9
- package/lib/ProForm/components/render/RenderFields.d.ts +1 -1
- package/lib/ProForm/components/render/propsType.d.ts +4 -4
- package/lib/ProForm/index.js +4 -5
- package/lib/ProForm/propsType.d.ts +2 -2
- package/lib/ProForm/style/index.less +23 -5
- package/lib/ProForm/utils/diffOriginal.js +16 -31
- package/lib/ProForm/utils/index.d.ts +1 -1
- package/lib/ProForm/utils/index.js +14 -4
- package/lib/ProForm/utils/rulesCreator.d.ts +7 -1
- package/lib/ProForm/utils/rulesCreator.js +45 -2
- package/lib/ProForm/utils/useRules.js +36 -11
- package/lib/ProForm/utils/useShouldUpdate.js +4 -4
- package/lib/ProIcon/index.js +0 -3
- package/lib/ProLayout/components/ProCollapse/index.js +23 -1
- package/lib/ProLayout/components/ProCollapse/style/index.less +1 -1
- package/lib/ProThemeTools/component/PrdTools/index.js +12 -50
- package/lib/ProThemeTools/index.js +0 -1
- package/lib/ProTree/components/ProTreeSelect/style/index.less +1 -1
- package/lib/ProTree/style/index.less +5 -0
- package/lib/ProUpload/style/index.less +1 -1
- package/lib/ProWaterMark/__snapshots__/index.test.tsx.snap +7 -0
- package/lib/assets/view.svg +20 -1
- package/lib/locale/en_US.d.ts +4 -2
- package/lib/locale/en_US.js +4 -2
- package/lib/locale/zh_CN.d.ts +4 -2
- package/lib/locale/zh_CN.js +4 -2
- package/lib/style/components.less +0 -3
- package/lib/style/theme/antd.less +14 -28
- package/package.json +5 -1
- package/test/__mocks__/fileMock.js +0 -0
- package/test/__mocks__/styleMock.js +0 -0
package/babel.config.js
ADDED
package/dist/index.esm.css
CHANGED
|
@@ -689,7 +689,7 @@
|
|
|
689
689
|
display: block !important;
|
|
690
690
|
}
|
|
691
691
|
.pro-collapse.ant-collapse .pro-collapse-panel {
|
|
692
|
-
margin-bottom:
|
|
692
|
+
margin-bottom: 16px;
|
|
693
693
|
}
|
|
694
694
|
.pro-collapse .ant-collapse-header {
|
|
695
695
|
-webkit-box-align: center !important;
|
|
@@ -2322,7 +2322,7 @@ span.ant-input-group-compact.pro-range-limit .forever-checkbox {
|
|
|
2322
2322
|
}
|
|
2323
2323
|
.pro-modal-select .viewSvg,
|
|
2324
2324
|
.pro-tree-modal .viewSvg {
|
|
2325
|
-
height:
|
|
2325
|
+
height: 20px;
|
|
2326
2326
|
cursor: pointer;
|
|
2327
2327
|
fill: #c5c7cd;
|
|
2328
2328
|
}
|
|
@@ -2696,7 +2696,8 @@ span.ant-input-group-compact.pro-range-limit .forever-checkbox {
|
|
|
2696
2696
|
.pro-form .ant-form-item.pro-form-item-changed .ant-input-number .ant-select-selection-placeholder {
|
|
2697
2697
|
z-index: 9;
|
|
2698
2698
|
}
|
|
2699
|
-
.pro-form .ant-form-item.pro-form-item-changed .ant-form-item-control:has(.ant-switch-handle,
|
|
2699
|
+
.pro-form .ant-form-item.pro-form-item-changed .ant-form-item-control:has(.ant-switch-handle),
|
|
2700
|
+
.pro-form .ant-form-item.pro-form-item-changed .ant-form-item-control:has(.ant-checkbox-wrapper-in-form-item) {
|
|
2700
2701
|
background: var(--zaui-contract-bg, #fffaa1);
|
|
2701
2702
|
border-radius: 4px;
|
|
2702
2703
|
}
|
|
@@ -2850,6 +2851,19 @@ span.ant-input-group-compact.pro-range-limit .forever-checkbox {
|
|
|
2850
2851
|
.pro-form .delete-icon {
|
|
2851
2852
|
width: 18px;
|
|
2852
2853
|
}
|
|
2854
|
+
.pro-form .pro-form-list-tool-btn {
|
|
2855
|
+
margin-left: 8px;
|
|
2856
|
+
padding: 0;
|
|
2857
|
+
cursor: pointer;
|
|
2858
|
+
}
|
|
2859
|
+
.pro-form .pro-form-list-tool-btn .anticon {
|
|
2860
|
+
color: var(--zaui-text-weak, #a0a0a0);
|
|
2861
|
+
font-size: 16px;
|
|
2862
|
+
vertical-align: middle;
|
|
2863
|
+
}
|
|
2864
|
+
.pro-form .pro-form-list-mode-block .pro-collapse-content .ant-row {
|
|
2865
|
+
width: auto;
|
|
2866
|
+
}
|
|
2853
2867
|
.pro-upload .pro-upload-dragger .pro-upload-handle-box {
|
|
2854
2868
|
background: #F8F9FA;
|
|
2855
2869
|
border-radius: var(--zaui-border-radius, 8px);
|
|
@@ -3864,6 +3878,9 @@ span.ant-input-group-compact.pro-range-limit .forever-checkbox {
|
|
|
3864
3878
|
.pro-form.pro-form-view .ant-form-item .pro-tree .ant-tree-checkbox * {
|
|
3865
3879
|
height: 16px !important;
|
|
3866
3880
|
}
|
|
3881
|
+
.ant-select-dropdown.pro-tree-select-drop-down-container.checkable-tree {
|
|
3882
|
+
overflow: hidden!important;
|
|
3883
|
+
}
|
|
3867
3884
|
.pro-drawer .pro-drawer-close {
|
|
3868
3885
|
position: absolute;
|
|
3869
3886
|
top: 6px;
|
|
@@ -4349,7 +4366,6 @@ span.ant-input-group-compact.pro-range-limit .forever-checkbox {
|
|
|
4349
4366
|
-webkit-flex: 0 0 var(--zaui-form-label-width, 130px);
|
|
4350
4367
|
-ms-flex: 0 0 var(--zaui-form-label-width, 130px);
|
|
4351
4368
|
flex: 0 0 var(--zaui-form-label-width, 130px);
|
|
4352
|
-
text-align: var(--zaui-form-align, left);
|
|
4353
4369
|
white-space: pre-wrap;
|
|
4354
4370
|
line-height: 1;
|
|
4355
4371
|
overflow: initial;
|
|
@@ -5039,16 +5055,23 @@ input[type='button'] {
|
|
|
5039
5055
|
-webkit-flex: 0 0 var(--zaui-form-label-width, 130px);
|
|
5040
5056
|
-ms-flex: 0 0 var(--zaui-form-label-width, 130px);
|
|
5041
5057
|
flex: 0 0 var(--zaui-form-label-width, 130px);
|
|
5042
|
-
padding-right:
|
|
5058
|
+
padding-right: 16px;
|
|
5043
5059
|
overflow: initial;
|
|
5044
5060
|
line-height: 1;
|
|
5045
5061
|
white-space: pre-wrap;
|
|
5046
|
-
text-align: var(--zaui-form-align, left);
|
|
5047
5062
|
}
|
|
5048
|
-
.ant-form .ant-form-item .ant-form-item-label .ant-form-item-required
|
|
5049
|
-
.ant-drawer .ant-form-item .ant-form-item-label .ant-form-item-required
|
|
5050
|
-
.ant-modal .ant-form-item .ant-form-item-label .ant-form-item-required
|
|
5051
|
-
|
|
5063
|
+
.ant-form .ant-form-item .ant-form-item-label .ant-form-item-required,
|
|
5064
|
+
.ant-drawer .ant-form-item .ant-form-item-label .ant-form-item-required,
|
|
5065
|
+
.ant-modal .ant-form-item .ant-form-item-label .ant-form-item-required {
|
|
5066
|
+
position: relative;
|
|
5067
|
+
}
|
|
5068
|
+
.ant-form .ant-form-item .ant-form-item-label .ant-form-item-required::before,
|
|
5069
|
+
.ant-drawer .ant-form-item .ant-form-item-label .ant-form-item-required::before,
|
|
5070
|
+
.ant-modal .ant-form-item .ant-form-item-label .ant-form-item-required::before {
|
|
5071
|
+
position: absolute;
|
|
5072
|
+
top: calc(50% - 7px);
|
|
5073
|
+
left: -8px;
|
|
5074
|
+
margin: 0;
|
|
5052
5075
|
}
|
|
5053
5076
|
.ant-form .ant-form-item .ant-form-item-label > label,
|
|
5054
5077
|
.ant-drawer .ant-form-item .ant-form-item-label > label,
|
|
@@ -5059,31 +5082,12 @@ input[type='button'] {
|
|
|
5059
5082
|
.ant-drawer .ant-form-item .ant-form-item-label > label::after,
|
|
5060
5083
|
.ant-modal .ant-form-item .ant-form-item-label > label::after {
|
|
5061
5084
|
display: none;
|
|
5062
|
-
margin: 0;
|
|
5063
|
-
}
|
|
5064
|
-
.ant-form .ant-form-item .ant-form-item-label .ant-form-item-required::before,
|
|
5065
|
-
.ant-drawer .ant-form-item .ant-form-item-label .ant-form-item-required::before,
|
|
5066
|
-
.ant-modal .ant-form-item .ant-form-item-label .ant-form-item-required::before {
|
|
5067
|
-
display: inline-block;
|
|
5068
5085
|
}
|
|
5069
5086
|
.ant-form .ant-form-item .ant-form-item-label.ant-form-item-label-left > .ant-form-item-required::before,
|
|
5070
5087
|
.ant-drawer .ant-form-item .ant-form-item-label.ant-form-item-label-left > .ant-form-item-required::before,
|
|
5071
5088
|
.ant-modal .ant-form-item .ant-form-item-label.ant-form-item-label-left > .ant-form-item-required::before {
|
|
5072
|
-
|
|
5073
|
-
|
|
5074
|
-
.ant-form .ant-form-item .ant-form-item-label.ant-form-item-label-left > .ant-form-item-required::after,
|
|
5075
|
-
.ant-drawer .ant-form-item .ant-form-item-label.ant-form-item-label-left > .ant-form-item-required::after,
|
|
5076
|
-
.ant-modal .ant-form-item .ant-form-item-label.ant-form-item-label-left > .ant-form-item-required::after {
|
|
5077
|
-
margin-top: 1px;
|
|
5078
|
-
color: #ff4d4f;
|
|
5079
|
-
font-size: var(--zaui-font-size, 14px);
|
|
5080
|
-
line-height: 1;
|
|
5081
|
-
content: '*';
|
|
5082
|
-
}
|
|
5083
|
-
.ant-form .ant-form-item .ant-form-item-label:not(.ant-form-item-label-left) > .ant-form-item-required::after,
|
|
5084
|
-
.ant-drawer .ant-form-item .ant-form-item-label:not(.ant-form-item-label-left) > .ant-form-item-required::after,
|
|
5085
|
-
.ant-modal .ant-form-item .ant-form-item-label:not(.ant-form-item-label-left) > .ant-form-item-required::after {
|
|
5086
|
-
display: none;
|
|
5089
|
+
right: -10px;
|
|
5090
|
+
left: unset;
|
|
5087
5091
|
}
|
|
5088
5092
|
.ant-form .ant-form-item .ant-form-item-explain-error,
|
|
5089
5093
|
.ant-drawer .ant-form-item .ant-form-item-explain-error,
|
package/dist/less.esm.css
CHANGED
|
@@ -689,7 +689,7 @@
|
|
|
689
689
|
display: block !important;
|
|
690
690
|
}
|
|
691
691
|
.pro-collapse.ant-collapse .pro-collapse-panel {
|
|
692
|
-
margin-bottom:
|
|
692
|
+
margin-bottom: 16px;
|
|
693
693
|
}
|
|
694
694
|
.pro-collapse .ant-collapse-header {
|
|
695
695
|
-webkit-box-align: center !important;
|
|
@@ -2322,7 +2322,7 @@ span.ant-input-group-compact.pro-range-limit .forever-checkbox {
|
|
|
2322
2322
|
}
|
|
2323
2323
|
.pro-modal-select .viewSvg,
|
|
2324
2324
|
.pro-tree-modal .viewSvg {
|
|
2325
|
-
height:
|
|
2325
|
+
height: 20px;
|
|
2326
2326
|
cursor: pointer;
|
|
2327
2327
|
fill: #c5c7cd;
|
|
2328
2328
|
}
|
|
@@ -2696,7 +2696,8 @@ span.ant-input-group-compact.pro-range-limit .forever-checkbox {
|
|
|
2696
2696
|
.pro-form .ant-form-item.pro-form-item-changed .ant-input-number .ant-select-selection-placeholder {
|
|
2697
2697
|
z-index: 9;
|
|
2698
2698
|
}
|
|
2699
|
-
.pro-form .ant-form-item.pro-form-item-changed .ant-form-item-control:has(.ant-switch-handle,
|
|
2699
|
+
.pro-form .ant-form-item.pro-form-item-changed .ant-form-item-control:has(.ant-switch-handle),
|
|
2700
|
+
.pro-form .ant-form-item.pro-form-item-changed .ant-form-item-control:has(.ant-checkbox-wrapper-in-form-item) {
|
|
2700
2701
|
background: var(--zaui-contract-bg, #fffaa1);
|
|
2701
2702
|
border-radius: 4px;
|
|
2702
2703
|
}
|
|
@@ -2850,6 +2851,19 @@ span.ant-input-group-compact.pro-range-limit .forever-checkbox {
|
|
|
2850
2851
|
.pro-form .delete-icon {
|
|
2851
2852
|
width: 18px;
|
|
2852
2853
|
}
|
|
2854
|
+
.pro-form .pro-form-list-tool-btn {
|
|
2855
|
+
margin-left: 8px;
|
|
2856
|
+
padding: 0;
|
|
2857
|
+
cursor: pointer;
|
|
2858
|
+
}
|
|
2859
|
+
.pro-form .pro-form-list-tool-btn .anticon {
|
|
2860
|
+
color: var(--zaui-text-weak, #a0a0a0);
|
|
2861
|
+
font-size: 16px;
|
|
2862
|
+
vertical-align: middle;
|
|
2863
|
+
}
|
|
2864
|
+
.pro-form .pro-form-list-mode-block .pro-collapse-content .ant-row {
|
|
2865
|
+
width: auto;
|
|
2866
|
+
}
|
|
2853
2867
|
.pro-upload .pro-upload-dragger .pro-upload-handle-box {
|
|
2854
2868
|
background: #F8F9FA;
|
|
2855
2869
|
border-radius: var(--zaui-border-radius, 8px);
|
|
@@ -3864,6 +3878,9 @@ span.ant-input-group-compact.pro-range-limit .forever-checkbox {
|
|
|
3864
3878
|
.pro-form.pro-form-view .ant-form-item .pro-tree .ant-tree-checkbox * {
|
|
3865
3879
|
height: 16px !important;
|
|
3866
3880
|
}
|
|
3881
|
+
.ant-select-dropdown.pro-tree-select-drop-down-container.checkable-tree {
|
|
3882
|
+
overflow: hidden!important;
|
|
3883
|
+
}
|
|
3867
3884
|
.pro-drawer .pro-drawer-close {
|
|
3868
3885
|
position: absolute;
|
|
3869
3886
|
top: 6px;
|
|
@@ -4349,7 +4366,6 @@ span.ant-input-group-compact.pro-range-limit .forever-checkbox {
|
|
|
4349
4366
|
-webkit-flex: 0 0 var(--zaui-form-label-width, 130px);
|
|
4350
4367
|
-ms-flex: 0 0 var(--zaui-form-label-width, 130px);
|
|
4351
4368
|
flex: 0 0 var(--zaui-form-label-width, 130px);
|
|
4352
|
-
text-align: var(--zaui-form-align, left);
|
|
4353
4369
|
white-space: pre-wrap;
|
|
4354
4370
|
line-height: 1;
|
|
4355
4371
|
overflow: initial;
|
|
@@ -21,7 +21,7 @@ export declare const ProConfigContext: React.Context<ConfigContext>;
|
|
|
21
21
|
export declare function useProConfig(): ConfigContext;
|
|
22
22
|
export declare function useProConfig(name: keyof ConfigContext['state']): ConfigContext['state'][keyof ConfigContext['state']];
|
|
23
23
|
export declare function useContextForms(): Record<string, FormInstance<any>>;
|
|
24
|
-
type ActionsType = 'set' | 'setProEnum' | 'setProEnumDic';
|
|
24
|
+
type ActionsType = 'set' | 'setProEnum' | 'setProEnumDic' | 'setWithLocal';
|
|
25
25
|
interface Actions {
|
|
26
26
|
type: ActionsType;
|
|
27
27
|
payload: any;
|
|
@@ -3,7 +3,7 @@ import _ConfigProvider from "antd/es/config-provider";
|
|
|
3
3
|
import _slicedToArray from "@babel/runtime/helpers/esm/slicedToArray";
|
|
4
4
|
import _objectSpread from "@babel/runtime/helpers/esm/objectSpread2";
|
|
5
5
|
import { jsxs as _jsxs, jsx as _jsx } from "react/jsx-runtime";
|
|
6
|
-
import React, { useContext, useReducer } from 'react';
|
|
6
|
+
import React, { useContext, useEffect, useReducer } from 'react';
|
|
7
7
|
import zhCN from 'antd/es/locale/zh_CN';
|
|
8
8
|
import enUS from 'antd/es/locale/en_US';
|
|
9
9
|
import merge from 'lodash/merge';
|
|
@@ -13,6 +13,9 @@ var initialState = {
|
|
|
13
13
|
ProEnum: {
|
|
14
14
|
dics: {}
|
|
15
15
|
},
|
|
16
|
+
ProForm: {
|
|
17
|
+
labelAlign: 'left'
|
|
18
|
+
},
|
|
16
19
|
forms: {},
|
|
17
20
|
ProIcon: {
|
|
18
21
|
mode: 'icon',
|
|
@@ -46,6 +49,15 @@ var reducer = function reducer(state, action) {
|
|
|
46
49
|
switch (action.type) {
|
|
47
50
|
case 'set':
|
|
48
51
|
return _objectSpread(_objectSpread({}, state), action.payload);
|
|
52
|
+
// 设置的值会被存入localStorage
|
|
53
|
+
case 'setWithLocal':
|
|
54
|
+
{
|
|
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
|
+
return _state;
|
|
60
|
+
}
|
|
49
61
|
case 'setProEnum':
|
|
50
62
|
return _objectSpread(_objectSpread({}, state), {}, {
|
|
51
63
|
ProEnum: _objectSpread(_objectSpread({}, state.ProEnum), action.payload)
|
|
@@ -67,6 +79,15 @@ export var ProConfigProvider = function ProConfigProvider(props) {
|
|
|
67
79
|
state = _useReducer2[0],
|
|
68
80
|
dispatch = _useReducer2[1];
|
|
69
81
|
useEnumRequest(_objectSpread(_objectSpread(_objectSpread({}, state.ProEnum), props === null || props === void 0 ? void 0 : (_props$value = props.value) === null || _props$value === void 0 ? void 0 : _props$value.ProEnum), props === null || props === void 0 ? void 0 : (_props$value2 = props.value) === null || _props$value2 === void 0 ? void 0 : _props$value2.globalConfig), dispatch);
|
|
82
|
+
useEffect(function () {
|
|
83
|
+
// 本地配置取出
|
|
84
|
+
var localConfigStr = localStorage.getItem('localConfig');
|
|
85
|
+
var localConfig = JSON.parse(localConfigStr || '{}');
|
|
86
|
+
dispatch({
|
|
87
|
+
type: 'set',
|
|
88
|
+
payload: merge(state, localConfig)
|
|
89
|
+
});
|
|
90
|
+
}, []);
|
|
70
91
|
var cacheLang = localStorage.getItem('locale');
|
|
71
92
|
// 如果是用户切换了语言那么优先使用用户切换的,否则从缓存中取用户语言,在取默认值
|
|
72
93
|
var lang = (state === null || state === void 0 ? void 0 : state.locale) || cacheLang || (props === null || props === void 0 ? void 0 : props.locale);
|
|
@@ -1,9 +1,9 @@
|
|
|
1
1
|
import "antd/es/tooltip/style";
|
|
2
2
|
import _Tooltip from "antd/es/tooltip";
|
|
3
|
-
import "antd/es/form/style";
|
|
4
|
-
import _Form from "antd/es/form";
|
|
5
3
|
import "antd/es/space/style";
|
|
6
4
|
import _Space from "antd/es/space";
|
|
5
|
+
import "antd/es/form/style";
|
|
6
|
+
import _Form from "antd/es/form";
|
|
7
7
|
import _defineProperty from "@babel/runtime/helpers/esm/defineProperty";
|
|
8
8
|
import _slicedToArray from "@babel/runtime/helpers/esm/slicedToArray";
|
|
9
9
|
import _regeneratorRuntime from "@babel/runtime/helpers/esm/regeneratorRuntime";
|
|
@@ -72,7 +72,9 @@ var RenderField = function RenderField(_ref) {
|
|
|
72
72
|
virtualKey = config.virtualKey,
|
|
73
73
|
viewEmpty = config.viewEmpty,
|
|
74
74
|
originalValues = config.originalValues,
|
|
75
|
-
|
|
75
|
+
formNamePath = config.namePath,
|
|
76
|
+
_config$originalDiffT = config.originalDiffTip,
|
|
77
|
+
originalDiffTip = _config$originalDiffT === void 0 ? true : _config$originalDiffT;
|
|
76
78
|
var _fieldProps = fieldProps || formItemProps || {};
|
|
77
79
|
var _rules = rules || [];
|
|
78
80
|
var _required = required;
|
|
@@ -166,6 +168,7 @@ var RenderField = function RenderField(_ref) {
|
|
|
166
168
|
* @returns {}
|
|
167
169
|
*/
|
|
168
170
|
var valueTypeTransform = useCallback(function () {
|
|
171
|
+
var _fieldProps5;
|
|
169
172
|
// 不存在valueType返回空
|
|
170
173
|
if (!valueType) {
|
|
171
174
|
return {};
|
|
@@ -174,7 +177,9 @@ var RenderField = function RenderField(_ref) {
|
|
|
174
177
|
if (type === 'SwitchCheckbox') {
|
|
175
178
|
valueType = 'switch';
|
|
176
179
|
}
|
|
177
|
-
var params = _objectSpread({}, column)
|
|
180
|
+
var params = _objectSpread(_objectSpread({}, column), {}, {
|
|
181
|
+
mode: (_fieldProps5 = _fieldProps) === null || _fieldProps5 === void 0 ? void 0 : _fieldProps5.mode
|
|
182
|
+
});
|
|
178
183
|
return isFunction(valueTypeMap[valueType]) ? valueTypeMap[valueType](params) : {};
|
|
179
184
|
}, [valueType]);
|
|
180
185
|
if ((_names = names) === null || _names === void 0 ? void 0 : _names.length) {
|
|
@@ -512,7 +517,16 @@ var RenderField = function RenderField(_ref) {
|
|
|
512
517
|
delete _formItemProps.rules;
|
|
513
518
|
}
|
|
514
519
|
var _className = classNames(_defineProperty(_defineProperty({}, className, className), 'pro-form-item-changed', changed));
|
|
515
|
-
var
|
|
520
|
+
var FormItem = TargetComponent ? _jsx(_Form.Item, _objectSpread(_objectSpread({
|
|
521
|
+
validateFirst: true
|
|
522
|
+
}, omit(_formItemProps, ['render', 'cache', 'key', 'width', 'hiddenNames', 'name'])), {}, {
|
|
523
|
+
className: _className,
|
|
524
|
+
name: formNamePath ? cellName.slice((formNamePath === null || formNamePath === void 0 ? void 0 : formNamePath.length) - 1) : cellName,
|
|
525
|
+
children: /*#__PURE__*/React.isValidElement(TargetComponent) ? ( /*#__PURE__*/React.cloneElement(TargetComponent, componentProps)) : _jsx(TargetComponent, _objectSpread({}, componentProps))
|
|
526
|
+
})) : _jsx(Container, {
|
|
527
|
+
viewEmpty: viewEmpty
|
|
528
|
+
});
|
|
529
|
+
var originalTitle = originalDiffTip && originalValues ? _jsxs(_Space, {
|
|
516
530
|
children: ["\u521D\u59CB\u503C\uFF1A", /*#__PURE__*/React.isValidElement(TargetComponent) ? ( /*#__PURE__*/React.cloneElement(TargetComponent, _objectSpread(_objectSpread({}, componentProps), {}, {
|
|
517
531
|
isView: true,
|
|
518
532
|
value: originalValue,
|
|
@@ -523,19 +537,11 @@ var RenderField = function RenderField(_ref) {
|
|
|
523
537
|
checked: type === 'Switch' ? originalValue : undefined
|
|
524
538
|
}))]
|
|
525
539
|
}) : null;
|
|
526
|
-
var FormItem = TargetComponent ? _jsx(_Form.Item, _objectSpread(_objectSpread({
|
|
527
|
-
validateFirst: true
|
|
528
|
-
}, omit(_formItemProps, ['render', 'cache', 'key', 'width', 'hiddenNames', 'name'])), {}, {
|
|
529
|
-
className: _className,
|
|
530
|
-
name: cellName,
|
|
531
|
-
children: /*#__PURE__*/React.isValidElement(TargetComponent) ? ( /*#__PURE__*/React.cloneElement(TargetComponent, componentProps)) : _jsx(TargetComponent, _objectSpread({}, componentProps))
|
|
532
|
-
})) : _jsx(Container, {
|
|
533
|
-
viewEmpty: viewEmpty
|
|
534
|
-
});
|
|
535
540
|
return _jsx(FieldProvider, {
|
|
536
541
|
value: (_componentProps = componentProps) === null || _componentProps === void 0 ? void 0 : _componentProps.otherProps,
|
|
537
542
|
children: !originalDiffTip || ['FormList', 'ProEditTable'].includes(type) ? FormItem : _jsx(_Tooltip, {
|
|
538
543
|
title: originalTitle,
|
|
544
|
+
placement: "topLeft",
|
|
539
545
|
open: changed ? undefined : false,
|
|
540
546
|
getPopupContainer: function getPopupContainer(target) {
|
|
541
547
|
return target.parentElement;
|
package/es/ProEditTable/index.js
CHANGED
|
@@ -7,10 +7,11 @@ import _objectSpread from "@babel/runtime/helpers/esm/objectSpread2";
|
|
|
7
7
|
import _slicedToArray from "@babel/runtime/helpers/esm/slicedToArray";
|
|
8
8
|
import "antd/es/config-provider/style";
|
|
9
9
|
import _ConfigProvider from "antd/es/config-provider";
|
|
10
|
+
import _toConsumableArray from "@babel/runtime/helpers/esm/toConsumableArray";
|
|
10
11
|
import "antd/es/form/style";
|
|
11
12
|
import _Form from "antd/es/form";
|
|
12
13
|
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", "
|
|
14
|
+
var _excluded = ["value", "onChange", "className", "columns", "type", "mode", "stripe", "draggable", "disabled", "insertType", "emptyBtnText", "actionWidth", "actionProps", "toolbarProps", "rowSelection", "onlyOneLineMsg", "deletePoConfirmMsg", "mulDeletePoConfirmMsg", "requiredAlign", "summary", "max", "headerRender", "pagination", "originalValues", "originalDiffTip", "rowKey", "rowDisabled"];
|
|
14
15
|
import { jsx as _jsx, Fragment as _Fragment, jsxs as _jsxs } from "react/jsx-runtime";
|
|
15
16
|
import React, { forwardRef, useCallback, useEffect, useImperativeHandle, useMemo, useRef } from 'react';
|
|
16
17
|
import { get, isArray } from 'lodash';
|
|
@@ -19,6 +20,7 @@ import classnames from 'classnames';
|
|
|
19
20
|
import { transformColumns } from './utils';
|
|
20
21
|
import { getRandom, getNamePath } from './utils/tools';
|
|
21
22
|
import { DndWrapper, Row, Validator, Summary, RenderToolbar } from './components';
|
|
23
|
+
import ProForm from '../ProForm';
|
|
22
24
|
import Empty from '../assets/empty.png';
|
|
23
25
|
import locale, { formatMessage } from '../locale';
|
|
24
26
|
var ProEditTable = function ProEditTable(_ref, ref) {
|
|
@@ -41,8 +43,6 @@ var ProEditTable = function ProEditTable(_ref, ref) {
|
|
|
41
43
|
onlyOneLineMsg = _ref.onlyOneLineMsg,
|
|
42
44
|
deletePoConfirmMsg = _ref.deletePoConfirmMsg,
|
|
43
45
|
mulDeletePoConfirmMsg = _ref.mulDeletePoConfirmMsg,
|
|
44
|
-
_ref$otherProps = _ref.otherProps,
|
|
45
|
-
otherProps = _ref$otherProps === void 0 ? {} : _ref$otherProps,
|
|
46
46
|
configRequiredAlign = _ref.requiredAlign,
|
|
47
47
|
summary = _ref.summary,
|
|
48
48
|
max = _ref.max,
|
|
@@ -51,20 +51,27 @@ var ProEditTable = function ProEditTable(_ref, ref) {
|
|
|
51
51
|
originalValues = _ref.originalValues,
|
|
52
52
|
originalDiffTip = _ref.originalDiffTip,
|
|
53
53
|
rowKey = _ref.rowKey,
|
|
54
|
+
rowDisabled = _ref.rowDisabled,
|
|
54
55
|
resetProps = _objectWithoutProperties(_ref, _excluded);
|
|
55
56
|
// 上下文form
|
|
56
57
|
var contentForm = _Form.useFormInstance();
|
|
57
|
-
var
|
|
58
|
-
var
|
|
59
|
-
var
|
|
60
|
-
|
|
61
|
-
|
|
62
|
-
|
|
58
|
+
var formFieldProps = ProForm.useFieldProps() || {};
|
|
59
|
+
var form = contentForm || (formFieldProps === null || formFieldProps === void 0 ? void 0 : formFieldProps.form) || (resetProps === null || resetProps === void 0 ? void 0 : resetProps.form);
|
|
60
|
+
var name = (formFieldProps === null || formFieldProps === void 0 ? void 0 : formFieldProps.name) || (resetProps === null || resetProps === void 0 ? void 0 : resetProps.name) || (resetProps === null || resetProps === void 0 ? void 0 : (_resetProps$id = resetProps.id) === null || _resetProps$id === void 0 ? void 0 : (_resetProps$id$split = _resetProps$id.split) === null || _resetProps$id$split === void 0 ? void 0 : _resetProps$id$split.call(_resetProps$id, '_'));
|
|
61
|
+
var _formFieldProps$isVie = formFieldProps.isView,
|
|
62
|
+
isView = _formFieldProps$isVie === void 0 ? false : _formFieldProps$isVie,
|
|
63
|
+
_formFieldProps$viewE = formFieldProps.viewEmpty,
|
|
64
|
+
viewEmpty = _formFieldProps$viewE === void 0 ? '-' : _formFieldProps$viewE,
|
|
65
|
+
namePath = formFieldProps.namePath;
|
|
66
|
+
// 判断是否在formList内
|
|
67
|
+
if (namePath === null || namePath === void 0 ? void 0 : namePath.length) {
|
|
68
|
+
name = [].concat(_toConsumableArray(namePath), _toConsumableArray(name.slice(1)));
|
|
69
|
+
}
|
|
63
70
|
var tableRef = useRef(null);
|
|
64
71
|
var _React$useContext = React.useContext(_ConfigProvider.ConfigContext),
|
|
65
72
|
getPrefixCls = _React$useContext.getPrefixCls;
|
|
66
73
|
var prefixCls = getPrefixCls();
|
|
67
|
-
disabled = (
|
|
74
|
+
disabled = (formFieldProps === null || formFieldProps === void 0 ? void 0 : formFieldProps.disabled) || disabled;
|
|
68
75
|
var _useLocalStorageState = useLocalStorageState('themeConfig'),
|
|
69
76
|
_useLocalStorageState2 = _slicedToArray(_useLocalStorageState, 1),
|
|
70
77
|
themeConfig = _useLocalStorageState2[0];
|
|
@@ -146,6 +153,7 @@ var ProEditTable = function ProEditTable(_ref, ref) {
|
|
|
146
153
|
virtualKey: virtualKey,
|
|
147
154
|
requiredAlign: requiredAlign,
|
|
148
155
|
name: isArray(name) ? name : [name],
|
|
156
|
+
namePath: namePath,
|
|
149
157
|
tableRef: tableRef,
|
|
150
158
|
max: max,
|
|
151
159
|
tableLength: value === null || value === void 0 ? void 0 : value.length,
|
|
@@ -173,6 +181,15 @@ var ProEditTable = function ProEditTable(_ref, ref) {
|
|
|
173
181
|
selectedRowKeys: selectedRowKeys,
|
|
174
182
|
selectedRows: selectedRows
|
|
175
183
|
});
|
|
184
|
+
},
|
|
185
|
+
getCheckboxProps: function getCheckboxProps(record) {
|
|
186
|
+
if (rowDisabled) {
|
|
187
|
+
var _disabled = rowDisabled(record);
|
|
188
|
+
return {
|
|
189
|
+
disabled: _disabled
|
|
190
|
+
};
|
|
191
|
+
}
|
|
192
|
+
return {};
|
|
176
193
|
}
|
|
177
194
|
}, rowSelection);
|
|
178
195
|
// 判断是否禁止添加、批量删除
|
|
@@ -1,8 +1,7 @@
|
|
|
1
1
|
import _slicedToArray from "@babel/runtime/helpers/esm/slicedToArray";
|
|
2
2
|
import { jsx as _jsx } from "react/jsx-runtime";
|
|
3
3
|
import classNames from 'classnames';
|
|
4
|
-
import {
|
|
5
|
-
import { useEffect, useRef } from 'react';
|
|
4
|
+
import { useEffect, useRef, useState } from 'react';
|
|
6
5
|
var Group = function Group(props) {
|
|
7
6
|
var value = props.value,
|
|
8
7
|
onChange = props.onChange,
|
|
@@ -12,36 +11,26 @@ var Group = function Group(props) {
|
|
|
12
11
|
disabled = props.disabled,
|
|
13
12
|
_props$allowClear = props.allowClear,
|
|
14
13
|
allowClear = _props$allowClear === void 0 ? true : _props$allowClear;
|
|
14
|
+
var _useState = useState(false),
|
|
15
|
+
_useState2 = _slicedToArray(_useState, 2),
|
|
16
|
+
refresh = _useState2[0],
|
|
17
|
+
setRefresh = _useState2[1];
|
|
15
18
|
var idx = useRef(-1);
|
|
16
|
-
var _useSetState = useSetState({
|
|
17
|
-
checked: ''
|
|
18
|
-
}),
|
|
19
|
-
_useSetState2 = _slicedToArray(_useSetState, 2),
|
|
20
|
-
state = _useSetState2[0],
|
|
21
|
-
setState = _useSetState2[1];
|
|
22
19
|
useEffect(function () {
|
|
23
|
-
setState({
|
|
24
|
-
checked: value
|
|
25
|
-
});
|
|
26
20
|
var index = dataSource.findIndex(function (item) {
|
|
27
21
|
return item[fieldValue] === value;
|
|
28
22
|
});
|
|
29
23
|
idx.current = index;
|
|
24
|
+
setRefresh(!refresh);
|
|
30
25
|
}, [value]);
|
|
31
26
|
var handleClick = function handleClick(val, index) {
|
|
32
|
-
if (
|
|
27
|
+
if (value === val) {
|
|
33
28
|
if (!allowClear) {
|
|
34
29
|
return false;
|
|
35
30
|
}
|
|
36
|
-
setState({
|
|
37
|
-
checked: ''
|
|
38
|
-
});
|
|
39
31
|
onChange === null || onChange === void 0 ? void 0 : onChange('');
|
|
40
32
|
idx.current = -1;
|
|
41
33
|
} else {
|
|
42
|
-
setState({
|
|
43
|
-
checked: val
|
|
44
|
-
});
|
|
45
34
|
idx.current = index;
|
|
46
35
|
onChange === null || onChange === void 0 ? void 0 : onChange(val);
|
|
47
36
|
}
|
|
@@ -60,7 +49,7 @@ var Group = function Group(props) {
|
|
|
60
49
|
handleClick(item[fieldValue], index);
|
|
61
50
|
}
|
|
62
51
|
},
|
|
63
|
-
className: classNames('pro-enum-group-item',
|
|
52
|
+
className: classNames('pro-enum-group-item', value === item[fieldValue] ? 'pro-enum-group-item-selected' : '', index === idx.current || index + 1 === idx.current ? 'pro-enum-group-item-disabled-after' : '', item.disabled ? 'pro-enum-group-item-disabled' : ''),
|
|
64
53
|
children: item[fieldLabel]
|
|
65
54
|
}, item[fieldValue]);
|
|
66
55
|
})
|
|
@@ -9,7 +9,7 @@
|
|
|
9
9
|
}
|
|
10
10
|
&-group-root-disabled {
|
|
11
11
|
color: rgba(0, 0, 0, 0.25);
|
|
12
|
-
.pro-enum-group-item{
|
|
12
|
+
.pro-enum-group-item {
|
|
13
13
|
cursor: not-allowed !important;
|
|
14
14
|
}
|
|
15
15
|
}
|
|
@@ -52,8 +52,9 @@
|
|
|
52
52
|
&::after {
|
|
53
53
|
position: absolute;
|
|
54
54
|
top: var(--zaui-space-size-sm);
|
|
55
|
-
right:
|
|
55
|
+
right: -2px;
|
|
56
56
|
bottom: var(--zaui-space-size-sm);
|
|
57
|
+
z-index: 1;
|
|
57
58
|
width: 1px;
|
|
58
59
|
background: var(--zaui-brand);
|
|
59
60
|
opacity: 0.7;
|
|
@@ -56,7 +56,9 @@ var DatePicker = function DatePicker(props) {
|
|
|
56
56
|
disabled: true
|
|
57
57
|
};
|
|
58
58
|
}
|
|
59
|
-
return _jsx(_DatePicker, _objectSpread(_objectSpread(_objectSpread({}, initialConfig),
|
|
59
|
+
return _jsx(_DatePicker, _objectSpread(_objectSpread(_objectSpread({}, initialConfig), {}, {
|
|
60
|
+
format: format
|
|
61
|
+
}, _rest), {}, {
|
|
60
62
|
className: _className
|
|
61
63
|
}));
|
|
62
64
|
};
|
|
@@ -1,4 +1,5 @@
|
|
|
1
1
|
import _objectSpread from "@babel/runtime/helpers/esm/objectSpread2";
|
|
2
|
+
import _defineProperty from "@babel/runtime/helpers/esm/defineProperty";
|
|
2
3
|
import _objectWithoutProperties from "@babel/runtime/helpers/esm/objectWithoutProperties";
|
|
3
4
|
import "antd/es/input/style";
|
|
4
5
|
import _Input from "antd/es/input";
|
|
@@ -31,11 +32,10 @@ var TextAreaDef = function TextAreaDef(props) {
|
|
|
31
32
|
children: rest.value
|
|
32
33
|
});
|
|
33
34
|
}
|
|
34
|
-
var _className = classnames({
|
|
35
|
+
var _className = classnames(_defineProperty({
|
|
35
36
|
'pro-textarea': true,
|
|
36
|
-
'pro-textarea-view': isView
|
|
37
|
-
|
|
38
|
-
});
|
|
37
|
+
'pro-textarea-view': isView
|
|
38
|
+
}, className, true));
|
|
39
39
|
return _jsx(TextArea, _objectSpread(_objectSpread(_objectSpread({
|
|
40
40
|
showCount: true,
|
|
41
41
|
autoComplete: "off",
|