@sheinx/hooks 3.0.0-alpha.1

package/cjs/components/use-form/Provider.js

@@ -0,0 +1,34 @@
+"use strict";
+
+require("core-js/modules/es.array.iterator.js");
+require("core-js/modules/es.weak-map.js");
+require("core-js/modules/web.dom-collections.iterator.js");
+var _typeof = require("@babel/runtime/helpers/typeof");
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.Provider = void 0;
+var _formBindContext = require("./form-bind-context");
+var _formFuncContext = require("./form-func-context");
+var _formConfigContext = require("./form-config-context");
+var React = _interopRequireWildcard(require("react"));
+var _jsxRuntime = require("react/jsx-runtime");
+function _getRequireWildcardCache(nodeInterop) { if (typeof WeakMap !== "function") return null; var cacheBabelInterop = new WeakMap(); var cacheNodeInterop = new WeakMap(); return (_getRequireWildcardCache = function _getRequireWildcardCache(nodeInterop) { return nodeInterop ? cacheNodeInterop : cacheBabelInterop; })(nodeInterop); }
+function _interopRequireWildcard(obj, nodeInterop) { if (!nodeInterop && obj && obj.__esModule) { return obj; } if (obj === null || _typeof(obj) !== "object" && typeof obj !== "function") { return { default: obj }; } var cache = _getRequireWildcardCache(nodeInterop); if (cache && cache.has(obj)) { return cache.get(obj); } var newObj = {}; var hasPropertyDescriptor = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var key in obj) { if (key !== "default" && Object.prototype.hasOwnProperty.call(obj, key)) { var desc = hasPropertyDescriptor ? Object.getOwnPropertyDescriptor(obj, key) : null; if (desc && (desc.get || desc.set)) { Object.defineProperty(newObj, key, desc); } else { newObj[key] = obj[key]; } } } newObj.default = obj; if (cache) { cache.set(obj, newObj); } return newObj; }
+var Provider = function Provider(props) {
+  var children = props.children,
+    formConfig = props.formConfig,
+    formValue = props.formValue,
+    formFunc = props.formFunc;
+  return /*#__PURE__*/(0, _jsxRuntime.jsx)(_formFuncContext.FormFuncContext.Provider, {
+    value: formFunc,
+    children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_formBindContext.FormBindContext.Provider, {
+      value: formValue,
+      children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_formConfigContext.FormConfigContext.Provider, {
+        value: formConfig,
+        children: children
+      })
+    })
+  });
+};
+exports.Provider = Provider;

package/cjs/components/use-form/form-bind-context.d.ts

@@ -0,0 +1,5 @@
+import * as React from 'react';
+import { FormContextValueType } from './use-form.type';
+export declare const FormBindContext: React.Context<FormContextValueType>;
+export declare const useFormBind: () => FormContextValueType;
+//# sourceMappingURL=form-bind-context.d.ts.map

package/cjs/components/use-form/form-bind-context.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"form-bind-context.d.ts","sourceRoot":"","sources":["form-bind-context.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAE/B,OAAO,EAAE,oBAAoB,EAAE,MAAM,iBAAiB,CAAC;AAEvD,eAAO,MAAM,eAAe,qCAAgD,CAAC;AAE7E,eAAO,MAAM,WAAW,4BAA0C,CAAC"}

package/cjs/components/use-form/form-bind-context.js

@@ -0,0 +1,19 @@
+"use strict";
+
+require("core-js/modules/es.array.iterator.js");
+require("core-js/modules/es.weak-map.js");
+require("core-js/modules/web.dom-collections.iterator.js");
+var _typeof = require("@babel/runtime/helpers/typeof");
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.useFormBind = exports.FormBindContext = void 0;
+var React = _interopRequireWildcard(require("react"));
+function _getRequireWildcardCache(nodeInterop) { if (typeof WeakMap !== "function") return null; var cacheBabelInterop = new WeakMap(); var cacheNodeInterop = new WeakMap(); return (_getRequireWildcardCache = function _getRequireWildcardCache(nodeInterop) { return nodeInterop ? cacheNodeInterop : cacheBabelInterop; })(nodeInterop); }
+function _interopRequireWildcard(obj, nodeInterop) { if (!nodeInterop && obj && obj.__esModule) { return obj; } if (obj === null || _typeof(obj) !== "object" && typeof obj !== "function") { return { default: obj }; } var cache = _getRequireWildcardCache(nodeInterop); if (cache && cache.has(obj)) { return cache.get(obj); } var newObj = {}; var hasPropertyDescriptor = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var key in obj) { if (key !== "default" && Object.prototype.hasOwnProperty.call(obj, key)) { var desc = hasPropertyDescriptor ? Object.getOwnPropertyDescriptor(obj, key) : null; if (desc && (desc.get || desc.set)) { Object.defineProperty(newObj, key, desc); } else { newObj[key] = obj[key]; } } } newObj.default = obj; if (cache) { cache.set(obj, newObj); } return newObj; }
+var FormBindContext = /*#__PURE__*/React.createContext({});
+exports.FormBindContext = FormBindContext;
+var useFormBind = function useFormBind() {
+  return React.useContext(FormBindContext);
+};
+exports.useFormBind = useFormBind;

package/cjs/components/use-form/form-config-context.d.ts

@@ -0,0 +1,5 @@
+import * as React from 'react';
+import { FormCommonConfig } from './use-form.type';
+export declare const FormConfigContext: React.Context<FormCommonConfig>;
+export declare const useFormConfig: () => FormCommonConfig;
+//# sourceMappingURL=form-config-context.d.ts.map

package/cjs/components/use-form/form-config-context.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"form-config-context.d.ts","sourceRoot":"","sources":["form-config-context.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAE/B,OAAO,EAAE,gBAAgB,EAAE,MAAM,iBAAiB,CAAC;AAEnD,eAAO,MAAM,iBAAiB,iCAA4C,CAAC;AAC3E,eAAO,MAAM,aAAa,wBAA4C,CAAC"}

package/cjs/components/use-form/form-config-context.js

@@ -0,0 +1,19 @@
+"use strict";
+
+require("core-js/modules/es.array.iterator.js");
+require("core-js/modules/es.weak-map.js");
+require("core-js/modules/web.dom-collections.iterator.js");
+var _typeof = require("@babel/runtime/helpers/typeof");
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.useFormConfig = exports.FormConfigContext = void 0;
+var React = _interopRequireWildcard(require("react"));
+function _getRequireWildcardCache(nodeInterop) { if (typeof WeakMap !== "function") return null; var cacheBabelInterop = new WeakMap(); var cacheNodeInterop = new WeakMap(); return (_getRequireWildcardCache = function _getRequireWildcardCache(nodeInterop) { return nodeInterop ? cacheNodeInterop : cacheBabelInterop; })(nodeInterop); }
+function _interopRequireWildcard(obj, nodeInterop) { if (!nodeInterop && obj && obj.__esModule) { return obj; } if (obj === null || _typeof(obj) !== "object" && typeof obj !== "function") { return { default: obj }; } var cache = _getRequireWildcardCache(nodeInterop); if (cache && cache.has(obj)) { return cache.get(obj); } var newObj = {}; var hasPropertyDescriptor = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var key in obj) { if (key !== "default" && Object.prototype.hasOwnProperty.call(obj, key)) { var desc = hasPropertyDescriptor ? Object.getOwnPropertyDescriptor(obj, key) : null; if (desc && (desc.get || desc.set)) { Object.defineProperty(newObj, key, desc); } else { newObj[key] = obj[key]; } } } newObj.default = obj; if (cache) { cache.set(obj, newObj); } return newObj; }
+var FormConfigContext = /*#__PURE__*/React.createContext({});
+exports.FormConfigContext = FormConfigContext;
+var useFormConfig = function useFormConfig() {
+  return React.useContext(FormConfigContext);
+};
+exports.useFormConfig = useFormConfig;

package/cjs/components/use-form/form-func-context.d.ts

@@ -0,0 +1,5 @@
+import * as React from 'react';
+import { FormFunc } from './use-form.type';
+export declare const FormFuncContext: React.Context<FormFunc | null>;
+export declare const useFormFunc: () => FormFunc | null;
+//# sourceMappingURL=form-func-context.d.ts.map

package/cjs/components/use-form/form-func-context.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"form-func-context.d.ts","sourceRoot":"","sources":["form-func-context.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAC/B,OAAO,EAAE,QAAQ,EAAE,MAAM,iBAAiB,CAAC;AAE3C,eAAO,MAAM,eAAe,gCAA6C,CAAC;AAC1E,eAAO,MAAM,WAAW,uBAA0C,CAAC"}

package/cjs/components/use-form/form-func-context.js

@@ -0,0 +1,19 @@
+"use strict";
+
+require("core-js/modules/es.array.iterator.js");
+require("core-js/modules/es.weak-map.js");
+require("core-js/modules/web.dom-collections.iterator.js");
+var _typeof = require("@babel/runtime/helpers/typeof");
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.useFormFunc = exports.FormFuncContext = void 0;
+var React = _interopRequireWildcard(require("react"));
+function _getRequireWildcardCache(nodeInterop) { if (typeof WeakMap !== "function") return null; var cacheBabelInterop = new WeakMap(); var cacheNodeInterop = new WeakMap(); return (_getRequireWildcardCache = function _getRequireWildcardCache(nodeInterop) { return nodeInterop ? cacheNodeInterop : cacheBabelInterop; })(nodeInterop); }
+function _interopRequireWildcard(obj, nodeInterop) { if (!nodeInterop && obj && obj.__esModule) { return obj; } if (obj === null || _typeof(obj) !== "object" && typeof obj !== "function") { return { default: obj }; } var cache = _getRequireWildcardCache(nodeInterop); if (cache && cache.has(obj)) { return cache.get(obj); } var newObj = {}; var hasPropertyDescriptor = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var key in obj) { if (key !== "default" && Object.prototype.hasOwnProperty.call(obj, key)) { var desc = hasPropertyDescriptor ? Object.getOwnPropertyDescriptor(obj, key) : null; if (desc && (desc.get || desc.set)) { Object.defineProperty(newObj, key, desc); } else { newObj[key] = obj[key]; } } } newObj.default = obj; if (cache) { cache.set(obj, newObj); } return newObj; }
+var FormFuncContext = /*#__PURE__*/React.createContext(null);
+exports.FormFuncContext = FormFuncContext;
+var useFormFunc = function useFormFunc() {
+  return React.useContext(FormFuncContext);
+};
+exports.useFormFunc = useFormFunc;

package/cjs/components/use-form/index.d.ts

@@ -0,0 +1,9 @@
+export * from './use-form-control';
+export * from './use-form-item';
+export * from './use-form-fieldset';
+export * from './use-form-flow';
+export { default, default as useForm } from './use-form';
+export { useFormConfig } from './form-config-context';
+export { useFormFunc } from './form-func-context';
+export type { BaseFormProps, FormCommonConfig, FormLabelConfig } from './use-form.type';
+//# sourceMappingURL=index.d.ts.map

package/cjs/components/use-form/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["index.ts"],"names":[],"mappings":"AAAA,cAAc,oBAAoB,CAAC;AACnC,cAAc,iBAAiB,CAAC;AAChC,cAAc,qBAAqB,CAAC;AACpC,cAAc,iBAAiB,CAAC;AAEhC,OAAO,EAAE,OAAO,EAAE,OAAO,IAAI,OAAO,EAAE,MAAM,YAAY,CAAC;AACzD,OAAO,EAAE,aAAa,EAAE,MAAM,uBAAuB,CAAC;AACtD,OAAO,EAAE,WAAW,EAAE,MAAM,qBAAqB,CAAC;AAClD,YAAY,EAAE,aAAa,EAAE,gBAAgB,EAAE,eAAe,EAAE,MAAM,iBAAiB,CAAC"}

package/cjs/components/use-form/index.js

@@ -0,0 +1,87 @@
+"use strict";
+
+require("core-js/modules/web.dom-collections.for-each.js");
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+var _exportNames = {
+  useForm: true,
+  useFormConfig: true,
+  useFormFunc: true
+};
+Object.defineProperty(exports, "default", {
+  enumerable: true,
+  get: function get() {
+    return _useForm.default;
+  }
+});
+Object.defineProperty(exports, "useForm", {
+  enumerable: true,
+  get: function get() {
+    return _useForm.default;
+  }
+});
+Object.defineProperty(exports, "useFormConfig", {
+  enumerable: true,
+  get: function get() {
+    return _formConfigContext.useFormConfig;
+  }
+});
+Object.defineProperty(exports, "useFormFunc", {
+  enumerable: true,
+  get: function get() {
+    return _formFuncContext.useFormFunc;
+  }
+});
+var _useFormControl = require("./use-form-control");
+Object.keys(_useFormControl).forEach(function (key) {
+  if (key === "default" || key === "__esModule") return;
+  if (Object.prototype.hasOwnProperty.call(_exportNames, key)) return;
+  if (key in exports && exports[key] === _useFormControl[key]) return;
+  Object.defineProperty(exports, key, {
+    enumerable: true,
+    get: function get() {
+      return _useFormControl[key];
+    }
+  });
+});
+var _useFormItem = require("./use-form-item");
+Object.keys(_useFormItem).forEach(function (key) {
+  if (key === "default" || key === "__esModule") return;
+  if (Object.prototype.hasOwnProperty.call(_exportNames, key)) return;
+  if (key in exports && exports[key] === _useFormItem[key]) return;
+  Object.defineProperty(exports, key, {
+    enumerable: true,
+    get: function get() {
+      return _useFormItem[key];
+    }
+  });
+});
+var _useFormFieldset = require("./use-form-fieldset");
+Object.keys(_useFormFieldset).forEach(function (key) {
+  if (key === "default" || key === "__esModule") return;
+  if (Object.prototype.hasOwnProperty.call(_exportNames, key)) return;
+  if (key in exports && exports[key] === _useFormFieldset[key]) return;
+  Object.defineProperty(exports, key, {
+    enumerable: true,
+    get: function get() {
+      return _useFormFieldset[key];
+    }
+  });
+});
+var _useFormFlow = require("./use-form-flow");
+Object.keys(_useFormFlow).forEach(function (key) {
+  if (key === "default" || key === "__esModule") return;
+  if (Object.prototype.hasOwnProperty.call(_exportNames, key)) return;
+  if (key in exports && exports[key] === _useFormFlow[key]) return;
+  Object.defineProperty(exports, key, {
+    enumerable: true,
+    get: function get() {
+      return _useFormFlow[key];
+    }
+  });
+});
+var _useForm = _interopRequireDefault(require("./use-form"));
+var _formConfigContext = require("./form-config-context");
+var _formFuncContext = require("./form-func-context");

package/cjs/components/use-form/use-form-control/index.d.ts

@@ -0,0 +1,3 @@
+export { default, default as useFormControl } from './use-form-control';
+export type { BaseFormControlProps } from './use-form-control.type';
+//# sourceMappingURL=index.d.ts.map

package/cjs/components/use-form/use-form-control/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,OAAO,EAAE,OAAO,IAAI,cAAc,EAAE,MAAM,oBAAoB,CAAC;AACxE,YAAY,EAAE,oBAAoB,EAAE,MAAM,yBAAyB,CAAC"}

package/cjs/components/use-form/use-form-control/index.js

@@ -0,0 +1,19 @@
+"use strict";
+
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+Object.defineProperty(exports, "default", {
+  enumerable: true,
+  get: function get() {
+    return _useFormControl.default;
+  }
+});
+Object.defineProperty(exports, "useFormControl", {
+  enumerable: true,
+  get: function get() {
+    return _useFormControl.default;
+  }
+});
+var _useFormControl = _interopRequireDefault(require("./use-form-control"));

package/cjs/components/use-form/use-form-control/use-form-control.d.ts

@@ -0,0 +1,9 @@
+import { BaseFormControlProps } from './use-form-control.type';
+export default function useFormControl<T>(props: BaseFormControlProps<T>): {
+    value: T | undefined;
+    onChange: (v: T, ...other: any[]) => void;
+    error: Error | undefined;
+    inForm: boolean;
+    disabled: boolean | undefined;
+};
+//# sourceMappingURL=use-form-control.d.ts.map

package/cjs/components/use-form/use-form-control/use-form-control.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"use-form-control.d.ts","sourceRoot":"","sources":["use-form-control.ts"],"names":[],"mappings":"AAWA,OAAO,EAAE,oBAAoB,EAAE,MAAM,yBAAyB,CAAC;AAwB/D,MAAM,CAAC,OAAO,UAAU,cAAc,CAAC,CAAC,EAAE,KAAK,EAAE,oBAAoB,CAAC,CAAC,CAAC;;kBAsFpC,CAAC,YAAY,GAAG,EAAE;;;;EA8CrD"}

package/cjs/components/use-form/use-form-control/use-form-control.js

@@ -0,0 +1,196 @@
+"use strict";
+
+require("core-js/modules/es.array.iterator.js");
+require("core-js/modules/es.weak-map.js");
+require("core-js/modules/web.dom-collections.iterator.js");
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
+var _typeof = require("@babel/runtime/helpers/typeof");
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.default = useFormControl;
+var _defineProperty2 = _interopRequireDefault(require("@babel/runtime/helpers/defineProperty"));
+var _slicedToArray2 = _interopRequireDefault(require("@babel/runtime/helpers/slicedToArray"));
+require("core-js/modules/es.array.map.js");
+require("core-js/modules/es.array.reduce.js");
+require("core-js/modules/es.array.concat.js");
+require("core-js/modules/web.dom-collections.for-each.js");
+var _react = _interopRequireWildcard(require("react"));
+var _formFuncContext = require("../form-func-context");
+var _formBindContext = require("../form-bind-context");
+var _formItemContext = require("../use-form-item/form-item-context");
+var _fieldsetContext = require("../use-form-fieldset/fieldset-context");
+var _is = require("../../../utils/is");
+var _validate = require("../../../utils/validate");
+var _object = require("../../../utils/object");
+var _shallowEqual = require("../../../utils/shallow-equal");
+var _usePersistFn = _interopRequireDefault(require("../../../common/use-persist-fn"));
+function _getRequireWildcardCache(nodeInterop) { if (typeof WeakMap !== "function") return null; var cacheBabelInterop = new WeakMap(); var cacheNodeInterop = new WeakMap(); return (_getRequireWildcardCache = function _getRequireWildcardCache(nodeInterop) { return nodeInterop ? cacheNodeInterop : cacheBabelInterop; })(nodeInterop); }
+function _interopRequireWildcard(obj, nodeInterop) { if (!nodeInterop && obj && obj.__esModule) { return obj; } if (obj === null || _typeof(obj) !== "object" && typeof obj !== "function") { return { default: obj }; } var cache = _getRequireWildcardCache(nodeInterop); if (cache && cache.has(obj)) { return cache.get(obj); } var newObj = {}; var hasPropertyDescriptor = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var key in obj) { if (key !== "default" && Object.prototype.hasOwnProperty.call(obj, key)) { var desc = hasPropertyDescriptor ? Object.getOwnPropertyDescriptor(obj, key) : null; if (desc && (desc.get || desc.set)) { Object.defineProperty(newObj, key, desc); } else { newObj[key] = obj[key]; } } } newObj.default = obj; if (cache) { cache.set(obj, newObj); } return newObj; }
+var getValue = function getValue(name, formValue) {
+  if (!name) return undefined;
+  if ((0, _is.isArray)(name)) {
+    return name.map(function (n) {
+      return (0, _object.deepGet)(formValue, n);
+    });
+  }
+  return (0, _object.deepGet)(formValue, name);
+};
+var getError = function getError(name, errors, serverErrors) {
+  if (!name) return undefined;
+  if ((0, _is.isArray)(name)) {
+    for (var i = 0; i < name.length; i++) {
+      var err = (errors !== null && errors !== void 0 ? errors : {})[name[i]] || (serverErrors !== null && serverErrors !== void 0 ? serverErrors : {})[name[i]];
+      if (err) return err;
+    }
+    return;
+  } else {
+    return (errors !== null && errors !== void 0 ? errors : {})[name] || (serverErrors !== null && serverErrors !== void 0 ? serverErrors : {})[name];
+  }
+};
+function useFormControl(props) {
+  var onChangePo = props.onChange,
+    reserveAble = props.reserveAble,
+    defaultValue = props.defaultValue,
+    rules = props.rules,
+    onError = props.onError,
+    getValidateProps = props.getValidateProps;
+  var _useFieldSetConsumer = (0, _fieldsetContext.useFieldSetConsumer)({
+      name: props.name,
+      bind: props.bind
+    }),
+    name = _useFieldSetConsumer.name,
+    bind = _useFieldSetConsumer.bind;
+  var _React$useState = _react.default.useState(undefined),
+    _React$useState2 = (0, _slicedToArray2.default)(_React$useState, 2),
+    errorState = _React$useState2[0],
+    setErrorState = _React$useState2[1];
+  var _React$useState3 = _react.default.useState(undefined),
+    _React$useState4 = (0, _slicedToArray2.default)(_React$useState3, 2),
+    valueState = _React$useState4[0],
+    setValueState = _React$useState4[1];
+  var value;
+  var error = errorState;
+  var inForm = false;
+  var _useFormBind = (0, _formBindContext.useFormBind)(),
+    controlFunc = _useFormBind.func,
+    disabled = _useFormBind.disabled;
+  var formFunc = (0, _formFuncContext.useFormFunc)();
+  var _React$useContext = _react.default.useContext(_formItemContext.FormItemContext),
+    updateError = _React$useContext.updateError;
+  if (name && formFunc) {
+    inForm = true;
+    value = valueState;
+    if ((0, _is.isArray)(name) && !(0, _is.isArray)(value)) {
+      value = [];
+    }
+  }
+  var update = (0, _usePersistFn.default)(function () {
+    var formValue = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : {};
+    var errors = arguments.length > 1 ? arguments[1] : undefined;
+    var severErrors = arguments.length > 2 ? arguments[2] : undefined;
+    if (!name) return;
+    var value = getValue(name, formValue);
+    var error = getError(name, errors, severErrors);
+    if (error !== errorState) {
+      setErrorState(error);
+    }
+    if (!(0, _shallowEqual.shallowEqual)(value, valueState)) {
+      setValueState(value);
+    }
+  });
+  var validateFiled = (0, _usePersistFn.default)(function (name, v, formV) {
+    var config = arguments.length > 3 && arguments[3] !== undefined ? arguments[3] : {};
+    var validateProps = (getValidateProps === null || getValidateProps === void 0 ? void 0 : getValidateProps()) || {};
+    if (inForm) {
+      var bindValidate = function bindValidate() {
+        if (!config.ignoreBind && (0, _is.isArray)(bind)) {
+          formFunc === null || formFunc === void 0 ? void 0 : formFunc.validateFields(bind, {
+            ignoreBind: true
+          }).catch(function () {});
+        }
+      };
+      var fullRules = (controlFunc === null || controlFunc === void 0 ? void 0 : controlFunc.combineRules(name, rules || [])) || [];
+      return (0, _validate.validate)(v, formV, fullRules, validateProps).then(function (res) {
+        var err = res === true ? undefined : res;
+        formFunc === null || formFunc === void 0 ? void 0 : formFunc.setError(name, err);
+        onError === null || onError === void 0 ? void 0 : onError(err);
+        bindValidate();
+        return res;
+      }).catch(function (e) {
+        formFunc === null || formFunc === void 0 ? void 0 : formFunc.setError(name, e);
+        onError === null || onError === void 0 ? void 0 : onError(e);
+        bindValidate();
+        return e;
+      });
+    } else {
+      return (0, _validate.validate)(v, {}, rules || [], {}).then(function (res) {
+        var err = res === true ? undefined : res;
+        setErrorState(err);
+        onError === null || onError === void 0 ? void 0 : onError(err);
+        return res;
+      }).catch(function (e) {
+        setErrorState(e);
+        onError === null || onError === void 0 ? void 0 : onError(e);
+        return e;
+      });
+    }
+  });
+  var onChange = (0, _usePersistFn.default)(function (v) {
+    if (inForm && formFunc) {
+      if ((0, _is.isArray)(name)) {
+        var arrV = (0, _is.isArray)(v) ? v : [];
+        var objetcV = name.reduce(function (result, name, index) {
+          result[name] = arrV[index];
+          return result;
+        }, {});
+        formFunc.setValue(objetcV, {
+          validate: true
+        });
+      } else {
+        formFunc.setValue((0, _defineProperty2.default)({}, name, v), {
+          validate: true
+        });
+      }
+    } else {
+      validateFiled('', v, undefined);
+    }
+    for (var _len = arguments.length, other = new Array(_len > 1 ? _len - 1 : 0), _key = 1; _key < _len; _key++) {
+      other[_key - 1] = arguments[_key];
+    }
+    if (onChangePo) onChangePo.apply(void 0, [v].concat(other));
+  });
+  (0, _react.useEffect)(function () {
+    if (inForm && controlFunc) {
+      if ((0, _is.isArray)(name)) {
+        var dv = (0, _is.isArray)(defaultValue) ? defaultValue : [];
+        name.forEach(function (n, index) {
+          controlFunc.bind(n, dv[index], validateFiled, update);
+        });
+      } else {
+        controlFunc.bind(name, defaultValue, validateFiled, update);
+      }
+    }
+    return function () {
+      if (inForm && controlFunc) {
+        if ((0, _is.isArray)(name)) {
+          name.forEach(function (n) {
+            controlFunc.unbind(n, reserveAble);
+          });
+        } else {
+          controlFunc.unbind(name, reserveAble);
+        }
+      }
+    };
+  }, [name]);
+  (0, _react.useEffect)(function () {
+    updateError((0, _is.isArray)(name) ? name.join('|') : name, error);
+  }, [error]);
+  return {
+    value: value,
+    onChange: onChange,
+    error: error,
+    inForm: inForm,
+    disabled: disabled
+  };
+}

package/cjs/components/use-form/use-form-control/use-form-control.type.d.ts

@@ -0,0 +1,36 @@
+import { ObjectType } from '../../../common/type';
+import { FormItemRule } from '../../../utils/rule/rule.type';
+export interface BaseFormControlProps<T> {
+    name: string | string[];
+    /**
+     * @en default Value
+     * @cn 默认值
+     */
+    defaultValue: T | undefined;
+    onChange: ((value: T, ...other: any[]) => void) | undefined;
+    /**
+     * @en If set to true, the form will not automatically delete the data after the component is uninstalled
+     * @cn 设置为 true 组件卸载后表单不自动删除数据
+     */
+    reserveAble: boolean | undefined;
+    /**
+     * @en Validation rules, see [Rule]
+     * @cn 校验规则 详见 Rule
+     * @override RuleItem[]
+     */
+    rules: FormItemRule<T> | undefined;
+    /**
+     * @private 内部属性
+     */
+    onError: ((error: Error | undefined) => void) | undefined;
+    /**
+     * @en When the value changes, it will link to verify the fields in the bind, which needs to be used with Form
+     * @cn 当值改变是会联动校验 bind 中的字段, 需要配合 Form 使用
+     */
+    bind: string[] | undefined;
+    /**
+     * @private 内部属性 for validate
+     */
+    getValidateProps: (() => ObjectType) | undefined;
+}
+//# sourceMappingURL=use-form-control.type.d.ts.map

package/cjs/components/use-form/use-form-control/use-form-control.type.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"use-form-control.type.d.ts","sourceRoot":"","sources":["use-form-control.type.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,UAAU,EAAE,MAAM,sBAAsB,CAAC;AAClD,OAAO,EAAE,YAAY,EAAE,MAAM,+BAA+B,CAAC;AAE7D,MAAM,WAAW,oBAAoB,CAAC,CAAC;IACrC,IAAI,EAAE,MAAM,GAAG,MAAM,EAAE,CAAC;IACxB;;;OAGG;IACH,YAAY,EAAE,CAAC,GAAG,SAAS,CAAC;IAC5B,QAAQ,EAAE,CAAC,CAAC,KAAK,EAAE,CAAC,EAAE,GAAG,KAAK,EAAE,GAAG,EAAE,KAAK,IAAI,CAAC,GAAG,SAAS,CAAC;IAC5D;;;OAGG;IACH,WAAW,EAAE,OAAO,GAAG,SAAS,CAAC;IACjC;;;;OAIG;IACH,KAAK,EAAE,YAAY,CAAC,CAAC,CAAC,GAAG,SAAS,CAAC;IACnC;;OAEG;IACH,OAAO,EAAE,CAAC,CAAC,KAAK,EAAE,KAAK,GAAG,SAAS,KAAK,IAAI,CAAC,GAAG,SAAS,CAAC;IAC1D;;;OAGG;IACH,IAAI,EAAE,MAAM,EAAE,GAAG,SAAS,CAAC;IAC3B;;OAEG;IACH,gBAAgB,EAAE,CAAC,MAAM,UAAU,CAAC,GAAG,SAAS,CAAC;CAClD"}

package/cjs/components/use-form/use-form-control/use-form-control.type.js

@@ -0,0 +1,5 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});

package/cjs/components/use-form/use-form-fieldset/fieldset-context.d.ts

@@ -0,0 +1,14 @@
+import React from 'react';
+declare const FieldsetContext: React.Context<{
+    path: string;
+}>;
+interface BaseFieldProps {
+    bind?: string[];
+    name: string | string[];
+}
+export declare const useFieldSetConsumer: <T extends BaseFieldProps>(props: T) => T & {
+    name: string | string[];
+    bind: string[] | undefined;
+};
+export default FieldsetContext;
+//# sourceMappingURL=fieldset-context.d.ts.map

package/cjs/components/use-form/use-form-fieldset/fieldset-context.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"fieldset-context.d.ts","sourceRoot":"","sources":["fieldset-context.ts"],"names":[],"mappings":"AAAA,OAAO,KAAwB,MAAM,OAAO,CAAC;AAE7C,QAAA,MAAM,eAAe;;EAA8B,CAAC;AAEpD,UAAU,cAAc;IACtB,IAAI,CAAC,EAAE,MAAM,EAAE,CAAC;IAChB,IAAI,EAAE,MAAM,GAAG,MAAM,EAAE,CAAC;CACzB;AACD,eAAO,MAAM,mBAAmB;;;CAmB/B,CAAC;AAEF,eAAe,eAAe,CAAC"}

package/cjs/components/use-form/use-form-fieldset/fieldset-context.js

@@ -0,0 +1,47 @@
+"use strict";
+
+require("core-js/modules/es.array.filter.js");
+require("core-js/modules/web.dom-collections.for-each.js");
+require("core-js/modules/es.object.get-own-property-descriptors.js");
+require("core-js/modules/es.array.iterator.js");
+require("core-js/modules/es.weak-map.js");
+require("core-js/modules/web.dom-collections.iterator.js");
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
+var _typeof = require("@babel/runtime/helpers/typeof");
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.useFieldSetConsumer = exports.default = void 0;
+var _defineProperty2 = _interopRequireDefault(require("@babel/runtime/helpers/defineProperty"));
+require("core-js/modules/es.array.concat.js");
+require("core-js/modules/es.array.map.js");
+var _react = _interopRequireWildcard(require("react"));
+function _getRequireWildcardCache(nodeInterop) { if (typeof WeakMap !== "function") return null; var cacheBabelInterop = new WeakMap(); var cacheNodeInterop = new WeakMap(); return (_getRequireWildcardCache = function _getRequireWildcardCache(nodeInterop) { return nodeInterop ? cacheNodeInterop : cacheBabelInterop; })(nodeInterop); }
+function _interopRequireWildcard(obj, nodeInterop) { if (!nodeInterop && obj && obj.__esModule) { return obj; } if (obj === null || _typeof(obj) !== "object" && typeof obj !== "function") { return { default: obj }; } var cache = _getRequireWildcardCache(nodeInterop); if (cache && cache.has(obj)) { return cache.get(obj); } var newObj = {}; var hasPropertyDescriptor = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var key in obj) { if (key !== "default" && Object.prototype.hasOwnProperty.call(obj, key)) { var desc = hasPropertyDescriptor ? Object.getOwnPropertyDescriptor(obj, key) : null; if (desc && (desc.get || desc.set)) { Object.defineProperty(newObj, key, desc); } else { newObj[key] = obj[key]; } } } newObj.default = obj; if (cache) { cache.set(obj, newObj); } return newObj; }
+function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); enumerableOnly && (symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }
+function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys(Object(source), !0).forEach(function (key) { (0, _defineProperty2.default)(target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
+var FieldsetContext = /*#__PURE__*/(0, _react.createContext)({
+  path: ''
+});
+var useFieldSetConsumer = function useFieldSetConsumer(props) {
+  var _React$useContext = _react.default.useContext(FieldsetContext),
+    path = _React$useContext.path;
+  var bind = _react.default.useMemo(function () {
+    return path ? (props.bind || []).concat(path) : props.bind;
+  }, [path, props.bind]);
+  var name = _react.default.useMemo(function () {
+    if (Array.isArray(props.name)) {
+      return props.name.map(function (item) {
+        return path ? "".concat(path, ".").concat(item) : item;
+      });
+    }
+    return path ? "".concat(path, ".").concat(props.name) : props.name;
+  }, [path, props.name]);
+  return _objectSpread(_objectSpread({}, props), {}, {
+    name: name,
+    bind: bind
+  });
+};
+exports.useFieldSetConsumer = useFieldSetConsumer;
+var _default = FieldsetContext;
+exports.default = _default;

package/cjs/components/use-form/use-form-fieldset/index.d.ts

@@ -0,0 +1,4 @@
+export { default as useFormFieldSet, default } from './use-form-fieldset';
+export { useFieldSetConsumer } from './fieldset-context';
+export type { BaseFormFieldSetProps } from './use-form-fieldset.type';
+//# sourceMappingURL=index.d.ts.map

package/cjs/components/use-form/use-form-fieldset/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,OAAO,IAAI,eAAe,EAAE,OAAO,EAAE,MAAM,qBAAqB,CAAC;AAC1E,OAAO,EAAE,mBAAmB,EAAE,MAAM,oBAAoB,CAAC;AAEzD,YAAY,EAAE,qBAAqB,EAAE,MAAM,0BAA0B,CAAC"}

package/cjs/components/use-form/use-form-fieldset/index.js

@@ -0,0 +1,26 @@
+"use strict";
+
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+Object.defineProperty(exports, "default", {
+  enumerable: true,
+  get: function get() {
+    return _useFormFieldset.default;
+  }
+});
+Object.defineProperty(exports, "useFieldSetConsumer", {
+  enumerable: true,
+  get: function get() {
+    return _fieldsetContext.useFieldSetConsumer;
+  }
+});
+Object.defineProperty(exports, "useFormFieldSet", {
+  enumerable: true,
+  get: function get() {
+    return _useFormFieldset.default;
+  }
+});
+var _useFormFieldset = _interopRequireDefault(require("./use-form-fieldset"));
+var _fieldsetContext = require("./fieldset-context");

package/cjs/components/use-form/use-form-fieldset/use-form-fieldset.d.ts

@@ -0,0 +1,15 @@
+/// <reference types="react" />
+import { BaseFormFieldSetProps } from './use-form-fieldset.type';
+export declare const useFormFieldSet: <T>(props: BaseFormFieldSetProps<T>) => {
+    Provider: import("react").Provider<{
+        path: string;
+    }>;
+    ProviderValue: {
+        path: string | (string & string[]);
+    };
+    error: Error | undefined;
+    value: T | undefined;
+    onChange: (v: T, ...other: any[]) => void;
+};
+export default useFormFieldSet;
+//# sourceMappingURL=use-form-fieldset.d.ts.map