@carefrees/form-utils-react-taro 0.0.4
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 +9 -0
- package/esm/formItem/index.d.ts +11 -0
- package/esm/formItem/index.js +70 -0
- package/esm/formList/index.d.ts +27 -0
- package/esm/formList/index.js +40 -0
- package/esm/hooks/attr/attr.FormItem.d.ts +48 -0
- package/esm/hooks/attr/attr.FormItem.js +61 -0
- package/esm/hooks/register/register.FormHideItem.d.ts +9 -0
- package/esm/hooks/register/register.FormHideItem.js +31 -0
- package/esm/hooks/register/register.FormItem.d.ts +23 -0
- package/esm/hooks/register/register.FormItem.js +42 -0
- package/esm/hooks/register/register.FormList.d.ts +9 -0
- package/esm/hooks/register/register.FormList.js +31 -0
- package/esm/hooks/register/register.form.d.ts +3 -0
- package/esm/hooks/register/register.form.js +17 -0
- package/esm/hooks/useAttrs.d.ts +25 -0
- package/esm/hooks/useAttrs.js +10 -0
- package/esm/hooks/useForm.d.ts +7 -0
- package/esm/hooks/useForm.js +13 -0
- package/esm/hooks/useFormItem.d.ts +7 -0
- package/esm/hooks/useFormItem.js +11 -0
- package/esm/hooks/useFormItemParentName.d.ts +30 -0
- package/esm/hooks/useFormItemParentName.js +61 -0
- package/esm/hooks/useFormList.d.ts +7 -0
- package/esm/hooks/useFormList.js +11 -0
- package/esm/hooks/useHtmlFor.d.ts +1 -0
- package/esm/hooks/useHtmlFor.js +10 -0
- package/esm/hooks/useMultipleForm.d.ts +13 -0
- package/esm/hooks/useMultipleForm.js +19 -0
- package/esm/hooks/useUpdate.d.ts +2 -0
- package/esm/hooks/useUpdate.js +10 -0
- package/esm/hooks/useWatch.d.ts +19 -0
- package/esm/hooks/useWatch.js +41 -0
- package/esm/index.d.ts +46 -0
- package/esm/index.js +61 -0
- package/esm/layout/index.d.ts +35 -0
- package/esm/layout/index.js +99 -0
- package/esm/layout/layout.formItem.d.ts +44 -0
- package/esm/layout/layout.formItem.js +113 -0
- package/esm/styles/index.css +200 -0
- package/lib/formItem/index.d.ts +11 -0
- package/lib/formItem/index.js +107 -0
- package/lib/formList/index.d.ts +27 -0
- package/lib/formList/index.js +77 -0
- package/lib/hooks/attr/attr.FormItem.d.ts +48 -0
- package/lib/hooks/attr/attr.FormItem.js +95 -0
- package/lib/hooks/register/register.FormHideItem.d.ts +9 -0
- package/lib/hooks/register/register.FormHideItem.js +65 -0
- package/lib/hooks/register/register.FormItem.d.ts +23 -0
- package/lib/hooks/register/register.FormItem.js +76 -0
- package/lib/hooks/register/register.FormList.d.ts +9 -0
- package/lib/hooks/register/register.FormList.js +65 -0
- package/lib/hooks/register/register.form.d.ts +3 -0
- package/lib/hooks/register/register.form.js +51 -0
- package/lib/hooks/useAttrs.d.ts +25 -0
- package/lib/hooks/useAttrs.js +47 -0
- package/lib/hooks/useForm.d.ts +7 -0
- package/lib/hooks/useForm.js +53 -0
- package/lib/hooks/useFormItem.d.ts +7 -0
- package/lib/hooks/useFormItem.js +51 -0
- package/lib/hooks/useFormItemParentName.d.ts +30 -0
- package/lib/hooks/useFormItemParentName.js +101 -0
- package/lib/hooks/useFormList.d.ts +7 -0
- package/lib/hooks/useFormList.js +51 -0
- package/lib/hooks/useHtmlFor.d.ts +1 -0
- package/lib/hooks/useHtmlFor.js +44 -0
- package/lib/hooks/useMultipleForm.d.ts +13 -0
- package/lib/hooks/useMultipleForm.js +62 -0
- package/lib/hooks/useUpdate.d.ts +2 -0
- package/lib/hooks/useUpdate.js +44 -0
- package/lib/hooks/useWatch.d.ts +19 -0
- package/lib/hooks/useWatch.js +78 -0
- package/lib/index.d.ts +46 -0
- package/lib/index.js +317 -0
- package/lib/layout/index.d.ts +35 -0
- package/lib/layout/index.js +146 -0
- package/lib/layout/layout.formItem.d.ts +44 -0
- package/lib/layout/layout.formItem.js +157 -0
- package/lib/styles/index.css +200 -0
- package/package.json +32 -0
- package/src/formItem/index.tsx +103 -0
- package/src/formList/index.tsx +59 -0
- package/src/hooks/attr/attr.FormItem.tsx +131 -0
- package/src/hooks/register/register.FormHideItem.ts +29 -0
- package/src/hooks/register/register.FormItem.ts +52 -0
- package/src/hooks/register/register.FormList.ts +31 -0
- package/src/hooks/register/register.form.ts +18 -0
- package/src/hooks/useAttrs.ts +35 -0
- package/src/hooks/useForm.ts +23 -0
- package/src/hooks/useFormItem.ts +21 -0
- package/src/hooks/useFormItemParentName.ts +49 -0
- package/src/hooks/useFormList.ts +21 -0
- package/src/hooks/useHtmlFor.ts +9 -0
- package/src/hooks/useMultipleForm.ts +36 -0
- package/src/hooks/useUpdate.ts +12 -0
- package/src/hooks/useWatch.ts +61 -0
- package/src/index.tsx +102 -0
- package/src/layout/index.tsx +152 -0
- package/src/layout/layout.formItem.tsx +152 -0
- package/src/styles/index.css +208 -0
|
@@ -0,0 +1,76 @@
|
|
|
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
|
+
useRegisterFormItem: ()=>useRegisterFormItem
|
|
28
|
+
});
|
|
29
|
+
const external_react_namespaceObject = require("react");
|
|
30
|
+
const form_utils_namespaceObject = require("@carefrees/form-utils");
|
|
31
|
+
const external_useUpdate_js_namespaceObject = require("../useUpdate.js");
|
|
32
|
+
const external_useForm_js_namespaceObject = require("../useForm.js");
|
|
33
|
+
const external_useFormItem_js_namespaceObject = require("../useFormItem.js");
|
|
34
|
+
const external_useFormItemParentName_js_namespaceObject = require("../useFormItemParentName.js");
|
|
35
|
+
const useRegisterFormItem = (options)=>{
|
|
36
|
+
const { name, rules, sort, isJoinParentField = true } = options;
|
|
37
|
+
const form = (0, external_useForm_js_namespaceObject.useFormInstance)();
|
|
38
|
+
const { newName, newSort, parentName } = (0, external_useFormItemParentName_js_namespaceObject.useFormItemParentName)({
|
|
39
|
+
name,
|
|
40
|
+
sort,
|
|
41
|
+
isJoinParentField
|
|
42
|
+
});
|
|
43
|
+
const ruleInstance = (0, external_react_namespaceObject.useRef)(new form_utils_namespaceObject.RuleInstanceBase()).current;
|
|
44
|
+
(0, external_react_namespaceObject.useMemo)(()=>ruleInstance.ctor(newName, rules), [
|
|
45
|
+
rules,
|
|
46
|
+
newName
|
|
47
|
+
]);
|
|
48
|
+
ruleInstance.instance = form;
|
|
49
|
+
ruleInstance.sort = newSort;
|
|
50
|
+
const formItemInstance = (0, external_useFormItem_js_namespaceObject.useFormItem)();
|
|
51
|
+
(0, external_react_namespaceObject.useMemo)(()=>formItemInstance.ctor(newName, ruleInstance), []);
|
|
52
|
+
formItemInstance.instance = form;
|
|
53
|
+
formItemInstance.sort = newSort;
|
|
54
|
+
formItemInstance.parentDataField = parentName;
|
|
55
|
+
const _updated = (0, external_useUpdate_js_namespaceObject.useUpdate)();
|
|
56
|
+
formItemInstance.updated = _updated.current;
|
|
57
|
+
ruleInstance.updated = _updated.current;
|
|
58
|
+
(0, external_react_namespaceObject.useEffect)(()=>{
|
|
59
|
+
const unMount = form.registerFormItem(formItemInstance);
|
|
60
|
+
return ()=>unMount();
|
|
61
|
+
}, []);
|
|
62
|
+
return {
|
|
63
|
+
ruleInstance,
|
|
64
|
+
formItemInstance,
|
|
65
|
+
form,
|
|
66
|
+
parentName,
|
|
67
|
+
newName
|
|
68
|
+
};
|
|
69
|
+
};
|
|
70
|
+
exports.useRegisterFormItem = __webpack_exports__.useRegisterFormItem;
|
|
71
|
+
for(var __webpack_i__ in __webpack_exports__)if (-1 === [
|
|
72
|
+
"useRegisterFormItem"
|
|
73
|
+
].indexOf(__webpack_i__)) exports[__webpack_i__] = __webpack_exports__[__webpack_i__];
|
|
74
|
+
Object.defineProperty(exports, '__esModule', {
|
|
75
|
+
value: true
|
|
76
|
+
});
|
|
@@ -0,0 +1,9 @@
|
|
|
1
|
+
import { RegisterFormItemOptions } from './register.FormItem';
|
|
2
|
+
export interface RegisterFormListOptions extends RegisterFormItemOptions {
|
|
3
|
+
}
|
|
4
|
+
/**注册表单List到表单实例中*/
|
|
5
|
+
export declare const useRegisterFormList: (options: RegisterFormListOptions) => {
|
|
6
|
+
ruleInstance: import("@carefrees/form-utils").RuleInstanceBase;
|
|
7
|
+
formItemInstance: import("@carefrees/form-utils").FormItemInstanceBase;
|
|
8
|
+
formListInstance: import("@carefrees/form-utils").FormListInstanceBase;
|
|
9
|
+
};
|
|
@@ -0,0 +1,65 @@
|
|
|
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
|
+
useRegisterFormList: ()=>useRegisterFormList
|
|
28
|
+
});
|
|
29
|
+
const external_react_namespaceObject = require("react");
|
|
30
|
+
const external_register_FormItem_js_namespaceObject = require("./register.FormItem.js");
|
|
31
|
+
const external_useFormList_js_namespaceObject = require("../useFormList.js");
|
|
32
|
+
const useRegisterFormList = (options)=>{
|
|
33
|
+
const { ...rest } = options;
|
|
34
|
+
const { ruleInstance, formItemInstance, form, newName, parentName } = (0, external_register_FormItem_js_namespaceObject.useRegisterFormItem)({
|
|
35
|
+
...rest
|
|
36
|
+
});
|
|
37
|
+
const formListInstance = (0, external_useFormList_js_namespaceObject.useFormList)();
|
|
38
|
+
(0, external_react_namespaceObject.useMemo)(()=>formListInstance.ctor(newName), [
|
|
39
|
+
newName
|
|
40
|
+
]);
|
|
41
|
+
formListInstance.instance = form;
|
|
42
|
+
formListInstance.rule = ruleInstance;
|
|
43
|
+
formListInstance.sort = options.sort;
|
|
44
|
+
formListInstance.formItemInstance = formItemInstance;
|
|
45
|
+
formListInstance.parentDataField = parentName;
|
|
46
|
+
(0, external_react_namespaceObject.useEffect)(()=>{
|
|
47
|
+
const unMount = form.registerFormList(options.name, formListInstance);
|
|
48
|
+
return ()=>unMount();
|
|
49
|
+
}, [
|
|
50
|
+
options.name,
|
|
51
|
+
formListInstance
|
|
52
|
+
]);
|
|
53
|
+
return {
|
|
54
|
+
ruleInstance,
|
|
55
|
+
formItemInstance,
|
|
56
|
+
formListInstance
|
|
57
|
+
};
|
|
58
|
+
};
|
|
59
|
+
exports.useRegisterFormList = __webpack_exports__.useRegisterFormList;
|
|
60
|
+
for(var __webpack_i__ in __webpack_exports__)if (-1 === [
|
|
61
|
+
"useRegisterFormList"
|
|
62
|
+
].indexOf(__webpack_i__)) exports[__webpack_i__] = __webpack_exports__[__webpack_i__];
|
|
63
|
+
Object.defineProperty(exports, '__esModule', {
|
|
64
|
+
value: true
|
|
65
|
+
});
|
|
@@ -0,0 +1,51 @@
|
|
|
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
|
+
useRegisterForm: ()=>useRegisterForm
|
|
28
|
+
});
|
|
29
|
+
const external_react_namespaceObject = require("react");
|
|
30
|
+
const external_useMultipleForm_js_namespaceObject = require("../useMultipleForm.js");
|
|
31
|
+
const useRegisterForm = (form, name)=>{
|
|
32
|
+
const multipleForm = (0, external_useMultipleForm_js_namespaceObject.useMultipleFormInstance)();
|
|
33
|
+
(0, external_react_namespaceObject.useEffect)(()=>{
|
|
34
|
+
let onMounted;
|
|
35
|
+
if (name) onMounted = multipleForm.ctor(name, form);
|
|
36
|
+
return ()=>{
|
|
37
|
+
onMounted?.();
|
|
38
|
+
};
|
|
39
|
+
}, [
|
|
40
|
+
name,
|
|
41
|
+
form
|
|
42
|
+
]);
|
|
43
|
+
return multipleForm;
|
|
44
|
+
};
|
|
45
|
+
exports.useRegisterForm = __webpack_exports__.useRegisterForm;
|
|
46
|
+
for(var __webpack_i__ in __webpack_exports__)if (-1 === [
|
|
47
|
+
"useRegisterForm"
|
|
48
|
+
].indexOf(__webpack_i__)) exports[__webpack_i__] = __webpack_exports__[__webpack_i__];
|
|
49
|
+
Object.defineProperty(exports, '__esModule', {
|
|
50
|
+
value: true
|
|
51
|
+
});
|
|
@@ -0,0 +1,25 @@
|
|
|
1
|
+
import type { LayoutFormItemProps } from '../layout/layout.formItem';
|
|
2
|
+
export interface AttrsOptions {
|
|
3
|
+
/**列数据*/
|
|
4
|
+
colCount?: number;
|
|
5
|
+
/**规则校验失败错误提示位置*/
|
|
6
|
+
errorLayout?: LayoutFormItemProps['errorLayout'];
|
|
7
|
+
/**label显示模式*/
|
|
8
|
+
labelMode?: LayoutFormItemProps['labelMode'];
|
|
9
|
+
/**是否显示label后的冒号*/
|
|
10
|
+
showColon?: boolean;
|
|
11
|
+
/**表单项 className*/
|
|
12
|
+
formItemClassName?: string;
|
|
13
|
+
/**表单项 style*/
|
|
14
|
+
formItemStyle?: React.CSSProperties;
|
|
15
|
+
/**表单项 label className*/
|
|
16
|
+
formItemLabelClassName?: string;
|
|
17
|
+
/**表单项 label style*/
|
|
18
|
+
formItemLabelStyle?: React.CSSProperties;
|
|
19
|
+
/**输入框底部边框*/
|
|
20
|
+
inputBordered?: boolean;
|
|
21
|
+
}
|
|
22
|
+
/**公共属性 Context */
|
|
23
|
+
export declare const AttrsContext: import("react").Context<AttrsOptions>;
|
|
24
|
+
/**子项中获取公共属性*/
|
|
25
|
+
export declare const useAttrs: () => AttrsOptions;
|
|
@@ -0,0 +1,47 @@
|
|
|
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
|
+
useAttrs: ()=>useAttrs,
|
|
28
|
+
AttrsContext: ()=>AttrsContext
|
|
29
|
+
});
|
|
30
|
+
const external_react_namespaceObject = require("react");
|
|
31
|
+
const AttrsContext = (0, external_react_namespaceObject.createContext)({
|
|
32
|
+
colCount: 4,
|
|
33
|
+
errorLayout: 'left-bottom',
|
|
34
|
+
labelMode: 'top',
|
|
35
|
+
showColon: true,
|
|
36
|
+
inputBordered: true
|
|
37
|
+
});
|
|
38
|
+
const useAttrs = ()=>(0, external_react_namespaceObject.useContext)(AttrsContext);
|
|
39
|
+
exports.AttrsContext = __webpack_exports__.AttrsContext;
|
|
40
|
+
exports.useAttrs = __webpack_exports__.useAttrs;
|
|
41
|
+
for(var __webpack_i__ in __webpack_exports__)if (-1 === [
|
|
42
|
+
"AttrsContext",
|
|
43
|
+
"useAttrs"
|
|
44
|
+
].indexOf(__webpack_i__)) exports[__webpack_i__] = __webpack_exports__[__webpack_i__];
|
|
45
|
+
Object.defineProperty(exports, '__esModule', {
|
|
46
|
+
value: true
|
|
47
|
+
});
|
|
@@ -0,0 +1,7 @@
|
|
|
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>;
|
|
@@ -0,0 +1,53 @@
|
|
|
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
|
+
});
|
|
@@ -0,0 +1,7 @@
|
|
|
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;
|
|
@@ -0,0 +1,51 @@
|
|
|
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
|
+
});
|
|
@@ -0,0 +1,30 @@
|
|
|
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 {};
|
|
@@ -0,0 +1,101 @@
|
|
|
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
|
+
});
|
|
@@ -0,0 +1,7 @@
|
|
|
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;
|
|
@@ -0,0 +1,51 @@
|
|
|
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
|
+
});
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
export declare const useHtmlFor: (suffix: string) => string;
|
|
@@ -0,0 +1,44 @@
|
|
|
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
|
+
});
|
|
@@ -0,0 +1,13 @@
|
|
|
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>>;
|