@apdesign/web-react 1.0.0 → 1.0.1

package/es/Form/form-label.js

@@ -1,72 +1,72 @@
-var __assign = (this && this.__assign) || function () {
-    __assign = Object.assign || function(t) {
-        for (var s, i = 1, n = arguments.length; i < n; i++) {
-            s = arguments[i];
-            for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p))
-                t[p] = s[p];
-        }
-        return t;
-    };
-    return __assign.apply(this, arguments);
-};
-var __rest = (this && this.__rest) || function (s, e) {
-    var t = {};
-    for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p) && e.indexOf(p) < 0)
-        t[p] = s[p];
-    if (s != null && typeof Object.getOwnPropertySymbols === "function")
-        for (var i = 0, p = Object.getOwnPropertySymbols(s); i < p.length; i++) {
-            if (e.indexOf(p[i]) < 0 && Object.prototype.propertyIsEnumerable.call(s, p[i]))
-                t[p[i]] = s[p[i]];
-        }
-    return t;
-};
-import React, { isValidElement } from 'react';
-import IconQuestionCircle from '../../icon/react-icon/IconQuestionCircle';
-import { isArray, isObject } from '../_util/is';
-import { ID_SUFFIX } from './utils';
-import Tooltip from '../Tooltip';
-import cs from '../_util/classNames';
-// 标签
-var FormItemLabel = function (_a) {
-    var htmlFor = _a.htmlFor, showColon = _a.showColon, label = _a.label, requiredSymbol = _a.requiredSymbol, required = _a.required, rules = _a.rules, prefix = _a.prefix, tooltip = _a.tooltip;
-    var isRequiredRule = isArray(rules) && rules.some(function (rule) { return rule && rule.required; });
-    var symbolPosition = isObject(requiredSymbol) ? requiredSymbol.position : 'start';
-    var symbolNode = (required || isRequiredRule) && !!requiredSymbol && (React.createElement("strong", { className: prefix + "-form-item-symbol" },
-        React.createElement("svg", { fill: "currentColor", viewBox: "0 0 1024 1024", width: "1em", height: "1em" },
-            React.createElement("path", { d: "M583.338667 17.066667c18.773333 0 34.133333 15.36 34.133333 34.133333v349.013333l313.344-101.888a34.133333 34.133333 0 0 1 43.008 22.016l42.154667 129.706667a34.133333 34.133333 0 0 1-21.845334 43.178667l-315.733333 102.4 208.896 287.744a34.133333 34.133333 0 0 1-7.509333 47.786666l-110.421334 80.213334a34.133333 34.133333 0 0 1-47.786666-7.509334L505.685333 706.218667 288.426667 1005.226667a34.133333 34.133333 0 0 1-47.786667 7.509333l-110.421333-80.213333a34.133333 34.133333 0 0 1-7.509334-47.786667l214.186667-295.253333L29.013333 489.813333a34.133333 34.133333 0 0 1-22.016-43.008l42.154667-129.877333a34.133333 34.133333 0 0 1 43.008-22.016l320.512 104.106667L412.672 51.2c0-18.773333 15.36-34.133333 34.133333-34.133333h136.533334z" }))));
-    var renderTooltip = function () {
-        if (!tooltip) {
-            return null;
-        }
-        var tooltipIconClassName = prefix + "-form-item-tooltip";
-        var tooltipProps = {};
-        var tooltipIcon = React.createElement(IconQuestionCircle, { className: tooltipIconClassName });
-        if (!isObject(tooltip) || isValidElement(tooltip)) {
-            tooltipProps = {
-                content: tooltip,
-            };
-        }
-        else {
-            var _a = tooltip, icon = _a.icon, rest = __rest(_a, ["icon"]);
-            tooltipProps = rest;
-            if (icon) {
-                tooltipIcon = isValidElement(icon)
-                    ? React.cloneElement(icon, {
-                        className: cs(tooltipIconClassName, icon.props.className),
-                    })
-                    : icon;
-            }
-        }
-        return React.createElement(Tooltip, __assign({}, tooltipProps), tooltipIcon);
-    };
-    return label ? (React.createElement("label", { htmlFor: htmlFor && "" + htmlFor + ID_SUFFIX },
-        symbolPosition !== 'end' && symbolNode,
-        " ",
-        label,
-        renderTooltip(),
-        symbolPosition === 'end' && React.createElement(React.Fragment, null,
-            " ",
-            symbolNode),
-        showColon ? (showColon === true ? ':' : showColon) : '')) : null;
-};
-export default FormItemLabel;
+var __assign = (this && this.__assign) || function () {
+    __assign = Object.assign || function(t) {
+        for (var s, i = 1, n = arguments.length; i < n; i++) {
+            s = arguments[i];
+            for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p))
+                t[p] = s[p];
+        }
+        return t;
+    };
+    return __assign.apply(this, arguments);
+};
+var __rest = (this && this.__rest) || function (s, e) {
+    var t = {};
+    for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p) && e.indexOf(p) < 0)
+        t[p] = s[p];
+    if (s != null && typeof Object.getOwnPropertySymbols === "function")
+        for (var i = 0, p = Object.getOwnPropertySymbols(s); i < p.length; i++) {
+            if (e.indexOf(p[i]) < 0 && Object.prototype.propertyIsEnumerable.call(s, p[i]))
+                t[p[i]] = s[p[i]];
+        }
+    return t;
+};
+import React, { isValidElement } from 'react';
+import IconQuestionCircle from '../../icon/react-icon/IconQuestionCircle';
+import { isArray, isObject } from '../_util/is';
+import { ID_SUFFIX } from './utils';
+import Tooltip from '../Tooltip';
+import cs from '../_util/classNames';
+// 标签
+var FormItemLabel = function (_a) {
+    var htmlFor = _a.htmlFor, showColon = _a.showColon, label = _a.label, requiredSymbol = _a.requiredSymbol, required = _a.required, rules = _a.rules, prefix = _a.prefix, tooltip = _a.tooltip;
+    var isRequiredRule = isArray(rules) && rules.some(function (rule) { return rule && rule.required; });
+    var symbolPosition = isObject(requiredSymbol) ? requiredSymbol.position : 'start';
+    var symbolNode = (required || isRequiredRule) && !!requiredSymbol && (React.createElement("strong", { className: prefix + "-form-item-symbol" },
+        React.createElement("svg", { fill: "currentColor", viewBox: "0 0 1024 1024", width: "1em", height: "1em" },
+            React.createElement("path", { d: "M583.338667 17.066667c18.773333 0 34.133333 15.36 34.133333 34.133333v349.013333l313.344-101.888a34.133333 34.133333 0 0 1 43.008 22.016l42.154667 129.706667a34.133333 34.133333 0 0 1-21.845334 43.178667l-315.733333 102.4 208.896 287.744a34.133333 34.133333 0 0 1-7.509333 47.786666l-110.421334 80.213334a34.133333 34.133333 0 0 1-47.786666-7.509334L505.685333 706.218667 288.426667 1005.226667a34.133333 34.133333 0 0 1-47.786667 7.509333l-110.421333-80.213333a34.133333 34.133333 0 0 1-7.509334-47.786667l214.186667-295.253333L29.013333 489.813333a34.133333 34.133333 0 0 1-22.016-43.008l42.154667-129.877333a34.133333 34.133333 0 0 1 43.008-22.016l320.512 104.106667L412.672 51.2c0-18.773333 15.36-34.133333 34.133333-34.133333h136.533334z" }))));
+    var renderTooltip = function () {
+        if (!tooltip) {
+            return null;
+        }
+        var tooltipIconClassName = prefix + "-form-item-tooltip";
+        var tooltipProps = {};
+        var tooltipIcon = React.createElement(IconQuestionCircle, { className: tooltipIconClassName });
+        if (!isObject(tooltip) || isValidElement(tooltip)) {
+            tooltipProps = {
+                content: tooltip,
+            };
+        }
+        else {
+            var _a = tooltip, icon = _a.icon, rest = __rest(_a, ["icon"]);
+            tooltipProps = rest;
+            if (icon) {
+                tooltipIcon = isValidElement(icon)
+                    ? React.cloneElement(icon, {
+                        className: cs(tooltipIconClassName, icon.props.className),
+                    })
+                    : icon;
+            }
+        }
+        return React.createElement(Tooltip, __assign({}, tooltipProps), tooltipIcon);
+    };
+    return label ? (React.createElement("label", { htmlFor: htmlFor && "" + htmlFor + ID_SUFFIX },
+        symbolPosition !== 'end' && symbolNode,
+        " ",
+        label,
+        renderTooltip(),
+        symbolPosition === 'end' && React.createElement(React.Fragment, null,
+            " ",
+            symbolNode),
+        showColon ? (showColon === true ? ':' : showColon) : '')) : null;
+};
+export default FormItemLabel;

package/es/Form/form-list.d.ts

@@ -1,6 +1,6 @@
-import { FormListProps, KeyType } from './interface';
-declare const List: {
-    <SubFieldValue extends unknown = any, SubFieldKey extends KeyType = string, FieldKey extends KeyType = string>(props: FormListProps<SubFieldValue, SubFieldKey, FieldKey>): JSX.Element;
-    displayName: string;
-};
-export default List;
+import { FormListProps, KeyType } from './interface';
+declare const List: {
+    <SubFieldValue extends unknown = any, SubFieldKey extends KeyType = string, FieldKey extends KeyType = string>(props: FormListProps<SubFieldValue, SubFieldKey, FieldKey>): JSX.Element;
+    displayName: string;
+};
+export default List;

package/es/Form/form-list.js

@@ -1,148 +1,148 @@
-var __assign = (this && this.__assign) || function () {
-    __assign = Object.assign || function(t) {
-        for (var s, i = 1, n = arguments.length; i < n; i++) {
-            s = arguments[i];
-            for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p))
-                t[p] = s[p];
-        }
-        return t;
-    };
-    return __assign.apply(this, arguments);
-};
-var __read = (this && this.__read) || function (o, n) {
-    var m = typeof Symbol === "function" && o[Symbol.iterator];
-    if (!m) return o;
-    var i = m.call(o), r, ar = [], e;
-    try {
-        while ((n === void 0 || n-- > 0) && !(r = i.next()).done) ar.push(r.value);
-    }
-    catch (error) { e = { error: error }; }
-    finally {
-        try {
-            if (r && !r.done && (m = i["return"])) m.call(i);
-        }
-        finally { if (e) throw e.error; }
-    }
-    return ar;
-};
-var __spreadArray = (this && this.__spreadArray) || function (to, from, pack) {
-    if (pack || arguments.length === 2) for (var i = 0, l = from.length, ar; i < l; i++) {
-        if (ar || !(i in from)) {
-            if (!ar) ar = Array.prototype.slice.call(from, 0, i);
-            ar[i] = from[i];
-        }
-    }
-    return to.concat(ar || Array.prototype.slice.call(from));
-};
-import React, { useRef } from 'react';
-import get from 'lodash/get';
-import FormItem from './form-item';
-import { isFunction, isUndefined } from '../_util/is';
-import { isFieldMatch, isSyntheticEvent } from './utils';
-import warning from '../_util/warning';
-import { FormListContext } from './context';
-var isIndexLegal = function (index, value) {
-    return !isUndefined(index) && index >= 0 && index < value.length;
-};
-var List = function (props) {
-    var field = props.field, children = props.children, initialValue = props.initialValue;
-    var keysRef = useRef({
-        id: 0,
-        keys: [],
-    });
-    var extra = 'initialValue' in props ? { initialValue: initialValue } : {};
-    var currentKeys = keysRef.current.keys;
-    return (React.createElement(FormListContext.Provider, { value: {
-            getItemKey: function (fieldKey) {
-                var keys = fieldKey === null || fieldKey === void 0 ? void 0 : fieldKey.replace(/\[|\]/g, '.').split('.');
-                var startIndex = keys.indexOf(field);
-                var index = keys[startIndex + 1];
-                return field + "_" + currentKeys.indexOf(index) + "_" + keys.slice(startIndex + 2).join('_');
-            },
-        } },
-        React.createElement(FormItem, __assign({ field: field }, extra, { isFormList: true, rules: props.rules, wrapperCol: { span: 24 }, noStyle: 'noStyle' in props ? props.noStyle : !props.rules, shouldUpdate: function (prev, current, info) {
-                var _a, _b;
-                if (info && !info.isInner && isFieldMatch(info.field, [field])) {
-                    if (((_a = get(prev, field)) === null || _a === void 0 ? void 0 : _a.length) !== ((_b = get(current, field)) === null || _b === void 0 ? void 0 : _b.length)) {
-                        // 长度不一致才需要整体渲染，如 form.setfieldsValue('a.100', 'xx')
-                        // 修改了某一项的话直接叫给对应的 FormItem 渲染即可
-                        return true;
-                    }
-                }
-                return false;
-            } }), function (_, store, _a) {
-            var _value = _a.value, onChange = _a.onChange;
-            var value = _value || [];
-            // 为啥 add，move，remove 里不直接用 value，而是又 getFieldValue？
-            // 因为用户可能把 add，remove，move 给 memo 了，导致 remove 直接读取的 value 不是最新的
-            // 保持和 2.46.0 以前的版本一致
-            var add = function (defaultValue, index) {
-                var _a;
-                if (isSyntheticEvent(defaultValue)) {
-                    warning(true, 'Form.List: The event object cannot be used as a parameter of the add method');
-                    return;
-                }
-                var value = ((_a = store.getInnerMethods(true)) === null || _a === void 0 ? void 0 : _a.innerGetFieldValue(field)) || [];
-                var key = keysRef.current.id;
-                keysRef.current.id += 1;
-                var oldValue = value || [];
-                var newValue = oldValue;
-                if (index !== undefined && index >= 0 && index <= oldValue.length) {
-                    currentKeys.splice(index, 0, key);
-                    newValue = __spreadArray(__spreadArray(__spreadArray([], __read(oldValue.slice(0, index)), false), [defaultValue], false), __read(oldValue.slice(index)), false);
-                }
-                else {
-                    currentKeys.push(key);
-                    newValue = __spreadArray(__spreadArray([], __read(oldValue), false), [defaultValue], false);
-                }
-                // defaultValue = undefined 时，认为当前字段未被操作过
-                onChange(newValue, {
-                    isFormList: true,
-                    ignore: defaultValue === undefined,
-                });
-            };
-            var remove = function (index) {
-                var _a;
-                var value = ((_a = store.getInnerMethods(true)) === null || _a === void 0 ? void 0 : _a.innerGetFieldValue(field)) || [];
-                var newValue = value.filter(function (_, i) { return i !== index; });
-                currentKeys.splice(index, 1);
-                onChange(__spreadArray([], __read(newValue), false), { isFormList: true });
-            };
-            var move = function (fromIndex, toIndex) {
-                var _a;
-                var value = ((_a = store.getInnerMethods(true)) === null || _a === void 0 ? void 0 : _a.innerGetFieldValue(field)) || [];
-                if (fromIndex === toIndex ||
-                    !isIndexLegal(fromIndex, value) ||
-                    !isIndexLegal(toIndex, value)) {
-                    return;
-                }
-                var fromId = currentKeys[fromIndex];
-                currentKeys.splice(fromIndex, 1);
-                currentKeys.splice(toIndex, 0, fromId);
-                var fromItem = value[fromIndex];
-                var newValue = __spreadArray([], __read(value), false);
-                newValue.splice(fromIndex, 1);
-                newValue.splice(toIndex, 0, fromItem);
-                onChange(newValue, { isFormList: true });
-            };
-            return (isFunction(children) &&
-                children(value.map(function (_, index) {
-                    var key = currentKeys[index];
-                    if (key === undefined) {
-                        key = keysRef.current.id;
-                        currentKeys.push(key);
-                        keysRef.current.id += 1;
-                    }
-                    return {
-                        field: field + "[" + index + "]",
-                        key: key,
-                    };
-                }), {
-                    add: add,
-                    remove: remove,
-                    move: move,
-                }));
-        })));
-};
-List.displayName = 'FormList';
-export default List;
+var __assign = (this && this.__assign) || function () {
+    __assign = Object.assign || function(t) {
+        for (var s, i = 1, n = arguments.length; i < n; i++) {
+            s = arguments[i];
+            for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p))
+                t[p] = s[p];
+        }
+        return t;
+    };
+    return __assign.apply(this, arguments);
+};
+var __read = (this && this.__read) || function (o, n) {
+    var m = typeof Symbol === "function" && o[Symbol.iterator];
+    if (!m) return o;
+    var i = m.call(o), r, ar = [], e;
+    try {
+        while ((n === void 0 || n-- > 0) && !(r = i.next()).done) ar.push(r.value);
+    }
+    catch (error) { e = { error: error }; }
+    finally {
+        try {
+            if (r && !r.done && (m = i["return"])) m.call(i);
+        }
+        finally { if (e) throw e.error; }
+    }
+    return ar;
+};
+var __spreadArray = (this && this.__spreadArray) || function (to, from, pack) {
+    if (pack || arguments.length === 2) for (var i = 0, l = from.length, ar; i < l; i++) {
+        if (ar || !(i in from)) {
+            if (!ar) ar = Array.prototype.slice.call(from, 0, i);
+            ar[i] = from[i];
+        }
+    }
+    return to.concat(ar || Array.prototype.slice.call(from));
+};
+import React, { useRef } from 'react';
+import get from 'lodash/get';
+import FormItem from './form-item';
+import { isFunction, isUndefined } from '../_util/is';
+import { isFieldMatch, isSyntheticEvent } from './utils';
+import warning from '../_util/warning';
+import { FormListContext } from './context';
+var isIndexLegal = function (index, value) {
+    return !isUndefined(index) && index >= 0 && index < value.length;
+};
+var List = function (props) {
+    var field = props.field, children = props.children, initialValue = props.initialValue;
+    var keysRef = useRef({
+        id: 0,
+        keys: [],
+    });
+    var extra = 'initialValue' in props ? { initialValue: initialValue } : {};
+    var currentKeys = keysRef.current.keys;
+    return (React.createElement(FormListContext.Provider, { value: {
+            getItemKey: function (fieldKey) {
+                var keys = fieldKey === null || fieldKey === void 0 ? void 0 : fieldKey.replace(/\[|\]/g, '.').split('.');
+                var startIndex = keys.indexOf(field);
+                var index = keys[startIndex + 1];
+                return field + "_" + currentKeys.indexOf(index) + "_" + keys.slice(startIndex + 2).join('_');
+            },
+        } },
+        React.createElement(FormItem, __assign({ field: field }, extra, { isFormList: true, rules: props.rules, wrapperCol: { span: 24 }, noStyle: 'noStyle' in props ? props.noStyle : !props.rules, shouldUpdate: function (prev, current, info) {
+                var _a, _b;
+                if (info && !info.isInner && isFieldMatch(info.field, [field])) {
+                    if (((_a = get(prev, field)) === null || _a === void 0 ? void 0 : _a.length) !== ((_b = get(current, field)) === null || _b === void 0 ? void 0 : _b.length)) {
+                        // 长度不一致才需要整体渲染，如 form.setfieldsValue('a.100', 'xx')
+                        // 修改了某一项的话直接叫给对应的 FormItem 渲染即可
+                        return true;
+                    }
+                }
+                return false;
+            } }), function (_, store, _a) {
+            var _value = _a.value, onChange = _a.onChange;
+            var value = _value || [];
+            // 为啥 add，move，remove 里不直接用 value，而是又 getFieldValue？
+            // 因为用户可能把 add，remove，move 给 memo 了，导致 remove 直接读取的 value 不是最新的
+            // 保持和 2.46.0 以前的版本一致
+            var add = function (defaultValue, index) {
+                var _a;
+                if (isSyntheticEvent(defaultValue)) {
+                    warning(true, 'Form.List: The event object cannot be used as a parameter of the add method');
+                    return;
+                }
+                var value = ((_a = store.getInnerMethods(true)) === null || _a === void 0 ? void 0 : _a.innerGetFieldValue(field)) || [];
+                var key = keysRef.current.id;
+                keysRef.current.id += 1;
+                var oldValue = value || [];
+                var newValue = oldValue;
+                if (index !== undefined && index >= 0 && index <= oldValue.length) {
+                    currentKeys.splice(index, 0, key);
+                    newValue = __spreadArray(__spreadArray(__spreadArray([], __read(oldValue.slice(0, index)), false), [defaultValue], false), __read(oldValue.slice(index)), false);
+                }
+                else {
+                    currentKeys.push(key);
+                    newValue = __spreadArray(__spreadArray([], __read(oldValue), false), [defaultValue], false);
+                }
+                // defaultValue = undefined 时，认为当前字段未被操作过
+                onChange(newValue, {
+                    isFormList: true,
+                    ignore: defaultValue === undefined,
+                });
+            };
+            var remove = function (index) {
+                var _a;
+                var value = ((_a = store.getInnerMethods(true)) === null || _a === void 0 ? void 0 : _a.innerGetFieldValue(field)) || [];
+                var newValue = value.filter(function (_, i) { return i !== index; });
+                currentKeys.splice(index, 1);
+                onChange(__spreadArray([], __read(newValue), false), { isFormList: true });
+            };
+            var move = function (fromIndex, toIndex) {
+                var _a;
+                var value = ((_a = store.getInnerMethods(true)) === null || _a === void 0 ? void 0 : _a.innerGetFieldValue(field)) || [];
+                if (fromIndex === toIndex ||
+                    !isIndexLegal(fromIndex, value) ||
+                    !isIndexLegal(toIndex, value)) {
+                    return;
+                }
+                var fromId = currentKeys[fromIndex];
+                currentKeys.splice(fromIndex, 1);
+                currentKeys.splice(toIndex, 0, fromId);
+                var fromItem = value[fromIndex];
+                var newValue = __spreadArray([], __read(value), false);
+                newValue.splice(fromIndex, 1);
+                newValue.splice(toIndex, 0, fromItem);
+                onChange(newValue, { isFormList: true });
+            };
+            return (isFunction(children) &&
+                children(value.map(function (_, index) {
+                    var key = currentKeys[index];
+                    if (key === undefined) {
+                        key = keysRef.current.id;
+                        currentKeys.push(key);
+                        keysRef.current.id += 1;
+                    }
+                    return {
+                        field: field + "[" + index + "]",
+                        key: key,
+                    };
+                }), {
+                    add: add,
+                    remove: remove,
+                    move: move,
+                }));
+        })));
+};
+List.displayName = 'FormList';
+export default List;

package/es/Form/form-provider.d.ts

@@ -1,4 +1,4 @@
-import React from 'react';
-import { FormProviderProps } from './interface';
-declare const _default: React.ForwardRefExoticComponent<React.PropsWithChildren<FormProviderProps>>;
-export default _default;
+import React from 'react';
+import { FormProviderProps } from './interface';
+declare const _default: React.ForwardRefExoticComponent<React.PropsWithChildren<FormProviderProps>>;
+export default _default;

package/es/Form/form-provider.js

@@ -1,33 +1,33 @@
-import React, { useCallback, forwardRef, useRef, } from 'react';
-import { FormProviderContext } from './context';
-var FormProviderComponent = function (props, _) {
-    var formsRef = useRef({});
-    var register = useCallback(function (name, form) {
-        if (name) {
-            formsRef.current[name] = form;
-        }
-        return function () {
-            delete formsRef.current[name];
-        };
-    }, []);
-    var onFormSubmit = useCallback(function (name, changedValues) {
-        props.onFormSubmit &&
-            props.onFormSubmit(name, changedValues, {
-                forms: formsRef.current,
-            });
-    }, [props.onFormSubmit]);
-    var onFormValuesChange = useCallback(function (name, values) {
-        props.onFormValuesChange &&
-            props.onFormValuesChange(name, values, {
-                forms: formsRef.current,
-            });
-    }, [props.onFormValuesChange]);
-    return (React.createElement(FormProviderContext.Provider, { value: {
-            onFormValuesChange: onFormValuesChange,
-            onFormSubmit: onFormSubmit,
-            register: register,
-        } }, props.children));
-};
-var FormProvider = forwardRef(FormProviderComponent);
-FormProvider.displayName = 'FormProvider';
-export default FormProvider;
+import React, { useCallback, forwardRef, useRef, } from 'react';
+import { FormProviderContext } from './context';
+var FormProviderComponent = function (props, _) {
+    var formsRef = useRef({});
+    var register = useCallback(function (name, form) {
+        if (name) {
+            formsRef.current[name] = form;
+        }
+        return function () {
+            delete formsRef.current[name];
+        };
+    }, []);
+    var onFormSubmit = useCallback(function (name, changedValues) {
+        props.onFormSubmit &&
+            props.onFormSubmit(name, changedValues, {
+                forms: formsRef.current,
+            });
+    }, [props.onFormSubmit]);
+    var onFormValuesChange = useCallback(function (name, values) {
+        props.onFormValuesChange &&
+            props.onFormValuesChange(name, values, {
+                forms: formsRef.current,
+            });
+    }, [props.onFormValuesChange]);
+    return (React.createElement(FormProviderContext.Provider, { value: {
+            onFormValuesChange: onFormValuesChange,
+            onFormSubmit: onFormSubmit,
+            register: register,
+        } }, props.children));
+};
+var FormProvider = forwardRef(FormProviderComponent);
+FormProvider.displayName = 'FormProvider';
+export default FormProvider;

package/es/Form/form.d.ts

@@ -1,8 +1,8 @@
-import React, { PropsWithChildren } from 'react';
-import { FormProps, FormInstance, KeyType } from './interface';
-declare const _default: <FormData_1 = any, FieldValue = FormData_1[keyof FormData_1], FieldKey extends KeyType = keyof FormData_1>(props: FormProps<FormData_1, FieldValue, FieldKey> & {
-    children?: React.ReactNode;
-} & {
-    ref?: React.Ref<FormInstance<FormData_1, FieldValue, FieldKey>>;
-}) => React.ReactElement;
-export default _default;
+import React, { PropsWithChildren } from 'react';
+import { FormProps, FormInstance, KeyType } from './interface';
+declare const _default: <FormData_1 = any, FieldValue = FormData_1[keyof FormData_1], FieldKey extends KeyType = keyof FormData_1>(props: FormProps<FormData_1, FieldValue, FieldKey> & {
+    children?: React.ReactNode;
+} & {
+    ref?: React.Ref<FormInstance<FormData_1, FieldValue, FieldKey>>;
+}) => React.ReactElement;
+export default _default;