@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.
Files changed (100) hide show
  1. package/README.md +9 -0
  2. package/esm/formItem/index.d.ts +11 -0
  3. package/esm/formItem/index.js +70 -0
  4. package/esm/formList/index.d.ts +27 -0
  5. package/esm/formList/index.js +40 -0
  6. package/esm/hooks/attr/attr.FormItem.d.ts +48 -0
  7. package/esm/hooks/attr/attr.FormItem.js +61 -0
  8. package/esm/hooks/register/register.FormHideItem.d.ts +9 -0
  9. package/esm/hooks/register/register.FormHideItem.js +31 -0
  10. package/esm/hooks/register/register.FormItem.d.ts +23 -0
  11. package/esm/hooks/register/register.FormItem.js +42 -0
  12. package/esm/hooks/register/register.FormList.d.ts +9 -0
  13. package/esm/hooks/register/register.FormList.js +31 -0
  14. package/esm/hooks/register/register.form.d.ts +3 -0
  15. package/esm/hooks/register/register.form.js +17 -0
  16. package/esm/hooks/useAttrs.d.ts +25 -0
  17. package/esm/hooks/useAttrs.js +10 -0
  18. package/esm/hooks/useForm.d.ts +7 -0
  19. package/esm/hooks/useForm.js +13 -0
  20. package/esm/hooks/useFormItem.d.ts +7 -0
  21. package/esm/hooks/useFormItem.js +11 -0
  22. package/esm/hooks/useFormItemParentName.d.ts +30 -0
  23. package/esm/hooks/useFormItemParentName.js +61 -0
  24. package/esm/hooks/useFormList.d.ts +7 -0
  25. package/esm/hooks/useFormList.js +11 -0
  26. package/esm/hooks/useHtmlFor.d.ts +1 -0
  27. package/esm/hooks/useHtmlFor.js +10 -0
  28. package/esm/hooks/useMultipleForm.d.ts +13 -0
  29. package/esm/hooks/useMultipleForm.js +19 -0
  30. package/esm/hooks/useUpdate.d.ts +2 -0
  31. package/esm/hooks/useUpdate.js +10 -0
  32. package/esm/hooks/useWatch.d.ts +19 -0
  33. package/esm/hooks/useWatch.js +41 -0
  34. package/esm/index.d.ts +46 -0
  35. package/esm/index.js +61 -0
  36. package/esm/layout/index.d.ts +35 -0
  37. package/esm/layout/index.js +99 -0
  38. package/esm/layout/layout.formItem.d.ts +44 -0
  39. package/esm/layout/layout.formItem.js +113 -0
  40. package/esm/styles/index.css +200 -0
  41. package/lib/formItem/index.d.ts +11 -0
  42. package/lib/formItem/index.js +107 -0
  43. package/lib/formList/index.d.ts +27 -0
  44. package/lib/formList/index.js +77 -0
  45. package/lib/hooks/attr/attr.FormItem.d.ts +48 -0
  46. package/lib/hooks/attr/attr.FormItem.js +95 -0
  47. package/lib/hooks/register/register.FormHideItem.d.ts +9 -0
  48. package/lib/hooks/register/register.FormHideItem.js +65 -0
  49. package/lib/hooks/register/register.FormItem.d.ts +23 -0
  50. package/lib/hooks/register/register.FormItem.js +76 -0
  51. package/lib/hooks/register/register.FormList.d.ts +9 -0
  52. package/lib/hooks/register/register.FormList.js +65 -0
  53. package/lib/hooks/register/register.form.d.ts +3 -0
  54. package/lib/hooks/register/register.form.js +51 -0
  55. package/lib/hooks/useAttrs.d.ts +25 -0
  56. package/lib/hooks/useAttrs.js +47 -0
  57. package/lib/hooks/useForm.d.ts +7 -0
  58. package/lib/hooks/useForm.js +53 -0
  59. package/lib/hooks/useFormItem.d.ts +7 -0
  60. package/lib/hooks/useFormItem.js +51 -0
  61. package/lib/hooks/useFormItemParentName.d.ts +30 -0
  62. package/lib/hooks/useFormItemParentName.js +101 -0
  63. package/lib/hooks/useFormList.d.ts +7 -0
  64. package/lib/hooks/useFormList.js +51 -0
  65. package/lib/hooks/useHtmlFor.d.ts +1 -0
  66. package/lib/hooks/useHtmlFor.js +44 -0
  67. package/lib/hooks/useMultipleForm.d.ts +13 -0
  68. package/lib/hooks/useMultipleForm.js +62 -0
  69. package/lib/hooks/useUpdate.d.ts +2 -0
  70. package/lib/hooks/useUpdate.js +44 -0
  71. package/lib/hooks/useWatch.d.ts +19 -0
  72. package/lib/hooks/useWatch.js +78 -0
  73. package/lib/index.d.ts +46 -0
  74. package/lib/index.js +317 -0
  75. package/lib/layout/index.d.ts +35 -0
  76. package/lib/layout/index.js +146 -0
  77. package/lib/layout/layout.formItem.d.ts +44 -0
  78. package/lib/layout/layout.formItem.js +157 -0
  79. package/lib/styles/index.css +200 -0
  80. package/package.json +32 -0
  81. package/src/formItem/index.tsx +103 -0
  82. package/src/formList/index.tsx +59 -0
  83. package/src/hooks/attr/attr.FormItem.tsx +131 -0
  84. package/src/hooks/register/register.FormHideItem.ts +29 -0
  85. package/src/hooks/register/register.FormItem.ts +52 -0
  86. package/src/hooks/register/register.FormList.ts +31 -0
  87. package/src/hooks/register/register.form.ts +18 -0
  88. package/src/hooks/useAttrs.ts +35 -0
  89. package/src/hooks/useForm.ts +23 -0
  90. package/src/hooks/useFormItem.ts +21 -0
  91. package/src/hooks/useFormItemParentName.ts +49 -0
  92. package/src/hooks/useFormList.ts +21 -0
  93. package/src/hooks/useHtmlFor.ts +9 -0
  94. package/src/hooks/useMultipleForm.ts +36 -0
  95. package/src/hooks/useUpdate.ts +12 -0
  96. package/src/hooks/useWatch.ts +61 -0
  97. package/src/index.tsx +102 -0
  98. package/src/layout/index.tsx +152 -0
  99. package/src/layout/layout.formItem.tsx +152 -0
  100. 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,3 @@
1
+ import { FormInstanceBase } from '@carefrees/form-utils';
2
+ /**注册表单实例到多表单收集实例中*/
3
+ export declare const useRegisterForm: (form: FormInstanceBase, name?: string) => import("@carefrees/form-utils").MultipleInstanceBase;
@@ -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>>;