@carefrees/form-utils-react-taro 0.0.4 → 0.0.5

package/lib/index.js

@@ -9,42 +9,6 @@ var __webpack_modules__ = {
     "./hooks/attr/attr.FormItem": function(module) {
         module.exports = require("./hooks/attr/attr.FormItem.js");
     },
-    "./hooks/register/register.FormHideItem": function(module) {
-        module.exports = require("./hooks/register/register.FormHideItem.js");
-    },
-    "./hooks/register/register.FormItem": function(module) {
-        module.exports = require("./hooks/register/register.FormItem.js");
-    },
-    "./hooks/register/register.FormList": function(module) {
-        module.exports = require("./hooks/register/register.FormList.js");
-    },
-    "./hooks/register/register.form": function(module) {
-        module.exports = require("./hooks/register/register.form.js");
-    },
-    "./hooks/useAttrs": function(module) {
-        module.exports = require("./hooks/useAttrs.js");
-    },
-    "./hooks/useForm": function(module) {
-        module.exports = require("./hooks/useForm.js");
-    },
-    "./hooks/useFormItem": function(module) {
-        module.exports = require("./hooks/useFormItem.js");
-    },
-    "./hooks/useFormItemParentName": function(module) {
-        module.exports = require("./hooks/useFormItemParentName.js");
-    },
-    "./hooks/useFormList": function(module) {
-        module.exports = require("./hooks/useFormList.js");
-    },
-    "./hooks/useHtmlFor": function(module) {
-        module.exports = require("./hooks/useHtmlFor.js");
-    },
-    "./hooks/useMultipleForm": function(module) {
-        module.exports = require("./hooks/useMultipleForm.js");
-    },
-    "./hooks/useWatch": function(module) {
-        module.exports = require("./hooks/useWatch.js");
-    },
     "./layout": function(module) {
         module.exports = require("./layout/index.js");
     },
@@ -54,6 +18,9 @@ var __webpack_modules__ = {
     "./styles/index.css": function(module) {
         module.exports = require("./styles/index.css");
     },
+    "@carefrees/form-utils-react-hooks": function(module) {
+        module.exports = require("@carefrees/form-utils-react-hooks");
+    },
     "@tarojs/components": function(module) {
         module.exports = require("@tarojs/components");
     },
@@ -118,26 +85,25 @@ var __webpack_exports__ = {};
     var classnames__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__("classnames");
     var classnames__WEBPACK_IMPORTED_MODULE_2___default = /*#__PURE__*/ __webpack_require__.n(classnames__WEBPACK_IMPORTED_MODULE_2__);
     var _layout__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__("./layout");
-    var _hooks_useForm__WEBPACK_IMPORTED_MODULE_4__ = __webpack_require__("./hooks/useForm");
-    var _hooks_register_register_form__WEBPACK_IMPORTED_MODULE_5__ = __webpack_require__("./hooks/register/register.form");
-    var _tarojs_components__WEBPACK_IMPORTED_MODULE_6__ = __webpack_require__("@tarojs/components");
+    var _carefrees_form_utils_react_hooks__WEBPACK_IMPORTED_MODULE_4__ = __webpack_require__("@carefrees/form-utils-react-hooks");
+    var _tarojs_components__WEBPACK_IMPORTED_MODULE_5__ = __webpack_require__("@tarojs/components");
     __webpack_require__("./styles/index.css");
-    var _formItem__WEBPACK_IMPORTED_MODULE_8__ = __webpack_require__("./formItem");
+    var _formItem__WEBPACK_IMPORTED_MODULE_7__ = __webpack_require__("./formItem");
     var __WEBPACK_REEXPORT_OBJECT__ = {};
-    for(var __WEBPACK_IMPORT_KEY__ in _formItem__WEBPACK_IMPORTED_MODULE_8__)if ([
+    for(var __WEBPACK_IMPORT_KEY__ in _formItem__WEBPACK_IMPORTED_MODULE_7__)if ([
         "Form",
         "default"
     ].indexOf(__WEBPACK_IMPORT_KEY__) < 0) __WEBPACK_REEXPORT_OBJECT__[__WEBPACK_IMPORT_KEY__] = (function(key) {
-        return _formItem__WEBPACK_IMPORTED_MODULE_8__[key];
+        return _formItem__WEBPACK_IMPORTED_MODULE_7__[key];
     }).bind(0, __WEBPACK_IMPORT_KEY__);
     __webpack_require__.d(__webpack_exports__, __WEBPACK_REEXPORT_OBJECT__);
-    var _formList__WEBPACK_IMPORTED_MODULE_9__ = __webpack_require__("./formList");
+    var _formList__WEBPACK_IMPORTED_MODULE_8__ = __webpack_require__("./formList");
     var __WEBPACK_REEXPORT_OBJECT__ = {};
-    for(var __WEBPACK_IMPORT_KEY__ in _formList__WEBPACK_IMPORTED_MODULE_9__)if ([
+    for(var __WEBPACK_IMPORT_KEY__ in _formList__WEBPACK_IMPORTED_MODULE_8__)if ([
         "Form",
         "default"
     ].indexOf(__WEBPACK_IMPORT_KEY__) < 0) __WEBPACK_REEXPORT_OBJECT__[__WEBPACK_IMPORT_KEY__] = (function(key) {
-        return _formList__WEBPACK_IMPORTED_MODULE_9__[key];
+        return _formList__WEBPACK_IMPORTED_MODULE_8__[key];
     }).bind(0, __WEBPACK_IMPORT_KEY__);
     __webpack_require__.d(__webpack_exports__, __WEBPACK_REEXPORT_OBJECT__);
     var __WEBPACK_REEXPORT_OBJECT__ = {};
@@ -148,134 +114,36 @@ var __webpack_exports__ = {};
         return _layout__WEBPACK_IMPORTED_MODULE_3__[key];
     }).bind(0, __WEBPACK_IMPORT_KEY__);
     __webpack_require__.d(__webpack_exports__, __WEBPACK_REEXPORT_OBJECT__);
-    var _layout_layout_formItem__WEBPACK_IMPORTED_MODULE_10__ = __webpack_require__("./layout/layout.formItem");
-    var __WEBPACK_REEXPORT_OBJECT__ = {};
-    for(var __WEBPACK_IMPORT_KEY__ in _layout_layout_formItem__WEBPACK_IMPORTED_MODULE_10__)if ([
-        "Form",
-        "default"
-    ].indexOf(__WEBPACK_IMPORT_KEY__) < 0) __WEBPACK_REEXPORT_OBJECT__[__WEBPACK_IMPORT_KEY__] = (function(key) {
-        return _layout_layout_formItem__WEBPACK_IMPORTED_MODULE_10__[key];
-    }).bind(0, __WEBPACK_IMPORT_KEY__);
-    __webpack_require__.d(__webpack_exports__, __WEBPACK_REEXPORT_OBJECT__);
-    var _hooks_useAttrs__WEBPACK_IMPORTED_MODULE_11__ = __webpack_require__("./hooks/useAttrs");
-    var __WEBPACK_REEXPORT_OBJECT__ = {};
-    for(var __WEBPACK_IMPORT_KEY__ in _hooks_useAttrs__WEBPACK_IMPORTED_MODULE_11__)if ([
-        "Form",
-        "default"
-    ].indexOf(__WEBPACK_IMPORT_KEY__) < 0) __WEBPACK_REEXPORT_OBJECT__[__WEBPACK_IMPORT_KEY__] = (function(key) {
-        return _hooks_useAttrs__WEBPACK_IMPORTED_MODULE_11__[key];
-    }).bind(0, __WEBPACK_IMPORT_KEY__);
-    __webpack_require__.d(__webpack_exports__, __WEBPACK_REEXPORT_OBJECT__);
-    var __WEBPACK_REEXPORT_OBJECT__ = {};
-    for(var __WEBPACK_IMPORT_KEY__ in _hooks_useForm__WEBPACK_IMPORTED_MODULE_4__)if ([
-        "Form",
-        "default"
-    ].indexOf(__WEBPACK_IMPORT_KEY__) < 0) __WEBPACK_REEXPORT_OBJECT__[__WEBPACK_IMPORT_KEY__] = (function(key) {
-        return _hooks_useForm__WEBPACK_IMPORTED_MODULE_4__[key];
-    }).bind(0, __WEBPACK_IMPORT_KEY__);
-    __webpack_require__.d(__webpack_exports__, __WEBPACK_REEXPORT_OBJECT__);
-    var _hooks_useFormItem__WEBPACK_IMPORTED_MODULE_12__ = __webpack_require__("./hooks/useFormItem");
-    var __WEBPACK_REEXPORT_OBJECT__ = {};
-    for(var __WEBPACK_IMPORT_KEY__ in _hooks_useFormItem__WEBPACK_IMPORTED_MODULE_12__)if ([
-        "Form",
-        "default"
-    ].indexOf(__WEBPACK_IMPORT_KEY__) < 0) __WEBPACK_REEXPORT_OBJECT__[__WEBPACK_IMPORT_KEY__] = (function(key) {
-        return _hooks_useFormItem__WEBPACK_IMPORTED_MODULE_12__[key];
-    }).bind(0, __WEBPACK_IMPORT_KEY__);
-    __webpack_require__.d(__webpack_exports__, __WEBPACK_REEXPORT_OBJECT__);
-    var _hooks_useFormItemParentName__WEBPACK_IMPORTED_MODULE_13__ = __webpack_require__("./hooks/useFormItemParentName");
-    var __WEBPACK_REEXPORT_OBJECT__ = {};
-    for(var __WEBPACK_IMPORT_KEY__ in _hooks_useFormItemParentName__WEBPACK_IMPORTED_MODULE_13__)if ([
-        "Form",
-        "default"
-    ].indexOf(__WEBPACK_IMPORT_KEY__) < 0) __WEBPACK_REEXPORT_OBJECT__[__WEBPACK_IMPORT_KEY__] = (function(key) {
-        return _hooks_useFormItemParentName__WEBPACK_IMPORTED_MODULE_13__[key];
-    }).bind(0, __WEBPACK_IMPORT_KEY__);
-    __webpack_require__.d(__webpack_exports__, __WEBPACK_REEXPORT_OBJECT__);
-    var _hooks_useFormList__WEBPACK_IMPORTED_MODULE_14__ = __webpack_require__("./hooks/useFormList");
-    var __WEBPACK_REEXPORT_OBJECT__ = {};
-    for(var __WEBPACK_IMPORT_KEY__ in _hooks_useFormList__WEBPACK_IMPORTED_MODULE_14__)if ([
-        "Form",
-        "default"
-    ].indexOf(__WEBPACK_IMPORT_KEY__) < 0) __WEBPACK_REEXPORT_OBJECT__[__WEBPACK_IMPORT_KEY__] = (function(key) {
-        return _hooks_useFormList__WEBPACK_IMPORTED_MODULE_14__[key];
-    }).bind(0, __WEBPACK_IMPORT_KEY__);
-    __webpack_require__.d(__webpack_exports__, __WEBPACK_REEXPORT_OBJECT__);
-    var _hooks_useHtmlFor__WEBPACK_IMPORTED_MODULE_15__ = __webpack_require__("./hooks/useHtmlFor");
-    var __WEBPACK_REEXPORT_OBJECT__ = {};
-    for(var __WEBPACK_IMPORT_KEY__ in _hooks_useHtmlFor__WEBPACK_IMPORTED_MODULE_15__)if ([
-        "Form",
-        "default"
-    ].indexOf(__WEBPACK_IMPORT_KEY__) < 0) __WEBPACK_REEXPORT_OBJECT__[__WEBPACK_IMPORT_KEY__] = (function(key) {
-        return _hooks_useHtmlFor__WEBPACK_IMPORTED_MODULE_15__[key];
-    }).bind(0, __WEBPACK_IMPORT_KEY__);
-    __webpack_require__.d(__webpack_exports__, __WEBPACK_REEXPORT_OBJECT__);
-    var _hooks_useMultipleForm__WEBPACK_IMPORTED_MODULE_16__ = __webpack_require__("./hooks/useMultipleForm");
-    var __WEBPACK_REEXPORT_OBJECT__ = {};
-    for(var __WEBPACK_IMPORT_KEY__ in _hooks_useMultipleForm__WEBPACK_IMPORTED_MODULE_16__)if ([
-        "Form",
-        "default"
-    ].indexOf(__WEBPACK_IMPORT_KEY__) < 0) __WEBPACK_REEXPORT_OBJECT__[__WEBPACK_IMPORT_KEY__] = (function(key) {
-        return _hooks_useMultipleForm__WEBPACK_IMPORTED_MODULE_16__[key];
-    }).bind(0, __WEBPACK_IMPORT_KEY__);
-    __webpack_require__.d(__webpack_exports__, __WEBPACK_REEXPORT_OBJECT__);
-    var _hooks_useWatch__WEBPACK_IMPORTED_MODULE_17__ = __webpack_require__("./hooks/useWatch");
-    var __WEBPACK_REEXPORT_OBJECT__ = {};
-    for(var __WEBPACK_IMPORT_KEY__ in _hooks_useWatch__WEBPACK_IMPORTED_MODULE_17__)if ([
-        "Form",
-        "default"
-    ].indexOf(__WEBPACK_IMPORT_KEY__) < 0) __WEBPACK_REEXPORT_OBJECT__[__WEBPACK_IMPORT_KEY__] = (function(key) {
-        return _hooks_useWatch__WEBPACK_IMPORTED_MODULE_17__[key];
-    }).bind(0, __WEBPACK_IMPORT_KEY__);
-    __webpack_require__.d(__webpack_exports__, __WEBPACK_REEXPORT_OBJECT__);
-    var _hooks_attr_attr_FormItem__WEBPACK_IMPORTED_MODULE_18__ = __webpack_require__("./hooks/attr/attr.FormItem");
-    var __WEBPACK_REEXPORT_OBJECT__ = {};
-    for(var __WEBPACK_IMPORT_KEY__ in _hooks_attr_attr_FormItem__WEBPACK_IMPORTED_MODULE_18__)if ([
-        "Form",
-        "default"
-    ].indexOf(__WEBPACK_IMPORT_KEY__) < 0) __WEBPACK_REEXPORT_OBJECT__[__WEBPACK_IMPORT_KEY__] = (function(key) {
-        return _hooks_attr_attr_FormItem__WEBPACK_IMPORTED_MODULE_18__[key];
-    }).bind(0, __WEBPACK_IMPORT_KEY__);
-    __webpack_require__.d(__webpack_exports__, __WEBPACK_REEXPORT_OBJECT__);
-    var _hooks_register_register_FormHideItem__WEBPACK_IMPORTED_MODULE_19__ = __webpack_require__("./hooks/register/register.FormHideItem");
-    var __WEBPACK_REEXPORT_OBJECT__ = {};
-    for(var __WEBPACK_IMPORT_KEY__ in _hooks_register_register_FormHideItem__WEBPACK_IMPORTED_MODULE_19__)if ([
-        "Form",
-        "default"
-    ].indexOf(__WEBPACK_IMPORT_KEY__) < 0) __WEBPACK_REEXPORT_OBJECT__[__WEBPACK_IMPORT_KEY__] = (function(key) {
-        return _hooks_register_register_FormHideItem__WEBPACK_IMPORTED_MODULE_19__[key];
-    }).bind(0, __WEBPACK_IMPORT_KEY__);
-    __webpack_require__.d(__webpack_exports__, __WEBPACK_REEXPORT_OBJECT__);
-    var _hooks_register_register_FormItem__WEBPACK_IMPORTED_MODULE_20__ = __webpack_require__("./hooks/register/register.FormItem");
+    var _layout_layout_formItem__WEBPACK_IMPORTED_MODULE_9__ = __webpack_require__("./layout/layout.formItem");
     var __WEBPACK_REEXPORT_OBJECT__ = {};
-    for(var __WEBPACK_IMPORT_KEY__ in _hooks_register_register_FormItem__WEBPACK_IMPORTED_MODULE_20__)if ([
+    for(var __WEBPACK_IMPORT_KEY__ in _layout_layout_formItem__WEBPACK_IMPORTED_MODULE_9__)if ([
         "Form",
         "default"
     ].indexOf(__WEBPACK_IMPORT_KEY__) < 0) __WEBPACK_REEXPORT_OBJECT__[__WEBPACK_IMPORT_KEY__] = (function(key) {
-        return _hooks_register_register_FormItem__WEBPACK_IMPORTED_MODULE_20__[key];
+        return _layout_layout_formItem__WEBPACK_IMPORTED_MODULE_9__[key];
     }).bind(0, __WEBPACK_IMPORT_KEY__);
     __webpack_require__.d(__webpack_exports__, __WEBPACK_REEXPORT_OBJECT__);
-    var _hooks_register_register_FormList__WEBPACK_IMPORTED_MODULE_21__ = __webpack_require__("./hooks/register/register.FormList");
+    var _hooks_attr_attr_FormItem__WEBPACK_IMPORTED_MODULE_10__ = __webpack_require__("./hooks/attr/attr.FormItem");
     var __WEBPACK_REEXPORT_OBJECT__ = {};
-    for(var __WEBPACK_IMPORT_KEY__ in _hooks_register_register_FormList__WEBPACK_IMPORTED_MODULE_21__)if ([
+    for(var __WEBPACK_IMPORT_KEY__ in _hooks_attr_attr_FormItem__WEBPACK_IMPORTED_MODULE_10__)if ([
         "Form",
         "default"
     ].indexOf(__WEBPACK_IMPORT_KEY__) < 0) __WEBPACK_REEXPORT_OBJECT__[__WEBPACK_IMPORT_KEY__] = (function(key) {
-        return _hooks_register_register_FormList__WEBPACK_IMPORTED_MODULE_21__[key];
+        return _hooks_attr_attr_FormItem__WEBPACK_IMPORTED_MODULE_10__[key];
     }).bind(0, __WEBPACK_IMPORT_KEY__);
     __webpack_require__.d(__webpack_exports__, __WEBPACK_REEXPORT_OBJECT__);
     var __WEBPACK_REEXPORT_OBJECT__ = {};
-    for(var __WEBPACK_IMPORT_KEY__ in _hooks_register_register_form__WEBPACK_IMPORTED_MODULE_5__)if ([
+    for(var __WEBPACK_IMPORT_KEY__ in _carefrees_form_utils_react_hooks__WEBPACK_IMPORTED_MODULE_4__)if ([
         "Form",
         "default"
     ].indexOf(__WEBPACK_IMPORT_KEY__) < 0) __WEBPACK_REEXPORT_OBJECT__[__WEBPACK_IMPORT_KEY__] = (function(key) {
-        return _hooks_register_register_form__WEBPACK_IMPORTED_MODULE_5__[key];
+        return _carefrees_form_utils_react_hooks__WEBPACK_IMPORTED_MODULE_4__[key];
     }).bind(0, __WEBPACK_IMPORT_KEY__);
     __webpack_require__.d(__webpack_exports__, __WEBPACK_REEXPORT_OBJECT__);
     function Form(props) {
         const { children, form, style, className, formData, hideData, hideRuleData, isAutoUpdatedFormData = false, name, onFinish, onFinishFailed, onValuesChange, layoutStyle, layoutClassName, ...rest } = props;
-        const formInstance = (0, _hooks_useForm__WEBPACK_IMPORTED_MODULE_4__.useForm)(form);
-        (0, _hooks_register_register_form__WEBPACK_IMPORTED_MODULE_5__.useRegisterForm)(formInstance, name);
+        const formInstance = (0, _carefrees_form_utils_react_hooks__WEBPACK_IMPORTED_MODULE_4__.useForm)(form);
+        (0, _carefrees_form_utils_react_hooks__WEBPACK_IMPORTED_MODULE_4__.useRegisterForm)(formInstance, name);
         const cls = (0, react__WEBPACK_IMPORTED_MODULE_1__.useMemo)(()=>classnames__WEBPACK_IMPORTED_MODULE_2___default()('carefrees-form', className), []);
         (0, react__WEBPACK_IMPORTED_MODULE_1__.useMemo)(()=>formInstance.ctor(formData, hideData, hideRuleData), []);
         formInstance.onFinish = onFinish;
@@ -292,9 +160,9 @@ var __webpack_exports__ = {};
             event?.stopPropagation?.();
             formInstance.submit();
         };
-        return /*#__PURE__*/ (0, react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsx)(_hooks_useForm__WEBPACK_IMPORTED_MODULE_4__.FormInstanceContext.Provider, {
+        return /*#__PURE__*/ (0, react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsx)(_carefrees_form_utils_react_hooks__WEBPACK_IMPORTED_MODULE_4__.FormInstanceContext.Provider, {
             value: formInstance,
-            children: /*#__PURE__*/ (0, react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsx)(_tarojs_components__WEBPACK_IMPORTED_MODULE_6__.Form, {
+            children: /*#__PURE__*/ (0, react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsx)(_tarojs_components__WEBPACK_IMPORTED_MODULE_5__.Form, {
                 className: cls,
                 style: style,
                 onSubmit: onSubmit,

package/lib/layout/index.d.ts

@@ -1,6 +1,6 @@
 import React from 'react';
 import { ViewProps } from '@tarojs/components';
-import { AttrsOptions } from '../hooks/useAttrs';
+import { AttrsOptions } from '@carefrees/form-utils-react-hooks';
 export interface FormLayoutProps extends AttrsOptions {
     /**标题*/
     title?: React.ReactNode;

package/lib/layout/index.js

@@ -41,10 +41,10 @@ const external_react_namespaceObject = require("react");
 const components_namespaceObject = require("@tarojs/components");
 const external_classnames_namespaceObject = require("classnames");
 var external_classnames_default = /*#__PURE__*/ __webpack_require__.n(external_classnames_namespaceObject);
-const useAttrs_js_namespaceObject = require("../hooks/useAttrs.js");
+const form_utils_react_hooks_namespaceObject = require("@carefrees/form-utils-react-hooks");
 const preCls = 'carefrees-form-layout';
 const FormLayout = /*#__PURE__*/ (0, external_react_namespaceObject.memo)((props)=>{
-    const { colCount: p_colCount = 4, errorLayout: p_errorLayout = 'left-bottom', labelMode: p_labelMode = 'left', showColon: p_showColon = true, formItemClassName: p_formItemClassName, formItemStyle: p_formItemStyle, formItemLabelClassName: p_formItemLabelClassName, formItemLabelStyle: p_formItemLabelStyle } = (0, useAttrs_js_namespaceObject.useAttrs)();
+    const { colCount: p_colCount = 4, errorLayout: p_errorLayout = 'left-bottom', labelMode: p_labelMode = 'left', showColon: p_showColon = true, formItemClassName: p_formItemClassName, formItemStyle: p_formItemStyle, formItemLabelClassName: p_formItemLabelClassName, formItemLabelStyle: p_formItemLabelStyle } = (0, form_utils_react_hooks_namespaceObject.useAttrs)();
     const { colCount = p_colCount, title, extra, children, isAllColSpan, className, headerClassName, bodyClassName, style, headerStyle, bodyStyle, errorLayout = p_errorLayout, labelMode = p_labelMode, showColon = p_showColon, formItemClassName = p_formItemClassName, formItemStyle = p_formItemStyle, formItemLabelClassName = p_formItemLabelClassName, formItemLabelStyle = p_formItemLabelStyle, bordered = false, gap } = props;
     const propsRef = (0, external_react_namespaceObject.useRef)(props);
     propsRef.current = props;
@@ -91,7 +91,7 @@ const FormLayout = /*#__PURE__*/ (0, external_react_namespaceObject.memo)((props
         colCount,
         gap
     ]);
-    return /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsx)(useAttrs_js_namespaceObject.AttrsContext.Provider, {
+    return /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsx)(form_utils_react_hooks_namespaceObject.AttrsContext.Provider, {
         value: value,
         children: /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsxs)(components_namespaceObject.View, {
             style: style,

package/lib/layout/layout.formItem.js

@@ -40,10 +40,10 @@ const components_namespaceObject = require("@tarojs/components");
 const external_react_namespaceObject = require("react");
 const external_classnames_namespaceObject = require("classnames");
 var external_classnames_default = /*#__PURE__*/ __webpack_require__.n(external_classnames_namespaceObject);
-const useAttrs_js_namespaceObject = require("../hooks/useAttrs.js");
+const form_utils_react_hooks_namespaceObject = require("@carefrees/form-utils-react-hooks");
 const preCls = 'carefrees-form-item';
 const LayoutFormItem = /*#__PURE__*/ (0, external_react_namespaceObject.memo)((props)=>{
-    const { formItemClassName, formItemLabelClassName, formItemLabelStyle, formItemStyle, labelMode: p_labelMode = 'top', errorLayout: p_errorLayout = 'left-bottom', showColon: p_showColon = true, colCount = 1, inputBordered: p_inputBordered = true } = (0, useAttrs_js_namespaceObject.useAttrs)();
+    const { formItemClassName, formItemLabelClassName, formItemLabelStyle, formItemStyle, labelMode: p_labelMode = 'top', errorLayout: p_errorLayout = 'left-bottom', showColon: p_showColon = true, colCount = 1, inputBordered: p_inputBordered = true } = (0, form_utils_react_hooks_namespaceObject.useAttrs)();
     const { children, labelMode = p_labelMode, onlyRuleStyle, label, helpText, extra, showColon = p_showColon, colSpan = 1, rowSpan = 1, validateResult, htmlFor, required, errorLayout = p_errorLayout, style, className, labelClassName, labelStyle, inputBordered = p_inputBordered } = props;
     const tip = validateResult?.tip;
     const isInvalid = !!validateResult?.isInvalid;

package/package.json

@@ -3,7 +3,7 @@
   "author": "SunLxy <1011771396@qq.com>",
   "description": "taro react 表单组件",
   "homepage": "https://github.com/SunLxy/carefrees-form-utils",
-  "version": "0.0.4",
+  "version": "0.0.5",
   "main": "lib/index.js",
   "types": "lib/index.d.ts",
   "module": "esm/index.js",
@@ -21,7 +21,8 @@
     "esm"
   ],
   "dependencies": {
-    "@carefrees/form-utils": "^0.0.4",
+    "@carefrees/form-utils": "^0.0.5",
+    "@carefrees/form-utils-react-hooks": "^0.0.5",
     "classnames": "2.5.1"
   },
   "devDependencies": {
@@ -29,4 +30,4 @@
     "@types/react": "18.2.21",
     "react": "^18.2.0"
   }
-}
+}

package/src/formItem/index.tsx

@@ -1,8 +1,7 @@
-import { LayoutFormItem, LayoutFormItemProps } from './../layout/layout.formItem';
+import { LayoutFormItem, LayoutFormItemProps } from '../layout/layout.formItem';
 import { useFormItemAttr, FormItemAttrOptions } from '../hooks/attr/attr.FormItem';
-import { FormItemParentNameProvider } from '../hooks/useFormItemParentName';
-import { useRegisterFormHideItem } from '../hooks/register/register.FormHideItem';
-import React, { Fragment, memo } from 'react';
+import { Fragment, memo } from 'react';
+import { useRegisterFormHideItem, FormItemParentNameProvider } from '@carefrees/form-utils-react-hooks';
 
 export interface FormItemProps extends FormItemAttrOptions, LayoutFormItemProps {
   /**不进行样式渲染*/

package/src/formList/index.tsx

@@ -1,9 +1,12 @@
-import { useRegisterFormList, RegisterFormListOptions } from './../hooks/register/register.FormList';
-import { FormListInstanceContext } from '../hooks/useFormList';
-import { FormItemParentNameProvider } from './../hooks/useFormItemParentName';
 import { RuleInstanceBase, FormItemInstanceBase, FormListInstanceBase } from '@carefrees/form-utils';
-import { useRegisterFormHideItem } from './../hooks/register/register.FormHideItem';
 import React, { Fragment, memo } from 'react';
+import {
+  useRegisterFormHideItem,
+  FormItemParentNameProvider,
+  FormListInstanceContext,
+  useRegisterFormList,
+  RegisterFormListOptions,
+} from '@carefrees/form-utils-react-hooks';
 
 export interface FormListChildrenProps {
   /**数据集合*/

package/src/hooks/attr/attr.FormItem.tsx

@@ -1,6 +1,5 @@
 import { RuleInstanceBase, FormInstanceBase, FormItemInstanceBase, get } from '@carefrees/form-utils';
-import { useRegisterFormItem, RegisterFormItemOptions } from '../register/register.FormItem';
-import { useHtmlFor } from '../useHtmlFor';
+import { useRegisterFormItem, RegisterFormItemOptions, useHtmlFor } from '@carefrees/form-utils-react-hooks';
 import React, { cloneElement, isValidElement, useMemo } from 'react';
 
 export interface FormItemAttrOptions extends RegisterFormItemOptions {

package/src/index.tsx

@@ -2,8 +2,7 @@ import React, { useMemo, useEffect } from 'react';
 import { FormInstanceBase, ValidateErrorEntity } from '@carefrees/form-utils';
 import clx from 'classnames';
 import { FormLayout, FormLayoutProps } from './layout';
-import { useForm, FormInstanceContext } from './hooks/useForm';
-import { useRegisterForm } from './hooks/register/register.form';
+import { useRegisterForm, useForm, FormInstanceContext } from '@carefrees/form-utils-react-hooks';
 import { Form as TaroForm } from '@tarojs/components';
 import type { CommonEventFunction, FormProps as TaroFormProps } from '@tarojs/components';
 import './styles/index.css';
@@ -11,19 +10,8 @@ export * from './formItem';
 export * from './formList';
 export * from './layout';
 export * from './layout/layout.formItem';
-export * from './hooks/useAttrs';
-export * from './hooks/useForm';
-export * from './hooks/useFormItem';
-export * from './hooks/useFormItemParentName';
-export * from './hooks/useFormList';
-export * from './hooks/useHtmlFor';
-export * from './hooks/useMultipleForm';
-export * from './hooks/useWatch';
 export * from './hooks/attr/attr.FormItem';
-export * from './hooks/register/register.FormHideItem';
-export * from './hooks/register/register.FormItem';
-export * from './hooks/register/register.FormList';
-export * from './hooks/register/register.form';
+export * from '@carefrees/form-utils-react-hooks';
 
 export interface FormProps<T = any> extends FormLayoutProps {
   children?: React.ReactNode;

package/src/layout/index.tsx

@@ -1,7 +1,8 @@
 import React, { Fragment, useMemo, useRef, memo } from 'react';
 import { View, ViewProps } from '@tarojs/components';
 import clx from 'classnames';
-import { AttrsOptions, AttrsContext, useAttrs } from '../hooks/useAttrs';
+import { AttrsOptions, AttrsContext, useAttrs } from '@carefrees/form-utils-react-hooks';
+
 export interface FormLayoutProps extends AttrsOptions {
   /**标题*/
   title?: React.ReactNode;

package/src/layout/layout.formItem.tsx

@@ -1,7 +1,7 @@
 import { View, Label } from '@tarojs/components';
 import React, { Fragment, useMemo, memo } from 'react';
 import clx from 'classnames';
-import { useAttrs } from '../hooks/useAttrs';
+import { useAttrs } from '@carefrees/form-utils-react-hooks';
 
 export interface LayoutFormItemProps {
   /**规则校验失败错误提示位置*/

package/esm/hooks/register/register.FormHideItem.d.ts

@@ -1,9 +0,0 @@
-import { RegisterFormItemOptions } from './register.FormItem';
-interface RegisterFormHideItemOptions extends Omit<RegisterFormItemOptions, 'rules'> {
-}
-/**注册表单隐藏表单项到表单实例中*/
-export declare const useRegisterFormHideItem: (options: RegisterFormHideItemOptions) => {
-    form: import("@carefrees/form-utils").FormInstanceBase<any>;
-    isHide: any;
-};
-export {};

package/esm/hooks/register/register.FormHideItem.js

@@ -1,31 +0,0 @@
-import * as __WEBPACK_EXTERNAL_MODULE_react__ from "react";
-import * as __WEBPACK_EXTERNAL_MODULE__carefrees_form_utils_f42d2666__ from "@carefrees/form-utils";
-import * as __WEBPACK_EXTERNAL_MODULE__useFormItemParentName_js_a729dfb1__ from "../useFormItemParentName.js";
-import * as __WEBPACK_EXTERNAL_MODULE__useForm_js_2c14e707__ from "../useForm.js";
-import * as __WEBPACK_EXTERNAL_MODULE__useUpdate_js_b5f1687a__ from "../useUpdate.js";
-const useRegisterFormHideItem = (options)=>{
-    const { name, sort, isJoinParentField = true } = options;
-    const form = (0, __WEBPACK_EXTERNAL_MODULE__useForm_js_2c14e707__.useFormInstance)();
-    const _update = (0, __WEBPACK_EXTERNAL_MODULE__useUpdate_js_b5f1687a__.useUpdate)();
-    const { newName, newSort } = (0, __WEBPACK_EXTERNAL_MODULE__useFormItemParentName_js_a729dfb1__.useFormItemParentName)({
-        name,
-        sort,
-        isJoinParentField
-    });
-    const hideItemInstance = (0, __WEBPACK_EXTERNAL_MODULE_react__.useRef)(new __WEBPACK_EXTERNAL_MODULE__carefrees_form_utils_f42d2666__.FormHideItemInstanceBase().ctor(newName)).current;
-    const isHide = form.getFieldHideValue(newName);
-    hideItemInstance.instance = form;
-    hideItemInstance.updated = _update.current;
-    hideItemInstance.sort = newSort;
-    (0, __WEBPACK_EXTERNAL_MODULE_react__.useEffect)(()=>{
-        const unMount = form.registerFormHideItem(hideItemInstance);
-        return ()=>unMount();
-    }, [
-        newName
-    ]);
-    return {
-        form,
-        isHide
-    };
-};
-export { useRegisterFormHideItem };

package/esm/hooks/register/register.FormItem.d.ts

@@ -1,23 +0,0 @@
-/**
- * @description 注册组件
- */
-import { RuleInstanceBase } from '@carefrees/form-utils';
-import type { RuleItem } from 'async-validator';
-export interface RegisterFormItemOptions {
-    /**字段*/
-    name: string;
-    /**规则*/
-    rules?: RuleItem[];
-    /**排序值*/
-    sort?: string;
-    /**是否拼接父级字段*/
-    isJoinParentField?: boolean;
-}
-/**注册表单项到表单实例中*/
-export declare const useRegisterFormItem: (options: RegisterFormItemOptions) => {
-    ruleInstance: RuleInstanceBase;
-    formItemInstance: import("@carefrees/form-utils").FormItemInstanceBase;
-    form: import("@carefrees/form-utils").FormInstanceBase<any>;
-    parentName: string;
-    newName: string;
-};

package/esm/hooks/register/register.FormItem.js

@@ -1,42 +0,0 @@
-import * as __WEBPACK_EXTERNAL_MODULE_react__ from "react";
-import * as __WEBPACK_EXTERNAL_MODULE__carefrees_form_utils_f42d2666__ from "@carefrees/form-utils";
-import * as __WEBPACK_EXTERNAL_MODULE__useUpdate_js_b5f1687a__ from "../useUpdate.js";
-import * as __WEBPACK_EXTERNAL_MODULE__useForm_js_2c14e707__ from "../useForm.js";
-import * as __WEBPACK_EXTERNAL_MODULE__useFormItem_js_cd5761e5__ from "../useFormItem.js";
-import * as __WEBPACK_EXTERNAL_MODULE__useFormItemParentName_js_a729dfb1__ from "../useFormItemParentName.js";
-const useRegisterFormItem = (options)=>{
-    const { name, rules, sort, isJoinParentField = true } = options;
-    const form = (0, __WEBPACK_EXTERNAL_MODULE__useForm_js_2c14e707__.useFormInstance)();
-    const { newName, newSort, parentName } = (0, __WEBPACK_EXTERNAL_MODULE__useFormItemParentName_js_a729dfb1__.useFormItemParentName)({
-        name,
-        sort,
-        isJoinParentField
-    });
-    const ruleInstance = (0, __WEBPACK_EXTERNAL_MODULE_react__.useRef)(new __WEBPACK_EXTERNAL_MODULE__carefrees_form_utils_f42d2666__.RuleInstanceBase()).current;
-    (0, __WEBPACK_EXTERNAL_MODULE_react__.useMemo)(()=>ruleInstance.ctor(newName, rules), [
-        rules,
-        newName
-    ]);
-    ruleInstance.instance = form;
-    ruleInstance.sort = newSort;
-    const formItemInstance = (0, __WEBPACK_EXTERNAL_MODULE__useFormItem_js_cd5761e5__.useFormItem)();
-    (0, __WEBPACK_EXTERNAL_MODULE_react__.useMemo)(()=>formItemInstance.ctor(newName, ruleInstance), []);
-    formItemInstance.instance = form;
-    formItemInstance.sort = newSort;
-    formItemInstance.parentDataField = parentName;
-    const _updated = (0, __WEBPACK_EXTERNAL_MODULE__useUpdate_js_b5f1687a__.useUpdate)();
-    formItemInstance.updated = _updated.current;
-    ruleInstance.updated = _updated.current;
-    (0, __WEBPACK_EXTERNAL_MODULE_react__.useEffect)(()=>{
-        const unMount = form.registerFormItem(formItemInstance);
-        return ()=>unMount();
-    }, []);
-    return {
-        ruleInstance,
-        formItemInstance,
-        form,
-        parentName,
-        newName
-    };
-};
-export { useRegisterFormItem };

package/esm/hooks/register/register.FormList.d.ts

@@ -1,9 +0,0 @@
-import { RegisterFormItemOptions } from './register.FormItem';
-export interface RegisterFormListOptions extends RegisterFormItemOptions {
-}
-/**注册表单List到表单实例中*/
-export declare const useRegisterFormList: (options: RegisterFormListOptions) => {
-    ruleInstance: import("@carefrees/form-utils").RuleInstanceBase;
-    formItemInstance: import("@carefrees/form-utils").FormItemInstanceBase;
-    formListInstance: import("@carefrees/form-utils").FormListInstanceBase;
-};

package/esm/hooks/register/register.FormList.js

@@ -1,31 +0,0 @@
-import * as __WEBPACK_EXTERNAL_MODULE_react__ from "react";
-import * as __WEBPACK_EXTERNAL_MODULE__register_FormItem_js_53f62622__ from "./register.FormItem.js";
-import * as __WEBPACK_EXTERNAL_MODULE__useFormList_js_fe5717d9__ from "../useFormList.js";
-const useRegisterFormList = (options)=>{
-    const { ...rest } = options;
-    const { ruleInstance, formItemInstance, form, newName, parentName } = (0, __WEBPACK_EXTERNAL_MODULE__register_FormItem_js_53f62622__.useRegisterFormItem)({
-        ...rest
-    });
-    const formListInstance = (0, __WEBPACK_EXTERNAL_MODULE__useFormList_js_fe5717d9__.useFormList)();
-    (0, __WEBPACK_EXTERNAL_MODULE_react__.useMemo)(()=>formListInstance.ctor(newName), [
-        newName
-    ]);
-    formListInstance.instance = form;
-    formListInstance.rule = ruleInstance;
-    formListInstance.sort = options.sort;
-    formListInstance.formItemInstance = formItemInstance;
-    formListInstance.parentDataField = parentName;
-    (0, __WEBPACK_EXTERNAL_MODULE_react__.useEffect)(()=>{
-        const unMount = form.registerFormList(options.name, formListInstance);
-        return ()=>unMount();
-    }, [
-        options.name,
-        formListInstance
-    ]);
-    return {
-        ruleInstance,
-        formItemInstance,
-        formListInstance
-    };
-};
-export { useRegisterFormList };

package/esm/hooks/register/register.form.d.ts

@@ -1,3 +0,0 @@
-import { FormInstanceBase } from '@carefrees/form-utils';
-/**注册表单实例到多表单收集实例中*/
-export declare const useRegisterForm: (form: FormInstanceBase, name?: string) => import("@carefrees/form-utils").MultipleInstanceBase;

package/esm/hooks/register/register.form.js

@@ -1,17 +0,0 @@
-import * as __WEBPACK_EXTERNAL_MODULE_react__ from "react";
-import * as __WEBPACK_EXTERNAL_MODULE__useMultipleForm_js_ddedf30e__ from "../useMultipleForm.js";
-const useRegisterForm = (form, name)=>{
-    const multipleForm = (0, __WEBPACK_EXTERNAL_MODULE__useMultipleForm_js_ddedf30e__.useMultipleFormInstance)();
-    (0, __WEBPACK_EXTERNAL_MODULE_react__.useEffect)(()=>{
-        let onMounted;
-        if (name) onMounted = multipleForm.ctor(name, form);
-        return ()=>{
-            onMounted?.();
-        };
-    }, [
-        name,
-        form
-    ]);
-    return multipleForm;
-};
-export { useRegisterForm };

package/esm/hooks/useAttrs.d.ts

@@ -1,25 +0,0 @@
-import type { LayoutFormItemProps } from '../layout/layout.formItem';
-export interface AttrsOptions {
-    /**列数据*/
-    colCount?: number;
-    /**规则校验失败错误提示位置*/
-    errorLayout?: LayoutFormItemProps['errorLayout'];
-    /**label显示模式*/
-    labelMode?: LayoutFormItemProps['labelMode'];
-    /**是否显示label后的冒号*/
-    showColon?: boolean;
-    /**表单项 className*/
-    formItemClassName?: string;
-    /**表单项 style*/
-    formItemStyle?: React.CSSProperties;
-    /**表单项 label  className*/
-    formItemLabelClassName?: string;
-    /**表单项 label  style*/
-    formItemLabelStyle?: React.CSSProperties;
-    /**输入框底部边框*/
-    inputBordered?: boolean;
-}
-/**公共属性 Context */
-export declare const AttrsContext: import("react").Context<AttrsOptions>;
-/**子项中获取公共属性*/
-export declare const useAttrs: () => AttrsOptions;

package/esm/hooks/useAttrs.js

@@ -1,10 +0,0 @@
-import * as __WEBPACK_EXTERNAL_MODULE_react__ from "react";
-const AttrsContext = (0, __WEBPACK_EXTERNAL_MODULE_react__.createContext)({
-    colCount: 4,
-    errorLayout: 'left-bottom',
-    labelMode: 'top',
-    showColon: true,
-    inputBordered: true
-});
-const useAttrs = ()=>(0, __WEBPACK_EXTERNAL_MODULE_react__.useContext)(AttrsContext);
-export { AttrsContext, useAttrs };

package/esm/hooks/useForm.d.ts

@@ -1,7 +0,0 @@
-import { FormInstanceBase } from '@carefrees/form-utils';
-/**表单实例 Context */
-export declare const FormInstanceContext: import("react").Context<FormInstanceBase<any>>;
-/**子项中获取表单实例*/
-export declare function useFormInstance<T = any>(): FormInstanceBase<T>;
-/**初始化表单实例*/
-export declare function useForm<T = any>(form?: FormInstanceBase<T>): FormInstanceBase<T>;