@carefrees/form-utils-react-taro 0.0.4 → 0.0.5
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/esm/formItem/index.d.ts +3 -4
- package/esm/formItem/index.js +4 -5
- package/esm/formList/index.d.ts +1 -1
- package/esm/formList/index.js +5 -8
- package/esm/hooks/attr/attr.FormItem.d.ts +1 -1
- package/esm/hooks/attr/attr.FormItem.js +3 -4
- package/esm/index.d.ts +1 -12
- package/esm/index.js +5 -17
- package/esm/layout/index.d.ts +1 -1
- package/esm/layout/index.js +3 -3
- package/esm/layout/layout.formItem.js +2 -2
- package/lib/formItem/index.d.ts +3 -4
- package/lib/formItem/index.js +4 -5
- package/lib/formList/index.d.ts +1 -1
- package/lib/formList/index.js +5 -8
- package/lib/hooks/attr/attr.FormItem.d.ts +1 -1
- package/lib/hooks/attr/attr.FormItem.js +3 -4
- package/lib/index.d.ts +1 -12
- package/lib/index.js +23 -155
- package/lib/layout/index.d.ts +1 -1
- package/lib/layout/index.js +3 -3
- package/lib/layout/layout.formItem.js +2 -2
- package/package.json +4 -3
- package/src/formItem/index.tsx +3 -4
- package/src/formList/index.tsx +7 -4
- package/src/hooks/attr/attr.FormItem.tsx +1 -2
- package/src/index.tsx +2 -14
- package/src/layout/index.tsx +2 -1
- package/src/layout/layout.formItem.tsx +1 -1
- package/esm/hooks/register/register.FormHideItem.d.ts +0 -9
- package/esm/hooks/register/register.FormHideItem.js +0 -31
- package/esm/hooks/register/register.FormItem.d.ts +0 -23
- package/esm/hooks/register/register.FormItem.js +0 -42
- package/esm/hooks/register/register.FormList.d.ts +0 -9
- package/esm/hooks/register/register.FormList.js +0 -31
- package/esm/hooks/register/register.form.d.ts +0 -3
- package/esm/hooks/register/register.form.js +0 -17
- package/esm/hooks/useAttrs.d.ts +0 -25
- package/esm/hooks/useAttrs.js +0 -10
- package/esm/hooks/useForm.d.ts +0 -7
- package/esm/hooks/useForm.js +0 -13
- package/esm/hooks/useFormItem.d.ts +0 -7
- package/esm/hooks/useFormItem.js +0 -11
- package/esm/hooks/useFormItemParentName.d.ts +0 -30
- package/esm/hooks/useFormItemParentName.js +0 -61
- package/esm/hooks/useFormList.d.ts +0 -7
- package/esm/hooks/useFormList.js +0 -11
- package/esm/hooks/useHtmlFor.d.ts +0 -1
- package/esm/hooks/useHtmlFor.js +0 -10
- package/esm/hooks/useMultipleForm.d.ts +0 -13
- package/esm/hooks/useMultipleForm.js +0 -19
- package/esm/hooks/useUpdate.d.ts +0 -2
- package/esm/hooks/useUpdate.js +0 -10
- package/esm/hooks/useWatch.d.ts +0 -19
- package/esm/hooks/useWatch.js +0 -41
- package/lib/hooks/register/register.FormHideItem.d.ts +0 -9
- package/lib/hooks/register/register.FormHideItem.js +0 -65
- package/lib/hooks/register/register.FormItem.d.ts +0 -23
- package/lib/hooks/register/register.FormItem.js +0 -76
- package/lib/hooks/register/register.FormList.d.ts +0 -9
- package/lib/hooks/register/register.FormList.js +0 -65
- package/lib/hooks/register/register.form.d.ts +0 -3
- package/lib/hooks/register/register.form.js +0 -51
- package/lib/hooks/useAttrs.d.ts +0 -25
- package/lib/hooks/useAttrs.js +0 -47
- package/lib/hooks/useForm.d.ts +0 -7
- package/lib/hooks/useForm.js +0 -53
- package/lib/hooks/useFormItem.d.ts +0 -7
- package/lib/hooks/useFormItem.js +0 -51
- package/lib/hooks/useFormItemParentName.d.ts +0 -30
- package/lib/hooks/useFormItemParentName.js +0 -101
- package/lib/hooks/useFormList.d.ts +0 -7
- package/lib/hooks/useFormList.js +0 -51
- package/lib/hooks/useHtmlFor.d.ts +0 -1
- package/lib/hooks/useHtmlFor.js +0 -44
- package/lib/hooks/useMultipleForm.d.ts +0 -13
- package/lib/hooks/useMultipleForm.js +0 -62
- package/lib/hooks/useUpdate.d.ts +0 -2
- package/lib/hooks/useUpdate.js +0 -44
- package/lib/hooks/useWatch.d.ts +0 -19
- package/lib/hooks/useWatch.js +0 -78
- package/src/hooks/register/register.FormHideItem.ts +0 -29
- package/src/hooks/register/register.FormItem.ts +0 -52
- package/src/hooks/register/register.FormList.ts +0 -31
- package/src/hooks/register/register.form.ts +0 -18
- package/src/hooks/useAttrs.ts +0 -35
- package/src/hooks/useForm.ts +0 -23
- package/src/hooks/useFormItem.ts +0 -21
- package/src/hooks/useFormItemParentName.ts +0 -49
- package/src/hooks/useFormList.ts +0 -21
- package/src/hooks/useHtmlFor.ts +0 -9
- package/src/hooks/useMultipleForm.ts +0 -36
- package/src/hooks/useUpdate.ts +0 -12
- package/src/hooks/useWatch.ts +0 -61
package/lib/hooks/useForm.d.ts
DELETED
|
@@ -1,7 +0,0 @@
|
|
|
1
|
-
import { FormInstanceBase } from '@carefrees/form-utils';
|
|
2
|
-
/**表单实例 Context */
|
|
3
|
-
export declare const FormInstanceContext: import("react").Context<FormInstanceBase<any>>;
|
|
4
|
-
/**子项中获取表单实例*/
|
|
5
|
-
export declare function useFormInstance<T = any>(): FormInstanceBase<T>;
|
|
6
|
-
/**初始化表单实例*/
|
|
7
|
-
export declare function useForm<T = any>(form?: FormInstanceBase<T>): FormInstanceBase<T>;
|
package/lib/hooks/useForm.js
DELETED
|
@@ -1,53 +0,0 @@
|
|
|
1
|
-
"use strict";
|
|
2
|
-
var __webpack_require__ = {};
|
|
3
|
-
(()=>{
|
|
4
|
-
__webpack_require__.d = (exports1, definition)=>{
|
|
5
|
-
for(var key in definition)if (__webpack_require__.o(definition, key) && !__webpack_require__.o(exports1, key)) Object.defineProperty(exports1, key, {
|
|
6
|
-
enumerable: true,
|
|
7
|
-
get: definition[key]
|
|
8
|
-
});
|
|
9
|
-
};
|
|
10
|
-
})();
|
|
11
|
-
(()=>{
|
|
12
|
-
__webpack_require__.o = (obj, prop)=>Object.prototype.hasOwnProperty.call(obj, prop);
|
|
13
|
-
})();
|
|
14
|
-
(()=>{
|
|
15
|
-
__webpack_require__.r = (exports1)=>{
|
|
16
|
-
if ('undefined' != typeof Symbol && Symbol.toStringTag) Object.defineProperty(exports1, Symbol.toStringTag, {
|
|
17
|
-
value: 'Module'
|
|
18
|
-
});
|
|
19
|
-
Object.defineProperty(exports1, '__esModule', {
|
|
20
|
-
value: true
|
|
21
|
-
});
|
|
22
|
-
};
|
|
23
|
-
})();
|
|
24
|
-
var __webpack_exports__ = {};
|
|
25
|
-
__webpack_require__.r(__webpack_exports__);
|
|
26
|
-
__webpack_require__.d(__webpack_exports__, {
|
|
27
|
-
FormInstanceContext: ()=>FormInstanceContext,
|
|
28
|
-
useForm: ()=>useForm,
|
|
29
|
-
useFormInstance: ()=>useFormInstance
|
|
30
|
-
});
|
|
31
|
-
const form_utils_namespaceObject = require("@carefrees/form-utils");
|
|
32
|
-
const external_react_namespaceObject = require("react");
|
|
33
|
-
const FormInstanceContext = (0, external_react_namespaceObject.createContext)(new form_utils_namespaceObject.FormInstanceBase());
|
|
34
|
-
function useFormInstance() {
|
|
35
|
-
return (0, external_react_namespaceObject.useContext)(FormInstanceContext);
|
|
36
|
-
}
|
|
37
|
-
function useForm(form) {
|
|
38
|
-
const ref = (0, external_react_namespaceObject.useRef)();
|
|
39
|
-
if (!ref.current) if (form) ref.current = form;
|
|
40
|
-
else ref.current = new form_utils_namespaceObject.FormInstanceBase();
|
|
41
|
-
return ref.current;
|
|
42
|
-
}
|
|
43
|
-
exports.FormInstanceContext = __webpack_exports__.FormInstanceContext;
|
|
44
|
-
exports.useForm = __webpack_exports__.useForm;
|
|
45
|
-
exports.useFormInstance = __webpack_exports__.useFormInstance;
|
|
46
|
-
for(var __webpack_i__ in __webpack_exports__)if (-1 === [
|
|
47
|
-
"FormInstanceContext",
|
|
48
|
-
"useForm",
|
|
49
|
-
"useFormInstance"
|
|
50
|
-
].indexOf(__webpack_i__)) exports[__webpack_i__] = __webpack_exports__[__webpack_i__];
|
|
51
|
-
Object.defineProperty(exports, '__esModule', {
|
|
52
|
-
value: true
|
|
53
|
-
});
|
|
@@ -1,7 +0,0 @@
|
|
|
1
|
-
import { FormItemInstanceBase } from '@carefrees/form-utils';
|
|
2
|
-
/**表单项实例 Context */
|
|
3
|
-
export declare const FormItemInstanceContext: import("react").Context<FormItemInstanceBase>;
|
|
4
|
-
/**子项中获取表单项实例*/
|
|
5
|
-
export declare const useFormItemInstance: () => FormItemInstanceBase;
|
|
6
|
-
/**s初始化 表单项实例*/
|
|
7
|
-
export declare const useFormItem: (formItem?: FormItemInstanceBase) => FormItemInstanceBase;
|
package/lib/hooks/useFormItem.js
DELETED
|
@@ -1,51 +0,0 @@
|
|
|
1
|
-
"use strict";
|
|
2
|
-
var __webpack_require__ = {};
|
|
3
|
-
(()=>{
|
|
4
|
-
__webpack_require__.d = (exports1, definition)=>{
|
|
5
|
-
for(var key in definition)if (__webpack_require__.o(definition, key) && !__webpack_require__.o(exports1, key)) Object.defineProperty(exports1, key, {
|
|
6
|
-
enumerable: true,
|
|
7
|
-
get: definition[key]
|
|
8
|
-
});
|
|
9
|
-
};
|
|
10
|
-
})();
|
|
11
|
-
(()=>{
|
|
12
|
-
__webpack_require__.o = (obj, prop)=>Object.prototype.hasOwnProperty.call(obj, prop);
|
|
13
|
-
})();
|
|
14
|
-
(()=>{
|
|
15
|
-
__webpack_require__.r = (exports1)=>{
|
|
16
|
-
if ('undefined' != typeof Symbol && Symbol.toStringTag) Object.defineProperty(exports1, Symbol.toStringTag, {
|
|
17
|
-
value: 'Module'
|
|
18
|
-
});
|
|
19
|
-
Object.defineProperty(exports1, '__esModule', {
|
|
20
|
-
value: true
|
|
21
|
-
});
|
|
22
|
-
};
|
|
23
|
-
})();
|
|
24
|
-
var __webpack_exports__ = {};
|
|
25
|
-
__webpack_require__.r(__webpack_exports__);
|
|
26
|
-
__webpack_require__.d(__webpack_exports__, {
|
|
27
|
-
FormItemInstanceContext: ()=>FormItemInstanceContext,
|
|
28
|
-
useFormItem: ()=>useFormItem,
|
|
29
|
-
useFormItemInstance: ()=>useFormItemInstance
|
|
30
|
-
});
|
|
31
|
-
const form_utils_namespaceObject = require("@carefrees/form-utils");
|
|
32
|
-
const external_react_namespaceObject = require("react");
|
|
33
|
-
const FormItemInstanceContext = (0, external_react_namespaceObject.createContext)(new form_utils_namespaceObject.FormItemInstanceBase());
|
|
34
|
-
const useFormItemInstance = ()=>(0, external_react_namespaceObject.useContext)(FormItemInstanceContext);
|
|
35
|
-
const useFormItem = (formItem)=>{
|
|
36
|
-
const ref = (0, external_react_namespaceObject.useRef)();
|
|
37
|
-
if (!ref.current) if (formItem) ref.current = formItem;
|
|
38
|
-
else ref.current = new form_utils_namespaceObject.FormItemInstanceBase();
|
|
39
|
-
return ref.current;
|
|
40
|
-
};
|
|
41
|
-
exports.FormItemInstanceContext = __webpack_exports__.FormItemInstanceContext;
|
|
42
|
-
exports.useFormItem = __webpack_exports__.useFormItem;
|
|
43
|
-
exports.useFormItemInstance = __webpack_exports__.useFormItemInstance;
|
|
44
|
-
for(var __webpack_i__ in __webpack_exports__)if (-1 === [
|
|
45
|
-
"FormItemInstanceContext",
|
|
46
|
-
"useFormItem",
|
|
47
|
-
"useFormItemInstance"
|
|
48
|
-
].indexOf(__webpack_i__)) exports[__webpack_i__] = __webpack_exports__[__webpack_i__];
|
|
49
|
-
Object.defineProperty(exports, '__esModule', {
|
|
50
|
-
value: true
|
|
51
|
-
});
|
|
@@ -1,30 +0,0 @@
|
|
|
1
|
-
export declare const FormItemParentNameContext: import("react").Context<{
|
|
2
|
-
name: string;
|
|
3
|
-
sort: string;
|
|
4
|
-
}>;
|
|
5
|
-
export interface FormItemParentNamOptions {
|
|
6
|
-
/**字段*/
|
|
7
|
-
name: string;
|
|
8
|
-
/**排序*/
|
|
9
|
-
sort?: string;
|
|
10
|
-
/**是否拼接父级字段*/
|
|
11
|
-
isJoinParentField?: boolean;
|
|
12
|
-
}
|
|
13
|
-
interface FormItemParentNameProviderProps extends Omit<FormItemParentNamOptions, 'isJoinParentField'> {
|
|
14
|
-
children?: React.ReactNode;
|
|
15
|
-
}
|
|
16
|
-
export declare const FormItemParentNameProvider: (props: FormItemParentNameProviderProps) => import("react").FunctionComponentElement<import("react").ProviderProps<{
|
|
17
|
-
name: string;
|
|
18
|
-
sort: string;
|
|
19
|
-
}>>;
|
|
20
|
-
/**表单项获取父级字段*/
|
|
21
|
-
export declare const useFormItemParentName: (options: FormItemParentNamOptions) => {
|
|
22
|
-
newName: string;
|
|
23
|
-
newSort: string;
|
|
24
|
-
parentItem: {
|
|
25
|
-
name: string;
|
|
26
|
-
sort: string;
|
|
27
|
-
};
|
|
28
|
-
parentName: string;
|
|
29
|
-
};
|
|
30
|
-
export {};
|
|
@@ -1,101 +0,0 @@
|
|
|
1
|
-
"use strict";
|
|
2
|
-
var __webpack_require__ = {};
|
|
3
|
-
(()=>{
|
|
4
|
-
__webpack_require__.d = (exports1, definition)=>{
|
|
5
|
-
for(var key in definition)if (__webpack_require__.o(definition, key) && !__webpack_require__.o(exports1, key)) Object.defineProperty(exports1, key, {
|
|
6
|
-
enumerable: true,
|
|
7
|
-
get: definition[key]
|
|
8
|
-
});
|
|
9
|
-
};
|
|
10
|
-
})();
|
|
11
|
-
(()=>{
|
|
12
|
-
__webpack_require__.o = (obj, prop)=>Object.prototype.hasOwnProperty.call(obj, prop);
|
|
13
|
-
})();
|
|
14
|
-
(()=>{
|
|
15
|
-
__webpack_require__.r = (exports1)=>{
|
|
16
|
-
if ('undefined' != typeof Symbol && Symbol.toStringTag) Object.defineProperty(exports1, Symbol.toStringTag, {
|
|
17
|
-
value: 'Module'
|
|
18
|
-
});
|
|
19
|
-
Object.defineProperty(exports1, '__esModule', {
|
|
20
|
-
value: true
|
|
21
|
-
});
|
|
22
|
-
};
|
|
23
|
-
})();
|
|
24
|
-
var __webpack_exports__ = {};
|
|
25
|
-
__webpack_require__.r(__webpack_exports__);
|
|
26
|
-
__webpack_require__.d(__webpack_exports__, {
|
|
27
|
-
FormItemParentNameContext: ()=>FormItemParentNameContext,
|
|
28
|
-
useFormItemParentName: ()=>useFormItemParentName,
|
|
29
|
-
FormItemParentNameProvider: ()=>FormItemParentNameProvider
|
|
30
|
-
});
|
|
31
|
-
const external_react_namespaceObject = require("react");
|
|
32
|
-
const FormItemParentNameContext = (0, external_react_namespaceObject.createContext)({
|
|
33
|
-
name: '',
|
|
34
|
-
sort: ''
|
|
35
|
-
});
|
|
36
|
-
const FormItemParentNameProvider = (props)=>{
|
|
37
|
-
const { name, sort, children } = props;
|
|
38
|
-
const value = (0, external_react_namespaceObject.useMemo)(()=>({
|
|
39
|
-
name,
|
|
40
|
-
sort
|
|
41
|
-
}), [
|
|
42
|
-
name,
|
|
43
|
-
sort
|
|
44
|
-
]);
|
|
45
|
-
return (0, external_react_namespaceObject.createElement)(FormItemParentNameContext.Provider, {
|
|
46
|
-
value,
|
|
47
|
-
children
|
|
48
|
-
});
|
|
49
|
-
};
|
|
50
|
-
const useFormItemParentName = (options)=>{
|
|
51
|
-
const { isJoinParentField = true, sort, name } = options;
|
|
52
|
-
const parentItem = (0, external_react_namespaceObject.useContext)(FormItemParentNameContext);
|
|
53
|
-
const parentName = parentItem.name;
|
|
54
|
-
const parentSort = parentItem.sort;
|
|
55
|
-
const newName = (0, external_react_namespaceObject.useMemo)(()=>{
|
|
56
|
-
if (parentName && isJoinParentField) {
|
|
57
|
-
if (/^\./.test(`${name}`)) ;
|
|
58
|
-
else if (name) return [
|
|
59
|
-
parentName,
|
|
60
|
-
'.',
|
|
61
|
-
name
|
|
62
|
-
].filter(Boolean).join('');
|
|
63
|
-
return [
|
|
64
|
-
parentName,
|
|
65
|
-
name
|
|
66
|
-
].filter(Boolean).join('');
|
|
67
|
-
}
|
|
68
|
-
return [
|
|
69
|
-
name
|
|
70
|
-
].filter(Boolean).join('');
|
|
71
|
-
}, [
|
|
72
|
-
isJoinParentField,
|
|
73
|
-
name,
|
|
74
|
-
parentName
|
|
75
|
-
]);
|
|
76
|
-
const newSort = (0, external_react_namespaceObject.useMemo)(()=>[
|
|
77
|
-
isJoinParentField ? parentSort : '',
|
|
78
|
-
sort
|
|
79
|
-
].filter(Boolean).join('-'), [
|
|
80
|
-
isJoinParentField,
|
|
81
|
-
parentSort,
|
|
82
|
-
sort
|
|
83
|
-
]);
|
|
84
|
-
return {
|
|
85
|
-
newName,
|
|
86
|
-
newSort,
|
|
87
|
-
parentItem,
|
|
88
|
-
parentName: parentName
|
|
89
|
-
};
|
|
90
|
-
};
|
|
91
|
-
exports.FormItemParentNameContext = __webpack_exports__.FormItemParentNameContext;
|
|
92
|
-
exports.FormItemParentNameProvider = __webpack_exports__.FormItemParentNameProvider;
|
|
93
|
-
exports.useFormItemParentName = __webpack_exports__.useFormItemParentName;
|
|
94
|
-
for(var __webpack_i__ in __webpack_exports__)if (-1 === [
|
|
95
|
-
"FormItemParentNameContext",
|
|
96
|
-
"FormItemParentNameProvider",
|
|
97
|
-
"useFormItemParentName"
|
|
98
|
-
].indexOf(__webpack_i__)) exports[__webpack_i__] = __webpack_exports__[__webpack_i__];
|
|
99
|
-
Object.defineProperty(exports, '__esModule', {
|
|
100
|
-
value: true
|
|
101
|
-
});
|
|
@@ -1,7 +0,0 @@
|
|
|
1
|
-
import { FormListInstanceBase } from '@carefrees/form-utils';
|
|
2
|
-
/**表单List实例 Context */
|
|
3
|
-
export declare const FormListInstanceContext: import("react").Context<FormListInstanceBase>;
|
|
4
|
-
/**子项中获取表单List实例*/
|
|
5
|
-
export declare const useFormListInstance: () => FormListInstanceBase;
|
|
6
|
-
/**初始化 表单List实例*/
|
|
7
|
-
export declare const useFormList: (formList?: FormListInstanceBase) => FormListInstanceBase;
|
package/lib/hooks/useFormList.js
DELETED
|
@@ -1,51 +0,0 @@
|
|
|
1
|
-
"use strict";
|
|
2
|
-
var __webpack_require__ = {};
|
|
3
|
-
(()=>{
|
|
4
|
-
__webpack_require__.d = (exports1, definition)=>{
|
|
5
|
-
for(var key in definition)if (__webpack_require__.o(definition, key) && !__webpack_require__.o(exports1, key)) Object.defineProperty(exports1, key, {
|
|
6
|
-
enumerable: true,
|
|
7
|
-
get: definition[key]
|
|
8
|
-
});
|
|
9
|
-
};
|
|
10
|
-
})();
|
|
11
|
-
(()=>{
|
|
12
|
-
__webpack_require__.o = (obj, prop)=>Object.prototype.hasOwnProperty.call(obj, prop);
|
|
13
|
-
})();
|
|
14
|
-
(()=>{
|
|
15
|
-
__webpack_require__.r = (exports1)=>{
|
|
16
|
-
if ('undefined' != typeof Symbol && Symbol.toStringTag) Object.defineProperty(exports1, Symbol.toStringTag, {
|
|
17
|
-
value: 'Module'
|
|
18
|
-
});
|
|
19
|
-
Object.defineProperty(exports1, '__esModule', {
|
|
20
|
-
value: true
|
|
21
|
-
});
|
|
22
|
-
};
|
|
23
|
-
})();
|
|
24
|
-
var __webpack_exports__ = {};
|
|
25
|
-
__webpack_require__.r(__webpack_exports__);
|
|
26
|
-
__webpack_require__.d(__webpack_exports__, {
|
|
27
|
-
useFormList: ()=>useFormList,
|
|
28
|
-
FormListInstanceContext: ()=>FormListInstanceContext,
|
|
29
|
-
useFormListInstance: ()=>useFormListInstance
|
|
30
|
-
});
|
|
31
|
-
const form_utils_namespaceObject = require("@carefrees/form-utils");
|
|
32
|
-
const external_react_namespaceObject = require("react");
|
|
33
|
-
const FormListInstanceContext = (0, external_react_namespaceObject.createContext)(new form_utils_namespaceObject.FormListInstanceBase());
|
|
34
|
-
const useFormListInstance = ()=>(0, external_react_namespaceObject.useContext)(FormListInstanceContext);
|
|
35
|
-
const useFormList = (formList)=>{
|
|
36
|
-
const ref = (0, external_react_namespaceObject.useRef)();
|
|
37
|
-
if (!ref.current) if (formList) ref.current = formList;
|
|
38
|
-
else ref.current = new form_utils_namespaceObject.FormListInstanceBase();
|
|
39
|
-
return ref.current;
|
|
40
|
-
};
|
|
41
|
-
exports.FormListInstanceContext = __webpack_exports__.FormListInstanceContext;
|
|
42
|
-
exports.useFormList = __webpack_exports__.useFormList;
|
|
43
|
-
exports.useFormListInstance = __webpack_exports__.useFormListInstance;
|
|
44
|
-
for(var __webpack_i__ in __webpack_exports__)if (-1 === [
|
|
45
|
-
"FormListInstanceContext",
|
|
46
|
-
"useFormList",
|
|
47
|
-
"useFormListInstance"
|
|
48
|
-
].indexOf(__webpack_i__)) exports[__webpack_i__] = __webpack_exports__[__webpack_i__];
|
|
49
|
-
Object.defineProperty(exports, '__esModule', {
|
|
50
|
-
value: true
|
|
51
|
-
});
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
export declare const useHtmlFor: (suffix: string) => string;
|
package/lib/hooks/useHtmlFor.js
DELETED
|
@@ -1,44 +0,0 @@
|
|
|
1
|
-
"use strict";
|
|
2
|
-
var __webpack_require__ = {};
|
|
3
|
-
(()=>{
|
|
4
|
-
__webpack_require__.d = (exports1, definition)=>{
|
|
5
|
-
for(var key in definition)if (__webpack_require__.o(definition, key) && !__webpack_require__.o(exports1, key)) Object.defineProperty(exports1, key, {
|
|
6
|
-
enumerable: true,
|
|
7
|
-
get: definition[key]
|
|
8
|
-
});
|
|
9
|
-
};
|
|
10
|
-
})();
|
|
11
|
-
(()=>{
|
|
12
|
-
__webpack_require__.o = (obj, prop)=>Object.prototype.hasOwnProperty.call(obj, prop);
|
|
13
|
-
})();
|
|
14
|
-
(()=>{
|
|
15
|
-
__webpack_require__.r = (exports1)=>{
|
|
16
|
-
if ('undefined' != typeof Symbol && Symbol.toStringTag) Object.defineProperty(exports1, Symbol.toStringTag, {
|
|
17
|
-
value: 'Module'
|
|
18
|
-
});
|
|
19
|
-
Object.defineProperty(exports1, '__esModule', {
|
|
20
|
-
value: true
|
|
21
|
-
});
|
|
22
|
-
};
|
|
23
|
-
})();
|
|
24
|
-
var __webpack_exports__ = {};
|
|
25
|
-
__webpack_require__.r(__webpack_exports__);
|
|
26
|
-
__webpack_require__.d(__webpack_exports__, {
|
|
27
|
-
useHtmlFor: ()=>useHtmlFor
|
|
28
|
-
});
|
|
29
|
-
const external_react_namespaceObject = require("react");
|
|
30
|
-
let localId = 0;
|
|
31
|
-
const useHtmlFor = (suffix)=>{
|
|
32
|
-
const count = (0, external_react_namespaceObject.useRef)(localId++);
|
|
33
|
-
return (0, external_react_namespaceObject.useMemo)(()=>`carefree-form-item_${count.current.toString(32)}_${suffix}`, [
|
|
34
|
-
count.current,
|
|
35
|
-
suffix
|
|
36
|
-
]);
|
|
37
|
-
};
|
|
38
|
-
exports.useHtmlFor = __webpack_exports__.useHtmlFor;
|
|
39
|
-
for(var __webpack_i__ in __webpack_exports__)if (-1 === [
|
|
40
|
-
"useHtmlFor"
|
|
41
|
-
].indexOf(__webpack_i__)) exports[__webpack_i__] = __webpack_exports__[__webpack_i__];
|
|
42
|
-
Object.defineProperty(exports, '__esModule', {
|
|
43
|
-
value: true
|
|
44
|
-
});
|
|
@@ -1,13 +0,0 @@
|
|
|
1
|
-
import { MultipleInstanceBase } from '@carefrees/form-utils';
|
|
2
|
-
/**多表单收集 Context */
|
|
3
|
-
export declare const MultipleFormInstanceContext: import("react").Context<MultipleInstanceBase>;
|
|
4
|
-
/**子项中获取 多表单收集 实例*/
|
|
5
|
-
export declare const useMultipleFormInstance: () => MultipleInstanceBase;
|
|
6
|
-
/**初始化 多表单收集 实例*/
|
|
7
|
-
export declare const useMultipleForm: (multipleForm?: MultipleInstanceBase) => MultipleInstanceBase;
|
|
8
|
-
export interface MultipleFormProviderProps {
|
|
9
|
-
children: React.ReactNode;
|
|
10
|
-
multipleForm?: MultipleInstanceBase;
|
|
11
|
-
}
|
|
12
|
-
/**多表单收集 Provider */
|
|
13
|
-
export declare const MultipleFormProvider: (props: MultipleFormProviderProps) => import("react").FunctionComponentElement<import("react").ProviderProps<MultipleInstanceBase>>;
|
|
@@ -1,62 +0,0 @@
|
|
|
1
|
-
"use strict";
|
|
2
|
-
var __webpack_require__ = {};
|
|
3
|
-
(()=>{
|
|
4
|
-
__webpack_require__.d = (exports1, definition)=>{
|
|
5
|
-
for(var key in definition)if (__webpack_require__.o(definition, key) && !__webpack_require__.o(exports1, key)) Object.defineProperty(exports1, key, {
|
|
6
|
-
enumerable: true,
|
|
7
|
-
get: definition[key]
|
|
8
|
-
});
|
|
9
|
-
};
|
|
10
|
-
})();
|
|
11
|
-
(()=>{
|
|
12
|
-
__webpack_require__.o = (obj, prop)=>Object.prototype.hasOwnProperty.call(obj, prop);
|
|
13
|
-
})();
|
|
14
|
-
(()=>{
|
|
15
|
-
__webpack_require__.r = (exports1)=>{
|
|
16
|
-
if ('undefined' != typeof Symbol && Symbol.toStringTag) Object.defineProperty(exports1, Symbol.toStringTag, {
|
|
17
|
-
value: 'Module'
|
|
18
|
-
});
|
|
19
|
-
Object.defineProperty(exports1, '__esModule', {
|
|
20
|
-
value: true
|
|
21
|
-
});
|
|
22
|
-
};
|
|
23
|
-
})();
|
|
24
|
-
var __webpack_exports__ = {};
|
|
25
|
-
__webpack_require__.r(__webpack_exports__);
|
|
26
|
-
__webpack_require__.d(__webpack_exports__, {
|
|
27
|
-
useMultipleForm: ()=>useMultipleForm,
|
|
28
|
-
MultipleFormInstanceContext: ()=>MultipleFormInstanceContext,
|
|
29
|
-
useMultipleFormInstance: ()=>useMultipleFormInstance,
|
|
30
|
-
MultipleFormProvider: ()=>MultipleFormProvider
|
|
31
|
-
});
|
|
32
|
-
const form_utils_namespaceObject = require("@carefrees/form-utils");
|
|
33
|
-
const external_react_namespaceObject = require("react");
|
|
34
|
-
const MultipleFormInstanceContext = (0, external_react_namespaceObject.createContext)(new form_utils_namespaceObject.MultipleInstanceBase());
|
|
35
|
-
const useMultipleFormInstance = ()=>(0, external_react_namespaceObject.useContext)(MultipleFormInstanceContext);
|
|
36
|
-
const useMultipleForm = (multipleForm)=>{
|
|
37
|
-
const ref = (0, external_react_namespaceObject.useRef)();
|
|
38
|
-
if (!ref.current) if (multipleForm) ref.current = multipleForm;
|
|
39
|
-
else ref.current = new form_utils_namespaceObject.MultipleInstanceBase();
|
|
40
|
-
return ref.current;
|
|
41
|
-
};
|
|
42
|
-
const MultipleFormProvider = (props)=>{
|
|
43
|
-
const { children, multipleForm } = props;
|
|
44
|
-
const multipleFormInstance = useMultipleForm(multipleForm);
|
|
45
|
-
return (0, external_react_namespaceObject.createElement)(MultipleFormInstanceContext.Provider, {
|
|
46
|
-
value: multipleFormInstance,
|
|
47
|
-
children
|
|
48
|
-
});
|
|
49
|
-
};
|
|
50
|
-
exports.MultipleFormInstanceContext = __webpack_exports__.MultipleFormInstanceContext;
|
|
51
|
-
exports.MultipleFormProvider = __webpack_exports__.MultipleFormProvider;
|
|
52
|
-
exports.useMultipleForm = __webpack_exports__.useMultipleForm;
|
|
53
|
-
exports.useMultipleFormInstance = __webpack_exports__.useMultipleFormInstance;
|
|
54
|
-
for(var __webpack_i__ in __webpack_exports__)if (-1 === [
|
|
55
|
-
"MultipleFormInstanceContext",
|
|
56
|
-
"MultipleFormProvider",
|
|
57
|
-
"useMultipleForm",
|
|
58
|
-
"useMultipleFormInstance"
|
|
59
|
-
].indexOf(__webpack_i__)) exports[__webpack_i__] = __webpack_exports__[__webpack_i__];
|
|
60
|
-
Object.defineProperty(exports, '__esModule', {
|
|
61
|
-
value: true
|
|
62
|
-
});
|
package/lib/hooks/useUpdate.d.ts
DELETED
package/lib/hooks/useUpdate.js
DELETED
|
@@ -1,44 +0,0 @@
|
|
|
1
|
-
"use strict";
|
|
2
|
-
var __webpack_require__ = {};
|
|
3
|
-
(()=>{
|
|
4
|
-
__webpack_require__.d = (exports1, definition)=>{
|
|
5
|
-
for(var key in definition)if (__webpack_require__.o(definition, key) && !__webpack_require__.o(exports1, key)) Object.defineProperty(exports1, key, {
|
|
6
|
-
enumerable: true,
|
|
7
|
-
get: definition[key]
|
|
8
|
-
});
|
|
9
|
-
};
|
|
10
|
-
})();
|
|
11
|
-
(()=>{
|
|
12
|
-
__webpack_require__.o = (obj, prop)=>Object.prototype.hasOwnProperty.call(obj, prop);
|
|
13
|
-
})();
|
|
14
|
-
(()=>{
|
|
15
|
-
__webpack_require__.r = (exports1)=>{
|
|
16
|
-
if ('undefined' != typeof Symbol && Symbol.toStringTag) Object.defineProperty(exports1, Symbol.toStringTag, {
|
|
17
|
-
value: 'Module'
|
|
18
|
-
});
|
|
19
|
-
Object.defineProperty(exports1, '__esModule', {
|
|
20
|
-
value: true
|
|
21
|
-
});
|
|
22
|
-
};
|
|
23
|
-
})();
|
|
24
|
-
var __webpack_exports__ = {};
|
|
25
|
-
__webpack_require__.r(__webpack_exports__);
|
|
26
|
-
__webpack_require__.d(__webpack_exports__, {
|
|
27
|
-
useUpdate: ()=>useUpdate
|
|
28
|
-
});
|
|
29
|
-
const external_react_namespaceObject = require("react");
|
|
30
|
-
const useUpdate = ()=>{
|
|
31
|
-
const [, _update] = (0, external_react_namespaceObject.useState)({});
|
|
32
|
-
const refUpdate = (0, external_react_namespaceObject.useRef)(()=>void 0);
|
|
33
|
-
refUpdate.current = ()=>{
|
|
34
|
-
_update({});
|
|
35
|
-
};
|
|
36
|
-
return refUpdate;
|
|
37
|
-
};
|
|
38
|
-
exports.useUpdate = __webpack_exports__.useUpdate;
|
|
39
|
-
for(var __webpack_i__ in __webpack_exports__)if (-1 === [
|
|
40
|
-
"useUpdate"
|
|
41
|
-
].indexOf(__webpack_i__)) exports[__webpack_i__] = __webpack_exports__[__webpack_i__];
|
|
42
|
-
Object.defineProperty(exports, '__esModule', {
|
|
43
|
-
value: true
|
|
44
|
-
});
|
package/lib/hooks/useWatch.d.ts
DELETED
|
@@ -1,19 +0,0 @@
|
|
|
1
|
-
import { FormInstanceBase } from '@carefrees/form-utils';
|
|
2
|
-
export declare class WatchInstanceBase {
|
|
3
|
-
/**监听字段*/
|
|
4
|
-
name: string;
|
|
5
|
-
/**表单实例*/
|
|
6
|
-
form: FormInstanceBase;
|
|
7
|
-
/**老值*/
|
|
8
|
-
oldValue: any;
|
|
9
|
-
/**更新值*/
|
|
10
|
-
dispatch: (value: any) => void;
|
|
11
|
-
/**回调*/
|
|
12
|
-
callBack?: (value: any, form: FormInstanceBase) => void;
|
|
13
|
-
/**更新*/
|
|
14
|
-
updated: () => void;
|
|
15
|
-
}
|
|
16
|
-
/**
|
|
17
|
-
* 字段监听
|
|
18
|
-
*/
|
|
19
|
-
export declare const useWatch: (name: string, form: FormInstanceBase, callBack?: (value: any, form: FormInstanceBase) => void) => [any, FormInstanceBase, WatchInstanceBase];
|
package/lib/hooks/useWatch.js
DELETED
|
@@ -1,78 +0,0 @@
|
|
|
1
|
-
"use strict";
|
|
2
|
-
var __webpack_require__ = {};
|
|
3
|
-
(()=>{
|
|
4
|
-
__webpack_require__.d = (exports1, definition)=>{
|
|
5
|
-
for(var key in definition)if (__webpack_require__.o(definition, key) && !__webpack_require__.o(exports1, key)) Object.defineProperty(exports1, key, {
|
|
6
|
-
enumerable: true,
|
|
7
|
-
get: definition[key]
|
|
8
|
-
});
|
|
9
|
-
};
|
|
10
|
-
})();
|
|
11
|
-
(()=>{
|
|
12
|
-
__webpack_require__.o = (obj, prop)=>Object.prototype.hasOwnProperty.call(obj, prop);
|
|
13
|
-
})();
|
|
14
|
-
(()=>{
|
|
15
|
-
__webpack_require__.r = (exports1)=>{
|
|
16
|
-
if ('undefined' != typeof Symbol && Symbol.toStringTag) Object.defineProperty(exports1, Symbol.toStringTag, {
|
|
17
|
-
value: 'Module'
|
|
18
|
-
});
|
|
19
|
-
Object.defineProperty(exports1, '__esModule', {
|
|
20
|
-
value: true
|
|
21
|
-
});
|
|
22
|
-
};
|
|
23
|
-
})();
|
|
24
|
-
var __webpack_exports__ = {};
|
|
25
|
-
__webpack_require__.r(__webpack_exports__);
|
|
26
|
-
__webpack_require__.d(__webpack_exports__, {
|
|
27
|
-
WatchInstanceBase: ()=>WatchInstanceBase,
|
|
28
|
-
useWatch: ()=>useWatch
|
|
29
|
-
});
|
|
30
|
-
const external_react_namespaceObject = require("react");
|
|
31
|
-
const external_useForm_js_namespaceObject = require("./useForm.js");
|
|
32
|
-
const external_useFormItem_js_namespaceObject = require("./useFormItem.js");
|
|
33
|
-
class WatchInstanceBase {
|
|
34
|
-
name;
|
|
35
|
-
form;
|
|
36
|
-
oldValue;
|
|
37
|
-
dispatch;
|
|
38
|
-
callBack;
|
|
39
|
-
updated = ()=>{
|
|
40
|
-
const newValue = this.form.getFieldValue(this.name);
|
|
41
|
-
if (this.oldValue === newValue) return;
|
|
42
|
-
if (this.callBack) this.callBack(newValue, this.form);
|
|
43
|
-
else this.dispatch(newValue);
|
|
44
|
-
};
|
|
45
|
-
}
|
|
46
|
-
const useWatch = (name, form, callBack)=>{
|
|
47
|
-
const formInstance = form || (0, external_useForm_js_namespaceObject.useFormInstance)();
|
|
48
|
-
const [oldValue, setValue] = (0, external_react_namespaceObject.useState)(formInstance.getFieldValue(name));
|
|
49
|
-
const watch = (0, external_react_namespaceObject.useRef)(new WatchInstanceBase()).current;
|
|
50
|
-
watch.name = name;
|
|
51
|
-
watch.oldValue = oldValue;
|
|
52
|
-
watch.dispatch = setValue;
|
|
53
|
-
watch.callBack = callBack;
|
|
54
|
-
watch.form = formInstance;
|
|
55
|
-
const formItemInstance = (0, external_useFormItem_js_namespaceObject.useFormItem)();
|
|
56
|
-
(0, external_react_namespaceObject.useMemo)(()=>formItemInstance.ctor(name), []);
|
|
57
|
-
formItemInstance.instance = formInstance;
|
|
58
|
-
formItemInstance.isWatch = true;
|
|
59
|
-
formItemInstance.updated = watch.updated;
|
|
60
|
-
(0, external_react_namespaceObject.useEffect)(()=>{
|
|
61
|
-
const unMount = formInstance.registerFormItem(formItemInstance);
|
|
62
|
-
return ()=>unMount();
|
|
63
|
-
}, []);
|
|
64
|
-
return [
|
|
65
|
-
oldValue,
|
|
66
|
-
formInstance,
|
|
67
|
-
watch
|
|
68
|
-
];
|
|
69
|
-
};
|
|
70
|
-
exports.WatchInstanceBase = __webpack_exports__.WatchInstanceBase;
|
|
71
|
-
exports.useWatch = __webpack_exports__.useWatch;
|
|
72
|
-
for(var __webpack_i__ in __webpack_exports__)if (-1 === [
|
|
73
|
-
"WatchInstanceBase",
|
|
74
|
-
"useWatch"
|
|
75
|
-
].indexOf(__webpack_i__)) exports[__webpack_i__] = __webpack_exports__[__webpack_i__];
|
|
76
|
-
Object.defineProperty(exports, '__esModule', {
|
|
77
|
-
value: true
|
|
78
|
-
});
|
|
@@ -1,29 +0,0 @@
|
|
|
1
|
-
import { useEffect, useRef } from 'react';
|
|
2
|
-
import { RegisterFormItemOptions } from './register.FormItem';
|
|
3
|
-
import { FormHideItemInstanceBase } from '@carefrees/form-utils';
|
|
4
|
-
import { useFormItemParentName } from '../useFormItemParentName';
|
|
5
|
-
import { useFormInstance } from '../useForm';
|
|
6
|
-
import { useUpdate } from '../useUpdate';
|
|
7
|
-
|
|
8
|
-
interface RegisterFormHideItemOptions extends Omit<RegisterFormItemOptions, 'rules'> {}
|
|
9
|
-
|
|
10
|
-
/**注册表单隐藏表单项到表单实例中*/
|
|
11
|
-
export const useRegisterFormHideItem = (options: RegisterFormHideItemOptions) => {
|
|
12
|
-
const { name, sort, isJoinParentField = true } = options;
|
|
13
|
-
const form = useFormInstance();
|
|
14
|
-
const _update = useUpdate();
|
|
15
|
-
const { newName, newSort } = useFormItemParentName({ name, sort, isJoinParentField });
|
|
16
|
-
const hideItemInstance = useRef(new FormHideItemInstanceBase().ctor(newName)).current;
|
|
17
|
-
const isHide = form.getFieldHideValue(newName);
|
|
18
|
-
|
|
19
|
-
hideItemInstance.instance = form;
|
|
20
|
-
hideItemInstance.updated = _update.current;
|
|
21
|
-
hideItemInstance.sort = newSort;
|
|
22
|
-
|
|
23
|
-
useEffect(() => {
|
|
24
|
-
const unMount = form.registerFormHideItem(hideItemInstance);
|
|
25
|
-
return () => unMount();
|
|
26
|
-
}, [newName]);
|
|
27
|
-
|
|
28
|
-
return { form, isHide };
|
|
29
|
-
};
|
|
@@ -1,52 +0,0 @@
|
|
|
1
|
-
/**
|
|
2
|
-
* @description 注册组件
|
|
3
|
-
*/
|
|
4
|
-
|
|
5
|
-
import { useEffect, useMemo, useRef } from 'react';
|
|
6
|
-
import { RuleInstanceBase } from '@carefrees/form-utils';
|
|
7
|
-
import type { RuleItem } from 'async-validator';
|
|
8
|
-
import { useUpdate } from '../useUpdate';
|
|
9
|
-
import { useFormInstance } from '../useForm';
|
|
10
|
-
import { useFormItem } from '../useFormItem';
|
|
11
|
-
import { useFormItemParentName } from '../useFormItemParentName';
|
|
12
|
-
|
|
13
|
-
export interface RegisterFormItemOptions {
|
|
14
|
-
/**字段*/
|
|
15
|
-
name: string;
|
|
16
|
-
/**规则*/
|
|
17
|
-
rules?: RuleItem[];
|
|
18
|
-
/**排序值*/
|
|
19
|
-
sort?: string;
|
|
20
|
-
/**是否拼接父级字段*/
|
|
21
|
-
isJoinParentField?: boolean;
|
|
22
|
-
}
|
|
23
|
-
|
|
24
|
-
/**注册表单项到表单实例中*/
|
|
25
|
-
export const useRegisterFormItem = (options: RegisterFormItemOptions) => {
|
|
26
|
-
const { name, rules, sort, isJoinParentField = true } = options;
|
|
27
|
-
const form = useFormInstance();
|
|
28
|
-
const { newName, newSort, parentName } = useFormItemParentName({ name, sort, isJoinParentField });
|
|
29
|
-
// 注册规则
|
|
30
|
-
// 注册单个实例
|
|
31
|
-
const ruleInstance = useRef(new RuleInstanceBase()).current;
|
|
32
|
-
useMemo(() => ruleInstance.ctor(newName, rules), [rules, newName]);
|
|
33
|
-
ruleInstance.instance = form;
|
|
34
|
-
ruleInstance.sort = newSort;
|
|
35
|
-
|
|
36
|
-
const formItemInstance = useFormItem();
|
|
37
|
-
useMemo(() => formItemInstance.ctor(newName, ruleInstance), []);
|
|
38
|
-
formItemInstance.instance = form;
|
|
39
|
-
formItemInstance.sort = newSort;
|
|
40
|
-
formItemInstance.parentDataField = parentName;
|
|
41
|
-
|
|
42
|
-
const _updated = useUpdate();
|
|
43
|
-
formItemInstance.updated = _updated.current;
|
|
44
|
-
ruleInstance.updated = _updated.current;
|
|
45
|
-
|
|
46
|
-
useEffect(() => {
|
|
47
|
-
const unMount = form.registerFormItem(formItemInstance);
|
|
48
|
-
return () => unMount();
|
|
49
|
-
}, []);
|
|
50
|
-
|
|
51
|
-
return { ruleInstance, formItemInstance, form, parentName, newName };
|
|
52
|
-
};
|