@snack-uikit/stepper 0.5.10-preview-8df95eca.0 → 0.5.10-preview-fa22a93d.0
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/README.md +7 -6
- package/package.json +2 -2
package/README.md
CHANGED
|
@@ -10,27 +10,28 @@
|
|
|
10
10
|
#### Использование
|
|
11
11
|
|
|
12
12
|
Компонент принимает массив шагов. В проп children принимает render-колбек, в который отдает сам компонент, методы управления и поля состояния.
|
|
13
|
-
При вызове метода `goNext` вызывается валидация текущего шага. Функция валидации должна вернуть результат валидации в Promise
|
|
13
|
+
При вызове метода `goNext` вызывается валидация текущего шага. Функция валидации принимает индекс текущего шага и должна вернуть результат валидации в Promise<boolean>. При успешной валдиции компонент переходит на следующий шаг, а при ошибке остается на текущем.
|
|
14
14
|
При вызове метода `goPrev` компонент переходит на предыдущий шаг.
|
|
15
15
|
|
|
16
16
|
|
|
17
17
|
```tsx
|
|
18
18
|
const steps = [
|
|
19
|
-
{ title: 'Step #1'
|
|
20
|
-
{ title: 'Step #2'
|
|
21
|
-
{ title: 'Step #3'
|
|
22
|
-
{ title: 'Step #4'
|
|
19
|
+
{ title: 'Step #1' },
|
|
20
|
+
{ title: 'Step #2' },
|
|
21
|
+
{ title: 'Step #3' },
|
|
22
|
+
{ title: 'Step #4' },
|
|
23
23
|
];
|
|
24
24
|
|
|
25
25
|
// ...
|
|
26
26
|
|
|
27
27
|
return (
|
|
28
|
-
<Stepper steps={steps}>
|
|
28
|
+
<Stepper steps={steps} validator={validatorFunction}>
|
|
29
29
|
{({
|
|
30
30
|
stepper, // JSX элемент компонента
|
|
31
31
|
isCompleted, // состояние завершенности всей цепочки
|
|
32
32
|
goNext, // функция перехода к след. шагу
|
|
33
33
|
goPrev, // функция перехода к предыдущему шагу
|
|
34
|
+
setValidator, // функция установки валидатора
|
|
34
35
|
}) => (
|
|
35
36
|
<>
|
|
36
37
|
{stepper}
|
package/package.json
CHANGED
|
@@ -4,7 +4,7 @@
|
|
|
4
4
|
"access": "public"
|
|
5
5
|
},
|
|
6
6
|
"title": "Stepper",
|
|
7
|
-
"version": "0.5.10-preview-
|
|
7
|
+
"version": "0.5.10-preview-fa22a93d.0",
|
|
8
8
|
"sideEffects": [
|
|
9
9
|
"*.css",
|
|
10
10
|
"*.woff",
|
|
@@ -39,5 +39,5 @@
|
|
|
39
39
|
"@snack-uikit/utils": "3.2.0",
|
|
40
40
|
"classnames": "2.3.2"
|
|
41
41
|
},
|
|
42
|
-
"gitHead": "
|
|
42
|
+
"gitHead": "8bc73eadbb15f1db5f9778820a423c54170732f9"
|
|
43
43
|
}
|