@hw-component/form 0.0.6-beta-v8 → 0.0.6-beta-v9
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/es/DialogForm/DrawerForm/index.js +2 -1
- package/es/DialogForm/ModalForm.js +2 -1
- package/es/DialogForm/hooks.d.ts +1 -1
- package/es/DialogForm/hooks.js +3 -1
- package/es/DialogForm/modal.d.ts +1 -0
- package/es/Form/hooks/index.d.ts +1 -1
- package/es/Form/hooks/index.js +11 -15
- package/lib/DialogForm/DrawerForm/index.js +2 -1
- package/lib/DialogForm/ModalForm.js +2 -1
- package/lib/DialogForm/hooks.d.ts +1 -1
- package/lib/DialogForm/hooks.js +3 -1
- package/lib/DialogForm/modal.d.ts +1 -0
- package/lib/Form/hooks/index.d.ts +1 -1
- package/lib/Form/hooks/index.js +11 -15
- package/package.json +1 -1
- package/src/components/DialogForm/DrawerForm/index.tsx +2 -1
- package/src/components/DialogForm/ModalForm.tsx +1 -0
- package/src/components/DialogForm/hooks.ts +2 -0
- package/src/components/DialogForm/modal.ts +1 -0
- package/src/components/Form/hooks/index.ts +5 -7
|
@@ -50,7 +50,8 @@ var DrawerForm = (function (_ref) {
|
|
|
50
50
|
initialValues: initialValues,
|
|
51
51
|
dialogForm: currentForm,
|
|
52
52
|
params: params,
|
|
53
|
-
title: title
|
|
53
|
+
title: title,
|
|
54
|
+
onCancel: onCancel
|
|
54
55
|
}),
|
|
55
56
|
modalVisible = _useModifyProps.modalVisible,
|
|
56
57
|
modalFormData = _useModifyProps.modalFormData,
|
|
@@ -42,7 +42,8 @@ var ModalForm = (function (_ref) {
|
|
|
42
42
|
initialValues: initialValues,
|
|
43
43
|
dialogForm: currentForm,
|
|
44
44
|
params: params,
|
|
45
|
-
title: title
|
|
45
|
+
title: title,
|
|
46
|
+
onCancel: onCancel
|
|
46
47
|
}),
|
|
47
48
|
modalVisible = _useModifyProps.modalVisible,
|
|
48
49
|
modalFormData = _useModifyProps.modalFormData,
|
package/es/DialogForm/hooks.d.ts
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
/// <reference types="react" />
|
|
2
2
|
import type { DialogFormProps, HDialogFormInstance, ModifyPropsModal } from "./modal";
|
|
3
|
-
export declare const useModifyProps: ({ visible, configData, initialValues, dialogForm, afterClose, params, title, }: ModifyPropsModal) => {
|
|
3
|
+
export declare const useModifyProps: ({ visible, configData, initialValues, dialogForm, afterClose, params, title, onCancel }: ModifyPropsModal) => {
|
|
4
4
|
modalFormData: import("../Form/modal").HItemProps[];
|
|
5
5
|
modalVisible: boolean | undefined;
|
|
6
6
|
setModalVisible: import("react").Dispatch<import("react").SetStateAction<boolean | undefined>>;
|
package/es/DialogForm/hooks.js
CHANGED
|
@@ -23,7 +23,8 @@ var useModifyProps = function useModifyProps(_ref) {
|
|
|
23
23
|
dialogForm = _ref.dialogForm,
|
|
24
24
|
afterClose = _ref.afterClose,
|
|
25
25
|
params = _ref.params,
|
|
26
|
-
title = _ref.title
|
|
26
|
+
title = _ref.title,
|
|
27
|
+
onCancel = _ref.onCancel;
|
|
27
28
|
var _useState = useState(visible),
|
|
28
29
|
_useState2 = _slicedToArray(_useState, 2),
|
|
29
30
|
modalVisible = _useState2[0],
|
|
@@ -45,6 +46,7 @@ var useModifyProps = function useModifyProps(_ref) {
|
|
|
45
46
|
modalTitle = _useState10[0],
|
|
46
47
|
setModalTitle = _useState10[1];
|
|
47
48
|
var onAfterClose = function onAfterClose() {
|
|
49
|
+
onCancel === null || onCancel === void 0 || onCancel();
|
|
48
50
|
setTimeout(function () {
|
|
49
51
|
dialogForm.clear();
|
|
50
52
|
afterClose === null || afterClose === void 0 || afterClose();
|
package/es/DialogForm/modal.d.ts
CHANGED
package/es/Form/hooks/index.d.ts
CHANGED
|
@@ -9,7 +9,7 @@ export declare const useCurrentForm: (form?: HFormInstance) => HFormInstance;
|
|
|
9
9
|
type ParamsModal = Omit<HFormProps, "configData">;
|
|
10
10
|
export declare const useInfoReq: ({ initialValues, infoRequest, form, params, request, onFinish, }: ParamsModal) => {
|
|
11
11
|
subControl: import("@ahooksjs/use-request/lib/types").BaseResult<void, [value: any]>;
|
|
12
|
-
infoControl: import("@ahooksjs/use-request/lib/types").BaseResult<
|
|
12
|
+
infoControl: import("@ahooksjs/use-request/lib/types").BaseResult<any, [reqParams?: any]>;
|
|
13
13
|
};
|
|
14
14
|
export declare const useDefaultComponents: () => any;
|
|
15
15
|
export declare const useValuesChange: ({ onValuesChange, dispatch, form, }: UseValuesChangeModal) => (changedValues: any, values: any) => void;
|
package/es/Form/hooks/index.js
CHANGED
|
@@ -63,33 +63,29 @@ var useInfoReq = function useInfoReq(_ref) {
|
|
|
63
63
|
});
|
|
64
64
|
var infoControl = useRequest( /*#__PURE__*/_asyncToGenerator( /*#__PURE__*/_regeneratorRuntime.mark(function _callee2() {
|
|
65
65
|
var reqParams,
|
|
66
|
+
result,
|
|
66
67
|
setValue,
|
|
67
68
|
_args2 = arguments;
|
|
68
69
|
return _regeneratorRuntime.wrap(function _callee2$(_context2) {
|
|
69
70
|
while (1) switch (_context2.prev = _context2.next) {
|
|
70
71
|
case 0:
|
|
71
72
|
reqParams = _args2.length > 0 && _args2[0] !== undefined ? _args2[0] : reqData.params;
|
|
72
|
-
setValue = initialValues;
|
|
73
73
|
reqData.params = reqParams;
|
|
74
|
-
if (!(!initialValues && !infoRequest)) {
|
|
75
|
-
_context2.next = 6;
|
|
76
|
-
break;
|
|
77
|
-
}
|
|
78
|
-
form === null || form === void 0 || form.setFieldsValue({});
|
|
79
|
-
return _context2.abrupt("return", {});
|
|
80
|
-
case 6:
|
|
81
74
|
if (!infoRequest) {
|
|
82
|
-
_context2.next =
|
|
75
|
+
_context2.next = 8;
|
|
83
76
|
break;
|
|
84
77
|
}
|
|
85
|
-
_context2.next =
|
|
78
|
+
_context2.next = 5;
|
|
86
79
|
return infoRequest(reqParams);
|
|
87
|
-
case
|
|
88
|
-
|
|
89
|
-
|
|
80
|
+
case 5:
|
|
81
|
+
result = _context2.sent;
|
|
82
|
+
form === null || form === void 0 || form.setFieldsValue(result);
|
|
83
|
+
return _context2.abrupt("return", result || {});
|
|
84
|
+
case 8:
|
|
85
|
+
setValue = initialValues || {};
|
|
90
86
|
form === null || form === void 0 || form.setFieldsValue(setValue);
|
|
91
|
-
return _context2.abrupt("return", setValue
|
|
92
|
-
case
|
|
87
|
+
return _context2.abrupt("return", setValue);
|
|
88
|
+
case 11:
|
|
93
89
|
case "end":
|
|
94
90
|
return _context2.stop();
|
|
95
91
|
}
|
|
@@ -53,7 +53,8 @@ var DrawerForm = (function (_ref) {
|
|
|
53
53
|
initialValues: initialValues,
|
|
54
54
|
dialogForm: currentForm,
|
|
55
55
|
params: params,
|
|
56
|
-
title: title
|
|
56
|
+
title: title,
|
|
57
|
+
onCancel: onCancel
|
|
57
58
|
}),
|
|
58
59
|
modalVisible = _useModifyProps.modalVisible,
|
|
59
60
|
modalFormData = _useModifyProps.modalFormData,
|
|
@@ -45,7 +45,8 @@ var ModalForm = (function (_ref) {
|
|
|
45
45
|
initialValues: initialValues,
|
|
46
46
|
dialogForm: currentForm,
|
|
47
47
|
params: params,
|
|
48
|
-
title: title
|
|
48
|
+
title: title,
|
|
49
|
+
onCancel: onCancel
|
|
49
50
|
}),
|
|
50
51
|
modalVisible = _useModifyProps.modalVisible,
|
|
51
52
|
modalFormData = _useModifyProps.modalFormData,
|
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
/// <reference types="react" />
|
|
2
2
|
import type { DialogFormProps, HDialogFormInstance, ModifyPropsModal } from "./modal";
|
|
3
|
-
export declare const useModifyProps: ({ visible, configData, initialValues, dialogForm, afterClose, params, title, }: ModifyPropsModal) => {
|
|
3
|
+
export declare const useModifyProps: ({ visible, configData, initialValues, dialogForm, afterClose, params, title, onCancel }: ModifyPropsModal) => {
|
|
4
4
|
modalFormData: import("../Form/modal").HItemProps[];
|
|
5
5
|
modalVisible: boolean | undefined;
|
|
6
6
|
setModalVisible: import("react").Dispatch<import("react").SetStateAction<boolean | undefined>>;
|
package/lib/DialogForm/hooks.js
CHANGED
|
@@ -24,7 +24,8 @@ var useModifyProps = function useModifyProps(_ref) {
|
|
|
24
24
|
dialogForm = _ref.dialogForm,
|
|
25
25
|
afterClose = _ref.afterClose,
|
|
26
26
|
params = _ref.params,
|
|
27
|
-
title = _ref.title
|
|
27
|
+
title = _ref.title,
|
|
28
|
+
onCancel = _ref.onCancel;
|
|
28
29
|
var _useState = React.useState(visible),
|
|
29
30
|
_useState2 = _slicedToArray(_useState, 2),
|
|
30
31
|
modalVisible = _useState2[0],
|
|
@@ -46,6 +47,7 @@ var useModifyProps = function useModifyProps(_ref) {
|
|
|
46
47
|
modalTitle = _useState10[0],
|
|
47
48
|
setModalTitle = _useState10[1];
|
|
48
49
|
var onAfterClose = function onAfterClose() {
|
|
50
|
+
onCancel === null || onCancel === void 0 || onCancel();
|
|
49
51
|
setTimeout(function () {
|
|
50
52
|
dialogForm.clear();
|
|
51
53
|
afterClose === null || afterClose === void 0 || afterClose();
|
|
@@ -9,7 +9,7 @@ export declare const useCurrentForm: (form?: HFormInstance) => HFormInstance;
|
|
|
9
9
|
type ParamsModal = Omit<HFormProps, "configData">;
|
|
10
10
|
export declare const useInfoReq: ({ initialValues, infoRequest, form, params, request, onFinish, }: ParamsModal) => {
|
|
11
11
|
subControl: import("@ahooksjs/use-request/lib/types").BaseResult<void, [value: any]>;
|
|
12
|
-
infoControl: import("@ahooksjs/use-request/lib/types").BaseResult<
|
|
12
|
+
infoControl: import("@ahooksjs/use-request/lib/types").BaseResult<any, [reqParams?: any]>;
|
|
13
13
|
};
|
|
14
14
|
export declare const useDefaultComponents: () => any;
|
|
15
15
|
export declare const useValuesChange: ({ onValuesChange, dispatch, form, }: UseValuesChangeModal) => (changedValues: any, values: any) => void;
|
package/lib/Form/hooks/index.js
CHANGED
|
@@ -64,33 +64,29 @@ var useInfoReq = function useInfoReq(_ref) {
|
|
|
64
64
|
});
|
|
65
65
|
var infoControl = ahooks.useRequest( /*#__PURE__*/_asyncToGenerator( /*#__PURE__*/_regeneratorRuntime.mark(function _callee2() {
|
|
66
66
|
var reqParams,
|
|
67
|
+
result,
|
|
67
68
|
setValue,
|
|
68
69
|
_args2 = arguments;
|
|
69
70
|
return _regeneratorRuntime.wrap(function _callee2$(_context2) {
|
|
70
71
|
while (1) switch (_context2.prev = _context2.next) {
|
|
71
72
|
case 0:
|
|
72
73
|
reqParams = _args2.length > 0 && _args2[0] !== undefined ? _args2[0] : reqData.params;
|
|
73
|
-
setValue = initialValues;
|
|
74
74
|
reqData.params = reqParams;
|
|
75
|
-
if (!(!initialValues && !infoRequest)) {
|
|
76
|
-
_context2.next = 6;
|
|
77
|
-
break;
|
|
78
|
-
}
|
|
79
|
-
form === null || form === void 0 || form.setFieldsValue({});
|
|
80
|
-
return _context2.abrupt("return", {});
|
|
81
|
-
case 6:
|
|
82
75
|
if (!infoRequest) {
|
|
83
|
-
_context2.next =
|
|
76
|
+
_context2.next = 8;
|
|
84
77
|
break;
|
|
85
78
|
}
|
|
86
|
-
_context2.next =
|
|
79
|
+
_context2.next = 5;
|
|
87
80
|
return infoRequest(reqParams);
|
|
88
|
-
case
|
|
89
|
-
|
|
90
|
-
|
|
81
|
+
case 5:
|
|
82
|
+
result = _context2.sent;
|
|
83
|
+
form === null || form === void 0 || form.setFieldsValue(result);
|
|
84
|
+
return _context2.abrupt("return", result || {});
|
|
85
|
+
case 8:
|
|
86
|
+
setValue = initialValues || {};
|
|
91
87
|
form === null || form === void 0 || form.setFieldsValue(setValue);
|
|
92
|
-
return _context2.abrupt("return", setValue
|
|
93
|
-
case
|
|
88
|
+
return _context2.abrupt("return", setValue);
|
|
89
|
+
case 11:
|
|
94
90
|
case "end":
|
|
95
91
|
return _context2.stop();
|
|
96
92
|
}
|
package/package.json
CHANGED
|
@@ -15,6 +15,7 @@ export const useModifyProps = ({
|
|
|
15
15
|
afterClose,
|
|
16
16
|
params,
|
|
17
17
|
title,
|
|
18
|
+
onCancel
|
|
18
19
|
}: ModifyPropsModal) => {
|
|
19
20
|
const [modalVisible, setModalVisible] = useState(visible);
|
|
20
21
|
const [modalFormData, setModalFormData] = useState(configData);
|
|
@@ -22,6 +23,7 @@ export const useModifyProps = ({
|
|
|
22
23
|
const [formParams, setFormParams] = useState(params);
|
|
23
24
|
const [modalTitle, setModalTitle] = useState(title);
|
|
24
25
|
const onAfterClose = () => {
|
|
26
|
+
onCancel?.();
|
|
25
27
|
setTimeout(() => {
|
|
26
28
|
dialogForm.clear();
|
|
27
29
|
afterClose?.();
|
|
@@ -44,17 +44,15 @@ export const useInfoReq = ({
|
|
|
44
44
|
{ manual: true }
|
|
45
45
|
);
|
|
46
46
|
const infoControl = useRequest(async (reqParams = reqData.params) => {
|
|
47
|
-
let setValue = initialValues;
|
|
48
47
|
reqData.params = reqParams;
|
|
49
|
-
if (!initialValues && !infoRequest) {
|
|
50
|
-
form?.setFieldsValue({});
|
|
51
|
-
return {};
|
|
52
|
-
}
|
|
53
48
|
if (infoRequest) {
|
|
54
|
-
|
|
49
|
+
const result = await infoRequest(reqParams);
|
|
50
|
+
form?.setFieldsValue(result);
|
|
51
|
+
return result || {};
|
|
55
52
|
}
|
|
53
|
+
const setValue = initialValues||{};
|
|
56
54
|
form?.setFieldsValue(setValue);
|
|
57
|
-
return setValue
|
|
55
|
+
return setValue;
|
|
58
56
|
});
|
|
59
57
|
const { run, mutate } = infoControl;
|
|
60
58
|
useEffect(() => {
|