@zat-design/sisyphus-react 3.7.3-beta.6 → 3.7.3-beta.8
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/dist/index.esm.css +29 -4
- package/dist/less.esm.css +26 -4
- package/es/ProEnum/style/index.less +8 -4
- package/es/ProForm/style/index.less +45 -10
- package/es/ProStep/components/Listener/index.d.ts +1 -1
- package/es/ProStep/components/Listener/index.js +5 -2
- package/es/ProStep/index.d.ts +1 -1
- package/es/ProStep/index.js +24 -17
- package/es/ProTree/components/ProTreeSelect/style/index.less +2 -2
- package/es/style/theme/antd.less +5 -0
- package/lib/ProEnum/style/index.less +8 -4
- package/lib/ProForm/style/index.less +45 -10
- package/lib/ProStep/components/Listener/index.d.ts +1 -1
- package/lib/ProStep/components/Listener/index.js +5 -2
- package/lib/ProStep/index.d.ts +1 -1
- package/lib/ProStep/index.js +24 -17
- package/lib/ProTree/components/ProTreeSelect/style/index.less +2 -2
- package/lib/style/theme/antd.less +5 -0
- package/package.json +1 -1
package/dist/index.esm.css
CHANGED
|
@@ -2890,12 +2890,14 @@ span.ant-input-group-compact.pro-range-limit .forever-checkbox {
|
|
|
2890
2890
|
margin-bottom: calc(var(--zaui-space-size-md, 16px) * var(--zaui-size, 1)) !important;
|
|
2891
2891
|
}
|
|
2892
2892
|
.pro-form .ant-form-item.pro-form-item-width-auto .ant-form-item-control-input {
|
|
2893
|
+
width: 100%;
|
|
2893
2894
|
-webkit-box-flex: inherit;
|
|
2894
2895
|
-webkit-flex-grow: inherit;
|
|
2895
2896
|
-ms-flex-positive: inherit;
|
|
2896
2897
|
flex-grow: inherit;
|
|
2897
2898
|
}
|
|
2898
2899
|
.pro-form .ant-form-item.pro-form-item-width-auto .ant-form-item-control-input-content {
|
|
2900
|
+
width: 100%;
|
|
2899
2901
|
-webkit-box-flex: initial;
|
|
2900
2902
|
-webkit-flex: initial;
|
|
2901
2903
|
-ms-flex: initial;
|
|
@@ -3061,8 +3063,9 @@ span.ant-input-group-compact.pro-range-limit .forever-checkbox {
|
|
|
3061
3063
|
}
|
|
3062
3064
|
.pro-form .pro-form-item-changed {
|
|
3063
3065
|
border-radius: 4px;
|
|
3064
|
-
|
|
3065
|
-
|
|
3066
|
+
background: var(--zaui-contract-bg, #fffaa1) !important;
|
|
3067
|
+
}
|
|
3068
|
+
.pro-form .pro-form-item-changed .ant-select.ant-select-disabled .ant-select-selector {
|
|
3066
3069
|
background: var(--zaui-contract-bg, #fffaa1) !important;
|
|
3067
3070
|
}
|
|
3068
3071
|
.pro-form .pro-form-item-changed span.ant-input-affix-wrapper,
|
|
@@ -3101,6 +3104,15 @@ span.ant-input-group-compact.pro-range-limit .forever-checkbox {
|
|
|
3101
3104
|
.pro-form .pro-form-item-changed .ant-form-item-control-input-content > .ant-input-group .forever-checkbox {
|
|
3102
3105
|
background: var(--zaui-contract-bg, #fffaa1);
|
|
3103
3106
|
}
|
|
3107
|
+
.pro-form .pro-form-item-changed .ant-checkbox-group {
|
|
3108
|
+
padding: 5px 0;
|
|
3109
|
+
}
|
|
3110
|
+
.pro-form .pro-form-item-changed:has(.ant-switch) {
|
|
3111
|
+
padding: 5px 0;
|
|
3112
|
+
}
|
|
3113
|
+
.pro-form .pro-form-item-changed .ant-input-textarea > textarea {
|
|
3114
|
+
background: var(--zaui-contract-bg, #fffaa1);
|
|
3115
|
+
}
|
|
3104
3116
|
.pro-form .pro-form-item-changed .pro-form-view-container {
|
|
3105
3117
|
padding: 4px 8px;
|
|
3106
3118
|
background: var(--zaui-contract-bg, #fffaa1);
|
|
@@ -3108,8 +3120,9 @@ span.ant-input-group-compact.pro-range-limit .forever-checkbox {
|
|
|
3108
3120
|
}
|
|
3109
3121
|
.pro-form .pro-form-item-add {
|
|
3110
3122
|
border-radius: 4px;
|
|
3111
|
-
|
|
3112
|
-
|
|
3123
|
+
background: var(--zaui-contract-bg-add, #d2fff4) !important;
|
|
3124
|
+
}
|
|
3125
|
+
.pro-form .pro-form-item-add .ant-select.ant-select-disabled .ant-select-selector {
|
|
3113
3126
|
background: var(--zaui-contract-bg-add, #d2fff4) !important;
|
|
3114
3127
|
}
|
|
3115
3128
|
.pro-form .pro-form-item-add span.ant-input-affix-wrapper,
|
|
@@ -3148,6 +3161,15 @@ span.ant-input-group-compact.pro-range-limit .forever-checkbox {
|
|
|
3148
3161
|
.pro-form .pro-form-item-add .ant-form-item-control-input-content > .ant-input-group .forever-checkbox {
|
|
3149
3162
|
background: var(--zaui-contract-bg-add, #d2fff4);
|
|
3150
3163
|
}
|
|
3164
|
+
.pro-form .pro-form-item-add .ant-checkbox-group {
|
|
3165
|
+
padding: 5px 0;
|
|
3166
|
+
}
|
|
3167
|
+
.pro-form .pro-form-item-add:has(.ant-switch) {
|
|
3168
|
+
padding: 5px 0;
|
|
3169
|
+
}
|
|
3170
|
+
.pro-form .pro-form-item-add .ant-input-textarea > textarea {
|
|
3171
|
+
background: var(--zaui-contract-bg-add, #d2fff4);
|
|
3172
|
+
}
|
|
3151
3173
|
.pro-form .pro-form-item-add .pro-form-view-container {
|
|
3152
3174
|
padding: 4px 8px;
|
|
3153
3175
|
background: var(--zaui-contract-bg-add, #d2fff4);
|
|
@@ -5936,3 +5958,6 @@ input[type='button'] {
|
|
|
5936
5958
|
.ant-tooltip > .ant-tooltip-content > .ant-tooltip-arrow > .ant-tooltip-arrow-content {
|
|
5937
5959
|
--antd-arrow-background-color: linear-gradient(to right bottom, rgba(255, 255, 255, 0.95), #ffffff);
|
|
5938
5960
|
}
|
|
5961
|
+
.ant-picker.ant-picker-disabled {
|
|
5962
|
+
background: var(--zaui-disabled-bg);
|
|
5963
|
+
}
|
package/dist/less.esm.css
CHANGED
|
@@ -2890,12 +2890,14 @@ span.ant-input-group-compact.pro-range-limit .forever-checkbox {
|
|
|
2890
2890
|
margin-bottom: calc(var(--zaui-space-size-md, 16px) * var(--zaui-size, 1)) !important;
|
|
2891
2891
|
}
|
|
2892
2892
|
.pro-form .ant-form-item.pro-form-item-width-auto .ant-form-item-control-input {
|
|
2893
|
+
width: 100%;
|
|
2893
2894
|
-webkit-box-flex: inherit;
|
|
2894
2895
|
-webkit-flex-grow: inherit;
|
|
2895
2896
|
-ms-flex-positive: inherit;
|
|
2896
2897
|
flex-grow: inherit;
|
|
2897
2898
|
}
|
|
2898
2899
|
.pro-form .ant-form-item.pro-form-item-width-auto .ant-form-item-control-input-content {
|
|
2900
|
+
width: 100%;
|
|
2899
2901
|
-webkit-box-flex: initial;
|
|
2900
2902
|
-webkit-flex: initial;
|
|
2901
2903
|
-ms-flex: initial;
|
|
@@ -3061,8 +3063,9 @@ span.ant-input-group-compact.pro-range-limit .forever-checkbox {
|
|
|
3061
3063
|
}
|
|
3062
3064
|
.pro-form .pro-form-item-changed {
|
|
3063
3065
|
border-radius: 4px;
|
|
3064
|
-
|
|
3065
|
-
|
|
3066
|
+
background: var(--zaui-contract-bg, #fffaa1) !important;
|
|
3067
|
+
}
|
|
3068
|
+
.pro-form .pro-form-item-changed .ant-select.ant-select-disabled .ant-select-selector {
|
|
3066
3069
|
background: var(--zaui-contract-bg, #fffaa1) !important;
|
|
3067
3070
|
}
|
|
3068
3071
|
.pro-form .pro-form-item-changed span.ant-input-affix-wrapper,
|
|
@@ -3101,6 +3104,15 @@ span.ant-input-group-compact.pro-range-limit .forever-checkbox {
|
|
|
3101
3104
|
.pro-form .pro-form-item-changed .ant-form-item-control-input-content > .ant-input-group .forever-checkbox {
|
|
3102
3105
|
background: var(--zaui-contract-bg, #fffaa1);
|
|
3103
3106
|
}
|
|
3107
|
+
.pro-form .pro-form-item-changed .ant-checkbox-group {
|
|
3108
|
+
padding: 5px 0;
|
|
3109
|
+
}
|
|
3110
|
+
.pro-form .pro-form-item-changed:has(.ant-switch) {
|
|
3111
|
+
padding: 5px 0;
|
|
3112
|
+
}
|
|
3113
|
+
.pro-form .pro-form-item-changed .ant-input-textarea > textarea {
|
|
3114
|
+
background: var(--zaui-contract-bg, #fffaa1);
|
|
3115
|
+
}
|
|
3104
3116
|
.pro-form .pro-form-item-changed .pro-form-view-container {
|
|
3105
3117
|
padding: 4px 8px;
|
|
3106
3118
|
background: var(--zaui-contract-bg, #fffaa1);
|
|
@@ -3108,8 +3120,9 @@ span.ant-input-group-compact.pro-range-limit .forever-checkbox {
|
|
|
3108
3120
|
}
|
|
3109
3121
|
.pro-form .pro-form-item-add {
|
|
3110
3122
|
border-radius: 4px;
|
|
3111
|
-
|
|
3112
|
-
|
|
3123
|
+
background: var(--zaui-contract-bg-add, #d2fff4) !important;
|
|
3124
|
+
}
|
|
3125
|
+
.pro-form .pro-form-item-add .ant-select.ant-select-disabled .ant-select-selector {
|
|
3113
3126
|
background: var(--zaui-contract-bg-add, #d2fff4) !important;
|
|
3114
3127
|
}
|
|
3115
3128
|
.pro-form .pro-form-item-add span.ant-input-affix-wrapper,
|
|
@@ -3148,6 +3161,15 @@ span.ant-input-group-compact.pro-range-limit .forever-checkbox {
|
|
|
3148
3161
|
.pro-form .pro-form-item-add .ant-form-item-control-input-content > .ant-input-group .forever-checkbox {
|
|
3149
3162
|
background: var(--zaui-contract-bg-add, #d2fff4);
|
|
3150
3163
|
}
|
|
3164
|
+
.pro-form .pro-form-item-add .ant-checkbox-group {
|
|
3165
|
+
padding: 5px 0;
|
|
3166
|
+
}
|
|
3167
|
+
.pro-form .pro-form-item-add:has(.ant-switch) {
|
|
3168
|
+
padding: 5px 0;
|
|
3169
|
+
}
|
|
3170
|
+
.pro-form .pro-form-item-add .ant-input-textarea > textarea {
|
|
3171
|
+
background: var(--zaui-contract-bg-add, #d2fff4);
|
|
3172
|
+
}
|
|
3151
3173
|
.pro-form .pro-form-item-add .pro-form-view-container {
|
|
3152
3174
|
padding: 4px 8px;
|
|
3153
3175
|
background: var(--zaui-contract-bg-add, #d2fff4);
|
|
@@ -19,7 +19,7 @@
|
|
|
19
19
|
justify-content: center;
|
|
20
20
|
margin-right: var(--zaui-space-size-sm);
|
|
21
21
|
padding: var(--zaui-space-size-xs) 10px;
|
|
22
|
-
background-color:
|
|
22
|
+
background-color: var(--zaui-disabled-bg);
|
|
23
23
|
border-radius: var(--zaui-space-size-xs);
|
|
24
24
|
cursor: pointer;
|
|
25
25
|
}
|
|
@@ -29,7 +29,7 @@
|
|
|
29
29
|
background-color: var(--zaui-brand);
|
|
30
30
|
}
|
|
31
31
|
&-tag-item-disabled {
|
|
32
|
-
background-color:
|
|
32
|
+
background-color: var(--zaui-disabled-bg);
|
|
33
33
|
pointer-events: none;
|
|
34
34
|
}
|
|
35
35
|
|
|
@@ -90,12 +90,16 @@
|
|
|
90
90
|
|
|
91
91
|
.pro-enum-group-item-disabled {
|
|
92
92
|
color: rgba(0, 0, 0, 0.25);
|
|
93
|
-
background:
|
|
93
|
+
background: var(--zaui-disabled-bg);
|
|
94
94
|
cursor: not-allowed;
|
|
95
95
|
}
|
|
96
96
|
}
|
|
97
97
|
|
|
98
98
|
&-group-root-disabled {
|
|
99
|
-
|
|
99
|
+
color: #bfbfbf;
|
|
100
|
+
|
|
101
|
+
.pro-enum-group-item {
|
|
102
|
+
background: var(--zaui-disabled-bg);
|
|
103
|
+
}
|
|
100
104
|
}
|
|
101
105
|
}
|
|
@@ -99,10 +99,12 @@
|
|
|
99
99
|
|
|
100
100
|
&.pro-form-item-width-auto {
|
|
101
101
|
.@{ant-prefix}-form-item-control-input {
|
|
102
|
+
width: 100%;
|
|
102
103
|
flex-grow: inherit;
|
|
103
104
|
}
|
|
104
105
|
|
|
105
106
|
.@{ant-prefix}-form-item-control-input-content {
|
|
107
|
+
width: 100%;
|
|
106
108
|
flex: initial;
|
|
107
109
|
}
|
|
108
110
|
}
|
|
@@ -314,21 +316,23 @@
|
|
|
314
316
|
vertical-align: middle;
|
|
315
317
|
}
|
|
316
318
|
}
|
|
317
|
-
|
|
318
|
-
|
|
319
|
-
|
|
319
|
+
|
|
320
|
+
.pro-form-list-mode-block {
|
|
321
|
+
.pro-collapse-content {
|
|
322
|
+
.@{ant-prefix}-row {
|
|
320
323
|
width: auto;
|
|
321
324
|
}
|
|
322
325
|
}
|
|
323
326
|
}
|
|
324
327
|
|
|
325
|
-
// 比较原始值场景下 不同时的样式
|
|
326
328
|
.pro-form-item-changed {
|
|
327
329
|
border-radius: 4px;
|
|
328
|
-
height: 100%;
|
|
329
|
-
width: 100%;
|
|
330
330
|
background: @zaui-contract-bg !important;
|
|
331
331
|
|
|
332
|
+
.@{ant-prefix}-select.@{ant-prefix}-select-disabled .@{ant-prefix}-select-selector{
|
|
333
|
+
background: @zaui-contract-bg !important;
|
|
334
|
+
}
|
|
335
|
+
|
|
332
336
|
span.@{ant-prefix}-input-affix-wrapper,
|
|
333
337
|
.@{ant-prefix}-select .@{ant-prefix}-select-selector,
|
|
334
338
|
.@{ant-prefix}-picker,
|
|
@@ -372,6 +376,20 @@
|
|
|
372
376
|
}
|
|
373
377
|
}
|
|
374
378
|
|
|
379
|
+
// checkbox
|
|
380
|
+
.@{ant-prefix}-checkbox-group {
|
|
381
|
+
padding: 5px 0
|
|
382
|
+
}
|
|
383
|
+
// switch
|
|
384
|
+
&:has(.@{ant-prefix}-switch) {
|
|
385
|
+
padding: 5px 0;
|
|
386
|
+
}
|
|
387
|
+
|
|
388
|
+
// textArea
|
|
389
|
+
.@{ant-prefix}-input-textarea > textarea {
|
|
390
|
+
background: @zaui-contract-bg;
|
|
391
|
+
}
|
|
392
|
+
|
|
375
393
|
.pro-form-view-container {
|
|
376
394
|
padding: 4px 8px;
|
|
377
395
|
background: @zaui-contract-bg;
|
|
@@ -382,10 +400,12 @@
|
|
|
382
400
|
|
|
383
401
|
// 比较原始值场景下 不同时的样式
|
|
384
402
|
.pro-form-item-add {
|
|
385
|
-
|
|
386
|
-
|
|
387
|
-
|
|
388
|
-
|
|
403
|
+
border-radius: 4px;
|
|
404
|
+
background: @zaui-contract-bg-add !important;
|
|
405
|
+
|
|
406
|
+
.@{ant-prefix}-select.@{ant-prefix}-select-disabled .@{ant-prefix}-select-selector{
|
|
407
|
+
background: @zaui-contract-bg-add !important;
|
|
408
|
+
}
|
|
389
409
|
|
|
390
410
|
span.@{ant-prefix}-input-affix-wrapper,
|
|
391
411
|
.@{ant-prefix}-select .@{ant-prefix}-select-selector,
|
|
@@ -430,6 +450,21 @@
|
|
|
430
450
|
}
|
|
431
451
|
}
|
|
432
452
|
|
|
453
|
+
// checkbox
|
|
454
|
+
.@{ant-prefix}-checkbox-group {
|
|
455
|
+
padding: 5px 0
|
|
456
|
+
}
|
|
457
|
+
// switch
|
|
458
|
+
&:has(.@{ant-prefix}-switch) {
|
|
459
|
+
padding: 5px 0;
|
|
460
|
+
}
|
|
461
|
+
|
|
462
|
+
// textArea
|
|
463
|
+
.@{ant-prefix}-input-textarea > textarea {
|
|
464
|
+
background: @zaui-contract-bg-add;
|
|
465
|
+
}
|
|
466
|
+
|
|
467
|
+
|
|
433
468
|
.pro-form-view-container {
|
|
434
469
|
padding: 4px 8px;
|
|
435
470
|
background: @zaui-contract-bg-add;
|
|
@@ -1,3 +1,3 @@
|
|
|
1
1
|
import React from 'react';
|
|
2
|
-
declare const _default: ({ children, delayTime, ...props }: any) => React.DetailedReactHTMLElement<any, HTMLElement>;
|
|
2
|
+
declare const _default: ({ children, delayTime, excludes, ...props }: any) => React.DetailedReactHTMLElement<any, HTMLElement>;
|
|
3
3
|
export default _default;
|
|
@@ -2,13 +2,14 @@ import _regeneratorRuntime from "@babel/runtime/helpers/esm/regeneratorRuntime";
|
|
|
2
2
|
import _asyncToGenerator from "@babel/runtime/helpers/esm/asyncToGenerator";
|
|
3
3
|
import _objectSpread from "@babel/runtime/helpers/esm/objectSpread2";
|
|
4
4
|
import _objectWithoutProperties from "@babel/runtime/helpers/esm/objectWithoutProperties";
|
|
5
|
-
var _excluded = ["children", "delayTime"];
|
|
5
|
+
var _excluded = ["children", "delayTime", "excludes"];
|
|
6
6
|
import { throttle } from 'lodash';
|
|
7
7
|
import React from 'react';
|
|
8
8
|
import { useStep } from '../../index';
|
|
9
9
|
export default (function (_ref) {
|
|
10
10
|
var children = _ref.children,
|
|
11
11
|
delayTime = _ref.delayTime,
|
|
12
|
+
excludes = _ref.excludes,
|
|
12
13
|
props = _objectWithoutProperties(_ref, _excluded);
|
|
13
14
|
var _useStep = useStep(),
|
|
14
15
|
notify = _useStep.notify;
|
|
@@ -20,7 +21,9 @@ export default (function (_ref) {
|
|
|
20
21
|
case 0:
|
|
21
22
|
localStorage.setItem('cache-pro-step', '');
|
|
22
23
|
_context.next = 3;
|
|
23
|
-
return notify === null || notify === void 0 ? void 0 : notify(
|
|
24
|
+
return notify === null || notify === void 0 ? void 0 : notify({
|
|
25
|
+
excludes: excludes
|
|
26
|
+
});
|
|
24
27
|
case 3:
|
|
25
28
|
values = _context.sent;
|
|
26
29
|
setTimeout(function () {
|
package/es/ProStep/index.d.ts
CHANGED
|
@@ -7,6 +7,6 @@ declare const ProStep: {
|
|
|
7
7
|
({ children, ...resetProps }: ProStepPropsType): import("react/jsx-runtime").JSX.Element;
|
|
8
8
|
useStep: () => any;
|
|
9
9
|
Item: ({ id, title, collapse: collapseItem, children, ...restProps }: import("./propsType").ProStepItem) => import("react/jsx-runtime").JSX.Element;
|
|
10
|
-
Listener: ({ children, delayTime, ...props }: any) => import("react").DetailedReactHTMLElement<any, HTMLElement>;
|
|
10
|
+
Listener: ({ children, delayTime, excludes, ...props }: any) => import("react").DetailedReactHTMLElement<any, HTMLElement>;
|
|
11
11
|
};
|
|
12
12
|
export default ProStep;
|
package/es/ProStep/index.js
CHANGED
|
@@ -128,47 +128,54 @@ var ProStep = function ProStep(_ref) {
|
|
|
128
128
|
registerMap.current[id] = record;
|
|
129
129
|
};
|
|
130
130
|
var notify = /*#__PURE__*/function () {
|
|
131
|
-
var _ref6 = _asyncToGenerator( /*#__PURE__*/_regeneratorRuntime().mark(function _callee2() {
|
|
132
|
-
var events, res, nextErrorCollection;
|
|
131
|
+
var _ref6 = _asyncToGenerator( /*#__PURE__*/_regeneratorRuntime().mark(function _callee2(params) {
|
|
132
|
+
var _ref7, excludes, triggerIds, events, res, nextErrorCollection;
|
|
133
133
|
return _regeneratorRuntime().wrap(function _callee2$(_context2) {
|
|
134
134
|
while (1) switch (_context2.prev = _context2.next) {
|
|
135
135
|
case 0:
|
|
136
|
-
|
|
137
|
-
|
|
138
|
-
|
|
136
|
+
_ref7 = params || {}, excludes = _ref7.excludes;
|
|
137
|
+
triggerIds = Object.keys(registerMap.current); // 排除指定模块不触发校验
|
|
138
|
+
if (excludes === null || excludes === void 0 ? void 0 : excludes.length) {
|
|
139
|
+
triggerIds = triggerIds.filter(function (id) {
|
|
140
|
+
return !excludes.includes(id);
|
|
141
|
+
});
|
|
142
|
+
}
|
|
143
|
+
events = triggerIds.map(function (id) {
|
|
144
|
+
var _registerMap$current$, _registerMap$current$2;
|
|
145
|
+
return (_registerMap$current$ = registerMap.current[id]) === null || _registerMap$current$ === void 0 ? void 0 : (_registerMap$current$2 = _registerMap$current$.subEvent) === null || _registerMap$current$2 === void 0 ? void 0 : _registerMap$current$2.call(_registerMap$current$);
|
|
139
146
|
});
|
|
140
|
-
_context2.next =
|
|
147
|
+
_context2.next = 6;
|
|
141
148
|
return Promise.all(events);
|
|
142
|
-
case
|
|
149
|
+
case 6:
|
|
143
150
|
res = _context2.sent;
|
|
144
151
|
nextErrorCollection = {};
|
|
145
|
-
|
|
146
|
-
var
|
|
147
|
-
errorFields =
|
|
152
|
+
triggerIds.forEach(function (id, index) {
|
|
153
|
+
var _ref8 = (res === null || res === void 0 ? void 0 : res[index]) || {},
|
|
154
|
+
errorFields = _ref8.errorFields;
|
|
148
155
|
nextErrorCollection[id] = (errorFields === null || errorFields === void 0 ? void 0 : errorFields.length) || 0;
|
|
149
156
|
});
|
|
150
157
|
setErrorCollection(nextErrorCollection);
|
|
151
158
|
return _context2.abrupt("return", res);
|
|
152
|
-
case
|
|
159
|
+
case 11:
|
|
153
160
|
case "end":
|
|
154
161
|
return _context2.stop();
|
|
155
162
|
}
|
|
156
163
|
}, _callee2);
|
|
157
164
|
}));
|
|
158
|
-
return function notify() {
|
|
165
|
+
return function notify(_x) {
|
|
159
166
|
return _ref6.apply(this, arguments);
|
|
160
167
|
};
|
|
161
168
|
}();
|
|
162
169
|
var triggerTo = /*#__PURE__*/function () {
|
|
163
|
-
var
|
|
170
|
+
var _ref9 = _asyncToGenerator( /*#__PURE__*/_regeneratorRuntime().mark(function _callee3(keys) {
|
|
164
171
|
var events, result, nextErrorCollection;
|
|
165
172
|
return _regeneratorRuntime().wrap(function _callee3$(_context3) {
|
|
166
173
|
while (1) switch (_context3.prev = _context3.next) {
|
|
167
174
|
case 0:
|
|
168
175
|
events = [];
|
|
169
176
|
keys === null || keys === void 0 ? void 0 : keys.forEach(function (key) {
|
|
170
|
-
var _registerMap$current, _registerMap$current
|
|
171
|
-
events.push(registerMap === null || registerMap === void 0 ? void 0 : (_registerMap$current = registerMap.current) === null || _registerMap$current === void 0 ? void 0 : (_registerMap$current$ = _registerMap$current[key]) === null || _registerMap$current$ === void 0 ? void 0 : (_registerMap$current$
|
|
177
|
+
var _registerMap$current, _registerMap$current$3, _registerMap$current$4;
|
|
178
|
+
events.push(registerMap === null || registerMap === void 0 ? void 0 : (_registerMap$current = registerMap.current) === null || _registerMap$current === void 0 ? void 0 : (_registerMap$current$3 = _registerMap$current[key]) === null || _registerMap$current$3 === void 0 ? void 0 : (_registerMap$current$4 = _registerMap$current$3.subEvent) === null || _registerMap$current$4 === void 0 ? void 0 : _registerMap$current$4.call(_registerMap$current$3));
|
|
172
179
|
});
|
|
173
180
|
_context3.next = 4;
|
|
174
181
|
return Promise.all(events);
|
|
@@ -190,8 +197,8 @@ var ProStep = function ProStep(_ref) {
|
|
|
190
197
|
}
|
|
191
198
|
}, _callee3);
|
|
192
199
|
}));
|
|
193
|
-
return function triggerTo(
|
|
194
|
-
return
|
|
200
|
+
return function triggerTo(_x2) {
|
|
201
|
+
return _ref9.apply(this, arguments);
|
|
195
202
|
};
|
|
196
203
|
}();
|
|
197
204
|
useDeepCompareEffect(function () {
|
|
@@ -70,7 +70,7 @@
|
|
|
70
70
|
}
|
|
71
71
|
}
|
|
72
72
|
.@{ant-prefix}-select-tree-treenode:hover{
|
|
73
|
-
background-color:
|
|
73
|
+
background-color: var(--zaui-disabled-bg);
|
|
74
74
|
}
|
|
75
75
|
.check-option-text{
|
|
76
76
|
.check-mark-icon{
|
|
@@ -90,7 +90,7 @@
|
|
|
90
90
|
padding-left: 7px;
|
|
91
91
|
}
|
|
92
92
|
.@{ant-prefix}-select-tree-treenode:hover{
|
|
93
|
-
background-color:
|
|
93
|
+
background-color: var(--zaui-disabled-bg);;
|
|
94
94
|
}
|
|
95
95
|
.@{ant-prefix}-select-tree-node-content-wrapper{
|
|
96
96
|
padding-right: var(--zaui-space-size-md);
|
package/es/style/theme/antd.less
CHANGED
|
@@ -19,7 +19,7 @@
|
|
|
19
19
|
justify-content: center;
|
|
20
20
|
margin-right: var(--zaui-space-size-sm);
|
|
21
21
|
padding: var(--zaui-space-size-xs) 10px;
|
|
22
|
-
background-color:
|
|
22
|
+
background-color: var(--zaui-disabled-bg);
|
|
23
23
|
border-radius: var(--zaui-space-size-xs);
|
|
24
24
|
cursor: pointer;
|
|
25
25
|
}
|
|
@@ -29,7 +29,7 @@
|
|
|
29
29
|
background-color: var(--zaui-brand);
|
|
30
30
|
}
|
|
31
31
|
&-tag-item-disabled {
|
|
32
|
-
background-color:
|
|
32
|
+
background-color: var(--zaui-disabled-bg);
|
|
33
33
|
pointer-events: none;
|
|
34
34
|
}
|
|
35
35
|
|
|
@@ -90,12 +90,16 @@
|
|
|
90
90
|
|
|
91
91
|
.pro-enum-group-item-disabled {
|
|
92
92
|
color: rgba(0, 0, 0, 0.25);
|
|
93
|
-
background:
|
|
93
|
+
background: var(--zaui-disabled-bg);
|
|
94
94
|
cursor: not-allowed;
|
|
95
95
|
}
|
|
96
96
|
}
|
|
97
97
|
|
|
98
98
|
&-group-root-disabled {
|
|
99
|
-
|
|
99
|
+
color: #bfbfbf;
|
|
100
|
+
|
|
101
|
+
.pro-enum-group-item {
|
|
102
|
+
background: var(--zaui-disabled-bg);
|
|
103
|
+
}
|
|
100
104
|
}
|
|
101
105
|
}
|
|
@@ -99,10 +99,12 @@
|
|
|
99
99
|
|
|
100
100
|
&.pro-form-item-width-auto {
|
|
101
101
|
.@{ant-prefix}-form-item-control-input {
|
|
102
|
+
width: 100%;
|
|
102
103
|
flex-grow: inherit;
|
|
103
104
|
}
|
|
104
105
|
|
|
105
106
|
.@{ant-prefix}-form-item-control-input-content {
|
|
107
|
+
width: 100%;
|
|
106
108
|
flex: initial;
|
|
107
109
|
}
|
|
108
110
|
}
|
|
@@ -314,21 +316,23 @@
|
|
|
314
316
|
vertical-align: middle;
|
|
315
317
|
}
|
|
316
318
|
}
|
|
317
|
-
|
|
318
|
-
|
|
319
|
-
|
|
319
|
+
|
|
320
|
+
.pro-form-list-mode-block {
|
|
321
|
+
.pro-collapse-content {
|
|
322
|
+
.@{ant-prefix}-row {
|
|
320
323
|
width: auto;
|
|
321
324
|
}
|
|
322
325
|
}
|
|
323
326
|
}
|
|
324
327
|
|
|
325
|
-
// 比较原始值场景下 不同时的样式
|
|
326
328
|
.pro-form-item-changed {
|
|
327
329
|
border-radius: 4px;
|
|
328
|
-
height: 100%;
|
|
329
|
-
width: 100%;
|
|
330
330
|
background: @zaui-contract-bg !important;
|
|
331
331
|
|
|
332
|
+
.@{ant-prefix}-select.@{ant-prefix}-select-disabled .@{ant-prefix}-select-selector{
|
|
333
|
+
background: @zaui-contract-bg !important;
|
|
334
|
+
}
|
|
335
|
+
|
|
332
336
|
span.@{ant-prefix}-input-affix-wrapper,
|
|
333
337
|
.@{ant-prefix}-select .@{ant-prefix}-select-selector,
|
|
334
338
|
.@{ant-prefix}-picker,
|
|
@@ -372,6 +376,20 @@
|
|
|
372
376
|
}
|
|
373
377
|
}
|
|
374
378
|
|
|
379
|
+
// checkbox
|
|
380
|
+
.@{ant-prefix}-checkbox-group {
|
|
381
|
+
padding: 5px 0
|
|
382
|
+
}
|
|
383
|
+
// switch
|
|
384
|
+
&:has(.@{ant-prefix}-switch) {
|
|
385
|
+
padding: 5px 0;
|
|
386
|
+
}
|
|
387
|
+
|
|
388
|
+
// textArea
|
|
389
|
+
.@{ant-prefix}-input-textarea > textarea {
|
|
390
|
+
background: @zaui-contract-bg;
|
|
391
|
+
}
|
|
392
|
+
|
|
375
393
|
.pro-form-view-container {
|
|
376
394
|
padding: 4px 8px;
|
|
377
395
|
background: @zaui-contract-bg;
|
|
@@ -382,10 +400,12 @@
|
|
|
382
400
|
|
|
383
401
|
// 比较原始值场景下 不同时的样式
|
|
384
402
|
.pro-form-item-add {
|
|
385
|
-
|
|
386
|
-
|
|
387
|
-
|
|
388
|
-
|
|
403
|
+
border-radius: 4px;
|
|
404
|
+
background: @zaui-contract-bg-add !important;
|
|
405
|
+
|
|
406
|
+
.@{ant-prefix}-select.@{ant-prefix}-select-disabled .@{ant-prefix}-select-selector{
|
|
407
|
+
background: @zaui-contract-bg-add !important;
|
|
408
|
+
}
|
|
389
409
|
|
|
390
410
|
span.@{ant-prefix}-input-affix-wrapper,
|
|
391
411
|
.@{ant-prefix}-select .@{ant-prefix}-select-selector,
|
|
@@ -430,6 +450,21 @@
|
|
|
430
450
|
}
|
|
431
451
|
}
|
|
432
452
|
|
|
453
|
+
// checkbox
|
|
454
|
+
.@{ant-prefix}-checkbox-group {
|
|
455
|
+
padding: 5px 0
|
|
456
|
+
}
|
|
457
|
+
// switch
|
|
458
|
+
&:has(.@{ant-prefix}-switch) {
|
|
459
|
+
padding: 5px 0;
|
|
460
|
+
}
|
|
461
|
+
|
|
462
|
+
// textArea
|
|
463
|
+
.@{ant-prefix}-input-textarea > textarea {
|
|
464
|
+
background: @zaui-contract-bg-add;
|
|
465
|
+
}
|
|
466
|
+
|
|
467
|
+
|
|
433
468
|
.pro-form-view-container {
|
|
434
469
|
padding: 4px 8px;
|
|
435
470
|
background: @zaui-contract-bg-add;
|
|
@@ -1,3 +1,3 @@
|
|
|
1
1
|
import React from 'react';
|
|
2
|
-
declare const _default: ({ children, delayTime, ...props }: any) => React.DetailedReactHTMLElement<any, HTMLElement>;
|
|
2
|
+
declare const _default: ({ children, delayTime, excludes, ...props }: any) => React.DetailedReactHTMLElement<any, HTMLElement>;
|
|
3
3
|
export default _default;
|
|
@@ -12,10 +12,11 @@ var _objectWithoutProperties2 = _interopRequireDefault(require("@babel/runtime/h
|
|
|
12
12
|
var _lodash = require("lodash");
|
|
13
13
|
var _react = _interopRequireDefault(require("react"));
|
|
14
14
|
var _index = require("../../index");
|
|
15
|
-
var _excluded = ["children", "delayTime"];
|
|
15
|
+
var _excluded = ["children", "delayTime", "excludes"];
|
|
16
16
|
var _default = exports.default = function _default(_ref) {
|
|
17
17
|
var children = _ref.children,
|
|
18
18
|
delayTime = _ref.delayTime,
|
|
19
|
+
excludes = _ref.excludes,
|
|
19
20
|
props = (0, _objectWithoutProperties2.default)(_ref, _excluded);
|
|
20
21
|
var _useStep = (0, _index.useStep)(),
|
|
21
22
|
notify = _useStep.notify;
|
|
@@ -27,7 +28,9 @@ var _default = exports.default = function _default(_ref) {
|
|
|
27
28
|
case 0:
|
|
28
29
|
localStorage.setItem('cache-pro-step', '');
|
|
29
30
|
_context.next = 3;
|
|
30
|
-
return notify === null || notify === void 0 ? void 0 : notify(
|
|
31
|
+
return notify === null || notify === void 0 ? void 0 : notify({
|
|
32
|
+
excludes: excludes
|
|
33
|
+
});
|
|
31
34
|
case 3:
|
|
32
35
|
values = _context.sent;
|
|
33
36
|
setTimeout(function () {
|
package/lib/ProStep/index.d.ts
CHANGED
|
@@ -7,6 +7,6 @@ declare const ProStep: {
|
|
|
7
7
|
({ children, ...resetProps }: ProStepPropsType): import("react/jsx-runtime").JSX.Element;
|
|
8
8
|
useStep: () => any;
|
|
9
9
|
Item: ({ id, title, collapse: collapseItem, children, ...restProps }: import("./propsType").ProStepItem) => import("react/jsx-runtime").JSX.Element;
|
|
10
|
-
Listener: ({ children, delayTime, ...props }: any) => import("react").DetailedReactHTMLElement<any, HTMLElement>;
|
|
10
|
+
Listener: ({ children, delayTime, excludes, ...props }: any) => import("react").DetailedReactHTMLElement<any, HTMLElement>;
|
|
11
11
|
};
|
|
12
12
|
export default ProStep;
|
package/lib/ProStep/index.js
CHANGED
|
@@ -135,47 +135,54 @@ var ProStep = function ProStep(_ref) {
|
|
|
135
135
|
registerMap.current[id] = record;
|
|
136
136
|
};
|
|
137
137
|
var notify = /*#__PURE__*/function () {
|
|
138
|
-
var _ref6 = (0, _asyncToGenerator2.default)( /*#__PURE__*/(0, _regeneratorRuntime2.default)().mark(function _callee2() {
|
|
139
|
-
var events, res, nextErrorCollection;
|
|
138
|
+
var _ref6 = (0, _asyncToGenerator2.default)( /*#__PURE__*/(0, _regeneratorRuntime2.default)().mark(function _callee2(params) {
|
|
139
|
+
var _ref7, excludes, triggerIds, events, res, nextErrorCollection;
|
|
140
140
|
return (0, _regeneratorRuntime2.default)().wrap(function _callee2$(_context2) {
|
|
141
141
|
while (1) switch (_context2.prev = _context2.next) {
|
|
142
142
|
case 0:
|
|
143
|
-
|
|
144
|
-
|
|
145
|
-
|
|
143
|
+
_ref7 = params || {}, excludes = _ref7.excludes;
|
|
144
|
+
triggerIds = Object.keys(registerMap.current); // 排除指定模块不触发校验
|
|
145
|
+
if (excludes === null || excludes === void 0 ? void 0 : excludes.length) {
|
|
146
|
+
triggerIds = triggerIds.filter(function (id) {
|
|
147
|
+
return !excludes.includes(id);
|
|
148
|
+
});
|
|
149
|
+
}
|
|
150
|
+
events = triggerIds.map(function (id) {
|
|
151
|
+
var _registerMap$current$, _registerMap$current$2;
|
|
152
|
+
return (_registerMap$current$ = registerMap.current[id]) === null || _registerMap$current$ === void 0 ? void 0 : (_registerMap$current$2 = _registerMap$current$.subEvent) === null || _registerMap$current$2 === void 0 ? void 0 : _registerMap$current$2.call(_registerMap$current$);
|
|
146
153
|
});
|
|
147
|
-
_context2.next =
|
|
154
|
+
_context2.next = 6;
|
|
148
155
|
return Promise.all(events);
|
|
149
|
-
case
|
|
156
|
+
case 6:
|
|
150
157
|
res = _context2.sent;
|
|
151
158
|
nextErrorCollection = {};
|
|
152
|
-
|
|
153
|
-
var
|
|
154
|
-
errorFields =
|
|
159
|
+
triggerIds.forEach(function (id, index) {
|
|
160
|
+
var _ref8 = (res === null || res === void 0 ? void 0 : res[index]) || {},
|
|
161
|
+
errorFields = _ref8.errorFields;
|
|
155
162
|
nextErrorCollection[id] = (errorFields === null || errorFields === void 0 ? void 0 : errorFields.length) || 0;
|
|
156
163
|
});
|
|
157
164
|
setErrorCollection(nextErrorCollection);
|
|
158
165
|
return _context2.abrupt("return", res);
|
|
159
|
-
case
|
|
166
|
+
case 11:
|
|
160
167
|
case "end":
|
|
161
168
|
return _context2.stop();
|
|
162
169
|
}
|
|
163
170
|
}, _callee2);
|
|
164
171
|
}));
|
|
165
|
-
return function notify() {
|
|
172
|
+
return function notify(_x) {
|
|
166
173
|
return _ref6.apply(this, arguments);
|
|
167
174
|
};
|
|
168
175
|
}();
|
|
169
176
|
var triggerTo = /*#__PURE__*/function () {
|
|
170
|
-
var
|
|
177
|
+
var _ref9 = (0, _asyncToGenerator2.default)( /*#__PURE__*/(0, _regeneratorRuntime2.default)().mark(function _callee3(keys) {
|
|
171
178
|
var events, result, nextErrorCollection;
|
|
172
179
|
return (0, _regeneratorRuntime2.default)().wrap(function _callee3$(_context3) {
|
|
173
180
|
while (1) switch (_context3.prev = _context3.next) {
|
|
174
181
|
case 0:
|
|
175
182
|
events = [];
|
|
176
183
|
keys === null || keys === void 0 ? void 0 : keys.forEach(function (key) {
|
|
177
|
-
var _registerMap$current, _registerMap$current
|
|
178
|
-
events.push(registerMap === null || registerMap === void 0 ? void 0 : (_registerMap$current = registerMap.current) === null || _registerMap$current === void 0 ? void 0 : (_registerMap$current$ = _registerMap$current[key]) === null || _registerMap$current$ === void 0 ? void 0 : (_registerMap$current$
|
|
184
|
+
var _registerMap$current, _registerMap$current$3, _registerMap$current$4;
|
|
185
|
+
events.push(registerMap === null || registerMap === void 0 ? void 0 : (_registerMap$current = registerMap.current) === null || _registerMap$current === void 0 ? void 0 : (_registerMap$current$3 = _registerMap$current[key]) === null || _registerMap$current$3 === void 0 ? void 0 : (_registerMap$current$4 = _registerMap$current$3.subEvent) === null || _registerMap$current$4 === void 0 ? void 0 : _registerMap$current$4.call(_registerMap$current$3));
|
|
179
186
|
});
|
|
180
187
|
_context3.next = 4;
|
|
181
188
|
return Promise.all(events);
|
|
@@ -197,8 +204,8 @@ var ProStep = function ProStep(_ref) {
|
|
|
197
204
|
}
|
|
198
205
|
}, _callee3);
|
|
199
206
|
}));
|
|
200
|
-
return function triggerTo(
|
|
201
|
-
return
|
|
207
|
+
return function triggerTo(_x2) {
|
|
208
|
+
return _ref9.apply(this, arguments);
|
|
202
209
|
};
|
|
203
210
|
}();
|
|
204
211
|
(0, _ahooks.useDeepCompareEffect)(function () {
|
|
@@ -70,7 +70,7 @@
|
|
|
70
70
|
}
|
|
71
71
|
}
|
|
72
72
|
.@{ant-prefix}-select-tree-treenode:hover{
|
|
73
|
-
background-color:
|
|
73
|
+
background-color: var(--zaui-disabled-bg);
|
|
74
74
|
}
|
|
75
75
|
.check-option-text{
|
|
76
76
|
.check-mark-icon{
|
|
@@ -90,7 +90,7 @@
|
|
|
90
90
|
padding-left: 7px;
|
|
91
91
|
}
|
|
92
92
|
.@{ant-prefix}-select-tree-treenode:hover{
|
|
93
|
-
background-color:
|
|
93
|
+
background-color: var(--zaui-disabled-bg);;
|
|
94
94
|
}
|
|
95
95
|
.@{ant-prefix}-select-tree-node-content-wrapper{
|
|
96
96
|
padding-right: var(--zaui-space-size-md);
|