@zat-design/sisyphus-react 3.4.10 → 3.4.11-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 (81) hide show
  1. package/dist/index.esm.css +64 -50
  2. package/dist/less.esm.css +64 -50
  3. package/es/ProEditTable/components/DndWrapper/index.d.ts +1 -0
  4. package/es/ProEditTable/components/DndWrapper/index.js +4 -3
  5. package/es/ProEditTable/components/RenderField/index.js +6 -10
  6. package/es/ProEditTable/index.js +49 -56
  7. package/es/ProEditTable/propsType.d.ts +5 -0
  8. package/es/ProEditTable/style/index.less +10 -0
  9. package/es/ProForm/components/base/DatePicker/useDateLimit.d.ts +9 -0
  10. package/es/ProForm/components/base/DatePicker/useDateLimit.js +15 -0
  11. package/es/ProForm/components/base/InputNumber/index.js +42 -28
  12. package/es/ProForm/components/combination/FormList/components/ActionButton.js +35 -29
  13. package/es/ProForm/components/combination/FormList/components/ToolbarButton.js +28 -20
  14. package/es/ProForm/components/combination/FormList/propsType.d.ts +4 -4
  15. package/es/ProForm/components/combination/Group/component/ComRender.d.ts +3 -0
  16. package/es/ProForm/components/combination/Group/index.js +2 -2
  17. package/es/ProForm/components/combination/Group/style/index.less +1 -1
  18. package/es/ProForm/components/combination/Group/utils.d.ts +1 -1
  19. package/es/ProForm/components/combination/Group/utils.js +40 -5
  20. package/es/ProForm/components/combination/ProCascader/utils/index.js +5 -3
  21. package/es/ProForm/components/combination/ProRangeLimit/index.d.ts +1 -1
  22. package/es/ProForm/components/combination/ProRangeLimit/index.js +4 -3
  23. package/es/ProForm/index.js +3 -2
  24. package/es/ProForm/utils/useDeepCompareMemo.d.ts +1 -1
  25. package/es/ProForm/utils/useDeepCompareMemo.js +2 -1
  26. package/es/ProForm/utils/useForm.js +11 -2
  27. package/es/ProForm/utils/useShouldUpdate.js +8 -2
  28. package/es/ProIcon/index.d.ts +1 -0
  29. package/es/ProIcon/index.js +2 -3
  30. package/es/ProIcon/symbolIcon.js +43 -0
  31. package/es/ProTree/components/ProTree.js +18 -10
  32. package/es/ProTree/components/ProTreeSelect/index.js +2 -2
  33. package/es/ProTree/components/Tree.js +11 -6
  34. package/es/ProTree/index.js +2 -1
  35. package/es/ProUpload/components/ButtonRender.d.ts +1 -0
  36. package/es/ProUpload/components/ButtonRender.js +3 -1
  37. package/es/ProUpload/components/FileItem.d.ts +1 -0
  38. package/es/ProUpload/components/FileItem.js +21 -3
  39. package/es/ProUpload/index.js +4 -2
  40. package/es/ProUpload/propsType.d.ts +5 -0
  41. package/es/ProUpload/style/index.less +101 -111
  42. package/lib/ProEditTable/components/DndWrapper/index.d.ts +1 -0
  43. package/lib/ProEditTable/components/DndWrapper/index.js +4 -3
  44. package/lib/ProEditTable/components/RenderField/index.js +6 -10
  45. package/lib/ProEditTable/index.js +48 -55
  46. package/lib/ProEditTable/propsType.d.ts +5 -0
  47. package/lib/ProEditTable/style/index.less +10 -0
  48. package/lib/ProForm/components/base/DatePicker/useDateLimit.d.ts +9 -0
  49. package/lib/ProForm/components/base/DatePicker/useDateLimit.js +22 -0
  50. package/lib/ProForm/components/base/InputNumber/index.js +41 -27
  51. package/lib/ProForm/components/combination/FormList/components/ActionButton.js +35 -29
  52. package/lib/ProForm/components/combination/FormList/components/ToolbarButton.js +28 -20
  53. package/lib/ProForm/components/combination/FormList/propsType.d.ts +4 -4
  54. package/lib/ProForm/components/combination/Group/component/ComRender.d.ts +3 -0
  55. package/lib/ProForm/components/combination/Group/index.js +1 -1
  56. package/lib/ProForm/components/combination/Group/style/index.less +1 -1
  57. package/lib/ProForm/components/combination/Group/utils.d.ts +1 -1
  58. package/lib/ProForm/components/combination/Group/utils.js +40 -5
  59. package/lib/ProForm/components/combination/ProCascader/utils/index.js +5 -3
  60. package/lib/ProForm/components/combination/ProRangeLimit/index.d.ts +1 -1
  61. package/lib/ProForm/components/combination/ProRangeLimit/index.js +4 -3
  62. package/lib/ProForm/index.js +3 -2
  63. package/lib/ProForm/utils/useDeepCompareMemo.d.ts +1 -1
  64. package/lib/ProForm/utils/useDeepCompareMemo.js +2 -1
  65. package/lib/ProForm/utils/useForm.js +11 -2
  66. package/lib/ProForm/utils/useShouldUpdate.js +8 -2
  67. package/lib/ProIcon/index.d.ts +1 -0
  68. package/lib/ProIcon/index.js +1 -2
  69. package/lib/ProIcon/symbolIcon.js +45 -0
  70. package/lib/ProTree/components/ProTree.js +17 -9
  71. package/lib/ProTree/components/ProTreeSelect/index.js +2 -2
  72. package/lib/ProTree/components/Tree.js +11 -6
  73. package/lib/ProTree/index.js +2 -1
  74. package/lib/ProUpload/components/ButtonRender.d.ts +1 -0
  75. package/lib/ProUpload/components/ButtonRender.js +3 -1
  76. package/lib/ProUpload/components/FileItem.d.ts +1 -0
  77. package/lib/ProUpload/components/FileItem.js +19 -3
  78. package/lib/ProUpload/index.js +4 -2
  79. package/lib/ProUpload/propsType.d.ts +5 -0
  80. package/lib/ProUpload/style/index.less +101 -111
  81. package/package.json +1 -1
@@ -2437,6 +2437,10 @@ span.ant-input-group-compact.pro-range-limit .forever-checkbox {
2437
2437
  }
2438
2438
  .pro-group {
2439
2439
  width: unset !important;
2440
+ display: -webkit-box;
2441
+ display: -webkit-flex;
2442
+ display: -ms-flexbox;
2443
+ display: flex;
2440
2444
  }
2441
2445
  .pro-group.pro-group-diy-width .ant-space .ant-space-item,
2442
2446
  .pro-group.pro-group-width-auto .ant-space .ant-space-item {
@@ -2966,16 +2970,14 @@ span.ant-input-group-compact.pro-range-limit .forever-checkbox {
2966
2970
  width: auto;
2967
2971
  }
2968
2972
  .pro-upload .pro-upload-dragger .pro-upload-handle-box {
2969
- background: #F8F9FA;
2970
- border-radius: var(--zaui-border-radius, 8px);
2971
2973
  padding: var(--zaui-space-size-sm, 8px);
2974
+ background: #f8f9fa;
2975
+ border-radius: var(--zaui-border-radius, 8px);
2972
2976
  }
2973
2977
  .pro-upload .pro-upload-dragger .pro-upload-handle-box .ant-upload.ant-upload-drag {
2974
2978
  background-color: var(--zaui-base-bg, #fff);
2975
2979
  }
2976
2980
  .pro-upload .pro-upload-dragger .pro-upload-handle-box .drag-upload-inner {
2977
- min-width: 392px;
2978
- height: 110px;
2979
2981
  display: -webkit-box;
2980
2982
  display: -webkit-flex;
2981
2983
  display: -ms-flexbox;
@@ -2988,6 +2990,8 @@ span.ant-input-group-compact.pro-range-limit .forever-checkbox {
2988
2990
  -webkit-justify-content: center;
2989
2991
  -ms-flex-pack: center;
2990
2992
  justify-content: center;
2993
+ min-width: 392px;
2994
+ height: 110px;
2991
2995
  }
2992
2996
  .pro-upload .pro-upload-dragger .pro-upload-handle-box .drag-upload-inner .upload-dragger-control {
2993
2997
  background-color: var(--zaui-base-bg, #fff);
@@ -2997,47 +3001,47 @@ span.ant-input-group-compact.pro-range-limit .forever-checkbox {
2997
3001
  display: -webkit-flex;
2998
3002
  display: -ms-flexbox;
2999
3003
  display: flex;
3000
- line-height: 26px;
3001
3004
  -webkit-box-align: center;
3002
3005
  -webkit-align-items: center;
3003
3006
  -ms-flex-align: center;
3004
3007
  align-items: center;
3008
+ line-height: 26px;
3005
3009
  }
3006
3010
  .pro-upload .pro-upload-dragger .pro-upload-handle-box .drag-upload-inner .upload-dragger-control .dragger-txt-line1 .icon-upload {
3007
3011
  display: inline-block;
3012
+ color: #c5c7cd;
3008
3013
  font-size: 30px;
3009
- color: #C5C7CD;
3010
3014
  }
3011
3015
  .pro-upload .pro-upload-dragger .pro-upload-handle-box .drag-upload-inner .upload-dragger-control .dragger-txt-line1 .dragger-txt {
3012
3016
  margin-left: 9px;
3013
- font-size: var(--zaui-font-size, 14px);
3014
3017
  color: rgba(0, 0, 0, 0.85);
3018
+ font-size: var(--zaui-font-size, 14px);
3015
3019
  line-height: 20px;
3016
3020
  }
3017
3021
  .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);
3022
+ color: var(--zaui-brand, #006aff);
3019
3023
  }
3020
3024
  .pro-upload .pro-upload-dragger .pro-upload-handle-box .drag-upload-inner .upload-dragger-control .file-ext {
3021
- text-align: center;
3022
3025
  margin-top: 10px;
3023
- font-size: var(--zaui-font-size-sm, 12px);
3024
3026
  color: #939599;
3027
+ font-size: var(--zaui-font-size-sm, 12px);
3025
3028
  line-height: 14px;
3029
+ text-align: center;
3026
3030
  }
3027
3031
  .pro-upload .pro-upload-dragger .pro-upload-handle-box .drag-upload-inner .dragger-single-file {
3028
3032
  display: -webkit-box;
3029
3033
  display: -webkit-flex;
3030
3034
  display: -ms-flexbox;
3031
3035
  display: flex;
3032
- -webkit-box-pack: center;
3033
- -webkit-justify-content: center;
3034
- -ms-flex-pack: center;
3035
- justify-content: center;
3036
3036
  -webkit-box-orient: vertical;
3037
3037
  -webkit-box-direction: normal;
3038
3038
  -webkit-flex-direction: column;
3039
3039
  -ms-flex-direction: column;
3040
3040
  flex-direction: column;
3041
+ -webkit-box-pack: center;
3042
+ -webkit-justify-content: center;
3043
+ -ms-flex-pack: center;
3044
+ justify-content: center;
3041
3045
  padding: 0 var(--zaui-space-size-lg, 32px);
3042
3046
  }
3043
3047
  .pro-upload .pro-upload-dragger .pro-upload-handle-box .drag-upload-inner .dragger-single-file .file-type-icon {
@@ -3049,11 +3053,11 @@ span.ant-input-group-compact.pro-range-limit .forever-checkbox {
3049
3053
  padding: 0 var(--zaui-space-size-lg, 32px);
3050
3054
  }
3051
3055
  .pro-upload .pro-upload-dragger .pro-upload-handle-box .drag-upload-inner .dragger-single-file .file-info-box {
3052
- margin-top: 11px;
3053
3056
  display: -webkit-box;
3054
3057
  display: -webkit-flex;
3055
3058
  display: -ms-flexbox;
3056
3059
  display: flex;
3060
+ margin-top: 11px;
3057
3061
  }
3058
3062
  .pro-upload .pro-upload-dragger .pro-upload-handle-box .drag-upload-inner .dragger-single-file .file-info-box.file-box-error {
3059
3063
  color: var(--zaui-danger);
@@ -3061,9 +3065,9 @@ span.ant-input-group-compact.pro-range-limit .forever-checkbox {
3061
3065
  .pro-upload .pro-upload-dragger .pro-upload-handle-box .drag-upload-inner .dragger-single-file .file-info-box .file-name {
3062
3066
  display: box;
3063
3067
  overflow: hidden;
3068
+ word-break: break-all;
3064
3069
  line-clamp: 1;
3065
3070
  box-orient: vertical;
3066
- word-break: break-all;
3067
3071
  }
3068
3072
  .pro-upload .pro-upload-dragger .pro-upload-handle-box .drag-upload-inner .dragger-single-file .file-info-box .file-ext {
3069
3073
  word-break: keep-all;
@@ -3084,6 +3088,10 @@ span.ant-input-group-compact.pro-range-limit .forever-checkbox {
3084
3088
  -ms-flex-pack: center;
3085
3089
  justify-content: center;
3086
3090
  margin-top: 3px;
3091
+ color: #1890ff;
3092
+ }
3093
+ .pro-upload .pro-upload-dragger .pro-upload-handle-box .drag-upload-inner .dragger-single-file .file-action-box > div {
3094
+ cursor: pointer;
3087
3095
  }
3088
3096
  .pro-upload .pro-upload-dragger .pro-upload-handle-box .drag-upload-inner .dragger-single-file .file-action-box .file-del {
3089
3097
  margin-left: 30px;
@@ -3095,8 +3103,8 @@ span.ant-input-group-compact.pro-range-limit .forever-checkbox {
3095
3103
  display: flex;
3096
3104
  }
3097
3105
  .pro-upload .pro-upload-button > span {
3098
- width: 100%;
3099
3106
  display: block;
3107
+ width: 100%;
3100
3108
  }
3101
3109
  .pro-upload .pro-upload-button .pro-upload-button-inner {
3102
3110
  display: -webkit-box;
@@ -3105,14 +3113,14 @@ span.ant-input-group-compact.pro-range-limit .forever-checkbox {
3105
3113
  display: flex;
3106
3114
  }
3107
3115
  .pro-upload .pro-upload-button .pro-upload-button-inner .pro-upload-button-inner-right {
3108
- line-height: 32px;
3109
3116
  margin-left: 10px;
3117
+ line-height: 32px;
3110
3118
  }
3111
3119
  .pro-upload .pro-upload-button .upload-tip-txt {
3112
3120
  margin-left: 10px;
3113
- line-height: 32px;
3114
- font-size: var(--zaui-font-size-sm, 12px);
3115
3121
  color: #939599;
3122
+ font-size: var(--zaui-font-size-sm, 12px);
3123
+ line-height: 32px;
3116
3124
  }
3117
3125
  .pro-upload .pro-upload-image {
3118
3126
  position: relative;
@@ -3128,32 +3136,32 @@ span.ant-input-group-compact.pro-range-limit .forever-checkbox {
3128
3136
  }
3129
3137
  .pro-upload .pro-upload-image .image-example {
3130
3138
  position: absolute;
3131
- word-break: keep-all;
3132
3139
  top: 0;
3133
3140
  right: -10px;
3134
3141
  width: 88px;
3135
3142
  height: 32px;
3136
- -webkit-transform: translate(100%, 0);
3137
- transform: translate(100%, 0);
3138
- text-align: center;
3139
3143
  line-height: 32px;
3140
- background: #FFFFFF;
3144
+ text-align: center;
3145
+ word-break: keep-all;
3146
+ background: #ffffff;
3147
+ border: 1px solid #dcdcdc;
3141
3148
  border-radius: var(--zaui-border-radius, 8px);
3142
- border: 1px solid #DCDCDC;
3149
+ -webkit-transform: translate(100%, 0);
3150
+ transform: translate(100%, 0);
3143
3151
  }
3144
3152
  .pro-upload .pro-upload-image .file-item-image {
3145
3153
  position: relative;
3146
- height: 126px;
3147
3154
  width: 126px;
3148
- border: 1px dashed #d9d9d9;
3155
+ height: 126px;
3149
3156
  overflow: hidden;
3157
+ border: 1px dashed #d9d9d9;
3150
3158
  border-radius: 8px;
3151
3159
  }
3152
3160
  .pro-upload .pro-upload-image .file-item-image .file-type-icon-img {
3153
3161
  position: absolute;
3154
- width: 30px;
3155
3162
  top: 50%;
3156
3163
  left: 50%;
3164
+ width: 30px;
3157
3165
  -webkit-transform: translate(-50%, -50%);
3158
3166
  transform: translate(-50%, -50%);
3159
3167
  }
@@ -3167,44 +3175,44 @@ span.ant-input-group-compact.pro-range-limit .forever-checkbox {
3167
3175
  background-color: rgba(0, 0, 0, 0.75);
3168
3176
  }
3169
3177
  .pro-upload .pro-upload-image .file-item-image .actions-wrap {
3170
- -webkit-transition: all 2s;
3171
- transition: all 2s;
3172
3178
  position: absolute;
3173
- display: none;
3174
- width: 100%;
3175
3179
  top: 0;
3176
3180
  bottom: 0;
3181
+ display: none;
3182
+ width: 100%;
3177
3183
  background-color: rgba(0, 0, 0, 0.5);
3184
+ -webkit-transition: all 2s;
3185
+ transition: all 2s;
3178
3186
  }
3179
3187
  .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
3188
  display: -webkit-box;
3185
3189
  display: -webkit-flex;
3186
3190
  display: -ms-flexbox;
3187
3191
  display: flex;
3188
- -webkit-box-align: center;
3189
- -webkit-align-items: center;
3190
- -ms-flex-align: center;
3191
- align-items: center;
3192
+ -webkit-box-flex: 1;
3193
+ -webkit-flex: 1;
3194
+ -ms-flex: 1;
3195
+ flex: 1;
3192
3196
  -webkit-box-orient: vertical;
3193
3197
  -webkit-box-direction: normal;
3194
3198
  -webkit-flex-direction: column;
3195
3199
  -ms-flex-direction: column;
3196
3200
  flex-direction: column;
3197
- height: calc(100% - 36px);
3201
+ -webkit-box-align: center;
3202
+ -webkit-align-items: center;
3203
+ -ms-flex-align: center;
3204
+ align-items: center;
3198
3205
  -webkit-box-pack: center;
3199
3206
  -webkit-justify-content: center;
3200
3207
  -ms-flex-pack: center;
3201
3208
  justify-content: center;
3209
+ height: calc(100% - 36px);
3202
3210
  }
3203
3211
  .pro-upload .pro-upload-image .file-item-image .actions-wrap .action-button {
3204
3212
  height: 36px;
3205
3213
  line-height: 36px;
3206
- background: #FFFFFF;
3207
3214
  text-align: center;
3215
+ background: #ffffff;
3208
3216
  }
3209
3217
  .pro-upload .pro-upload-image .file-item-image .actions-wrap .action-item {
3210
3218
  color: #fff;
@@ -3220,13 +3228,12 @@ span.ant-input-group-compact.pro-range-limit .forever-checkbox {
3220
3228
  opacity: 1;
3221
3229
  }
3222
3230
  .pro-upload .pro-upload-image .file-item-image .actions-wrap .action-button .action-item {
3223
- color: var(--zaui-danger, #FF005F);
3231
+ color: var(--zaui-danger, #ff005f);
3224
3232
  }
3225
3233
  .pro-upload .pro-upload-image .file-item-image.actions-wrap-error {
3226
- border: 1px solid #FF005F;
3234
+ border: 1px solid #ff005f;
3227
3235
  }
3228
3236
  .pro-upload .pro-upload-image .image-uploading {
3229
- padding: 20px;
3230
3237
  display: -webkit-box;
3231
3238
  display: -webkit-flex;
3232
3239
  display: -ms-flexbox;
@@ -3236,6 +3243,7 @@ span.ant-input-group-compact.pro-range-limit .forever-checkbox {
3236
3243
  -ms-flex-align: center;
3237
3244
  align-items: center;
3238
3245
  height: inherit;
3246
+ padding: 20px;
3239
3247
  }
3240
3248
  .pro-upload .pro-upload-image .ant-space-item {
3241
3249
  display: -webkit-inline-box;
@@ -3282,10 +3290,6 @@ span.ant-input-group-compact.pro-range-limit .forever-checkbox {
3282
3290
  text-rendering: optimizeLegibility;
3283
3291
  }
3284
3292
  .pro-upload-example {
3285
- width: 100%;
3286
- max-height: 400px;
3287
- min-height: 200px;
3288
- overflow-y: auto;
3289
3293
  display: -webkit-box;
3290
3294
  display: -webkit-flex;
3291
3295
  display: -ms-flexbox;
@@ -3298,6 +3302,10 @@ span.ant-input-group-compact.pro-range-limit .forever-checkbox {
3298
3302
  -webkit-justify-content: center;
3299
3303
  -ms-flex-pack: center;
3300
3304
  justify-content: center;
3305
+ width: 100%;
3306
+ min-height: 200px;
3307
+ max-height: 400px;
3308
+ overflow-y: auto;
3301
3309
  }
3302
3310
  .proupload-modal-preview .ant-modal {
3303
3311
  width: 600px;
@@ -4229,6 +4237,9 @@ span.ant-input-group-compact.pro-range-limit .forever-checkbox {
4229
4237
  margin-left: var(--zaui-space-size-xs, 4px);
4230
4238
  cursor: pointer;
4231
4239
  }
4240
+ .pro-edit-table .drag-wrapper.no-check .anticon {
4241
+ margin-right: 0;
4242
+ }
4232
4243
  .pro-edit-table.pro-table-no-stripe .ant-table-tbody tr:nth-child(n) > td {
4233
4244
  background-color: var(--zaui-base-bg, #fff);
4234
4245
  }
@@ -4366,6 +4377,9 @@ span.ant-input-group-compact.pro-range-limit .forever-checkbox {
4366
4377
  .pro-edit-table .is-new-row.ant-table-row:hover .ant-table-cell-row-hover {
4367
4378
  background: var(--ant-primary-2) !important;
4368
4379
  }
4380
+ .pro-edit-table-footer {
4381
+ margin-top: 12px;
4382
+ }
4369
4383
  .pro-edit-table-header {
4370
4384
  margin-bottom: calc(var(--zaui-space-size-md, 16px) * var(--zaui-size, 1));
4371
4385
  }
package/dist/less.esm.css CHANGED
@@ -2437,6 +2437,10 @@ span.ant-input-group-compact.pro-range-limit .forever-checkbox {
2437
2437
  }
2438
2438
  .pro-group {
2439
2439
  width: unset !important;
2440
+ display: -webkit-box;
2441
+ display: -webkit-flex;
2442
+ display: -ms-flexbox;
2443
+ display: flex;
2440
2444
  }
2441
2445
  .pro-group.pro-group-diy-width .ant-space .ant-space-item,
2442
2446
  .pro-group.pro-group-width-auto .ant-space .ant-space-item {
@@ -2966,16 +2970,14 @@ span.ant-input-group-compact.pro-range-limit .forever-checkbox {
2966
2970
  width: auto;
2967
2971
  }
2968
2972
  .pro-upload .pro-upload-dragger .pro-upload-handle-box {
2969
- background: #F8F9FA;
2970
- border-radius: var(--zaui-border-radius, 8px);
2971
2973
  padding: var(--zaui-space-size-sm, 8px);
2974
+ background: #f8f9fa;
2975
+ border-radius: var(--zaui-border-radius, 8px);
2972
2976
  }
2973
2977
  .pro-upload .pro-upload-dragger .pro-upload-handle-box .ant-upload.ant-upload-drag {
2974
2978
  background-color: var(--zaui-base-bg, #fff);
2975
2979
  }
2976
2980
  .pro-upload .pro-upload-dragger .pro-upload-handle-box .drag-upload-inner {
2977
- min-width: 392px;
2978
- height: 110px;
2979
2981
  display: -webkit-box;
2980
2982
  display: -webkit-flex;
2981
2983
  display: -ms-flexbox;
@@ -2988,6 +2990,8 @@ span.ant-input-group-compact.pro-range-limit .forever-checkbox {
2988
2990
  -webkit-justify-content: center;
2989
2991
  -ms-flex-pack: center;
2990
2992
  justify-content: center;
2993
+ min-width: 392px;
2994
+ height: 110px;
2991
2995
  }
2992
2996
  .pro-upload .pro-upload-dragger .pro-upload-handle-box .drag-upload-inner .upload-dragger-control {
2993
2997
  background-color: var(--zaui-base-bg, #fff);
@@ -2997,47 +3001,47 @@ span.ant-input-group-compact.pro-range-limit .forever-checkbox {
2997
3001
  display: -webkit-flex;
2998
3002
  display: -ms-flexbox;
2999
3003
  display: flex;
3000
- line-height: 26px;
3001
3004
  -webkit-box-align: center;
3002
3005
  -webkit-align-items: center;
3003
3006
  -ms-flex-align: center;
3004
3007
  align-items: center;
3008
+ line-height: 26px;
3005
3009
  }
3006
3010
  .pro-upload .pro-upload-dragger .pro-upload-handle-box .drag-upload-inner .upload-dragger-control .dragger-txt-line1 .icon-upload {
3007
3011
  display: inline-block;
3012
+ color: #c5c7cd;
3008
3013
  font-size: 30px;
3009
- color: #C5C7CD;
3010
3014
  }
3011
3015
  .pro-upload .pro-upload-dragger .pro-upload-handle-box .drag-upload-inner .upload-dragger-control .dragger-txt-line1 .dragger-txt {
3012
3016
  margin-left: 9px;
3013
- font-size: var(--zaui-font-size, 14px);
3014
3017
  color: rgba(0, 0, 0, 0.85);
3018
+ font-size: var(--zaui-font-size, 14px);
3015
3019
  line-height: 20px;
3016
3020
  }
3017
3021
  .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);
3022
+ color: var(--zaui-brand, #006aff);
3019
3023
  }
3020
3024
  .pro-upload .pro-upload-dragger .pro-upload-handle-box .drag-upload-inner .upload-dragger-control .file-ext {
3021
- text-align: center;
3022
3025
  margin-top: 10px;
3023
- font-size: var(--zaui-font-size-sm, 12px);
3024
3026
  color: #939599;
3027
+ font-size: var(--zaui-font-size-sm, 12px);
3025
3028
  line-height: 14px;
3029
+ text-align: center;
3026
3030
  }
3027
3031
  .pro-upload .pro-upload-dragger .pro-upload-handle-box .drag-upload-inner .dragger-single-file {
3028
3032
  display: -webkit-box;
3029
3033
  display: -webkit-flex;
3030
3034
  display: -ms-flexbox;
3031
3035
  display: flex;
3032
- -webkit-box-pack: center;
3033
- -webkit-justify-content: center;
3034
- -ms-flex-pack: center;
3035
- justify-content: center;
3036
3036
  -webkit-box-orient: vertical;
3037
3037
  -webkit-box-direction: normal;
3038
3038
  -webkit-flex-direction: column;
3039
3039
  -ms-flex-direction: column;
3040
3040
  flex-direction: column;
3041
+ -webkit-box-pack: center;
3042
+ -webkit-justify-content: center;
3043
+ -ms-flex-pack: center;
3044
+ justify-content: center;
3041
3045
  padding: 0 var(--zaui-space-size-lg, 32px);
3042
3046
  }
3043
3047
  .pro-upload .pro-upload-dragger .pro-upload-handle-box .drag-upload-inner .dragger-single-file .file-type-icon {
@@ -3049,11 +3053,11 @@ span.ant-input-group-compact.pro-range-limit .forever-checkbox {
3049
3053
  padding: 0 var(--zaui-space-size-lg, 32px);
3050
3054
  }
3051
3055
  .pro-upload .pro-upload-dragger .pro-upload-handle-box .drag-upload-inner .dragger-single-file .file-info-box {
3052
- margin-top: 11px;
3053
3056
  display: -webkit-box;
3054
3057
  display: -webkit-flex;
3055
3058
  display: -ms-flexbox;
3056
3059
  display: flex;
3060
+ margin-top: 11px;
3057
3061
  }
3058
3062
  .pro-upload .pro-upload-dragger .pro-upload-handle-box .drag-upload-inner .dragger-single-file .file-info-box.file-box-error {
3059
3063
  color: var(--zaui-danger);
@@ -3061,9 +3065,9 @@ span.ant-input-group-compact.pro-range-limit .forever-checkbox {
3061
3065
  .pro-upload .pro-upload-dragger .pro-upload-handle-box .drag-upload-inner .dragger-single-file .file-info-box .file-name {
3062
3066
  display: box;
3063
3067
  overflow: hidden;
3068
+ word-break: break-all;
3064
3069
  line-clamp: 1;
3065
3070
  box-orient: vertical;
3066
- word-break: break-all;
3067
3071
  }
3068
3072
  .pro-upload .pro-upload-dragger .pro-upload-handle-box .drag-upload-inner .dragger-single-file .file-info-box .file-ext {
3069
3073
  word-break: keep-all;
@@ -3084,6 +3088,10 @@ span.ant-input-group-compact.pro-range-limit .forever-checkbox {
3084
3088
  -ms-flex-pack: center;
3085
3089
  justify-content: center;
3086
3090
  margin-top: 3px;
3091
+ color: #1890ff;
3092
+ }
3093
+ .pro-upload .pro-upload-dragger .pro-upload-handle-box .drag-upload-inner .dragger-single-file .file-action-box > div {
3094
+ cursor: pointer;
3087
3095
  }
3088
3096
  .pro-upload .pro-upload-dragger .pro-upload-handle-box .drag-upload-inner .dragger-single-file .file-action-box .file-del {
3089
3097
  margin-left: 30px;
@@ -3095,8 +3103,8 @@ span.ant-input-group-compact.pro-range-limit .forever-checkbox {
3095
3103
  display: flex;
3096
3104
  }
3097
3105
  .pro-upload .pro-upload-button > span {
3098
- width: 100%;
3099
3106
  display: block;
3107
+ width: 100%;
3100
3108
  }
3101
3109
  .pro-upload .pro-upload-button .pro-upload-button-inner {
3102
3110
  display: -webkit-box;
@@ -3105,14 +3113,14 @@ span.ant-input-group-compact.pro-range-limit .forever-checkbox {
3105
3113
  display: flex;
3106
3114
  }
3107
3115
  .pro-upload .pro-upload-button .pro-upload-button-inner .pro-upload-button-inner-right {
3108
- line-height: 32px;
3109
3116
  margin-left: 10px;
3117
+ line-height: 32px;
3110
3118
  }
3111
3119
  .pro-upload .pro-upload-button .upload-tip-txt {
3112
3120
  margin-left: 10px;
3113
- line-height: 32px;
3114
- font-size: var(--zaui-font-size-sm, 12px);
3115
3121
  color: #939599;
3122
+ font-size: var(--zaui-font-size-sm, 12px);
3123
+ line-height: 32px;
3116
3124
  }
3117
3125
  .pro-upload .pro-upload-image {
3118
3126
  position: relative;
@@ -3128,32 +3136,32 @@ span.ant-input-group-compact.pro-range-limit .forever-checkbox {
3128
3136
  }
3129
3137
  .pro-upload .pro-upload-image .image-example {
3130
3138
  position: absolute;
3131
- word-break: keep-all;
3132
3139
  top: 0;
3133
3140
  right: -10px;
3134
3141
  width: 88px;
3135
3142
  height: 32px;
3136
- -webkit-transform: translate(100%, 0);
3137
- transform: translate(100%, 0);
3138
- text-align: center;
3139
3143
  line-height: 32px;
3140
- background: #FFFFFF;
3144
+ text-align: center;
3145
+ word-break: keep-all;
3146
+ background: #ffffff;
3147
+ border: 1px solid #dcdcdc;
3141
3148
  border-radius: var(--zaui-border-radius, 8px);
3142
- border: 1px solid #DCDCDC;
3149
+ -webkit-transform: translate(100%, 0);
3150
+ transform: translate(100%, 0);
3143
3151
  }
3144
3152
  .pro-upload .pro-upload-image .file-item-image {
3145
3153
  position: relative;
3146
- height: 126px;
3147
3154
  width: 126px;
3148
- border: 1px dashed #d9d9d9;
3155
+ height: 126px;
3149
3156
  overflow: hidden;
3157
+ border: 1px dashed #d9d9d9;
3150
3158
  border-radius: 8px;
3151
3159
  }
3152
3160
  .pro-upload .pro-upload-image .file-item-image .file-type-icon-img {
3153
3161
  position: absolute;
3154
- width: 30px;
3155
3162
  top: 50%;
3156
3163
  left: 50%;
3164
+ width: 30px;
3157
3165
  -webkit-transform: translate(-50%, -50%);
3158
3166
  transform: translate(-50%, -50%);
3159
3167
  }
@@ -3167,44 +3175,44 @@ span.ant-input-group-compact.pro-range-limit .forever-checkbox {
3167
3175
  background-color: rgba(0, 0, 0, 0.75);
3168
3176
  }
3169
3177
  .pro-upload .pro-upload-image .file-item-image .actions-wrap {
3170
- -webkit-transition: all 2s;
3171
- transition: all 2s;
3172
3178
  position: absolute;
3173
- display: none;
3174
- width: 100%;
3175
3179
  top: 0;
3176
3180
  bottom: 0;
3181
+ display: none;
3182
+ width: 100%;
3177
3183
  background-color: rgba(0, 0, 0, 0.5);
3184
+ -webkit-transition: all 2s;
3185
+ transition: all 2s;
3178
3186
  }
3179
3187
  .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
3188
  display: -webkit-box;
3185
3189
  display: -webkit-flex;
3186
3190
  display: -ms-flexbox;
3187
3191
  display: flex;
3188
- -webkit-box-align: center;
3189
- -webkit-align-items: center;
3190
- -ms-flex-align: center;
3191
- align-items: center;
3192
+ -webkit-box-flex: 1;
3193
+ -webkit-flex: 1;
3194
+ -ms-flex: 1;
3195
+ flex: 1;
3192
3196
  -webkit-box-orient: vertical;
3193
3197
  -webkit-box-direction: normal;
3194
3198
  -webkit-flex-direction: column;
3195
3199
  -ms-flex-direction: column;
3196
3200
  flex-direction: column;
3197
- height: calc(100% - 36px);
3201
+ -webkit-box-align: center;
3202
+ -webkit-align-items: center;
3203
+ -ms-flex-align: center;
3204
+ align-items: center;
3198
3205
  -webkit-box-pack: center;
3199
3206
  -webkit-justify-content: center;
3200
3207
  -ms-flex-pack: center;
3201
3208
  justify-content: center;
3209
+ height: calc(100% - 36px);
3202
3210
  }
3203
3211
  .pro-upload .pro-upload-image .file-item-image .actions-wrap .action-button {
3204
3212
  height: 36px;
3205
3213
  line-height: 36px;
3206
- background: #FFFFFF;
3207
3214
  text-align: center;
3215
+ background: #ffffff;
3208
3216
  }
3209
3217
  .pro-upload .pro-upload-image .file-item-image .actions-wrap .action-item {
3210
3218
  color: #fff;
@@ -3220,13 +3228,12 @@ span.ant-input-group-compact.pro-range-limit .forever-checkbox {
3220
3228
  opacity: 1;
3221
3229
  }
3222
3230
  .pro-upload .pro-upload-image .file-item-image .actions-wrap .action-button .action-item {
3223
- color: var(--zaui-danger, #FF005F);
3231
+ color: var(--zaui-danger, #ff005f);
3224
3232
  }
3225
3233
  .pro-upload .pro-upload-image .file-item-image.actions-wrap-error {
3226
- border: 1px solid #FF005F;
3234
+ border: 1px solid #ff005f;
3227
3235
  }
3228
3236
  .pro-upload .pro-upload-image .image-uploading {
3229
- padding: 20px;
3230
3237
  display: -webkit-box;
3231
3238
  display: -webkit-flex;
3232
3239
  display: -ms-flexbox;
@@ -3236,6 +3243,7 @@ span.ant-input-group-compact.pro-range-limit .forever-checkbox {
3236
3243
  -ms-flex-align: center;
3237
3244
  align-items: center;
3238
3245
  height: inherit;
3246
+ padding: 20px;
3239
3247
  }
3240
3248
  .pro-upload .pro-upload-image .ant-space-item {
3241
3249
  display: -webkit-inline-box;
@@ -3282,10 +3290,6 @@ span.ant-input-group-compact.pro-range-limit .forever-checkbox {
3282
3290
  text-rendering: optimizeLegibility;
3283
3291
  }
3284
3292
  .pro-upload-example {
3285
- width: 100%;
3286
- max-height: 400px;
3287
- min-height: 200px;
3288
- overflow-y: auto;
3289
3293
  display: -webkit-box;
3290
3294
  display: -webkit-flex;
3291
3295
  display: -ms-flexbox;
@@ -3298,6 +3302,10 @@ span.ant-input-group-compact.pro-range-limit .forever-checkbox {
3298
3302
  -webkit-justify-content: center;
3299
3303
  -ms-flex-pack: center;
3300
3304
  justify-content: center;
3305
+ width: 100%;
3306
+ min-height: 200px;
3307
+ max-height: 400px;
3308
+ overflow-y: auto;
3301
3309
  }
3302
3310
  .proupload-modal-preview .ant-modal {
3303
3311
  width: 600px;
@@ -4229,6 +4237,9 @@ span.ant-input-group-compact.pro-range-limit .forever-checkbox {
4229
4237
  margin-left: var(--zaui-space-size-xs, 4px);
4230
4238
  cursor: pointer;
4231
4239
  }
4240
+ .pro-edit-table .drag-wrapper.no-check .anticon {
4241
+ margin-right: 0;
4242
+ }
4232
4243
  .pro-edit-table.pro-table-no-stripe .ant-table-tbody tr:nth-child(n) > td {
4233
4244
  background-color: var(--zaui-base-bg, #fff);
4234
4245
  }
@@ -4366,6 +4377,9 @@ span.ant-input-group-compact.pro-range-limit .forever-checkbox {
4366
4377
  .pro-edit-table .is-new-row.ant-table-row:hover .ant-table-cell-row-hover {
4367
4378
  background: var(--ant-primary-2) !important;
4368
4379
  }
4380
+ .pro-edit-table-footer {
4381
+ margin-top: 12px;
4382
+ }
4369
4383
  .pro-edit-table-header {
4370
4384
  margin-bottom: calc(var(--zaui-space-size-md, 16px) * var(--zaui-size, 1));
4371
4385
  }
@@ -2,6 +2,7 @@ import React, { FC } from 'react';
2
2
  interface RowProps extends React.HTMLAttributes<HTMLTableRowElement> {
3
3
  'data-row-key': string;
4
4
  disabled?: boolean;
5
+ isHideCheckBox?: boolean;
5
6
  }
6
7
  export declare const Row: FC<RowProps>;
7
8
  declare const DndWrapper: ({ draggable, value, onChange, disabled, children }: {
@@ -1,6 +1,6 @@
1
1
  import _objectSpread from "@babel/runtime/helpers/esm/objectSpread2";
2
2
  import _objectWithoutProperties from "@babel/runtime/helpers/esm/objectWithoutProperties";
3
- var _excluded = ["disabled", "children"];
3
+ var _excluded = ["disabled", "isHideCheckBox", "children"];
4
4
  import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
5
5
  import React from 'react';
6
6
  import { DndContext } from '@dnd-kit/core';
@@ -9,6 +9,7 @@ import { CSS } from '@dnd-kit/utilities';
9
9
  import ProIcon from '../../../ProIcon';
10
10
  export var Row = function Row(props) {
11
11
  var disabled = props.disabled,
12
+ isHideCheckBox = props.isHideCheckBox,
12
13
  children = props.children,
13
14
  restProps = _objectWithoutProperties(props, _excluded);
14
15
  var data = useSortable({
@@ -42,7 +43,7 @@ export var Row = function Row(props) {
42
43
  renderIndex = _ref.renderIndex;
43
44
  return /*#__PURE__*/React.cloneElement(child, {
44
45
  children: _jsxs("span", {
45
- className: "drag-wrapper",
46
+ className: "drag-wrapper".concat(isHideCheckBox ? ' no-check' : ''),
46
47
  children: [_jsx(ProIcon, _objectSpread({
47
48
  className: "drag-icon",
48
49
  style: {
@@ -51,7 +52,7 @@ export var Row = function Row(props) {
51
52
  },
52
53
  type: "drag",
53
54
  size: 20
54
- }, listeners)), render === null || render === void 0 ? void 0 : render(null, record, renderIndex)]
55
+ }, listeners)), isHideCheckBox ? null : render === null || render === void 0 ? void 0 : render(null, record, renderIndex)]
55
56
  })
56
57
  });
57
58
  }