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

package/README.md

@@ -1,9 +1,232 @@
-# 表单工具
-
-- [ ] 表单项
-- [ ] 隐藏表单项
-- [ ] 空表单项
-- [ ] list表单项
-- [ ] layout分组标题
-- [ ] 依赖项表单项更新
-- [ ] 通知表单项更新
+# taro中使用
+
+## 安装
+
+```bash
+npm install @carefrees/form-utils-react-taro # yarn add @carefrees/form-utils-react-taro # pnpm add @carefrees/form-utils-react-taro
+```
+
+## 使用
+
+### 基本使用
+
+```ts
+import { Form, FormItem } from '@carefrees/form-utils-react-taro';
+import React ,{ useState } from 'react';
+import { View, Button, Input } from '@tarojs/components';
+
+const Demo = ()=>{
+  const [formData]= useState({ name: '张三', age: 18 })
+  const form = useForm();
+
+  const onSubmit = async () =>{
+      try {
+      console.log(form);
+      const result = await form.validate();
+      console.log(result);
+    } catch (error) {
+      console.log(error);
+    }
+  }
+
+  return (<Form formData={formData} form={form} >
+        <FormItem trigger="onInput" rules={[{ required: true, message: '必填' }]} name="name" label="name">
+          <Input style={{ width: '100%' }} placeholder="请输入" />
+        </FormItem>
+        <FormItem trigger="onInput" name="age" label="age">
+          <Input style={{ width: '100%' }} placeholder="请输入" />
+        </FormItem>  
+        <Button onClick={onSubmit}>
+           验😁😝证
+        </Button>
+  </Form>)
+}
+
+```
+
+### 控制隐藏
+
+### 表单字段监听
+
+### list表单项
+
+### 表单项之间联动校验
+
+### 表单输入框属性联动设置
+
+### 布局组件
+
+## 类型
+
+### Form表单
+
+```ts
+import React from 'react';
+import { FormInstanceBase, ValidateErrorEntity } from '@carefrees/form-utils';
+import { FormLayoutProps } from '@carefrees/form-utils-react-taro/esm/layout';
+export interface FormProps<T = any> extends FormLayoutProps {
+    children?: React.ReactNode;
+    form?: FormInstanceBase;
+    style?: React.CSSProperties;
+    className?: string;
+    layoutClassName?: string;
+    layoutStyle?: React.CSSProperties;
+    /**表单数据*/
+    formData?: any;
+    /**值更新触发*/
+    onValuesChange?: (changedValues: Partial<T>, values: T) => void;
+    /**提交保存 验证成功*/
+    onFinish?: (values: T) => void;
+    /**提交保存 验证失败*/
+    onFinishFailed?: (errorInfo: ValidateErrorEntity<T>) => void;
+    /**隐藏表单项初始值*/
+    hideData?: Record<string, boolean>;
+    /**表单名称*/
+    name?: string;
+    /**隐藏规则校验*/
+    hideRuleData?: Record<string, boolean>;
+    /**自动重置更新formData数据*/
+    isAutoUpdatedFormData?: boolean;
+}
+export declare function Form<T = any>(props: FormProps<T>): import("react/jsx-runtime").JSX.Element;
+
+```
+
+### FormItem表单项
+
+```ts
+import { LayoutFormItemProps } from '@carefrees/form-utils-react-taro/esm/layout/layout.formItem';
+import { FormItemAttrOptions } from '@carefrees/form-utils-react-taro/esm/hooks/attr/attr.FormItem';
+export interface FormItemProps extends FormItemAttrOptions, LayoutFormItemProps {
+    /**不进行样式渲染*/
+    noStyle?: boolean;
+}
+/**表单项*/
+export declare const FormItem: import("react").MemoExoticComponent<(props: Partial<FormItemProps>) => import("react/jsx-runtime").JSX.Element>;
+/**隐藏表单项*/
+export declare const FormHideItem: import("react").MemoExoticComponent<(props: FormItemProps) => import("react/jsx-runtime").JSX.Element>;
+
+```
+
+### FormList表单List
+
+```ts
+import { RuleInstanceBase, FormItemInstanceBase, FormListInstanceBase } from '@carefrees/form-utils';
+import React from 'react';
+import { RegisterFormListOptions } from '@carefrees/form-utils-react-hooks';
+export interface FormListChildrenProps {
+    /**数据集合*/
+    fields: {
+        name: number;
+        key: number;
+    }[];
+    /**添加*/
+    onAdd: (initialValue?: Object) => void;
+    /**删除*/
+    onDelete: (index: number | number[]) => void;
+    /**移动*/
+    onMove: (from: number, to: number) => void;
+}
+export interface FormListProps extends RegisterFormListOptions {
+    children: (options: FormListChildrenProps, instances: {
+        ruleInstance: RuleInstanceBase;
+        formItemInstance: FormItemInstanceBase;
+        formListInstance: FormListInstanceBase;
+    }) => React.ReactNode;
+}
+/**form list 组件*/
+export declare const FormList: React.MemoExoticComponent<(props: FormListProps) => import("react/jsx-runtime").JSX.Element>;
+/**隐藏 form list item 组件*/
+export declare const FormHideList: React.MemoExoticComponent<(props: FormListProps) => import("react/jsx-runtime").JSX.Element>;
+
+```
+
+### 布局组件 类型
+
+```ts
+import React from 'react';
+import { ViewProps } from '@tarojs/components';
+import { AttrsOptions } from '@carefrees/form-utils-react-hooks';
+export interface FormLayoutProps extends AttrsOptions {
+    /**标题*/
+    title?: React.ReactNode;
+    /**额外内容*/
+    extra?: React.ReactNode;
+    /**内容*/
+    children?: React.ReactNode;
+    /**是否占据整行*/
+    isAllColSpan?: boolean;
+    className?: string;
+    /**头部ClassName*/
+    headerClassName?: string;
+    /**内容ClassName*/
+    bodyClassName?: string;
+    style?: React.CSSProperties;
+    /**头部样式*/
+    headerStyle?: React.CSSProperties;
+    /**内容样式*/
+    bodyStyle?: React.CSSProperties;
+    /**是否添加边框*/
+    bordered?: boolean;
+    /**列数据*/
+    colCount?: number;
+    /**
+     * @description gap 属性是用来设置网格行与列之间的间隙，该属性是row-gap and column-gap的简写形式。
+     */
+    gap?: string | number;
+}
+/**布局组件*/
+export declare const FormLayout: React.MemoExoticComponent<(props: FormLayoutProps) => import("react/jsx-runtime").JSX.Element>;
+/**布局组件 占据一整行*/
+export declare const FormLayoutRows: (props: ViewProps) => import("react/jsx-runtime").JSX.Element;
+```
+
+### 表单项布局组件类型
+
+```ts
+import React from 'react';
+export interface LayoutFormItemProps {
+    /**规则校验失败错误提示位置*/
+    errorLayout?: 'left-bottom' | 'right-bottom' | 'top-right' | 'top-left';
+    /**必填样式*/
+    required?: boolean;
+    /**label显示模式*/
+    labelMode?: 'left' | 'top' | 'between' | 'hide';
+    /**内容*/
+    children?: React.ReactNode;
+    /**只进行规则样式*/
+    onlyRuleStyle?: boolean;
+    label?: React.ReactNode;
+    /**底部提示内容*/
+    helpText?: React.ReactNode;
+    /**额外内容*/
+    extra?: React.ReactNode;
+    /**是否显示label后的冒号*/
+    showColon?: boolean;
+    /**
+     * 表单项占据列数
+     * @default 1
+     */
+    colSpan?: number;
+    /**
+     * 表单项占据行数
+     * @default 1
+     */
+    rowSpan?: number;
+    htmlFor?: string;
+    /**规则验证结果*/
+    validateResult?: {
+        tip: string | (string | undefined)[];
+        isInvalid: boolean;
+    };
+    style?: React.CSSProperties;
+    className?: string;
+    labelStyle?: React.CSSProperties;
+    labelClassName?: string;
+    /**底部边框*/
+    inputBordered?: boolean;
+}
+/**布局组件 表单项*/
+export declare const LayoutFormItem: React.MemoExoticComponent<(props: LayoutFormItemProps) => import("react/jsx-runtime").JSX.Element>;
+
+```

package/esm/formItem/index.d.ts

@@ -1,11 +1,10 @@
-import { LayoutFormItemProps } from './../layout/layout.formItem';
+import { LayoutFormItemProps } from '../layout/layout.formItem';
 import { FormItemAttrOptions } from '../hooks/attr/attr.FormItem';
-import React from 'react';
 export interface FormItemProps extends FormItemAttrOptions, LayoutFormItemProps {
     /**不进行样式渲染*/
     noStyle?: boolean;
 }
 /**表单项*/
-export declare const FormItem: React.MemoExoticComponent<(props: Partial<FormItemProps>) => import("react/jsx-runtime").JSX.Element>;
+export declare const FormItem: import("react").MemoExoticComponent<(props: Partial<FormItemProps>) => import("react/jsx-runtime").JSX.Element>;
 /**隐藏表单项*/
-export declare const FormHideItem: React.MemoExoticComponent<(props: FormItemProps) => import("react/jsx-runtime").JSX.Element>;
+export declare const FormHideItem: import("react").MemoExoticComponent<(props: FormItemProps) => import("react/jsx-runtime").JSX.Element>;

package/esm/formItem/index.js

@@ -1,20 +1,19 @@
 import * as __WEBPACK_EXTERNAL_MODULE_react_jsx_runtime_225474f2__ from "react/jsx-runtime";
 import * as __WEBPACK_EXTERNAL_MODULE__layout_layout_formItem_js_c84059c5__ from "../layout/layout.formItem.js";
 import * as __WEBPACK_EXTERNAL_MODULE__hooks_attr_attr_FormItem_js_9b75aef3__ from "../hooks/attr/attr.FormItem.js";
-import * as __WEBPACK_EXTERNAL_MODULE__hooks_useFormItemParentName_js_ed96cda3__ from "../hooks/useFormItemParentName.js";
-import * as __WEBPACK_EXTERNAL_MODULE__hooks_register_register_FormHideItem_js_2b23597a__ from "../hooks/register/register.FormHideItem.js";
 import * as __WEBPACK_EXTERNAL_MODULE_react__ from "react";
+import * as __WEBPACK_EXTERNAL_MODULE__carefrees_form_utils_react_hooks_1966d15b__ from "@carefrees/form-utils-react-hooks";
 const FormItemInstance = /*#__PURE__*/ (0, __WEBPACK_EXTERNAL_MODULE_react__.memo)((props)=>{
     const { labelMode, noStyle, onlyRuleStyle, label, helpText, extra, errorLayout, required, showColon, colSpan, rowSpan, ...rest } = props;
     const { children, ruleInstance, formItemInstance, htmlFor, validateResult } = (0, __WEBPACK_EXTERNAL_MODULE__hooks_attr_attr_FormItem_js_9b75aef3__.useFormItemAttr)({
         ...rest
     });
-    if (noStyle) return /*#__PURE__*/ (0, __WEBPACK_EXTERNAL_MODULE_react_jsx_runtime_225474f2__.jsx)(__WEBPACK_EXTERNAL_MODULE__hooks_useFormItemParentName_js_ed96cda3__.FormItemParentNameProvider, {
+    if (noStyle) return /*#__PURE__*/ (0, __WEBPACK_EXTERNAL_MODULE_react_jsx_runtime_225474f2__.jsx)(__WEBPACK_EXTERNAL_MODULE__carefrees_form_utils_react_hooks_1966d15b__.FormItemParentNameProvider, {
         name: formItemInstance.name,
         sort: formItemInstance.sort,
         children: children
     });
-    return /*#__PURE__*/ (0, __WEBPACK_EXTERNAL_MODULE_react_jsx_runtime_225474f2__.jsx)(__WEBPACK_EXTERNAL_MODULE__hooks_useFormItemParentName_js_ed96cda3__.FormItemParentNameProvider, {
+    return /*#__PURE__*/ (0, __WEBPACK_EXTERNAL_MODULE_react_jsx_runtime_225474f2__.jsx)(__WEBPACK_EXTERNAL_MODULE__carefrees_form_utils_react_hooks_1966d15b__.FormItemParentNameProvider, {
         name: formItemInstance.name,
         sort: formItemInstance.sort,
         children: /*#__PURE__*/ (0, __WEBPACK_EXTERNAL_MODULE_react_jsx_runtime_225474f2__.jsx)(__WEBPACK_EXTERNAL_MODULE__layout_layout_formItem_js_c84059c5__.LayoutFormItem, {
@@ -57,7 +56,7 @@ const FormItem = /*#__PURE__*/ (0, __WEBPACK_EXTERNAL_MODULE_react__.memo)((prop
 });
 const FormHideItem = /*#__PURE__*/ (0, __WEBPACK_EXTERNAL_MODULE_react__.memo)((props)=>{
     const { name, sort, isJoinParentField } = props;
-    const { isHide } = (0, __WEBPACK_EXTERNAL_MODULE__hooks_register_register_FormHideItem_js_2b23597a__.useRegisterFormHideItem)({
+    const { isHide } = (0, __WEBPACK_EXTERNAL_MODULE__carefrees_form_utils_react_hooks_1966d15b__.useRegisterFormHideItem)({
         name,
         sort: sort,
         isJoinParentField

package/esm/formList/index.d.ts

@@ -1,6 +1,6 @@
-import { RegisterFormListOptions } from './../hooks/register/register.FormList';
 import { RuleInstanceBase, FormItemInstanceBase, FormListInstanceBase } from '@carefrees/form-utils';
 import React from 'react';
+import { RegisterFormListOptions } from '@carefrees/form-utils-react-hooks';
 export interface FormListChildrenProps {
     /**数据集合*/
     fields: {

package/esm/formList/index.js

@@ -1,15 +1,12 @@
 import * as __WEBPACK_EXTERNAL_MODULE_react_jsx_runtime_225474f2__ from "react/jsx-runtime";
-import * as __WEBPACK_EXTERNAL_MODULE__hooks_register_register_FormList_js_6f2f394b__ from "../hooks/register/register.FormList.js";
-import * as __WEBPACK_EXTERNAL_MODULE__hooks_useFormList_js_058846bf__ from "../hooks/useFormList.js";
-import * as __WEBPACK_EXTERNAL_MODULE__hooks_useFormItemParentName_js_ed96cda3__ from "../hooks/useFormItemParentName.js";
-import * as __WEBPACK_EXTERNAL_MODULE__hooks_register_register_FormHideItem_js_2b23597a__ from "../hooks/register/register.FormHideItem.js";
 import * as __WEBPACK_EXTERNAL_MODULE_react__ from "react";
+import * as __WEBPACK_EXTERNAL_MODULE__carefrees_form_utils_react_hooks_1966d15b__ from "@carefrees/form-utils-react-hooks";
 const FormList = /*#__PURE__*/ (0, __WEBPACK_EXTERNAL_MODULE_react__.memo)((props)=>{
     const { children, ...rest } = props;
-    const { formListInstance, ruleInstance, formItemInstance } = (0, __WEBPACK_EXTERNAL_MODULE__hooks_register_register_FormList_js_6f2f394b__.useRegisterFormList)(rest);
-    return /*#__PURE__*/ (0, __WEBPACK_EXTERNAL_MODULE_react_jsx_runtime_225474f2__.jsx)(__WEBPACK_EXTERNAL_MODULE__hooks_useFormList_js_058846bf__.FormListInstanceContext.Provider, {
+    const { formListInstance, ruleInstance, formItemInstance } = (0, __WEBPACK_EXTERNAL_MODULE__carefrees_form_utils_react_hooks_1966d15b__.useRegisterFormList)(rest);
+    return /*#__PURE__*/ (0, __WEBPACK_EXTERNAL_MODULE_react_jsx_runtime_225474f2__.jsx)(__WEBPACK_EXTERNAL_MODULE__carefrees_form_utils_react_hooks_1966d15b__.FormListInstanceContext.Provider, {
         value: formListInstance,
-        children: /*#__PURE__*/ (0, __WEBPACK_EXTERNAL_MODULE_react_jsx_runtime_225474f2__.jsx)(__WEBPACK_EXTERNAL_MODULE__hooks_useFormItemParentName_js_ed96cda3__.FormItemParentNameProvider, {
+        children: /*#__PURE__*/ (0, __WEBPACK_EXTERNAL_MODULE_react_jsx_runtime_225474f2__.jsx)(__WEBPACK_EXTERNAL_MODULE__carefrees_form_utils_react_hooks_1966d15b__.FormItemParentNameProvider, {
             name: formListInstance.name,
             sort: formListInstance.sort,
             children: children({
@@ -27,7 +24,7 @@ const FormList = /*#__PURE__*/ (0, __WEBPACK_EXTERNAL_MODULE_react__.memo)((prop
 });
 const FormHideList = /*#__PURE__*/ (0, __WEBPACK_EXTERNAL_MODULE_react__.memo)((props)=>{
     const { name, sort, isJoinParentField } = props;
-    const { isHide } = (0, __WEBPACK_EXTERNAL_MODULE__hooks_register_register_FormHideItem_js_2b23597a__.useRegisterFormHideItem)({
+    const { isHide } = (0, __WEBPACK_EXTERNAL_MODULE__carefrees_form_utils_react_hooks_1966d15b__.useRegisterFormHideItem)({
         name,
         sort: sort,
         isJoinParentField

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

@@ -1,5 +1,5 @@
 import { RuleInstanceBase, FormInstanceBase, FormItemInstanceBase } from '@carefrees/form-utils';
-import { RegisterFormItemOptions } from '../register/register.FormItem';
+import { RegisterFormItemOptions } from '@carefrees/form-utils-react-hooks';
 import React from 'react';
 export interface FormItemAttrOptions extends RegisterFormItemOptions {
     /**依赖更新项*/

package/esm/hooks/attr/attr.FormItem.js

@@ -1,10 +1,9 @@
 import * as __WEBPACK_EXTERNAL_MODULE__carefrees_form_utils_f42d2666__ from "@carefrees/form-utils";
-import * as __WEBPACK_EXTERNAL_MODULE__register_register_FormItem_js_448be97f__ from "../register/register.FormItem.js";
-import * as __WEBPACK_EXTERNAL_MODULE__useHtmlFor_js_30172224__ from "../useHtmlFor.js";
+import * as __WEBPACK_EXTERNAL_MODULE__carefrees_form_utils_react_hooks_1966d15b__ from "@carefrees/form-utils-react-hooks";
 import * as __WEBPACK_EXTERNAL_MODULE_react__ from "react";
 const useFormItemAttr = (options)=>{
     const { trigger = 'onChange', dependencies, noticeOnlyRuleDataField, isNoticeParentField, noticeWatchField, preserve, valuePropName = 'value', getValuePath = valuePropName, getValueFromEvent, formatValue, onAfterUpdate, useAttrs, useRules, attrs, children, ...rest } = options;
-    const { formItemInstance, form, ruleInstance, newName } = (0, __WEBPACK_EXTERNAL_MODULE__register_register_FormItem_js_448be97f__.useRegisterFormItem)({
+    const { formItemInstance, form, ruleInstance, newName } = (0, __WEBPACK_EXTERNAL_MODULE__carefrees_form_utils_react_hooks_1966d15b__.useRegisterFormItem)({
         ...rest
     });
     formItemInstance.dependencies = dependencies;
@@ -33,7 +32,7 @@ const useFormItemAttr = (options)=>{
         }
     };
     formItemInstance.onChange = onValueChange;
-    const htmlFor = (0, __WEBPACK_EXTERNAL_MODULE__useHtmlFor_js_30172224__.useHtmlFor)(newName);
+    const htmlFor = (0, __WEBPACK_EXTERNAL_MODULE__carefrees_form_utils_react_hooks_1966d15b__.useHtmlFor)(newName);
     formItemInstance.htmlFor = htmlFor;
     const control = {
         [trigger]: onValueChange,

package/esm/index.d.ts

@@ -6,19 +6,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;
     form?: FormInstanceBase;

package/esm/index.js

@@ -2,38 +2,26 @@ import * as __WEBPACK_EXTERNAL_MODULE_react_jsx_runtime_225474f2__ from "react/j
 import * as __WEBPACK_EXTERNAL_MODULE_react__ from "react";
 import * as __WEBPACK_EXTERNAL_MODULE_classnames__ from "classnames";
 import * as __WEBPACK_EXTERNAL_MODULE__layout_index_js_0ed29524__ from "./layout/index.js";
-import * as __WEBPACK_EXTERNAL_MODULE__hooks_useForm_js_204ed681__ from "./hooks/useForm.js";
-import * as __WEBPACK_EXTERNAL_MODULE__hooks_register_register_form_js_792e1382__ from "./hooks/register/register.form.js";
+import * as __WEBPACK_EXTERNAL_MODULE__carefrees_form_utils_react_hooks_1966d15b__ from "@carefrees/form-utils-react-hooks";
 import * as __WEBPACK_EXTERNAL_MODULE__tarojs_components_865ae511__ from "@tarojs/components";
 import "./styles/index.css";
 export * from "./formItem/index.js";
 export * from "./formList/index.js";
 export * from "./layout/index.js";
 export * from "./layout/layout.formItem.js";
-export * from "./hooks/useAttrs.js";
-export * from "./hooks/useForm.js";
-export * from "./hooks/useFormItem.js";
-export * from "./hooks/useFormItemParentName.js";
-export * from "./hooks/useFormList.js";
-export * from "./hooks/useHtmlFor.js";
-export * from "./hooks/useMultipleForm.js";
-export * from "./hooks/useWatch.js";
 export * from "./hooks/attr/attr.FormItem.js";
-export * from "./hooks/register/register.FormHideItem.js";
-export * from "./hooks/register/register.FormItem.js";
-export * from "./hooks/register/register.FormList.js";
-export * from "./hooks/register/register.form.js";
+export * from "@carefrees/form-utils-react-hooks";
 function Form(props) {
     const { children, form, style, className, formData, hideData, hideRuleData, isAutoUpdatedFormData = false, name, onFinish, onFinishFailed, onValuesChange, layoutStyle, layoutClassName, ...rest } = props;
-    const formInstance = (0, __WEBPACK_EXTERNAL_MODULE__hooks_useForm_js_204ed681__.useForm)(form);
-    (0, __WEBPACK_EXTERNAL_MODULE__hooks_register_register_form_js_792e1382__.useRegisterForm)(formInstance, name);
+    const formInstance = (0, __WEBPACK_EXTERNAL_MODULE__carefrees_form_utils_react_hooks_1966d15b__.useForm)(form);
+    (0, __WEBPACK_EXTERNAL_MODULE__carefrees_form_utils_react_hooks_1966d15b__.useRegisterForm)(formInstance, name);
     const cls = (0, __WEBPACK_EXTERNAL_MODULE_react__.useMemo)(()=>(0, __WEBPACK_EXTERNAL_MODULE_classnames__["default"])('carefrees-form', className), []);
     (0, __WEBPACK_EXTERNAL_MODULE_react__.useMemo)(()=>formInstance.ctor(formData, hideData, hideRuleData), []);
     formInstance.onFinish = onFinish;
     formInstance.onValuesChange = onValuesChange;
     formInstance.onFinishFailed = onFinishFailed;
     (0, __WEBPACK_EXTERNAL_MODULE_react__.useEffect)(()=>{
-        if (isAutoUpdatedFormData) formInstance.resetFieldValue(formData);
+        if (isAutoUpdatedFormData) formInstance.resetFormValues(formData);
     }, [
         isAutoUpdatedFormData,
         formData
@@ -43,7 +31,7 @@ function Form(props) {
         event?.stopPropagation?.();
         formInstance.submit();
     };
-    return /*#__PURE__*/ (0, __WEBPACK_EXTERNAL_MODULE_react_jsx_runtime_225474f2__.jsx)(__WEBPACK_EXTERNAL_MODULE__hooks_useForm_js_204ed681__.FormInstanceContext.Provider, {
+    return /*#__PURE__*/ (0, __WEBPACK_EXTERNAL_MODULE_react_jsx_runtime_225474f2__.jsx)(__WEBPACK_EXTERNAL_MODULE__carefrees_form_utils_react_hooks_1966d15b__.FormInstanceContext.Provider, {
         value: formInstance,
         children: /*#__PURE__*/ (0, __WEBPACK_EXTERNAL_MODULE_react_jsx_runtime_225474f2__.jsx)(__WEBPACK_EXTERNAL_MODULE__tarojs_components_865ae511__.Form, {
             className: cls,

package/esm/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/esm/layout/index.js

@@ -2,10 +2,10 @@ import * as __WEBPACK_EXTERNAL_MODULE_react_jsx_runtime_225474f2__ from "react/j
 import * as __WEBPACK_EXTERNAL_MODULE_react__ from "react";
 import * as __WEBPACK_EXTERNAL_MODULE__tarojs_components_865ae511__ from "@tarojs/components";
 import * as __WEBPACK_EXTERNAL_MODULE_classnames__ from "classnames";
-import * as __WEBPACK_EXTERNAL_MODULE__hooks_useAttrs_js_86d21a28__ from "../hooks/useAttrs.js";
+import * as __WEBPACK_EXTERNAL_MODULE__carefrees_form_utils_react_hooks_1966d15b__ from "@carefrees/form-utils-react-hooks";
 const preCls = 'carefrees-form-layout';
 const FormLayout = /*#__PURE__*/ (0, __WEBPACK_EXTERNAL_MODULE_react__.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, __WEBPACK_EXTERNAL_MODULE__hooks_useAttrs_js_86d21a28__.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, __WEBPACK_EXTERNAL_MODULE__carefrees_form_utils_react_hooks_1966d15b__.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, __WEBPACK_EXTERNAL_MODULE_react__.useRef)(props);
     propsRef.current = props;
@@ -52,7 +52,7 @@ const FormLayout = /*#__PURE__*/ (0, __WEBPACK_EXTERNAL_MODULE_react__.memo)((pr
         colCount,
         gap
     ]);
-    return /*#__PURE__*/ (0, __WEBPACK_EXTERNAL_MODULE_react_jsx_runtime_225474f2__.jsx)(__WEBPACK_EXTERNAL_MODULE__hooks_useAttrs_js_86d21a28__.AttrsContext.Provider, {
+    return /*#__PURE__*/ (0, __WEBPACK_EXTERNAL_MODULE_react_jsx_runtime_225474f2__.jsx)(__WEBPACK_EXTERNAL_MODULE__carefrees_form_utils_react_hooks_1966d15b__.AttrsContext.Provider, {
         value: value,
         children: /*#__PURE__*/ (0, __WEBPACK_EXTERNAL_MODULE_react_jsx_runtime_225474f2__.jsxs)(__WEBPACK_EXTERNAL_MODULE__tarojs_components_865ae511__.View, {
             style: style,

package/esm/layout/layout.formItem.js

@@ -2,10 +2,10 @@ import * as __WEBPACK_EXTERNAL_MODULE_react_jsx_runtime_225474f2__ from "react/j
 import * as __WEBPACK_EXTERNAL_MODULE__tarojs_components_865ae511__ from "@tarojs/components";
 import * as __WEBPACK_EXTERNAL_MODULE_react__ from "react";
 import * as __WEBPACK_EXTERNAL_MODULE_classnames__ from "classnames";
-import * as __WEBPACK_EXTERNAL_MODULE__hooks_useAttrs_js_86d21a28__ from "../hooks/useAttrs.js";
+import * as __WEBPACK_EXTERNAL_MODULE__carefrees_form_utils_react_hooks_1966d15b__ from "@carefrees/form-utils-react-hooks";
 const preCls = 'carefrees-form-item';
 const LayoutFormItem = /*#__PURE__*/ (0, __WEBPACK_EXTERNAL_MODULE_react__.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, __WEBPACK_EXTERNAL_MODULE__hooks_useAttrs_js_86d21a28__.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, __WEBPACK_EXTERNAL_MODULE__carefrees_form_utils_react_hooks_1966d15b__.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/lib/formItem/index.d.ts

@@ -1,11 +1,10 @@
-import { LayoutFormItemProps } from './../layout/layout.formItem';
+import { LayoutFormItemProps } from '../layout/layout.formItem';
 import { FormItemAttrOptions } from '../hooks/attr/attr.FormItem';
-import React from 'react';
 export interface FormItemProps extends FormItemAttrOptions, LayoutFormItemProps {
     /**不进行样式渲染*/
     noStyle?: boolean;
 }
 /**表单项*/
-export declare const FormItem: React.MemoExoticComponent<(props: Partial<FormItemProps>) => import("react/jsx-runtime").JSX.Element>;
+export declare const FormItem: import("react").MemoExoticComponent<(props: Partial<FormItemProps>) => import("react/jsx-runtime").JSX.Element>;
 /**隐藏表单项*/
-export declare const FormHideItem: React.MemoExoticComponent<(props: FormItemProps) => import("react/jsx-runtime").JSX.Element>;
+export declare const FormHideItem: import("react").MemoExoticComponent<(props: FormItemProps) => import("react/jsx-runtime").JSX.Element>;

package/lib/formItem/index.js

@@ -30,20 +30,19 @@ __webpack_require__.d(__webpack_exports__, {
 const jsx_runtime_namespaceObject = require("react/jsx-runtime");
 const layout_formItem_js_namespaceObject = require("../layout/layout.formItem.js");
 const attr_FormItem_js_namespaceObject = require("../hooks/attr/attr.FormItem.js");
-const useFormItemParentName_js_namespaceObject = require("../hooks/useFormItemParentName.js");
-const register_FormHideItem_js_namespaceObject = require("../hooks/register/register.FormHideItem.js");
 const external_react_namespaceObject = require("react");
+const form_utils_react_hooks_namespaceObject = require("@carefrees/form-utils-react-hooks");
 const FormItemInstance = /*#__PURE__*/ (0, external_react_namespaceObject.memo)((props)=>{
     const { labelMode, noStyle, onlyRuleStyle, label, helpText, extra, errorLayout, required, showColon, colSpan, rowSpan, ...rest } = props;
     const { children, ruleInstance, formItemInstance, htmlFor, validateResult } = (0, attr_FormItem_js_namespaceObject.useFormItemAttr)({
         ...rest
     });
-    if (noStyle) return /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsx)(useFormItemParentName_js_namespaceObject.FormItemParentNameProvider, {
+    if (noStyle) return /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsx)(form_utils_react_hooks_namespaceObject.FormItemParentNameProvider, {
         name: formItemInstance.name,
         sort: formItemInstance.sort,
         children: children
     });
-    return /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsx)(useFormItemParentName_js_namespaceObject.FormItemParentNameProvider, {
+    return /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsx)(form_utils_react_hooks_namespaceObject.FormItemParentNameProvider, {
         name: formItemInstance.name,
         sort: formItemInstance.sort,
         children: /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsx)(layout_formItem_js_namespaceObject.LayoutFormItem, {
@@ -86,7 +85,7 @@ const FormItem = /*#__PURE__*/ (0, external_react_namespaceObject.memo)((props)=
 });
 const FormHideItem = /*#__PURE__*/ (0, external_react_namespaceObject.memo)((props)=>{
     const { name, sort, isJoinParentField } = props;
-    const { isHide } = (0, register_FormHideItem_js_namespaceObject.useRegisterFormHideItem)({
+    const { isHide } = (0, form_utils_react_hooks_namespaceObject.useRegisterFormHideItem)({
         name,
         sort: sort,
         isJoinParentField

package/lib/formList/index.d.ts

@@ -1,6 +1,6 @@
-import { RegisterFormListOptions } from './../hooks/register/register.FormList';
 import { RuleInstanceBase, FormItemInstanceBase, FormListInstanceBase } from '@carefrees/form-utils';
 import React from 'react';
+import { RegisterFormListOptions } from '@carefrees/form-utils-react-hooks';
 export interface FormListChildrenProps {
     /**数据集合*/
     fields: {

package/lib/formList/index.js

@@ -28,17 +28,14 @@ __webpack_require__.d(__webpack_exports__, {
     FormList: ()=>FormList
 });
 const jsx_runtime_namespaceObject = require("react/jsx-runtime");
-const register_FormList_js_namespaceObject = require("../hooks/register/register.FormList.js");
-const useFormList_js_namespaceObject = require("../hooks/useFormList.js");
-const useFormItemParentName_js_namespaceObject = require("../hooks/useFormItemParentName.js");
-const register_FormHideItem_js_namespaceObject = require("../hooks/register/register.FormHideItem.js");
 const external_react_namespaceObject = require("react");
+const form_utils_react_hooks_namespaceObject = require("@carefrees/form-utils-react-hooks");
 const FormList = /*#__PURE__*/ (0, external_react_namespaceObject.memo)((props)=>{
     const { children, ...rest } = props;
-    const { formListInstance, ruleInstance, formItemInstance } = (0, register_FormList_js_namespaceObject.useRegisterFormList)(rest);
-    return /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsx)(useFormList_js_namespaceObject.FormListInstanceContext.Provider, {
+    const { formListInstance, ruleInstance, formItemInstance } = (0, form_utils_react_hooks_namespaceObject.useRegisterFormList)(rest);
+    return /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsx)(form_utils_react_hooks_namespaceObject.FormListInstanceContext.Provider, {
         value: formListInstance,
-        children: /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsx)(useFormItemParentName_js_namespaceObject.FormItemParentNameProvider, {
+        children: /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsx)(form_utils_react_hooks_namespaceObject.FormItemParentNameProvider, {
             name: formListInstance.name,
             sort: formListInstance.sort,
             children: children({
@@ -56,7 +53,7 @@ const FormList = /*#__PURE__*/ (0, external_react_namespaceObject.memo)((props)=
 });
 const FormHideList = /*#__PURE__*/ (0, external_react_namespaceObject.memo)((props)=>{
     const { name, sort, isJoinParentField } = props;
-    const { isHide } = (0, register_FormHideItem_js_namespaceObject.useRegisterFormHideItem)({
+    const { isHide } = (0, form_utils_react_hooks_namespaceObject.useRegisterFormHideItem)({
         name,
         sort: sort,
         isJoinParentField

package/lib/hooks/attr/attr.FormItem.d.ts

@@ -1,5 +1,5 @@
 import { RuleInstanceBase, FormInstanceBase, FormItemInstanceBase } from '@carefrees/form-utils';
-import { RegisterFormItemOptions } from '../register/register.FormItem';
+import { RegisterFormItemOptions } from '@carefrees/form-utils-react-hooks';
 import React from 'react';
 export interface FormItemAttrOptions extends RegisterFormItemOptions {
     /**依赖更新项*/

package/lib/hooks/attr/attr.FormItem.js

@@ -27,12 +27,11 @@ __webpack_require__.d(__webpack_exports__, {
     useFormItemAttr: ()=>useFormItemAttr
 });
 const form_utils_namespaceObject = require("@carefrees/form-utils");
-const register_FormItem_js_namespaceObject = require("../register/register.FormItem.js");
-const external_useHtmlFor_js_namespaceObject = require("../useHtmlFor.js");
+const form_utils_react_hooks_namespaceObject = require("@carefrees/form-utils-react-hooks");
 const external_react_namespaceObject = require("react");
 const useFormItemAttr = (options)=>{
     const { trigger = 'onChange', dependencies, noticeOnlyRuleDataField, isNoticeParentField, noticeWatchField, preserve, valuePropName = 'value', getValuePath = valuePropName, getValueFromEvent, formatValue, onAfterUpdate, useAttrs, useRules, attrs, children, ...rest } = options;
-    const { formItemInstance, form, ruleInstance, newName } = (0, register_FormItem_js_namespaceObject.useRegisterFormItem)({
+    const { formItemInstance, form, ruleInstance, newName } = (0, form_utils_react_hooks_namespaceObject.useRegisterFormItem)({
         ...rest
     });
     formItemInstance.dependencies = dependencies;
@@ -61,7 +60,7 @@ const useFormItemAttr = (options)=>{
         }
     };
     formItemInstance.onChange = onValueChange;
-    const htmlFor = (0, external_useHtmlFor_js_namespaceObject.useHtmlFor)(newName);
+    const htmlFor = (0, form_utils_react_hooks_namespaceObject.useHtmlFor)(newName);
     formItemInstance.htmlFor = htmlFor;
     const control = {
         [trigger]: onValueChange,

package/lib/index.d.ts

@@ -6,19 +6,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;
     form?: FormInstanceBase;