phx-react 1.3.80 → 1.3.81
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.
|
@@ -13,28 +13,27 @@ var PHXFormStep = function (_a) {
|
|
|
13
13
|
var _e = (0, react_1.useState)(1), currentStep = _e[0], setCurrentStep = _e[1];
|
|
14
14
|
var _f = (0, react_1.useState)([]), listSteps = _f[0], setListSteps = _f[1];
|
|
15
15
|
var form = (0, react_hook_form_1.useForm)();
|
|
16
|
-
var triggerStepRef = (0, react_1.useRef)();
|
|
17
16
|
function findNextStepCurrent(item) {
|
|
18
17
|
return item.step === currentStep + 1 && item.status !== 'complete';
|
|
19
18
|
}
|
|
20
19
|
var nextStep = function (data, stepItem) { return tslib_1.__awaiter(void 0, void 0, void 0, function () {
|
|
21
|
-
var funcCallNextStep,
|
|
20
|
+
var isPass, funcCallNextStep, satusCurrentStep, error_1;
|
|
22
21
|
var _a, _b;
|
|
23
22
|
return tslib_1.__generator(this, function (_c) {
|
|
24
23
|
switch (_c.label) {
|
|
25
24
|
case 0:
|
|
26
25
|
_c.trys.push([0, 3, , 4]);
|
|
26
|
+
isPass = true;
|
|
27
27
|
funcCallNextStep = (_a = triggerStep === null || triggerStep === void 0 ? void 0 : triggerStep.find(function (func) { return func.step === currentStep; })) === null || _a === void 0 ? void 0 : _a.onNext;
|
|
28
|
+
satusCurrentStep = (_b = listSteps === null || listSteps === void 0 ? void 0 : listSteps.find(function (item) { return item.step === currentStep; })) === null || _b === void 0 ? void 0 : _b.status;
|
|
28
29
|
if (!funcCallNextStep) return [3 /*break*/, 2];
|
|
29
|
-
return [4 /*yield*/, funcCallNextStep()
|
|
30
|
-
// kiểm tra điều kiện xem có pass hay không trước khi cập nhật trạng thái của step
|
|
31
|
-
];
|
|
30
|
+
return [4 /*yield*/, funcCallNextStep(data, satusCurrentStep)];
|
|
32
31
|
case 1:
|
|
33
|
-
_c.sent();
|
|
32
|
+
isPass = _c.sent();
|
|
34
33
|
_c.label = 2;
|
|
35
34
|
case 2:
|
|
36
|
-
|
|
37
|
-
if (isPass
|
|
35
|
+
// Dựa vào giá trị của hàm triggerStep trả về để quyết định xem Step có pass hay không
|
|
36
|
+
if (!isPass)
|
|
38
37
|
return [2 /*return*/];
|
|
39
38
|
if (currentStep === (listSteps === null || listSteps === void 0 ? void 0 : listSteps.length)) {
|
|
40
39
|
onSubmit(data);
|
|
@@ -74,23 +73,18 @@ var PHXFormStep = function (_a) {
|
|
|
74
73
|
});
|
|
75
74
|
}); };
|
|
76
75
|
var handleBackStep = function (stepItem) { return tslib_1.__awaiter(void 0, void 0, void 0, function () {
|
|
77
|
-
var funcCallBackStep
|
|
78
|
-
var _a
|
|
79
|
-
return tslib_1.__generator(this, function (
|
|
80
|
-
switch (
|
|
76
|
+
var funcCallBackStep;
|
|
77
|
+
var _a;
|
|
78
|
+
return tslib_1.__generator(this, function (_b) {
|
|
79
|
+
switch (_b.label) {
|
|
81
80
|
case 0:
|
|
82
81
|
funcCallBackStep = (_a = triggerStep === null || triggerStep === void 0 ? void 0 : triggerStep.find(function (func) { return func.step === currentStep; })) === null || _a === void 0 ? void 0 : _a.onBack;
|
|
83
82
|
if (!(funcCallBackStep && formMode !== 'readOnly')) return [3 /*break*/, 2];
|
|
84
|
-
return [4 /*yield*/, funcCallBackStep()
|
|
85
|
-
// kiểm tra điều kiện xem có pass hay không trước khi cập nhật trạng thái của step
|
|
86
|
-
];
|
|
83
|
+
return [4 /*yield*/, funcCallBackStep()];
|
|
87
84
|
case 1:
|
|
88
|
-
|
|
89
|
-
|
|
85
|
+
_b.sent();
|
|
86
|
+
_b.label = 2;
|
|
90
87
|
case 2:
|
|
91
|
-
isBack = (_b = triggerStep === null || triggerStep === void 0 ? void 0 : triggerStep.find(function (func) { return func.step === currentStep; })) === null || _b === void 0 ? void 0 : _b.isBack;
|
|
92
|
-
if (isBack === false)
|
|
93
|
-
return [2 /*return*/];
|
|
94
88
|
if (stepItem && stepItem.step) {
|
|
95
89
|
setCurrentStep(stepItem.step);
|
|
96
90
|
}
|
|
@@ -104,50 +98,6 @@ var PHXFormStep = function (_a) {
|
|
|
104
98
|
var handleNextStep = function () {
|
|
105
99
|
setCurrentStep(function (currentStep) { return currentStep + 1; });
|
|
106
100
|
};
|
|
107
|
-
// Hàm kiểm tra hai mảng trigger có cùng nội dung hay không
|
|
108
|
-
var arraysAreEqual = function (arr1, arr2) {
|
|
109
|
-
if ((arr1 === null || arr1 === void 0 ? void 0 : arr1.length) !== (arr2 === null || arr2 === void 0 ? void 0 : arr2.length)) {
|
|
110
|
-
return false;
|
|
111
|
-
}
|
|
112
|
-
var compareLength = arr1 === null || arr1 === void 0 ? void 0 : arr1.length;
|
|
113
|
-
for (var i = 0; i < compareLength; i++) {
|
|
114
|
-
if (arr1[i].isBack !== arr2[i].isBack || arr1[i].isNext !== arr2[i].isNext) {
|
|
115
|
-
return false;
|
|
116
|
-
}
|
|
117
|
-
}
|
|
118
|
-
return true;
|
|
119
|
-
};
|
|
120
|
-
var triggerNextStep = function () {
|
|
121
|
-
listSteps === null || listSteps === void 0 ? void 0 : listSteps.forEach(function (item) {
|
|
122
|
-
if (item.step === currentStep + 1 && item.status !== 'complete') {
|
|
123
|
-
item.status = 'current';
|
|
124
|
-
}
|
|
125
|
-
if (item.step === currentStep)
|
|
126
|
-
item.status = 'complete';
|
|
127
|
-
});
|
|
128
|
-
setCurrentStep(function (currentStep) { return currentStep + 1; });
|
|
129
|
-
};
|
|
130
|
-
function isEmptyFuncTrigger(funcCallBackStep) {
|
|
131
|
-
return !funcCallBackStep || (funcCallBackStep && !funcCallBackStep.isNext && !funcCallBackStep.isBack);
|
|
132
|
-
}
|
|
133
|
-
function isNextCondition(funcCallBackStep) {
|
|
134
|
-
return funcCallBackStep && funcCallBackStep.isNext && !funcCallBackStep.isBack;
|
|
135
|
-
}
|
|
136
|
-
// Theo dõi triggerStep truyền vào isPass và isNext và chuyển hướng
|
|
137
|
-
(0, react_1.useEffect)(function () {
|
|
138
|
-
if (!arraysAreEqual(triggerStep, triggerStepRef.current)) {
|
|
139
|
-
var funcCallBackStep = triggerStep === null || triggerStep === void 0 ? void 0 : triggerStep.find(function (func) { return func.step === currentStep; });
|
|
140
|
-
if (isEmptyFuncTrigger(funcCallBackStep))
|
|
141
|
-
return;
|
|
142
|
-
if (isNextCondition(funcCallBackStep)) {
|
|
143
|
-
triggerNextStep();
|
|
144
|
-
}
|
|
145
|
-
else {
|
|
146
|
-
setCurrentStep(function (currentStep) { return currentStep - 1; });
|
|
147
|
-
}
|
|
148
|
-
triggerStepRef.current = triggerStep;
|
|
149
|
-
}
|
|
150
|
-
}, [triggerStep]);
|
|
151
101
|
(0, react_1.useEffect)(function () {
|
|
152
102
|
if (steps) {
|
|
153
103
|
var listNew = steps === null || steps === void 0 ? void 0 : steps.map(function (item, index) {
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"FormStep.js","sourceRoot":"","sources":["../../../../src/components/FormStep/FormStep.tsx"],"names":[],"mappings":";;;;AAAA,mDAAqD;AACrD,
|
|
1
|
+
{"version":3,"file":"FormStep.js","sourceRoot":"","sources":["../../../../src/components/FormStep/FormStep.tsx"],"names":[],"mappings":"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"}
|
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
import { __assign, __awaiter, __generator } from "tslib";
|
|
2
2
|
import { CheckIcon } from '@heroicons/react/24/solid';
|
|
3
|
-
import React, { useEffect,
|
|
3
|
+
import React, { useEffect, useState } from 'react';
|
|
4
4
|
import { FormProvider, useForm } from 'react-hook-form';
|
|
5
5
|
import { PHXFormWrap } from '../FormWrap';
|
|
6
6
|
import { PHXCard } from '../Card';
|
|
@@ -10,28 +10,27 @@ export var PHXFormStep = function (_a) {
|
|
|
10
10
|
var _e = useState(1), currentStep = _e[0], setCurrentStep = _e[1];
|
|
11
11
|
var _f = useState([]), listSteps = _f[0], setListSteps = _f[1];
|
|
12
12
|
var form = useForm();
|
|
13
|
-
var triggerStepRef = useRef();
|
|
14
13
|
function findNextStepCurrent(item) {
|
|
15
14
|
return item.step === currentStep + 1 && item.status !== 'complete';
|
|
16
15
|
}
|
|
17
16
|
var nextStep = function (data, stepItem) { return __awaiter(void 0, void 0, void 0, function () {
|
|
18
|
-
var funcCallNextStep,
|
|
17
|
+
var isPass, funcCallNextStep, satusCurrentStep, error_1;
|
|
19
18
|
var _a, _b;
|
|
20
19
|
return __generator(this, function (_c) {
|
|
21
20
|
switch (_c.label) {
|
|
22
21
|
case 0:
|
|
23
22
|
_c.trys.push([0, 3, , 4]);
|
|
23
|
+
isPass = true;
|
|
24
24
|
funcCallNextStep = (_a = triggerStep === null || triggerStep === void 0 ? void 0 : triggerStep.find(function (func) { return func.step === currentStep; })) === null || _a === void 0 ? void 0 : _a.onNext;
|
|
25
|
+
satusCurrentStep = (_b = listSteps === null || listSteps === void 0 ? void 0 : listSteps.find(function (item) { return item.step === currentStep; })) === null || _b === void 0 ? void 0 : _b.status;
|
|
25
26
|
if (!funcCallNextStep) return [3 /*break*/, 2];
|
|
26
|
-
return [4 /*yield*/, funcCallNextStep()
|
|
27
|
-
// kiểm tra điều kiện xem có pass hay không trước khi cập nhật trạng thái của step
|
|
28
|
-
];
|
|
27
|
+
return [4 /*yield*/, funcCallNextStep(data, satusCurrentStep)];
|
|
29
28
|
case 1:
|
|
30
|
-
_c.sent();
|
|
29
|
+
isPass = _c.sent();
|
|
31
30
|
_c.label = 2;
|
|
32
31
|
case 2:
|
|
33
|
-
|
|
34
|
-
if (isPass
|
|
32
|
+
// Dựa vào giá trị của hàm triggerStep trả về để quyết định xem Step có pass hay không
|
|
33
|
+
if (!isPass)
|
|
35
34
|
return [2 /*return*/];
|
|
36
35
|
if (currentStep === (listSteps === null || listSteps === void 0 ? void 0 : listSteps.length)) {
|
|
37
36
|
onSubmit(data);
|
|
@@ -71,23 +70,18 @@ export var PHXFormStep = function (_a) {
|
|
|
71
70
|
});
|
|
72
71
|
}); };
|
|
73
72
|
var handleBackStep = function (stepItem) { return __awaiter(void 0, void 0, void 0, function () {
|
|
74
|
-
var funcCallBackStep
|
|
75
|
-
var _a
|
|
76
|
-
return __generator(this, function (
|
|
77
|
-
switch (
|
|
73
|
+
var funcCallBackStep;
|
|
74
|
+
var _a;
|
|
75
|
+
return __generator(this, function (_b) {
|
|
76
|
+
switch (_b.label) {
|
|
78
77
|
case 0:
|
|
79
78
|
funcCallBackStep = (_a = triggerStep === null || triggerStep === void 0 ? void 0 : triggerStep.find(function (func) { return func.step === currentStep; })) === null || _a === void 0 ? void 0 : _a.onBack;
|
|
80
79
|
if (!(funcCallBackStep && formMode !== 'readOnly')) return [3 /*break*/, 2];
|
|
81
|
-
return [4 /*yield*/, funcCallBackStep()
|
|
82
|
-
// kiểm tra điều kiện xem có pass hay không trước khi cập nhật trạng thái của step
|
|
83
|
-
];
|
|
80
|
+
return [4 /*yield*/, funcCallBackStep()];
|
|
84
81
|
case 1:
|
|
85
|
-
|
|
86
|
-
|
|
82
|
+
_b.sent();
|
|
83
|
+
_b.label = 2;
|
|
87
84
|
case 2:
|
|
88
|
-
isBack = (_b = triggerStep === null || triggerStep === void 0 ? void 0 : triggerStep.find(function (func) { return func.step === currentStep; })) === null || _b === void 0 ? void 0 : _b.isBack;
|
|
89
|
-
if (isBack === false)
|
|
90
|
-
return [2 /*return*/];
|
|
91
85
|
if (stepItem && stepItem.step) {
|
|
92
86
|
setCurrentStep(stepItem.step);
|
|
93
87
|
}
|
|
@@ -101,50 +95,6 @@ export var PHXFormStep = function (_a) {
|
|
|
101
95
|
var handleNextStep = function () {
|
|
102
96
|
setCurrentStep(function (currentStep) { return currentStep + 1; });
|
|
103
97
|
};
|
|
104
|
-
// Hàm kiểm tra hai mảng trigger có cùng nội dung hay không
|
|
105
|
-
var arraysAreEqual = function (arr1, arr2) {
|
|
106
|
-
if ((arr1 === null || arr1 === void 0 ? void 0 : arr1.length) !== (arr2 === null || arr2 === void 0 ? void 0 : arr2.length)) {
|
|
107
|
-
return false;
|
|
108
|
-
}
|
|
109
|
-
var compareLength = arr1 === null || arr1 === void 0 ? void 0 : arr1.length;
|
|
110
|
-
for (var i = 0; i < compareLength; i++) {
|
|
111
|
-
if (arr1[i].isBack !== arr2[i].isBack || arr1[i].isNext !== arr2[i].isNext) {
|
|
112
|
-
return false;
|
|
113
|
-
}
|
|
114
|
-
}
|
|
115
|
-
return true;
|
|
116
|
-
};
|
|
117
|
-
var triggerNextStep = function () {
|
|
118
|
-
listSteps === null || listSteps === void 0 ? void 0 : listSteps.forEach(function (item) {
|
|
119
|
-
if (item.step === currentStep + 1 && item.status !== 'complete') {
|
|
120
|
-
item.status = 'current';
|
|
121
|
-
}
|
|
122
|
-
if (item.step === currentStep)
|
|
123
|
-
item.status = 'complete';
|
|
124
|
-
});
|
|
125
|
-
setCurrentStep(function (currentStep) { return currentStep + 1; });
|
|
126
|
-
};
|
|
127
|
-
function isEmptyFuncTrigger(funcCallBackStep) {
|
|
128
|
-
return !funcCallBackStep || (funcCallBackStep && !funcCallBackStep.isNext && !funcCallBackStep.isBack);
|
|
129
|
-
}
|
|
130
|
-
function isNextCondition(funcCallBackStep) {
|
|
131
|
-
return funcCallBackStep && funcCallBackStep.isNext && !funcCallBackStep.isBack;
|
|
132
|
-
}
|
|
133
|
-
// Theo dõi triggerStep truyền vào isPass và isNext và chuyển hướng
|
|
134
|
-
useEffect(function () {
|
|
135
|
-
if (!arraysAreEqual(triggerStep, triggerStepRef.current)) {
|
|
136
|
-
var funcCallBackStep = triggerStep === null || triggerStep === void 0 ? void 0 : triggerStep.find(function (func) { return func.step === currentStep; });
|
|
137
|
-
if (isEmptyFuncTrigger(funcCallBackStep))
|
|
138
|
-
return;
|
|
139
|
-
if (isNextCondition(funcCallBackStep)) {
|
|
140
|
-
triggerNextStep();
|
|
141
|
-
}
|
|
142
|
-
else {
|
|
143
|
-
setCurrentStep(function (currentStep) { return currentStep - 1; });
|
|
144
|
-
}
|
|
145
|
-
triggerStepRef.current = triggerStep;
|
|
146
|
-
}
|
|
147
|
-
}, [triggerStep]);
|
|
148
98
|
useEffect(function () {
|
|
149
99
|
if (steps) {
|
|
150
100
|
var listNew = steps === null || steps === void 0 ? void 0 : steps.map(function (item, index) {
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"FormStep.js","sourceRoot":"","sources":["../../../../src/components/FormStep/FormStep.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAE,SAAS,EAAE,MAAM,2BAA2B,CAAA;AACrD,OAAO,KAAK,EAAE,EAAa,SAAS,EAAE,
|
|
1
|
+
{"version":3,"file":"FormStep.js","sourceRoot":"","sources":["../../../../src/components/FormStep/FormStep.tsx"],"names":[],"mappings":"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"}
|