@zat-design/sisyphus-react 3.4.9 → 3.4.10-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 (83) hide show
  1. package/dist/index.esm.css +56 -52
  2. package/dist/less.esm.css +56 -52
  3. package/es/ProEditTable/components/RenderField/index.js +20 -1
  4. package/es/ProEditTable/propsType.d.ts +2 -2
  5. package/es/ProEditTable/utils/index.js +1 -0
  6. package/es/ProEnum/components/Group.d.ts +1 -0
  7. package/es/ProEnum/index.js +11 -5
  8. package/es/ProEnum/style/index.less +2 -2
  9. package/es/ProForm/components/base/InputNumber/index.js +4 -1
  10. package/es/ProForm/components/combination/FormList/components/ActionButton.js +49 -9
  11. package/es/ProForm/components/combination/FormList/components/ToolbarButton.js +45 -7
  12. package/es/ProForm/components/combination/Group/component/AddonWrapper/index.d.ts +8 -0
  13. package/es/ProForm/components/combination/Group/component/AddonWrapper/index.js +18 -0
  14. package/es/ProForm/components/combination/Group/component/AddonWrapper/index.less +10 -0
  15. package/es/ProForm/components/combination/Group/component/ComRender.d.ts +2 -0
  16. package/es/ProForm/components/combination/Group/component/ComRender.js +29 -13
  17. package/es/ProForm/components/combination/Group/index.d.ts +2 -2
  18. package/es/ProForm/components/combination/Group/index.js +5 -5
  19. package/es/ProForm/components/combination/Group/utils.js +3 -2
  20. package/es/ProForm/components/combination/ProCascader/index.js +2 -2
  21. package/es/ProForm/components/combination/ProCascader/utils/index.js +8 -3
  22. package/es/ProForm/components/combination/ProModalSelect/index.js +1 -1
  23. package/es/ProForm/components/combination/ProRangeLimit/index.js +6 -2
  24. package/es/ProForm/components/render/RenderFields.js +4 -1
  25. package/es/ProForm/utils/useForm.js +11 -1
  26. package/es/ProLayout/components/ProCollapse/style/index.less +5 -2
  27. package/es/ProLayout/style/index.less +1 -1
  28. package/es/ProSelect/index.js +6 -3
  29. package/es/ProSelect/utils/index.d.ts +2 -1
  30. package/es/ProSelect/utils/index.js +9 -6
  31. package/es/ProTree/components/ProTree.js +18 -10
  32. package/es/ProTree/components/Tree.js +15 -7
  33. package/es/ProTree/index.js +2 -1
  34. package/es/ProTree/propsType.d.ts +5 -0
  35. package/es/ProUpload/style/index.less +101 -111
  36. package/lib/ProEditTable/components/RenderField/index.js +20 -1
  37. package/lib/ProEditTable/propsType.d.ts +2 -2
  38. package/lib/ProEditTable/utils/index.js +1 -0
  39. package/lib/ProEnum/components/Group.d.ts +1 -0
  40. package/lib/ProEnum/index.js +11 -5
  41. package/lib/ProEnum/style/index.less +2 -2
  42. package/lib/ProForm/components/base/InputNumber/index.js +4 -1
  43. package/lib/ProForm/components/combination/FormList/components/ActionButton.js +49 -9
  44. package/lib/ProForm/components/combination/FormList/components/ToolbarButton.js +45 -7
  45. package/lib/ProForm/components/combination/Group/component/AddonWrapper/index.d.ts +8 -0
  46. package/lib/ProForm/components/combination/Group/component/AddonWrapper/index.js +24 -0
  47. package/lib/ProForm/components/combination/Group/component/AddonWrapper/index.less +10 -0
  48. package/lib/ProForm/components/combination/Group/component/ComRender.d.ts +2 -0
  49. package/lib/ProForm/components/combination/Group/component/ComRender.js +31 -15
  50. package/lib/ProForm/components/combination/Group/index.d.ts +2 -2
  51. package/lib/ProForm/components/combination/Group/index.js +5 -5
  52. package/lib/ProForm/components/combination/Group/utils.js +3 -2
  53. package/lib/ProForm/components/combination/ProCascader/index.js +1 -1
  54. package/lib/ProForm/components/combination/ProCascader/utils/index.js +8 -3
  55. package/lib/ProForm/components/combination/ProModalSelect/index.js +1 -1
  56. package/lib/ProForm/components/combination/ProRangeLimit/index.js +6 -2
  57. package/lib/ProForm/components/render/RenderFields.js +4 -1
  58. package/lib/ProForm/utils/useForm.js +11 -1
  59. package/lib/ProLayout/components/ProCollapse/style/index.less +5 -2
  60. package/lib/ProLayout/style/index.less +1 -1
  61. package/lib/ProSelect/index.js +6 -3
  62. package/lib/ProSelect/utils/index.d.ts +2 -1
  63. package/lib/ProSelect/utils/index.js +9 -6
  64. package/lib/ProTree/components/ProTree.js +17 -9
  65. package/lib/ProTree/components/Tree.js +15 -7
  66. package/lib/ProTree/index.js +2 -1
  67. package/lib/ProTree/propsType.d.ts +5 -0
  68. package/lib/ProUpload/style/index.less +101 -111
  69. package/package.json +2 -2
  70. package/es/ProForm/components/combination/_Group/index.d.ts +0 -4
  71. package/es/ProForm/components/combination/_Group/index.js +0 -109
  72. package/es/ProForm/components/combination/_Group/propsType.d.ts +0 -35
  73. package/es/ProForm/components/combination/_Group/propsType.js +0 -1
  74. package/es/ProForm/components/combination/_Group/style/index.less +0 -131
  75. package/es/ProForm/components/combination/_Group/utils.d.ts +0 -10
  76. package/es/ProForm/components/combination/_Group/utils.js +0 -46
  77. package/lib/ProForm/components/combination/_Group/index.d.ts +0 -4
  78. package/lib/ProForm/components/combination/_Group/index.js +0 -113
  79. package/lib/ProForm/components/combination/_Group/propsType.d.ts +0 -35
  80. package/lib/ProForm/components/combination/_Group/propsType.js +0 -5
  81. package/lib/ProForm/components/combination/_Group/style/index.less +0 -131
  82. package/lib/ProForm/components/combination/_Group/utils.d.ts +0 -10
  83. package/lib/ProForm/components/combination/_Group/utils.js +0 -53
@@ -682,7 +682,7 @@
682
682
  .pro-collapse .pro-collapse-icon img {
683
683
  vertical-align: sub;
684
684
  }
685
- .pro-collapse.pro-collapse-no-title .ant-collapse-header {
685
+ .pro-collapse.pro-collapse-no-title > .pro-collapse-panel > .ant-collapse-header {
686
686
  display: none !important;
687
687
  }
688
688
  .pro-collapse.pro-collapse-no-title .pro-collapse-level2 .ant-collapse-header {
@@ -1226,7 +1226,7 @@
1226
1226
  .pro-layout.pro-layout-light .pro-collapse.pro-collapse-no-title .pro-header-no-describe {
1227
1227
  padding: 0 !important;
1228
1228
  }
1229
- .pro-layout.pro-layout-light .pro-collapse .ant-collapse-item-active.pro-collapse-panel .ant-collapse-header {
1229
+ .pro-layout.pro-layout-light .pro-collapse .ant-collapse-item-active.pro-collapse-panel > .ant-collapse-header {
1230
1230
  border-radius: var(--zaui-border-radius, 8px) var(--zaui-border-radius, 8px) 0 0 !important;
1231
1231
  }
1232
1232
  .pro-layout.pro-layout-light .pro-collapse .pro-collapse-content {
@@ -2966,16 +2966,14 @@ span.ant-input-group-compact.pro-range-limit .forever-checkbox {
2966
2966
  width: auto;
2967
2967
  }
2968
2968
  .pro-upload .pro-upload-dragger .pro-upload-handle-box {
2969
- background: #F8F9FA;
2970
- border-radius: var(--zaui-border-radius, 8px);
2971
2969
  padding: var(--zaui-space-size-sm, 8px);
2970
+ background: #f8f9fa;
2971
+ border-radius: var(--zaui-border-radius, 8px);
2972
2972
  }
2973
2973
  .pro-upload .pro-upload-dragger .pro-upload-handle-box .ant-upload.ant-upload-drag {
2974
2974
  background-color: var(--zaui-base-bg, #fff);
2975
2975
  }
2976
2976
  .pro-upload .pro-upload-dragger .pro-upload-handle-box .drag-upload-inner {
2977
- min-width: 392px;
2978
- height: 110px;
2979
2977
  display: -webkit-box;
2980
2978
  display: -webkit-flex;
2981
2979
  display: -ms-flexbox;
@@ -2988,6 +2986,8 @@ span.ant-input-group-compact.pro-range-limit .forever-checkbox {
2988
2986
  -webkit-justify-content: center;
2989
2987
  -ms-flex-pack: center;
2990
2988
  justify-content: center;
2989
+ min-width: 392px;
2990
+ height: 110px;
2991
2991
  }
2992
2992
  .pro-upload .pro-upload-dragger .pro-upload-handle-box .drag-upload-inner .upload-dragger-control {
2993
2993
  background-color: var(--zaui-base-bg, #fff);
@@ -2997,47 +2997,47 @@ span.ant-input-group-compact.pro-range-limit .forever-checkbox {
2997
2997
  display: -webkit-flex;
2998
2998
  display: -ms-flexbox;
2999
2999
  display: flex;
3000
- line-height: 26px;
3001
3000
  -webkit-box-align: center;
3002
3001
  -webkit-align-items: center;
3003
3002
  -ms-flex-align: center;
3004
3003
  align-items: center;
3004
+ line-height: 26px;
3005
3005
  }
3006
3006
  .pro-upload .pro-upload-dragger .pro-upload-handle-box .drag-upload-inner .upload-dragger-control .dragger-txt-line1 .icon-upload {
3007
3007
  display: inline-block;
3008
+ color: #c5c7cd;
3008
3009
  font-size: 30px;
3009
- color: #C5C7CD;
3010
3010
  }
3011
3011
  .pro-upload .pro-upload-dragger .pro-upload-handle-box .drag-upload-inner .upload-dragger-control .dragger-txt-line1 .dragger-txt {
3012
3012
  margin-left: 9px;
3013
- font-size: var(--zaui-font-size, 14px);
3014
3013
  color: rgba(0, 0, 0, 0.85);
3014
+ font-size: var(--zaui-font-size, 14px);
3015
3015
  line-height: 20px;
3016
3016
  }
3017
3017
  .pro-upload .pro-upload-dragger .pro-upload-handle-box .drag-upload-inner .upload-dragger-control .dragger-txt-line1 .click-txt {
3018
- color: var(--zaui-brand, #006AFF);
3018
+ color: var(--zaui-brand, #006aff);
3019
3019
  }
3020
3020
  .pro-upload .pro-upload-dragger .pro-upload-handle-box .drag-upload-inner .upload-dragger-control .file-ext {
3021
- text-align: center;
3022
3021
  margin-top: 10px;
3023
- font-size: var(--zaui-font-size-sm, 12px);
3024
3022
  color: #939599;
3023
+ font-size: var(--zaui-font-size-sm, 12px);
3025
3024
  line-height: 14px;
3025
+ text-align: center;
3026
3026
  }
3027
3027
  .pro-upload .pro-upload-dragger .pro-upload-handle-box .drag-upload-inner .dragger-single-file {
3028
3028
  display: -webkit-box;
3029
3029
  display: -webkit-flex;
3030
3030
  display: -ms-flexbox;
3031
3031
  display: flex;
3032
- -webkit-box-pack: center;
3033
- -webkit-justify-content: center;
3034
- -ms-flex-pack: center;
3035
- justify-content: center;
3036
3032
  -webkit-box-orient: vertical;
3037
3033
  -webkit-box-direction: normal;
3038
3034
  -webkit-flex-direction: column;
3039
3035
  -ms-flex-direction: column;
3040
3036
  flex-direction: column;
3037
+ -webkit-box-pack: center;
3038
+ -webkit-justify-content: center;
3039
+ -ms-flex-pack: center;
3040
+ justify-content: center;
3041
3041
  padding: 0 var(--zaui-space-size-lg, 32px);
3042
3042
  }
3043
3043
  .pro-upload .pro-upload-dragger .pro-upload-handle-box .drag-upload-inner .dragger-single-file .file-type-icon {
@@ -3049,11 +3049,11 @@ span.ant-input-group-compact.pro-range-limit .forever-checkbox {
3049
3049
  padding: 0 var(--zaui-space-size-lg, 32px);
3050
3050
  }
3051
3051
  .pro-upload .pro-upload-dragger .pro-upload-handle-box .drag-upload-inner .dragger-single-file .file-info-box {
3052
- margin-top: 11px;
3053
3052
  display: -webkit-box;
3054
3053
  display: -webkit-flex;
3055
3054
  display: -ms-flexbox;
3056
3055
  display: flex;
3056
+ margin-top: 11px;
3057
3057
  }
3058
3058
  .pro-upload .pro-upload-dragger .pro-upload-handle-box .drag-upload-inner .dragger-single-file .file-info-box.file-box-error {
3059
3059
  color: var(--zaui-danger);
@@ -3061,9 +3061,9 @@ span.ant-input-group-compact.pro-range-limit .forever-checkbox {
3061
3061
  .pro-upload .pro-upload-dragger .pro-upload-handle-box .drag-upload-inner .dragger-single-file .file-info-box .file-name {
3062
3062
  display: box;
3063
3063
  overflow: hidden;
3064
+ word-break: break-all;
3064
3065
  line-clamp: 1;
3065
3066
  box-orient: vertical;
3066
- word-break: break-all;
3067
3067
  }
3068
3068
  .pro-upload .pro-upload-dragger .pro-upload-handle-box .drag-upload-inner .dragger-single-file .file-info-box .file-ext {
3069
3069
  word-break: keep-all;
@@ -3084,6 +3084,10 @@ span.ant-input-group-compact.pro-range-limit .forever-checkbox {
3084
3084
  -ms-flex-pack: center;
3085
3085
  justify-content: center;
3086
3086
  margin-top: 3px;
3087
+ color: #1890ff;
3088
+ }
3089
+ .pro-upload .pro-upload-dragger .pro-upload-handle-box .drag-upload-inner .dragger-single-file .file-action-box > div {
3090
+ cursor: pointer;
3087
3091
  }
3088
3092
  .pro-upload .pro-upload-dragger .pro-upload-handle-box .drag-upload-inner .dragger-single-file .file-action-box .file-del {
3089
3093
  margin-left: 30px;
@@ -3095,8 +3099,8 @@ span.ant-input-group-compact.pro-range-limit .forever-checkbox {
3095
3099
  display: flex;
3096
3100
  }
3097
3101
  .pro-upload .pro-upload-button > span {
3098
- width: 100%;
3099
3102
  display: block;
3103
+ width: 100%;
3100
3104
  }
3101
3105
  .pro-upload .pro-upload-button .pro-upload-button-inner {
3102
3106
  display: -webkit-box;
@@ -3105,14 +3109,14 @@ span.ant-input-group-compact.pro-range-limit .forever-checkbox {
3105
3109
  display: flex;
3106
3110
  }
3107
3111
  .pro-upload .pro-upload-button .pro-upload-button-inner .pro-upload-button-inner-right {
3108
- line-height: 32px;
3109
3112
  margin-left: 10px;
3113
+ line-height: 32px;
3110
3114
  }
3111
3115
  .pro-upload .pro-upload-button .upload-tip-txt {
3112
3116
  margin-left: 10px;
3113
- line-height: 32px;
3114
- font-size: var(--zaui-font-size-sm, 12px);
3115
3117
  color: #939599;
3118
+ font-size: var(--zaui-font-size-sm, 12px);
3119
+ line-height: 32px;
3116
3120
  }
3117
3121
  .pro-upload .pro-upload-image {
3118
3122
  position: relative;
@@ -3128,32 +3132,32 @@ span.ant-input-group-compact.pro-range-limit .forever-checkbox {
3128
3132
  }
3129
3133
  .pro-upload .pro-upload-image .image-example {
3130
3134
  position: absolute;
3131
- word-break: keep-all;
3132
3135
  top: 0;
3133
3136
  right: -10px;
3134
3137
  width: 88px;
3135
3138
  height: 32px;
3136
- -webkit-transform: translate(100%, 0);
3137
- transform: translate(100%, 0);
3138
- text-align: center;
3139
3139
  line-height: 32px;
3140
- background: #FFFFFF;
3140
+ text-align: center;
3141
+ word-break: keep-all;
3142
+ background: #ffffff;
3143
+ border: 1px solid #dcdcdc;
3141
3144
  border-radius: var(--zaui-border-radius, 8px);
3142
- border: 1px solid #DCDCDC;
3145
+ -webkit-transform: translate(100%, 0);
3146
+ transform: translate(100%, 0);
3143
3147
  }
3144
3148
  .pro-upload .pro-upload-image .file-item-image {
3145
3149
  position: relative;
3146
- height: 126px;
3147
3150
  width: 126px;
3148
- border: 1px dashed #d9d9d9;
3151
+ height: 126px;
3149
3152
  overflow: hidden;
3153
+ border: 1px dashed #d9d9d9;
3150
3154
  border-radius: 8px;
3151
3155
  }
3152
3156
  .pro-upload .pro-upload-image .file-item-image .file-type-icon-img {
3153
3157
  position: absolute;
3154
- width: 30px;
3155
3158
  top: 50%;
3156
3159
  left: 50%;
3160
+ width: 30px;
3157
3161
  -webkit-transform: translate(-50%, -50%);
3158
3162
  transform: translate(-50%, -50%);
3159
3163
  }
@@ -3167,44 +3171,44 @@ span.ant-input-group-compact.pro-range-limit .forever-checkbox {
3167
3171
  background-color: rgba(0, 0, 0, 0.75);
3168
3172
  }
3169
3173
  .pro-upload .pro-upload-image .file-item-image .actions-wrap {
3170
- -webkit-transition: all 2s;
3171
- transition: all 2s;
3172
3174
  position: absolute;
3173
- display: none;
3174
- width: 100%;
3175
3175
  top: 0;
3176
3176
  bottom: 0;
3177
+ display: none;
3178
+ width: 100%;
3177
3179
  background-color: rgba(0, 0, 0, 0.5);
3180
+ -webkit-transition: all 2s;
3181
+ transition: all 2s;
3178
3182
  }
3179
3183
  .pro-upload .pro-upload-image .file-item-image .actions-wrap .action-top {
3180
- -webkit-box-flex: 1;
3181
- -webkit-flex: 1;
3182
- -ms-flex: 1;
3183
- flex: 1;
3184
3184
  display: -webkit-box;
3185
3185
  display: -webkit-flex;
3186
3186
  display: -ms-flexbox;
3187
3187
  display: flex;
3188
- -webkit-box-align: center;
3189
- -webkit-align-items: center;
3190
- -ms-flex-align: center;
3191
- align-items: center;
3188
+ -webkit-box-flex: 1;
3189
+ -webkit-flex: 1;
3190
+ -ms-flex: 1;
3191
+ flex: 1;
3192
3192
  -webkit-box-orient: vertical;
3193
3193
  -webkit-box-direction: normal;
3194
3194
  -webkit-flex-direction: column;
3195
3195
  -ms-flex-direction: column;
3196
3196
  flex-direction: column;
3197
- height: calc(100% - 36px);
3197
+ -webkit-box-align: center;
3198
+ -webkit-align-items: center;
3199
+ -ms-flex-align: center;
3200
+ align-items: center;
3198
3201
  -webkit-box-pack: center;
3199
3202
  -webkit-justify-content: center;
3200
3203
  -ms-flex-pack: center;
3201
3204
  justify-content: center;
3205
+ height: calc(100% - 36px);
3202
3206
  }
3203
3207
  .pro-upload .pro-upload-image .file-item-image .actions-wrap .action-button {
3204
3208
  height: 36px;
3205
3209
  line-height: 36px;
3206
- background: #FFFFFF;
3207
3210
  text-align: center;
3211
+ background: #ffffff;
3208
3212
  }
3209
3213
  .pro-upload .pro-upload-image .file-item-image .actions-wrap .action-item {
3210
3214
  color: #fff;
@@ -3220,13 +3224,12 @@ span.ant-input-group-compact.pro-range-limit .forever-checkbox {
3220
3224
  opacity: 1;
3221
3225
  }
3222
3226
  .pro-upload .pro-upload-image .file-item-image .actions-wrap .action-button .action-item {
3223
- color: var(--zaui-danger, #FF005F);
3227
+ color: var(--zaui-danger, #ff005f);
3224
3228
  }
3225
3229
  .pro-upload .pro-upload-image .file-item-image.actions-wrap-error {
3226
- border: 1px solid #FF005F;
3230
+ border: 1px solid #ff005f;
3227
3231
  }
3228
3232
  .pro-upload .pro-upload-image .image-uploading {
3229
- padding: 20px;
3230
3233
  display: -webkit-box;
3231
3234
  display: -webkit-flex;
3232
3235
  display: -ms-flexbox;
@@ -3236,6 +3239,7 @@ span.ant-input-group-compact.pro-range-limit .forever-checkbox {
3236
3239
  -ms-flex-align: center;
3237
3240
  align-items: center;
3238
3241
  height: inherit;
3242
+ padding: 20px;
3239
3243
  }
3240
3244
  .pro-upload .pro-upload-image .ant-space-item {
3241
3245
  display: -webkit-inline-box;
@@ -3282,10 +3286,6 @@ span.ant-input-group-compact.pro-range-limit .forever-checkbox {
3282
3286
  text-rendering: optimizeLegibility;
3283
3287
  }
3284
3288
  .pro-upload-example {
3285
- width: 100%;
3286
- max-height: 400px;
3287
- min-height: 200px;
3288
- overflow-y: auto;
3289
3289
  display: -webkit-box;
3290
3290
  display: -webkit-flex;
3291
3291
  display: -ms-flexbox;
@@ -3298,6 +3298,10 @@ span.ant-input-group-compact.pro-range-limit .forever-checkbox {
3298
3298
  -webkit-justify-content: center;
3299
3299
  -ms-flex-pack: center;
3300
3300
  justify-content: center;
3301
+ width: 100%;
3302
+ min-height: 200px;
3303
+ max-height: 400px;
3304
+ overflow-y: auto;
3301
3305
  }
3302
3306
  .proupload-modal-preview .ant-modal {
3303
3307
  width: 600px;
package/dist/less.esm.css CHANGED
@@ -682,7 +682,7 @@
682
682
  .pro-collapse .pro-collapse-icon img {
683
683
  vertical-align: sub;
684
684
  }
685
- .pro-collapse.pro-collapse-no-title .ant-collapse-header {
685
+ .pro-collapse.pro-collapse-no-title > .pro-collapse-panel > .ant-collapse-header {
686
686
  display: none !important;
687
687
  }
688
688
  .pro-collapse.pro-collapse-no-title .pro-collapse-level2 .ant-collapse-header {
@@ -1226,7 +1226,7 @@
1226
1226
  .pro-layout.pro-layout-light .pro-collapse.pro-collapse-no-title .pro-header-no-describe {
1227
1227
  padding: 0 !important;
1228
1228
  }
1229
- .pro-layout.pro-layout-light .pro-collapse .ant-collapse-item-active.pro-collapse-panel .ant-collapse-header {
1229
+ .pro-layout.pro-layout-light .pro-collapse .ant-collapse-item-active.pro-collapse-panel > .ant-collapse-header {
1230
1230
  border-radius: var(--zaui-border-radius, 8px) var(--zaui-border-radius, 8px) 0 0 !important;
1231
1231
  }
1232
1232
  .pro-layout.pro-layout-light .pro-collapse .pro-collapse-content {
@@ -2966,16 +2966,14 @@ span.ant-input-group-compact.pro-range-limit .forever-checkbox {
2966
2966
  width: auto;
2967
2967
  }
2968
2968
  .pro-upload .pro-upload-dragger .pro-upload-handle-box {
2969
- background: #F8F9FA;
2970
- border-radius: var(--zaui-border-radius, 8px);
2971
2969
  padding: var(--zaui-space-size-sm, 8px);
2970
+ background: #f8f9fa;
2971
+ border-radius: var(--zaui-border-radius, 8px);
2972
2972
  }
2973
2973
  .pro-upload .pro-upload-dragger .pro-upload-handle-box .ant-upload.ant-upload-drag {
2974
2974
  background-color: var(--zaui-base-bg, #fff);
2975
2975
  }
2976
2976
  .pro-upload .pro-upload-dragger .pro-upload-handle-box .drag-upload-inner {
2977
- min-width: 392px;
2978
- height: 110px;
2979
2977
  display: -webkit-box;
2980
2978
  display: -webkit-flex;
2981
2979
  display: -ms-flexbox;
@@ -2988,6 +2986,8 @@ span.ant-input-group-compact.pro-range-limit .forever-checkbox {
2988
2986
  -webkit-justify-content: center;
2989
2987
  -ms-flex-pack: center;
2990
2988
  justify-content: center;
2989
+ min-width: 392px;
2990
+ height: 110px;
2991
2991
  }
2992
2992
  .pro-upload .pro-upload-dragger .pro-upload-handle-box .drag-upload-inner .upload-dragger-control {
2993
2993
  background-color: var(--zaui-base-bg, #fff);
@@ -2997,47 +2997,47 @@ span.ant-input-group-compact.pro-range-limit .forever-checkbox {
2997
2997
  display: -webkit-flex;
2998
2998
  display: -ms-flexbox;
2999
2999
  display: flex;
3000
- line-height: 26px;
3001
3000
  -webkit-box-align: center;
3002
3001
  -webkit-align-items: center;
3003
3002
  -ms-flex-align: center;
3004
3003
  align-items: center;
3004
+ line-height: 26px;
3005
3005
  }
3006
3006
  .pro-upload .pro-upload-dragger .pro-upload-handle-box .drag-upload-inner .upload-dragger-control .dragger-txt-line1 .icon-upload {
3007
3007
  display: inline-block;
3008
+ color: #c5c7cd;
3008
3009
  font-size: 30px;
3009
- color: #C5C7CD;
3010
3010
  }
3011
3011
  .pro-upload .pro-upload-dragger .pro-upload-handle-box .drag-upload-inner .upload-dragger-control .dragger-txt-line1 .dragger-txt {
3012
3012
  margin-left: 9px;
3013
- font-size: var(--zaui-font-size, 14px);
3014
3013
  color: rgba(0, 0, 0, 0.85);
3014
+ font-size: var(--zaui-font-size, 14px);
3015
3015
  line-height: 20px;
3016
3016
  }
3017
3017
  .pro-upload .pro-upload-dragger .pro-upload-handle-box .drag-upload-inner .upload-dragger-control .dragger-txt-line1 .click-txt {
3018
- color: var(--zaui-brand, #006AFF);
3018
+ color: var(--zaui-brand, #006aff);
3019
3019
  }
3020
3020
  .pro-upload .pro-upload-dragger .pro-upload-handle-box .drag-upload-inner .upload-dragger-control .file-ext {
3021
- text-align: center;
3022
3021
  margin-top: 10px;
3023
- font-size: var(--zaui-font-size-sm, 12px);
3024
3022
  color: #939599;
3023
+ font-size: var(--zaui-font-size-sm, 12px);
3025
3024
  line-height: 14px;
3025
+ text-align: center;
3026
3026
  }
3027
3027
  .pro-upload .pro-upload-dragger .pro-upload-handle-box .drag-upload-inner .dragger-single-file {
3028
3028
  display: -webkit-box;
3029
3029
  display: -webkit-flex;
3030
3030
  display: -ms-flexbox;
3031
3031
  display: flex;
3032
- -webkit-box-pack: center;
3033
- -webkit-justify-content: center;
3034
- -ms-flex-pack: center;
3035
- justify-content: center;
3036
3032
  -webkit-box-orient: vertical;
3037
3033
  -webkit-box-direction: normal;
3038
3034
  -webkit-flex-direction: column;
3039
3035
  -ms-flex-direction: column;
3040
3036
  flex-direction: column;
3037
+ -webkit-box-pack: center;
3038
+ -webkit-justify-content: center;
3039
+ -ms-flex-pack: center;
3040
+ justify-content: center;
3041
3041
  padding: 0 var(--zaui-space-size-lg, 32px);
3042
3042
  }
3043
3043
  .pro-upload .pro-upload-dragger .pro-upload-handle-box .drag-upload-inner .dragger-single-file .file-type-icon {
@@ -3049,11 +3049,11 @@ span.ant-input-group-compact.pro-range-limit .forever-checkbox {
3049
3049
  padding: 0 var(--zaui-space-size-lg, 32px);
3050
3050
  }
3051
3051
  .pro-upload .pro-upload-dragger .pro-upload-handle-box .drag-upload-inner .dragger-single-file .file-info-box {
3052
- margin-top: 11px;
3053
3052
  display: -webkit-box;
3054
3053
  display: -webkit-flex;
3055
3054
  display: -ms-flexbox;
3056
3055
  display: flex;
3056
+ margin-top: 11px;
3057
3057
  }
3058
3058
  .pro-upload .pro-upload-dragger .pro-upload-handle-box .drag-upload-inner .dragger-single-file .file-info-box.file-box-error {
3059
3059
  color: var(--zaui-danger);
@@ -3061,9 +3061,9 @@ span.ant-input-group-compact.pro-range-limit .forever-checkbox {
3061
3061
  .pro-upload .pro-upload-dragger .pro-upload-handle-box .drag-upload-inner .dragger-single-file .file-info-box .file-name {
3062
3062
  display: box;
3063
3063
  overflow: hidden;
3064
+ word-break: break-all;
3064
3065
  line-clamp: 1;
3065
3066
  box-orient: vertical;
3066
- word-break: break-all;
3067
3067
  }
3068
3068
  .pro-upload .pro-upload-dragger .pro-upload-handle-box .drag-upload-inner .dragger-single-file .file-info-box .file-ext {
3069
3069
  word-break: keep-all;
@@ -3084,6 +3084,10 @@ span.ant-input-group-compact.pro-range-limit .forever-checkbox {
3084
3084
  -ms-flex-pack: center;
3085
3085
  justify-content: center;
3086
3086
  margin-top: 3px;
3087
+ color: #1890ff;
3088
+ }
3089
+ .pro-upload .pro-upload-dragger .pro-upload-handle-box .drag-upload-inner .dragger-single-file .file-action-box > div {
3090
+ cursor: pointer;
3087
3091
  }
3088
3092
  .pro-upload .pro-upload-dragger .pro-upload-handle-box .drag-upload-inner .dragger-single-file .file-action-box .file-del {
3089
3093
  margin-left: 30px;
@@ -3095,8 +3099,8 @@ span.ant-input-group-compact.pro-range-limit .forever-checkbox {
3095
3099
  display: flex;
3096
3100
  }
3097
3101
  .pro-upload .pro-upload-button > span {
3098
- width: 100%;
3099
3102
  display: block;
3103
+ width: 100%;
3100
3104
  }
3101
3105
  .pro-upload .pro-upload-button .pro-upload-button-inner {
3102
3106
  display: -webkit-box;
@@ -3105,14 +3109,14 @@ span.ant-input-group-compact.pro-range-limit .forever-checkbox {
3105
3109
  display: flex;
3106
3110
  }
3107
3111
  .pro-upload .pro-upload-button .pro-upload-button-inner .pro-upload-button-inner-right {
3108
- line-height: 32px;
3109
3112
  margin-left: 10px;
3113
+ line-height: 32px;
3110
3114
  }
3111
3115
  .pro-upload .pro-upload-button .upload-tip-txt {
3112
3116
  margin-left: 10px;
3113
- line-height: 32px;
3114
- font-size: var(--zaui-font-size-sm, 12px);
3115
3117
  color: #939599;
3118
+ font-size: var(--zaui-font-size-sm, 12px);
3119
+ line-height: 32px;
3116
3120
  }
3117
3121
  .pro-upload .pro-upload-image {
3118
3122
  position: relative;
@@ -3128,32 +3132,32 @@ span.ant-input-group-compact.pro-range-limit .forever-checkbox {
3128
3132
  }
3129
3133
  .pro-upload .pro-upload-image .image-example {
3130
3134
  position: absolute;
3131
- word-break: keep-all;
3132
3135
  top: 0;
3133
3136
  right: -10px;
3134
3137
  width: 88px;
3135
3138
  height: 32px;
3136
- -webkit-transform: translate(100%, 0);
3137
- transform: translate(100%, 0);
3138
- text-align: center;
3139
3139
  line-height: 32px;
3140
- background: #FFFFFF;
3140
+ text-align: center;
3141
+ word-break: keep-all;
3142
+ background: #ffffff;
3143
+ border: 1px solid #dcdcdc;
3141
3144
  border-radius: var(--zaui-border-radius, 8px);
3142
- border: 1px solid #DCDCDC;
3145
+ -webkit-transform: translate(100%, 0);
3146
+ transform: translate(100%, 0);
3143
3147
  }
3144
3148
  .pro-upload .pro-upload-image .file-item-image {
3145
3149
  position: relative;
3146
- height: 126px;
3147
3150
  width: 126px;
3148
- border: 1px dashed #d9d9d9;
3151
+ height: 126px;
3149
3152
  overflow: hidden;
3153
+ border: 1px dashed #d9d9d9;
3150
3154
  border-radius: 8px;
3151
3155
  }
3152
3156
  .pro-upload .pro-upload-image .file-item-image .file-type-icon-img {
3153
3157
  position: absolute;
3154
- width: 30px;
3155
3158
  top: 50%;
3156
3159
  left: 50%;
3160
+ width: 30px;
3157
3161
  -webkit-transform: translate(-50%, -50%);
3158
3162
  transform: translate(-50%, -50%);
3159
3163
  }
@@ -3167,44 +3171,44 @@ span.ant-input-group-compact.pro-range-limit .forever-checkbox {
3167
3171
  background-color: rgba(0, 0, 0, 0.75);
3168
3172
  }
3169
3173
  .pro-upload .pro-upload-image .file-item-image .actions-wrap {
3170
- -webkit-transition: all 2s;
3171
- transition: all 2s;
3172
3174
  position: absolute;
3173
- display: none;
3174
- width: 100%;
3175
3175
  top: 0;
3176
3176
  bottom: 0;
3177
+ display: none;
3178
+ width: 100%;
3177
3179
  background-color: rgba(0, 0, 0, 0.5);
3180
+ -webkit-transition: all 2s;
3181
+ transition: all 2s;
3178
3182
  }
3179
3183
  .pro-upload .pro-upload-image .file-item-image .actions-wrap .action-top {
3180
- -webkit-box-flex: 1;
3181
- -webkit-flex: 1;
3182
- -ms-flex: 1;
3183
- flex: 1;
3184
3184
  display: -webkit-box;
3185
3185
  display: -webkit-flex;
3186
3186
  display: -ms-flexbox;
3187
3187
  display: flex;
3188
- -webkit-box-align: center;
3189
- -webkit-align-items: center;
3190
- -ms-flex-align: center;
3191
- align-items: center;
3188
+ -webkit-box-flex: 1;
3189
+ -webkit-flex: 1;
3190
+ -ms-flex: 1;
3191
+ flex: 1;
3192
3192
  -webkit-box-orient: vertical;
3193
3193
  -webkit-box-direction: normal;
3194
3194
  -webkit-flex-direction: column;
3195
3195
  -ms-flex-direction: column;
3196
3196
  flex-direction: column;
3197
- height: calc(100% - 36px);
3197
+ -webkit-box-align: center;
3198
+ -webkit-align-items: center;
3199
+ -ms-flex-align: center;
3200
+ align-items: center;
3198
3201
  -webkit-box-pack: center;
3199
3202
  -webkit-justify-content: center;
3200
3203
  -ms-flex-pack: center;
3201
3204
  justify-content: center;
3205
+ height: calc(100% - 36px);
3202
3206
  }
3203
3207
  .pro-upload .pro-upload-image .file-item-image .actions-wrap .action-button {
3204
3208
  height: 36px;
3205
3209
  line-height: 36px;
3206
- background: #FFFFFF;
3207
3210
  text-align: center;
3211
+ background: #ffffff;
3208
3212
  }
3209
3213
  .pro-upload .pro-upload-image .file-item-image .actions-wrap .action-item {
3210
3214
  color: #fff;
@@ -3220,13 +3224,12 @@ span.ant-input-group-compact.pro-range-limit .forever-checkbox {
3220
3224
  opacity: 1;
3221
3225
  }
3222
3226
  .pro-upload .pro-upload-image .file-item-image .actions-wrap .action-button .action-item {
3223
- color: var(--zaui-danger, #FF005F);
3227
+ color: var(--zaui-danger, #ff005f);
3224
3228
  }
3225
3229
  .pro-upload .pro-upload-image .file-item-image.actions-wrap-error {
3226
- border: 1px solid #FF005F;
3230
+ border: 1px solid #ff005f;
3227
3231
  }
3228
3232
  .pro-upload .pro-upload-image .image-uploading {
3229
- padding: 20px;
3230
3233
  display: -webkit-box;
3231
3234
  display: -webkit-flex;
3232
3235
  display: -ms-flexbox;
@@ -3236,6 +3239,7 @@ span.ant-input-group-compact.pro-range-limit .forever-checkbox {
3236
3239
  -ms-flex-align: center;
3237
3240
  align-items: center;
3238
3241
  height: inherit;
3242
+ padding: 20px;
3239
3243
  }
3240
3244
  .pro-upload .pro-upload-image .ant-space-item {
3241
3245
  display: -webkit-inline-box;
@@ -3282,10 +3286,6 @@ span.ant-input-group-compact.pro-range-limit .forever-checkbox {
3282
3286
  text-rendering: optimizeLegibility;
3283
3287
  }
3284
3288
  .pro-upload-example {
3285
- width: 100%;
3286
- max-height: 400px;
3287
- min-height: 200px;
3288
- overflow-y: auto;
3289
3289
  display: -webkit-box;
3290
3290
  display: -webkit-flex;
3291
3291
  display: -ms-flexbox;
@@ -3298,6 +3298,10 @@ span.ant-input-group-compact.pro-range-limit .forever-checkbox {
3298
3298
  -webkit-justify-content: center;
3299
3299
  -ms-flex-pack: center;
3300
3300
  justify-content: center;
3301
+ width: 100%;
3302
+ min-height: 200px;
3303
+ max-height: 400px;
3304
+ overflow-y: auto;
3301
3305
  }
3302
3306
  .proupload-modal-preview .ant-modal {
3303
3307
  width: 600px;
@@ -89,6 +89,10 @@ var RenderField = function RenderField(_ref) {
89
89
  }
90
90
  // type类型 首字母转大写
91
91
  type = ((_type = type) === null || _type === void 0 ? void 0 : (_type$replace = _type.replace) === null || _type$replace === void 0 ? void 0 : _type$replace.call(_type, type[0], type[0].toUpperCase())) || 'Input';
92
+ // 自定义组件时 防止默认值影像后续判断
93
+ if ('component' in column) {
94
+ type = null;
95
+ }
92
96
  // 单行正在编辑时,临时生成一套formItem用来存储中间值,点击取消时候重置回上一次状态
93
97
  var namePath = getNamePath(name, virtualKey);
94
98
  var rowData = form.getFieldValue([].concat(_toConsumableArray(namePath), [index])) || record || {};
@@ -522,7 +526,8 @@ var RenderField = function RenderField(_ref) {
522
526
  delete _formItemProps.rules;
523
527
  }
524
528
  var _className = classNames(_defineProperty(_defineProperty({}, className, className), 'pro-form-item-changed', changed));
525
- var FormItem = TargetComponent ? _jsx(_Form.Item, _objectSpread(_objectSpread({
529
+ var FormItem = null;
530
+ FormItem = TargetComponent ? _jsx(_Form.Item, _objectSpread(_objectSpread({
526
531
  validateFirst: true
527
532
  }, omit(_formItemProps, ['render', 'cache', 'key', 'width', 'hiddenNames', 'name'])), {}, {
528
533
  className: _className,
@@ -531,6 +536,20 @@ var RenderField = function RenderField(_ref) {
531
536
  })) : _jsx(Container, {
532
537
  viewEmpty: viewEmpty
533
538
  });
539
+ if (type === 'FormList') {
540
+ FormItem = _jsx(_Form.List, _objectSpread(_objectSpread({
541
+ name: formNamePath ? cellName.slice((formNamePath === null || formNamePath === void 0 ? void 0 : formNamePath.length) - 1) : cellName
542
+ }, omit(_formItemProps, ['render', 'cache', 'key', 'width', 'hiddenNames', 'name'])), {}, {
543
+ children: function children(fields, operation, meta) {
544
+ return _jsx(TargetComponent, _objectSpread(_objectSpread({}, componentProps), {}, {
545
+ otherProps: otherProps,
546
+ fields: fields,
547
+ operation: operation,
548
+ meta: meta
549
+ }));
550
+ }
551
+ }));
552
+ }
534
553
  var originalTitle = originalDiffTip && originalValues ? _jsxs(_Space, {
535
554
  children: ["\u521D\u59CB\u503C\uFF1A", /*#__PURE__*/React.isValidElement(TargetComponent) ? ( /*#__PURE__*/React.cloneElement(TargetComponent, _objectSpread(_objectSpread({}, componentProps), {}, {
536
555
  isView: true,
@@ -66,12 +66,12 @@ export interface BaseActionProps<T = any> {
66
66
  * @description 按钮前置校验事件
67
67
  * @default -
68
68
  */
69
- onClick?: ShowFunction<T>;
69
+ onClick?: (record?: any, index?: number) => any;
70
70
  /**
71
71
  * @description 按钮前置校验事件
72
72
  * @default -
73
73
  */
74
- onHandle?: ShowFunction<T>;
74
+ onHandle?: (record?: any, index?: number) => any;
75
75
  /**
76
76
  * @description 支持antd的Button属性
77
77
  * @default -
@@ -250,6 +250,7 @@ export var transformColumns = function transformColumns() {
250
250
  after = item.after;
251
251
  // column设置label时,权重最高
252
252
  var columnTitle = label || title;
253
+ item.title = columnTitle;
253
254
  if (typeof columnTitle === 'string') {
254
255
  item.originTitle = columnTitle;
255
256
  if (tooltip) {
@@ -4,6 +4,7 @@ interface Props extends Pick<ProEnum, 'value' | 'onChange' | 'dataSource'> {
4
4
  fieldLabel: string;
5
5
  disabled?: boolean;
6
6
  allowClear?: boolean;
7
+ button?: boolean;
7
8
  }
8
9
  declare const Group: (props: Props) => JSX.Element;
9
10
  export default Group;