@fairys/taro-tools-simple-form-ui 0.0.5

package/esm/components/popup.search/list.table.js

@@ -0,0 +1,91 @@
+import { jsx } from "react/jsx-runtime";
+import { Button, Checkbox, Table } from "@nutui/nutui-react-taro";
+import { Del } from "@nutui/icons-react-taro";
+import { useFairysTaroPopupSearchBaseInstanceContext } from "./instance.js";
+import { useMemo } from "react";
+function TableItemCheckBox(props) {
+    const { rowData } = props;
+    const [state, instance] = useFairysTaroPopupSearchBaseInstanceContext();
+    const _tempValue = state._tempValue;
+    const operationStatus = state.operationStatus;
+    const manageSelectedDataList = state.manageSelectedDataList;
+    const checked = useMemo(()=>instance.isCheckedData(rowData), [
+        rowData,
+        _tempValue,
+        operationStatus,
+        manageSelectedDataList
+    ]);
+    return /*#__PURE__*/ jsx(Checkbox, {
+        className: "fairys-taro-popup-search-list-virtual-checkbox fairystaroform__flex-1",
+        checked: checked,
+        onChange: ()=>instance.onCheckedData(rowData, checked)
+    });
+}
+function TableItemDelete(props) {
+    const { rowData } = props;
+    const [, instance] = useFairysTaroPopupSearchBaseInstanceContext();
+    return /*#__PURE__*/ jsx(Button, {
+        size: "mini",
+        fill: "none",
+        className: "fairys-taro-popup-search-list-virtual-delete-button",
+        onClick: ()=>instance.onDeleteData(rowData),
+        icon: /*#__PURE__*/ jsx(Del, {
+            color: "red"
+        })
+    });
+}
+function FairysTaroPopupSearchListTable() {
+    const [state, instance] = useFairysTaroPopupSearchBaseInstanceContext();
+    const popupHeight = instance.popupHeight;
+    const data = state._tempFilterDataList || [];
+    const operationStatus = state.operationStatus;
+    const columns = state.columns || [];
+    const tableProps = instance.useTableProps?.(instance.tableProps || {}, instance) || instance.tableProps || {};
+    const showRowDeleteButton = instance.showRowDeleteButton;
+    const _newColumns = useMemo(()=>{
+        const list = [
+            {
+                key: '__checkbox',
+                width: 40,
+                align: 'center',
+                title: '',
+                fixed: 'left',
+                render: (rowData)=>/*#__PURE__*/ jsx(TableItemCheckBox, {
+                        rowData: rowData
+                    })
+            }
+        ].concat([
+            ...columns
+        ]);
+        if ('manage' === operationStatus && 'multiple' === instance.mode && showRowDeleteButton) return [
+            ...list,
+            {
+                key: '__delete',
+                width: 50,
+                align: 'center',
+                title: '',
+                fixed: 'right',
+                render: (rowData)=>/*#__PURE__*/ jsx(TableItemDelete, {
+                        rowData: rowData
+                    })
+            }
+        ];
+        return list;
+    }, [
+        columns,
+        operationStatus,
+        showRowDeleteButton
+    ]);
+    return /*#__PURE__*/ jsx(Table, {
+        bordered: true,
+        ...tableProps,
+        className: `fairys-taro-popup-search-list-table ${tableProps?.className || ''}`,
+        style: {
+            height: popupHeight,
+            ...tableProps?.style || {}
+        },
+        columns: _newColumns,
+        data: data
+    });
+}
+export { FairysTaroPopupSearchListTable };

package/esm/components/popup.search/list.virtual.d.ts

@@ -0,0 +1 @@
+export declare function FairysTaroPopupSearchListVirtual<T = any>(): import("react/jsx-runtime").JSX.Element;

package/esm/components/popup.search/list.virtual.js

@@ -0,0 +1,71 @@
+import { jsx } from "react/jsx-runtime";
+import { Button, Cell, Checkbox } from "@nutui/nutui-react-taro";
+import { Del } from "@nutui/icons-react-taro";
+import { ScrollView } from "@tarojs/components";
+import { useFairysTaroPopupSearchBaseInstanceContext } from "./instance.js";
+import { Fragment, useMemo } from "react";
+function VirtualListItem(props) {
+    const { rowData } = props;
+    const [state, instance] = useFairysTaroPopupSearchBaseInstanceContext();
+    const renderListItemText = instance.renderListItemText;
+    const _tempValue = state._tempValue;
+    const operationStatus = state.operationStatus;
+    const manageSelectedDataList = state.manageSelectedDataList;
+    const showRowDeleteButton = instance.showRowDeleteButton;
+    const renderText = useMemo(()=>renderListItemText?.(rowData, instance) || rowData[instance.displayField], [
+        rowData,
+        instance.displayField,
+        renderListItemText
+    ]);
+    const checked = useMemo(()=>instance.isCheckedData(rowData), [
+        rowData,
+        _tempValue,
+        operationStatus,
+        manageSelectedDataList
+    ]);
+    return /*#__PURE__*/ jsx(Cell, {
+        className: "fairys-taro-popup-search-list-virtual-cell fairystaroform__px-_zkh1_0_dl_75rem_zhk2__gqh_ fairystaroform__py-_zkh1_0_dl_5rem_zhk2__gqh_ fairystaroform__mx-0 fairystaroform__my-_zkh1_0_dl_1rem_zhk2__gqh_",
+        onClick: (event)=>{
+            event?.stopPropagation?.();
+            event?.preventDefault?.();
+            instance.onCheckedData(rowData, checked);
+        },
+        title: /*#__PURE__*/ jsx(Checkbox, {
+            className: "fairys-taro-popup-search-list-virtual-checkbox fairystaroform__flex-1",
+            checked: checked,
+            children: renderText
+        }),
+        extra: 'manage' === operationStatus && showRowDeleteButton ? /*#__PURE__*/ jsx(Button, {
+            size: "mini",
+            fill: "none",
+            className: "fairys-taro-popup-search-list-virtual-delete-button",
+            onClick: (event)=>{
+                event?.stopPropagation?.();
+                event?.preventDefault?.();
+                instance.onDeleteData(rowData);
+            },
+            icon: /*#__PURE__*/ jsx(Del, {
+                color: "red"
+            })
+        }) : /*#__PURE__*/ jsx(Fragment, {})
+    });
+}
+function FairysTaroPopupSearchListVirtual() {
+    const [state, instance] = useFairysTaroPopupSearchBaseInstanceContext();
+    const popupHeight = instance.popupHeight;
+    const _tempFilterDataList = state._tempFilterDataList;
+    const rowKey = instance.rowKey;
+    return /*#__PURE__*/ jsx(ScrollView, {
+        scrollY: true,
+        style: {
+            height: popupHeight,
+            overflow: 'auto'
+        },
+        children: _tempFilterDataList.map((item, index)=>/*#__PURE__*/ jsx(VirtualListItem, {
+                rowData: item,
+                dataIndex: index,
+                index: index
+            }, `${item[rowKey]}_${index}`))
+    });
+}
+export { FairysTaroPopupSearchListVirtual };

package/esm/components/radio.group/index.d.ts

@@ -0,0 +1,5 @@
+import { RadioGroupProps, RadioProps } from '@nutui/nutui-react-taro';
+export interface FairysTaroRadioGroupProps extends Partial<RadioGroupProps> {
+    items?: RadioProps[];
+}
+export declare const FairysTaroRadioGroupBase: (props: FairysTaroRadioGroupProps) => import("react/jsx-runtime").JSX.Element;

package/esm/components/radio.group/index.js

@@ -0,0 +1,13 @@
+import { jsx } from "react/jsx-runtime";
+import { Radio, RadioGroup } from "@nutui/nutui-react-taro";
+const FairysTaroRadioGroupBase = (props)=>{
+    const { items, className, ...rest } = props;
+    return /*#__PURE__*/ jsx(RadioGroup, {
+        className: `fairys-taro-radio-group ${className || ''}`,
+        ...rest,
+        children: items?.map((item)=>/*#__PURE__*/ jsx(Radio, {
+                ...item
+            }, item.value))
+    });
+};
+export { FairysTaroRadioGroupBase };

package/esm/form/form.d.ts

@@ -0,0 +1,30 @@
+import { MObject } from '../interface';
+import { FairysTaroValtioFormInstance, useFairysTaroValtioFormInstance, useFairysTaroValtioFormInstanceContext, useFairysTaroValtioFormInstanceContextState } from './instance';
+import { type ReactNode } from 'react';
+import { FairysTaroValtioFormLayoutProps } from './layout';
+import { FairysTaroValtioFormItem, FairysTaroValtioFormHideItem } from './form.item';
+export * from './item.config';
+export interface FairysTaroValtioFormProps<T extends MObject<T> = object> extends FairysTaroValtioFormLayoutProps {
+    /**表单实例*/
+    form?: FairysTaroValtioFormInstance<T>;
+    /**子元素*/
+    children: ReactNode;
+    /**表单项规则*/
+    rules?: FairysTaroValtioFormInstance<T>['rules'];
+    /**表单初始值*/
+    formData?: FairysTaroValtioFormInstance<T>['state'];
+    /**表单隐藏状态*/
+    hideState?: FairysTaroValtioFormInstance<T>['hideState'];
+}
+export declare function FairysTaroValtioForm<T extends MObject<T> = object>(props: FairysTaroValtioFormProps<T>): import("react/jsx-runtime").JSX.Element;
+export declare namespace FairysTaroValtioForm {
+    var useForm: typeof useFairysTaroValtioFormInstance;
+    var useFormState: typeof useFairysTaroValtioFormInstanceContextState;
+    var useFormInstance: typeof useFairysTaroValtioFormInstanceContext;
+    var FormItemListItem: (props: {
+        items: import("./item.config").FairysTaroValtioInputConfigType[];
+    }) => import("react/jsx-runtime").JSX.Element;
+    var FormItemConfig: (config: import("./item.config").FairysTaroValtioInputConfigType) => import("react/jsx-runtime").JSX.Element;
+    var FormItem: typeof FairysTaroValtioFormItem;
+    var FormHideItem: typeof FairysTaroValtioFormHideItem;
+}

package/esm/form/form.item.d.ts

@@ -0,0 +1,54 @@
+/**表单项*/
+import { MObject } from '../interface';
+import type { ViewProps } from '@tarojs/components';
+import React from 'react';
+import { FairysTaroValtioFormInstance } from './instance';
+export interface FairysTaroValtioFormItemProps<T extends MObject<T> = object> extends ViewProps {
+    /**表单项名称*/
+    name: string;
+    /**表单项标签*/
+    label?: string;
+    /**是否使用样式*/
+    noStyle?: boolean;
+    /**传递组件字段*/
+    valuePropName?: string;
+    /**自定义获取值*/
+    getValueFromEvent?: (event: any, form: FairysTaroValtioFormInstance<T>) => any;
+    /**值格式化*/
+    formatValue?: (value: any, form: FairysTaroValtioFormInstance<T>, event: any) => any;
+    /**触发数据更新之后触发（用于数据联动之类的）*/
+    onAfterUpdate?: (value: any, form: FairysTaroValtioFormInstance<T>, event: any) => void;
+    /**事件名称*/
+    trigger?: string;
+    style?: React.CSSProperties;
+    labelClassName?: string;
+    labelStyle?: React.CSSProperties;
+    bodyClassName?: string;
+    bodyStyle?: React.CSSProperties;
+    /**规则校验失败错误提示位置*/
+    errorLayout?: 'left-bottom' | 'right-bottom' | 'top-right' | 'top-left';
+    /**label显示模式*/
+    labelMode?: 'left' | 'top' | 'between';
+    /**额外内容*/
+    extra?: React.ReactNode;
+    /**底部提示内容*/
+    helpText?: React.ReactNode;
+    /**
+     * 表单项占据列数
+     * @default 1
+     */
+    colSpan?: number;
+    /**
+     * 表单项占据行数
+     * @default 1
+     */
+    rowSpan?: number;
+    /**是否必填*/
+    isRequired?: boolean;
+    /**底部显示边框*/
+    bottomBordered?: boolean;
+    /**输入框属性*/
+    attrs?: any;
+}
+export declare function FairysTaroValtioFormItem<T extends MObject<T> = object>(props: FairysTaroValtioFormItemProps<T>): import("react/jsx-runtime").JSX.Element;
+export declare function FairysTaroValtioFormHideItem<T extends MObject<T> = object>(props: FairysTaroValtioFormItemProps<T>): import("react/jsx-runtime").JSX.Element;

package/esm/form/form.item.js

@@ -0,0 +1,172 @@
+import { jsx, jsxs } from "react/jsx-runtime";
+import { View } from "@tarojs/components";
+import react, { Fragment, useMemo } from "react";
+import clsx from "clsx";
+import { useFairysTaroValtioFormInstanceContextHideState, useFairysTaroValtioFormInstanceContextState } from "./instance/index.js";
+import { useFairysTaroValtioFormLayoutContext } from "./layout.js";
+function FairysTaroValtioFormItem(props) {
+    const [layoutAttrs] = useFairysTaroValtioFormLayoutContext();
+    const colCount = layoutAttrs.colCount || 1;
+    const parent_bottomBordered = layoutAttrs.bottomBordered || true;
+    const parent_errorLayout = layoutAttrs.errorLayout || 'right-bottom';
+    const parent_formItemClassName = layoutAttrs.formItemClassName;
+    const parent_formItemLabelClassName = layoutAttrs.formItemLabelClassName;
+    const parent_formItemLabelStyle = layoutAttrs.formItemLabelStyle;
+    const parent_formItemStyle = layoutAttrs.formItemStyle;
+    const parent_labelMode = layoutAttrs.labelMode || 'between';
+    const { name, label, noStyle, valuePropName = 'value', getValueFromEvent, formatValue, onAfterUpdate, trigger = 'onChange', className, style, labelClassName, labelStyle, bodyClassName, bodyStyle, children, labelMode = parent_labelMode, errorLayout = parent_errorLayout, extra, helpText, colSpan = 1, rowSpan = 1, isRequired: _isRequired, bottomBordered = parent_bottomBordered, attrs = {}, ...rest } = props;
+    const [state, errorState, formInstance] = useFairysTaroValtioFormInstanceContextState();
+    const rules = formInstance.rules?.[name];
+    const value = state[name];
+    const error = errorState[name];
+    const onValueChange = (event)=>{
+        let value = event;
+        const target = event?.detail || event?.target;
+        if ('function' == typeof getValueFromEvent) value = getValueFromEvent(event, formInstance);
+        else if (event && target && 'object' == typeof target && valuePropName in target) value = target.valuePropName;
+        if ('function' == typeof formatValue) value = formatValue(value, formInstance, event);
+        formInstance.updated({
+            [name]: value
+        });
+    };
+    const baseControl = {
+        ...attrs,
+        name,
+        [valuePropName]: value,
+        [trigger]: onValueChange
+    };
+    const isRequired = useMemo(()=>{
+        if (_isRequired) return _isRequired;
+        if (Array.isArray(rules) && rules.length) return rules.some((rule)=>rule.required);
+        return false;
+    }, [
+        rules,
+        formInstance
+    ]);
+    const isInvalid = useMemo(()=>{
+        if (Array.isArray(error) && error.length) return true;
+        return false;
+    }, [
+        error
+    ]);
+    const item_cls = useMemo(()=>clsx('fairys-taro-valtio-form-item fairystaroform__p-_zkh1_0_dl_2rem_zhk2_ fairystaroform__text-_zkh1_0_dl_6rem_zhk2_ fairystaroform__relative fairystaroform__flex fairystaroform__flex-col fairystaroform__box-border fairystaroform__break-all', {
+            'fairystaroform__border-b fairystaroform__border-b-solid fairystaroform__border-b-gray-100 ': bottomBordered
+        }, className, parent_formItemClassName), [
+        className,
+        parent_formItemClassName,
+        labelMode,
+        bottomBordered
+    ]);
+    const itemContainer_cls = useMemo(()=>clsx('fairys-taro-valtio-form-item-container fairystaroform__flex-1 fairystaroform__h-full fairystaroform__flex fairystaroform__box-border', {
+            'fairystaroform__flex-row fairystaroform__items-center fairystaroform__justify-between fairystaroform__gap-_zkh1_0_dl_4rem_zhk2_': 'between' === labelMode,
+            'fairystaroform__flex-col fairystaroform__gap-_zkh1_0_dl_2rem_zhk2_': 'top' === labelMode,
+            'fairystaroform__flex-row fairystaroform__gap-_zkh1_0_dl_4rem_zhk2_': 'left' === labelMode
+        }, labelClassName), [
+        labelClassName,
+        labelMode
+    ]);
+    const itemLabel_cls = useMemo(()=>clsx('fairys-taro-valtio-form-item-label fairystaroform__text-gray-800 fairystaroform__text-_zkh1_0_dl_75rem_zhk2_ fairystaroform__min-h-_zkh1_1_dl_4rem_zhk2_ fairystaroform__flex fairystaroform__items-center fairystaroform__relative fairystaroform__box-border', {
+            'fairystaroform__justify-start': 'left' !== labelMode,
+            'fairystaroform__justify-end': 'left' === labelMode,
+            required: isRequired
+        }, labelClassName, parent_formItemLabelClassName), [
+        labelClassName,
+        parent_formItemLabelClassName,
+        labelMode,
+        isRequired
+    ]);
+    const itemBody_cls = useMemo(()=>clsx('fairys-taro-valtio-form-item-body fairystaroform__flex fairystaroform__box-border', {
+            'fairystaroform__flex-row fairystaroform__justify-start': 'left' === labelMode,
+            'fairystaroform__flex-row fairystaroform__justify-end': 'between' === labelMode || 'top' === labelMode,
+            'fairystaroform__flex-row': 'top' === labelMode
+        }, bodyClassName), [
+        bodyClassName,
+        labelMode
+    ]);
+    const itemInput_cls = useMemo(()=>clsx('fairys-taro-valtio-form-item-body fairystaroform__flex fairystaroform__flex-row fairystaroform__flex-1 fairystaroform__box-border', {
+            'fairystaroform__justify-end fairystaroform__text-right': 'between' === labelMode,
+            'fairystaroform__justify-start fairystaroform__text-left fairystaroform__items-center': 'between' !== labelMode
+        }), [
+        labelMode
+    ]);
+    const itemExtra_cls = useMemo(()=>clsx('fairys-taro-valtio-form-item-body-extra fairystaroform__box-border fairystaroform__flex fairystaroform__items-center fairystaroform__justify-center'), []);
+    const itemHelp_cls = useMemo(()=>clsx('fairys-taro-valtio-form-item-body-help fairystaroform__text-_zkh1_0_dl_5rem_zhk2_ fairystaroform__w-full fairystaroform__box-border'), []);
+    const itemError_cls = useMemo(()=>clsx('fairys-taro-valtio-form-item-body-error fairystaroform__px-_zkh1_0_dl_2rem_zhk2_ fairystaroform__w-full fairystaroform__flex fairystaroform__flex-row fairystaroform__box-border fairystaroform__text-red fairystaroform__absolute fairystaroform__text-_zkh1_0_dl_5rem_zhk2_ fairystaroform__z-10', {
+            'fairystaroform__bottom-_zkh1_-0_dl_7rem_zhk2_ fairystaroform__left-0 fairystaroform__justify-start': 'left-bottom' === errorLayout,
+            'fairystaroform__bottom-_zkh1_-0_dl_7rem_zhk2_ fairystaroform__right-0 fairystaroform__justify-end': 'right-bottom' === errorLayout,
+            'fairystaroform__top-_zkh1_-0_dl_7rem_zhk2_  fairystaroform__right-0 fairystaroform__justify-end': 'top-right' === errorLayout,
+            'fairystaroform__top-_zkh1_-0_dl_7rem_zhk2_  fairystaroform__left-0 fairystaroform__justify-start': 'top-left' === errorLayout
+        }), [
+        errorLayout
+    ]);
+    const styleBase = useMemo(()=>{
+        const css = {};
+        if (colSpan) {
+            const end = colCount > colSpan ? colSpan : colCount;
+            css.gridColumnEnd = `span ${end}`;
+        }
+        if (rowSpan) css.gridRowEnd = `span ${rowSpan}`;
+        return css;
+    }, [
+        colSpan,
+        rowSpan,
+        colCount
+    ]);
+    return /*#__PURE__*/ jsxs(View, {
+        ...rest,
+        className: item_cls,
+        style: {
+            ...parent_formItemStyle || {},
+            ...styleBase,
+            ...style || {}
+        },
+        children: [
+            /*#__PURE__*/ jsxs(View, {
+                className: itemContainer_cls,
+                children: [
+                    /*#__PURE__*/ jsx(View, {
+                        className: itemLabel_cls,
+                        style: {
+                            ...parent_formItemLabelStyle || {},
+                            ...labelStyle || {}
+                        },
+                        children: label
+                    }),
+                    /*#__PURE__*/ jsxs(View, {
+                        className: itemBody_cls,
+                        style: bodyStyle,
+                        children: [
+                            /*#__PURE__*/ jsx(View, {
+                                className: itemInput_cls,
+                                children: /*#__PURE__*/ react.isValidElement(children) ? /*#__PURE__*/ react.cloneElement(children, {
+                                    ...baseControl
+                                }) : children
+                            }),
+                            extra ? /*#__PURE__*/ jsx(View, {
+                                className: itemExtra_cls,
+                                children: extra
+                            }) : /*#__PURE__*/ jsx(Fragment, {})
+                        ]
+                    })
+                ]
+            }),
+            helpText ? /*#__PURE__*/ jsx(View, {
+                className: itemHelp_cls,
+                children: helpText
+            }) : /*#__PURE__*/ jsx(Fragment, {}),
+            isInvalid ? /*#__PURE__*/ jsx(View, {
+                className: itemError_cls,
+                children: error
+            }) : /*#__PURE__*/ jsx(Fragment, {})
+        ]
+    });
+}
+function FairysTaroValtioFormHideItem(props) {
+    const [state] = useFairysTaroValtioFormInstanceContextHideState();
+    const isHide = state[props.name];
+    if (isHide) return /*#__PURE__*/ jsx(Fragment, {});
+    return /*#__PURE__*/ jsx(FairysTaroValtioFormItem, {
+        ...props
+    });
+}
+export { FairysTaroValtioFormHideItem, FairysTaroValtioFormItem };

package/esm/form/form.js

@@ -0,0 +1,31 @@
+import { jsx } from "react/jsx-runtime";
+import { FairysTaroValtioFormInstanceContext, useFairysTaroValtioFormInstance, useFairysTaroValtioFormInstanceContext, useFairysTaroValtioFormInstanceContextState } from "./instance/index.js";
+import { useMemo } from "react";
+import { FairysTaroValtioFormLayout } from "./layout.js";
+import { FairysTaroValtioFormHideItem, FairysTaroValtioFormItem } from "./form.item.js";
+import { FairysTaroValtioFormConfigItem, FairysTaroValtioFormConfigListItem } from "./item.config.js";
+export * from "./item.config.js";
+function FairysTaroValtioForm(props) {
+    const { form, children, rules, formData, hideState, ...rest } = props;
+    const formInstance = useFairysTaroValtioFormInstance(form);
+    formInstance.rules = rules;
+    useMemo(()=>formInstance.ctor({
+            formData,
+            hideState
+        }), []);
+    return /*#__PURE__*/ jsx(FairysTaroValtioFormInstanceContext.Provider, {
+        value: formInstance,
+        children: /*#__PURE__*/ jsx(FairysTaroValtioFormLayout, {
+            ...rest,
+            children: children
+        })
+    });
+}
+FairysTaroValtioForm.useForm = useFairysTaroValtioFormInstance;
+FairysTaroValtioForm.useFormState = useFairysTaroValtioFormInstanceContextState;
+FairysTaroValtioForm.useFormInstance = useFairysTaroValtioFormInstanceContext;
+FairysTaroValtioForm.FormItemListItem = FairysTaroValtioFormConfigListItem;
+FairysTaroValtioForm.FormItemConfig = FairysTaroValtioFormConfigItem;
+FairysTaroValtioForm.FormItem = FairysTaroValtioFormItem;
+FairysTaroValtioForm.FormHideItem = FairysTaroValtioFormHideItem;
+export { FairysTaroValtioForm };

package/esm/form/instance/index.d.ts

@@ -0,0 +1,63 @@
+import { MObject } from '../../interface';
+import { RuleItem, ValidateFieldsError, Values } from 'async-validator';
+/**表单实例*/
+export declare class FairysTaroValtioFormInstance<T extends MObject<T> = Record<string, any>> {
+    /**状态*/
+    state: T;
+    /**
+     * 错误信息
+     */
+    errorState: Record<PropertyKey, string[]>;
+    /**隐藏状态*/
+    hideState: Record<PropertyKey, boolean>;
+    /**初始化表单值*/
+    ctor: (options?: {
+        formData?: Partial<T>;
+        hideState?: Partial<Record<PropertyKey, boolean>>;
+    }) => void;
+    /**
+     * 更新数据
+     * @param state 更新数据对象
+     * @param isValidate 是否验证(可选)
+     */
+    updated: <M = T>(state: Partial<M>, isValidate?: boolean) => void;
+    /**
+     * 更新行数据的隐藏信息
+     * @param objectHideInfo 行数据隐藏信息对象
+     */
+    updatedHideInfo: (objectHideInfo: Record<PropertyKey, boolean>) => this;
+    /**
+     * 清理隐藏信息
+     */
+    clearHideInfo: (fields?: PropertyKey[]) => this;
+    /**
+     * 更新行数据的错误信息
+     * @param objectErrorInfo 行数据错误信息对象
+     */
+    updatedErrorInfo: (objectErrorInfo: Record<PropertyKey, string[]>) => this;
+    /**
+     * 清理错误信息
+     */
+    clearErrorInfo: (fields?: PropertyKey[]) => this;
+    /**
+     * 清理所有数据
+     */
+    clear: () => void;
+    /**列规则 */
+    rules: Record<PropertyKey, ((formData: T, instance: FairysTaroValtioFormInstance<T>) => RuleItem[] | Promise<RuleItem[]>) | RuleItem[]>;
+    /**规则验证
+     * @param fields 列字段数组(可选)
+     * @param isReturn 是否返回验证结果(可选)
+     */
+    validate: (fields?: PropertyKey[], isReturn?: boolean) => Promise<ValidateFieldsError | Values>;
+}
+/**声明实例*/
+export declare function useFairysTaroValtioFormInstance<T extends MObject<T> = object>(instance?: FairysTaroValtioFormInstance<T>): FairysTaroValtioFormInstance<T>;
+/**表单实例上下文*/
+export declare const FairysTaroValtioFormInstanceContext: import("react").Context<FairysTaroValtioFormInstance<any>>;
+/**表单实例上下文*/
+export declare function useFairysTaroValtioFormInstanceContext<T extends MObject<T> = object>(): FairysTaroValtioFormInstance<T>;
+/**状态取值*/
+export declare function useFairysTaroValtioFormInstanceContextState<T extends MObject<T> = object>(): [T, Record<PropertyKey, string[]>, FairysTaroValtioFormInstance<T>, any, any];
+/**隐藏组件状态取值*/
+export declare function useFairysTaroValtioFormInstanceContextHideState<T extends MObject<T> = object>(): [Record<PropertyKey, boolean>, FairysTaroValtioFormInstance<T>, any];