@zat-design/sisyphus-react 3.7.3-beta.5 → 3.7.3-beta.6

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 (11) hide show
  1. package/dist/index.esm.css +25 -12
  2. package/dist/less.esm.css +25 -12
  3. package/es/ProForm/components/render/ChangedWrapper.js +4 -6
  4. package/es/ProForm/style/index.less +22 -12
  5. package/es/style/theme/index.less +1 -0
  6. package/es/style/theme/tokens.less +1 -0
  7. package/lib/ProForm/components/render/ChangedWrapper.js +4 -6
  8. package/lib/ProForm/style/index.less +22 -12
  9. package/lib/style/theme/index.less +1 -0
  10. package/lib/style/theme/tokens.less +1 -0
  11. package/package.json +1 -1
package/dist/index.esm.css CHANGED
@@ -3059,11 +3059,17 @@ span.ant-input-group-compact.pro-range-limit .forever-checkbox {
3059
3059
  .pro-form .pro-form-list-mode-block .pro-collapse-content .ant-row {
3060
3060
  width: auto;
3061
3061
  }
3062
+ .pro-form .pro-form-item-changed {
3063
+ border-radius: 4px;
3064
+ height: 100%;
3065
+ width: 100%;
3066
+ background: var(--zaui-contract-bg, #fffaa1) !important;
3067
+ }
3062
3068
  .pro-form .pro-form-item-changed span.ant-input-affix-wrapper,
3063
3069
  .pro-form .pro-form-item-changed .ant-select .ant-select-selector,
3064
3070
  .pro-form .pro-form-item-changed .ant-picker,
3065
3071
  .pro-form .pro-form-item-changed .ant-input-number {
3066
- background: var(--change-tip-color, var(--zaui-contract-bg, #fffaa1)) !important;
3072
+ background: var(--zaui-contract-bg, #fffaa1) !important;
3067
3073
  }
3068
3074
  .pro-form .pro-form-item-changed span.ant-input-affix-wrapper input,
3069
3075
  .pro-form .pro-form-item-changed .ant-select .ant-select-selector input,
@@ -3079,32 +3085,38 @@ span.ant-input-group-compact.pro-range-limit .forever-checkbox {
3079
3085
  }
3080
3086
  .pro-form .pro-form-item-changed .ant-form-item-control:has(.ant-switch-handle),
3081
3087
  .pro-form .pro-form-item-changed .ant-form-item-control:has(.ant-checkbox-wrapper-in-form-item) {
3082
- background: var(--change-tip-color, var(--zaui-contract-bg, #fffaa1));
3088
+ background: var(--zaui-contract-bg, #fffaa1);
3083
3089
  border-radius: 4px;
3084
3090
  }
3085
3091
  .pro-form .pro-form-item-changed .ant-form-item-control-input-content > span {
3086
3092
  border-radius: 4px;
3087
3093
  padding: 5px 8px;
3088
- background: var(--change-tip-color, var(--zaui-contract-bg, #fffaa1));
3094
+ background: var(--zaui-contract-bg, #fffaa1);
3089
3095
  }
3090
3096
  .pro-form .pro-form-item-changed .ant-form-item-control-input-content > .pro-address .ant-select-selector,
3091
3097
  .pro-form .pro-form-item-changed .ant-form-item-control-input-content > .pro-address .ant-input-affix-wrapper,
3092
3098
  .pro-form .pro-form-item-changed .ant-form-item-control-input-content > .pro-address .ant-input-disabled {
3093
- background: var(--change-tip-color, var(--zaui-contract-bg, #fffaa1));
3099
+ background: var(--zaui-contract-bg, #fffaa1);
3094
3100
  }
3095
3101
  .pro-form .pro-form-item-changed .ant-form-item-control-input-content > .ant-input-group .forever-checkbox {
3096
- background: var(--change-tip-color, var(--zaui-contract-bg, #fffaa1));
3102
+ background: var(--zaui-contract-bg, #fffaa1);
3097
3103
  }
3098
3104
  .pro-form .pro-form-item-changed .pro-form-view-container {
3099
3105
  padding: 4px 8px;
3100
- background: var(--change-tip-color, var(--zaui-contract-bg, #fffaa1));
3106
+ background: var(--zaui-contract-bg, #fffaa1);
3107
+ border-radius: 4px;
3108
+ }
3109
+ .pro-form .pro-form-item-add {
3101
3110
  border-radius: 4px;
3111
+ height: 100%;
3112
+ width: 100%;
3113
+ background: var(--zaui-contract-bg-add, #d2fff4) !important;
3102
3114
  }
3103
3115
  .pro-form .pro-form-item-add span.ant-input-affix-wrapper,
3104
3116
  .pro-form .pro-form-item-add .ant-select .ant-select-selector,
3105
3117
  .pro-form .pro-form-item-add .ant-picker,
3106
3118
  .pro-form .pro-form-item-add .ant-input-number {
3107
- background: var(--add-tip-color, var(--zaui-contract-bg, #fffaa1)) !important;
3119
+ background: var(--zaui-contract-bg-add, #d2fff4) !important;
3108
3120
  }
3109
3121
  .pro-form .pro-form-item-add span.ant-input-affix-wrapper input,
3110
3122
  .pro-form .pro-form-item-add .ant-select .ant-select-selector input,
@@ -3120,25 +3132,25 @@ span.ant-input-group-compact.pro-range-limit .forever-checkbox {
3120
3132
  }
3121
3133
  .pro-form .pro-form-item-add .ant-form-item-control:has(.ant-switch-handle),
3122
3134
  .pro-form .pro-form-item-add .ant-form-item-control:has(.ant-checkbox-wrapper-in-form-item) {
3123
- background: var(--add-tip-color, var(--zaui-contract-bg, #fffaa1));
3135
+ background: var(--zaui-contract-bg-add, #d2fff4);
3124
3136
  border-radius: 4px;
3125
3137
  }
3126
3138
  .pro-form .pro-form-item-add .ant-form-item-control-input-content > span {
3127
3139
  border-radius: 4px;
3128
3140
  padding: 5px 8px;
3129
- background: var(--add-tip-color, var(--zaui-contract-bg, #fffaa1));
3141
+ background: var(--zaui-contract-bg-add, #d2fff4);
3130
3142
  }
3131
3143
  .pro-form .pro-form-item-add .ant-form-item-control-input-content > .pro-address .ant-select-selector,
3132
3144
  .pro-form .pro-form-item-add .ant-form-item-control-input-content > .pro-address .ant-input-affix-wrapper,
3133
3145
  .pro-form .pro-form-item-add .ant-form-item-control-input-content > .pro-address .ant-input-disabled {
3134
- background: var(--add-tip-color, var(--zaui-contract-bg, #fffaa1));
3146
+ background: var(--zaui-contract-bg-add, #d2fff4);
3135
3147
  }
3136
3148
  .pro-form .pro-form-item-add .ant-form-item-control-input-content > .ant-input-group .forever-checkbox {
3137
- background: var(--add-tip-color, var(--zaui-contract-bg, #fffaa1));
3149
+ background: var(--zaui-contract-bg-add, #d2fff4);
3138
3150
  }
3139
3151
  .pro-form .pro-form-item-add .pro-form-view-container {
3140
3152
  padding: 4px 8px;
3141
- background: var(--add-tip-color, var(--zaui-contract-bg, #fffaa1));
3153
+ background: var(--zaui-contract-bg-add, #d2fff4);
3142
3154
  border-radius: 4px;
3143
3155
  }
3144
3156
  .pro-upload .pro-upload-dragger .pro-upload-handle-box {
@@ -5328,6 +5340,7 @@ input[type='button'] {
5328
5340
  --zaui-table-selected-hover-bg: var(--zaui-table-hover-bg);
5329
5341
  --zaui-table-nested-bg: #fafcfe;
5330
5342
  --zaui-contract-bg: #fffaa1;
5343
+ --zaui-contract-bg-add: #d2fff4;
5331
5344
  --zaui-form-label-width: 130px;
5332
5345
  --zaui-border-radius: 8px;
5333
5346
  --zaui-border-radius-card: 4px;
package/dist/less.esm.css CHANGED
@@ -3059,11 +3059,17 @@ span.ant-input-group-compact.pro-range-limit .forever-checkbox {
3059
3059
  .pro-form .pro-form-list-mode-block .pro-collapse-content .ant-row {
3060
3060
  width: auto;
3061
3061
  }
3062
+ .pro-form .pro-form-item-changed {
3063
+ border-radius: 4px;
3064
+ height: 100%;
3065
+ width: 100%;
3066
+ background: var(--zaui-contract-bg, #fffaa1) !important;
3067
+ }
3062
3068
  .pro-form .pro-form-item-changed span.ant-input-affix-wrapper,
3063
3069
  .pro-form .pro-form-item-changed .ant-select .ant-select-selector,
3064
3070
  .pro-form .pro-form-item-changed .ant-picker,
3065
3071
  .pro-form .pro-form-item-changed .ant-input-number {
3066
- background: var(--change-tip-color, var(--zaui-contract-bg, #fffaa1)) !important;
3072
+ background: var(--zaui-contract-bg, #fffaa1) !important;
3067
3073
  }
3068
3074
  .pro-form .pro-form-item-changed span.ant-input-affix-wrapper input,
3069
3075
  .pro-form .pro-form-item-changed .ant-select .ant-select-selector input,
@@ -3079,32 +3085,38 @@ span.ant-input-group-compact.pro-range-limit .forever-checkbox {
3079
3085
  }
3080
3086
  .pro-form .pro-form-item-changed .ant-form-item-control:has(.ant-switch-handle),
3081
3087
  .pro-form .pro-form-item-changed .ant-form-item-control:has(.ant-checkbox-wrapper-in-form-item) {
3082
- background: var(--change-tip-color, var(--zaui-contract-bg, #fffaa1));
3088
+ background: var(--zaui-contract-bg, #fffaa1);
3083
3089
  border-radius: 4px;
3084
3090
  }
3085
3091
  .pro-form .pro-form-item-changed .ant-form-item-control-input-content > span {
3086
3092
  border-radius: 4px;
3087
3093
  padding: 5px 8px;
3088
- background: var(--change-tip-color, var(--zaui-contract-bg, #fffaa1));
3094
+ background: var(--zaui-contract-bg, #fffaa1);
3089
3095
  }
3090
3096
  .pro-form .pro-form-item-changed .ant-form-item-control-input-content > .pro-address .ant-select-selector,
3091
3097
  .pro-form .pro-form-item-changed .ant-form-item-control-input-content > .pro-address .ant-input-affix-wrapper,
3092
3098
  .pro-form .pro-form-item-changed .ant-form-item-control-input-content > .pro-address .ant-input-disabled {
3093
- background: var(--change-tip-color, var(--zaui-contract-bg, #fffaa1));
3099
+ background: var(--zaui-contract-bg, #fffaa1);
3094
3100
  }
3095
3101
  .pro-form .pro-form-item-changed .ant-form-item-control-input-content > .ant-input-group .forever-checkbox {
3096
- background: var(--change-tip-color, var(--zaui-contract-bg, #fffaa1));
3102
+ background: var(--zaui-contract-bg, #fffaa1);
3097
3103
  }
3098
3104
  .pro-form .pro-form-item-changed .pro-form-view-container {
3099
3105
  padding: 4px 8px;
3100
- background: var(--change-tip-color, var(--zaui-contract-bg, #fffaa1));
3106
+ background: var(--zaui-contract-bg, #fffaa1);
3107
+ border-radius: 4px;
3108
+ }
3109
+ .pro-form .pro-form-item-add {
3101
3110
  border-radius: 4px;
3111
+ height: 100%;
3112
+ width: 100%;
3113
+ background: var(--zaui-contract-bg-add, #d2fff4) !important;
3102
3114
  }
3103
3115
  .pro-form .pro-form-item-add span.ant-input-affix-wrapper,
3104
3116
  .pro-form .pro-form-item-add .ant-select .ant-select-selector,
3105
3117
  .pro-form .pro-form-item-add .ant-picker,
3106
3118
  .pro-form .pro-form-item-add .ant-input-number {
3107
- background: var(--add-tip-color, var(--zaui-contract-bg, #fffaa1)) !important;
3119
+ background: var(--zaui-contract-bg-add, #d2fff4) !important;
3108
3120
  }
3109
3121
  .pro-form .pro-form-item-add span.ant-input-affix-wrapper input,
3110
3122
  .pro-form .pro-form-item-add .ant-select .ant-select-selector input,
@@ -3120,25 +3132,25 @@ span.ant-input-group-compact.pro-range-limit .forever-checkbox {
3120
3132
  }
3121
3133
  .pro-form .pro-form-item-add .ant-form-item-control:has(.ant-switch-handle),
3122
3134
  .pro-form .pro-form-item-add .ant-form-item-control:has(.ant-checkbox-wrapper-in-form-item) {
3123
- background: var(--add-tip-color, var(--zaui-contract-bg, #fffaa1));
3135
+ background: var(--zaui-contract-bg-add, #d2fff4);
3124
3136
  border-radius: 4px;
3125
3137
  }
3126
3138
  .pro-form .pro-form-item-add .ant-form-item-control-input-content > span {
3127
3139
  border-radius: 4px;
3128
3140
  padding: 5px 8px;
3129
- background: var(--add-tip-color, var(--zaui-contract-bg, #fffaa1));
3141
+ background: var(--zaui-contract-bg-add, #d2fff4);
3130
3142
  }
3131
3143
  .pro-form .pro-form-item-add .ant-form-item-control-input-content > .pro-address .ant-select-selector,
3132
3144
  .pro-form .pro-form-item-add .ant-form-item-control-input-content > .pro-address .ant-input-affix-wrapper,
3133
3145
  .pro-form .pro-form-item-add .ant-form-item-control-input-content > .pro-address .ant-input-disabled {
3134
- background: var(--add-tip-color, var(--zaui-contract-bg, #fffaa1));
3146
+ background: var(--zaui-contract-bg-add, #d2fff4);
3135
3147
  }
3136
3148
  .pro-form .pro-form-item-add .ant-form-item-control-input-content > .ant-input-group .forever-checkbox {
3137
- background: var(--add-tip-color, var(--zaui-contract-bg, #fffaa1));
3149
+ background: var(--zaui-contract-bg-add, #d2fff4);
3138
3150
  }
3139
3151
  .pro-form .pro-form-item-add .pro-form-view-container {
3140
3152
  padding: 4px 8px;
3141
- background: var(--add-tip-color, var(--zaui-contract-bg, #fffaa1));
3153
+ background: var(--zaui-contract-bg-add, #d2fff4);
3142
3154
  border-radius: 4px;
3143
3155
  }
3144
3156
  .pro-upload .pro-upload-dragger .pro-upload-handle-box {
@@ -5328,6 +5340,7 @@ input[type='button'] {
5328
5340
  --zaui-table-selected-hover-bg: var(--zaui-table-hover-bg);
5329
5341
  --zaui-table-nested-bg: #fafcfe;
5330
5342
  --zaui-contract-bg: #fffaa1;
5343
+ --zaui-contract-bg-add: #d2fff4;
5331
5344
  --zaui-form-label-width: 130px;
5332
5345
  --zaui-border-radius: 8px;
5333
5346
  --zaui-border-radius-card: 4px;
package/es/ProForm/components/render/ChangedWrapper.js CHANGED
@@ -26,10 +26,8 @@ var ChangedWrapper = function ChangedWrapper(props) {
26
26
  var _useProConfig = useProConfig('ProForm'),
27
27
  isDiffAll = _useProConfig.isDiffAll;
28
28
  var originalValues = diffConfig.originalValues,
29
- _diffConfig$changeTip = diffConfig.changeTipColor,
30
- changeTipColor = _diffConfig$changeTip === void 0 ? '#fffaa1' : _diffConfig$changeTip,
31
- _diffConfig$addTipCol = diffConfig.addTipColor,
32
- addTipColor = _diffConfig$addTipCol === void 0 ? '#d2fff4' : _diffConfig$addTipCol;
29
+ changeTipColor = diffConfig.changeTipColor,
30
+ addTipColor = diffConfig.addTipColor;
33
31
  var toolTip = (_diffConfig$toolTip = diffConfig.toolTip) !== null && _diffConfig$toolTip !== void 0 ? _diffConfig$toolTip : true;
34
32
  // 不渲染tooltip
35
33
  var isWatch = toolTip && !['FormList', 'ProEditTable'].includes(type);
@@ -66,8 +64,8 @@ var ChangedWrapper = function ChangedWrapper(props) {
66
64
  return isChanged ? undefined : false;
67
65
  };
68
66
  var style = {
69
- '--change-tip-color': changeTipColor || '@zaui-contract-bg',
70
- '--add-tip-color': addTipColor || '@zaui-contract-bg'
67
+ '--zaui-contract-bg': changeTipColor,
68
+ '--zaui-contract-bg-add': addTipColor
71
69
  };
72
70
  var diffClassName = classNames({
73
71
  'pro-form-item-changed': isChanged,
package/es/ProForm/style/index.less CHANGED
@@ -324,11 +324,16 @@
324
324
 
325
325
  // 比较原始值场景下 不同时的样式
326
326
  .pro-form-item-changed {
327
+ border-radius: 4px;
328
+ height: 100%;
329
+ width: 100%;
330
+ background: @zaui-contract-bg !important;
331
+
327
332
  span.@{ant-prefix}-input-affix-wrapper,
328
333
  .@{ant-prefix}-select .@{ant-prefix}-select-selector,
329
334
  .@{ant-prefix}-picker,
330
335
  .@{ant-prefix}-input-number {
331
- background: var(--change-tip-color, @zaui-contract-bg) !important;
336
+ background: @zaui-contract-bg !important;
332
337
 
333
338
  input {
334
339
  background: transparent !important;
@@ -340,7 +345,7 @@
340
345
 
341
346
  .@{ant-prefix}-form-item-control:has(.@{ant-prefix}-switch-handle),
342
347
  .@{ant-prefix}-form-item-control:has(.@{ant-prefix}-checkbox-wrapper-in-form-item) {
343
- background: var(--change-tip-color, @zaui-contract-bg);
348
+ background: @zaui-contract-bg;
344
349
  border-radius: 4px;
345
350
  }
346
351
 
@@ -350,26 +355,26 @@
350
355
  & > span {
351
356
  border-radius: 4px;
352
357
  padding: 5px 8px;
353
- background: var(--change-tip-color, @zaui-contract-bg);
358
+ background: @zaui-contract-bg;
354
359
  }
355
360
 
356
361
  & > .pro-address {
357
362
  .@{ant-prefix}-select-selector,
358
363
  .@{ant-prefix}-input-affix-wrapper,
359
364
  .@{ant-prefix}-input-disabled {
360
- background: var(--change-tip-color, @zaui-contract-bg);
365
+ background: @zaui-contract-bg;
361
366
  }
362
367
  }
363
368
  & > .@{ant-prefix}-input-group {
364
369
  .forever-checkbox {
365
- background: var(--change-tip-color, @zaui-contract-bg);
370
+ background: @zaui-contract-bg;
366
371
  }
367
372
  }
368
373
  }
369
374
 
370
375
  .pro-form-view-container {
371
376
  padding: 4px 8px;
372
- background: var(--change-tip-color, @zaui-contract-bg);
377
+ background: @zaui-contract-bg;
373
378
  border-radius: 4px;
374
379
  }
375
380
  }
@@ -377,11 +382,16 @@
377
382
 
378
383
  // 比较原始值场景下 不同时的样式
379
384
  .pro-form-item-add {
385
+ border-radius: 4px;
386
+ height: 100%;
387
+ width: 100%;
388
+ background: @zaui-contract-bg-add !important;
389
+
380
390
  span.@{ant-prefix}-input-affix-wrapper,
381
391
  .@{ant-prefix}-select .@{ant-prefix}-select-selector,
382
392
  .@{ant-prefix}-picker,
383
393
  .@{ant-prefix}-input-number {
384
- background: var(--add-tip-color, @zaui-contract-bg) !important;
394
+ background: @zaui-contract-bg-add !important;
385
395
 
386
396
  input {
387
397
  background: transparent !important;
@@ -393,7 +403,7 @@
393
403
 
394
404
  .@{ant-prefix}-form-item-control:has(.@{ant-prefix}-switch-handle),
395
405
  .@{ant-prefix}-form-item-control:has(.@{ant-prefix}-checkbox-wrapper-in-form-item) {
396
- background: var(--add-tip-color, @zaui-contract-bg);
406
+ background: @zaui-contract-bg-add;
397
407
  border-radius: 4px;
398
408
  }
399
409
 
@@ -403,26 +413,26 @@
403
413
  & > span {
404
414
  border-radius: 4px;
405
415
  padding: 5px 8px;
406
- background: var(--add-tip-color, @zaui-contract-bg);
416
+ background: @zaui-contract-bg-add;
407
417
  }
408
418
 
409
419
  & > .pro-address {
410
420
  .@{ant-prefix}-select-selector,
411
421
  .@{ant-prefix}-input-affix-wrapper,
412
422
  .@{ant-prefix}-input-disabled {
413
- background: var(--add-tip-color, @zaui-contract-bg);
423
+ background: @zaui-contract-bg-add;
414
424
  }
415
425
  }
416
426
  & > .@{ant-prefix}-input-group {
417
427
  .forever-checkbox {
418
- background: var(--add-tip-color, @zaui-contract-bg);
428
+ background: @zaui-contract-bg-add;
419
429
  }
420
430
  }
421
431
  }
422
432
 
423
433
  .pro-form-view-container {
424
434
  padding: 4px 8px;
425
- background: var(--add-tip-color, @zaui-contract-bg);
435
+ background: @zaui-contract-bg-add;
426
436
  border-radius: 4px;
427
437
  }
428
438
  }
package/es/style/theme/index.less CHANGED
@@ -55,6 +55,7 @@
55
55
  --zaui-table-selected-hover-bg : var(--zaui-table-hover-bg); // 默认同悬停
56
56
  --zaui-table-nested-bg : #fafcfe;
57
57
  --zaui-contract-bg : #fffaa1; // 对比背景色
58
+ --zaui-contract-bg-add : #d2fff4; // 新增对比背景色
58
59
  --zaui-form-label-width : 130px; // 8个全角字符宽度
59
60
  --zaui-border-radius : 8px;
60
61
  --zaui-border-radius-card : 4px;
package/es/style/theme/tokens.less CHANGED
@@ -53,6 +53,7 @@
53
53
  @zaui-table-selected-hover-bg: var(--zaui-table-hover-bg #fafafa);
54
54
  @zaui-table-nested-bg: var(--zaui-table-nested-bg #FAFCFE);
55
55
  @zaui-contract-bg: var(--zaui-contract-bg; #fffaa1); // 对比背景色
56
+ @zaui-contract-bg-add: var(--zaui-contract-bg-add; #d2fff4); // 新增对比背景色
56
57
  @zaui-form-required-after: var(--zaui-form-required-after; inline);
57
58
  @zaui-form-required-before: var(--zaui-form-required-before; none);
58
59
  @zaui-form-label-width: var(--zaui-form-label-width; 130px);
package/lib/ProForm/components/render/ChangedWrapper.js CHANGED
@@ -31,10 +31,8 @@ var ChangedWrapper = function ChangedWrapper(props) {
31
31
  var _useProConfig = (0, _ProConfigProvider.useProConfig)('ProForm'),
32
32
  isDiffAll = _useProConfig.isDiffAll;
33
33
  var originalValues = diffConfig.originalValues,
34
- _diffConfig$changeTip = diffConfig.changeTipColor,
35
- changeTipColor = _diffConfig$changeTip === void 0 ? '#fffaa1' : _diffConfig$changeTip,
36
- _diffConfig$addTipCol = diffConfig.addTipColor,
37
- addTipColor = _diffConfig$addTipCol === void 0 ? '#d2fff4' : _diffConfig$addTipCol;
34
+ changeTipColor = diffConfig.changeTipColor,
35
+ addTipColor = diffConfig.addTipColor;
38
36
  var toolTip = (_diffConfig$toolTip = diffConfig.toolTip) !== null && _diffConfig$toolTip !== void 0 ? _diffConfig$toolTip : true;
39
37
  // 不渲染tooltip
40
38
  var isWatch = toolTip && !['FormList', 'ProEditTable'].includes(type);
@@ -71,8 +69,8 @@ var ChangedWrapper = function ChangedWrapper(props) {
71
69
  return isChanged ? undefined : false;
72
70
  };
73
71
  var style = {
74
- '--change-tip-color': changeTipColor || '@zaui-contract-bg',
75
- '--add-tip-color': addTipColor || '@zaui-contract-bg'
72
+ '--zaui-contract-bg': changeTipColor,
73
+ '--zaui-contract-bg-add': addTipColor
76
74
  };
77
75
  var diffClassName = (0, _classnames.default)({
78
76
  'pro-form-item-changed': isChanged,
package/lib/ProForm/style/index.less CHANGED
@@ -324,11 +324,16 @@
324
324
 
325
325
  // 比较原始值场景下 不同时的样式
326
326
  .pro-form-item-changed {
327
+ border-radius: 4px;
328
+ height: 100%;
329
+ width: 100%;
330
+ background: @zaui-contract-bg !important;
331
+
327
332
  span.@{ant-prefix}-input-affix-wrapper,
328
333
  .@{ant-prefix}-select .@{ant-prefix}-select-selector,
329
334
  .@{ant-prefix}-picker,
330
335
  .@{ant-prefix}-input-number {
331
- background: var(--change-tip-color, @zaui-contract-bg) !important;
336
+ background: @zaui-contract-bg !important;
332
337
 
333
338
  input {
334
339
  background: transparent !important;
@@ -340,7 +345,7 @@
340
345
 
341
346
  .@{ant-prefix}-form-item-control:has(.@{ant-prefix}-switch-handle),
342
347
  .@{ant-prefix}-form-item-control:has(.@{ant-prefix}-checkbox-wrapper-in-form-item) {
343
- background: var(--change-tip-color, @zaui-contract-bg);
348
+ background: @zaui-contract-bg;
344
349
  border-radius: 4px;
345
350
  }
346
351
 
@@ -350,26 +355,26 @@
350
355
  & > span {
351
356
  border-radius: 4px;
352
357
  padding: 5px 8px;
353
- background: var(--change-tip-color, @zaui-contract-bg);
358
+ background: @zaui-contract-bg;
354
359
  }
355
360
 
356
361
  & > .pro-address {
357
362
  .@{ant-prefix}-select-selector,
358
363
  .@{ant-prefix}-input-affix-wrapper,
359
364
  .@{ant-prefix}-input-disabled {
360
- background: var(--change-tip-color, @zaui-contract-bg);
365
+ background: @zaui-contract-bg;
361
366
  }
362
367
  }
363
368
  & > .@{ant-prefix}-input-group {
364
369
  .forever-checkbox {
365
- background: var(--change-tip-color, @zaui-contract-bg);
370
+ background: @zaui-contract-bg;
366
371
  }
367
372
  }
368
373
  }
369
374
 
370
375
  .pro-form-view-container {
371
376
  padding: 4px 8px;
372
- background: var(--change-tip-color, @zaui-contract-bg);
377
+ background: @zaui-contract-bg;
373
378
  border-radius: 4px;
374
379
  }
375
380
  }
@@ -377,11 +382,16 @@
377
382
 
378
383
  // 比较原始值场景下 不同时的样式
379
384
  .pro-form-item-add {
385
+ border-radius: 4px;
386
+ height: 100%;
387
+ width: 100%;
388
+ background: @zaui-contract-bg-add !important;
389
+
380
390
  span.@{ant-prefix}-input-affix-wrapper,
381
391
  .@{ant-prefix}-select .@{ant-prefix}-select-selector,
382
392
  .@{ant-prefix}-picker,
383
393
  .@{ant-prefix}-input-number {
384
- background: var(--add-tip-color, @zaui-contract-bg) !important;
394
+ background: @zaui-contract-bg-add !important;
385
395
 
386
396
  input {
387
397
  background: transparent !important;
@@ -393,7 +403,7 @@
393
403
 
394
404
  .@{ant-prefix}-form-item-control:has(.@{ant-prefix}-switch-handle),
395
405
  .@{ant-prefix}-form-item-control:has(.@{ant-prefix}-checkbox-wrapper-in-form-item) {
396
- background: var(--add-tip-color, @zaui-contract-bg);
406
+ background: @zaui-contract-bg-add;
397
407
  border-radius: 4px;
398
408
  }
399
409
 
@@ -403,26 +413,26 @@
403
413
  & > span {
404
414
  border-radius: 4px;
405
415
  padding: 5px 8px;
406
- background: var(--add-tip-color, @zaui-contract-bg);
416
+ background: @zaui-contract-bg-add;
407
417
  }
408
418
 
409
419
  & > .pro-address {
410
420
  .@{ant-prefix}-select-selector,
411
421
  .@{ant-prefix}-input-affix-wrapper,
412
422
  .@{ant-prefix}-input-disabled {
413
- background: var(--add-tip-color, @zaui-contract-bg);
423
+ background: @zaui-contract-bg-add;
414
424
  }
415
425
  }
416
426
  & > .@{ant-prefix}-input-group {
417
427
  .forever-checkbox {
418
- background: var(--add-tip-color, @zaui-contract-bg);
428
+ background: @zaui-contract-bg-add;
419
429
  }
420
430
  }
421
431
  }
422
432
 
423
433
  .pro-form-view-container {
424
434
  padding: 4px 8px;
425
- background: var(--add-tip-color, @zaui-contract-bg);
435
+ background: @zaui-contract-bg-add;
426
436
  border-radius: 4px;
427
437
  }
428
438
  }
package/lib/style/theme/index.less CHANGED
@@ -55,6 +55,7 @@
55
55
  --zaui-table-selected-hover-bg : var(--zaui-table-hover-bg); // 默认同悬停
56
56
  --zaui-table-nested-bg : #fafcfe;
57
57
  --zaui-contract-bg : #fffaa1; // 对比背景色
58
+ --zaui-contract-bg-add : #d2fff4; // 新增对比背景色
58
59
  --zaui-form-label-width : 130px; // 8个全角字符宽度
59
60
  --zaui-border-radius : 8px;
60
61
  --zaui-border-radius-card : 4px;
package/lib/style/theme/tokens.less CHANGED
@@ -53,6 +53,7 @@
53
53
  @zaui-table-selected-hover-bg: var(--zaui-table-hover-bg #fafafa);
54
54
  @zaui-table-nested-bg: var(--zaui-table-nested-bg #FAFCFE);
55
55
  @zaui-contract-bg: var(--zaui-contract-bg; #fffaa1); // 对比背景色
56
+ @zaui-contract-bg-add: var(--zaui-contract-bg-add; #d2fff4); // 新增对比背景色
56
57
  @zaui-form-required-after: var(--zaui-form-required-after; inline);
57
58
  @zaui-form-required-before: var(--zaui-form-required-before; none);
58
59
  @zaui-form-label-width: var(--zaui-form-label-width; 130px);
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@zat-design/sisyphus-react",
3
- "version": "3.7.3-beta.5",
3
+ "version": "3.7.3-beta.6",
4
4
  "license": "Apache-2.0",
5
5
  "main": "lib/index.js",
6
6
  "module": "es/index.js",